@import url('http://fonts.googleapis.com/earlyaccess/notosanskr.css');

/* Noto Sans KR (korean) http://www.google.com/fonts/earlyaccess */ 
@font-face { 
  font-family: 'Noto Sans KR'; 
  font-style: normal; 
  font-weight: 100; 
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2) format('woff2'), 
      url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff) format('woff'), 
      url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf) format('opentype'); 
} 
@font-face { 
  font-family: 'Noto Sans KR'; 
  font-style: normal; 
  font-weight: 300; 
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'), 
      url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'), 
      url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype'); 
} 
@font-face { 
  font-family: 'Noto Sans KR'; 
  font-style: normal; 
  font-weight: 400; 
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype'); 
 } 
@font-face { 
  font-family: 'Noto Sans KR'; 
  font-style: normal; 
  font-weight: 500; 
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype'); 
 } 
@font-face { 
  font-family: 'Noto Sans KR'; 
  font-style: normal; 
  font-weight: 700; 
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype'); 
 } 
@font-face { 
  font-family: 'Noto Sans KR'; 
  font-style: normal; 
  font-weight: 900; 
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff2) format('woff2'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff) format('woff'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.otf) format('opentype'); 
}


body {
  font-family: "Noto Sans KR", sans-serif !important;
}

