@charset "utf-8";
@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);
@import url('https://fonts.googleapis.com/css?family=Playfair+Display+SC:400,700,900');


body { margin:0;   }

li,p,div { font-family: 'Noto Sans KR', sans-serif;  font-size: 14px;}
a {text-decoration:none;  }

/* LAYOUT */
#wrap { }
#header { min-width:1200px; height:120px; }
#container {min-width:1200px;  }
#footer { min-width:1200px; background-color:#003366; height:342px;}

/* HEADER */
#header .area { position:relative; width:1200px; margin:0 auto; }
#header .area h1 { margin-top:15px;   }
#header .area .lnb {  position:absolute; right:15px; top:-10px; }
#header .area .lnb ul { margin:0; padding:0;  }
#header .area .lnb li {  list-style:none; float:left; margin-left:10px; font-size:11px; }
#header .area .lnb li a,
#header .area .lnb li a:hover { color:#000; text-decoration:none; }

#header .gnb_area { position:absolute; right:-150px; top:18px;  }
#header .gnb_area .gnb { position:relative; width:900px; margin:0 auto; }
#header .gnb_area .gnb:after { clear:both; display:block; content:""; *zoom:1 }
#header .gnb_area .gnb li { list-style:none; float:left; width:135px; height:70px; line-height:60px; }
#header .gnb_area .gnb:last-child {}
#header .gnb_area .gnb li a { font-size:18px;  display:block; text-align:center ; color:#6e6e6e;  }
#header .gnb_area .gnb li:hover a { font-weight:700; color:#173762; font-weight:500;}

#header .gnb_area .gnb .submenu { padding:0; top:65px;display:none; position:absolute !important; width:154px; important; opacity:0.75; z-index:99;}
#header .gnb_area .gnb .submenu li { list-style:none; display:block; height:42px !important; line-height:42px !important; border:0 !important }
#header .gnb_area .gnb .submenu li a { display:block; background:#555 !important; color:#fff !important; font-size:13px !important; border-top:1px dotted #777 !important; padding-top:-130px; }
#header .gnb_area .gnb .submenu li:first-child a { border-top:0 !important }
#header .gnb_area .gnb .submenu li:hover a { background:#3f3f3f !important }

/* CONTAINER */

#container .main_img { position:relative; width:1920px; margin:0 auto;  margin-top:-30px;}
#container .subvisual_01 { background:url(../images/sub/sub_visual_01.png) repeat-x left top; text-align:center; background-position:50% 50%; height:313px; margin-top:-30px; }
#container .subvisual_02 { background:url(../images/sub/sub_visual_02.png) repeat-x left top; text-align:center; background-position:50% 50%; height:313px; margin-top:-30px; }
#container .subvisual_03 { background:url(../images/sub/sub_visual_03.png) repeat-x left top; text-align:center; background-position:50% 50%; height:313px; margin-top:-30px; }
#container .subvisual_04 { background:url(../images/sub/sub_visual_04.png) repeat-x left top; text-align:center; background-position:50% 50%; height:313px; margin-top:-30px; }
#container .subvisual_05 { background:url(../images/sub/sub_visual_05.png) repeat-x left top; text-align:center; background-position:50% 50%; height:313px; margin-top:-30px; }
#container .subvisual_06 { background:url(../images/sub/sub_visual_06.png) repeat-x left top; text-align:center; background-position:50% 50%; height:313px; margin-top:-30px; }


#container .area { position:relative; width:1200px; margin:0 auto;  }

#container .area .gobox { height:380px; padding-top:77px; }
#container .area .gobox ul { margin:0; padding:0; }
#container .area .gobox li { width:400px; list-style:none; display:block; float:left; }
#container .area .gobox li a, {  }
#container .area .gobox li a { font-size:12px; color:#444444; }

#container .area .gobox li .img_01 { }
#container .area .gobox li .img_02 { }
#container .area .gobox li .img_03 { }


/* 기본 서브페이지 */

#container .area .page_title { margin: 28px 0 0 0; font-size:26px; font-weight: bold;}
#container .area .nav { position:absolute;right:50px;top:18px;  }
#container .area .nav ul { margin:0; padding:0; }
#container .area .nav li {list-style:none; float:left; margin-left:10px; }
#container .area .contens { margin-top:36px; position:relative;  }

/* 인사말 */

