@charset "utf-8";

/*회사소개*/
section.sub{}
section.sub .visual_wrap{}
/* section.sub .visual_wrap .visual_bg{height: 190px; background-position: center center; background-size: cover;} */
/* 메뉴 변경 추가건 s */
section.sub .visual_wrap .visual_bg{height: 564px; background-position: center center; background-size: cover;}
/* 메뉴 변경 추가건 e */

section.sub.intro .visual_wrap .visual_bg{background-image: url(../new_image/sub_visual_01.jpg);}
section.sub.intro2 .visual_wrap .visual_bg{background-image: url(../new_image/sub_visual_02.jpg);}
section.sub.intro3 .visual_wrap .visual_bg{background-image: url(../new_image/sub_visual_03.jpg);}
section.sub.intro4 .visual_wrap .visual_bg{background-image: url(../new_image/sub_visual_04.jpg);}
section.sub.ceo .visual_wrap .visual_bg{background-image: url(../images/sub/bg_sub_visual01.jpg);}
section.sub.history .visual_wrap .visual_bg{background-image: url(../images/sub/bg_sub_visual01.jpg);}
section.sub.history2 .visual_wrap .visual_bg{background-image: url(../images/sub/bg_sub_visual01.jpg);}
section.sub.history3 .visual_wrap .visual_bg{background-image: url(../images/sub/bg_sub_visual01.jpg);}
section.sub.history4 .visual_wrap .visual_bg{background-image: url(../images/sub/bg_sub_visual01.jpg);}
section.sub.ci .visual_wrap .visual_bg{background-image: url(../images/sub/bg_sub_visual01.jpg);}
section.sub.factory .visual_wrap .visual_bg{background-image: url(../images/sub/bg_sub_visual01.jpg);}
section.sub.location .visual_wrap .visual_bg{background-image: url(../images/sub/bg_sub_visual01.jpg);}
section.sub.location2 .visual_wrap .visual_bg{background-image: url(../images/sub/bg_sub_visual01.jpg);}
section.sub.location3 .visual_wrap .visual_bg{background-image: url(../images/sub/bg_sub_visual01.jpg);}
section.sub.location4 .visual_wrap .visual_bg{background-image: url(../images/sub/bg_sub_visual01.jpg);}

section.sub.guide .visual_wrap .visual_bg{background-image: url(../images/sub/sub_visual_01.jpg);}
section.sub.material .visual_wrap .visual_bg{background-image: url(../images/sub/bg_sub_visual02.jpg);}
section.sub.cosmetics .visual_wrap .visual_bg{background-image: url(../images/sub/bg_sub_visual02.jpg);}
section.sub.healthfood .visual_wrap .visual_bg{background-image: url(../images/sub/bg_sub_visual02.jpg);}
section.sub.national .visual_wrap .visual_bg{background-image: url(../images/sub/bg_sub_visual02.jpg);}
section.sub.international .visual_wrap .visual_bg{background-image: url(../images/sub/bg_sub_visual02.jpg);}
section.sub.qna .visual_wrap .visual_bg{background-image: url(../images/sub/bg_sub_visual02.jpg);}
section.sub.inquiry01 .visual_wrap .visual_bg{background-image: url(../images/sub/bg_sub_visual02.jpg);}
section.sub.inquiry02 .visual_wrap .visual_bg{background-image: url(../images/sub/bg_sub_visual02.jpg);}
section.sub.inquiry03 .visual_wrap .visual_bg{background-image: url(../images/sub/bg_sub_visual02.jpg);}
section.sub.inquiry04 .visual_wrap .visual_bg{background-image: url(../images/sub/bg_sub_visual02.jpg);}
section.sub.inquiry05 .visual_wrap .visual_bg{background-image: url(../images/sub/bg_sub_visual02.jpg);}
section.sub.inquiry06 .visual_wrap .visual_bg{background-image: url(../images/sub/bg_sub_visual02.jpg);}
section.sub.inquiry07 .visual_wrap .visual_bg{background-image: url(../images/sub/bg_sub_visual02.jpg);}
section.sub.inquiry08 .visual_wrap .visual_bg{background-image: url(../images/sub/bg_sub_visual02.jpg);}
section.sub.partnership .visual_wrap .visual_bg{background-image: url(../images/sub/bg_sub_visual02.jpg);}


section.sub.rnd .visual_wrap .visual_bg{background-image: url(../images/sub/bg_sub_visual03.jpg);}
section.sub.rnd_total .visual_wrap .visual_bg{background-image: url(../images/sub/bg_sub_visual03.jpg);}
section.sub.result .visual_wrap .visual_bg{background-image: url(../images/sub/bg_sub_visual03.jpg);}
section.sub.technology .visual_wrap .visual_bg{background-image: url(../images/sub/bg_sub_visual03.jpg);}
section.sub.technology2 .visual_wrap .visual_bg{background-image: url(../images/sub/bg_sub_visual03.jpg);}
section.sub.technology3 .visual_wrap .visual_bg{background-image: url(../images/sub/bg_sub_visual03.jpg);}
section.sub.qcontrol .visual_wrap .visual_bg{background-image: url(../images/sub/bg_sub_visual03.jpg);}
section.sub.qcontrol2 .visual_wrap .visual_bg{background-image: url(../images/sub/bg_sub_visual03.jpg);}
section.sub.konzession .visual_wrap .visual_bg{background-image: url(../images/sub/bg_sub_visual03.jpg);}
section.sub.qc_n .visual_wrap .visual_bg{background-image: url(../images/sub/bg_sub_visual03.jpg);}
section.sub.mark .visual_wrap .visual_bg{background-image: url(../images/sub/bg_sub_visual03.jpg);}

section.sub.product .visual_wrap .visual_bg{background-image: url(../images/sub/bg_sub_visual04.jpg);}
section.sub.sunbiotech .visual_wrap .visual_bg{background-image: url(../images/sub/bg_sub_visual04.jpg);}
section.sub.sunbiotech2 .visual_wrap .visual_bg{background-image: url(../images/sub/bg_sub_visual04.jpg);}
section.sub.sunbiotech3 .visual_wrap .visual_bg{background-image: url(../images/sub/bg_sub_visual04.jpg);}
section.sub.foodyfarm .visual_wrap .visual_bg{background-image: url(../images/sub/bg_sub_visual04.jpg);}
section.sub.env .visual_wrap .visual_bg{background-image: url(../images/sub/bg_sub_visual04.jpg);}
section.sub.env2 .visual_wrap .visual_bg{background-image: url(../images/sub/bg_sub_visual04.jpg);}
section.sub.env3 .visual_wrap .visual_bg{background-image: url(../images/sub/bg_sub_visual04.jpg);}
section.sub.env4 .visual_wrap .visual_bg{background-image: url(../images/sub/bg_sub_visual04.jpg);}
section.sub.env5 .visual_wrap .visual_bg{background-image: url(../images/sub/bg_sub_visual04.jpg);}
section.sub.ethical .visual_wrap .visual_bg{background-image: url(../images/sub/bg_sub_visual04.jpg);}
section.sub.ethical2 .visual_wrap .visual_bg{background-image: url(../images/sub/bg_sub_visual04.jpg);}
section.sub.ethical3 .visual_wrap .visual_bg{background-image: url(../images/sub/bg_sub_visual04.jpg);}
section.sub.social .visual_wrap .visual_bg{background-image: url(../images/sub/bg_sub_visual04.jpg);}
section.sub.social2 .visual_wrap .visual_bg{background-image: url(../images/sub/bg_sub_visual04.jpg);}
section.sub.ethics .visual_wrap .visual_bg{background-image: url(../images/sub/bg_sub_visual04.jpg);}
section.sub.ethics2 .visual_wrap .visual_bg{background-image: url(../images/sub/bg_sub_visual04.jpg);}
section.sub.compliance .visual_wrap .visual_bg{background-image: url(../images/sub/bg_sub_visual04.jpg);}
section.sub.compliance2 .visual_wrap .visual_bg{background-image: url(../images/sub/bg_sub_visual04.jpg);}
section.sub.compliance3 .visual_wrap .visual_bg{background-image: url(../images/sub/bg_sub_visual04.jpg);}
section.sub.compliance4 .visual_wrap .visual_bg{background-image: url(../images/sub/bg_sub_visual04.jpg);}
section.sub.compliance5 .visual_wrap .visual_bg{background-image: url(../images/sub/bg_sub_visual04.jpg);}

section.sub.privacy_report .visual_wrap .visual_bg{background-image: url(../images/sub/bg_sub_visual04.jpg);}



section.sub.initiative .visual_wrap .visual_bg{background-image: url(../images/sub/bg_sub_visual04.jpg);}
section.sub.gov .visual_wrap .visual_bg{background-image: url(../images/sub/bg_sub_visual04.jpg);}
section.sub.gov2 .visual_wrap .visual_bg{background-image: url(../images/sub/bg_sub_visual04.jpg);}
section.sub.gov3 .visual_wrap .visual_bg{background-image: url(../images/sub/bg_sub_visual04.jpg);}
section.sub.gov4 .visual_wrap .visual_bg{background-image: url(../images/sub/bg_sub_visual04.jpg);}

section.sub.prcenter .visual_wrap .visual_bg{background-image: url(../images/sub/bg_sub_visual05.jpg);}
section.sub.notice .visual_wrap .visual_bg{background-image: url(../images/sub/bg_sub_visual05.jpg);}
section.sub.finance .visual_wrap .visual_bg{background-image: url(../images/sub/bg_sub_visual05.jpg);}
section.sub.finance2 .visual_wrap .visual_bg{background-image: url(../images/sub/bg_sub_visual05.jpg);}
section.sub.finance3 .visual_wrap .visual_bg{background-image: url(../images/sub/bg_sub_visual05.jpg);}
section.sub.finance4 .visual_wrap .visual_bg{background-image: url(../images/sub/bg_sub_visual05.jpg);}
section.sub.kolmargroup .visual_wrap .visual_bg{background-image: url(../images/sub/bg_sub_visual05.jpg);}
section.sub.stock .visual_wrap .visual_bg{background-image: url(../images/sub/bg_sub_visual05.jpg);}
section.sub.stock2 .visual_wrap .visual_bg{background-image: url(../images/sub/bg_sub_visual05.jpg);}
section.sub.stock3 .visual_wrap .visual_bg{background-image: url(../images/sub/bg_sub_visual05.jpg);}
section.sub.stock4 .visual_wrap .visual_bg{background-image: url(../images/sub/bg_sub_visual05.jpg);}
section.sub.stock5 .visual_wrap .visual_bg{background-image: url(../images/sub/bg_sub_visual05.jpg);}
section.sub.report .visual_wrap .visual_bg{background-image: url(../images/sub/bg_sub_visual05.jpg);}
section.sub.report2 .visual_wrap .visual_bg{background-image: url(../images/sub/bg_sub_visual05.jpg);}
section.sub.disclosure .visual_wrap .visual_bg{background-image: url(../images/sub/bg_sub_visual05.jpg);}
section.sub.inquiry .visual_wrap .visual_bg{background-image: url(../images/sub/bg_sub_visual05.jpg);}
section.sub.press .visual_wrap .visual_bg{background-image: url(../images/sub/bg_sub_visual05.jpg);}
section.sub.ebook .visual_wrap .visual_bg{background-image: url(../images/sub/bg_sub_visual05.jpg);}

section.sub.support .visual_wrap .visual_bg{background-image: url(../images/sub/bg_sub_visual06.jpg);}
section.sub.faq .visual_wrap .visual_bg{background-image: url(../images/sub/bg_sub_visual06.jpg);}
section.sub .visual_wrap .visual_bg{background-image: url(../images/sub/bg_sub_visual06.jpg);} /* FAQ 때문에...*/


