/* html::-webkit-scrollbar {display:block;} */

/* 게시글 상세 첨부파일 */
.attach-item {padding:20px 40px; border-top:1px solid #c4c4c4; border-bottom:1px solid #c4c4c4;}
.attach-item .upload-tit {font-weight:400; font-size:1.1rem; /* padding-bottom:16px; */ display:inline-block;}
.attach-item .attachfile {padding:0 24px; line-height:2;}
.attach-item .attachfile i {font-size:1.3rem; color:#080c34;}
@media screen and (max-width: 768px) {
  .attach-item {padding: 20px 10px;}
  .attach-item .upload-tit {font-size: 14px;}
}


/* 상품상세 ************************************************************************************/
/********** 공급사 공동구매 신청 페이지 **********/
.fit-pr-detail-wrap .pr-detail-info {display: flex; padding:0 0 80px;}
/* 상품정보 버전 - fixed (2023.12.23) */
.fit-pr-detail-wrap.ver-fixed_bottom .pr-detail-info {position: fixed;bottom: 0;z-index: 10000;width: 1400px;padding-bottom: 0;background-color:#fff;justify-items: center;padding:20px;}
.fit-pr-detail-wrap.ver-fixed_bottom .pr-detail-info .left{position: absolute;left: -9999px;}
.fit-pr-detail-wrap.ver-fixed_bottom .pr-detail-info .right .info-item01{position: absolute;left: -9999px;}
.fit-pr-detail-wrap.ver-fixed_bottom .pr-detail-info .is_prd_detail_info{position: absolute;left: -9999px;}
.fit-pr-detail-wrap.ver-fixed_bottom .page-tab .tab-cont .scroll-soft{position: absolute;left: -9999px;}

.fit-pr-detail-wrap.ver-fixed_right .pr-detail-info {position: fixed;z-index: 10000;background-color: #fff;justify-items: center;padding: 20px;right: 140px;width: 240px;bottom: 0px;height: auto;border:1px solid gainsboro;}
.fit-pr-detail-wrap.ver-fixed_right .pr-detail-info .right .info-item03 .item-data{display: flex;flex-direction: column;align-items: flex-start;}
.fit-pr-detail-wrap.ver-fixed_right .pr-detail-info .right .pr-info-item{padding-top:0 !important;}
.fit-pr-detail-wrap.ver-fixed_right .pr-detail-info .right .pr-info-item .pr-info-line .prif-tit{width:100%;margin-bottom: 10px;}
.fit-pr-detail-wrap.ver-fixed_right .pr-detail-info .right .info-item03 .select-opt-cont .select-opt{flex-direction: column;margin-top:0px !important;}
.fit-pr-detail-wrap.ver-fixed_right .pr-detail-info .right .info-item03 .select-opt-cont .select-opt .opt-top{width:100%;}
.fit-pr-detail-wrap.ver-fixed_right .pr-detail-info .right .info-item03 .select-opt-cont .select-opt .item-left .count-item{position: absolute;left: -9999px;}
.fit-pr-detail-wrap.ver-fixed_right .pr-detail-info .right .info-item03 .select-opt-cont .select-opt .item-right{position: absolute;left: -9999px;}


.fit-pr-detail-wrap.ver-fixed_right .pr-detail-info .left{position: absolute;left: -9999px;}
.fit-pr-detail-wrap.ver-fixed_right .pr-detail-info .right .info-item01{position: absolute;left: -9999px;}
.fit-pr-detail-wrap.ver-fixed_right .pr-detail-info .is_prd_detail_info{position: absolute;left: -9999px;}
.fit-pr-detail-wrap.ver-fixed_right .page-tab .tab-cont .scroll-soft{position: absolute;left: -9999px;}

/* 상품 썸네일 */
.fit-pr-detail-wrap .pr-detail-info .left {position:relative;}
.fit-pr-detail-wrap .pr-detail-info .left .d-day-box {top:28px; right:28px; font-weight:800; display:inline-flex; color:#fff;}
.fit-pr-detail-wrap .pr-detail-info .left .d-day-box span {font-weight:800; color:#fff;}
.fit-pr-detail-wrap .pr-detail-info .left .product-thumb {width:600px; height:600px;}
.fit-pr-detail-wrap .pr-detail-info .left .image-data {width: 600px; height: 600px; overflow: hidden;}
.fit-pr-detail-wrap .pr-detail-info .left .image-data img {width: 100%; height: 100%; object-fit:cover;}
.fit-pr-detail-wrap .pr-detail-info .left .slick-track {height: 100%;}
.fit-pr-detail-wrap .pr-detail-info .left .slick-dots {bottom:-40px;}
.fit-pr-detail-wrap .pr-detail-info .left .slick-dots li {width:auto; margin:0 7px;}
.fit-pr-detail-wrap .pr-detail-info .left .slick-dots li button {width:auto;}
.fit-pr-detail-wrap .pr-detail-info .left .slick-dots li button::before {width:auto; content:''; display:inline-block; width:12px; height:12px; background:#E3E6ED; border-radius:100px; opacity: 1;}
.fit-pr-detail-wrap .pr-detail-info .left .slick-dots li.slick-active button:before {background:#6B727C;}

.fit-pr-detail-wrap .pr-detail-info .right {width:100%;}
/* 상품명 */
.fit-pr-detail-wrap .pr-detail-info .right .right-top {padding-bottom:22px; border-bottom: 1px solid #E3E6ED;}
/* .fit-pr-detail-wrap .pr-detail-info .right .right-top .pro-tit {font-size: 1.5rem; display:inline-block;} */
.fit-pr-detail-wrap .pr-detail-info .right .right-top .pro-tit span {font-size: 1.7rem; display:inline-block;}
/* .fit-pr-detail-wrap .pr-detail-info .right .right-top .pro-tit span[data-detail_key="name"] {width: 520px; overflow: hidden; text-overflow: ellipsis; white-space:nowrap; display: -webkit-box; -webkit-line-clamp: 2;  -webkit-box-orient: vertical;} */
/* 상단 - 상품 정보 */
.fit-pr-detail-wrap .pr-detail-info .right .pr-info-item {padding:22px 0; border-bottom:1px solid #E3E6ED;}
.fit-pr-detail-wrap .pr-detail-info .right .pr-info-item .pr-info-line {display:flex; align-items:center; margin-bottom:6px;}
/* .fit-pr-detail-wrap .pr-detail-info .right .pr-info-item .pr-info-line:last-child {margin-bottom:0} */
.fit-pr-detail-wrap .pr-detail-info .right .pr-info-item .pr-info-line .prif-tit {width:30%; font-size:1.1rem; font-weight:400;}
.fit-pr-detail-wrap .pr-detail-info .right .pr-info-item .pr-info-line .item-data {display: flex; align-items:center; font-size:1.1rem;}
.fit-pr-detail-wrap .pr-detail-info .right .pr-info-item .pr-info-line .item-data.pc {display:flex !important;}
.fit-pr-detail-wrap .pr-detail-info .right .pr-info-item .pr-info-line .item-data.mobile {display:none !important;}
.fit-pr-detail-wrap .pr-detail-info .right .pr-info-item .pr-info-line .item-data span {display:flex; align-items:center; font-size:1.1rem;}
.fit-pr-detail-wrap .pr-detail-info .right .pr-info-item .pr-info-line .item-data02,
/* .fit-pr-detail-wrap .pr-detail-info .right .pr-info-item .pr-info-line .item-data02 span {color:#F23F3F;} */
.fit-pr-detail-wrap .pr-detail-info .right .pr-info-item .pr-info-line .item-data03,
.fit-pr-detail-wrap .pr-detail-info .right .pr-info-item .pr-info-line .item-data03 span {color:#287EFF;}
.fit-pr-detail-wrap .pr-detail-info .right .pr-info-item .pr-info-line.item-info03 .prif-tit {position: relative; display:flex; align-items:center;} 
.fit-pr-detail-wrap .pr-detail-info .right .pr-info-item .pr-info-line.item-info03 .prif-tit i {font-size:1.8rem; color:#AAB1BB; font-weight:100; margin-left:9px; cursor: pointer;} 
.fit-pr-detail-wrap .pr-detail-info .right .pr-info-item .pr-info-line.item-info03 .prif-tit .fit-guide-popup {display:none; top: 36px; left: -75%; width: 344px;}
.fit-pr-detail-wrap .pr-detail-info .right .pr-info-item .pr-info-line.item-info03 .prif-tit .fit-guide-popup.active {display:block;}
.fit-pr-detail-wrap .pr-detail-info .right .pr-info-item .pr-info-line.item-info03 .prif-tit .fit-guide-popup::before {top: -8px; left: 158px;}
/* .fit-pr-detail-wrap .pr-detail-info .right .pr-info-item .pr-info-line.item-info03 .prif-tit i:hover + .fit-guide-popup {display:block;} */
.fit-pr-detail-wrap .pr-detail-info .right .pr-info-item .pr-info-line .item-data04 {font-weight:700;}
.fit-pr-detail-wrap .pr-detail-info .right .pr-info-item .pr-info-line .item-data04 span {font-weight:700;}
.fit-pr-detail-wrap .pr-detail-info .right .pr-info-item .pr-info-line .item-data04 span:nth-of-type(3) {margin-left:0;}
.fit-pr-detail-wrap .pr-detail-info .right .pr-info-item .pr-info-line .item-data04 input {height:36px; margin-right:8px; border:1px solid #E3E6ED; border-radius:2px; padding:4px 14px; margin:0 8px; color:#050505; background:#fff;}
.fit-pr-detail-wrap .pr-detail-info .right .pr-info-item .pr-info-line .item-data04 input::placeholder {color:#AAB1BB;}
.fit-pr-detail-wrap .pr-detail-info .right .pr-info-item .pr-info-line .item-data04 span:first-child input {width:64px; margin-left:3px;}
.fit-pr-detail-wrap .pr-detail-info .right .pr-info-item .pr-info-line .item-data04 span:last-child input {width:140px; margin-left:19px;}
.fit-pr-detail-wrap .pr-detail-info .right .pr-info-item .pr-info-line .item-data04 input[type="number"]::-webkit-outer-spin-button,
.fit-pr-detail-wrap .pr-detail-info .right .pr-info-item .pr-info-line .item-data04 input[type="number"]::-webkit-inner-spin-button {-webkit-appearance: none; margin: 0;}
.fit-pr-detail-wrap .pr-detail-info .right .pr-info-item .pr-info-line .item-data05 span {letter-spacing:1px;}
.fit-pr-detail-wrap .pr-detail-info .right .pr-info-item .pr-info-line .item-data05 span[data-detail_key="group_purchase_date_end"] {margin-right:4px;}
.fit-pr-detail-wrap .pr-detail-info .right .pr-info-item .pr-info-line .item-data05 span:last-child {margin:0;}
.fit-pr-detail-wrap .pr-detail-info .right .pr-info-item .pr-info-line .fit-guide-popup {left:11%;}
/* 신청 버튼 */
.fit-pr-detail-wrap .pr-detail-info .right .right-bot .btn-form {margin-top: 24px;}
/* .fit-pr-detail-wrap .pr-detail-info .right .right-bot .btn-form button {display:flex; align-items:center; justify-content: center; width:100%; height:60px; background:#282C33; border-radius:4px; color:#fff; font-size:1rem; font-weight:700;} */
.fit-pr-detail-wrap .pr-detail-info .right .right-bot .btn-form .submit-complete {display:flex; align-items:center; justify-content: space-between;}
.fit-pr-detail-wrap .pr-detail-info .right .right-bot .btn-form .submit-complete button.btn-cancel {width:188px;}
.fit-pr-detail-wrap .pr-detail-info .right .right-bot .btn-form .submit-complete button.complete-info {width:320px; background:#1AD0FC; flex-direction:column;}
.fit-pr-detail-wrap .pr-detail-info .right .right-bot .btn-form .submit-complete button.complete-info span {font-size:1rem; font-weight:700; color:#fff;}
.fit-pr-detail-wrap .pr-detail-info .right .right-bot .btn-form .submit-complete button.complete-info span:last-child {display:flex; align-items:center; color:#fff; font-size:1rem; font-weight:400; margin-top:2px;}
.fit-pr-detail-wrap .pr-detail-info .right .right-bot .btn-form .submit-complete button.complete-info span:last-child .comp-date {font-weight:700; margin-right:4px;}
.fit-pr-detail-wrap .pr-detail-info .right .right-bot .btn-form .date-complete button {color:#6B727C; background:#E3E6ED; height: 264px;}
/* fna페이지 이동 문구 */
.fit-pr-detail-wrap .pr-detail-info .right .move-faq {margin-top:21px;}
.fit-pr-detail-wrap .pr-detail-info .right .move-faq a {display: flex; align-items: center;}
.fit-pr-detail-wrap .pr-detail-info .right .move-faq i { margin-right:8px; font-size:1.7rem; text-decoration: none;}
.fit-pr-detail-wrap .pr-detail-info .right .move-faq span { font-size:1rem; font-weight:400; text-decoration:underline;}

/* 탭 */
.fit-pr-detail-wrap .page-tab {background-color:#fff; margin-bottom:40px;}
.fit-pr-detail-wrap .page-tab .tab-cont {display:flex; align-items:center; justify-content:space-between; border-bottom: 0;}
.fit-pr-detail-wrap .page-tab .tab-cont .scroll-soft {flex:1; font-size:1rem; font-weight:700; padding:20px 0; width:calc(100%/4); height: auto; text-align:center; color:#000;  scroll-behavior:smooth; border:1px solid #aaa; border-right:none; border-bottom: 2px solid #000;}
.fit-pr-detail-wrap .page-tab .tab-cont .scroll-soft:last-child {border-right:1px solid #aaa;}
.fit-pr-detail-wrap .page-tab .tab-cont .scroll-soft.active {border:2px solid #000; border-bottom:0;}
.fit-pr-detail-wrap .page-tab .tab-cont .scroll-soft.active::after {display: none;}

/* 상품정보 */
.product_detail .table-wrap > h3 {font-size: 1.1rem; font-weight: 700; margin: 40px 0 10px;}
.fit-pr-detail-wrap .section.s01 {padding:60px 0;}
.fit-pr-detail-wrap .section.s01 .product-detail-thumb {position: relative; height:600px; overflow:hidden; text-align:center; margin:0 auto;}
.fit-pr-detail-wrap .section.s01 .product-detail-thumb.active {height:auto;}
.fit-pr-detail-wrap .section.s01 .product-detail-thumb img {width:100%;}
.fit-pr-detail-wrap .section.s01 .product-detail-thumb .gradation-box {position: absolute; bottom:0; background: linear-gradient( to bottom, transparent, #fff ); width:100%; height:80px; z-index: 10;}
.fit-pr-detail-wrap .section.s01 .product-detail-thumb .gradation-box.active {display:none;}

.fit-pr-detail-wrap .section.s01 .view-more {border:2px solid #1159FE; border-radius:1000px; display:flex; align-items:center; justify-content:center; width:320px; height:60px; margin:30px auto 0;}
.fit-pr-detail-wrap .section.s01 .view-more span {font-size:1rem; font-weight:700;}
.fit-pr-detail-wrap .section.s01 .view-more i {font-size:1.3rem; font-weight:700; margin-left:5px; margin-top:3px;}
.fit-pr-detail-wrap .section.s01 .view-more i.active {transform:rotate(180deg) translateY(3px); margin-top: 6px;}
.fit-pr-detail-wrap [data-detail_key="content"] p {display: block;}

/* 상품요약 */
/* .fit-pr-detail-wrap .section.s02 {padding-bottom:60px;}  */

/* 제조사 정보 */
.fit-pr-detail-wrap .s03 .company-info {border:1px solid #E3E6ED; padding:40px;}
.fit-pr-detail-wrap .s03 .company-info .com-top {display:flex; align-items:center; padding-bottom:24px; border-bottom:1px solid #E3E6ED;}
.fit-pr-detail-wrap .s03 .company-info .com-top p img {height:60px;}
.fit-pr-detail-wrap .s03 .company-info .com-top p:last-child {display:flex; flex-direction:column; margin-left:24px;}
.fit-pr-detail-wrap .s03 .company-info .com-top p span {font-size:1rem;}
.fit-pr-detail-wrap .s03 .company-info .com-top p .com-data02 {font-weight:700; margin-bottom:2px;}
.fit-pr-detail-wrap .s03 .company-info .com-top p .com-data03 {font-weight:400; color:#6B727C;}
.fit-pr-detail-wrap .s03 .company-info .com-bot {padding-top:24px; font-size:1rem; line-height:22.4px;}

/* 판매 정보 */
.fit-pr-detail-wrap .s04 .table-wrap {margin-top:40px;}
.fit-pr-detail-wrap .s04 .table-wrap h3 {font-size:1rem; font-weight:700; margin-bottom:12px;}
.fit-pr-detail-wrap .fit-info-table tr td pre p {font-size:1.1em; font-weight:700;}

/* 팝업 */
.fit-pr-detail-wrap .fit-pop-cont .pop-cont .pop-close i {top:30px; right:32px;}
.fit-pr-detail-wrap .fit-pop-cont .login-notice-pop.pop-cont .pop-info p {margin-bottom: 40px !important;}
.fit-pr-detail-wrap .fit-pop-cont .pop-cont .pop-info p:first-child {margin-bottom: 0;}
.fit-pr-detail-wrap .fit-pop-cont .pop-cont .pop-info p:nth-of-type(1) {margin-bottom: 0;}
.fit-pr-detail-wrap .fit-pop-cont .pop-cont .pop-info p#account_res_text {margin-top: 0;}

/* 상품상세 와이드형 추가 (22.11.19) */
.fit-pr-detail-wrap .pr-detail-info-wide01 {flex-direction:column; align-items:center;}





@media screen and (max-width: 768px) {
  .fit-pr-detail-wrap .container {padding:0 !important; overflow-x: hidden;}
  .fit-pr-detail-wrap .pr-detail-info {display: revert; padding-bottom:48px !important;}
  .fit-pr-detail-wrap .pr-detail-info .left {width:100%; margin-right:0;}
  .fit-pr-detail-wrap .pr-detail-info .left .d-day-box {font-size:1rem; font-weight:800; top:24px; right:20px; width:57px; height:30px;}
  .fit-pr-detail-wrap .pr-detail-info .left .product-thumb {width:100%; height:100%; min-height:350px; max-height:768px;}
  .fit-pr-detail-wrap .pr-detail-info .left .image-data {width:100%; height:100%;}
  .fit-pr-detail-wrap .pr-detail-info .left .image-data a {display: block; width: 100%; height:100%;}
  .fit-pr-detail-wrap .pr-detail-info .left .slick-slider .slick-list {height:100% !important;}
  .fit-pr-detail-wrap .pr-detail-info .left .slick-dots {position: revert; margin-top:15px;}
  .fit-pr-detail-wrap .pr-detail-info .left .slick-dots li {margin:0 2px;}
  .fit-pr-detail-wrap .pr-detail-info .left .slick-dots li button {width:8px; height:8px;}
  .fit-pr-detail-wrap .pr-detail-info .left .slick-dots li button::before {width:8px; height:8px;}
  .fit-pr-detail-wrap .pr-detail-info .right {margin-top:25px; padding:32px 20px 0;}
  .fit-pr-detail-wrap .pr-detail-info .right .right-top {padding-bottom:16px;}
  .fit-pr-detail-wrap .pr-detail-info .right .right-top .pro-tit,
  .fit-pr-detail-wrap .pr-detail-info .right .right-top .pro-tit span {font-size:1.4rem; line-height: 28px;}
  .fit-pr-detail-wrap .pr-detail-info .right .right-top .pro-tit span[data-detail_key="name"] {width: 100%; white-space: inherit; display: block;}
  .fit-pr-detail-wrap .pr-detail-info .right .pr-info-item {padding:16px 0;}
  .fit-pr-detail-wrap .pr-detail-info .right .pr-info-item .item-info01 .item-data01 span,
  .fit-pr-detail-wrap .pr-detail-info .right .pr-info-item .item-info02 .item-data02 span {margin:0;}
  .fit-pr-detail-wrap .pr-detail-info .right .pr-info-item .item-info04 {align-items:flex-start;}
  .fit-pr-detail-wrap .pr-detail-info .right .pr-info-item .item-info04 .prif-tit {margin-top:6px;}
  .fit-pr-detail-wrap .pr-detail-info .right .pr-info-item .pr-info-line {margin-bottom:5px;}
  .fit-pr-detail-wrap .pr-detail-info .right .pr-info-item .pr-info-line:last-child {margin-bottom:0;}
  .fit-pr-detail-wrap .pr-detail-info .right .pr-info-item .pr-info-line .prif-tit {width:auto; margin-right:0;}
  .fit-pr-detail-wrap .pr-detail-info .right .pr-info-item .pr-info-line .item-data.pc {display: none !important;}
  .fit-pr-detail-wrap .pr-detail-info .right .pr-info-item .pr-info-line .item-data.mobile {display: block !important;}
  .fit-pr-detail-wrap .pr-detail-info .right .pr-info-item .pr-info-line .prif-tit,
  .fit-pr-detail-wrap .pr-detail-info .right .pr-info-item .pr-info-line .item-data,
  .fit-pr-detail-wrap .pr-detail-info .right .pr-info-item .pr-info-line .item-data span {font-size:1rem;}
  .fit-pr-detail-wrap .pr-detail-info .right .pr-info-item .pr-info-line .item-data span {max-width:200px;}
  /* .fit-pr-detail-wrap .pr-detail-info .right .pr-info-item .pr-info-line .item-data {display: flex !important;} */
  .fit-pr-detail-wrap .pr-detail-info .right .pr-info-item .pr-info-line .item-data04 {display: revert;}
  .fit-pr-detail-wrap .pr-detail-info .right .pr-info-item .pr-info-line .item-data04 input {margin-left:0 !important; height:32px !important;}
  .fit-pr-detail-wrap .pr-detail-info .right .pr-info-item .pr-info-line .item-data04 span {display:flex; align-items:center; font-weight:400;}
  .fit-pr-detail-wrap .pr-detail-info .right .pr-info-item .pr-info-line .item-data04 span:first-child {margin-bottom:12px;}
  .fit-pr-detail-wrap .pr-detail-info .right .pr-info-item .pr-info-line .item-data04 span:first-child input {width:80px;}
  .fit-pr-detail-wrap .pr-detail-info .right .pr-info-item .pr-info-line .item-data04 span:last-child input {width:120px;}
  .fit-pr-detail-wrap .pr-detail-info .right .pr-info-item .pr-info-line .fit-guide-popup {left: 5% !important; top: 36px !important;}
  .fit-pr-detail-wrap .pr-detail-info .right .pr-info-item .pr-info-line .fit-guide-popup::before {left: 30px !important; top: -8px;}
  .fit-pr-detail-wrap .pr-detail-info .right .pr-info-item .pr-info-line.item-info03 .prif-tit .fit-guide-popup {width:319px;}
  .fit-pr-detail-wrap .pr-detail-info .right .right-bot .btn-form button {height:58px; font-size:1rem; height: 58px !important;}
  .fit-pr-detail-wrap .pr-detail-info .right .move-faq {margin-top:12px; display: inline-block;}
  .fit-pr-detail-wrap .pr-detail-info .right .move-faq i {font-size:1rem;}
  .fit-pr-detail-wrap .page-tab {margin-bottom:24px; border-top:0; border-right:0; border-left:0;}
  .fit-pr-detail-wrap .page-tab .tab-cont .scroll-soft {height:auto; border:0; font-size:.9rem; padding:0 0 12px; color:#6B727C; font-weight:400; border-bottom:2px solid #000;}
  .fit-pr-detail-wrap .page-tab .tab-cont .scroll-soft:last-child {border-right:none;}
  .fit-pr-detail-wrap .page-tab .tab-cont .scroll-soft.active {font-weight:700; border-bottom:2px solid #414853; background:#fff; color:#414853; border:none; border-bottom:2px solid #000;}
  /* .fit-pr-detail-wrap .section.s01, .fit-pr-detail-wrap .section.s02, .fit-pr-detail-wrap .section.s03 {padding:0 20px !important; margin:24px 0;} */
  .fit-pr-detail-wrap .section.s01 {padding:0; margin-top:0;}
  .fit-pr-detail-wrap .section.s01 .product-detail-thumb {height: 335px;}
  .fit-pr-detail-wrap .section.s01 .product-detail-thumb .gradation-box {height:150px;}
  .fit-pr-detail-wrap .section.s01 .product-detail-thumb .base,
  .fit-pr-detail-wrap .section.s01 .product-detail-thumb .xans-product-detail {width: 100% !important;}
  .fit-pr-detail-wrap .section.s01 .view-more {height:48px; margin-top:14px;}
  .fit-pr-detail-wrap .section.s01 .view-more span {font-size:1rem;}
  .fit-pr-detail-wrap .section.s01 .view-more i {font-size:1rem;}
  .fit-pr-detail-wrap .section.s03 .company-info {padding:20px;}
  .fit-pr-detail-wrap .section.s03 .company-info .com-top {display: revert; padding-bottom:12px;}
  .fit-pr-detail-wrap .section.s03 .company-info .com-top p {font-size:1rem;}
  .fit-pr-detail-wrap .section.s03 .company-info .com-top p .com-data02,
  .fit-pr-detail-wrap .section.s03 .company-info .com-top p .com-data03 {font-size: 1rem;}
  .fit-pr-detail-wrap .section.s03 .company-info .com-top p:last-child {margin-left:0; margin-top:12px;}
  .fit-pr-detail-wrap .section.s03 .company-info .com-top p img {height:42px;}
  .fit-pr-detail-wrap .section.s03 .company-info .com-bot {margin-top:16px; padding:0; font-size:1rem; line-height: 19px;}
  .fit-pr-detail-wrap .section.s04 {margin-bottom:60px;}
  .fit-pr-detail-wrap .section.s04 .table-wrap {margin-top:24px;}

  .fit-pr-detail-wrap .pr-detail-info .right .right-bot .btn-form .submit-complete {display: flex; flex-direction: column-reverse;}
  .fit-pr-detail-wrap .pr-detail-info .right .right-bot .btn-form .submit-complete button {margin:0; font-size:1rem !important;}
  .fit-pr-detail-wrap .pr-detail-info .right .right-bot .btn-form .submit-complete button.complete-info {width: 100%; height:58px;}
  .fit-pr-detail-wrap .pr-detail-info .right .right-bot .btn-form .submit-complete button.btn-cancel {width: 100%;margin-top:8px;}
  .fit-pr-detail-wrap .pr-detail-info .right .right-bot .btn-form .submit-complete button.complete-info span:last-child {font-size:0.929rem;}

  /* 팝업 */
  .fit-pr-detail-wrap .fit-pop-cont .pop-cont {border-radius: 4px;}
  .fit-pr-detail-wrap .fit-pop-cont .pop-cont .pop-close i {top:20px; right:20px; font-size:1.45rem;}
  .fit-pr-detail-wrap .fit-pop-cont .pop-cont .pop-info img {width:52px;}
  .fit-pr-detail-wrap .fit-pop-cont .pop-cont .pop-info p {line-height: 21px; margin-bottom: 32px;}
}
/* 상품상세 끝 ************************************************************************************/













/* 소비자 - 상품상세 ************************************************************************************/
/* 상단 상품설명 */
.fit-comm-pr-detail {}
.fit-comm-pr-detail .pr-detail-info .right .right-top {border:0; padding-bottom:0;}

.fit-comm-pr-detail .pr-detail-info .right .pr-info-item {padding:24px 0;}
.fit-comm-pr-detail .pr-detail-info .right .pr-info-item .pr-info-line .prif-tit {margin-right:0;}
.fit-comm-pr-detail .pr-detail-info .right .pr-info-item .pr-info-line {justify-content:space-between;}
.fit-comm-pr-detail .pr-detail-info .right .pr-info-item:nth-child(n+3):nth-child(-n+5) .pr-info-line .item-data {width:380px;}

.fit-comm-pr-detail .pr-detail-info .right .info-item01 {padding:30px 0 32px; }
.fit-comm-pr-detail .pr-detail-info .right .info-item01 .item-info02 {margin-bottom:12px; margin-right:16px; justify-content: flex-start; align-items: center;}
.fit-comm-pr-detail .pr-detail-info .right .info-item01 .item-info02 .item-data02 {margin-right:16px;}
.fit-comm-pr-detail .pr-detail-info .right .info-item01 .item-info02 .item-data03 {margin-bottom:3px;}
.fit-comm-pr-detail .pr-detail-info .right .info-item01 .item-info02 .item-data03,
.fit-comm-pr-detail .pr-detail-info .right .info-item01 .item-info02 .item-data03 span {color:#282C33;}
.fit-comm-pr-detail .pr-detail-info .right .pr-info-item .item-info04 {margin-bottom: 0;}
.fit-comm-pr-detail .pr-detail-info .right .pr-info-item .item-info04 .item-data05 span {letter-spacing: -0.01em;}
.fit-comm-pr-detail .pr-detail-info .right .info-item01 .pr-info-line .item-data01 {color:#c4c4c4; margin-bottom:6px;}
.fit-comm-pr-detail .pr-detail-info .right .info-item01 .pr-info-line .item-data01 span {color:#c4c4c4; font-size:1.1rem; text-decoration:line-through;}
.fit-comm-pr-detail .pr-detail-info .right .info-item01 .pr-info-line .item-data02,
.fit-comm-pr-detail .pr-detail-info .right .info-item01 .pr-info-line .item-data02 span {font-size:2rem; font-weight:600;}
.fit-comm-pr-detail .pr-detail-info .right .info-item01 .pr-info-line .item-data03 {font-size:1.4rem; display:flex; align-items:center; font-weight:600;}
.fit-comm-pr-detail .pr-detail-info .right .info-item01 .pr-info-line .item-data03 span {font-weight:600; font-size:2rem;}

.fit-comm-pr-detail .pr-detail-info .right .info-item02 .pr-info-line .item-data04 span:first-child {margin-left:0;}
.fit-comm-pr-detail .pr-detail-info .right .info-item02 .pr-info-line .item-data05 span {margin-right:5px !important;}
.fit-comm-pr-detail .pr-detail-info .right .info-item02 .pr-info-line .item-data05 span[data-detail_key_getproductgroupsell="sell_date_end"] {margin-left: 1px;}
.fit-comm-pr-detail .pr-detail-info .right .info-item02 .pr-info-line .item-data05 span[data-detail_key_getproductgroupsell="total_remain_day"] {margin:0 !important;}

/* .fit-pr-detail-wrap .pr-detail-info .right .info-item03 {border-bottom: 0; padding-bottom: 0;} */
/* .fit-pr-detail-wrap .pr-detail-info .right .info-item03.basic-opt {padding-top:0;} */
/* .fit-pr-detail-wrap .pr-detail-info .right .info-item03.basic-opt .select-opt-cont {padding-bottom:24px;} */
.fit-comm-pr-detail .pr-detail-info .right .info-item03 .item-info06 {margin-bottom:0;}
.fit-comm-pr-detail .pr-detail-info .right .info-item03 .item-data06 {position: relative; width: 70%;}
.fit-comm-pr-detail .pr-detail-info .right .info-item03 .item-data {width:100%;}

.fit-comm-pr-detail .pr-detail-info .right .info-item03 .item-data select {-webkit-appearance:none; -moz-appearance:none; appearance:none; width:100%; border:1px solid #E3E6ED; color:#AAB1BB; /*color:#282C33;*/ cursor: pointer; padding:15px;}
.fit-comm-pr-detail .pr-detail-info .right .info-item03 .item-data select.active {color:#282C33;}
.fit-comm-pr-detail .pr-detail-info .right .info-item03 .item-data select.arrow_active + .xi-angle-down {transform: translateY(-50%)rotate(180deg);}
.fit-comm-pr-detail .pr-detail-info .right .info-item03 .item-data.arrow_active .xi-angle-down {transform: translateY(-50%)rotate(180deg);}
.fit-comm-pr-detail .pr-detail-info .right .info-item03 .item-data .xi-angle-down {position: absolute; top: 50%; right: 25px; transform: translateY(-50%); font-size: 1.071rem; color: #6B727C;}
.fit-comm-pr-detail .pr-detail-info .right .info-item03 .item-data .xi-angle-up {position: absolute; top: 50%; right: 25px; transform: translateY(-50%); font-size: 1.071rem; color: #6B727C;}

/* .fit-comm-pr-detail .pr-detail-info .right .info-item03 .select-opt-cont {width:100%; display:flex; flex-direction:column; align-items:flex-end; border-bottom:1px solid #000;}
.fit-comm-pr-detail .pr-detail-info .right .info-item03 .select-opt-cont > div {width:380px; border-radius:2px; overflow: hidden;} */
.fit-comm-pr-detail .pr-detail-info .right .info-item03 .select-opt-cont {width:100%; display:flex; flex-direction:column; align-items:flex-end; margin-top: 20px;}
.fit-comm-pr-detail .pr-detail-info .right .info-item03 .select-opt-cont > div {width:100%; border-radius:2px; overflow: hidden; }
.fit-comm-pr-detail .pr-detail-info .right .info-item03 .select-opt-cont .select-opt {position: relative; width:100%; background:#F6F7F8; border-top:1px solid #E3E6ED; padding:24px 20px;}
.fit-comm-pr-detail .pr-detail-info .right .info-item03 .select-opt-cont .select-opt:first-child {margin-top:24px;}
/* .fit-comm-pr-detail .pr-detail-info .right .info-item03 .select-opt-cont .select-opt:last-child {margin-bottom:2px; border-bottom:0;} */
/* .fit-comm-pr-detail .pr-detail-info .right .info-item03 .select-opt-cont .select-opt:last-child {margin-bottom:2px; border-bottom:1px solid #000;} */
/* .fit-comm-pr-detail .pr-detail-info .right .info-item03 .select-opt-cont .select-opt .opt-top {width: 300px;} */
.fit-comm-pr-detail .pr-detail-info .right .info-item03 .select-opt-cont .select-opt .opt-top .item-left {font-size:1rem; color:#6B727C;}
.fit-comm-pr-detail .pr-detail-info .right .info-item03 .select-opt-cont .select-opt .opt-top .item-right i {font-size:1rem; color:#fff; padding:5px; background:#AAB1BB; border-radius:100px; cursor: pointer;}
.fit-comm-pr-detail .pr-detail-info .right .info-item03 .select-opt-cont .select-opt .opt-bot .item-left > div {display:flex; align-items:center;}
/* .fit-comm-pr-detail .pr-detail-info .right .info-item03 .select-opt-cont .select-opt .opt-bot .item-left > div i {font-size:1.1rem; background:#fff; padding:7.5px 8px; border:1px solid #E3E6ED; cursor: pointer;} */
.fit-comm-pr-detail .pr-detail-info .right .info-item03 .select-opt-cont .select-opt .opt-bot .item-left > div i.btn-down {border-radius:2px 0 0 2px;}
.fit-comm-pr-detail .pr-detail-info .right .info-item03 .select-opt-cont .select-opt .opt-bot .item-left > div i.btn-up {border-radius:0 2px 2px 0;}
/* .fit-comm-pr-detail .pr-detail-info .right .info-item03 .select-opt-cont .select-opt .opt-bot .item-left .input-amount {background:#fff; width:45px; text-align:center; padding:7px 8px; border-top:1px solid #E3E6ED; border-bottom:1px solid #E3E6ED; border-radius:0;} */
.fit-comm-pr-detail .pr-detail-info .right .info-item03 .select-opt-cont .select-opt .opt-bot .item-right {display:flex; align-items:center; font-size:1rem; }
.fit-comm-pr-detail .pr-detail-info .right .info-item03 .select-opt-cont .select-opt .opt-bot .item-right span {font-size:1rem; font-weight:700;}
/* .fit-comm-pr-detail .pr-detail-info .right .info-item03 .select-opt-cont .select-opt .opt-bot .btn-close {position: absolute; top: 20px; right: 20px; background-color: #AAB1BB; border-radius: 100px; color: #fff; font-size: 11px; padding: 6px; cursor: pointer;} */

.fit-comm-pr-detail .pr-detail-info .right .info-item04 {border-bottom:0;}
.fit-comm-pr-detail .pr-detail-info .right .info-item04 .pr-info-line .prif-tit {font-weight:600;}
.fit-comm-pr-detail .pr-detail-info .right .info-item04 .pr-info-line .item-data {justify-content:flex-end;}
.fit-comm-pr-detail .pr-detail-info .right .info-item04 .pr-info-line .item-data08 {display:flex; align-items:flex-end;}
.fit-comm-pr-detail .pr-detail-info .right .info-item04 .pr-info-line .item-data08 span {font-size:1.3rem; font-weight:600;}
.fit-comm-pr-detail .pr-detail-info .right .info-item04 .pr-info-line .item-data09 span {font-size:1.3rem; font-weight:600;}
/* .fit-pr-detail-wrap .pr-detail-info .right .info-item04 {border-top:1px solid #E3E6ED;} */


.fit-comm-pr-detail .pr-detail-info .right .right-bot .btn-form {margin-top:0;}
.fit-comm-pr-detail .pr-detail-info .right .right-bot .btn-form button {height:60px;}
.fit-comm-pr-detail .pr-detail-info .right .right-bot .btn-form button.wish-btn {display: inline-flex; align-items: center; justify-content: center;}
.fit-comm-pr-detail .pr-detail-info .right .right-bot .btn-form button.active i {color:red; }
.fit-comm-pr-detail .pr-detail-info .right .right-bot .btn-form button.active i.xi-heart-o {display: none;}
.fit-comm-pr-detail .pr-detail-info .right .right-bot .btn-form button.active i.xi-heart {display: inline-block;}
.fit-comm-pr-detail .pr-detail-info .right .right-bot .btn-form button i {font-size: 1.35rem;}
.fit-comm-pr-detail .pr-detail-info .right .right-bot .btn-form button i.xi-heart-o {display: inline-block;}
.fit-comm-pr-detail .pr-detail-info .right .right-bot .btn-form button i.xi-heart {display: none;}
.fit-comm-pr-detail .pr-detail-info .right .right-bot .btn-form .naverpay-btn {width:218px; border:1px solid #E3E6ED; background:#fff; color:#282C33;}
.fit-comm-pr-detail .pr-detail-info .right .right-bot .btn-form .naverpay-btn i {margin-right:12px; font-size:1.714rem; color:#1CBD2A;}
.fit-comm-pr-detail .pr-detail-info .right .right-bot .btn-form .buy-btn {width:290px; background: #1AD0FC;}
.fit-comm-pr-detail .pr-detail-info .right .right-bot .btn-form .buy-btn a {width:100%; height:100%; font-size:1rem; font-weight:700; color:#fff;}
.fit-comm-pr-detail .pr-detail-info .right .right-bot .nonMember-pay {width:100%; height:100%; font-size:1rem; font-weight:700; color:#fff; background-color:#E3E6ED; color:#6B727C; height:60px; border-radius:4px;}
/* .fit-comm-pr-detail .pr-detail-info .right button {width:100%; height: 310px; border-radius: 4px; background:#E3E6ED; font-size:1rem; font-weight: 700; color: #6B727C;} */

/* 상품리뷰 */
.fit-comm-pr-detail .s05 .com-mid {margin-top:80px;}

/* 상품문의 */
.fit-comm-pr-detail .s05 {margin-top:60px;}
.fit-comm-pr-detail .s05 .com-top {margin-bottom: 60px;}
.fit-comm-pr-detail .s05 .com-top .fit-board-tit {padding-bottom:12px; font-size:1.2rem; font-weight:700;}
.fit-comm-pr-detail .s05 .com-bot .qna-btn {color:#fff; padding:10px 20px; width:auto;}
.fit-comm-pr-detail .s05 .com-bot .qna-btn a {font-size:1rem; font-weight:400; color:#fff;}

.fit-comm-pr-detail .s05 .com-bot {margin-top:80px;}
.fit-comm-pr-detail .s05 .com-bot .fit-board-tit {padding-bottom:12px;}
.fit-comm-pr-detail .s05 .com-bot .fit-board-tit .left-tit,
.fit-comm-pr-detail .s05 .com-bot .fit-board-tit .left-tit span {display:flex; align-items:center; font-size:1rem;}
.fit-comm-pr-detail .s05 .com-bot .fit-board-tit .left-tit span {font-weight:400;}
.fit-comm-pr-detail .s05 .com-bot .fit-board-tit .left-tit > span {margin-left:4px;}
.fit-comm-pr-detail .s05 .com-bot .fit-board-tit .right-tit {display:inline-flex; align-items:center; margin-right:6px; font-size:1rem; font-weight:400;}
.fit-comm-pr-detail .s05 .com-bot .fit-board-tit .right-tit label {margin-left:12px;}

.fit-comm-pr-detail .s05 .fit-board-accordion-list .faq-wrap .faq-cate {border-top: 0;}
.fit-comm-pr-detail .s05 .fit-board-accordion-list.prd-faq-list .faq-wrap .faq-cate ol li.faq-top {padding:20px;}
.fit-comm-pr-detail .s05 .fit-board-accordion-list.prd-faq-list .faq-wrap .faq-cate ol li.faq-bot {/* display:block !important; */ background-color:#f8f8f8;}

/* 제품문의 */
.fit-comm-pr-detail .s05 .com-bot .bot-cont .faq-tit {padding:22px 24px; border-bottom:1px solid #E3E6ED;}
.fit-comm-pr-detail .s05 .com-bot .bot-cont .faq-tit .faq-item {font-size:1rem; font-weight:700; }
.fit-comm-pr-detail .s05 .com-bot .bot-cont .faq-item {text-align:center;}
.fit-comm-pr-detail .s05 .com-bot .bot-cont .faq-item.faq-item01 {width:80px; padding: 5px 10px; border:1px solid #585858; font-size:.9rem; color:#585858;}
.fit-comm-pr-detail .s05 .com-bot .bot-cont .faq-item02 {width:120px;}
/* .fit-comm-pr-detail .s05 .com-bot .bot-cont .faq-item03 {width:415px;} */
.fit-comm-pr-detail .s05 .com-bot .bot-cont .faq-item03 {width:415px;}
.fit-comm-pr-detail .s05 .com-bot .bot-cont .faq-item04 {width:100px;}
.fit-comm-pr-detail .s05 .com-bot .bot-cont .faq-item05 {width:100px;}

.fit-comm-pr-detail .s05 .faq-wrap .faq-cate ol li .table {width:100%;}
.fit-comm-pr-detail .s05 .faq-wrap .faq-cate ol li .table .device-cont {width:100%; align-items:center; justify-content: space-between;}
.fit-comm-pr-detail .s05 .faq-wrap .faq-cate ol li .table .device-cont {display: flex;}
.fit-comm-pr-detail .s05 .faq-wrap .faq-cate ol li .table .faq-item {font-weight:400;}
.fit-comm-pr-detail .s05 .faq-wrap .faq-cate ol li .table .faq-item04 {width: 100px;}
.fit-comm-pr-detail .s05 .faq-wrap .faq-cate ol li .table .faq-item03 {text-align:left; display:block; align-items:center; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; padding-right: 30px;}
.fit-comm-pr-detail .s05 .faq-wrap .faq-cate ol li .table .faq-item03 img {margin-right:5px; width:20px;}

.fit-comm-pr-detail .com-bot .faq-wrap .faq-cate ol .faq-bot {justify-content:flex-end; padding-right:0 !important;}
.fit-comm-pr-detail .com-bot .faq-wrap .faq-cate ol .faq-bot pre {width:425px !important;}
.fit-comm-pr-detail .com-bot .faq-wrap .faq-cate ol .faq-bot .faq-cont-wrap {display:flex; flex-direction:column; padding: 22px 20px 0 26%;}
.fit-comm-pr-detail .com-bot .faq-wrap .faq-cate ol .faq-bot .faq-cont-wrap > div {width:100%;}
.fit-comm-pr-detail .com-bot .faq-wrap .faq-cate ol .faq-bot .faq-cont-wrap .faq-cont {padding:0 11px 16px 18px; display: flex; align-items:flex-end; justify-content: space-between;}
.fit-comm-pr-detail .com-bot .faq-wrap .faq-cate ol .faq-bot .faq-cont-wrap .faq-cont:not(.faq-q) {padding:0 11px 22px 18px;}
.fit-comm-pr-detail .com-bot .faq-wrap .faq-cate ol .faq-bot .faq-cont-wrap .faq-cont.faq-q {border-bottom:0;}
.fit-comm-pr-detail .com-bot .faq-wrap .faq-cate ol .faq-bot .faq-cont-wrap .faq-cont.faq-q .faq-icon {font-size:0.929rem; color:#fff; width:35px; height:20px; background:#848D9A; border-radius:2px; display:flex; align-items:center; justify-content:center;}
/* .fit-comm-pr-detail .com-bot .faq-wrap .faq-cate ol .faq-bot .faq-cont-wrap .faq-cont:last-child {padding-left: 40px;} */
.fit-comm-pr-detail .com-bot .faq-wrap .faq-cate ol .faq-bot .faq-cont-wrap .faq-cont .btn-wrap {display: flex; align-items: center;}
.fit-comm-pr-detail .com-bot .faq-wrap .faq-cate ol .faq-bot .faq-cont-wrap .faq-cont .btn-wrap button {width: 39px; height: 24px; border-radius: 4px; display:flex; align-items: center; justify-content: center; border:1px solid #C2C7CF; border-radius: 2px; font-size: 0.929rem; font-weight: 500; color: #414853;}
.fit-comm-pr-detail .com-bot .faq-wrap .faq-cate ol .faq-bot .faq-cont-wrap .faq-cont .btn-wrap button:first-child {margin-right:6px;}
.fit-comm-pr-detail .com-bot .faq-wrap .faq-cate ol .faq-bot .faq-cont-wrap .faq-answer {padding:20px 2px 22px 18px; border-top:1px dashed #E3E6ED;}
.fit-comm-pr-detail .com-bot .faq-wrap .faq-cate ol .faq-bot .faq-cont-wrap .faq-answer .an-top {font-size:0.929rem; color:#fff; width:35px; height:20px; background:#848D9A; border-radius:2px; margin-bottom:16px;}
/* .fit-comm-pr-detail .com-bot .faq-wrap .faq-cate ol .faq-bot .faq-cont-wrap .faq-answer .an-bot {padding-left:15px;} */
.fit-comm-pr-detail .com-bot .faq-wrap .faq-cate ol .faq-bot .faq-cont-wrap .faq-answer .an-bot .an-item-mid {width: 100px; text-align: center; margin-right: 6px;}
.fit-comm-pr-detail .com-bot .faq-wrap .faq-cate ol .faq-bot .faq-cont-wrap .faq-answer .an-bot .an-item-right {width: 100px; text-align: center;}
.fit-comm-pr-detail .com-bot .faq-wrap .faq-cate ol .faq-bot .faq-cont-wrap .faq-answer .an-bot > div {font-size:1rem; color:#414853;}
.fit-comm-pr-detail .com-bot .faq-wrap .faq-cate ol .faq-item01.faq-complete {background-color:#585858; color:#fff;}
.fit-comm-pr-detail .com-bot .faq-wrap .faq-cate ol .faq-secret {color:#848D9A !important;}

/********** 팝업 **********/
/* 공통 */
.fit-comm-pr-detail .fit-pop-cont .pop-cont {width:auto; display: none;}
.fit-comm-pr-detail .fit-pop-cont .pop-cont .pop-info .pop-active-btn a {width:415px;}
.fit-comm-pr-detail .fit-pop-cont .pop-cont i.xi-error {color:#1AD0FC; font-size:4.571rem;}
/* 로그인 안내 */
/* .fit-comm-pr-detail .fit-pop-cont .login-notice-pop .btn-box button {width:204px !important; padding:0; height:60px; margin-top:0; font-size:1rem; font-weight:400; border:1px solid #282C33;} */
.fit-comm-pr-detail .fit-pop-cont .login-notice-pop .btn-box button.login-btn {border:0;}
.fit-comm-pr-detail .fit-pop-cont .login-notice-pop .btn-box button a {width:100% !important;}
.fit-comm-pr-detail .fit-pop-cont .login-notice-pop .btn-box .close-btn {margin-right:8px;}

@media screen and (max-width: 768px) {
  .fit-comm-pr-detail .pr-detail-info {padding-bottom: 0 !important;}
  .fit-comm-pr-detail .pr-detail-info .left .slick-slider .slick-list .slick-track {height: 100%;}
  .fit-comm-pr-detail .pr-detail-info .right .right-top {padding-bottom:16px;}
  .fit-pr-detail-wrap .pr-detail-info .right .pr-info-item.info-item04 {border: 0;}
  .fit-comm-pr-detail .pr-detail-info .right .pr-info-item .item-info04 {display: flex; align-items: center;}
  .fit-pr-detail-wrap .pr-detail-info .right .pr-info-item .pr-info-line .prif-tit {width: 100%; /* width: 120px; */}
  .fit-comm-pr-detail .pr-detail-info .right .pr-info-item:nth-child(n+3):nth-child(-n+5) .pr-info-line .item-data {width: 100%;font-weight: 600; display: flex; align-items: center;}
  .fit-comm-pr-detail .pr-detail-info .right .info-item01 {/* border-top: 1px solid #E3E6ED; */ padding: 16px 0;}
  .fit-comm-pr-detail .pr-detail-info .right .info-item01 .pr-info-line .item-data01,
  .fit-comm-pr-detail .pr-detail-info .right .info-item01 .pr-info-line .item-data01 span {font-size:1rem;}
  .fit-comm-pr-detail .pr-detail-info .right .info-item01 .pr-info-line .item-data02, .fit-comm-pr-detail .pr-detail-info .right .info-item01 .pr-info-line .item-data02 span {font-size:1.571rem;}
  .fit-comm-pr-detail .pr-detail-info .right .info-item01 .pr-info-line .item-data03 {font-size:1rem; align-items: center;}
  .fit-comm-pr-detail .pr-detail-info .right .info-item01 .pr-info-line .item-data03 span {font-size:1.571rem; margin-bottom: 0;}
  .fit-pr-detail-wrap .pr-detail-info .right .info-item02 {border-bottom: 0; padding-bottom: 28px;}
  .fit-pr-detail-wrap .pr-detail-info .right .info-item02 .pr-info-line {margin-bottom: 12px;}
  .fit-comm-pr-detail .pr-detail-info .right .info-item02 .pr-info-line .item-data04 span {font-weight: 600;}
  .fit-comm-pr-detail .pr-detail-info .right .info-item02 .pr-info-line .item-data04 span:first-child {margin: 0;}
  .fit-comm-pr-detail .pr-detail-info .right .info-item03 .item-info06 {flex-direction: column;}
  .fit-comm-pr-detail .pr-detail-info .right .info-item03 .item-info06 .prif-tit {margin-bottom: 7px !important;}
  .fit-comm-pr-detail .pr-detail-info .right .info-item03 .item-info06 .pr-info-line  {flex-direction: column; align-items: flex-start; margin-bottom:8px;}
  .fit-comm-pr-detail .pr-detail-info .right .info-item03 .item-data06 {width: 100%;}

  .fit-comm-pr-detail .page-tab {padding: 14px 20px 0; border-top:8px solid #F6F7F8; margin-top: 14px;}

  /* .fit-comm-pr-detail .s05 {padding: 0 20px 60px;} */
  .fit-comm-pr-detail .s05 .com-mid {margin-top: 60px;}
  .fit-comm-pr-detail .s05 .com-top .fit-board-tit {font-size:1rem;}
  .fit-comm-pr-detail .s05 .fit-board-accordion-list .faq-wrap .faq-cate ol li {padding: 16px 8px;}
  .fit-comm-pr-detail .s05 .fit-board-accordion-list .faq-wrap .faq-cate ol li.faq-bot {padding: 0 !important;}
  .fit-comm-pr-detail .s05 .fit-board-accordion-list.com-top .faq-wrap .faq-cate ol li.faq-bot pre {padding: 20px 14px; border-bottom: 1px solid #E3E6ED;}
  .fit-comm-pr-detail .s05 .com-bot .qna-btn {margin-top: 24px; width: 100%; height: 50px; font-size: 1rem !important; font-weight: 400;}
  .fit-comm-pr-detail .s05 .com-bot {margin-top: 58px; padding-bottom: 70px;}
  .fit-comm-pr-detail .s05 .com-bot .fit-board-tit .left-tit, .fit-comm-pr-detail .s05 .com-bot .fit-board-tit .left-tit span {font-size:1rem;}
  .fit-comm-pr-detail .s05 .com-bot .fit-board-tit .right-tit {font-size: 1rem;}
  .fit-comm-pr-detail .s05 .com-bot .fit-board-tit {display: revert; padding-bottom: 8px;}
  .fit-comm-pr-detail .s05 .com-bot .fit-board-tit .left-tit > span {margin: 0;}
  .pr-detail-qna-top {margin-top: 10px;}
  .fit-comm-pr-detail .s05 .com-bot .bot-cont .faq-tit {display: none;}
  .fit-comm-pr-detail .s05 .faq-wrap .faq-cate ol li .table {display: revert;}
  /* .fit-comm-pr-detail .s05 .faq-wrap .faq-cate ol li .table .device-cont.pc{display:none !important;} */
  .fit-comm-pr-detail .s05 .faq-wrap .faq-cate ol li .table .device-cont {display: revert;}
  .fit-comm-pr-detail .s05 .faq-wrap .faq-cate ol li .table .device-cont.mobile{flex-direction:column;}
  .fit-comm-pr-detail .s05 .faq-wrap .faq-cate ol li .table .table-top {padding: 0; border: 0; display: revert; width: 100%;}
  .fit-comm-pr-detail .s05 .faq-wrap .faq-cate ol li .table .faq-item02 span {font-size: 1rem; color:#6B727C;}
  .fit-comm-pr-detail .s05 .faq-wrap .faq-cate ol li .table .table-top >  div {margin-bottom: 16px;}
  .fit-comm-pr-detail .s05 .faq-wrap .faq-cate ol li .table .faq-item03 {width: 100%; display:flex; align-items:center; margin:0 0 7px; padding-right:0;}
  .fit-comm-pr-detail .s05 .faq-wrap .faq-cate ol li .table .faq-item03.faq-secret > span:first-child {color: #848D9A;}
  .fit-comm-pr-detail .s05 .faq-wrap .faq-cate ol li .table .faq-item03 span.keepText {max-width: 250px;}
  .fit-comm-pr-detail .s05 .faq-wrap .faq-cate ol li .table .faq-item03 img {width: 18px; margin-right: 2px;}
  .fit-comm-pr-detail .s05 .faq-wrap .faq-cate ol li .table .faq-item03 > span:last-child {font-weight: 700;}
  .fit-comm-pr-detail .s05 .faq-wrap .faq-cate ol li .table .faq-item03 .faq-complete {font-weight: 700;}
  .fit-comm-pr-detail .s05 .faq-wrap .faq-cate ol li .table .faq-item04 {float: left; width: auto;}
  .fit-comm-pr-detail .s05 .faq-wrap .faq-cate ol li .table .faq-item04 span {font-size: 0.857rem; font-weight: 400; color: #6B727C;}
  .fit-comm-pr-detail .s05 .faq-wrap .faq-cate ol li .table .faq-item04 span.faq-item05 {margin-right: 5px;}
  .fit-comm-pr-detail .s05 .faq-wrap .faq-cate ol li .table .faq-item05 {float: right;}
  .fit-comm-pr-detail .s05 .faq-wrap .faq-cate ol li .table .faq-item {font-weight: 400;}
  .fit-comm-pr-detail .s05 .faq-wrap .faq-cate ol li .table .faq-item,
  .fit-comm-pr-detail .s05 .faq-wrap .faq-cate ol li .table .faq-item03 {font-size: 1rem;}
  .fit-comm-pr-detail .s05 .faq-wrap .faq-cate ol li .table .table-bot > div {display: flex; align-items: center;}
  .fit-comm-pr-detail .s05 .faq-wrap .faq-cate ol li .table .table-bot div {font-size:0.857rem; font-weight: 400; color: #6B727C;}
  .fit-comm-pr-detail .s05 .com-bot .bot-cont .faq-item01,
  .fit-comm-pr-detail .s05 .com-bot .bot-cont .faq-item05,
  .fit-comm-pr-detail .s05 .com-bot .bot-cont .faq-item04 {width: auto;}
  .fit-comm-pr-detail .com-bot .faq-wrap .faq-cate ol .faq-bot {padding: 20px 16px !important;}
  .fit-comm-pr-detail .com-bot .faq-wrap .faq-cate ol .faq-bot .faq-cont-wrap .faq-answer .an-bot,
  .fit-comm-pr-detail .com-bot .faq-wrap .faq-cate ol .faq-bot .faq-cont-wrap .faq-cont {display: revert;}
  .fit-comm-pr-detail .com-bot .faq-wrap .faq-cate ol .faq-bot .faq-cont-wrap > div,
  .fit-comm-pr-detail .com-bot .faq-wrap .faq-cate ol .faq-bot pre {width: 100% !important;}
  .fit-comm-pr-detail .com-bot .faq-wrap .faq-cate ol .faq-bot .faq-cont-wrap .faq-cont {padding:12px 0 16px !important;}
  .fit-comm-pr-detail .com-bot .faq-wrap .faq-cate ol .faq-bot .faq-cont-wrap .faq-answer {padding:16px 0;}
  .fit-comm-pr-detail .com-bot .faq-wrap .faq-cate ol .faq-bot .faq-cont-wrap .faq-cont .btn-wrap {justify-content: flex-end; margin-top: 12px;}
  .fit-comm-pr-detail .com-bot .faq-wrap .faq-cate ol .faq-bot .faq-cont-wrap .faq-cont .btn-wrap button {font-size:0.929rem !important; width: 48px; height: 28px;}
  .fit-comm-pr-detail .com-bot .faq-wrap .faq-cate ol .faq-bot .faq-cont-wrap .faq-answer .an-top {margin-bottom: 12px; margin-left: 0; font-size:0.929rem; font-weight: 400; width: 35px; height: 21px;}
  .fit-comm-pr-detail .com-bot .faq-wrap .faq-cate ol .faq-bot .faq-cont-wrap .faq-answer .an-bot > div {display: flex; align-items: center; margin-top: 16px;}
  .fit-comm-pr-detail .com-bot .faq-wrap .faq-cate ol .faq-bot .faq-cont-wrap .faq-answer .an-bot div {font-size:0.857rem; color: #6B727C; font-weight: 400;}
  .fit-comm-pr-detail .com-bot .faq-wrap .faq-cate ol .faq-bot .faq-cont-wrap .faq-answer .an-bot .an-item-mid {margin-right: 3px;}
  .fit-comm-pr-detail .com-bot .faq-wrap .faq-cate ol .faq-bot .faq-cont-wrap .faq-answer .an-bot .an-item-mid,
  .fit-comm-pr-detail .com-bot .faq-wrap .faq-cate ol .faq-bot .faq-cont-wrap .faq-answer .an-bot .an-item-right {display: inline-block; width:auto;}
  .fit-comm-pr-detail .com-bot .faq-wrap .faq-cate ol .faq-bot .faq-cont-wrap .faq-cont .btn-wrap button {border-color: #E3E6ED;}

  /* 기간 만료된 마켓 버튼 */
  .fit-pr-detail-wrap .pr-detail-info .right .buy-btn {margin-top: 0 !important;}

  .btn-fixed {position: fixed;bottom: 0; left: 0; width: 100%; z-index: 100;}
  .btn-fixed .prd-buy { padding: 25px 0; background: #282C33;}
  .btn-fixed .prd-buy div {font-size:1rem; font-weight:700; color: #fff;}
  .btn-fixed .prd-buy.login-btn {background: #E3E6ED !important; padding: 0; margin: 0; border-radius: 0; border: 0; height: 100% !important;}
  .btn-fixed .prd-buy.login-btn > div {color: #6B727C;}
  .fit-comm-pr-detail .pr-detail-info .right button {height: 100%;}
  .btn-fixed .img-box {margin-left: 12px; width: 24px; height: 24px; border-radius: 4px; overflow: hidden;}
  .btn-fixed .img-box img {width: 100%; height: 100%;}
  .btn-fixed button {background: #282C33; width: 100%; height: 100%; font-size:1rem !important; font-weight: 700; color: #fff;}
  .btn-fixed button.buy-btn {background: #282C33;}
  .btn-fixed .pay-btn {width:100%; height:100%; font-size:1rem; font-weight:700; color:#fff; background-color:#E3E6ED; color:#6B727C;}
  
  
  .buy-option-wrap {position: fixed; bottom: 0; left: 0; width: 100%; height:0; overflow: hidden; z-index: 10001; background:rgba(0,0,0,.6);/*  transition:all .5s; */}
  .buy-option-wrap.active {height: 100%;}
  
  .buy-option-wrap .op-wrap {background: #fff; border-radius: 25px 25px 0 0; position: absolute; bottom: 0; left: 0; width: 100%;}
  .buy-option-wrap .op-wrap.active {display: block;}
  .buy-option-wrap .op-wrap > div {padding: 20px 20px 0; overflow-y: scroll; max-height: 450px;}  
  .buy-option-wrap .op-wrap > div { -ms-overflow-style: none; }
  .buy-option-wrap .op-wrap > div::-webkit-scrollbar{ display:none; }
  
  .buy-option-wrap .op-wrap .xi-angle-down {font-size:1.571rem; display: flex; align-items: center; justify-content: center;}
  
  .buy-option-wrap .op-wrap .pr-info-item {padding:20px 0 40px;}
  .buy-option-wrap .op-wrap .info-item03 .select-opt-cont .select-opt {position: relative; width: 100%;}
  .buy-option-wrap .op-wrap .info-item03 .select-opt-cont .select-opt:last-child {width: 100%; padding: 16px;}
  .fit-comm-pr-detail .pr-detail-info .right .info-item03 .select-opt-cont .select-opt {width: 100%; padding: 20px;}
  .fit-comm-pr-detail .pr-detail-info .right .info-item03 .select-opt-cont .select-opt .opt-top {width: 80%; margin-bottom: 16px;}
  .fit-comm-pr-detail .pr-detail-info .right .info-item03 .select-opt-cont .select-opt .opt-top .item-right {position: absolute; top: 12px; right: 16px;}
  .buy-option-wrap .op-wrap .info-item03 .select-opt-cont .select-opt .opt-top .item-left {font-size:1rem;}
  .buy-option-wrap .op-wrap .pr-info-item {border: 0; padding:0 0 16px 0;}
  
  .buy-option-wrap .op-wrap .item-info07 .item-data08 {width: auto !important; font-size:1rem !important;}
  .buy-option-wrap .op-wrap .item-info07 .item-data08 span {font-size:1.571rem !important; margin-bottom: 0px !important;}
  .buy-option-wrap .op-wrap .pr-info-line .prif-tit {font-size:1rem !important; font-weight: 700 !important; color:#282C33 !important;}
  
  .buy-option-wrap .op-wrap .btn-form {width: 100%; padding: 0 !important; height: 70px;}
  .buy-option-wrap .op-wrap .btn-form > div {height: 100%;}
  .buy-option-wrap .op-wrap .btn-form button {width: 100%; height: 100%; font-size:1rem !important; font-weight: 700;}
  .buy-option-wrap .op-wrap .btn-form button a {display: flex; width: 100%; height: 100%; font-size:1rem !important;}
  .buy-option-wrap .op-wrap .img-box {margin-left: 12px; width: 24px; height: 24px; border-radius: 4px; overflow: hidden;}
  .buy-option-wrap .op-wrap .img-box img {width: 100%; height: 100%;}
  
  .buy-option-wrap .op-wrap .btn-form button .img-box {margin-left: 0; margin-right: 12px;}
  .buy-option-wrap .op-wrap .btn-form button:first-child {border-top:1px solid #F6F7F8;}
  .buy-option-wrap .op-wrap .btn-form button.buy-btn {background: #282C33;}
  .buy-option-wrap .op-wrap .btn-form button.buy-btn a {color: #fff;}
  .buy-option-wrap .op-wrap .btn-form button.login-btn {background: #E3E6ED; margin:0; border:0; border-radius: 0; width: 100%;}
  .buy-option-wrap .op-wrap .btn-form button.login-btn a {color:#6B727C;}
  .buy-option-wrap .op-wrap .btn-form button.login-buy-btn {background: #282C33; width: 100%;}
  .buy-option-wrap .op-wrap .btn-form button.login-buy-btn a {color:#fff;}

  .fit-comm-pr-detail .fit-pop-cont .pop-cont {width: 100%; border-radius:0;}
  .fit-comm-pr-detail .fit-pr-detail-wrap .fit-pop-cont .pop-cont .pop-info p {font-size:1rem; margin: 16px auto 32px;}
  .fit-comm-pr-detail .fit-pop-cont .login-notice-pop .btn-box button {height: 48px;}

  .fit-comm-pr-detail .fit-comm-pr-detail .fit-pop-cont .complete-pop {width: 90% !important;}
  .fit-comm-pr-detail .fit-comm-pr-detail .fit-pop-cont .complete-pop img {width:52px !important;}

}
/* 소비자 - 상품상세 끝 ************************************************************************************/








/********** 취소/교환/반품_상세 **********/
.inqu-order-detail .se02 .table-header {padding:22px 20px;}
.inqu-order-detail .se02 .table-header .item-title .product {width: 85%;}
.inqu-order-detail .se02 .table-header .item-title .product .pr-info {width: 75%;}
.inqu-order-detail .se02 .table-header .item-title .pr-status {padding: 0;}
.inqu-order-detail .se02 .table-body .item {padding: 0 20px;}
.inqu-order-detail .se02 .table-body .item .product-list {width: 85%;}
.inqu-order-detail .se02 .table-body .item .product .pr-info {width: 75%;}
.inqu-order-detail .se02 .table-body .item:last-child .product {border: 0;}
.inqu-order-detail .se02 .table-body .item:last-child .pr-status {border: 0;}
.inqu-order-detail .se02 .table-body .item .pr-status {padding: 0;}
.inqu-order-detail .se02 .bot-cont {margin-top:32px;}
.inqu-order-detail .se02 .bot-cont .fit-form-tit {padding:22px 0; margin-bottom:22px; border-top:2px solid #282C33; border-bottom:1px solid #E3E6ED;}
.inqu-order-detail .se02 .bot-cont .fit-form-tit p {font-size:1rem;}
.inqu-order-detail .se02 .bot-cont .item-table {margin-top: 60px;}
.inqu-order-detail .se02 .bot-cont .item-table:first-child {margin-top: 0;}
.inqu-order-detail .se02 .bot-cont .item-table .table-item {display:flex; align-items:Center; margin-bottom:16px;}
.inqu-order-detail .se02 .bot-cont .item-table .table-item:last-child {margin-bottom:0;}
.inqu-order-detail .se02 .bot-cont .item-table .table-item span {font-size:1rem;}
.inqu-order-detail .se02 .bot-cont .item-table .table-item .item-tit {color:#414853; width:180px; display:inline-block;}
.inqu-order-detail .se02 .bot-cont .item-table .table-item .item-cont {display:flex; align-items:Center;}
.inqu-order-detail .se02 .bot-cont .item-table .table-item .item-cont .bill-btn {margin-left: 12px;}
.inqu-order-detail .se02 .bot-cont .item-table .table-item .item-cont .bill-btn,
.inqu-order-detail .se02 .bot-cont .item-table .table-item .item-cont .bill-btn a {color:#287EFF; text-decoration:underline; cursor: pointer; font-size: 1rem;}
/* 버튼 */
.inqu-order-detail .list-btn {margin:78px auto 0; background: #282C33; border-radius: 4px; width: 280px; height: 60px; display: flex;}
.inqu-order-detail .list-btn a {color: #fff; font-size: 1rem; font-weight: 700; }

/* 주문취소 */
.fit-or-cancel-wrap .td-thumbnail .prd-data {max-width: 70% !important;}
.fit-or-cancel-wrap .fit-inquiry-pop .pop-cont {overflow: hidden; padding: 0;}
.fit-or-cancel-wrap .item-table {margin: 20px 0;}
.fit-or-cancel-wrap .item-table select {border: 1px solid #c4c4c4; padding: 5px 10px; width: 30%; cursor: pointer;}
.fit-or-cancel-wrap .cancel-btn-cont {text-align: center; margin-top: 50px;}
.fit-or-cancel-wrap .cancel-btn-cont .submit-btn {padding: 15px 80px; background: #1159FE; color: #fff; font-size: 16px; font-weight: 700; border:0;}
@media screen and (max-width: 768px) {
  .inqu-order-detail .se02 {padding: 0 20px;}
  .inqu-order-detail .se02 .table-body {padding: 0;}
  .inqu-order-detail .se02 .table-body .item-box {padding:0 16px; border: 1px solid #E3E6ED;}
  .inqu-order-detail .se02 .table-body .item {padding: 20px 0; border: 0; border-bottom: 1px solid #E3E6ED;}
  .inqu-order-detail .se02 .table-body .item:last-child {border: 0;}
  .inqu-order-detail .se02 .table-body .item .product-list {width: 100%;}
  .inqu-order-detail .se02 .table-body .item .product .pr-info {width: 100%;}
  .inqu-order-detail .se02 .table-body .item .pr-status {padding-left: 102px;}
  .inqu-order-detail .se02 .bot-cont .fit-form-tit {border-bottom:2px solid #282C33; border-top:0; padding: 0 0 12px 0; margin-bottom: 16px;}
  .inqu-order-detail .se02 .bot-cont .item-table {padding-bottom: 16px; border-bottom: 1px solid #E3E6ED; margin-top: 32px;}
  .inqu-order-detail .se02 .bot-cont .item-table .table-item {margin-bottom: 12px;}
  .inqu-order-detail .se02 .bot-cont .fit-form-tit p {font-size:1rem;}
  .inqu-order-detail .se02 .bot-cont .item-table .table-item span {font-size:1rem;}
  .inqu-order-detail .se02 .bot-cont .item-table .table-item .item-tit {width: 30%;}
  .inqu-order-detail .se02 .bot-cont .item-table .table-item .item-cont {flex-wrap: wrap; width: 70%;}
  .inqu-order-detail .se02 .bot-cont .item-table .table-item .item-cont .bill-btn {font-size: 16px;}
  /* 버튼 */
  .inqu-order-detail .list-btn {width: 100%; height: 50px; margin-top: 24px;}
  .inqu-order-detail .list-btn a {font-size: 1rem !important; font-weight: 400;}

  /* 주문취소 */
  .fit-or-cancel-wrap .td-thumbnail .prd-data {max-width: 100% !important;}
  .fit-or-cancel-wrap .item-table select {width: 100%;}
}
/********** 취소/교환/반품_상세 끝 **********/









/* 220302 TLINK 수정 */
/* 마켓상품 등록일 경우, */
.fit-t-link .cont-sec03 .design_status_insert .table .left-item {}
.fit-t-link .cont-sec03 .design_status_insert .table .left-item .xi-bars {display:none;}
.fit-t-link .cont-sec03 .design_status_insert .table .right-item {border-left:none;}
/* .fit-t-link .cont-sec03 .design_status_insert .table .right-item .btn-box {margin-top:20px;} */


/* 마켓상품 수정일 경우 */
.fit-t-link .cont-sec03 .get-list .design_status_update .table .right-item {display:block;}
.fit-t-link .cont-sec03 .get-list .design_status_update .table .right-item .table-top .data-right {flex:1;}
.fit-t-link .cont-sec03 .get-list .design_status_update .table .right-item .table-top .data-right .item02 input {width:100%;}
.fit-t-link .cont-sec03 .get-list .design_status_update .table .right-item .btn-box {position:relative; top:inherit; right:inherit;}

.fit-t-link .cont-sec03 .get-list .design_status_update .table {display:flex; align-items:center;}
/* .fit-t-link .cont-sec03 .get-list .design_status_update .table .left-item i {font-size:1.571rem; color:#6B727C; cursor: pointer; padding:0 31px;} */
.fit-t-link .cont-sec03 .get-list .design_status_update .table .right-item {border-left:1px solid #E3E6ED; padding-left:28px; width:100%;}
.fit-t-link .cont-sec03 .get-list .design_status_update .table .right-item .table-top {display:flex; align-items:flex-start;}
.fit-t-link .cont-sec03 .get-list .design_status_update .table .right-item .table-top .item01 {position: relative; width:150px; height:150px; background-color:#EFF1F5; border-radius:2px;}
.fit-t-link .cont-sec03 .get-list .design_status_update .table .right-item .table-top .item01 > div:first-child {width:150px; height:150px; overflow: hidden; border-radius:5px;}
.fit-t-link .cont-sec03 .get-list .design_status_update .table .right-item .table-top .item01 > div:first-child img {width:100%; height:100%; object-fit:cover;}
.fit-t-link .cont-sec03 .get-list .design_status_update .table .right-item .table-top .item01 > div:last-child {position: absolute; top:109px; right:8px;}
.fit-t-link .cont-sec03 .get-list .design_status_update .table .right-item .table-top .item01 > div:last-child > i {font-size:1.2rem; color:#6B727C; background:#fff; padding:9px; border-radius:100px; cursor: pointer; opacity: .6;}
.fit-t-link .cont-sec03 .get-list .design_status_update .table .right-item .table-top .item01 > div:last-child .fit-guide-popup {width:118px; left:-14px; top:50px;}
.fit-t-link .cont-sec03 .get-list .design_status_update .table .right-item .table-top .item01 > div:last-child .fit-guide-popup::before {top: -8px; left: 23px;}
.fit-t-link .cont-sec03 .get-list .design_status_update .table .right-item .table-top .item01 .image-cont-area {width:150px; height:150px; overflow:hidden; display:inline-flex; align-items:center; justify-content:center;}
/* .fit-t-link .cont-sec03 .get-list .design_status_update .table .right-item .table-top .item01 .image-cont-area img.bg {width: 100%; height: 100%; object-fit: cover;} */
.fit-t-link .cont-sec03 .get-list .design_status_update .table .right-item .table-top .item02 {}
.fit-t-link .cont-sec03 .get-list .design_status_update .table .right-item .table-top .item02 input {width:100%;}
.fit-t-link .cont-sec03 .get-list .design_status_update .table .right-item .table-top .prd-item-comm {margin-bottom:30px;}
.fit-t-link .cont-sec03 .get-list .design_status_update .table .right-item .table-top .prd-item-comm.item04 {margin-bottom:0;}
.fit-t-link .cont-sec03 .get-list .design_status_update .table .right-item .table-top .prd-item-comm .item-tit {font-size:18px; font-weight:600; margin-bottom:7px;}
.fit-t-link .cont-sec03 .get-list .design_status_update .table .right-item .table-top .data-right {margin-left:28px; flex:1;}
.fit-t-link .cont-sec03 .get-list .design_status_update .table .right-item .table-top .data-right .item-data {width:100%; margin-bottom:40px;}
.fit-t-link .cont-sec03 .get-list .design_status_update .table .right-item .table-top .data-right .item-data:last-child {margin-bottom:0;}
.fit-t-link .cont-sec03 .get-list .design_status_update .table .right-item .table-top .data-right .item-data .item-tit {font-size:1rem; font-weight:700; margin-bottom:7px;}
.fit-t-link .cont-sec03 .get-list .design_status_update .right-item .table-top .pr-op-select {z-index: 1; background:#fff; position: relative; width:100%; height:44px; border:1px solid #E3E6ED; border-radius:4px; padding:0 24px; display:flex; align-items:center; cursor:pointer;}
.fit-t-link .cont-sec03 .get-list .design_status_update .right-item .table-top .pr-op-select .xi-angle-down {position: absolute; top:50%; right:25px; transform:translateY(-50%); font-size:1.071rem; color:#6B727C;}
.fit-t-link .cont-sec03 .get-list .design_status_update .right-item .table-top .pr-op-select.active .xi-angle-down {transform:translateY(-50%)rotate(180deg);}
.fit-t-link .cont-sec03 .get-list .design_status_update .right-item .table-top .pr-op-select .text-tit {color:#AAB1BB; font-size:1.2rem;}
.fit-t-link .cont-sec03 .get-list .design_status_update .right-item .table-top .pr-op-select .prd-groupsell-list {display:none; position:absolute; top:100%; left:0; width:100%;}
.fit-t-link .cont-sec03 .get-list .design_status_update .right-item .table-top .pr-op-select.active .prd-groupsell-list {display:block; overflow-y: scroll; z-index: 1; background:#fff; border:1px solid #EFF1F5; max-height:283px;}
.fit-t-link .cont-sec03 .get-list .design_status_update .right-item .table-top .pr-op-select .prd-groupsell-list .option-list {border-radius:4px;/* position: absolute; top: 100%; left: 0; */width: 100%; border-bottom:1px solid #EFF1F5; margin-bottom:0;}
/* .fit-t-link .cont-sec03 .get-list .design_status_update .right-item .table-top .pr-op-select.active .prd-groupsell-list .option-list {overflow-y: scroll; z-index: 1; background:#fff; border:1px solid #EFF1F5; max-height:283px;} */
.fit-t-link .cont-sec03 .get-list .design_status_update .right-item .table-top .pr-op-select .prd-groupsell-list .option-list .pr-option {display:flex; align-items:Center; padding:20px 24px; border-bottom:1px solid #EFF1F5;}
.fit-t-link .cont-sec03 .get-list .design_status_update .right-item .table-top .pr-op-select .prd-groupsell-list .option-list .pr-option:last-child {border-bottom:0;}
.fit-t-link .cont-sec03 .get-list .design_status_update .right-item .table-top .pr-op-select .prd-groupsell-list .option-list .pr-option .left-box {width:100px; height:100px; overflow:hidden; border-radius: 5px; margin-right:20px;}
.fit-t-link .cont-sec03 .get-list .design_status_update .right-item .table-top .pr-op-select .prd-groupsell-list .option-list .pr-option .left-box img {width:100%; height:100%; object-fit:cover;}
.fit-t-link .cont-sec03 .get-list .design_status_update .right-item .table-top .pr-op-select .prd-groupsell-list .option-list .pr-option .right-box .op-item01 {font-size:1rem; color:#6B727C;}
.fit-t-link .cont-sec03 .get-list .design_status_update .right-item .table-top .pr-op-select .prd-groupsell-list .option-list .pr-option .right-box .op-item02 {font-size:1rem; font-weight:700; margin:1px 0 16px;}
.fit-t-link .cont-sec03 .get-list .design_status_update .right-item .table-top .pr-op-select .prd-groupsell-list .option-list .pr-option .right-box .op-item03 {display:flex; align-items:center; font-size:1rem; color:#287EFF; font-weight:700;}
.fit-t-link .cont-sec03 .get-list .design_status_update .right-item .table-top .pr-op-select .prd-groupsell-list .option-list .pr-option .right-box .op-item03 span {font-size:1rem; color:#287EFF; font-weight:700;}
.fit-t-link .cont-sec03 .get-list .design_status_update .table .right-item .table-top .data-right .item04 .item-tit {position: relative;}
.fit-t-link .cont-sec03 .get-list .design_status_update .table .right-item .table-top .data-right .item04 .item-tit > i {font-size:1.714rem; color:#AAB1BB; margin-left:8px; cursor: pointer;}
.fit-t-link .cont-sec03 .get-list .design_status_update .table .right-item .table-top .data-right .item04 .fit-guide-popup {top:35px; z-index: 1; left:52px;}
.fit-t-link .cont-sec03 .get-list .design_status_update .table .right-item .table-top .data-right .item04 .fit-guide-popup::before {top:-8px; left: 21px;}
.fit-t-link .cont-sec03 .get-list .design_status_update .table .right-item .table-top .data-right  input, 
.fit-t-link .cont-sec03 .get-list .design_status_update .table .right-item .table-top .data-right select {width:100%; border: 1px solid #E3E6ED; border-radius: 4px;}
.fit-t-link .cont-sec03 .get-list .design_status_update .table .right-item .table-top .data-right .item04 .date-box {display:flex; align-items:center; font-size:1.2rem; font-weight:600;}
.fit-t-link .cont-sec03 .get-list .design_status_update .table .right-item .table-top .data-right .item04 .date-box span {flex:1;}
.fit-t-link .cont-sec03 .get-list .design_status_update .table .right-item .table-top .data-right .item04 span {position: relative;}
.fit-t-link .cont-sec03 .get-list .design_status_update .table .right-item .table-top .data-right .item04 span img {position: absolute; top:50%; right:16px; transform:translateY(-50%);}
/* 버튼 */
.fit-t-link .cont-sec03 .get-list .design_status_update .table .right-item .btn-box {margin-top:50px;}
.fit-t-link .cont-sec03 .get-list .design_status_update .table .right-item .btn-box button {border:1px solid #414853; border-radius:4px; font-size:1rem; font-weight:500; padding:16px 0 15px;}
.fit-t-link .cont-sec03 .get-list .design_status_update .table .right-item .btn-box .cancel-btn {width: 280px; color:#414853;}
.fit-t-link .cont-sec03 .get-list .design_status_update .table .right-item .btn-box .confirm-btn {width: 534px; margin-left:10px; background:#414853; color:#fff;}

.fit-t-link .cont-sec03 .get-list .design_status_update .table .right-item .item01 {overflow:visible;}



/* 220302 - 임시 */
.tlink-alert {color:red; font-weight:bold; flex:1; text-align:center; font-size:1.2rem;}
@media screen and (max-width:768px) {
    .tlink-alert {text-align:left; font-size:.9rem; padding:4px 0 0;}
}



/* 220312 취/교/환 신청 완료 */

.top-cont[data-canvas="getOrderProduct"] {border:1px solid #E3E6ED; border-radius:2px; padding:20px 42px 20px 24px; margin-top:25px; width:100%;}
.top-cont[data-canvas="getOrderProduct"] .item-data {display: flex; align-items:flex-start;; padding: 20px 0; border-bottom: 1px solid #E3E6ED;}
.top-cont[data-canvas="getOrderProduct"] .item-data:first-child {padding-top: 0;}
.top-cont[data-canvas="getOrderProduct"] .item-data:last-child {padding-bottom: 0; border-bottom:0;}
.top-cont[data-canvas="getOrderProduct"] .item-thumb {width:110px; height:118px; overflow: hidden; margin-right:26px;}
.top-cont[data-canvas="getOrderProduct"] .item-thumb img {width:100%; height:100%; object-fit:cover;}
.top-cont[data-canvas="getOrderProduct"] .item-info {text-align:left; flex:1;}
.top-cont[data-canvas="getOrderProduct"] .item-info .pr-name {font-size:1rem; display:flex; align-items:Center; margin-bottom:10px;}
.top-cont[data-canvas="getOrderProduct"] .item-info .pr-name span {font-size:1rem; font-weight:700; margin-right:5px;}
.top-cont[data-canvas="getOrderProduct"] .pr-op p,
.top-cont[data-canvas="getOrderProduct"] .pr-op p span {font-size:1rem; color:#6B727C;}
.top-cont[data-canvas="getOrderProduct"] .pr-op p {display:flex; align-items:Center; line-height:22px;}
/* .top-cont[data-canvas="getOrderProduct"] .pr-op p span {margin-left:4px;} */
.top-cont[data-canvas="getOrderProduct"] .item-info p.pr-price {display:flex; align-items:center; margin-top:3px;}
.top-cont[data-canvas="getOrderProduct"] .item-info p.pr-price,
.top-cont[data-canvas="getOrderProduct"] .item-info p.pr-price span {font-size:1rem; font-weight:700; display:flex; align-items:Center;}
.fit-comm-or-cancel .top-cont .option-table {margin-top: 18px;}
.fit-comm-or-cancel .top-cont .option-table .item-tit {font-size:20px; font-weight:400;}
.fit-comm-or-cancel .top-cont .option-table .item-cont {width:43.75vw;}

.top-cont[data-canvas="getOrderProduct"] .option[data-canvas='getListOrderProductOption'] .item-data {padding:0; border-bottom:none; flex-wrap: wrap;}

@media screen and (max-width: 768px) {
    /* .item-option-badge {display:block;} */

    .top-cont[data-canvas="getOrderProduct"] {padding:20px 16px; align-items: flex-start; margin:0;}
    .top-cont[data-canvas="getOrderProduct"] .item-thumb {width: 84px; height: 84px; overflow: hidden; border-radius: 5px; margin-right: 18px;}
    .top-cont[data-canvas="getOrderProduct"] .item-info {width: 200px;}
    .top-cont[data-canvas="getOrderProduct"] .item-info .pr-name {display: revert; font-size:1rem; margin-bottom: 6px;}
    .top-cont[data-canvas="getOrderProduct"] .item-info .pr-name span {font-size:1rem; margin-right: 3px;}
    .top-cont[data-canvas="getOrderProduct"] .pr-op {margin-bottom: 12px;}
    .top-cont[data-canvas="getOrderProduct"] .pr-op > div {display:block;}
    .top-cont[data-canvas="getOrderProduct"] .pr-op p:first-child {position: relative; margin-right:15px;}
    .top-cont[data-canvas="getOrderProduct"] .pr-op p:first-child::before {content: "/"; position: absolute; top: 50%; right:-10px; transform: translateY(-50%);}
    .top-cont[data-canvas="getOrderProduct"] .pr-op p,
    .top-cont[data-canvas="getOrderProduct"] .pr-op p span {font-size: 1rem;}

}










/* 22.06.30 마이페이지_메인 (by.hyemi) */
.fit-comm-mypage {padding:40px 0; background-color:#f8f8f8;}
.mypage-cont {display:flex; align-items:flex-start; justify-content:center}
.mypage-left {min-width:220px; padding:40px; margin-right:30px; background-color:#fff;}
.mypage-left .sl-title {margin-bottom:10px; font-size:1.4rem; font-weight:700; line-height:1.5;}
.mypage-left .sl-cate li a {line-height:2; color:#585858;}
.mypage-left .sl-cate li a.active {font-weight:600; color:#000;}
.mypage-right {flex:1;}
.mypage-section {padding:30px; margin-bottom:20px; background-color:#fff;}
.mypage-section01 {display:flex; align-items:center; justify-content:space-between;}
.my-name {display:inline-flex; align-items:center; font-size:1.5rem; font-weight:700;}
.my-name .mainc-txt {font-size:1.5rem; font-weight:700;}
.my-order-sum {}
.my-section-tit {display:flex; align-items:center; justify-content:space-between; padding-bottom:10px; border-bottom:2px solid #000;}
.my-sub-tit {font-size:1.4rem; font-weight:700;}
.my-section-contents {display:flex; align-items:center; padding:40px 0; border-bottom:1px solid #aaa;}
.my-section-contents .contents-left {flex:1; display:flex; align-items:flex-start; justify-content:space-around;}
.my-section-contents .contents-right {flex:.4;}
.contents-item01 {text-align:center;}
.contents-item01 .order-count {position:relative; display:flex; align-items:center; justify-content:center; width:95px; height:95px; border:1px solid #aaa; border-radius:50%; font-size:1.3rem; font-weight:700;}
/* .contents-item01 .order-count::after {content:''; position:absolute; top:50%; right:-65%; width:19px; height:19px; transform:translateY(-50%); background-image:url(/resources/image/icon/arrow_r.png);} */
/* .contents-item01:last-child .order-count::after {display:none;} */
.contents-item01 .order-state {display:inline-block; margin-top:15px; font-size:1.1rem; font-weight:600;}
.contents-item02 {display:flex; align-items:center; justify-content:space-between; padding:0 20px; margin-bottom:20px;}
.contents-item02:last-child {margin-bottom:0;}
.contents-item02 .refund-state {font-weight:700; font-size:1.1rem;}
.contents-item02 .refund-count {display:inline-flex; align-items:center;}
.contents-item02 .refund-count::after {content:' 건';}
.my-etc {display:flex; align-items:center; justify-content:center; margin-top:40px; padding:30px 0; border-top:2px solid #000; border-bottom:1px solid #aaa;}
.my-etc-item {flex:1; border-left:1px solid #aaa;}
.my-etc-item .etc-item {padding:20px 0; margin:0 20px;}
.my-etc-item .top-item .etc-item {border-bottom:1px solid #aaa;}
.my-etc-txt {flex:.9; padding:0 15px; font-size:2rem; border-left:none; font-weight:500; text-align:center;}

@media screen and (max-width:768px){
  .mypage-right {width: 100%;}
}


/* 22.06.30 마이페이지 - 비밀번호 재확인 (by.hyemi) */
.myinfo-check {padding:70px 0;}
.info-check-txt {text-align:center;}
.info-check-txt span {display:block;}
.info-check-txt .info-check-tit {margin-bottom:10px; font-size:2rem; font-weight:700;}
.info-check-txt .info-check-sub01 {margin-bottom:15px; color:#585858;}
.info-check-txt .info-check-sub02 {color:#989898;}
.info-check-form {width:400px; margin:50px auto 0;}
.info-check-input {border:1px solid #aaa;}
.info-check-input input {width: 100%; padding:15px;}
.info-check-input input:focus {outline: none; border: 0;}
.info-check-btn {width:100%; padding:15px 0; margin-top:10px; border:none;  color:#fff; font-weight:600;}

/* 22.06.30 마이페이지 - 회원정보수정 (by.hyemi) */
.mypage-title {margin-bottom:30px; font-size:1.5rem; font-weight:700;}
.myinfo-item {display:flex; align-items:center; margin-bottom:20px;}
.myinfo-item span, .myinfo-item i {font-size:1rem; font-style:normal;}
.myinfo-edit {}
.myinfo-item-name {width:15%;}
.myinfo-item-val {max-width:400px;}
.myinfo-item-val2 {position:relative; margin-bottom:8px; width: 75%;}
.myinfo-edit .myinfo-item-val {padding:15px 10px; width:100%; border:1px solid #c4c4c4;}
.myinfo-item-address {position: relative; max-width:400px; width:100%;}
.myinfo-item-address .myinfo-item-val2 {position:revert;}
/* .myinfo-item-address .myinfo-item-val {width:100%;} */
.myinfo-item-address .address-search-btn {position: absolute; top: 26px; right: 0; padding: 17px 20px; background-color: #050505; color: #fff; font-weight: 400; font-size:.9rem; transform: translateY(-50%);}
.myinfo-form-btn {display:flex; align-items:center; justify-content:center; margin:50px auto 30px;}
.myinfo-form-btn button {padding: 14px 55px;}
.common-btn {display:inline-block; border:1px solid #1159FE; min-width: 80px; min-height: 30px; text-align: center;}
.common-btn a {display: block; padding:15px 80px; font-weight:700; font-size:1rem;}
.cancel-btn {margin-right:8px; color:#1159FE;}
.modify-btn {color:#fff;}
.myinfo-sece {display:flex; align-items:center; justify-content:center; text-align:center;}
.myinfo-sece-btn {padding-left:10px; text-decoration:underline; font-weight:700;}
.shipping-btn button {width: 200px; height: 50px;}
@media screen and (max-width:768px){
  .myinfo-item-address .address-search-btn {padding: 17px 13px;}
  .shipping-btn button {width: 50%; height: 50px;}
}


/* 22.07.01 상품 상세 (by.hyemi) */
.pr-detail-area {flex:1;}
.pr-detail-hash span {padding-right:8px; line-height:2; color:#585858; font-size: 1.1rem;}
.pr-info-line.item-info03 .item-data {color:#000;}
.pr-info-line.item-info03 .item-data span {color:#585858;}
.black-btn {background-color:#000; border:1px solid #000; color:#fff;}
.black-btn-reverse {border:1px solid #999; background-color:transparent; color:#000;}
.pr-detail-btn {flex: 0.5;; margin-right:6px; border-radius:0;}
.pr-detail-btn:last-child {flex:1; margin-right:0;}
.pr-detail-area-tit {padding-bottom: 12px; border-bottom:2px solid #282C33; font-size: 1.4rem; font-weight: 700; margin-top: 50px;}
.pr-detail-area-tit2 {padding-bottom: 12px; font-size: 1.4rem; font-weight: 700;}
.pr-detail-qna-top {display:flex; align-items:flex-end;}
.pr-detail-qna-top .right-tit {width: auto;}
.pr-detail-qna-top .right-tit .fit-slide-checkBox {margin-left: 5px;}
.pr-detail-qna-top .qna-btn {width: 130px; height: 43px; margin-left: 16px;}
/* .pr-detail-qna-top .qna-btn a {padding: 10px 20px;} */
.faq-item {color:#000;}
.faq-item03.faq-secret {color:#585858;}
.faq-pop-btn {width:204px !important; padding:0; padding:15px 0; margin-top:0; font-size:1rem; font-weight:400; border:1px solid #282C33;}


/* 22.07.12 상품 상세 - 리뷰 (by.hyemi) */
.board-wrap {}
.board-top {width:100%; padding:40px; margin:20px 0; display:flex; align-items:center; justify-content:center; background-color:#f6f6f6;}
.board-top .board-top-left {flex:1; text-align:center;}
.board-top .board-top-right {flex:1; text-align:center;}
.board-review-sum-count {display:flex; align-items:center; justify-content:center;}
.sum-count-data {font-weight:600;}
.board-review-sum-score {margin-top:20px;}
.sum-score-data {font-size:2rem; font-weight:600;}
.sum-score-star {margin-top:10px; display:flex; align-items:center; justify-content:center; font-size:0;}
.sum-score-star img {width:calc(100% / 5 - 3px);}
.sum-score-star i {margin-right:4px; color:#efba00; font-size:1.2rem;} /*추후 삭제 될 스타일(이미지로 별점 보여줄 예정)*/
.sum-score-star i:last-child {margin-right:0; color:#c4c4c4;} /*추후 삭제 될 스타일(이미지로 별점 보여줄 예정)*/
.review-propose {margin-bottom:15px; font-size:1.1rem; font-weight:500;}
.review-btn {display:inline-block; padding:20px 70px; background-color:#000; color:#fff;}
.board-mid {margin-top: 80px;}

.review-filter {display: flex; align-items: center; justify-content: flex-end; margin-bottom: 12px;}
.review-filter span {margin-left: 16px; font-size: 16px; color: #989898; cursor: pointer;}
.review-filter span:hover,
.review-filter span.active {color: #000;}
.review-filter button {margin-left: 16px; font-size: 16px; color: #989898; cursor: pointer;} /* 상품 상세 / 리뷰 영역 - 2022.10.21 / 청원 추가 */
.review-filter button.active {color: #000;} /* 상품 상세 / 리뷰 영역 - 2022.10.21 / 청원 추가 */

.board-review {border-top:1px solid #050505;}
.review-list-cont {border-bottom: 1px solid #C4C4C4;}
.review-content {display: flex; align-items: flex-start; padding: 23px 20px 40px;}
.review-content .left-info {width: 20%;}
.review-content .mid-info {width: 80%; display: flex; align-items: center;}
.review-content .mid-info .info-option {display:flex; align-items:center;}
.review-content .mid-info .info-option .info-title {padding: 4px 0; border-radius: 5px; background: #F7F7F7; width: 45px; display: inline-block; font-size: 13px; text-align: center; margin-right:3px;}
.review-content .mid-info .info-option .info-data {flex:1;}
/* .review-content .mid-info .info-option .info-title::after {position: absolute; top: 27%; right: -6px; content: ""; display: block; width: 1px; height: 12px; background: #000;} */
.board-review .name-data {margin-bottom: 4px; font-size: 18px; font-weight: 700;}
.board-review .date-data,
.board-review .option-data {font-size: 16px; font-weight: 400; color: #989898;}
.board-review .score-data {justify-content: flex-start; margin-top: 16px;}
.board-review .score-data img {display:inline-block; width:20px; height:20px; cursor:pointer; margin-right: 4px;}
.board-review .content-data {max-height: 80px; margin: 12px 0 0; font-size: 16px;}
.board-review .more-btn {margin: 20px 0;}
.board-review .more-btn span {display: inline-flex; align-items: center; font-size: 14px; color: #585858;}
.board-review .more-btn i {font-size: 16px; margin-left: 2px;}
.board-review .reply-btn {font-size: 14px; color: #585858;}
.review-content .recommend-btn {padding-left: 5%;}
.review-content .recommend-data {display: inline-flex; align-items: center; border: 1px solid #C4C4C4; border-radius: 50px; padding: 8px 16px; font-size: 15px; font-weight: 500; color: #585858; cursor: pointer;}
.review-content .recommend-data i {margin-right: 4px; font-size: 16px; color: #585858;}
.review-content .recommend-data.active {border: 1px solid #1159FE; color: #1159FE;}
.review-content .recommend-data.active i {color: #1159FE;}

.review-reply {margin-left: 21%;}
.review-reply .item-data {padding: 30px 0 40px; border-top: 1px dashed #C4C4C4; }
.review-reply .name-data {margin-right: 5px;}
.review-reply .content-data {margin-top: 10px; line-height: 24px;}



/* 22.07.20 마이페이지 - 내 포인트 상세 (by.hyemi) */
.detail-cont {margin:60px 0 30px;}
.detail-cont .cont-tit {margin-bottom:10px; font-size:1.2rem; font-weight:700;}
.detail-list {padding:20px 10px; border-top:1px solid #c4c4c4;}
.detail-list .detail-item {margin-bottom:15px;}
/* .detail-list .detail-item:last-child {margin-bottom:0;} */
.detail-list .detail-title {font-weight:600;}
.detail-list .detail-data {}

.mypage-bot-btn {text-align:right;}
.mypage-bot-btn .common-btn {padding:10px 30px; color:#fff; font-weight:600;}

/* 신규 배송지 */
.mypage-section .common-btn {padding: 5px 10px;}


@media screen and (max-width: 768px) {
  .mypage-title {font-size: 20px; margin-bottom: 16px;}
  .mypage-section {padding:20px; margin-bottom:10px;}
  .mypage-section:last-child {margin-bottom:0;}
  /* 22.06.30 마이페이지_메인 (by.hyemi) */
  .fit-comm-mypage.mypage-main {padding:0;}
  .mypage-section01 {flex-direction:column; align-items:flex-start;}
  .my-name {margin-bottom:8px;}
  .my-section-contents {flex-direction:column; padding:20px 0;}
  .my-section-contents .contents-left {display:block; width:100%; padding-bottom:20px; margin-bottom:20px; border-bottom:1px solid #aaa;}
  .contents-item01 {display:flex; align-items:center; justify-content:space-between; flex-direction:row-reverse; margin-bottom:20px;}
  .contents-item01:last-child {margin-bottom:0;}
  .contents-item01 .order-count {width:auto; height:auto; border:none; font-size:1rem; font-weight:400;}
  .contents-item01 .order-count::after {content:' 건'; position:relative; top:inherit; right:inherit; width:auto; height:auto; transform:inherit; background-image:none;}
  .contents-item01:last-child .order-count::after {content:' 건'; display:block; position:relative; top:inherit; right:inherit; width:auto; height:auto;transform:inherit; background-image:none;}
  .contents-item01 .order-state {margin-top:0; font-size:1rem;}
  .my-section-contents .contents-right {width:100%;}
  .contents-item02 {padding:0; margin-bottom:20px;}
  .contents-item02 .refund-state {font-size:1rem;}
  .my-etc {flex-direction:column; border-bottom:none;}
  .my-etc-item {border-left:0; width:100%;}
  .my-etc-txt {padding:0 0 15px; border-bottom:1px solid #aaa; font-size:1.3rem; text-align:left;}
  .my-etc-item .etc-item {margin:0; padding:15px 0; border-bottom:1px solid #aaa;}

  /* 22.06.30 마이페이지 - 비밀번호 재설정 (by.hyemi) */
  .fit-comm-mypage {padding:0;}
  .info-check-txt .info-check-sub01 {font-size:.8rem;}
  .info-check-txt .info-check-sub02 {font-size:.8rem;}
  .info-check-form {width:280px;}
  .info-check-input {padding:8px 10px;}

  /* 22.07.01 마이페이지 - 회원정보수정 */
  .myinfo-item-name {width:25%;}
  .myinfo-edit {flex-direction:column; align-items:flex-start;}
  .myinfo-edit .myinfo-item-name {width:100%; margin-bottom:6px;}
  .myinfo-form-btn {margin:20px 0;}
  .common-btn {padding:15px 0; width:50%; text-align:center;}

  /* 22.07.01 상품 상세 (by.hyemi) */
  .pr-info-line.item-info05 {flex-direction:column; align-items:flex-start !important;}
  .pr-info-line.item-info05 .prif-tit {margin-bottom:10px;}
  .fit-comm-pr-detail .pr-detail-info .right .right-bot .btn-form {display:block; font-size:0;}
  .pr-detail-btn {width:calc(100% / 2 - 2px); margin-right:4px;}
  .pr-detail-btn:nth-child(2n) {margin-right:0;}
  .pr-detail-btn:last-child {width:100%; margin-top:4px;}
  .fit-comm-pr-detail .com-bot .faq-wrap .faq-cate ol .faq-bot .faq-cont-wrap {padding:20px; background-color:#fff;}
  .fit-comm-pr-detail .com-bot .faq-wrap .faq-cate ol .faq-bot .faq-cont-wrap .faq-cont.faq-q .faq-icon {background-color:#f6f6f6; font-size:.9rem; color:#989898;}
  .fit-comm-pr-detail .com-bot .faq-wrap .faq-cate ol .faq-bot .faq-cont-wrap .faq-answer .an-top {background-color:#f6f6f6; font-size:.9rem; color:#989898;}
  .fit-comm-pr-detail .s05 .faq-wrap .faq-cate ol li .table .faq-item.faq-item01, .fit-comm-pr-detail .s05 .faq-wrap .faq-cate ol li .table .faq-item.faq-item02 {display:inline-block; width:auto;}
  .fit-comm-pr-detail .s05 .faq-wrap .faq-cate ol li .table .faq-item03 {margin:12px 0 17px;}
  /* 22.07.12 문의하기 (by.hyemi) */
  .fit-comm-pr-detail .fit-pop-cont .pop-cont {padding:20px;}
  .inq-pop-cont .cont-top {padding:0 0 20px;}
  .inq-pop-cont .cont-mid .item-data .prd-name span {font-size:1.2rem;}
  .inq-pop-cont .cont-mid .item-data {flex-direction:column; align-items:flex-start;}
  .inq-pop-cont .cont-mid .item-cont {width:100%;}
  .inq-pop-cont .cont-mid .item-cont input, .inq-pop-cont .cont-mid .item-cont select {height:inherit;}
  .inq-pop-cont .cont-mid .item-cont textarea {height:150px;}
  .inq-pop-cont .cont-mid .item-cont input::placeholder, .inq-pop-cont .cont-mid .item-cont select::placeholder {font-size:.9rem;}
  .inq-pop-cont .cont-mid .item-cont textarea::placeholder {font-size:.9rem;}
  .inq-pop-cont .cont-mid {padding: 0 0 30px;}
  .inq-pop-cont .cont-mid .item-tit {margin-right:0; margin-bottom:15px; font-size:.9rem;}
  .inq-pop-cont .cont-mid .item-data:last-child .item-tit {margin-top:0;}
  .inq-pop-cont .btn-box button a, .inq-pop-cont .submit-btn {padding:10px 30px;}
  .fit-comm-pr-detail .fit-pop-cont .pop-cont {transform:translate(0); overflow-y:scroll;}

  /* 22.07.12 상품 상세 - 리뷰 (by.hyemi) */
  .board-top {flex-direction:column; padding:40px 20px;}
  .board-top .board-top-right {margin-top:40px;}
  .review-filter span {margin-left: 10px; font-size: 14px;}
  .review-content {padding: 20px 0; flex-direction: column;}
  .review-content .left-info {width: 100%;}
  .board-review .name-data {font-size: 16px;}
  .board-review .date-data, .board-review .option-data {font-size: 14px;}
  .board-review .score-data {margin-top: 8px;}
  .board-review .score-data img {width: 16px; height: 16px; margin-right: 2px;}
  .review-content .mid-info {display: revert; width: 100%; margin-top: 20px;}
  .review-content .recommend-btn {float: right; margin-top: -30px;}
  .review-reply {width: 100%; margin: 0;}
  .board-review .content-data {font-size: 14px; line-height: 20px;}

}


/* 22.07.19 마이페이지 - 주문/배송 조회 (by.jieun) */
.order-info-sum {display: flex; align-items: center; border: 1px solid #C4C4C4; background: #f6f6f6; padding: 20px 30px; margin-bottom: 40px;}
.order-info-sum .info-item {display: flex; align-items: center; font-size: 14px; margin-right: 35px; line-height: 1.5;}
.order-info-sum .info-item:last-child {margin-right: 0;}
.order-info-sum .info-item .item-title {margin-right: 10px; font-weight: 700; min-width:65px;}
.list-table-tbody .td-delivery-status {position: relative;}
.list-table-tbody .td-delivery-status > .td-data {font-size: 12px; text-decoration: underline; margin-top: 15px; cursor: pointer;}
.list-table-tbody .td-delivery-status > .td-data:hover + .delivery-info {display: block;}
.list-table-tbody .td-delivery-status .pr-ship-check .check-btn {display: inline-block; border: 1px solid #c4c4c4; border-radius: 4px; padding: 6px 10px; font-size: 12px;}
.list-table-tbody .td-delivery-status .pr-ship-check .ship-status-pop {margin-top: 9px; font-size: 12px; text-decoration: underline; cursor:pointer;}
.delivery-info {display: none; position: absolute; right:0; padding: 12px 14px; border:1px solid #000; background: #fff; z-index:99;/* min-width: 146px; */}
.delivery-info.active {display:block;}
.delivery-info .info-td {display: flex; align-items: center;}
.delivery-info .info-td p {width: 60px; text-align: left; font-weight: 700;}
.delivery-info .info-td p,
.delivery-info .info-td span {font-size: 12px; line-height: 16px;}
.fit-comm-inqu-order .list-table-row .list-title {font-size: 16px; font-weight: 700; margin-bottom: 16px;}
.td-coupon .basic-button {color: #fff; border:1px solid #1159FE;}
/* 상세 정보 */
/* 세로형 board 스타일 타입1 */
.list-table-column .list-title {border: 0; margin-bottom: 16px; font-size: 16px; font-weight: 700;}
.list-table-column.order-payment-list .info {border-bottom: 0;}
.list-table-column .info {border-top: 1px solid #050505; border-bottom: 1px solid #C4C4C4; padding: 30px 20px;}
.list-table-column .top-info {margin-bottom: 30px; padding-bottom: 30px; border-bottom: 1px dashed #C4C4C4;}
.list-table-column .info .info-item {display: flex; align-items:center; margin-bottom: 16px;}
.list-table-column .info .info-item:last-child {margin-bottom: 0;}
.list-table-column .info .info-item .item-title {font-size:14px; font-weight:700; width: 15%; text-align: left;}
.list-table-column .info .info-item .item-content {width: 85%; font-size:14px; font-weight:400;}
.list-table-column .total-price {display: flex; align-items: center; justify-content: space-between; padding: 12px 20px; background: #F6F6F6;}
.list-table-column .total-price div {font-size: 16px; font-weight: 700;}
.list-table-column .total-price .item-content {color: #1159FE;}
/* coupon */
.list-table-column .info .info-item .item-content .coupon-item {margin-top: 5px; border-top: 1px dashed #ddd; padding: 10px 0;}
.list-table-column .info .info-item .item-content .coupon-item:first-child {margin-top: 0; border: 0;}
.list-table-column .info .info-item .item-content .coupon-item p {font-size: 14px; line-height: 20px;}
.coupon-history {padding:20px; margin-top:15px; background-color:#f8f8f8;}
.item-s-title {margin-bottom:3px;}
.item-s-title:last-child {margin-bottom:0;}
.item-s-title b {display:inline-block; margin-right:5px; font-weight:bold;}

/* button */
.list-btn a {display: inline-block; margin: 30px auto 0; padding: 16px 50px; border: 1px solid #000; font-size: 14px;}


@media screen and (max-width: 768px) {
  .order-info-sum {display: revert; padding: 16px;}
  /* 상세 정보 */
  /* 세로형 board 스타일 타입1 */
  .fit-comm-inqu-order .list-table-row .list-table-tbody {border-top: 1px solid #000;}
  .list-table-column .list-title {font-size: 16px;}
  .list-table-column .info {padding: 20px 10px;}
  .list-table-column .info .info-item {display: revert;}
  .list-table-column .info .info-item .item-title {display: inline-block; margin-bottom: 5px;}
  .list-table-column .info .info-item .item-title,
  .list-table-column .info .info-item .item-content {width: 100%;}
  .list-table-column .top-info {margin-bottom: 17px; padding-bottom: 17px;}
  .list-table-column .total-price {padding: 12px 10px;}
  .list-table-column .total-price div {font-size: 14px;}

  .list-table-tbody .td-delivery-status,
  .list-table-tbody .td-delivery-status .pr-ship-check,
  .list-table-tbody .td-delivery-status .pr-ship-check .check-btn {width: 100%;}
  .list-table-tbody .td-delivery-status .pr-ship-check .check-btn {text-align: center; margin-top: 7px;}
  /* button */
  .mypage-cont .myinfo-form-btn.list-btn {margin: 0 auto;}
  .order-list-btn {width: 100%; margin-top: 7px; line-height: 15px;}
  .order-list-btn span {width: 100%; text-align: center; margin-right: 5px;}
  .order-list-btn span:last-child {margin-right: 0;}
  
  /* 스타일 수정 (22.10.26) */
  .list-table-tbody .td-delivery-status .pr-ship-check .ship-status-pop {display:inline-block; margin-top:0; margin-left:4px;}
  .delivery-info {top:110%; left:0;}
  .order-info-sum .info-item .item-title {font-size:.9rem;}
  .order-info-sum .info-item .item-content {font-size:.9rem;}
  .order-info-sum {border-color:#eee;}
  .list-table-tbody .td-delivery-status .pr-ship-check {margin-top:5px;}

  .delivery-info.active {width:60%;}
  
}

/* 22.07.19 마이페이지 - 교환/반품 내역 (by.jieun) */
.addImg-list-cont {display: flex; align-items: center; margin-top: 17px;}
.addImg-list-cont img {width: 76px; margin-right: 8px;}
.addImg-list-cont img:last-child {margin-right: 0;}

@media screen and (max-width: 768px) {
  .exchange-thumbnail {flex-direction: row; align-items: center;}
  .exchange-thumbnail .prd-thumb {margin-right: 12px;}
}

/* 22.07.21 board_공지사항 (by.jieun) */
.board-detail-style01 .list-table {border-top:1px solid #050505; margin-top: 80px;}
.board-detail-style01 .list-table .table .td-notice-icon {display: inline-block; background: #F7F7F7; border-radius: 3px; padding: 5px 10px; margin-right: 15px; font-size: 14px; color: #989898; font-weight: 700;}
.board-detail-style01 .list-table .table .td-title {font-size:16px !important; font-weight:400;}
.board-detail-style01 .list-table .table .td-date {margin-right: 20px; font-size:16px; color:#585858;}
.board-detail-style01 .list-table .table .td-hits {display: inline-flex; align-items: center; font-size:16px; color:#585858;}
.board-detail-style01 .list-table .table .td-hits span {margin-left: 2px; font-size:16px;}

.board-detail-style01 .list-table .table.th {border-bottom:1px solid #c4c4c4; padding:30px 40px !important;}
.board-detail-style01 .list-table .table.td {text-align:left;}
.board-detail-style01 .list-table .table.td .table-item {font-size:16px; text-align:left; line-height:23px; padding:20px 40px; overflow: hidden;}
.board-detail-style01 .list-table .table.td .table-item p img {width:100%!important;}


/* 첨부파일 */
.board-detail-style01 .upload-item .file-col button {width:auto; height:auto;}
/* 목록 버튼 */
.board-detail-style01 .list-btn {text-align: center;}
.board-detail-style01 .list-btn a {width: 120px; height: 50px; padding: 0; text-align: center; line-height: 50px;}

@media screen and (max-width: 768px) {
  .notice-detail .list-table {border-top:1px solid #C4C4C4; margin-top: 40px;}

  .board-detail-style01 .list-table .table .td-notice-icon {padding: 3px 8px; margin-right: 8px; font-size: 12px;}
  .board-detail-style01 .list-table .table .td-title {font-size:16px;}
  .board-detail-style01 .list-table .table .td-date,
  .board-detail-style01 .list-table .table .td-hits,
  .board-detail-style01 .list-table .table .td-hits span {font-size:14px;}
  .board-detail-style01 .list-table .table.th {display: revert; padding:20px 10px !important;}
  .board-detail-style01 .list-table .table.td .table-item {padding: 20px 10px; font-size: 14px; line-height: 20px;}
}

/* 22.07.27 상품 상세 추가 수정 */
.pr-info-cont .basic-opt {padding:20px 0 0 !important; border-bottom:1px solid #000 !important;}
.fit-comm-pr-detail .pr-detail-info .right .info-item04 .pr-info-line .prif-tit.prif-tit-sum {font-size:1.3rem;}

.prd-faq-list .faq-wrap .faq-cate {border-top: 0;}
.prd-faq-list .faq-wrap .faq-cate ol li.faq-top {padding:20px; border-bottom:1px solid #eee; cursor: pointer;}
.prd-faq-list .faq-wrap .faq-cate ol li.faq-top .left-table p {font-size:1.1rem; font-weight:700;}
.prd-faq-list .faq-wrap .faq-cate ol li.faq-bot {display:block; padding:25px; background-color:#f8f8f8;}
.prd-faq-list .faq-wrap .faq-cate ol li.faq-bot pre {font-size:1rem; line-height:1.3;}

/* 22.08.04 상품상세 수정 */
@media screen and (max-width: 768px) {
  .pr-detail-area-tit {margin-bottom: 15px;}
  .fit-pr-detail-wrap .section:not(.pr-detail-info) {padding: 0 20px !important; margin: 24px 0;}
  .fit-pr-detail-wrap .section.s03 .pr-detail-area-tit {margin-bottom: 0;}
  .product_detail > .section:not(.pr-detail-info) {padding: 0 20px;}
  /* 상품상세_상품문의 */
  .fit-comm-pr-detail .s05 .qna-btn {width: 130px; height: 43px; margin-top: 10px; float: right;}

  /* 22.08.05 */
  /* 비밀번호 재확인 */
  .info-check-form .info-check-input {padding: 0;}

  /* 마이페이지 - 장바구니 */
  .myinfo-form-btn .common-btn {padding: 0; line-height: 32px;}
  .myinfo-form-btn.m-flex-col button {padding: 14px 0;}
  /* 마이페이지 - 회원정보수정 */
  .common-btn a {padding: 15px 0 !important;}
  /* 22.08.05 상품상세 수정 */
  .fit-pr-detail > .section {padding: 0 20px;}
}

/* 22.08.05 상품상세 수정 */
.prDetail-info-wrap h3 {font-size: 1.1rem; margin: 20px 0 10px;}
.fit-comm-pr-detail .info-item01 .item-data05 {width:100%;}
.fit-comm-pr-detail .info-item01 .item-data05 > span {line-height: 23px;}
.fit-comm-pr-detail .info-item01 .item-data .tit {width:35%; color: #000;}
.fit-comm-pr-detail .info-item01 .item-data .cont {width:65%;}
/* 상품상세 - 옵션 */
.pr-detail-area .select-opt-cont .select-opt {background: #FBFBFB; padding: 20px 12px 20px 20px; border-top: 1px solid #C4C4C4;}
.pr-detail-area .select-opt-cont .select-opt i {font-size: 1rem; color: #C4C4C4; font-weight: 500; cursor: pointer;}
.pr-detail-area .select-opt-cont .count-item {display: flex; align-items: center;}
.pr-detail-area .select-opt-cont p,
.pr-detail-area .select-opt-cont span {font-size: 1.1rem;}
.pr-detail-area .select-opt-cont .count-item .input-amount {background: #fff; border-top:1px solid #c4c4c4; border-bottom:1px solid #c4c4c4; width: 40px; height: 26px; text-align: center;}
.select-opt-cont [data-method="change_amount_order_product"] {display: flex; align-items: center; justify-content: center; cursor: pointer; background: #fff; border:1px solid #c4c4c4; width: 20px; height: 26px;}
.select-opt-cont [data-method="change_amount_order_product"] i {font-size: .7rem;}
.pr-detail-area .select-opt-cont .opt-top {width: 60%;}
@media screen and (max-width: 768px) {
  .fit-comm-pr-detail .pr-detail-info .right .info-item03 .select-opt-cont .select-opt:first-child {margin-top: 0;}
  .fit-comm-pr-detail .info-item03 .select-opt-cont .select-opt .opt-bot {position: relative; display: revert;}
  .fit-comm-pr-detail .info-item03 .select-opt-cont .select-opt .opt-bot .item-left {display: inline-block;}
  .fit-comm-pr-detail .info-item03 .select-opt-cont .select-opt .opt-bot .item-right {display: inline-block; float: right; margin-top: 5px;}
  .fit-comm-pr-detail .info-item03 .select-opt-cont .select-opt .opt-bot .btn-close {position: absolute; right: 0; top: 0;}
}
/* 상품상세 - 장바구니 팝업 */
.cart-pop {z-index:50; position:fixed; top:0; left:0; width:100%; height:100vh; background: rgba(0,0,0,.6); z-index: 10000; /* transform:scale(0); */ transition:all .3s;}
.cart-pop.active {transform:scale(1);}
.cart-pop .cart-cont {position:absolute; top:50%; left:50%; background-color:#fff; padding:60px 50px 50px; transform:translate(-50%, -50%); border:1px solid #eee; text-align:center; /* box-shadow:2px 2px 11px #eee; */}
.cart-pop .cart-cont img {margin: 0 auto 20px;}
.cart-pop .cart-cont .cart-pop-close {position:absolute; top:15px; right:15px;}
.cart-pop .cart-cont .cart-pop-close i {font-size:1.2rem;}
.cart-pop .cart-cont p {font-size:1.2rem; font-weight:600;}
.cart-pop .cart-cont .cart-pop-btn {margin-top:35px; font-size:0;}
.cart-pop .cart-cont .cart-pop-btn a {padding:10px 20px; background-color:#353535; color:#fff; font-size:.9rem; margin-right:4px;}
.cart-pop .cart-cont .cart-pop-btn button {padding:10px 20px; background-color:#353535; color:#fff; font-size:.9rem;}
@media screen and (max-width: 768px) {
  .cart-pop .cart-cont {width: 90%; padding: 30px 20px;}
}
/* 2022.08.31 */
/******************** board-detail ********************/
.upload-list {text-align: left;}
.upload-list .title {text-align: left; margin-bottom: 16px;}
.upload-list .title .upload-tit {display: none;}
.upload-list .title span {font-size: 30px; font-weight: 400; margin-bottom: 16px;}
.upload-list .date {margin-right: 34px;}
.upload-list .date,
.upload-list .hit {display: inline-flex; align-items: center; color: #666; font-size: 14px;}
.upload-list .date .upload-tit,
.upload-list .hit .upload-tit {font-weight: 700;}
.upload-list .date span,
.upload-list .hit span {margin-left: 10px; color: #666; font-size: 14px;}
.upload-list .editor {border-top: 1px solid #666; border-bottom: 1px dashed #D9D9D9; padding: 33px 0; margin-top: 18px;}
.upload-list .file {border-bottom: 1px solid #666; padding: 33px 0; display: flex; align-items: flex-start;}
.upload-list .file .upload-tit {font-weight: 700; margin-right: 50px;}
.upload-list .file .item-file-list .item-data {margin-bottom: 10px;}
.upload-list .file .item-file-list .item-data:last-child {margin-bottom: 0;}
.upload-list .file .file-thumb-cont {display: none;}
/* button */
.detail-btn {text-align: right;}
.detail-btn .wb-cancel {border: 1px solid #eee; background-color: #f8f8f8; padding: 6px 14px 5px; margin-top: 14px; font-size: 15px; font-weight: 500;}
@media screen and (max-width: 768px) {
  .upload-list .title {margin-bottom: 10px;}
  .upload-list .title span {font-size: 22px;}
  .upload-list .date .upload-tit, .upload-list .hit .upload-tit,
  .upload-list .date span, .upload-list .hit span {font-size: 14px;}
  .upload-list .editor {margin-top:9px; padding: 23px 0;}
  .upload-list .file {padding: 23px 0; display: revert;}
  .upload-list .file .upload-tit {display: block; margin-bottom: 10px;}
  .upload-list img {width: 100% !important;}
}


/* 게시판 - content : detail2 타입 (23.01.30) */
#temp_admin_upload2 {}
#temp_admin_upload2 .upload-list {padding: 0 !important;}

.page-banner-cont {display:flex; align-items:center; justify-content:center; position:relative; height:400px; /*background-image:url('/resources/image/none_image.png');*/ font-size:3.5rem; color:#000; font-weight:600;}
.page-banner-cont .top-banner-title {font-size:3.2rem; font-weight:600;}
.page-banner-cont .breadcrumbs-area {position:absolute; left:0; bottom:0; display:block; width:100%; max-width:1600px; padding:15px 60px;font-size: 1rem;}
.page-banner-cont .breadcrumbs-area span {display:inline-flex; align-items:center; font-weight:500;}
.page-banner-cont .breadcrumbs-area span[data-breadcrumbs_key='depth1']:before{ content:'＞'; padding-right:4px;}
.page-banner-cont .breadcrumbs-area span[data-breadcrumbs_key='depth2']:before{ content:'＞'; padding-right:4px;}

/* .create_view_type-api_manage_section {max-width:1600px; margin:0 auto;} */
.create_view_type-api_manage_section {margin:0 auto;}

@media screen and (max-width:768px) {
  .page-banner-cont {height:300px;}
  .page-banner-cont .breadcrumbs-area {padding:15px 20px;}
  .page-banner-cont .top-banner-title {font-size:2.5rem;}
}



/*************************************************************** 각 페이지별 CSS 버전관리 ***************************************************************/
.design-type-find_way {}
/* 오시는 길 - 버전1 (23.02.07) */
.design-type-find_way.design-version_1 {margin:0 auto 50px; max-width:1700px;}
.design-type-find_way.design-version_1 .tit-icon {display:inline-block; width:20px; height:20px;}
.design-type-find_way.design-version_1 .section-title {margin:80px 0 40px; text-align:left;}
.design-type-find_way.design-version_1 .section-title .section-name-title {font-size:2.5rem; font-weight:700;}
.design-type-find_way.design-version_1 .section-title .section-name-title:after {content:'찾아오는 방법'; display:block;}
.design-type-find_way.design-version_1 .section-title .section-set-title {display:none;}
.design-type-find_way.design-version_1 .section-map-cont {width:100%; height:600px; border-radius:20px; box-shadow:9px 5px 12px #eee; border:1px solid #ddd;}
.design-type-find_way.design-version_1 .section-info {margin:50px 0; display:flex; align-items:flex-start;}
.design-type-find_way.design-version_1 .section-info .section-info-item {display:flex; align-items:flex-start; margin-right:40px;}
.design-type-find_way.design-version_1 .section-info .section-info-item i {margin-right:10px; margin-top:5px;}
.design-type-find_way.design-version_1 .section-info .section-info-01 i {background-image:url('/resources/image/icon/location_icon_444.png');}
.design-type-find_way.design-version_1 .section-info .section-info-02 i {background-image:url('/resources/image/icon/mail_icon_444.png');}
.design-type-find_way.design-version_1 .section-info .section-info-03 i {background-image:url('/resources/image/icon/phone_icon_444.png');}
.design-type-find_way.design-version_1 .section-info .section-info-item span {font-size:1.3rem; line-height:1.5;}
.design-type-find_way.design-version_1 .section-howto {}
.design-type-find_way.design-version_1 .section-howto .howto-item {padding-bottom:40px;}
.design-type-find_way.design-version_1 .section-howto .howto-item .item-title {display:flex; align-items:center; font-size:1.2rem; font-weight:700;}
.design-type-find_way.design-version_1 .section-howto .howto-item .item-title:after {content:' 으로 찾아오는 방법';}
.design-type-find_way.design-version_1 .section-howto .howto-item .item-title i {margin-right:5px;}
.design-type-find_way.design-version_1 .section-howto .howto-item .item-contents {margin-top:10px;}
.design-type-find_way.design-version_1 .section-howto .howto-public i {background-image:url('/resources/image/icon/train-icon.png');}
.design-type-find_way.design-version_1 .section-howto .howto-car i {background-image:url('/resources/image/icon/car-icon.png');}

@media screen and (max-width:1024px) {
  .create_view_type-api_manage_section {max-width:1024px; padding:0;}

  /* 오시는 길 - 버전1 (23.02.07) */
  .design-type-find_way.design-version_1 {padding:0 10px;}
  .design-type-find_way.design-version_1 .tit-icon {width:16px; height:16px;}
  .design-type-find_way.design-version_1 .section-info {flex-direction:column;}
  .design-type-find_way.design-version_1 .section-info .section-info-item {margin-bottom:10px; align-items:center;}
  .design-type-find_way.design-version_1 .section-info .section-info-item i {margin-top:0;}
  .design-type-find_way.design-version_1 .section-info .section-info-item span {font-weight:500;}
  .design-type-find_way.design-version_1 .section-info .section-info-01 {align-items:flex-start;}
  .design-type-find_way.design-version_1 .section-info .section-info-01 i {margin-top:4px;}
  .design-type-find_way.design-version_1 .section-howto .howto-item .item-contents {font-size:1.1rem;}

}

/* 오시는 길 - 버전2 (23.02.07) */
.design-type-find_way.design-version_2 {max-width:1600px; margin: 0 auto 50px;}
.design-type-find_way.design-version_2 .tit-icon {display:inline-block; width:60px; height:60px;}
/* .design-type-find_way.design-version_2 .section-title {margin:80px 0 40px;font-size:2.5rem; font-weight:700; text-align:left;} */
.design-type-find_way.design-version_2 .section-title {margin:80px 0 40px; text-align:left;}
.design-type-find_way.design-version_2 .section-title .section-name-title {font-size:2.5rem; font-weight:700;}
.design-type-find_way.design-version_2 .section-title .section-name-title:after {content:'찾아오는 방법'; display:block;}
.design-type-find_way.design-version_2 .section-title .section-set-title {display:none;}
.design-type-find_way.design-version_2 .section-map-cont {width:100%; height:600px; border-radius:20px; box-shadow:9px 5px 12px #eee; border:1px solid #ddd;}
.design-type-find_way.design-version_2 .section-info {display:flex; align-items:flex-start; width:100%; margin-top:40px;}
.design-type-find_way.design-version_2 .section-info .section-info-item {flex:1; min-height:260px; display:flex; align-items:center; justify-content:center; flex-direction:column; padding:50px; margin-right:10px; background-color:#fafafa; border:1px solid #eee; border-radius:15px; transition:.3s;}
.design-type-find_way.design-version_2 .section-info .section-info-item:hover {margin-top:-20px; background-color:#F1F8FF; border-color:#0861C5;}
.design-type-find_way.design-version_2 .section-info .section-info-item:last-child {margin-right:0;}
.design-type-find_way.design-version_2 .section-info .section-info-item i {margin-bottom:20px; /*임시 CSS 코딩 다하면 지우기!! 23.02.07*/margin-top:0; margin-right:0;/*임시 CSS 코딩 다하면 지우기!! 23.02.07*/}
.design-type-find_way.design-version_2 .section-info .section-info-item span {text-align:center; font-weight:600; font-size:1.4rem;}
.design-type-find_way.design-version_2 .section-info .section-info-01 i {background-image:url('/resources/image/icon/location-icon-color.png');}
.design-type-find_way.design-version_2 .section-info .section-info-02 i {background-image:url('/resources/image/icon/mail-icon-color.png');}
.design-type-find_way.design-version_2 .section-info .section-info-03 i {background-image:url('/resources/image/icon/telephone-icon-color.png');}
.design-type-find_way.design-version_2 .section-howto {display:none;}


@media screen and (max-width:1024px) {
  /* 오시는 길 - 버전2 (23.02.07) */
  .design-type-find_way.design-version_2 {padding:0 10px;}
  .design-type-find_way.design-version_2 .tit-icon {width:40px; height:40px;}
  .design-type-find_way.design-version_2 .section-info {flex-direction:column;}
  .design-type-find_way.design-version_2 .section-info .section-info-item {margin-bottom:10px; min-height:auto; width:100%;}
  .design-type-find_way.design-version_2 .section-info .section-info-item:hover {margin-top:0; background-color:#fafafa; border-color:#eee;}
}


/* 오시는 길 - 버전3 (23.03.30 by.Hyemi) */
.design-type-find_way.design-version_3 {max-width:1600px; margin:100px auto;}
.design-type-find_way.design-version_3 .section-title {margin:80px 0 40px; text-align:center;}
.design-type-find_way.design-version_3 .section-title .section-name-title {display:none;}
.design-type-find_way.design-version_3 .section-title .section-set-title {font-size:3rem; font-weight:700;}

.design-type-find_way.design-version_3 .section-map-cont {width:100%; height:500px; border-radius:20px; border:1px solid #ddd;}
.design-type-find_way.design-version_3 .section-info {padding:30px 0 80px;}
.design-type-find_way.design-version_3 .section-info-item {display:flex; align-items:flex-start;}
.design-type-find_way.design-version_3 .section-info-item .tit-icon {flex:.2;}
.design-type-find_way.design-version_3 .section-info-item span {flex:.8; font-weight:600; font-size:1.4rem;}
.design-type-find_way.design-version_3 .howto-item {display:flex; align-items:flex-start; margin-bottom:60px;}
.design-type-find_way.design-version_3 .howto-item:last-child {margin-bottom:0;}
.design-type-find_way.design-version_3 .howto-item .item-title {flex:.2; font-size:2rem; font-weight:700;}
.design-type-find_way.design-version_3 .howto-item .item-contents {flex:.8; font-size:1.1rem; line-height:1.3;}

@media screen and (max-width:1024px) {
  /* 오시는 길 - 버전3 (23.03.30 by.Hyemi) */
  .design-type-find_way.design-version_3 {padding:0 10px;}
  .design-type-find_way.design-version_3 .section-title {margin:80px 0 20px; text-align:left;}
  .design-type-find_way.design-version_3 .section-info-item {display:block; text-align:center;}
  .design-type-find_way.design-version_3 .section-info-item span {font-size:1.1rem;}
  .design-type-find_way.design-version_3 .howto-item {display:block; text-align:center;}
  .design-type-find_way.design-version_3 .howto-item .item-title {margin-bottom:30px; text-align:left;}
  .design-type-find_way.design-version_3 .howto-item .item-contents {text-align:left;}
  .design-type-find_way.design-version_3 .section-map-cont {height:400px;}
}



/* 인사말 (23.02.07) */
.design-type-greed {}
/* 인사말 - 버전1 (23.02.07) */
.design-type-greed.design-version_1 {margin:100px auto 50px; max-width:1700px;}
.design-type-greed.design-version_1 .section-greed p {display:flex; align-items:center; font-size:3rem; line-height:1.3;}
.design-type-greed.design-version_1 .section-greed span {padding-right:5px; font-weight:600; font-size:3rem; line-height:1.3;}
.design-type-greed.design-version_1 .section-contents {display:flex; align-items:flex-start; margin-top:100px;}
/* .design-type-greed.design-version_1 .section-photo {flex:1; display:flex; align-items:flex-start; justify-content:space-between; max-height:800px; margin-right:50px; overflow:hidden; border-radius: 30px; box-shadow:5px 6px 12px #eee;} */
.design-type-greed.design-version_1 .section-photo {display:flex; align-items:center; justify-content:center; max-width:750px; max-height:800px; margin-right:50px; overflow:hidden; border-radius:30px; box-shadow:5px 6px 12px #eee;}
.design-type-greed.design-version_1 .section-photo .section-image {display:flex; align-items:center; justify-content:center;}
.design-type-greed.design-version_1 .section-photo img {width:100%;}
.design-type-greed.design-version_1 .section-info {flex:1; margin-top:40px;}
.design-type-greed.design-version_1 .section-title {padding:0; text-align:left; font-size:3.5rem; font-weight:600;}
.design-type-greed.design-version_1 .section-des {padding:60px 0;}
.design-type-greed.design-version_1 .section-des pre {font-size:1.2rem; line-height:1.4;}
.design-type-greed.design-version_1 .section-sign {display:flex; align-items:flex-end; justify-content:flex-end; width:100%;}
.design-type-greed.design-version_1 .section-sign .sign-title {font-size:1.3rem; padding-right:15px;}
.design-type-greed.design-version_1 .section-sign .sign-name {font-size:2.3rem; letter-spacing: 4px; font-weight:700;}

@media screen and (max-width:1024px) {
  /* 인사말 - 버전1 (23.02.07) */
  .design-type-greed.design-version_1 {padding:0 10px;}
  .design-type-greed.design-version_1 .section-contents {flex-direction:column; margin-top:0;}
  .design-type-greed.design-version_1 .section-photo {margin-right:0;}
  .design-type-greed.design-version_1 .section-info {width:100%;}
  .design-type-greed.design-version_1 .section-title {font-size:2rem;}
  .design-type-greed.design-version_1 .section-des {font-size:1.1rem;}
  
  .design-type-greed.design-version_1 .section-greed p {font-size:2rem;}
  .design-type-greed.design-version_1 .section-greed span {font-size:2rem;}
}

/* 인사말 - 버전2 (23.03.30 by.Hyemi) */
.design-type-greed.design-version_2 {position:relative; margin:100px auto 50px; max-width:1600px;}
.design-type-greed.design-version_2 .section-greed {position: absolute; top: 180px; right: 30px; text-align: right;z-index: 10;}
.design-type-greed.design-version_2 .section-greed p, .design-type-greed.design-version_2 .section-greed span {font-weight:600; font-size:3rem; color:#fff;}
.design-type-greed.design-version_2 .section-photo {width: 100%; height: 450px; overflow: hidden; display: flex; align-items: center; justify-content: center; border-radius: 40px; background-color: #f8f8f8;}
.design-type-greed.design-version_2 .section-photo .section-image {display:flex; align-items:center; justify-content:center; width:100%;}
.design-type-greed.design-version_2 .section-photo img {width: 100%;}
.design-type-greed.design-version_2 .section-info .section-title {display:none;}
.design-type-greed.design-version_2 .section-info .section-des {padding:40px 0;}
.design-type-greed.design-version_2 .section-info .section-des pre {font-size:1.1rem;}
.design-type-greed.design-version_2 .section-info .section-sign {display:flex; align-items:flex-end; margin-top:20px;}
.design-type-greed.design-version_2 .section-info .section-sign .sign-title {display:inline-block; margin-right:15px; font-size:1.3rem; font-weight:500;}
.design-type-greed.design-version_2 .section-info .section-sign .sign-name {font-size:1.8rem; font-weight:600; letter-spacing: 5px;}

@media screen and (max-width:1024px) {
  /* 인사말 - 버전2 (23.03.30) */
  .design-type-greed.design-version_2 {padding:0 10px; max-width:100%;}
  .design-type-greed.design-version_2 .section-photo {border-radius:15px; height:auto;}
  .design-type-greed.design-version_2 .section-greed {position:relative; top:0; right:0; margin-bottom:20px;}
  .design-type-greed.design-version_2 .section-greed p, .design-type-greed.design-version_2 .section-greed span {display:inline; font-size:1.8rem; color:#333;}
  .design-type-greed.design-version_2 .section-greed p.slogan-txt {display:block;}
  .design-type-greed.design-version_2 .section-info .section-des {padding:30px 0;}
}




/*************************************************************** 각 섹션별 CSS 버전관리 ***************************************************************/
/* 사용자정의 - 아이템/카드형 - 버전1 */
.design-type-card.design-version_1 {padding:40px 0 150px;}
.design-type-card.design-version_1 .design-section-element {padding:0; display:flex; flex-direction:column-reverse;}
.design-type-card.design-version_1 .intro-content .title-content {display:block; padding:60px 0; text-align:center;}
.design-type-card.design-version_1 .intro-content .title-content span {display:block; text-align:center; word-wrap: break-word;}
.design-type-card.design-version_1 .intro-content .title-content span.title {font-size:3rem; line-height:2;}
.design-type-card.design-version_1 .intro-content .title-content span.sub-title {font-size:1.5rem; font-weight:400; max-width:1600px; margin:0 auto;}
.design-type-card.design-version_1 .intro-content .title-content .more-btn a {display:inline-block; margin-top:20px; padding:8px 20px; font-size:.9rem; background-color:#222;  border:1px solid #222; border-radius:50px; color:#fff; transition:.2s;}
.design-type-card.design-version_1 .intro-content .title-content .more-btn a:hover {background-color:#fff; color:#222;}
.design-type-card.design-version_1 .canvas-content {max-width:1600px; margin:0 auto; font-size:0;}
.design-type-card.design-version_1 .canvas-content .item-data {display:inline-block; padding:30px 20px; border:1px solid #eee; border-radius:10px;}
.design-type-card.design-version_1 .canvas-content .item-data label {display:none;}
.design-type-card.design-version_1 .canvas-content .item-data .section-title {text-align:left;}
.design-type-card.design-version_1 .canvas-content .item-data .section-title span {font-size:1.5rem; font-weight:700;}
.design-type-card.design-version_1 .canvas-content .item-data .section-contents pre {min-height:auto !important; font-size:1.1rem; word-wrap:break-word;}
.design-type-card.design-version_1 .canvas-content .item-data .section-url {display:none;}
.design-type-card.design-version_1 .canvas-content .item-data .section-image {font-size:0; width:100%;}
.design-type-card.design-version_1 .canvas-content .item-data .section-image.active {margin-bottom:25px;}
/* grid1 */
.design-type-card.design-version_1 .canvas-content.grid1 .item-data {width:100%; box-shadow:0 3px 12px rgba(146,197, 255, .15);}
.design-type-card.design-version_1 .canvas-content.grid1 .item-data~.item-data {margin-top:30px;}
/* grid2 */
.design-type-card.design-version_1 .canvas-content.grid2 .item-data {width:calc(100% / 2 - 18px); margin-right:26px; box-shadow:0 3px 12px rgba(146,197, 255, .15);}
.design-type-card.design-version_1 .canvas-content.grid2 .item-data:nth-child(2n) {margin-right:0;}
.design-type-card.design-version_1 .canvas-content.grid2 .item-data:nth-child(even) {margin-top:50px;}
.design-type-card.design-version_1 .canvas-content.grid2 .item-data:nth-child(2n)~.item-data {margin-top:30px;}
.design-type-card.design-version_1 .canvas-content.grid2 .item-data:nth-child(2n)~.item-data:nth-child(even) {margin-top:80px;}
/* grid3 */
.design-type-card.design-version_1 .canvas-content.grid3 .item-data {width:calc(100% / 3 - 18px); margin-right:27px; box-shadow:0 3px 12px rgba(146,197, 255, .15);}
.design-type-card.design-version_1 .canvas-content.grid3 .item-data:nth-child(3n) {margin-right:0;}
.design-type-card.design-version_1 .canvas-content.grid3 .item-data:nth-child(3n)~.item-data {margin-top:30px;}
/* grid4 */
.design-type-card.design-version_1 .canvas-content.grid4 .item-data {width:calc(100% / 4 - 18px); margin-right:24px; box-shadow:0 3px 12px rgba(146,197, 255, .15);}
.design-type-card.design-version_1 .canvas-content.grid4 .item-data:nth-child(4n) {margin-right:0;}
.design-type-card.design-version_1 .canvas-content.grid4 .item-data:nth-child(even) {margin-top:50px;}
.design-type-card.design-version_1 .canvas-content.grid4 .item-data:nth-child(4n)~.item-data {margin-top:30px;}
.design-type-card.design-version_1 .canvas-content.grid4 .item-data:nth-child(4n)~.item-data:nth-child(even) {margin-top:80px;}

/* multi-line2 적용 */
.create_ref_table-board .design-type-card.design-version_1 .section-contents span {display:-webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;-moz-line-clamp: 2;-moz-box-orient: vertical;-ms-line-clamp: 2;-ms-box-orient: vertical;text-overflow: ellipsis;overflow: hidden;white-space: unset;}
.create_ref_table-board .design-type-card.design-version_1 .ele-content {margin-bottom:60px; height:60px;}
/* multi-line3 적용 */
.create_ref_table-board .design-type-card.design-version_1 .section-contents span {display:-webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;-moz-line-clamp: 3;-moz-box-orient: vertical;-ms-line-clamp: 3;-ms-box-orient: vertical;text-overflow: ellipsis;overflow: hidden;white-space: unset; font-size:1rem !important; color:#444;}
/* .create_ref_table-board .design-type-card.design-version_1 .ele-content span,
.create_ref_table-board .design-type-card.design-version_1 .ele-content p {font-size:1.1rem; color:#444;} */
.create_ref_table-board .design-type-card.design-version_1 .section-url {display:block !important;}
.create_ref_table-board .design-type-card.design-version_1 .section-url label {display:none;}
.create_ref_table-board .design-type-card.design-version_1 .section-url a {display:inline-flex; align-items:center; justify-content:center; margin-top:10px; font-size:0;}
.create_ref_table-board .design-type-card.design-version_1 .section-url a:before {content:'VIEW MORE'; color:#444; font-size:.9rem; font-weight:600;}
.create_ref_table-board .design-type-card.design-version_1 .section-url a:after {content:''; display:inline-block; width:15px; height:15px; margin-left:4px; border-radius:30px; background-color:#666; background-size:cover; background-repeat:no-repeat; background-position:center; background-image:url('/resources/image/icon/plus_icon2_fff.png');}


@media screen and (max-width:1024px) {
  /* grid1 */
  .design-type-card.design-version_1 .canvas-content.grid1 .item-data {width:100%; box-shadow:0 3px 12px rgba(146,197, 255, .15);}
  .design-type-card.design-version_1 .canvas-content.grid1 .item-data~.item-data {margin-top:30px;}
  /* grid2 */
  .design-type-card.design-version_1 .canvas-content.grid2 .item-data {}
  .design-type-card.design-version_1 .canvas-content.grid2 .item-data:nth-child(2n)~.item-data {margin-top:10px;}
  /* grid3 */
  .design-type-card.design-version_1 .canvas-content.grid3 .item-data {width:100%; margin-bottom:6px;}
  .design-type-card.design-version_1 .canvas-content.grid3 .item-data:nth-child(3n) {margin-right:0;}
  .design-type-card.design-version_1 .canvas-content.grid3 .item-data:nth-child(3n)~.item-data {margin-top:0;}
  .design-type-card.design-version_1 .canvas-content.grid3 .item-data .section-title span {min-height:auto;}
  /* grid4 */
  .design-type-card.design-version_1 .canvas-content.grid4 .item-data {width:calc(100% / 2 - 5px); margin-right:10px; margin-bottom:10px;}
  .design-type-card.design-version_1 .canvas-content.grid4 .item-data:nth-child(2n) {margin-right:0;}
  .design-type-card.design-version_1 .canvas-content.grid4 .item-data:nth-child(4n)~.item-data {margin-top:0;}
  .design-type-card.design-version_1 .canvas-content.grid4 .item-data .section-title span {font-size:1.2rem; min-height:auto;}
  }
  




/* 사용자정의 - 아이템/배너형 버전2 (23.02.08 by.Hyemi) :: 버전1이 있나용? */
.design-type-banner.design-version_2 {min-height:30vh; max-height:100vh; overflow:hidden;}
.design-type-banner.design-version_2 .intro-content .title-content {margin-bottom:0; display:block; text-align:center;}
.design-type-banner.design-version_2 .intro-content .title-content .txt-cont {text-align:center;}
.design-type-banner.design-version_2 .intro-content .title-content .txt-cont .sub-title {display:block; font-weight:400; font-size:1.3rem; margin:10px 0 20px; }
.design-type-banner.design-version_2 .intro-content .title-content .more-btn {display:inline-block; margin-bottom:30px;}
.design-type-banner.design-version_2 .intro-content .title-content .more-btn a {background-color:#222; padding:8px 15px; border-radius:30px; color:#fff;}
.design-type-banner.design-version_2 .section-url {display:none;}
/* 배너형 type5 (23.03.24) */
.design-section.design-type-banner.design-version_2 .canvas-content .item-data {position:relative;}
.design-section.design-type-banner.design-version_2 .canvas-content .item-data .section-txt {position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); padding:0 10px; width:100%; display:flex; flex-direction:column-reverse; text-align:center;}
/* .design-section.design-type-banner.design-version_2 .canvas-content .item-data .section-title {position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); padding:0; width:100%;} */
.design-section.design-type-banner.design-version_2 .canvas-content .item-data .section-title label {display:none;}
.design-section.design-type-banner.design-version_2 .canvas-content .item-data .section-title span {color:#222; font-size:3.2rem; font-weight:700;}
/* .design-section.design-type-banner.design-version_2 .canvas-content .item-data .section-contents {position:absolute; top:43%; left:50%; transform:translate(-50%, -50%); padding:0; width:100%; text-align:center;} */
.design-section.design-type-banner.design-version_2 .canvas-content .item-data .section-contents label {display:none;}
.design-section.design-type-banner.design-version_2 .canvas-content .item-data .section-contents span {color:#222; font-size:1.5rem;}
.design-section.design-type-banner.design-version_2 .canvas-content .item-data .section-image img {width:100%;}

/* FAQ 일 때 이미지 처리 */
.create_ref_table-faq .design-section.design-type-banner.design-version_2 .canvas-content .item-data .section-contents {top:55%;}
.create_ref_table-faq .design-section.design-type-banner.design-version_2 .canvas-content .item-data .section-image {width:100%; height:100vh; background-size:cover; background-repeat:no-repeat; background-position:center;}
.create_ref_table-faq .design-section.design-type-banner.design-version_2 .canvas-content .item-data:nth-child(1n) .section-image {background-image:url('/resources/image/ex-img/banner_sample03.png')}
.create_ref_table-faq .design-section.design-type-banner.design-version_2 .canvas-content .item-data:nth-child(2n) .section-image {background-image:url('/resources/image/ex-img/banner_sample04.png')}
.create_ref_table-faq .design-section.design-type-banner.design-version_2 .canvas-content .item-data:nth-child(3n) .section-image {background-image:url('/resources/image/ex-img/banner_sample05.png')}

/* board 일 때 이미지 처리 */
.create_ref_table-board .design-section.design-type-banner.design-version_2 .canvas-content .item-data .section-image {width:100%; height:100vh; background-size:cover; background-repeat:no-repeat; background-position:center;}
.create_ref_table-board .design-section.design-type-banner.design-version_2 .canvas-content .item-data:nth-child(1n) .section-image {background-image:url('/resources/image/ex-img/banner_sample03.png')}
.create_ref_table-board .design-section.design-type-banner.design-version_2 .canvas-content .item-data:nth-child(2n) .section-image {background-image:url('/resources/image/ex-img/banner_sample04.png')}
.create_ref_table-board .design-section.design-type-banner.design-version_2 .canvas-content .item-data:nth-child(3n) .section-image {background-image:url('/resources/image/ex-img/banner_sample05.png')}



/* 사용자정의 - 아이템/배너형 버전3 (23.03.29 by.Hyemi) */
.design-type-banner.design-version_3 {width:1600px; margin:0 auto;}
.design-type-banner.design-version_3 .design-section-element {width:100%;}
.design-type-banner.design-version_3 .intro-content {margin:20px 0 100px;}
.design-type-banner.design-version_3 .intro-content .title-content {margin-bottom:50px;}
.design-type-banner.design-version_3 .intro-content .title-content .txt-cont .title {display:block; font-size:4rem; font-weight:700;}
.design-type-banner.design-version_3 .intro-content .title-content .txt-cont .sub-title {display:block; font-size:1.2rem; font-weight:400;}

.design-section.design-type-banner.design-version_3 .canvas-content {font-size:0;}
.design-section.design-type-banner.design-version_3 .canvas-content .item-data {display:inline-block; position:relative;}
.design-section.design-type-banner.design-version_3 .canvas-content.grid1 .item-data {width:100%;}
.design-section.design-type-banner.design-version_3 .canvas-content.grid2 .item-data {width:calc(100% / 2);}
.design-section.design-type-banner.design-version_3 .canvas-content.grid3 .item-data {width:calc(100% / 3);}
.design-section.design-type-banner.design-version_3 .canvas-content.grid4 .item-data {width:calc(100% / 4);}
.design-section.design-type-banner.design-version_3 .canvas-content .item-data .section-txt {position: absolute; bottom: 20px; left: 50%; width: 90%; height:auto; padding: 25px 20px; background-color: rgba(255,255,255,.9); transform: translateX(-50%); border-radius: 10px; cursor:pointer; transition:.3s;}
.design-section.design-type-banner.design-version_3 .canvas-content .item-data .section-txt .section-title {position:relative; text-align: left; padding:0;}
.design-section.design-type-banner.design-version_3 .canvas-content .item-data .section-txt .section-title:after {content:''; position:absolute; top:50%; right:20px; transform:translateY(-50%); display:inline-block; width:20px; height:20px; background-image:url('/resources/image/icon/arrow_right.png'); background-size:cover; transition:.2s;}
.design-section.design-type-banner.design-version_3 .canvas-content .item-data .section-txt .section-title label {display:none;}
.design-section.design-type-banner.design-version_3 .canvas-content .item-data .section-txt .section-title span {font-weight: 600; font-size: 1.3rem;}
.design-section.design-type-banner.design-version_3 .canvas-content .item-data .section-txt .section-contents {text-align:left;}
.design-section.design-type-banner.design-version_3 .canvas-content .item-data .section-txt .section-contents label {display:none;}
.design-section.design-type-banner.design-version_3 .canvas-content .item-data .section-txt .section-contents span {display:none; transition:.3s;}
/* .design-section.design-type-banner.design-version_3 .canvas-content .item-data .section-title:hover {height:300px;} */
.design-section.design-type-banner.design-version_3 .canvas-content .item-data .section-txt:hover .section-title:after {right:10px;}
.design-section.design-type-banner.design-version_3 .canvas-content .item-data .section-txt:hover .section-contents {margin-top:15px;}
.design-section.design-type-banner.design-version_3 .canvas-content .item-data .section-txt:hover .section-contents span {display:block;}
.design-section.design-type-banner.design-version_3 .canvas-content .item-data .section-url {position:absolute; top:0; left:0; width:100%; height:100%; z-index:-1;}
.design-section.design-type-banner.design-version_3 .canvas-content .item-data .section-url label {display:none;}
.design-section.design-type-banner.design-version_3 .canvas-content .item-data .section-url a {font-size:0;}
/* .design-section.design-type-banner.design-version_3 .canvas-content .item-data .section-contents pre {color:#fff; font-size:1.5rem;} */
.design-section.design-type-banner.design-version_3 .canvas-content .item-data .section-image img {width:100%;}
.design-section.design-type-banner.design-version_3 .canvas-content .item-data .section-image {overflow: hidden; display: flex; align-items: center; justify-content: center;}
.design-section.design-type-banner.design-version_3 .canvas-content.grid1 .item-data .section-image {height: 430px;}
.design-section.design-type-banner.design-version_3 .canvas-content.grid2 .item-data .section-image {height: 350px;}
.design-section.design-type-banner.design-version_3 .canvas-content.grid3 .item-data .section-image {height: 300px;}
.design-section.design-type-banner.design-version_3 .canvas-content.grid3 .item-data .section-txt {padding:20px;}
.design-section.design-type-banner.design-version_3 .canvas-content.grid4 .item-data .section-image {height: 240px;}
.design-section.design-type-banner.design-version_3 .canvas-content.grid4 .item-data .section-txt {padding:15px 20px;}
.design-section.design-type-banner.design-version_3 .canvas-content.grid4 .item-data .section-txt .section-title span {font-size:1rem;}

@media screen and (max-width:1024px) {
  /* 배너형 버전3 23.03.29  */
  .design-type-banner.design-version_3 {width:auto; max-width:100%;}
  .design-type-banner.design-version_3 .create_view_type-layer {padding:0 10px;}
  .design-type-banner.design-version_3 .intro-content .title-content .txt-cont .title {font-size:3rem;}
  .design-section.design-type-banner.design-version_3 .canvas-content {width:100%;}
  .design-section.design-type-banner.design-version_3 .canvas-content .item-data {width:100% !important;}
  /* .design-section.design-type-banner.design-version_3 .canvas-content.grid3 .item-data {width:90%;} */
  .design-section.design-type-banner.design-version_3 .canvas-content .item-data .section-txt {padding:10px 20px !important;}
  .design-section.design-type-banner.design-version_3 .canvas-content .item-data .section-txt .section-title span {font-size:1.1rem !important;}
  .design-section.design-type-banner.design-version_3 .canvas-content .item-data .section-txt:hover .section-contents span {font-size:.9rem !important;}
  .design-section.design-type-banner.design-version_3 .canvas-content .item-data .section-txt .section-title:after {right:10px;}
  .design-section.design-type-banner.design-version_3 .canvas-content .item-data .section-txt:hover .section-title:after {right:0;}

  .design-section.design-type-banner.design-version_3 .canvas-content.grid1 .item-data .section-image {height:200px;}
  .design-section.design-type-banner.design-version_3 .canvas-content.grid2 .item-data .section-image {height:200px;}
  .design-section.design-type-banner.design-version_3 .canvas-content.grid3 .item-data .section-image {height:200px;}
  .design-section.design-type-banner.design-version_3 .canvas-content.grid4 .item-data .section-image {height:200px;}
}


/* 사용자정의 - 아이템/배너형 버전4 (23.03.31 by.Hyemi) */
.design-type-banner.design-version_4 {max-width:1600px; margin:80px auto;}
.design-type-banner.design-version_4 .intro-content {}
.design-type-banner.design-version_4 .intro-content .txt-cont {width:100%; text-align:center;}
.design-type-banner.design-version_4 .intro-content .txt-cont .title {display:block; font-size:1.5rem; color:#555; margin-bottom:10px;}
.design-type-banner.design-version_4 .intro-content .txt-cont .sub-title {font-size:2.5rem; font-weight:500;}
.design-type-banner.design-version_4 .canvas-content {margin-top:80px; font-size:0;}
/* grid1 */
.design-type-banner.design-version_4 .canvas-content.grid1 .item-data .design-section-element {position:relative; display:flex; align-items:center; margin:0;}
.design-type-banner.design-version_4 .canvas-content.grid1 .item-data:nth-child(odd) .design-section-element {flex-direction:row-reverse;}
.design-type-banner.design-version_4 .canvas-content.grid1 .item-data .section-txt {flex:1;}
.design-type-banner.design-version_4 .canvas-content.grid1 .item-data .section-txt .section-title label,
.design-type-banner.design-version_4 .canvas-content.grid1 .item-data .section-txt .section-contents label {display:none;}
.design-type-banner.design-version_4 .canvas-content.grid1 .item-data .section-txt .section-title {padding:0 40px 20px; text-align:left;}
.design-type-banner.design-version_4 .canvas-content.grid1 .item-data:nth-child(even) .section-txt .section-title {text-align:right;}
.design-type-banner.design-version_4 .canvas-content.grid1 .item-data .section-txt .section-title span {font-size:2rem; font-weight:600;}
.design-type-banner.design-version_4 .canvas-content.grid1 .item-data .section-txt .section-contents {padding:0 40px; text-align:left;}
.design-type-banner.design-version_4 .canvas-content.grid1 .item-data:nth-child(even) .section-txt .section-contents {text-align:right;}
.design-type-banner.design-version_4 .canvas-content.grid1 .item-data .section-txt .section-contents pre {font-size:1.2rem;}
.design-type-banner.design-version_4 .canvas-content.grid1 .item-data .section-url {position:absolute; left:50%; top:0; width:50%; height:100%;}
.design-type-banner.design-version_4 .canvas-content.grid1 .item-data .section-url label {display:none;}
.design-type-banner.design-version_4 .canvas-content.grid1 .item-data .section-url a {font-size:0;}
.design-type-banner.design-version_4 .canvas-content.grid1 .item-data:nth-child(odd) .section-url {left:0;}
.design-type-banner.design-version_4 .canvas-content.grid1 .item-data:nth-child(odd) .section-url a {display:inline-block; width:100%; height:100%; font-size:0;}
/* grid2 */
.design-type-banner.design-version_4 .canvas-content.grid2 .item-data {width:calc(100% / 2); display:inline-block;}
.design-type-banner.design-version_4 .canvas-content.grid2 .item-data .design-section-element {position:relative; display:flex; align-items:center; margin:0;}
.design-type-banner.design-version_4 .canvas-content.grid2 .item-data:nth-child(2n) .design-section-element {flex-direction:row-reverse;}
.design-type-banner.design-version_4 .canvas-content.grid2 .item-data .section-txt {flex:1;}
.design-type-banner.design-version_4 .canvas-content.grid2 .item-data .section-txt .section-title label,
.design-type-banner.design-version_4 .canvas-content.grid2 .item-data .section-txt .section-contents label {display:none;}
.design-type-banner.design-version_4 .canvas-content.grid2 .item-data .section-txt .section-title {padding:0 40px 20px; text-align:right;}
.design-type-banner.design-version_4 .canvas-content.grid2 .item-data:nth-child(2n) .section-txt .section-title {text-align:left;}
.design-type-banner.design-version_4 .canvas-content.grid2 .item-data .section-txt .section-title span {font-size:2rem; font-weight:600;}
.design-type-banner.design-version_4 .canvas-content.grid2 .item-data .section-txt .section-contents {padding:0 40px; text-align:right;}
.design-type-banner.design-version_4 .canvas-content.grid2 .item-data:nth-child(2n) .section-txt .section-contents {text-align:left;}
.design-type-banner.design-version_4 .canvas-content.grid2 .item-data .section-txt .section-contents pre {font-size:1.2rem;}
.design-type-banner.design-version_4 .canvas-content.grid2 .item-data .section-url {position:absolute; left:50%; top:0; width:50%; height:100%;}
.design-type-banner.design-version_4 .canvas-content.grid2 .item-data .section-url label {display:none;}
.design-type-banner.design-version_4 .canvas-content.grid2 .item-data .section-url a {font-size:0;}
.design-type-banner.design-version_4 .canvas-content.grid2 .item-data:nth-child(2n) .section-url {left:0;}
.design-type-banner.design-version_4 .canvas-content.grid2 .item-data:nth-child(2n) .section-url a {display:inline-block; width:100%; height:100%; font-size:0;}

/* grid3 */
.design-type-banner.design-version_4 .canvas-content.grid3 .item-data {width:calc(100% / 3); display:inline-block;}
.design-type-banner.design-version_4 .canvas-content.grid3 .item-data .design-section-element {position:relative; display:flex; align-items:center; margin:0;}
/* .design-type-banner.design-version_4 .canvas-content.grid3 .item-data:nth-child(odd) .design-section-element {flex-direction:row-reverse;} */
.design-type-banner.design-version_4 .canvas-content.grid3 .item-data .section-txt {flex:1;}
.design-type-banner.design-version_4 .canvas-content.grid3 .item-data .section-txt .section-title label,
.design-type-banner.design-version_4 .canvas-content.grid3 .item-data .section-txt .section-contents label {display:none;}
.design-type-banner.design-version_4 .canvas-content.grid3 .item-data .section-txt .section-title {padding:0 40px 20px; text-align:left;}
/* .design-type-banner.design-version_4 .canvas-content.grid3 .item-data:nth-child(even) .section-txt .section-title {text-align:right;} */
.design-type-banner.design-version_4 .canvas-content.grid3 .item-data .section-txt .section-title span {font-size:2rem; font-weight:600;}
.design-type-banner.design-version_4 .canvas-content.grid3 .item-data .section-txt .section-contents {padding:0 40px; text-align:left;}
/* .design-type-banner.design-version_4 .canvas-content.grid3 .item-data:nth-child(even) .section-txt .section-contents {text-align:right;} */
.design-type-banner.design-version_4 .canvas-content.grid3 .item-data .section-txt .section-contents pre {font-size:1.2rem;}
.design-type-banner.design-version_4 .canvas-content.grid3 .item-data .section-url {position:absolute; left:50%; top:0; width:50%; height:100%;}
.design-type-banner.design-version_4 .canvas-content.grid3 .item-data .section-url label {display:none;}
.design-type-banner.design-version_4 .canvas-content.grid3 .item-data .section-url a {font-size:0;}
/* .design-type-banner.design-version_4 .canvas-content.grid3 .item-data:nth-child(odd) .section-url {left:0;} */
/* .design-type-banner.design-version_4 .canvas-content.grid3 .item-data:nth-child(odd) .section-url a {display:inline-block; width:100%; height:100%; font-size:0;} */
.design-type-banner.design-version_4 .canvas-content .item-data .section-image {flex:1;}
.design-type-banner.design-version_4 .canvas-content .item-data .section-image img {width:100%;}

/* grid4 */
.design-type-banner.design-version_4 .canvas-content.grid4 .item-data {width:calc(100% / 4); display:inline-block;}
.design-type-banner.design-version_4 .canvas-content.grid4 .item-data .design-section-element {position:relative; display:flex; align-items:center; margin:0;}
.design-type-banner.design-version_4 .canvas-content.grid4 .item-data:nth-child(even) .design-section-element {flex-direction:row-reverse;}
.design-type-banner.design-version_4 .canvas-content.grid4 .item-data .section-txt {flex:1;}
.design-type-banner.design-version_4 .canvas-content.grid4 .item-data .section-txt .section-title label,
.design-type-banner.design-version_4 .canvas-content.grid4 .item-data .section-txt .section-contents label {display:none;}
.design-type-banner.design-version_4 .canvas-content.grid4 .item-data .section-txt .section-title {padding:0 20px 20px; text-align:left;}
.design-type-banner.design-version_4 .canvas-content.grid4 .item-data:nth-child(odd) .section-txt .section-title {text-align:right;}
.design-type-banner.design-version_4 .canvas-content.grid4 .item-data .section-txt .section-title span {font-size:1.5rem; font-weight:600;}
.design-type-banner.design-version_4 .canvas-content.grid4 .item-data .section-txt .section-contents {padding:0 20px; text-align:left;}
.design-type-banner.design-version_4 .canvas-content.grid4 .item-data:nth-child(odd) .section-txt .section-contents {text-align:right;}
.design-type-banner.design-version_4 .canvas-content.grid4 .item-data .section-txt .section-contents pre {font-size:1rem;}
.design-type-banner.design-version_4 .canvas-content.grid4 .item-data .section-url {position:absolute; left:50%; top:0; width:50%; height:100%;}
.design-type-banner.design-version_4 .canvas-content.grid4 .item-data .section-url label {display:none;}
.design-type-banner.design-version_4 .canvas-content.grid4 .item-data .section-url a {font-size:0;}
.design-type-banner.design-version_4 .canvas-content.grid4 .item-data:nth-child(even) .section-url {left:0;}
.design-type-banner.design-version_4 .canvas-content.grid4 .item-data:nth-child(even) .section-url a {display:inline-block; width:100%; height:100%; font-size:0;}
.design-type-banner.design-version_4 .canvas-content .item-data .section-image {flex:1;}
.design-type-banner.design-version_4 .canvas-content .item-data .section-image img {width:100%;}

@media screen and (max-width:1024px) {
  .design-type-banner.design-version_4 {padding:0 10px;}
  .design-type-banner.design-version_4 .intro-content .txt-cont .title {font-size:1.4rem;}
  .design-type-banner.design-version_4 .intro-content .txt-cont .sub-title {font-size:2rem;}
  .design-type-banner.design-version_4 .canvas-content .item-data .design-section-element {flex-direction:column-reverse; margin-bottom: 50px;}
  .design-type-banner.design-version_4 .canvas-content .item-data:nth-child(odd) .design-section-element {flex-direction:column-reverse !important;}
  .design-type-banner.design-version_4 .canvas-content .item-data .section-txt {margin-top:10px;}
  .design-type-banner.design-version_4 .canvas-content .item-data .section-txt .section-title {padding:0 0 15px !important;}
  .design-type-banner.design-version_4 .canvas-content .item-data:nth-child(even) .section-txt .section-title {text-align:left;}
  .design-type-banner.design-version_4 .canvas-content .item-data .section-txt .section-title span {font-size:1.5rem; font-weight:700;}
  .design-type-banner.design-version_4 .canvas-content .item-data .section-txt .section-contents {padding:0 0 20px !important;}
  .design-type-banner.design-version_4 .canvas-content .item-data:nth-child(even) .section-txt .section-contents {text-align:left;}
  .design-type-banner.design-version_4 .canvas-content .item-data .section-txt .section-contents pre {font-size:1.1rem;}

  .design-type-banner.design-version_4 .canvas-content.grid2 .item-data:nth-child(2n) .design-section-element {flex-direction:column-reverse;}
  .design-type-banner.design-version_4 .canvas-content.grid4 .item-data:nth-child(even) .design-section-element {flex-direction:column-reverse;}
  .design-type-banner.design-version_4 .canvas-content.grid3 .item-data .section-txt .section-title span {font-size:1.5rem;}
}






/* 아이템/배너형 버전5 (23.04.12 by.Hyemi) */
.design-type-banner.design-version_5 {position:relative; max-width:100%; margin:0 auto;}
.design-type-banner.design-version_5 .canvas-content {font-size:0;}
.design-type-banner.design-version_5 .canvas-content .item-data {position:relative; display:inline-block;}
/* grid1 */
.design-type-banner.design-version_5 .canvas-content.grid1 .item-data {width:100%;}
.design-type-banner.design-version_5 .canvas-content.grid1 .section-title span,
.design-type-banner.design-version_5 .canvas-content.grid1 .section-contents pre {font-size:4.3rem;}
/* grid2 */
.design-type-banner.design-version_5 .canvas-content.grid2 .item-data {width:calc(100% / 2);}
.design-type-banner.design-version_5 .canvas-content.grid2 .section-title span, 
.design-type-banner.design-version_5 .canvas-content.grid2 .section-contents pre {font-size:2.8rem;}
/* grid3 */
.design-type-banner.design-version_5 .canvas-content.grid3 .item-data {width:calc(100% / 3);}
.design-type-banner.design-version_5 .canvas-content.grid3 .section-title span, 
.design-type-banner.design-version_5 .canvas-content.grid3 .section-contents pre {font-size:1.9rem;}
/* grid4 */
.design-type-banner.design-version_5 .canvas-content.grid4 .item-data {width:calc(100% / 4);}
.design-type-banner.design-version_5 .canvas-content.grid4 .section-title span, 
.design-type-banner.design-version_5 .canvas-content.grid4 .section-contents pre {font-size:1.3rem;}

.design-type-banner.design-version_5 .section-txt {position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:100%; text-align:center;}
.design-type-banner.design-version_5 .section-title label,
.design-type-banner.design-version_5 .section-contents label {display:none;}
.design-type-banner.design-version_5 .canvas-content .section-title span {font-weight:600;}
.design-type-banner.design-version_5 .section-url {display:none;}
.design-type-banner.design-version_5 .section-image {text-align:center;}

@media screen and (max-width:1024px) {
  
.design-type-banner.design-version_5 .section-title span,
.design-type-banner.design-version_5 .section-contents pre {font-size:2rem;}
.design-type-banner.design-version_5 .canvas-content.grid1 .section-title span, .design-type-banner.design-version_5 .canvas-content.grid1 .section-contents pre {font-size:2rem;}
.design-type-banner.design-version_5 .canvas-content.grid2 .section-title span, .design-type-banner.design-version_5 .canvas-content.grid2 .section-contents pre {font-size:2rem;}
.design-type-banner.design-version_5 .canvas-content.grid3 .section-title span, .design-type-banner.design-version_5 .canvas-content.grid3 .section-contents pre {font-size:2rem;}
.design-type-banner.design-version_5 .canvas-content.grid4 .section-title span, .design-type-banner.design-version_5 .canvas-content.grid4 .section-contents pre {font-size:2rem;}
.design-type-banner.design-version_5 .canvas-content.grid3 .item-data {width:100%;}
}

/* 아이템/배너형 버전6 (23.04.13 by.Hyemi) */
.design-type-banner.design-version_6 {position:relative; max-width:100%; margin:0 auto;}
.design-type-banner.design-version_6 .canvas-content {font-size:0;}
.design-type-banner.design-version_6 .canvas-content .item-data {position:relative; display:inline-block;}
.design-type-banner.design-version_6 .canvas-content.grid1 .item-data {width:100%;}
.design-type-banner.design-version_6 .canvas-content.grid2 .item-data {width:calc(100% / 2);}
.design-type-banner.design-version_6 .canvas-content.grid3 .item-data {width:calc(100% / 3);}
.design-type-banner.design-version_6 .canvas-content.grid4 .item-data {width:calc(100% / 4);}
.design-type-banner.design-version_6 .canvas-content .item-data .section-txt {position:absolute; width:100%; height:100%;}
.design-type-banner.design-version_6 .canvas-content .item-data .section-title {position:absolute; top:45%; right:10%; transform:translateY(-50%); text-align:right;}
.design-type-banner.design-version_6 .canvas-content .item-data .section-contents {position:absolute; top:55%; right:10%; transform:translateY(-50%); text-align:right;}
.design-type-banner.design-version_6 .canvas-content .item-data .section-title label,
.design-type-banner.design-version_6 .canvas-content .item-data .section-contents label {display:none;}
.design-type-banner.design-version_6 .canvas-content .item-data .section-title span {font-size:3rem; color:#fff;}
.design-type-banner.design-version_6 .canvas-content .item-data .section-contents pre {font-size:2.8rem; font-weight:600; color:#fff;}

.design-type-banner.design-version_6 .canvas-content .item-data .section-url {position:absolute; bottom:25%; right:10%; text-align:center;}
.design-type-banner.design-version_6 .canvas-content .item-data .section-url label {display:none;}
.design-type-banner.design-version_6 .canvas-content .item-data .section-url a {color:#fff; font-size:0; transition:.2s;}
.design-type-banner.design-version_6 .canvas-content .item-data .section-url a:before {content:'바로가기'; font-size:1.2rem; padding:10px 25px; border:1px solid #fff; transition:.2s;}
.design-type-banner.design-version_6 .canvas-content .item-data .section-url:hover a {color:#222;}
.design-type-banner.design-version_6 .canvas-content .item-data .section-url:hover a:before {background-color:#fff;}

.design-type-banner.design-version_6 .canvas-content .item-data .section-image {width:100%;}
.design-type-banner.design-version_6 .canvas-content .item-data .section-image img {width:100%;}

/* grid2, grid3 */
.design-type-banner.design-version_6 .canvas-content.grid2 .item-data .section-title span,
.design-type-banner.design-version_6 .canvas-content.grid3 .item-data .section-title span {font-size:1.8rem;}
.design-type-banner.design-version_6 .canvas-content.grid2 .item-data .section-contents pre,
.design-type-banner.design-version_6 .canvas-content.grid3 .item-data .section-contents pre {font-size:1.6rem; font-weight:600;}

.design-type-banner.design-version_6 .canvas-content.grid2 .item-data .section-title,
.design-type-banner.design-version_6 .canvas-content.grid3 .item-data .section-title {top:40%;}
.design-type-banner.design-version_6 .canvas-content.grid2 .item-data .section-contents,
.design-type-banner.design-version_6 .canvas-content.grid3 .item-data .section-contents {top:51%;}

.design-type-banner.design-version_6 .canvas-content.grid2 .item-data .section-url,
.design-type-banner.design-version_6 .canvas-content.grid3 .item-data .section-url {bottom:16%;}
.design-type-banner.design-version_6 .canvas-content.grid2 .item-data .section-url a:before,
.design-type-banner.design-version_6 .canvas-content.grid3 .item-data .section-url a:before {font-size:.9rem; padding:8px 15px;}

@media screen and (max-width:1024px) {

  .design-type-banner.design-version_6 .design-section-element {height:250px;}
  .design-type-banner.design-version_6 .canvas-content .item-data .section-title {top:40%;}
  .design-type-banner.design-version_6 .canvas-content .item-data .section-title span {font-size:1.6rem;}
  .design-type-banner.design-version_6 .canvas-content .item-data .section-contents {top:48%;}
  .design-type-banner.design-version_6 .canvas-content .item-data .section-contents pre {font-size:1.6rem;}
  .design-type-banner.design-version_6 .canvas-content .item-data .section-image {height:100%;}
  .design-type-banner.design-version_6 .canvas-content .item-data .section-image img {height:100%;}
  .design-type-banner.design-version_6 .canvas-content .item-data .section-url a:before {font-size:.9rem;}
  .design-type-banner.design-version_6 .canvas-content .item-data .section-contents pre {font-size:1.4rem;}

}




/* 사용자정의 - 아이템/배너형 버전7 (23.05.03 by.Hyemi) */
.design-type-banner.design-version_7 {min-height:30vh; max-height:100vh; overflow:hidden;}
.design-type-banner.design-version_7 .intro-content .title-content {margin-bottom:0; display:block; text-align:center;}
.design-type-banner.design-version_7 .intro-content .title-content .txt-cont {text-align:center;}
.design-type-banner.design-version_7 .intro-content .title-content .txt-cont .sub-title {display:block; font-weight:400; font-size:1.3rem; margin:10px 0 20px; }
.design-type-banner.design-version_7 .intro-content .title-content .more-btn {display:inline-block; margin-bottom:30px;}
.design-type-banner.design-version_7 .intro-content .title-content .more-btn a {background-color:#fff; padding:8px 15px; border-radius:30px; color:#222;}
.design-type-banner.design-version_7 .section-url {display:none;}
/* 배너형 type5 (23.03.24) */
.design-section.design-type-banner.design-version_7 .canvas-content .item-data {position:relative;}
.design-section.design-type-banner.design-version_7 .canvas-content .item-data .section-txt {position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); padding:0 10px; width:100%; display:flex; flex-direction:column-reverse; text-align:center;}
/* .design-section.design-type-banner.design-version_7 .canvas-content .item-data .section-title {position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); padding:0; width:100%;} */
.design-section.design-type-banner.design-version_7 .canvas-content .item-data .section-title label {display:none;}
.design-section.design-type-banner.design-version_7 .canvas-content .item-data .section-title span {color:#fff; font-size:3.2rem; font-weight:700;}
/* .design-section.design-type-banner.design-version_7 .canvas-content .item-data .section-contents {position:absolute; top:43%; left:50%; transform:translate(-50%, -50%); padding:0; width:100%; text-align:center;} */
.design-section.design-type-banner.design-version_7 .canvas-content .item-data .section-contents label {display:none;}
.design-section.design-type-banner.design-version_7 .canvas-content .item-data .section-contents pre {color:#fff; font-size:1.5rem;}
.design-section.design-type-banner.design-version_7 .canvas-content .item-data .section-image img {width:100%;}

/* FAQ 일 때 이미지 처리 */
.create_ref_table-faq .design-section.design-type-banner.design-version_7 .canvas-content .item-data .section-contents {top:55%;}
.create_ref_table-faq .design-section.design-type-banner.design-version_7 .canvas-content .item-data .section-image {width:100%; height:100vh; background-size:cover; background-repeat:no-repeat; background-position:center;}
.create_ref_table-faq .design-section.design-type-banner.design-version_7 .canvas-content .item-data:nth-child(1n) .section-image {background-image:url('/resources/image/ex-img/banner_sample03.png')}
.create_ref_table-faq .design-section.design-type-banner.design-version_7 .canvas-content .item-data:nth-child(2n) .section-image {background-image:url('/resources/image/ex-img/banner_sample04.png')}
.create_ref_table-faq .design-section.design-type-banner.design-version_7 .canvas-content .item-data:nth-child(3n) .section-image {background-image:url('/resources/image/ex-img/banner_sample05.png')}

/* board 일 때 이미지 처리 */
.create_ref_table-board .design-section.design-type-banner.design-version_7 .canvas-content .item-data .section-image {width:100%; height:100vh; background-size:cover; background-repeat:no-repeat; background-position:center;}
.create_ref_table-board .design-section.design-type-banner.design-version_7 .canvas-content .item-data:nth-child(1n) .section-image {background-image:url('/resources/image/ex-img/banner_sample03.png')}
.create_ref_table-board .design-section.design-type-banner.design-version_7 .canvas-content .item-data:nth-child(2n) .section-image {background-image:url('/resources/image/ex-img/banner_sample04.png')}
.create_ref_table-board .design-section.design-type-banner.design-version_7 .canvas-content .item-data:nth-child(3n) .section-image {background-image:url('/resources/image/ex-img/banner_sample05.png')}

.design-section.design-type-banner.design-version_7 .slick-dots li.slick-active {border-color:#fff;}
.design-section.design-type-banner.design-version_7 .slick-dots li button {color:#fff;}

@media screen and (max-width:1024px) {
  /* 23.05.03 */
  .design-section.design-type-banner.design-version_7 .canvas-content .item-data .section-contents {top:38%;}
  .design-section.design-type-banner.design-version_7 .canvas-content .item-data .section-title span {font-size:2.5rem; font-weight:600;}
  .design-section.design-type-banner.design-version_7 .canvas-content .item-data .section-image {height:600px;}
  .design-section.design-type-banner.design-version_7 .canvas-content .item-data .section-image img {width:auto; height:100%;}
}















/* 게시판 - 카드형 - 버전8 (23.02.09 by.Hyemi) */
.design-section.design-type-card.design-version_8 {padding:120px 0; transition:.2s;background-color:#fafafa;}
.design-section.design-type-card.design-version_8 .create_view_type-layer {max-width:1600px; margin:0 auto;}
.design-type-card.design-version_8 .intro-content .title-content {padding-bottom:40px;}
.design-type-card.design-version_8 .intro-content .title-content span {font-size:4rem;}
.design-type-card.design-version_8 .intro-content .title-content span.title {color:#666;}
.design-type-card.design-version_8 .intro-content .title-content .more-btn a {font-size:0; display:inline-flex; align-items:center; justify-content:center; width:60px; height:60px; color:#fff; background-color:#0861C5; border-radius:50px; transition:.3s;}
.design-type-card.design-version_8 .intro-content .title-content .more-btn a:hover {margin-right:-10px;}
.design-type-card.design-version_8 .intro-content .title-content .more-btn a:before {content:'more'; font-size:1rem; font-weight:400;}
.design-type-card.design-version_8 .intro-content .title-content .more-btn a:after {display:none;}

.design-section.design-type-card.design-version_8 .canvas-content {display:flex; align-items:flex-start; flex-wrap: wrap; margin-top:50px; font-size:0;}
.design-section.design-type-card.design-version_8 .canvas-content .item-data {display:inline-block; cursor:pointer;}
/* grid2 */
.design-section.design-type-card.design-version_8 .canvas-content.grid2 .item-data {display:inline-block; width:calc(100% / 2 - 40px); margin-right:80px;}
.design-section.design-type-card.design-version_8 .canvas-content.grid2 .item-data:nth-child(2n) {margin-right:0;}
.design-section.design-type-card.design-version_8 .canvas-content.grid2 .item-data:nth-child(2n)~.item-data {margin-top:40px;}
/* grid3 */
.design-section.design-type-card.design-version_8 .canvas-content.grid3 .item-data {display:inline-block; width:calc(100% / 3 - 40px); margin-right:60px;}
.design-section.design-type-card.design-version_8 .canvas-content.grid3 .item-data:nth-child(3n) {margin-right:0;}
.design-section.design-type-card.design-version_8 .canvas-content.grid3 .item-data:nth-child(3n)~.item-data {margin-top:40px;}
/* grid4 */
.design-section.design-type-card.design-version_8 .canvas-content.grid4 .item-data {display:inline-block; width:calc(100% / 4 - 30px); margin-right:40px;}
.design-section.design-type-card.design-version_8 .canvas-content.grid4 .item-data:nth-child(4n) {margin-right:0;}
.design-section.design-type-card.design-version_8 .canvas-content.grid4 .item-data:nth-child(4n)~.item-data {margin-top:40px;}

.design-section.design-type-card.design-version_8 .canvas-content .item-data .section-txt {}
.design-section.design-type-card.design-version_8 .canvas-content .item-data .section-txt .section-title {margin-bottom:20px; height:100px; text-align:left;}
.design-section.design-type-card.design-version_8 .canvas-content .item-data .section-txt .section-title label {display:none;}
.design-section.design-type-card.design-version_8 .canvas-content .item-data .section-txt .section-title span {font-size:2.3rem; font-weight:700; transition:.3s;}
/* multi-line2 적용 */
.design-section.design-type-card.design-version_8 .canvas-content .item-data .section-txt .section-title span {display:-webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;-moz-line-clamp: 2;-moz-box-orient: vertical;-ms-line-clamp: 2;-ms-box-orient: vertical;text-overflow: ellipsis;overflow: hidden;white-space: unset;}
.design-section.design-type-card.design-version_8 .canvas-content .item-data .section-txt .section-contents {margin-bottom:60px; height:60px; text-align:left;}
.design-section.design-type-card.design-version_8 .canvas-content .item-data .section-txt .section-contents label {display:none;}
.design-section.design-type-card.design-version_8 .canvas-content .item-data .section-txt .section-contents span {font-size:1.1rem; color:#666; transition:.3s;}
/* multi-line3 적용 */
.design-section.design-type-card.design-version_8 .canvas-content .item-data .section-txt .section-contents span {display:-webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;-moz-line-clamp: 3;-moz-box-orient: vertical;-ms-line-clamp: 3;-ms-box-orient: vertical;text-overflow: ellipsis;overflow: hidden;white-space: unset;}
.design-section.design-type-card.design-version_8 .canvas-content .item-data .section-url {position:relative;}
.design-section.design-type-card.design-version_8 .canvas-content .item-data .section-url label {font-size:0; z-index:-1;}
.design-section.design-type-card.design-version_8 .canvas-content .item-data .section-url label:before {content:''; position:absolute; left:-5px; bottom:-3px; width:0; height:10px; background-color:rgba(205,243,255,.5); transition:.3s;}
.design-section.design-type-card.design-version_8 .canvas-content .item-data:hover .section-url label:before {width:42%;}
.design-section.design-type-card.design-version_8 .canvas-content .item-data .section-url a {display:inline-flex; align-items:center; justify-content:center; font-size:0; z-index:1; position:relative;}
.design-section.design-type-card.design-version_8 .canvas-content .item-data .section-url a:before {content:'VIEW MORE'; color:#444; font-size:.9rem; font-weight:600; transition:.3s;}
.design-section.design-type-card.design-version_8 .canvas-content .item-data .section-url a:after {content:''; display:inline-block; width:15px; height:15px; margin-left:4px; border-radius:30px; background-color:#666; background-size:cover; background-repeat:no-repeat; background-position:center; background-image:url('/resources/image/icon/plus_icon2_fff.png');}

.design-section.design-type-card.design-version_8 .canvas-content .item-data .section-image {display:flex; align-items:center; justify-content:center; width:100%; max-height:180px; overflow:hidden; border-radius:10px; margin-top:10px;}
/* 
.design-type-card.design-version_8 .ele-item {}
.design-type-card.design-version_8 .ele-image {display:none;}
.design-type-card.design-version_8 .ele-date {position:relative; margin-bottom:30px; font-size:1.3rem; font-weight:500; z-index:1;}
.design-type-card.design-version_8 .ele-date:before {content:''; position:absolute; bottom:0; left:0; width:0; height:10px; background-color:#cdf3ff; z-index:-1; transition:.3s;}
.design-type-card.design-version_8 .ele-title {margin-bottom:20px; height:100px;}
.design-type-card.design-version_8 .ele-title p {font-size:2.3rem; font-weight:700;}

.design-type-card.design-version_8 .ele-content span,
.design-type-card.design-version_8 .ele-content p {font-size:1.1rem; color:#444;}

.design-type-card.design-version_8 .ele-more-btn {display:inline-flex; align-items:center; justify-content:center;}
.design-type-card.design-version_8 .ele-more-btn:before {content:'VIEW MORE'; color:#444;}
.design-type-card.design-version_8 .ele-more-btn:after {content:''; display:inline-block; width:15px; height:15px; margin-left:4px; border-radius:30px; background-color:#666; background-size:cover; background-repeat:no-repeat; background-position:center; background-image:url('/resources/image/icon/plus_icon2_fff.png');} */
/* 마우스오버 애니메이션 */
.design-section-element.design-type-card.design-version_8 {transition:.2s;}
/* .design-section-element.design-type-card.design-version_8:hover {margin-top:-15px;} */
/* .design-type-card.design-version_8 .item-data:hover .design-section-element {margin-top:-15px;} */
.design-section.design-type-card.design-version_8 .canvas-content .item-data:hover .section-txt .section-title span {color:#0861C5;}
.design-section.design-type-card.design-version_8 .canvas-content .item-data:hover .section-txt .section-contents span {color:#000;}
.design-section.design-type-card.design-version_8 .canvas-content .item-data:hover .section-url a:after {background-color:#0861C5;}
.design-section-element.design-type-card.design-version_8:hover .ele-date:before {width:42%;}
.design-section-element.design-type-card.design-version_8:hover .ele-more-btn:after {background-color:#0861C5;}

@media screen and (max-width:1024px) {
  .design-type-card.design-version_1 .intro-content {padding:0 10px;}
  .design-type-card.design-version_1 .intro-content .title-content span.title {font-size:2rem;}
  .design-type-card.design-version_1 .intro-content .title-content span.sub-title {font-size:1rem;}
  /* .design-type-card.design-version_1 .canvas-content.grid4 .item-data {width:100%; margin-right:0;} */
  /* .design-type-card.design-version_1 .canvas-content.grid4 .item-data:nth-child(4n) {margin-top:;} */

  /* 23.03.24 */
  .design-section.design-type-banner.design-version_2 .canvas-content .item-data .section-contents {top:38%;}
  .design-section.design-type-banner.design-version_2 .canvas-content .item-data .section-title span {font-size:3rem; font-weight:600;}
  .design-section.design-type-banner.design-version_2 .canvas-content .item-data .section-image {height:600px;}
  .design-section.design-type-banner.design-version_2 .canvas-content .item-data .section-image img {width:auto; height:100%;}


  /* 카드형 - 버전1 (23.04.13) */
  .design-section.design-type-card.design-version_8 {padding:40px 10px; margin:80px auto;}
  .design-type-card.design-version_8 .intro-content .title-content {flex-direction:column; align-items:flex-start; padding-bottom:15px;}
  .design-section.design-type-card.design-version_8 .canvas-content .item-data {margin-bottom:50px;}
  /* grid2 */
  .design-section.design-type-card.design-version_8 .canvas-content.grid2 .item-data {width:100%; margin-right:0}
  /* grid3 */
  .design-section.design-type-card.design-version_8 .canvas-content.grid3 .item-data {width:100%; margin-right:0}
  /* grid4 */
  .design-section.design-type-card.design-version_8 .canvas-content.grid4 .item-data {width:100%; margin-right:0}

  .design-section.design-type-card.design-version_8 .canvas-content.grid2 .item-data:nth-child(2n)~.item-data {margin-top:0;}
  .design-section.design-type-card.design-version_8 .canvas-content.grid3 .item-data:nth-child(3n)~.item-data {margin-top:0;}
  .design-section.design-type-card.design-version_8 .canvas-content.grid4 .item-data:nth-child(4n)~.item-data {margin-top:0;}
  
  .design-section.design-type-card.design-version_8 .canvas-content .item-data .section-txt .section-contents {height:50px; margin-bottom:30px;}
  .design-section.design-type-card.design-version_8 .canvas-content .item-data .section-txt .section-contents span {font-size:1rem;}

  .design-type-card.design-version_8 .intro-content .title-content span {font-size:3rem;}


  .design-section.design-type-card.design-version_8 .canvas-content .item-data .section-image {justify-content: flex-start;}
}



/* 카드형 - 버전2 (23.02.10 by.Hyemi) */
.design-section.design-type-card.design-version_2 {padding:150px 0;}
.design-section.design-type-card.design-version_2 .create_view_type-layer {max-width:1600px; margin:0 auto; position:relative;}

.design-section.design-type-card.design-version_2 .canvas-content {white-space: nowrap; overflow-x:scroll; flex:.8; display:block; align-items:flex-end; padding-bottom:25px;}
/* .design-section.design-type-card.design-version_2 .canvas-content::-webkit-scrollbar {display:none;} */
.design-section.design-type-card.design-version_2 .canvas-content::-webkit-scrollbar-track {background-color:#fafafa; height:3px;}
.design-section.design-type-card.design-version_2 .canvas-content::-webkit-scrollbar-thumb {background-color:#ccc; height:3px;}

.design-section.design-type-card.design-version_2 .canvas-content .item-data {display:inline-block; margin-right:30px; cursor:pointer;}
.design-section.design-type-card.design-version_2 .canvas-content .item-data:last-child {margin-right:0;}
.design-section.design-type-card.design-version_2 .canvas-content .item-data .section-image {transition:.2s;}
.design-section.design-type-card.design-version_2 .canvas-content .item-data .section-image img {width:100%; border-radius:10px; transition:.2s;}
.design-section.design-type-card.design-version_2 .canvas-content .item-data:hover .section-image {display:flex; align-items:center; height:100%;}
.design-section.design-type-card.design-version_2 .canvas-content .item-data:hover .section-image img {width:99%;}
/* .design-section.design-type-card.design-version_2 .canvas-content .item-data:hover .section-image img {border-radius:10px;} */

.design-section.design-type-card.design-version_2 .canvas-content.grid3 .item-data {width:calc(100% / 3); margin-right:6px;}
.design-section.design-type-card.design-version_2 .canvas-content.grid3 .item-data:nth-child(1) {width:calc(100% / 3 + 50px); margin-right:6px;}
.design-section.design-type-card.design-version_2 .canvas-content.grid4 .item-data {width:calc(100% / 4); margin-right:4px;}

.design-section.design-type-card.design-version_2 .canvas-content .item-data .design-section-element {position:relative; display:flex; align-items:center; justify-content:center; flex-direction:column-reverse;}
.design-section.design-type-card.design-version_2 .canvas-content .item-data .design-section-element .section-txt {width:100%;}
.design-section.design-type-card.design-version_2 .canvas-content .item-data .design-section-element .section-txt .section-title {padding:0 10px 20px; margin-top:15px; width:100%;}
.design-section.design-type-card.design-version_2 .canvas-content .item-data .design-section-element .section-txt .section-title label {display:none;}
.design-section.design-type-card.design-version_2 .canvas-content .item-data .design-section-element .section-txt .section-title span {position:relative; font-weight:600; font-size:1.2rem; display:inline-block; width:100%;}
.design-section.design-type-card.design-version_2 .canvas-content .item-data .design-section-element .section-txt .section-title span {overflow: hidden; text-overflow: ellipsis; white-space: nowrap;word-wrap: normal;}
.design-section.design-type-card.design-version_2 .canvas-content .item-data .design-section-element .section-txt .section-title span:before {content:''; position:absolute; left:0; bottom:-3px; width:0; height:2px; background-color:#222; transition:.2s;}
.design-section.design-type-card.design-version_2 .canvas-content .item-data:hover .design-section-element .section-txt .section-title span:before {width:100%;}
.design-section.design-type-card.design-version_2 .canvas-content .item-data .design-section-element .section-txt .section-contents {display:none;}
/* .design-section.design-type-card.design-version_2 .canvas-content .item-data .design-section-element .section-url {display:none;} */
.design-section.design-type-card.design-version_2 .canvas-content .item-data .design-section-element .section-url {position:absolute; top:0; left:0; width:100%; height:100%;}
.design-section.design-type-card.design-version_2 .canvas-content .item-data .design-section-element .section-url label,
.design-section.design-type-card.design-version_2 .canvas-content .item-data .design-section-element .section-url a {font-size:0;}

/* 슬라이드 관련 스타일 */
.design-section.design-type-card.design-version_2 .canvas-content.slick-slider::-webkit-scrollbar {display:none;}
.design-section.design-type-card.design-version_2 .canvas-content .slick-arrow {position:absolute; top:inherit; bottom:0; left:0; width:35px; height:35px; transform:translate(0);}
.design-section.design-type-card.design-version_2 .canvas-content .slick-arrow.slick-prev {}
.design-section.design-type-card.design-version_2 .canvas-content .slick-arrow:before {display:block; width:100%; height:100%; opacity:1; font-size:0; background-size:cover; background-position:center; background-repeat:no-repeat;}
.design-section.design-type-card.design-version_2 .canvas-content .slick-arrow.slick-prev:before {background-image:url('/resources/image/icon/left-arrow.png');}
.design-section.design-type-card.design-version_2 .canvas-content .slick-arrow.slick-next {right:inherit; left: 40px;}
.design-section.design-type-card.design-version_2 .canvas-content .slick-arrow.slick-next:before {background-image:url('/resources/image/icon/right-arrow.png');}
/* .design-section.design-type-card.design-version_2 .canvas-content div[tabindex="0"] {background-color:#f8f8f8; padding:0;} */


.design-section-element.design-type-card.design-version_2 {transition:.2s; text-align:center;}
.design-section.design-type-card.design-version_2 .intro-content {display:flex; align-items:flex-start;}
.design-section.design-type-card.design-version_2 .intro-content .title-content {margin-right:80px; flex:.3; display:block;}
.design-section.design-type-card.design-version_2 .intro-content .title-content span {font-size:4rem;}
.design-section.design-type-card.design-version_2 .intro-content .title-content span.title {color:#666; display:block;}
.design-section.design-type-card.design-version_2 .intro-content .title-content .more-btn a {display:inline-flex; align-items:center; font-weight:700; font-size:1.2rem;}
.design-section.design-type-card.design-version_2 .intro-content .title-content .more-btn a:after {content:''; display:inline-block; width:20px; height:20px; margin-left:10px; background-image:url('/resources/image/icon/right-arrow_long.png'); background-size:contain; background-position:center; background-repeat: no-repeat; transition:.3s;}
.design-section.design-type-card.design-version_2 .intro-content .title-content .more-btn a:hover:after {margin-left:25px;}



.design-type-card.design-version_2 .ele-item {}
.design-type-card.design-version_2 .ele-image {position:relative; width:300px; height:300px; border-radius:10px; background-color:#eee; overflow:hidden; margin:0 auto;}
.design-type-card.design-version_2 .ele-image:after {content:''; position:absolute; top:0; left:0; width:100%; height:100%; background-color:rgba(0,0,0,.3);}
.design-type-card.design-version_2 .ele-image p {width:100%; height:100%;}
.design-type-card.design-version_2 .ele-image img {width:100%; height:100%;}
.design-type-card.design-version_2 .ele-date {display:none;}
.design-type-card.design-version_2 .ele-date:before {}
.design-type-card.design-version_2 .ele-title {margin-top:20px; width:300px;}
.design-type-card.design-version_2 .ele-title p {font-size:1.2rem; font-weight:700; color:#999;}
/* 첫번째 항목 스타일 값 수정 / swiper 적용 후에는 .active로 변경해야함 (23.02.10) */
.design-type-card.design-version_2 .item-data:first-child .ele-image {width:400px; height:400px;}
.design-type-card.design-version_2 .item-data:first-child .ele-image:after {display:none;}
.design-type-card.design-version_2 .item-data:first-child .ele-title {width:400px;}
.design-type-card.design-version_2 .item-data:first-child .ele-title p {font-size:1.4rem; color:#000;}
/* 첫번째 항목 스타일 값 수정 / swiper 적용 후에는 .active로 변경해야함 (23.02.10) */
/* keepText 적용 */
.design-type-card.design-version_2 .ele-title p {overflow: hidden; text-overflow: ellipsis; white-space: nowrap;word-wrap: normal;}
.design-type-card.design-version_2 .ele-content {display:none;}
.design-type-card.design-version_2 .ele-content span,
.design-type-card.design-version_2 .ele-content p {font-size:1.1rem; color:#444;}
.design-type-card.design-version_2 .ele-more-btn {}


.design-section.design-type-card.design-version_2 .slick-dots {display:none !important;}


@media screen and (max-width:1024px) {
  .design-section.design-type-card.design-version_2 {padding:80px 0;}
  .design-section.design-type-card.design-version_2 .intro-content .title-content span {font-size:3rem;}

  .design-section.design-type-card.design-version_2 .create_view_type-layer {padding:0 10px;}
  .design-section.design-type-card.design-version_2 .intro-content {flex-direction:column;}
  .design-section.design-type-card.design-version_2 .canvas-content {width:100%; margin-top:40px;}
  
  .design-section.design-type-card.design-version_2 .canvas-content .item-data {margin-right:15px;}
  .design-section.design-type-card.design-version_2 .ele-image {width:200px; height:200px;}
  .design-section.design-type-card.design-version_2 .ele-title {width:200px;}
  .design-section.design-type-card.design-version_2 .item-data:first-child .ele-image {width:240px; height:240px;}
  .design-section.design-type-card.design-version_2 .item-data:first-child .ele-title {width:240px;}
  


  /* 카드형 - 버전2 (23.04.13 by.Hyemi) */
  .design-section.design-type-card.design-version_2 .intro-content .title-content {flex:1; width:100%;}
  .design-section.design-type-card.design-version_2 .canvas-content .item-data .design-section-element .section-txt .section-title span {font-size:1rem;}



}


/* 에디터 유형은 제목 컬럼 삭제 (2023.09.21 / By.Chungwon) */
.form_item-data[data-type="editor"] .upload-tit {display:none;}


/* 에디터형 - 버전 1 (23.02.20 by.Hyemi) */
.design-type-editor.design-version_2 {}
.design-type-editor.design-version_2 .upload-tit {display:none;}





/* 카드형 - 버전2 (23.03.29 by.Hyemi) */
.design-section.design-type-card.design-version_3 {padding:150px 0; background-color:#f8f8f8;}
.design-section.design-type-card.design-version_3 .create_view_type-layer {max-width:1600px; margin:0 auto;}
.design-section.design-type-card.design-version_3 .title-content .txt-cont {display:flex; flex-direction:column-reverse;}
.design-section.design-type-card.design-version_3 .title-content .txt-cont .title {font-weight:400; margin-bottom:70px;}
.design-section.design-type-card.design-version_3 .title-content .txt-cont .sub-title {font-size:1.5rem; margin-bottom:10px;}

.design-section.design-type-card.design-version_3 .canvas-content {font-size:0;}
.design-section.design-type-card.design-version_3 .canvas-content .item-data {display:inline-block;}
.design-section.design-type-card.design-version_3 .canvas-content.grid1 .item-data {width:100%;}
.design-section.design-type-card.design-version_3 .canvas-content.grid1 .item-data .section-image {height:450px; width:100%;}
.design-section.design-type-card.design-version_3 .canvas-content.grid1 .item-data .section-image img {height:auto; width:100%;}
.design-section.design-type-card.design-version_3 .canvas-content.grid2 .item-data {width:calc(100% / 2 - 5px); margin-right:10px;}
.design-section.design-type-card.design-version_3 .canvas-content.grid2 .item-data:nth-child(2n) {margin-right:0;}
.design-section.design-type-card.design-version_3 .canvas-content.grid2 .item-data:nth-child(2n)~.item-data {margin-top:130px;}
.design-section.design-type-card.design-version_3 .canvas-content.grid3 .item-data {width:calc(100% / 3 - 4px); margin-right:6px;}
.design-section.design-type-card.design-version_3 .canvas-content.grid3 .item-data:nth-child(3n) {margin-right:0;}
.design-section.design-type-card.design-version_3 .canvas-content.grid3 .item-data:nth-child(3n)~.item-data {margin-top:130px;}
.design-section.design-type-card.design-version_3 .canvas-content.grid4 .item-data {width:calc(100% / 4 - 3px); margin-right:4px;}
.design-section.design-type-card.design-version_3 .canvas-content.grid4 .item-data:nth-child(4n) {margin-right:0;}
.design-section.design-type-card.design-version_3 .canvas-content.grid4 .item-data:nth-child(4n)~.item-data {margin-top:130px;}
.design-section.design-type-card.design-version_3 .canvas-content .item-data:last-child {margin-right:0;}

.design-section.design-type-card.design-version_3 .canvas-content .item-data .design-section-element {display:flex; flex-direction:column-reverse;}
.design-section.design-type-card.design-version_3 .canvas-content .item-data .section-txt {}
.design-section.design-type-card.design-version_3 .canvas-content .item-data .section-txt .section-title {text-align:left;}
.design-section.design-type-card.design-version_3 .canvas-content .item-data .section-txt .section-title label {display:none;}
.design-section.design-type-card.design-version_3 .canvas-content .item-data .section-txt .section-title span {font-weight:700; font-size:2rem;}
.design-section.design-type-card.design-version_3 .canvas-content .item-data .section-txt .section-contents label {display:none;}
.design-section.design-type-card.design-version_3 .canvas-content .item-data .section-txt .section-contents span {color:#333; font-size:1.1rem;}
.design-section.design-type-card.design-version_3 .canvas-content .item-data .section-url {display:none;}
.design-section.design-type-card.design-version_3 .canvas-content .item-data .section-image {display:none;}
.design-section.design-type-card.design-version_3 .canvas-content .item-data .section-image.active {width:100%; height:300px; margin-bottom:20px; display:flex; align-items:center; justify-content:center; border-radius:15px; overflow:hidden; border:1px solid #eee;}
.design-section.design-type-card.design-version_3 .canvas-content .item-data .section-image img {height:100%;}


@media screen and (max-width:1024px) {

  .design-section.design-type-card.design-version_3 {padding:90px 10px;}
  .design-section.design-type-card.design-version_3 .title-content .txt-cont .title {margin-bottom:50px; font-size:2rem;}
  .design-section.design-type-card.design-version_3 .canvas-content .item-data .section-txt .section-title {padding-bottom:10px;}
  /* .design-section.design-type-card.design-version_3 .canvas-content.grid4 .item-data {display:block; width:100%; margin-bottom:40px;} */
  /* .design-section.design-type-card.design-version_3 .canvas-content.grid4 .item-data:last-child {margin-bottom:0;} */
  
  /* .design-section.design-type-card.design-version_3 .canvas-content.grid4 .item-data:nth-child(4n)~.item-data {margin-top:0;} */
  .design-section.design-type-card.design-version_3 .canvas-content.grid1 .item-data {margin-bottom:40px;}
  .design-section.design-type-card.design-version_3 .canvas-content.grid1 .item-data .section-image img {height:100%; width:auto;}

  .design-section.design-type-card.design-version_3 .canvas-content.grid3 .item-data .section-image.active {height:150px;}
  .design-section.design-type-card.design-version_3 .canvas-content.grid3 .item-data .section-image img {height:100%; width:auto;}
  .design-section.design-type-card.design-version_3 .canvas-content.grid3 .item-data .section-txt .section-title span {font-size:1.4rem;}
  .design-section.design-type-card.design-version_3 .canvas-content.grid3 .item-data:nth-child(3n)~.item-data {margin-top:40px;}
  
  .design-section.design-type-card.design-version_3 .canvas-content.grid2 .item-data .section-image.active {height:150px;}
  .design-section.design-type-card.design-version_3 .canvas-content.grid2 .item-data .section-image img {height:100%; width:auto;}
  .design-section.design-type-card.design-version_3 .canvas-content.grid2 .item-data .section-txt .section-title span {font-size:1.6rem;}
  .design-section.design-type-card.design-version_3 .canvas-content.grid2 .item-data:nth-child(2n)~.item-data {margin-top:40px;}

  .design-section.design-type-card.design-version_3 .canvas-content.grid4 .item-data .section-image.active {height:100px;}
  .design-section.design-type-card.design-version_3 .canvas-content.grid4 .item-data .section-image.active img {height:100%; width:auto;}
  .design-section.design-type-card.design-version_3 .canvas-content.grid4 .item-data .section-txt .section-title span {font-size:1rem;}
  .design-section.design-type-card.design-version_3 .canvas-content.grid4 .item-data:nth-child(4n)~.item-data {margin-top:40px;}

}





/* 사용자정의 - 아이템/배너형 버전4 (23.03.30 by.Hyemi) */
.design-section.design-type-card.design-version_4 {padding:150px 0; background-color:#f8f8f8;}
.design-section.design-type-card.design-version_4 .create_view_type-layer {max-width:1600px; margin:0 auto;}
.design-section.design-type-card.design-version_4 .intro-content {display:flex; align-items:flex-start; justify-content:space-between;}
.design-section.design-type-card.design-version_4 .intro-content .title-content {flex:.3;}
.design-section.design-type-card.design-version_4 .intro-content .title-content .title {}
.design-section.design-type-card.design-version_4 .intro-content .title-content .sub-title {display:block; font-size:1.1rem; font-weight:400; margin-top:10px;}
.design-section.design-type-card.design-version_4 .intro-content .canvas-content {flex:.5; font-size:0;}

.design-section.design-type-card.design-version_4 .intro-content .canvas-content.grid1 .item-data {width: 100%; display: inline-block; margin-bottom:8px;}

.design-section.design-type-card.design-version_4 .intro-content .canvas-content.grid2 .item-data {width: calc(100% / 2 - 5px); margin-right: 10px; display: inline-block;}
.design-section.design-type-card.design-version_4 .intro-content .canvas-content.grid2 .item-data:nth-child(2n) {margin-right:0;}
.design-section.design-type-card.design-version_4 .intro-content .canvas-content.grid2 .item-data:nth-child(2n)~.item-data {margin-top:15px;}

.design-section.design-type-card.design-version_4 .intro-content .canvas-content.grid3 .item-data {width: calc(100% / 3 - 4px); margin-right: 6px; display: inline-block;}
.design-section.design-type-card.design-version_4 .intro-content .canvas-content.grid3 .item-data:nth-child(3n) {margin-right:0;}
.design-section.design-type-card.design-version_4 .intro-content .canvas-content.grid3 .item-data:nth-child(3n)~.item-data {margin-top:15px;}

.design-section.design-type-card.design-version_4 .intro-content .canvas-content.grid4 .item-data {width: calc(100% / 4 - 9px); margin-right: 12px; display: inline-block;}
.design-section.design-type-card.design-version_4 .intro-content .canvas-content.grid4 .item-data:nth-child(4n) {margin-right:0;}
.design-section.design-type-card.design-version_4 .intro-content .canvas-content.grid4 .item-data:nth-child(4n)~.item-data {margin-top:15px;}

.design-section.design-type-card.design-version_4 .intro-content .canvas-content .item-data .section-image {display:flex; align-items:center; justify-content:center; margin-bottom: 20px; width: 100px; height: 100px; padding: 30px; background-color: #f0f0f0; border-radius: 50%;}
.design-section.design-type-card.design-version_4 .intro-content .canvas-content .item-data .section-txt {text-align:center;}
.design-section.design-type-card.design-version_4 .intro-content .canvas-content .item-data .section-txt label {display:none;}
.design-section.design-type-card.design-version_4 .intro-content .canvas-content .item-data .section-txt .section-title span {font-weight:600; font-size:1.1rem;}
.design-section.design-type-card.design-version_4 .intro-content .canvas-content .item-data .section-url {display:none;}
.design-section.design-type-card.design-version_4 .intro-content .canvas-content .design-section-element {display:flex; flex-direction:column-reverse; align-items:center;}
@media screen and (max-width:1024px) {
  .design-section.design-type-card.design-version_4 {}
  .design-section.design-type-card.design-version_4 .intro-content {display:block; padding:0 10px;}
}


/* 사용자정의 - 아이템/배너형 버전5 (23.03.30 by.Hyemi) */
.design-section.design-type-card.design-version_5 {padding:150px 0; background-color:#001731;}
.design-section.design-type-card.design-version_5 .create_view_type-layer {max-width:1600px; margin:0 auto;}
.design-section.design-type-card.design-version_5 .intro-content {display:flex; align-items:flex-start; justify-content:space-between;}
.design-section.design-type-card.design-version_5 .intro-content .title-content {flex:.3;}
.design-section.design-type-card.design-version_5 .intro-content .title-content .title {font-size:3.4rem; color:#fff;}
.design-section.design-type-card.design-version_5 .intro-content .title-content .sub-title {display:block; font-size:1.4rem; font-weight:300; margin-top:20px; color:#fff;}
.design-section.design-type-card.design-version_5 .intro-content .canvas-content {flex:.55; font-size:0;}
.design-section.design-type-card.design-version_5 .intro-content .canvas-content .item-data {transition:.3s;}
/* .design-section.design-type-card.design-version_5 .intro-content .canvas-content .item-data:hover {border-radius:0; background-color:rgba(255,255,255,1);} */
.design-section.design-type-card.design-version_5 .intro-content .canvas-content .item-data:hover .section-txt p {color:#000;}
.design-section.design-type-card.design-version_5 .intro-content .canvas-content .item-data:hover .section-txt .section-title span {text-decoration:underline;}
.design-section.design-type-card.design-version_5 .intro-content .canvas-content .item-data:hover .section-txt .section-contents span {color:#222;}

.design-section.design-type-card.design-version_5 .intro-content .canvas-content.grid1 .item-data {margin-bottom:15px;}
.design-section.design-type-card.design-version_5 .intro-content .canvas-content.grid1 .item-data:last-child {margin-bottom:0;}

.design-section.design-type-card.design-version_5 .intro-content .canvas-content.grid2 .item-data {width: calc(100% / 2 - 5px); margin-right: 10px; display: inline-block;}
.design-section.design-type-card.design-version_5 .intro-content .canvas-content.grid2 .item-data:nth-child(2n) {margin-right:0;}
.design-section.design-type-card.design-version_5 .intro-content .canvas-content.grid2 .item-data:nth-child(2n)~.item-data {margin-top:10px;}

.design-section.design-type-card.design-version_5 .intro-content .canvas-content.grid3 .item-data {width: calc(100% / 3 - 4px); margin-right: 6px; display: inline-block;}
.design-section.design-type-card.design-version_5 .intro-content .canvas-content.grid3 .item-data:nth-child(3n) {margin-right:0;}
.design-section.design-type-card.design-version_5 .intro-content .canvas-content.grid3 .item-data:nth-child(3n)~.item-data {margin-top:6px;}

.design-section.design-type-card.design-version_5 .intro-content .canvas-content.grid4 .item-data {width: calc(100% / 4 - 3px); margin-right: 4px; display: inline-block;}
.design-section.design-type-card.design-version_5 .intro-content .canvas-content.grid4 .item-data:nth-child(4n) {margin-right:0;}
.design-section.design-type-card.design-version_5 .intro-content .canvas-content.grid4 .item-data:nth-child(4n)~.item-data {margin-top:4px;}

.design-section.design-type-card.design-version_5 .intro-content .canvas-content.item-data .section-image {display:flex; align-items:center; justify-content:center; margin-bottom: 20px; width: 100px; height: 100px; padding: 30px; background-color: #f0f0f0; border-radius: 50%;}
.design-section.design-type-card.design-version_5 .intro-content .canvas-content .item-data .section-txt {width:100%; height: 150px; text-align: left; background-color: rgba(255,255,255,.3); padding: 25px; border-radius: 20px; transition:.3s;}
.design-section.design-type-card.design-version_5 .intro-content .canvas-content .item-data:hover .section-txt {background-color:rgba(255,255,255,1); border-radius:0;}
.design-section.design-type-card.design-version_5 .intro-content .canvas-content .item-data .section-txt label {display:none;}
.design-section.design-type-card.design-version_5 .intro-content .canvas-content .item-data .section-txt p {color:#fff; text-align:left; padding-bottom:15px; transition:.2s;}
.design-section.design-type-card.design-version_5 .intro-content .canvas-content .item-data .section-txt .section-title span {font-weight:700; font-size:1.8rem; transition:.2s;}
.design-section.design-type-card.design-version_5 .intro-content .canvas-content .item-data .section-txt .section-contents span {color:#fff;}
.design-section.design-type-card.design-version_5 .intro-content .canvas-content .item-data .section-url {display:none;}
.design-section.design-type-card.design-version_5 .intro-content .canvas-content .item-data .section-image {font-size:0;}
.design-section.design-type-card.design-version_5 .intro-content .canvas-content .item-data .section-image.active {display:flex; align-items:center; justify-content:center; margin-bottom:5px; height:150px; overflow:hidden; border-radius:20px;}
.design-section.design-type-card.design-version_5 .intro-content .canvas-content .item-data .section-image.active img {width:100%; height:100%;}
.design-section.design-type-card.design-version_5 .intro-content .canvas-content.grid2 .item-data .section-image.active img,
.design-section.design-type-card.design-version_5 .intro-content .canvas-content.grid1 .item-data .section-image.active img {height:auto;}
.design-section.design-type-card.design-version_5 .intro-content .canvas-content .design-section-element {display:flex; flex-direction:column-reverse; align-items:center;}
@media screen and (max-width:1024px) {
  .design-section.design-type-card.design-version_5 .create_view_type-layer {padding:0 10px;}
  .design-section.design-type-card.design-version_5 .intro-content {display:block;}
  .design-section.design-type-card.design-version_5 .intro-content .title-content {display:block; width:100%; text-align:center; margin-bottom:60px;}
  .design-section.design-type-card.design-version_5 .intro-content .title-content .title {font-size:2.5rem;}
  .design-section.design-type-card.design-version_5 .intro-content .title-content .sub-title {font-size:1.2rem;}
  .design-section.design-type-card.design-version_5 .intro-content .canvas-content .item-data {width:100%; margin-right:0; margin-top:0; margin-bottom:10px;}
  .design-section.design-type-card.design-version_5 .intro-content .canvas-content .item-data:hover {border-radius:inherit; background-color:inherit;}
  .design-section.design-type-card.design-version_5 .intro-content .canvas-content .item-data:hover .section-txt {background-color:rgba(255,255,255,.3); border-radius:20px;}
  .design-section.design-type-card.design-version_5 .intro-content .canvas-content .item-data:hover .section-txt p {color:#fff;}
  .design-section.design-type-card.design-version_5 .intro-content .canvas-content .item-data:hover .section-txt span {color:#fff;}
  .design-section.design-type-card.design-version_5 .intro-content .canvas-content .item-data .section-txt .section-contents span {display:block;}
  .design-section.design-type-card.design-version_5 .intro-content .canvas-content .item-data:hover .section-txt .section-contents span {color:#fff;}
  .design-section.design-type-card.design-version_5 .intro-content .canvas-content.grid2 .item-data .section-txt,
  .design-section.design-type-card.design-version_5 .intro-content .canvas-content.grid3 .item-data .section-txt,
  .design-section.design-type-card.design-version_5 .intro-content .canvas-content.grid4 .item-data .section-txt {height:auto;}

  .design-section.design-type-card.design-version_5 .intro-content .canvas-content.gird2 .item-data .section-txt .section-title span {font-size:1.5rem;}
  .design-section.design-type-card.design-version_5 .intro-content .canvas-content.grid3 .item-data .section-txt .section-contents span {font-size:.9rem;}
  .design-section.design-type-card.design-version_5 .intro-content .canvas-content.gird4 .item-data .section-txt .section-title span {font-size:1.3rem;}
  .design-section.design-type-card.design-version_5 .intro-content .canvas-content.grid4 .item-data .section-txt .section-contents span {font-size:.9rem;}
}


/* 사용자정의 - 아이템/배너형 버전6 (23.04.01 by.Hyemi) */
.design-section.design-type-card.design-version_6 {padding:150px 0; background-color:#fafafa;}
.design-section.design-type-card.design-version_6 .create_view_type-layer {max-width:1600px; margin:0 auto;}
.design-section.design-type-card.design-version_6 .intro-content {}
.design-section.design-type-card.design-version_6 .intro-content .title-content {}
.design-section.design-type-card.design-version_6 .intro-content .title-content .title {font-size:3.4rem; color:#222;}
.design-section.design-type-card.design-version_6 .intro-content .title-content .sub-title {display:block; font-size:1.4rem; font-weight:300; margin-top:20px; color:#222;}
.design-section.design-type-card.design-version_6 .intro-content .canvas-content {font-size:0; margin-top:80px;}
.design-section.design-type-card.design-version_6 .intro-content .canvas-content .item-data {transition:.3s;}
.design-section.design-type-card.design-version_6 .intro-content .canvas-content .item-data:hover {}

.design-section.design-type-card.design-version_6 .intro-content .canvas-content.grid1 .item-data {width: 100%; margin-bottom: 10px; display: inline-block;}

.design-section.design-type-card.design-version_6 .intro-content .canvas-content.grid2 .item-data {width: calc(100% / 2 - 5px); margin-right: 10px; display: inline-block;}
.design-section.design-type-card.design-version_6 .intro-content .canvas-content.grid2 .item-data:nth-child(2n) {margin-right:0;}
.design-section.design-type-card.design-version_6 .intro-content .canvas-content.grid2 .item-data:nth-child(2n)~.item-data {margin-top:10px;}

.design-section.design-type-card.design-version_6 .intro-content .canvas-content.grid3 .item-data {width: calc(100% / 3 - 4px); margin-right: 6px; display: inline-block;}
.design-section.design-type-card.design-version_6 .intro-content .canvas-content.grid3 .item-data:nth-child(3n) {margin-right:0;}
.design-section.design-type-card.design-version_6 .intro-content .canvas-content.grid3 .item-data:nth-child(3n)~.item-data {margin-top:6px;}

.design-section.design-type-card.design-version_6 .intro-content .canvas-content.grid4 .item-data {width: calc(100% / 4 - 3px); margin-right: 4px; display: inline-block;}
.design-section.design-type-card.design-version_6 .intro-content .canvas-content.grid4 .item-data:nth-child(4n) {margin-right:0;}
.design-section.design-type-card.design-version_6 .intro-content .canvas-content.grid4 .item-data:nth-child(4n)~.item-data {margin-top:4px;}

.design-section.design-type-card.design-version_6 .intro-content .canvas-content.item-data .section-image {display:flex; align-items:center; justify-content:center; margin-bottom: 20px; width: 100px; height: 100px; padding: 30px; background-color: #f0f0f0; border-radius: 50%;}
.design-section.design-type-card.design-version_6 .intro-content .canvas-content .item-data .section-txt {width:100%;text-align: left;}
.design-section.design-type-card.design-version_6 .intro-content .canvas-content .item-data .section-txt label {display:none;}
.design-section.design-type-card.design-version_6 .intro-content .canvas-content .item-data .section-txt p {color:#222; text-align:left; padding:10px 0 15px; transition:.3s;}
.design-section.design-type-card.design-version_6 .intro-content .canvas-content .item-data .section-txt .section-title span {font-weight:700; font-size:1.8rem; transition:.3s;}
.design-section.design-type-card.design-version_6 .intro-content .canvas-content .item-data .section-txt .section-contents pre {min-height:auto;}
.design-section.design-type-card.design-version_6 .intro-content .canvas-content .item-data .section-url {display:none;}
.design-section.design-type-card.design-version_6 .intro-content .canvas-content .item-data .section-image {font-size:0; max-height:170px;}
.design-section.design-type-card.design-version_6 .intro-content .canvas-content .item-data .section-image img {height:100%;}
.design-section.design-type-card.design-version_6 .intro-content .canvas-content .design-section-element {display:flex; flex-direction:column-reverse; align-items:center; background-color:#fff; padding:40px; border:1px solid #eee; transition:.3s;}
.design-section.design-type-card.design-version_6 .intro-content .canvas-content .design-section-element:hover {background-color:#222; border-bottom-right-radius: 50px;}
.design-section.design-type-card.design-version_6 .intro-content .canvas-content .design-section-element:hover .section-txt span,
.design-section.design-type-card.design-version_6 .intro-content .canvas-content .design-section-element:hover .section-txt pre {color:#fff;}

@media screen and (max-width:1024px) {
  .design-section.design-type-card.design-version_6 .create_view_type-layer {padding:0 10px;}
  .design-section.design-type-card.design-version_6 .intro-content {display:block;}
  .design-section.design-type-card.design-version_6 .intro-content .title-content {display:block; width:100%; text-align:center; margin-bottom:60px;}
  .design-section.design-type-card.design-version_6 .intro-content .title-content .title {font-size:2.5rem;}
  .design-section.design-type-card.design-version_6 .intro-content .title-content .sub-title {font-size:1.2rem;}
  .design-section.design-type-card.design-version_6 .intro-content .canvas-content .item-data {width:100%; margin-right:0; margin-top:0; margin-bottom:10px;}
  .design-section.design-type-card.design-version_6 .intro-content .canvas-content .item-data:hover {border-radius:inherit; background-color:inherit;}
  .design-section.design-type-card.design-version_6 .intro-content .canvas-content .design-section-element:hover {background-color:#fff; border-bottom-right-radius:0;}
  .design-section.design-type-card.design-version_6 .intro-content .canvas-content .design-section-element:hover .section-txt span {color:#000;}
  .design-section.design-type-card.design-version_6 .intro-content .canvas-content .design-section-element {padding:20px; flex-direction:column;}
  .design-section.design-type-card.design-version_6 .intro-content .canvas-content.grid3 .design-section-element .section-title span {font-size:1.3rem;}
  .design-section.design-type-card.design-version_6 .intro-content .canvas-content.grid3 .design-section-element .section-contents span {font-size:1rem;}
  .design-section.design-type-card.design-version_6 .intro-content .canvas-content.grid4 .design-section-element .section-title span {font-size:1.3rem;}

}



/*************************************************************** 각 페이지별 CSS 버전관리 ***************************************************************/



/* 연혁 버전2 (23.04.27 by.Hyemi) */
.design-type-history.design-version_1 {text-align:center;}
.design-type-history.design-version_1:before {content:'디자인 준비중입니다.'; display:block; font-weight:700; font-size:3rem; padding:80px 0 20px;}
.design-type-history.design-version_1:after {content:'더 좋은 디자인 제공을 위해 준비중이니 조금만 기다려주세요!'; display:block; font-weight:600; font-size:1.3rem; padding:20px 0 80px;}
.design-type-history.design-version_1 .section-photo {display:none;}
.design-type-history.design-version_1 .item-data {display:none;}

@media screen and (max-width:1024px) {
}



/* 연혁 버전2 (23.04.04 by.Hyemi) */
.design-type-history.design-version_2 {max-width:1600px; margin:80px auto;}
/* .design-type-history.design-version_2:before {content:''; display:block; width:100%; height:320px; margin-bottom:80px; border-radius:0 0 80px 0; background-image:url('/resources/image/ex-img/history_bg1.png'); background-size:cover; background-position:center;} */
.design-type-history.design-version_2 .section-photo {display:flex; align-items:center; justify-content:center; width:100%; height:320px; margin-bottom:80px; border-radius:0 0 80px 0; overflow:hidden; background-color:#f8f8f8;}
.design-type-history.design-version_2 .section-photo .section-image {width:100%;}
.design-type-history.design-version_2 .section-photo .section-image img {border-radius:0 0 80px 0; max-width:100%;}
.design-type-history.design-version_2 .design-section-element {margin:0 0 20px; padding:20px 0 40px; border-bottom:1px solid #d9d9d9; display:flex; align-items:flex-start;}
.design-type-history.design-version_2 .design-section-element:before {display:none;}
.design-type-history.design-version_2 .design-section-element .history-num {flex:.1; font-size:2rem; font-weight:700; color:#0861C5;}
.design-type-history.design-version_2 .design-section-element .history-des {flex:.9; color:#444; font-size:1.1rem; line-height:1.4;}

@media screen and (max-width:1024px) {
  .design-type-history.design-version_2 {padding:0 10px;}
  .design-type-history.design-version_2 .design-section-element {flex-direction:column;}
  .design-type-history.design-version_2 .design-section-element .history-num {margin-bottom:10px;}
  .design-type-history.design-version_2 .section-photo {height:auto; border-radius: 0 0 40px 0; margin-bottom:40px;}
  .design-type-history.design-version_2 .section-photo .section-image img {border-radius:0 0 40px 0;}
}

/* 연혁 버전3 (23.04.05 by.Hyemi) */
.design-type-history.design-version_3 {max-width:1600px; margin:80px auto; display:flex; justify-content:space-between;}
.design-type-history.design-version_3 > div {width:50%; position:relative;}
/* .design-type-history.design-version_3 > div:before {content:''; position:absolute; display:block; top:0; left:-100%; width:95%; height:100%; max-height:1500px; border-radius:20px; background-image:url('/resources/image/ex-img/history_bg2.png'); background-size:cover; background-position:bottom;} */
.design-type-history.design-version_3 .section-photo {position:relative; border-radius:20px; overflow:hidden;}
.design-type-history.design-version_3 .section-photo .section-image {position:absolute; top:0; left:0; height:100%; width:100%; overflow:hidden;}
.design-type-history.design-version_3 .section-photo .section-image img {width:100%; background-color:#f8f8f8; border-radius:20px;}
.design-type-history.design-version_3 .item-data {display:flex; justify-content:center;}
.design-type-history.design-version_3 .design-section-element {margin:0 auto 20px; padding:20px 0 40px; display:inline-flex; align-items:flex-start; width:650px;}
.design-type-history.design-version_3 .design-section-element:before {display:none;}
.design-type-history.design-version_3 .design-section-element .history-num {flex:.25; font-size:2.5rem; letter-spacing:-6px; font-weight:700; padding-top:10px; border-top:2px solid #222;}
.design-type-history.design-version_3 .design-section-element .history-des {margin-top:20px; flex:1; color:#444; font-size:1.1rem; line-height:2.4; text-align:left;}

@media screen and (max-width:1024px) {
  .design-type-history.design-version_3 {padding:0 10px; justify-content:flex-start; flex-direction:column;}
  .design-type-history.design-version_3 > div {width:100%;}
  .design-type-history.design-version_3 > div:before {position:relative; left:0; width:100%; height:300px;}
  .design-type-history.design-version_3 .design-section-element {flex-direction:column; width:100%;}
  .design-type-history.design-version_3 .design-section-element .history-num {padding-top:0; border-top:none; border-left:2px solid #222; padding-left:10px;}
}

/* 연혁 버전4 (23.04.27 by.Hyemi) */
.design-type-history.design-version_4 {max-width:1600px; margin:80px auto;}
/* .design-type-history.design-version_4:before {content:''; display:block; width:100%; height:320px; margin-bottom:80px; border-radius:0 0 80px 0; background-image:url('/resources/image/ex-img/history_bg1.png'); background-size:cover; background-position:center;} */
.design-type-history.design-version_4 .section-photo {display:flex; align-items:center; justify-content:center; width:100%; min-height:100px; max-height:320px; margin-bottom:80px; border-radius:0 0 80px 0; overflow:hidden;}
.design-type-history.design-version_4 .section-photo .section-image {width:100%; text-align:center;}
.design-type-history.design-version_4 .section-photo .section-image img {border-radius:0 0 80px 0; max-width:100%;}
.design-type-history.design-version_4 .design-section-element {margin:0 0 20px; padding:20px 0 40px; border-bottom:1px solid #d9d9d9; display:flex; align-items:flex-start;}
.design-type-history.design-version_4 .design-section-element:before {display:none;}
.design-type-history.design-version_4 .design-section-element .history-num {flex:.1; font-size:2rem; font-weight:700;}
.design-type-history.design-version_4 .design-section-element .history-des {flex:.9; color:#444; font-size:1.1rem; line-height:1.4;}

@media screen and (max-width:1024px) {
  .design-type-history.design-version_4 {padding:0 10px;}
  .design-type-history.design-version_4 .design-section-element {flex-direction:column;}
  .design-type-history.design-version_4 .design-section-element .history-num {margin-bottom:10px;}
}




/* 게시판 상세1 (23.04.07 by.Hyemi) */
#container-detail.container-common1.design-list-version_1 .intro-wrap {max-width:1600px; margin:50px auto;}
#container-detail.container-common1.design-list-version_1 .intro-wrap .write-sub#btn-container2 {display:none;}
#container-detail.container-common1.design-list-version_1 .intro-wrap .write-sub .detail-btn-cont-left {text-align:left;}
 /* .detail-btn .wb-cancel {padding:8px 15px; font-size:.9rem; color:#444; border-radius:3px;} */
#container-detail.container-common1.design-list-version_1 .intro-wrap .upload-cont .ver1 .form_item-data {display:inline-block; text-align:left;}
#container-detail.container-common1.design-list-version_1 .intro-wrap .upload-cont .ver1 .form_item-data .upload-item .upload-tit {display:none;}
#container-detail.container-common1.design-list-version_1 .intro-wrap .upload-cont .ver1 .form_item-data.createForm-thumbnail {display:none;}
#container-detail.container-common1.design-list-version_1 .intro-wrap .upload-cont .ver1 .form_item-data.createForm-title {display:block; margin-bottom:15px;}
#container-detail.container-common1.design-list-version_1 .intro-wrap .upload-cont .ver1 .form_item-data.createForm-title .upload-input span {font-size:2rem; font-weight:700;}
#container-detail.container-common1.design-list-version_1 .intro-wrap .upload-cont .ver1 .form_item-data.createForm-content {display:block; padding:40px 0; margin-top:50px; border-top:1px solid #ddd; border-bottom:1px solid #ddd; line-height:1.4;}
#container-detail.container-common1.design-list-version_1 .intro-wrap .upload-cont .ver1 .form_item-data.createForm-insert_date {float:right; margin-right:6px;}
#container-detail.container-common1.design-list-version_1 .intro-wrap .upload-cont .ver1 .form_item-data.createForm-insert_date .upload-input span {color:#444; font-size:.9rem;}
#container-detail.container-common1.design-list-version_1 .intro-wrap .upload-cont .ver1 .form_item-data.createForm-insert_date .upload-input span:before {content:'작성일'; padding-right:5px; font-weight:700;}
#container-detail.container-common1.design-list-version_1 .intro-wrap .upload-cont .ver1 .form_item-data.createForm-reg_user_name {float:right;}
#container-detail.container-common1.design-list-version_1 .intro-wrap .upload-cont .ver1 .form_item-data.createForm-reg_user_name .upload-input span {color:#444; font-size:.9rem;}
#container-detail.container-common1.design-list-version_1 .intro-wrap .upload-cont .ver1 .form_item-data.createForm-reg_user_name .upload-input span:before {content:'작성자'; padding-right:5px; font-weight:700;}
#container-detail.container-common1.design-list-version_1 .intro-wrap .upload-cont .ver1 .form_item-data.createForm-hit {float:left;}
#container-detail.container-common1.design-list-version_1 .intro-wrap .upload-cont .ver1 .form_item-data.createForm-hit .upload-input span {color:#444; font-size:.9rem;}
#container-detail.container-common1.design-list-version_1 .intro-wrap .upload-cont .ver1 .form_item-data.createForm-hit .upload-input span:before {content:'조회'; padding-right:5px; font-weight:700;}
#container-detail.container-common1.design-list-version_1 .intro-wrap .detail-btn .wb-cancel {padding:8px 15px; font-size:.9rem; color:#444; border-radius:3px; background-color: #fff; box-shadow: 2px 2px 8px #f8f8f8;}


/* 에디터 섹션 버전 2 (23.04.11 by.Hyemi) */
.design-type-editor.design-version_2 {background-color:#f8f8f8;}
.design-type-editor.design-version_2 .ver1 {max-width:1600px; margin:0 auto; padding:30px 0;}

@media screen and (max-width:1024px) {
  .design-type-editor.design-version_2 .ver1 {padding:20px 10px;}
}



/* 동영상 섹션 버전 1 (23.04.11 by.Hyemi) */
.design-type-video.design-version_1 {position:relative; width:100%; height:110vh; overflow:hidden;}
.design-type-video.design-version_1 .section-title {position:absolute; top:0; left:0; width:100%; height:100%; z-index:1000;}
.design-type-video.design-version_1 .section-title span {position:absolute; left:10%; display:block; color:#fff; text-align:left;}
.design-type-video.design-version_1 .section-title .section-name-title {top:45%;font-size:5rem;}
.design-type-video.design-version_1 .section-title .section-set-title {top:50%; transform:translateY(-50%); font-size:3rem; font-weight:500;}
.design-type-video.design-version_1 .section-title .section-set-sub_title {top:calc(50% + 50px); transform:translateY(-50%); font-size:2.4rem; font-weight:500;}
.design-type-video.design-version_1 .video-wrap {width:100%; height:100%; display:flex; align-items:center; justify-content:center; overflow:hidden; padding-top:0; padding-bottom:0; position:absolute; top:0; left:0; right:0; bottom:0; margin-top:-65px;}
.design-type-video.design-version_1 iframe {width:100%; height:100%;}
.design-type-video.design-version_1 iframe .html5-video-player {width:150%;}
.design-type-video.design-version_1 iframe .html5-video-container {height:100%; overflow:hidden;}
.design-type-video.design-version_1 iframe .html5-video-container video {height:200%;}





@media screen and (max-width:1024px) { 
  .design-type-video.design-version_1 {height:60vh; background-color:#000;}
  .design-type-video.design-version_1 .section-title {width:80%; height:auto; top:inherit; left:10px; bottom:10px;}
  .design-type-video.design-version_1 .section-title span {left:0; top:0; position:relative;}
  .design-type-video.design-version_1 .section-title .section-name-title {font-size:2rem; font-weight:600;}
  .design-type-video.design-version_1 .section-title .section-set-title {font-size:1rem;}
  .design-type-video.design-version_1 .section-title .section-set-sub_title {font-size:0.8rem;}
  .design-type-video.design-version_1 .video-wrap {height:auto;}
  .design-type-video.design-version_1 iframe {height:85%;}
  .design-type-video.design-version_1 iframe .html5-video-container video {top:0 !important; height:400px !important;}
  .design-type-video.design-version_1 iframe .html5-video-player .video-click-tracking,
  .design-type-video.design-version_1 iframe .html5-video-player .video-stream {top:0 !important; height:400px !important;}
}






/* multi-line2 적용 */
.design-section.design-type-card .canvas-content .item-data .section-txt .section-title span,
.design-section.design-type-card .canvas-content .item-data .section-txt .section-title p,
.design-section.design-type-card .canvas-content .item-data .section-txt .section-title pre {display:-webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;-moz-line-clamp: 2;-moz-box-orient: vertical;-ms-line-clamp: 2;-ms-box-orient: vertical;text-overflow: ellipsis;overflow: hidden;white-space: unset;}
/* multi-line3 적용 */
.design-section.design-type-card .canvas-content .item-data .section-txt .section-contents span,
.design-section.design-type-card .canvas-content .item-data .section-txt .section-contents p,
.design-section.design-type-card .canvas-content .item-data .section-txt .section-contents pre {display:-webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;-moz-line-clamp: 3;-moz-box-orient: vertical;-ms-line-clamp: 3;-ms-box-orient: vertical;text-overflow: ellipsis;overflow: hidden;white-space: unset;}

.design-section.design-type-card .canvas-content .item-data .section-txt .section-contents span,
.design-section.design-type-card .canvas-content .item-data .section-txt .section-contents p,
.design-section.design-type-card .canvas-content .item-data .section-txt .section-contents pre {min-height:55px;}


/* 이미지 적용/공통 (23.04.27 by.Hyemi) */
.section-photo .section-image {position:relative;}
.section-photo .section-image:after {content:''; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:30px; height:30px; background-image:url('/resources/image/icon/empty-image.png'); background-size:contain; background-repeat:no-repeat; background-position: center;}
.section-photo .section-image.active:after {display:none;}












/* 제조 샘플 데이터 만드는 중 (23.05.17 ~ by.Hyemi) */
/* 사용자정의 - 아이템/카드형 - 버전10 */
.design-type-card.design-version_10 {padding:40px 0 150px; max-width:1600px; margin:0 auto;}
.design-type-card.design-version_10 .design-section-element {padding:0; display:flex; flex-direction:column-reverse;}
.design-type-card.design-version_10 .intro-content {}
.design-type-card.design-version_10 .intro-content .title-content {}
.design-type-card.design-version_10 .intro-content .title-content .txt-cont .title {font-size:3rem !important; font-weight:800;}
.design-type-card.design-version_10 .intro-content .title-content .txt-cont .sub-title {display:block; margin-top:6px; color:#444 !important; font-size:1.5rem !important; font-weight:400;}
.design-type-card.design-version_10 .canvas-content {position:relative; margin-top:80px; min-height:850px;}
.design-type-card.design-version_10 .canvas-content .item-data {padding-top:50px;}

.design-type-card.design-version_10 .canvas-content .item-data .section-txt {width:55%; padding:22px; cursor:pointer; transition:.3s;  z-index:11;}
.design-type-card.design-version_10 .canvas-content .item-data .section-txt:after {content:'';  position:absolute; top:50%; right:24px; transform:translateY(-50%); display:none; width:15px; height:15px; background-image:url('/resources/image/icon/right_arrow.png'); background-size:contain; background-position:center; background-repeat:no-repeat; transition:.3s;}
.design-type-card.design-version_10 .canvas-content .item-data .section-txt .section-title {text-align:left; padding:0;}
.design-type-card.design-version_10 .canvas-content .item-data .section-txt .section-title label {display:none;}
.design-type-card.design-version_10 .canvas-content .item-data .section-txt .section-title span {padding-bottom:8px; font-size:2rem; font-weight:600; color:#222;}
.design-type-card.design-version_10 .canvas-content .item-data .section-txt .section-contents label {display:none;}
.design-type-card.design-version_10 .canvas-content .item-data .section-txt .section-contents pre {font-size:1.1rem !important; color:#666; min-height:auto !important;}

/* .design-type-card.design-version_10 .canvas-content .item-data:hover .section-txt {position:relative; padding:30px; background-color:#222; border-radius:15px; box-shadow: 0 8px 14px rgba(0,0,0,.4);}
.design-type-card.design-version_10 .canvas-content .item-data:hover .section-txt:after {display:block; right:35px;}
.design-type-card.design-version_10 .canvas-content .item-data:hover .section-txt .section-title span {color:#fff;}
.design-type-card.design-version_10 .canvas-content .item-data:hover .section-txt .section-contents pre {color:#fff; min-height:auto;} */

/* 스타일 임시 수정 (23.06.05) */
.design-type-card.design-version_10 .canvas-content .item-data.active .section-txt {position:relative; padding:30px; background-color:#222; border-radius:15px; box-shadow: 0 8px 14px rgba(0,0,0,.4);}
.design-type-card.design-version_10 .canvas-content .item-data.active .section-txt:after {display:block; right:35px;}
.design-type-card.design-version_10 .canvas-content .item-data.active .section-txt .section-title span {color:#fff;}
.design-type-card.design-version_10 .canvas-content .item-data.active .section-txt .section-contents pre {color:#fff; min-height:auto;}

.design-type-card.design-version_10 .canvas-content .section-url {height:100px; width:100%; position:absolute;}
.design-type-card.design-version_10 .canvas-content .section-url label {display:none;}
.design-type-card.design-version_10 .canvas-content .section-url a {font-size:0;}
.design-type-card.design-version_10 .canvas-content .section-image {position:absolute; top:0; right:0; display:flex; align-items:center; justify-content:center; width:800px; height:800px; overflow:hidden; background-color:#f8f8f8; border-radius:20px;}
.design-type-card.design-version_10 .canvas-content .section-image img {display:none; width:100%; height:100%; transition:.3s;}
.design-type-card.design-version_10 .canvas-content .item-data:first-child .section-image img {display:block; z-index:8;}
.design-type-card.design-version_10 .canvas-content .item-data.active .section-txt~.section-image img {display:block; position:relative; z-index:10;}

/* multi-line2 적용 */
.design-type-card.design-version_10 .section-contents span {display:-webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;-moz-line-clamp: 2;-moz-box-orient: vertical;-ms-line-clamp: 2;-ms-box-orient: vertical;text-overflow: ellipsis;overflow: hidden;white-space: unset;}
.design-type-card.design-version_10 .ele-content {margin-bottom:60px; height:60px;}
/* multi-line3 적용 */
.design-type-card.design-version_10 .section-contents span {display:-webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;-moz-line-clamp: 3;-moz-box-orient: vertical;-ms-line-clamp: 3;-ms-box-orient: vertical;text-overflow: ellipsis;overflow: hidden;white-space: unset; font-size:1rem !important; color:#444;}


@media screen and (max-width:1024px) {
  .design-type-card.design-version_10 {padding:60px 10px; max-width:100%;}
  .design-type-card.design-version_10 .design-section-element {position:relative;}
  .design-type-card.design-version_10 .intro-content .title-content .txt-cont .title {font-size:2.5rem !important;}
  .design-type-card.design-version_10 .intro-content .title-content .txt-cont .sub-title {font-size:1.2rem !important;}
  .design-type-card.design-version_10 .canvas-content {margin-top:45px;}
  .design-type-card.design-version_10 .canvas-content .item-data {margin-bottom:30px;}
  .design-type-card.design-version_10 .canvas-content .section-txt {width:100%; padding:15px;}
  .design-type-card.design-version_10 .canvas-content .section-txt:after {display:none;}
  .design-type-card.design-version_10 .canvas-content .section-txt:hover {padding: 15px; background-color: transparent; border-radius: 0; box-shadow: none;}
  .design-type-card.design-version_10 .canvas-content .section-txt:hover .section-title span {color:#222;}
  .design-type-card.design-version_10 .canvas-content .section-txt:hover .section-contents span {color:#666;}
  .design-type-card.design-version_10 .canvas-content .section-url {position:absolute; top:0; left:0; height:100%;}
  .design-type-card.design-version_10 .canvas-content .section-image {position:relative; top:inherit; right:inherit; width:100%; height:300px;}
  .design-type-card.design-version_10 .canvas-content .section-image img {display:block;}
}
  
/* 사용자정의 - 아이템/카드형 - 버전11  (23.05.19 by.Hyemi) */
.design-type-card.design-version_11 {padding:40px 0 150px; min-height: 700px; background-image:url('/resources/image/icon/card11_bg.png'); background-repeat:no-repeat; background-size:cover; background-position:top;}
.design-type-card.design-version_11 .create_view_type-layer {max-width:1600px; margin:0 auto;}
.design-type-card.design-version_11 .design-section-element {background-image: none; min-height:auto; padding:0;}

.design-type-card.design-version_11 .intro-content .txt-cont .title {font-size:3rem !important; font-weight:700;}
.design-type-card.design-version_11 .intro-content .txt-cont .sub-title {font-size:1.4rem !important; font-weight:400; color:#444 !important; display:block; padding-top:10px;}
.design-type-card.design-version_11 .canvas-content {font-size:0; width:80%; float:right; padding:100px 0;}


.design-type-card.design-version_11 .canvas-content .item-data {display:inline-block; position:relative; margin-bottom:100px;}
.design-type-card.design-version_11 .canvas-content.grid1 .item-data {width:100%;}
.design-type-card.design-version_11 .canvas-content.grid2 .item-data {width:calc(100% / 2 - 5px); margin-right:10px;}
.design-type-card.design-version_11 .canvas-content.grid2 .item-data:nth-child(2n) {margin-right:0;}
.design-type-card.design-version_11 .canvas-content.grid3 .item-data {width:calc(100% / 3 - 4px); margin-right:6px;}
.design-type-card.design-version_11 .canvas-content.grid3 .item-data:nth-child(3n) {margin-right:0;}
.design-type-card.design-version_11 .canvas-content.grid4 .item-data {width:calc(100% / 4 - 3px); margin-right:4px;}
.design-type-card.design-version_11 .canvas-content.grid4 .item-data:nth-child(4n) {margin-right:0;}

.design-type-card.design-version_11 .canvas-content .item-data .section-txt {display:flex; align-items:center; justify-content:center; flex-direction:row-reverse;}
.design-type-card.design-version_11 .canvas-content .item-data .section-txt .section-title label,
.design-type-card.design-version_11 .canvas-content .item-data .section-txt .section-contents label {display:none;}
.design-type-card.design-version_11 .canvas-content .item-data .section-txt .section-title {padding:0;}
.design-type-card.design-version_11 .canvas-content .item-data .section-txt .section-title span {font-size:4rem; font-weight:700; cursor:pointer; transition:.3s;}
.design-type-card.design-version_11 .canvas-content .item-data .section-txt .section-title span:hover {font-size:5.5rem;}
.design-type-card.design-version_11 .canvas-content .item-data .section-txt .section-contents pre {max-width:50%; display:inline-block; text-align:left; margin-right:15px; font-size:1.1rem; min-height:auto; color:#444 !important;}
.design-type-card.design-version_11 .canvas-content .item-data .section-url {font-size:0;}
.design-type-card.design-version_11 .canvas-content .item-data .section-url label {display:none;}
.design-type-card.design-version_11 .canvas-content .item-data .section-url a {font-size:0;}
.design-type-card.design-version_11 .canvas-content .item-data .section-image {display:none; width: 100%; max-height: 200px; border-radius: 10px; overflow: hidden;}
.design-type-card.design-version_11 .canvas-content .item-data .section-image img {width: 100%; height: 100%; background-color: #f8f8f8; border: none;}

/* multi-line2 적용 */
.design-type-card.design-version_11 .section-contents pre {display:-webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;-moz-line-clamp: 2;-moz-box-orient: vertical;-ms-line-clamp: 2;-ms-box-orient: vertical;text-overflow: ellipsis;overflow: hidden;white-space: unset;}
.design-type-card.design-version_11 .ele-content {margin-bottom:60px; height:60px;}
/* multi-line3 적용 */
.design-type-card.design-version_11 .section-contents pre {display:-webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;-moz-line-clamp: 3;-moz-box-orient: vertical;-ms-line-clamp: 3;-ms-box-orient: vertical;text-overflow: ellipsis;overflow: hidden;white-space: unset; color:#444;}


@media screen and (max-width:1024px) {
  .design-type-card.design-version_11 {padding:50px 10px 80px;}
  
  .design-type-card.design-version_11 .intro-content .title-content {display:block;}
  .design-type-card.design-version_11 .canvas-content {width:100%; float:inherit;}
  
  .design-type-card.design-version_11 .intro-content .txt-cont .title {font-size:2.5rem !important;}
  .design-type-card.design-version_11 .intro-content .txt-cont .sub-title {font-size:1.2rem !important;}
  
  .design-type-card.design-version_11 .canvas-content .item-data .section-txt .section-title span {font-size:3rem;}
  .design-type-card.design-version_11 .canvas-content .item-data .section-txt .section-title span:hover {font-size:3rem;}
  .design-type-card.design-version_11 .canvas-content .item-data .section-txt .section-contents pre {font-size:1rem;}

  .design-type-card.design-version_11 .canvas-content.grid2 .item-data {width:100%; margin-right:0; margin-bottom:40px;}
  .design-type-card.design-version_11 .canvas-content.grid2 .item-data:nth-child(2n) {margin-right:0;}
  .design-type-card.design-version_11 .canvas-content.grid3 .item-data {width:100%; margin-right:0; margin-bottom:40px;}
  .design-type-card.design-version_11 .canvas-content.grid3 .item-data:nth-child(3n) {margin-right:0;}
  .design-type-card.design-version_11 .canvas-content.grid4 .item-data {width:100%; margin-right:0; margin-bottom:40px;}
  .design-type-card.design-version_11 .canvas-content.grid4 .item-data:nth-child(4n) {margin-right:0;}

}



/* 아이템/배너형 버전8 (23.05.19 by.Hyemi) */
.design-type-banner.design-version_8 {position:relative; max-width:1600px; margin:0 auto; padding:80px 0 120px;}
.design-type-banner.design-version_8 .design-section-element {padding:0;}
.design-type-banner.design-version_8 .intro-content .title-content {margin-bottom:50px;}
.design-type-banner.design-version_8 .intro-content .txt-cont {display: flex; align-items: center; justify-content: space-between; width: 100%;}
.design-type-banner.design-version_8 .intro-content .txt-cont .title {font-size:2.4rem !important;}
.design-type-banner.design-version_8 .intro-content .txt-cont .sub-title {font-size:1.4rem !important; font-weight:400;}

.design-type-banner.design-version_8 .canvas-content {font-size:0;}
.design-type-banner.design-version_8 .canvas-content .item-data {display:inline-block; position:relative; cursor:pointer;}
.design-type-banner.design-version_8 .canvas-content .item-data .section-txt {position:absolute; top:0; left:0; width:100%; height:100%;}
.design-type-banner.design-version_8 .canvas-content .item-data .section-txt .section-title {padding:20px; text-align:left;}
.design-type-banner.design-version_8 .canvas-content .item-data .section-txt .section-title span {font-size:2rem; font-weight:700;}
.design-type-banner.design-version_8 .canvas-content .item-data .section-txt .section-contents span {font-size:1.1rem;}
.design-type-banner.design-version_8 .canvas-content .item-data .section-txt .section-title label,
.design-type-banner.design-version_8 .canvas-content .item-data .section-txt .section-contents label {display:none;}
.design-type-banner.design-version_8 .canvas-content .item-data .section-url {position:absolute; bottom:20px; right:20px; width:80px; height:80px; display:flex; align-items:center; justify-content:center; border-radius:50%; background-color:rgba(0,0,0,.5);}
.design-type-banner.design-version_8 .canvas-content .item-data .section-url label {display:none;}
.design-type-banner.design-version_8 .canvas-content .item-data .section-url a {font-size:0; display:inline-flex; align-items:center; justify-content:center;}
.design-type-banner.design-version_8 .canvas-content .item-data .section-url a:before {content:'＋'; font-size:2.4rem; font-weight:300; color:#fff; transition:.3s;}
.design-type-banner.design-version_8 .canvas-content .item-data .section-image {height:400px; display:flex; align-items:center; justify-content:center; overflow:hidden; border-radius:15px;}
.design-type-banner.design-version_8 .canvas-content .item-data .section-image img {height:100%;}

.design-type-banner.design-version_8 .canvas-content .item-data:hover:before {content:''; position:absolute; top:0; left:0; width:100%; height:100%; border-radius:15px; background-color:rgba(0,0,0,.3); z-index:3;}
.design-type-banner.design-version_8 .canvas-content .item-data:hover .section-txt {z-index:10;}
.design-type-banner.design-version_8 .canvas-content .item-data:hover .section-txt .section-title span {color:#fff;}
.design-type-banner.design-version_8 .canvas-content .item-data:hover .section-txt .section-contents pre {color:#fff;}
.design-type-banner.design-version_8 .canvas-content .item-data:hover .section-url {background-color:rgba(255,255,255,.6);}
.design-type-banner.design-version_8 .canvas-content .item-data:hover .section-url a:before {color:#222; transform:rotate(180deg);}

.design-type-banner.design-version_8 .canvas-content.grid1 .item-data {width:100%;}
.design-type-banner.design-version_8 .canvas-content.grid2 .item-data {width:calc(100% / 2 - 5px); margin-right:10px;}
.design-type-banner.design-version_8 .canvas-content.grid2 .item-data:nth-child(2n) {margin-right:0;}
.design-type-banner.design-version_8 .canvas-content.grid3 .item-data {width:calc(100% / 3 - 4px); margin-right:6px;}
.design-type-banner.design-version_8 .canvas-content.grid3 .item-data:nth-child(3n) {margin-right:0;}
.design-type-banner.design-version_8 .canvas-content.grid4 .item-data {width:calc(100% / 4 - 3px); margin-right:4px;}
.design-type-banner.design-version_8 .canvas-content.grid4 .item-data:nth-child(4n) {margin-right:0;}



@media screen and (max-width:1024px) {
  .design-type-banner.design-version_8 {padding:60px 10px 80px;}
  .design-type-banner.design-version_8 .intro-content .txt-cont {flex-direction:column;}
  .design-type-banner.design-version_8 .intro-content .txt-cont .sub-title {margin-top:8px; font-size:1.2rem;}

  .design-type-banner.design-version_8 .canvas-content .item-data .section-image{height:250px;}
  .design-type-banner.design-version_8 .canvas-content.grid2 .item-data {width:100%; margin-right:0; margin-bottom:10px;}
  .design-type-banner.design-version_8 .canvas-content.grid3 .item-data {width:100%; margin-right:0; margin-bottom:10px;}
  .design-type-banner.design-version_8 .canvas-content.grid4 .item-data {width:100%; margin-right:0; margin-bottom:10px;}

  .design-type-banner.design-version_8 .canvas-content .item-data .section-url {width:50px; height:50px;}
  .design-type-banner.design-version_8 .canvas-content .item-data .section-url a:before {font-size:2rem;}
  
}



/* 아이템/배너형 버전9 (23.05.19 by.Hyemi) */
.design-type-banner.design-version_9 {position:relative; max-width:1600px; margin:0 auto; padding:80px 0 120px;}
.design-type-banner.design-version_9 .design-section-element {padding:0; height:100%;}
.design-type-banner.design-version_9 .intro-content .title-content {margin-bottom:50px;}
.design-type-banner.design-version_9 .intro-content .txt-cont {display: flex; align-items: center; justify-content: space-between; width: 100%;}
.design-type-banner.design-version_9 .intro-content .txt-cont .title {font-size:2.4rem !important;}
.design-type-banner.design-version_9 .intro-content .txt-cont .sub-title {font-size:1.4rem !important; font-weight:400;}

.design-type-banner.design-version_9 .canvas-content {font-size:0;}
.design-type-banner.design-version_9 .canvas-content .item-data {display:inline-block; position:relative; height:600px; border-radius:25px; overflow:hidden;}
.design-type-banner.design-version_9 .canvas-content .item-data:before {content:''; position:absolute; top:0; left:0; width:100%; height:100%; border-radius:15px; background-color:rgba(0,0,0,.3); z-index:3;}
.design-type-banner.design-version_9 .canvas-content .item-data .section-txt {position:absolute; top:80px; left:80px;}
.design-type-banner.design-version_9 .canvas-content .item-data .section-txt .section-title {padding:0; text-align:left;}
.design-type-banner.design-version_9 .canvas-content .item-data .section-txt .section-title span {display:block; margin-bottom:10px; font-size:1.5rem; color:#fff;}
.design-type-banner.design-version_9 .canvas-content .item-data .section-txt .section-contents pre {font-size:3rem; font-weight:700; color:#fff; max-width:1100px;}
.design-type-banner.design-version_9 .canvas-content .item-data .section-txt .section-title label,
.design-type-banner.design-version_9 .canvas-content .item-data .section-txt .section-contents label {display:none;}
.design-type-banner.design-version_9 .canvas-content .item-data .section-url {position:absolute; bottom:80px; left:80px; z-index:10;}
.design-type-banner.design-version_9 .canvas-content .item-data .section-url label {display:none;}
.design-type-banner.design-version_9 .canvas-content .item-data .section-url a {font-size:0;}
.design-type-banner.design-version_9 .canvas-content .item-data .section-url a.active {position:relative; display:inline-flex; align-items:center; justify-content:center; padding:20px; border-bottom:2px solid #fff; color:#fff; font-size:1.3rem;}
.design-type-banner.design-version_9 .canvas-content .item-data .section-url a.active:after {content:''; display:inline-block; width:16px; height:16px; margin-left:50px; background-image:url('/resources/image/icon/right-arrow_long_fff.png'); background-size:contain; background-repeat:no-repeat; transition:.3s;}
.design-type-banner.design-version_9 .canvas-content .item-data .section-url a.active:hover:after {margin-left:70px;}
.design-type-banner.design-version_9 .canvas-content .item-data .section-image {height:100%;}
.design-type-banner.design-version_9 .canvas-content .item-data .section-image img {height:100%;}

.design-type-banner.design-version_9 .canvas-content .item-data .section-txt {z-index:10;}

.design-type-banner.design-version_9 .canvas-content.grid1 .item-data {width:100%;}
.design-type-banner.design-version_9 .canvas-content.grid2 .item-data {width:calc(100% / 2 - 5px); margin-right:10px;}
.design-type-banner.design-version_9 .canvas-content.grid2 .item-data:nth-child(2n) {margin-right:0;}
.design-type-banner.design-version_9 .canvas-content.grid3 .item-data {width:calc(100% / 3 - 4px); margin-right:6px;}
.design-type-banner.design-version_9 .canvas-content.grid3 .item-data:nth-child(3n) {margin-right:0;}
.design-type-banner.design-version_9 .canvas-content.grid4 .item-data {width:calc(100% / 4 - 3px); margin-right:4px;}
.design-type-banner.design-version_9 .canvas-content.grid4 .item-data:nth-child(4n) {margin-right:0;}



@media screen and (max-width:1024px) {
  .design-type-banner.design-version_9 {padding: 50px 10px 60px; }
  .design-type-banner.design-version_9 .canvas-content .item-data {height:350px;}
  .design-type-banner.design-version_9 .canvas-content .item-data .section-txt {top:50px; left:40px;}
  .design-type-banner.design-version_9 .canvas-content .item-data .section-txt .section-title span {font-size:1.3rem; margin-bottom:5px;}
  .design-type-banner.design-version_9 .canvas-content .item-data .section-txt .section-contents pre {font-size:2rem;}
  .design-type-banner.design-version_9 .canvas-content .item-data .section-url a.active:hover:after {margin-left:50px;}
  .design-type-banner.design-version_9 .canvas-content .item-data .section-url {bottom:50px; left:40px;}
  .design-type-banner.design-version_9 .canvas-content .item-data .section-url a.active {padding:15px 20px;}

  
  .design-type-banner.design-version_9 .canvas-content.grid2 .item-data {width:100%; margin-right:0; margin-bottom:20px;}
  .design-type-banner.design-version_9 .canvas-content.grid3 .item-data {width:100%; margin-right:0; margin-bottom:20px;}
  .design-type-banner.design-version_9 .canvas-content.grid4 .item-data {width:100%; margin-right:0; margin-bottom:20px;}
}






/* 타이틀 더보기 버튼 기본 스타일값 지정 (23.05.19 by.Hyemi) */
.intro-content .title-content .more-btn {}
.intro-content .title-content .more-btn a {position:relative; display:flex; align-items:center;}
.intro-content .title-content .more-btn a:after {content:''; display:inline-block; width:16px; height:16px; margin-left:4px; background-image:url('/resources/image/icon/right-arrow_long.png'); background-size:contain; background-repeat:no-repeat; transition:.3s;}
.intro-content .title-content .more-btn a:hover:after {margin-left:15px;}



@media screen and (max-width:1024px) {
  .intro-content .title-content .more-btn {display:block; margin-top:15px;}

}