@charset "utf-8";

@font-face {
	font-family: 'icon';
	src: url('/css/fonts/webhostinghub-glyphs.eot');
	src: url('/css/fonts/webhostinghub-glyphs.eot?#iefix') format('embedded-opentype'),
		 url('/css/fonts/webhostinghub-glyphs.woff') format('woff'),
		 url('/css/fonts/webhostinghub-glyphs.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
@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.woff2) format('woff2'), */
       url(/css/fonts/NanumGothic-Regular.woff) format('woff'),
       url(/css/fonts/NanumGothic-Regular.eot) format('eot')
       /*url(/css/fonts/NanumGothic-Regular.ttf) format('truetype');*/
}
@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.woff2) format('woff2'), */
       url(/css/fonts/NanumGothic-Bold.woff) format('woff'),
       url(/css/fonts/NanumGothic-Bold.eot) format('eot')
       /*url(/css/fonts/NanumGothic-Bold.ttf) format('truetype');*/
}
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 100;
  src: url(/css/fonts/NotoSansKR-Thin.woff2) format('woff2'),
       url(/css/fonts/NotoSansKR-Thin.woff) format('woff'),
       url(/css/fonts/NotoSansKR-Thin.otf) format('opentype');
}
@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');
 }
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 700;
   src: url(/css/fonts/NotoSansKR-Bold.woff2) format('woff2'),
        url(/css/fonts/NotoSansKR-Bold.woff) format('woff'),
        url(/css/fonts/NotoSansKR-Bold.otf) format('opentype');
 }
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 900;
   src: url(/css/fonts/NotoSansKR-Black.woff2) format('woff2'),
        url(/css/fonts/NotoSansKR-Black.woff) format('woff'),
        url(/css/fonts/NotoSansKR-Black.otf) format('opentype');
 }


/*------------------------------------
    초기화
------------------------------------*/
*{ 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:'NanumGothic','Malgun Gothic',Sans-serif; }
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:'NanumGothic','Malgun Gothic',Sans-serif; font-weight:600; }
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:'NanumGothic','Malgun Gothic',Sans-serif; font-size:1em; font-weight:400; }
button{ cursor:pointer; }

textarea, select { font-family:'NanumGothic','Malgun Gothic',Sans-serif; font-size:1em; font-weight:400; }
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:#000; 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; }
.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:400 12px/18px 'NanumGothic','Malgun Gothic',Sans-serif; }

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


