

/******** header ********/
#header {z-index: 9999;}
.pc_header {border-bottom: 1px solid #aaa;}
.pc_header .inner {padding: 2rem 0 1rem;}
.pc_header .logo {max-width: 14rem; transform: skewX(-10deg);}
.pc_header .menu {gap: 2rem}
.pc_header .menu_lst {}
.pc_header .menu_lst::before {content: ''; display: block; position: absolute; width: 0; height: 1px; bottom: -2px; background: #212121; transition: 0.2s}
.pc_header .menu_lst:hover::before {width: 100%;}
.pc_header .gnb_wrap {padding-top: 3rem;}
.pc_header .gnb {max-width: 110rem; margin: 0 auto; justify-content: space-between;}
.pc_header .gnb_lst {flex: 1; max-width: 22rem;}
.pc_header .gnb_lst .gnb_a {padding-bottom: 2rem}
.pc_header .gnb_lst.on .gnb_a {font-weight: 800;}
.pc_header .gnb_lst:hover .gnb_a {font-weight: 800}
.pc_header .gnb_lst.on .gnb_a::before {content: ''; display: block; position: absolute; width: 100%; height: 3px; bottom: 0; left: 0; background: #212121;}

.pc_header .lnb_wrap {background: #fff; top: calc(100% + 1px); display: none;}
.pc_header .lnb_inner {max-width: 110rem;}
.pc_header .lnb_inner .lnb {height: 20rem; padding-top: 1.9rem; flex: 1; text-align: center; max-width: 22rem;}
.pc_header .lnb_inner .lnb:hover {background: #F2F4F5;}
.pc_header .lnb_inner .lnb .lnb_lst {font-size: 1.6rem; color: #8E848F; font-weight: 400;}
.pc_header .lnb_inner .lnb .lnb_lst + .lnb_lst {margin-top: 0.6rem}
.pc_header .lnb_inner .lnb .lnb_lst a {display: block; padding: 0.8rem 0;}
.pc_header .lnb_inner .lnb .lnb_lst a:hover {background: #0070B5; font-weight: 600; color: #fff;}

.pc_header.fixed {width: 100%;}
/******** //header ********/

/******** footer ********/
#footer {background: #33383C}
#footer .inner {padding: 4rem 0; color: #909294;}
#footer .inner .ft_logo {margin-bottom: 2rem}
#footer .inner .ft_info {gap: 2rem}
#footer .inner .ft_info .lst {}
#footer .inner .copy {margin-top: 1rem}
/******** //footer ********/

/******** 쇼핑몰 전체 공통 ********/
#shopWrap {min-height: 80vh}
#shopWrap .container {}
/******** //쇼핑몰 전체 공통 ********/

/******** 상품진열 ********/
#main_lst_wrap {padding: 6rem 0 10rem;}
.mainShopLst1 {}
.mainShopLst1 .title {margin-bottom: 2rem;}
.mainShopLst1 .title .tit {padding-bottom: 0.4rem}
.mainShopLst1 .title .subt {color: #9d9d9d;}
.mainShopLst1 .shopLst {gap: 6rem 1rem;}
.mainShopLst1 .shopLst_li {width: calc((100% - 4rem) / 5);}
.mainShopLst1 .shopLst_img {padding: 3rem; background: #fff; border-radius: 8px;}
.mainShopLst1 .shopLst_img::before {content: ''; display: block; position: absolute; width: 100%; height: 100%; border-radius: 8px; border: 1px solid #e7e7e7; top: 0; left: 0; transition: 0.4s;}
.mainShopLst1 .shopLst_img img {height: auto; transition: 0.6s}
.mainShopLst1 .shopLst_img:hover img {transform: scale(1.1);}
.mainShopLst1 .shopLst_img .sct_btn {position: absolute; width: 100%; left: 0; bottom: 0; background: rgb(213 213 213); padding: 0.5rem; display: flex; gap: 0.4rem; border-radius: 0 0 8px 8px;}
.mainShopLst1 .shopLst_img .sct_btn input {border: 0; width: 100%; font-size: 1.4rem; padding: 0 0.6rem; height: 2.5rem; border-radius: 2px; border: 1px solid #ccc}
.mainShopLst1 .shopLst_img .sct_btn button {background: url(../img/ic_cart.svg) no-repeat #fff; background-size: 1.8rem; background-position: center; width: 2.5rem; height: 2.5rem; min-width: 2.5rem; border-radius: 2px; border: 1px solid #ccc}
.mainShopLst1 .shopLst_txt {margin-top: 1.2rem}
.mainShopLst1 .shopLst_txt .sct_name {padding-bottom: 0.8rem; line-height: 1.3}
.mainShopLst1 .shopLst_txt .sct_cost {text-decoration: none;}
.mainShopLst1 .shopLst_txt .sct_cost .sct_dict {display: block; padding-top: 0.4rem; text-decoration: line-through; color: #959595;}

.mainShopLst1 .shopLst_li:hover .shopLst_img::before {box-shadow: 0.4rem 0.4rem 0.6rem rgba(211,211,211,0.4)}


.mainShopLst1 + .mainShopLst1 {margin-top: 10rem; border-top: 2px solid #dedede; padding-top: 4rem;}
.mainShopLst1 .newTitle {padding: 6rem 0; margin: 0;}
.mainShopLst1 .newTitle .tit {padding-bottom: 0.6rem; font-weight: bold}
.mainShopLst1 .newTitle .subt {font-size: 2rem; font-weight: 500;}
/******** //상품진열 ********/

/******** 메인 공지사항 최신글 ********/
#main_notice {padding-bottom: 12rem}
#main_notice .title {width: 25%;}
#main_notice .title .tit {padding-bottom: 0.4rem;}
#main_notice .title .subt {color: #9d9d9d;}
#main_notice .title .more {background: #3f51b5; color: #fff; border-radius: 3px; padding: 0.4rem 0.6rem; margin-top: 4rem; display: inline-block;}
#main_notice .notice_latest {width: 75%; border-top: 1px solid; padding-top: 1rem;}
#main_notice .notice_latest li {padding: 1rem 0; border-bottom: 1px solid #eee;}
#main_notice .notice_latest li .subj {min-width: 10rem; margin-right: 2rem}
#main_notice .notice_latest li .date {margin-left: auto; color: #9d9d9d;}
#main_notice .notice_latest li:hover .cont {font-weight: 500}

#main_notice2 {}
#main_notice2 .title {margin-bottom: 2rem;}
#main_notice2 .title .tit {}
#main_notice2 .title .more {color: #9d9d9d;}
#main_notice2 .notice_latest {background: #fff; height: 11rem; overflow: hidden;}
#main_notice2 .notice_latest li {height: 5rem; border-bottom: 1px solid #e9e9e9; margin: 0 2rem;}
#main_notice2 .notice_latest li a {display: flex; height: 100%; align-items: center;}
#main_notice2 .notice_latest li a .date {color: #9d9d9d;}

/******** //메인 공지사항 최신글 ********/

/******** 상세페이지 ********/
#sit_ov_from {border: 0;}

#detail_name {padding: 5rem 0 2rem; border-bottom: 2px solid #444444; margin-bottom: 2rem}

#detail_wrap {gap: 1.2rem;}

#detail_prv {width: 62%; border: 1px solid #e8e8e8;}
#sit_pvi_big {float: none;}
#sit_pvi_big a {}
#sit_pvi_thumb {float: none; gap: 1rem; margin-top: 1.2rem}
#sit_pvi_thumb:after {display: none;}
#sit_pvi_thumb li {margin: 0}

#detail_ov {width: 38%; padding: 4rem 3rem; border: 1px solid #e8e8e8;}
#detail_ov .dtl_name {}
#detail_ov .dtl_cont {}
#detail_ov .dtl_cost {margin-bottom: 2.2rem;}
#detail_ov .dtl_cost .txt {padding-bottom: 0.8rem;}
#detail_ov .dtl_cost strong {}
#detail_ov .dtl_cost .dtl_dec_price {}
#detail_ov .dtl_cost .dtl_price {text-decoration: line-through; color: #959595}

#sit_ov {width: 38%; padding: 4rem 3rem; border: 1px solid #e8e8e8;}
#sit_title {font-size: 2.8rem; font-weight: bold}
#sit_desc {font-size: 1.6rem;}
.sit_info {font-size: 1.4rem;}
.sit_info .tr_price td {font-weight: bold; font-size: 1.8rem;}

#sit_opt_added li {border: 0; background: none; padding: 0}
#sit_opt_added li label {width: 43%}
#sit_opt_added li .opt_count_btn {gap: 0.4rem; width: 57%;}
#sit_opt_added button {float: none;}
#sit_opt_added .num_input {float: none; box-shadow: none; border: 0; border: 1px solid #e4e4e4;}

#sit_tot_price {font-size: 1.6rem !important; text-align: right; line-height: 4rem;}
#sit_tot_price span {width: 43%; float: none;}
#sit_tot_price strong {font-size: 1.7rem !important; margin: 0; margin-right: 0.2rem; margin-left: auto;}

#sit_ov_btn {}
#sit_ov_btn .btn_wrap {gap: 0.6rem; margin-top: 2rem; font-size: 1.1rem;}
#sit_ov_btn button {float: none; margin: 0; width: 100%; border-radius: 6px;}
#sit_ov_btn .sit_btn_cart {}
#sit_ov_btn .sit_btn_buy {background: #3f51b5; border: 0;}
#sit_ov_btn .sit_btn_buy:hover {background: #2e40a4;}

#sit_tab {width: 100%}
#sit_tab .tab_tit {padding: 0; display: flex; border: 0}
#sit_tab .tab_tit li {float: none; flex: 1;}
#sit_tab .tab_tit li + li {border-left: 1px solid #e8e8e8}
#sit_tab .tab_tit li button {border-bottom: 1px solid #e8e8e8; background: #f2f3f7; font-size: 1.4rem;}
#sit_tab .tab_tit li .selected {border-bottom: 0;}
#sit_tab .tab_tit li .selected::after {display: none}

#sit_inf_explan {text-align: center;}
#sit_inf_explan img {width: 100%; max-width: 70%}
/******** //상세페이지 ********/

/******** 결제페이지 ********/
#sod_frm {padding-top: 3rem;}
#sod_frm .sod_title {padding-left: 1.5rem; margin-bottom: 1.2rem;}
#sod_frm .sod_title::before {content: ''; display: block; position: absolute; left: 0; top: 0; height: 100%; width: 3px; background: #212121;}
#sod_frm .od_prd_list {margin-bottom: 4rem;}
#sod_list {font-size: 1.3rem;}
#sod_list thead {background: #f2f3f7}
#sod_list th {border-top: 1px solid #d3d3d3;}
#sod_list td {border-left: 0; padding: 1rem 2rem;}
#sod_list td:last-child {width: 15rem;}
#sod_list .td_prd {padding-left: 12rem}
#sod_list .td_prd .sod_img {top: 50%; transform: translateY(-50%);}

.od_prd_list .total_price {font-size: 1.5rem; font-weight: 700; text-align: right; padding: 1.5rem 1rem 1.5rem 0;}

.sod_left {float: none; width: 100%;}
.sod_right {float: none; font-size: 1.4rem; width: 100%; text-align: center; margin-top: 2rem;}

.orderTitle {font-size: 1.8rem; padding: 0 0 0 1rem; font-weight: bold; border-left: 3px solid; margin-bottom: 1rem;}

#sod_frm_orderer,
#sod_frm_taker {}
#sod_frm div.tbl_frm01,
#sod_frm_taker div.tbl_frm01 {padding: 0 !important; margin: 0;}
#sod_frm .tbl_frm01 th,
#sod_frm .tbl_frm01 td {line-height: 38px; padding: 3px 10px;}
#sod_frm .tbl_frm01 th {font-size: 1.4rem; background: #f2f3f7;}
#sod_frm .tbl_frm01 td {font-size: 1.2rem;}
#sod_frm .tbl_frm01 td input {height: 3.5rem; box-shadow: none; border-radius: 0;}
#sod_frm .tbl_frm01 td .btn_address {font-size: 1.2rem; background: #3f51b5; color: #fff; border: 0; height: 3.6rem; margin-left: 1rem;}
.tbl_frm01 table tr + tr {border-top: 1px solid #e3e5e8}
.tbl_frm01 textarea {box-shadow: none; border-radius: 0;}

#settle_bank {border: 0}

#display_pay_button {display: inline-block; border: 0; padding: 0; width: 22rem; margin-bottom: 5rem;}
#display_pay_button .btn_submit {background: #3f51b5; border: 0; font-size: 1.8rem; border-radius: 6px;}
#display_pay_button .btn_submit:hover {background: #2e40a4;}
#display_pay_button a.btn01 {display: none;}

#forderform .od_pay_buttons_el {border: 0}
.sod_right .pay_tbl {border: 0}
#sod_frm_pay {}
/******** //결제페이지 ********/

/******** 결제완료 ********/
#sod_fin {padding-top: 3rem;}
#sod_fin .sod_title {padding-left: 1.5rem; margin-bottom: 1.2rem;}
#sod_fin .sod_title::before {content: ''; display: block; position: absolute; left: 0; top: 0; height: 100%; width: 3px; background: #212121;}

#sod_fin_no {background: none; border: 0; font-size: 1.4rem; color: #212121; padding: 1rem 0; margin: 0; border-radius: 0;}

#sod_fin_list {margin-bottom: 3rem;}
#sod_fin_list table {font-size: 1.2rem;}
#sod_fin_list thead {background: #f2f3f7; border-top: 1px solid #d3d3d3;}
#sod_fin_list tbody td {padding: 2rem 1.5rem;}
#sod_fin_list .sod_img {top: 1.5rem;}
#sod_fin_list .sod_fin_total {font-size: 1.5rem; font-weight: 700; text-align: right; padding: 0.5rem 1rem 1.5rem 0;}

#sod_fin_orderer,
#sod_fin_receiver,
#sod_fin_dvr,
#sod_fin_pay {margin: 0 0 5rem 0}

#sod_fin .sod_left .tbl_head01 {padding: 0}
#sod_fin .sod_left th,
#sod_fin .sod_left td {line-height: 38px; padding: 3px 10px;}
#sod_fin .sod_left th {font-size: 1.4rem; background: #f2f3f7; color: #212121}
#sod_fin .sod_left td {font-size: 1.2rem;}
#sod_fin table tr + tr {border-top: 1px solid #e3e5e8;}

#sod_fin_cancel {margin-bottom: 8rem;}
#sod_fin_cancel .sod_fin_c_btn {background: #f2f3f7; font-size: 1.6rem; font-weight: 500; border: 1px solid #e3e5e8}
#sod_fin_cancel .sod_fin_c_btn:hover {background: #e2e5f3}

#sod_fin_cancelfrm {z-index: 9; font-size: 1.4rem; box-shadow: 1px 1px 7px rgba(0,0,0,0.2); width: 30rem;}
#sod_fin_cancelfrm .sod_cls_btn {padding: 0.6rem 1rem;}
#sod_fin_cancelfrm form {padding: 3.2rem;}
/******** //결제완료 ********/

/******** 장바구니 ********/
#sod_bsk {padding: 6rem 0;}
#sod_bsk .title {margin-bottom: 2rem;}
#sod_bsk .title .tit {padding-bottom: 0.4rem;}
#sod_bsk .title .subt {color: #9d9d9d;}
#sod_bsk table {font-size: 1.2rem;}
#sod_bsk thead {background: #f2f3f7; border-top: 1px solid #d3d3d3;}
#sod_bsk tbody td {padding: 2rem 1.5rem;}
#sod_bsk tbody td.td_prd {padding-left: 12rem}
#sod_bsk tbody td:last-child {width: 15rem;}
.od_prd_list .td_prd .sod_img {top: 16px; width: 6rem; height: 6rem;}
.od_prd_list .td_prd .sod_img img {width: 100%; height: 100%; display: block;}
.od_prd_list .td_prd .sod_name {min-height: auto}

#sod_bsk #sod_bsk_tot {border: 0; text-align: right; font-size: 1.8rem;
font-weight: 500;}

.btn_cart_del {padding: 1rem 0; border-top: 1px solid #ccd2d9; border-bottom: 0; display: flex; gap: 0.4rem; justify-content: end;}
.btn_cart_del button {font-size: 1.2rem; background: #3f51b5; color: #fff; border-radius: 4px; border: 0;}

#sod_bsk_act {}
#sod_bsk_act .btn_wrap {gap: 0.6rem; margin-top: 2rem; font-size: 1.1rem !important;}
#sod_bsk_act button,
#sod_bsk_act a {float: none; margin: 0; width: 100%; border-radius: 6px; font-weight: 500 !important}
#sod_bsk_act .btn01:hover {background: #f3f3f3;}
#sod_bsk_act .btn_submit {background: #3f51b5; border: 0; font-weight: bold !important}
#sod_bsk_act .btn_submit:hover {background: #2e40a4;}
/******** //장바구니 ********/

/******** 주문배송조회 ********/
#sod_v {padding: 6rem 0;}
#sod_v .title {margin-bottom: 2rem;}

#sod_v .orderInqFilter {background: #f2f3f7; border: 1px solid #dddee1; padding: 4rem 0; margin-bottom: 2rem;}
#sod_v .orderInqFilter .filterArea {gap: 3rem;}
#sod_v .orderInqFilter .filterArea .tit {font-weight: 600; margin-right: 0.8rem;}
#sod_v .orderInqFilter .filterArea select {}
#sod_v .orderInqFilter .filterArea input {box-shadow: none; border-radius: 0;}
#sod_v .orderInqFilter .filter_state {gap: 0.6rem;}
#sod_v .orderInqFilter .filter_date {gap: 0.6rem;}
#sod_v .orderInqFilter .filterBtnArea {margin-top: 2rem; font-size: 1.4rem; gap: 1rem}
#sod_v .orderInqFilter .filterBtnArea button {padding: 1rem 0; width: 12rem; border-radius: 3px;}
#sod_v .orderInqFilter .filterBtnArea .filter_btn {background: #3f51b5; color: #fff;}
#sod_v .orderInqFilter .filterBtnArea .download_btn {border: 1px solid #bababa; background: #fff;}

#ui-datepicker-div {font-size: 1.4rem;}

#sod_v table {font-size: 1.2rem;}
#sod_v thead {background: #f2f3f7; border-top: 1px solid #d3d3d3;}
#sod_v td a:hover {text-decoration: underline;}
#sod_v tbody td {padding: 2rem 1.5rem;}
#sod_v tbody td button.order_del {background: #7b7b7b; color: #fff; padding: 0.7rem 1.2rem; border-radius: 4px; font-weight: 600;}

.status_01,
.status_02,
.status_03,
.status_04,
.status_05,
.status_06 {font-size: 1.3rem}
/******** //주문배송조회 ********/

/******** 로그인 ********/
#mb_login {height: 100vh; background: url('../img/login_bg.png') no-repeat center/cover;}
.loginBox {max-width: 95rem; box-shadow: 3px 4px 20px 0px rgba(0, 0, 0, 0.20); border-radius: 46px; overflow: hidden;}
.loginBox .imgArea {width: 68%}
.loginBox .imgArea img {object-fit: cover; height: 100%;}
.loginBox .txtArea {width: 32%; padding: 5rem 3rem; border-left: 1px solid #eee}
.loginBox .txtArea .logo {text-align: center;}
.loginBox .loginArea {padding-top: 9.4rem;}
.loginBox .loginArea .login_lst {}
.loginBox .loginArea .login_lst + .login_lst {margin-top: 2.5rem}
.loginBox .loginArea label {display: block; font-size: 1.5rem; font-weight: 500; padding-bottom: 0.6rem;}
.loginBox .loginArea input {box-shadow: none; width: 100%; height: 4rem; font-size: 1.2rem;}
.loginBox .loginArea .btn_submit {background: #4174FC; border-radius: 40px; width: 100%; font-size: 1.8rem; margin-top: 3.5rem; padding: 1rem 0; font-weight: 600;}
/******** //로그인 ********/

/******** 마이페이지 ********/
#mypage {padding: 6rem 0;}
#mypage .title {margin-bottom: 2rem;}
#mypage .myArea {}
#mypage .myArea_lst {gap: 3rem 1rem;}
#mypage .myArea_lst .lst {width: calc((100% - 3rem) / 4); background: #fff}
#mypage .myArea_lst .lst::before {content: ''; display: block; position: absolute; width: 100%; height: 100%; border-radius: 8px; border: 1px solid #e7e7e7; top: 0; left: 0;}
#mypage .myArea_lst .lst:hover::before {border: 1px solid #c1c1c1;}
#mypage .myArea_lst .lst a {padding: 4rem 0;}
#mypage .myArea_lst .lst .ico {max-width: 20%;}
#mypage .myArea_lst .lst .txt {padding-top: 2rem}
/******** //마이페이지 ********/

/******** 배송지목록 ********/
#sod_addr {padding: 2rem;}
#sod_addr #win_title {padding: 0; margin: 0; padding-left: 1.5rem; margin-bottom: 1.2rem; line-height: normal; height: auto; color: #212121; font-size: 1.3rem; box-shadow: none;}
#sod_addr #win_title::before {content: ''; display: block; position: absolute; left: 0; top: 0; height: 100%; width: 3px; background: #212121;}
#sod_addr .tbl_wrap {margin: 0}
#sod_addr table {font-size: 0.9rem}
#sod_addr table thead {background: #f2f3f7;}
#sod_addr table thead tr {border-top: 1px solid #d3d3d3;}
#sod_addr table thead tr th {}
#sod_addr tbody {}
#sod_addr tbody tr {}
#sod_addr tbody tr td {}
#sod_addr .frm_input {box-shadow: none}
#sod_addr .win_btn {padding: 0; margin-top: 3rem; font-size: 1rem;}
#sod_addr .win_btn .btn_submit {background: #3f51b5; border: 0; border-radius: 6px;}
#sod_addr .win_btn .btn_close {border-radius: 0; border-radius: 6px;}

#sod_addr2 {padding: 6rem 0;}
#sod_addr2 .title {margin-bottom: 2rem;}
#sod_addr2 #sod_addr {padding: 0}
#sod_addr2 table {font-size: 1.2rem}
#sod_addr2 .win_btn {font-size: 1.4rem}
/******** //배송지목록 ********/

/******** 회원가입 & 정보수정 ********/
.register {padding-top: 3rem}

.register_title {margin-bottom: 2rem;}
.register_title .tit {padding-bottom: 0.4rem;}
.register_title .subt {color: #9d9d9d;}

#register_area {border: 1px solid #e3e5e8;}
#register_area .tbl_frm01 {padding: 0 !important; margin: 0;}
#register_area .tbl_frm01 th,
#register_area .tbl_frm01 td {line-height: 38px; padding: 3px 10px;}
#register_area .tbl_frm01 tr + tr {border-top: 1px solid #e3e5e8}
#register_area .tbl_frm01 th {font-size: 1.4rem; background: #f2f3f7; text-align: left; min-width: 10rem}
#register_area .tbl_frm01 td {font-size: 1.2rem;}
#register_area .tbl_frm01 td .btn_address {font-size: 1.2rem; background: #3f51b5; color: #fff; border: 0; height: 3.6rem; margin-left: 1rem;}
#register_area .tbl_frm01 td input {height: 3.5rem; box-shadow: none; border-radius: 0;}
#register_area .tbl_frm01 td input.twopart_input {margin-right: 1rem}
#register_area .tbl_frm01 textarea {box-shadow: none; border-radius: 0;}

#register_area_btn {gap: 1rem; margin: 3rem 0 5rem;}
#register_area_btn .btn_close {border: 1px solid #98a3b3; float: none; width: 20%; border-radius: 6px;}
#register_area_btn .btn_submit {background: #3f51b5; border: 0; float: none; margin: 0; width: 20%; border-radius: 6px;}
#register_area_btn .btn_close:hover {background: #f3f3f3;}
#register_area_btn .btn_submit:hover {background: #2e40a4;}
/******** //회원가입 & 정보수정 ********/

/******** 공지사항 ********/
#notice {padding: 6rem 0;}
#notice .title {margin-bottom: 2rem;}
#notice .title .tit {}
#notice .title .btnArea {gap: 0.4rem;}
#notice .title .btnArea .nt_btn {background: #3f51b5; border-radius: 4px; border: 0; height: 3rem; padding: 0 1rem; line-height: 3rem;}
#notice .nt_table {}
#notice .nt_table table {}
#notice .nt_table thead {background: #f2f3f7; border-top: 1px solid #d3d3d3; border-bottom: 1px solid #d3d3d3;}
#notice .nt_table tbody {}
#notice .nt_table tr {border-bottom: 1px solid #f3f0f0;}
#notice .nt_table th {padding: 2rem 0; font-size: 1.4rem; font-weight: 500;}
#notice .nt_table td {font-size: 1.4rem; text-align: center; padding: 2rem 0; color: #656565}
#notice .nt_table td.subj {text-align: left; color: #000}

#noticeView {padding: 6rem 0; font-size: 1.3rem}
#noticeView .title {margin-bottom: 2rem;}
#noticeView .title .tit {}
#noticeView .title .btnArea {gap: 0.4rem;}
#noticeView .title .btnArea .nt_btn {background: #3f51b5; border-radius: 4px; border: 0; height: 3rem; padding: 0 1rem; line-height: 3rem;}
#noticeView .viewCont {}
#noticeView .viewCont .subj {padding: 1.5rem 1rem; border-top: 1px solid #000;}
#noticeView .viewCont .opt {justify-content: flex-end; background: #f2f3f7; border-top: 1px solid #d3d3d3; border-bottom: 1px solid #d3d3d3; padding: 1.4rem 1rem; gap: 1.5rem;}
#noticeView .viewCont .content {padding: 1.5rem 1rem; font-size: 1.5rem; min-height: 20vh;}
/******** //공지사항 ********/

/******** 고객센터 ********/
#cscenter {padding: 6rem 0;}
#cscenter .title {margin-bottom: 2rem;}
#cscenter .title .tit {padding-bottom: 0.4rem;}
#cscenter .title .subt {color: #9d9d9d;}
#cscenter .cscont {gap: 4rem;}
#cscenter .cscont .imgArea {width: 45%;}
#cscenter .cscont .txtArea {width: calc(55% - 4rem); background: #f2f3f7; padding: 3rem; border-radius: 5px; height: 35rem; line-height: 1.2;}
#cscenter .cscont .txtArea .tit {padding-bottom: 1rem}
#cscenter .cscont .txtArea .info {}
#cscenter .cscont .txtArea .info li + li {padding-top: 0.5rem}
#cscenter .cscont .txtArea .time {margin-top: 2rem; padding-top: 2rem; border-top: 1px solid #ccc; line-height: 1.4}
/******** //고객센터 ********/

#text_size {display: none}



















.
