.mob_tab_1 {
    position: relative;
}

.bTotalReceiveCntCon {
    margin-left: 268px;
}

.smsOutTypeCon p:first-child {
    display: none;
}

.d-sm {
    display: none;
}

.order_fixed_header {
    position: fixed !important;
    padding-top: 50px !important;
    background-color: #fff;
    z-index: 99;
}
.order_fixed_head {
    position: fixed !important;
    width: 100%;
    z-index: 999;
}

.tab_wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.tab_wrapper .tab {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-align: center;
    padding: 10px;
    border: 1px solid #c8c8c8;
    font-size: 14px;
}

.tab_wrapper .tab.active {
    color: #27609d;
    border-color: #27609d;
    border-bottom: 1px solid white;
    z-index: 1;
}
/* 
header {
    display: none;
    position: -webkit-sticky;
    position: sticky;
    width: 100%;
    top: 0;
    left: 0;
    background: #fff;
    z-index: 10;
    padding: 15px;
} */

header .mob-nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    list-style: none;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 0;
    margin-top: 0;
    list-style: none;
    padding: 0;
}

header .mob-nav a {
    padding: 0;
}

header .mob-nav a.logo {
    margin-right: 5px;
}

header .mob-nav a img {
    width: 30px;
}

@media (max-width: 1400px) {
    .menu-quick-wrap {
        display: none;
    }

}


@media (max-width: 1200px){
	.btn_menu{ display: inline-block; position: absolute; left: 20px}
	.btn_menu.moves{z-index: 99999;}
	.btn_menu.moves .btn_icon:after,.btn_menu.moves .btn_icon:before{
		background:white;
	}

	.login-con{display: block;}
	.m-logo{display: block;}

	nav{height: 60px;position: relative;}

	.brand{top: 5px;width: calc(100% - 200px);text-align: center;left: 100px;}

	footer .brand{top: 5px;width: initial; text-align: initial;right: 0px; left:initial}

	.nav, .nav-top{display: none;}

	.table_10{display: table;}

	.phone{text-align: center;display: block;margin: 0 auto 30px}

	.msg-manager{display: block;width: 100%;padding: 0;}

	.banner-main{height: 300px;background-size: auto 100%;padding-top: calc(300px / 2 - 60px);}

	.banner-main h1{font-size: 36px;line-height: 42px;}

	.banner-sub-con .banner-sub{padding: 30px;}

	.d-l{display: block;}

	.dx-l{display: none;}

	.nav-sub .nav-item {padding: 0 20px;}
}

/*1100px*/
@media (max-width: 1100px) {

    #header {
        display: none;
    }

    header {
        display: block;
    }

    .page-title {
        margin-top: 0;
    }

}


@media (max-width: 1099px) {
    .template_wrap .template {
        flex: 0 0 33.3% !important;
        max-width: 33.3% !important;
    }
}




