@charset "utf-8";

#ch-plugin{display:none!important;}


@font-face {
  font-family: 'NanumGothic';
  font-style: normal;
  font-weight: 400;
  src: url(/css/fonts/NanumGothic-Regular.eot);
  src: url(/css/fonts/NanumGothic-Regular.eot?#iefix) format('embedded-opentype'),
	   url(/css/fonts/NanumGothic-Regular.woff) format('woff'),
	   url(/css/fonts/NanumGothic-Regular.eot) format('eot')
}
@font-face {
  font-family: 'NanumGothic';
  font-style: normal;
  font-weight: 600;
  src: url(/css/fonts/NanumGothic-Bold.eot);
  src: url(/css/fonts/NanumGothic-Bold.eot?#iefix) format('embedded-opentype'),
	   url(/css/fonts/NanumGothic-Bold.woff) format('woff'),
	   url(/css/fonts/NanumGothic-Bold.eot) format('eot')
}

@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 300;
  src: url(/css/fonts/NotoSansKR-Light.woff2) format('woff2'),
	   url(/css/fonts/NotoSansKR-Light.woff) format('woff'),
	   url(/css/fonts/NotoSansKR-Light.otf) format('opentype');
}
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 400;
   src: url(/css/fonts/NotoSansKR-Regular.woff2) format('woff2'),
		url(/css/fonts/NotoSansKR-Regular.woff) format('woff'),
		url(/css/fonts/NotoSansKR-Regular.otf) format('opentype');
}
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 500;
   src: url(/css/fonts/NotoSansKR-Medium.woff2) format('woff2'),
		url(/css/fonts/NotoSansKR-Medium.woff) format('woff'),
		url(/css/fonts/NotoSansKR-Medium.otf) format('opentype');
}

/* ROBOTO : latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: local('Roboto Light'), local('Roboto-Light'), url(/css/fonts/roboto/Roboto-Light7.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(/css/fonts/roboto/Roboto-Regular7.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: local('Roboto Medium'), local('Roboto-Medium'), url(/css/fonts/roboto/Roboto-Medium7.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* Titillium */
@font-face{
	font-family: 'Titillium';
	font-style: normal;
	font-weight: 300;
	src: local('※'),
		 url('/css/fonts/TitilliumWeb/TitilliumWeb-Light.woff') format('woff');
}
@font-face{
	font-family: 'Titillium';
	font-style: normal;
	font-weight: 400;
	src: local('※'),
		 url('/css/fonts/TitilliumWeb/TitilliumWeb-Regular.woff') format('woff');
}
@font-face{
	font-family: 'Titillium';
	font-style: normal;
	font-weight: 500;
	src: local('※'),
		 url('/css/fonts/TitilliumWeb/TitilliumWeb-SemiBold.woff') format('woff');
}
@font-face{
	font-family: 'Titillium';
	font-style: normal;
	font-weight: 600;
	src: local('※'),
		 url('/css/fonts/TitilliumWeb/TitilliumWeb-Bold.woff') format('woff');
}

/*------------------------------------
	초기화
------------------------------------*/
*{ box-sizing:border-box; }
html { overflow-y:scroll; -webkit-text-size-adjust:none; }
body { min-width:320px; margin:0; padding:0; font-size:0.75em; font-family:'Roboto','Noto Sans KR','NanumGothic','Malgun Gothic',Sans-serif; position:relative;  }
div,span,object,iframe,p,
blockquote,pre,abbr,cite,code,del,dfn,img,h1, h2, h3, h4, h5, h6,html,body,
ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,
fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,
article,aside,canvas,details,figcaption,figure,footer,header,hgroup,
menu,nav,section,summary,time,mark,audio,video{ margin:0; padding:0; outline:0; line-height:160%; }
html, h1, h2, h3, h4, h5, h6, form, fieldset, img { margin:0; padding:0; border:0; }
h1, h2, h3, h4, h5, h6 { font-size:1em; font-family:'Roboto','Noto Sans KR','NanumGothic','Malgun Gothic',Sans-serif; font-weight:500; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block; }

#hd ul, nav ul, #ft ul { margin:0; padding:0; list-style:none; }
legend { position:absolute; margin:0; padding:0; font-size:0; line-height:0; text-indent:-9999em; overflow:hidden; }
label, input, button, select, img { vertical-align:middle; }
input, button{ margin:0; padding:0; font-family:'Roboto','Noto Sans KR','NanumGothic','Malgun Gothic',Sans-serif; font-size:1em; font-weight:400; }
button{ cursor:pointer; }

textarea, select { font-family:'Roboto','Noto Sans KR;','Noto Sans KR','NanumGothic','Malgun Gothic',Sans-serif; font-size:1em; font-weight:300; }
select { margin:0; }
p { margin:0; padding:0; word-break:break-all; }
hr { display:none; }
pre { /* overflow-x:scroll; font-size:1.1em; */ }
a:link, a:visited { text-decoration:none; }
a:hover, a:focus, a:active { /* color:#0159b5;  */text-decoration:underline; }

