@charset "euc-kr";

/*layout*/
#wrap { float:left; width:100%; background:url(http://biz2.smsmoa.com/images/common/bg_body.gif) repeat; min-width:1066px; }
#wrap #container { position:relative; width:1066px; margin:0 auto; background:url(http://biz2.smsmoa.com/images/common/bg_container.gif) repeat; height: 100%}
#wrap #container:after { clear:both; display:block; height:0; content:''; visibility:hidden;}
#wrap #container #header { position:relative; height:104px; width:1060px; border-bottom:2px solid #1a2a43; margin:0 auto; background:url(http://biz2.smsmoa.com/images/common/bg_header.gif) repeat-y;}
#wrap #container #header .top_logo {  float:left; padding-top:23px; padding-left:39px; width:171px;}


#header .top_smenu { text-align:right; font-size:11px; height:33px;}
#header .top_smenu ul { float:right; padding-top:10px; padding-right:50px;}
#header .top_smenu ul li { float:left; padding:0 10px 0 12px; background:url(http://biz2.smsmoa.com/images/common/bg_top_smenu_dot.gif) no-repeat right 7px; line-height:21px; letter-spacing:-1px; color:#888;}
#header .top_smenu .btn_login { display:inline-block; width:62px; height:23px; background:url(http://biz2.smsmoa.com/images/common/btn_login.gif) no-repeat; text-align:center; color:#555;}

#header .gnb { position:relative; float:right; padding-top:30px; height:43px; margin-right:50px; }
#header .gnb ul li { float:left; font-size:24px; font-weight:bold; text-align:center; letter-spacing:-1px; padding:0 29px 0 27px; background:url(http://biz2.smsmoa.com/images/common/bg_menu_dot.gif) no-repeat right 7px;}
#header .gnb ul li a { color:#252525; font-size:24px; }
#header .gnb ul li a:hover { font-size:24px; color:#0082d4; text-decoration:none; display:block;}

.last_menu { background:none !important; padding-right:0px !important;}