@media only screen and (min-width: 0px) and (max-width: 800px) {
	nav.mobile_header {height: 50px;position: relative;}
	.mobile_header .btn_menu {width: 40px; left: 20px;/*line-height: 105px;*/}
	.mobile_header .btn_menu .btn_icon:before {width: 100%; left: 0;top: 10px;}
	.mobile_header .btn_menu .btn_icon:after {top: 20px;}
	.mobile_header .btn_menu .btn_icon,
	.mobile_header .btn_menu .btn_icon:after,
	.mobile_header .btn_menu .btn_icon:before {height: 3px}
	.mobile_header .login-con {right: 0; top: 0;}
	.mobile_header .brand {top: -50%}

    .login-con img {
        height: 80%;
        width: 80%;
    }

    .brand {
        top: 5px;
        width: calc(100% - 180px);
        text-align: center;
        left: 100px;
    }

    .btn_menu .btn_icon {
        width: 100%;
        height: 3px;
        background-color: #707070;
        position: absolute;
        top: 3%;
        left: 0;
        margin-top: -1.5px;
        transition: .2s;
    }
	.responsive_box td,
	.responsive_box th,
	.responsive_box textarea
	{
		display:inline-block;
		padding:25px;
		width:100%;
	}

	.mobile_container {
		max-width: 720px;
		width: 100%;
		margin: 0 auto;
		padding: 0 15px;
		font-size: 0;
	}
	.mobile_container.greydesc {
		background: #f5f5f5;
		letter-spacing: 0px;
        border-top: 1px solid #ddd;
        border-bottom: 1px solid #ddd;
        font-size: 14px;
	}
    .top_space {
        position: relative !important;
        top: 140px;
    }
	.mobile_container.no-padding {
		padding: 0;
	}
    .gdi .mobile_container .order-basket_count .order-basket_txt {
        display: inline-block;
        text-align: left;
    }

    .gdi .mobile_container .order-basket_count .order-basket_btn {
        display: inline-block;
        margin-left: 10px;
    }

    .gdi .mobile_container .order-basket_count .order-basket_txt .basket_count {
        display: inline-block;
        width: 40px;
        border: 1px solid #dbdbdb;
        text-align: center;
    }
	/*.mobile_container *,*/
	/*.mobile_container .info_box5 th,*/
	/*.mobile_container .info_box5 td,*/
	/*.mobile_container .info_box5 td *,*/
	/*.mobile_container .responsive_box th,*/
	/*.mobile_container .responsive_box td,*/
	/*.mobile_container .responsive_box td *,*/
	/*.mobile_container input[type="radio"] + label,*/
	/*.mobile_container input[type="checkbox"] + label,*/
	/*.mobile_container input[type=text],*/
	/*.mobile_container input[type=password],*/
	/*.mobile_container input[type=number],*/
	/*.mobile_container select,*/
	/*.mobile_container button*/
	/*{*/
	/*	font-size: 28px;*/
	/*}*/
	.mobile_container input[type=text],
	.mobile_container input[type=password],
	.mobile_container select,
	.mobile_container button,
	.mobile_container .info_box5 button,
	.mobile_container .info_box5 input[type=text]
	{
		line-height: 50px;
		height: 50px;
	}

    .mobile_container .info_box5 select {
        line-height: 30px;
        height: 30px;
    }

	.mobile_footer {
		max-width: 720px;
		width: 100%;
		margin: 0 auto;
		padding: 0 30px 15px 30px;
		font-size: 0;
        text-align: left;
        line-height: 36px;
	}
	.mobile_footer p,
	.mobile_footer p>span {
		font-size: 26px;
	}
	.mobile_container .btn_box {
		padding: 60px 0 100px 0;
	}
	.mobile_container .btn_box.p50 {
		padding: 50px 0 100px 0;
	}
	.mobile_container .btn_box .bri_btn.btn_big {
		font-size: 32px!important;
		line-height: 85px;
		height: 85px;
	}
	.mobile_container .bri_btn {
		display: inline-block;
		width: 48%;
		margin-bottom: 5px;
	}
	
	footer .brand{display: none}
	
/* 	.features .feature { width: calc(100% / 3); }
	.features .feature:nth-child(3n+3) { border: 1px solid #ccc;}
	.features .feature:nth-child(n+4) { border-top: none;}
	.features .feature .feature-title { font-size: 16px; }
	.mb-w-full { width: 100%; }
	.mb-m-0 {margin: 0;}
	.main_banner {margin-top: 20px;}

	#footer .hr_40{ height: 10px; }
	#footer .copy {padding: 0 10px}
	#footer .copy span { display: block; margin: 0 !important;} */
	
	.nav-bottom a { font-size: 12px; padding: 0 0 0 5px; }
	body{overflow-x:hidden;} 
}


