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

/* mypage css*/
/*table*/
.form_table { border: none; margin-bottom: 0; }
table { width: 100%; background: #fff; }
th, td { vertical-align: middle; font-size: 13px }
td { border-bottom: 1px solid #eee; text-align: center; height: 20px; padding: 5px 0; }
th { border-bottom: 1px solid #ddd; background: #f2f6fb; color: #333; height: 30px; }
/**/
button { display: inline-block; text-align: center; vertical-align: middle; cursor: pointer; line-height: 100%; }
#wrap_contents { height: 100%; min-height: 730px; margin-bottom: 30px; }
.btn_open { padding: 0 5px 3px 5px; border: none; background: transparent; color: #007df2; }
.btn_open:before {
    font-family: 'FontAwesome', sans-serif; content: "\f077"; display: block; }
.btn_open.active:before {
    font-family: 'FontAwesome', sans-serif; content: "\f078"; display: block; }
.btn_open:hover, .btn_open:focus { outline: none; text-decoration: none; color: #005fca; }
.btn_line { padding: 5px 10px;
    border: 1px solid;
    border-radius: 4px; background: #fff; font-size: 13px; margin: 0 2px; }
.btn_org { border-color: #ff7436; color: #ff5104; }
.btn_org:hover { background: #ff7436; color: #fff; }
.btn_blue { border-color: #4ca4f6; color: #007df2; }
.btn_blue:hover { background: #4ca4f6; color: #fff; }
.btn_table { padding: 4px 8px; font-size: 12px; border: none; color: #fff; border-radius: 4px; }
.color_blue { color: #1d9cc1; }
.color_white { color: #fff; }
.color_grey { color: #999; }
.color_org { color: #f77400; }
.bg_blue { background: #00a987; }
.bg_org { background: #ff8a00; }
.bg_grey { background: #ccc; }
.bg_666 { background: #666; }
.contents_box { margin-top: 30px; }
.cursor_p { cursor: pointer; }
.padding_l20 { padding-left: 20px; }
/**/
nav.mypage_gnb { float: left; width: 100%; height: 45px; overflow: hidden; margin: 50px 0 0 0; }
nav.mypage_gnb h3.mypage_title { float: left; font-size: 30px; font-weight: normal; color: #000; padding: 0; margin: 0; line-height: 45px; width: 300px; }
nav.mypage_gnb h3.mypage_title span { font-size: 17px; margin-left: 20px; }
nav.mypage_gnb li { float: left; line-height: 43px; width: 200px; border: 1px solid #ddd; color: #007df2; text-align: center; margin-left: -1px; cursor: pointer }
nav.mypage_gnb li i { color: #4ca4f6; }
nav.mypage_gnb li:first-child { width: 50px; }
nav.mypage_gnb li:first-child:hover { width: 48px; }
nav.mypage_gnb li:hover { border: 1px solid #4ca4f6; margin-right: 1px; width: 198px; padding-left: 1px; }
nav.mypage_gnb li.active { background: #4ca4f6; border: 1px solid #4ca4f6; color: #fff; }
nav.mypage_gnb li.active i { color: #fff; }
@media only screen and (min-width:769px) and (max-width:1280px) {
nav.mypage_gnb li { float: left; line-height: 43px; width: 150px; border: 1px solid #ddd; color: #007df2; text-align: center; margin-left: -1px; cursor: pointer }
nav.mypage_gnb li:hover { border: 1px solid #4ca4f6; margin-right: 1px; width: 148px; padding-left: 1px; }
}
/**/
.my_service { float: left; width: 100%; margin-top: 45px; }
.my_service ul { margin-bottom: 15px; width: 100%; float: left }
.my_service li { float: left; width: -webkit-calc(13.6% - 1px); width: calc(13.6% - 1px); margin-right: 0.6%; text-align: center; border: 1px solid #dedede;
	background: #f7f7f7; border-radius: 10px;
    font-family: Nanum_BG, sans-serif; color: #777; cursor: pointer }
.my_service li b { padding-right: 10px; font-weight: normal; }
.my_service li span, .my_service .none:hover span { font-size: 16px; font-weight: normal; color: #000; }
.my_service li:hover span { color: #fff; }
.list_lg li { padding: 25px 0; font-size: 40px; }
.list_lg li span { display: block; margin-bottom: 20px; }
.list_lg .basic b { color: #007df2 }
.list_lg .new b { color: #ff5104 }
.list_lg .none b, .list_lg .none:hover b { color: #999 }
.list_lg .basic:hover, .list_sm .basic:hover { background: #007df2; border: 1px solid #007df2; color: #fff; }
.list_lg .new:hover, .list_sm .new:hover { background: #ff5104; border: 1px solid #ff5104; color: #fff; }
.list_lg li:hover b { color: #fff }
.list_sm li { padding: 20px 0; font-size: 16px; }
.list_sm li span { display: inline; }
.list_sm li b { display: inline-block; padding: 3px 10px 0 10px; line-height: 29px; text-align: center; border-radius: 50%; color: #fff; margin: 0 5px }
.list_sm .basic b { background: #007df2; }
.list_sm .new b { background: #ff5104; }
.list_sm .none b, .list_sm .none:hover b { background: #999; }
.list_sm li:hover b { background: rgba(0, 0, 0, 0.3); }
@media only screen and (min-width:769px) and (max-width:1280px) {
.list_sm li span.font_12 { display: block; width: 85px; float: left; text-align: right; font-size: 15px; margin-top: -2px; margin-bottom: -2px; }
.list_sm li:hover span.font_12 { font-size: 15px; }
}
/**/
.my_board { width: 100%; float: left; margin-top: 30px }
.notice { width: -webkit-calc(32.4% - 32px); width: calc(32.4% - 32px); float: left; margin-right: 1.4%; padding: 10px 15px; border: 1px solid #eee; border-radius: 4px; }
.notice dt { color: #000; font-weight: 600; margin-bottom: 10px; border-bottom: 1px dotted #aaa; padding: 0 2% 10px 2%; }
.notice dd { width: 96%; padding: 0 2%; line-height: 23px; float: left; }
.notice p { float: left; width: 75%;
    font-family: Nanum_Go, sans-serif; font-weight: normal; font-size: 14px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
.notice p:before { content: '-'; padding-right: 3px; color: #777; }
.reply p,.reply p a { font-size: 13px; color: #007df2; }
.reply p:before { content: ''; padding-left: 10px; }
.reply p i { margin-right: 5px; }
@media only screen and (min-width:769px) and (max-width:1280px) {
.notice dd .color_grey { display: block; margin-left: -20px; width: 50px; height: 16px; text-align: center; overflow: hidden }
}
/**/
.account { float: left; width: 100%; margin: 40px 0; line-height: 50px; background: #f5f5f5; text-align: center; color: #000; font-weight: 600; font-size: 14px; border-top: 1px solid #ff5104 }
.account span { margin-right: 10px; padding: 3px 15px; color: #fff; background: #ff5104; border-radius: 10px; font-weight: normal; font-size: 12px }
/**/
.list_head { width: 100%; margin-top: 20px; border-bottom: 1px solid #94b8df; overflow: hidden; padding: 10px 0; }
.list_head h4 { width: auto; display: inline-block; font-size: 17px; margin-right: 50px; }
.list_head span { display: block; margin-top: -7px; }
/* sms */
.sms_wrap { width: 100%; margin-top: 30px; overflow: hidden; float: left }
.sms_wrap .list_head { margin-top: 0; }
.sms_tool { width: 30%; float: left; margin-top: 30px }
.my_sms { background: #f5f5f5; border-radius: 20px; border: 1px solid #ddd; overflow: hidden; vertical-align: middle; margin-top: 10px; padding: 5px 20px; width: 264px; font-size: 13px }
.my_sms dt { float: left; width: 42%; line-height: 30px; }
.my_sms dd { line-height: 30px; }
.sms_phone { width: 100%; float: left; margin-top: 20px; background: url(../img/mypage/sms_bg.png) left top no-repeat; min-height: 612px; }
.sms_form { width: 270px; margin: 70px 0 0 17px; border: 1px solid #a8a8a8; border-radius: 4px; overflow: hidden }
.sms_form i:before { vertical-align: middle; }
.sms_form > li { box-shadow: inset 1px 1px 5px rgba(0,0,0, 0.1); }
.sms_form > li:first-child { text-align: center; background: #75a0b8; color: #fff; border-bottom: 1px solid #527080; padding: 5px 16px; }
.sms_form > li:first-child i { line-height: 30px; color: #466475; }
.sms_form > li:first-child img { vertical-align: middle; }
.sms_form > li:nth-child(2) { overflow: hidden; border-bottom: 1px solid #6f717f; padding: 5px 16px; }
.sms_form > li:nth-child(2) p { margin: 5px 0; font-size: 14px; }
.sms_form > li:nth-child(2) p textarea { width: 100%; height: 200px; border: none; resize: none; }
.sms_form > li:nth-child(2) ul li { float: left; font-size: 11px; padding: 3px 0 }
.sms_form > li:nth-child(2) .file_list { padding: 0 !important; border-top: 1px dashed #ddd; border-bottom: 1px dashed #ddd; margin-bottom: 3px; height: 23px;overflow: hidden }
.sms_form > li:nth-child(2) .file_list li:last-child { height: 23px; overflow-y: auto }
#sms_file_list { border: none; font-size: 11px; color: #999; width: 80% }
.fa-sort { padding: 5px; }
.fa-cog { margin: 0 5px; }
.sms_form > li:nth-child(3) { background: #747995; overflow: hidden; padding: 0; }
.sms_form > li:nth-child(3) dl { width: 100%; padding: 7px 0; border-top: 1px solid rgba(255, 255, 255, 0.3); border-bottom: 1px solid rgba(0, 0, 0, 0.3); overflow: hidden; box-shadow: inset 0 0 5px rgba(0,0,0, 0.1); }
.sms_form > li:nth-child(3) dt { float: left; width: 20%; color: #fff; text-align: center; padding-top: 3px; }
.sms_form > li:nth-child(3) dd { width: 80%; float: left; }
.sms_form > li:nth-child(3) dd input { width: 90%; height: 17px; }
.sms_form > li:nth-child(3) dd p { color: #fff; font-size: 13px; margin-top: 5px; }
.sms_form > li:nth-child(3) dd p i { color: #2c314e; font-size: 15px }
.sms_no_pop { position: absolute; margin-top: -317px; margin-left: -54px;  width: 230px; height: 263px; padding: 10px 20px; background: #d5d6e0; border-top: 1px solid rgba(255, 255, 255, 0.3); text-align: center; box-shadow: inset 0 0 5px rgba(0,0,0, 0.1); }
.sms_no_pop fieldset { padding-bottom: 10px; color: #4e5472 !important; }
#input_phone { width: 60% !important; }
.sms_no_pop .btn { padding: 3px 6px; border: 1px solid #4e5472; background: #4e5472; color: #fff; }
#send_phone { width: 82%; height: 190px; margin-bottom: 10px; resize: none; }
.sms_form > li:last-child ul li { border-top: 1px solid rgba(255, 255, 255, 0.3); line-height: 45px; text-align: center; float: left; color: #fff; box-shadow: inset -1px 0 5px rgba(0,0,0, 0.1); }
.sms_form > li:last-child ul li:first-child { background: #00b7ca; width: 30%; }
.sms_form > li:last-child ul li:last-child { background: #2e7dff; width: 70% }
.sms_form > li:last-child ul li:first-child input[type=checkbox]:checked + .res_pop { display: block; }
.res_pop { display: none; position: absolute; margin-top: -148px; width: 270px; border-top: 1px solid rgba(255, 255, 255, 0.7); font-size: 13px; line-height: 30px; background: #d0e7e9; color: #00626e; padding: 20px 0; }
.res_pop select { height: 23px; padding: 0; font-size: 13px; margin-left: 5px; border: 1px solid #00606c; }
.res_pop .btn { padding: 5px 10px; border: 1px solid #00606c; background: #00717f; color: #fff; }
.sms_wrap .contents_box { width: 68%; float: right; }
.btn_sms { border-radius: 4px; border: none; padding: 5px 10px; color: #fff; background: #ff3000; font-size: 13px; margin-left: 20px; }
.btn_sms_no { line-height: 20px; background: #ff7c00; border: 1px solid #a65100; box-shadow: inset 0 0 1px #fff; border-radius: 4px; font-size: 13px; color: #fff; }
.btn_sms_excel { line-height: 20px; background: #3eca00; border: 1px solid #2a8900; box-shadow: inset 0 0 1px #fff; border-radius: 4px; font-size: 13px; color: #fff; }
.sms_info { font-size: 12px; margin: 15px 0 0 25px; }
.sms_info dt { margin-bottom: 5px; color: #005fca }
.sms_info dt i { display: block; margin-top: -5px; margin-right: 5px; float: left }
.sms_info dd { padding-left: 20px; }
.sms_wrap table td { font-size: 12px; }
tr.tr_row th { color: #6e92c0; }
th[colspan] { border-bottom: none; }
.search_set { border-bottom: 1px solid #94b8df; width: -webkit-calc(100% - 20px); width: calc(100% - 20px); padding: 10px; background: #f5f5f5; font-size: 13px; }
.sms_wrap select, .sms_wrap input { font-size: 13px; }
@media only screen and (min-width:769px) and (max-width:1280px) {
.sms_tool { width: 32%; }
.sms_wrap .contents_box { width: 66%; }
.search_set input { width: 130px !important; }
}
/* cs center */
.my_cs .my_service li { width: 20%; }
/*notice_view*/
.notice_wrap { width: 100%; }
.notice_wrap h4 { padding: 10px 0 10px 10px; color: #005fcb; }
.view_tit { width: 100%; overflow: hidden; border-top: 1px solid #94b8df; border-bottom: 1px solid #ddd; background: #f5f5f5; }
.view_tit li { float: left; text-align: center; padding: 10px 0; font-size: 14px }
.counsel_view_txt { padding: 30px 20px; line-height: 160%; overflow: hidden; }
.counsel_view_txt li, .counsel_reply li { float: left; }
.counsel_view_txt li:first-child, .counsel_reply li:first-child { font-size: 25px; font-weight: 600; text-align: center }
.counsel_reply { padding: 30px 20px; border-top: 1px dashed #94b8df; line-height: 160%; overflow: hidden; }
.counsel_reply p { margin-bottom: 10px; }
.counsel_reply p span { font-weight: normal; margin-left: 10px; }
.notice_icon { padding-right: 10px; }
.view_file { padding: 10px 20px; border-top: 1px solid #ddd; border-bottom: 1px solid #005fcb; }
.edit_tit { width: 100%; border-bottom: 1px solid #ddd; overflow: hidden; }
.edit_tit:first-child { border-top: 1px solid #94b8df; }
.edit_tit li { padding: 5px 0; float: left; line-height: 25px; }
.edit_tit li:nth-child(odd) { background: #f5f5f5; }
.edit_tit li.col_4 { padding-left: 20px; width: -webkit-calc(33% - 20px); width: calc(33% - 20px); }
.edit_tit input { width: 100%; border: 0; }
.file_upload { font-size: 12px; vertical-align: top; margin: 0; line-height: 25px; height: 25px; }
/* .edit_file { border-top: 1px solid #ddd; } */
.edit_file:after {clear:both;display:block;content:''}
.edit_file li { line-height: 30px; }
.notice_edit_txt { width: 100%; /* height: 400px;  */}
.notice_edit_txt textarea { width: 100%; height: 100%; border: 0; }
.btn_notice { background: #005fca; padding: 0 40px; color: #fff; line-height: 30px; margin-top: 18px; margin-right: 10px; font-size: 13px; }
.btn_silver { background: #eeeeee; border-color: #ddd; color: #555; margin-left: 10px; }
/*페이지네이션 부트스트랩*/
.pagination { display: inline-block; padding-left: 0; margin: 40px 0; border-radius: 4px; }
.pagination > li { display: inline; }
.pagination > li > a, .pagination > li > span { position: relative; float: left; padding: 2px 8px; margin-left: -1px; line-height: 1.42857143; color: #005fcb; text-decoration: none; background-color: #fff; border: 1px solid #ddd; }
.pagination > li:first-child > a, .pagination > li:first-child > span { margin-left: 0; border-top-left-radius: 4px; border-bottom-left-radius: 4px; }
.pagination > li:last-child > a, .pagination > li:last-child > span { border-top-right-radius: 4px; border-bottom-right-radius: 4px; }
.pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus { z-index: 2; color: #005fcb; background-color: #eee; border-color: #ddd; }
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus { z-index: 3; color: #fff; cursor: default; background-color: #005fcb; border-color: #005fcb; }
.pagination > .disabled > span, .pagination > .disabled > span:hover, .pagination > .disabled > span:focus, .pagination > .disabled > a, .pagination > .disabled > a:hover, .pagination > .disabled > a:focus { color: #777; cursor: not-allowed; background-color: #fff; border-color: #ddd; }

.margin0 {margin:0}

/* 결제관리 */
.my_payment .my_service li { width: 18.8%; }
.list_sm li b.bg_pay { border-radius: 15px; }
ul.search_set { padding: 0 20px !important; width: -webkit-calc(100% - 40px); width: calc(100% - 40px); }
ul.search_set li { padding: 10px 0; border-bottom: none; }
ol.search_set { padding: 10px 20px !important; width: -webkit-calc(100% - 40px); width: calc(100% - 40px); }
ol.search_set li { display: block; width: 100%; border: none; line-height: 150%; font-size: 12px; }
ol.search_set > span { line-height: 180%; }
.receipt_dialog > p { margin: 10px 0 30px 0; width: 100%; float: left; font-size: 13px; }
.receipt_dialog p label { padding-top: 10px; float: left; margin-left: 5px }
.receipt_dialog h4 { padding: 10px 0; border-bottom: 1px dotted #005fca }
.receipt_dialog .form_table ul { width: 100% !important; }
.receipt_dialog .table_th { width: 100px !important; padding: 7px 0 7px 10px; }
.receipt_dialog .table_td { width: auto; padding: 7px 0 7px 20px; }
.receipt_dialog input[size="30"] { margin-bottom: 2px; }
.receipt_dialog .btn_apply { padding: 10px 30px; }
.receipt_dialog .form_table { display: none; margin-top: -1px }
.receipt_dialog h4 input[type=checkbox]:checked +label{ color:#ff3000 !important}
@media only screen and (min-width:769px) and (max-width:1280px) {
.my_payment .my_service li { width: 18.75%; }
table td.col_1 { width: 10%; }
}
/*정보관리*/
.member_from { width: auto; font-size: 14px; }
.member_from ul:not(.li-style2) { width: 100%; }
.member_from .table_th { width: 130px; padding: 7px 0 7px 40px; }
.member_from .table_td { width: auto; padding: 7px 0 7px 20px; }
@media only screen and (min-width:769px){ /* 170323 상세보기 모달 테이블 너비 지정 (해상도) */
.member_from .table_td_second { width: auto; min-width:180px; padding: 7px 0 7px 10px; }
}
.member_from .table_th_three { text-align:center; width: 130px; padding: 7px 0 7px 40px; }
.member_from .table_td_three { text-align:center; width: auto; min-width:100px; padding: 7px 0 7px 10px; }
.rule_box { clear: both; border: 1px solid #ddd; width: -webkit-calc(100% - 32px); width: calc(100% - 32px); padding: 10px 15px; height: 100px; overflow: auto; font-size: 12px; }
.form_table { border-top: 1px solid #005fca; margin-bottom: 30px; }
.member_from textarea { width: 90%; height: 60px; }
.btn_apply { background: #ff2d04; color: #fff; }
.btn_apply2 { background: #005fca; color: #fff; }
.btn_green { color:#fff; background-color:#00a987; }
.btn_lg { padding: 10px 30px !important; font-size: 14px !important; }
.btn_small { padding: 4px 16px; font-size: 1em; }
.add_width input { width: 50%; }

/* 규현 스크립트 이동 */
.hl_open_active0{
	background:#ff5104 !important;
	color:white !important;
}
.hl_open_active0 span{color:white !important;}
.hl_open_active0 b{background-color:rgba(0, 0, 0, 0.3) !important;}

.hl_open_active2{
	background:#007df2 !important;
	color:white !important;
}
.hl_open_active2 span{color:white !important;}
.hl_open_active2 b{background-color:rgba(0, 0, 0, 0.3) !important;}


/* SMS */
.sms_list_msg{word-break:break-all;}
.callback_form .table_td,#auth_user_info { width: auto; padding: 7px 0 7px 7px}

/*0323*/
select{font-size:0.9em}

/* 상단 회원정보 탭메뉴 크기조정 */
.myinfo_span { padding: 27px 0 !important; font-size: 16px !important; }


/* 170406 통합관리자 웹DNS관리 관련 Style */
.left_webdns_layout { float:left; width:38.333%; }
.right_webdns_layout { float:right; width:60.333%; display:block;}

@media only screen and (min-width:768px)
{
	.right_webdns_layout { float:right; width:60.333%; display:block !important;}
}

.now_domain_name { float:left;vertical-align:middle;margin-top:4px;margin-left:10px; }

.ttl_space { width:50%; float:left; border-top:1px solid #94b8df; font-size:0.85em; }
.serial_space { width:50%; float:right; border-top:1px solid #94b8df; font-size:0.85em; }

.br_show2 { display:none; }

.my_view_icon { cursor:pointer; }

.my_btn {  }

.my_host_view { display:none; }

@media only screen and (min-width:768px){
	.my_host_view { display: none !important; }
}

.search_field { box-sizing:border-box; margin-left:5px; width:120px !important; height:25px !important; }
.search_field2 { box-sizing:border-box; margin-left:5px; width:140px !important; height:25px !important; }


.list_head_half { margin-top: 0; overflow: hidden; padding: 10px 0; }
.list_head_half h4 { width: 38.333%; display: inline-block; font-size: 17px; margin: 10px 5px }
.list_head_half span { display: block; margin-top: 0; width: 100%; }

.btn_open_re { padding: 0 4px 3px 4px; border: none; background: transparent; color: #007df2; }
.btn_open_re:before {
    font-family: 'FontAwesome', sans-serif; content: "\f077"; display: inline; }
.btn_open_re.active_re:before {
    font-family: 'FontAwesome', sans-serif; content: "\f078"; display: inline; }
.btn_open_re:hover, .btn_open_re:focus { outline: none; text-decoration: none; color: #005fca; }


/*170410 */
.left_table_field { float:left; position:relative; width:50% !important; }
.right_table_field { float:right; position:relative; width:50% !important; }

.margin_show { display:block; margin:40px 0; height:10px; }

/*170417*/
#lump_total_price{float:right}

/*170420*/
.edit_file{display:table}
.edit_file li{display:table-cell;float:none !important}
.file_upload{height:auto !important}

/* 170901 */
.btn_greenr { border-color: #2F9D27; color: #2F9D27; }
.btn_greenr:hover { background: #2F9D27; color: #fff; }


#sms_month .footer_row td{background-color:#f2f6fb;color:#333;}
#sms_month .pc_block{display:block}


.event_icon{width:35px;margin-left:4px}

#event_ment {font-size:0.9em}
#event_ment i strong {font-weight:bold;
    text-decoration: underline;}

.counsel.pagination {margin:0}
.counsel_search {float:right}
.counsel_search .search_select {display:table;}
.counsel_search .search_select li {display:table-cell;padding-bottom:10px;padding-right:2px}
.counsel_search .search_select li select {vertical-align: middle; border-radius: 4px; outline: none; border: 1px solid #ddd; padding: 3px 5px; font-size: 14px; color: #555;}
.counsel_search .search_select li.field{vertical-align: middle}
.counsel_search .search_select li .input_search { float:left;border: 1px solid #ddd; border-right: none; padding: 3px 5px; width: 180px; border-radius: 4px 0 0 4px; font-size: 14px; }
.counsel_search .search_select li .btn_search { float:left; color: #666; background: #eee; border-color: #ddd; border-radius: 0 4px 4px 0; height: 27px; font-size: 14px; outline: none; padding: 0 6px; }




/* Imagehosting Report */
.abs-hidden {
    width: 0;
    height: 0;
    position: absolute;
    top: -9999px
}

#imagehosting_report_modal {
    min-width: 320px;
    width:100%;
    box-sizing: border-box;
}

#imagehosting_report_modal .align_c {text-align: center}
#imagehosting_report_modal .align_l {text-align: left}
#imagehosting_report_modal .align_r {text-align: right}

#imagehosting_report_modal h1 {display:block;height:initial;line-height:initial;padding:0;width:100%;float:none}

#imagehosting_report_modal .table-bordered th,#imagehosting_report_modal .table-bordered td {border:1px solid #ddd;text-align:center;padding:4px}

#imagehosting_report_modal .title-box {
    display: table;
    width: 100%;
    border-collapse: collapse;
    border-top: 2px solid #000;
    border-bottom: 2px solid #000;
    margin-bottom: 15px
}

#imagehosting_report_modal .title-box dl {
    display: table-row
}

#imagehosting_report_modal .title-box dl dt, #imagehosting_report_modal .title-box dl dd {
    display: table-cell;
    border-bottom: 1px solid #000;
    padding: 6px
}

#imagehosting_report_modal .title-box dl dt {
    width: 15%
}

#imagehosting_report_modal .title-box dl dt:nth-child(3) {
    border-left: 1px solid #000
}

#imagehosting_report_modal .section {
    margin-bottom: 15px
}

#imagehosting_report_modal .section:after {
    clear: both;
    display: block;
    content: ''
}

#imagehosting_report_modal .section h1 {
    font-size: 1.2em;
    font-weight: normal
}

#imagehosting_report_modal .section h1 span {
    font-size: 0.7em
}

#imagehosting_report_modal .section h2 {
    font-size: 1em;
    font-weight: normal

}

#imagehosting_report_modal .section .section-box {
    width: 100%;
    margin-top: 10px;
    box-sizing: border-box;
}

#imagehosting_report_modal .section .section-box .chart{
    padding:0 4px;
}

#imagehosting_report_modal .section .section-box .chart, #imagehosting_report_modal .section .section-box .list {
    width: 50%;
    float: left;
    box-sizing: border-box;
}

#imagehosting_report_modal .section.section-3-7 .section-box .chart {
    width: 40%;
    float: left
}
#imagehosting_report_modal .section.section-3-7 .section-box .list {
    width: 60%;
    float: left
}
@media (max-width: 767px) {

    #imagehosting_report_modal .section .section-box .chart, #imagehosting_report_modal .section .section-box .list, #imagehosting_report_modal .section.section-3-7 .section-box .chart, #imagehosting_report_modal .section.section-3-7 .section-box .list {
        width: 100%;
        float: none;
    }

    #imagehosting_report_modal .realchart {
        width:100%;
        overflow: hidden;
        margin-bottom:10px
    }

    #imagehosting_report_modal .title-box dl {
        display: block
    }
    #imagehosting_report_modal .title-box dl dt{display:none}
    #imagehosting_report_modal .title-box dl dd:before {content:attr(title)' : '}
    #imagehosting_report_modal .title-box dl dd {
        display: block;
    }
}

#imagehosting_report_modal .section .section-box .list .table-title {
    text-align: center;
    margin-bottom: 18px
}
#imagehosting_report_modal .realchart {height:280px}
#imagehosting_report_modal .realchart.pie {height:250px}
.pieColorBox {display:inline-block;width:11px;height:11px;vertical-align: middle}

.domain-host-top-txt {margin-bottom:10px;line-height:1.2;background-color:#005fca;color:#fff;padding:10px;border-radius: 4px}

.notice-change-nameserver {font-size:0.9em;max-width: 620px;line-height:1.4}
.notice-change-nameserver strong {font-weight:bold;text-decoration: underline;text-underline-position: under;}

.onlyview-mail {display: none !important;}

#checkauth_btn {color:#fff;padding:0.3em 1em}

/* SMS callback*/
.mt10 {margin-top:10px}
#callback_type_ul {display: /*flex*/none;justify-content:space-around}
#callback_type_ul li {padding:0.5em 1em;cursor:pointer}
#callback_type_ul li.active {color:#005fca;}
#callback_type_ul li:hover {color:#005fca}

#callbackFormBox .callback_type_content {display: none}
#callbackFormBox .callback_type_content.active {display: block}
#callbackFormBox .callback_type_content p {line-height: 1.6;font-size:0.9em}
#agentGuideModal p {line-height: 1.6;}
.form_table li.dot {border-bottom-style: dashed}

#callback_tab3_result .bluebold {color:#005fca;font-weight:bold}


/* 발신번호등록 모달내 버튼 관련 추가 */
#callbackform-addbtns-box {
    font-size:0.9em; margin-top:0.8em; margin-bottom:0.8em
}
#callbackform-addbtns-box > button { margin-bottom:4px}
.callbackform-addbtns-modal p{font-size: 0.93em}
.callbackform-addbtns-modal table {margin-top:1em;margin-bottom:0.8em}
.callbackform-addbtns-modal table td {border-bottom: 1px dashed #ccc}
.callbackform-addbtns-modal table.add2 td {text-align:left}
.callbackform-addbtns-modal table.add2 td:nth-child(2) {padding-left:6px;line-height: 1.2;}
.callbackform-addbtns-modal table td.border-left-dash {border-left: 1px dashed #ccc}
.callbackform-addbtns-modal .btn_lg { padding: 6px 30px !important; font-size: 1em !important; }


.margin-left8 {margin-left:8px}
ul.li-style2 li {
    padding-left:4px;
    list-style-type:"\2010";
    font-size:13px;
    margin-bottom: 4px;
}

#list_page_sendip {margin:20px 0 10px 0}

#nameserver_table td {border-bottom-color: #ddd}

/* 도메인 인증서 */
#modal_domaincertificate {border:none; font-size:16px}
#modal_domaincertificate .head {text-align: center;margin-top:40px}
#modal_domaincertificate .head h2 {font-size:48px;line-height:1.8}
#modal_domaincertificate .head h3 {font-size:16px}

#modal_domaincertificate .body_content {margin-top:60px;margin-bottom:60px}
#modal_domaincertificate table{width:100%}
#modal_domaincertificate table th,#modal_domaincertificate table td{
    text-align: left; border:none; color:#000; background:#fff;vertical-align: top; height:24px; line-height: 1.2; padding:6px;
    font-size:16px
}
#modal_domaincertificate table th {font-weight:bold}
#modal_domaincertificate table td.height10 {height:6px;}

#modal_domaincertificate .footer .stamp {text-align:center; color: #365f91;}
#modal_domaincertificate .footer .stamp p:first-child {margin-bottom:24px}
#modal_domaincertificate .footer .stamp p:last-child {margin-bottom:48px;position: relative;}
#modal_domaincertificate .footer .stamp img {position: absolute;right:170px;top:-50px;opacity: 0.8;z-index: 10}

#modal_domaincertificate .footer .txt2 {font-weight:bold;text-align: center;}
#modal_domaincertificate .footer .etc {margin-top:80px;}
#modal_domaincertificate .footer .etc p {margin-bottom:10px}
#modal_domaincertificate .footer .etc .contact {text-align:center;margin-top:50px}
#modal_domaincertificate .footer .etc .logo {text-align:center;font-size:24px;margin-top:16px}


.or_agreebox {border:2px solid #e77700;padding:0.8em;margin-top:1em; max-width: 600px;}
.or_agreebox label {display:block;margin-top:1em}

.transfer_agreebox {margin-top:10px;}
.transfer_agreebox p{
    padding: 6px;
    border: 1px solid #ddd;
    border-radius: 4px;
    height: 100px;
    overflow-y: scroll;
    line-height:1.4;
    max-width:600px;
    margin-bottom:4px
}