textarea:focus, select:focus, input:focus{ border:1px solid #bbb; outline-style:none; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
li{ list-style-type:none; }
img,fieldset,iframe{ border:0; vertical-align:top; }
img,fieldset { border:none; }
input, textarea, select { margin:0; padding:0; background:#fff;  font-size:13px;}
.skip { font-size:0; width:0; height:0; line-height:0; clear:both; border:none; }
.both{ clear:both; }
.clear_both{ clear:both; display:block; }
table{ width:100%; margin:0px auto; border-collapse:collapse; border-spacing:0; vertical-align:top; }
button,input[type=submit]{ margin:0; vertical-align:top; cursor:pointer; }
label{ cursor:pointer; }
label:hover{ color:#184ee8; }
label input[type=checkbox]{ vertical-align:middle; }
textarea { width:94%; font:400 12px/16px 'NanumGothic','Malgun Gothic',Sans-serif; color:#777; min-height:43px; border:solid 1px #ccc; margin:5px auto 5px; background:#fff; padding:5px 1%; }
textarea.width_100 { width:98%; height:140px; background:#fafafa; }
textarea.width_100.small { height:50px; background:#fff; }
a{ text-decoration:none; color:#222; }
a:hover, a:active, a:focus{ text-decoration:none; }
body,tr,td { font:300 12px/18px 'Roboto','Noto Sans KR','NanumGothic','Malgun Gothic',Sans-serif; }

.clear_both{ clear:both; display:block; }


/*------------------------------------
	공통부분
------------------------------------*/
.alg_cnt {text-align:center !important;}
.alg_lft {text-align:left !important;}
.alg_rgt {text-align:right !important;}
.float_lft {float:left !important;}
.float_rgt {float:right !important;}
.wd25 {width:25% !important;}
.wd33 {width:33.3333% !important;}
.wd40 {width:40% !important;}
.wd50 {width:50% !important;}
.wd60 {width:60% !important;}
.wd100 {width:100% !important;}
.pl_20 {padding-left:20px !important;}

/*------------------------------------
	서브 : 본문 컨테이너
------------------------------------*/
.container_wrap{position:relative; /* overflow:hidden; */ background:#fff; }
.Main .container_wrap{ background:#f9f9f9; }
.container_wrap:after{ content:"";  display:block; clear:both; }
.container_wrap.f9f9f9{ }
.container_wrap .centerWrap{ max-width:1300px; margin:0 auto; }
.Main .container_wrap .centerWrap{ /* max-width:1400px; box-shadow:none; border:none; padding:0 15px; */ }


/*------------------------------------
	링크 버튼
------------------------------------*/
/* 버튼 영역 */
.btn_padding{ clear:both; position:relative; padding:20px 0 10px; }
.btn_padding.right{ text-align:right; }

/* 버튼 스타일 */
.btn{ display:inline-block; padding:1px 12px 0; min-width:40px; margin:0 1px 3px 1px; border:solid 1px #ccc; font:300 14px/32px 'Roboto','Noto Sans KR', 'NanumGothic',Sans-serif; text-align:center; }
.btn:hover{ border-color:#222; background:#222; color:#fff; }
.btn_style01 {display:inline-block; padding:12px 30px; width:100%; text-align:center; background:#950b13; color:#fff; font-size:14px; }
.btn_style01:hover {color:#fff;}

/* 페이징 버튼 */
.paging_btn{ position:relative; overflow:hidden; padding:20px 0 30px 0; margin:0 auto; text-align:center; vertical-align:top; color:#777; font:400 13px/20px Malgun Gothic;  }
.paging_btn span{ display:inline-block; vertical-align:top; margin-left:-1px; }
.paging_btn span b,
.paging_btn span a{ display:block; margin:0; text-align:center; height:auto; font:600 12px/20px 'NanumGothic',Malgun Gothic;  border:solid 1px #ddd; padding:3px 10px 4px; color:#777; border-radius:0; background:#fff; }
.paging_btn span a{ }
.paging_btn span b{ color:#fff; border-color:#333; background:#333; }

.paging_btn span.arrow a{ height:29px; font-size:0; }
.paging_btn span.arrow a:before{ display:inline-block; content:'\f104'; font-family:'FontAwesome'; font-size:12px; vertical-align:-5px; font-weight:normal; }
.paging_btn span.arrow.left a{  }
.paging_btn span.arrow.right a:before{ content:'\f105'; }
.paging_btn span a:hover{ border-color:#333; color:#fff; background:#333; }
.paging_btn span a.btn:hover{ color:#fff; }

.paging_btn span.btn_wrap{  }
.paging_btn span.btn_wrap a{ min-width:auto; height:29px; font-size:0; border-radius:0 4px 4px 0; }
.paging_btn span.btn_wrap a:before{ display:inline-block; content:'\f051'; font-family:'FontAwesome'; font-size:11px; vertical-align:-5px; font-weight:normal; }
.paging_btn span.btn_wrap:first-child a{ border-radius:4px 0 0 4px; }
.paging_btn span.btn_wrap:first-child a:before{ content:'\f048'; }

/* check box */
.centerWrap .checkbox  i{position:relative;width: 17px;height: 17px;border:1px solid #ccc;display:inline-block;color:#950b13;margin-top:2px;margin-right:2px;}
.centerWrap .checkbox input + i:after { display:inline-block; position:absolute; top:0px; left:-1px; opacity: 0; -ms-transition: opacity 0.1s; -moz-transition: opacity 0.1s; -webkit-transition: opacity 0.1s; content: '\f00c'; width: 17px; height: 17px;font: normal 12px/16px FontAwesome; text-align: center;}
.centerWrap  input:checked + i:after,
.centerWrap  input:checked + i:after {opacity: 1;}
.centerWrap .checkbox input {position: absolute; left: -9999px;}
.centerWrap .checkbox.all i {top:5px;}
.centerWrap .checkbox:hover {color:#000;}
.col_contents iframe {width:100%; box-sizing:border-box;}

/*------------------------------------
	스킨
------------------------------------*/
.total_wrap{ position:relative; height:100%; }
.centerWrap{ position:relative; width:100%; max-width:1300px; box-sizing:border-box;margin:0 auto; /* padding:0 42px;  */}
.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:11; 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; padding:0 15px; }
.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:400 13px/16px 'NanumGothic','Malgun Gothic',Sans-serif; color:rgba(255,255,255,0.5); 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 li a:hover{ color:rgba(255,255,255,0.9); }
.header_center .top_wrap .right li a:focus{ color:rgba(255,255,255,0.9); }

.header_center .top_wrap .right .search_btn a{ display:block; width:23px; height:23px; margin-right:20px; font-size:0; opacity:0.9; }
.header_center .top_wrap .right .search_btn a:hover{ opacity:1; }

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


/* 다국어 버튼 : 텍스트 스타일 */
.language {padding-right:18px; margin-top:-1px !important; }
.language a {display:inline-block; padding:0 12px; color:#fff;  font:400 13px/23px 'Noto Sans KR','NanumGothic','Malgun Gothic';}
.language a.on {border:1px solid #fff; border-radius:2px;}

/* 로그인 버튼 : 텍스트 스타일 */
/* .login_btn{ display:block; padding:0 4px; margin:0 4px; font:400 13px/34px 'Roboto','NanumGothic','Malgun Gothic',Sans-serif;  color:rgba(255,255,255,0.7); text-transform:uppercase; } */

/* 사이트맵 */
.siteMap{ position:relative; display:block; width:30px; height:22px; content:''; /* background:url(/img/sitemap_icon_white.png) no-repeat center; */ font-size:0; opacity:0.9; }
.siteMap:hover{ opacity:1; }

.siteMap div {position:relative; width:28px; height:22px;}
.siteMap span {position: absolute; right:0; width: 100%; height: 2px; background-color: #000; border-radius: 4px;}
.siteMap span:nth-of-type(1) {top: 0;}
.siteMap span:nth-of-type(2) {top: 10px; width:28px; -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 span:nth-of-type(3) {bottom: 0;}
.siteMap:hover span:nth-of-type(2) { width:18px; }

/* 검색창 */
.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:400 18px/43px 'NanumGothic','Malgun Gothic',Sans-serif; 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:normal 18px/43px 'FontAwesome',Sans-serif; 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:600 22px/32px 'NanumGothic','Malgun Gothic',Sans-serif; 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:400 13px/34px 'NanumGothic'; 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:300 13px/25px 'Noto Sans KR'; color:#666; }
.search_wrap ul li input{ margin:0 5px; padding:0 5px; width:200px; border:1px solid #ddd; font:300 13px/25px 'Noto Sans KR'; color:#666; }
.search_btn2{ display:inline-block; padding:0 25px; margin-top:30px; font:600 15px/40px 'NanumGothic'; 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; padding:0 100px; }
.middle_wrap .logo{ display:inline-block; position:absolute; left:15px; top:11px; }
.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:auto; max-width:100%; }
.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:85px; width:100%; padding:0; text-align:center; border-bottom:solid 1px rgba(255,255,255,0.4); background:#fff; }
.Main .navbar_center {border-bottom:0;}
.navbar_center{ -webkit-transition-duration:0.3s; -moz-transition-duration:0.3s; -o-transition-duration:0.3s; -ms-transition-duration:0.3s; transition-duration:0.3s; }
/* .navbar_center .centerWrap{ text-align:right; } */
.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; }

.navbar_center.fixed {top:0; background:#fff; border-bottom:none; border-bottom:1px solid #ddd;}
.navbar_center.fixed .top_menu > li .depth_1 {color:#000;}
.navbar_center.fixed .top_menu > li.active .depth_1 {color:rgba(254,106,0,55);}
.header.fixed .language a {color:#000}
.header.fixed .language a.on {border-color:#000;}
.header.fixed .siteMap span {background:#000;}
.navbar_center.fixed .top_menu > li.active .depth_1:hover {color:rgba(254,106,0,55);;}
.navbar_center.fixed .site_map > h1 a {background:none;}

.site_map h1 a div {position:relative; width:30px; height:22px; top:20px;}
.site_map h1 a span {position: absolute; right:0; width: 100%; height: 2px; background-color: #000; border-radius: 4px;}
.site_map h1 a span:nth-of-type(1) {top: 0;}
.site_map h1 a span:nth-of-type(2) {top: 10px; width:30px; -webkit-transition-duration:0.2s; -moz-transition-duration:0.2s; -o-transition-duration:0.2s; -ms-transition-duration:0.2s; transition-duration:0.2s;}
.site_map h1 a span:nth-of-type(3) {bottom: 0;}
.site_map:hover span:nth-of-type(2) { width:18px; }
.navbar_center.fixed .site_map span {background:#000}


/*------------------------------------
	전체 메뉴
------------------------------------*/
.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:500 16px/40px 'Roboto','Noto Sans KR','NanumGothic'; background:#fe6a00; color:#fff; text-transform:uppercase; }
.total_menu > li > a:before{ position:absolute; left:0; top:-1px; content:''; width:100%; height:1px; background:rgba(255,255,255,.3); }
.total_menu > li > a:after{ position:absolute; right:0; top:0; width:100%; height:100%; padding:0 7% 0 0; color:#fff; 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:400 14px/38px 'Roboto','Noto Sans KR','NanumGothic'; 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:300; 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:#fff url(/data/config/shop_logo.png) no-repeat 15px 10px; border-bottom:1px solid #ccc; 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
------------------------------------*/

/* hover 시 */
.navbar_center.on{height:370px;  background:#f1f1f3; box-shadow:0 2px 4px 0 rgba(0,0,0,0.13); }
.navbar_center.on .centerWrap{ -webkit-transition-duration:0.4s; -moz-transition-duration:0.4s; -o-transition-duration:0.4s; -ms-transition-duration:0.4s; transition-duration:0.4s; }
.navbar_center.on .centerWrap:after{ position:fixed; left:0; top:0; width:100%; height:85px; content:''; background:#fff; }
.navbar_center.on .top_menu > li .depth_1{ text-shadow:none; color:#3d3d3d; }
.navbar_center.on .top_menu > li:hover .depth_1{ color:rgba(254,106,0,55); }
.navbar_center .top_menu:hover > li.active .depth_1{ color:rgba(254,106,0,55); }
.navbar_center .top_menu:hover > li.active .depth_1:before{ background:rgba(254,106,0,55); }
.navbar_center.on .top_menu .depth_2{opacity:1; top:100%; bottom:auto; padding-top:10px;}



.navbar {height:100%;}
.navbar_container {position:relative; height:100%;}
.navbar_center .top_menu{ padding-left:50px; text-align:center; display:inline-block; }
.navbar_center .top_menu:after{ content:"";  display:block; clear:both;  }
.navbar_center .top_menu > li{ *float:left; display:inline-block; position:relative; padding:0; width:170px; }
.navbar_center .top_menu > li.active .depth_1 {font-weight:500; color:rgba(254,106,0,55)}

.navbar_center .top_menu > li .depth_1{ z-index:10; position:relative; display:inline-block; /* -webkit-transition:all 0.3s; -moz-transition:all 0.3s; -o-transition:all 0.3s; -ms-transition:all 0.3s; transition:all 0.3s; */}
.navbar_center .top_menu > li .depth_1{ display:block; padding:10px 29px 5px; text-align:center; font:500 18px/71px 'Noto Sans KR',Sans-serif; color:#333; }
.navbar_center .top_menu > li:hover .depth_1{ color:#fff;}
.navbar_center .top_menu > li:hover .depth_1:before{ position:absolute; left:0; bottom:0; content:''; }

/* .navbar_center .top_menu > li > a:after{bottom: -1px; content: ""; display: block;  height: 2px; left: 50%; position: absolute; background:#9dafd6; transition: width 0.3s ease 0s, left 0.3s ease 0s; width: 0;} */
.navbar_center .top_menu > li > a:hover:after {width: 100%; left: 0;}
.navbar_center .top_menu > li:hover .depth_1{ color:#fff; }
.navbar_center .top_menu > li:hover .depth_1:after {bottom: -1px; content: ""; display: block; height: 2px; position: absolute; background: #ffc59c; width: 100%;  left:0;}


.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{ opacity:0; position:absolute; left:0; bottom:100%;width:100%; padding:15px 0 25px; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; -o-transition:all 0.3s; -ms-transition:all 0.3s; transition:all 0.3s; transition-duration:0.6s; }
.navbar_center .top_menu .depth_2 li{ position:relative; text-align:center; }
/* .navbar_center .top_menu:hover > li .depth_2{opacity:1; top:100%; bottom:auto; padding-top:25px;} */

.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:12px 5px; font:400 15px/20px 'Roboto','Noto Sans KR', 'NanumGothic','Malgun Gothic',Sans-serif; color:rgba(0,0,0,.8); }
.navbar_center .top_menu > li:hover{ color:#fff; }
.navbar_center .top_menu > li:hover dt a{ color:#830008; background:#830008; }
.navbar_center .top_menu > li.active dt a{ color:#830008; background:#830008; }
.navbar_center .top_menu > li.active:hover dt a{  color:#830008; border-color:#333; }
.navbar_center .top_menu > li:hover dd{ display:block; }
.navbar_center .top_menu .depth_2 a{-webkit-transition-duration:0.3s; -moz-transition-duration:0.3s; -o-transition-duration:0.3s; -ms-transition-duration:0.3s; transition-duration:0.3s; }
.navbar_center .top_menu .depth_2 li:hover > a{ color:rgba(254,106,0,55); }
.navbar_center .top_menu .depth_2 li.active > a{ color:rgba(254,106,0,55); }
.navbar_center .top_menu .depth_2 a > i{ position:relative; display:inline-block; margin:0 0 0 5px;}
.navbar_center .top_menu .depth_2 a > i:before{ content:''; margin-top:-5px; font:normal 17px/17px 'FontAwesome'; color:rgba(0,0,0,.25); }
.navbar_center .top_menu .depth_2 a:hover > i:before{ content:''; margin-top:-5px; font:normal 17px/17px 'FontAwesome'; color:rgba(254,106,0,55); }


.navbar_center .top_menu .depth_3{ z-index:1; display:none; position:absolute; left:100%; top:-3px; width:150px; padding:15px 0 10px; background:#fff; border-left:1px dotted rgba(255,255,255,0.1); box-shadow:0px 0px 5px #ddd; border-radius:5px;}
/* .navbar_center .top_menu .depth_3:after {content:''; display:inline-block; position:absolute; top:15px; left:-20px; width: 0px;height: 0px; border-top:15px solid none; border-bottom:20px solid #fff; border-right: 15px solid transparent; border-left: 15px solid  transparent; transform:rotate(-90deg);} */
.navbar_center .top_menu .depth_2 li:hover .depth_3{ display:block; }
.navbar_center .top_menu .depth_3 a{ display:block; padding:5px; font-size:14px; color:#666; }
.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; */ }


/*------------------------------------
	스크롤시 상단메뉴 고정
------------------------------------*/
.header.fixed{  }
/* 다국어 버튼 */
/* .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:300 13px/31px 'Noto Sans KR','NanumGothic','Malgun Gothic',Sans-serif; 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:500 16px/50px 'Roboto','Noto Sans KR',Sans-serif; 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:#950b13; }
.navbar_left .top_menu > li.active .depth_1{ /* background:#950b13; color:#fff; border-bottom-color:#950b13; background:none; */ color:#950b13; 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:#950b13} */
.navbar_left .top_menu > li > a:after{bottom: -1px; content: ""; display: block;  height: 2px; left: 50%; position: absolute; background: #950B13; 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:#950b13; }
.navbar_left .top_menu > li:hover .depth_1:after {bottom: -1px; content: ""; display: block; height: 2px; position: absolute; background: #950B13; 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:500 19px/64px 'Noto Sans KR','NanumGothic',Sans-serif; 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:300 14px/20px 'Roboto','Noto Sans KR'; 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:#950b13; font-weight:400; }
.navbar_left .top_menu .depth_2 li.active > a{ background:none; color:#950b13; 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:300 13px/34px 'Roboto','NanumGothic','Malgun Gothic',Sans-serif; }
.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: #950B13; 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:#950b13; }
.Main .navbar_left .top_menu > li:hover .depth_1:after {bottom: -1px; content: ""; display: block; height: 2px; position: absolute; background: #950B13; 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:#950b13;}

/* 모바일 메뉴 */
.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:300 13px/34px 'Noto Sans KR','NanumGothic','Malgun Gothic',Sans-serif; }
.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:400 24px/40px 'Roboto','Noto Sans KR', 'Malgun Gothic', Sans-serif; 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{ padding-bottom:22px; }

/* 서브컨텐츠 */
.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','Noto Sans KR','NanumGothic','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','Noto Sans KR','NanumGothic','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:#950b13; }
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:''; }
.privacy .lnbTop_wrap {display:none;}

/* .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:300 12px 'Noto Sans KR','Malgun Gothic'; 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:500 13px/50px 'Roboto','Noto Sans KR','NanumGothic','Malgun Gothic',Sans-serif; }
.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;}

.pop_up_mobile table {background:#8797a4;}
.pop_up_mobile table tbody tr td {text-align:center;}
.pop_up_mobile table tbody tr td span {display:inline-block; padding:10px 3px 8px; font-size:13px;}
.pop_up_mobile .pop_wrap {background:#fff; padding:28px 40px; }
.pop_up_mobile .pop_wrap .thumnail {display:block; text-align:center; margin-bottom:20px;}
.pop_up_mobile .pop_wrap h2 {color:#333; font-size:20px; font-family:'Roboto'; text-transform:uppercase; padding-bottom:3px; margin-bottom:10px; border-bottom:1px solid #ccc; letter-spacing:0.5px}
.pop_up_mobile .pop_wrap ul li {font-size:15px; text-align:left;}
.pop_up_mobile .pop_wrap ul li strong {font-weight:500; color:#333}
.pop_up_mobile .pop_wrap a {display:block; width:100%; margin:16px 0 10px; padding:10px 0; text-align:center; color:#fff; background:#4198d0; text-transform:uppercase; border-radius:20px; font-weight:400; font-size:14px;}


/*------------------------------------
	로그인 페이지
------------------------------------*/
.login_body .page_title_wrap{ display:none; }

.loginbox{ padding:130px 0 60px 0; width:100%; margin:0 auto; max-width:380px; text-align:center; }
.loginbox h2{ padding-bottom:20px; margin-bottom:20px; border-bottom:1px solid #777; font:400 30px/40px 'Roboto','Noto Sans KR',Sans-serif; color:#333; text-transform:uppercase; }
/* input, select 박스 스타일 */
.formControl{ width:100%; height:32px; padding:0 10px; border:1px solid #ddd; font:300 13px/30px 'Roboto','Noto Sans KR',Sans-serif; border-radius:0 4px 4px 0; color:#555; }
.submit_btn{ display:inline-block; width:83%; padding:10px; margin:0 auto; font:500 15px/18px 'Roboto','Noto Sans KR',Sans-serif; color:#fff; background:#434343; border-radius:3px; border:none; }

.formLogin{}
.formLogin li{ margin-bottom:20px; text-align:center; }
.formLogin li label{ display:block; overflow:hidden; }
.formLogin li label i{ float:left; width:10%; display:block; font-size:14px; line-height:30px; border-radius:0 0 1px 1px; border:1px solid #ddd; border-width:1px 0 1px 1px; position:relative; display:inline-block; color:#b3b3b3; }
.formLogin li label i{}
.formLogin li label .formControl{ float:left; width:90%; }

.login_body .lnbTop_wrap  {display:none;}
.login_body .sub_contents_wrap .centerWrap {padding-top:0;}

.search_body .lnbTop_wrap  {display:none;}
.search_body .sub_contents_wrap .centerWrap {padding-top:0;}

/*------------------------------------
	메인
------------------------------------*/
.Main .basic-bs .basic-bs-main{ padding:0; position:inherit; }
.Main .basic-bs.basic-bs-wrap.container.content{ background:none; }
.Main .navbar.fixed{position:relative;}

.Main .basic-bs-body{  }

/* 메인 랩 */
.main_content{ overflow:hidden; }
.main_content:after{ content:""; display:block; clear:both; }

body.Main .basic-bs-wrap{ width:100%; padding:0; max-width:none; }



/*------------------------------------
	서브 : 본문 좌측 메뉴 영역
------------------------------------*/
.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:400 0 'NanumGothic',Sans-serif; 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:400 0 'NanumGothic',Sans-serif; }
.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:400 12px/18px 'NanumGothic',Sans-serif; color:#666;  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:600 12px/18px 'NanumGothic',Sans-serif; 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_category_top{ z-index:9; position:relative; clear:both; }
.sub_category_top:before{ z-index:0; position:absolute; left:0; top:60px; content:''; width:100%; height:1px; background:#ddd; }
.sub_category_top .centerWrap{ padding:0; display:table; }
.depth_2_sub{ z-index:9; position:relative; width:100%; margin:0 auto; }
.depth_2_sub:before{ z-index:11; position:absolute; left:0; bottom:0; content:''; height:100%; width:1px; background:#ddd; }
.depth_2_sub:after{ content:''; clear:both; display:block; }
.depth_2_sub > li{ z-index:9; position:relative; float:left; width:16.6666%; cursor:pointer; border-width:1px 1px 0px 1px; text-align:center; }
.depth_2_sub > li a{ z-index:9; display:block; position:relative; color:#555; padding:1px 10px 0; font:400 13px/44px 'Roboto','Noto Sans KR',Sans-serif; border:solid 1px #ddd; border-width:0 1px 0 0; }
.depth_2_sub > li a:before{ display:none; position:absolute; left:0; width:1px; top:0; height:100%; 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:#434343; background:#fcfcfc; }
.depth_2_sub > li:hover a i:before{ color:#434343; }
.depth_2_sub > li:hover:before{ z-index:4; position:absolute; left:0; width:100%; bottom:-1px; height:1px; content:''; background:#ddd; }

.depth_2_sub > li.active{ position:relative; z-index:2; }
.depth_2_sub > li.active:before{ z-index:4; position:absolute; left:0; width:100%; bottom:-1px; height:2px; content:''; background:#434343; }
.depth_2_sub > li.active > a{ color:#434343; }
.depth_2_sub > li.active a i:before{ color:#434343; }
.depth_2_sub > li.active:hover > a{ background:none; }

/* .company_body .depth_2_sub > li{ width:14.28571%; }
.product_body .depth_2_sub > li{ width:16.66666%; } */

/* 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:400 13px/38px 'Roboto','Noto Sans KR',Sans-serif; color:#555; }
.depth_3_sub li a:hover{ color:#434343; }
.depth_3_sub > li.active > a{ color:#434343; }

.location {display:block; font:400 15px/38px 'Roboto','Noto Sans KR',Sans-serif;}
.location .home {display:inline-block; float:left; width:65px; height:60px; text-align:center; line-height:60px; border-right:1px solid #ddd; border-left:1px solid #ddd;}
.location .home img {width:20px; padding-top:20px;}

.location div {position:relative; display:inline-block; float:left; width:250px; border-right:1px solid #ddd;}
.location div.on .first:after {}
.location div .first {display:block; height:60px; padding:19px 15px; font-size:15px;}
.location div .first:after {display:block; content:''; font:normal 16px 'FontAwesome'; text-align:right; margin-top:-20px;}
.location div.on .first:after {display:block; content:''; font:normal 16px 'FontAwesome'; text-align:right;  margin-top:-20px;}
/* .location div ul {display:none} */
.location div ul {position:absolute; left:-1px; z-index:-1; width:calc(100% + 2px); border:1px solid #ddd; border-top:0; background:#fff; max-height: 0;
	transition: max-height 0.15s ease-out;
	overflow: hidden;}
.location div.on ul{z-index:1; max-height: 500px; transition: max-height 0.25s ease-in; }
.location div ul li a {display:block; font-size:15px; padding:8px 13px;}
.location div ul li:first-child a {padding-top:15px;}

.company_menu .location .depth_2 ul li:last-child {display:none;}

/*------------------------------------
	서브 : 좌측 메뉴 영역
------------------------------------*/
.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:400 23px/80px 'Noto Sans KR','Malgun gothic',Sans-serif; color:#fff; text-align:center; }
.sub_category_title p a{ display:block; font:400 23px/80px 'Noto Sans KR','Malgun gothic',Sans-serif; 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:400 13px/24px 'NanumGothic','Malgun gothic',Sans-serif;  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; }

/*------------------------------------
	서브 : 100% 컨텐츠 영역
------------------------------------*/
.sub_top_block{ margin:0 auto; }
.sub_contents_wrap { padding:0; min-height:520px; font:300 15px/15px 'Titillium','Noto Sans KR','Nanum Gothic', 'Malgun Gothic'}
.sub_contents_wrap.contents_top{  }
.sub_contents_wrap .centerWrap{ overflow:hidden; box-sizing:border-box; }
.sub_right_contents{ padding:0; min-height:400px; padding:80px 0; }



/*------------------------------------
	서브 : 우측 컨텐츠 영역
------------------------------------*/
.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; }


/*------------------------------------
	서브 : 컨텐츠 영역
------------------------------------*/
.title_box {margin:0 0 60px;}
.title_box h2 {position:relative; display:block; font-size:35px; font-weight:400; text-align:center; padding:0 0 20px;}
.title_box h2:after {content:''; position:absolute; bottom:0; left:50%; margin-left:-25px; width:50px; height:1px; background:#333;}
.title_box p {display:block; text-align:center; margin:20px 0; font-size:18px; font-weight:300; color:#444;}

.contents_box{display:table;}

.img_wrap.compayny{max-width:400px; width:auto; margin:0 auto 30px; }
.ceo_txt_wrap{ max-width:1000px; width:auto; margin:0 auto;  }
.ceo_txt_wrap .ceo_name{padding:20px 0;}
.ceo_txt_wrap .ceo_name h3{ font:500 26px 'Noto Sans KR','NanumGothic','Malgun Gothic',verdana; line-height:160%; border-bottom:dotted 1px #ddd;}
.ceo_txt_wrap .ceo_name span{font:300 20px 'Noto Sans KR','NanumGothic','Malgun Gothic',verdana; line-height:160%;}
.ceo_txt_wrap .ceo_name p{padding-top:15px; color:#444; }

.contents_box .txt_wrap {float:left; width:44%; margin-left:6%; box-sizing:border-box; }
.contents_box .txt_wrap p {margin:0 0 25px; font-size:16px; color:#333; letter-spacing:-0.5px; word-break:keep-all;}
.contents_box .txt_wrap p:first-child {font-size:34px; line-height:44px; margin-top:10px; margin-bottom:50px;}
.contents_box .txt_wrap p strong {font-size:20px; font-weight:400; color:#000; margin:0 4px; vertical-align:bottom;}
.contents_box .txt_wrap p.sign {display:block;text-align:right; margin:70px 0 0; color:#000; font-size:18px;}
.contents_box .txt_wrap p.sign span {font-size:25px; padding:5px; font-weight:500}

.contents_box .img_wrap.business {display:table; width:100%; height:400px; background:url('/img/company02.jpg') no-repeat top center; }
.contents_box .img_wrap.business div {position:relative; display:table-cell; vertical-align:middle; color:#333; text-align:center; }
.contents_box .img_wrap.business div:after {content:''; position:absolute; top:0; left:0; width:100%; height:100%;  z-index:0; background:rgba(0,0,0,0.04)}
.contents_box .img_wrap.business div span {position:relative; display:block; padding-top:5px;  margin-bottom:2px; font-size:35px; line-height:45px; font-weight:400; color:#11526d; text-transform:capitalize}
.contents_box .img_wrap.business div span:before {display:block; content:''; width:33px; height:30px; left:240px; top:-18px; position:absolute; background:url('/img/comma_left.png'); opacity:.7;}
.contents_box .img_wrap.business div span:after {display:block; content:''; width:33px; height:30px; right:240px; top:70%; position:absolute; background:url('/img/comma_right.png'); opacity:.7;}
.contents_box .img_wrap.business div span strong {display:block; font-size:40px; color:#000; font-weight:300;}
.contents_box .img_wrap.business div p {font-size:18px; font-weight:300;}
.vision_list { font-size: 0; text-align: center; white-space: nowrap; width: 100%; max-width: 1200px; margin: 0 auto; }
.vision_list li { width: calc((100% / 3) + 20px); padding: 80px 0 45px; background-color: rgba(84, 165, 249, 0.15); display: inline-block; border-radius: 50%; }
.vision_list li .img {margin-bottom:40px;}
.vision_list li strong {margin-bottom:5px; font-size: 22px; font-weight: 500; color: #000; display: block; letter-spacing: 1px; }
.vision_list li span { font-size:16px; line-height: 26px; }
.vision_list li:nth-child(2) { margin: 0 -30px; }
.org {display:block;  text-align:center;}
.org img {max-width:100%;}

.main_new_map{ }
.main_new_map dl{ margin-top:30px; overflow:hidden; display:inline-block; text-align:left; }
.main_new_map dl dt{ width:100%; display:block; padding:1px 10px 0 0; margin-bottom:20px; font:300 25px/25px 'Noto Sans KR','NanumGothic','Malgun Gothic',verdana; color:#242424; }
.main_new_map dl dd{ position:relative; display:block; margin:8px 0 20px; font:300 16px/22px 'Noto Sans KR','NanumGothic','Malgun Gothic',verdana; color:#555; }
.main_new_map dl dd.type {display:inline-block; margin-top:20px; padding:14px 30px 14px 80px; border:1px solid #ddd; color:#333; font-size:14px; font-weight:400}
.main_new_map dl dd.type:after { position:absolute; left:50px;  top:0; height:100%; content:""; border-right:1px solid #ddd;}
.main_new_map dl dd.type .fa {position:absolute; top:17px; left:17px;}
.main_new_map dl dd:nth-child(3) .fa {left:20px;}
.main_new_map dl dd strong{ color:#005aa9; font-weight:400; }
.root_daum_roughmap {width:100% !important;}
.tab_list {text-align:center; width:100%; margin-bottom:20px;  border-bottom:1px solid #ddd;}
.tab_list li {display:inline-block;}
.tab_list li  a {position:relative; display:block; padding:0 30px 30px; font-size:30px; font-weight:500; color:#c8c8cc; text-align:center; font-weight:400; cursor:pointer;}
.tab_list li  a:before {content:'·'; position:relative; left:-15px;}
.tab_list li  a.active {color:#333; font-weight:500}
.tab_list li  a.active:after {position:absolute; bottom:-1px; left:0; content:''; width:100%; height:2px; background:#333;}




/* 회사연혁 */

.contents_box.tap{display:block;}
.tabcontent.history{display:block; padding:0; max-width:60%; width:auto; margin:0 auto;}
.tabcontent.history th{font-weight:400; font-size:28px; color:#666; }
.tabcontent.history div{margin: 0 25px; background:#ff7100; color:#fff; font-weight:500; font-size:17px; border-radius:50%; width:35px; height:35px; display:flex; justify-content: center; align-items: center;}
.tabcontent.history p{margin:5px 0; font-weight:400; font-size:16px; color:#444; margin-left:70px;}
.tabcontent.history .year{position:relative; }
.tabcontent.history .year:after{position:absolute; content:''; background:#ff7100; width:35px; height:1px; top:21px; right:-50px; }
.tabcontent.history .year:before{position:absolute; content:''; background:#ff7100; width:7px; height:7px; border-radius:100px; top:18px; right:-17px; }


.history_wrap{ padding:0; max-width:1230px; }
.history_wrap > .box .bg_box {margin-bottom:70px;}
.history_wrap .bg_box .txt {display:table-cell; vertical-align:middle; text-align:center; color:#fff;}
.history_wrap .bg_box .txt span {font-size:30px; font-weight:500; text-shadow:-1px -1px 8px #222}
.history_wrap .bg_box .txt p {font-size:16px; font-weight:300;text-shadow:-1px -1px 8px #222}
.history_wrap .left_box {width:50%; float:left;padding-right:40px; box-sizing:border-box; }
.history_wrap .left_box img {max-width:100%;}
.history_wrap .left_box h1 {display:block; text-align:right; line-height:92px; margin-top:30px; font-size:180px; line-height:125px;font-weight:700; color:#f1f1f3; letter-spacing:-2.5px;}
.history_wrap .left_box span {display:block; text-align:right; padding:48px 0 36px; font-size:25px; font-weight:500; color:#444;}
.history_wrap .left_box span strong {color:#5fade4; font-weight:500}
.history_wrap .left_box p {display:block; text-align:right; font-size:18px; font-weight:300;}
.history_wrap .right_box {width:50%; float:left; padding-left:55px; box-sizing:border-box; }
.history_wrap .right_box .history:first-child .history_list li:after {top:15px; height:calc(100% + 40px)}
.history{ overflow:hidden; position:relative; }
.history_wrap .history:first-child{}
.history h3{ position:relative; width:40%; float:left; text-align:right;}
.history h3 span{ z-index:1; display:inline-block; position:relative; padding-right:100px; font-size:40px; font-weight:400; line-height:42px; color:#1b4a76; }
.history h3 span:before {position:absolute; right:25px; top:15px; content:''; width:50px; height:1px; background:#1b4a76;}
.history_wrap .history:first-child h3 span{ color:#1b4a76; }
.history_list{float:left; width:60%;  }
.history_list li {position:relative;}
.history_list li:after {position:absolute; top:0; left:4px; content:''; border-left:1px solid #ddd; height:100%;}
.history_wrap > .box .history:last-child .history_list li:after {top:-80px; }
.history_list li dl{ position:relative; overflow:hidden; padding:0 0 40px 20px; }

.history_list li dl:after{ z-index:1; position:absolute; left:0; top:12px; content:''; width:6px; height:6px; background:#fff; border:2px solid #4fa3de; border-radius:100px; }
.history_list li dl dt{ float:left; width:5%; padding-top:4px; font:400 16px/24px 'Noto Sans KR'; color:#333; letter-spacing:1.5px; }
.history_list li dl dd{ float:right; width:95%; padding:6px 0; font:300 16px/22px 'Noto Sans KR'; color:#333; word-break:keep-all; }
.history_list li dl b{ font-weight:400; color:#5fade4; }
.last_h:after {border-color:#fff !important;}



.vision {display:block; padding:0; max-width:100%; width:auto; margin:0 auto; }
.vision p{ position:relative; max-width:83%; width:auto; font:400 16px 'Noto Sans KR'; line-height:160%; color:#333; text-align:center; margin:-110px auto 0; z-index:3; padding:40px; background-color:rgba(255,255,255,.9); border-radius:15px; box-shadow:1px 1px 50px rgba(128,128,128,0.1); 
border:solid 1px #f8f8f8; }

.vision .top_img img{max-width:100%; width:auto; margin:0 auto; border-radius:10px;}



/*------------------------------------
	일반 서브페이지 카테고리 탭메뉴
------------------------------------*/
.contents_tab_wrap{ text-align:center; padding:0 15px; margin-bottom:50px;}
.contents_tab{ overflow:hidden; width:100%; display:inline-table; margin:auto;}
.contents_tab li{ display:inline; width:20%; min-width:200px;}
.contents_tab li a{ display:table-cell; vertical-align:middle; height:56px; padding:0 20px; min-width:200px; border:solid #ddd; /* border-width:1px 1px 1px 0; */border-width:1px; box-sizing:border-box; text-align:center; font-weight:400; font-size:15px;  -webkit-transition-duration:0.4s; -moz-transition-duration:0.4s; -o-transition-duration:0.4s; -ms-transition-duration:0.4s; transition-duration:0.4s}
.contents_tab li.active a{ background:#fe6a00; color:#fff; border-color:#fe6a00}
.contents_tab li a:hover{ background:#fe6a00; border-color:#fe6a00; color:#fff}
.contents_tab li:first-child a{border-left:1px solid #ddd;}
.contents_tab li:first-child.active a {border-color:#fe6a00;}


.contact .contents_tab_wrap {padding:0; margin-bottom:0;}
.contact .contents_tab {overflow:inherit; text-align:center; width:100%; margin-bottom:20px;  border-bottom:1px solid #ddd;}
.contact .contents_tab li {display:inline-block; width:auto; min-width:auto}
.contact .contents_tab li  a {position:relative; display:block; min-width:auto; padding:0 30px 30px; font-size:30px; font-weight:500; border:none !important; color:#c8c8cc !important; text-align:center; font-weight:400; cursor:pointer; background:none !important;}
.contact .contents_tab li  a:before {content:'·'; position:relative; left:-15px;}
.contact .contents_tab li.active a {color:#222 !important; font-weight:500;}
.contact .contents_tab li.active a:after {position:absolute; bottom:-1px; left:0; content:''; width:100%; height:2px; background:#333;}



.tab_menu {text-align:center; padding:0 15px; margin-bottom:50px;}
.tab_menu ul {overflow:hidden; width:100%; display:inline-table; margin:auto;}
.tab_menu li {display:inline; width:20%; min-width:200px;}
.tab_menu li a {display:table-cell; vertical-align:middle; height:56px; padding:0 20px; min-width:200px; border:solid #ddd; border-width:1px; box-sizing:border-box; text-align:center; font-weight:400; font-size:15px;  -webkit-transition-duration:0.4s; -moz-transition-duration:0.4s; -o-transition-duration:0.4s; -ms-transition-duration:0.4s; transition-duration:0.4s}
.tab_menu li a:hover {background:#222; border-color:#222; color:#fff}
.tab_menu li a.active {background:#222; color:#fff; border-color:#222}
.tab_menu li:first-child a{border-left:1px solid #ddd;}
.tab_menu li:first-child a.active {border-color:#222;}


/*------------------------------------
	푸터
------------------------------------*/
footer.footer_center{ clear:both; width:100%; box-sizing:border-box; background:#fff; }
footer.footer_center:after{ content:"";  display:block; clear:both; }
footer.footer_center .centerWrap{ max-width:1300px;  min-width:auto; background:none; border:none; }

.footer_bar{ position:relative; padding: 40px 0;}
.footer_bar:after{ content:"";  display:block; clear:both; }

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

.footer_bar ul{display:flex; justify-content: center; align-items: center;}
.footer_bar li{margin:0 50px;}
.footer_bar img{height:42px;}
@media screen and (max-width:999px){
	.footer_bar ul{justify-content: space-between;}
	.footer_bar li{margin:0 6%;}
	.footer_bar img{height:30px;}
}
@media screen and (max-width:767px){
    /*.footer_bar{display:none;} */
	.footer_bar ul{display:auto; overflow:hidden; padding:0 15px; }
	.footer_bar li{float:left; width:32%; margin-left:2%;}
	.footer_bar li:nth-child(3n+1){margin-left:0; }
	.footer_bar li img{max-width:100%; width:auto; margin:0 auto; height:auto; }
    .footer_bar{overflow: hidden; padding:20px 0;}
}


/*------------------------------------
	푸터 > 카피라이터
------------------------------------*/
.copyright{ position:relative; /* overflow:hidden;  */padding:20px 0; text-align:left; background:#333; }
.copyright:after{ content:"";  display:block; clear:both; }
.copyright h3{ display:inline-block; padding:0 0 0 0; margin:5px 0px 0px 20px; vertical-align:top;}
.copyright h3 a{ display:inline-block; max-width:125px; padding-left:15px;}
.copyright h3 img{max-width:100%;}

.copyright .addr{ display:inline-block; padding-left:30px; }
.copyright .addr ul{ overflow:hidden; }
.copyright .addr ul li{ display:inline-block; position:relative; line-height:170%; padding-left:30px; font:300 14px 'Roboto','Noto Sans KR',Sans-serif; color:rgba(255,255,255,.6); letter-spacing:-0.5px;}
.copyright .addr ul:first-child li:after {display:none;}
.copyright .addr > ul >  li:after {position:absolute; top:7px; left:10px; content:"/"; line-height:10px;}
.copyright .addr > ul >  li:first-child:after {display:none;}
.copyright .addr .privacy_btn {font-weight:500}
.copyright .addr .login_btn {position:relative; padding-left:0; *margin-left:-5px; font-size:14px; font-weight:300; font-weight:500 !important; font-size:15px !important;}
/* .copyright .addr .login_btn:after{ position:absolute; top:7px; left:-15px;; content:""; width:3px; height:3px; border-radius:5px; background:#666; } */
.copyright .addr ul li.m_tel{ display:none; }
.copyright .addr > ul >  li > a{ color:inherit; font-size:15px;}
.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; }


.family_site {position:absolute; right:15px; top:0; border:1px solid #dcdcdc; font-size:12px; text-transform:uppercase}
.family_site:after {content:''; font:500 16px/22px 'FontAwesome'; color:#333; position:absolute; top:6px; right:17px; }
.family_site a {display:block; color:#333; padding:8px 65px 6px  20px;  font-size:14px; font-weight:400; background:#fff;}
.family_site ul li a {padding-right:10px;}
.family_site:hover ul {max-height: 500px;
	transition: max-height 0.5s ease-in; opacity:1;}
.family_site ul {opacity:0;position:absolute; left:-1px; bottom:31px; z-index:2; width:calc(100% + 2px); border:1px solid #dcdcdc; background:#1d1d1d; max-height: 0;
	transition: max-height 0.5s ease-out;
	overflow: hidden;}
.family_site ul li a {text-align:left;}



/*------------------------------------
	메인 : 푸터 > 카피라이터
------------------------------------*/




/*------------------------------------
	서브비주얼
------------------------------------*/
.subVisual {overflow:hidden;}
.sub_visual_wrap{ position:relative; overflow:hidden; height:86px; 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; 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.15); }
.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_wrap > h1{ position:relative; display:inline-block; margin:220px auto 0; z-index:3; font:400 30px/30px 'Roboto','Noto Sans KR', 'Malgun Gothic', Sans-serif; color:rgba(255,255,255,0.9); text-shadow:1px 1px 1px rgba(0,0,0,.3); }
.sub_visual_wrap > h1 span{ display:block; margin-top:10px; font-size:13px; font-weight:300; color:rgba(255,255,255,0.7); }
.sub_visual_wrap > h1 span:before{ display:none; content:''; width:30px; height:2px; margin:10px auto; background:#cc111c; }
.sub_visual_wrap > h1.round_title{padding:0 30px; margin:71px auto 0; font-size:24px; border:1px solid rgba(255,255,255,.2); background:rgba(0,0,0,0.1); border-radius:100em; }
.sub_visual_wrap { *animation: 1s ease-out 0s 1 slideInFromLeft; }


@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{ display:none; position:relative; padding:140px 0 22px; margin-bottom:70px; border-bottom:1px solid #ddd; box-sizing:border-box; }
.page_title_wrap:after{ content:""; display:block; clear:both }
.page_title_wrap h1{ position:relative; float:left; padding:0 0 0 0.5%; font:400 28px/38px 'Roboto','Noto Sans KR','Malgun Gothic',Sans-serif; color:#333; }

/* 네비게이션 */
.path_box{ overflow:hidden; float:right; text-align:right; padding:16px 0.5% 0 0;  }
.path_box a{ display:inline-block; float:left; font:300 13px/18px 'Roboto','NanumGothic','Malgun Gothic'; color:#777; letter-spacing:0; }
.path_box a:before{ content:">"; display:inline-block; font-size:12px; padding:0 5px; color:#ccc; }
.path_box a:first-child{ font-size:0; }
.path_box a:first-child:before{ padding:1px 1px 0 0; content:""; font:normal 13px/18px 'FontAwesome',Sans-serif; color:#434343; }
.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:bold 14px/20px 'NanumGothic',Malgun Gothic; 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{ *display:none; overflow-y:auto; opacity:0; -webkit-transition-duration:0.5s; -moz-transition-duration:0.5s; -o-transition-duration:0.5s; -ms-transition-duration:0.5s; transition-duration:0.5s;  position:fixed; background:#f5f5f5;
width:100%; height:100%; z-index:0; top:0; left:0; }
#sitemap.active {opacity:1; z-index:9999;}
#sitemap .centerWrap {max-width:1300px; padding:0 100px;}
#sitemap .site_menu{ position:relative; display:block; overflow:hidden; margin-top:50px;}
#sitemap .site_menu > li{ float:left; width:100%; padding:12px 0; margin:10px 0 0; border-bottom:1px solid #ddd; }
#sitemap .site_menu > li:nth-child(4n+1){ margin-left:0; }
#sitemap .site_menu > li:nth-child(5){ float:right; }
#sitemap .site_menu > li:last-child{ border-bottom:0; }

#sitemap .depth_1{ position:relative; float:left; display:inline-block; width:200px; padding:0 20px; margin-bottom:6px; font:400 22px/46px 'Roboto','Noto Sans KR', "Malgun Gothic", Sans-serif; text-transform:uppercase; text-align:left; color:#333; }
#sitemap .depth_1:before{ position:absolute; right:0; bottom:15px; width:2px; height:20px; content:''; background:#005d9e; }

#sitemap .depth_2{ position:relative; display:inline-block; float:left; width:calc(100% - 200px)}
#sitemap .depth_2 li{ float:left; }
#sitemap .depth_2 li > a{ display:inline-block; padding:0 0 0 50px; color:#444; font:400 17px/45px 'Roboto','Noto Sans KR','Malgun Gothic',Sans-serif; }
#sitemap .depth_2 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; }
#sitemap .depth_2 > li:hover > a{ color:#434343; font-weight:400; }
#sitemap .depth_2 li.active > a{ color:#434343; font-weight:400; }

/* 3depth */
#sitemap .depth_3{ position:relative; display:inline-block; vertical-align:middle; padding-left:30px;}
#sitemap .depth_3 li{ border-bottom:none; }
#sitemap .depth_3 li.active a{ color:#434343; font-weight:400; }
#sitemap .depth_3 li > a{ position:relative; padding-left:32px; color:#888 !important; font-size:15px;}
#sitemap .depth_3 li > a:before{ position:absolute; left:15px; top:15px; display:inline-block; content:''; margin-right:5px; border-left:1px solid #ccc; height:14px; }
#sitemap .depth_3 li:first-child > a {padding-left:20px;}
#sitemap .depth_3 li:first-child > a:before {display:none;}
#sitemap .depth_3 li > a:hover{ color:#434343; font-weight:400; }
#sitemap .depth_3 li > a:hover:before{ background:#434343; }

/* 사이트맵 타이틀, x 버튼 */
#sitemap .site_menu_title{ overflow:hidden; margin:90px 0 40px; }
#sitemap .site_menu_title h1{ float:left; padding-left:20px; font:500 30px/60px 'Roboto','Noto Sans KR',Malgun Gothic,Sans-serif; color:#333; text-transform:uppercase; }
#sitemap .btn_close{ float:right; position:relative; width:60px; font-size:30px; text-align:right; display:inline-block; padding:10px; cursor:pointer; }
#sitemap .btn_close > img{ max-width:100%;}
#sitemap .btn_close:hover img {}




/*------------------------------------
	이미지
------------------------------------*/
.img_wrap{ z-index:2; position:relative; }
.contents_box.tap .img_wrap{text-align:center; }
.img_wrap:before{ z-index:3; position:absolute; left:0; top:0; content:''; width:100%; height:100%; }
.img_wrap img{ width:auto ; max-width:100%;/* max-width:180px !important; */ }
/* .view_contents img {max-width:90% !important;} */

.dotted{ clear:both; position:relative; padding-top:30px; margin-bottom:30px; }
.dotted_big{ clear:both; position:relative; padding-top:50px; margin-bottom:50px; }
.dotted_line{ clear:both; position:relative; padding-top:50px; margin-bottom:50px; border-bottom:1px dashed #ddd; }
.dotted_big_line{ clear:both; position:relative; padding-top:70px; margin-bottom:70px; border-bottom:1px dashed #ddd; }
.dotted_small{ clear:both; position:relative; padding-top:20px; margin-bottom:20px; }


/*------------------------------------
	서브 컨텐츠 대표 문구 : 타이틀
------------------------------------*/
.sub_contents_title{ margin-bottom:60px; font:400 26px/40px 'Noto Sans KR'; color:#555; text-align:center; }
.sub_contents_title strong{ font-weight:500; color:#008cd6; }

.sub_title_wrap{ margin-bottom:50px; text-align:center; }
.sub_title_wrap .img_wrap{ max-width:150px; width:auto; margin:0 auto 20px; }

.sub_title { font:400 22px/25px 'Roboto','Noto Sans KR','NanumGothic','Malgun Gothic',sans-serif; text-align:center; }
.sub_title h1{ font:500 26px/40px 'Roboto','Noto Sans KR','NanumGothic','Malgun Gothic',sans-serif; word-break:keep-all; }
/* .sub_title h1:after{ display:block; content:''; width:30px; height:2px; background:#434343; margin:20px auto; } */
.sub_title h3{ margin-bottom:20px; font:400 20px/25px 'Roboto','Noto Sans KR','NanumGothic','Malgun Gothic',sans-serif; word-break:keep-all; }
.sub_title h4{ margin-bottom:20px; font:400 17px/24px 'Roboto','Noto Sans KR','NanumGothic','Malgun Gothic',sans-serif; word-break:keep-all; }
.sub_title span{ display:block; margin:15px 0 0 0; font-size:14px; line-height:26px; font-weight:300; color:#333; word-break:keep-all; }
.sub_title b{ font-weight:400; color:#434343; }


.Center{ text-align:center; }
.Left{ text-align:left; }
.Point{ color:#950b13; }
.Margin_auto, .Margin_auto > img{ margin:0 auto; }
.Line{ border:1px solid #eee; }

.mt_10 {margin-top:10px !important;}
.mt_50 {margin-top:50px;}

.blue {color:#fe6a00; font-weight:500;}

/*------------------------------------
	회사소개
------------------------------------*/
/* CEO 인사말 */

.contents_box{max-width:1100px; width:auto; margin:0 auto; }
.contents_box>h1.no_tab{padding:0 0 1em; margin: 0 0 80px; border-bottom: 1px solid #ddd; position: relative;}
.contents_box.bbs>h1.no_tab{margin-top:60px;}
.contents_box>h1{text-align: center; font-weight: 600; font-size: 32px; margin: 0 0 50px;}
.contents_box>h1.no_tab::after{ content:""; display:block; width:70%; max-width:300px; height: 3px; background: #fe6a00; margin: 0 auto; position:absolute; bottom: -2px; right:0; left:0;}

.ceo_wrap{font:300 15px/26px 'Roboto','Noto Sans KR','NanumGothic','Malgun Gothic',sans-serif;}
.ceo_bg{ height:460px; max-width:900px; margin:0 auto; background:url(/img/ceo.jpg) no-repeat bottom left; color:#494c4f; padding:50px 50px 0; box-sizing:border-box; font-size:16px; letter-spacing:-0.5px; word-break:keep-all;}
.ceo_wrap > .img_wrap{ margin-bottom:38px; text-align:center; }
.ceo_wrap > .img_wrap img{ max-width:100%;/* border-radius:0 20px; */ }
.ceo_wrap .sub_title_wrap img {max-width:100%;}
.ceo_wrap .top_txt{position:relative; color:#555; font-size:28px; text-align:center; margin:0 auto 50px; max-width:540px;}
.ceo_wrap .top_txt:after{display:inline-block; content:''; position:absolute; left:-100px; top:0; background:url('/img/comma_left.png') no-repeat top left; width:33px; height:29px;}
.ceo_wrap .top_txt:before{display:inline-block; content:''; position:absolute; right:-100px; top:0; background:url('/img/comma_right.png') no-repeat top right; width:33px; height:29px;}
.ceo_wrap .top_txt span{display:block; color:#3273c8; margin-bottom:10px; font-size:23px; font-weight:500;}
.ceo_wrap .top_txt p {line-height:35px; font-size:20px; letter-spacing:-0.5px; word-break:keep-all;}
.ceo_wrap .top_txt p b{font-weight:500;}

.ceo_contents{ margin-top:50px; text-align:center; font-size:16px;}
.ceo_contents p{ font:300 15px/26px 'Roboto','Noto Sans KR','NanumGothic','Malgun Gothic',sans-serif; color:#333; word-break:keep-all;}
.ceo_contents .img_wrap{ padding-top:40px; margin:0 auto; max-width:170px; }

.ceo_bg strong{display:block; font-size:22px; font-weight:500;}
.ceo_bg .color01{font-weight:500;}
.ceo_bg .color02{font-weight:500; color:#d4434b;}


.ceo_contents strong{ color:#242424; font-weight:500 !important;}
.ceo_contents b{font-weight:500 !important; }

.ceo_bg01{  height:530px; max-width:1010px; margin:0 auto; background:url(/img/ceo_t.jpg) no-repeat bottom left; margin-bottom:-100px; color:#494c4f; padding:50px 50px 0; box-sizing:border-box; font-size:16px; letter-spacing:-0.5px; word-break:keep-all;}

.products_contents{ position:relative; max-width:65%; width:auto; text-align:center; margin:-140px auto 0; z-index:3; padding:0 20px 45px; background:url(/img/bg_pattern_01.png) repeat center; background-color:#fff; border-radius:30px 0; box-shadow:1px 1px 50px rgba(128,128,128,0.2);
border:solid 1px #f8f8f8; }
.products_contents p{ padding:50px 0 20px; font-size:18px; font-weight:400; line-height:28px; color:#666666; word-break:keep-all; }

/*----overview-------*/
.overview{ overflow:hidden; }
.overview li{ float:left; width:50%; background:#00aae4; }
.overview li a{ display:block; position:relative; padding:40px 70px; height:340px; color:rgba(255,255,255,0.8); }
.overview li a:before{ position:absolute; left:0; top:0; content:''; width:100%; height:100%; -webkit-transition-duration:0.2s; -moz-transition-duration:0.2s; -o-transition-duration:0.2s; -ms-transition-duration:0.2s; transition-duration:0.2s; }
.overview li:hover a:before{ background:rgba(0,0,0,0.4); }
.overview li:nth-child(1){ background:url(/img/overview_1.jpg) no-repeat center; }
.overview li:nth-child(4){ background:url(/img/overview_2.jpg) no-repeat center; }
.overview li:nth-child(3){ background:#3273c8; }
.overview li:nth-child(3):hover a:before{ background:rgba(0,0,0,0.2); }
.overview li:nth-child(4):hover a:before{ background:rgba(0,0,0,0.2); }

.overview li h3{ position:relative; font:400 30px/32px 'Noto Sans KR','NanumGothic','Malgun Gothic',Sans-serif; color:#fff; }
.overview li h3:after{ display:block; margin:18px 0 20px 1px; content:''; width:25px; height:3px; background:rgba(255,255,255,0.8); }
.overview li p{ position:relative; margin-left:18px; font:300 14px/23px 'Noto Sans KR','NanumGothic','Malgun Gothic',Sans-serif; word-break:keep-all; }
.overview li p b{ font-size:15px; }
.overview li p:before{position:absolute; top:13px; left:-15px; content:''; width:3px; height:3px; border-radius:100px; background:#fff; }
.overview li span{ position:absolute; padding:0 30px 0 10px; right:70px; bottom:60px; display:inline-block; border:1px solid rgba(255,255,255,0.6); }
.overview li span{ -webkit-transition-duration:0.2s; -moz-transition-duration:0.2s; -o-transition-duration:0.2s; -ms-transition-duration:0.2s; transition-duration:0.2s; }
.overview li:hover span{ background:#014099; border-color:#014099; }
.overview li:nth-child(3):hover span{ background:#222; border-color:#222; }
.overview li:nth-child(4):hover span{ background:#222; border-color:#222; }
.overview li span b{ position:relative; display:block; padding:0 45px 0 20px; font:300 15px/36px 'Noto Sans KR','NanumGothic','Malgun Gothic',Sans-serif; }
.overview li:hover span b{  }
.overview li span:before{ position:absolute; right:5px; top:0; width:14px; height:100%; content:''; background:url(/img/plus_icon_s.png) no-repeat center; background-size:80%; opacity:0.8; }



/* 조직도 */
.organization_wrap{font:300 15px/26px 'Roboto','Noto Sans KR','NanumGothic','Malgun Gothic',sans-serif; text-align:center;}
.organization_wrap .top_txt{position:relative; color:#555; font-size:28px; text-align:center; margin:0 auto 20px; max-width:540px;}
.organization_wrap .top_txt:after{display:inline-block; content:''; position:absolute; left:-100px; top:0; background:url('/img/comma_left.png') no-repeat top left; width:33px; height:29px;}
.organization_wrap .top_txt:before{display:inline-block; content:''; position:absolute; right:-100px; top:0; background:url('/img/comma_right.png') no-repeat top right; width:33px; height:29px;}
.organization_wrap .top_txt span{display:block; color:#d80d18; margin-bottom:10px; font-size:20px; font-weight:500;}
.organization_wrap .top_txt p {line-height:37px;}
.organization_con img{max-width:100%;}



/* 오시는길 */
.new_map{ width:100% !important; }
.new_map > span{ padding:0 !important; border:0 !important; font-family:'NanumGothic',sans-serif; !important; }

.mapArea{position:relative; height:600px; border:1px solid #ddd; overflow:hidden; letter-spacing:-0.51px;}
.mapArea .mapField{width:100%;}
.mapArea .mapField iframe{width:100%; height:600px;}
.mapArea .mapinfo{position:absolute; bottom:0; right:0; width:60%; height:206px; padding:40px 40px 30px; box-sizing:border-box; background:rgba(255,255,255,.8);}
.mapArea .mapinfo .titleField{display:block; padding-bottom:3px; margin-bottom:25px; width:111px; border-bottom:2px solid #0159b5; color:#000; font-size:20px; font-weight:bold;}
.mapArea .mapinfo a{position:absolute; left:-81px; bottom:0;}
.mapArea .mapinfo .addr span{display:inline-block; width:50px; font-size:15px; color:#333; font-weight:500; vertical-align:top; line-height:28px;}
.mapArea .mapinfo .addr p{display:inline-block; width:auto; padding-left:0; font-size:15px; color:#666; font-weight:400; vertical-align:top; line-height:28px;}


/* 태양에너지 */

.energy_wrap{text-align:center;}
.energy_wrap h2{ font:500 25px'Noto Sans KR','NanumGothic','Malgun Gothic',Sans-serif; line-height:180%; color:#333; padding-bottom:30px; }
.energy_wrap .txt{ max-width:650px; width:auto; margin:0 auto; padding-top:40px;}
.energy_wrap .txt p{position:relative; text-align:left; margin-left:5px; font:300 18px'Noto Sans KR','NanumGothic','Malgun Gothic',Sans-serif; line-height:180%; color:#555;}
.energy_wrap .txt p:before{position:absolute; content:''; width:4px; height:4px; border-radius:100px; background:#fe6a00; top:15px; margin-left:-12px;}

.energy_content ul{overflow:hidden; max-width:850px; width:auto; margin:0 auto; }
.energy_content ul li{float:left; width:49%; margin-left:2%; height:350px; border:solid 1px #ddd; background:#f9f9f9; margin-bottom:2%;}
.energy_content ul li:nth-child(2n+1){margin-left:0;}
.energy_content ul li dl {padding:30px 15px 0; }
.energy_content ul li dl dt{padding-bottom:10px;}
.energy_content ul li dl dt img{max-width:100%; width:auto; margin:0 auto; border-radius:0 15px;}
.energy_content ul li dl dd{ font:500 20px'Noto Sans KR','NanumGothic','Malgun Gothic',Sans-serif; line-height:180%; color:#fe6a00; }
.energy_content ul li dl dd span{display:block; padding-top:10px; text-align:center; word-break:keep-all; font:300 16px'Noto Sans KR','NanumGothic','Malgun Gothic',Sans-serif; line-height:180%; color:#555; }
.energy_content ul li dl dd span:before{display:block; content:''; max-width:100%; width:50px; height:1px; background:#fe6a00; margin:0 auto 10px; opacity:.5;}

/* 재생에너지 */

.accordion {background-color: transparent;cursor: pointer;padding: 25px 0 25px 120px;width: 100%;text-align: left;outline: none;transition: 0.4s;border: 1px solid #e6e6e6;position: relative;border-radius: 30px;margin: 20px 0 0;}
.accordion::before{content: "";display: block;position: absolute;left: 10px;top:5px;background-position: center;background-repeat: no-repeat;	width:100px;height:100px;}
.acc1::before{background-image:url(../img/energy_icon_01.png);}
.acc2::before{background-image:url(../img/energy_icon_02.png);}
.acc3::before{background-image:url(../img/energy_icon_03.png);}
.acc4::before{background-image:url(../img/energy_icon_04.png);}
.acc5::before{background-image:url(../img/energy_icon_05.png);}
.acc6::before{background-image:url(../img/energy_icon_06.png);}
.acc7::before{background-image:url(../img/energy_icon_07.png);}
.accordion:hover {background-color: #fafafa;}
.active{border-radius:0;border-bottom:0;}
.accordion:after {content: '\002B';color: #aaa;font-size: 30px;position: absolute;top:50%;right:30px;transform: translateY(-50%);}
.accordion.active:after {content: "\2212";}
.accordion h4{font-size: 18px;}
.accordion p{font-size: 16px;color: #666;margin: 10px 0 0;}

.panel {padding: 0 25px 40px;display: none;overflow: hidden;border: 1px solid #e6e6e6;border-top:1px;border-radius: 0 0 35px 35px;}
.panel img{width:100%;}
.panel ul{padding:0 0 0 40px;margin: 50px auto;width: 100%;max-width:560px;}
.panel li{position: relative; font:300 15px 'Noto Sans KR','NanumGothic','Malgun Gothic',Sans-serif; line-height:160%; margin: 0 0 20px; word-break: keep-all; text-align:left; }
.panel li::before{content: "";display:block;width:10px;height:10px;background:#ccc;border-radius: 50%;position:absolute;top: 10px;left: -30px;}
.panel>div{border:1px solid #e6e6e6;border-radius: 15px;padding: 20px 0;display:table;margin: 0 auto;}
.panel dl{display:flex;}
.panel dd{padding: 0 40px;}
.panel dd:first-child{border-right:1px solid #e6e6e6;}
.panel dd::before{display:block; text-align:center; font:500 18px 'Noto Sans KR','NanumGothic','Malgun Gothic',Sans-serif; color:#333; }
.panel dd:first-child::before{content:"장점";}
.panel dd:last-child::before{content:"단점";}

.panel p{ font:300 15px 'Noto Sans KR','NanumGothic','Malgun Gothic',Sans-serif; line-height:160%; color:#555;}
.panel table{width: auto;font-size: 14px;margin: 0 20px;}
.panel th{ border:1px solid #e6e6e6;padding: 1em 0; font:400 15px 'Noto Sans KR','NanumGothic','Malgun Gothic',Sans-serif; color:#333;}
.panel td{ border:1px solid #e6e6e6;padding: 1em 0; font:300 14px 'Noto Sans KR','NanumGothic','Malgun Gothic',Sans-serif; color:#555; }
.panel .th1{}
.panel .th1_1{width:110px;}
.panel .th2{text-align: left; vertical-align: top; padding:1em 5px;}
.panel td{vertical-align: top; padding:1em 10px; line-height: 1.5; word-break: keep-all;}
.panel .td1{width:280px;}
.panel .td2{width:250px;}
.panel table tr *:first-child{border-left:0;}
.panel table tr *:last-child{border-right:0;}
.panel table tr:first-child>*{border-top:0;}
.panel table tr:last-child>*{border-bottom:0;}

/* 에너지절약*/
.energy_wrap .top{background:url('/img/energy_16.jpg') no-repeat top; margin-bottom:30px;}
.energy_wrap .top.two{background:url('/img/energy_17.jpg') no-repeat top;}
.energy_wrap .top.three{background:url('/img/energy_18.jpg') no-repeat top;}
.energy_wrap .top.four{background:url('/img/energy_19.jpg') no-repeat top;}
.energy_wrap .top h2{ font:500 43px 'Noto Sans KR','NanumGothic','Malgun Gothic',Sans-serif; padding:135px 0; color:#fff; text-shadow: 1px 1px 1px black; }

/* 패널체크*/

.energy_wrap .video_wrap iframe{max-width:100%; width:100%; margin:0 auto; }
.energy_wrap .video_wrap{margin:20px 0;}


/* 정관규칙*/

.association{max-width:100%; margin:0 auto; /* height:600px;  */overflow:overlay; border:1px solid #ddd; padding: 50px 30px;}
.association .top h3{ font:600 22px 'Noto Sans KR','NanumGothic','Malgun Gothic',Sans-serif; line-height:160%; color:#000; text-align:center;  }
.association .top span{ font:300 14px 'Noto Sans KR','NanumGothic','Malgun Gothic',Sans-serif; line-height:160%; color:#333; text-align:right;  }
.association h1{ font:500 18px 'Noto Sans KR','NanumGothic','Malgun Gothic',Sans-serif; line-height:160%; color:#fe6a00; padding-top:15px; }
.association h2{ font:500 16px 'Noto Sans KR','NanumGothic','Malgun Gothic',Sans-serif; line-height:160%; color:#000; padding-top:15px; }
.association p{ font:300 14px 'Noto Sans KR','NanumGothic','Malgun Gothic',Sans-serif; line-height:160%; color:#333; }
.association span{ display:block; margin-left:15px; font:300 14px 'Noto Sans KR','NanumGothic','Malgun Gothic',Sans-serif; line-height:160%; color:#555; }


/* 시민펀드가입*/

.member_content .txt p:before{display:none;}
.member_content .button{padding-top:50px;}
.member_content .button a{padding:8px 20px; background:#fe6a00; color:#fff; font:400 20px 'Noto Sans KR','NanumGothic','Malgun Gothic',Sans-serif; border-radius:30px;  }
.member_content .button a:hover{background:#ff3600; }

.energy_wrap .top.member{background:url('/img/member_bg01.jpg') no-repeat center; background-size:cover; border-radius:0 15px;}
.energy_wrap .top.member2{background:url('/img/member_bg02.jpg') no-repeat center; background-size:cover; border-radius:0 15px; }



.align_center {display:block; text-align:center;}
.align_right {display:block; text-align:right;}
.aligin_left {text-align:left !important;}
.etc_txt {font-size:14px; color:#666}
.etc_txt span {color:#333; font-weight:400;}
.etc_txt span:before {display:inline-block; padding:3px; vertical-align:bottom; content:''; font:normal 16px 'FontAwesome';}

.txt_style01 {text-align:center; position:relative}
.txt_style01:after{display:inline-block; content:''; position:absolute; left:30px; top:-20px; background:url('/img/comma_left.png') no-repeat top left; width:33px; height:29px;}
.txt_style01:before{display:inline-block; content:''; position:absolute; right:30px; top:0; background:url('/img/comma_right.png') no-repeat top right; width:33px; height:29px;}


.check_list {text-align:center; margin-bottom:20px;}
.check_list li {display:inline-block; padding:3px 10px; font-size:15px;}
.check_list li:before {display:inline-block; padding:3px; vertical-align:bottom; content:''; font:normal 16px 'FontAwesome';}

.m_vision .right_box img {max-width:85%; }
.m_vision .right_box img.width_100 {width:100%}
.box_logo {display:block; padding:0 0 50px; text-align:right;}
.m_vision .box_con {width:100%; /* display:table-cell; vertical-align:middle; */}
.m_vision .center_txt {display:block; text-align:center;}
.m_vision .center_txt p {font-size:15px; padding:15px 0 0; color:#555}
.m_vision  h3 {font-size:50px; font-weight:400; letter-spacing:-0.5px; margin-bottom:20px; line-height:100%; font-family: 'Titillium','Noto Sans KR','Nanum Gothic', 'Malgun Gothic';}
.m_vision  h3 span{display:block; font-weight:500; font-size:28px; color:#333; letter-spacing:-0.5px;}
/* .m_vision .sub_txt {display:inline-block; font-size:17px; font-weight:500; padding:9px 25px 7px; border:2px solid #333; margin-bottom:15px; border-radius:25px; color:#333; line-height:25px; text-transform:uppercase;} */
.m_vision .sub_txt {display:inline-block; font-size:28px; font-weight:500; margin-bottom:25px; border-radius:25px; color:#333; line-height:25px; text-transform:uppercase; z-index:2; position:relative; font-style:italic;}
.section:first-child .m_vision .sub_txt {font-size:22px;}
.m_vision .sub_txt.center {display:table !important; margin:0 auto 40px;}
.m_vision .sub_txt:after {content:'' ;background:#cee7ff; width:calc(100% + 10px); height:15px; position:absolute; left:0; z-index:-1; bottom:-5px;}
.m_vision .sub_txt02 {margin-bottom:40px; font-size:15px; /* padding:15px 0 0; */ color:#000;}
.m_vision .sub_info_txt {display:block; text-align:center; font-weight:400; padding:0 0 15px; font-size:14px;  color:#333}
.m_vision .box_con p {font-size:15px;  line-height:24px; word-break:keep-all;}
.m_vision .box_con p strong {display:block; font-weight:400;}
.m_vision .box_con .txt_list li {padding-left:10px; position:relative; margin-bottom:8px; font-size:15px;}
.m_vision .box_con .txt_list li:after {display:block; content:''; width:4px; height:4px; border-radius:4px; background:#333; position:absolute; left:0; top:10px;}
.line_list li {display:inline-block; font-size:15px; padding:0 3px 0 0;}
.line_list li:after {content:' /'; padding-left:5px;}
.line_list02 {overflow:hidden; margin-bottom:10px;}
.line_list02 li {display:table; float:left; width:14%; margin-left:0.3%; background:#f9f9f9}
.line_list02 li:first-child {margin-left:0;}
.line_list02 li div {border:1px solid #ddd; display:table-cell; vertical-align:middle; padding:0 10px; box-sizing:border-box;height:120px; text-align:center;}

.line_list03 {width:100%;}
.line_list03 li {display:table; width:100%; border:1px solid #ddd; margin-bottom:10px; background:#fff;}
.line_list03 li span {display:table-cell; vertical-align:middle; width:50px; padding:10px 30px; border-right:1px solid #ddd; font-size:20px; font-weight:500; color:rgba(254,106,0,55);background:#f9f9f9;}
.line_list03 li p {display:inline-block; padding:10px 20px;}

.pb80 {padding-bottom:80px !important}
.float_none {float:none !important;}

.smart_list { overflow:hidden; width:100%;}
.smart_list li {float:left; width:32%; margin-left:2%; text-align:center; border:1px solid #eee;}
.smart_list li:first-child {margin-left:0;}
.smart_list li span {display:block; padding:20px 0; background:#fe6a00; border-bottom:1px solid #eee; line-height:20px; color:#fff; font-weight:400; }
.smart_list li p {padding:15px; font-size:15px; background:#fff; letter-spacing:-0.5px;}

.smart_list2 { overflow:hidden; width:100%;}
.smart_list2 li {float:left; width:32%; margin-left:2%; text-align:center; border:1px solid #eee;}
.smart_list2 li:first-child {margin-left:0;}
.smart_list2 li span {display:block; padding:10px 0; background:#fe6a00; line-height:20px; color:#fff; font-weight:400;}
.smart_list2 li p {padding:15px; font-size:14px;}

.full_video {padding:0 20px;}

.infoBox01 {margin-top:30px;}
.infoBox01 dl{float:left; width:48%; margin-bottom:2%; border:1px solid #ddd; padding:35px 20px 10px;}
.infoBox01 dl:last-child {margin-left:2%;}
.infoBox01 dt{display:block; font:800 14px/normal 'Nanum Gothic', 'Malgun Gothic', 맑은고딕 ; margin-bottom:7px; padding:0 0 15px; border-bottom:1px dotted #ddd ; }
.infoBox01 dt .imgField{padding-bottom:10px; display:block; text-align:left;}
.infoBox01 dt .imgField img {width:auto; height:35px;}
.infoBox01 dt .title03{margin-bottom:0; padding-bottom:0; font-size:17px;}
.infoBox01 dd{height:170px; color:#777; padding:20px 0; text-align:center; display:block;}
.infoBox01 dd strong.numField{font:normal 40px verdana; display:block; color:#333; padding-bottom:10px;}
.infoBox01 dd strong span {font-size:20px; vertical-align:text-bottom}

.center_info {margin:10px 0 20px; background:#fff; border:1px solid #eee; padding:15px; box-sizing:border-box;}
.center_info p {position:relative; color:rgba(254,106,0,55); font-size:14px !important; font-weight:400;}
.center_info p:before {display:inline-block; padding:3px; vertical-align:middle; content:''; font:normal 18px 'FontAwesome';}
.center_info ul li {display:inline-block; font-size:14px; padding:0 3px 0 0;}
.center_info ul li:after {content:' /'; padding-left:5px;}

.center_info2 {margin:30px 0 20px; }
.center_info2 .thumnail {display:inline-block; float:left; width:250px; padding:10px !important; box-sizing:border-box;}
.center_info2 .thumnail img {max-width:100%;}
.center_info2 ul {display:inline-block; float:left; width:calc(100% - 250px); font-size:14px; padding:0 3px 0 0;}
.center_info2 ul li {width:49%; float:left;margin-bottom:8px; padding:10px; border:1px solid #ddd; text-align:center; color:#555; background:#fff; font-size:15px;}
.center_info2 ul li:nth-child(even) {margin-left:2%;}

.features_list {overflow:hidden; width:100%;}
.features_list li {float:left; width:32%; min-height:340px; margin-left:2%; font-size:15px; border:1px solid #ddd; border-top:1px solid #000; box-sizing:border-box; padding:25px; background:#fff}
.features_list li:first-child {margin-left:0;}
.features_list li span {display:block; padding-bottom:20px; border-bottom:1px solid #ddd; font-weight:500; font-size:18px; color:rgba(254,106,0,55)}
.features_list li p {padding-top:20px; font-size:15px;}

.colorType01, .colorType02{width:30px; height:20px; display:inline-block; vertical-align:-5px;}
.colorType01{background:url(/img/mono.png) no-repeat; }
.colorType02{background:url(/img/color.png) no-repeat;}

.btn_wrap2 {display:block; text-align:center; margin:30px auto 0; max-width:1200px;}
.btn_wrap2 a {margin:0 2px 5px; font-size:14px; line-height:100%; padding:10px 15px 8px; word-break:keep-all; letter-spacing:-0.5px;}
.btn_wrap2 a:after {content:''; font:normal 18px 'FontAwesome'; color:#888; ; padding-left:8px; vertical-align:-2px;}
.btn_wrap2 a:hover:after {color:#fff}
.btn_wrap2 a:last-child {margin-right:0;}


/* .tab_contents {display:none;}
.tab_contents.active {display:block;} */


/* .solution_wrap .img_wrap {width:48%; float:left; padding:60px; border:1px solid #eff1f5; background:#eff1f5; text-align:center;
background-image: repeating-linear-gradient(45deg, transparent, transparent 5px, rgba(255,255,255,.5) 8px, rgba(255,255,255,.5) 8px);} */
.solution_wrap .img_wrap {width:50%; float:left; border:1px solid #efefef; text-align:center;}
.solution_wrap .img_wrap img {max-width:100%;}
.solution_wrap .txt_wrap {width:46%; float:left; margin-left:4%; }
.solution_wrap .txt_wrap h2 {font-size:42px; font-weight:400;  line-height:100%; letter-spacing:-0.5px; font-family:'Titillium','Noto Sans KR','Nanum Gothic', 'Malgun Gothic'}
.solution_wrap .txt_wrap h2 span {display:block; font-size:24px; font-weight:300;}
.solution_wrap .txt_wrap h2:after {width:40px; height:1px; background:#333; display:block; content:''; margin-top:20px;}
.solution_wrap .txt_wrap .tit {display:block; margin-top:30px; font-size:20px; font-weight:400;}
.solution_wrap .txt_wrap .chk_list {}
.solution_wrap .txt_wrap .chk_list > li:before {content:''; display:inline-block; font:normal 12px 'FontAwesome'; color:#337ab7; margin-right:5px;}
.solution_wrap .txt_wrap .ex {margin-top:20px;}
.solution_wrap .txt_wrap .ex span {display:block; font-size:20px; font-weight:400;}
.solution_wrap .txt_wrap .ex > ul > li {padding-left:5px;}
.solution_wrap .txt_wrap .ex > ul > li:before {content:''; display:inline-block; margin-top:-4px; margin-right:5px; vertical-align:middle; width:4px; height:4px; border-radius:4px; background:#333; }

.solution_wrap .article {margin-bottom:50px;}
.solution_wrap .article:last-child {margin-bottom:0;}


/*------------------------------------
	핵심전략
------------------------------------*/


/* 품질방침 */
.policy{  }
.policy li{ margin-top:42px; }
.policy li:first-child{ margin-top:0; }
.policy li dl{ overflow:hidden; }
.policy li dl dt{ float:right; width:47.9%; padding-left:24px; padding-top:7%; }
.policy li dl dt h2{ position:relative; margin-bottom:10px; font:600 26px/36px 'Roboto','Noto Sans KR','Malgun Gothic',Sans-serif; }
.policy li dl dt h2:after{ position:absolute; left:38px; bottom:22px; content:'Stratagem 01'; font-size:39px; opacity:.14; text-transform:uppercase; letter-spacing:-0.3px; }
.policy li:nth-child(2) dl dt h2:after{ content:'Stratagem 02'; }
.policy li:nth-child(3) dl dt h2:after{ content:'Stratagem 03'; }
.policy li dl dt p{ font-size:15px; font-weight:400; color:#555; }
.policy li dl dd{ float:left; width:47.9%; }
.policy li:nth-child(2) dl dt{ float:left; }
.policy li:nth-child(2) dl dd{ float:right; }

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




/* 테이블 */
.table01{ border-top:2px solid #434343; font:400 13px 'NanumGothic','Malgun Gothic'; clear:both; width:100%; background:#fff; }
.table01 th, .table01 td{ padding:5px 13px; border:1px solid #ddd; word-break:keep-all; text-align:center; }
.table01 th{ height:38px; background:#f0f5f7; border-bottom:1px solid #d4d8de; font-weight:600; color:#333; }
.table01 td{ height:34px; padding-left:20px; }
.table01 td a{ color:#333; }
.table01 td a:hover{ color:#434343; }

.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{ text-align:left; margin:30px 0 10px 0; font:600 20px/24px 'NanumGothic','Malgun Gothic',Sans-serif; padding:0 1% 0 0; color:#333; }
.table01 caption:before{content:''; font:normal 16px 'icon'; padding-right:7px; vertical-align:-1px; color:#434343; }

.layout_fixed {table-layout:fixed;}
.tbl_style01{border-collapse:collapse; width:100%; border:1px solid #e7e7e7; border-top:2px solid #333;}
.tbl_style01 thead tr th{font:300 14px 'Noto Sans KR','NanumGothic','Malgun Gothic'; 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:300 14px 'Noto Sans KR','NanumGothic','Malgun Gothic'; 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:300 14px 'Noto Sans KR','NanumGothic','Malgun Gothic'; border:1px solid #e7e7e7; padding:10px 15px; box-sizing:border-box; color:#555; text-align:left; word-break:keep-all; vertical-align:top;}

.tbl_style02{ position:relative; min-width:290px; margin:0 auto 0; clear:both; width:100%; background:#fff; /* table-layout:fixed; */}
.tbl_style02 th, .tbl_style02 td{ padding:10px; font:300 14px 'Noto Sans KR','NanumGothic','Malgun Gothic'; color:#333; border:1px solid #ddd; word-break:keep-all; text-align:center; }
.tbl_style02 thead th{ height:50px; background:#222; color:#fff; border-bottom:1px solid #fff !important; border-color:#333; border-left-color:#fff; border-right-color:#fff; }
.tbl_style02 thead th:first-child{ border-left-color:#222; }
.tbl_style02 thead th:last-child{ border-right-color:#222; }
.tbl_style02 thead th:first-child:before{ position:absolute; left:0; top:0; content:''; border-bottom:42px solid transparent; border-left:230px solid rgba(255,255,255,0.03); border-top:0px solid rgba(255,255,255,0.03); }
.tbl_style02 th{ background:#e2e6ea; border-bottom:1px solid #d4d8de; font-weight:400; color:#444; }
.tbl_style02 td{ height:33px; }
.tbl_style02 td.align_left {text-align:left;}
.tbl_style02 td img {max-width:100%;}

.rwd_table td:before { display:none !important; content: attr(data-th) " "; font-weight: 500; width: 6.5em; display: inline-block;}
.rwd_table td .sub_txt {font-size:12px; color:#999}


.tbl_list li {position:relative; padding-left:12px;}
.tbl_list li:after {display:block; content:''; width:4px; height:4px; border-radius:4px; background:#333; position:absolute; left:0; top:8px;}


/*------------------------------------
	20190725_recruiting:jsy
------------------------------------*/

.ceo_wrap.recruiting{ max-width:65%; width:auto; margin:0 auto;   }
.ceo_wrap.recruiting .product_wrap{ padding-top:40px; }
.ceo_wrap.recruiting .product.left_title_block p b{ font-weight:500; }
.ceo_wrap.recruiting .product_ul li b{ font-weight:500; }

/*------------------------------------
	비밀글 삭제등
------------------------------------*/
/* 경첩형 */

/* 제품사양 테이블 */
/* .product_spec{ position:relative; margin:0 auto 0; clear:both; width:100%; background:#fff; }
.product_spec th, .product_spec td{ padding:5px 13px; font:300 13px 'Noto Sans KR','NanumGothic','Malgun Gothic'; color:#555; border:1px solid #ddd; word-break:keep-all; text-align:center; }
.product_spec thead th{ height:42px; background:#333; color:#fff; border-color:#333; border-left-color:#fff; border-right-color:#fff; }
.product_spec thead th:first-child{ border-left-color:#333; }
.product_spec thead th:last-child{ border-right-color:#333; }
.product_spec thead th:first-child:before{ position:absolute; left:0; top:0; content:''; border-bottom:42px solid transparent; border-left:230px solid rgba(255,255,255,0.03); border-top:0px solid rgba(255,255,255,0.03); }
.product_spec th{ background:#f9f9f9; border-bottom:1px solid #d4d8de; font-weight:400; color:#333; }
.product_spec td{ height:38px; } */


/* 암레스 */
.product_wrap{font:300 14px 'Noto Sans KR','NanumGothic','Malgun Gothic';}
.product_top{ overflow:hidden; margin-bottom:15px; }
.product_top li{ float:left; overflow:hidden; width:49%; margin-left:2%; padding:30px 3%; border:1px solid #eee; background:#f9f9f9 url(/img/bg_pattern_01.png); }
.product_top li:first-child{ margin-left:0; }
.product_top li div{ float:right; width:65%; }
.product_top li .img_wrap{ float:left; border:1px solid #eee; width:30%; padding:20px; background:#fff; }
.product_top li div h2{  min-width:150px; display:inline-block; margin:12px 0 12px 0; padding:0 20px 0 15px; font:400 15px/30px 'Roboto','Noto Sans KR','Malgun Gothic',Sans-serif; color:#fff; background:#333; border-radius:0 100px 100px 0; }
.product_top li:first-child div h2{ background:#0072bc; }
.product_top li div p{ font:300 15px/22px 'Roboto','Noto Sans KR','Malgun Gothic',Sans-serif; color:#555; word-break:keep-all; }

.product_top.one li{ float:none; width:100%; margin:0; }

.product_top li.row div {width:50% !important;}

.left_title_wrap{ overflow:hidden; margin-bottom:10px; }
.left_title{ float:left; width:17%; position:relative; padding-top:14px; }
.left_title:before{ position:absolute; left:0; top:0; width:100%; height:1px; content:''; background:#ddd; }
.left_title strong{ display:block; font:500 20px/24px 'Roboto','Noto Sans KR','Malgun Gothic',Sans-serif; color:#141414;word-break:keep-all;  }
.left_title strong:before{ position:absolute; left:0; top:0; width:20px; height:3px; content:''; background:#1b4a76; }
.left_title_block{ overflow:hidden; float:right; width:79%; }
.left_title_block .img_row li {padding-bottom:20px;}
.etc_txt {padding-top:5px;}
.block1{}
.block1 li{ float:left; margin-right:40px; }
.block1 li:first-child{ }
.block1 li p{ padding:17px 0 0 0; }

.product{}
.product p{ font:300 14px/22px 'Roboto','Noto Sans KR','Malgun Gothic',Sans-serif; color:#333; word-break:keep-all; line-height:21px;}
.product .color01{color:#e83928;}
.product .bg01{background:#fffaf9;}
.product .box_con{float:left; width:50%; padding-left:20px; margin-bottom:20px;}
.product .box_con .box{overflow:hidden; border:1px solid #e7e7e7; padding:20px; box-sizing:border-box;}
.product .box_con .box .tit{display:block; padding-bottom:10px; margin-bottom:20px; border-bottom:1px solid #e7e7e7; font-size:18px; font-weight:bold; color:#333;}
.product .box_con .box .info_txt{float:left; padding:0 5px;}
.product .box_con .box .info_txt span{display:block; padding-bottom:10px; font-weight:600; font-size:14px; color:#950b13;}
.product .box_con .box .info_txt ul li{color:#666; word-break:keep-all; }
.product .box.wd50 {margin-left:20px;}
.product .box_wrap {margin-left:-20px;}

.before_after_img_wrap{ overflow:hidden; }
.before_after_img{ float:left; width:46%; margin-left:8%; position:relative; }
.before_after_img:first-child{ margin-left:0; }
.before_after_img dl{ display:table; height:235px;}
.before_after_img dl dt{/*  float:left; */ width:40%; height:235px; /* padding-top:110px; */ text-align:center; display:table-cell; vertical-align:middle; background:#0072bc; font:400 18px/24px 'Roboto','Noto Sans KR','Malgun Gothic',Sans-serif; color:#fff; }
.before_after_img:first-child dl dt{ background:#888; }
.before_after_img:nth-child(2) dl:before{ position:absolute; left:-10.5%; top:50%; content:''; margin-top:-28px; font:normal 50px 'FontAwesome'; color:#888; }
.before_after_img dl dd{ float:left; overflow:hidden; /* width:60%; */ height:235px; }
.before_after_img dl dd img{ height:235px !important; max-width:auto !important; }

.table_ol{ display:table; width:100%; border-bottom:1px solid #eee; display:none; }
.table_ol li{ overflow:hidden; display:table-row; }
.table_ol li h4{ display:table-cell; width:25%; padding:7px 15px; background:#fafafa; font:400 14px/22px 'Roboto','Noto Sans KR','Malgun Gothic',Sans-serif; color:#333; vertical-align:middle; border:1px solid #eee; border-width:1px 1px 0 1px; }
.table_ol li p{ display:table-cell; width:75%; padding:7px 15px; font:300 14px/22px 'Roboto','Noto Sans KR','Malgun Gothic',Sans-serif; color:#333; vertical-align:middle; border:1px solid #eee; border-width:1px 1px 0 0; }

.table_ol2 li h4{  }

/* 경첩형 */
.img_row {overflow:hidden;}
.img_row li {position:relative; float:left; width:49%; margin-left:2%; }
.img_row li .img { min-height:330px;border:solid 1px #eee; text-align:center; }
.img_row li:nth-child(2n+1){ margin-left:0; }
.img_row li img {max-width:100%; /* background:#fcfcfc; */}
.img_row li p {padding:10px 0; font-size:16px; font-weight:400; text-align:center; }
.img_row li span {position:absolute; right:30px; bottom:10px;}
.img_row.col_04 li p {font-size:14px; color:#333; padding:10px 0 0 0;}
.left_title_block .left_box {width:140px; float:left; padding-top:40px;}
.left_title_block .right_box {width:calc(100% - 140px); float:left; }
.left_title_block .left_box2 {width:250px; float:left;}
.left_title_block .left_box2 p {width:220px; text-align:center; font-size:13px; font-weight:400; padding-top:5px;}
.left_title_block .right_box2 {width:calc(100% - 250px); float:left; }


/* 멀티커플링 */
.img_row.multi li{position:relative; width:32%; margin-left:2%; }
.img_row.multi li:first-child{ margin-left:0;}
.img_row.col_04 li{position:relative; width:23.5%; margin-left:2%; }
.img_row.col_04 li:first-child{ margin-left:0;}

.product_title:first-child {margin-top:25px;}
.product_title {margin:80px 0 30px; position:relative; padding:0 0 0 15px; border-left:solid 12px #1b4a76; background:#f9f9f9; font:500 20px/40px 'Noto Sans KR'; color:#444;}
.product_title:after {position:absolute; right:20px; top:0; content:''; font:normal 14px/40px "FontAwesome"; color:#1b4a76; opacity:.8; }
.product_ul {font:300 14px/22px 'Roboto','Noto Sans KR','Malgun Gothic',Sans-serif; word-break:keep-all; color:#333}
.product_ul > li {float:left; width:50%; margin-bottom:4px; padding-left:10px; position:relative; color:#555; }
.product_ul > li:before {content:''; width:4px; height:4px; position:absolute; top:7px; left:0; display:inline-block; background:#1b4a76}
.product_ul > li > ul > li {position:relative; padding:2px 0 2px 8px;}
.product_ul > li > ul > li:before {content:'-'; position:absolute; left:0; }
.product_ul img {display:block; padding:15px 0; max-width:100%;}
.left_title_block .top_right_box h4 {margin:10px 0;}
.left_title_block h4 {display:block; text-align:center; margin:0 0 20px; font-size:18px; text-align:left;}
.img_txt_row {text-align:center; border:1px solid #ddd;}
.img_txt_row li {display:table; width:100%; margin-bottom:10px;}
.img_txt_row li p{width:20%; padding:0 15px; box-sizing:border-box;  display:table-cell; vertical-align:middle; color:#004a98; font-weight:400;}
.img_txt_row li .img{width:80%; }
.img_txt_row li .img img {max-width:100%;}

.box_contents {margin-top:30px; padding:20px; background:#f1f1f1; text-align:center;}
.box_contents p {padding:10px 0;}
.box_contents .info {padding:10px 0; display:table; margin:0 auto; }
.box_contents .info span {display:table-cell; min-width:65px; vertical-align:middle;; width:150px; height:150px; border-radius:100px; color:#fff; line-height:15px; font-size:14px;}
.box_contents .info span:first-child {background:#7600ac;}
.box_contents .info span:last-child {background:#004389;}

.top_box img {float:left; padding: 0 15px 10px 0; max-width:100%;}
.border_style01 {border:1px solid #f1f1f1;}
.block_img {display:block; text-align:center; margin:25px auto 35px; padding:20px 15px; background:#f9f9f9; border:1px solid #f1f1f1}
.block_img img {max-width:100%; margin:0 auto}
.middle_box {margin:40px 0 0 ;}
.middle_box h5 {padding-bottom:5px; margin:10px 0 20px; font-size:18px; border-bottom:2px dotted #ddd; display:block; line-height:25px; color:#333; }
.sub_info span {display:block; margin:10px 0; font-size:14px; font-weight:500; line-height:15px;}
.sub_info img {margin:20px 0; max-width:100%;}
.product_top.one .img_wrap img {max-height:180px; max-width:100%;}

/* pivot hinge */
.pivot_wrap{ overflow:hidden; margin-top:-25px; }
.pivot{ float:left; width:49%; margin:25px 0 0 2%; text-align:center; }
.pivot:nth-child(2n+1){ margin-left:0; clear:both; }
.pivot .img_wrap{ height:300px; padding:100px 70px; background:#f1f1f1 url(/img/bg_pattern_01.png); border:1px solid #eee; border-bottom-style:dotted; }
.pivot .img_wrap.pivot04 {padding:17px 70px !important; display:table-cell; vertical-align:middle;}
.pivot .img_wrap{ -webkit-transition-duration:0.2s; -moz-transition-duration:0.2s; -o-transition-duration:0.2s; -ms-transition-duration:0.2s; transition-duration:0.2s; }
.pivot:hover .img_wrap{ border-color:#ddd; border-bottom-color:#eee; }
.pivot .img_wrap img{ width:380px !important; }
.pivot .pivot_title{ overflow:hidden; padding:30px 0; border:1px solid #eee; border-width:0 1px 0 1px; }
.pivot .pivot_title{ -webkit-transition-duration:0.2s; -moz-transition-duration:0.2s; -o-transition-duration:0.2s; -ms-transition-duration:0.2s; transition-duration:0.2s; }
.pivot:hover .pivot_title{ border-color:#ddd; }
.pivot .pivot_title h2{ float:left; width:30%; color:#950b13; font:500 20px/24px 'Roboto','Noto Sans KR','Malgun Gothic',Sans-serif; }
.pivot .pivot_title ul{ float:left; width:70%; padding:0 3%; overflow:hidden; }
.pivot .pivot_title ul li{ float:left; position:relative; padding-left:10px; margin-right:6%; font:300 14px/24px 'Roboto','Noto Sans KR','Malgun Gothic',Sans-serif; color:#555; }
.pivot .pivot_title ul li:before{ position:absolute; left:0; top:10px; content:''; width:3px; height:3px; border-radius:100px; background:#555; }
.pivot .pivot_title ul li:last-child{ margin-right:0; }
.pivot a{ display:block; position:relative; font:400 15px/46px 'Roboto','Noto Sans KR','Malgun Gothic',Sans-serif; color:#333; background:#fafafa; border:1px solid #eee; border-top-style:dotted; }
.pivot 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; }
.pivot a:after{ display:inline-block; content:''; margin-left:7px; font:normal 14px 'FontAwesome'; color:#555; }
.pivot a: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; }
.pivot:hover a{ color:#fff; background:#950b13; border-color:#950b13; }
.pivot:hover a:after{ color:#fff; }

/* 매립형 */
.product_point {margin-left:-20px;}
.product_point li {display:table; float:left; width:33.3333%; padding-left:20px; color:#fff;}
.product_point li div {display:table-cell; height:120px; vertical-align:middle; text-align:center; }
.product_point li div .eng {display:block; font-size:13px;}
.product_point li div .kor {display:block; font-size:20px; font-weight:400;}
.product_point li p {display:table-row; padding-top:10px;}
.product_point li:nth-child(1) div {background:#a7b28c;}
.product_point li:nth-child(2) div {background:#cb4c57;}
.product_point li:nth-child(3) div {background:#b19c87;}
.product_point li:nth-child(1) p {color:#95a471;}
.product_point li:nth-child(2) p {color:#cb4c57;}
.product_point li:nth-child(3) p {color:#b19c87;}



textarea.jengkuan{ width: 100%; height: 500px; border:none; font:400 14px/22px 'Noto Sans KR','Malgun Gothic',Sans-serif; }


/*------------------------------------
	자료실
------------------------------------*/


/* 경첩형 */
.depth_flow {overflow:hidden; margin-left:-20px;}
.depth_flow li{float:left; width:33.3333%; padding-left:20px; margin-bottom:30px;}
.depth_flow li .box img {max-width:100%;}
.depth_flow li .box .txt {padding:15px; box-sizing:border-box; border:solid #f0f0f0; border-width:0 1px 1px 1px; width:100%; height:175px; letter-spacing:-0.2px;}
.depth_flow li .box .txt span {display:block; padding-bottom:5px; color:#950b13; font-weight:500;}

/* 일반형 */
.depth_flow.box_wrap img{width:100%;}
.depth_flow.box_wrap .box .txt {height:200px;}

/*------------------------------------
	테이블
------------------------------------*/
.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:400 13px 'NanumGothic'; 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; }


/*------------------------------------
	인트로페이지
------------------------------------*/
.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:#1b4a76; }
.ing_fa_text{ font:600 18px/44px 'NanumGothic','Malgun Gothic'; display:block; }


/*------------------------------------
	비밀글 삭제등
------------------------------------*/
.board_passwd_basic{ padding-top:100px; text-align:center; }
.board_passwd_basic .iconField i{width:100px; height:100px; border-radius:100em; line-height:100px; text-align:center; color:#fff; font-size:30px; background:#434343; }
.board_passwd_basic dt{font:400 16px/20px "NanumGothic",Malgun Gothic; margin:30px 0 20px 0; color:#333; }
.board_passwd_basic .inputField{margin-bottom:20px; font:600 16px/20px "NanumGothic",Malgun Gothic; color:#555; }
.board_passwd_basic .inputField input[type=password]{height:28px; border:1px solid #e7e7e7; width:160px; font:normal 12px/28px Malgun Gothic; padding-left:5px }
.board_passwd_basic .btnField{margin-top:25px;}
.board_passwd_basic .button{min-width:100px; padding:10px 20px; border:1px solid #e7e7e7; font:bold 15px 'Noto Sans KR','NanumGothic', sans-serif; margin:0 5px;}
.board_passwd_basic .btn_ok{background:#595757; color:#fff; border-color:#595757;}

/* 아이콘 */
.board_list_basic td .fa-lock, .board_list_basic td .fa-floppy-o{vertical-align:-2px; margin:0 5px;}
.board_list_basic td .fa-lock{color:#444;}
.board_list_basic td .fa-level-up{color:#777;  vertical-align:2px; margin:35px 0 20px 0;}
.board_list_basic td span.icon_new{font:bold 10px Dotum; color:#fff; background:#7b1820; padding:2px; border-radius:2px; text-transform:uppercase}

/* 버튼스타일 */
input[type=submit].btn{ display:inline-block; background:#333; color:#fff; border-color:#333; text-align:center; }
input[type=submit].btn{ /* border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; -o-border-radius:4px; */ letter-spacing:0; min-width:40px; }
a.btn.blue:hover{ color:#fff; background:#333; }
a.btn:hover{ border-color:#333; background:#333; color:#fff !important; }
.btnField .btn{  }
.btnField .btn{  font:300 13px/20px 'Roboto',"NanumGothic",Malgun Gothic !important; margin:3px !important; padding:3px 10px; border-radius:3px; border:solid 1px #333; color:#333; background:#fff; display:inline-block;   }





/*------------------------------------
	검색결과 페이지
------------------------------------*/
.search_box_form{ display:none; }
.search_body .btn_wrap.gray.sort{ display:none; }
.grid_show_wrap{ display:none; }
.goods_list_wrap{ display:none; }
.search_body .list{ display:none; }

.search_page_block{}

/* 검색어 박스 */
.search_page_box_wrap{ padding:60px 0 40px; }
.search_page_box{ overflow:hidden; padding:35px 6%; background:#f8f8f8; border:1px solid #ddd; }
.search_page_box dt{ float:left; padding-right:7%; }
.search_page_box dt b{ color:#333; font:400 24px/34px 'Roboto','Noto Sans KR'; }
.search_page_box dt span{ display:block; font:300 14px/22px 'Roboto','NanumGothic'; color:#777; }
.search_page_box dd{ float:left; padding:6px 0.5% 0; }
.search_page_input{ padding:0 20px; width:400px; height:46px; font:300 15px/46px 'Roboto','Noto Sans KR','Malgun Gothic'; color:#444; background:#fff; border:1px solid #ddd; }
.search_page_btn{ width:130px; height:46px; font:500 14px/46px 'Roboto','NanumGothic'; background:#333; border:none; color:#fff; text-transform:uppercase; }

.search_result_title{ padding:0 0.5% 10px; margin:0 0 25px 0; font:300 15px/20px 'Roboto','Noto Sans KR'; color:#555; border-bottom:1px solid #ddd; }
.search_result_title strong{ font-weight:400; color:#242424; }

.search_page_result_wrap{ min-height:160px; margin-bottom:30px; }
.search_page_result{ padding:0 0.5% 14px; margin-bottom:19px; border-bottom:1px dotted #ddd; }
.search_page_result_wrap .search_page_result:first-child{ /* padding-top:0; margin-top:0; border:none; */ }
.search_page_result h2{ position:relative;; font:400 18px/30px 'Roboto','Noto Sans KR'; color:#333; }
.search_page_result h2:before{ display:inline-block; margin-right:5px; content:''; font:normal 16px 'FontAwesome'; color:#333; vertical-align:1px; }
.search_page_result h3{ padding:5px 0 7px; font:300 13px/20px 'Roboto','NanumGothic','Malgun Gothic'; word-break:keep-all; color:#444; }
.search_page_result h3 strong{ display:inline-block; padding:0 3px; color:#242424; font-size:14px; font-weight:400; background:#fbf59e; }
.search_page_result .path_box{ float:none; padding:0; }
.search_page_result .path_box a{ font-size:12px; }
.search_page_result .path_box a:first-child{ font-size:0; }
.search_page_result .path_box a:before{ font-size:10px; padding:0 5px; }
.search_page_result .path_box a:first-child:before{ padding:0; font-size:12px; vertical-align:-5px; }


/*------------------------------------
	TOP 탑 버튼
------------------------------------*/
.eb-top{ right:40px !important; bottom:32px !important; font-size:0 !important; width:75px; height:75px; background:none; text-align:center; }
.eb-top{ -webkit-transition-duration:0.4s; -moz-transition-duration:0.4s; -o-transition-duration:0.4s; -ms-transition-duration:0.4s; transition-duration:0.4s; }
.eb-top p{ margin:0; width:60px; height:60px; background:rgba(255,255,255,.5); overflow:hidden; border:1px solid #ddd; opacity:.8 }
.eb-top p{ -webkit-transition-duration:0.4s; -moz-transition-duration:0.4s; -o-transition-duration:0.4s; -ms-transition-duration:0.4s; transition-duration:0.4s; }
.eb-top p:hover{ background:rgba(254,106,0,55); border:1px solid #fe6a00; }
.eb-top p:hover i {color:#fff}
.eb-top p i{ margin:18px 0 5px 0; display:block; /* color:#fff;  */font-size:20px; opacity:0.7; }
.eb-top p span{ display:none; font:600 16px/18px 'Verdana','Malgun Gothic',Sans-serif; color:#fff; opacity:0.7; letter-spacing:-0.5px;  }


/*------------------------------------
	게인정보처리방침
------------------------------------*/
.privacy_wrap h2{ margin:0; padding:35px 0 20px; display:block; color:#0159b5; font:500 15px 'Roboto','Noto Sans KR',Sans-serif; }
.privacy_wrap h2 span{ font-weight:400; }

.privacy_wrap p{ margin:0; padding:5px 0; font:300 14px/20px 'Roboto','Noto Sans KR',Sans-serif; word-break:keep-all; }
.privacy_wrap p.i_wrap{ font-size:17px; line-height:27px; }
.privacy_wrap p > span{ color:#434343; font:400 14px 'Roboto','Noto Sans KR',Sans-serif; }
.privacy_wrap p > b{ font-weight:400; color:#242424; }
.privacy_wrap p > b > u{ text-decoration:none; }
.privacy_wrap p > u{ }
.privacy_wrap p > i{ font-size:15px; color:#434343; }

.privacy_wrap ul{ margin:8px 0 10px; padding:15px 25px; background:url(/img/bg_pattern_01.png); border:1px solid #eee; }
.privacy_wrap ul li{ position:relative; padding-left:10px; margin:5px 0; font:300 13px/24px 'Roboto','Noto Sans KR',Sans-serif; }
.privacy_wrap ul li:before{ position:absolute; left:0; top:11px; display:inline-block; content:''; width:3px; height:3px; border-radius:100em; margin-right:3px; background:#242424; }
.privacy_wrap ul li.before_none_li{ padding:5px 0 0 0; }
.privacy_wrap ul li.before_none_li:first-child{ padding:0; }
.privacy_wrap ul li.before_none_li:before{ display:none; }
.privacy_wrap ul li b{ font-weight:400; color:#242424; }


/* 문의글(추가페이지) */
.add_map {display:none;}


/* 네이버 톡톡 : Talk Talk Banner Script end */
/*.talk_banner_div{ position:absolute; left:0; top:460px; z-index:6; }*/
.talk_banner_div{ position:fixed; left:25px; top:830px; z-index:6; }
.talk_preview_area .banner_type_card{width:40px !important; height:40px !important; border-radius:100px;}
.banner_type_card .talk_banner_desc{display:none !important;}
.banner_type_card .talk_banner_detail {display:none !important;}
.banner_type_card .talk_banner_consult{display:none !important;}



@media(max-width:1600px){
/*------------------------------------
	회사소개
------------------------------------*/
/* 비전 */
.vision_ci li:nth-child(odd) {padding-left:25px;}
.vision_ci li:nth-child(even) {padding-left:25px; padding-right:0}
}


@media(max-width:1500px){

.navbar_left .top_menu > li .depth_2{ display:none; }
.navbar_left .top_menu > li:hover .depth_2{ display:block; }
.navbar_left .top_menu > li.active .depth_2{ display:none; }
.navbar_left .top_menu > li.active:hover .depth_2{ display:block; }
.left_ui_wrap .container_wrap{ padding-left:283px; padding-right:22px; }
.left_ui_wrap.basic_body .container_wrap{ padding-left:283px; padding-right:22px; }
.depth_flow li {width:33.3333% !important;}

/*------------------------------------
	서브 퀵메뉴
------------------------------------*/
.quickMenu{ display:none; }


/*------------------------------------
	제품소개
------------------------------------*/
/* 암레스 */
.product_top li div{ float:none; width:100%; }
.product_top li .img_wrap{ float:none; width:100%; margin-bottom:15px; }
/* .product_top li .img_wrap.represent img {height:300px;} */
.product_top li.row div {width:100% !important;}
.product_top li.row .img_wrap img { height:200px; max-height:100%;}
.product_top li.row .product_text {height:110px;}
.product_text.pl_20 {padding-left:0 !important;}
}


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