@charset "utf-8";
/* Reset */
/* gotham */
@font-face	{
	font-family:"Gotham-Medium";
	src:url("font/gotham/Gotham-Medium.eot");
	src:url("font/gotham/Gotham-Medium.eot?#iefix") format("embedded-opentype");
	src:local("Gotham-Medium"), url("font/gotham/Gotham-Medium.woff") format('woff');
}

*{-webkit-box-sizing:border-box; -moz-box-size:border-box; box-sizing:border-box;}
html,body{width:100%;height:100%;letter-spacing:-1px}
html{overflow-y:scroll; font-size:12px; -webkit-text-size-adjust: none}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,form,fieldset,p,button{margin:0;padding:0}
body,h1,h2,h3,h4,input,button{font-family:'Malgun Gothic', Nanum Gothic, Dotum,돋움,Helvetica,AppleSDGothicNeo,sans-serif;font-size:12px;color:#383d41}
body{background:#ffffff;text-align:center;*word-break:break-all;-ms-word-break:break-all;font-size:0}
li{list-style:none}
img{border:0 none}
input,select,button{vertical-align:middle}
i,em,address{font-style:normal}
label,button{cursor:pointer}
button{margin:0;padding:0}
a{color:#2f3743;text-decoration:none}
a:hover{color:#000}
button *{position:relative}
button img{left:-3px;*left:auto}
html:first-child select{height:20px;padding-right:6px}
option{padding-right:6px}
hr{display:none}
legend{*width:0}
table{border-collapse:collapse;border-spacing:0}


/* Common */
.sub_F_img{max-width:1120px;}
.show{display:block}
.hide{display:none}
.blind,legend{display:block;overflow:hidden;position:absolute;top:-1000em;left:0}
.ir{display:block;overflow:hidden;position:relative;z-index:-1;height:11px;font-size:11px;white-space:nowrap}
.ellipsis{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis}
.shadow2{overflow:hidden;position:absolute;left:0;bottom:-3px;width:100%;height:2px;background:url(http://img.naver.net/static/www/2014/bg_shadow_v3.png);_background:none;font-size:0;line-height:0;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://img.naver.net/static/www/2014/bg_shadow_v3.png',sizingMethod='scale')}
.flash_fix{position:absolute;top:0;left:0;z-index:-1;width:100%;height:100%}
#dim{display:none;position:absolute;top:0;left:0;z-index:99;width:100%;height:100%;background:url(http://img.naver.net/static/w9/blank.gif) repeat}
.entry-title{display:none}
iframe{vertical-align:top}
.left{text-align:left}
.right{text-align:right}
.center{text-align:center}
.normal{font-weight:normal}
.margin5{margin:5px 0}
.margin10{margin:10px 0}
.margin15{margin:15px 0}
.margin40{margin:40px 0}
.color_666{color:#666}
.color_999{color:#999}
.color_8666e2{color:#8666e2}
.color_353535{color:#353535}
.color_fff{color:#fff}
.p_sub01{margin:20px 0 40px 0; font-weight:bold; font-size:14px}
.size30{font-size:30px}
.size24{font-size:24px}
.size16{font-size:16px}
.size18{font-size:18px}
.size12{font-size:12px}
.bold{font-weight:bold}
.lineheight22{line-height:22px}
.spacing_1{letter-spacing:-1px;}

.logo_div{background:#fff; height:70px; width:1120px; margin:0 auto}
.rolling_img{height:402px; width:1120px}
#wrap{width:100%; margin:0 auto; background:#ffffff; height:100%}
.top_bg{background:#000; min-width:1120px; width:100%; position:relative; clear:both; left:0; top:0; height:30px}
.top_title{width:1120px; margin:0 auto; background:#000; text-align:left; font-weight:bold; color:#fff; font-size:12px; line-height:2.4em; height:30px}

ul.bt-roll {width:110px; margin:0 auto; margin-top:-30px}
ul.bt-roll li {float:left; margin-right:5px}

#sddm{margin:0; padding: 0; display: flex;justify-content: center;}
#sddm li{margin: 0;padding: 0;list-style: none;float: left;}
#sddm li a{display: block; margin: 0;	padding: 0;	background: #5970B2;	color: #FFF;	text-align: center;	text-decoration: none}
#sddm li a:hover{	background: #49A3FF}
#sddm div{display:none;	margin: 0;	padding: 0; background: #ededed;border: 0}
#sddm div.menu_o{display:block; line-height:70px; font-weight:bold; width:130px;height:70px;font-size:15px;color:#000;background:#fff}
#sddm div a{position: relative;display: block;margin: 0;padding: 13px 10px;white-space: nowrap;text-align: left;	text-decoration: none;background: #37383b;	color: #FFF;	font-size: 14px}
#sddm div a:hover{background: #001144; color: #fff}

.product_contents>*{font-size:12px}

.p_title{font-size:24px; font-weight:bold; padding:0 0 20px 0; text-align:left}
.p_title2{font-size:24px; font-weight:bold; padding:0 0 5px 0; text-align:left}
.p_title3{font-size:20px; font-weight:normal; padding:0 0 20px 0; text-align:left; color:#666}

.div_path{margin:20px auto -15px auto; text-align:left; width:1120px}
.home{background:url('../images/home.jpg') no-repeat; background-position: 0 3px; font-size:11px; padding:0 0 0 20px}
.path{font-size:11px}
.path:before { content : '>'; font-size:11px; padding:0 10px}

.sub_wrap{width:1120px; margin:0 auto}
.subTitle{font-size:34px; font-weight:bold; text-align:left; margin: 20px 0 0 0; /*background:url('../images/sub_titlebg.jpg')*/ 100% 50% no-repeat; height:90px}
.subTitle span{padding-left:8px; font-style:italic; color:#bcbcbc; font-size:18px; font-weight:normal}
.sub01{font-size:22px; font-weight:bold; text-align:left; margin: 0 0 20px 0; clear:both}
.sub_line{border-width:0; height:40px; width:1120px; margin:0 auto}
.sub_line>.sub01_li{display:inline-block;font-size:14px; color:#666; font-weight:bold; float:left; min-width:100px; padding:0 10px; height:40px; line-height:40px; border-style:solid; border-width:1px; border-color:#999; margin-right:10px; background:#fff; box-sizing:border-box}
.sub_line>.sub01_li_on{display:inline-block;font-size:14px; color:#fff; font-weight:bold; float:left; min-width:100px; padding:0 10px; height:40px; line-height:40px; font-weight:bold; border-style:solid; border-width:1px; border-color:#000; margin-right:10px; background:#000; box-sizing:border-box}
.sub_line>.sub_line a{color:#666}
.sub_line>.sub01_li_on a{color:#fff}

.subTitle2{font-size:34px; font-weight:bold; text-align:left; margin: 20px 0 0 0;height:50px}
.sub_line2{border-width:0; height:50px; width:1120px; margin:20px auto 0 auto}
.sub_line2>.sub01_li{display:inline-block;font-size:14px; color:#666; font-weight:bold; float:left; min-width:80px; padding:0 10px; height:50px; line-height:50px; border-style:solid; border-width:1px; border-color:#999; margin-right:10px; background:#fff; box-sizing:border-box}
.sub_line2>.sub01_li_on{display:inline-block;font-size:14px; color:#fff; font-weight:bold; float:left; min-width:80px; padding:0 10px; height:50px; line-height:50px; font-weight:bold; border-style:solid; border-width:1px; border-color:#000; margin-right:10px; background:#000; box-sizing:border-box}
.sub_line2>.sub_line a{color:#666}
.sub_line2>.sub01_li_on a{color:#fff}

/* TAB */
.tab.w-2 li{width:50%;}
.tab.w-3 li{width:33.3%;}
.tab.w-5 li{width:20%;}
.tab.w-10 li{width:10%;}
.tab.w-6 li{width:16.66%;}
.tab.w-8 li{width:11.11%;}
.tab.h02.w-4 li{width:15.2%;}

/*.tab{height:58px; border-bottom:1px solid #ddd; margin:40px 0 40px;}*/
.tab{margin:40px 0 40px;}
.tab li{position:relative; float:left; z-index:1; display: table;}
.tab li a{display: table-cell; vertical-align: middle; width:100%; height:57px; line-height:1.2; font-size:16px; color:#555; background:#f8f8f8; border-top:1px solid #ddd; border-right:1px solid #ddd; text-align:center;}
.tab li:first-child a{border-left:1px solid #d0d0d0;}
.tab li:first-child.on{margin:0 0 0 0}
.tab li.on{margin:0 0 0 -1px}
.tab li.on a{color:#222; border:1px solid #bbb; border-bottom:0; background:#fff; height:57px;}
.tab.h02 li:first-child{margin:0 0 0 192px;}


.sub_content{width:1120px; position:relative; left:0; top:0; margin:0 auto 0 auto; min-height:500px; clear:both; padding-top:20px}

/*rolling start*/
.album{height:428px; width:100%}
.album-wrap {position:relative; width:1262px; height:428px; margin:0 auto; overflow:hidden;}
.album-wrap ul.album {position:absolute;}
.album-wrap ul.album li {float:left; width:1262px;}

ul.bt-roll {width:110px; margin:0 auto; margin-top:-40px; z-index:1; position:relative;}
ul.bt-roll li {float:left; margin-right:5px;}
/*rolling end */

.ul1{width:980px; overflow:hidden; margin:0 auto;overflow:hidden; padding:0}
.li1{float:left; margin:24px 0px 24px 0}
.li2{float:left; margin:24px 20px 24px 0}

.footer_div{min-width:1120px; width:100%; margin:30px auto 0 auto; height:147px; background:#393939; position:relative; bottom:0}
.footer{width:1120px; height:100%; margin:0 auto; background:#393939}
.p_footer1{padding:22px 0 23px 0; font-size:18px; color:#fff; font-weight:bold; text-align:left;}
.p_footer2{font-size:11px; color:#8d8d8d; text-align:left}

#header_wrapper{width:1120px; background:#fff; margin:0 auto}
/*logo link */
.logo{float:left; height:70px; cursor:pointer}
.logo a{float:left}

/*.logo{float:left; width:550px; height:100%; background:url('../images/pc_logo.jpg') 150px 50% no-repeat; cursor:pointer} */
.header_menu{height:70px; background:#fff; text-align:center;}

.rolling_img{background:url('../images/pc_rolling.jpg') no-repeat; width:1120px; height:402px;}
.rolling_img2{background:url('../images/pc_rolling2.jpg') no-repeat; width:1120px; height:402px;}
.rolling_img3{background:url('../images/pc_rolling3.jpg') no-repeat; width:1120px; height:402px;}
.rolling_img4{background:url('../images/pc_rolling4.jpg') no-repeat; width:1120px; height:402px;}
.rolling_img5{background:url('../images/pc_rolling5.jpg') no-repeat; width:1120px; height:402px;}

#slider1_container{position: relative; margin: 0 auto; top: 0px; left: 0px; width: 1600px; height: 500px; overflow: hidden}
.main_category{min-width:1120px; width:100%; height:350px; margin:0 auto; position:relative; left:0; background:url('../images/main_ti_bg.jpg') no-repeat 50% 50%; background-color:#004b9b;}

.main_category > ul {position:relative; top:80px; width:1120px; overflow:hidden; height:350px; margin:0 auto}
.main_category > ul li{float:left;}
.main_category > ul li:last-child{float:left; margin-right:0}

.main_list{position:relative; left:0; top:0; margin:0 auto 22px auto; width:1120px; background:url('') no-repeat center top; padding-top:30px}
.main_list > ul{height:340px; margin:0 auto 22px auto; width:1120px;}
.main_list > ul li{float:left; margin-right:20px; height:340px}
.main_list > ul li:last-child{float:left; margin-right:0; height:340px}
.main_list > ul li{float:left; margin-right:20px; height:340px}
.main_list > ul li > a >span{background:#fff; display:block;height:75px; font-size:18px; width:265px; line-height:75px; text-align:left; padding-left:10px; color:#000; font-weight:bold}

.main_benner{height:150px; width:1120px; margin:20px auto}
.banner1{float:left; margin:0 20px 0 0}
.banner2{float:left; margin:0px}
.main_benner ul{ height:150px; overflow:hidden; margin:0 auto;width:1120px;}
.main_benner ul img{height:150px}

.p_text1{font-size:24px; color:#000; line-height:35px; text-align:left; font-weight:bold;}
.p_text2{font-size:16px; color:#666; line-height:24px; text-align:left}
.h4_text1{font-size:24px; text-align:left; color:#000}

.table1{width:50%; margin:20px 0 40px 0}
.table1, .table1 > tbody > tr > td{border:1px solid #c2c2c2}
.table1 > tbody > tr > td.td1{font-size:16px; height:14px; color:#333; padding:18px 0 18px 20px; text-align:left; width:250px; background:#eee; font-weight:bold}
.table1 > tbody > tr > td.td2{font-size:16px; height:14px; color:#666; padding:18px 0 18px 20px; text-align:left; background:#fff}

/*notice*/
.table2{width:100%; margin-top:8px; border-width:2px 0 1px 0; border-color:#000; border-style:solid; font-size:12px}
.table2 > thead > tr > th {height:50px;  border-bottom:1px solid #000; font-size:14px}
.table2 > tbody > tr > td {height:50px;}
.table2 > tbody > tr > td.td1{text-align:center;border-top:solid 1px #999999; width:60px}
.table2 > tbody > tr > td.td2{text-align:left;border-top:solid 1px #999999;}
.table2 > tbody > tr > td.td2>div{white-space: nowrap; max-width:900px; text-overflow:ellipsis; overflow:hidden; float:left; padding-right:5px}
.table2 > tbody > tr > td.td3{text-align:center;border-top:solid 1px #999999; width:90px}

/*notice*/
.table3{width:100%; margin-top:8px; border-width:2px 0 1px 0; border-color:#000; border-style:solid; font-size:12px; margin-bottom:20px}
.table3 > thead > tr > th {border-bottom:1px solid #000; font-size:18px;  padding: 15px 40px; line-height:30px; font-weight:normal}
.table3 > thead > tr > th > div{white-space: nowrap; width:800px; text-overflow:ellipsis; overflow:hidden;}
.table3 > tbody > tr > td {min-height:400px; vertical-align:top; padding:40px}
.bbs_btn{display:inline-block; padding:10px 20px; font-size:14px; background:#000; color:#fff; border:0; font-weight:bold}

/* 전체Search */
.searchAll{}
.searchAll:after{content: ''; display:block; clear:both;}
.searchAll .topInfo:after{content: ''; display:block; clear:both;}
.searchAll .searchAllWrap{float:right;}
.searchAll .searchAllWrap .search_btn{background:#9f9f9f; color:#fff; font-size:14px; width:58px; height:36px; border:0; cursor:pointer;}
.searchAllWrap .input{min-width:76px; color:#666; font-size:14px; font-weight:500; height:36px; padding-left:10px; border:1px solid #c2c2c2;}
.middle.left{margin-right:2px; color:#666;}
.middle.mleft{margin-left:-4px;}
.middle.left.search{margin-right:15px;}
.middle{display:inline-block; vertical-align:middle;}
.left-float.left.group{margin-right:20px;}
.left-float{float:left;}
.mt-m3{margin-top:-3px}

/* select */
.select-wrapper{min-width:76px; position:relative; cursor:pointer;}
.select-wrapper .select{border:1px solid #c2c2c2; background:#fff; position:relative; font-weight:normal;}
.select-wrapper .select .label{display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; margin:0 25px 0 10px; font-size:14px; line-height:34px; color:#666; height:34px;}
.select-wrapper .select .label.big{height:42px; line-height:42px;}
.select-wrapper .select .label.narrow{margin:0 25px 0 5px;}
.select-wrapper .select .button{display:block; position:absolute; right:0; top:0; bottom:0; margin:auto; width:25px; height:36px; color:#333; text-align:center; font:0/0 a;}
.select-wrapper .select .button:after{content:""; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto; width:0; height:0; border:4px solid transparent; border-top-color:#bbb; border-bottom:none;}
.select-wrapper .select-items{display:none; width:100%; position:absolute; top:100%; left:0; background:#fff; border:1px solid #ddd; z-index:90; box-shadow:0 0 10px -6px; box-sizing:border-box; overflow:auto; max-height:192px;}
.select-wrapper .select-items.on{display:block;}
.select-wrapper .select-items .select-scroll{height:100%; overflow:auto;}
.select-wrapper .select-above .select-items{top:auto; bottom:100%;}
.select-wrapper .select-items ul, .select-items li{list-style:none; padding:0; margin:0; font-size:14px; line-height:20px; min-height:20px; font-weight:normal;}
.select-wrapper .select-items li{display:block; padding:8px; border-top:1px solid #fff; border-bottom:1px solid #eee; color:#666; cursor:pointer;}
.select-wrapper .select-items li.selected{background:#efefef; color:#666;}
.select-wrapper .select-items li:hover{background:#f0f0f0; color:#666;}
.select-wrapper .select-items .disabled{filter:alpha(opacity=50); opacity:0.5; cursor:default !important; background:none !important; color:#999 !important; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none;}

/* 연혁 */
.history_day{overflow:hidden;}
.history_day dl:after{content: ''; display:block; clear:both;}
.history_day dl{width:100%; margin:30px 0 0;}
.history_day dt{float:left; color:#07057b; font-size:34px; text-align:center; width:233px; border-top:2px solid #07057b; padding:23px 0 0; margin:0 36px 0 0; font-family:"Malgun Gothic";}
.history_day dd{display:inline-block; border-top:2px solid #07057b; width:850px; text-align:left}
.history_day ul{}
.history_day li:after{content: ''; display:block; clear:both;}
.history_day li{display:block; color:#666; font-size:15px; border-top:1px solid #dfdfdf; padding:25px 0;}
.history_day li.first{border-top:0;}
.history_day li span.month{float:left; color:#222; width:88px; text-align:center; display:table;}
.history_day li span.month em{display:table-cell; vertical-align:middle; padding:12px 0 0;}
.history_day li span.txt{float:left;}

/*공지사항*/
.curpagecss{height:30px; width:30px; font-size:12px; color:#000; border:1px solid #c2c2c2; background:#cccccc; display:block; float:left; line-height:30px; margin:0 5px}
.pagecss{height:30px; width:30px; font-size:12px; color:#000; background:#fff; border:1px solid #c2c2c2; display:block; float:left; line-height:30px; margin:0 5px}
.next_page{height:30px; width:30px; font-size:12px; color:#000; background:#fff; border:1px solid #c2c2c2;  display:block; float:left; line-height:30px; margin:0 5px}

/*제품상세*/
.list_box{margin:0 0 10px 0; padding:0; position:relative; top:0; left:0}
/*.list_box td img{border:1px solid #ccc; margin:0; padding:0}*/
.list_box td img{border:0; margin:0; padding:0}
/*.list_box td div{border-color:#ccc; border-width:0 1px 1px 1px; border-style:solid; margin:-3px 0 0 0; font-weight:bold; font-size:14px; height:55px; line-height:55px; background:#fff}*/
.list_box td div{border:0; margin:-3px 0 0 0; font-weight:bold; font-size:14px; height:55px; line-height:55px; background:#fff}
.list_box td a:hover{color:#000; padding:0}
.list_box td a{color:#000;text-decoration:none}

/*대리점*/
.groble_net{overflow:hidden; margin:30px 0 20px 0}
.groble_net dl:after{content: ''; display:block; clear:both;}
.groble_net dl{width:100%; margin:0 0 0 0;}
.groble_net dt{float:left; color:#222; font-size:21px; font-family:"Gotham-Medium"; font-weight:bold; text-align:center; width:233px; border-top:2px solid #000; padding:23px 0 0; margin:0 36px 0 0;}
.groble_net dd{display:inline-block; border-top:2px solid #000; width:1120px;}
.groble_net ul{}
.groble_net li:after{content: ''; display:block; clear:both;}
.groble_net li{display:block; color:#777; font-size:15px; border-top:1px solid #dfdfdf; padding:25px 0;}
.groble_net li.first{border-top:0;}
.groble_net li span{float:left; color:#777; text-align:left; width:220px; padding:0 0 0 27px;}

.business_benner{height:150px; width:1120px; margin:30px auto 20px auto}
.business_benner >ul>li.banner1{float:left; margin:0 20px 0 0}
.business_benner >ul>li.banner2{float:left; margin:0 20px 0 0}
.business_benner >ul>li.banner3{float:left; margin:0px}


/*제품리스트*/
.product_list .list_box .pro_over {display:none; position:absolute; left:0; top:4px; width:267px; height:320px; border:1px solid #e4e4e4; background:url(../images/bg_white.png) repeat left center;}
.product_list .list_box .btn_area {float:left; width:265px; padding-top:8px; /* border-bottom:1px solid #e4e4e4; */ text-align:center;}
.product_list .list_box:hover .pro_over {display:block;}
.product_list .list_box .btn_area {margin-top:160px; background:transparent; border:0; text-align:center}
.product_list .list_box .btn_area a {display:block; width:180px; height:40px; margin:0 auto; font-size:14px; color:#fff; line-height:40px;}
.product_list .list_box .btn_area a.btn_view {background:#002ebb;}

/*메인 제품리스트*/
.product_list_main .list_box .pro_over {display:none; position:absolute; left:0; top:0px; width:265px; height:340px; border:1px solid #e4e4e4; background:url(../images/bg_white.png) repeat left center;}
.product_list_main .list_box .btn_area {float:left; width:265px; padding-top:8px; /* border-bottom:1px solid #e4e4e4; */ text-align:center;}
.product_list_main .list_box:hover .pro_over {display:block;}
.product_list_main .list_box .btn_area {margin-top:160px; background:transparent; border:0; text-align:center}
.product_list_main .list_box .btn_area a {display:block; width:180px; height:40px; margin:0 auto; font-size:14px; color:#fff; line-height:40px;}
.product_list_main .list_box .btn_area a.btn_view {background:#002ebb;}

/*서브카테고리*/
.sub_wrap .tab_5ea{overflow:hidden;border-bottom:1px solid #e4e4e4;}
.sub_wrap .tab_5ea li{float:left;width:20%;height:38px;font-size:12px;line-height:38px;text-align:center;border-top:1px solid #e4e4e4;border-right:1px solid #e4e4e4;box-sizing:border-box}
.sub_wrap .tab_5ea li:first-child{border-right:1px solid #e4e4e4;border-left:1px solid #e4e4e4;}
.sub_wrap .tab_5ea li a{display:inline-block;width:100%;color:#666; font-size:12px;}
.sub_wrap .tab_5ea li:hover,
.sub_wrap .tab_5ea li.on{border:none;background-color:#002ebb;}
.sub_wrap .tab_5ea li:hover a,
.sub_wrap .tab_5ea li.on a{font-weight:bold;color:#fff;}
.sub_wrap .tab_content_css{position:relative;padding-top:30px;}
.sub_wrap .tab_content > div{display:none;}
.sub_wrap .tab_content > div.on{display:block;}
.sub_wrap .tab_content > div.on .iframe_smart {height:450px;}
.sub_wrap .tab_content > .spec_product.on img {width:100%;height:auto;}

.sub_wrap .tab_5ea li:nth-child(6){border-left:1px solid #e4e4e4;}
.sub_wrap .tab_5ea li:nth-child(6):hover,
.sub_wrap .tab_5ea li:nth-child(6).on {border-left:1px solid #002ebb; border-top:1px solid #002ebb}
.sub_wrap .tab_5ea li:nth-child(11){border-left:1px solid #e4e4e4;}
.sub_wrap .tab_5ea li:nth-child(11):hover,
.sub_wrap .tab_5ea li:nth-child(11).on {border-left:1px solid #002ebb; border-top:1px solid #002ebb}