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

body {
	height: 100%;
	width:100%;
	margin: 0;
	padding: 0;
	font-size: 0.75em;
	line-height: 150%;
	font-family:'Noto Sans KR', 'Nanum Gothic', "맑은고딕", 'Malgun Gothic', 돋움, Dotum, AppleGothic, sans-serif;
	color:#111111;
}

form, p, blockquote, dl, dd, dt {margin:0;padding: 0;}
ul, li, ol {list-style:none;margin:0px;padding:0px;}
fieldset{margin:0; padding:0; border:0}
img, input {vertical-align:middle;}
img {vertical-align:middle; border: 0 none;}
caption{visibility:hidden;position:absolute;top:0;left:0;width:0px;height:0px;font-size:0;line-height:0}


/*LINK*/
a:link, a:visited {color: #666; text-decoration: none}
a:hover, a:active {color: #000; text-decoration: none;}
a, area {outline:none; selector-dummy:expression(this.hideFocus=true);}
:focus {-moz-outline-style:none;}

/* skip 숨김영역 */
#accessibility, .skip, hr {
	position:absolute;
	width:1px;
	height:1px;
	font-size:0;
	line-height:0;
	overflow:hidden;
	visibility:hidden;
	z-index:-1;
}

/*대체텍스트용*/
.comment{
	position:absolute;
	left:-10000px;
	width:1px;
	height:1px;
	overflow:hidden;
}


/* input style */
input, textarea, select  { font-size:12px; color:#000;}
.txtBox { border:1px solid #c0c0c0; height:18px; color:#000;}
.txtBoxW {background-color:#fff; border:1px solid #d8d8d8; height:18px; color:#000;}
.txtSelect {  padding: 1px 1px 1px 1px; }


/*Layout*/
*{margin: 0; padding: 0;}

.top_menu_wrap{width: 100%; height: 30px; background-color: #2596cf;}
.top_menu_wrap .menu_wrap{width: 1060px; height:30px; margin: 0 auto;}
.top_menu_wrap .menu_wrap .top_menu{float: right;}
.menu_wrap .top_menu li{float: left; height:30px; text-align: center; padding-top: 4px; box-sizing: border-box;}
.top_menu li a{font-size: 13px; display: block; height: 30px; font-family: '나눔고딕', 'Nanum Gothic', sans-serf;} 
.top_menu .top_home{width: 62px; background-color: #fff;}
.top_menu .top_home a{color: #0c1f19; width: 62px;}
.top_menu .top_admin{width: 70px; background-color: #0c1f19;}
.top_menu .top_admin a{color: #fff; width: 70px;}
.top_menu .top_eng{width: 65px; background-color: #00417f;}
.top_menu .top_eng a{color: #fff; width: 65px;}

.gnb_wrap{width: 1060px; height: 75px; margin: 0 auto;}
.gnb_wrap .logo{width: 229px; height: 75px; float: left;}
.gnb_wrap .logo a{display: block; width: 229px; height: 75px;}
.gnb_wrap .gnb{float: right; margin-right: 33px; margin-top: 32px;}
.gnb_wrap .gnb .gnb_lv1{float: left; position: relative; width: 150px; text-align: center;}
.gnb_wrap .gnb .gnb_lv1:before{content:""; display: block; width: 1px; height:17px; background-color: #d3d2d2; position: absolute; top: 2px;}
.gnb_wrap .gnb .gnb_lv1:first-child:before{display: none;}
.gnb .gnb_lv1>a{font-size: 16px; color: #000; font-family: '나눔고딕', 'Nanum Gothic', sans-serf;}
.gnb .s_menu{position: absolute; top: 45px; height: 100px;  z-index: 9999;}
.gnb .s_menu li{width: 150px;}
.gnb .s_menu a{font-family: '나눔고딕', 'Nanum Gothic', sans-serf; font-size: 15px; color: #444; display: block; width: 150px; padding: 7px; box-sizing: border-box; text-align: center;}
.gnb .s_menu a:hover{color: #2596cf;}

.menu_bg { display:none; position: absolute; top: 105px; width: 100%; height: 185px; background-color: rgba(255, 255, 255, 1); border-bottom: 1px solid #00417f;}

#footer{width: 100%; height: 110px; background-color: #353535; margin-top: 50px;}
#footer #footArea{width: 1060px; height: 110px; margin: 0 auto; padding-top: 15px; box-sizing: border-box;}
#footer #footArea .copyAdd{text-align: center; font-family: '나눔고딕', 'Nanum Gothic', sans-serf;}
#footer #footArea .txt_address{color: #b6b6b6;}
#footer #footArea .txt_copy{color: #6f6f6f; padding-top: 12px;}
#footer #footArea .foot_bar{color: #444;}


/* Main 공통 */
#mainArea{width: 100%; height: 417px;}
#mainArea .m_visu{background: url(../images/main/m_visu.jpg) center center no-repeat; height: 417px;}

.m_cont_wrap{width: 100%; margin: 23px 0 19px 0;}
.m_cont_wrap .m_cont_area{width: 1060px; height: 406px; margin: 0 auto;}

.m_cont_area .m_box_01{height: 217px; margin-bottom: 10px;}
.m_cont_area .m_box_01>div{float: left; height: 217px;}
.m_cont_area .m_box_02{height: 179px;}
.m_cont_area .m_box_02>div{height: 179px; float: left;}
.m_cont_area .box_title{font-size: 18px; margin: 24px 0 0 28px; font-family: '나눔고딕', 'Nanum Gothic', sans-serf;}
.m_cont_area .boxtit_white{color: #fff;}

/* Main 개별 */
/* 공지사항 */
.m_cont_area .m_box_01 .notice_box{width: 347px; border: 1px solid #e3e3e3; box-sizing: border-box; margin-right: 10px;}
.notice_box .tit_notice{width: 293px; height: 30px; border-bottom: 1px solid #d1d1d1;}
.notice_box .con{margin-left: 28px;}

/* 주요제품 */
.m_cont_area .m_box_01 .major_prd{width: 347px; background-color: #e2e2e2; margin-right: 10px;}

/* 주요제품 슬라이드 */
.major_prd .bx-wrapper{border: none; background: none; box-shadow: none; margin: 15px auto;}
.major_prd .bx-wrapper .bx-prev{width: 32px; height: 32px; left: -40px; background:url(../images/main/mslide_arrow_l.png) 0 0 no-repeat;}
.major_prd .bx-wrapper .bx-next{width: 32px; height: 32px; right: -40px; background: url(../images/main/mslide_arrow_r.png) 0 0 no-repeat !important;}
#mslide_major_prd p {font-size: 14px; color: #393939; width: 100px; text-align: center;}


/* 기술자료 */
.m_cont_area .m_box_01 .tech_data{width: 346px; background: url(../images/main/tech_data.jpg) no-repeat;}
.m_cont_area .tech_data .tech_more{margin: 140px 0 0 215px;}
.tech_data .tech_more a{display: block; width: 115px; height: 22px; color: #000; font-size: 14px; font-weight: 400; text-align: center;}

/* 퀵메뉴 */
.m_cont_area .m_box_02 .quick_box{width: 704px; background-color: #104673; margin-right: 10px;}
.mquick_menu{width: 641px; height: 93px; margin:12px 0 0 26px; border-top: 1px solid #758ea4; padding-top: 28px;}
.mquick_menu li{float: left; width: 131px; height: 64px; margin-right: 39px;}
.mquick_menu li:last-child{margin-right: 0;}
.mquick_menu li a{display: block; float: right; margin-top: 17px;}
.mquick_menu li p{color: #fff; font-family: '나눔고딕', 'Nanum Gothic', sans-serf; font-weight: 600;}
.mquick_menu li .qbtn_tit{font-size: 15px;}
.mquick_menu li .qbtn_more{font-size: 13px; float: right;}
.mquick_menu .q_company{background: url(../images/main/q_company.png) 0 0 no-repeat;}
.mquick_menu .q_product{background: url(../images/main/q_product.png) 0 0 no-repeat;}
.mquick_menu .q_estimate{background: url(../images/main/q_estimate.png) 0 0 no-repeat;}
.mquick_menu .q_map{background: url(../images/main/q_map.png) 0 0 no-repeat;}


/* 연락처 */
.m_cont_area .m_box_02 .contact_box{width: 346px; border: 1px solid #e3e3e3; box-sizing: border-box;}
.contact_box img{margin: 26px 0 0 29px;}
.contact_box .txt_fax{width: 35px; height: 17px; background-color: #2b6391; padding: 1px 7px; box-sizing: border-box; color: #fff;}
.contact_box .txt_number{color: #6f6f6f; font-weight: 400;}
.contact_box .fax_number{font-size: 14px; font-family: '나눔고딕', 'Nanum Gothic', sans-serf; margin: 19px 0 0 29px;}



/******** 서브 시작 ********/

/* 서브공통 */
.sub_visu{width: 100%; height: 155px; background: url(../images/sub/sub_visu.jpg) center center no-repeat;}
.content_wrap{width: 1060px; margin: 0 auto;}
.sub_title{width: 200px; height: 115px; background: url(../images/sub/sub_tit_bg.jpg) center center no-repeat;}
#subNav ul{width: 200px;}
#subNav>ul>li{height: 45px; border-bottom: 1px solid #d5d5d5;}
#subNav>ul>li>a{font-family: '나눔고딕', 'Nanum Gothic', sans-serf; font-size: 16px; color: #000; display: block; width: 200px; height:45px; padding: 15px 0 0 23px; box-sizing: border-box;}
#subNav>ul>li>a:hover,
#subNav>ul>li>a.on{color: #0b7bb4; background: url(../images/sub/this_page.png) 0 0 no-repeat;} 
#subNav .sub_title{width: 200px; height: 115px; text-align: center; font-family: '나눔고딕', 'Nanum Gothic', sans-serf; font-size: 24px; color: #fff; padding-top: 47px; box-sizing: border-box;}

.subnav_2nd{height: 200px;}

.content_wrap{overflow: hidden;}
.content_wrap .sub_menu{float: left;}
.content_wrap .contents{width: 810px; min-height: 500px; float: right; margin-top: 39px;}
.content_wrap .contents .s_cont{width: 810px; min-height: 500px; padding-top: 25px;}

.s_tit_area{width: 810px; height: 45px; border-bottom: 1px solid #d1d1d1; padding-bottom: 35px; box-sizing: border-box;}
.s_tit_area .tit_sub{font-family: '나눔고딕', 'Nanum Gothic', sans-serf; font-size: 30px; color: #000; float: left; font-weight: 600;}
.s_tit_area .bread_crumb{float: right; margin-top: 20px;}
.s_tit_area .bread_crumb li{float: left; font-family: '돋움', 'Dotum', sans-serif; font-size: 12px; color: #9b9b9b; margin-left: 10px;}
.s_tit_area .bread_crumb .bc_txt_blue{color: #8ba6b4;}

#subNav .sub_ht_70, #subNav .subNav_credit{height: 70px;}
#subNav .sub_ht_70 a.on, #subNav .sub_ht_70 a:hover, #subNav .subNav_credit.on, #subNav .subNav_credit:hover{background: url(../images/sub/this_page.png) 0 10px no-repeat;}

/* 서브 탭메뉴 */
.b1_05_04 dl{position: relative; height: 480px;}
.b1_05_04 .tab_box_many{height: 580px;}
.b1_05_04 dl dt{position: absolute; bottom: 0; height: 80px;}
.b1_05_04 dl dd{position: absolute; top: 0; left: 0; overflow: hidden;}
.b1_05_04 .btn_01{left: 0; top: 400px;}
.b1_05_04 .btn_02{left: 105px; top: 400px;}
.b1_05_04 .btn_03{left: 210px; top: 400px;}
.b1_05_04 .btn_04{left: 315px; top: 400px;}
.b1_05_04 .btn_05{left: 0;}



/* 회사소개 */
.s_cont .message_bg{background: url(../images/sub/company/message_bg.jpg) no-repeat; width:810px; height: 450px;}
.s_cont .message_bg p{font-family: '나눔고딕', 'Nanum Gothic', sans-serf; font-size: 15px; color: #444;}
.s_cont .message_bg .txt_mes{width: 441px; padding-top: 120px; line-height: 22px;}
.message_bg .mes_bold_txt{color: #000; font-weight: 600;}
.message_bg .txt_rep{margin: 25px 0 0 310px;}
.message_bg .txt_rep .txt_name{color: #000; font-size: 24px; font-weight: 600;}
.content_wrap .contents .con_company_01{height: 450px;}

/* 기술자료 */
.tech_para{margin-top: 20px; font-size: 14px; font-family: '나눔고딕', 'Nanum Gothic', sans-serif; margin-left: 20px; line-height: 20px; color: #555;}
.tech_para span{
	font-size: 18px;
	font-family: '나눔고딕', 'Nanum Gothic', sans-serf;
	color: #444;
	font-weight: 600;
	background: url(../images/sub/company/tech_icon.png) 0 0 no-repeat;
	padding: 0 0 5px 30px;
}


/* 사업현황/실적 */
.s_cont .table_result{border: 1px solid #d1d1d1; border-collapse: collapse;}
.s_cont .table_result th,
.s_cont .table_result td{border: 1px solid #d1d1d1; padding: 10px; font-size: 14px; font-family: '나눔고딕', 'Nanum Gothic', sans-serf;}
.s_cont .table_result th{border-top: 2px solid #2596cf; border-bottom: 2px solid #2596cf;}
.s_cont .table_result .bg_f7{background-color: #f7f7f7;}



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

/* 전체 제품 페이지 */
.prd_all_tit{font-size: 20px;
color: #444;
font-family: '나눔고딕', 'Nanum Gothic', sans-serf;
font-weight: 500;
background: url(../images/product/prd_all_tit.png) 0 0 no-repeat;
height: 30px;
padding: 3px 0 0 30px;
}

.prd_all_box{overflow: hidden; margin-bottom: 20px;}
.prd_all_box li{float: left; margin-left: 10px;}
.prd_all_box li:first-child{margin: 0;}

.prd_all_box form input{padding: 5px; background: none; border: 1px solid #00417f; transition: .2s; cursor: pointer; margin: 0 auto; width: 195px; outline: none;}
.prd_all_box form input:hover{background-color: #00417f; color: #fff;}
.prd_all_box p{font-size: 13px; text-align: center; margin: 10px 0; color: #444; width: 195px;}

/* 제품소개 lnb */

.accordion {
    height: 45px;
		border-bottom: 1px solid #d5d5d5;
		font-family: '나눔고딕', 'Nanum Gothic', sans-serf;
		font-size: 16px;
		color: #000;
		width: 200px;
		padding: 15px 0 0 23px;
		box-sizing: border-box;
		cursor: pointer;
}

.accordion.on, .accordion:hover {
    color: #0b7bb4;
		background: url(../images/sub/this_page.png) 0 0 no-repeat;
}

.acc_submenu {
    background-color: #f7f7f7;
    height: auto;
}

.acc_submenu li a{font-family: '나눔고딕', 'Nanum Gothic', sans-serf; font-size: 14px; display: block; color: #555; padding: 10px;}
.acc_submenu li a:hover, 
.acc_submenu li a.on{color: #0b7bb4; background-color: #fdfdfd;}

/* 서브페이지 제품 layout */
.prd_05{width: 805px;  border-collapse: collapse; margin-bottom: 25px;}
.prd_05 td{width: 202px; height: 40px; border: 1px solid #888; text-align: center;}
.prd_05 td a{display: block; width: 201px; height: 40px; font-family: '나눔고딕', 'Nanum Gothic', sans-serf; font-size: 14px; color: #6d6d6d; letter-spacing: -1px; padding-top: 10px; box-sizing: border-box;}
.prd_05 td:hover,
.prd_05 td.on{border-color: #0b7bb4; background-color: #0b7bb4;}
.prd_05 td:hover a,
.prd_05 td.on a{color: #fff; font-weight: 600;}
.box_05_04{overflow: hidden;}
.box_05_04 div{float: left;}
.box_05_04 .b2_05_04{float: right; margin-top: 15px; width: 381px;}
.box_05_04 .b2_05_04 h3{
	font-size: 21px;
	font-family: '나눔고딕', 'Nanum Gothic', sans-serf;
	font-weight: 600;
	background: url(../images/product/icon_tit_0504_1.jpg) 0 0 no-repeat;
	width: 381px;
	padding: 0 0 15px 33px;
	border-bottom: 1px solid #d1d1d1;
	box-sizing: border-box;
	margin-bottom: 30px;
}
.box_05_04 .b2_05_04 p, .txt_expl{font-size: 14px; color: #333; font-family: '나눔고딕', 'Nanum Gothic', sans-serf;}
.s_cont .box_05_04 .small_tit_05, .small_tit_05{
	font-size: 18px;
	background: url(../images/product/icon_tit_0504_2.jpg) 0 0 no-repeat;
	padding-left: 20px;
}

.b2_05_04 .txt_expl{margin-left: 20px;}
.b2_05_04 .txt_print, .txt_print{margin-top: 20px;}
.b2_05_04 .txt_sent{margin-left: 12px;}

.uv_img{margin-top: 25px;}
.txt_order{font-family: '나눔고딕', 'Nanum Gothic', sans-serf; font-size: 14px; color: #7a7a7a; width:810px; text-align: center; letter-spacing: -1px; margin-top: 35px;}

/* 서브페이지 표 */
.table_prd_01, .table_prd_02{border: 1px solid #d1d1d1; border-collapse: collapse; margin-top: 15px;}
.table_prd_01 th,
.table_prd_02 th{
	background-color: #f7f7f7;
}
.table_prd_01 th,
.table_prd_01 td,
.table_prd_02 th,
.table_prd_02 td{border: 1px solid #d1d1d1; padding: 10px; font-size: 12px; font-family: '나눔고딕', 'Nanum Gothic', sans-serf;}
.table_prd_01 td{width: 350px;}
.table_prd_02 td{width: 235px;}
.prd_01_cap{color: #666; margin-top: 20px;} 




/************ 주문, 연락처 ************/

.online_1{margin-top: 20px;}