@charset "utf-8";
@media screen and (max-width: 1000px){

    /* Common */
    body,td,form,select,input,button,textarea,div,option,pre,p,span,blockquote,li,dt,dd {font-size: 13px;}

    /* Accessibility */
    #skip-to-article a {font-size: 20px;line-height: 70px;}
    #skip-to-article a:focus {height: 70px;}

    /* Inputs */
    .selectbox{min-width: 150px;}
    .selectbox select{font-size: 13px;}

    .inp {font-size: 13px;}
    textarea {font-size: 13px;}

    .w600 {width: 100%;}
    .w500 {width: 100%;}
    .w400 {width: 100%;}
    .w300 {width: 100%;}
    .w200 {width: 100%;}
    .w100p {width: 100%;}
    .wfull {width: 100%;}

    /* Button */
    .btn-wrap {margin-top: 20px;min-height: 35px;}
    .btn1,
    .btn2,
    .btn3 {padding: 0 15px;font-size: 13px;height: 35px;letter-spacing: -1px;line-height: 35px;min-width: 70px;text-align: center;font-size: 13px !important;}
    
    /* ajax popup */
    #popup{left: 20px;transform: translate(0, -50%);width: calc(100vw - 40px) !important;height: auto !important;padding-top: 51px;}
    #popup .pop-tit{height: 50px;padding: 0 20px;}
    #popup .pop-tit h3{font-size: 14px;line-height: 50px;}
    #popup .pop-tit .close{width: 48px;height: 48px;line-height: 48px;}
    #popup .pop-wrap{padding: 20px;}
    #popup table.pop_table tr > *{padding: 10px 5px;}
    #popup table.pop_table colgroup{display: none;}
    #popup table.pop_table tbody th{width: 60px;word-break:keep-all !important; -ms-word-break: break-all; word-break: break-all; word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto;}

    /* attach */
    .attachedbox > .MultiFile-label{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;box-sizing: border-box;}
    .attachedbox .MultiFile-title{font-size: 12px !important;}

    .attachfile_attached > .MultiFile-label{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;box-sizing: border-box;}
    .attachfile_attached .MultiFile-title{font-size: 12px !important;}

    /* Tab */
    .article-tab {margin: -2px;margin-bottom: 20px;}
    .article-tab > li {margin: 2px;}
    .article-tab > li a {border-radius: 40px;font-size: 14px;line-height: 40px;padding: 0 20px;}

    /* Table */
    .table_scroll_wrap{position: relative;overflow-x: auto;}
    .table_scroll_wrap > table{min-width: 800px;}
    .table colgroup{display: none;}
    .table tr > * {font-size: 13px;padding: 10px 5px;}
    .table > thead > tr > th {padding: 15px 5px;white-space: nowrap;}
    .table > tbody > tr > td[colspan]{padding: 30px 5px;}
    .table > tbody > tr > td p {line-height: 18px;}
    .table .btn1,.table .btn2,.table .btn3{margin: -5px 0;}

    .table_wrt colgroup{display: none;}
    .table_wrt tr > * {font-size: 13px;padding: 10px 5px;}
    .table_wrt tbody th {font-size: 13px;width: 60px;word-break:keep-all !important; -ms-word-break: break-all; word-break: break-all; word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto;}
    .table_wrt tbody td.no{font-size: 11px;}
    .table_wrt tbody td p {line-height: 18px;}
    .table_wrt > tbody td strong.total_point{font-size: 16px;}
    .table_wrt.small tr > *{padding: 5px;border: 1px solid #ddd;}
    .tbltxt {font-size: 12px;}

    .price_table_caption{font-size: 13px;margin-top: 20px;}
    .price_table{margin-top: 5px;}
    .price_table tr > *{padding: 30px 5px;font-size: 13px;}
    .price_table thead th{font-size: 13px;padding: 15px 5px;}
    .price_table thead th:first-child{width: 90px !important;}
    .price_table thead th:nth-child(2){width: 100px !important;}
    .price_table tbody th strong{cfont-size: 14px;}
    .price_table tbody td strong{font-size: 14px;}
    .price_table tbody td em{font-size: 11px;letter-spacing: -1px;}
    .price_table tr > *.td1{padding-left: 10px;width: 90px !important;}
    .price_table tr > *.td2{width: 100px;}
    .price_table tbody td.td3 strong,
    .price_table tbody td.td4 strong,
    .price_table tbody td.td5 strong{font-size: 17px;}
    .price_table tbody td.td6 strong,
    .price_table tbody td.td7 strong,
    .price_table tbody td.td8 strong{font-size: 17px;}

    .table_hd_links{margin-bottom: 20px;white-space: nowrap;}
    .table_hd_links li{padding: 0 10px;}
    .table_hd_links li a{font-size: 12.5px;letter-spacing: -1px;}
    .table_hd_links li a i{margin-left: 5px;}

    /* notice box */
    .article-notice {font-size: 14px;line-height: 20px;margin-bottom: 10px;padding: 20px 15px;}
    .article-notice i {font-size: 20px;}
    .article-notice em {font-size: 12px;line-height: 16px;}

    /* 기본 폼 */
    .tblform h4 {font-size: 14px;font-weight: bold;letter-spacing: -1px;margin-bottom: 10px;}
    .tblform h4 em {font-size: 12px;font-weight: normal;letter-spacing: -1px;line-height: 15px;margin-top: 5px;}
    .tblform h5 {font-size: 13px;letter-spacing: -1px;}
    .agr-box {margin-bottom: 15px;padding: 20px 15px;}
    .agr-box .txt {height: 100px;padding: 10px;}
    .agr-box .chk {font-size: 12px;}
    .mypoint {font-size: 12px;letter-spacing: -1px;margin-bottom: 10px;padding: 20px;}
    .mypoint strong {font-size: 16px;padding: 0 3px;}

    /* Popup */
    .ph-pop {height: auto !important;left: 2% !important;top: 2% !important;width: 96% !important;}
    .ph-pop .pop-cont {height: auto !important;width: auto !important;}
    .ph-pop .pop-cont img {max-width: 100% !important;}

    /* Layout */
    #error-page {margin: 50px auto;}
    #header {background: #ffffff;box-shadow: 0 0 5px rgba(0,0,0,0.1);left: 0;position: fixed;top: 0;width: 100%;}
    #header:after {background: rgba(0,0,0,0.1);bottom: -1px;content: '';display: block;height: 1px;left: 0;position: absolute;width: 100%;}
    #header .inner {height: 60px;width: auto;}
    #header .logo {left: 20px;}
    #header .logo h1 img {height: 30px;width: auto;}
    #header nav {display: none;}

    #sch {display: none;}

    #tnb {display: none;}

    #footer .notice{width: auto;padding-left: 0;}
    #footer .notice h6{display: none;}
    #footer .notice .rollWrap{line-height: 60px;padding-right: 85px;}
    #footer .notice .rollWrap .roll .item{padding: 0 0 0 20px;}
    #footer .notice .rollWrap .roll .item .sbj{font-size: 14px;letter-spacing: -1px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;display: block;}
    #footer .notice .rollWrap .roll .item .date{display: none;}
    #footer .notice .arrows{transform: translate(0, -50%);right: 20px;}
    #footer .footerWrap .inner{width: auto;}
    #footer .fnbWrap #gotop{right: 20px;width: 35px;height: 35px;}
    #footer address{padding: 30px 20px;width: auto;font-size: 12px;line-height: 16px;}
    #footer address hr{width: 1px;display: block;margin: 0;}
    #footer address .copyright{font-size: 12px;}
    #footer address em{position: static;margin-bottom: 15px;}
    #footer #ftfam{position: relative;top: auto;right: auto;margin-top: 10px;width: auto;height: 45px;display: block;}
    #footer #ftfam select{height: 45px;font-size: 13px;}
    #footer #ftfam > i{display: inline-block;vertical-align: middle;position: absolute;top: 50%;transform: translate(0, -50%);right: 0;font-size: 18px;color: #fff;}

    #fnb{padding: 0 20px;}
    #fnb li {margin-right: 0;padding: 0;margin-right: 15px;}
    #fnb li a {font-size: 13px;line-height: 60px;}

    #slide-btn {display: block;height: 60px;position: absolute;right: 0;text-indent: -999em;top: 0;width: 60px;}
    #slide-btn button {background: none;border: none;cursor: pointer;height: 100%;left: 0;position: absolute;top: 0;width: 100%;}
    #slide-btn button span,
    #slide-btn button:before,
    #slide-btn button:after {background: #000000;border-radius: 2px;height: 2px;left: 50%;margin-left: -10px;overflow: hidden;position: absolute;width: 20px;}
    #slide-btn button span {display: block;margin-top: -1px;opacity: 1;top: 50%;transition: all 0.3s;}
    #slide-btn button:before {content: '';display: block;top: 37%;transition: all 0.3s;}
    #slide-btn button:after {bottom: 37%;content: '';display: block;transition: all 0.3s;}
    #slide-btn.on button span {opacity: 0;}
    #slide-btn.on button:before {margin-top: -1px;top: 50%;transform: rotate(45deg);}
    #slide-btn.on button:after {bottom: 50%;margin-bottom: -1px;transform: rotate(-45deg);}

    #mo-tnb {border: 1px solid #dddddd;border-radius: 4px;border-width: 1px 0 0 1px;margin-bottom: 5px;overflow: hidden;}
    #mo-tnb li {border: 1px solid #dddddd;border-width: 0 1px 1px 0;box-sizing: border-box;display: inline-block;vertical-align: top;width: 50%;}
    #mo-tnb li:first-child {border-left: none;}
    #mo-tnb li a {background: #f7f7f7;color: #666666;display: block;font-size: 13px;letter-spacing: -1px;line-height: 35px;text-align: center;text-decoration: none;}
    #mo-tnb li a em {color: #000;font-style: normal;font-weight: 700;margin-left: 5px;}
    #mo-sch {margin-bottom: 10px;position: relative;}
    #mo-sch legend {display: none;}
    #mo-sch fieldset {background: #f7f7f7;border: 1px solid #eee;border-radius: 4px;height: 35px;overflow: hidden;zoom: 1;}
    #mo-sch fieldset:after {clear: both;content: '';display: block;}
    #mo-sch fieldset > * {float: left;}
    #mo-sch fieldset .inp {background: transparent;border: none;height: 35px;padding-left: 15px;width: calc(100% - 35px);}
    #mo-sch fieldset .sbm {background: transparent;border: none;color: #999;font-size: 13px;height: 35px;position: relative;text-indent: -999em;width: 35px;}
    #mo-sch fieldset .sbm:after {content: '\f002';display: block;font-family: 'Font Awesome 5 Free';font-weight: bold;left: 0;line-height: 35px;position: absolute;text-align: center;text-indent: 0;top: 0;width: 100%;}
    #mo-gnb {margin: 0 -20px;}
    #mo-gnb > li {border-bottom: 1px solid #eaeaea;}
    #mo-gnb > li > a {color: #000000;display: block;font-size: 14px;font-weight: 500;letter-spacing: -1px;line-height: 45px;padding: 0 15px 0 35px;position: relative;text-decoration: none;}
    #mo-gnb > li > ul {background: #f7f7f7;display: none;padding: 0;}
    #mo-gnb > li > ul > li {border-top: 1px solid #ddd;}
    #mo-gnb > li > ul > li > a {color: #333;display: block;font-size: 14px;letter-spacing: -1px;line-height: 45px;padding: 0 15px 0 35px;position: relative;text-decoration: none;}
    #mo-gnb > li.on > ul {display: block;}
    #mo-gnb > li > ul > li > ul {background: #eee;display: none;}
    #mo-gnb > li > ul > li.on > ul {display: block;}
    #mo-gnb > li > ul > li > ul > li {border-top: 1px solid #ddd;}
    #mo-gnb > li > ul > li > ul > li > a {color: #333;font-size: 14px;letter-spacing: -1px;line-height: 45px;padding: 0 15px 0 35px;text-decoration: none;}
    #mo-gnb li > a.have-children:before {color: #333333;content: '\f0d7';display: block;font-family: 'Font Awesome 5 Free';font-size: 13px;font-weight: bold;left: 20px;position: absolute;top: 0;transform: rotate(0);}
    #mo-gnb li.on > a.have-children:before {transform: rotate(180deg);}

    #slide-bg {background: rgba(0,0,0,0.3);height: 100%;left: 0;position: fixed;top: 0;width: 100%;z-index: 88;}
    #slide-bg.on {display: block;}
    #slide-menu {background: #fff;box-sizing: border-box;height: 100%;padding-top: 60px;position: fixed;right: 0;top: 0;width: 80%;z-index: 89;}
    #slide-menu .inner {height: 100%;overflow-y: auto;padding: 20px;position: relative;}
    #slide-menu.on {display: block;}

    #main #content,
    #sub #content {margin: 60px 0 0 0;width: auto;}
    #sub #content {padding: 20px 10px;}

    /* Main */
    #main .visual .roll .item .inner{width: auto;height: 370px;padding: 0 20px;}
    #main .visual .roll .item .txt{left: 20px;padding-bottom: 120px;z-index: 2;}
    #main .visual .roll .item .img{width: 250px;height: auto;}
    #main .visual .roll .item em{font-size: 13px;}
    #main .visual .roll .item p{margin-top: 10px;font-size: 30px;line-height: 38px;}
    #main .visual .roll .item .btns{margin-top: 10px;}
    #main .visual .roll .item .btns a{margin-right: 5px;width: 140px;line-height: 40px;border-radius: 40px;font-size: 14px;}
    #main .visual .roll .item .btns a i{margin-left: 10px;margin-top: -1px;}

    #main .content{padding: 0 20px 20px 20px;width: auto;}
    #main .gateway{margin-bottom: 30px;display: block;}
    #main .gateway .box{width: 100%;height: auto;border-radius: 3px;margin: 20px 0;}
    #main .gateway .box .txt{height: auto;padding: 20px 20px 20px 70px;}
    #main .gateway .box .txt > img{left: 20px;width: 35px;height: auto;}
    #main .gateway .box .txt a h4{font-size: 18px;}
    #main .gateway .box .txt a h4 i{margin-left: 10px;font-size: 10px;margin-top: -2px;}
    #main .gateway .box .txt p{font-size: 12px;letter-spacing: -1px;margin-top: 0;}
    #main .gateway .box .btns{position: relative;bottom: auto;left: auto;display: block;}
    #main .gateway .box .btns li{width: 100%;}
    #main .gateway .box .btns li:before{transform: none;top: 0;left: 0;width: 100%;height: 1px;background: rgba(0,0,0,0.1);}
    #main .gateway .box .btns li a{line-height: 40px;font-size: 13px;letter-spacing: -1px;}

    #main .main-tit{margin-bottom: 20px;}
    #main .main-tit h4{font-size: 22px;font-weight: bold;letter-spacing: -1px;}
    #main .main-tit em{margin-left: 0;margin-top: 5px;font-size: 13px;display: block;pr1}
    #main .main-tit .arrows{bottom: 10px;}
    #main .main-tit .more{bottom: 30px;}

    #main .strength{margin-top: 50px;}
    #main .strength .roll{margin: 0 -4px;display: flex;justify-content: space-between;flex-wrap: wrap;}
    #main .strength .roll .item{margin: 0 4px;padding: 75px 15px 15px 15px;width: calc(50% - 30px);border-radius: 3px;min-height: 200px;}
    #main .strength .roll .item > img{left: 50%;top: 20px;transform: translate(-50%, 0);width: 35px;}
    #main .strength .roll .item strong{font-size: 14px;word-break:keep-all !important; -ms-word-break: break-all; word-break: break-all; word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto;}
    #main .strength .roll .item p{margin-top: 5px;font-size: 13px;line-height: 16px;word-break:keep-all !important; -ms-word-break: break-all; word-break: break-all; word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto;}
    #main .strength .roll .item p br{display: none;}

    #main .pricebox{padding: 40px 20px;margin-top: 30px;}
    #main .pricebox .inner{width: auto;}
    #main .pricebox .price{display: block;margin: 0;}
    #main .pricebox .price li{width: 100%;margin: 7px 0;border-radius: 3px;padding: 0 25px;line-height: 60px;}
    #main .pricebox .price li h5{font-size: 15px;}
    #main .pricebox .price li h5 em{width: 40px;line-height: 23px;font-size: 12px;}
    #main .pricebox .price li > span{right: 25px;font-size: 14px;}
    #main .pricebox .price li > span em{width: 40px;line-height: 23px;font-size: 12px;margin-right: 5px;}
    #main .pricebox .price li > span u{font-size: 15px;margin-right: 10px;}
    #main .pricebox .price li > span strong{font-size: 20px;}

    #main .custbox{width: auto;margin: 20px 20px;}
    #main .top{display: block;}
    #main .top > *{width: auto;margin: 30px 0;}
    #main .top h4{margin-bottom: 15px;font-size: 16px;font-weight: bold;}
    #main .top .tel{font-size: 22px;}
    #main .top .tel img{margin-top: -2px;width: 30px;}
    #main .top .date{font-size: 13px;line-height: 18px;}
    #main .top .date strong{margin-right: 10px;}
    #main .top .more{font-size: 13px;}
    #main .top .more i{margin-left: 5px;}

    #main .top dd.qkmenu ul{margin-top: -3px;display: flex;justify-content: space-between;flex-wrap: wrap;}
    #main .top dd.qkmenu ul li{line-height: 45px;border-bottom: 1px solid #eee;width: calc(50% - 10px);}
    #main .top dd.qkmenu ul li img{width: 30px;margin-right: 5px;}
    #main .top dd.qkmenu ul li p{font-size: 14px;}
    #main .top dd.qkmenu ul li:after{right: 20px;}

    #main .top dd.notice h4{margin-bottom: 10px;}
    #main .top dd.notice ul{padding: 15px 15px;border-radius: 5px;}
    #main .top dd.notice ul li{line-height: 28px;padding-right: 70px;}
    #main .top dd.notice ul li a{font-size: 14px;}
    #main .top dd.notice ul li .wdate{font-size: 12px;}
   
    #main .bottom{margin-top: 30px;display: block;}
    #main .bottom dd{width: auto;height: auto;padding: 30px 20px;margin: 10px 0;}
    #main .bottom dd em{font-size: 12px;}
    #main .bottom dd h5{font-size: 16px;line-height: 24px;}
    #main .bottom dd.bn1 h5{font-size: 16px;}
    #main .bottom dd img{right: 20px;width: 55px;}
    #main .bottom dd.bn2 .more i,
    #main .bottom dd.bn3 .more i{border-radius: 25px;width: 25px;line-height: 25px;}

    .lnb-wrap {display: none;}

    /* Subpage */
    #sub #content{margin-top: 0;padding: 30px 20px;}
    #sub{padding-top: 60px;}
    #sub .sub-vis {margin-bottom: 0;margin-left: 0;width: 100%;left: auto;padding: 40px 20px;box-sizing: border-box;}
    #sub .sub-vis .inner{width: auto;height: auto;transform: none;}
    #sub .sub-vis .inner:before {display: none;}
    #sub .sub-vis .in {display: block;}
    #sub .sub-vis .in h3 {font-size: 22px;line-height: 22px;letter-spacing: -1px;}
    #sub .sub-vis .in p{font-size: 13px;font-weight: normal;margin-top: 10px;}
    #sub .sub-vis .in img{display: none;}

    .sub-tab{margin-bottom: 30px;display: none;}
    .sub-tab li a{line-height: 45px;font-size: 14px;}
    .sub-tab li.on a{line-height: 46px;}


    #sub-tit {margin-bottom: 20px;}
    #sub-tit h2 {font-size: 18px;}

    .search-form{margin-bottom: 20px;}
    .search-form fieldset{margin: 4px 0;}
    .search-form fieldset.profile{margin-bottom: 10px;padding-bottom: 10px;}
    .search-form fieldset.profile .sltbox{height: 35px;width: 100%;}
    .search-form fieldset.profile .sltbox select{height: 35px;}
    .search-form fieldset.default .datebox{width: 50%;margin-bottom: -1px;}
    .search-form fieldset.default .datebox .inp{padding-right: 35px;width: 100%;height: 35px;}
    .search-form fieldset.default .sltbox{height: 35px;width: calc(100% - 1px);margin-right: -1px;margin-bottom: -1px;}
    .search-form fieldset.default .sltbox:after{content: '\f0dd';position: absolute;top: 50%;transform: translate(0, calc(-50% - 2px));right: 10px;line-height: 0;font-size: 13px;color: #999;font-family: "Font Awesome 5 Free";font-weight: bold;}
    .search-form fieldset.default .sltbox select{height: 33px;}
    .search-form fieldset.default .keyword{width: calc(100% - 70px);height: 35px;margin-top: 5px;}
    .search-form fieldset.default .submit{height: 35px;line-height: 33px;margin-top: 5px;width: 66px;}
    .search-form fieldset.default .submit.mo-w100p{width: calc(100% - 1px) !important;}
    .search-form fieldset.default hr{display: none;}

    .noticebox{padding-left: 60px;margin-bottom: 20px;}
    .noticebox:before{left: 20px;font-size: 25px;}
    .noticebox li{font-size: 12px;}
    .noticebox li:before{top: 6px;}

    .list-head{margin-bottom: 15px;margin-top: 20px !important;}
    .list-head .total{font-size: 13px;}
    .list-head .abs-btn{position: static;width: 100%;margin: 0;margin-top: 10px;}
    .list-head .abs-btn > *{width: 100%;}

    /* sms 뱔송 화면 */
    #send_success_pop{width: calc(100% - 60px);}
    #send_success_pop .t1{font-size: 28px;}
    #send_success_pop .t2{font-size: 15px;line-height: 20px;}
    #send_success_pop .t2 strong{font-size: 16px;}

    #send_500_pop{width: calc(100% - 60px);}
    #send_500_pop .close{font-size: 20px;}
    #send_500_pop .t1{font-size: 28px;}
    #send_500_pop .t1 i{font-size: 30px;margin-bottom: 10px;}
    #send_500_pop .t2{font-size: 15px;line-height: 20px;}
    #send_500_pop .t2 strong{font-size: 16px;}

    #send_ads_pop{width: calc(100% - 60px);}
    #send_ads_pop .close{font-size: 20px;}
    #send_ads_pop .t1{font-size: 28px;}
    #send_ads_pop .t1 i{font-size: 30px;margin-bottom: 10px;}
    #send_ads_pop .t2{font-size: 15px;line-height: 20px;}
    #send_ads_pop .t2 strong{font-size: 16px;}

    #sendbox{display: block;}
    #sendbox > *{padding: 20px 15px;}
    #sendbox .lef{width: auto;margin-bottom: 20px;border-radius: 5px;}
    #sendbox .cen{width: auto;border-radius: 5px;}
    #sendbox .cen .sub-tab{display: block;}
    #sendbox .cen .sub-tab li{width: 50%;}
    #sendbox .cen .sub-tab li a{font-size: 14px;}
    #sendbox .cen fieldset{max-height: 200px;}
    #sendbox .rig{display: none;}

    /* kakao 템플릿 등록 화면 */
    #kakaoTemplate .wrap .cloneboxWrap{display: block;margin-bottom: 60px;}
    #kakaoTemplate .wrap .cloneboxWrap > *{min-height: 0;}
    #kakaoTemplate .lef{width: auto;}
    #kakaoTemplate .rig{width: auto;margin-top: 30px;}
    #kakaoTemplate .table_scroll_wrap{width: calc(100vw - 130px);}
    #kakaoTemplate .table_scroll_wrap table{min-width: 400px;}
    #kakaoTemplate .table_scroll_wrap table colgroup{display: contents;}
    #kakaoTemplate .template_category_wrap .selectbox{margin-bottom: -1px;}

    /* kakao alimtalk 발송 화면 */
    #kakaoAtSendbox .lef{width: auto;}
    #kakaoAtSendbox .rig{width: auto;margin-top: 30px;}
    #kakaoAtSendbox .table_scroll_wrap{width: calc(100vw - 130px);}
    #kakaoAtSendbox .table_scroll_wrap table{min-width: 400px;}
    #kakaoAtSendbox .table_scroll_wrap table colgroup{display: contents;}
    #kakaoAtSendbox .template_category_wrap .selectbox{margin-bottom: -1px;}

    #kakaoAtSendbox .wrap .cloneboxWrap{display: block;margin-bottom: 60px;}
    #kakaoAtSendbox .wrap .cloneboxWrap > *{min-height: 0;}
    #kakaoAtSendbox .select_template{width: 100% !important;margin-top: 5px;}
    #kakaoAtSendbox .date{margin: 0 -1px;}
    #kakaoAtSendbox .date > *{width: calc(33% - 1px);min-width: 0;}

    /* kakao friendtalk 발송 화면 */
    #kakaoFtSendbox .lef{width: auto;}
    #kakaoFtSendbox .rig{width: auto;margin-top: 30px;}
    #kakaoFtSendbox .table_scroll_wrap{width: calc(100vw - 130px);}
    #kakaoFtSendbox .table_scroll_wrap table{min-width: 400px;}
    #kakaoFtSendbox .table_scroll_wrap table colgroup{display: contents;}
    #kakaoFtSendbox .template_category_wrap .selectbox{margin-bottom: -1px;}

    #kakaoFtSendbox .wrap .cloneboxWrap{display: block;margin-bottom: 60px;}
    #kakaoFtSendbox .wrap .cloneboxWrap > *{min-height: 0;}
    #kakaoFtSendbox .select_template{width: 100% !important;margin-top: 5px;}
    #kakaoFtSendbox .date{margin: 0 -1px;}
    #kakaoFtSendbox .date > *{width: calc(33% - 1px);min-width: 0;}
    
    /* 카카오 발송 수신자 박스 */
    #kakao_destbox .stat_bar{margin-bottom: 5px;}
    #kakao_destbox .now_template{font-size: 12px;}
    #kakao_destbox .total_count{font-size: 14px;}
    #kakao_destbox .box .content{min-height: 120px;width: 100%;}
    #kakao_destbox .box .table_scroll_wrap{width: calc(100vw - 120px);}
    #kakao_destbox .box .table_scroll_wrap > table tr > *{min-width: 90px;font-size: 12px;}
    #kakao_destbox .box .destbox_alert{font-size: 12px;}
    #kakao_destbox .box .no_data_txt{line-height: 120px;font-size: 12px;}
    #kakao_destbox .box .btns button{font-size: 11px;}
    #kakao_destbox .box .btns button i{display: none;}


    .template-iphone{display: none;}
    .charge_point .charge_total_point{font-size: 20px;color: #525be9;font-weight: bold;margin-right: 10px;}

    /* Api */
    .apiWrap{display: block;margin-top: 20px;}
    .apiWrap .category{display: none;}
    .apiWrap .content{width: 100%;}

    .api_h3{margin-top: 30px;margin-bottom: 15px;font-size: 16px;}
    .api_h3:first-child{margin-top: 0;}
    .api_h4{margin-top: 15px;margin-bottom: 10px;font-size: 14px;}

    .api_info_head_url{display: block;}
    .api_info_head_url > *{display: block;}
    .api_info_head_url strong{line-height: 50px;width: auto;font-size: 13px;text-align: left;padding: 0 20px;}
    .api_info_head_url p{padding: 20px;width: auto;font-size: 13px;}
    .api_info_head_url p span{font-size: 12px;}

    .api_info_table colgroup{display: none;}
    .api_info_table tr > *{padding: 10px 15px;font-size: 12px;}
    .api_info_table tr:first-child > *{padding-top: 15px;}
    .api_info_table tr:last-child > *{padding-bottom: 15px;}
    .api_info_table tbody th{width: 80px;font-size: 11px;}
    .api_info_table tbody td{width: auto;}

    .api_table{table-layout: auto;}
    .api_table colgroup{display: none;}
    .api_table tr > *{border: 1px solid #ccc;border-right-color: #eee;border-left-color: #eee;padding: 4px;font-size: 11px;line-height: 14px;color: #666;letter-spacing: -0.5px;word-break: break-all;}
    .api_table thead th{border: 1px solid #333;border-width: 1px 0;font-weight: 500;letter-spacing: -1px;color: #333;padding: 13px 10px;}
    .api_table tbody th{background: #fafafa;font-weight: bold;color: #000;border-left: none;}
    .api_table tbody td:last-child{border-right: none;}

    /* Signin */
    #signin {margin: 20px auto;padding: 0 30px;width: auto;}
    #signin.w600{width: auto;}
    #signin form > h4 {font-size: 20px;}
    #signin .log-noti {font-size: 12px;margin-bottom: 30px;}
    #signin .log-noti a {font-size: 12px;}
    #signin .snsbox h5 {font-size: 12px;margin-bottom: 10px;}
    #signin .snsbox ul {margin: -2px;}
    #signin .snsbox ul li a {font-size: 12px;}
    #signin .snsbox ul li a img {height: auto;margin-top: -1px;width: 15px;}
    #signin .or {font-size: 12px;margin: 20px 0;}
    #signin .inp-wrap label {font-size: 12px;}
    #signin .inp-wrap label.chk {font-size: 12px;}
    #signin .inp-wrap label a {font-size: 12px !important;}
    #signin .mb_email {font-size: 12px;margin-bottom: 5px;}
    #signin input[type=text],
    #signin input[type=password]{font-size: 14px !important;letter-spacing: -0.5px;}
    #signin .submit,
    #signin button[type=submit]{height: 50px;font-size: 15px !important;}

    .agreeWrap > h5{font-size: 15px;}
    .agreeWrap .box{padding: 15px;height: 100px;}
    .agreeWrap .box h4{font-size: 14px;}
    .agreeWrap .box h5{font-size: 13px;}
    .agreeWrap label{font-size: 13px !important;line-height: 20px;}
    .agreeWrap .btn1{height: 50px !important;font-size: 15px !important;}

    #infoForm a[href="/member/point"]{display: block;width: 100%;margin-left: 0 !important;margin-top: 5px;}

    #policy-agree-box {font-size: 13px;line-height: 20px;}
    #policy-agree-box h4 {font-size: 15px;margin-bottom: 10px;}

    /* Mypage */
    .mypagebox {margin-bottom: 20px;}
    .mypagebox > li {padding-bottom: 15px;width: 50%;}
    .mypagebox > li:before {background: rgba(0,0,0,0.06);content: '';display: block;height: 100%;left: 0;position: absolute;top: 0;width: 1px;}
    .mypagebox > li:nth-child(odd):before {display: none;}
    .mypagebox > li:nth-child(3),
    .mypagebox > li:nth-child(4) {border-top: 1px solid #ddd;}
    .mypagebox > li h5 {font-size: 13px;line-height: 40px;}
    .mypagebox > li .txt {font-size: 13px;line-height: 40px;}
    .mypagebox > li .txt strong {font-size: 14px;margin-right: 3px;}
    .mypagebox > li .btn2 {font-size: 12px;height: 32px;line-height: 30px;}

    /* About manager */
    #gui-content h2.sub-tit {font-size: 22px;letter-spacing: -1px;line-height: 24px;padding: 35px 25px;}
    #gui-content h2.sub-tit em {font-size: 13px;line-height: 18px;margin: 0;margin-top: 10px;}
    #gui-content .inner {margin-top: 20px;}

    .gui-warbox {margin-bottom: 30px;padding: 15px;}
    .gui-warbox > strong {font-size: 14px;}
    .gui-warbox > p {font-size: 13px;line-height: 18px;}
    .gui-linkbox {margin-top: 30px;padding: 15px;}
    .gui-linkbox > strong {font-size: 14px;}
    .gui-linkbox > a {font-size: 13px;line-height: 18px;overflow: hidden;padding-left: 10px;text-overflow: ellipsis;white-space: nowrap;}

    .ctit1 {font-size: 16px;margin: 30px 0 15px 0;}
    .ctit2:before {height: 14px;margin-top: -7px;width: 2px;}
    .ctxt1 {font-size: 13px;line-height: 20px;margin-bottom: 15px;}

    #policy-agree-box {font-size: 13px;line-height: 18px;margin-top: 20px;padding-top: 25px;}
    #policy-agree-box h4 {font-size: 16px;margin: 20px 0;}
    #policy-agree-box h5 {font-size: 14px;margin: 10px 0;}
    #policy-agree-box ol.list1{margin: 10px 0;}
    #policy-agree-box ol.list1 > li{margin: 5px 0 5px 20px;}
    #policy-agree-box ol.list2{margin: 10px 0;}
    #policy-agree-box ol.list3{padding-left: 10px;}
    #policy-agree-box{display: block;}

    #policy-agree-box .doc_list{display: none;}
    #policy-agree-box .box .list_tit{margin: 15px 0 10px 0;font-size: 13px;}
    #policy-agree-box .box li{margin: 5px 0;}
    #policy-agree-box .box li a{font-size: 13px;}
    #policy-agree-box .content{width: auto}
    #policy-agree-box .tbltxt{margin-bottom: 15px;}
    #policy-agree-box .doc_box{width: auto;}

    .agreebox {font-size: 13px;}

    /* Blocked */
    #blocked {margin: 40px 20px;width: auto;}

    /* Emailchk */
    #emailchk {margin: 40px 15px;width: auto;}

    /* Zig alert */
    #zig-alert-wrap {right: 5px;top: 0;width: 300px;}
    #zig-alert {border-left: 3px solid #b82e24;margin-bottom: 3px;}
    #zig-alert p {font-size: 12px;line-height: 15px;padding: 10px 6px;}

    /* bookmark */
    #bookmark{display: block;border: none;}
    #bookmark > *{min-height: 0;padding-bottom: 0;border: 1px solid #bbb;}

    #bookmark .lef{width: auto;margin-top: -15px;}
    #bookmark .lef .head{height: 50px;}
    #bookmark .lef .total{line-height: 50px;padding-left: 10px;}
    #bookmark .lef .total strong{color: #525be9;}
    #bookmark .lef .btn{right: 10px;}
    #bookmark .lef .booklist{height: 91px;overflow-y: scroll;}
    #bookmark .lef .booklist li{padding: 0 70px 0 10px;}
    #bookmark .lef .booklist li p{font-size: 13px;line-height: 45px;}
    #bookmark .lef .booklist li p em{font-size: 12px;}
    #bookmark .lef .booklist li .sbtn{right: 10px;}

    #bookmark .rig{width: auto;margin-top: 15px;padding-bottom: 30px;}
    #bookmark .rig .head{height: 50px;}
    #bookmark .rig .head .lef-btn{left: 10px;}
    #bookmark .rig .head .rig-btn{right: 10px;}
    #bookmark .rig .head .rig-btn > em,
    #bookmark .rig .head .rig-btn .excel-upload-btn,
    #bookmark .rig .head .rig-btn .excel-download-btn{display: none !important;}
    
    #bookmark .rig .content table{table-layout: auto;}
    #bookmark .rig .content table colgroup{display: none;}
    #bookmark .rig .content .no-data{margin: 20px 0;font-size: 13px;}

    /* templates */
    #templates{display: block;border: none;}
    #templates > *{min-height: 0;padding-bottom: 0;border: 1px solid #bbb;}

    #templates .lef{width: auto;margin-top: -15px;}
    #templates .lef .head{height: 50px;}
    #templates .lef .total{line-height: 50px;padding-left: 10px;}
    #templates .lef .total strong{color: #525be9;}
    #templates .lef .btn{right: 10px;}
    #templates .lef .booklist{height: 91px;overflow-y: scroll;}
    #templates .lef .booklist li{padding: 0 70px 0 10px;}
    #templates .lef .booklist li p{font-size: 13px;line-height: 45px;}
    #templates .lef .booklist li p em{font-size: 12px;}
    #templates .lef .booklist li .sbtn{right: 10px;}

    #templates .rig{width: auto;margin-top: 15px;padding-bottom: 30px;}
    #templates .rig .head{height: 50px;}
    #templates .rig .head .lef-btn{left: 10px;}
    #templates .rig .head .rig-btn{right: 10px;}
    #templates .rig .head .rig-btn > em,
    #templates .rig .head .rig-btn .excel-upload-btn,
    #templates .rig .head .rig-btn .excel-download-btn{display: none !important;}
    
    #templates .rig .content table{table-layout: auto;}
    #templates .rig .content table colgroup{display: none;}
    #templates .rig .content .no-data{margin: 20px 0;font-size: 13px;}
    
    #templates .rig .template-list{padding: 10px;}
    #templates .rig .template-list li{width: calc(50% - 10px);padding: 40px 15px 15px 15px;}

    /* 단가 박스 */
    .pricebox{border-radius: 10px;padding: 30px;}
    .pricebox .tit{margin-bottom: 20px;}
    .pricebox .tit em{font-size: 12px;}
    .pricebox .tit h4{font-size: 18px;}
    .pricebox ul{display: block;}
    .pricebox ul li{width: 100%;margin: 5px 0;border-radius: 7px;display: block;text-align: center;}
    .pricebox ul li .t1 p{font-size: 12px;}
    .pricebox ul li .t1 p strong{font-size: 16px;}
    .pricebox ul li .t1 em{font-size: 13px;margin-left: 5px;}
    .pricebox ul li .t2{display: block;text-align: center;margin-top: 10px;}
    .pricebox ul li .t2 em{width: 70px;line-height: 26px;border-radius: 26px;font-size: 13px;margin-right: 5px;}
    .pricebox ul li .t2 p{font-size: 13px;}
    .pricebox ul li .t2 p strong{font-size: 18px;}


    /* 콘텐츠 페이지 */
    #sub #content.fullsize{width: 100%;margin: -30px 0 !important;padding: 0 !important;box-sizing: border-box;box-sizing: border-box;}

    #abu h3{font-size: 22px;margin-bottom: 30px;}

    #abu .visual{height: 400px;padding-top: 70px;}
    #abu .visual h2{font-size: 26px;}
    #abu .visual h2 br{display: block;}
    #abu .visual p{font-size: 14px;}
    #abu .visual > img{width: auto;height: 200px;}
    #abu.sms .visual{background: url('../images/sub/service-sms-bg.jpg') no-repeat center center;background-size: cover;}

    #abu .type{padding: 50px 20px;}
    #abu .type ul{width: auto;display: block;margin: -10px 0;}
    #abu .type ul li{width: auto;padding: 35px 20px 20px 25px;margin: 10px 0;box-sizing: border-box;}
    #abu .type ul li img{width: 160px;height: auto;}
    #abu .type ul li strong{font-size: 18px;}
    #abu .type ul li .tag{margin-top: 15px;}
    #abu .type ul li .tag span{margin: 0 1px;padding: 0 10px;line-height: 30px;border-radius: 30px;font-size: 12px;}

    #abu .matchs{padding: 50px 20px 0 20px;}
    #abu .matchs .inner{width: auto;}
    #abu .matchs table tr > *{padding: 15px 8px;}
    #abu .matchs table tr > *:first-child{width: 70px;}
    #abu .matchs table thead th{font-size: 13px;}
    #abu .matchs table tbody th{font-size: 13px;}
    #abu .matchs table tbody td{font-size: 13px;line-height: 18px;}

    #abu .intro{padding: 50px 0;}
    #abu .intro .tab{height: 50px;margin-bottom: 20px;top: 60px;}
    #abu .intro .tab ul {white-space: nowrap;overflow-x: scroll;padding: 0 15px;}
    #abu .intro .tab ul li{padding: 0 10px;}
    #abu .intro .tab ul li a{font-size: 14px;line-height: 50px;padding: 0;}
    #abu .intro .databox{padding: 0 20px;width: auto;margin: 20px auto 30px auto;display: block;}
    #abu .intro .databox dt{width: auto;margin-bottom: 20px;box-shadow: 3px 3px 10px rgba(0,0,0,0.05);}
    #abu .intro .databox dt img{width: 100%;height: auto;}
    #abu .intro .databox dd{width: auto;text-align: center;}
    #abu .intro .databox dd h4{font-size: 18px;margin-bottom: 15px;text-align: center;}
    #abu .intro .databox dd p{font-size: 13px;line-height: 20px;}
    #abu .intro .databox.lef dd{padding: 0;}
    #abu .intro .databox.rig{display: block;}
    #abu .intro .databox.rig dd{padding: 0;}

    #abu .goto{padding: 50px 0;}
    #abu .goto ul{display: block;width: auto;padding: 0 20px;}
    #abu .goto ul li{width: calc(50% - 4px);padding: 25px 15px 25px 15px;margin: 2px;display: inline-block;vertical-align: top;}
    #abu .goto ul li > img{width: 40px;height: auto;}
    #abu .goto ul li strong{font-size: 15px;}
    #abu .goto ul li p{font-size: 12px;}
    #abu .goto ul li p img{width: 6px;height: auto;margin-left: 5px;}
    #abu.kakao .goto ul li{width: calc(50% - 4px);}
    #abu.kakao .type ul li:nth-child(4),
    #abu.kakao .type ul li:nth-child(5){width: 100%;}

    #abu .faq{padding: 50px 20px;}
    #abu .faq .inner{width: auto;}
    #abu .faq .abs-more{top: 10px;font-size: 13px;}
    #abu .faq .abs-more img{margin-left: 5px;margin-top: -2px;width: 6px;height: auto;}
    #abu .faq .result{margin-bottom: 10px;font-size: 13px;}
    #abu .faq .list li{padding: 15px 30px 15px 15px;}
    #abu .faq .list li a{font-size: 15px;display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
    #abu .faq .list li em{position: static;transform: none;width: auto;text-align: left;font-size: 13px;display: block;margin-bottom: 2px;}
    #abu .faq .list li:after{right: 15px;width: 7px;}

    #abu .ft-join{padding: 60px 20px;}
    #abu .ft-join h3{margin-bottom: 20px;}
    #abu .ft-join h3 br{display: block;}
    #abu .ft-join a{dwidth: 180px;font-size: 15px;}
}