@media (min-width:1201px){

#sitemap{ display:none; opacity:0; position:fixed; width:940px; height:100%; z-index:0; top:0; right:0;  -webkit-transition: all 0.5s ease;  -moz-transition: all 0.5s ease;  -o-transition: all 0.5s ease;  -ms-transition: all 0.5s ease; transition: all 0.5s ease;}
#sitemap.active {opacity:1; z-index:88; }
#sitemap .centerWrap {overflow-y:auto; position:fixed; top:0; z-index:100; height:100%; width:940px; max-width:inherit; padding:0; background:#fff; }
#sitemap .bg {opacity:0; transition: opacity 0.5s ease-out; position:fixed; background:rgba(0,0,0,.5); width:100%; height:100%; left:0; top:0; z-index:0;}
#sitemap.active .bg {opacity:1; z-index:99; }
#sitemap .depth_2 {display:inline-block !important}

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

.container_wrap{  }
/*------------------------------------
    링크 버튼
------------------------------------*/
/* 버튼 스타일 */
.btn{ font-size:13px; }

/* prev, next, list 버튼 하단으로 이동 */
.prev_next_bottom_btn{ padding:30px 20px; }
.prev_next_bottom_btn li a{ padding:0 15px; font-size:16px; }
.prev_next_bottom_btn li strong{ padding:0 15px; font-size:15px; }
.prev_next_bottom_btn li strong:before{ width:5px; }
.prev_next_bottom_btn li span{ padding:0 15px; font-size:15px; }

.board_bottom_list_btn .btn{ width:200px; font-size:18px; line-height:52px; }
.contactus_submit .btn{ width:200px; font-size:18px; line-height:52px; }

/*------------------------------------
    사이트맵
------------------------------------*/
#sitemap .pc {display:none;}

#sitemap { opacity:0; position:fixed;  height:100%; z-index:0; top:0; right:0; max-width:420px; width:100%; -webkit-transition: all 0.5s ease;  -moz-transition: all 0.5s ease;  -o-transition: all 0.5s ease;  -ms-transition: all 0.5s ease;  transition: all 0.5s ease;}
#sitemap.active {opacity:1; right:0;  z-index:188; }
#sitemap .site_menu { padding:0; clear:both; background:#f5f5f5; height:calc(100% - 57px)}

#sitemap .centerWrap {overflow-y:auto; position:relative; z-index:200; height:100%;padding:0; background:#fff; }
#sitemap .bg {opacity:0;  transition: opacity 0.5s ease-out; position:fixed; background:rgba(0,0,0,.5); width:100%; height:100%; left:0; top:0; z-index:0;}
#sitemap.active .bg {opacity:1; z-index:199; }
#sitemap .btn_close {top:20px; right:15px; }
#sitemap .btn_close img {width:16px;}

#sitemap .mobile {display:block; overflow:inherit;}

#sitemap .mobile.logo {width:100%; padding:16px 15px 14px; background:#19192d; text-align:center;}
#sitemap .mobile.logo > a{ display:block; width:70px; height:70px; margin:0 auto; border-radius:100px; background:rgba(255,255,255,1) url(/img/favicon.png) no-repeat center; background-size:35px; }
#sitemap .mobile.logo img {width:180px;}
#sitemap .mobile.logo span {display:block; color:#fff; font-weight:600; font-size:17px;}
#sitemap .mobile.site_addr {width:100%; background:#261909; text-align:center; color:#fff; padding:0;}
#sitemap .mobile.site_addr .view_addr {display:block; width:100%; height:30px; background:#1b1104; border-bottom:1px solid #0a0601; text-align:center;}
#sitemap .mobile.site_addr .view_addr:before { content:'▼' ; color:#fff; text-align:center; font-size:8px; line-height:28px; display:block; }
#sitemap .mobile.site_addr span {opacity:0; width:320px; height:0; display:block; font-size:12px; -webkit-transition-duration:0.3s; -moz-transition-duration:0.3s; -o-transition-duration:0.3s; -ms-transition-duration:0.3s; transition-duration:0.3s;}
#sitemap .mobile.site_addr.active span {opacity:1; display:table-cell; vertical-align:middle; height:48px; padding:15px; line-height:18px; font-weight:300; background:#f9f9f9; color:#555; }
#sitemap .mobile.site_addr.active .view_addr:before {content:'▲' ;}

#sitemap .site_menu > li {height:auto; padding:0; border-bottom:none; }

#sitemap .depth_1 {width:25%; padding:0 25px; color:#666; font:400 14px/75px 'Roboto','Noto Sans KR','Malgun Gothic',Sans-serif; height:auto; border-bottom:1px solid #ddd;  background:#f5f5f5}
#sitemap li.active .depth_1{ background:#fff; color:#5558db; }
#sitemap li > .depth_1{ padding:15px 17px; line-height:22px; letter-spacing:-0.5px; min-width:130px; }
#sitemap .depth_1:before{ }
#sitemap .depth_2 { z-index:-1; opacity:0; overflow:hidden; position:absolute; top:0; right:0; padding-top:53px; width:calc(100% - 130px); -webkit-transition: 0.2s;	-moz-transition:0.2s;	transition: 0.2s; height:100%; background:#fff;}
#sitemap .depth_2 .drop_1depth_1 { display:block; position:absolute; top:0; padding:0 25px; background:none; color:#333; width:100%; border:none; font:400 18px/50px 'Roboto','Noto Sans KR','Malgun Gothic',Sans-serif; }
#sitemap .depth_2 .drop_1depth_1:after {content:''; position:absolute; top:-1px; left:20px; width:calc(100% - 40px); border-bottom:2px solid #000; height:100%;}
#sitemap .depth_2 .drop_1depth_1:hover{ color:#333; }
#sitemap li.active .depth_2 { z-index:1; opacity:1; }
#sitemap .depth_2 li {width:100%; float:none; box-sizing:border-box;}
#sitemap .depth_2 li:first-child a { }
#sitemap .depth_2 li:last-child a { }
#sitemap .depth_2 li > a {padding:1px 25px; margin:0; height:auto; font:300 15px/50px 'Roboto','Noto Sans KR','Malgun Gothic',Sans-serif; border-bottom:1px solid #eee; box-sizing:border-box; background:#fff;}
#sitemap .depth_2 li > a br{ display:none; }
#sitemap .depth_2 li > a:hover { border-bottom:1px solid #eee; }
#sitemap .depth_2 li.open a{ color:#5558db; font-weight:400; }

/* #sitemap li.open .depth_1{ background:#fff; color:#5558db; }
#sitemap li.open .depth_2 { z-index:1; opacity:1; } */

/*------------------------------------
    팝업레이어
------------------------------------*/
.pop_up_mobile{ width:auto !important; left:0 !important; top:60px !important; max-width:100%; margin: 24px; }
.pop_up_mobile img{ width:auto !important; max-width:100%; height:auto !important; }


/*------------------------------------
    로고
------------------------------------*/
.middle_wrap{ z-index:100; }
.middle_wrap .centerWrap{ padding:0 15px; }
.middle_wrap .logo{ padding:0; }
.middle_wrap .logo a{ width:74px; height:30px; left:0; top:18px; }



/*------------------------------------
    전체 카테고리
------------------------------------*/
.navbar_center{ display:none; }
.total_menu {overflow-x:hidden;}


/*------------------------------------
    상단 해더
------------------------------------*/
.header_center{ display:block; height:70px; }
.header_center.fixed{ background:#fff; border-bottom:1px solid #eee; }
.header_center .top_wrap .right{ right:15px; top:12px; }
.siteMap{ width:46px; height:45px; padding:13px 0; }
.siteMap div{ margin:0 auto; width:21px; height:18px; }
.siteMap span:nth-of-type(2){ top:8px; }
.header_center .top_wrap .right .search_btn a{ width:70px; height:59px; background-size:23px; }
.language_btn{ padding-top:16px; margin-right:30px; font-size:13px; }
.language_btn span{ display:none; }

.fixed_left_wrap {position:fixed; z-index:3; /* height:60px; */ right:0; width:100%; height:55px; overflow:hidden; /* min-height:inherit; direction:ltr; */}
.fixed_left_wrap.active {height:100% !important;  direction:ltr;}
/* .fixed_left_min_height {position:inherit; min-height:inherit; height:inherit;} */
.navbar_container { background:#fff; border-bottom:1px solid #ddd; }
.nav .site_map > h1 a { cursor:pointer; }

/* .header_center.fixed .top_wrap .right{ right:0; top:0; }
.fixed .siteMap{ background:#3e4293; width:70px; height:70px; padding:25px 0; } */


/*------------------------------------
    상세검색
------------------------------------*/
.search_btn{  }

/*------------------------------------
    스크롤시 상단메뉴 고정
------------------------------------*/
/* .header_center.fixed{ display:block; position:fixed; }

.header_center.fixed .top_wrap .left a{ background:url(/img/search_icon.png) no-repeat center; }

.header_center.fixed .top_wrap .right > li.language h2{ background:none; color:#555; border-color:#ddd; }
.header_center.fixed .top_wrap .right > li.language h2:hover{ background:#005bac; color:#fff; }

.middle_wrap.fixed .logo{ top:10px; }
.middle_wrap.fixed .logo a{ width:180px; height:39px; }

.nav.fixed .site_map > h1 a{ border-color:#ddd; background:#fff url(/img/sitemap_icon.png) no-repeat center; } */


/*------------------------------------
    상단 gnb
------------------------------------*/
.navbar_center .centerWrap{ height:90px; }

.navbar_center .top_menu > li{ padding:0 30px; }
.navbar_center .top_menu .depth_2{ padding:10px 0 20px; }
.navbar_center .top_menu .depth_2 a{ padding:8px 0; font-size:14px; }
.navbar_center .top_menu > li .depth_1{ line-height:90px; font-size:17px; }
.navbar_center .top_menu .depth_3{  }


/*------------------------------------
    전체메뉴열기
------------------------------------*/
.navbar_center.on{ height:300px; }
.navbar_center.on .centerWrap{ height:320px; }
.navbar_center.on .centerWrap:before{ top:90px; }


/*------------------------------------
	서브비주얼
------------------------------------*/
.sub_visual_wrap{ height:320px; }
.sub_visual_wrap h1{ margin-top:140px; font-size:35px; }


/*------------------------------------
    서브 : 좌측 메뉴 영역
------------------------------------*/
.sub_category_left{ z-index:9; float:none; width:100%; margin:0; position:relative; clear:both; }
.sub_category_title{ display:none; }

.depth_2_left{ z-index:9; position:relative; width:100%; margin:0 auto; }
.depth_2_left:before{ z-index:10; position:absolute; left:0; bottom:0; content:''; height:1px; width:100%; background:#ddd; }
.depth_2_left:after{ content:''; clear:both; display:block; }
.depth_2_left > li{ z-index:9; position:relative; float:left; width:25%; cursor:pointer; border:none; text-align:center; }
.depth_2_left > li a{ z-index:9; display:block; position:relative; color:#444; padding:0 5px; font-size:13px; line-height:40px; border:solid 1px #ddd; border-width:0 0 1px 0; }
.depth_2_left > li a:after{ position:absolute; right:-1px; top:0; content:''; width:1px; height:100%; background:#ddd; }

.depth_2_left > li a i{ display:inline-block; margin:0 0 0 5px; }
.depth_2_left > li a i:before{ content:''; font:normal 11px/20px 'FontAwesome'; color:#fff; }
.depth_2_left > li:hover > a{ color:#005bac; }
.depth_2_left > li:hover a i:before{ color:#005bac; }

.depth_2_left > li.active{ position:relative; z-index:2; }
.depth_2_left > li.active > a{ color:#fff; border-color:#005bac; background:#005bac; }
.depth_2_left > li.active a i:before{ color:#005bac; }
.depth_2_left > li.active:hover > a{ background:#005bac; }

.product_body .depth_2_left > li{ width:14.28571%; }

/* 3depth */
.depth_3_sub{ display:none; z-index:1; position:absolute; left:-1px; top:100%; width:100.5%; padding-top:1px; background:#fff; }
.depth_2_left > li:hover .depth_3_sub{ display:block; }
.depth_3_sub li{}
.depth_3_sub li a{ border-width:0 1px 1px 1px; font:400 13px/40px 'NanumGothic'; color:#555; }
.depth_3_sub li a:hover{ color:#005bac; }
.depth_3_sub > li.active > a{ color:#005bac; }



/*------------------------------------
    서브 : 100% 컨텐츠 영역
------------------------------------*/
.page_title_wrap{ margin-bottom:70px; }
.page_title_wrap h1{ font-size:28px; line-height:36px; }
.page_title_wrap h1:after{ width:40px; }
.sub_contents_wrap > .centerWrap{ padding-top:100px; padding-bottom:130px; }
.sub_contents_wrap:before{ border-right:950px solid rgba(0,0,0,0.02); border-bottom:340px solid transparent; }

.sub_right_contents{ padding:0; }

/*------------------------------------
    서브 : 우측 컨텐츠 영역
------------------------------------*/
.sub_left_block{ padding:0; }
.sub_left{ float:none; width:100%; max-width:912px; margin:0 auto; padding:70px 0 80px 0; }
.sub_left .centerWrap{ padding:0 15px; }


/*------------------------------------
    서브 컨텐츠 대표 문구 : 타이틀
------------------------------------*/
.sub_contents_title{ margin-bottom:50px; font-size:24px; line-height:38px; }



/*------------------------------------
    서브 : 상단 메뉴
------------------------------------*/
.sub_head_wrap{ padding-top:52px; }
.sub_active_title{ font-size:32px; font-weight:500; line-height:40px; }

/* prev, next page btn : 페이지 이동 */
.move_page_warp{ top:109px; }
.move_page_warp li a{ width:54px; height:54px; background-size:14px !important; }

.sub_category_type2{ padding:25px 0 37px; }
.depth_2_sub{ margin-left:-18px; padding-right:130px; }
.depth_2_sub li{ padding:0 17px; }
.depth_2_sub li a{ font-size:16px; line-height:26px; }


/*------------------------------------
    푸터
------------------------------------*/
/* 푸터 */
footer.footer_center{ padding-left:0; padding-right:0; }

/* 상단 gnb */
.navbar_left .top_menu{ display:none; }

/* contact 버튼 */
.main_contact_btn{ right:25px; bottom:140px; width:65px; height:65px; background-size:16px !important; }


/*------------------------------------
    일반 서브페이지 카테고리 탭메뉴
------------------------------------*/
.contents_tab_wrap{ margin:-20px 0 90px; }
.contents_tab li a{ font-size:16px; line-height:54px; }

.history_body .contents_tab li a{ font-size:24px; line-height:52px; }

/*------------------------------------
    회사소개
------------------------------------*/
/* 인사말 */
.greetings_wrap:before{ display:none; }
.greetings_wrap:after{ left:-100px; max-width:545px; }
.greetings_left{ height:450px; padding:120px 65px 0; }
.greetings_left h2{ margin-bottom:20px; font-size:32px; line-height:38px; }
.greetings_left p{ padding-left:160px; }

.greetings_right_wrap:after{ bottom:180px; height:270px; }
.greetings_right{ margin-top:120px; padding:70px 65px 75px 95px; }
.greetings_right h3{ margin-bottom:15px; font-size:20px; line-height:30px; }
.greetings_right h3:after{ width:50px; right:-75px; }
.greetings_right h3 b{ font-size:46px; }
.greetings_right .sign{ margin-top:50px; }
.greetings_right .sign span{ font-size:15px; }
.greetings_right .sign span i{ margin:0 15px; }


/* 3뎁스 공통 타이틀 */

.did_title{ font-size:24px; }
.did_title:before{ top:19px; left:-75px; content:''; width:50px; }
.did_title:after{ top:19px; width:50px; right:-75px; }
.did_title_wrap p{ margin-top:14px; }

/* overview : did aliiance */
.did_bottom_block{ padding:100px 15px; height:auto; }
.did_bottom_wrap .did_bottom:before{ height:83px; }
.did_bottom_wrap .did_bottom:last-child:before{ height:130px; }
.did_bottom{ padding-top:90px; }
.did_contents li .img_wrap{ padding:20px 0; }
.did_contents li div img{ max-height:120px; }
.did_contents li h3{ margin-bottom:10px; font-size:20px; }
.did_dotted li p{ padding:2px 0 2px 15px; }
.did_dotted li p:before{ top:15px; width:4px; height:4px; }

/* overview : vision & mission */
.overview_top{ padding-bottom:10px; }
.vision_bottom_wrap{ padding:100px 0; }

.vision li div h3{ font-size:20px; line-height:60px; }
.vision li div p{ font-size:15px; }


/* 백그라운드 : 상단 */
.bg_top_wrap:before{ width:50%; left:-30px; bottom:300px; max-width:500px; }

.bg_top_wrap{ margin-bottom:125px; }

.bg_top_left{ height:auto; padding:64px 65px 60px; }
.bg_top_left .img_wrap{ width:26%; padding-top:2px; }
.bg_top_left .img_wrap img{ max-height:130px !important; }
.bg_top_left .bg_contents{ width:67%; }
.bg_top_wrap h2{ margin-bottom:15px; font-size:30px; line-height:36px; }

.bg_top_middle > div{ height:auto; padding:77px 55px 75px 70px; }
.bg_top_middle .img_wrap{ margin-bottom:30px; }
.bg_top_middle .img_wrap img{ max-height:97px !important; }

.bg_top_botom{ padding:85px 80px 83px; height:auto; }
.bg_top_botom .img_wrap img{ max-height:140px !important; }

.bg_bottom_block{ padding-top:112px; padding-bottom:125px; }
.bg_bottom_wrap > div{ margin-top:105px; height:auto; }
.bg_bottom_long{ padding-top:78px; padding-bottom:75px; }
.bg_bottom_long.right{ padding-top:78px; padding-bottom:75px; }
.bg_bottom_wrap h3{ font-size:30px; line-height:37px; }


/* business direction */
.business_top{ margin-bottom:210px; }
.business_top:after{ left:-80px; bottom:-100px; width:60%; height:340px; background-position:right bottom; }

.business_left{ height:auto; padding:77px 60px 70px; }
.business_left h2{ font-size:30px; line-height:40px; }
.business_left h2 b{ font-size:54px; line-height:42px; }
.business_left .img_wrap img{ max-height:200px !important; }
.business_right{ padding:75px 65px 70px 100px; }
.business_right h3{ font-size:20px; line-height:30px; }
.business_right p{ padding-left:14px; }
.business_right p:before{ top:15px; width:4px; height:4px; }

.business_bottom_block{ padding-top:95px; padding-bottom:130px; }
.business_bottom li{ padding-bottom:70px; }
.business_bottom li dl dt{ min-height:auto; }
.business_bottom li dl dt strong{ bottom:-80px; font-size:160px; }
.business_bottom li dl dd div{ padding:38px 45px; }
.business_bottom li dl dd div:after{ right:50px; bottom:-40px; height:40px; background-position:right bottom; background-size:auto 100% !important; }
.business_bottom li h4{ font-size:20px; }

/* 연혁 */
.history dt{ padding:25px 0; }
.history dt strong{ font-size:40px; line-height:80px; }
.history dd{ padding:25px 65px; }
.history dd p{ padding-left:15px; font-size:18px; }
.history dd p:before{ top:18px; width:4px; height:4px; }



/*------------------------------------
    Projects
------------------------------------*/
/* What is did */
.what_top{ margin:0 auto 85px; }
.what{ margin-bottom:210px; }
.what:after{ left:-50px; bottom:-80px; width:60%; height:340px; background-position:right bottom; }
.what_top > p{ padding-left:60px; max-width:700px; }

.what > p{ top:90px; padding-left:60px; max-width:420px; }
.what_img{ max-width:700px; }

.what_middle_wrap{ margin-bottom:85px; }

.what_bottom_wrap{ padding:80px 0 85px; }
.what_bottom ul{ margin-top:-20px; }
.what_bottom ul li{ padding:0 12px; }
.what_bottom ul li div img{ max-height:100px !important; }
.what_bottom ul li h3{ margin:23px 0 10px; font-size:20px; line-height:30px; }
.what_bottom ul li p{ font-size:16px; line-height:26px; }


/* social contribution */
.social_wrap{}
.social{ padding:60px 50px 0; }
.social h2{ font-size:36px; line-height:48px; }
.social h3{ margin:40px 0 0; padding:0 10px; font-size:26px; line-height:44px; }
.social p{ padding:20px 0 0 10px; font-size:18px; }


/* global cooperation */
.cooperation_top{ padding-bottom:150px; }
.cooperation_top:after{ left:-15px; width:60%; height:340px; background-position:right bottom; }
.cooperation_top h2{ padding:0; font-size:36px; line-height:48px; }
.cooperation_top p{ padding-top:30px; font-size:20px; }

.cooperation_left{ padding:65px 100px 70px 65px; }
.cooperation_left h3{ font-size:20px; line-height:30px; }
.cooperation_left h3:after{ width:50px; }
.cooperation_left p{ padding-left:14px; }
.cooperation_left p:before{ top:42px; width:4px; height:4px; }


/* global support */
.table01{  }
.table01 th, .table01 td{ font-size:16px; line-height:24px; border-width:8px 0; }
.table01 th:first-child, .table01 td:first-child{ border-right-width:8px; }
.table01 td p{ padding-left:14px; font-size:16px; line-height:24px; }
.table01 td p:before{ top:10px; width:4px; height:4px; }

.support_top:after{ width:50%; left:-15px; bottom:-30px; height:300px; }

.support_left{ padding:65px 150px 70px 65px; }
.support_left h3{ font-size:20px; }
.support_left p{ padding-left:14px; }
.support_left p:before{ top:42px; width:4px; height:4px; }


/*------------------------------------
    member
------------------------------------*/
/* 클릭 시 해당 아이디값 컨텐츠로 이동 */
.Click_wrap{ top:-57px; }

/* benefits */
.benefits_top_wrap{ padding-top:158px; height:560px; }
.benefits_top li div{ width:160px; height:160px; }
.benefits_top li p{ font-size:20px; line-height:28px; }

.benefits_bottom_wrap{ padding:150px 0 165px; }
.benefits_right{ padding:30px 50px; }
.benefits_right p{ padding-left:15px; font-size:20px; }
.benefits_right p:before{ top:10px; width:4px; height:4px; }

.benefits_middle_wrap{ padding-top:150px; height:700px; }
.benefits_middle{ padding-top:60px; }
.benefits_middle li p{ height:210px; }
.benefits_middle li p strong{ font-size:20px; line-height:30px; }



/*------------------------------------
    문의 : Contact Us
------------------------------------*/
.contact_us{ padding-bottom:130px; }
.contact_us > p{ margin-bottom:200px; }
.map_area{ margin-top:60px; }
.map_area h3{ font-size:19px; line-height:48px; }


/*------------------------------------
    검색결과 페이지
------------------------------------*/
.search_page_box_wrap{ padding:0 0 40px; }

/*------------------------------------
    TOP 탑 버튼
------------------------------------*/
.eb-top{ display:none; }

/*------------------------------------
    개인정보처리방침
------------------------------------*/
.privacy_wrap h2{ padding:35px 0 15px; font-size:18px; }

.privacy_wrap p{ font-size:14px; line-height:26px; }

.privacy_wrap ul li{ font-size:13px; line-height:22px; }
.privacy_wrap ul li:before{ top:9px; }
.privacy_wrap ul li.before_none_li:first-child b{ font-size:14px; }


}