@charset "UTF-8";
/************************************************************************
 * 설명         : 프린피아몰 공통정의 by UX design
 * 버젼         : 26_65 NCS엑셀주문 견적창 안내문구 추가 cjy / 26_64 현황판 학교명 width값 수정 cjy / 26_63 주문내역 > 카테고리 검색 셀렉트 박스 조정 cjy / 26_62 ncs상세페이지팝업 좌우여백수정 cjy / 26_61 banner_a>.txt2 yn / 26_60 d_tab_03수정 yn / 26_59 현황판수정 cjy / 26_58 현황판수정 ljh /26_57 견적창수량 ljh 
************************************************************************/
@import url("ui/tooltipster.css"); /*기본툴팁 + theme파일 221109*/


/* 기본 링크 정의
----------------------- */
.d_link_01 {text-decoration: underline !important; color: #007ad8 !important; font-weight: 500;}

/* 링크 정의
----------------------- */
.d_underline_01:hover {text-decoration: underline!important;}
	
/* font , color, size, weight 정의
----------------------- */
.d_white_01 {color:#fff !important;}
.d_yellow_01 {color:#ffcc00 !important;}
.d_gray_01 {color: #999 !important;}
.d_pointcolor_01 {color:#da1349 !important;}
.d_tcolor.deposit {color: #007ad8 !important;}
.d_tcolor.withdraw {color: #bb1d4c !important;}

/* Background Color 정의
----------------------- */

/* Text 정의
----------------------- */
.d_text_01 {font-size:16px; color:#bb1d4c;}
.d_text_02 {color:#fff; font-weight: 500; background-color:#976f7b; padding:2px 0; border-radius: 20px; min-width:120px; text-align: center;} /*본책구분*/
.d_text_03 {color:#fff; font-weight: 500; background-color:#758e77; padding:2px 0; border-radius: 20px; min-width:120px; text-align: center;} /*책속의책 구분*/

.d_lsacing_00 {letter-spacing:0}
.d_lsacing_01 {letter-spacing:-1px;}
.d_lsacing_02 {letter-spacing:-2px;}

/* Text align 정의
----------------------- */
.d_talign_l {text-align:left !important;}
.d_talign_r {text-align:right !important;}
.d_talign_c {text-align:center !important;}
	
	
/* margin,padding 정의
----------------------- */
.d_mg_l {margin-left: auto !important;} .d_mg_r {margin-right: auto !important;}

.d_mg_none {margin:0 !important;}
.d_mgt_0 {margin-top:0;} .d_mgt_5 {margin-top:5px;} .d_mgt_10 {margin-top:10px;} .d_mgt_15 {margin-top:15px;} .d_mgt_20 {margin-top:20px;} .d_mgt_30 {margin-top:30px;} .d_mgt_40 {margin-top:40px;}
    .d_mgt_50 {margin-top:50px;} .d_mgt_60 {margin-top:60px;} .d_mgt_70 {margin-top:70px;} .d_mgt_80 {margin-top:80px;} .d_mgt_90 {margin-top:90px;} .d_mgt_100 {margin-top:100px;}
.d_mgb_0 {margin-bottom:0;} .d_mgb_5 {margin-bottom:5px;} .d_mgb_10 {margin-bottom:10px;} .d_mgb_15 {margin-bottom:15px;} .d_mgb_20 {margin-bottom:20px;} .d_mgb_30 {margin-bottom:30px;} .d_mgb_40 {margin-bottom:40px;}
    .d_mgb_50 {margin-bottom:50px;} .d_mgb_60 {margin-bottom:60px;} .d_mgb_70 {margin-bottom:70px;} .d_mgb_80 {margin-bottom:80px;} .d_mgb_90 {margin-bottom:90px;} .d_mgb_100 {margin-bottom:100px;}
.d_mgl_0 {margin-left:0;} .d_mgl_5 {margin-left:5px;} .d_mgl_10 {margin-left:10px;} .d_mgl_15 {margin-left:15px;} .d_mgl_20 {margin-left:20px;} .d_mgl_30 {margin-left:30px;} .d_mgl_40 {margin-left:40px;}
    .d_mgl_50 {margin-left:50px;} .d_mgl_60 {margin-left:60px;} .d_mgl_70 {margin-left:70px;} .d_mgl_80 {margin-left:80px;} .d_mgl_90 {margin-left:90px;} .d_mgl_100 {margin-left:100px;}
.d_mgr_0 {margin-right:0;} .d_mgr_5 {margin-right:5px;} .d_mgr_10 {margin-right:10px;} .d_mgr_15 {margin-right:15px;} .d_mgr_20 {margin-right:20px;} .d_mgr_30 {margin-right:30px;} .d_mgr_40 {margin-right:40px;}
    .d_mgr_50 {margin-right:50px;} .d_mgr_60 {margin-right:60px;} .d_mgr_70 {margin-right:70px;} .d_mgr_80 {margin-right:80px;} .d_mgr_90 {margin-right:90px;} .d_mgr_100 {margin-right:100px;}

.d_pd_none {padding:0 !important;} .d_pdv_none {padding-top:0 !important;padding-bottom:0 !important;} .d_pdh_none {padding-left:0 !important;padding-right:0 !important;}
.d_pdt_0 {padding-top:0;} .d_pdt_5 {padding-top:5px;} .d_pdt_10 {padding-top:10px;} .d_pdt_15 {padding-top:15px;} .d_pdt_20 {padding-top:20px;} .d_pdt_30 {padding-top:30px;} .d_pdt_40 {padding-top:40px;}
    .d_pdt_50 {padding-top:50px;} .d_pdt_60 {padding-top:60px;} .d_pdt_70 {padding-top:70px;} .d_pdt_80 {padding-top:80px;} .d_pdt_90 {padding-top:90px;} .d_pdt_100 {padding-top:100px;}
.d_pdb_0 {padding-bottom:0;} .d_pdb_5 {padding-bottom:5px;} .d_pdb_10 {padding-bottom:10px;} .d_pdb_15 {padding-bottom:15px;} .d_pdb_20 {padding-bottom:20px;} .d_pdb_30 {padding-bottom:30px;} .d_pdb_40 {padding-bottom:40px;}
    .d_pdb_50 {padding-bottom:50px;} .d_pdb_60 {padding-bottom:60px;} .d_pdb_70 {padding-bottom:70px;} .d_pdb_80 {padding-bottom:80px;} .d_pdb_90 {padding-bottom:90px;} .d_pdb_100 {padding-bottom:100px;}
.d_pdl_0 {padding-left:0;} .d_pdl_5 {padding-left:5px;} .d_pdl_10 {padding-left:10px !important;} .d_pdl_15 {padding-left:15px;} .d_pdl_20 {padding-left:20px;} .d_pdl_30 {padding-left:30px;} .d_pdl_40 {padding-left:40px;}
    .d_pdl_50 {padding-left:50px;} .d_pdl_60 {padding-left:60px;} .d_pdl_70 {padding-left:70px;} .d_pdl_80 {padding-left:80px;} .d_pdl_90 {padding-left:90px;} .d_pdl_100 {padding-left:100px;}
.d_pdr_0 {padding-right:0;} .d_pdr_5 {padding-right:5px;} .d_pdr_10 {padding-right:10px;} .d_pdr_15 {padding-right:15px;} .d_pdr_20 {padding-right:20px;} .d_pdr_30 {padding-right:30px;} .d_pdr_40 {padding-right:40px;}
    .d_pdr_50 {padding-right:50px;} .d_pdr_60 {padding-right:60px;} .d_pdr_70 {padding-right:70px;} .d_pdr_80 {padding-right:80px;} .d_pdr_90 {padding-right:90px;} .d_pdr_100 {padding-right:100px;}


/* width 정의
----------------------- */
.d_freewidth {width:inherit !important;}
.d_fullwidth {width:100% !important;}


/* Float 정의
----------------------- */
.d_float_l {float:left;}
.d_float_r {float:right;}

	
/* Border 정의
----------------------- */
.d_nob_l {border-left:none !important;}

/* clear 정의
----------------------- */
.clearfix:before,
.clearfix:after {content: "";display: block;clear: both;} 
.clearfix {zoom: 1; /* For IE 6/7 (trigger hasLayout) */}
.d_clear {height:1%; overflow:hidden;} /*%를 이용한 Float의 초기화시 브라우져 크기에 따라 떨어짐오류발생 주의바람*/
.d_clear {clear:both;}

	
/* Display 정의 (IR기법정의)
----------------------- */
.d_dp_hidden, .hidden {overflow:hidden; text-indent:-5000px; position:absolute; line-height:0; font-size:0; width:0; height:0;} /*자막 읽어줌, 단순히 Taxt를 숨기기위해 사용)*/
/*보류 .d_dp_hidden {position:absolute; z-index:-1; visibility:hidden; width:0; height:0; font-size:0;line-height:0;} 자막 읽어줌, 단순히 Taxt를 숨기기위해 사용)*/
.d_dp_blind, .blind {display:none;} /*자막 안 읽어줌 완전히 숨겨야 될때 사용(Tab)*/
.d_dp_mobile {display:none !important;} /*모바일용 UI 숨기기*/
	

   
/*■■ 채널 공통 템플릿 정의 ■■
-------------------------------------------------------------------------- */
/* 표 table or Div Style 정의 : Table안의 Table 사용가능하게 정의
----------------------- */
.d_table_01 table {width: 100%; text-align: center; font-size: 13px;}
.d_table_01 table th {height: 52px; background-color: #f4f4f4; color: #666; font-weight: 400; letter-spacing: -0.5px; border-bottom: 1px solid #ccc; border-top: 1px solid #333; border-left: 1px solid #ddd;}
    .d_table_01 table th:first-child {border-left: 0;}
.d_table_01 table td {height: 28px; border-bottom: 1px solid #ddd; border-left: 1px solid #ddd;}
    .d_table_01 table td:first-child {border-left: 0;}
.d_table_01 table tbody tr {height: 60px;}
/* list none */
.d_table_01 .c_none {text-align: center; overflow: hidden; padding: 40px 0 40px 0; box-sizing: border-box; border-top: 1px solid #333; margin: inherit;}

.d_table_s01 {width:100%; table-layout:fixed;}
.d_table_s01>tbody>tr>th {height:30px; font-weight:400; letter-spacing:-0.5px; color:#af4262; font-size: 12px}
.d_table_s01>tbody>tr>td {padding:2px; color:#999; font-size: 11px;}
    .d_table_s01>tbody>tr>th,.d_table_s01>tbody>tr>td { padding:2px 0 0 0;}

.d_table_s02 {width:100%; table-layout:fixed;}
.d_table_s02>tbody>tr>th {height:30px; letter-spacing:10px;  border-bottom:1px solid #ccc; border-left:0; padding:10px 10px; color:#333; font-weight: 500; background-color: #efefef;}
.d_table_s02>tbody>tr>td {border-bottom:1px solid #ccc; border-left:1px solid #ccc; border-right:0; padding:10px 10px;}
.d_table_s02>tbody * {font-size: 14px;}
.d_table_s02>tbody>tr:first-child { border-top:1px solid #333;}

    /*table over,bg효과*/
    table.dt_overbg tr.bg_on {background-color:#fdf6f8;}
    table.dt_overbg tr:hover {background-color:#ffecf1;}
        table.dt_overbg tr:hover td {color:#000}
    table.dt_click tr {cursor: pointer;}


/* 리스트 Table or Div Style 정의 : Table안의 Table 사용가능하게 정의
----------------------- */
.d_dlist_01 dl {display: flex; padding:5px 0;}
    .d_dlist_01 dl dt {flex:1;padding-top:5px;font-size: 14px !important;}
    .d_dlist_01 dl dd {flex:10;font-size: 14px !important;}

.d_dlist_02 dl {} /*책속의책 팝업구조 맞추기위해 들어간 class*/

/*리스트type*/
.d_dlist_03 * {box-sizing: border-box;}
.d_dlist_03 dl {display: flex; border-bottom: 1px solid #eee;}
    .d_dlist_03 dl dt,.d_dlist_03 dl dd {font-size: 14px !important; display: flex; align-items: center}
    .d_dlist_03 dl dt {flex-basis:100px;  flex-grow:0;  padding:15px 0 15px 10px; text-align: left;}
    .d_dlist_03 dl dd {/*flex-basis:1;*/ flex-grow:1; padding:15px 0 15px 15px; position: relative;}
    .d_dlist_03 dl dd::after { content:''; width:1px; height: 10px; background-color: #ccc; position: absolute; left:0; top:50%; margin-top:-5px;}
    /*세금계산서 발행 팝업*/
    .tex_type .d_dlist_03>dl>dt {flex-basis:150px;}
/*박스type*/
.d_dlist_04 * {box-sizing: border-box;}
.d_dlist_04 {display: flex; margin-top:20px;}
.d_dlist_04 dl {flex:1;}
    .d_dlist_04 dl+dl {margin-left:10px;}
.d_dlist_04 dl dt,.d_dlist_04 dl dd {display: flex; justify-content: center; align-items: center; }
    .d_dlist_04 dl dt{ height:50px; background-color: #e4e4e4; border-radius: 10px 10px 0 0; font-size: 16px; color:#333;}
    .d_dlist_04 dl dd{ height:100px; background-color: #efefef; border-radius: 0 0 10px 10px; font-size: 20px; color:#333}

/* table_top 정의
----------------------- */

/* box 정의
----------------------- */

/* Title Style 정의
----------------------- */
.d_title_01 {font-size: 24px; font-weight: 500; color:#333; padding-bottom: 14px; position: relative; margin-bottom:16px;}
    .d_title_01::after { content: ""; width:40px; height: 3px; background-color: #333333; position: absolute; left:0 ;bottom:0;}


/* list Style 정의 - Contents List영역(2~6줄)의 정의
----------------------- */
.d_list_tit {font-size: 15px; font-weight: 500; color: #333;;}

.d_list_01 {margin-top:6px;}
    .d_list_01 li {list-style-type: none; padding-left:10px; background: url("/skin/site/beauty/images/c_img/bul_3x2.gif") no-repeat 2px 8px; color:#666;}
    .d_list_01 li .c_red { color:#da1349}

.d_list_02 {margin-top:6px;}
    .d_list_02 li {list-style-type: none;padding: 2px 0 2px 8px;background: url("/skin/site/beauty/images/c_img/bul_2x2.png") no-repeat 2px 11px; }

.d_list_03 {margin-top:6px; padding:10px; background-color: #efefef; border-radius: 10px;}
    .d_list_03 li {list-style-type: none;padding: 2px 0 2px 8px;background: url("/skin/site/beauty/images/c_img/bul_2x2.png") no-repeat 2px 11px; }

.d_list_04 {margin-top:10px;}
    .d_list_04 li {list-style-type: none; padding:1px 0 1px 12px; color:#666; font-size: 12px; position: relative; line-height: 1.2;}
    .d_list_04 li::before {content:''; width:3px; height: 1px; background-color: #666; position: absolute; left:4px; top:9px}

.d_list_07 {padding-bottom: 5px; margin-top: 5px;}
    .d_list_07 li {font-size: 13px; list-style-type: none; padding-left:17px; color: #666; position: relative; line-height: 1.2; margin-top: 3px; word-break: keep-all;}
    .d_list_07 li:first-child {margin-top: 0px;}
    .d_list_07 li::before {content: "※"; position: absolute; left: 0; width: 13px; height: 13px;}

/*주의사항 강조 박스type*/
.d_list_05 {margin-top: 30px; background-color: #666; padding:20px; position: relative; border-radius: 8px;}
    .d_list_05 li {font-size: 14px; list-style-type: none; padding-left:17px; color: #fff; position: relative; line-height: 1.2; margin-top: 6px; word-break: keep-all;}
    .d_list_05 li:first-child {margin-top: 0px;}
    .d_list_05 li::before {content: "※"; position: absolute; left: 0; width: 13px; height: 13px;}
    
.d_list_06 {margin-top:6px; padding:10px; background-color: #efefef; border-radius: 10px;}
    .d_list_06 li {list-style-type: none; display: flex; align-items: flex-start; gap: 6px; margin-top: 5px; font-size: 13px; margin-top: 4px; line-height: 1.2;}
    .d_list_06 li::before {content: "※"; flex-shrink: 0;}
        .d_list_06 li.tit::before, .d_list_06 li.end::before {content:none;}
    .d_list_06 li.tit {margin-bottom: 10px; font-weight: 500; color: #333;}
    .d_list_06 li.end {margin-top: 10px; font-weight: 500; color: #333;}
    .d_list_06 li:first-child {margin-top: 0px;}


/* Tab Style 정의
----------------------- */
.d_tab_01 {border-top:1px solid #ccc; border-bottom:1px solid #ccc;}
    .d_tab_01 dl {display: flex;justify-content: space-around; padding:10px 150px;}
    .d_tab_01 dd {font-size: 20px; font-weight: 300;}
    .d_tab_01 dd.on {font-weight: 400; color:#bb1d4c}

    .d_tab_02 dl {display: flex;}
    .d_tab_02 dd {font-size: 13px; font-weight: 400; min-width:140px; padding:0 10px; height: 40px; border-top:1px solid #ccc; border-right:1px solid #ccc; box-sizing: border-box;}
    .d_tab_02 dd:first-child {border-left:1px solid #ccc;}
    .d_tab_02 dd a {width:100%; height: 100%; display: flex; justify-content: center; align-items: center;}
    .d_tab_02 dd.on {font-weight: 400; color:#fff; background-color: #333; border-color: #333;}
    .d_tab_02 dd.right_a {margin-left:auto; min-width: inherit; height: inherit; border-width: inherit; padding:inherit; border-top: inherit; border-right: inherit;}
    .d_tab_02 dd.right_a a.d_btn_ss { height: 25px; color: #333; margin-top:10px;}

    .d_tab_02.d_mgt_30>dl>dd.tabs.on>a {color: #fff;}
    .d_tab_02.d_mgt_30>dl>dd.tabs.on:hover>a {color: #fff;}
    .d_tab_02.d_mgt_30>dl>dd.tabs>a {color: #999;}
    .d_tab_02.d_mgt_30>dl>dd.tabs:hover>a {color: #333;}

    .d_tab_03 {width: 100%;}
    .d_tab_03 dl {display: flex; border-radius: 8px; border: 1px solid #ddd; box-sizing: border-box; overflow: hidden;}
    .d_tab_03 dl dd.tabs {flex: 1;}
    .d_tab_03 dl dd.tabs a{width:100%; display: flex; align-items: center; justify-content: center; font-size: 18px; color: #7e93a5; background: #e3e9ed; font-weight: 400; height: 60px;}
    .d_tab_03 dl dd.tabs.on a{color: #fff; background: #2b4459;}



/* Bullet(title용) 정의
----------------------- */
	
/* Bullet(list용) 정의
----------------------- */

/* line 정의
----------------------- */
.d_line_01 {width:80%; height: 1px; display: inline-block; border-bottom: 1px dashed #ccc; margin-top:15px;}
    .d_line_01+.d_ico_s {margin-top:10px; }

.d_inline_blk {display: inline-block;}

/* box 정의
----------------------- */

/* button Style 정의
----------------------- */ /*리셋CSS와 충돌때문에 !important사용불가피*/
.d_ibutton_s {min-width:50px; height: 35px; vertical-align: middle;-webkit-transition:all .3s ease-out; transition: all .3s ease-out;}
.d_ibutton_s01[type=button] {background: #520a1f;border: 1px solid #520a1f;color: #fff; padding:0 10px;display: inline-block;
    appearance: none;-moz-appearance: none;-webkit-appearance: none;
    border-radius:4px;}
    .d_ibutton_s01[type=button]:hover {background-color:#da1349;border-color:#da1349;}

.d_ibutton_s02[type=button] {background: #fff;border: 1px solid #ddd;color: #333; padding:0 10px;display: inline-block;
    appearance: none;-moz-appearance: none;-webkit-appearance: none;
    border-radius:4px;}
    .d_ibutton_s02[type=button]:hover {color:#da1349;}


.d_btn_w110_s {width:110px;} /*학교용책자버튼*/
.d_btn_w200_s {width:200px;}
.d_btn_r {margin-left: auto;}
.d_btn_l {margin-right: auto;}

.d_btn_b {min-width:200px; padding:0 20px; vertical-align: middle;text-align: center;line-height: 54px !important;height: 55px;box-sizing: border-box;letter-spacing:-1px; font-size:17px !important;font-weight:600 !important;-webkit-transition:all .3s ease-out; transition: all .3s ease-out;}
    .d_btn_b01 {background-color: #e7e7e7;border: 1px solid #e7e7e7;color: #333333 !important; border-radius:10px}
        .d_btn_b01:hover {background-color: #f5f5f5;}
    .d_btn_b02 {background-color: #bb1d4c;border: 1px solid #bb1d4c; color: #ffffff !important;border-radius:10px}
        .d_btn_b02:hover {background-color: #da1349;border-color: #da1349;}
    .d_btn_b03 {background-color: #520a1f;border: 1px solid #520a1f; color: #ffffff !important;border-radius:10px}
        .d_btn_b03:hover {background-color: #da1349;border-color: #da1349;}
    .d_btn_b04 {background-color: #666; color: #fff !important; padding: 0 10px; border-radius: 8px;}
        .d_btn_b04:hover {background-color: #bb1d4c;}
        .d_btn_b04.on {background-color: #bb1d4c;}
    .d_btn_b05 {background-color: #007ad8; border: 1px solid #007ad8 ; color: #ffffff !important;border-radius:10px; font-weight: 400 !important;}
        .d_btn_b05:hover {background-color: #007ad8 ;border-color: #007ad8 ;}
    .d_btn_b06 {background-color: #333; border: 1px solid #333 ; color: #ffffff !important;border-radius:10px; font-weight: 400 !important;}
        .d_btn_b06:hover {background-color: #bb1d4c ;border-color: #bb1d4c ;}
    .d_btn_b07 {background-color: #fff; border: 1px solid #999 ; color: #666 !important;border-radius:10px; font-weight: 400 !important;}
        .d_btn_b07:hover {background-color: #fff ;color: #da1349 !important; border-color: #333 !important;}
    .d_btn_b08 {background-color: #5c5c5c; color: #fff !important; padding: 0 10px; border-radius: 8px;}
        .d_btn_b08:hover {background-color: #666;}

.d_btn_n {min-width:200px; padding:0 20px; vertical-align: middle;text-align: center;line-height: 39px !important;height: 40px;box-sizing: border-box;letter-spacing:-1px;font-size:14px !important;font-weight: 400 !important;-webkit-transition:all .3s ease-out; transition: all .3s ease-out;}
    .d_btn_n01 {background-color: #e7e7e7;border: 1px solid #e7e7e7 ;color: #333 !important;border-radius:10px}
        .d_btn_n01:hover {background-color: #f5f5f5; color: #333;}
    .d_btn_n02 {background-color: #666 ;border: 1px solid #666 ;color: #ffffff !important; font-weight: 500;border-radius:10px}
        .d_btn_n02:hover {background-color: #999 ;border-color: #999 ;}
    .d_btn_n03 {background-color: #bb1d4c ;border: 1px solid #bb1d4c ;color: #ffffff !important; font-weight: 500;border-radius:10px;}
        .d_btn_n03:hover {background-color: #da1349 ;border-color: #da1349 ;}
    .d_btn_n04 {background-color: #520a1f ;border: 1px solid #520a1f ;color: #ffffff !important; font-weight: 500;border-radius:10px;}
        .d_btn_n04:hover {background-color: #da1349 ;border-color: #da1349 ;}

.d_btn_s {min-width:50px; height: 35px; line-height: 34px !important; padding:0 10px;vertical-align: middle;color:#fff !important; font-size: 13px !important;box-sizing: border-box; text-align: center; -webkit-transition:all .3s ease-out; transition: all .3s ease-out;}
    .d_btn_s_mr{margin-left: auto;}
    .d_btn_s01 {background-color: #520a1f;border: 1px solid #520a1f;border-radius:4px}
        .d_btn_s01:hover {background-color:#da1349;border-color:#da1349;}
    .d_btn_s02 {background-color: #e7e7e7;border: 1px solid #e7e7e7;border-radius:4px;color:#333333 !important}
        .d_btn_s02:hover {background-color:#efefef; color:#333333 !important}
        .d_btn_s.d_btn_s02.d_btn_w110_s {width: 110px;}
        .d_btn_s.d_btn_s02.d_btn_w110_s:hover{background-color:#fff;border: 1px solid #ccc; color:#333333 !important}
    .d_btn_s03 {background-color: #bb1d4c;border: 1px solid #bb1d4c;border-radius:4px}
        .d_btn_s03:hover {background-color:#da1349;border-color:#da1349;}
    .d_btn_s04 {background-color: #fff;border: 1px solid #bb1d4c; color:#bb1d4c !important; line-height: 32px;}
        .d_btn_s04.dt_download {background-image:url('/skin/site/beauty/images/c_img/ico_download17x17.png'); background-repeat:no-repeat; background-position:right 10px top 50%; padding-right: 37px;}
            .d_btn_s04.dt_download img.ico_excel {width:16px; height:16px; vertical-align: middle; margin-top:-4px; margin-right: 5px;}
        .d_btn_s04:hover {background-color:#fff;border-color:#da1349; color:#da1349 !important;}
    .d_btn_s05 {background-color: #fff;border: 1px solid #666; color:#333 !important; line-height: 32px;}
        .d_btn_s05.dt_download_b {background-image:url('/skin/site/beauty/images/c_img/ico_download_black_17x17.png'); background-repeat:no-repeat; background-position:right 10px top 50%; padding-right: 37px;}
            .d_btn_s05.dt_download_b img.ico_excel {width:16px; height:16px; vertical-align: middle; margin-top:-4px; margin-right: 5px;}
            .d_btn_s05.dt_download_b img.ico_pdf {width:16px; height:16px; vertical-align: middle; margin-top:-4px; margin-right: 5px;}
            .d_btn_s05 img.ico_print {width:16px; height:16px; vertical-align: middle; margin-top:-4px; margin-right: 5px;}
        .d_btn_s05:hover {background-color:#f5f5f5;}
    .d_btn_s06 {background-color: #fff;border: 1px solid #ddd;border-radius:4px; color: #333 !important;}
        .d_btn_s06:hover {color:#da1349 !important;}


.d_btn_ss {min-width:10px; height: 25px; line-height: 22px !important; padding:0 10px;vertical-align: middle;color:#fff !important; font-size: 12px !important; letter-spacing:0 !important; box-sizing: border-box; text-align: center; -webkit-transition:all .3s ease-out; transition: all .3s ease-out; text-decoration: none !important;}
    .d_btn_ss01 {background-color: #666;border: 1px solid #666;border-radius:4px}
        .d_btn_ss01:hover {background-color:#da1349;border-color:#da1349;}
    .d_btn_ss02 {background-color: #e7e7e7;border: 1px solid #e7e7e7;border-radius:4px; color:#999 !important;}
        .d_btn_ss02:hover {background-color:#f5f5f5; color:#333333 !important}
        span.d_btn_ss02:hover {background-color:#e7e7e7; color:#999 !important}
    .d_btn_ss03 {background-color: #520a1f;border: 1px solid #520a1f;border-radius:4px;}
        .d_btn_ss03:hover {background-color:#da1349;border-color:#da1349;}
    .d_btn_ss04 {background-color: #ffffff;color:#333 !important; border: 1px solid #ccc;border-radius:4px;}
        .d_btn_ss04:hover {color:#da1349 !important;}
    .d_btn_ss06 {background-color: #bb1d4c;color:#fff !important; border: 1px solid #bb1d4c;border-radius:4px;}
        .d_btn_ss06:hover {background-color:#da1349; color: #fff !important;}
    .d_btn_ss07 {background-color: #e7e7e7; color:#333 !important; border: 1px solid #e7e7e7;border-radius:4px;}
        .d_btn_ss07:hover {background-color:#f5f5f5; color:#333333 !important}     
    .d_btn_ss08 {background-color: #f5f5f5; color: #333 !important; font-weight: 500; border: 1px solid #ddd; border-radius: 4px;}
        .d_btn_ss08:hover {color: #da1349 !important}


    /*마이페이지-주문내역tab-list-추가결제btn-ljh*/
    .d_btn_ss05 {background-color: #bb1d4c ;border: 1px solid #bb1d4c ;color: #ffffff !important; border-radius:4px;}
        .d_btn_ss05:hover {background-color: #da1349 ;border-color: #da1349 !important;}
    /*dim상태*/
    .d_btn_ss.dim {background-color: #efefef; border: 1px solid #efefef !important; border-radius:4px; color:#c7c7c7 !important; cursor: default !important;}
    .d_btn_ss.d_btn_ss04.dim {border: 1px solid #bbbbbb !important; color:#bbbbbb !important; background-color: #fff; cursor: default;}/*P머니*/
    
    .d_btn_box_ss {width: 40px;height: 35px;overflow: hidden;text-align: center;vertical-align: middle;border-radius: 4px;box-sizing: border-box;-webkit-transition:all .3s ease-out; transition: all .3s ease-out;}
        .d_btn_box_ss01 {color: #fff !important;font-size: 12.5px;line-height: 1.1;background-color: #aaa;padding: 3px 5px 0 5px;letter-spacing: 2px; }
        .d_btn_box_ss01:hover {background-color:#da1349;}

        .d_btn_box_ss02 {color: #fff !important;font-size: 12.5px;line-height: 1.1;background-color: #520a1f; padding: 3px 5px 0 5px;letter-spacing: 2px; }
        .d_btn_box_ss02:hover {background-color:#da1349;}

    .d_btn_box_sss {overflow: hidden; text-align: center;vertical-align: middle;box-sizing: border-box; margin-left:4px; -webkit-transition:all .3s ease-out;transition: all .3s ease-out;}
        .d_btn_box_sss01 {width: 20px;height: 20px; color: #fff !important;font-size: 12px; font-weight: 400; line-height: 1.2;background-color: #aaa;padding-top: 2px;border-radius: 4px; cursor:help;}
            .dl_group .d_btn_box_sss01 {top:-2px;}
            .view_default dl.dl_group .view_default>dl>dt .d_btn_box_sss01 {top:9px;}
        .d_btn_box_sss02 {width: 30px;height: 26px;color: #fff !important;font-size: 12px; font-weight: 400; line-height: 1.2; background-color: #aaa;padding: 5px 0 0 0;border-radius: 4px;position:absolute;right: 5px;cursor:pointer;}
            .dl_group .d_btn_box_sss02 {top:-2px;}
            .view_default dl.dl_group .view_default>dl>dt .d_btn_box_sss02 {top: 6px;}
        .d_btn_box_sss03 {color: #fff !important;font-size: 12px; font-weight: 400; line-height: 1.2; background-color: #aaa;padding: 4px;border-radius: 4px; cursor:pointer;}
            .dl_group .d_btn_box_sss03 {}
        .d_btn_box_sss:hover {background-color:#da1349;}
    /*회원탈퇴버튼*/
    .btn_leave {margin-top: 10px; position: absolute;}

/*게시물버튼 - 작업가이드,공지,이벤트,ETC*/
.edit_btn_a { margin-top:30px; margin-bottom: 20px; text-align: center;display:flex; flex-wrap: wrap; gap:10px 10px; justify-content: center;}
    .edit_btn_a .d_btn {display: inline-block; min-width:200px; padding:16px 20px; vertical-align: middle;text-align: center;line-height: 1.2 !important; box-sizing: border-box;letter-spacing:-1px; font-size:17px !important;font-weight:600 !important;background-color: #520a1f;border: 1px solid #520a1f; color: #ffffff !important;border-radius:10px; -webkit-transition:all .3s ease-out; transition: all .3s ease-out;}
    /*버튼스타일*/
    .d_btn.d_btn_01 {background-color: #e7e7e7; border: 1px solid #e7e7e7;color: #333333 !important;}
    .d_btn.d_btn_02 {background-color: #666 ;border: 1px solid #666 ;color: #ffffff !important;}
    /*사각버튼스타일*/
    .d_sbtn {border-radius:inherit !important; min-width:200px; display: inline-block; padding:16px 20px; vertical-align: middle;text-align: center;line-height: 1.2 !important; box-sizing: border-box;letter-spacing:-1px; font-size:17px !important;font-weight:600 !important;background-color: #520a1f;border: 1px solid #520a1f; color: #ffffff !important;border-radius:10px; -webkit-transition:all .3s ease-out; transition: all .3s ease-out;}
        .d_sbtn.d_sbtn_01 {background-color: #e7e7e7 ;border: 1px solid #e7e7e7 ;color: #333 !important;}
        .d_sbtn.d_sbtn_02 {background-color: #666 ;border: 1px solid #666 ;color: #ffffff !important;}
        .d_sbtn.d_sbtn_03 {background-color: #333 ;border: 1px solid #333 ;color: #ffffff !important;}
        .d_sbtn.d_sbtn_04 {background-color: #bb1d4c !important; border: 1px solid #bb1d4c; color: #ffffff !important; border-radius: 10px}
    /*활성화*/
    .edit_btn_a .d_btn:hover {background-color: #da1349;border-color: #da1349;}
    .edit_btn_a .d_btn.d_btn_01:hover {background-color: #f5f5f5;border-color: #f5f5f5;}
    .edit_btn_a .d_btn.d_btn_02:hover {background-color: #999 ;border-color: #999;}
    .edit_btn_a .d_sbtn:hover {background-color: #da1349;border-color: #da1349;}
        .d_sbtn.d_sbtn_01:hover {background-color: #f5f5f5 ;border: 1px solid #f5f5f5 ;color: #333 !important;}
        .d_sbtn.d_sbtn_02:hover {background-color: #999 ;border: 1px solid #999 ;color: #ffffff !important;}
        .d_sbtn.d_sbtn_03:hover {background-color: #000 ;border: 1px solid #000 ;color: #ffffff !important;}
        .d_sbtn.d_sbtn_04:hover {background-color: #da1349;border-color: #da1349;}

    /*아이콘적용*/
    .d_btn_s.dt_magglass {background-image:url('/skin/site/beauty/images/skin/ico_magglass_14.png'); background-repeat:no-repeat; background-position:10px 60%;padding-left:28px;}
    .d_btn_s.dt_magglass_wh {background-image:url('/skin/site/beauty/images/skin/ico_magglass_wh_14.png'); background-repeat:no-repeat; background-position:10px 60%;padding-left:28px;}
    .d_btn_ss.dt_magglass {background-image:url('/skin/site/beauty/images/skin/ico_magglass_14.png'); background-repeat:no-repeat; background-position:5px 60%;padding-left:22px;}
    .d_btn_ss.dt_plus {background-image:url('/skin/site/beauty/images/skin/ico_plus_10.gif'); background-repeat:no-repeat; background-position:5px 50%;padding-left:18px;}
    .d_btn_ss.dt_del {background-image:url('/skin/site/beauty/images/skin/ico_del_10.gif'); background-repeat:no-repeat; background-position:5px 50%;padding-left:18px;}
    .d_btn_ss.dt_text {background-image:url('/skin/site/beauty/images/skin/ico_text_14.png'); background-repeat:no-repeat; background-position:5px 50%;padding-left:18px;}
        .d_btn_ss.dt_text.dim {opacity: 0.4; background-color: #d6d6d6;border-color:#ccc;cursor: default;}
    .d_btn_ss.dt_del2 {background-image:url('/skin/site/beauty/images/skin/ico_del_14.png'); background-repeat:no-repeat; background-position:5px 60%;padding-left:24px; background-color:inherit; background-color: #fff4f4; border-color:inherit; border-color:#eacccc; color: inherit; color:#c57a7a !important}
        .d_btn_ss.dt_del2:hover {background-color: #fff4f4;  border-color:#eacccc; color:#915555 !important}
    .d_btn_ss.dt_error {background-image:url('/skin/site/beauty/images/skin/ico_error_14.png'); background-repeat:no-repeat; background-position:5px 50%;padding-left:24px; background-color:inherit; background-color: #fff6d9; border-color:inherit; border-color:#eedfae; color: inherit; color:#a9924a !important}
        .d_btn_ss.dt_error:hover {background-color: #fff6d9;  border-color:#eedfae; color:#705e26 !important}
        .d_btn_ss.dt_error .error {padding-right:5px;}
    .d_btn_ss.dt_arrowup::after { content:"";width: 9px;height: 5px;margin-left: 10px; display: inline-block; background-image:url('/skin/site/beauty/images/skin/ico_arrowupdown.gif'); background-repeat:no-repeat;background-position: left top; vertical-align: middle;margin-top:-1px;}
    .d_btn_ss.dt_arrowdown::after { content:"";width: 9px;height: 5px;margin-left: 10px; display: inline-block; background-image:url('/skin/site/beauty/images/skin/ico_arrowupdown.gif'); background-repeat:no-repeat;background-position: left bottom; vertical-align: middle; margin-top:-1px;}

    .d_btnss_plus {width:24px; height: 24px; background-image:url('/skin/site/beauty/images/skin/ico_plus_10.gif'); background-repeat:no-repeat; background-position:50% 50%;background-color: #520a1f; font-size: 0;line-height: 1000px;overflow: hidden; vertical-align: middle;}
    .d_btnss_del {width:24px; height: 24px; background-image:url('/skin/site/beauty/images/skin/ico_del_10.gif'); background-repeat:no-repeat; background-position:50% 50%;background-color: #7d7d7d; font-size: 0;line-height: 1000px;overflow: hidden; vertical-align: middle}
    /*새창띄우기*/
    .d_btn_b.dt_blank {background-image:url('/skin/site/beauty/images/c_img/ico_blank_30x30.png');background-repeat:no-repeat; background-position:right 20px center; background-size: 20px 20px;padding-right:60px;}
        .d_btn_n.dt_blank {background-image:url('/skin/site/beauty/images/c_img/ico_blank_30x30.png');background-repeat:no-repeat; background-position:right 20px center; background-size: 16px 16px;padding-right:45px;}
        .d_btn_s.dt_blank {background-image:url('/skin/site/beauty/images/c_img/ico_blank_30x30.png');background-repeat:no-repeat; background-position:right 10px center; background-size: 15px 15px;padding-right:35px;}
        .d_btn_ss.dt_blank {background-image:url('/skin/site/beauty/images/c_img/ico_blank_30x30.png');background-repeat:no-repeat; background-position:right 10px center; background-size: 11px 11px;padding-right:28px;}
        /*새창띄우기 black*/
        .d_btn_b.dt_blank_bk {background-image:url('/skin/site/beauty/images/c_img/ico_blank_30x30_bk.png');background-repeat:no-repeat; background-position:right 20px center; background-size: 20px 20px;padding-right:60px;}
            .d_btn_n.dt_blank_bk {background-image:url('/skin/site/beauty/images/c_img/ico_blank_30x30_bk.png');background-repeat:no-repeat; background-position:right 20px center; background-size: 16px 16px;padding-right:45px;}
            .d_btn_s.dt_blank_bk {background-image:url('/skin/site/beauty/images/c_img/ico_blank_30x30_bk.png');background-repeat:no-repeat; background-position:right 10px center; background-size: 14px 14px;padding-right:25px;}
            .d_btn_ss.dt_blank_bk {background-image:url('/skin/site/beauty/images/c_img/ico_blank_30x30_bk.png');background-repeat:no-repeat; background-position:right 8px center; background-size: 12px 12px; padding-right:24px;}
/*table>TD버튼*/
.tb_btn_a {position: relative; padding:0;}
    .tb_btn {width:100%; height: 100%; left:0; top:0; background-color:#bb1d4c; text-align: center; color:#fff; padding:0; position:absolute; font-size: 15px;-webkit-transition:all .3s ease-out; transition: all .3s ease-out;}
    .tb_btn:hover {background-color: #da1349 ;border-color: #da1349 !important;}

/* 모바일버전 버튼 */
#backToMobile a{font-size: 40px !important; border-radius: 16px !important;}

/* Icon 정의
---------------------- */
.d_ico_s {height:27px; box-sizing:border-box; line-height:26px;font-size:12px; display:inline-block; border-radius:100px; min-width:60px; text-align:center;padding:0 10px;-webkit-transition:all .3s linear; transition: all .3s linear;}
    .d_ico_s.blue {color:#fff !important; background-color: #90bcff;}
    .d_ico_s.gray {color:#999 !important; background-color: #ddd;}
    
    /*아이콘타입*/
    .d_ico_s.collect_wait {color:#fff !important; background-color: #d58b56; min-width:80px;}/*수금대기*/
    .d_ico_s.collect_finish {color:#fff !important; background-color: #b44c00; min-width:80px;}/*수금완료*/
    /*-------*/
    .d_ico_s.cancel {color:#666 !important; background-color: #ddd; min-width:80px}/*주문취소*/
    /*-------*/
    .d_ico_s.wait {color:#fff !important; background-color: #999; min-width:80px;}/*결제대기*/
    .d_ico_s.paid {color:#fff !important; background-color: #333; min-width:80px}/*결제완료*/
    /*-------*/
    .d_ico_s.receipt {color:#fff !important; background-color: #58a033; min-width:80px;}/*접수중*/
    .d_ico_s.receipt_finish {color:#fff !important; background-color: #356f17; min-width:80px;}/*접수완료*/
    /*-------*/
    .d_ico_s.make {color:#fff !important; background-color: #4c89f5; min-width:80px;}/*제작중*/
    /*-------*/
    .d_ico_s.stocking_finish {color:#fff !important; background-color: #81164b; min-width:80px;}/*입고완료*/
    .d_ico_s.shipping_finish {color:#fff !important; background-color: #81164b; min-width:80px;}/*출고완료*/
    /*-------*/
    .d_ico_s.delivery_wait {color:#fff !important; background-color: #b4a7d6; min-width:80px;}/*배송준비*/
    .d_ico_s.delivery {color:#fff !important; background-color: #aa74e0; min-width:80px;}/*배송중*/
    .d_ico_s.delivery_finish {color:#fff !important; background-color: #351c75; min-width:80px;}/*배송완료*/     /*deliveryfinish   >>>    delivery_finish*/
        /*삭제예정*/.d_ico_s.deliveryfinish {color:#fff !important; background-color: #351c75; min-width:80px;}
    /*-------*/
    .d_ico_s.hold {color:#999 !important; background-color: #eeeeee; min-width:80px;}/*보류*/
    /*-------*/
    .d_ico_s.receivable {color:#fff !important; background-color: #ff6d01; min-width:80px;}/*부분미수*/

    /*버튼타입*/
    .d_ico_s.correction {color:#fff !important; min-width:80px;animation: corr_alarm .4s infinite alternate;-webkit-animation: corr_alarm .4s infinite alternate; border-radius: 4px;}/*교정확인*/
    .d_ico_s.showimg {color:#fff !important; background-color: #bb1d4c; min-width:80px; border-radius: 4px;}/*이미지보기*/
        .d_ico_s.showimg:hover {background-color:#da1349;border-color:#da1349;}
        .d_ico_s+.d_ico_s {margin-top:4px;}
        a.d_ico_s+span.d_ico_s {margin-top:20px;}
        /*a.d_ico_s+span.d_ico_s::after { content:""; width:20px; height: 1px; background-color: #ccc; position: absolute; transform: translate(-25px,-10px);}*/
        @keyframes corr_alarm {
            0% {background-color: #520a1f;}
            100% {background-color: #da1349;}
        } 
    .d_ico_ss {height:22px; box-sizing:border-box; line-height:21px;font-size:11px; display:inline-block; border-radius:100px; min-width:60px; text-align:center;padding:0 10px}
    .d_ico_ss.c_tag {border:0 !important} /*c_tag빼면 레이아웃 깨지는 페이지용*/
    .d_ico_ss.blue {color:#fff !important; background-color: #90bcff;}
    .d_ico_ss.blue2 {color:#fff !important; background-color: #4c89f5;}
    .d_ico_ss.red {color:#fff !important; background-color: #da1349;}
    .d_ico_ss.green {color:#fff !important; background-color: #4da748;}
    .d_ico_ss.gray {color:#999 !important; background-color: #ddd;}
    .d_ico_ss.gray2 {color:#fff !important; background-color: #666;}
    .d_ico_ss.gray3 {color:#333 !important; background-color: #ddd;}
    /*할인상품 배지*/
    .d_badge_ss {height:23px; margin-left: 6px; box-sizing:border-box; font-size:11px; display:inline-block; border-radius:100px; min-width:60px; text-align:center;padding:3px 10px; margin-top: 3px;}
    .d_badge_ss.c_tag {border:0 !important} /*c_tag빼면 레이아웃 깨지는 페이지용*/
    .d_badge_ss.blue {color:#fff !important; background-color: #5e94e4;}
    .d_badge_ss.green {color:#fff !important; background-color: #6bbc88;}
    .d_badge_ss.orange {color:#fff !important; background-color: #e27043;}
    /*이름지정*/
    .d_ico_ss.deposit,
    .d_ico_ss.refund {color:#fff !important; background-color: #90bcff;} /*입금, 환불*/
    .d_ico_ss.withdraw,
    .d_ico_ss.cancel {color:#fff !important; background-color: #E07183;} /*출금, 취소*/
    .d_ico_ss.wait {color:#fff !important; background-color: #666;} /*대기*/


/* pagination 정의
----------------------- */

/* search 정의
----------------------- */

/* Scroll 정의
----------------------- */
.d_scroll_01::-webkit-scrollbar {width: 20px; height: 15px;}
    .d_scroll_01::-webkit-scrollbar-button:start:decrement, 
    .d_scroll_01::-webkit-scrollbar-button:end:increment {display: block; height: 0px;}
    .d_scroll_01::-webkit-scrollbar-track {background-color:transparent; -webkit-border-radius: 10px; border-radius:10px;}    
    .d_scroll_01::-webkit-scrollbar-thumb {height: 10px; width: 10px; background-color: #666; -webkit-border-radius: 10px; border-radius: 10px; border:6px solid #f9f9f9;}
    .d_scroll_01::-webkit-scrollbar-thumb:hover {background-color: #000;}


/* form select,input,check,radio 정의
----------------------- */
select.d_select_01 {border:1px solid #ddd; padding:7px 30px 7px 10px; font-size:13px !important; vertical-align: middle; min-height:35px;color:#333; font-weight:400}
	select.d_select_01 {-webkit-appearance: none;appearance: none;-moz-appearance: none;-webkit-user-select: none;background:#fff url('/skin/site/beauty/images/c_img/order_search_arrow.gif') right center no-repeat;}
	select.d_select_01::-ms-expand {display:none;}

select:disabled {background-color: #f3f3f3 !important; color: #999 !important; border-color: #ddd !important; opacity: 0.7;  pointer-events: none; cursor: not-allowed;}
    
.d_itext_01[type=text],
.d_itext_01[type=password] {background:#fff; border:1px solid #ddd; height:35px; box-sizing:border-box; width:100%; padding:7px 10px 9px 10px;display: inline-block; vertical-align: middle; }
    /*견적창안의 input*/.view_default .d_itext_01[type=text],.view_default .d_itext_01[type=text]:focus {background:#ffdfe9 !important; border:1px solid #D19FAE !important; border:30px solid red;}
    /*날짜 input*/
    .d_itext_01.ico_date {padding:8px 35px 10px 10px; box-sizing:border-box;  background:#fff url('../images/c_img/ic_order_date.gif') right center no-repeat;}
    .d_itext_01.ico_date:focus {background:url('../images/c_img/ic_order_date_on.gif') right center no-repeat;}

/*견적창안의 셀렉박스와 높이 통일 input*/
.d_itext_02[type=text] {height:35px; box-sizing:border-box; width:100%; padding:0px 2px 2px 2px;display: inline-block; vertical-align: middle; text-align: center; font-size: 12.5px; background-color:#ffdfe9;border:1px solid #D19FAE;}

/*견적창안의 주의사항 문구*/
.guidetxt {display: inline-block; margin-left: 10px;}

.d_itext_s01[type=text] {height:25px; box-sizing:border-box; width:100%; padding:0px 2px 2px 2px; display: inline-block; vertical-align: middle; text-align: center; font-size: 12.5px;}
.d_itext_s01[type=text].dim {background-color: #efefef !important; border: 1px solid #efefef !important; color:#c7c7c7 !important; cursor: default !important;}
    .d_itext_s01[type=text] {background-color:#ffdfe9;border:1px solid #D19FAE;} /*활성화시 강조*/
    dd>.d_itext_s01[type=text] {height: 35px;}

.d_itext_s02[type=text] {height:25px; box-sizing:border-box; width:100%; padding:0px 2px 2px 2px;display: inline-block; vertical-align: middle; text-align: center; font-size: 12.5px;}
    .d_itext_s02[type=text] {background-color:#fff;border:1px solid #ddd;}

.d_itext_s03[type=text] {height: 35px;text-align: left;padding-left: 10px;background-color: #fff;box-sizing: border-box;border:1px solid #ccc;vertical-align: middle;}
.d_itext_s03[type=text].accent {background-color: #ffdfe9; border:1px solid #D19FAE;}

textarea.d_textarea_01 {border: 1px solid #dfdfdf;clear: both;display: block;width: 100%;padding: 10px;box-sizing: border-box;resize:vertical;font-size: 12.5px;}
    
/* set단위 정의 */
.d_search_g01 {position:relative; display: inline-block; vertical-align: middle;}
	.d_search_g01 input[type=text] {background:#fff; border:1px solid #ddd; height:35px; box-sizing:border-box; width:100%; padding:7px 40px 9px 10px;font-size: 12.5px;}	
	.d_search_g01 input[type=submit] {position:absolute; right:1px; top:0; width:40px; height:35px; background:transparent url('/skin/site/beauty/images/c_img/board_search.gif') center top no-repeat; z-index:100}
	.d_search_g01 input[type=submit]:hover {background-position:center bottom;}

.d_iradio_g01,.d_icheckbox_g01 {}
    .d_iradio_g01 label,.d_icheckbox_g01 label,
    label.d_iradio_g01,label.d_icheckbox_g01  {align-items: center; font-size:13px; line-height:1.4; vertical-align: middle;}
    .d_iradio_g01 input[type=radio],.d_icheckbox_g01 input[type=checkbox] {width:20px; height: 20px; vertical-align: middle;}
    select+label.d_icheckbox_g01,input+label.d_icheckbox_g01  {vertical-align: middle;}
    
    
/*동적효과구현*/
select.d_select_01,.d_icheckbox_g01 input[type=checkbox],.d_iradio_g01 input[type=radio],.d_itext_01[type=text],.d_itext_01[type=password],.d_search_g01 input[type=text],.d_search_g01 input[type=text],.d_textarea_01,
.d_ibutton_01[type=button],.d_itext_s01[type=text] {-webkit-transition:all .3s ease-out; transition: all .3s ease-out;}
    
select.d_select_01:focus,.d_itext_01[type=text]:focus,.d_itext_01[type=password]:focus,.d_itext_s03[type=text]:focus,.d_search_g01 input[type=text]:focus,.d_textarea_01:focus {background-color:#fcf9fa !important;border-color:#e5b6c2 !important}

.d_itext_s03[type=text].accent:focus {background-color: #ffdfe9 !important; border:1px solid #D19FAE !important;}
/*reayonly*/
.d_itext_s01[type=text]:read-only,
.d_itext_s01[type=text].read-only,
.d_itext_01[type=text]:read-only,
.d_itext_s03[type=text]:read-only {color:#999 !important; background-color:#f9f9f9 !important; border-color: #DDDDDD !important; cursor:default;}
.d_itext_01[type=text]:read-only:focus {background:#f9f9f9 !important; border-color: #DDDDDD !important; cursor:default;}

/*활성화되는 button*/

    
/*활성화되는 TEXT박스*/



/*■■ 채널 공통 레이아웃, 디자인 ID,Class,Element 정의 ■■
-------------------------------------------------------------------------- */
/* SGNB GNB or Header 영역
----------------------- */

/* body 영역
----------------------- */
body {min-width:1220px;}
body.freewidth {min-width: inherit;} /* header2 */
body.scrollhidden {overflow:hidden} /* 편집기호출 스크롤 감추기 */

/* Left 영역
----------------------- */

/* content 영역
----------------------- */
	
/* footer 영역
----------------------- */

/*■■ Layer Popup & popup 레이아웃, 디자인 ID,Class,Element 정의 ■■
-------------------------------------------------------------------------- */
.d_lpopup_a01 { position: relative; border-radius: 20px; overflow: hidden; left:50% !important; transform: translateX(-50%);}
.d_lpopup_a01 * {box-sizing: border-box;}
    .d_lpopup_a01_in {padding:20px;}
    .d_lpopup_a01 .d_lpopup_in {padding:20px;}
    .d_lpopup_a01 .c_pop_tit {border-bottom: 1px solid #ccc; padding-bottom: 10px;}
    .d_lpopup_a01 .c_pop_tit .title {font-size:24px;}
    .d_lpopup_a01 .c_pop_contents {padding-top:20px;}
    .d_lpopup_a01 .c_pop_contents.ncs_notice {text-align: center;}
    .d_lpopup_a01 .c_pop_contents.ncs_notice>a{margin-top: 20px;}
    .d_lpopup_a01 .c_pop_contents.ncs_notice .c_popup_main_title_tit {line-height: 1.2;}
    .d_lpopup_a01 .c_pop_contents.ncs_notice .c_popup_main_title_tit>span {font-weight: 600;}
    .d_lpopup_a01 .c_pop_contents.ncs_notice .c_popup_main_title_tit_sub {font-size: 16px; margin-top:10px}
    .d_lpopup_a01 .c_pop_contents.ncs_notice .c_popup_content_text {padding: inherit; padding-top: 0;}
    .d_lpopup_a01 .c_pop_contents.ncs_notice .ncs_s_noti {font-size: 18px; padding: 0 20px; margin-top: 20px; margin-bottom: 40px;}
    

.d_lpopup_a02 { position: relative; overflow: hidden; background-color:#fff; border-radius:20px; left:50% !important; transform: translateX(-50%);} /*책속책 연결표지 UI 보완으로 추가된 class*/
.d_lpopup_a02 * {box-sizing: border-box;}
    .d_lpopup_a02_in {padding:20px;}
    .d_lpopup_a02 .c_pop_tit {border-bottom: 1px solid #ccc; padding-bottom: 10px;}
    .d_lpopup_a02 .c_pop_tit .title {font-size:24px;}
    /* 셀프편집기 Lpopup tab -ljh */
    .d_lpopup_a02 .c_tab_box {margin-top: 16px;}
    .d_lpopup_a02 .c_tab_box>ul>li.on>a {color: #bb1d4c !important; font-weight: 500;}

    /* NCS 목차이미지 */
    #div_ncs_img_popup {width: 800px; transform: translate(-50%, 0%); left: 50% !important; position: absolute; top: 0px; z-index: 9999; opacity: 1;}
    #div_ncs_img_popup .d_lpopup_a02 {width: 800px;}
    .d_index_view {text-align: center;}
    .d_index_view .ncs_img>img {width: 700px;}

    /* NCS 팝업 가로사이즈 강제조정 -cjy */
    #pop_ncs_notice1 {width: 680px !important;}

/* 셀프편집기 Lpopup -ljh */
.d_lpopup_a02.d_pop_cover .d_lpopup_a02_in.view_default {padding:25px;}
    .d_lpopup_a02.d_pop_cover .d_lpopup_a02_in.view_default .selecttempatetype {padding:0px; max-height: 440px; margin-top: 20px;}
    .d_lpopup_a02.d_pop_cover .c_pop_text > ul {margin:20px 16px; width: 100%;}
    .d_lpopup_a02.d_pop_cover .c_pop_text > ul > li {list-style: none; font-size:16px;}
.d_lpopup_a02.d_pop_cover .sf_lpopup_a {padding:25px;}
    .d_lpopup_a02.d_pop_cover .sf_lpopup_a .selecttempatetype {padding:0px; min-height: 480px !important;}
    .d_lpopup_a02.d_pop_cover .sf_lpopup_a .sf_lpop_tit {display: flex;}
    .d_lpopup_a02.d_pop_cover .sf_lpopup_a .sf_lpop_tit .title {font-size:24px; width: 50%;}
    .d_lpopup_a02.d_pop_cover .sf_lpopup_a .sf_lpop_text {width: 50%;}
    .d_lpopup_a02.d_pop_cover .sf_lpopup_a .sf_lpop_text>ul {margin-top: 12px;}
    .d_lpopup_a02.d_pop_cover .sf_lpopup_a .sf_lpop_text>ul>li {list-style: none; font-size:14px; text-align: right; margin-right: 1;}
    /* 셀프편집기 Lpopup tab -ljh */
    .d_lpopup_a02.d_pop_cover .sf_lpopup_a .d_tab_02.d_mgt_30 {margin-top: 15px;}
    .d_lpopup_a02.d_pop_cover .sf_lpopup_a .d_tab_02.d_mgt_30>dl {border-bottom:inherit;}
    .d_lpopup_a02.d_pop_cover .sf_lpopup_a .d_tab_02 dd {border-bottom: 1px solid #ccc; height: 45px;}
    /* 셀프편집기 Lpopup tab_s -ljh */
    .d_lpopup_a02.d_pop_cover .sf_tab_s {display: flex; justify-content: center; margin-top: 16px;}
    .d_lpopup_a02.d_pop_cover .sf_tab_s>ul{cursor: pointer; display: flex; gap: 10px; padding: 0; margin: 0; background-color: #eee; border-radius: 100px;}
    .d_lpopup_a02.d_pop_cover .sf_tab_s>ul>li{list-style: none; border: 1px solid transparent;}
    .d_lpopup_a02.d_pop_cover .sf_tab_s>ul>li.on {background-color: #fff; border: 1px solid #ccc; box-sizing: border-box; border-radius: 35px;}
    .d_lpopup_a02.d_pop_cover .sf_tab_s>ul>li.on>a {color: #333;}
    .d_lpopup_a02.d_pop_cover .sf_tab_s>ul>li>a {padding: 5px 20px; color: #999; font-size: 13px; height: 35px; line-height: 1.8;}
    /* 셀프편집기 Lpopup tag -ljh */
    .d_lpopup_a02.d_pop_cover .sf_temp_tag {display: flex; justify-content: center; margin-top: 10px;}
    .d_lpopup_a02.d_pop_cover .sf_temp_tag>ul {display: flex; flex-wrap: wrap; gap: 10px;}
    .d_lpopup_a02.d_pop_cover .sf_temp_tag>ul>li{list-style: none;}
    .d_lpopup_a02.d_pop_cover .sf_temp_tag>ul>li>a {line-height: 1.4; box-sizing: border-box; cursor: pointer; padding: 5px 10px; color: #999; font-size: 13px; height: 30px;}
    .d_lpopup_a02.d_pop_cover .sf_temp_tag>ul>li.on>a {color: #bb1d4c;}
    .d_lpopup_a02.d_pop_cover .sf_lpopup_a .d_tab_02:has(> dl > #all.on) ~ .selecttempatetype {max-height: 533px !important;;}
    .d_lpopup_a02.d_pop_cover .selecttempatetype::-webkit-scrollbar {width: 8px;}
    .d_lpopup_a02.d_pop_cover .selecttempatetype::-webkit-scrollbar-track {background-color: #eee; border-radius: 15px;}
    .d_lpopup_a02.d_pop_cover .selecttempatetype::-webkit-scrollbar-thumb {background-color: #999; border-radius: 15px; width: 6px;}
    .d_lpopup_a02.d_pop_cover .selecttempatetype::-webkit-scrollbar-thumb:hover {background-color: #666;}
    .d_lpopup_a02.d_pop_cover .sf_lpopup_a .selecttempatetype .d_temp_img {display: flex; list-style: none; flex-wrap: wrap; gap: 0 20px; margin-bottom: 30px;}
    .d_lpopup_a02.d_pop_cover .selecttempatetype .d_temp_img {display: flex; list-style: none; flex-wrap: wrap; gap: 0 20px;}
    .d_lpopup_a02.d_pop_cover .selecttempatetype .d_temp_img > li {margin: 0 6px 30px 6px; width: 230px;}
    .d_lpopup_a02.d_pop_cover .selecttempatetype .d_temp_img > li .d_temp_img_tit {font-size: 14px; text-align: left; overflow: hidden; white-space: normal; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
    .d_lpopup_a02.d_pop_cover .sf_lpopup_a .selecttempatetype .c_pagi {padding-top: 0px;}
    /* 셀프편집기 Lpopup tag ico -ljh */
    .d_lpopup_a02.d_pop_cover .selecttempatetype .d_temp_img>li .sf_tag_ico {z-index: 1; position: absolute; box-sizing: border-box; height: 24px; margin-left: 8px; margin-top: 8px;}
        .d_lpopup_a02.d_pop_cover .selecttempatetype .d_temp_img>li .sf_tag_ico>ul{display: flex; gap: 4px; flex-wrap: wrap; width: 212px;}    
        .d_lpopup_a02.d_pop_cover .selecttempatetype .d_temp_img>li .sf_tag_ico>ul>li{list-style: none; color: #fff; line-height:1; background-color: #bb1d4c; padding: 5px 10px; border-radius: 15px; font-size: 12px;}
    /* 편집기보관함 Lpopup -ljh */
.d_lpopup_a02.d_pop_cover .c_pop_tit {display: flex;}
.d_lpopup_a02.d_pop_cover .c_pop_tit>a {margin-left: auto;}
.d_lpopup_a02.d_pop_cover .d_lpopup_a02_in.view_default {padding:25px;}
    .d_lpopup_a02.d_pop_cover .d_lpopup_a02_in.view_default .selecttempatetype_tplBox {padding:0px; max-height: 440px;}
    .selecttempatetype_tplBox::-webkit-scrollbar {width: 8px;}
    .d_lpopup_a02.d_pop_cover .selecttempatetype_tplBox::-webkit-scrollbar-track {background-color: #eee; border-radius: 15px;}
    .d_lpopup_a02.d_pop_cover .selecttempatetype_tplBox::-webkit-scrollbar-thumb {background-color: #999; border-radius: 15px; width: 6px;}
    .d_lpopup_a02.d_pop_cover .selecttempatetype_tplBox::-webkit-scrollbar-thumb:hover {background-color: #666;}
    .d_lpopup_a02.d_pop_cover .selecttempatetype_tplBox .d_temp_img {display: flex; list-style: none; flex-wrap: wrap; gap: 0 20px;}
    .d_lpopup_a02.d_pop_cover .selecttempatetype_tplBox .d_temp_img > li {margin: 0 6px 30px 6px; width: 230px;}
    .d_lpopup_a02.d_pop_cover .selecttempatetype_tplBox .d_temp_img > li .d_temp_img_tit {font-size: 14px; text-align: left; overflow: hidden; white-space: normal; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
    /* 셀프편집기 주의사항 동의확인서 Lpopup-ljh */
        .d_lpopup_a02.d_pop_cover .d_lpopup_a02_in .d_icheckbox_g01 {text-align: center; margin-top: 20px;}
        .d_lpopup_a02.d_pop_cover .d_lpopup_a02_in .d_icheckbox_g01 label.d_freewidth {font-size: 16px;}
        .d_lpopup_a02.d_pop_cover .d_lpopup_a02_in .d_icheckbox_g01 input[type=checkbox] {margin-top: 3px;}
        /* 약관동의 체크박스 유형 */
        .d_lpopup_a02.d_pop_cover .d_lpopup_a02_in .d_icheckbox_g02 {text-align: left; margin-top: 10px;}
        .d_lpopup_a02.d_pop_cover .d_lpopup_a02_in .d_icheckbox_g02 label.d_freewidth {font-size: 14px; line-height: 1.2;}
        .d_lpopup_a02.d_pop_cover .d_lpopup_a02_in .d_icheckbox_g02 input[type=checkbox] {margin-top: 3px;}

    /* 셀프편집기 보관함에 저장 Lpopup-ljh */
    .template-flexbox_tblBox {display: flex; gap: 20px; padding-top: 20px;}
    .d_cover_template_img_tblBox img {max-height: 100px; border: 1px solid #eee;}
    .c_pop_text_tblBox {flex: 1;}
    .c_pop_text_tblBox ul>li{list-style: none; font-size: 16px;}
    .c_pop_text_tblBox input {margin-top: 10px; width: 100%; padding: 8px; font-size: 14px; border: 1px solid #ccc; border-radius: 4px; background-color: #fff; box-sizing: border-box;}
    
.d_lpopup_a03 {}/*툴팁용 Lpopup*/
    .d_lpopup_a03 p {display: block; font-size: 13px;}
    .tooltipster-base{z-index: 9999;}

.d_lpopup_a04 { position: relative; border-radius: 20px; overflow: hidden; }/*추가결제 Lpopup-ljh*/
.d_lpopup_a04 * {box-sizing: border-box;}
    .d_lpopup_a04_in {padding:20px;}
    .d_lpopup_a04 .d_lpopup_in {padding:20px;}
    .d_lpopup_a04 .c_pop_tit {border-bottom: 1px solid #ccc; padding-bottom: 10px;}
    .d_lpopup_a04 .c_pop_tit .title {font-size:24px;}
    .d_lpopup_a04 .c_pop_contents {padding-top:20px;}
    /*확인요망 - 안쓰는것 같은데*/.d_lpopup_a04 .d_lpopup_in .iframe_a {padding-top : 20px;}

    /*top colse X 버튼*/
    .d_topclose {position:absolute; right:0; top:0; }
    .d_topclose a {width:80px;height:70px;padding:10px 10px;overflow: hidden; font-size: 0;line-height: 500px;}
        .d_topclose a:before,
        .d_topclose a:after {content: ' ';position: absolute;left: 50%;height: 50px;width: 1px;background-color: #999; margin-left:-1px;}
        .d_topclose a:before {transform: rotate(45deg);}
        .d_topclose a:after {transform: rotate(-45deg);}
    /*top 하단버튼*/
    .d_bottombtn_a {text-align:center; display: flex;}
        .d_bottombtn_a * {-webkit-transition:all .3s ease-out; transition: all .3s ease-out; box-sizing: border-box;}
        .d_bbtn_l,
        .d_bbtn_r {height:70px; line-height: 70px; font-size: 16px;}
        .d_bbtn_l {flex: 2; background-color: #bb1d4c;border: 1px solid #bb1d4c; color: #ffffff !important}
        .d_bbtn_l:hover {background: #da1349;border-color: #da1349;}
        .d_bbtn_r {flex: 1; background-color: #e7e7e7; border: 1px solid #e7e7e7;color: #333333 !important;}
        .d_bbtn_r:hover {background: #f5f5f5;}

/*파일업로드 Popup*/
.d_lpopup_a01.css_order_file_upload .fileupload_iframe iframe {width:100%; height: 295px;}
    .d_lpopup_a01.css_order_file_upload .d_dlist_01 {margin-top:5px;}
    .d_lpopup_a01.css_order_file_upload .d_dlist_01 input.d_itext_01,
    .d_lpopup_a01.css_order_file_upload .d_dlist_01 textarea.d_textarea_01 {background-color: #f9f9f9;resize: none;}
    .d_lpopup_a01.css_order_file_upload .d_dlist_01 dl.fileupload_corr dt {position: relative;}
    .d_lpopup_a01.css_order_file_upload .d_dlist_01 dl.fileupload_corr dt .d_btn_box_sss02 {top:2px}
    .d_lpopup_a01.css_order_file_upload .d_dlist_01 dl.fileupload_corr label,
    .d_lpopup_a01.css_order_file_upload .d_dlist_01 dl.fileupload_corr .d_btn_box_sss { vertical-align: middle;}
    /*기본 문구표현*/
    .d_lpopup_a01.css_order_file_upload .d_dlist_01 dl.fileupload_corr .d_btn_box_sss::after {content:"주의사항"}
    .d_lpopup_a01.css_order_file_upload .d_dlist_01 dl.fileupload_corr:hover .d_btn_box_sss {background-color:#da1349 !important;}
    .d_lpopup_a01.css_order_file_upload .d_dlist_01 dl.fileupload_corr:hover .d_btn_box_sss::after {content:"";animation: dj_texttype 0.5s forwards;-webkit-animation: dj_texttype 0.5s forwards;}
        @keyframes dj_texttype {
            0% {content: "주의사항";}
            10% {content: "주의사항을";}
            20% {content: "주의사항을 확";}
            30% {content: "주의사항을 확인";}
            40% {content: "주의사항을 확인해";}
            50% {content: "주의사항을 확인해주";}
            60% {content: "주의사항을 확인해주세요";}
            100% {content: "주의사항을 확인해주세요";}
            }
 
    /* 배송지수정 Popup */
    .d_lpopup_a01 .delivery_modify .c_form {margin-top: inherit; border-top: inherit;}
    .d_lpopup_a01 .delivery_modify .c_pop_tit {display: flex; justify-content: space-between; align-items: center;}
    .d_lpopup_a01 .delivery_modify .c_pop_tit .d_iradio_g01 label {font-size: 14px;}
    /*주문결제-배송지 정보-받는분 주소-배송지관리, 배송지관리Lpopup*/
    .edit_address {display: flex; align-items: center;}
    .edit_address .d_icheckbox_g01{margin-left: 10px;}
    .edit_address .d_icheckbox_g01 input:checked+span {color: #333;}
    /* 기본배송지 */
    .address_default {width: 30px; background-color: #da1349; -webkit-mask-image: url('/skin/site/beauty/images/c_img/ico_check.svg'); -webkit-mask-repeat: no-repeat; -webkit-mask-position: center; -webkit-mask-size: 15px 15px;  mask-image: url('/skin/site/beauty/images/c_img/ico_check.svg'); mask-repeat: no-repeat; mask-position: center; mask-size: 15px 15px;}

/* 배송지관리,배송지변경 Popup */
    .bookcode .d_iradio_g01 input[type=radio] {margin-right: 0px;}
    .bookname .delivery_memo {background: #eee; color: #666; border-radius: 4px; padding: 10px; margin-top: 10px;}
    table.dt_overbg tr:hover td.bookname .delivery_memo {color: #333; background: #e9d5da;}     
    

    /*radio버튼 클릭 시 문구표현*/
    .d_lpopup_a01.css_order_file_upload .d_dlist_01 dl.fileupload_corr input#is_proof_file_1:checked~span.d_btn_box_sss ,
    .d_lpopup_a01.css_order_file_upload .d_dlist_01 dl.fileupload_corr input#is_proof_file_0:checked~span.d_btn_box_sss {background-color:#666;}
    .d_lpopup_a01.css_order_file_upload .d_dlist_01 dl.fileupload_corr input#is_proof_file_1:checked~span.d_btn_box_sss::after {content: "※교정확인 시점이 되면 고객님께 문자알림이 발송됩니다";}
    .d_lpopup_a01.css_order_file_upload .d_dlist_01 dl.fileupload_corr input#is_proof_file_0:checked~span.d_btn_box_sss::after {content: "※별도의 교정확인 절차 없이 바로 인쇄가 진행되니 신중히 선택바랍니다";}
    .d_lpopup_a01 .d_bottombtn_a i.d_ing {animation: dj_blink 1s infinite;-webkit-animation: dj_blink 1s infinite; }
    @keyframes dj_blink {
        0% {opacity: 0}
        100% {opacity: 1}
    }


    /*파일업로드, 교정확인 팝업  .d_bottombtn_a 하단 고정용 -260331cjy*/
        .css_order_file_upload.d_lpopup_a01 .d_lpopup_a01_in{padding-bottom:90px;}
        .css_order_file_upload.d_lpopup_a01 .d_bottombtn_a{position:absolute; bottom:0; left:0; width:100%;}


/*교정확인 ui-260331cjy*/
.lpopup_content_01{display:flex;align-items:center;padding:14px 20px;background:#f3f3f3;margin-bottom:20px; gap:20px;}
.lpopup_content_01>span{font-size:15px;line-height:1.4;color:#333;}
.proof_check_tip_wrap{margin-left:auto;}
.btn_img_tooltip{display:inline-flex;align-items:center;justify-content:center;padding:8px 14px;border-radius:6px;border:1px solid #d1d5db;background:#fff;font-size:13px;font-weight:500;color:#333;text-decoration:none;transition:0.2s;}
.btn_img_tooltip:hover{background:#666;color: #fff;cursor:default;}

.d_lpopup_a01_in .lpopup_content_01 .tooltipster-content {display:none;position:absolute;overflow:visible;margin-top:12px;right:20px;z-index:100;width: 760px;}
.d_lpopup_a01_in .lpopup_content_01 .proof_check_tip_wrap:hover .tooltipster-content{display:block;}
.d_lpopup_a01_in .lpopup_content_01 .tooltipster-content .d_lpopup_a03 {background:#fff;border-radius:10px;box-shadow:0 8px 24px rgba(0,0,0,.18);padding:8px;text-align:center;overflow-y:auto;overflow-x:hidden;box-sizing:border-box;}
.d_lpopup_a01_in .lpopup_content_01 .tooltipster-content .d_lpopup_a03 img{display:block;width:100%;height:auto;}
.d_lpopup_a01_in .lpopup_content_01 .tooltipster-content .d_lpopup_a03 p{margin-top:10px;font-size:14px;line-height:1.7;color:#333;text-align:left;white-space:normal;word-break:keep-all;}
.d_lpopup_a01_in .lpopup_content_01 .tooltipster-content .d_lpopup_a03::-webkit-scrollbar{width:6px;}
.d_lpopup_a01_in .lpopup_content_01 .tooltipster-content .d_lpopup_a03::-webkit-scrollbar-thumb{background:#ccc;border-radius:6px;}

.d_lpopup_a01_in .proof_check{margin-top:42px;margin-bottom:20px;display:flex;gap:20px;justify-content:center;align-items:flex-start;}
.d_lpopup_a01_in .proof_check>.proof_check_card{position:relative;width:310px;height:306px;border-radius:8px;border:2px solid #d1d1d1;display:flex;flex-direction:column;justify-content:flex-start;transition:0.2s all;box-sizing:border-box;text-decoration:none;overflow:hidden;cursor:pointer;}
.d_lpopup_a01_in .proof_check>.proof_check_card:hover{border-color:#bbb;box-shadow:0 6px 16px rgba(0,0,0,0.2);transform:translateY(-2px);}
.d_lpopup_a01_in .proof_check>.proof_check_card.on{box-shadow:0 8px 20px rgba(0,0,0,0.12);}
.d_lpopup_a01_in .proof_check>.yes_check.on{background:#e3eeff;border-color:#4c89f5;}
.d_lpopup_a01_in .proof_check>.no_check.on{background:#ffdfe8;border-color:#da1349;}
.d_lpopup_a01_in .proof_check>.proof_check_card .txt{margin-top:50px;width:100%;text-align:center;padding:0 20px;box-sizing:border-box;}
.d_lpopup_a01_in .proof_check>.proof_check_card .txt>p{font-size:24px; font-family:'GMarketSans';font-weight:400;transition:0.2s all;line-height:1.3;}
.d_lpopup_a01_in .proof_check>.yes_check .txt>p{color:#4c89f5;}
.d_lpopup_a01_in .proof_check>.no_check .txt>p{color:#da1349;}
.d_lpopup_a01_in .proof_check>.proof_check_card .txt>span{display:flex; align-items:center; justify-content:center; margin-top:14px;height:60px;font-size:16px;line-height:1.4;color:#666666;word-break:keep-all;}
.d_lpopup_a01_in .proof_check>.proof_check_card .txt_list01{padding:23px 34px 23px;box-sizing:border-box;}
.d_lpopup_a01_in .proof_check>.proof_check_card .txt_list01 ul{margin:0;padding:0;list-style:none;}
.d_lpopup_a01_in .proof_check>.proof_check_card .txt_list01 ul li{position:relative;padding-left:16px;font-size:14px;line-height:1.4;color:#222;margin-top:2px;word-break:keep-all;}
.d_lpopup_a01_in .proof_check>.proof_check_card .txt_list01 ul li:first-child{margin-top:0;}
.d_lpopup_a01_in .proof_check>.proof_check_card .txt_list01 ul li:before{content:""; position:absolute; left:0;top:8px;width:4px;height:4px;background:#666;border-radius:50%;}
.d_lpopup_a01_in .proof_check>.yes_check.on .txt>span{color:#00487f;}
.d_lpopup_a01_in .proof_check>.yes_check.on .txt_list01 ul li{color:#00487f;}
.d_lpopup_a01_in .proof_check>.yes_check.on .txt_list01 ul li:before{background:#00487f;}
.d_lpopup_a01_in .proof_check>.no_check.on .txt>span{color:#890000;}
.d_lpopup_a01_in .proof_check>.no_check.on .txt_list01 ul li{color:#890000;}
.d_lpopup_a01_in .proof_check>.no_check.on .txt_list01 ul li:before{background:#890000;}
.d_lpopup_a01_in .proof_check>.proof_check_card .check{position:absolute;top:14px;left:14px;width:28px;height:28px;border-radius:30px;border:2px solid #d9d9d9;background:#fff;box-sizing:border-box;}
.d_lpopup_a01_in .proof_check>.proof_check_card .check:after{content:"";position:absolute;left:7px;top:2px;width:6px;height:12px;border-right:3px solid #fff;border-bottom:3px solid #fff;transform:rotate(45deg);opacity:0;}
.d_lpopup_a01_in .proof_check>.proof_check_card:hover .check,
.d_lpopup_a01_in .proof_check>.proof_check_card.on .check{background:#111827;border-color:#111827;}
.d_lpopup_a01_in .proof_check>.proof_check_card:hover .check:after,
.d_lpopup_a01_in .proof_check>.proof_check_card.on .check:after{opacity:1;}
.d_lpopup_a01_in .proof_check>.no_check .notice_label{display:flex;align-items:center;gap:6px;padding:9px 15px 10px 15px; background:#999;box-sizing:border-box;cursor:pointer;}
.d_lpopup_a01_in .proof_check>.no_check.on .notice_label{background:#da1349;}
.d_lpopup_a01_in .proof_check>.no_check .notice_label p{margin:0;font-size:13px;line-height:1.4;color:#fff;word-break:keep-all;}
.d_lpopup_a01_in .proof_check>.no_check:not(.on) .notice_label{pointer-events:none;opacity:0.45;}
.d_lpopup_a01_in .proof_check>.no_check .notice_chk{flex:0 0 24px;}
.d_lpopup_a01_in .proof_check>.no_check .notice_chk input{appearance:none;-webkit-appearance:none;width:20px;height:20px;margin:0;border-radius:5px;background:#fff;box-sizing:border-box;position:relative;cursor:pointer;vertical-align:top; }
.d_lpopup_a01_in .proof_check>.no_check .notice_chk input::after{content:"";position:absolute;left:7px;top:3px;width:5px;height:9px;border-right:2px solid #cccccc;border-bottom:2px solid #cccccc;transform:rotate(45deg);}
.d_lpopup_a01_in .proof_check>.no_check .notice_chk input:checked{background:#fff;border-color:#da1349;}
.d_lpopup_a01_in .proof_check>.no_check .notice_chk input:checked:after{border-right:2px solid #da1349; border-bottom:2px solid #da1349;}

.d_lpopup_a01_in .proof_check_card.disable{position:relative;cursor: default !important;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;filter:grayscale(100%);opacity:0.7;background:#f5f5f5;}
.d_lpopup_a01_in .proof_check_card.disable::after{content:'';position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(255,255,255,0.5);z-index:10;border-radius:inherit;}
.d_lpopup_a01_in .proof_check_card.disable .proof_check_card,
.d_lpopup_a01_in .proof_check_card.disable .proof_check_card .txt_list01{background:#e4e4e4;}
.d_lpopup_a01_in .proof_check_card.disable .check::after {content: none !important;}
.d_lpopup_a01_in .proof_check>.proof_check_card.disable:hover{border-color: #ddd !important;box-shadow: none !important;transform: none !important;}
.d_lpopup_a01_in .proof_check>.proof_check_card.disable:hover .check,
.d_lpopup_a01_in .proof_check>.proof_check_card.disable.on .check {background: #fff !important;border-color: #ccc !important;}





/*NCS 상품상세페이지 Popup*/
    .d_lpopup_a01 .c_popup_main_title {text-align: center; display: flex; flex-direction: column; align-items:center}
        .d_lpopup_a01 .c_popup_main_title .c_popup_main_title_tit {min-width:400px;font-size: 36px; font-weight: 500;padding: 20px 0;letter-spacing: -1px; border-radius: 10px;}
    .d_lpopup_a01 .c_popup_content_text {font-size: 20px;font-weight: 500;color: #333;text-align: center;padding: 10px 50px 50px;}


/*세금계산서 Popup  #삭제예정 230718 #이슈있을 시 즉시 알림부탁드립니다
    .d_lpopup_tax { position: relative; border-radius: 20px; overflow: hidden;}
    .d_lpopup_tax * {box-sizing: border-box;}
    .d_lpopup_tax_in {padding:20px;}
    .d_lpopup_tax .c_pop_tit {border-bottom: 1px solid #ccc; padding-bottom: 10px;}
    .d_lpopup_tax .c_pop_tit .title {font-size:24px;}

    .d_lpopup_tax.css_tax_confirm .d_dlist_tax {margin-top:10px;}
    .d_lpopup_tax.css_tax_confirm .d_dlist_tax .d_txt {background-color: #efefef; font-size: 15px; text-align: left; padding:20px; border-bottom: 1px solid #ddd;}
    .d_lpopup_tax.css_tax_confirm .d_dlist_tax .d_txt b {color:#bb1d4c}
*/


/*260107 회원가입 통합 약관동의 레이어팝업 추가
/*■■ Layer Popup & popup 레이아웃, 디자인 ID,Class,Element 정의 ■■
-------------------------------------------------------------------------- */
/*overlay*/
.d_overlay {width:100%; height: 100%; background-color: #000; opacity: 0.7; position: fixed; top:0; left:0; z-index: 10000;}

/*레이어팝업*/
.member_section.d_fixed {overflow: hidden;}
.member_section .d_layerpopup {position: fixed; left:0; top:0; max-width:720px; height: auto; padding:0px; margin:0px; overflow:auto; background-color: #fff; z-index: 999999;}

    .member_section .d_layerpopup .tit_box>.tit {padding-right: 20px; line-height: 1.2;}
    /*타이틀영역*/
    .member_section .d_layerpopup .tit_box {background:#f0f0f0; position:relative; padding:15px 20px 13px;}
        .member_section .d_layerpopup .tit_box .tit {color:#333; font-size:16px; font-weight:500; letter-spacing:-1px;}
        .member_section .d_layerpopup .d_topclose>a {width: 30px; height: 30px;}
    .member_section .d_layerpopup .d_topclose a:before, .member_section .d_layerpopup .d_topclose a:after {content: ' '; position: absolute; left: 50%; height: 50px; width: 1px; height: 30px; background-color: #999; margin-left: -1px;}
    /*컨텐츠영역*/
    .member_section .d_layerpopup .lpop_view_a {padding:0 10px; margin-top:10px; padding-bottom: 20px;}
    .member_section .d_layerpopup .lpop_view_a .lpop_view_in .lpop_text_a {overflow-y: auto; max-height: 500px; padding: 10px 20px 20px 12px;}
    .member_section .d_layerpopup .lpop_view_a .lpop_view_in .lpop_text_a .view_box .editor>span {font-weight: 500; color: #333;}
    /*타입*/
    .member_section .d_layerpopup.dt_fullpop {height: 100%;}
        .member_section .d_layerpopup.dt_fullpop .tit_box {position: sticky; left:0; top:0;}
        .member_section .d_layerpopup.dt_smallpop {left:50%; top:50%; width:95%; transform: translateX(-50%) translateY(-50%); border-radius: 8px;}


@media (max-height:700px) {

    .member_section .d_layerpopup.dt_smallpop {max-height:95vh;}
    .member_section .d_layerpopup .lpop_view_a .lpop_view_in .lpop_text_a {max-height:calc(95vh - 200px);}
}

/* 레이어팝업 Box속성(종이팝업,상세보기,재질보기,책속의책,파일추가,마이페이지 미리보기
--------------------------------------------------------------------------------------------*/
#div_img_popup {left:50% !important; transform:translateX(-50%) !important;border: 20px solid #fff;} /*width:1240*/
    #div_img_popup img { vertical-align: middle;}

#pop_order_file_upload,/*파일첨부*/
#div_cover_img_popup,/*표지디자인선택*/
#pop_book_in_book,/*책속의책*/
#pop_etc2,/*스티커추가*/
#pop_etc3, /*간지추가*/
#div_order_submit_loading /*결제로딩*/,
#delivery_addr_pop /*NCS도서 전용배송지 정보*/ {left:50% !important; transform:translateX(-50%) !important} /*width:800*/
#delivery_addr_pop /*NCS도서 전용배송지 정보*/ {margin-left:inherit !important}
    #div_cover_img_popup img.mypage_view {width: 1200px;}/*마이페이지 미리보기*/
/*
    #paper_img a:before {
        content:"";
        width:40px;height:40px;position:absolute; right:20px; top:20px;
        background:url("https://prinpiamall.co.kr/skin/site/beauty/images/c_img/btn_close_40.png") no-repeat 50% 50%;
    }
*/




/* 공지,경고용 Layer
--------------------------------------------------------------------------------------------*/
/*Tooltip layer*/
.d_alertlayer_a01 { position: absolute; border-radius:5px; background-color:#da1349; color:#fff; opacity:0.8; font-size: 12px; min-width: 150px; z-index: 100; box-sizing: border-box;}
    .d_alertlayer_a01.dt_temp {padding:4px 10px; }/*임시형*/
    .d_alertlayer_a01.dt_fix {padding:4px 25px 4px 10px; }/*고정형*/
    /*화살표*/.d_alertlayer_a01::before {content: "";position: absolute;border-width: 6px;border-style: solid;border-color: transparent transparent #da1349 transparent;top: -12px;left: 10px;}
    /*버튼*/.d_alertlayer_a01 i {width: 20px; margin-left:15px; text-align: center; height: 100%; position: absolute; right:0; top:0; background: #b50b39 url('/skin/site/beauty/images/c_img/icon_close.gif') no-repeat 50%; border-radius: 0 5px 5px 0; cursor: pointer;}


/*■■ ETC 레이아웃, 디자인 ID,Class,Element 정의 ■■
-------------------------------------------------------------------------- */
/*공통가이드영역 재정의 c_design.css*/
/*공통Tab*/
.c_tab_box .btn {font-size:16px}
.c_group_tit>.tit {font-size: 20px; font-weight: 400; line-height: 20px;}
.c_board_list>.c_list_ctrl>.tit_box>.tit,
.c_board_view>.c_list_ctrl>.tit_box>.tit,
.c_board_form .tit_box>.tit  /*제휴문의 타이틀*/
{font-size: 20px; font-weight: 400; line-height: 20px;}
.c_form input[type=checkbox] {margin-top:inherit}
.c_form .label_design input {margin-top:inherit}
/*readonly*/
.c_form .input_design[type=text][readonly] {background:#efefef; border-color: #DDDDDD; cursor:default}
.c_form .input_design[type=text][readonly]:focus {background:#efefef !important; border-color: #DDDDDD !important; cursor:default !important}
.c_agree .agree_check label {line-height: inherit;}
/*table 재정의*/
.c_mypage_list>table>thead { background-color:#f4f4f4;}

/*로그인폼-회원탈퇴-아이디 페스워드찾기*/
.form .btn_find {background-color:#da1349 !important; border-color:#da1349 !important;border-radius:10px !important;-webkit-transition:all .3s ease-out; transition: all .3s ease-out;}
.form .btn_find:hover {background-color:#da1349 !important; border-color:#da1349 !important;}
/*.d_leavemem.c_mypage .leave_form .input_design {-webkit-transition:all .3s ease-out; transition: all .3s ease-out;}
.d_leavemem.c_mypage .leave_form .input_design:focus {background-color:#fcf9fa;border-color:#e5b6c2}*/
.form .input_design {background-color:#fff;border-radius:10px;-webkit-transition:all .3s ease-out; transition: all .3s ease-out;}
.form input.input_design:-webkit-autofill {-webkit-box-shadow: 0 0 0px 1000px #f5f5f5 inset;}
.form input.input_design:-webkit-autofill:focus {-webkit-box-shadow: 0 0 0px 1000px #f5f5f5 inset;}
.c_cart_list .cart_table td .opt_file .d_btn_ss {min-height: 25px; height: inherit; text-align: left;} /*동일포맷 공통적용*/
    .c_cart_list .order_item a.title:hover {text-decoration: underline;} /*타이틀링크에 hover underline적용*/


/*이벤트기간 아이콘*/
.event_day .d_day.if_day {background-color: #90bcff !important; border-color:#90bcff !important;}
.c_none .gtxt {background: url('/skin/site/beauty/images/skin/ico_nothing60.svg')no-repeat center top/70px 70px;}

/*▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼ 231010 햄버거메뉴 카테고리 디자인 수정 진행  ▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼*/
/*네비게이션 영역*/
.nav {background-color: #fff; border-bottom: 1px solid #ccc; border-top: 1px solid #efefef;}
.nav.flyrightShow:before { content:"";width: 180px;height: 49px;background-color: #fff; position:absolute; left:50%; margin-left:610px;border-bottom: 1px solid #ccc;box-sizing: border-box; background-color: #fff;}
    .nav .nav_box .depth1 {color: #333;font-size: 16px;border-width: 0 !important;padding: 0 28px;}
        .nav .nav_box.num12 .depth1 {padding: 0 24px;} /*메뉴가 12개인 경우*/
        /* #스티커메뉴 숨김 221130임시 .nav .nav_box .depth1 { color: #333; font-size: 16px; border-width: 0 !important; padding:0 35px}*/
    .nav .nav_box:hover .depth1 { color: #333 !important; border-bottom:0 !important}
    .nav .nav_box:hover .li.hit .depth1 { border-bottom: 0 !important;}
    .nav .nav_box .li:hover .depth1 { color:#da1349 !important; font-weight: 400 !important; border-bottom: 0 !important;}
    .nav .nav_box .li:hover .depth2_box { border-bottom: 0;}
    .nav .nav_box .li:hover .depth2_box ul { border:1px solid #ccc; border-top:0;}
    .nav .nav_box .li.hit .depth1 {font-weight: 400; background-color:transparent; border-bottom: 0 !important;}
 
    .nav .nav_box .depth2_box {top:48px; z-index: 200;}
    .nav .nav_box .depth2_box li a:hover { color:#da1349 !important; text-decoration: inherit !important;}
    .nav .all .btn_open {padding-top:15px}
    .nav.if_open_allctg .nav_box .depth1 {color:#333 !important; border-bottom: 0 !important;}
    .nav .cart .bubble { right:0;}
    .nav .cart .bubble .edge,
    .nav .cart .bubble .bx.left,
    .nav .cart .bubble .bx.right { display: none;}
    .nav .cart .bubble .bx.center { width:25px; height: 20px; border-radius: 4px;}
    /*햄버거메뉴 영역*/ 
    .nav.if_open_allctg .all_open {border-radius: 0 0 20px 20px; overflow: hidden; z-index: 200;}
    .nav .all_open .in_box,
    .nav .all_open .in_box * {-webkit-transition:all .3s linear; transition: all .3s linear}
    .nav .all_open { border-color: #ccc; -webkit-box-shadow: 0px 13px 12px 2px rgba(0,0,0,0.2); 
    box-shadow: 0px 13px 12px 2px rgba(0,0,0,0.2); top:49px;}
    .nav .all_open .in_box dl {height: 230px; background-color: #f7f7f7;}
    .nav .all_open .in_box dl:hover { background-color: #fff;}
    .nav .all_open .in_box dl dt a {-webkit-transition:all .3s ease-out; transition: all .3s ease-out;top:0; position: relative;}
    .nav .all_open .in_box dl:hover dt a { color:#da1349; /*top:-4px;*/ position: relative;}
    .nav .all_open .in_box dl dd a { font-size:13px;}
    .nav .all_open .in_box dl dd a:hover { color:#da1349 !important}
    .nav .all_open .in_box dl:before {top:0}
    .nav .all_open .in_box dl:nth-child(1):before { width:0;}
    /*.nav .all_open .in_box dl:nth-child(8):after {
        content: "";
        width: 1px;
        min-height: 230px;
        background: #eee;
        position: absolute;
        right: -1px;
        top: 0;
        z-index: 1;
    }*/
    .nav .all_open .in_box dt {border-bottom: 0; padding-bottom: 0; margin-bottom: 5px;}
    .nav .all_open .in_box dt:before {content: inherit;}
    .nav .all_open .in_box .ctg1 {font-weight: 300;}
    .nav .all_open .in_box .ctg2 {padding-left:0; padding-top:0; color:#888; font-weight: 300;}    
    .nav .all_open .in_box dl:hover .ctg2 {color:#444;}    
    .nav .all_open .in_box .ctg2:before {display:none;}
    /*햄버거메뉴 높이조정*/
    .nav .all_open .in_box dl,
    .nav .all_open .in_box dl:before {height: 220px;}
    /*햄버거메뉴 이미지 노출*/
    .nav .all_open .in_box dl,
    .nav .all_open .in_box dl:before,
    .nav .all_open .in_box dl:after,
    .nav .all_open .in_box dl * {-webkit-transition:all 0.3s linear; transition: all 0.3s linear}
    .nav .all_open .in_box dl {overflow:hidden; position:relative;}
    .nav .all_open .in_box dl dd { z-index: 10; position: relative;}
    .nav .all_open .in_box dl:after {
        content: "";
        width: 260px;height: 260px; background-repeat: no-repeat; background-position: left top; background-size: 100% 100%; position:absolute; right: -170px; bottom: -60px; opacity: 0.1; -webkit-filter: grayscale(100%); filter: grayscale(100%);
    }
    .nav .all_open .in_box dl:hover:after {right: -150px; opacity: 1; -webkit-filter: grayscale(0%); filter: grayscale(0%);}
    /*메뉴별 정의*/
    .nav .all_open .in_box dl.cat_book {height: 441px;} /*책자*/
    .nav .all_open .in_box dl.cat_book::after {background-image:url('/skin/site/beauty/images/c_img/img_gnb_book.png'); width: 300px; height: 300px;right: -100px; bottom: -40px;} /*책자*/
    .nav .all_open .in_box dl.cat_book:hover::after {right: -80px;}
    
    .nav .all_open .in_box dl.cat_businesscard::after {background-image:url('/skin/site/beauty/images/c_img/img_gnb_businesscard.png')} /*명함*/
    .nav .all_open .in_box dl.cat_businesscard:hover::after {}

    .nav .all_open .in_box dl.cat_envelope::after {background-image:url('/skin/site/beauty/images/c_img/img_gnb_envelope.png')} /*봉투*/
    .nav .all_open .in_box dl.cat_envelope:hover::after {}

    .nav .all_open .in_box dl.cat_flyer::after {background-image:url('/skin/site/beauty/images/c_img/img_gnb_flyer.png')} /*전단지*/
    .nav .all_open .in_box dl.cat_flyer:hover::after {}

    .nav .all_open .in_box dl.cat_leaflet::after {background-image:url('/skin/site/beauty/images/c_img/img_gnb_leaflet.png');right: -150px;} /*리플렛*/
    .nav .all_open .in_box dl.cat_leaflet:hover::after {right: -130px;}

    .nav .all_open .in_box dl.cat_poster::after {background-image:url('/skin/site/beauty/images/c_img/img_gnb_poster.png')} /*포스터*/
    .nav .all_open .in_box dl.cat_poster:hover::after {}
        
    .nav .all_open .in_box dl.cat_invitation::after {background-image:url('/skin/site/beauty/images/c_img/img_gnb_invitation.png')} /*초대장엽서*/
    .nav .all_open .in_box dl.cat_invitation:hover::after {}

    .nav .all_open .in_box dl.cat_hangtag::after {background-image:url('/skin/site/beauty/images/c_img/img_gnb_hangtag.png')} /*행택*/
    .nav .all_open .in_box dl.cat_hangtag:hover::after {}

    .nav .all_open .in_box dl.cat_sticker::after {background-image:url('/skin/site/beauty/images/c_img/img_gnb_sticker.png');right: -150px;} /*스티커*/
    .nav .all_open .in_box dl.cat_sticker:hover::after {right: -130px;}

    .nav .all_open .in_box dl.cat_shoolbook::after {background-image:url('/skin/site/beauty/images/c_img/img_gnb_scat_shoolbook.png'); bottom: -80px; } /*학교용책자*/
    .nav .all_open .in_box dl.cat_shoolbook:hover::after {}

    .nav .all_open .in_box dl.cat_specialproduct::after {background-image:url('/skin/site/beauty/images/c_img/img_gnb_specialproduct2.png')} /*기획상품*/
    .nav .all_open .in_box dl.cat_specialproduct:hover::after {}

    .nav .all_open .in_box dl.cat_samplebook::after {background-image:url('/skin/site/beauty/images/c_img/img_gnb_sample.png')} /*샘플북*/
    .nav .all_open .in_box dl.cat_samplebook:hover::after {}

    .nav .all_open .in_box>dl {margin-bottom:1px;}
    /*.cat_book,.cat_businesscard,.cat_envelope,.cat_flyer,.cat_leaflet {margin-bottom:1px;}*/
    

    /*햄버거메뉴 box 초기화*/
    .nav .all_open .in_box dl:nth-of-type(6n)+ dl { clear: inherit;}
    .nav .all_open .in_box {justify-content: space-between;}
    .nav .all_open .in_box>dl {/* flex:1; */width: 199.6px;padding:5px 0 10px 10px;/* float:inherit; */}

    /*GNB 포인트 #책자위에 포인트점숨기기 221130임시
    .nav .nav_box>.li:nth-child(1)>a:after {content: ""; width:5px; height: 5px; border-radius: 5px; background-color:#da1349; position: absolute; right:28px; top:8px;}
    */
    /*SGNB layerbox*/
    .top .if_more:hover .btn {background-color: transparent;}
    .top .if_more:hover .btn:before {content: inherit;}
        .top .if_more:hover .btn:after  {content: inherit;}
        .top .if_more:hover:after {width:14px; height: 7px; left:50%; margin-left:-7px;background: url('/skin/site/beauty/images/skin/icn_arrow_14x7.gif') no-repeat left top}
        .top .open_box {border-radius: 10px; z-index: 9999;}
        .top .about_level .level_img {display:none;}
        .top .sub_menu {border-radius:6px; overflow: hidden;background-color:#fafafa;}
        .top .my_data .num {font-weight: 400;}

    /*220621 GNB fixed작업*/
    .header {}
        .header li.sns_link {position: relative;}
            /*로고좌측배너*/
            .header li.sns_link .benefits_banner { position: absolute; left:0; top:20px;}
            /*로고우측배너*/
            .header li.search .logo_right_banner { position: absolute;right: 0;top: 47px;}
    .nav {}
    .nav.nav_fixed {position: fixed;width: 100%;z-index: 900;top: 0;margin-top: 0;} 
    .nav .all_open, .nav.nav_fixed .bubble { display: none;}
    @supports (position: sticky) or (position: -webkit-sticky) { /*IE외 나머지 버젼 지원*/
        .nav.nav_fixed {position: sticky;} 
    }
   

/*▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲ 231010 햄버거메뉴 카테고리 디자인 수정 진행 ▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲*/

/*▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼ 260119 개인화영역 디자인 수정 진행  ▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼*/
/* 마이페이지 개인화 영역*/
.top .open_box {text-align: center;}
.top .if_more:hover:after {z-index: 9999;}

.top .open_box.mypage {width: 300px; left: -45%;}
.top .open_box.oderpage {width: 300px; left: 55%;}


    .top .open_box.oderpage .mypage_menu {margin-top: 0px;}

    .top .open_box .infor_a {margin-top: 10px; line-height: 1.4;}
    .top .open_box .infor_a .group {font-size: 14px; color: #333; font-weight: 600;}
    .top .open_box .infor_a .name>p {font-size: 24px; color: #333;}
    .top .open_box .infor_a .name>p>span {font-weight: 600;}
    .top .open_box .infor_a .affiliation {font-size: 12px; color: #999; margin-top: 4px; line-height: 1.1;}
    .top .open_box .infor_a .infor_ico_a>p {font-size: 12px; padding: 4px 10px; display: inline-block; border-radius: 16px; line-height: 1.1; margin-top: 6px;}
    .top .open_box .infor_a .infor_ico_a>p.mem_busi {background-color: #dc6969; color: #fff;}
    .top .open_box .infor_a .infor_ico_a>p.mem_indi {background-color: #3f90e3; color: #fff;}
    .top .open_box .infor_a .infor_ico_a>p.type {border: 1px solid #999; color: #888;}   
    /* 마이페이지 메뉴 영역 */
    .top .open_box .mypage_menu {margin-top: 30px;}
        .top .open_box .mypage_menu .sub_menu {border: 0; margin-top: 6px; display: flex; flex-wrap: wrap; gap: 5px; padding:6px; background-color: #efefef; cursor: pointer;}
        .top .open_box .mypage_menu .sub_menu>a.menu{height: 30px; background-color: #efefef; color: #333; font-weight: 500; border: 0; display: flex; width: 100%; justify-content: space-between; align-items: center; padding: 0 5px; transition: all 0.2s;}
        .top .open_box .mypage_menu .sub_menu>a.menu:hover {color: #da1349;}
        .top .open_box .mypage_menu .sub_menu a.menu::after {content: ""; background: transparent url(/skin/site/beauty/images/skin/top_right_arrow.gif) right center no-repeat; padding-right: 15px; height: 15px;}
        .top .open_box .mypage_menu .sub_menu>a.menu>p>span {color: #333; font-weight: 500;}
        .top .open_box .mypage_menu .sub_menu.pmoney>a.menu,
        .top .open_box .mypage_menu .sub_menu.benefit>a.menu,
        .top .open_box .mypage_menu .sub_menu.order>a.menu {display: flex; align-items: center; justify-content: space-between;}
        .top .open_box .mypage_menu .sub_menu.pmoney>a.menu>p,
        .top .open_box .mypage_menu .sub_menu.benefit>a.menu>p,
        .top .open_box .mypage_menu .sub_menu.order>a.menu>p {margin-left: auto;}
        .top .open_box .mypage_menu .sub_menu.pmoney>a.menu.noti {position: relative;}
        .top .open_box .mypage_menu .sub_menu.pmoney>a.menu.noti::before {content: '잔액부족'; border: 1px solid #fc4040; color: #fc4040; background-color: #fff; border-radius: 16px; font-size: 10px; padding: 2px 4px; line-height: 1; position: absolute; left: 74px; top: 7px;}
        .top .open_box .mypage_menu .sub_menu.order>a.menu.noti {position: relative;}
        .top .open_box .mypage_menu .sub_menu.order>a.menu.noti::before {content: '교정확인'; border: 1px solid #fc4040; color: #fc4040; background-color: #fff; border-radius: 16px; font-size: 10px; padding: 2px 4px; line-height: 1; position: absolute; left: 62px; top: 7px;}

    /* 고객센터 영역*/
    .top .open_box.help {width: 200px; left: -46%;}
        .top .open_box.help>.tit {font-size: 14px; margin-top: 10px;}
        .top .open_box.help .help_info {line-height: 1.2;}
        .top .open_box.help .help_info>p {color: #da1349; font-size: 24px; font-weight: 800;}
        .top .open_box.help .help_info>span {color: #777; font-size: 12px;}
/*▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲ 260119 개인화영역 디자인 수정 진행 ▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲*/

/*▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼ 250102 네비게이션 디자인 수정 진행  ▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼*/

/* 공통부분 */
.d_nav2_a {background-color: #fff; border-bottom: 2px solid #ccc; height: 50px; text-align: center; position: relative;}
.d_nav2_a.nav_sticky {position: sticky; top: 0; margin-top: 0; width: 100%; z-index: 999;}
    .d_nav2_a ul, .d_nav2_a li {list-style: none;}
    .d_nav2_a .nav_box>li>ul>li>a {padding: 13px 13px; box-sizing: border-box; cursor: default; display: block;}
    .d_nav2_a .nav_box .nav_cart li>a {cursor: pointer; display: flex;align-items: center;gap: 4px;}
    .d_nav2_a ul>li {font-size: 16px; color: #333; font-weight: 400;}
    .d_nav2_a .nav_box {background-color: #fff; display: flex; height: 100%; width: 1200px; margin: 0 auto; position: relative;}
    .d_nav2_a .nav_box>ul {display: flex; height: 100%;}
    /*1depth 메뉴별 underline*/
    .d_nav2_a .nav_box .nav_1dep>a {position: relative}
        .d_nav2_a .nav_box .nav_1dep.on>a::before {content: ""; width:100%;height: 2px; background-color: #e04063; left:0; bottom:-2px;  display: block; position:absolute}
        /*샘플책자,장바구니 underline 제거*/
        .d_nav2_a .nav_box .nav_cart .nav_1dep>a::before {content:inherit}
    .d_nav2_a .nav_box .nav_all.all_open_js:hover {border-bottom: 2px solid #e04063;}
    .d_nav2_a .nav_box .nav_all.all_open_js.active {border-bottom: 2px solid #e04063;}
/* 전체 카테고리 btn */
.nav_all {display: flex; height: 100%; margin-right: 30px;}
    .nav_all>a {padding: 13px 15px; box-sizing: border-box;}
    .nav_all .nav_all_btn {width:20px; height:14px; top: 18.5px; position:relative; cursor: pointer;}
    .nav_all .nav_all_btn .nav_btn {width:100%;}
    .nav_all .nav_all_btn .nav_btn span {width:16px; height:2px; background-color:#333; position: absolute;}
    .nav_all .nav_all_btn .nav_btn span:first-child {top: 0; transition: .2s;}
    .nav_all .nav_all_btn .nav_btn span:nth-child(2) {top: calc(50% - 1px);}
    .nav_all .nav_all_btn .nav_btn span:last-child {bottom:0; transition: .2s;}
    .nav_all .nav_all_btn.on .nav_btn span:first-child {transform: rotate(45deg);top: calc(50% - 1px);}
    .nav_all .nav_all_btn.on .nav_btn span:nth-child(2) {opacity:0;}
    .nav_all .nav_all_btn.on .nav_btn span:last-child {transform: rotate(-45deg); top: calc(50% - 1px);}
/* 전체 카테고리 tag */
.all_open {background-color: #fff; display: none; width: 100%; position: absolute; left: 0; top: 103%; z-index: 999;}
    .all_open.on {display: block; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.12);}
    .all_open .all_open_a {width: 1200px; margin: 30px auto; display: flex;}
    .all_open .all_open_a .all_tag_a {width: 154px; height: auto; margin-right: 20px; position: relative;}
    /* 전체 카테고리 tag on */
    .all_open .all_open_a.tag_all .all_tag_a .all_tag_in .all_tag_t>li>a[linkdata="tag_all"],
    .all_open .all_open_a.tag_digital .all_tag_a .all_tag_in .all_tag_t>li>a[linkdata="tag_digital"],
    .all_open .all_open_a.tag_offset .all_tag_a .all_tag_in .all_tag_t>li>a[linkdata="tag_offset"],
    .all_open .all_open_a.tag_eduproduct .all_tag_a .all_tag_in .all_tag_t>li>a[linkdata="tag_eduproduct"],
    .all_open .all_open_a.tag_business .all_tag_a .all_tag_in .all_tag_t>li>a[linkdata="tag_business"] {font-weight: 500; color: #333;}
    .all_open .all_open_a.tag_all .all_tag_a .all_tag_in .all_tag_t>li>a[linkdata="tag_all"]::after,
    .all_open .all_open_a.tag_digital .all_tag_a .all_tag_in .all_tag_t>li>a[linkdata="tag_digital"]::after,
    .all_open .all_open_a.tag_offset .all_tag_a .all_tag_in .all_tag_t>li>a[linkdata="tag_offset"]::after,
    .all_open .all_open_a.tag_eduproduct .all_tag_a .all_tag_in .all_tag_t>li>a[linkdata="tag_eduproduct"]::after,
    .all_open .all_open_a.tag_business .all_tag_a .all_tag_in .all_tag_t>li>a[linkdata="tag_business"]::after {content: ''; width: 2px; height: 35px; background-color: #e04063; position: absolute; right: -19px; z-index: 1;}
    .all_open .all_open_a .all_tag_a::after {content: ''; width: 2px; height: 100%; background-color: #ccc; position: absolute; top: 0; right: -19px;}
    .all_open .all_open_a .all_tag_a .all_tag_in {width: 154px;}
    .all_open .all_open_a .all_tag_a .all_tag_in>ul>li {font-size: 18px; line-height: 35px; text-align: left; letter-spacing: -1.2px; font-weight: 300; color:#989898; cursor: pointer;}
    .all_open .all_open_a .all_tag_a .all_tag_in .all_tag_t>li>a {width: 100%;}
    .all_open .all_open_a .all_tag_a .all_tag_in .all_tag_t>li>a>span.hashtag_text {padding-left:0.5px;}
    .all_open .all_open_a .all_tag_a .all_tag_in .all_tag_t .click_tag {font-size: 18px; line-height: 35px; text-align: left; letter-spacing: -1.2px; font-weight: 500; color:#333;}
    .all_open .all_open_a .all_tag_a .all_tag_ban {background-color: #fff; width: 154px; height: 320px; position:absolute; bottom: 0; vertical-align: bottom;}
    .all_open .all_open_a .all_tag_a .all_tag_ban a img {border-radius: 8px;}
    /* 전체 카테고리 wrap */
    .all_open .all_open_a .all_wrap {margin-left: 20px; overflow-y: auto; max-height: calc(100vh - 230px); min-height: 460px;}
    .all_open .all_open_a .all_wrap::-webkit-scrollbar {width: 8px;}
    .all_open .all_open_a .all_wrap::-webkit-scrollbar-thumb {background-color: #999; border-radius: 15px; width: 6px;}
    .all_open .all_open_a .all_wrap::-webkit-scrollbar-track {background-color: #eee; border-radius: 15px;}
    .all_open .all_open_a .all_wrap::-webkit-scrollbar-thumb:hover {background-color: #666;}
    .all_open .all_open_a .all_wrap>ul {display: flex; flex-wrap: wrap; gap: 40px 12px;}
    .all_open .all_open_a .all_wrap>ul>li {background-color: #ffffff; width: 154px;}
    .all_open .all_open_a .all_wrap>ul>li .cat_tit {width: 154px; height: 40px; background-color: #f6f6f6; border-radius: 5px; text-align: left; box-sizing: border-box; padding-left: 15px; font-size: 18px; font-weight: 400; line-height: 38px; color: #333; cursor: default;}
    .all_open .all_open_a .all_wrap>ul>li .cat_2dep {margin-left: 15px; text-align: left;}
    .all_open .all_open_a .all_wrap>ul>li .cat_2dep>ul>li {font-size: 13px; color: #ccc; font-weight: 300; line-height: 23px; transition: .15s;}
    .all_open .all_open_a .all_wrap>ul>li .cat_2dep>ul>li:hover {color: #e04063;}
    .all_open .all_open_a .all_wrap>ul>li .cat_2dep>ul>li:first-child {margin-top: 4px;}
    .all_open .all_open_a .all_wrap>ul>li .cat_2dep .digital.on>li>a {color: #333;}
    .all_open .all_open_a .all_wrap>ul>li .cat_2dep .digital_prt {font-size: 14px; color: #bbb; font-weight: 500; margin-top: 16px; cursor: default; transition: .1s;}
    .all_open .all_open_a .all_wrap>ul>li .cat_2dep .offset.on>li>a {color: #333;}
    .all_open .all_open_a .all_wrap>ul>li .cat_2dep .offset_prt {font-size: 14px; color: #bbb; font-weight: 500; margin-top: 16px; cursor: default; transition: .1s;}
    /* 전체 카테고리 tag 활성화 */
    .all_open .all_open_a.tag_all .all_wrap>ul>li .cat_2dep>ul>li {font-size: 13px; color: #333; font-weight: 300; transition: .1s;}
    .all_open .all_open_a.tag_all .all_wrap>ul>li .cat_2dep>ul>li:hover {color: #e04063;}
    .all_open .all_open_a.tag_all .all_wrap>ul>li .cat_2dep .digital_prt {color: #5e94e4;}
    .all_open .all_open_a.tag_all .all_wrap>ul>li .cat_2dep .offset_prt {color: #6bbc88;}   
    .all_open .all_open_a.tag_digital .all_wrap>ul>li .cat_2dep .digital>li {font-size: 13px; color: #333; font-weight: 300; transition: .1s;}
    .all_open .all_open_a.tag_digital .all_wrap>ul>li .cat_2dep .digital>li:hover {color: #e04063;}
    .all_open .all_open_a.tag_digital .all_wrap>ul>li .cat_2dep .digital_prt {color: #5e94e4;}
    .all_open .all_open_a.tag_offset .all_wrap>ul>li .cat_2dep .offset>li {font-size: 13px; color: #333; font-weight: 300; transition: .1s;}
    .all_open .all_open_a.tag_offset .all_wrap>ul>li .cat_2dep .offset>li:hover {color: #e04063;}
    .all_open .all_open_a.tag_offset .all_wrap>ul>li .cat_2dep .offset_prt {color: #6bbc88;}
    .all_open .all_open_a.tag_eduproduct .all_wrap .cat_school .cat_2dep>ul>li,
    .all_open .all_open_a.tag_eduproduct .all_wrap .cat_edu .cat_2dep>ul>li {font-size: 13px; color: #333; font-weight: 300;; transition: .1s;}
    .all_open .all_open_a.tag_eduproduct .all_wrap .cat_school .cat_2dep>ul>li:hover,
    .all_open .all_open_a.tag_eduproduct .all_wrap .cat_edu .cat_2dep>ul>li:hover {color: #e04063;}
    .all_open .all_open_a.tag_eduproduct .all_wrap>ul>li:nth-child(11) .cat_2dep .digital_prt,
    .all_open .all_open_a.tag_eduproduct .all_wrap>ul>li:nth-child(12) .cat_2dep .digital_prt {color: #5e94e4;}
    .all_open .all_open_a.tag_business .all_wrap .cat_namecard .cat_2dep>ul>li,
    .all_open .all_open_a.tag_business .all_wrap .cat_flyer .cat_2dep>ul>li,
    .all_open .all_open_a.tag_business .all_wrap .cat_poster .cat_2dep>ul>li,
    .all_open .all_open_a.tag_business .all_wrap .cat_hangtag .cat_2dep>ul>li,
    .all_open .all_open_a.tag_business .all_wrap .cat_sticker .cat_2dep>ul>li {font-size: 13px; color: #333; font-weight: 300; transform: .1s; transition: .1s;}
    .all_open .all_open_a.tag_business .all_wrap .cat_namecard .cat_2dep>ul>li:hover,
    .all_open .all_open_a.tag_business .all_wrap .cat_flyer .cat_2dep>ul>li:hover,
    .all_open .all_open_a.tag_business .all_wrap .cat_poster .cat_2dep>ul>li:hover,
    .all_open .all_open_a.tag_business .all_wrap .cat_hangtag .cat_2dep>ul>li:hover,
    .all_open .all_open_a.tag_business .all_wrap .cat_sticker .cat_2dep>ul>li:hover {color: #e04063;}
    .all_open .all_open_a.tag_business .all_wrap>ul>li:nth-child(2) .cat_2dep .digital_prt,
    .all_open .all_open_a.tag_business .all_wrap>ul>li:nth-child(4) .cat_2dep .digital_prt,
    .all_open .all_open_a.tag_business .all_wrap>ul>li:nth-child(6) .cat_2dep .digital_prt,
    .all_open .all_open_a.tag_business .all_wrap>ul>li:nth-child(8) .cat_2dep .digital_prt,
    .all_open .all_open_a.tag_business .all_wrap>ul>li:nth-child(9) .cat_2dep .digital_prt {color: #5e94e4;}
    .all_open .all_open_a.tag_business .all_wrap>ul>li:nth-child(2) .cat_2dep .offset_prt,
    .all_open .all_open_a.tag_business .all_wrap>ul>li:nth-child(4) .cat_2dep .offset_prt,
    .all_open .all_open_a.tag_business .all_wrap>ul>li:nth-child(6) .cat_2dep .offset_prt,
    .all_open .all_open_a.tag_business .all_wrap>ul>li:nth-child(9) .cat_2dep .offset_prt {color: #6bbc88;}

/* 인쇄 카테고리 */
.nav_prt {}
    .nav_prt:before {}
        .nav_prt>ul {display: flex;}
        .nav_prt>ul>li .nav_2dep {display: none; background-color: #fff;}
        .nav_prt>ul>li .nav_2dep.on {position: absolute; left: -30px; top: 103%; width: 1260px; display: block; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.12);}
        .nav_prt>ul>li .nav_3dep {display: flex; margin:30px;}
        .nav_prt>ul>li .nav_3dep .prt_ban {width: 344px; height: 461px; border-radius: 8px; text-align: left; position: relative;}
        .nav_prt>ul>li .nav_3dep .prt_ban>img {width: 100%; vertical-align: bottom; border-radius: 8px;}
        .nav_prt>ul>li .nav_3dep .prt_ban .prt_ban_t {margin-top: 55px; margin-left: 30px; color: #fff; position: absolute;}
        .nav_prt>ul>li .nav_3dep .prt_ban .prt_ban_t span {font-size: 30px; font-weight: 500;}
        .nav_prt>ul>li .nav_3dep .prt_ban .prt_ban_t .eng_tit {font-size: 13px; color: #fff; font-weight: 100; letter-spacing: 0.5px; filter: opacity(0.6); line-height: 1;}
        .nav_prt>ul>li .nav_3dep .prt_ban .prt_ban_t .sub_text {margin-top: 17px; font-size: 16px; color: #fff; font-weight: 300;}
        .nav_prt>ul>li .nav_3dep .prt_box {margin-left: 18px;  max-height: calc(100vh - 230px); overflow-y: auto; overflow-x: hidden; scrollbar-gutter: stable; min-height: 460px;}
        .nav_prt>ul>li .nav_3dep .prt_box::-webkit-scrollbar {width: 8px;}
        .nav_prt>ul>li .nav_3dep .prt_box::-webkit-scrollbar-thumb {background-color: #999; border-radius: 15px; width: 6px;}
        .nav_prt>ul>li .nav_3dep .prt_box::-webkit-scrollbar-track {background-color: #eee; border-radius: 15px;}
        .nav_prt>ul>li .nav_3dep .prt_box::-webkit-scrollbar-thumb:hover {background-color: #666;}
        .nav_prt>ul>li .nav_3dep .prt_box>ul { width: 838px; display: flex; flex-wrap: wrap; gap: 40px 12px;}
        .nav_prt>ul>li .nav_3dep .prt_box>ul>li {background-color: #ffffff; width: 154px;}
        .nav_prt>ul>li .nav_3dep .prt_box>ul>li .cat_tit {width: 154px; height: 40px; background-color: #f6f6f6; border-radius: 5px; text-align: left; box-sizing: border-box; padding-left: 15px; font-size: 18px; font-weight: 400; line-height: 38px; color: #333; cursor: default;}
        .nav_prt>ul>li .nav_3dep .prt_box>ul>li .cat_2dep {margin-left: 15px; margin-top: 16px; text-align: left;}
        .nav_prt>ul>li .nav_3dep .prt_box>ul>li .cat_2dep>ul>li {font-size: 13px; color: #424242; font-weight: 300; line-height: 23px;}
        .nav_prt>ul>li .nav_3dep .prt_box>ul>li .cat_2dep>ul>li:hover {color: #e04063;}
        .nav_prt>ul>li .nav_3dep .prt_box>ul>li .cat_2dep>ul>li:first-child {margin-top: 8px;}
        /*옵셋인쇄*/
        .nav_prt>ul>li.nav_1dep:nth-child(2) {}
            .nav_prt>ul>li.nav_1dep:nth-child(2)>a::before {width:88px !important;}
            .nav_prt>ul>li.nav_1dep:nth-child(2)>a::after {content: ''; width: 1px; height: 15px; background-color: #afafaf; position: absolute; top: 18px; right:0;}
            .nav_prt>ul>li.nav_1dep:nth-child(2)>a {padding:13px 33px 13px 15px;}
        /*책자 메뉴*/
        .nav_prd>ul>li.nav_1dep:nth-child(1) {}
            .nav_prd>ul>li.nav_1dep:nth-child(1)>a::before {width:58px !important; right:0 !important; left:inherit !important}
            .nav_prd>ul>li.nav_1dep:nth-child(1)>a {padding:13px 15px 13px 33px;}

/* 상품 카테고리 */
.nav_prd {}
    .nav_prd>ul {display: flex;}
    .nav_prd>ul>li .nav_2dep {display: none; background-color: #fff;}
    .nav_prd>ul>li .nav_2dep.on {position: absolute; left: -30px; top: 103%; width: 1260px; display: block; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.12); z-index: 200;}
    .nav_prd>ul>li .nav_2dep.on .nav_tab {background-color: #f6f6f6; display: flex; box-sizing: border-box; height: 60px; gap: 0 10px; padding: 0 100px;}
    .nav_prd>ul>li .nav_2dep.on .nav_tab>li {margin: 0 auto; display: flex; justify-content: center; align-items: center;}
    .nav_prd>ul>li .nav_2dep.on .nav_tab>li>a {color: #666; font-size: 16px; font-weight: 300; text-align: center; padding: 7px 30px; cursor: default;}
    .nav_prd>ul>li .nav_2dep.on .nav_tab>li>a.on {background-color:#e04063; color: #fff; border-radius: 30px;}
    .nav_prd>ul>li .nav_3dep {display: flex; margin:30px;}
    .nav_prd>ul>li .nav_3dep .prd_ban {width: 344px; height: 226px; border-radius: 8px; text-align: left; position: relative;}
    .nav_prd>ul>li .nav_3dep .prd_ban>img {width: 100%; vertical-align: bottom; border-radius: 8px;}
    .nav_prd>ul>li .nav_3dep .prd_ban .prd_ban_t {margin-top: 35px; margin-left: 30px; color: #fff; position: absolute;}
    .nav_prd>ul>li .nav_3dep .prd_ban .prd_ban_t p {font-size: 13px; color: #fff; font-weight: 100; letter-spacing: 0.5px; filter: opacity(0.6); line-height: 1;}
    .nav_prd>ul>li .nav_3dep .prd_ban .prd_ban_t span {font-size: 30px; font-weight: 500; cursor: default;}
    .nav_prd>ul>li .nav_3dep .prd_box_a {margin-left: 10px; width: 845px; box-sizing: border-box;}
    .nav_prd>ul>li .nav_3dep .prd_box_a>.prd_box_in>ul {display: flex; flex-wrap: wrap; gap: 10px;}
    .nav_prd>ul>li .nav_3dep .prd_box_a>.prd_box_in>ul>li {background-color: #ffffff; width: 161px; height: 108px; box-sizing: border-box; border-radius: 8px; text-align: left; border: 1px #cecece solid; cursor: pointer;}
    .nav_prd>ul>li .nav_3dep .prd_box_a>.prd_box_in>ul>li.on {border: 1px #e04063 solid; transition: .2s;}
    .nav_prd>ul>li .nav_3dep .prd_box_a>.prd_box_in>ul>li.on span {color: #e04063; transition: .2s;}
    .nav_prd>ul>li .nav_3dep .prd_box_a>.prd_box_in>ul>li:hover {background-color: #ffffff; box-sizing: border-box; border-radius: 8px; text-align: left; border: 1px #e04063 solid; transition: .2s;}
    .nav_prd>ul>li .nav_3dep .prd_box_a>.prd_box_in>ul>li:hover span {color: #e04063; transition: .2s;}
    .nav_prd>ul>li .nav_3dep .prd_box_a>.prd_box_in>ul>li>a {padding: 20px 13px; width: 100%; height: 108px; box-sizing: border-box;}
    .nav_prd>ul>li .nav_3dep .prd_box_a>.prd_box_in>ul>li>a .digital_prt {font-size: 13px; color: #5e94e4; cursor: pointer;}
    .nav_prd>ul>li .nav_3dep .prd_box_a>.prd_box_in>ul>li>a .offset_prt {font-size: 13px; color: #6bbc88; cursor: pointer;}
    .nav_prd>ul>li .nav_3dep .prd_box_a>.prd_box_in>ul>li>a>span {font-size: 15.5px; font-weight: 400; color: #333; cursor: pointer; line-height: 17px; margin-top: 4px;}
    .nav_prd>ul>li .nav_3dep .prd_box_a>.prd_box_in>ul>li .cat_tit {width: 154px; height: 40px; background-color: #f6f6f6; border-radius: 5px; text-align: left; box-sizing: border-box; padding-left: 15px; font-size: 18px; font-weight: 400; line-height: 38px; color: #333;}
    .nav_prd>ul>li .nav_3dep .prd_box_a>.prd_box_in>ul>li .cat_2dep {margin-left: 15px; margin-top: 20px; text-align: left;}
    .nav_prd>ul>li .nav_3dep .prd_box_a>.prd_box_in>ul>li .cat_2dep ul li {font-size: 13px; color: #888; font-weight: 300;}
    .nav_prd>ul>li .nav_3dep .prd_box_a>.prd_box_in>ul>li .cat_2dep ul li:first-child {margin-top: 10px;}
    /* 상품 카테고리 tab */
    .nav_prd .nav_1dep.on.tab_namecard .nav_2dep.on .nav_tab>li>a[tabdata="tab_namecard"],
    .nav_prd .nav_1dep.on.tab_envelope .nav_2dep.on .nav_tab>li>a[tabdata="tab_envelope"],
    .nav_prd .nav_1dep.on.tab_flyer .nav_2dep.on .nav_tab>li>a[tabdata="tab_flyer"],
    .nav_prd .nav_1dep.on.tab_leaflet .nav_2dep.on .nav_tab>li>a[tabdata="tab_leaflet"],
    .nav_prd .nav_1dep.on.tab_poster .nav_2dep.on .nav_tab>li>a[tabdata="tab_poster"],
    .nav_prd .nav_1dep.on.tab_postcard .nav_2dep.on .nav_tab>li>a[tabdata="tab_postcard"],
    .nav_prd .nav_1dep.on.tab_hangtag .nav_2dep.on .nav_tab>li>a[tabdata="tab_hangtag"],
    .nav_prd .nav_1dep.on.tab_sticker .nav_2dep.on .nav_tab>li>a[tabdata="tab_sticker"],
    .nav_prd .nav_1dep.on.tab_promotion .nav_2dep.on .nav_tab>li>a[tabdata="tab_promotion"] {background-color:#e04063; color: #fff; border-radius: 30px; transition-property: background-color; transition-duration:.1s;}
    .nav_prd .nav_1dep.on.business .nav_2dep.on .nav_3dep {display: none;}
    .nav_prd .nav_1dep.on.tab_namecard .nav_2dep.on .nav_3dep.namecard,
    .nav_prd .nav_1dep.on.tab_envelope .nav_2dep.on .nav_3dep.envelope,
    .nav_prd .nav_1dep.on.tab_flyer .nav_2dep.on .nav_3dep.flyer,
    .nav_prd .nav_1dep.on.tab_leaflet .nav_2dep.on .nav_3dep.leaflet,
    .nav_prd .nav_1dep.on.tab_poster .nav_2dep.on .nav_3dep.poster,
    .nav_prd .nav_1dep.on.tab_postcard .nav_2dep.on .nav_3dep.postcard,
    .nav_prd .nav_1dep.on.tab_hangtag .nav_2dep.on .nav_3dep.hangtag,
    .nav_prd .nav_1dep.on.tab_sticker .nav_2dep.on .nav_3dep.sticker,
    .nav_prd .nav_1dep.on.tab_promotion .nav_2dep.on .nav_3dep.promotion {display: flex;}
        /* 특가상품 */
        .nav_prd .nav_1dep.on.tab_promotion .nav_2dep.on .nav_3dep.special {}
        .nav_prd>ul>li .nav_3dep.special .prd_box_a>.prd_box_in>ul>li {width: 100%; height: 226px; overflow: hidden;}
        .nav_prd>ul>li .nav_3dep.special .prd_box_a>.prd_box_in>ul>li>a {padding: 0px; height: 226px;}
        .nav_prd>ul>li .nav_3dep.special .prd_box_a>.prd_box_in>ul>li.so_01>a {background-image: url(/skin/site/beauty/images/banner/gnb/specialprice_event01.png);}
        .nav_prd>ul>li .nav_3dep.special .prd_box_a>.prd_box_in>ul>li:hover {background-color: #ffffff; box-sizing: border-box; border-radius: 8px; text-align: left; border: 1px #e04063 solid; transition: .2s;}

/* 네비게이션 장바구니 */
.nav_cart {margin-left: auto;}
    .nav_cart>ul {display: flex;}
    .nav_cart>ul>li:nth-child(2)>a{padding-right: 0px;}
    .nav_cart .nav_1dep .nav_cart_cnt {background-color: #f10808; border-radius: 6px; padding: 1px 4px; font-size: 11px; text-align: center; color: #fff; min-width: 10px;}


/*220621 GNB fixed작업*/
.header {}
    .header li.sns_link {position: relative;}
        /*로고좌측배너*/
        .header li.sns_link .benefits_banner { position: absolute; left:0; top:20px;}
        /*로고우측배너*/
        .header li.search .logo_right_banner { position: absolute;right: 0;top: 47px;}   
/*▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲ 250102 네비게이션 디자인 수정 진행  ▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲*/


/*푸터영역*/
.footer {background-color: #fff; margin-top:50px;}
.footer .copyright {margin-top:30px}
.footer .copyright .li {vertical-align: top}
.footer .copyright .li.info {padding-top:16px;}
    .footer .copyright .li.pg {border-left-width: 0; width:350px; text-align: left}
    .footer .bottom_menu {border-bottom:1px solid #ccc;}
    .footer .bottom_menu .layout_fix {text-align: left;border-bottom-width:0}
    .footer .bottom_menu li a.btn { font-size: 14px; color:#666;padding:0; margin-right:30px;}

    /*SNS 버튼*/
    .footer .sns_site {position:absolute; right:210px; top:15px;}
        .footer .sns_site a {margin-left:5px;}
        .footer .sns_site a img {vertical-align:middle;webkit-transition:all .2s linear; transition: all .2s linear}
        .footer .sns_site:hover a img {opacity: 0.4; webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */filter: grayscale(100%);}
        .footer .sns_site:hover a img:hover {opacity: 1;webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */filter: grayscale(0%);}

    /* 웹하드 계정 */
    .footer .webhard_a {border-radius: 15px; width:100%; height:60px; background:url("/skin/site/beauty/images/c_img/bg_webhard.png") no-repeat left top, url("/skin/site/beauty/images/c_img/bg_webhard.png") no-repeat right top; background-color: #efefef; position: relative}
        .footer .webhard_a p {margin-left:80px}
        .footer .webhard_a p.tit {padding-top:10px; font-size:15px; font-weight:400; color:#666}
        .footer .webhard_a p.idpw {font-size:12px; font-weight:400; color:#999999;}
        .footer .webhard_a p.idpw i {color:#cccccc; padding:0 5px;}
        .footer .webhard_a .link {position: absolute; right:0; top:0; width:60px; height: 100%;}
        .footer .pg_box {float:left;margin-top:10px;}
            .footer .pg_box .pc_txt {width:inherit}
        .footer .pg_box .ic_pg img {margin-left:10px}
    .footer .ssl {position: absolute;left: 370px;top: 164px;padding-top:inherit;}

    .footer .familysite_a {position: absolute;right: 0;top: 0;width: 200px;height: 100%;text-align: center;webkit-transition:all .2s linear; transition: all .2s linear}
        .footer .familysite_a>a {line-height:58px; font-size: 14px; text-indent: -30px;height: 100%;width:100%;}
        .footer .familysite_a>a::before, .footer .familysite_a>a::after {content: ' ';position: absolute;left: 138px; top:24px;height: 10px;width: 1px;background-color: #000;}
        .footer .familysite_a>.familylist {
            position: absolute;right: 0;bottom: 61px;background-color:#fff;width: 200px;;z-index: 899;overflow: hidden;border:1px solid #ccc; border-bottom-width:0;box-sizing: border-box;border-radius: 10px 10px 0 0;}
        .footer .familysite_a ul {margin: 20px 0 20px 20px; display: block;}
        .footer .bottom_menu .familysite_a ul li {float:none; text-align: left;}
        .footer .bottom_menu .familysite_a ul li a { font-size: 13px; padding:4px 0}
        .footer .bottom_menu .familysite_a ul li a:hover { color:#bb1d4c;}

        .footer .familysite_a>a::before, .footer .familysite_a>a::after,.footer .familysite_a .familylist {webkit-transition:all .2s linear; transition: all .2s linear}
        /*닫힘시*/
        .footer .familysite_a>.familylist {height: 0; overflow: hidden; border-width:0;}
        .footer .familysite_a>a::before {transform: rotate(135deg);margin-left:6px;}
        .footer .familysite_a>a::after {transform: rotate(-135deg);}
        /*오픈시*/
        .footer .familysite_a:hover {background-color: #f5f5f5;}
        .footer .familysite_a.open>.familylist {height: 520px;overflow: hidden;border:1px solid #ccc;border-bottom-width:0;-webkit-box-shadow: 4px 3px 4px -3px rgb(0 0 0 / 30%);box-shadow: 4px 3px 4px -3px rgb(0 0 0 / 30%);}
        .footer .familysite_a.open>a::before {transform: rotate(45deg);margin-left:6px;}
        .footer .familysite_a.open>a::after {transform: rotate(-45deg);}

    /*불법인쇄물정책*/
    .illegal_a {}
        .illegal_a .illegal_tit {height:221px; background: url(/skin/site/beauty/images/c_img/img_illegal_tit.png); }
        .illegal_a .response_a {background-color: #333333;padding:25px 40px 47px 40px}
        .illegal_a .response_a .box1 {font-size: 26px;}
        .illegal_a .response_a .box2 {font-size: 20px; margin-top:30px;}
            .illegal_a .response_a p {text-align: left; font-weight: 100; line-height:1.2; color:#b4b4b4;}
        .illegal_a .printtype_a { padding:0 40px 50px 40px; background: #efefef url(/skin/site/beauty/images/c_img/line_wave_01.png) repeat-x left top}
            .illegal_a .printtype_a .d_title_01 {padding-top:30px;}
            .illegal_a .printtype_a .cannot .d_title_01 {padding-top:48px;}
            .illegal_a .printtype_a .d_list_01 li {font-size: 14px !important;}
            .illegal_a .printtype_a .d_list_01 img.ex_img {margin-top:10px; margin-bottom: 20px;;}
        .illegal_a .evidence_a {padding:50px 40px 50px 40px; background-color: #fafafa;}
        .illegal_a .evidence_a dl dd { font-size: 14px;}
            .illegal_a .evidence_a .table_a { background-color: #fff; margin-top:20px;}
        .illegal_a .d_btn_a { text-align: center; background-color: #fafafa; padding-bottom: 50px;}

    /*인쇄제작규약 260722-cjy*/
    .editor_text02 {margin-left: 12px;}
        .editor_text02 .tit03 {font-size: 18px;margin: 20px 0 4px 0;}
        .editor_text02 p.sub_tit03 {font-size: 15px;color:#000;letter-spacing:-0.5px;font-weight:500;}
        .editor_text02 p.content03 {margin: 2px 0 12px 14px;font-size: 13px;line-height: 1.6;}




    /* 찾아오시는길 레이어팝업 안내 */
    .d_lpopup_road { position: relative; border-radius: 20px; overflow: hidden; left: 50% !important; margin-left:-375px !important; transform: translateY(10px)}
        .d_lpopup_road * {box-sizing: border-box;}
        .d_lpopup_road .c_pop_tit {border-bottom: 1px solid #ccc; padding-bottom: 10px; margin-top: 30px; padding-left: 30px;}
        .d_lpopup_road .c_pop_tit .title {font-size: 24px; color: #333; font-weight: 500;}
        .d_lpopup_road .d_lpopup_road_in {padding: 0 40px 0 40px; max-height: calc(100vh - 100px - 110px - 40px); overflow: auto; padding-right: 25px; margin: 40px 0 40px 0;}
        .d_lpopup_road .d_lpopup_road_in::-webkit-scrollbar {width: 15px; height: 15px;}
        .d_lpopup_road .d_lpopup_road_in::-webkit-scrollbar-button:start:decrement, 
        .d_lpopup_road .d_lpopup_road_in::-webkit-scrollbar-button:end:increment {display: block; height: 0px;}
        .d_lpopup_road .d_lpopup_road_in::-webkit-scrollbar-track {background-color: #f4f4f4; -webkit-border-radius: 10px; border-radius:10px; box-shadow: inset 0 0 4px rgba(0,0,0,0.01);}    
        .d_lpopup_road .d_lpopup_road_in::-webkit-scrollbar-thumb {height: 10px; width: 10px; background-color: #999; -webkit-border-radius: 8px; border-radius: 8px; border:4px solid #f4f4f4;}
        .d_lpopup_road .d_lpopup_road_in::-webkit-scrollbar-thumb:hover {background-color: #666;}
        .d_lpopup_road .d_lpopup_road_in .c_pop_contents>p {font-size: 18px; color: #333;  font-weight: 500;}
        .d_lpopup_road .d_lpopup_road_in .c_pop_contents>dl>dt{display: flex; align-items: center; margin-top: 16px;}
        .d_lpopup_road .d_lpopup_road_in .c_pop_contents>dl>dt>span{width: 75px; height: 34px; text-align: center; background-color: #bb1d4c; font-size: 16px; color: #fff; margin-top: 20px; border-radius: 8px; line-height: 30px;}
        .d_lpopup_road .d_lpopup_road_in .c_pop_contents>dl>dt>p{font-size: 18px; color: #333; margin-top: 20px; margin-left: 16px; font-weight: 500;}
        .d_lpopup_road .d_lpopup_road_in .c_pop_contents>dl>dd>video{width: 100%; border-radius: 8px; margin-top: 16px;}
        .d_lpopup_road .d_lpopup_road_in .c_pop_contents>dl>dd>img{width: 100%; border-radius: 8px; margin-top: 16px;}
        .d_lpopup_road .view_noti_a { position: relative; overflow: hidden;}
        .d_lpopup_road .view_noti_a ul {transform: translateY(60px); animation: swing2 0.5s forwards}
        @keyframes swing2 {
            0% {transform: translateY(60px); }
            100% {transform: translateY(0px); }
            }
        
        .d_lpopup_road .d_lpopup_road_in .c_pop_contents>img {width: 100%; vertical-align: bottom;}
    /*숨기는게 좋을듯 싶다.c_group_tit {display: none;}*/
    .map_headcopy {font-size: 32px; font-weight: 200; text-align: center; padding:50px 0}
    .map_a {display: flex; justify-content: space-between;}
    .map_a+.map_a {margin-top:100px;}
        .map_a .map_info {flex: 3; border-top:1px solid #e0e0e0; padding-top:34px; position: relative;}
            .map_a .map_info .name_a .name {font-size: 50px; font-weight: 200; color: #333;}
            .map_a .map_info .name_a .phonenum {font-size: 40px; font-weight: 200; color:#999999; letter-spacing:2px; line-height: 1.1;}
        .map_a .map_info .address_a {}
            .map_a .map_info .address_a dt,
            .map_a .map_info .time_a dt {font-size: 14px; font-weight: 500;margin-top:20px;}
            .map_a .map_info .address_a dd {}
                .map_a .map_info .address_a dd p.text,
                .map_a .map_info .time_a dd p.text { font-size: 18px;font-weight: 300; color: #999;}
                .map_a .map_info .address_a dd p.sub_notice,
                .map_a .map_info .time_a dd p.sub_notice { font-size: 14px;font-weight: 300; color: #999; margin-top:8px}
                .map_a .map_info .address_a {}
        .map_a .map_info .name_a,
        .map_a .map_info .address_a,
        .map_a .map_info .time_a {padding-left:10px;}

        .map_a .map_info .link_a {position: absolute;left: 0;top: 559px;}
        .map_a .map_info .link_a dd {float: left;margin-right: 1px;width: 119px;}
        .map_a .map_info .link_a dd a { background-color:#efefef; width: 100%; height:120px; text-align: center; padding-top:30px; overflow: hidden; box-sizing: border-box; font-size:14px;-webkit-transition:all .3s ease-out; transition: all .3s ease-out;}
            .map_a .map_info .link_a dd a .sub {font-size: 11px;color: #999;margin-top: 4px;}
            .map_a .map_info .link_a dd a:hover {background-color: #da1349; color:#fff;}
            .map_a .map_info .link_a dd a:hover .sub {color:#ffc8d7}

    .map_a  .map_gido {flex: 7;}

/*로그인*/
.if_none_member {border:inherit;}
    .if_none_member .c_group_tit.d_memlogin {display:none}
    .if_none_member .ul {border:inherit; background-color:#efefef;border-radius:20px;}
    .if_none_member .ul * {-webkit-transition:all .3s linear; transition: all .3s linear}
    .if_none_member .ul li {border:inherit;}
    .c_sns_login .sns_btn.if_col3 li span.sns>span { line-height: 1.5;}
    
    /*아이디/비밀번호찾기*/
    /*.c_page_tit {border:0;}*/
    .d_login .c_page_tit {border:0;}
    .d_login.c_member .c_page_tit .c_location {right:10px;}
    .d_login.c_member .c_login .ul {display:flex;}
    .d_login.c_member .c_login .li {border:0; flex:1;background-color:#efefef;padding:40px;border-radius:20px}
    .d_login.c_member .c_login .li .login_form {margin:0;}
    .d_login.c_member .c_login .li:last-child {margin-left:20px;}
    .d_login.c_member .c_login.if_none_member .login_form {max-width:inherit}
    .d_login.c_member .c_login.if_none_member .login_form .c_btnbox li .c_btn.color {background-color: #333 !important; border-color: #333 !important;}
    .d_login.c_member .c_login .li .login_form .nonmemberban {margin-top:51px;} /*좌측의 소셜 로그인의 개수에 따라 height가 달라지면 또 맞춰야 된다. 현재는 3개*/


    /*아이디/비밀번호찾기*/
    .d_findidpw.c_member .c_login .li {}
    /*.c_page_tit {border:0;}
    .d_findidpw .c_page_tit {border:0;}
    .d_findidpw.c_member .c_page_tit .c_location {right:10px;}
    .d_findidpw.c_member .c_login .li {border:0}
    .d_findidpw.c_member .c_login .li .login_form {background-color:#efefef; border:1px solid #efefef; margin:0; padding:40px; border-radius:20px}
    .d_findidpw.c_member .c_login .li .login_form:hover {background-color:#f5f5f5;border:1px solid #efefef;}
    .d_findidpw.c_member .c_login .li:first-child .login_form {margin-right:10px;}
    .d_findidpw.c_member .c_login .li:last-child .login_form {margin-left:10px;}
    */
    
    /*로그인,아이디찾기,비밀번호찾기 form*/
        .c_login * {-webkit-transition:all .3s linear; transition: all .3s linear}
        .c_login .form .input_design {}
            .c_login .form .btn_login {background-color:#da1349; border-color:#da1349;border-radius:10px}
                .c_login .form .btn_login:hover {background-color:#da1349; border-color:#da1349;}
            .c_login .form .btn_order {background-color:#da1349; border-color:#da1349;border-radius:10px;color:#fff;}
                .c_login .form .btn_order:hover {background-color:#da1349; border-color:#da1349;}
            .c_login .c_btnbox .c_btn {border-radius:10px}
            .c_login .c_btnbox .c_btn.light.line {border:1px solid #ccc!important;}
        .c_login .js_find_id_result,
        .c_login .js_find_pw_result {border-radius: 20px;}
        .c_login .type {position:absolute;left: 100px; top: 2px; right: inherit;}/*221124추가*/
        .c_login .save_id>label {line-height: 2.9;} /*260109추가*/
        
        
    /* 최근 로그인 뱃지 - 250604 cjy */
    .c_section.d_login.last_web .c_group_tit.d_memlogin{position:relative;}
        .c_section.d_login.last_web .c_group_tit.d_memlogin::before {content: "최근 로그인";display: inline-block;position: absolute;top: 13px;transform: translateY(-50%); left: 88px;width: auto;font-size: 12px;background-color: #fff;color: #da1349;padding: 1px 6px;border-radius: 4px;border:1px solid #da1349;}

    .c_section.d_login.last_naver .btn.naver,
    .c_section.d_login.last_kakao .btn.kakao{position:relative;}
        .c_section.d_login.last_naver .btn.naver::before,
        .c_section.d_login.last_kakao .btn.kakao::before {content: "최근 로그인";display: inline-block;position: absolute;top: 3%;left: 20%;width: auto;transform: translateY(50%);font-size: 12px;background-color: #fff;color: #da1349;letter-spacing: -1px;font-weight: 600;padding: 1px 6px;border-radius: 4px;line-height: 1.4;}

    /* 티셀파 회원 전용 로그인화면 - 251217 cjy */
    .layout_fix.d_service_login .headcopy_t {padding: 10px 0 50px 0; text-align: center; margin: 0 auto;}
        .layout_fix.d_service_login .headcopy_t .word1 {font-family: 'GMarketSans'; font-size: 24px; color: #666; font-weight: 500; letter-spacing: -1px; line-height: 36px;}
            .layout_fix.d_service_login .headcopy_t .word1 span {font-family: 'GMarketSans';}
            .layout_fix.d_service_login .headcopy_t .word1 img {vertical-align: middle; margin-right: 3px; height: 34px;}
            
            .layout_fix.d_service_login .d_list_02 {margin-top: 0;}
                .layout_fix.d_service_login .d_list_02 li {font-size:14px; padding: 10px 10px 0px 10px; background: url("/skin/site/beauty/images/c_img/bul_2x2.png") no-repeat 2px 20px;}
                    .layout_fix.d_service_login .d_list_02 li .notice_text {font-weight: 600;}

    /* 통합 휴면계정 해제 인증 */
    .my_sleep_a .my_sleep_in .d_mem_formmanager_a {margin-top: 0px; padding-top: 0px;}
        .my_sleep_in .d_mem_formmanager_a .d_mem_form_a .d_mem_form_in {display: flex; flex-direction: column; margin-top: 0px;}
        .my_sleep_in .d_mem_formmanager_a .d_mem_form_a .d_mem_form_in .d_mem_formnoti.show {width: 100%;}
        .my_sleep_in .d_mem_formmanager_a .d_mem_form_a .d_mem_form_in .d_input_a {align-items: flex-end;}
        .my_sleep_in .d_mem_formmanager_a .d_mem_formmanager_in .mem_tit {margin-top: 0px;}
        .my_sleep_in .txt {text-align: center; color: #333; font-size: 16px; padding: 10px 15px; word-break: keep-all;}
        .my_sleep_in .txt>span {color: #da1349; font-weight: 500; word-break: keep-all;}
        .my_sleep_in .auth_select_a {display: flex; gap: 10px; margin: 20px auto 0; padding: 0;}
        .my_sleep_in .auth_select_a>li {list-style: none; flex: 1; position: relative; box-sizing: border-box;}
        .my_sleep_in .auth_select_a>li>input[type="radio"] {position: absolute; width: 1px; height: 1px; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); clip-path: inset(50%); white-space: nowrap;}
        .my_sleep_in .auth_select_a>li>label {display: flex; align-items: center; width: 100%; min-height: 110px; padding: 10px; border-radius: 8px; background: #fff; cursor: pointer; box-sizing: border-box; box-shadow: inset 0 0 0 1px #666; justify-content: center; transition: all 0.2s ease;}
        .my_sleep_in .auth_select_a>li.off>label:hover {box-shadow: inset 0 0 0 2px #da1349;}
        .my_sleep_in .auth_select_a>li>label:hover {box-shadow: inset 0 0 0 2px #da1349;}
        .my_sleep_in .auth_select_a>li>input[type="radio"]:checked+label {box-shadow: inset 0 0 0 2px #da1349;}
        .my_sleep_in .auth_select_a>li>input[type="radio"]:checked+label .auth_select_txt .tit {color: #da1349;}
            .my_sleep_in .auth_select_a>li.off>input[type="radio"]+label {box-shadow: inset 0 0 0 1px #ddd;}
            .my_sleep_in .auth_select_a>li.off>input[type="radio"]+label .auth_select_txt .tit,
            .my_sleep_in .auth_select_a>li.off>input[type="radio"]+label .auth_select_txt .desc,
            .my_sleep_in .auth_select_a>li.off>input[type="radio"]+label .auth_select_txt .auth_info {color: #999;}
        .my_sleep_in .auth_select_a .auth_select_txt {display: flex; min-width: 0;  flex-direction: column; font-size: 16px; color: #333;}
        .my_sleep_in .auth_select_a .auth_select_txt .tit {font-size: 18px; font-weight: 500; transition: color 0.2s ease;}
        .my_sleep_in .auth_select_a .auth_select_txt .desc {font-size: 14px; text-align: left; padding: inherit; transition: color 0.2s ease;}
        .my_sleep_in .auth_select_a .auth_info {display: block; margin-top: 4px; border: 0; color: #da1349; font-size: 14px; line-height: 1.4; padding: 0; transition: color 0.2s ease;}
        .my_sleep_in .auth_select_a .auth_icon {margin: 0px 20px 0 0;}
        .my_sleep_in .auth_select_a li.off .auth_icon {opacity: 0.3;}
        .my_sleep_in .auth_select_a>li>input[type="radio"]:checked+label .auth_icon.email {background: url("/skin/site/beauty/images/c_img/ico_email.png") no-repeat 0px -44px; height: 36px; min-width: 51px;}
        .my_sleep_in .auth_select_a .auth_icon.email {background: url("/skin/site/beauty/images/c_img/ico_email.png") no-repeat; height: 36px; min-width: 51px;}
        .my_sleep_in .auth_select_a>li>input[type="radio"]:checked+label .auth_icon.message {background: url("/skin/site/beauty/images/c_img/ico_message.png") no-repeat 0px -75px; height: 56px; min-width: 33px;}
        .my_sleep_in .auth_select_a .auth_icon.message {background: url("/skin/site/beauty/images/c_img/ico_message.png") no-repeat 0px 0px; height: 56px; min-width: 33px;}
        .my_sleep_in .auth_btn_area {width: 360px; margin: 28px auto 0;}
        .my_sleep_in .auth_send_btn,
        .my_sleep_in .auth_login_btn {display: flex; align-items: center; justify-content: center; width: 100%; height: 60px; border-radius: 8px; font-size: 16px; font-weight: 700; box-sizing: border-box;}
        .my_sleep_in .auth_send_btn {border: 0; background: #333; color: #fff; cursor: pointer;}
        .my_sleep_in .auth_login_btn {margin-top: 10px; background: #e8e8e8; color: #333; text-decoration: none;}
        .my_sleep_in .d_mem_form_a .d_mem_form_in {display: flex; flex-direction: column;}
        .my_sleep_in .d_mem_form_a .d_mem_form_in .d_mem_formnoti.show {width: 100%;}
        .my_sleep_in .d_mem_form_a .d_mem_form_in .d_input_a .enter_num {display: flex; width: 100%; gap: 10px; margin-top: 10px;}
        .my_sleep_in .d_mem_form_a .d_mem_form_in .d_input_a .enter_num .d_inputbox {margin-top: 0px;}
        .my_sleep_in .d_mem_form_a .d_mem_form_in .d_input_a a.d_btn_b.d_btn_b07.mem_email_btn.on {color: #333 !important; min-width: 100px;}

        .my_sleep_in .auth_select_a>li.off>input[type="radio"]+label:hover {box-shadow: inset 0 0 0 2px #da1349;}
        .my_sleep_in .auth_select_a>li.off>input[type="radio"]+label:hover .auth_select_txt .tit,
        .my_sleep_in .auth_select_a>li.off>input[type="radio"]+label:hover .auth_select_txt .desc,
        .my_sleep_in .auth_select_a>li.off>input[type="radio"]+label:hover .auth_select_txt .auth_info {color: #333;}
        .my_sleep_in .auth_select_a>li.off>input[type="radio"]+label:hover .auth_icon {opacity: 1;}

/*회원가입*/
.type_memtype .c_process .num,
.type_memtype .c_process .tit {font-size:20px; font-weight:300}
.type_memtype .c_processtext {font-size:20px; font-weight:300; text-align: center;}
.type_memtype .c_process li:before {top: 10px;}
.type_memtype .c_process .hit .num {color:#da1349;}
.type_memtype .c_process .hit .tit {color:#da1349;}
    /*회원가입>회원구분*/
    .d_membertype01 .c_page_tit {border:0;}
    .d_membertype01.c_member .mb_type * {-webkit-transition:all .3s linear; transition: all .3s linear}
        .d_membertype01.c_member .mb_type {margin-top:0;}
        .d_membertype01.c_member .mb_type ul {gap: 20px;}
        .d_membertype01.c_member .mb_type li {flex:inherit;width:100%;}
        .d_membertype01.c_member .mb_type .tx {border-radius:10px; color:#333;font-size: 32px; font-weight:300; padding-top: 100px;}
        .d_membertype01.c_member .mb_type .tx2 {font-size:20px;font-weight: 200;}
        .d_membertype01.c_member .mb_type .btn {border:1px solid #efefef;border-radius:20px; background-size:80px;-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */filter: grayscale(100%); height:350px;position: relative;}
        .d_membertype01.c_member .mb_type .btn.d_pers {background: #efefef url('/skin/site/beauty/images/skin/ico_personal2.svg') no-repeat 50% 35px/160px 160px;}
        .d_membertype01.c_member .mb_type .btn.d_busi {background:#efefef url('/skin/site/beauty/images/skin/ico_business2.svg') no-repeat 50% 35px/160px 160px;}
        .d_membertype01.c_member .mb_type .btn.d_moe {background:#efefef url('/skin/site/beauty/images/skin/ico_moe.svg') no-repeat 50% 35px/160px 160px;}
        .d_membertype01.c_member .mb_type .btn.d_chunjae {background:#efefef url('/skin/site/beauty/images/skin/ico_chunjae.svg') no-repeat 50% 35px/160px 160px;}
        .d_membertype01.c_member .mb_type .btn:hover {-webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */filter: grayscale(0%);border:1px solid #efefef;background-color: #f5f5f5;}
        .d_membertype01.c_member .mb_type .btn:hover .tx {color:#da1349;}
        .d_membertype01.c_member .mb_type .btn:hover .tx2 {color:#333;}
        .d_membertype01.c_member .mb_type .btn.d_pers:hover:after,
        .d_membertype01.c_member .mb_type .btn.d_busi:hover:after,
        .d_membertype01.c_member .mb_type .btn.d_moe:hover:after,
        .d_membertype01.c_member .mb_type .btn.d_chunjae:hover:after {content: ""; width:50px; height:50px;background:url('/skin/site/beauty/images/skin/ico_pen.svg') no-repeat left top/100%;position:absolute;
        left:350px;top:93px;animation: penani 2.5s infinite;-webkit-animation: penani 2.5s infinite;opacity:0}
        /*회원가입 3종*/
        @keyframes penani {
            0% {left:195px; top:93px;opacity: 0}
            30% {left:103px; top:93px;opacity: 1}
            40% {left:131px; top:93px;opacity: 1}
            50% {left:103px; top:105px;opacity: 1}
            60% {left:170px; top:105px;opacity: 1}
            70% {left:103px; top:117px;opacity: 1}
            80% {left:170px; top:117px;opacity: 1}
            90% {left:103px; top:129px;opacity: 1}
            100% {left:170px; top:129px;opacity: 1}
        } 
        /*회원가입 2종*/
        /*@keyframes penani {0% {left:350px; top:93px;opacity: 0}30% {left:258px; top:93px;opacity: 1}40% {left:286px; top:93px;opacity: 1}50% {left:258px; top:105px;opacity: 1}60% {left:325px; top:105px;opacity: 1}70% {left:258px; top:117px;opacity: 1}80% {left:325px; top:117px;opacity: 1}90% {left:258px; top:129px;opacity: 1}100% {left:325px; top:129px;opacity: 1}
        }*/
    /*회원가입>약관동의*/
    /*회원가입>약관동의>14세미만*/
    .d_memagree02 .layout_fix .c_agree .auth_tip .tip_txt {color: #999;}
    /*.d_memagree02 .c_group_tit .tit {font-size: 20px; font-weight: 400;}*/
    .d_memagree02 .c_page_tit {border:0;}
        .d_memagree02 .c_agree .agree_form {padding-top:30px;}
        .d_memagree02 .c_agree .agree_form:first-child {padding-top:0;}
        .d_memagree02 .c_agree .agree_form.if_total {padding-top:0;}
        .d_memagree02 .c_group_tit .sub_tt.d_options {color:#999}
        .d_memagree02 .c_group_tit .sub_tt {font-size:16px; line-height:1.3;margin-left:5px;}
    /*회원가입>약관동의*/
        /*.d_memagree02 .c_group_tit .tit {font-size: 20px; font-weight: 400;}*/
        .d_memagree02 .c_page_tit {border:0;}
        .d_memagree02 .c_agree .agree_form {padding-top:30px;}
        .d_memagree02 .c_agree .agree_form:first-child {padding-top:0;}
        .d_memagree02 .c_agree .agree_form.if_total {padding-top:0;}
        .d_memagree02 .c_group_tit .sub_tt.d_options {color:#999}
        .d_memagree02 .c_group_tit .sub_tt {font-size:16px; line-height:1.3;margin-left:5px;}
    /*회원가입>정보입력
    .d_putinfo03 .c_page_tit {border:0;}
    .d_putinfo03 .c_group_tit .sub_txt {font-size:14px;}
        .d_putinfo03 .c_form .input_design {height: 35px;-webkit-transition:all .3s ease-out; transition: all .3s ease-out;}
        .d_putinfo03 .c_form .input_design:hover,
        .d_putinfo03 .c_form .input_design:focus {background-color:#fcf9fa;border-color:#e5b6c2}
        .d_putinfo03 .c_form table .tit {font-size: 14px;}
        .d_putinfo03 .c_form table .tit:before {top:8px;}*/
        .c_page_tit {border:0;}
        .c_group_tit .sub_txt {font-size:14px;}
            .c_form .input_design {height: 35px;-webkit-transition:all .3s ease-out; transition: all .3s ease-out;}
            .c_form .input_design:focus {background-color:#fcf9fa;border-color:#e5b6c2}
            .c_form table .tit {font-size: 14px;}
            .c_form table .tit:before {top:8px;}

            .c_add_sale .input_design {height: 35px;-webkit-transition:all .3s ease-out; transition: all .3s ease-out;}
            .c_add_sale .input_design:focus {background-color:#fcf9fa;border-color:#e5b6c2}

    /*회원가입>이메일인증*/
    .c_form table .d_timer {position: relative;}
    .c_form table .d_timer>span {color: #da1349; position: absolute; margin-left: -45px; margin-top: 7px;}
    .c_form table .d_timer_end {color: #da1349; position: absolute; margin-left:170px; margin-top: 7px;}
    /*회원가입>가입완료*/
    .d_joincomplete04 .c_page_tit {border:0;}
        .d_joincomplete04 .c_complete {border:0; padding-top: 40px;}
        .d_joincomplete04 .complete_box { background-color:#efefef; border-radius:20px; /*height:180px;*/ padding-top:280px}
        .d_joincomplete04 .c_complete .complete_box .tit {font-size:40px; font-weight:200;}
        .d_joincomplete04 .c_complete .complete_box .tit strong { font-weight:400;}
        .d_joincomplete04 .c_complete .complete_box .sub_txt {font-size:20px; line-height:1.4; font-weight:200; margin-top:25px;}
        .d_joincomplete04 .c_complete .complete_box {background: #efefef url('/skin/site/beauty/images/skin/ico_welcomemonitor.svg') no-repeat 50% 10px / 300px 300px;position:relative}
        /*완료페이지 하단 배너*/
        .d_joincomplete04 .c_complete .complete_box .complete_ban {margin-top:20px; border-radius: 10px; overflow: hidden;}
        .d_joincomplete04 .c_complete .complete_box .complete_ban img {vertical-align: middle;}

        .fireworksani { position:absolute; left:50%; top:50px;}
        .fireworksani .firework {position: absolute;}
        .fireworksani .explosion { position: absolute;left: -2px; bottom: 0; width: 4px;height: 80px;transform-origin: 50% 100%; overflow: hidden;}
        .fireworksani .explosion:nth-child(1) {transform: rotate(0deg) translateY(-15px);}.explosion:nth-child(2) {transform: rotate(30deg) translateY(-15px);}.explosion:nth-child(3) {transform: rotate(60deg) translateY(-15px);}.explosion:nth-child(4) {transform: rotate(90deg) translateY(-15px);}.explosion:nth-child(5) {transform: rotate(120deg) translateY(-15px);}.explosion:nth-child(6) {transform: rotate(150deg) translateY(-15px);}.explosion:nth-child(7) {transform: rotate(180deg) translateY(-15px);}.explosion:nth-child(8) {transform: rotate(210deg) translateY(-15px);}.explosion:nth-child(9) {transform: rotate(240deg) translateY(-15px);}.explosion:nth-child(10) {transform: rotate(270deg) translateY(-15px);}.explosion:nth-child(11) {transform: rotate(300deg) translateY(-15px);}.explosion:nth-child(12) {transform: rotate(330deg) translateY(-15px);}
        .fireworksani  .explosion::before {content: '';position: absolute;left: 0;right: 0;top: 100%;height: 40px;}
        @keyframes explosion {
            0% {top: 100%;}
            33%, 100% {top: -50%;}
        }
        .fireworksani #firework1 {left: 150px;top: 200px;transform: scale(1);}
        .fireworksani  #firework1 .explosion::before {animation: explosion 2s ease-in-out infinite;background-color: #f5cf52;}
        .fireworksani #firework2 {left: -200px;top: 100px;transform: scale(.7);}
        .fireworksani #firework2 .explosion::before {animation: explosion 2s 0.8s ease-in-out infinite;background-color: #da1349;}
        .fireworksani #firework3 {left: 0;top: -30px;transform: scale(.4);}
        .fireworksani  #firework3 .explosion::before {animation: explosion 2s 0.4s ease-in-out infinite;background-color: #53a4f4;}


        /*학교회원(티셀파) 회원가입>가입완료>준회원/정회원 - 251219_cjy*/
        .layout_fix.d_service_login .c_complete {padding-top: 40px;}
        .layout_fix.d_service_login .sub_txt02 {margin-top: 20px;}
        .layout_fix.d_service_login .complete_box .sub_txt {font-size: 20px; line-height: 1.4; font-weight: 300; margin-top: 25px;}
        .layout_fix.d_service_login .complete_box .orderstate_a {margin-bottom: 30px; margin-top: 30px;}
        .layout_fix.d_service_login .complete_box .orderstate_a .order_number {border-radius: 50px; width: 600px; box-sizing: border-box; display: inline-block; padding: 10px 0; font-size: 22px; background-color: #333333; color: #fff;font-weight: 200;}
        .layout_fix.d_service_login .complete_box .orderstate_a .order_number strong {font-weight: 600;}
        .layout_fix.d_service_login .complete_box .orderstate_a .order_state {border-radius: 50px; width: 600px; box-sizing: border-box; padding: 10px 0;}
        .layout_fix.d_service_login .complete_box .orderstate_a .order_state strong {font-weight: 600;}








/*리스트페이지*/
.sub_item .item_list ul li .item_box .info { height:inherit;}
    .sub_item .item_list ul li .item_box .info .name_box {height: 25px;}
    .sub_item .item_list ul li .item_box .info .item_name {overflow: inherit; text-overflow: inherit; white-space: inherit; word-wrap: inherit !important; font-size: 16px;}
    .sub_item .item_list ul li .item_box .info .sub_name { display: none;}

/*리스트페이지 24_111 작업 백업
    .sub_item .item_list ul li .item_box .info {height:120px;}
    .sub_item .item_list ul li .item_box .info .name_box {height: auto;}
        .sub_item .item_list ul li .item_box .info .item_name {font-size: 16px;}
        .sub_item .item_list ul li .item_box .info .name_box .item_info {padding-top:10px; font-size: 13px; color:#aaa;}
            .sub_item .item_list ul li .item_box .info .name_box .item_info .sub_name {margin:0;}
            .sub_item .item_list ul li .item_box .info .name_box .item_info .sub_name2 {}

    .sub_item .item_list ul li .item_box .price {margin-top:0;}
    .item_list_ctrl .ctrl_right .search {position:relative; float:left; margin-left:10px;}
    .item_list_ctrl .ctrl_right .search .input_search {background:#fff; border:1px solid #ddd; height:31px; box-sizing:border-box; width:224px; padding:7px 40px 10px 10px; }
    .item_list_ctrl .ctrl_right .search .input_search:focus {color:#000; border-color:#666; background:#fff; }
    .item_list_ctrl .ctrl_right .search .btn_search {position:absolute; right:1px; top:0; width:40px; height:31px; background:transparent url('../images/c_img/board_search.gif') center top -2px no-repeat; z-index:100}
    .item_list_ctrl .ctrl_right .search .btn_search:hover {background-position:center top -2px;}
*/

/*기획전 리스트페이지*/
.c_promotion .c_item_list .item_list ul li .item_box .info { height:inherit;}
    .c_promotion .c_item_list .item_list ul li .item_box .info .name_box {height: 25px;}
    .c_promotion .c_item_list .item_list ul li .item_box .info .item_name {overflow: inherit; text-overflow: inherit; white-space: inherit; word-wrap: inherit !important; font-size: 16px;}
    .c_promotion .c_item_list .item_list ul li .item_box .info .sub_name { display: none;}
/*▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲ 231019 리스트페이지 구성조정작업 - 반영 시 주의바람  ▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲*/

/*고객센터*/
.d_csmain.c_cs_main .cs_info {background:#efefef; border-radius:0 0 20px 20px; margin-top:0; padding:30px 0;}
.d_csmain.c_cs_main .cs_info li {padding:inherit; padding-left:100px;}
.d_csmain.c_cs_main .cs_info li:first-child {border-right:0;}
    .d_csmain.c_cs_main .cs_info .icon {display:none;}
    .d_csmain.c_cs_main .cs_info dl {padding-left: 130px;height: 120px;}
    .d_csmain.c_cs_main .cs_info dt {color:#333}
    .d_csmain.c_cs_main .cs_info dl.tel {background:url('/skin/site/beauty/images/skin/ico_phone60.svg') no-repeat 0 top / contain;}
    .d_csmain.c_cs_main .cs_info dl.time {background: url('/skin/site/beauty/images/skin/ico_time60.svg') no-repeat 0 top / contain;}
    .d_csmain.c_cs_main .cs_info .tel dt {font-size:32px; font-weight:500;color:#da1349}
    .d_csmain.c_cs_main .cs_info .time dt {font-size:18px}
    .d_csmain.c_cs_main .cs_info dd {color:#666; font-size:14px; font-weight:300}
    .d_csmain.c_cs_main .c_faq_search .search_btn .btn {background: #bb1d4c; border-radius: 0 10px 10px 0;}
    .d_csmain.c_cs_main .c_faq_search .search_btn .btn:hover {background: #da1349}
    .d_csmain.c_cs_main .c_faq_search .input_search {border-right:0; border-radius: 10px 0 0 10px;}
    .c_board .c_depth_box .depth {font-size: 16px;}
    .c_board .c_depth_box .depth.hit {font-weight: 400; color:#da1349}
    /*고객센터_main_faqbox*/
    .faqbox_a { float: right; width: 50%;}
        .faqbox_a dl { display: flex; flex-wrap: wrap; height: 220px; justify-content: space-between; align-content: space-between;}
        .faqbox_a dl dd {}
        .faqbox_a dl dd a {font-size: 16px;color: #666;width: 295px;height: 105px;border-radius: 10px;display: flex;padding-left: 122px;align-items: center;box-sizing: border-box; -webkit-transition:all .3s linear; transition: all .3s linear;background:#efefef url('/skin/site/beauty/images/c_img/ico_oneonone70X70.svg') no-repeat 15% 19px / 70px 70px;}
        .faqbox_a dl dd a:hover {background-color: #f5f5f5;}
        .faqbox_a dl dd a:hover .faqbox_tit {color:#e33353;}
        .faqbox_a dl dd.faqbox_oneonone a { background-image: url('/skin/site/beauty/images/c_img/ico_oneonone70X70.svg');}
        .faqbox_a dl dd.faqbox_remote a { background-image: url('/skin/site/beauty/images/c_img/ico_remote70X70.svg');}
        .faqbox_a dl dd.faqbox_business a { background-image: url('/skin/site/beauty/images/c_img/ico_business70X70.svg');}
        .faqbox_a dl dd.faqbox_webhard a { background-image: url('/skin/site/beauty/images/c_img/ico_webhard70X70.svg');}
        .faqbox_a dl dd a span.faqbox_tit { font-size: 16px; color: #666; display: block;}
        .faqbox_a .faqbox_idpw { font-size: 12px; color: #999999; text-align: left;}
        .faqbox_idpw p { font-size: 16px; color: #666666;}
    /*고객센터 정의*/
    .c_board_list .event_thumb .thumb_box {border-radius: 20px;}
    .c_board_list .event_thumb .thumb_box img {vertical-align: middle;}
    .c_board_view .view_tit {font-size: 20px; font-weight: 400; padding:12px;}   
    /* NCS세금계산서 */
    /*댓글*/
    .c_board_view .reply_box .top_tit .tit {font-size: 20px; font-weight: 500; height: inherit;}
        .c_board_view .reply_form .submit_comment {transition: all .3s ease-out; border-radius: 10px;}
    .c_board_view .reply_form .submit_comment:hover {background-color:#da1349;}
    .c_board_view .reply_form .textarea_design {width: calc(100% - 10px); border-radius: 10px;}
    .c_board_view .reply_form .textarea_design.d_textarea_01:focus+.submit_comment {background-color:#da1349;}
    .comment-reply-box {margin-top:30px;}
    /*공지사항*/
    .c_board_view .notice_a img { vertical-align: middle;}
            /*공통정의
            .d_notice_a {}
            .d_notice_a .noti_title {font-size:30px; font-weight: 600; color:#da1349; letter-spacing: 8px;}
            .d_notice_a .noti_headcopy {font-size:70px; font-weight: 600;  color:#333; letter-spacing: -5px; position:relative; line-height: 1.2; margin-top: 17px; padding-bottom: 44px; }
            .d_notice_a .noti_headcopy::after {content:""; width:50px; height: 2px; background-color:#da1349 ; position: absolute; left:50%; bottom: 0; transform: translateX(-50%);}
            .d_notice_a .noti_subheadcopy {font-size: 40px; font-weight: 400; color:#333; line-height: 1.2; margin-top:42px;}
            .d_notice_a .noti_bodycopy {font-size:24px; font-weight: 300;  color:#333; line-height: 1.6; margin-top:50px;}
            */
            /*UL리스트*/
            .list_01 {margin-top:20px; padding-left:inherit}
                .list_01 li {list-style-type: none; font-size: 16px; padding-left:16px; background: url("/skin/site/beauty/images/c_img/bul_3x2.gif") no-repeat 6px 11px; color:#666;}
            .d_notice_a .list_02 {margin-top:10px; padding-left:inherit; margin-bottom: 50px;}
                .d_notice_a .list_02 li {list-style-type: none; font-size: 16px; color:#da1349; font-weight: 500;}
            .d_notice_a .list_03 {margin-top: 20px !important; margin-bottom: 50px !important;padding-left: 0px;}
                .d_notice_a .list_03 li.tit {color: #666; font-size: 18px; padding-left: 0px;}
                .d_notice_a .list_03 li.tit::before {content: none;}
                .d_notice_a .list_03>li::before {content: '※'; position: absolute; left: 0;}
                .d_notice_a .list_03.d_talign_c>li::before {position:static;margin-right:9px !important;}
                .d_notice_a .list_03 li{list-style-type: none; font-size: 16px; color:#666; font-weight: 500; padding-left: 20px; position: relative;}
    
            /*공지 공통 템플릿-1*/
            .notice01_a {background-color: #efefef; text-align: center; padding:88px 20px 20px; color:#333; font-size: 13px;}
            .notice01_a .noti_title {font-size:30px; font-weight: 600; color:#da1349; letter-spacing: 8px;}
            .notice01_a .noti_headcopy {font-size:70px; font-weight: 600;  color:#333; letter-spacing: -5px; position:relative; line-height: 1.2; margin-top: 17px; padding-bottom: 44px; }
            .notice01_a .noti_headcopy::after {content:""; width:50px; height: 2px; background-color:#da1349 ; position: absolute; left:50%; bottom: 0; transform: translateX(-50%);}
            .notice01_a .noti_subheadcopy {font-size: 40px; font-weight: 400; color:#333; line-height: 1.2; margin-top:22px;}
            .notice01_a .noti_bodycopy {font-size:24px; font-weight: 300;  color:#333; line-height: 1.6; margin-top:50px;}
            /*타이틀 정의*/
            .notice01_a .noti_title01 {font-size:28px; font-weight: 500; color:#333; line-height: 1.6; margin-top:40px;}
                .notice01_a .noti_title01+.noti_cont01,
                .notice01_a .noti_title01+.noti_cont02 {margin-top:10px;}
				.notice01_a .noti_title01+.noti_cont03 {margin-top:10px;}
            .notice01_a .noti_title02 {font-size:50px;font-weight: 300;  color:#333; line-height: 1.6; margin-top:60px;}
            .notice01_a .noti_title03 {font-size:28px; font-weight: 500; color:#333; line-height: 1.6; margin-top:30px;}
            /*강조형*/
            .notice01_a .noti_point01 {font-size: 18px; background-color:#FFE76D; display: inline-block; padding:5px 10px; color:#333}
            /*주석형*/
            .notice01_a .noti_contact01 {font-size: 18px; font-weight: 300; text-align: center; padding:30px 0}

            /*Center정렬-제목,내용*/
            .notice01_a .noti_cont01 { margin:0 10%; margin-top: 40px; text-align: center;}
                                                                                        /*안쓰는듯kyn*/.notice01_a .noti_cont01 p.tit {font-weight: 500;}
                .notice01_a .noti_cont01 dt {font-size:24px; font-weight: 400; color:#333; line-height: 1.6; }
                .notice01_a .noti_cont01 dd {font-size:24px; font-weight: 300; color:#666; line-height: 1.6;}
            /*테이블구조*/
            .notice01_a .noti_cont02 {margin:0 8%; margin-top: 20px; text-align: center;}
                .notice01_a .noti_cont02 div.tit {font-size:28px; font-weight: 400; color:#da1349; line-height: 1.6; margin-top:40px; width: 100%;}
                .notice01_a .noti_cont02 dl {display: flex; border-bottom: 1px solid #dbdbdb; text-align: left; padding:10px 0}
                .notice01_a .noti_cont02 dl dt {font-size:24px; font-weight: 400; color:#333; line-height: 1.6; flex: 1; text-align: center;}
                .notice01_a .noti_cont02 dl dd {font-size:24px; font-weight: 300; color:#666; line-height: 1.6; flex: 5;}
			/*복합열 구조*/
			.notice01_a .noti_cont03 {margin: 0 8%; margin-top: 20; background-color: #fff; padding: 20px 0; border-radius: 20px; box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.1);
            --gap_h : 10px;
            --box_num : 3;
            --gap_px: (var(--gap_h) * (var(--box_num) - 1))  / var(--box_num);
            }
			    .notice01_a .noti_cont03 div.tit { font-size: 28px; font-weight: 400; color: #da1349; line-height: 1.6; margin-top: 40px; width: 100%; }
                .notice01_a .noti_cont03 > ul { list-style-type: none; padding: 0; display: flex; flex-wrap: wrap; justify-content:left; gap: 0 var(--gap_h);}
                .notice01_a .noti_cont03 > ul > li { font-size: 24px; font-weight: 300; color: #666; padding:5px 0; text-align: center; flex: 0 0 calc(33.33% - var(--gap_px)); }

                /*당첨자발표용*/
                .notice01_a .winnerlist_a .noti_titlebig {font-size: 50px; color:#da1349; padding-top:50px}
            /* 공지사항 주의사항 */
            .noti_advis_a {background-color: #333;}
            .noti_advis_a .noti_advis_tit {font-size: 20px; color: #fff; padding: 20px 20px 0px 20px;}
            .noti_advis_a>.noti_list_01 {padding: 10px 10px 30px 20px;}
            .noti_advis_a>.noti_list_01>li{list-style-type: none; font-size: 16px; padding-left: 16px; background: url(/skin/site/beauty/images/c_img/bul_3x2.gif) no-repeat 6px 11px; color: #fff; font-weight: 200;}
            /* 공지사항 주의사항 center정렬 */
            .noti_advis_a02 {background-color: #333; text-align: center; padding: 20px 20px 50px 20px;}
            .noti_advis_a02 .noti_advis_tit {font-size: 20px; color: #fff; padding-top:20px; margin-bottom: 20px;}

            /*이미지 정렬*/
            .notice01_a .noti_Img02 {box-sizing: border-box; margin-top: 40px;}
            .notice01_a .noti_Img02 .imgbox * {box-sizing: border-box;}
            .notice01_a .noti_Img02 .imgbox {display: flex; }
            .notice01_a .noti_Img02 .imgbox>dl {flex:1;}
                .notice01_a .noti_Img02 .imgbox>dl+dl {margin-left:20px;}
                .notice01_a .noti_Img02 .imgbox dd img {border-radius: 10px;}
            .notice01_a .noti_btn { margin-top:30px; margin-bottom: 20px;}
            .notice01_a .noti_btn .d_btn {min-width:200px; padding:0 20px; vertical-align: middle;text-align: center;line-height: 54px !important;height: 55px;box-sizing: border-box;letter-spacing:-1px; font-size:17px !important;font-weight:600 !important;background-color: #520a1f;border: 1px solid #520a1f; color: #ffffff !important;border-radius:10px; -webkit-transition:all .3s ease-out; transition: all .3s ease-out;}
                .notice01_a .noti_btn .d_btn:hover {background-color: #da1349;border-color: #da1349;}


            /*공지 템플릿-11-배송·출고 휴무 공지사항 템플릿*/
            .dt_noti_11 {text-align: center; padding:88px 20px 350px 20px; color:#333; font-size: 13px;}
                /*공지 템플릿-1*/
                /*동일*/.dt_noti_11 .noti_title {font-size:30px; font-weight: 600; color:#da1349; letter-spacing: 8px;}
                /*동일*/.dt_noti_11 .noti_headcopy {font-size:70px; font-weight: 600;  color:#333; letter-spacing: -5px; position:relative; line-height: 1.2; margin-top: 17px; padding-bottom: 44px; }
                /*동일*/.dt_noti_11 .noti_headcopy::after {content:""; width:50px; height: 2px; background-color:#da1349 ; position: absolute; left:50%; bottom: 0; transform: translateX(-50%);}
                /*동일*/.dt_noti_11 .noti_subheadcopy {font-size: 40px; font-weight: 400; color:#333; line-height: 1.2; margin-top:42px;}
                /*동일*/.dt_noti_11 .noti_bodycopy {font-size:24px; font-weight: 300;  color:#333; line-height: 1.6; margin-top:50px;}
                /*타이틀 정의*/
                /*동일*/.dt_noti_11 .noti_title01 {font-size:28px; font-weight: 500; color:#333; line-height: 1.6; margin-top:40px;}
                /*컨텐츠 정렬*/
                .dt_noti_11 .noti_cont03 { margin:0 8%; text-align: left;}
                /*테이블 스타일*/
                .dt_noti_11 .deliv_table_a {padding-top: 10px;}
                    .dt_noti_11 .deliv_table_a .deliv_table_in {width: 100%; font-size: 18px; border-collapse: collapse; background-color: #fff; table-layout: fixed; box-sizing:border-box; text-align: center;}
                    .dt_noti_11 .deliv_table_a .deliv_table_in th, 
                    .dt_noti_11 .deliv_table_a .deliv_table_in td{border-left: 1px solid #333; border-top: 1px solid #333; color: #333;}
                    .dt_noti_11 .deliv_table_a .deliv_table_in td:first-child{border-left: none;}
                    .dt_noti_11 .deliv_table_a .deliv_table_in th {background-color: #284189; color: #fff; border: 1px solid #fff;}
                    .dt_noti_11 .deliv_table_a .deliv_table_in thead tr:first-child th{border-top: none; font-weight: 500;}
                    .dt_noti_11 .deliv_table_a .deliv_table_in thead tr:first-child th:first-child{border-left: none; font-size: 20px; font-weight: 400;}
                    .dt_noti_11 .deliv_table_a .deliv_table_in thead tr.sub_tit th {font-size: 20px; background-color: #648bbc;}
                    .dt_noti_11 .deliv_table_a .deliv_table_in th{font-size: 20px; padding: 12px; font-weight: 400;}
                    .dt_noti_11 .deliv_table_a .deliv_table_in td{font-size: 20px; padding: 8px;}
                    .dt_noti_11 .deliv_table_a .deliv_table_in .tit_bg {color:#fff; background-color: #284189; border: 1px solid #fff;}
                    .dt_noti_11 .deliv_table_a .deliv_table_in .h_day {color:#c53b3c;}
                    .dt_noti_11 .deliv_table_a .deliv_table_in .h_bg {color:#fff; background-color: #7a3961;}
                    /*table device width*/
                        .dt_noti_11 .deliv_table_a .orderdate {width:120px;}
                    /*휴무안내 sub공지*/
                    .dt_noti_11 .d_list_01 {text-align: left;margin-top: 20px; font-size: 16px;}
                        .dt_noti_11 .d_list_01 li {font-size: 16px; background-position: 2px 11px;}

                /*안내+테이블 스타일*/
                .dt_noti_02 .noti_headcopy {margin-top: 4px;}
                .dt_noti_02 .noti_bodycopy .d_pointcolor_01 {font-weight: 500;}
                .dt_noti_02 .deliv_table_a {padding-top: 10px;}
                    .dt_noti_02 .deliv_table_a .deliv_table_in {width: 100%; font-size: 18px; border-collapse: collapse; background-color: #fff; table-layout: fixed; box-sizing:border-box; text-align: center; border: 1px solid #333;}
                    .dt_noti_02 .deliv_table_a .deliv_table_in th, 
                    .dt_noti_02 .deliv_table_a .deliv_table_in td{border-left: 1px solid #333; border-top: 1px solid #333; color: #333; font-size: 20px; padding: 16px; line-height: 1.4;}
                    .dt_noti_02 .deliv_table_a .deliv_table_in td:first-child{border-left: none;}
                    .dt_noti_02 .deliv_table_a .deliv_table_in th {background-color: #284189; color: #fff; border: 1px solid #333; font-size: 20px; padding: 12px; font-weight: 400;}
                    .dt_noti_02 .deliv_table_a .deliv_table_in thead tr:first-child th{border-top: none; font-weight: 500;}
                    .dt_noti_02 .deliv_table_a .deliv_table_in thead tr:first-child th:first-child{border-left: none; font-size: 20px; font-weight: 400;}
                    .dt_noti_02 .deliv_table_a .deliv_table_in thead tr.sub_tit th {font-size: 20px; background-color: #648bbc;}
                    .dt_noti_02 .deliv_table_a .deliv_table_in tbody>tr>td>ul {margin-top: 6px;}
                    .dt_noti_02 .deliv_table_a .deliv_table_in tbody>tr>td>ul>li {list-style: none; font-size: 18px; position: relative; padding-left: 16px;}
                    .dt_noti_02 .deliv_table_a .deliv_table_in tbody>tr>td>ul>li::before {content: "-"; position: absolute; left: 0;}
                    
                /*공지 템플릿-NCS 공지사항 템플릿-cjy*/
                /*NCS 공지사항 title*/
                .noti_advis_a03 {background-color: #da1349; text-align: center; padding: 20px;}
                .noti_advis_a03 .noti_advis_tit {font-size: 25px; color: #fff; padding-top:20px; margin-bottom: 20px;}
                .notice01_a .noti_Img03 {box-sizing: border-box;display: block;margin: 30px auto;width: 70%;}
                    .notice01_a .noti_Img03 .imgbox dd img {border-radius: 10px;}
                .notice01_a .noti_bodycopy01 {font-size: 24px;font-weight: 500;color: #333;line-height: 1.6;}
                .ncs_divider {width: 62px;height: 1px;margin: 56px auto;background: #333;}
                /* 가이드북 내용 박스 */
                .ncs_info_box {width: 75%;margin: 18px auto 30px;padding: 26px 30px;box-sizing: border-box;background: #fff;border: 1px solid #e4e4e4;border-radius: 10px;text-align: left;}
                .ncs_info_box ol {margin: 0;padding-left: 24px;list-style:none;}
                .ncs_info_box li {padding: 3px 0;font-size: 17px;line-height: 1.55;letter-spacing: -0.3px;}
                .ncs_info_box li::marker {content:"";}

                .notice01_a .noti_btn01 { margin-top:30px; margin-bottom: 20px;}
                .notice01_a .noti_btn01 .d_btn {min-width:200px; padding:0 56px; vertical-align: middle;text-align: center;line-height: 54px !important;height: 55px;box-sizing: border-box;letter-spacing:-1px; font-size:17px !important;font-weight:600 !important;background-color: #520a1f;border: 1px solid #520a1f; color: #ffffff !important;border-radius:10px; -webkit-transition:all .3s ease-out; transition: all .3s ease-out;}
                    .notice01_a .noti_btn01 .d_btn:hover {background-color: #da1349;border-color: #da1349;}


    /*이벤트*/
    .c_board_view .event_a { position: relative;}
    .c_board_view .event_a img { vertical-align: middle;}
        /*혜택이벤트내 플로팅배너 정의 230222*/
        .event_a .benefit_floatban::before {content: ""; position: absolute; width:148px; height: 148px; right:100px; top:30px; background: url('/skin/site/beauty/images/event/230220/img_10000won.png') no-repeat left top;}
            .event_a .benefit_floatban::after {content: ""; position: absolute; width:148px; height: 148px;left:130px;top:1140px; background: url('/skin/site/beauty/images/event/230220/img_200pp.png') no-repeat left top;animation: waitline2 2s infinite;-webkit-animation: waitline2 2s infinite; /* animation-delay: 2s*/}
            @keyframes waitline2 {
                0% {top:1140px;}
                25% {top:1150px;}
                50% {top:1140px;}
                75% {top:1150px;}
                100% {top:1140px;}
                }
        /*KPRINT 이벤트 응모자리스트 타이틀 스타일변경 240827*/
        .c_board_view .entry_line {border-bottom:solid 1px #666; padding:20px 0 10px;}
        .c_board_view .entry_line .entry_list_title {font-size: 20px; font-weight: 500; color: #333;;}
        .c_board_view .entry_line .entry_list_account {font-size: 15px;}
    
    /*1:1온라인문의 > NCS상품 */
    .c_form table tr.d_ask_noti td .tit_noti {font-size: 20px !important; font-weight: 600 !important;}
    .c_form table tr.d_ask_noti td .text_noti {margin-top: 10px; font-size: 14px;}
    .c_form table tr.d_ask_noti td .text_noti>span {font-weight: 500; color: #333;}
    .c_form table tr.d_ask_noti td .text_noti>a {margin-top: 10px; margin-bottom: 6px;}


    /*커뮤니티 > 제휴문의 */
    .c_board .c_form table .tit {font-size: 14px;}
    .c_board .c_form .input_design {height: 35px;-webkit-transition:all .3s ease-out; transition: all .3s ease-out;}
    .c_board .c_form .textarea_design {-webkit-transition:all .3s ease-out; transition: all .3s ease-out;}
    .c_board .c_form .input_design:focus,
    .c_board .c_form .textarea_design:focus {background-color:#fcf9fa;border-color:#e5b6c2}
    .c_board .c_form .input_file_box .buttonImg {background-color:#da1349;}
    /* 자주 묻는 질문 */    
    .c_faq_best .js_faq_list_item+.board_box .board_tit,
    .c_board_list .js_faq_list_item+.board_box .board_tit {display: none;}
        .c_faq_best .js_faq_list_item+.board_box .editor  { padding-left:15px; margin-top:inherit; position: relative;}
        .c_board_list .js_faq_list_item+.board_box div.editor { padding-left:0; margin-top:inherit; position: relative; padding-top:12px; padding-bottom: 30px;}
            /*FAQ 스크롤설정*/
            .c_board_list .js_faq_list_item+.board_box div.editor {max-height: 800px;overflow-y: scroll;}
            .c_board_list .js_faq_list_item+.board_box div.editor::-webkit-scrollbar {width: 15px; height: 15px;}
            .c_board_list .js_faq_list_item+.board_box div.editor::-webkit-scrollbar-button:start:decrement, 
            .c_board_list .js_faq_list_item+.board_box div.editor::-webkit-scrollbar-button:end:increment {display: block; height: 0px;}
            .c_board_list .js_faq_list_item+.board_box div.editor::-webkit-scrollbar-track {background-color: #f4f4f4; -webkit-border-radius: 10px; border-radius:10px; box-shadow: inset 0 0 4px rgba(0,0,0,0.01)}    
            .c_board_list .js_faq_list_item+.board_box div.editor::-webkit-scrollbar-thumb {height: 10px; width: 10px; background-color: #666; -webkit-border-radius: 8px; border-radius: 8px; border:4px solid #f4f4f4;}
            .c_board_list .js_faq_list_item+.board_box div.editor::-webkit-scrollbar-thumb:hover {background-color: #000;}
        .c_board_list .board_box td {padding:15px 15px 15px 210px}
        .c_board_list .js_faq_list_item .title {padding-left:0}
        .c_board_list .js_faq_list_item .title .tit_box .tt {font-size: 14px;}
        .c_board_list .js_faq_list_item+.board_box div.editor a:hover {text-decoration: underline;}
        .c_board_list .js_faq_list_item+.board_box div.editor::after { content:""; width:45px; height:40px; background:url("/skin/site/beauty/images/c_img/ico_faq_a.png"); position:absolute; left:-55px; top:12px;}
        .c_board_list .js_faq_list_item+.board_box div.editor::after {animation: swing 1s ease-in-out forwards;transform-origin: right 50%;}
            @keyframes swing {
                0% {}
                4% {transform: rotate(0deg);}
                5% {transform: rotate(-20deg);}
                7% {transform: rotate(20deg);}
                9% {transform: rotate(-4deg);}
                11% {transform: rotate(4deg);}
                13% {transform: rotate(-4deg);}
                15% {transform: rotate(4deg);}
                17% {transform: rotate(-4deg);}
                19% {transform: rotate(4deg);}
                21% {transform: rotate(0deg);}
                100% {transform: rotate(0deg);}
            }
        .c_board_list .js_faq_list_item+.board_box div.editor,
        .c_board_list .js_faq_list_item+.board_box div.editor * {font-size: 15px !important; font-weight: 400; color:#666; font-family: 'Noto',Noto Sans CJK KR,sans-serif !important; line-height: 1.6; letter-spacing: -1px;}
        .c_board_list .js_faq_list_item+.board_box div.editor strong {color:#bb1d4c}
        .c_board_list .js_faq_list_item+.board_box div.editor .tit {font-size: 20px !important; color: #000 !important; font-weight: 400 !important;}
        .c_board_list .js_faq_list_item+.board_box div.editor a.d_btn_s {line-height: 34px;color:#fff !important; font-size: 13px !important;text-align: center; font-weight: 400;}
        .c_board_list .js_faq_list_item+.board_box { background-color: #fafafa;}
        .c_board_list .js_faq_list_item+.board_box img.mb_img {display: none;}/*모바일전용이미지 제어*/

        /*FAQ Open시*/
        .c_board_list .js_faq_list_item.if_open td {color:#bb1d4c; font-weight: 500;}
        
        /*FAQ용 UI박스*/
        .faq_contets_box {padding:20px;background-color:#efefef;border-radius: 20px; display: inline-block; margin-top:5px; box-sizing: border-box;}
        .faq_contets_box+.faq_contets_box {margin-left:10px;}
        .faq_contets_box b { font-weight: 500 !important;}
        .faq_contets_box p {word-break: keep-all;}
        .faq_contets_box.w100 {width:97.5%;}.faq_contets_box.w90 {width:90%;}.faq_contets_box.w80 {width:80%;}.faq_contets_box.w70 {width:70%;}.faq_contets_box.w60 {width:60%;}.faq_contets_box.w50 {width:50%;}.faq_contets_box.w40 {width:40%;}.faq_contets_box.w30 {width:30%;}.faq_contets_box.w20 {width:20%;}.faq_contets_box.w10 {width:10%;}
        /*주의사항박스*/
        .faq_contents_notice {width:97.5%; padding:20px;background-color:#efefef;border-radius: 20px; box-sizing: border-box;}
            .c_board_list .js_faq_list_item+.board_box div.editor, .c_board_list .js_faq_list_item+.board_box div.editor .faq_contents_notice>dt {font-size:16px !important;color: #000 !important; font-weight: 500 !important;}
        /*Step*/
        .faq_contents_step {width:97.5%; background-color:#efefef; border-radius: 50px; box-sizing: border-box; display: flex; }
            .faq_contents_step div {flex : 1; display: flex; justify-content: center; align-items: center; padding:10px 0; box-sizing: border-box;}
            .c_board_list .js_faq_list_item+.board_box div.editor .faq_contents_step div a { font-size: 16px !important}
            .faq_contents_step div.on { background-color: #bb1d4c; border-radius: 50px; color:#fff !important;}
            .faq_contents_step div.on a {color:#fff !important;}
                #manual_pmoney1_02,#manual_pmoney1_03,
                #manual_pmoney2_02 {padding-top:80px;}

    /*Prev, next 공간뜨는 문제 해결*/
    .c_board_view .nextprev .txt {line-height: inherit;}
    
    
/*프로모션*/
.prom_a img {vertical-align:middle;}
    .prom_a dl.prom_order {width: 1200px; background-color: #e0e0e0; }
    .prom_a dl.prom_order .tit_order {padding-top: 100px;}
    /*프로모션 리스트*/
    .prom_a dl.prom_order .prom_list_a>p.nont01 {font-size: 20px; font-weight: 300; color:#bb1d4c; padding-top:20px; padding-bottom: 50px;}
    .prom_a dl.prom_order .prom_list {display: flex;flex-wrap: wrap; padding-right: 60px;box-sizing: border-box;}
    .prom_a dl.prom_order .prom_list>li {width:33.33%; padding:0 0 60px 60px; box-sizing: border-box;}
    .prom_a dl.prom_order .prom_list .prom_item {width: 100%;min-height: 280px; background-color: #ffffff; border-radius: 10px; text-align: left;margin-right: 10px; transition: all .3s linear; position: relative; box-sizing: border-box; padding: 20px 0 0 18px; overflow: hidden;}
        /*용지설명삭제용*/.prom_a dl.prom_order .prom_list .prom_item {min-height: 240px;}
    .prom_a dl.prom_order .prom_list .prom_item:hover {box-shadow: 5px 5px 8px -4px rgb(0 0 0 / 50%);}
    .prom_a dl.prom_order .prom_list .prom_item .paper_name {font-size: 24px; font-weight: 500; color: #000;}
    .prom_a dl.prom_order .prom_list .prom_item .paper_color {display: block; font-size: 18px; font-weight:300; color: #333333; }
        /*용지설명삭제용*/.prom_a dl.prom_order .prom_list .prom_item .feature {display: none;}
                         .prom_a dl.prom_order .prom_list .prom_item .feature {font-size: 15px; font-weight: 400;color: #666; line-height: 1.2;position: absolute;left: 18px;bottom: 78px;}
    .prom_a dl.prom_order .prom_list .prom_item>.btn_a {position: absolute; bottom:0; left:0; width:100%;display: flex;}
    .prom_a dl.prom_order .prom_list .prom_item>.btn_a a {flex:1; display: flex; align-items: center; justify-content: center; height: 60px; background-color: #fff; color:#333; font-size: 16px; box-sizing:border-box ;transition: all .2s linear;border-top:1px solid #e9e9e9}
        .prom_a dl.prom_order .prom_list .prom_item>.btn_a a:hover {background-color:#bb1d4c; color:#fff;}
        .prom_a dl.prom_order .prom_list .prom_item>.btn_a a:first-child {border-right:1px solid #e9e9e9;}
    .prom_a dl.prom_order .prom_list .prom_item>.btn_a a:first-child {border-right:1px solid #e9e9e9;}
        /*종이BG*/
        .prom_a dl.prom_order .prom_list .paper1 {background:url('/skin/site/beauty/images/promotion/230710/pp_eco_wh_70g.png') no-repeat} /* 에코 백색 70g */
        .prom_a dl.prom_order .prom_list .paper2 {background:url('/skin/site/beauty/images/promotion/230710/pp_hifree_wh_70g.png') no-repeat} /* 하이프리 백색 70g */
        .prom_a dl.prom_order .prom_list .paper3 {background:url('/skin/site/beauty/images/promotion/230710/pp_hifree_cr_70g.png') no-repeat} /* 하이프리 미색 70g */
        .prom_a dl.prom_order .prom_list .paper4 {background:url('/skin/site/beauty/images/promotion/230710/pp_titangloss_wh_118g.png') no-repeat} /* 타이탄그로스 백색 118g */
        .prom_a dl.prom_order .prom_list .paper5 {background:url('/skin/site/beauty/images/promotion/230710/pp_newfree_wh_80g.png') no-repeat} /* 뉴프리 미색 80g */
        .prom_a dl.prom_order .prom_list .paper6 {background:url('/skin/site/beauty/images/promotion/230710/pp_newfree_cr_80g.png') no-repeat} /* 뉴프리 미색 80g */
            
        /* 인기상품 Icon */
        .prom_a dl.prom_order .prom_list .prom_item.ico_hot::after {position: absolute;right:10px;top:10px;content:"인기\A상품";white-space:pre;color:#fff;font-weight: 400;font-size: 16px;background-color:#007ad8;width:80px;height: 80px;text-align: center;box-sizing: border-box;border-radius: 100%;line-height: 1.3;letter-spacing: 6px; display: flex; justify-content: center; align-items: center;}
        /* 마감임박 Icon */
        .prom_a dl.prom_order .prom_list .prom_item.ico_last::after {position: absolute;right:10px;top:10px;content:"마감\A임박";white-space:pre;color:#fff;font-weight: 400;font-size: 16px;background-color:#bb1d4c;width:80px;height: 80px;text-align: center;box-sizing: border-box;border-radius: 100%;line-height: 1.3;letter-spacing: 6px; display: flex; justify-content: center; align-items: center;}
        /* 행사종료 overlay*/
        .prom_a dl.prom_order .prom_list .prom_item.end::before{content:'';  width:100%; height: 100%; position:absolute; left:0; top:0 ;background-color:#000; opacity: 0.5; z-index: 10;}
        .prom_a dl.prom_order .prom_list .prom_item.end::after {content:'행사종료';width:100%;position:absolute;left:0;top: 100px;font-size: 35px;color:#fff;z-index: 11;text-align: center;font-weight: 100;}

        /* 주의사항 */
        .prom_a .notice_a {text-align: left;padding: 40px 0 0 40px;}
        .prom_a .notice_a ul {margin-top:10px;}
        .prom_a .notice_a ul li {font-size: 16px; background-position: 2px 11px;}


/*메인페이지*/
.main_visual .prevnext .icon {width:60px; height: 60px; opacity: 0.5}
    .main_visual .prevnext { margin-top:-50px;}
    .main_visual .prevnext.prev {left:10px; margin-left:inherit;}
    .main_visual .prevnext.next {right:10px; margin-right:inherit;}
    .main_visual .rolling_icon {margin-top:inherit; position: absolute; bottom:25px; width:100%;}
    .main_visual .rolling_icon .icon {width:16px; height: 16px;}
    

    /*메인 3단배너*/
    .main_ad .triple ul {margin-left:-34px;}    
        .main_ad a {height: 500px; padding-right:10px}
        .main_ad .triple li img { border-radius: 30px;-webkit-transition:all .3s linear; transition: all .3s linear}
        .main_ad .triple li:hover img {-webkit-box-shadow: 5px 5px 8px -4px rgb(0 0 0 / 50%);box-shadow: 5px 5px 8px -4px rgb(0 0 0 / 50%);}
        .main_ad .triple .box {top: 390px; height:80px;background-color:transparent; color: #777;}
        .main_ad .triple .box em {color: #333; font-size: 24px;}
        .main_ad .triple .box strong { display: none;;}
        .main_ad .triple .banner { margin-left:34px;}
    /*공통가이드배너*/
    .main_firstguide {margin-top:10px; padding-bottom: 50px;}
    .main_firstguide img { vertical-align: middle;}
    /*띠배너*/
    .main_linebanner {height:90px; background: url('/skin/site/beauty/images/c_img/pat_diagonal.png') repeat left top;}
    .main_linebanner img {}
        
    /*메인 베스트상품*/
    .main_md {background: #ffc467 url('/skin/site/beauty/images/skin/bg_bestgoods.jpg') 50% top no-repeat; height:600px; padding:0; margin-top:0px;}
        .main_md .item_box .thumb {border: 0;border-radius: 30px;}
        .main_md .layout_fix { padding-top:10px;}
        .main_md .item_box .info {padding-top: 14px; height: 100px;background-color: transparent;}
        .main_md .main_title .tit_tx {font-size:0; visibility: hidden; width: 0; height: 0;}
        .main_md .main_title .tit_real:before {background: url('/skin/site/beauty/images/skin/tit_bestitems.png') no-repeat 0px 0px;content: "";width:199px; height: 66px; display:inline-block; position: relative; left: -10px;}    
        .main_md .md_tab .btn strong {font-size: 20px; color:#b36d00;}
        .main_md .md_tab .hit .btn strong:before,
        .main_md .md_tab .btn strong:before {width:0; display:none;}
        .main_md .item_box .info .item_name {text-align: center; font-size: 20px;}
        .main_md .item_box:hover .item_name { text-decoration: inherit;}
        .main_md .item_box .info .sub_name {text-align: center; font-size: 16px; color: #b36d00; margin-top:5px;}
            .main_md .item_box .info .sub_name {display: none;} /*#메인>BEST items 서브타이틀제목가리기(메인과 동일한 제목이 노출됨) 221201*/
        .main_md .item_box .upper_icon {width:100%; text-align: center}
            .main_md .item_box .upper_icon img {display: inline-block; float: inherit;}
        .main_md .rolling_icon .icon {width:16px; height: 16px;}/*paging*/
        /*배너영역 아래로 이동 221201*/
        .main_md .item_list {margin-top: 40px;}
            .main_md .item_list .bx-viewport { height:350px !important;}

    /*Todays pick*/
    .main_todayspick {padding-top: 70px; }
        .main_todayspick>.layout_fix>dl {display: flex;}
        .main_todayspick>.layout_fix>dl>dt {width:286px; min-width:286px;}
        .main_todayspick>.layout_fix>dl>dd {flex: 1;}
        .main_todayspick>.layout_fix>dl>dt>p.tit {font-size: 34px;letter-spacing: -1px;}
        .main_todayspick>.layout_fix>dl>dt>p.tit>span:first-child {font-weight: 400;color: #333;}
        .main_todayspick>.layout_fix>dl>dt>p.tit>span:last-child {font-weight: 600;color: #da1349;}
        .main_todayspick>.layout_fix>dl>dt>p.subtit {font-size: 15px;color: #999;width: 180px;}

        .main_todayspick>.layout_fix>dl>dd {}
        .main_todayspick>.layout_fix>dl>dd>ul.list {display:flex;flex-wrap: wrap;}
            .main_todayspick>.layout_fix>dl>dd>ul.list li {width:33.33%;list-style: none;box-sizing: border-box; padding-left:25px; margin-bottom:60px;}
                .main_todayspick>.layout_fix>dl>dd>ul.list li>a {width:100%}
            .main_todayspick>.layout_fix>dl>dd>ul.list li>a p.img img {width:100%; border-radius:30px}
            .main_todayspick>.layout_fix>dl>dd>ul.list li>a p.tit {font-size:18px; margin-top:10px;}
            .main_todayspick>.layout_fix>dl>dd>ul.list li>a p.sub {font-size:15px; margin-top:4px;}

            .wrap.dj_check .li.view_info::before {}



    /*크롬다운로드*/
    .main_chrome {background: url('/skin/site/beauty/images/main/bg_21x21.gif') repeat left top;}
        .main_chrome .layout_fix {font-size:16px; font-weight:300; color:#fff; text-align:center;}
        .main_chrome .layout_fix img{vertical-align: middle; margin:-2px 5px 0 5px;}
        .main_chrome .layout_fix a {display:inline-block;vertical-align: middle;width:130px; background-color:#fff;text-align:center; color:#333;border-radius:12px; height:30px;line-height:30px; font-weight:500;margin:15px 0 15px 10px}

    /*고객센터,계좌,버튼*/
    .main_csbank {}
        .main_csbank>div.layout_fix {display:flex; margin-top:50px}
        /*고객센터*/
        .main_csbank>div.layout_fix>div.cs_a {flex-basis:310px; text-align:center; align-content: center;}
            .main_csbank>div.layout_fix>div.cs_a dt {font-size:30px; color:#333;}
            .main_csbank>div.layout_fix>div.cs_a dd { margin-top:24px}
            .main_csbank>div.layout_fix>div.cs_a dd p.tel {font-size:40px; font-weight:600; letter-spacing:-1.5px; color:#fe0b49;line-height:40px;}
            .main_csbank>div.layout_fix>div.cs_a dd p.email {font-size:16px;color:#333}
            .main_csbank>div.layout_fix>div.cs_a dd p.time {font-size:14px; margin-top:25px}
            .main_csbank>div.layout_fix>div.cs_a dd p.dayoff {font-size:16px; margin-top:6px}
        /*결제계좌 customize_ui-case231011_메인Footer하단_고객센터_결제계좌_버튼3종레이아웃backup_kyn */
        /*버튼3종*/
        .main_csbank>div.layout_fix>div.bigbtn_a {flex-basis:890px;}
            .main_csbank>div.layout_fix>div.bigbtn_a dl {display: flex; height:250px; justify-content: space-between;overflow: hidden; gap: 10px;}
            .main_csbank>div.layout_fix>div.bigbtn_a dl dd {flex-basis:31%;}
            .main_csbank>div.layout_fix>div.bigbtn_a dl dd a {font-size:18px; color:#333;width:100%; height:100%; text-align:center; line-height:330px; border-radius:30px;background-color:#efefef; background-repeat: no-repeat;background-position:50% 70px;
            -webkit-transition:all .3s linear; transition: all .3s linear;background-size:70px}
            .main_csbank>div.layout_fix>div.bigbtn_a dl dd a span.txt {position: absolute; top: 21px; left: 355px; display: block; font-size: 14px;}
            .main_csbank>div.layout_fix>div.bigbtn_a dl dd.ico_data a {background-image:url('/skin/site/beauty/images/main/ico_data.svg'); background-size: 30%;}
            .main_csbank>div.layout_fix>div.bigbtn_a dl dd.ico_faq a {background-image:url('/skin/site/beauty/images/main/ico_faq.svg');}
            .main_csbank>div.layout_fix>div.bigbtn_a dl dd.ico_oneonone a {background-image:url('/skin/site/beauty/images/main/ico_oneonone.svg');}
            .main_csbank>div.layout_fix>div.bigbtn_a dl dd.ico_associate a {background-image:url('/skin/site/beauty/images/main/ico_associate.svg');}
            .main_csbank>div.layout_fix>div.bigbtn_a dl dd a:hover {background-position: 50% 60px; background-color: #f5f5f5}

        /*메인 레이어팝업*/
        div.c_popup {position: fixed; border-radius: 10px; overflow: hidden;}
        div.c_popup div.img_box a {vertical-align: middle;}
            div.c_popup {border:inherit;box-shadow: 1px 4px 15px 2px rgba(0,0,0,0.4);}
            div.c_popup .close_box {border:inherit; background-color:#333;}
            div.c_popup .close_box label {color:white;line-height: 25px; font-size: 13px;}
            div.c_popup .close_box input {margin-top: 5px;margin-right:7px;width: 16px;height: 16px;}
            div.c_popup .close_box .btn_close { width:40px; height: 40px; }
            /*메인 레이어팝업 width고정*/
            div.c_popup .img_box img {width: 400px;}

            /* 메인 레이어팝업 디자인 유형 */
            .c_popup.d_lpopup_a01 .c_popup_main_title_tit {padding: inherit; font-size: 24px; color: #da1349; font-weight: 600;}
            .c_popup.d_lpopup_a01 .c_popup_content_text {padding: 0px; font-size: 16px; font-weight: 400; line-height: 1.4; letter-spacing: -0.6px;}
            .c_popup.d_lpopup_a01 .c_popup_content_text span {color: #333 !important; font-weight: 500;}
                .c_popup.d_lpopup_a01 .d_list_03 {margin: 10px 30px;}
                .c_popup.d_lpopup_a01 .d_list_03>li {font-size: 14px; background-size: 3px; padding: 2px 0px 2px 10px;}
                .c_popup.d_lpopup_a01 .close_box {padding: 5px;}
                /* 메인 레이어팝업-사업자 담당자 변경 lpopup */
                .d_mlpopup {overflow:inherit !important;}
                .d_mlpopup .close_box {border-radius: 0 0 7px 7px;}
                .d_mlpopup .d_lpopup_in.info_change {padding-bottom: 0px;}
                .d_mlpopup .d_lpopup_in.info_change .c_pop_contents {padding-top: 0px;}
                .d_mlpopup .d_lpopup_in.info_change .c_pop_contents .c_popup_main_title {margin-top: 10px;}
                .d_mlpopup .d_lpopup_in.info_change .c_pop_contents .c_popup_main_title::after {content: ''; width: 20px; height: 2px; border-top: 1px solid #333; display: block; margin-top: 10px;}
                .d_mlpopup .d_lpopup_in.info_change .c_pop_contents .c_popup_main_title>span {background-color: #333; color: #fff; border-radius: 30px; padding: 3px 15px; letter-spacing:2px; margin-bottom: 10px;}
                .d_mlpopup .d_lpopup_in.info_change .d_list_03 {margin: 10px 30px; padding: 15px 18px;}
                .d_mlpopup .d_lpopup_in.info_change a.d_btn_s.d_btn_s03 {display: flex; justify-content: center; align-items: center; margin: 20px auto 30px; width: 180px; height: 40px; font-size: 14px !important;}


/*주문상세페이지 주문입력영역*/

/*셀프편집기 표지디자인 선택영역*/
.view_photo {border-bottom: 0px;}
    .view_photo .cover_box .bx-wrapper {background-color: #fff; width: 100%; overflow: hidden; position: relative; height: 470px;}
    .view_photo .cover_box .bx-wrapper .sf_edit_tab {width:100%; align-items: center; justify-content: center; display: flex; background-color: #e5e5e5; border-bottom: 1px solid #fff;}
    .view_photo .cover_box .bx-wrapper .sf_edit_tab a {height: 55px; background-color: #e5e5e5; width:100%; box-sizing: border-box; position: relative;}
    .view_photo .cover_box .bx-wrapper .sf_edit_tab .sf_template {background:#e5e5e5 url('/skin/site/beauty/images/product/book_sfedit/btn-self.png') no-repeat 50%; background-position: bottom; border-right: 1px solid #fff;}
    .view_photo .cover_box .bx-wrapper .sf_edit_tab .sf_template:hover{background:#e5e5e5 url('/skin/site/beauty/images/product/book_sfedit/btn-self.png') no-repeat 50%; background-position: top;}
    .view_photo .cover_box .bx-wrapper .sf_edit_tab .sf_template.on {background:#fff url('/skin/site/beauty/images/product/book_sfedit/btn-self.png') no-repeat 50%; background-position: top;}
    .view_photo .cover_box .bx-wrapper .sf_edit_tab .sf_storage {background:#e5e5e5 url('/skin/site/beauty/images/product/book_sfedit/btn-storage.png') no-repeat 50%; background-position: bottom;}
    .view_photo .cover_box .bx-wrapper .sf_edit_tab .sf_storage:hover{background:#e5e5e5 url('/skin/site/beauty/images/product/book_sfedit/btn-storage.png') no-repeat 50%; background-position: top;}
    .view_photo .cover_box .bx-wrapper .sf_edit_tab .sf_storage.on {background:#fff url('/skin/site/beauty/images/product/book_sfedit/btn-storage.png') no-repeat 50%; background-position: top;}

    /*셀프편집기 사용하기 첫화면 섬네일 영역*/
    .view_photo .cover_box .bx-wrapper .img_sfedit_noti {display: none;}
    .view_photo .cover_box .bx-wrapper .img_sfedit_noti.on {display: block; max-width: inherit;}
    .view_photo .cover_box .bx-wrapper .img_sfedit_noti.on>img {max-width: inherit;}
    .view_photo .cover_box .bx-wrapper .sf_thum_guide { background: url(/skin/site/beauty/images/makeguide/book/selfedit/btn_sf_guide.png)no-repeat; position: absolute; height: 22px; width: 60px; top: 432px; right: 10px;}
    .view_photo .cover_box .bx-wrapper .sf_thum_guide:hover {background: url(/skin/site/beauty/images/makeguide/book/selfedit/btn_sf_guide.png) 0px -25px no-repeat;}
    /*셀프편집기 tab icon_check */
    .view_photo .cover_box .bx-wrapper .sf_edit_tab .sf_template.check::after {content: ''; display: block; width: 20px; height: 20px; background-image: url(/skin/site/beauty/images/product/schoolbook/icon_check_blue.png); background-size: contain; background-repeat: no-repeat; position: absolute; top: 53%; left: 90%; transform: translate(-50%, -50%); z-index: 10;}
    .view_photo .cover_box .bx-wrapper .sf_edit_tab .sf_storage.check::after {content: ''; display: block; width: 20px; height: 20px; background-image: url(/skin/site/beauty/images/product/schoolbook/icon_check_blue.png); background-size: contain; background-repeat: no-repeat; position: absolute; top: 53%; left: 90%; transform: translate(-50%, -50%); z-index: 10;}
    /*셀프편집기 사용하기 섬네일 영역*/
    .view_photo .cover_box .bx-wrapper .d_cover_template {display: none; text-align: left;}
    .view_photo .cover_box .bx-wrapper .d_cover_template.on {display: block; padding: 10px 20px 20px 20px; position: relative; height: 375px;}
    .view_photo .cover_box .bx-wrapper .d_cover_template.on>dt { color: #333; font-size: 14px;}
    .view_photo .cover_box .bx-wrapper .d_cover_template.on .sf_cover_name {width: 390px; height: 31px; line-height: 1.2; margin-left: 1px; margin-bottom: 10px; position: relative;}
    .view_photo .cover_box .bx-wrapper .d_cover_template.on .sf_cover_name>p {position: absolute; bottom: 0;}
    .view_photo .cover_box .bx-wrapper .d_cover_template.on .sf_cover_name>p>span {color: #da1349; font-weight: 500; display:inline;}
    .view_photo .cover_box .bx-wrapper .d_cover_template.on .d_cover_template_img {width: 430px; background-color: #efefef; margin-left: auto; margin-right: auto; vertical-align: middle; width: 430px; border: 1px solid #ccc; box-sizing: border-box; margin-left: auto; margin-right: auto;}
    .view_photo .cover_box .bx-wrapper .d_cover_template.on>ul {list-style: none; display: flex; justify-content: space-between; position: absolute; bottom: 0; margin-bottom: 10px; width: 428px; gap: 9px;}
    .view_photo .cover_box .bx-wrapper .d_cover_template.on>ul>li>a.d_btn_s {width: 100px; height: 32px; line-height:29px !important;}
    /*편집기보관함 사용하기 섬네일 영역*/
    .view_photo .cover_box .bx-wrapper .d_cover_storage {display: none; text-align: left;}
    .view_photo .cover_box .bx-wrapper .d_cover_storage.on {display: block; padding: 10px 20px 20px 20px; position: relative; height: 375px;}
    .view_photo .cover_box .bx-wrapper .d_cover_storage.on>dt { color: #333; font-size: 14px;}
    .view_photo .cover_box .bx-wrapper .d_cover_storage.on .sf_cover_name {width: 390px; height: 31px; line-height: 1.2; margin-left: 1px; margin-bottom: 10px; position: relative;}
    .view_photo .cover_box .bx-wrapper .d_cover_storage.on .sf_cover_name>p {position: absolute; bottom: 0;}
    .view_photo .cover_box .bx-wrapper .d_cover_storage.on .sf_cover_name>p>span {color: #da1349; font-weight: 500; display:inline;}
    .view_photo .cover_box .bx-wrapper .d_cover_storage.on .d_cover_storage_img {width: 430px; background-color: #efefef; margin-left: auto; margin-right: auto; vertical-align: middle; width: 430px; border: 1px solid #ccc; box-sizing: border-box; margin-left: auto; margin-right: auto;}
    .view_photo .cover_box .bx-wrapper .d_cover_storage.on>ul {list-style: none; display: flex; justify-content: space-between; position: absolute; bottom: 0; margin-bottom: 10px; width: 428px; gap: 9px;}
    .view_photo .cover_box .bx-wrapper .d_cover_storage.on>ul>li>a.d_btn_s.d_btn_s02.dt_blank_bk {background-size: 12px 12px;}
    .view_photo .cover_box .bx-wrapper .d_cover_storage.on>ul>li>a.d_btn_s {width: 100px; height: 32px; line-height:29px !important;}
    .view_photo .cover_box .bx-wrapper .d_cover_storage.on>ul>li.btn_delete {margin-left: auto;}
    .view_photo .cover_box .bx-wrapper .d_cover_storage.on>ul>li:first-child>a {padding: inherit;}
    /*셀프편집기 주의사항 툴팁*/
    .view_photo .cover_box .bx-wrapper .d_cover_template .sf_noti_a { cursor: pointer; z-index: 999; position: absolute; width: 45px; height: 32px; background-color: rgba(255, 248, 184, 0.9); right: -1px; top: 10px; border-radius: 5px 0 0 5px; border: 1px solid #ccc; overflow: hidden; transition: all .3s ease 0s;}
    .view_photo .cover_box .bx-wrapper .d_cover_template .sf_noti_a .tit {color:#333; font-weight: 700; font-size: 12px; margin-top: 6px; margin-left: 7px; width: 23px; overflow: hidden; height: 20px;}
    .view_photo .cover_box .bx-wrapper .d_cover_template .sf_noti_a .text {opacity:0%; transition: all .2s ease 0s;}
    .view_photo .cover_box .bx-wrapper .d_cover_template .sf_noti_a .sf_noti_close {cursor: pointer; position: absolute; right: 2px; top: 6px; font-weight: 800; transform: rotate(135deg); transition: all .4s ease 0s; font-size: 10px; padding: 2px;}
    .view_photo .cover_box .bx-wrapper .d_cover_template .sf_noti_a.on {cursor: default; position: absolute; width: 450px; height: auto; transition: all .4s ease 0s;}
    .view_photo .cover_box .bx-wrapper .d_cover_template .sf_noti_a.on .tit {width: 200px; font-size: 16px; margin-top: 13px; margin-left: 20px; transition: all .4s ease 0s;}
    .view_photo .cover_box .bx-wrapper .d_cover_template .sf_noti_a.on .text {opacity:100%; transition: all .2s ease 0s;}
    .view_photo .cover_box .bx-wrapper .d_cover_template .sf_noti_a.on .text>ul {list-style: none; width: 410px; padding: 0 20px 20px 20px;}
    .view_photo .cover_box .bx-wrapper .d_cover_template .sf_noti_a.on .text>ul>li {font-size: 13px; word-break: keep-all; margin-top: 12px; padding-left: 16px; background: url(/skin/site/beauty/images/c_img/bul_3x2.gif) no-repeat 6px 11px; color: #666;}
    .view_photo .cover_box .bx-wrapper .d_cover_template .sf_noti_a.on .sf_noti_close {cursor: pointer; position: absolute; right: 8px; top: 9px; font-weight: 800; transform: rotate(0deg); transition: all .4s ease 0s; font-size: 18px; padding: 2px 10px;}

    .view_photo .cover_box .bx-wrapper .d_cover_storage .sf_noti_a {cursor: pointer; z-index: 999; position: absolute; width: 45px; height: 32px; background-color: rgba(255, 248, 184, 0.9); right: -1px; top: 10px; border-radius: 5px 0 0 5px; border: 1px solid #ccc; overflow: hidden; transition: all .3s ease 0s;}
    .view_photo .cover_box .bx-wrapper .d_cover_storage .sf_noti_a .tit {color:#333; font-weight: 700; font-size: 12px; margin-top: 6px; margin-left: 7px; width: 23px; overflow: hidden; height: 20px;}
    .view_photo .cover_box .bx-wrapper .d_cover_storage .sf_noti_a .text {opacity:0%; transition: all .2s ease 0s;}
    .view_photo .cover_box .bx-wrapper .d_cover_storage .sf_noti_a .sf_noti_close {cursor: pointer; position: absolute; right: 2px; top: 6px; font-weight: 800; transform: rotate(135deg); transition: all .4s ease 0s; font-size: 10px; padding: 2px;}
    .view_photo .cover_box .bx-wrapper .d_cover_storage .sf_noti_a.on {cursor: default; position: absolute; width: 450px; height: auto; transition: all .4s ease 0s;}
    .view_photo .cover_box .bx-wrapper .d_cover_storage .sf_noti_a.on .tit {width: 200px; font-size: 16px; margin-top: 13px; margin-left: 20px; transition: all .4s ease 0s;}
    .view_photo .cover_box .bx-wrapper .d_cover_storage .sf_noti_a.on .text {opacity:100%; transition: all .2s ease 0s;}
    .view_photo .cover_box .bx-wrapper .d_cover_storage .sf_noti_a.on .text>ul {list-style: none; width: 410px; padding: 0 20px 20px 20px;}
    .view_photo .cover_box .bx-wrapper .d_cover_storage .sf_noti_a.on .text>ul>li {font-size: 13px; word-break: keep-all; margin-top: 12px; padding-left: 16px; background: url(/skin/site/beauty/images/c_img/bul_3x2.gif) no-repeat 6px 11px; color: #666;}
    .view_photo .cover_box .bx-wrapper .d_cover_storage .sf_noti_a.on .sf_noti_close {cursor: pointer; position: absolute; right: 8px; top: 9px; font-weight: 800; transform: rotate(0deg); transition: all .4s ease 0s; font-size: 18px; padding: 2px 10px;}

/*셀프편집기 견적창 tab*/
.view_default .sf_tab_a {margin-top: 10px; margin-bottom: 10px; width: 100%; align-items: center; justify-content: center; display: flex; }
    .view_default .sf_tab_a .sf_tab_temp {height: 82px; width: 100%; border-radius: 8px 0 0 0; position: relative; background: #e5e5e5 url(/skin/site/beauty/images/product/book_sfedit/btn-tab_mycover.png) no-repeat 50%; background-position: 0 -170px; border-bottom: 1px solid #ccc;}
    .view_default .sf_tab_a .sf_tab_temp:hover {background: #e5e5e5 url(/skin/site/beauty/images/product/book_sfedit/btn-tab_mycover.png) no-repeat 50%; background-position: 0 -2px;}
    .view_default .sf_tab_a .sf_tab_temp.on {background: #fff url(/skin/site/beauty/images/product/book_sfedit/btn-tab_mycover.png) no-repeat 50%; background-position: -1px -3px; border: 1px solid #ccc; border-bottom: 0px;}
    .view_default .sf_tab_a .sf_tab_strg {height: 82px; width: 100%; border-radius: 0 8px 0 0; position: relative; background: #e5e5e5 url(/skin/site/beauty/images/product/book_sfedit/btn-tab_self.png) no-repeat 50%; background-position: 0 -170px; border-bottom: 1px solid #ccc;}
    .view_default .sf_tab_a .sf_tab_strg.active {background: #e5e5e5 url(/skin/site/beauty/images/product/book_sfedit/btn-tab_self.png) no-repeat 50%; background-position: 0 -2px; }
    .view_default .sf_tab_a .sf_tab_strg:hover {background: #e5e5e5 url(/skin/site/beauty/images/product/book_sfedit/btn-tab_self.png) no-repeat 50%; background-position: 0 -2px; }
    .view_default .sf_tab_a .sf_tab_strg.on {background: #fff url(/skin/site/beauty/images/product/book_sfedit/btn-tab_self.png) no-repeat 50%; background-position: 0px -3px; border: 1px solid #ccc; border-bottom: 0px;}
    .view_default .sf_guide {background: url(/skin/site/beauty/images/makeguide/book/selfedit/btn_sf_guide.png) no-repeat; position: absolute; width: 64px; height: 24px; right: 10px; top: 88px; padding: 5px;}
    .view_default .sf_guide:hover {background: url(/skin/site/beauty/images/makeguide/book/selfedit/btn_sf_guide.png) 0px -25px no-repeat;}

    /* 셀프편집기 최초가이드 ljh*/
    .d_lpopup_a01 .d_lpopup_in .guide_lpopup .guide_a {text-align: center; margin-top: 50px;}
    .d_lpopup_a01 .d_lpopup_in .guide_lpopup .guide_a.hidden {display: none;}
    .d_lpopup_a01 .d_lpopup_in .guide_lpopup .guide_a a.btn_close {margin-top: 35px; margin-bottom: 5px; padding: 5px 20px; border-radius: 4px; background-color: #eee; transition: all 0.2s ease;}
    .d_lpopup_a01 .d_lpopup_in .guide_lpopup .guide_a a.btn_close:hover {color: #333; background-color: #ddd;}
        .d_lpopup_a01 .d_lpopup_in .guide_lpopup .guide_a>p {font-size: 26px; color: #333; font-weight: 600;}
        .d_lpopup_a01 .d_lpopup_in .guide_lpopup .guide_a>span {font-size: 16px; color: #666; line-height: 1.4; margin-top: 8px;}
        .d_lpopup_a01 .d_lpopup_in .guide_lpopup .guide_a .guide_in {margin-top: 54px; display: flex; gap: 20px; justify-content: center; margin-bottom: 71px;}
        .d_lpopup_a01 .d_lpopup_in .guide_lpopup .guide_a .guide_in>a {width: 280px; height:358px; border-radius: 8px; border: 3px solid #aaa; display: flex; transition: 0.2s all;}

        .d_lpopup_a01 .d_lpopup_in .guide_lpopup .guide_a .guide_in>a.selfedit {position: relative;}
        .d_lpopup_a01 .d_lpopup_in .guide_lpopup .guide_a .guide_in>a.selfedit>.img_selfedit {background: url(/skin/site/beauty/images/makeguide/book/selfedit/ico_self.png) no-repeat 50% 20px; background-size: 80px; width: 90px; height: 100px; position: absolute; top: 80px; right: 92px;}
        .d_lpopup_a01 .d_lpopup_in .guide_lpopup .guide_a .guide_in>a.selfedit:hover {border: 3px solid #da1349; background-color: #fff;}
        .d_lpopup_a01 .d_lpopup_in .guide_lpopup .guide_a .guide_in>a.selfedit.off {background-color: #eee;}
        .d_lpopup_a01 .d_lpopup_in .guide_lpopup .guide_a .guide_in>a.selfedit.off>.img_selfedit{background:url(/skin/site/beauty/images/makeguide/book/selfedit/ico_self.png) no-repeat 50%  -81px; background-size: 80px; top:94px}
        
        .d_lpopup_a01 .d_lpopup_in .guide_lpopup .guide_a .guide_in>a.storage {position: relative;}
        .d_lpopup_a01 .d_lpopup_in .guide_lpopup .guide_a .guide_in>a.storage>.img_storage  {background: url(/skin/site/beauty/images/makeguide/book/selfedit/ico_storage.png)no-repeat 50% 20px;  background-size: 90px; width: 90px; height: 86px; position: absolute; top: 90px; right: 92px;}
        .d_lpopup_a01 .d_lpopup_in .guide_lpopup .guide_a .guide_in>a.storage:hover {border: 3px solid #da1349; background-color: #fff;}
        .d_lpopup_a01 .d_lpopup_in .guide_lpopup .guide_a .guide_in>a.storage.off {background-color: #eee;}
        .d_lpopup_a01 .d_lpopup_in .guide_lpopup .guide_a .guide_in>a.storage.off>.img_storage {background: url(/skin/site/beauty/images/makeguide/book/selfedit/ico_storage.png) no-repeat 50%  -67px; background-size: 90px; top:101px}

        .d_lpopup_a01 .d_lpopup_in .guide_lpopup .guide_a .guide_in>a:hover .txt>p {color: #da1349;}
        .d_lpopup_a01 .d_lpopup_in .guide_lpopup .guide_a .guide_in>a:hover .txt>span {color: #666;}
        .d_lpopup_a01 .d_lpopup_in .guide_lpopup .guide_a .guide_in>a .txt {margin-top: auto; width: 100%; margin-bottom: 54px;}
        .d_lpopup_a01 .d_lpopup_in .guide_lpopup .guide_a .guide_in>a .txt>p {font-size: 22px; color: #999; font-weight: 600; transition: 0.2s all;}
        .d_lpopup_a01 .d_lpopup_in .guide_lpopup .guide_a .guide_in>a .txt>span {font-size: 14px; color: #999; line-height: 1.2; margin-top: 8px; transition: 0.2s all;}

        /* 최초가이드-tab */
        .d_lpopup_a01 .d_lpopup_in .guide_lpopup .guide_tab {display: none;}
        .d_lpopup_a01 .d_lpopup_in .guide_lpopup .guide_tab.on {width: 100%; display: block;}
        .d_lpopup_a01 .d_lpopup_in .guide_lpopup .guide_tab>dl {display: flex; border: 1px solid #ccc; border-top: 0px;}
        .d_lpopup_a01 .d_lpopup_in .guide_lpopup .guide_tab>dl>dd {width: 50%; text-align: center;}
        .d_lpopup_a01 .d_lpopup_in .guide_lpopup .guide_tab>dl>dd.on>a {background-color: #333; color: #fff; border: 1px solid #333; border-top: 0px;}
        .d_lpopup_a01 .d_lpopup_in .guide_lpopup .guide_tab>dl>dd.on>a:hover {color: #fff;}
        .d_lpopup_a01 .d_lpopup_in .guide_lpopup .guide_tab>dl>dd>a {color: #999; font-size: 16px; padding: 10px 0; width: 100%; height: 45px; transition: 0.2s all; -webkit-user-select: none; user-select: none;}
        .d_lpopup_a01 .d_lpopup_in .guide_lpopup .guide_tab>dl>dd>a:hover {color: #333;}
        /* 최초가이드-셀프편집기 */
        .d_lpopup_a01 .d_lpopup_in .guide_lpopup .self_guide_a {display: none;}
        .d_lpopup_a01 .d_lpopup_in .guide_lpopup .self_guide_a.on {display: block;}
        /* 최초가이드-편집기보관함 */
        .d_lpopup_a01 .d_lpopup_in .guide_lpopup .storage_guide_a {display: none;}
        .d_lpopup_a01 .d_lpopup_in .guide_lpopup .storage_guide_a.on {display: block;}
        /*최초가이드-설명*/
        .d_lpopup_a01 .d_lpopup_in .guide_lpopup .g_slider {overflow: hidden; width: 100%; padding: 0 20px 30px; background-color: #eee;}
        .d_lpopup_a01 .d_lpopup_in .guide_lpopup .g_slider .btn_slider {background: url(/skin/site/beauty/images/c_img/ico_right.svg) no-repeat; padding: 20px; background-size: 100%; position: absolute; top: 50%; z-index: 99; opacity: 0.2; transition: 0.1s all ease;} 
        .d_lpopup_a01 .d_lpopup_in .guide_lpopup .g_slider .btn_slider:hover {opacity: 1; filter: invert(12%) sepia(0%) saturate(1%) hue-rotate(144deg) brightness(103%) contrast(79%);}
        .d_lpopup_a01 .d_lpopup_in .guide_lpopup .g_slider .btn_slider.prv {transform: rotate(180deg); margin-left: -5px;}
        .d_lpopup_a01 .d_lpopup_in .guide_lpopup .g_slider .btn_slider.nxt {margin-left: 745px;}
        .d_lpopup_a01 .d_lpopup_in .guide_lpopup .g_slider .prv.off,
        .d_lpopup_a01 .d_lpopup_in .guide_lpopup .g_slider .nxt.off {visibility: hidden;}
        .d_lpopup_a01 .d_lpopup_in .guide_lpopup .g_slider>p.noti {text-align: center; color: #999; margin-top: 10px; -webkit-user-select: none; user-select: none;}
        .d_lpopup_a01 .d_lpopup_in .guide_lpopup .g_slider>p.noti>span {color: #333;}
        .d_lpopup_a01 .d_lpopup_in .guide_lpopup ul.explain {display: flex; margin-top: 30px;}
        .d_lpopup_a01 .d_lpopup_in .guide_lpopup ul.explain>li {list-style: none; min-width: 100%; position: relative;}
        .d_lpopup_a01 .d_lpopup_in .guide_lpopup ul.explain>li .txt {width: 100%; height: 90px; margin-bottom: 20px; text-align: center; cursor: default;}
        .d_lpopup_a01 .d_lpopup_in .guide_lpopup ul.explain>li .txt>p {font-size: 24px; color: #333; font-weight: 600; -webkit-user-select: none; user-select: none;}
        .d_lpopup_a01 .d_lpopup_in .guide_lpopup ul.explain>li .txt>p>span {color: #da1349;}
        .d_lpopup_a01 .d_lpopup_in .guide_lpopup ul.explain>li .txt>span {font-size: 17px; color: #666; line-height: 1.3; margin-top: 8px; -webkit-user-select: none; user-select: none;}
        .d_lpopup_a01 .d_lpopup_in .guide_lpopup ul.explain>li .txt>span>span.point {color: #333; font-weight: 500;}
        .d_lpopup_a01 .d_lpopup_in .guide_lpopup ul.explain>li .txt>span>span.btn_ex {color: #fff; font-size: 14px; padding: 3px 10px 4px 10px; background-color: #bb1d4c; border-radius: 4px;}
        .d_lpopup_a01 .d_lpopup_in .guide_lpopup ul.explain>li>img {display: block; margin: 0 auto;  pointer-events: none; -webkit-user-drag: none;}
        .d_lpopup_a01 .d_lpopup_in .guide_lpopup ul.explain>li .g_video {width: 680px; margin: 0 auto; display: block; border-radius: 8px;} 
        /* 영상 프로그레스바 */
        .progressbar{width: 680px; height: 6px; border-radius: 4px 4px 16px 16px; overflow:hidden; background: #ccc; position: absolute; bottom: -3px; left: 50%; transform: translate(-50%, -50%);}
            .progressbar_fill{display: block; width: 0; height: 100%; background: #da1349;}
        /* 드래그 힌트 */
        .d_lpopup_a01 .d_lpopup_in .guide_lpopup .g_slider {position:relative; overflow:hidden; touch-action:pan-x;}
            .d_lpopup_a01 .d_lpopup_in .guide_lpopup .drag_next_hint, .d_lpopup_a01 .d_lpopup_in .guide_lpopup .drag_prev_hint {position:absolute; top:50%; opacity:0; pointer-events:none; font-size:15px; font-weight:500; color:#333; background:rgba(255,255,255,0.92); border:1px solid #ddd; border-radius:999px; padding:10px 16px; white-space:nowrap; transition:opacity .25s ease, transform .25s ease, box-shadow .25s ease; z-index:5;} 
            .d_lpopup_a01 .d_lpopup_in .guide_lpopup .drag_next_hint {right:24px; transform:translateY(-50%) translateX(20px);} 
            .d_lpopup_a01 .d_lpopup_in .guide_lpopup .drag_prev_hint {left:24px; transform:translateY(-50%) translateX(-20px);} 
            .d_lpopup_a01 .d_lpopup_in .guide_lpopup .drag_next_hint.show, 
            .d_lpopup_a01 .d_lpopup_in .guide_lpopup .drag_prev_hint.show {opacity:1;} 
            .d_lpopup_a01 .d_lpopup_in .guide_lpopup .drag_next_hint.ready, 
            .d_lpopup_a01 .d_lpopup_in .guide_lpopup .drag_prev_hint.ready {opacity:1; box-shadow:0 6px 18px rgba(0,0,0,0.14);} 

        /* 도트 영역 */ 
        .g_dots{display:flex; justify-content:center; align-items:center; gap:8px; margin-top:20px; margin-bottom: 10px;}
            .g_dot{position:relative; display:inline-block; width:12px; height:12px; border-radius:50%; background:#ccc; cursor:pointer; transition:all .25s ease;}
            .g_dot::before{content:""; position:absolute; inset:-6px;}
            .g_dot.on{width:26px; border-radius:20px; background:#333;}
            .g_dot.on:hover{background:#333;}
            .g_dot:hover{background:#999;}

            .d_lpopup_a01 .d_lpopup_in .guide_lpopup .g_dots .end_guide {display:none;} 
            .d_lpopup_a01 .d_lpopup_in .guide_lpopup .g_dots .end_guide.on {display: block; position: absolute; bottom: 25px; right: 19px; text-align: right; color: #999;}
            .d_lpopup_a01 .d_lpopup_in .guide_lpopup .g_dots .end_guide.n_btn_a.on .n_btn {width:26px; height:26px; right: -6px;  text-align: center; overflow: hidden; background: #da1349; border-radius:35px; padding:0; position:relative; transition:0.5s; cursor: pointer;}
            .d_lpopup_a01 .d_lpopup_in .guide_lpopup .g_dots .end_guide.n_btn_a.on .n_btn:hover {width:190px; border-radius:4px;}
            .d_lpopup_a01 .d_lpopup_in .guide_lpopup .g_dots .end_guide.n_btn_a.on .n_btn .n_btn_t {position: absolute; left: 0; top: 0; font-size: 13px; opacity:0;}
            .d_lpopup_a01 .d_lpopup_in .guide_lpopup .g_dots .end_guide.n_btn_a.on .n_btn:hover .n_btn_t {opacity:1; color: #fff; width: 177px; line-height: 2;}
            .d_lpopup_a01 .d_lpopup_in .guide_lpopup .g_dots .end_guide.n_img.on::before {content: url(/skin/site/beauty/images/product/book_sfedit/img_next.png); pointer-events: none; position: absolute; top: -645px; right: 245px; animation: bubbleFloat 0.8s ease-in-out infinite;}

    /*NCS 견적창 tab -ljh */
        .view_default .sf_tab_a.ncs_tab .sf_tab_temp {height: 82px; width: 100%; border-radius: 8px 0 0 0; position: relative; background: #e5e5e5 url(/skin/site/beauty/images/product/ncs/btn-tab_search.png) no-repeat 50%; background-position: 0 -170px; border-bottom: 1px solid #ccc;}
        .view_default .sf_tab_a.ncs_tab .sf_tab_temp:hover {background: #e5e5e5 url(/skin/site/beauty/images/product/ncs/btn-tab_search.png) no-repeat 50%; background-position: 0 -2px;}
        .view_default .sf_tab_a.ncs_tab .sf_tab_temp.on {background: #fff url(/skin/site/beauty/images/product/ncs/btn-tab_search.png) no-repeat 50%; background-position: -1px -3px; border: 1px solid #ccc; border-bottom: 0px;}
        .view_default .sf_tab_a.ncs_tab .sf_tab_strg {height: 82px; width: 100%; border-radius: 0 8px 0 0; position: relative; background: #e5e5e5 url(/skin/site/beauty/images/product/ncs/btn-tab_excel.png) no-repeat 50%; background-position: 0 -170px; border-bottom: 1px solid #ccc;}
        .view_default .sf_tab_a.ncs_tab .sf_tab_strg:hover {background: #e5e5e5 url(/skin/site/beauty/images/product/ncs/btn-tab_excel.png) no-repeat 50%; background-position: 0 -2px; }
        .view_default .sf_tab_a.ncs_tab .sf_tab_strg.on {background: #fff url(/skin/site/beauty/images/product/ncs/btn-tab_excel.png) no-repeat 50%; background-position: 0px -3px; border: 1px solid #ccc; border-bottom: 0px;}

        .view_default dd.count_a {display: flex; flex-direction: row; gap: 20px;}
        .view_default dd.count_a .count {display: flex; align-items: center; gap: 8px;}

        /* 견적창 수량 */
        .view_default dd.count_a {display: flex; flex-direction: row; gap: 20px;}
        .view_default dd.count_a .d_itext_s01[type=text] {height: 35px;}
        .view_default .count_area {margin-top: 20px; padding:5px 20px 5px 10px; border-radius: 8px; background: #efefef; align-items: center;}
        .view_default .count_area>dl>dt {font-weight: 500;}
        .view_default .count_area>dl {border-bottom: 0px;}



/* NCS 현황판 - ljh */
    /* title area*/
    .ncs_status .tit_a {display: flex; align-items: center; justify-content: space-between; margin-top: 26px;}
        .ncs_status .tit_a .tit {display: flex; align-items: center; gap: 15px; margin-left: 16px;}
        .ncs_status .tit_a .tit>p {font-size: 24px; color: #333;max-width: 520px;line-height: 30px;}
        .ncs_status .tit_a .tit>span {font-size: 13px; color: #8f8f8f;}
        .ncs_status .tit_a .btn_a {display: flex; gap: 8px;}
        .ncs_status .tit_a .btn_a .btn_in>a.ncs_btn {width: 230px; height: 84px; background: #0876ff; border-radius: 8px; transition: all 0.2s; position: relative;}
        .ncs_status .tit_a .btn_a .btn_in>a.ncs_btn:hover {background: #4397ff;}
        .ncs_status .tit_a .btn_a .btn_in>a.ncs_btn>span {font-size: 11px; color: #fff; opacity: 0.5; padding: 10px 0 0 12px;}
        .ncs_status .tit_a .btn_a .btn_in>a.ncs_btn>p {font-size: 14px; color: #fff; line-height: 1.2;  padding: 10px 0 0 12px;}
        .ncs_status .tit_a .btn_a .btn_in {position: relative;}
        .ncs_status .tit_a .btn_a .btn_in>a.btn_guide {position: absolute; background: url(/skin/site/beauty/images/product/ncs/status/ico_guide.png) no-repeat 5px 5px; height: 26px; width: 26px; right: 7px; top: 6px;}
        .ncs_status .tit_a .btn_a .btn_in>a.btn_guide:hover {background: url(/skin/site/beauty/images/product/ncs/status/ico_guide_on.png)no-repeat 5px 5px;}

    .ncs_status .status_a {display: flex; margin-top: 15px; justify-content: space-between;}

    .ncs_status .status_a .status_in_l {width: 826px;}
    /*배너 area*/
    .ncs_status .status_a .status_in_l .banner_a {background: #fff1f5; border-radius: 8px; padding: 30px;}
        .ncs_status .status_a .status_in_l .banner_a>.tit {font-size: 24px; color: #b21745;}
        .ncs_status .status_a .status_in_l .banner_a>.txt {font-size: 18px; color: #da1349;}
        .ncs_status .status_a .status_in_l .banner_a>.txt2 {font-size: 14px; padding-top:10px; color: #333;}
        .ncs_status .status_a .status_in_l .banner_a .btn_a {margin-top: 35px;}
        .ncs_status .status_a .status_in_l .banner_a .btn_a .d_btn_s.dt_blank {background-size: 13px 13px;}
        .ncs_status .status_a .status_in_l .banner_a .btn_a .d_btn_s.dt_blank:hover {background-color: #f7235c;}
    /*주문내역 카드 area*/
    .ncs_status .status_a .status_in_l .odercard_a {display: flex; justify-content: space-between; margin-top: 22px;}
        .ncs_status .status_a .status_in_l .odercard_a .odercard_in {background: #fff; width: 405px; border-radius: 8px; border: 1px solid #ddd; box-sizing: border-box; position: relative; overflow: hidden;}
        .ncs_status .status_a .status_in_l .odercard_a .odercard_in .odercard_box {padding: 20px 14px 14px 14px;}
        .ncs_status .status_a .status_in_l .odercard_a .odercard_in .odercard_box .tit_a {flex-wrap: wrap; margin: 0;}
        .ncs_status .status_a .status_in_l .odercard_a .odercard_in .odercard_box .tit_a .tit {width: 100%; display: flex; margin: 0; gap: 0; position: relative;}
        .ncs_status .status_a .status_in_l .odercard_a .odercard_in .odercard_box .tit_a .tit>p {font-size: 17px; font-weight: 500;}
        .ncs_status .status_a .status_in_l .odercard_a .odercard_in .odercard_box .tit_a .tit>span {margin-left: 12px; font-size: 12px;}
        .ncs_status .status_a .status_in_l .odercard_a .odercard_in .odercard_box .tit_a .tit .btn_arrow {position: absolute; background: url(/skin/site/beauty/images/product/ncs/status/ico_arrow.png) no-repeat center;width: 60px; height: 101px; right: -14px; top: -20px; transition: 0.2s;}
        .ncs_status .status_a .status_in_l .odercard_a .odercard_in .odercard_box .tit_a .tit .btn_arrow:hover {background: url(/skin/site/beauty/images/product/ncs/status/ico_arrow_on.png) no-repeat center;}


        .ncs_status .status_a .status_in_l .odercard_a .odercard_in .odercard_box .tit_a .total_box {display: flex; align-items: center; gap: 10px; font-size: 18px; font-weight: 500; color: #0876ff; margin-top: 10px;}
        .ncs_status .status_a .status_in_l .odercard_a .odercard_in .odercard_box .tit_a .total_box span {display: flex; align-items: center;}
        .ncs_status .status_a .status_in_l .odercard_a .odercard_in .odercard_box .tit_a .total_box span:not(:last-child)::after {content: ""; width: 1px; height: 12px; margin-left: 10px; background: #ddd;}
        .ncs_status .status_a .status_in_l .odercard_a .odercard_in .odercard_box .total_a {width: 100%; background: #f5f5f5; border-radius: 8px; padding: 10px 12px; box-sizing: border-box; margin-top: 20px;}
        .ncs_status .status_a .status_in_l .odercard_a .odercard_in .odercard_box .total_a .total_in {display: flex; justify-content: space-between;}
        .ncs_status .status_a .status_in_l .odercard_a .odercard_in .odercard_box .total_a .total_in:not(:last-child) {border-bottom: 1px solid #ddd; padding-bottom: 10px; margin-bottom: 10px;}
        .ncs_status .status_a .status_in_l .odercard_a .odercard_in .odercard_box .total_a .total_in>p {color: #333; font-weight: 500; font-size: 13px;}
        .ncs_status .status_a .status_in_l .odercard_a .odercard_in .odercard_box .total_a .total_in>p.quantity {margin-left: auto;}
        .ncs_status .status_a .status_in_l .odercard_a .odercard_in .odercard_box .total_a .total_in>p:not(:last-child)::after {content: ""; width: 1px; height: 12px; margin-left: 10px; margin-right: 10px; background: #ddd; display: inline-block;}
        .ncs_status .status_a .status_in_l .odercard_a .odercard_in .odercard_box .total_a .total_in>span {font-size: 12px; color: #333; background:#fff; border-radius: 16px; padding: 1px 8px; border: 1px solid #ddd;}
        .ncs_status .status_a .status_in_l .odercard_a .odercard_in>a.ncs_download {/*margin-top: 15px;*/ height: 36px; width: 100%; display: flex; align-items: center; justify-content: center; gap: 8px; background: #0876ff; color: #fff; font-size: 14px; transition: background-color 0.2s ease;}
        .ncs_status .status_a .status_in_l .odercard_a .odercard_in>a.ncs_download.off {background: #ddd; cursor: default;}
        .ncs_status .status_a .status_in_l .odercard_a .odercard_in>a::after {content: ""; width: 14px; height: 14px; flex: none; background: url(/skin/site/beauty/images/product/ncs/status/ico_download.png) no-repeat center;}
        .ncs_status .status_a .status_in_l .odercard_a .odercard_in>a::before {content: ''; width: 15px; height: 15px; flex: none; background: url(/skin/site/beauty/images/c_img/ico_excel.svg) no-repeat center; border: 1px solid #ffffffb7; border-radius: 2px;}
        .ncs_status .status_a .status_in_l .odercard_a .odercard_in>a:hover {background-color: #4397ff;}
    /*최근 주문 현황 area*/
    .ncs_status .status_a .status_in_l .tit_a>p {font-size: 18px; color: #000; font-weight: 500;}
        .ncs_status .status_a .status_in_l .oderlist_a .tit_a>span {font-size: 12px; color: #8f8f8f; margin-right: auto; margin-left: 10px;}
        .ncs_status .status_a .status_in_l .oderlist_a .oderlist_in {margin-top: 8px; border: 1px solid #ddd; border-radius: 8px; overflow: hidden;}
        .ncs_status .status_a .status_in_l .oderlist_a .oderlist_in table {width: 100%; table-layout: fixed;}
        .ncs_status .status_a .status_in_l .oderlist_a .oderlist_in table>thead>tr {background: #f5f5f5; height: 40px; border-bottom: 1px solid #f5f5f5;}
        .ncs_status .status_a .status_in_l .oderlist_a .oderlist_in table>thead>tr>th {font-weight: 500; font-size: 13px; color: #333;}
        .ncs_status .status_a .status_in_l .oderlist_a .oderlist_in table>tbody>tr>td {border-top: 1px solid #ddd; border-left: 1px solid #ddd; padding: 10px; font-size: 12px; color: #555;}
        .ncs_status .status_a .status_in_l .oderlist_a .oderlist_in table>tbody>tr>td:first-child {border-left: 0px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
        .ncs_status .status_a .status_in_l .oderlist_a .oderlist_in table>tbody>tr>td.list_none,
        .ncs_status .status_a .status_in_l .oderlist_a .oderlist_in table>tbody>tr>td.date {text-align: center;}
        .ncs_status .status_a .status_in_l .oderlist_a .oderlist_in table>tbody>tr>td.quantity,
        .ncs_status .status_a .status_in_l .oderlist_a .oderlist_in table>tbody>tr>td.amount {text-align: right;}
        .ncs_status .status_a .status_in_l .oderlist_a .oderlist_in table>tbody>tr>td>a:hover {text-decoration: underline;}
    /*이용 가이드 area*/
    .ncs_status .status_a .status_in_l .guide_a .guide_in>ul {display: flex; flex-wrap: wrap; justify-content: flex-start; margin-top: 8px; gap: 9px;}
        .ncs_status .status_a .status_in_l .guide_a .guide_in>ul>li {list-style: none; min-width: 158px; display: flex; flex-direction: column;}
        .ncs_status .status_a .status_in_l .guide_a .guide_in>ul>li.btn>a {background: #ddd; height: 90px; border-radius: 8px; transition: all 0.2s ease; position: relative;}
        .ncs_status .status_a .status_in_l .guide_a .guide_in>ul>li.btn>a::after {content: ""; position: absolute; background: url(/skin/site/beauty/images/product/ncs/status/ico_download_bk.png) no-repeat center; width: 20px; height: 20px; right: 13px;  bottom: 13px;}
        .ncs_status .status_a .status_in_l .guide_a .guide_in>ul>li.btn>a:hover {background: #e4e4e4;}
        .ncs_status .status_a .status_in_l .guide_a .guide_in>ul>li.btn>a>p { color: #3b3b3b; font-size: 13px; padding: 15px 0 0 15px;}
        .ncs_status .status_a .status_in_l .guide_a .guide_in>ul>li.btn>a>p>span {font-weight: 600;}
        .ncs_status .status_a .status_in_l .guide_a .guide_in>ul>li>span {text-align: center; margin-top: 5px; color: #333; font-weight: 500;}
        .ncs_status .status_a .status_in_l .guide_a .guide_in>ul>li.guide_vd .guide_thum {position: relative;}
        .ncs_status .status_a .status_in_l .guide_a .guide_in>ul>li.guide_vd .guide_thum::after {position: absolute; content: ""; background: url(/skin/site/beauty/images/product/ncs/status/ico_video.png) no-repeat center; width: 30px; height: 30px; left: 67px; top: 32px; opacity: 0.8; transition:all 0.2s ease;}
        .ncs_status .status_a .status_in_l .guide_a .guide_in>ul>li.guide_vd .guide_thum:hover::after {opacity: 1;}
        .ncs_status .status_a .status_in_l .guide_a .guide_in>ul>li.guide_vd .guide_thum>img {border-radius:  8px;}
    /*공지사항 등 area*/
    .ncs_status .status_a .status_in_r {width: 360px;}
        .ncs_status .status_a .status_in_r .public_a {border: 1px solid #ddd; border-radius: 8px; padding: 25px 20px;}
        .ncs_status .status_a .status_in_r .public_a .tit_a {margin-top: 0;}
        .ncs_status .status_a .status_in_r .public_a .tit_a .tit {font-size: 18px; color: #000; margin-left: 0; font-weight: 500;}
        .ncs_status .status_a .status_in_r .public_a li{list-style: none;}
        .ncs_status .status_a .status_in_r .public_a>li {border-top: 1px solid #ddd; padding-top: 20px; margin-top: 20px;}
        .ncs_status .status_a .status_in_r .public_a>li:first-child {border-top: 0; padding-top: 0px; margin-top: 0px;}
        .ncs_status .status_a .status_in_r .public_a>li>ul {margin-top: 14px;}
        .ncs_status .status_a .status_in_r .public_a>li>ul>li {margin-top: 14px; font-size: 13px; padding-left: 9px; background: url(/skin/site/beauty/images/product/ncs/status/bul_2x2.png) no-repeat 0px 9px; color: #4b4b4b;}
        .ncs_status .status_a .status_in_r .public_a>li>ul>li:first-child {margin-top: 0;}
        .ncs_status .status_a .status_in_r .public_a>li>ul>li>a {display: block;}
        .ncs_status .status_a .status_in_r .public_a>li>ul>li>a:hover {text-decoration:underline}
        .ncs_status .status_a .status_in_r .public_a>li>ul.btn_a>li {margin-top: 6px; padding-left: 0; border-radius: 8px; background: #e2efff;}
        .ncs_status .status_a .status_in_r .public_a>li>ul.btn_a>li:first-child {margin-top: 0;}
        .ncs_status .status_a .status_in_r .public_a>li>ul.btn_a>li>a {display: block; padding: 18px 45px 18px 15px; color: #0876ff; font-size: 14px; border-radius: 8px;  background: url(/skin/site/beauty/images/product/ncs/status/ico_blank.png) no-repeat right 15px center;  transition: background-color 0.2s ease; font-weight: 500; text-decoration: none;}
        .ncs_status .status_a .status_in_r .public_a>li>ul.btn_a>li>a:hover {background-color: #edf5ff;}

    /* 별도견적 견적창 -ljh */
    .view_default.sq_product dl>dt {font-size: 15px; width: 190px;}
        .view_default.sq_product dl.sq_box_a {border-bottom: 0px;}
        .view_default.sq_product dl.sq_box_a .sq_tit_a {background: #cfe5fe; margin-top: 10px; border-radius: 8px 8px 0 0; transition: all 0.2s ease;}
        .view_default.sq_product dl.sq_box_a .sq_tit_a.on {background: #cfe5fe; margin-top: 10px; border-radius: 8px 8px 0 0; height: 48px;}
        .view_default.sq_product dl.sq_box_a .sq_tit_a.off {background: #fff; margin-top: 0; height: 44px;}
        .view_default.sq_product dl.sq_box_a .sq_tit_a .tit {width: 180px;}
        .view_default.sq_product dl.dl_group.sq_box_a>dt>div.tit {width: 180px !important;}

        dl.sq_box_a .sq_tit_a label.d_check{display: flex; align-items: center; color: #666; font-size: 14px;}
        dl.sq_box_a .sq_tit_a label.d_check:hover{color: #333;}
        dl.sq_box_a .sq_tit_a:has(#cover_none_yn:checked),
        dl.sq_box_a .sq_tit_a:has(#in_none_yn:checked) {background: none; margin-top: 0; border-radius: 0;}
        dl.sq_box_a .sq_box_a {border-bottom: 0px;}
        dl.sq_box_a .sq_box_in {border: 1px solid #cae1fe !important; background: #fafcff !important; margin-bottom: 0px !important; box-sizing: border-box !important;}
        dl.sq_box_a .sq_box_in .view_default {background: #fafcff !important;}
        dl.sq_box_a .sq_box_in .view_default dl > dd > .d_iradio_g01.d_inline_blk  {margin-right: 34px !important;}
        dl.sq_box_a .sq_box_in .sq_box_contt {padding-left: 40px !important;}
        dl.sq_box_a .sq_box_in .view_default>dl>dt {width: 134px;}
        dl.sq_box_a .sq_box_in .sq_box_contt .sq_item_head {height: 25px;}
        dl.sq_box_a .sq_box_in .sq_box_contt .sq_item_head .sq_item_actions a {display: flex; align-items: center;}

        /*별도견적 후가공 area*/
        .view_default.sq_product dl.dl_group.sq_box_a .sq_postpres {background: #fff;}
        .view_default.sq_product dl.dl_group.sq_box_a .sq_postpres .sq_post_item {background: #fff; margin-top: 2px; margin-bottom: 2px;}
            .view_default.sq_product dl.dl_group.sq_box_a .sq_postpres .sq_post_item > dt {width: 190px; padding-left: 76px;}
            .view_default.sq_product dl.dl_group.sq_box_a .sq_postpres .sq_post_item.multi {background: #f2f2f2; margin: 1px;}
            .view_default.sq_product dl.dl_group.sq_box_a .sq_postpres .sq_post_item.multi > dt {padding-right: 0px; padding-left: 86px;}
        /*별도견적 etc area*/
        .view_default.sq_product dl.dl_group.sq_box_a.sq_memo {display: flex; flex-direction: row; border-bottom: 1px solid #eee;}
            .view_default.sq_product dl.dl_group.sq_box_a.sq_memo>dt {flex: 180px; padding: 10px 0 10px 10px;}
            .view_default.sq_product dl.dl_group.sq_box_a.sq_memo>dd>.sq_auto_textarea {min-height: 60px !important; margin:4px 4px 4px 0px !important;}
            .view_default.sq_product dl.sq_file_upload>dt,
            .view_default.sq_product dl.sq_save>dt {width: 190px;}
            .separate_btn_a>ul{width: 100%; display: flex; flex-wrap: nowrap; gap: 10px; justify-content: center;}
            .separate_btn_a>ul>li {padding: inherit !important; width: 350px;}


/*주의사항노출영역3*/
.cover_box .view_noti3_a {width: 470px; margin-top: 12px;}
    .cover_box .view_noti3_a .view_noti3_t {margin-bottom: 0; height: 0; position: relative; display: flex; flex-wrap: wrap; align-items: center; font-size: 13px; line-height: 1.4; background-color: #ff9415; color:#fff;box-sizing: border-box; padding-left:55px; overflow: hidden; border-bottom: 0px solid #ec7200; transition: all .3s linear 0s}
    .cover_box .view_noti3_a .view_noti3_t::after { content: "";position: absolute; left:0; top:0; width:36px; height:calc(100% + 1px); background:#ff7b00 url('/skin/site/beauty/images/c_img/ico_exclam3x15.png') no-repeat 50% 50%;}
    .cover_box .view_noti3_a .view_noti3_t {height: 60px; border-bottom: 1px solid #ec7200; height: auto; padding:14px; border-radius: 8px; border: 1px solid #fff; color:#fff}
    .cover_box .view_noti3_a .view_noti3_t h4 {width:100%; font-size: 16px; font-weight: 500; padding-bottom: 3px;}
    .cover_box .view_noti3_a .view_noti3_t p {color: #fff; line-height: 1.2;}
    .cover_box .view_noti3_a .view_noti3_t .view_noti3_text {margin-left:40px; text-align: left;}
    .cover_box .view_noti3_a .view_noti3_t .view_noti3_text .d_btn_ss.d_btn_ss04 {margin: 10px 0 3px 0; border-color: #fff;}

    /*섬네일 우측, 견적창 중간 공간 없애기*/
    .view_top .view_photo {border-right: inherit; padding-right:0; width:502px; position: relative;}
        .view_top .view_photo .bx-wrapper {margin:inherit; border-radius: 10px; overflow: hidden; box-sizing: border-box;}
        .view_top .view_photo .rolling_thumb {margin-top:30px; width:472px;border-bottom: 0; padding-bottom:0;}
        .view_top .view_photo .rolling_thumb li {border-radius: 5px; overflow: hidden;}
        .view_top .view_photo .photo_box {margin-top:13px}
        /*버튼영역*/
        .view_top .view_photo .thumbbtn_a {width:472px; box-sizing:border-box; margin-top:10px; display:flex; flex-wrap:wrap; justify-content:center; gap:5px;}
            .view_top .view_photo .thumbbtn_a>a {flex:0 0 calc((100% - 10px) / 3); box-sizing:border-box;}
            .view_top .view_photo .thumbbtn_a:has(>a:nth-child(4)) {justify-content:flex-start;}
            .view_top .view_photo .thumbbtn_a>a.dt_blank_bk {background-size:11px 11px; padding-right:23px;}

    .view_top .view_info {padding-left:0;}
    .view_top .view_info .view_btn ul {margin-left:0;}
    .view_top .view_info .view_btn .btn {margin-left:0;}
    .view_top .view_info .view_btn .btn_order {width:inherit}
    .view_top .view_info .view_btn ul li:nth-child(1) {padding-right:5px;}
    .view_top .view_info .view_btn ul li:nth-child(2) {padding-left:5px;}
    /*섬네일 한국폴리텍대학*/
    .view_top .view_photo .rolling_box.js_photo_large_slider {margin:inherit; border-radius: 10px; overflow: hidden; box-sizing: border-box;}
    /* 섬네일 NCS학습모듈 */
    .real_img.ncs_revision:after {content: "2026개선 도서는\A 2027년 1월 초 반영 예정입니다."; width: 100%; height: 100%; background-color: #00000055; position: absolute; left: 0; top: 0; font-size: 26px; white-space: pre; text-align: center; padding-top: 190px !important; padding: 20px; box-sizing: border-box; color: #fff; line-height: 1.2;}
    /* NCS 목차, 표지 보기 버튼 */
    .view_top .view_photo .rolling_box .thumb .btn_ncsindex {position: absolute; z-index: 1; right: 10px; top: 10px;}
    .view_top .view_photo .rolling_box .thumb .btn_ncsindex>a{padding: 3px 3px 0 5px; background-color: #666;}
    .view_top .view_photo .rolling_box .thumb .btn_ncsindex>a:hover{background-color: #666;}
    /*섬네일 스크롤제어*/
    /*플로팅 전*/
    .view_top .view_photo .photo_box.dj_readyfloat {top:193px;}
    /*플로팅 후*/
    .view_top .view_photo .photo_box.dj_floating {position:fixed; top:70px; margin-top:inherit}
    /*바닦에 가까워지면*/
    .view_top .view_photo .photo_box.dj_closefoot {position:absolute; top:inherit; margin-top:inherit; bottom:0;}

    @media screen and (max-width:1300px) { /*IE용 소스*/
        .view_top .view_photo .photo_box.dj_floating {position: inherit;top:inherit;}
    }

    @supports (position: sticky) or (position: -webkit-sticky) { /*IE외 나머지 버젼 지원*/
        .view_top .view_photo .photo_box.dj_readyfloat {top:193px;}
        /*플로팅 후*/
        .view_top .view_photo .photo_box.dj_floating {position:sticky; top:70px; margin-top:inherit}
        /*바닦에 가까워지면*/
        .view_top .view_photo .photo_box.dj_closefoot {position:sticky; margin-top:inherit; bottom:0;}
    }
    .view_photo .thumb:before { content: inherit;} /*섬네일 라인 초기화*/

/*섬네일 셀프편집기 우측, 견적창 중간 공간 없애기*/
    .view_top .view_photo .cover_box .bx-wrapper {border: 1px solid #e0e0e0;}
    /*플로팅 전*/
    .view_top .view_photo .cover_box.dj_readyfloat {top:193px;}
    /*플로팅 후*/
    .view_top .view_photo .cover_box.dj_floating {position:fixed; top:70px; margin-top:inherit}
    /*바닥에 가까워지면*/
    .view_top .view_photo .cover_box.dj_closefoot {position:absolute; top:inherit; margin-top:13px !important; bottom:0;}

    @media screen and (max-width:1300px) { /*IE용 소스*/
        .view_top .view_photo .cover_box.dj_floating {position: inherit;top:inherit;}
    }

    @supports (position: sticky) or (position: -webkit-sticky) { /*IE외 나머지 버젼 지원*/
        .view_top .view_photo .cover_box.dj_readyfloat {top:193px;}
        /*플로팅 후*/
        .view_top .view_photo .cover_box.dj_floating {position:sticky; top:70px; margin-top:inherit}
        /*바닥에 가까워지면*/
        .view_top .view_photo .cover_box.dj_closefoot {position:sticky; margin-top:inherit; bottom:0;}
    }

    /*제품아이콘 포지션수정*/
        .li.view_info .view_name { position: relative; padding:25px 0 10px 0; display: flex; align-items: center;}
            .li.view_info .view_name .upper_icon {position: absolute; right:0; top:14px;}
            .li.view_info .view_name .title {font-size: 24px; font-weight: 500;}

            
            /* 견적창 상세페이지 인쇄 방법 선택 tab */
			.li.view_info .view_name .d_prt_a {margin-left:auto;position: relative;right: 0;bottom: 1px; gap: 4px; line-height: 1; display: flex;bottom: -3px; font-size: 14px;}
            .li.view_info .view_name .d_prt_a>a {transition: all 0.2s ease; color: #666;}
            .li.view_info .view_name .d_prt_a>a::after {content: ""; background: transparent url(/skin/site/beauty/images/skin/top_right_arrow.gif) right center no-repeat; padding-right: 15px; height: 15px; padding-bottom: 1px;}
            .li.view_info .view_name .d_prt_a>a:hover {color: #da1349;}

            /* 인쇄 방법 선택 tab 삭제예정 */
            /* 인쇄 방법 선택 tab 삭제예정 */			
            .li.view_info .view_name .d_prt_a {margin-left:auto;position: relative;right: 0;bottom: 1px; gap: 4px; line-height: 1; display: flex;bottom: -3px; }
			.li.view_info .view_name .d_prt_a > ul {display: flex;list-style: none;padding: 0;gap: 6px;align-items: center;align-content: flex-end;}
			.li.view_info .view_name .d_prt_a > ul > li {display: flex;align-items: center;justify-content: center;position: relative;box-sizing: border-box;height: 25px;color: #999;font-size: 16px;gap: 4px;padding: 0px 12px;}
			.li.view_info .view_name .d_prt_a > ul > li.on {color: #111;}
			.li.view_info .view_name .d_prt_a > ul > li.on::before {content: '';position: absolute;left: 0;bottom: -11px;width: 100%;height: 2px;background: #e04063;}

            /* 인쇄 방법 선택 tab 삭제예정 */
            /* 인쇄 방법 선택 tab 삭제예정 */

                .li.view_info .view_name .d_prt_a .tab_set .sub_tab > a:not(.on):hover,
                .li.view_info .view_name .d_prt_a > ul > li:not(.on):hover {color:#111; cursor: pointer;}

                .d_prt_a .tab_set .dot_gray {display: inline-flex; align-items: center; vertical-align: middle; line-height: 1; margin: 0; padding: 0;}
                
                /* 매엽/윤전 그룹*/
                .d_prt_a .tab_set .sub_tab {display: inline-flex;background-color:#eee;text-align:center;border-radius:5px;padding: 0px 8px;align-items: center;}
                    .d_prt_a .tab_set .sub_tab > a {background-color: transparent;border: none;padding: 6px 3px;border-radius: 12px;font-size: 13px;color: #999;cursor: pointer;transition: all 0.2s ease;}
                    .d_prt_a .tab_set .sub_tab > a.on {color: #111;}
                    .d_prt_a .tab_set .sub_tab > a:not(.on):hover {color:#999;}
                
                /* 'hover'효과금지 */
                .d_prt_a .tab_set {cursor: default !important; color: #111 !important;  text-decoration: none !important; border: none !important; box-shadow: none !important;outline: none !important;}
                    .d_prt_a .tab_set .sub_tab .dot_gray { color: #999 !important;}
                .d_prt_a .tab_set:hover {color: #111 !important;  text-decoration: none !important;border: none !important;box-shadow: none !important;outline: none !important;}
                    .d_prt_a .tab_set .sub_tab .dot_gray:hover {color: #999 !important;}
                .d_prt_a .tab_set:not(.on) {color: #999 !important;}

                /* 활성화된 tab 클릭 막기 */
				.d_prt_a .tab_set .sub_tab > a.on {cursor: default !important; pointer-events: none !important;}




                

        /*견적창 수정*/
        .view_default {display:block; margin-top:0;}
        .view_default * {box-sizing: border-box;}
            .view_default dl { display: flex; align-items: center; min-height: 44px;}
            .view_default dl>dt {padding-left: 10px; width:120px; color:#333; font-size: 13px; background-image: none; position: relative;}
            .view_default dl>dd {padding: 6px 0; flex: 1;}
            .view_default dl.dl_in { background-color: #f9f9f9;}
            .view_default select+select,
            .view_default input[type=text]+input[type=text] {margin-left:3px;}
                /*예외사항*/
                .view_default select#paper_size,
                .view_default select#sub_paper_size {margin-left:0;}
            .view_default .side {display: flex; flex-wrap: wrap; gap: 8px 4px;} /*견적창내 label*/
            .view_default .d_icheckbox_g01 label {width:99px; margin-right:10px;} /*견적창내 label*/ /*250716 후가공 체크박스 width값 수정*/
        /*견적창 하위depth*/
        .view_default dl.dl_in {}
            .view_default dl.dl_group {flex-direction:column;}
            .view_default dl.dl_group>dt {width:100%; position: relative;}
            .view_default dl.dl_group>dt {display: flex;align-items: center;}
            .view_default dl.dl_group>dt>div.tit {width:110px; position: relative;}
            .view_default dl.dl_group>dt>div.side {flex: 1;}
            /*하위depth design*/    
            .view_default dl.dl_group>dd {width:100%; padding:0;border-top:1px solid #eee; flex: inherit; display:inherit;}
            .view_default dl.dl_group .view_default {margin:0; background-color: #f9f9f9;}
            .view_default dl.dl_group .view_default>dl {min-height:inherit; padding:2px 0}
            .view_default dl.dl_group .view_default>dl>dt {padding-left:20px; font-size: 12px; color:#af4262; position: relative;}
            .view_default dl.dl_group .view_default>dl.multi {background-color: #f2f2f2;border-bottom-color:#e7e7e7;}
            .view_default dl.dl_group .view_default>dl.multi>dt {padding-left:25px; font-size: 12px; color:#666}
            .view_default dl.dl_group .view_default>dl>dd {padding:0; flex: inherit; display:block;}
                /*하위depth 옵션구조화*/
                    .view_default dl.dl_group .view_default {}
                    .view_default dl.dl_group .view_default>dl>dd.btn_a * {vertical-align: middle;}
                    .view_default dl.dl_group .view_default>dl>dd.size_a {padding-left:10px; font-size: 11px; align-items: center;}
                    .view_default dl.dl_group .view_default>dl>dd.price_a {text-align: right; margin-left:auto; padding-right:10px;}
                    .view_default dl.dl_group .view_default>dl>dd.btn_a {width:57px;padding-right:5px;}
                    /*하위depth안에 다시 하위depth로 구성되기*/
                        .view_default dl.dl_group .view_default>dl.view_default3depth {padding:2px 0 0 0;}
                        .view_default dl.dl_group .view_default>dl.view_default3depth .view_default {position: relative;}
                        .view_default dl.dl_group .view_default>dl.view_default3depth .view_default dl.btn_a {position: absolute; right:5px; bottom:7px;z-index:999;}
                        .view_default dl.dl_group .view_default>dl.view_default3depth .view_default dl.btn_a a:nth-child(2) {margin-left:1px;}
                        .view_default3depth>dd {width:100%;}

        /*견적창 혜택배너*/
        .view_info div.adbanner { min-height:inherit; border-bottom: none; position: relative; margin-top:13px; border-radius: 5px; overflow: hidden;}
            .view_info div.adbanner dd { padding:0;}
            .view_info div.adbanner a {background-color: #ffdf7d; width:100%; text-align: center; padding:11px 0 8px;}
            .view_info div.adbanner span.close {width:39px; height:40px; background: url('/skin/site/beauty/images/c_img/btn_close19x19.png') no-repeat 50% 50%; position: absolute;right:0; top:0; font-size: 0; line-height: -5000px; overflow: hidden; cursor: pointer;}
        /*기획상품 하위depth*/
        .view_default dl.dl_in {}
        .view_default dl.dl_group_sp1 {flex-direction:column;}
        .view_default dl.dl_group_sp1>dt {width:100%; position: relative;font-size: 18px;font-weight: 400;padding-top: 30px;}
        .view_default dl.dl_group_sp1>dt span { color: #999;margin-left: 3px;font-weight: 300;}
            /*기획상품 하위depth design*/    
            .view_default dl.dl_group_sp1>dd {width:100%; padding:0;border-top:1px solid #eee; flex: inherit; display:inherit;}
            .view_default dl.dl_group_sp1 .view_default {margin:0; background-color: #f9f9f9;}
            .view_default dl.dl_group_sp1 .view_default>dl {min-height:inherit; padding:2px 0}
                /*가이드*/
                .view_default dl.dl_group_sp1 .view_default>dl dd.box_noti {width:100%; padding:20px; background-color:#007ad8; border-radius: 5px;}
                .view_default dl.dl_group_sp1 .view_default>dl dd.box_noti h4 {font-size: 18px; font-weight: 500; color:#fff;}
                .view_default dl.dl_group_sp1 .view_default>dl dd.box_noti .bodycopy {font-size: 14px; font-weight: 300; color:#fff; padding-top:15px; line-height: 1.4;}
                .view_default dl.dl_group_sp1 .view_default>dl dd.box_noti .eminfo {font-size: 13px; font-weight: 200; color:#fff; padding-top:15px; line-height: 1.6;}
            .view_default dl.dl_group_sp1 .view_default>dl>dt {padding-left:20px; font-size: 12px; color:#af4262; position: relative;}
            .view_default dl.dl_group_sp1 .view_default>dl>dd {padding:0; flex: inherit; display:block;}
            .view_default dl.dl_group_sp1>dd>.d_list_01 { line-height: 1.5; margin-bottom: 20px; margin-left:10px;}
            .view_default dl.dl_group_sp1>dd>.d_list_01 li {color:#666 !important}

    /* NCS 하위depth design-ljh*/
    /* NCS 학교회원 구분 상품가이드 */
    .wrap.js_header_position .dj_teacher {display: none;}
    .wrap.js_header_position.dm_teacher .dj_teacher{display: block;}
    .wrap.js_header_position .dj_nteacher {display: block;}
    .wrap.js_header_position.dm_teacher .dj_nteacher{display: none;}
    
    .ncs_search_tit dt {padding-top:17px !important}
    .d_search_box_a .d_search_box_in {width: 89%; height: 35px; margin:10px 0 10px 6px;}
        .d_search_box_a .d_btn_s.d_btn_s02.dt_magglass_wh {background-color: #bb1d4c; color: #fff !important;}
            .d_search_box_a .d_btn_s.d_btn_s02.dt_magglass_wh:hover {background-color: #da1349;}
        .d_search_box_a .searchList_a p {line-height: 1.5; padding: 10px; word-break:keep-all;}
        .d_search_box_a .searchList_a p:hover {background-color:#f5f5f5; cursor:pointer;}
        .d_search_box_a .searchList_a p span {color:#da1349;}
        .d_search_box_a .searchList_a p. :hover {background-color: #fff;  cursor:default;}
        .d_search_box_a #searchList {overflow-y:auto;max-height: 216px; width: 621px; margin: -1px 10px 0px 6px; background-color: #fff;border: 1px solid #ccc; position: absolute;z-index: 1;transform: translateY(-10px);}
        .d_search_box_a #searchList::-webkit-scrollbar {width: 18px;}
        .d_search_box_a #searchList::-webkit-scrollbar-thumb {background-color: #ccc; border-radius: 10px; border: 7px solid #fff;}
        .d_search_box_a #searchList::-webkit-scrollbar-thumb:hover {background-color: #666; border-radius: 10px; border: 7px solid #fff; }
        .d_search_box_a #searchList::-webkit-scrollbar-track {background-color:inherit;}
        .dl_ncs_group dd .view_default>dl>dd>input{border:none; background-color: transparent;}

        /*파일 업로드 안내*/
        .d_upload_notice {font-size: 13px; padding-top: 20px; margin-bottom: 5px; text-align: left; margin-top: 20x; margin-bottom: 5px;}

            /*표지디자인 선택영역*/
            .view_default dl.dl_group_sp1.dl_group_sp2>dl {border-bottom: 0px;}
            .view_default dl.dl_group_sp1 .selecttype {width:100%; padding:15px; background-color:#f9f9f9;align-items: center;justify-content: center;display: flex; gap: 15px;}
                .view_default dl.dl_group_sp1 .selecttype label {height: 100px; background-color: #EFEFEF; width:100%; box-sizing: border-box; position: relative; border-radius: 8px;}
                /*check표시*/.view_default dl.dl_group_sp1 .selecttype label.check::after {content: '';display: block;width: 24px;height: 24px;background-image: url('/skin/site/beauty/images/product/schoolbook/icon_check_blue.png');background-size: contain;background-repeat: no-repeat;position: absolute;top: 20%;left: 90%;transform: translate(-50%, -50%);z-index: 10;}
                .view_default dl.dl_group_sp1 .selecttype input[type=radio] {display: none;}
                .view_default dl.dl_group_sp1 .selecttype label+input+label {margin-left:inherit;}

                /*border효과*/
                .view_default dl.dl_group_sp1 .selecttype label:before {content: ""; position: absolute; left:0; top:0; width:100%; height: 100%; box-sizing: border-box; border-radius: 8px; border: 1px solid #ccc;}
                .view_default dl.dl_group_sp1 .selecttype label:hover::before {border: 2px solid #666; border-radius: 8px; opacity: 1; transition: opacity 0.2s ease; box-sizing: border-box;}
                .view_default dl.dl_group_sp1 .selecttype label.template_choice.on::before {border: 2px solid #bb1d4c; border-radius: 8px; opacity: 1; transition: opacity 0.2s ease; box-sizing: border-box;}
                .view_default dl.dl_group_sp1 .selecttype input[type=radio]:checked+label::before {border: 2px solid #da1349; border-radius: 8px; box-sizing: border-box; -webkit-transition: all .3s linear; transition: all .3s linear;}

                /*버튼상태*/
                .view_default dl.dl_group_sp1 .selecttype .btnstate { display: none;}

                /*셀프편집기 사용하기*/
                .view_default dl.dl_group_sp1 .selecttype input[type=radio]+label.template_choice{background:#efefef url('/skin/site/beauty/images/product/schoolbook/selfedit/btn-self.png') no-repeat 50%; background-position: bottom;}
                    /* 영상가이드 보러가기 */
                    .view_default dl.dl_group_sp1 .selecttype input[type=radio]+label.template_choice.on{background:#efefef url('/skin/site/beauty/images/product/schoolbook/selfedit/btn-self.png') no-repeat 50%; background-position: top;}
                    .view_default dl.dl_group_sp1 .selecttype input[type=radio]+label.template_choice + .tbguide {display: none;}
                    .view_default dl.dl_group_sp1 .selecttype input[type=radio]+label.template_choice.on + .tbguide {display: block;}
                    .tbguide {width: 350px; position: absolute; background-color: #ff7b00; z-index: 1; color: #fff; padding: 16px 18px; right: 0px; border-radius: 8px;}
                    .tbguide::before {content: ""; position: absolute; border-width: 6px; border-style: solid; border-color: transparent transparent #ff7b00 transparent; top: -11px; right:310px;} 
                    .tbguide>p {padding-right: 18px; font-size: 16px; color: #fff; font-weight: 500;}
                    .tbguide>span {font-weight: 300;}
                    .tbguide>a {display: block; width: 130px; margin-top: 10px;}
                    .tbguide>span.close {width: 15px; height: 15px; background: url(/skin/site/beauty/images/c_img/btn_close_wh_19x19.png) no-repeat 50% 50%; position: absolute; right: 13px; top: 10px; font-size: 0;  overflow: hidden; cursor: pointer;}

                .view_default dl.dl_group_sp1 .selecttype input[type=radio]+label.template_choice:hover{background:#efefef url('/skin/site/beauty/images/product/schoolbook/selfedit/btn-self.png') no-repeat 50%; background-position: top;}
                .view_default dl.dl_group_sp1.d_cover_template_a {background-color: #f9f9f9; padding: 0 16px 16px 16px;}
                .view_default dl.dl_group_sp1.d_cover_template_a>dt {padding: inherit; padding: 20px 0 15px 14px; font-size: 16px;}
                .view_default dl.dl_group_sp1.d_cover_template_a>dt>span {color: #da1349; font-weight: 500; margin-left: inherit; display:inline;}
                .view_default dl.dl_group_sp1.dl_group_sp2 {border-bottom: 0px;}
                .view_default dl.dl_group_sp1.d_cover_template_a>dd {border-top: 0px;}
                .view_default dl.dl_group_sp1.d_cover_template_a .d_cover_template_in {display: flex; gap: 15px; padding-left: 14px;}
                .view_default dl.dl_group_sp1.d_cover_template_a .d_cover_template_in .d_cover_template_img img {max-height: 260px; border: 1px solid #aaa; vertical-align: bottom;}
                .view_default dl.dl_group_sp1.d_cover_template_a .d_cover_template_in>ul {list-style: none; width: 110px; display: flex; flex-direction: column;}
                .view_default dl.dl_group_sp1.d_cover_template_a .d_cover_template_in>ul>li { align-self: flex-start; margin-top: 4px;}
                .view_default dl.dl_group_sp1.d_cover_template_a .d_cover_template_in>ul>li:first-child {margin-bottom: auto; margin-top: 0px;}

                /*편집기보관함 사용하기*/
                .view_default dl.dl_group_sp1 .selecttype input[type=radio]+label.template_storage{background:#efefef url('/skin/site/beauty/images/product/schoolbook/selfedit/btn-storage.png') no-repeat 50%; background-position: bottom;}
                .view_default dl.dl_group_sp1 .selecttype input[type=radio]+label.template_storage:hover{background:#efefef url('/skin/site/beauty/images/product/schoolbook/selfedit/btn-storage.png') no-repeat 50%; background-position: top;}
                .view_default dl.dl_group_sp1 .selecttype input[type=radio]:checked+label.template_storage {background:#fff url('/skin/site/beauty/images/product/schoolbook/selfedit/btn-storage.png') no-repeat 50%; background-position: top;}
                .view_default dl.dl_group_sp1.d_cover_storage_a {background-color: #f9f9f9; padding: 0 16px 16px 16px;}
                .view_default dl.dl_group_sp1.d_cover_storage_a>dt {padding: inherit; padding: 20px 0 15px 14px; font-size: 16px;}
                .view_default dl.dl_group_sp1.d_cover_storage_a>dt>span {color: #da1349; font-weight: 500; margin-left: inherit; display:inline;}
                .view_default dl.dl_group_sp1.dl_group_sp2 {border-bottom: 0px;}
                .view_default dl.dl_group_sp1.d_cover_storage_a>dd {border-top: 0px;}
                .view_default dl.dl_group_sp1.d_cover_storage_a .d_cover_storage_in {display: flex; gap: 15px; padding-left: 14px;}
                .view_default dl.dl_group_sp1.d_cover_storage_a .d_cover_storage_in .d_cover_template_img img {max-height: 260px; border: 1px solid #aaa; vertical-align: bottom;}
                .view_default dl.dl_group_sp1.d_cover_storage_a .d_cover_storage_in>ul {list-style: none; width: 110px; display: flex; flex-direction: column;}
                .view_default dl.dl_group_sp1.d_cover_storage_a .d_cover_storage_in>ul>li { align-self: flex-start; margin-top: 4px;}
                .view_default dl.dl_group_sp1.d_cover_storage_a .d_cover_storage_in>ul>li:first-child {margin-bottom: auto; margin-top: 0px;}
                .view_default dl.dl_group_sp1.d_cover_storage_a .d_cover_storage_in>ul>li:nth-child(2) {margin-bottom: 107px; margin-top: auto;}
              
                /*Small섬네일적용하기*/
                .view_default dl.dl_group_sp1 .selecttype input[type=radio]+label.template_choice .templateimgsm {display: none;}
                .view_default dl.dl_group_sp1 .selecttype input[type=radio]:checked+label.template_choice {background:#fff url('/skin/site/beauty/images/product/schoolbook/selfedit/btn-self.png') no-repeat 50%; background-position: top;}
                /*.view_default dl.dl_group_sp1 .selecttype input[type=radio]:checked+label.template_choice::after {background:none;}  추후 css 정리 해야함(체크 이미지 제거) */

                /*셀프편집기 섬네일적용하기*/
                .view_default .selecttempatetype {overflow-x:auto; white-space: nowrap;padding: 15px 0; text-align: center;}
                .view_default .selecttempatetype input {display: none;}
                .view_default .selecttempatetype .template_choice_md .templateimg {vertical-align: middle; width:100% !important; min-width:100px;}
                .view_default .selecttempatetype label+input+label {margin-left:10px;}
                /*가로스크롤바 감추기 - 모바일에서만 적용하기
                .view_default .selecttempatetype {scrollbar-width: none;} firefox
                .view_default .selecttempatetype::-webkit-scrollbar {display: none;} chrome + ETC */
                /*버튼상태*/
                .view_default .selecttempatetype .btnstate { display: none;}
                 /*섬네일 숫자 & 선택효과 - input이 label밖에 있어야 된다 - 선택구조의 문제*/
                .view_default .selecttempatetype {counter-reset : inherit;} /*카운팅되는 번호를 감싸는 영역에 넣기*/
                .view_default .selecttempatetype input[type=radio]+label::after {counter-increment: inherit; content: inherit; display: block; position: absolute; background-color: rgb(0 0 0 / 0.4); color: #fff; font-size: 14px; padding: 7px 12px 10px 14px; right: 1px; top: 1px;}/*카운팅되는 영역 및 숫자 제거*/
                .view_default .selecttempatetype input[type=radio]+label:hover::after {background-color:inherit;}
                .view_default .selecttempatetype input[type=radio]:checked+label::after {content: '선택'; background-color: #da1349;}         
                /* border효과 */
                .view_default .selecttempatetype label {position: relative;}
                .view_default .selecttempatetype label:before {content: ""; position: absolute;left:0; top:0; width:100%; height: 100%;border: 1px solid #cccccc; box-sizing: border-box; background-color: transparent;webkit-transition:all .1s linear;}
                .view_default .selecttempatetype label:hover::before {border: 5px solid #666666; }
                .view_default .selecttempatetype input[type=radio]:checked+label::before {border: 5px solid #da1349; }
                
                /*편집기보관함 섬네일적용하기*/
                .view_default .selecttempatetype_tplBox {overflow-x:auto; white-space: nowrap;padding: 15px 0; text-align: center;}
                .view_default .selecttempatetype_tplBox input {display: none;}
                .view_default .selecttempatetype_tplBox .template_choice_md .templateimg {vertical-align: middle; width:100% !important; min-width:100px;}
                .view_default .selecttempatetype_tplBox label+input+label {margin-left:10px;}
                /*버튼상태*/
                .view_default .selecttempatetype_tplBox .btnstate { display: none;}
                 /*섬네일 숫자 & 선택효과 - input이 label밖에 있어야 된다 - 선택구조의 문제*/
                .view_default .selecttempatetype_tplBox {counter-reset : inherit;} /*카운팅되는 번호를 감싸는 영역에 넣기*/
                .view_default .selecttempatetype_tplBox input[type=radio]+label::after {counter-increment: inherit; content: inherit; display: block; position: absolute; background-color: rgb(0 0 0 / 0.4); color: #fff; font-size: 14px; padding: 7px 12px 10px 14px; right: 1px; top: 1px;}/*카운팅되는 영역 및 숫자 제거*/
                .view_default .selecttempatetype_tplBox input[type=radio]+label:hover::after {background-color:inherit;}
                .view_default .selecttempatetype_tplBox input[type=radio]:checked+label::after {content: '선택'; background-color: #da1349;}            
                /* border효과 */
                .view_default .selecttempatetype_tplBox label {position: relative;}
                .view_default .selecttempatetype_tplBox label:before {content: ""; position: absolute;left:0; top:0; width:100%; height: 100%;border: 1px solid #cccccc; box-sizing: border-box; background-color: transparent; webkit-transition:all .1s linear;}
                .view_default .selecttempatetype_tplBox label:hover::before {border: 5px solid #666666; }
                .view_default .selecttempatetype_tplBox input[type=radio]:checked+label::before {border: 5px solid #da1349; }
                
                .view_default .d_table_s01>tbody>tr>th {text-align: left;}

                 /*편집불가*/
                .view_default .selecttempatetype_tplBox .template_choice_md.template_lock::after {content: ''; background: url('/skin/site/beauty/images/product/schoolbook/edit_lock.png')no-repeat 50%; width: 100%; height: 100%; padding:inherit;}
                .view_default .selecttempatetype_tplBox .template_choice_md.template_lock::before {content: ''; background: rgba(0, 0, 0, 0.5); width: 100%; height: 100%;}

                /*템플릿이용안함*/
                .view_default dl.dl_group_sp1 .selecttype input[type=radio]+label.template_nochoice{background:#efefef url('/skin/site/beauty/images/product/schoolbook/selfedit/btn-mydesign_v2.png') no-repeat 50%; background-position: bottom;}
                .view_default dl.dl_group_sp1 .selecttype input[type=radio]+label.template_nochoice:hover {background:#efefef url('/skin/site/beauty/images/product/schoolbook/selfedit/btn-mydesign_v2.png') no-repeat 50%; background-position: top;}
                .view_default dl.dl_group_sp1 .selecttype input[type=radio]:checked+label.template_nochoice {background:#fff url('/skin/site/beauty/images/product/schoolbook/selfedit/btn-mydesign_v2.png') no-repeat 50%; background-position: top;}
                .view_default dl.dl_group_sp1.d_cover_self_a {background-color: #f9f9f9;}
                .view_default dl.dl_group_sp1.d_cover_self_a>dt {padding: inherit; padding: 15px 30px 10px 30px; font-size: 16px;}
                .view_default dl.dl_group_sp1.d_cover_self_a>dd {border-top: 0px;}
                .view_default dl.dl_group_sp1.d_cover_self_a>dd>.d_list_01 {line-height: 1.5; margin-bottom: 30px; margin-left: 10px; margin-top: 0;}
                .view_default dl.dl_group_sp1.d_cover_self_a>dd>.d_list_01 li {margin-left: 24px;}

            .view_default .d_table_s01>tbody>tr>th {text-align: left;}
                
            /*책속의책*/
            .view_default .bookinbook { padding:10px 0}
            .view_default .bookinbook .d_text_01 { display: block; margin-bottom: 10px;}
            .view_default .d_btn_ss {/*min-width:80px;*/}

            /*간지 Lpop*/
            .ganji_a .view_default dl {min-height:inherit;}
            .ganji_a .view_default dl>dt {width:80px;}
            .ganji_a .view_default dl.btn_a {position: absolute; right:5px; bottom:6px; z-index:999;}
            .ganji_a .d_dlist_02 { position: relative;}

            /*견본샘플책자 TEXT영역*/
            .view_default .samplebooktxt {display: block;background-color: #f9f9f9;padding:22px 0; padding-left:20px}
            .view_default .samplebooktxt dd { display: block;text-align:left;}
            .view_default .samplebooktxt dd.headcopy_a {font-size: 24px;font-weight: 300; padding:30px 0;}
            .view_default .samplebooktxt dd.select_a {}
            .view_default .samplebooktxt dd.noti_a {font-size: 16px;font-weight: 300;}
            /*.view_info>div.adbanner.hidden { display: none;}*/
            .view_default .samplebooktxt span {color:#bb1d4c}
            .view_info>div.adbanner.hidden+script+.view_name+.view_default .samplebooktxt {height:254px;padding-top:90px;}/*견적창 배너 삽입시 */
            /*계열사 엑셀파일 주문 견적창*/
            .view_default .excelup_a {display: block;background-color: #f9f9f9;padding:22px 22px 0; padding-left:20px}
            .view_default .excelup_a .headcopy_a {border-bottom:1px solid #eee; padding-bottom: 20px;}
            .view_default .excelup_a .d_ibutton_s01 {margin-left: 4px;}
            .view_default .excelup_a dd { display: block;text-align:left;}
            .view_default .excelup_a dl:last-child {border-bottom: 0px;}
            .view_default .excelup_a dd.headcopy_a>p {font-size: 20px;font-weight: 500;}
            .view_default .excelup_a dd.headcopy_a>span{font-size: 16px; font-weight: 300; margin-top: 6px;}
            .view_default .excelup_a .d_itext_01 {background-color: #fff !important; border: 1px solid #ccc !important;}
            .view_default .excelup_a .d_itext_01:focus{border:1px solid #e5b6c2 !important; background-color: #fcf9fa !important;}
            .view_default .excelup_a dt.noti_t {margin-bottom:13px;}
            .view_default .excelup_a dd.noti_a {font-size: 16px;font-weight: 300;margin-bottom: 22px;}
            .view_default .excelup_a .d_btn_box_ss {margin-left: 3px;}
            .view_default .excelup_a .d_list_01 li {margin-top: 4px;}
            
            /*NCS엑셀주문 견적창 안내문구 추가 261030-cjy*/
            .view_default .excelup_a .headcopy_a span.ncs_ex_notice {margin: 16px 0 6px 0 !important;border-radius: 8px;background: #fff1f5;display: block;color:#da1349;font-weight:400 !important;padding: 10px 45px 10px 15px;}


        /*도서명,발주서 검색결과*/
        .search_list_a {flex: 1 !important; padding:10px !important;}
            .search_list_a .totalsearch { margin-top:0; font-size: 14px;}
                .search_list_a .totalsearch strong {color:#da1349}
            .search_list_a .btn_a {position: relative;border-bottom: 1px solid #e7e7e7; padding:10px 0}
                .search_list_a .btn_a .reset {margin-right:19px; position: relative;}
                    .search_list_a .btn_a .reset::after { content: ''; position: absolute; width:1px; height: 15px; background-color: #ccc; right:-12px; top:3px;}
                .search_list_a .btn_a .btn_showall { position:absolute; right:0;}
            .search_list_a .d_scroll_01 {overflow-y: scroll; max-height: 405px; transition: all .3s ease 0s}
                .search_list_a .btn_a+.d_scroll_01 {margin-top:10px;}
            .search_list_a .d_scroll_01.freeheight {overflow-y:inherit; max-height: inherit;}
                .search_list_a ul.search_list {width:100%;}
                .search_list_a ul.search_list li {list-style-type: none; padding:2px 0}
                .search_list_a ul.d_icheckbox_g01 li label {width:inherit; margin-right: inherit; letter-spacing: -0.2px;}
                .search_list_a ul.d_icheckbox_g01 li label input {}
                .search_list_a ul.d_icheckbox_g01 li label.on {color:#3972FC}
        
/*주문수량 - 24_111 백업
        .view_option {}
            .view_option dd.price {width:163px}
 */

        /*총 결제금액*/
        .view_total {display: flex; padding:0; min-height: 80px; text-align: center; border-top-width:0; margin-top:5px;}
            .view_total>dl { display: flex; align-items: center; justify-content: center;padding-top:10px; padding-bottom: 10px;}
            .view_total dl.pay_total {background-color:#efefef; width:450px;}
            .view_total dl.pay_total>dd {font-size: 16px; font-weight:600; padding-bottom: 10px;}
            .view_total dl.pay_total>dd>strong{font-size:30px; font-weight:600; color:#007ad8; margin-left:10px; position: relative; top:2px;}
            .view_total dl.pay_detail {background-color: #E3E3E3; flex-grow:1;font-size: 13px; max-width: 250px;}
            .view_total dl.pay_detail>dd { text-align:left}
            .view_total dl.pay_detail>dd>p {display:flex;min-width:140px; justify-content: space-between;}
            .view_total dl.pay_detail>dd>p>span {font-size: 14px; padding:0 5px}
        /* 할인혜택가 */
        .view_total .total_sale,.view_total .benefit_total {display: none;} /*view_total에 sale이 없을 경우 display:none*/
        .view_total.sale {position: relative;}
            .view_total.sale>dl {display: flex; align-items: center; justify-content: center;padding-top:10px; padding-bottom: 10px;}
            .view_total.sale .total_sale {background-color: #007ad8; display: block; width: 80px; align-content: center;}
            .view_total.sale .total_sale>dd {color: #fff; font-size: 13px; line-height: 1;}
            .view_total.sale .total_sale>dd.benefit_sale>span {font-size: 26px; margin-right: 2px; font-family: 'GMarketSans'; font-weight: 600;}
            .view_total.sale .benefit_total {display: block; position: absolute;right: 0; margin-right: 280px; top: 6px;}
            .view_total.sale .benefit_total>dl.before_total>dd {color:#999;}
            .view_total.sale .benefit_total>dl.before_total>dd>strong {font-size: 16px; margin:0 3px 0 6px; text-decoration-line: line-through; font-weight: 500;}
            .view_total.sale>dl.pay_total {text-align: right; padding-right: 30px; width: 340px; padding-top: 22px; justify-content: right; padding-bottom: 0px;}        

            /*책속의 책 연결표지 설정*/
            .d_lpopup_a02 #sub_bb_link_print_color2+span {margin-left:3px;}
            /*책속의 책*/
            .d_lpopup_a02.bookinbook_a {margin-top:15px;}
            .d_lpopup_a02 .d_lpopup_a02_in.view_default {padding:20px 20px 0 20px}
            .d_lpopup_a02 .view_total {margin:10px 20px 20px 20px;}
            .d_lpopup_a02 .view_total dl.pay_total {flex-direction: column; width:512px;}
            .d_lpopup_a02 .view_total dl.pay_total .binb_noti>p { font-size: 19px; font-weight: 300; line-height:1.2; padding-top:10px; color:#bb1d4c}


            /*주의사항노출영역*/
            .view_noti_a {width: 100%;}
                .view_noti_a ul>li {list-style-type: none; margin-bottom: 0; height: 0; position: relative; display: flex; flex-wrap: wrap; align-items: center; font-size: 13px; line-height: 1.4; background-color: #ff9415; color:#fff;box-sizing: border-box; padding-left:55px; overflow: hidden; border-bottom: 0px solid #ec7200; padding-top:0; padding-bottom: 0; gap:0 ; transition: all .3s linear 0s}
                .view_noti_a ul>li::after { content: "";position: absolute; left:0; top:0; width:45px; height:calc(100% + 1px); background:#ff7b00 url('/skin/site/beauty/images/c_img/ico_exclam3x15.png') no-repeat 50% 50%;}
                .view_noti_a ul>li.on {height: 60px; border-bottom: 1px solid #ec7200; padding-top:10px; padding-bottom: 10px;}
                
                /*ncs학습모듈 배송안내*/
                .view_noti_a ul>li.ncs_t * {color:#fff}
                    .view_noti_a ul>li.ncs_t.on {height: 100px;}
                    .view_noti_a ul>li.ncs_t h4 {width:100%; font-size: 16px; font-weight: 400; padding-bottom: 5px;;}
                    .view_noti_a ul>li.ncs_t span {color:yellow}

            /*주의사항노출영역2*/
            .view_noti2_a {width: 100%;}
                .view_noti2_a .view_noti2_t {margin-bottom: 0; height: 0; position: relative; display: flex; flex-wrap: wrap; align-items: center; font-size: 13px; line-height: 1.4; background-color: #ff9415; color:#fff;box-sizing: border-box; padding-left:55px; overflow: hidden; border-bottom: 0px solid #ec7200; padding-top:0; padding-bottom: 0; gap:0 ; transition: all .3s linear 0s}
                .view_noti2_a .view_noti2_t::after { content: "";position: absolute; left:0; top:0; width:45px; height:calc(100% + 1px); background:#ff7b00 url('/skin/site/beauty/images/c_img/ico_exclam3x15.png') no-repeat 50% 50%;}
                .view_noti2_a .view_noti2_t {height: 60px; border-bottom: 1px solid #ec7200; padding-top:10px; padding-bottom: 10px; height: auto; padding: 20px 20px; border-radius: 8px; border: 1px solid #fff; color:#fff}
                .view_noti2_a .view_noti2_t h4 {width:100%; font-size: 16px; font-weight: 400; padding-bottom: 3px;}
                .view_noti2_a .view_noti2_t p {color: #fff;}
                .view_noti2_a .view_noti2_t .view_noti2_text {margin-left:46px;}
                .view_noti2_a .view_noti2_t .view_noti2_text .d_btn_ss.d_btn_ss04 {margin: 10px 0 3px 0; border-color: #fff;}

            /*주의사항노출영역3*/
            .view_notiguide_a {text-align: center; width: 100%;}
                .view_notiguide_a .notiguide_a {background-color: #f9f9f9;}
                .view_notiguide_a .notiguide_a .notiguide_t {margin-top: 30px; min-height: 40px; border-radius: 8px; border: 1px solid #e3e3e3; background-color: #efefef; padding: 10px;}
                .view_notiguide_a .notiguide_a .notiguide_t .notiguide_t .notiguide_text {height: 100%;}
                .view_notiguide_a .notiguide_a .notiguide_t .notiguide_t .notiguide_text p {color: #666;}

                /* 레이어팝업내 주의사항 */
                .d_lpopup_a01 .view_noti_a { position: relative; overflow: hidden;}
                    .d_lpopup_a01 .view_noti_a ul {transform: translateY(60px); animation: swing2 0.5s forwards}
                    @keyframes swing2 {
                        0% {transform: translateY(60px); }
                        100% {transform: translateY(0px); }
                        }

            /*주문상세페이지 버튼영역*/
            .view_btn { padding-right:0; margin-top:20px;}
                .view_btn .btn_ncsstop {background:#666; border:1px solid #666; color:#fff; }  /*NCS주문불가 버튼*/
                .view_btn .btn_cart {background:#fff; border:1px solid #ccc; color:#333; }
                .view_btn .btn_order {background:#bb1d4c; border:1px solid #bb1d4c; color:#fff; width:314px}
                .view_btn .btn_order:hover {background:#da1349; border-color:#da1349;}
                .view_btn .how {opacity:0; width:344px; z-index:9999;}
                .view_btn .how ul {border-spacing: inherit;}
                .view_btn.if_cart_save .how {opacity:1}
                /*샘플북용 바로주문버튼 우측 여백없애기*/
                .view_top .view_info .view_btn ul.samplebookbtn li:nth-child(1){padding-right:0 !important}
            

            /*주문가이드영역*/
            .view_detail {overflow:inherit;}
            .makeguide_set {margin-top:60px}
            .makeguide_set .d_tab_01,
                .makeguide_set .d_tab_01 * {-webkit-transition:all .3s linear; transition: all .3s linear}
                .makeguide_set .d_tab_01 { position: sticky; top:60px; background-color: #fbfbfb; z-index: 200;}
            .makeguide_set .d_tab_01.nav_fixed {border:inherit; background-color:#333; border-radius:60px;}
                .makeguide_set .d_tab_01.nav_fixed dl {padding-top:6px; padding-bottom:6px;}
                .makeguide_set .d_tab_01.nav_fixed dd {font-size: 18px; color:#fff;}
                .makeguide_set .d_tab_01.nav_fixed dd.on {color:#ffdf49;}
            .makeguide_set img { vertical-align: middle;}
            .makeguide_set img { vertical-align: middle;}
            .makeguide_set .makeguide_noti_a {background: #ffde9e; margin: 30px 80px 0 80px; padding: 20px; border-radius: 8px;}
            .makeguide_set .makeguide_noti_a p.makeguide_noti {font-size: 16px; color: #333; font-weight: 400; text-align: center;}
    /*퀵메뉴*/
    .d_fly_right * {-webkit-transition:all .3s linear; transition: all .3s linear}
        .d_fly_right {position:absolute; right:0; top: 193px; z-index:100; width:170px;}
        .d_fly_right.js_float_right {left:50%; right:inherit;margin-left:620px;}
        .d_fly_right.js_float_right:before {content: ""; width: 180px; background-color: #fff; top: -23px; position: absolute; left: 0; margin-left: -10px; border-bottom: 2px solid #ccc; box-sizing: border-box; background-color: #fff;}
        .d_fly_right.js_float_right .d_fly_right_in { position: sticky; top:60px; }
            .d_fly_right>div>.float_tit {text-align: left;background-color: #333333;/* padding: 6px 0; */border-radius: 10px 10px 0 0;}
            .d_fly_right>div>.float_tit dt {font-size: 18px; color:#fff;background: url('/skin/site/beauty/images/skin/ico_calculator_26.png')no-repeat left 7px;padding-left: 29px;width: 50px;height: 40px;margin: 0 auto;line-height: 40px;}
        /*견적영역*/
        .estimate_a .float_tit {text-align: left;background-color:#cccccc; position: relative;}
        .estimate_a .float_tit dt {font-size: 13px; color:#888;height: 30px;line-height: 30px; text-align: center; font-weight: 400;}
        /*자동견적*/
        .estimate_a.auto_t {}
        /*수동견적*/
        .estimate_a.manual_t .float_tit {border-top:1px solid #b8b8b8}
        /*견적 버튼*/
        .estimate_a .float_tit dt {cursor: pointer;}
        .estimate_a .float_tit dt::before, .estimate_a .float_tit dt::after {content: ' ';position: absolute;left: 138px; top:9px;height: 10px;width: 1px;background-color: #888; -webkit-transition:all .1s linear; transition: all .1s linear}
            /*오픈시*/
            .estimate_a.open .float_tit { background-color: #dddddd;}
            .estimate_a.open .float_tit dt {color:#000}
            .estimate_a.open .float_tit dt::before {transform: rotate(135deg);margin-left:6px;background-color: #000;}
            .estimate_a.open .float_tit dt::after {transform: rotate(-135deg);background-color: #000}
            /*닫힘시*/
            .estimate_a .float_tit dt::before {transform: rotate(45deg);margin-left:6px;}
            .estimate_a .float_tit dt::after {transform: rotate(-45deg);}  


        /*옵션가격리스트*/
        .d_fly_right .float_option,
        .d_fly_right .float_payment {padding:0 10px; background-color: #efefef;}
        .d_fly_right .float_option>dd.d_scroll_a {max-height: 380px;overflow: auto;}
        .d_fly_right .float_payment .d_btn_ss {width:100%;}
            .d_fly_right .float_optionlist {padding:16px 0 5px 0}
            .d_fly_right .float_paymentlist {padding:5px 0 10px 0; border-top:1px dotted #ccc;}
                .d_fly_right .float_optionlist>dl,
                .d_fly_right .float_paymentlist>dl {display:flex;justify-content: space-between;box-sizing:border-box; padding:2px 0;}
                .d_fly_right .float_optionlist dt,
                .d_fly_right .float_payment dt {color: #976f7b; font-size: 12.5px; line-height: 1.2; /*font:12px/1.2 "돋움", Dotum, "굴림", Gulim, sans-serif*/}
                .d_fly_right .float_optionlist dd,
                .d_fly_right .float_paymentlist dd {font-size: 12.5px; line-height: 1.2; /*font:12px/1.2 "돋움", Dotum, "굴림", Gulim, sans-serif*/}
                .d_fly_right .float_paymentlist dt,
                .d_fly_right .float_paymentlist dd {font-weight:500; color:#333;}
                .d_fly_right .float_paymentlist dl.total dt,
                .d_fly_right .float_paymentlist dl.total dd {color:#007ad8;}
                .d_fly_right .float_optionlist.part_book {}
                .d_fly_right .float_optionlist.part_book #quick_binb_label dt {width:100%; text-align:center; font-size:13px; font-weight:500; background-color:#976f7b; padding:2px 0; border-radius:20px; color:#fff}
                    .d_fly_right .float_optionlist.part_bookinbook #sub_quick_binb_label dt {width:100%; text-align:center; font-size:13px; font-weight:500; background-color:#758e77; padding:2px 0; border-radius:20px; color:#fff}
                    .d_fly_right .float_optionlist.part_bookinbook dt {color:#758e77}
                .d_fly_right .float_optionlist.part_bookinbook {padding-top:0;}
        /*장바구니,주문버튼*/
        .d_fly_right .float_paybtn {display: flex; padding-top:15px; background-color: #efefef;}
            .d_fly_right .float_paybtn dd {flex: 1; text-align: center;}
            .d_fly_right .float_paybtn dd a {color:#fff; font-size: 14px; padding:10px 0; width:100%;}
            .d_fly_right .float_paybtn .fp_cart a { background-color: #666;}
            .d_fly_right .float_paybtn .fp_order a { background-color: #bb1d4c;}
            .d_fly_right .float_paybtn .fp_cart a:hover {background-color: #777}
            .d_fly_right .float_paybtn .fp_order a:hover {background-color: #da1349}
        /*위,아래*/
        .d_fly_right .float_updown {display: flex; border-radius: 0 0 10px 10px; overflow: hidden;}
            .d_fly_right .float_updown dd {flex: 1; text-align: center;}
            .d_fly_right .float_updown dd a {color:#fff; font-size: 0; padding:20px 0; width:100%; background-color: #333333; line-height: 1000;}
            .d_fly_right .float_updown .fu_up a {background:#333 url('/skin/site/beauty/images/skin/ico_up_15x9.png')no-repeat 50% 50%;}
            .d_fly_right .float_updown .fu_down a {background:#333 url('/skin/site/beauty/images/skin/ico_down_15x9.png')no-repeat 50% 50%;}
            .d_fly_right .float_updown dd a:hover { background-color: #444;}
        /*banner 영역*/
        .d_fly_right .float_banner {margin-top:15px;}
            .d_fly_right .float_banner * {vertical-align: middle;}
            .d_fly_right .float_banner dd {margin-top:5px;}
            /*플로팅 전*/
            .d_fly_right.js_float_right.dj_readyfloat {top:193px;}
            /*플로팅 후
            .d_fly_right.js_float_right.dj_floating {position:fixed; top:70px; margin-top:inherit}*/
            /*바닥에 가까워지면
            .d_fly_right.js_float_right.dj_closefoot {position:absolute; top:inherit; margin-top:inherit; bottom:429px;}*/
                      
            
            /* width축소시 가리기
            @media screen and (max-width:1320px) {
            .d_fly_right {display:none;}
            }*/            
            

/*장바구니-주문*/
    /*장바구니*/
    .c_cart_list .order_item {padding:10px;; position: relative;}
    .c_cart_list .order_item .title {font-size:18px; font-weight: 400;;}
    .c_cart_list .order_item .item_name .d_btn_ss {margin-top:-6px; margin-left:10px; display: inline-block;}
        .c_cart_list .order_item .option ul {border-top:0;}
        .c_cart_list .option li {padding:0;}
        .c_cart_list .option .opt_tit.opt_none {font-size: 14px;}
        .c_cart_list .option .opt_file {margin-top:10px;}
        .c_cart_list .option .opt_file p {display: block; margin-top:5px}
        .c_cart_list .delete .btn_delete {width: 25px;height: 25px; border-radius: 6px; position: absolute; right:0; top:50%; margin-top:-13px; border-width: 0; background-color: #efefef;;}
        .c_cart_list .cart_table .t_price {font-size:14px;}

        /*장바구니-수량변경*/
        .c_cart_list .cart_table .opt_area {display: flex; flex-direction: row; background: #eee; border-radius: 8px; padding: 10px 16px; margin-top: 16px; width: 310px;}

        /*장바구니-NCS학습모듈-학교회원*/
        .c_cart_list .cart_table .t_price .price_row {display: flex; padding-top: 2px; justify-content: space-between; padding: 4px 0; color: #666; font-size: 13px; font-weight: 400;}
        .c_cart_list .cart_table .t_price .price_total {margin-top: 8px; padding-top: 8px; border-top: 1px solid #ddd; font-weight: 600;}
        
        .c_cart_list .cart_table .t_price .ncs_price {display: flex; align-items: center;}
        .c_cart_list .cart_table .t_price .ncs_price .ncs_price_input {width: 75px; height: 24px; margin: 0 2px;}
        .c_cart_list .cart_table .t_price .price_row_student {padding-bottom: 5px; margin-bottom: 10px; border-bottom: 1px dashed #ddd;}
        .c_cart_list .cart_table .t_prices .price_label {margin-top: 6px;}

      

        /*장바구니 안의 본책,책속책 table*/
        .c_cart_list .order_item span.title.btn_detailview:hover {text-decoration: underline; cursor: pointer;}
        .c_cart_list .c_form {border-top: 1px solid #666; width:90%;}
        .c_cart_list .c_form th {text-align:center; color:#333}
        .c_cart_list .c_form td {text-align: left; color: #888;}
        .c_cart_list .c_form th,
        .c_cart_list .c_form td {border-top: 1px solid #ddd; padding:5px 10px 5px 8px; height: auto;}
        /*.noti_listtop {font-size: 13px; padding-bottom: 10px;}*/
        .noti_listtop {display: flex; align-items: center; justify-content: flex-start; font-size: 13px; padding-bottom: 10px;}
    /*총주문금액뒤의 안내문구*/
    .c_total_price + .c_user_guide {margin-top:20px;}
    /*주문결제1*/
    .c_form.if_last_order .label_design {padding-left:30px;}
    .c_form .orderconfirm_a .d_icheckbox_g01 {width:100%; box-sizing:border-box; color:#333}
    .c_form .orderconfirm_a .d_icheckbox_g01 .sub_txt{width:100%; color:#999}
    /*주문결제2*/
    .complete_list.c_cart_list .cart_table {border-top:1px solid #ddd}
    
        /*총주문금액박스*/
        .c_total_price {border:0; background-color:#efefef; padding:40px 40px 35px 40px;}
   
    /*p머니결제 230828*/
    .pmoney_a td {display: flex; align-items:start; justify-content: center; gap: 5px;}
    .pmoney_a .pay_select {display: block; overflow: hidden; margin: 0 -5px; width: 194px;}
        .pmoney_a .pay_select .lineup {border:none;}
        .pmoney_a .pay_select li.use_pmoney{float: left; width: 182px;}  
        .pmoney_a .pay_select .use_pmoney {position: relative;}
        .pmoney_a .pay_select .use_pmoney label.pmoney_modal{overflow: inherit;}
                .pmoney_a .pay_select .use_pmoney .lineup {padding-top: 77px; padding-bottom:15px; position: relative;}
                    .pmoney_a .pay_select .use_pmoney .lineup::after {content: ""; position: absolute; right:-5px; top: 50%; border: 10px solid transparent; border-left-color: #f2f2f2; border-right: 0; margin-top: -41px; margin-right: -4px;}
                    .pmoney_a .pay_select .use_pmoney:hover .lineup::after{border-left-color: #eaeaea;}
                    .c_form .pmoney_a .pay_select .use_pmoney .pay_input:checked+ .lineup::after {border-left-color:#da1349;}
                .pmoney_a .pmoney_text {flex: 1; padding-top:0;}
                .pmoney_a .pmoney_condition {font-size: 15px; background-color:#da1349; border-radius: 8px; display: inline-block; color:#fff; padding:2px 10px;} 
                .pmoney_a .pmoney_text .pmoney_text_in {font-size: 17.5px; color: #333; font-weight: 500; line-height: 1.2;padding-top:5px; letter-spacing: -0.5px;}
                .pmoney_a .pmoney_text .pmoney_text_in_color{color: #bb1d4c;}
                .pmoney_a .pmoney_text .pmoney_text_in_sub {font-size: 16px; font-weight: 300; letter-spacing:-1px; color: #444; border-top: 1px solid #e5e5e5; margin-top: 10px; padding-top: 7px;}

        /*Over 설명노출*/
        .pmoney_a .d_btn_box_sss01 {cursor: default;}
        .pmoney_a td { position: relative;}
            /*설명노출창*/
            .pmoney_a .help_over {position: absolute; left:0; top:0; background-color: #fff; width: 100%; height: 100%; display: none;}
                .pmoney_a .help_over_pmoney {float:left; width:100px; height: 129px; background:url('/skin/site/beauty/images/c_img/ico_pay_pmoney.svg') no-repeat 50% 16px / 99%; margin-left: 15px; margin-right: 15px;}
                .pmoney_a .help_over .help_over_tit { font-size: 18px; color: #333; font-weight: 500; padding-bottom: 4px; padding-top: 29px;}
                .pmoney_a .help_over .help_over_text{ font-size: 14px; color: #666;}

    /* 후불결제 */
    .paylate_a>td {display: flex;}
    .paylate_a .pay_select {flex: 1; align-content: center;}
        .paylate_a .pay_select .lineup {border:none;}
        .paylate_a .pay_select li.use_paylate{float: left; width: 182px;}  
        .paylate_a .pay_select .use_paylate {position: relative;}
        .paylate_a .pay_select .use_paylate label.pmoney_modal{overflow: inherit;}
                .paylate_a .pay_select .use_paylate .lineup {padding-top: 77px; padding-bottom:15px; position: relative;}
                    .paylate_a .pay_select .use_paylate .lineup::after {content: ""; position: absolute; right:-5px; top: 50%; border: 10px solid transparent; border-left-color: #f2f2f2; border-right: 0; margin-top: -41px; margin-right: -4px;}
                    .paylate_a .pay_select .use_paylate:hover .lineup::after{border-left-color: #eaeaea;}
                    .c_form .paylate_a .pay_select .use_paylate .pay_input:checked+ .lineup::after {border-left-color:#da1349;}
                .paylate_a .paylate_text_a {flex: 3; text-align: left; align-content: center;}
                .paylate_a .paylate_text_a .paylate_tit {font-size: 18px; margin-left: 5px; color: #333; font-weight: 500; padding-left: 5px; line-height: 1.2;}
                .paylate_a .paylate_text_a .paylate_tit>span {color: #bb1d4c; padding-left: 5px;}
                .paylate_a .paylate_text_a>ul.d_list_04 {margin-left: 5px;}
                    .paylate_a .paylate_text_a>ul.d_list_04>li {word-break: keep-all; font-size: 13px;}


        /*P머니 아이콘 230828*/
        .c_form .use_pmoney .lineup {background:url('/skin/site/beauty/images/c_img/ico_pay_pmoney.svg') no-repeat 50% 20px / 50px}
        /*일반결제 아이콘 221121*/
        .c_form .use_card .lineup {background:url('/skin/site/beauty/images/c_img/ico_pay_card.svg') no-repeat 50% 2px / 50px}
        .c_form .use_phone .lineup {background:url('/skin/site/beauty/images/c_img/ico_pay_phone.svg') no-repeat 50% 2px / 50px}
                                /* P머니 배포전까지 살려놓기*/
                                .c_form .use_real .lineup {background:url('/skin/site/beauty/images/c_img/ico_pay_real.svg') no-repeat 50% 2px / 50px}
                                .c_form .use_vert .lineup {background:url('/skin/site/beauty/images/c_img/ico_pay_vert.svg') no-repeat 50% 2px / 50px}
                                .c_form .use_bank .lineup {background:url('/skin/site/beauty/images/c_img/ico_pay_bank.svg') no-repeat 50% 2px / 50px}
                                .c_form .use_point .lineup {background:url('/skin/site/beauty/images/c_img/ico_pay_point.svg') no-repeat 50% 2px / 50px}
                                .c_form .use_credit .lineup {background:url('/skin/site/beauty/images/c_img/ico_pay_credit.svg') no-repeat 50% 2px / 50px}
        /*간편결제 아이콘정의 230302*/
        .c_form .use_kakaopay .lineup {background:url('/skin/site/beauty/images/c_img/ico_pay_kakaopay_wh.png') no-repeat} 
        .c_form .use_naverpay .lineup {background:url('/skin/site/beauty/images/c_img/ico_pay_naverpay_wh.png') no-repeat} 
        .c_form .use_payco .lineup {background:url('/skin/site/beauty/images/c_img/ico_pay_payco_wh.png') no-repeat} 
        .c_form .use_tosspay .lineup {background:url('/skin/site/beauty/images/c_img/ico_pay_tosspay_wh.png') no-repeat} 
        .c_form .use_lpay .lineup {background:url('/skin/site/beauty/images/c_img/ico_pay_lpay_wh.png') no-repeat} 
        .c_form .use_ssgcard .lineup {background:url('/skin/site/beauty/images/c_img/ico_pay_ssg_wh.png') no-repeat} 
        .c_form .use_ssp .lineup {background:url('/skin/site/beauty/images/c_img/ico_pay_samsungpay_wh.png') no-repeat}
        .c_form .use_tmoneypay .lineup {background:url('/skin/site/beauty/images/c_img/ico_pay_tmoneypay_wh.png') no-repeat}
         /*후불결제 아이콘*/
        .c_form .use_paylate .lineup {background:url('/skin/site/beauty/images/c_img/ico_pay_bank2.svg') no-repeat 50% 20px / 50px}
            /*간편결제 bg position, width값 정의*/
            .c_form .use_kakaopay .lineup, .c_form .use_naverpay .lineup,
            .c_form .use_payco .lineup, .c_form .use_tosspay .lineup,
            .c_form .use_lpay .lineup, .c_form .use_ssgcard .lineup,
            .c_form .use_ssp .lineup, .c_form .use_tmoneypay .lineup {background-position: 50% 6px; background-size: 120px auto !important;} /*기존 CSS 초기화 때문에 별도로 정의함*/
        .c_form .pay_select .lineup{padding-top:50px; padding-bottom:8px; border-radius: 10px; background-color: #f2f2f2; border-width:0; letter-spacing: 0; }
    /*결제OVER*/
    .c_form .pay_select li:hover .lineup {background-color: #eaeaea;}
    .c_form .pay_select li:hover .pay_input:checked+ .lineup {background-color: #da1349;}
    /*결제 활성화*/
    .c_form .pay_input:checked+ .lineup {position: relative; border : none; background-color: #da1349; color: #fff;}
        /*간편결제 bg position*/
        .c_form .ID_paymethod_simple .pay_input:checked+ .lineup {background-position: 50% -69px;}
    .c_form .pay_input:checked+ .lineup:before {content: ""; position: absolute; right: 0px; top: 0px; width: 0px; height: 0%;}

    /* 결제로딩 loading_overlay-ljh */
    .loading_overlay {width: 154px; height: 154px; display: inline-block; overflow: hidden; background: none;}
        .loading_overlay_in {width: 100%; height: 100%; position: relative; transform: translateZ(0) scale(1); backface-visibility: hidden; transform-origin: 0 0;}
        .loading_overlay_in div {left: 71.61px; top: 50px; position: absolute; animation: loading_overlay_in linear 0.45s infinite; background: #fe718d; width: 12px; height: 12px; border-radius: 6px; transform-origin: 6px 30px; box-sizing: content-box;}
        .loading_overlay_in div:nth-child(1) {transform: rotate(0deg); animation-delay: -0.39s;}
        .loading_overlay_in div:nth-child(2) {transform: rotate(45deg); animation-delay: -0.34s;}
        .loading_overlay_in div:nth-child(3) {transform: rotate(90deg); animation-delay: -0.28s;}
        .loading_overlay_in div:nth-child(4) {transform: rotate(135deg); animation-delay: -0.22s;}
        .loading_overlay_in div:nth-child(5) {transform: rotate(180deg); animation-delay: -0.17s;}
        .loading_overlay_in div:nth-child(6) {transform: rotate(225deg); animation-delay: -0.11s;}
        .loading_overlay_in div:nth-child(7) {transform: rotate(270deg); animation-delay: -0.05s;}
        .loading_overlay_in div:nth-child(8) {transform: rotate(315deg); animation-delay: 0s;}
        @keyframes loading_overlay_in {0% {opacity:1} 100% {opacity:0}}

    /* 템플릿로딩 loading_overlay-ljh */
    .selecttempatetype .d_tp_loading {padding-top: 110px;}
        .selecttempatetype .d_tp_loading .loading_overlay{height: 134px;}
        .selecttempatetype .d_tp_loading .loading_tit>span {font-size: 20px;}

    /*주문완료*/
    .d_orderfinal .c_page_tit {border:0;}
        .d_orderfinal .c_complete {border:0}
        .d_orderfinal .complete_box { background-color:#efefef; border-radius:20px;}
        .d_orderfinal .complete_box .order_number {border-width: 0;border-radius:50px; display:inline-block; padding:10px 100px; font-weight: 400; font-size: 22px; margin-bottom: 30px;background-color: #333333;color:#fff;}
            .d_orderfinal .complete_box .order_number strong { font-weight: 600;}
        .d_orderfinal .complete_box .account_number {padding:15px 100px; margin-top:20px; font-weight: 400;
            font-size:17px; margin-bottom:15px; color:#333; display:block; text-align:center; border-top:1px solid #ccc;border-bottom:1px solid #ccc;}
            .d_orderfinal .complete_box .account_number strong { font-weight: 600;}
        .d_orderfinal .c_complete .complete_box .tit,
        .d_orderfinal .c_complete .complete_box .tit2 {font-size:40px; font-weight:200; line-height: 1.2;}
            .d_orderfinal .c_complete .complete_box .tit2 {margin-top:20px; color: #333;}
        .d_orderfinal .c_complete .complete_box .tit strong { font-weight:400; border-bottom:inherit;}
        .d_orderfinal .c_complete .complete_box .sub_txt {font-size:20px; line-height:1.4; font-weight:200; margin-top:25px;}
        /*P머니 완료*/
        .complete_box .orderstate_a {margin-bottom: 30px;}
            .complete_box .orderstate_a .order_number {border-radius: 50px 0 0 50px; width:340px; box-sizing: border-box; padding:10px 0; margin-bottom: 0;}
            .complete_box .orderstate_a .order_state {border-radius: 0 50px 50px 0; width:340px; box-sizing: border-box; padding:10px 0; background-color:#ed204e; color: #fff;font-weight: 200; font-size: 22px;}
            .complete_box .orderstate_a .order_state strong {font-weight: 600;}


/*마이페이지*/
    /*마이페이지-메인,주문내역*/
    .d_myorderlist_a .c_cart_list .cart_table {border-top:1px solid #ccc}
    .d_myorderlist_a .c_cart_list .cart_table tbody th {background-color:inherit; height: inherit; font-weight: inherit;letter-spacing: inherit; border-top:1px solid #ddd; padding:10px 0}
    .d_myorderlist_a .c_cart_list .cart_table td {border-color:#ddd}
    .d_myorderlist_a .c_cart_list {margin-top:20px;}
    .d_myorderlist_a .c_cart_list .cart_table tbody:nth-child(2n) { background-color:#f9f9f9;}
    .d_myorderlist_a .c_cart_list .cart_table .t_price {font-weight: 400; font-size: 14px;}
    .d_myorderlist_a .c_cart_list .cart_table th.datenum_a .d_date {font-size: 14px;}
    .d_myorderlist_a .c_cart_list .cart_table th.datenum_a .d_ordernum {font-size: 14px; color:#999; margin-top:5px;}
    .d_myorderlist_a .c_cart_list .cart_table th.datenum_a .d_btn_ss {width:80%; margin-top:4px;}
    .d_myorderlist_a .c_cart_list .cart_table th.datenum_a .d_amount {width:80%; margin:10px auto 0; padding:5px; border:1px solid #ddd; border-radius: 4px; box-sizing: border-box;background-color: #fff; display:flex; justify-content: space-between;align-items: center}
    .d_myorderlist_a .c_cart_list .cart_table th.datenum_a .d_amount span {padding:2px; font-size: 16px; color:#333; font-weight: 500;}
    .d_myorderlist_a .c_cart_list .cart_table th.datenum_a .d_amount span:first-child {font-size: 12px; color:#999;font-weight: 400;}
    .d_myorderlist_a .c_cart_list .cart_table td:first-child {border-left:1px solid #ddd}
    .d_myorderlist_a .c_cart_list .cart_table+.totalsum_a {background-color: #efefef; font-size: 14px; text-align: center; padding:10px 0; border-bottom: 1px solid #ddd;}/*리스트 총합영역*/
        .d_myorderlist_a .c_cart_list .cart_table+.totalsum_a b {color:#bb1d4c}
        /*주문내역 > 주문일*/
        .d_myorderlist_a .c_cart_list .cart_table th.datenum_a .d_line_01 {margin-top:20px;}
        /*주문내역 > 진행상황*/
        .d_myorderlist_a .c_cart_list .cart_table td.progress_a .d_line_01 { width:80px;}
        /*주문내역 > NCS리스트 버튼*/
        .myp_btn_a {display: flex; flex-direction: row-reverse; margin-top: 10px;}
        /*주문내역 > NCS리스트 버튼-select 타입 - 260827-cjy*/
        .ncs_btn_wrap01 {display: flex; flex-direction: row !important;align-items: center;width: fit-content;height: 44px;margin: 10px 0 0 auto;border: 1px solid #d8d8d8;background: #fff;box-sizing: border-box;}
        .ncs_btn_wrap01 .ncs_year_wrap {position: relative;width: 126px;height: 42px;margin: 0;padding: 0;border: 0;background: none;}
        .ncs_btn_wrap01 .state_select select.ncs_year_select {display: block;width: 126px;height: 42px;margin: 0;padding: 0 26px 0 17px;border: 0 !important;outline: 0;color: #333;font-size: 13px !important;line-height: 42px;box-sizing: border-box; background-color: #fff;background-position: right 5px center;}
        .ncs_btn_wrap01 .ncs_year_wrap::after {content: "";position: absolute;right: 0;top: 7px;width: 1px;height: 30px;background: #e1e1e1;pointer-events: none;}
        .ncs_btn_wrap01 .d_btn_s07.dt_download_b {display: flex;align-items: center;height: 42px;margin: 0 !important;padding: 0px 50px 0 18px;border: 0 !important;background-color: #fff;background-image: url('/skin/site/beauty/images/c_img/ico_download_black_17x17.png');background-repeat: no-repeat;background-position: right 14px center;color: #333 !important;line-height: normal;box-sizing: border-box;}
        .ncs_btn_wrap01 .ncs_btn_content {display: flex;align-items: center;}
        .ncs_btn_wrap01 img.ico_excel {display: block;width: 16px;height: 16px;margin: 0 6px 0 0;flex-shrink: 0;}
        .ncs_btn_wrap01 .ncs_btn_text {display: flex;flex-direction: column;justify-content: center;gap: 2px;text-align: left;}
        .ncs_btn_wrap01 .ncs_btn_title {color: #333;font-size: 13px;line-height: 14px;white-space: nowrap;}
        .ncs_btn_wrap01 .myp_btn_day {margin: 0;padding: 0;color: #999;font-size: 11px;line-height: 12px;white-space: nowrap;}
        
    
    /*주문내역 > 카테고리 검색 셀렉트 박스 조정 - 260929-cjy */
        .period_box.catg{width:360px;}
        li.state_select.catg_name {width: 213px;}
        li.state_select.catg_value {width: 107px;}
        .c_mypage .state_select select.catg_name  {width: 204px;}
        .c_mypage .state_select select.catg_value  {width: 98px;}
        li.search_btn.catg {width: 100px;}
        .catg_contents {border:0px solid red;text-align:right; padding-top:5px;}




        /*주문내역 > 교정확인*/
        .d_myorderlist_a .myprooflist {background-color: #c6e2ff; padding: 25px 40px; margin-top: 30px; margin-bottom: 30px; border-radius: 8px;}
            .d_myorderlist_a .myprooflist .prooflist_tit {display: flex; align-items: center; cursor: pointer; position: relative;}
            .d_myorderlist_a .myprooflist .prooflist_tit::after {content: ''; position: absolute; top: -10px; right: -10px; bottom: -10px; left: -10px;}
            .d_myorderlist_a .myprooflist .prooflist_tit .tit {font-size: 20px; color: #516e7b; font-weight: 500; flex: 2; letter-spacing: -0.5px;}
            .d_myorderlist_a .myprooflist .prooflist_tit .tit::before {content: ''; background: url(/skin/site/beauty/images/c_img/ico_exclam_box_22x22.png) no-repeat; width: 22px; height: 25px; margin-right: 10px; display: inline-block; vertical-align: middle; margin-bottom: 1px; -webkit-animation: scale-up-center 1s ease-out 1s infinite alternate ; animation: scale-up-center 1s ease-out 1s infinite alternate ;}
            /*@-webkit-keyframes scale-up-center {
            0% {
                -webkit-transform: scale(0.7);
                        transform: scale(0.7);
            }
            100% {
                -webkit-transform: scale(1);
                        transform: scale(1);
            }
            }
            @keyframes scale-up-center {
            0% {
                -webkit-transform: scale(0.7);
                        transform: scale(0.7);
            }
            100% {
                -webkit-transform: scale(1);
                        transform: scale(1);
            }
            }*/

            .d_myorderlist_a .myprooflist .prooflist_tit .tit>span {color: #1273eb; font-weight: 600;}
            .d_myorderlist_a .myprooflist .prooflist_tit .noti {font-size: 14px; color: #516e7b;}
            .d_myorderlist_a .myprooflist .prooflist_tit .noti::after {content: ''; background: url(/skin/site/beauty/images/c_img/img_arrow_up.png) no-repeat; transition: transform 0.3s ease; width: 16px; height: 10px; display: inline-block; margin-left: 10px;}
            .d_myorderlist_a .myprooflist .prooflist_tit .noti.on::after {content: '';transform: rotate(180deg); margin-left: 10px;}
            .d_myorderlist_a .myprooflist .prooflist_a {opacity: 0; transition: height 0.35s ease, margin-top 0.35s ease, opacity 0.2s ease; overflow: hidden; height: 0; margin-top: 0; }
            .d_myorderlist_a .myprooflist .prooflist_a.on {opacity: 1; margin-top: 25px; height: auto;}
            .d_myorderlist_a .myprooflist .prooflist_a>ul>li{text-align: center; min-height: 57px; border-radius: 6px; list-style: none; background-color: #fff; display: flex; margin-top: 6px; font-size: 13px; align-items: center;}
            .d_myorderlist_a .myprooflist .prooflist_a>ul>li:first-child {margin-top: 0px;}
            .d_myorderlist_a .myprooflist .prooflist_a>ul>li>.day {padding: 16px 25px;}
            .d_myorderlist_a .myprooflist .prooflist_a>ul>li>.day::after {content: ''; background: url(/skin/site/beauty/images/c_img/img_stick.png) no-repeat; width: 1px; height: 16px; position: absolute; left: 157px; margin-top: 2px;}
            .d_myorderlist_a .myprooflist .prooflist_a>ul>li>.order_num {padding: 16px 25px;}
            .d_myorderlist_a .myprooflist .prooflist_a>ul>li>.order_num::after {content: ''; background: url(/skin/site/beauty/images/c_img/img_stick.png) no-repeat; width: 1px; height: 16px; position: absolute; left: 301px; margin-top: 2px;}
            .d_myorderlist_a .myprooflist .prooflist_a>ul>li>.prod_info {line-height: 1.1; font-size: 14px; flex: 8; text-align: left; padding-left: 25px; padding-right: 25px;}
            .d_myorderlist_a .myprooflist .prooflist_a>ul>li>a {align-self: stretch; display: flex; align-items: center; justify-content: center; background-color: #1273eb; color: #fff; margin-left: auto;  width: 110px; border-radius: 0px 6px 6px 0px; transition: all 0.3s ease;}
            .d_myorderlist_a .myprooflist .prooflist_a>ul>li>a:hover {background-color: #0a5cc1;}


        .myp_btn_a span.myp_btn_day {color: #999;}
        /*마이페이지 > 탭 상단 배너*/
        .mp_tbanner {margin-bottom: 10px; position: relative;}
        .mp_tbanner .mp_pop_btn {position: absolute; top: 36px; right: 30px;}
        .mp_tbanner .mp_pop_btn>a {text-align: center; color: #333; align-content: center; width: 190px; height: 48px; background-color: #fff; border-radius: 8px; box-shadow: 20px 10px 20px rgba(0,0,0,-0.9), 4px 6px 6px rgba(0,1,0,0.2);}
        .mp_tbanner .mp_pop_btn>a.nodiv_pop {background-image: url(/skin/site/beauty/images/banner/260209/ban_btn_nodiv.png);}
        .mp_tbanner .mp_pop_btn>a.div_pop {background-image: url(/skin/site/beauty/images/banner/260209/ban_btn_div.png); margin-left: 6px;}
        /* 마이페이지 세금계산서 발행 Lpopup 팝업*/
        body.tax_lp {min-height: 3400px;}
        body.ntax_lp {min-height: 2200px;}
            .mp_lpopup_a {padding:25px; margin-bottom: 20px;}
            .mp_lpopup_a>.tit{font-size:24px; width: 50%;}
            .mp_lpopup_a .d_tab_02.d_mgt_30 {margin-top: 15px;}
            .mp_lpopup_a .d_tab_02.d_mgt_30>dl>dd.tabs {height: 65px; background-color: #eee; border-bottom: 1px solid #ccc;}
            .mp_lpopup_a .d_tab_02.d_mgt_30>dl>dd.tabs>a{font-size: 18px;}
            .mp_lpopup_a .d_tab_02.d_mgt_30>dl>dd.tabs:hover>a {color: #da1349;}
            .mp_lpopup_a .d_tab_02.d_mgt_30>dl>dd.tabs.on:hover>a {color: inherit;}
            .mp_lpopup_a .d_tab_02.d_mgt_30>dl>dd.tabs.on{background-color: #da1349; border: 1px solid #da1349;}
            .mp_lpopup_a .tax_manual img {vertical-align: bottom;}
            .mp_lpopup_a .tax_manual .btn_img {position: relative;}
            .mp_lpopup_a .tax_manual .btn_img>a.d_btn_b05 {position: absolute; right: 15px; top: 57px; width: 270px; box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.10); animation: downloadBlink 0.8s ease-in-out infinite;  transition: all .2s ease;}
            .mp_lpopup_a .tax_manual .btn_img>a.d_btn_b05:hover {animation:none; background-color: #098df2 !important; border: 1px solid #098df2;}
            .mp_lpopup_a .tax_manual .btn_img>a.d_btn_b05::after {content: url(/skin/site/beauty/images/c_img/click_bubble.png); pointer-events: none; position: absolute; top: -45px; right: 135px; animation: bubbleFloat 0.8s ease-in-out infinite;}
            .mp_lpopup_a .tax_manual .btn_img>a.d_btn_b05.dt_download_b {background-image: url(/skin/site/beauty/images/c_img/ico_download_white_17x17.png); background-repeat: no-repeat; background-position: right 42px top 50%; padding-right: 32px; padding-left: 10px;}
            .mp_lpopup_a .tax_manual .btn_img>a.d_btn_b05.dt_blank {background-position: right 42px top 50%; background-size: 17px 17px; padding-right: 32px; padding-left: 10px;}
            @keyframes downloadBlink{
            0%, 100% {
                background-color: #007ad8;
                border-color: #007ad8;
            }
            50% {
                background-color: #0062ad;
                border-color: #0062ad;
            }
            }

            @keyframes bubbleFloat {
            0%, 100% {transform: translateY(0);}
            50% {transform: translateY(-4px);}
            }
            .mp_lpopup_a .tax_manual .tax_div_m {display: none;}
            .mp_lpopup_a .tax_manual .tax_div_m.on {display: block;}
            .mp_lpopup_a .tax_manual .tax_nodiv_m {display: none;}
            .mp_lpopup_a .tax_manual .tax_nodiv_m.on {display: block;}

        

    /*추가결제-ljh*/
    /*삭제예정 - 230919메일 마이페이지 > 주문내역 > 진행상태 아이콘 & 버튼 정리작업 완료 시*/
    .d_myorderlist_a .c_cart_list .cart_table th.datenum_a .add_pay {margin-top: 20px; margin-left: 25px; border-top: 1px dashed #ddd; width: 200px;}
        .d_myorderlist_a .c_cart_list .cart_table th.datenum_a p.add_pay_t {font-size: 14px; color:#da1349; margin-top:16px; font-weight: 500px;}
    /*추가결제금액 iframe-kyn 230920*/
    iframe {border: none;}
        /*팝업 width,height 기본설정*/
        body.addpay, .wrap .c_section_iframe .layout_fix_iframe {width: 944px; min-width: inherit; box-sizing: border-box;}
        body.addpay div.wrap {height: 100%;}
        /*팝업 overflow 초기화*/
        .c_section .view_detail{overflow:inherit;}
        /*iframe내 layout정의*/
        .wrap .c_section_iframe .layout_fix_iframe {position: relative; padding:20px;}
            .wrap .c_section_iframe .layout_fix_iframe .c_form .c_group_tit {margin-top: 0;}
            .layout_fix_iframe .c_form .order_price {margin-top: 10px; margin-bottom: 10px; overflow: hidden;}
            .layout_fix_iframe .c_form .order_price .price_tt {font-size: 20px;}
            .layout_fix_iframe .c_form .order_price .price {font-size: 20px;}
            .layout_fix_iframe .c_form .total_oder_a .total_order {width: 100%; background-color: #fff; display: block; vertical-align: top; border-bottom:none; padding:0px;}
            .layout_fix_iframe .c_form .total_oder_a .total_order li {border-bottom:1px dotted #ddd}
            .layout_fix_iframe .c_form .total_oder_a .total_order li span {font-size: 14px;}
            .layout_fix_iframe .c_form .total_oder_a .total_order .order_price .price_tt {margin-left: -1px;}
            .layout_fix_iframe .c_form .total_oder_a .total_order .order_price .price {margin-right: -1px;}
            .layout_fix_iframe .c_form .total_oder_a .total_order .order_price .price strong {font-size: 14px;}
            .layout_fix_iframe .c_form .total_oder_a .total_order .order_price .price .ID_total_price {font-size: 20px;}
        /*iframe내에 팝업 UI 적용*/
        .layout_fix_iframe .c_pop_tit {border-bottom: 1px solid #ccc; padding-bottom: 10px;}
        .layout_fix_iframe .c_pop_tit .title {font-size:24px;}
        .layout_fix_iframe .c_pop_tit .d_topclose a {box-sizing: border-box;}
        body.addpay .d_bottombtn_a {width:100%;position: absolute; left:0; bottom:0;}

        .wrap .c_section_iframe .layout_fix_iframe .c_form.if_last_order {margin-top: 10px;}
        /*팝업 - iframe 재정의*/
        .d_lpopup_a01.iframepopup .d_lpopup_in {padding:0;}
        .d_lpopup_a01.iframepopup div.iframe_a {font-size: 0;}
        

    /*c_form 추가정의*/
    .c_cart_list .c_form td {background-color: #fff;;}
        .c_cart_list .c_form th,
        .c_cart_list .c_form td {padding:5px 10px 5px 8px !important}

        /*Step영역*/
        .d_myorderlist_a .c_mypage_total {border-radius: 30px 30px 0 0;}
        .d_myorderlist_a .order_search {border-radius: 0 0 30px 30px; border:1px solid #c7c7c7; background:#f5f5f5; border-top: 0;}/*검색영역 컬러 변경-cjy*/
        .d_myorderlist_a .c_mypage_total .total_num {font-size: 20px;line-height: 20px;display: inline-block;background-color: #efefef;padding: 5px 30px;border-radius: 100px;}
        .d_myorderlist_a .c_mypage_total li { position: relative;-webkit-transition:all .3s linear; transition: all .3s linear}
        .d_myorderlist_a .c_mypage_total li .icon img {width:70px; height: 70px;position:relative;  top:0; -webkit-transition:all .3s linear; transition: all .3s linear}
            .d_myorderlist_a .c_mypage_total li:hover .icon img {top:-10px;}
            .d_myorderlist_a .c_mypage_total li:before { content:"";height: 5px; background-color: #999; border-radius: 50%; position:absolute;left:50%; top:70px; }
            .d_myorderlist_a .c_mypage_total li:before:before { content:"dd";height: 10px; width:10px; background-color: red;}
            .d_myorderlist_a .c_mypage_total li:before {-webkit-transition:all .3s linear; transition: all .3s linear; opacity:0; width:80px;margin-left:-40px;}
            .d_myorderlist_a .c_mypage_total li:hover:before {opacity: 0.4;width:40px;margin-left:-20px;}


        .d_myorderlist_a .c_mypage_total .txt {margin-top:0;}
        /*마이페이지-메인 - 페이지안씀 220713
        .d_myorderlist_a.c_mypage_main  .c_mypage_total {border-radius: 30px;}*/
        /*주문내역-상세페이지*/
        .d_myorderlist_a.c_mypage .my_order_num {font-size:26px; border:0; font-weight: 300;}
        .d_myorderlist_a.c_mypage .my_order_num span.num {color:#da1349; background-color: #efefef; padding:5px 20px; border-radius: 10px;;}
        .d_myorderlist_a.c_mypage .workmemo {padding:20px; border:1px solid #ddd;min-height: 60px; font-size: 13px; background-color: #f5f5f5;}
        .d_myorderlist_a.c_mypage .c_cart_list .delivery_num {display: block; float: inherit; overflow:visible; margin-left:0;}
        .d_myorderlist_a.c_mypage .c_cart_list .delivery_num .txt {padding:0;}
        .d_myorderlist_a.c_mypage .c_cart_list .delivery_num .num_box {border-bottom: 0;;}
        .d_myorderlist_a.c_mypage .c_cart_list .delivery_num .num_box:hover {color:#007ad8 !important}
        .d_myorderlist_a.c_mypage .c_cart_list .delivery_num .num_box .txt.tit {display: block;;}
        .d_myorderlist_a.c_mypage .c_cart_list .delivery_num .num_box .txt {float: inherit; text-decoration: underline; font-size: 14px; line-height: 1.4;}
        .d_myorderlist_a.c_mypage .c_cart_list .delivery_num .txt:before {width: 0; height: 0; background-color:inherit ; margin:inherit;}
        /*변경이력*/
        .d_myorderlist_a.c_mypage .history>dl { padding: 20px 0;}
        .d_myorderlist_a.c_mypage .history>dl + dl { border-top:1px dotted #ccc;}
        .d_myorderlist_a.c_mypage .history>dl>dt { font-weight: 500; font-size: 13px; display: inline-block; background-color: #efefef; padding:5px 10px; border-radius: 5px;}
            .d_myorderlist_a.c_mypage .history>dl>dt span:first-child {background: url('/skin/site/beauty/images/c_img/ico_arrow5x5.png')no-repeat calc(100% - 4px) calc(50% + 1px); padding-right:20px;}
            .d_myorderlist_a.c_mypage .history>dl>dt span:last-child {color:#da1349;}

        
    
        /*Step 아이콘*/
        .d_myorderlist_a.c_mypage .my_order_step {margin-top:30px;}
            .d_myorderlist_a.c_mypage .my_order_step>dl {display:flex; height: 100px;;border:1px solid #ddd;border-radius: 10px; overflow: hidden;}
            .d_myorderlist_a.c_mypage .my_order_step>dl>dd {flex:1; box-sizing:border-box; border-left:1px solid #efefef; text-align: center; position: relative;}
            .d_myorderlist_a.c_mypage .my_order_step>dl>dd:first-child {border-left:0;}
            .d_myorderlist_a.c_mypage .my_order_step>dl>dd::before {content: "";width: 60px;height: 60px;background-color: red;display: block;margin: 10px auto 0; opacity: 0.4;}
            .d_myorderlist_a.c_mypage .my_order_step>dl>dd.payment::before {background:url('/skin/site/beauty/images/skin/ico_order1_payment_60_off.svg') no-repeat left top / contain;}
            .d_myorderlist_a.c_mypage .my_order_step>dl>dd.receipt::before {background:url('/skin/site/beauty/images/skin/ico_order2_receipt_60_off.svg') no-repeat left top / contain;}
            .d_myorderlist_a.c_mypage .my_order_step>dl>dd.corr::before {background:url('/skin/site/beauty/images/skin/ico_order3_corr_60_off.svg') no-repeat left top / contain;}
            .d_myorderlist_a.c_mypage .my_order_step>dl>dd.resub::before {background:url('/skin/site/beauty/images/skin/ico_order4_resub_60_off.svg') no-repeat left top / contain;}
            .d_myorderlist_a.c_mypage .my_order_step>dl>dd.type::before {background:url('/skin/site/beauty/images/skin/ico_order5_type_60_off.svg') no-repeat left top / contain;}
            .d_myorderlist_a.c_mypage .my_order_step>dl>dd.print::before {background:url('/skin/site/beauty/images/skin/ico_order6_print_60_off.svg') no-repeat left top / contain;}
            .d_myorderlist_a.c_mypage .my_order_step>dl>dd.printing::before {background:url('/skin/site/beauty/images/skin/ico_order7_printing_60_off.svg') no-repeat left top / contain;}
            .d_myorderlist_a.c_mypage .my_order_step>dl>dd.cut::before {background:url('/skin/site/beauty/images/skin/ico_order8_cut_60_off.svg') no-repeat left top / contain;}
            .d_myorderlist_a.c_mypage .my_order_step>dl>dd.process::before {background:url('/skin/site/beauty/images/skin/ico_order9_process_60_off.svg') no-repeat left top / contain;}
            .d_myorderlist_a.c_mypage .my_order_step>dl>dd.deliveryok::before {background:url('/skin/site/beauty/images/skin/ico_order11_deliveryok_60_off.svg') no-repeat left top / contain;}
            .d_myorderlist_a.c_mypage .my_order_step>dl>dd.cancel::before {background:url('/skin/site/beauty/images/skin/ico_order12_cancel_60_off.svg') no-repeat left top / contain;}

            .d_myorderlist_a.c_mypage .my_order_step>dl>dd.on { background-color:#fef5f8; color:#da1349;}
            .d_myorderlist_a.c_mypage .my_order_step>dl>dd.on::before {opacity: 1;}
            .d_myorderlist_a.c_mypage .my_order_step>dl>dd.payment.on::before {background:url('/skin/site/beauty/images/skin/ico_order1_payment_60.svg') no-repeat left top / contain;}
            .d_myorderlist_a.c_mypage .my_order_step>dl>dd.receipt.on::before {background:url('/skin/site/beauty/images/skin/ico_order2_receipt_60.svg') no-repeat left top / contain;}
            .d_myorderlist_a.c_mypage .my_order_step>dl>dd.corr.on::before {background:url('/skin/site/beauty/images/skin/ico_order3_corr_60.svg') no-repeat left top / contain;}
            .d_myorderlist_a.c_mypage .my_order_step>dl>dd.resub.on::before {background:url('/skin/site/beauty/images/skin/ico_order4_resub_60.svg') no-repeat left top / contain;}
            .d_myorderlist_a.c_mypage .my_order_step>dl>dd.type.on::before {background:url('/skin/site/beauty/images/skin/ico_order5_type_60.svg') no-repeat left top / contain;}
            .d_myorderlist_a.c_mypage .my_order_step>dl>dd.print.on::before {background:url('/skin/site/beauty/images/skin/ico_order6_print_60.svg') no-repeat left top / contain;}
            .d_myorderlist_a.c_mypage .my_order_step>dl>dd.printing.on::before {background:url('/skin/site/beauty/images/skin/ico_order7_printing_60.svg') no-repeat left top / contain;}
            .d_myorderlist_a.c_mypage .my_order_step>dl>dd.cut.on::before {background:url('/skin/site/beauty/images/skin/ico_order8_cut_60.svg') no-repeat left top / contain;}
            .d_myorderlist_a.c_mypage .my_order_step>dl>dd.process.on::before {background:url('/skin/site/beauty/images/skin/ico_order9_process_60.svg') no-repeat left top / contain;}
            .d_myorderlist_a.c_mypage .my_order_step>dl>dd.deliveryok.on::before {background:url('/skin/site/beauty/images/skin/ico_order11_deliveryok_60.svg') no-repeat left top / contain;}
            .d_myorderlist_a.c_mypage .my_order_step>dl>dd.cancel.on::before {background:url('/skin/site/beauty/images/skin/ico_order12_cancel_60.svg') no-repeat left top / contain;}

            .d_myorderlist_a.c_mypage .my_order_step>dl>dd.on::after {content: "";background-color:#da1349; position: absolute; bottom: 0;
           animation: waitline 2s 1s forwards;-webkit-animation: waitline 2s 1s forwards; left:50%;height:0;}
            @keyframes waitline {
                0% {width:1%; margin-left:-1%; height: 1px;}
                80% {width:100%; margin-left:-50%; height: 1px;}
                100% {width:100%; margin-left:-50%; height: 4px;}
            }
        /*.c_btnboxinfo {position: relative;}
            .c_btnboxinfo li.leave { position:absolute; left:0; top:0;}*/    


        /*마이페이지-옵션보관함 및 주문내역 (별도견적 관련)-cjy*/
        .d_table_01 .detail .detail_memo {color: #999; font-size: 12px; margin-top: 4px;}/*옵션보관함 - 옵션명 및 메모*/
        .d_myorderlist_a .c_cart_list.mysq {margin-top: 0;} /*주문내역table 상단 높이 0으로 조정*/
        .d_tab_02.mysq dd{min-width: 125px;} /*탭 사이즈 조정*/
        .d_lpopup_a02_in textarea{width:100%;height:140px;margin-top:10px;border:1px solid #ccc;border-radius:4px;box-sizing:border-box;padding:10px; resize:none;}/*옵션저장 레이어팝업*/



 /* 마이페이지-작업현황 */
    .d_myprogress_a .d_table_01 table {table-layout: fixed;  width: 100%;}

    .d_myprogress_a .d_table_01 tbody tr td.d_pd_none {text-align: center; background-color: red; border: 10px solid red;}
    .d_myprogress_a .d_table_01 table tbody tr  {height: auto;}
    .d_myprogress_a .d_table_01 td .order_item {text-align: left;padding: 16px 8px 11px 8px; position: relative; width:100%; box-sizing:border-box;}
    .d_myprogress_a .d_table_01 td .title {display: inline-block; width: 100%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; text-align: left;font-size: 13px; color: #333; font-weight: 400; line-height: 22px;}
    .d_myprogress_a .d_table_01 td .title:hover {text-decoration: underline;}
    /*.d_myprogress_a .d_table_01 td .mypg_type {display: block; padding: 11px 5px 11px 8px; width: 90%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}*/

    .d_myprogress_a .mypg_search_a {background-color: #f5f5f5;border-radius: 0 0 30px 30px;padding: 30px 39px;border: 1px solid #c7c7c7;border-top: 0;}
        .mypg_order_search {display:flex;align-items: flex-start; gap: 40px;}
        .mypg_order_search + .mypg_order_search {margin-top: 20px;}
        .mypg_order_search dl {display:flex;align-items:center;width: calc(39% - 20px);}
        .mypg_order_search dl.mypg_radio {display:flex;align-items:flex-start;width: calc(39% - 20px);}
        .mypg_order_search dt {font-weight: 600;width:70px;flex-shrink:0;}
        .mypg_order_search dd {margin:0;flex:1;display:flex;flex-wrap: wrap; gap: 8px 5px;}
        .mypg_order_search dd.search_option {flex-wrap: nowrap;}
        .mypg_order_search .date .input_box {margin-left:0 !important; display: flex; align-items: center; overflow: visible !important;}
        .mypg_order_search .d_itext_s03{width: 400px;}
        .mypg_order_search .d_ibutton_s.d_ibutton_s02.mypg {margin-left: 5px;}
        .mypg_search_btn {display: flex;justify-content: center;margin-top: 20px;}
        .mypg_search_btn{margin-top: 30px;text-align: center;display: flex;flex-wrap: wrap;gap: 10px 10px;justify-content: center;}
        .mypg_search_btn .dt_search  {background-image: url('/skin/site/beauty/images/c_img/ico_search.svg');background-repeat: no-repeat;background-position: left 66px center;background-size: 20px 20px;padding-right: 6px;}
        


    .mypg_top_control {display: flex;justify-content: space-between;align-items: center; margin: 30px 0 10px 0;}
        .mypg_list_count_box {display: flex;align-items: center; margin:0 20px 0 10px;font-size: 13px;color: #666;}
        .mypg_list_count_box strong {font-weight: 500;color: #222;}
        .mypg_list_count_box .mypg_selected_count {position: relative; margin-left: 10px;  padding-left: 10px;}
        .mypg_list_count_box .mypg_selected_count::before {content: '';position: absolute; left: 0;top: 50%;width: 1px;height: 12px;background: #666; transform: translateY(-50%); }
        .mypg_btn_wrap {margin-right: auto;}
        .mypg_btn_a .d_btn_s_mr {margin-left: 0;}
    
        .mypg_top_control .c_cart_ctrl{margin-top: 0;}
        .mypg_top_control .c_cart_ctrl .select_num{padding: 0 12px 0 10px;}

    .mypg_bottom_button{margin-top: 30px;margin-bottom: 20px;text-align: center;display: flex;flex-wrap: wrap;gap: 10px 10px;justify-content: center;}
        .mypg_bottom_button .d_btn_b01 { background-color: #e7e7e7;border: 1px solid #e7e7e7;color: #333333 !important;border-radius: 10px;width: 250px;}
        .mypg_bottom_button .d_btn_b01:hover {background-color: #f5f5f5;}
        .mypg_bottom_button .d_btn_b01.dt_download_b {background-image: url('/skin/site/beauty/images/c_img/ico_download_black_17x17.png');background-repeat: no-repeat;background-position: right 31px top 50%;padding-right: 47px;}
        .mypg_bottom_button .d_btn_b01.dt_download_b img.ico_excel {width: 22px;height: 22px;vertical-align: middle;margin-top: -4px;margin-right: 5px;}
        .mypg_bottom_button .d_btn_b01.dt_download_b img.ico_pdf {width: 22px;height: 22px;vertical-align: middle;margin-top: -4px;margin-right: 5px;}
        .mypg_bottom_button .d_btn_b01 img.ico_print {width: 22px;height: 22px;vertical-align: middle;margin-top: -4px;margin-right: 5px;}

    .mypg_lpopup_title span {font-size: 18px; font-weight:500; color:#333; padding:26px 0 8px 0; line-height:24px}
    .mypg_lpopup_detailview .option {margin: 0 0 26px 0;} 
    .mypg_lpopup_detailview .option li{list-style: none;padding: 0;} 
    .mypg_lpopup_detailview .c_form tr{height: 35px;}
    .mypg_lpopup_detailview .c_form th{text-align: center;color: #333;font-weight: 400;height: 40px;background:#fafafa;letter-spacing: -0.5px;padding: 5px 10px;}
    .mypg_lpopup_detailview .c_form td{padding: 5px 10px 5px 8px !important;text-align: left;color: #888;}


     /*작업현황>툴팀*/       
    .mypg_order_search dd.date,
    .mypg_order_search .date .input_box,
    .tooltip_wrap {position: relative;overflow: visible !important;}
    .tooltip_wrap {position: relative;display: inline-block;vertical-align: middle;margin-left: 6px;}
        .d_text_tooltip_box {display: none;position: absolute;top: 32px;left: -127px;width: 285px;padding: 12px 14px;background: #da1349;border-radius: 5px;box-shadow: 0 6px 16px rgba(0,0,0,.25);box-sizing: border-box;text-align: left;}
        .tooltip_wrap:hover .d_text_tooltip_box {display: block;}
        .d_text_tooltip_box::before {content: "";position: absolute;top: -6px;right: 138px;border-left: 6px solid transparent;border-right: 6px solid transparent;border-bottom: 6px solid #da1349;}
        .d_text_tooltip_box strong {display: block;margin-bottom: 7px;color: #fff;font-size: 13px;font-weight: 700;line-height: 1.4;}
        .d_text_tooltip_box ul {margin: 0;padding: 0;list-style: none;}
        .d_text_tooltip_box li {position: relative;padding-left: 9px;margin-bottom: 3px;color: #fff;font-size: 12px;line-height: 1.2;word-break: keep-all;white-space: normal;}
        .d_text_tooltip_box li::before {content: "·";position: absolute;left: 0;top: 0;}
        .d_text_tooltip_box li:last-child {margin-bottom: 0;}

    















    /* 마이페이지-편집기보관함 */
    .d_myeditbox_a .d_table_01 tbody tr td.d_pd_none {text-align: center; background-color: red; border: 10px solid red;}
    .d_myeditbox_a .d_table_01 td.detail {text-align: left; padding: 10px 20px;}
    .d_myeditbox_a .d_table_01 td span.tit {font-size: 16px; color: #333; font-weight: 400; line-height: 22px;}
    .d_myeditbox_a .d_table_01 td .d_nameedit {display: inline-block; background: url(/skin/site/beauty/images/c_img/ico_nameedit.png) left center no-repeat; padding: 13px; vertical-align: -7px; margin-left: 3px;}
    .d_myeditbox_a .d_table_01 td .d_nameedit.dim {display: inline-block; background: url(/skin/site/beauty/images/c_img/ico_nameedit_dim.png) left center no-repeat; padding: 13px; vertical-align: -7px; margin-left: 3px; cursor: default;}
    .statement_search .d_mynotice .d_list_01 {display:flex; flex-direction: column;}
    .statement_search .d_mynotice .d_list_01 li:nth-child(2) {width: 100%;}
        /* 편집기보관함 자동저장 */
        .d_myeditbox_a .myp_autosave_a {display: flex; background-color: #fff; border-radius: 16px; margin-top: 15px; justify-content: space-between; padding: 15px; padding-left: 0px; align-items: center; border: 1px solid #ddd;}
        .d_myeditbox_a .myp_autosave_a .btn_autosave {display: flex; justify-content: center; align-items: center; flex: 1;}
        .d_myeditbox_a .myp_autosave_a .btn_autosave > .autosave_tit {display: inline-block; font-size: 16px; margin-left: 6px; color: #666; line-height: 1.3; font-weight: 400; transition:all 0.25s ease;}
        .d_myeditbox_a .myp_autosave_a .btn_autosave .tgl_save:has(input:checked) + .autosave_tit {color: #1273eb;}
        .d_myeditbox_a .myp_autosave_a .btn_autosave .tgl_save { position: relative; width: 76px; height: 30px; border-radius: 31px; cursor: pointer; display: inline-block; flex-shrink: 0; }
        .d_myeditbox_a .myp_autosave_a .btn_autosave .tgl_save input {position: absolute; opacity: 0; width: 1px; height: 1px;}
        .d_myeditbox_a .myp_autosave_a .btn_autosave .tgl_track {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 70px; height: 30px; border-radius: 22px; background: #d0d0d0; transition: background 0.35s ease; box-shadow: inset 0 1px 4px rgba(0,0,0,0.15); }
        .d_myeditbox_a .myp_autosave_a .btn_autosave .tgl_handle { position: absolute; top: 3px; left: 6px; width: 45px; height: 24px; border-radius: 31px; background: #fff; transition: all 0.35s; display: flex; align-items: center; justify-content: center;}
        .d_myeditbox_a .myp_autosave_a .btn_autosave .tgl_label { font-size: 10px; font-weight: 500; color: #aaa; letter-spacing: 0.05em; user-select: none; transition: color 0.2s; }
        .d_myeditbox_a .myp_autosave_a .btn_autosave .tgl_label::before { content: 'OFF'; }
        .d_myeditbox_a .myp_autosave_a .btn_autosave .tgl_save input:checked ~ .tgl_track { background: #1273eb; }
        .d_myeditbox_a .myp_autosave_a .btn_autosave .tgl_save input:checked ~ .tgl_handle { transform: translateX(19px); }
        .d_myeditbox_a .myp_autosave_a .btn_autosave .tgl_save input:checked ~ .tgl_handle .tgl_label::before { content: 'ON'; color: #1273eb;}
        .d_myeditbox_a .myp_autosave_a .btn_autosave .tgl_save input:focus-visible ~ .tgl_handle {outline: 2px solid #1273eb; outline-offset: 2px;}
        .d_myeditbox_a .myp_autosave_a .d_list_06 {background-color: inherit; margin-top: 0px; flex: 1.4; padding: 0px;}

        /* 편집기보관함 카테고리 선택 부분 */
        .d_myeditbox_a .statement_search {border:1px solid #eee; background:#fafafa; padding:15px 9px 15px 15px;border-radius: 15px; margin-top:20px;}
            .d_myeditbox_a .statement_search ul {display:table; width:100%; table-layout:fixed;}
            .d_myeditbox_a .statement_search li {display:table-cell; list-style:none; vertical-align:middle;}
        .d_myeditbox_a .state_select {width: 200px;}
        .d_myeditbox_a .statement_search li:nth-child(2) {width: 170px;}
            .d_myeditbox_a .state_select select {border: 1px solid #ddd; padding: 6px 8px 9px 8px; float: left; font-size: 12px !important; height: 35px; float: left; width: 160px; margin-left: 10px;}
        /* 편집기보관함 디자인 템플릿 tit */
        .d_myeditbox_a .statement_search li.name>p { font-size: 20px; font-weight: 500; color:#333}
        .d_myeditbox_a .statement_search li.name>p span.info {font-weight: 300; color:#444}
        .d_myeditbox_a .statement_search li.name>p span.noti {font-size: 14px;color: #da1349;display: block;margin-top: 10px;}
        /* 편집기보관함 btn */
        .d_table_01 .detail .d_editbox_btn {padding: 10px 0 5px 0;}
        /* 편집기보관함 주의사항 */
        .d_table_01 .detail .noti_t {color:#da1349; font-size: 12px; margin-top: 4px;}

    /*P머니,피머니*/
        /*가상계좌만들기*/
        .pm_headcopy {padding:50px 0;text-align: center;}
        .pm_headcopy p.ico_pm {font-size: 0; text-indent: -5000px; width: 150px;height: 100px; margin:0 auto;background: url('/skin/site/beauty/images/c_img/ico_pmoney_ani.png');animation: pmoney_ani 3s steps(53, end) alternate infinite;}
        @keyframes pmoney_ani {
            0% {background-position: 0 0;}
            10% {background-position: 0 0;}
            60% {background-position: -7950px  0;}
            89% {transform: rotate(0deg)}
            90% {transform: rotate(5deg)}
            92% {transform: rotate(-5deg)}
            94% {transform: rotate(5deg)}
            96% {transform: rotate(-5deg)}
            98% {transform: rotate(0deg)}
            100% {background-position: -7950px  0;}
        }
            .pm_headcopy p.word1 {font-size: 26px; color:#666; font-weight: 300; margin-top:10px;}
            .pm_headcopy p.word2 {font-size: 20px; color:#666; font-weight: 300; margin-top:30px;}
            .pm_headcopy p.word3 {font-size: 20px; color:#666; font-weight: 300; margin-top:10px;}
            /*.pm_headcopy p.word2 .d_pointcolor_01 { background-color:#ffdfe9; display: inline-block; padding:10px 20px; border-radius: 5px;}*/
            .pm_headcopy p.word2 .d_pointcolor_01 { background-color:#ffdfe9; display: inline-block; padding:10px 20px; border-radius: 5px; font-weight: 400;}
        /*가상계좌만들기*/
        .depositamount_a {text-align: center; display: flex; flex-direction: column; align-items:center}
            .depositamount_a p.amount_a {min-width:400px; font-size: 30px; color:#83939a; font-weight: 400; padding:20px 50px; letter-spacing: -1px; background-color:#f0f5fe; border-radius: 10px;}
            .depositamount_a p.amount_a .amount { color:#007ad8; font-weight: 500;}
            .depositamount_a p.noti {font-size: 16px; color:#666; margin-top:10px;}
            .d_pmoney_a .depositamount_a {padding:60px 0 20px;}
            .d_lpopup_a01 .depositamount_a {padding:0 0 30px;}
        /*보유P머니.가상계좌*/
        .d_pmoney_a .mypage_list_top li.pmoney { font-size: 17px; color:#333; font-weight: 400; width: 34.5%}
            .d_pmoney_a .mypage_list_top li.account { font-size: 17px; color:#333; font-weight: 400; width: 65.5%}
            .d_pmoney_a .mypage_list_top li.account span.copybtn {font:11px/1.2 "돋움", Dotum, "굴림", Gulim, sans-serif; background-color:#35a2fa; padding:6px 7px 5px 7px; color:#fff;vertical-align:middle;cursor:pointer; margin-left:5px; border-radius: 4px;}
        /*부분결제*/
        .d_pmoney_a .pmoney_payper {border-top:1px solid #ddd; display: flex; padding-top:40px; padding-bottom: 10px;;}
            .d_pmoney_a .pmoney_payper div.notitxt {width:916px; flex-grow:0; box-sizing: border-box; font-size: 17px; background-color:#fff; color: #333; padding-left:120px;
                background: url(/skin/site/beauty/images/c_img/ico_pay_pmoney.svg) no-repeat  30px -8px / auto 70px;}
            .d_pmoney_a .pmoney_payper div.btn_a {flex-grow:1; display: flex; }
                .d_pmoney_a .pmoney_payper div.btn_a a {}
        /*보유P머니.가상계좌*/
        .d_pmoney_a .c_mypage_list td.type { text-align: center;}
        .d_pmoney_a .c_mypage_list td.detail { text-align: left;}
        .d_pmoney_a .c_mypage_list td.trade,
        .d_pmoney_a .c_mypage_list td.remaining,
        .d_pmoney_a .c_mypage_list td.amount { text-align: right;}
        .d_pmoney_a .c_mypage_list td span.tit { font-size: 16px; color:#333; font-weight: 400;}
            .d_pmoney_a .c_mypage_list td span.detail { font-size: 13px; color:#999; font-weight: 500;margin-left:10px;}

    /*1:1온라인문의*/
    .c_board_list .view_box {border:0;}
        .c_board_list .view_box td { padding:40px;}
        .c_board_list .view_box .view_tit {font-size:18px; font-weight: 400;}
        .c_board_list .view_box .view_txt {font-size:14px;}
        .c_board_list .reply {margin:20px 0 0; border:1px solid #efefef;border-radius: 10px;padding: 30px 30px 30px 80px;background: #fff url(/skin/site/beauty/images/skin/ico_answer60.svg) no-repeat 20px 25px / 50px 50px;}
    /*적립급*/
    .c_mypage_list .price {font-weight:400; color:#bb1d4c}
    .c_mypage_list .price.if_minus {color:#007ad8;}
    /*쿠폰*/
    .c_mypage_list td.coupon {text-align: left;}
    /*회원탈퇴*/
    .d_leavemem .c_page_tit {border:0;}
        .d_leavemem .c_complete {border:0}
        .d_leavemem .complete_box { background-color:#efefef; border-radius:20px;}
        .d_leavemem .complete_box .order_number {border:1px solid #e7e7e7;border-radius:50px; display:inline-block; padding:15px 100px}
        .d_leavemem .c_complete .complete_box .tit {font-size:40px; font-weight:200;}
        .d_leavemem .c_complete .complete_box .tit strong { font-weight:400;}
        .d_leavemem .c_complete .complete_box .sub_txt {font-size:20px; line-height:1.4; font-weight:200; margin-top:25px;}

    /* 마이페이지-정보수정 */
    .js_modify_form .c_group_tit .sub_txt {margin-left: auto;}
    .c_mypage .c_form .ad_receive_a {display: flex; flex-direction: column;}
        .c_mypage .c_form .ad_receive_a .ad_receive_in {display: flex; flex-direction: column;}
        .c_mypage .c_form .ad_receive_a .ad_receive_in .ad_social {display: flex; gap: 50px;}
        .c_mypage .c_form .ad_receive_a .ad_receive_in .ad_social>span {width: 100px; font-size: 14px; color:#333; margin-top: 6px;}
        .c_mypage .c_form .ad_receive_a .ad_receive_in .ad_label {margin-top: 2px;}
        .c_mypage .c_form .ad_receive_a .ad_receive_in.email {margin-left: 60px;}
        .c_mypage .c_form .ad_receive_a .tip_txt {top: -5px;}
        .c_mypage .c_form .ad_receive_a .tip_txt:before {top:10px;}
        .c_mypage .c_form .input_full {display: flex; gap: 5px;}
        /* 담당자 변경 btn */
        .js_modify_form .c_group_tit {display: flex;}
        /* 담당자, 사업자 변경 Lpopup */
        .lpop_change .d_dlist_02, .lpop_change .c_pop_contents  {margin-top: 20px;}
        .lpop_change dl {min-height: inherit; border-bottom: 1px solid #ddd;}
        .lpop_change dl>dt {background-color: #eee; padding: 16px 0 16px 13px;}
        .lpop_change dl>dd {padding: inherit; margin-left: 7px; padding: 2px 0;}
        .lpop_change dl>dd>span {font-size: 14px; margin-left: 8px;}
        .lpop_change .d_list_06 {margin-top: 0px; border-radius: 0px;}
        .c_pop_contents p.d_list_tit {border-bottom: 1px solid #666; padding-bottom: 4px;}
        .c_pop_contents label.d_list_tit  input[type=checkbox] {height: 22px; width: 18px;}


    /* 거래명세서 날짜 선택 부분 추가 */
    .d_myorderlist_a .statement_search {border:1px solid #eee; background:#fafafa; padding:15px 9px 15px 15px;border-radius: 15px; margin-top:20px}
        .d_myorderlist_a .statement_search ul {display:table; width:100%; table-layout:fixed;}
        .d_myorderlist_a .statement_search li {display:table-cell; list-style:none; vertical-align:middle;}
        /* 회원명 */
        .d_myorderlist_a .statement_search li.name>p { font-size: 20px; font-weight: 500; color:#333}
        .d_myorderlist_a .statement_search li.name>p span.info {font-weight: 300; color:#444}
        /* 거래명세서 날짜 선택 부분 추가 */
        .d_myorderlist_a .statement_search .date {width:200px;}
        .d_myorderlist_a .statement_search .date .input_box {overflow:hidden; margin-left:10px}
        .d_myorderlist_a .statement_search .date .input_design {float:left; border:1px solid #ddd; height:35px; padding:8px 35px 10px 10px; box-sizing:border-box; color:#999; background:#fff url('../images/c_img/ic_order_date.gif') right center no-repeat;}
        .d_myorderlist_a .statement_search .date .input_design:focus {border-color:#aaa; background:#fff url('../images/c_img/ic_order_date_on.gif') right center no-repeat;}
        .d_myorderlist_a .statement_search .date .input_box .prev {float:left; padding:0 10px; line-height:33px; color:#999;}
        .d_myorderlist_a .statement_search .date .input_box .next {float:left; padding:0 10px; line-height:33px; color:#999;}
        /* 신청리스트 Tab */
        .d_myorderlist_a .publishlist_a {margin-top:40px; padding:0 150px; padding-bottom: 20px;}
        .d_myorderlist_a .publishlist_a>dl { display: flex; background-color: #fff;}
        .d_myorderlist_a .publishlist_a>dl>dd { flex:1; text-align: center; overflow: hidden;}
        .d_myorderlist_a .publishlist_a>dl>dd a {display: flex; align-items: center; justify-content: center;font-size: 20px; font-weight: 300; color: #666; padding:20px 0; border-bottom: 5px solid #efefef; position:relative; box-sizing: border-box;}
        .d_myorderlist_a .publishlist_a>dl>dd a:hover {color:#750E2C}
        /*hover 활성화*/
        .d_myorderlist_a .publishlist_a>dl>dd a::after {content:"";width:100%; height: 5px; bottom:0; transform: translateY(10px); left:0%; background-color: #750E2C; position: absolute; transition: all 0.3s ease 0s;z-index:1;}
        .d_myorderlist_a .publishlist_a>dl>dd a:hover::after {transform: translateY(5px);}
        /*메뉴 ON 활성화*/
        .d_myorderlist_a .publishlist_a>dl>dd.on a {color:#da1349; font-weight: 400; cursor: default;}
            .d_myorderlist_a .publishlist_a>dl>dd.on a::after {left:50%; background-color: #da1349; animation: waitline 1s forwards 0s;}
            @keyframes waitline {
                0% {width:1%; margin-left:0%;}
                80% {width:100%; margin-left:-50%; transform: translateY(8px)}
                100% {width:100%; margin-left:-50%; transform: translateY(5px);}
            }

            

        /* 거래명세서, 주문내역 Table조정 */
        .d_myorderlist_a .statement_list .c_cart_list {margin-top:0}
        .d_myorderlist_a .statement_list .order_item+.order_item {border-top:1px solid #ddd;}
        .d_myorderlist_a .statement_list .c_group_tit .sub_txt02 {float: right; font-weight: normal; }


    /*회사소개*/
    .d_company_a {padding-top:0 !important;}.d_company.layout_fix {width:100%;}.d_company .c_group_tit { display: none;}.d_company .c_user_box {margin-top:0 !important;}/*기본정의*/
        /*공통정의*/
        .d_company * {line-height: 1.2;}
        .d_company ul {list-style:none;}
        .d_company h1.tit {font-size: 46px; font-weight: 600; color:#e01f4e; padding-top:88px; padding-bottom:18px;}
        .d_company h2.titcopy {font-size: 25px; color:#333; font-weight:300;}
        .d_company .fixedwidth { width:1200px; margin:0 auto;}
        /*메인비쥬얼영역*/
        .mainvisual_a{;z-index:1}
        .mainvisual_a .slide_area ul li {height:850px;background-position:50% 0;background-repeat:repeat-x}
            .mainvisual_a .headban_slider { position: relative}
            .mainvisual_a .bannercopy {position: absolute; left:50%; top:264px; margin-left:-560px; color: #fff;}
            .mainvisual_a .bannercopy h1 {font-size:56px; letter-spacing:-3px; font-weight: 600; margin-bottom: 30px;}
            .mainvisual_a .bannercopy h2 {font-size:26px; letter-spacing:-2px; font-weight: 200;}
        /*히스토리영역*/
        .d_company .history_a {overflow: hidden;}
        .d_company .history_a * {/*-webkit-transition:all .3s linear; transition: all .3s linear*/}
        .d_company .history_a.close {}
            .d_company .history_a .hist_in {position: relative;}
            .d_company .history_a .hist_in .bgimg {width:1580px; height: 1265px; position: absolute; right:57%; bottom:0; background: url('/skin/site/beauty/images/company/bg_history.jpg') no-repeat left bottom;  z-index:8;}
            .d_company .history_a .hist_in::after{content:'';display:block;clear:both;}
            .d_company .history_a .hist_in .bgimg {background: url('/skin/site/beauty/images/company/bg_history.jpg') no-repeat left bottom; transition: background-position 6s ease !important}
            /*히스토리리스트*/
            .d_company .history_a .hist_a2 {float:right; width:680px; z-index:10; position: relative; padding-left:80px; padding-bottom: 80px; box-sizing: border-box; height: 1033px; transition:height 1000ms; }
                .d_company .history_a .hist_a2 h1 { }
                .d_company .history_a .hist_a2 .hist_list {margin-top:60px;
                    background-image: url('/skin/site/beauty/images/company/line_2x50.png');
                    background-repeat: repeat-y;
                    background-position: 80px top;
                }
                .d_company .history_a .hist_a2 .hist_list dl {padding-bottom: 30px; position: relative;-webkit-transition:none; transition: none}
                .d_company .history_a .hist_a2 .hist_list dl:hover {}
                .d_company .history_a .hist_a2 .hist_list dl::after{content:'';display:block;clear:both;}
                .d_company .history_a .hist_a2 .hist_list dl dt.year {float: left;width: 86px;font-size: 22px;color:#000; position: relative;}
                .d_company .history_a .hist_a2 .hist_list dl dd { float: right; width:490px; padding-top:3px; padding-bottom:7px}
                .d_company .history_a .hist_a2 .hist_list dl dd p{font-size: 18px;}
                .d_company .history_a .hist_a2 .hist_list dl dd p.month { float:left; width:8%; color:#999999}
                .d_company .history_a .hist_a2 .hist_list dl dd p.txt { float:left; width:92%;letter-spacing: -1px;color:#666666;}
                .d_company .history_a .hist_a2 .btn_more { display: none;}

                /*선처리*/
                .d_company .history_a .hist_a2 .hist_list dl dt::after {content:"";width:10px; height:10px; background: #fff url('/skin/site/beauty/images/company/line_bullet.png') no-repeat left top; position: absolute; right:0; top:8px}
                    .d_company .history_a .hist_a2 .hist_list dl:first-child dt::after {height:18px; background-position: left bottom; top:0px;}
                    .d_company .history_a .hist_a2 .hist_list dl:last-child dt::after {height:27px;}
                    .d_company .history_a .hist_a2 .hist_list dl:last-child { padding-bottom: 0 !important;}
                /*히스토리 닫힌 경우*/
                .d_company .history_a.close .hist_in .bgimg { background-position: left bottom -130px}
                .d_company .history_a.close .hist_a2 {height: 680px; }
                .d_company .history_a.close .hist_a2 .hist_list dl:nth-of-type(4) {padding-bottom: 130px;}
                .d_company .history_a.close .hist_a2 .hist_list dl:nth-of-type(4)::before {content: '';width: 40px;height: 150px;background-color:#fff;position: absolute;left: 61px;top: 50px;}
                .d_company .history_a.close .hist_a2 .btn_more { display:block; position:absolute; left:111px; bottom:66px;}
                /*히스토리 열린 경우*/
                .d_company .history_a.open .hist_a2 {}

            /*프린팅솔루션*/
            .d_company .digitalprint_a {background: url('/skin/site/beauty/images/company/bg_printingsolution.jpg') no-repeat 50% top; background-size: cover;}
                .d_company .digitalprint_a .digi_in {text-align:center;}
                .d_company .digitalprint_a .digi_in h1 {padding-top:120px}
                .d_company .digitalprint_a .digi_in h1.tit,.d_company .digitalprint_a .digi_in h2.titcopy {color:#fff !important}
                .d_company .digitalprint_a .digi_in .digi_list {display: flex; flex-wrap: wrap; box-sizing:border-box; padding-top:140px; padding-bottom: 180px;}
                .d_company .digitalprint_a .digi_in .digi_list li {width:33.33%; display: flex; justify-content: center;}
                .d_company .digitalprint_a .digi_in .digi_list li div {width:280px; height: 260px; background-color: #fff;font-size: 20px; box-sizing:border-box; border-radius: 10px; padding-top:50px; position: relative;color: #555;}
                .d_company .digitalprint_a .digi_in .digi_list li div img {margin-bottom: 13px;}
                .d_company .digitalprint_a .digi_in .digi_list li div p {font-size: 18px; color:#555;}
            /*회원가입*/
            .gomember_a { background-color: #e01f4e; background: url('/skin/site/beauty/images/company/ban_gomember_pt.png') repeat left top;}
                .gomember_a .gome_in {text-align:center;}
                .gomember_a .gome_in p img {vertical-align: middle}
            /*인증서*/
            .d_company .certification_a { background-color: #e4e4e4;}
                .d_company .certification_a .certi_in {text-align:center;}
                .d_company .certification_a .certi_in .certi_list {display: flex; flex-wrap: wrap; box-sizing:border-box; padding-top:60px; padding-bottom: 50px;}
                .d_company .certification_a .certi_in .certi_list li {width:33.33%; display: flex; justify-content: center;}
                .d_company .certification_a .certi_in .certi_list li div.ico {width:280px; height: 350px; background-color: #fff;font-size: 20px; box-sizing:border-box; border-radius: 10px; padding:20px 10px; position: relative; margin-bottom:50px; -webkit-box-shadow: 2px 2px 3px 1px rgba(0,0,0,0.1); box-shadow: 2px 2px 3px 1px rgba(0,0,0,0.1); overflow: hidden; }
                    .d_company .certification_a .certi_in .certi_list li div.ico>img { margin-bottom: 7px;}
                    .d_company .certification_a .certi_in .certi_list li div.ico p.cord {font-size: 18px; color: #000; margin-bottom: 16px; word-break: keep-all;}
                    .d_company .certification_a .certi_in .certi_list li div.ico p.txt {font-size: 16px; color: #555; line-height: 1.4; word-break: keep-all;}
                .d_company .certification_a .certi_in .certi_list li div.ico div.file {width:280px; height: 350px; background-color: #efefef;font-size: 20px; box-sizing:border-box; border-radius: 10px; position: absolute; top:100%; left:0; -webkit-transition:all .5s ease 0s; transition: all .5s ease 0s}
                    .d_company .certification_a .certi_in .certi_list li div.ico div.file p.file {height: 300px; background-color: #efefef; display: flex; align-items: center; justify-content: center;}
                    .d_company .certification_a .certi_in .certi_list li div.ico:hover div.file p.download>a {height: 50px; font-size: 16px; color:#fff;background-color:#666666; display: flex; align-items: center; justify-content: center; -webkit-transition:all .2s ease 0s; transition: all .2s ease 0s}
                    .d_company .certification_a .certi_in .certi_list li div.ico:hover div.file p.download>a>img {vertical-align: middle;}

                /*동적효과*/
                .d_company .certification_a .certi_in .certi_list li div.ico:hover div.file {transform: translateY(-100%);}
                .d_company .certification_a .certi_in .certi_list li div.ico:hover div.file.no {transform: translateY(-14%);}
                .d_company .certification_a .certi_in .certi_list li div.ico:hover div.file p.download>a:hover {background-color:#444;}
            /*계열사*/
            .d_company .affiliate_a { background-color: #efefef;}
                .d_company .affiliate_a .affil_in {text-align:center;}
                .d_company .affiliate_a .affil_in .affi_list { display: flex; justify-content: space-around; padding-top:53px; padding-bottom: 95px;}
                .d_company .affiliate_a .affil_in .affi_list li {}
            /*프린피아몰 버튼*/
            .d_company .prinpiabtn_a {text-align: center; margin:50px 0}
            /*메인바로가기 버튼*/
            .d_company .gomain_a {display: none;}



            /* 회사소개 Mobile
            ------------------------------------------------ */
            @media screen and (max-width: 1023px) {
                /*모바일용 구조정리*/
                .dj_mobile div.header,
                .dj_mobile div.nav,
                .dj_mobile div.footer {display: none;}
                /*width 초기화*/
                    body.dj_mobile {width:100%; min-width:1200px; font-size:12px; -webkit-text-size-adjust: none; -ms-text-size-adjust: none; text-size-adjust: none;}
                    .dj_mobile .d_company .fixedwidth { width:90%; margin:0 auto;}
                    .dj_mobile .mainvisual_a { position: relative;}
                    .dj_mobile .mainvisual_a::after {content: '';width: 18%;height: 70px;background:url('/skin/site/beauty/images/c_img/logo_white.png') no-repeat 50% 50%/contain;position: absolute;left: 50px;top:60px;z-index: 1000;}

                    /*메인비쥬얼*/
                    .dj_mobile .mainvisual_a .slide_area ul li { height: 500px; background-size: cover;}
                        .dj_mobile .mainvisual_a .bannercopy {top:160px; }
                        .dj_mobile .mainvisual_a .bannercopy h1 {font-size: 45px; margin-bottom: 15px;}
                        .dj_mobile .mainvisual_a .bannercopy h2 {font-size: 30px;}
                    /*히스토리*/
                    .dj_mobile .d_company .history_a .hist_a2 {width:57%; padding:0 0 30px 20px; }
                    .dj_mobile .d_company .history_a .hist_a2 .hist_list dl dd {width: 480px;}
                    .dj_mobile .d_company .history_a .hist_a2 .hist_list {margin-top:40px;}
                    .dj_mobile .d_company .history_a .hist_a2 .hist_list dl dd p.month {font-size: 20px;}
                    .dj_mobile .d_company .history_a .hist_a2 .hist_list dl dd p.txt {font-size: 20px; letter-spacing: 0;}
                    .dj_mobile .d_company .history_a.close .hist_a2 .btn_more {left:54px; bottom: 40px;}
                    /*디지털솔루션*/
                    .dj_mobile .d_company .digitalprint_a .digi_in .digi_list {padding:40px 0 80px}
                        .dj_mobile .d_company .digitalprint_a .digi_in .digi_list li div {width:90%;}
                        .dj_mobile .d_company .digitalprint_a .digi_in .digi_list li div p {font-size:20px; word-break: keep-all;}
                    /*회원가입배너*/
                    .dj_mobile .d_company .gomember_a .gome_in a>img {width:100%;}
                    /*인증서*/
                    .dj_mobile .d_company .certification_a .certi_in .certi_list {padding-top:40px;}
                        .dj_mobile .d_company .certification_a .certi_in .certi_list li {width:33.3%; margin-bottom: 15px;}
                        .dj_mobile .d_company .certification_a .certi_in .certi_list li div.ico {width:90%; height:300px; padding:10px; margin-bottom: 10px; }
                        .dj_mobile .d_company .certification_a .certi_in .certi_list li div.ico>img {max-width: 170px; width:60%}
                        .dj_mobile .d_company .certification_a .certi_in .certi_list li div.ico p.cord {font-size: 24px;}
                        .dj_mobile .d_company .certification_a .certi_in .certi_list li div.ico p.txt {font-size: 20px;}
                        .dj_mobile .d_company .certification_a .certi_in .certi_list li div.ico div.file {width:100%; height:100%;}
                        .dj_mobile .d_company .certification_a .certi_in .certi_list li div.ico div.file p.file {height:85%;}
                        .dj_mobile .d_company .certification_a .certi_in .certi_list li div.ico div.file p.file>img {max-height: 80%;}
                        .dj_mobile .d_company .certification_a .certi_in .certi_list li.g7 div.ico div.file p.file>img {max-width: 80%;}
                        .dj_mobile .d_company .certification_a .certi_in .certi_list li div.ico:hover div.file p.download { height: 15%;}
                        .dj_mobile .d_company .certification_a .certi_in .certi_list li div.ico:hover div.file p.download>a {height: 100%;}
                    /*프린피아몰버튼*/
                    .dj_mobile .d_company .prinpiabtn_a {padding-top:20px;padding-bottom:50px}
                    .dj_mobile .d_company .prinpiabtn_a img {max-width: 500px; width:100%}
                    /*메인바로가기*/
                    .dj_mobile .d_company .gomain_a {width:100%; background-color:#666; text-align: center; position:fixed; bottom:0; left:0; display: block; padding:20px 0; border-radius: 20px 20px 0 0;z-index: 10;transition: all 1s ease 0s; transform: translateY(100px);}
                        .dj_mobile .d_company .gomain_a input[type="checkbox"] {width:30px; height: 30px; vertical-align: middle; }
                        .dj_mobile .d_company .gomain_a label {vertical-align: middle; padding-left:5px; font-size: 20px; color:#fff}
                        .dj_mobile .d_company .scrollon+.gomain_a {transform: translateY(0px);}
            }
            @media screen and (max-width: 639px) {
                /*width 초기화*/
                body.dj_mobile {min-width:640px;}
                .dj_mobile .d_company_a {padding-bottom: 0;}

                /*공통정의*/
                .dj_mobile .d_company h1.tit {font-size:34px; padding-top:30px; padding-bottom: 5px;word-break: keep-all;}
                .dj_mobile .d_company h2.titcopy {font-size:24px; word-break: keep-all;}

                /*메인비쥬얼*/
                .dj_mobile .mainvisual_a { position: relative;}
                .dj_mobile .mainvisual_a::after {content: '';width: 30%;height: 70px;background:url('/skin/site/beauty/images/c_img/logo_white.png') no-repeat 50% 50%/contain;position: absolute;left: 50%;top:77px;z-index: 1000; margin-left:-15%}
                .dj_mobile .mainvisual_a .slide_area ul li { height: 600px;}
                    .dj_mobile .mainvisual_a .bannercopy {position: absolute;top:140px; color: #fff; width: 100%; text-align: center;padding-top:70px; left:inherit;margin-left:inherit; box-sizing: border-box;}
                    .dj_mobile .mainvisual_a .bannercopy h1 { font-size: 40px; margin-bottom: 10px;text-shadow: 2px 2px 2px rgba(0,0,0,0.6); letter-spacing:-2px; word-break: keep-all;}
                    .dj_mobile .mainvisual_a .bannercopy h2 { font-size: 32px;text-shadow: 2px 2px 2px rgba(0,0,0,0.6);word-break: keep-all;}
                    /*히스토리*/
                    .dj_mobile .d_company .history_a .hist_in .bgimg {right:95%;}
                        .dj_mobile .d_company .history_a .hist_a2 {width:95%; height: auto;}
                        .dj_mobile .d_company .history_a .hist_a2 .hist_list dl dd {width: 410px;}
                        /*히스트리 close설정*/
                        .dj_mobile .d_company .history_a.close .hist_a2 {height: 580px;}
                        .dj_mobile .d_company .history_a.close .hist_a2 .btn_more {left:54px; bottom: 20px;}
                        .dj_mobile .d_company .history_a.close .hist_a2 .hist_list:after {content: ""; width:100%; height: 100px; position: absolute; left:0; bottom: 0;background: rgb(255,255,255);
                            background: linear-gradient(0deg, rgba(255,255,255,1) 34%, rgba(255,255,255,0) 100%);}
                    /*디지털솔루션*/
                    .dj_mobile .d_company .digitalprint_a .digi_in .digi_list {padding:40px 0 }
                        .dj_mobile .d_company .digitalprint_a .digi_in .digi_list li {width:33.3%; margin-bottom: 15px;}
                        .dj_mobile .d_company .digitalprint_a .digi_in .digi_list li div {width:90%; height: auto; padding:10px 0;}
                        .dj_mobile .d_company .digitalprint_a .digi_in .digi_list li div img {max-width: 80px; width:50%}
                        .dj_mobile .d_company .digitalprint_a .digi_in .digi_list li div p {font-size:16px; word-break: keep-all;}
                    /*회원가입배너*/
                    .dj_mobile .d_company .gomember_a .gome_in a>img {content:url('/skin/site/beauty/images/company/ban_gomember_640.png');}
                    /*인증서*/
                    .dj_mobile .d_company .certification_a .certi_in .certi_list li {width:50%;}
                        .dj_mobile .d_company .certification_a .certi_in .certi_list li div.ico {height:260px;}
                        .dj_mobile .d_company .certification_a .certi_in .certi_list li div.ico>img {max-width: 145px;}
                        .dj_mobile .d_company .certification_a .certi_in .certi_list li div.ico p.txt {font-size: 16px; line-height: 1.2}
                    /*계열사*/
                    .dj_mobile .d_company .affiliate_a .affil_in .affi_list {margin-bottom: 15px; justify-content:inherit; flex-wrap:wrap; padding-bottom: 40px;}
                        .dj_mobile .d_company .affiliate_a .affil_in .affi_list li {width:50%; padding:10px 0}
                    /*프린피아몰버튼*/
                    .dj_mobile .d_company .prinpiabtn_a {padding-bottom:100px; margin:0;}
                    .dj_mobile .d_company .prinpiabtn_a img {max-width: 300px; width:70%}
            }

/*N페이 UI구조변경작업 - 견적창, 장바구니*/
.naverpaybutton .npay_storebtn_bx {margin-top:20px !important;height: auto !important;width:100% !important; border-bottom: 1px solid #ddd !important;}
.naverpaybutton .npay_storebtn_bx .npay_button_box { height: auto !important;}
    /*N페이구매 타이틀영역*/
    .naverpaybutton .npay_storebtn_bx .npay_button_box .npay_text {background: url(/skin/site/beauty/images/c_img/txt_naverpay01.png) no-repeat left 8px!important;width: 232px !important;left: 0px !important;}
    /*N페이구매 버튼영역*/
    .naverpaybutton .npay_storebtn_bx .npay_button_box .npay_btn_item {text-align: right !important;}
    .naverpaybutton .npay_storebtn_bx .npay_button_box .npay_btn_item .npay_btn_pay { display: inline-block !important; width:298px !important}
    /*N페이 이벤트*/
    .naverpaybutton .npay_storebtn_bx .npay_button_box .npay_event { display: none !important;}
    /*N페이 안내문구*/
    .naverpaybutton .naverpay_notice {font-size: 13px; margin-top:10px; text-align: left; padding-right:10px;}
    .naverpaybutton .naverpay_notice span {color: #da1349;}

    /*장바구니용 - 조정*/
    #ID_cart_display+.naverpaybutton {text-align: center; width: 410px;margin:0 auto}
    #ID_cart_display+.naverpaybutton .npay_storebtn_bx {margin-top:0 !important; margin-left:-10px !important}
    #ID_cart_display+.naverpaybutton .npay_storebtn_bx .npay_button_box {padding-right: 0 !important;padding-left: 0 !important;}
    #ID_cart_display+.naverpaybutton .npay_storebtn_bx .npay_button_box .npay_text {background: url(/skin/site/beauty/images/c_img/txt_naverpay02.png) no-repeat left 8px!important;}
    #ID_cart_display+.naverpaybutton .npay_storebtn_bx .npay_button_box .npay_btn_item .npay_btn_pay {width: 200px !important}

    
/*----------------------- 기존UI 임시삭제 -----------------------*/
.view_tab, /*상품소개페이지*/
.header li.sns_link .top, /*home about us 링크*/
.main_cs, /*메인 고객센터*/
    .main_cs .sns_box,
    .main_cs .cs_box {background:url('/skin/site/beauty/images/temp/test_del.gif') repeat left top;}


.nav .all_open .add_nav {display: none;} /*햄버거메뉴 제일하단 new best sale event promition brand item*/




/* ■■ UI 개발용 정의 ■■
-------------------------------------------------------------------------- */
/* Guide 정의----------------------- */
.d_guide_a hr {margin:20px 0; border-top:1px dashed red; border-bottom: none;}
.d_guide { background-color:#ccc; color:#000; padding:10px; margin-top: 20px; font-size: 16px; border-bottom: 1px solid #666;}
.d_guide label {width:100%;}
.d_guidetext{ background-color:#3D3D3D; color:#fff; padding:10px; font-size: 14px; }
    .d_guide+.d_guidetext {}
/*케바케타이틀*/
.d_casebycase_a { background-color:#000; font-size: 30px; color:#fff !important; text-align: center; padding:20px; border-radius: 20px;}
/*tag title ui*/
.casebycase01_a { position:absolute;width: 250px;background-color: #e7e7e7;margin-left: -270px;padding: 20px;box-sizing: border-box;text-align: right;word-break: keep-all; font-size: 15px; color:#000;}
    .casebycase01_a::after {content: "";position:absolute;right: -20px;top: 10px;width: 0;height: 0;border-bottom: 10px solid transparent;border-top: 10px solid transparent;border-left: 10px solid #e7e7e7;border-right: 10px solid transparent;}
/*tag title ui*/
.d_title_type {text-align:left; min-height: 20px; padding:0 5px; background-color: #e7e7e7; display: inline-block;color:#999;position:absolute; margin-left:-220px; width:200px; box-sizing: border-box;}
.d_title_type::after {content: "";position:absolute;right: -20px;top:0px;width: 0;height: 0;border-bottom: 10px solid transparent;border-top: 10px solid transparent;border-left: 10px solid #e7e7e7;border-right: 10px solid transparent;}
.d_svg_icon60_a object {width:60px; height:60px;}
.d_svg_icon120_a object {width:120px; height:120px;}


/* UX Action 정의----------------------- */
.d_checkbox_01 {width:0;height:0;display: none}/*checkbox가리기*/
    .d_checkbox_01+label {max-height:0; min-height:10px; width:100%;-webkit-transition:all .3s linear; transition: all .3s linear; padding-bottom: 20px;}

#ux_side01:checked+label {max-height: 500px;}
        .d_guidetext:hover {color:#fff}
    
#ux_slide_uiguide+.d_guide {margin-bottom: 0; margin-top: 0;}
    #ux_slide_uiguide+.d_guide+div {max-height:0; min-height: 0; display: none;}
    #ux_slide_uiguide:checked+.d_guide+div {max-height: 5600px; display:block}

#ux_slide_boardstyle+.d_guide {margin-bottom: 0; margin-top: 0;}
    #ux_slide_boardstyle+.d_guide+div {max-height:0; min-height: 0; display: none;}
    #ux_slide_boardstyle:checked+.d_guide+div {max-height: 5000px; display:block}

#ux_slide_orderview+.d_guide {margin-bottom: 0; margin-top: 0;}
    #ux_slide_orderview+.d_guide+div {max-height:0; min-height: 0; display: none;}
    #ux_slide_orderview:checked+.d_guide+div {max-height: 5600px; display:block}




/* 프린트 포맷정의
----------------------- 
@media print {
    * {-webkit-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-print-color-adjust: exact;
        print-color-adjust: exact;}
        body { border:0; margin:0; padding:0;}
    div.header,div.nav,div.c_page_tit,div.c_tab_box,div.c_btnbox,div.footer {display: none;}
    */
    /*마이페이지_상세페이지
    .d_myorderlist_a {padding-top:0;}
    .d_myorderlist_a .my_order_num {margin-top:0}
    .d_myorderlist_a .my_order_num span.num {display: block;}
    .d_myorderlist_a .layout_fix {margin:0;padding:10px; width:1076px;}
    }
    */


@media print {
    * {-webkit-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-print-color-adjust: exact;
        print-color-adjust: exact;}
    body { border:0; margin:0; padding:0;}
    div.header,div.nav,div.c_page_tit,div.c_tab_box,div.c_btnbox,div.footer {display: none;}
    /*마이페이지_상세페이지*/
    body {min-width:inherit}
    .wrap {min-width:950px; margin:0 auto;/*min-width:950px 프린트기준사이즈*/}
    .d_myorderlist_a {padding-top:0;}
    .d_myorderlist_a .my_order_num {margin-top:0}
    .d_myorderlist_a .my_order_num span.num {display: block;}
    .d_myorderlist_a .layout_fix {margin:0;padding:10px; width:100%;}
    .d_myorderlist_a.c_mypage .my_order_step>dl>dd.on::after {content: "";background-color:#da1349; position: absolute; bottom: 0;
        animation:inherit;-webkit-animation:inherit; left:50%; width:100%; margin-left:-50%; height: 4px;}
    }

/* ■■ Animation 정의 ■■
-------------------------------------------------------------------------- */
/* Animation #glow효과----------------------- */
.dj_glow {animation: glowani 2s backwards;-webkit-animation: glowani 2s backwards; position: relative; z-index:99;}
.dj_glow15 {animation: glowani 1.5s backwards;-webkit-animation: glowani 1.5s backwards; position: relative; z-index:99;}
.dj_glow30 {animation: glowani 3s backwards;-webkit-animation: glowani 3s backwards; position: relative; z-index:99;}
.dj_glow40 {animation: glowani 4s backwards;-webkit-animation: glowani 4s backwards; position: relative; z-index:99;}
.dj_glow50 {animation: glowani 5s backwards;-webkit-animation: glowani 5s backwards; position: relative; z-index:99;}
.dj_glow60 {animation: glowani 6s backwards;-webkit-animation: glowani 6s backwards; position: relative; z-index:99;}
.dj_glow70 {animation: glowani 7s backwards;-webkit-animation: glowani 7s backwards; position: relative; z-index:99;}
.dj_glow80 {animation: glowani 8s backwards;-webkit-animation: glowani 8s backwards; position: relative; z-index:99;}
    @keyframes glowani {
        0% {
            -webkit-box-shadow:0px 0px 0px 2px rgba(218,19,72,1) ;
            box-shadow: 0px 0px 0px 2px rgba(218,19,72,1) ;
        }
        60% {
            -webkit-box-shadow:0px 0px 0px 2px rgba(218,19,72,1) ;
            box-shadow: 0px 0px 0px 2px rgba(218,19,72,1) ;
        }
        100% {
            -webkit-box-shadow:0px 0px 0px 2px rgba(218,19,72,0) ;
            box-shadow: 0px 0px 0px 2px rgba(218,19,72,0) ;
        }
    }

/* Scroll Animation #동적효과----------------------- */
/*준비*/
    .scrollreadyY1,
    .scrollreadyXL1,.scrollreadyXL2,.scrollreadyXL3,
    .scrollreadyXR1,.scrollreadyXR2,.scrollreadyXR3,
    .scrollreadyT1 {opacity: 0.3; transition-property:transform,opacity !important;  transition-duration: 0.5s !important; transition-timing-function:ease !important}

    /*Y좌표*/
    .scrollreadyY1 {transform: translateY(50px);}
        /*순차노출*/
        .scrollreadyY1:nth-child(1) {transition-delay: 0.1s !important;}.scrollreadyY1:nth-child(2) {transition-delay: 0.2s !important;}.scrollreadyY1:nth-child(3) {transition-delay: 0.3s !important;}.scrollreadyY1:nth-child(4) {transition-delay: 0.4s !important;}.scrollreadyY1:nth-child(5) {transition-delay: 0.5s !important;}.scrollreadyY1:nth-child(6) {transition-delay: 0.6s !important;}.scrollreadyY1:nth-child(7) {transition-delay: 0.7s !important;}.scrollreadyY1:nth-child(8) {transition-delay: 0.8s !important;}.scrollreadyY1:nth-child(9) {transition-delay: 0.9s !important;}.scrollreadyY1:nth-child(10) {transition-delay: 1s !important;}
    /*X좌표*/
    .scrollreadyX1 {transform: translateX(100px);}
    .scrollreadyX2 {transform: translateX(200px);}
    .scrollreadyX3 {transform: translateX(300px);}
    /*Text*/
    .scrollreadyT1 {letter-spacing: -15px; -webkit-transition:all 1s ease !important; transition: all 1s ease !important} /*text01*/
    /*BG*/
    .scrollreadyB1 {background-position: left bottom !important; -webkit-transition:background-position 6s ease !important; transition: background-position 6s ease !important} /*background01*/
        /*회사소개 BG*/
        /*PC BG*/.d_company .history_a .hist_in.scrollreadyB1 .bgimg {background-position: left bottom !important;}

/*실행*/
    .scrollreadyY1.intoscroll {transform: translateY(0); opacity:1}
        .scrollreadyY1.intoscroll {transform: translateY(0); opacity:1}
    .scrollreadyX1.intoscroll,.scrollreadyX2.intoscroll,.scrollreadyX3.intoscroll {transform: translateX(0); opacity:1}
    .scrollreadyT1.intoscroll {letter-spacing: 0; opacity:1}
        /*회사소개 BG*/
        /*PC BG*/.d_company .history_a .hist_in.scrollreadyB1.intoscroll .bgimg {background-position: left bottom -130px !important}
        /*PC BG*/.d_company .history_a.open .hist_in.scrollreadyB1.intoscroll .bgimg {background-position: left bottom 0px !important; transition: background-position 6s ease !important}
        /*Mobile BG*/.dj_mobile .d_company .history_a .hist_in.scrollreadyB1.intoscroll .bgimg {background-position: left 300px bottom -130px !important;}
        /*Mobile BG*/.dj_mobile .d_company .history_a.open .hist_in.scrollreadyB1.intoscroll .bgimg {background-position: left 300px bottom !important;}


/*주기적으로 체크할 문구: 확인요망 , 삭제예정*/

/* ■■ Popup용 정의 ■■
-------------------------------------------------------------------------- */
/*초기화
----------------------- */
.dp_body {min-width: inherit; padding:20px; box-sizing: border-box;}

/*기본정의
----------------------- */
.dp_wrap {margin:0 auto;} /*width는 html정의*/
.dp_wrap input[type=text] { background-color: #f9f9f9 !important;}
.dp_wrap .dp_title_a {text-align:left; font-size:24px; color:#666; }

/*button SET
----------------------- */
.dp_btn_a {text-align: center; margin-top:30px;}
    .dp_btn_a .d_btn_n {min-width:150px}
    .dp_btn_a a.d_btn_n+ a.d_btn_n {margin-left:5px}


/* 표 table or Div Style 정의 : Table안의 Table 사용가능하게 정의
----------------------- */
/**/
.dp_table_s01 {box-sizing:border-box; border:1px solid #ccc; table-layout: fixed; text-align: center; width:100%; margin-top:5px;}
.dp_table_s01.dt_bold {border:2px solid #333;}
.dp_table_s01 th {background:#efefef; border:1px solid #ccc;font-size:13px; font-weight:500; color:#333; padding:6px 6px;}
.dp_table_s01 dt,
.dp_table_s01 td {border:1px solid #ccc;font-size:13px; color:#666; padding:6px 6px; text-align: left;table-layout: fixed;}
.dp_table_s01 tr.bg_gray {background-color:#f6f6f6;}
    .dp_table_s01 td:first-child {border-left:0}
    .dp_table_s01 td.checkbtn,/*체크버튼*/
    .dp_table_s01 td.num,/*번호*/
    .dp_table_s01 td.bookcode,/*도서코드*/
    .dp_table_s01 td.year,/*년판*/
    .dp_table_s01 td.businesscode,/*거래처코드*/
    .dp_table_s01 td.businessname,/*거래처*/
    .dp_table_s01 td.ordernum,/*발주번호*/
    .dp_table_s01 td.bookorder,/*순번*/
    .dp_table_s01 td.orderquantity,/*발주수량*/
    .dp_table_s01 td.pagenum,/*페이지*/
    .dp_table_s01 td.ceo_name,/*대표이름*/
    .dp_table_s01 td.deliv_manage,/*배송지관리*/
    .dp_table_s01 td.dt_tc {text-align: center;}
    .dp_table_s01 td.bookname,/*도서명*/
    .dp_table_s01 td.dt_tl {text-align: left;}
    .dp_table_s01 td.dt_tr {text-align: right;}

    /*링크제어*/
    .dp_table_s01 td.bookname a {color:#005fa8;}
    .dp_table_s01 td.bookname a:hover {color:#bb1d4c; text-decoration: underline;}
    .dp_table_s01 td.deliv_manage a {color:#005fa8;}
    .dp_table_s01 td.deliv_manage a:hover {color:#bb1d4c; text-decoration: underline;}
/*오더바이영역*/
.orderby_a {display: flex;flex-direction:row; margin-top:20px; align-items: end;}
    .orderby_a div.odb_sort {margin-left:auto}
/*table스크롤*/
.dp_table_scroll_a {max-height: 500px; overflow-y: scroll; border:1px solid #ccc; border-left:none; position: relative; margin-top:5px;}
.dp_table_scroll_a.dt_bold {border:2px solid #333;}
    .dp_table_scroll_a>table {margin-top:0; border-top-width:0; border-bottom-width:0}
    .dp_table_scroll_a>table>thead { position: sticky; top:-1px;}
    .dp_table_scroll_a>table>thead>tr>th {border-top-width:0}
    .dp_table_scroll_a>table>tbody>tr:last-child>td {border-bottom-width:0}

/*휴가복귀후 처리*/
.c_section .c_board_view .reply_box {margin-top:inherit}
.c_section .c_board_view .reply_list li {padding-left:15px; background-image: none;}


/* ■■ uxteam가이드 ■■
-------------------------------------------------------------------------- */
uxteam {margin-bottom: 10px; margin-top:40px; position: relative;}
uxteam.center {position: relative; left:50%; transform: translateX(-50%);}
uxteam.tit { background-color:#3F48CC; border-radius: 100px; padding:5px 20px; display: inline-block; color:#FFF200;}


/* ■■ PC,Mobile 통합 회원 가입 관련 css ■■ 
-------------------------------------------------------------------------- */
body.member_section {width: inherit; min-width: inherit; overflow-x: hidden;}
    .member_all{max-width: 720px; padding:0 10px; margin: 0 auto;}

/*회원가입용 header&footer*/
body.member_section .header {background-color: #fff;}
body.member_section .header ul li.logo {width: inherit;}
body.member_section .footer .copyright {margin-top: 0px;}
body.member_section .footer {margin-top: 20px;}

/* 회원가입용 폰트 */
.d_mem_formmanager_a .d_mem_form_title {font-family: 'GMarketSans'; color: #333; font-weight: 400;}
.d_mem_formmanager_a .d_mem_form_title>span {font-family: 'GMarketSans'; font-weight: 400; color: #da1349;}

/* 공통 사용 */
.d_mem_pnoti {display: none;}
    .d_mem_pnoti.show {display: block; font-size: 13px; color: #da1349; position: absolute; padding: 6px 15px; margin-top: 20px;}
    .d_mem_pnoti.show::before {content: "※"; position: absolute; left: 0; width: 13px; height: 13px;}
.d_mem_noti {font-size: 13px; color: #999; margin-top: 20px;}
    .d_mem_noti::before {content: "※"; width: 13px; height: 13px; margin-right: 5px;}
    .d_mem_noti>span {color: #333;}
    /*필수항목 필수사항*/
    .required {position: relative; padding-right: 13px;}
    .required::after {content: " * "; position: absolute; font-size: 19px; color: #da1349; margin-left: 5px;}

/*회원가입*/
    /*이메일인증*/
    .d_memagree02.d_mail .mem_tit {padding-bottom: inherit;}
        .d_memagree02.d_mail .mem_tit .tit{margin-top: 20px; color: #000; font-size: 15px; letter-spacing: -1px; font-weight: 500; float: left; margin-bottom: 5px; text-decoration: inherit;}
        .d_memagree02.d_mail .c_processtext {text-align: center; font-size: 20px; font-weight: 500; color: #666;}
        .d_memagree02.d_mail .field_a .d_inputbox .label_title {color: #da1349 !important;}
        .d_mem_form_in .d_input_a .field_a.timer_a {display: flex; justify-content:center; font-size:18px; color: #da1349; column-gap: 5px;}

    /*정보입력*/
    .d_mem_formmanager_a {position: relative; padding-top:10px}
    .d_forbuisness_a {position: relative; padding-top:60px}
    .d_mem_form_title {font-size: 30px; text-align: left; font-weight: 300; letter-spacing:-2px; color:#da1349;padding:10px 0;}
        .d_mem_form_title b {font-weight:500;}
        .d_mem_form_title+.d_mem_form {margin-top:0;}
        .d_step_a+.d_mem_form_title {margin-top:20px;}
    .d_mem_form .mem_tit {margin-top:20px}
    .d_mem_form .mem_tit.d_mt15 {margin-top:15px; line-height: 1.2;}

    /*버튼*/
    .d_btnbox_a {margin-top: 20px; display: flex; justify-content: space-between; width: 100%; gap: 10px;}
    .d_btnbox_a a {width: 50%; margin: 0 auto;}
    /* sns 회원가입 버튼*/
    .d_btnbox_a .d_btn_sns{height: 55px; border-radius: 8px; display: flex; gap: 10%; justify-content: space-between; align-items: center;}
    .d_btnbox_a .d_btn_sns .sns {margin-left: 2%;}
    .d_btnbox_a .d_btn_sns .tit {margin-right: 6%; word-break: keep-all; text-align: right; font-size: 14px;}
    .d_btn_naver {background: #36ac36;}
    .d_btn_naver .sns {background:transparent url('../images/c_img/sns_naver.png') left top no-repeat; height: 40px; width: 40px;}
    .d_btn_naver .tit {color: #fff;}
    .d_btn_kakao {background: #ffeb00;}
    .d_btn_kakao .sns {background:transparent url('../images/c_img/sns_kakao.png') left top no-repeat; height: 40px; width: 40px;}
    .d_btn_kakao .tit {color:#3b1e1e;}

/* form select,input,check,radio 정의
----------------------- */
/*Form 템플릿*/
    /*input박스용*/
    .d_inputbox {overflow: inherit; height: inherit;line-height: inherit;display:inherit;color:inherit; position: relative; margin-top:10px; width: 100%;}
        /*크기 및 Type정의*/
        .d_inputbox.dt_big .field_a {height:65px;}
        .d_inputbox.dt_03 .field_a {width: 100%; height: 40px;}
        /*라벨타이틀*/
        .d_inputbox .label_title { position: absolute; font-size: 16px; color:#333; font-weight: 300; left:15px; top:50%; transform: translateY(-50%); transition: top .3s ease 0s,font-size .3s ease 0s;pointer-events: none;}
        /*field영역 구성+btn*/
        .d_inputbox .field_a { display: flex;width:100%; height:55px; box-shadow: 0 0 0 1px #dddddd inset; background-color: #f9f9f9; box-sizing:border-box; border-radius: 8px; overflow: hidden; position: relative;}
        .d_inputbox .field_a input,
        .d_inputbox .field_a select {flex: 1;  color:#666;}
        .d_inputbox .field_a select {height:calc(100% - 4px); margin:2px 2px 0; border-width:0; border-radius: 20px; font-size: 16px !important; }
        .d_inputbox .field_a select {padding:7px 30px 7px 13px; vertical-align: middle;}
        .d_inputbox .field_a select {-webkit-appearance: none;appearance: none;-moz-appearance: none;-webkit-user-select: none;background:transparent url('/skin/site/beauty/images/c_img/order_search_arrow.gif') right center no-repeat;}
        .d_inputbox .field_a select::-ms-expand {display:none;}
        .d_inputbox .field_a .d_btn_b.d_btn_b02 {flex-basis: 15%;}
        .d_inputbox .field_a .btn_right {flex-basis: 15%; word-break: keep-all;}
        .d_inputbox .field_a .btn_right.mt_email_btn {flex-basis: 30%;}
            .d_inputbox .field_a .btn_right.on {background-color:#bb1d4c; color:#fff !important}
            .d_inputbox .field_a .btn_right.btn_auth {background-color:#bb1d4c; color:#fff !important}
        .d_inputbox .field_a input {width:100%; height:100%; box-sizing:border-box; padding:15px 15px 15px; font-size:16px; vertical-align: middle; text-align: left;}
        .d_inputbox input[type="date"] {color: #fff; text-align: left;}
        /*autofill제어*/
        .d_inputbox .field_a input:-webkit-autofill {-webkit-box-shadow: 0 0 0px 1000px #efefef inset; background-color: #fff;}
        /*input 아래와 Group묶기*/
        .d_inputbox.dt_attach .field_a {border-bottom-left-radius: 0; border-bottom-right-radius: 0;}
        .d_inputbox.dt_attach+.d_inputbox {margin-top: -1px;}
        .d_inputbox.dt_attach+.d_inputbox .field_a {border-top-left-radius: 0; border-top-right-radius: 0;}
        /*좌측TEXT 적용*/
        .d_inputbox .txt_left {height: 100%;padding:0 10px; display: flex; align-items: center;}
        /*우측버튼 적용*/
        .d_inputbox .btn_right {background-color: #dddddd ; height: 100%; color: #999 !important; font-size: 14px; display: flex; align-items: center; padding:0 6px; justify-content: center;}
        .d_inputbox.on .btn_right,
        .d_inputbox.focus .btn_right {background-color:#333; color:#fff !important}
        /*라벨표시*/
        /*input에 focus,on 활성화 시 */
        .d_inputbox.focus:not(.readonly) span.label_title,
        .d_inputbox.on span.label_title {top:25%; font-size: 11px; }
        .d_inputbox.focus:not(.readonly) .field_a {background-color: #fefafc; box-shadow: 0 0 0 1px #e5b6c2 inset}
        .d_inputbox.focus:not(.readonly) .field_a input,
        .d_inputbox.on .field_a input,
        .d_inputbox.on .field_a select {color:#333;}
        /* error 표시 */
        .validation{position: relative; z-index: 99;}
        .validation:not(a)::after{content:""; position:absolute; inset: 0; border-radius: inherit; pointer-events:none;  border: 2px solid rgba(218,19,72,1);  opacity: 0;  animation: errorborder 4s cubic-bezier(.2,.8,.2,1) 1; border-radius: 8px;}
        .ag_check.validation:not(a)::after{content:""; position:absolute; inset: 0; border-radius: inherit; pointer-events:none;  border: 2px solid rgba(218,19,72,1);  opacity: 0;  animation: errorborder 4s cubic-bezier(.2,.8,.2,1) 1; border-radius: 3px;}
        @keyframes errorborder{
        0% { opacity: 0; }
        20% { opacity: 1; transform: scale(1); }
        45% { opacity: 1; transform: scale(1); }
        98% { opacity: 0; transform: scale(1); }
        }
        a.validation{color: #666; animation: linkColorFlash 1.6s ease-out 1;}
        @keyframes linkColorFlash{
        0%   { color: #da1349;}
        20%  { color: #da1349; transform: scale(1); }
        45%  { color: #da1349; transform: scale(1); }
        100% { color: #da1349; transform: scale(1);}
        }

        /*readonly표시*/
        .d_inputbox.readonly .label_title {color:#999}
        .d_inputbox.readonly .field_a {background-color: #efefef}
            .d_inputbox.readonly .field_a input {color:#999 !important;}

    /*라디오버튼용*/
    .d_radiobox {width:100%; height:55px; box-sizing:border-box;  box-shadow: 0 0 0 1px #dddddd inset; background-color: #eee; font-size:14px; letter-spacing:-0.5px;border-radius: 10px; margin-top:10px; position: relative; display: flex; overflow: hidden;}
        /*크기 및 Type정의*/
        .d_radiobox.dt_02 { height: 65px;}
        .d_radiobox.dt_03 { height: 40px;}
            .d_radiobox.dt_03 input[type="radio"]+label .txt::before {content: inherit;}
        /*활성화시*/
        .d_radiobox input[type="radio"] {display: none;}
        .d_radiobox input[type="radio"]:checked+label {background-color: #333; color:#fff;}
        .d_radiobox input[name="_sex"] + label:hover {color: #888;}
        .d_radiobox input[name="_sex"]:checked+label:hover {color:#fff !important;}
        /*기본정의*/
        .d_radiobox label {flex: 1; height: 100%; display: flex; justify-content: center; align-items: center;position: relative; background-color: transparent; font-size: 14px; cursor: pointer;}
        .d_radiobox label::before {content:""; width:1px; height: 100%; background-color: #ddd; position: absolute; left:0; top:0}
        /*선없애기*/
        .d_radiobox label:first-of-type::before { content:inherit;}
        .d_radiobox input[type="radio"]:checked+label::before,
        .d_radiobox input[type="radio"]:checked+label+input+label::before { content:inherit;}

    /*Form 템플릿 안내,경고표시*/
    .d_mem_form .d_mem_formnoti {font-size: 14px; color: #999;margin-top:5px; display: none; word-break: keep-all; padding-left: 18px;}
    .d_mem_form .d_mem_formnoti::before {content: "※"; position: absolute; left: 0; top: -1px; width: 13px; height: 13px;}
        .d_mem_form .d_mem_formtrue {color: #007ad8;margin-top:5px; display: none; width: 100%;}
        .d_mem_form .d_mem_formwarning {color: #da1349;margin-top:5px; display: none; width: 100%;}
        .d_mem_form p.d_mem_formwarning.show {width: auto;}
        .d_mem_form .d_mem_formnoti.show,
        .d_mem_form .d_mem_formwarning.show,
        .d_mem_form .d_mem_formtrue.show  {display: block;}
        /*date left정렬하기 */.d_mem_form label input[type="date"]::-webkit-date-and-time-value {text-align: left;}
        /*알림노출이 필요한 경우*/
        .d_mem_form label.focus p.d_mem_formnoti,
        .d_mem_form label.on p.d_mem_formnoti,
        .d_mem_form label.focus.dt_attach~.d_mem_form label:first-child p.d_mem_formnoti,
        .d_mem_form label.on.dt_attach~.d_mem_form label:first-child p.d_mem_formnoti {display: block;}

        .d_mem_form label.focus.dt_attach+.d_mem_form label:not(.dt_attach) p.d_mem_formnoti,
        .d_mem_form label.focus.dt_attach+.d_mem_form label.dt_attach+.d_mem_form label:not(.dt_attach) p.d_mem_formnoti,
        .d_mem_form label.focus.dt_attach+.d_mem_form label.focus.dt_attach+.d_mem_form label.dt_attach+.d_mem_form label:not(.dt_attach) p.d_mem_formnoti {display: block;}
        /*경고문구 노출이 필요한 경우*/
        .d_mem_form label.d_mem_formwarning p.d_mem_formwarning {display: block;}
        .d_mem_form label.d_mem_formwarning.dt_attach+.d_mem_form label p.d_mem_formwarning {display: block;}

    /*form Group만들기*/
    .d_mem_formgrup { display: flex; flex: 100%;}
    .d_mem_formgrup label+label {margin-left:10px}
    .d_mem_formgrup label, .d_mem_formgrup .d_radiobox {flex: 1;}
    /*center TEXT 적용*/
    .d_mem_formgrup .txt_center {padding:0 10px; display: flex; align-items: center; margin-top:10px;}


/* 회원가입-유형선택-tab */
.d_tab_member {width: 100%; margin-top: 10px;}
    .d_tab_member>ul{display: flex; margin:0; padding:0; list-style:none;}
    .d_tab_member>ul>li {flex: 1; list-style: none; background: #f9f9f9; text-align: center; border:1px solid #ddd; box-sizing: border-box;}
    .d_tab_member>ul>li+li {border-left:0;}
    .d_tab_member>ul>li>a {font-size: 18px; font-weight: 400; color: #999; box-sizing: border-box; height: 70px; width: 100%; display: flex; justify-content: center; align-items: center;}
    .d_tab_member>ul>li.on {border-bottom: 1px solid #fff;}
    .d_tab_member>ul>li.on>a {color: #da1349; background: #fff; text-decoration: none; position: relative; font-weight: 500;}
    .d_tab_member>ul>li.on>a::before{content:""; position:absolute; left:0; right:0; top:0; height:2px; background:#da1349;}

    /* 회원가입-유형선택-btn 버튼리스트형 */
        .btn_tab_member>ul {flex-direction: column; gap: 10px; box-sizing: border-box; font-family: 'GMarketSans';}
        .btn_tab_member>ul>li{display: flex; border-radius: 8px; overflow: hidden; font-family: 'GMarketSans';}
        .btn_tab_member>ul>li+li {border:1px solid #ddd; font-family: 'GMarketSans';}       
        .btn_tab_member>ul>li .mem_btn_a {text-align: left; flex: 1; padding: 32px 0; display: flex;position: relative;}
        .btn_tab_member>ul>li .mem_btn_a>span {font-size: 24px; text-align: center; color: #da1349; font-family: 'GMarketSans'; align-content: center; margin-top: 5px; width: 180px;}
        .btn_tab_member>ul>li .mem_btn_a>ul {list-style: none; margin-left: 35px;}
        .btn_tab_member>ul>li .mem_btn_a>ul::before {position: absolute; top: 41px; left: 181px; content: ''; width: 1px; height: 20px; background: #ddd;}
        .btn_tab_member>ul>li .mem_btn_a>ul>li {line-height: 1.3; font-size: 14px;}
        .btn_tab_member>ul>li>a{width: 140px; margin-left: auto; font-size: 16px; height: inherit; transition: all 0.2s ease; background: #333; color: #fff;}
        .btn_tab_member>ul>li>a:hover {background: #da1349;}

/* d_mem_form_a */
.d_mem_form_a>li {list-style: none; margin-top: 15px;}
    .d_mem_form_a .d_mem_form_in, .d_mem_form_a .d_input_a {display: flex; column-gap: 5px; width: 100%; flex: 1; flex-wrap: wrap; align-items: flex-start;}
    .d_mem_form_a .d_mem_form_in, .d_mem_form_a .d_input_a>label.readonly .field_a>input {cursor: default !important;}
    .d_mem_form_a .d_mem_form_in, .d_mem_form_a .d_input_a>a.mem_ncs_btn {flex-basis: 100%; font-weight: 400 !important; margin-top: 14px;}
    .d_mem_form_a .d_mem_form_in .d_input_a .mem_info {display: flex; column-gap: 5px; width: 100%;}
    .d_mem_form_a .d_mem_form_in .d_input_a .mem_info .mem_location {flex: 1;}
    .d_mem_form_a .d_mem_form_in .d_input_a .mem_info .mem_school {flex: 3;}
    .d_mem_form_a .d_mem_form_in.mem_email_a .d_input_a {flex-wrap: nowrap; align-items: end;}
    .d_mem_form_a .d_mem_form_in.mem_email_a .d_input_a .sel_align .d_inputbox .field_a input {padding: 15px 0px 15px 15px;}
    .d_mem_form_a .d_mem_form_in .d_input_a .sel_align {display: flex; column-gap: 5px; width: 100%; flex: 6;}
    .d_mem_form_a .d_mem_form_in .d_input_a  a.mem_email_btn {min-width: auto; font-size: 14px !important; font-weight: 400 !important; flex: 1; color: #fff !important;}
    .d_mem_form_a .d_mem_form_in .d_input_a .d_radiobox label {cursor: default;}
    .d_mem_form_a .d_mem_form_in .d_input_a .d_radiobox label:hover {color:#888;}
    .d_mem_form_a .d_mem_form_in .d_input_a .d_mem_formnoti.show {position: relative;}
    .d_mem_form_a .d_mem_form_in .d_input_a .d_mem_formnoti.d_ico_noti {padding-left: 18px;}
    .d_mem_form_a .d_mem_form_in .d_input_a .d_mem_formnoti.d_ico_noti::before {content: ""; position: absolute; left: 0; top: 4px; width: 13px; height: 13px; background: transparent url(/skin/site/beauty/images/c_img/join_tip.gif) left top no-repeat;}
    .d_mem_form_a .d_mem_form_in .d_input_a .d_list_04 {width: 100%; background-color: #f9f9f9; border-bottom: 1px #ddd solid; padding: 30px 15px 15px 15px; position: relative; margin-top: -20px; z-index: -2;}
    .d_mem_form_a .d_mem_form_in .d_input_a .d_list_04>li {font-size: 13px; line-height: 1.2; margin-top: 8px;}
    .d_mem_form_a .d_mem_form_in .d_input_a .d_list_04>li::before {content: ''; width: 3px; height: 1px; background-color: #666; position: absolute; left: 4px; top: 10px;}

/* d_mem_form 타이틀 */
    .mem_form_tit .title {color: #000; font-size: 24px; letter-spacing: -1px; text-align: center; font-weight: 600; padding: 10px 0;}
    .mem_form_tit .txt {background: #eee; color: #000; font-size: 16px; letter-spacing: -1px; text-align: center; font-weight: 400; padding: 10px 0;}
    .d_mem_formmanager_a .d_mem_formmanager_in {margin-top: 60px;}

/* 회원가임-T셀파 인증,비인증 */
.d_mem_formmanager_a .d_mem_formmanager_in .tsf_nomem .d_mem_form {width: 100%; text-align: center; margin-top: 20px;}
.d_mem_formmanager_a .d_mem_formmanager_in .tsf_nomem .d_mem_form .noti_txt {font-size: 22px; font-family: 'GMarketSans'; color: #333; font-weight: 400;}
.d_mem_formmanager_a .d_mem_formmanager_in .tsf_nomem .d_mem_form .noti_txt .d_pointcolor_01 {font-family: 'GMarketSans';}
.d_mem_formmanager_a .d_mem_formmanager_in .tsf_nomem .d_btnbox_a>a {background-position: right 80px center; padding-right: 40px;}
.d_mem_formmanager_a .d_mem_formmanager_in .tsf_yesmem .d_mem_form {margin-bottom: 10px;}
.d_mem_formmanager_a .d_mem_formmanager_in .tsf_yesmem .d_mem_form .d_mem_form_dep2_a {font-size: 14px;}
.d_mem_formmanager_a .d_mem_formmanager_in .tsf_yesmem .d_mem_form .tsf_pesinfo {max-height: 160px; min-height: 100px; overflow-y: scroll; border: 1px solid #d3d3d3; border-radius: 5px; padding: 0px 20px 10px 20px; margin-top: 10px; background-color: #f9f9f9;}
.d_mem_formmanager_a .d_mem_formmanager_in .tsf_yesmem .d_mem_form .tsf_pesinfo::-webkit-scrollbar {width: 8px;}
.d_mem_formmanager_a .d_mem_formmanager_in .tsf_yesmem .d_mem_form .tsf_pesinfo::-webkit-scrollbar-thumb {background-color: #999; border-radius: 15px; width: 6px;}
.d_mem_formmanager_a .d_mem_formmanager_in .tsf_yesmem .d_mem_form .tsf_pesinfo::-webkit-scrollbar-track {background-color: #eee; border-radius: 15px;}
.d_mem_formmanager_a .d_mem_formmanager_in .tsf_yesmem .d_mem_form .tsf_pesinfo::-webkit-scrollbar-thumb:hover {background-color: #666;}
.d_mem_formmanager_a .d_mem_formmanager_in .tsf_yesmem .d_mem_form .tsf_pesinfo .editor .tit {color: #333;}
.d_mem_formmanager_a .d_mem_formmanager_in .tsf_yesmem .d_mem_form .tsf_pesinfo .editor>ul {list-style: none;}
.d_mem_formmanager_a .d_mem_formmanager_in .tsf_yesmem .d_mem_form .tsf_pesinfo .editor>ul>li {margin-top: 10px;}
.d_mem_formmanager_a .d_mem_formmanager_in .tsf_yesmem .d_mem_form .tsf_pesinfo .editor>ul>li>span {color: #333;}
/* 약관동의 */
.d_mem_formmanager_a .d_mem_formmanager_in .d_mem_form.agree_a .all_check>label {height: 60px; background-color: #efefef; font-size: 20px; font-weight: 400; display: flex; align-items: center; padding-left: 20px; border-radius: 8px;}
    .d_mem_formmanager_a .d_mem_formmanager_in .d_mem_form.agree_a .all_check .js_all_check {height: 18px; width: 18px;}
    .d_mem_formmanager_a .d_mem_formmanager_in .d_mem_form.agree_a .all_check>label>p {font-size: 20px; font-weight: 500; color: #666; padding-left: 4px; line-height: 2;}
    .d_mem_formmanager_a .d_mem_formmanager_in .d_mem_form.agree_a ul.d_mem_form_a>li>label input[type=checkbox], label input[type=radio] {float: left; height: 18px; width: 18px; cursor: pointer; -webkit-gradient: none;  -webkit-border-radius: 0;}
    .d_mem_formmanager_a .d_mem_formmanager_in .d_mem_form.agree_a ul.d_mem_form_a>li>label {display: flex; align-items: center; padding-left: 20px; padding-right: 20px;}
    .d_mem_formmanager_a .d_mem_formmanager_in .d_mem_form.agree_a ul.d_mem_form_a>li>label>a {margin-left: 4px; font-size: 14px; color: #666; font-weight: 500; text-decoration: underline;  text-underline-offset: 3px;}
    .d_mem_formmanager_a .d_mem_formmanager_in .d_mem_form.agree_a ul.d_mem_form_a>li>label>a span {margin-left: 6px; color: #999;}
    .d_mem_formmanager_a .d_mem_formmanager_in .d_mem_form.agree_a ul.d_mem_form_a>li>label>a.agree_arrow {margin-left: auto; display: block; background: transparent url(/skin/site/beauty/images/c_img/ic_agree_arrow.png)center no-repeat; padding: 5px; height: 20px; width: 20px;}
    .d_mem_formmanager_a .d_mem_formmanager_in .d_mem_form.agree_a ul.d_mem_form_a>li.on>label>a.agree_arrow {transform: scaleY(-1);}
    .d_mem_formmanager_a .d_mem_formmanager_in .d_mem_form.agree_a ul.d_mem_form_a>li.on .d_mem_formwarning.show {width: inherit;}
    .d_mem_formmanager_a .d_mem_formmanager_in .d_mem_form.agree_a ul.d_mem_form_a>li .sms_check {display:grid; grid-template-rows:0fr; transition: grid-template-rows .25s ease, margin .25s ease, padding .25s ease;  margin: 0 20px; padding: 0;}
    .d_mem_formmanager_a .d_mem_formmanager_in .d_mem_form.agree_a ul.d_mem_form_a>li.on .sms_check {grid-template-rows:1fr; padding: 15px 0; background-color: #efefef; margin-top: 10px;}
    .d_mem_formmanager_a .d_mem_formmanager_in .d_mem_form.agree_a ul.d_mem_form_a >li .sms_check>ul {overflow: hidden;}
    .d_mem_formmanager_a .d_mem_formmanager_in .d_mem_form.agree_a ul.d_mem_form_a .sms_check>.ul.d_mem_form_a {margin-left: 20px;}
    .d_mem_formmanager_a .d_mem_formmanager_in .d_mem_form.agree_a ul.d_mem_form_a .sms_check>.d_mem_form_a>li:first-child {margin-top: 0px;}
    .d_mem_formmanager_a .d_mem_formmanager_in .d_mem_form.agree_a ul.d_mem_form_a .sms_check>.d_mem_form_a>li>label {padding-left: 30px;}
    .d_mem_formmanager_a .d_mem_formmanager_in .d_mem_form.agree_a ul.d_mem_form_a .sms_check>.d_mem_form_a>li>label>p {font-size: 13px; margin-left: 4px; font-weight: 500; color: #666;}
    .d_mem_formmanager_a .d_mem_formmanager_in .d_mem_form.agree_a ul.d_mem_form_a .sms_check>.d_mem_form_a>li>label>p >span {margin-left: 6px; color: #999;}
    .d_mem_formmanager_a .d_mem_formmanager_in .d_mem_form.agree_a .d_mem_formwarning.show {margin-top: 15px; margin-left: 20px;} 

    .d_mem_formmanager_a .d_mem_formmanager_in:first-child {margin-top: 20px;}
    .d_mem_formmanager_a .d_mem_formmanager_in .d_mem_form_title_a {display: flex; justify-content: space-between; align-items: baseline;}
    .d_mem_formmanager_a .d_mem_formmanager_in .d_mem_form_title_a .d_left_essential {font-family: 'GMarketSans'; color: #999; font-weight: 400; font-size: 14px; padding-left: 13px; background: url(/skin/site/beauty/images/c_img/ic_essential.png) no-repeat 1px 6px; background-size: 8px;}
    .d_mem_formmanager_a .d_mem_formmanager_in .mem_tit {color: #333; font-size: 20px; letter-spacing: -1px;}    
    .d_mem_formmanager_a .d_mem_formmanager_in .mem_tit .tit {width: 180px;}
    .d_mem_formmanager_a .d_mem_formmanager_in .mem_tit .tit.d_essential::after {content: " * "; position: relative; top: 6px; ; font-size: 22px; color: #da1349; margin-left: 2px;}

    .d_mem_formmanager_a .d_mem_form .d_mem_form_dep2_a {margin-top: 20px; font-family: 'GMarketSans'; color: #666; font-size: 24px;}
    .d_mem_formmanager_a .d_mem_form .d_mem_form_dep2_a .dep2_tit{font-family: 'GMarketSans';  color: #333; font-weight: 400;}
    /* 약관동의-Lpopup */
    .member_section  textarea.textarea_design {color: #333 !important;}
/* d_mem_form 탭버튼 */
.d_mem_form_tab_a {width: 100%;}
.d_mem_form_tab_a ul {display: flex; align-items: center; background-color: #e0e0e0; border-radius: 8px; padding: 3px; text-align: center;}
.d_mem_form_tab_a ul>li {list-style: none; flex: 1; align-content: center;}
.d_mem_form_tab_a ul>li>a {display: flex; align-items: center; word-break: keep-all; line-height: 1.2; color: #999; border-radius: 6px; font-size: 20px; letter-spacing: -0.4px; cursor: pointer; height: 60px; justify-content: center;}
.d_mem_form_tab_a ul>li.on>a {background-color: #fff; color: #000;}

/* radio bnt */
.d_mem_form .d_mem_form_a .d_mem_form_in.mem_radio .d_iradio_g01 {padding-top: 27px; flex-wrap: wrap; display: flex; gap: 20px;}
.d_mem_form .d_mem_form_a .d_mem_form_in.mem_radio .d_iradio_g01.md10 {margin-bottom: 10px;}
.d_mem_form .d_mem_form_a .d_mem_form_in.mem_radio .d_iradio_g01>label {font-size: 16px; line-height: 1;}

@media (max-width: 640px) {

    body.member_section .header ul {margin-top: 0px; margin: 7px auto; margin-bottom: 3px; height: inherit;}

    .header .member_all {border-bottom: 1px solid #ddd;}
    .header .member_all .logo_box img {max-width: 166px;}
    .footer .member_all .logo_box img {max-width: 128px;}
    .mem_form_tit .title {color: #000; font-size: 17px; font-weight: 500; letter-spacing: -1px; text-align: center; border-bottom: 1px solid #ddd; padding: 6px 0;}

    li {flex-direction: column; align-items: stretch;}
    .input {width: 100%;}
    .d_tab_member {margin-top: 30px;}
    .d_tab_member>ul>li>a {font-size: 18px;}
    .d_mem_form .mem_tit.d_mt20 {margin-top:10px}
    .d_mem_formmanager_a .d_mem_formmanager_in .mem_tit {font-size: 18px; margin-top:1px}
    .d_mem_formmanager_a .d_mem_formmanager_in .mem_tit .tit {width: 100%;}
    .d_mem_formmanager_a .d_mem_form .d_mem_form_dep2_a {font-size: 20px;}
    .d_mem_formmanager_a .d_mem_formmanager_in .mem_tit .tit.d_essential span + span {margin-left: 4px;}
    .d_mem_formmanager_a .d_mem_formmanager_in .d_mem_form_title_a {display: flex; flex-wrap: wrap; margin-bottom: 10px;}
    .d_mem_formmanager_a .d_mem_formmanager_in .d_mem_form_title_a .d_mem_form_title {padding:inherit; font-size:24px; word-break: keep-all;}
    .d_mem_form_a .d_mem_form_in .d_input_a a.mem_email_btn {-webkit-transition:inherit; transition: inherit;}
    .d_mem_form_tab_a ul>li>a {font-size: 16px; height: 50px;}

    /* radio bnt */
    .d_mem_form .d_mem_form_a .d_mem_form_in.mem_radio .d_iradio_g01 {padding-top: 16px; padding-bottom: 6px;}
    .d_mem_form .d_mem_form_a .d_mem_form_in.mem_radio .d_iradio_g01.md20 {margin-bottom: 20px;}
    .d_btnbox_a a {width: 100%; margin: 0 auto; min-width: inherit;}   

    /* 회원가입-유형선택-btn 버튼리스트형 */
    .btn_tab_member>ul {flex-direction: column; gap: 10px; box-sizing: border-box; font-family: 'GMarketSans';}
    .btn_tab_member>ul>li{display: flex; border-radius: 8px; overflow: hidden; font-family: 'GMarketSans'; flex-direction: row;}
    .btn_tab_member>ul>li+li {border:1px solid #ddd; font-family: 'GMarketSans';}       
    .btn_tab_member>ul>li .mem_btn_a {text-align: left; flex: 1; padding: 16px 0; display: flex;}
    .btn_tab_member>ul>li .mem_btn_a>span {font-size: 20px; text-align: center; color: #da1349; font-family: 'GMarketSans'; align-content: center; margin-top: 5px; width: 150px;}
    .btn_tab_member>ul>li .mem_btn_a>ul {list-style: none; margin-left: 0px;}
    .btn_tab_member>ul>li .mem_btn_a>ul::before {content: none;}
    .btn_tab_member>ul>li .mem_btn_a>ul>li {line-height: 1.3; font-size: 14px;}
    .btn_tab_member>ul>li>a{width: 110px; margin-left: auto; font-size: 16px; height: inherit; transition: all 0.2s ease; background: #333; color: #fff;}
    .btn_tab_member>ul>li>a:hover {background: #da1349;}

    /*휴면계정*/
    .my_sleep_in>.txt {background-color: #eee; margin-top: 20px; font-size: 15px; line-height: 1.2;}
    .my_sleep_in>.txt>span {font-size: 15px; line-height: 1.2;}
    .my_sleep_in .auth_select_a {flex-direction: column;}
    .my_sleep_in .auth_select_a>li>label {display: grid; grid-template-columns: 72px minmax(0, 1fr); column-gap: 16px; justify-content: initial; align-items: center;}
    .my_sleep_in .auth_select_a .auth_icon {justify-self: center; margin: 0; padding: 0;}
    .my_sleep_in .auth_select_a .auth_select_txt {min-width: 0; text-align: left;}
 
}

@media (max-width: 480px) {
    .d_tab_member>ul>li {display: flex;}
    .d_tab_member>ul>li>a {font-size: 13px; line-height: 1.2; font-weight: 400; color: #999; box-sizing: border-box; height: 55px; width: 100%; display: flex; justify-content: center; align-items: center; flex-direction: column;}
    .d_mem_form_tab_a ul>li>a {font-size: 13px;}
    .d_mem_form_a .d_mem_form_in.mem_email_a .d_input_a {flex-wrap: wrap;}
    .d_mem_form_a .d_mem_form_in .d_input_a a.mem_email_btn {flex-basis: 100%; margin-top: 10px;}
    .d_btnbox_a .d_btn_sns .tit {font-size: 12px;}
    .d_btnbox_a .d_btn_sns .sns {margin-left: 0px;}
    .d_btnbox_a .d_btn_sns {gap: 3%;}

    /* 통합 휴면계정 해제 인증 */
    .my_sleep_in .txt {border-radius: 8px;}
    .my_sleep_in .auth_select_a {flex: 1;}
    .my_sleep_in .d_mem_form_a .d_mem_form_in .d_input_a a.d_btn_b.d_btn_b07.mem_email_btn.on {margin-top: 0px; flex-basis: 0;}

    /* 회원가입-유형선택-btn 버튼리스트형 */
    .btn_tab_member>ul {flex-direction: column; gap: 10px; box-sizing: border-box; font-family: 'GMarketSans';}
    .btn_tab_member>ul>li{display: flex; border-radius: 8px; overflow: hidden; font-family: 'GMarketSans'; flex-direction: row;}
    .btn_tab_member>ul>li+li {border:1px solid #ddd; font-family: 'GMarketSans';}       
    .btn_tab_member>ul>li .mem_btn_a {text-align: left; padding: 16px 0; display: flex; flex-direction: column; margin-left: 15px; padding-right: 10px;}
    .btn_tab_member>ul>li .mem_btn_a>span {font-size: 20px; text-align: left; color: #da1349; font-family: 'GMarketSans'; align-content: left; margin-top: 5px;;}
    .btn_tab_member>ul>li .mem_btn_a>ul {list-style: none; margin-left: 0px;}
    .btn_tab_member>ul>li .mem_btn_a>ul::before {content: none;}
    .btn_tab_member>ul>li .mem_btn_a>ul>li {line-height: 1.3; font-size: 14px;}
    .btn_tab_member>ul>li>a{width: 120px; margin-left: auto; font-size: 16px; height: inherit; transition: all 0.2s ease; background: #333; color: #fff;}
    .btn_tab_member>ul>li>a:hover {background: #da1349;}
}

@media (max-width: 361px) {
    .d_mem_pnoti.show {margin-top: 70px;}
    .d_mem_formmanager_a .d_mem_formmanager_in .tsf_nomem .d_btnbox_a>a {background-position: right 70px center; padding-right: 46px;}
}