@charset "utf-8";


  #qcl {display:none;}
  #quickWrap{display:none;}
  .swiper_main .swiper-button-prev,  
  .swiper_main .swiper-button-next{display:none;} 
  #tnb {display:none;}
  #hd {display:none;}
  #footer .f_menu .f-blank{display:none;}
.accordion-wrap ul.lists > li .accord-cont { display: none; position: relative;width:100%; padding: 17px 20px 17px 30px; font-size: 13px;}
.accordion-wrap ul.list-head{display: none !important;}
.cs--wrap .cs-desc br{display: none;}
.admin--login .login--inner{padding:60px 40px; border:0px solid #ebebeb;box-shadow:none;-webkit-box-shadow:none;}
.admin--login .img--area{display:none;}
  .cart--wrap ul.list-head{display: none !important;} 
  .cart--wrap .option-view{display:none; width:100%;border:1px solid #dfdfdf; padding:15px;max-width:500px;}
#aside {display: none !important;}
#con_lf {width:100%;float:none;margin-bottom:60px;}
.point--wrap ul.list-head{display: none !important;}  
.point--wrap .num{/*flex:0 0 auto;font-size:13px;text-align:left;*/ display: none;} 
.point--wrap .time2 br{display: none;}
.point--wrap .no{display: none;} 
.editor--pc{display: none;}
.editor--mo{display:block;}
  .pc_only{display: none !important;}	
  .mo_only{display: inline-block !important;}
  .join-process-bar .process-icon1{display:inline-block;min-height:auto; padding-left:0px;background:none;}
  .join-process-bar .process-icon2{display:inline-block;min-height:auto; padding-left:0px;background:none;}
  .join-process-bar .process-icon3{display:inline-block;min-height:auto; padding-left:0px;background:none;}
  .join-process-bar li.on .process-icon1{background:none;}
  .join-process-bar li.on .process-icon2{background:none;}
  .join-process-bar li.on .process-icon3{background:none;}





/********************sss*********************/
  .view--wrap .view--img{width:100%;margin-right:0%;}
  .view--wrap .view--info{width:100%;}
  .view--wrap .view--tit{font-size:18px;}
  .view--wrap .view--desc{font-size:14px;}
  .view--wrap .price-t{font-size:18px;}
  .view--wrap .price-sale{font-size:18px;}
  .view--wrap .price-s{font-size:14px;}
  .view--wrap .price--wrap{padding:20px 0 0;}
  .view--wrap .price--wrap .stxt{font-size:14px;line-height:24px;}
  .view--wrap .price--wrap .price--num{font-size:24px;}
  .view--wrap .price--wrap .price--txt{font-size:16px;line-height:24px;}
  .view--wrap .point--t{font-size:14px;}

  .view--txt .v--tit{flex:0 0 130px;font-size:14px;}
  .view--txt .v--txt{flex:1;font-size:14px;}

  .view--option .op--tit{font-size:14px;}
  .view--option .op--txt{font-size:14px;}

  .option-dropdown{padding: 0 30px 0 15px;}
  .option--content > ul > li{font-size:13px;padding:10px 15px;}

  .option--box{padding:15px;}
  .option--box > ul > li.box--r{flex:0 0 100px;}


  .cart--wrap .topArea{font-size:13px;}
  .cart--wrap ul:nth-child(3){border-top:1px solid #aaa;}
  .cart--wrap ul{flex-wrap: wrap;justify-content:flex-start;}
  .cart--wrap ul.list-head{display: none !important;} 
  .cart--wrap .chkbox{flex:0 0 40px;text-align:left;} 
  .cart--wrap .product--cimg{flex:0 0 80px;  margin-bottom:15px;} 
  .cart--wrap .cont{flex:1;font-size:14px;padding:0 0px 10px 10px;} 
  .cart--wrap .qty{flex:0 0 100%;font-size:14px;color:#333; text-align:left;padding:15px 0 10px 40px;border-top:1px solid #f1f1f1;}
  .cart--wrap .price{flex:0 0 100%;font-size:14px;color:#333; text-align:left;padding:0 0px 10px 40px;}
  .cart--wrap .price-total{flex:0 0 100%;font-size:14px;color:#333; text-align:left;padding:0 0px 10px 40px;}
  .cart--wrap .point{flex:0 0 auto;font-size:14px;color:#333; text-align:left;padding:0 10px 0 40px;}
  .cart--wrap .delivery{flex:0 0 auto;font-size:14px;color:#333; text-align:left;padding:0px;}
  .cart--wrap .stit_mo{display: inline-block;}
  .cart--wrap .option-txt{font-size:12px;}

  .cart--wrap .option-view{display:none; width:100%;border:1px solid #dfdfdf; padding:15px;max-width:500px;}
  .cart--wrap .option-mody.active .option-view{display: block;height:auto; animation: optionAni .5s  0s both;}

  /* order 인경우 */
  .cart--wrap.order .qty{flex:0 0 100%;font-size:14px;color:#333; text-align:left;padding:15px 0 10px 0px;border-top:1px solid #f1f1f1;}
  .cart--wrap.order .price{flex:0 0 100%;font-size:14px;color:#333; text-align:left;padding:0 0px 10px 0px;}
  .cart--wrap.order .price-total{flex:0 0 100%;font-size:14px;color:#333; text-align:left;padding:0 0px 10px 0px;}
  .cart--wrap.order .point{flex:0 0 auto;font-size:14px;color:#333; text-align:left;padding:0 10px 0 0px;}

  /* orderinquiryview */
.cart--wrap .date{display:inline-flex; flex:0 0 100%;justify-content: space-between;align-items: center; text-align:left;margin-bottom:10px; border-bottom:1px solid #bbb; padding-bottom:5px; font-size:0; } 
.cart--wrap .date > span{display:inline-block;width:50%;margin-bottom:0px;} 
.cart--wrap .date > a{text-align:right;} 
.cart--wrap .orderview{display:inline-flex;flex:0 0 100%;flex-wrap: wrap;} 
.cart--wrap .orderview-wrap{flex-wrap: wrap;justify-content:flex-start;} 
.cart--wrap .etc1{flex:0 0 auto;font-size:14px;color:#333; text-align:left;padding:0px 20px 0px 0px;}
.cart--wrap .etc2{flex:0 0 auto;font-size:14px;color:#333; text-align:left;padding:0px 0px 0px;}
.cart--wrap .etc-blank{flex:0 0 100%; }
/* orderinquiryview end */

  @keyframes optionAni {
    0% {width:100%;}
    100% { width:100%;}
  }
  .bsk_tot .tbArea{flex:0 0 100%;}
  .bsk_tot > * {margin-top:20px;}
  .bsk_tot > *:first-child { margin-top: 0;}
/********************eee*********************/




/* Mobile 768px 이하 */
/* @media all and (max-width:768px) {  */

  html{font-size: 56.4%;}   
  .mMenu {left:-100%; top:0; width:100%;}

  .pc_only{display: none !important;}	
  .mo_only{display: inline-block !important;}

  .mtitle {font-size:20px;margin-bottom:30px;}

  .box04_wrap li{width:48%;margin-left:4%;margin-top:30px;}
  .box04_wrap li:nth-child(even){margin-left:4%;}
  .box04_wrap li:nth-child(odd){margin-left:0 !important;}
  .box04_wrap li:nth-child(3) ,.box04_wrap li:nth-child(4){margin-top:30px;}

  .product_wrap .cardTxt{padding:15px 0px;}
  .product_wrap .tit{font-size:14px;margin-bottom:10px;}
  .product_wrap .priceTb{font-size:14px;}
  .product_wrap .price-txt{font-size:14px;}
  .product_wrap .sale-txt{font-size:14px;}
  .product_wrap .price-stxt{font-size:12px;}

  .promotion .promotion-tit{font-size:20px;margin-bottom:10px;}
  .promotion .promotion-txt{font-size:16px;margin-bottom:30px;}
  .promotion .ev-time{font-size:16px;margin-bottom:10px;}
  .promotion .ev-time-desc{font-size:14px;}


  .franchise--promotion .f-tit{font-size:20px;margin-bottom:10px;}
  .franchise--promotion .f-txt{font-size:16px;}  
  .franchise--cardTxt .tit{font-size:14px;margin-bottom:5px;}
  .franchise--cardTxt .priceTb{font-size:14px;margin:0px 0px 5px;}
  .franchise--cardTxt .price-txt{font-size:14px;}
  .franchise--cardTxt .sale-txt{font-size:14px;}
  .franchise--cardTxt .price-stxt{font-size:12px;}



  /* footer  */
  #footer .tit_f {font-size:18px;margin-bottom:20px;}
  #footer .f_view .tit {flex:0 0 120px; margin-right: 10px;}
  #footer .f_call .tit {font-size: 18.5px;}
  #footer .f_order .tit,
  #footer .f_kakao .tit,
  #footer .f_qna .tit {height: 35px;font-size:13px; line-height:35px;}
  #footer .f_order .txt,
  #footer .left-footer .list {font-size:12px;}

  #footer .f_menu{width:100%;margin-bottom:20px;}	
  #footer .f_menu .f-blank{display:block;}
  #footer .f_menu > a{padding-left:15px;font-size:13px;}
  #footer .f_menu > a:nth-child(6){padding-left:0px !important;}
  #footer .f_cont{width:100%;margin-bottom:20px;}	
  #footer .f_cont span{font-size:12px;margin-left:10px; padding-left:10px;}

  .sub_tree {width:100%; padding:20px;}
  .sub_tree li {width:33.33333%;padding:5px;}
  .sub_tree a {font-size:13px;}
  
  .listTop{flex-wrap: wrap}
  .listTop .leftArea{flex:0 0 100%; font-size:13px; margin-bottom:15px;}
  .listTop .leftArea .num{font-size:13px;}
  .listTop .rightArea{flex:0 0 100%; text-align:left;}
  .listTop .rightArea .tabs li {margin-left:10px; padding-left:10px;}
  .listTop .rightArea .tabs li a {font-size:13px;}

  .join-process-bar .process-name{font-size:14px;line-height:16px;padding-right:28px;padding-left:5px;}
  .join-process-bar .process-name:after {right:5px;width:16px;height:16px;}
  
  .join-process-bar .process-icon1{display:inline-block;min-height:auto; padding-left:0px;background:none;}
  .join-process-bar .process-icon2{display:inline-block;min-height:auto; padding-left:0px;background:none;}
  .join-process-bar .process-icon3{display:inline-block;min-height:auto; padding-left:0px;background:none;}
  .join-process-bar li.on .process-icon1{background:none;}
  .join-process-bar li.on .process-icon2{background:none;}
  .join-process-bar li.on .process-icon3{background:none;}

  #fregister section {padding:30px 0 0 0;}
  #fregister h2 {font-size:16px;}

  .table.type1 th {font-size:13px;}
  .table.type1 td {font-size:13px;}

  .tb-col1{width:80px;}
  .tb-col2{width:120px;}
  .tb-col3{width:100px;}

  .form_sty1{margin:0px 0 40px;}
  .form_sty1 li{display: inline-block; vertical-align:top;}
  .form_sty1 li.top{vertical-align:top;padding-top:5px;}
  .form_sty1 .tit{display: inline-block;width:100%;font-size: 14px;margin-bottom:8px;padding-top:5px;}
  .form_sty1 .tit > span{font-size: 14px;}
  .form_sty1 .tit > span.required::before{font-size:14px;}
  .form_sty1 .cont{display: inline-block;width:100%;}
  .form_sty1 .txt{padding:0 10px;font-size: 13px;}

  .form_sty1.pop .tit{display: inline-block;width:100px;}
  .form_sty1.pop .cont{display: inline-block;width:calc(100% - 100px);}


  .msg_usrid{font-size: 13px;}
  .col-1{width:100%;} /* form - input */
  .col-2{width:80px;} /* form - input -년도 */
  .col-3{width:50px;} /* form - input -월 */  
  
  .f-group-A {display: inline-flex;width:100%; margin-top:10px; align-items:center;}
  .f-group-A > * { margin-left:5px;}
  .f-group-A > *:first-child { margin-left: 0;}
  .f-group-A .select-w{flex:1;}

  .col50{width:100%}

  .accordion-wrap ul.lists > li .data--title .btn-toggle {padding: 15px 0px;font-size:16px;}
  .accordion-wrap ul.lists > li .data--title .btn-toggle::after {top:20px; right:5px;}
  .accordion-wrap ul.lists > li .data--cont{padding: 15px 10px;font-size: 13px;}
  .accordion-wrap .data-tit1{min-height:18px;background-size:auto 18px;padding-left:26px; }
  .accordion-wrap .data-tit2{min-height:18px;background-size:auto 18px;padding-left:26px; }
  .accordion-wrap .data-tit3{min-height:18px;background-size:auto 18px;padding-left:26px; }
  
/* accordion */
.accordion-wrap ul.lists > li .accord-title .btn-toggle {padding: 15px 50px 15px 10px;font-size:14px; }
.accordion-wrap ul.lists > li .accord-title .btn-toggle::before {top:15px;left: 0px; font-size:17px; }
.accordion-wrap ul.lists > li .accord-cont {padding: 15px 15px; font-size: 13px;}

/* qa */
.accordion-wrap .cont{font-size:13px;}
.accordion-wrap .name{font-size:12px;}
.accordion-wrap .date{font-size:12px;}
.accordion-wrap .answer{font-size:12px;}

.accordion-wrap ul.lists > li .qa--cont {padding: 15px 10px;}
.accordion-wrap ul.lists > li .qa--cont::before {top:15px;left: 10px;font-size:11px; line-height: 20px; width:20px; height:20px;}
.accordion-wrap ul.lists > li .qa--cont > p{font-size:13px; padding-left:26px;}
.accordion-wrap ul.lists > li .qa--cont > p.cont-date{font-size:12px;}

.product--info .p-tit{font-size:20px;padding-bottom:20px; margin-bottom:20px;}
.product--info .p-tit > span{font-size:16px;margin-bottom:10px;}
.product--info .p-txt{font-size:14px;margin-bottom:20px;}

.cs--wrap{margin-bottom:40px;}
.cs--wrap li{display: inline-block; width:33.3333%; padding-right:30px;}
.cs--wrap .cs-tit{font-size:18px;padding-left:10px;min-height:40px;}
.cs--wrap .cs-tit::after {width:3px;}
.cs--wrap .cs-txt{font-size:16px;margin-bottom:15px;}
.cs--wrap .cs-desc{font-size:13px;}

.cart--wrap .option-view > ul > li.box--r{flex:0 0 100px;}
.cart--wrap .option-view > ul.priceBox{padding-top:10px; margin:10px 0 20px;}
.cart--wrap .option-view > ul > li.price--tit{font-size:14px;}
.cart--wrap .option-view > ul > li.price--total{font-size:14px;line-height:16px;}
.cart--wrap .option-view > ul > li.price--total > span{font-size:16px;}


#sod_ws_tot ul{padding:12px 30px;}
#sod_ws_tot .tot-tit{font-size:13px;}
#sod_ws_tot .tot-txt{font-size:13px;}

.pg_tit span {font-size:20px;}

.c-group {flex-wrap: wrap;}
.c-group > * {margin-left:2px;}
.c-group .input-w{flex:0 0 70px;}
.c-group .btn{flex:0 0 100%; margin-top:8px;text-align:center;}
/*
.list--search{padding:0 15px 0 15px;border-radius:4px;margin-bottom:30px; }
.list--search .selectArea{width:90px;}
.list--search .inputArea{flex:1 1 0;padding-left:15px;} */

.boardView .board--title{font-size: 14px;padding:10px 15px;}
.boardView .board--info{padding:10px 15px;}
.boardView .board--info > span{margin-left:10px;}
.boardView .board--info em{margin-left:3px;}
.boardView .content{padding:15px;}
.boardView .file{min-height:20px; background:url(/layouts/basic/images/layout/ico_file.png) 15px 8px no-repeat;font-size:12px; padding:8px 10px 8px 40px;}

.list-typeA{display:block;width:100%;text-align:left; padding:0px; margin:0px auto; font-size:0;}
.list-typeA li{display: inline-block;width:31.33333%;margin:0 0% 40px 3%;}
.list-typeA li:nth-child(4n-3){margin-left:3%;} 
.list-typeA li:nth-child(3n-2){margin-left:0;} 

.gallery--list .tit{font-size:14px;padding-top:20px;}
.gallery--list .desc{font-size:12px;}

.bx-danger br{display:inline;}

/* tab */
.list-tabs ul.tabs li {padding: 0 15px;}
.list-tabs ul.tabs li a {font-size:14px;}
.list-tabs ul.tabs li:first-child{padding-left:5px;}

/*faq*/
.faq_li {margin-top:15px;}
.faq_li li {font-size:14px;}
.faq_li .faq_a {font-size:13px;}


.admin--login .txt2 > span.m--blank{width:100%;margin-left:0px; padding-left:0px;margin-top:5px;}
.admin--login .txt2 > span.m--blank:before {width:0px; height:0rem;}

.search--result{font-size:13px;}

.coupon--top{flex-wrap: wrap;width:100%;}
.coupon--top .topArea{flex:0 0 100%; order:2;}
.coupon--top .coupon--search{flex:0 0 100%; display: inline-flex;justify-content:flex-end;padding-bottom:20px; order:1;}
.coupon--search .input_sty1{flex:1;}

.coupon--top .list--search{flex:0 0 100%; justify-content:flex-end;padding-bottom:20px; order:1;}
.list--search .selectArea{width:100px;}
.list--search .inputArea{flex:1; width:auto;}

.product--slide.franchise .swiper-button-prev,  
.product--slide.franchise .swiper-button-next{top:33%;} /*크기*/

.br_list ul {width:100%;display:flex;flex-wrap: wrap;}
.br_list li { flex:0 0 24%;width:24%; margin-left:1.33333%; margin-bottom:1.33333%;}
.br_list li:nth-child(7n-6){margin-left:1.33333%;}
.br_list li:nth-child(5n-4){margin-left:1.33333%;}
.br_list li:nth-child(4n-3){margin-left:0%;}

.br_view_tit {height:80px;padding:10px 20px;}
.br_view_tit .tit_txt {font-size:18px;}



/*}*/


/*mobile 640 이하 */
@media all and (max-width:640px){


}



/*mobile 520 이하 */
@media all and (max-width:520px){

  .box04_wrap li{width:47%;margin-left:6%;}
  .box04_wrap li:nth-child(even){margin-left:6%;}

  .promotion .titArea{width:35%; padding:0 2% 0 5%;}
  .promotion .sliderArea{width:65%;}
  .promotion .promotion-tit{font-size:18px;}
  .promotion .promotion-txt{font-size:14px;margin-bottom:30px;}
  .promotion .ev-time{font-size:14px;margin-bottom:10px;}
  .promotion .ev-time-desc{font-size:12px;}

  .review--txtBox .r-tit{font-size:16px;}
  .review--txtBox .r-txt{font-size:14px;}
  .review--txtBox .r-btn{padding:10px 20px;font-size:14px;}
  .review--txtBox .r-txt br{display:inline;}

  .product--slide{padding:0 5%;}
  .product--slide .swiper-button-prev,  
  .product--slide .swiper-button-next{display:none;}

  .promotion .sliderArea{padding:0 5%;}
  .promotion .sliderArea .swiper-button-prev,  
  .promotion .sliderArea .swiper-button-next{display:none;}

  .promotion.franchise .titArea{width:35%; padding:0 0% 0 0%;}
  .promotion.franchise .sliderArea{width:65%;padding:0 0% 0 5%;}

  .franchise--promotion .titArea{flex:0 0 100%;}
  .franchise--promotion .promotion--img{flex:0 0 100%;padding-left:0%; margin-top:20px;}
  .franchise--promotion .f-tit{font-size:20px;margin-bottom:10px;}
  .franchise--promotion .f-txt{font-size:14px;}
  
  .franchise--cardTxt{width:100%;padding:15px 0; border-bottom:0px solid #dfdfdf; position: static;}

  .swiper2 {padding:0 0 30px;}
  .swiper2 .swiper-scrollbar {display: inline-block !important;}
  .swiper2 .product_wrap{padding-bottom:0px; border-bottom:0px solid #cacaca;}

  #container {width:95%;margin:50px auto 80px;}
  .cont_inner {margin:50px auto 0px;}
  .section{margin-top:50px;}
  .bnr--full{margin:50px auto 0px;}

  .pagination {margin: 40px 0;}

  .sub_tree {width:100%; padding:15px;}  
  .listTop .leftArea{font-size:13px;}
  .listTop .leftArea .num{font-size:13px;}
  .listTop .rightArea .tabs li a {font-size:13px;}

  .info--form label{font-size:13px;}
  .p-title {font-size:18px;}
  .txt_sty1{font-size:13px;margin-bottom:20px;}
  .txt_sty2{font-size:12px;}
  .tit_sty1{font-size:13px;}
  .popupBox_A{padding:30px 20px;} 

  .infoTxt1{font-size:13px;}

  .product--info{padding-bottom:60px;}
  .product--info .p-tit{font-size:18px;}
  .product--info .p-tit > span{font-size:14px;}
  .product--info .p-txt{font-size:13px;}
  
  .product--section{padding-bottom:60px;}
  .product--section .top--line{margin-bottom:40px;}
  .product--section .info--tit{font-size:20px;margin-bottom:30px;}
  .product--section .review--num{font-size:20px;}
  .product--section .tit{font-size:16px;}
  .product--section .txt{font-size:13px;margin-bottom:30px;}
  .reference-wrap{margin-bottom:30px;}
  .imgArea{margin-bottom:40px;}
  
  .cs--wrap{margin-bottom:0px;}
  .cs--wrap li{display: inline-block; width:100%; padding-right:0px; margin-bottom:20px;}
  .cs--wrap .cs-tit{font-size:16px;padding-left:10px;min-height:auto;}
  .cs--wrap .cs-txt{padding-left:10px;font-size:14px;margin-bottom:10px;}
  .cs--wrap .cs-desc{padding-left:10px;font-size:12px;}
  
  .review--wrap .user-id{font-size:12px;}
  .review--wrap .date{font-size:12px;margin-left:10px;}
  .review--wrap .subject{font-size:13px;margin-bottom:20px;}
  .review--wrap .cont{display:flex;}
  .review--wrap .review--thumb{flex:0 0 100px; height:100px; margin-left:30px; }
  .review--wrap .review-txt > p{font-size:13px;margin-bottom:15px;}

  .cart--wrap .chkbox{flex:0 0 30px;} 
  .cart--wrap .product--cimg{flex:0 0 70px;} 
  .cart--wrap .qty{padding:15px 0 10px 30px;}
  .cart--wrap .price{padding:0 0px 10px 30px;}
  .cart--wrap .price-total{padding:0 0px 10px 30px;}
  .cart--wrap .point{padding:0 10px 0 30px;}  

  .cart--wrap .option-view > ul{flex-wrap: wrap; justify-content: space-between;}
  .cart--wrap .option-view > ul > li.box--l{flex:0 0 100%; padding-right:0px; padding-bottom:5px;}
  .cart--wrap .option-view > ul > li.box--m{flex:0 0 75px; padding-right:10px;}
  .cart--wrap .option-view > ul > li.box--r{flex:1;}
  .cart--wrap .option-view .p-txt{padding-right:0px;}

    /* order 인경우 */
    .cart--wrap.order .qty{padding:15px 0 10px 0px;}
    .cart--wrap.order .price{padding:0 0px 10px 0px;}
    .cart--wrap.order .price-total{padding:0 0px 10px 0px;}
    .cart--wrap.order .point{padding:0 10px 0 0px;}  
    .cart--wrap .product--price{font-size:13px;}
    .cart--wrap .product--price .product--br{display: inline-block;width:100%; margin-top:5px;}
  
  .anc_tit {font-size:13px;}
  
  .col-5{width:25%;} /* 주문상세내역 */
  .f-group-B .input-s{flex:1;margin-right:5px;}
 
  .text-list{font-size:13px;}

  #tab_cate li a {padding:0 20px;}

  .inputfile-wrap label.btn {width:80px;margin-left:5px;}

  .list-typeA li{display: inline-block;width:48%;margin:0 0% 40px 4%;}
  .list-typeA li:nth-child(odd){margin-left:0;}
  .list-typeA li:nth-child(even){margin-left:4%;}

  .review--write .name{font-size:13px;}


  .form_sty1.pop .tit{width:100%;font-size: 14px;margin-bottom:8px;padding-top:5px;}
  .form_sty1.pop .cont{display: inline-block;width:100%;}

  .box05_wrap{width:100%;font-size:0; }
  .box05_wrap li{display:inline-block;width:32.3333%;margin-left:1.5%;margin-bottom:20px;}
  .box05_wrap li:nth-child(5n-4){margin-left:1.5%;}
  .box05_wrap li:nth-child(3n-2){margin-left:0%;}


  .nomember--write > *{margin-left:5px; }
  .nomember--write .stit{font-size:13px;margin-right:2px; }
  .nomember--write .input-w{width:100px;}

  .tit_etc {display:flex;flex-wrap: wrap;align-items: center;font-size:24px;margin:0px 0px 20px;}
  .tit_etc > p {display:inline-flex; flex:0 0 100%; margin-top:10px; font-size:14px;margin-left:0px;}


.br_list li { flex:0 0 32.33333%;width:32.33333%; margin-left:1.5%; margin-bottom:1.5%;}
.br_list li:nth-child(7n-6){margin-left:1.5%;}
.br_list li:nth-child(5n-4){margin-left:1.5%;}
.br_list li:nth-child(4n-3){margin-left:1.5%;}
.br_list li:nth-child(3n-2){margin-left:0%;}
.br_list li p {font-size:12px;}
.br_list li a {padding:12px 10px 6px;}

.br_view_tit {height:75px;padding:10px 20px;}
.br_view_tit .tit_txt {font-size:16px;}
.br_view_tit::before{width:65%;}
.br_view_tit::after{width:65%;}



}



/*mobile 420 이하 */
@media all and (max-width:420px){

  #header .logo_m{width:140px; min-height:40px;background-size:140px auto;}

  /* footer  */
  #footer .tit_f {font-size:18px;margin-bottom:20px;}
  #footer .f_view .tit {flex:0 0 100px; margin-right: 10px;}
  #footer .f_call .tit {font-size:14.5px;}
  #footer .f_order .tit,
  #footer .f_kakao .tit,
  #footer .f_qna .tit {height: 35px;font-size:13px; line-height:35px;}
  #footer .f_order .txt,
  #footer .left-footer .list {font-size:12px;line-height:1.3;}
  #footer .left-footer .list dd {font-size:11px;}

  #footer .f_menu > a{padding-left:15px;font-size:13px;}
  #footer .f_cont span{font-size:11px;margin-left:5px; padding-left:5px;}
  #footer .lguplus-logo {margin-right:0px;}
  #footer .mark {display:inline-flex;width:100%;flex-wrap: wrap;}
  #footer .mark .txt.last{padding-top:0px;width:100%;}

  .product--section .top--line{margin-bottom:40px;}
  .product--section .info--tit{font-size:18px;margin-bottom:30px;}
  .product--section .review--num{font-size:18px;}
  .product--section .tit{font-size:14px;}
  .product--section .txt{font-size:12px;margin-bottom:30px;}
  .reference-wrap{margin-bottom:30px;}
  .imgArea{margin-bottom:40px;}
  
  .review--wrap .user-id{font-size:12px;}
  .review--wrap .date{font-size:12px;margin-left:10px;}
  .review--wrap .subject{font-size:12px;margin-bottom:20px;}
  .review--wrap .cont{display:flex;flex-wrap: wrap;}
  .review--wrap .review--thumb{flex:0 0 100px; height:100px; margin-left:0px; margin:10px 0 20px;}
  .review--wrap .review-txt > p{font-size:12px;margin-bottom:15px;}

  /* qa */
  .accordion-wrap .cont{font-size:12px;}
  .accordion-wrap .name{font-size:11px;}
  .accordion-wrap .date{font-size:11px;}
  .accordion-wrap .answer{font-size:11px;}

  .accordion-wrap ul.lists > li .qa--cont > p{font-size:12px;}
  .accordion-wrap ul.lists > li .qa--cont > p.cont-date{font-size:11px;}

  #sod_ws_tot ul{padding:12px 20px;}

  .gallery--list .tit{font-size:13px;padding-top:20px;}
  .gallery--list .desc{font-size:12px;}

  .gallery--list .info--wrap{display:block; padding-top:10px; text-align:left;}
  .gallery--list .info--wrap  > span{font-size:11px;line-height:1;letter-spacing:-0.05rem;margin-left:5px; padding-left:0px; }
  .gallery--list .info--wrap  > span::after {display:none;}

  .c-group .input-s1{flex:0 0 60px;}
  .c-group .input-s2{flex:1;}

  .admin--login .login--inner{padding:50px 30px; }
  .admin--login .form--area .login--info > p{font-size:12px;}
  .admin--login .form--area .login--info > p::before {margin-top:4px;}

  .admin--login .txt2{font-size:12px;}
  .admin--login .txt3{font-size:11px;}
  .admin--login .sbtn{padding:3px 5px;font-size:11px;}


  .view--txt .v--tit{flex:0 0 100px;font-size:14px;}
  .view--txt .v--txt{flex:1;font-size:14px;}
  .link--sns {margin-bottom:8px;}

  .view--option {flex-wrap: wrap;}
  .view--option .op--tit{flex:0 0 100%;font-size:14px;margin-bottom:10px;}
  .view--option .op--txt{flex:0 0 100%;font-size:14px;}
  
.board--del{margin:100px auto 0; border:0px solid #ebebeb; padding:0px 0px;}
.board--secret{margin:100px auto 0; border:0px solid #ebebeb; padding:0px 0px;}









}


/*mobile 390 이하 */
@media all and (max-width:390px){
  #header .m_search{flex:0 0 30px;}
  #header .m_cart{flex:0 0 45px;height:30px;}
  #header .m_cart .cart{width:45px; height:30px; background:url(/layouts/basic/images/layout/gx_gx_i_cart.png) no-repeat right bottom;}
  #header .m_cart .cart > span{left:8px; top:0px;font-size:10px; }
  .btn-msearch{width:22px;height:20px;background-size:22px auto;}

  .sub_tree a {font-size:12px;}
  .listTop .leftArea{font-size:12px;}
  .listTop .leftArea .num{font-size:12px;}
  .listTop .rightArea .tabs li a {font-size:12px;}
  .agree_txt {padding:20px 15px;}

  .option-dropdown{padding: 0 30px 0 10px;}
  .option--content > ul > li{font-size:13px;padding:10px 10px;}
  .option--box{padding:15px 10px;}

  .cs--wrap .cs-tit{font-size:14px;}
  .cs--wrap .cs-txt{font-size:13px;}
  .cs--wrap .cs-tit::after { top:2px; height:10px;}

  .coupon--chk li{padding:15px;}
  .c-group > * {margin-left:2px;}
  .c-group .input-w{flex:0 0 60px;}


  #tab_cate li a {padding:0 15px;font-size:13px;}

  .admin--reply{flex-wrap: wrap; padding:10px;}
  .admin--reply .name{flex:0 0 100%;font-size:13px;margin-bottom:8px;background:url(/layouts/basic/images/layout/gx_gx_ico_member_s.png) 10px 0 no-repeat;min-height:12px;padding-left:25px;}
  .admin--reply .textarea-box{flex:1; margin:0 10px 0 0;}
  
  .p-title {font-size:17px;}




}

/* mobile 375 이하 */
@media all and (max-width:375px){
  .admin--login{align-items:flex-start;} 
  .admin--login .form--area > h1 img{max-width:80%;}
  .admin--login .form--area > h2{font-size:2.4rem;}
  .admin--login .form--area .txt1{font-size:13px;}
  .admin--login .form--area .login--form{margin:25px 0px 10px;}

  .admin--login .sbtn{padding:3px 5px;font-size:10px;}

  .reply--view{ padding:15px 10px; }
  .reply--view .reply-txt{font-size: 13px;}
  .reply--view .reply-info > span{font-size: 12px;}

  .page_move {margin-top:30px; }
  .page_move li.prev{ font-size:12px;flex:0 0 70px;}
  .page_move li.prev_tit{ font-size:12px;}
  .page_move li.next{ font-size:12px;flex:0 0 70px;}
  .page_move li.next_tit{ font-size:12px;}

  .view--secret .input_sty1{width:120px;} 


}

/*mobile 320 이하 */
@media all and (max-width:320px){
  html{font-size: 50.0%;}
  /* html{font-size: 44%;} */

  #header .logo_m{width:120px; min-height:40px;background-size:120px auto;}

  #footer .f_menu > a{padding-left:10px;font-size:12px;}
  #footer .f_cont span{font-size:10px;margin-left:5px; padding-left:5px;}
  #footer .tit_f {font-size:16px;margin-bottom:20px;}

  .sub_tree { padding:10px;}  
  .mtitle {font-size:18px;margin-bottom:20px;}


  .join-process-bar li{padding:10px 0px;}
  .join-process-bar .process-name{font-size:12px;line-height:12px;padding-right:20px;padding-left:5px;}
  .join-process-bar .process-name:after {width:12px;height:12px;background-size:12px auto;}
  .join-process-bar li.on .process-name:after {width:12px;height:12px;background-size:12px auto;}

  .view--wrap{padding-bottom:40px;}
  .view--wrap .view--tit{font-size:16px;}
  .view--wrap .view--desc{font-size:13px;}
  .view--wrap .price-t{font-size:16px;}
  .view--wrap .price-sale{font-size:16px;}
  .view--wrap .price-s{font-size:13px;}
  .view--wrap .price--wrap .stxt{font-size:13px;line-height:20px;}
  .view--wrap .price--wrap .price--num{font-size:20px;}
  .view--wrap .price--wrap .price--txt{font-size:14px;line-height:20px;}
  .view--wrap .point--t{font-size:13px;}

/*  .view--txt {flex-wrap: wrap}
  .view--txt .v--tit{flex:0 0 100%;font-size:12px;margin-bottom:8px;}
  .view--txt .v--txt{flex:0 0 100%;font-size:13px;} */

  .view--txt .v--tit{flex:0 0 80px;font-size:12px;}
  .view--txt .v--txt{font-size:13px;}

  .option-dropdown{font-size:12px;padding: 0 30px 0 10px;}
  .option--content > ul > li{font-size:12px;padding:10px 10px;}

  .pagination-button {width:25px;height:25px;font-size:11px;line-height:25px;}

  #sod_ws_tot .tot-tit{font-size:12px;}
  #sod_ws_tot .tot-txt{font-size:12px;}

  .c-group > * {margin-left:1px;}
  .c-group .input-w{flex:0 0 50px;}

  .text-list{font-size:12px;}

  .table.type1 th {font-size:12px;}
  .table.type1 td {font-size:12px;}

  .point--wrap .time2{font-size:13px;}
  .point--wrap .stit_mo.t2{width:100%; margin-right:0px; padding-right:7px; margin-bottom:5px;}



  .admin--login .login--inner{padding:40px 20px; }
  .admin--login .form--area > h1 img{max-width:60%;}
  .admin--login .form--area .login--form{margin:20px 0px 10px;}
  .admin--login .form--area .login--form dd{flex:0 0 70px;margin-left:5px;}
  .admin--login .sbtn{padding:3px 5px;font-size:10px;}

  .nomember--write .stit{font-size:12px;margin-right:2px; }
  .nomember--write .input-w{width:90px;}

}

/*mobile 280 이하 */
@media all and (max-width:280px){
  #header .logo_m{width:110px; min-height:40px;background-size:110px auto;}
  #tab_cate li a {padding:0 10px;font-size:12px;}

  .c-group .input-s1{flex:0 0 50px;}

  .board--del > p{font-size:13px;}
  .board--secret > p{font-size:13px;}

  .nomember--write .input-w{width:70px;}

}



/* **************************************** *
 * height 
 * **************************************** */
  
  @media(max-width: 540px) and (height: 720px){

  }
  
  @media(min-width: 375px) and (max-height: 667px){

      
  }
  
  @media(width: 280px) and (max-height: 653px){

  }