@media (max-width: 768px) {
	
	.send_det .exp ul li p {
		display: block;
		width: 100%;	
	}
    
    .comms h1{text-align: center;}

	.banner-main{height: 200px; background-size: auto 100%;padding-top: calc(200px / 2 - 45px);}

	.banner-main h1{font-size: 24px;line-height: 30px;}
    
    
    .banner-sub-con .banner-sub {display: block;width: 100%;margin-bottom: 20px;}
  
    /*.features .feature-title {*//*    font-size: 12px;*//*}*/
	.features .feature{ width: 33.3%}

	.features .feature:nth-child(3){ border-right: 1px solid #ccc}

	.features .feature:nth-child(4), .features .feature:nth-child(5){ width: 50%; border-top: none;}

	/*.features .feature-img {*//*    width: 50px;*//*    height: 50px;*//*}*/
	.bri_btn{ display: block; width: 100%; margin-bottom: 5px;}

	*[class^='col'], *[class*=' col']{display: block;width: 100%;padding: 0;margin-bottom: 20px;}

	*[class^='col']:last-child, *[class*=' col']:last-child{padding: 0;}

	.list.type1 li{display: block;width: 100%;border: none;}

	.list.type1 li br{display: none;}

	th.p_10{display: none;}

	td p.p_10{display: block;}

	.type_lm, .type_m, .type_ms, .type_ms_x, .type_s, .type_ss, .type_address, .type_l{width: 100%;}

	.dx-m{display: none;}

	.d-m-row{display: table-row;}

	.flyer-slider .flyer img{max-height: 289px;width: 197px;margin: auto;}
   
    .comms h1.highlight {font-size: 50px;height: 50px;}
     
    .left_mu dl {
        padding: 0;
    }

    .left_mu dl dt {
        width: 100% !important;
        left: 0 !important;
    }

    .left_mu:before,
    .left_mu:after {
        content: "";
        background-color: #555;
        position: absolute;
        top: 28px;
        transition: .3s;
        z-index: 3;
        right: 15px;
        width: 15px;
        height: 2px;
    }

    .left_mu:before {
        transform: rotate(45deg);
        right: 25px;
    }

    .left_mu:after {
        transform: rotate(135deg);
    }

    .left_mu.expanded:before {
        transform: rotate(135deg);
        right: 25px;
    }

    .left_mu.expanded:after {
        transform: rotate(45deg);
    }

    .left_mu.expanded dl dd {
        position: relative;
        height: 55px;
    }

    .left_mu dl dd {
        position: relative;
        height: 0;
        top: 0;
        width: 100%;
        background: #fff;
        z-index: 1;
        transition: .3s;
        overflow: hidden;
    }

    .left_mu dl dd.on {
        top: 0;
        height: 55px;
        width: 100%;
        background: #fff;
        z-index: 2;
        margin: 0;
    }

    .template_wrap .template {
        -ms-flex: 0 0 50% !important;
        flex: 0 0 50% !important;
        max-width: 50% !important;
    }
    
    
    footer p span{
        font-size: 12px !important;
		text-align: center;
		/*display: block;*/
		margin-bottom: 5px;
        margin-right: 5px !important;
	}
	
	.main-banner {
		margin: 0;
	}
	
	/* 	image brochure */
	
	.image_request input.datepicker {
		width: 120px !important;
	}
	.image_request .btn_calender {
		margin: 0 !important;
	}
	
	.image_request .dtpicker_spc {
		display: block;
	}
	
	.image_request .lst_box {
		display: block;
		margin: 0 10px;
	}
	.image_request .goods_card>div {
		width: 50%;
	}
	.image_request .lst_box > div { 
		width: 100%;
		margin: 0 0 20px 0;
	}
	.image_request .bri_btn {
		margin-bottom: 10px;
	}
	
	.image_request .info_box5 th {
		width: 120px;
		line-height: 1.4em;
	}
	
	.image_request .info_box5 td {
		padding: 10px 5px;
		line-height: 1.4em;
		
	}

    .mob_mb9 {
        margin-bottom: 9px !important;
    }
    .peri_box .btn_ser {
        display: block;
        margin-left: 0;
    }
    .mob_hide {
        display: none;
    }
    table.nor_list {
        font-size: 11px;
        word-break: keep-all;
    }
    table.nor_list td {
        padding-left: 2px !important;
        padding-right: 2px !important;
    }
    .nor_list tbody td {
        padding-left: 2px;
        padding-right: 2px;
    }
    .mob_w40{
        width: 40%;
    }
    .mob_w10{
        width: 10%;
    }
    .mob_w15{
        width: 15%;
    }
    .mob_w20{
        width: 20% !important;
    }
    .mob_mr15 {
        margin-right: 15px;
    }
    .mob_mr0 {
        margin-right: 0px;
    }
    .mob_w50 {
        width: 50% !important;
    }
    .mob_w80 {
        width: 80% !important;
    }
    .mob_w100 {
        width: 100% !important;
    }
    .mob_btn {
        padding: 0 10px;
        min-width: 85px;
    }
    .mob_1_line {
        display: block;
        width: 100% !important;
        margin-left: 0 !important;
        margin-top: 10px;
        float: left;
    }
    .mob_w250 {
        width: 250px !important;
    }

    table.board_write th {
        padding: 10px 4px;
        min-width: 70px;
        text-align: center;
    }
    .mob_px9 {
        font-size: 9px;
    }
    .nor_write tbody th {
        padding: 10px 5px;
        font-size: 11px;
        min-width: 55px;
    }
    .ag_right {
        padding-right: 2px;
    }
    select {
        padding: 0 30px 0 3px;
    }
    .mob_ml0{
        margin-left: 0 !important;
    }
    .btn_order_st_up {
    	margin-top: 0 !important;
    }
    
    .sub-title {
    	margin: 30px 0;
    	font-size: 24px;
    }
    
    .mem_out {
    	display: block;
    	padding: 5px 10px;
    }
    
    .mem_out > div {
		width: 100%;
		margin-bottom: 10px;
	}
    /* customer spam page responsive css*/
    .sku li {
        margin-bottom: 10px;
    }
    .sku {
        margin: 0 -26px 0 0;
    }
    .spam_top {
        padding: 160px 20px 40px 20px;
    }
    .mob_no_br br {
        display: none;
    }
}

@media (max-width: 720px) {
    /*utility*/
    .dx-sm {
        display: none !important;
    }

    .d-sm {
        display: block;
    }

    /*utility END*/
    .page-title {
        height: 74px;
        line-height: 74px;
        font-size: 36px;
    }

    #contanier {
        width: 100%;
        padding: 15px;
    }

    .mob_tab_1 {
        display: none;
    }

    .sms_send_wrp {
        margin-top: 10px;
        padding-bottom: 10px;
        position: relative;
    }
    
  	.divImageArea { 
  		margin: 10px 0;
  	}
  	
   

    #contanier {
        margin-top: 0;
    }

    .cons {
        margin-top: 0px
    }

    .nor_tab {
        border-bottom: none;
        height: 42px;
    }

    .sms_frm > div, .sms_frm .mob_tab_1 > div, .sms_frm .mob_tab_2 > div {
        padding: 0;
        border: none;
    }

    /*mob_tab_2*/
    .sms_frm {
        float: initial;
        width: 100%;
    }

    .sms_frm .mob_tab_2 > div:first-child {
     	margin-bottom: 520px;
     	padding-bottom: 10px;

    }
    
   .MMS_type .sms_frm .mob_tab_2 > div:first-child {
   		margin-bottom: 890px;
   }
    
    .talk .mob_tab_2 > div:first-child {
     	margin-bottom: 540px;
    }
    
    .ftalk_type .mob_tab_2 > div:first-child  {
    	margin-bottom: 600px; 
    }

    .sms_phone {
        position: absolute;
        width: 100%;
        height: 520px;
        padding: 0;
        margin: 0;
        background: none;
        border-bottom: 1px solid #444444;
        top: 40px
    }
    
    .MMS_type .sms_phone {
    	height: 890px;
    }
    
    .MMS_type  .sms_phone .spanCurrCnt {
    	bottom: 405px !important;
    }

    .sms_send_wrp .sms_kakao {
        position: absolute;
        width: 100% !important;
        height: 466px;
        padding: 0;
        margin: 0;
        background: none;
/*         border-bottom: 1px solid #444444; */
        top: 50px;
        float: initial;
        display: block;
    }

    .sms_kakao .kakao_wrap {
        display: block;
        border-radius: 0;
        border: none;
        background: #ffffff;
        margin: 50px 0 0 0 !important;
    }
    
    .sms_kakao .ftalk_wrap{
    	margin: 10px 0 0 0 !important;
    }

    .kakao_wrap {

    }

    .sms_kakao .kakao_body::before,
    .sms_kakao .kakao_info,
    .sms_kakao .msg_header,
    .sms_kakao .kakao_body .kakao_sender,
    .sms_kakao .kakao_header {
        display: none !important;
    }

    .sms_kakao .kakao_body .tmpl {
        max-width: initial;
    }

    .sms_kakao .kakao_body {
        display: block;
        border: solid 1px #c8c8c8;
        padding: 0 2px;
    }

    .sms_kakao .kakao_body .msg_wrap {
        border-radius: 0;
        width: 100%;
    }

    .sms_kakao .kakao_body .msg_body {
        background: #ffffff;
        border: none;
        height: 320px;
    }

	.sms_kakao.ftalk .kakao_body .msg_body {
        height: 380px;
    }

    .kakao_body .msg_body textarea {
        min-height: 150px;
    }
    
    .ftalk_wrap .msg_wrap {
    	margin-bottom: 5px;
    }
    
    .ftalk_wrap .kakao_body {
    	border : none;
    }
    
    .ftalk_wrap .kakao_body .msg_body textarea {
    	height: 100% !important;
    	resize: none;
    	border : 1px solid #c8c8c8;
    }

    .sms_kakao .add_btn.type_2 {
/*         position: absolute;
        bottom: 56px !important; */
        display: flex;
        position: relative;
        bottom: 0 !important;
        margin: 10px 0;
    } 

    .sms_kakao .add_btn a:nth-child(1) {
        margin-right: 4px;
    }
    
    .sms_kakao .add_btn.type_2 {
    	display: block;
    }

    .sms_kakao .add_btn a, .sms_kakao .add_btn.type_2 a {
        color: #666 !important;
        display: inline-block;
/*         width: calc(50% - 2px) !important; */
		width: 100% !important;
        background-color: rgba(239, 239, 239, 1) !important;
        border: 1px solid #c8c8c8;
        padding: 0 16px;
        font-weight: 100;
        margin-bottom: 10px !important;
    }

    .sms_kakao + .sms_frm {
        width: 100% !important;
    }

    .sms_kakao + .sms_frm .mob_tab_2 div:nth-child(1) p:nth-child(2) {
        display: flex;
    }

    .sms_kakao + .sms_frm .mob_tab_2 div:nth-child(1) p:nth-child(2) select {
        flex: 1;
    }

    .sms_kakao + .sms_frm .mob_tab_2 div:nth-child(1) p:nth-child(2) a {
        height: 40px;
        line-height: 40px;
    }

    .sms_kakao {
        display: block;
    }

    .sms_kakao > .btn_big {
        position: absolute;
        color: #666 !important;
        display: inline-block;
        width: calc(50% - 2px) !important;
        background-color: rgba(239, 239, 239, 1) !important;
        border: 1px solid #c8c8c8;
        padding: 0 16px;
        font-weight: 100;
        max-width: initial !important;
    }

    .sms_kakao > .btn_big:nth-child(1) {
        top: 0;
        width: 100% !important;
        
    }

    .sms_kakao > .btn_big:nth-child(2) {
        top: 415px;
        right: 0;

    }

    .sms_kakao textarea {
        height: 150px !important;
        min-height: 140px !important;
        background: #ffffff;
        border: solid 1px #c8c8c8;
    }

    .ftalk .tmpl .btn_grey {
        color: #666 !important;
        display: inline-block;
        width: calc(50% - 2px) !important;
        background-color: rgba(239, 239, 239, 1) !important;
        border: 1px solid #c8c8c8;
        padding: 0 16px;
        font-weight: 100;
        line-height: 45px;
        height: 45px;
        position: absolute;
        bottom: -80px;
        background-color: blue;
    }

    .ftalk .tmpl .btn_grey:nth-child(4) {
        right: 0;
    }

    .ftalk .kakao_footer {
        display: block;
        margin-top: 10px;
    }

    .ftalk .kakao_footer .btn_yellow {
        border-right: 1px solid #c8c8c8 !important;
        color: #666 !important;
        display: inline-block;
        width: calc(50% - 2px) !important;
        max-width: initial;
        background-color: rgba(239, 239, 239, 1) !important;
        border: 1px solid #c8c8c8;
        padding: 0 16px;
        font-weight: 100;
        line-height: 45px;

    }

    .ftalk .kakao_footer .btn_yellow:nth-child(1) {
        margin: 0 4px 4px 0;
    }

    .sms_send_wrp .sms_kakao.ftalk {
        height: 496px;
    }

    .sms_kakao.ftalk .btn_save {
        border-right: 1px solid #c8c8c8 !important;
        color: #666 !important;
        display: inline-block;
        width: calc(50% - 2px) !important;
        max-width: initial;
        background-color: rgba(239, 239, 239, 1) !important;
        border: 1px solid #c8c8c8;
        padding: 0 16px;
        font-weight: 100;
        line-height: 45px;

        position: absolute;
        bottom: -30px;
        right: 0;
    }

    .sms_kakao.ftalk + .sms_frm .mob_tab_2 > div:first-child {
        margin-bottom: 570px;
    }

    .sms_kakao.ftalk .add_btn.type_2 {
        /*display: none;*/
        bottom: -129px !important;
    }

    .sms_phone textarea {
        height: 240px !important;
        background: #ffffff;
        border: solid 1px #c8c8c8;
        margin-top: 100px;
    }

    .sms_phone .add_btn {
        width: 100%;
        left: 0;
        background: #ffffff;
        bottom: 124px;
    }

    .sms_phone .bo_btn {
        bottom: 20px;
    }
    
    .MMS_type .sms_phone .add_btn {
    	bottom: 335px;
    }
    .MMS_type .sms_phone .add_btn.type_2 {
    	bottom: 178px;
    }
    .MMS_type .sms_phone .bo_btn {
    	bottom: 15px;
    }

    .sms_phone .add_btn a,
    .sms_phone .add_btn.type_2 a {
        color: #666;
        display: inline-block;
        width: calc(50% - 2px);
        background-color: rgba(239, 239, 239, 1) !important;
        border: 1px solid #c8c8c8;
        padding: 0 16px;
        font-weight: 100;
    }
    
     .MMS_type .sms_phone .add_btn.type_2  {
     	display: block !important;
     }
    
   	.MMS_type .sms_phone .add_btn a,
    .MMS_type .sms_phone .add_btn.type_2 a,
    .MMS_type .sms_phone .bo_btn a
     {
    	width: 100% !important;
    	margin: 0 0 5px 0 !important;
    }
    

    .sms_phone .add_btn.type_2 {
        bottom: 73px;
    }

    .sms_phone .bo_btn a {
        color: #666;
        display: inline-block;
        width: calc(50% - 2px);
        background-color: rgba(239, 239, 239, 1) !important;
        border: 1px solid #c8c8c8;
        padding: 0 16px;
        line-height: 45px;
        font-size: 14px;
        font-weight: 100;
    }

    .sms_phone .bo_btn a:first-child {
        margin-right: 4px;
    }

    .sms_phone .bo_btn:last-child a:before {
        display: none;
    }

    .sms_phone .add_btn a:nth-child(1) {
        margin-right: 4px;
    }

    .sms_phone .add_btn:nth-child(4) a:nth-child(3) {
        position: absolute;
        right: 0;
        border: 1px solid #27609d;
        color: #27609d;
        background-color: rgba(39, 96, 157, 0.1);
        width: auto;
        top: -305px;
    }

    .sms_frm input[type="file"],
    .sms_frm input[type="password"],
    .sms_frm input[type="text"],
    .sms_frm select {
        height: 40px;
        padding-left: 15px;
        margin-bottom: 8px;
    }

    .sms_frm .btn_calender {
        height: 40px;
        background-position: -275px -25px;
         margin-bottom: 8px;
    }

    .mob_checkbox_img_hide_span{
        display: block;
        height: 30px;
        width: 30px;
        background: #ffffff;
        position: absolute;
        margin-top: -38px;
        margin-left: -30px;
    }

    .smsOutTypeCon {
        width: 100%;
        top: -303px;
        padding-bottom: 8px;
        border-bottom: 1px solid #444;
    }

    .smsOutTypeCon p:first-child {
        float: left;
        display: block;
    }

    .mob_tab_2 {
       /*  padding: 0 !important; */
    }

    .mob_tab_2 > div:nth-child(1) {

    }

    .mob_tab_2 > div:nth-child(1) .sb {
        display: none;
    }

    .mob_tab_2 > div:nth-child(1) .fright {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin-bottom: 6px;
        float: initial;
    }

    .mob_tab_2 > div:nth-child(1) .fright select {
        margin-bottom: 0;
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        height: 40px;
        padding-left: 15px;
    }

    .mob_tab_2 > div:nth-child(1) .fright a {
        font-size: 14px;
        font-weight: 200;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        border: 1px solid #c8c8c8;
        min-width: 0;
        margin-left: 2px;
        background-color: #f5f5f5;
        color: black;
        height: 40px;
        padding: 0;
    }

    .mob_tab_2 > div:nth-child(2),
    .mob_tab_2 > div:nth-child(3),
    .mob_tab_2 > div:nth-child(4),
    .mob_tab_2 > div:nth-child(5),
    .mob_tab_2 > div:nth-child(6) {
        display: flex;
        margin-bottom: 8px;
    }

    .mob_tab_2 > div:nth-child(2) .sb,
    .mob_tab_2 > div:nth-child(3) .sb,
    .mob_tab_2 > div:nth-child(4) .sb,
    .mob_tab_2 > div:nth-child(5) .sb,
    .mob_tab_2 > div:nth-child(6) .sb {
        float: initial;
        width: auto;
        -webkit-box-flex: 25%;
        -ms-flex: 25%;
        flex: 25%;
        max-width: 25%;
    }
    .item6_txt, .item6_txt_btn {
        width: 100%;
    }

    .mob_tab_2 > div:nth-child(2) .eto,
    .mob_tab_2 > div:nth-child(3) .eto,
    .mob_tab_2 > div:nth-child(4) .eto,
    .mob_tab_2 > div:nth-child(5) .eto,
    .mob_tab_2 > div:nth-child(6) .eto {
        float: initial;
        width: auto;
        display: flex;
        -webkit-box-flex: 75%;
        -ms-flex: 75%;
        flex: 75%;
        max-width: 75%;
        margin: 0;
    }

    .mob_tab_2 > div:nth-child(4) .eto {
        display: block;
    }

    .mob_tab_2 > div:nth-child(4) .eto > span:nth-child(1) {
        width: 100%;
    }

    .mob_tab_2 > div:nth-child(4) .eto > span:nth-child(1) > span:nth-child(3) {
        margin-left: 0;
        display: block;
    }

    .mob_tab_2 > div:nth-child(4) .eto > span:nth-child(2) > input.datepicker {
        width: calc(100% - 42px) !important;
    }

    .mob_tab_2 > div:nth-child(4) .eto > span:nth-child(2) > #selHour,
    .mob_tab_2 > div:nth-child(4) .eto > span:nth-child(2) > #selMinute {
        margin-left: 0;
    }

    .mob_tab_2 > div:nth-child(4) .eto > span:nth-child(2) > #selHour {
        margin-right: 8px;
    }

    .mob_tab_2 > div:nth-child(4) .eto > span:nth-child(2) > select {
        width: calc(50% - 4px);
    }

    .mob_tab_2 > div:nth-child(5) .eto {
        display: block;
    }

    .mob_tab_2 > div:nth-child(5) .eto > span:nth-child(1) {
        display: block;
    }

    .mob_tab_2 > div:nth-child(5) .eto > span:nth-child(2),
    .mob_tab_2 > div:nth-child(5) .eto > span:nth-child(3) {
        margin: 0;
        width: 50%;
    }

    .mob_tab_2 > div:nth-child(5) .eto > span:nth-child(2) > input {
        width: 50% !important;
    }

    .mob_tab_2 > div:nth-child(5) .eto > span:nth-child(3) > select {
        width: 100%;
    }

    .sms_frm .nor_tab {
        display: none;
    }

    .mob_tab_1 p:nth-child(1) .inner {

    }

    .mob_tab_1 p:nth-child(1) .fright {
        display: flex;
        float: initial;
    }

    .mob_tab_1 p:nth-child(1) .fright {
        display: flex;
        float: initial;
    }

    .mob_tab_1 p:nth-child(1) .fright {
        display: flex;
        float: initial;
        margin-bottom: 2px;
    }

