@charset "utf-8";
@import url(//cdn.jsdelivr.net/font-nanum/1.0/nanumbarungothic/nanumbarungothic.css);
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url('https://fonts.googleapis.com/css?family=Lato');
/*@import url(//fonts.googleapis.com/earlyaccess/nanummyeongjo.css);
@import url(//cdn.rawgit.com/hiun/NanumSquare/master/nanumsquare.css); */

* {
	padding:0px;
	margin:0px;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	font-family: "Nanum Barun Gothic" ;
	list-style:none;
}

a { text-decoration: none; }
.w1100 { width:1100px; margin:0px auto; }


html {

	-ms-content-zooming: none;
	-ms-touch-action: pan-x pan-y;

}

/* 헤더 정의 */

#header { width:100%; position:fixed; z-index:999; background:#000;}
#header .h_top { width:100%; height:65px; text-align:center; padding-top:15px; }
.mobile_menu, .mobile_search { display:none; }
.m_open { display:none; }


#header .h_bottom { width:100%; text-align:center; position:relative;  background:#000; height:45px; }
#header .h_bottom .main_menu {  padding-top:14px; }
#header .h_bottom .main_menu > li { display:inline-block; position:relative; }
#header .h_bottom .main_menu > li > a { display:block; margin:0px 60px; text-align:center; padding-bottom:10px; font-size:15px; color:#aaa; font-family: 'Lato', sans-serif; font-weight:bold; }
#header .h_bottom .main_menu > li:last-child > a { margin-right:0px; } 
#header .h_bottom .main_menu > li:first-child > a { margin-left:0px; }
#header .h_bottom .main_menu .sub_menu { width:200px;  position:absolute; z-index:3; background:#333; left:-15px; display:none; text-transform:uppercase;}
#header .h_bottom .main_menu > li:nth-of-type(3) .sub_menu { left:-8px; }
#header .h_bottom .main_menu .sub_menu li a { display:block; width:100%; background:#000; font-size:13px; color:#aaa; padding:8px 0px 8px 20px; text-align:left; top:0; left:0;}
#header .h_bottom .side_menu { position:absolute;  right:30px; top:12px; }
#header .h_bottom .side_menu li { display:inline-block;color:#aaa; vertical-align:middle; }
#header .h_bottom .side_menu li a { display:block; color:#aaa; margin-left:5px; font-size:13px; }

#header .h_bottom .side_menu .search_box { width:150px; margin:0px 5px; display:none;}
#header .h_bottom .side_menu .search_box input { width:100%; padding-bottom:2px; border:none; border-bottom:1px solid #999; color:#999; background:#333;  }
#header .h_bottom .side_menu .search_box input:focus { outline:none; }

#header .h_bottom .main_menu > li:hover > a { color:#fff; }
#header .h_bottom .main_menu > li:hover .sub_menu { display:block; }
#header .h_bottom .main_menu .sub_menu li a:hover { background:#222; }

#header .search_cont { width:100%;position:absolute; height:50px; background:#e6e6e6; border-bottom:1px solid #ccc; z-index:-1; display:none; }
#header .search_cont .search_left { float:left; line-height:50px; width:80%; }
#header .search_cont .search_left img { vertical-align:middle; padding-right:10px;}
#header .search_cont .search_left input { border:none; background:none; color:#333; width:90%; }
#header .search_cont .search_left input:focus { outline:none; }
#header .search_cont .search_right { float:right; padding-top:14px;}
#header .search_cont .search_right img { cursor:pointer; }



/* wrap 정의 */

#wrap { 
	width:100%;
	padding-top: 110px;
	position:relative;
	background: #fff;
    z-index: 990;
    margin-bottom: 358px;
}

#wrap .main_slide { width:100%; height:auto; position:relative; text-align:center;}
#wrap .main_slide .imgbox { width:100%; height:auto; text-align:center; }
#wrap .main_slide .imgbox li { width:100%; position:relative; top:0; left:0; }
#wrap .main_slide .imgbox li img { width:100%; }
#wrap .main_slide .slide_nav .slide_prev { position:absolute; z-index:333; top:50%; margin-top:-35px; left:50px;}
#wrap .main_slide .slide_nav .slide_next { position:absolute; z-index:333; top:50%; margin-top:-35px; right:50px;}


#wrap .main_listbox { width:1100px; margin:90px auto 0px;}
#wrap .main_listbox:after { display:block; content:""; clear:both; }
#wrap .main_listbox .main_list { width:525px; margin-bottom:60px; float:left;} 
#wrap .main_listbox .main_list:nth-of-type(2n-1) { margin-right:50px;}
#wrap .main_listbox .main_list .img { width: 100%; height: auto; position:relative; overflow:hidden;}
#wrap .main_listbox .main_list img { display:block; width:100%; } 
#wrap .main_listbox .main_list h1 { color:#333; font-size:20px; font-weight:normal; margin-top:34px;}
#wrap .main_listbox .main_list .line01 { width:100%; background:#c9c9c9; height:1px; margin:17px 0px 6px;  }
#wrap .main_listbox .main_list p { font-size:14px; color:#999; line-height:20px;}

