@charset "utf-8";

/* 본문바로가기 */
#skip_navi a {display:block; overflow:hidden; position:absolute; top:0; left:0; margin-top:-1px; width:1px; height:1px; background:#000; color:#fff; text-align:center;}
#skip_navi a:focus{position:relative;width:100%;height:auto;padding:10px;}

/* Common */
.blind {display:block;font-size:0;line-height:0;direction:ltr;text-indent:-999em;}
.text_center {text-align:center !important;}
.text_right {text-align:right !important;}
.text_left {text-align:left !important;}

.txt_pink {color:#ec017e !important;}
.txt_red {color:#ff0000 !important;}
.txt_purple {color:rgb(185, 94, 179) !important;}
.txt_blue {color:#264180 !important;}
.txt_blue {color:#0000ff !important;}
.bg_pink {background-color:#ef5086 !important;}
.bg_purple {background-color:#8850b2 !important;}
.bg_green {background-color:#2fb8a8 !important;}
.bg_yellow {background-color:rgb(254, 255, 234) !important;}
.bg_darkgray {background-color:#ededed !important;}

.txt_bold {font-weight:bold !important;}
.txt_num {text-align:right !important; padding-right:10px;}


/* Layout */
body {background-color:#ececec;}
body.on {overflow:hidden;}
#wrap {position:relative;margin:0 auto;padding:0;width:100%;height:100%;min-width:1500px;max-width:1920px;}
.inner {margin:0 auto;padding:0 30px;max-width:1500px;}
.inner:after {display:block;visibility:hidden;clear:both;content:""}

/* Header */
#header {height:75px;background-color:#1a0c47;}
#header .inner {height:100%;}
#header .logo {float:left;margin:5px 0 0;width:253px;height:66px;background:url('/images/logo.png') no-repeat 0 50%;}
#header .logo > a {display:block;width:100%;height:100%;}
#header #menu {float:left;margin-top:13px;margin-left:102px;width:750px;}
#header #menu .m_1dul:after {display:block;visibility:hidden;clear:both;content:""}
#header #menu .m_1dul li {float:left;margin-left:5px;}
#header #menu .m_1dul li:first-child {margin-left:0;}
#header #menu .m_1dul li.m_1da_0 a {background-image:url('/images/ico_gnb0.png');}
#header #menu .m_1dul li.m_1da_1 a {background-image:url('/images/ico_gnb2.png');}
#header #menu .m_1dul li.m_1da_2 a {background-image:url('/images/ico_gnb1.png');}
#header #menu .m_1dul li.m_1da_3 a {background-image:url('/images/ico_gnb3.png');}
#header #menu .m_1dul li.m_1da_4 a {background-image:url('/images/ico_gnb4.png');}
#header #menu .m_1dul li.m_1da_5 a {background-image:url('/images/ico_gnb5.png');}
#header #menu .m_1dul li.m_1da_6 a {background-image:url('/images/ico_gnb6.png');}
#header #menu .m_1dul li.m_1da_7 a {background-image:url('/images/ico_gnb7.png');}
#header #menu .m_1dul li.on a {background-color:rgb(0, 128, 255);}
#header #menu .m_1dul li a {display:block;padding:18px 19px 18px 39px;font-size:15px;font-weight:bold;color:#ffffff;line-height:1;border-radius:6px;background-repeat:no-repeat;background-position:19px 18px;}
#header #menu .m_1dul li:hover a {background-color:#45386f;}
#header #menu .m_1dul li.on:hover a {background-color:rgb(116, 98, 176);}
#header .hd_info {position:relative;float:left;padding-top:24px;padding-right:65px;min-width:165px;width:265px;height:100%;text-align:right;}
#header .hd_info .i_user {font-size:13px;color:rgba(255,255,255,.8);}
#header .hd_info .hd_logout {display:block;position:absolute;top:50%;right:0;margin-top:-25px;width:50px;height:50px;background:#7b558d url('/images/ico_logout.png') no-repeat 50% 50%/17px 16px;border-radius:50%;}

/***** Container *****/
.container_full {margin:0 0 -157px;padding:0 0 157px;min-height:calc(100vh - 75px);}
#container .contents_wrap {padding:20px 0;}
#container .contents_wrap:after {display:block;visibility:hidden;clear:both;content:""}

/* SNB */
#container .snb {float:left;width:220px;border-radius:10px;overflow:hidden;}
#container .snb .depth1_title {display:block;padding:0 20px;height:60px;line-height:60px;font-size:17px;font-weight:bold;color:#ffffff;border-radius:10px 10px 0 0;background-color:#1a0c47;}
#container .snb .snb_dropdown {padding:0 10px 10px;border:1px solid #dfdfdf;border-radius:0 0 10px 10px;background-color:#ffffff;overflow:hidden;}
#container .snb .snb_dropdown > li {border-top:1px solid #e6e6e6;}
#container .snb .snb_dropdown > li:first-child {border-top:0;}
#container .snb .snb_dropdown .snb_1da,
#container .snb .snb_dropdown .snb_1da_line1 {display:block;position:relative;padding:16px 27px 16px 8px;width:100%;font-size:14px;font-weight:bold;color:#555555;background-color:#ffffff;}
#container .snb .snb_dropdown .snb_1da:hover,
#container .snb .snb_dropdown .snb_1da_line1:hover {color:#000000;}
#container .snb .snb_dropdown .snb_1da_line1.on {color:#ec017e;}
#container .snb .snb_dropdown .snb_1da i {display:inline-block;position:absolute;top:50%;right:8px;margin-top:-5px;width:14px;height:9px;background-repeat:no-repeat;background-image:url('/images/ico_drop_down.png');}
#container .snb .snb_dropdown .snb_1da.active {color:#000000;}
#container .snb .snb_dropdown .snb_1da.active i {background-image:url('/images/ico_drop_up.png');}
#container .snb .snb_dropdown .snb_2dul {display:none;padding-bottom:20px;}
#container .snb .snb_dropdown .snb_2dul li a {display:block;position:relative;padding-left:19px;height:32px;line-height:32px;font-size:13px;color:#555555;border-radius:5px;}
#container .snb .snb_dropdown .snb_2dul li a:before {content:'';display:inline-block;position:absolute;top:14px;left:10px;width:3px;height:3px;background-color:#555555;}
#container .snb .snb_dropdown .snb_2dul li a.on {color:#ffffff;background-color:#ec017e;}
#container .snb .snb_dropdown .snb_2dul li a.on:before {background-color:#ffffff;}
#container .snb .snb_dropdown .snb_2dul li a:hover {background-color:#f2f2f2;}
#container .snb .snb_dropdown .snb_2dul li a.on:hover {background-color:#ec017e;}

#container .cont_box {position:relative;float:left;margin-left:20px;width:1200px;min-height: 679px; background-color:#ffffff;border:1px solid #dfdfdf;border-radius:10px;overflow:hidden;}
#container .cont_box .page_cont {padding:20px 35px 50px;}
#container .cont_box .page_title {display:block;font-size:20px;font-weight:bold;color:#7b558d;vertical-align:top;}
#container .cont_box .page_locate {position: relative;height: 38px;border-bottom: 1px solid #dfdfdf;background: #fafafa;}
#container .cont_box .page_locate ul {font-size:0;position:absolute;top:7px;right:35px;}
#container .cont_box .page_locate li {display:inline-block;margin-left:9px;padding-left:12px;background:url('/images/ico_arrow_locate.png') no-repeat left 7px;vertical-align:top;}
#container .cont_box .page_locate li:first-child {margin:0;padding:0;background:none;}
#container .cont_box .page_locate li:last-of-type {padding-right:0;}
#container .cont_box .page_locate li:last-of-type a {font-weight:bold;color:#000000;}
#container .cont_box .page_locate a {display:block;font-size:13px;color:#555555;line-height:23px;}
#container .cont_box .page_locate li.i_home a {padding:0;width:25px;height:23px;background:url('/images/ico_home.png') no-repeat 50% 50%;}
#container .cont_box .page_locate li.i_home + li {margin-left:5px;}

#container .cont_box .date {font-size: 13px;color: #555;}
.s_title {display: block;font-size: 15px;font-weight: bold;height:28px;}

/* Login */
.login_wrap {height:calc(100% - 75px);text-align:center;font-size:0;}
.login_wrap:after {content:'';display:inline-block;height:100%;vertical-align:middle;}
.login_wrap .vertical_cen {display:inline-block;padding:50px 0;vertical-align:middle;}
.login_wrap .login_box {position:relative;width:960px;height:560px;color:#fff;font-size:50px;background-color:#ffffff;border-radius:22px;overflow:hidden;-webkit-box-shadow: 10px 10px 40px 0 rgba(0,0,0,0.05);box-shadow: 10px 10px 40px 0 rgba(0,0,0,0.05);}
.login_wrap .login_bg {z-index:1;position:absolute;top:0;left:0;width:350px;height:100%;background:#ffffff url('/images/login_bg.png') no-repeat left top;border-radius:22px 0 0 22px;}
.login_wrap .login_cont {margin-left:350px;padding:87px 120px 0;height:100%;border-top:1px solid #dfdfdf;border-right:1px solid #dfdfdf;border-bottom:1px solid #dfdfdf;border-radius:0 22px 22px 0;text-align:left;}
.login_wrap .login_cont .title {display:block;padding-left:239px;height:60px;background-repeat:no-repeat;background-image:url('/images/logo_login.png');}
.login_wrap .login_cont .info_login {margin-top:35px;font-size:14px;color:#555555;}
.login_wrap .login_cont .info_fail {margin-top:3px;font-size:13px;color:#999999;}
.login_wrap .login_cont .input_box {margin-top:27px;}
.login_wrap .input_box ~ .input_box {margin-top:10px;}
.login_wrap .input_box input {padding-left:16px;height:50px;line-height:48px;font-size:14px;background-color:#f6f6f6;}
.login_wrap .input_box input:focus {background-color:#ffffff;border-color:rgb(0, 64, 128);}

.login_wrap .btn_lg {margin-top:40px;width:100%;height:50px;font-size:14px;font-weight:bold;border-radius:3px;text-align:center;}
.login_wrap .login_cont .chk_box {margin-top:20px;padding-top:19px;border-top:1px solid #dfdfdf;}
.login_wrap .login_cont .chk_box input[type="checkbox"] {top:25px;}
.login_wrap .login_cont .chk_box input[type="checkbox"] + label {font-size: 14px;}

/* Chg pw */
.login_wrap .chg_pw {width:612px;padding:75px 120px 0;height:583px;background-color:#ffffff;border:1px solid #dfdfdf;border-radius:22px;overflow:hidden;-webkit-box-shadow: 10px 10px 40px 0 rgba(0,0,0,0.05);box-shadow: 10px 10px 40px 0 rgba(0,0,0,0.05);}
.login_wrap .chg_pw .title {display:block;font-size:26px;font-weight:bold;color:#000000;text-align:left;}
.login_wrap .chg_pw p.info1 {margin-top:29px;font-size:14px;color:#555555;text-align:left;}
.login_wrap .chg_pw p.info2 {margin-top:3px;font-size:13px;color:#999999;text-align:left;}
.login_wrap .chg_pw .input_wrap {margin-top:27px;}
.login_wrap .chg_pw .btn_lg {margin-top:37px;}

/* Dash Board */
.dashboard_wrap {padding:50px 0 30px;}
.dashboard_wrap .sel_box {width:100px;}
.dashboard_wrap .select2-container .select2-selection--single {height:38px !important;}
.dashboard_wrap .select2-container .select2-selection--single .select2-selection__rendered {height:36px !important;line-height:36px !important;font-size:14px !important;}
.dashboard_wrap .select2-container--default .select2-selection--single .select2-selection__arrow {right:1px !important;width:38px !important;height:36px !important;}
.dashboard_wrap .select2-container--default .select2-selection--single .select2-selection__arrow b {background:url('/images/ico_select_down.png') no-repeat center center/auto auto !important;border:0 !important;}
.dashboard_wrap .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {background:url('/images/ico_select_up.png') no-repeat center center/auto auto !important;}
.dashboard_wrap .select2-container .select2-selection--single .select2-selection__rendered {padding-right:39px !important;}

.dashboard_span {font-size:13px;}

.dashboard_wrap .select2-results__option {font-size:14px !important;}
.dashboard_wrap .top_info {font-size:0;}
.dashboard_wrap .top_info .time_box {display:inline-block;padding:0 12px 0 44px;height:38px;background:#ffffff url('/images/ico_clock.png') no-repeat 15px 50%;border:1px solid #cccccc;border-radius:4px;vertical-align:top;}
.dashboard_wrap .top_info .time_box > span {font-size:14px;font-weight:bold;line-height:36px;}
.dashboard_wrap .top_info .time_box > span.current_time {color:#000000;}
.dashboard_wrap .top_info .time_box > span.update_time {position:relative;margin-left:28px;color:#ec017e;}
.dashboard_wrap .top_info .time_box > span.update_time:after {content:'';display:inline-block;position:absolute;top:2px;left:-14px;width:1px;height:16px;background-color:#cccccc;}
.dashboard_wrap .top_info .sel_box {display:inline-block;margin-left:10px;vertical-align:top;}
.dashboard_wrap .dash_widget {margin-top:15px;}
.dashboard_wrap .dash_widget:after {display:block;visibility:hidden;clear:both;content:""}
.dashboard_wrap .dash_widget .dash_box {position:relative;float:left;margin-left:20px;margin-bottom:20px;padding:19px 19px 0;width:285px;height:360px;background-color:#ffffff;border:1px solid #dfdfdf;border-radius:10px;overflow:hidden;}
.dashboard_wrap .dash_widget .dash_box:first-of-type {margin-left:0;}
.dashboard_wrap .dash_widget .dash_box:nth-child(4n+1) {margin-left:0;}
.dashboard_wrap .dash_widget .dash_box:hover {padding:18px 18px 0;border:2px solid #8850b2;-webkit-box-shadow: 10px 10px 30px 0 rgba(0,0,0,0.18);box-shadow: 10px 10px 30px 0 rgba(0,0,0,0.18);}
.dashboard_wrap .dash_widget .dash_box:hover .i_more {top:16px;right:8px;}
.dashboard_wrap .dash_widget .dash_box .title {display:block;padding-right:50px;padding-left:41px;font-size:15px;font-weight:bold;color:#000000;line-height:30px;background-repeat:no-repeat;}
.dashboard_wrap .dash_widget .dash_box .i_more {z-index:3;display:inline-block;position:absolute;top:17px;right:9px;width:60px;height:30px;font-size:13px;color:#999999;line-height:30px;text-align:center;}
.dashboard_wrap .dash_widget .dash_box .i_more:hover {text-decoration:underline;}
.dashboard_wrap .dash_widget .dash_box.visit_box .title {background-image:url('/images/ico_dash_visitor.png');}
.dashboard_wrap .dash_widget .dash_box.corp_box .title {background-image:url('/images/ico_dash_corp.png');}
.dashboard_wrap .dash_widget .dash_box.corpregi_box .title {background-image:url('/images/ico_dash_corpresi.png');}
.dashboard_wrap .dash_widget .dash_box.qna_box .title {background-image:url('/images/ico_dash_qna.png');}
.dashboard_wrap .dash_widget .dash_box.modem_box .title {background-image:url('/images/ico_dash_modem.png');}
.dashboard_wrap .dash_widget .dash_box.solution_box .title {background-image:url('/images/ico_dash_solution.png');}
.dashboard_wrap .dash_widget .dash_box.module_box .title {background-image:url('/images/ico_dash_module.png');}
.dashboard_wrap .dash_widget .dash_box.noti_box .title {background-image:url('/images/ico_dash_noti.png');}
.dashboard_wrap .dash_widget .dash_box.simul_box .title {background-image:url('/images/ico_dash_simul.png');}
.dashboard_wrap .dash_widget .dash_box.testnum_box .title {background-image:url('/images/ico_dash_testnum.png');}
.dashboard_wrap .dash_widget .dash_box.sms_box .title {background-image:url('/images/ico_dash_sms.png');}
.dashboard_wrap .dash_widget .dash_box .list_style1 {margin-top:14px;}
.dashboard_wrap .dash_widget .dash_box .list_style1 li {padding:0 20px;border-bottom:1px solid #dfdfdf;}
.dashboard_wrap .dash_widget .dash_box .list_style1 li:after {display:block;visibility:hidden;clear:both;content:""}
.dashboard_wrap .dash_widget .dash_box .list_style1 li.list_bg {background-color:#f6f6f6;}
.dashboard_wrap .dash_widget .dash_box .list_style1 li .list_title {float:left;font-size:13px;font-weight:bold;color:#555555;line-height:38px;text-align:left;}
.dashboard_wrap .dash_widget .dash_box .list_style1 li .list_cont {float:right;font-size:15px;font-weight:bold;color:#000000;line-height:38px;text-align:right;}
.dashboard_wrap .dash_widget .dash_box .top_summary {margin-top:20px;padding:15px 0;width:100%;overflow:hidden;text-align:center;border-radius:6px;}
.dashboard_wrap .dash_widget .dash_box .top_summary div {float:left;width:50%;}
.dashboard_wrap .dash_widget .dash_box .top_summary div:last-child {position:relative;}
.dashboard_wrap .dash_widget .dash_box .top_summary div:last-child:after {content:'';display:inline-block;position:absolute;top:0;left:-1px;width:1px;height:38px;background-color:rgba(255,255,255,.2);}
.dashboard_wrap .dash_widget .dash_box .top_summary div span {display:block;font-size:13px;font-weight:normal;color:#ffffff;line-height:1;}
.dashboard_wrap .dash_widget .dash_box .top_summary div em {display:block;margin-top:10px;font-size:15px;font-weight:bold;color:#ffffff;line-height:1;}
.dashboard_wrap .dash_widget .dash_box .top_summary2 {margin-top:20px;height:50px;font-size:0;text-align:center;border-radius:6px;}
.dashboard_wrap .dash_widget .dash_box .top_summary2:after {content:'';display:inline-block;height:100%;vertical-align:middle;}
.dashboard_wrap .dash_widget .dash_box .top_summary2 span {display:inline-block;font-size:13px;color:#ffffff;vertical-align:middle;}
.dashboard_wrap .dash_widget .dash_box .top_summary2 em {display:inline-block;margin-left:7px;font-size:15px;font-weight:bold;color:#ffffff;vertical-align:middle;}
.dashboard_wrap .dash_widget .dash_box .tbl_style1 {margin-top:14px;}
.btn_refresh {display:inline-block;margin-left:10px;width:38px;height:38px;background:#ffffff url('/images/ico_refresh.png') no-repeat 50% 50%;border:1px solid #cccccc;border-radius:4px;vertical-align:top;}
.btn_refresh_small {display:inline-block;margin-left:0px;width:28px;height:28px;background:#ffffff url('/images/ico_refresh_small.png') no-repeat 50% 50%;border:1px solid #cccccc;border-radius:4px;vertical-align:top;}

/* Footer */
.footer {width:100%;padding:31px 0 0;height:157px;background-color:#c0c0c0;border-top:1px solid #e5e5e5;}
.footer .ft_logo {display:block;width:84px;height:23px;background:url('/images/logo_footer.png') no-repeat; cursor: pointer;}
.footer .ft_info {margin-top:17px;font-size:0;}
.footer .ft_info li {display:inline-block;margin-left:20px;vertical-align:top;}
.footer .ft_info li:first-child {margin-left:0;}
.footer .ft_info li .title {font-size:13px;font-weight:bold;color:#555555;}
.footer .ft_info li .desc {margin-left:10px;font-size:13px;font-weight:normal;color:#555555;}
.footer .copy_right {margin-top:8px;font-size:13px;color:rgb(77, 77, 77);}
.footer .inner	{width:1000px;}

/* Table Style */
.tbl_style1 {width:100%;border-top:1px solid #555555;}
.tbl_style1 thead th {height:38px;font-size:13px;font-weight:bold;color:#555555;background-color:#f6f6f6;vertical-align:middle;}
.tbl_style1 tbody td {padding:0 10px;height:39px;font-size:13px;font-weight:normal;color:#000000;background-color:#ffffff;border-top:1px solid #dfdfdf;vertical-align:middle;}

.tbl_top_opt {position:relative;margin-top:20px;font-size:0;text-align:right;height: 30px;}
.tbl_top_opt .tbl_total {position:absolute;bottom:0;left:0;font-size:0;}
.tbl_top_opt .tbl_total .title {font-size:13px;color:#555555;}
.tbl_top_opt .tbl_total .i_num {margin-left:6px;font-size:13px;font-weight:bold;color:#ec017e;}
.tbl_top_opt .sel_box {display:inline-block;vertical-align:top;}
.tbl_top_opt .input_box {display:inline-block;margin-left:8px;width:240px;vertical-align:top;}
.tbl_top_opt .btn_srh {display:inline-block;;vertical-align:top;}
.tbl_top_opt:after {display: block;content: '';clear: both;} 
.tbl_top_opt.mid {height:20px;}

.tbl_l {position: absolute;left: 0;bottom: 0;}
.tbl_l .input_box {margin-left: 0;}
.tbl_r {position: absolute;right: 0;;bottom: 0;}
.tbl_r .sel_txt {display: inline-block;font-size: 13px;margin-right:8px;}
.tbl_r .sel_date {display: inline-block;}
.tbl_r b.style2 {background: #000;width: 8px;height: 1px;display: inline-block;margin: 0 4px;margin-bottom:5px;}

/*.tbl_top_opt.mt0 {margin-top: 0;}*/

.tbl_wrap {margin-top:15px;}
.tbl_wrap .tbl_style2 {width:100%;border-top:2px solid #555555;border-left: 1px solid #dfdfdf;}
.tbl_wrap .tbl_style2 tr:hover td {background-color:#fffaef;}
.tbl_wrap .tbl_style2.type tr:hover td {background-color:#fff;}
.tbl_wrap .tbl_style2 th {padding:10px 0 12px;font-size:13px;font-weight:normal;color:#000000;text-align:center;background-color:#f6f6f6;border-bottom:1px solid #dfdfdf;border-right:1px solid #dfdfdf;vertical-align:middle;}
.tbl_wrap .tbl_style2 tbody td {padding:10px 5px 10px 5px;font-size:13px;font-weight:normal;color:#000000;background-color:#ffffff;border-bottom:1px solid #dfdfdf;border-right:1px solid #dfdfdf;vertical-align:middle;}
.tbl_wrap .tbl_style2 tbody td button.btn_color:first-child {margin-left:0;margin-right:8px;}
.tbl_wrap .tbl_style2 tbody td:last-child .radio_box {margin-right:0;}
.tbl_wrap .tbl_style2 tbody .ad_super td {background-color:#fcf7ff}
.tbl_wrap .tbl_style2 tbody .ad_super td.super_name {padding:10px 10px 11px;}
.tbl_wrap .tbl_style2 tbody .ad_super td.super_name .tbl_link {color: #000;}
.tbl_wrap .tbl_style2 tbody .ad_super td a.title {max-width:80%;}
.tbl_wrap .tbl_style2 tbody .ad_super td a .emp {vertical-align: top}
.tbl_wrap .tbl_style2 tbody td .tbl_link,
.tbl_wrap .tbl_style2 tbody td.tbl_link
{font-weight:bold;color:#7b558d;}
.tbl_wrap .tbl_style2 tbody td a.title  {display: inline-block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;max-width: 90%;vertical-align: middle;}
.tbl_wrap .tbl_style2 tbody td a.title:hover {color:#000000;text-decoration:underline;}
.tbl_wrap .tbl_style2 tbody td .tbl_link:hover {color:#000000;text-decoration:underline;}
.tbl_wrap tbody td > div {display: inline-block;vertical-align: middle;}
.tbl_wrap .tbl_style2 tbody td > div + div {margin-left: 0px;}
.tbl_wrap .tbl_style2 tbody td .radio_box {margin-right: 16px;}
.tbl_wrap th em {color:#ec017e;margin-right: 3px;position: relative;top: 2px;}
.tbl_wrap .tbl_style2 tbody td > b {font-weight: normal;vertical-align: middle;margin: 0 16px 0 4px;}
.tbl_wrap .tbl_style2 tbody td > b.style2 {background:#000;width:8px;height:1px;display: inline-block;margin:0 4px;}
.tbl_wrap .tbl_style2 tbody td > b.style3 {margin:0 4px;}
.new_txt {font-size: 13px;color: #ec017e;margin-left: 10px;vertical-align: middle;}

/* Paging */
.pagination {position:relative;margin-top:20px;}
.pagination .paging {font-size:0;text-align:center;}
.pagination .paging li {display:inline-block;vertical-align:top;}
.pagination .paging .first button,
.pagination .paging .prev button,
.pagination .paging .next button,
.pagination .paging .last button {display:inline-block;border-radius:4px;border:1px solid #dddddd;}

.pagination .paging .first button {margin-right:8px;width:30px;height:30px;background:#eeeeee url('/images/paging_first.png') no-repeat 50% 50%;background-size:auto auto;}
.pagination .paging .prev button {margin-right:22px;width:30px;height:30px;background:#dfdfdf url('/images/paging_prev.png') no-repeat 50% 50%;background-size:auto auto;}
.pagination .paging .next button {margin-left:22px;width:30px;height:30px;background:#dfdfdf url('/images/paging_next.png') no-repeat 50% 50%;background-size:auto auto;}
.pagination .paging .last button {margin-left:8px;width:30px;height:30px;background:#dfdfdf url('/images/paging_last.png') no-repeat 50% 50%;background-size:auto auto;}
.pagination .paging .num button {display:inline-block;margin:2px 2px;width:26px;height:26px;line-height:26px;font-size:13px;color:#555555;text-align:center;vertical-align:top;background-color:#ffffff;border-radius:4px;}
.pagination .paging .num.on button {color:#ec017e;background:#f2f2f2;}
.pagination .paging .num button:hover {color:#ec017e;background:#f2f2f2;}
.pagination .btn_box {position:absolute;top:0;right:0;font-size:0;}
.pagination .btn_box2 {position:absolute;top:0;right:100;font-size:0;}

/* err msg */
.err_msg {display:block;margin-top:9px;font-size:13px;color:#ec017e;text-align:left;}

/* Select2 */
.select2-container--open {z-index:1001 !important;}
.select2-container *:focus {outline:none !important;}
.select2-container .select2-selection--single {height:30px !important;border:1px solid #dfdfdf !important;}
.select2-container .select2-selection--single:focus {border:1px solid #cccccc !important;}
.select2-container .select2-selection--single .select2-selection__rendered {padding-left:10px !important;padding-right:28px !important;height:28px !important;line-height:28px !important;font-size:13px !important;font-weight:normal !important;color:#999999 !important;text-align:left !important;}
.select2-container.select2-container--below .select2-selection--single .select2-selection__rendered {color:#000000 !important;}
.select2-container--default .select2-selection--single .select2-selection__arrow {display:block !important;position:absolute !important;margin:auto !important;top:0 !important;bottom:0 !important;right:1px !important;width:28px !important;height:28px !important;background-color:#eeeeee !important;border-left:1px solid #dfdfdf !important;border-radius:0 4px 4px 0 !important;}
.select2-container--default .select2-selection--single .select2-selection__arrow b {display:block !important;position:static !important;margin:0 !important;width:100% !important;height:100% !important;background:url('/images/ico_select_down.png') no-repeat center center/auto 7px !important;border:0 !important;}
.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {background:url('/images/ico_select_up.png') no-repeat center center/auto 7px !important;}
.select2-dropdown {border:1px solid #dfdfdf !important;border-top:0 !important;overflow:hidden !important;}
.select2-results__option {padding:7px 10px 7px 10px !important;font-size:13px !important;font-weight:normal !important;color:#000000 !important;border-top:1px solid #dfdfdf !important;}
.select2-results__option:first-child {border-top:0 !important;}
.select2-container--default .select2-results__option--selected {background:#f5f5f5 !important;color:#000000 !important;}
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {background-color:#f5f5f5 !important;}

.sel_box.disabled .select2-container .select2-selection--single .select2-selection__rendered {color:#000 !important;}

/* button style */
button:disabled {color:#888888 !important;background-color:#dddddd !important;cursor:default !important;}

button[class^="btn_color"] {display:inline-block;margin-left:8px;min-width:60px;height:30px;font-size:13px;text-align: center;border-radius: 3px;padding: 0 13px;}
button.btn_lg {width:100%;height:50px;font-size:14px;font-weight:bold;border-radius:3px;text-align:center;}
button.btn_color {color:#ffffff;background-color:rgb(0, 64, 128);}
button.btn_color:hover {background-color:rgb(0, 128, 192);}
button.btn_color:focus {border:1px solid #000;}
button.btn_color2 {color:#ffffff;background-color:#9a9aac;}
button.btn_color2:hover {background-color:#8282a1;}
button.btn_color3 {color:#ffffff;background-color:#777;}
button.btn_color3:hover {background-color:#777;}

.btn_srh {width:70px;height:30px;font-size:13px;color:#ffffff;text-align:center;background-color:#9a9aac;border-radius:3px;margin-left:8px}
.btn_srh:hover {background-color:#8282a1;}
.btn_down {display:inline-block;margin-left:8px;padding-left:28px;width:90px;height:30px;font-size:13px;color:#000000;text-align:left;background-color:#f2f2f2;background-repeat:no-repeat;background-image:url('/images/ico_down.png');background-position:12px 50%;border-radius:3px;vertical-align:top;}
.btn_down:hover {background-color:#dfdfdf;}
.btn_regi {display:inline-block;margin-left:8px;width:78px;height:30px;font-size:13px;color:#ffffff;text-align:center;background-color:rgb(60, 60, 60);border-radius:3px;vertical-align:top;background-repeat:no-repeat;background-image:url('/images/btn_plus.png');background-position:15px 50%;padding-left: 15px;}
.btn_regi:hover {background-color:rgb(85, 85, 85);}
.btn_save {display:inline-block;margin-left:8px;width:70px;height:30px;font-size:13px;color:#ffffff;text-align:center;background-color:#7b558d;border-radius:3px;vertical-align:top;background-repeat:no-repeat;background-image:url('/images/ico_save.png');background-position:15px 50%;padding-left: 15px;}
.btn_save:hover {background-color:#613078;}
.btn_save_mid {display:inline-block;margin-left:8px;width:120px;height:30px;font-size:13px;color:#ffffff;text-align:center;background-color:#7b558d;border-radius:3px;vertical-align:top;background-repeat:no-repeat;background-image:url('/images/ico_save.png');background-position:15px 50%;padding-left: 15px;}
.btn_save_mid:hover {background-color:#613078;}
.btn_save_wide {display:inline-block;margin-left:8px;width:180px;height:30px;font-size:13px;color:#ffffff;text-align:center;background-color:#7b558d;border-radius:3px;vertical-align:top;background-repeat:no-repeat;background-image:url('/images/ico_save.png');background-position:15px 50%;padding-left: 15px;}
.btn_save_wide:hover {background-color:#613078;}
.btn_save_medium {display:inline-block;margin-left:8px;width:100px;height:30px;font-size:13px;color:#ffffff;text-align:center;background-color:#7b558d;border-radius:3px;vertical-align:top;background-repeat:no-repeat;background-image:url('/images/ico_save.png');background-position:15px 50%;padding-left: 15px;}
.btn_save_medium:hover {background-color:#613078;}
.btn_del {display:inline-block;width:70px;height:30px;font-size:13px;background-repeat:no-repeat;background-image:url('/images/ico_del.png');background-position:14px 50%;background-color: #f2f2f2;text-align: center;border-radius: 3px;padding-left: 10px;}
.btn_del:hover {background-color:#dfdfdf;}
.btn_guide {display:inline-block;margin-left:8px;padding: 0 10px;padding-left:30px;height:30px;line-height: 30px;font-size:13px;color:#000000;text-align:left;background-color:#f6f6f6;background-repeat:no-repeat;background-image:url('/images/ico_guide.png');background-position:11px 50%;border-radius:3px;vertical-align:top;}
.btn_guide:hover {background-color:#dfdfdf;}
.btn_date {display:inline-block;margin-left:1px;min-width:60px;height:30px;font-size:13px;text-align: center;border-radius: 3px;padding: 0 13px;color: #222;border:1px solid #dfdfdf;}
.btn_date.on { color: #ffffff;background-color: #9a9aac;margin-left:4px;border-color:#9a9aac}
.btn_date.on:hover {background-color:#8282a1;border-color:#8282a1;}
.btn_area {position: relative;margin-top: 20px;height: 30px;}
.btn_area .btn_box {position:absolute;top:0;right:0;font-size:0;}
.btn_wrap {text-align: center;margin: 20px 0 30px;}
.type01 {padding: 0 20px !important;}
.pw_btn {display:inline-block;height:30px;padding:0 10px;box-sizing:border-box;font-size:13px;font-weight:normal;line-height:28px;text-align:center;vertical-align:top;margin-left:4px;border-radius: 3px;}
.array_btn {position:relative;}
.array_btn div {position:absolute;right:12px;top:8px;width:18px;height:25px;background:#fff;border:1px solid #dfdfdf;padding:5px 0;text-align: center;}
.array_btn div button.a_up {display:block;width:8px;height:4px;background:url(/images/ico_up.png) center no-repeat;margin:0 auto 5px;}
.array_btn div button.a_down {display:block;width:8px;height:4px;background:url(/images/ico_down03.png) center no-repeat;margin:0 auto;}

/* Input style */
input::-ms-clear {display:none;} 
input::-ms-reveal {display:none;}
input[readonly]:focus {border:1px solid #dfdfdf;cursor:default;}
[readonly='readonly'] {pointer-events: none;cursor:default;}
.input_box {position:relative;}
.input_box input {display:block;padding-left:11px;width:100%;height:30px;line-height:28px;font-size:13px;color:#000000;border:1px solid #dfdfdf;border-radius:3px;}
.input_box select {display:block;padding-left:2px;width:100%;height:30px;line-height:28px;font-size:13px;color:#000000;border:1px solid #dfdfdf;border-radius:3px;}
.input_num_box input {display:block;padding-right:11px;width:100%;height:30px;line-height:28px;font-size:13px;color:#000000;border:1px solid #dfdfdf;border-radius:3px;text-align:right;}
.input_box input:focus,textarea:focus {border:1px solid #000000;outline:0;}
.input_box input:disabled,textarea:disabled {color:#999999;cursor:default;background:#f6f6f6;}
.input_box input:read-only,textarea:read-only{border:1px solid #dfdfdf;cursor:default;}
.input_box input:-moz-read-only,textarea:-moz-read-only {border:1px solid #dfdfdf;cursor:default;}
.input_box.ty {width: 100%;}
.input_box.ty input {padding-right: 74px;}
.input_box.ty span, .input_box.ty2 span, .input_box.ty2_1 span  {position: absolute;right: 0;top: 0;line-height: 30px;padding: 0 11px;color: #999;cursor: default;font-size: 13px;}
.input_box.ty span.on {color: #ec017e;}
.input_box.ty2_1 span.on {color: #ec017e;}
.input_box.ty2 {width:auto;min-width:250px;}
.input_box.ty2_1 {width:auto;min-width:300px;}
.input_box.ty3 {width:auto;min-width:345px;}
.input_box.ty4 {width:auto;min-width:492px;}
.input_box.ty .file_del {display: none;position: absolute; right: 63px;top: 6px;}
.tbl_wrap tbody td > .input_box.ty + .input_box.ty {margin-left: 0;margin-top: 8px;}



/* input placeholder */
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder  {color:#999999 !important;}
input:-ms-input-placeholder, textarea:-ms-input-placeholder {color:#999999 !important;}
input::-ms-input-placeholder, textarea::-ms-input-placeholder {color:#999999 !important;}
input::placeholder, textarea::placeholder {color:#999999 !important;opacity:1;}

/* input:focus placeholder */
input:focus::-webkit-input-placeholder, textarea:focus::-webkit-input-placeholder { /* WebKit browsers */ color:transparent !important; } 
input:focus:-moz-placeholder, textarea:focus:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color:transparent !important; } 
input:focus::-moz-placeholder, textarea:focus::-moz-placeholder { /* Mozilla Firefox 19+ */ color:transparent !important; } 
input:focus:-ms-input-placeholder, textarea:focus:-ms-input-placeholder { /* Internet Explorer 10+ */ color:transparent !important; }

/* input:disabled placeholder */
input:disabled::-webkit-input-placeholder, textarea:disabled::-webkit-input-placeholder  { /* WebKit browsers */ color:#999 !important; } 
input:disabled:-moz-placeholder, textarea:disabled:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color:#999 !important; } 
input:disabled::-moz-placeholder, textarea:disabled::-moz-placeholder { /* Mozilla Firefox 19+ */ color:#999 !important; } 
input:disabled:-ms-input-placeholder, textarea:disabled:-ms-input-placeholder { /* Internet Explorer 10+ */ color:#999 !important; }

/* textarea */
textarea {display: block;padding: 11px;width: 100%;font-size: 13px;color: #999;border: 1px solid #dfdfdf;border-radius: 3px;box-sizing: border-box;}
.textarea_box {position: relative;width: 100%;}
.textarea_box.ty textarea {padding-right: 80px;color: #000;}
.textarea_box span {position: absolute;right: 1px;bottom: 1px;height: 30px;line-height: 30px;padding: 0 10px;color: #999;cursor: default;text-align: right;box-sizing: border-box;}
.textarea_box span.on {color: #ec017e;}
/* Checkbox style */
.login_cont .chk_box {position:relative;}
.login_cont input[type="checkbox"] {position:absolute;top:7px;left:2px;width:1px;height:1px;}
.login_cont input[type="checkbox"] + label {display:inline-block;position:relative;padding-left:26px;min-height:16px;font-size:13px;font-weight:normal;color:#555555;vertical-align:top;cursor:pointer;}
.login_cont input[type="checkbox"] + label:before {content:'';display:block;position:absolute;top:2px;left:0;width:16px;height:16px;background-repeat:no-repeat;background-image:url('/images/chk_off.png');}
.login_cont input[type="checkbox"]:checked + label:before {background-image:url('/images/chk_on.png');}
.login_cont input[type="checkbox"]:disabled + label {cursor:default;}


/* radiobox style */
input[type="radio"] {position: absolute;left: -9999px;}
input[type="radio"] + em {display: inline-block;vertical-align: middle;width:16px;height: 16px;  background: url(/images/radio_off.png);margin: -2px 6px 0 0;}
input[type="radio"]:disabled + em {display: inline-block;vertical-align: middle;width:16px;height: 16px;  background: url(/images/radio_off.png);margin: -2px 6px 0 0;}
input[type="radio"]:checked + em {background:url(/images/radio_on.png);}
.radio_box label {display: inline-block;font-size: 13px;}
.radio_box label + label {margin-left: 20px;}

/* file style */
.file_box {margin-left: -8px;}
.file {display: inline-block;vertical-align: middle;margin-left: 8px;}
.file a {font-size: 13px;color: #000;line-height: 18px;display: inline-block;max-width:220px;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;}
.file a em {color: #999;}
/*07.05 jhj 수정*/
.file_del {display: inline-block;width: 18px;height: 18px;background: url(/images/file_del.png);vertical-align: top;margin-left: 7px;text-indent: -9999px;position: relative;top: 1px}
.tbl_top_opt .file_del {margin-left: 6px;}
.file_box input {display:inline-block;padding-left:11px;width:100%;height:30px;line-height:28px;font-size:13px;color:#000000;border:0;border-radius:3px;cursor: pointer;}
.file_box input:focus {border:1px solid #000000;outline:0;}
.ment {vertical-align: middle;background: url(/images/ico_ment.png) no-repeat left center;color: #ec017e;padding-left: 20px;margin-left: 6px;}

/* datebox style */
.sel_date input {display:block;padding-left:11px;min-width: 170px;height:30px;line-height:28px;font-size:13px;color:#000000;border:1px solid #dfdfdf;border-radius:3px;background: #fff url(/images/ico_calendar.png) no-repeat right center;cursor: pointer;}
.sel_date input:focus {border:1px solid #000000;outline:0;}
.sel_date input:disabled {color:#999999;cursor:default;background:#f6f6f6;}
.sel_date input:read-only{background:#f6f6f6;cursor:default;}
.sel_date input:-moz-read-only {background:#f6f6f6;cursor:default;}

/* margin */
.mb30 {margin-bottom: 30px;}

/* rolling image */
.rol_wrap {border-top: 2px solid #555555;margin-top: 15px;}
.rol_wrap ul {padding: 15px 20px;border: 1px solid #dfdfdf;border-top: 0;}
.rol_wrap ul:after {display: block;content: '';clear: both;}
.rol_wrap ul li {float: left;margin-right: 14px;}
.rol_wrap ul li .img {position: relative;width: 136px;height: 94px;border-radius: 3px;box-sizing: border-box;overflow: hidden;background: #f6f6f6 url(/images/no_image_s.png) no-repeat center;}
.rol_wrap ul li a {display: block;}
.rol_wrap ul li .img a:before {display: block;content: '';border: 1px solid #dfdfdf;width: 100%;height: 100%;position: absolute;left: 0;top: 0;box-sizing: border-box;}
.rol_wrap ul li .img .chk {position: absolute;left: 7px;top: 7px;background: url(/images/chk_off.png) no-repeat center;text-indent: -9999px;width: 16px;height: 16px;}
.rol_wrap ul li .img.on a:before {border: 3px solid #ec017e;}
.rol_wrap ul li .img.on .chk {background-image: url(/images/rol_chk_on.png);}
.rol_wrap.type ul {padding: 15px;}
.rol_wrap.type ul li {margin-right: 8px;}
.rol_wrap ul li:last-child,.rol_wrap.type ul li:last-child {margin-right: 0;}
.rol_wrap.type ul li .img {width: 88px;height: 60px;}
.rol_wrap.type ul li .arr {width: 88px;}

.rol_wrap ul li .img a.btn_plus:before {display: none;}
.btn_plus {display: inline-block;background: url(/images/btn_plus.png) no-repeat center;text-indent: -9999px;width: 16px;height: 16px;position: absolute;top: 7px; left: 7px;}
.arr {position: relative;width: 136px;height: 32px;}
.btn_role {display: inline-block;width: 34px;height: 26px;border: 1px solid #ddd;background-color: #ddd;background-repeat: no-repeat;background-position: center;text-indent: -9999px;border-radius: 3px;position: absolute;bottom: 0;cursor: default;}
.btn_role.left {background-image: url(/images/rol_left_off.png);left: 0;}
.btn_role.right {background-image: url(/images/rol_right_off.png);right: 0;}
.btn_role.on {background-color: #fff;cursor: pointer;}
.btn_role.left.on {background-image: url(/images/rol_left_on.png);}
.btn_role.right.on {background-image: url(/images/rol_right_on.png);}
.rol_wrap ul li:first-child .btn_role.left {display: none;}
.rol_wrap ul li:last-child .btn_role.right {display: none;}

.rol_img, .edit_img {display: inline-block;width: 278px;height: 192px;border: 1px solid #dfdfdf;background: #f6f6f6 url(/images/no_image.png) no-repeat center;border-radius: 3px;overflow: hidden;box-sizing: border-box;}
.rol_wrap ul li .img img, .rol_img img, .edit_img img  {width: 100%;height: 100%;}

/* sortable */
.sort_wrap {margin-top: 15px;}
.sort_wrap ul {position: relative;}
.sort_wrap ul:before {display: block;content: '';width: 100%;border-top: 2px solid #555555;position: absolute;top: 0;left: 0;z-index: 1;}
.sort:after {display: block;content: '';clear: both;}
.sort li {float: left;width: calc(33.33% + 1px);box-sizing: border-box;line-height: 1.2;margin: 0 -0.5px;}
.sort li a {display: block;position: relative;padding: 20px;cursor: move;}
.sort li a:before {display: block;content: '';width: 100%;height: 100%;border: 1px solid #dfdfdf;position: absolute;left: 0;top: 0;box-sizing: border-box;border-top: 0;}
.sort li.on a:before,.sort li:hover a:before {border:2px solid #7b558d;z-index: 2;}
.sort li .thum {position: relative;margin-bottom: 20px;}
.sort li.new .thum:before {display: inline-block;content: 'NEW';width: 52px;height: 24px;line-height: 24px;position: absolute;right: 0;top: 0;color: #fff;background: #00a8ae;text-align: center;z-index: 1;font-size: 13px;font-weight: bold;}
.sort li .txt span {display: block;color: #222;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.sort li .txt .s_tt {font-size: 13px;line-height: 20px;font-weight: bold;}
.sort li .txt .b_tt {font-size: 20px;font-weight: bold; height:24px;}
.sort li .txt .m_tt {font-size: 13px;color: #666;margin-top: 13px;}

/* nolist */
.nolist {padding: 50px;text-align: center;border-left: 0 !important;}
.nolist p {margin-top: 20px;font-size: 15px;}
.tbl_wrap table tbody td.nolist {padding: 50px;}
.tbl_wrap table tbody td.nolist:hover {background: #fff;}

/* select */
.sel_wrap {position: relative;}

/* search */
.sch_box {display: table !important;width: 100%;}
.sch_box > div:first-child {padding-left: 0;display: table-cell;}

.sch_box .input_box {display: table-cell;vertical-align: top;width: 240px;padding-left: 8px;}
.sch_box button {display: table-cell;margin-left: 8px;}
.sch_box + div {margin-left: 0 !important;margin-top: 8px;}
.sch_box .sec {display: table-cell;width:20px;padding-left:5px;}
/*e-mail*/
.mail_box {display:table !important;width:100%;}
.mail_box .input_box {display: table-cell;width:250px;}
.mail_box span {display: inline-block;width:80px;margin-left:8px;}

/* notice icon */
.noti td {background: #fcf7ff !important;}
.emp {display: inline-block;background: url(/images/ico_emp.png) no-repeat;width: 15px;height: 15px;margin-right: 5px;vertical-align: middle;}
.attc {display: inline-block;background: url(/images/ico_file.png) no-repeat;width: 12px;height: 12px;margin-left: 5px;vertical-align: middle;margin-top:2px;}
.lock {display: inline-block;background: url(/images/ico_lock.png) no-repeat;width: 11px;height: 15px;margin-right: 8px;vertical-align: middle;}
.count {display: inline-block;vertical-align: top;margin-left:5px;color: #ec017e;font-size:13px;font-weight: 400;margin-top:1px;}
.i_replay {display: inline-block;background: url(/images/ico_replay.png) no-repeat;width: 7px;height: 7px;margin-left: 5px;vertical-align: top;margin-top:6px;margin-right:6px;}
.i_down {display: inline-block;background: url(/images/ico_down02.png) no-repeat;width: 17px;height: 17px;margin-left: 7px;vertical-align: middle;margin-top:-2px;}
.i_file_up {display: inline-block;background: url(/images/ico_file_up.png) no-repeat;width: 10px;height: 5px;margin-left: 11px;vertical-align: middle;}
/* simulation_view */
.simulation_view {position:relative;margin-top:20px;padding:28px 40px 35px;background:#f7f5ff;border:1px solid #7b558d;box-sizing:border-box;}
.simulation_view .tit {font-size:16px;font-weight:normal;letter-spacing:-1.5px;text-align:center;}
.simulation_view ul {display:flex;flex-wrap:wrap;margin-top:25px;}
.simulation_view ul li {display:flex;position:relative;width:50%;padding:6px 0 6px 100px;box-sizing:border-box;font-weight:bold;align-items:center;font-size: 13px;}
.simulation_view ul li:before {position:absolute;left:40px;top:50%;width:48px;height:48px;margin-top:-25px;background:#fff url("/images/simulation_view02.png") no-repeat center;border-radius:50%;overflow:hidden;content:"";}
.simulation_view ul li:first-child {padding: 6px 0 6px 60px;}
.simulation_view ul li:first-child:before {background-image:url("/images/simulation_view01.png");left: 0;}
.simulation_view ul li:first-child:after {width:1px;height:48px;background:rgba(123, 85, 141, 0.5);content:"";position: absolute;right: 0;top: 0;}

/* */
.editor dl {display: table;width: 100%;border-left:1px solid #dfdfdf;}
.editor .sep {border-top:1px solid #dfdfdf;}
.editor dl dt em:first-child {color:#ec017e;margin-right: 3px;position: relative;top: 2px;}
.editor dl dt {display: table-cell;padding: 10px 0 12px;font-size: 13px;font-weight: normal;text-align: center;background-color: #f6f6f6;vertical-align: middle;border-bottom: 1px solid #dfdfdf;border-right: 1px solid #dfdfdf;}
.editor dl dd {display: table-cell;padding: 10px 19px 11px;font-size: 13px;font-weight: normal;background-color: #ffffff;border-bottom: 1px solid #dfdfdf;border-right: 1px solid #dfdfdf;vertical-align: middle;}

/** table_view **/
.table_view {position:relative;border-top:2px solid #555;margin-top:15px;}
.table_view .tit {display:table;width:100%;height:60px;background:#f9f9f9;border-bottom:1px solid #dfdfdf;}
.table_view .tit p {display:table-cell;width:65%;padding:17px 22px;box-sizing:border-box;font-size:15px;font-weight:bold;line-height:15px;letter-spacing:-1px;vertical-align:middle;}
.table_view .tit p em {font-weight: bold;}
.table_view .tit .lock {vertical-align: top;}
.table_view .tit .info {display:table-cell;width:35%;padding:17px 20px 17px 15px;box-sizing:border-box;font-size:0;text-align:right;vertical-align:middle;}
.table_view .tit .info li {display:inline-block;padding-left:20px;color:#666;font-size:13px;vertical-align:middle;}
.table_view .tit .info li:first-child {padding-left:0;}
.table_view .list .li {padding:25px 20px 50px;border-bottom:1px solid #eee;box-sizing:border-box;line-height:25px;font-size: 13px;line-height: 20px;}
.table_view .list .li img {max-width:100%;}

.table_view .list .li .tit_txt {display:inline-block;font-size: 13px;line-height: 13px;font-weight: bold;margin-bottom:13px;}
.table_view .list .li .tit_txt .i_file_up {     transform: translateY(-50%); 
    transition: all 0.3s;}
.table_view .list .li .tit_txt.on .i_file_up {transform: translateY(-50%) rotate(180deg);transition:linear 0.3s;}

.table_view .list .li .tit_txt .count {vertical-align: top;margin-top:0;margin-left:0;font-weight: bold;margin-top:-2px;}
.table_view .tit .info li em {position:relative;top:-2px;}
.table_view .list .download_file a {position:relative;font-size: 13px;display: inline-block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;max-width: 90%;vertical-align: middle;padding-right:75px;}
.table_view .list .download_file a em {position:absolute;right:23px;top:-1px;}
.table_view .list .download_file a .i_down {position:absolute;right:0;bottom:2px;}
.table_view .list .download_file .attc {margin:-1px 7px 0 0;}
.table_view .list .li.down_area {padding: 20px 22px;}
.table_view .tit p.lock:after {display: inline-block;vertical-align: middle;content: '';background:  url(/images/layout/ico_lock.png) no-repeat right center;width: 13px;height: 18px;position: relative;top: -3px;right: -10px;}


/** reply_ty **/
.reply_ty {margin-top:20px;}

/*replay_txt*/
.replay_txt {font-weight: bold;}
/* reply_write */
.reply_write {position:relative;}
.reply_write .box {position:relative;padding-right:80px;}
.reply_write .box textarea {display:block;width:100%;height:100px;padding:19px 20px;box-sizing:border-box;border-right: 0;color: #000;}
.reply_write .box a {position:absolute;right:0;top:0;display:block;width:80px;height:100px;box-sizing:border-box;line-height:106px;text-align:center;background-color:#7b558d;color: #fff;}
.reply_write .txt {margin-top:15px;color:#999;font-size:13px;line-height:13px;position: absolute; bottom: 13px;right: 95px;}

/* reply_cont */
.reply_cont {margin-top:30px;}
.reply_cont > .tit {margin-bottom:15px;font-weight:bold;line-height:13px;font-size: 13px;}
.reply_cont > .tit em {color: #ec017e;}
.reply_cont .li {position:relative;padding:19px 20px 20px;background:#f8f8f8;border-bottom:1px solid #dfdfdf;box-sizing:border-box;}
.reply_cont .li:first-child {border-top:2px solid #555;}
.reply_cont .li .tit {position: relative;font-weight:bold;display: inline-block;font-size: 13px;}
.reply_cont .li .tit span {padding-left:8px;color:#999;font-size:13px;font-weight:normal;}
.reply_cont .li .txt {margin-top:8px;color: #666;font-size: 13px;line-height: 20px;}
.reply_cont .li .btn {position:absolute;right:-29px;top:1px;width:18px;height:18px;background:url("/images/ico_del02.png") center no-repeat;}

/** b_file_area **/
.tbl_wrap tbody td > div.b_file_area {position:relative; display: block;}
.b_file_area .realFile_btn {position:absolute;left:0;top:0;width:78px;height:30px;opacity:0;}
.b_file_area .f_btn {width:78px;height:30px;}


.b_file_area .desc {position:absolute;left:88px;top:5px;color:#666;font-size:13px;color: #ec017e;}
.b_file_area .desc .ment {margin-left:0;vertical-align: top;margin-right:2px;}

.b_file_area .txt {position:absolute;right:0;top:8px;color:#999;font-size:13px;line-height:13px;}
.b_file_area .txt.on em {color:#222;}

/** drag_box **/
.drag_box {position:relative;height:120px;margin-top:15px;border:1px solid #ddd;box-sizing:border-box;text-align:center;}
.drag_box:hover {border: 2px solid #00a8ae;}
.drag_box p {position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);color:#999;}
.drag_box p .t_point {text-decoration: underline;}
.drag_box_view {display:block !important;position:relative;margin-top:15px;border:1px solid #ddd;box-sizing:border-box;margin-left:0 !important;border-radius: 3px;overflow: hidden;}
.drag_box_view dt {height:30px;background:#f9f9f9;border-bottom:1px solid #ddd;line-height:30px;}
.drag_box_view dd {height:87px;padding:5px 0;box-sizing:border-box;overflow:auto;}
.drag_box_view ul {overflow:hidden;}
.drag_box_view li {float:left;padding:0;box-sizing:border-box;text-align:center;font-size: 13px;color: #000;}
.drag_box_view .c1 {width:545px;}
.drag_box_view .c2 {width:70px;}
.drag_box_view .c3 {width:70px;}
.drag_box_view dd ul {padding:3px 0;}
.drag_box_view dd .c1 {text-align:left;}
.drag_box_view dd .c1 span {position:relative;padding-left:18px;font-size: 13px;color: #000;}
.drag_box_view dd .c1 span:before {position:absolute;left:0;top:4px;width:16px;height:16px;background:url("/images/layout/ico_file_down.png") center no-repeat;content:"";}
.drag_box_view dd .c2 {padding:0 5px;color:#999;font-size:13px;}
.drag_box_view dd .c3 {width:60px;padding:0 5px;text-align:left;}
.drag_box_view dd .btn {display:inline-block;width:18px;height:18px;margin:0px 0 0 24px;background:url("/images/file_del.png") center no-repeat;vertical-align: middle;}
.drag_box_view.ty dd {height: 46px;padding: 0;line-height: 46px;overflow: hidden;}
.drag_box_view.ty dd ul {padding: 0;}
.drag_box_view.ty dd .c1 {width: auto;}
.drag_box_view.ty dd .c2 {width: auto;position: absolute;right: 60px;top: 0;}
.drag_box_view.ty dd .c3 {position: absolute; right: 0;top: 0;}
.drag_box_view.ty dd .btn {margin: 0 0 0 10px;}
.fileAdd {display: none;}

/* Color */

.btn_ty {background:#222;border:2px solid #222;color:#fff;transition:all 0.4s;}
.btn_ty:hover,
.btn_ty:focus {background:#474747;border-color:#474747;}
.btn_ty02 {border:2px solid #222;color:#222;background: #fff;transition:all 0.4s;}
.btn_ty02:hover,
.btn_ty02:focus{background:#474747;border-color:#474747;color:#fff;}
.btn_ty03 {background:#666;border:2px solid #666;color:#fff;transition:all 0.4s;}
.btn_ty03:hover,
.btn_ty03:focus {background:#222;border-color:#222;}
.btn_ty04 {background:#00a8ae;border:2px solid #00a8ae;color:#fff;transition:all 0.4s;}
.btn_ty04:hover,
.btn_ty04:focus {background:#008f94;border-color:#008f94;}

/*07.07 수정*/
/* btn_pop_close */
.btn_pop_close {position:absolute;right:0px;top:0;width:60px;height:60px;text-indent:-9999px;overflow:hidden;transition:none;z-index:1;}
.btn_pop_close em {display:block;position:absolute;left:50%;top:50%;width:28px;height:28px;margin:-14px 0 0 -14px;background:url(/images/ico_del03.png) center no-repeat;background-size:17px;}
/*
.btn_pop_close em:before {position:absolute;left:0;top:50%;width:30px;height:2px;margin-top:-1px;background:#222;content:"";animation:btnMgnb both 0.4s 0.4s;}
.btn_pop_close em:after {position:absolute;left:50%;top:0;width:2px;height:30px;margin-left:-1px;background:#222;content:"";animation:btnMgnbH both 0.4s 0.6s;}
*/

@keyframes btnMgnb {
0% {width:0;}
100% {width:100%;}
}
@keyframes btnMgnb2 {
0% {width:0;}
100% {width:22px;}
}
@keyframes btnMgnbH {
0% {height:0;}
100% {height:100%;}
}
@keyframes btnMgnb02 {
0% {width:0;}
100% {width:28px;}
}
@keyframes btnMgnbH02 {
0% {height:0;}
100% {height:28px;}
}

/*** Popup ***/
.modal {display:none;position:relative;width:auto;}
.modal.on {display:block;}
.modal_wrap {background: #fff;}
.modal_header {position:relative;padding:10px 22px;background:#fff;margin-bottom:18px;border-bottom:1px solid #eeeeee;}
.modal_header h2 {color:#222;font-size:20px;font-weight:bold;line-height:40px;text-align:left;}
.modal_body {position:relative;width:650px;padding:0 25px 22px;background:#fff;box-sizing:border-box;}
.modal_body .tbl_wrap {margin-top:0;}
/*.modal_body .btn_area .btn_box {right:auto;left:50%;transform: translateX(-50%)}*/
.modal_body .btn_area .btn_box {}

.modal_searchBox {padding:0 25px;}
.modal_searchBox .sch_box{position: relative;background: #f9f9f9;border: 1px solid #eee;box-sizing: border-box;margin: 0 auto 15px;padding: 18px 30px;}
.modal_searchBox .ex_txt {margin-bottom:5px;display: block;font-size: 16px;font-weight: bold;margin-top: 15px;}
.modal_searchBox .sch_box span {font-size: 13px;margin-left:15px;line-height: 30px;}
.modal_searchBox .sch_box span em {display:inline-block;margin-right: 5px;vertical-align: middle;color: #ec017e !important;}

.modal_body .tbl_top_opt {margin-bottom:5px;margin-top:0;}
.modal_body .tbl_total span:last-child {font-size:13px;margin-left:5px;}

.modal_body .log_box {display: table !important;width: 100%;}
.modal_body .log_box > div:first-child {padding-left: 0;display: table-cell;}
.modal_body .log_box .input_box {display: table-cell;vertical-align: top;width: 240px;padding-left: 8px;}
.modal_body .log_box button {display: table-cell;margin-left: 8px;}
.modal_body .log_box + div {margin-left: 0 !important;margin-top: 8px;}
.modal_body .log_box .sec {position:relative;top:1px;display: table-cell;width:35px;padding:0 2px 0 10px;}
.modal_body .log_box + .e_txt {font-size: 13px;color: #ec017e;padding-top:6px;display: inline-block;;}

/* 비밀번호변경 */
.modal .pw_box {height: auto;border-color: #eee;border-top: 2px solid #222;}
.modal .pw_box .tit {padding:24px 0 21px;font-size: 15px;font-weight: bold;}
.modal .pw_box .note_box {padding:19px 29px 21px;background:#fff8fc;border:1px solid #ffddef;}
.modal .pw_box .note_box h3 {font-size: 14px;color: #ec017e;}
.modal .pw_box .note_box ul {display: flex;}
.modal .pw_box .note_box ul li {position:relative;width:25%;margin-top:9px;padding-left:8px;font-size: 14px;}
.modal .pw_box .note_box ul li .dot {position:absolute;top:50%;margin-top:-1px;width:2px;height:2px;background:#6b686a;left:0;}
.modal .pw_box .ex_box {margin-top:20px;border:1px solid #dfdfdf;}
.modal .pw_box .ex_box:after {content:'';display:block;clear:both;}
.modal .pw_box .ex_box .left_box {float:left;width:calc(100% - 480px);padding:13px 24px;box-sizing: border-box;}
.modal .pw_box .ex_box .left_box img {width:100%;}
.modal .pw_box .ex_box .right_box {float:left;width:480px;min-height:539px;padding:29px 25px;border-left:1px solid #dfdfdf;box-sizing: border-box;background:#f9f9f9;}
.modal .pw_box .ex_box .right_box ul li{position:relative;padding-left:19px;font-size: 14px;line-height: 28px;color: #000;}
.modal .pw_box .ex_box .right_box ul li em {position:absolute;color: #ff1924;left:0;top:-2px;}


/* loading */
.progress-loading {position: absolute;top: 50%;left: 58%;transform: translate(-50%,-50%);z-index: 100;width: 80px;height: 80px;border-radius: 100%;}
.progress-dim {position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.56);z-index: 112;}

/* 작성가이드 */
.modal_body.write {padding:0 6px 22px 22px;}
.modal .w_box {height: auto;border-color: #eee;}
.modal .w_box .tit {padding:6px 0 21px;font-size: 15px;font-weight: bold;}
.modal .w_box .note_box {width:1156px;padding:15px 29px 17px;background:#fff8fc;border:1px solid #ffddef;}
.modal .w_box .note_box h3 {font-size: 14px;color: #ec017e;}
.modal .w_box .note_box ul {display: flex;}
.modal .w_box .note_box ul li {position:relative;width:25%;margin-top:9px;padding-left:8px;font-size: 14px;color: #000;}
.modal .w_box .note_box ul li span {font-weight: bold;}
.modal .w_box .note_box ul li .dot {position:absolute;top:50%;margin-top:-1px;width:2px;height:2px;background:#6b686a;left:0;}
.modal .w_box .ex_box {margin-top:20px;border:1px solid #dfdfdf;width:1156px;height:auto;background:#f9f9f9;box-sizing: border-box;}

.modal .w_box .ex_box:after {content:'';display:block;clear:both;}
.modal .w_box .ex_box .left_box {float:left;width:calc(100% - 480px);padding:13px 24px;box-sizing: border-box;}
.modal .w_box .ex_box .left_box img {width:100%;}
.modal .w_box .ex_box .right_box {float:left;width:480px;min-height:539px;padding:29px 25px;border-left:1px solid #dfdfdf;box-sizing: border-box;background:#f9f9f9;}
.modal .w_box .ex_box .right_box ul li{position:relative;padding-left:19px;font-size: 14px;line-height: 28px;color: #000;}
.modal .w_box .ex_box .right_box ul li em {position:absolute;color: #ff1924;left:0;top:-2px;}


/* Added */
.horizontal-fixed	{ position:sticky;	top:0;	z-index:110; }
.vertical-fixed		{ position:sticky;	left:0;	z-index:110; }
.both-fixed			{ position:sticky;	left:0;	top:0;	z-index:111; }

.grid-sumo-div .SumoSelect > .optWrapper{position:relative;}
.grid-sumo-div .SumoSelect.open > .optWrapper{top:0;}


.tag-title {display:block;font-size:13px;color:#ec017e;text-align:left;}