@charset "UTF-8";

@media screen and (max-width:1200px){
    /* 해당 페이지 패딩 CSS */
	.sub_cont .brand_info_wrap {padding: 50px 10px 159px;} /* 머드화장품 소개 > 브랜드 소개  페이지 */
    .sub_cont .history_wrap {padding: 40px 10px 80px;} /* 머드화장품 소개 > 브랜드 히스토리 페이지 */
    .sub_cont .process_wrap {padding: 44px 10px 325px;} /*머드화장품 소개 >  생산과정 및 효능 페이지 */
	.sub_cont .hair_body_wrap {padding: 0 0 100px;} /* 제품 > 헤어앤바디 페이지 */
    .sub_cont .hair_body_wrap .pro_list_wrap .sch_bar_box {padding: 0 10px 15px;} /* 제품 > 헤어앤바디 > 검색 영역 */
    .sub_cont .hair_body_view_wrap {padding: 43px 10px 151px;} /* 제품 > 헤어앤바디 > VIEW 페이지 */
    .sub_cont .pay_wrap {padding: 49px 10px 90px;} /* 제품 > 헤어앤바디 > 결제하기 페이지 */
    .sub_cont .completion_wrap {padding: 49px 10px 330px;} /* 제품 > 헤어앤바디 > 주문 > 완료 페이지 */
    .sub_cont .basket_wrap {padding: 28px 10px 397px;} /* 제품 > 헤어앤바디 > 장바구니 페이지 */
    .notice_wrap {padding: 52px 10px 140px !important;} /* 고객센터 > 공지사항 페이지 */
    .sub_cont .notice_view_wrap {padding: 55px 10px 298px;} /* 고객센터 > 공지사항 VIEW 페이지 */
    .sub_cont .movie_info_wrap {padding: 48px 10px 212px;} /* 고객센터 > 소개영상 페이지 */
    .sub_cont .store_wrap {padding: 48px 10px 164px;} /* 고객센터 > 오프라인 매장 안내 페이지 */
    .sub_cont .breakdown_wrap {padding: 49px 10px 276px;} /* 마이페이지 > 주문내역 */
	.sub_cont .completion_wrap.sty_02 {padding: 49px 10px 330px;} /* 완료 페이지 */
    .container .sub_cont .info_ind {padding: 42px 10px 149px;} /* 개인정보처리방침 */

	.sub_top .inner .sub_top_tit {margin: 0; padding: 38px 10px 37px;}
    .sub_cont .login_wrap {padding: 83px 10px 229px;}
    .sub_cont .login_view_wrap {padding: 81px 10px 215px;}
    .sub_cont .breakdown_view_wrap {padding: 48px 10px 100px;}
    .sub_cont .inquiry_view_wrap {padding: 48px 10px 100px;}
    .sub_cont .payment_info_wrap {padding: 71px 10px 100px;}
    .sub_cont .login_wrap .login_area {padding: 38px 10% 61px 40.5%;}

    /* 브랜드 소개 페이지 CSS */
	.sub_cont .brand_info_wrap .cont_02 {padding: 65px 0 170px 40px; background: url('/template/shop/user/images/common/brand_info_bg_01.jpg') right 0 top 65px / 55% no-repeat;}

	.sub_cont .brand_info_wrap .cont_03 {margin: 30px 0 0; padding: 178px 80px 67px 0;}
    .sub_cont .brand_info_wrap .cont_03 .text_area {max-width: 400px;}
    .sub_cont .brand_info_wrap .cont_03 .text_area br {display: none;}
	/* // 브랜드 소개 페이지 CSS */

	/* 브랜드 히스토리 페이지 CSS */
	.sub_cont .history_wrap .history_box {background: url('/template/shop/user/images/common/his_logo.jpg') right 50px top 104px no-repeat;}
	/* // 브랜드 히스토리 페이지 CSS */

	/* 생산과정 및 효능 페이지 CSS */
    .sub_cont .process_wrap > .cont_02 .info_list_area {padding: 36px 0 36px 0;}
	.sub_cont .process_wrap > .cont_02 .info_list_area .list_02 {margin: 0; padding: 0 0 0 28px;}
    .sub_cont .process_wrap > .cont_02 .info_list_area .list_02 .cont_01 .list li,
    .sub_cont .process_wrap > .cont_02 .info_list_area .list_02 .cont_02 .list li {margin: 0 0 0 25px;}

	.sub_cont .process_wrap .cont_04 {margin: 0 auto; padding: 38px 0 0;}
    .sub_cont .process_wrap .cont_04 .cont_01 {padding: 300px 0 76px; background: url('/en/template/shop/user/images/main/map_img_en.jpg') right 50% top 0 no-repeat;}
    .sub_cont .process_wrap .cont_04 .cont_01 .text {word-break: keep-all; text-align: center;}
    .sub_cont .process_wrap .cont_04 .cont_01 .text br {display: none;}
    
    .sub_cont .process_wrap .cont_04 .cont_02 {margin: 0; padding: 350px 0 0; background: url('/template/shop/user/images/common/efficacy_img.jpg') 50% 0 no-repeat; text-align: center;}
    .sub_cont .process_wrap .cont_04 .cont_02 .info_area .eff_list_area {padding: 20px 0 0;}

	.sub_cont .process_wrap .cont_05 {max-width: 1200px; margin: 20px 0 0;}
    .sub_cont .process_wrap .cont_05 .imgs {margin: 0;}
    .sub_cont .process_wrap .cont_05 .title {margin: 0 5.933% 13px;}
	/* // 생산과정 및 효능 페이지 CSS */
	
	/* 헤어앤바디 페이지 CSS */
	.sub_cont .hair_body_wrap .pro_list_area .pro_list li {width: 33.3333%;}
    .sub_cont .hair_body_wrap .pro_list_area .pro_list li a .imgs {text-align: center;}

	.sub_cont .hair_body_wrap .sub_val_area .sub_slide_wrap .num {right: 10px;}

	.sub_cont .hair_body_wrap .pro_list_area .pro_list li a .imgs img {width: 100%; height: inherit;}
	/* // 헤어앤바디 페이지 CSS */

    
    
    
    /* 2020-07-16 */
    
	/* 헤어앤바디 VIEW 페이지 CSS */
	.sub_cont .hair_body_view_wrap .pro_pay_area .pro_img_slide {float: inherit; margin: 0 auto;}
    .sub_cont .hair_body_view_wrap .pro_pay_area .pro_pay_info {float: inherit; max-width: 100%; margin: 35px 0 0;}
    .sub_cont .hair_body_view_wrap .pro_pay_area .pro_pay_info .pay_info_area .pro_btn .btn_list {text-align: right;}
    
    .sub_cont .hair_body_view_wrap .scroll_area.scrolled {padding: 10px; left: 0;}
    .sub_cont .hair_body_view_wrap .scroll_area .fl_area {width: 100%;}
    .sub_cont .hair_body_view_wrap .scroll_area .fr_area {margin: 20px 0 0;}
    .sub_cont .hair_body_view_wrap .scroll_area .fl_area .pri_area {padding: 0 15px 0 0;}
	/* // 헤어앤바디 VIEW 페이지 CSS */

    
    /* // 2020-07-16 */
    
    
    
    
	/* 헤어앤바디 1:1문의 페이지 CSS */
	.sub_cont .hair_body_inquiry_wrap .board_write tbody tr td .write_sup_txt {display: block; float: inherit; margin: 0;}
    .sub_cont .hair_body_inquiry_wrap .board_write tbody tr td .attach_box .attach_vbox {overflow: hidden; padding: 0;}
	/* 헤어앤바디 1:1문의 페이지 CSS */

	/* 소개영상 페이지 CSS*/
	.sub_cont .movie_info_wrap .movie_area .movie_list_area {height: 100%;}
    .sub_cont .movie_info_wrap .movie_area .movie_list_area .list {font-size: 0; text-align: center;}
    .sub_cont .movie_info_wrap .movie_area .movie_list_area .list li {display: inline-block;float: inherit;}
    .sub_cont .movie_info_wrap .movie_area .movie_list_area .list li:nth-child(3n) {margin: 0 22px 31px 0;}
    .sub_cont .movie_info_wrap .movie_area .movie_list_area .list li:nth-child(2n) {margin: 0 0 31px 0;}
	/* // 소개영상 페이지 CSS*/

    .bread_box {margin: 0;}
}