/*     .mob_tab_1 p:nth-child(1) .fright > input {
        flex: 1;
    } */

    .mob_tab_1 p:nth-child(1) .fright > .btn_nor_grey {
        line-height: 38px;
        height: 40px;
        white-space: nowrap;
        padding: 0 5px;
       	width: 100px;
    }


    .mob_tab_1 ul.num_list {
        width: 100%;
        height: 200px;
        padding: 10px !important;
    }

    .sms_frm .sel_btn {
        position: absolute;
        left: 0;
        top: 297px;
        width: 100%;

    }
    
    .mms .sel_btn, .talk .sel_btn {
    	position: relative;
    	margin: 10px 0;
    	top: 0 !important;
    	display: block !important;
    	
    }
    .sms_frm .inner {
     	clear: both;
    }
    .sms_frm .inner .fleft {
    	width: 100%;
    }
    .sms_frm .inner .fright {
    	width: 100%;
    }
    
    .sms_frm .inner .fright a {
    	width: 100% !important;
    }

    .sms_frm .sel_btn a {
        color: #666;
        display: inline-block;
        background-color: rgba(239, 239, 239, 1) !important;
        border: 1px solid #c8c8c8;
        padding: 0 16px;
        font-weight: 100;
    /* width: calc(50% - 5px); */
    	width: 100%;
        margin-bottom: 5px;
    }

    .sms_frm .sel_btn a:nth-child(1) {
        display: block;
    }
    
    .sms_frm .inner {
        overflow: visible;
    }

    .sms_kakao + .sms_frm ul.num_list {
        width: 100% !important;
    }

    .sms_kakao + .sms_frm .mob_tab_1 div:nth-child(1) span:nth-child(2) {
        display: flex;
    }

    .sms_kakao + .sms_frm .mob_tab_1 div:nth-child(1) span:nth-child(2) input {
        flex: 1;
    }

    .sms_kakao + .sms_frm .mob_tab_1 div:nth-child(1) span:nth-child(2) a {
        height: 40px;
        line-height: 40px;
    }

    .sms_kakao + .sms_frm .mob_tab_1 {
        height: 480px;
   /*      height: 430px; */
    }
    
    .ftalk_type .mob_tab_1 {
    	height: 450px !important;
    }

    .sms_kakao + .sms_frm .mob_tab_1 div:nth-child(1) > p:nth-child(6) .fright a {
        position: absolute;
        color: #666;
        display: inline-block;
        width: calc(50% - 2px);
        background-color: rgba(239, 239, 239, 1) !important;
        border: 1px solid #c8c8c8;
        padding: 0 16px;
        font-weight: 100;
        text-align: center;
        height: 44px;
        line-height: 42px;
        margin-left: 0;
        top: 40px;
        left: 0;
    }

    .sms_kakao + .sms_frm .sel_btn {
    	display: flex;
        top: 380px;
    }
    
    .ftalk_type .sel_btn {
        top: 430px !important;
    }

    .sms_kakao + .sms_frm .mob_tab_1 > div {
        overflow: visible;
    }

    .sms_kakao .kakao_body .tmpl > div div:nth-child(3) {
        padding: 0 10px 10px 0;
    }

    .mob_tab_1 div:nth-child(1) > p:nth-child(6) {
        position: relative;
    }

    .mob_tab_1 div:nth-child(2) {
        margin-top: 0;
        height: 389px;
    }
    
    .mms .mob_tab_1 div:nth-child(2) {
        height: 500px;
    }

    .mob_tab_1 div:nth-child(2) p:nth-child(2) {
        margin-top: 0;
    }

    .mob_tab_1 div:nth-child(2) > p:nth-child(6) {
        position: relative;
    }

    .mob_tab_1 div:nth-child(2) > p:nth-child(6) .fright a {
        position: absolute;
        color: #666;
        display: inline-block;
      /*   width: calc(50% - 2px); */
      	width: 100%;
        background-color: rgba(239, 239, 239, 1) !important;
        border: 1px solid #c8c8c8;
        padding: 0 16px;
        font-weight: 100;
        text-align: center;
        height: 44px;
        line-height: 42px;
        margin-left: 0;
        top: 37px;
        left: 0;

    }

    .bTotalReceiveCntCon {
        margin: 0;
        position: absolute;
        right: 0;
        top: 13px;
    }

    .sms_send_wrp + .btn_wrp {
        margin-top: 10px;
    }

    .btn_wrp a {
        display: block;
        width: 100%;
        margin-bottom: 8px;
    }
    
    .csh_cnt {
    	flex-wrap: wrap;
    	position: relative;
    	line-height: 1.4em !important;
    }
    
        
    .csh_cnt .t1{
/*     	max-width: 40%;
    	flex: 40%; */
    	width: 100% !important;
    	max-width:none !important;
    	margin-bottom: 5px;
    	flex : 100% !important;
    }
    .csh_cnt .t2{
    	width: 100% !important;
    	max-width:none !important;
    	flex : 100% !important;
    	display: block !important;
    }
    
    .csh_cnt .dsc {
    	flex: 100%;
    	max-width: 100%;
    	margin-top: 10px;
    }	
    
    .kakao_footer {
    	margin-top: 10px;
    }
    
   .m-block {
   		display: block !important;
   		margin: 0 0 10px 0 !important;
   }
   .m-left {
   		text-align: left !important;
   }
   
   .exl_box {
   		padding: 20px 10px;
   }
   .exl_box input[type=text], .exl_box select  {
   		width: calc(100% - 100px) !important;
   }
   .exl_box .fl  {
   		width: calc(100% - 60px) !important;
   }
   
   .mms .txtPhone {
   		width: calc(100% - 60px) !important;
   }
   
   .lms_list li {
   		width: 100%;
   		margin: 0 0 20px 0;
   }
   
   .nor_write tbody td {
   		padding: 5px 10px;
   }
   
   .talk_inp_callback {
   		max-width: none !important;
   }
   
   .sms_frm .b_cnt {
   		margin-top: -110px;
   		width: 100% !important;
   }
   .mms .b_cnt {
   		margin-top: 0;
   }
    .atalk_type .b_cnt {
    	margin-top: 0 !important;
    }
   
   .sms_frm .b_cnt  .rc_cnt {
   	position: relative !important;
   	top : 0;
   }
   
   .sms_frm .b_cnt .rc_div {
   		height: auto !important;
   }
   
   .sms_frm .receive_cnt { 
   		position: absolute;
   		bottom: 0;
   		height: auto !important;
   		float: none;
   		display: block;
   		width: 100%;
   }
   .sms_frm .receive_cnt a {  
     	width: 100%;
     	text-align: center;
     	padding: 5px 0;
     	height: auto;
   }
     
   .board_write tbody td {
		padding: 5px 10px;
   }
   
   .sms_frm .cb_cnt {
   		width: 100% !important;
   }
   
   .sms_frm .subject_input {
   		width: calc(100% - 100px) !important;
   }
	
}

