@charset "UTF-8";


/*************** IR & PR ***************/
.page01 .visual {background-image: url('../image/irBg.png');}
.page02 .visual {background-image: url('../image/ir2Bg.png');}
.page03 .visual {background-image: url('../image/prBg.png');}
.page04 .visual {background-image: url('../image/pr2Bg.png');}
.page05 .visual {background-image: url('../image/bsBg03.png');}

/* 보도자료 */
.page01 {}
.page01 .inner {width: 1200px; margin: 140px auto 120px;}
.page01 ul {font-size: 0;text-align: left;min-height: 400px;}
.page01 ul .newsList {width: 33.333%; display: inline-block;vertical-align: top;padding: 0 10px 20px;}
.page01 ul .newsList:hover div {border-color: #F06000;}
.page01 ul .newsList div {border: 1px solid #e4e4e4; padding: 40px; transition: border-color .3s;}
.page01 ul .newsList div h4 {font-size: 24px;line-height: 1.5; word-break: keep-all;font-weight: 500;height: 72px;word-break: keep-all;display:-webkit-box; word-wrap:break-word; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis;}
.page01 ul .newsList div i {margin:40px 0 15px;display:block;font-size: 16px;font-style: normal;font-weight: 400;}
.page01 ul .newsList div p {padding-top:15px;border-top: 1px solid #F06000; font-weight: 400;font-size: 16px;color:#5a5757; word-break: keep-all;display:-webkit-box; word-wrap:break-word; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis; height:96px;line-height: 1.7;}

/* 보도자료상세 */
.page01_view {margin-top: 40px;}
.page01_view .inner {width: 1400px;margin: 0 auto 120px;}
.page01_view .titleWrap {width: 100%;height: 450px;display: table;background-size: cover;background-position: center top 50%;}
.page01_view .titleWrap .title {padding: 0 200px; display: table-cell;vertical-align: middle;width:100%;height:100%;text-align: center;}
.page01_view .titleWrap .title h2 {font-size: 38px;color: #fff;}
.page01_view .titleWrap .title i {padding-top:16px;display: block;font-style: normal;font-size: 22px; color: #fff;font-weight: 300;}
.page01_view .textWrap {width: 1200px;margin: 120px auto 110px;}
.page01_view .textWrap img {margin-bottom: 60px;}
.page01_view .textWrap p {font-size:18px;color: #5a5757;word-break: keep-all;line-height: 1.6;}
.page01_view .textWrap img { margin-bottom: 60px;display: block;margin-left: auto;margin-right: auto; max-width: 1200px;}
.backBtn {display: block;margin: 0 auto; width:250px;height:60px;line-height:60px;background:#f0f0f0;text-align:center;font-size:16px;color:#5a5757;}

/* 손익계산서 */
.page03 .inner {width: 1200px; margin: 0 auto 120px;}
.page03 .subTab ul li {width: 232px;}
.page03 .subTab ul li a {color: #5a5757;display: block;}
.page03 .subTab ul li.on a {color: #fff;}
.page03 .view h2 {text-align: center; font-size:30px;color:#000;}

/* 년도셀렉트 공통 */
.yearWrap {margin: 40px 0;}
.yearWrap i {padding:34px 0 0;display: block;float: left;font-style: normal;font-size: 16px;color: #5a5757;}
.yearWrap .yearSelect {float: right;}
.yearSelect {width: 250px; display: inline-block; vertical-align: top;}
.yearSelect .select {position: relative; width: 100%; height: 60px;}
.yearSelect .select h2 {width: 100%; padding: 0 20px;line-height: 58px; background: url('../image/arr06.png') no-repeat center right 15px/14px 9px; font-size: 16px; font-weight: 400; color:#5a5757; cursor: pointer; text-align: left;border: 1px solid #b4b4b4;}
.yearSelect .select .list {display: none; position: absolute; height: 232px;padding:10px 0;overflow-y: auto; z-index: 100; background: #fff; width: 100%; top: 59px; left: 0; border: 1px solid #b4b4b4; border-top: none;}
.yearSelect .select .list span { display: block; padding: 10px 20px;font-size: 16px;font-weight: 300; color:#b4b4b4; cursor: pointer;}
.yearSelect .select .list span:hover { color: #5a5757;}
.yearSelect .select h2.on {border-bottom: none;}

/* 표공통 */
.tableWrap {width: 100%; display: none;}
.tableWrap.on {width: 100%; display: block;}
.tableWrap table {width: 100%; border-top: 2px solid #333; border-bottom: 2px solid #333;}
.tableWrap table thead th {padding:20px 0; border-bottom:1px solid #5a5757;border-right: 1px solid #dbdbdb;font-size: 16px;}
.tableWrap table thead th:nth-of-type(1) {font-size: 18px;font-weight: 400;}
.tableWrap table tbody tr th {font-weight: 400;}
.tableWrap table tbody tr th, .tableWrap table .bg {background-color:#f9f9f9;}
.tableWrap table tbody tr th {padding:20px 0; border-bottom: 1px solid #dbdbdb; border-right: 1px solid #dbdbdb;font-size: 18px;text-align: center;}
.tableWrap table tbody tr td {padding:20px 0; border-bottom: 1px solid #dbdbdb; border-right: 1px solid #dbdbdb;font-size: 16px;text-align: center;}
.tableWrap table thead th:last-child,.tableWrap table tbody tr td:last-child,
.tableWrap.tableWrap04 table tbody tr td:last-child {border-right: none;}

/* 전자공고 */
.page02 .inner {width: 1220px; margin: 130px auto 120px;}
.page02 .inner h2 {font-size: 32px; text-align: center;}
.page02 .tableWrap02 {margin-top: 73px;min-height: 200px;}
.page02 .tableWrap02 ul {font-size: 0;text-align: center; border-top: 2px solid #333;border-bottom: 2px solid #333;}
.page02 .tableWrap02 .head {border-bottom: 1px solid #5a5757;padding: 19px 0;font-size: 0;}
.page02 .tableWrap02 .head b {display: inline-block;vertical-align: top;width: 200px; font-size: 18px;font-weight: 500;text-align: center;}
.page02 .tableWrap02 .head .tti {width: calc(100% - 400px);}
.page02 .tableWrap02 ul li:not(.head) {border-bottom: 1px solid #dbdbdb;padding: 19px 0;}
.page02 .tableWrap02 ul li:not(.head):last-child {border-bottom: none;}
.page02 .tableWrap02 ul li:not(.head) span {display: inline-block;vertical-align: top;width: 200px;font-size: 16px;color: #5a5757;letter-spacing: 1px;}
.page02 .tableWrap02 ul li:not(.head) .tti {width: calc(100% - 400px);display: inline-block;vertical-align: top;text-align: left;}
.page02 .tableWrap02 ul li:not(.head) .tti a {display: inline-block;vertical-align: top;max-width: 90%;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;font-size: 18px;text-align: left;border-bottom: 1px solid #fff;}
.page02 .tableWrap02 ul li:not(.head) .tti a:hover {color: #F06000;border-color: #F06000;}
.page02 .inner.view_inner {width: 1200px;}
.page02 .view_inner .tableWrap02 .head {border-top: 2px solid #333;}
.page02 .view_inner .tableWrap02 .head b {color: #5a5757;font-weight: 300;letter-spacing: 1px;}
.page02 .view_inner .tableWrap02 .head .tti {color: #333;font-weight: 500;letter-spacing: .6px;}
.page02 .tableWrap02 .contents {margin-bottom: 80px; padding: 40px 0 0; font-size: 16px;border-bottom: 2px solid #333;text-align: center;}
.page02 .tableWrap02 .contents .text-box img{display:block;margin:0 auto;max-width:720px;width:100% !important;height:auto !important;margin-bottom:24px !important;transform:translate(-38px,0);}
.page02 .tableWrap02 .contents .text-box {text-align: left; padding-left: 76px;margin-bottom: 36px;font-size:18px;}
.page02 .tableWrap02 .contents .download {text-align: left;min-height: 60px;border-top: solid 1px #d8d8d8; padding: 19px 0 19px 76px;}
.page02 .tableWrap02 .contents .download > div:nth-of-type(1) {padding: 0;}
.page02 .tableWrap02 .contents .download > div {padding: 5px 0;}
.page02 .tableWrap02 .contents .download span {display: inline-block;vertical-align: middle; padding-right: 10px; font-size: 18px;font-weight: 500;color: #333333;}
.page02 .tableWrap02 .contents .download img {margin: 2px 10px 0 40px;}
.page02 .tableWrap02 .contents .download a {display: inline-block;vertical-align: middle;color: #5a5757;}

/* 공시정보 */
.page04 .inner {width: 1200px; margin: 92px auto; min-height: 400px;}
.page04 .inner iframe { display: block; margin: 0 auto;}

/* 제품문의 */
.page05 .inner {width: 1200px; margin: 130px auto 120px;}
.inq_tit{font-size:20px;font-weight:500;letter-spacing: -0.6px;color:#333;margin-bottom:16px;}
.inq_txt_box {  background: #f9f9f9;padding:29px 40px 27px;}
.inq_txt_box >div{height:184px;overflow-y:scroll;}
.inq_txt_box p,.inq_txt_box h6{font-weight:500;font-size:16px;line-height:36px;letter-spacing: -0.6px;color: #5a5757;}
.inq_txt_box p{font-weight:400;margin-bottom: 40px;word-break: keep-all;}
.inq_checkbox{padding:14px 0 18px;display:flex;align-items: center;justify-content: space-between;border-bottom:1.5px solid #333;}
.inq_check_tit{font-size:16px;letter-spacing: -0.6px;font-weight:500;color:#333;}
.inq_check span{display:inline-block;vertical-align: middle;}
.inq_check label{display:inline-block;line-height:20px;font-size:16px;letter-spacing: -0.6px;color:#333;font-weight:500;vertical-align: middle;position: relative;padding-left:38px;margin-left:30px;}
.inq_check label::before{display:inline-block;content:'';width:20px;height:20px;border:1px solid #b4b4b4;position:absolute;left:0;top:50%;margin-top:-12px;}
.inq_check input[type="radio"]{display:none;}
.inq_check input[type="radio"]:checked ~ label::before {  background:#333 url("../image/check.png") no-repeat center;border-color:#333;}
.inq_table table{width:100%;border-collapse: collapse;margin:20px 0;}
.inq_table table th{font-size:20px;line-height:80px;color:#333;text-align:left;}
.inq_table table td{font-size:16px;letter-spacing: -0.6px;font-weight:400;}
.inq_table input{display:inline-block;width:220px;height:50px;padding:0 20px;  border:1px solid #b4b4b4;font-size:16px;letter-spacing: -0.6px;}
.inq_table input::-webkit-outer-spin-button,
.inq_table input::-webkit-inner-spin-button {  -webkit-appearance: none;  margin: 0; }
.inq_table input::placeholder{color:#b4b4b4 }
.inq_table .email{padding-top:15px;}
.inq_table .email,.inq_table .email>div{display:flex;align-items: center;justify-content: flex-start;}
.inq_table .email input{  width:200px;}
.inq_table .email span{margin:0 15px;}
.inq_table .email .select_typeA{  width:200px;margin-left:10px;}
.inq_table .email_txt{display:block;font-size:14px;letter-spacing: -0.53px;color:#5a5757;font-weight:400;margin-top:16px;text-align: left;margin-bottom:15px;}
.inq_table .phone input[type="number"]{ width:160px;-moz-appearance: textfield;}
.inq_table .phone span{display:inline-block;width:40px;position:relative;height: 50px;vertical-align: middle;}
.inq_table .phone span::before{display:block;content:'';position:absolute;  width:10px;height:1px;background: #5a5757;left:50%;top:50%;transform: translate(-50%,-50%);}
.inq_table .textarea {margin: 14px 0 19px; width:100%; height: 160px;}
.inq_table .textarea textarea {padding: 5px 20px; resize: none;width: 100%;height: 100%;border: 1px solid #b4b4b4;}
.inq_btn_wrap{padding-top:35.5px;border-top:1px solid #333;text-align: center}
.inq_btn_wrap small{display:block;font-size:14px;letter-spacing: -0.53px;font-weight:400;color:#5a5757;margin-bottom:18px;}
.inq_btn_wrap button{  width:250px;height:60px;border:1px solid #ff6d28;text-align:center;margin:auto;font-size:16px;letter-spacing: -0.6px;color:#ff6d28;}
.inq_btn_wrap button:hover{  background: #ff6d28;color:#fff;}

/* select_typeA */
.select_typeA{  position: relative;  cursor: pointer;  width:400px;  }
.select_typeA div{  font-size:16px;  font-weight:400;  position:relative;  width: 100%;  padding:0 20px;border: 1px solid #b4b4b4;  letter-spacing: -0.6px;  height:50px;line-height:48px;}
.select_typeA div::before{  display:block;  content:'';  position:absolute;  right:20px;  top:50%;  width: 14px;  height:9px;  background:url("../image/arr06.png") no-repeat center;  background-size:14px 9px;  margin-top:-4.5px;  transition: 0.3s;  }
.select_typeA.on div::before{  transform: rotate(-180deg);  }
.select_typeA ul{  display:none;  overflow: auto;  position:absolute;  left:0px;  top:49px;  width:100%;  max-height: 164px;  background: #fff;  z-index:3;  border:1px solid #b4b4b4;  border-top:none;  padding:10px 20px;  }
.select_typeA li{  font-size:16px;  line-height:36px;  color:#5a5757;  transition: 0.3s;  }


@media screen and (max-width: 1420px){
    #ir {width: 1420px;}
}