@media screen and (max-width:991px){
	/* sub_top */
	.sub_top .inner .sub_top_tit {padding:40px 10px; font-size: 1.8em;}
	.sub_share_box {display:none;} 
	.bread_box .btn_list {display: none;}
	.breadcrumb {position: relative; padding-left: 40px;}
	.breadcrumb.depth3 > li {width: 33.33%;}
	.breadcrumb > li > a {min-width: inherit; height: 40px; line-height: 40px; padding-left: 20px; padding-right: 20px;}
	.breadcrumb > li.home {position: absolute; left: 0; top: 0; width: auto;}
	.breadcrumb > li.home > a {width: 40px;}
	.breadcrumb > li .depth_list {top: 40px;}
	.breadcrumb > li .depth_list li a {padding-left: 20px;}
    
	/* 브랜드 소개 페이지 CSS */
	.sub_cont .brand_info_wrap .cont_01 .txt_area {padding: 70px 10px 90px 55px;}

	.sub_cont .brand_info_wrap .cont_02 {padding: 65px 0 105px 40px;}

	.sub_cont .brand_info_wrap .cont_03 {padding: 70px 30px 67px 0; background: url('/template/shop/user/images/common/brand_info_bg_02.jpg') 0 0 / auto 100% no-repeat;}
    .sub_cont .brand_info_wrap .cont_03 .text_area {max-width: 300px;}
	/* // 브랜드 소개 페이지 CSS */

	/* 생산과정 및 효능 페이지 CSS */
	.sub_cont .process_wrap > .cont_01 {padding: 30px 30px 40px 30px;}
    .sub_cont .process_wrap > .cont_01 > .text_area {word-break: keep-all;}
    .sub_cont .process_wrap > .cont_01 > .text_area .bt_text br {display: none;}
    .sub_cont .process_wrap > .cont_02 {margin: 0 auto;}
    .sub_cont .process_wrap > .cont_02 .info_list_area .list_01 {display: block; margin: 0 auto;}
    .sub_cont .process_wrap > .cont_02 .info_list_area .list_02 {display: block; overflow: hidden; width: 100%; max-width: 304px; margin: 0 auto; padding: 20px 0 0; background: url('/template/shop/user/images/common/m_bt_line_01.jpg') 50% 0 no-repeat;}
    .sub_cont .process_wrap > .cont_02 .info_list_area .list_01 .cont {margin: 0 auto; background: none;}
    .sub_cont .process_wrap > .cont_02 .info_list_area .list_01 .cont li {float: inherit; margin: 0 auto; padding: 0 0 25px; background: url('/template/shop/user/images/common/m_top_line_01.jpg') left 50% bottom 0 / 1px 20px no-repeat;}
    .sub_cont .process_wrap > .cont_02 .info_list_area .list_02 .cont_01,
    .sub_cont .process_wrap > .cont_02 .info_list_area .list_02 .cont_02 {width: 100%; max-width: 108px;}
    .sub_cont .process_wrap > .cont_02 .info_list_area .list_02 .cont_01 {float: right;}
    .sub_cont .process_wrap > .cont_02 .info_list_area .list_02 .cont_02 {float: left;}
    .sub_cont .process_wrap > .cont_02 .info_list_area .list_02 .cont_01 .list li,
    .sub_cont .process_wrap > .cont_02 .info_list_area .list_02 .cont_02 .list li {width: 108px; margin: 0; padding: 0 0 25px; background: url('/template/shop/user/images/common/m_top_line_01.jpg') left 50% bottom 0 / 1px 20px no-repeat;}
    .sub_cont .process_wrap > .cont_02 .info_list_area .list_02 .cont_01 .list li:last-child,
    .sub_cont .process_wrap > .cont_02 .info_list_area .list_02 .cont_02 .list li:last-child {padding: 0; background: none;}
    .sub_cont .process_wrap > .cont_02 .info_list_area .list_02 .cont_01 .list li.bg_color .title {margin: -25px 0 0 -33px;}
    .sub_cont .process_wrap > .cont_02 .info_list_area .list_02 .cont_02 .list li.bg_color .title {margin: -25px 0 0 -41px;}
    .sub_cont .process_wrap > .cont_02 .info_list_area .list_02 .cont_01 .list li .text_area .text,
    .sub_cont .process_wrap > .cont_02 .info_list_area .list_02 .cont_02 .list li .text_area .text {height: 44px;}
    
    .sub_cont .process_wrap .cont_03 {margin: 0;}
    .sub_cont .process_wrap .cont_03 .cont_01 {background: url('/template/shop/user/images/common/eff_bg_02.jpg') 0 0 / cover no-repeat;}
    .sub_cont .process_wrap .cont_03 .cont_01 .text_area .bt_text {word-break: keep-all;}
    .sub_cont .process_wrap .cont_03 .cont_01 .text_area .bt_text br {display: none;}
    .sub_cont .process_wrap .cont_03 .cont_01 .text_area {padding: 30px 30px 40px 30px;}
    .sub_cont .process_wrap .cont_04 {padding: 15px 0 0;}
	/* // 생산과정 및 효능 페이지 CSS */

	/* 헤어앤바디 페이지 CSS */
	.sub_cont .hair_body_wrap .pro_list_area .pro_list li:hover .icon_area {top: 25%;}
	/* // 헤어앤바디 페이지 CSS */
    
    /* 헤어앤바디 페이지 VIEW CSS */
    .sub_cont .hair_body_view_wrap .scroll_area.scrolled {top: 94px;}
    /* 헤어앤바디 페이지 VIEW CSS */
    
	
	/* 오프라인 매장 안내 CSS */
	.sub_cont .store_wrap .text_area {padding: 0 50px; background: none;}
	/* // 오프라인 매장 안내 CSS */
    
    .sub_cont .login_wrap .login_area {padding: 300px 10% 61px; background: url('/template/shop/user/images/common/login_logo.jpg') 50% 100px no-repeat;}
    .sub_cont .login_wrap .login_area .sns_login {max-width: 380px; margin: 0 auto; padding: 0;}
    .sub_cont .login_wrap .login_area .sns_login:before {display: none;}
    .sub_cont .completion_wrap.sty_02 .comp_area {padding: 250px 10px 77px; background: url('/template/shop/user/images/common/comp_logo.jpg') left 50% top 50px no-repeat;}
    .sub_cont .completion_wrap .comp_area .text_area {text-align: center;}
    .sub_cont .payment_info_wrap .sub_sch_box {padding: 26px 150px 24px;}
    .sub_cont .payment_info_wrap .sub_sch_box a.st_sch_btn {right: 106px;}
    
}

@media screen and (max-width:970px){
    /* 헤어앤바디 페이지 CSS */
	.sub_cont .hair_body_wrap .sub_val_area .sub_slide_wrap .slide_area .slide_list > button.slick-prev {left: 10px;}
    .sub_cont .hair_body_wrap .sub_val_area .sub_slide_wrap .slide_area .slide_list > button.slick-next {right: 10px;}
    .sub_cont .hair_body_wrap .pro_list_wrap .sch_bar_box .sch_bar {float: left; width: 100%;}
    .sub_cont .hair_body_wrap .pro_list_wrap .sch_bar_box .sch_bar input.sch_input {width: 100%;}
	/* // 헤어앤바디 페이지 CSS */
    
	/* 완료페이지 CSS */
    .sub_cont .completion_wrap .comp_area {background: url('/template/shop/user/images/common/comp_logo.jpg') left 25% top 50% no-repeat;}
	/* // 완료페이지 CSS */
}