.main_list .img { }
.main_list .img img { transition:all 0.3s; }
.main_list .img .shadow { width:100%; height:100%; background:rgba(0,0,0,0.6); position:absolute; left:0; top:0; transition:all 0.3s; opacity:0;}

.main_list:hover .img .shadow { opacity:1; }
.main_list:hover .img img { transform:scale(1.1); }


#wrap .sub_title { width:100%; height:50px; background:#e6e6e6; text-transform:uppercase;}
#wrap .sub_title .sub_tit { float:left; font-size:20px; font-family: 'Lato', sans-serif; color:#333; padding-top:11px; font-weight:bold;}
#wrap .sub_title .pro_tit { float:left; color:#777; padding-top:9px; font-size:15px;}
#wrap .sub_title .pro_tit span { font-family: 'Lato', sans-serif; font-size:20px; padding-right:10px; font-weight:bold; color:#333;}
#wrap .sub_title .page_path { float:right; font-size:14px; color:#333; font-family: 'Lato', sans-serif; padding-top:13px; }
#wrap .sub_title .page_path a { color:#333;font-family: 'Lato', sans-serif; }

.sub_topimg { width:100%;  }
.sub_topimg img { width:100%; display:block;}

#wrap .aboutus { width:100%; position:relative; }

#wrap .aboutus .about_toptxt { width:100%; margin-bottom:80px; }
#wrap .aboutus .about_toptxt:after { display:block; content:""; clear:both; }
#wrap .aboutus .about_toptxt .about_top { width:50%; float:right; border-left:1px solid #434343; margin-top:83px; margin-bottom:50px;}
#wrap .aboutus .about_toptxt .about_top p {  font-size:30px;color:#333; padding-left:20px; padding-bottom:70px; }
#wrap .aboutus .about_toptxt .about_bottom { width:870px; margin:0 auto; clear:both;}
#wrap .aboutus .about_toptxt .about_bottom:after { display:block; content:""; clear:both; }
#wrap .aboutus .about_toptxt .about_bottom p { padding:0px 20px; float:left; width:50%; font-size:16px; color:#999; line-height:30px; text-align:justify; }

.mobile_about_bottom { display:none; }

#wrap .history { width:100%; position:relative; background:#eee; padding:50px 0px 100px; }
#wrap .history .h_cate { width:732px; margin:0 auto; padding-bottom:125px; }
#wrap .history .h_cate:after { display:block; content:"";clear:both; }
#wrap .history .h_cate li { float:left; }
#wrap .history .h_cate li a { display:block; text-align:center; width:183px; background:#fff; padding:17px 0px; font-size:20px; font-weight:bold; color:#333; border:1px solid #d5d5d5;}
#wrap .history .h_cate li:last-child a { border-bottom:3px solid #9b885d; }
#wrap .history .h_page {  background:url(../images/history_contline.png) repeat-y center top; display:none; }
#wrap .history .h_page:after { display:block; content:"";clear:both; }
#wrap .history .h_page:last-child { display:block; }
#wrap .history .h_page .h_cont { width:50%; clear:both;}
#wrap .history .h_page .h_cont:after { display:block; content:"";clear:both; }
#wrap .history .h_page .h_cont .contbox { width:97%; background:#fff; padding:40px; }
#wrap .history .h_page .h_cont .contbox h3 { font-size:56px; color:#333; }
#wrap .history .h_page .h_cont .contbox .line05 { width:100%; height:1px; background:#959595; margin:15px 0px; }
#wrap .history .h_page .h_cont .contbox li { font-size:14px; color:#777; padding-bottom:10px;}
#wrap .history .h_page .h_cont .contbox li span { font-weight:bold; color:#333;padding-right:20px; }

#wrap .history .h_page .h_cont .contbox table { width:100%; }
#wrap .history .h_page .h_cont .contbox table tr { font-size:14px; color:#777; padding-bottom:10px; line-height:27px; vertical-align:top; }
#wrap .history .h_page .h_cont .contbox table tr th { font-weight:bold; color:#333;padding-right:20px; width:95px; }
#wrap .history .h_page .h_cont .contbox table tr td {  }


#wrap .history .h_page .h_cont:nth-of-type(2n-1) { float:left; background:url(../images/history_contbg.png) no-repeat right 50px; }
#wrap .history .h_page .h_cont:nth-of-type(2n-1) .contbox { float:left; }
#wrap .history .h_page .h_cont:nth-of-type(2n) { float:right; background:url(../images/history_contbg2.png) no-repeat left 50px; }
#wrap .history .h_page .h_cont:nth-of-type(2n) .contbox { float:right; }


.m_h_cate { display:none; }