.login_content { background:url(http://biz2.smsmoa.com/images/login/bg_login_title.gif) no-repeat #fff; width:1058px; margin:0 auto; text-align:center;}
.login_top_title { font-size:16px; color:#fff; letter-spacing:-1px; padding-top:94px; height:55px;}
.login_title { font-size:25px; letter-spacing:-1px; color:#333; line-height:30px;}
.login_title p { font-size:40px; font-weight:bold; letter-spacing:-3px; margin-top:13px;}

.login_box { width:1058px; margin:0 auto; height:296px; text-align:center; font-size:16px; color:#333; letter-spacing:-1px;}
.login_box dl { float:left; width:392px; display:block; margin-left:278px; margin-top:49px;}
.login_box dl dt { float:left; width:74px; margin-top:15px; display:inline-block; text-align:left;}
.login_box dl dd { float:left; margin-bottom:5px;}
.login_box dl dd .txt { width:304px; height:42px; font-size:14px; background:#fff; padding-left:12px; font-weight:bold; font-family:Tahoma, Geneva, sans-serif; color:#555; border-right:1px solid #d9d9d9; border-bottom:1px solid #d9d9d9; border-top:1px solid #999; border-left:1px solid #999; }
.login_box .login_btn { float:left; display:inline-block; background-color:#3a4960; height:91px; line-height:86px; border:1px solid #263341; font-size:17px; color:#fff; padding:0 24px; margin-top:49px; margin-left:10px; font-weight:bold;}
.login_box .id_save { padding-left:351px; text-align:left; padding-top:6px; display:block; font-size:12px; line-height:12px; color:#707070; margin-bottom:22px; letter-spacing:-1px; clear:both;}
.login_box .login_con { float:left; margin-left:278px; font-size:12px; text-align:left; background:url(http://biz2.smsmoa.com/images/common/bg_dotline.gif) repeat-x top; width:500px; padding-top:22px; }
.login_box .login_con ul li { float:left; background:url(http://biz2.smsmoa.com/images/common/bg_bullat.gif) no-repeat 0 5px; padding-left:7px; width:427px; height:24px; color:#999;}
.login_box .login_con ul li a { color:#2693dd; text-decoration:underline; }

.login_client_char { background:url(http://biz2.smsmoa.com/images/login/bg_login_box.gif) no-repeat; width:905px; height:147px; margin:0 auto; padding-left:55px; padding-top:25px; }
.login_client_char ul li { float:left; width:170px; font-size:14px; letter-spacing:-1px; color:#3a4960; line-height:19px;}
.login_client_char ul li p { padding-top:13px;}

.login_copyright { width:960px; margin:0 auto; border-top:2px solid #e6e6e6; margin-top:50px; font-size:11px; padding-top:14px; line-height:17px; padding-bottom:30px;}
.copyright { width:770px; border-top:2px solid #e6e6e6; margin-top:50px; font-size:11px; padding-top:14px; line-height:17px; padding-bottom:30px; text-align:center;}


.content { float:left; width:1060px; margin:0 auto; background:url(http://biz2.smsmoa.com/images/common/bg_header.gif) repeat-y; margin-left:3px; }
.content .left_menu { float:left; width:210px;}
.content .left_menu .leftmenu_title { background:url(http://biz2.smsmoa.com/images/common/bg_leftmenu_bar.gif) no-repeat bottom; text-align:center; height:53px; padding-top:29px; margin-bottom:27px;}
/*수정*/.content .left_menu ul { float:left; background:url(http://biz2.smsmoa.com/images/common/bg_leftmenu_bar.gif) no-repeat center bottom; width:170px; margin-left:20px;}
.content .left_menu ul li { background:url(http://biz2.smsmoa.com/images/common/bg_leftmenu_bullat.gif) no-repeat 0 4px; padding-bottom:25px; letter-spacing:-1px; padding-left:8px; font-size:14px; margin-left:10px; }
.content .left_menu ul li a { color:#fff;}
.content .left_menu ul li a:hover { color:#ef6163; text-decoration:underline;}

.content .left_menu .btn_print { float:left; width:129px; margin-top:90px; margin-left:20px; background:url(http://biz2.smsmoa.com/images/common/btn_print.gif) no-repeat; font-size:13px; letter-spacing:-1px; padding-left:41px; height:40px; line-height:39px;}
.content .left_menu .btn_print a { color:#c5e4ff;}
.content .left_menu .btn_print a:hover { color:#fff;}

.content .left_menu .leftmenu_customer { float:left; width:170px; height:172px; margin-top:8px; margin-left:20px; background:url(http://biz2.smsmoa.com/images/common/bg_left_customer.gif) no-repeat; text-align:center; color:#b4bdc9; font-size:11px;}
.content .left_menu .leftmenu_customer .customer_title { display:block; height:20px; padding-top:18px; color:#fff; font-size:16px; font-weight:bold; letter-spacing:-1px; }
.content .left_menu .leftmenu_customer .customer_subtitle { display:block; height:29px; color:#7f97b7; font-size:12px; letter-spacing:-1px; font-weight:bold;}
.content .left_menu .leftmenu_customer .customer_number { display:block; font-size:26px; font-weight:bold; color:#fb6262; height:48px;}


.content .content_box { float:left; width:770px; margin-left:30px;}
.content .content_box .content_title { height:80px; border-bottom:1px solid #e6e6e6;}
.content .content_box .content_title h4 { display:inline-block; font-size:24px; color:#000; font-weight:normal; letter-spacing:-2px; padding-top:28px;}
.content .content_box .content_title .page_navi { float:right; font-size:11px; padding-top:42px; letter-spacing:-1px;}
.content .content_box .content_title .page_navi img { padding-top:3px;}

.content .content_box .content_inner { margin-top:30px; min-height:571px;}
.content .content_box .content_inner .sub_title { background:url(http://biz2.smsmoa.com/images/common/title_bullat.gif) no-repeat 0 1px; font-size:16px; letter-spacing:-1px; color:#252525; padding-left:18px; height:25px;}

.table_row_list { width:100%; border-top:2px solid #888888;}
.table_row_list thead th { background-color:#edf0f4; border-bottom:1px solid #d2d2d2; border-left:1px solid #d2d2d2; color:#333; font-size:13px; padding:12px 0 13px 0; line-height:13px;}
.table_row_list thead th.rowspan { padding:8px 0 10px 0; line-height:13px;}
.table_row_list tbody td { border-bottom:1px solid #eee; border-left:1px solid #eee; font-size:13px; color:#666; text-align:center; padding:10px 0 11px 0; line-height:13px;}

.last_table { border-left:none !important;}

.paging { display:inline-block; width:100%; margin:0 auto; text-align:center; margin-top:10px; height:19px; clear:both;}
.paging .paging_number { line-height:18px; color:#ddd; font-family:tahoma; font-size:11px; height:19px; }
.paging .paging_number .num, .paging_number strong { display:inline-block; padding:0 8px; color:#333; font-weight:bold; vertical-align:top; }
.paging_number strong { color:#ff592c;}

/*추가*/
.left_menu_two { margin-left:0 !important; background:none !important; margin-top:15px; margin-bottom:25px;}
.left_menu_two li { font-size:12px !important;  padding-bottom:0px !important; margin-top:7px; margin-left:0 !important; background:url(http://biz2.smsmoa.com/images/common/left_bullat.gif) no-repeat 0 6px !important;}
.left_menu_two li a { color:#8a9eb9 !important;}

.service_title { border-top:2px solid #cccccc; border-bottom:2px solid #cccccc; background-color:#fafafa; padding:25px 20px; }
.service_title .title { font-size:16px; font-weight:bold; color:#222; letter-spacing:-1px;}
.service_title .title img { padding-right:7px;}
.service_title ul li { padding-top:12px; font-size:13px; color:#777; letter-spacing:-1px; line-height:16px;}

.table_col_list { width:100%; border-top:2px solid #888888;}
.table_col_list tbody th { background-color:#edf0f4; border-bottom:1px solid #dde0e4; border-right:1px solid #dde0e4; color:#333; font-size:13px; padding:12px 0 13px 30px; line-height:13px; text-align:left; letter-spacing:-0.5px;}
.table_col_list tbody td { position:relative; border-bottom:1px solid #eee; font-size:13px; color:#666; padding:10px 0 11px 20px; line-height:13px; letter-spacing:-0.5px;}
.table_col_list tbody .inner_con {  padding:5px 0 6px 20px;}


.table_row_list tbody td.t_left { text-align:left; padding-left:30px;}
.table_row_list tbody td.rowspan02 { line-height:16px;}

.title_add { font-size:11px; float:right; color:#999; padding-top:4px;}

.api_service_user { background:url(http://biz2.smsmoa.com/images/content/api_user.gif) no-repeat; padding-top:98px; height:71px;}
.api_service_user ul li { float:left; text-align:center; width:33%; line-height:17px; letter-spacing:-1px;}

.service_step { height:278px; }
.service_step li { float:left; margin-right:14px; background:url(http://biz2.smsmoa.com/images/content/bg_step.gif) no-repeat; width:182px; height:278px; text-align:center; }
.service_step .last_list { margin-right:0;}
.service_step li .stepnum { display:block; font-size:15px; margin-top:15px; height:56px; color:#8b8b8b;}
.service_step li .steptitle { display:block; font-size:19px; margin-top:10px; height:50px; color:#333; letter-spacing:-1px;}
.service_step li .stepcon { display:block; padding:7px; line-height:15px; letter-spacing:-1px; color:#8b8b8b;}

.service_notice { background:url(http://biz2.smsmoa.com/images/content/bg_notice_repeat.gif) repeat-y;}
.service_notice .notice_top { height:17px; background:url(http://biz2.smsmoa.com/images/content/bg_notice.gif) top;}
.service_notice .notice_bottom { height:17px; background:url(http://biz2.smsmoa.com/images/content/bg_notice.gif) bottom;}
.service_notice .notice_con { padding-left:27px; display:table; height:100%p;}
.service_notice .notice_con .notice_img { padding-right:18px; display:table-cell; vertical-align:middle;}
.service_notice .notice_con ul { float:right; width:688px; padding-top:4px;}
.service_notice .notice_con ul li { background:url(http://biz2.smsmoa.com/images/common/bg_bullat.gif) no-repeat 0 5px; color:#606a76; padding-left:8px; padding-bottom:6px;}

.tabmenu { background:url(http://biz2.smsmoa.com/images/content/bg_tab.gif) no-repeat; height:38px;}
.tabmenu li { float:left; width:25%; text-align:center; line-height:37px; font-size:13px; color:#333; background:url(http://biz2.smsmoa.com/images/content/bg_row_dot.gif) repeat-y right;}
.tabmenu li.over { background:#576b86; font-weight:bold; color:#fff; height:38px;}

.sub_title02 { background:url(http://biz2.smsmoa.com/images/content/search_bullat.gif) no-repeat 0 3px; padding-left:8px; font-size:14px; color:#252525; letter-spacing:-1px; height:20px;}
.sub_title_con { line-height:19px; margin-bottom:10px; color:#777;}
.sdk_code { border:1px solid #d1dde5; background-color:#eef5f9; padding:20px 30px;}
.sdk_code pre { margin:0; line-height:19px; color:#555;}

.agent_service_user { background:url(http://biz2.smsmoa.com/images/content/agent_user.gif) no-repeat; padding-top:98px; height:71px;}
.agent_service_user ul li { float:left; text-align:center; width:25%; line-height:17px; letter-spacing:-1px;}

.agent_price_sms { width:100%; height:191px;}
.agent_price_table { float:left; width:382px;}
.agent_price_table .price { background-color:#ffffed; color:#242f3f; font-weight:bold;}

.top_search { border-top:2px solid #cccccc; border-bottom:2px solid #cccccc; background-color:#fafafa; padding:15px 20px; font-size:14px; color:#444; letter-spacing:-1px; line-height:29px; }
.top_search select { margin-left:10px; width:200px;}
.top_search_btn { float:right; background:url(http://biz2.smsmoa.com/images/content/bg_row_dot.gif) repeat-y left; padding-left:20px;}
.table_btn { position:absolute; right:20px; top:6px;}

.filter_txt { width:526px; height:160px; padding:10px; border:1px solid #ccc;}

.popup_title { background:url(http://biz2.smsmoa.com/images/content/bg_popup_head.gif) repeat-x; height:56px; line-height:56px; padding-top:3px; font-size:24px; font-weight:bold; letter-spacing:-1px; color:#fff; padding-left:30px;}
.popup_content { padding:20px;}

.account_add_step { height:78px;}
.account_add_step li { float:left; width:164px; height:78px; background:url(http://biz2.smsmoa.com/images/content/bg_popup_step.gif) no-repeat; margin-right:7px; padding-left:25px; font-weight:bold; letter-spacing:-1px;}
.account_add_step .last_list { background:url(http://biz2.smsmoa.com/images/content/bg_popup_step02.gif) no-repeat; width:157px; margin-right:0px;}

.account_add_step li .stepnum { display:block; font-size:14px; margin-top:15px; height:19px; color:#4c4c4c;}
.account_add_step li .steptitle { display:block; font-size:16px; height:18px; color:#0082d4; letter-spacing:-1px;}
.account_add_step li .stepcon { display:block; color:#b7bdc1;}

.agreement_box { line-height:16px; border:1px solid #ccc; padding:15px; height:60px; background:#f0f0f0; overflow-y:scroll;}


.address_box01 { float:left; width:230px; color:#000; }
.address_box01 table { width:228px; border-collapse:inherit; border-top:1px solid #3a4960; border-left:1px solid #e6e6e6; border-right:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6;}
.address_box01 table th { height:30px; border-bottom:1px solid #dbdbdb; color:#444; background-color:#f5f5f7; font-size:13px;}
.address_box02 { float:right; width:520px; }
.address_box02 table { width:518px; border-collapse:inherit; border-top:1px solid #3a4960; border-left:1px solid #e6e6e6; border-right:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6;}
.address_box02 table th { height:30px; border-bottom:1px solid #dbdbdb; color:#444; background-color:#f5f5f7; font-size:13px;}
.address_box02 .table_list_box { width:504px; height:424px; padding:3px 14px 0 0; overflow-x:hidden; overflow-y:scroll; font-size:12px;}
.address_box02 table.box { border:none;}
.address_box02 table.box td { text-align:center; background:url(http://biz2.smsmoa.com/images/common/bg_dotline.gif) repeat-x bottom; padding:5px 0; color:#555; font-size: 12px; }
.address_box02 table.box .con_text { text-overflow:ellipsis; white-space:nowrap; display:block; }

.p_contact_style_box { width:206px; height:414px; padding:12px 8px 0 14px; overflow:hidden; overflow-y:scroll;}
.p_contact_style_box ul li { float:left; width:189px; color:#555; margin-bottom:3px;}
.group_icon { float:left; padding-top:2px;}
.group_icon img { vertical-align:middle; padding-right:7px;}
.group_icon .chek { top:0; margin-right:2px;}
.group_name { float:left; word-break:break-all; width:150px; line-height:18px; color:#aaa; padding-left:2px; font-size: 12px; }
.group_name a { color:#555; margin-right:5px; }
.p_contact_box { background:#fafafa; border-top:1px solid #dbdbdb; padding:10px; line-height:0px;}
.p_contact_box span { width:176px; text-align:center;}


.p_contact_box02 { background:#fafafa; border-top:1px solid #dbdbdb; padding:10px; line-height:0px;}
.p_contact_box02 .con_btn_box { float:right; line-height:12px; }
.p_contact_box02 .con_btn_box select { width:87px;}
.p_contact_box02 .con_btn_box ul li { float:left; margin-left:3px; }


.counsel_txt { width:526px; height:240px; padding:10px; border:1px solid #ccc;}

.mt_20 { margin-top:20px;}
.dot_line { background:url(/images/common/bg_dotline.gif) repeat-x top; height:1px;}




@media screen and (-webkit-min-device-pixel-ratio:0) { 
#header .top_smenu ul li { line-height:23px;}
.content .content_box .content_inner { margin-top:30px; min-height:618px;}
.content .content_box .content_title .page_navi img { padding-top:1px;}
.content .content_box .content_inner .sub_title { background:url(http://biz2.smsmoa.com/images/common/title_bullat.gif) no-repeat;}


}

/* 20220602 추가 */

/* 스크롤 */
.content-1 { -ms-overflow-style: none; overflow: auto; }
.content-1::-webkit-scrollbar { width: 0; }
.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools .mCSB_draggerRail { background-color: transparent !important; }
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: rgba(175, 175, 175, 0.75) !important; }
.mCSB_inside > .mCSB_container { margin: 0 !important; }
.mCSB_scrollTools { width: 8px !important; }

.flex_b { display: flex; justify-content: space-between; line-height: 16px; }
.sub_title.flex_b a { color: #fff !important; }

.address_list_box { margin-bottom: 20px; }
.address_list_box > table { width:100%; border-collapse:inherit; border-top:1px solid #3a4960; border-left:1px solid #e6e6e6; border-right:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6; margin-top: 5px; }
.address_list_box > table th { height:30px; border-bottom:1px solid #dbdbdb; color:#444; background-color:#f5f5f7; font-size:13px; }
.address_list_box > table td { padding: 0; }

.fixed_table_box { overflow-y: scroll; }
.fixed_table { width: 100%; table-layout: fixed; word-break: break-all; }
.fixed_table td { height: 30px; font-size: 12px; text-align: center; border-bottom: 1px dashed #ddd; }
.fixed_table tr:last-child td { border: none; }

.service_notice_box { background-color: #ffebeb; padding: 20px; border: 1px solid #111; }
.service_notice_box ul { display: flex; gap: 10px; flex-direction: column; }
.service_notice_box ul h1 { font-size: 15px; font-weight: bold; color: #ff1d1d; margin-bottom: 10px; }
.service_notice_box ul li { background:url(http://biz2.smsmoa.com/images/common/bg_bullat.gif) no-repeat 0 5px; color:#333; padding-left:8px; }

.callback_notice { padding: 20px; margin: 20px; margin-bottom: 0; border: 1px solid #111; background-color: #f3faff; display: flex; align-items: center; gap: 10px; }
.callback_notice h1 { font-size: 15px; line-height: 1.6em; }
.callback_notice h1 b { font-size: 13px; }
.callback_notice h1 b a { color: #005aff; text-decoration: underline; }
.callback_wrap .callback_tab { height: 43px; margin-top: 20px; border-bottom: 1px solid #111; }
.callback_wrap .callback_tab ul { display: flex; gap: 5px; }
.callback_wrap .callback_tab ul li { border: 1px solid #111; border-bottom: none; }
.callback_wrap .callback_tab ul li a { display: flex; align-items: center; height: 42px; padding: 0 40px; background-color: #f9f9f9; color: #888; gap: 5px; }
.callback_wrap .callback_tab ul li.this a { background-color: #fff; color: #111; border-bottom: 1px solid #fff; font-weight: 600; }
.callback_wrap .callback_con { margin-top: 10px; }
.callback_wrap .callback_con.none { display: none; }
.callback_wrap .callback_con .callback_step { margin-top: 10px; }
.callback_wrap .callback_con .callback_step ul { display: flex; }
.callback_wrap .callback_con .callback_step ul li { width: calc(100% / 3); }
.callback_wrap .callback_con .callback_step .callback_step_top li { text-align: center; height: 35px; line-height: 35px; color: #fff; position: relative; }
.callback_wrap .callback_con .callback_step .callback_step_top li::after { content: ''; width: 23px; height: 23px; border-top: 1px solid #fff; border-right: 1px solid #fff; position: absolute; top: 50%; right: 0; transform: rotate(45deg) translate(0,-75%); background-color: #333; z-index: 1; }
.callback_wrap .callback_con .callback_step .callback_step_top li:nth-child(1) { background-color: #3c8fa8; }
.callback_wrap .callback_con .callback_step .callback_step_top li:nth-child(1)::after { background-color: #3c8fa8; }
.callback_wrap .callback_con .callback_step .callback_step_top li:nth-child(2) { background-color: #3ca8a8; }
.callback_wrap .callback_con .callback_step .callback_step_top li:nth-child(2)::after { background-color: #3ca8a8; }
.callback_wrap .callback_con .callback_step .callback_step_top li:nth-child(3) { background-color: #3ca87f; }
.callback_wrap .callback_con .callback_step .callback_step_top li:nth-child(3)::after { display: none; }
.callback_wrap .callback_con .callback_step .callback_step_bottom li { line-height: 20px; text-align: center; padding: 20px 0; border: 1px solid #ccc; border-top: none; border-left: none; border-right: 1px dashed #ddd; box-sizing: border-box; }
.callback_wrap .callback_con .callback_step .callback_step_bottom li:first-child { border-left: 1px solid #ccc; }
.callback_wrap .callback_con .callback_step .callback_step_bottom li:last-child { border-right: 1px solid #ccc; }
.callback_wrap .callback_con .callback_request { border-top: 2px solid #111; margin-top: 20px; }
.callback_wrap .callback_con .callback_request table { width: 100%; border-bottom: 1px solid #ccc; margin-bottom: 10px; }
.callback_wrap .callback_con .callback_request table th { width: 100%; background-color: #f2f4f7; font-size: 12px; font-weight: bold; color: #444; width: 160px; height: 40px;  font-family: "dotum",sans-serif; }
.callback_wrap .callback_con .callback_request table td { padding: 0 10px; }
.callback_wrap .callback_con .callback_request .callback_request_input { display: flex; align-items: center; gap: 5px; }
.callback_wrap .callback_con .callback_request .callback_request_input input { height: 30px; border: 1px solid #ccc; box-sizing: border-box; outline: none; text-align: center; }
.callback_wrap .callback_con .callback_request .callback_request_input input[type=text] { width: 100px; }
.callback_wrap .callback_con .callback_request .callback_request_input input[type=button] { background-color: #2a4962; color: #fff; font-family: "dotum",sans-serif; font-size: 12px; cursor: pointer; border: none; padding: 0 10px; }
.callback_wrap .callback_con .callback_request .callback_request_input input[type=image] { width: 96px; height: 30px; border: none; }
.callback_wrap .callback_con .callback_request p { font-weight: bold; }