/********** common **********/
:root {
	--font-out : "Outfit", sans-serif;
	--color-blue : #00287C;
	--color-blue2 : #00418E;
}

.ta-l {text-align: left;}
.ta-c {text-align: center;}
.ta-r {text-align: right;}

.flex {display: flex; align-items: center;}
.flex-jb {display: flex; align-items: center; justify-content: space-between;}
.flex-jc {display: flex; align-items: center; justify-content: center;}
.flex-je {display: flex; align-items: center; justify-content: flex-end;}

.mt_10 {margin-top: .62rem;}
.mt_20 {margin-top: 1.25rem;}
.mt_30 {margin-top: 1.875rem;}
.mt_40 {margin-top: 2.5rem;}
.mt_60 {margin-top: 3.75rem;}
.mt_70 {margin-top: 4.375rem;}
.mt_80 {margin-top: 5rem;}
.mb_80 {margin-bottom: 5rem;}

/* sub_content */
#sub_content {padding: 9rem 0 8.125rem;}
.sub_title {text-align: center;}
.sub_title h3 {font-size: 3.125rem; font-weight: 600; line-height: 1.2; letter-spacing: -0.0625rem;}
.sub_title em {font-size: 1rem; margin-top: 1.125rem; color: #6D6D6D; line-height: 1.4; letter-spacing: -0.03125rem; display: block;}
/* sub_menu */
.sub_menu {margin: 2.625rem auto 4rem; max-width: 34.6rem; width: 100%;}
.sub_menu > ul {width: 100%; margin: 0 auto; position: relative; display: flex; align-items: center; justify-content: center; z-index: 100;}
.sub_menu > ul > li {position: relative; height: 100%;}
.sub_menu > ul > .dot {display: block; min-width: 0.25rem; width: 0.25rem; height: 0.25rem; background: #000; border-radius: 100%;}
.sub_menu > ul .home img {width: 1.5625rem;}
.sub_menu > ul > li > a {display: flex; align-items: center; font-size: 1.125rem; height: 100%; font-weight: 700; letter-spacing: -0.0375rem; line-height: 1.3; padding: 1rem 1.25rem;}
.sub_menu > ul > li.menu_btn {width: 16.25rem; background: url("/img/sub/sub_menu_arrow.svg") no-repeat right 1.25rem center / 1rem;}
.sub_menu > ul > li.menu_btn.on {background-image: url("/img/sub/sub_menu_arrow_on.svg");}
.sub_menu_txt {display: none; position: absolute; left: 0; width: 100%; background: #fff; border: 1px solid rgba(130, 90, 73, 0.20); z-index: 100; border-radius: 0.625rem; overflow: hidden;}
.sub_menu_txt li {height: 3.25rem; border-bottom: 1px solid #E3E3E3;}
.sub_menu_txt li:last-child{border-bottom: none;}
.sub_menu_txt li a {display: flex; align-items: center; padding: 0 1rem; font-size: 1.125rem; color: #6D6D6D; height: 100%; font-weight: 500;}
.sub_menu_txt li a:hover {color: #fff; background: #00418E;}




/********** 댓글 **********/
.view_comment {margin-top:  60px;}
.view_comment .comm_total {font-size:  20px; font-weight:  600; letter-spacing:  -1px;}
.view_comment .comm_total span {color:  var(--color1);}
.view_comment .comm_list {margin-top:  20px;}
.view_comment .comm_total + .comm_list {border-bottom:  1px solid #E5E5E5;}
.view_comment .c_item {border-top:  1px solid #E5E5E5; padding:  35px 0; margin-top:  0 !important;}
.view_comment .c_item .info {display:  flex; align-items:  center; gap:  0 20px;}
.view_comment .c_item .info strong {font-size:  18px; font-weight:  600; letter-spacing:  -.8px;}
.view_comment .c_item .info span {font-size:  14px; font-weight:  400; letter-spacing:  -.2px; color:  #999;}
.view_comment .c_item .btn {display:  flex; align-items:  center; gap:  8px;}
.view_comment .c_item .btn a {display:  flex; align-items:  center; justify-content:  center; width:  60px; height:  30px; border-radius:  30px; font-size:  14px; font-weight:  600;}
.view_comment .c_item .btn a.black {background:  #000; border:  1px solid #000; color:  #fff;}
.view_comment .c_item .btn a.white {background:  #fff; border:  1px solid #555; color:  #555;}
.view_comment .c_item .content {margin-top:  15px; font-size:  18px; font-weight:  400; color:  #6D6D6D; letter-spacing:  -.5px; line-height:  1.4; height:  auto;}
.view_comment .c_item .reply {margin-top:  15px; font-size:  18px; font-weight:  400; color:  #6D6D6D; letter-spacing:  -.5px; line-height:  1.4; text-decoration:  underline; color:  #000; display:  inline-block; text-underline-offset:  2px; cursor:  pointer;}
.view_comment .c_reply {padding:  40px 0 40px 62px; position:  relative;}
.view_comment .c_reply + .c_reply {border-top:  1px dashed #E5E5E5;}
.view_comment .c_reply::before {content:  ""; width:  23.5px; height:  27.5px; background:  url('/img/sub/c_reply.svg') no-repeat center/cover; position:  absolute; top:  27px; left:  20px;}
.view_comment .reply_form {margin-top:  17.5px;}
.view_comment .c_reply .reply_form textarea {background:  #F6F6F6;}
.view_comment .c_reply .reply_form textarea::placeholder {color:  #8E8E8E;}
.view_comment .reply_form {display:  flex; gap:  15px;}
.view_comment .reply_form .input {width:  calc(100% - 115px);}
.view_comment .reply_form .input textarea {border:  1px solid #E5E5E5; width:  100%; height:  100px; padding:  20px 30px; font-size:  16px; font-weight:  500;}
.view_comment .reply_form button input,
.view_comment .reply_form button {width:  100px; height:  100px; background:  #000; color:  #fff; font-size:  18px; font-weight:  600; outline:  none; border:  0;}
.view_comment .comm_form {margin-top:  35px;}
.view_comment .comm_form textarea {background:  #fff;}
.view_comment .comm_form textarea::placeholder {color:  #ccc;}
.view_comment .board_btnCont .center {display:  flex; align-items:  center; justify-content:  center; margin-top:  35px;}
.view_comment .dp_bt_wrap .dpp_chk > p,
.view_comment .dp_cmt_write .dpp_sec_chk p {color:  #555; margin-bottom:  5px; font-size:  14px;}



/********** product **********/
/* inlineSputter */
/* commcon */
ul.disc li {position: relative; padding-left: 1rem; word-break: keep-all;}
ul.disc li::before {content: ""; width: 0.3125rem; height: 0.3125rem; border-radius: 100%; background: #8E8E8E; display: inline-block; position: absolute; left: 0; top: .75rem;}

.product_wrap .tab {border-bottom: 1px solid #BEBEBE;}
.product_wrap .tab li {width: 17.5rem; height: 4.375rem; display: flex; align-items: center; justify-content: center; font-size: 1.25rem; font-weight: 700; color: #BEBEBE; font-family: var(--font-out); cursor: pointer;}
.product_wrap .tab li.on {color: var(--color-blue); border-bottom: 2px solid var(--color-blue);}
.product_wrap .cont:not(.on) {display: none;}
.product_wrap .img {overflow: hidden; width: 100%;}
.product_wrap .img img {width: 100%;}
.product_wrap .txt {align-items: flex-start;}
.product_wrap .left {width: calc(100% - 52.5rem);}
.product_wrap .left h2 {font-size: 2.5rem; font-weight: 600; color: var(--color-blue2); font-family: var(--font-out); line-height: 1.2;}
.product_wrap .left li {color: rgba(0, 0, 0, 0.85); font-size: 1.125rem; font-weight: 700; line-height: 1.4;}
.product_wrap .left li + li {margin-top: 0.3125rem;}
.product_wrap .left li * {opacity: .85;}
.product_wrap .left li p {font-weight: 400;}
.product_wrap .right {width: 52.5rem;}
.product_wrap .right h3 {font-family: var(--font-out); font-size: 1.75rem; font-weight: 600; line-height: 1.29; margin-bottom: .94rem;}
.product_wrap .right li {color: rgba(0, 0, 0, 0.85); font-size: 1.125rem; font-weight: 400; line-height: 1.4; opacity: .85;}
.product_wrap .right li + li {margin-top: 0.3125rem;}
.product_wrap .right .table {width: 100%; border-spacing: 0; border-top: 1px solid #000;}
.product_wrap .right .table .tr {display: flex !important; width: 100%;}
.product_wrap .right .table .th:first-child,
.product_wrap .right .table .td:first-child {width: 10rem;}
.product_wrap .right .table .th:last-child,
.product_wrap .right .table .td:last-child {width: calc(100% - 10rem);}
.product_wrap .right .table .th,
.product_wrap .right .table .td {padding: 1rem 1.25rem; border-bottom: 1px solid #E3E3E3; font-size: 1.125rem; font-family: var(--font-out); line-height: 1.5;}
.product_wrap .right .table .th {text-align: center; background: #F9F9F9; font-weight: 600;}
.product_wrap .right .table .td {text-align: left; font-weight: 400; color: rgba(0, 0, 0, 0.85);}
.product_wrap .right .table .td strong {font-weight: 500; color: #000;}
.product_wrap .right .table .td:last-child {opacity: .85; border-left: 1px solid #E3E3E3;}
.product_wrap .right .table .td ul.disc {margin-top: .3125rem;}
/* RnD */
.product_wrap.RnD .right .table .td:first-child {width: 16rem;}
.product_wrap.RnD .right .table .td:last-child {width: calc(100% - 16rem);}
.product_wrap.RnD .right .table .td p.flex {gap: 1rem;}
.product_wrap.RnD .right .table .td p.flex strong {display: block; width: 7.5rem;}
.product_wrap.RnD .right .table .td p.flex span {display: block; width: calc(100% - 7.5rem);}
/* RnD */
.product_wrap.cluster .right .table .td:first-child {width: 13rem;}
.product_wrap.cluster .right .table .td:last-child {width: calc(100% - 13rem);}
.product_wrap.cluster .right .table .td p.flex {align-items: first baseline;}
.product_wrap.cluster .right .table .disc li {gap: 1rem;}
.product_wrap.cluster .right .table .disc li::before {top: .7rem;}
.product_wrap.cluster .right .table .disc li strong {display: block; width: 9.5rem;}
.product_wrap.cluster .right .table .disc li span {display: block; width: calc(100% - 9.5rem);}


/* commom */
.subImg {width: 100%; overflow: hidden;}
.subImg img {width: 100%;}

/********** 회사개요 **********/
.overview strong {font-size: 2rem; font-weight: 700; letter-spacing: -0.0625rem;}
.overview .tableCont {margin-top: 3.12rem; border-top: 1px solid #000; width: 100%;}
.overview .flex {align-items: normal;}
.overview .item {border-bottom: 1px solid #E3E3E3; display: flex; width: 50%;}
.overview .tit,
.overview .cont {padding: 1.25rem 1.88rem; font-size: 1.25rem; letter-spacing: -0.05rem; line-height: 1.4;}
.overview .tit {width: 12.5rem; background: #F9F9F9; font-weight: 700; color: #222; display: flex; align-items: center; justify-content: center;}
.overview .cont {width: calc(100% - 12.5rem); font-weight: 400; color: #6D6D6D; word-break: keep-all; display: flex; align-items: center;}

/********** 인사말 **********/
.greeting .inner2 {align-items: flex-start; gap: 2rem;}
.greeting .left {width: calc(100% - 34.375rem - 2rem);}
.greeting .title strong {color: #1C417D; font-family: var(--font-out); font-size: 1.25rem; font-weight: 700; line-height: 1.2; letter-spacing: -0.025rem;}
.greeting .title h2 {margin-top: 1.5625rem; font-size: 2.125rem; font-weight: 600; line-height: 1.3; letter-spacing: -0.025rem;}
.greeting .title p {margin-top: 1.5625rem; font-size: 1.5rem; font-weight: 500; line-height: 1.4; letter-spacing: -0.025rem; padding-left: 1.25rem; position: relative; word-break: keep-all;}
.greeting .title p::before {content: ""; width: 0.125rem; height: 3.75rem; position: absolute; left: 0; top: 50%; transform: translateY(-50%); background: #1C417D;}
.greeting .cont {margin-top: 3.4375rem; color: #6D6D6D; font-size: 1.125rem; font-weight: 400; line-height: 1.5; letter-spacing: -0.0375rem;}
.greeting .sign {margin-top: 3.4375rem; gap: 1.25rem; font-size: 1.125rem; font-weight: 700; line-height: 1.55; letter-spacing: -0.0375rem;}
.greeting .sign strong {font-size: 1.875rem; font-weight: 600;}
.greeting .right {width: 34.375rem;}
.greeting .right img {width: 100%;}

/********** 조직도 **********/
.organization .inner2 {position: relative; text-align: center;}
.organization .bg {position: absolute; top: 35%; left: 50%; transform: translateX(-50%); width: 100%; z-index: -1;}
.organization .bg img {width: 100%;}
.organization img.organization {width: 100%; max-width: 60rem;}

/********** 특허 **********/
.patent .list {display: grid; grid-template-columns: repeat(4,1fr); gap: 3.125rem 2rem;}
.patent .list .img {width: 100%; aspect-ratio: 325 / 430; border-radius: 1.25rem; overflow: hidden; border: 1.538px solid #DDD;}
.patent .list .img img {width: 100%; height: 100%; object-fit: cover; object-position: center;}
.patent .list p {margin-top: 1.5625rem; text-align: center; font-size: 1.375rem; font-weight: 500; line-height: 1.3;}
.patent_popup {display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100vh; z-index: 1000; background: rgba(0, 0, 0, 0.60);}
.patent_popup .popup_in {position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 100%; max-width: 31.25rem; text-align: right;}
.patent_popup .close img {width: 3.125rem; cursor: pointer;}
.patent_popup .cont {width: 100%; border-radius: 1.875rem; overflow: hidden;}
.patent_popup .cont img {width: 100%;}

/********** 인재상 **********/
.sub_tit h4{font-size: 2.5rem; font-weight: 600; line-height: 123%; font-family: var(--font-out); color: var(--color-blue2);}
.sub_tit p{font-size: 1.125rem; letter-spacing: -0.025rem; line-height: 140%;}
.talent .inner2{align-items: flex-start;}
.talent .cont{width: 100%; max-width: 60.35%;}
.talent .cont li{padding: 3.75rem 0; border-bottom: 1px solid rgba(0, 0, 0, 0.1); display: flex; align-items: center; gap: 3.75rem;}
.talent .cont li:first-child{padding-top: 0;}
.talent .cont li .icon{width: 9.375rem;}
.talent .cont li .txt{width: calc(100% - 9.375rem - 3.75rem); display: flex; gap: 1.25rem; letter-spacing: -0.025rem;}
.talent .cont li .txt .num{font-size: 1.875rem; font-weight: 700; color: #2266D6; line-height: 123%;}
.talent .cont li .txt dl dt{font-size: 1.875rem; font-weight: 700; line-height: 123%;}
.talent .cont li .txt dl dd{margin-top: 0.625rem; font-size: 1.25rem; font-weight: 500; color: #6D6D6D; line-height: 123%;}

/********* 인사 및 복지제도 **********/
.welfare .list{margin-top: 4.6875rem; display: flex; flex-wrap: wrap; gap: 1.875rem 1.5625rem;}
.welfare .list li{width: calc((100% - (1.5625rem * 3)) / 4); border-radius: 1.875rem; background: #FFF; box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.05); padding: 2.5rem 1.875rem;}
.welfare .list li .icon{min-height: 8.315rem;}
.welfare .list li .icon img{width: 3.4375rem;}
.welfare .list li dl{min-height: 3.8125rem;} 
.welfare .list li dl dt{font-size: 1.5rem; letter-spacing: -0.025rem; font-weight: 500; line-height: 150%;}
.welfare .list li dl dd{font-size: 1.125rem; letter-spacing: -0.025rem; font-weight: 500; line-height: 150%; color: #8E8E8E;}


/* 팝업 */
.popup{display:none;}
.popup.open{display:block;}
.popup .popBg{position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.5); z-index:10000;}
.popup .popInner{padding:30px; position:fixed; left:50%; top:50%; transform:translate(-50%, -50%); width:600px; background:#fff; z-index:10001;}
.popup .popInner .head{font-size:25px; padding-bottom: 20px; border-bottom: 2px solid #000; color:#000; font-weight: 800; display: flex; align-items: center; justify-content: space-between;}
.popup .popInner .head .close{width:18px; aspect-ratio: 1/1; display: block;}
.popup .popInner .head .close img{width: 100%; display: block;}
.popup .popInner .body{margin-top: 30px;}
.popup .popInner .body .textWrap .tit{font-size:20px; line-height: 1.5; font-weight: 600; margin-bottom: 10px; color:#000;}
.popup .popInner .body .textWrap .desc{font-size:18px; line-height: 1.5; color:#6d6d6d; font-weight: 400; word-break: keep-all;}
.popup .popInner .body .formWrap{margin-top: 27px;}
.popup .popInner .body .formItem{width:100%; height:60px; font-size: 16px; border:1px solid #E5E5E5; padding:0 20px; color:#000; box-shadow: none !important;}
.popup .popInner .body .formItem::placeholder{color:#AAA; font-weight:500;}
.popup .popInner .body .formItem:focus{border-color: #000 !important;}
.popup .popInner .body .formWrap .desc {display: none; margin-top: 15px; font-size: 14px; font-weight: 400; color: #FF0000; width: 100%;}
.desc.active{display: block !important;}
.popup .popInner .body .popup-scrolling{max-height:350px; overflow-y:auto;}
.popup .popInner .body .popup-scrolling::-webkit-scrollbar {background:#DDD; width:3px;}
.popup .popInner .body .popup-scrolling::-webkit-scrollbar-thumb {background:#888;}
.popup .popInner .body .popup-scrolling p{display:block; font-size:18px; line-height:1.5; padding-right: 25px; color:#AAA;}
.popup .popInner .body .popup-scrolling p + p{margin-top: 25px;}
.popup .popInner .body .popup-scrolling p span{color:#000; font-weight: 600; display: block;}
.popup .popInner .foot .btnWrap{margin-top: 30px;}
.popup .popInner .foot .btnWrap .flex{display:flex; justify-content: center; gap:10px;}
.btnWrap a{display:inline-block; height:60px; line-height:60px; font-size:18px; font-weight:800; text-align:center; width:150px; border:1px solid #000;}
.btnWrap a.close{background:#555; color:#fff; border: none;}

/* 문의완료 */
.board_success .icon{display: inline-block; width: 5rem;}
.board_success .txt{margin: 2.5rem 0;}
.board_success .txt dt{font-size: 2.25rem; line-height: 122%; font-weight: 600;}
.board_success .txt dd{margin-top: 0.625rem; font-size: 1rem; line-height: 143%; color: #8E8E8E;}
.board_success .home_btn a{padding: 0.75rem 2.5rem; font-size: 1rem; font-weight: 600; line-height: 150%; color: #FFF; display: inline-block; background: #000;}




@media screen and (max-width: 1540px) {
	/********** product **********/
	.product_wrap .left {width: calc(100% - 50.5rem);}
	.product_wrap .right {width: 50.5rem;}

	/********** 인사말 **********/
	.greeting .left {width: calc(100% - 32.375rem - 2rem);}
	.greeting .right {width: 32.375rem;}
}

@media screen and (max-width: 1440px) {
	html {font-size: 80%;}
}

@media screen and (max-width: 1420px) {
    /* 댓글 */
    .view_comment {margin-top:  3.66vw;}
    .view_comment .comm_total {font-size:  1.22vw; letter-spacing:  -0.06vw;}
    .view_comment .comm_list {margin-top:  1.22vw;}
    .view_comment .c_item {padding:  2.13vw 0;}
    .view_comment .c_item .info {gap:  0 1.22vw;}
    .view_comment .c_item .info strong {font-size:  1.10vw; letter-spacing:  -0.05vw;}
    .view_comment .c_item .info span {font-size:  0.85vw; letter-spacing:  -0.01vw;}
    .view_comment .c_item .btn {gap:  0.49vw;}
    .view_comment .c_item .btn a {width:  3.66vw; height:  1.83vw; border-radius:  1.83vw; font-size:  0.85vw;}
    .view_comment .c_item .content {margin-top:  0.91vw; font-size:  1.10vw; letter-spacing:  -0.03vw;}
    .view_comment .c_item .reply {margin-top:  0.91vw; font-size:  1.10vw; letter-spacing:  -0.03vw;}
    .view_comment .c_reply {padding:  2.44vw 0 2.44vw 3.78vw;}
    .view_comment .c_reply::before {width:  1.43vw; height:  1.68vw; top:  1.65vw; left:  1.22vw;}
    .view_comment .reply_form {margin-top:  1.07vw;}
    .view_comment .reply_form {gap:  0.91vw;}
    .view_comment .reply_form .input {width:  calc(100% - 7.01vw);}
    .view_comment .reply_form .input textarea {height:  6.10vw; padding:  1.22vw 1.83vw; font-size:  0.98vw;}
    .view_comment .reply_form button input,
    .view_comment .reply_form button {width:  6.10vw; height:  6.10vw; font-size:  1.10vw;}
    .view_comment .comm_form {margin-top:  2.13vw;}
    .view_comment .board_btnCont .center {margin-top:  2.13vw;}

	/* 팝업 */
	.popup .popInner {padding: 2.11vw; width: 42.25vw;}
	.popup .popInner .head {font-size: 1.76vw; padding-bottom:  1.41vw;}
	.popup .popInner .head .close {width: 1.27vw;}
	.popup .popInner .body {margin-top:  2.11vw;}
	.popup .popInner .body .textWrap .tit {font-size: 1.41vw; margin-bottom:  0.70vw;}
	.popup .popInner .body .textWrap .desc {font-size: 1.27vw;}
	.popup .popInner .body .formWrap {margin-top:  1.90vw;}
	.popup .popInner .body .formItem {height: 4.23vw; font-size:  1.13vw; padding: 0 1.41vw;}
	.popup .popInner .body .formWrap .desc {margin-top:  1.06vw; font-size:  0.99vw;}
	.popup .popInner .body .popup-scrolling {max-height: 24.65vw;}
	.popup .popInner .body .popup-scrolling p {font-size: 1.27vw; padding-right:  1.76vw;}
	.popup .popInner .body .popup-scrolling p + p {margin-top:  1.76vw;}
	.popup .popInner .foot .btnWrap {margin-top:  2.11vw;}
	.popup .popInner .foot .btnWrap .flex {gap: 0.70vw;}
	.btnWrap a {height: 4.23vw; line-height: 4.23vw; font-size: 1.27vw; width: 10.56vw;}
}

@media screen and (max-width: 1280px) {
	.inner2 {max-width: 100%; padding: 0;}

    /* 댓글 */
    .view_comment {margin-top:  3.98vw;}
    .view_comment .comm_total {font-size:  1.33vw; letter-spacing:  -0.08vw;}
    .view_comment .comm_list {margin-top:  1.33vw;}
    .view_comment .c_item {padding:  2.34vw 0;}
    .view_comment .c_item .info {gap:  0 1.33vw;}
    .view_comment .c_item .info strong {font-size:  1.17vw; letter-spacing:  -0.08vw;}
    .view_comment .c_item .info span {font-size:  0.94vw; letter-spacing:  -0.00vw;}
    .view_comment .c_item .btn {gap:  0.55vw;}
    .view_comment .c_item .btn a {width:  3.98vw; height:  2.03vw; border-radius:  2.03vw; font-size:  0.94vw;}
    .view_comment .c_item .content {margin-top:  1.02vw; font-size:  1.17vw; letter-spacing:  -0.00vw;}
    .view_comment .c_item .reply {margin-top:  1.02vw; font-size:  1.17vw; letter-spacing:  -0.00vw;}
    .view_comment .c_reply {padding:  2.66vw 0 2.66vw 4.14vw;}
    .view_comment .c_reply::before {width:  1.56vw; height:  1.88vw; top:  1.80vw; left:  1.33vw;}
    .view_comment .reply_form {margin-top:  1.17vw;}
    .view_comment .reply_form {gap:  1.02vw;}
    .view_comment .reply_form .input {width:  calc(100% - 7.66vw);}
    .view_comment .reply_form .input textarea {height:  6.64vw; padding:  1.33vw 2.03vw; font-size:  1.09vw;}
    .view_comment .reply_form button input,
    .view_comment .reply_form button {width:  6.64vw; height:  6.64vw; font-size:  1.17vw;}
    .view_comment .comm_form {margin-top:  2.34vw;}
    .view_comment .board_btnCont .center {margin-top:  2.34vw;}

	/********** product **********/
	.product_wrap .left {width: calc(100% - 45rem);}
	.product_wrap .right {width: 45rem;}

	/* 팝업 */
	.popup .popInner {padding: 2.11vw; width: 42.27vw;}
	.popup .popInner .head {font-size: 1.80vw; padding-bottom:  1.41vw;}
	.popup .popInner .head .close {width: 1.25vw;}
	.popup .popInner .body {margin-top:  2.11vw;}
	.popup .popInner .body .textWrap .tit {font-size: 1.41vw; margin-bottom:  0.70vw;}
	.popup .popInner .body .textWrap .desc {font-size: 1.25vw;}
	.popup .popInner .body .formWrap {margin-top:  1.88vw;}
	.popup .popInner .body .formItem {height: 4.22vw; font-size:  1.09vw; padding: 0 1.41vw;}
	.popup .popInner .body .formWrap .desc {margin-top:  1.09vw; font-size:  1.02vw;}
	.popup .popInner .body .popup-scrolling {max-height: 24.69vw;}
	.popup .popInner .body .popup-scrolling p {font-size: 1.25vw; padding-right:  1.80vw;}
	.popup .popInner .body .popup-scrolling p + p {margin-top:  1.80vw;}
	.popup .popInner .foot .btnWrap {margin-top:  2.11vw;}
	.popup .popInner .foot .btnWrap .flex {gap: 0.70vw;}
	.btnWrap a {height: 4.22vw; line-height: 4.22vw; font-size: 1.25vw; width: 10.55vw;}

}

@media screen and (max-width: 1240px) {
    /* 댓글 */
    .view_comment {margin-top:  3.95vw;}
    .view_comment .comm_total {font-size:  1.29vw; letter-spacing:  -0.08vw;}
    .view_comment .comm_list {margin-top:  1.29vw;}
    .view_comment .c_item {padding:  2.34vw 0;}
    .view_comment .c_item .info {gap:  0 1.29vw;}
    .view_comment .c_item .info strong {font-size:  1.21vw; letter-spacing:  -0.08vw;}
    .view_comment .c_item .info span {font-size:  0.97vw; letter-spacing:  -0.00vw;}
    .view_comment .c_item .btn {gap:  0.56vw;}
    .view_comment .c_item .btn a {width:  3.95vw; height:  2.02vw; border-radius:  2.02vw; font-size:  0.97vw;}
    .view_comment .c_item .content {margin-top:  1.05vw; font-size:  1.21vw; letter-spacing:  -0.00vw;}
    .view_comment .c_item .reply {margin-top:  1.05vw; font-size:  1.21vw; letter-spacing:  -0.00vw;}
    .view_comment .c_reply {padding:  2.66vw 0 2.66vw 4.11vw;}
    .view_comment .c_reply::before {width:  1.53vw; height:  1.85vw; top:  1.77vw; left:  1.29vw;}
    .view_comment .reply_form {margin-top:  1.21vw;}
    .view_comment .reply_form {gap:  1.05vw;}
    .view_comment .reply_form .input {width:  calc(100% - 7.66vw);}
    .view_comment .reply_form .input textarea {height:  6.61vw; padding:  1.29vw 2.02vw; font-size:  1.13vw;}
    .view_comment .reply_form button input,
    .view_comment .reply_form button {width:  6.61vw; height:  6.61vw; font-size:  1.21vw;}
    .view_comment .comm_form {margin-top:  2.34vw;}
    .view_comment .board_btnCont .center {margin-top:  2.34vw;}
}

@media screen and (max-width: 1140px) {
	/********** 인사말 **********/
	.greeting .cont br:not(.none) {display: none;}
	
}

@media screen and (max-width: 1024px) {
	html {font-size: 100%;}

	
    /* 댓글 */
    .view_comment {/* margin-top:  23.44vw; */ margin-top:  3.44vw;}
    .view_comment .comm_total {font-size:  4.17vw; letter-spacing:  -0.26vw;}
    .view_comment .comm_list {margin-top:  5.21vw;}
    .view_comment .c_item {padding:  5.21vw 0;}
    .view_comment .c_item .info {gap:  0 2.60vw;}
    .view_comment .c_item .info strong {font-size:  3.39vw; letter-spacing:  -0.21vw;}
    .view_comment .c_item .info span {font-size:  3.39vw; letter-spacing:  -0.05vw;}
    .view_comment .c_item .btn {gap:  1.30vw;}
    .view_comment .c_item .btn a {width:  10.42vw; height:  5.21vw; border-radius:  7.81vw; font-size:  2.86vw;}
    .view_comment .c_item .content {margin-top:  2.60vw; font-size:  3.39vw; letter-spacing:  -0.05vw;}
    .view_comment .c_item .reply {margin-top:  2.60vw; font-size:  3.39vw; letter-spacing:  0.00vw; text-underline-offset:  0.52vw;}
    .view_comment .c_reply {padding:  5.60vw 0 7.42vw 10.94vw;}
    .view_comment .c_reply::before {width:  3.30vw; height:  3.65vw; top:  5.27vw; left:  5.08vw;}
    .view_comment .reply_form {margin-top:  5.47vw;}
    .view_comment .reply_form {gap:  2.60vw;}
    .view_comment .reply_form .input {width:  calc(100% - 19.53vw);}
    .view_comment .reply_form .input textarea {height:  26.04vw; padding:  5.21vw; font-size:  3.65vw;}
    .view_comment .reply_form button input,
    .view_comment .reply_form button {width:  16.93vw; height:  26.04vw; font-size:  3.39vw;}
    .view_comment .comm_form {margin-top:  7.81vw;}
    .view_comment .board_btnCont .center {margin-top:  7.81vw;}
    .view_comment .dp_bt_wrap .dpp_chk > p,
    .view_comment .dp_cmt_write .dpp_sec_chk p {margin-bottom:  1.30vw; font-size:  3.39vw;}


	/********** common **********/
	.inner {padding-left: 1.25rem; padding-right: 1.25rem;}
	.mt_10 {margin-top: .62rem;}
	.mt_20 {margin-top: 1.25rem;}
	.mt_30 {margin-top: 1.875rem;}
	.mt_40 {margin-top: 1.25rem;}
	.mt_60 {margin-top: 1.875rem;}
	.mt_70 {margin-top: 4.375rem;}
	.mt_80 {margin-top: 2.5rem;}
	.mb_80 {margin-bottom: 2.5rem;}

	/* sub_content */
	#sub_content {padding: 6.5rem 0 3.75rem;}
	.sub_title h3 {font-size: 2rem; letter-spacing: 0;}
	.sub_title em {font-size: 0.875rem; margin-top: .5rem; letter-spacing: -0.03125rem;}
	/* sub_menu */
	.sub_menu {margin: 1.5rem auto 2.75rem; max-width: 100%; padding: 0;}
	.sub_menu > ul > .dot {display: none;}
	.sub_menu > ul .home a {padding: 0 .5rem 0 0!important;}
	.sub_menu > ul .home img {width: 1.25rem; min-width: 1.25rem;}
	.sub_menu > ul > li > a {font-size: 1rem; padding: 1rem .5rem;}
	.sub_menu > ul > li.menu_btn {background: url("/img/sub/sub_menu_arrow.svg") no-repeat right .5rem center / 1rem;}
	/* .sub_menu > ul > li.menu_btn.dep1 {width: 6.875rem;} */
	.sub_menu > ul > li.menu_btn.dep2 {min-width: 12rem;}
	.sub_menu_txt li a {font-size: 1rem;}


	/********** product **********/
	/* inlineSputter */
	/* commcon */
	ul.disc li {padding-left: .75rem;}
	ul.disc li::before {width: 0.25rem; height: 0.25rem;  top: .5rem;}

	.product_wrap > .inner2 {padding: 0;}
	.product_wrap .tab li {width: 50%; height: auto; font-size: 1rem; padding-bottom: .62rem;}
	.product_wrap .txt {flex-direction: column; align-items: flex-start; gap: 2.5rem; padding: 0;}
	.product_wrap .left {width: 100%;}
	.product_wrap .left h2 {font-size: 1.75rem;}
	.product_wrap .left li {font-size: 0.875rem;}
	.product_wrap .left li + li {margin-top: 0.3125rem;}
	.product_wrap .right {width: 100%;}
	.product_wrap .right h3 {font-size: 1.25rem;}
	.product_wrap .right li {font-size: 0.875rem;}
	.product_wrap .right .table .tr {flex-direction: column; align-items: flex-start; gap: 0.25rem; padding: 1rem 0; border-bottom: 1px solid #E3E3E3;}
	.product_wrap .right .table .tr.pc {display: none !important;}
	.product_wrap .right .table .th,
	.product_wrap .right .table .td {padding: 0; font-size: 0.875rem; width: 100% !important; border: 0 !important;}
	/* RnD */
	.product_wrap.RnD .right .table .td:first-child {width: 100%;}
	.product_wrap.RnD .right .table .td:last-child {width: 100%;}
	.product_wrap.RnD .right .table .td p.flex strong {width: 6rem;}
	.product_wrap.RnD .right .table .td p.flex span {width: calc(100% - 6rem);}
	/* RnD */
	.product_wrap.cluster .right .table .td:first-child {width: 100%;}
	.product_wrap.cluster .right .table .td:last-child {width: 100%;}
	.product_wrap.cluster .right .table p.flex strong {min-width: max-content;}
	.product_wrap.cluster .right .table .disc li {gap: 1rem;}
	.product_wrap.cluster .right .table .disc li::before {top: .5rem;}
	.product_wrap.cluster .right .table .disc li strong {display: block; width: 7rem;}
	.product_wrap.cluster .right .table .disc li span {display: block; width: calc(100% - 7rem);}

	/********** 회사개요 **********/
	.overview strong {font-size: 1.25rem; letter-spacing: 0;}
	.overview .tableCont {margin-top: 0.9375rem;}
	.overview .flex {flex-direction: column; align-items: flex-start; width: 100%;}
	.overview .item {width: 100%;}
	.overview .tit,
	.overview .cont {padding: .8rem 1rem; font-size: 0.875rem; letter-spacing: 0;}
	.overview .tit {width: 6rem;}
	.overview .cont {width: calc(100% - 6rem); font-weight: 400; color: #6D6D6D; display: block;}
	
	/********** 인사말 **********/
	.greeting .inner2 {flex-direction: column; gap: 2.5rem;}
	.greeting .left {width: 100%;}
	.greeting .title strong {font-size: 0.875rem; letter-spacing: 0;}
	.greeting .title h2 {margin-top: 0.9375rem; font-size: 1.5rem; letter-spacing: 0;}
	.greeting .title h2 br {display: none;}
	.greeting .title p {margin-top: 0.9375rem; font-size: 1.15rem; letter-spacing: 0; padding-left: .87rem;}
	.greeting .title p br {display: none;}
	.greeting .title p::before {height: 96%;}
	.greeting .cont {margin-top: 2.5rem; font-size: 0.875rem; letter-spacing: 0;}
	.greeting .sign {margin-top: 2.5rem; gap: 0.7rem; font-size: 0.875rem; letter-spacing: 0;}
	.greeting .sign strong {font-size: 1.5rem;}
	.greeting .right {width: 100%;}

	/********** 조직도 **********/
	.organization .inner2 {overflow: hidden; overflow-x: scroll; max-width: none; position: relative;}
	.organization .scroll {width: 150%; position: relative;}
	.organization .bg {width: 90%; top: 38%;}
	.organization .bg img {max-width: none;}
	.organization img.organization {max-width: initial;}
	.swipe_ic {position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 32vw; z-index: 1;}
	.swipe_ic.hide {display: none !important;}

	/********** 특허 **********/
	.patent .list {grid-template-columns: repeat(1 ,1fr); gap: 1.5rem;}
	.patent .list p {margin-top: 1rem; font-size: 1rem;}
	.patent_popup .popup_in {max-width: calc(100% - 2.5rem); max-height: 80%;}
	.patent_popup .scroll {max-height: 68vh; overflow: hidden; overflow-y: auto;}
	.patent_popup .cont {height: 100%;}
	.patent_popup .close img {width: 2.5rem;}

	/********** 인재상 **********/
	.sub_tit h4{font-size: 1.75rem;}
	.sub_tit p{font-size: 0.875rem;}
	.talent .inner2{flex-direction: column; gap: 2.5rem;}
	.talent .cont{max-width: 100%;}
	.talent .cont li{padding: 1.5rem 0; gap: 1.25rem;}
	.talent .cont li .icon{width: 5rem;}
	.talent .cont li .txt{width: calc(100% - 5rem -  1.25rem); gap: 0.35rem; flex-direction: column;}
	.talent .cont li .txt .num{font-size: 1rem;}
	.talent .cont li .txt dl dt{font-size: 1.25rem;}
	.talent .cont li .txt dl dd{margin-top: 0.625rem; font-size: 0.875rem; line-height: 1.4;}

	/********* 인사 및 복지제도 **********/
	.welfare .list{margin-top: 2.25rem; gap: 1.25rem 1rem;}
	.welfare .list li{width: calc((100% - 1rem) / 2); border-radius: 1rem; padding: 1.5rem 1rem 1.25rem; box-shadow: 0 0 1rem 0 rgba(0, 0, 0, 0.05);}
	.welfare .list li .icon{min-height: 3.5rem;}
	.welfare .list li .icon img{width: 2rem;}
	/* .welfare .list li dl{min-height: 4.35rem;}  */
	.welfare .list li dl{min-height: initial;}
	.welfare .list li dl dt{font-size: 1.125rem; letter-spacing: -0.025rem; font-weight: 500; line-height: 150%;}
	.welfare .list li dl dd{font-size: 0.875rem; letter-spacing: -0.025rem; font-weight: 500; line-height: 150%; color: #8E8E8E;}
	
	/* 팝업 */
	.popup .popInner {padding: 5.21vw 4.69vw 6.51vw; width:  calc(100% - (3.13vw * 2));}
	.popup .popInner .head {font-size: 5.21vw; padding-bottom:  4.17vw;}
	.popup .popInner .head .close {width: 3.13vw;}
	.popup .popInner .body {margin-top:  4.17vw;}
	.popup .popInner .body .textWrap .tit {font-size: 4.69vw; margin-bottom:  2.10vw;}
	.popup .popInner .body .textWrap .desc {font-size: 3.65vw;}
	.popup .popInner .body .formWrap {margin-top:  3.52vw;}
	.popup .popInner .body .formItem {height: 10.42vw; font-size:  3.26vw; padding: 0 3.13vw;}
	.popup .popInner .body .formWrap .desc {margin-top:  2.60vw; font-size:  3.13vw;}
	.popup .popInner .body .popup-scrolling {max-height: 45.57vw;}
	.popup .popInner .body .popup-scrolling p {font-size: 3.26vw; padding-right:  3.26vw;}
	.popup .popInner .body .popup-scrolling p + p {margin-top:  3.26vw;}
	.popup .popInner .foot .btnWrap {margin-top:  4.69vw;}
	.popup .popInner .foot .btnWrap .flex {gap: 2.60vw;}
	.btnWrap a {height: 10.42vw; line-height: 10.42vw; font-size: 3.26vw; width: 25.53vw;}

	/* 문의완료 */
	.board_success .icon{width: 4rem;}
	.board_success .txt{margin: 1.5rem 0 1.875rem;}
	.board_success .txt dt{font-size: 1.5rem;}
	.board_success .txt dd{margin-top: 0.625rem; font-size: 0.875rem;}
	.board_success .home_btn a{padding: 0.75rem 2.25rem; font-size: 0.875rem;}


}