* {
   font-family: 'Jeju Gothic', 돋움, Gulim, 굴림, AppleGothic, Sans-serif, SimSun;
   font-size: 14px;
   line-height: 1.8;
   color: #4F4F4F;   
}
input {
   height: 30px;
   border: 1px solid #DDD;
}
h4 {
   font-size: 16px;
   color: #333333;
   font-weight: bold;
   margin-bottom: 5%;
}
.product h4 {
   font-size: 20px;
   margin-bottom: 2%;
}
h5 {
   font-size: 16px;
   color: #333333;
   font-weight: bold;
   margin-bottom: 5%;
}
.copy {
   font-size: 20px;
   color: #333333;
   display: block;
   margin-bottom: 20px;
   letter-spacing : -0.05em;
}
.point {color: #00367A;}   
@media screen and (max-width: 479px) {
   .section,
   .section p {font-size: 13px;}
}
@media screen and (min-width: 767px) {
   h4 {font-size: 18px;}
   .product h4 {font-size: 23px;}
   .copy {font-size: 30px;}
}
@media screen and (min-width: 1199px) {
   h4 {font-size: 20px;}
   .product h4 {font-size: 25px;}
   h5 {font-size: 18px;}
   .copy {font-size: 35px;}
}

a.btn_01 {
   font-size: 13px;
   color: #FFF;
   font-weight: bold;
   padding: 10px 20px 10px;
   background: #00367A;
   display: inline-block;
   -moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}
a.btn_01:hover {background: #333;}

a.btn_02 {
   font-size: 13px;
   color: #666;
   font-weight: bold;
   padding: 10px 20px 10px;
   border: 2px solid #999;
   display: inline-block;
   -moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}
a.btn_02:hover {
   color: #FFF;
   border: 2px solid #333;
   background: #333;
}

a.btn_pdf {
   font-size: 13px;
   color: #666;
   font-weight: bold;
   border: 2px solid #999;
   padding: 10px 20px 10px 40px;
   background: url('/ENG/Images/icon_pdf.gif') 20px 50% no-repeat;
   display: inline-block;
}
a.btn_pdf:hover {
   color: #FFF;
   border: 2px solid #333;
   background: #333 url('/ENG/Images/icon_pdf_over.gif') 20px 50% no-repeat;
}

.container {max-width: 1920px;}
.content {
   margin: 0 auto;
   max-width: 1920px;
}
.group_ss {margin-bottom: 3%;}
.group_s {margin-bottom: 5%;}
.group {margin-bottom: 10%;}
ul.para li {margin-bottom: 2%;}

table.table_01 {
   position: relative;
   border-top: 2px solid #333;
}
   table.table_01 th,
   table.table_01 td {
      padding: 2%;
      font-size: 14px;
      border: 1px solid #DDD; 
   }
   table.table_01 th {
      text-align: center;
      font-weight: normal;
      word-break: keep-all; 
      background: #FCFCFC;
   }
   table.table_01 td {background: #FFF;}
   
table.table_02 {
   position: relative;
   border-top: 2px solid #01367A;
}
   table.table_02 th,
   table.table_02 td {
      padding: 15px;
      font-size: 14px;
      border: 1px solid #DDD; 
   }
   table.table_02 th {
      text-align: center;
      font-weight: normal;
      word-break: keep-all; 
      background: #F3F3F2;
   }   
   table.table_02 td {background: #FFF;}
   table.table_02 td.std {text-align: center!important;}
   table.table_02 tr.txt_right td {text-align: right;}

table.table_03 {
   position: relative;
   border-top: 2px solid #555;
}
   table.table_03 th,
   table.table_03 td {
      padding: 20px;
      font-size: 14px;
      border-bottom: 1px solid #DADADA; 
   }
   table.table_03 th {
      color: #8F8F8F;
      text-align: center;
      font-weight: normal;
      word-break: keep-all; 
      border-right: 1px solid #DADADA; 
   }

ul.tab {
   width: 100%;
   overflow: hidden;
   border: 1px solid #DEDEDE;
}
ul.tab li {
   float: left;
   height: 50px;
   border-right: 1px solid #DEDEDE;
}
ul.tab li:last-child {border-right: none;}
ul.tab.menu04 li {width: 25%;}
ul.tab.menu04 li a {
   color: #333;
   line-height: 50px;
   text-align: center;
   display: block;
}
ul.tab.menu04 li a:hover {background: #F1F1F1;}
ul.tab.menu04 li a.on {
   color: #FFF;
   background: #013A7D;
}

/* MODAL CENTER */
.modal {
   text-align: center;
   padding: 0!important;
}
.modal:before {
   height: 100%;
   margin-right: -4px;
   vertical-align: middle;
   display: inline-block;
   content:'';
 }
.modal-dialog {
   vertical-align: middle;
   display: inline-block;
}

/* BTN UP */
.btn_up_layer {
   position: fixed;
   z-index: 1000;
   bottom: 0px;
   right: 25px;   
   width: 30px;
   height: 26px;
   font-size: 0;
   text-indent: -9999%;
   background: url('/ENG/Images/btn_top.png') 0 0 no-repeat;
   background-size: 30px;
   display: none;
}
.btn_up_layer:hover {background: url('/ENG/Images/btn_top_over.png') 0 0 no-repeat;}
@media screen and (min-width: 767px) {
   .btn_up_layer {
      width: 42px;
      height: 36px;
      background-size: 42px;
   }
}



/* HEADER */
.header {
   position: fixed;
   z-index: 1000;
   top: 0;
   left: 0;
   width: 100%;   
}
   .header .pc-menu,
   .header .mo-menu {
      position: relative;
      margin: 0 auto;
      max-width: 1920px;
      height: 90px;
      overflow: hidden;      
   }
   .header .pc-menu {
      border-bottom: 1px solid rgba(255, 255, 255, .3);
      display: none;
   }
      .header h1 {
         position: absolute;
         top: 25px;
      }
      .header .pc-menu h1 {left: 40px;}
      .header .mo-menu h1 {left: 15px;}
         .header h1 a {
            width: 108px;
            height: 43px;                   
            display: block;
         }
         .header .pc-menu h1 a {background: url('/ENG/Images/logo.png') 0 0 no-repeat;}
         .header .mo-menu h1 a {background: url('/ENG/Images/logo_on.png') 0 0 no-repeat;}
      .header .pc-menu .gnb {
         float: left;
         width: 100%;
         text-align: center;
         margin-top: 33px;
      }
         .header .pc-menu .gnb li {display: inline-block;}
            .header .pc-menu .gnb li a {
               font-size: 15px;
               color: #CECECE;
               margin-right: 45px;
               display: block;
               letter-spacing : -0.05em;
            }    
            .header .pc-menu .gnb li:hover > a {color: #FFF;} 
            .header .pc-menu .gnb li:last-child a {margin-right: 0px;}     
      .header .language,
      .header .mo-menu a.open {
         position: absolute;
         top: 32px;
      }
      .header .pc-menu .language {right: 40px;}
      .header .mo-menu .language {right: 45px;}
         .header .language a {
            float: left;
            width: 55px;
            height: 25px;
            font-family: 'NanumGothicBold';
            font-size: 12px;
            color: #FFF;
            text-align: center;
            margin-left: 5px;
            border: 1px solid #FFF;
            display: block;
         }         
         .header .mo-menu a.open {
            right: 15px;
            width: 25px;
            height: 25px;
            text-indent: -9999%;
            border: 1px solid #AAA;
            background:url('/ENG/Images/btn_mo_menu_open_on.png') 50% 50% no-repeat;
            display: block;
         }
            .header .mo-menu a.open.active {background:url('/ENG/Images/btn_mo_menu_open.png') 50% 50% no-repeat;}       
   .header .pc-menu.on,
   .header .mo-menu {
      background: #FFF;
      border-bottom: 1px solid #EBEBEB;
   }
      .header .pc-menu.on h1 a {background: url('/ENG/Images/logo_on.png') 0 0 no-repeat;}
            .header .pc-menu.on .gnb li a {color: #777;}
            .header .pc-menu.on .gnb li:hover > a,
            .header .pc-menu.on .gnb li > a.on {color: #00367A;}
         .header .pc-menu.on .language a,
         .header .mo-menu .language a {
            color: #555;
            border: 1px solid #AAA;
         }
      .header .mo-menu .sliding {
         position: fixed;
         z-index: 1000;
         top: 90px;
         right: -100%;
         width: 100%;
         height: 100%;
         background: #33373B;
         overflow-y: auto; 
      }
         .header .mo-menu .sliding .gnb > ul > li {
            padding: 0 20px;
            border-bottom: 1px solid #43474A;
         } 
            .header .mo-menu .sliding .gnb ul li a {
               font-size: 15px;
               color: #FFF;
               padding: 10px 0;
               display: block;
            }
            .header .mo-menu .sliding .gnb > ul > li > a {
               padding: 20px 0;
               background: url('/ENG/Images/btn_mo_menu_arr.png') 100% 50% no-repeat; background-size: 23px;
            }
            .header .mo-menu .sliding .gnb > ul > li > a:after,
            .header .mo-menu .sliding .gnb > ul > li > a:focus {
               color: #10DBD3;
               background:url('/ENG/Images/btn_mo_menu_arr_on.png') 100% 50% no-repeat; background-size: 23px;
            }
            .header .mo-menu .sliding .gnb ul li ul {margin: 0 20px;}        
@media screen and (min-width: 992px) {
   .header .pc-menu {display: block;}
   .header .mo-menu {display: none;}   
}



/* SUBMENU */
.sub-menu.fixed {
   position: fixed !important;
   z-index: 100;
   top: 90px;
   left: 0;
   width: 100%;
   margin-top: 0 !important;
}
.sub-menu {
   position: absolute;
   z-index: 100;
   left: 0;
   right: 0;
   bottom: 0;  
   height: 35px;
   border-top: 1px solid #DEDEDE;
   border-bottom: 1px solid #DEDEDE;
   background: #F2F2F2;
}
   .sub-menu.moMenu h3 {
      position: absolute;
      z-index: 100;
      top: 0;
      left: 0;
      width: 100%;
      background: #878C94 url('/ENG/Images/m_ico_submenu_arr.png') 95% 50% no-repeat;
      background-size: 23px;
   }
      .sub-menu.moMenu h3 a {         
         font-size: 14px;
         color: #FFF;
         line-height: 33px;
         padding: 0 20px 0;
         display: block;
         letter-spacing : -0.05em;
      }      
   .sub-menu.moMenu .menu-list {
      position: absolute;
      top: 34px;
      left: 0;
      width: 100%;
      display: none;
   }
      .sub-menu .menu-list a {
         color: #666;
         font-size: 14px;
         line-height: 35px;
         padding: 0 20px 0;
         border-bottom: 1px solid #DEDEDE;
         background: #F2F2F2;
         display: block;
         letter-spacing : -0.05em;
      }
      .sub-menu .menu-list a:hover,
      .sub-menu .menu-list .active a {
         color: #FFF;
         background: #00367A;
      }
@media screen and (max-width: 992px) {   
   .sub-menu .container {
      width: 100%;
      padding: 0;
   }
}
@media screen and (min-width: 767px) {   
   .sub-menu.pcMenu {
      height: 50px;
      overflow: hidden;
   }
      .sub-menu.pcMenu h3 {display: none;}
      .sub-menu.pcMenu .menu-list {display: block !important;}
      .sub-menu.pcMenu .menu-list.menu02 li {width: 50%;}
      .sub-menu.pcMenu .menu-list.menu03 li {width: 33%;}
      .sub-menu.pcMenu .menu-list.menu03 li:last-child {width: 34%;}
      .sub-menu.pcMenu .menu-list.menu04 li {width: 25%;}
      .sub-menu.pcMenu .menu-list.menu05 li {width: 20%;}
      .sub-menu.pcMenu .menu-list.menu06 li {width: 17%;}
      .sub-menu.pcMenu .menu-list.menu06 li:first-child,
      .sub-menu.pcMenu .menu-list.menu06 li:last-child {width: 16%;}
         .sub-menu.pcMenu .menu-list li {float: left;}
            .sub-menu.pcMenu .menu-list a {
               line-height: 50px;
               text-align: center;
               padding: 0;
               border-left: 1px solid #DEDEDE;
               border-bottom: none;
            }
            .sub-menu.pcMenu .menu-list li:last-child a {border-right: 1px solid #DEDEDE;}
}



/* FOOTER */
.footer-wrap {
   border-top: 1px solid #EBEBEB;
   background: #FEFEFE;
}
   .footer-wrap .footer {
      font-size: 14px;
      margin: 50px auto 55px;
      overflow: hidden;
      letter-spacing : -0.05em;
   }
      .footer-wrap .footer img.logo,
      .footer-wrap .footer .addr {
         float: left;
         color: #7C7C7C;
      }
      .footer-wrap .footer img.logo {margin: 5px 20px 0px 0px;}   
      .footer-wrap .footer .other_logo {float: right;}
      .footer-wrap .footer span.blank {
         width: 10px;
         display: inline-block;
      }
@media screen and (max-width: 1199px) {   
   .footer-wrap .footer .other_logo {
      float: left;
      margin-left: 152px;
   }
}
@media screen and (max-width: 767px) {
   .footer-wrap .footer {width: 390px;}
      .footer-wrap .footer img.logo,
      .footer-wrap .footer .addr  {clear: both;}
      .footer-wrap .footer .addr {margin: 30px 0px 30px;}
      .footer-wrap .footer .other_logo {
         float: none;
         clear: both;
         margin: 0 auto;
      }
      .footer-wrap .footer .addr span.blank {
         width: 0px;
         display: block;
      }
}
@media screen and (max-width: 479px) {
   .footer-wrap .footer {
      width: 300px;
      font-size: 12px;
      margin: 20px auto 20px;
   }
      .footer-wrap .footer img.logo {display: none;}
      .footer-wrap .footer .addr {margin: 0px 0px 30px;}
      .footer-wrap .footer .other_logo {
         width: 200px;
         overflow: hidden;
      }
}



/* VISUAL */
.main-visual {margin-top: 90px;}
   .main-visual .slick-main-rolling {
      position: relative;
      width: 100%;
   }
      .main-visual .slick-main-rolling .visual {
         height: auto;
         background-repeat: none !important;
         background-position: 50% 50% !important;
         background-size:cover !important;
         overflow: hidden;
      }
         .main-visual .slick-main-rolling .visual .container {height: 100%;}
            .main-visual .slick-main-rolling .visual .container .main-txt {
               width: 90%;
               margin: 0 auto;
            }            
               .main-visual .slick-main-rolling .visual .container .main-txt p {
                  position: absolute;
                  z-index: 1000;
                  color: #FFFFFF;
                  margin-left: 0px;
                  letter-spacing : -0.05em;
               }
               .main-visual .slick-main-rolling .visual .container .main_visual_dot {
                  position: absolute;
                  z-index: 10000;
                  top: 0;
                  left: 0;
                  width: 100%;
                  height: 100%;
                  background: url('/ENG/Images/main_visual_dot.png');
               }
            .main-visual .slick-main-rolling .slick-dots {
               position: absolute;
               left: 0;
               right: 0;
               text-align: center;
               bottom: 10%;
            }
               .main-visual .slick-main-rolling .slick-dots li {display: inline-block;}
               .main-visual .slick-main-rolling .slick-dots li:hover {cursor: pointer}
               .main-visual .slick-main-rolling .slick-dots li button {
                  width: 19px;
                  height: 19px;
                  font-size: 0;
                  text-indent: -9999%;
                  margin-right: 5px;
                  background: url('/ENG/Images/btn_main_visual.png') 50% 50% no-repeat;
               }
               .main-visual .slick-main-rolling .slick-dots li.slick-active button {background: url('/ENG/Images/btn_main_visual_on.png') 50% 50% no-repeat;}  
.sub-visual {
   position: relative;
   min-height: 120px;
   max-height: 120px;
   margin-top: 90px; 
   background-size: cover !important;
} 
.company .sub-visual {background: url('/ENG/Company/Images/sub_visual.jpg') 50% 0 no-repeat;}
.product .sub-visual {background: url('/ENG/Product/Images/sub_visual.jpg') 50% 0 no-repeat;}
.global-footprints .sub-visual {background: url('/ENG/Global-footprints/Images/sub_visual.jpg') 50% 0 no-repeat;}
.rnbd .sub-visual {background: url('/ENG/Rnbd/Images/sub_visual.jpg') 50% 0 no-repeat;}
.responsibility .sub-visual {background: url('/ENG/Responsibility/Images/sub_visual.jpg') 50% 0 no-repeat;}
.investors .sub-visual {background: url('/ENG/Investors/Images/sub_visual.jpg') 50% 0 no-repeat;}
.recruit .sub-visual {background: url('/ENG/Recruit/Images/sub_visual.jpg') 50% 0 no-repeat;}
   .sub-visual .title {
      position: absolute;
      z-index: 1;
      top: 15%;
      left: 0;
      right: 0;
      text-align: center;
   } 
      .sub-visual .title h3 {
         font-size: 25px;
         color: #FFF;
         letter-spacing : -0.05em;
      }         
@media screen and (min-width: 1199px) {
   .main-visual .slick-main-rolling .visual {height: 800px;}
      .main-visual .slick-main-rolling .visual .container .main-txt {height: 800px;}
         .main-visual .slick-main-rolling .visual .container .main-txt p.txt_01 {font-size: 60px;}
         .main-visual .slick-main-rolling .visual .container .main-txt p.txt_02 {font-size: 20px;}      
}
@media screen and (min-width:767px) {
   .main-visual {margin-top: 0px;}
      .main-visual .slick-main-rolling .slick-dots li button { 
         width: 19px;
         height: 19px;
         font-size: 0;
         text-indent: -9999%;
         margin-right: 5px;
         background: url('/ENG/Images/btn_main_visual.png') 50% 50% no-repeat;
      }
}
@media screen and (max-width: 1199px) {   
   .main-visual .slick-main-rolling .visual .container .main-txt {height: 600px;}      
      .main-visual .slick-main-rolling .visual .container .main-txt p.txt_01 {font-size: 40px;}
      .main-visual .slick-main-rolling .visual .container .main-txt p.txt_02 {font-size: 14px;} 
}
@media screen and (max-width: 767px) {
   .main-visual .slick-main-rolling .visual .container .main-txt {height: 430px;}   
      .main-visual .slick-main-rolling .visual .container .main-txt p.txt_01 {font-size: 30px;}
      .main-visual .slick-main-rolling .visual .container .main-txt p.txt_02 {font-size: 12px;}  
}
@media screen and (max-width: 479px) {
   .main-visual .slick-main-rolling .visual .container .main-txt {height: 230px;} 
      .main-visual .slick-main-rolling .visual .container .main-txt p.txt_01 {font-size: 20px;}
      .main-visual .slick-main-rolling .visual .container .main-txt p.txt_02 {font-size: 10px;}     
}
@media screen and (min-width: 992px) {
   .sub-visual {
      min-height: 280px;
      max-height: 280px;
      margin-top: 0px;
   }   
      .sub-visual .title {
         top: 40%;
         text-align: left;
      } 
         .sub-visual .title h3 {font-size: 40px;}     
}      



/* QUICKMENU */
.main-content {
   padding: 30px 0 30px;
   background: #F5F5F5;
}
   .main-content ul.quickmenu li {
      float: left;
      width: 31%;   
   }
      .main-content ul.quickmenu li a {
         width: 100%;
         font-size: 18px;
         color: #4F4F4F; 
         text-align: center;
         display: block;
         letter-spacing : -0.05em;
      }
         .main-content ul.quickmenu li a img {
            margin: 0 auto;
            display: block;
         }
@media screen and (max-width: 991px) {   
   .main-content ul.quickmenu li a {font-size: 14px;}
   .main-content ul.quickmenu li a img {width: 60%;}
}
@media screen and (max-width: 767px) {
   .main-content ul.quickmenu li a {font-size: 14px;}
}
@media screen and (max-width: 479px) {
   .main-content ul.quickmenu li a {font-size: 12px;}
}



/* SUBPAGE */
#section2 .slide,
#section4 .slide,
#section6 .slide,
#section8 .slide,
#section10 .slide {background: #F3F3F2;}
.slide {padding: 10% 0 10%;}
   .slide .section {overflow: hidden;}
      .slide .section h3 {
         font-size: 25px;
         color: #333;
         line-height: 28px;
         padding-bottom: 30px;
         margin-bottom: 40px;
         background: url('/ENG/Images/sub_title_bg.gif') 0 bottom no-repeat;
      }
@media screen and (min-width: 767px) {
   .slide .section h3 {
      font-size: 40px;
      line-height: 45px;
   }
}
@media screen and (min-width: 1199px) {
   .slide {padding: 150px 0 150px;}
      .slide .section h3 {
         font-size: 50px;
         line-height: 55px;
      }
}



/* Company */
/* 개요 */
.company .summary {
   font-size: 20px;
   letter-spacing : -0.05em;
}
   .company .summary ul.summary_img {
      width: 100%;
      margin: 3% 0 3%;
      overflow: hidden;
   }
      .company .summary ul.summary_img li {
         float: left;
         width: 50%;
      }
         .company .summary ul.summary_img li img {width: 100%;}
@media screen and (max-width: 767px) {
   .company .summary,
   .company .summary p {font-size: 18px;}
      .company .summary ul.summary_img li {
         clear: both;
         width: 100%;
      }
}
@media screen and (max-width: 479px) {
   .company .summary,
   .company .summary p {
      font-size: 15px;
      letter-spacing : 0em;
   }
}

/* CEO 인사말 */
.company .greeting img {
   margin: 0 auto 5%;
   display: block;
}
   .company .greeting .point {
      font-size: 20px;
      font-weight: bold;
   }
@media screen and (max-width: 767px) {
   .company .greeting .point {font-size: 18px;}
}
@media screen and (max-width: 479px) {
   .company .greeting .point {font-size: 15px;}
}

/* 연혁 */
.company .history {overflow: hidden;}
   .company .history .history_sub {
      position: relative;
      padding-top: 30px;
      background: #FFF url('/ENG/Company/Images/history_year.gif') 50px 70px no-repeat;	
      overflow: hidden;						
   }
      .company .history .history_sub .year {
         float: left;
         width: 45%;
         font-size: 23px;
         color: #333;         		
      }
         .company .history .history_sub .year img {margin-left: 20px;}
      .company .history .history_sub ul.history_list {
         float: left;
         width: 50%;
         margin-left: 5%;
      }
         .company .history .history_sub ul.history_list li {
            font-size: 14px;
            color: #74777B; 
            margin-bottom: 1.5%;
         }
            .company .history .history_sub ul.history_list li .date {
               float: left;
               font-size: 15px;
               font-weight: bold;
               padding-right: 5%; 
            }
@media screen and (max-width: 1199px) {
   .company .history .history_sub .year img {
      margin-left: 0;
      display: block;
   }
}
@media screen and (max-width: 767px) {
   .company .history .history_sub {background: none;}
      .company .history .history_sub .year {text-align: center;}
         .company .history .history_sub .year img {margin: 0 auto;}
      .company .history .history_sub .year,
      .company .history .history_sub ul.history_list {
         clear: both;
         width: 100%;
      }
      .company .history .history_sub ul.history_list {margin-left: 0;}
}

/* CI 소개 */
.company .ci ul.ci_img {
   width: 100%;
   overflow: hidden;
}
   .company .ci ul.ci_img li {
      float: left;
      width: 50%;
   }
      .company .ci ul.ci_img li img.ci_down {margin-left: 30px;}
.company .ci ul.ci_ap {
   width: 100%;
   overflow: hidden;
}
   .company .ci ul.ci_ap li {
      float: left;
      width: 12%;
      margin: 0 0.5% 0.5% 0;
   }
@media screen and (max-width: 992px) {
   .company .ci ul.ci_img li img.ci_down {
      margin: 20px 0 10% 0;
      display: block;
   }
}
@media screen and (max-width: 767px) {
   .company .ci ul.ci_img li {
      clear: both;
      width: 100%;
   }
   .company .ci ul.ci_ap li {
      float: left;
      width: 24%;
      margin: 0 1% 1% 0;
   }
}

/* 국제인증/수상실적 */
.company .certify ul.certify_img {
   width: 100%;
   padding: 0 2% 5% 2%;
   margin-bottom: 5%;
   border-bottom: 1px solid #E8E8E8;
   overflow: hidden;
}
   .company .certify ul.certify_img li {
      float: left;
      width: 75%;
   }
   .company .certify ul.certify_img li.photo {
      width: 20%;
      margin-right: 5%;
   }
      .company .certify ul.certify_img li.photo img {border: 1px solid #DDD;}
      .company .certify ul.certify_img li .title {
         font-size: 30px;
         color: #222;
         font-weight: bold;
         display: block;
      }
@media screen and (max-width: 992px) {
   .company .certify ul.certify_img li {width: 65%;}
      .company .certify ul.certify_img li.photo {
         width: 30%;
         margin-bottom: 5%;
      }
      .company .certify ul.certify_img li .title {font-size: 20px;}
         
}
@media screen and (max-width: 767px) {
   .company .certify ul.certify_img li,
   .company .certify ul.certify_img li.photo {
      clear: both;
      width: 100%;
      text-align: center;
      margin-right: 0;
   }
   .company .certify ul.certify_img li .title {font-size: 17px;}
}
.company .certify ul.awrd_img {
   width: 100%;
   overflow: hidden;
}
   .company .certify ul.awrd_img li {
      float: left;
      width: 23.5%;
      text-align: center;
      padding: 30px;
      margin: 0 1.5% 1.5% 0;
      border: 1px solid #DDD;
      border-top: 2px solid #949494;
      background: #FAFAFA;
   }
   .company .certify ul.awrd_img li:last-child {margin-right: 0%;}
   .company .certify ul.awrd_img li span {
      color: #333;
      font-weight: bold;
      display: block;
   }
@media screen and (max-width: 767px) {   
   .company .certify ul.awrd_img li {
      width: 46%;
      margin: 0 1.5% 3%;
   }
}
@media screen and (max-width: 479px) {   
   .company .certify ul.awrd_img li {
      width: 100%;
      margin: 0 0 3%;
   }
}



/* Product */
/* 개요 */
.product .summary .summary_car_detail_bx {
   position: absolute;
   z-index: 100;
   padding: 10px;
   border: 1px solid #CECECE;
   background: #FFF;
   -moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
   .product .summary .summary_car_detail_bx .arr_top {
      position: absolute;
      z-index: 100;
      top: -7px;
      left: 50%;
      margin-left: -7px;
      width: 14px;
      height: 7px;
      background: url('/ENG/Product/Images/arr_top.png') 0 0 no-repeat;
   }
   .product .summary .summary_car_detail_bx .arr_bottom {
      position: absolute;
      z-index: 100;
      bottom: -7px;
      left: 50%;
      margin-left: -7px;
      width: 14px;
      height: 7px;
      background: url('/ENG/Product/Images/arr_bottom.png') 0 0 no-repeat;
   }
   .product .summary .summary_car_detail_bx .arr_left {
      position: absolute;
      z-index: 100;
      top: 50%;
      margin-top: -7px;
      left: -7px;
      width: 7px;
      height: 14px;
      background: url('/ENG/Product/Images/arr_left.png') 0 0 no-repeat;
   }
   .product .summary .summary_car_detail_bx .arr_right {
      position: absolute;
      z-index: 100;
      top: 50%;
      margin-top: -7px;
      right: -7px;
      width: 7px;
      height: 14px;
      background: url('/ENG/Product/Images/arr_right.png') 0 0 no-repeat;
   }
@media screen and (max-width: 767px) {   
   .product .summary .summary_car_detail_bx {max-width: 80%;}
}

/* 제품소개 */
.product .car_img {
   width: 100%;
   max-width: 800px;
   margin: 0 auto;
   display: block;
}
.product ul.product_img_01,
.product ul.product_img_02,
.product ul.product_img_03,
.product ul.product_img_04 {
   width: 100%;
   overflow: hidden;
}
   .product ul.product_img_01 li {
      float: left;
      width: 47.5%;
   }
   .product ul.product_img_01 li:nth-child(2) {margin: 5% 0 0 5%;}
   .product ul.product_img_02 li {
      float: left;
      width: 25%;
   }
   .product ul.product_img_02 li:nth-child(2) {
      width: 70%;
      margin: 5% 0 0 5%;
   }
   .product ul.product_img_02.txt li:nth-child(2) {margin: 2% 0 0 5%;}
   .product ul.product_img_03 li {
      float: left;
      width: 30%;
      text-align: center;
   }
   .product ul.product_img_03 li:nth-child(2) {margin: 0 5% 0;}
      .product ul.product_img_03 li img {margin-bottom: 5%;}
   .product ul.product_img_04 li {
      float: left;
      width: 47.5%;
      text-align: center;
   }
      .product ul.product_img_04 li img {
         margin: 0 auto 5%; 
         display: block;
      }
@media screen and (max-width: 992px) {
   .product ul.product_img_01 li:nth-child(2),
   .product ul.product_img_02 li:nth-child(2),
   .product ul.product_img_02.txt li:nth-child(2) {margin-top: 0%;}
}
@media screen and (max-width: 767px) {   
   .product ul.product_img_01 li,
   .product ul.product_img_02 li,
   .product ul.product_img_02 li:nth-child(2) {
      clear: both;
      width: 100%;
   }
   .product ul.product_img_01 li:nth-child(2),
   .product ul.product_img_02 li:nth-child(2),
   .product ul.product_img_02.txt li:nth-child(2) {margin: 5% 0 0 0;}
      .product ul.product_img_01 li img,
      .product ul.product_img_02 li img {
         margin: 0 auto; 
         display: block;
      }
}



/* Global-footprints */
.global-footprints .center_list_group {
   font-size: 20px;
   color: #222;
   text-align: center;
   margin: 2% 0 2%;
}
   .global-footprints .center_list_group .center_list {
      padding: 0 30px;
      background: url('/ENG/Global-footprints/Images/center_list_line.gif') right 50% no-repeat;
   }
   .global-footprints .center_list_group .center_list.line_none {background: none;}
      .global-footprints .center_list_group .center_list .number {
         font-size: 25px;
         font-weight: bold;
      }
.global-footprints img {
   margin: 0 auto;
   display: block;
}
@media screen and (min-width: 992px) {
   .global-footprints img {width: 75%;}
}
@media screen and (max-width: 992px) {
   .global-footprints .center_list_group {font-size: 15px;}
      .global-footprints .center_list_group .center_list .number {font-size: 20px;}
}
@media screen and (max-width: 767px) {   
   .global-footprints .center_list_group .center_list {
      background: none;
      display: block;
   }
}

.global-footprints .map_detail_bx {
   position: absolute;
   z-index: 100;
   width: 330px;
   padding: 20px;
   background: #555;
   -moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
}
.global-footprints .map_detail_bx.blue_bx {background: #00498E;}
   .global-footprints .map_detail_bx .arr_top {
      position: absolute;
      z-index: 100;
      top: -7px;
      left: 50%;
      margin-left: -7px;
      width: 14px;
      height: 7px;
      background: url('/ENG/Global-footprints/Images/arr_top.png') 0 0 no-repeat;
   }
   .global-footprints .map_detail_bx.blue_bx .arr_top {background: url('/ENG/Global-footprints/Images/arr_top_blue.png') 0 0 no-repeat;}
   .global-footprints .map_detail_bx .arr_bottom {
      position: absolute;
      z-index: 100;
      bottom: -7px;
      left: 50%;
      margin-left: -7px;
      width: 14px;
      height: 7px;
      background: url('/ENG/Global-footprints/Images/arr_bottom.png') 0 0 no-repeat;
   }
   .global-footprints .map_detail_bx.blue_bx .arr_bottom {background: url('/ENG/Global-footprints/Images/arr_bottom_blue.png') 0 0 no-repeat;}
   .global-footprints .map_detail_bx .arr_left {
      position: absolute;
      z-index: 100;
      top: 50%;
      margin-top: -7px;
      left: -7px;
      width: 7px;
      height: 14px;
      background: url('/ENG/Global-footprints/Images/arr_left.png') 0 0 no-repeat;
   }
   .global-footprints .map_detail_bx.blue_bx .arr_left {background: url('/ENG/Global-footprints/Images/arr_left_blue.png') 0 0 no-repeat;}
   .global-footprints .map_detail_bx .arr_right {
      position: absolute;
      z-index: 100;
      top: 50%;
      margin-top: -7px;
      right: -7px;
      width: 7px;
      height: 14px;
      background: url('/ENG/Global-footprints/Images/arr_right.png') 0 0 no-repeat;
   }
   .global-footprints .map_detail_bx.blue_bx .arr_right {background: url('/ENG/Global-footprints/Images/arr_right_blue.png') 0 0 no-repeat;}
   .global-footprints .map_detail_bx img {margin-bottom: 20px;}
   .global-footprints .map_detail_bx dl dt,
   .global-footprints .map_detail_bx dl dd {color: #FFF;}
   .global-footprints .map_detail_bx dl dt {
      font-size: 17px;
      font-weight: bold;
   }
   .global-footprints .map_detail_bx dl dd {font-size: 13px;}


/* R&DBS */
/* 연구소 소개 */
.rnbd .introduce ul.introduce_img {
   width: 100%;
   overflow: hidden;
}
   .rnbd .introduce ul.introduce_img li {
      float: left;
      width: 23.5%;
      text-align: center;
      padding: 30px;
      margin-right: 2%;
      border: 3px solid #01367A;
   }
   .rnbd .introduce ul.introduce_img li:last-child {margin-right: 0%;}
@media screen and (max-width: 767px) {   
   .rnbd .introduce ul.introduce_img li {
      width: 46%;
      margin: 0 2% 20px;
   }
}
@media screen and (max-width: 479px) {   
   .rnbd .introduce ul.introduce_img li {
      width: 100%;
      margin: 0 0 20px;
   }
}

/* 연구개발 능력 */
.rnbd .ability ul.ability_img {
   width: 100%;
   overflow: hidden;
}
   .rnbd .ability ul.ability_img li {
      float: left;
      width: 23.5%;
      margin-right: 2%;
      margin-bottom: 2%;
   }
   .rnbd .ability ul.ability_img li:nth-child(4),
   .rnbd .ability ul.ability_img li:nth-child(7) {margin-right: 0%;}
@media screen and (max-width: 479px) {   
   .rnbd .ability ul.ability_img li {width: 49%;}
   .rnbd .ability ul.ability_img li:nth-child(4) {margin-right: 2%;}
   .rnbd .ability ul.ability_img li:nth-child(2),
   .rnbd .ability ul.ability_img li:nth-child(3),
   .rnbd .ability ul.ability_img li:nth-child(5) {margin-right: 0%;}
}

/* 연구개발 성과 */
.rnbd .result dl.result_img {width: 100%;}
.rnbd .result dl.result_img.line {
   padding: 3% 0 3%;
   margin: 3% 0 3%;
   border-top: 1px solid #D1D1D1;
   border-bottom: 1px solid #D1D1D1;
}
   .rnbd .result dl.result_img dt {
      font-size: 23px;
      color: #00367A; 
   }
   .rnbd .result dl.result_img dd:before {content: "- ";}

/* R&BD network */
.rnbd .network img {
   margin: 0 auto;
   display: block;
}



/* Responsibility */
/* 품질경영 */
.responsibility .quality_01 ul.quality_01_img {
   width: 100%;
   margin: 20px 0 20px;
   overflow: hidden;
}
   .responsibility .quality_01 ul.quality_01_img li {
      float: left;
      width: 23.5%;
      text-align: center;
      margin-right: 2%;
   }
   .responsibility .quality_01 ul.quality_01_img li:last-child {margin-right: 0%;}
@media screen and (max-width: 767px) {   
   .responsibility .quality_01 ul.quality_01_img li {
      width: 46%;
      margin: 0 2% 20px;
   }
}
@media screen and (max-width: 479px) {   
   .responsibility .quality_01 ul.quality_01_img li {
      width: 100%;
      margin: 0 0 20px;
   }
}

.responsibility .quality_02 ul.quality_02_img {
   width: 100%;
   overflow: hidden;
}
   .responsibility .quality_02 ul.quality_02_img li {
      float: left;
      width: 32%;
      text-align: center;
   }
   .responsibility .quality_02 ul.quality_02_img li:nth-child(2) {margin: 0 2%;}
   .responsibility .quality_02 ul.quality_02_img li:nth-child(4),
   .responsibility .quality_02 ul.quality_02_img li:nth-child(5) {
      clear: both;
      width: 100%; 
      margin-top: 20px;  
   }
@media screen and (max-width: 767px) {   
   .responsibility .quality_02 ul.quality_02_img li {
      clear: both;
      width: 100%;
   }
   .responsibility .quality_02 ul.quality_02_img li:nth-child(2) {margin: 2% 0;}
   .responsibility .quality_02 ul.quality_02_img li:nth-child(4) img {
      width: 100%;
      max-width: 360px;
   }
}

/* 환경경영 */
.responsibility .environment_02 ul.environment_02_img {
   width: 100%;
   overflow: hidden;
}
   .responsibility .environment_02 ul.environment_02_img li {
      float: left;
      width: 47%;
      font-size: 17px;
      text-align: center;
      margin: 0 3% 50px 0;
   }
   .responsibility .environment_02 ul.environment_02_img li:last-child {margin-right: 0;}
      .responsibility .environment_02 ul.environment_02_img li span {
         font-size: 20px;
         color: #333;
         padding-bottom: 20px;
         margin-bottom: 20px;
         border-bottom: 1px solid #908F8A;
         display: block;
      }
      .responsibility .environment_02 ul.environment_02_img li p {padding: 0 20px 0;}
@media screen and (max-width: 767px) {   
   .responsibility .environment_02 ul.environment_02_img li {
      clear: both;
      width: 100%;
      margin: 0 3% 50px 0;
   }      
}
@media screen and (max-width: 479px) {
   .responsibility .environment_02 ul.environment_02_img li span {
      font-size: 16px;
      padding-bottom: 15px;
      margin-bottom: 15px;
   }
}

/* 윤리경영 */
.responsibility .ethics ul.ethics_img {
   width: 100%;
   margin-bottom: 30px;
   overflow: hidden;
}
   .responsibility .ethics ul.ethics_img li {float: left;}
   .responsibility .ethics ul.ethics_img li:first-child {
      width: 20%;
      margin-right: 3%
   }
   .responsibility .ethics ul.ethics_img li:last-child {
      width: 77%;
      margin-top: 5%;
   }
.responsibility .ethics a.btn_pdf {margin-left: 23%;}
@media screen and (max-width: 767px) {   
   .responsibility .ethics ul.ethics_img li:last-child {margin-top: 0%;}
}
@media screen and (max-width: 479px) {
      .responsibility .ethics ul.ethics_img li {
         clear: both;      
         text-align: center;
      }
      .responsibility .ethics ul.ethics_img li:first-child,
      .responsibility .ethics ul.ethics_img li:last-child {
         width: 100%;
         margin: 0;
      }
      .responsibility .ethics ul.ethics_img li:first-child {margin-bottom: 20px;}
}



/* Investors */
@media screen and (max-width: 767px) { 
   .investors table th,  
   .investors table td {font-size: 12px;}
}
/* 경영정보 */
.investors .fixed_date {
   font-size: 14px;
   text-align: right;   
}

/* 결산정보 */
.investors .closing table.table_03 th {
   font-size: 12px;
   vertical-align: middle;
}
   .closing table.table_03 th span {
      font-size: 35px;
      color: #111;
      font-weight: bold;
   }
.investors .closing table.table_03 td a {
   float: left;
   width: 230px;
   height: 35px;   
   margin: 10px 50px 0 0;
   background: url('/ENG/Images/icon_download.gif') right 50% no-repeat;
   display: inline-block;
}
   .investors .closing table.table_03 td a span {
      color: #00367A;
      line-height: 35px;
      padding-left: 20px;
      background: url('/ENG/Images/icon_list_arr.gif') left 50% no-repeat;
   }
@media screen and (max-width: 992px) {
   .investors .closing table.table_03 th span {font-size: 15px;}
}
@media screen and (max-width: 767px) { 
   .investors .closing table.table_03 th span {font-size: 12px;}
}
@media screen and (max-width: 479px) {
   .investors .closing table.table_03 td a span {
      padding-left: 0px;
      background: none;
   }
}

/* IR BOOK */
.investors .ir_book ul.ir_book_list {
   width: 100%;
   overflow: hidden;
}
   .investors .ir_book ul.ir_book_list li {
      float: left;
      width: 30%;      
      text-align: center;      
   }
   .investors .ir_book ul.ir_book_list li:nth-child(2) {margin: 0 5% 0;}
      .investors  .ir_book ul.ir_book_list li a {font-size: 17px;}
         .investors  .ir_book ul.ir_book_list li a img {margin-bottom: 10%;}
@media screen and (max-width: 479px) {
   .investors .ir_book ul.ir_book_list li {
      clear: both;
      width: 100%;   
   }
   .investors .ir_book ul.ir_book_list li:nth-child(2) {margin: 15% 0 15%;}
}



/* Recruit */
/* 채용공고 */
.recruit .recruit_notice ul.recruit_notice_img {
   margin: 0 auto;
   width: 80%;
   margin-bottom: 10%;
   overflow: hidden;
}
   .recruit .recruit_notice ul.recruit_notice_img li {
      float: left;
      width: 50%; 
      font-size: 30px;
   }
      .recruit .recruit_notice ul.recruit_notice_img li p {margin-top: 15%;}
@media screen and (max-width: 992px) {
   .recruit .recruit_notice ul.recruit_notice_img {width: 100%;}
      .recruit .recruit_notice ul.recruit_notice_img li * {font-size: 20px;}
         .recruit .recruit_notice ul.recruit_notice_img li p {margin-top: 30%;}
}
@media screen and (max-width: 767px) { 
   .recruit .recruit_notice ul.recruit_notice_img li {
      clear: both;
      width: 100%; 
      text-align: center;           
   }
      .recruit .recruit_notice ul.recruit_notice_img li p {margin-top: 5%;}
}
.recruit .recruit_notice ul.recruit_notice_list {
   width: 100%;
   margin-bottom: 5%;
   overflow: hidden;
}
   .recruit .recruit_notice ul.recruit_notice_list li {
      float: left;
      width: 30%;   
      padding: 25px;
      margin-bottom: 5%;
      border: 1px solid #DDD;
      background: #FFF;
   }
   .recruit .recruit_notice ul.recruit_notice_list li:nth-child(2),
   .recruit .recruit_notice ul.recruit_notice_list li:nth-child(5),
   .recruit .recruit_notice ul.recruit_notice_list li:nth-child(8),
   .recruit .recruit_notice ul.recruit_notice_list li:nth-child(11) {margin: 0 5% 0;}
   .recruit .recruit_notice ul.recruit_notice_list li:hover {
      border: 1px solid #004892;
      background: #FAFAFA;
   }
      .recruit .recruit_notice ul.recruit_notice_list li a {display: block;}
      .recruit .recruit_notice ul.recruit_notice_list li .type {
         color: #FFF;
         padding: 5px 10px 5px;
         margin-bottom: 15px;
         background: #0D3B79;
         -moz-border-radius: 100px;
      	-webkit-border-radius: 100px;
      	border-radius: 100px;
      	display: inline-block;
      }
      .recruit .recruit_notice ul.recruit_notice_list li .end_date {
         color: #9E9E9E;
         line-height: 25px;
         padding-left: 30px;
      	margin-top: 30px;
      	background: url('/ENG/Images/icon_cal.gif') left 50% no-repeat;
      	display: inline-block;
      }
         .recruit .recruit_notice ul.recruit_notice_list li .end_date .state {
            font-size: 12px;
            line-height: 25px;
            padding: 0 10px 0;
            margin-left: 10px;
            border: 1px solid #A7A7A7;
            background: #FFF;
            display: inline-block;
         }
         .recruit .recruit_notice input.phone {width: 100%;}
         .recruit .recruit_notice input.file_content {width: 60%;}
@media screen and (max-width: 992px) { 
   .recruit .recruit_notice ul.recruit_notice_list li {
      width: 48%;
      margin: 0 1% 2%;
   }
   .recruit .recruit_notice ul.recruit_notice_list li:nth-child(2),
   .recruit .recruit_notice ul.recruit_notice_list li:nth-child(5),
   .recruit .recruit_notice ul.recruit_notice_list li:nth-child(8),
   .recruit .recruit_notice ul.recruit_notice_list li:nth-child(11) {margin: 0 1% 2%;}
}
@media screen and (max-width: 767px) { 
   .recruit .recruit_notice ul.recruit_notice_list li {
      clear: both;
      width: 100%;
      margin: 0 0 2%;
   }
   .recruit .recruit_notice ul.recruit_notice_list li:nth-child(2),
   .recruit .recruit_notice ul.recruit_notice_list li:nth-child(5),
   .recruit .recruit_notice ul.recruit_notice_list li:nth-child(8),
   .recruit .recruit_notice ul.recruit_notice_list li:nth-child(11) {margin: 0 0 2%;}
}
.recruit .recruit_notice ul.privacy {
   height: 260px;
   padding: 25px;
   border: 1px solid #DCDCDC;
   border-top: 2px solid #004892;
   background: #FFF;
   overflow-y: auto;
}
   .recruit .recruit_notice ul.privacy li {
      font-size: 15px;
      color: #777;
   }