@charset "utf-8"; /*─────────────────────────────────────────────────────────── 지속가능경영 ───────────────────────────────────────────────────────────*/ /*** 공통 ***/ .sub_esg {overflow:hidden;} .sub_esg .sub_title {padding-bottom:80px;} .sub_esg .sub_title h3 {font-weight:400;line-height:1.5;letter-spacing:-0.03em;} .sub_esg .ceo {font-size:var(--title-18);font-weight:600;color:var(--black-color01);padding-top:80px;display:flex;align-items:center;justify-content:flex-end;} .sub_esg .ceo span {padding-left:18px;} .sub_esg .esg_constitution {width:1160px;margin:0 auto;padding-bottom:20px;} .sub_esg .esg_constitution .constitution_box {width:calc(100% - 20px);position:relative;box-sizing:border-box;padding:103px 68px 60px;z-index:1;} .sub_esg .esg_constitution .constitution_box:before {content:'';display:block;position:absolute;width:100%;height:100%;left:0;top:0;background:var(--point-white);border-radius:40px;border:1px solid var(--black-color10);box-sizing:border-box;z-index: -1;} .sub_esg .esg_constitution .constitution_box:after {content:'';display:block;position:absolute;width:100%;height:100%;right:-20px;bottom:-20px;background:var(--point-color01);border-radius:40px;z-index: -3;} .sub_esg .esg_constitution .constitution_box h4 {display:block;text-align:center;font-size:var(--title-50);line-height:1;font-weight:700;color:var(--black-color00);padding-bottom:70px;} .sub_esg .esg_constitution .constitution_box .txt_list {} .sub_esg .esg_constitution .constitution_box .txt_list li {} .sub_esg .esg_constitution .constitution_box .txt_list li + li {padding-top:40px;} .sub_esg .esg_constitution .constitution_box .txt_list li strong {display:block;font-size:var(--title-22);font-weight:600;color:var(--black-color00);} .sub_esg .sub_environment .esg_constitution .constitution_box .txt_list li {display:flex;align-items:baseline;} .sub_esg .sub_environment .esg_constitution .constitution_box .txt_list li strong, .sub_esg .sub_environment .esg_constitution .constitution_box .txt_list li p {display:inline-block;padding-top:0;} .sub_esg .sub_environment .esg_constitution .constitution_box .txt_list li p {padding-left:15px;} .sub_esg .esg_constitution .constitution_box .txt_list li strong b {font-size:inherit;font-weight:inherit;color:var(--point-color01);} .sub_esg .esg_constitution .constitution_box .txt_list li p {font-size:var(--title-16);line-height:1.5;font-weight:400;color:var(--black-color03);padding-top:8px;} @media only screen and (max-width:1220px) { .sub_esg .esg_constitution {width:100%;} } @media only screen and (max-width:1024px) { .sub_esg .ceo {padding-top:70px;} .sub_esg .esg_constitution .constitution_box h4 {padding-bottom:65px;} } @media only screen and (max-width:860px) { .sub_esg .ceo {padding-top:60px;} .sub_esg .ceo span img {width:86px;} .sub_esg .esg_constitution .constitution_box {padding:70px 55px 50px;} .sub_esg .esg_constitution .constitution_box h4 {padding-bottom:55px;} .sub_esg .esg_constitution .constitution_box .txt_list li + li {padding-top:30px;} } @media only screen and (max-width:768px) { .sub_esg .ceo {padding-top:50px;} .sub_esg .esg_constitution .constitution_box {padding:60px 45px 40px;} .sub_esg .esg_constitution .constitution_box h4 {padding-bottom:45px;} } @media only screen and (max-width:640px) { .sub_esg .ceo {padding-top:40px;} .sub_esg .ceo span {padding-left:8px;} .sub_esg .ceo span img {width:76px;} .sub_esg .esg_constitution {padding-bottom:15px;} .sub_esg .esg_constitution .constitution_box {padding:50px 25px 30px;width:calc(100% - 15px);} .sub_esg .esg_constitution .constitution_box:before, .sub_esg .esg_constitution .constitution_box:after {border-radius:20px;} .sub_esg .esg_constitution .constitution_box:after {right:-15px;bottom:-15px;} .sub_esg .esg_constitution .constitution_box h4 {padding-bottom:35px;} .sub_esg .esg_constitution .constitution_box .txt_list li + li {padding-top:20px;} .sub_esg .esg_constitution .constitution_box .txt_list li p {padding-top:5px;} .sub_esg .sub_environment .esg_constitution .constitution_box .txt_list li p {padding-left:10px;} } @media only screen and (max-width:479px) { } /*** esg/statement (esg성명서) ***/ .esg_statement #contents_wrap {width:1200px;overflow:hidden;} .sub_statement .statement_cont {} .sub_statement .statement_cont .esg_list {} .sub_statement .statement_cont .esg_list > li {display:flex;align-items:center;} .sub_statement .statement_cont .esg_list > li:nth-of-type(even) {flex-direction:row-reverse;} .sub_statement .statement_cont .esg_list > li + li {margin-top:40px;} .sub_statement .statement_cont .esg_list > li .img {width:560px;height:480px;border-radius:30px;overflow:hidden;} .sub_statement .statement_cont .esg_list > li .img img {width:100%;} .sub_statement .statement_cont .esg_list > li .txt_wrap {width:calc(100% - 560px);box-sizing:border-box;} .sub_statement .statement_cont .esg_list > li:nth-of-type(odd) .txt_wrap {padding-left:120px;text-align:left;} .sub_statement .statement_cont .esg_list > li:nth-of-type(even) .txt_wrap {padding-right:120px;text-align:right;} .sub_statement .statement_cont .esg_list > li .txt_wrap h4 {font-size:var(--title-50);line-height:1;font-weight:700;color:var(--black-color01);display:block;padding:20px 0 50px;} .sub_statement .statement_cont .esg_list > li .txt_wrap h5 {font-size:var(--title-20);line-height:1;font-weight:500;color:var(--point-color01);display:block;} .sub_statement .statement_cont .esg_list > li .txt_wrap h6 {font-size:var(--title-20);line-height:1;font-weight:500;color:var(--black-color03);display:block;} .sub_statement .statement_cont .esg_list > li .txt_wrap .txt_list {padding-top:20px;} .sub_statement .statement_cont .esg_list > li .txt_wrap .txt_list li {font-size:var(--title-18);line-height:1.6;font-weight:400;color:var(--black-color06);} .sub_statement .statement_cont .esg_list > li .txt_wrap .txt_list li + li {} @media only screen and (max-width:1217px) { .esg_statement #contents_wrap {width:100%;} } @media only screen and (max-width:1024px) { .sub_statement .statement_cont .esg_list > li .img {width:46%;height:0;padding-bottom:40%;position:relative;} .sub_statement .statement_cont .esg_list > li .img img {position:absolute;width:100%;height:100%;top:50%;left:50%;transform:translate(-50%,-50%);object-fit:cover;} .sub_statement .statement_cont .esg_list > li .txt_wrap {width:54%;} .sub_statement .statement_cont .esg_list > li:nth-of-type(odd) .txt_wrap {padding-left:100px;} .sub_statement .statement_cont .esg_list > li:nth-of-type(even) .txt_wrap {padding-right:100px;} .sub_statement .statement_cont .esg_list > li .txt_wrap h4 {padding:15px 0 40px;} } @media only screen and (max-width:860px) { .sub_statement .statement_cont .esg_list > li:nth-of-type(odd) .txt_wrap {padding-left:80px;} .sub_statement .statement_cont .esg_list > li:nth-of-type(even) .txt_wrap {padding-right:80px;} } @media only screen and (max-width:768px) { .sub_statement .statement_cont .esg_list > li:nth-of-type(odd) .txt_wrap {padding-left:60px;} .sub_statement .statement_cont .esg_list > li:nth-of-type(even) .txt_wrap {padding-right:60px;} .sub_statement .statement_cont .esg_list > li .txt_wrap h4 {padding:10px 0 30px;} .sub_statement .statement_cont .esg_list > li .txt_wrap .txt_list {padding-top:15px;} } @media only screen and (max-width:640px) { .sub_esg .sub_title {padding-bottom:40px;} .sub_statement .statement_cont .esg_list > li {display:block;} .sub_statement .statement_cont .esg_list > li + li {margin-top:30px;} .sub_statement .statement_cont .esg_list > li .img {width:100%;border-radius:20px;padding-bottom:50%;} .sub_statement .statement_cont .esg_list > li:nth-of-type(odd) .txt_wrap {padding-left:0;} .sub_statement .statement_cont .esg_list > li:nth-of-type(even) .txt_wrap {padding-right:0;} .sub_statement .statement_cont .esg_list > li .txt_wrap {width:100%;padding:0;padding-top:30px;text-align:left !important;} .sub_statement .statement_cont .esg_list > li .txt_wrap h4 {padding:5px 0 20px;} .sub_statement .statement_cont .esg_list > li .txt_wrap .txt_list {padding-top:10px;} } @media only screen and (max-width:479px) { } /*─────────────────────────────────────────────────────────── input ───────────────────────────────────────────────────────────*/ #wrap :where(input[type="text"], input[type="password"], input[type="number"], select){border:1px solid var(--border-color01);height: 50px;line-height: normal;border-radius: 4px;padding:0 20px;background: var(--point-white);box-sizing: border-box;font-size: var(--title-18);font-weight: 500;color: var(--black-color03);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} #wrap select{appearance: none; background:var(--point-white) url('../images/sub/select_arw.svg') no-repeat calc(100% - 20px) 50%; padding-right: 45px;} #wrap input[type="checkbox"] + label{display: flex;align-items: flex-start;gap: 0 4px;font-size: var(--title-18);font-weight: 500;color: var(--black-color03);line-height: 25px;font-family: var(--font-type02);} #wrap input[type="checkbox"] + label:before{display: inline-flex; content:''; width: 25px; height: 25px; margin:0 8px 0 0; flex-shrink: 0; background: url('../images/sub/icon_chk.png') no-repeat left center / 100% auto;} #wrap input[type="checkbox"]:checked + label:before{background-image: url('../images/sub/icon_chk_on.png');} #wrap input[type="checkbox"] + label em{font-size: inherit;font-weight: inherit;color: #094E9A;font-family: inherit;} @media screen and (max-width:1024px){ #wrap :where(input[type="text"], input[type="password"], input[type="number"], select){height: 55px;} } @media screen and (max-width:640px){ #wrap :where(input[type="text"], input[type="password"], input[type="number"], select){height: 50px; padding:0 15px;} #wrap select{background-position:calc(100% - 15px) 50%; padding-right: 40px;} #wrap input[type="checkbox"] + label{line-height: 23px; } #wrap input[type="checkbox"] + label:before{width: 23px; height: 23px; margin:0 5px 0 0;} } @media screen and (max-width:479px){ #wrap :where(input[type="text"], input[type="password"], input[type="number"], select){height: 45px;} #wrap input[type="checkbox"] + label{line-height: 20px; } #wrap input[type="checkbox"] + label:before{width: 20px; height: 20px; margin:0 3px 0 0;} } /*─────────────────────────────────────────────────────────── button common ───────────────────────────────────────────────────────────*/ /** PC 일반 **/ /* custom button type */ /* button 공통 요소 */ .btn, .btn_lg, .btn_sm, .btn_md {font-weight:700;border-style:solid !important;border-width:1px !important;padding:0;margin:0;text-indent:0;vertical-align:top !important;text-align:center;display:inline-block;box-sizing:border-box;cursor:pointer;box-shadow:none;outline:0 !important;} /* button 크기별 */ .btn_wd {width:100%;height:50px;line-height:48px;font-size:17px;} .btn {width:180px;height:50px;font-size: var(--title-16);font-weight: 500;line-height: 50px;border-radius: 5px;} .btn_lg {width:92px;height:72px;line-height:70px;font-size:14px;} .btn_md {width:60px;line-height:28px;height:30px;font-size:13px;} .btn_sm {height:30px;line-height:28px;width:auto !important;padding:0 8px;font-size:inherit;border-color:#aaa !important;background-color:#aaa !important;color:#fff !important;} /* button 색상별 */ .btn_point, .btn_point:hover {border-color:var(--point-color01) !important;background-color:var(--point-color01) !important;color:#fff !important;font-weight:600;} .btn_basic, .btn_basic:hover {border-color:var(--black-color08) !important;background-color:var(--black-color08) !important;color:#fff !important;} .btn_default, .btn_default:hover {border-color:var(--black-color10) !important;background-color:var(--black-color10) !important;color:#fff !important;} .btn_info, .btn_info:hover {border-color:#d3d3d3 !important;background-color:#fff !important;color:#555 !important;} .btn_reset, .btn_reset:hover {border-color:#d3d3d3;background:#fff url(../images/common/icon_btn_reset.gif) no-repeat 9px 50%;padding:0 10px 0 30px;color:#555;} /* button wrapper */ .btn_wrap {margin:0 auto;padding:0;padding-top:2.8%;font-size:0;vertical-align:top;display:inline-flex;justify-content: center; text-align: center; flex-wrap: wrap; gap: 10px; padding:80px 0 0;} .btn_wrap.ta_center {width:100%;} .btn_wrap a + a, .btn_wrap button + button, .btn_wrap a + button, .btn_wrap button + a {margin-left:0 !important;vertical-align:top;} .btn_wrap button > a, .btn_wrap a > a{margin-left:0;} .view_btn .btn_wrap.ta_right {position:absolute;right:0px;top:0px;} @media only screen and (max-width:1200px) { /* button wrapper */ .btn_wrap {padding-top:3.8%;} } @media only screen and (max-width:1024px) { /* button wrapper */ .btn_wrap {padding-top:4.2%;} .view_btn .btn_wrap.ta_left {position:absolute;left:0px;top:0px;} } @media only screen and (max-width:860px) { } @media only screen and (max-width:767px) { /* button wrapper */ .btn_wrap {padding-top:5.2%;} } @media only screen and (max-width:640px) { /* button wrapper */ .btn_wrap {padding-top:5.8%;gap:8px;} .btn_wrap a + a, .btn_wrap button + button, .btn_wrap a + button, .btn_wrap button + a {margin-left:0;} } @media only screen and (max-width:479px) { /* button 크기별 */ .btn_wd {font-size:16px;} .btn {width:70px;font-size:13px;} .btn_lg {width:72px;font-size:13px;} .btn_md {width:60px;font-size:12px;} .btn_sm {padding:0 4px;font-size:12px;} /* button wrapper */ .btn_wrap {gap:6px;} .btn_wrap a + a, .btn_wrap button + button, .btn_wrap a + button, .btn_wrap button + a {margin-left:6px;} .view_btn .paging {width:100%;min-height:87px;} .view_btn .paging + .btn_wrap.ta_right{top:70px;} } @media only screen and (max-width:320px) { /* button 크기별 */ .btn {width:68px;} .btn_md {width:44px;font-size:12px;} } /*─────────────────────────────────────────────────────────── board ───────────────────────────────────────────────────────────*/ .sub_board #contents_wrap {width:1200px;overflow:hidden;} @media only screen and (max-width:1217px) { .sub_board #contents_wrap {width:100%;} } /* 리스트 */ #wrap .search_wrap{margin:30px 0 50px;} #wrap .search_wrap fieldset{display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 10px;} #wrap .search_wrap .board_search_sel{display: flex; gap: 10px; width: 160px;} #wrap .search_wrap .board_search_sel select{width: 100%;height: 60px;border-radius: 0;} #wrap .search_wrap .inp_box{display: flex; width: 400px;} #wrap .search_wrap .input_text{width: 100%;height: 60px;border-right: 0;border-radius: 0;} #wrap .search_wrap .search_btn{display: flex;min-width: 60px;background: var(--point-color01) url('../images/sub/search_btn.svg') no-repeat center;font-size: 0;border:0;} #wrap .bbs_num{display: none;} #wrap .bbs_list{width: 100%; font-size: var(--title-20); text-align: center; border-top: 1px solid var(--black-color01);table-layout:auto;} #wrap .bbs_list tr{border-bottom: 1px solid var(--border-color01); } #wrap .bbs_list thead th{font-size: inherit;font-weight: 500;color: var(--black-color03);padding: 20px 10px;vertical-align: middle;font-size: var(--title-20);letter-spacing: -0.03em;line-height: normal;} #wrap .bbs_list tbody td{font-weight: 400;color: var(--black-color07);padding: 22px 15px 22px;vertical-align: middle;font-size: var(--title-18);line-height: normal;font-family:var(--font-type02);} #wrap .bbs_list .board_tit .board_ico{display: contents;} #wrap .bbs_list .board_tit h3{font-family: var(--font-type01);font-size: var(--title-18);font-weight: 500;color: var(--black-color03);text-align: left;letter-spacing: -0.05em;white-space:normal;overflow:hidden;text-overflow:ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;} #wrap .bbs_list .board_tit strong{font-weight:inherit;font-size: 105.5%;} #wrap .paging {padding:80px 0 0; line-height:normal; margin:0;box-sizing:border-box; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; text-align: center; font-size: var(--title-20); gap: 10px;} #wrap .paging span {display:inline-block;} #wrap .paging a {display:inline-flex;align-items: center;justify-content: center;font-size: var(--title-18);font-weight: 400;color:var(--black-color08);padding:0 5px;border:0;box-sizing:border-box;width: 40px;height: 40px;line-height:1.2;min-width:auto;} #wrap .paging :is(.on a, a.on){background: var(--point-color01);color: var(--point-white);font-weight: 500;} #wrap .paging .arrow a {font-size:0; background: url("../images/sub/paging_first.svg") no-repeat center;} #wrap .paging :is(.arrow.prev a, .arrow.next a) {background-image:url("../images/sub/paging_prev.svg") } #wrap .paging :is(.arrow.next a, .arrow.last a){transform: scale(-1,-1);} #wrap .view_btn {text-align:center;line-height:normal;position:relative;min-height:70px;} #wrap .paging + .btn_wrap{position: relative;padding:0;margin:-55px 0 0;display: flex;justify-content: flex-end;pointer-events: none;top: auto;right: auto;} #wrap .paging + .btn_wrap a{pointer-events: all;} @media screen and (max-width:1024px){ #wrap .search_wrap{margin:40px 0 45px;} #wrap .search_wrap .search_btn{min-width: 55px;} #wrap .bbs_list.default col:nth-child(1){width:80px;} #wrap .bbs_list.default col:nth-child(3){width:120px;} #wrap .bbs_list.default col:nth-child(4){width:120px;} #wrap .view_btn{min-height:65px;} #wrap .paging{padding-top: 70px;} #wrap .paging + .btn_wrap{margin-top: -53px;} } @media screen and (max-width:860px){ #wrap .search_wrap{margin:35px 0 40px;} #wrap .search_wrap .board_search_sel{width: 140px;} #wrap .search_wrap .inp_box{width: 360px;} #wrap .bbs_list.default col:nth-child(1){width:70px;} #wrap .bbs_list.default col:nth-child(4){width:110px;} #wrap .bbs_list.default :is(col, th, td):nth-child(3){display: none;} #wrap .view_btn{min-height:60px;} #wrap .paging{padding-top: 60px;} #wrap .paging a{width: 36px; height: 36px;} #wrap .paging + .btn_wrap{margin-top: -48px;} } @media screen and (max-width:640px){ #wrap .search_wrap{margin:30px 0 35px;} #wrap .search_wrap .board_search_sel{width: 120px;} #wrap .search_wrap .inp_box{width: 320px;height:50px;} #wrap .search_wrap .search_btn{min-width: 50px;height:50px;} #wrap .search_wrap .board_search_sel select, #wrap .search_wrap .input_text {height:50px;} #wrap .bbs_list.default col:nth-child(1){width:65px;} #wrap .bbs_list.default col:nth-child(4){width:100px;} #wrap .bbs_list thead th{padding:17px 10px;} #wrap .bbs_list tbody td{padding:17px 10px;} #wrap .view_btn{min-height:55px;} #wrap .paging{padding-top: 50px;} #wrap .paging a{width: 32px; height: 32px;} #wrap .paging + .btn_wrap{margin-top: -44px;} } @media screen and (max-width:479px){ #wrap .search_wrap{margin:25px 0 30px;} #wrap .search_wrap .board_search_sel{width: 100px;} #wrap .search_wrap .inp_box{width: calc(100% - 110px);} #wrap .search_wrap .search_btn{min-width: 45px;height:45px;background-size: 20px auto;} #wrap .search_wrap .board_search_sel select, #wrap .search_wrap .input_text {height:45px;} #wrap .bbs_list.default col:nth-child(1){width:60px;} #wrap .bbs_list.default :is(col, th, td):nth-child(4){display: none;} #wrap .bbs_list thead th{padding:15px 10px;} #wrap .bbs_list tbody td{padding:15px 10px;} #wrap .view_btn{min-height:50px;} #wrap .paging{padding-top: 40px;} #wrap .paging a{width: 30px; height: 30px;} #wrap .paging + .btn_wrap{margin-top: 20px;} } @media screen and (max-width:360px){ #wrap .search_wrap .board_search_sel{width: 100%;} #wrap .search_wrap .inp_box{width: 100%} } /* write */ #wrap.sub_board_write .sub_title {padding-bottom:103px;} #wrap.sub_board_list .sub_title h3, #wrap.sub_inquiry .sub_title h3 {font-weight:400;} #wrap .bbs_tit {display:flex;align-items:baseline;justify-content:space-between;padding-bottom:12px;} #wrap .bbs_tit + table + .bbs_tit {margin-top:67px;} #wrap .bbs_tit h4 {font-size:var(--title-30);line-height:1;font-weight:600;color:var(--black-color01);letter-spacing:-0.02em;} #wrap .bbs_tit p {font-size:14px;line-height:1;font-weight:400;color:var(--black-color06);} #wrap .bbs_tit p span {font-size:inherit;font-weight:inherit;color:#c00;} #wrap .bbs_write_custom{display: block; width: 100%; box-sizing: border-box;} #wrap .bbs_write_custom.bbs_title{border-top: 1px solid #2A282D;padding-top: 10px;} #wrap .bbs_write_custom.bbs_bottom{border-bottom: 1px solid var(--border-color01); padding-bottom: 20px;} #wrap .bbs_write_custom.captcha {border-color:var(--border-color01);margin-top:30px;padding-top:30px;} #wrap .bbs_write_custom :where(thead, tbody, tr, th, td){display: block;} #wrap .bbs_write_custom tbody{display: flex; flex-wrap: wrap; gap:0 20px;} #wrap .bbs_write_custom tbody tr{display: flex;flex-wrap:wrap;gap:10px 0;width: calc(100% / 2 - 10px);padding:10px 0;font-size: var(--title-20);align-items: center;} #wrap .bbs_write_custom tbody tr:has(.edit-box, #captcha, .subject){width: 100%;} #wrap .bbs_write_custom.db tr {width:100%;} #wrap .bbs_write_custom tbody :where(th, td){font-size: var(--title-18);font-weight: 500;color: var(--black-color03);border:0;box-sizing: border-box;font-family:var(--font-type02);} #wrap .bbs_write_custom tbody th{width: 204px;background: none;padding: 0 24px;text-align:left;} #wrap .bbs_write_custom tbody th span {font-size:inherit;font-weight:inherit;color:inherit;position:relative;font-family:inherit;line-height:1.5;} #wrap .bbs_write_custom tbody th span.important:after {content:'*';display:inline-block;font-size:inherit;font-weight:inherit;color:#CC0000;margin-left:5px;} #wrap .bbs_write_custom tbody tr:has(input) th{height: 50px;vertical-align: middle;display: inline-flex;align-items: center;} #wrap .bbs_write_custom tbody td{width: calc(100% - 204px);padding:0 26px 0 0;} #wrap .bbs_write_custom :where(input[type="text"], input[type="password"], input[type="number"], select){width: 100%; min-width: auto;} #wrap .bbs_write_custom.db :where(input[type="text"], input[type="password"], input[type="number"], select) {width:600px;} #wrap .bbs_write_custom tbody tr:has(#is_secret-y) .edit-box{margin-top: 10px;} #wrap .bbs_write_custom tbody td:has(.captcha_wrap){display: flex; flex-wrap: wrap; gap: 10px;} #wrap .bbs_write_custom .captcha_wrap{border:1px solid var(--border-color01);padding: 8px;box-sizing: border-box;display: flex;gap: 8px;height: 50px;} #wrap .bbs_write_custom #captcha_box{margin:0;} #wrap .bbs_write_custom #captcha_box img {width: 153px !important;height:34px !important;vertical-align: top;} #wrap .bbs_write_custom #refreshCode{display: inline-flex;background: url('../images/common/icon_btn_reset.gif') no-repeat center;font-size: 0;cursor: pointer;min-width: 34px;width: 34px;height: 34px;border:1px solid var(--border-color01);box-sizing: border-box;} #wrap .bbs_write_custom input#captcha{max-width: 300px; margin:0;} #wrap .bbs_write_custom input[type="file"] {display:inline-block;width:100%;height:50px;border:1px solid var(--border-color01);border-radius:4px;line-height: 50px;padding: 0 20px;box-sizing: border-box;position:relative;} #wrap .bbs_write_custom input[type="file"]::file-selector-button {display:none;} #wrap .bbs_write_custom input[type="file"] + label {font-size:15px;line-height:50px;font-weight:400;color:var(--black-color08);text-align:center;width:120px;height:50px;border-radius:4px;background:#f0f0f0;display:inline-block;position:absolute;margin-left:5px;cursor:pointer;} #wrap .policy_wrap{border:1px solid var(--border-color01); padding:30px; box-sizing: border-box; margin-top: 40px;} #wrap .policy_wrap .area_box{margin-bottom: 20px;} #wrap .policy_wrap .chk_box + .chk_box{margin-top:10px;} #wrap .area_box{width: 100%;padding:10px;background: #f9f9f9;box-sizing: border-box;} #wrap .area_box textarea{width: 100%;height: 100px;padding:5px 7px;border:0;background: none;box-sizing: border-box;font-size: 14px;font-weight: 400;color: var(--black-color08);line-height: 1.6;font-family: var(--font-type01);} #wrap.sub_communication .area_box textarea {height:380px;} #wrap .area_box textarea::-webkit-scrollbar { width: 4px;} #wrap .area_box textarea::-webkit-scrollbar-thumb {background: var(--black-color02); border-radius: 10px;} #wrap .area_box textarea::-webkit-scrollbar-track {border-radius: 10px;background:var(--border-color01);} @media screen and (min-width:641px){ #wrap .bbs_write_custom input#captcha{/*height: auto;*/} } @media screen and (max-width:1024px){ #wrap.sub_board_write .sub_title {padding-bottom:80px;} #wrap .bbs_write_custom tbody{gap: 0 15px;} #wrap .bbs_write_custom tbody tr{width: calc(100% / 2 - 7.5px);} #wrap .bbs_write_custom tbody tr:has(input) th{height: 55px;} #wrap .bbs_write_custom tbody th{width: 150px;} #wrap .bbs_write_custom tbody td{width: calc(100% - 150px);} #wrap .bbs_write_custom .captcha_wrap{padding:6px; gap: 6px;} } @media screen and (max-width:860px){ #wrap.sub_board_write .sub_title {padding-bottom:70px;} #wrap .bbs_write_custom tbody{gap: 0;} #wrap .bbs_write_custom tbody th{width: 130px;padding:0 20px;} #wrap .bbs_write_custom tbody td{width: calc(100% - 130px);padding: 0;} #wrap .policy_wrap{padding:25px; margin-top: 35px;} #wrap .policy_wrap .area_box{margin-top: 15px;} } @media screen and (max-width:770px){ #wrap .bbs_write_custom.db :where(input[type="text"], input[type="password"], input[type="number"], select) {width:100%;} } @media screen and (max-width:767px){ #wrap.sub_board_write .sub_title {padding-bottom:60px;} #wrap .bbs_write_custom input#captcha{width: calc(100% - 250px);} } @media screen and (max-width:640px){ #wrap.sub_board_write .sub_title {padding-bottom:50px;} #wrap .bbs_write_custom.bbs_title{padding-top: 15px;} #wrap .bbs_write_custom.bbs_bottom{padding-bottom: 15px;} #wrap .bbs_write_custom tbody tr{width: 100%;} #wrap .bbs_write_custom tbody th{width: 120px; padding:0 15px;} #wrap .bbs_write_custom tbody tr:has(input) th{height: 50px;} #wrap .bbs_write_custom tbody td{width: calc(100% - 120px); padding-right: 15px;} #wrap .bbs_write_custom input#captcha{width:100%; max-width: 100%;} #wrap .bbs_write_custom input[type="file"] {width:calc(100% - 125px);} #wrap .policy_wrap{padding:20px; margin-top: 30px;} #wrap .policy_wrap .area_box{margin-top: 10px;} } @media screen and (max-width:479px){ #wrap .bbs_write_custom tbody tr{padding:7.5px 0;} #wrap .bbs_write_custom tbody tr:has(input) th{line-height: 45px;height: auto;} #wrap .bbs_write_custom tbody th{width: 115px;} #wrap .bbs_write_custom tbody td{width: calc(100% - 115px);} #wrap .bbs_write_custom tbody th{width: 100%; padding:0;} #wrap .bbs_write_custom tbody tr:has(input) th{line-height: 1.4;} #wrap .bbs_write_custom tbody td{width: 100%; padding:0;} } @media screen and (max-width:360px){ } /* view */ #wrap .bbs_view .view_tit{padding: 32px 30px 25px;border-top: 1px solid var(--black-color01);border-bottom: 1px solid var(--border-color01);background: none;font-size: var(--title-20);} #wrap .bbs_view .view_tit h3{font-size: 130%;font-weight: 600;color: var(--black-color03);line-height: 1.4;letter-spacing: -0.03em;width: 100%;font-family: var(--font-type01);} #wrap .bbs_view .view_tit p{display: flex;align-items: center;flex-wrap: wrap;margin-top: 11px;width: 100%;font-size: var(--title-20);text-align: inherit;padding:0;} #wrap .bbs_view .view_tit p span{font-size: 85%;font-weight: 400;color: var(--black-color08);letter-spacing: -0.03em;display: flex;align-items: center;gap: 4px;} #wrap .bbs_view .view_tit p em{font-size: inherit; font-weight: inherit; display: none;} #wrap .bbs_view .view_tit p span:not(:last-child):after{display: inline-flex; content:''; width: 1px; height: 12px; background: var(--border-color02); margin:0 16px;} #wrap .bbs_view .view_tit p span:last-child em{display: block;} #wrap .bbs_view .view_cont{padding:30px; font-size: var(--title-17); font-weight: 400; color: var(--black-color06); line-height: 1.88; letter-spacing: -0.03em; font-family: var(--font-type01); min-height: 248px; border-bottom: 1px solid var(--border-color01); box-sizing: border-box; word-break: break-all;} #wrap .extra_editor_wrap{display: flex;margin:-1px 0 0;border-top: 1px solid var(--border-color01);border-bottom: 1px solid var(--border-color01);font-size: var(--title-20);align-items: center;/* background: var(--gray-bg02); */} #wrap .extra_editor_wrap h4{width: 120px;padding: 15px 10px;font-size: 90%;font-weight: 500;color: var(--black-color03);letter-spacing: -0.03em;background: none;box-sizing: border-box;line-height: 1.4;text-align: center;} #wrap .extra_editor_wrap .extra_cont{position: relative;width: calc(100% - 120px);display: flex;flex-direction: column;gap: 10px;padding: 20px 29px;box-sizing: border-box;background: var(--point-white);} #wrap .extra_editor_wrap .extra_cont:before{position: absolute;content:'';width: 1px;height: 12px;background: var(--border-color01);top:50%;left:0;transform: translateY(-50%);} #wrap .extra_editor_wrap .extra_cont span{display: block;font-size: var(--title-16);font-weight: 300;color: var(--black-color05);letter-spacing: -0.03em;line-height: 1.4;font-family: var(--font-type01);} #wrap .extra_editor_wrap .extra_cont a{color: inherit !important;font-size:inherit;} @media screen and (max-width:1023px){ #wrap .bbs_view .view_tit{padding: 28px 25px 25px;} #wrap .bbs_view .view_tit p{} #wrap .bbs_view .view_cont{padding:25px; min-height: 220px;} #wrap .extra_editor_wrap h4{width: 110px;} #wrap .extra_editor_wrap .extra_cont{width: calc(100% - 110px);padding:20px 25px;} } @media screen and (max-width:640px){ #wrap .bbs_view .view_tit{padding: 20px;} #wrap .bbs_view .view_tit p{margin-top: 8px;} #wrap .bbs_view .view_tit p span:not(:last-child):after{height: 10px; margin:0 12px;} #wrap .bbs_view .view_cont{padding:20px; min-height: 200px;} #wrap .extra_editor_wrap h4{width: 100px;} #wrap .extra_editor_wrap .extra_cont{width: calc(100% - 100px);padding: 20px;} } @media screen and (max-width:479px){ #wrap .bbs_view .view_tit p{margin-top: 10px;} #wrap .bbs_view .view_tit p span:not(:last-child):after{height: 8px; margin:0 10px;} #wrap .bbs_view .view_cont{padding:15px; min-height: 180px; line-height: 1.6;} #wrap .extra_editor_wrap h4{width: 90px;} #wrap .extra_editor_wrap .extra_cont{width: calc(100% - 90px);padding:20px 15px;} }