/* Common **********************************************************************/
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);

/* Common **********************************************************************/ 
html,body {width:100%; }
html {overflow-y:scroll;}
body {*word-break:break-all;-ms-word-break:break-all; }
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,textarea,button {margin:0; padding:0;}
fieldset,img {border:0px none;  vertical-align:top;}
dl,ul,ol,menu,li {list-style:none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,q:before, q:after {content:''; content:none;}
button {border:0 none; background-color:transparent; cursor:pointer;}
body { background:#fff;}
body,th,td,input,select,textarea,button {font-size:12px; line-height:1.5;    font-family:'Malgun Gothic', 'Nanum Gothic';color:#7d7d7d;} 

a:link,a:active,a:visited{color:#7d7d7d; text-decoration:none; border:0px;}
a:hover,a:focus{color:#333; text-decoration:underline}

table {border-collapse:collapse; border-spacing:0;}
address,caption,cite,code,dfn,em,var {font-style:normal; font-weight:normal;}
summary, caption, legend, hr {width:0; height:0; font-size: ; line-height: ; overflow: hidden; visibility: hidden; border: none; position:absolute; left:-1000em;}
caption {position:static;}
/* label hidden 처리 */
.invisible{overflow:hidden; visibility:hidden; width:0; height:0; font-size:0; line-height:0; position:absolute;}
label.invisible{*position:Absolute;}

/* common */
.clfix:after {content: "."; display: block; height:0px; clear: both; visibility: hidden;}
.clfix {display:inline-block;}
.clfix {display:block;}
* html .clfix {height:1%;} /* Hides from IE-mac */
.clfix {zoom:1;} /*for IE 5.5-7*/
.list {border-top:2px solid #1c1815; border-bottom:1px solid #1c1815;}


/*멤버스킨*/
.title{font-size:15px; font-weight:bold;}

/*테이블*/
.tbl_type,.tbl_type th,.tbl_type td{border:0}
.tbl_type{width:100%;border-bottom:1px solid #e2e2e5; }
.tbl_type th{padding:10px 0 10px 0;border-top:2px solid #383d4a; font-weight:bold; border-bottom:1px solid #e2e2e5;}
.tbl_type p{font-size:11px; color:#b6b7bc;}
.tbl_type td{padding:7px 0 7px 0;border-top:1px solid #e5e5e5;color:#4c4c4c; border-bottom:none; border-top:none; line-height:18px;}

.tbl_type2,.tbl_type2 th,.tbl_type2 td{border:0}
.tbl_type2{width:100%;border-bottom:1px solid #e7e7e7; }
.tbl_type2 th{padding:10px 0 10px 0; background:#f9f9f9; text-align:center;}
.tbl_type2 p{font-size:11px; color:#b6b7bc;}
.tbl_type2 td{padding:10px 0 10px 10px; border-bottom:none; border-top:none; line-height:18px;}

/*main*/
.f_left{float:left;}
.f_right{float:right;}
#wrap{width:100%; min-width:1000px; position:relative; margin:0 auto; overflow:hidden; font-family:"Malgun Gothic";}
#header_wrap{width:1000px; height:90px; margin:0 auto; position:relative;}
#header_wrap h1{position:absolute; top:16px; left:0;}
#navi{position:absolute; top:0; left:50%; margin-left:43px; /*margin-left:20px;*/}
#navi a{font-size:16px;}

#VisualWrap{position:relative; width:1000px; height:392px; margin:0 auto; }

#ContentsWrap{position:relative; width:1000px; height:390px; margin:0 auto;  margin-top:20px;}
#ContentsWrap a:hover{background:#eee; display:inline-block;  width:220px; height:390px; text-decoration:none;}
.contBox{position:relative; width:220px; float:left;}
.contBox h3{font-size:22px; line-height:24px; color:#2b3780; margin-bottom:20px; padding-top:25px; padding-left:10px;}
.contBox dt{margin-left:10px; width:200px; height:140px;}
.contBox dd{font-size:13px; line-height:20px; color:#555; margin-top:10px; padding-left:10px;}
.contBox p{position:relative; margin-top:10px; margin-right:10px; text-align:right; font-size:12px; color:#333;}

.contCS{position:relative; width:220px; height:390px; float:left; background:url('/images_new/main/cs.jpg') 0 0 no-repeat;}
.contCS h3{font-size:18px; line-height:24px; color:#fff; margin-bottom:20px; padding-top:55px; text-align:center;}

#footer{clear:both; width:100%; height:110px; background:#333;}
.form{width:1000px; margin:0 auto; font-size:12px; color:#ccc; line-height:22px; padding-top:25px;}




/*sub*/
#subvisual_wrap {position:relative; width:100%; height:40px; position:relative;  border-top:1px solid #ddd; border-bottom:1px solid #145daa; background-color:#fff;}

.sub_home{position:relative;  width:1000px; margin:0 auto; padding-top:10px; font-size:13px; color:#666;}
#subcontent_wrap{width:1000px; margin:0 auto; min-height:515px; padding-top:40px;}
.left_menu{width:200px; float:left; margin-right:50px;}
.left_menu ul{border-left:1px #e1e1e5 solid; border-right:1px #e1e1e5 solid;}
.left_menu h2{height:120px; line-height:120px; background:#999; font-size:22px; font-weight:bold; color:#fff; text-align:center;}

.sub_content{width:750px; float:left; padding-bottom:90px;}
.int01{font-size:16px; color:#444;}
.int02{font-size:22px; font-weight:bold; color:#666; line-height:34px;}
.int03{color:#135dab;}
.int_pic{float:left; width:318px; margin-right:35px;}
.int_text{float:left; width:395px; font-size:13px; color:#555; line-height:20px;}
.int_name{font-size:16px; font-weight:bold; color:#555; text-align:right; margin-top:25px;}





/*주요제품*/
#product{position:relative; width:750px; overflow:hidden;}
#product .productBox{position:relative; width:228px; float:left;}
.productBox dt{position:relative; width:228px; height:228px; border:1px solid #ddd;}
.productBox dd{text-align:center; font-size:15px; color:#2a3680; margin-top:7px;}
.productBox dd a{color:#2a3680; font-weight:bold;}
.md30{margin-left:30px;}

	/*paging*/
.pagingWrap{margin-top:50px; position:relative; text-align:center;}
.paging{text-align:center;}
.paging a{width:22px; height:21px; display:inline-block; line-height:21px; text-align:center; vertical-align:middle; font-size:12px; color:#666;border:1px solid #dbdbdb}
.paging a.on,
.paging a:hover{background:#696969; color:#fff; border:1px solid #555;}
.paging a.last{background:none;}
.paging a.prev{background:url('/images/pre.png') center center no-repeat;}
.paging a.next{background:url('/images/next.png') center center no-repeat;}


#productView{position:relative; width:750px; overflow:hidden;}
#productView .viewImg{position:relative; width:320px; height:320px; float:left;}
#productView .viewTxt{position:relative; width:380px; border:0px solid red; float:left;}
.viewTxt h3{font-size:20px; line-height:22px; color:#125eaa;}
.viewTxt .btnWrap{position:relative; overflow:hidden;}
.viewTxt .btn1{position:relative; width:110px; height:35px; background-color:#125eaa; color:#fff; line-height:33px; text-align:center; font-size:14px; font-weight:bold; float:left}
.viewTxt .btn2{position:relative; width:108px; height:33px; border:1px solid #125eaa; color:#125eaa; line-height:31px; text-align:center; font-size:14px; font-weight:bold; float:left}
.table_products{position:relative; width:710px; border-top:2px solid #125eaa;}
.table_products th{text-align:left; color:#666; text-align:left; background-color:#f5f5f5; height:34px; border-bottom:1px solid #eaeaea; padding-left:15px;}
.table_products td{font-size:13px; color:#555; height:34px; border-bottom:1px solid #eaeaea; padding-left:15px;}

.productInfo{border-top:1px solid #ddd; padding-top:20px;}
.productInfo h4{font-size:14px; line-height:22px; color:#343434; background:url('/images/sub01/dot.jpg') 0 12px no-repeat; padding-left:15px; line-height:26px;}



/*tab*/
.tabmenu {width:100%; height:38px; margin-bottom:20px;}
.tabmenu ul li {width:33%; height:38px; line-height:38px; font-size:15px; color:#fff;  font-weight:bold; background:#9ea4a9; text-align:center; float:left; margin-left:3px;}
.tabmenu ul li.on {background:#2a3680;}
.tabmenu ul li:first-child {margin-left:0;}
.tabmenu ul li a {color:#fff; display:block;}
.tabmenu ul li a:hover {color:#fff; background:#2a3680; text-decoration:none;}


.tabWrap {width:710px; height:37px; margin-bottom:20px;  /*background:url('/images_new/sub/tab_bg.png') 0 0 no-repeat; padding:13px 20px;*/ border-bottom:1px solid #ddd; padding-bottom:15px;}
.tabWrap li{float:left; margin-left:10px;}
.tabWrap li:first-child {margin-left:0;}


/*오시는길*/
.locationtxt{position:relative; width:400px; float:left;}
.locationtxt dt{background:url('/images/sub01/dot.jpg') 0 12px no-repeat; padding-left:15px; font-size:15px; color:#555; line-height:26px; font-weight:bold; margin-bottom:7px;}
.locationtxt dd{font-size:14px; color:#555; line-height:24px;}
.locationtxt p{background:url('/images_new/sub01/tel.jpg') 0 4px no-repeat; padding-left:30px; font-size:15px; color:#555; line-height:26px; font-weight:bold; margin-bottom:7px;}

.locationImg{position:relative; width:310px; float:left;}
.locationImg h3{font-size:24px; text-align:center; margin-bottom:10px; color:#2b3781;}

.h4_tit {font-size:14px; line-height:14px; color:#343434; background:url('/images/sub01/dot.jpg') 0 12px no-repeat; padding-left:15px; line-height:26px;}
.h5_tit {font-size:13px; color:#125eaa; line-height:13px; font-weight:bold; margin-bottom:7px;}