@charset "utf-8";

/*
	[디자인팀 맞춤제작 및 수정 CSS]

	copyright(c) 상상너머·원데이넷 all rights reserved.
	허용된 라이센스이외 무단도용재배포를 금합니다.
	본 소스는 모두 (주)상상너머의 지적 재산이며, 이에 대해 무단도용 및 수정 재배포/재편집등을 절대 금하며 적발 시 법적 대응을 할 것임을 경고합니다.

	※ css 추가 시, 반드시 날짜와 작업자 이니셜을 기재바랍니다.

	===============================================================================
	반응형으로 제작되어 임의적인 CSS추가는 문제가 될 수 있으니 디자인팀과 반드시 상의바랍니다.
	===============================================================================
*/



/* 폐쇄몰 경우 :: 2024-05-09 ARA */
html.if_secret .sc_Footer {padding-top:30px;}




/* 달력옵션 품절추가 */
.p_Vcalendar .calendar li {position:relative;}
.p_Vcalendar .day {padding:8px;}
.p_Vcalendar .no .soldout {position:absolute; left:50%; bottom:-5px; font-size:11px; color:#999; transform:translateX(-50%);}




/* 맞춤제작-회원가입구분 ========================================= */
.ct_Member_type {border-bottom:1px solid #f2f2f2; margin-bottom:20px; padding:20px 0 30px;}
.ct_Member_type ul {display:flex; flex-direction:row; justify-content:flex-start; align-items:stretch; gap:20px}
.ct_Member_type li {list-style:none; flex:1;}
.ct_Member_type label.design {flex:1; display:flex; flex-direction:column; justify-content:flex-start; align-items:center;}
.ct_Member_type label.design input {display:none;}
.ct_Member_type .one_type {flex:1; display:flex; flex-direction:column; justify-content:flex-start; align-items:stretch; text-align:center; box-sizing:border-box; max-width:250px; width:100%; font-size:15px;}
.ct_Member_type .one_type .picto {width:80px; height:80px; display:flex; flex-direction:column; justify-content:center; align-items:center; align-self:center; background:#fff;}
.ct_Member_type .one_type .picto {border-radius:100px; border:1px solid #eeeef5; box-sizing:border-box; transition: all 0.2s ease-out; -webkit-transition: all 0.2s ease-out;}
.ct_Member_type .one_type .picto img {height:30px;}
.ct_Member_type .one_type .title {font-size:1.8em; color:#000; font-weight:800; line-height:1; margin-top:20px;}
.ct_Member_type .one_type .sub_title {margin-top:5px; font-size:0.8em; color:#aaa; font-weight:500; line-height:1.4;}
.ct_Member_type .one_type .sub_title em {white-space:nowrap}
.ct_Member_type .one_type .c_btn {margin-top:30px;}
.ct_Member_type .one_type .btn_select {margin-top:20px; border-radius:100px;  display:flex; justify-content:center; align-items:center; flex-direction:column; font-weight:600; color:#000; background:#f5f5f5;}
.ct_Member_type .one_type .btn_select {transition: all 0.1s ease-out; -webkit-transition: all 0.1s ease-out; }
.ct_Member_type .one_type .btn_select strong {height:50px; display:flex; justify-content:center; align-items:center; flex-direction:column; }
.ct_Member_type .one_type .btn_select strong {background:transparent url('../images/customize/ct_member_select.svg') left center no-repeat; padding-left:20px; background-size:13px !important;}

.ct_Member_type label.design input:checked+ .one_type .btn_select {color:#fff;}
.ct_Member_type label.design input:checked+ .one_type .btn_select strong {background-image: url('../images/customize/ct_member_select_on.svg');}
.ct_Member_type label.design input:checked+ .one_type.type_id .picto {border-color:#7490ff;}
.ct_Member_type label.design input:checked+ .one_type.type_id .title {color:#7490ff;}
.ct_Member_type label.design input:checked+ .one_type.type_id .btn_select {background:#7490ff;}
.ct_Member_type label.design input:checked+ .one_type.type_cp .picto {border-color:#FF5D4A;}
.ct_Member_type label.design input:checked+ .one_type.type_cp .title {color:#FF5D4A;}
.ct_Member_type label.design input:checked+ .one_type.type_cp .btn_select {background:#FF5D4A;}

/* 슬라이드메뉴 회원타입 */
.p_Slide .my_info .who .member_type {font-size:12px; color:#fff; background:#7490ff; border-radius:3px; padding:0 7px; box-sizing:border-box; height:20px; margin-right:5px;}
.p_Slide .my_info .who .member_type {display:flex; flex-direction:column; justify-content:center; align-items:center;}
.p_Slide .my_info .who .member_type.corp {background:#FF2C3A;}

/* 마이페이지메인 회원타입 */
.c_my_main .stats_bx .name {display:flex; flex-direction:row; justify-content:flex-start; align-items:center; flex-wrap:wrap; margin-top:5px;}
.c_my_main .stats_bx .member_type {font-size:12px; color:#fff; background:#7490ff; border-radius:3px; padding:0 7px; box-sizing:border-box; height:20px; margin-right:5px;}
.c_my_main .stats_bx .member_type {display:inline-flex; flex-direction:column; justify-content:center; align-items:center;}
.c_my_main .stats_bx .member_type.corp {background:#FF2C3A;}

/* 반응형 */
@media screen and (min-width:900px) {
    .ct_Member_type .one_type:hover .picto {box-shadow:10px 10px 10px 0 rgba(0, 0, 0, 0.07);}
	.ct_Member_type .one_type.type_id:hover .picto {border-color:#7490ff;}
	.ct_Member_type .one_type.type_cp:hover .picto {border-color:#FF5D4A;}
	.ct_Member_type .one_type.type_id:hover .title {color:#7490ff;}
	.ct_Member_type .one_type.type_cp:hover .title {color:#FF5D4A;}
}

@media screen and (max-width:700px) {
    .ct_Member_type .one_type .picto {width:60px; height:60px;}
    .ct_Member_type .one_type .picto img {height:25px;}
	.ct_Member_type .one_type {font-size:14px;}
}



/* 영상형 게시판 ========================================= */
.c_board_play {overflow:hidden; margin-top:30px;}
.c_board_play ul {display:flex; flex-direction:row; flex-wrap:wrap; margin-left:-30px; margin-top:-30px;}
.c_board_play li {width:33.33%; list-style:none;}
.c_board_play .post_box {position:relative; margin-left:30px; margin-top:30px; overflow:hidden;}
.c_board_play .video {background:#222 url('../images/c_img/board_play_none.svg') no-repeat center center;}
.c_board_play .video .iframe_inner {position:relative; padding-top:56%;}
.c_board_play .video iframe {position:absolute; top:0; left:0; width:100% !important; height:100% !important; box-sizing:border-box;}
.c_board_play .posting {margin-top:10px;}
.c_board_play .posting .tit {position:relative;}
.c_board_play .posting .tx {padding:1px 0; font-size:14px; font-weight:500; color:#000; display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.c_board_play .posting .date {margin-top:8px;font-size:12px; line-height:1; color:#ccc;}
.c_board_play .posting .conts {display:none;}
.c_board_play .if_notice {width:100%; border-bottom:2px solid #f0f0f0; padding-bottom:30px;}
.c_board_play .if_notice .post_box {display:flex; justify-content:stretch; align-items:stretch; flex-direction:row;}
.c_board_play .if_notice .video {width:60%;}
.c_board_play .if_notice .posting {flex:1; margin-top:0; padding-left:30px; display:flex; justify-content:center; align-items:stretch; flex-direction:column; box-sizing:border-box;}
.c_board_play .if_notice .posting .tit {position:relative;}
.c_board_play .if_notice .posting .tx {font-size:19px; font-weight:700; line-height:1.32; -webkit-line-clamp:2; word-break:keep-all;}
.c_board_play .if_notice .posting .date {margin-top:10px;}
.c_board_play .if_notice .posting .conts {flex:1 1 0; display:block; margin-top:25px; font-size:13px; line-height:1.57; color:#999; word-break:keep-all; overflow-y:auto;}

.c_board_view .video {width:100%; margin-top:15px; background:#222 url('../images/c_img/board_play_none.svg') no-repeat center center;}
.c_board_view .video .iframe_inner {position:relative; padding-top:56%;}
.c_board_view .video iframe {position:absolute; top:0; left:0; width:100% !important; height:100% !important; box-sizing:border-box;}


/* Max ~ 900px (Mouse Over) ---------------------------------------------------------------- */
@media screen and (min-width:900px) {
	.c_board_play .posting .tit:hover .tx {text-decoration:underline;}
}

/* 1100px ~  ---------------------------------------------------------------- */
@media screen and (max-width:1100px) {
	.c_board_play {margin-top:15px;}
	.c_board_play ul {margin-left:-15px;}
	.c_board_play .post_box {margin-left:15px;}
	.c_board_play .if_notice {padding-bottom:15px;}
}

/* 900px ~  ---------------------------------------------------------------- */
@media screen and (max-width:900px) {
	.c_board_play .if_notice .posting .conts {margin-top:15px;}
}

/* 700px ~  ---------------------------------------------------------------- */
@media screen and (max-width:700px) {
	.c_board_play li {width:50%;}
	.c_board_play .if_notice .post_box {flex-direction:column;}
	.c_board_play .if_notice .video {width:100%;}
	.c_board_play .if_notice .posting {flex:1; margin-top:15px; padding-left:0;}
	.c_board_play .if_notice .posting .conts {flex:auto;}
}



/* 게시판 댓글창 타이틀 : 2024-05-20 PJS */
.c_board_view .reply .reply_title {display:flex; justify-content:start; align-items:center; flex-direction:row; gap:3px; margin-bottom:10px; font-size:17px; line-height:1;}
.c_board_view .reply .reply_title .title {color:#333; font-weight:700;}
.c_board_view .reply .reply_title .total {color:#aaa;}



/* 블로그형 게시판 추가 :: 2024-05-24 PJS ========================================= */
.c_board_view.type_blog {border-top:none;}

/* 블로그형 게시판 타이틀 */
.c_board_view .blog_top {padding-bottom:30px; margin-bottom:25px; border-bottom:1px solid #333; display:flex; justify-content:space-between; align-items:flex-end; flex-direction:row;}
.c_board_view .blog_top .title {flex:1;}
.c_board_view .blog_top .field {font-size:14px; color:#0065e3; font-weight:600; margin-bottom:9px;}
.c_board_view .blog_top .title strong {font-size:22px; color:#000; font-weight:500; line-height:1.2;}
.c_board_view .blog_top .info {display:flex; justify-content:flex-start; align-items:center; flex-direction:row; margin-top:15px;}
.c_board_view .blog_top .info .txt {font-size:12px; color:#888; line-height:1;}
.c_board_view .blog_top .info .txt+ .txt {margin-left:10px; padding-left:11px; position:relative;}
.c_board_view .blog_top .info .txt+ .txt:before {content:''; position:absolute; left:0; top:50%; transform:translateY(-50%); width:1px; height:11px; background:#ddd;}
.c_board_view .blog_top .post_menu {position:relative;}
.c_board_view .blog_top .btn_more {width:30px; height:40px; display:block; background:transparent url('../images/c_img/board_btn_more.svg') center center no-repeat; background-size:4px;}
.c_board_view .blog_top .open_menu {position:absolute; right:0; width:140px; border:1px solid #ddd; border-radius:3px; box-sizing:border-box; overflow:hidden; background:#fff; display:none;}
.c_board_view .blog_top .open_menu.if_open {display:block;}
.c_board_view .blog_top .btn {display:block; padding:0 15px; box-sizing:border-box;}
.c_board_view .blog_top .btn+ .btn {border-top:1px solid #ddd;}
.c_board_view .blog_top .btn strong {height:35px; color:#333; font-size:14px; display:flex; align-items:center; box-sizing:border-box;}
.c_board_view .blog_top .btn strong {background-repeat:no-repeat; background-position:right center; background-size:13px;}
.c_board_view .blog_top .btn_modify strong {background-image:url('../images/c_img/board_btn_modify.svg');}
.c_board_view .blog_top .btn_delete strong {color:#ff0000; background-image:url('../images/c_img/board_btn_delete.svg');}

/* Max ~ 900px (Mouse Over) ---------------------------------------------------------------- */
@media screen and (min-width:900px) {
	.c_board_view .blog_top .btn:hover {background:#f5f5f5;}
}




/* 
리뷰API연동 :: 2024-06-13 ARA ========================================= 
.sc_Review .layout_fix {padding:0px !important;}
.sc_Review .vreview-best-review-widget-iframe {max-width:100% !important;}

.p_Vreviewapi {margin-top:50px;}
.p_Vreviewapi .inner {border:1px solid #eee; box-sizing:border-box;}
.p_Vreviewapi .vreview-main-widget-iframe {max-width:100% !important;}

.vreview-product-review-summary {margin-top:30px;}
.vreview-row vreview-board-popup {display:flex; justify-content:space-between; align-items:center; flex-direction:row;}
.vreview-rating svg {width:18px !important; height:18px !important;}
.vreview-review-summary * {font-size:17px; font-weight:600;}
.vreview-review-summary .vreview-link {font-size:0.8em;}

.p_Vboard.type_review .vreview-board-widget-iframe {max-width:100% !important; margin-top:0px !important;}

@media screen and (max-width:900px) {
	.p_Vboard.type_review .layout_fix {padding:0px 5px !important;}
}
@media screen and (max-width:500px) {
	.p_Vboard.type_review .layout_fix {padding:0px !important;}
}

.c_gridpage .vreview-collection-widget-iframe {max-width:100% !important;}
.c_gridpage .vreview-myreview-widget-iframe {max-width:100% !important;}
*/

/* 조폐공사관련 레이어팝업 추가 :: 2025-02-13 ARA  ========================================= */
.add_LayerPay {position:fixed; right:0; top:0; width:100%; height:100%; display:flex; justify-content:center; align-items:center; flex-direction:column; box-sizing:border-box; padding:15px; z-index:101}
.add_LayerPay {visibility:hidden; transition:all 700ms cubic-bezier(0.19, 1, 0.22, 1);}
.add_LayerPay .wrapping {background:#fff; z-index:2; position:relative; border-radius:10px; overflow:hidden;  box-sizing:border-box; width:100%; max-width:650px; overflow:hidden;}
.add_LayerPay .wrapping {display:flex; justify-content:stretch; align-items:stretch; flex-direction:column; opacity:0; transition:all 0.2s ease-out; -webkit-transition:all 0.2s ease-out;}
.add_LayerPay .title {display:flex; justify-content:center; align-items:center; flex-direction:row; border-bottom:1px solid #333; height:50px; padding:0 15px; flex:none}
.add_LayerPay .title strong {flex:1; color:#000; font-weight:600; font-size:16px;}
.add_LayerPay .title .btn_close {width:30px; height:30px; background:transparent url('../images/c_img/close_ic.svg') center center / 12px no-repeat;}
.add_LayerPay .content {padding:15px; height:450px; overflow-y:auto; box-sizing:border-box;}
.add_LayerPay .content iframe {width:100%; height:99%; border:0; box-sizing:border-box;}
.add_LayerPay .ctrl_button {display:flex; justify-content:center; align-items:center; flex-direction:row; gap:10px; padding:15px; flex:none; border-top:1px solid #e5e5e5;}
.add_LayerPay .bg_close {position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.6); z-index:1; opacity:0; transition:all 0.2s ease-out; -webkit-transition:all 0.2s ease-out; pointer-events:none;}
.add_LayerPay.if_open {visibility:visible; transform:translateY(0);}
.add_LayerPay.if_open .bg_close {opacity:1; pointer-events:initial}
.add_LayerPay.if_open .wrapping {opacity:1;}

@media screen and (max-width:700px) {
	.add_LayerPay {transform:translateX(100%); padding:0px; visibility:visible}
	.add_LayerPay .wrapping {max-width:100%; height:100%; border-radius:0px; opacity:1;}
	.add_LayerPay .content {flex:1}
	.add_LayerPay .ctrl_button .c_btn {flex:1}
}