@charset "utf-8";
/* CSS Document */
@import url(http://cdn.rawgit.com/hiun/NanumSquare/master/nanumsquare.css);

/* PC */
@media screen and (min-width:769px){	
/* reset */
* { margin:0; padding:0; }
html, body { width:100%; height:100%; font-family: 'Nanum Square'; min-width:1100px; }
a { font-size:inherit; color:inherit; text-decoration:none; border:none; }
a img { border:none; } 
ul { list-style:none; }
ul, li { list-style:none; }

.menuTop { display:none; }
.m_menuBtn { display:none }

.m_main_banner { display:none; }
.m { display:none; }
.pc { display:block; }
.m_article02 { display:none; }

span.pc { display:inline; }

/* header */
#header { width:100%; height:160px; border-bottom:1px solid #c5c5c5; min-width:1100px; }
.gnb_bar { width:100%; height:30px; background:#ff7e00; text-align:right; color:#fff; }
.gnb { width:1100px; margin:0 auto; text-align:right; }
.gMenu { display:inline-block; height:30px; background:#ff962f; }
.gMenu li { display:inline-block; font-size:10px; font-weight:600; height:30px; line-height:30px;} 
.gMenu li a {  padding:0 8px; border-right:1px solid #ffaf60; }
.gMenu li:last-child a { border-right:none; }

.navi_bar { width:1100px; margin:0 auto; height:130px;}


/* 메인화면 내용 */
.main_section { width:100%; height:570px; }
.main_contents { width:1100px; margin:0 auto; height:100%; padding:60px 0; box-sizing:border-box;}
.article01 { width:450px; float:left; height:100%; box-sizing:border-box;}
.article02 { width:650px; float:right; height:100%; box-sizing:border-box; }

.bannerBox { width:592px; height:439px; margin-left:30px;}
.bannerBox a img { float:left; margin-left:14px; }
.bannerBox a:nth-child(1) img, .bannerBox a:nth-child(3) img { margin-left:0; }
.bannerBox a:nth-child(1) img, .bannerBox a:nth-child(2) img { margin-bottom:12px; }

/* footer */
#footer { width:100%; height:145px; background:#282124; padding:25px 0 30px 0; box-sizing:border-box;  }
.footer_contents { width:1100px; height:100%; margin:0 auto; position:relative; }
.footer_menu { color:#8d8d8d; }
.footer_menu li:first-child { padding-left:0; }
.footer_menu li { display:inline-block; padding:0 10px; font-size:12px; }
.footer_menu > span { font-size:11px; color:#5b5558; }
.footer_logo { width:80px; float:left; margin-top:27px; }
.footer_text { color:#fff; font-size:13px; margin-top:27px; line-height:22px; }

.familySite { position:absolute; padding:0; margin:0; width:132px; height:25px; right:0; top:0px; }


/*서브페이지 포멧*/
.sub_banner { width:100%; text-align:center; }


/*회사소개*/
.company_title { width:1100px; margin:0 auto; border-bottom:1px solid #e0e0e0; text-align:center; padding:40px 0; }
.company_text { font-size:15px; font-weight:400; color:#5e5e5e; text-align:center; margin:45px 0; line-height:26px; }

.companyBox { width:100%; text-align:center; padding:80px 0; }

.company_map { width:100%; text-align:center; padding:70px 0 120px 0; }
.root_daum_roughmap { width:859px; margin:35px auto; }

/*제품소개*/
.product01 { width:987px; margin:0 auto; padding:120px 0;}
.proBtn { width:125px; height:40px; border-radius:20px; background:#fff; border:1px solid #d9d9d9; box-sizing:border-box; text-align:center; line-height:40px; font-size:15px; color:#c7c7c7; font-weight:400; display:block; transition:all 0.3s; }
.proBtn:hover { border:none; background:#ff7e00; color:#fff; }


/*연구개발*/
.research_title { width:1100px; margin:70px auto 0; text-align:center; font-size:35px; font-weight:600; color:#ff5a00; }
.research_text { width:1100px; margin:35px auto 0; text-align:center; font-size:15px; font-weight:400; color:#818181; line-height:31px; }

.researchBox1 { width:1100px; margin:120px auto 70px; }
.researchBox1 h1 { padding-left:25px; padding-bottom:15px; border-bottom:1px solid #e0e0e0; }

.researchBox1 table { width:1050px; margin:50px auto 0; }
.researchBox1 table h4 { font-size:20px; font-weight:600; color:#444444; }
.researchBox1 table p { margin-top:30px; line-height:33px; font-size:15px; font-weight:400; color:#818181; }

.tabBox { width:1100px; margin:0 auto; }
.tab { width:1100px; font-size:0; letter-spacing:0; line-height:0;}
.tab li { display:inline-block; width:33.333%; height:50px; text-align:center; border:1px solid #e3e3e3; box-sizing:border-box; }
.tab li:nth-child(2), .tab li:nth-child(3) { border-left:none; }
.tab li a { font-size:16px; font-weight:500; color:#444444; width:100%; height:100%; line-height:50px; text-align:center; display:block; box-sizing:border-box; }
.tab_text { font-size:15px; line-height:34px; font-weight:400; color:#818181; padding:65px 0 85px 0;  }

.researchBox2 { width:1100px; margin:90px auto 140px; }
.researchBox2 h1 { padding-left:25px; padding-bottom:15px; border-bottom:1px solid #e0e0e0; }

.researchBox2 table { width:1100px; margin:5 auto; padding:65px 0; border-bottom:1px solid #e0e0e0; }
.researchBox2 table h4 { font-size:20px; font-weight:600; color:#444444; }
.researchBox2 table p { margin-top:30px; line-height:33px; font-size:15px; font-weight:400; color:#818181; }


/* 게시판 */
.mright { width:100%; }
}

/* 모바일 */
@media screen and (max-width:768px){	
/* reset */
* { margin:0; padding:0; }
html, body { width:100%; height:100%; font-family: 'Noto Sans KR', sans-serif; }
a { font-size:inherit; color:inherit; text-decoration:none; border:none; }
a img { border:none; }
ul { list-style:none; }
ul, li { list-style:none; }

.gnb_bar { display:none; }
.pc { display:none; }


/* header */
#header { width:100%; height:100px; border-bottom:1px solid #e9e9e9; border-top:11px solid #ff7e00; position:relative; }

.navi_bar { width:100%; height:100%; position:fixed; z-index:99999; top:0;  background:rgba(0,0,0,.5); right:-100%;}

.menuTop { width:100%; height:90px; background:#ff7e00; position:relative; }

.language { width:60%; font-size:0; line-height:0; position:absolute; left:15px; bottom:20px;}
.language li { height:35px; line-height:35px; width:33.333%; display:inline-block; font-size:16px; color:#fff; padding:0; text-align:center; border:1px solid #ffba77;}
.language li:nth-child(2), .language li:nth-child(3) { border-left:none; }
.language li a { background:none; }
.close { font-size:25px; font-weight:300; color:#fff; position:absolute; right:20px; bottom:25px; }

.m_menuBtn { position:absolute; right:5%; top:30px; }

/* 메인화면 내용 */
.main_section { width:100%; }
.main_contents { width:100%; margin:0 auto;  box-sizing:border-box;}
.article01 { width:100%; margin:0 auto;}
.article02 { width:650px;  height:100%; box-sizing:border-box; display:none;}
.m_article02 { width:100%; margin:0 auto; padding:15px 0; background:#f0f0f0; } 

.bannerBox { width:95%; margin:0 auto; font-size:0;}
.bannerBox a img { display:inline-block; font-size:0; margin-left:3%; width:48.5%; }
.bannerBox a:nth-child(1) img, .bannerBox a:nth-child(3) img { margin-left:0; }
.bannerBox a:nth-child(1) img, .bannerBox a:nth-child(2) img, .bannerBox a:nth-child(3) img, .bannerBox a:nth-child(4) img { margin-bottom:10px; }
.bannerBox a:nth-child(5) img { width:100%; margin-left:0; }

/* footer */
#footer { width:100%; box-sizing:border-box; padding-top:15px; background:#f0f0f0; }
.footer_contents { width:100%; height:100%; margin:0 auto; position:relative; }
.footer_menu { width:100%; text-align:center; font-size:0; height:45px; background:#fff; border-bottom:1px solid #c8c8c8; line-height:45px;}
.footer_menu li { padding:0; font-size:15px; display:inline-block; color:#3f3f3f; font-weight:300; }
.footer_menu span { padding:0 10px; font-size:13px; font-weight:300; }

.footer_menu > span { font-size:11px; color:#5b5558; }
.footer_logo { width:80px; float:left; margin-top:27px; }
.footer_text { color:#4b4b4b; font-size:13px; line-height:22px; width:100%; text-align:center; padding:15px 0; font-weight:300; }

.familySite {  padding:0 5%; margin:0; width:100%; height:45px; right:0; top:0px; background:#959595; color:#fff; font-size:15px; font-weight:400; }
.language_bar {  padding:0 5%; margin:0; width:100%; height:45px; right:0; top:0px; background:#b7b7b7; color:#fff; font-size:15px; }

.language_bar_menu { color:#FFF; width:100%; font-size:0;}
.language_bar_menu li { display:inline-block;  text-align:center;  box-sizing:border-box; padding:0; }
.language_bar_menu li a { font-weight:300 !important; font-size:15px; }
.language_bar_menu span { padding:0 7px !important; display:inline-block;font-weight:300 !important; font-size:13px; }

/*서브페이지 포멧*/
.sub_banner { width:100%; text-align:center; }
.sub_banner img { width:100%; }


/*회사소개*/
.company_title { width:90%; margin:0 auto; border-bottom:1px solid #e0e0e0; text-align:center; padding:30px 0 25px 0; }
.company_title img { width:100%; }
.company_text { width:90%; font-size:14px; font-weight:200; color:#5e5e5e; text-align:left; margin:25px auto 0; line-height:23px; }

.companyBox { width:90%; margin:0 auto; text-align:center; padding:30px 0 10px; border-bottom:1px solid #e0e0e0;  }
.companyBox img { width:100%;}

.company_map { width:90%; margin:40px auto 15px; text-align:center; }
.company_map img { width:100%; }

/*제품소개*/
.product01 { width:90%; margin:0 auto; padding:40px 0;}
.product01 img { width:100%; }
.proBtn { width:100px; height:36px; border-radius:18px; background:#ff7e00; box-sizing:border-box; text-align:center; line-height:36px; font-size:14px; color:#fff; font-weight:400; display:block; margin:30px auto 0; }


/*연구개발*/
.research_title { width:90%; margin:30px auto 0; padding-bottom:20px; border-bottom:1px solid #e0e0e0; text-align:center; font-size:20px; font-weight:600; color:#ff5a00; }
.research_text { width:90%; margin:20px auto 0; text-align:left; font-size:14px; font-weight:200; color:#818181; line-height:23px; }

.researchBox1 { width:90%; margin:40px auto 70px; }
.researchBox1 h1 {  padding-bottom:15px; border-bottom:1px solid #e0e0e0; }
.researchBox1 ul { margin-top:30px; }
.researchBox1 ul li:first-child { text-align:center; }
.researchBox1 ul li h4 { font-size:18px; font-weight:600; color:#444444; margin-top:30px; }
.researchBox1 ul li p { margin-top:15px; line-height:23px; font-size:14px; font-weight:400; color:#818181; }

.researchBox1 table { width:1050px; margin:50px auto 0; }
.researchBox1 table h4 { font-size:20px; font-weight:600; color:#444444; }
.researchBox1 table p { margin-top:30px; line-height:33px; font-size:15px; font-weight:400; color:#818181; }

.tabBox { width:90%; margin:0 auto; }
.tab { width:100%; font-size:0; letter-spacing:0; line-height:0;}
.tab li { display:inline-block; width:33.333%; height:40px; text-align:center; border:1px solid #e3e3e3; box-sizing:border-box; }
.tab li:nth-child(2), .tab li:nth-child(3) { border-left:none; }
.tab li a { font-size:13px; font-weight:300; color:#444444; width:100%; height:100%; line-height:40px; text-align:center; display:block; box-sizing:border-box; }
.tab_text { font-size:14px; line-height:23px; font-weight:300; color:#818181; padding:65px 0 85px 0;  }

.researchBox2 { width:90%; margin:40px auto 70px; }
.researchBox2 h1 {  padding-bottom:15px; border-bottom:1px solid #e0e0e0; }
.researchBox2 ul { margin-top:30px;}
.researchBox2 ul li:first-child { text-align:center; }
.researchBox2 ul li h4 { font-size:18px; font-weight:600; color:#444444; margin-top:30px; }
.researchBox2 ul li p { margin-top:15px; line-height:23px; font-size:14px; font-weight:400; color:#818181; }

.researchBox2 table { width:1100px; margin:5 auto; padding:65px 0; border-bottom:1px solid #e0e0e0; }
.researchBox2 table h4 { font-size:20px; font-weight:600; color:#444444; }
.researchBox2 table p { margin-top:30px; line-height:33px; font-size:15px; font-weight:400; color:#818181; }


/* 게시판 */
.mright { width:100%; }

}