/*720*/

@media (max-width: 500px) {

    .mobile_footer p, .mobile_footer p>span {
        font-size: 15px;
    }
    .mobile_footer {
        padding: 0 10px 15px 10px;
        text-align: center;
    }
    .top_space {
        top: 128px;
    }

    .brand_title {
        font-size: 15px !important;
    }

    .template_wrap .template {
        flex: 0 0 100% !important;
        max-width: 100% !important;
    }

	.features .feature{width: 100% !important;padding: 20px 0 20px 30px;border: 1px solid #ccc;text-align: left; margin: 5px 0; border: 1px solid #ccc !important;}

	.features .feature-title{font-size: 14px;line-height: 50px;}

	.features .feature-img{display: inline-block;width: 50px;height: 50px;vertical-align: middle;margin: 0 30px 10px 0;}

	.comms h1.highlight{font-size: 30px;height: 30px;}
	
	.btn_s_grey{
		display: inline-table;word-break: break-word;/* width: 25px; */
	}
	
	.sms_list li {
		width: 100%;
		margin: 0 0 20px 0;
	}
	
	.image_request .goods_card {
		display: block;
	}
	
	.image_request .goods_card>div {
		width: 100%;
		margin-bottom : 10px;
		text-align: center;
	}
	
	.nor_write tbody th {
		width: 120px;
	}
	
	.board_write tbody th ,  .board_write tbody td
	, .nor_write tbody th , .nor_write tbody td
	, table * {
		font-size: 15px !important;
	}
	
	.top_ex li {
		font-size: 15px !important;
	}
	
	.sub-title {
		font-size: 18px;
		margin: 20px 0;
	}
	
}

@media only screen and (min-width: 0px) and (max-width: 500px) {
	/*.mobile_container *,*/
	/*.mobile_container .info_box5 th,*/
	/*.mobile_container .info_box5 td,*/
	/*.mobile_container .info_box5 td *,*/
	/*.mobile_container .responsive_box th,*/
	/*.mobile_container .responsive_box td,*/
	/*.mobile_container .responsive_box td *,*/
	/*.mobile_container input[type="radio"] + label,*/
	/*.mobile_container input[type="checkbox"] + label,*/
	/*.mobile_container input[type=text],*/
	/*.mobile_container input[type=password],*/
	/*.mobile_container input[type=number],*/
	/*.mobile_container select,*/
	/*.mobile_container button,*/
	/*.mobile_container .basket_desc,*/
	/*.mobile_container .ver_desc,*/
	/*.mobile_header .brand .brand_title,*/
	/*.mobile_container .order_feature_con .order_feature_cardbox .row .card .card-detail button*/
	/*{*/
	/*	font-size: 16px;*/
	/*}*/
    .mobile_container {
        padding: 0px 10px 0 5px;
    }
	.mobile_container input[type=text],
	.mobile_container input[type=password],
	.mobile_container select,
	.mobile_container button,
	.mobile_container .info_box5 button,
	.mobile_container .info_box5 input[type=text]
	{
		line-height: 50px;
		height: 50px;
	}
    .mobile_container .info_box5 select
    {
        line-height: 30px;
        height: 30px;
    }
    .top_space {
        top: 138px;
    }

	.mobile_container .order-basket_count .order-basket_txt .basket_total {
		width: 90px;
	}
	.mobile_container .order-basket_count .order-basket_txt .basket_count {
		width: 45px;
	}

	.mobile_container .order-searchbox_con input {
		height: 50px;
		line-height: 50px;
	}

	.mobile_container .order-basket_count {
		line-height: 50px;
	}

	.mobile_container .btn_box .bri_btn.btn_big {
		font-size: 20px!important;
		line-height: 50px;
		height: 50px;
	}
	.nav-bottom a { font-size: 10px; }
}

@media (max-width: 370px) { 
	.mem_out .out_icon {
		background: #fafafa url(/images/user/ico.png) no-repeat -470px -60px;
	}
	.csh_cnt .t2 .sp {
		display: block;
		width: 100%;
		margin-top: 10px;
	}
	
}

@media (max-width: 350px) {
    .mob_w114 {
        width: 114px !important;
    }
    .mob_w75 {
        width: 75px !important;
    }

}