@charset "utf-8";

/*서브공통*/
.contents_wrap {padding:30px 15px 50px 15px;}
.contents {padding-top:40px;}
.sub_visual {position:relative;max-height:200px;overflow:hidden;}
.sub_visual img {width:100%;}
/*.sub_visual:before {content:"";display:block;position:absolute;right:0;left:0;top:0;bottom:0;background:#000;opacity:0.3;}*/
.sub_visual .sub_tit {position:absolute;top:50%;left:0;right:0;margin-top:10px;font-family:'Noto Sans KR';font-weight:500;text-align:center;font-size:24px;line-height:24px;color:#fff;text-shadow:1px 1px 10px #2f2f2f;}
.snb {position:relative;display:block;overflow:hidden;height:35px;}
.snb .location {position:relative;float:left;width:50%;}
.snb .location:after {content:"";position:absolute;right:10px;top:50%;width:10px;height:6px;margin-top:-3px;display:inline-block;background:url('../images/sub/bul_snb_select1.png') no-repeat 0 50%;background-size:10px;}
.snb .location select {height:35px;background:#282829;border:0;color:#ccc;font-size:12px;}
.snb .location.dep2 select {background:#9b8362;color:#f5e9d9}
.snb .location.dep2:after {background:url('../images/sub/bul_snb_select2.png') no-repeat 0 50%;background-size:10px;}
.page_tit {position:relative;padding-bottom:15px;font-family:'Noto Sans KR';font-weight:500;text-align:center;font-size:24px;line-height:24px;}
.page_tit:after {content:"";display:inline-block;position:absolute;left:50%;bottom:0;width:50px;margin-left:-25px;height:1px;background:#009b7b}
.list_tit {margin-bottom:10px;color:#9b8362;font-weight:bold;}
.sec {padding-bottom:30px;}
.sec_tit {margin-bottom:10px;color:#9b8362;font-weight:bold;}
.sec_con {margin-bottom:30px;}
.sec_con .con_tit {position:relative;margin-bottom:20px;padding-top:40px;text-align:center;font-size:18px;line-height:18px;font-weight:700;}
.sec_con .con_tit:before {content:"";position:absolute;left:50%;top:0;width:1px;height:25px;background:#d2232a;}
.sec_con p {padding-bottom:20px;font-size:13px;line-height:18px;}
.sec_con p img {max-width:100%;}
.sec_con .txt {padding-bottom:20px;font-size:13px;}
.sec_con .visual {padding-bottom:20px;text-align:center;}
.sec_con .visual img {max-width:100%;}
.sec_con .bdbox {padding:20px 15px 0 15px;border:4px solid #ececec}
.sec_con .txt_tit {margin-bottom:20px;text-align:center;font-size:18px;font-weight:normal;letter-spacing:-1px;}
.sec_con .txt_tit strong {font-weight:700;}
.tb_tit {margin-bottom:5px;color:#9b8362;font-weight:bold;font-size:14px;}
.tb {width:100%;}
.tb th,
.tb td {padding:5px 3px;border:1px solid #fff;font-size:11px;}
.tb th {text-align:center;background:#a6905a;color:#fff;font-weight:normal;word-break: break-word;font-size:11px;line-height:14px;}
.tb td {text-align:center;background:#efefef;font-size:11px;word-break: break-word;line-height:14px;}
.tb.bg_loop tbody tr:nth-child(even) td {background:#e5e5e5;}
.tb .title {display: block; width: 100%; word-break: break-all; font-size: 12px; line-height: 1.5; text-align: left; color: #3a3a3a;}
.tb .al_l {text-align:left;}
.tb .al_c {text-align:center;}
.tb .al_r {text-align:right;}
.tb td.pic {padding-top:10px;padding-bottom:10px;}
.tb td.pic img {width:70%;}
.tb td.c_grn {background:#d1e4de}
.tb td.c_gry {background:#e5e5e5}
.tb td table {margin:10px auto;}
.tb td table th {background:none;color:#333;border:1px solid #ccc}
.tb td table td {border:1px solid #ccc}
.input_form.tb th,
.input_form.tb td {padding:5px;height:30px;font-size:12px;border:1px solid #ccc;}
.input_form.tb th {letter-spacing:-1px;}
.content_visual {width:100%;margin-top:10px;overflow:hidden;}
.content_visual img {width:100%;}
.content_visual .summary {overflow:hidden;position:absolute;width:1px;height:1px;margin:-1px;clip:rect(0 0 0 0)}
.sub_tab {margin-bottom:25px;}
.sub_tab .select_nav {display:block;position:relative;height:30px;margin-bottom:5px;}
.sub_tab .select_nav:after {content:"";position:absolute;right:10px;top:50%;width:8px;height:6px;margin-top:-3px;display:inline-block;background:url(../images/bul_select_gray.png) no-repeat 0 50%;background-size:8px;}
.sub_tab .select_nav select {height:30px;background:#d2232a;color:#fff;border:0;font-size:13px;border:1px solid #d2232a;}
.sub_tab .select_snav {display:block;position:relative;height:30px;margin-bottom:5px;}
.sub_tab .select_snav:after {content:"";position:absolute;right:10px;top:50%;width:8px;height:6px;margin-top:-3px;display:inline-block;background:url(../images/bul_select_dgray.png) no-repeat 0 50%;background-size:8px;}
.sub_tab .select_snav select {height:30px;background:#f2f2f2;border:0;font-size:13px;border:1px solid #ccc;}
.sub_tab ul {width:100%;overflow:hidden;padding-top:1px;padding-left:1px;}
.sub_tab ul li {position:relative;float:left;margin-left:-1px;width:50%;}
.sub_tab.units_1 li {width:100%;}
.sub_tab.units_2 li {width:50%;}
.sub_tab.units_3 li {width:33.3%}
.sub_tab.units_4 li {width:25%;}
.sub_tab.units_mt li {width:25%;}
.sub_tab ul li a {display:block;height:32px;line-height:32px;text-align:center;margin-top:-1px;border:1px solid #ccc;background:#fff;font-size:15px;letter-spacing:-1px;color:#666}
.sub_tab ul li.on a {color:#fff;background:#009b7b;border:1px solid #009b7b}
.sub_tab.sstab {margin-bottom:20px;}
.sub_tab.sstab ul li a {font-size:12px;}
.sub_tab.sstab ul li.on a {background:#a6905a;border:1px solid #a6905a;}
.tab_content {display:none;}
.tab_content.active {display:block;}
.view_more_list {margin-top:30px;}
.view_more_list a {display:block;height:35px;line-height:35px;color:#fff;text-align:center;background:#949494 url('../images/sub/bul_arr_down_white.png') no-repeat 95% 50%;background-size:17px;}
.list_more_view a {display:block;height:40px;color:#08164e;text-align:center;border:1px solid #ccc;font-size:13px;line-height:40px;font-weight:700;}
.board_prenet {width:100%;overflow:hidden;padding-top:25px;margin-bottom:-55px;}
.board_prenet li a {display:block;height:30px;line-height:30px;width:72px;border:1px solid #2a2a2a;text-align:center;font-size:12px;}
.board_prenet .prev {float:left;}
.board_prenet .next {float:right;}
.board_prenet .prev a:before {content:"<";margin-right:5px;}
.board_prenet .next a:after {content:">";margin-left:5px;}
.summary {margin-top:25px;text-align:center;color:#009b7b;font-weight:bold;font-size:18px;line-height:22px;}
.ment {padding:12px 0 0 0;text-align:center;color:#162135;font-size:13px;line-height:18px;font-weight:normal;}

/*scroll menu*/
.scroll_menu_wrapper {background:#f7f7f7;margin:0 -15px;overflow:hidden;}
.scroll_menu {position:relative;height:35px;margin:0 10px;background:#f7f7f7;}
.scroll_menu li {float:left;text-align:center;}
.scroll_menu li a {position:relative;display:block;height:35px;line-height:35px;padding:0 15px;color:#a8a8a8;font-size:13px}
.scroll_menu li a:before {content:"";display:inline-block;width:1px;height:8px;position:absolute;left:0;top:50%;margin-top:-4px;background:#d0d0d0;}
.scroll_menu li:first-child a:before {display:none;}
.scroll_menu li a.on {color:#009b7b;}
.scroll_menu #scroller {margin:0 1px;position:absolute;white-space:nowrap;}
.scroller-arr-left, .scroller-arr-right {position:absolute;display:none;left:-10px;top:0;width:35px;height:35px;background:url('../images/sub/bt_scrollmenu_l.png') no-repeat;background-size:35px;text-indent:-9999px;overflow:hidden;}
.scroller-arr-right {width:35px;height:35px;background:url('../images/sub/bt_scrollmenu_r.png') no-repeat;background-size:35px;}
.scroller-arr-left.active, .scroller-arr-right.active {display:block;border-right:1px solid #009b7b;}
.scroller-arr-right.active {right:-10px;left:auto;border-right:0;border-left:1px solid #009b7b;}

/*검색*/
.search_wrap {position:relative;padding-bottom:4px;}
.search_wrap .sl_wrap {position:absolute;top:0;left:0;width:85px;}
.search_wrap .sl_wrap select {font-size:12px;}
.search_wrap .search_box {display:block;}
.search_wrap .ip_wrap {}
.search_wrap .ip_wrap input {font-size:12px;}
.search_wrap .bt_search {width:28px;height:28px;background:#fff url('../images/common/ico_search.gif?v2') no-repeat 50% 50%;text-indent:-9999px;overflow:hidden;background-size:15px;}
.search_wrap .search_box .bt_search {position:absolute;right:1px;top:1px;}

/*paging*/
.paging {width:100%;overflow:hidden;margin-top:20px;text-align:center;}
.paging span {display:inline-block;}
.paging span a {width:30px;height:30px;margin:0 -1px;line-height:30px;display:inline-block;vertical-align:middle;color:#707070;border:1px solid #ccc;}
.paging span a.on {background:#009b7b;border:1px solid #009b7b;color:#fff;font-weight:bold;}
.paging span button {width:30px;height:30px;border:1px solid #ccc;vertical-align:middle;text-indent:-9999px;overflow:hidden;}
.paging span.prev {margin-left:-5px;margin-right:3px;background:#fff url('../images/sub/bul_paging_l.gif') no-repeat 50% 50%;background-size:8px;}
.paging span.next {margin-right:-5px;margin-left:3px;background:#fff url('../images/sub/bul_paging_r.gif') no-repeat 50% 50%;background-size:8px;}
.paging span.prev_p {background:#fff url('../images/sub/bul_paging_prev.gif') no-repeat 50% 50%;background-size:12px;}
.paging span.next_p {background:#fff url('../images/sub/bul_paging_next.gif') no-repeat 50% 50%;background-size:12px;}

/*list_type_board*/
.list_type_board {}
.list_type_board li {overflow:hidden;margin-bottom:20px;border-top:2px solid #08164e;border-bottom:1px solid #ccc}
.list_type_board li a {display:block;overflow:hidden;}
.list_type_board li .list_content {}
.list_type_board li .list_content dt {position:relative;padding:10px 60px 10px 10px;border-bottom:1px solid #cccccc}
.list_type_board li .list_content dd {position:relative;padding:15px 0;width:100%;overflow:hidden;}
.list_type_board li .list_content .post_badge {display:block;}
.list_type_board li .list_content .list_tit {display:block;width:100%;overflow:hidden;margin-top:10px;text-overflow:ellipsis;white-space:nowrap;font-size:16px;}
.list_type_board li .list_content .date {position:absolute;right:5px;top:10px;display:block;font-size:12px;letter-spacing:-1px;color:#aaa}
.list_type_board li .list_content .list_thumb {position:absolute;left:15px;top:15px;background:#ccc url('../images/bg_noimage.gif') no-repeat 50% 50%}
.list_type_board li .list_content .list_thumb img {width:125px;height:83px;}
.list_type_board li .list_content .list_summary {display:block;height:83px;line-height:17px;overflow:hidden;padding:0 15px 0 150px;font-size:12px;color:#222;}

.list_type_board2 {}
.list_type_board2 li {position:relative;overflow:hidden;margin-bottom:15px;border-top:2px solid #08164e;border-bottom:1px solid #ccc}
.list_type_board2 li a {display:block;height:120px;padding:10px 0;overflow:hidden;}
.list_type_board2 li .visual {position:absolute;top:10px;left:10px;display:block}
.list_type_board2 li .visual img {width:100px;height:100px;}
.list_type_board2 li .list_content {padding-left:120px;}
.list_type_board2 li .list_content .tit {display:block;width:100%;overflow:hidden;margin-top:10px;text-overflow:ellipsis;white-space:nowrap;font-size:14px;line-height:18px;}
.list_type_board2 li .list_content .date {position:absolute;right:5px;bottom:10px;display:block;font-size:10px;letter-spacing:-1px;color:#767676;}
.list_type_board2 li .list_content .desc {display:block;margin-top:5px;height:50px;line-height:17px;overflow:hidden;font-size:11px;color:#767676;}

/*view_common*/
.view_type_board {margin-top:10px;border-top:2px solid #08164e;}
.view_type_board .view_title {position:relative;padding:15px;border-bottom:1px solid #ccc;background:#f9f9f9;}
.view_type_board .view_title .tit {padding:10px 75px 0 0;font-size:16px;line-height:18px;font-weight:700;letter-spacing:-1px;}
.view_type_board .view_title .desc {margin-top:10px;font-size:12px;letter-spacing:-1px;}
.view_type_board .view_title .date {position:absolute;right:15px;top:15px;display:block;text-align:right;font-size:12px;color:#666666}
.view_type_board .view_title .date span {margin-left:5px;color:#525252}
.view_type_board .view_title .add_file {display:block;margin-top:10px;font-size:11px;color:#666}
.view_type_board .view_title .period {display:block;margin-top:10px;font-size:12px;line-height:12px;letter-spacing:-1px;color:#666}
.view_type_board .view_content {padding:20px 10px 15px 10px;color:#666666;border-bottom:1px solid #ccc}
.view_type_board .view_content p {color:#666666}
.view_type_board .view_content img {display:block;max-width:100%;}

/*list_type_img*/
.list_type_img {width:100%;overflow:hidden;}
.list_type_img li {float:left;width:50%;overflow:hidden;margin-bottom:10px;}
.list_type_img li a {position:relative;display:block;padding-bottom:10px;overflow:hidden;}
.list_type_img li .disabled {position:relative;display:block;padding-bottom:10px;border:1px solid #ccc;overflow:hidden;}
.list_type_img li .disabled:after {content:"";display:block;position:absolute;left:0;right:0;top:0;bottom:0;background:#000;opacity:0.6;z-index:20;}
.list_type_img li:nth-child(odd) {clear:both;}
.list_type_img li:nth-child(odd) a {margin-right:5px;}
.list_type_img li:nth-child(even) a {margin-left:5px;}
.list_type_img li:nth-child(odd) .disabled {margin-right:5px;}
.list_type_img li:nth-child(even) .disabled {margin-left:5px;}
.list_type_img li .badge {position:absolute;left:5px;top:5px;z-index:10;}
.list_type_img li .visual {position:relative;display:block;padding-top:60%;overflow:hidden;border:1px solid #e0e0e0;}
.list_type_img li .visual img {position:absolute;left:0;top:60%;width:100%;vertical-align:top;-webkit-transform:translate(0,-60%);-moz-transform:translate(0,-60%);transform:translate(0,-60%);}
.list_type_img li .tit {display:block;margin:10px auto 0 auto;padding:0 5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:16px;letter-spacing:-1px;}
.list_type_img li .desc {display:block;margin:10px auto 0 auto;padding:0 5px;overflow:hidden;font-size:12px;letter-spacing:-1px;}
.list_type_img li .date {display:block;margin:0 10px;font-size:11px;color:#666;text-align:center;}

/*인사말*/
.ceo .sec_con .visual {margin:0 -15px;}

/*certificate*/
.certificate .sub_tab {margin-top:10px;margin-bottom:0;}
.certificate .list_wrap {padding-top:20px;}
.certificate .list_type_img {text-align:left;}
.certificate .list_type_img li {float:none;display:inline-block;width:32%;vertical-align:top;}
.certificate .list_type_img li a {margin:0 !important}
.certificate .list_type_img li .visual {padding-top:132%;}
.certificate .list_type_img li .visual img {top:100%;width:100%;height:100%;-webkit-transform: translate(0,-100%);-moz-transform: translate(0,-100%);transform: translate(0,-100%);}
.certificate .list_type_img li a {border-top:0;border-left:0;border-right:0;}
.certificate .list_type_img li .tit {height:50px;overflow:hidden;text-overflow:inherit;white-space:normal;text-align:left;font-size:12px;line-height:16px;word-break:break-all;}
.img_view_popup {position:fixed;left:15px;right:15px;top:50%;transform: translate(0%,-50%);-webkit-transform: translate(0%,-50%);z-index:1000;text-align:center;background:#fff}
.img_view_popup img {max-width:100%;padding-bottom:40px;}
.img_view_popup .close_popup {display:block;width:35px;height:35px;line-height:35px;position:absolute;top:0;right:0;background:#020202 url('../images/common/bt_layer_close.png') no-repeat 50% 50%;background-size:12px;text-indent:-9999px;overflow:hidden;}
.img_view_popup .bt_down {position:absolute;left:0;right:0;bottom:10px;text-align:center;}
.img_view_popup .bt_cert_download {display:block;margin:0 auto;width:50%;height:25px;line-height:25px;background:#009b7b url('../images/sub/ico_download.png') no-repeat 90% 50%;background-size:12px;color:#fff;}
.list_type_cert {border-top:2px solid #312828}
.list_type_cert li {border-bottom:1px solid #c2c2c2}
.list_type_cert .info {position:relative;padding:10px 70px 10px 35px;}
.list_type_cert .info .num {position:absolute;left:3px;top:10px;font-weight:bold;font-size:14px;letter-spacing:-1px;}
.list_type_cert .info .num:after {content:"";display:inline-block;width:1px;height:11px;margin:-2px 0 0 8px;background:#ccc;vertical-align:middle;}
.list_type_cert .info .type {color:#a07f53;font-weight:bold;}
.list_type_cert .info .cert {font-weight:bold;word-break:break-all;}
.list_type_cert .info .period {position:absolute;right:3px;top:10px;color:#666;font-size:14px;letter-spacing:-1px;}
.list_type_cert .info .period:before {content:"";display:inline-block;width:1px;height:11px;margin:-2px 8px 0 5px;background:#ccc;vertical-align:middle;}
.list_type_cert .detail {padding:10px 0 10px 35px;border-top:1px solid #efefef;}
.list_type_cert .detail .company {position:relative;display:block;padding-left:55px;margin:3px 0;color:#666;font-size:14px;letter-spacing:-1px;}
.list_type_cert .detail .company:after {content:"대상회사";position:absolute;left:0;top:0;color:#a07f53;padding-right:7px;}
.list_type_cert .detail .company:before {content:"";display:inline-block;width:1px;height:11px;margin:-2px 8px 0 0;background:#ccc;vertical-align:middle;}
.list_type_cert .detail .cnt {position:relative;display:block;padding-left:55px;margin:3px 0;color:#666;font-size:14px;letter-spacing:-1px;}
.list_type_cert .detail .cnt:after {content:"인증내용";position:absolute;left:0;top:0;color:#a07f53;padding-right:7px;}
.list_type_cert .detail .cnt:before {content:"";display:inline-block;width:1px;height:11px;margin:-2px 8px 0 0;background:#ccc;vertical-align:middle;}
.list_type_cert .state {width:100%;overflow:hidden;padding:10px 0;}
.list_type_cert .state .year {float:left;color:#a07f53;letter-spacing:-1px;}
.list_type_cert .state .year:after {content:"";display:inline-block;width:1px;height:11px;margin:-2px 0 0 10px;background:#ccc;vertical-align:middle;}
.list_type_cert .state .cnt {display:block;padding-left:60px;letter-spacing:-1px;color:#333232}

/*ETC*/
.etc .snb .location select {background:#9b8362;color:#f5e9d9;}
.etc .snb {position:relative;overflow:hidden;padding-left:45px;}
.etc .snb .home {position:absolute;left:0;top:0;height:35px;display:inline-block;width:45px;background:#282829 url('../images/sub/ico_locate_home.png') no-repeat 50% 50%;text-indent:-9999px;overflow:hidden;background-size:16px;}
.etc .snb .home a {display:block;height:35px;}
.etc .snb .location {width:100%;}
.notice_box {}
.notice_box p {font-size:13px;line-height:20px;}
.terms {padding:30px 0px;}
.terms .terms_tit {font-size:15px;font-weight:bold;letter-spacing:-1px;}
.terms .terms_sec {margin-top:20px;}
.terms dt {font-size:14px;font-weight:bold;letter-spacing:-1px}
.terms dd {margin-top:10px;padding:20px 10px;background:#f7f7f7;border-top:1px solid #ccc;border-bottom:1px solid #ccc}
.terms li {font-size:13px;color:#666;text-indent:-13px;margin-left:13px;}
.clause_list {margin-top:40px;border-top:2px solid #666}
.clause_sec {background:#fff;border-bottom:1px solid #ccc}
.clause_sec dt {position:relative;padding:0 10px;height:40px;line-height:40px;font-size:15px;font-weight:700;letter-spacing:-1px;background:url('../images/bul_arr_bottom_bl.png') no-repeat 98% 50%;cursor:pointer}
.clause_sec dt:after {content:"+";position:absolute;right:10px;top:0;display:inline-block;font-size:20px;}
.clause_sec dd {padding:15px 10px 5px 10px;display:none;}
.clause_sec dd .emp {color:#009b7b;}
.clause_sec p {padding-bottom:10px;font-size:13px;}
.clause_sec .list {}
.clause_sec .list > li {padding-bottom:20px;font-size:13px;text-indent:-13px;margin-left:13px;}
.clause_sec .inner {padding-top:5px;font-size:13px;text-indent:0;margin-left:0;color:#666;}
.clause_sec .inner li {padding-bottom:0;font-size:13px;color:#666;}
.clause_sec.active {background:#f7f7f7;border-bottom:2px solid #666}
.clause_sec.active dt {color:#009b7b;background:#fff;border-bottom:1px solid #ccc}
.clause_sec.active dt:after {content:"-";display:inline-block;}
.clause_sec.active dd {display:block;}

/*네트워크*/
.network_top {padding:20px 15px;margin:0 -15px;background:#f7f7f7;text-align:center;}
.network_top img {max-width:100%;}
.network_list {padding-top:20px;}
.network_list .item {position:relative;padding:10px 15px;margin-bottom:15px;border:1px solid #ccc}
.network_list .item .tit {padding:0 40px 10px 0;border-bottom:1px solid #ccc}
.network_list .item .tit h4 {font-weight:bold;letter-spacing:-1px;}
.network_list .item .tit .name {font-weight:bold;letter-spacing:-1px;}
.network_list .item .info {width:100%;overflow:hidden;padding-top:5px;}
.network_list .item .info p {margin-top:5px;font-size:13px;color:#666;}
.network_list .item .address {width:100%;}
.network_list .item .tel {float:left;margin-right:20px;padding-left:20px;background:url('../images/sub/ico_tel.png') no-repeat 0 50%;background-size:15px;}
.network_list .item .fax {float:left;padding-left:20px;background:url('../images/sub/ico_fax.png') no-repeat 0 50%;background-size:14px;}
.network_list .item .email {clear:both;width:100%;padding-left:20px;background:url('../images/sub/ico_email.png') no-repeat 0 50%;background-size:15px;}
.network_list .item .detail {padding-top:10px;display:none;}
.network_list .item .detail .tit {margin-top: 15px; padding-bottom: 0; border-bottom: 0;}
.network_list .item.view .detail {display:block;}
.network_list .item .loca_map {margin-top:10px;}
.network_list .item .loca_img {margin-top:10px;}
.network_list .view_detail {position:absolute;right:0;top:0;width:40px;height:40px;text-indent:-9999px;overflow:hidden;background:url('../images/sub/bul_arr_down.png') no-repeat 50% 50%;background-size:11px;}

/*e카탈로그*/
.ecatalog .catalog_tit {display: block; text-align: center; margin-bottom: 10px; font-size: 22px;}
.ecatalog .ecatalog_list {border-top:2px solid #666}
.ecatalog .ecatalog_list ul {}
.ecatalog .ecatalog_list li {position:relative;width:100%;height:270px;padding:20px 0;overflow:hidden;border-bottom:1px solid #ccc}
.ecatalog .ecatalog_list .visual {position:absolute;left:0;top:20px;width:40%;height:180px;}
.ecatalog .ecatalog_list .visual img {width:100%;height:100%;margin-left:10px;}
.ecatalog .ecatalog_list .desc {margin-right:10px;padding-left:45%;}
.ecatalog .ecatalog_list .desc .tit {width:100%;margin-left:3px;letter-spacing:-1px;font-weight:bold;/*display:-webkit-box;text-overflow: ellipsis;-webkit-line-clamp:3;overflow:hidden;-webkit-box-orient: vertical;*/}
.ecatalog .ecatalog_list .desc p {margin:3px 0 0 3px;color:#999;font-size:13px;line-height:18px;/*display:-webkit-box;text-overflow: ellipsis;-webkit-line-clamp:3;overflow:hidden;-webkit-box-orient: vertical;*/}
.ecatalog .ecatalog_list .btn {position:absolute;bottom:20px;left:10px;right:10px;display:inline-block;}
.ecatalog .ecatalog_list .btn a {width:49%;height:30px;line-height:30px;margin-top:5px;text-align:center;}
.ecatalog .ecatalog_list .btn a:after {content:"";display:inline-block;width:12px;height:11px;margin:-2px 0 0 10px;background:url('../images/sub/ico_download.png') no-repeat 90% 50%;background-size:12px;vertical-align:middle;}
.ecatalog .ecatalog_list .btn .view_kor {float:left;background:#009b7b;color:#fff} 
.ecatalog .ecatalog_list .btn .view_eng {float:right;background:#fff;border:1px solid #009b7b;color:#009b7b;} 
.ecatalog .ecatalog_list .btn .view_eng:after {background:url('../images/sub/ico_download_gr.png') no-repeat 90% 50%;background-size:12px;}
.ecatalog .ecatalog_list .btn a:first-child {float:left !important;}

.ecatalog .sub_tab {margin-top:10px;margin-bottom:0;}
.ecatalog .list_wrap {padding-top:20px;}
.ecatalog .list_type_img {text-align:left;}
.ecatalog .list_type_img li {float:none;display:inline-block;width:49%;vertical-align:top;}
.ecatalog .list_type_img li a {margin:0 !important}
.ecatalog .list_type_img li .visual {padding-top:132%;}
.ecatalog .list_type_img li .visual img {top:100%;width:100%;height:100%;-webkit-transform: translate(0,-100%);-moz-transform: translate(0,-100%);transform: translate(0,-100%);}
.ecatalog .list_type_img li a {border-top:0;border-left:0;border-right:0;}
.ecatalog .list_type_img li .tit {height:50px;overflow:hidden;text-overflow:inherit;white-space:normal;text-align:left;font-size:12px;line-height:16px;word-break:break-all;}

/*홍보영상*/
.prvideo_list {padding:20px 10px;}
.prvideo_list li {position:relative;margin-bottom:20px;border:1px solid #ccc}
.prvideo_list li a {display:block;}
.prvideo_list li .badge {position:absolute;right:0;top:0;width:50px;height:50px;padding-top:10px;line-height:16px;background:#26aa8f;color:#fff;font-size:13px;text-align:center;z-index:10;}
.prvideo_list li .cnt {padding:10px;}
.prvideo_list li .cnt .tit {font-weight:bold;height:45px;overflow:hidden;}
.prvideo_list li .visual {position:relative;display:block;}
.prvideo_list li .visual img {width:100%;}
/*.prvideo_list li .visual:after {content:"";display:block;position:absolute;top:50%;left:50%;margin:-15px 0 0 -15px;width:30px;height:30px;background:url('../images/sub/ico_play.png') no-repeat 50% 50%;background-size:30px;}*/
.prvideo_list li .date {color:#999;font-size:12px;}

/*제품검색*/
.container.search {}
.container.search .sub_visual {max-height:400px}
.container.search .contents {padding-top:0;}
.container.search .sub_visual .sub_tit {margin-top:-30px;}
.container.search .common_search {position:absolute;left:10px;right:10px;top:50%;margin-top:20px;}
.container.search .common_search:after {content:"";display:block;position:absolute;left:0;right:0;top:0;bottom:0;background:#8a8a8a;opacity:0.5}
.container.search .common_search .ip_wrap {position:relative;z-index:10;}
.container.search .common_search .bt_search {z-index:10;}
.container.search .common_search .ip_txt {font-size:15px;}
.search_keyword {position:absolute;left:10px;right:10px;top:50%;margin-top:80px;}
.search_keyword .tit {position:absolute;left:0;top:0;font-weight:normal;letter-spacing:-1px;color:#9b8362}
.search_keyword .kwd {padding-left:85px;}
.search_keyword .kwd li {float:left;padding-left:5px;font-size:12px;color:#808080;letter-spacing:-1px;}
.search_keyword .kwd li:before {content:"";display:inline-block;width:1px;height:10px;background:#808080;margin-right:5px;margin-top:-3px;vertical-align:middle;}
.search_keyword .kwd li:first-child:before {display:none;}
.search_result {}
.search_result .sch_tit {color:#009b7b;}
.search_result .board_count {margin-top:-20px;right:0;top:0;text-align:right;font-size:12px;}
.search_result .board_count em {color:#009b7b;}
.search_result .search_list {margin-top:10px;border-top:2px solid #666}
.search_result .search_list li {padding:15px 0;border-bottom:1px solid #ccc}
.search_result .search_list li a {display:block;}
.search_result .search_list .category {display:block;}
.search_result .search_list .category span {font-size:13px;color:#666;letter-spacing:-1px;}
.search_result .search_list .category span:after {content:">";margin:0 3px;}
.search_result .search_list .category span:last-child:after {display:none;}
.search_result .search_list .kwd {padding-top:5px;font-weight:bold;}

/*연혁*/
.history {}
.history .sub_tab li {width:33.3%;}
.history .sec_con {}
.history .year_tit {position:relative;padding-bottom:25px;}
.history .year_tit:before {content:"";display:block;width:1px;position:absolute;left:3px;top:0;bottom:0;background:#ccc;}
.history .year_tit:after {content:"";display:inline-block;position:absolute;top:0;left:-4px;width:15px;height:21px;background:url('../images/sub/ico_history.png') no-repeat 50% 50%;background-size:15px;}
.history .year_tit h3 {display:block;}
.history .year_tit strong {display:block;padding-left:15px;color:#e7e7e7;font-size:38px;line-height:38px;font-weight:700}
.history .year_group {position:relative;padding-bottom:30px;}
.history .year_group:before {content:"";display:block;width:1px;position:absolute;left:3px;top:0;bottom:-15px;background:#ccc;}
.history .year_group .year {position:relative;padding-left:15px;color:#009b7b;font-weight:700;font-size:18px;}
.history .year_group .year:before {content:"";position:absolute;left:0;top:9px;display:inline-block;width:8px;height:8px;border:2px solid #009b7b;background:#fff;border-radius:50%;}
.history .year_group .year:after {content:"";position:absolute;left:8px;top:12px;display:inline-block;width:5px;height:1px;background:#009b7b;}
.history .year_group .month {position:relative;margin-top:5px;}
.history .year_group .month dt {position:absolute;left:15px;top:-1px;color:#bd9a5a;}
.history .year_group .month dd {padding-left:40px;font-size:14px;color:#666;text-transform:uppercase;}
.history .year_group .month dd.visual {padding-left:15px;padding-bottom:0 !important;margin-top:10px;}
.history .year_group:last-child:before {display:none;}

/*CI*/
.ci .ci_box {margin-bottom:20px;border:1px solid #ccc;}
.ci .ci_box dt {margin:10px;padding-bottom:10px;border-bottom:1px solid #ccc;text-align:center;}
.ci .ci_box dd {margin:0 10px;}
.ci .ci_box dd p {color:#666}
.ci .ci_box dd p.visual {padding:40px 0;}
.ci .btn {}
.ci .btn a {display:block;width:100%;height:35px;line-height:35px;text-align:center;color:#fff;background:#009b7b;}
.ci .btn a:after {content:"";display:inline-block;width:14px;height:12px;margin:-4px 0 0 15px;vertical-align:middle;background:url('../images/sub/ico_download.png') no-repeat 0 50%;background-size:14px;}

/*제품소개*/
.product .contents_wrap {padding-bottom:0;}
.product .top_visual {margin:-10px -15px 20px -15px;}
.product .top_visual img {width:100%;}
.product .sec_con h4 {color:#009b7b;margin-bottom:15px;font-size:16px;}
.product .sec_con dl {margin-bottom:20px;}
.product .sec_con dt {margin-bottom:10px;color:#a07f53;font-weight:bold;}
.product .sec_con dd {position:relative;padding:0 0 10px 10px;font-size:13px;line-height:18px;}
.product .sec_con dd:before {content:"";position:absolute;top:10px;left:2px;display:inline-block;width:3px;height:3px;margin:-3px 5px 0 0;background:#333;border-radius:50%;vertical-align:middle;}
.product .sec_con dd ul {padding:5px 0;}
.product .sec_con dd ul li {color:#666;font-size:12px;text-indent:-7px;margin-left:7px;font-weight:normal;}
.product .sec_con .high-flexible tbody {border-bottom:10px solid #fff}
.product .sec_con dd .inner {margin:10px 0 0 -10px;}
.product .sec_con dd .inner.wFix {overflow-x:scroll;/*-webkit-overflow-scrolling:scroll*/}
.product .sec_con dd .inner.wFix::-webkit-scrollbar {
-webkit-appearance: none;}
.product .sec_con dd .inner.wFix::-webkit-scrollbar:vertical {
width: 12px;}
.product .sec_con dd .inner.wFix::-webkit-scrollbar:horizontal {
height: 7px;}
.product .sec_con dd .inner.wFix::-webkit-scrollbar-thumb {
background-color: rgba(0, 0, 0, .5);
border-radius: 10px;
}
.product .sec_con dd .inner.wFix::-webkit-scrollbar-track {
border-radius: 10px; 
background-color: #ccc; 
}

/*
.downmenu {margin-bottom:20px;}
.downmenu ul {position:relative;padding-top:35px;height:35px;overflow:hidden;}
.downmenu.open ul {height:auto;}
.downmenu ul li {position:relative;}
.downmenu ul li:before {content:"";position:absolute;right:15px;top:14px;display:inline-block;width:10px;height:7px;background:url('../images/sub/ico_downmenu.png') no-repeat;background-size:10px;}
.downmenu ul li a {display:block;height:35px;line-height:35px;text-align:center;background:#efefef;border-bottom:1px solid #ccc}
.downmenu ul li.active {position:absolute;left:0;top:0;right:0;}
.downmenu ul li.active:before {background:url('../images/sub/ico_downmenu_active_open.png') no-repeat;background-size:10px;}
.downmenu ul li.active a {background:#009b7b;color:#fff;}
.downmenu.open ul li.active:before {background:url('../images/sub/ico_downmenu_active_close.png') no-repeat;background-size:10px;}
*/

.downmenu {margin-bottom:20px;border:1px solid #ccc;border-bottom:0;}
.downmenu ul {position:relative;width:100%;overflow:hidden;}
.downmenu.open ul {height:auto;}
.downmenu ul li {position:relative;float:left;width:50%;}
.downmenu.type3 ul li{width:33.3333%; box-sizing: border-box;}
.downmenu ul li a {display:block;padding:0 10px;height:35px;line-height:35px;text-align:center;background:#efefef;border-bottom:1px solid #ccc;border-left:1px solid #ccc;font-size:13px;letter-spacing:-1px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.downmenu ul li:nth-child(odd) a {border-left:0;}
.downmenu.type3 ul li:nth-child(odd) a {border-left:1px solid #ccc;}
.downmenu ul li.active {}
.downmenu ul li.active a {background:#009b7b;color:#fff;}

/*비전*/
.vision .vs_cnt {position:relative;padding-top:35px;margin:0 -15px;}
.vision .vs_cnt:before {content:"";position:absolute;left:50%;top:0;display:inline-block;width:1px;height:25px;background:#d0d3d2;}
.vision .sec_con .vs_cnt:first-child {padding-top:0;}
.vision .sec_con .vs_cnt:first-child:before {display:none;}
.vision .vs_cnt dt {color:#bd9a5a;font-size:20px;text-align:center;}
.vision .vs_cnt dt span {display:block;color:#333;font-size:14px;}
.vision .vs_cnt dd {padding-top:20px;}
.vision .vs_cnt dd .visual {}
.vision .vs_cnt dd .visual img {width:100%;}
.vision .vs_cnt dd p {position:relative;margin:-30px 0 0 10%;padding:15px 13px;background:#fff;letter-spacing:-1px;font-size:16px;line-height:20px;z-index:10;}
.vision .vs_cnt dd p span {display:block;margin-top:10px;line-height:14px;color:#ababab;font-size:12px;letter-spacing:0;}

/*품질현황*/
.quality{font-size:16px; text-align:center; padding-left:0; padding-right:0;}
.quality .quality_main_txt{padding:0 50px;}
.quality .quality_icon{width:350px; margin:0 auto; margin-top:30px; margin-bottom:15px;}
.quality .quality_icon:after{display:block; content:''; clear:both;}
.quality .quality_icon li{width:150px; letter-spacing:-1px; float:left; margin-right:50px; margin-bottom:22px;}
.quality .quality_icon li:nth-child(even){margin-right:0;}
.quality .quality_icon li img{width:100%;}
.quality .quality_icon li p{margin-top:22px;}

.quality .quality_policy{}
.quality .quality_policy li{}
.quality .quality_policy li img{width:100%;}
.quality .quality_policy li p{letter-spacing:-1px; padding:0 15px; transform:translateY(-25px);}
.quality .quality_policy li p span{letter-spacing:-1px; display:block; background:#fff; padding:25px 15px;}

.quality .comment{font-size:20px;}

/*품질현황*/
.environment{font-size:16px; text-align:center; padding-left:0; padding-right:0;}
.environment .environment_main_txt{padding:0 50px; margin-bottom:35px;}

.environment .environment_policy{}
.environment .environment_policy li{}
.environment .environment_policy li img{width:100%;}
.environment .environment_policy li p{letter-spacing:-1px; padding:0 15px; transform:translateY(-25px);}
.environment .environment_policy li p span{letter-spacing:-1px; display:block; background:#fff; padding:25px 15px;}

.environment .comment{font-size:20px;}

/*금속분말*/
.kosmetal .tb th.backslash{text-align:left; background:linear-gradient(to right top, #a6905a 0%,#a6905a 49.9%,#fff 50%,#fff 50.5%,#a6905a 50.6%,#a6905a 100%);}
.kosmetal .tb th.backslash div{text-align:right;}
.product .kosmetal .sec_con dd.noDot::before{content:none;}
.product .kosmetal .sec_con dd.noDot.imgwrap{padding-left:0;}
.product .kosmetal .sec_con dd.noDot img{width:49%;}
.product .kosmetal .sec_con dd.noDot img:nth-of-type(1){margin-right:2%;}
.product .kosmetal .sec_con dd.noDot img.innerImg100{width:100%;}

.tanrope .img-wrap{width:100%; box-sizing: border-box; padding: 5%; background-color: #f0f0f0; margin-top: 10px;}
.tanrope .img-wrap img{display:block; width:100%; margin-bottom:5%;}
.tanrope .img-wrap img:last-of-type{margin-bottom: 0;}
.tanropeposter .img-wrap{width:100%; box-sizing: border-box; padding: 5%; background-color: #f0f0f0; margin-top: 10px;}
.tanropeposter .img-wrap img{display:block; width:100%; margin-bottom:5%;}
.tanropeposter .img-wrap img:last-of-type{margin-bottom: 0;}
.product .button_box{margin:30px 0; padding:0 20%;}
.product .button_box .kor_view{background: #009b7b;color: #fff; width: 100%;	padding:10px; font-size: 15px;		display: inline-block;text-align: center;}

/*윤리경영*/
.program {padding:30px 5% 50px 5%; }
.program .contents .sec_con h3{margin-bottom:10px;}
.program .contents .sec_con p{margin-bottom:15px;}

.rule .contents .sec_con table tr td:nth-of-type(1){padding-left:5%;}
.rule .contents .sec_con table tr td:nth-of-type(2){padding:15px 5%;}
.rule .contents .sec_con table tr td h3{font-size:15px; margin-bottom:10px;}
.rule .contents .sec_con table tr td ul li::before{content:"·"; position:absolute; left:0;}
.rule .contents .sec_con table tr td ul li{font-size:13px; position:relative; padding-left:10px;}




/* kos esg 경영 */
.management .mm_cnt {margin-bottom: 3rem;}
.management .mm_cnt:first-child {margin-top: 3rem;}
.management .mm_cnt dt {font-size:20px;text-align:center;}
.management .mm_cnt dd {padding-top:20px;}
.management .mm_cnt dd .visual img {width:100%;}
.management .mm_cnt dd p {position:relative;margin:-30px 0 0 10%;padding:15px 13px;background:#fff;letter-spacing:-1px;font-size:16px;line-height:20px;z-index:10;}
.management .mm_cnt dd p span {display:block;margin-top:10px;line-height:14px;color:#ababab;font-size:12px;letter-spacing:0;}


/* kos esg 전략 */
.strategy_area {text-align: center;}
.strategy_area .strategy_desc_03 {position: relative;}
.strategy_area .strategy_font40 {margin-bottom: 1rem;}
.strategy_area .strategy_desc_03 .strategy_map {position: absolute; z-index: 10; top: 0; right: 0; bottom: 0; left: 0;}
.strategy_area .strategy_desc_03 .strategy_map li:first-child{padding-top: 90px;}
.strategy_area .strategy_desc_03 .strategy_map li{padding-bottom: 130px; text-align: center;}
.strategy_desc_03 .strategy_map li .row .tit p {font-size: 2rem; margin-bottom: 1rem;}
.strategy_desc_03 .strategy_map li .row .txt {line-height: 1.6rem; color: #666; font-size:15px;}
.strategy_area h3 {font-size: 22px !important;}
.strategy_area h2 {font-size: 18px !important;}
.strategy_area .strategy_font35 {font-size: 17px !important;}

/* kos esg 소식 list */
.news .news_area .news_search { display: flex; justify-content: flex-end; position: relative; }
.news .news_area .news_list { margin-top: 1rem; }
.news .news_area .news_list ul li:first-child { border-top: 1px solid #333; }
.news .news_area .news_list ul li { border-bottom: 1px solid #DDD; }
.news .news_area .news_list .row { display: flex; align-items: center; justify-content: space-between; padding: 1rem; }
.news .news_area .news_list .row .nl_img { width: 20%; }
.news .news_area .news_list .row .nl_desc .nl_txt {	margin-top: 0.5rem; font-size: 0.8rem; }
.news .news_area .news_list .row .nl_desc .nl_tit {	overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-break: break-all; display: inline-block; max-width: 12rem; }
.news .news_area .news_list .row .nl_num { text-align: center; font-weight: bold; color: #000; }
.news .news_area .news_pagination { margin-top: 1rem; }
.news .news_area .news_pagination ul { display: flex; justify-content: center; }
.news .news_area .news_pagination ul li { padding: 0.2rem 0.4rem; margin: 0 0.1rem;border: 1px solid #ddd; }
.news .news_area .news_pagination ul li .np_left:after { content: "\003C"; }
.news .news_area .news_pagination ul li .np_right:after { content: "\003E"; }



/* kos esg 소식 view */
.news_view_area .box { overflow: hidden; border-top: 2px solid #333; }
.news_view_area .box .nv_top { padding: 1rem; }
.news_view_area .box .nv_top p { font-size: 1rem; font-family: HDR; color: #333; }
.news_view_area .box .nv_info { overflow: hidden; padding: 0.5rem 1rem;    border-top: 1px solid #DDD; border-bottom: 1px solid #DDD; background: #f5f5f5; }
.news_view_area .box .nv_info ul { display: flex; flex-direction: column; font-size: 0.7rem; }
.news_view_area .box .nv_info ul li p { color: #666; }
.news_view_area .box .nv_desc { padding: 1rem; line-height: 1.5rem !important; font-size: 0.875rem !important; color: #666 !important; }
.news_view_area .nv_prev { display: block; margin: 3rem auto 0 auto; border-radius: 2px; background: #333; text-align: center; cursor: pointer; }
.news_view_area .nv_prev p { font-size: 16px; font-family: HDB; color: #FFF; padding: 0.5rem 0; }
.news_view_area .nv_prev p:before { content: "\2190"; }


/* report 부정행위 제보센터 운영 */
.snb.etc.report { position: relative; display: block; overflow: hidden; height: 35px; }

/* ESG 위원회 */

.esg_comm .sub_tab li {width:33.33%;}

.tbl_list_type01{width:200%; border-top: 2px solid #676767;}
.tbl_list_type01 th,
.tbl_list_type01 td {padding:5px 3px;font-size:11px;border-bottom:1px solid #cccccc;}
.tbl_list_type01 th {text-align:center;background:#f7f7f7;color:#333;font-weight:bold;word-break: break-word;font-size:13px;line-height:14px;}
.tbl_list_type01 td {text-align:center;background:#fff;font-size:12px;word-break: break-word;line-height:14px; }

.table_inner {overflow-x:scroll;/*-webkit-overflow-scrolling:scroll*/}
.table_inner::-webkit-scrollbar {-webkit-appearance: none;}
.table_inner::-webkit-scrollbar:vertical {width: 12px;}
.table_inner::-webkit-scrollbar:horizontal {height: 7px;}
.table_inner::-webkit-scrollbar-thumb {background-color: rgba(0, 0, 0, .5);border-radius: 10px;}
.table_inner::-webkit-scrollbar-track {border-radius: 10px; background-color: #ccc; }

/* esg 위원회 */

.esg_comm .select_box{text-align: right; margin-bottom: 20px;}
.esg_comm .select_box select{width:100px; font-size: 14px; appearance: auto; -webkit-appearance: auto;}


/* esg 보고서 */

.esgReport .report_list {border-top:2px solid #666}
.esgReport .report_list ul {}
.esgReport .report_list li {position:relative;width:100%;padding:20px 0;overflow:hidden;border-bottom:1px solid #ccc}
.esgReport .report_list .visual {width:100%; display: block; border:1px solid gray;}
.esgReport .report_list .visual img {width: 100%;}
.esgReport .report_list .desc {width:100%; margin-top: 10px;}
.esgReport .report_list .desc .tit {width:100%;margin-left:3px;letter-spacing:-1px;font-weight:bold;/*display:-webkit-box;text-overflow: ellipsis;-webkit-line-clamp:3;overflow:hidden;-webkit-box-orient: vertical;*/}
.esgReport .report_list .desc p {margin:3px 0 0 3px;color:#999;font-size:13px;line-height:18px;/*display:-webkit-box;text-overflow: ellipsis;-webkit-line-clamp:3;overflow:hidden;-webkit-box-orient: vertical;*/}
.esgReport .report_list .btn {width:100%; padding:0 10px; display:inline-block;}
.esgReport .report_list .btn a {width:49%;height:30px;line-height:30px;margin-top:5px;text-align:center;}
.esgReport .report_list .btn a:after {content:"";display:inline-block;width:12px;height:11px;margin:-2px 0 0 10px;background:url('../images/sub/ico_download.png') no-repeat 90% 50%;background-size:12px;vertical-align:middle;}
.esgReport .report_list .btn .view_kor {float:left;background:#009b7b;color:#fff} 
.esgReport .report_list .btn .view_eng {float:right;background:#fff;border:1px solid #009b7b;color:#009b7b;} 
.esgReport .report_list .btn .view_eng:after {background:url('../images/sub/ico_download_gr.png') no-repeat 90% 50%;background-size:12px;}
.esgReport .report_list .btn a:first-child {float:left !important;}
.esgReport .select_box{text-align: right; margin-bottom: 20px;}
.esgReport .select_box select{width:100px; font-size: 14px; appearance: auto; -webkit-appearance: auto;}

/* 협력사 행동 규범 */
.coc .coc_main_txt {text-align: center; margin-bottom: 20px;}
.coc .desc_wrap .img_box {margin:20px 0;}
.coc .desc_wrap .desc {font-size: 13px;}