html {width: 100%; height: 100%;}
body {width: 100%; height: 100%; min-width:1014px; min-height:734px; background: #000000;}/*2018.9.12*/
.margintop20{margin-top:20px;}
.margintop50{margin-top:50px;}
.height50{height:50px;}
.wrap{position:relative; top:50%; width:1200px; height:750px; margin:0 auto; background: #4a5863; transform:translateY(-50%); border:2px solid #4b5963; box-sizing:border-box; background:#fff;}/*2018.9.12*/

.main_header{position:absolute; top:0; left:0; width:100%; height:60px; background:#00bcd4; z-index:1000;}
.main_header .logo{display:inline-block;line-height: 60px; margin-left:30px;}
.main_header .logo img{vertical-align:middle; }

.main_body{width:100%; height:100%; padding-top:60px; padding-left:400px;box-sizing:border-box; background:rgba(155, 155, 155, 0.1); font-size:0;}
.depth1_wrap {position:absolute; top:0; left:0; display:inline-block;
    width: 200px;
    height: 100%; box-sizing:border-box; padding-top:60px;
    background-color: #08151e;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
}
.depth1_list{}
.depth1_list > li{position:relative; height:63px;}
.depth1_list > li a{display:block; line-height:63px; box-sizing:border-box; padding-left:30px; font-size:15px; color:#fff;}
.depth1_list > li.on{}
.depth1_list > li:hover a,
.depth1_list > li.on a{color:#00bcd4;  background-image: linear-gradient(to right, rgba(255,255,255,0.05), rgba(255, 255, 255, 0));}
.depth1_list > li:hover::before,
.depth1_list > li.on::before{content:''; position:absolute; top:0; left:0; width:5px; height:100%; background:#00bcd4;}
.depth2_wrap{position:absolute; top:0; left:200px; display:inline-block;
    width: 200px;
    height: 100%;box-sizing:border-box; padding-top:60px;
    background-color: #131f28;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
}
.depth2_list{}
.depth2_list > li{position:relative;}
.depth2_list > li > a{display:block; height:63px; line-height:63px; box-sizing:border-box; padding-left:40px; font-size:15px; color:#fff; }
.depth2_list > li > a .icon{display:inline-block; padding-right:10px; vertical-align:middle; }
.depth2_list > li > a span{vertical-align: middle;}
.depth2_list > li > a:hover,
.depth2_list > li.on > a{background-color: rgba(255, 255, 255,0.05); box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);}
.depth2_list > li:hover::before,
.depth2_list > li.on::before{content:url(../admin_img/oval.png); position:absolute; top:25px; left:20px; }
.contents_wrap{padding:30px;box-sizing: border-box; overflow-y: scroll; height: 100%;}
.depth3_list{padding:10px 0;}
.depth3_list > li{}
.depth3_list > li a{display:block;    padding: 10px 0 10px 70px;font-size: 15px;color:#fff;}
.depth3_list > li.on a,
.depth3_list > li a:hover{font-weight:bold;text-decoration: underline;}
/* title */
.contents_wrap h3{padding-bottom:20px; margin-bottom:20px;font-weight:bold;font-size:24px; color:#232323;border-bottom: solid 1px rgba(35, 35, 35, 0.1);}
.contents_wrap h4{margin-bottom:20px;font-size:18px; color:#232323;}
.contents_wrap h4 span{display:inline-block; margin-left:20px;font-weight:300;}
/* page_notice */
.page_notice{margin:50px 0 30px;}
.page_notice .title{margin-bottom:10px;font-size: 18px; line-height: 1; color: #232323;}
.page_notice .desc{margin-bottom:10px;font-size: 15px; font-weight: 300; line-height: 1.47; color: #232323;}
.page_notice .special{font-size: 15px; line-height: 1; color: #00bcd4;}

.password_notice{margin:30px 50px 50px;font-size:15px; line-height:1.67;}

/* table.col */
.table_col_wrap{padding:20px 50px; margin-bottom:50px; box-sizing:border-box; background:#fff; border-radius:5px;}
table.col{border-collapse: collapse; border-spacing:0;  width:100%;}
table.col th{padding:10px 0;font-weight:normal;font-size:18px; color:#232323; text-align:left;border-bottom:2px solid rgba(155, 155, 155, 0.1);}
table.col td{padding:10px 0;font-size:18px;color:#00bcd4;border-bottom:2px solid rgba(155, 155, 155, 0.1);}
.table_col_wrap.buy{margin-bottom:0;}
.table_col_wrap.buy_product{padding:0px 50px; margin-bottom:10px;}
/* table.col_noline */
table.col_noline{border-collapse: collapse; border-spacing:0;  width:100%;}
table.col_noline th{text-align:left;}
table.col_noline label{font-weight:normal;font-size:18px;text-align:left;padding-left:15px;}
table.col_noline label.required{position:relative;color:#00bcd4;}
table.col_noline label.required::before{content:'·';font-size: 34px; position: absolute; top: -17px; left:0px;}
table.col_noline td{height:60px;font-size:18px; color: #9b9b9b; text-align:left;}
table.col_noline .input_table{width:100%; height:40px; line-height:40px; background:rgba(155, 155, 155,0.1); border:none; box-sizing:border-box; padding:0 5px; font-size:18px;}
table.col_noline .input_table.invalid{border:1px solid #e6001c;}
table.col_noline span.invalid {display: block;font-size: 15px;font-weight: 300;color: #e6001c;}
table.col_noline .textarea_table{width:100%; line-height:40px; background:rgba(155, 155, 155,0.1); border:none; box-sizing:border-box; padding:0 5px; font-size:18px;}
table.col_noline .match{display:inline-block; vertical-align: middle;}
table.col_noline .match img{vertical-align: middle;}
table.col_noline .not_match{font-size: 15px; line-height: 1; color: #e6001c;}

.table_col_noline_title_wrap{position:relative; margin:50px 0 20px;}
.table_col_noline_title_wrap .title{display:inline-block;font-size: 18px;}
.table_col_noline_title_wrap .title strong{margin-right:20px;}
.table_col_noline_title_wrap .title span.desc{display:inline-block; margin-left:20px; font-weight:300;}
.table_col_noline_title_wrap .type{position:absolute; top:5px; right:0; font-size: 18px;line-height: 1; text-align: right; color: #00bcd4;}

/* table.row */
table.row{
    border-collapse: collapse;
    border-spacing:0;
    width:100%;
}
table.row th{height:48px; font-weight:normal; font-size:18px; color:#fff; background:#00bcd4;}
table.row th:first-child{border-top-left-radius: 5px;}
table.row th:last-child{border-top-right-radius: 5px;}
table.row td{height:55px; padding:0 1%; background:#fff;font-size:15px; text-align:center; border-bottom:2px solid rgba(155, 155, 155, 0.1);}
table.row td.left{text-align:left;}
table.row tr:last-child td:first-child{border-bottom-left-radius: 5px;}
table.row tr:last-child th:last-child{border-bottom-right-radius: 5px;}

table.row .input_table{width:100%; height:35px; line-height:35px; background:rgba(155, 155, 155,0.1); border:none; box-sizing:border-box; padding:0 5px;}

.btn_table{height:35px; line-height:35px; padding:0 5px; font-size:14px; color:#00bcd4; border-radius:5px; border:1px solid #00bcd4; text-align:center;}
.btn_table:hover{background:#00bcd4; color:#fff;}

.btn_table_add{padding:0 27px; height:35px; line-height:35px; font-size:14px; color:#fff; text-align:center; background:#00bcd4; border-radius:5px;}
.btn_table_add:hover{background:#0090a2;}

.btn_table_app {margin-left:10px;padding: 0 27px; height: 35px; line-height: 35px; font-size: 14px;color: #fff; text-align: center; background: #00bcd4; border-radius: 5px;}
.btn_table_app:hover{background:#0090a2;}

.table_button_wrap{margin-top:30px;text-align:center;}
.table_button_wrap.right{margin-top:30px;text-align:right;}
.table_button_wrap.left{margin:0;text-align:left;}
.btn_green{width:200px; height:60px; line-height:60px; font-size:18px; color:#fff; text-align:center; background:#00bcd4; border-radius:5px;}
.btn_green:hover{background:#0090a2;}
.btn_green.long{width:250px;}
.btn_cancel{width:200px; height:60px; line-height:60px; margin:0px 5px; box-sizing:border-box; font-weight:bold; font-size:18px; color:#00bcd4; text-align:center; border:2px solid #00bcd4; border-radius:5px;}
.btn_cancel:hover{background:#00bcd4; color:#fff;}
.btn_later{width:200px; height:60px; line-height:60px; margin:0px 5px; box-sizing:border-box; font-weight:bold; font-size:18px; color:#00bcd4; text-align:center; border:2px solid #00bcd4; border-radius:5px;}
.btn_later:hover{background:#00bcd4; color:#fff;}
.btn_save{width:200px; height:60px; line-height:60px; margin:0px 5px; box-sizing:border-box; font-weight:bold; font-size:18px; color:#00bcd4; text-align:center; border:2px solid #00bcd4; border-radius:5px;}
.btn_save:hover{background:#00bcd4; color:#fff;}
.btn_save2{width:200px; height:60px; line-height:60px; margin:0px 5px; box-sizing:border-box; font-weight:bold; font-size:18px; background:#00bcd4; color:#fff; text-align:center; border:2px solid #00bcd4; border-radius:5px;}
.btn_save2:hover{background:#0090a2;border:2px solid #0090a2;}
.btn_regist{width:200px; height:60px; line-height:60px; margin:0px 5px; box-sizing:border-box; font-weight:bold; font-size:18px; background:#00bcd4; color:#fff; text-align:center; border:2px solid #00bcd4; border-radius:5px;}
.btn_regist:hover{background:#0090a2;}
.btn_list{width:200px; height:60px; line-height:60px; margin:0px 5px; box-sizing:border-box; font-weight:bold; font-size:18px; color:#00bcd4; text-align:center; border:2px solid #00bcd4; border-radius:5px;}
.btn_list:hover{background:#00bcd4; color:#fff;}
.btn_list2{width:200px; height:60px; line-height:60px; margin:0px 5px; box-sizing:border-box; font-weight:bold; font-size:18px; background:#00bcd4; color:#fff; text-align:center; border:2px solid #00bcd4; border-radius:5px;}
.btn_list2:hover{background:#0090a2;border:2px solid #0090a2;}
/* paging */
.paging_wrap{margin-top:30px; text-align:center;}
.paging_list{display:inline-block; margin:0 10px;}
.paging_list > li{display:inline-block; padding:0 10px; vertical-align:middle; }
.paging_list > li a{display:block; font-size: 15px; line-height: 1; text-align: center; color: #9b9b9b;}
.paging_list > li a:hover{color:#00bcd4;}
.paging_list > li.on a{width:30px; height:30px; line-height:30px; background:#00bcd4; color:#fff; font-weight:bold; font-size:18px; border-radius:30px;}
.paging_list > li.on a:hover{background:#0090a2;}
.paging_list > li a.shortening{padding-bottom:7px;}
.btn_page_first{display:inline-block; vertical-align: middle;}
.btn_page_prev{display:inline-block; vertical-align: middle;}
.btn_page_next{display:inline-block; vertical-align: middle;}
.btn_page_last{display:inline-block; vertical-align: middle;}

.searching_wrap{position:relative; margin:50px 0 20px;}
.searching_wrap .title{margin-bottom:20px;font-size: 15px; line-height: 1; color: #00bcd4;}
.searching_wrap .btn_excel{position:absolute; right:0; top:-20px; width:130px; height:35px; line-height:35px; font-size:15px; color: #00bcd4; text-align:center; border:1px solid #00bcd4; border-radius:5px;}
.searching_wrap .btn_excel:hover{color:#fff;background:#00bcd4;}
.searching_wrap .search{position:relative; height:35px; line-height:35px;border:none;border-bottom:2px solid #9b9b9b; background:transparent url(../admin_img/icon_search.svg) 100% 10px no-repeat;}
.searching_wrap .date_wrap{display:inline-block;margin-right:20px;vertical-align: middle;}
.searching_wrap .input_date{width: 130px; height: 35px; line-height:35px; box-sizing:border-box; padding:0 10px; vertical-align: middle; border:none; background-color: #ffffff;}
.searching_wrap .btn_cal{vertical-align: middle;}
.searching_wrap .btn_cal img{vertical-align: middle;}
.searching_wrap .dash{display:inline-block; vertical-align: middle; font-size:15px; color:#232323; margin:0 10px;}
.searching_wrap .select_wrap{margin-right:20px !important;}
/* media */
.media_wrap{width:100%;font-size:0;margin:50px 0;}
.media_wrap .video_wrap{display:inline-block;width:50%; box-sizing:border-box; padding-right:10px;}
.media_wrap .video{position:relative; width:100%;height: 220px; border-radius: 5px; background-color: #000;}
.media_wrap .photo_wrap{display:inline-block;width:50%; box-sizing:border-box; padding-left:10px; }
.media_wrap .photo{position:relative; width:100%;height: 220px; border-radius: 5px; background-color: #000;}
.media_wrap .top {position:absolute; top:0; left:0;width:100%; height: 30px; border-top-left-radius: 5px; border-top-right-radius: 5px; background-color: #0090a2;}
.media_wrap .btn_prev{position:absolute;left:10px; top:0;font-size:15px; color:#fff;line-height:30px;}
.media_wrap .btn_next{position:absolute;right:10px; top:0;font-size:15px; color:#fff;line-height:30px;}
.media_wrap .info_wrap{position:absolute;left:50%; top:0; transform:translateX(-50%);font-size:15px; color:#fff;line-height:30px;}

.sms_setting{margin-top:50px;}
.sms_setting .bullet{display:inline-block; vertical-align: middle; margin:0 15px;}
.sms_setting span{display:inline-block; vertical-align: middle;}
.sms_setting > .title{height: 48px; line-height:48px;padding-left:20px; border-top-left-radius: 5px;border-top-right-radius: 5px; background-color: rgba(0, 188, 212, 0.8);font-size:15px; color:#fff;}
.sms_setting .content{background:#fff; padding:30px 50px;}
.sms_setting .content > .title{font-size: 15px; font-weight: bold; line-height: 1.4; color: #00bcd4;}
.sms_setting .content .txt{margin-top:15px;font-weight:300;font-size:15px; line-height:1.47;}
.sms_setting .content .txt2{margin-top:10px; font-size:15px; line-height:1.67;}

.service_wrap{font-size:0; margin-bottom:25px;}
.service_wrap .level{display:inline-block; width:68%; height:140px; margin-right:2%; box-sizing:border-box; background:#fff; border-radius:5px; vertical-align:top;  text-align:center;}
.service_wrap .level .title{margin:15px 0 10px; font-weight:bold; font-size:18px;}
.service_wrap .level .title.premium{margin:0; line-height:140px;}
.service_wrap .user{display:inline-block; width:30%; height:140px;box-sizing:border-box; background:#fff; border-radius:5px; vertical-align:top;}
.service_wrap .user .title{margin:15px 0 10px; font-weight:bold; font-size:18px; text-align:center;}
.service_wrap .user .number{font-size: 60px; font-weight: bold; line-height: 1;color: #00bcd4; text-align:center;}
.service_wrap .notice1{margin-top:20px;font-weight:bold;font-size: 15px;line-height: 1; color: #00bcd4;}
.service_wrap .notice2{margin-top:10px;font-size: 15px;line-height: 1; color: #00bcd4;}
.service_wrap .btn_green.long{height:60px; line-height:60px;}

.product_info_wrap{font-size:0}
.product_info_wrap .product{display:inline-block;width:50%; box-sizing:border-box; padding:0 10px 0 0;vertical-align: top;}
.product_info_wrap .product:nth-child(2){ padding:0 0 0 10px;}
.product_info_wrap .product .top{box-sizing:border-box; padding:15px 30px;border-top-left-radius:5px; border-top-right-radius:5px;background-color: #00bcd4;}
.product_info_wrap .product .top .title{margin-bottom:5px;font-size: 24px; font-weight: bold; color:#fff;}
.product_info_wrap .product .top .year{font-size: 18px;font-weight: bold;line-height: 1.39;color: #ffffff;}
.product_info_wrap .product .top .month{font-size: 18px;line-height: 1.39;color: #ffffff;}
.product_info_wrap .product .top .using{margin-top:5px;}
.product_info_wrap .product .top .using .icon{display:inline-block; vertical-align:middle;}
.product_info_wrap .product .top .using .txt{display:inline-block; margin-left:10px; vertical-align:middle;font-size: 15px; font-weight: bold;color:#fff;}
.product_info_wrap .product .info{height: 220px; box-sizing:border-box; padding:15px 30px;border-bottom-left-radius:5px; border-bottom-right-radius:5px;background-color: rgba(0, 188, 212,0.1);font-size: 15px;font-weight: 300;line-height:1.1;color: #08151e;}
.product_info_wrap .product .info strong{font-weight:bold;}
.product_info_wrap .product .info li{margin-bottom:15px;}
.product_info_wrap .btn_upgrade{width:200px; height:45px; margin-top:20px; line-height:45px;border:2px solid #fff; border-radius:5px; color:#fff; font-size:18px;}

.agree_wrap{margin:20px 0 50px;}
.agree_wrap .view_conditions{font-weight: 300; border-bottom: 1px solid #999;font-size:15px; color:#232323;}

.buy_date_wrap{margin-bottom:20px;}
.buy_date_wrap .notice{font-size: 15px;line-height: 1; color: #00bcd4;vertical-align: middle;}


.buy_finish{margin:50px 0 20px;}
.buy_finish .txt{margin-bottom:5px;font-size: 18px;font-weight: bold;}
.buy_finish .txt2{font-size: 18px;}

.regist_notice_wrap{margin:50px 0;}
.regist_notice_wrap .title{font-size: 18px;}
.regist_notice_wrap .desc{margin:10px 0;font-size: 15px; font-weight: 300;}
.regist_notice_wrap .notice{font-size: 15px;font-weight: bold;color: #00bcd4;}

.notice_read_wrap {padding:30px; margin-bottom: 50px; box-sizing: border-box; background: #fff; border-radius: 5px;}
.notice_read_wrap .title{padding-bottom:20px;font-size: 18px;font-weight: bold;color: #00bcd4;border-bottom:2px solid rgba(35, 35, 35,0.1);}
.notice_read_wrap .content{padding:20px 0;font-size: 15px;}

.accordion_wrap .accordion {position:relative;
    background-color: #fff;
    font-size: 15px;
    cursor: pointer;
    text-align:left;
    width: 100%;padding:20px;
    border-bottom:2px solid rgba(35, 35, 35, 0.05);

}
.accordion_wrap .accordion .arrow{position:absolute; display:inline-block; top:20px; right:20px;}
.accordion_wrap .accordion.active .arrow,
.accordion_wrap .accordion:hover .arrow{transform:rotate(180deg);}

.accordion_wrap .panel {padding: 20px; display: none; background-color: white;border-bottom:2px solid rgba(35, 35, 35, 0.05);}
.accordion_wrap .panel .title{font-weight:bold; font-size:15px;}
.accordion_wrap .panel p{margin-top:10px; font-size:15px;}

.popup_wrap{position:absolute; top:0; left:0; bottom:0; right:0; background-color: rgba(8, 21, 30, 0.9); z-index:1000;}
.popup {position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); width: 700px;height: 649px; background-color: #ffffff; border: solid 5px #00bcd4; box-sizing:border-box; padding:50px;}
.popup h3{font-size: 24px;
    font-weight: bold;
    color: #00bcd4;}
.popup h4{margin:30px 0 20px;font-size:15px;}
.popup .content{box-sizing:border-box; margin-top:20px; padding-top:20px;border-top:2px solid rgba(35, 35, 35, 0.1);}
.popup .content .button_wrap{margin-top:20px;text-align:center;}
.popup .btn_send{width:150px; height:50px; line-height:50px; color:#fff;border-radius: 4px;
    background-color: #00bcd4; font-size:15px;}
.popup .btn_send:hover{background:#0090a2;}
.popup .btn_confirm{
    width: 150px;
    height: 40px;
    line-height: 40px;
    color: #fff;
    border-radius: 5px;
    background-color: #1c2b36;
    font-size: 16px;
}
.popup .btn_confirm:hover{background:#131b21;}
.popup .btn_cancel{
    width: 150px;
    height: 40px;
    line-height: 40px;
    font-weight: normal;
    font-size: 16px;
    border: 1px solid #1c2b36;
    border-radius: 5px;
    background: #fff;
    color: #1c2b36;
}
.popup .btn_cancel:hover{
    width: 150px;
    height: 40px;
    line-height: 40px;
    font-weight: normal;
    font-size: 16px;
    border: 1px solid #1c2b36;
    border-radius: 5px;
    background: #fff;
    color: #1c2b36;
}
/* table.service */
table.service{border-collapse: collapse; border-spacing:0;  width:100%;}
table.service th{display:block;padding:15px 0 10px;font-weight:normal;font-size:18px; color: #00bcd4; text-align:left;}
table.service td{padding:10px 0;}
table.service .max{display:inline-block; margin-top:10px;font-size: 15px; line-height: 1; color: #9b9b9b;}
table.service .input_table{width:100%; height:40px; line-height:40px; background:rgba(155, 155, 155,0.1); border:none; box-sizing:border-box; padding:0 5px; font-size:14px;}
table.service .textarea_table{width:100%; line-height:40px; background:rgba(155, 155, 155,0.1); border:none; box-sizing:border-box; padding:0 5px; font-size:14px;}

.popup_tile {
    height: 42px;
    line-height: 42px;
    background-color: #00BCD4;
    color: #fff;
    font-size: 16px;
    padding-left: 20px;
    font-weight: bold;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
.popup.account {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 541px;
    height: unset;
    background-color: #ffffff;
    border: none;
    box-sizing: border-box;
    border-radius: 5px;
    padding: 0px;
    padding-bottom: 25px;
}

@media (max-width: 550px) {
    .popup.account {
        width: 98%;
    }
}


.popup.account .title_list{font-size:0;}
.popup.account .title_list > li{
    display: inline-block;
    width: 50%;
    height: 50px;
    font-size: 16px;
    line-height: 50px;
    text-align: center;
    color: #8a9298;
    background: #f9f9f9;
}
.popup.account .title_list > li.on{
    color: #1c2b36;
    font-weight: bold;
    background: #fff;
}
.popup.account h4{
    margin: 30px 20px 22px;
    font-size: 14px;
    color: #212c34;
}
.popup.account .content{
    box-sizing: border-box;
    margin-top: unset;
    padding-top: unset;
    border-top: unset;
}
.popup.account .btn_auth{
    width: 100px;
    height: 30px;
    border-radius: 5px;
    border: solid 1px #00bcd4;
    line-height: 27px;
    font-size: 14px;
    color: #00bcd4;
    text-align: center;
    margin-left: 5px;
}
.popup.account .btn_auth:hover{background:#00bcd4; color:#fff;}
.popup.account .comment{margin-top: 15px;
    margin-left: 30px;
    text-align: center;
    font-size: 14px;
    line-height: 30px;
    font-weight: 300;
    color: #8a9298;}
.popup.account .comment.left{text-align:left;}
.popup.account .comment a{font-weight:normal; color:#00bcd4;}
.popup.account .id_info{
    position: relative;
    height: 50px;
    line-height: 50px;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    color: #00bcd4;
    border-radius: 4px;
    /* border: 2px solid #00bcd4; */
    background: #f9f9f9;
    margin: 0 41px;
}
.popup.account .modify_finish{font-size: 24px;text-align: center;color: #00bcd4;}

.popup.account.service{width:672px; height:100%;}
.popup.account.service .title{font-weight:bold; font-size:15px;margin:10px 0;}
.popup.account.service .monthfree{text-decoration:underline;color:#00bcd4;}
.popup.account.service .agree_wrap{margin-bottom:30px;}
.popup.account.service .content .button_wrap{margin-top:30px;}
.popup.account.service .id_info_wrap {position:absolute; top:50%; left:50%; transform:translate(-50%, -50%);line-height:1;}
.popup.account.service .id_info_wrap span{display:inline-block; margin-bottom:15px;font-weight:normal; font-size:15px; color:#232323;}
.popup.account.service .notice{margin-top:20px;text-align:center;padding:15px 0; border-radius:5px;font-size:15px;background-color: rgba(0, 188, 212,0.1);}
/* table.account */
table.account{
    border-collapse: collapse;
    border-spacing: 0;
    margin: 0px 30px;
}
table.account th{
    display: block;
    padding: 15px 0 10px;
    font-weight: normal;
    font-size: 14px;
    text-align: left;
    margin-right: 15px;
}
table.account td{padding:10px 0;}
table.account td.auth{display:block;text-align:right;}
table.account .max{display:inline-block; margin-top:10px;font-size: 14px; line-height: 1; color: #9b9b9b;}
table.account .input_table{
    width: 250px;
    height: 30px;
    line-height: 30px;
    background: #f5f6fa;
    border: none;
    box-sizing: border-box;
    padding: 0 5px;
    font-size: 14px;
    border-radius: 5px;
}
table.account .input_table.half{
    width: 175px;
}
table.account .input_table.small{
    width: 60px;
}
@media (max-width: 550px) {
    table.account .input_table{
        width: 120px;
    }
    table.account .input_table.half{
        width: 70px;
    }
    table.account .input_table.small{
        width: 40px;
    }
}
table.account .input_table.invalid{border: solid 1px #e6001c;}
table.account span.invalid{display:block;font-size: 14px;font-weight: 300;color: #e6001c;}
table.account label{font-weight:normal;font-size:14px;text-align:left;padding-left:15px;}
table.account label.required{position:relative;color:#00bcd4;}
table.account label.required::before{content:'·';font-size: 34px; position: absolute; top: -17px; left:0px;}
table.account .match{display:inline-block; vertical-align: middle;}
table.account .match img{vertical-align: middle;}
/*table.certification*/
table.certification{border-collapse: collapse; border-spacing:0;  width:100%;}
table.certification tr{border-bottom:1px solid rgb(35, 35, 35,0.1);}
table.certification th{display:block;padding:10px 0;font-size: 15px; font-weight: normal;line-height: 1; color: #232323;text-align:left;}
table.certification td{padding:10px 0;font-size: 15px;font-weight: 300;line-height: 1.47; color: #00bcd4;}
/* file */
.filebox input[type="file"] {position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0;}
.filebox label {display: inline-block;width:100px; height:35px; line-height:35px; text-align:center !important; vertical-align: middle; font-size:15px !important; color:#fff;	background-color: #00bcd4; cursor: pointer;	border-radius: .25em;}
.filebox label:hover{background:#0090a2;}
/* named upload */
.filebox .upload-name {display: inline-block;width:250px;height:40px;box-sizing:border-box;padding:0 5px;vertical-align: middle;background: rgba(155, 155, 155,0.1); border:none; -webkit-appearance: none; -moz-appearance: none; appearance: none;}



/* select */
.select_wrap {display:inline-block; margin-right:10px; width:130px; height: 35px; line-height:35px;padding:0 10px; box-sizing:border-box; border-radius:35px; border:1px solid #232323; background: url(../admin_img/icon_select_down.svg) 90% center no-repeat; vertical-align: middle;  overflow: hidden;}
.select_wrap select {
    width: 100%; height: 30px; line-height:30px; padding:0 5px; font-size: 15px; color: #232323; background: transparent;  cursor:pointer;
    border: 0 !important;  /*Removes border*/
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    text-overflow:'';
    text-indent: 0.01px; /* Removes default arrow from firefox*/
    text-overflow: "";  /*Removes default arrow from firefox*/
}
.select_wrap select:focus{outline:0;}
.select_wrap select::-ms-expand {display: none;}

.find_pw_radio{
    margin: 0 20px;
}

/* radio */
.custom_radio [type="radio"]{position: absolute; left: -9999px;}
.custom_radio [type="radio"] + label{position: relative; padding-right:20px; padding-top:0px; cursor: pointer; display: inline-block; font-size:14px;vertical-align:middle;}
.custom_radio [type="radio"]:not(:checked) + label{ color: #9b9b9b;  }
.custom_radio [type="radio"]:checked + label{color: #162027; font-weight: bold;}
.custom_radio [type="radio"] + label:before{content:url(../admin_img/2-off.png); display:inline-block; padding-right:5px; vertical-align: middle;}
.custom_radio [type="radio"]:checked + label:before{content:url(../admin_img/2-on.png);}

.sms_radio [type="radio"]{position: absolute; left: -9999px;}
.sms_radio [type="radio"] + label{position: relative; padding-right:20px; padding-top:0px; cursor: pointer; display: inline-block; font-size:15px;vertical-align:middle;color:#fff;}
.sms_radio [type="radio"] + label:before{content:url(../admin_img/bullet_sms_off.svg); display:inline-block; padding-right:5px; vertical-align: middle;}
.sms_radio [type="radio"]:checked + label:before{content:url(../admin_img/bullet_sms.svg);}



/* checkbox */
.custom_checkbox[type="checkbox"]:checked,
.custom_checkbox[type="checkbox"]:not(:checked)
{position: absolute; left: -9999px;}
.custom_checkbox[type="checkbox"]:checked + label,
.custom_checkbox[type="checkbox"]:not(:checked) + label
{position: relative; padding-left:30px; padding-top:0px; cursor: pointer; line-height: 20px; display: inline-block; font-size:16px; color: #232323;}
.custom_checkbox[type="checkbox"] + label:before{content: ''; position: absolute; left: 0; top: 0; width: 20px; height: 20px; border-radius: 3px;}
.custom_checkbox[type="checkbox"] + label:after{content:url(../admin_img/select-box.svg); position:absolute; display:inline-block; left: 3px; top: 2px; }
.custom_checkbox[type="checkbox"]:checked + label:after{content:url(../admin_img/select-box-hover.svg); position:absolute; display:inline-block; left: 3px; top: 0px; }


@media only screen and (max-width : 1204px) {
    .wrap{width:100%;}
    table.col_noline .not_match{display:block; margin:10px;}
}

@media only screen and (max-height : 734px) {/*2018.9.12*/
    .wrap{height:100%;}
}