@charset "utf-8";

@font-face {
  font-family: 'Daehan';
  font-style: normal;
  font-weight: 400;
  src: url('/css/fonts/DaehanR.woff2') format('woff2'), url('/css/fonts/DaehanR.woff') format('woff');
}

@font-face {
  font-family: 'Daehan';
  font-style: normal;
  font-weight: 700;
  src: url('/css/fonts/DaehanB.woff2') format('woff2'), url('/css/fonts/DaehanB.woff') format('woff');
}


/*------------------------------------
    서브 : 본문 컨테이너
------------------------------------*/
.container_wrap{ margin-top:88px; position:relative; overflow:hidden; background:#fff; }
.container_wrap:after{ content:"";  display:block; clear:both; }
.Main .centerWrap{ max-width:1635px; padding:0 15px; }




/*------------------------------------
    게시판, 링크, 버튼
------------------------------------*/



/*------------------------------------
    스킨
------------------------------------*/
.total_wrap{ position:relative; height:100%; }
.centerWrap{ position:relative; width:100%; max-width:1370px; box-sizing:border-box; margin:0 auto; padding:0 15px; }
.centerWrap_2{ clear:both; position:relative; margin:0 auto; padding:20px 0; text-align:center; }
.centerWrap_2:after{ content:""; display:block; clear:both; }



/*------------------------------------
    상단 해더
------------------------------------*/
.header_center{ z-index:99; width:100%; position:fixed; left:0; top:0; }
.header_center:after{ content:"";  display:block; clear:both }
.header_center .top_wrap{ margin:0 auto; width:100%; position:relative; }
.header_center .top_wrap:after{ content:"";  display:block; clear:both }
.header_center .top_wrap .centerWrap{ position:relative; max-width:100%; padding:0 100px; }
.header_center .top_wrap .centerWrap:after{ content:"";  display:block; clear:both }
.header_center .top_wrap .left{ display:none; overflow:hidden; }
.header_center .top_wrap .left li{ float:left; }
.header_center .top_wrap .left li a{ display:block; padding-right:8px; font-weight:400; font-size:13px; line-height:16px; color:rgba(255,255,255,0.7); font-size:0; }
.header_center .top_wrap .right a{ display:block; font-weight:400; font-size:15px; line-height:24px; color:rgba(0,0,0,0.9); font-size:0; }
.header_center .top_wrap .right a{ -webkit-transition-duration:0.2s; -moz-transition-duration:0.2s; -o-transition-duration:0.2s; -ms-transition-duration:0.2s; transition-duration:0.2s; }
.header_center .top_wrap .right a img{ /* width:20px; */ }
.header_center .top_wrap .right li a:hover{ color:#242424; }
.header_center .top_wrap .right li a:focus{ color:#242424; }

.header_center .top_wrap .right li:nth-child(2) a{ /* margin-right:29px; */ }

.header_center .top_wrap .right .search_btn a{ display:block; width:80px; height:69px; background:#f8f6f4 url(/img/search_icon.png) no-repeat center; font-size:0; }
.header_center .top_wrap .right .search_btn a:hover{  }

.header_center .top_wrap .right{ position:absolute; right:120px; top:0; display:inline-block; }
.header_center .top_wrap .right > li{ float:left; }


/* 다국어 버튼 슬라이드 */
/* .language{ position:relative; text-transform:uppercase; border:1px solid #ddd; border-radius:100px; background:#fcfcfc; }
.language{ -webkit-transition-duration:0.15s; -moz-transition-duration:0.15s; -o-transition-duration:0.15s; -ms-transition-duration:0.15s; transition-duration:0.15s; }
.language:hover{ border-radius:0; }
.language h2{ position:relative; padding:0 32px 0 16px; font:300 12px/26px 'Pretendard','Malgun Gothic',Sans-serif; color:#666; cursor:pointer; letter-spacing:0.7px; }
.language:hover h2{ color:#444; }
.language h2:after{ position:absolute; right:16px; top:1px; display:inline-block; content:''; font:normal 13px/25px 'FontAwesome'; color:#888; }
.language:hover h2:after{ color:#666; }
.language ul{ overflow:hidden; position:absolute; left:0; top:100%; width:100%; height:0; margin-top:1px; background:#fcfcfc; border-radius:10px; opacity:0; }
.language ul{ -webkit-transition-duration:0.4s; -moz-transition-duration:0.4s; -o-transition-duration:0.4s; -ms-transition-duration:0.4s; transition-duration:0.4s; }
.language:hover ul{ overflow:inherit; height:auto; border-bottom:1px solid #ddd; border-radius:0; opacity:1; }
.language ul li{ }
.language ul li:before{ position:absolute; left:-1px; top:0; width:1px; height:100%; content:''; background:#ddd; }
.language ul li:after{ position:absolute; right:-1px; top:0; width:1px; height:100%; content:''; background:#ddd; }
.language ul li a{ position:relative; display:block; padding:8px 17px; font:400 12px/16px 'NanumGothic','Malgun Gothic',Sans-serif; color:#555; text-align:center; }
.language ul li a:hover{ color:#333; }
.language ul li a img{ max-width:14px; margin-right:3px; vertical-align:-2px; } */

/* 다국어 버튼 */
/* .language_btn{ position:relative; display:inline-block; padding:0 10px 1px; margin:9px 15px 0 0; font:400 12px/19px 'NanumGothic','Malgun Gothic',Sans-serif; color:rgba(255,255,255,0.8); }
.language_btn{ border:1px solid rgba(255,255,255,0.4); background:rgba(0,0,0,0.1); border-radius:100px; text-transform:uppercase; }
.language_btn{ -webkit-transition-duration:0.2s; -moz-transition-duration:0.2s; -o-transition-duration:0.2s; -ms-transition-duration:0.2s; transition-duration:0.2s; }
.language_btn span{ display:none; }
.language_btn:hover{ color:#fff; border-color:rgba(255,255,255,0.5); }
.language_btn img{ display:none; max-width:14px; margin-right:3px; vertical-align:-2px; } */

/* 법인 로고 */
.corp_logo{}
.corp_logo a{ margin-right:20px; width:20px; height:69px; font-size:0 !important; background:url(/img/corp_logo.png) no-repeat center; background-size:100%; }

/* 스토어 바로가기 */
.store_mobile_btn{ display:none; }

/* 다국어 버튼 : 텍스트 스타일 */
.language_btn_wrap{ overflow:hidden; margin-right:28px; margin-right:32px; }

.language_btn{ display:block; margin-top:23px; margin-top:26px; font-weight:500; font-size:16px; line-height:24px; color:#444; text-transform:uppercase; }
.language_btn img{ width:auto; max-width:100%; width:20px; }

.footer_language_btn_wrap{ display:none; }

/* 로그인 버튼 : 텍스트 스타일 */
.login_btn{ display:block; /* padding:0 4px;  margin:0 4px;*/ font-weight:400; font-size:13px; line-height:34px; color:rgba(255,255,255,0.7); /* text-transform:uppercase; */ }

/* 사이트맵 */
/* .siteMap{ position:relative; display:block; width:80px; height:70px; content:''; background:#0067b4 url(/img/sitemap_icon_white.png) no-repeat center; font-size:0; }
.siteMap:hover{ background:#085392 url(/img/sitemap_icon_white.png) no-repeat center; }
 */

.siteMap_wrap{ z-index:10; position:absolute; right:15px; top:0; padding:0; }
.siteMap{ display:block; margin-top:32px; border:0;vertical-align:top;font-size:18px; cursor:pointer; }
.siteMap,
.siteMap span {display: inline-block; transition: all .4s; box-sizing: border-box;}
.siteMap { box-sizing:border-box; font-size:0;  }
.siteMap:hover{  }
.siteMap div {position:relative; width:20px; height:16px; }
.siteMap span {position: absolute; left:0; width: 100%; height: 2px; background-color:#141414; }
.siteMap span:nth-of-type(1) {top: 0;}
.siteMap span:nth-of-type(2) {top: 7px; /* width:30px; */}
.siteMap span:nth-of-type(3) {bottom: 0; /* width:25px; */}
.siteMap.active span:nth-of-type(1) {-webkit-transform: translateY (9px) rotate (-45deg); transform: translateY(9px) rotate(-45deg);}
.siteMap.active span:nth-of-type(2) {opacity: 0;}
.siteMap.active span:nth-of-type(3) { -webkit-transform: translateY(-9px) rotate(45deg); transform: translateY(-9px) rotate(45deg);}



/* 검색창 */
.search_keyword{ display:none; position:absolute; width:440px; height:20px; top:-20px; padding:0 0 2px 3px; /* display:none  */ overflow:hidden; }
.search_keyword a{ display:inline-block; font:normal 11px/18px Dotum; color:#666; padding:0 3px; }
.search_keyword:before{ content:"인기검색"; font:bold 11px/18px Dotum; color:#ad0f2b; letter-spacing:-1px; padding:0 5px 0 0; }
.search_keyword a:hover{ color:#ad0f2b; }

.search_wrap .search_box{ border:solid 2px #ddd; width:300px; height:45px; overflow:hidden; border-radius:100em; }
.search_wrap .search_box dt{ display:none; }
.search_wrap .search_box dd{  }
.search_wrap .search_box input[type=text]{ float:left; height:43px; width:83%; border:none; font-weight:400; font-size:18px; line-height:43px; color:#555; padding:0 0 0 5%; margin:0; }
.search_wrap .search_box button{ float:right; width:13%; height:45px; font:bold 0px/45px Malgun Gothic; padding:0 0 0 0; background:#fff; border:none; }
.search_wrap .search_box button:before{ content:""; font-weight:400; font-size:18px; line-height:43px; color:#ad0f2b; }

/* 검색영역 */
.search_wrap_div{ display:none; overflow-y:auto; position:fixed; left:0; top:0; width:100%; height:100%; background:url(/img/black_20.png); text-align:center; }
.header .top_wrap .search_wrap_div .centerWrap{ position:relative; max-width:800px; margin:10% auto 0; padding:60px 60px 70px; border-radius:10px; box-shadow:0 0 10px rgba(0,0,0,.3); background:#fff; text-align:center; }
.search_wrap_div .search_title{ overflow:hidden; display:inline-block; padding:0 0 30px; }
.search_wrap_div .search_title p{  }
.search_wrap_div .search_title p img{ height:50px; }
.search_wrap_div .search_title b{ display:none; }
.search_wrap_div .search_title strong{ display:block; padding:15px 0 0 0; font-weight:400; font-size:22px; line-height:32px; color:#333; }
.search_wrap_div .search_close_btn{ position:absolute; right:30px; top:25px; font-size:0; cursor:pointer; }/*닫기*/
.search_wrap_div .search_close_btn:before{ display:inline-block; content:''; font:normal 22px 'FontAwesome'; color:#e79300; }
.search_wrap_div .search_close_btn:hover:before{ color:#ad0f2b; }


/* 검색페이지 */
.search_wrap{ text-align:center; }
.search_wrap dl{ display:inline-block; }
.search_wrap ul{ overflow:hidden; margin:3px 0; text-align:left; }
.search_wrap ul li{ float:left; font-weight:400; font-size:13px; line-height:34px; color:#666; }
.search_wrap ul li:first-child{ min-width:100px; font-weight:600; color:#444; }
.search_wrap ul li select{ margin:0 5px; padding:0 5px; width:100px; border:1px solid #ddd; font-weight:400; font-size:13px; line-height:25px; color:#666; }
.search_wrap ul li input{ margin:0 5px; padding:0 5px; width:200px; border:1px solid #ddd; font-weight:400; font-size:13px; line-height:25px; color:#666; }
.search_btn2{ display:inline-block; padding:0 25px; margin-top:30px; font-weight:400; font-size:15px; line-height:40px; color:#fff; background:#ad0f2b; border:1px solid #ad0f2b; }

.goods_list{ display:none; }
/* 즐겨찾기 */
.header .top_wrap .right .bookMark_wrap{}
.header .top_wrap .right .bookMark_wrap a{ padding-right:0; font-size:0; line-height:0; }
.header .top_wrap .right .bookMark_wrap a:before{ content:''; font:normal 24px/70px 'FontAwesome'; color:#434343; }
.header .top_wrap .right .bookMark_wrap a:hover:before{ color:#ea9b11; }



/*------------------------------------
    로고
------------------------------------*/
.middle_wrap{ z-index:12; position:fixed; left:0; top:0; width:100%; display:block; min-width:auto; text-align:center; }
.middle_wrap .centerWrap{ z-index:9999; max-width:100%; padding:0; }
.middle_wrap .logo{ overflow:hidden; display:inline-block; position:absolute; left:120px; top:18px; }
.middle_wrap .logo{ -webkit-transition-duration:0.2s; -moz-transition-duration:0.2s; -o-transition-duration:0.2s; -ms-transition-duration:0.2s; transition-duration:0.2s; }
.middle_wrap .logo a{ display:block; width:145px; height:51px; }
.middle_wrap .logo a > img{ width:auto; max-width:100%; }


/*------------------------------------
    상단 해더 스몰 배너
------------------------------------*/
.small_banner{ display:none; position:absolute; top:-90px; right:10px; overflow:hidden; width:200px; height:65px; font:normal 12px/16px Malgun Gothic; /* border:solid 1px #ddd; */ }
.sm_img_1{ position:relative; width:200px; height:65px; overflow:hidden; background:#fff; }
.sm_img_1 dt{ width:35%; float:left; padding-right:5%; }
.sm_img_1 dd{ width:60%; float:right; }
.sm_img_1 dt img{ width:100%; padding:3px 0 0 0; }
.sm_img_1 b{ display:block; padding:5px 0 0 0 }
.sm_img_1 span s{ color:#666; font:normal 11px Arial; padding:0 4px 0 0 }




/*------------------------------------
    전체 카테고리
------------------------------------*/
.navbar_center{ z-index:10; position:fixed; left:0; top:0; height:88px; width:100%; padding:0; text-align:center; background:#fff; border-bottom:1px solid transparent; }
.navbar_center{ -webkit-transition-duration:0.2s; -moz-transition-duration:0.2s; -o-transition-duration:0.2s; -ms-transition-duration:0.2s; transition-duration:0.2s; }
.navbar_center .centerWrap{  }
.navbar_center:after{ content:"";  display:block; clear:both; }
.navbar_center .site_map{ display:none; position:absolute; top:0; right:0; height:60px; }
.navbar_center .site_map > h1{ position:relative; display:inline-block; height:60px; margin:0; text-align:center; }
.navbar_center .site_map > h1 a{ display:inline-block; width:50px; height:58px; background:url(/img/sitemap_icon_white.png) no-repeat center; opacity:0.9; }
/* .navbar_center .site_map > h1:hover a{ background:url(/img/sitemap_icon.png) no-repeat center; } */
.navbar_center .site_map > h1 a i{ display:none; color:#fff; font-size:0; line-height:190%; }
.navbar_center .site_map > h1 a i:before{ display:inline-block; content:''; width:40px; height:60px; background:url(/img/sitemap_icon.png) no-repeat center 100%; }
.navbar_center .site_map:hover > h1 a{ opacity:1; }

.fixed.navbar_center{ border-color:#ebeae8; }
.fixed.navbar_center:before{ display:none; position:absolute; left:0; top:70px; width:100%; height:1px; content:''; background:#ddd; }


/*-----------------------------------------
    스크롤 다운 : 메뉴 숨김, 스크롤 업 : 메뉴 출력
-----------------------------------------*/
.headroom{ position:fixed; left:0; top:0; width:100%; -webkit-transition:top 0.15s; transition:top 0.15;s }
.headroom-hidden{ top:-80px;  }

.title_body .contents_tab_wrap.headroom{ z-index:2; position:fixed; left:0; top:135px; max-width:100%; }
.title_body .contents_tab_wrap.headroom-hidden{ top:-205px; }
.title_body .contents_tab_wrap.contents_tab{}

/* 우측에 고정 */
/* .title_body .contents_tab_wrap.fixed{ z-index:2; position:absolute; right:-250px; top:0; height:100%; }
.title_body .contents_tab_wrap.fixed > div{ position:relative; height:100%; width:220px; padding-top:140px; }
.title_body .contents_tab_wrap.fixed .contents_tab{ position:fixed; display:block; }
.title_body .contents_tab_wrap.fixed .contents_tab li{ float:none; }
.title_body .contents_tab_wrap.fixed .contents_tab li a{ } */

/* 제품페이지 상단 탭메뉴 */
.title_body .headroom2{ z-index:2; position:fixed; left:0; top:135px; width:100%; max-width:100%; }
.title_body .headroom-hidden{ top:-205px; }

/*------------------------------------
    전체 메뉴
------------------------------------*/
.total_menu_wrap{ display:none; z-index:999; position:fixed; left:0; top:0; width:100%; text-align:left; }
.total_menu{ z-index:9999; padding-top:60px; width:100%; height:100vh !important; overflow-y:auto; background:#fff; }
.total_menu > li > a{ position:relative; display:block; padding:1px 0 0 7%; font-weight:500; font-size:16px; line-height:40px; background:#f9f9f9; border-bottom:solid 1px #ddd; color:#141414; text-transform:uppercase; }
.total_menu > li > a:before{ position:absolute; left:0; top:-1px; content:''; width:100%; height:1px; background:#ddd; }
.total_menu > li > a:after{ position:absolute; right:0; top:0; width:100%; height:100%; padding:0 7% 0 0; color:#aaa; content:''; font:normal 17px/42px 'FontAwesome',Arial; text-align:right; }

.total_menu .depth_2{  }
.total_menu .depth_2 li{  }
.total_menu .depth_2 li > a{ position:relative; display:block; padding-left:8%; border-bottom:solid 1px #eee; font-weight:400; font-size:14px; line-height:38px; color:#555; background:#fcfcfc; }
.total_menu .depth_2 li:hover > a{ background:#f9f9f9; }
.total_menu .depth_2 li > a i{ position:absolute; right:0; top:0; width:100%; height:100%; padding:0 7% 0 0; text-align:right; }
.total_menu .depth_2 li > a i:before{ display:inline-block; color:#bbb; content:''; font:normal 17px/42px 'FontAwesome',Arial; text-align:right; }

.total_menu .depth_3{ overflow:hidden; position:relative; }
.total_menu .depth_3:before{ position:absolute; left:0; bottom:0; content:''; width:100%; height:1px; background:#eee; }
.total_menu .depth_3 li{ float:left; width:50%; }
.total_menu .depth_3 li a{ padding-left:18%; color:#666; font-size:12px; font-weight:400; line-height:36px; background:#fff; }
.total_menu .depth_3 li:nth-child(odd) a{ border-right:1px solid #eee; }

/* 닫기 버튼 */
.site_map_close_btn{ z-index:2; position:fixed; left:0; top:0; height:60px; background:#0067b4 url(/img/logo_white.png) no-repeat 15px 8px; background-size:auto 40px !important; width:100%; text-align:right; }
.site_map_close_btn a{ display:inline-block; width:55px; height:60px; background:url(/img/cancel_btn.png) no-repeat center; background-size:22px auto !important; border-right:1px solid rgba(252,255,255,0.1); }

.nav.site_map_open{ z-index:12; }


/*------------------------------------
    상단 gnb
------------------------------------*/
.navbar {height:100%;}
.navbar_container {position:relative; height:100%; }
.navbar_center .top_menu{ padding:0 0 0 125px; }
.navbar_center .top_menu:after{ content:"";  display:block; clear:both;  }
.navbar_center .top_menu > li{ position:relative; float:left; position:relative; padding:0 22px; /* background:#fff; border:1px solid transparent; */ border-width:0 1px; }
.navbar_center .top_menu > li:hover{ /* box-shadow:0px 0 5px rgba(0,0,0,.1); */ border-color:#eee; }
.navbar_center .top_menu > li:hover:after{ position:absolute; left:0; top:0; content:''; width:100%; height:2px; background:#0067b4; }
.navbar_center .top_menu > li .depth_1{ position:relative; }
.navbar_center .top_menu > li .depth_1{ display:block; padding:1px 17px 0; text-align:center; font-weight:500; font-size:19px; line-height:86px; color:#333; }
.navbar_center .top_menu > li:hover .depth_1{ /* color:#fff;  */background:#fff; }
.navbar_center .top_menu > li:hover .depth_1:after{ position:absolute; left:50%; bottom:0; content:''; width:8px; height:2px; background:#0067b4; border-radius:100px; transform:translateX(-50%); }
.navbar_center .top_menu > li.active .depth_1{ color:#0067b4; }
.navbar_center .top_menu > li.active:hover .depth_1{  }
.navbar_center .top_menu > li dd{ z-index:10; min-width:160px; display:none; position:absolute; top:100%; left:0; width:100%; }
.navbar_center .top_menu > li.active dd{}
.navbar_center .top_menu .depth_2{ position:absolute; left:0; top:100%; display:none; width:100%; padding:22px 0 30px; background:#fff; border-radius:0 0 10px 10px; border:1px solid #eee; border-width:0 1px 1px 1px; /* box-shadow:0px 1px 5px rgba(0,0,0,.1) */; }
.navbar_center .top_menu .depth_2 li{ position:relative; text-align:center; }

.navbar_center .top_menu > li:nth-child(2) .depth_2{ /* display:block !important; */ }

.navbar_center .top_menu > li:hover .depth_2{ display:block; }
.navbar_center .top_menu .depth_2 a{ display:block; padding:5px; font-weight:400; font-size:15px; line-height:22px; color:rgba(0,0,0,.7); padding:5px; }
.navbar_center .top_menu > li:hover{ color:#fff; }
.navbar_center .top_menu > li:hover dt a{ color:#085392; background:#085392; }
.navbar_center .top_menu > li.active dt a{ color:#085392; background:#085392; }
.navbar_center .top_menu > li.active:hover dt a{  color:#085392; border-color:#333; }
.navbar_center .top_menu > li:hover dd{ display:block; }
.navbar_center .top_menu .depth_2 a{ -webkit-transition-duration:0.2s; -moz-transition-duration:0.2s; -o-transition-duration:0.2s; -ms-transition-duration:0.2s; transition-duration:0.2s; }
.navbar_center .top_menu .depth_2 li:hover > a{ color:#000; }
.navbar_center .top_menu .depth_2 li.active > a{ color:#000; }
.navbar_center .top_menu .depth_2 a > i{ display:inline-block; margin:0 0 0 5px;  }
.navbar_center .top_menu .depth_2 a > i:before{ content:''; font:normal 11px/20px 'FontAwesome'; color:rgba(0,0,0,.6); }
.navbar_center .top_menu .depth_2 li:hover a > i:before{ color:rgba(0,0,0,.9); }

.navbar_center .top_menu .depth_3{ display:none; position:absolute; left:100%; top:-3px; width:120px; padding:3px 0 5px; background:#0067b4; border-left:1px dotted rgba(0,0,0,0.1); }
.navbar_center .top_menu .depth_2 li:hover .depth_3{ display:block; }
.navbar_center .top_menu .depth_3 a{ display:block; padding:5px; font-weight:400; font-size:13px; line-height:20px; color:rgba(0,0,0,.7); }
.navbar_center .top_menu .depth_3 a{ -webkit-transition-duration:0.2s; -moz-transition-duration:0.2s; -o-transition-duration:0.2s; -ms-transition-duration:0.2s; transition-duration:0.2s; }
.navbar_center .top_menu .depth_3 a:hover{ color:#fff; }

.navbar_center .top_menu > li:nth-child(2) .depth_2 li:first-child .depth_3{ /* display:block !important; */ }

/* 스토어 메뉴 */
.navbar_center .top_menu > li.store_menu{ margin-left:30px; }
.navbar_center .top_menu > li .depth_1.basket_menu:before{ display:inline-block; content:''; width:22px; height:21px; margin-right:8px; vertical-align:-3px; background:url(/img/basket.png) no-repeat center; background-size:22px; }
.navbar_center .top_menu > li:hover .depth_1.basket_menu:before{ background:url(/img/basket_w.png) no-repeat center; background-size:22px; }

/* 법인홈페이지 메뉴 */
.navbar_center .top_menu > li .depth_1.corp_menu:before{ display:inline-block; content:''; width:20px; height:25px; margin-right:8px; vertical-align:-5px; background:url(/img/corp_logo.png) no-repeat center; background-size:auto 100%; }
.navbar_center .top_menu > li:hover .depth_1.corp_menu:before{ background:url(/img/corp_logo_white.png) no-repeat center; background-size:auto 100%; }

/* Contact Us 메뉴 */
.navbar_center .top_menu > li.contact_menu{ display:none; }

/* 회사 홈페이지 */
.navbar_center .top_menu > li.corp_menu{  }



/*------------------------------------
    스크롤시 상단메뉴 고정
------------------------------------*/
.header.fixed{  }
/* 다국어 버튼 */
.Main .middle_wrap .logo{ top:28px; }
.Main .middle_wrap.fixed .logo{ top:18px; }

.Main .navbar_center .top_menu > li .depth_1{ line-height:98px; }
.Main .nav.fixed .top_menu > li .depth_1{ line-height:86px; }

.Main .header_center .top_wrap .right{ top:10px; }
.Main .header.fixed .top_wrap .right{ top:0; }

/* .header.fixed .language_btn{ color:#555; border-color:#ddd; background:#f9f9f9; }
.header.fixed .language_btn:hover{ color:#fff; border-color:#434343; background:#434343; } */

/* 사이트맵 */
/* .header.fixed .siteMap{ background:url(/img/sitemap_icon3.png) no-repeat center; }
.header.fixed .siteMap:hover{ background:url(/img/sitemap_icon4.png) no-repeat center; }

.middle_wrap.fixed{  }
.middle_wrap.fixed .logo a{ background:none;  }
.middle_wrap.fixed .logo a > img{ display:block; }

.nav.fixed{ background:#fff; border-bottom-color:#ddd;  }
.nav.fixed .top_menu > li .depth_1{ color:#000; text-shadow:none; }

.nav.fixed .top_menu > li:hover .depth_1:before{ position:absolute; left:0; bottom:-1px; content:''; width:100%; height:2px; background:#434343; }
.nav.fixed .top_menu .depth_2{ background:#fff; box-shadow:2px 2px 3px rgba(0,0,0,.3); }
.nav.fixed .top_menu .depth_2 a{ color:#000; border-bottom:solid 1px #f6f6f6; }

.nav.fixed .top_menu .depth_2 li:hover > a{ color:#242424; background:#f5f5f5; }
.nav.fixed .top_menu .depth_2 li.active > a{ color:#242424; background:#f5f5f5; }
.nav.fixed .top_menu .depth_2 a > i:before{ color:#333; }

.nav.fixed .top_menu .depth_3{ background:#fff; } */





/*------------------------------------
    좌측메뉴 UI : 스타일 변경
------------------------------------*/
/* 서브 : 본문 컨테이너 */
.left_ui_wrap .container_wrap{ margin-top:0; }

/* 전체 카테고리 */
.navbar_left{ width:260px; margin:0; }
.navbar_left .centerWrap{ padding:0; position:static; }

.Main .navbar_left{  }

/* 로고 */
.logo_wrap{ overflow:hidden; width:260px; height:120px; background:#fff; }
.logo_wrap .centerWrap{ padding:0; }
.logo_wrap .logo{ position:relative; padding:26px 0; text-align:center; }
.logo_wrap .logo a{ display:inline-block; width:auto; height:62px; background:none; }
.logo_wrap .logo a img{ display:block; max-height:100%; }

/* 상단 해더 */
.header_left{ z-index:10; position:fixed; left:0; top:0; width:260px; height:100%; background:#434343; background:#f7f7f7; box-shadow:0px 0px 8px rgba(0,0,0,0.3); }
.small_menu_wrap .right{ overflow:hidden; position:relative; right:auto; top:auto; display:block; height:34px; border-bottom:1px solid rgba(255,255,255,0.2); border-bottom:1px solid rgba(0,0,0,0.1); }
.small_menu_wrap .right li{ width:50%; float:left; margin:0; }
.small_menu_wrap .right li:first-child a{ border-right:1px dotted rgba(255,255,255,0.2); border-right:1px dotted rgba(0,0,0,0.1); }
.small_menu_wrap .right li a{ position:relative; display:block; width:100%; height:auto; font-weight:400; font-size:13px; line-height:31px; color:rgba(255,255,255,0.6); color:#666; text-transform:uppercase; background:none; text-align:center; }
.small_menu_wrap .right li a{ -webkit-transition-duration:0.2s; -moz-transition-duration:0.2s; -o-transition-duration:0.2s; -ms-transition-duration:0.2s; transition-duration:0.2s; }
.small_menu_wrap .right li a:before{ display:inline-block; margin-right:5px; content:''; font:normal 11px/30px 'FontAwesome'; vertical-align:1px; }
.small_menu_wrap .right li:last-child a:before{ content:''; }
.small_menu_wrap .right li:hover a{ color:rgba(255,255,255,0.8); color:#444; }
.small_menu_wrap .centerWrap{ padding:0; }
.small_menu_wrap .left{ display:block; }

.Main .header_left{ background:#f7f7f7; }

.Main .small_menu_wrap .right{ border-bottom:1px solid rgba(0,0,0,0.1); }
.Main .small_menu_wrap .right li:first-child a{ border-right:1px dotted rgba(0,0,0,0.1); }
.Main .small_menu_wrap .right li a{ color:#666; }
.Main .small_menu_wrap .right li:hover a{ color:#444; }

.navbar_left .top_menu{ margin:0; display:block; }
.navbar_left .top_menu:after{ content:"";  display:block; clear:both;  }
.navbar_left .top_menu > li{ float:none; }
.navbar_left .top_menu > li .depth_1{ z-index:10; display:block; padding:0 20px;  line-height:50px; font-weight:500; font-size:16px; line-height:50px; color:rgba(255,255,255,0.8); text-align:center; text-shadow:none; text-transform: uppercase;text-decoration: none; position: relative;}
.navbar_left .top_menu > li .depth_1{text-transform:uppercase; border-bottom:1px solid rgba(255,255,255,0.2); text-shadow:0 1px 2px rgba(0,0,0,0.1); color:#333; border-bottom:1px solid rgba(0,0,0,0.1); text-shadow:none; }
.navbar_left .top_menu > li .depth_1{ -webkit-transition-duration:0.2s; -moz-transition-duration:0.2s; -o-transition-duration:0.2s; -ms-transition-duration:0.2s; transition-duration:0.2s; }
.navbar_left .top_menu > li:hover .depth_1{ color:#fff; color:#0067b4; }
.navbar_left .top_menu > li.active .depth_1{ /* background:#0067b4; color:#fff; border-bottom-color:#0067b4; background:none; */ color:#0067b4; text-shadow:none; }
/* .navbar_left .top_menu > li.active .depth_1:after {display:block; content:''; position:absolute; bottom:-1px; width:100%; left:0; height:2px; background:#0067b4} */
.navbar_left .top_menu > li > a:after{bottom: -1px; content: ""; display: block;  height: 2px; left: 50%; position: absolute; background: #0067b4; transition: width 0.3s ease 0s, left 0.3s ease 0s; width: 0;}
.navbar_left .top_menu > li > a:hover:after {width: 100%; left: 0;}
.navbar_left .top_menu > li:hover .depth_1{ color:#0067b4; }
.navbar_left .top_menu > li:hover .depth_1:after {bottom: -1px; content: ""; display: block; height: 2px; position: absolute; background: #0067b4; width: 100%;  left:0;}


.navbar_left .top_menu > li .depth_2{ position:fixed; top:0; left:260px; padding:186px 15px 0 16px; height:100vh; width:170px; margin-left:0; box-shadow:none; background:#f1f1f1 url(/img/shadow_left.png) left top no-repeat; border-right:1px solid #ddd; }
.navbar_left .top_menu > li .depth_2:before{ display:none; position:fixed; top:120px; left:260px; width:200px; content:'회사소개'; font-weight:500; font-size:19px; line-height:64px; text-align:center; }
.navbar_left .top_menu > li.active .depth_2{ z-index:9; display:block; }
.navbar_left .top_menu > li:hover .depth_2{ z-index:10; }
.navbar_left .top_menu .depth_2 li{ position:relative; text-align:center; }

.navbar_left .top_menu > li .depth_2:before{ }
.navbar_left .top_menu > li .depth_2 a{ display:block; padding:15px 0; height:auto; font-weight:400; font-size:14px; line-height:20px; color:#444; border-bottom:dotted 1px #ccc; }
.navbar_left .top_menu > li .depth_2 a{ -webkit-transition-duration:0.2s; -moz-transition-duration:0.2s; -o-transition-duration:0.2s; -ms-transition-duration:0.2s; transition-duration:0.2s; direction:ltr; word-break:keep-all; }
.navbar_left .top_menu > li .depth_2 li:first-child > a{ border-top:dotted 1px #ccc; }
.navbar_left .top_menu .depth_2 li:hover > a{ background:none; color:#0067b4; font-weight:400; }
.navbar_left .top_menu .depth_2 li.active > a{ background:none; color:#0067b4; font-weight:400; }
.navbar_left .top_menu .depth_2 a > i:before{ content:''; color:#888; vertical-align:1px; font:normal 11px/20px 'FontAwesome'; }
.navbar_left .top_menu .depth_2 li:hover a > i:before{ color:#333; }
.navbar_left .top_menu .depth_2 li.active a > i:before{ color:#434343; }

.navbar_left .top_menu > li .depth_2 .depth_3{ position:relative; width:100%; padding:9px 0 11px; background:none; border-bottom:dotted 1px #ccc; }
.navbar_left .top_menu > li .depth_2 .depth_3 a{ border:none; line-height:34px; color:#666; font-weight:400; font-size:13px; line-height:34px; }
.navbar_left .top_menu .depth_3 a{ -webkit-transition-duration:0.2s; -moz-transition-duration:0.2s; -o-transition-duration:0.2s; -ms-transition-duration:0.2s; transition-duration:0.2s; }
.navbar_left .top_menu > li .depth_2 .depth_3 li:first-child a{ border:none; }
.navbar_left .top_menu > li .depth_2 li.active .depth_3{ display:block; }
.navbar_left .top_menu > li .depth_2 .depth_3 li.active a{ color:#333; }

.Main .navbar_left .top_menu > li .depth_2{ display:none; }
.Main .navbar_left .top_menu > li:hover .depth_2{ display:block; }
.Main .navbar_left .top_menu > li .depth_1{color:#333;border-bottom:1px solid rgba(0,0,0,0.1);text-shadow:none; text-transform: uppercase;text-decoration: none; position: relative;}

.Main .navbar_left .top_menu > li > a:after{bottom: -1px; content: ""; display: block;  height: 2px; left: 50%; position: absolute; background: #0067b4; transition: width 0.3s ease 0s, left 0.3s ease 0s; width: 0;}

.Main .navbar_left .top_menu > li > a:hover:after {width: 100%; left: 0;}
.Main .navbar_left .top_menu > li:hover .depth_1{ color:#0067b4; }
.Main .navbar_left .top_menu > li:hover .depth_1:after {bottom: -1px; content: ""; display: block; height: 2px; position: absolute; background: #0067b4; width: 100%;  left:0;}


.basic_body .navbar_left .top_menu > li .depth_2{ display:none; }
.basic_body .navbar_left .top_menu > li:hover .depth_2{ display:block;}
.basic_body .navbar_left .top_menu > li:hover .depth_2 a:hover {color:#0067b4;}

/* 모바일 메뉴 */
.navbar_left .site_map{ display:none; position:absolute; top:0; right:0; height:60px; }
.navbar_left .site_map > h1{ position:relative; display:inline-block; height:60px; margin:0; text-align:center; }
.navbar_left .site_map > h1 a{ display:inline-block; width:50px; height:58px; background:url(/img/sitemap_icon5.png) no-repeat center; opacity:0.9; }
/* .navbar_center .site_map > h1:hover a{ background:url(/img/sitemap_icon.png) no-repeat center; } */
.navbar_left .site_map > h1 a i{ display:none; color:#fff; font-size:0; line-height:190%; }
.navbar_left .site_map > h1 a i:before{ display:inline-block; content:''; width:40px; height:60px; background:url(/img/sitemap_icon.png) no-repeat center 100%; }
.navbar_left .site_map:hover > h1 a{ opacity:1; }

/* 사이트맵 */
.left_ui_wrap .siteMap{  }

/* 검색단 */
.small_menu_wrap .left li{ float:none; width:100%; }
.small_menu_wrap .left .search_btn a{ }
.left_ui_wrap .search_btn form{ overflow:hidden; position:relative; background:#333; }
.left_ui_wrap .search_btn form input{ width:100%; padding:0 40px 0 20px; height:34px; border:none; background:none; color:rgba(255,255,255,0.8); font-weight:400; font-size:13px; line-height:34px; }
.left_ui_wrap .search_btn input::-ms-input-placeholder { color:rgba(255,255,255,0.8); } /* Internet Explorer 10 이상에 적용 */
.left_ui_wrap .search_btn input::-webkit-input-placeholder { color:rgba(255,255,255,0.8); } /* Webkit, Blink, Edge에 적용 */
.left_ui_wrap .search_btn input::-moz-placeholder { color:rgba(255,255,255,0.8); } /* Mozilla Firefox에 적용 */

.left_ui_wrap .search_btn form button{ position:absolute; right:20px; top:0; font-size:0; border:none; background:none;  color:rgba(255,255,255,0.6); }
.left_ui_wrap .search_btn form button:before{ content:''; font:normal 14px/34px 'FontAwesome'; text-shadow:1px 1px 0 rgba(0,0,0,0.3); }

.Main .search_btn form{ /* background:#434343; */ }

/* 서브 : 본문 컨테이너 */
.left_ui_wrap .container_wrap{ padding:20px 70px 20px 453px; background:#f7f7f7; }
.left_ui_wrap .sub_contents_block{ background:#fff; border:1px solid #ddd; border-width:0 1px 1px 1px; }

.left_ui_wrap.basic_body .container_wrap{ padding-left:340px; }

/* 서브비주얼 */

.left_ui_wrap .sub_visual_wrap{ position:relative; overflow:hidden; height:167px; margin:0 auto 0; text-align:center; overflow:hidden; z-index:2; text-align:center; background:url(/img/sub_visual_00.jpg) no-repeat center; }
.left_ui_wrap .sub_visual_wrap p{ position:absolute; left:0; top:0; width:100%; height:100%; }
.left_ui_wrap .sub_visual_wrap p img{ position:absolute; left:50%; top:0; margin-left:-50%; }
.left_ui_wrap .sub_visual_wrap h1{ position:relative; display:inline-block; z-index:3; padding:0 30px; margin:66px auto 0 ; font-weight:400; font-size:24px; line-height:40px; color:rgba(255,255,255,0.9); border:1px solid rgba(255,255,255,.2); text-shadow:1px 1px 1px rgba(0,0,0,.3); background:rgba(0,0,0,0.1); border-radius:100em; }
.left_ui_wrap .sub_visual_wrap h1 span{ display:none; }

/* 서브 메뉴 */
.left_ui_wrap .sub_category_top{ display:none; }

/* 서브 타이틀, 경로 */
.page_title_wrap{  }

/* 서브컨텐츠 */
.left_ui_wrap .sub_contents_wrap{ min-height:757px; }

/* 푸터 */
.footer_left_mobile{ display:none; }
.footer_left{ z-index:11; position:absolute; left:0; bottom:0; width:260px; padding:0; background:#f7f7f7; }

.left_ui_wrap .footer_bar{ display:none; position:relative; }
.left_ui_wrap .footer_bar:after{ content:"";  display:block; clear:both; }

.left_ui_wrap .footer_bar h3{ float:left; }/*로고*/
.left_ui_wrap .footer_bar h3 a img{ /* max-width:210px; */ opacity:.55 }

/* 푸터 > 카피라이터 */
/* .copyright_left{ position:relative; overflow:hidden; padding:0 0 0; }
.copyright_left:after{ content:"";  display:block; clear:both; }
.copyright_left h3{ display:none; width:20%; float:left; padding:0 0 0 0; margin:26px 0 0 0; }
.copyright_left h3 a{ display:inline-block; max-width:200px; }
.copyright_left h3 a > img{ width:auto; max-width:100%; -webkit-filter: grayscale(100%); filter: gray; opacity:0.6; }
.copyright_left .addre{ padding:2px 11px 14px; text-align:left; }


.copyright_left .addre p{ overflow:hidden; }
.copyright_left .addre p span{ display:inline-block; color:#777; font:300 12px/18px 'Roboto','Pretendard','Malgun Gothic',Sans-serif; word-break:keep-all; color:rgba(255,255,255,0.5); word-break:keep-all; }
.copyright_left .addre p span:after{ color:#eee; }
.copyright_left .addre p span a{ color:#b0b0b0; color:rgba(255,255,255,0.5); }
.copyright_left .addre p span a{ -webkit-transition-duration:0.2s; -moz-transition-duration:0.2s; -o-transition-duration:0.2s; -ms-transition-duration:0.2s; transition-duration:0.2s; }
.copyright_left .addre p span a:hover{ color:#fff; }

ul.footer_site_btn li a:before{ color:#666; }
ul.footer_site_btn li:hover a:before{ color:#555; }

ul.footer_site_btn{ overflow:hidden; padding:0 10px 20px; }
ul.footer_site_btn li{ float:left; width:46%; text-align:center; }
ul.footer_site_btn li:last-child{ margin-left:4%; width:50%; }
ul.footer_site_btn li a{ display:block; padding:1px 0 0 0; font:300 12px/23px 'Roboto','Pretendard','Malgun Gothic',Sans-serif; background:#aaa; border-radius:4px; color:#fff; }
ul.footer_site_btn li a{ text-transform:capitalize; text-shadow:0 1px 1px rgba(0,0,0,0.2); }
ul.footer_site_btn li:first-child a{ margin:0; text-transform:uppercase; }
ul.footer_site_btn li a{ -webkit-transition-duration:0.2s; -moz-transition-duration:0.2s; -o-transition-duration:0.2s; -ms-transition-duration:0.2s; transition-duration:0.2s; }
ul.footer_site_btn li a:hover{ background:#0b6fab; }
ul.footer_site_btn li:after{ display:none; padding:0 8px; content:''; }
ul.footer_site_btn li a:before{ display:none; margin-right:7px; color:rgba(255,255,255,0.5); font:normal 13px 'FontAwesome'; }
ul.footer_site_btn li a:before{ -webkit-transition-duration:0.2s; -moz-transition-duration:0.2s; -o-transition-duration:0.2s; -ms-transition-duration:0.2s; transition-duration:0.2s; }
ul.footer_site_btn li:hover a:before{ color:rgba(255,255,255,0.7); }

ul.footer_site_btn li .privacy_btn:before{ content:''; }
ul.footer_site_btn li .login_btn:before{ content:''; } */


/* .Main .footer{ background:#f7f7f7; }
.Main .copyright_left .addre p span{ color:#777; }
.Main .copyright_left .addre p span a{ color:#777; }
.Main ul.footer_site_btn li a{ background:#aaa; }
.Main ul.footer_site_btn li a:hover{ background:#434343; } */

/* 좌측 메뉴 스크롤 */
.fixed_left_wrap{position:relative; z-index:100;/*  min-height:515px;  */height:calc(100% - 188px); overflow-y:auto; overflow-x:hidden; }
.fixed_left_wrap{
scrollbar-face-color:#232f3e;/*스크롤*/
scrollbar-highlight-color:#162231;/*하이라이트*/
scrollbar-3dlight-color:#162231;/*왼쪽외곽음영*/
scrollbar-darkshadow-color:#162231;/*오른쪽외곽음영*/
scrollbar-shadow-color:#162231;/*오른쪽 안쪽음영*/
scrollbar-arrow-color:#d5d5d5;/*화살*/
scrollbar-track-color:#162231;/*스크롤영역*/
direction:rtl;
text-align:left;
}
.fixed_left_wrap:before{  position:absolute; bottom:0; left:0; width:100%; content:" "; z-index:-1; display:block; height:50px; }
.fixed_left_wrap.active {height:100% !important;}
.fixed_left_min_height{ position:relative; height:100%; min-height:515px; }


/*------------------------------------
	서브 퀵메뉴
------------------------------------*/
.quickMenu{ position:fixed; right:23px; top:186px; z-index:12; height:100%; }
.quickMenu a{ width:48px; height:50px; display:block; color:#fff; font-family:'FontAwesome'; text-align:center; line-height:48px; font-size:17px; }
.quickMenu span{ display:none; position:absolute; background:#333; padding:5px 10px; color:#fff; font-weight:400; font-size:12px; left:-105px; min-width:100px; margin-top:10px; text-align:center; }
.quickMenu li span:after{ content:''; font-family:'FontAwesome'; padding-left:8px; }
.quickMenu div{ position:relative; height:100%; width:48px; }
.quickMenu div ul{ position:fixed; }
.quickMenu li{ position:relative; }
.quickMenu li:hover{ cursor:pointer; }
.quickMenu li:hover span{ display:block; }
.quickMenu .quick01 a{ background:#d81d31; }
.quickMenu .quick02 a{ background:#555; }
.quickMenu .quick03 a{ background:#434343; }
.quickMenu .quick03 a{ font-weight:500; font-size:13px; line-height:50px; }
.quickMenu .quick03 a i{ display:none; font-style:normal; font-size:20px; }


/*------------------------------------
	레이어 팝업
------------------------------------*/
/* layer popup */
.layer {display:none; position:fixed; _position:absolute; top:0; left:0; width:100%; height:100%; z-index:999;}
.layer .bg {position:absolute; top:0; left:0; width:100%; height:100%; background:#000; opacity:.8; filter:alpha(opacity=80);}
.layer .pop {display:block; box-sizing:border-box; background-color:#fff; border:1px solid #989ba2; width:650px; height:500px;}
.pop {display:none; position:absolute; top:50%; left:50%; z-index:10;}
.pop .pop_container {display:table; width:100%; height:100%; padding:30px; box-sizing:border-box;}
.pop .pop_container img {max-width:100%;}
.pop_close {position:absolute; top:15px; right:15px;}


/*------------------------------------
    로그인 페이지
------------------------------------*/

.loginbox{ padding:90px 0 95px; width:100%; margin:20px auto 0; border-top:2px solid #222; background:rgba(255,255,255,0.5); border-bottom:1px solid #ddd; }
.loginbox h2{ display:none; padding-bottom:20px; margin-bottom:20px; border-bottom:1px solid #777; font-weight:400; font-size:30px; line-height:40px; color:#333; text-transform:uppercase; }
/* input, select 박스 스타일 */
.formControl{ width:100%; height:32px; padding:0 10px; border:1px solid #ddd; font-weight:400; font-size:13px; line-height:30px; border-radius:0 4px 4px 0; color:#555; }
.formLogin input[type="submit"].submit_btn{ display:inline-block; width:100%; padding:0 15px; margin:5px auto 0; font-weight:500; font-size:17px; line-height:50px; color:rgba(255,255,255,0.9); background:#0067b4; border:none; }
.formLogin input[type="submit"].submit_btn{ -webkit-transition-duration:0.2s; -moz-transition-duration:0.2s; -o-transition-duration:0.2s; -ms-transition-duration:0.2s; transition-duration:0.2s; }
.formLogin input[type="submit"].submit_btn:hover{ background:#085392; }

.formLogin{ max-width:400px; margin:-15px auto 0; }
.formLogin li{ margin-top:15px; text-align:center; }
.formLogin li label{ display:block; overflow:hidden; }
.formLogin li label i{ display:none; float:left; width:10%; font-size:14px; line-height:30px; border-radius:0 0 1px 1px; border:1px solid #ddd; border-width:1px 0 1px 1px; position:relative; color:#b3b3b3; }
.formLogin li label i{}
.formLogin li label .formControl{ width:100%; height:50px; padding:0 10px; border:1px solid #e7e7e7; font-weight:400; font-size:14px; line-height:48px; border-radius:0; }


/*------------------------------------
    서브 : 본문 좌측 메뉴 영역
------------------------------------*/
.left_menu_wrap{ display:none; position:relative; float:left; width:15%; overflow:hidden; box-sizing:border-box; position:fixed; top:190px; left:50%; margin:0 0 0 -619px; }
.left_menu_wrap:after{ content:"";  display:block; clear:both; }
.left_menu_wrap.fixed{ position:fixed; top:100px; left:50%; margin:0 0 0 -619px; }

.lnb{ position:relative; /* border-bottom:solid 1px #eee;  */width:185px; box-sizing:border-box; }
.lnb h2{ font-weight:400; font-size:0px; color:#434343;  vertical-align:bottom;   letter-spacing:1px; padding:15px 0 10px 0; text-align:center  }
.lnb.category h2:after{ content:"CATEGORY"; font:800 16px/22px Malgun Gothic;  padding:2px 15px 3px 10px; /* background:#999;  */color:#333; /* border:solid 1px #dee4fb; border-width:1px 0;  */ }
.lnb.mypage h2{ padding-bottom:20px; }
.lnb.mypage h2:after{ content:"MY PAGE"; font:800 16px/22px Malgun Gothic;  padding:2px 15px 3px 10px; color:#333; }
.lnb h2 b{ font-weight:400; font-size:0; }
.lnb ul{ position:relative; overflow:hidden; padding:0 0 20px 0; }
.lnb ul li{  }
.lnb.event ul li,.lnb.business ul li{ padding:0; width:100%; }
.lnb ul li a{ display:block; font-weight:400; font-size:12px; line-height:18px; padding:3px 0 4px 12%; overflow:hidden; text-overflow:ellipsis; work-wrap:normal; white-space:nowrap;  }
.lnb ul li a.active,.lnb ul li a:hover{  color:#434343; font-weight:bold; background:#fafafa }
.lnb ul li a .fa{ color:#be845f; display:inline-block; padding:0 5px 0 0; opacity:.8 }
.lnb ul li.leftCategory_depth1 a{ font-weight:400; font-size:12px; line-height:18px; width:80%; color:#434343;  padding:2px 0; text-align:center; background:#fff; border:solid 1px #eee; border-width:1px 0; margin:10px auto }

.img_banner{ display:none; }


/*------------------------------------
    서브 : 상단 메뉴
------------------------------------*/
.sub_head_wrap{ position:relative; padding:0 0 70px; /* text-align:center; */ }
.sub_active_title{ font-size:36px; line-height:46px; }
.sub_active_title:after{ content:''; display:block; width:60px; height:2px; margin:18px auto 0; background:#b4b4b4; }

/* prev, next page btn : 페이지 이동 */
.move_page_warp{ z-index:2; overflow:hidden; position:absolute; right:0; top:148px; }
.move_page_warp li{ margin-left:1px; float:left; background:#0067b4; }
.move_page_warp li{ -webkit-transition-duration:0.2s; -moz-transition-duration:0.2s; -o-transition-duration:0.2s; -ms-transition-duration:0.2s; transition-duration:0.2s; }
.move_page_warp li:hover{ background:#085392; }
.move_page_warp li a{ display:block; font-size:0; width:64px; height:64px; background:url(/img/arrow_left.png) no-repeat center; background-size:18px auto; }
.move_page_warp li:last-child a{ background:url(/img/arrow_right.png) no-repeat center; background-size:18px auto; }


/*------------------------------------
    서브 : 상단 메뉴
------------------------------------*/
.sub_category_top{ z-index:9; position:relative; clear:both; margin:-80px auto 0; }
.sub_category_top:after{ display:block; content:''; clear:both; }
.sub_category_top:before{ /* z-index:1; position:absolute; left:0; top:48px; content:''; width:100%; height:1px; background:#ddd; */ }
.sub_category_top .centerWrap{ max-width:1370px; background:#fff; text-align:center; }

.depth_active_wrap{ display:flex; justify-content:space-between; align-items:center; max-width:1290px; padding:0 10px; width:100%; margin:0 auto; border-bottom:1px solid #ddd; }

.depth_active_wrap strong{ position:relative; display:block; padding-left:15px; }
.depth_active_wrap strong:before{ position:absolute; left:0; top:50%; transform:translateY(-50%); content:''; width:4px; height:4px; border-radius:100px; background:#0067b4; } 
.depth_active_wrap strong a{ display:block; font-weight:600; }
.depth_active_wrap strong a:hover{ color:#222; }

.depth_2_sub{ z-index:9; position:relative; }
.depth_2_sub:before{  }
.depth_2_sub:after{ content:''; clear:both; display:block; }
.depth_2_sub > li{ z-index:9; position:relative; float:left; padding:0 20px; cursor:pointer; }
.depth_2_sub > li a{ z-index:9; display:block; position:relative; color:#444; font-weight:400; font-size:16px; line-height:80px; }
.depth_2_sub > li a:before{ z-index:10; position:absolute; left:0; width:100%; bottom:-1px; height:1px; content:''; background:#ddd; }
.depth_2_sub > li a i{ display:inline-block; margin:0 0 0 5px; }
.depth_2_sub > li a i:before{ content:''; font:normal 11px/20px 'FontAwesome'; color:#555; }
.depth_2_sub > li:hover > a{ color:#0067b4; }
.depth_2_sub > li:hover a i:before{ color:#0067b4; }
.depth_2_sub > li:hover a:before{ background:#0067b4; }

.depth_2_sub > li.active{ position:relative; z-index:2; }
.depth_2_sub > li.active a:before{ background:#0067b4; }
.depth_2_sub > li.active > a{ color:#0067b4; font-weight:500; }
.depth_2_sub > li.active a i:before{ color:#0067b4; }
.depth_2_sub > li.active:hover > a{ background:none; }

/* .company_body .depth_2_sub > li{ width:14.285714%; }
.product_body .depth_2_sub > li{ width:33.3333%; }
.production_body .depth_2_sub > li{ width:33.3333%; }
.investment_body .depth_2_sub > li{ width:14.285714%; }
.csr_body .depth_2_sub > li{ width:10%; } */
/* .csr_body .centerWrap{ position:initial; }
.csr_body .centerWrap:after{ position:absolute; left:0; bottom:0; content:''; width:100%; height:1px; background:#ddd; } */

/* 3depth */
.depth_2_sub .depth_3_sub_wrap{ z-index:10 !important; }
.depth_3_sub{ display:none; z-index:1; position:absolute; left:-1px; top:100%; width:100.5%; padding-top:1px; background:#fff; }
.depth_2_sub > li:hover .depth_3_sub{ display:block; }
.depth_3_sub li{}
.depth_3_sub li a{ border-width:0 1px 1px 1px; font-weight:400; font-size:13px; line-height:40px; color:#555; }
.depth_3_sub li a:hover{ color:#0067b4; }
.depth_3_sub > li.active > a{ color:#0067b4; }



/*------------------------------------
    서브 : 좌측 메뉴 영역
------------------------------------*/
.sub_category_left{ float:left; width:16%; margin:60px 0 0 0; }
.sub_category_left .centerWrap{ padding:0; }
.sub_category_title{ background:#434343; }
.sub_category_title p{ margin:0; display:block; font-weight:400; font-size:23px; line-height:80px; color:#fff; text-align:center; }
.sub_category_title p a{ display:block; font-weight:400; font-size:23px; line-height:80px; color:#fff; text-align:center; }
.depth_2_left{  }
.depth_2_left > li{ border:1px solid #ddd; border-width:0 1px 1px 1px; }
.depth_2_left li.active{  }
.depth_2_left li a{ display:block; position:relative; padding:6px 15px; font-weight:400; font-size:13px; line-height:24px; border-width:0 1px 1px 1px; text-align:center; }
.depth_2_left li:hover > a{ color:#434343; font-weight:600; }
.depth_2_left > li.active{ border-color:#434343; }
.depth_2_left li.active > a{ color:#434343; font-weight:600;  }
.depth_2_left > li.active > a:before{ position:absolute; left:0; top:-1px; content:''; width:100%; height:1px; background:#434343; }
.depth_3_left li{ border-top:1px solid #ddd; }
.depth_3_left li a{ background:#f9f9f9; }
.depth_3_left li.active a{ background:#e8f8fe; color:#242424; }

/*------------------------------------
    서브 : 상단 lnb
------------------------------------*/
.lnbTop_wrap{ padding:0 50px; background:#eceef2; border:1px solid #e3e7ef; border-width:1px 0; }
.lnbTop{ }
.lnbTop:after{ display:block; content:''; clear:both; }
.lnbTop > li{ position:relative; float:left; }
.lnbTop > li:after{ -webkit-transition-duration:0.2s; -moz-transition-duration:0.2s; -o-transition-duration:0.2s; -ms-transition-duration:0.2s; transition-duration:0.2s; }
.lnbTop > li:hover:after{ display:none; }
.lnbTop > li:hover:before{ z-index:3; position:absolute; left:0; bottom:0; content:''; width:100%; height:1px; background:rgba(255,255,255,0.05); }
.lnbTop > li h2{ width:240px; }
.lnbTop > li h2 a:before{ position:absolute; right:0; top:15px; content:''; width:1px; height:30px; background:#d9dee7; }
.lnbTop > li a{ position:relative; display:block; min-width:210px; padding:0 40px 0 25px; font-weight:500; font-size:15px; line-height:60px; color:rgba(0,0,0,0.5); }
.lnbTop > li a{ -webkit-transition-duration:0.2s; -moz-transition-duration:0.2s; -o-transition-duration:0.2s; -ms-transition-duration:0.2s; transition-duration:0.2s; }
.lnbTop > li h2 a{ overflow:hidden; /* text-transform:uppercase; */ }
.lnbTop > li h2 a:after{ position:absolute; right:25px; top:0; content:''; font:normal 15px/60px 'FontAwesome'; }
.lnbTop > li:hover h2 a{ color:#0b6fab; }
.lnbTop > .lnb_home a{ text-indent:-999px; width:60px; min-width:60px; background:url(/img/home_icon_black.png) no-repeat center; background-size:14px; opacity:0.35; }
.lnbTop > .lnb_home a:after{ display:none; }
.lnbTop > li.lnb_home:before{ z-index:2; position:absolute; left:-1px; top:15px; content:''; width:1px; height:30px; background:#d9dee7; }
.lnbTop > li.lnb_home:after{ z-index:2; position:absolute; right:-1px; top:15px; content:''; width:1px; height:30px; background:#d9dee7; }
.lnbTop > li.lnb_home:hover a{ background:url(/img/home_icon_green.png) no-repeat center; background-size:14px; opacity:1; }
.lnbTop > li.lnb_home:hover:after{ display:inline-block; }
.lnbTop > li.lnb_home:hover:before{  }

.lnb_3_none .lnb_3_sub{ display:none; }

.lnb_menu{ display:none; z-index:3; position:absolute; left:0; top:100%; width:100%; background:#eceef2; }
.lnbTop > li:hover .lnb_menu{ display:block; }
.lnb_menu li a{ line-height:48px; font-weight:400; }
.lnb_menu li:hover a{ color:#0b6fab; }
.lnb_menu li:last-child{ /* display:none; */ }

.login_body .lnbTop_wrap, .policy_body .lnbTop_wrap{ /* display:none; */ }

/*------------------------------------
    서브 : 100% 컨텐츠 영역
------------------------------------*/
.sub_top_block{ margin:0 auto; }
.sub_contents_wrap { position:relative; padding:0; min-height:551px; }
/* .sub_contents_wrap:before{ position:absolute; right:0; top:0; content:''; border-bottom:590px solid transparent; border-right:1330px solid rgba(0,0,0,0.02); border-top:0px solid rgba(0,0,0,0.02); } */
.sub_contents_wrap.contents_top{  }
.sub_contents_wrap > .centerWrap{ padding:110px 15px 150px; }
.sub_right_contents{ padding:0 0.5%; }

.board_menu .sub_contents_wrap > .centerWrap{ padding-top:140px; }

/*------------------------------------
    서브 : 우측 컨텐츠 영역
------------------------------------*/
.sub_left_block{ overflow:hidden; max-width:1300px; padding:0 15px; margin:0 auto; }
.sub_left{ float:right; width:80%; padding:41px 0 80px 0; }
.sub_left .centerWrap{ padding:0; }

.basic_body .sub_left{ float:none; width:100%; }
.basic_body .sub_category_top, .basic_body .sub_category_left{ display:none; }


/*------------------------------------
    일반 서브페이지 카테고리 탭메뉴
------------------------------------*/
/* .contents_tab_wrap{ margin:0 0 55px; text-align:center; }
.contents_tab{ overflow:hidden; display:inline-block; }
.contents_tab li{ display:inline-block; margin:2px 2px; }
.contents_tab li a{ position:relative; display:block; width:190px; padding:0 5px 0; font:300 16px/48px 'Pretendard','Malgun Gothic', verdana; color:#777; background:#f6f6f6; }
.contents_tab li.active a{ background:#0067b4; color:#fff; font-weight:400; } */

.contents_tab_wrap{ max-width:1510px; padding:0 15px; margin:-40px auto 65px; text-align:center; }
.contents_tab{ overflow:hidden; display:inline-block; background:#fff; border-radius:4px; }
.contents_tab li{ position:relative; float:left; width:220px;  }
/* .contents_tab li:nth-child(1):before{ position:absolute; left:0; top:0; content:''; width:2px; height:100%; background:#b4b4b4; }
.contents_tab li:after{ position:absolute; right:0; top:0; content:''; width:2px; height:100%; background:#b4b4b4; } */
.contents_tab li a{ position:relative; display:block; font-size:18px; font-weight:400; line-height:54px; color:#989898; border:2px solid #b4b4b4; border-width:2px 0 2px 0; }
.contents_tab li a:before{ z-index:0; position:absolute; right:-2px; top:0; content:''; width:2px; height:100%; background:#b4b4b4; }
.contents_tab li:first-child a{ border-left-width:2px; border-top-left-radius:4px; border-bottom-left-radius:4px; }
.contents_tab li:last-child a{ border-right-width:2px; border-bottom-right-radius:4px; border-top-right-radius:4px; }
.contents_tab li:last-child a:before{ display:none; }
.contents_tab li a:hover{ color:#0b6fab; }
.contents_tab li.active a{ color:#fff; font-weight:500; background:#0b6fab; border-color:#0b6fab; }
.contents_tab li.active a:before{ display:none; }


/* .sns_body .contents_tab li:nth-child(1){ display:none; }
.sns_body .contents_tab li:nth-child(3){ display:none; }
.sns_body .contents_tab li:nth-child(5){ display:none; } */


/*------------------------------------
    푸터 > 사이트맵
------------------------------------*/
.site_menu_wrap{ overflow:hidden; position:relative; padding:5em 0; border-top:1px solid #ececec; background:#f9f9f9; }
.site_menu_wrap .top_menu{ max-width:1510px; margin:0 auto; padding:0 15px; display:flex; justify-content:space-between; }
.site_menu_wrap .top_menu > li{ width:16.666%; border-right:1px solid #ececec; padding:0 40px; }
.site_menu_wrap .top_menu > li:last-child{ border-right:none; }
.site_menu_wrap .top_menu > li > a{ display:block; margin-bottom:10px; font-size:17px; color:#333; font-weight:500; }
.site_menu_wrap .top_menu > li.active > a{ color:#0067b4; }
.site_menu_wrap .top_menu > li .depth_2{}
.site_menu_wrap .top_menu > li .depth_2 li{}
.site_menu_wrap .top_menu > li .depth_2 li a{ display:block; font-size:14px; color:#000; padding:5px 0; font-weight:400; opacity:0.6; }
.site_menu_wrap .top_menu > li .depth_2 li a:hover,
.site_menu_wrap .top_menu > li .depth_2 li.active a{ opacity:1; }

.site_menu_wrap .top_menu > li .depth_2_info, 
.site_menu_wrap .top_menu > li .depth_2_img{ display:none; }



/*------------------------------------
    푸터
------------------------------------*/
footer.footer{ clear:both; position:relative; /* overflow:hidden; */ margin:0 auto; box-sizing:border-box; background:#333; }
footer.footer:after{ content:"";  display:block; clear:both; }
footer.footer .centerWrap{ min-width:auto; background:none; border:none; max-width:auto; }

.footer_bar{ position:relative; padding:12px 0; border-bottom:1px solid #434343; }
.footer_bar:after{ content:"";  display:block; clear:both; }
.footer_site_wrap{ display:flex; justify-content:space-between; align-items:center; }

ul.footer_site_btn{ display:flex; align-items:center; }
ul.footer_site_btn li{ position:relative; padding-right:30px; }
ul.footer_site_btn li a{ position:relative; font-size:13px; color:#999; font-weight:400; }
ul.footer_site_btn li a strong{ color:#fff; font-weight:400; }
ul.footer_site_btn li a:hover{ color:#fff; }
ul.footer_site_btn li a:hover{  }

.footer_site_btn > li:after { content:"/"; position:absolute; right:15px; top:41%; font-size:5px; font-weight:600; color:#666;
	-webkit-transform: scale(0.8) rotate(10deg) translate(-50%,-50%); 
	-moz-transform: scale(0.8) rotate(10deg) translate(-50%,-50%); 
	-ms-transform: scale(0.8) rotate(10deg) translate(-50%,-50%); 
	-o-transform: scale(0.8) rotate(10deg) translate(-50%,-50%); 
	transform: scale(0.8) rotate(10deg) translate(-50%,-50%); 
}
.footer_site_btn > li:last-child { padding-right:0;}
.footer_site_btn > li:last-child:after { display:none;}
/* .footer_site_btn > li > a {  position:relative; font-size:1.5rem; color:#999999; font-weight:400;}
.footer_site_btn > li > a:hover { color:#fff; font-weight:400;}
.footer_site_btn > li > a { padding-right:23px;}
.footer_site_btn > li > a:after { content:""; position:absolute; left:0; bottom:-5px; width:0; height:1px; background:#fff;} 
.footer_site_btn > li > a:before { content:"/"; position:absolute; right:0; top:-0.5px; font-size:1.8rem; font-family:'xeicon',sans-serif;}
#footer.open .ft-btm .ft-info .left ul > li > a { color:#fff;}
#footer.open .ft-btm .ft-info .left ul > li > a:after { width:100%;
	-webkit-transition:all 0.2s;
	-moz-transition:all 0.2s;
	-ms-transition:all 0.2s;
	-o-transition:all 0.2s;
	transition:all 0.2s;
} */

.productlink_wrap { position:relative;}
.productlink_wrap .btn-site { display:block; position:relative; padding:0 20px; width:240px; line-height:50px; background:#262626; font-size:13px; color:#999; font-weight:400; text-align:left !important; border:none; }
.productlink_wrap .btn-site:after { content:""; position:absolute; right:20px; top:52%; width:6px; height:6px; border-left:2px solid #999; border-top:2px solid #999; 
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-ms-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
	-webkit-transform:rotate(135deg) ;
	-moz-transform:rotate(135deg) ;
	-ms-transform:rotate(135deg);
	-o-transform:rotate(135deg);
	transform:rotate(135deg);
	-webkit-transform-origin:center 0;
	-moz-transform-origin:center 0;
	-ms-transform-origin:center 0;
	-o-transform-origin:center 0;
	transform-origin:center 0;
}
.productlink_wrap ul { opacity:0; visibility:hidden; position:absolute; left:0; bottom:100%; z-index:3000; width:100%; background:#fff; border:1px solid #262626;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-ms-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;	
	padding:10px 0;
}
.productlink_wrap ul li a { display:block; padding:7px 20px; font-size:12px;  color:#999;}
.productlink_wrap ul li a:hover { color:#000;}
.productlink_wrap.on ul { opacity:1; visibility:visible;}
.productlink_wrap.on .btn-site:after{ margin-top:2px;
	-webkit-transform:rotate(45deg) translateY(-50%);
	-moz-transform:rotate(45deg) translateY(-50%);
	-ms-transform:rotate(45deg) translateY(-50%);
	-o-transform:rotate(45deg) translateY(-50%);
	transform:rotate(45deg) translateY(-50%);
}


.footer_bar h3{ display:none; float:left; }/*로고*/
.footer_bar h3 a img{ /* max-width:210px; */ opacity:.55 }



/*------------------------------------
    푸터 > 카피라이터
------------------------------------*/
.copyright{ position:relative; overflow:hidden; padding:40px 0; }
.copyright:after{ content:"";  display:block; clear:both; }
.copyright .centerWrap{ display:flex; align-items:center; }
.copyright h3{ margin:0 50px 0 0; }
.copyright h3 a{ display:inline-block; max-width:91px; }
.copyright h3 a > img{ width:auto; max-width:100%; -webkit-filter: grayscale(50%); filter: gray; opacity:0.5; }
.copyright .addr{  }
.copyright .addr:after{ display:block; content:''; clear:both; }

.copyright .addr{ display:block; width:80%; }
.copyright .addr h5{ display:inline-block; width:70px; border-radius:100px; background:rgba(0,0,0,0.1); border:1px solid rgba(255,255,255,0.1); }
.copyright .addr h5{ margin-right:8px; font-weight:400; font-size:12px; line-height:20px; color:rgba(255,255,255,0.5); }
.company_addr{ overflow:hidden; }
.company_addr h5{ float:left; }
.company_addr ul{ overflow:hidden; float:left; }
.company_addr ul li{ float:left; line-height:20px; }
.company_addr ul li a{  display:inline-block; line-height:20px; color:}

.copyright .addr ul{ overflow:hidden; }
.copyright .addr ul li{ display:inline-block; color:rgba(255,255,255,0.6); font-weight:400; font-size:13px; line-height:24px; word-break:keep-all; font-style:normal; }
.copyright .addr ul li:before{ content:'ㅣ'; padding:0 5px 0 2px; display:inline-block; color:#999; opacity:0.5; }
.copyright .addr ul li:first-child:before{ display:none; }
.copyright .addr ul li a{ color:rgba(255,255,255,0.6); }
.copyright .addr ul li a{ -webkit-transition-duration:0.2s; -moz-transition-duration:0.2s; -o-transition-duration:0.2s; -ms-transition-duration:0.2s; transition-duration:0.2s; }
.copyright .addr ul li a:hover{ color:#fff; }
.copyright .addr ul.footer_site_btn li a:before{ color:#666; }
.copyright .addr ul.footer_site_btn li:hover a:before{ color:#555; }

.copyright .addr .company_addr_wrap{ overflow:hidden; margin-top:3px; }
.copyright .addr .company_addr_wrap:first-child{ margin-top:0; }
.copyright .addr .company_addr{ float:left;  }
.copyright .addr .company_addr_wrap .company_addr:first-child{ min-width:395px; /* margin-right:20px */; }


/* SNS 링크 */
/* .sns_link{ display:flex; align-items:center; }
.sns_link li{ padding-left:20px; }
.sns_link li a{ display:block; width:27px; height:26px; font-size:0; }
.sns_link li:nth-child(1) a{ background:url(/img/blog.png) no-repeat center; background-size:auto 100%; }
.sns_link li:nth-child(2) a{ background:url(/img/youtube2.png) no-repeat center; background-size:100% auto; }
.sns_link li:nth-child(3) a{ background:url(/img/naver_tv.png) no-repeat center; background-size:auto 100%; } */

.sns_link{ display:flex; align-items:center; padding:31px 40px 0 0; }
.sns_link div{ padding-left:20px; }
.sns_link div a{ display:block; width:27px; height:26px; font-size:0; }
.sns_link div:nth-child(1) a{ background:url(/img/blog.png) no-repeat center; background-size:auto 94%; }
.sns_link div:nth-child(2) a{ background:url(/img/youtube2.png) no-repeat center; background-size:98% auto; }
.sns_link div:nth-child(3) a{ background:url(/img/naver_tv.png) no-repeat center; background-size:auto 100%; }




/*------------------------------------
	서브비주얼
------------------------------------*/
.subVisual_block{ padding-top:70px; }
.subVisual { margin-top:70px; padding-right:3.8%; }
.sub_visual_wrap{ position:relative; overflow:hidden; height:500px; margin:0 auto; overflow:hidden; z-index:2; background:#f1f1f1 url(/img/subvisual2.jpg) no-repeat center; background-size:cover !important; }
.sub_visual_wrap:before{ position:absolute; left:0; top:0; content:''; width:100%; height:100%; /* background:rgba(0,0,0,0.2); */ }
.sub_visual_wrap > p{ position:absolute; left:0; top:0; width:100%; height:100%; }
.sub_visual_wrap > p img{ position:absolute; left:50%; top:0; margin-left:-50%; }

.sub_visual_title{ z-index:3; position:absolute; left:50%; top:32%; width:100%; max-width:1290px; padding:0 0.5%; color:#fff; transform:translate(-50%); }
.sub_visual_title h2, .sub_visual_title h2 a{ margin-bottom:10px; font-weight:600; font-size:54px; text-transform:uppercase; text-shadow:0 0 10px rgba(0,0,0,.4); color:#fff; }
.sub_visual_title p{ font-weight:400; font-size:18px; color:rgba(255,255,255,0.9); text-shadow:0 0 5px rgba(0,0,0,.3); }
.sub_visual_title p br{ display:none; }

.sub_visual_wrap > h2{ display:none; position:relative; height:400px; z-index:3; font-weight:500; font-size:42px; line-height:54px; color:rgba(255,255,255,0.9); text-shadow:1px 1px 1px rgba(0,0,0,.3); text-align:left; }
.sub_visual_wrap > h2 u{ text-decoration:none; color:#f6ff00; }
.sub_visual_wrap > h2 strong{ display:block; font-weight:500; font-size:50px; }
.sub_visual_wrap > h2 span{ display:block; margin-top:15px; font-weight:400; font-size:16px; line-height:26px; color:rgba(255,255,255,0.8); }

.sub_visual_wrap { border-radius:0 0 80px 0; animation: 1s ease-out 0s 1 slideInFromLeft; }

.basic_body .sub_visual_title{ top:38%; }


.company_wrap .sub_visual_wrap{ background:url(/img/subvisual1.jpg) no-repeat center; }
.item_wrap .sub_visual_wrap{ background:url(/img/subvisual1.jpg) no-repeat center; }
.contact_wrap .sub_visual_wrap{ background:url(/img/subvisual3.jpg) no-repeat center; }
.business_wrap .sub_visual_wrap:before{ position:absolute; left:0; top:0; content:''; width:100%; height:100%; background:rgba(0,0,0,0.3); }
.inquiry_wrap .sub_visual_wrap{ background:url(/img/subvisual4.jpg) no-repeat center; }
.privacy_pg .sub_category_top{ display:none; }
.privacy_pg .sub_visual_title{ top:36%; }

@keyframes slideInFromLeft {
  0% {
     -webkit-transform: translateZ(0) scale(1.1) rotate(0.1deg); transform: translateZ(0) scale(1.1) rotate(0.1deg); -webkit-transition: 1800ms; transition: 1800ms; -webkit-transition-timing-function: cubic-bezier(0.165, 0.840, 0.440, 1.000); transition-timing-function: cubic-bezier(0.165, 0.840, 0.440, 1.000);  /* easeOutQuart */
  }
  100% {
   -webkit-transform: translateZ(0) scale(1) rotate(0deg); transform: translateZ(0) scale(1) rotate(0deg);
  }
}


/*------------------------------------
    서브 > 페이지 타이틀
------------------------------------*/
.page_title_wrap{ position:relative; margin-bottom:70px; display:none; }
.page_title_wrap:after{ content:""; display:block; clear:both }
.page_title_wrap h1{ position:relative; font-weight:600; font-size:40px; line-height:42px; text-align:center; text-transform:uppercase; }
.page_title_wrap h1:after{ content:''; display:block; width:60px; height:3px; margin:23px auto 0; background:#b4b4b4; }

/* 네비게이션 */
.path_box{ display:none; overflow:hidden; text-align:left; }
.path_box a{ display:inline-block; float:left; font-weight:500; font-size:14px; line-height:16px; color:#9d9d9d; letter-spacing:0; }
.path_box a:before{ content:"/"; display:inline-block; font-size:12px; padding:0 8px; color:#ccc; }
.path_box a:first-child{ font-size:0; }
.path_box a:first-child:before{ content:""; padding:0; width:18px; height:14px; background:url(/img/home_icon.jpg) no-repeat center; background-size:auto 100%; vertical-align:-1px; }
.path_box a:hover{ color:#434343; }
.path_box a:last-child{  }


/*------------------------------------
    상세검색
------------------------------------*/
.searching_wrap{ position:relative; overflow:hidden; border:solid 1px #ddd; border-top-color:#333;background:#f8f8f8 }
.searching_wrap:after{ content:""; display:block; clear:both; }
.searching_wrap dd{ float:left;  }
.searching_wrap dd.searching_option{ width:81%; padding:10px 0 5px 2%;  }
.searching_wrap dd.searching_option:
.searching_wrap dd.searching_btn{ float:right; }
.searching_wrap dd.searching_btn input[type=submit]{ display:block; position:absolute; bottom:13px; right:5%; width:130px; height:56%; padding:10px 0; background:#ff837b; font-weight:400; font-size:14px; line-height:20px; color:#fff; text-align:center; border:none; }
.searching_wrap dd.searching_btn input[type=submit]{ border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px; border:solid 1px #ff837b; }

.searching_wrap dd > label{ width:49%; display:inline-block; vertical-align:top; font:normal 12px/18px Malgun Gothic;  }
.searching_wrap dd > label.category{ width:100%; display:block; }
.searching_wrap dd > label > select{ width:236px; height:26px; margin:0 0 7px 0; font-size:12px; line-height:16px; padding:0px 0 2px 1%; }
.searching_wrap dd > label > strong:before{ content:""; font:bold 10px 'icon',Arail; color:#434343; padding-right:3px; }

.searching_wrap dd > label b{ display:inline-block; min-width:82px; font:bold 12px/18px 'Malgun Gothic',Sans-serif; color:#444; }
.searching_wrap dd > label b:before{ content:" "; font:normal 8px 'icon',Arail; color:#434343; padding-right:3px; }
.searching_wrap dd > label input[type=text]{ width:50%; padding:0px 0 2px 1%; font:normal 12px/16px Malgun Gothic; margin:0 0 7px 0; vertical-align:top; border:solid 1px #aaa; }
.searching_wrap dd > label input[type=text].width_100{ width:235px; }
.searching_wrap dd > label input[type=text].width_50{ width:105px; }
.searching_wrap dd > label input[type=text]:hover,.searching_wrap dd > label input[type=text]:focus{ border-color:#333; }
.searching_wrap dd > label strong{ color:#000; font:bold 12px/14px 'Malgun Gothic',Sans-serif; display:none;  }


/*------------------------------------
    사이트맵
------------------------------------*/
#sitemap .site_menu{ position:relative; display:block !important; overflow:hidden; padding:120px 80px; }
#sitemap .site_menu > li{ position:relative; display:flex; margin:0 0 60px 0; }
#sitemap .site_menu > li:after{ display:none; position:absolute; left:0; bottom:0; content:''; width:100%; border-bottom:1px solid #eee; }
#sitemap .gnb_1da{ float:left; position:relative; width:240px; font-weight:600; font-size:26px; line-height:50px; color:#242424; }
#sitemap .gnb_1da{ -webkit-transition-duration:0.1s; -moz-transition-duration:0.1s; -o-transition-duration:0.1s; -ms-transition-duration:0.1s; transition-duration:0.1s; }
#sitemap .site_menu > li:hover .gnb_1da{ color:#0067b4; }
#sitemap span.bg{ display:none; }
#sitemap .gnb_2dul{ position:relative; }
#sitemap .gnb_2dul ul{ display:block;/* grid; grid-template-columns:repeat(3, 1fr);  */ }
#sitemap .gnb_2dul li{ position:relative; }
#sitemap .gnb_2dul li:before{ display:none; position:absolute; left:-22px; top:11px; content:'/'; color:#bababa; font-weight:400; font-size:12px; }
#sitemap .gnb_2dul li:first-child:before{ display:none; }
#sitemap .gnb_2dul > li{ border-bottom:1px solid #eee; }
#sitemap .gnb_2dul li > a{ position:relative; display:inline-block; padding:0 2px; color:#555; font-weight:400; font-size:17px; line-height:50px; }
#sitemap .gnb_2dul li > a{ -webkit-transition-duration:0.1s; -moz-transition-duration:0.1s; -o-transition-duration:0.1s; -ms-transition-duration:0.1s; transition-duration:0.1s; }
#sitemap .gnb_2dul li > a:hover{ color:#0067b4; }
#sitemap .gnb_2dul li > a:before{ z-index:2; position:absolute; display:block; bottom:0; left:50%; content:''; height:3px; width:0; background:#0067b4; transition:width 0.3s ease 0s, left 0.3s ease 0s; }
#sitemap .gnb_2dul li > a:hover:before{ width:100%; left:0; }
#sitemap .gnb_2dul li.active > a{ color:#0067b4; }

/* 3depth */
#sitemap .depth_3{ position:relative; float:left; padding-left:15px; }
#sitemap .depth_3 li{ float:left; }
#sitemap .depth_3 li.active a{ color:#0067b4; }
#sitemap .depth_3 li > a{ color:#555; font-size:15px; font-weight:400; }
#sitemap .depth_3 li > a:hover{ color:#0067b4; font-weight:400; }

/* 사이트맵 타이틀, x 버튼 */
#sitemap .btn_close2{ position:absolute; top:50px; right:80px; border:none; border-radius:0; }
#sitemap .btn_close2 > i{ font-size:18px; color:#333; vertical-align:5px; }

#sitemap .mobile{ display:none; }
#sitemap .mobile_quick_btn{ overflow:hidden; }
#sitemap .mobile_quick_btn li{ float:left; width:33.333333%; text-align:center; background:#0067b4; border-top:1px solid #0b6fab; }
#sitemap .mobile_quick_btn li a{ display:block; padding:16px 0 10px; font-size:11px; font-weight:400; border-left:1px solid #0b6fab; color:rgba(255,255,255,0.8);  border-bottom:1px solid #0b6fab; }
#sitemap .mobile_quick_btn li:first-child a{ border-left:none; }
#sitemap .mobile_quick_btn li a:before{ display:block; margin-bottom:6px; content:''; width:100%; height:30px; background:url(/img/mobile_quick_icon1.png) no-repeat center; background-size:auto 100% !important; opacity:0.8; }
#sitemap .mobile_quick_btn li:nth-child(2) a:before{ background:url(/img/mobile_quick_icon4.png) no-repeat center; }
#sitemap .mobile_quick_btn li:nth-child(3) a:before{ background:url(/img/mobile_quick_icon3.png) no-repeat center; }

#sitemap .mobile.logo{ position:relative; width:100%; height:60px; background:#fff; }
#sitemap .mobile.logo > a{ position:absolute; left:15px; top:13px; display:inline-block; width:91px; }
#sitemap .mobile.logo img{ width:auto; max-width:100%; }
#sitemap .mobile.logo span{ display:none; margin:12px 0 0; color:#fff; font-weight:400; font-size:12px; }
#sitemap .mobile.site_addr{ width:100%; background:#0f2a61; text-align:center; color:#fff; padding:0; }
#sitemap .mobile.site_addr .view_addr{ display:block; width:100%; height:30px; background:#0067b4; text-align:center; }
#sitemap .mobile.site_addr .view_addr:before { padding-top:1px; content:'▼' ; color:#fff; text-align:center; font-size:7px; line-height:29px; display:block; }
#sitemap .mobile.site_addr .view_addr:before{ -webkit-transition-duration:0.2s; -moz-transition-duration:0.2s; -o-transition-duration:0.2s; -ms-transition-duration:0.2s; transition-duration:0.2s; }
#sitemap .mobile.site_addr span{ display:none; width:100%; padding:15px 20px 13px; font-size:12px; line-height:18px; font-weight:400; background:#f9f9f9; color:#555; border-bottom:1px solid #eee; word-break:keep-all; }
#sitemap .mobile.site_addr span{ -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{ display:block; }
#sitemap .mobile.site_addr.active .view_addr:before{ -ms-transform: rotateZ(180deg); -webkit-transform: rotateZ(180deg); transform: rotateZ(180deg); }

#sitemap .site_addr{ float:left; padding:20px 0; box-sizing:border-box; }





/*------------------------------------
    이미지
------------------------------------*/
.img_wrap{ z-index:2; position:relative; overflow:hidden; border-radius:4px; }
.img_wrap:before{ z-index:3; position:absolute; left:0; top:0; content:''; width:100%; height:100%; }
.img_wrap img{ width:auto !important; max-width:100% !important; }
.img_wrap img{ transition:all 0.3s ease; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition:all 0.3s ease; }

.Main .img_wrap{ border-radius:0; }

.dotted{ clear:both; position:relative; padding-top:55px; margin-bottom:55px; }
.dotted_big{ clear:both; position:relative; padding-top:60px; margin-bottom:60px; }
.dotted_line{ clear:both; position:relative; padding-top:60px; margin-bottom:60px; border-bottom:1px dashed #ddd; }
.dotted_big_line{ clear:both; position:relative; padding-top:80px; margin-bottom:80px; border-bottom:1px dashed #ddd; }
.dotted_small{ clear:both; position:relative; padding-top:35px; margin-bottom:35px; }


/*------------------------------------
    서브 컨텐츠 대표 문구 : 타이틀
------------------------------------*/
.sub_title_wrap{ margin-bottom:70px; text-align:center; }
.sub_title_wrap .img_wrap{ max-width:150px; width:auto; margin:0 auto 20px; }
.sub_title_wrap small{ display:inline-block; vertical-align:1px; }
.sub_title_wrap p{ margin-top:10px; }

.sub_title{ position:relative; text-align:center; }
.sub_title.Left{ text-align:left; }
.sub_title h1{ position:relative; display:inline-block; font-weight:500; font-size:28px; }
.sub_title h1:before{ position:absolute; left:-80px; top:22px; content:''; width:50px; height:2px; background:rgba(180, 180, 180, 0.5); }
.sub_title h1:after{ position:absolute; right:-80px; top:22px; content:''; width:50px; height:2px; background:rgba(180, 180, 180, 0.5); }
.kg_contents_wrap .sub_title p{ margin-top:15px; }
.kg_contents_wrap .sub_title p:nth-child(1){ margin-top:0; margin-bottom:15px; }

.sub_title h2{ font-size:28px; font-weight:500; word-break:keep-all; color:#242424; }
.sub_title h2 b{ font-weight:600; }

.sub_title h3{ margin:20px auto 10px; font-size:20px; font-weight:500; word-break:keep-all; color:#242424; }
.sub_title h5{ font-size:38px; font-weight:600; letter-spacing:-0.5px; }
.sub_title h5 br{ display:none; }
.sub_title span{ display:block; margin-bottom:10px; font-weight:500; color:#0067b4; }

.sub_title strong{ display:block; margin-top:5px; font-size:22px; font-weight:500; color:#0067b4; }

.center{ text-align:center; }
.left{ text-align:left; }
.right{ text-align:right; }
.color1{ color:#0067b4; }
.color2{ color:#0b6fab; }

.Color01{ color:#0067b4; }
.Color02{ color:#0055a1; }
.Color03{ color:#1c77c8; }
.Color04{ color:#059dcf; }
.Color05{ color:#5dbbda; }

.Bg01{ background:#0067b4; }
.Bg02{ background:#0055a1; }
.Bg03{ background:#1c77c8; }
.Bg04{ background:#059dcf; }
.Bg05{ background:#5dbbda; }

.color_red{ color:#085392; }
.color_gray{ color:#888; }
.color_white{ color:#fff; }
.background1{ background:#0067b4; }
.background2{ background:#0b6fab; }
.background_red{ background:#085392; }
.weight_bold{ font-weight:500; }
.point_round{ display:inline-block; margin-top:10px; padding:0 20px; line-height:34px; font-weight:500; color:#fff; background:#0067b4; border-radius:100px; }
.line_e{ border:1px solid #eee; }



/*------------------------------------
    테이블
------------------------------------*/
.table_basic{ width:100%; clear:both; }
.table_basic th, .table_basic td{ height:36px; padding:0 5px; border:1px solid #ddd; border-width:1px 0; color:#222; font-weight:400; font-size:13px; text-align:center; }
.table_basic th{ background:#f1f1f1; font-weight:600; color:#333; }
.table_basic thead th{ background:#434343; color:#fff; border-color:#fff; border-width:1px; }

/* 테이블 */
.table01{ border-top:2px solid #242424; clear:both; width:100%; background:#fff; }
.table01 th, .table01 td{ height:45px; padding:7px 13px; border:1px solid #ddd; word-break:keep-all; font-size:14px; }
.table01 th{ background:#f9f9f9; border-bottom:1px solid #d4d8de; font-weight:500; color:#333; text-align:center; }
.table01 td{ padding-left:20px; color:#555; }
.table01 td a{ color:#333; }
.table01 td a:hover{ color:#0c4ca3; }

.table01 td span{ margin-top:2px; display:block; line-height:16px; }
.table01 td span:before{ content:'*'; margin-right:3px; vertical-align:-2px; }

.table01 td.jorip_1{ height:235px; }

.table01 caption{ position:relative; text-align:left; margin:30px 0 15px 0; text-indent:0; font-size:20px; line-height:24px; font-weight:500; padding:0 1% 0 0; color:#333; }
.table01 caption:before{ display:none; content:''; font:normal 16px 'icon'; padding-right:7px; vertical-align:-1px; color:#333; }

.tbl_style01{border-collapse:collapse; width:100%; border:1px solid #e7e7e7; border-top:2px solid #333;}
.tbl_style01 thead tr th{ font-weight:400; font-size:14px; background:#fafafa; padding:15px 24px; border:1px solid #e7e7e7; box-sizing:border-box; color:#333; font-weight:400; text-align:center;}
.tbl_style01 tbody tr th{ font-weight:400; font-size:14px; background:#fafafa; background:#fafafa; padding:15px 24px; border:1px solid #e7e7e7; box-sizing:border-box; color:#333; font-weight:400; text-align:center; }
.tbl_style01 tbody tr td{ font-weight:400; font-size:14px; border:1px solid #e7e7e7; padding:10px 15px; box-sizing:border-box; color:#555; text-align:left; word-break:keep-all; }

.tbl_style02{ position:relative; min-width:500px; margin:0 auto 0; clear:both; width:100%; background:#fff; }
.tbl_style02 .img {padding:5px}
.tbl_style02 .tit {display:block; margin-top:10px; color:#333; font-weight:500;}
.tbl_style02 .img img {max-width:100%;}
.tbl_style02 th, .tbl_style02 td{ padding:5px 10px; font-weight:400; font-size:14px; color:#555; border:1px solid #ddd; word-break:keep-all; text-align:center; }
.tbl_style02 thead th{ height:45px; background:#333; color:#fff; border-color:#333; border-left-color:#fff; border-right-color:#fff; }
.tbl_style02 thead th:first-child{ border-left-color:#333; }
.tbl_style02 thead th:last-child{ border-right-color:#333; }
.tbl_style02 thead th:first-child:before{ position:absolute; left:0; top:0; content:''; border-bottom:45px solid transparent; border-left:161px solid rgba(255,255,255,0.03); border-top:0px solid rgba(255,255,255,0.03); }
.tbl_style02 th{ background:#f9f9f9; border-bottom:1px solid #d4d8de; font-weight:400; color:#444; }
.tbl_style02 td{ height:45px; }

.table_mobile{ padding-top:15px; }

/* 테이블 */
.table_basic{ width:100%; clear:both; background:#fff; }
.table_basic th, .table_basic td{ height:36px; padding:5px; border:1px solid #ddd; border-width:1px 0; color:#222; font:400 13px 'NanumGothic'; text-align:center; }
.table_basic th{ height:40px; background:#f1f1f1; font-weight:600; color:#333; }
.table_basic thead th{ background:#0081c5; color:#fff; border-color:#fff; border-width:1px; }
/* 두번째 td 좌측정렬 */
.table_basic2 tr td:nth-child(2){ padding-left:25px; text-align:left; }
/* td 우측정렬 */
.table_basic3 thead tr th, .table_basic3 tr td{ padding-right:25px; text-align:right; }
.table_basic3 thead tr th:first-child{ padding-right:5px; text-align:center; }
/* 테이블 라인 */
.table_basic.line tbody th, .table_basic.line tbody td{ border-width:1px; }
.table_basic.line thead th{ border-color:#0081c5; border-right-color:#fff; border-bottom-color:#fff; }
.table_basic.line thead th:last-child{ border-right-color:#0081c5; }


/*------------------------------------
    인트로페이지
------------------------------------*/
.intro_wrap{ position:relative; height:1080px; }
.intro{ position:absolute; left:50%; top:0; width:100%; height:100%; width:1920px; margin-left:-960px; }
.intro_btn{ overflow:hidden; position:absolute; left:50%; top:480px; width:950px; margin-left:-475px; }
.intro_btn a{ float:left; display:block; margin-left:34px; width:212px; height:213px; border-radius:100em; }
.intro_btn a:first-child{ margin-left:0; }


/*------------------------------------
	fa 자료 준비 중입니다.
------------------------------------*/
.ing_fa_wrap{ text-align:center; }
.ing_fa_wrap .fa-cog{ color:#0067b4; }
.ing_fa_text{ font-weight:500; font-size:20px; line-height:44px; display:block; }


/*------------------------------------
    개인정보처리방침
------------------------------------*/
.privacy_wrap .sub_title h5{ font-size:34px; color:#141414; }
.privacy_wrap p.right{ padding:13px 0 30px; font-size:14px; font-weight:400; }

.privacy_wrap h2{ margin:0; padding:35px 0 20px; display:block; color:#0067b4; font-weight:700; font-size:18px; }
.privacy_wrap h2 span{ font-weight:600; }

.privacy_section01{ padding-left:20px; }
.privacy_section02{ padding-left:22px; }

.privacy_wrap p{ position:relative; margin:0; padding:3px 0; word-break:keep-all; line-height:160%; color:#231F20; }
.privacy_wrap p span{ display:inline-block; margin-left:-22px; width:18px; font-weight:500; line-height:160%; }
.privacy_wrap p b{ font-weight:600; }

.privacy_box01_wrap{ padding:15px 20px 15px 37px; margin:5px auto 20px; background:#f5f5f5; }
.privacy_box01_wrap.mg_bottom_none{ margin-bottom:0; }
.privacy_box01{  }
.privacy_box01 li{ position:relative; padding:2px 0; color:#231F20; font-size:14px; font-weight:400; line-height:160%; }
.privacy_box01 li span{ display:inline-block; margin-left:-17px; width:13px; font-weight:500; line-height:160%; }
.privacy_box01 li b{ font-weight:600; }

.privacy_box02_wrap{ padding:15px 20px 15px 42px; background:#fff; }
.privacy_box01_wrap .privacy_box02_wrap{ margin:15px auto 5px; }
.privacy_box02{  }
.privacy_box02 li{ position:relative; padding:2px 0; color:#231F20; font-size:14px; font-weight:400; line-height:160%; }
.privacy_box02 li span{ display:inline-block; margin-left:-22px; width:18px; font-weight:500; line-height:160%; }


/*------------------------------------
    회사소개
------------------------------------*/
/* 회사소개 */
.company_wrap .sub_contents_wrap > .centerWrap{ max-width:100%; padding-right:0; padding-left:0; padding-bottom:0; }
.company_txt_wrap{ position:relative; margin-bottom:95px; }
.company_txt{ width:60%; }
.company_txt h4{ margin-bottom:50px; font-size:46px; font-weight:700; line-height:100%; }
.company_txt h4 span{ color:#0067b4; }
.company_txt ul{}
.company_txt ul li{ position:relative; padding-left:14px; margin-top:15px; word-break:keep-all; }
.company_txt ul li:before{ position:absolute; left:0; top:11px; content:''; width:4px; height:4px; background:#333; border-radius:100px; }
.company_txt ul li{ /* font-size:17px; */ color:#333; }
.company_txt_img{ position:absolute; right:0; top:19px; width:30%; height:683px; background:url(/img/company_right01.jpg) no-repeat center top; background-size:cover; border-radius:60px 0 4px 0; }

.company_box_block{ padding:90px 0 107px; background:#f7f7f7; }
.company_box_wrap{ position:relative; }
.company_box_title h5{ margin-bottom:30px; font-size:30px; font-weight:700; }
.company_box{ display:flex; }
.company_box li{ margin-left:40px; }
.company_box li:first-child{ margin-left:0; }
.company_box li div{ width:118px; height:104px; padding:25px 30px; border-radius:4px; background:#242424; }
.company_box li div{ -webkit-transition-duration:0.2s; -moz-transition-duration:0.2s; -o-transition-duration:0.2s; -ms-transition-duration:0.2s; transition-duration:0.2s; }
.company_box li:hover div{ background:#0067b4; }
.company_box li div img{ max-width:58px !important; }
.company_box li:nth-child(2) div img{ max-width:56px !important; }
.company_box li:nth-child(3) div img{ max-width:54px !important; }
.company_box li strong{ display:block; margin-top:12px; font-size:20px; font-weight:600; text-align:center; }
.company_box li p{}

.company_logo_box{ display:block; margin-top:-20px; padding-top:10px; }
.company_logo_box:after{ display:block; content:''; clear:both;}
.company_logo_box li{ float:left; margin-left:70px; margin-top:20px; }
.company_logo_box li:first-child,
.company_logo_box li:nth-child(4){ margin-left:0; }
.company_logo_box li:nth-child(4){ clear:both; }
.company_logo_box li div{ display:inline-block; }
.company_logo_box li div img{ max-height:50px !important; }
.company_logo_box li:nth-child(4),
.company_logo_box li:nth-child(6){ padding-top:4px; }

.company_logo_box li.logo_big div img{ max-height:58px !important; }


/* 출장서비스 */
.service .company_txt_img{ height:630px; background:#dbe9f1; background:url(/img/company_right02.jpg) no-repeat center; background-size:cover; }

.item_top_img{ overflow:hidden; margin-top:60px; }
.item_top_img div{ float:left; width:31.6666%; margin-left:2.5%; }
.item_top_img div:first-child{ margin-left:0; }

.item_top_wrap{}

.sub_service_wrap{ padding:90px 0 105px; }


/*------------------------------------
    메인: 출장 수리서비스
------------------------------------*/
.sub_service_wrap{ padding:120px 0 140px; }
.company_wrap .sub_contents_wrap .main_service_wrap .centerWrap{ }
.sub_service{ display:grid; grid-template-columns:repeat(3, 1fr); gap:65px; }
.sub_service li{ display:flex; }
.sub_service li{ display:block; }
.sub_service li .img_wrap{ background:#f7f7f7; }
.sub_service li:hover img{ transform:scale(1.05); }
.sub_service p{ z-index:4; position:relative; margin:-53px auto 0; padding:40px 55px 45px; width:88%; font-size:22px; font-weight:700; box-shadow:0 0 25px rgb(0 0 0 / 15%); background:#fff; }

/* 연혁 */
.history_block{ display:flex; }
.history_left{ width:420px; padding:70px 0 0 6.5%; background:url(/img/history_left_bg.jpg) no-repeat center bottom; background-size:cover; }
.history_left h4{ font-size:42px; font-weight:600; line-height:120%; }
.history_left p{ margin-top:15px; font-size:20px; font-weight:500; letter-spacing:-0.5px; color:#0067b4; }
.history_right{ padding:70px 0 80px 0; }
.history_right li{ position:relative; padding-left:150px; }
.history_right li.history_dot{}
.history_right li.history_dot:before{ position:absolute; left:0; top:15px; content:''; width:110px; height:1px; background:rgba(0,103,180,.3); }
.history_right li.history_dot:after{ position:absolute; left:110px; top:12px; content:''; width:5px; height:5px; background:#fff; border:1px solid rgba(0,103,180,1); border-radius:100px; }
.history_right li p{ position:visible; margin:30px auto; font-size:19px; line-height:180%; font-weight:400; }
.history_right li.history_dot p:before{ position:absolute; left:103px; top:5px; content:''; width:19px; height:19px; background:rgba(0,103,180,.3); border-radius:100px; }

/* 조직도 */
.organization_wrap{}

/* CEO 인사말 */
.ceo_txt_wrap{ display:flex; justify-content:space-between; }
.ceo_txt_wrap .ceo_txt{ width:56%; margin-right:50px; }
.ceo_txt_wrap .ceo_txt p{ margin-bottom:15px; font-size:17px; line-height:160%; }
.ceo_txt_wrap .ceo_txt p:first-child{ margin-bottom:25px; font-size:30px; line-height:150%; letter-spacing:-0.5px; font-weight:500; }
.ceo_txt_wrap .ceo_txt strong{ display:block; font-size:20px; font-weight:500; }
.ceo_txt_wrap .img_wrap{ width:37%; border-radius:20px; background:url(/img/company_img1.jpg) no-repeat center; background-size:cover; }

/* 오시는길 */
.location_wrap{}
.location_wrap a{ color:#555; }
.location_wrap a{ -webkit-transition-duration:0.2s; -moz-transition-duration:0.2s; -o-transition-duration:0.2s; -ms-transition-duration:0.2s; transition-duration:0.2s; }
.location_wrap a:hover{ color:#50A6DC; }

.location_wrap .location_top:nth-child(5){ margin-top:70px; }
.location_top{ display:flex; align-items:center; justify-content:space-between; }
.location_top h3{ letter-spacing:-0.5px; font-weight:700; text-transform:uppercase; font-family:'Poppins','Roboto','Pretendard','Malgun Gothic',Sans-serif; }
.location_top h3 strong{ display:block; font-size:44px; color:#222; line-height:140%; }
.location_top h3 span{ display:inline-block; margin-right:8px; font-size:44px; color:#222; line-height:140%; }
.location_top h3 span:nth-child(2){ color:#50A6DC; }
.location_top .location_info{ width:400px; }
.location_top .location_info dl{ display:flex; }
.location_top .location_info dl:last-child{ margin-bottom:0; }
.location_top .location_info dl dt{ width:100px; }

.location_info{ }
.location_info dl{ margin-bottom:8px; font-size:16px; line-height:22px; font-family:'Poppins','Roboto','Pretendard','Malgun Gothic',Sans-serif; }
.location_info dl dt{ font-weight:600; }
.location_info dl dd{ color:#555; }

.location_middle{ margin:30px auto 0; }
.location_middle iframe{ width:100%; height:500px; }

.location_bottom{  }
.location_bottom .location_info{}
.location_bottom .location_info dl{  }
.location_bottom .location_info dl:first-child{ margin-top:55px; }
.location_bottom .location_info dl dt{ position:relative; margin:25px auto 15px; padding-left:20px; line-height:48px; font-size:17px; font-weight:500; color:#141414; border-left:4px solid #0067b4; background:#f4faf8; }
.location_bottom .location_info dl dd{  }
.location_bottom .sub_dot_section01{ padding-left:36px; }

.map{transition: transform 1s, opacity 1s;  padding-bottom:70px;}
.map h1{font:500 26px 'Pretendard','Malgun Gothic',Sans-serif; color:#0e518c; line-height:180%;}

.new_map{ width:100% !important; padding:5px 0 20px 0 !important; border:none !important; position:relative;}
.root_daum_roughmap.root_daum_roughmap_landing{max-width:100%; width:auto; margin:0 auto;}
.new_map > iframe{ width:100%; height:380px; }


.map_box{ margin:70px auto 70px; border-top:solid 2px #0e518c; }
.mapbox_content dl{ overflow:hidden; display:flex; align-items:center; justify-content:center; border-bottom:solid 1px #ddd; padding:10px 0;}
.mapbox_content dl dt{ width:15%; font:500 18px 'Pretendard','Malgun Gothic',Sans-serif; line-height:180%; padding-left:5px; border-right:solid 1px #ddd; text-align:center;  }
.mapbox_content dl dd{ width:81%; margin-left:4%; font:300 16px 'Pretendard','Malgun Gothic',Sans-serif; line-height:180%; }
.mapbox_content dl dd br{ display:none; }


/* 메일 아이콘 */
.mail_icon_wrap{ text-align:center; }
.mail_icon_wrap img{ height:70px; }

/* 다음 지도 사용 시 */
.new_map{ padding:0 !important; border:none !important; border-radius:0 !important; border-bottom:1px solid #ccc !important; }
.wrap_controllers.hide{ display:none !important; }
.new_map .roughmap_lebel_text{ padding:5px 8px 6px !important; font-weight:400 !important; }


/*------------------------------------
    사업소개
------------------------------------*/
/* 사업분야 */
.business_block{ display:grid; grid-template-columns:repeat(2, 1fr); gap:50px; }
.business_block li{}
.business_block li .img_wrap{ border-radius:0; }
.business_block li .business_txt{ padding:20px 0 23px; text-align:center; border:1px solid #ddd; border-width:0 1px 1px 1px; }
.business_block li .business_txt strong{ display:block; font-weight:500; font-size:24px; }
.business_block li .business_txt span{ display:block; font-size:16px; color:#666; }

/* LS EV KOREA */
.ls_block{ display:grid; grid-template-columns:repeat(2, 1fr); gap:50px; }
.ls_block .img_wrap{ border-radius:0; }
.ls_left{ border:1px solid #ddd; }
.ls_left .img_wrap:first-child:before{ position:absolute; left:0; top:18%; content:''; width:100%; height:50px; background:url(/img/ls_logo.png) no-repeat center; background-size:auto 100%; }
.ls_left .img_wrap:first-child img{ width:100% !important; }
.ls_right{ border:1px solid #ddd; background:#f0f1f0; }
.ls_right ul{ display:grid; grid-template-columns:repeat(2, 1fr); }
.ls_right ul li{ position:relative; padding:25px 30px 23px; background:#f0f1f0; }
.ls_right ul li:first-child:after{ position:absolute; right:0; top:0; content:''; width:1px; height:100%; background:#ddd; }
.ls_right ul li strong{ display:block; margin-bottom:5px; font-size:18px; font-weight:500; }

.sub_dot_section01{ padding-left:12px; }
.sub_dot_section01 p{ position:relative; margin:0; padding:3px 0; font-size:14px; word-break:keep-all; line-height:160%; color:#231F20; }
.sub_dot_section01 span{ display:inline-block; margin-left:-12px; width:8px; font-weight:400; line-height:160%; }
.sub_dot_section02 p{ padding:1px 0; }


/*------------------------------------
    스킬
------------------------------------*/

.sub_left_txt{  }
.sub_left_txt h4{ margin:0 0 12px 0; font-size:22px; font-weight:600; }
.sub_left_txt h4 strong{ display:inline-block; margin-right:5px; width:24px; height:24px; font-size:16px; vertical-align:2px; font-weight:500; color:#fff; background:#0067b4; border-radius:4px; text-align:center; }
.sub_txt_wrap .sub_left_txt p{ margin-top:0; }

.sub_txt_wrap{ margin-top:100px; }
.sub_txt_block .sub_txt_wrap:first-child{ margin-top:0; }

.icon_flow_wrap{ margin:0 auto 60px; padding:40px 50px; background:#f7f8f7; }
.icon_flow{ text-align:center; display:grid; grid-template-columns:repeat(6, 1fr); gap:30px; }
.icon_flow:after{ content:''; display:block; clear:both; position:relative; }
.icon_flow li{ position:relative; margin:0 auto; width:100%; height:173px; padding:30px 15px; border-radius:100px; border:1px solid #ddd; background:#fcfcfc; text-align:center; }
.icon_flow li > div{ position:absolute; left:0; top:50%; width:100%; transform:translateY(-50%); }
.icon_flow li span{ display:block; font-weight:600; font-size:20px; color:#0067b4; }
.icon_flow li span small{ font-size:16px; }
.icon_flow li strong{ display:block; font-weight:500; font-size:15px; line-height:140%; word-break:keep-all; }
.icon_flow li strong span{ margin-top:1px; color:#0067b4; font-weight:400; font-size:13px; }
.icon_flow .img_wrap{ width:43px; margin:5px auto 12px; }

.mes_block{ display:grid; grid-template-columns:repeat(2, 1fr); gap:50px; }

.mes_flow_wrap{ position:relative; }
.mes_flow{ margin-top:15px; display:grid; grid-template-columns:repeat(3, 1fr); gap:30px; text-align:center; }
.mes_flow li{ position:relative; margin:0 auto; padding:25px 30px 27px; width:100%; height:120px; border-radius:4px; border:1px solid #ddd; background:#fcfcfc; text-align:center; }
.mes_flow li > div{ position:absolute; left:0; top:50%; width:100%; transform:translateY(-50%); }
.mes_flow li:after{ content:''; position:absolute; right:-23px; top:50%; width:14px; height:20px; margin-top:-10px; } 
.mes_flow li:after{ background:url(/img/arrow.png) no-repeat center; background-size:100%; transform:rotate(180deg); opacity:0.4; }
.mes_flow li:last-child:after{ display:none; }
.mes_flow li > div{  }
.mes_flow li span{ display:block; margin-bottom:7px; font-weight:500; font-size:17px; line-height:140%; color:#0067b4; word-break:keep-all; }
.mes_flow li p{ line-height:140%; font-size:13px; }
.mes_flow .img_wrap{ width:43px; margin:5px auto 12px; }

.mold_img_wrap{ display:grid; grid-template-columns:repeat(6, 1fr); gap:25px; }
.mold_img_wrap li{ border:1px solid #ddd; }

.skill_block{ display:flex; justify-content:space-between; }

.skill_block > .img_wrap{ width:47%; border:1px solid #ddd; }
.skill_block > .img_wrap img{ width:100% !important; }

.mes_txt{  }
.mes_txt strong{ /* margin:15px auto 3px; */ position:absolute; right:0; top:4px; }
.mes_txt strong:last-child{ margin-bottom:0; }
.mes_txt strong span{ position:relative; padding-left:24px; display:block; font-size:19px; font-weight:500; letter-spacing:-0.5px; }
.mes_txt strong span:before{ position:absolute; left:0; top:6px; content:''; width:16px; height:16px; background:url(/img/checked.png) no-repeat center; background-size:100%; }
.mes_txt .img_wrap{ margin-bottom:15px; }
.mes_txt .img_wrap img{ width:100% !important; }
.mes_txt p:nth-of-type(1){  }

.skill_right_wrap{ width:48%; }
.skill_right_wrap > .img_wrap{ margin-bottom:20px; padding:40px; border:1px solid #ddd; }
.skill_right_wrap > .img_wrap img{ width:100% !important; }
.skill_right{ display:grid; grid-template-columns:repeat(4, 1fr); padding:25px; border:1px solid #ddd; border-radius:4px; }
.skill_right li{  }


.skill_block2 .skill_right_wrap > .img_wrap{ padding:0; }
.skill_block2 .skill_right_wrap > .img_wrap{ margin-bottom:0; }

.skill_block3{ margin-top:60px; }
.skill_block3 .img_wrap{ padding:40px 80px; border:1px solid #ddd; }



/*------------------------------------
    오시는길
------------------------------------*/
.contact_block{}
.contact_map{  }
.contact_map iframe{ width:100%; height:590px; }
.contact_info_wrap{ position:relative; margin-top:-110px; display:flex; justify-content:space-between; align-items:center; padding:35px 50px 35px; background:#0067b4 url(/img/dotted_black.png); border-radius:0 50px 0 0; }
.contact_info_wrap:hover{ /* background:#0067b4; */ }
.contact_info_wrap
.contact_info{  }
.contact_info h5{ display:none; margin-bottom:15px; color:#fff; font-size:26px; font-weight:600; }
.contact_info ul{  }
.contact_info ul li{ display:flex; padding:5px 0; color:rgba(255,255,255,0.9); font-size:17px; font-weight:400; }
.contact_info ul li strong{ position:relative; padding-left:40px; width:135px; font-weight:400; }
.contact_info ul li strong:before{ position:absolute; left:0; top:3px; content:''; width:24px; height:20px; border-radius:100%; }
.contact_info ul li:first-child strong:before{ background:url(/img/tel_icon_w.png) no-repeat center; background-size:auto 20px !important; }
.contact_info ul li:nth-child(2) strong:before{ background:url(/img/email_icon_w.png) no-repeat center; background-size:auto 20px !important; }
.contact_info ul li:nth-child(3) strong:before{ background:url(/img/map_icon_w.png) no-repeat center; background-size:auto 20px !important; }
.contact_info ul li span{}
.contact_info ul li a{ color:rgba(255,255,255,0.9); font-weight:400; }
.contact_info ul li a:hover{ color:#fff; }

.contact_info_wrap .img_wrap{  }
.contact_info_wrap .img_wrap img{ width:150px !important; }



@media(max-width:1700px){
	.middle_wrap .logo{ left:15px; }
	.header_center .top_wrap .right{ right:15px; }
	.navbar_center .top_menu{ padding-left:0; display:inline-block; }

	.quick_menu_wrap{ right:15px; }
}

@media all and (min-width: 1501px) and (max-width: 1699px) {
	.depth_flow.box_wrap .box .txt {height:250px;}
}

@media all and (min-width: 1201px) and (max-width: 1500px) {
	.depth_flow.box_wrap .box .txt {height:220px;}
}

@media(max-width:1500px){
.navbar_center .top_menu > li{ padding:0 15px; }
.navbar_center .top_menu > li .depth_1{ padding:1px 15px 0; }
}
@media(max-width:1350px){

.middle_wrap .logo{ left:15px; }
.navbar_center .top_menu{ margin-left:20px; }
.navbar_center .top_menu > li.store_menu{ margin-left:0; }

.lnbTop_wrap{ padding:0 15px; }

/* .subVisual { margin:15px 15px 0; } */

.header_center .top_wrap .right{  }

footer.footer_center .centerWrap{ padding:0 15px; }

.quick_menu_wrap{ top:auto; bottom:15px; height:135px; }
.quick_menu_wrap.headroom{ top:auto; bottom:-100%; }
.quick_menu_wrap.headroom.headroom-hidden{ top:auto; bottom:15px; }
.quick_menu_wrap ul li{ display:none; }
.quick_menu_wrap ul li:nth-child(3){ display:block; }
.quick_menu_wrap ul li:nth-child(3) a{ border-top:none; }
.quick_menu_wrap ul li a{ width:64px; height:64px; background:#0067b4; border-radius:100px; }
.quick_menu_wrap ul li a:hover{ background:#085392; }
.quick_menu_wrap ul li a span{ font-size:0; }
.quick_menu_wrap ul li a span:before{ margin-bottom:0; }
.quick_tel span:before{ background-size:auto 25px; }

.eb-top{ margin-top:7px !important; }
.eb-top p{ font-size:14px; }
.eb-top p span:before{ width:6px; height:6px; margin-left:-3px; }




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

.navbar_center .top_menu > li{ padding-right:12px; padding-left:12px; }
.navbar_center .top_menu > li .depth_1{ padding-right:12px; padding-left:12px; font-size:18px; }


}