section.sub .path_wrap{height: 40px; background-color: #f8f8f8; border-bottom: 1px solid #e4e4e4; border-top: 1px solid #e4e4e4;}
section.sub .path_wrap .inner{height: 100%;}
section.sub .path_wrap .snb{height: 100%;}
section.sub .path_wrap .snb .home{display: table; width: 60px; text-align: center; height: 100%; border-left: 1px solid #e4e4e4; float: left;}
section.sub .path_wrap .snb .home a{display: table-cell; vertical-align: middle;}
section.sub .path_wrap .snb .home img{vertical-align: baseline;}
section.sub .path_wrap .snb .depth{height: 100%; display: table; float: left; border-right: 1px solid #e4e4e4; border-left: 1px solid #e4e4e4; box-sizing: border-box; font-size:0.875em; font-weight: 300; color: #333; width: 190px; position: relative;}
section.sub .path_wrap .snb .depth a{display: inline-block; width: 100%; box-sizing: border-box; padding:0 9%; color: #333;}
section.sub .path_wrap .snb .depth .now{display: table; height: 40px; background-image: url(../images/common/ico_arrowdown.png); background-repeat: no-repeat; background-position: center right 9%; width: 100%;}
section.sub .path_wrap .snb .depth .now a{display: table-cell; vertical-align: middle;}
section.sub .path_wrap .snb .depth .submenu{position: absolute; background-color: #fff; border:1px solid #e4e4e4; border-top: 0; margin-left: -1px; z-index: 1; display: none; width: 100%;}
section.sub .path_wrap .snb .depth .submenu ul{}
section.sub .path_wrap .snb .depth .submenu li{border-top: 1px solid #e4e4e4; display: table; height: 40px; width: 100%;}
section.sub .path_wrap .snb .depth .submenu li:hover{background-color: #f8f8f8;}
section.sub .path_wrap .snb .depth .submenu li a{display: table-cell; vertical-align: middle; padding-left: 14%;}
section.sub .path_wrap .snb .depth select{width: 100%; height: 100%; border: 0; font-size: 1.143em; padding:0 0.5em; color: #333;}
section.sub .ptah_wrap .snb .depth_1{border-left: 1px solid #e4e4e4;}
section.sub .path_wrap .snb .depth_2{margin-left: -1px;}
section.sub .path_wrap .snb .depth_2 .now a{color: #0075bc;}
section.sub .path_wrap .snb .depth_1.display_pc{display: block;}
section.sub .path_wrap .snb .depth_1.display_m{display: none;}
section.sub .path_wrap .snb .depth_2.display_pc{display: block;}
section.sub .path_wrap .snb .depth_2.display_m{display: none;}

section.contents_wrap{padding:50px 0;}
section.contents_wrap > .inner > nav{width: 15%; float: left;}
section.contents_wrap > .inner > nav h3{font-size:1.875em; font-weight: 500; color: #333; margin-bottom: 10px; padding-bottom: 15px; border-bottom: 3px solid #333; line-height: 1.5em;}
section.contents_wrap > .inner > nav .nav_li_wrap{font-size:0.875em; font-weight: 300; color: #666; border-bottom: 1px solid #666;}
section.contents_wrap > .inner > nav .nav_li_wrap ul{}
section.contents_wrap > .inner > nav .nav_li_wrap li{height: 44px; display: table; width: 100%; border-top: 1px solid #ccc; position: relative;}
section.contents_wrap > .inner > nav .nav_li_wrap li:first-child{border-top: 0;}
section.contents_wrap > .inner > nav .nav_li_wrap li.on{font-weight: 500; color: #333;}
section.contents_wrap > .inner > nav .nav_li_wrap li.on:before{content:""; display: inline-block; position: absolute; right; background-image: url(../images/common/ico_arrowright.png); background-repeat: no-repeat; background-position: center center; width: 7px; height: 100%; top: 0; right: 5%;}
section.contents_wrap > .inner > nav .nav_li_wrap li a{display: table-cell; vertical-align: middle; width: 100%; padding-left: 5%; box-sizing: border-box;}

section.contents_wrap .contents{width: 100%; float: right;}
/*section.contents_wrap .contents h4{font-size: 2.250em; color: #333; font-weight: 500; margin-bottom: 0.833em; padding-bottom: 0.5em; border-bottom: 1px solid #ccc;line-height: 1;letter-spacing: -0.06em}*/
section.contents_wrap .contents_inner{}
section.contents_wrap .contents_inner:after{content: ""; display: block; clear: both;}
section.contents_wrap .contents_inner h5{font-size: 1.625em; color: #333; font-weight: 500; position: relative; padding-left: 0.769em; margin-bottom: 1em;letter-spacing: -0.06em}
section.contents_wrap .contents_inner h5:before{content: ""; display: block; width: 0.423em; height: 1.192em; background-color: #ff8357; position: absolute; left: 0; top: 1px; }
section.contents_wrap .contents_inner > img.temp{max-width: 100%;}

/*제품 개발 문의 (content.php)*/
.tbl_list_wrap{}
.tbl_list_wrap ul{}
.tbl_list_wrap li{width: 100%; border-bottom: 1px solid #ddd;}
.tbl_list_wrap li:after{content: ""; display: block; clear: both;}
.tbl_list_wrap li .th{width: 19%;float: left; display: table; vertical-align: middle; padding-left: 2%; box-sizing: border-box; min-height: 70px;}
.tbl_list_wrap li .th p{font-size: 0.875em; font-weight: 300; color: #333; display: table-cell; vertical-align: middle;}
.tbl_list_wrap li .td{width: 81%;float: left; display: table; vertical-align: middle; box-sizing: border-box; min-height: 70px; padding:12px 0;}
.tbl_list_wrap li .file_wrap{position: relative;}
.tbl_list_wrap li .file_wrap .inp_file{width: 160px; height: 35px;}
.tbl_list_wrap li .file_wrap .btn_addfile{font-size:0.875em; background-color: #666; color: #fff; font-weight: 300;width: 160px;padding:9px 0; text-align: center; display: inline-block; cursor: pointer;}
.tbl_list_wrap li label.lbl_check{font-size: 0.875em; font-weight: 300; color: #666; cursor: pointer; margin-left: 10px;}
.tbl_list_wrap li .txt_notice{vertical-align: middle;font-size: 0.875em; font-weight: 300; color: #666;}
.tbl_list_wrap li .txt_notice.mt10{margin-top: 10px;}
.tbl_list_wrap li .txt_notice.ml10{margin-left: 10px;}
.tbl_list_wrap li select{border: 1px solid #ddd;height: 45px; font-size: 0.875em; font-weight: 300; color: #666; padding-left: 10px;}
.tbl_list_wrap li select:focus{border: 1px solid #0075bc;}
.tbl_list_wrap li input[type="text"]{border: 1px solid #ddd; height: 45px; width: 100%; padding-left: 10px;}
.tbl_list_wrap li input[type="text"]:focus{border: 1px solid #0075bc;}
.tbl_list_wrap li textarea{border: 1px solid #ddd; height: 140px; width: 100%; margin-bottom: 10px; padding-left: 10px;}
.tbl_list_wrap li textarea:focus{border: 1px solid #0075bc;}
.tbl_list_wrap li input[type="checkbox"]{width: 20px; height: 20px; border:1px solid #ddd;}
.tbl_list_wrap li input[type="text"].inp_tel{width: 100px; margin-left: 10px;}
.tbl_list_wrap li input[type="text"].inp_tel:first-child{margin-left: 0;}
.tbl_list_wrap li input[type="text"].inp_email{width: 150px;}
.tbl_list_wrap li select.sel_m{width: 250px;}
.tbl_list_wrap li select.sel_m.ml10{margin-left: 10px;}
.tbl_list_wrap li select option{font-size: 1.3em;}
.tbl_list_wrap .txt_alert{font-size: 0.875em; font-weight: 300; color: #666; vertical-align: middle; margin-left: 10px;}
.btngroup_wrap{padding:30px 0; text-align: center;}
.btngroup_wrap .btn_confirm{font-size:1.125em; color: #fff; font-weight: 400; background-color: #0075bc; border: 1px solid #0075bc; width: 208px; height: 53px;}
.btngroup_wrap .btn_cancel{font-size:1.125em; color: #666; font-weight: 400; background-color: #fff; border: 1px solid #ddd; width: 208px; height: 53px;}

/*제품 개발 문의 (qawrite.php)*/


/* 자주하는 질문 FAQ */
#bo_cate{display: none;}
#faq_con{border: 0;}
#faq_con h3 a{font-size: 0.748em; color: #333; font-weight: 400; border-bottom:1px solid #ddd; border-top: 0; background-color: #fff; padding:1.5em 0;}
#faq_con h3 a p{background-image:url(../images/common/ico_faq_down.png); background-repeat: no-repeat; background-position: center right;}
#faq_con .con_inner{font-size:0.875em; color: #666; font-weight: 300; background-color: #f4f4f4; border-bottom:1px solid #ddd; padding:1.5em 1.8em;}
#faq_con .con_closer{display: none;}
#faq_sch{display: none;}

/*테이블*/
table, th, td{vertical-align: middle;}
.tbl_head01 thead th{border-top: 2px solid #333; border-bottom: 1px solid #666; background-color: #fff; color: #666; font-size: 0.875em; font-weight: 500; padding:13px 0;}
.tbl_head01 td{border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; background-color: #fff; color: #666; font-size: 0.875em; font-weight: 400; padding:11px 0;}

#bo_list_total{display: none;}
#bo_v_table{display: none;}
#bo_v_title{display: block; float: none; font-size: 0.875em; font-weight: 500; padding:16px 20px; border-bottom: 1px solid #d2d2d2;box-sizing: border-box; color: #333;}
#bo_v_info{font-size: 0.875em; font-weight: 400; padding:16px 20px;border-bottom: 1px solid #d2d2d2;box-sizing: border-box;}
section.contents_wrap .contents_inner.bbs_write{border-top: 2px solid #116697;}
#bo_v_atc{}
#bo_v_con{padding:30px 34px; box-sizing: border-box;border-bottom: 1px solid #d2d2d2; font-weight: 300;}
#bo_vc h2{font-size:0.875em; font-weight: 400;}
#bo_vc p{font-size:0.875em; font-weight: 300; }
/*.tbl_frm01 th{font-size: 0.875em; font-weight: 400;}*/
fieldset#bo_sch{text-align: right;}
fieldset#bo_sch #sfl{font-size: 0.875em; border: 1px solid #ddd; width: 100px; height: 35px;padding-left: 10px;}
fieldset#bo_sch #stx{font-size: 0.875em; border: 1px solid #ddd; width: 270px; height: 35px;padding-left: 10px; background-color: #fff !important; background-image: none !important;}
fieldset#bo_sch .btn_submit{height: 35px; width: 50px; text-align: center;}
#bo_vc{font-size: 0.875em;}
#btn_autosave{font-size: 0.875em;}

.tbl_frm01{}
.tbl_frm01 table{}
.tbl_frm01 th{font-size: 0.875em; font-weight: 300; color: #333; width: 19%; padding:12px 0 12px 2%; height: 70px; background-color: #fff; border: 0; border-bottom: 1px solid #ddd; box-sizing: border-box;}
.tbl_frm01 td{font-size: 0.875em; font-weight: 300; color: #666; width: 81%; padding:12px 0; height: 70px; background-color: #fff; border: 0; border-bottom: 1px solid #ddd; box-sizing: border-box;}
.tbl_frm01 select{background-image: url(../images/common/ico_select.png) !important; background-position: center right 15px !important; background-repeat: no-repeat; max-width: 250px; height: 45px; width:100%; border: 1px solid #ddd; color: #666; padding-left: 10px; background-color: #fff !important;}
.tbl_frm01 select:focus{border: 1px solid #0075bc;}
.tbl_frm01 input[type="text"]{background:none !important;  width: 100%; height: 45px; border: 1px solid #ddd; color: #666; padding-left: 10px;}
.tbl_frm01 input[type="text"]:focus{border: 1px solid #0075bc;}
.tbl_frm01 input[type="password"]{background:none !important;  width: 100%; height: 45px; border: 1px solid #ddd; color: #666; padding-left: 10px;}
.tbl_frm01 input[type="password"]:focus{border: 1px solid #0075bc;}
.tbl_frm01 input[type="file"]{ width: 100%; height: 45px; border: 1px solid #ddd; color: #666; padding:8px 10px; background-color: #fff;}
.tbl_frm01 input[type="file"]:focus{border: 1px solid #0075bc;}
.tbl_frm01 textarea{background-color: #fff;}
.tbl_frm01 button{height: 45px;}
.tbl_frm01 #btn_autosave{margin-top: 10px;}
.tbl_frm01 .chk_email_wrap{display: none;}
.tbl_frm01 .txt_notice{margin-top: 10px;}
.btn_confirm{}
.btn_confirm .btn_submit{font-size: 1.125em; color: #fff; font-weight: 400; background-color: #0075bc; border: 1px solid #0075bc; width: 48%; max-width: 208px; height: 53px;}
.btn_confirm .btn_cancel{font-size: 1.125em; color: #666; font-weight: 400; background-color: #fff; border: 1px solid #ddd; width: 48%; max-width: 208px; height: 53px; padding:0;}

/*갤러리게시판*/
#bo_gall #gall_ul{margin:0 0 0 -2.75%;}
/*#bo_gall .gall_li{width: 33.3333% !important; margin:0 0 32px 0; }*/
#bo_gall .gall_li{margin:0 0 32px 0; }
#bo_gall .gall_li > input[type="checkbox"]{float: right;}
#bo_gall .gall_con{margin-left: 8.5%;}
#bo_gall .gall_con .gall_href{border: 1px solid #ddd; box-sizing: border-box; /* padding:13% 16%; */}
#bo_gall .gall_con .gall_href > a{display: block; width: 100%; overflow: hidden; border: 1px solid #eee; padding-bottom: 56.26%; position: relative;}
#bo_gall .gall_con .gall_href > a > img{position: absolute; width: 100%; height: auto; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%);}
#bo_gall .gall_con .gall_href > a >span{position: absolute; height: 100%; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); line-height: 7em;}
#bo_gall .gall_text_href{width: 100% !important; position: relative; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; /* text-align: center; */}
/*#bo_gall .gall_text_href a{display: inline-block; font-weight: 500; color: #333; font-size: 0.875em;}*/
#bo_gall .gall_text_href a{display: inline-block; font-weight: 500; color: #333; font-size: 1.2rem; white-space:normal; text-overflow: ellipsis; overflow: hidden; word-break: keep-all; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
#bo_gall .gall_text_href img{}
.line_black{background-color: #333; width: 100%; height: 2px; margin-bottom: 30px;}

/*페이지네이션*/
.pg_page, .pg_current{font-size: 0.875em; line-height: 28px; width: 28px; height: 28px; padding:0; background-color: #fff;}
.pg_page{border: 1px solid #ddd; color: #888;}
.pg_page:hover{border: 1px solid #0075bc; color: #0075bc;}
.pg_current{border: 1px solid #0075bc; color: #0075bc;}
.pg_prev, .pg_next, .pg_start, .pg_end{text-indent: -9999999px;background-position: center; background-repeat: no-repeat; overflow: hidden;}
.pg_prev{background-image: url(../images/common/ico_page_prev.png);}
.pg_next{background-image: url(../images/common/ico_page_next.png);}
.pg_start{background-image: url(../images/common/ico_page_start.png);}
.pg_end{background-image: url(../images/common/ico_page_end.png);}

/*TAB*/
.tab_wrap{margin-bottom: 45px;}
.tab_wrap ul{}
.tab_wrap ul:after{display: block;clear: both;content: "";}
.tab_wrap li{float: left;box-sizing: border-box; color: #666; font-weight: 400; font-size: 1.125em; height: 50px; display: table; border-top:1px solid #e4e4e4; border-right:1px solid #e4e4e4; border-bottom: 1px solid #0075bc; background-color: #fff; position: relative;letter-spacing: -0.06em}
.tab_wrap li:first-child{border-left: 1px solid #e4e4e4;}
.tab_wrap li.on{color: #fff; background-color: #0075bc; border:1px solid #0075bc;}
.tab_wrap li.on:before{position: relative; content: ""; width: 14px; height: 8px; background-image: url(../images/sub/tab_arrow.png); background-repeat: no-repeat; background-position: center; position: absolute; bottom: -7px; left: 50%; transform: translateX(-50%);}
.tab_wrap li a{display: table-cell; text-align: center; vertical-align: middle;font-family:'Noto Sans KR';}
.tab_wrap.tab2 li{width: 50%;}
.tab_wrap.tab3 li{width: 33.333333%;}
.tab_wrap.tab4 li{width: 25%;}
.tab_wrap.tab5 li{width: 20%;}

/*MAP*/
.map_wrap{}
.map_wrap iframe{width: 100%; height: 470px;}
.map_address{font-size: 1em; color: #666; font-weight: 300; margin-top: 12px;}
.map_address .title{color: #0075bc; font-weight: 400; margin-left: 20px;}
.map_address .title:first-child{margin-left: 0;}
.map_address .block_m{margin-left: 20px}

/*TABLE*/
.table_unit{font-size: 0.875em; text-align: right; font-weight: 300; color: #666; margin:-25px 0 8px 0;}
.table_wrap{margin-bottom: 3.125em;}
.table_wrap table{border-collapse: collapse; border-top: 2px solid #333; width: 100%;}
.table_wrap th, .table_wrap td{border-bottom: 1px solid #ddd; border-left: 1px solid #ddd; font-size: 0.875em; height: 44px;}
.table_wrap th:first-child, .table_wrap td:first-child{border-left: 0;}
.table_wrap th{font-weight: 500; background-color: #f7f7f7; color: #333;}
.table_wrap td{font-weight: 300; background-color: #fff; text-align: center; color: #666;}
.table_wrap td.th{color: #333; font-weight: 400;}
.table_wrap td.sum{color: #0075bc; font-weight: 400;}

/*공장소개*/
.factory_wrap{padding:30px; box-sizing: border-box; background-color: #f7f7f7; margin-bottom: 60px;}
.factory_visual{margin-bottom: 10px;}
.factory_visual ul{position: relative;}
.factory_visual li.slick-slide img{margin:0 auto; border-left:5px solid #f7f7f7; border-right:5px solid #f7f7f7;}
.factory_visual button.slick-prev{position: absolute; left: 0; top: 50%; transform: translateY(-50%); z-index: 1; background-image: url(../images/common/ico_prev.png); width: 17px; height: 30px; overflow: hidden; text-indent: 100%; white-space: nowrap;}
.factory_visual button.slick-next{position: absolute; right: 0; top: 50%; transform: translateY(-50%);z-index: 1; background-image: url(../images/common/ico_next.png); width: 17px; height: 30px; overflow: hidden; text-indent: 100%; white-space: nowrap;}
.factory_li_wrap{}
.factory_li_wrap ul{}
.factory_li_wrap ul:after{content: ""; display: block; clear: both;}
.factory_li_wrap li{width: 16.6666%; float: left; box-sizing: border-box; padding :0 5px; text-align: center;}
.factory_li_wrap li a{position: relative; display: inline-block;}
.factory_li_wrap li .img{}
.factory_li_wrap li .img:after{}
.factory_li_wrap li .img img{width: 100%;}
.factory_li_wrap li .txt{position: absolute;top: 0; left: 0; width: 100%; height: 100%; /*background-color: rgba(0, 0, 0, 0.65)*/; }
.factory_li_wrap li .txt:hover{background-color: rgba(49, 83, 147, 0.9);}
.factory_li_wrap li .txt p{position: absolute; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%); color: #fff; font-weight: 300; font-size: 0.875em; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding:10px 0; text-align: center; line-height: 1.429em;}

/*CONTENTS*/



.cont_img_wrap{text-align: center;}
.cont_imgleft_wrap{text-align: left;}
.cont_img_wrap img{max-width: 100%;}
.cont_imgleft_wrap img{max-width: 100%;}
.cont_txt_wrap{border: 1px solid #e4e4e4; font-size: 1em; color: #333; font-weight: 300; padding:1.5% 4%; margin-bottom: 50px;}
.cont_txt_wrap .li_st{line-height: 1.750em; padding-left: 8px; position: relative;}
.cont_txt_wrap .li_st:before{content: ""; position: absolute; width: 2px; height: 2px; top: 14px; left: 0; background-color: #333;}
.cont_tiles_wrap{}
.cont_tiles_wrap ul{overflow: hidden;}
.cont_tiles_wrap ul:after{content: ""; display: block; clear: both;}
.cont_tiles_wrap li{padding:20px 29px; height: 250px; width: 50%; box-sizing: border-box; *moz-box-sizing: border-box; -webkit-box-sizing: border-box; background-position: center;background-repeat: no-repeat; float: left; }
.cont_tiles_wrap li .tit_tiles{font-size: 1.625em; font-weight: 400; position: relative; padding:18px 0; color: #fff; margin-bottom: 15px;letter-spacing: -0.03em}
.cont_tiles_wrap li .tit_tiles:before{content: ""; width: 50px; height: 1px; background-color: #fff; position: absolute; bottom: 0; left: 0;}
.cont_tiles_wrap li .desc_tiles{font-size: 0.875em; font-weight: 300; line-height: 1.643em; color: #fff;}
.cont_tiles_wrap li.cont_tiles_01{background-image: url(../images/sub/intro_002.jpg);}
.cont_tiles_wrap li.cont_tiles_02{background-image: url(../images/sub/intro_003.jpg);}
.cont_tiles_wrap li.cont_tiles_03{background-image: url(../images/sub/intro_004.jpg);}
.cont_tiles_wrap li.cont_tiles_04{background-image: url(../images/sub/intro_005.jpg);}
.cont_tiles_wrap li.cont_tiles_05{background-image: url(../images/sub/intro_006.jpg);}
.cont_tiles_wrap li.cont_tiles_06{background-image: url(../images/sub/intro_007.jpg);}
.cont_title{color: #333; font-size:1.875em; font-family:'Noto Sans KR'; font-weight: 600; margin-bottom: 10px; word-break: keep-all;}
.cont_title.center{text-align: center;}
.cont_ceo_title{color: #333; font-size:1.875em; font-family:Noto Sans KR; font-weight: 500; margin-bottom: 10px; word-break: keep-all;font-family:'Noto Sans KR';}
.cont_subtitle{color: #666; font-size: 1.250em; font-weight: 300; margin-bottom: 40px;}
.cont_subtitle_black{color: #333; font-size: 1.250em; font-weight: 400; margin-bottom: 1em;}
.cont_subtitle_blue{color: #0075bc; font-size: 1.250em; font-weight: 400; }
.cont_subtitle_blue.center{text-align: center;}
.cont_description{color: #666; font-size: 1em; font-weight: 300; line-height: 1.750em; background-image: url(../images/sub/ceo_jhy_new.jpg); background-repeat: no-repeat; background-position: right; word-break: keep-all; padding-right: 47%; background-position-y:0px;}
.cont_description.ceo_eng{background-image:url(../images/sub/ceo_jhy_eng.jpg);}
.cont_description strong{font-size: 1em; color: #333; font-weight: 400;}
.cont_description strong.tit_strong{font-size: 1.125em; color: #333;}
.color_blue{color: #0075bc !important;}
.color_green{color: #4dae47 !important;}
.history_wrap{width: 70%; float: left;}
.history_wrap ul{}
.history_wrap li{padding-left: 2.375em; padding-top: 2.375em; position: relative;}
.history_wrap li:first-child{padding-top: 0;}
/*.history_wrap li:before{position: absolute; content: ""; width: 1px; height: 100%; background-color: #ddd; top: 0; left: 6px;}*/
/*.history_wrap li:after{position: absolute; content: ""; width: 7px; height: 7px; border:3px solid #ff8357; border-radius: 100%; top: 14px; left: 0; background-color: #fff;}*/
.history_wrap li .tit_year{font-size: 1.375em; color: #276ef1; font-weight: 500; margin-bottom: 15px; position: relative;font-family:'Noto Sans KR';}
/* .history_wrap li .tit_year:before{position: absolute; content: ""; width: 7px; height: 7px; border:3px solid #ff8357; border-radius: 100%; top: 14px; left: -1.267em; background-color: #fff;} */
.history_wrap li .tit_year:before{position: absolute;left: 0;top:0;width: 50px; height: 1px; background: #276ef1; content: ''}
.history_wrap li .desc_wrap{font-size: 1em; overflow: hidden; line-height: 1.875em;}
.history_wrap li .desc_wrap .sub_year{color: #333; font-weight: 500; width: 80px; float: left;}
.history_wrap li .desc_wrap .sub_desc{color: #666; width: calc(100% - 80px); float: left;}
.history_wrap li .desc_wrap .sub_desc strong{color: #333; font-weight: 400;}
.history_img_wrap{width: 30%; float: right;}
.history_img_wrap ul{overflow: hidden;}
.history_img_wrap li{margin-top: 55px;}
.history_img_wrap li:first-child{margin-top: 0;}
.history_img_wrap li img{max-width: 100%;}
.history_img_wrap.mt01{margin-top: 300px;}
.history_img_wrap.mt02{margin-top: 210px;}
.ci_wrap{margin-top: 50px; overflow: hidden;}
.ci_wrap .img{max-width: 388px; float: left;}
.ci_wrap .img img{width: 100%;}
.ci_wrap .txt{width: calc(100% - 426px); float: right;}
.ci_wrap .txt .desc{}
.ci_wrap .txt .desc p{font-size: 0.875em; font-weight: 300; line-height: 1.786em; color: #666; word-break: keep-all;}
.ci_wrap .txt .info{margin-top: 12px;}
.ci_wrap .txt .info ul{overflow: hidden;}
.ci_wrap .txt .info li{width: 50%; float: left;}
.ci_wrap .txt .info li .color_box{width: 25px; height: 25px; display: inline-block;}
.ci_wrap .txt .info li .color_box.blue_box{background-color: #276EF1;}
.ci_wrap .txt .info li .color_box.green_box{background-color: #ffffff; border:1;}
.ci_wrap .txt .info li .color_info{display: inline-block;}
.ci_wrap .txt .info li .color_info p{font-size: 0.750em; font-weight: 400; color: #666;}
.ci_wrap .txt .info li .color_info p.rgb{font-weight: 300;}
.ci_wrap .txt .info li .color_info strong{color: #333; font-weight: 400; margin-left: 14px;}
.ci_wrap .txt .info li .color_info p strong:first-child{margin-left: 0;}
.lang_logo_wrap{margin-top: 60px; overflow: hidden;}
.lang_logo_wrap .eng_wrap{float: left; width: 50%;}
.lang_logo_wrap .eng_wrap .img{max-width: 253px; float: left;}
.lang_logo_wrap .eng_wrap .img img{width: 100%;}
.lang_logo_wrap .eng_wrap .btn_wrap{width: calc(100% - 308px); float: left; margin-left: 5%;}
.lang_logo_wrap .eng_wrap .btn_wrap a{display: block; font-size: 0.875em; font-weight: 400; color: #666;border: 1px solid #dfdfdf; text-align: center; padding:10px 0; margin-top: 1em;}
.lang_logo_wrap .eng_wrap .btn_wrap a:first-child{margin-top: 0;}
.lang_logo_wrap .eng_wrap .btn_wrap a:hover{border: 1px solid #666; background-color: #666; color: #fff;}
.lang_logo_wrap .eng_wrap .btn_wrap a:before{content: "\2913"; margin-right: 5px;}
.factories_wrap{margin-bottom: 3.750em;}
.factories_wrap ul{overflow: hidden; margin-left: -15px;}
.factories_wrap li{float: left; width: 33.333333%; box-sizing: border-box;}
.factories_wrap li .img{position: relative;padding-bottom: 60%;overflow: hidden; margin-left: 15px;}
.factories_wrap li .img img{position: absolute;top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); width: 100%;}
.factories_wrap li .txt{border: 1px solid #eee; border-top: 0; margin-left: 15px;}
.factories_wrap li .txt p{text-align: center; font-size: 1.125em; font-weight: 400; color: #333; padding:1em 0;letter-spacing: -0.06em}
.factory_flow{}
.factory_flow ul{overflow: hidden;}
.factory_flow li{float: left; width: 50%;}
.factory_flow li .tit_flow{font-size: 1em; color: #0075bc; font-weight: 400; margin-top: 20px; margin-bottom: 5px;}
.factory_flow li .desc_flow{font-size: 0.875em; color: #666; font-weight: 300;}
p.cont_desc{font-size: 19px; color: #333; line-height: 1.750em; word-break: keep-all; font-weight: 600;}
p.cont_desc.center{text-align: center; font-weight: 400;}
p.cont_desc_gray{font-size: 1em; font-weight: 300; color: #666; line-height: 1.750em; word-break: keep-all;}
p.cont_desc strong{font-weight: 500;}
.material_wrap{margin-top: 2.813em; margin-bottom: 3.500em;}
.material_wrap ul{margin:0 auto;}
.material_wrap ul:after{content: ""; clear: both; display: block;}
.material_wrap li{width: 50%; float: left;}
.material_wrap li:first-child .img{float: right; margin-left:0; margin-right: 5px;}
.material_wrap li .img{max-width: 360px; position: relative; margin-left: 5px;}
.material_wrap li .img img{width: 100%;}
.material_wrap li .txt{background-color: #f4f4f4; position: absolute; /*top: 211px;*/ bottom: -156px; right: 0; width: 90%; min-height: 245px; box-sizing: border-box; padding:40px 30px;}
.material_wrap li .txt .tit_yellow{color: #ff8357; font-size: 1.250em; font-weight: 500; margin-bottom: 1.500em; word-break: keep-all;line-height: 1.15}
.material_wrap li .txt .desc_list{color: #666; font-size: 0.875em; font-weight: 300; padding-left: 6px; position: relative; line-height: 1.571em;}
.material_wrap li .txt .desc_list:before{content: ""; width: 2px; height: 2px; background-color: #9f9f9f; position: absolute; left: 0; top: 10px;}
.material_wrap li .txt p{color: #666; font-size: 0.875em; font-weight: 300; line-height: 1.571em; word-break: keep-all;}
.technology .material_wrap li .txt{bottom: -200px;}
.cosmetics_wrap{margin-top: 45px;}
.cosmetics_wrap ul{overflow: hidden; margin-left: -15px;}
.cosmetics_wrap li{width: 33.3333%; float: left;}
.cosmetics_wrap li .img{margin-left: 15px;}
.cosmetics_wrap li .img img{width: 100%;}
.cosmetics_wrap li .txt{margin-left: 15px; width: 80%; margin: 30px auto 0;}
.cosmetics_wrap li .txt p{font-size: 0.875em; color: #666; text-align: center; word-break: keep-all; line-height: 1.786em;}
.cosmetics_wrap li .txt strong{font-size: 1.286em; color: #333; font-weight: 400;}
.cosmetics_wrap li .txt span{color: #333; font-weight: 400;}
/*.healthfood_wrap{margin-top: 45px;}*/
.healthfood_wrap ul{overflow: hidden;}
.healthfood_wrap li{width: 16.6666%; float: left;}
.healthfood_wrap li .img{position: relative; text-align: center;}
.healthfood_wrap li .img img{max-width: 100%;}
.healthfood_wrap li .img p{font-size: 1em; font-weight: 400; text-align: center; color: #333; position: absolute; bottom: 30px; left: 50%; transform: translateX(-50%); width: 100%;}
.healthfood_wrap li .img p.white_color{color: #fff;}
.healthfood_wrap li .txt{padding:15px 0; margin:0 auto; width: 92%; min-height: 135px;}
.healthfood_wrap li .txt p{font-size: 0.875em; color: #666; font-weight: 300; text-align: center; word-break: keep-all; line-height: 1.571em;}

.cont_tbl_wrap table{border-collapse: collapse; width: 100%; border-top: 2px solid #333;}
.cont_tbl_wrap table th,.cont_tbl_wrap table td{font-size: 0.875em; border-bottom: 1px solid #ddd; border-left: 1px solid #ddd; height: 44px; padding:10px 2%; box-sizing: border-box; word-break: keep-all;}
.cont_tbl_wrap table th:first-child,.cont_tbl_wrap table td:first-child{border-left: 0;}
.cont_tbl_wrap table th{color: #fff; font-weight: 600; background-color: #0ba29a; width:120px;}
.cont_tbl_wrap table td{color: #666; line-height: 1.714em;}
.cont_tbl_wrap table td img{width:90%;} 
.cont_tbl_wrap table td span{font-size:19px;  font-weight: 600; color:#0ba29a;} 
.cont_tbl_wrap table td.td_center{text-align: center;}
.cont_tbl_wrap table td.td_black{color: #333; font-weight: 400;}
.cont_tbl_wrap table td .div_half{}
.cont_tbl_wrap table td .div_half ul{overflow: hidden;}
.cont_tbl_wrap table td .div_half li{width: 50%; float: left; padding-left: 7.56%; box-sizing: border-box;}
.cont_tbl_wrap table td .div_half li p{position: relative; padding-left: 6px;}
.cont_tbl_wrap table td .div_half li p:before{position: absolute; content: ""; width: 2px; height: 2px; background-color: #a3a3a3; top: 11px; left: 0;}
.cont_tbl_wrap table td.cont_tbl_color {font-size:19px;  font-weight: 600; color:#f39700; text-align:center;}


.cont_tbl_wrap2 table{border-collapse: collapse; width: 100%; border-top: 2px solid #333;}
.cont_tbl_wrap2 table th,.cont_tbl_wrap2 table td{font-size: 0.875em; border-bottom: 1px solid #ddd; border-left: 1px solid #ddd; height: 44px; padding:10px 2%; box-sizing: border-box; word-break: keep-all;}
.cont_tbl_wrap2 table th:first-child,.cont_tbl_wrap2 table td:first-child{border-left: 0;}
.cont_tbl_wrap2 table th{color: #fff; font-weight: 600; background-color: #0ba29a;}
.cont_tbl_wrap2 table td{color: #666; line-height: 1.714em; width:33.333%; text-align:center; padding:10px 0;}
.cont_tbl_wrap2 table td img{width:80%;} 
.cont_tbl_wrap2 table td.td_center{text-align: center;}
.cont_tbl_wrap2 table td.td_black{color: #333; font-weight: 400;}





.technology_wrap{}
.technology_wrap ul{overflow: hidden; margin-left: -15px;}
.technology_wrap li{float: left; width: 33.333333%; box-sizing: border-box;}
.technology_wrap li .img{position: relative;padding-bottom: 60%;overflow: hidden; margin-left: 15px; border:1px solid #eee; }
.technology_wrap li .img img{position: absolute;top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); width: 100%;}
.technology_wrap li .txt{border: 1px solid #eee; border-top: 0; margin-left: 15px;}
.technology_wrap li .txt p{text-align: center; font-size: 1.125em; font-weight: 400; color: #333; padding:17px 0;}
.tit_blue{font-size: 1em; font-weight: 400; color: #0075bc; margin-top: 1.8em;}
.dot_desc{font-size: 0.875em; color: #666; line-height: 1.429em; position: relative; margin-left: 4px; padding-left: 6px; margin-top: 10px; word-break: keep-all;}
.dot_desc_big{font-size: 1em; font-weight: 300; color: #666; position: relative; padding-left: 6px; word-break: keep-all;}
.dot_desc_bigblack{font-size: 1em; font-weight: 300; color: #333; position: relative; padding-left: 6px; margin-top: 10px; word-break: keep-all;}
.dot_desc:before{position: absolute; left:0; top: 10px; content: ""; width: 2px; height: 2px; background-color: #a3a3a3;}
.dot_desc_big:before{position: absolute; left:0; top: 11px; content: ""; width: 2px; height: 2px; background-color: #a3a3a3;}
.dot_desc_bigblack:before{position: absolute; left:0; top: 11px; content: ""; width: 2px; height: 2px; background-color: #333;}
.cont_desc_small{font-size: 0.875em; color: #666; font-weight: 300; line-height: 1.429em;}
.cont_desc_small.center{text-align: center;}
.herb_wrap{}
.herb_wrap ul{overflow: hidden; margin-left: -1em;}
.herb_wrap li{width: 12.5%; float: left; box-sizing: border-box; }
.herb_wrap li .img{position: relative; padding-bottom: calc(100% - 1em); overflow: hidden; margin-left: 1em;}
.herb_wrap li .img img{position: absolute;top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); }
.herb_wrap li .img p{position: absolute; font-weight: 400; font-size: 1em; color: #fff; line-height: 1.375em; word-break: keep-all; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%);}
.herb_wrap li.last-child .img{background-color: #58af4c;}
.qcontrol_wrap{}
.qcontrol_wrap ul{margin-left: -35px;}
.qcontrol_wrap ul:after{content: ""; display: block; clear: both;}
.qcontrol_wrap li{width: 16.6666%; float: left; box-sizing: border-box;}
.qcontrol_wrap li .img{border-radius: 100%; position: relative; padding-bottom: calc(100% - 35px); margin-left: 35px; border:1px solid #ddd; background-color: #fff;}
.qcontrol_wrap li .img:after{content: ""; background-image:url(../images/sub/qcontrol_arrow.png); background-repeat: no-repeat; position: absolute; width: 7px; height: 12px; top: 50%; left:calc(7% - 30px); transform: translateY(-50%);}
.qcontrol_wrap li .img.first:after{display: none;}
.qcontrol_wrap li .img.first{background-color: #58af4c; border:1px solid #58af4c;}
.qcontrol_wrap li .img.last{background-color: #0075bc; border:1px solid #0075bc;}
.qcontrol_wrap li .img p{font-size: 1em; font-weight: 400; text-align: center; color: #333; position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%);}
.qcontrol_wrap li .img.first p, .qcontrol_wrap li .img.last p{color: #fff;}
.qcontrol_wrap li .txt{margin-left: 35px; margin-top: 15px; padding-left: 12%;}
.qcontrol_wrap li .txt p{font-size: 0.875em; color: #666; line-height: 1.429em; position: relative; padding-left: 6px; word-break: keep-all;}
.qcontrol_wrap li .txt p:before{position: absolute; left:0; top: 10px; content: ""; width: 2px; height: 2px; background-color: #a3a3a3;}
.qcontroleq_wrap{background-color: #f7f7f7; padding:25px; box-sizing: border-box;}
.qcontroleq_wrap ul{overflow: hidden; margin-left: -15px;}
.qcontroleq_wrap li{width: 25%; float:left; box-sizing: border-box;}
.qcontroleq_wrap li .img{margin-left: 15px; }
.qcontroleq_wrap li .img img{max-width: 100%;}
.qcontroleq_wrap li .txt{margin-left: 15px; padding:16px 0;}
.qcontroleq_wrap li .txt p{text-align: center; color: #666; font-weight: 300; font-size: 0.875em; word-break: keep-all; min-height: 34px;}
.sunbiodev_wrap{}
.sunbiodev_wrap ul{margin-left: -30px; overflow: hidden;}
.sunbiodev_wrap li{width: 33.3333%; float: left; box-sizing: border-box;}
.sunbiodev_wrap li .img{position: relative; margin-left: 30px;}
.sunbiodev_wrap li .img img{max-width: 100%;}
.sunbiodev_wrap li .img span{position: absolute;right: 11%; bottom: 3%; font-size: 1em; color: #ff8257; font-weight: 500;}
.sunbio_box{background-color: #f7f7f7; max-width: 470px; padding:25px 40px; box-sizing: border-box;}
.sunbio_box p.title{color: #ff8257; font-size: 1.125em; font-weight: 500; text-align: center;}
.sunbio_box p.desc{font-size: 0.875em; font-weight: 300; line-height: 1.714em; color: #666; word-break: keep-all;}
.sunbio_tbl_wrap{}
.sunbio_tbl_wrap table{width: 100%;}
.sunbio_tbl_wrap table th, .sunbio_tbl_wrap table td{font-size: 0.875em; height: 28px;}
.sunbio_tbl_wrap table th{color: #333; font-weight: 500; text-align: left;}
.sunbio_tbl_wrap table td{color: #666; font-weight: 300;}
.sunbio_tbl_wrap table td p{position: relative; padding-left: 6px;}
.sunbio_tbl_wrap table td p:before{content: ""; width: 2px; height: 2px; position: absolute; top: 8px; left:0; background-color: #a3a3a3;}
.gray_box{background-color: #f7f7f7; padding:2% 7.2%; box-sizing: border-box;}
.gray_box p{font-weight: 400; font-size: 1.125em; line-height: 1.444em; color: #333;}
.sunbioetc_wrap{}
.sunbioetc_wrap ul{overflow: hidden;}
.sunbioetc_wrap li{float: left; width: 50%; overflow: hidden; margin-bottom: 2%;}
.sunbioetc_wrap li .img{float: left; width: 11.000em;}
.sunbioetc_wrap li .img img{width: 100%;}
.sunbioetc_wrap li .txt{float: left; width: calc(100% - 12.500em); padding-left: 5%; box-sizing: border-box;}
.sunbioetc_wrap li .txt .title{font-size: 1em; font-weight: 400; color: #333; line-height: 1.500em; word-break: keep-all; line-height: 1.15;margin-bottom: 0.5em}
.sunbioetc_wrap li .txt .desc{font-size: 0.875em; font-weight: 300; color: #666; line-height: 1.250em;}
.sunbio2_wrap{}
.sunbio2_wrap ul{overflow: hidden;}
.sunbio2_wrap li{width: 25%; float: left;}
.sunbio2_wrap li .img{}
.sunbio2_wrap li .img img{width:100%;}
.sunbiofunc1_wrap{border:1px solid #ddd;}
.sunbiofunc1_wrap ul{}
.sunbiofunc1_wrap ul:after{content: ""; display: block; clear: both;}
.sunbiofunc1_wrap li{position: relative; width: 25%; float: left; border-left: 1px solid #ddd; box-sizing: border-box; overflow: hidden;}
.sunbiofunc1_wrap li:first-child{border-left: 0;}
.sunbiofunc1_wrap li .img{position: relative; padding-bottom: 62%;}
.sunbiofunc1_wrap li .img img{max-width: 100%; position: absolute; top: 42%; left: 50%; transform: translateX(-50%) translateY(-50%);}
.sunbiofunc1_wrap li p{position: absolute;bottom: 10%; left: 0; width: 100%; text-align: center; color: #666; font-size: 0.875em; font-weight: 400;}
.desc_box{border:1px solid #ddd; border-top: 0; background-color: #f7f7f7; box-sizing: border-box; padding:2%;}
.desc_box .tit_blue{margin-top: 0;}
.sunbiofunc2_wrap{border-top: 1px solid #ddd; border-right: 1px solid #ddd;}
.sunbiofunc2_wrap ul{overflow: hidden;}
.sunbiofunc2_wrap li{float: left; width: 25%; border-bottom: 1px solid #ddd; border-left: 1px solid #ddd; box-sizing: border-box;}
.sunbiofunc2_wrap li .img{overflow: hidden; position: relative; padding-bottom: 62%;}
.sunbiofunc2_wrap li .img img{position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%);}
.sunbiofunc2_wrap li .img p{position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 100%; text-align: center; color: #fff; font-weight: 400; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.sunbiofunc3_wrap{border:1px solid #ddd; border-bottom: 0;}
.sunbiofunc3_wrap ul{overflow: hidden;}
.sunbiofunc3_wrap li{width: 50%; float: left; }
.sunbiofunc3_wrap li .img{text-align: right;}
.sunbiofunc3_wrap li:first-child .img{text-align: left;}
.sunbiofunc3_wrap li .img img{max-width: 100%;}
.foodyfarm_wrap{}
.foodyfarm_wrap ul{overflow: hidden;margin-left: -1.250em;}
.foodyfarm_wrap li{width: 50%; float: left; margin-bottom: 1.250em;}
.foodyfarm_wrap li .img{margin-left: 1.250em;}
.foodyfarm_wrap li .img img{max-width: 100%;}
.foodyfarm_wrap li .txt{border:1px solid #eee; border-top: 0; margin-left: 1.250em;}
.foodyfarm_wrap li .txt p{ font-size: 1.125em; font-weight: 500; color: #333; text-align: center; padding:26px 0; word-break: keep-all;}

/*QNA*/
.ScrollLy{height:150px; width: auto; border: 1px solid #e5e5e5; overflow-x: hidden; overflow-y: auto; font-family: 'nanumgothic' sans-serif;}
.jcheck{width:100%; font-size:14px; padding:12px 0; color:#222; border:1px solid #e5e5e5; border-top:0; box-sizing:border-box; text-align:right;}
.jcheck *{display:inline-block; vertical-align:middle;}
.jcheck input{width:15px; height:15px;}
.jcheck label{margin-right:20px;}

.writeForm{margin-top:60px; text-align:left;}
.writeForm table{width:100%; border-top:2px solid #888;}
.writeForm table .writeForm_col01{width:150px;}
.writeForm table .writeForm_col02{width:15%;}
.writeForm table .writeForm_col03{width:35%;}
/*.writeForm table tr{border-bottom:1px solid #e1e3e4; font-size:0;}*/
.writeForm table tr{border-bottom:1px solid #e1e3e4; }
.writeForm table tr th{padding:10px; font-size:14px; color:#222; background:#f9f8f8}
.writeForm table tr td {padding:15px 5px 15px 15px; color:#444;}
.writeForm table tr td input[type="text"]{height:37px; border:1px solid #dedede; font-size:14px; padding:0 20px; vertical-align:middle; box-sizing:border-box;}
.writeForm table tr td input[type="password"]{height:37px; border:1px solid #dedede; font-size:14px; padding:0 20px; vertical-align:middle; box-sizing:border-box;}
.writeForm table tr td input[type="file"]{width:60%; height:42px; border:1px solid #dedede; font-size:14px; padding:7px 20px; vertical-align:middle; box-sizing:border-box;}
.writeForm table tr td .inputTxt{width:248px;}
.writeForm table tr td .inputPass{width:248px;}
.writeForm table tr td .inputAddress{width:80% !important;}
/*.writeForm table tr td .inputTxt{width:calc(30% - 40px);}*/
.writeForm table tr td .inputPass.size02{width:calc(40% - 40px); max-width:248px;}
.writeForm table tr td .inputNum{width:100px; text-align:center;}
.writeForm table tr td .inputNum:first-of-type{margin-right:10px;}

.writeForm table tr td input[type="text"].inputEmail02 {vertical-align:top;}
.writeForm table tr td .inputTit{width:80%;}
.writeForm table tr td select {width:140px; height:37px; padding:0 0 0 10px; font-size:14px; color:#666; margin-right:10px; text-align:center; text-align-last: center; border-color:#dedede; vertical-align:top;}
.writeForm_top table tr td select{width:70%;}
.writeForm table tr td select.selecEmail{width:245px;}
.writeForm table tr td select option{text-align:center;}
.writeForm table tr td > span{margin:0 10px; font-size:18px; color:#444; vertical-align:middle;}
.writeForm table tr td span.label{font-size:14px;}
.writeForm table tr td.step span{color:#333; font-weight:500;}
.writeForm table tr td span a{font-size:18px;}
.writeForm table tr td textarea{width:100%; height:150px; padding:15px; margin:13px 0; resize:none; font-size:14px; box-sizing:border-box; border:1px solid #dedede;}
.writeForm_btn{text-align:center; margin-top:60px; font-size:0;}
.writeForm_btn a{display:inline-block; width:180px; height:50px; line-height:50px; color:#fff; font-size:15px;}
.writeForm_btn a:last-of-type{background:#87888a; margin-left:10px;}

.writeForm table tr td .label_wrap{margin:0;}
.writeForm table tr td a.id_ch{display:inline-block; width:140px; height:37px; line-height:35px; font-size:14px; color:#222; margin-left:10px; text-align:center; vertical-align:middle; box-sizing:border-box; border:1px solid #222;}
.writeForm table tr td a.zip_ch{display:inline-block; width:140px; height:37px; line-height:35px; font-size:14px; color:#222; margin-left:10px; text-align:center; vertical-align:middle; box-sizing:border-box; border:1px solid #222;}

.writeForm table tr td span.password_ch{font-size:14px; color:#666; margin:0 60px 0 40px;}
.writeForm table tr td.editor{padding:13px 0;}
.writeForm table tr td .addr{width:calc(50% - 40px);}

.writeForm table tr td{overflow:hidden;}
.writeForm table tr td select.selectNum{width:100px;}
.writeForm table tr td label{font-size:14px; margin-right:30px; vertical-align:middle;}
.writeForm table tr td label:last-of-type{margin-right:0;}
.writeForm table tr td input[type="checkbox"]{width:15px; height:15px; margin:0 10px 0 20px; vertical-align:middle;}
.writeForm table tr td input[type="radio"]{width:15px; height:15px; margin-right:10px; vertical-align:middle;}
.writeForm table tr td i{font-style:normal;}
.writeForm table tr td .modal-content input[type="checkbox"] {margin:4px 0 0 -20px;}

.writeForm table tr .spam_td{font-size:14px;}
.writeForm table tr .spam_td img{margin:0 10px; vertical-align:middle;}
.writeForm span.col01 {color:#ea1c5b; display:inline-block; margin-right:3px;}
.writeForm th span.col01 {margin-left:-9px;}
.writeForm td p.he_txt {margin-bottom:5px;}

.writeForm_btn a {background-color:#0075bc;}
.writeForm_btn a.mcol_type {background-color:#0075bc;}
.under_btn .login_btn {background-color:#0075bc;}
.writeForm_btn a.color_type {background-color:#0075bc;}

.form-st2{font-size: 1.188rem;margin-top:30px}
/*.form-st2 .item{display: table; width: 100%; margin-top: 10px;}*/
.form-st2 .item:first-child{margin-top: 0;}
/* .form-st2 .item.half{width: 50%;float: left;} */
/*.form-st2 .item > *{display: table-cell;vertical-align: middle;}*/
/*.form-st2 .tit{width: 180px !important; padding: 10px 10px 10px 0; /*font-size: 1.059em;*/ /*font-weight: 400; color: #000}*/
.form-st2 .tit{display:block; padding: 10px 10px 10px 0; font-weight: 400; color: #000}

/*.form-st2 .cont{height: 50px; border:1px solid #3477f2; border-radius: 5px; overflow: hidden; padding: 10px 20px}*/
.form-st2 .cont{border:1px solid #3477f2; border-radius: 5px; overflow: hidden; padding: 22px 20px}

.form-st2 .item.clearfix{margin-bottom:1em;}

/* .form-st2 .cont input[type="text"]{max-width: 300px} */
.form-st2 .cont input[type="text"].long{max-width: 100%}
/* .form-st2 .border{border:0; border-radius: 0; overflow: hidden;} */
.form-st2 .sect{margin-top: 5px;}
.form-st2 .sect:first-child{margin-top: 0;}
.form-st2 select,.form-st2 input[type="text"],.form-st2 input[type="password"]{height: 40px; width: 100%; padding: 0; border:0; background-color:#FFF}
/* .ck_w{padding: 0 20px} */
.form-st2 input::placeholder {color: #949494;}
.ck_w > *{display: inline-block; vertical-align: unset; width:100%;}
.ck_input{position: relative; padding-left: 5px; margin-left: 10px;}
.ck_input:before{position: absolute;left: 0; top:50%; margin-top: -5px; width: 1px; height: 15px; background: #0075ff; content: ''}
.ck_w input{border:0; margin-left: 10px;}
.ck_input2{position: relative; padding-left: 5px; margin-left: 10px; width: 50%; font-size: 1.125rem;}
.ck_input2:before{position: absolute;left: 0; top:50%; margin-top: -5px; width: 1px; height: 15px; background: #0075ff; content: ''}
.form-st2 textarea{border:1px solid #3477f2;border-radius: 5px;width: 100%;display: block; padding: 20px; height: 193px}
.agree_box{border:1px solid #999; padding: 40px}
.agree_box_w .sect{margin-top: 50px;}
.agree_box_w .sect:first-child{margin-top: 0;}
.txt-require{margin-bottom: 20px;}
.agree_ck{margin-top: 20px; color: #000; font-weight: 400;}
.ck-st1,.radio-st1{cursor: pointer; position: relative;}
.ck-st1 input,.radio-st1 input{border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 0;}
.ck-st1 label,.radio-st1 label{position: relative;display: block;padding-left: 1.875em}
.ck-st1 input + label span,.radio-st1 input + label span{
    position: absolute; display: block;
    width: 1.563rem; height: 1.563rem;
    left: 0; border:1px solid #aeb4bd;
}
.ck-st1 input span{background: #fff}
.ck-st1 input:checked + label span{background: #0075ff url('/2021new/content/images/ck_on.gif') center center no-repeat; border-color: #0075ff}
.ck-st1_w > *{display: inline-block; margin-right: 15px; margin-bottom: 5px;margin-top: 5px; width: 23%;}
.ck-st1_w > *:last-child{margin-right: 0;}
.radio-st1 input + label span{border-radius: 50%}
.radio-st1 input:checked + label span:before{    position: absolute;
    left: 50%; top:50%;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #266df1;
    content: ''; transform: translate(-50%,-50%);
}

/*공시 및 주가정보*/
/*section.sub.stock{}
section.sub.stock iframe{width: 100%; max-width: 790px;}
section.sub.stock #ext_gecko #layoutBody{padding:0;}
section.sub.stock #ext_gecko #layoutMain{max-width: 714px; width: 100%;}*/

.privacy_w{margin: 0 0 3em 0;font-size: 0.933em;}
.privacy_btn{display: inline-block; margin-left: 8px;background: #333;color: #fff;font-size: 13px;padding: 5px 8px}

.nationalImg{position:relative;; width:960px; height:500px; margin-top:20px; margin-bottom: 20px;}
.nationalImg img{position:absolute; width:100%; height:500px; padding-bottom: 10px;}



/* 2021.10.15 renewal */
.km_inner{max-width: 1400px;margin: 0 auto;}
/* .sub-t{padding:80px 0px 0px 0px; color: #fff; font-size: 57px; line-height: 1.00; font-weight: 900;letter-spacing: -0.03em;} */
/* 메뉴 변경 추가건 s */
.sub-t{padding:260px 0px 0px 0px; color: #fff; font-size: 57px; line-height: 45px; font-weight: 900;letter-spacing: -0.03em;}
.sub-t_sp{font-size: 27px;}
/* 메뉴 변경 추가건 e */
.ff-kg{font-family:'Noto Sans KR','Noto Sans KR', sans-serif; font-weight: 900;}
.tit-st1{font-size: 40px; font-size: 2.500rem; font-weight: 900; line-height: 1.15; margin-bottom: 1em;font-family:'Noto Sans KR','Noto Sans KR', sans-serif; color: #000; position: relative;}
.tit-st1_2 {margin-bottom:1.25em;}
.tit-st1 .unit{position: absolute;right: 0;bottom: 0; font-size: 1.063rem; font-weight: 300;}
.tit-st2{font-size: 1.375rem; color: #276ef1; position: relative; display: block; padding-top: 15px; font-weight: 900; font-family:'Noto Sans KR','Noto Sans KR', sans-serif; margin-bottom: 1.364em; line-height: 1.15;}
.tit-st2.h{height: 3.5em}
.tit-st2:before{position: absolute;left: 0;top:0;width: 50px; height: 1px; background: #276ef1; content: ''}
.tit-st2 .db{display: block; margin-top: 5px; color: #000; font-weight: 900;}
.tit-pop{text-align: center; font-size: 38px; color: #000; margin-bottom: 50px; font-weight: 900; line-height: 1.15;font-family:'HK_Gothic_extraBold'}
.tit-pop.left{text-align: left;}
.tit-pop .add_pop{display: block;margin-top: 10px; font-size: 1.125rem; font-weight: 300; color: #666}
.tit-blue{font-size: 1.375em; color: #276ef1; position: relative; padding-top: 0.682em; margin-bottom: 1.15em; font-weight: 900; line-height: 1.15;font-family:'Noto Sans KR'}
.tit-blue:before{width: 2.273em; height: 1px; background: #276ef1; content: ''; left: 0; top:0; position: absolute;}
.tit-group{font-size: 21px; font-size: 1.313rem; margin-bottom: 80px;}
.tit-group .t{font-size: 1.905em; line-height: 1.15; font-weight: 900; font-family:'HK_Gothic_extraBold', sans-serif; color: #000; margin-bottom: 0.750em;}
.tit-group.mb .t{margin-bottom: 0;}
.tit-group .mid{color: #000; display: block; font-size: 1.25rem; font-weight: 900; font-family:'Noto Sans KR','Noto Sans KR'}

/* 오시는 길 */
.page-location .group{border-top: 3px solid #000; word-break: keep-all; margin-top: 50px;}
.page-location .group:first-child{margin-top: 0;}
.page-location .group .l{float: left; position: relative; width: 25%}
.page-location .group .r{float: right; position: relative; padding-bottom: 5%; width: 70%; margin-top: 10px;}
.page-location .group .r iframe{width: 100%; height: 100%; display: block; position: absolute; left: 0;top:0}
.page-location .group .l .name{width: 250px; line-height: 30px; background: #000; color: #fff; font-size: 1.125em; display: block; text-align: center; margin-top: -1px;font-family:'Noto Sans KR';}
.page-location .group .l > *{display: block;}
.page-location .group .loc{margin: 30px 0 20px; font-size: 1.5em;}
.page-location .group .tel{font-size: 1.063em;}
.page-location .group .link{font-weight: 500; color: #000; border-radius: 100px; border:1px solid #aeb4bd; width: 176px; height: 47px; line-height: 47px; text-align: center; margin-top: 20px;}
.page-location .group .link:hover{color: #266df1;}


/* 종합기술원 */
.sub_page{padding: 40px 0 130px}
.page-total{position: relative;}
.page-total .background{position: absolute; left: 0;top:65px; width: 100%;height: 449px; background: #ebeef4 url('/img/rd/bg.jpg') right bottom no-repeat; background-size: cover}
.page-total .rel{position: relative;z-index: 1}
.total_dev{margin-left: -2%; font-size: 1rem; display: -webkit-flex;
display: -ms-flex;
display: flex;}
.total_dev > li{float: left; width: 23%; margin: 0 0 30px 2%;}
.total_dev .img{position: relative; border-radius: 10px; overflow: hidden;}
.total_dev .img img{display: block; max-width:100%;height:130px}
.total_dev .img .ab{position: absolute;left: 0;bottom: 0; width: 100%; height: 130px; border-radius: 0 15px 0 15px; text-align: center; color: #fff; background: rgba(38,109,241, .8) ; font-size: 1.375em; line-height: 1.15;}
.total_dev .img .ab span{position: absolute;left: 0; width: 100%; top:50%; transform: translateY(-50%);font-family:'HK_Gothic_extraBold'}
.total_dev .cont{font-size: 1.188em; margin-top: 30px; word-break: keep-all;}
.total_dev.td2 > li{width: 48%;}
.total_dev .td3 > li{width: 23%;}

/* 윤리경영 */
.page-ethics {padding: 15px 0 130px }
.page-ethics .top{background: url('/img/esg/ethics.jpg') left bottom no-repeat; background-size: cover; color: #fff; border-radius: 15px; overflow: hidden;  }
.page-ethics .top .ab{width: 40%; float: right; padding: 100px 70px; word-break: keep-all; background: rgba(19,49,111,.9); font-size: 1.25em;}
.page-ethics .top .t{font-size: 1.250em; display: block; margin-bottom: 10px;}
.page-ethics.com_pd .group{margin-top: 60px;}
.page-ethics.com_pd .group:first-child{margin-top: 0;}
.page-ethics.com_pd .group_c{margin-top: 100px;}
.page-ethics.com_pd .group .bbs-faq{border-top: 1px solid #266df1; font-size: 1.188em}
.page-ethics.com_pd .group .bbs-faq .item{border-bottom: 1px solid #aeb4bd;}
.page-ethics.com_pd .group .bbs-faq .q{padding: 30px; font-size: 1.105em; font-weight: 900; line-height: 1.15; color: #000;  position: relative;}
.page-ethics.com_pd .group .bbs-faq .q:after{display: block;width: 15px;height: 15px;border-top: 2px solid #000;border-left: 2px solid #000;transform: rotate(-135deg);vertical-align: middle; position: absolute; right: 30px; top:50%; margin-top: -8px; content: ''}
.page-ethics.com_pd .group .bbs-faq .q.active:after{transform: rotate(45deg);}
.page-ethics.com_pd .group .bbs-faq .q a{display: block;}
.page-ethics.com_pd .group .bbs-faq .a{ border-top: 1px solid #aeb4bd; display: none; position: relative; padding: 30px; display: none;}
.page-ethics.com_pd .group .bbs-faq .a .faq_cont .t{display: block; font-size: 1.005em; margin-bottom: 10px; color: #000}
.page-ethics.com_pd .group .bbs-faq .a .faq_cont .sect{margin-top: 30px;}
.page-ethics.com_pd .group .bbs-faq .a .faq_cont .sect:first-child{margin-top: 0;}

/* 컴플라이언스 */
.rule_ex{display: -webkit-flex;
display: -ms-flex;
display: flex; flex-wrap: wrap; margin-left: -2%; font-size: 1.188em; word-break: keep-all;}
.rule_ex li{padding: 25px 70px ;border:1px solid #ccc; border-radius: 100px; float: left; width: 31.33333333333%;margin: 0 0 2% 2%;}
.rule_ex .in{display: table; width: 100%; height: 100%}
.rule_ex .in > *{display: table-cell; vertical-align: middle;}
.rule_ex .in > strong{width: 75px; font-size: 28px; font-weight: 900;font-family:'HK_Gothic_ExtraBold';}
.rule_ex2{text-align: center; margin-top: 80px; text-align: center; display: -webkit-flex;
display: -ms-flex;
display: flex; position: relative;     justify-content: space-between;}
.rule_ex2:before{position: absolute;left: 10%;top:75px; content: ''; width: 80%; background: #ccc; content: ''; height: 1px}
.rule_ex2 img{display: block;}
.rule_ex2 .txt{margin-top: 10px; font-size: 1.188em; margin-top: 15px;}
.rule_ex2 li{position: relative;z-index: 1}
.color-blue{color: #276ef1 !important}
.color-black{color: #000;}

.governance5_con {word-break:keep-all}
.governance5_con img {width:100%;}
.governance5_con .w_img {}
.governance5_con .m_img {display:none;}
.governance5_con .w_br {}
.governance5_con .m_br {display:none;}
.governance5_con > .info01_con {margin-bottom:70px;}
.governance5_con > .info01_con > .text_con {margin-bottom:50px;}
.governance5_con > .info01_con > .list_con > ul:after {content:''; display:block; clear:both;}
.governance5_con > .info01_con > .list_con > ul > li {float:left; width:50%; margin-top:30px; box-sizing:border-box;}
.governance5_con > .info01_con > .list_con > ul > li:first-child {margin-top:0;}
.governance5_con > .info01_con > .list_con > ul > li:nth-child(2) {margin-top:0;}
.governance5_con > .info01_con > .list_con > ul > li > table {width:100%;}
.governance5_con > .info01_con > .list_con > ul > li > table > tbody > tr > td {vertical-align:top;}
.governance5_con > .info01_con > .list_con > ul > li > table > tbody > tr > .icon_td {width:175px;}
.governance5_con > .info01_con > .list_con > ul > li > table > tbody > tr > .info_td {padding-left:20px;}
.governance5_con > .info01_con > .list_con > ul > li > table > tbody > tr > .info_td > .title_con {}
.governance5_con > .info01_con > .list_con > ul > li > table > tbody > tr > .info_td > .title_con > span {font-family:'Noto Sans KR', sans-serif; font-size:1.375rem; color:#276ef1;}
.governance5_con > .info01_con > .list_con > ul > li > table > tbody > tr > .info_td > .text_con > span {font-size:1.188em;}
.governance5_con > .info02_con {}
.governance5_con > .info01_con > .text_con > span {font-size:1.188em;}
.governance5_con > .info02_con > .text_con > span {font-size:1.188em;}

.btns_st10{margin: 50px auto 0; max-width: 545px; text-align: center;}
.btns_st10 > *{float: right;width: 49%;display: inline-block;}
.btns_st10 > *:first-child{float: left;}
 .btn-st10{border:1px solid #b3b9c1; border-radius: 100px; text-align: center; font-weight: 500; line-height: 63px; color: #000; font-size: 1.100em;}
.btn-st10:hover{border:1px solid #b3b9c1; border-radius: 100px; text-align: center; font-weight: 500; line-height: 63px; color: #266df1;} 
@media (max-width:720px){
  .btns_st10 > *:first-child{margin-top: 0;}
  .btns_st10> *{float: none !important; width: 100%; margin: 10px 0 0; display: block;}
  .btn-st10{line-height: 3.5rem;}

  .cont_tbl_wrap table td.cont_tbl_color {font-size:15px;  font-weight: 600; color:#f39700;}
  .cont_tbl_wrap table td span{font-size:15px;  font-weight: 600; color:#0ba29a;} 
}


.faq_cont .t{display: block; font-size: 1.005em; margin-bottom: 10px; color: #000}
.faq_cont .sect{margin-top: 30px; word-break:keep-all;}
.faq_cont .sect:first-child{margin-top: 0;}
.faq_cont .sect > .c > table {width:100%;}
.faq_cont .sect > .c > table > tbody > tr > td {vertical-align:top;}
.faq_cont .sect > .c > table > tbody > tr > .no_td {width:20px;}
.faq_cont .sect > .c > .box_con {padding:25px 20px; background-color:#f0f0f0;}
.faq_cont .sect > .c > .box_con > .title_con {margin-bottom:20px;}
.faq_cont .sect > .c > .box_con > .title_con > span {color:#555555;}
.faq_cont .sect > .c > .box_con > .text_con > table {width:100%;}
.faq_cont .sect > .c > .box_con > .text_con > table > tbody > tr > .blank_td {height:10px;}
.faq_cont .sect > .c > .box_con > .text_con > table > tbody > tr > .icon_td {position:relative; width:20px;}
.faq_cont .sect > .c > .box_con > .text_con > table > tbody > tr > .icon_td > .icon {position:absolute; top:50%; left:0; transform:translateY(-50%); width:10px; height:10px; background-color:#555555;}
.faq_cont .sect > .c > .box_con > .text_con > table > tbody > tr > .info_td > span {}

.capstion_1{text-align:right; margin-bottom:5px; font-size:1rem;}




/* 이니셔티브 */
.initiative_con {word-break:keep-all;}
.initiative_con img {width:100%;}
.initiative_con .w_img {display:block;}
.initiative_con .m_img {display:none;}
.initiative_con .w_br {}
.initiative_con .m_br {display:none;}
.initiative_con > .info01_con {margin-bottom:70px;}
.initiative_con > .info01_con > .img_con {width:100%; margin-bottom:70px; border:1px solid #276ef1; box-sizing:border-box; text-align:center;}
.initiative_con > .info01_con > .text_con {}
.initiative_con > .info01_con > .text_con > span {font-size:1.188em;}
.initiative_con > .info02_con {}
.initiative_con > .info02_con > .list_con {}
.initiative_con > .info02_con > .list_con > ul:after {content:''; display:block; clear:both;}
.initiative_con > .info02_con > .list_con > ul > li {float:left; width:48%; margin-top:1.364em; margin-right:4%; box-sizing:border-box;}
.initiative_con > .info02_con > .list_con > ul > li:nth-child(1) {margin-top:0;}
.initiative_con > .info02_con > .list_con > ul > li:nth-child(2) {margin-top:0;}
.initiative_con > .info02_con > .list_con > ul > li:nth-child(2n) {margin-right:0;}
.initiative_con > .info02_con > .list_con > ul > li > .title_con {margin-bottom:20px; padding:20px 0; background-color:#276ef1; text-align:center;}
.initiative_con > .info02_con > .list_con > ul > li > .title_con > p {font-size:1.375em;  color:#ffffff;font-family:'HK_Gothic_ExtraBold'}
.initiative_con > .info02_con > .list_con > ul > li > .info_con {height:200px; padding:35px 30px; border:1px solid #276ef1; box-sizing:border-box;}
.initiative_con > .info02_con > .list_con > ul > li > .info_con > ul > li {}
.initiative_con > .info02_con > .list_con > ul > li > .info_con > ul > li > table {width:100%;}
.initiative_con > .info02_con > .list_con > ul > li > .info_con > ul > li > table > tbody > tr > td {vertical-align:top;}
.initiative_con > .info02_con > .list_con > ul > li > .info_con > ul > li > table > tbody > tr > td > span {font-size:1.188em;}
.initiative_con > .info02_con > .list_con > ul > li > .info_con > ul > li > table > tbody > tr > .no_td {width:25px;}

/* 지배구조 - 주주총회 */
.com_pd .group{margin-top: 60px;}
.com_pd .group:after{content:''; display:block; clear:both;}
.com_pd .group:first-child{margin-top: 0;}
.com_pd .group_c{margin-top: 100px;}

.com_pd .half_w{text-align: center; border-top: 2px solid #333; border-bottom: 1px solid #ccc; padding: 35px 0}
.com_pd .dev > li{float: left; padding: 0 .95rem; width: 30%}
.com_pd .env5_li> li{width:calc(33.33% - 4rem);padding:0 2rem;}
.env5_title{font-size:1.2rem; margin-bottom:10px; font-weight:600}


/* .tit-st1{font-size: 40px; font-size: 2.500rem; font-weight: 900; line-height: 1.15; margin-bottom: 1em;font-family:'Noto Sans KR','Noto Sans KR', sans-serif; color: #276ef1; position: relative;} */
.tit-st1{font-size: 1.375rem; color: #276ef1; position: relative; display: block; padding-top: 15px; font-weight: 900; font-family:'Noto Sans KR', sans-serif; margin-bottom: 1.364em; line-height: 1.15;}
.tit-st1:before{position: absolute;left: 0;top:0;width: 50px; height: 1px; background: #276ef1; content: ''}
.tit-st1_text {margin-bottom:70px; font-size:1.188em; color:#555555; line-height:1.5; letter-spacing:-0.03em; word-break:keep-all;}
.tit-st2{font-size: 1.375rem; color: #276ef1; position: relative; display: block; padding-top: 15px; font-weight: 900; font-family:'Noto Sans KR', sans-serif; margin-bottom: 1.364em; line-height: 1.15;}
.tit-st2.h{height: 3.5em}
.tit-st2:before{position: absolute;left: 0;top:0;width: 50px; height: 1px; background: #276ef1; content: ''}
.tit-st2 .db{display: block; margin-top: 5px; color: #000; font-weight: 900;}
.tit-group2{font-size: 21px; font-size: 1.313rem; margin-bottom: 50px;}
.tit-group2 .t{font-size: 1.905em; line-height: 1.15; font-weight: 900; font-family:'Noto Sans KR','Noto Sans KR', sans-serif; color: #000; margin-bottom: 1.2em;}
.tit-group2.mb .t{margin-bottom: 0;}
.tit-group2 .mid{color: #000; display: block; font-size: 1.25rem; font-weight: 900; font-family:'Noto Sans KR','Noto Sans KR'}
.bbs-faq{border-top: 1px solid #266df1; font-size: 1.188em}
.bbs-faq .item{border-bottom: 1px solid #aeb4bd;}
.bbs-faq .q{padding: 30px; font-size: 1.105em; font-weight: 900; line-height: 1.15; color: #000;  position: relative;font-family:'HK_Gothic_ExtraBold';}
.bbs-faq .q:after{display: block;width: 15px;height: 15px;border-top: 2px solid #000;border-left: 2px solid #000;transform: rotate(-135deg);vertical-align: middle; position: absolute; right: 30px; top:50%; margin-top: -8px; content: ''}
.bbs-faq .q.active:after{transform: rotate(45deg);}
.bbs-faq .q a{display: block;}
.bbs-faq .a{ border-top: 1px solid #aeb4bd; display: none; position: relative; padding: 30px; display: none;}


.page-gov .sect{margin-top: 50px;}
.page-gov .tbl-st1 .ttt{display: block; color: #000}
.page-gov .tbl-st1 .l ul{margin-left: .8em;}
.page-gov .tbl{display: table; width: 100%}
.page-gov .tbl > *{display: table-cell;vertical-align: top;}
.page-gov .td2{width: 180px; text-align: center;}
.page-gov .td3{width: 150px; text-align: center;}
.tbl-st1{border-top: 2px solid #333; font-size: 1.125rem; overflow-x: auto;}
.tbl-st1 table{width: 100%}
.tbl-st1 th{background: #efeff1; font-weight: 400; color: #000; text-align: center;}
.tbl-st1 th,.tbl-st1 td{border-bottom: 1px solid #000; padding: 20px}
.tbl-st1 td{text-align: center;}
.tbl-st1 .tbl_td{background: #efeff1; font-weight: 400; color: #000; text-align: center;}
.tbl-st1 .br{border-right: 1px solid #000;}
.tbl-st1.overflow{overflow-x: auto;}
.tbl-st1.overflow th{white-space: nowrap;}
.tbl-st1.th_pd th{padding: 10px 5px}
.txt_tbl{margin-top: 20px;}
.tal {text-align: left !important;}


/* 지배구조 - 이사회 */
.page-governance2
.page-governance2 .tbl-st1{border-top: 2px solid #333; font-size: 1.125rem; overflow-x: auto;}
.page-governance2 .tbl-st1 table{width: 100%}
.page-governance2 .tbl-st1 th{background: #efeff1; font-weight: 400; color: #000; text-align: center;}
.page-governance2 .tbl-st1 th,.tbl-st1 td{border-bottom: 1px solid #000; padding: 20px}
.page-governance2 .tbl-st1 td{text-align: center;}
.page-governance2 .tbl-st1 .tbl_td{background: #efeff1; font-weight: 400; color: #000; text-align: center;}
.page-governance2 .tbl-st1 .br{border-right: 1px solid #000;}
.page-governance2 .tbl-st1.overflow{overflow-x: auto;}
.page-governance2 .tbl-st1.overflow th{white-space: nowrap;}
.page-governance2 .tbl-st1.th_pd th{padding: 10px 5px}
.page-governance2 .txt_tbl{margin-top: 20px;}
.btns_st1{margin: 50px auto 0; max-width: 545px; text-align: center;}
.btns_st1 > *{float: right; width: 49%; display: inline-block;}
.btns_st1 > *:first-child{float: left;}
.btns_st1.none > *{float: none}
.btn-st1{border:1px solid #b3b9c1; border-radius: 100px; text-align: center; font-weight: 500; line-height: 63px; color: #000; font-size: 1.100em;}
.btn-st1:hover{border:1px solid #b3b9c1; border-radius: 100px; text-align: center; font-weight: 500; line-height: 63px; color: #266df1;cursor:pointer;}
.btn-st2{border:1px solid #b3b9c1; border-radius: 100px; text-align: center; font-weight: 500; line-height: 63px; width: 208px; display: inline-block; color: #000}



/* 지배구조 - 기타 */
.finance1 iframe{width: 100%; height: 1450px}
.finance2 iframe{width: 100%; height: 1450px}
.finance3 iframe{width: 100%; height: 1510px}
.left10{margin-left: 10px;}

.page-vision .v1 .txt{font-size: 2rem; font-weight: 900; color: #333;font-family:'HK_Gothic_ExtraBold';}
.esg_adm .tbl-st1 strong{font-weight: 400; color: #000}
.esg_adm .txt{margin-bottom: ;}
.esg_adm .half_w .l{float: left; width: 48%}
.esg_adm .half_w .r{float: right; width: 48%}
.esg_adm .sect{margin-top: 50px;}
.esg_adm .tbl-st1 table{width: 100%; line-height: 1em;}

.page-org_act .sect{margin-top: 35px;}
.page-org_act .imgs{margin-left: -2%;}
.page-org_act .imgs > li{float: left; width: 18%; margin-left: 2%; margin-bottom: 2%;}
.page-org_act .imgs img{display: block; max-width:100%}
.page-org_act .imgs.env4_ul img{border-radius:15px;}
.page-e_org .e_o1 img{display: block; margin: 0 auto;}
.page-e_org .e_o2 .w50{float: left; width: 50%; padding: 0 50px}

.page-e_org .e_o2 .half_w{text-align: center; border-top: 2px solid #333; border-bottom: 1px solid #ccc; padding: 35px 0}
.page-e_org .e_o2 .dev > li{float: left; padding: 0 .95rem; width: 30%}
.page-e_org  .cont{margin-top: 20px; font-size: 1.063em;}
.page-e_org  .cont .t{display: block; color: #000; font-size: 1.176em; line-height: 1.15; margin-bottom: 5px;}
.page-e_org .txt_w{text-align: left; margin-top: 35px;}
.page-e_org .txt_w .cont{margin-top: 40px;}
.page-e_org .txt_w .cont:first-child{margin-top: 0;}



.env2_img{margin-bottom:1em}
.env2_txt > h2{border-top:1px solid #000; background:#f7f7f7; padding:0.3em 0; font-size:1.3rem}
.env2_txt > p{border-top:1px solid #ddd; border-bottom:1px solid #ddd; height:114px; display:flex; justify-content:center; align-items:center; word-break:keep-all;}





h.inquiry-write-form-desc{font-size:25px;}
.upload-file-wrapper{width: 100%; height: 300px; border:0px;border-style: solid; background-color: #f4f3f3;margin: 5px 0;}
.inquiry-phone-wrapper{display:flex !important;align-items: center;justify-content: space-between;}
/* 파일 업로드(드래그앤드랍) */

  .upload-btn-wrapper {position: relative;overflow: hidden;display: inline-block;}
  .upload-btn {border: 1px solid gray;color: gray;background-color: white;padding: 8px 20px;border-radius: 8px;font-size: 20px;}
  .upload-btn-wrapper input[type=file] {font-size: 100px;position: absolute;left: 0;top: 0;opacity: 0;}
  #fileDragDesc {width: 100%;height: 100%;margin-left: auto;margin-right: auto;padding: 5px;text-align: center;line-height: 300px;vertical-align:middle;}
  .btn-inquiry-file-delete{display: inline-block;color: #fff;font-size: 15px;padding: 5px 10px;background: #b2b4b6;border-radius: 5px !important;border: 1px solid #b2b4b6;  }
  .inquiry-file-list-table{border-top:none !important;}

/* 모바일 header & 메뉴 */
.nav-mobile-menu-list-container{display:none;}
.display_pc_inherit{display:inherit!important;}


.cont_sub2_wrap {width:100%; height:auto; overflow: hidden}
.cont_sub2_wrap_L {width: 30%; float: left; height:500px; padding-bottom:30px;}
.cont_sub2_wrap_L img {height: 100%; }
.cont_sub2_wrap_R {width: 70%; float: left; height:500px; text-align:right; padding-bottom:30px;}
.cont_sub2_wrap_R img {height: 100%; }

.cont_sub2_wrap_2L {width: 40%; float: left; padding-bottom:30px;}
.cont_sub2_wrap_2L img {width: 95%; }
.cont_sub2_wrap_2R {width: 60%; float: left; padding-bottom:30px;}

.cont_img_pc {display:;}
.cont_img_mobile {display: none}

.mMap { position:relative; width:100%; height:500px; border:1px solid #ddd; }
.mMap iframe { position:absolute; width:100%; height:100%; left:0px; top:0px; }


.cont_sub3_wrap_1L {width: 55%; float: left; padding-bottom:30px;}
.cont_sub3_wrap_1R {width: 45%; float: right; padding-bottom:30px; text-align:center;}
.cont_sub3_wrap_1R img {width: 80%; }

.cont_sub4_wrap_1L {width: 50%; float: left; padding-bottom:30px; font-size:20px; line-height:30px;}
.cont_sub4_wrap_1R {width: 50%; float: right; padding-bottom:30px; text-align:center;}
.cont_sub4_wrap_1R img {max-width:90%; }
.sub4_text_1 {color:#0ba29a; font-weight: 700}
.sub4_text_2 {color: #f39700; font-weight: 700}
.sub4_text_3 { font-size:13px; line-height:18px;}


.line2{ position:relative; width:100%; border-top:1px solid #ddd; display:inline-block; margin:40px 0px 40px 0px; }


.cooperate_list { margin-top:50px;}
.cooperate_list > ul { clear:both; }
.cooperate_list > ul:after {display:block;visibility:hidden;clear:both;content:""}
.cooperate_list > ul > li { float:left; width:580px; height:auto; overflow:hidden; margin-bottom:60px; padding-bottom:25px; margin-right:40px; color:#000; border-bottom:1px solid #000;}
.cooperate_list > ul > li > a:hover, a:focus, a:active{text-decoration:none}
.cooperate_list > ul > li:nth-child(2n) {margin-right:0px; }

.cooperate_list_L{float:left; width:280px;}
.cooperate_list_R{float:left; width:300px;}

.cooperate_back {width:270px; border:0px solid #c4c4c4;}
.cooperate_back img {width:95%; object-fit:contain}
.cooperate_text1 {font-size:14px; width:300px; height:20px; font-weight:bold; margin-bottom:10px; padding-top:10px; overflow:hidden; line-height:24px;}
.cooperate_text2 {font-size:14px; margin-top:5px; border-bottom:0px solid #000;  margin-bottom:5px;}
.cooperate_text3 { padding:8px; font-size:13px; line-height:19px; height:120px;} 
.cooperate_price {font-size:14px; height:30px; line-height:25px;}
.cooperate_price2 {text-decoration:line-through; font-size:13px;}
.cooperate_btn {margin-top:8px;}
/* 버튼들 */
.cooperate_btn .m_write{vertical-align:middle; display:inline-block; width:100%; height:40px; font-size:14px; color:#fefefe; background:#ae1948; text-align:center; line-height:39px;}
.cooperate_btn .m_btn{vertical-align:middle; display:inline-block; width:50%; height:30px; font-size:13px; color:#000; border:1px solid #000;  text-align:center; line-height:32px;}


/* product view */
.product_order {overflow:hidden; margin-top:50px;}
.order_left {float:left; width:550px; height:100%; overflow:hidden;}
.order_big_img {border:5px solid #ddd; padding:15px; width:430px;}
.cc_img img {width:100%;}

.order_small_img {width:464px;margin-top:20px; border:0px solid #000070; height:95px;}
.order_small_img_p {float:left; width:calc(25% - 10px); display:inline-block; margin-right:13px;}
.order_small_img_p:nth-child(4n) {margin-right:0px;}
.order_small_img_p img {width:100%;}

.order_right {width:650px; height:100%; overflow:hidden;}
.order_cate {width:650px; height:37px; font-size:27px; font-weight:bold; margin-top:8px; border-bottom:2px solid #000;}

.order_rental {overflow:hidden; border-bottom:1px solid #dbdbdb; padding:15px;}
.order_rental_1 {float:left; width:150px; font-size:17px; font-weight:bold; }
.order_rental_2 {float:left; width:460px; font-size:15px; line-height:25px;}
.order_price1 {text-decoration:line-through; font-size:15px;}
.order_price2 { font-size:19px; font-weight:bold;}
.order_right .m_write{margin-top:30px;vertical-align:middle; display:inline-block; width:99%; height:43px; font-size:16px; color:#000; border:1px solid #000; text-align:center; line-height:42px;}

.order_right .m_write_company1{margin-top:30px;vertical-align:middle; display:inline-block; width:49%; height:50px; font-size:18px; color:#fefefe; background:#ae1948; text-align:center; line-height:48px;}
.order_right .m_write_company2{margin-top:30px;vertical-align:middle; display:inline-block; width:49%; height:50px; font-size:18px; color:#fefefe; background:#6e6565; text-align:center; line-height:48px;}
.mo_count_all {width:60px;}


.order_button {margin-top:30px;}
.order_button_right {margin:0 auto;width:265px;font-weight:bold; font-size:17px; text-align:center;  padding:20px; background:#0c0948;}


#body_view{width: 100%;  height:auto; overflow:hidden; background:#f1f1f1;}
.product_veiw_title {width:100%; height:75px; text-align:center;}
.product_veiw_title .m_write{vertical-align:middle; font-weight:bold; display:inline-block; width:350px; height:50px; font-size:18px; color:#fff; background:#242223; text-align:center; line-height:48px;}
.product_veiw_title .m_write2{vertical-align:middle; display:inline-block; width:350px; height:50px; font-size:18px; color:#706d6e; background:#f0e8ea; text-align:center; line-height:48px;}

.product_veiw_content { margin-top:30px; text-align:center; margin-bottom:30px; }
.product_veiw_content img{max-width:100%;}
.product_veiw_list { height:80px;  margin:0 auto; text-align:center;}
.product_veiw_list .m_write2{vertical-align:middle; display:inline-block; width:300px; height:50px; font-size:18px; font-weight:bold; color:#fff; background:#000; text-align:center; line-height:48px;}
/* product view */


@media (max-width: 1240px) {

.cont_sub2_wrap {width:100%;}
.cont_sub2_wrap_L {width: 30%; float: left; height:auto;}
.cont_sub2_wrap_L img {height: auto; max-width:100%; }
.cont_sub2_wrap_R {width: 70%; float: left; height:auto; text-align:right;}
.cont_sub2_wrap_R img {height: auto;  max-width:100%;}


.cont_sub2_wrap_2L {width: 50%; float: left; padding-bottom:30px;}
.cont_sub2_wrap_2L img {width: 95%; }
.cont_sub2_wrap_2R {width: 50%; float: left; padding-bottom:30px;}

.cont_sub4_wrap_1L {width: 50%; float: left; font-size:20px; line-height:34px;}
.cont_sub4_wrap_1R {width: 50%; float: right;}
.cont_sub4_wrap_1R img {max-width:100%; }

.cooperate_list_L{float:none; width:100%;}
.cooperate_list_R{float:none; width:100%;}

.cooperate_list {}
.cooperate_list > ul { clear:both; }
.cooperate_list > ul:after {display:block;visibility:hidden;clear:both;content:""}
.cooperate_list > ul > li { float:left; width:calc(50% - 10px); height:auto; overflow:hidden; margin-bottom:50px; margin-right:17px;}
.cooperate_list > ul > li > a:hover, a:focus, a:active{text-decoration:none}
.cooperate_list > ul > li:nth-child(2n) {margin-right:0px; }
.cooperate_list > ul > li:nth-child(3n) {margin-right:17px; }
.cooperate_list > ul > li:nth-child(4n) {margin-right:0px; }
.cooperate_list > ul > li:nth-child(6n) {margin-right:0px; }
.cooperate_back {width:100%; height:auto; border:0px solid #c4c4c4; text-align:center;  margin-bottom:20px;}
.cooperate_back img {width:90%;object-fit:contain}
.cooperate_text1 {text-align:center; font-size:17px; width:100%; font-weight:bold; margin-bottom:10px; padding-top:20px; height:auto;}
.cooperate_text2 {text-align:center; font-size:15px; margin-top:5px; border-bottom:0px solid #323232;  margin-bottom:8px;}
.cooperate_text3 { padding:10px; font-size:14px; line-height:20px;  height:80px;}
.cooperate_price {font-size:17px; text-align:center;  height:30px; }
.cooperate_price2 {text-decoration:line-through; text-align:center; font-size:14px;}
.cooperate_btn {text-align:center; margin-top:10px;}


/* product view */
.product_order {overflow:hidden; margin-bottom:80px;}
.order_left {float:left; width:42%; height:100%; overflow:hidden;}
.order_big_img {margin-left:10px; border:3px solid #ddd; padding:13px; width:80%;}
.cc_img img {width:100%;}

.order_small_img {margin-left:10px; width:87%; margin-top:20px; border:0px solid #000070;}
.order_small_img_p {float:left; width:calc(25% - 10px); display:inline-block; margin-right:13px;}
.order_small_img_p:nth-child(4n) {margin-right:0px;}
.order_small_img_p img {width:100%;}

.order_right {width:58%; height:100%; overflow:hidden;}
.order_cate {width:100%; height:35px; font-size:24px; font-weight:bold; margin-top:8px; border-bottom:2px solid #000;}

.order_rental {overflow:hidden; border-bottom:1px solid #dbdbdb; padding:10px;}
.order_rental_1 {float:left; width:28%; font-size:15px; font-weight:bold; }
.order_rental_2 {float:left; width:72%; font-size:14px; line-height:25px;}
.order_price1 {text-decoration:line-through; font-size:15px;}
.order_price2 { font-size:19px; font-weight:bold;}
.order_right .m_write{margin-top:30px;vertical-align:middle; display:inline-block; width:99%; height:42px; font-size:16px; color:#000; text-align:center; line-height:40px;}


.product_veiw_title {width:100%; height:75px; text-align:center;}
.product_veiw_title .m_write{vertical-align:middle; font-weight:bold; display:inline-block; width:300px; height:50px; font-size:18px; color:#fff; background:#242223; text-align:center; line-height:48px;}
.product_veiw_title .m_write2{vertical-align:middle; display:inline-block; width:300px; height:50px; font-size:18px; color:#706d6e; background:#f0e8ea; text-align:center; line-height:48px;}

.product_veiw_content { margin-top:30px; text-align:center; margin-bottom:30px; }
.product_veiw_list { height:80px;  margin:0 auto; text-align:center; font-size:17px;font-weight:bold;}
.product_veiw_list .m_write2{vertical-align:middle; display:inline-block; width:300px; height:45px; font-size:17px; font-weight:bold; color:#fff; background:#000; text-align:center; line-height:43px;}
.m_write_file{vertical-align:middle; display:inline-block; width:130px; height:28px; font-size:14px; color:#fff; background:#000; border-bottom:1px solid #000; text-align:center; line-height:28px;}
/* product view */

}

@media (max-width: 750px) {
.cont_sub2_wrap_2L {width: 100%; float: none; padding-bottom:30px;text-align:center;}
.cont_sub2_wrap_2L img {width: 80%; }
.cont_sub2_wrap_2R {width: 100%; float: none; padding-bottom:30px;}
.cont_img_pc {display:none;}
.cont_img_mobile {display:block; }
.mMap { border:1px solid #ddd; margin:0px 0px 0px 0px; }

.cont_sub3_wrap_1L {width: 100%; float: none; padding-bottom:30px;}
.cont_sub3_wrap_1R {width: 100%; float: none; padding-bottom:30px; text-align:center;}
.cont_sub3_wrap_1R img {width: 90%; }

.cont_tbl_wrap2 table th{font-size: 12px;}
.cont_tbl_wrap2 table td{font-size: 12px; line-height:17px;}
.cont_tbl_wrap2 table td img{width:95%;} 


.cont_sub4_wrap_1L {width: 100%; float: none; font-size:15px; line-height:26px; padding-bottom:10px;}
.cont_sub4_wrap_1R {width: 100%; float: none;padding-bottom:0px;}
.cont_sub4_wrap_1R img {max-width:100%; }

p.cont_desc{font-size: 15px;}
.cont_ceo_title{color: #333; font-size:22px; }


.cooperate_list {}
.cooperate_list > ul { clear:both; }
.cooperate_list > ul:after {display:block;visibility:hidden;clear:both;content:""}
.cooperate_list > ul > li { float:left; width:calc(100%); height:auto; margin-bottom:40px; margin-right:17px;}
.cooperate_list > ul > li > a:hover, a:focus, a:active{text-decoration:none}
.cooperate_list > ul > li:nth-child(2n) {margin-right:0px; }
.cooperate_list > ul > li:nth-child(3n) {margin-right:0px; }
.cooperate_list > ul > li:nth-child(4n) {margin-right:0px; }
.cooperate_list > ul > li:nth-child(6n) {margin-right:0px; }
.cooperate_back {width:100%; height:auto; border:0px solid #c4c4c4; text-align:center;  margin-bottom:20px;}
.cooperate_back img {width:70%;object-fit:contain}
.cooperate_text1 {text-align:center; font-size:17px; width:100%; font-weight:bold; margin-bottom:10px; padding-top:20px; height:auto;}
.cooperate_text2 {text-align:center; font-size:15px; margin-top:5px; border-bottom:0px solid #323232;  margin-bottom:8px;}
.cooperate_text3 { padding:10px; font-size:14px; line-height:20px;  height:auto;}
.cooperate_price {font-size:17px; text-align:center;  height:30px; }
.cooperate_price2 {text-decoration:line-through; text-align:center; font-size:14px;}

.product_order {overflow:hidden; margin-bottom:50px;}
.order_left {float:left; width:100%; height:100%; overflow:hidden; }
.order_big_img {border:3px solid #ddd; padding:15px; width:70%; margin:0px auto;}
.cc_img img {width:100%;}

.order_small_img {width:77%; border:0px solid #000070; margin:0px auto;}
.order_small_img_p {float:left; width:calc(25% - 10px); display:inline-block; margin-right:13px; margin-top:20px;}
.order_small_img_p:nth-child(4n) {margin-right:0px;}
.order_small_img_p img {width:100%;}

.order_right {width:100%; height:100%; overflow:hidden;}
.order_cate {width:100%; height:35px; font-size:22px; font-weight:bold; margin-top:30px; border-bottom:2px solid #000;}

.order_rental {overflow:hidden; border-bottom:1px solid #dbdbdb; padding:10px;}
.order_rental_1 {float:left; width:28%; font-size:14px; font-weight:bold; }
.order_rental_2 {float:left; width:72%; font-size:13px; line-height:25px;}
.order_price1 {text-decoration:line-through; font-size:13px;}
.order_price2 { font-size:17px; font-weight:bold;}
.order_right .m_write{margin-top:30px;vertical-align:middle; display:inline-block; width:99%; height:40px; font-size:15px; color:#000; border:1px solid #000; text-align:center; line-height:40px;}

.product_veiw_title {width:100%; height:55px; text-align:center;}
.product_veiw_title .m_write{vertical-align:middle; font-weight:bold; display:inline-block; width:45%; height:40px; font-size:15px; color:#fff; background:#242223; text-align:center; line-height:39px;}
.product_veiw_title .m_write2{vertical-align:middle; display:inline-block; width:45%; height:40px; font-size:15px; color:#706d6e; background:#f0e8ea; text-align:center; line-height:39px;}
.product_veiw_list .m_write2{vertical-align:middle; display:inline-block; width:200px; height:40px; font-size:14px; font-weight:bold; color:#fff; background:#000; text-align:center; line-height:40px;}

.sub4_text_3 { font-size:12px; line-height:16px;}

}


@media (max-width: 640px) {
.cont_sub2_wrap {width:100%;}
.cont_sub2_wrap_L {width: 100%; float: none; height:auto;  text-align:center;}
.cont_sub2_wrap_L img {height: auto; width:80%; }
.cont_sub2_wrap_R {width: 100%; float: none; height:auto; text-align:center; padding-bottom:30px;}
.cont_sub2_wrap_R img {height: auto;  width:100%;}


}


@media (max-width: 1024px) {
	/* 메뉴 변경 추가건 s */
	.body-open-menu #hd.bg_opacity {z-index:4;position:absolute;width: 100%; background: #FFF;}
	/* 메뉴 변경 추가건 e */
	img{max-width: 100%;}
	.display_pc_inherit{display:none!important;}
	.body-open-menu{height:100vh;overflow:hidden;}
	#hd_wrapper{height:auto;}
	header .top-header-mobile{padding:2.27vw 0;width: 100%;display: flex;align-items: center}
	header .top-header-mobile>a{margin-right: auto;}
	header .top-header-mobile>a>.header-mobile-logo{width:25.86vw; height:6.25vw;background: url("/new_image/logo_bi2.png") no-repeat top center / 25.86vw 6.25vw;}
	header .top-header-mobile>.select-mobile-lang{margin-right:4.16vw;padding-right:3.47vw;font-size:3.05vw;font-family: 'Noto Sans KR'; font-weight: 700;color: #FFF;border: none;background: url("/2021new/content/images/icon_arrow_down_white.png") no-repeat center right / 2.08vw 1.11vw;appearance: none;}
	header .top-header-mobile>.select-mobile-lang>option{color: #070707}
	header .top-header-mobile>.btn-mobile-top-menu{width:8.33vw;height:8.33vw;padding: 0;border: none;background: url("/new_image/icon_menu.png") no-repeat top center / 8.33vw 8.33vw;cursor: pointer}
	.body-open-menu header .top-header-mobile>.select-mobile-lang{display: none}
	.body-open-menu header .top-header-mobile>.btn-mobile-top-menu{background: url("/new_image/icon_close.png") no-repeat top center / 8.33vw 8.33vw;}


	/* .nav-mobile-menu-list-container{display:none;height:calc(100vh - 8.88vw);background: #FFF;position: relative} */
	/* 메뉴 변경 추가건 s */
	.nav-mobile-menu-list-container{display:none;height:calc(100vh - 8.88vw);background: #FFF;position: relative;margin-top: 100px;}
	.body-open-menu header .top-header-mobile>a>.header-mobile-logo{background: url("/new_image/logo_bi_color2.png") no-repeat top center / 25.86vw 6.25vw;}
	/* 메뉴 변경 추가건 e */
	.body-open-menu .nav-mobile-menu-list-container{display:block}
	.nav-mobile-menu-list-container>.nav-mobile-menu-wrapper{padding: 0 20px;}
	.nav-mobile-menu-list-container>.nav-mobile-menu-wrapper>.nav-mobile-menu{width: 100vw;display: inline-block}
	.nav-mobile-menu-list-container>.nav-mobile-menu-wrapper>.nav-mobile-menu>.menu-title{padding:8px 0;height:auto;font-size:25px;font-weight: 600;font-stretch: normal;font-style: normal;line-height: normal;letter-spacing: normal;text-align: left;color: #070707;cursor: pointer;font-family:'poppins'}
	.nav-mobile-menu-list-container>.nav-mobile-menu-wrapper>.nav-mobile-menu>ul{padding: 0;list-style: none;display: none}
	.nav-mobile-menu-list-container>.nav-mobile-menu-wrapper>.nav-mobile-menu.active>ul{list-style: none;display: block}
	.nav-mobile-menu-list-container>.nav-mobile-menu-wrapper>.nav-mobile-menu>ul>li{height:auto;margin-top:10px;font-size:18px;font-weight: normal;font-stretch: normal;font-style: normal;line-height: 1.2;letter-spacing: -0.35vw;text-align: left;color: #3365ae;}
	.nav-mobile-menu-list-container>.nav-mobile-menu-wrapper>.nav-mobile-menu>ul>li:first-child{margin-top:10px;}
	.nav-mobile-menu-list-container>.nav-mobile-menu-wrapper>.nav-mobile-menu>ul>li>a{color: #999;text-decoration: none;}
	.nav-mobile-menu-list-container>.nav-mobile-menu-wrapper>.nav-mobile-menu>ul>li.active>a{color: #3365ae;}
	.nav-mobile-menu-list-container>.nav-mobile-menu-wrapper>.language-selector{position: absolute; bottom:9.72vw; left:0; width: 100%;display: flex;justify-content: center;}
	.nav-mobile-menu-list-container>.nav-mobile-menu-wrapper>.language-selector>a{margin-right:0.52vw;padding:3.61vw 10vw;border-radius:4.16vw;border: solid 1px #ddd;background-color: #fff;font-size:18px;font-weight: 500;font-stretch: normal;font-style: normal;line-height: normal;letter-spacing: normal;text-align: center;color: #070707;text-decoration: none}
	.nav-mobile-menu-list-container>.nav-mobile-menu-wrapper>.language-selector>a:last-child{margin-right: 0;}


	.tit-pop{text-align: center; font-size: 32px; color: #000; margin-bottom: 50px; font-weight: 900; line-height: 1.15;}

	.form-st2 .tit{width: 100% !important; padding: 10px 10px 10px 0; /*font-size: 1.059em;*/ font-weight: 400; color: #000}
	.form-st2 .item > *{display: block;vertical-align: middle;}
	.form-st2 .cont{height: auto; border:1px solid #3477f2; border-radius: 5px; overflow: hidden; padding: 10px 20px}


	.ck_input{position: relative; padding-left: 0; margin-left: 0;}
	.ck_input:before{position: absolute;left: 0; top:50%; margin-top: 0; width: 0; height: 0; background: #0075ff; content: ''}
	.ck_w input{border:0; margin-left: 0;}


	.btn-st1{border:1px solid #b3b9c1; border-radius: 100px; text-align: center; font-weight: 500; line-height: 63px; color: #000; font-size: 2.100em;}

	h.inquiry-write-form-desc>strong{display:block}
	.upload-file-wrapper{width: 100%; height: 300px; border:1px;border-style: solid; border-color: gray;}


	#fileDragDesc {display:none !important}


/* 	.sub-t{padding:30px 0px 0px 5px; color: #fff; font-size: 40px; line-height: 1.00; font-weight: 900;letter-spacing: -0.03em;} */
	/* 메뉴 변경 추가건 s */
	.sub-t{padding:29vw 0 0 3vw; color: #fff; font-size: 5vw; line-height: 1.00; font-weight: 900;letter-spacing: -0.03em;}
	/* 메뉴 변경 추가건 e */
	.sub-t_sp{font-size: 3vw;}




	/* 오시는 길 */
	.page-location .group{border-top: none; word-break: keep-all; margin-top: 50px;}
	.page-location .group:first-child{margin-top: 0;}
	.page-location .group .l{float: left; position: relative; width: 100%}
	.page-location .group .r{float: right; position: relative; padding-bottom: 5%; width: 100%; margin-top: 10px;}
	.page-location .group .r iframe{width: 100%; height: 100%; display: block; position: absolute; left: 0;top:0}
	.page-location .group .l .name{width: 100%; line-height: 30px; background: #000; color: #fff; font-size: 1.125em; display: block; text-align: center; margin-top: -1px;}
	.page-location .group .l > *{display: block;}
	.page-location .group .loc{margin: 30px 0 20px; font-size: 1.5em;}
	.page-location .group .tel{font-size: 1.063em;}
	.page-location .group .link{font-weight: 500; color: #000; border-radius: 100px; border:1px solid #aeb4bd; width: 176px; height: 47px; line-height: 47px; text-align: center; margin-top: 20px;}
	.page-location .group .link:hover{color: #266df1;}


	.nationalImg{position:relative;; width:100%; height:auto; margin-top:20px; margin-bottom: 20px;}
	.nationalImg img{position:relative; width:100%; height:auto; padding-bottom: 10px;}


	/* 컴플라이언스 */
	.rule_ex{display: -webkit-flex;
	display: -ms-flex;
	display: flex; flex-wrap: wrap; margin-left: -2%; font-size: 1.188em; word-break: keep-all;}
	.rule_ex li{padding: 25px 70px ;border:1px solid #ccc; border-radius: 100px; float: left; width: 100%;margin: 0 0 2% 2%;}
	.rule_ex .in{display: table; width: 100%; height: 100%}
	.rule_ex .in > *{display: table-cell; vertical-align: middle;}
	.rule_ex .in > strong{width: 75px; font-size: 28px; font-weight: 900;}
	.rule_ex2{text-align: center; margin-top: 80px; text-align: center; display: -webkit-flex;
	display: -ms-flex;
	display: flex; position: relative;     justify-content: space-between;}
	.rule_ex2:before{position: absolute;left: 10%;top:75px; content: ''; width: 80%; background: #ccc; content: ''; height: 1px}
	.rule_ex2 img{display: block;}
	.rule_ex2 .txt{margin-top: 10px; font-size: 1.188em; margin-top: 15px;}
	.rule_ex2 li{position: relative;z-index: 1}
	.color-blue{color: #276ef1 !important}
	.color-black{color: #000;}



	.initiative_con > .info02_con > .list_con > ul > li > .info_con {height: auto; padding:35px 20px; border:1px solid #276ef1; box-sizing:border-box;}



	/* 종합기술원 */
	.sub_page{padding: 40px 0 130px}
	.page-total{position: relative;}
	.page-total .background{position: absolute; left: 0;top:65px; width: 100%;height: 449px; background: #ebeef4 url('/img/rd/bg.jpg') right bottom no-repeat; background-size: cover}
	.page-total .rel{position: relative;z-index: 1}
	.total_dev{margin-left: -2%; font-size: 1rem; display: -webkit-flex;
	display: -ms-flex;
	display: flex;
	flex-direction:column}
	.total_dev > li{float: left; width: 100%; margin: 0 0 30px 2%;display:flex;}
	.total_dev .img{position: relative; border-radius: 10px; overflow: hidden;height:130px;}
	.total_dev .img img{display: block; max-width:100%;height:130px}
	.total_dev .img .ab{position: absolute;left: 0;bottom: 0; width: 100%; height: 130px; border-radius: 0 15px 0 15px; text-align: center; color: #fff; background: rgba(38,109,241, .8) ; font-size: 1.375em; line-height: 1.15;}
	.total_dev .img .ab span{position: absolute;left: 0; width: 100%; top:50%; transform: translateY(-50%);}
	.total_dev .cont{font-size: 1.188em; margin-top: 0;padding-left:10px; word-break: keep-all;flex:1;}
	.total_dev.td2 > li{width: 48%;}
	.total_dev .td3 > li{width: 23%;}

	.tit-group .t{font-size: 1.605em; line-height: 1.15; font-weight: 900; font-family:'Noto Sans KR','Noto Sans KR', sans-serif; color: #000; margin-bottom: 0.750em;}


	.governance5_con > .info01_con > .list_con > ul > li {float:left; width:100%; margin-top:30px; box-sizing:border-box;}
	.governance5_con > .info01_con > .list_con > ul > li:nth-child(2) {margin-top: 30px;}
}

@media (max-width: 1024px) {
	.ck-st1_w > *{width: 45%;}
}

@media (max-width: 480px) {
	header .top-header-mobile{padding:2.77vw 0;width: 100%;display: flex;align-items: center}
	header .top-header-mobile>a{margin-right: auto;}
	header .top-header-mobile>.select-mobile-lang{margin-right:4.16vw;padding-right:3.47vw;font-size:3.05vw;font-family: 'Noto Sans KR'; font-weight: 700;color: #FFF;border: none;background: url("/2021new/content/images/icon_arrow_down_white.png") no-repeat center right / 2.08vw 1.11vw;appearance: none;}
	header .top-header-mobile>.select-mobile-lang>option{color: #070707}
	header .top-header-mobile>.btn-mobile-top-menu{width:8.33vw;height:8.33vw;padding: 0;border: none;background: url("../new_image/icon_menu.png") no-repeat top center / 8.33vw 8.33vw;cursor: pointer}
	.body-open-menu header .top-header-mobile>.select-mobile-lang{display: none}
	.body-open-menu header .top-header-mobile>.btn-mobile-top-menu{background: url("../new_image/icon_close.png") no-repeat top center / 8.33vw 8.33vw;}


	.nav-mobile-menu-list-container{display:none;height:calc(100vh - 13.88vw);background: #FFF;position: relative}
	.body-open-menu .nav-mobile-menu-list-container{display:block}
	.nav-mobile-menu-list-container>.nav-mobile-menu-wrapper{padding: 0 20px;}
	.nav-mobile-menu-list-container>.nav-mobile-menu-wrapper>.nav-mobile-menu{width: 100vw;display: inline-block}
	.nav-mobile-menu-list-container>.nav-mobile-menu-wrapper>.nav-mobile-menu>.menu-title{padding:2.22vw 0 2.22vw;height:auto;font-size:5.4vw;font-weight: bold;font-stretch: normal;font-style: normal;line-height: normal;letter-spacing: normal;text-align: left;color: #070707;cursor: pointer}
	.nav-mobile-menu-list-container>.nav-mobile-menu-wrapper>.nav-mobile-menu>ul{padding: 0;list-style: none;display: none}
	.nav-mobile-menu-list-container>.nav-mobile-menu-wrapper>.nav-mobile-menu.active>ul{list-style: none;display: block}
	.nav-mobile-menu-list-container>.nav-mobile-menu-wrapper>.nav-mobile-menu>ul>li{height:auto;margin-top:2.77vw;font-size:4.4vw;font-weight: normal;font-stretch: normal;font-style: normal;line-height: 1.43;letter-spacing: -0.35vw;text-align: left;color: #3365ae;}
	.nav-mobile-menu-list-container>.nav-mobile-menu-wrapper>.nav-mobile-menu>ul>li:first-child{margin-top:2.77vw;}
	.nav-mobile-menu-list-container>.nav-mobile-menu-wrapper>.nav-mobile-menu>ul>li>a{color: #999;text-decoration: none;}
	.nav-mobile-menu-list-container>.nav-mobile-menu-wrapper>.nav-mobile-menu>ul>li.active>a{color: #3365ae;}
	.nav-mobile-menu-list-container>.nav-mobile-menu-wrapper>.language-selector{position: absolute; bottom:9.72vw; left:2.08vw}
	.nav-mobile-menu-list-container>.nav-mobile-menu-wrapper>.language-selector>a{margin-right:0.52vw;padding:3.61vw 10vw;border-radius:4.16vw;border: solid 1px #ddd;background-color: #fff;font-size:5vw;font-weight: 500;font-stretch: normal;font-style: normal;line-height: normal;letter-spacing: normal;text-align: center;color: #070707;text-decoration: none}
	.nav-mobile-menu-list-container>.nav-mobile-menu-wrapper>.language-selector>a:last-child{margin-right: 0;}
}

@media (max-width: 500px) {
	.ck-st1_w > *{width: 100%;}
}

.compliance3 .line {width:100%; height:1px; background-color:#ddd; float:left; margin-bottom:30px;  }
.compliance3 {width:100%; display:inline-block }
.compliance3 .img_box {width:50%; float:left   }
.compliance3 .img_box   p {width:50%; box-sizing:border-box;   float:left; position:relative}
.compliance3 .img_box p img  {width:100%; }




.compliance3 div.t_box {width:50%; display:inline-block;  }
.compliance3 div.t_box2 {width:60%; float:right}
.compliance3 h3 {font-size:2em; padding-bottom:30px;  color:#276ef1;}
.compliance3 div.t_box h3 { }
.compliance3 p {width:100%; display:inline-block; font-size:1em; color:#666; line-height:1.4em; }
.compliance3 p b {font-size:1.3em; color:#333; font-weight:600}

.compliance3 .img_box2 {width:33%; float:left;     }
.compliance3 .img_box2 p img  {width:100%; }


.compliance3 .sian  { width:100%; display:inline-block;  margin-top:20px }
.compliance3 .sian img  {width:170px;}



@media (max-width: 500px) {
.compliance3 h3 {font-size:1.5em;  }

 .compliance3 .img_box {width:100%;}
 .compliance3 .img_box p {width:50%; text-align:center }
 .compliance3 .img_box p img  {width:100%}

.compliance3 div.t_box {width:100%;  margin-top:30px }
.compliance3 div.t_box h3 {margin-top:5px}


.compliance3 div.t_box2 {width:100%;  margin-top:30px}
.compliance3 .img_box2 {width:100%;  }
.compliance3 .img_box2 p {text-align:center}
.compliance3 .img_box2  p img  {width:70% }

 .compliance3  .sian img  {width:130px;}


}


/*env5.skin*/
.page-org_act div.e5{
border:0px solid red;
 color: #333;

}
.page-org_act div.e5 h2{
font-weight: 600;
font-size: 2em;
font-family: 'Noto Sans KR','Noto Sans KR', sans-serif;
}
.page-org_act div.e5 p{
padding: 3% 15% 5% 15%;
text-align:center;
 font-size: 1.2em;
 font-weight: 400;
 font-family:'Noto Sans KR', sans-serif;
}
.page-org_act figure{
width:30%;
border:0px solid red;
float:left;
margin-right:5%;
}
.page-org_act figure:last-child{
margin-right:0%;
}

.page-org_act figure img{
width:100%;
border:0px solid blue;
}
.page-org_act figure figcaption{
padding-top:5%;
font-family: 'Noto Sans KR', sans-serif;
 color: #333;
 font-size: 1rem;

}


@media all and (max-width: 1024px) {
.page-org_act div.e5 p{
text-align:left;
padding:5% 0
}
.page-org_act div.e5 p br{
display:none
}
.page-org_act figure{
width:100%;
border:0px solid red;
padding:3% 0
}

.page-org_act figure img{
width:45%;
border:0px solid yellow;
float:left
}

.page-org_act figure figcaption{
float:left;
width:45%;
border:0px solid blue;
padding:0% 0 0 5%;
line-height:1.5
font-family: 'Noto Sans KR', sans-serif;
}

}


/*사회공헌*/


.social .color-blue  {color: #276ef1 !important}


.social .tit-st1  {font-size:1.7rem;  font-weight: 600; line-height:1.2em;  color: #000; position: relative; padding: 7px 0 0 14px;}
.social .tit-st1:before  {position: absolute;left: 0;top:0; width: 14px; height: 4px; content: ''; background: #276ef1}
.social .tit-st1:after  {position: absolute;left: 0;top:0; width: 4px; height: 14px; content: ''; background: #276ef1}

.social .info01_con {border-radius:20px; word-break:keep-all;}
.social .info01_con:after {content:''; display:block; clear:both;}
.social .info01_con  .fl {float:left; width:60%; font-size:1.05rem; line-height:1.4em}
.social .info01_con  .fl .tit-st1:after {display:none}
.social .info01_con  .fl .tit-st1:before {display:none}
.social .info01_con  .fr {float:right; width:37%;}
.social .info01_con  .fr img {width:100%}
.social .info01_con  .fl  .title_con  h3 {margin-bottom:30px; padding:0; font-weight:900;}
.social .info01_con  .fl  strong {width:100%; display:inline-block; margin-bottom:20px; font-size:1.15em; font-weight:600}




.social .info_con  .title_con {position:relative;}
.social .info_con  .tt2 {margin-bottom:20px;}
.social .info_con  .tt2:after {content:''; display:block; position:absolute; top:-7px; left:0; width:50px; height:1px; background-color:#276ef1;}


.social .info_con .title_con  span {font-size:1.100em; font-weight:800;font-family:'HK_Gothic_ExtraBold', sans-serif;}
.social .info_con .title_con  span. {font-weight:700;}



.social .info_con  .contents_con {border-radius:20px; background-color:#f8f8f8; text-align:center;}
.social  .info_con  .contents_con  .title_con {}
.social  .info_con  .contents_con  .title_con  span {display:block; font-size:2rem; font-weight:900; line-height:1.15;}
.social  .info_con .contents_con  .title_con  .color_text {margin-bottom:25px;  font-size:1.100em; font-weight:500; color:#000000;}
.social  .info_con .contents_con  .text_con {border-top:1px solid #e3e3e3; padding:20px 0; font-size:1rem; line-height:1.4em; }
.social  .info_con .contents_con  .text_con span {width:100%; display:inline-block; margin:10px 0; color:#000000; font-size:1.15rem; line-height:1.4em}

.social  .info02_con {margin-top:90px;}
.social  .info02_con  .contents_con {padding:30px}




.social .info03_con  .contents_con  .list_con {text-align:center; padding-top:20px}
.social .info03_con  .contents_con  .list_con  ul {display:flex; }
.social .info03_con  .contents_con  .list_con  ul  li { width:33.3333%;}
.social .info03_con  .contents_con  .list_con  ul  li  .list_div  .img_con {width:100%; margin:0 auto 20px;}
.social .info03_con  .contents_con  .list_con  ul  li  .list_div  .title_con {margin-bottom:15px;}
.social .info03_con  .contents_con  .list_con  ul  li  .list_div  .title_con  span {display:block;}
.social .info03_con  .contents_con  .list_con  ul  li  .list_div  .title_con  span:nth-child(1) {margin-bottom:5px; font-size:1.05rem; font-weight:900;font-family:'Noto Sans KR';}
.social .info03_con  .contents_con  .list_con  ul  li  .list_div  .title_con  span:nth-child(2) {}
.social .info03_con  .contents_con  .list_con  ul  li  .list_div  .text_con  span {color:#000000;}

.social .group {font-size:1.05rem; line-height:1.4em}
.social .contri_txt{margin:30px 0; letter-spacing: -0.01em; word-break: keep-all;}

.social .group strong {font-size:1.2em;font-family:'HK_Gothic_ExtraBold';}


.social .ul_list {width:100%; display:flex; justify-content:space-between }
.social .ul_list li {width:24%; margin-bottom:20px}
.social .ul_list li  img {width:100%; border:1px solid #ddd; border-radius:30px}

.social .text_list {width:100%; border-top:1px solid #333; margin-top:20px}
.social .text_list li {border-bottom:1px solid #ddd; color:#444; width:100%; padding:8px 0; display:inline-block; }

@media all and (max-width:1024px){
 .social .tit-st1{font-size:1.5rem; }
.social .info01_con  .fl {display:inline-block;  width:100%;}
.social .info01_con  .fr {display:inline-block; margin-top:20px;  width:100%;}

.social .ul_list { flex-wrap:wrap}
.social .ul_list li {width:48%;}
.social .info_con  .contents_con  .title_con  span {font-size:1.5rem; }

.social .info03_con  .contents_con  .list_con  ul {display:flex; flex-wrap:wrap}
.social .info03_con  .contents_con  .list_con  ul  li { width:100%;}
.social .info03_con  .contents_con  .list_con  ul  li img {width:30%}

 .social .info_con  .contents_con  .text_con span {  font-size:1.05rem; padding:0 30px; box-sizing:border-box }


   }

@media all and (max-width:1024px){

.cert_img_wrap ul {flex-wrap:wrap;}
.page-e_org .e_o2 .dev > li {width:100%; padding:0; margin-bottom:3em;}
.page-e_org .e_o2 .dev > li:last-child{margin-bottom:0}
.page-e_org .e_o2 .dev > li img {width:63%;}

.com_pd .dev > li{padding:0;}
.com_pd .env5_li> li{padding:0;width:33.33%;}
.com_pd .env_li> li{padding:0;width:33.33%}
}

/*20220615 ci 페이지추가*/

ul.logo_guide {margin-top:40px; width:100%; display:flex; flex-wrap:wrap; justify-content :space-between }
ul.logo_guide li {width:48%; text-align:center;  border:1px solid #aeb4bd; box-sizing:border-box; padding:30px 15px; border-radius:10px; display:flex; align-items:Center; justify-content:center}
ul.logo_guide li img {max-width:90%}
ul.logo_guide li:nth-child(n + 3) {margin-top:20px}


.ci_group {width:100%;  }
.ci_group ul {width:100%; flex-wrap:wrap; display:flex;  }
.ci_group ul li  {border:1px solid #aeb4bd; border-radius:10px; overflow:hidden;   box-sizing:border-box; }
.ci_group ul li .logo {width:100%; text-align:center; background-color:#ddd; padding:70px 0; }
.ci_group ul li .logo img {width:70%}
.ci_group ul li:nth-child(1) .logo {background-color:#276EF1}
.ci_group ul li:nth-child(2) .logo {background-color:#fff; border-bottom:1px solid #ddd;}
.ci_group ul li:nth-child(3) .logo {background-color:#000073}
.ci_group ul li:nth-child(4) .logo {background-color:#DADCE0}
.ci_group ul li:nth-child(5) .logo {background-color:#000000}
.ci_group ul li:nth-child(6) .logo {background-color:#9FA0A0}


ul li  .cont {width:100%; box-sizing:border-box; padding:20px; font-size:1rem; line-height:1.5em; color:#555}


@media all and (min-width:1024px){

	.ci_group ul li {width:23%; margin-right:2.6%;}
	.ci_group ul li:nth-child(n + 5) {margin-top:30px}
	.ci_group ul li:nth-child(4) {margin-right:0}
}

@media all and (max-width:1024px){
     .ci_group ul   {justify-content :space-between }
	.ci_group ul li {width:48%; border-radius:5px}
	.ci_group ul li:nth-child(n + 3) {margin-top:20px}
    .ci_group ul li .logo {  padding:40px 0; }
	ul li  .cont { padding:13px; font-size:.90rem; line-height:1.4em; color:#555}


}


@media all and (max-width:460px){
.env5_title{font-size:1rem;}
}




/* ESG 환경경영 수정 */
.w7{width:7%}
@media all and (max-width:1200px){
.nobr{display:none}
}





/*특허보유현황  */
.page-certificate > ul{margin-left: -2%; display: -webkit-flex;
display: -ms-flex;
display: flex; flex-wrap:wrap;word-break:keep-all}
.page-certificate > ul > li{float: left; width: 23%; margin: 0 0 30px 2%;}
.page-certificate .img{border:1px solid #276ef1; border-radius: 15px; padding: 40px 15px}
.page-certificate .img img{display: block;margin: 0 auto; box-shadow: 3px 3px 8px 3px #c7c7c7;width:80%}
.page-certificate .cont{margin-top: 20px; font-size: 1.063em;padding:0}
.page-certificate .cont .t{display: block; color: #000; font-size: 1.176em; line-height: 1.15; margin-bottom: 5px;}


@media (max-width:720px){
  .page-certificate > ul > li{width: 48%}
  .page-certificate .img{padding: 15px}
 
 }


/*인증마크*/
.mark .tit-group {word-break:keep-all}
.mark .tit-group p{color:#555;word-break:keep-all}
.mark  .dev{text-align: center; border-top: 2px solid #333; border-bottom: 1px solid #ccc; padding: 35px 0}
.mark  .dev > li{float: left; }
.mark  .i5 > li{width: 20%}
.mark   .i5 > .w40{width:40%}
.mark  .dev img{display: block; margin: 0 auto 20px;}
.mark  .dev .t{color: #000; font-size: 1.25em; display: block; margin-bottom: 5px; display: block;}
.mark  .dev .txt{letter-spacing: -.07em; display: block; line-height: 1.35;}
 @media (max-width:950px){
.mark  .i5 > li{width: 33.3333333333333%; margin-bottom: 1rem;}
.mark  .dev{padding: 1.5rem 0}
.mark  .dev img,.dev > li img{max-width: 87%}
.mark   .i5 > .w40{width:100%;margin:0 auto}
 }



/* */

	.business_info .market{margin-left: -2%; display: -webkit-flex;
display: -ms-flex;
display: flex; flex-wrap:wrap}
.business_info .market > li{float: left; border:1px solid #aeb4bd; border-radius: 15px; width: 31.33333333333%; margin-left: 1%; overflow: hidden;}
.business_info .market > li .img{background: url('') center -15px no-repeat; background-size: cover; color: #fff; text-align: center; position: relative; height: 291px}
.business_info .market .l1 .img{background-image: url('/theme/typeA/skin/content/basic/part1.jpg')}
.business_info .market .l2 .img{background-image: url('/theme/typeA/skin/content/basic/part2.jpg')}
.business_info .market .l3 .img{background-image: url('/theme/typeA/skin/content/basic/part3.jpg')}
.business_info .market .img > *{position: absolute;left: 0; top:50%; transform: translateY(-50%); font-weight: 900; font-size: 1.375em; width: 100%;}
.business_info .market .cont{padding: 30px 30px 30px; font-size: 19px; font-size: 1.188rem;}
.business_info .market .cont .t{font-size: 1.105em; color: #000; display: block; margin-bottom: .87em;}
.business_info .market .cont p{word-break:keep-all}
  



.partnership    .form-st2{font-size: 1.188rem;}
.partnership .form-st2 .item{display: table; width: 100%; margin-top: 10px;}
.partnership .form-st2 .item:first-child{margin-top: 0;}
/* .form-st2 .item.half{width: 50%;float: left;} */
.partnership .form-st2 .item > *{display: table-cell;vertical-align: middle;}
.partnership .form-st2 .tit{width: 15% !important; padding: 10px 10px 10px 0; /*font-size: 1.059em;*/ font-weight: 400; color: #000}
.partnership .form-st2 .cont{height: 50px; border:1px solid #3477f2; border-radius: 5px; overflow: hidden; padding: 10px 20px }
/* .form-st2 .cont input[type="text"]{max-width: 300px} */
.partnership .form-st2 .cont input[type="text"].long{max-width: 100%}
/* .form-st2 .border{border:0; border-radius: 0; overflow: hidden;} */
.partnership .form-st2 .sect{margin-top: 5px;}
.partnership .form-st2 .sect:first-child{margin-top: 0;}
.partnership .form-st2 select,.form-st2 input[type="text"],.form-st2 input[type="password"]{height: 40px; width: 100%; padding: 0; border:0}
/* .ck_w{padding: 0 20px} */
.engps .form-st2 input::placeholder {color: #949494;}
.engps .ck-st1_w > *{width:23%;font-size:14px}
.engps .ck-st1_w > li:nth-child(2){margin-right:35px}
 @media (max-width:1500px){
 .engps .ck-st1_w > *{width:32%;font-size:16px}
 }
 @media (max-width:1000px){
 .business_info .market > li{width: 98%; margin-bottom: 1rem;}
  .business_info .market > li:last-child{margin-bottom: 0;}
/*   .business_info .market > li .img{padding-bottom: 40%;} */


.partnership .form-st2 .item{display: block;}
.partnership   .form-st2 .item > *{display: block;}
.partnership  .form-st2 .tit{width: 100% !important; padding-top: 0}
.partnership  .form-st2 .cont{height: auto; padding: 10px;word-break:keep-all}
.partnership  .agree_box{padding: 1.5rem}
.partnership  .submit a{font-size:1.5rem}

.engps .ck-st1_w > *{ width:100%}
  }


.tm100{margin-top:100px}

/* .poppins{font-family:'poppins' !important} */