@charset "utf-8"; @import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css); @import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css); @import url('https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900'); * { margin:0; padding:0; box-sizing:border-box; letter-spacing:-0.06em; color:inherit; } 
img { border:0; vertical-align:top; } 
a { border:0; text-decoration:none; } 
ul, li { list-style:none; } 
body { font-family: 'Nanum Gothic', 'Roboto', sans-serif; color:#272727; } 
div { display:block; } 
h1,h2,h3,h4 { font-family: 'Noto Sans KR'; font-weight:300; letter-spacing:0em; line-height:1.1; } 
.c_main { color:#006c93 } 
.c_white { color:#fff } 
p { font-size:16.5px; line-height:180% } 
h1 { font-size:44px; } 
h2 { font-size:36px } 
h3 { font-size:29px; } 
h4 { font-size:20px; } 

.container_fluid { width:100%; min-width: 1200px; } 
.container { width:1200px; margin:0 auto; } 
.clearfix:after { content:""; clear:both; display:block; } 
.float { float:left; } 
.float_r { float:right; } 
.hide { display: inline-block; position: absolute; z-index: -10; width: 0 !important; height: 0 !important; overflow: hidden !important; opacity: 0 !important; filter: alpha(opacity=0); -ms-filter: 'alpha(opacity=0)'; font-size: medium; line-height: normal; word-break: break-all; } 

/*header*/
/* 공통 상단 */
#wrap { } 
body { } 
/*header*/
header { position:relative; z-index:99; width:100%; background:#344ea2; } 
.header_inner { width:1200px; margin:0 auto; position:relative; } 
nav { width:1200px; margin:0 auto; } 
nav .nav_wrap { display:block; width:100%; margin:0 auto; position:relative; } 
nav .nav_logo { float:left; height: 91px; padding: 7px 5px; background: #fff; } 

/* .nav_logo a.logo { display: block; font-size: 45px; font-family: 'Noto Sans KR'; color: #fff; align-items: center; line-height: 1.8; font-weight: 600; width: 100px; } */
.nav_logo a.logo { display: block; height: 100%; } 
.nav_logo a.logo img { width: 241px; } 

.gnb > li { float:left; text-align:center; display:inline-block; position:relative; } 
.gnb > li a { display:block; color:#fff; font-weight:400; font-size:17px; font-family:'Roboto', sans-serif; padding:20px 30px; margin-top:10px; margin-bottom:16px; } 
.gnb > li > ul { display:none; position:absolute; top:85px; width:100%; } 
.gnb > li li a { padding:15px 30px; margin-top:0; margin-bottom:0; } 
.gnb > li:hover, .gnb > li:hover > ul { background:#1f3784; } 
.gnb > li > ul li:hover { background:#344ea2; } 
/* 메인 컨테이너 */
#main { width:100%; min-width:1200px; margin:0 auto; background:#fff; } 


.main_content { width:1200px; margin:auto; } 
.main_visual { height:772px; width:100%; min-width:1200px; /*background:url(../images/main_visual.png) top center no-repeat; */ } 
.main_visual { position:relative; } 

.flexslider img { display:block; } 
.flexslider li .main_sl { height:772px; width:100%; min-width:1200px; overflow:hidden; } 
.flexslider li .s1 { background:url(../images/slide1.jpg) center; } 
.flexslider li .s2 { background:url(../images/slide2.jpg) center; } 
.flexslider li .s3 { background:url(../images/slide3.jpg) center; } 
.flexslider li .s4 { background:url(../images/slide4.jpg) center; } 
.flexslider li .s5 { background:url(../images/slide5.jpg) center; } 
.flexslider li .s6 { background:url(../images/slide6.jpg) center; } 
.flexslider li .s7 { background:url(../images/slide7.jpg) center; } 
.flexslider li .s8 { background:url(../images/slide8.jpg) center; } 
.flexslider li .s9 { background:url(../images/slide9.jpg) center; } 
.flexslider li .s10 { background:url(../images/slide10.jpg) center; } 
.flexslider li .s11 { background:url(../images/slide11.jpg) center; } 
.flexslider li .s12 { background:url(../images/slide12.jpg) center; } 
.flexslider li .s13 { background:url(../images/slide13.jpg) center; } 
.flexslider li .s14 { background:url(../images/slide14.jpg) center; } 


.visual_txt { display:block; position:absolute; left:50%; top:50%; margin-left:-286px; margin-top:-125px; } 
.visual_txt a { display:block; margin-top:30px; text-align:center; } 
.main_visual .bounce { position: absolute; z-index:99; bottom: 30px; left: 50%; margin-left:-15px; width: 30px; height: 67px; background:url(../images/icon_mouse.png) no-repeat center; text-indent:-9999px; overflow:hidden; } 
.bounce { -moz-animation: bounce 2s infinite; -webkit-animation: bounce 2s infinite; animation: bounce 2s infinite; } 
@keyframes bounce { 0%, 20%, 50%, 80%, 100% { transform: translateY(0); } 
 40% { transform: translateY(-20px); } 
 60% { transform: translateY(-10px); } 
 }


#main { text-align:center; font-family: 'Noto Sans KR'; } 
#main h2 { margin-bottom:40px; font-weight:500; font-family:'Roboto', sans-serif; font-size:40px; } 
p { font-size:18px; } 
#main .col_w { color:#fff; } 
#main .col_bk { color:#303030; } 
.inner { padding:70px 0; } 
b { font-weight:700; } 


.flex-control-nav { width: 100%; position: absolute; bottom: 10px; text-align: left; left: 50px; } 


/* section1 */
#section1 h3 { font-size:47px; font-weight:200; text-transform:uppercase; font-family:'Roboto', sans-serif; } 
#section1 h4 { font-size:26px; font-weight:500; } 
.box_wrap .box { position:relative; } 
.box_wrap .box .box_txt { position:absolute; z-index:10; top: 0; bottom: 0; left: 0; right: 0; width: 100%; height: 100%; } 

.table_box { display: table; position: static; width: 100%; height: 100%; padding: 0px 0 0; } 
.table_box .table_cell { position: relative; display: table-cell; text-align: center; vertical-align: middle; overflow: hidden; } 
 #section1 .txt { font-family: 'Noto Sans KR' , sans-serif; } 
#section1 .txt h2 { font-size: 60px; color: #344ea2; letter-spacing: 1px; } 
#section1 .txt p { font-size: 30px; } 
#section1 .txt span { font-size: 30px; font-weight: bold; } 





/* section2 */
.sec2_bg { width:100%; background:url(../images/main_contact_bg.png) no-repeat bottom center/cover; } 
#section2 .map_area { width:50%; } 
#section2 .info_area { width:50%; padding-left:62px; } 
#section2 .info_area > div { text-align:left; } 
#section2 .info_area > div:not(:first-of-type) { margin-top: 25px; } 
#section2 .info_area > div .info_txt { padding-left:20px; color:#272727; } 
#section2 .info_area h3 { font-weight:400; margin-bottom: 5px; } 
#section2 .info_area .address_wrap p { font-size:22px; line-height: 1.2; } 
#section2 .info_area .call_wrap p,
#section2 .info_area .fax_wrap p { font-size:35px; font-family:'roboto'; line-height:1.2; } 

#section2 .info_area .clearfix { display: flex; align-items: center; } 


footer { background:#272727; text-align:center; } 
#footer { width:1200px; margin:0 auto; display:inline-block; } 
.f_logo { padding-top:31px; } 
.footer_txt { display:inline-block; padding:35px 0 40px; font-size:14px; color:#fff; line-height:160%; } 

.back_top { position:fixed; bottom:30px; right:50px; } 



/* 서브 */
#sub { width:100%; min-width:1200px; margin:auto; color:#303030; padding-top:89px; } 
.sub_top1 { width:100%; min-width:1200px; height:135px; background:url(/base/img/pc/images/sub_top.png) center; } 
.sub_top2 { width:100%; min-width:1200px; background:url(/base/img/pc/images/sub_top.png) center; height:194px; } 
#sub_top .sub_title { padding-top:40px; text-align:left; width:1200px; margin:0 auto; } 
#sub_top .sub_title h2 { font-size:30px; font-weight:400; color:#272727; } 
#sub_top .sub_title .path { font-size:14px; color:#505050; } 

#sub_content { margin-bottom:150px; } 
#sub_content .snb_wrap { position:relative; } 
#sub_content .snb { width:1200px; position:absolute; top:-53px; left:0; } 
#sub_content .snb li { float:left; position:relative; } 
#sub_content .snb .t1 li { width:100%; } 
#sub_content .snb .t2>li { width:50%; } 
#sub_content .snb .t3 li { width:33.333%; } 
#sub_content .snb .t4 li { width:25%; } 
#sub_content .snb li.wid30 { width: calc(100% / 3); } 
#sub_content .snb li.wid50 { width: 50%; } 
#sub_content .snb li ul li { border-right: 1px solid #fff; } 

#sub_content .snb li ul li.last { border-right: none; } 
#sub_content .snb li.bt { border-top: 1px solid #eee; } 


/* #sub_content .snb .t5 { display: flex; flex-wrap: wrap; } 
#sub_content .snb .t5 li { flex: 1 0 33.33333%; } */

#sub_content .snb li > a { display:block; color:#303030; background:#efefef; text-align:center; padding:15px 0; text-align:center; font-size:20px; line-height: 1.4; } 
#sub_content .snb > ul > li > a { border-bottom:2px solid #344ea2; } 
#sub_content .snb > ul > li > a.on { background:#fff; color:#241e1e; border:2px solid #344ea2; border-bottom:0; } 
#sub_content .snb > ul > li > a:hover { background:#fff; } 

#sub_content .snb li > ul { display:none; position:absolute; width:1200px; } 
/* #sub_content .snb li:hover > ul, #sub_content .snb li.on > ul { display:block; } */
#sub_content .snb li > ul { border-top:1px solid #ddd; } 
#sub_content .snb li > ul li a { background:#e2e2e2; } 
#sub_content .snb li > ul li a.on, #sub_content .snb li > ul li a:hover { background:#ccc; color:#000; } 


#sub #content { padding:70px 0 70px; } 
#sub #content h3 { font-size:30px; font-weight:600; color:#344ea2; margin-bottom:20px; } 
#sub #content h4 { font-size:24px; font-weight:500; color:#303030; margin-bottom:20px; } 
#sub #content .mt30 { margin-top:30px; } 
#sub #content .space { padding-top:100px; } 
#sub #content .line { width:100%; height:1px; background:#e5e5e5; margin-top:60px; } 



/* 폼메일_견적문의 */
#sub #content textarea[name="description"] { width:97%; } 

td.gallery_subject { vertical-align:top; height:50px; } 
.board td[align="left"] { height:45px; } 
.board td[align="left"] img { display:none; } 
.board_view { width: 100%; border-top:0; border-left: 0; border-right: 0; } 
.board_view td { border-bottom: 1px #e5e5e5 solid; padding: 4px; border-left: 0; border-right: 0; } 

.table_02 { width: 100%; border-top: 2px #001f5f solid; border-bottom: 1px #001f5f solid; border-left: 1px #e5e5e5 solid; } 


/* sub 제품소개 table */
 table.prd { border-collapse: collapse; border-spacing: 0; width: 100%; } 

 table.prd td { font-family: Arial, sans-serif; font-size: 14px; padding: 10px 5px; border-bottom: 1px solid #ddd; overflow: hidden; word-break: normal; line-height: 1.6; padding-left: 10px; border-right: 1px solid #ddd; } 

 table.prd td p { font-size: 14px !important; } 

 table.prd tr:first-of-type { border-top: 2px solid #303030; } 

 table.prd th { font-family: Arial, sans-serif; font-size: 16px !important; font-weight: bold; padding: 10px 5px; overflow: hidden; word-break: normal; background: #f2f2f2; border-bottom: 1px solid #ddd; } 

 table.prd:not(.bpr) tr td:nth-child(-n+2) { text-align: center } 

 table.prd tr td:last-child,
 table.prd tr th:last-child { border-right: 0; } 
 

 table.prd tr td>div { display: inline-block; margin: 0 auto; text-align: left; }