/* 공통 */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, a, button, address, em, img, small, strong, sub,
sup, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, hr, input {margin:0; padding:0; font-family:"Noto Sans KR", sans-serif;}
html, body {width:100%; height:100%;}
img, button, input {border:0 none; vertical-align:middle;}
h1, h2, h3, h4, h5, h6, th {font-weight:normal; }
ol, ul, li {list-style:none;}
li, dt, dd {display:inline-block;}
body, input, select, textarea, a {font-family:"Noto Sans KR", sans-serif; font-size:12px; color:#666;}
a {color:#2b7bd9; text-decoration:none;}
input[type=button] {cursor:pointer; font-family:"Noto Sans KR", sans-serif;}



.wrap {width:100%; background:#fff;  }
#header {width:1240px; height:80px; margin:0 auto; overflow:hidden; font-family:"Noto Sans KR", "돋움", dotum, sans-serif; }
#header h1.logo {display:block; width:298px; height:32px; margin-top:28px; background:url('/images/eng/logo.png') no-repeat; text-indent:-9999px; font-size:0px; cursor: pointer; float:left;}
#header .go_kr {display:block; width:35px; height:28px; float:right; margin:25px 12px 0px 0px; cursor:pointer;}
.content h2 {width:100%; display:block; font-weight:700; text-align:left; line-height:50px; font-size:50px; color:#206a95;  margin-top:110px;  }


/**  한일인터네셔널 소개  **/
.section_hic {width:100%; height:717px; clear:both; background:#e9e9e9; overflow:hidden; background:url('/images/eng/section_hic_bg.png') top center no-repeat;}
.section_hic .inner {width:1240px; margin:0 auto;   }
.section_hic h2{width:903px; height:60px; text-indent:-9999px;  float:left; background:url('/images/eng/section_hic_h2.png') no-repeat; font-weight:bold;  margin-top:345px;}


/**  한일인터네셔널 개요  **/
.section_info {width:100%; clear:both; overflow:hidden; background:#f7f7f7; }
.section_info .inner {width:1240px; margin:0 auto;}
.section_info .company_info {width:100%;} 
.section_info .company_info ul.list {width:100%; margin: 180px 0px 200px 0px; overflow: hidden; }
.section_info .company_info ul li {width:25%; float:left;}
.section_info .company_info ul li dl {width:280px; height:357px; padding-top:230px; box-sizing:border-box; }
.section_info .company_info ul li dl.cominfo_box01 {background:url('/images/eng/cominfo_img01.png') no-repeat;}
.section_info .company_info ul li dl.cominfo_box02 {background:url('/images/eng/cominfo_img02.png') no-repeat;}
.section_info .company_info ul li dl.cominfo_box03 {background:url('/images/eng/cominfo_img03.png') no-repeat;}
.section_info .company_info ul li dl.cominfo_box04 {background:url('/images/eng/cominfo_img04.jpg') no-repeat;}
.section_info .company_info ul li dt {width:100%; text-align:center; color:#ffffff; font-size:24px; letter-spacing:-0.7px;  text-align: center; padding-bottom:20px; background:url('/images/eng/cominfo_icon_bar.png') center bottom no-repeat; margin-bottom:10px; line-height:26px; }
.section_info .company_info ul li dd {width:100%; color:#ffffff; text-align:center; font-size:20px; margin-bottom:17px; }
.section_info .company_info ul li:last-child dd {font-size:16px; letter-spacing:-0.9px;}

/**  회사소개  **/
.section_subsidiary {width:100%; height:874px; clear:both; overflow:hidden; background-size:cover;  background:#f7f7f7 url('/images/eng/hanil_international_box_bg.png') top center no-repeat;  }
.section_subsidiary .inner {width:1240px; margin:0 auto;}
.section_subsidiary .sub_title {display:block; font-size:50px; line-height:50px; font-weight: 600; margin: 120px 0px 90px 0px; color:#ffffff; }
.section_subsidiary .hanil_international {position:relative; width:100%; overflow: hidden;  margin-bottom:110px; }
.section_subsidiary .hanil_international p {width:600px; float:left; font-size:24px; line-height:50px; box-sizing:border-box; padding:0px; color:#ffffff; }
.section_subsidiary .hanil_international .hi_img {position:absolute; right:0px; top:125px;}



/**  공시정보  **/
.section_notice {width:100%; clear:both; background:#f5f6f6; overflow:hidden;}
.section_notice .inner {width:1240px; margin:0 auto;}
.section_notice .table_style {width:100%; margin:90px 0px 200px 0px; }
.section_notice .table_style th {background:#e9e9e9; border-top:2px solid #206a95; border-bottom:1px solid #707782; font-size:22px; color:#000000; line-height:20px; padding:25px 0px; }
.section_notice .table_style td {background:#fff; border-bottom:1px solid #c8c8c8; padding:25px 0px; text-align: center; font-size:20px; color:#333; }
.section_notice .table_style .tit_item .title{display:inline-block; text-align:left; padding-left:20px; white-space: nowrap; text-overflow:ellipsis; width:350px; overflow: hidden; float:left; }
.section_notice .table_style .cnt_item {width:100%;}
.section_notice .table_style .cnt_item .line_2box{ width:50%; float:left; padding:0px 10px; box-sizing: border-box;}
.section_notice .table_style td .item_img {padding:15px 0px; overflow:hidden;}
.section_notice .table_style td .item_img img {display:block; margin:0 auto; width:100%; }
.section_notice .table_style td .item_down {margin-bottom:50px;}
.section_notice .table_style td .item_down a{display:inline-block; background:#1c62aa; color:#fff; padding:15px 40px; cursor:pointer; font-size:18px; }
.section_notice .table_style td .item_down a:hover {background:#164b81; }
.section_notice .table_style td .arrow_open,.section_notice .table_style td .arrow_close {display:block; width:24px; height:15px; margin:0 auto; cursor:pointer;}
.arrow_close { background:url('/images/eng/arrow_open.png') no-repeat; }
.arrow_open { background:url('/images/eng/arrow_close.png') no-repeat; }



/** footer **/
.footer {width:100%; background:#e9e9e9; }
.footer .inner {position:relative; width:1240px; margin:0 auto;padding:35px 0px;}
.footer .inner .logo {position:absolute; width:298px; height:32px; float:left; text-indent:-9999px;  background:url('/images/eng/footer_logo.png') no-repeat; cursor: pointer;}

.footer .btn-list {overflow:hidden; margin-left:340px;}
.footer .btn-list li {float:left;position:relative;padding:0 10px;}
.footer .btn-list li:first-child {padding-left:0;}

.footer .btn-list li a {display:inline-block;font-size:15px;line-height:18px;color:#666; font-weight:500;}
.footer .btn-list li a:hover {text-decoration: underline;}
.footer .btn-list li.on a {color:#205fb4;}

.footer .address {margin-top:10px; margin-left:340px; font-size:14px;font-weight:300;line-height:24px;color:#666; text-decoration:none;}
.footer .address strong {font-weight:normal;}
.footer .family-area {position:absolute;right:0;top:26px;width:auto;height:40px;}
.footer .family-area .btn-cnt {overflow:hidden;}
.footer .family-area .btn-cnt .site-btn {float:left;width:172px;height:30px;border:1px solid #ccc;background:#e9e9e9;font-size:14px;color:#7c7c7c;text-indent:10px;}
.footer .family-area .btn-cnt a {float:left;}
.footer .family-area .btn-cnt a.site-btn {position:relative;width:230px;height:40px;padding-left:10px; border:1px solid #ccc;/*border-right:none;*/font-size:16px;line-height:38px;color:#666;}
.footer .family-area .btn-cnt a.site-btn:after {content:"";position:absolute;right:10px;top:17px;width:10px;height:7px;background:url("/images/eng/family_site_arrow.png") no-repeat 0 0;}
.footer .family-area .btn-cnt a.go-btn {width:50px;height:40px;background:#666;font-size:16px;font-weight:bold;line-height:40px;text-align:center;color:#e9e9e9;}
.footer .family-area .site-list { display:none; position:absolute;left:0;bottom:40px;width:240px;border:1px solid #ccc;border-bottom:none;background:rgba(255, 255, 255, 0.8);}
.footer .family-area .site-list li {width:100%}
.footer .family-area .site-list li a {display:block;padding-left:21px;border-bottom:1px solid #ccc;font-size:16px;line-height:40px;}
.footer .family-area .site-list li a:hover {text-decoration:underline }