@charset "utf-8";

/* title */
.scontents_fix .tit{display:inline-block; padding-top:16px; font-size:18px; font-weight:300; letter-spacing:-1px; line-height:150%; color:#303030; vertical-align:middle;}
.scontents_fix .crud_btn{position:absolute; right:25px; top:14px;}
.scontents_fix .utility_btn{position:absolute; right:25px; top:10px; overflow:hidden;}
.scontents_fix .utility_btn li{float:left; margin-left:3px;}
.scontents_fix .utility_btn li:first-child{margin-left:0;}
.scontents_fix .mailset_btn{position:absolute; right:25px; bottom:10px; overflow:hidden;}
.scontents_fix .mailset_btn li{float:left; margin-left:3px;}
.scontents_fix .mailset_btn li:first-child{margin-left:0;}

.stit_area{position:relative; margin-bottom:10px;}
.stit_area .stit{display:inline-block; position:relative; line-height:150%; font-size:15px; color:#303030; font-weight:300; letter-spacing:-0.5px; padding-left:22px;}
.stit_area .stit:before{content:""; display:block; position:absolute; left:0; top:50%; width:10px; height:10px; background: rgba(81,91,117,.4); border-radius:50%; margin-top:-5px; z-index:0;}
.stit_area .stit:after{content:""; display:block; position:absolute; left:5px; top:50%; width:10px; height:10px; background: rgba(46,140,220,.4); border-radius:50%; margin-top:-5px; z-index:1;}
.stit_area .unit{position:absolute; right:0; bottom:2px; line-height:150%; letter-spacing:-0.5px; color:#808080; font-size:13px;}
.stit_area .unit .number{font-weight:300; letter-spacing:normal;}
.stit_area .utility_btn{position:absolute; right:0; top:0;}
.stit_area .stit_btn{position:absolute; right:0; top:-2px}

.sstit{display:inline-block; position:relative; line-height:150%; min-height:22px; font-size:13px; color:#303030; font-weight:300; letter-spacing:-0.5px;}

.dtit_area{position:relative; margin-bottom:10px;}
.dtit_area .dtit{display:inline-block; position:relative; line-height:150%; font-size:36px; color:#303030; font-weight:300; letter-spacing:-1px; padding-left:22px;}

.svtit_area{position:relative; margin-bottom:20px; text-align:center;}
.svtit_area .sytit{display:inline-block; width:100%; padding:0 20%; line-height:140%; font-size:16px; font-weight:300; letter-spacing:-0.6px; color:#303030; box-sizing:border-box;}
.svtit_area:before, .svtit_area:after{content:''; position:absolute; top:50%; width:15%; height:1px; background:#ddd; margin-top:-0.5px;}
.svtit_area:before{left:0;}
.svtit_area:after{right:0;}


/* info_txt */
.info_txt01{line-height:155%; color:#505050; font-size:13px; font-weight:normal; letter-spacing:-0.2px; position:relative;}
.info_txt01.bul{padding-left:8px;}
.info_txt01.bul:before{content:''; position:absolute; left:0; top:8px; width:2px; height:2px; border-radius:50%; background:#808080;}
.info_txt01 i{margin-right:3px; font-size:16px; vertical-align:middle;}

.info_txt02{position:relative; line-height:160%; color:#505050; font-size:13px; font-weight:normal; letter-spacing:-0.5px}
.info_txt02.bul{padding-left:10px}
.info_txt02.bul:before{content:''; position:absolute; left:0; top:10px; width:3px; height:3px; background:#a8b5cc}

.info_txt03{position:relative; line-height:160%; color:#505050; font-size:14px; font-weight:normal; letter-spacing:-0.5px}
.info_txt03.bul{padding-left:10px}
.info_txt03.bul:before{content:''; position:absolute; left:0; top:10px; width:3px; height:3px; background:#a8b5cc}


/* info_box */
.info_box01{position:relative; padding:15px; background:#f2f3f7; border-left:2px solid #678fbe;}
.info_box02{position:relative; padding:15px; background:#fff; border:1px solid #ebebeb;}
.info_box01.slim{padding:10px;}
.info_box02.slim{padding:5px;}

.info_box03{position:relative; padding:20px; background:#f3f5f9}
.info_box03:before{content:""; position:absolute; left:0; top:0; height:100%; width:2px; background:#018de7}
.info_box03.bright:before{left:auto; right:0}
.info_box03 .info_list01 li{color:#5e749e}

.info_box04{position:relative; padding:0 10px}
.info_box04:before{content:""; position:absolute; left:0; top:0; height:100%; width:2px; background:#678fbe}



/* chart_area */
.chart_area{position:relative; padding:30px; background:#fff; border:1px solid #dadada}


/* info_list */
.info_list01{position:relative;}
.info_list01 li{position:relative; line-height:150%; color:#505050; letter-spacing:-0.5px; margin-bottom:2px; padding-left:8px; font-size:13px;}
.info_list01 li:before{content:''; position:absolute; left:0; top:9px; width:2px; height:2px; background:#505050;}
.info_list01 li:last-child{margin-bottom:0;}

.week_list{position:relative; overflow:hidden;}
.week_list li{float:left; margin:2px 0; width:50px;}

.month_list{position:relative; overflow:hidden;}
.month_list li{float:left; margin:2px 0; width:50px;}


/* doctemp_list */
.doctemp_list{position:relative; overflow:hidden;}
.doctemp_list ul{margin-left:-10px;}
.doctemp_list ul:after{content:''; display:block; clear:both;}
.doctemp_list li{float:left;}
.doctemp_list li .inner{margin-left:10px; margin-top:10px;}
.doctemp_list li .inner a{overflow:hidden; white-space:nowrap; text-overflow:ellipsis}

.doctemp_list.col4 li{width:25%;}
.doctemp_list.col5 li{width:20%;}
.doctemp_list.col6 li{width:16.666666%;}
.doctemp_list.col7 li{width:14.285714%;}
.doctemp_list.col4 li:nth-child(-n+4) .inner{margin-top:0;}
.doctemp_list.col5 li:nth-child(-n+5) .inner{margin-top:0;}
.doctemp_list.col6 li:nth-child(-n+6) .inner{margin-top:0;}
.doctemp_list.col7 li:nth-child(-n+7) .inner{margin-top:0;}


/* filelist */
.filelist_ty1{margin-bottom:25px; border-top:1px solid #dadada; border-bottom:1px solid #dadada}
.filelist_ty1 li{position:relative; padding:2px 0; padding-left:8px; border-bottom:1px solid #ebebeb}
.filelist_ty1 li:before{content:''; position:absolute; left:0; top:14px; width:3px; height:3px; background:#c0c9d4}
.filelist_ty1 li:last-child{margin-bottom:0; border-bottom:none}
.filelist_ty1 li a{display:inline-block; position:relative; padding:5px 0;font-size:13px; color:#5e749e; letter-spacing:-0.4px; line-height:135%; vertical-align:middle; text-decoration:none}
.filelist_ty1 li a:hover{color:#018de7}
.filelist_ty1 li span{display:inline-block; position:relative; font-size:13px; color:#505050; letter-spacing:-0.8px; line-height:135%}
.filelist_ty1 .btn_del
{
    display:inline-block; margin:0; padding:0; border:0; text-align:center; vertical-align:middle; background:#e6eef8;
    color:#5e749e; width:18px; height:18px; line-height:18px; font-size:13px; letter-spacing:-0.5px; border-radius:50%;
    cursor:pointer; font-weight:normal; letter-spacing:0; transition:all .25s ease; box-sizing:border-box; outline:none
}
.filelist_ty1 .btn_del i{line-height:18px; font-weight:300}


/* imgthum_list01 */
.imgthum_list{position:relative; overflow:hidden}
.imgthum_list ul{margin-left:-2px}
.imgthum_list ul:after{content:''; display:block; clear:both;}
.imgthum_list li{float:left}
.imgthum_list li .img_box{position:relative; margin-left:2px; border:1px solid #515b75}
.imgthum_list li .img_box img{width:auto; height:75px}
.imgthum_list li .img_box .btn_del{position:absolute; right:-1px; top:-1px; width:24px; height:24px; color:rgba(255,255,255,0.9); font-size:12px; text-align:center; margin:0; padding:0; border:none; border-radius:0; background:rgba(0,0,0,0.7); cursor:pointer}



/* line_list */
.line_list01 li{position:relative; padding:3px 0; border-bottom:1px solid #ebebeb;}
.line_list01 li:last-child{border-bottom:none;}

/* tree_box */
.tree_box01{position:relative; border:1px solid #ebebeb; padding:15px; background:#fff;}
.tree_box01.y_scroll{overflow-y:auto; overflow-x:hidden;}


/* border */
.section_hr{display:block; height:1px; margin:25px 0px; padding:0px; background:#d8d8d8; border:none; font-size:0; clear:both}


/* info_message */
.info_msg01{position:relative; color:#505050;}
.info_msg01 > li{position:relative; line-height:150%; margin-bottom:2px; font-size:13px; padding-left:8px;}
.info_msg01 > li:before{content:''; position:absolute; left:0; top:9px; width:2px; height:2px; background:#b6b6b6;}
.info_msg01 > li:last-child{margin-bottom:0;}

.info_msg02{position:relative; padding-left:25px; color:#505050;}
.info_msg02:before{content:"\f27a"; position:absolute; left:0; top:0; font-weight:400; font-family:"Font Awesome 5 Pro"; font-size:18px; color:#b6b6b6;}
.info_msg02 > li{position:relative; line-height:150%; margin-bottom:2px; font-size:13px; padding-left:8px;}
.info_msg02 > li:before{content:''; position:absolute; left:0; top:8px; width:2px; height:2px; background:#b6b6b6;}
.info_msg02 > li:last-child{margin-bottom:0;}


/* dash */
.dash_date{display:inline-block; color:#808080; height:26px; line-height:26px; vertical-align:middle;}
.dash_time{display:inline-block; color:#808080; height:26px; line-height:26px; vertical-align:middle;}
.dash_tel{display:inline-block; color:#808080; height:26px; line-height:26px; vertical-align:middle;}
.dash_unit{display:inline-block; color:#808080; height:26px; line-height:26px; vertical-align:middle;}
.dash_txt{display:inline-block; color:#505050; line-height:150%; vertical-align:middle; font-weight:normal;}
.dash_tit{display:inline-block; color:#303030; line-height:150%; vertical-align:middle; font-weight:300;}


/* tab */
.tab_ty1{position:relative; border-bottom:1px solid #dadada;}
.tab_ty1 ul{position:relative; margin-bottom:-1px; overflow:hidden;}
.tab_ty1 ul li{float:left; background:#f2f3f7; border:1px solid #dadada; margin-right:2px; border-radius:2px 2px 0 0; transition:all .25s ease;}
.tab_ty1 ul li:hover{background:#fff; border:1px solid #b0b0b0; border-bottom:1px solid #dadada;}
.tab_ty1 ul li.active {background:#fff; border:1px solid #b0b0b0; border-bottom:1px solid #fff;}
.tab_ty1 ul li a{display:block; position:relative; color:#808080; text-align:center; min-width:50px; padding:8px 15px 7px; font-size:13px; font-weight:normal; letter-spacing:-0.5px; line-height:140%; font-weight:normal;}
.tab_ty1 ul li.active a{color:#303030; border-bottom:none}


/* list_search */
.list_search{position:relative; min-height:32px; box-sizing:border-box}
.list_search .result_info{position:absolute; top:0; left:0}
.list_search .total_area{display:inline-block; font-size:13px; color:#808080; letter-spacing:-0.5px; line-height:150%; vertical-align:middle;}
.list_search .total_area span{display:inline-block; letter-spacing:1px; font-weight:normal; color:#018de7;}

.list_search .search_area{position:absolute; top:0; right:0}
.list_search .lab_type{display:inline-block; vertical-align:middle; margin-left:10px}
.list_search .key_type{display:inline-block; vertical-align:middle; margin-left:10px}
.list_search .sig_type{display:inline-block; vertical-align:middle; margin-left:10px}
.list_search .btn_type{display:inline-block; vertical-align:middle; margin-left:10px}
.list_search .txt_type{display:inline-block; vertical-align:middle; margin-left:10px}

.list_search .sig_type .signal_list{padding-top:2px}
.list_search .sig_type .signal_list:after{content:''; display:block; clear:both}
.list_search .sig_type .signal_list li{float:left; margin-left:10px}


/* board_view */
.board_view{position:relative;}
.board_view .info_area{position:relative;}
.board_view .subject_info{position:relative; padding:0 0 10px;}
.board_view .subject_info h3{display:inline-block; line-height:150%; color:#303030; font-size:16px; letter-spacing:-0.5px; font-weight:300;}

.board_view .info_area .regi_info{padding:12px 15px; border-top:1px solid #d8e0eb; border-bottom:1px solid #d8e0eb; overflow:hidden; background:#f2f3f7;}
.board_view .info_area .regi_info dt{float:left; line-height:150%; color:#808080; border-left:1px solid #ddd; margin-right:20px; padding-left:20px; letter-spacing:-0.5px; font-size:13px;}
.board_view .info_area .regi_info dd{float:left; line-height:150%; color:#5e749e; margin-right:20px; letter-spacing:-0.5px; font-size:13px;}
.board_view .info_area .regi_info dt:first-child{border-left:none; padding-left:0;}

.board_view .info_area .file_info{position:relative; padding:15px 0; padding-left:75px; padding-right:0; border-bottom:1px solid #ddd; overflow:hidden; font-size:13px;}
.board_view .info_area .file_info dt{position:absolute; left:15px; line-height:150%; color:#808080; letter-spacing:-0.2px; padding:6px 0;}
.board_view .info_area .file_info dd{position:relative; border:1px solid #ebebeb; padding:6px 15px; padding-left:17px; margin-top:-1px;}
.board_view .info_area .file_info dd:before{content:""; position:absolute; left:10px; top:50%; width:2px; height:2px; background:#808080; margin-top:-1px;}
.board_view .info_area .file_info dd a{color:#303030; line-height:150%; display:inline-block; letter-spacing:0;}

.board_view .detail_cont{padding:20px 15px 40px;}

.board_view .archive_list {border-top:1px solid #ddd; border-bottom:1px solid #ddd; margin-bottom:15px;}
.board_view .archive_list dl{position:relative; height:67px; padding-left:100px;}
.board_view .archive_list dl:first-child {border-bottom: 1px solid #ebebeb;}
.board_view .archive_list dl dt{position:absolute; left:0; width:100px; height:67px; line-height:67px; text-align:center; background:#f2f3f7; color:#505050; font-size:13px;}
.board_view .archive_list dl dd{padding-left:30px;}
.board_view .archive_list .subject{display:block; padding-top:15px;}
.board_view .archive_list .subject a{display:inline-block; line-height:150%; font-size:13px; letter-spacing:-0.5px; color:#303030; font-weight:normal}
.board_view .archive_list .date{display:inline-block; line-height:150%; letter-spacing:normal; color:#808080; font-size:13px;}
.board_view .archive_list .no_txt{display:inline-block; line-height:150%; font-size:13px; letter-spacing:-0.5px; color:#808080; padding-top:25px;}


/* comment */
.comments{position:relative;}
.comments .comment_tit{position:relative; margin-bottom:5px;}
.comments .comment_tit .tit{display:inline-block; font-size:16px; font-weight:300; letter-spacing:-0.5px; line-height:150%; color:#303030; vertical-align:middle;}
.comments .comment_tit .num{display:inline-block; position:relative; font-size:13px; font-weight:300; letter-spacing:normal; line-height:150%; color:#303030; vertical-align:middle; top:3px; margin-left:2px;}

.comments .comment_form{position:relative; border:1px solid #dadada; border-bottom:1px solid #dadada; padding:15px; padding-bottom:20px;}
.comments .comment_form .counting{display:inline-block; vertical-align:middle; margin-right:5px; font-size:13px; color:#808080;}

.comments .comment_list{position:relative; border-bottom:1px solid #dadada; background:#f2f3f7; padding:15px;}
.comments .comment_list > ul > li{position:relative; border-top:1px solid #dadada;}
.comments .comment_list > ul > li:first-child{border-top:none;}
.comments .comment_list .inner_box{padding:12px 15px;}
.comments .comment_list .inner_box .regi_tit{display:inline-block; position:relative; font-size:13px; color:#505050; line-height:160%; margin-bottom:12px;}
.comments .comment_list .inner_box .regi_info:after {content:''; display:block; clear:both;}
.comments .comment_list .inner_box .regi_info > li{border-right:1px solid #dadada; float:left; padding:0 8px; color:#808080; font-size:13px; line-height:145%; letter-spacing:normal;}
.comments .comment_list .inner_box .regi_info > li:first-child{padding-left:0;}
.comments .comment_list .inner_box .regi_info > li:last-child{border-right:none;}
.comments .comment_list .inner_box .regi_info > li .del{position:relative; border:none; background:none; padding:0; margin:0; color:#808080; text-align:center; vertical-align:middle; cursor:pointer; height:17px;}
.comments .comment_list .inner_box .regi_info > li .modify{position:relative; border:none; background:none; padding:0; margin:0; color:#808080; text-align:center; vertical-align:middle; cursor:pointer; height:17px;}
.comments .comment_list .inner_box .regi_info > li i{font-size:14px; line-height:17px;}
.comments .comment_list .inner_box .counting{display:inline-block; vertical-align:middle; margin-right:5px; font-size:13px; color:#808080;}

.comments .comment_list .recomment_list{background:#ebebeb; padding:5px 0; border-top:1px solid #ddd; border-bottom:1px solid #ddd;}
.comments .comment_list .recomment_list li{padding-left:15px;}
.comments .comment_list .recomment_list .inner_box:before{content:''; position:absolute; left:0; top:19px; width:6px; height:2px; background:#808080;}
.comments .comment_list .recomment_list .inner_box:after{content:''; position:absolute; left:0; top:15px; width:2px; height:6px; background:#808080;}


/* identi_area */
.identi_area{position:relative; margin-bottom:10px;}
.identi_area .affly{position:relative; vertical-align:middle; padding-left:34px;}
.identi_area .affly .ico{position:absolute; left:0; top:50%; width:28px; height:28px; margin-top:-14px; border-radius:2px; font-size:16px; text-align:center; color:#fff;}
.identi_area .affly .ico i{line-height:28px;}
.identi_area .affly .tit{display:inline-block; font-weight:300; color:#303030; margin-right:5px; vertical-align:middle; font-size:13px;}


/* search_form */
.search_form{position:relative; margin-bottom:10px; border-top:1px solid #515b75}
.search_form > ul > li.col2 > dl{float:left; width:50%;}
.search_form > ul > li{border-bottom:1px solid #dadada; background:#f2f3f7; padding:5px 0; min-height:26px;}
.search_form > ul > li:last-child{border-bottom:1px solid #dadada}
.search_form > ul > li:after{content:''; display:block; clear:both;}
.search_form > ul > li > dl{position:relative}
.search_form > ul > li > dl.blank{height:26px;}
.search_form > ul > li > dl:last-child:before{content:""; position:absolute; left:-1px; top:0; width:1px; height:100%; background:#ddd;}
.search_form > ul > li > dl > dt{line-height:26px; font-size:13px; color:#5e749e; min-width:90px; float:left; font-weight:300; letter-spacing:-0.5px; padding-left:15px;}
.search_form > ul > li > dl > dt.min{min-width:60px;}
.search_form > ul > li > dl > dd{float:left; padding-left:20px;}
.search_form > ul > li > dl > dd.tit_not{padding-left:12px;}
.search_form > ul > li > dl > dd .info_txt{display:inline-block; color:#303030; line-height:26px; vertical-align:middle;}
.search_form > ul > li > dl > dd .date_ctrl .date{display:inline-block; vertical-align:middle; font-weight:300; color:#303030; font-size:14px; line-height:26px; letter-spacing:normal; margin:0 5px;}
.search_form > .btn_line{position:absolute; right:15px; bottom:6px;}
.search_form > .btn_list{position:absolute; right:15px; bottom:6px;}
.search_form .btn_check.only{margin-top:2px;}

.search_form > ul > li > dl > dt .required{display:inline-block; font-weight:normal; color:#f44336; font-size:13px; margin-right:3px}
.search_form > ul > li > dl > dt .select_normal{display:block}
.search_form > ul > li > dl > dt .select_normal{line-height:24px}
.search_form > ul > li > dl > dt .select_normal select{line-height:24px}


/* single_state_ty1 */
.single_state_ty1{position:relative; border-radius:50px; overflow:hidden}
.single_state_ty1 .state_box{position:relative; height:12px; background:#e6eef8;border-radius:50px}
.single_state_ty1 .state_box .state_bar{position:absolute; left:0; height:100%; background:#018de7; transition:all .25s ease;}


/* multi_state_ty1 */
.multi_state_ty1{position:relative;}
.multi_state_ty1 .state_list{overflow:hidden; border-radius:50px;}
.multi_state_ty1 .state_list li{float:left; width:8.333333%;}
.multi_state_ty1 .state_list li:last-child .state_box{border-right:none;}
.multi_state_ty1 .state_list li .state_box{position:relative; height:12px; background:#018de7; border-right:1px solid #fff;}
.multi_state_ty1 .state_list li .state_box .state_bar{position:absolute; left:0; height:100%; background:#f44336; transition:all .25s ease;}
.multi_state_ty1 .state_list li.active .state_box{background:#fdd9d7; border-right:1px solid #fff;}


/* confirm_step */
.confirm_step{position:relative; overflow:hidden}
.confirm_step .box_group{float:left;}
.confirm_step .box_group.active dl{background:#ebf6fb; border:1px solid #4c7188; border-top:none;}
.confirm_step .box_group.active dl dt{border-bottom:1px solid #c9d4db;}
.confirm_step .box_group.active dl dd.date{border-top:1px solid #c9d4db;}
.confirm_step .box_group.active .step_tit{background:#4c7188;}

.confirm_step.col1 .box_group{width:100%;}
.confirm_step.col2 .box_group{width:50%;}
.confirm_step.col3 .box_group{width:33.333333%;}
.confirm_step.col4 .box_group{width:25%;}
.confirm_step.col5 .box_group{width:20%;}
.confirm_step.col6 .box_group{width:16.666666%;}
.confirm_step .step_wrap{margin-left:-3px;}
.confirm_step .inner{margin-left:3px}
.confirm_step .step_tit{display:block; background:#848894; font-weight:normal; height:35px; line-height:35px; color:#fff; text-align:center; font-size:13px;}
.confirm_step dl{border:1px solid #ddd; border-top:none; background:#fff; font-size:13px; text-align:center;}
.confirm_step dl dt{height:30px; line-height:30px; color:#505050; border-bottom:1px solid #ebebeb;}
.confirm_step dl dd.stamp{padding:12px 0; line-height:150%; color:#505050; height:68px; box-sizing:border-box}
.confirm_step dl dd.stamp i{font-size:20px; margin-top:3px;}
.confirm_step dl dd.date, .confirm_step dl dd.time{background:#f2f3f7; font-weight:normal; color:#808080; letter-spacing:0.5px; line-height:150%;}
.confirm_step dl dd.date{padding-top:5px; border-top:1px solid #ebebeb;}
.confirm_step dl dd.time{padding-bottom:5px;}


.confirm_step_ty2{position:relative; overflow:hidden}
.confirm_step_ty2.col1 .box_group{width:100%;}
.confirm_step_ty2.col2 .box_group{width:50%;}
.confirm_step_ty2.col3 .box_group{width:33.333333%;}
.confirm_step_ty2.col4 .box_group{width:25%;}
.confirm_step_ty2.col5 .box_group{width:20%;}
.confirm_step_ty2.col6 .box_group{width:16.666666%;}

.confirm_step_ty2 .step_wrap{position:relative; margin-left:-3px; margin-bottom:3px; overflow:hidden;}
.confirm_step_ty2 .step_wrap.tit_in{padding-left:30px;}
.confirm_step_ty2 .box_group{float:left;}
.confirm_step_ty2 .inner{margin-left:3px}
.confirm_step_ty2 dl{border:1px solid #ddd; background:#fff; font-size:13px; text-align:center;}
.confirm_step_ty2 dl dt.position{height:30px; line-height:30px; color:#505050; border-bottom:1px solid #ebebeb; background:#f2f3f7;}
.confirm_step_ty2 dl dd.nums{font-weight:normal; color:#cbcbcb; letter-spacing:0.5px; line-height:150%; padding:12px 0 0; font-size:16px;}
.confirm_step_ty2 dl dd.stamp{padding:12px 0; line-height:150%; color:#505050; height:68px; box-sizing:border-box}

/* 지출결의서 결재라인 */
.confirm_step_ty2 dl dt.position2{height:30px; line-height:30px; color:#505050; border-bottom:1px solid #ebebeb; background:#f2f3f7;}
.confirm_step_ty2 dl dd.nums2{font-weight:normal; color:#cbcbcb; letter-spacing:0.5px; height:50px; line-height:50px; padding:12px 0 0; font-size:16px;}
.confirm_step_ty2 dl dd.stamp2{padding:12px 0; color:#505050; box-sizing:border-box; height:40px; line-height:10px;}

.confirm_step_ty2 dl dd.stamp i{font-size:20px; margin-top:3px;}
.confirm_step_ty2 dl dd.name{padding:10px 0; line-height:150%; color:#505050; box-sizing:border-box}
.confirm_step_ty2 dl dd.date, .confirm_step_ty2 dl dd.time{background:#f2f3f7; font-weight:normal; color:#808080; letter-spacing:0.5px; line-height:150%;}
.confirm_step_ty2 dl dd.date{padding:5px 0; border-top:1px solid #ebebeb; height:29px; box-sizing:border-box;}
.confirm_step_ty2 dl dd.time{padding-bottom:5px;}
.confirm_step_ty2 .step_cmmt{padding:10px; margin-top:7px; background:#f2f3f7; border-left:2px solid #515b75; font-size:13px; letter-spacing:-0.2px; line-height:140%; color:#505050;}

.confirm_step_ty2 .before_step{display:none; position:relative; height:123px; margin-left:3px; line-height:123px; text-align:center; background:#f2f3f7; border-top:1px solid #515b75; border-bottom:1px solid #ebebeb; color:#909090;}
.confirm_step_ty2 .before_step.active{display:block}
.confirm_step_ty2 .before_step i{vertical-align:middle; margin-right:3px; font-size:16px;}

.confirm_step_ty2 .group_tit{position:absolute; top:0; left:3px; width:30px; height:100%; background:#f2f3f7; border-left:2px solid #515b75; box-sizing:border-box;}
.confirm_step_ty2 .group_tit strong{display:block; position:absolute; top:50%; left:0; width:100%; margin-top:-19px; font-weight:normal; line-height:160%; text-align:center; color:#505050;}


/* flex_box */
.flex_box{position:relative}
.flex_box:after{content:''; display:block; clear:both;}
.flex_box .box{position:relative; float:left; box-sizing:border-box;}
.flex_box.col2 .box{width:50%}
.flex_box .box .box_line{position:relative; min-height:80px; padding:15px; background:#fff; border:1px solid #dadada; overflow-y:auto; overflow-x:hidden; box-sizing:border-box}

.flex_box .move_list li{position:relative; line-height:150%; color:#505050; letter-spacing:-0.5px; padding:3px 0; font-size:13px; border-bottom:1px solid #dadada}
.flex_box .move_list.bul li{padding-left:8px;}
.flex_box .move_list.bul li:before{content:''; position:absolute; left:0; top:12px; width:2px; height:2px; background:#505050}
.flex_box .move_list li:last-child{border-bottom:none;}
.flex_box .move_list li a{color:#505050}
.flex_box .move_list li a:hover{color:#018de7}

.flex_box .move_btn{display:table; position:absolute; left:50%; top:50%; width:26px; height:90px; margin-top:-45px; margin-left:-13px; vertical-align:middle; z-index:1}
.flex_box .move_btn .btn_inner{display:table-cell; vertical-align:middle}
.flex_box .move_btn button{margin:2.5px 0;}
.flex_box .move_btn button:last-child{margin-bottom:0;}


/* fix_box */
.fix_box{position:relative; overflow:hidden;}
.fix_box.box315{padding-right:315px;}
.fix_box.boxl215_l{padding-left:215px;}
.fix_box.boxl215_r{padding-right:215px;}
.fix_box.boxl225_l{padding-left:225px;}
.fix_box.boxl255_l{padding-left:255px;}
.fix_box.boxl225_r{padding-right:225px;}
.fix_box.boxl315_l{padding-left:315px;}
.fix_box.boxl315_r{padding-right:315px;}
.fix_box.boxl415_l{padding-left:415px;}
.fix_box.boxl415_r{padding-right:415px;}
.fix_box.boxl515_l{padding-left:515px;}
.fix_box.boxl515_r{padding-right:515px;}
.fix_box.boxl615_l{padding-left:615px;}
.fix_box.boxl615_r{padding-right:615px;}

.fix_box .fix_l{position:absolute; left:0; top:0;}
.fix_box .fix_r{position:absolute; right:0; top:0;}

.fix_box .fix_l.eva{left:1px;}


/* tab_controll */
.selected_cont .selected_inner{display:none;}
.selected_cont .selected_inner.active{display:block;}


/* down_list */
.down_list01{margin-bottom:15px; border-top:1px solid #ddd; border-bottom:1px solid #ddd;}
.down_list01 li{position:relative; padding:10px 0; padding-left:8px; border-bottom:1px solid #ebebeb;}
.down_list01 li:before{content:''; position:absolute; left:0; top:50%; margin-top:-1px; width:2px; height:2px; background:#808080; border-radius:50%;}
.down_list01 li:last-child{margin-bottom:0; border-bottom:none;}
.down_list01 li a{display:inline-block; position:relative; padding-right:30px; font-size:13px; color:#505050; letter-spacing:-0.5px; line-height:150%;}
.down_list01 li a:after{content:"\f33d"; font-weight:300; text-align:center; position:absolute; right:0; top:50%; margin-top:-12px; width:24px; height:24px; line-height:24px; color:#fff; background:#4c7188; font-family:"Font Awesome 5 Pro"; font-size:13px; border-radius:50%;}
.down_list01 li a:hover{color:#018de7;}
.down_list01 li span{display:inline-block; position:relative; font-size:14px; color:#505050; letter-spacing:-0.5px; line-height:150%;}

.down_list02 li{position:relative; padding:10px 0; padding-left:8px; border-bottom:1px solid #ebebeb;}
.down_list02 li:before{content:''; position:absolute; left:0; top:50%; margin-top:-1px; width:2px; height:2px; background:#808080; border-radius:50%;}
.down_list02 li:last-child{margin-bottom:0; border-bottom:none;}
.down_list02 li a{display:inline-block; position:relative; padding-right:30px; font-size:13px; color:#505050; letter-spacing:-0.5px; line-height:150%;}
.down_list02 li a:after{content:"\f33d"; font-weight:300; text-align:center; position:absolute; right:0; top:50%; margin-top:-12px; width:24px; height:24px; line-height:24px; color:#fff; background:#4c7188; font-family:"Font Awesome 5 Pro"; font-size:13px; border-radius:50%;}
.down_list02 li a:hover{color:#018de7;}
.down_list02 li span{display:inline-block; position:relative; font-size:14px; color:#505050; letter-spacing:-0.5px; line-height:150%;}


/* icon_preview */
.icon_preview{position:relative;}
.icon_preview .icon_list{overflow:hidden; margin-left:-20px;}
.icon_preview .icon_list > li{float:left; width:33.333333%; margin-top:-1px;}
.icon_preview .icon_list > li:nth-child(-n+3){margin-top:0;}
.icon_preview .inner_box{position:relative; background:#fff; border:1px solid #ebebeb; margin-left:20px; padding:15px 10px; padding-left:45px; box-sizing:border-box; transition:all .25s ease;}
.icon_preview .inner_box:hover{background:#f2f3f7;}
.icon_preview .inner_box i{position:absolute; left:10px; top:12px; font-size:24px; color:#303030;}
.icon_preview .inner_box .class_name{display:inline-block; color:#505050; font-size:13px; font-weight:300; line-height:150%; vertical-align:middle;}


/* initial_search */
.initial_search{display:inline-block; position:relative; overflow:hidden; vertical-align:middle;}
.initial_search li{float:left; margin-right:2px;}
.initial_search li:last-child{float:left; margin-right:0;}
.initial_search .btn_line.small span{padding:3px 5px 3px; font-size:13px; height:18px;}


/* confirm_blank */
.confirm_blank{position:absolute; top:0; left:0; bottom:0; right:0; background:#f2f3f7; text-align:center; z-index:1; margin:-15px -25px;}
.confirm_blank .inner{position:absolute; top:50%; left:50%; width:500px; height:300px; margin-left:-250px; margin-top:-150px; background:#fff; box-sizing:border-box; padding:50px 80px 0; z-index:9;}
.confirm_blank .blank_tit{margin-bottom:25px;}
.confirm_blank .blank_tit i{display:block; font-size:42px; color:#018de7; margin-bottom:10px;}
.confirm_blank .blank_tit .tit_info{line-height:150%; color:#707070; text-align:center; font-size:16px; letter-spacing:-0.5px;}

.confirm_blank .blank_form .inputxt_real{display:block; position:relative; height:42px; border:1px solid #ddd; vertical-align:middle; border-radius:0;}
.confirm_blank .blank_form .inputxt_real.error{border:1px solid #f44336;}
.confirm_blank .blank_form .inputxt_real input{width:100%; height:40px; line-height:40px; margin:0; border:0; padding:1px 0; text-align:left; font-size:13px; color:#303030; font-weight:normal; background:#fff; text-indent:10px;}
.confirm_blank .blank_form .inputxt_real input::-webkit-input-placeholder{color:#a4a4a4;}
.confirm_blank .blank_form .inputxt_real input:-ms-input-placeholder{color:#a4a4a4;}
.confirm_blank .blank_form .inputxt_real input::-moz-placeholder{color:#a4a4a4;}
.confirm_blank .blank_form .inputxt_real input::-moz-placeholder{color:#a4a4a4;}
.confirm_blank .blank_form .inputxt_real input[disabled]{background:#f2f4f5;}
.confirm_blank .blank_form .inputxt_real input[readonly]{background:#f2f4f5;}
.confirm_blank .blank_form .error_txt{line-height:150%; color:#f44336; text-align:center; font-size:13px; margin:10px 0 15px;}

.confirm_blank .confirm{display:block; position:relative; background:#0095da; border:0; padding:0; margin:0; margin-top:-1px; width:100%; height:44px; line-height:44px; font-weight:normal; font-size:13px; letter-spacing:-0.8px; text-align:center; color:#fff; cursor:pointer; border-radius:1px; box-sizing:border-box; transition:all .45s ease;}
.confirm_blank .confirm i{display:inline-block; margin-right:2px; font-size:15px; vertical-align:middle;}
.confirm_blank .confirm span{vertical-align:middle;}
.confirm_blank .confirm:hover{box-shadow:0 4px 20px 0 rgba(0,149,218,0.8);}


/* confirm_number */
.confirm_number{position:absolute; top:0; left:0; bottom:0; right:0; background:#f2f3f7; text-align:center; z-index:1;}
.confirm_number .inner{position:absolute; top:50%; left:50%; width:400px; height:196px; margin-left:-200px; margin-top:-98px; background:#fff; box-sizing:border-box; padding:40px 40px 0; z-index:9;}
.confirm_number .number_tit{margin-bottom:15px;}
.confirm_number .number_tit i{display:block; font-size:42px; color:#018de7; margin-bottom:10px;}
.confirm_number .number_tit .tit_info{line-height:150%; color:#707070; text-align:center; font-size:13px; letter-spacing:-0.2px;}

.confirm_number .number_form .inputxt_real{display:block; position:relative; height:42px; border:1px solid #ddd; vertical-align:middle; border-radius:0;}
.confirm_number .number_form .inputxt_real.error{border:1px solid #f44336;}
.confirm_number .number_form .inputxt_real input{width:100%; height:40px; line-height:40px; margin:0; border:0; padding:1px 0; text-align:left; font-size:13px; color:#303030; font-weight:normal; background:#fff; text-indent:10px;}
.confirm_number .number_form .inputxt_real input::-webkit-input-placeholder{color:#a4a4a4;}
.confirm_number .number_form .inputxt_real input:-ms-input-placeholder{color:#a4a4a4;}
.confirm_number .number_form .inputxt_real input::-moz-placeholder{color:#a4a4a4;}
.confirm_number .number_form .inputxt_real input::-moz-placeholder{color:#a4a4a4;}
.confirm_number .number_form .inputxt_real input[disabled]{background:#f2f4f5;}
.confirm_number .number_form .inputxt_real input[readonly]{background:#f2f4f5;}
.confirm_number .number_form .error_txt{line-height:150%; color:#f44336; text-align:center; font-size:13px; margin:10px 0 15px;}

.confirm_number .confirm{display:block; position:relative; background:#0095da; border:0; padding:0; margin:0; margin-top:-1px; width:100%; height:44px; line-height:44px; font-weight:normal; font-size:13px; letter-spacing:-0.8px; text-align:center; color:#fff; cursor:pointer; border-radius:1px; box-sizing:border-box; transition:all .45s ease;}
.confirm_number .confirm i{display:inline-block; margin-right:2px; font-size:15px; vertical-align:middle;}
.confirm_number .confirm span{vertical-align:middle;}
.confirm_number .confirm:hover{box-shadow:0 4px 20px 0 rgba(0,149,218,0.8);}


/* commset_form */
.commset_form{position:relative; border:1px solid #ebebeb; border-bottom:1px solid #ddd; padding:15px;}
.commset_form .counting{display:inline-block; vertical-align:middle; margin-right:5px; font-size:13px; color:#808080;}
.commset_form .counting span{font-weight:300;}
.commset_form .textarea_normal textarea{padding-right:60px;}
.commset_form .textarea_normal button{position:absolute; right:-1px; top:-1px; bottom:-1px; box-sizing:border-box; border-radius:0;}


/* timestate_prodo */
.timestate_prodo{position:relative;}
.timestate_prodo .date_ctrl{position:relative; margin-bottom:10px;}
.timestate_prodo .date_ctrl .date_view{display:inline-block; vertical-align:middle;}
.timestate_prodo .date_ctrl .date_view .date{display:inline-block; vertical-align:middle; font-weight:300; color:#303030; font-size:16px; line-height:26px; letter-spacing:normal; margin:0 5px;}

.timestate_prodo .state_head{position:relative; height:30px; border:1px solid #ebebeb; background:#f2f3f7; padding-left:200px; overflow:hidden;}
.timestate_prodo .state_head .head_tit{position:absolute; left:0; top:0; width:200px; height:100%; text-align:center;}
.timestate_prodo .state_head .head_tit strong{display:block; font-weight:normal; color:#707070; line-height:30px;}
.timestate_prodo .state_head .head_time ul{position:relative;}
.timestate_prodo .state_head .head_time ul > li{position:relative; float:left; width:5.882352%; height:30px;}
.timestate_prodo .state_head .head_time ul > li strong{font-weight:normal; color:#707070; line-height:30px; position:absolute; left:50%; margin-left:-6px;}

.timestate_prodo .state_body .row_box{position:relative; border-top:1px solid #ebebeb; border-bottom:1px solid #ebebeb; padding-left:200px; margin-top:-1px; box-sizing:border-box;}
.timestate_prodo .state_body .box_tit{position:absolute; left:0; top:0;}
.timestate_prodo .state_body .box_tit strong{display:block; padding-left:10px; line-height:41px; color:#404040; letter-spacing:-0.2px; font-weight:300; font-size:13px;}

.timestate_prodo .state_body .state_list:after{content:''; display:block; clear:both;}
.timestate_prodo .state_body .state_list li{position:relative; float:left; width:2.941176%; height:40px; padding-top:14px; box-sizing:border-box;}
.timestate_prodo .state_body .state_list li:before{content:""; position:absolute; left:0; top:0; width:1px; height:40px; background:#ebebeb; z-index:0;}
.timestate_prodo .state_body .state_list li .action_box{position:relative; height:12px; background:#f2f3f7; z-index:1;}
.timestate_prodo .state_body .state_list li:first-child .action_box{border-radius:50px 0 0 50px;}
.timestate_prodo .state_body .state_list li:last-child .action_box{border-radius:0 50px 50px 0;}
.timestate_prodo .state_body .state_list li.active .action_box{background:#0095da;}


/* partweek_prodo */
.partweek_prodo{position:relative;}
.partweek_prodo .date_ctrl{position:relative; margin-bottom:10px;}
.partweek_prodo .date_ctrl .date_info{display:inline-block; vertical-align:middle;}
.partweek_prodo .date_ctrl .date_info .date{display:inline-block; vertical-align:middle; font-weight:normal; color:#303030; font-size:15px; line-height:26px; letter-spacing:normal; margin:0 5px;}
.partweek_prodo .date_ctrl .state_legend{position:absolute; right:0; top:2px;}

.partweek_prodo .partweek_day{position:relative; padding-left:120px; border:1px solid #ebebeb; border-bottom:none; overflow:hidden;}
.partweek_prodo .partweek_day .tit_day ul{position:relative;}
.partweek_prodo .partweek_day .tit_day ul > li{position:relative; float:left; width:14.285714%; height:30px; padding-top:3px; text-align:center; box-sizing:border-box;}
.partweek_prodo .partweek_day .tit_day .day{display:block; position:absolute; top:0; width:100%; line-height:30px; font-weight:normal; color:#707070;}

.partweek_prodo .partweek_head{position:relative; height:40px; border:1px solid #ebebeb; background:#f2f3f7; padding-left:120px; overflow:hidden;}
.partweek_prodo .partweek_head .tit_part ul{position:relative;}
.partweek_prodo .partweek_head .tit_part ul > li{position:relative; float:left; width:14.285714%; height:40px; padding-top:2px; text-align:center; box-sizing:border-box;}
.partweek_prodo .partweek_head .tit_part .part{display:block; position:absolute; top:0; width:100%; line-height:40px; font-weight:normal; color:#707070;}

.partweek_prodo .partweek_body{position:relative;}
.partweek_prodo .partweek_body .repeat_box{position:relative; border-top:1px solid #ebebeb; min-height:100px; border-bottom:1px solid #ebebeb; padding-left:120px; margin-top:-1px; box-sizing:border-box;}
.partweek_prodo .partweek_body .repeat_box .box_tit{position:absolute; left:0; top:50%; width:115px; height:30px; line-height:30px; margin-top:-15px; padding-left:10px; font-weight:300; letter-spacing:-0.5px; font-size:13px;}

.partweek_prodo .partweek_body .side_line{position:absolute; width:100%; height:100%; top:0; right:0; bottom:0; left:0; box-sizing:border-box; padding-left:120px;}
.partweek_prodo .partweek_body .side_line > li{position:relative; float:left; width:14.285714%; height:100%; box-sizing:border-box;}
.partweek_prodo .partweek_body .side_line > li:before{content:""; position:absolute; left:0; top:0; width:1px; height:100%; background:#ebebeb; z-index:0;}

.partweek_prodo .partweek_body .dateil_inner:after{content:""; display:block; clear:both;}
.partweek_prodo .partweek_body .dateil_inner > li{position:relative; float:left; width:14.285714%; padding:5px 5px 5px 6px; box-sizing:border-box;}

.partweek_prodo .partweek_body .time_box{border-radius:2px; border:1px solid #ebebeb; position:relative; overflow:hidden; margin-bottom:2px;}
.partweek_prodo .partweek_body .time_box .time_tit{padding:5px 0 0; text-align:center; font-size:13px; color:#707070;}
.partweek_prodo .partweek_body .time_box .time_cont{text-align:left; line-height:140%; font-size:13px; padding:6px 8px;}
.partweek_prodo .partweek_body .time_box:last-child{margin-bottom:0;}

.partweek_prodo .partweek_body .time_box.warning{border:1px solid #ef8821; background:#fffaed;}
.partweek_prodo .partweek_body .time_box.warning .time_cont{color:#ef8821;}
.partweek_prodo .partweek_body .time_box.success{border:1px solid #4ca173; background:#f4ffeb;}
.partweek_prodo .partweek_body .time_box.success .time_cont{color:#4ca173;}
.partweek_prodo .partweek_body .time_box.danger{border:1px solid #cb1d27; background:#fff3f3;}
.partweek_prodo .partweek_body .time_box.danger .time_cont{color:#f44336;}


/* state_legend */
.state_legend{display:inline-block; vertical-align:middle;}
.state_legend:after{content:''; display:block; clear:both;}
.state_legend li{position:relative; float:left; margin-left:8px;}
.state_legend li .legend{position:relative; height:22px; line-height:22px; padding-left:15px; color:#808080; letter-spacing:-0.2px;}
.state_legend li .legend:before{content:""; position:absolute; left:0; top:50%; width:12px; height:12px; margin-top:-6px; border-radius:50%;}
.state_legend li .legend.info:before{background:#0095da;}
.state_legend li .legend.primary:before{background:#515b75;}
.state_legend li .legend.success:before{background:#4ca173;}
.state_legend li .legend.warning:before{background:#ef8821;}
.state_legend li .legend.danger:before{background:#f44336;}


/* survey */
.survey_detail{position:relative; padding:15px; background:#fff; border:1px solid #ebebeb;}
.survey_detail .detail_item{margin-bottom:20px;}
.survey_detail .detail_item:last-child{margin-bottom:0;}
.survey_detail .detail_item dt{margin-bottom:5px;}
.survey_detail .detail_item dt .sv_tit{display:inline-block; font-size:13px; font-weight:300; line-height:150%; letter-spacing:-0.2px; vertical-align:middle;}
.survey_detail .detail_item dd{margin-bottom:2px; padding-left:15px; font-size:13px; letter-spacing:-0.2px; color:#606060; line-height:150%;}
.survey_detail .detail_item dd img{display:block; margin:10px 0 15px; max-width:100%;}
.survey_detail .detail_item dd .sv_state{display:inline-block; margin-left:5px; padding:2px 10px 1px; border:1px solid #ddd; border-radius:1px; vertical-align:middle;}

.survey_write{position:relative; padding:15px; background:#fff; border:1px solid #ebebeb;}
.survey_write .detail_item{margin-bottom:20px;}
.survey_write .detail_item:last-child{margin-bottom:0;}
.survey_write .detail_item dt{margin-bottom:5px;}
.survey_write .detail_item dt .sv_tit{display:inline-block; font-size:13px; font-weight:300; line-height:150%; letter-spacing:-0.2px; vertical-align:middle;}
.survey_write .detail_item dd{margin-bottom:2px; padding-left:15px; font-size:13px; letter-spacing:-0.2px; color:#606060; line-height:150%;}
.survey_write .detail_item dd img{display:block; margin:10px 0 15px; max-width:100%;}


/* stamp_circle */
.stamp_circle{background:url('../images/contents/stamp_circle.png') no-repeat 50% 18px; background-size:31px 31px;}


/* selecuser */
.selecuser .selected_box{position:relative;}
.selecuser .selected_box:after{content:''; display:block; clear:both;}
.selecuser .selected_box .inner_box{position:relative; float:left; padding-top:8px; border:1px solid #ddd; background:#f2f3f7; box-sizing:border-box;}
.selecuser .selected_box .inner_box .stit_area{margin-bottom:8px;}
.selecuser .selected_box .inner_box .stit_area .stit{font-size:13px;}
.selecuser .selected_box .inner_box .stit_area{margin-bottom:8px; font-size:13px;}
.selecuser .selected_box.col2 .inner_box{width:50%;}
.selecuser .selected_box.col3 .inner_box{width:33.33333%;}
.selecuser .selected_box.col2 .inner_box:nth-child(1){border-left:none; border-right:none;}
.selecuser .selected_box.col2 .inner_box:nth-child(2){border-right:none;}
.selecuser .selected_box.col3 .inner_box:nth-child(1){border-left:none; border-right:none;}
.selecuser .selected_box.col3 .inner_box:nth-child(3){border-left:none; border-right:none;}

.selecuser .select_move{position:relative; height:168px; overflow-y:auto; border-top:1px solid #ddd; background:#fff;}
.selecuser .select_move ul{padding:1px;}
.selecuser .select_move ul li{position:relative; border-bottom:1px solid #ebebeb; overflow:hidden; padding:0 15px; padding-left:30px;}
.selecuser .select_move ul li:last-child{border-bottom:none;}
.selecuser .select_move ul li > span{position:relative; float:left; line-height:150%; color:#303030; text-align:center; letter-spacing:-0.5px; font-size:13px; padding:7px 0;}
.selecuser .select_move ul li .btn_check, .selecuser .select_move ul li .btn_radio{position:absolute; left:15px; top:5px;}
.selecuser .select_move ul li .mail{width:65%; text-align:left;}
.selecuser .select_move ul li .name{width:33.333333%;}
.selecuser .select_move ul li .name:after{display:none;}
.selecuser .select_move ul li .comp{width:33.333333%;}
.selecuser .select_move ul li .depa{width:33.333333%;}
.selecuser .select_move .no_data{display:none; position:absolute; top:0; left:0; width:100%; height:100%; text-align:center; line-height:150%; color:#808080; padding-top:75px; box-sizing:border-box;}
.selecuser .select_move .no_data i{margin-right:3px; font-size:16px; vertical-align:middle;}
.selecuser .select_move .no_data.active{display:block;}


/* preview_photo */
.preview_photo_ty1{position:relative; width:120px; min-height:120px; background:#f2f3f7; box-sizing:border-box;}
.preview_photo_ty1 .cover{display:block; width:120px; height:auto}
.preview_photo_ty1 .no_cover{display:block; position:absolute; left:50%; top:50%; width:80px; height:80px; margin-top:-40px; margin-left:-40px; border-radius:50%; background:url('../images/common/loader_emblem.png') 50% 50% no-repeat; background-size:60px 59px;}


/* msection_layout */
.mlayout_setting{position:relative;}
.mlayout_setting .select_move{position:relative;}
.mlayout_setting .select_move ul li{position:relative; border:1px solid #dadada; margin-bottom:5px; overflow:hidden; padding:12px 15px;}
.mlayout_setting .select_move ul li:last-child{margin-bottom:0}

.mlayout_setting .select_move ul li .btn_blind{position:absolute; right:0; top:0; width:60px; height:100%; text-align:center; font-size:12px; text-align:center; margin:0; padding:0; border:none; border-radius:50%; background:none; box-sizing:border-box; cursor:pointer}
.mlayout_setting .select_move ul li .btn_blind:after{content:"\f070"; font-weight:500; vertical-align:middle; font-size:18px; color:#a5a5a5; font-family:"Font Awesome 5 Pro"; transition:all .25s ease}
.mlayout_setting .select_move ul li .btn_blind.active:after{content:"\f06e"; color:#0095da}


.check_list01{position:relative; margin-top:-5px; overflow:hidden; box-sizing:border-box}
.check_list01:after{content:''; display:block; clear:both}
.check_list01 li{float:left; width:20%; margin-top:5px}
.check_list01.col10 li{width:10%}
.check_list01.col8 li{width:12.5%}
.check_list01.col6 li{width:16.66666%}
.check_list01.col5 li{width:20%}
.check_list01.col4 li{width:25%}
.check_list01.col3 li{width:33.33333%}
.check_list01.col2 li{width:50%}

.check_list02{position:relative; min-height:32px; padding-top:5px; box-sizing:border-box}
.check_list02:after{content:''; display:block; clear:both}
.check_list02 li{float:left; margin-left:15px}
.check_list02 li:first-child{margin-left:0}

.check_list03{position:relative; margin-top:-5px; box-sizing:border-box}
.check_list03:after{content:''; display:block; clear:both}
.check_list03 li{margin-top:5px}





/* progress_state */
.progress_state{position:relative; padding:5px 0; margin-bottom:35px; overflow:hidden}
.progress_state .state_list{margin-left:-5px; margin-top:-10px; padding-right:17px}
.progress_state .state_list:after{content:''; display:block; clear:both}
.progress_state .state_list > li{float:left; width:20%}
.progress_state .state_list.col6 > li{width:16.66666%}
.progress_state .state_list.col5 > li{width:20%}
.progress_state .state_list.col4 > li{width:25%}
.progress_state .state_box{display:block; position:relative; margin-left:5px; margin-top:10px; padding:10px 0; background:#f2f3f7; text-align:center; border-radius:2px}
.progress_state .state_box .state_tit{display:inline-block; position:relative; letter-spacing:-0.5px; line-height:135%; color:#505050; font-weight:300; font-size:14px; z-index:5}
.progress_state .state_box .state_tit:first-child{padding-left:22px}
.progress_state .state_box.active .state_tit{color:#505050}

.progress_state .state_box:after,
.progress_state .state_box:before{content:''; position:absolute; top:6px; width:28px; height:28px; transform:rotate(45deg)}
.progress_state .state_box:after{right:-13px; background:#f2f3f7; border-radius:3px 5px 3px 5px; z-index:2}
.progress_state .state_box:before{left:-15px; background:#fff; border-radius:3px 5px 3px 5px; z-index:1}
.progress_state .state_box.active:after{background:#f2f3f7}

.progress_state .state_box.info.active{background:#018de7}
.progress_state .state_box.info.active:after{background:#018de7}
.progress_state .state_box.info.active .state_tit{color:#fff}

.progress_state .state_box.success.active{background:#019863}
.progress_state .state_box.success.active:after{background:#019863}
.progress_state .state_box.success.active .state_tit{color:#fff}

.progress_state .state_box.warning.active{background:#ef8821}
.progress_state .state_box.warning.active:after{background:#ef8821}
.progress_state .state_box.warning.active .state_tit{color:#fff}


/* section_group toggle */
.section_group{position:relative}
.section_group .section_tg{display:none}
.section_group .tgbtn_open
{
display:inline-block; margin:0; margin-left:2px; padding:0; width:20px; height:20px; color:#018de7; text-align:center; vertical-align:middle; background:#fff; border:1px solid #018de7;
letter-spacing:-0.5px; font-size:16px; border-radius:50%; cursor:pointer; font-weight:normal; transition:all .30s ease; box-sizing:border-box; outline:none
}
.section_group .tgbtn_open i{vertical-align:top; line-height:20px; transform:rotate(0deg); transition: all .30s ease}
.section_group .tgbtn_open.active i{line-height:17px; transform: rotate(-180deg)}


/* terms_ty1 */
.terms_ty1 .terms_wrap .terms_tit{position:relative; height:38px; padding:0 15px; border:1px solid #777b88; background:#848894; z-index:1}
.terms_ty1 .terms_wrap .terms_tit strong{display:inline-block; line-height:38px; letter-spacing:-0.4px; font-size:13px; font-weight:normal; color:#fff}
.terms_ty1 .terms_wrap .terms_cont{position:relative; height:150px; margin-top:-1px; padding:15px; border:1px solid #d8d8d8; overflow-y:auto; box-sizing:border-box}
.terms_ty1 .terms_wrap .terms_cont.auto{height:auto}

/* terms_area */
.terms_area{position:relative; padding:35px; border:1px solid #d8d8d8; background:#fff}

.terms_tit01{display:block; position:relative; margin-bottom:10px; line-height:150%; font-size:16px; color:#303030; font-weight:300; letter-spacing:-0.8px}
.terms_tit02{display:block; margin-bottom:10px; line-height:150%; font-size:14px; color:#303030; font-weight:300; letter-spacing:-0.5px}

.terms_info01{line-height:155%; color:#505050; font-size:13px; font-weight:normal; letter-spacing:-0.8px}
.terms_list01 > li{position:relative; line-height:150%; color:#505050; letter-spacing:-0.5px; margin-bottom:2px; padding-left:25px; font-size:13px}
.terms_list01 > li:last-child{margin-bottom:0}
.terms_list01 li .unit{position:absolute; top:0; left:0}

.terms_info02{line-height:155%; color:#505050; font-size:13px; font-weight:normal; letter-spacing:-0.8px}
.terms_list02 > li{position:relative; line-height:150%; color:#505050; letter-spacing:-0.5px; margin-bottom:2px; padding-left:50px; font-size:13px}
.terms_list02 > li:last-child{margin-bottom:0}
.terms_list02 li .unit{position:absolute; top:0; left:25px}


/* dsboard */
.dsboard_wrap{position:relative; padding-top:25px}
.dsboard_top{position:relative; min-height:58px; margin-bottom:30px; border-bottom:3px solid #018de7; text-align:center}

.dsboard_wrap .mdsboard_search{position:absolute; left:0; top:47px}

.dsboard_top .dsboard_tab{display:inline-block}
.dsboard_top .dsboard_tab ul{position:relative}
.dsboard_top .dsboard_tab ul:after{content:''; display:block; clear:both;}
.dsboard_top .dsboard_tab ul li{position:relative; float:left; margin:0 2.5px; background:#fff; border-radius:120px; transition:all .25s ease}
.dsboard_top .dsboard_tab ul li:hover{background:#e5f3fd}
.dsboard_top .dsboard_tab ul li.active {background:#018de7}
.dsboard_top .dsboard_tab ul li a{display:block; position:relative; height:48px; line-height:48px; color:#5e749e; text-align:center; min-width:160px; padding:0 15px; font-size:18px; letter-spacing:-1px; font-weight:normal; box-sizing:border-box}
.dsboard_top .dsboard_tab ul li.active a{color:#fff}
.dsboard_top .dsboard_tab ul li.active:before{content:''; position:absolute; left:50%; bottom:-22px; width:0; height:0; margin-left:-14px; border-top:12px solid #018de7; border-bottom:14px solid none; border-right:14px solid transparent; border-left:14px solid transparent}
.dsboard_top .dsboard_tab ul li.active:after{content:''; position:absolute; left:50%; bottom:-18px; width:0; height:0; margin-left:-14px; border-top:12px solid #fff; border-bottom:14px solid none; border-right:14px solid transparent; border-left:14px solid transparent}

.dsboard_body .dsboard_list{margin-left:-30px; margin-top:-15px}
.dsboard_body .dsboard_list:after{content:''; display:block; clear:both}
.dsboard_body .dsboard_list > li{float:left; width:20%}
.dsboard_body .dsboard_list.col4 > li{width:25%}
.dsboard_body .dsboard_list.col5 > li{width:20%}
.dsboard_body .dsboard_list.col6 > li{width:16.666666%}
.dsboard_body .dsboard_list.col7 > li{width:14.285714%}
.dsboard_body .dsboard_list.col8 > li{width:12.5%}

.dsboard_body .dsboard_box{position:relative; min-height:320px; margin-left:30px; margin-top:15px; padding-top:15px; background:#fff; box-sizing:border-box}

.dsboard_body .dsboard_list.row5 .dsboard_box{min-height:355px}


.dsboard_body .dsboard_box:before{content:''; position:absolute; left:0; top:0; width:100%; height:50px; background:#303030; border-radius:5px; transition:all .5s cubic-bezier(0.7, 0, 0.3, 1)}
.dsboard_body .dsboard_box .tit_area{position:relative; margin-bottom:15px; padding:0 15px; text-align:center}
.dsboard_body .dsboard_box .tit_area .ico{display:inline-block; position:relative; background:#fff; width:95px; height:95px; border-radius:50%; text-align:center}
.dsboard_body .dsboard_box .tit_area .ico .ico_pt{enable-background:new 0 0 75 75; position:absolute; left:0; top:0; width:75px; height:75px;}
.dsboard_body .dsboard_box .tit_area .ico .ico_ct{fill:none; stroke:#303030; stroke-width:2; stroke-miterlimit:10}
.dsboard_body .dsboard_box .tit_area .tit{display:block; font-size:15px; letter-spacing:-0.8px; line-height:135%; font-weight:300; color:#303030; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; transition:all .5s cubic-bezier(0.7, 0, 0.3, 1)}
.dsboard_body .dsboard_box:hover .tit_area .tit{color:#fff}
.dsboard_body .dsboard_box .num_area{padding:0 35px}
.dsboard_body .dsboard_box .num_list li{position:relative; padding:8px 10px; border-bottom:1px dashed #d4d4d4; text-align:right; transition:all .5s cubic-bezier(0.7, 0, 0.3, 1)}
.dsboard_body .dsboard_box:hover .num_list li{border-bottom:1px dashed rgba(255,255,255,.3)}
.dsboard_body .dsboard_box .num_list li .tit,
.dsboard_body .dsboard_box .num_list li .num{font-size:13px; color:#505050; line-height:135%; letter-spacing:-0.8px; font-weight:normal; transition:all .5s cubic-bezier(0.7, 0, 0.3, 1)}
.dsboard_body .dsboard_box .num_list li .num span{color:#018de7; transition:all .5s cubic-bezier(0.7, 0, 0.3, 1)}
.dsboard_body .dsboard_box:hover .num_list li .num span{color:#fff}
.dsboard_body .dsboard_box:hover .num_list li .tit,
.dsboard_body .dsboard_box:hover .num_list li .num{color:#fff}
.dsboard_body .dsboard_box .num_list li .tit{position:absolute; top:9px; left:0}
.dsboard_body .dsboard_box .num_list li .num{display:inline-block; font-weight:300}

.dsboard_body .dsboard_box.box_info:before{background:#cce8fa}
.dsboard_body .dsboard_box:hover.box_info:before{background:#018de7; height:100%}
.dsboard_body .dsboard_box.box_info .tit_area .ico .ico_ct{stroke:#018de7}

.dsboard_body .dsboard_box.box_primary:before{background:#edeef1}
.dsboard_body .dsboard_box:hover.box_primary:before{background:#515b75; height:100%}
.dsboard_body .dsboard_box.box_primary .tit_area .ico .ico_ct{stroke:#515b75}

.dsboard_body .dsboard_box.box_success:before{background:#cceae0}
.dsboard_body .dsboard_box:hover.box_success:before{background:#019863; height:100%}
.dsboard_body .dsboard_box.box_success .tit_area .ico .ico_ct{stroke:#019863}

.dsboard_body .dsboard_box.box_warning:before{background:#fce7d3}
.dsboard_body .dsboard_box:hover.box_warning:before{background:#ef8821; height:100%}
.dsboard_body .dsboard_box.box_warning .tit_area .ico .ico_ct{stroke:#ef8821}

.dsboard_body .dsboard_box.box_danger:before{background:#fdd9d7}
.dsboard_body .dsboard_box:hover.box_danger:before{background:#f44336; height:100%}
.dsboard_body .dsboard_box.box_danger .tit_area .ico .ico_ct{stroke:#f44336}


/* ---------- 권한별메뉴관리 ---------- */
/* nmset */
.nmset_wrap{position:relative; padding:20px 0; border-top:1px solid #dadada; border-bottom:1px solid #dadada}
.nmset_inner{margin-left:-15px; margin-top:-15px}
.nmset_inner:after{content:''; display:block; clear:both}
.nmset_group{float:left; width:20%}
.nmset_group .nmset_box{position:relative; margin-left:15px; margin-top:15px; padding-top:50px; background:#f2f3f7; border-radius:5px; overflow:hidden}

.nmset_wrap.col3 .nmset_group{width:33.333333%}
.nmset_wrap.col4 .nmset_group{width:25%}
.nmset_wrap.col5 .nmset_group{width:20%}

.nmset_group .tit_area{position:absolute; top:-1px; left:-1px; right:-1px; background:#515b75; height:50px; text-align:center}
.nmset_group .tit_area .tit{display:inline-block; line-height:50px; color:#fff; font-size:15px; font-weight:300; letter-spacing:-0.8px}
.nmset_group .tit_area .tit i{vertical-align:middle; margin-top:-3px}
.nmset_group .tit_area .tit i{font-size:22px}

.nmset_nav{position:relative; height:500px; padding:20px; overflow-x:hidden; overflow-y:auto; box-sizing:border-box; -webkit-overflow-scrolling:touch}
.nmset_nav .nav_list .dep_1{position:relative; margin-bottom:10px}
.nmset_nav .nav_list .dep_1:last-child{margin-bottom:0}
.nmset_nav .nav_list .dep_1 > .nav_item{padding-left:27px}
.nmset_nav .nav_list .dep_1 > .toggle{position:absolute; left:0; top:0; width:22px; height:22px; background:#848894; text-align:center; border-radius:2px; cursor:pointer}
.nmset_nav .nav_list .dep_1 > .toggle:before, .nmset_nav .nav_list .dep_1 > .toggle:after{content:''; position:absolute; top:50%; left:50%; background:#fff}
.nmset_nav .nav_list .dep_1 > .toggle:before{margin-top:-1px; margin-left:-6px; width:12px; height:2px;}
.nmset_nav .nav_list .dep_1 > .toggle:after{margin-top:-6px; margin-left:-1px; width:2px; height:12px;}
.nmset_nav .nav_list .dep_1.active > .toggle:after{display:none}

.nmset_nav .nav_list .dep_2{display:none; position:relative; margin-bottom:15px; padding:5px 0 0}
.nmset_nav .nav_list .dep_2 > li{padding-left:54px; margin-bottom:5px; position:relative;}
.nmset_nav .nav_list .dep_2 > li:last-child{margin-bottom:0}
.nmset_nav .nav_list .dep_2 > .nav_item{padding-left:30px}
.nmset_nav .nav_list .dep_2 > li .toggle{position:absolute; left:27px; top:0; width:22px; height:22px; background:#848894; text-align:center; border-radius:2px; cursor:pointer}
.nmset_nav .nav_list .dep_2 > li .toggle:before, .nmset_nav .nav_list .dep_2 .toggle:after{content:''; position:absolute; top:50%; left:50%; background:#fff}
.nmset_nav .nav_list .dep_2 > li .toggle:before{margin-top:-1px; margin-left:-6px; width:12px; height:2px;}
.nmset_nav .nav_list .dep_2 > li .toggle:after{margin-top:-6px; margin-left:-1px; width:2px; height:12px;}
.nmset_nav .nav_list .dep_2 > li.active .toggle:after{display:none}

.nmset_nav .nav_list .dep_3{display:none; position:relative; margin-bottom:15px; padding:5px 0 0}
.nmset_nav .nav_list .dep_3 > li{padding-left:27px; margin-bottom:5px}
.nmset_nav .nav_list .dep_3 > li:last-child{margin-bottom:0}


/* nvset */
.nvset_wrap{position:relative; padding:20px 0; border-top:1px solid #dadada; border-bottom:1px solid #dadada}
.nvset_nav{position:relative; box-sizing:border-box}
.nvset_nav .nav_list .dep_1{position:relative; margin-bottom:1px; padding:15px 30px; padding-right:15px; background:#f2f3f7}
.nvset_nav .nav_list .dep_1:last-child{margin-bottom:0}
.nvset_nav .nav_list .dep_1 > .nav_item{padding-left:15px}
.nvset_nav .nav_list .dep_1 > .nav_item > .tit{display:inline-block; font-size:15px; font-weight:300; letter-spacing:-0.5px; line-height:135%}
.nvset_nav .nav_list .dep_1 > .toggle{position:absolute; left:0; top:0; width:30px; height:100%; background:#515b75; text-align:center; cursor:pointer}
.nvset_nav .nav_list .dep_1 > .toggle:before, .nvset_nav .nav_list .dep_1 > .toggle:after{content:''; position:absolute; top:50%; left:50%; background:#fff}
.nvset_nav .nav_list .dep_1 > .toggle:before{margin-top:-1px; margin-left:-6px; width:12px; height:2px;}
.nvset_nav .nav_list .dep_1 > .toggle:after{margin-top:-6px; margin-left:-1px; width:2px; height:12px;}
.nvset_nav .nav_list .dep_1.active > .toggle:after{display:none}

.nvset_nav .nav_list .dep_2{display:none; position:relative; margin-top:15px}
.nvset_nav .nav_list .dep_2 > li{position:relative; padding:15px 0 15px 240px; background:#fff; border-bottom:1px solid #dadada}
.nvset_nav .nav_list .dep_2 > li:last-child{margin-bottom:0}
.nvset_nav .nav_list .dep_2 > li > .tit{display:inline-block; position:absolute; top:16px; left:15px; width:180px; padding-right:25px; font-size:13px; font-weight:300; letter-spacing:-0.5px; line-height:135%}
.nvset_nav .nav_list .dep_2 > li > .tit:after{content:''; position:absolute; top:50%; right:0; width:1px; height:30px; margin-top:-15px; background:#dadada}
.nvset_nav .nav_list .dep_2 > li .check_list:after{content:''; display:block; clear:both}
.nvset_nav .nav_list .dep_2 > li .check_list li{float:left; margin-right:15px}

/* nvset_controll */
.nvset_controll{position:relative; min-height:31px; margin-bottom:10px; box-sizing:border-box}
.nvset_controll .controll_l{position:absolute; top:0; left:0}
.nvset_controll .check_origin
{
    display:inline-block; position:relative; margin:0; padding:4px 15px 6px;
    vertical-align:middle; background:#fff; border:1px solid #ddd;
    border-radius:2px; overflow:visible
}


.sms_sending{position:relative; min-height:330px; padding-left:305px}
.sms_sending .sending_l{position:absolute; top:0; left:0; width:280px; height:100%; padding:25px; background:#f2f3f7; border-radius:4px; box-sizing:border-box}
.sms_sending .sending_r{position:relative}

.sms_sending .sending_message{position:relative; margin-bottom:20px; padding:15px; padding-bottom:45px; background:#515b75; border-radius:4px; overflow:hidden}
.sms_sending .sending_message textarea{display:block; width:100%; height:140px; padding:0; background:none; border:0; color:#fff; line-height:135%; resize:none}
.sms_sending .sending_message textarea::-webkit-input-placeholder{color:#fff}
.sms_sending .sending_message textarea::-moz-placeholder{color:#fff}
.sms_sending .sending_message textarea:-ms-input-placeholder{color:#fff}
.sms_sending .sending_message .counter{position:absolute; bottom:0; left:0; width:100%; padding:6px 15px; background:rgba(0,0,0,.2); overflow:hidden; box-sizing:border-box}
.sms_sending .sending_message .counter span{float:right; color:#fff; line-height:135%; letter-spacing:-0.5px; font-size:13px; color:#bebebe}

.sms_sending .sending_writy{margin-bottom:10px; overflow:hidden}
.sms_sending .sending_number{display:block; position:relative; padding-bottom:20px; border:1px solid #cccdcf; border-radius:4px; overflow:hidden; box-sizing:border-box}
.sms_sending .sending_number select{display:block; width:100%; height:203px; padding:10px; border:0; background:none; color:#505050; font-size:14px; outline:none; border-radius:0; box-sizing:border-box}
.sms_sending .sending_number .counter{position:absolute; bottom:0; left:0; width:100%; padding:6px 15px; background:#f2f3f7; overflow:hidden; box-sizing:border-box}
.sms_sending .sending_number .counter span{float:left; color:#909090; line-height:135%; letter-spacing:-0.5px; font-size:13px}


/* video_info */
.video_info{position:relative}
.video_info .video_area{position:relative; padding-top:56.2%}
.video_info .video_area video{display:block; width:100%; height:100%; position:absolute; left:0; top:0}
.video_info .sum_area{position:relative; max-height:125px; padding:20px; background:#f3f5f9; overflow-y:auto; overflow-x:hidden; -webkit-overflow-scrolling:touch; box-sizing:border-box}
.video_info .sum_area:before{content:""; position:absolute; left:0; top:0; height:100%; width:2px; background:#018de7}
.video_info .sum_area .sum_info{letter-spacing:-0.2px; line-height:165%; color:#505050; font-weight:normal; font-size:13px; word-break:keep-all}