@charset "utf-8";
/* CSS Document */


/*대구팝업수정*/
#hd_pops_84{display: none;}


/*구글 캡차*/
.g-recaptcha{text-align: center;padding: 30px 0;}
.g-recaptcha > div{display: inline-block;}

/*기본화면-제일 작은 너비값*/


#wrap{width:100%; min-width:320px;}

/*헤더*/
#header{
    width: 100%;
    position: fixed;
    height: 70px;
    z-index: 200;
    background:  #fff;
    top: 0;
    left: 0;
}


.logo{padding: 14px 16px;}
.logo a{display:block;width: 253px;height: 41px;background:url(../img/logo.png) no-repeat;text-indent: -9999px;background-size: 100px auto;}
#headerin{
    width: 100%;
}
.gnb{display:  none;}
.utill{display:  none;}
.sns{display:  none;
}
.btnMenu{
    position:absolute;
    top:0;
    right:0;
    display:block;
    padding: 28px 18px;
}
.btnMenu span{
    display:block;
    width: 25px;
    height:2px;
    background: #6d6e70;
    text-indent:-9999px;
    margin:4px 0;
}
.btnMenu:before, .btnMenu:after{
    content:"";
    display:block;
    width: 25px;
    height:2px;
    background: #6d6e70;
}

/*모바일메뉴*/