#container .area .contens .intro { height:500px;  }
#container .area .contens .intro .left_pic { margin:0; padding:0;  }
#container .area .contens .intro .right_text { position:absolute;top:0;left:630px; font-size:26px; color:#6c6c6c; }
#container .area .contens .intro .right_text strong { font-size:28px; }


/* 레이저 가공 */

#container .area .contens .product_01 .top_text { font-size:26px; color:#6c6c6c; }

#container .area .contens .product_01 .top_title { font-size:26px; color:#6c6c6c; }

#container .area .contens .product_01 .top_title strong { font-size:30px; color:#003366; }

#container .area .contens .product_01 .left_text1 { position:absolute;top:290px;left:0; font-size:26px; color:#6c6c6c; }
#container .area .contens .product_01 .right_pic1 { padding-left:557px; }

#container .area .contens .product_01 .left_pic1 { padding-top:100px; }
#container .area .contens .product_01 .right_text1 { position:absolute;top:510px;left:640px; font-size:26px; color:#6c6c6c; width: 500px; }

#container .area .contens .gong { padding-top:700px; }


/* 절단/절곡/V-커팅 */

#container .area .contens .product_02 .top_text { font-size:26px; color:#6c6c6c; }

#container .area .contens .product_02 .top_title { font-size:26px; color:#6c6c6c; }
#container .area .contens .product_02 .top_title strong {padding-top:100px; font-size:30px; color:#003366; }

#container .area .contens .product_02 .left_text1 { position:absolute;top:300px;left:0; font-size:26px; color:#6c6c6c; width: 520px; }
#container .area .contens .product_02 .right_pic1 { position:absolute;top:300px;top:10px;left: 600px; }

#container .area .contens .product_02 .left_pic { position:absolute;top:390px;left:0; }
#container .area .contens .product_02 .right_text { position:absolute;top:490px;left:600px; font-size:26px; color:#6c6c6c; width: 520px; text-align:right; }

#container .area .contens .gong2 { padding-top:1100px; }


/* 용접 */

#container .area .contens .product_03 { height:700px;}

#container .area .contens .product_03 .top_text { font-size:26px; color:#6c6c6c; }

#container .area .contens .product_03 .top_title { font-size:26px; color:#6c6c6c; }
#container .area .contens .product_03 .top_title strong {padding-top:100px; font-size:30px; color:#003366; }

#container .area .contens .product_03 .left_text1 { position:absolute;top:250px;left:0; font-size:26px; color:#6c6c6c; width: 520px; }
#container .area .contens .product_03 .right_pic1 { position:absolute;top:250px;top:10px;left: 600px; }


/* 설비 및 제품 */

#container .area .contens .product_04 { height:2150px;}

#container .area .contens .product_04 .top_text { font-size:26px; color:#6c6c6c; }

#container .area .contens .product_04 .top_title { font-size:26px; color:#6c6c6c; text-align:center; }
#container .area .contens .product_04 .top_title strong {padding-top:100px; font-size:30px; color:#003366; }

#container .area .contens .product_04 .left_text1 { position:absolute;top:550px;left:0; font-size:26px; color:#6c6c6c; width: 690px;  }
#container .area .contens .product_04 .right_pic1 { position:absolute;top:550px;left: 700px; }

#container .area .contens .product_04 .text { position:absolute;top:950px; font-size:26px; color:#6c6c6c;  }

#container .area .contens .product_pic { position:absolute;top:1250px; left:5px; height:900px; } 

/* 제품문의 */



#container .area .contens .left_pic {  margin:0; padding-top:110px;  }
#container .area .contens .right_text { position:absolute;top:110px;left:708px; font-size:22px; color:000000; line-height:40px;  }
#container .area .contens .right_text strong { font-weight:bold ; color:000000; }


/* FOOTER */
#footer .area { position:relative; width:1200px; margin:0 auto; }
#footer .area .copymenu { position:absolute;left:30px;top:173px;   }
#footer .area .copymenu ul { margin: 0; padding: 0;}
#footer .area .copymenu li { list-style:none; float:left; color: #fff; margin-left:10px; }
#footer .area .copymenu li a,
#footer .area .copymenu a:hover { color:#fff; text-decoration:none; }
#footer .area .info { position:absolute;left:40px;top:50px; font-size:14px; color:#fff;}
#footer .area .foot_logo {position:absolute;right:0;top:293px; font-size:14px;  color:#fff; }