@charset "utf-8";
/**
* OLYM Cascading Style Sheets
* File Name : contents.css
* Description : 한국트로닉스 컨텐츠 스타일시트
* Author : Web business Team / Jessica
* Email : design@olymcompnay.com
* Date : 2012.03.22
* Update : 2012.03.22
* Copyright(c) 2012 OLYM Communications. All Rights Reserved.
*/


/* 공통 */
.tab { background:url(/project/design/tab/bg_tab.gif) left top no-repeat; width:100%; height:33px; margin-bottom:30px; }
.tab ul {float:right;}
.tab li { float:left;}
.default_btle { background:url(/project/design/btle/bg_btle.gif) left bottom no-repeat; padding:13px 0 31px 0; text-align:center; margin-bottom:30px;}
.ready { width:100%;  text-align:center;}

/* 연혁 */
.history { }
.history p { margin-bottom:20px; text-align:center;}
.history .default_t {border-top:solid 2px #0064b2; border-collapse:collapse; width:100%; }
.history .default_t th { border:solid 1px #dfdfdf; vertical-align:top; text-align:left; padding:20px 0 20px 30px; width:180px;}
.history .default_t td { border:solid 1px #dfdfdf; height:35px; padding-left:20px;}
.history .month { font-weight:bold; display:inline-block; padding-right:20px; font-family:Verdana, Geneva, sans-serif; font-size:11px; color:#333; margin-right:20px; border-right:solid 1px #dfdfdf;}



/* 관계사 */
.relative { width:100%;}
.relative .btle { background:url(/project/design/btle/bg_btle.gif) left bottom no-repeat; padding:8px 0 31px 0; text-align:center; margin-bottom:30px;}
.relative .list {}
.relative .list li {float:left; width:230px; min-height:250px; margin:0 2px 0 2px;}
.relative .list p { color:#1c1c1c; width:210px; padding-left:10px; line-height:14px; }
.relative .in_img { background:url(/project/design/01_comp/bg_relative_box.gif) left top no-repeat; padding:12px 0 0 12px; width:218px; height:140px;}
.relative .comp_name { font-weight:bold; padding-bottom:5px; display:inline-block;}
.relative .url a { font-family:Verdana, Geneva, sans-serif; font-size:11px; color:#0050be; text-decoration:underline;}
.relative .url a:hover { color:#ff6600;}
.relative .img_table { width:204px; height:106px; padding:0; }
.relative .img_table td { text-align:center;}


/* 관계사_중국법인 */
.aff_china dt { padding:30px 0 13px 9px;}
.aff_china .dd2 { background:url(/project/design/01_comp/img_china2.jpg) no-repeat; padding:33px 0 0 34px; height:449px;}
.aff_china .map_china { width:632px; height:329px;}

/* 조직도 */
.orga {}
.orga p { padding-bottom:25px;}

/* 오시는길 */
.map { background:url(/project/design/01_comp/bg_map.jpg) left 75px no-repeat; height:1293px; width:100%; position:relative; }
.map p {}
.map .map_area { width:632px; height:330px; margin:58px 0 300px 36px;}
.map .map_area2 { width:632px; height:330px; margin:300px 0 0 36px;}
.map .ci { position:absolute; top:380px; right:0; z-index:100;}
.map .ci2 { position:absolute; top:1008px; right:0; z-index:100;}


/* 사업분야_리스트 */
.prod_list { width:100%; float:left; border-bottom:solid 1px #e8e8e8; margin-bottom:15px; padding-bottom:20px;}
.prod_list .list {}
.prod_list .list li {float:left; width:194px; margin:0 3px 0 25px; height:223px;}
.prod_list .list p { text-align:center;}
.prod_list .list p a { color:#1c1c1c; width:210px; padding-left:10px; line-height:14px; font-weight:bold;}
.prod_list .list p a:hover {text-decoration:underline; color:#0050be; }
.prod_list .in_img { background:url(/project/design/02_busi/bg_prod_box.gif) left top no-repeat; width:194px; height:180px; padding:14px 0 0 14px; text-align:center;}
.prod_list .img_table  { width:162px; height:154px; padding:0;}


/* 사업분야_뷰 */
.prod_view { width:100%; }
.view_top { width:703px; height:338px; background:#f9f9f9; position:relative; margin-bottom:26px;}
.view_top .in_img { background:url(/project/design/02_busi/bg_prod_zoom.gif) left top no-repeat; width:300px; height:289px; padding:15px 0 0 15px; float:left; margin:27px 0 0 27px; float:left;  text-align:center; vertical-align:middle;}
.view_top .info { float:left; width:328px; height:289px; }
.view_top .title { background:url(/project/design/02_busi/bg_title.gif) left top no-repeat; width:328px; height:66px; text-align:center; font-size:15px; color:#005da7; margin-top:31px; font-weight:bold; font-family:Verdana, Geneva, sans-serif; padding-top:21px; }
.view_top .table th { background:url(/project/design/02_busi/line_v.gif) right top no-repeat; width:80px; color:#2e2e2e; text-align:left; padding-left:10px; vertical-align:top;}
.view_top .table td { padding-left:20px; color:#353535;}
.view_top .small_img { position:absolute; bottom:31px; right:33px; z-index:100; height:63px;}
.view_top .small_img td { text-align:center; border:solid 1px #dedede; width:66px; height:63px; background:#ffffff;}
.view_top .space {width:17px !important; border:0 !important; background:none !important; }
.prod_view .detail_t { margin-bottom:30px;}
.prod_view .detail_info { width:640px; margin:0 auto; }
.prod_view .img_table { width:262px; height:252px; padding:0;}


/* 사업분야_생산공정 */
.prod_list_fac .list {}
.prod_list_fac .list li {float:left; width:194px; margin:0 3px 0 25px; height:200px; position:relative;}
.prod_list_fac .list p { text-align:center;}
.prod_list_fac .list p a { color:#1c1c1c; width:210px; padding-left:10px; line-height:14px; font-weight:bold;}
.prod_list_fac .list p a:hover {text-decoration:underline; color:#0050be; }
.prod_list_fac .in_img { background:url(/project/design/02_busi/bg_prod_box_fec.gif) left top no-repeat; width:199px; height:145px; padding:13px 0 0 13px;}
.prod_list_fac li .arrow { position:absolute; top:58px; right:-28px; z-index:100;}
.prod_list_fac .img_table { width:174px; height:117px; padding:0;}
.prod_list_fac .img_table td { text-align:center;}

/* RnD_품질보증시스템 */
.rnd_system dt { padding:30px 0 13px 9px;}
.rnd_system h3 { padding:26px 0 13px 14px;}
.table_blueline, .table_blueline th, .table_blueline td { border:0; border-collapse:collapse;}
.table_blueline { background:url(/project/design/03_rnda/bg_th_blue.gif) repeat-x; border-bottom:2px solid #3f4448;}
.table_blueline th { border:1px solid #dfdfdf; border-top:0px solid #dfdfdf; padding:12px 0 11px 0; text-align:center; color:#3f4448; font-weight:bold; font-size:0.95em;}
.table_blueline .th_blue { color:#004a80; padding:9px 0 8px 0; background:#f2f3f4;}
.table_blueline .th_blue a { color:#004a80;}
.table_blueline .th_blue a:hover { color:#004a80; text-decoration:underline;}
.table_blueline td { border:1px solid #dfdfdf; text-align:center; line-height:1.3em; padding:9px 4px 8px 4px;}
.table_blueline .td_left { text-align:left;}

.text_ins h3 { padding:26px 0 0 14px; color:#0064b2; font-weight:bold;}
.text_ins p { padding-left:14px;}



/* RnD_기술현황 */
.btle_sha { background:url(/project/design/03_rnda/bg_sha.gif) center bottom no-repeat; width:100%; height:57px; margin-bottom:20px;}
.btle_sha p { text-align:center; padding-top:10px; }
.tech .list { width:644px; margin:0 auto;}
.tech .list li { padding:10px 0 10px 0; border-bottom:solid 1px #f0f0f0; height:135px;}
.tech .list p { padding-top:30px;}
.tech .list .in_img { background:url(/project/design/03_rnda/bg_tech.gif) left top no-repeat; width:162px; height:134px; padding:14px 0 0 13px; float:left; margin-right:20px;}
.tech .list .title a { font-weight:bold; color:#1c1c1c;}
.tech .list .title a:hover { text-decoration:underline; color:#0050be;}

/* RnD_홍보동영상 */
.vod { margin-top:20px;}
.vod .list { width:703px; margin:0 auto;}
.vod .list li { padding:10px 0 10px 0; height:135px; width:330px; float:left; margin:0 10px 0 10px;}
.vod .list p { padding-top:40px;}
.vod .list .in_img { background:url(/project/design/03_rnda/bg_tech.gif) left top no-repeat; width:162px; height:134px; padding:14px 0 0 13px; float:left; margin-right:10px;}
.vod .list .title a { font-weight:bold; color:#1c1c1c;}
.vod .list .title a:hover { text-decoration:underline; color:#0050be;}
.vod .date { font-family:Verdana, Geneva, sans-serif; font-size:11px;}
.vod .btn { padding-top:5px;}
.vod_pop { background:url(/project/design/04_irin/bg_vod.gif) center 107px no-repeat; width:500px; height:500px;}
.vod_pop .vod_area { width:394px; height:292px; margin:29px auto;}

/* 0602_부정제보접수 */

.report_box .p_desc1 {font-family: 'Pretendard'; font-size:14px}
.report_box .p_desc2 {font-family: 'Pretendard'; font-size:15px; font-weight:700; color:#000; margin:0 0 20px 20px;}
.report_box .p_desc3 { font-family: 'Pretendard'; font-size:18px; color:#333; font-weight:700; line-height:1.4em }
.report_box .p_desc4 { font-family: 'Pretendard'; font-size:14px; color:#f54040;padding:20px }
.report_box .p_desc5 { font-family: 'Pretendard'; font-size:14px; padding:20px 0; line-height:1.4em }
.report_box .p_info1 { margin-top:10px}
.report_box .p_info1 span { color:#f54040;}
.report_box .p_info2 { margin-top:10px}

.report_box .font_star { font-weight:600; color:#f4364c; font-family:'verdana'; margin:0 3px; line-height:1em;} /* *표시 */



.h_type1 {font-family: 'Pretendard'; font-size:16px; font-weight:700; color:#000; margin:40px 0 20px 0;line-height:1em; position:relative;padding-left:22px}
.h_type1::before { content:""; display:inline-block; background:url(/project/design/06_ethi/bg_h1.png) no-repeat left center / 15px ; width:15px; height:15px; position:absolute; top:0; left:0}
.ul_type1 { margin-left:20px;}
.ul_type1 > li {font-family: 'Pretendard'; font-size:14px;margin-bottom:15px; position:relative; padding-left:30px; line-height:1.4em}
.ul_type1 > li span {position:absolute; top:0; left:0; font-size:0.875em; font-weight:700; background:#cee7f1; border-radius:100%; width:20px; line-height:20px; text-align:center; color:#14619d; display:inline-block;margin-right:5px}
.bot_btn_box { text-align:center; margin-top:50px;}
.bot_btn_box .btn {margin:0 3px; font-family: 'Pretendard'; font-size:16px; font-weight:700; color:#14619d; border:2px solid #14619d; displsy:inline-block; padding:10px 40px; border-radius:30px; text-align:center;transition: all .3s ease;}
.bot_btn_box .btn:hover { text-decoration:none; background:#14619d; color:#fff; }
.bot_btn_box .btn.bg1 {background:#14619d; color:#fff;}
.bot_btn_box .btn.bg1:hover { background:#fff; color:#14619d; }



.table_type1 { border-top:1px solid #000; overflow-x:auto;} 
.table_type1 table, .table_type1 th, .table_type1 td { border-bottom:1px solid #dbdbdb; border-collapse:collapse; font-family: 'Pretendard'; font-size:14px}
.table_type1 table { width:100%;}
.table_type1 th { padding:15px 15px 15px 30px; color:#000; text-align:left;}
.table_type1 td { padding:15px; text-align:left; color: #666;}
.table_type1 a { text-decoration:underline; color:#000; font-weight:600; transition: all ease 0.3s;}
.table_type1 a:hover { color:#14619d; }


.table_type1 input[type="radio"] { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); border:0;}
.table_type1 input[type="radio"] + label { display:inline-block; position:relative; padding:0 0 0 28px; cursor:pointer; line-height:24px; vertical-align:top;}
.table_type1 input[type="radio"] + label:before { content:''; position:absolute; left:0; top:2px; width:20px; height:20px; text-align:center; background:#f2f2f2; border:1px solid #cecece; border-radius:100%; }
.table_type1 input[type="radio"] + label:after { content:''; position:absolute; top:8px; left:6px; width:10px; height:10px; background:#bbb; border-radius:100%; box-shadow:inset 0px 0px 10px rgba(0,0,0,0.3);} /* 선택전 */
.table_type1 input[type="radio"]:checked + label:after { background:#14619d;} /* 선택후 */
.table_type1 input[type="radio"]:focus + label:before { outline:1px dotted #000;}

.table_type1 input[type="checkbox"] { -webkit-appearance: none; position: relative; width: 22px; height: 22px; cursor: pointer; outline: none !important; border: 1px solid #e9e9e9; border-radius: 3px; background: #f7f7f7;}
.table_type1 input[type="checkbox"]::before { content: "\2713"; position: absolute; top: 50%; left: 50%; overflow: hidden; transform: scale(0) translate(-50%, -50%); line-height: 1;}
.table_type1 input[type="checkbox"]:hover { border-color: rgba(170, 170, 170, 0.5);}
.table_type1 input[type="checkbox"]:checked { background-color: #14619d; border-color: rgba(255, 255, 255, 0.3); color: #fff;}
.table_type1 input[type="checkbox"]:checked::before { border-radius: 3px; transform: scale(1) translate(-50%, -50%)}


.table_type1 input[type="text"],
.table_type1 input[type="password"],
.table_type1 input[type="date"] { font-family: 'Pretendard'; background-color:#f3f6f9; border: 1px solid #ddd; height: 30px; box-sizing: border-box; padding:10px; border-radius: 3px; transition: all ease 0.3s;}    
.table_type1 input[type="file"] { font-family: 'Pretendard'; background-color:#f3f6f9; border: 1px solid #ddd; height: 30px; box-sizing: border-box; padding:2px 0 0 2px; border-radius: 3px; transition: all ease 0.3s;}


.table_type1 select { font-family: 'Pretendard'; box-sizing: border-box; height: 30px; padding:0 10px; border: 1px solid #ddd; color: #666; background-color:#f3f6f9;border-radius: 3px; transition: all ease 0.3s;}
.table_type1 textarea { font-family: 'Pretendard'; width: 100%; box-sizing: border-box; padding: 10px; height: 200px; border: 1px solid #ddd; background-color:#f3f6f9;border-radius: 3px; transition: all ease 0.3s;}


.table_type1 input[type="text"]:focus,
.table_type1 input[type="password"]:focus,
.table_type1 input[type="file"]:focus,
.table_type1 input[type="date"]:focus,
.table_type1 select:focus,
.table_type1 textarea:focus {outline: 0;background-color:#fff; border: 1px solid #000 !important;}

/* 접수완료 */
.report_box .comp_box {border-top:2px solid #14619d; border-bottom:1px solid #e2e2e2; padding:60px; text-align:center}
.report_box .comp_box .box_in {font-family: 'Pretendard'; font-size:16px;width:60%; margin:0 auto; background:#e1edf2; padding:20px; color:#000; font-weight:700;} 
.report_box .comp_box .box_in span {font-family: 'Pretendard'; font-size:20px;font-weight:900; color:#14619d; margin-left:10px }

/* 제보처리결과 로그인 */
.report_box .top_box {background:url(/project/design/06_ethi/img_report.png) no-repeat 40px center ; padding:30px 0 30px 150px;}
.report_box .login_box {border-top:2px solid #14619d; border-bottom:1px solid #e2e2e2; padding:40px;}
.report_box .login_box ul { width:80%; margin:0 auto;display:flex; flex-direction:column; gap:10px}
.report_box .login_box ul > li { display:flex; justify-content:space-between; align-items:center;font-family: 'Pretendard'; font-size:16px; color:#000; font-weight:700;}
.report_box .login_box ul > li span { width:30%}
.report_box .login_box ul > li input {font-family: 'Pretendard'; font-size:16px; color:#000; font-weight:700; background:#e1edf2; height:50px; padding:0 20px; border:0; width:70%; box-sizing:border-box;}

.box_bj h1 { font-family: 'Pretendard'; font-size:22px; color:#000; font-weight:700; margin-bottom:40px; text-align:center;}

.h_type2 { border-top:1px solid #ddd;padding:15px 20px; font-family: 'Pretendard'; font-size:15px; color:#333; font-weight:700;}
.h_type3 {font-family: 'Pretendard'; font-size:17px; font-weight:700; color:#000; margin:40px 0 20px 0;line-height:1em;}
.box_p {  border-top:1px solid #ddd; padding:20px; margin:0 0 40px 0; background:#f4f4f4; font-family: 'Pretendard'; font-size:14px; line-height:1.5em}

.box_bj2 .p_desc1 {font-family: 'Pretendard'; font-size:14px; margin:0 0 20px 0;line-height:1.4em; padding:20px; border:1px dashed #ddd}
.box_bj2 .h_type2 { cursor:pointer; position:relative; color:#666}
.box_bj2 .h_type2::before {content:'\f13a'; font-family: FontAwesome; position:absolute; top:15px; right:5px; font-size:17px; color:#095e9f;}
.box_bj2 .box_p { margin:0;}

.box_bj2 .h_type2.no_ar { cursor:default;}
.box_bj2 .h_type2.no_ar:before { display:none}