.logo_m{display:block;width: 100%;height: 77px;background: #fff url(../img/logo.png) no-repeat;text-indent: -9999px;background-size: 119px auto;background-position: 15px 13px;}

.mobile_menu{position: fixed;top: 0;bottom:  0;left: -100%;width:  100%;height:  100%;background: #39b8ab;z-index: 1000;border : 1px solid #c9c9c9;text-align : center;transition: All 0.2s ease;-webkit-transition: All 0.2s ease;-moz-transition: All 0.2s ease;-o-transition: All 0.2s ease;overflow-y: hidden;overflow: hidden;}
.mobile_menu.open {
    left: 0px;
}
.m_container{
    position:  absolute;
    top: 0;
    left:  0;
    width:100%;
    height:100%;
    /* overflow-y: scroll; */
    -webkit-overflow-scrolling: touch;
    overflow: auto;
    overflow-x: hidden;
}
.mo_tlt{position:relative;}
.m_row{padding: 15px 0 15px;background: #fff;margin-top: -1px;}
.m_row:after{content:"";
    display:block;
    clear:both;}
.m_row li{
    width: 50%;
    float:  left;
    text-align:  center;
    padding: 3px 2px 0px 2px;
}
.m_ico05 a{background: #f9cc66 !important;}
.m_ico05 span{/* border: none !important; */border: 1px solid #f9cc66 !important;}
.m_row li a{display:block;background: #f1f1f1;}
.m_row li a:before{
    /* content:""; */
    display: inline-block;
    background-repeat:no-repeat;
    background-color:  #f9cc66;
    width:  80px;
    height:  80px;
    border-radius: 50%;
    background-size: 48px auto;
    background-position: center 14px;
    background: none;
}
.m_row li a span{
    display: inline-block;
    width:  100%;
    font-size: 16px;
    border: 1px solid #e1e1e1;
    padding: 10px;
}
.m_row li.m_ico01 a:before{background-image:url(../img/m_ico_01.png);}
.m_row li.m_ico02 a:before{background-image:url(../img/m_ico_02.png);background-position: 15px 16px;}
.m_row li.m_ico03 a:before{background-image:url(../img/m_ico_03.png);}
.m_row li.m_ico04 a:before{background-image:url(../img/m_ico_04.png);}
.m_row li.m_ico05 a:before{background-image:url(../img/m_ico_05.png);background-position: 15px 17px;}
.n_gnb{
    background:  #39b8ab;
}

.n_gnb{}
.n_gnb dl{}
.n_gnb dt{background:url(../img/ac_off_02.png) no-repeat;color:  #fff;padding: 15px 20px;font-size: 18px;background-position: 95% center;text-align:  left;border-bottom: 1px solid #fff;}
.n_gnb dt.on{background:url(../img/ac_on_02.png) no-repeat;background-position: 95% center;}
.n_gnb dd{display:none;margin-bottom: 0px;}
.n_gnb dd a{
    display:  block;
    background: #fff;
    padding: 14px 0;
    border-bottom:  1px solid #e1e1e1;
    font-size: 16px;
    text-align:  left;
    padding-left: 20px;
}
.closeSide{background:url(../img/xxx.png) no-repeat;text-indent: -9999px;display:  block;position:  absolute;width: 30px;height:  30px;top: 20px;right: 20px;}


fieldset{text-align: center !important;}
/*메인슬라이더*/

.mainSlider{
    width: 100%;
    position: relative;
    padding-top: 70px;
}
.mo_img{
    padding-top: 40%;
    background: #812ca5;
}
.mo_img img{width:100%}
.mainSlider .s_bg{
    position:  relative;
}

.text_box{}
.text_box ul{position:  absolute;top: 30px;left: 26px;}
.text_box li{
    color: #fff;
    margin-bottom: 16px;
}
.text_box .a01{
    font-size: 8vw;
    font-weight:  600;
    line-height: 11vw;
    opacity: 0;
    word-break: keep-all;
}
.text_box .a01 br{display:none;}
.text_box .a02{
    font-size: 5vw;
    line-height: 8vw;
    opacity: 0;
    word-break: keep-all;
}
.text_box .a02 br{display:none;}
.text_box .a03{opacity:  0;}

.text_box .a03 a{display:  block;color:#fff;font-size:  19px;border:  5px solid #fff;width:  243px;height:  53px;text-align: center;line-height: 44px;}



.mainSlider .bx-controls-direction{
    display: none;
}
.mainSlider .bx-pager{position:absolute;bottom: 331px;z-index: 100;width: 100%;text-align: center;}
.mainSlider .bx-pager .bx-pager-item{
    display: inline-block;
    margin: 0 4px;
}
.mainSlider .bx-pager .bx-pager-item a{
    display:block;
    width: 8px;
    text-indent: -9999px;
    height: 8px;
    /* background: rgba(255,255,255,0.5); */
    border-radius: 50%;
    border: 2px solid #fff;
}
.mainSlider .bx-pager .bx-pager-item .active{background: #fff;}
.mainSlider .bx-pager .bx-pager-item a:hover{background: #fff;}











/*메인컨텐츠*/

#content{}

#content:after{
    content:"";
    display:block;
    clear:both;
}

.main_row_01_wrap{
    background: #ffb814;
}
.main_row_01{padding: 20px 0px 20px;}

h3.tlt02{
    text-align:  center;
    color: #fff;
    font-size: 40px;
    font-weight: 800;
    line-height: 45px;
}
.e01{
    font-size:  16px;
    color:  #fff;
    margin: 24px auto 25px;
    text-align:  center;
    display: none;
}
.s_banner{}
.s_banner ul{
    text-align:  center;
}
.s_banner li{
    width: 100%;
    height: 160px;
    position: relative;
    display: block;
    padding:  10px;
    margin-bottom: 10px;
}

.s_banner li:last-child:after{display:none;}
.s_banner a{
    display:block;
    width: 100%;
    height: 160px;
    overflow: hidden;
    /* border-radius: 50%; */
    position: relative;
}
.s_banner i{
    background:  rgba(0,0,0,0.5);
    display:  block;
    position:  absolute;
    top: 0;
    left:  0;
    width:  100%;
    height:  100%;
    z-index: 2;
}
.s_banner p{
    position: absolute;
    color:  #fff;
    text-align:  center;
    width:  100%;
    font-size:  20px;
    font-weight:  bold;
    top: 29px;
    z-index:  2;
}
.s_banner p:after{
    content:"GO";
    display:block;
    width:  50px;
    height:  50px;
    background: #ffb814;
    line-height:  50px;
    border-radius:  50%;
    position:  absolute;
    top: 58px;
    left:  50%;
    margin-left: -25px;
}
.s_banner span{
    display:  block;
    font-size:  18px;
    margin-top: 4px;
    font-weight: 400;
}
.s_banner li img{
    width:100%; height:100%;
    transition: all 0.5s;}
.s_banner li:hover  img{
    transform: scale(1.5);
    transition: all 0.5s;}



.main_row_02_wrap{
}
.main_row_02_wrap .pc{
    display:none;
}
.main_row_02_wrap .mobile img{width:100%}






.main_row_03_wrap{
    background: #00a796;
}
.main_row_03{

    padding: 10px 10px 0px;
}
.n_thum{text-align:center;}
.n_thum li{width: 100%;display:  inline-block;margin-bottom: 15px;}
.n_thum a{
    display:  block;
}
.n_thum a i{background:rgba(0,0,0,0.8);display: none;position:  absolute;width:  100%;height:  100%;color: #fff;text-align:  center;line-height: 295px;font-style:  normal;font-size:  20px;letter-spacing: 2px;z-index:2;opacity:0;}
.n_thum a:hover i{opacity:1;  transition: all 0.5s;}
.n_thum p{
    width: 100%;
    height: 220px;
    overflow: hidden;
    position:  relative;
}
.n_thum span{font-size: 18px;color:#fff;margin-top: 14px;display:  block;white-space:  nowrap;overflow:  hidden;text-overflow:  ellipsis;}
.n_thum li img{
    width:100%; height:100%;
    transition: all 0.5s;}
.n_thum li:hover  img{
    transform: scale(1.5);
    transition: all 0.5s;}

.main_row_04{
    padding: 31px 10px;
}
.main_row_04 h3{color:#444;word-break: keep-all;}
.main_row_04 .e01{color:#444;}
.m_wrap{}









/*서브*/
#sub_content{
    width: 100%;
}
#sub_content:after{
    content:"";
    display:block;
    clear:both;
}
.sub_visual{
    width:100%;
    height: 170px;
    padding-top: 70px;
    background: url(../img/sub_visual.jpg) no-repeat;
    background-position: center 34px;
}
.sub_content{padding: 0px 10px 60px;}


h4.tlt{
    text-align:  center;
    font-size:  26px;
    margin-top: 40px;
    margin-bottom: 60px;
    font-weight: 800;
    position: relative;
    color: #444;
}
h4.tlt:after{
    content:"";
    display:block;
    width: 88px;
    height:5px;
    background: #38b8ab;
    position:  absolute;
    top: 42px;
    left:  50%;
    margin-left: -44px;
}
.od_wrap{
    width: 100%;
    margin: 0 auto;
    font-family: 'Noto Sans KR', sans-serif;
}
.od_wrap:after{
    content:"";
    display:block;
    clear:both;
}
.od_wrap ul{}
.od_wrap ul:after{
    content:"";
    display:block;
    clear:both;
}
.delivery_info{font-size: 18px; text-align: center; line-height: 30px;}
.o_tlt01{
    font-family: 'Noto Sans KR', sans-serif;
    font-size:  18px;
    color:  #535353;
    margin-bottom: 20px;
}
.o_tlt01:before{
    content:"";
    display:inline-block;
    width:30px;
    height: 40px;
    background:url(../img/ico.png) no-repeat;
    margin-right:  2px;





    position:  relative;
    top: 2px;
}

/*아코디언*/
.accordion .set{margin-bottom:10px;position:  relative;}
.accordion .set > a {
    color: #555;
    display: block;
    font-size: 17px;
    font-weight: normal;
    padding: 16px 0px 16px 15px;
    position: relative;
    text-decoration: none;
    transition: all 0.2s linear 0s;
    cursor: pointer;
    /* background-color: rgba(58, 183, 149, 0.5); */
    background-color: #38b8ab;
    font-family: 'Noto Sans KR', sans-serif;
    font-weight: 400;
    color: #fff;
    padding-right: 47px;
}
.accordion .set > a:focus {
    outline: 0;
}
.accordion .set > a:hover {
    background-color: rgba(58, 183, 149, 0.7);
}
.accordion .set > a.active {
}
.accordion .set > a i {
    display:inline-block;
    width:35px;
    height:35px;
    background:url(../img/ac_off.png) no-repeat;
    position:  absolute;
    top: 50%;
    right: 10px;
    margin-top: -16px;
}

.accordion .set > a.active i {
    display:inline-block;
    width:35px;
    height:35px;
    background:url(../img/ac_on.png) no-repeat;
}
.accordion .content {
    background-color: rgba(255, 255, 255, 0.8);
    display: none;
}

/*아코디언*/

/*주문*/
.accordion .content ul{
    padding: 10px 0px;
}
.accordion .content ul:after{
    content:"";
    display:block;
    clear:both;
}

.pro{
    width: 100%;
    height:  45px;
    border:  1px solid #d6d6d6;
    font-family: 'Noto Sans KR', sans-serif;
    cursor: pointer;
    float:  left;
    margin-bottom: 10px;
    position:  relative;
}

.pro:nth-child(odd){margin-right: 1%;}
.pro.active{background:#f4f4f4;}
.pro i{background: url(../img/che_off.png) no-repeat;width: 25px;height: 25px;float:  left;margin-top:  10px;margin-left: 12px;display: none;}
.pro.active i{background: url(../img/che_on.png) no-repeat;display:  block;width:  25px;height:  25px;}
.pro p{
    float:  left;
    /* margin-top: 10px; */
    line-height:  45px;
    /* width: 19%; */
    padding-left: 9px;
    color:  #6d6e70;
    overflow:  hidden;
    white-space:  nowrap;
    text-overflow:  ellipsis;
    font-size:  14px;
    letter-spacing: -1px;
}
.pro span{
    display:  block;
    float: left;
    line-height: 45px;
    width: 67px;
    margin-right: 8px;
    color:  #ffb400;
    font-weight: 600;
    text-align:  right;
    letter-spacing: -1px;
}
.pro02{width: 49%;height: 303px;position: relative;text-align:  center;margin-right: 1%;}
.pro02:nth-child(4){/* margin-right:0px; */}
.pro02 i{
    position: absolute;
    top: 5px;
    left: 5px;
}
.pro02 p{
    float:  none;
    display:  inline-block;
    width:  100%;
    text-align:  center;
    line-height: 17px;
    margin-top: 10px;
    padding:  0px;
    padding-left:  0px  !important;
}
.pro02 img{
    width:  124px;
    height:  162px;
    display:  inline-block;
    margin-top: 30px;
}
.pro02 span{
    float:  none;
    display:  inline-block;
    line-height: 16px;
    margin-right: 0px;
    width:  auto;
}
.pro02 .buy_num_count{
    float:  none;
    width: 69px;
    margin: 9px auto;
}
.mm{float:right;}
.buy_num_count{margin-top: 8px;}
.buy_num_count:after{
    content:"";
    display:block;
    clear:both;
}
.buy_num_count input {width: 32px;border: 1px solid #ccc;height: 30px;box-sizing: border-box;text-align: center;line-height: 30px;margin-left: -1px;}
.buy_num_count >* {float: left;}
.buy_num_count a {width: 20px;height: 30px;border: 1px solid #ccc;box-sizing: border-box;text-align: center;line-height: 30px;font-size: 21px;background:  #fff;font-family: 'NanumSquareRound', 'Noto Sans KR', sans-serif;margin-left: -1px;}
.pro03 .buy_num_count{
    float:  right;
    margin-right: 5px;
}
.total_cost{
    width:  100%;
    border: 1px solid #d6d6d6;
    background: #f4f4f4;
    text-align:  center;
}
.total_cost p{
    display:  inline-block;
}
.total_cost span{
    display:  inline-block;
    width: 78px;
    margin-right: 8px;
    color: #ffb400;
    font-weight: 600;
    text-align: right;
}
.total_cost .row_01{
    padding: 23px 0;
}
.total_cost .p_01{
    display: none;
}
.total_cost .span_01{
    font-weight: normal;
    font-size: 13px;
    color: #6d6e70;
    text-align: center;
    width: 100%;
    display: none;
}
.total_cost .sale_price{
    font-weight: normal;
    font-size: 13px;
    color: #38b8ab;
    width: 60px;
}
.m01{margin-top: 30px;}

.btn01{background:#ffb400;color:#fff;width:  150px;height:  43px;display:  block;text-align:  center;line-height:  43px;margin: 50px auto 0;border: none;}
.buy_cnt{
    padding-left: 0px !important;
}




/*셀렉트 박스*/
.selectBox {position:relative;display: inline-block;width: 96px;height: 43px;background: url('../img/arr.png') 92% center no-repeat;background-color:#fff;/* float: left; */box-sizing: border-box;margin-right: 0px;}
.selectBox .txt {display:block;width: 100%;height: 43px;padding-left:10px;line-height: 39px;border: 1px solid #d6d6d6;text-align:left;box-sizing: border-box;border-radius: 2px;}
.selectBox label {overflow:hidden;position:absolute;width:0;height:0;line-height:0;text-indent:-9999px}
.selectBox select {
    position:absolute;
    left:0;
    top: 0px;
    display:block;
    width: 100%;
    padding-left:10px;
    height: 36px;
    opacity:0;
    filter: alpha(opacity=0);

    z-index:10;
    appearance:none; /* 기본 스타일 없애기 */
    -webkit-appearance:none;
    -moz-appearance:none;
    -o-appearance:none;
    box-sizing: border-box;
}


.sel01{
    width: 100%;
}

/*결제*/

.od_wrap input{padding-left:10px;}
.p_left{width: 100%;}
.pr_wrap{}
.privacy{
    width: 100%;
    height: 80px;
    border: 1px solid #d6d6d6;
    border-radius: 2px;
    margin-bottom: 7px;
}
#agree{width: 20px;height: 20px;vertical-align: bottom;margin-right: 5px;margin-left: 0px;}
#agree2{width: 20px;height: 20px;vertical-align: bottom;margin-right: 5px;margin-left: 0px;}
.o1 li{}
.o1 > li > span{
    display:  block;
    font-size:  16px;
    margin-bottom: 7px;
    margin-top: 14px;
}
.input01{
    width:  100%;
    height: 43px;
    border: 1px solid #d6d6d6;
    border-radius: 2px;
    padding-left: 10px;
}
.input01_1{margin-top:7px}


.input02{
    height: 43px;
    border: 1px solid #d6d6d6;
    border-radius: 2px;
    width: 98px;
    padding-left: 10px;
}
.input03{
    height: 43px;
    border: 1px solid #d6d6d6;
    border-radius: 2px;
    width: 64%;
    margin-right: 1%;
    padding-left: 10px;
}
.input05{
    height: 43px;
    border: 1px solid #d6d6d6;
    border-radius: 2px;
    width: 93%;
    margin-bottom: 5px;
    padding-left: 10px;
}
.input06{
    height: 43px;
    border: 1px solid #d6d6d6;
    border-radius: 2px;
    width: 100%;
    /* margin-right: 4px; */
    margin-bottom: 3px;
    padding-left: 10px;
}
.o1 > li > b{font-weight:normal;width: 7%;}
.o1 textarea{
    width: 100%;
    height: 108px;
    border: 1px solid #d6d6d6;
    border-radius: 2px;
    font-family: 'Noto Sans KR', sans-serif;
    padding: 10px;
    box-sizing:  border-box;
    /* margin-bottom: 20px; */
}
.nt{
    margin-top: 20px;
}
.btn02{
    width: 35%;
    height: 43px;
    background:  #38b8ab;
    display:  inline-block;
    line-height: 43px;
    text-align:  center;
    color:  #fff;
    vertical-align:  bottom;
}
.btn03{
    background-color:  #f4f4f4;
    display:  inline-block;
    height: 43px;
    line-height: 43px;
    width: 100%;
    border: 1px solid #d6d6d6;
    background:url(../img/arr_g.png) no-repeat;
    background-position: 35% 17px;
    padding-left: 10px;
    vertical-align: bottom;
    text-align:  center;
}

.p_rignt{
    width: 100%;
    margin-top: 30px;
}
.pay_wrap{}

.pay_wrap .pro{width:100%;margin-right:  0px;}
.o1 .dd:after{
    content:"";
    display:block;
    clear:both;
}
.o1 .dd input{margin-bottom:5px; float:left;}
.o1 .dd a{margin-bottom:5px; float:left;}

.ll:after{display:block; clear:both; content:"";}
.ll input{float:left;margin-left: 4px;}
.ll .selectBox{float:left;}


.p_box{
    background: #f4f4f4;
    border: 1px solid #d6d6d6;
    padding: 10px 20px;
    margin-bottom: 10px;
    margin-top: 6px;
}
.p01{
    border-bottom: 1px solid #dddddd;
    padding: 0px 0px 20px;
}
.p01:after{
    content:"";
    display:block;
    clear:both;
}
.p01 dt{
    float:  left;
    width:  50%;
    margin-bottom: 5px;
}
.p01 dd{
    float:  right;
    width:  50%;
    text-align:  right;
    margin-bottom: 5px;
}
.p01 .yy{
    color: #ffb400;
    font-weight: 600;
}
.p02{
    padding: 15px 0px;
}
.p02:after{
    content:"";
    display:block;
    clear:both;
}
.p02 dt{
    float:  left;
    font-weight: 600;
}
.p02 dd{
    float:  right;
    text-align:  right;
    color: #ffb400;
    font-weight: 600;
    font-size: 22px;
}
.p02 dd span{display:block;font-weight: 400;color:  #444;font-size: 13px;margin-top: 5px;}

.p03{
    padding: 10px 0 0;
    text-align: center;
    color: orangered;
}
.point{
    border-bottom: 1px solid #dddddd;
    padding: 15px 0px 0px;
}
.point dt{
    float:  left;
}
.point:after{
    content:"";
    display:block;
    clear:both;
}
.point dd{
    float:  right;
    text-align:  right;
}
.input04{
    border: 1px solid #d6d6d6;
    width:  98px;
    height:  30px;
}
.point span{
    font-style:  normal;
    font-size: 13px;
    display:  block;
    margin-bottom: 13px;
}
.point i{
    font-style:  normal;
    color: #38b8ab;
}
.p_box02{
    border: 1px solid #d6d6d6;
    padding: 15px 20px;
    margin-top: 6px;
}

.btn04{background:#ffb400;color:#fff;width: 100%;height: 52px;display:  block;text-align:  center;line-height: 52px;margin: 13px auto 0;font-size: 18px;}



/*서브네비*/
.pageNavi{}
.pageNavi ul{
    text-align:  center;
}
.pageNavi li{
    display: inline-block;
    margin-left: -5px;
}
.pageNavi li a{
    width: 109px;
    border:  1px solid #3fbbae;
    display:  inline-block;
    text-align:  center;
    line-height: 40px;
    color: #3fbbae;
    background:  #fff;
    /* padding: 5px 10px; */
    font-size: 15px;
    letter-spacing: -1px;
}
.pageNavi li a:hover{
    background: #3fbbae;
    color:  #fff;
}
.sub01 .pageNavi li a{
    width: 80px;
}
.pageNavi .on{}
.pageNavi .on a{
    background: #3fbbae;
    color:  #fff;
}
.pageNavi.down{
    position:  fixed;
    z-index: 2;
    width:  100%;
    top: 70px;
    background: #fff;
    border-top:  1px solid #e1e1e1;
    border-bottom: 1px solid #e1e1e1;
}
.down a{border-top: none !important;border-bottom: none !important;}


/*세탁과정*/

.process{
    padding: 0 10px;
}
.process li{}
.process .img{}
.process .img img{width:100%}
.process .txt{
    font-size:  16px;
    padding: 20px;
}
.process .txt span{display:block;font-size:  20px;color: #444;font-weight:  bold;margin-bottom: 10px;}

/*푸터*/

#footer{
    background:  #0a0a0a;
}
.footerIn{width:  100%;padding: 0px 10px;}
.f_logo{
    text-align:  center;
    padding: 50px 0px 45px;
}
.f_logo a{background:url(../img/main_footer_logo.png) no-repeat;display:  inline-block;width:  119px;height:  45px;background-size: 119px auto;text-indent:  -9999px;}
.f_info{
    border-top:  1px solid #464646;
    border-bottom:  1px solid #464646;
    padding: 35px 0;
}
.f_info ul{}
.f_info ul:after{
    display:block;
    content:"";
    clear:both;
}
.f_info li{
    color:  #fff;
    text-align:  center;
    width: 100%;
    float:  left;
    background-position: center 0 !important;
    padding-top: 36px;
    margin-bottom: 30px;
}
.f_info li:nth-child(1){background:url(../img/ico01.jpg) no-repeat;}
.f_info li:nth-child(2){background:url(../img/ico02.jpg) no-repeat;}
.f_info li:nth-child(3){background:url(../img/ico03.jpg) no-repeat;}
.f_info a{
    color:  #fff;
}
.f_info span{
    display: block;
    font-weight: 800;
    margin-bottom: 10px;
}
.f_sns{
    text-align:  center;
    padding: 40px 0;
}
.f_sns a{
    display:  inline-block;
    vertical-align: middle;
    padding: 0px 5px;
}
.ad{
    color: #fff;
    text-align:  center;
    line-height: 22px;
    font-size: 13px;
}
.ad span{
    display: block;
}
.copy{
    color:  #fff;
    text-align:  center;
    line-height: 22px;
}
.f_banner{
    text-align:  center;
    padding: 40px 0;
}
.f_banner ul{
}
.f_banner li{width:275px;margin: 10px auto;}

.f_banner li img{width:100%;}














a#MOVE_TOP_BTN {
    position: fixed;
    right: 2%;
    bottom: 50px;
    display: none;
    z-index: 999;
    /* width: 70px; */
    /* height: 70px; */
    /* background: #48505c; */
    color: #fff;
    border-radius:50%;
    line-height: 70px;
    text-align:center;
}



/*게시판*/

#bo_sch legend {
    position: absolute;
    margin: 0;
    padding: 0;
    font-size: 0;
    line-height: 0;
    text-indent: -9999em;
    overflow: hidden;
}
legend {
    border: none;
}

.msg_sound_only, .sound_only {
    display: inline-block !important;
    position: absolute;
    top: 0;
    left: 0;
    margin: 0 !important;
    padding: 0 !important;
    font-size: 0;
    line-height: 0;
    border: 0 !important;
    overflow: hidden !important;
}

.frm_input{
    border: 1px solid #d6d6d6;
    width: 146px;
    height: 35px;
    vertical-align: top;
}
/*.btn_submit{*/
/*background: #444;*/
/*color: #fff;*/
/*width:  50px;*/
/*border:  none;*/
/*height: 35px;*/
/*vertical-align:  top;*/
/*}*/
.sel02{
    height: 35px;
}
.sel02 .txt{height: 35px;}
.paging{
    text-align:  center;
    margin-top: 15px;
}
.paging a{display:  inline-block;width: 30px;height: 30px;border:  1px solid #e1e1e1;background-position: center !important;line-height: 30px;vertical-align: text-bottom;text-align:  center;font-weight:  bold;}
.paging a.on{background:#444; color:#fff;}
.paging .btn_first{background:url(../img/par01.png) no-repeat;}
.paging .btn_last{background:url(../img/par04.png) no-repeat;}
.paging .btn_prev{background:url(../img/par02.png) no-repeat;margin-right: 10px;}
.paging .btn_next{background:url(../img/par03.png) no-repeat;margin-left: 10px;}


/*회원페이지*/


.signup_wrap{}
.signup_steps{
    margin-bottom:  20px;
}
.signup_steps:after{
    content:"";
    display:block;
    clear:both;

}
.signup_steps li{
    width: 100%;
    background:  #e1e1e1;
    /* padding: 15px; */
    font-size: 16px;
    margin-bottom: 2px;
    /* line-height: 41px; */
    padding: 13px 14px 7px;
}
.signup_steps li span{display: inline-block;/* font-size: 18px; */margin-bottom: 8px;font-weight:  bold;margin-right: 10px;}
.signup_steps li.on{background:#6d6e70;color: #fff; */}
.signup_container{}
.ta01{display:block;margin-bottom:10px;padding:5px;width: 100%;height:150px;border:1px solid #e9e9e9;background:#f7f7f7;}


.tbl_head01 {margin:0 0 10px}
.tbl_head01 table{width:100%; border-collapse:collapse}
.tbl_head01 caption {padding:0;font-size:0;line-height:0;overflow:hidden}
.tbl_head01 thead th {padding:12px 0;border-top:1px solid #d1dee2;border-bottom:1px solid #d1dee2;background:#e5ecef;color:#383838;font-size:0.95em;text-align:center;letter-spacing:-0.1em;}
.tbl_head01 thead a {color:#383838}
.tbl_head01 thead th input {vertical-align:top} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
.tbl_head01 tfoot th, .tbl_head01 tfoot td {padding:10px 0;border-top:1px solid #c1d1d5;border-bottom:1px solid #c1d1d5;background:#d7e0e2;text-align:center}
.tbl_head01 tbody th {padding:8px 0;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9}
.tbl_head01 td {padding:8px 5px;/* border-top:1px solid #e9e9e9; */border-bottom:1px solid #e9e9e9;line-height:1.5em;word-break:break-all;}
.tbl_head01 a {}


.singup{
    border-top: 1px solid #444;
}
.singup li{
    margin-top: 10px;
    border-bottom:  1px solid #e1e1e1;
    padding-bottom: 10px;
}
.singup .th{
    margin-bottom: 10px;
    background:url(../img/arr.jpg) no-repeat;
    padding-left: 23px;
    background-position:  0 center;
}
.singup .td{}
.singup .td:after{
    content:"";
    display:block;
    clear:both;
}
.input08{
    width: 100%;
    height: 43px;
    border: 1px solid #d6d6d6;
    border-radius: 2px;
    margin-bottom: 8px;
    padding-left: 10px;
}
.input09{
    width: 100%;
    height: 43px;
    border: 1px solid #d6d6d6;
    border-radius: 2px;
    /* margin-bottom: 8px; */
    padding-left: 10px;
}
.singup .input03{
    width:  100%;
    margin-bottom: 7px;
}
.singup .input01{
    /* margin-top: 7px; */
}
.singup .btn02{
    width: 100%;
}
.singup .input02{
    margin-bottom: 5px;
}
.e1{
    font-style:  normal;
    color: #999;
    font-size: 13px;
    margin-top: 5px;
    display:  block;
}
.e1 br{display:none;}
.e2{
    font-style:  normal;
    color: #999;
    font-size: 13px;
    margin-top: 5px;
    display:  block;
    float:  left;
    width:  100%;
}

/*로그인페이지*/

.login_wrap{
    padding: 0px 10px;
}
.login_wrap:after{
    content:"";
    display:block;
    clear:both;
}
.login_wrap .tlt03{}
.input07{
    width:  100%;
    height: 43px;
    border: 1px solid #d6d6d6;
    border-radius: 2px;
    margin-bottom: 10px;
    padding-left: 10px;
}
.btn05{background:#ffb400;color:#fff;width: 100%;height: 43px;display: block;text-align:  center;line-height: 43px;font-size: 16px;float:  left;margin-bottom: 10px;}
.btn06{background: #6d6e70;color:#fff;width: 49%;height: 43px;display:  block;text-align:  center;line-height: 43px;font-size: 16px;float:  left;margin-right: 2%;}
.btn07{background: #38b8ab;color:#fff;width: 49%;height: 43px;display:  block;text-align:  center;line-height: 43px;font-size: 16px;float:  left;}
.e02 {
    font-size: 16px;
    color: #444;
    margin: 24px auto 25px;
    text-align: center;
}

.be_login_wrap{
    width: 400px;
    margin: 40px auto;
    border-top:  1px solid #e1e1e1;
    padding-top: 40px;
}
.be_login_wrap span{
    display:  block;
    font-weight:  bold;
}
.be_login_wrap i{
    font-style: normal;
    margin-top:  10px;
    display:  block;
    margin-bottom: 15px;
    color: #888;
}





/*주문확인*/

.od_wrap02{}
.od_list{
    border-top: 2px solid #444;
}
.od_list > li{
    padding:  10px 0px;
    border-bottom: 1px solid #e1e1e1;
}
.od_list a{}
.od_box{
    background:url(../img/od_arr.png) no-repeat;
    background-position: 98% center;
    background-size: 15px;
    padding: 5px 10px;
}
.od_box li{
    font-size: 14px;
    color: #aaa;
}
.od_box li span{display:inline-block;margin-right:5px;width: 59px;color: #888;}
.od_box .tlt{
    font-weight:  bold;
    font-size:  16px;
    color:  #444;
    margin-bottom: 5px;
}
.od_box .num{}
.od_box .date{}
.od_box .pay{}
.od_box .sta{}

.pro_list{
    border-top: 2px solid #444;
    margin-bottom: 30px;
}
.list{}
.list dl{
    border-bottom:  1px solid #e1e1e1;
    padding: 15px 0px;
}
.list dl:last-child{border-bottom:0px;}
.list dl:after{
    content:"";
    display:block;
    clear:both;
}
.list dt{
    float:  left;
    width: 50%;
    padding: 10px 0px;
}
.list dd{
    float:  right;
    width:  50%;
    text-align:  right;
    padding: 10px 0px;
}
.pay_box{}
.pay_box dl{
    background: #f4f4f4;
    border: 1px solid #d6d6d6;
    padding: 10px 20px;
}
.pay_box dt, .pay_box dd{line-height: 25px;}
.pay_box dl:after{
    content:"";
    display:block;
    clear:both;
}
.pay_box dt{
    float:  left;
    width:  50%;
    padding: 5px 0px;
}
.pay_box dd{
    float:  right;
    width:  50%;
    text-align:  right;
    padding: 5px 0px;
}
.pay_box .b{
    color: #ffb400;
    font-weight: bold;
    font-size: 22px;
}
.pay_box .r{border-top:1px solid #e1e1e1;padding-top: 15px;margin-top: 15px;}
.pay_box .p{color: #38b8ab;}
.tb01{
    border-top: 1px solid #444;
    margin-bottom: 30px;
    width: 100%;
}
.tb01 th{
    background: #f4f4f4;
    width:  30%;
    text-align:  center;
    padding:  10px;
    border-bottom: 1px solid #e1e1e1;
}
.tb01 td{
    border-bottom: 1px solid #e1e1e1;
    padding: 10px;
}

.ol_wrap{
    width: 100%;
    margin-bottom: 30px;
}

@media screen and (min-width:768px){

    #wrap{width:100%;}

    /*헤더*/
    #header{height: 70px;border-bottom: 1px solid #e1e1e1;}
    #header:hover{
        background:#fff;
        border-bottom: 1px solid #fff;
    }

    .logo{
        padding: 14px 16px;
    }
    .logo a{display:block;width:253px;height: 41px;background:url(../img/logo.png) no-repeat;text-indent: -9999px;background-size: 100px auto;}
    #headerin{
    }


    /*메인슬라이더*/

    .mainSlider{
        width: 100%;
        position: relative;
        padding-top: 83px;
    }

    .mainSlider .s_bg{background:url(../img/main_img01_deagu.jpg) no-repeat center 0; width:100%; height:511px;}
    .mo_img {display:none;
    }
    .text_box{width: 1200px;margin:0 auto;}
    .text_box ul{
        position:  relative;
        top: 0;
        left:  0;
    }
    .text_box li{
        color: #fff;
    }
    .text_box .a01{
        font-size: 48px;
        font-weight:  600;


        line-height: 57px;
        position:  relative;
        top: 200px;
        left: 80px;
        display:  none;
        opacity:  0;
    }
    .text_box .a01 br{display:block;}
    .text_box .a02{
        font-size:  17px;
        line-height: 24px;
        position:  absolute;
        top: 320px;
        left: 80px;
        display:  none;
        opacity: 0;
        word-break: normal;
    }
    .text_box .a02 br{display:block;}
    .text_box .a03{position: absolute;top: 320px;left: -20px;display:  none;opacity: 0;}
    .text_box .a03 a{display:  block;color:#fff;font-size:  19px;border:  5px solid #fff;width:  243px;height:  53px;text-align: center;line-height: 44px;}



    .mainSlider .bx-controls-direction{
        display: none;
    }
    .mainSlider .bx-pager{position:absolute;bottom: 331px;z-index: 100;width: 100%;text-align: center;}
    .mainSlider .bx-pager .bx-pager-item{
        display: inline-block;
        margin: 0 4px;
    }
    .mainSlider .bx-pager .bx-pager-item a{
        display:block;
        width: 8px;
        text-indent: -9999px;
        height: 8px;
        /* background: rgba(255,255,255,0.5); */
        border-radius: 50%;
        border: 2px solid #fff;
    }
    .mainSlider .bx-pager .bx-pager-item .active{background: #fff;}
    .mainSlider .bx-pager .bx-pager-item a:hover{background: #fff;}











    /*메인컨텐츠*/

    #content{}

    #content:after{
        content:"";
        display:block;
        clear:both;
    }

    .main_row_01_wrap{
        background: #ffb814;
    }
    .main_row_01{width: 100%;padding: 70px 20px 80px;}

    h3.tlt02{
        text-align:  center;
        color: #fff;
        font-size: 40px;
        font-weight: 800;
    }
    .e01{
        font-size:  16px;
        color:  #fff;
        margin: 24px auto 45px;
        text-align:  center;
        display:  block;
    }
    .s_banner{}
    .s_banner ul{
        text-align:  center;
    }

    .s_banner li{
        width: 300px;
        height: 300px;
        position: relative;
        margin: 0 23px;
        display:  inline-block;
    }
    .s_banner a{
        display:block;
        width: 300px;
        height: 300px;
        overflow: hidden;
        border-radius: 50%;
        position: relative;
    }
    .s_banner i{
        background:  rgba(0,0,0,0.5);
        display:  block;
        position:  absolute;


        top: 0;
        left:  0;
        width:  100%;
        height:  100%;
        z-index: 2;
    }
    .s_banner p{
        position: absolute;
        color:  #fff;
        text-align:  center;
        width:  100%;
        font-size:  20px;
        font-weight:  bold;
        top: 103px;
        z-index:  2;
    }
    .s_banner p:after{
        content:"GO";
        display:block;
        width:  50px;
        height:  50px;
        background: #ffb814;
        line-height:  50px;
        border-radius:  50%;
        position:  absolute;
        top: 58px;
        left:  50%;
        margin-left: -25px;
    }
    .s_banner span{
        display:  block;
        font-size:  18px;
        margin-top: 4px;
        font-weight: 400;
    }
    .s_banner li img{
        width:100%; height:100%;
        transition: all 0.5s;}
    .s_banner li:hover  img{
        transform: scale(1.5);
        transition: all 0.5s;}



    .main_row_02_wrap{
        width:  100%;
        height:328px;
        background:url(../img/main_vd_bg.jpg) no-repeat center 0;
    }
    .main_row_02_wrap .pc{
        display: block;
        width:580px;
        height:  328px;
        margin:0 auto;
        display:  none;
    }
    .main_row_02_wrap .ta{
        display: block;
        width:580px;
        height:  328px;
        margin:0 auto;}
    .main_row_02_wrap .mobile{display:none;}






    .main_row_03_wrap{
        background: #00a796;
    }
    .main_row_03{
        width: 100%;
        margin: 0 auto;
        padding: 70px 0;
    }
    .n_thum{text-align:center;}
    .n_thum li{width: 30%;height:  295px;display:  inline-block;margin: 0 2px;}
    .n_thum a{
        display:  block;
    }
    .n_thum a i{background:rgba(0,0,0,0.8);display:  block;position:  absolute;width:  100%;height:  100%;color: #fff;text-align:  center;line-height: 295px;font-style:  normal;font-size:  20px;
        letter-spacing: 2px; z-index:2; opacity:0;}
    .n_thum a:hover i{opacity:1;  transition: all 0.5s;}
    .n_thum p{
        width: 100%;
        height: 295px;
        overflow: hidden;
        position:  relative;
    }
    .n_thum span{font-size: 20px;color:#fff;margin-top:  20px;display:  block;white-space: nowrap;overflow:  hidden;text-overflow: ellipsis;}
    .n_thum li img{
        width:100%; height:100%;
        transition: all 0.5s;}
    .n_thum li:hover  img{
        transform: scale(1.5);
        transition: all 0.5s;}

    .main_row_04{
        width: 100%;
        margin: 0 auto;
        padding: 50px 0;
    }

    .main_row_04 h3{color:#444;}
    .main_row_04 .e01{color:#444;}
    .m_wrap{}









    /*서브*/
    #sub_content{
        width: 100%;
    }
    #sub_content:after{
        content:"";
        display:block;
        clear:both;
    }
    .sub_visual{
        width:100%;
        height: 243px;
        padding-top: 168px;
        background: url(../img/sub_visual.jpg) no-repeat center 70px;
    }
    .sub_content{width: 768px;padding-bottom: 100px;margin: 0 auto;}


    h4.tlt{
        text-align:  center;
        font-size:  26px;
        margin-top: 40px;
        margin-bottom: 60px;
        font-weight: 800;
        position: relative;
    }
    h4.tlt:after{
        content:"";
        display:block;
        width: 88px;
        height:5px;
        background: #38b8ab;
        position:  absolute;
        top: 42px;
        left:  50%;
        margin-left: -44px;
    }
    .od_wrap{
        width: 100%;
        margin: 0 auto;
        font-family: 'Noto Sans KR', sans-serif;
    }
    .od_wrap:after{
        content:"";

        display:block;
        clear:both;
    }
    .od_wrap ul{}
    .od_wrap ul:after{
        content:"";
        display:block;
        clear:both;
    }
    .o_tlt01{
        font-family: 'Noto Sans KR', sans-serif;
        font-size:  18px;

        color:  #535353;
        margin-bottom: 20px;
    }
    .o_tlt01:before{
        content:"";
        display:inline-block;
        width:30px;
        height: 40px;
        background:url(../img/ico.png) no-repeat;
        margin-right:  2px;





        position:  relative;
        top: 2px;
    }

    /*아코디언*/
    .accordion .set{margin-bottom:10px;}
    .accordion .set > a {
        color: #555;
        display: block;
        font-size: 18px;
        font-weight: normal;
        padding: 16px 0px 16px 15px;
        position: relative;
        text-decoration: none;
        transition: all 0.2s linear 0s;
        cursor: pointer;
        /* background-color: rgba(58, 183, 149, 0.5); */
        background-color: #38b8ab;
        font-family: 'Noto Sans KR', sans-serif;
        font-weight: 400;
        color: #fff;
        letter-spacing: -0.5px;
    }
    .accordion .set > a:focus {
        outline: 0;
    }
    .accordion .set > a:hover {
        background-color: rgba(58, 183, 149, 0.7);
    }
    .accordion .set > a.active {
    }
    .accordion .set > a i {
        display:inline-block;
        width:35px;
        height:35px;
        background:url(../img/ac_off.png) no-repeat;
        position:  absolute;
        top: 8px;
        right: 10px;
        margin-top: 0px;
    }

    .accordion .set > a.active i {
        display:inline-block;
        width:35px;
        height:35px;
        background:url(../img/ac_on.png) no-repeat;
    }
    .accordion .content {
        background-color: rgba(255, 255, 255, 0.8);
        display: none;
    }

    /*아코디언*/

    /*주문*/
    .accordion .content ul{
        padding: 10px 0px;
    }
    .accordion .content ul:after{
        content:"";
        display:block;
        clear:both;
    }

    .pro{
        width: 369px;
        height:  45px;
        border:  1px solid #d6d6d6;

        font-family: 'Noto Sans KR', sans-serif;
        cursor: pointer;
        float:  left;
        margin-bottom: 10px;


    }

    .pro:nth-child(odd){margin-right:10px;}
    .pro.active{background:#f4f4f4;}
    .pro i{background: url(../img/che_off.png) no-repeat;display: block;width: 25px;height: 25px;float:  left;margin-top:  10px;margin-left: 12px;}
    .pro.active i{background: url(../img/che_on.png) no-repeat;display:  block;width:  25px;height:  25px;}
    .pro p{
        float:  left;
        /* margin-top: 10px; */
        line-height:  45px;
        width: 38%;
        padding-left: 9px;
        color:  #6d6e70;
        overflow:  hidden;
        white-space:  nowrap;
        text-overflow:  ellipsis;
    }
    .pro span{
        display:  block;
        float:  left;
        line-height: 45px;



        width: 78px;
        margin-right: 8px;
        color:  #ffb400;
        font-weight: 600;
        text-align:  right;
    }
    .pro02{width: 179px;height: 303px;position: relative;text-align:  center;margin-right: 10px;}
    .pro02:nth-child(4){/* margin-right:0px; */}
    .pro02 i{
        position: absolute;
        top: 5px;
        left: 5px;
    }
    .pro02 p{
        float:  none;
        display:  inline-block;
        width:  100%;
        text-align:  center;
        line-height: 17px;


        margin-top: 10px;
        padding:  0px;
    }

    .pro02 img{
        width:  124px;
        height:  162px;
        display:  inline-block;
        margin-top: 30px;
    }
    .pro02 span{
        float:  none;
        display:  inline-block;
        line-height: 16px;
        margin-right: 0px;
        width:  auto;
    }
    .pro02 .buy_num_count{
        float:  none;
        width: 97px;
        margin: 9px auto;
    }
    .buy_num_count{float:left;margin-top: 8px;}
    .buy_num_count:after{
        content:"";
        display:block;
        clear:both;
    }
    .buy_num_count input {width: 40px;border: 1px solid #ccc;height: 30px;box-sizing: border-box;text-align: center;line-height: 30px;margin-left: -1px;}
    .buy_num_count >* {float: left;}
    .buy_num_count a {width: 30px;height: 30px;border: 1px solid #ccc;box-sizing: border-box;text-align: center;line-height: 30px;font-size: 21px;background:  #fff;font-family: 'NanumSquareRound', 'Noto Sans KR', sans-serif;margin-left: -1px;}

    .total_cost{
        width:  100%;
        border: 1px solid #d6d6d6;
        background: #f4f4f4;
        text-align:  center;
    }

    .total_cost p{
        display:  inline-block;
    }
    .total_cost span{
        display:  inline-block;
        width: 78px;
        margin-right: 8px;
        color: #ffb400;
        font-weight: 600;
        text-align: right;
    }

    .m01{margin-top: 30px;}

    .btn01{background:#ffb400;color:#fff;width:  150px;height:  43px;display:  block;text-align:  center;line-height:  43px;margin: 50px auto 0; border: none; font-weight: bold}
    .buy_cnt{padding:0px;}




    /*셀렉트 박스*/
    .selectBox {position:relative;display: inline-block;width: 126px;height: 43px;background: url('../img/arr.png') 92% center no-repeat;background-color:#fff;/* float: left; */box-sizing: border-box;margin-right: 0px;}
    .selectBox .txt {display:block;width: 100%;height: 44px;padding-left:10px;line-height: 39px;border: 1px solid #d6d6d6;text-align:left;box-sizing: border-box;border-radius: 2px;}
    .selectBox label {overflow:hidden;position:absolute;width:0;height:0;line-height:0;text-indent:-9999px}
    .selectBox select {
        position:absolute;
        left:0;
        top: 0px;
        display:block;
        width: 100%;
        padding-left:10px;
        height: 36px;
        opacity:0;
        filter: alpha(opacity=0);
        z-index:10;
        appearance:none; /* 기본 스타일 없애기 */
        -webkit-appearance:none;
        -moz-appearance:none;
        -o-appearance:none;
        box-sizing: border-box;
    }


    .sel01{
        width: 118px;
    }
    .sel02 .txt{height:40px;}

    /*결제*/

    .od_wrap input{padding-left:10px;}
    .p_left{width: 49%;float:  left;}
    .pr_wrap{}
    .privacy{
        width: 100%;
        height: 80px;
        border: 1px solid #d6d6d6;
        border-radius: 2px;
        margin-bottom: 7px;
    }
    #agree{width: 20px;height: 20px;vertical-align: bottom;margin-right: 5px;}
    #agree2{width: 20px;height: 20px;vertical-align: bottom;margin-right: 5px;}
    .o1 li{}
    .o1 > li > span{
        display:  block;
        font-size:  16px;
        margin-bottom: 7px;
        margin-top: 14px;
    }
    .input01{
        width:  100%;
        height: 43px;
        border: 1px solid #d6d6d6;
        border-radius: 2px;
    }
    .input02{
        height: 43px;
        border: 1px solid #d6d6d6;
        border-radius: 2px;
        width: 116px;
    }
    .input03{


        height: 43px;
        border: 1px solid #d6d6d6;
        border-radius: 2px;
        width: 123px;
        margin-right: 4px;
    }
    .input05{
        height: 43px;
        border: 1px solid #d6d6d6;
        border-radius: 2px;
        width: 106px;
        /* margin-right: 4px; */
        margin-bottom: 0px;
    }
    .input06 {

        height: 43px;

        border: 1px solid #d6d6d6;

        border-radius: 2px;

        width: 118px;

        /* margin-right: 4px; */

        margin-bottom: 0px;

    }
    .o1 > li > b{font-weight:normal;}
    .o1 textarea{
        width: 100%;
        height: 108px;
        border: 1px solid #d6d6d6;
        border-radius: 2px;
        font-family: 'Noto Sans KR', sans-serif;
        padding: 10px;
        box-sizing:  border-box;
        margin-bottom: 0px;
    }
    .nt{
        margin-top: 20px;
    }
    .btn02{
        width: 113px;
        height: 43px;
        background:  #38b8ab;
        display:  inline-block;
        line-height: 43px;
        text-align:  center;
        color:  #fff;
        vertical-align:  bottom;
        margin-right: 4px;
    }
    .btn03{
        background-color:  #f4f4f4;
        display:  inline-block;
        height: 43px;
        line-height: 43px;
        width: 122px;
        border: 1px solid #d6d6d6;
        background:url(../img/arr_g.png) no-repeat;
        background-position: 18px 17px;
        padding-left: 43px;
        vertical-align: bottom;
        text-align:  left;
    }

    .p_rignt{
        width: 49%;
        float: right;
        margin-top: 0px;
    }
    .pay_wrap{}

    .pay_wrap .pro{width:100%;margin-right:  0px;}
    .o1 .dd:after{
        content:"";
        display:block;
        clear:both;
    }
    .o1 .dd input{margin-bottom:5px; float:left;}
    .o1 .dd a{margin-bottom:5px; float:left;}

    .ll:after{display:block; clear:both; content:"";}
    .ll input{float:left;margin-left: 4px;}
    .ll .selectBox{float:left;}


    .p_box{
        background: #f4f4f4;
        border: 1px solid #d6d6d6;
        padding: 10px 20px;
    }
    .p01{
        border-bottom: 1px solid #dddddd;
        padding: 0px 0px 20px;
    }
    .p01:after{
        content:"";
        display:block;
        clear:both;
    }
    .p01 dt{
        float:  left;
        width:  50%;
        margin-bottom: 5px;
    }
    .p01 dd{
        float:  right;
        width:  50%;
        text-align:  right;
        margin-bottom: 5px;
    }
    .p01 .yy{
        color: #ffb400;
        font-weight: 600;
    }
    .p02{
        padding: 15px 0px;
    }
    .p02:after{
        content:"";
        display:block;
        clear:both;
    }
    .p02 dt{
        float:  left;
        font-weight: 600;
    }
    .p02 dd{
        float:  right;
        text-align:  right;
        color: #ffb400;
        font-weight: 600;
        font-size: 22px;
    }
    .p02 dd span{display:block;font-weight: 400;color:  #444;font-size: 13px;margin-top: 5px;}
    .point{
        border-bottom: 1px solid #dddddd;
    }
    .point dt{
        float:  left;
    }
    .point:after{
        content:"";
        display:block;

        clear:both;
    }
    .point dd{
        float:  right;
    }
    .input04{
        border: 1px solid #d6d6d6;
        width:  98px;
        height:  30px;
    }
    .point span{
        font-style:  normal;
        font-size: 13px;
    }
    .point i{
        font-style:  normal;
        color: #38b8ab;
    }
    .p_box02{
        border: 1px solid #d6d6d6;
        padding: 15px 20px;
    }
    .input05{}
    .btn04{background:#ffb400;color:#fff;width: 100%;height: 52px;display:  block;text-align:  center;line-height: 52px;margin: 13px auto 0;font-size: 18px;}



    /*서브네비*/
    .pageNavi{}
    .pageNavi ul{
        text-align:  center;
    }
    .pageNavi li{
        display: inline-block;
        margin-left: -5px;
    }

    .pageNavi li a{
        width: 186px !important;
        border:  1px solid #3fbbae;
        display:  inline-block;
        text-align:  center;
        line-height: 40px;
        color: #3fbbae;
        background:  #fff;
    }
    .pageNavi li a:hover{
        background: #3fbbae;
        color:  #fff;
    }
    .pageNavi .on{}
    .pageNavi .on a{
        background: #3fbbae;
        color:  #fff;
    }
    .pageNavi.down{
        position:  fixed;
        z-index: 2;
        width:  100%;
        top: 69px;
        background: #fff;
        border-top:  1px solid #e1e1e1;
        border-bottom: 1px solid #e1e1e1;
    }
    .down a{border-top: none !important;border-bottom: none !important;}

    /*세탁과정*/

    .process{/* display: flex; */}
    .process:after{
        display:block;
        clear:both;
        content:"";
    }
    .process li{
        width: 33.333333%;
        float: left;
        height: 350px;
    }
    .process .img{
        padding: 0px 2px;
    }
    .process .txt{}


    /*푸터*/

    #footer{
        background:  #0a0a0a;
    }
    .footerIn{
        margin: 0 auto;
    }
    .f_logo{
        text-align:  center;
        padding: 50px 0px 45px;
    }

    .f_logo a{background:url(../img/main_footer_logo.png) no-repeat;display:  inline-block;width:  119px;height:  45px;background-size: 119px auto;text-indent:  -9999px;}
    .f_info{
        border-top:  1px solid #464646;
        border-bottom:  1px solid #464646;
        padding: 35px 0;
    }
    .f_info ul{}
    .f_info ul:after{
        display:block;
        content:"";
        clear:both;
    }
    .f_info li{
        color:  #fff;
        text-align:  center;
        width:  33.3333%;
        float:  left;
        background-position: center 0 !important;
        padding-top: 36px;
    }
    .f_info li:nth-child(1){background:url(../img/ico01.jpg) no-repeat;}
    .f_info li:nth-child(2){background:url(../img/ico02.jpg) no-repeat;}
    .f_info li:nth-child(3){background:url(../img/ico03.jpg) no-repeat;}
    .f_info a{
        color:  #fff;
    }
    .f_info span{
        display: block;
        font-weight: 800;
        margin-bottom: 10px;
    }
    .f_sns{
        text-align:  center;
        padding: 40px 0;
    }
    .f_sns a{
        display:  inline-block;
        vertical-align: middle;
        padding: 0px 5px;
    }
    .ad{
        color: #fff;
        text-align:  center;
        line-height: 22px;
        font-size: 13px;
    }
    .ad span{
        display: block;
    }
    .copy{
        color:  #fff;
        text-align:  center;
        line-height: 22px;
    }
    .f_banner{
        text-align:  center;
        padding: 40px 0;
    }
    .f_banner ul{
    }
    .f_banner li{width:275px;margin: 10px auto;}
    .f_banner li img{width:100%;}












    a#MOVE_TOP_BTN {
        position: fixed;
        right: 2%;
        bottom: 50px;
        display: none;
        z-index: 999;
        /* width: 70px; */
        /* height: 70px; */
        /* background: #48505c; */
        color: #fff;
        border-radius:50%;
        line-height: 70px;
        text-align:center;
    }



    /*게시판*/

    #bo_sch legend {
        position: absolute;
        margin: 0;
        padding: 0;
        font-size: 0;
        line-height: 0;
        text-indent: -9999em;
        overflow: hidden;
    }
    legend {
        border: none;
    }

    .msg_sound_only, .sound_only {
        display: inline-block !important;
        position: absolute;
        top: 0;
        left: 0;
        margin: 0 !important;
        padding: 0 !important;
        font-size: 0;
        line-height: 0;
        border: 0 !important;
        overflow: hidden !important;
    }

    .frm_input{
        border: 1px solid #d6d6d6;
        width: 170px;
        height: 40px;
        vertical-align: top;
        padding-left: 10px;
    }
    .btn_submit{
        background: #444;
        color: #fff;
        width:  50px;
        border:  none;
        height: 40px;
        vertical-align:  top;
    }





    /*로그인*/

    .login_wrap{width: 400px;margin: 40px auto;/* border:  1px solid #e1e1e1; *//* border-radius: 10px; *//* padding: 70px 50px; */}



    /*회원페이지*/




    .signup_wrap{}
    .signup_steps{}
    .signup_steps li{
        width: 248px;
        float:  left;
        margin-right: 1px;
        line-height: 16px;
        padding: 20px;
    }
    .signup_steps li:last-child{margin-right:0px;}
    .signup_steps li span{display:block;font-size:  20px;}
    .signup_container{}
    .ta01{}


    .singup{}

    .singup li{/* margin-top: 0px; */}
    .singup li:after{
        content:"";
        display:block;
        clear:both;
    }
    .singup .th{width: 20%;float:  left;padding-left: 35px;background-position: 14px 17px;padding-top: 13px;}
    .singup .td{
        width: 80%;
        float:  left;
    }


    .input08{width: 200px;margin-bottom: 0px;}
    .input09{width: 306px;}
    .singup .input03{width:  200px;margin-bottom: 0px;}
    .singup .input01{width: 200px;margin-top: 0px;}
    .singup .input01_1{width:100%;margin-top: 7px;}
    .singup .btn02{width: 100px;}
    .singup .input02{
    }
    .e1{
    }
    .e1 br{/* display:block; */}
    .e2{
    }



    /*페이저*/

    .paging{
        text-align:  center;
        margin-top: 36px;
    }
    .paging a{display:  inline-block;width: 40px;height: 40px;border:  1px solid #e1e1e1;background-position: center !important;line-height: 40px;vertical-align: text-bottom;text-align:  center;font-weight:  bold;}
    .paging a.on{background:#444; color:#fff;}
    .paging .btn_first{background:url(../img/par01.png) no-repeat;}
    .paging .btn_last{background:url(../img/par04.png) no-repeat;}
    .paging .btn_prev{background:url(../img/par02.png) no-repeat;margin-right: 10px;}
    .paging .btn_next{background:url(../img/par03.png) no-repeat;margin-left: 10px;}


    /*주문확인*/

    .od_wrap02{
    }
    .od_list{
    }
    .od_list > li{
    }
    .od_list a{}
    .od_box{}
    .od_box li{width: 49%;display: inline-block;}
    .od_box li span{
    }
    .od_box .tlt{width:  100%;}
    .od_box .num{
    }
    .od_box .date{}
    .od_box .pay{}
    .od_box .sta{}


    .pro_list{}
    .list{}
    .list dl{}
    .list dt{}
    .list dt{}

    .pay_box{}
    .pay_box dl{}
    .pay_box dt{}
    .pay_box dd{}

    .tb01{
        width: 100%;
    }
    .tb01 th{}
    .tb01 td{}


    fieldset{text-align: right !important;}

    .ol_wrap{width: 380px;margin: 0 auto 30px;}

} /*768px화면 끝*/


















@media screen and (min-width:1150px){

    #wrap{width:100%;}

    /*헤더*/
    #header{
        width: 100%;
        position: fixed;
        height: 83px;
        z-index: 200;
        border-bottom: 0px;
        background:  #fff;
        /* border-bottom: 1px solid rgba(144,144,144,0.9); */
    }
    #header:hover{
        background:#fff;
        border-bottom: 1px solid #fff;
    }

    .logo{padding: 14px 2px;}
    .logo a{display:block;width:253px;height: 52px;background:url(../img/logo.png) no-repeat;text-indent: -9999px;}
    #headerin{
        width: 1200px;
        margin: 0 auto;
        position: relative;
    }
    .gnb{
        position: absolute;
        top: 0;
        left: 241px;
        z-index: 2;
        display:  block;
    }
    .gnb ul:after{
        content:"";
        display:block;
        clear:both;
    }
    .gnb .d1{float: left;position: relative;}
    .gnb .d1 .m{
        display: block;
        width: 145px;
        line-height: 83px;
        color: #444;
        font-size: 20px;
        text-align: center;
        font-weight: 700;
    }

    .gnb .d1 .m:hover{color:#38b8ab;}
    .gnb .d1 .m:hover:after{
        content:"";
        display:block;
        width:105px;
        height:5px;
        background:#38b8ab;
        margin-left: 18px;
        margin-top: -5px;
    }
    .gnb .d1 .d2{
        position: absolute;
        top: 83px;
        left: 0;
        /* text-align: center; */
        z-index: 10;
        width: 162px;
        height: 160px;
        display: none;
    }
    .gnb .d1:last-child .d2{}
    .gnb .d1 .d2 ul{margin-top: 25px;}
    .gnb .d1 .d2 li{
        margin-bottom: 8px;
        margin-left: 40px;
    }
    .gnb .d1 .d2 li a{
        color:#444;
        font-family: 'Noto Sans KR', sans-serif;
    }
    .gnb .d1:hover .m{}
    .gnb .d1 .d2 li:hover a{color:#38b8ab;}
    .subBg{
        position: absolute;
        top: 83px;
        left:0;
        width: 100%;
        background:#fff;
        height: 160px;
        display: none;
        border-bottom: 1px solid #e1e1e1;
    }

    .utill{
        position:  absolute;

        top: 29px;
        right: 134px;
        display:  block;
    }
    .utill li{
        float:  left;
        padding: 0px 7px;
        position:  relative;
    }
    .utill li:after{
        content:"";
        display: block;
        width:1px;
        height: 11px;
        background: #444;
        position:  absolute;
        top: 5px;
        left: 0;
    }
    .utill li:first-child:after{display:none;}
    .utill a{
        font-size:  12px;
        font-family: 'Noto Sans KR', sans-serif;
    }

    .sns{
        position:  absolute;
        top: 26px;
        right: 2px;
        display:  block;
    }
    .sns li{
        float:  left;
        padding: 0px 3px;
    }
    .sns a{}
    .btnMenu{display:none;}
    .mobile_menu{display:none;}
    /*메인슬라이더*/

    .mainSlider{
        width: 100%;
        position: relative;
        padding-top: 83px;
    }

    .mainSlider .s_bg{background:url(../img/main_img01_deagu.jpg) no-repeat center 0; width:100%; height:511px;}

    .text_box{width: 1200px;margin:0 auto;}
    .text_box ul{
        position:  relative;
    }
    .text_box li{
        color: #000;
    }
    .text_box .a01{
        font-size: 48px;
        font-weight:  600;
        line-height: 57px;
        position:  relative;
        top: 200px;
        left: 80px;
        display:  none;
        opacity:  0;
    }
    .text_box .a02{
        font-size:  17px;
        line-height: 24px;
        position:  absolute;
        top: 320px;
        left: 80px;
        display:  none;
        opacity: 0;
    }
    .text_box .a03{position: absolute;top: 320px;left: -20px;display:  none;opacity: 0;}
    .text_box .a03 a{display:  block;color:#000;font-size:  19px;border:  5px solid #000;width:  243px;height:  53px;text-align: center;line-height: 44px;}



    .mainSlider .bx-controls-direction{
        display: none;
    }
    .mainSlider .bx-pager{position:absolute;bottom: 331px;z-index: 100;width: 100%;text-align: center;}
    .mainSlider .bx-pager .bx-pager-item{
        display: inline-block;
        margin: 0 4px;
    }
    .mainSlider .bx-pager .bx-pager-item a{
        display:block;
        width: 8px;
        text-indent: -9999px;
        height: 8px;
        /* background: rgba(255,255,255,0.5); */
        border-radius: 50%;
        border: 2px solid #fff;
    }
    .mainSlider .bx-pager .bx-pager-item .active{background: #fff;}
    .mainSlider .bx-pager .bx-pager-item a:hover{background: #fff;}











    /*메인컨텐츠*/

    #content{}

    #content:after{
        content:"";
        display:block;
        clear:both;
    }

    .main_row_01_wrap{
        background: #ffb814;
    }
    .main_row_01{width:  1200px;margin: 0 auto;padding: 70px 0 80px;}

    h3.tlt02{
        text-align:  center;
        color: #fff;
        font-size: 40px;
        font-weight: 800;
    }
    .e01{
        font-size:  16px;
        color:  #fff;
        width: 800px;
        margin: 24px auto 45px;
        text-align:  center;
    }
    .s_banner{}
    .s_banner ul{
        text-align:  center;
    }
    .s_banner li{
        width: 300px;
        height: 300px;
        position: relative;
        margin: 0 23px;
        display:  inline-block;
    }
    .s_banner li:after{
        content:"";
        display:block;
        width:38px;
        height:10px;
        background:url(../img/line01.jpg) no-repeat;
        position:  absolute;
        top: 147px;
        right: -54px;
    }
    .s_banner li:last-child:after{display:none;}
    .s_banner a{
        display:block;
        width: 300px;
        height: 300px;
        overflow: hidden;
        border-radius: 50%;
        position: relative;
    }
    .s_banner i{
        background:  rgba(0,0,0,0.5);
        display:  block;
        position:  absolute;
        top: 0;
        left:  0;
        width:  100%;
        height:  100%;
        z-index: 2;
    }
    .s_banner p{
        position: absolute;
        color:  #fff;
        text-align:  center;
        width:  100%;
        font-size:  20px;
        font-weight:  bold;
        top: 103px;
        z-index:  2;
    }
    .s_banner p:after{
        content:"GO";
        display:block;
        width:  50px;
        height:  50px;
        background: #ffb814;
        line-height:  50px;
        border-radius:  50%;
        position:  absolute;
        top: 58px;
        left:  50%;
        margin-left: -25px;
    }
    .s_banner span{
        display:  block;
        font-size:  18px;
        margin-top: 4px;
        font-weight: 400;
    }
    .s_banner li img{
        width:100%; height:100%;
        transition: all 0.5s;}
    .s_banner li:hover  img{
        transform: scale(1.5);
        transition: all 0.5s;}



    .main_row_02_wrap{
        width:  100%;
        height:328px;
        background:url(../img/main_vd_bg.jpg) no-repeat center 0;
    }
    .main_row_02_wrap a{
        display: block;
        width:580px;
        height:  328px;
        margin:0 auto;
    }

    .main_row_02_wrap .pc{display:block;}
    .main_row_02_wrap .ta{display: none !important;}




    .main_row_03_wrap{
        background: #00a796;
    }

    .main_row_03{
        width:  1200px;
        margin: 0 auto;
        padding: 70px 0;
    }
    .n_thum{text-align:center;}
    .n_thum li{width: 393px;height:  295px;display:  inline-block;margin: 0 2px;}
    .n_thum a{
        display:  block;
    }
    .n_thum a i{background:rgba(0,0,0,0.8);display:  block;position:  absolute;width:  100%;height:  100%;color: #fff;text-align:  center;line-height: 295px;font-style:  normal;font-size:  20px;
        letter-spacing: 2px; z-index:2; opacity:0;}
    .n_thum a:hover i{opacity:1;  transition: all 0.5s;}
    .n_thum p{
        width: 393px;
        height: 295px;
        overflow: hidden;
        position:  relative;
    }
    .n_thum span{font-size: 20px;color:#fff;margin-top:  20px;display:  block;}
    .n_thum li img{
        width:100%; height:100%;
        transition: all 0.5s;}
    .n_thum li:hover  img{
        transform: scale(1.5);

        transition: all 0.5s;}

    .main_row_04{
        width:  1200px;
        margin: 0 auto;
        padding: 50px 0;
    }
    .main_row_04 h3{color:#444;}
    .main_row_04 .e01{color:#444;}
    .m_wrap{}









    /*서브*/

    #sub_content{
        width: 100%;
    }
    #sub_content:after{
        content:"";
        display:block;
        clear:both;
    }
    .sub_visual{
        width:100%;
        height: 256px;
        padding-top: 168px;

        background: url(../img/sub_visual.jpg) no-repeat center 83px;
    }
    .sub_content{width:1200px;margin:0 auto;padding-bottom: 100px;}


    h4.tlt{
        text-align:  center;
        font-size:  26px;
        margin-top: 40px;
        margin-bottom: 60px;
        font-weight: 800;
        position: relative;
    }
    h4.tlt:after{
        content:"";
        display:block;
        width: 88px;
        height:5px;
        background: #38b8ab;
        position:  absolute;
        top: 42px;
        left:  50%;
        margin-left: -44px;
    }
    .od_wrap{
        width:  840px;
        margin: 0 auto;
        font-family: 'Noto Sans KR', sans-serif;
    }
    .od_wrap:after{
        content:"";

        display:block;
        clear:both;
    }
    .od_wrap ul{}
    .od_wrap ul:after{
        content:"";
        display:block;
        clear:both;
    }
    .o_tlt01{
        font-family: 'Noto Sans KR', sans-serif;
        font-size:  18px;

        color:  #535353;
        margin-bottom: 20px;
    }
    .o_tlt01:before{
        content:"";
        display:inline-block;
        width:30px;
        height: 40px;
        background:url(../img/ico.png) no-repeat;
        margin-right:  2px;





        position:  relative;
        top: 2px;
    }

    /*아코디언*/
    .accordion .set{margin-bottom:10px;}
    .accordion .set > a {
        color: #555;
        display: block;
        font-size: 18px;
        font-weight: normal;
        padding: 16px 0px 16px 15px;
        position: relative;
        text-decoration: none;
        transition: all 0.2s linear 0s;
        cursor: pointer;
        /* background-color: rgba(58, 183, 149, 0.5); */

        background-color: #38b8ab;
        font-family: 'Noto Sans KR', sans-serif;
        font-weight: 400;
        color: #fff;
    }
    .accordion .set > a:focus {
        outline: 0;
    }
    .accordion .set > a:hover {
        background-color: rgba(58, 183, 149, 0.7);
    }
    .accordion .set > a.active {
    }
    .accordion .set > a i {
        display:inline-block;
        width:35px;
        height:35px;
        background:url(../img/ac_off.png) no-repeat;
        position:  absolute;
        top: 8px;
        right: 10px;
        margin-top: 0px;
    }

    .accordion .set > a.active i {
        display:inline-block;
        width:35px;
        height:35px;
        background:url(../img/ac_on.png) no-repeat;
    }
    .accordion .content {
        background-color: rgba(255, 255, 255, 0.8);
        display: none;
    }

    /*아코디언*/

    /*주문*/
    .accordion .content ul{
        padding: 10px 0px;
    }
    .accordion .content ul:after{
        content:"";
        display:block;
        clear:both;
    }

    .pro{
        width: 413px;
        height:  45px;
        border:  1px solid #d6d6d6;
        font-family: 'Noto Sans KR', sans-serif;
        cursor: pointer;
        float:  left;
        margin-bottom: 10px;
        margin-right: 7px;
    }

    .pro:nth-child(odd){margin-right:10px;}
    .pro.active{background:#f4f4f4;}
    .pro i{background: url(../img/che_off.png) no-repeat;display: block;width: 25px;height: 25px;float:  left;margin-top:  10px;margin-left: 12px;}
    .pro.active i{background: url(../img/che_on.png) no-repeat;display:  block;width:  25px;height:  25px;}
    .pro p{
        float:  left;
        /* margin-top: 10px; */
        line-height:  45px;
        width: 38%;
        padding-left: 9px;
        color:  #6d6e70;
        overflow:  hidden;
        white-space:  nowrap;
        text-overflow:  ellipsis;
    }
    .pro span{
        display:  block;
        float:  left;
        line-height: 45px;
        width: 78px;
        margin-right: 8px;
        color:  #ffb400;
        font-weight: 600;
        text-align:  right;
    }
    .pro02{width: 200px;height: 303px;position: relative;text-align:  center;margin-right: 7px;}
    .pro02:nth-child(4){/* margin-right:0px; */}
    .pro02 i{
        position: absolute;
        top: 5px;
        left: 5px;
    }

    .pro02 p{
        float:  none;
        display:  inline-block;

        width:  100%;
        text-align:  center;
        line-height: 17px;
        margin-top: 10px;
        padding:  0px;
    }
    .pro02 img{
        width:  124px;
        height:  162px;
        display:  inline-block;
        margin-top: 30px;
    }
    .pro02 span{
        float:  none;
        display:  inline-block;
        line-height: 16px;
        margin-right: 0px;
        width:  auto;
    }
    .pro02 .buy_num_count{
        float:  none;
        width: 107px;
        margin: 9px auto;
    }
    .buy_num_count{float:left;margin-top: 8px;}
    .buy_num_count:after{
        content:"";
        display:block;
        clear:both;
    }
    .buy_num_count input {width: 50px;border: 1px solid #ccc;height: 30px;box-sizing: border-box;text-align: center;line-height: 30px;margin-left: -1px;}
    .buy_num_count >* {float: left;}
    .buy_num_count a {width: 30px;height: 30px;border: 1px solid #ccc;box-sizing: border-box;text-align: center;line-height: 30px;font-size: 21px;background:  #fff;font-family: 'NanumSquareRound', 'Noto Sans KR', sans-serif;margin-left: -1px;}

    .total_cost{
        width:  100%;
        border: 1px solid #d6d6d6;
        background: #f4f4f4;
        text-align:  center;
    }
    .total_cost p{
        display:  inline-block;
    }
    .total_cost span{
        display:  inline-block;
        width: 78px;
        margin-right: 8px;
        color: #ffb400;
        font-weight: 600;
        text-align: right;
    }
    .m01{margin-top: 30px;}

    .btn01{background:#ffb400;color:#fff;width:  150px;height:  43px;display:  block;text-align:  center;line-height:  43px;margin: 50px auto 0;}
    .buy_cnt{padding:0px;}




    /*셀렉트 박스*/
    .selectBox {position:relative;display: inline-block;width: 134px;height: 43px;background: url('../img/arr.png') 92% center no-repeat;background-color:#fff;/* float: left; */box-sizing: border-box;margin-right: 0px;}

    .selectBox .txt {display:block;width: 100%;height: 44px;padding-left:10px;line-height: 39px;border: 1px solid #d6d6d6;text-align:left;box-sizing: border-box;border-radius: 2px;}
    .selectBox label {overflow:hidden;position:absolute;width:0;height:0;line-height:0;text-indent:-9999px}
    .selectBox select {
        position:absolute;
        left:0;
        top: 0px;
        display:block;
        width: 100%;
        padding-left:10px;
        height: 36px;
        opacity:0;
        filter: alpha(opacity=0);
        z-index:10;
        appearance:none; /* 기본 스타일 없애기 */
        -webkit-appearance:none;
        -moz-appearance:none;
        -o-appearance:none;
        box-sizing: border-box;
    }


    .sel01{
        width: 153px;
    }

    /*결제*/

    .od_wrap input{padding-left:10px;}
    .p_left{width:  410px;float:  left;}
    .pr_wrap{}
    .privacy{
        width: 100%;
        height: 80px;
        border: 1px solid #d6d6d6;
        border-radius: 2px;
        margin-bottom: 7px;
    }
    #agree{width: 20px;height: 20px;vertical-align: bottom;margin-right: 5px;}
    .o1 li{}
    .o1 > li > span{
        display:  block;
        font-size:  16px;
        margin-bottom: 7px;
        margin-top: 14px;
    }
    .input01{
        width:  100%;
        height: 43px;
        border: 1px solid #d6d6d6;
        border-radius: 2px;
    }
    .input02{
        height: 43px;
        border: 1px solid #d6d6d6;
        border-radius: 2px;
        width: 134px;
    }
    .input03{
        height: 43px;
        border: 1px solid #d6d6d6;
        border-radius: 2px;
        width: 167px;
        margin-right: 4px;
    }
    .input05{
        height: 43px;
        border: 1px solid #d6d6d6;
        border-radius: 2px;
        width: 113px;
        /* margin-right: 4px; */
        margin-bottom: 0px;
    }
    .input06 {
        height: 43px;
        border: 1px solid #d6d6d6;
        border-radius: 2px;
        width: 119px;
        /* margin-right: 4px; */
        margin-bottom: 0px;
    }
    .o1 > li > b{font-weight:normal;}
    .o1 textarea{
        width: 100%;
        height: 108px;
        border: 1px solid #d6d6d6;
        border-radius: 2px;
        font-family: 'Noto Sans KR', sans-serif;
        padding: 10px;
        box-sizing:  border-box;
    }
    .nt{
        margin-top: 20px;
    }
    .btn02{
        width: 113px;
        height: 43px;
        background:  #38b8ab;
        display:  inline-block;
        line-height: 43px;
        text-align:  center;
        color:  #fff;
        vertical-align:  bottom;
        margin-right: 4px;
    }
    .btn03{
        background-color:  #f4f4f4;
        display:  inline-block;
        height: 43px;
        line-height: 43px;
        width: 122px;
        border: 1px solid #d6d6d6;
        background:url(../img/arr_g.png) no-repeat;
        background-position: 12px 17px;
        padding-left: 40px;
        vertical-align: bottom;
    }

    .p_rignt{
        width: 410px;
        float: right;
    }
    .pay_wrap{}

    .pay_wrap .pro{width:100%;margin-right:  0px;}
    .o1 .dd:after{
        content:"";
        display:block;
        clear:both;
    }
    .o1 .dd input{margin-bottom:5px; float:left;}
    .o1 .dd a{margin-bottom:5px; float:left;}

    .ll:after{display:block; clear:both; content:"";}
    .ll input{float:left;margin-left: 4px;}
    .ll .selectBox{float:left;}


    .p_box{
        background: #f4f4f4;
        border: 1px solid #d6d6d6;
        padding: 10px 20px;
    }
    .p01{
        border-bottom: 1px solid #dddddd;
        padding: 0px 0px 20px;
    }
    .p01:after{
        content:"";
        display:block;
        clear:both;
    }
    .p01 dt{
        float:  left;
        width:  50%;
        margin-bottom: 5px;
    }
    .p01 dd{
        float:  right;
        width:  50%;
        text-align:  right;
        margin-bottom: 5px;
    }
    .p01 .yy{
        color: #ffb400;
        font-weight: 600;
    }
    .p02{
        padding: 15px 0px;
    }

    .p02:after{
        content:"";
        display:block;
        clear:both;
    }
    .p02 dt{

        float:  left;
        font-weight: 600;
    }
    .p02 dd{
        float:  right;
        text-align:  right;
        color: #ffb400;
        font-weight: 600;
        font-size: 22px;
    }
    .p02 dd span{display:block;font-weight: 400;color:  #444;font-size: 13px;margin-top: 5px;}
    .point{
        border-bottom: 1px solid #dddddd;
    }
    .point dt{
        float:  left;
    }
    .point:after{
        content:"";
        display:block;

        clear:both;
    }
    .point dd{
        float:  right;
    }
    .input04{
        border: 1px solid #d6d6d6;
        width:  98px;
        height:  30px;

    }
    .point span{
        font-style:  normal;
        font-size: 13px;
    }
    .point i{
        font-style:  normal;
        color: #38b8ab;
    }
    .p_box02{
        border: 1px solid #d6d6d6;
        padding: 15px 20px;
        margin-top: 6px;
    }
    .input05{}
    .btn04{background:#ffb400;color:#fff;width: 100%;height: 52px;display:  block;text-align:  center;line-height: 52px;margin: 13px auto 0;font-size: 18px;}



    /*서브네비*/
    .pageNavi{}
    .pageNavi ul{
        text-align:  center;
    }
    .pageNavi li{
        display: inline-block;
        margin-left: -5px;
    }
    .pageNavi li a{
        width: 258px !important;
        border:  1px solid #3fbbae;
        display:  inline-block;
        text-align:  center;
        line-height: 40px;
        color: #3fbbae;
        background:  #fff;
    }
    .pageNavi li a:hover{
        background: #3fbbae;
        color:  #fff;
    }
    .pageNavi .on{}
    .pageNavi .on a{
        background: #3fbbae;
        color:  #fff;
    }
    .pageNavi.down{
        position:  fixed;
        z-index: 2;
        width:  100%;
        top: 83px;
        background: #fff;
        border-top:  1px solid #e1e1e1;
        border-bottom: 1px solid #e1e1e1;
    }
    .down a{border-top: none !important;border-bottom: none !important;}


    /*세탁과정*/

    .process{
        width: 1200px;
        margin: 0 auto;
    }
    .process:after{
        display:block;
        clear:both;
        content:"";
    }
    .process li{
        width: 33.333333%;
        float: left;
        height: 374px;
    }
    .process .img{}
    .process .txt{}



    /*푸터*/

    #footer{
        background:  #0a0a0a;
    }
    .footerIn{
        width:  1140px;
        margin: 0 auto;
    }
    .f_logo{
        text-align:  center;
        padding: 50px 0px 45px;
    }
    .f_logo a{background:url(../img/main_footer_logo.png) no-repeat;display:  inline-block;width:  119px;height:  45px;background-size: 119px auto;text-indent:  -9999px;}
    .f_info{
        border-top:  1px solid #464646;
        border-bottom:  1px solid #464646;
        padding: 35px 0;
    }
    .f_info ul{}
    .f_info ul:after{
        display:block;
        content:"";
        clear:both;
    }
    .f_info li{
        color:  #fff;
        text-align:  center;
        width:  33.3333%;
        float:  left;
        background-position: center 0 !important;
        padding-top: 36px;
    }
    .f_info li:nth-child(1){background:url(../img/ico01.jpg) no-repeat;}

    .f_info li:nth-child(2){background:url(../img/ico02.jpg) no-repeat;}
    .f_info li:nth-child(3){background:url(../img/ico03.jpg) no-repeat;}
    .f_info a{
        color:  #fff;
    }
    .f_info span{
        display: block;
        font-weight: 800;
        margin-bottom: 10px;
    }
    .f_sns{
        text-align:  center;
        padding: 40px 0;
    }
    .f_sns a{
        display:  inline-block;
        vertical-align: middle;
        padding: 0px 5px;
    }
    .ad{
        color: #fff;
        text-align:  center;
        line-height: 22px;
        font-size: 13px;
    }
    .ad span{
        display: block;
    }
    .copy{
        color:  #fff;
        text-align:  center;
        line-height: 22px;
    }
    .f_banner{
        text-align:  center;
        padding: 40px 0;
    }
    .f_banner ul{
    }
    .f_banner li{width:275px;margin: 10px auto;}
    .f_banner li img{width:100%;}












    a#MOVE_TOP_BTN {
        position: fixed;
        right: 2%;
        bottom: 50px;
        display: none;
        z-index: 999;
        /* width: 70px; */
        /* height: 70px; */
        /* background: #48505c; */
        color: #fff;
        border-radius:50%;
        line-height: 70px;
        text-align:center;
    }



    /*게시판*/

    #bo_sch legend {
        position: absolute;
        margin: 0;
        padding: 0;
        font-size: 0;
        line-height: 0;
        text-indent: -9999em;
        overflow: hidden;
    }
    legend {
        border: none;
    }

    .msg_sound_only, .sound_only {
        display: inline-block !important;
        position: absolute;
        top: 0;
        left: 0;
        margin: 0 !important;
        padding: 0 !important;
        font-size: 0;
        line-height: 0;
        border: 0 !important;
        overflow: hidden !important;
    }

    .frm_input{
        border: 1px solid #d6d6d6;
        width: 170px;
        height: 44px;
        vertical-align: top;
    }
    .btn_submit{
        background: #444;
        color: #fff;
        width:  50px;
        border:  none;
        height: 44px;
        vertical-align:  top;
    }


    /*회원페이지*/
    .signup_wrap{
        width: 902px;
        margin: 0 auto;
    }
    .signup_steps{}
    .signup_steps li{
        width: 300px;
    }
    .signup_container{}


    /*주문확인*/

    .od_wrap02{width: 840px;margin: 0 auto;}
    .od_list{
    }
    .od_list > li{
    }
    .od_list a{}
    .od_box{}
    .od_box li{
        width: auto;
        margin-right: 15px;

    }
    .od_box li span{
        width:  auto;
    }
    .od_box .tlt{}

    .od_box .num{
    }
    .od_box .date{}
    .od_box .pay{}
    .od_box .sta{}




} /*1150px화면 끝*/










/*표*/

.sub1_table1 th{
    background: #f9e1aa;
    /* border-top: 5px solid #888 !important; */
}
.sub1_table1 td{
    /* background:  #fff; */
}
.sub1_table1 th:first-child{border-left:0px;}
.sub1_table1 th:last-child{border-right:0px;}
.sub1_table1 td:first-child{border-left:0px;}
.sub1_table1 td:last-child{border-right:0px;}





/*팝업*/
.pop-layer .pop-container {
    position:  relative;
}

.pop-layer p.ctxt {
    color: #666;
    /* line-height: 25px; */
}

.pop-layer .btn-r {position:  absolute;top: 0px;right: -53px;background:  #fff;width: 50px;height: 50px;border-radius: 50%;text-align:  center;}

.pop-layer {
    display: none;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 854px;
    height: auto;
    /* background-color: #fff; */
    /* border: 5px solid #3571B5; */
    z-index: 10;
}

.dim-layer {
    display: none;
    position: fixed;
    _position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 201;
}

.dim-layer .dimBg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: .5;
    filter: alpha(opacity=50);
}

.dim-layer .pop-layer {
    display: block;
}

a.btn-layerClose {
    background: url(../img/xxx.png) no-repeat;
    text-indent: -9999px;
    /* display: inline-block; */
    width: 30px;
    height: 30px;
    /* margin: 0; */
    margin-top: 10px;
}




/*.b_wrap img{width:100%}*/


/* 캡챠 자동등록(입력)방지 기본 -pc */
#captcha {display:inline-block;position:relative}
#captcha legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden;}
#captcha #captcha_img {width:160px;height:60px;border:1px solid #e9e9e9;vertical-align:top;padding:0;margin:0}
#captcha #captcha_mp3 {position:absolute;top:0;left:161px;;margin:0;padding:0;width:31px;height:31px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer}
#captcha #captcha_mp3 span {position:absolute;top:0;left:0;width:31px;height:31px;background:url('http://onlybaby.kr/img/captcha.png') no-repeat;}
#captcha #captcha_reload {position:absolute;top:31px;left:161px;margin:0;padding:0;width:31px;height:31px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer;background:url('http://onlybaby.kr/img/captcha.png') no-repeat  0 -30px;border-top:1px solid #ccc;text-indent:-999px}
#captcha #captcha_key {margin:0 0 0 33px;padding:0 5px;width:70px;height:60px;border:1px solid #b8c9c2;background:#f7f7f7;font-size:1.333em;font-weight:bold;text-align:center;line-height:2.8em;vertical-align:top}
#captcha #captcha_info {display:block;margin:5px 0 0;font-size:0.95em;letter-spacing:-0.1em;text-align:  left;color: #999;font-size: 13px;}

/* 캡챠 자동등록(입력)방지 기본 - mobile */
#captcha.m_captcha audio {display:block;margin:0 0 5px;width:187px}
#captcha.m_captcha #captcha_img {width:160px;height:60px;border:1px solid #e9e9e9;margin-bottom:3px;margin-top:5px;display:block;}
#captcha.m_captcha #captcha_reload {position:static;margin:0;padding:0;width:31px;height:31px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer;background:url('../../../img/captcha.png') no-repeat  0 -30px;text-indent:-999px}
#captcha.m_captcha #captcha_reload span{display:none;}
#captcha.m_captcha #captcha_key {margin:0;padding:0 5px;width:115px;height:29px;border:1px solid #b8c9c2;background:#f7f7f7;font-size:1.333em;font-weight:bold;text-align:center;line-height:29px;margin-left:3px}
#captcha.m_captcha #captcha_info {display:block;margin:5px 0 0;font-size:0.95em;letter-spacing:-0.1em}
#captcha.m_captcha #captcha_mp3 {width:31px;height:31px;background:url('../img/captcha.png') no-repeat; vertical-align:top;overflow:hidden;cursor:pointer;text-indent:-9999px;border:none}




/*주문하기 360이하*/

@media screen and (max-width:359px){
    /*주문*/
    .pro i{margin-left: 5px;}
    .pro p{width: 121px;font-size: 13px;letter-spacing: -1.5px;padding-left: 5px;}
    .pro span{letter-spacing: -2px;font-size: 13px;}
    .pro02 p{width: 100%;}
    .pro02 .buy_num_count{width: 69px;}
    .pro span{width:50px;text-align:  center;}

}


/*출처*/
.origin{opacity:0;}


input{font-family: 'NanumSquareRound', 'Noto Sans KR', sans-serif !important;/* padding-left:  10px; */}




/*푸터추가*/

.ad em{font-style: normal; display: inline-block;}



/*레이아웃보강*/
.o1 label{letter-spacing:-0.5px}
select{border-radius:2px !important;padding: 0px 6px;background:  #fff;}

.sel03{
    height: 43px;
    border: 1px solid #d6d6d6;
    border-radius: 2px;
    width: 96px;
}


@media screen and (min-width:768px){

    .sel03{
        width: 126px;
    }

}


@media screen and (min-width:1024px){

    .sel03{
        width: 134px;
    }

}

.row11{}
.row11 .bg11{
    margin-bottom: 18px;
}

.row11 .bg11:nth-child(1) >h4,.row11 .bg11:nth-child(2) >h4,.row11 .bg11:nth-child(3) >h4,.row11 .bg11:nth-child(4) >h4,.row11 .bg11:nth-child(9) >h4,.row11 .bg11:nth-child(10) >h4,.row11 .bg11:nth-child(11) >h4,.row11 .bg11:nth-child(12) >h4 {background:#28bdae; color:#fff;}
.row11 .bg11:nth-child(5) >h4,.row11 .bg11:nth-child(6) >h4,.row11 .bg11:nth-child(7) >h4,.row11 .bg11:nth-child(8) >h4, .row11 .bg11:nth-child(15) >h4,.row11 .bg11:nth-child(14) >h4,.row11 .bg11:nth-child(13) >h4 {background:#febe2c; color:#fff;}
.row11 .bg11 h4{color:#fff;}
.row11 .bg11 h4 span{color: #fff !important;}
.row11 .bg11 span{float: right;}


/*------------- 주문하기 비고 추가됨 --------------*/
.no_open_li{color:#252525; margin-bottom:10px; margin-top:10px;}
.no_open_li input{color:#252525;width: 20px; height: 20px; margin-right: 10px; cursor: pointer}
.no_open_li label{color:#252525;font-size: 20px; cursor: pointer}

.in_week_li{color:#252525;}
.in_week_li input{color:#252525;width: 20px; height: 20px; margin-right: 10px; }
.in_week_li label{color:#252525;font-size: 20px;}

@media(max-width: 768px){
    .no_open_li{color:#252525; margin-bottom:8px; margin-top:10px;}
    .no_open_li input{color:#252525;width: 15px; height: 15px; margin-right: 8px;cursor: pointer}
    .no_open_li label{color:#252525;font-size: 15px; cursor: pointer}

    .in_week_li{color:#252525;}
    .in_week_li input{color:#252525;width: 15px; height: 15px; margin-right: 8px;}
    .in_week_li label{color:#252525;font-size: 15px;}
}