/*------------------------------------
    서브 : 본문 컨테이너
------------------------------------*/
.container_wrap{ position:relative; margin-top:75px; overflow:hidden; background:#fff; }
.Main .container_wrap{ background:#fff; }
.container_wrap:after{ content:"";  display:block; clear:both; }
.container_wrap.f9f9f9{ }
.container_wrap .centerWrap{ max-width:1200px; margin:0 auto; padding:0; /* border:1px solid #eee; border-width:0 1px; overflow:hidden */ }
.Main .container_wrap .centerWrap{ 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:0 9px; min-width:40px; margin:0 1px 3px 1px; border:solid 1px #b4b4b6; border-radius:4px; font:400 12px/22px 'NanumGothic'; text-align:center; }
.btn:hover{ border-color:#1e83bb; background:#1e83bb; 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:#565656; background:#565656; }

.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:#1e83bb; color:#fff; background:#1e83bb; }
.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'; }


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


/*------------------------------------
    상단 해더
------------------------------------*/
.header{  }
/*.header{ z-index:11; margin:0 auto; width:100%; height:42px; position:fixed; left:0; top:0; background:rgba(0,0,0,0.2); }*/
.header:after{ content:"";  display:block; clear:both }
.header .top_wrap{ z-index:11; margin:0 auto; width:100%; position:fixed; left:0; top:0; } 
.header .top_wrap:after{ content:"";  display:block; clear:both }
.header .top_wrap .centerWrap{ position:relative; border-bottom:1px solid rgba(255,255,255,0.5); } 
.header .top_wrap .centerWrap:after{ content:"";  display:block; clear:both }
.header .top_wrap .left{ display:none; overflow:hidden; float:left; padding:8px 0 7px; }
.header .top_wrap .left li{ float:left; color:#fff; }
.header .top_wrap .left a{ position:relative; padding:0 8px; display:block; color:#fff; font-size:0; opacity:0.9; }
.header .top_wrap .left a:before{ content:''; font:normal 14px/24px 'FontAwesome'; text-shadow:1px 1px 0 rgba(0,0,0,0.3); }
.header .top_wrap .left a.top_tel:before{ content:''; }
.header .top_wrap .left a.top_mail:before{ content:''; }
.header .top_wrap .left a:hover{ opacity:1; }

.header .top_wrap .right{ display:none; float:right; }
.header .top_wrap .right > li{ display:none; }
.header .top_wrap .right > div b{ }
.header .top_wrap .right > div.log2{ display:none; }
.header .top_wrap .right > div.login_mm{ display:block; }
.header .top_wrap .right > li.language{ display:block; margin-top:10px; }
.header .top_wrap .right > li.language h2{ position:relative; display:inline-block; padding:0 13px; font:400 12px/22px 'Noto Sans KR'; color:#222; background:rgba(255,255,255,0.9); cursor:pointer; border-radius:100em; text-transform:uppercase; }
.header .top_wrap .right > li.language h2:hover{ background:#fff; }
.header .top_wrap .right > li.language h2:after{ display:none; position:absolute; right:12px; top:1px; content:''; margin-left:7px; font:normal 12px/21px 'FontAwesome'; }
.header .top_wrap .right a{ display:inline-block; font:400 11px/20px 'Malgun Gothic',Sans-serif; color:#444; padding:7px 5px 0 5px; letter-spacing:-0.3px; }
.header .top_wrap .right a:hover{ color:#1e83bb; }
.header .top_wrap .right a b{ color:#333; font:600 11px/20px 'Malgun Gothic',Sans-serif; }
.header .top_wrap .right a b.color{ color:#1e83bb; }
.header .top_wrap .right .fa{  font-size:12px; color:#1e83bb; display:inline-block; padding:0 3px 0 0; vertical-align:1px; }

/* 검색버튼 */
.header .top_wrap .right .search_btn{ position:relative; margin:2px 0 0; }
.header .top_wrap .right .search_btn:focus, .header .top_wrap .right .search_btn:click, .header .top_wrap .right .search_btn:visit, .header .top_wrap .right .search_btn:after{ color:#ad0f2b; }
.header .top_wrap .right .search_btn a{ width:19px; height:20px; background:url(/img/my_icon3_black.png) no-repeat center; font-size:0; line-height:0; }
.header .top_wrap .right .search_btn a:before{ display:none; content:''; font:normal 15px/70px 'FontAwesome'; color:#666; }
.header .top_wrap .right .search_btn a:hover:before{ color:#ad0f2b; }

.left_price_none .header .top_wrap .right .search_btn a{ background:url(/img/my_icon3.png) no-repeat center; }

.header.fixed .top_wrap .right .search_btn a{ background:url(/img/my_icon3_black.png) no-repeat center; }

/* 검색창 */
.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:#1e83bb; }
.header .top_wrap .right .bookMark_wrap a:hover:before{ color:#ea9b11; }

/* 대표번호 */
.top_tel{ position:absolute; right:15px; top:16px; }
.top_tel b{ display:inline-block; padding:0 18px 2px 15px; font:500 24px/40px 'Noto Sans KR','NanumGothic',Sans-serif; letter-spacing:-0.5px; color:#fff; background:#0081c5 url(/img/dotted_white.png); border-radius:100px; }
.top_tel b:before{ display:inline-block; margin-right:7px; width:30px; height:24px; content:''; background:url(/img/tel_icon.png) no-repeat; background-size:100%; vertical-align:-4px; }


/*------------------------------------
    로고
------------------------------------*/
.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; }
.middle_wrap .logo{ display:inline-block; position:absolute; left:15px; top:15px;  padding:0 0; }  
.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; }
.middle_wrap .logo a > img{ max-height:100%; max-width:200px; }


/*------------------------------------
    상단 해더 스몰 배너
------------------------------------*/
.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 }




/*------------------------------------
    전체 카테고리
------------------------------------*/
.nav{ z-index:10; position:fixed; left:0; top:0; height:76px; width:100%; padding:0; background:#fff; border-bottom:1px solid #ddd; }
.nav{ -webkit-transition-duration:0.2s; -moz-transition-duration:0.2s; -o-transition-duration:0.2s; -ms-transition-duration:0.2s; transition-duration:0.2s; }
.nav .centerWrap{ text-align:right; }
.nav:after{ content:"";  display:block; clear:both; }
.nav .site_map{ display:none; position:absolute; top:0; right:0; height:60px; }
.nav .site_map > h1{ position:relative; display:inline-block; height:51px; margin:0; text-align:center; }
.nav .site_map > h1 a{ display:inline-block; width:52px; height:51px; background:url(/img/sitemap_icon.png) no-repeat center; background-size:22px auto !important; border-right:1px solid rgba(252,255,255,0.1); }
/* .nav .site_map > h1:hover a{ background:url(/img/sitemap_icon.png) no-repeat center; } */
.nav .site_map > h1 a i{ display:none; color:#fff; font-size:0; line-height:190%; }
.nav .site_map > h1 a i:before{ display:inline-block; content:''; width:40px; height:60px; background:url(/img/sitemap_icon.png) no-repeat center 100%; }
.nav .site_map > h1.active{  }
.nav .site_map:hover > h1{ }
.nav .site_map:hover > h1 a{  }
.nav .site_map:hover > h1:before{  }
.nav .site_map:hover > h1:after{  }



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

.total_menu .depth_2{  }
.total_menu .depth_2 li{  }
.total_menu .depth_2 li > a{ position:relative; display:block; padding-left:8%; border-bottom:solid 1px #eee; font:400 15px/40px 'NanumGothic'; color:#333; 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; }
.total_menu .depth_3 li{ float:left; width:50%; }
.total_menu .depth_3 li a{ padding-left:18%; color:#666; font-size:14px; line-height:38px; 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:#1e83bb; 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
------------------------------------*/
.top_menu{ display:inline-block; top:0; left:0; margin:0 268px 0 0; padding:0 0 0; }
.top_menu:after{ content:"";  display:block; clear:both; }
.top_menu > li{ float:left; position:relative; }
.top_menu > li .depth_1{ z-index:10; position:relative; }
.top_menu > li .depth_1{ display:block; padding:23px 25px;  text-align:center; font:500 20px 'Noto Sans KR','NanumGothic',Sans-serif; color:#000; }
.top_menu > li dd{ z-index:10; min-width:160px; display:none; position:absolute; top:100%; left:0; width:100%; }
.top_menu > li.active dd{}
.top_menu .depth_2{ position:absolute; left:0; top:100%; display:none; width:120%; margin-left:-10%; background:#fff; border-top:2px solid #1e83bb; box-shadow:2px 2px 3px rgba(0,0,0,.3); }
.top_menu .depth_2 li{ position:relative; text-align:center; }
.top_menu > li:hover .depth_2{ display:block; }
.top_menu .depth_2 a{ display:block; height:30px; font:400 13px/20px 'NanumGothic','Malgun Gothic',Sans-serif; color:#000; padding:5px; border-bottom:solid 1px #f6f6f6; }
.top_menu > li:hover{ color:#1e82bb; }
.top_menu > li:hover dt a{ color:#1e83bb;  }
.top_menu > li.active{ color:#003caa; }
.top_menu > li.active.fff{ border-bottom-color:#1e83bb; }
.top_menu > li.active dt a{ color:#1e83bb; }
.top_menu > li.active:hover dt a{  color:#1e83bb; border-color:#333; }
.top_menu > li:hover dd{ display:block; }
.top_menu .depth_2 a{ -webkit-transition-duration:0.2s; -moz-transition-duration:0.2s; -o-transition-duration:0.2s; -ms-transition-duration:0.2s; transition-duration:0.2s; }
.top_menu .depth_2 li:hover > a{ color:#242424; background:#f5f5f5; }
.top_menu .depth_2 li.active > a{ color:#242424; background:#f5f5f5; }
.top_menu .depth_2 a > i{ display:inline-block; margin:0 0 0 5px;  }
.top_menu .depth_2 a > i:before{ content:''; font:normal 11px/20px 'FontAwesome'; color:rgba(255,255,255,0.8); }
.top_menu .depth_2 li:hover a > i:before{ color:#fff; }

.top_menu .depth_3{ display:none; position:absolute; left:100%; top:0; width:130px; background:rgba(0,0,0,.6); }
.top_menu .depth_2 li:hover .depth_3{ display:block; }
.top_menu .depth_3 a{ display:block; font:400 13px/20px 'NanumGothic','Malgun Gothic',Sans-serif; color:rgba(255,255,255,0.8); padding:5px; }
.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; }
.top_menu .depth_3 a:hover{ color:#fff; background:#1e83bb; }



/*------------------------------------
    스크롤시 상단메뉴 고정
------------------------------------*/
/* .header.fixed{ background:#1e83bb; }
.header.fixed .top_wrap .centerWrap{ border:none; }

.middle_wrap.fixed{  }
.middle_wrap.fixed .centerWrap{   }
.middle_wrap.fixed .logo{ top:17px; }  
.middle_wrap.fixed .logo a{ width:216px; height:46.8px; background:url(/img/logo.png) no-repeat center; background-size:100% auto !important; }   
.middle_wrap.fixed .logo a > img{ display:none; }

.nav.fixed{ top:0; background:#fff; border-bottom-color:#ddd;  }


.nav.fixed .top_menu > li .depth_1{ color:#242424; text-shadow:none; }
.nav.fixed .top_menu .depth_2{ background:#fff; border:1px solid #ddd; border-width:0 1px 1px 1px; }
.nav.fixed .top_menu .depth_2 a{ color:#444; }
.nav.fixed .top_menu .depth_2 li:hover > a{ color:#fff; }
.nav.fixed .top_menu .depth_2 li.active a{ color:#fff; }
.nav.fixed .top_menu .depth_2 a > i:before{ color:#555; }
.nav.fixed .top_menu .depth_2 li:hover a > i:before{ color:#fff; }

.nav.fixed .top_menu .depth_3{ top:-1px; background:#fff; border:1px solid #ddd; } */



/*------------------------------------
    고정 퀵 배너
------------------------------------*/
.quick_banner{ display:none; }


/*------------------------------------
    메인: 메인비쥬얼
------------------------------------*/
.visual_ment{ z-index:1; position:absolute; left:0; bottom:30%; width:100%; text-align:center; color:#000; }

.visual_ment h1{ font-size:50px; font-family:'Noto Sans KR',sans-serif; font-weight:500; color:#rgba(0,0,0,0.8); }
.visual_ment h2{ font-size:20px; font-family:'Noto Sans KR',sans-serif; font-weight:400; font-weight: 600; color:#484848; }
.visual_ment h3{ font-size:13px; font-family:'Noto Sans KR','NanumGothic',sans-serif; font-weight:200; /* text-shadow:0 0 40px rgba(0,0,0,0.6);*/ font-weight:300; color:#606060; }
.visual_ment b{ font-weight:400; }
.visual_ment h1 u{ display:block; margin-bottom:12px; font-size:60px; text-decoration:none; }
.visual_ment span{ display:block; font:300 22px/70px 'Noto Sans KR'; text-shadow:0 0 20px rgba(0,0,0,0.5); color:rgba(255,255,255,0.8); }
.visual_ment i{ display:inline-block; font-size:0; }
.visual_ment i:before{ display:inline-block; content:''; width:67px; height:63px; background:url(/img/mark_50.png) no-repeat center; background-size:100%; vertical-align:-5px; }
.visual_ment .visual_btn{ display:inline-block; width:180px; height:40px; border:solid 1px #fff; padding:10px 28px; margin-top:25px; }
.visual_ment p{display:inline-block; width:180px; height:40px; border:solid 1px rgba(0,0,0,0.3); margin-top:25px; }
.visual_ment a{ position:relative; color:#484848;  float:left; font-size:13px; font-family:'Noto Sans KR','FontAwesome',sans-serif; font-weight:200; padding:10px 20px; }
.visual_ment a:after{position:absolute; top:13px; right:-25px; content:''; color:#484848; font: 15px 'FontAwesome';}



/*------------------------------------
    메인:타이틀
------------------------------------*/
.contents_title{ position:relative; padding:50px 0 30px 0; font:500 35px/45px 'Noto Sans KR','Nanumgothic',sans-serif; color:#242424; text-align:center; text-transform:uppercase; }
.contents_title:after{display:none;/* display:block;*/position:relative; left:50%; content:''; width:62px; margin:10px 0 0 -31px; height:1px; background:#1e83bb; }
.contents_title u{ text-decoration:none; font-size:0; }
.contents_title u:before{ display:inline-block; content:''; width:54px; height:50px; background:url(/img/mark_50.png) no-repeat center; background-size:100% !important; vertical-align:-11px; }
.contents_title span{ display:block; font-size:15px; color:#c3c3c3; font-weight:300; }
/*.contents_title p{/*display:inline-block;*/ font-size:13px; font-weight:300; color:#c3c3c3; text-align:center; }
.contents_title dd{ float:left; color:#fff;  }

.contents_title.white{ margin-top:30px; margin-left:120px; text-align:left; color:#fff; }
.contents_title.white span{ color:#fff; }




/*-------------------------------
	메인 : 전화번호, 계좌
-------------------------------*/
.main_number_bar p img{ max-width:100%; width:auto; }





/*-----------------------------------
	메인:주요제품 main_major
-----------------------------------*/
.major_product_wrap{ padding:10px 0 100px 0; }
.major_product { margin:0 0 0 0; padding:0; overflow:hidden; z-index:1; }
.major_product li {position:relative; float:left; width:18.8%; margin-left:1.5%; cursor:pointer; }
.major_product p img { max-width:100%; width:auto;}
.major_product .title1 {position:absolute; bottom:0; left:0; width:100%; z-index:2; text-align:center; 
background-color:rgba(0,0,0,0.7); color:#fff; font:400 15px/44px 'Nanumgothic',sans-serif; }
.major_product li:nth-child(5n+1){ margin-left:0;}
.major_product li:last-child{ display:none; }


/*-----------------------------------
	메인:시공갤러리 main_gallery
-----------------------------------*/
.main_gallery_wrap{ padding:10px 0 85px; }
.gallery{ overflow:hidden; }
.gallery li{ float:left; width:15.8333%; margin-left:1%; margin-bottom:10px;}
.gallery li:hover dl dt{ display:block; cursor:pointer; }
.gallery dl{ position:relative;}
.gallery dd{ z-index:1;}
.gallery dt{ position:absolute; width:100%; height:100%; top:0; left:0; color:#fff; text-align:center; padding-top:34%; z-index:2; display:none;  background:rgba(0,0,0,0.6); font:300 16px 'Noto Sans KR','Nanumgothic',sans-serif; text-shadow:0 1px 1px rgba(0,0,0,0.5); }
.gallery dt strong { display:inline-block; padding:0px 12px 0px 12px; font-size:13px; border:solid 1px rgba(255,255,255,0.6); border-radius:50px; color:rgba(255,255,255,0.6); font-weight:300; }
.gallery h3 { margin-bottom:5px; }
.gallery dd img { max-width:100%; width:auto;}
.gallery li:nth-child(6n+1){ margin-left:0;}



/*------------------------------------
    메인: 인기제품 main_popular
------------------------------------*/
.main_popular_block{ position:relative; background:url(/img/popular_1.jpg) no-repeat center; }
.main_popular_wrap{ position:relative; margin:0 auto; }
.main_popular_wrap .flexslider2{ margin:0 auto; }
.main_popular_wrap p img { }
.main_popular_wrap span{font-size:15px; font-weight:400;}
.main_popular li{ float:left;}
.main_popular li:last-child{ position:relative; float:right; margin-right:130px; }



/*------------------------------------
    메인: 게시글 불러오기 latest news
------------------------------------*/
.latest_news_wrap{ padding:10px 0 80px 0; }
.latest_news{ overflow:hidden; }
.latest_news > li{ float:left; width:30.6666%; margin-left:4%; }
.latest_news > li:first-child{ margin-left:0; }

/* 타이틀 */
.latest_title{ overflow:hidden; padding:10px 0 5px; cursor:pointer; }
.latest_title h2{ float:left; font:600 20px/30px 'NanumGothic'; color:#333; }
.latest_title strong{ float:right; position:relative; display:inline-block; margin-top:4px; font:600 13px/20px 'NanumGothic'; color:#1e83bb; text-transform:uppercase; }
.latest_title strong:after{ display:block; content:''; width:100%; height:1px; background:#1e83bb; }

/* 게시글 리스트 */
.main_news{}
.main_news li{  }
.main_news li a{ display:block; overflow:hidden; }
.main_news li a strong{ float:left; display:inline-block; width:65%; font:300 16px/34px 'Noto Sans KR'; color:#333; }
.main_news li a strong{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; }
.main_news li a b{ float:right; display:inline-block; width:33%; text-align:right; font:300 13px/34px 'Noto Sans KR'; color:#555; }


/*------------------------------------
    로그인 페이지
------------------------------------*/
.loginbox{ padding:120px 0 80px 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 'Noto Sans KR'; color:#333; }
/* input, select 박스 스타일 */
.formControl{ width:100%; height:32px; padding:0 10px; border:1px solid #ddd; font:400 13px/30px 'NanumGothic'; border-radius:0 4px 4px 0; color:#555; }
.submit_btn{ display:inline-block; width:83%; padding:10px; margin:0 auto; font:600 15px/18px 'NanumGothic'; color:#fff; background:#1e83bb; 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%; }


/*------------------------------------
    서브 : 본문 좌측 메뉴 영역
------------------------------------*/
.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:#1e83bb;  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:#1e83bb; 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:#1e83bb;  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:1; position:absolute; left:0; top:45px; content:''; width:100%; height:1px; background:#ddd; }
.sub_category_top .centerWrap{  }
.depth_2_sub{ z-index:9; position:relative; width:100%; margin:0 auto; }
.depth_2_sub:before{ z-index:10; 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:25%; cursor:pointer; border-width:1px 1px 0px 1px; text-align:center; }
.depth_2_sub > li a{ z-index:9; display:block; position:relative; color:#444; padding:0 10px; font:600 14px/45px 'NanumGothic'; 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:#1e83bb; background:#fcfcfc; }
.depth_2_sub > li:hover a i:before{ color:#1e83bb; }
.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:#1e83bb; }
.depth_2_sub > li.active > a{ color:#1e83bb; }
.depth_2_sub > li.active a i:before{ color:#1e83bb; }
.depth_2_sub > li.active:hover > a{ background:none; }

.company_body .depth_2_sub > li{ width:20%; }
.product_body .depth_2_sub > li{ width:14.28571%; }
.cs_body .depth_2_sub > li{ width:16.6666%; }

/* 3depth */
.depth_3_sub{ display:none; z-index:1; position:absolute; left:-1px; top:100%; width:100.5%; padding-top:1px; background:#fff; }
.depth_2_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/40px 'NanumGothic'; color:#555; }
.depth_3_sub li a:hover{ color:#1e83bb; }
.depth_3_sub > li.active > a{ color:#1e83bb; }




/*------------------------------------
    서브 : 좌측측 메뉴 영역
------------------------------------*/
.sub_category_left{ float:left; width:18%; margin:60px 0 0 0; }
.sub_category_left .centerWrap{ padding:0; }
.sub_category_title{ background:#1e83bb; }
.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/20px 'NanumGothic','Malgun gothic',Sans-serif;  border-width:0 1px 1px 1px; }
.depth_2_left li:hover a{ color:#1e83bb; }
.depth_2_left li.active{ border-color:#1e83bb; }
.depth_2_left li.active a{ color:#1e83bb; font-weight:600; border-color:#1e83bb; }
.depth_2_left li.active a:before{ position:absolute; left:0; top:-1px; content:''; width:100%; height:1px; background:#1e83bb; }


/*------------------------------------
    서브 : 100% 컨텐츠 영역
------------------------------------*/
.sub_top_block{ margin:0 auto; }
.sub_contents_wrap { padding:0; min-height:520px; }
.sub_contents_wrap.contents_top{  }
.sub_contents_wrap .centerWrap{ padding:0 15px 70px; }


.sub_right_contents{ padding:0 0.5% 0; min-height:400px; }

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

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


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




/*------------------------------------
			서브:제품소개
-------------------------------------*/



/*무볼트앵글*/

.product_image_wrap p img{ max-width:100%; width:auto; }
.product_image{overflow:hidden;}
.product_image img{ max-width:100%; width:auto; margin:0 auto; }
.product_image .small_img_wrap{ max-width:300px; margin-bottom:20px; }
.product_image li{ float:left; width:49%; margin:0 0 22px 2%; }
.product_image li a{ display:block; }
.product_image.wide_image li{position:relative; width:100%; margin-left:0; }
.product_image.wide_image h2{position:absolute; bottom:0; left:0; width:100%; background:rgba(0,0,0,0.6); font:500 22px/35px 'Noto Sans KR','Malgun Gothic',Sans-serif; color:#fff; padding:17px 23px 21px;}
.product_image.wide_image h2 span{font-size:13px; line-height:21px; font-family:'NanumGothic'; font-weight:400; color:rgba(255,255,255,0.9); display:block; }
.product_image li:nth-child(2n+1){ margin-left:0; clear:both; }

.product_image h3{ position:relative; font:500 22px/35px 'Noto Sans KR', Sans-serif; text-align:left; margin:25px 0 17px; }
.product_image h3:before{ display:block; content:''; width:20px; height:3px; background:#1e83bb; }

.product_image .mouvolt{ clear:none !important; width:23.5%; margin-left:2%; }
.product_image .mouvolt.margin_left{ margin-left:2%; }
.product_image .mouvolt li p img{ max-width:100%; width:auto; }


.product_mou{ overflow:hidden; }
.product_mou li{ float:left; width:23.5%; margin-right:2%; padding-bottom:20px; }
.product_mou li:nth-child(4n+1){ margin-right:0;}
.product_mou h3{ position:relative; font:600 22px/35px 'NanumGothic','Malgun Gothic', Sans-serif; text-align:left; margin:25px 0 17px; }
.product_mou h3:before{ display:block; content:''; width:20px; height:3px; background:#1e83bb; }
.product_mou li span{ font:400 14px/18px 'NanumGothic','Malgun Gothic', Sans-serif; }
.product_mou li p img{max-width:100%; width:auto;}


.product_mou.product_mou2 li{ width:18.4%;}
.product_mou.product_mou2 li:nth-child(5){ margin-right:2% !important; }
.product_mou.product_mou2 li:nth-child(6){ margin-right:0 !important; }

.product_mou li p{ border:solid 1px #ddd; }



/*조립식앵글_표*/
.product_table{ overflow:hidden; background:#fff; text-align:center; }
.product_table li{ float:left; width:48.5%; margin-left:3%; padding-top:15px; }
.product_table li:nth-child(2n+1){ margin-left:0; clear:both; }
.product_table h3{ position:relative; font:600 22px/35px 'NanumGothic','Malgun Gothic', Sans-serif; text-align:left; margin:25px 0 17px; }
.product_table h3:before{ display:block; content:''; width:20px; height:3px; background:#1e83bb; }
.product_table h3 span{ display:block; padding:13px 0 0 20px; font-weight:400; font-size:15px; line-height:20px; color:rgba(0,0,0,0.9); }
.product_table h3 span b{ display:inline-block; margin-left:-20px; width:20px; }
.product_table .super_size p{ width:100%; }

.product_table.width_100 li{ width:100%; }
.product_table.width_100 li img{ width:auto; max-width:100%; }


/*경량랙 설명*/
.product_text h3{font:600 22px/45px 'NanumGothic','Malgun Gothic', Sans-serif; text-align:left; padding-top:40px;}
.product_text h3 span{ padding:0 0 0 20px; font-weight:400; font-size:15px; line-height:20px; color:rgba(0,0,0,0.9); display:block;  }
.product_text h3 span b{ display:inline-block; margin-left:-20px; width:20px; font-weight:600; }
.product_text h3:before{ display:block; content:''; width:20px; height:3px; background:#1e83bb; }
.product_text { overflow:hidden;}
/*.product_text li { float:left; width:48.5%; margin:0 0 25px 3%; }
.product_text li:nth-child(4n+1){ margin-left:0;}*/


/*파렛트랙_표*/
.product_table.pallet li{ width:100%;}

/*메탈랙 표*/
.product_table p{ width:26%; margin:0 auto; overflow:hidden; }
.k_rack p{ width:100%; margin:0 auto important!;}
.metal p{ width:100%; }


.product_metal{ overflow:hidden; padding-bottom:15px; }
.product_metal li{ float:left; width:32%; margin:0 0 20px 2%; position:relative; }
.product_metal li:nth-child(3n+1){ margin-left:0; }
.product_metal h3{position:absolute; width:100%; bottom:0; left:0; background-color:rgba(0,0,0,0.7); z-index:2;color:#fff; font:600 13px/15px 'NanumGothic','Malgun Gothic', Sans-serif; text-align:center; padding:4px;}
.product_metal h3 span { display:block; font-size:11px; font-weight:400; padding-top:3px;  }

.product_metal li p img{ max-width:100%; width:auto; }

/*메탈랙 특징*/

.metal_line{ overflow:hidden; }
.metal_line li{ float:left; width:23.5%; margin-left:2%; padding:15px 0; }
.metal_line li:nth-child(2){ margin-left:0; }
.metal_line li p img{ max-width:100%; width:auto; }

.metal_line li h4{ height:160px; padding:7px; background:#464646; color:#fff; font:600 15px/30px 'NanumGothic','Malgun Gothic', Sans-serif; }
.metal_line li span{ display:block; color:rgba(255,255,255,0.9); font-size:12px; font-weight:400; line-height:15px; }
.metal_line h3 {font:600 22px/45px 'NanumGothic','Malgun Gothic', Sans-serif; text-align:left; padding-top:40px;}
.metal_line h3:before{ display:block; content:''; width:20px; height:3px; background:#1e83bb; }

/*스페이스 월 부품*/
.wide_image h3{font:600 22px/45px 'NanumGothic','Malgun Gothic', Sans-serif; text-align:left; padding-top:30px; padding-bottom:20px;}
.wide_image h3:before{ display:block; content:''; width:20px; height:3px; background:#1e83bb; }

/*찬넬,휀스망*/
.product_chan { margin:0 0 25px 0; padding:0; overflow:hidden; z-index:1; }
.product_chan li {position:relative; float:left; width:32%; margin-left:2%; }
.product_chan p img { max-width:100%; width:auto;}
.product_chan h3{position:absolute; width:100%; bottom:0; left:0; background-color:rgba(0,0,0,0.7); z-index:2;color:#fff; font:600 13px/15px 'NanumGothic','Malgun Gothic', Sans-serif; text-align:center; padding:12px;}
.product_chan span{ display:block; font-size:11px; color:rgba(255,255,255,0.8);}
.product_chan li:nth-child(4n+1){ margin-left:0;}
  


/*진열장제작*/

.product_jin_image {overflow:hidden;}
.product_jin_image li{ position:relative; float:left; width:48.5%; margin:0 0 25px 3%;}
.product_jin_image li:nth-child(2n+1){ margin-left:0;}
.product_jin_image h3{position:absolute; width:100%; bottom:0; left:0; background-color:rgba(0,0,0,0.7); z-index:2; color:rgba(255,255,255,0.9); font:600 14px/25px 'NanumGothic','Malgun Gothic', Sans-serif; text-align:center; padding:8px;}
.product_jin_image h3 span{ display:block; font-size:11px; color:rgba(255,255,255,0.8);}
.product_jin_image p img{ max-width:100%; width:auto;}

/*기타*/
.product_gital { margin:0; padding:0; overflow:hidden; z-index:1; }
.product_gital li {position:relative; float:left; width:32%; margin:0 0 20px 2%; }
.product_gital li:nth-child(3n+1){ margin-left:0; }
.product_gital p img { max-width:100%; width:auto;}
.product_gital h3{position:absolute; width:100%; bottom:0; left:0; background-color:rgba(0,0,0,0.7); z-index:2;color:#fff; font:600 13px/15px 'NanumGothic','Malgun Gothic', Sans-serif; text-align:center; padding:12px;}


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

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

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



/*------------------------------------
    푸터 > 카피라이터
------------------------------------*/
.copyright{ position:relative; overflow:hidden; padding:0 0 0; }
.copyright:after{ content:"";  display:block; clear:both; }
.copyright h3{ width:20%; float:left; padding:0 0 0 0; margin:16px 0 0 0; }
.copyright h3 a{ display:inline-block; max-width:200px; }
.copyright h3 a > img{ width:auto; max-width:100%; -webkit-filter: grayscale(100%); filter: gray; opacity:0.8; }
.copyright .addr{ padding:0; float:right; width:78%; }
.copyright .addr ul{ overflow:hidden; }
.copyright .addr ul li{ display:inline-block; font:400 15px/24px 'NanumGothic','Malgun Gothic',Sans-serif; color:rgba(255,255,255,0.8); letter-spacing:-0.3px; }
.copyright .addr ul li:after{ content:"|"; padding:0 8px 0 10px; font-size:12px; color:#ccc; opacity:.3  }
.copyright .addr ul li:last-child:after{ display:none; }
.copyright .addr ul li.m_tel{ display:none; }
.copyright .addr ul li a{ color:rgba(255,255,255,0.8); }
.copyright .addr ul li a{ -webkit-transition-duration:0.2s; -moz-transition-duration:0.2s; -o-transition-duration:0.2s; -ms-transition-duration:0.2s; transition-duration:0.2s; }
.copyright .addr ul li a:hover{ color:#fff; }
.copyright .addr ul .login_btn{ display:inline-block; padding:2px 7px 0 6px; margin-left:10px; vertical-align:3px; font:400 11px/13px 'NanumGothic','Malgun Gothic',Sans-serif; color:rgba(255,255,255,0.5); border:1px solid rgba(255,255,255,0.3); border-radius:100em; }
.copyright .addr ul .login_btn{ -webkit-transition-duration:0.2s; -moz-transition-duration:0.2s; -o-transition-duration:0.2s; -ms-transition-duration:0.2s; transition-duration:0.2s; }
.copyright .addr ul .login_btn:hover{ color:rgba(255,255,255,0.6); border-color:rgba(255,255,255,0.4); }
.copyright .addr ul .login_btn:before{ display:inline-block; margin-right:2px; content:''; font:normal 10px/16px 'FontAwesome'; color:rgba(255,255,255,0.3); }
.copyright .addr ul .login_btn: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; }
.copyright .addr ul .login_btn:hover:before{ color:rgba(255,255,255,0.4); }


/*------------------------------------
	서브비주얼
------------------------------------*/
.sub_visual_wrap{ position:relative; overflow:hidden; height:180px; 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; }
.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; z-index:3; padding:0 30px; margin:71px auto 0 ; font:400 26px/40px '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; }



/*------------------------------------
    서브 > 페이지 타이틀
------------------------------------*/
.page_title_wrap{ position:relative; padding:40px 0 19px; margin-bottom:50px; border-bottom:1px solid #ddd; }
.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 '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:400 13px/18px '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:#1e83bb; }
.path_box a:hover{ color:#1e83bb; }


/*------------------------------------
    상세검색
------------------------------------*/
.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:#1e83bb; 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:#1e83bb; 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;  }



/*------------------------------------
    이미지
------------------------------------*/
.img_wrap{ z-index:2; position:relative; }
.img_wrap:before{ z-index:3; position:absolute; left:0; top:0; content:''; width:100%; height:100%; }
.img_wrap img{ width:auto !important; max-width:100% !important; }


/*------------------------------------
    서브 컨텐츠 대표 문구 : 타이틀
------------------------------------*/
.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:#1e83bb; }



/*------------------------------------
    회사소개
------------------------------------*/

/* 인사말 */
/* 상단 이미지와 캡션을 구성 */
.ceo_greet{width: 100%;height: auto;padding: 0px 0 0 0;margin: auto;}
.ceo_greet_field{width:100%; height:267px; background-color: #0f8ab5;overflow: hidden;border-radius:30px 0 30px 0;}
.ceo_greet_title{width: 50%;height: 100%;float: left;}
.ceo_greet_title > p{width: 80%;height: auto;margin: auto;}
.ceo_greet_title > p > b{font-weight:500;}
.ceo_greet_title > p:first-child{color: #d3e2f4;padding: 50px 0 10px 0;font:400 30px 'Noto Sans KR',sans-serif;}
.ceo_greet_title > p:last-child{color:#fff; font:300 26px 'Noto Sans KR',sans-serif; margin-top:25px; }
.ceo_greet_title > p:last-child > strong{font:300 25px 'Noto Sans KR',sans-serif;}
.ceo_greet_img{width: 50%; float: left;}
.ceo_greet_img > img{max-width:100%; width:auto;}
.ceo_greet_img > p b{font-weight:200;}

/* 하단 회사소개 문단을 구성하는 소스 */
.ceo_greet_con{width: 100%;height: auto; padding-top:30px;}
.ceo_greet_con > h2{font:600 18px 'NanumGothic','Malgun Gothic',Sans-serif; padding:10px 14px;}
.ceo_greet_con > h2 > b{color:#ff911d; font-weight:600;}
.ceo_greet_con p{width: 100%; height: auto; font:400 14px/25px 'NanumGothic','Malgun Gothic',Sans-serif; padding:10px 15px;}
.ceo_greet_con p > span{font:300 16px/24px 'Noto Sans KR',sans-serif; color:#ff911d; font-weight: bold;}
.ceo_greet_con p > b{ color:rgba(0,0,0,0.9); font-weight:600;}
.ceo_greet_con h3{ text-align:right; font:400 15px 'NanumGothic','Malgun Gothic',Sans-serif; color:rgba(0,0,0,0.9);; padding-right:15px; }
.ceo_greet_con h3 > b{font:600 16px 'NanumGothic','Malgun Gothic',Sans-serif; color:#000; }

.greeting{ overflow:hidden;}
.greeting .imgField{width:50%; position:absolute; top:0; right:0; }
.greeting .imgField img{width:100%;}
.greeting .greetingField{ overflow:hidden; position:relative; width:100%; height:272px; padding:0 50px; background:#1e366c; }
.greeting .greetingField p.greeting_title { width:40%; font:100 26px/34px'Noto Sans KR',sans-serif;; margin:45px 0 0 0; color:#c6d8ff; word-break:keep-all; }
.greeting .greetingField p{margin-top:25px; font:500 16px/26px 'Noto Sans KR',sans-serif; color:#fff; /* color:rgba(255,255,255,.6) */;}
.greeting .greetingField p strong{ display:block; font:400 22px/26px 'Noto Sans KR',sans-serif; color:#fff; }
.greeting .greeting_con{ padding:0 5px; margin-top:45px;}
.greeting .greeting_con h2{ margin:0; padding:0 0 20px 0; font:400 23px/34px 'Noto Sans KR',sans-serif; color:#333; }
.greeting .greeting_con h2 b{ color:#222; font-weight:200; font-size:23px; font-family:'Noto Sans KR'; }
.greeting .greeting_con p{ margin-bottom:20px; font:normal 15px/28px'Noto Sans KR',sans-serif; color:#333; letter-spacing:-0.2px; word-break:keep-all; }
.greeting .greetingField{background:#1e366c; border-radius:20px 0 20px 0; }
.greeting .greeting_con p b{ color:#2771d0; font:300 'Noto Sans KR',sans-serif; letter-spacing:0; line-height:24px; }


/* 오시는길 */

.map_wrap .img_wrap{ padding-bottom:30px; text-align:center; }
.root_daum_roughmap_landing { width:100% !important; }



/* 테이블 */
.table01{ border-top:2px solid #167cbf; 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; }
.table01 th{ height:38px; background:#f0f5f7; border-bottom:1px solid #d4d8de; font-weight:600; color:#333; text-align:center; }
.table01 td{ height:34px; padding-left:20px; }
.table01 td a{ color:#333; }
.table01 td a:hover{ color:#167cbf; }

.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:135px; }

.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:#167cbf; }


.product_body .table01 td{ }


/* 회사연혁 */
.intro_history{ width:100%; /*background:url(/img/history_bg.jpg) no-repeat bottom;*/ }
.intro_history, .intro_history p{ word-break:keep-all; }
.intro_history dl{ overflow:hidden; }
.intro_history dl dd{ width:100%; }
.intro_history dl dd .history_top_bg{ clear:both; position:relative; width:100%;  overflow:hidden; margin:0 auto 35px auto; border-radius:10px; text-align:center; }
.history_top_bg:before{ position:absolute; top:0; left:0; width:100%; height:100%; content:'Nambooangle History'; font:500 30px/160px 'Noto Sans KR',sans-serif; color:rgba(255,255,255,0.9); text-shadow:2px 2px #585858; opacity:.9; filter:alpha(opacity:90); }
.intro_history dl dd div{ margin-top:3px; float:left; }
.intro_history dl dd div:first-child{ font:500 24px/26px 'Noto Sans KR', sans-serif; color:#1e82bb; }
.intro_history dl dd li div:first-child{ width:12%; }
.intro_history dl dd div:last-child{ margin-top:2px; width:88%; padding-bottom:6px; border-bottom:1px dotted #ccc; }
.intro_history dl dd ul{ clear:both; margin-bottom:20px; padding:0 2%; }
.intro_history dl dd li{ margin-top:15px; overflow:hidden; }
.intro_history dl dd div > p{ margin-bottom:8px; padding-left:45px; font:300 14px/24px 'Noto Sans KR','Malgun Gothic', Sans-serif; color:#333; }
.intro_history dl dd div > p:before{ content:" "; display:inline-block; width:3px; height:3px; border-radius:100em; background:#aaa; margin-right:8px; margin-left:-42px; vertical-align:4px; }
.intro_history .month{ margin-right:15px; color:#aaa; font:400 16px/24px 'Noto Sans KR','Malgun Gothic', Sans-serif; }
.history_top_bg img{ max-width:100%; width:auto; }



/*------------------------------------
    제품소개
------------------------------------*/



/*------------------------------------
    테이블
------------------------------------*/
.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:#0081c5; 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:#0c4da2; }
.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:#1e83bb; }
.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 'Malgun Gothic', verdana; 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:#1e83bb; color:#fff; border-color:#1e83bb; 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:#1e83bb; }
a.btn:hover{ border-color:#1e83bb; background:#1e83bb; color:#fff !important; }
.btnField .btn{  }
.btnField .btn{  font:400 13px/20px "NanumGothic",Malgun Gothic !important; margin:3px !important; padding:3px 10px; border-radius:3px; border:solid 1px #1e83bb; color:#1e83bb; 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:#1e83bb; font:400 26px/34px 'Noto Sans KR'; }
.search_page_box dt span{ display:block; font:400 14px/22px 'Nunito','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 'Noto Sans KR','Malgun Gothic'; color:#444; background:#fff; border:1px solid #ddd; }
.search_page_btn{ width:130px; height:46px; font:600 14px/46px 'NanumGothic'; background:#1e83bb; border:none; color:#fff; text-transform:uppercase; }

.search_result_title{ padding:0 0.5% 10px; margin:0 0 25px 0; font:300 15px/20px '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 'Noto Sans KR'; color:#333; }
.search_page_result h2:before{ display:inline-block; margin-right:5px; content:''; font:normal 16px 'FontAwesome'; color:#1e83bb; vertical-align:1px; }
.search_page_result h3{ padding:5px 0 7px; font:400 13px/20px '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:600; 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:75px; height:75px; background:#0081c5; border-radius:100px; overflow:hidden; }
.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:#103a62; }
.eb-top p i{ margin:16px 0 5px 0; display:block; color:#fff; font-size:14px; opacity:0.5; }
.eb-top p span{ display:block; font:600 16px/18px 'Verdana','Malgun Gothic',Sans-serif; color:#fff; opacity:0.7; letter-spacing:-0.5px;  }


/*------------------------------------
    게인정보처리방침
------------------------------------*/
.privacy_wrap h2{ margin:0; padding:45px 0 20px; display:block; color:#101c40; font:600 15px 'NanumGothic'; }
.privacy_wrap h2 span{ font:400 15px 'NanumGothic'; }

.privacy_wrap p{ margin:0; padding:8px 0; font:400 14px/24px 'NanumGothic'; word-break:keep-all; }
.privacy_wrap p.i_wrap{ font-size:17px; line-height:27px; }
.privacy_wrap p > span{ color:#101c40; font:600 14px 'NanumGothic'; }
.privacy_wrap p > b{ font-weight:600; color:#242424; }
.privacy_wrap p > b > u{ text-decoration:none; }
.privacy_wrap p > u{ }
.privacy_wrap p > i{ font-size:15px; color:#101c40; }

.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:400 14px/24px 'NanumGothic'; }
.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; }