@charset "utf-8";

/* **************************************** *
 * GENERAL
 * **************************************** */
body{ font-size:14px; font-family:'Nanum Gothic', '나눔고딕', ngweb, ngie, 'Malgun Gothic', '맑은고딕', dotum, '돋움', sans-serif; padding-top:0px; color:#2e2e2e;}
html,body{ height:100%; width:100%;font-family:'Nanum Gothic', '나눔고딕', ngweb, ngie, 'Malgun Gothic', '맑은고딕', dotum, '돋움', sans-serif;}

#warp {z-index:1;position:relative;width:100%; height:auto !important;}


/*따라다니는 배너*/ .scrolls { height:158px; width:174px; position:absolute; right:30px; top:530px; color:#fff; text-align:center; line-height:100px; font-weight:bold; font-size:1.2em; z-index:999999;}

.logo {width:100%; position:relative; text-align:center; margin:26px 0 15px 0;}
.top_link {width:1070px; position:relative; margin:0 auto; text-align:right; font-size:12px; font-weight:bold; padding-bottom:13px;}
.top_link a {text-decoration: none; color:#2e2e2e;}
.top_link a:hover { color:#3498c5;}
.top_link_spe {margin:0 7px 0 7px; font-size:10px;}

#contactus {position:fixed; right:0px; bottom:0px; height:158px; width:174px; overflow:hidden; z-index:999;}

/*Menu*/

.gnb_text {width:150px; height:61px; color:#fff; font-size:18px; font-weight:bold; line-height:50px; float:left; margin:0 20px 0 20px; cursor:pointer; text-align:center;}
.gnb_text:hover{background:#000;}

.float-menu2 { top:0; width:100%; position:fixed; z-index:9999; opacity:0.8; }


#gnb_container {z-index:9999;;position:relative;width:100%; background-color:#fff; background:url('/img/common/gnb_line.gif') repeat-x 100%;}
#gnb_container #gnb {z-index:11;position:relative;height:61px !important; width:1000px; margin:0 auto; background:url('/img/common/gnb_line.gif') repeat-x 100%;}
#gnb_container #gnb .btn {width:150px; height:61px; color:#fff; font-size:18px; font-weight:bold; line-height:50px; float:left; margin:0 20px 0 20px; cursor:pointer; text-align:center;}
#gnb_container #gnb .btn:hover{background:#4fb1de;}


#gnb_container #gnb #sub01 { z-index:99999; 	width:161px;	background-color:#4fb1de;	position:absolute;	visibility: hidden; top:0px; left:20px; text-align:center; }
#gnb_container #gnb #sub02 { z-index:99999; 	width:161px;	background-color:#4fb1de;	position:absolute;	visibility: hidden; top:0px; left:210px; text-align:center; }
#gnb_container #gnb #sub03 { z-index:99999; 	width:161px;	background-color:#4fb1de;	position:absolute;	visibility: hidden; top:0px; left:20px; text-align:center;}
#gnb_container #gnb #sub04 { z-index:99999; 	width:161px;	background-color:#4fb1de;	position:absolute;	visibility: hidden; top:0px; left:20px; text-align:center;}
#gnb_container #gnb #sub05 { z-index:99999; 	width:161px;	background-color:#4fb1de;	position:absolute;	visibility: hidden; top:0px; left:20px; text-align:center;}


.sub_title_01 {width:150px; height:61px; color:#fff; font-size:18px; font-weight:bold; line-height:50px; background-color:#4fb1de; }

.sub_menu_01 {height:17px; font-size:14px; width:161px; cursor:pointer; height:35px; line-height:32px; color:#fff; font-weight:bold;}
.sub_menu_01:hover{background:#fff; opacity:1.0; color:#4fb1de;}


/* BX SLIDER ---------------------------------------------*/
.main_visual {z-index:10;position:relative;width:100%; background-color:#fff;}
.index_slide_layer{	width:1170px;	margin:0 auto;}
/* BX SLIDER ---------------------------------------------*/


.main_container { 	z-index:1;	background-image:url('/img/main/bg.jpg');/*	background-size:100%; */	background-repeat:no-repeat;	background-attachment:scroll;	background-position:top center; }
.main_product {width:1170px; margin:0 auto; position:relative;}
.main_logo{text-align:center; margin:0 0 32px 0; padding-top:65px; position:relative;}
.main_line {text-align:center; margin:0 0 32px 0;}

.main_text01 {text-align:center; font-size:35px; font-weight:normal; color:#2e2e2e; letter-spacing:-1px; margin:0 0 3px 0;}
.main_text02 {text-align:center; font-size:35px; font-weight:600; color:#2e2e2e; letter-spacing:-1px; margin:0 0 20px 0; }
.main_text03 {text-align:center; font-size:16px; font-weight:nomal; color:#2e2e2e; letter-spacing:-1px; }



.main_pro01 {float:left; margin:5px 5px 0 0; width:579px; height:213px; cursor:pointer;}
.main_pro02 {float:left; margin:5px 5px 0 0; width:286px; height:213px; cursor:pointer;}

.main_pro01_t {background-color:rgba(0,0,0,0.5); color:#fff; bottom:-173px; height:40px; position:relative; line-height:40px; text-indent: 20px; transition:ease-in 0.2s; -webkit-transition:ease-in 0.2s; -ms-transition:ease-in 0.2s; -moz-transition:ease-in 0.2s; -o-transition:ease-in 0.2s; font-weight:500; font-size:16px;}
.main_pro01:hover .main_pro01_t {bottom:0px; height:100%;padding-top:90px;}
.main_pro02:hover .main_pro01_t {bottom:0px; height:100%; padding-top:90px;}



.main_video {width:1170px; margin:0 auto; position:relative;}


.footer {position:relative; background-color:#3c3c3c; width:100%;}
.footer_line {width:100%; height:1px; position:relative; background-color:#fff;}
.top_btn {position:relative; text-align:right; width:1170px; margin:0 auto;}

.footer_lang {position:relative; width:1170px; color:#fff; text-align:center; margin:0 auto; font-size:13px; padding:0 0 10px 0;}
.footer_lang a {text-decoration: none; color:#fff;}
.footer_lang a:hover { color:#3498c5; font-weight:bold;}

.footer_add {position:relative; width:1170px; color:#fff; text-align:center; margin:0 auto; font-size:13px; padding:0 0 10px 0; letter-spacing:1px;}
.copyright {position:relative; width:1170px; color:#fff; text-align:center; margin:0 auto; font-size:14px; padding:0 0 20px 0;}
.footer_logo {position:relative; width:1170px; color:#fff; text-align:center; margin:0 auto; font-size:13px; padding:0 0 10px 0;}



.sub_container { 	z-index:1;	/*	background-size:100%; */	background-repeat:no-repeat;	background-attachment:scroll;	background-position:top center; }
/* .sub_container { 	z-index:1;	background-image:url('/img/main/bg.jpg');	background-repeat:no-repeat;	background-attachment:scroll;	background-position:top center; }*/
.sub_visual01 {z-index:10;position:relative;width:100%; height:230px; background-color:#fff;background-image:url('/img/sub/visual_01.jpg');/*	background-size:100%; */	background-repeat:no-repeat;	background-position:top center;}
.sub_visual02 {z-index:10;position:relative;width:100%; height:230px; background-color:#fff;background-image:url('/img/sub/visual_02.jpg');/*	background-size:100%; */	background-repeat:no-repeat;	background-position:top center;}


.product_container {width:1047px; margin:0 auto; position:relative; height:auto;}
.pro_left {width:300px; position:absolute; top:0; left:0;}
.pro_right {width:736px; position:relative; top:0; right:0; margin:0 0 0 311px; line-height:25px;}



.pro_nav_title {background-color:#fff;background-image:url('/img/sub/sub_title.jpg');	background-repeat:no-repeat;	background-position:top center; width:235px; height:65px; font-weight:600; color:#fff; text-indent:30px; font-size:22px; line-height:65px; margin:0 auto;}
.pro_btn {background-image:url('/img/sub/btn_off.gif');	background-repeat:no-repeat;	background-position:top center; width:235px; height:47px; font-size:15px; color:#166a92; line-height:45px;  text-indent:30px;  margin:0 auto; cursor:pointer;}
.pro_btn:hover {background-image:url('/img/sub/btn_on.gif'); color:#fff; font-weight:bold;}

.pro_title { font-size:28px; color:#333333; font-weight:700; width:100%;}
.pro_title_line { width:100%; height:1px; background-color:#555; margin:10px 0 10px 0;}
.pro_text01 {color:#919191; font-size:18px; margin:0 0 20px 0;}



/*.gnb_text a {text-decoration: none; color:#fff;}
.gnb_text a:hover { color:#3498c5;}



/* MENU

header_inner {position: relative;}
.home .header_inner,.page-id-9 .header_inner{ /height: 80px;}




.menu_container {position:absolute; z-index: 999;transition: 800ms; width: 1070px; left:30%}


ul#menu {left:20%;}
ul#menu a { color: #fff; text-decoration: none; font-size: 16px;font-weight: 600; /}
ul#menu > li > a {text-decoration: none; color:#2e2e2e;}
ul#menu > li > a:hover,ul#menu > li.current > a { color:#DC372B;}
ul#menu > li > a:before {content: '';display: block;width: 1px;height: 15px;position: absolute;left: 0;top: 16px;background: #ddd;}
ul#menu > li:first-child > a:before {background: none;}

ul#menu > li,ul#menu > li > a { float: left; display: block; }
ul#menu > li > ul {opacity: 0;position:absolute;visibility: hidden;top: 59px;width: 200px;z-index:255;left: 50%;margin-left: -100px;box-shadow: 5px 4px 12px -4px rgba(0,0,0,0.16);-webkit-transition:opacity 150ms;transition: opacity 150ms;}
ul#menu li:hover > ul visibility: visible;opacity: 1;}
ul#menu > li > a {padding: 10px 36px 25px 36px;position: relative;}
ul#menu li{ position:relative}
ul#menu > li > ul a {background: #fff;display: block;padding: 10px 5px 10px 25px;font-size: 14px;font-weight: 400;clear: both;border-top: 1px solid #edebe4;text-align: left;-webkit-transition:300ms;transition: 300ms;}

ul#menu > li:hover > ul a { padding: 17px 5px 17px 25px;}
ul#menu > li > ul a:hover {background: #DC372B;color: #fff;}
ul#menu > li > ul > li > ul a { padding-left:40px; position:relative;background: #fafafa;}
ul#menu > li > ul > li > ul a:hover {background: #fafafa;color: #66af3f;}
ul#menu > li > ul > li > ul a:before { content: ""; display: block; position: absolute; top: 50%; left: 24px; background: #67af3f; width: 5px; height: 1px;}

ul#menu > li > ul > li:first-child > a{border-top: none;} */