@charset "UTF-8";
/****************************************/
/*  Name : 대신물산
/*  PART : responsive style
/*
/*  Summary: /* 파일 내용 */
/*  max-wdith: 1280px
/*  max-wdith: 1023px
/*  max-wdith: 768px
/*  max-wdith: 480px
/****************************************/

/* ********************************************************************************* *
/* max-wdith: 1280px
/* ********************************************************************************* */
@media screen and (max-width: 1280px){
	/* common */
	html, body { min-width: 360px; }
	.inner { padding: 0 40px; }
	.mo_block { display: inline-block !important; }

	/* title */
	.cm_title1 { font-size: 24px; }
	.cm_title2 { font-size: 20px; }
	.cm_title3 { font-size: 17px; }
	.cm_title4 { font-size: 15px; }
	.cm_title5 { font-size: 18px; }
	
	/* text */
	.cm_text_guide { font-size: 14px; }
	.cm_text22 { font-size: 21px; }
	.cm_text20 { font-size: 19px; }
	.cm_text18 { font-size: 17px; }
	.cm_text17 { font-size: 16px; }
	.cm_text16 { font-size: 15px; }
	.cm_text15 { font-size: 14px; }
	.cm_text14 { font-size: 13px; }
	.cm_text13 { font-size: 12px; }

	/* 불릿 텍스트 */
	.cm_bul1 > * { padding-left: 13px; }
	.cm_bul1 > *:before { top: 8px; }
	.cm_bul1 .item_justify .text_justify { width: 60px; }

	.cm_bul_in > * { padding-left: 13px; font-size: 14px; }
	.cm_bul_in > *:before { width: 5px; }

	/* 분리 텍스트 */
	.cm_slash { margin: -5px -13px; }
	.cm_slash .slash_item { padding: 5px 13px; }
	.cm_slash .slash_item:after { height: 12px; margin-top: -5px; }

	/* 박스 */
	.cm_box1 { padding: 15px 20px; font-size: 14px; }
	.cm_box2 { padding: 25px 35px; font-size: 13px; }
	.cm_box2.small { padding: 15px 20px; }
	.cm_box3 { padding: 20px 25px; }

	/* btn */
	.btn_area .cm_btn { margin-right: 8px; }
	.btn_area.center .cm_btn { margin-right: 4px; margin-left: 4px; }
	.btn_area.right .cm_btn { margin-left: 8px; }
	.btn_area.between .btn_left .cm_btn { margin-right: 8px; }
	.btn_area.between .btn_right .cm_btn { margin-left: 8px; }

	.cm_btn { min-height: 45px; padding: 7px 17px; }
	.btn_xs { min-height: 26px; padding: 5px 10px; font-size: 12px; }
	.btn_sm { min-height: 30px; padding: 5px 13px; }
	.btn_lg { min-height: 55px; padding: 10px 40px; font-size: 16px; }
	.cm_btn.icon_left > span:before { margin-right: 7px; }
	.cm_btn.icon_right > span:after { margin-left: 7px; }
	.cm_btn_etc { min-height: 0; height: auto; padding: 0; background-color: transparent; border-color: transparent; }
	.cm_btn_icon { min-height: 0; font-size: 0; padding: 0; border: 0; }
	.cm_btn_icon2 { min-width: 55px; min-height: 55px; padding: 10px; }

	/* 아이콘 버튼 */
	.btn_more1 { min-height: 30px; padding: 0 0 13px; font-size: 14px; border-radius: 0; }
	.btn_more1 > span:before,
	.btn_more1 > span:after { width: calc(7px * 0.9); height: calc(12px * 0.9); }
	.btn_reset > span:before,
	.btn_reset > span:after { width: calc(18px * 0.9); height: calc(18px * 0.9); }
	.btn_like > span:before,
	.btn_like > span:after { width: calc(23px * 0.9); height: calc(20px * 0.9); }
	.btn_fav > span:before,
	.btn_fav > span:after { width: calc(25px * 0.9); height: calc(25px * 0.9); }
	.btn_cart > span:before,
	.btn_cart > span:after { width: calc(25px * 0.9); height: calc(22px * 0.9); }
	.btn_type_block > span:before,
	.btn_type_block > span:after { width: calc(18px * 0.9); height: calc(18px * 0.9); }
	.btn_type_block:hover > span:before,
	.btn_type_block:hover > span:after { background-image: url(../../images/common/icon_type01.svg); }
	.btn_type_list > span:before,
	.btn_type_list > span:after { width: calc(18px * 0.9); height: calc(18px * 0.9); }
	.btn_type_list:hover > span:before,
	.btn_type_list:hover > span:after  { background-image: url(../../images/common/icon_type02.svg); }
	.btn_folder { font-size: 14px; }
	.btn_folder > span:before,
	.btn_folder > span:after { width: calc(15px * 0.9); height: calc(12px * 0.9); }
	.btn_setting { font-size: 14px; }
	.btn_setting > span:before,
	.btn_setting > span:after { width: calc(18px * 0.9); height: calc(18px * 0.9); }

	/* icon */
	.icon_cate { width: calc(213px * 0.4); height: calc(214px * 0.4); }

	.icon_folder { width: calc(15px * 0.9); height: calc(12px * 0.9); }
	.icon_setting { width: calc(18px * 0.9); height: calc(18px * 0.9); }
	.icon_delete { width: calc(35px * 0.9); height: calc(35px * 0.9); }
	.icon_ddg { width: calc(24px * 0.9); height: calc(24px * 0.9); }
	
	.cm_text_icon.text_info { padding-left: 25px; }
	.cm_text_icon.text_info:before { width: calc(20px * 0.9); height: calc(20px * 0.9); }
	.cm_text_icon.text_date { padding-left: 23px; font-size: 14px; }
	.cm_text_icon.text_date:before { width: calc(18px * 0.9); height: calc(18px * 0.9); }
	.cm_text_icon.text_view { padding-left: 23px; font-size: 14px; }
	.cm_text_icon.text_view:before { width: calc(19px * 0.9); height: calc(15px * 0.9); }
	.cm_text_icon.text_writer { padding-left: 23px; font-size: 14px; }
	.cm_text_icon.text_writer:before { width: calc(12px * 0.9); height: calc(16px * 0.9); }
	.cm_text_icon.text_time { padding-left: 23px; font-size: 14px; }
	.cm_text_icon.text_time:before { top: 2px; width: calc(18px * 0.9); height: calc(19px * 0.9); }
	.cm_text_icon.text_warning { padding-left: 23px; font-size: 14px; }
	.cm_text_icon.text_warning:before { width: calc(18px * 0.9); height: calc(18px * 0.9); }
	.cm_text_icon.text_confirm { padding-left: 23px; font-size: 14px; }
	.cm_text_icon.text_confirm:before { width: calc(18px * 0.9); height: calc(18px * 0.9); }
	.cm_text_icon.text_notice { padding-left: 30px; }
	.cm_text_icon.text_notice:before { width: calc(20px * 0.9); height: calc(20px * 0.9); }
	.cm_text_icon.text_qna { padding-left: 30px; }
	.cm_text_icon.text_qna:before { width: calc(24px * 0.9); height: calc(18px * 0.9); }

	/* label */
	.cm_label { min-width: 0; height: 32px; padding: 5px 17px; font-size: 13px; }
	.cm_label.type2 { padding: 5px 10px; }
	.cm_label.type3 { height: 24px; padding: 3px 7px; font-size: 12px; }
	
	/* tag list */
	.cm_tag { margin: 0 -5px; }
	.cm_tag .tag_item { padding: 0 5px; font-size: 15px; }

	/* Form */
	.form_group { margin: 0 -5px; }
	.form_group .col,
	.form_group [class^="col-"] { padding-right: 5px; padding-left: 5px; }
	.form_check_group { margin: -5px -10px; }
	.form_check_group > li { padding: 5px 10px; }
	.form_control { height: 45px; padding: 0 12px; font-size: 16px; }
	textarea.form_control { height: 200px; padding: 12px; }
	select.form_control { padding-right: 30px; background-position: right 12px center; background-size: 10px; }

	/* 인증 시간 */
	.form_auth .form_control { padding-right: 57px; }
	.form_auth .form_auth_text { padding: 0 12px; font-size: 14px; }

	/* check/radio */
	.form_check input + .form_label:before { width: 20px; height: 20px; margin-top: -1px; background-size: 10px; }
	.form_check input[type=radio] + .form_label:before { margin-top: -1px; }
	.form_check input[type=checkbox]:checked + .form_label:before { background-size: 10px; }
	.form_check input[type=checkbox]:disabled + .form_label:before { background-size: 10px; }

	.form_check2 input + .form_label { padding: 0 15px; }
	.form_check2 input + .form_label:before { margin-right: 8px; }

	.form_check_btn_group { margin: -5px; }
	.form_check_btn_group > .form_check_btn { margin: 5px; }
	.form_check_btn input + .form_label { height: 40px; padding: 0 13px; }
	.form_check_btn2 input + .form_label { min-height: 45px; padding: 10px 15px; }
	.form_check_btn2.type2 input + .form_label { min-height: 35px; padding: 7px 10px; font-size: 13px; }

	/* 옵션선택 */
	.form_option_list .btn_option { height: 45px; padding: 5px 15px; padding-right: 35px; font-size: 14px; background-size: 12px; }
	.form_option_list.active .btn_option { background-size: 12px; }
	.form_option_list .option_list > ul > li { min-height: 45px; padding: 5px 15px; }
	.form_check input[type=radio] + .form_label:before { margin-top: 0; }
	
	/* 파일 */
	.form_file_list li { margin-bottom: 7px; }
	.form_file_list li:before { width: calc(16px * 0.85); height: calc(17px * 0.85); margin-top: 3px; margin-right: 7px; }
	.form_file_list li > a { max-width: calc(100% - (16px * 0.85) - 7px); }

	/* 게시판 검색 */
	.form_search .form_group .form_control { padding-right: 55px; }
	.form_search .search_btn .btn_search { width: 43px; height: 43px; background-size: 20px; }
	
	/* 유틸 레이아웃 */
	.cm_option.resp { flex-direction: column; }
	.cm_option.resp.revs { flex-direction: column-reverse; }
	.cm_option.resp.start { flex-direction: row; justify-content: flex-start; }
	.cm_option.resp.end { flex-direction: row; justify-content: flex-end; }
	.cm_option.resp .op_left { width: 100%; }
	.cm_option.resp .op_right { width: 100%; }
	.cm_option.resp.start .op_left { width: auto; margin-right: 10px; }
	.cm_option.resp.start .op_right { width: auto; }
	.cm_option.resp.end .op_left { width: auto; }
	.cm_option.resp.end .op_right { width: auto; margin-left: 10px; }

	/* 탭 스타일 */
	.cm_tab1 { margin-bottom: 35px; }
	.cm_tab1 .cm_tab > li > a { min-height: 45px; padding: 7px 17px; }
	.cm_tab1 .cm_tab > li:hover > a { font-weight: 400; color: #000; border-color: #ddd; }

	/* 게시판 유틸 */
	.form_option { margin-bottom: 15px; }
	.form_utill .utill_item { padding: 0 15px; font-size: 14px; }
	.form_utill .utill_item:after { height: 12px; margin-top: -6px; }

	/* 테이블 */
	.cm_table.table_lg { min-width: 1200px; }
	.cm_table.table_md { min-width: 768px; }
	.cm_table.table_sm { min-width: 480px; }
	.cm_table.resp { display: block; width: 100%; }
	.cm_table.resp colgroup,
	.cm_table.resp thead,
	.cm_table.resp .number { display: none; }
	.cm_table.resp tbody { display: block; width: 100%; }
	.cm_table.resp tr { position: relative; display: flex; flex-wrap: wrap; align-items: center; width: 100%; padding: 13px 10px; border-bottom: 1px solid #ddd; }
	.cm_table.resp tr:last-child { border-color: #aaa; }
	.cm_table.resp th,
	.cm_table.resp td { position: relative; display: block; height: auto; padding: 0; padding-right: 15px; font-size: 14px; border: 0 !important; }
	.cm_table.resp td:after { content: ''; position: absolute; top: 50%; right: 7px; width: 1px; height: 10px; margin-top: -4px; background-color: #ddd; }
	.cm_table.resp .category { margin-bottom: 5px; }
	.cm_table.resp .subject { width: 100%; margin-bottom: 10px; font-size: 16px; font-weight: 500; }
	.cm_table.resp td:last-child,
	.cm_table.resp .subject { padding-right: 0; }
	.cm_table.resp td:last-child:after,
	.cm_table.resp .noline:after,
	.cm_table.resp .subject:after,
	.cm_table.resp .category:after { display: none; }
	.cm_table.resp td.button { width: 100%; }
	.cm_table.resp td.button .btn_area { justify-content: flex-end !important; }
	.cm_table.resp td.noafter:after { display: none !important; }
	.cm_table.resp .cm_nodata { width: 100%; }
	.cm_table colgroup col.mo_hide { display: none !important; }
	.cm_table colgroup col.mo_block { display: table-column !important; }

	/* 테이블 스타일1 */
	.cm_table1 .cm_table td { height: 65px; }
	.cm_table1 .cm_table td.cm_nodata { height: 110px; }

	/* 테이블 스타일2 */
	.cm_table2 { overflow: hidden; overflow-x: auto; }
	.cm_table2 .cm_table th,
	.cm_table2 .cm_table td { height: 45px; padding: 7px 15px; font-size: 14px; }

	/* 게시판 상세 */
	.cm_board_view .board_view_head { padding: 20px 0; }
	.cm_board_view .board_view_head .view_label { margin-top: -20px; margin-bottom: 20px; }
	.cm_board_view .board_view_cont { min-height: 200px; padding: 25px 0; }
	.cm_board_view .answer_cont { padding: 25px; }

	/* 노데이터 */
	.cm_nodata { padding: 50px 0; }

	/* 페이징 */
	.cm_paging { margin-top: 50px; }
	.cm_paging .pg_item { width: 28px; height: 28px; padding: 3px 3px 4px; font-size: 13px; }
	.cm_paging .pg_item:hover { background-color: #fff; }
	.cm_paging .pg_ctrl { font-size: 0; background-size: auto 8px; }

	/* 목록 */
	.cm_list .thumb_area .thumb_box { background-size: 100px; }
	.cm_list .list_item .thumb_area:hover .thumb_box .thumb { transform: none; }

	/* 목록 스타일1 */
	.cm_list1 .cm_list { grid-template-columns: repeat(4, minmax(auto, calc((100% - (25px * 3)) / 4))); gap: 30px 25px; }
	.cm_list1.row3 .cm_list { grid-template-columns: repeat(3, minmax(auto, calc((100% - (25px * 2)) / 3))); gap: 30px 25px; }
	.cm_list1 .list_item .thumb_area .label_lank { width: 25px; height: 25px; font-size: 13px; }
	.cm_list1 .list_item .desc_area { margin-top: 10px; }
	.cm_list1 .list_item .desc_area .item_label { margin-bottom: 5px; }
	.cm_list1 .list_item .desc_area .item_cate { margin-top: 15px; padding-right: 230px; font-size: 12px; }
	.cm_list1 .list_item .desc_area .item_cate > span { padding-right: 20px; }
	.cm_list1 .list_item .desc_area .item_cate > span:after { right: 7px; width: 4px; }
	.cm_list1 .list_item .desc_area .item_title { max-height: calc((15px * 1.5) * 2); font-size: 15px; line-height: 1.5; }
	.cm_list1 .list_item .desc_area .item_desc { margin-top: 7px; font-size: 13px; }
	.cm_list1 .list_item .desc_area .item_desc .text_justify { height: 19px; }
	.cm_list1 .list_item .desc_area .item_price { margin-top: 12px; font-size: 13px; }
	.cm_list1 .list_item .desc_area .item_price > span { font-size: 18px; }
	.cm_list1 .list_item .desc_area > .btn_area { margin-top: 15px; }
	.cm_list1 .list_item .desc_area > .btn_area .btn_cart { margin-left: 10px; }
	.cm_list1 .list_item .desc_area > .btn_area .btn_area { width: auto; }
	.cm_list1.type2 .cm_list { grid-template-columns: repeat(1, minmax(auto, 100%)); gap: 30px 25px; }
	.cm_list1.type2 .list_item .thumb_area { width: 160px; }
	.cm_list1.type2 .list_item .desc_area { min-height: 160px; padding-left: 20px; }
	.cm_list1.type3 .list_item .thumb_area { width: 220px; }
	.cm_list1.type3 .list_item .desc_area .item_desc { margin-top: 7px; }

	/* 목록 스타일2 */
	.cm_list2 .cm_list { grid-template-columns: repeat(3, minmax(auto, calc((100% - (25px * 2)) / 3))); gap: 30px 25px; }
	.cm_list2 .list_item .desc_area .item_title { max-height: calc((15px * 1.5) * 2); font-size: 15px; line-height: 1.5; }
	.cm_list2 .list_item .desc_area .item_text { font-size: 13px; }

	/* 목록 스타일3 */
	.cm_list3 .list_item { padding: 20px 0; padding-right: 30px; }
	.cm_list3 .list_item .desc_area .item_title { font-size: 16px; }
	.cm_list3 .list_item .desc_area .item_text { font-size: 13px; }
	.cm_list3 .list_item .desc_area .item_desc { margin: 0 -13px; margin-top: 13px; padding-right: 230px; }
	.cm_list3 .list_item .desc_area .item_desc .item_text { position: relative; padding: 0 13px; }
	.cm_list3 .list_item .desc_area .item_desc .item_text:after { height: 12px; margin-top: -5px; }
	.cm_list3 .list_item .desc_area .item_cate { margin-top: 15px; padding-right: 230px; font-size: 12px; }
	.cm_list3 .list_item .desc_area .item_cate > span { padding-right: 20px; }
	.cm_list3 .list_item .desc_area .item_cate > span:after { right: 7px; width: 4px; }
	.cm_list3 .list_item .desc_area .item_price > span { font-size: 20px; }
	.cm_list3 .list_item .btn_delete { top: 20px; }

	/* 목록 스타일4 */
	.cm_list4 .list_item .btn_area { width: 130px; }

	/* 목록 스타일5 */
	.cm_list5 .list_item { padding: 20px 0; }
	.cm_list5 .list_item .desc_area .item_title { max-height: calc((15px * 1.6) * 2); font-size: 15px; }
	.cm_list5 .list_item .desc_area .item_price span.text-bold { font-size: 20px; }
	.cm_list5.type2 .list_item .cm_box2 { margin: 20px 0 -20px; padding: 20px 10px; }

	/* 모달 */
	.cm_modal .modal_head { height: 70px; padding: 15px 60px 15px 30px; }
	.cm_modal .modal_foot { height: 80px; padding: 0 30px 25px; }
	.cm_modal .modal_title { font-size: 20px; }
	.cm_modal .modal_close { margin-top: -20px; width: 40px; height: 40px; background-size: 20px; }
	.cm_modal.hasHead .modal_body { max-height: calc(85vh - 70px); }
	.cm_modal.hasFoot .modal_body { max-height: calc(85vh - 80px); }
	.cm_modal.hasHead.hasFoot .modal_body { max-height: calc(85vh - 70px - 80px); }

	/* 고정버튼영역 */
	.cm_fixed { position: fixed; bottom: 0; left: 0; right: 0; margin-top: 0 !important; z-index: 201; }
	.cm_fixed .cm_btn { min-height: 65px; border-radius: 0; }
	
	/* header */
	.header { position: fixed; padding: 16px 0; }
	.header .header_btm { display: none; }
	.header .utill_area { width: 100%; padding-left: 10%; }
	.header .utill_area .utill_search { width: 100%; max-width: 300px; }
	.header .utill_area .utill_search .search_inner { width: 100%; }
	.header .utill_area .utill_search .search_inner .search_input { height: 36px; font-size: 16px; padding: 0 10px; }
	.header .utill_area .utill_search .search_inner .search_btn { width: 40px; height: 36px; background-size: 16px; }
	.header .utill_area .utill_inner .btn_utill { font-size: 0; }
	.header .utill_area .utill_inner .btn_utill:before { margin-bottom: 0; }
	.header .utill_area .utill_inner .btn_login,
	.header .utill_area .utill_inner .btn_mypage { display: none; }
	.header .utill_area .utill_inner .btn_cart > em,
	.header .utill_area .utill_inner .btn_like > em { top: -7px; left: 70%; min-width: 20px; height: 20px; padding: 3px; font-size: 11px; border-radius: 18px; }
	.header .logo_area .logo { width: calc(180px * 0.6); height: calc(51px * 0.6); }
	.header.scroll { background-color: #fff; box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1); }
	
	.header .category_area.showCate { display: block; }

	/* footer */
	.footer { padding: 30px 0 25px; }
	.footer .inner { flex-wrap: wrap; }
	.footer .foot_left { width: calc(180px * 0.7); }
	.footer .foot_center { width: calc(100% - (180px * 0.7)); padding: 0; padding-left: 40px; }
	.footer .foot_right { display: flex; align-items: center; margin-top: 20px; margin-left: calc((180px * 0.7) + 40px); }
	.footer .logo { width: calc(180px * 0.7); height: calc(51px * 0.7); }
	.footer .foot_menu { margin: 0 -10px; }
	.footer .foot_menu > li { padding: 0 12px; }
	.footer .foot_menu > li:after { height: 10px; margin-top: -5px; }
	.footer .foot_address { margin-top: 15px; }
	.footer .foot_address > p { margin-right: 20px; }
	.footer .foot_copy { margin-top: 20px; font-size: 12px; }
	.footer .cs_center { flex-shrink: 0; display: flex; align-items: center; font-size: 22px; }
	.footer .cs_center span { margin-right: 10px; font-size: 13px; }
	.footer .btn_qna { width: auto; width: 150px; margin-left: 30px; margin-top: 0; }
	.footer .btn_top { right: 15px; bottom: 75px; width: 40px; height: 40px; }

	/* container */
	#wrap { margin-bottom: 65px; }
	.container { min-height: calc(100vh - 70px); margin-top: 70px; }
	.sub_contents { padding-bottom: 80px; }

	.sub_title_area { margin: 30px 0 20px; }
	.sub_title { font-size: 20px; }

	/* 브레드크럼 */
	.breadcrumb { display: none; }

	/* floating bar */
	.floating_bar { display: block; }

	/* side layout */
	.cm_side_layout { display: block; }
	.cm_side_layout .left_cont { width: 100%; }
	.cm_side_layout .left_menu { width: calc(100% + 80px); margin-top: 0; margin: 0 -40px; border-bottom: 1px solid #ddd; }
	.cm_side_layout .left_menu .left_depth1 { display: flex; }
	.cm_side_layout .left_menu .left_depth1 > li { flex-shrink: 0; flex: 1; padding: 0; border: 0; }
	.cm_side_layout .left_menu .left_depth1 > li > .btn_toggle { display: none; }
	.cm_side_layout .left_menu .left_depth1 > li > a { position: relative; justify-content: center; }
	.cm_side_layout .left_menu .left_depth1 > li.on { background-color: #fff; }
	.cm_side_layout .left_menu .left_depth1 > li.on > a:after { content: ''; position: absolute; bottom: -1px; left: 0; width: 100%; height: 2px; background-color: #174b7d; }
	.cm_side_layout .left_menu .left_depth1 > li.on .left_depth2 { display: none; }
	.cm_side_layout .right_cont { width: 100%; }
	.cm_side_layout .left_cont + .right_cont { padding-left: 0; }

	/* 배송안내 */
	.cm_delivery_info { display: block; min-height: 150px; padding: 30px; overflow: hidden; }
	.cm_delivery_info .del_title { font-size: 18px; }
	.cm_delivery_info .del_text { position: relative; margin-top: 13px; padding-left: 0; font-size: 15px; z-index: 2; }
	.cm_delivery_info .del_text > span { font-size: 13px; }
	.cm_delivery_info .img_del { left: auto; right: -30px; width: 200px; opacity: 0.7; z-index: 1; }

	/* 고객센터 안내 */
	.cm_csbox .cs_title { font-size: 16px; }
	.cm_csbox .cs_info { flex-wrap: wrap; }
	.cm_csbox .cs_info .cs_item { margin-bottom: 20px; }
	.cm_csbox .cs_info .cs_item:last-child { margin-bottom: 0; }
	.cm_csbox .cs_info .cs_item .btn_area { width: auto; margin-left: 12px; }

	/* 공통 주문 레이아웃 */
	.cm_order .total_list_box { padding: 25px; }
	.cm_order .divy_info_box .btn_area { position: static; width: 100%; margin-bottom: 10px; }

	/* 공통 배송단계 */
	.cm_step_divy .item_step { width: 100px; margin-right: 120px; }
	.cm_step_divy .item_step:after { top: calc(100px / 2); width: 120px; }

	/* 공통 카테고리 */
	.cm_category { padding-top: 3px; overflow: hidden; overflow-x: auto; }
	.cm_category .btn_cate { flex-shrink: 0; margin-right: 35px; }

	/* main */
	.main_contents .main_cont { margin: 40px 0; }
	.main_contents .main_cont .main_title { margin-bottom: 25px; font-size: 20px; }
	.main_contents .main_visual { margin: 0; }
	.main_contents .main_visual .swiper-btn-wrap { right: 20px; bottom: -20px; max-width: 240px; height: 40px; padding: 0 25px; border-radius: 7px; }
	.main_contents .main_visual .swiper-btn-wrap .swiper-ctrl-area { width: calc(9px * 0.8); height: calc(11px * 0.8); margin-right: 7px; }
	.main_contents .main_visual .swiper-btn-wrap .swiper-ctrl-area .swiper-btn { width: calc(9px * 0.8); height: calc(11px * 0.8); }
	.main_contents .main_visual .swiper-btn-wrap > .swiper-btn { width: calc(11px * 0.8); height: calc(11px * 0.8); margin: 0 7px; }
	.main_contents .main_visual .swiper-btn-wrap .swiper-pagination-current { font-size: 13px; }
	.main_contents .main_visual .swiper-btn-wrap .swiper-pagination-total { font-size: 13px; }
	.main_contents .main_visual .swiper-btn-wrap .swiper-progress-bar { right: 55px; }
	.main_contents .main_cate { margin: 30px 0 20px; flex-wrap: wrap; }
	.main_contents .main_cate .btn_cate:hover > .cm_icon { transform: none; }
	.main_contents .main_bnr { margin: 0; }
	.main_contents .main_bnr .bnr_slide .swiper-btn { width: 36px; height: 36px; margin-top: -18px; background-size: 6px; border-radius: 7px; }
	.main_contents .main_bnr .bnr_slide .swiper-prev { margin-left: -15px; }
	.main_contents .main_bnr .bnr_slide .swiper-next { margin-right: -15px; }
	.main_contents .main_bnr .bnr_slide .swiper-btn:hover { box-shadow: 3px 3px 13px 0 rgba(0, 0, 0, 0.15); }
	.main_contents .main_best .main_best_inner .best_tab .cm_tab { min-height: 45px; overflow: hidden; overflow-x: auto; }
	.main_contents .main_best .main_best_inner .best_tab .cm_tab .btn_tab > a { padding: 7px 20px; font-size: 14px; transition: padding 0.2s; }
	.main_contents .main_best .main_best_inner .best_tab .cm_tab .btn_tab > a:before { right: 20px; }
	.main_contents .main_best .main_best_inner .best_tab .cm_tab .btn_tab > a:before { width: 11px; }
	.main_contents .main_best .main_best_inner .best_tab .cm_tab .btn_tab:hover > a:before,
	.main_contents .main_best .main_best_inner .best_tab .cm_tab .btn_tab:hover > a:after { opacity: 0; }
	.main_contents .main_best .main_best_inner .best_tab .cm_tab .btn_tab.active > a:before,
	.main_contents .main_best .main_best_inner .best_tab .cm_tab .btn_tab.active > a:after { opacity: 1; }
	.main_contents .main_best .main_best_inner .best_cont { margin-top: 25px; }
	.main_contents .main_best .main_best_inner .best_cont .cm_list1.type2 .cm_list { grid-template-columns: repeat(1, minmax(auto, 100%)); }
	.main_contents .main_best .main_best_inner .best_cont .cm_list1.type2 .list_item .thumb_area { width: 160px; }
	.main_contents .main_best .main_best_inner .best_cont .cm_list1.type2 .list_item .desc_area { min-height: 160px; }
	.main_contents .main_new { margin-top: 0; padding-top: 40px; }
	.main_contents .main_new:after { height: 47%; }
	.main_contents .main_notice { margin: 0; height: 70px; }
	.main_contents .main_notice .noti_title { padding-right: 20px; font-size: 16px; }
	.main_contents .main_notice .noti_title:before { width: 16px; height: 16px; margin-right: 13px; }
	.main_contents .main_notice .noti_slide { height: 35px; }
	.main_contents .main_notice .noti_slide .swiper { height: 35px; }
	.main_contents .main_notice .noti_slide .noti_date { width: 80px; }
	.main_contents .main_notice .noti_slide .noti_desc { width: calc(100% - 80px); font-size: 14px; }
	.main_contents .main_notice .noti_slide .swiper-btn { width: 13px; height: 13px; }
	.main_contents .main_notice .noti_slide .swiper-prev { top: 15px; }
	.main_contents .main_notice .noti_slide .swiper-next { bottom: 15px; }

	/* 검색 */
	.search_area .sub_title { margin-top: 50px; font-size: 22px; }
	.search_area .form_option { margin-top: 45px; padding-top: 20px; }
	.search_area .rcmnd_area { margin-top: 45px; padding-top: 20px; }

	/* 마이페이지 - 비밀번호 확인 */
	.my_check .img_area { max-width: 100px; }
	.my_check .text_area { font-size: 20px; }

	/* 마이페이지 - 배송지관리 */
	.my_address .address_box + .address_box { margin-top: 20px; }
	.my_address .address_box .btn_area { top: 20px; right: 25px; }
	.my_address .address_box .box_label { padding-right: 65px; }
	.my_address .address_box .box_label .cm_label { min-width: 100px; padding: 7px 15px; }

	/* 마이페이지 - 나의 주문내역 - 주문목록 */
	.my_order_list .cm_option select.form_control { height: 40px; font-size: 15px; }

	/* 마이페이지 - 나의 주문내역 - 주문상세 */
	.my_oder_detail_area .cm_box3 > .cm_box2 { margin: 20px -25px -20px; }
	.my_oder_detail_area .cm_box3 > .cm_box2 > p { font-size: 16px; }
	.my_oder_detail_area .cm_box3 > .cm_box2 .cm_slash .slash_item { font-size: 15px; }
	.my_oder_detail_area .order_detail .cm_list1 .cm_list { gap: 25px; }
	.my_oder_detail_area .order_detail .cm_list1 .list_item { padding-bottom: 25px; }
	
	/* 마이페이지 - 나의 주문내역 - 반품신청 */
	.my_return_area textarea.form_control { height: 120px; }
	.my_return_area .divy_info_box .btn_area { position: static; margin-bottom: 10px; }
	.my_return_area .divy_info_box .cm_box2 { width: calc(100% + 50px); margin: 20px -25px -20px; }
	.my_return_area .return_info dl dt { width: 130px; margin-top: 5px; }
	.my_return_area .return_info dl dd { width: calc(100% - 130px); margin-top: 5px; }
	.my_return_area .return_info .return_total { padding: 20px; font-size: 16px; }
	.my_return_area .return_info .return_total dd > span { font-size: 26px; }
	.my_return_area .return_info .return_detail { padding: 15px 20px; font-size: 14px; }
	.my_return_area .return_info .return_detail dd > span { font-size: 20px; }

	/* 마이페이지 - 나의 주문내역 - 1:1 주문내역 */
	.my_qna_list .text_qna { font-size: 14px; }

	/* 상품주문 - 배송정보 */
	.modal_address_change .address_box + .address_box { margin-top: 20px; }
	.modal_address_change .address_box .btn_area { top: 20px; right: 25px; }
	.modal_address_change .address_box .box_label { padding-right: 65px; }
	.modal_address_change .address_box .box_label .cm_label { min-width: 100px; padding: 7px 15px; }

	/* 상품주문 - 결제하기 */
	.payment_area .divy_info_box .cm_bg2 { width: calc(100% + 50px); margin: 20px -25px -20px; padding: 20px 25px; }

	/* 상품주문 - 주문완료 */
	.order_com_text { font-size: 20px; }
	.order_com_area .payment_info_box .cm_bg2 { width: calc(100% + 50px); margin: -20px -25px 20px; padding: 20px 25px; }

	/* 프리클릭 상품 */
	.pd_title h2 { display: none; }
	.pd_title .pd_title_select { display: block; }
	.pd_title .pd_title_select .form_select + .ui-selectmenu-button.ui-button { height: 25px; padding-right: 15px; font-size: 20px; font-weight: 600; background-size:  10px; }
	.pd_selectmenu .ui-menu { min-width: 120px; margin-top: 10px; margin-left: 0; padding: 25px 15px; border-radius: 5px; border: none; box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.2); }
	.pd_selectmenu .ui-menu .ui-menu-item { margin-bottom: 20px; }
	.pd_selectmenu .ui-menu .ui-menu-item-wrapper { font-size: 15px; }

	/* 프리클릭 상품 - 상품상세 */
	.pd_detail_area .pd_swiper { width: 450px; }
	.pd_detail_area .pd_price { margin-top: 30px; }

	/* 공통 프랜차이즈 목록 */
	.cm_franchise { height: 140px; }
	.cm_franchise .item_frnch { margin-right: 45px; }
	.cm_franchise .item_icon { width: 100px; height: 100px; }

	/* 프렌차이즈관 */
	.sub_contents .cm_franchise { margin-top: 50px; margin-bottom: 30px; }
	.franchise_area { padding-top: 0; }
	.franchise_area .op_left { font-size: 18px; }
}

/* ********************************************************************************* *
/* max-wdith: 1023px
/* ********************************************************************************* */
@media screen and (max-width: 1023px){
	/* common */
	html, body { min-width: 360px; }
	.inner { padding: 0 30px; }

	/* 스크롤바 */
	::-webkit-scrollbar { width: 5px; height: 5px; }

	/* 모달 */
	.cm_modal .modal_cont > .cm_bg1:first-child { padding: 20px 30px; }

	/* footer */
	.footer.sub_footer { padding: 0; border: 0; }
	.footer.sub_footer .inner { display: none; }

	/* side layout */
	.cm_side_layout .left_menu { width: calc(100% + 60px); margin: 0 -30px; }

	/* faq */
	.cm_faq .faq_item .faq_title { padding: 20px; }
	.cm_faq .faq_item .faq_title .icon_faq { font-size: 16px; }
	.cm_faq .faq_item .faq_cont .item_text { margin-top: 3px; }

	/* 약관 */
	.cm_agree .agree_box { height: 150px; }

	/* 개요1 */
	.cm_overview1.resp { display: block; }
	.cm_overview1.resp > dt { width: 100%; margin-top: 0 !important; }
	.cm_overview1.resp > dd { width: 100%; margin-top: 10px !important; padding: 0; }
	.cm_overview1.resp > dd + dt { margin-top: 20px !important; }
	.cm_overview1.resp.type2 > dt { margin-top: 0; }

	/* 공통 주문 레이아웃 */
	.cm_order { display: block; }
	.cm_order .order_detail { width: 100%; padding-right: 0; }
	.cm_order .order_total { position: fixed; left: 0; bottom: 0; right: 0; width: auto; z-index: 202; }
	.cm_order .total_price { display: none; }
	.cm_order .total_list_box { display: none; }
	.cm_order .detail_list_box { display: block; margin-bottom: 30px; }
	.cm_order .detail_list_box .cm_list1.type2 .cm_list { gap: 15px; }
	.cm_order .detail_list_box .cm_list1.type2 .list_item .thumb_area { width: 95px; }
	.cm_order .detail_list_box .cm_list1.type2 .list_item .desc_area { min-height: 0 !important; padding-top: 0 !important; padding-bottom: 0 !important; }
	.cm_order .detail_list_box .cm_list1.type2 .list_item .desc_area .item_price { margin-top: 0; }
	.cm_order .detail_list_box .cm_list1.type2 .list_item .desc_area .item_price > span { font-size: 16px; }
	.cm_order .detail_list_box .total_price { display: flex; align-items: center; justify-content: space-between; width: auto; margin: 20px -25px -20px; padding: 15px 25px; font-size: 15px; }
	.cm_order .detail_list_box .total_price .text_left { font-size: 14px; font-weight: 500; }
	.cm_order .detail_list_box .total_price span.text-bold { font-size: 22px; }
	.cm_order .detail_list_box .btn_area { display: none; }
	.cm_order .sidebar .btn_area { margin-top: 0; }
	.cm_order .sidebar .btn_area .cm_btn { min-height: 65px; font-size: 17px; font-weight: 400; border-radius: 0; }
	.cm_order .sidebar .btn_area .cm_btn em { display: inline-block; }

	/* 상품추가 박스 */
	.cm_pd_add_box .item_title { margin-bottom: 10px; font-size: 14px; }
	.cm_pd_add_box .item_price > span.text-bold { font-size: 18px; }
	.cm_pd_add_box .btn_delete { width: 11px; height: 11px; }

	/* 헤더 */
	.header .category_area .catagory_btn .icon_cate { width: 60px; height: 60px; }
	.header .category_area .catagory_btn > p { padding-left: 20px; font-size: 17px; }

	/* main */
	.main_contents .main_best .main_best_inner .best_tab .cm_tab .btn_tab { flex-shrink: 0; flex: 1; }
	.main_contents .main_best .main_best_inner .best_tab .cm_tab .btn_tab > a { padding: 10px 15px; transition: padding 0.2s; }
	.main_contents .main_best .main_best_inner .best_tab .cm_tab .btn_tab > a:before { right: 15px; }
	.main_contents .main_best .main_best_inner .best_tab .cm_tab .btn_tab.active > a { padding: 0 15px; padding-right: 45px; }

	/* 마이페이지 - 메인 */
	.mypage_area .mypage_cont > .cm_option { margin-bottom: 15px; }
	.mypage_area .mypage_cont > .cm_title2 { margin-bottom: 15px; }
	.mypage_area .mypage_quick .my_profile .my_profile_thumb { width: 40px; height: 40px; }
	.mypage_area .mypage_quick .my_profile .my_profile_name { padding-left: 15px; font-size: 16px; }
	.mypage_area .mypage_quick .my_profile .my_profile_name:after { width: 6px; margin-left: 10px; }
	.mypage_area .mypage_quick .btn_area > li { padding: 0 20px; }
	.mypage_area .mypage_quick .btn_area > li:after { height: 40px; margin-top: -20px; }
	.mypage_area .mypage_quick .btn_area .btn_my:before { width: 40px; height: 40px; margin-right: 15px; }
	.mypage_area .mypage_divy_status .cm_box2 { padding: 20px 25px; }
	.mypage_area .mypage_divy_status .divy_status_box > li:after { height: 40px; margin-top: -20px; }
	.mypage_area .mypage_divy_status .status_num { font-size: 26px; }
	.mypage_area .mypage_divy_status .status_title { margin-top: 10px; font-size: 15px; }
	
	/* 마이페이지 - 나의 주문내역 - 주문상세 */
	.my_oder_detail_area .sidebar .btn_area { flex-wrap: nowrap; }
	.my_oder_detail_area .sidebar .btn_area .cm_btn { margin: 0 !important; }

	/* 프리클릭 상품 - 상품상세 */
	.pd_detail_area .pd_swiper { width: 320px; }
	.pd_detail_area .pd_swiper .swiper .btn_area { right: 20px; bottom: 55px; }
	.pd_detail_area .pd_swiper .swiper .btn_area .btn_like { min-width: 45px; min-height: 45px; padding: 5px; }
	.pd_detail_area .pd_info { padding-left: 30px; }
	.pd_detail_area .pd_cate { font-size: 12px; }
	.pd_detail_area .pd_cate > span { padding-right: 20px; }
	.pd_detail_area .pd_cate > span:after { right: 7px; width: 5px; }
	.pd_detail_area .pd_title { margin-top: 15px; font-size: 20px; }
	.pd_detail_area .pd_line { margin: 25px 0; }
	.pd_detail_area .pd_price { margin-top: 20px; font-size: 16px; }
	.pd_detail_area .pd_price > span.text-bold { font-size: 26px; }
	.pd_detail_area .pd_info .btn_area { margin-top: 20px; }
	.pd_detail_area .form_option_list .option_list { position: static; }
	.pd_detail_area .pd_add_layer { position: fixed; left: 0; bottom: 0; right: 0; padding: 35px 0 140px; background: #fff; border-radius: 20px 20px 0 0; box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.25); z-index: 3; transform: translate3d(0, 100%, 0); transition: transform 0.3s, z-index 0.1s; z-index: 1; }
	.pd_detail_area .pd_add_layer.showLayer { transform: translate3d(0, 0, 0); transition: transform 0.3s, z-index 0.2s 0.1s; z-index: 202; }
	.pd_detail_area .pd_add_layer .layer_inner { height: 100%; max-height: 50vh; padding: 0 30px; overflow: auto; }
	.pd_detail_area .pd_add_layer .pd_price { position: absolute; left: 0; right: 0; bottom: 65px; margin: 0; padding: 20px 30px; }
	.pd_detail_area .pd_add_layer .btn_area { position: absolute; left: 0; right: 0; bottom: 0; width: auto; margin: 0; }
	.pd_detail_area .pd_add_layer .btn_area .cm_btn { min-height: 65px; margin: 0 !important; border-radius: 0; }
	.pd_detail_area .pd_add_layer .btn_area .btn_fav { display: none; }
	.pd_detail_area .pd_add_layer .btn_close { display: block; position: absolute; top: -20px; right: 30px; width: 40px; height: 40px; font-size: 0; background: url(../../images/common/icon_close02.svg) no-repeat center / 12px rgba(0, 0, 0, 0.7); border-radius: 100%; }
	.pd_detail_area .mo_btn_area { display: flex; position: fixed; left: 0; bottom: 0; right: 0; z-index: 201; }
	.pd_detail_area .mo_btn_area .cm_btn { min-height: 65px; margin: 0 !important; border-radius: 0; }
	.pd_detail_area .mo_btn_area .btn_fav { min-width: 65px; border: 0; }
	.pd_detail_area .cm_delivery_info { margin-top: 40px; }
	.pd_detail_area .pd_detail_desc { margin-top: 40px; }
	.pd_detail_area .pd_detail_desc .pd_detail { width: 100%; padding-right: 0; }
	.pd_detail_area .pd_detail_desc .pd_detail .pd_detail_cont + .pd_detail_cont { margin-top: 40px; }
	.pd_detail_area .pd_detail_desc .pd_option_area { display: none !important; }

	/* 기타 */
	.other_area { width: calc(100% + 60px); margin: 0 -30px; margin-top: -50px; margin-bottom: -80px; }
	.other_area .other_list > ul > li > a { height: 55px; padding: 0 30px; }
	.other_area .other_list1 > ul > li > a { background: url(../../images/common/icon_arr09.svg) no-repeat right 30px center / 7px; }

	/* 공통 프랜차이즈 목록 */
	.cm_franchise { height: 120px; }
	.cm_franchise .item_frnch { margin-right: 35px; }
	.cm_franchise .item_icon { width: 80px; height: 80px; }
	.cm_franchise .item_title { font-size: 15px; }

	/* 프렌차이즈관 */
	.sub_contents .cm_franchise { margin-top: 40px; margin-bottom: 30px; }
	.franchise_area .op_left { font-size: 16px; }
}

/* ********************************************************************************* *
/* max-wdith: 768px
/* ********************************************************************************* */
@media screen and (max-width: 768px){
	/* common */
	.inner { padding: 0 20px; }

	/* title */
	.cm_title1 { margin-bottom: 15px; font-size: 22px; }
	.cm_title2 { font-size: 18px; }
	.cm_title3 { margin-bottom: 10px; font-size: 16px; }
	.cm_title4 { font-size: 14px; }
	.cm_title5 { font-size: 16px; }
	
	/* text */
	.cm_text_guide { font-size: 13px; }
	.cm_text22 { font-size: 20px; }
	.cm_text20 { font-size: 18px; }
	.cm_text18 { font-size: 16px; }
	.cm_text17 { font-size: 15px; }
	.cm_text16 { font-size: 14px; }
	.cm_text15 { font-size: 13px; }
	.cm_text14 { font-size: 12px; }
	.cm_text13 { font-size: 11px; }

	/* 불릿 텍스트 */
	.cm_bul1 > * { padding-left: 12px; }
	.cm_bul1 > *:before { top: 8px; width: 3px; height: 3px; }
	.cm_bul1 .item_justify .text_justify { width: 50px; }

	.cm_bul_in > * { padding-left: 12px; font-size: 13px; }

	/* 분리 텍스트 */
	.cm_slash { margin: -5px -10px; }
	.cm_slash .slash_item { padding: 5px 10px; }
	.cm_slash .slash_item:after { height: 12px; margin-top: -5px; }
	.cm_slash.small .slash_item { font-size: 13px; }
	.cm_slash.small .slash_item:after { height: 10px; }

	/* 박스 */
	.cm_box1 { font-size: 13px; }
	.cm_box2 { padding: 20px 30px; font-size: 12px; }

	/* btn */
	.btn_area .cm_btn { margin-right: 6px; }
	.btn_area.center .cm_btn { margin-right: 3px; margin-left: 3px; }
	.btn_area.right .cm_btn { margin-left: 6px; }
	.btn_area.between .btn_left .cm_btn { margin-right: 6px; }
	.btn_area.between .btn_right .cm_btn { margin-left: 6px; }

	.cm_btn { padding: 7px 15px; }
	.btn_xs { min-height: 26px; padding: 5px 10px; font-size: 12px; }
	.btn_sm { min-height: 30px; padding: 5px 12px; font-size: 12px; }
	.btn_lg { min-height: 50px; padding: 10px 30px; font-size: 15px; }

	.cm_btn_etc { min-height: 0; height: auto; padding: 0; background-color: transparent; border-color: transparent; }
	.cm_btn_icon { min-height: 0; font-size: 0; padding: 0; border: 0; }

	/* 아이콘 버튼 */
	.btn_more1 { min-height: 30px; padding: 0 0 13px; font-size: 13px; border-radius: 0; }
	.btn_more1 > span:before,
	.btn_more1 > span:after { width: calc(7px * 0.8); height: calc(12px * 0.8); }
	.btn_reset > span:before,
	.btn_reset > span:after { width: calc(18px * 0.8); height: calc(18px * 0.8); }
	.btn_like > span:before,
	.btn_like > span:after { width: calc(23px * 0.8); height: calc(20px * 0.8); }
	.btn_cart > span:before,
	.btn_cart > span:after { width: calc(25px * 0.8); height: calc(22px * 0.8); }
	.btn_type_block > span:before,
	.btn_type_block > span:after { width: calc(18px * 0.8); height: calc(18px * 0.8); }
	.btn_type_list > span:before,
	.btn_type_list > span:after { width: calc(18px * 0.8); height: calc(18px * 0.8); }

	/* icon */
	.cm_btn_icon { min-height: 0; font-size: 0; padding: 0; border: 0; }

	.icon_folder { width: calc(15px * 0.8); height: calc(12px * 0.8); }
	.icon_setting { width: calc(18px * 0.8); height: calc(18px * 0.8); }
	.icon_delete { width: calc(35px * 0.65); height: calc(35px * 0.65); background-size: 8px; }
	.icon_ddg { width: calc(24px * 0.65); height: calc(24px * 0.65); }
	.icon_cate { width: calc(213px * 0.23); height: calc(214px * 0.23); }
	.cm_text_icon.text_info { padding-left: 23px; }
	.cm_text_icon.text_info:before { top: 1px; width: calc(20px * 0.8); height: calc(20px * 0.8); }
	.cm_text_icon.text_date { padding-left: 20px; font-size: 14px; }
	.cm_text_icon.text_date:before { width: calc(18px * 0.8); height: calc(18px * 0.8); }
	.cm_text_icon.text_view { padding-left: 20px; font-size: 14px; }
	.cm_text_icon.text_view:before { width: calc(19px * 0.8); height: calc(15px * 0.8); }
	.cm_text_icon.text_writer { padding-left: 20px; font-size: 14px; }
	.cm_text_icon.text_writer:before { width: calc(12px * 0.8); height: calc(16px * 0.8); }
	.cm_text_icon.text_time { padding-left: 20px; font-size: 14px; }
	.cm_text_icon.text_time:before { top: 4px; width: calc(18px * 0.8); height: calc(19px * 0.8); }
	.cm_text_icon.text_warning { padding-left: 20px; font-size: 14px; }
	.cm_text_icon.text_warning:before { width: calc(18px * 0.8); height: calc(18px * 0.8); }
	.cm_text_icon.text_confirm { padding-left: 20px; font-size: 14px; }
	.cm_text_icon.text_confirm:before { top: 4px; width: calc(18px * 0.8); height: calc(18px * 0.8); }
	.cm_text_icon.text_notice { padding-left: 25px; }
	.cm_text_icon.text_notice:before { top: 2px; width: calc(20px * 0.8); height: calc(20px * 0.8); }
	.cm_text_icon.text_qna { padding-left: 25px; }
	.cm_text_icon.text_qna:before { width: calc(24px * 0.8); height: calc(18px * 0.8); }

	/* label */
	.cm_label { min-width: 65px; height: 28px; padding: 5px 13px; font-size: 12px; }
	
	/* tag list */
	.cm_tag { margin: 0 -5px; }
	.cm_tag .tag_item { padding: 0 5px; font-size: 15px; }

	/* Form */
	.form_label { font-size: 14px; }
	.form_control { padding: 0 10px; }
	textarea.form_control { height: 150px; }

	/* 인증 시간 */
	.form_auth .form_control { padding-right: 50px; }
	.form_auth .form_auth_text { padding: 0 10px; font-size: 13px; }

	/* check/radio */
	.form_check2 input + .form_label { min-height: 32px; padding: 0 15px; font-size: 13px; }
	.form_check2 input + .form_label:before { width: 10px; height: 10px; margin-top: 0; margin-right: 8px; }
	.form_check_btn input + .form_label { height: 38px; padding: 1px 13px 0; }
	.form_check_btn2 input + .form_label { min-height: 42px; padding: 7px 13px; }

	/* 파일 */
	.file_img_list .item_file { width: calc((100% - (15px * 2)) / 3); margin-right: 15px; margin-top: 15px; }
	.file_img_list .item_file:nth-child(4n+4) { margin-right: 15px; }
	.file_img_list .item_file:nth-child(3n+3) { margin-right: 0; }
	.file_img_list .item_file:nth-child(-n+3) { margin-top: 0; }
	.file_img_list .btn_delete { width: 26px; height: 26px; background-size: 11px; }
	
	/* 유틸 레이아웃 */
	.cm_option.sm-resp { flex-direction: column; }
	.cm_option.sm-resp.revs { flex-direction: column-reverse; }
	.cm_option.sm-resp.start { flex-direction: row; justify-content: flex-start; }
	.cm_option.sm-resp.end { flex-direction: row; justify-content: flex-end; }
	.cm_option.sm-resp .op_left { width: 100%; }
	.cm_option.sm-resp .op_right { width: 100%; }
	.cm_option.sm-resp.start .op_left { width: auto; margin-right: 10px; }
	.cm_option.sm-resp.start .op_right { width: auto; }
	.cm_option.sm-resp.end .op_left { width: auto; }
	.cm_option.sm-resp.end .op_right { width: auto; margin-left: 10px; }

	/* 옵션선택 */
	.form_option_list .btn_option { height: 42px; }
	.form_option_list .option_list > ul > li { min-height: 42px; }

	/* 수량변경 */
	.cm_value { min-width: 32px; min-height: 32px; }
	.cm_value .cm_value_box .btn_value { width: 32px; height: 32px; }
	.cm_value .cm_value_box .btn_value_minus { background-size: 8px; border-radius: 3px 0 0 3px; }
	.cm_value .cm_value_box .btn_value_plus { background-size: 8px; border-radius: 0 3px 3px 0; }
	.cm_value .cm_value_box .form_value { height: 32px; padding: 0 10px; }
	.cm_value .btn_value_ctrl { width: 32px; height: 32px; font-size: 0; background-size: 8px; }

	/* 게시판 검색 */
	.form_search .form_search_inner { display: flex; }
	.form_search .form_group { width: 100%; }
	.form_search .form_group .search_input { width: 100%; }
	.form_search .form_group .form_control { padding-right: 55px; }
	.form_search .search_btn .btn_search { width: 43px; height: 43px; background-size: 20px; }

	/* 탭 스타일 */
	.cm_tab1 { margin-bottom: 25px; }
	.cm_tab1 .cm_tab > li > a { min-height: 40px; padding: 5px 15px; }

	/* 게시판 유틸 */
	.form_utill .utill_item { padding: 0 13px; font-size: 13px; }
	.form_utill .utill_item:after { height: 10px; margin-top: -5px; }

	/* 테이블 스타일1 */
	.cm_table1 .cm_table td { height: 55px; }
	.cm_table1 .cm_table td.cm_nodata { height: 100px; }

	/* 테이블 스타일2 */
	.cm_table2 .cm_table th,
	.cm_table2 .cm_table td { height: 45px; padding: 7px 15px; font-size: 12px; }

	/* 게시판 상세 */
	.cm_board_view .board_view_head .view_label { margin-top: -20px; margin-bottom: 15px; }
	.cm_board_view .board_view_head .view_title { font-size: 16px; }
	.cm_board_view .board_view_head .view_text { font-size: 13px; }
	.cm_board_view .board_view_head .view_info { margin-top: 7px; }
	.cm_board_view .board_view_cont { min-height: 150px; padding: 20px 0; }
	.cm_board_view .answer_cont { padding: 20px; }
	.cm_board_view .board_view_file { padding: 15px 0; }

	/* 작성 */
	.cm_form_write > .form_group + .form_group { margin-top: 25px; }
	.cm_form_write > .form_group > .col > .form_label,
	.cm_form_write > .form_group > [class^="col-"] > .form_label { margin-bottom: 13px; }
	.cm_form_write .cm_overview1 { font-size: 14px; }

	/* 목록 스타일1 */
	.cm_list1 .cm_list { grid-template-columns: repeat(2, minmax(auto, calc(50% - (25px / 2)))); gap: 25px; }
	.cm_list1.row3 .cm_list { grid-template-columns: repeat(2, minmax(auto, calc(50% - (25px / 2)))); gap: 25px; }
	.cm_list1 .list_item .thumb_area .label_lank { font-size: 12px; }
	.cm_list1 .list_item .desc_area .item_desc { font-size: 12px; }
	.cm_list1 .list_item .desc_area .item_cate { margin-top: 10px; padding-right: 0; font-size: 12px; }
	.cm_list1 .list_item .desc_area .item_price > span { font-size: 20px; }
	.cm_list1 .list_item .desc_area .item_option { padding: 15px; font-size: 13px; }
	.cm_list1.type2 .cm_list { grid-template-columns: repeat(1, minmax(auto, 100%)); gap: 30px 25px; }
	.cm_list1.type2 .list_item .thumb_area { width: 100px; }
	.cm_list1.type2 .list_item .desc_area { min-height: 100px; padding-top: 0; }
	.cm_list1.type3 .list_item { padding: 20px 0; }
	.cm_list1.type3 .list_item .form_check { top: 30px; }
	.cm_list1.type3 .list_item .thumb_area { width: 120px; }
	.cm_list1.type3 .list_item .desc_area { padding: 0; padding-left: 20px; }
	.cm_list1.type3 .list_item .desc_area .item_title { padding-right: 30px; }
	.cm_list1.type3 .list_item .desc_area .item_desc > .item_text { width: 100%; margin-top: 3px; padding-right: 0; }
	.cm_list1.type3 .list_item .desc_area .item_desc > .item_text:nth-child(-n+2) { margin-top: 3px; }
	.cm_list1.type3 .list_item .btn_delete { position: absolute; top: 30px; right: 0; width: 15px; height: 15px; font-size: 0; background: url(../../images/common/icon_close03.svg) no-repeat center / 100%; }

	/* 목록 스타일2 */
	.cm_list2 .cm_list { grid-template-columns: repeat(2, minmax(auto, calc(50% - (20px / 2)))); gap: 25px 20px; }
	.cm_list2 .list_item .desc_area { margin-top: 13px; }
	.cm_list2 .list_item .desc_area .item_text { margin-top: 7px; }

	/* 목록 스타일3 */
	.cm_list3 .list_item { padding-right: 0; }
	.cm_list3 .list_item .desc_area .item_title { font-size: 15px; padding-right: 25px; }
	.cm_list3 .list_item .desc_area .item_desc { margin: 0 -10px; margin-top: 10px; padding-right: 0; }
	.cm_list3 .list_item .desc_area .item_desc .item_text { position: relative; padding: 0 10px; }
	.cm_list3 .list_item .desc_area .item_desc .item_text:after { margin-top: -6px; }
	.cm_list3 .list_item .desc_area .item_cate { margin-top: 10px; padding-right: 0; font-size: 12px; }
	.cm_list3 .list_item .desc_area .item_edit { position: static; justify-content: flex-end; margin-top: 10px; }
	.cm_list3 .list_item .desc_area .item_price > span { font-size: 18px; }
	.cm_list3 .list_item .btn_delete { width: 12px; height: 12px; }

	/* 목록 스타일4 */
	.cm_list4 .list_item .item_head { height: 50px; padding: 10px 20px; }
	.cm_list4 .list_item .item_body { min-height: 0; padding: 15px 20px; }
	.cm_list4 .list_item .desc_area { padding-left: 20px; font-size: 14px; }
	.cm_list4 .list_item .item_status > span { display: block; margin-bottom: 3px; margin-right: 0; }
	.cm_list4 .list_item .item_text { margin-top: 15px; }
	.cm_list4 .list_item .item_price { margin-top: 2px; }
	.cm_list4 .list_item .item_price > span { font-size: 18px; }
	.cm_list4 .list_item .btn_area { width: 100px; }

	/* 목록 스타일5 */
	.cm_list5 .list_item { position: relative; display: block; padding: 15px 0; }
	.cm_list5 .list_item .form_check { position: absolute; top: 20px; left: 5px; margin: 0; z-index: 1; }
	.cm_list5 .list_item .desc_area { padding-left: 20px; }
	.cm_list5 .list_item .desc_area .item_price span.text-bold { font-size: 18px; }
	.cm_list5.type2 .list_item .cm_box2 { margin: 15px 0 -15px; padding: 15px 10px; }

	/* 모달 */
	.cm_modal .modal_contents { width: 100%; height: 100vh; }
	.cm_modal.modal_sm .modal_contents { max-width: 100%; }
	.cm_modal.modal_lg .modal_contents { max-width: 100%; }
	.cm_modal .modal_head { height: 60px; padding: 12px 60px 12px 20px; }
	.cm_modal .modal_foot { height: 70px; padding: 0 20px 20px; }
	.cm_modal .modal_body { padding: 20px; }
	.cm_modal .modal_title { font-size: 18px; }
	.cm_modal .modal_close { background-size: 16px; }
	.cm_modal.hasHead .modal_body { max-height: calc(100vh - 60px); }
	.cm_modal.hasFoot .modal_body { max-height: calc(100vh - 70px); }
	.cm_modal.hasHead.hasFoot .modal_body { max-height: calc(100vh - 60px - 70px); }
	.cm_modal .modal_cont > .cm_bg1:first-child { width: calc(100% + 40px); margin: -20px -20px 20px; padding: 15px 20px; }
	
	/* header */
	.header { padding: 14px 0; }
	.header .utill_area { padding-left: 4%; }
	.header .utill_area .utill_search .search_inner { width: 100%; }
	.header .utill_area .utill_search .search_inner .search_input { height: 33px; font-size: 16px; padding-right: 0; }
	.header .utill_area .utill_search .search_inner .search_btn { width: 30px; height: 35px; background-size: 14px; }
	.header .utill_area .utill_inner { margin-left: 0; }
	.header .utill_area .utill_inner .btn_like { margin-left: 10px; }
	.header .utill_area .utill_inner .btn_utill:before { width: calc(28px * 0.85); height: calc(25px * 0.85); }
	.header .utill_area .utill_inner .btn_login,
	.header .utill_area .utill_inner .btn_mypage { display: none; }
	.header .utill_area .utill_inner .btn_cart > em,
	.header .utill_area .utill_inner .btn_like > em { min-width: 18px; height: 18px; padding-bottom: 4px; }
	.header .logo_area .logo { width: calc(180px * 0.55); height: calc(51px * 0.55); }

	.header .category_area { top: 65px; bottom: 60px; padding: 20px; }
	.header .category_area .catagory_depth1 > li { width: 50%; margin-bottom: 30px; }
	.header .category_area .catagory_depth2 ul { margin-left: -20px; padding: 20px; }
	.header .category_area .catagory_depth2 ul > li { margin-top: 15px; font-size: 15px; }

	/* footer */
	.footer .inner { display: block; }
	.footer .foot_left { width: 100%; }
	.footer .foot_center { width: 100%; padding: 0; }
	.footer .foot_right { width: 100%; margin-top: 20px; margin-left: 0; }
	.footer .logo { width: calc(180px * 0.55); height: calc(51px * 0.55); }
	.footer .foot_menu { flex-wrap: wrap; margin: 0 -10px; margin-top: 15px; }
	.footer .foot_menu > li { padding: 5px 10px; }
	.footer .foot_menu > li:after { height: 10px; margin-top: -5px; }
	.footer .foot_address { margin-top: 15px; }
	.footer .foot_address > p { margin-right: 10px; }
	.footer .foot_copy { margin-top: 10px; font-size: 11px; }
	.footer .cs_center { font-size: 18px; }
	.footer .cs_center span { font-size: 12px; }
	.footer .btn_qna { width: 100px; }

	/* container */
	#wrap { margin-bottom: 60px; }
	.container { min-height: calc(100vh - 65px); margin-top: 65px; }

	/* floating bar */
	.floating_bar .floating_list > li > a { max-width: 70px; padding: 10px; }
	.floating_bar .floating_list > li > a .icon_floating { margin-bottom: 6px; }
	.floating_bar .floating_list > li > a.btn_wish { margin: 3px auto 2px; padding: 7px 5px 5px; }

	/* side layout */
	.cm_side_layout .left_menu { width: calc(100% + 40px); margin: 0 -20px; overflow: hidden; overflow-x: auto; }
	.cm_side_layout .left_menu .left_depth1 > li { flex: auto; flex-shrink: 0; }
	.cm_side_layout .left_menu .left_depth1 > li > a { padding: 15px; }

	/* faq */
	.cm_faq .faq_item .item_text { padding-left: 15px; }
	.cm_faq .faq_item .faq_title { padding: 15px; padding-right: 40px; background-position: right 15px center; background-size: 10px; }
	.cm_faq .faq_item .faq_title .icon_faq { font-size: 15px; }
	.cm_faq .faq_item .faq_cont { padding: 15px; }
	.cm_faq .faq_item .faq_cont .icon_faq { width: 26px; height: 26px; padding-bottom: 0; }
	.cm_faq .faq_item .faq_cont .item_text { width: calc(100% - 26px); padding-left: 12px; }

	/* 배송안내 */
	.cm_delivery_info { min-height: 0; padding: 20px 25px; }
	.cm_delivery_info .del_title { font-size: 16px; }
	.cm_delivery_info .del_text { margin-top: 10px; font-size: 13px; }
	.cm_delivery_info .del_text > span { margin-top: 10px; font-size: 12px; }
	.cm_delivery_info .img_del { right: -20px; width: 150px; }

	/* 약관 */
	.cm_terms { font-size: 12px; }
	.cm_terms .cm_box3 { padding: 15px 20px; }
	.cm_terms .cm_title3 { margin-bottom: 15px; }
	.cm_terms .cm_title4 { font-size: 14px; }
	.cm_terms [class^="terms_list"] [class^="terms_list"] { padding-left: 13px; }
	.cm_terms .cm_table2 .cm_table th, 
	.cm_terms .cm_table2 .cm_table td { height: 40px; padding: 5px 10px; font-size: 12px; }

	/* 약관 */
	.cm_agree .agree_box { height: 120px; padding: 15px 20px; font-size: 12px; }

	/* 개요1 */
	.cm_overview1 > dt { width: 70px; margin-top: 13px; }
	.cm_overview1 > dd { width: calc(100% - 70px); margin-top: 13px; }
	.cm_overview1.type2 > dt { margin-top: 11px; }
	.cm_overview1.resp { display: block; }
	.cm_overview1.resp > dt { width: 100%; }
	.cm_overview1.resp > dd { width: 100%; }
	.cm_overview1.resp.type2 > dt { margin-top: 0; }

	/* 고객센터 안내 */
	.cm_csbox { padding: 20px 25px; }
	.cm_csbox .cs_title { font-size: 14px; }
	.cm_csbox .cs_info .cs_item { margin-bottom: 15px; }
	.cm_csbox .cs_info .cs_item .cs_icon { width: 35px; height: 35px; }
	.cm_csbox .cs_info .cs_item_call .cs_etc { font-size: 22px; }
	.cm_csbox .cs_info .cs_item .btn_area { width: auto; margin-left: 12px; }

	/* 공통 주문 레이아웃 */
	.cm_order .sidebar .btn_area .cm_btn { min-height: 60px; font-size: 16px; }

	/* 상품추가 박스 */
	.cm_pd_add_box .item_price > span.text-bold { font-size: 16px; }

	/* 고정버튼영역 */
	.cm_fixed .cm_btn { min-height: 60px; border-radius: 0; }

	/* 공통 단계 */
	.cm_step { margin-bottom: 30px; }
	.cm_step .item_step { margin-right: 100px; }
	.cm_step .item_step:after { width: calc(100% + 100px); height: 2px; margin-top: -1px; }
	.cm_step .title_step { margin-top: 10px; }

	/* 공통 배송단계 */
	.cm_step_divy .item_step { width: 70px; margin-right: 70px; }
	.cm_step_divy .item_step:after { top: calc(70px / 2); width: 70px; }

	/* 공통 카테고리 */
	.cm_category .btn_cate > p { margin-top: 10px; }

	/* main */
	.main_contents .main_cont { margin: 35px 0; }
	.main_contents .main_cont .main_title { margin-bottom: 20px; font-size: 18px; }
	.main_contents .main_visual { margin: 0; }
	.main_contents .main_visual .thumb_area:after { padding-top: 40%; }
	.main_contents .main_visual .swiper-btn-wrap { right: 0; bottom: 0; width: 35%; max-width: 100%; height: 30px; padding: 0 15px; background: rgba(0, 0, 0, 0.3); border-radius: 15px 0 15px 0; box-shadow: none; }
	.main_contents .main_visual .swiper-btn-wrap .swiper-ctrl-area { display: none; }
	.main_contents .main_visual .swiper-btn-wrap > .swiper-btn { display: none; }
	.main_contents .main_visual .swiper-btn-wrap .swiper-pagination { width: 100%; color: #fff; }
	.main_contents .main_visual .swiper-btn-wrap .swiper-progress-bar { right: auto; left: 50%; width: 30%; margin-left: -15%; background-color: rgba(255, 255, 255, 0.3); }
	.main_contents .main_visual .swiper-btn-wrap .swiper-progress-bar.animate .slide_progress-bar { background-color: #fff; }
	.main_contents .main_cate { margin: 10px 0; }
	.main_contents .main_cate .btn_cate { flex: auto; max-width: 25%; width: 25%; }
	.main_contents .main_cate .btn_cate > p { margin-top: 10px; font-size: 12px; }
	.main_contents .main_bnr { margin: 0; }
	.main_contents .main_bnr .bnr_slide .swiper-btn { width: 32px; height: 32px; margin-top: -16px; }
	.main_contents .main_bnr .bnr_slide .swiper-prev { margin-left: -12px; }
	.main_contents .main_bnr .bnr_slide .swiper-next { margin-right: -12px; }
	.main_contents .main_best .main_title img { margin-left: 10px; width: 110px; }
	.main_contents .main_best .main_best_inner .best_tab .cm_tab { min-height: 35px; }
	.main_contents .main_best .main_best_inner .best_tab .cm_tab { min-height: 35px; }
	.main_contents .main_best .main_best_inner .best_tab .cm_tab .btn_tab > a { justify-content: center; padding: 10px 24px; font-size: 13px; }
	.main_contents .main_best .main_best_inner .best_tab .cm_tab .btn_tab.active > a { padding: 10px 12px; padding-right: 36px; }
	.main_contents .main_best .main_best_inner .best_cont .cm_list1.type2 .list_item .thumb_area { width: 100px; }
	.main_contents .main_best .main_best_inner .best_cont .cm_list1.type2 .list_item .desc_area { min-height: 100px; }
	.main_contents .main_new { margin-top: 0; padding-top: 35px; }
	.main_contents .main_new:after { height: 23%; }
	.main_contents .main_notice { height: 55px; margin: 0; padding-right: 20px; }
	.main_contents .main_notice .noti_title { padding-right: 10px; font-size: 14px; }
	.main_contents .main_notice .noti_title:before { width: 12px; height: 12px; margin-right: 8px; }
	.main_contents .main_notice .noti_slide { height: 25px; }
	.main_contents .main_notice .noti_slide .swiper { height: 25px; }
	.main_contents .main_notice .noti_slide .noti_date { width: 65px; font-size: 12px; }
	.main_contents .main_notice .noti_slide .noti_desc { width: calc(100% - 65px); font-size: 13px; }
	.main_contents .main_notice .noti_slide .swiper-btn { width: 11px; height: 11px; }
	.main_contents .main_notice .noti_slide .swiper-prev { top: 12px; }
	.main_contents .main_notice .noti_slide .swiper-next { bottom: 12px; }

	/* 검색 */
	.search_area .sub_title { font-size: 20px; }

	/* 마이페이지 - 메인 */
	.mypage_area .mypage_cont + .mypage_cont { margin-top: 30px; }
	.mypage_area .mypage_quick { display: block; margin: 0 -20px; padding: 15px 20px; padding-top: 0; box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.1); }
	.mypage_area .mypage_quick .my_profile .my_profile_thumb { width: 35px; height: 35px; }
	.mypage_area .mypage_quick .btn_area { margin-top: 20px; padding: 0; }
	.mypage_area .mypage_quick .btn_area > li:first-child { padding-left: 0; }
	.mypage_area .mypage_quick .btn_area > li:last-child { padding-right: 0; }
	.mypage_area .mypage_quick .btn_area > li:after { height: 20px; margin-top: -10px; }
	.mypage_area .mypage_quick .btn_area .btn_my { justify-content: center; letter-spacing: -1px; font-size: 14px; }
	.mypage_area .mypage_quick .btn_area .btn_my:before { width: 30px; height: 30px; margin-right: 10px; }
	.mypage_area .mypage_divy_status .cm_box2 { padding: 20px 25px; }
	.mypage_area .mypage_divy_status .divy_status_box > li:after { height: 40px; margin-top: -20px; }
	.mypage_area .mypage_divy_status .status_num { font-size: 26px; }
	.mypage_area .mypage_divy_status .status_title { margin-top: 10px; font-size: 15px; }

	/* 마이페이지 - 비밀번호 확인 */
	.my_check { padding-top: 25px; }
	.my_check .img_area { max-width: 80px; }
	.my_check .text_area { margin-top: 20px; font-size: 18px; }

	/* 마이페이지 - 나의 주문내역 - 주문목록 */
	.my_order_list .cm_option select.form_control { width: 100%; margin-top: 10px; }

	/* 마이페이지 - 나의 주문내역 - 주문상세 */
	.my_oder_detail_area { padding-bottom: 0; border: 0; }
	.my_oder_detail_area .cm_box3 > .cm_box2 > p { font-size: 15px; }
	.my_oder_detail_area .cm_box3 > .cm_box2 .cm_slash { margin: 10px -15px -5px; }
	.my_oder_detail_area .cm_box3 > .cm_box2 .cm_slash .slash_item { padding: 5px 15px; font-size: 14px; }
	.my_oder_detail_area .cm_box3 > .cm_box2 .cm_slash .slash_item > span { display: block; margin-bottom: 7px; margin-right: 0; }

	/* 마이페이지 - 나의 주문내역 - 반품신청 */
	.my_return_area .retrun_list { padding-top: 20px; }
	.my_return_area .retrun_list li { margin-bottom: 15px; }
	.my_return_area textarea.form_control { height: 100px; }
	.my_return_area .divy_info_box .cm_box2 { padding: 15px 10px; }
	.my_return_area .return_info dl dt { width: 130px; }
	.my_return_area .return_info dl dd { width: calc(100% - 130px); }
	.my_return_area .return_info .return_total { padding: 15px; font-size: 15px; }
	.my_return_area .return_info .return_total dd > span { font-size: 22px; }
	.my_return_area .return_info .return_detail { padding: 15px; }
	.my_return_area .return_info .return_detail dd > span { font-size: 18px; }

	/* 마이페이지 - 나의 주문내역 - 1:1 주문내역 */
	.my_qna_list .text_qna { font-size: 13px; }

	/* 상품주문 - 결제하기 */
	.payment_area .divy_info_box .cm_bg2 { padding: 15px 20px; }

	/* 상품주문 - 주문완료 */
	.order_com_text { font-size: 18px; }
	.order_com_area .payment_info_box .cm_bg2 { padding: 15px 20px; }

	/* 프리클릭 상품 - 상품상세 */
	.pd_detail_area .pd_detail_title { display: block; }
	.pd_detail_area .pd_swiper { width: 100%; }
	.pd_detail_area .pd_swiper .swiper .btn_area { right: 10px; bottom: 45px; }
	.pd_detail_area .pd_swiper .swiper .btn_area .btn_like { min-width: 35px; min-height: 35px; padding: 5px; }
	.pd_detail_area .pd_swiper .swiper .btn_area .btn_like > span:before, 
	.pd_detail_area .pd_swiper .swiper .btn_area .btn_like > span:after { width: calc(23px * 0.65); height: calc(20px * 0.65); }
	.pd_detail_area .pd_info { margin-top: 15px; padding-left: 0; }
	.pd_detail_area .pd_cate > span { padding-right: 15px; }
	.pd_detail_area .pd_cate > span:after { right: 4px; width: 4px; }
	.pd_detail_area .pd_title { margin-top: 10px; font-size: 18px; }
	.pd_detail_area .pd_line { margin: 20px 0; }
	.pd_detail_area .pd_price { margin-top: 15px; font-size: 14px; }
	.pd_detail_area .pd_price > span.text-bold { font-size: 23px; }
	.pd_detail_area .pd_add_layer { padding: 25px 0 120px; }
	.pd_detail_area .pd_add_layer .layer_inner { padding: 0 20px; }
	.pd_detail_area .pd_add_layer .pd_price { bottom: 60px; padding: 15px 20px; }
	.pd_detail_area .pd_add_layer .btn_area .cm_btn { min-height: 60px; }
	.pd_detail_area .pd_add_layer .btn_close { top: -17px; right: 20px; width: 34px; height: 34px; font-size: 0; background-size: 10px; }
	.pd_detail_area .mo_btn_area .cm_btn { min-height: 60px; }
	.pd_detail_area .mo_btn_area .btn_fav { min-width: 60px; }
	.pd_detail_area .cm_delivery_info { margin-top: 35px; }
	.pd_detail_area .pd_detail_desc { margin-top: 35px; }
	.pd_detail_area .pd_detail_desc .pd_detail .pd_detail_cont + .pd_detail_cont { margin-top: 35px; }

	/* 기타 */
	.other_area { width: calc(100% + 40px); margin: 0 -20px; margin-top: -50px; margin-bottom: -80px; }
	.other_area .other_list > ul > li > a { height: 55px; padding: 0 20px; font-size: 15px; }
	.other_area .other_list1 > ul > li > a { background: url(../../images/common/icon_arr09.svg) no-repeat right 20px center / 6px; }

	/* 공통 프랜차이즈 목록 */
	.cm_franchise { height: 100px; }
	.cm_franchise .item_frnch { margin-right: 20px; }
	.cm_franchise .item_icon { width: 60px; height: 60px; }
	.cm_franchise .item_title { font-size: 14px; }

	/* 프렌차이즈관 */
	.sub_contents .cm_franchise { margin-top: 25px; margin-bottom: 25px; }
}

/* ********************************************************************************* *
/* max-wdith: 480px
* ********************************************************************************* */
@media screen and (max-width: 580px){
	/* 프리클릭 상품 - 상품상세 */
	.pd_detail_area .pd_swiper { width: 100%; max-height: calc(100vw - 30px + 20px + 17px); }
	.pd_detail_area .pd_swiper .pinch-zoom-container { min-height: calc(100vw - 30px) !important; max-height: calc(100vw - 30px) !important;  }
	.pd_detail_area .pd_swiper.zoonIn { position: fixed; top: 0; left: 0; bottom: 0; display: flex; align-items: center; justify-content: center; width: 100vw; height: 100vh; max-height: 100vh; background-color: #fff; z-index: 202; overflow: visible; overflow: auto; }
	.pd_detail_area .pd_swiper.zoonIn .swiper { width: 100%; height: 100vh; padding: 50px 0 140px; overflow: hidden; }
	.pd_detail_area .pd_swiper.zoonIn .swiper .pinch-zoom-parent { width: 100%; height: 100%; }
	.pd_detail_area .pd_swiper.zoonIn .swiper .pinch-zoom-container { width: 100%; height: 100% !important; min-height: 0 !important; max-height: 100% !important; }
	.pd_detail_area .pd_swiper.zoonIn .swiper .pinch-zoom { position: absolute !important; display: flex; align-items: center; justify-content: center; height: 100% !important; }
	.pd_detail_area .pd_swiper.zoonIn .swiper .pinch-zoom .thumb { position: static; width: 100%; height: auto; }
	.pd_detail_area .pd_swiper.zoonIn .swiper .pinch-zoom:after { display: none; }
	.pd_detail_area .pd_swiper.zoonIn .zoom_close { position: absolute; top: 15px; right: 15px; display: block; width: 20px; height: 20px; font-size: 0; background: url(../../images/common/icon_close01.svg) no-repeat center / contain; }
	.pd_detail_area .pd_swiper.zoonIn .swiper .btn_area { bottom: 75px; }
}
@media screen and (max-width: 480px){
	/* common */
	.inner { padding: 0 15px; }

	/* check/radio */
	.form_check_btn2.type2 input + .form_label { padding: 7px; }

	/* 파일 */
	.file_img_list .item_file { width: calc((100% - 15px) / 2); }
	.file_img_list .item_file:nth-child(3n+3) { margin-right: 15px; }
	.file_img_list .item_file:nth-child(2n+2) { margin-right: 0; }
	.file_img_list .item_file:nth-child(-n+3) { margin-top: 15px; }
	.file_img_list .item_file:nth-child(-n+2) { margin-top: 0; }

	/* 게시판 검색 */
	.form_search { padding: 15px 20px; }
	
	/* 유틸 레이아웃 */
	.cm_option.xs-resp { flex-direction: column; }
	.cm_option.xs-resp.revs { flex-direction: column-reverse; }
	.cm_option.xs-resp.start { flex-direction: row; justify-content: flex-start; }
	.cm_option.xs-resp.end { flex-direction: row; justify-content: flex-end; }
	.cm_option.xs-resp .op_left { width: 100%; }
	.cm_option.xs-resp .op_right { width: 100%; }
	.cm_option.xs-resp.start .op_left { width: auto; margin-right: 10px; }
	.cm_option.xs-resp.start .op_right { width: auto; }
	.cm_option.xs-resp.end .op_left { width: auto; }
	.cm_option.xs-resp.end .op_right { width: auto; margin-left: 10px; }

	/* 목록 스타일1 */
	.cm_list1 .list_item .desc_area .item_title { max-height: calc((14px * 1.5) * 2); font-size: 14px; }
	.cm_list1 .list_item .desc_area .item_desc .text_justify { width: 51px; }
	.cm_list1 .list_item .desc_area .item_price > span.text_per { display: inline-block; width: 40%; margin-bottom: 5px; margin-right: 3px; font-size: 14px; }
	.cm_list1 .list_item .desc_area .item_price > span.text_per em { font-size: 17px; }
	.cm_list1 .list_item .desc_area .item_price > span.text_dis { margin-left: 3px; font-size: 13px; }
	.cm_list1 .list_item .desc_area .item_option { margin-top: 15px; padding: 12px 15px; }
	.cm_list1 .list_item.soldout .thumb_area .label_soldout { padding: 10px; font-size: 12px; }
	.cm_list1.type2 .list_item.soldout .thumb_area .label_soldout { padding: 7px 10px; }
	.cm_list1.type3 .list_item .desc_area .item_desc > .item_text { width: 100%; margin-top: 3px; padding-right: 0; }
	.cm_list1.type3 .list_item .desc_area .item_desc > .item_text:nth-child(-n+2) { margin-top: 3px; }
	.cm_list1.type3 .list_item .desc_area .item_price { text-align: right; }
	.cm_list1.type3 .list_item .desc_area .item_option { width: calc(100% + 140px); margin-left: -140px; }
	.cm_list1.type3 .list_item .desc_area .cm_option { flex-direction: row-reverse; align-items: flex-end; width: calc(100% + 140px); margin-left: -140px; margin-top: 15px; }
	.cm_list1.type3 .list_item .desc_area .cm_value .cm_value_box { width: 110px; }
	.cm_list1.type3 .list_item.soldout .thumb_area .label_soldout { padding: 7px 10px; }

	/* 목록 스타일4 */
	.cm_list4 .list_item .item_head { height: 50px; padding: 10px 15px; }
	.cm_list4 .list_item .item_body { display: block; padding: 15px; }
	.cm_list4 .list_item .desc_area { padding-right: 0; }
	.cm_list4 .list_item .btn_area { flex-wrap: nowrap; width: 100%; margin-top: 15px; }
	.cm_list4 .list_item .btn_area .cm_btn { margin-top: 0 !important; margin-right: 10px; }
	.cm_list4 .list_item .btn_area .cm_btn:last-child { margin-right: 0; }

	/* header */
	.header .utill_area .utill_search .search_keyword { padding: 15px; padding-top: 18px; }
	.header .utill_area .utill_search .search_keyword .keyword_title { font-size: 15px; }
	.header .utill_area .utill_search .search_keyword .keyword_list { margin-top: 15px; }
	.header .utill_area .utill_search .search_keyword .keyword_list > li { margin-bottom: 7px; font-size: 14px; }
	.header .utill_area .utill_search .search_keyword .keyword_list > li:last-child { margin-bottom: 0; }
	.header .utill_area .utill_search .search_keyword .keyword_list .btn_delete { width: 10px; height: 10px; margin-top: 5px; margin-left: 7px; }
	.header .utill_area .utill_search .search_keyword .keyword_option { margin: 15px -15px -15px; }
	.header .utill_area .utill_search .search_keyword .keyword_option .btn_op { height: 35px; padding: 5px 15px; font-size: 13px; }

	.header .category_area .catagory_btn .icon_cate { width: 50px; height: 50px; }
	.header .category_area .catagory_btn > p { padding-left: 15px; font-size: 15px; }
	.header .category_area .catagory_depth2 { margin-top: 15px; }
	.header .category_area .catagory_depth2 ul { margin-left: -20px; padding: 20px; }
	.header .category_area .catagory_depth2 ul > li { font-size: 14px; }

	/* 공통 단계 */
	.cm_step .item_step { margin-right: 50px; }
	.cm_step .item_step:after { width: calc(100% + 50px); }

	/* 공통 배송단계 */
	.cm_step_divy .item_step { margin-right: 50px; }
	.cm_step_divy .item_step:after { width: 50px; }
	.cm_step_divy .img_step { border-radius: 15px; }

	/* 마이페이지 - 메인 */
	.mypage_area .mypage_quick .btn_area { margin-top: 15px; }
	.mypage_area .mypage_quick .btn_area > li { width: 30%; padding: 0 13px; }
	.mypage_area .mypage_quick .btn_area > li:nth-child(2) { width: 40%; }
	.mypage_area .mypage_quick .btn_area .btn_my { font-size: 13px; }
	.mypage_area .mypage_quick .btn_area .btn_my:before { width: 22px; height: 22px; margin-right: 8px; }
	.mypage_area .mypage_divy_status .cm_box2 { padding: 18px 20px; }
	.mypage_area .mypage_divy_status .divy_status_box { flex-wrap: wrap; padding: 15px 0 13px; }
	.mypage_area .mypage_divy_status .divy_status_box > li { width: 25%; padding: 0 13px; }
	.mypage_area .mypage_divy_status .divy_status_box > li:after { display: none; }
	.mypage_area .mypage_divy_status .status_num { font-size: 22px; }
	.mypage_area .mypage_divy_status .status_title { margin-top: 7px; font-size: 13px; }
	.mypage_area .mypage_divy_status .divy_status_box > li:last-child { display: flex; align-items: center; flex-direction: row-reverse; justify-content: space-between; width: 100%; margin-top: 18px; padding-top: 13px; border-top: 1px solid #ddd; }
	.mypage_area .mypage_divy_status .divy_status_box > li:last-child .status_title { margin: 0; }

	/* 프리클릭 소식 - 제품 구해주세요 */
	.get_pd_option .form_group .form_check_btn2 { width: 100%; margin-right: 5px; }

	/* 폴더관리 */
	.folder_sortable .folder_item .form_control { margin: 0 15px; }

	/* 기타 */
	.other_area .other_list > ul > li > a { height: 50px; }
}