@media screen and (max-width:767px){
    /* 기타 CSS */
    .sub_top {min-width: initial;}
    .sub_top .inner {height: 90px;}
    .bread_box .container {margin: initial;}
    /* // 기타 CSS */
    
	/* 모바일 가기전 페이지 패딩조절 */
	.sub_cont .brand_info_wrap {padding: 25px 10px 50px;} /* 머드화장품 소개 > 브랜드 소개 페이지 */
	.sub_cont .history_wrap {padding: 20px 10px 50px;} /* 머드화장품 소개 > 브랜드 히스토리 페이지 */
	.sub_cont .process_wrap {padding: 22px 10px 50px;} /* 머드화장품 소개 > 생산과정 및 효능 페이지 */
	.sub_cont .hair_body_wrap {padding: 0 0 50px;} /* 제품 > 헤어앤바디 페이지 */
	.sub_cont .hair_body_view_wrap {padding: 20px 10px 50px;} /* 제품 > 헤어앤바디 > VIEW 페이지 */
	.sub_cont .pay_wrap {padding: 24px 10px 50px;} /* 제품 > 헤어앤바디 > VIEW > 결제하기 페이지 */
	.sub_cont .completion_wrap {padding: 24px 10px 50px;} /* 제품 > 헤어앤바디 > VIEW > 결제하기 > 완료페이지 */
	.sub_cont .hair_body_inquiry_wrap {padding: 24px 10px 50px;} /* 제품 > 헤어앤바디 > VIEW > 1:1문의 페이지 */
	.sub_cont .basket_wrap {padding: 28px 10px 50px;} /* 제품 > 헤어앤바디 > VIEW > 장바구니 페이지 */ 
	.sub_cont .notice_wrap {padding: 25px 10px 50px !important;} /* 고객센터 > 공지사항 페이지 */
	.sub_cont .notice_view_wrap {padding: 25px 10px 50px;} /* 고객센터 > 공지사항 VIEW 페이지 */
	.sub_cont .movie_info_wrap {padding: 24px 10px 50px;} /* 고객센터 > 소개영상 페이지 */
	.sub_cont .faq_wrap {padding: 24px 10px 50px;} /* 고객센터 > 이용안내FAQ */	
	.sub_cont .store_wrap {padding: 24px 10px 50px;} /* 고객센터 > 오프라인 매장 안내 */
	.sub_cont .breakdown_wrap {padding: 24px 10px 50px;} /* 마이페이지 > 주문내역 */
	.sub_cont .breakdown_view_wrap {padding: 24px 10px 50px;} /* 마이페이지 > 주문내역 > VIEW 페이지 */
	.sub_cont .inquiry_wrap {padding: 25px 10px 50px;} /* 마이페이지 > 1:1문의 페이지 */
	.sub_cont .inquiry_view_wrap {padding: 24px 10px 50px;} /* 마이페이지 > 1:1문의 > VIEW 페이지 */
	.sub_cont .payment_info_wrap {padding: 25px 10px 50px;} /* 마이페이지 > 결제정보 페이지 */
	.sub_cont .login_wrap {padding: 25px 10px 50px;} /* 서비스 > 로그인 */
    .container .sub_cont .info_ind .list_text_area .list_cont {padding: 35px 10px;}
	/* // 모바일 가기전 페이지 패딩조절 */

	/* 브랜드 소개 페이지 CSS */
	.sub_cont .brand_info_wrap .cont_02 {padding: 185px 0 0; background: url('/template/shop/user/images/common/brand_info_bg_01.jpg') right 50% top 20px / 300px auto no-repeat; text-align: center;}
    .sub_cont .brand_info_wrap .cont_02 .text_area {max-width: 300px; text-align: center;}
	.sub_cont .brand_info_wrap .cont_03 {padding: 280px 0 0 0; background: url('/template/shop/user/images/common/brand_info_bg_02.jpg') 50% 0 / auto 250px no-repeat; text-align: center;}
    .sub_cont .brand_info_wrap .cont_03 .text_area {text-align: center;}
    .sub_cont .brand_info_wrap .cont_03 .text_area .btn_area {margin: 25px 0 0;}
    .sub_cont .brand_info_wrap .cont_03 .text_area .btn_area a {margin: 0 auto;}
	/* // 브랜드 소개 페이지 CSS */

	/* 브랜드 히스토리 페이지 CSS	 */
	.sub_cont .history_wrap .history_tit {padding: 0 0 30px;}
	.sub_cont .history_wrap .history_tit .t1 {font-size: 2em; line-height: 45px;}
    .sub_cont .history_wrap .history_tit .t1 .ft_bold {font-weight: 700;}
    .sub_cont .history_wrap .history_tit .t2 {margin: 15px 0 0; font-size: 1.4em; line-height: 30px;}
	.sub_cont .history_wrap .history_tit .t2 br {display: none;}
    .sub_cont .history_wrap .history_box {background: none;}
    .sub_cont .history_wrap .history_box .img_box {display: none;}
    .sub_cont .history_wrap .history_box:after {display: none;}
    .sub_cont .history_wrap .history_box .his_row_box .his_row {margin:0; padding: 15px; border-bottom: 1px solid #cccccc;}
    .sub_cont .history_wrap .history_box .his_row_box .his_row .his_lr .year {position: static; font-size: 22px; line-height: 33px;}
    .sub_cont .history_wrap .history_box .his_row_box .his_row .his_lr .year:after {display: none;}
    .sub_cont .history_wrap .history_box .his_row_box .his_row .his_lr {float: none; width: 100%;}
    .sub_cont .history_wrap .history_box .his_row_box .his_row .his_lr .txt_boxs {margin: 0; padding: 0;}
    .sub_cont .history_wrap .history_box .his_row_box .his_row .his_lr .txt_boxs .his_month_box {display:table; position: relative; width: 100%; text-align: left; table-layout: auto;}
    .sub_cont .history_wrap .history_box .his_row_box .his_row .his_lr .txt_boxs .his_month_box:after {content:''; position:absolute; top: 11px; left: 4px; z-index: -5; width: 1px; height: 200%; background-color: #cccccc;}
    .sub_cont .history_wrap .history_box .his_row_box .his_row .his_lr .txt_boxs .his_month_box:last-child:after {background: #ffffff;}
    .sub_cont .history_wrap .history_box .his_row_box .his_row .his_lr .txt_boxs .his_month_box .month {display: table-cell; position: static; width: 90px; margin: 0 0 5px; padding: 0 0 0 18px; text-align: center;}
    .sub_cont .history_wrap .history_box .his_row_box .his_row .his_lr .txt_boxs .his_month_box .month:before {display: block; content: ''; position: absolute; top: 5px; left: 0; width: 10px; height: 10px; background: #000000; border-radius: 50%;}
    .sub_cont .history_wrap .history_box .his_row_box .his_row .his_lr .txt_boxs .his_month_box .list {display: table-cell; padding: 0;}
	/* // 브랜드 히스토리 페이지 CSS	 */
	
	/* 생산과정 및 효능 페이지 CSS */
	.sub_cont .process_wrap > .cont_01 {background: url('/template/shop/user/images/common/eff_bg_01.jpg') left 100% bottom 0 / cover no-repeat;}
    .sub_cont .process_wrap .cont_04 .cont_01 {padding: 0 0 15px; background: none;}
    .sub_cont .process_wrap .cont_04 .cont_02 {padding: 0; background: none;}
	/* // 생산과정 및 효능 페이지 CSS */
	
	/* 헤어앤바디 페이지 CSS */
	.sub_cont .hair_body_wrap .pro_list_wrap {padding: 20px 0 0;}
	.sub_cont .hair_body_wrap .sub_val_area > .title {font-size: 2em; line-height: 45px;}
    .sub_cont .hair_body_wrap .sub_val_area .sub_slide_wrap .slide_area .slide_list .slick-list .slick-track li {width: 650px; margin: 0 10px 0 0;}
    .sub_cont .hair_body_wrap .sub_val_area .sub_slide_wrap .slide_area .slide_list .slick-dots {bottom: -34px; right: 50%; margin: 0 -45px 0 0;}
    .sub_cont .hair_body_wrap .sub_val_area .sub_slide_wrap .slide_area .slide_list .slick-list .slick-track li a .text_area {padding: 0 15px 14px;}
    .sub_cont .hair_body_wrap .sub_val_area .sub_slide_wrap .slide_area .slide_list .slick-list .slick-track li a .text_area .title {font-size: 18px; line-height: 27px;}
    .sub_cont .hair_body_wrap .sub_val_area .sub_slide_wrap .slide_area .slide_list .slick-list .slick-track li a .text_area .text {font-size: 14px; line-height: 21px;}
	.sub_cont .hair_body_wrap .sub_val_area .sub_slide_wrap .slide_area .slide_list > button {width: 30px; height: 60px; margin: -30px 0 0;}
	.sub_cont .hair_body_wrap .sub_val_area .sub_slide_wrap .slide_area .slide_list > button.slick-next {background: url('/template/shop/user/images/common/sub_next.png') center center no-repeat;}
	.sub_cont .hair_body_wrap .sub_val_area .sub_slide_wrap .slide_area .slide_list > button.slick-prev {background: url('/template/shop/user/images/common/sub_prev.png') center center no-repeat;}
    .sub_cont .hair_body_wrap .sub_val_area .sub_slide_wrap .num {top: inherit; bottom: -40px; right: 10px;}
    .sub_cont .hair_body_wrap .sub_val_area .sub_slide_wrap .slide_area .sub_val_btn {bottom: -36px; right: 50%; margin: 0 -65px 0 0;}
	.sub_cont .hair_body_wrap .pro_list_wrap .sch_bar_box .info_list {display: none;}
	.sub_cont .hair_body_wrap .pro_list_wrap .sch_bar_box .m_sel_box {display: block; float: left; width: 100%; height: 49px;}
	.sub_cont .hair_body_wrap .pro_list_wrap .sch_bar_box .m_sel_box select {width: 100%; height: 100%; padding: 10px; background: url('/template/shop/user/images/common/arr-icon.png') right 18px top 50% no-repeat; font-size: 18px; line-height: 27px;}
	.sub_cont .hair_body_wrap .pro_list_wrap .sch_bar_box .sch_bar {margin: 10px 0 0;}
	.sub_cont .hair_body_wrap .pro_list_area .pro_list li {width: 33%; margin: 0 0.5% 0 0;}
	.sub_cont .hair_body_wrap .pro_list_area .pro_list li:nth-child(3n) {margin: 0;}
	
	/* // 헤어앤바디 페이지 CSS */

	/* 헤어앤바디 결제하기 페이지 CSS */
    .sub_cont .pay_wrap .table_cont_01 .board_list tbody tr td:before {display: none;}
    .sub_cont .pay_wrap .table_cont_01 .board_list tbody tr td {width: 100%;}
	.sub_cont .pay_wrap .table_cont_01 .board_list tbody tr td:first-child {width: 40%;}
	.sub_cont .pay_wrap .table_cont_01 .board_list tbody tr td:nth-child(2),
	.sub_cont .pay_wrap .table_cont_01 .board_list tbody tr td:nth-child(3),
	.sub_cont .pay_wrap .table_cont_01 .board_list tbody tr td:nth-child(4) {width: 60%; text-align: left;}
	.sub_cont .pay_wrap .table_cont_01 .board_list tbody tr td .img_text .text {text-align: left;}
    .sub_cont .pay_wrap .table_cont_01 .board_list tbody tr td img {display: block; margin: 0 auto; padding: 15px 0;}
	.sub_cont .pay_wrap .table_cont_03 .board_write tbody tr td input.address_input.mid {width: 100%;}
	.sub_cont .pay_wrap .table_cont_03 .board_write tbody tr td input.address_input.btm {width: 100%;}
	.sub_cont .pay_wrap .table_cont_03 .board_write tbody tr td a.bw_in_btn {width: 80px; padding: 0;}
	.sub_cont .pay_wrap .table_cont_03 .board_write tbody tr td input.address_input.top {max-width: 200px;}
	/* // 헤어앤바디 결제하기 페이지 CSS */

	/* 헤어앤바디 1:1문의 페이지 CSS */
	.sub_cont .hair_body_inquiry_wrap .board_write tbody tr td input {max-width: 195px;}
	.sub_cont .hair_body_inquiry_wrap .board_write tbody tr td input.long_input {max-width: 100%;}
	/* // 헤어앤바디 1:1문의 페이지 CSS */

	/* 헤어앤바디 장바구니 페이지 CSS */
	.sub_cont .basket_wrap .table_area .board_list tbody tr td .inner {height: 24px;}
    .sub_cont .basket_wrap .table_area .board_list tbody tr td .inner button {line-height: 22px;}
    .sub_cont .basket_wrap .table_area .board_list tbody tr td .inner span {line-height: 22px;}
	/* // 헤어앤바디 장바구니 페이지 CSS */

	/* 공지사항 페이지 CSS */
	.sub_cont .notice_wrap .notice_area .sub_sch_box .row .slt_box {padding: 0;}
    .sub_cont .notice_wrap .notice_area .board_list_area .board_list tbody tr td.fic span {padding: 0 0 0 37px;}
    .sub_cont .notice_wrap .notice_area .sub_sch_box a.st_sch_btn {height: 100% !important; max-height: 100% !important;}
    .sub_cont .notice_wrap .tab_area .list li {width: 50%;}
    .sub_cont .notice_wrap .tab_area .list li:nth-child(1),
    .sub_cont .notice_wrap .tab_area .list li:nth-child(2) {border-bottom:1px solid #333333;}
    .sub_cont .notice_wrap .tab_area .list li:nth-child(2n) {border-right: none;}
	/* // 공지사항 페이지 CSS */
	
	/* 공지사항 VIEW 페이지 CSS */
	.sub_cont .notice_view_wrap .board_view .board_view_top {padding: 34px 65px 41px;}
    .sub_cont .notice_view_wrap .board_view .board_view_top .tit {font-size: 22px;}
    .sub_cont .notice_view_wrap .board_view .board_view_top .tit .mark_l {display: block; margin: 0 auto 15px;}
    .sub_cont .notice_view_wrap .board_view .board_view_top .tit .mark_r {display: block; margin: 15px auto 0;}
    .sub_cont .notice_view_wrap .board_view .board_view_top .control_box a.prev {padding: 0 0 0 35px;}
    .sub_cont .notice_view_wrap .board_view .board_view_top .control_box a.next {padding: 0 35px 0 0;}
	/* // 공지사항 VIEW 페이지 CSS */

	/* FAQ 페이지 CSS */
    .sub_cont .faq_wrap .sub_sch_box a.st_sch_btn {height: 53px !important;}
	.sub_cont .faq_wrap .sub_sch_box .row .input_box input {padding: 0 10px;}
    .sub_cont .faq_wrap .faq_area .faq_list li .faq_q_tit {padding: 25px 40px 23px 71px;  background: url('/template/shop/user/images/common/q_icon.png') 10px 50% no-repeat;}
    .sub_cont .faq_wrap .faq_area .faq_list li.on .faq_q_tit {background: url('/template/shop/user/images/common/q_icon.png') 10px 50% no-repeat;}
    .sub_cont .faq_wrap .faq_area .faq_list li.on .faq_a_txt_box {padding: 25px 40px 23px 71px; background: url('/template/shop/user/images/common/a_icon.png') 10px 50% no-repeat;}
	/* // FAQ 페이지 CSS */

	/* 소개영상 페이지 CSS */
	.sub_cont .movie_info_wrap .sub_sch_box a.st_sch_btn {height: 53px !important;}
    .sub_cont .movie_info_wrap .sub_sch_box .row .input_box input {padding: 10px;}
	/* 소개영상 페이지 CSS */
	
	/* 오프라인 매장 안내 CSS */
	.sub_cont .store_wrap .text_area {margin: 15px 0 0; padding: 0 25px;}
	.sub_cont .store_wrap .sub_sch_box .row .input_box input {height: 40px; padding: 0 10px;}
	.sub_cont .store_wrap .sub_sch_box a.st_sch_btn span.ico {height: 40px;}
	.sub_cont .store_wrap .sub_sch_box a.st_sch_btn span.ico {height: 40px;}

	.sub_cont .store_wrap .board_list tbody tr td.store:before {display: none;}
	/* // 오프라인 매장 안내 CSS */

	/* 주문내역 CSS */
	.sub_cont .breakdown_wrap .sub_sch_box .row .slt_box.sty_01 {padding: 0;}
    .sub_cont .breakdown_wrap .sub_sch_box a {height: 53px !important;}
	/* // 주문내역 CSS */
	
	/* 주문내역 VIEW CSS */
    .sub_cont .breakdown_view_wrap .table_cont_01 .board_list tbody tr td:before {display: none;}
    .sub_cont .breakdown_view_wrap .table_cont_01 .board_list tbody tr td {width: 100%;}
	.sub_cont .breakdown_view_wrap .table_cont_01 .board_list tbody tr td:first-child {width: 40%;}
	.sub_cont .breakdown_view_wrap .table_cont_01 .board_list tbody tr td:nth-child(2),
	.sub_cont .breakdown_view_wrap .table_cont_01 .board_list tbody tr td:nth-child(3),
	.sub_cont .breakdown_view_wrap .table_cont_01 .board_list tbody tr td:nth-child(4) {width: 60%; text-align: left;}
	.sub_cont .breakdown_view_wrap .table_cont_01 .board_list tbody tr td .img_text .text {text-align: left;}
    .sub_cont .breakdown_view_wrap .table_cont_01 .board_list tbody tr td img {display: block; margin: 0 auto; padding: 15px 0;}
	.sub_cont .breakdown_view_wrap .table_cont_03 .board_write tbody tr td input.address_input.mid {width: 100%;}
	.sub_cont .breakdown_view_wrap .table_cont_03 .board_write tbody tr td input.address_input.btm {width: 100%;}
	.sub_cont .breakdown_view_wrap .table_cont_03 .board_write tbody tr td a.bw_in_btn {width: 80px; padding: 0;}
	.sub_cont .breakdown_view_wrap .table_cont_03 .board_write tbody tr td input.address_input.top {max-width: 200px;}
	/* // 주문내역 VIEW CSS */

	/* 로그인 CSS */
	.sub_cont .login_wrap .login_area {padding: 300px 10px 61px;}
	/* // 로그인 CSS */
    
    /* 개인정보처리방침 */
    .container .sub_cont .info_ind .list_text_area .list_cont > li .list_txt .text_area li .table_wrap {overflow-y: scroll;}
    /* // 개인정보처리방침 */

    .container .sub_top {margin: 94px auto 0;}
    
    .sub_cont .completion_wrap .comp_area {padding: 200px 10px 77px; background: url('/template/shop/user/images/common/comp_logo.jpg') left 50% top 10% no-repeat; text-align: center;}
    
    .sub_cont .payment_info_wrap .sub_sch_box .row .input_box input {padding: 10px;}
    .sub_cont .payment_info_wrap .sub_sch_box a.st_sch_btn {height: 53px !important;}
    .sub_cont .payment_info_wrap .table_area table.board_list tbody tr td.file a {display: inline-block; text-align: center;}


	.sub_top .inner .sub_top_tit {padding: 20px 10px;}


	.pagination {margin: 15px 0 0 !important;}
	.pagination a {width: 21px !important; height: 21px !important; font-size: 14px !important; line-height: 21px !important;}
	.pagination a.page_arrow.l1 {margin: 0 10px 0 0 !important; background: url('/template/shop/user/images/common/prev_btn_icon.png') 0 0 / 100% no-repeat !important;}
	.pagination a.page_arrow.r1 {margin: 0 0 0 10px !important; background: url('/template/shop/user/images/common/next_btn_icon.png') 0 0 / 100% no-repeat !important;}
}

@media screen and (max-width:640px){
    /* 헤어앤바디 페이지 CSS */
	.sub_cont .hair_body_wrap .sub_val_area .sub_slide_wrap .slide_area .slide_list .slick-list .slick-track li {width: 450px;}
	/* // 헤어앤바디 페이지 CSS */
    
	/* 헤어앤바디 VIEW 페이지 CSS */
    .sub_cont .hair_body_view_wrap .pro_pay_area .pro_pay_info .pay_info_area .pro_btn .btn_list li {display: block; width: 100%; max-width: 100%; margin: 20px 0 0;}
    .sub_cont .hair_body_view_wrap .pro_pay_area .pro_pay_info .pay_info_area .pro_btn .btn_list li:first-child {margin: 0;}
    .sub_cont .hair_body_view_wrap .pro_pay_area .pro_pay_info .pay_info_area .pro_btn .btn_list li:last-child {margin: 20px 0 0;}
    .sub_cont .hair_body_view_wrap .pro_pay_area .pro_pay_info .pay_info_area .pro_btn .btn_list li.storage {width: 100%;}
    
    .sub_cont .hair_body_view_wrap .tab_cont .cont .review_area .prev_cont .text_area .text {float: inherit; margin: 0;}
    .sub_cont .hair_body_view_wrap .tab_cont .cont .review_area .prev_cont .text_area button {float: inherit; margin: 20px 0 0;}
    
    .sub_cont .hair_body_view_wrap .tab_cont .cont .review_area .comment_box .comment_view .comment_list li {padding: 20px 95px 20px 10px;}
    .sub_cont .hair_body_view_wrap .tab_cont .cont .review_area .comment_box .comment_view .comment_list li .btn {right: 25px;}
    
    .sub_cont .hair_body_view_wrap .btn_area button {width: 49%;}
    
    .sub_cont .hair_body_view_wrap .scroll_area {margin: 20px 0 0;}
    
    /* 2020-07-16  추가 */
    
    .sub_cont .hair_body_view_wrap .scroll_area.scrolled {margin: 0;}
    
    /* // 2020-07-16 추가 */
    
    
    
    .sub_cont .hair_body_view_wrap .scroll_area .fl_area {float: inherit;}
    .sub_cont .hair_body_view_wrap .scroll_area .fl_area .imgs {display: block; float: inherit; width: 100%; padding: 0; text-align: center;}
    .sub_cont .hair_body_view_wrap .scroll_area .fl_area .title {display: block; float: inherit; width: 100%; margin: 20px 0 0; line-height: 33px; text-align: center;}
    .sub_cont .hair_body_view_wrap .scroll_area .fl_area .pri_area {display: block; float: inherit; width: 100%; padding: 0; text-align: center;}
    .sub_cont .hair_body_view_wrap .scroll_area .fl_area .pri_area .dis {line-height: 27px;}
    .sub_cont .hair_body_view_wrap .scroll_area .fl_area .pri_area .cost_pri {line-height: 27px;}
    .sub_cont .hair_body_view_wrap .scroll_area .fl_area .pri_area .dis_amount {line-height: 27px;}
    .sub_cont .hair_body_view_wrap .scroll_area .fr_area {display: block; float: inherit; text-align: center;}
    .sub_cont .hair_body_view_wrap .scroll_area .fr_area .btn_area {text-align: center;}
    .sub_cont .hair_body_view_wrap .scroll_area .fr_area .btn_area a {margin: 0 3px 0 0;}
	/* // 헤어앤바디 VIEW 페이지 CSS */

    .sub_cont .movie_info_wrap .movie_area .movie_list_area .list li {width: 100%;  max-width: 100%;}

	.sub_cont .process_wrap .cont_05 {overflow-x: scroll;}
    .sub_cont .process_wrap .cont_05 .imgs {width: 640px;}
    
    .sub_cont .hair_body_view_wrap .info_tab_area .tab_list li a {font-size: 15px; line-height: 35px;}
}

@media screen and (max-width:620px){
	/* 헤어앤바디 페이지 CSS */
	.sub_cont .hair_body_wrap .pro_list_area .pro_list li {width: 49%; margin: 0 1% 0 0;}
	.sub_cont .hair_body_wrap .pro_list_area .pro_list li:nth-child(3n) {margin: 0 1% 0 0;}
	.sub_cont .hair_body_wrap .pro_list_area .pro_list li:nth-child(2n) {margin: 0;}
	/* // 헤어앤바디 페이지 CSS */
}

@media screen and (max-width:566px){
    .popup_area {left: 0; margin: -193px 0 0;}
}

@media screen and (max-width:480px){
	/* 기타 CSS  */
	.sub_top .inner .sub_top_tit {font-size: 18px;}
	.sub_top .inner .sub_top_tit span.ft_small {font-size: 14px; line-height: 21px;}

	.board_view_con {padding: 10px 0;}
	.board_view_top .info .each:after {margin: -4px 0 0;}
    .bread_box .container {margin: 0;}
	.breadcrumb > li > a {padding-left: 10px; font-size: 0.867em;}
	.breadcrumb > li .depth_list li a {padding: 0 0 0 10px;}
	/* // 기타 CSS  */
	
	/* 브랜드 페이지 CSS */
	.sub_cont .brand_info_wrap .cont_01 .txt_area {padding: 30px 10px 45px 25px;}
	.sub_cont .brand_info_wrap .cont_01 .txt_area .sub_tit {font-size: 14px; line-height: 21px;}
    .sub_cont .brand_info_wrap .cont_01 .txt_area .tit {margin: 5px 0 15px; padding: 0 0 15px; font-size: 20px; line-height: 30px;}
    .sub_cont .brand_info_wrap .cont_01 .txt_area .text {font-size: 14px; line-height: 21px;}

	.sub_cont .brand_info_wrap .cont_02 .text_area .title {font-size: 16px; line-height: 24px;}
    .sub_cont .brand_info_wrap .cont_02 .text_area .text {margin: 10px 0 0; font-size: 14px; line-height: 21px;}

	.sub_cont .brand_info_wrap .cont_03 .text_area .text {font-size: 14px; line-height: 21px;}
    .sub_cont .brand_info_wrap .cont_03 .text_area .btn_area a {height: 40px; width: 200px; font-size: 14px; line-height: 40px;}
	/* // 브랜드 페이지 CSS */

	/* 브랜드 히스토리 페이지 CSS */
	.sub_cont .history_wrap .history_tit {padding: 0 0 15px;}
	.sub_cont .history_wrap .history_tit .t1 {font-size: 20px; line-height: 30px;}
	.sub_cont .history_wrap .history_tit .t2 {margin: 7px 0 0; font-size: 14px; line-height: 21px;}

	.sub_cont .history_wrap .history_box .his_row_box .his_row {padding: 10px;}
	.sub_cont .history_wrap .history_box .his_row_box .his_row .his_lr .year {font-size: 18px; line-height: 27px;}
	.sub_cont .history_wrap .history_box .his_row_box .his_row .his_lr .txt_boxs .his_month_box .list li {font-size: 14px; line-height: 21px;}
    .sub_cont .history_wrap .history_box .his_row_box .his_row .his_lr .txt_boxs .his_month_box .month {font-size: 14px; line-height: 21px;}
	/* // 브랜드 히스토리 페이지 CSS */

	/* 생산과정 및 효능 페이지 CSS */
    .sub_cont .process_wrap > .cont_01 > .text_area .title {font-size: 18px; line-height: 27px;}
    .sub_cont .process_wrap > .cont_01 > .text_area .text {margin: 5px 0 14px; padding: 0 0 10px; font-size: 14px; line-height: 21px;}
    .sub_cont .process_wrap > .cont_01 > .text_area .bt_text {font-size: 12px; line-height: 18px;}

	.sub_cont .process_wrap > .cont_02 .info_list_area {padding: 18px 0 18px 0;}
    .sub_cont .process_wrap > .cont_02 .info_list_area .list_01 .cont li {padding: 0 0 15px; background: url('/template/shop/user/images/common/m_top_line_01.jpg') left 50% bottom 2px / 1px 10px no-repeat;}
    .sub_cont .process_wrap > .cont_02 .info_list_area .list_01 .cont li .imgs img {width: 80px; height: 80px;}
    .sub_cont .process_wrap > .cont_02 .info_list_area .list_01 .cont li .text_area .title {font-size: 14px; line-height: 21px;}
    .sub_cont .process_wrap > .cont_02 .info_list_area .list_01 .cont li .text_area .text {font-size: 12px; line-height: 18px;}
    
    .sub_cont .process_wrap > .cont_02 .info_list_area .list_02 .cont_01 .list li.bg_color .title,
    .sub_cont .process_wrap > .cont_02 .info_list_area .list_02 .cont_02 .list li.bg_color .title {font-size: 13px; line-height: 21px;}
    .sub_cont .process_wrap > .cont_02 .info_list_area .list_02 .cont_01 .list li .imgs img,
    .sub_cont .process_wrap > .cont_02 .info_list_area .list_02 .cont_02 .list li .imgs img {width: 80px; height: 80px;}
    
    .sub_cont .process_wrap > .cont_02 .info_list_area .list_02 .cont_01 .list {margin: 0;}
    .sub_cont .process_wrap > .cont_02 .info_list_area .list_02 .cont_01 .list li .text_area .text,
    .sub_cont .process_wrap > .cont_02 .info_list_area .list_02 .cont_02 .list li .text_area .text {height: 36px;}
    .sub_cont .process_wrap > .cont_02 .info_list_area .list_02 .cont_01 .list li.bg_color .title {margin: -20px 0 0 -23px;}
    .sub_cont .process_wrap > .cont_02 .info_list_area .list_02 .cont_02 .list li.bg_color .title {margin: -20px 0 0 -30px;}
    .sub_cont .process_wrap > .cont_02 .info_list_area .list_02 .cont_01 .list li .text_area .title,
    .sub_cont .process_wrap > .cont_02 .info_list_area .list_02 .cont_02 .list li .text_area .title {font-size: 14px; line-height: 21px;}
    .sub_cont .process_wrap > .cont_02 .info_list_area .list_02 .cont_01 .list li .text_area .text,
    .sub_cont .process_wrap > .cont_02 .info_list_area .list_02 .cont_02 .list li .text_area .text {font-size: 12px; line-height: 18px;}
    .sub_cont .process_wrap > .cont_02 .info_list_area .list_02 .cont_01 .list li,
    .sub_cont .process_wrap > .cont_02 .info_list_area .list_02 .cont_02 .list li {padding: 0 0 15px; background: url('/template/shop/user/images/common/m_top_line_01.jpg') left 50% bottom 0 / 1px 15px no-repeat;}
    
    .sub_cont .process_wrap .cont_03 .cont_01 .text_area .title {font-size: 20px; line-height: 30px;}
    .sub_cont .process_wrap .cont_03 .cont_01 .text_area .text {margin: 5px 0 14px; padding: 0 0 10px; font-size: 14px; line-height: 21px;}
    .sub_cont .process_wrap .cont_03 .cont_01 .text_area .bt_text {font-size: 12px; line-height: 18px;}
    .sub_cont .process_wrap .cont_04 .cont_01 .text {font-size: 12px; line-height: 18px;}
    
    .sub_cont .process_wrap > .cont_01,
    .sub_cont .process_wrap .cont_03 .cont_01 .text_area {padding: 15px 15px 20px 15px;}
    
    .sub_cont .process_wrap .cont_04 .cont_02 .info_area > .title {font-size: 16px; line-height: 24px;}
    .sub_cont .process_wrap .cont_04 .cont_02 .info_area .eff_list_area .list li {width: 50%;  margin: 0 0 10px 0;}
    .sub_cont .process_wrap .cont_04 .cont_02 .info_area .eff_list_area .list li:nth-child(3n) {margin: 0 0 10px;}
    .sub_cont .process_wrap .cont_04 .cont_02 .info_area .eff_list_area .list li .title {font-size: 14px; line-height: 21px;}
    .sub_cont .process_wrap .cont_04 .cont_02 .info_area .eff_list_area .list li .text {font-size: 12px; line-height: 18px;}

	.sub_cont .process_wrap .cont_05 .title {margin: 0 9.933% 13px; font-size: 16px; line-height: 24px;}
	/* // 생산과정 및 효능 페이지 CSS */

	/* 헤어앤바디 페이지 CSS */
	.sub_cont .hair_body_wrap .pro_list_wrap .sch_bar_box .info_list {margin: 0;}
    
	.sub_cont .hair_body_wrap .sub_val_area {padding: 20px 0 30px;}
	.sub_cont .hair_body_wrap .sub_val_area > .title {font-size: 20px; line-height: 30px;}
	.sub_cont .hair_body_wrap .sub_val_area .sub_slide_wrap .slide_area .slide_list .slick-list .slick-track li {width: 400px;}
	.sub_cont .hair_body_wrap .sub_val_area .sub_slide_wrap .slide_area .slide_list .slick-list .slick-track li a .text_area .title {font-size: 16px; line-height: 24px;}
	.sub_cont .hair_body_wrap .sub_val_area .sub_slide_wrap .slide_area .slide_list .slick-list .slick-track li a .text_area .text-transform: {font-size: 12px; line-height: 18px;}

	.sub_cont .hair_body_wrap .sub_val_area .sub_slide_wrap .slide_area .slide_list .slick-dots {bottom: -20px;}
	.sub_cont .hair_body_wrap .sub_val_area .sub_slide_wrap .slide_area .sub_val_btn {bottom: -21px;}
	.sub_cont .hair_body_wrap .sub_val_area .sub_slide_wrap .num {bottom: -26px;}

	.sub_cont .hair_body_wrap .pro_list_wrap .sch_bar_box .m_sel_box {height: 40px;}
	.sub_cont .hair_body_wrap .pro_list_wrap .sch_bar_box .m_sel_box select {font-size: 14px; line-height: 21px;}
	.sub_cont .hair_body_wrap .pro_list_wrap .sch_bar_box .sch_bar input.sch_input {height: 40px; font-size: 14px; line-height: 21px;}
	.sub_cont .hair_body_wrap .pro_list_wrap .sch_bar_box .sch_bar a.sch_btn {top: 8px;}

	.sub_cont .hair_body_wrap .pro_list_area .pro_list li:hover .icon_area {top: 17%; right: 5px; width: 40px;}
	.sub_cont .hair_body_wrap .pro_list_area .pro_list li:hover .icon_area a {width: 40px; height: 40px; padding: 4px 0;}
	.sub_cont .hair_body_wrap .pro_list_area .pro_list li .icon_area a .text {margin: 0;}

	.sub_cont .hair_body_wrap .pro_list_area .pro_list li a .txt_area .title {font-size: 14px; line-height: 21px;}
	.sub_cont .hair_body_wrap .pro_list_area .pro_list li a .txt_area .amount_info_area .dis {font-size: 12px; line-height: 18px;}
	.sub_cont .hair_body_wrap .pro_list_area .pro_list li a .txt_area .amount_info_area .cash_dis {font-size: 12px; line-height: 18px;}
	.sub_cont .hair_body_wrap .pro_list_area .pro_list li a .txt_area .amount_info_area .amount {font-size: 12px; line-height: 18px;}

	.sub_cont .hair_body_wrap .pro_list_wrap .sch_bar_box .total_txt {margin: 0 0 10px; font-size: 16px; line-height: 24px;}
	/* // 헤어앤바디 페이지 CSS */

	/* 헤어앤바디 VIEW 페이지 CSS */
	.sub_cont .hair_body_view_wrap .pro_pay_area .pro_img_slide {max-width: 200px;}
    
    /* 2020-07-16 */
    
	.sub_cont .hair_body_view_wrap .pro_pay_area .pro_img_slide .pro_img_for .pro_img_list li {width: 200px; height: 143px;}
    
    /* // 2020-07-16 */
    
	.sub_cont .hair_body_view_wrap .pro_pay_area .pro_img_slide .pro_img_nav .pro_img_list .slick-list {max-width: 160px;}
	.sub_cont .hair_body_view_wrap .pro_pay_area .pro_img_slide .pro_img_nav .pro_img_list button {width: 30px; height: 60px; margin: -30px 0 0;}
	.sub_cont .hair_body_view_wrap .pro_pay_area .pro_img_slide .pro_img_nav .pro_img_list button.slick-prev {left: -10px; background: url('/template/shop/user/images/common/pro_prev.png') center center no-repeat;}
	.sub_cont .hair_body_view_wrap .pro_pay_area .pro_img_slide .pro_img_nav .pro_img_list button.slick-next {right: -10px; background: url('/template/shop/user/images/common/pro_next.png') center center no-repeat;}
	.sub_cont .hair_body_view_wrap .pro_pay_area .pro_img_slide .pro_img_nav {margin: 10px 0 0;}
	.sub_cont .hair_body_view_wrap .pro_pay_area .pro_pay_info {margin: 15px 0 0;}

	.sub_cont .hair_body_view_wrap .pro_pay_area .pro_pay_info .tit_area .title {font-size: 20px; line-height: 30px;}
	.sub_cont .hair_body_view_wrap .pro_pay_area .pro_pay_info .tit_area .text-transform: {margin: 4px 0 0; font-size: 14px; line-height: 21px;}
	.sub_cont .hair_body_view_wrap .pro_pay_area .pro_pay_info .tit_area {margin: 0 0 15px; padding: 0 0 15px;}
	.sub_cont .hair_body_view_wrap .pro_pay_area .pro_pay_info .pay_info_area .sales .tit {font-size: 14px; line-height: 21px;}
	.sub_cont .hair_body_view_wrap .pro_pay_area .pro_pay_info .pay_info_area .sales .price li {margin: 0 5px 0 0; font-size: 14px; line-height: 21px;}
	.sub_cont .hair_body_view_wrap .pro_pay_area .pro_pay_info .pay_info_area .sales .price li.dis_pri {font-size: 16px; line-height: 21px;}
	.sub_cont .hair_body_view_wrap .pro_pay_area .pro_pay_info .pay_info_area .shipping .tit {font-size: 14px; line-height: 21px;}
	.sub_cont .hair_body_view_wrap .pro_pay_area .pro_pay_info .pay_info_area .shipping .cost {font-size: 16px; line-height: 21px;}
	.sub_cont .hair_body_view_wrap .pro_pay_area .pro_pay_info .pay_info_area .quantity {margin: 10px 0 0; padding: 10px;}
	.sub_cont .hair_body_view_wrap .pro_pay_area .pro_pay_info .pay_info_area .quantity .tit {font-size: 14px; line-height: 25px;}
	.sub_cont .hair_body_view_wrap .pro_pay_area .pro_pay_info .pay_info_area .quantity .inner {height: 25px;}
	.sub_cont .hair_body_view_wrap .pro_pay_area .pro_pay_info .pay_info_area .quantity .inner button {line-height: 25px;}
	.sub_cont .hair_body_view_wrap .pro_pay_area .pro_pay_info .pay_info_area .quantity .inner span {line-height: 25px;}
	.sub_cont .hair_body_view_wrap .pro_pay_area .pro_pay_info .pay_info_area .sum {margin: 15px 0 0;}
	.sub_cont .hair_body_view_wrap .pro_pay_area .pro_pay_info .pay_info_area .sum .etc {font-size: 14px; line-height: 21px;}
	.sub_cont .hair_body_view_wrap .pro_pay_area .pro_pay_info .pay_info_area .sum .etc .ft_color {font-size: 20px; line-height: 30px;}

	.sub_cont .hair_body_view_wrap .pro_pay_area .pro_pay_info .pay_info_area .pro_btn {margin: 15px 0 0;}
	.sub_cont .hair_body_view_wrap .pro_pay_area .pro_pay_info .pay_info_area .pro_btn .btn_list li {margin: 10px 0 0;}
	.sub_cont .hair_body_view_wrap .pro_pay_area .pro_pay_info .pay_info_area .pro_btn .btn_list li:last-child {margin: 10px 0 0;}
	.sub_cont .hair_body_view_wrap .pro_pay_area .pro_pay_info .pay_info_area .pro_btn .btn_list li.storage {height: 30px;}
	.sub_cont .hair_body_view_wrap .pro_pay_area .pro_pay_info .pay_info_area .pro_btn .btn_list li.storage a span {background: url('/template/shop/user/images/common/storage_icon.png') center center / 22px 20px no-repeat; line-height: 28px;}
	.sub_cont .hair_body_view_wrap .pro_pay_area .pro_pay_info .pay_info_area .pro_btn .btn_list li a span {font-size: 16px; line-height: 28px;}
	.sub_cont .hair_body_view_wrap .pro_pay_area .pro_pay_info .pay_info_area .pro_btn .btn_list li.basket a span {background: url('/template/shop/user/images/common/basket_icon.png') 0 0 no-repeat;}
	.sub_cont .hair_body_view_wrap .pro_pay_area .pro_pay_info .pay_info_area .pro_btn .btn_list li.pay a span {background: url('/template/shop/user/images/common/pay_icon.png') 0 0 no-repeat;}
	.sub_cont .hair_body_view_wrap .btn_area {margin: 20px 0 0;}
	.sub_cont .hair_body_view_wrap .btn_area a {height: 35px; font-size: 14px; line-height: 35px;}
	.sub_cont .hair_body_view_wrap .btn_area a.sty_01 {font-size: 14px; line-height: 33px;}
	.sub_cont .hair_body_view_wrap .info_tab_area {margin: 15px 0;}
	.sub_cont .hair_body_view_wrap .info_tab_area .tab_list li a {font-size: 11px; line-height: 35px;}
	.sub_cont .hair_body_view_wrap .tab_cont .cont .review_area .comment_box .comment_regist {margin: 0 0 20px;}
	.sub_cont .hair_body_view_wrap .tab_cont .cont .review_area .comment_box .comment_regist .comment_regist_form .id {font-size: 14px; line-height: 21px;}
	.sub_cont .hair_body_view_wrap .tab_cont .cont .review_area .comment_box .comment_view .comment_top_tit {font-size: 16px; line-height: 24px;}
	.sub_cont .hair_body_view_wrap .tab_cont .cont .review_area .comment_box .comment_view .comment_top_tit .ft_small {margin: 0 0 0 10px; font-size: 14px; line-height: 21px;}
	.sub_cont .hair_body_view_wrap .tab_cont .cont .review_area .comment_box .comment_view .comment_list li {padding: 10px 70px 10px 10px;}
	.sub_cont .hair_body_view_wrap .tab_cont .cont .review_area .comment_box .comment_view .comment_list li .comment_txt {font-size: 14px; line-height: 21px;}
	.sub_cont .hair_body_view_wrap .tab_cont .cont .review_area .comment_box .comment_view .comment_list li .btn {right: 10px;}
	.sub_cont .hair_body_view_wrap .pro_pay_area .pro_pay_info .pay_info_area .pro_btn .btn_list li.basket:hover a span {background: url('/template/shop/user/images/common/basket_icon_on.png') 0 0 no-repeat; line-height: 28px;}
	.sub_cont .hair_body_view_wrap .pro_pay_area .pro_pay_info .pay_info_area .pro_btn .btn_list li.pay:hover a span {background: url('/template/shop/user/images/common/pay_icon_on.png') 0 0 no-repeat; line-height: 28px;}
    
    
    
    /* 2020-07-16  추가*/
    
    .sub_cont .hair_body_view_wrap .scroll_area .fl_area .title {margin: 10px 0 0; font-size: 18px; line-height: 27px;}
    .sub_cont .hair_body_view_wrap .scroll_area .fl_area .pri_area .dis {font-size: 16px; line-height: 24px;}
    .sub_cont .hair_body_view_wrap .scroll_area .fl_area .pri_area .cost_pri {font-size: 16px; line-height: 24px;}
    .sub_cont .hair_body_view_wrap .scroll_area .fl_area .pri_area .dis_amount {font-size: 20px; line-height: 24px;}
    .sub_cont .hair_body_view_wrap .scroll_area .fr_area .btn_area a {height: 30px; font-size: 16px; line-height: 30px;}
    .sub_cont .hair_body_view_wrap .scroll_area .fr_area .btn_area a.pay .icon {background: url(/template/shop/user/images/common/pay_icon.png) 0 0px no-repeat;}
    
    /* // 2020-07-16 */
    
    
	/* // 헤어앤바디 VIEW 페이지 CSS */

	/* 헤어앤바디 결제하기 페이지 CSS */
	.sub_cont .pay_wrap .sub_title {font-size: 20px; line-height: 30px;}
	.sub_cont .pay_wrap .table_cont_01 {margin: 5px 0 0;}
	.sub_cont .pay_wrap .table_cont_01 .board_list tbody tr td .img_text .text {font-size: 16px; line-height: 24px;}
	.sub_cont .pay_wrap .table_cont_01 .board_list tbody tr td {font-size: 16px; line-height: 24px;}
	.sub_cont .pay_wrap .table_cont_01 .board_list tbody tr td span.ft_color {font-size: 20px;}
	.sub_cont .pay_wrap .table_cont_02 {margin: 25px 0 0;}
	.sub_cont .pay_wrap .table_cont_02 .title {font-size: 18px; line-height: 27px;}
	.sub_cont .pay_wrap .table_cont_02 .board_write tbody tr th {padding: 7px 10px 5px; font-size: 14px; line-height: 21px;}
	.sub_cont .pay_wrap .table_cont_02 .board_write tbody tr td {padding: 5px 10px 7px; font-size: 14px; line-height: 21px;}
	.sub_cont .pay_wrap .table_cont_03 {margin: 25px 0 0;}
	.sub_cont .pay_wrap .table_cont_03 .title_area .title {font-size: 18px; line-height: 27px;}
	.sub_cont .pay_wrap .table_cont_03 .title_area .text {font-size: 12px; line-height: 27px;}
	.sub_cont .pay_wrap .table_cont_03 .board_write {margin: 5px 0 0;}
	.sub_cont .pay_wrap .table_cont_03 .board_write tbody tr th {padding: 7px 10px 5px; font-size: 14px; line-height: 21px;}
    .sub_cont .pay_wrap .table_cont_03 .board_write tbody tr td {padding: 7px 10px; font-size: 14px; line-height: 21px;}
	.sub_cont .pay_wrap .table_cont_03 .board_write tbody tr td input.long_input {max-width: 100%; font-size: 14px; line-height: 21px;}
	.sub_cont .btn_area {margin: 25px 0 0;}
	.sub_cont .btn_area a {width: 120px; height: 35px; font-size: 16px; line-height: 35px;}
	/* // 헤어앤바디 결제하기 페이지 CSS */

	/* 헤어앤바디 완료페이지 페이지 CSS */
	.sub_cont .completion_wrap .comp_area {padding: 120px 10px 35px; background: url('/template/shop/user/images/common/comp_logo.jpg') left 50% top 10% / 25% no-repeat;}
	.sub_cont .completion_wrap .comp_area .text_area .title {font-size: 16px; line-height: 24px;}
	.sub_cont .completion_wrap .comp_area .text_area .text {font-size: 20px; line-height: 30px;}
	.sub_cont .completion_wrap .comp_area .text_area .sub_text {margin: 15px 0 0; font-size: 14px; line-height: 21px;}
	/* // 헤어앤바디 완료페이지 페이지 CSS */

	/* 헤어앤바디 장바구니 페이지 CSS */
	.sub_cont .basket_wrap .table_area a.btn_top {width: 80px;}
	.sub_cont .basket_wrap .table_area .board_list tbody tr {padding: 5px;}
	.sub_cont .basket_wrap .table_area .board_list tbody tr td {font-size: 14px; line-height: 21px;}
	.sub_cont .basket_wrap .inner {margin: 10px 0 0; font-size: 14px; line-height: 21px;}
	.sub_cont .basket_wrap .inner .ft_color {font-size: 20px; line-height: 30px;}
	.sub_cont .basket_wrap .btn_area a {width: 120px; height: 35px; font-size: 16px; line-height: 35px;}
	.sub_cont .basket_wrap .table_area .board_list tbody tr td span.chk_each label span.vchkbox {top: 1px;}
	/* // 헤어앤바디 장바구니 페이지 CSS */

	/* 헤어앤바디 1:1문의 페이지 CSS */
	.sub_cont .hair_body_inquiry_wrap .board_write tbody tr th {padding: 7px 10px; font-size: 14px; line-height: 21px;}
	.sub_cont .hair_body_inquiry_wrap .board_write tbody tr th span.etc {font-size: 14px; line-height: 21px;}
	.sub_cont .hair_body_inquiry_wrap .board_write tbody tr td {padding: 7px 10px; font-size: 14px; line-height: 21px;}
	.sub_cont .hair_body_inquiry_wrap .board_write tbody tr td textarea {font-size: 14px; line-height: 21px;}
	.sub_cont .hair_body_inquiry_wrap .board_write tbody tr td .attach_box .attach_vbox label.attach_btn {width: 80px; padding: 0;}
	.sub_cont .hair_body_inquiry_wrap .board_write tbody tr td .attach_box .attach_vbox {padding: 0;}
	.sub_cont .hair_body_inquiry_wrap .board_write tbody tr td .write_sup_txt {font-size: 12px; line-height: 18px;}
	/* // 헤어앤바디 1:1문의 페이지 CSS */

	/* 공지사항 페이지 CSS */
	.sub_cont .notice_wrap .tab_area {margin: 0 0 25px;}
	.sub_cont .notice_wrap .tab_area .list li a span.tab_txt {font-size: 14px; line-height: 35px;}
	.sub_cont .notice_wrap .tab_area .list li.all a .tab_txt {background: url('/template/shop/user/images/common/all_icon.png') 0 0 no-repeat;}
	.sub_cont .notice_wrap .tab_area .list li.all.on a .tab_txt {background: url('/template/shop/user/images/common/all_icon_on.png') 0 0 no-repeat;}
	.sub_cont .notice_wrap .tab_area .list li.found a .tab_txt {background: url('/template/shop/user/images/common/found_icon.png') 0 0 no-repeat;}
	.sub_cont .notice_wrap .tab_area .list li.found.on a .tab_txt {background: url('/template/shop/user/images/common/found_icon_on.png') 0 0 no-repeat;}
	.sub_cont .notice_wrap .tab_area .list li.festival a .tab_txt {background: url('/template/shop/user/images/common/festival_icon.png') 0 0 no-repeat;}
	.sub_cont .notice_wrap .tab_area .list li.festival.on a .tab_txt {background: url('/template/shop/user/images/common/festival_icon_on.png') 0 0 no-repeat;}
	.sub_cont .notice_wrap .tab_area .list li.shop a .tab_txt {background: url('/template/shop/user/images/common/shop_icon.png') 0 0 no-repeat;}
	.sub_cont .notice_wrap .tab_area .list li.shop.on a .tab_txt {background: url(' /template/shop/user/images/common/shop_icon_on.png') 0 0 no-repeat;}
	
	.sub_cont .notice_wrap .notice_area .sub_sch_box .row .slt_box select {height: 40px; padding: 0 20px 0 10px; background: #f3f3f3 url('/template/shop/user/images/common/arr-icon.png') right 7px top 50% no-repeat; font-size: 14px; line-height: 40px;}
	.sub_cont .notice_wrap .notice_area .sub_sch_box .row .input_box input {height: 40px; padding: 0 10px; font-size: 14px; line-height: 40px;}
	.sub_cont .notice_wrap .notice_area .sub_sch_box a.st_sch_btn span {height: 40px;}
	.sub_cont .notice_wrap .notice_area .board_list_area {margin: 15px 0 0;}
	.sub_cont .notice_wrap .notice_area .board_list_area .board_list tbody tr td {margin: 0; font-size: 14px; line-height: 21px;}
	.sub_cont .notice_wrap .notice_area .board_list_area .board_list tbody tr td.tit a {font-weight: 500; font-size: 16px; line-height: 24px;}
	.sub_cont .notice_wrap .notice_area .board_list_area .board_list tbody tr td.fic span {width: 75px; height: 21px; padding: 0 0 0 30px; font-size: 14px; line-height: 21px;}
	.sub_cont .notice_wrap .notice_area .board_list_area .board_list tbody tr td.fic span.found {background: url('/template/shop/user/images/common/co_found_icon.png') 5px 50% no-repeat;}
	.sub_cont .notice_wrap .notice_area .board_list_area .board_list tbody tr td.fic span.festival {background: url('/template/shop/user/images/common/co_festival_icon.png') 5px 50% no-repeat;}
	.sub_cont .notice_wrap .notice_area .board_list_area .board_list tbody tr td.fic span.shop {background: url('/template/shop/user/images/common/co_shop_icon.png') 5px 50% no-repeat;}
	.sub_cont .notice_wrap .notice_area .board_list_area .board_list tbody tr td.date {font-size: 14px; line-height: 21px;}
	.sub_cont .notice_wrap .notice_area .board_list_area .board_list tbody tr td.view {font-size: 14px; line-height: 21px;}
	/* // 공지사항 페이지 CSS */

	/* 공지사항 VIEW 페이지 CSS */
	.sub_cont .notice_view_wrap .board_view .board_view_top {padding: 15px 30px 20px;}
	.sub_cont .notice_view_wrap .board_view .board_view_top .tit {margin: 0 0 10px; font-size: 16px; line-height: 24px;}
	.sub_cont .notice_view_wrap .board_view .board_view_top .tit .mark_l {width: 80px; height: 30px; margin: 0 auto 10px; padding: 0 0 0 20px; font-size: 14px; line-height: 30px;}
	.sub_cont .notice_view_wrap .board_view .board_view_top .tit .mark_l.found {background: url('/template/shop/user/images/common/co_found_icon.png') 10px 50% no-repeat;}
	.sub_cont .notice_view_wrap .board_view .board_view_top .tit .mark_l.festival {background: url('/template/shop/user/images/common/co_festival_icon.png') 10px 50% no-repeat;}
	.sub_cont .notice_view_wrap .board_view .board_view_top .tit .mark_l.shop {background: url('/template/shop/user/images/common/co_shop_icon.png') 5px 50% no-repeat;}
	.sub_cont .notice_view_wrap .board_view .board_view_top .tit .mark_r {height: 20px; margin: 10px auto 0; font-size: 14px; line-height: 18px;}
	.sub_cont .notice_view_wrap .board_view .board_view_top .control_box a.prev {padding: 0 0 0 20px; background: url('/template/shop/user/images/common/view_prev.png') left 0 top 50% / 15px 25px no-repeat;}
	.sub_cont .notice_view_wrap .board_view .board_view_top .control_box a.next {padding: 0 20px 0 0; background: url('/template/shop/user/images/common/view_next.png') right 0 top 50% / 15px 25px no-repeat;}
	.sub_cont .notice_view_wrap .board_view .board_view_top .control_box a span.txt {font-size: 14px;}

	.sub_cont .notice_view_wrap .board_view .board_view_top .info .each {font-size: 14px;}
	 .sub_cont .notice_view_wrap .board_view .board_view_file .file_box .file_each {margin: 10px 20px 0 0;}
	 .sub_cont .notice_view_wrap .board_view .board_view_file .file_box .file_each a {padding: 0 0 0 25px; font-size: 14px; line-height: 24px;}
	 .sub_cont .notice_view_wrap .board_view .board_view_file .file_box .file_each.img a {background: url('/template/shop/user/images/common/img_icon.jpg') 0 50% / 20px 20px no-repeat;}
	 .sub_cont .notice_view_wrap .board_view .board_view_file .file_box .file_each.pdf a {background: url('/template/shop/user/images/common/pdf_icon.jpg') 0 50% / 20px 20px no-repeat;}
	 .sub_cont .notice_view_wrap .board_view .board_view_file .file_box .file_each.kr a {background: url('/template/shop/user/images/common/kr_icon.jpg') 0 50% / 20px 20px no-repeat;}

	 .sub_cont .notice_view_wrap .btn_area {margin: 15px 0 0;}
	 .sub_cont .notice_view_wrap .btn_area a {width: 120px; height: 35px; font-size: 14px; line-height: 35px;}
	/* // 공지사항 VIEW 페이지 CSS */

	/* 소개영상 페이지 CSS */
	.sub_cont .movie_info_wrap .sub_sch_box {margin: 0 0 20px;}
	.sub_cont .movie_info_wrap .sub_sch_box .row .input_box input {height: 40px; padding: 0 10px; font-size: 14px; line-height: 40px;}
	.sub_cont .movie_info_wrap .sub_sch_box a.st_sch_btn {height: 40px !important;}
	.sub_cont .movie_info_wrap .sub_sch_box a.st_sch_btn span.ico {height: 40px; line-height: 40px;}

	.sub_cont .movie_info_wrap .movie_area .movie_list_area .list li {margin: 0 0 15px;}
	.sub_cont .movie_info_wrap .movie_area .movie_list_area .list li:nth-child(2n) {margin: 0 0 15px;}
	.sub_cont .movie_info_wrap .movie_area .movie_list_area .list li .text_area {padding: 0;}
	.sub_cont .movie_info_wrap .movie_area .movie_list_area .list li .text_area .title {height: 42px; margin: 7px 0 0; font-size: 14px; line-height: 21px;}
	.sub_cont .movie_info_wrap .movie_area .movie_list_area .list li .text_area .day {margin: 5px 0 0; font-size: 14px; line-height: 21px;}
	/* // 소개영상 페이지 CSS */

	/* FAQ 페이지 CSS */
	.sub_cont .faq_wrap .sub_sch_box {margin: 0 0 20px;}
	.sub_cont .faq_wrap .sub_sch_box .row .input_box input {height: 40px; font-size: 14px; line-height: 40px;}
	.sub_cont .faq_wrap .sub_sch_box a.st_sch_btn span.ico {height: 40px; line-height: 40px;}
	.sub_cont .faq_wrap .sub_sch_box a.st_sch_btn {height: 40px !important;}
	.sub_cont .faq_wrap .faq_area .faq_list li .faq_q_tit {padding: 10px 30px 10px 40px; background: url('/template/shop/user/images/common/q_icon.png') 10px 50% / 21px 21px no-repeat;}
	.sub_cont .faq_wrap .faq_area .faq_list li.on .faq_q_tit {background: url('/template/shop/user/images/common/q_icon.png') 10px 50% / 21px 21px no-repeat;}
	.sub_cont .faq_wrap .faq_area .faq_list li.on .faq_a_txt_box {padding: 10px 30px 10px 40px; background: url('/template/shop/user/images/common/a_icon.png') 10px 50% / 21px 21px no-repeat;}
	.sub_cont .faq_wrap .faq_area .faq_list li .faq_q_tit a {font-size: 14px; line-height: 21px;}
	/* // FAQ 페이지 CSS */

	/* 오프라인 매장 안내 CSS */
	.sub_cont .store_wrap .text_area {padding: 0 10px;}
	.sub_cont .store_wrap .sub_sch_box {margin: 0 0 20px;}
	.sub_cont .store_wrap .sub_sch_box .row .input_box input {font-size: 14px; line-height: 21px;}
	.sub_cont .store_wrap .board_list tbody tr td {font-size: 14px; line-height: 21px;}
	.sub_cont .store_wrap .board_list tbody tr td.location a {background: url('/template/shop/user/images/common/map_icon.png') 0 0px no-repeat; font-size: 14px; line-height: 21px;}
	.sub_cont .store_wrap .text_area .title {margin: 0; font-size: 14px; line-height: 21px;}
	.sub_cont .store_wrap .text_area .text {font-size: 14px; line-height: 21px;}
	/* // 오프라인 매장 안내 CSS */

	/* 주문내역 CSS */
	.sub_cont .breakdown_wrap .sub_sch_box {margin: 0 0 20px;}
	.sub_cont .breakdown_wrap .sub_sch_box .row label {font-size: 14px; line-height: 21px;}
	.sub_cont .breakdown_wrap .sub_sch_box .row .slt_box {height: 40px;}
	.sub_cont .breakdown_wrap .sub_sch_box .row .slt_box select {height: 40px; font-size: 14px; line-height: 40px;}
	.sub_cont .breakdown_wrap .sub_sch_box .row .input_box input {height: 40px; padding: 0 10px; font-size: 14px; line-height: 40px;}
	.sub_cont .breakdown_wrap .sub_sch_box a {height: 40px !important;}
	.sub_cont .breakdown_wrap .sub_sch_box a span {height: 40px;}
	.sub_cont .breakdown_wrap .table_area .board_list tbody tr td {font-size: 14px; line-height: 21px;}
	.sub_cont .breakdown_wrap .table_area .board_list tbody tr td a {font-weight: 500;}
	/* // 주문내역 CSS */

	/* 주문내역 VIEW CSS */
	.sub_cont .breakdown_view_wrap .sub_title {font-size: 20px; line-height: 30px;}
	.sub_cont .breakdown_view_wrap .table_cont_01 {margin: 5px 0 0;}
	.sub_cont .breakdown_view_wrap .table_cont_01 .board_list tbody tr td .img_text .text {font-size: 16px; line-height: 24px;}
	.sub_cont .breakdown_view_wrap .table_cont_01 .board_list tbody tr td {font-size: 16px; line-height: 24px;}
	.sub_cont .breakdown_view_wrap .table_cont_01 .board_list tbody tr td span.ft_color {font-size: 20px;}
	.sub_cont .breakdown_view_wrap .table_cont_02 {margin: 25px 0 0;}
	.sub_cont .breakdown_view_wrap .table_cont_02 .title {font-size: 18px; line-height: 27px;}
	.sub_cont .breakdown_view_wrap .table_cont_02 .board_write tbody tr th {padding: 7px 10px 5px; font-size: 14px; line-height: 21px;}
	.sub_cont .breakdown_view_wrap .table_cont_02 .board_write tbody tr td {padding: 5px 10px 7px; font-size: 14px; line-height: 21px;}
	.sub_cont .breakdown_view_wrap .table_cont_03 {margin: 25px 0 0;}
	.sub_cont .breakdown_view_wrap .table_cont_03 .title_area .title {font-size: 18px; line-height: 27px;}
	.sub_cont .breakdown_view_wrap .table_cont_03 .title_area .text {font-size: 12px; line-height: 27px;}
	.sub_cont .breakdown_view_wrap .table_cont_03 .board_write {margin: 5px 0 0;}
	.sub_cont .breakdown_view_wrap .table_cont_03 .board_write tbody tr th {padding: 7px 10px 5px; font-size: 14px; line-height: 21px;}
    .sub_cont .breakdown_view_wrap .table_cont_03 .board_write tbody tr td {padding: 7px 10px; font-size: 14px; line-height: 21px;}
	.sub_cont .breakdown_view_wrap .table_cont_03 .board_write tbody tr td input.long_input {max-width: 100%; font-size: 14px; line-height: 21px;}
	.sub_cont .btn_area {margin: 25px 0 0;}
	.sub_cont .btn_area a {width: 120px; height: 35px; font-size: 16px; line-height: 35px;}
	/* // 주문내역 VIEW CSS */
	
	/* 1:1 문의 CSS */
	.sub_cont .inquiry_wrap .inquiy_area .bw_top_txt {font-size: 14px; line-height: 21px;}
	.sub_cont .inquiry_wrap .board_write tbody tr {margin: 0;}
	.sub_cont .inquiry_wrap .board_write tbody tr th {padding: 7px 0; font-size: 14px; line-height: 21px;}
	.sub_cont .inquiry_wrap .board_write tbody tr td {padding: 7px 0; font-size: 14px; line-height: 21px;}
	.sub_cont .inquiry_wrap .board_write tbody tr td input.long_input {height: 30px !important; font-size: 14px;}
	.sub_cont .inquiry_wrap .board_write tbody tr td .text {padding: 0 15px 0 25px; background: url('/template/shop/user/images/common/img_icon.jpg') 0 50% / 20px 20px no-repeat; font-size: 14px; line-height: 21px;}
	.sub_cont .inquiry_wrap .board_write tbody tr td .btn_area a.etc {height: 21px; margin: 0; font-size: 14px; line-height: 19px;}
	.sub_cont .inquiry_wrap .board_write tbody tr td .write_sup_txt {margin: 10px 0 0; font-size: 12px; line-height: 18px;}
	/* // 1:1 문의 CSS */

	/* 1:1 문의 VIEW CSS */
	.sub_cont .inquiry_view_wrap .board_view .tit_pro {padding: 10px; font-size: 14px; line-height: 21px;}
	.sub_cont .inquiry_view_wrap .board_view .board_view_top {padding: 10px 15px;}
	.sub_cont .inquiry_view_wrap .board_view .board_view_top .tit {margin: 0 0 10px; font-size: 20px; line-height: 30px;}
	.sub_cont .inquiry_view_wrap .board_view .board_view_top .info .each {font-size: 14px; line-height: 21px;}
	.sub_cont .inquiry_view_wrap .board_view .answer_wrap .inner {padding: 15px 0 15px 30px;}
    .sub_cont .inquiry_view_wrap .board_view .answer_wrap .inner.question_area {background: url('/template/shop/user/images/common/q_icon.png') 5px 20px / 21px 21px no-repeat;}
    .sub_cont .inquiry_view_wrap .board_view .answer_wrap .inner.answer_area {background: url('/template/shop/user/images/common/a_icon.png') 5px 20px / 21px 21px no-repeat;}
	.sub_cont .inquiry_view_wrap .board_view .answer_wrap .inner .title {font-size: 16px; line-height: 24px;}
	.sub_cont .inquiry_view_wrap .board_view .answer_wrap .inner .text {margin: 10px 0 0; font-size: 14px; line-height: 21px;}
	.sub_cont .inquiry_view_wrap .board_view .answer_wrap .inner .file {margin: 25px 0 0; font-size: 14px; line-height: 21px;}
    .sub_cont .inquiry_view_wrap .btn_area a {width: 100%; height: 35px;}
	/* // 1:1 문의 VIEW CSS */

	/* 결제정보 CSS */
	.sub_cont .payment_info_wrap .paym_tab .list li a {font-size: 16px; line-height: 30px;}
	.sub_cont .payment_info_wrap .sub_sch_box {margin: 25px 0 0;}
	.sub_cont .payment_info_wrap .sub_sch_box .row .input_box input {height: 40px; font-size: 14px; line-height: 21px;}
	.sub_cont .payment_info_wrap .sub_sch_box a.st_sch_btn {height: 40px !important;}
	.sub_cont .payment_info_wrap .sub_sch_box a.st_sch_btn span.ico {height: 40px;}
	.sub_cont .payment_info_wrap .table_area {margin: 30px 0 0;}
	.sub_cont .payment_info_wrap .table_area table.board_list tbody tr td {font-size: 14px; line-height: 21px;}
	.sub_cont .payment_info_wrap .table_area table.board_list tbody tr td.tit a {font-weight: 500;}
	.sub_cont .payment_info_wrap .table_area table.board_list tbody tr td.file a {height: 17px; line-height: 17px; vertical-align: unset;}
	/* // 결제정보 CSS */

	/* 로그인 CSS */
	.sub_cont .login_wrap .title {font-size: 19px; line-height: 27px;}
	.sub_cont .login_wrap .login_area {margin: 20px 0 0; padding: 150px 10px 30px; background: url('/template/shop/user/images/common/login_logo.jpg') 50% 20px / 50% no-repeat;}
	.sub_cont .login_wrap .login_area .sns_login .title {font-size: 16px; line-height: 24px;}
	.sub_cont .login_wrap .login_area .sns_login .text {font-size: 14px; line-height: 21px;}
	.sub_cont .login_wrap .login_area .sns_login .sns_list li {width: 100%; max-width: 225px; height: 40px; margin: 10px auto 0;}
	 .sub_cont .login_wrap .login_area .sns_login .sns_list li:first-child {margin: 0 auto;}
	.sub_cont .login_wrap .login_area .sns_login .sns_list li a {padding: 0 10px;}
	.sub_cont .login_wrap .login_area .sns_login .sns_list li a .text {font-size: 14px; line-height: 40px;}
	.sub_cont .login_wrap .login_area .sns_login .sns_list li a .text:before {top: 6px;}
	.sub_cont .login_wrap .login_area .sns_login .sns_list li a .imgs {height: 40px; vertical-align: middle;}
	/* // 로그인 CSS */

	/* 레이아웃 팝업 */
	.popup_area {margin: -265px 0 0;}
	.popup_area .top_area {padding: 10px 15px;}
	.popup_area .top_area .title {font-size: 16px; line-height: 24px;}
	.popup_area .top_area a {top: 15px; width: 15px; height: 15px; background: url('/template/shop/user/images/common/close_icon.png') 0 0 / 100% no-repeat;}
	.popup_area .cont_01 {padding: 10px 15px;}
	.popup_area .cont_01 .board_list tbody tr td a {font-weight: 500;}
	.popup_area .cont_01 .board_list tbody tr td span.chk_each label span {top: 2px;}
	.popup_area .cont_01 .inner .text_area .text {font-size: 14px; line-height: 21px;}
	.popup_area .cont_01 .inner .text_area .text span.ft_color {font-size: 18px; line-height: 27px;}
	.popup_area .cont_01 .inner .btn_area a.pay {width: 80px; height: 30px; font-size: 16px; line-height: 30px;}
	.popup_area .cont_02 {padding: 10px 15px;}
	.popup_area .cont_02 .bw_top_txt {font-size: 14px; line-height: 21px;}
	.popup_area .cont_02 .board_write tbody tr th {padding: 10px; font-size: 14px; line-height: 21px;}
	.popup_area .cont_02 .board_write tbody tr td {padding: 10px; font-size: 14px; line-height: 21px;}
	.popup_area .cont_02 .board_write tbody tr td textarea {font-size: 14px; line-height: 21px;}
	.popup_area .cont_02 .btn_area a.pay {width: 80px; height: 30px; margin: 15px auto 0; font-size: 16px; line-height: 30px;}
	.popup_area .cont_03 .completion_area .imgs img {width: 30%;}
	.popup_area .cont_03 .completion_area .text_area .title {margin: 10px 0 0; font-size: 18px; line-height: 27px;}
	.popup_area .cont_03 .completion_area .text_area .text {margin: 5px 0 0; font-size: 14px; line-height: 21px;}
	.popup_area .cont_03 .btn_area a.pay {width: 80px; height: 30px; margin: 15px auto 0; font-size: 16px; line-height: 30px;}
	/* // 레이아웃 팝업 */
}

@media screen and (max-width:430px){
    /* 헤어앤바디 페이지 CSS */
	.sub_cont .hair_body_wrap .sub_val_area .sub_slide_wrap .slide_area .slide_list .slick-list .slick-track li {width: 300px;}
	/* // 헤어앤바디 페이지 CSS */
    
	/* 로그인 CSS */
    .sub_cont .login_wrap .login_area .sns_login .sns_list li a .text {margin: 0 0 0 15px; padding: 0 0 0 5%;}
	/* // 로그인 CSS */
}

@media screen and (max-width:360px){
    
	/* 결제 CSS */
    .sub_cont .pay_wrap .table_cont_03 .board_write tbody tr td input.address_input.top {max-width: 188px;}
	/* // 결제 CSS */
    
	/* 레이아웃 팝업 CSS */
    .popup_area .cont_01 .inner .text_area {float: inherit;}
    .popup_area .cont_01 .inner .text_area .text {text-align: center;}
    .popup_area .cont_01 .inner .btn_area {float: inherit; margin: 15px 0 0;}
    .popup_area .cont_01 .inner .btn_area a.pay {width: 100%;}
	/* // 레이아웃 팝업 CSS */
}