@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;
}

/* common */
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; box-sizing:border-box;}
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_wrap {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:190px; height:32px; margin-top:28px; background:url('/images/kr/logo.png') no-repeat; text-indent:-9999px; font-size:0px; cursor: pointer; float:left;}
#header .go_en {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:45px; font-size:50px; color:#206a95;  margin-top:110px;  }


/******  MAIN FULL PAGE *********/
html,body{ margin:0; padding:0; width:100%; height:100%;}
.mainfullbox{ width:100%; height:100%; position:relative; color:#ffffff; font-size:24pt;}
#mainfull_navi { position:fixed; top:40%; right:180px; z-index:8992; }
#mainfull_navi ul { margin:0; padding:0; list-style:none; display:flex; flex-direction:column; }
#mainfull_navi ul li { margin-bottom:10px; }
#mainfull_navi p { background-color:#0008; border:2px solid #fff; width:15px; height:15px; border-radius:10px; text-align:center; margin:0 auto; font-size:12px; color:#fff; vertical-align:middle; line-height:10px; }
#mainfull_navi p:hover { background-color:#0080ff; }
#mainfull_navi a.on p { background-color:#0080ff!important; }
#mainfull_navi p.on { background-color:#0080ff!important; }
@media screen and (max-width:1025px){
#mainfull_navi { right:5%; }
}

/**  한일인터네셔널 소개  **/
.section_hic {width:100%; min-height:717px; clear:both; background:#e9e9e9; overflow:hidden; background:url('/images/kr/section_hic_bg.png') top center no-repeat;}
.section_hic .inner {width: 100%; margin:0 auto; position: absolute; height: calc(100% - 80px);box-sizing: border-box;}
.section_hic .main_visual {display:flex; align-items:center; width:1280px; margin:0 auto; height:100%; position:relative;}
.section_hic p.title{float:left; font-weight:bold; color:#fff; font-size:60px;}


/**  한일인터네셔널 개요  **/
.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:210px; box-sizing:border-box; }
.section_info .company_info ul li dl.cominfo_box01 {background:url('/images/kr/cominfo_img01.png') no-repeat;}
.section_info .company_info ul li dl.cominfo_box02 {background:url('/images/kr/cominfo_img02.png') no-repeat;}
.section_info .company_info ul li dl.cominfo_box03 {background:url('/images/kr/cominfo_img03.png') no-repeat;}
.section_info .company_info ul li dl.cominfo_box04 {background:url('/images/kr/cominfo_img04.jpg') no-repeat;}
.section_info .company_info ul li dt {width:100%; text-align:center; color:#ffffff; font-size:26px; text-align: center; padding-bottom:20px; background:url('/images/kr/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_subsidiary {width:100%; height:874px; clear:both; overflow:hidden; background-size:cover;  background:#f7f7f7 url('/images/kr/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:60px; 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:45px 0px 100px 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;  }
.section_notice .table_style td .item_img {padding:35px 0px; overflow:hidden; max-width:1000px; margin:0 auto; }
.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:10px 30px; cursor:pointer; font-size:17px; }
.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/kr/arrow_open.png') no-repeat; }
.arrow_open { background:url('/images/kr/arrow_close.png') no-repeat; }


/** 신고하기 **/
.section_report {width:100%; background:#fff; overflow:hidden;}
.section_report .inner{width:1240px; margin:0 auto; padding:50px 0px; position:relative; display:flex; align-items:center; justify-content:space-between;}
.section_report div {display:flex; align-items:center;}
.section_report h2 {margin:0px; width:auto; padding-right:20px; position:relative;}
.section_report h2::after {position:absolute;right:0px;top: 4px;content:"";width: 1px;height: 47px;background:#7c7c7c;}
.section_report p {font-size:18px;color:#0f0f0f;text-align:left;padding-left: 20px;}
.section_report a.btn-report {clear:both; display:block; cursor:pointer; border-radius:10px; float:left; color:#fff; background:#2b7bd9; text-align:center; width:220px; height:60px; line-height:60px; font-size:15px; box-sizing:border-box;}
.section_report a:hover {background:#2b7bd9;}

/* Privacy */
.content.privacy-wrap {width: 1100px; margin: 0 auto; padding: 20px 0px;}
.privacy-content {padding:0 20px;}
.privacy-title {font-size: 30px; color: #333; font-weight: 700; padding:30px 0px; border-bottom: 1px solid #7c7c7c;}
.privacy-content h3 { font-size: 20px; line-height:38px; color: #444; margin-top: 30px; margin-bottom: 15px;}
.privacy-content p {font-size: 16px;}
.privacy-content ol {width: 100%;overflow: hidden;padding: 15px 20px 0 20px;}
.privacy-content ol li {position:relative;display: block;float:left;width:100%;padding-left: 15px;box-sizing:border-box;}
.privacy-content ol li::before {position:absolute;content:"";width:3px;height:3px;background: #494949;left:0;top: 45%;}
.privacy-content ol li,
.privacy-content ul li {font-size: 16px;line-height:28px;}
.privacy-content ul {width: 100%;overflow: hidden;padding: 20px 20px 0 0px;}
.privacy-content ul li {padding-top: 5px;}
.privacy-content ul li:first-child {padding-top: 0;}
.privacy-content ul li strong {display:block; width:100%;}
.privacy-content ul li ul {padding: 10px 10px 0 10px;}
.privacy-content ul li ul li {position:relative;display: block;float:left;width:100%;padding-left: 10px;box-sizing:border-box;}
.privacy-content ul li ul li::before {position:absolute;content:"";width:3px;height:3px;background: #494949;left:0;top: 45%;}
.privacy-content section {margin-bottom: 30px;}




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

.footer .btn-list {overflow:hidden; margin-left:300px;}
.footer .btn-list li {float:left;position:relative;padding:0 10px;}
.footer .btn-list li:first-child {padding-left:0;}
.footer .btn-list li:first-child:after {content:"";position:absolute;right:0;top:3px;width:1px;height:12px;background:#7c7c7c;}
.footer .btn-list li:nth-child(2):after {content:"";position:absolute;right:0;top:3px;width:1px;height:12px;background:#7c7c7c;}

.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 .footer-links {margin-left:300px;}
.footer .footer-links li {padding-top: 5px;}
.footer .footer-links li a {font-size:14px;font-weight:600;}
.footer .address {margin-top:10px; margin-left:300px; 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/kr/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:230px;border:1px solid #ccc;border-bottom:none;background:rgba(255, 255, 255, 0.95);}
.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 }



/* modal-popup  */
.modal {display:none; position:fixed; width:100%; height:100%; z-index:1; left:0; top:0; background-color:rgb(0,0,0,0.6);}
.modal .modal_window{width:1000px; position: absolute; padding:70px; background-color: #fff; height: 100%; top: 50%; left: 50%;
  transform: translate(-50%,-50%); border-radius: 15px; max-height: 80%; box-sizing:border-box; font-family:'Noto Sans KR';}
.modal .modal_wrap{height:100%;}
.modal .modal_wrap .close img{cursor: pointer;}
.modal .close {position:absolute; right:50px; top:50px;}
.modal_wrap .top_title p{ font-size:20px;font-weight: 700; color: #2196f3; margin-bottom:5px; line-height: 1.3;}
.modal_wrap .top_title h2 {font-size:40px; line-height: 1.4; margin-bottom: 32px; color:#212529; font-weight:600;}
.report_type,.confirm_box,.input_box { margin-top:50px;}

.modal-open {
    overflow: hidden;
}

.modal-closed {
    overflow: auto; /* �삉�뒗 �븘�슂�븳 �뒪�겕濡� �꽕�젙 */
}

.anonymity_check{display:inline-block; background:#ececec; color:#5d5d5d; padding:10px 20px; font-size:15px; min-width:142px; border-radius:30px;  }
.anonymity_check input[type="checkbox"] {margin-right:8px; width:17px; height:17px;}

.modal .form_body {height:calc(100% - 200px); overflow-y: auto; padding-right:20px;} 
.modal_table{width:100%; text-align:center; margin-top:30px; margin-bottom:15px;}
.modal_table th {border-top:1px solid #d8dce1; font-size:16px; color:#3e3e3e; font-weight:600; padding:15px; border-bottom:1px solid #d8dce1; }
.modal_table td{ border-bottom:1px solid #d8dce1; padding:12px; font-size:16px; }
.modal_table td ol li {width:100%; text-align:left; position: relative; padding-left:10px; }
.modal_table td ol li::before {position:absolute; content:""; width:2px; height:2px; background:#333; display:block; left:0px; top:12px;}
.modal_table td .r-line{text-align:left; padding:3px;}
.modal_table td .r-line input[type="radio"] {margin-right:5px;}


.input_box{padding-top:40px; overflow:hidden;}
.input_label {width:100%; margin-bottom:15px; overflow:hidden; display:flex; flex-direction:row;}
.input_line{display:flex; flex-direction:row; flex:1; align-items:center;}
.input_label.line-two {justify-content: space-between;}
.input_label.line-two .input_line:first-child{margin-right:20px; width:50%;}
.blue-i {position: relative; padding-left:10px; margin:10px 0px;}
.blue-i::before {content:""; position:absolute; width:5px; height:5px; background:#2196f3; left:0px; display:block; border-radius:5px;}
.input_line .label_basic {display:inline-block; min-width:70px; }
.input_normal{font-size: 14px; line-height: 16px; height: 48px; padding: 16px; min-width:340px;}
.long_input {flex:2;}
.input_normal, .textarea_normal{font-weight: 500; border-radius: 4px; border: 1px solid #ced4da; border-radius:7px;}
.textarea_normal{width:100%; min-height:150px; box-sizing:border-box;}
.selec-box {border: 1px solid #ced4da; height:48px; border-radius:7px; margin-right:10px; min-width:120px; font-size:15px; color:#5d5d5d; text-indent:5px;}
.confirm-box {position: relative; margin-bottom: 48px; background-color: #f1f3f5;  padding: 24px 32px; border-radius: 15px
}

.form_body h4 {font-size:19px; line-height: 1; margin-bottom:20px; color:#212529; font-weight:600;}
.c-blue{color:#2196f3;}
.sub_txt {font-size:14px; color:#5d5d5d; line-height:30px;}
.align-R {float:right;}
.align-R2 {float:right; font-size:14px; padding-bottom:10px;}
.filebox .upload-name {display: inline-block; padding: 0 10px; vertical-align: middle; color: #999999;}
.filebox label {display: inline-block; padding: 13px 20px; color: #fff; vertical-align: middle; background-color: #999999; cursor: pointer; height: 47px; margin-left: 10px; font-size:14px; border-radius:5px;}
.filebox input[type="file"] { position: absolute; width: 0; height: 0; padding: 0; overflow: hidden; border: 0;}
.btn_wrap {display:flex; align-content:center; justify-content:center;}
.btn_wrap .btn {background:#2196f3; color:#fff; text-align:center; font-size:17px; padding:15px 40px; min-width:170px; margin-top:20px; border-radius:10px; cursor: pointer;}
.btn_wrap .btn:hover{background:#1c80cf;}