.m_h_cate { width:100%; margin:0 auto; padding-bottom:40px; }
.m_h_cate:after { display:block; content:"";clear:both; }
.m_h_cate li { width:25%; float:left; }
.m_h_cate li a { display:block; text-align:center; background:#fff; padding:17px 0px; font-size:14px; font-weight:bold; color:#333; border:1px solid #d5d5d5;}
.m_h_cate li:last-child a { border-bottom:2px solid #33a1b1; }



#wrap .story_wrap { width:100%; background:#eee;}
#wrap .story_tit { text-align:center;font-size:40px; font-weight:bold; padding-top:50px; }
#wrap .story_tit:after { display:block; content:""; width:1px; height:145px; background:#666; margin:30px auto; }
#wrap .story_box { text-align:center; }
#wrap .story_box:after { display:block; content:""; clear:both; }
#wrap .story_cont { width:32.3%; margin:0 1% 20px; float:left; }
#wrap .story_cont:nth-of-type(3n-2) { margin-left:0; }
#wrap .story_cont .story_img { width:100%; height:250px; position:relative; overflow:hidden;}
#wrap .story_cont .story_img img { width:100%; display:block; transition:all 0.3s; }
#wrap .story_cont .story_img .shadow { opacity:0; display:block;width:100%; height:100%; position:absolute; left:0; top:0; background:rgba(0,0,0,0.6); transition:all 0.3s; }
#wrap .story_cont .story_text { position:relative; width:100%; text-align:center; padding:30px 0px;} 
#wrap .story_cont .story_text p:first-child { font-size:25px; color:#0a0a0a; padding-bottom:10px; font-weight:bold;}
#wrap .story_cont .story_text p:last-child { font-size:15px; color:#999; }
#wrap .story_cont .story_text img { display:none;position:absolute; top:-19px; left:50%; margin-left:-17px; }

#wrap .story_cont:hover .story_img .shadow { opacity:1; }
#wrap .story_cont:hover .story_img img { transform:scale(1.1); transform-origin:center; }
.ct_arrow { padding:40px 0; text-align:center; }
.ct_arrow img{ cursor:pointer }

.tech_tab { position:relative; padding:30px 0 10px;}
.tech_tab li { display:inline-block; }
.tech_tab li a { display:block; padding:5px 20px;font-size:17px; color:#000; font-family: "Nanum Gothic"; }

#wrap .technology { padding-bottom:70px; }
#wrap .technology .techbox_1 .tech_top1 { position:relative; width:100%; height:auto; background:url(../images/tech_topbg1.jpg) no-repeat left bottom; background-size:100%; padding-top:400px;}
#wrap .technology .techbox_1 .tech_top1:after { display:block; content:""; clear:both; }
#wrap .technology .techbox_1 .tech_top1_cont { width:50%; float:right; position:relative;}
#wrap .technology .techbox_1 .tech_top1_cont img { position:absolute; right:0px; top:-100px; }
#wrap .technology .techbox_1 .tech_title { display:inline-block; font-size:30px; font-weight:bold; padding-left:20px; padding-bottom:35px; border-left:1px solid #434343; margin-bottom:25px;}
#wrap .technology .techbox_1 .tech_text { font-size:16px; color:#989898; line-height:30px; letter-spacing:1.1px; }
#wrap .technology .techbox_1 .tech_top2 { position:relative; width:100%; height:auto; background:url(../images/tech_topbg2.jpg) no-repeat center top; background-size:100%; margin-top:70px; }
#wrap .technology .techbox_1 .tech_top2:after { display:block; content:""; clear:both; }
#wrap .technology .techbox_1 .tech_top2_cont1 { width:50%; text-align:right; padding-bottom:290px; padding-left:70px; }
#wrap .technology .techbox_1 .tech_top2_cont2 { width:50%; float:right; }

#wrap .technology .techbox_2 { display:none; }
#wrap .technology .techbox_2 .tech_top1 { position:relative; width:100%; height:auto; background:url(../images/tech_topbg3.png) no-repeat left 100px; background-size:50%; padding-top:300px;}
#wrap .technology .techbox_2 .tech_top1:after { display:block; content:""; clear:both; }
#wrap .technology .techbox_2 .tech_top1_cont { width:50%; float:right; position:relative;}
#wrap .technology .techbox_2 .tech_top1_cont img { position:absolute; right:0px; top:-100px; }
#wrap .technology .techbox_2 .tech_title { display:inline-block; font-size:30px; font-weight:bold; padding-left:20px; padding-bottom:35px; border-left:1px solid #434343; margin-bottom:25px;}
#wrap .technology .techbox_2 .tech_text { font-size:16px; color:#989898; line-height:30px; letter-spacing:1.1px; }
#wrap .technology .techbox_2 .tech_top2 { position:relative; width:100%; height:auto; background:url(../images/tech_topbg4.png) no-repeat right top; background-size:50%; margin-top:70px; }
#wrap .technology .techbox_2 .tech_top2:after { display:block; content:""; clear:both; }
#wrap .technology .techbox_2 .tech_top2_cont1 { width:50%; text-align:right; padding-bottom:150px; padding-left:70px; padding-top:120px;}
#wrap .technology .techbox_2 .tech_top2_cont1 span { font-size:22px; font-weight:bold; color:#000; }

.mobile_tech { display:none; }

.mtech_tab { position:relative; text-align:center; padding:30px 0 10px;}
.mtech_tab li { display:inline-block; }
.mtech_tab li a { display:block; padding:5px 18px; border:0px; font-size:16px; margin:0 5px; font-family: "Nanum Gothic"; }

.mobile_tech .mtechbox_1 .m_tech_top1_img { width:100%; }
.mobile_tech .mtechbox_1 .m_tech_top1_img img { width:100%; }
.mobile_tech .mtechbox_1 .m_tech_top1_cont { position:relative; padding-bottom:60px; }
.mobile_tech .mtechbox_1 .m_tech_top1_cont .m_tech_title { font-size:25px; font-weight:bold; padding-left:20px; padding-bottom:20px; text-align:center; margin-bottom:23px; margin-top:40px;}
.mobile_tech .mtechbox_1 .m_tech_top1_cont .m_tech_title:after { display:block; content:''; width:1px; height:100px; background:#666; margin:20px auto 0px; }
.m_tech_text { font-size:14px; color:#989898; line-height:28px; letter-spacing:1.1px; }
.mobile_tech .mtechbox_1 .m_tech_top1_cont img { position:absolute; right:0; top:-120px;} 
.mobile_tech .mtechbox_1 .m_tech_top2_cont { padding-bottom:50px; }
.mobile_tech .mtechbox_1 .m_tech_top3 { padding-bottom:50px; }
.mobile_tech .mtechbox_1 .m_tech_top2_cont img { width:100%; padding:10px 0px; }
.mobile_tech .mtechbox_1 .m_tech_top2_cont p:first-child { text-align:right; }
.mobile_tech .mtechbox_1 .m_tech_top2_cont p:last-child { text-align:left; }

.mobile_tech .mtechbox_2 { display:none;}
.mobile_tech .mtechbox_2 .m_tech_top1_img { width:100%; }
.mobile_tech .mtechbox_2 .m_tech_top1_img img { width:100%; }
.mobile_tech .mtechbox_2 .m_tech_top1_cont { position:relative; padding-bottom:60px; }
.mobile_tech .mtechbox_2 .m_tech_top1_cont .m_tech_title { font-size:25px; font-weight:bold; padding-left:20px; padding-bottom:20px; text-align:center; margin-bottom:23px; margin-top:40px;}
.mobile_tech .mtechbox_2 .m_tech_top1_cont .m_tech_title:after { display:block; content:''; width:1px; height:100px; background:#666; margin:20px auto 0px; }
.mobile_tech .mtechbox_2 .m_tech_top1_cont img { position:absolute; right:0; top:-120px;} 
.mobile_tech .mtechbox_2 .m_tech_top2_cont { padding-bottom:50px; }
.mobile_tech .mtechbox_2 .m_tech_top3 { padding-bottom:50px; }
.mobile_tech .mtechbox_2 .m_tech_top2_cont img { width:100%; padding:10px 0px; }
.mobile_tech .mtechbox_2 .m_tech_top2_cont p:first-child { text-align:right; }
.mobile_tech .mtechbox_2 .m_tech_top2_cont p:last-child { text-align:left; }

#wrap .product_category { width:100%;  }
#wrap .product_category .category_box { width:100%; border-bottom:1px solid #ddd; padding:40px 0px; height:240px; }
#wrap .product_category .category_box .cate_link { width:550px; margin:0px auto; }
#wrap .product_category .category_box .cate_link:after { display:block; content:"";clear:both; }
#wrap .product_category .category_box .cate_link .cate_img { width:50%; float:left; text-align:center; }
#wrap .product_category .category_box .cate_link .cate_tit { width:50%; float:left; padding-top:43px; }
#wrap .product_category .category_box .cate_link .cate_tit p { font-size:15px; color:#999; }
#wrap .product_category .category_box .cate_link .cate_tit p span { display:inline-block; padding-bottom:7px; font-size:25px; padding-bottom:10px; text-transform:uppercase; font-family: 'Lato', sans-serif; color:#333; }

#wrap .product_listbox { width:100%; position:relative; }
#wrap .product_listbox .product_mainimg { width:100%; display:none;}
#wrap .product_listbox .product_mainimg img { width:100%; }
#wrap .product_listbox .product_list_tit { width:100%; margin-top:35px; }
#wrap .product_listbox .product_list_tit p { font-size:20px; color:#333; ;}
#wrap .product_listbox .product_list_tit p span { font-size:15px; font-family: 'Lato', sans-serif; padding-left:10px; }  
#wrap .product_listbox .product_list_tit .line02 { width:100%; height:1px; background:#d5d5d5; margin:17px 0px; }
#wrap .product_listbox .product_list { width:100%; padding:50px 0px 100px;}
#wrap .product_listbox .product_list:after { display:block; clear:both; content:""; }
#wrap .product_listbox .product_list .product_list_cont { width:25%; background:#fff; padding:22px 0px;  float:left; transition:all 0.3s;}
#wrap .product_listbox .product_list .product_list_cont:hover { background:#d5d5d5; }
#wrap .product_listbox .product_list .product_list_cont .product_list_cont_img { width:230px; height:230px; margin:0px auto; border:1px solid #d5d5d5; overflow:hidden;}
#wrap .product_listbox .product_list .product_list_cont .product_list_cont_img img { width:100%; }
#wrap .product_listbox .product_list .product_list_cont .product_list_cont_tit { font-size:20px; color:#656565; font-weight:bold; padding-top:33px; text-align:center; }

#wrap .product_listbox .product_list2 { width:100%; padding:120px 0px; }
#wrap .product_listbox .product_list2:after { display:block; content:""; clear:both; }
#wrap .product_listbox .product_list2 .product_list_cont { width:230px;  float:left; margin-right:60px; margin-bottom:60px;}
#wrap .product_listbox .product_list2 .product_list_cont:nth-of-type(4n) { margin-right:0; }
#wrap .product_listbox .product_list2 .product_list_cont .product_list_cont_img { width:100%; height:230px; position:relative; overflow:hidden; }
#wrap .product_listbox .product_list2 .product_list_cont .product_list_cont_img .shadow { opacity:0; width:100%; height:100%; position:absolute; top:0; left:0; background:rgba(0,0,0,0.3); transition:all 0.3s;}
#wrap .product_listbox .product_list2 .product_list_cont .product_list_cont_img img { width:100%; transition:all 0.3s;}
#wrap .product_listbox .product_list2 .product_list_cont .product_list_cont_tit { width:100%; text-align:center;  font-size:16px; color:#656565; font-weight:bold; padding:12px 0; font-family: 'Lato', sans-serif;}

#wrap .product_listbox .product_list2 .product_list_cont:hover .product_list_cont_img .shadow { opacity:1; }
#wrap .product_listbox .product_list2 .product_list_cont:hover .product_list_cont_img img { transform:scale(1.1); transform-origin:center center; }

#wrap .product_page { width:100%; position:relative; }
#wrap .product_page .product_page_top { padding-top:100px; padding-bottom: 50px; width:100%; }
#wrap .product_page .product_page_top:after { display:block; content:""; clear:both; }
#wrap .product_page .product_page_top .product_page_left { width:50%; float:left; text-align:center;}
#wrap .product_page .product_page_top .product_page_right { width:50%; float:left; padding-left:25px; }
#wrap .product_page .product_page_top .product_page_right h1 { color:#000; font-size:30px; font-weight:bold; font-family: 'Lato', sans-serif; padding-bottom:27px; }
#wrap .product_page .product_page_top .product_page_right .product_page_cont { color:#6d6d6d; font-size:15px; line-height:20px; }
/*#wrap .product_page .product_page_top .product_page_right .product_page_cont span { display:block; font-size:20px; padding:25px 0px; letter-spacing:4px;}*/
#wrap .product_page .product_page_top .product_page_right .product_page_cont span.ppc_txt { color:#333; font-weight:bold;font-size:16px;}


#wrap .product_page .product_rel { width:100%; margin:30px 0 30px; }
#wrap .product_page .product_rel_tit { width:100%;}
#wrap .product_page .product_rel_tit p { font-size:20px; color:#333; }
#wrap .product_page .product_rel_tit p span { font-size:15px; font-family: 'Lato', sans-serif; padding-left:10px; }
#wrap .product_page .product_rel_tit .line03 { width:100%; background:#d5d5d5; height:1px; margin:17px 0px; }
#wrap .product_page .product_rel_cont { width:100%; position:relative; }
#wrap .product_page .product_rel_cont .product_rel_left { position:absolute; left:0; top:100px; }
#wrap .product_page .product_rel_cont .product_rel_right { position:absolute; right:0; top:100px; }
#wrap .product_page .product_rel_cont .product_rel_cont_box { width:980px; margin:0px auto; }
#wrap .product_page .product_rel_cont .product_rel_cont_box:after { display:block; content:""; clear:both; }
#wrap .product_rel_cont_box .product_rel_cont_cont { width:20%; float:left; text-align:center;}
#wrap .product_rel_cont_box .product_rel_cont_cont .product_rel_cont_img { width:100%; height:180px; position:relative; text-align:center; }
.item .product_rel_cont_img_hover { width:100%; height:100%; position:absolute; top:0; left:0; transition:all 0.3s;}
.item:hover .product_rel_cont_img_hover { background:rgba(0,0,0,0.3);}
#wrap .product_rel_cont_box .product_rel_cont_cont p { color:#333; font-size:15px; padding-top:18px; }

#relation-item .item-name { font-family: 'Lato', sans-serif; }

#wrap .support_page { width:100%; position:relative; text-align:center; padding-bottom:1px; }
#wrap .support_page .support_top .support_tit { font-size:50px; color:#333; font-family: 'Lato', sans-serif; font-weight:bold; padding-top:130px;} 
#wrap .support_page .support_top .support_tit span { font-family: 'Lato', sans-serif; color:#9b885d; }
#wrap .support_page .support_top .support_subtit { font-size:18px; color:#333; padding-top:13px; }
#wrap .support_page .line04 { width:1px; height:120px; background:#333; margin:40px auto; display:block; }
#wrap .support_page .support_cont { padding:40px 0px 80px; }

#wrap .send_box { width:800px; margin:0 auto 100px;}
.send_box .send_tit { font-size:22px; text-align:left; }
.send_box input, .send_box textarea { padding:10px; font-size:14px; color:#888;margin:10px 0px; border:1px solid #ccc;}
.send_box .send_name, .send_box .send_subject { width:49%; margin-right:2%;  }
.send_box .send_email, .send_box .send_phone {  width:49%;}
.send_box .send_message { width:100%; height:130px; }
.send_box .send_btn { width:100%; padding:10px; background:#9b885d; color:#fff; border:none; margin-top:10px; }
.send_box .send_file { width:100%; }
.send_box .send_file:after { display:block; content:""; clear:both; }
.send_box .send_file .file_name { float:left; width:68%; margin-right:2%;  }
.send_box .send_file .file_btn { float:left; background:#555; color:#fff; width:30%; padding:10px; margin-top:10px; }
.send_box .send_file input[type="file"] { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); border:0; }

.support_map p { font-size:15px; }
.support_map p span { color:#9b885d; font-weight:bold; font-size:20px; }
.support_bottom:after { display:block; content:""; clear:both; }
.support_bottom_cont { width:25%; text-align:center; margin:110px 0px; float:left; }
.support_bottom_cont_en { width:50%; }
.s_b_icon { width:170px; height:170px; border-radius:50%; background:#9b885d; margin:0 auto; transition:all 0.3s; }
.s_b_icon img { transition:all 0.3s; }
.s_b_list img { width:30%; padding-top:54px; margin-left:4px;}
.s_b_as img { width:40%; padding-top:54px;}
.s_b_call img { width:40%; padding-top:54px; margin-left:3px;}
.s_b_product img { width: 50%; padding-top: 45px;}
.support_bottom_cont p { font-size:19px; color:#888; }
.support_bottom_cont p span { font-size:24px; color:#333; font-weight:bold; padding-bottom:14px; display:inline-block; padding-top:20px;}

.support_bottom_cont:hover .s_b_icon { background:#7b6941; }
.support_bottom_cont:hover .s_b_icon img { transform:scale(1.2); transform-origin:center;}

.as_topimg img { width:100%; }
.as_contbox { width:900px; margin:0 auto; padding:50px 0px; }
.as_category { width:100%;  }
.as_category:after { display:block; clear:both; content:""; }
.as_category li { float:left; width:33.3%;}
.as_category li a { display:block;  text-align:center; padding:10px 0px; border-bottom:2px solid #ccc; color:#555; font-size:20px; font-weight:bold;}
.as_category li a:hover { color:#7b6941; border-bottom:2px solid #7b6941; }
.as_cont { width:100%; padding:20px 10px; text-align:left; color:#555;}
.as_cont .as_box .as_title { padding-bottom:10px; padding-left:30px;}
.as_cont .as_box .as_title a { display:block;font-size:16px; color:#555;font-weight:bold; }  
.as_cont .as_box .as_text { padding-left:10px; }
.as_cont .as_box .as_text li { font-size:13px; font-weight:normal; padding-top:4px; }
.as_cont .as_box h1 { font-size:18px; font-weight:bold; color:#9b885d; }

.as_cont .as_box .as_on { display:block; }
.as_cont .as_box .as_off { display:none; }
.as_cont .as_box .bg_on { background:url(../images/asbtn_2.png) no-repeat left top; }
.as_cont .as_box .bg_off { background:url(../images/asbtn_1_1.png) no-repeat left top; }

.as_cont { display:none; }
.ascont1 { display:block; }

.center_info { width:600px; margin:25px auto 0px; text-align:center;  border:1px solid #555; }
.center_info .as_subtitle{ width:100%; font-weight:bold; color:#fff; background:#555;  padding:11px; font-size:18px; }
.center_info .as_subtext { padding:11px; font-size:13px; text-align:left; }
/*.center_info .line05 { width:100%; height:1px; background:#555; margin:10px 0px;}*/
.center_info table { width:100%; padding:20px;}
.center_info table tr { border-bottom:1px solid #ccc; }
.center_info table tr:last-child { border-bottom:none; }
.center_info table tr th { width:30%; text-align:center; border-right:2px solid #ccc; }
.center_info table tr td { width:70%; font-size:13px; padding:6px; text-align:left; }

.change_info { width:100%; margin-top:20px; }
.change_info th { background:#555; color:#fff; padding:10px; }
.change_info td { padding:10px; border:1px solid #ccc; }

.mobile_slide { display:none; }

/* 푸터 정의 */

#footer { width:100%; position: fixed; bottom: 0px; }
#footer .f_top { width:100%; background:#333; padding:30px 0px;}
#footer .f_top:after { display:block; content:""; clear:both; }
#footer .f_top .f_top_contact { float:left; }
#footer .f_top .f_top_contact img { margin-top:15px; }
#footer .f_top .f_top_tit { font-size:18px; color:#fff; font-family: 'Lato', sans-serif; margin-bottom:30px; }
#footer .f_top .f_top_cont { font-size:14px; color:#999; }
#footer .f_top .f_top_cont2 { font-size:13px; color:#999; }
#footer .f_top .f_top_cont span { font-size:15px; font-weight:bold; }

#footer .f_top .f_top_sitemap { float:right; text-transform:uppercase; }
#footer .f_top .f_top_sitemap > li { float:left; margin-left:50px; }
#footer .f_top .f_top_sitemap > li > ul li a { display:block; margin-bottom:12px;}
#footer .f_top .f_top_sitemap > li:last-child > ul { margin-bottom:30px; }

#footer .f_bottom { width:100%; background:#000; padding:17px 0px; font-size:12px; color:#999;text-align:center; }

.go_top_btn { display:none; }

/* 모바일 메뉴 */
#gnb_open {}
#gnb {display:none;background:#f2f2f2; padding-bottom:30px; }
#gnb a {display:block;color:#999999; font-family: 'Lato', sans-serif;}
.gnb_1da {padding:10px;border-top:1px solid #dddddd}
.gnb_1dli > a { position: relative; font-weight:bold; }
.gnb_1dli > a:after{ position:absolute;font-family: "FontAwesome"; right: 20px; top:10px; color:#666;content: "\f105";}
/*f107*/
.gnb_2dul {background:#f9f9f9;}
.gnb_2da {padding:10px;border-top:1px solid #dddddd; padding-left:25px;}

.m_side_menu { text-align:center; padding:10px 0px; }
.m_side_menu li { display:inline-block; }
.m_side_menu li a { display: block; color: #999999; font-family: 'Lato', sans-serif; }


#gnb_close {display:block;margin:0 auto;padding:10px 0;width:26px;border:0;background:#f2f2f2;}

.bxslider { display:block; }
.bxslider2 { display: none; }

/* english page */

#footer .f_top .f_top_cont_en { font-size:12px; }
#footer .f_top .f_top_cont2_en { font-size:11px; }
#footer .f_top .f_top_sitemap_en > li { margin-left:40px; }

/* 미디어쿼리 */
@media (max-width:1200px) {

	#wrap { padding-top:65px; }
	.w1100 { width:100% !important; padding:0px 20px !important;}
	.h_top { height: 62px; padding-top:20px; }
	.h_top > a > img { transform:scale(0.8); transform-origin:top center; } 
	.h_bottom { display:none; }

	.h_top .mobile_menu { display:block; position:absolute; left:20px; top:23px;}
	.h_top .mobile_search { display:block; position:absolute; right:20px; top:23px;}

	.search_cont { height:40px !important; }
	.search_cont .search_left input { width:80% !important; }
	.search_cont .search_left { line-height:40px !important; }
	.search_cont .search_right { transform:scale(0.8); padding-top:10px !important; }

	.main_listbox { width:100% !important; padding:0px 20px;  }
	.main_listbox .main_list { width:50% !important; }
	.main_listbox .main_list:nth-of-type(2n-1) { padding-right:10px !important; margin-right:0px !important;}
	.main_listbox .main_list:nth-of-type(2n) { padding-left:10px !important;}


	.sub_title { height:40px !important;  }
	.sub_title .sub_tit { font-size:18px !important; }
	.sub_title .page_path { font-size:12px !important; padding-top:11px !important;  }
	.sub_title .pro_tit span { font-size:16px !important; }
	#wrap .sub_title .sub_tit { padding-top:7px; }

	.aboutus .about_toptxt .about_top { width:100% !important; margin-bottom:28px !important; text-align:center; border-left:none !important; }
	.aboutus .about_toptxt .about_top p { font-size:25px !important; padding-bottom:20px !important; }  
	.aboutus .about_toptxt .about_top:after { display:block; content:''; width:1px; height:100px; background:#666; margin:0px auto; } 

	.aboutus .about_toptxt .about_bottom { width:100% !important; }

	.history .h_cate { width:100% !important; padding-bottom:50px !important;  }
	.history .h_cate li { width:25%; }
	.history .h_cate li a { width:100% !important; font-size:17px !important; }

	.technology .techbox_1 .tech_top1 { padding-top:40% !important; background:url(../images/tech_topbg1.jpg) no-repeat left top !important; background-size:100% !important;}
	.technology .tech_top1_cont img { top:-50% !important; }

	.product_listbox .product_list2 .product_list_cont { width:24% !important; margin-right:1% !important; }


	.f_top_contact { width:100% !important; }
	.f_top_sitemap { width:100% !important; padding-top:50px;  }
	.f_top_sitemap > li { width:25%; padding-left:10px; margin-left:0px !important;}
	.f_top_sitemap > li:first-child {padding-left:0px;}
	#footer .m_open { display:block; }
	#footer .m_open li { display:inline-block; margin-right:5px;}

	.go_top_btn { display:block; position:fixed; bottom:20px; right:20px; }

}

@media (max-width:870px) {

	.support_page .support_cont a { display:block; width:50%; margin:0 auto; }

	.support_page .support_cont a img { width:100%; }

	.technology { display:none; }
	.mobile_tech { display:block; }

	#wrap .send_box { width:100%; }
	.send_box .send_name, .send_box .send_subject, .send_box .send_phone, .send_box .send_email { width:100%; }

	.support_bottom_cont .s_b_icon { transform:scale(0.8); }
	.support_bottom_cont p { font-size:15px; }
	.support_bottom_cont p span { font-size:20px; }

}



@media (max-width:800px) {


	.main_slide .slide_nav .slide_prev { left:20px !important; transform:scale(0.5); transform-origin:center left; }
	.main_slide .slide_nav .slide_next { right:20px !important; transform:scale(0.5); transform-origin:center right; }

	.history .h_page { background:none !important;  }
	.history .h_page .h_cont {width:100% !important; background:url(../images/history_contbg3.png) no-repeat 50% top !important; padding-top:15px; margin-top:20px; }
	.history .h_page .h_cont:first-child { margin-top:0px; }
	.history .h_page .h_cont .contbox { width:100% !important;  }

	.story_cont { width:49% !important; }

	.technology .tech_title { font-size:25px !important; }
	.technology .tech_text { font-size:14px !important; line-height:27px !important;  }

	.technology .tech_top2 { background:url(../images/tech_topbg2.jpg) no-repeat center center !important; background-size:100% !important;  }
	.technology .tech_top2_cont1 { padding-bottom:160px !important; }

	.technology .tech_top1_cont img { transform:scale(0.7); } 

	.product_listbox .product_list2 .product_list_cont { width:32.3% !important; margin-right:1% !important; }

	.product_page .product_page_top .product_page_left { width:100% !important; }
	.product_page .product_page_top .product_page_right { width:100% !important; padding-left:0px !important; }

	.support_page .support_top .support_tit { font-size:33px !important; }
	.support_page .support_top .support_subtit { font-size:15px !important; }

	.mobile_tech { display:block; }


}

@media (max-width:600px) {

	#wrap .main_listbox { margin: 25px auto 0px; }
	.main_listbox .main_list { width:100% !important; }

	.main_listbox .main_list:nth-of-type(2n-1) { padding-right:0px !important; margin-right:0px !important;}
	.main_listbox .main_list:nth-of-type(2n) { padding-left:0px !important;}

	.aboutus .about_toptxt .about_top p { font-size:20px !important; }

	.about_bottom .left, .about_bottom .right { display:none;  }
	.mobile_about_bottom { display:block; padding:0px 20px; width:100% !important; font-size:13px !important; line-height:25px !important; } 

	.history .h_cate { display:none; }
	.history .m_h_cate { display:block; }
	.history .h_page .h_cont .contbox h3 { font-size:35px !important; }
	.history .h_page .h_cont .contbox li { font-size:12px !important; clear:both; }
	
	.history .h_page .h_cont .contbox li span { width:20%; }

	.history .h_page .h_cont .contbox li p { width:80%;float: left; }
	.history .h_page .h_cont .contbox li p:first-of-type { margin-right: 5px; }

	.history .h_page .h_cont .contbox li dt { width:20%; }
	.history .h_page .h_cont .contbox li dd { width:80%; }

	#wrap .history .h_page .h_cont .contbox table tr { font-size:12px; }
	#wrap .history .h_page .h_cont .contbox table tr th { width:65px; }
	#wrap .history .h_page .h_cont .contbox table tr td {  }


	.story_cont { width:100% !important; margin:0 0 25px !important;}
	.story_tit { font-size:28px !important; }
	.story_tit:after { height:85px !important; }

	.mobile_tech .m_tech_top1_cont img { transform:scale(0.6); transform-origin:right center; top:-140px; }
	.mobile_tech .m_tech_top1_cont .m_tech_title { font-size:20px; padding-left:13px; }
	.m_tech_text { font-size:11px; line-height:24px;  }

	.product_category .category_box { height:auto !important; }
	.product_category .category_box .cate_link { width:100% !important; padding:0px 20px; }
	.product_category .category_box .cate_link .cate_img { width:100% !important;}
	.product_category .category_box .cate_link .cate_tit { width:100% !important; text-align:center; padding-top:20px !important; }
	
	.product_listbox .product_list2 .product_list_cont { width:47% !important; margin-right:3% !important; }
	.product_listbox .product_list2 .product_list_cont:nth-child(2n+1){ clear:both; }
	#wrap .product_listbox .product_list2 .product_list_cont .product_list_cont_img { height: 175px; }

	.page_path { display:none !important; }
	.f_top_sitemap > li { width:50%; padding-bottom:30px;}

	.support_bottom { margin:40px 0px; }
	.support_bottom_cont { width:100%; margin:30px 0px;}

	.support_bottom_cont .s_b_icon { transform:scale(0.8); }
	.support_bottom_cont p { font-size:15px; }
	.support_bottom_cont p span { font-size:20px; padding-bottom:0px; }
	
	.bxslider { display:none; }
	.bxslider2 { display: block; }
	
	.pc_slide { display:none; }
	.mobile_slide { display:block; }

	#wrap .product_page .product_page_top { padding-top: 40px; }
	#wrap .product_page .product_page_top img { width: 100%; }


	#wrap { z-index:0; margin-bottom:0px; }

	#footer { position:relative;  }

	.as_contbox { width: 100%; }
	.as_category li a { font-size: 15px; }
	.center_info { width: 100%; }
	.as_text img { width: 100%; }
}


@media (max-width:450px) {

	.contbox { padding:20px !important; }
	#wrap .product_listbox .product_list2 { padding: 40px 0; }
	
	.support_page .support_cont a { display:block; width:60%; margin:0 auto; }
	#wrap .sub_title .sub_tit { padding-top: 7px; }
	#wrap .sub_title .pro_tit { padding-top: 9px; }

	#footer .f_top_cont2 { font-size:12px !important;}

	.mtech_tab li { margin-bottom:10px; }

}