/* reset css */

@font-face{
	font-family:'NotoSansCJKKr';
	font-weight:300;
	src:url('../font/NotoSansCJKKrL.eot');
	src:url('../font/NotoSansCJKKrL.eot?#iefix') format('embedded-opentype'),
	url('../font/NotoSansCJKKrL.woff') format('woff'),
	url('../font/NotoSansCJKKrL.otf') format('opentype'),
	url('../font/NotoSansCJKKrL.ttf') format('truetype');
	src:local('?'), url('../font/NotoSansCJKKrL.woff') format('woff');
}
@font-face{
	font-family:'NotoSansCJKKr';
	font-weight:400;
	src:url('../font/NotoSansCJKKrR.eot');
	src:url('../font/NotoSansCJKKrR.eot?#iefix') format('embedded-opentype'),
	url('../font/NotoSansCJKKrR.woff') format('woff'),
	url('../font/NotoSansCJKKrR.otf') format('opentype'),
	url('../font/NotoSansCJKKrR.ttf') format('truetype');
	src:local('?'), url('../font/NotoSansCJKKrR.woff') format('woff');
}
@font-face{
	font-family:'NotoSansCJKKr';
	font-weight:500;
	src:url('../font/NotoSansCJKKrM.eot');
	src:url('../font/NotoSansCJKKrM.eot?#iefix') format('embedded-opentype'),
	url('../font/NotoSansCJKKrM.woff') format('woff'),
	url('../font/NotoSansCJKKrM.otf') format('opentype'),
	url('../font/NotoSansCJKKrM.ttf') format('truetype');
	src:local('?'), url('../font/NotoSansCJKKrM.woff') format('woff');
}
@font-face{
	font-family:'NotoSansCJKKr';
	font-weight:700;
	src:url('../font/NotoSansCJKKrB.eot');
	src:url('../font/NotoSansCJKKrB.eot?#iefix') format('embedded-opentype'),
	url('../font/NotoSansCJKKrB.woff') format('woff'),
	url('../font/NotoSansCJKKrB.otf') format('opentype'),
	url('../font/NotoSansCJKKrB.ttf') format('truetype');
	src:local('?'), url('../font/NotoSansCJKKrB.woff') format('woff');
}

/* [S] 2022-03-07 [mprd] */
*{
	font-family:'NotoSansCJKKr', 'Arial', AppleSDGothicNeo-Light, 'HelveticaNeue', 'Malgun Gothic', '맑은 고딕', sans-serif;
  letter-spacing: -0.05em;
  color: #222;
  margin: 0;
  padding: 0;
}
/* [S] 2022-03-07 [mprd] */
a{
  text-decoration: none;
}
ul, ol{
  list-style: none;
}
img{
  width: 100%;
}
button{
  cursor: pointer;
  background: none;
  border: none;
}
table{
  border-top: 2px solid #222;
  border-collapse: collapse;
}
select{
  border: none;
  cursor: pointer;
}
select:focus{
  outline: none;
}
input{
  border: none;
}
input:focus{
  outline: none;
}
section{width: 100%; min-width: 1400px; margin: 0 auto;}

html{scroll-behavior: smooth;}

textarea{resize: none;}
textarea:focus{outline: none;}

/* reset e */

.section{position: relative;}
.section_cont{width: 100%;}
.contents{padding-top: 110px;}
.hidden {overflow:hidden;}


