@charset "UTF-8";

.sub_visual {position:relative; width:100%; height:93vh; display:flex; justify-content:center; align-items:center;}
.sub_visual .sub_txt {position:relative; margin:0 auto; padding:0 15px; max-width:1590px; width:100%; text-align:left; margin-top:10%;}
.subContents h2 {text-shadow:1px 1px 1px rgba(0,0,0,0.1); opacity:0; filter: blur(0px); text-align:left; font-weight:800; color:#fff;}
.subContents h2.sub_txt01 {font-size:36px; animation:mainCopyFade 3s ease-out 1s 1 forwards;}
.subContents h2.sub_txt02 {font-size:90px; animation:mainCopyFade 3s ease-out 2s 1 forwards;}
.subContents h3 {font-size:36px; font-weight:700; text-align:center; margin-bottom:50px; color:#000;}
.subContents h4 {font-size:60px; font-weight:800; color:#2346b1; letter-spacing:-3px;}
.subContents .inner {padding:100px 15px; font-size:18px;}
.btxt {font-size:30px; line-height:34px; font-weight:800; margin-top:40px;}

.fc_r_01 {color:#fc2b4f !important}
.fc_o_01 {color:#ff7000 !important}
.fc_gn_01 {color:#78BC28 !important}
.fc_bl_01 {color:#2346b1 !important}

.sub_visual01 {background:url('../images/company_bg01.jpg') no-repeat center; background-size:cover;}
.sub_visual02 {background:url('../images/company_bg02.jpg') no-repeat center; background-size:cover;}
.sub_visual03 {background:url('../images/product_bg01.jpg') no-repeat center; background-size:cover;}
.sub_visual04 {background:url('../images/main_visual_02.jpg') no-repeat center; background-size:cover;}
.sub_visual05 {background:url('../images/esg_bg01.jpg') no-repeat center; background-size:cover;}
.sub_visual06 {background:url('../images/esg_bg02.jpg') no-repeat center; background-size:cover;}
.sub_visual07 {background:url('../images/esg_bg03.jpg') no-repeat center; background-size:cover;}
.sub_visual08 {background:url('../images/esg_bg04.jpg') no-repeat center; background-size:cover;}

/* 인사말 */
.greeting {display:grid; justify-content:space-between; grid-template-columns:repeat(2, minmax(0, 1fr)); gap:20px; margin-top:80px;}
.greeting .img {max-width:560px;}
.greeting .img img {width:100%; border-radius:25px;}
.greeting .msg {line-height:1.6;}
.greeting p {font-size:36px; margin-bottom:20px;}
.greeting strong {font-weight:800; }
.greeting span {font-weight:400; line-height:1.8;}
.greeting span .sain {font-size:24px;}

/* 이용약관 */
.privacy-wrap {position:relative; width:100%; margin-top:20px; color:#666;}
.privacy-wrap h4 {overflow:hidden; margin:40px 0 10px 0; font-weight:800; color:#000; font-size:20px}
.privacy-wrap + .privacy-wrap {margin-top:20px;}

.privacy-wrap table {width:100%; table-layout:fixed; border-top:1px solid #171A19; margin:10px 0 20px 0;}
.privacy-wrap table thead th {text-align:center; padding:14px; background:#F0F5F4; color:#000; border-right:1px solid #dadada;}
.privacy-wrap table thead th:nth-last-child(1) {border-right: 0;}
.privacy-wrap table tbody td {padding:16px; border-left:1px solid #dadada; border-bottom:1px solid#dadada; text-align:center; vertical-align:middle;}
.privacy-wrap table tbody td:first-child {border-left:0;}
.privacy-wrap .table2 tbody td:nth-child(1) {text-align: initial;}
.privacy-wrap .table3 {border-top:1px solid 1px solid #dadada; margin-top:14px;}
.privacy-wrap .table3 tbody td:nth-child(1) {background:#F0F5F4; text-align:initial;}

/* 이메일거부 */
.email_box {position:relative; min-height:180px; width:800px; margin:0 auto; box-shadow:8px 6px 20px 0 rgba(32, 54, 121, 0.07); padding:60px 60px; border:1px solid #d5d7dd; border-radius:15px; box-sizing:border-box; background-color:#fff;}
.email_box .box_title {margin-bottom:12px; font-size:20px; line-height:29px; font-weight:600; color:#000;}
.email_box .box_title:nth-child(n + 2){ margin-top: 22px;}
.email_box i {margin-bottom:40px;}

/* 회사개요 */
table {border-collapse:separate; border-spacing:0;}
.table table {width:100%; table-layout:fixed; border-top:1px solid #17171B;}
.table th,.table td {padding:1.6rem 2rem; border-bottom:1px solid #dcdcdc; border-left:1px solid #dcdcdc; background:#fff;}
.table th:first-child,.table td:first-child {border-left:0;}
.table th.border--left,
.table td.border--left {border-left:1px solid #dcdcdc;}
.table th.align--center,.table td.align--center {padding:1.6rem;}
.table th {text-align:center;}
.table thead th {padding-left:0; padding-right:0; font-size:20px; font-weight:800; background:#EFEFF3;}
.table tbody th {background:#F7F7FA;}
.table__unit, .table__desc {font-size:0; padding-bottom:1.2rem; text-align:right;}
.table .unit,.table .text {display:inline-block; color:#81818B; font-weight:700;}
.table .bg {background:#333; color:#fff;}
.table table.padd th,.table table.padd td {padding:0.8rem 0.8rem; font-size:16px;}

/* 회사연혁 */
.history {display:grid; grid-template-columns:1fr 50rem; gap:clamp(20px, 3.125vw, 2rem); margin-top:60px;}
.history .year img {border-radius:20px;}
.history .year .title {display:block; font-size:48px; font-weight:800; margin-bottom:40px;}
.hislist {position:relative;}
.hislist .history-item {border-bottom:1px solid #e6e6e6; display:grid; grid-template-columns:7em 1fr; padding:2em 1em; gap:0.8rem;}
.hislist .history-item.col {grid-template-columns:15em 1fr;}
.hislist .history-item .date {font-weight:800; color:#000; font-size:20px;}
.hislist .history-item .desc {color:#666;}
.gr-box {border:1px solid #d1e7ff; padding:40px 80px; border-radius:30px;}

/* 인재경영 */
.recruit_wrap {display:grid; column-gap:40px; grid-template-columns:repeat(3, 1fr); align-items:start; margin-top:80px;}
.recruit_wrap img {border-radius:20px 20px;}
.recruit_wrap .tit {font-weight:800; font-size:24px; color:#2346b1; margin:20px 0 10px 0;}
.chapter-attached {padding-bottom:30%; margin-top:var(--space); --space:100px;}
.chapter-attached.aboutBg {background:url(../images/about_bg.jpg) no-repeat 50% 50%/100% auto; background-attachment:fixed;}

/* 제품소개 */
.product_bg {background:#f4f4f4; text-align:center;}
.product_bg .wrap {position:relative; margin:0 auto; padding:60px 15px; max-width:1590px;}
.tooltip-btn {position:absolute; display:inline-block; width:1.6rem; height:1.6rem; border-radius:50%; border:0.2rem solid #fff; background:#2346b1; transition:all 0.3s; z-index:1;}
.tooltip-btn:hover {width:2rem; height:2rem; margin: -0.2rem 0rem 0rem -0.2rem;}
.tooltip-btn:hover:before, .tooltip-btn:hover:after {background: #fff;}
.tooltip-btn:hover:before {width:1.4rem; height:0.2rem;}
.tooltip-btn:hover:after {width:0.2rem; height:1.4rem;}
.tooltip-btn span {overflow:hidden; position:absolute; width:1px; height:1px; margin:-1px !important;clip:rect(0 0 0 0);}
.tooltip:nth-child(1) .tooltip-btn {top:48.78%; left:36.7361%;}
.tooltip:nth-child(2) .tooltip-btn {top:50.44%; left:68.9861%;}
.tooltip:nth-child(3) .tooltip-btn {top:42.78%; left:64.7361%;}
.tooltip:nth-child(4) .tooltip-btn {top:64.44%; left:58.1805%;}
.tooltip:nth-child(5) .tooltip-btn {top:62.78%; left:43.8361%;}
.tooltip a img {z-index:100}
.sec_title {font-size:30px; font-weight:800; margin-bottom:20px;}
.sec_title span {font-weight:400;}

.certi_wrap {display:flex; flex-wrap:wrap;}
.certi_wrap li {text-align:left; width:25%; margin-bottom:40px;}
.certi_wrap .i_big {position:relative; width:160px;}
.certi_wrap .i_big i {position:absolute; right:10px; bottom:10px; cursor:pointer;}
.certi_txt {margin-top:10px;}
.certi_txt .date {font-weight:800; font-size:20px;}
.certi_txt .desc {font-size:14px;}
.car-txt {line-height:1.6; color:#666;}
.line_box {display:flex; flex-wrap:wrap;}
.line_box div {display:flex; justify-content:center; align-items:center; border:3px solid #2346b1; padding:40px 20px;  margin:0 0.5%; color:#666; width:24%; text-align:center;}

 /* 작은 이미지 스타일 */
.modal {display:none; position:fixed; z-index:1; left:0; top:0; width:100%; height:100%; background-color:rgba(0,0,0,0.8); cursor:pointer;}
.modal-content {margin:auto; display:block; max-width:440px; animation:zoom 0.6s; padding-top:13%;}
.certi_wrap li {padding:0 10px;}
.certi_wrap li img {width:160px; cursor:pointer;}

@keyframes zoom {
    from {transform:scale(0.1)} 
    to {transform:scale(1)}
}
.product_area {position:relative;}
.product_area .paging-info {font-weight:900; font-size:20px; margin:46px 0 0 40px;}
.product_area .paging-info .total {color:#aeaeb5}
.product_area img {margin-top:80px;}
.pro_list .slick-prev {top:109%;}
.pro_list .slick-next {top:109%; left:90px;}
.pro_list .slick-prev:before, 
.pro_list .slick-next:before {transition:all ease 0.2s 0s; font-size:30px; font-family:'xeicon';}
.pro_list .slick-prev:before {content:'\e906'; margin-left:-3px;}
.pro_list .slick-next:before {content:'\e907'; margin-right:-3px;}

.tech_wrap {display:grid; grid-template-columns:20em 1fr; margin-top:40px;}
.tech_wrap .content {padding:40px 60px; background-color:#f8f8f8; border-radius:30px; margin-bottom:80px;}
.tech_wrap .heading {font-size:24px; margin-top:40px; font-weight:700;}
.tech_img {margin-top:80px;}

/* esg */
.blue_sqr {background:#ecf3fe;}
.gray_sqr {position:relative;}
.gray_sqr ul {display:flex; flex-direction:column; gap:40px; margin-top:20px;}
.gray_sqr ul li {position:relative; background:#F8F8F8; border-radius:20px; min-height:260px; padding:20px 20px 20px 300px; display:flex; flex-direction:column; justify-content:center;}
.gray_sqr.bgwhite ul li {background:#fff; border:1px solid #dcdcdc;}
.gray_sqr ul li .icon {position:absolute; top:0; left:0; width:240px; height:100%;}
.gray_sqr ul li .icon:before {content:""; position:absolute; top:50%; left:50%; width:120px; height:120px; background:#fff no-repeat 50% 50%; border-radius:50%; transform:translate(-50%,-50%);}

.gray_sqr ul li .icon.i01:before {background-image:url('../images/icon_esg01.png');}
.gray_sqr ul li .icon.i02:before {background-image:url('../images/icon_esg02.png');}
.gray_sqr ul li .icon.i03:before {background-image:url('../images/icon_esg03.png');}
.gray_sqr ul li .icon.i04:before {background-image:url('../images/icon_esg04.png');}
.gray_sqr ul li .icon.i05:before {background-image:url('../images/icon_esg05.png');}
.gray_sqr ul li .icon.i06:before {background-image:url('../images/icon_esg06.png');}
.gray_sqr ul li .icon.i07:before {background-image:url('../images/icon_esg07.png');}
.gray_sqr ul li .icon.i08:before {background-image:url('../images/icon_esg08.png');}
.gray_sqr ul li .icon.i09:before {background-image:url('../images/icon_esg09.png');}
.gray_sqr ul li .icon.i10:before {background-image:url('../images/icon_esg10.png');}
.gray_sqr ul li .icon.i11:before {background-image:url('../images/icon_esg11.png');}
.gray_sqr ul li .icon.i12:before {background-image:url('../images/icon_esg12.png');}
.gray_sqr ul li .icon.i13:before {background-image:url('../images/icon_esg14.png');}
.gray_sqr ul li .icon.i14:before {background-image:url('../images/icon_esg13.png');}

.gray_sqr ul li .icon.i15:before {background-image:url('../images/icon_recruit01.png');}
.gray_sqr ul li .icon.i16:before {background-image:url('../images/icon_recruit02.png');}
.gray_sqr ul li .icon.i17:before {background-image:url('../images/icon_recruit03.png');}
.gray_sqr ul li .icon.i18:before {background-image:url('../images/icon_recruit04.png');}

.gray_sqr ul li .icon:after {content:""; position:absolute; top:50%; right:0; width:1px; height:140px; background-color:#ddd; transform:translate(0,-50%);}
.gray_sqr ul li .tit {margin:0 0 20px; font-weight:800; font-size:30px;}
.gray_sqr ul li p {font-size:22px;}
.gray_sqr li.in_con {border-radius:20px 20px 0 0;}
.gray_sqr ol {padding:60px; border:#ebebeb 1px solid; border-radius:0 0 20px 20px;}
.gray_sqr ol li {position:relative; width:100%;}
.gray_sqr ol .t {font-size:20px; color:#000; font-weight:700; line-height:24px; margin-bottom:16px;}
.gray_sqr ol .btns {position:absolute; right:0; top:10px; }
.gray_sqr ol a.btn_down {display:inline-block;background-color:#2346b1; padding:10px 30px; color:#fff;}

.recuirt02 {margin:0 auto}
.recuirt02:after {content:" "; visibility:hidden; display:block; height:0; clear:both;}
.recuirt02 ul {display:flex; flex-wrap:wrap;}
.recuirt02 ul li {width:25%; justify-content:center;}
.recuirt02 ul li:nth-child(3n+3){margin-right:0}
.recuirt02 ul li .web_icon {width:140px; height:140px; margin-bottom:20px; border:7px solid #2346b1; border-radius:50%; color:#8E3434; display:flex; justify-content:center; align-items:center; margin:0 auto}
.recuirt02 ul li .web_icon img {width:60px; height:60px;}
.recuirt02 ul li span {font-size:20px;color:#000;font-weight:800; display:block;clear:both;padding-bottom:10px; margin-top:30px; text-align:center}
.recuirt02 ul li p {text-align:center; line-height:1.6; word-break:keep-all}
.recuirt02 ul li .icon_img {text-align:center;padding-top:20px;display:block;}
.recuirt02 ul li div {color:#4C6468;display:block;clear:both;padding-bottom:10px; margin-top:5px; text-align:center}

/* 신문고 */
.gray_box {background-color:#eff7f1; padding:60px 60px; border-radius:20px;}
.gray_box p {font-size:30px; font-weight:800; margin-bottom:10px;}
.tit-st {background-color:#1379ec; color:#fff; border-radius:100%; width:24px; height:24px; line-height:24px; display:inline-block; text-align:center; font-size:14px; margin-right:6px;}
.list01 li {padding-left:20px;}
.list01 li:before {content: ''; display:inline-block; width:3px; height:3px; background-color:#af9375; margin:0 8px 4px 0;}
.reg-type {display:flex; flex-wrap:wrap; border:1px solid #dcdcdc; border-left:0 }
.reg-type li {width:25%; padding:40px; border-left:1px solid #dcdcdc; border-bottom:1px solid #dcdcdc;}
.reg-type li:hover {background-color:#f4f4f4}
.reg-type li p {font-weight:800; color:#1379ec;}
.gray_line li {border:1px solid #dcdcdc;  border-radius:20px; padding:60px 60px; }

/* 텝 공통 디자인 */
.tabGroupSet {margin-top:60px;}
.tabGroupSet .tabContSet {position:relative; display:none; }
.tabGroupSet .tabContSet.on {position:relative; display:block;}
.tabMenu {display:flex; justify-content:center; align-items:center; gap:3.2em; border-bottom:1px solid #dcdcdc; padding-bottom:0.6em;}
.tabMenu button span {position:relative; padding:0 6px 0 0; font-size:24px; text-align:center; color:#9e9e9e; letter-spacing:-1px; padding-bottom:0.44em;}
.tabMenu button:hover span,.tabMenu button.on span {color:#2346b1; border-bottom:3px solid #2346b1; transition:all 0.3s ease; font-weight:800;}

/* 오시는길 */
.map {display:table; table-layout:fixed; width:100%; padding:120px 0;}
.fp-tableCell {width:100%; height:100%; display:inline-flex; align-items:center; background-color:#f4f4f4;}
.map .left {display:flex; width:38%; height:100%; flex-direction:column; justify-content:center; align-items:center;}
.map .left .tit {margin-top:7vh; width:72%; display:flex; flex-direction:column; align-items:flex-start; gap:10px;}
.map .left .tit .tit_e {font-size:40px; font-weight:800; text-transform:uppercase;}
.map .left .tit .tit_k {font-size:20px; line-height:170%;}
.map .left .desc p {padding-left:24px;}
.map .left ul {display:flex; padding-left:20%; margin-top:3rem; flex-direction:column; align-items:flex-start; gap:29px;}
.map .left ul li h4 {font-size:20px; line-height:170%; font-weight:400;}
.map .right {width:62%; height:100vh; overflow:hidden;}

/* 게시판 리스트 상단 */
.board_top {display:flex; align-items:center; justify-content:space-between; margin-bottom:20px;}
.board_top .total {font-size:16px;}
.board_top .total b {font-weight:600;}
.board_top .sch_wrap {display:flex; align-items:center; justify-content:flex-start; min-width:320px; height:54px; line-height:54px; padding:0 20px; background-color:#F7F7F7; border-radius:50px; }
.board_top .sch_wrap input {width:100%; height:100%; background-color:transparent;}
.board_top .sch_wrap input[type="text"] {border:0}
.board_top .sch_wrap input::placeholder {color:#717171; }
.board_top .sch_wrap .ico {flex-shrink:0; font-size:22px; }

/* 뉴스룸 */
.newsroom {position:relative; width:100%;}
.newsroom > ul {position:relative; }
.newsroom > ul > li {display:flex; grid-template-columns:repeat(2, 1fr); margin:0 auto; column-gap:50px; row-gap:80px; margin-top:40px;}
.newsroom > ul > li > figure {width:35%; overflow:hidden;}
.newsroom > ul > li > figure img {width:500px; height:100%; object-fit:cover; transform:scale(1); transition:transform 0.5s ease-in-out;}
.newsroom > ul > li > div {width:65%; display:flex; flex-direction:column; gap:20px;}
.newsroom > ul > li > div > p {display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; text-overflow:ellipsis;}
.newsroom > ul > li > div > p > span {font-size:24px; line-height:1.6em; font-weight:800; letter-spacing:-0.25px; color:#000; text-decoration:none; text-decoration-color:transparent; transition:text-decoration-color 0.5s ease; word-break:keep-all;}
.newsroom_date {letter-spacing:-0.16px; color:#999;}

/* 공지사항 */
.newsroom {position:relative; width:100%;}
.notice > ul {width:100%;}
.notice > ul > li:nth-child(1){border-top:1px solid #000;}
.notice > ul > li {width:100%; border-bottom:1px solid #e6e6e6; box-sizing:border-box;}
.notice > ul > li div {width:100%; height:100%; padding:40px 0; display:grid; grid-template-columns:1fr 10fr 1.3fr; transition:background-color 0.3s ease-in-out; box-sizing:border-box;}
.notice > ul > li a:hover {border-color:transparent;}
.notice > ul > li a:hover > div {background-color:#f4f4f4;}
.notice > ul > li a:hover .notice_num,.notice > ul > li a:hover .notice_date {color:#b6b6b6;}
.notice > ul > li span {padding:0 10px;}
.notice_num {display:grid; align-items:center; width:100%; letter-spacing: -0.5px; color:#b6b6b6; justify-content:center; transition:color 0.3s ease-in-out;}
.notice_content {margin:auto 0; display:inline-block; display:flex; align-items:center; width:100%; height:100%; padding:0 10px; font-size:24px; font-weight:600; letter-spacing:-0.25px; color:#000; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; transition:color 0.3s ease-in-out; cursor:pointer;}
.notice_date {display:grid; align-items:center; letter-spacing:-0.17px; color:#b6b6b6; justify-content:center; transition:color 0.3s ease-in-out;}

/* 게시판 상세 */
.view_wrap {display:grid; grid-template-columns: minmax(0, 1fr); margin:0 auto; align-items:flex-start; padding:80px 0; gap:0 60px; border-top: 1px solid #dcdcdc; border-bottom: 1px solid #dcdcdc;}
.view_wrap .aside .tit_wrap .tit {font-size:30px; font-weight:600; line-height:1.4; }
.view_wrap .aside .tit_wrap .date {margin-top:20px; color:#9E9E9E; }
.view_wrap .cont {margin:60px 0 40px 0; line-height:1.6}
.view_wrap .cont .image {margin-bottom:60px;}
.view_wrap .cont .image img {max-width: 100%;}
.board_view_list {position:relative; overflow:hidden; border-top:1px solid #dadada; border-bottom:1px solid #dadada; padding:20px 0}
.board_view_list dl {clear:both;}
.board_view_list dt {float:left; margin:0 10px 0 0; text-indent:20px; font-weight:800;}
.board_view_list dd {float:left;}
.btn_wrap {margin-top:60px; display:flex; align-items:center; justify-content:flex-end;}
.btm_btn {height:56px; line-height:56px; padding:0 60px; color:#fff !important; background: #000; border-radius:4px; margin:0 4px;}
.btm_btn.line {color:#000 !important; background: #fff; border:1px solid #000;}

/* 게시판 글쓰기 */
.typeWrite {border-top:1px solid #333; max-width:900px; margin:0 auto;}
.typeWrite .conbox {display:flex;}
.typeWrite .conbox .con_title, .typeWrite .conbox .con_input {padding-top:18px; position:relative;}
.typeWrite .conbox .con_title {width:150px; font-weight:600; padding-top:30px;}
.typeWrite .conbox .con_input {width:calc(100% - 150px);}
.typeWrite .conbox .con_input .font0{ font-size:0;}
.typeWrite .conbox .con_input input[type="text"] {height:54px; line-height:54px; border:1px solid #e6e6e6; border-radius:5px; padding:2px 4px 2px 10px; width:100%;}
.typeWrite .conbox .con_input p {margin-top:10px;}
.upload-name {height:54px; border-radius:5px 0 0 5px; font-size:16px; color:#888; padding:2px 4px 2px 20px; background-color:#eee;}
.upload-name + label {display:inline-block; cursor:pointer; line-height:54px; border-radius:0 5px 5px 0; background-color:#181818; font-size:16px; vertical-align:top; color:#fff; width:120px; text-align:center;}
.upload-hidden {position:absolute; width:1px; height:1px; opacity:0.1;}

/* paging */
.paging {width:100%; text-align:center; display:inline-block; vertical-align:top; margin-top:60px;}
.paging a {display:inline-block; width:32px; height:32px; line-height:32px; margin:0 1px 0; font-size:14px; color:#888; text-align:center; vertical-align:middle; transition: all 0.2s ease; border-radius:50px;}
.paging a.first i,.paging a.last i {letter-spacing:-7px;}
.paging a.first i {margin:0 0 0 -7px;}
.paging a.last i {margin:0 0 0 -5px;}
.paging a.on {font-weight:600; border-color:#0b235b; background:#0b235b; color:#fff;}

@media screen and (max-width:1280px) {
	.pro_list .slick-next,.pro_list .slick-prev {top:111%;}
}

@media screen and (max-width:1024px) {
	.subContents h2.sub_txt01 {font-size:24px;}
	.subContents h2.sub_txt02 {font-size:60px;}
	.subContents .inner {padding:40px 15px; font-size:14px;}
	.subContents h3 {font-size:24px; margin-bottom:20px;}
	.subContents h4 {font-size:30px;}
	.btxt {font-size:20px; line-height:22px; margin-top:20px;}
	
	.sub_visual {height:70vh;}
	.sub_location ul {font-size:14px; display:flex; max-width:1560px; margin: 0 auto; white-space:nowrap; overflow-x:auto; overflow-y:hidden; justify-content:flex-start;}
	.sub_location ul::-webkit-scrollbar {display:none;}
	.sub_location ul li,.sub_location ul li a {height:50px; line-height:50px;}
	.sub_location ul li a span {padding:0 20px;}
	.greeting {display:block; margin-top:40px;}
	.greeting p {font-size:20px; margin-bottom:10px;}
	.greeting .msg {margin-top:20px; line-height:1.4;}
	
	.privacy-wrap h4 {font-size:16px}
	.email_box {width:100%; padding:20px; 20px;}
	.fp-tableCell {display:block;}
	.map .left, .map .right {width:100%;}
	.map .left .tit {margin-top:3vh; gap:5px; width:100%; padding:0 15px;}
	.map .left .tit .tit_e {font-size:20px;}
	.map .left ul {padding:0 15px 30px 15px; margin-top:1rem; gap:12px; width:100%;}
	.map .right {height:40vh;}
	.history {margin-top:20px; display:block;}
	.history .year .title {font-size:24px; margin-bottom:10px;}
	.history .list .history-item {padding:1em 0; gap:0.4rem; display:block;}
	.history .list .history-item .date {font-size:16px;}
	.hislist .history-item {padding:1em 0;}
	.hislist .history-item.col {display:block;}
	.hislist .history-item .date {font-size:18px;}
	.m_t_100 {margin-top:50px !important;}
	.m_t_60 {margin-top:30px !important;}
	.m_t_40 {margin-top:20px !important;}
	.tech_wrap {display:block; margin-top:20px}
	.tech_wrap .heading {margin-top:0; font-size:18px;}
	.tech_wrap .content {padding:20px 15px; border-radius:10px; margin:10px 0 40px 0;}
	.tech_img {margin-top:40px;}
	.gr-box {padding:10px 20px; border-radius:15px;}
	.chapter-attached {--space:0;}
	.chapter-attached.aboutBg {background:url(../images/about_bg.jpg) no-repeat 100% 100%/100% auto}
	
	.product_bg .wrap {padding:30px 15px;}
	.sec_title {font-size:20px; margin-bottom:10px;}
	.product_area img {margin-top:30px;}
	.product_area .paging-info {font-size:14px; margin:10px 0 0 30px;}
	.pro_list .slick-next,.pro_list .slick-prev {top:106%;}
	.pro_list .slick-next {left:65px;}
	.pro_list .slick-next:before,.pro_list .slick-prev:before {font-size:20px;}
	.recruit_wrap {display:block; margin-top:40px;}
	.recruit_wrap li {margin-top:40px;}
	.gray_box {padding:20px 25px;}
	.gray_box p {font-size:22px;}
	.tabMenu {display:flex; max-width:1560px; margin: 0 auto; white-space:nowrap; overflow-x:auto; overflow-y:hidden; justify-content:flex-start;}
	.tabMenu::-webkit-scrollbar {display:none;}
	
	.gray_sqr ul {margin-top:10px;}
	.gray_sqr ul li {border-radius:10px; min-height:120px; padding:10px 10px 10px 180px;}
	.gray_sqr ul li .icon {width:140px;}
	.gray_sqr ul li .icon:before {width:80px; height:80px; background-size:50%;}
	.gray_sqr ul li .icon:after {height:80px;}
	.gray_sqr ul li .tit {font-size:20px; margin:0 0 5px}
	.gray_sqr ul li p {font-size:16px;}
	.gray_sqr ol {padding:15px;}
	.gray_sqr ol .t {font-size:17px; margin-bottom:6px;}
	.gray_sqr ol a.btn_down {right:0; top:0;}
	.reg-type li {width:50%; padding:20px;}
	
	.tabMenu {gap:0.6em; padding-bottom:0.5em;}
	.tabMenu button span {font-size:15px;}
	.tabMenu button:hover span, .tabMenu button.on span {border-bottom:0; font-weight:800;}
	.table--scroll .table__inner {overflow-x:auto;}
	.table thead th {font-size:16px;}
	.table th,.table td {padding:0.4rem 0.6rem;}
	.table th.align--center,.table td.align--center {padding: 1.6rem 1rem;}
	
	.board_top .sch_wrap {min-width:160px; height:42px;}
	.board_top {margin-bottom:10px;}
	.newsroom > ul {display:block;}
	.notice > ul > li div {padding:15px 0; display:block; }
	.notice_content {font-size:min(6vw, 18px);}
	.notice_num {display:none;}
	.notice_date {justify-content:flex-start; margin-top:5px;}
	.paging {margin-top:20px;}
	
	/* 게시판 상세 */
	.view_wrap {padding:40px 0; gap:0 30px;}
	.view_wrap .aside .tit_wrap .tit {font-size:20px;}
	.view_wrap .aside .tit_wrap .date {margin-top:10px; }
	.view_wrap .cont {margin-top:30px;}
	.btn_wrap {margin-top:30px; }
	.btm_btn {height:44px; line-height:44px; padding:0 24px; font-size:15px;}
	.line_box div {padding:10px 5px; width:49%; text-align:center; margin-bottom:1%;}
	.newsroom > ul > li {display:block;}
	.newsroom > ul > li > div > p > span {display:block; font-size:18px; margin-top:20px;}
	.newsroom > ul > li > div {gap:10px;}
	.newsroom > ul > li > figure,.newsroom > ul > li > div {width:100%}
}

@media screen and (max-width:768px) {
	.sub_visual {height:50vh;}
	.tooltip-btn {width:0.6rem; height:0.6rem; border:0.15rem solid #fff;}
	.gray_sqr ol .btns {position:relative;}
	.gray_sqr ol a.btn_down {padding:6px 6px; font-size:12px; margin-top:5px;}
	.certi_wrap li {padding:0 5px;}
	.modal-content {padding-top:25%; max-width:90%;}
	.recuirt02 ul li {width:50%;}
	.recuirt02 ul li .web_icon {width:70px; height:70px; margin-bottom:10px; border:5px solid #2346b1;}
	.recuirt02 ul li .web_icon img {width:30px; height:30px;}
	.recuirt02 ul li span {font-size:16px; margin-top:20px;}
	.certi_wrap li {width:50%; margin-bottom:20px;}
	.certi_txt .date {font-size:16px;}
	.certi_txt .desc {font-size:12px;}
	.certi_wrap .i_big,.certi_wrap li img {width:130px;}
}

@media screen and (max-width:480px) {
	.subContents h2.sub_txt01 {font-size:18px;}
	.subContents h2.sub_txt02 {font-size:40px;}
	.paging a {width:28px; height:28px; line-height:28px; margin:0 0; font-size:12px;}
	.car-txt br {display:none;}
	.gray_sqr ul li {min-height:100px; padding:10px 10px 10px 120px}
	.gray_sqr ul li .icon {width:100px;}
	.gray_sqr ul li .icon:before {width:60px; height:60px;}
}