@charset "utf-8";

/* 페이지 제목 */
.h4_label { margin-bottom:26px; font-size:100%; font-weight:600; color:#1f3e9b; }
.h4_label2 { margin-bottom:26px; font-size:125%; font-weight:600; color:#010101; }
.h4_label3 { margin-bottom:20px; font-size:187.5%; font-weight:600; color:#333; }
.h5_label { margin-bottom:15px; font-size:100%; color:#333; font-weight:600; }

/* 인사말 */
.greeting_area { display:block; }
.greeting_area .greeting_text p { display:block; line-height:1.9; margin-bottom:32px; font-size:81.25%; color:#555; }
.greeting_area .ceo { vertical-align:middle; }

/* 비전 */
.vision_area .slogan { display:block; line-height:1.6; margin-top:28px; padding:24px 10px; font-size:62.5%; color:#555; text-align:center; /*background:url('/m_chn/company/images/slogan_bg.gif') no-repeat left top; background-size:contain;*/ border:8px solid #2347c2; }

/* CI */
.ci_area p { display:block; line-height:1.9; margin-bottom:40px; font-size:81.25%; color:#010101; }

/* 그룹연혁 */
.history_area { display:block; overflow:hidden; }
.history_area ul { display:block; list-style:none; margin:0; padding:0; overflow:hidden; }
.history_area ul.tab { display:block; margin:0; margin-bottom:32px; }
.history_area ul.tab li { display:block; float:left; width:48%; margin:0 1% 10px; }
.history_area ul.tab li a.tab_btn {	display:block; height:32px; line-height:32px; font-size:81.25%; color:#333; text-align:center; border:1px solid #bfbfbf; overflow:hidden; }
.history_area ul.tab li.current a { color:#fff; background:#2347c3; border:1px solid #2347c3; }

.history_area .history_cnt { position:relative; display:block; width:100% !important; overflow:hidden; }
.history_area .history_cnt dl { position:relative; display:block; min-height:200px; margin-bottom:25px; overflow:hidden; }
.history_area .history_cnt dl dt { display:block; margin-bottom:45px; overflow:hidden; }
.history_area .history_cnt dl dd { position:relative; display:block; overflow:hidden; }

.history_area .listup { }
.history_area .listup li { position:relative; padding:0 0 13px 80px; font-size:81.25%; color:#555; }
.history_area .listup li .year { position:absolute; display:block; left:0; top:-1px; width:40px; font-size:112.5%; color:#000; font-weight:600; }
.history_area .listup li .month { position:absolute; display:block; left:55px; top:0px; width:20px; color:#000; font-weight:600; }
.history_area .listup li .explain { margin-left:7px; padding-left:17px; font-size:13px; font-weight:600; color:#3366ff; background:url('/kor/company/images/explain_arrow.gif') no-repeat left 3px; }
.history_area .listup li.img_box { padding:10px 0 20px 81px; }
.history_area .listup li.img_box2 { padding-left:0; }

/* 인증 및 수상내역 */
.certification_area { display:block; overflow:hidden; }
.certification_area ul { display:block; list-style:none; margin:0; padding:0; overflow:hidden; }
.certification_area ul.tab { display:block; margin:0; margin-bottom:42px; }
.certification_area ul.tab li { display:block; float:left; width:31%; margin:0 1%; }
.certification_area ul.tab li a.tab_btn {	display:block; height:32px; line-height:32px; font-size:81.25%; color:#333; text-align:center; border:1px solid #bfbfbf; overflow:hidden; }
.certification_area ul.tab li.current a { color:#fff; background:#2347c3; border:1px solid #2347c3; }

.certification_cnt { position:relative; display:block; font-size:100%; overflow:hidden; }
.certification_cnt .year_img { margin-bottom:50px; }
.certification_cnt .year_box { display:block; margin-bottom:15px; padding-bottom:15px; border-bottom:1px dotted #ddd; overflow:hidden; }
.certification_cnt .year_box dt { margin-bottom:10px; font-size:100%; color:#333; font-weight:700; }
.certification_cnt .year_box dd { font-size:81%; overflow:hidden; }
.certification_cnt .year_box dd .listup { display:block; list-style:none; margin:0; padding:0; overflow:hidden; }
.certification_cnt .year_box dd .listup li { position:relative; display:block; margin:10px 0; padding-left:22px; line-height:1.6; }
.certification_cnt .year_box dd .listup li .month { position:absolute; display:inline-block; left:0; top:0; color:#333; font-weight:700; }
.certification_cnt .year_box dd .listup li .explain { display:inline-block; font-size:100%; font-weight:600; color:#3366ff; overflow:hidden; vertical-align:top; }
.certification_cnt .year_box dd .listup li .explain .icon { display:inline-block; width:10px; height:10px; margin-right:4px; background:url('/kor/company/images/explain_arrow.gif') no-repeat left 50%; background-size:contain; }

.certification_cnt .year_box dd .listup li .in_photo { display:block; list-style:none; margin:10px 0; padding:0; overflow:hidden; }
.certification_cnt .year_box dd .listup li .in_photo li { display:block; float:left; width:50%; padding:0; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
.certification_cnt .year_box dd .listup li .in_photo li img { max-width:80%; }

.certification_cnt .year_box dd .listup li .in_photo2 { display:block; margin:10px 0; padding:0; overflow:hidden; }
.certification_cnt .year_box dd .listup li .in_photo2 img { max-width:80%; }

/* 계열사 소개 */
.family_area .family_box { display:block; }
.family_area .family_box ul { display:block; margin:0; padding:0; list-style:none; }
.family_area .family_box ul:after { display:block; content:""; clear:both; }
.family_area .family_box ul li { display:block; float:left; width:49%; margin-left:2%; margin-bottom:20px; }
.family_area .family_box ul li:nth-child(2n-1) { margin-left:0; }
.family_area .family_box ul li a { display:block; }
.family_area .family_box1 { margin-bottom:25px; padding-bottom:5px; border-bottom:1px solid #d8d8d8; }

.family_area select { display:block; width:50%; height:25px; line-height:23px; margin-bottom:25px; font-size:87.5%; color:#555; border:1px solid #c6c6c6; }

/* [회사소개] 계열사소개 > ceo인사말 */
.family_ceo_message { display:block; line-height:1.8; padding:25px 20px; border:1px solid #d1d1d1; }
.family_ceo_message p { margin-bottom:30px; font-size:81.25%; color:#555; word-break:break-all; }
.family_ceo_message p.f_blue { margin-bottom:22px; font-size:112.5%; color:#1f3e9b; }
.family_ceo_message span { vertical-align:baseline; }

.family_ceo_message .ceo { text-align:right; }
.family_ceo_message .ceo span { display:inline-block; *display:inline; zoom:1; margin:0 10px; font-size:81.25%; color:#7d7d7d; vertical-align:middle; }

/* [회사소개] 계열사소개 > 회사현황 */
.company_status { display:block; }
.company_status:after { display:block; content:""; clear:both; }
.company_status img { display:block; }

/*.company_status .company_info img { border:1px solid #e1e1e1; }*/
.company_status .text1 { display:block; margin-top:31px; font-size:125%; color:#000; word-break:break-all; }
.company_status .text2 { margin:15px 0 20px 0; padding-bottom:20px; font-size:30px; font-weight:600; color:#3366ff; border-bottom:1px solid #c0c0c0; }
.company_status .text2 img { border:0; }
.company_status .text3 { line-height:1.6; font-size:100%; color:#000; word-break:break-all; }

.company_status .company_table { display:block; margin:30px 0 45px; }
.company_status .company_table .table_outline { border-top:2px solid #2347c2; }
.company_status .company_table .unit { display:block; margin-bottom:15px; text-align:right; font-size:81.25%; color:#666; }
.company_status table caption { display:none; }
.company_status .vertical { width:100%; margin-bottom:20px; border-collapse:collapse; border-spacing:0; border:none; } 	
.company_status .vertical th { padding:10px; font-size:81.25%; color:#000; font-weight:600; background:#f9f9f9; }
.company_status .vertical td { padding:0; line-height:1.6; font-size:81.25%; color:#666; }
.company_status .vertical th, .company_status .vertical td { padding:10px; text-align:center; border:1px solid #c0c0c0; border-top:0; } 

/* [회사소개] 계열사소개 > 연혁 */
.family_history { position:relative; display:block; width:100%; overflow:hidden; }
.family_history dl { position:relative; display:block; margin-bottom:25px; overflow:hidden; }
.family_history dl dt { display:block; margin-bottom:50px; overflow:hidden; }
.family_history dl dd { position:relative; display:block; overflow:hidden; }

.family_history .listup { margin:0; padding:0; list-style:none; }
.family_history .listup li { position:relative; padding:0 0 13px 80px; font-size:81.25%; color:#555; }
.family_history .listup li .year { position:absolute; display:block; left:0; top:-1px; width:40px; font-size:112.5%; color:#000; font-weight:600; }
.family_history .listup li .month { position:absolute; display:block; left:55px; top:0px; width:20px; color:#000; font-weight:600; color:#2347c3; }
.family_history .listup li .explain { margin-left:7px; padding-left:17px; font-size:13px; font-weight:600; color:#3366ff; background:url('/kor/company/images/explain_arrow.gif') no-repeat left 3px; }
.family_history .listup li.img_box { padding:10px 0 20px 81px; }
.family_history .listup li.img_box2 { padding-left:0; }

/* [회사소개] 계열사 소개:제품소개 */
.pro_body { border:5px solid #e6e6e6; }
.pro_body .product_box { position:relative; display:block; width:538px; height:356px; margin-bottom:7px; overflow:hidden; }
.pro_body .product_box .product_list { overflow:visible !important; }
.pro_body .product_box .p_listup { display:block; list-style:none; width:552px; margin:0; padding:0; }
.pro_body .product_box .p_listup:after { display:block; content:''; clear:both; }
.pro_body .product_box .p_listup li { display:block; float:left; width:167px; margin-right:15px; margin-bottom:15px; }
.pro_body .product_box .p_listup li .photo { display:block; width:167px; height:125px; border:1px solid #d2d2d2; overflow:hidden; }
.pro_body .product_box .p_listup li .subject { padding:9px 0; font-size:13px; color:#000; text-align:center; }

.pro_body .product_head { position:relative; display:block; overflow:hidden; }
.pro_body .product_head .product_photo { position:relative; display:block; width:100%; height:126px; margin:0 auto; overflow:hidden; }
.pro_body .product_head .product_photo ul { display:block; list-style:none; margin:0; padding:0; overflow:hidden; }
.pro_body .product_head .product_photo ul:after { display:block; content:''; clear:both; }
.pro_body .product_head .product_photo ul li { display:block; float:left; width:100%; text-align:center; }
.pro_body .product_head .product_photo ul li img { width:auto; height:126px; }

.pro_body .product_head .btn_arrow_left { position:absolute; display:block; left:20px; top:50%; width:13px; height:25px; margin-top:-18px; z-index:10; }
.pro_body .product_head .btn_arrow_right { position:absolute; display:block; right:20px; top:50%; width:13px; height:25px; margin-top:-18px; z-index:10; }
.pro_body .product_head .name { display:block; width:100%; height:30px; line-height:30px; font-size:100%; color:#fff; text-align:center; vertical-align:middle; background:#1f3e9b; border-top:5px solid #e6e6e6; }

.pro_body .product_cnt { display:block; padding:15px; background:#fff; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
.pro_body .product_cnt ul { display:block; list-style:none; margin:0; padding:0; }
.pro_body .product_cnt ul li { display:block; margin-bottom:37px; }
.pro_body .product_cnt ul li:last-child { margin-bottom:20px; }
.pro_body .product_cnt ul li .head { line-height:1.6; margin-bottom:13px; font-size:93.75%; color:#0b2da2; font-weight:600; }
.pro_body .product_cnt ul li .txt { line-height:1.6; font-size:81.25%; }

.pro_body .product_btn { display:block; text-align:right; }
.pro_body .product_btn a { display:inline-block; *display:iniline; zoom:1; width:107px; padding:8px 0; font-size:13px; color:#fff; text-align:center; background:#2540c7; }

.family_product_area { display:block; margin-top:30px; }
.f_product { display:block; }
.f_product .text1 { display:block; line-height:1.8; margin-bottom:40px; font-size:81.25%; color:#1f3e9b; }
.f_product .family_product { display:block; }
.f_product .family_product dl { display:block; float:left; width:48%; margin:0 1% 30px; }
.f_product .family_product:after { display:block; content:''; clear:both; }
.f_product .family_product dl dt { display:block; height:40px; padding-left:10px; font-size:16px; color:#363636; background:url('/kor/business/images/point2.gif') no-repeat left 8px; }
.f_product .family_product dl dd a { display:block; text-align:center; border:1px solid #dbdbdb; }

.product_list .text { display:block; line-height:1.6; margin-bottom:29px; font-size:81.25%; color:#555; }
.product_list .p_listup { display:block; margin:0; padding:0; list-style:none; }
.product_list .p_listup:after { display:block; content:""; clear:both; }
.product_list .p_listup li { display:block; float:left; width:48%; margin:0 1% 24px; text-align:center; }
.product_list .p_listup li .photo { margin-bottom:11px; border:1px solid #c0c0c0; }

/* [회사소개] 계열사 소개:찾아오시는 길 */
.map_area { display:block; margin-bottom:0; }
.map_area .map_box { position:relative; display:block; width:100%; overflow:hidden; }
.map_area .map_box .root_daum_roughmap { width:100%; }

.map_area .info_box { display:block; margin-top:22px; }
.map_area .info_box:after { display:block; content:''; clear:both; }
.map_area .info_box .map_info { display:block; }
.map_area .info_box .map_info .text { display:block; margin-bottom:10px; padding-left:20px; font-size:87.5%; color:#555; background:url('/kor/company/images/point1.gif') no-repeat left 4px; }
.map_area .info_box .map_info .text span { display:inline; margin-right:15px; font-weight:600; color:#143193; vertical-align:top; }

.map_area .btn_area { display:block; } 
.map_area .btn_area a { display:inline-block; *display:inline; zoom:1; width:124px; height:42px; line-height:36px; margin-left:5px; font-size:87.5%; color:#000; text-align:center; background:url('/kor/company/images/btn_bg.gif') no-repeat left top; }

/* 찾아오시는 길 */
.location_area { display:block; }
.location_area .map_box { display:block; width:100%; margin-bottom:25px; }
.location_area .info_box { display:block; }
.location_area .info_box .text { display:block; margin-bottom:10px; padding-left:20px; font-size:87.5%; color:#555; background:url('/kor/company/images/point1.gif') no-repeat left 4px; }
.location_area .info_box .text span { display:inline-block; margin-right:15px; font-weight:600; color:#143193; vertical-align:top; }

.location_area .info_box .btn_area { display:block; } 
.location_area .info_box .btn_area a { display:inline-block; *display:inline; zoom:1; width:124px; height:42px; line-height:36px; margin-left:5px; font-size:14px; color:#000; text-align:center; background:url('/kor/company/images/btn_bg.gif') no-repeat left top; }