.visual{height: 460px; min-width: 1400px; width: 100%; margin: 0 auto; display: flex; align-items: center; justify-content: center; background-position: center;}
.visual .visual_txt{text-align: center;padding-top:50px;}
.visual .visual_txt h1{font-weight: bold; font-size: 55px; color: #fff;}
.visual .visual_txt p{font-size: 20px; color: #fff; margin-top: 13px;}

.sub_section_tit{text-align: center;}
.sub_section_tit h1{font-size: 45px; font-weight: bold;}
.sub_section_tit p{font-size: 20px; margin-top: 30px; color: #666;}

.sub_section_tit02{padding:140px 0 0;text-align:center;}
.sub_section_tit02 h2{font-size: 40px; font-weight: bold;letter-spacing:-0.05em}
.sub_section_tit02 p{margin-top:18px;font-size:18px;line-height:28px;letter-spacing:-0.05em;color:#444}

.cont_tit {border-bottom: 1px solid #eee;}
.cont_tit .cont_tit_center{display: flex; align-items: center; justify-content: center; height: 80px;}
.cont_tit .cont_tit_center a{margin-left: 75px; color: #999; font-size: 20px; font-weight: 400;}
.cont_tit .cont_tit_center a:first-child{margin-left: 0px;}
.cont_tit .cont_tit_center a.active{color: #0071d7; position: relative;font-weight:700}
.cont_tit .cont_tit_center a.active:after{position: absolute; display: block; content: ''; border-bottom: solid 3px #0071d7; padding-bottom: 23px; transform-origin: 50% 0%; width: -webkit-fill-available;}

/* 회사소개 cont_tit */
.intro_cont_tit {border-bottom: 1px solid #eee;}
.intro_cont_tit .cont_tit_center{display: flex; align-items: center; justify-content: center; height: 80px;}
.intro_cont_tit .cont_tit_center a{margin-left: 78px; color: #999; font-size: 20px; font-weight: 400;letter-spacing:-0.05em}
.intro_cont_tit .cont_tit_center a:first-child{margin-left: 0px;}
.intro_cont_tit .cont_tit_center a.active{color: #0071d7; position: relative;font-weight: 600;}
.intro_cont_tit .cont_tit_center a.active:after{position: absolute; display: block; content: ''; border-bottom: solid 3px #0071d7; padding-bottom: 23px; transform-origin: 50% 0%; width: -webkit-fill-available;}



/* 브레드 크럼 */
.bread_crumbs{width: 1400px; margin: 25px auto 0;}
.bread_crumbs .bread_cont{display: flex; align-items: center; justify-content: flex-end;}
.bread_crumbs .bread_h{width: 11px; height: 11px; display: flex; align-items: center; }
.bread_crumbs .bread_sub{border: none; background: url('../images/bread_a.png') no-repeat; background-position: left center; padding: 0 15px;}
.bread_crumbs .bread_sub01{margin-left: 10px;}
.bread_crumbs .bread_sub p{font-size: 14px; color: #999;}
.bread_crumbs .bread_sub:focus{outline: none;}


/* banner */
.banner{background-size: 1903px 500px; min-width: 1400px; width: 100%; height: 500px; margin: 0 auto; background-position: center !important; text-align: center; display: flex; align-items: center; justify-content: center; margin-top: 120px;}
.banner h1{color: #fff; font-size: 40px; font-weight: 400;}
.banner h1 span{font-weight: bold; color: #fff; position: relative; display: inline-block;}
.banner h1 span:after{content: '';display: block;width: 100%;height: 2px;position: absolute;left: 0;bottom: 0;background: #fff;}


/* 탑 버튼 */
.scroll_top{position: fixed; bottom: 50px; right: 50px; width: 60px; height: 60px; z-index: 999; transition: opacity 1s; opacity: 0; display: none;}
.scroll_top .top_btn{background: url('../images/top_btn_off.png') no-repeat; transition: all 0.3s; width: 61px; height: 61px; cursor: pointer;}
.scroll_top .top_btn:hover{background: url('../images/top_btn_on.png') no-repeat; transition: all 0.3s;}

.scroll_top.on {position: absolute; bottom: 650px;}


table tr{border-bottom: 1px solid #e5e5e5;}
table tr.bc_blue{background: #f4f9fd;}
table tr.bc_gray{background: #f8f8f8;}
table tr.bb_gray{border-bottom: 1px solid #e5e5e5 !important;}
table tr td.t_bold{font-weight: bold !important;}
table tr td{border: 1px solid #e5e5e5;}
table tr td:first-child{border-left: none;}
table tr td:last-child{border-right: none;}
table tr td.border_b{border-bottom: 1px solid #222;}
table tr td.br_gray{border-right: 1px solid #999;}
table tr td.bc_gray{background: #f1f3f6;}
table tr td.center{text-align: center;}
table tr td.right{text-align: right;}

/* ====  module ==== */
.btn_download{display:inline-block;height:41px;padding:0 15px 0 20px;line-height:41px;border:1px solid #999;border-radius:21px;font-size:16px;letter-spacing:-0.05em;color:#222;transition:0.2s ease all}
.btn_download:after{content:'';display:inline-block;width:20px;height:20px;background:url(../images/file_save.png) no-repeat 0 0;vertical-align:middle;margin:-3px 0 0 5px}
.btn_download:hover{border-color:#222;color:#222;}/* 공통팝업 (지속가능경영 > 윤리경영 참조) */
.layer_popup{display:none;position:fixed;top:0;left:0;bottom:0;right:0;width:100%;height:100%;overflow:auto;z-index:1000;padding:30px;box-sizing:border-box;background:rgba(0,0,0,.6);text-align:center;}
.layer_popup .pop_inner{display:inline-block;vertical-align:middle;position:relative;z-index:1001;max-width:840px;box-sizing:border-box;width:90%;padding:74px 40px 66px;background:#fff;text-align:left;}
.layer_popup .pop_inner .pop_title{padding:0 20px 19px;border-bottom:2px solid #222}
.layer_popup .pop_inner .pop_title em{display:block;font-size:40px;font-weight:700;font-style:normal;line-height:1em;letter-spacing:-0.05em;}
.layer_popup .pop_inner .pop_content{padding:49px 0 0}
.layer_popup .pop_inner .btn_x{display:block;width:70px;height:70px;background:url(../images/close_btn.jpg) no-repeat 0 0;position:absolute;right:-70px;top:0;text-indent:-9999em;overflow:hidden}
.layer_popup .pop_inner .pop_btn{text-align:center;margin:45px 0 0;}
.layer_popup .pop_inner .pop_btn .btn{display:inline-block;vertical-align:top;width:200px;height:60px;border-radius:30px;line-height:60px;background:#0071d7;font-size:18px;color:#fff;letter-spacing:-0.05em;}

/* table_title_01 */
.table_title_01{margin-top:108px;padding:0 0 20px 20px;position:relative;}
.table_title_01.first{margin:55px 0 0}
.table_title_01 .title{font-size:28px;color:#222;letter-spacing:-0.05em;font-weight:700;line-height:1em;}
.table_title_01 .txt_info{position:absolute;right:0;bottom:15px;font-size:15px;color:#999;letter-spacing:-0.05em;}
.table_title_01 .txt_info .star{margin-right:5px;color:#ee0303;}

.table_title_02{width:1200px;margin:73px auto 34px;position:relative;}
.table_title_02 .title{padding-left:10px;font-size:30px;font-weight:400;letter-spacing:-0.05em;}
.table_title_02 .txt_info{position:absolute;right:0;bottom:0;font-size:16px;color:#444;letter-spacing:-0.05em;}
.table_title_02 .txt_info strong{color:#0071d7}

/* table_form_01 */
.table_form_01{border-top:2px solid #222;border-bottom:1px solid #e5e5e5;padding:20px 0;}
.table_form_01 table{border:none;width:100%}
.table_form_01 table tr{border:none}
.table_form_01 table th{padding:15px 0 15px 20px;text-align:left;font-size:18px;letter-spacing:-0.05em;border:none;border-top:1px solid #e5e5e5;line-height:43px;vertical-align:top}
.table_form_01 table th .star{color:#ee0303;}
.table_form_01 table td{padding:15px 20px;border:none;border-top:1px solid #e5e5e5;}
.table_form_01 table tbody tr:first-child th,
.table_form_01 table tbody tr:first-child td{border-top:none}
.table_form_01 .inp{width:100%;height:43px;box-sizing:border-box;border:1px solid #d7d7d7;padding:0 10px;font-size:16px;letter-spacing:-0.05em;color:#222}
.table_form_01 .select{width:100%;height:43px;box-sizing:border-box;border:1px solid #d7d7d7;padding:0 50px 0 10px;background:url(../images/sel_icon.png) no-repeat calc(100% - 20px) center;background-size: 13px 7px;appearance:none;font-size:16px;letter-spacing:-0.05em;color:#222}
.table_form_01 .textarea{display:block;width:100%;height:220px;box-sizing:border-box;border:1px solid #d7d7d7;padding:10px;font-size:16px;letter-spacing:-0.05em;color:#222}
_:-ms-fullscreen .table_form_01 .select, :root .table_form_01 .select {padding-right:0}
.table_form_01 .tr_email .select{margin-left:30px;}
.table_form_01 .tr_email .txt_alpha{margin:0 6px}
.table_form_01 .tr_attatchfile th,
.table_form_01 .tr_attatchfile td{padding-bottom:0;}
.table_form_01 .tr_attatchfile + .tr_attatchfile th,
.table_form_01 .tr_attatchfile + .tr_attatchfile td{border-top:0;padding-top:20px;}
.table_form_01 .tr_attatchfile .txt_import{margin-top:10px;font-size:15px;color:#0071d7;letter-spacing:-0.05em}

/* btn_wrap */
.btn_wrap{margin:120px 0 0;text-align:center;font-size:0;}
.btn_wrap .btn{display:inline-block;box-sizing:border-box;vertical-align:top;width:200px;height:60px;margin:0 10px;border-radius:30px;border:1px solid #444;line-height:58px;background:#fff;font-size:18px;color:#444;letter-spacing:-0.05em;}
.btn_wrap .btn:hover{background-color:#222; color:#fff;transition:all 0.5s;}
.btn_wrap .btn.blue{background:#0071d7;color:#fff;border-color:#0071d7}
.btn_wrap .btn.blue:hover{background:#fff;color:#0071d7;}

/* file_upoad_ui */
.file_upoad_ui .upload_area{position:relative;padding-right:135px;box-sizing:border-box;}
.file_upoad_ui .upload_area input[type='file']{position:absolute;width:126px;height:43px;border-radius:30px;right:0;top:0}
.file_upoad_ui .upload_area label{display:block;width:126px;height:43px;position:absolute;right:0;top:0;background:#0071d7;border-radius:22px;color:#fff;font-size:18px;line-height:43px;text-align:center;cursor:pointer}
.file_upoad_ui .file_list{margin-top:5px;}
.file_upoad_ui .file_list p{font-size:15px;color:#999;letter-spacing:-0.05em}
.file_upoad_ui .file_list p button.btn_file_x{display:inline-block;vertical-align:middle;margin-top:-2px;width:16px;height:16px;background:url(../images/close_btn_circle.png) no-repeat 0 0;text-indent:-9999em;overflow:hidden;}

/* checkbox_ui */
.checkbox_ui{position:relative;}
.checkbox_ui input[type='checkbox']{position:absolute;}
.checkbox_ui label{display:inline-block;vertical-align:top;padding-left:25px;position:relative;line-height:20px;}
.checkbox_ui label:before{content:'';display:block;width:20px;height:20px;box-sizing:border-box;border:1px solid #444;background:#fff;position:absolute;left:0;top:0;text-align:center;line-height:18px;}
.checkbox_ui input[type='checkbox']:checked + label:before{content:'✔'}

/* term_wrap */
.term_wrap{padding-left:20px;}
.term_wrap .termbox{padding:20px;border:1px solid #bdbdbd;box-sizing:border-box;max-height:230px;overflow:auto;line-height:40px;color:#444}

.table_info_01{width:1200px;margin:90px auto 40px;}
.table_info_01:after{content:'';display:table;clear:both}
.table_info_01 .left{float:left}
.table_info_01 .left ul li{float:left;height:16px;line-height:16px;font-size:16px;color:#444;letter-spacing:-0.05em;}
.table_info_01 .left ul li strong{color:#0071d7}
.table_info_01 .left ul li + li{border-left:1px solid #dadada;margin-left:15px;padding-left:15px;}
.table_info_01 .right{float:right}
.table_info_01 .right .select{width:100%;height:43px;box-sizing:border-box;border:1px solid #d7d7d7;padding:0 50px 0 10px;background:url(../images/sel_icon.png) no-repeat calc(100% - 20px) center;background-size: 13px 7px;appearance:none;font-size:16px;letter-spacing:-0.05em;color:#222}

/* table_list_01 */
.table_list_01{width:1200px;margin:0 auto}
.table_list_01 table{width:100%;table-layout:fixed;}
.table_list_01 table thead th{height:68px;border-left:none;background:#f8f8f8;text-align:center;font-size:18px;color:#222;letter-spacing:-0.05em;font-weight:400}
.table_list_01 table tbody td{height:90px;border-left:none;border-right:none;padding:0 10px;text-align:center;font-size:18px;color:#999;letter-spacing:-0.05em}
.table_list_01 table tbody td.subject{text-align:left;padding-left:30px;color:#222}
.table_list_01 table tbody td.subject a:hover{text-decoration:underline}
.table_list_01 table tbody td.subject a{display:inline-block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

/* table_type_01 */
.table_type_01{width:1400px;margin:0 auto;}
.table_type_01 table{width:100%;table-layout:fixed;border-bottom:1px solid #222}
.table_type_01 table thead th{height:60px;border-right:1px solid #999;border-left:none;background:#f8f8f8;text-align:center;font-size:18px;color:#444;letter-spacing:-0.05em}
.table_type_01 table tbody tr {border-bottom:none;}
.table_type_01 table thead tr th.line_color,
.table_type_01 table tbody tr td.line_color{border-color:#e5e5e5}
.table_type_01 table tbody tr th{height:60px;border-right:1px solid #999;border-bottom:none;border-top:1px solid #e5e5e5;padding-left:73px;text-align:left;font-weight:400;font-size:18px;color:#222;letter-spacing:-0.05em;}
.table_type_01 table tbody tr td{height:60px;border-right:1px solid #999;border-bottom:none;border-left:none;text-align:center;font-size:18px;color:#222;letter-spacing:-0.05em}
.table_type_01 table tbody td.ta_left{text-align:left;padding:0 30px}
.table_type_01 table thead tr th:last-child,
.table_type_01 table tbody tr td:last-child{border-right:none}
.table_type_01 .txt_note{margin-top:5px;color:#999}

/* accodion_type_01 */
.accodion_type_01{width:1200px;margin:0 auto;}
.accodion_type_01 > ul > li{background:#fff;border-top:1px solid #e9e9e9;position:relative}
.accodion_type_01 > ul > li:after{content:'';display:block;width:0;height:2px;background:#303030;position:absolute;left:0;top:0;transition:0.3s ease-in-out all;}
.accodion_type_01 > ul > li + li{margin-top:10px;}
.accodion_type_01 > ul > li .title a{display:block;height:89px;padding:0 0 0 64px;position:relative;font-size:22px;font-weight:700;letter-spacing:-0.05em;line-height:86px;}
.accodion_type_01 > ul > li .title a:after{content:'';display:block;width:20px;height:12px;position:absolute;right:40px;top:50%;margin-top:-6px;background:url(../images/arr_arccodian_01.png) no-repeat 0 0;transition:0.3s ease all}
.accodion_type_01 > ul > li .cont{display:none;border-top:1px solid #e7e7e7;padding:60px 50px 56px 98px}
.accodion_type_01 > ul > li.active .title a:after{transform:rotate(-180deg)}
.accodion_type_01 > ul > li.active:after{width:100%;}

/* paging_num */
.paging_num{display: flex; align-items: center; justify-content: center; margin-top: 80px;}
.paging_num>div{display: flex; align-items: center; margin: 0 10px;}
.paging_num>div.btn a{width: 10px; height: 10px; margin: 0 5px; display: flex;}
.paging_num>div.number a{color: #999; font-size: 16px; margin: 0 15px;}
.paging_num>div.number a.active{color:#0071d7;}

.board_view_01{width:1200px;margin:0 auto;border-top:2px solid #222;}
.board_view_01 .bd_header{padding:36px 40px 37px;border-bottom:1px solid #e5e5e5;position:relative;}
.board_view_01 .bd_header .title{font-size:32px;font-weight:700;letter-spacing:-0.05em;line-height:1.2}
.board_view_01 .bd_header .date{margin-top:22px;font-size:16px;color:#999;letter-spacing:-0.05em}
.board_view_01 .bd_header .date .new{font-weight:700;color:#0071d7;font-style:normal;margin-right:10px;}
.board_view_01 .bd_header .btns{position:absolute;right:40px;top:50%;transform:translateY(-50%)}
.board_view_01 .bd_header .btns .btn_download{font-size:14px;height:32px;line-height:32px;padding:0 13px 0 16px}
.board_view_01 .bd_header .btns .btn_download:after{width:15px;height:17px;background-size:100% auto;margin-left:10px;}
.board_view_01 .bd_content{padding:50px 0;border-bottom:1px solid #e5e5e5;font-size:18px;color:#444;line-height:28px;text-align:center;}
.board_view_01 .bd_attatchfile{padding:38px 40px;background:#f8f8f8;border-bottom:1px solid #e5e5e5;}
.board_view_01 .bd_attatchfile a{color:#444;font-size:18px;letter-spacing:-0.05em}
.board_view_01 .bd_attatchfile a:before{content:'';display:inline-block;width:20px;height:20px;background:url(/pc/resources/images/file_save.png) no-repeat 0 0;vertical-align:middle;margin:-2px 5px 0 0}
.board_view_01 .bd_attatchfile a span{margin-left:5px;font-size:16px;color:#999;letter-spacing:-0.05em}
.board_view_01 .bd_paginate ul li{border-bottom:1px solid #e5e5e5;padding:23px 0;font-size:16px;letter-spacing:-0.05em}
.board_view_01 .bd_paginate ul li:after{content:'';display:table;clear:both}
.board_view_01 .bd_paginate ul li em{float:left;width:160px;box-sizing:border-box;padding-left:65px;font-style:normal;color:#999;}
.board_view_01 .bd_paginate ul li p{color:#999;}
.board_view_01 .bd_paginate ul li p a{color:#444;display:inline-block;max-width:90%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.board_view_01 .bd_paginate ul li p a:hover{text-decoration:underline;}
.board_view_01 .bd_paginate ul li.prev em{background:url(/pc/resources/images/list2_prev.png) no-repeat 40px center}
.board_view_01 .bd_paginate ul li.next em{background:url(/pc/resources/images/list2_next.png) no-repeat 40px center}