@import url("font.css");
@import url("common.css");

@media print {
    table.report { page-break-after:auto }
    table.report tr    { page-break-inside:avoid; page-break-after:auto }
    /*table.report td    { page-break-inside:avoid; page-break-after:auto }*/
    table.report thead { display:table-header-group }
    table.report tfoot { display:table-footer-group }
}

/* === login === */
.loginWrap{width:100%; height: 1080px; background: url(../images/login_bg.png) 0 0 no-repeat; background-size:cover;}
.loginWrap .login_pop{width: 800px; height: 450px; background: #fff; position:absolute; left:50%; margin-left: -400px; top:50%; margin-top: -225px; box-shadow:0 1px 30px rgba(0,0,0,0.3);}
.loginWrap .login_pop .login_con {width: 50%; height:100%;}
.loginWrap .login_pop .logoArea{background: url(../images/login_pop_logo.png) 0 0 no-repeat;}
.loginWrap .login_pop .logoArea p.copyright{color:#fff; text-align: center; font-size: 12px; line-height: 22px; margin-top: 350px;}
.loginWrap .login_pop .userArea h2.login{font-size: 30px;text-align: center; margin-top: 30px; font-family: 'NotoSansB';}
.loginWrap .login_pop .userArea h2.login:after{display: block; content: ''; clear: both; background: #1c3997; width: 35px; height: 4px; margin:10px auto 40px;}
.loginWrap .login_pop .userArea .conWrap{padding:0 75px;}
.loginWrap .login_pop .userArea .conbox{width: 100%; margin:auto;}
.loginWrap .login_pop .userArea .conbox input{text-indent: 40px; width:100%; height:50px; border-bottom: 1px solid #dbdde2; margin: 5px 0;}
.loginWrap .login_pop .userArea .conbox input:focus{border-bottom: 1px solid #4b556e;}
.loginWrap .login_pop .userArea .conbox input.id{background: url(../images/login_icon_id.png) 0px center no-repeat;}
.loginWrap .login_pop .userArea .conbox input.pw{background: url(../images/login_icon_pw.png) 0px center no-repeat;}
.loginWrap .login_pop .userArea .btnWrap.loginBtn {margin: 20px auto;}
.loginWrap .login_pop .userArea .btnWrap.loginBtn .btn{width: 100%; height:50px; line-height: 50px; background: #1c3997; color: #fff; border-radius: 50px; font-size: 16px; font-family: 'NotoSansM';}
.loginWrap .login_pop .userArea .alert{background: url(../images/icon_alert_blue.png) center 0px no-repeat; padding-top: 25px;}
/* end : === login === */



/* === header === */
header .headerWrap {width: 100%; height:70px; position:fixed; border-bottom: 1px solid rgba(255,255,255,0.12); z-index: 1000;}
header .gnbArea {width: 100%; height:70px; background: url(../images/common/header_bg.png) 0 0 no-repeat; background-size:cover;}
header .gnbArea .container{ height: 70px;}
header .gnbArea .container h1 {padding-top:20px; }
header .gnbArea .container h1 a{width:149px; height:33px; background: url(../images/common/logo_w.png) 0 0 no-repeat;}
header .gnbArea .menu {width:650px; float:right;}
header .gnbArea .menu .menu_list{width:580px; height:100%;}
header .gnbArea .menu .menu_list li{float:left; width:150px; border-left: 1px solid rgba(255,255,255,0.12); box-sizing: border-box}
header .gnbArea .menu .menu_list li a{color:#fff; line-height:70px; text-align:center; font-family:"NotoSans"}
header .gnbArea .menu .menu_list li a i.btn_next{margin-left:10px; width:6px; height:9px; margin-bottom: 4px; background: url(../images/common/header_btn_next.png) center no-repeat;}
header .gnbArea .menu .menu_list li.menu1{width:48%; background: url(../images/common/header_btn_arrow.png) 93% 26px no-repeat; }
header .gnbArea .menu .menu_list li.menu1 a {text-align:left; padding-left:20px; }
header .gnbArea .menu .menu_list li.menu1>a{text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden; padding-right: 50px;}
header .gnbArea .menu .menu_list li.menu1 .menu1_submenu{display:none; opacity: 0; transition:all .3s;}
/* header menu1 > menu_list.menu1 focus */
header .gnbArea .menu .menu_list li.menu1.focus{background:#21bdca url(../images/common/header_btn_arrow_focus.png) 93% 26px no-repeat; transition:all .3s;}
header .gnbArea .menu .menu_list li.menu1.focus .menu1_submenu{width:100%; background: #21bdca; display:block; opacity: 1; transition:all .3s;}
header .gnbArea .menu .menu_list li.menu1.focus .menu1_submenu li{width:100%; height:auto; box-sizing:border-box; border-left: none; border-top: 1px solid #4dcad5;}
header .gnbArea .menu .menu_list li.menu1.focus .menu1_submenu li a{line-height:1.5; padding:20px;}
header .gnbArea .menu .menu_list li.menu1.focus .menu1_submenu li:hover a {background: #1da6b1;}
/* end : header menu1 > menu_list.menu1 focus */
header .gnbArea .menu .bar{float: right; width:70px; height:70px; border-left: 1px solid rgba(255,255,255,0.12); box-sizing:border-box; border-right: 1px solid rgba(255,255,255,0.12); background: url(../images/common/header_bar.png) center no-repeat;}
header .submenuArea{height: 0px;transition:all .3s; margin-top: -70px; background: url(../images/common/header_bg_on.png) 0 0 no-repeat; background-size:cover;}
header .submenuWrap{height:0px; padding-top: 70px; transition:all .3s;}
header .submenu{height:0; border-top: 1px solid rgba(255,255,255,0.12); overflow: hidden; opacity: 0;}
header .submenu .container{border-right: 1px solid rgba(255,255,255,0.12);}
header .submenu .user{width:25%; height:100%; border-right: 1px solid rgba(255,255,255,0.12); color:#fff; display:inline-block;}
header .submenu .subGnbArea{width:75%; float: right; padding-top:40px;}
header .submenu .subGnbArea > ul{padding-left:100px}
header .submenu .subGnbArea .submenuList{width:25%; float: left;}
header .submenu .subGnbArea .submenuList h2{color:#fff;}
header .submenu .subGnbArea .submenuList h2:after{display: block; clear: both; content:''; background: #fff; width: 30px; height: 2px; margin: 15px 0;}
header .submenu .subGnbArea .submenuList ul{}
header .submenu .subGnbArea .submenuList ul li{height:30px;}
header .submenu .subGnbArea .submenuList ul li a{color: #fff; line-height:30px;}
header .submenu .subGnbArea .submenuList ul li:hover a{color: #26e0f0;}

/* bar메뉴 클릭시 submenu 열림 > headerWrap on */
header .headerWrap.on .gnbArea .menu .bar{background: url(../images/common/header_close.png) center no-repeat;}
header .headerWrap.on .submenuArea{height: 330px; opacity: 1; transition:all .3s;}
header .headerWrap.on .submenuWrap{height: 260px;}
header .headerWrap.on .submenu{height:100%; opacity: 1; transition:all .3s;}
/* end : bar메뉴 클릭시 submenu 열림 > headerWrap on */
/* end :  === header  === */

/* 190820 추가 */
.content_type1.content{overflow:hidden;}

/* tab style */
.tabArea {overflow: hidden; margin-bottom: 40px;}
.tabArea li{float: left; text-align: center;}
.tab_style1{box-shadow:0 1px 10px rgba(165,170,183,0.3);}
.tab_style1 li{height: 70px; background: #fff; box-sizing: border-box; border-right: 1px solid #e5e5e5;}
.tab_style1 li:last-child{border: none;}
.tab_style1 li a{line-height: 70px; font-family: "NotoSansB"; font-size: 18px;}
.tab_style1 li.on{background: #21bdca;}
.tab_style1 li.on a{color:#fff;}

.stepAreaWrap{padding: 20px 0;}
.stepArea{overflow: hidden;}
.stepArea li{float: left; text-align: center;}
.stepArea li{height:50px;}
.stepArea li a{line-height: 50px; font-size: 16px; font-family: 'NotoSansM';}

/* style */
/* table_style1 */
.table_style1 * {}
.table_style1 thead{border-bottom: 1px solid #1c3997;}
.table_style1 thead tr th{font-family: 'NotoSansB'; color: #1c3997; padding:15px 0 15px 20px;}
.table_style1 tbody tr th{font-family: 'NotoSansM'; padding:15px 0 15px 20px;}
.table_style1 tbody tr td{font-family: 'NotoSansM'; padding:15px 0 15px 20px;}
.table_style1 tbody tr{border-bottom: 1px solid #e5e5e5;}
.table_style1 tbody tr:last-child{border-bottom: none;}
.table_style1.medium tbody * {font-family: 'NotoSansM';}


/* table_style2 */
.table_style2  {background: #fff; }
.table_style2 thead{border-top: 1px solid #1c3997; border-bottom: 1px solid #1c3997; text-align: center; background: #f6f7fa; }
.table_style2 thead tr th{font-family: 'NotoSansB'; color: #1c3997; border-right: 1px solid rgba(0,0,0,0.1); box-sizing:border-box; vertical-align:middle; padding:10px 0;}
.table_style2 thead tr th:last-child{border: none;}
.table_style2 tbody{}
.table_style2 tbody tr{border-bottom: 1px solid #e5e5e5; }
.table_style2 tbody tr th{font-family: 'NotoSansM'; border-right: 1px solid rgba(0,0,0,0.1); box-sizing:border-box; text-align: center; text-indent: 0;padding:10px 0; vertical-align:middle;}
.table_style2 tbody tr:last-child th{border-bottom:0;}
.table_style2 tbody tr td{font-family: 'NotoSansM'; vertical-align: middle; border-right: 1px solid rgba(0,0,0,0.1); box-sizing:border-box; padding:10px;}
.table_style2 tbody tr td:last-child{border: none;}
.table_style2 tbody select {text-indent: 5px;}
.table_style2 tr.finish {background: #ebf3fb;}

/* 190829 add */
.table_style2.result{ overflow:hidden;}
.table_style2.result th {background: #f6f7fa;}
.table_style2.result td{padding-left:20px; padding-right:110px; font-family: 'notosansM';} /* 190829 */
.table_style2.v1.result td{padding:10px}
.table_style2.result tbody tr{border-top: 1px solid #e5e5e5; }
/* textArea_style1 */
.textArea_style1 {height:80px; border: 1px solid #e5e5e5; box-sizing: border-box; padding: 10px; resize:none;}

/* inform style1 */
.inform.style1 .tit{margin-bottom: 20px;}
.inform.style1 dl{line-height: 40px; box-sizing: border-box;}
.inform.style1 dt{float: left; width:20%; background: #f6f7fa; text-align: center; font-family: 'NotoSansB';  border-bottom: 1px solid rgba(0,0,0,0.1); border-right: 1px solid rgba(0,0,0,0.1); box-sizing: border-box; display:inline-block;vertical-align: top;}
.inform.style1 dd{width:80%; background: #fff; padding:0 20px; color: #1c3997; font-family: 'NotoSansB'; border-bottom: 1px solid rgba(0,0,0,0.1); box-sizing: border-box; display:inline-block; vertical-align: top;}
.inform.style1 .type1{}
.inform.style1 .type1 dd{color:#000; font-family: 'NotoSansM';}
.inform.style1 .type1 .checks.style1 input[type="radio"] + label{ margin-right: 30px; font-family: 'NotoSansM';}
.inform.style1 .pwArea .input.style1 {width: 23%;}
.inform.style1 .pwArea .txtArea {margin-left: 24%;}
.inform.style1 .pwArea .txtArea li{line-height: 40px; opacity: .5; font-size: 13px;}

/* 190820 추가 */
.table_style2.type1 th{background: #f6f7fa; width:20%; color:#000;}
.table_style2.type1 td{width:80%; text-align:left; padding:10px 20px;}
.table_style2.type1 td.list{padding:0;}
.table_style2.type1 td p{border-bottom:1px solid rgba(0,0,0,0.1); padding:10px 20px; font-family:'NotoSansM'; color:#000;}
.table_style2.type1 td p:last-child{border:none;} /* 190822 추가 */

/* button style1 */
.btnWrap.style1 {padding: 30px 0;margin: auto;}
.btnWrap.style1.col1 {width: 180px; height: 40px;}
.btnWrap.style1 .btn{width: 180px; height:40px; line-height: 40px; background: #1c3997; color: #fff; border-radius: 5px; font-size: 16px;}
.btnWrap.style1.col2 {width: 365px; height: 40px;}
.btnWrap.style1.col2.v1{background: #ffffff;width: 100%;text-align: center;position: relative;padding: 20px 0 0;}
.btnWrap.style1.col2.v1 .btn{float: none;display: inline-block;}
.btnWrap.style1.col2 .btn{float: left;}
.btnWrap.style1.col2 .btn:first-child {margin-right: 5px;}
.btnTxt > li{height:25px;}
.btnTxt.sizeS {width: 50px;}
.btnTxt .btn {width:50px; height:25px; right: 20px; top: 50%; margin-top: -12.5px; line-height: 25px; border-radius: 5px; text-align: center;}
.btnTxt .btn.sizeR {width: 110px;}
.btnTxt .btn.btn_normal{background: #fff; color:#000;}
.row_group .btnTxt {margin: auto;}
.row_group .btnTxt .btn{margin-bottom: 5px;}
.row_group .btnTxt .btn:last-child{margin-bottom: 0;}

/* icon */
i.prev{width: 6px; height: 9px; background: url(../images/icon_prev_6.png) center no-repeat; margin-right: 5px; margin-bottom: 2px;}

/* select style */
.selectBox {width:60px; height:25px; position:relative; display: inline-block;}
.post_photo .selectBox {width:150px;}
.selectBox span.sign { display: block; width: 11px;height: 6px; position: absolute;top: 50%; right: 10px; margin-top:-1px; background: url(../images/iconSelectBg.png) right center no-repeat;}
.selectBox select[name=score] {border: 1px solid #e5e5e5;}
.selectBox.selected span.sign {background: url(../images/iconSelectBg_white.png) right center no-repeat;}
.selectBox.selected select[name=score] {border: none;}
.selectBox.score {width:60%; margin:0 20%}

/* li style */
ul.style1 li{background: url(../images/li_style1.png) 0 10px no-repeat; padding-left: 10px; color:#000; line-height: 24px;}

/* radio style */
.checks.style1 {position: relative; padding-left:17px;}
.checks.style1 input[type="radio"] { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0; }
.checks.style1 input[type="radio"] + label { display: inline-block; position: relative; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none;margin-right: 25px; line-height: 25px;}
.checks.style1 input[type="radio"] + label:before { content: ''; position: absolute; left: -17px; top: 6px; width: 12px; height: 12px; text-align: center; background: #fafafa; border: 1px solid #1c3997; border-radius: 100%; box-shadow: 0px 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05); }
.checks.style1 input[type="radio"] + label:active:before, .checks input[type="radio"]:checked + label:active:before { box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1); }
.checks.style1 input[type="radio"]:checked + label:before { background: #E9ECEE; border-color: #1c3997; }
.checks.style1 input[type="radio"]:checked + label:after { content: ''; position: absolute; top: 10px; left: -13px; width: 6px; height: 6px; background: #1c3997; border-radius: 100%; box-shadow: inset 0px 0px 10px rgba(0,0,0,0.3); }
.checks.input.style1 {padding-left: 0; margin-top: 5px;}
.checks.input.style1 input{width: 100%; border: 1px solid #dcdcdc; padding: 5px;}
.checks.style1.center {text-align: center;}
.checks.style1.center input[type="radio"] + label {text-indent:-9999px; margin-right: 0;}
.checks.style1.center input[type="radio"] + label:before {left:-7px;}
.checks.style1.center input[type="radio"]:checked + label:after {left:-3px;}

/* checkbox style */
.checks.style1 input[type="checkbox"] { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0; }
.checks.style1 input[type="checkbox"] + label { display: inline-block; position: relative; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none;margin-right: 21px; line-height: 25px;}
.checks.style1 input[type="checkbox"] + label:before { content: ''; position: absolute; left: -17px; top: 6px; width: 12px; height: 12px; text-align: center; background: #fafafa; border: 1px solid #1c3997; box-shadow: 0px 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05); }
.checks.style1 input[type="checkbox"] + label:active:before, .checks input[type="radio"]:checked + label:active:before { box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1); }
.checks.style1 input[type="checkbox"]:checked + label:before { background: #E9ECEE; border-color: #1c3997; }
.checks.style1 input[type="checkbox"]:checked + label:after { content: ''; position: absolute; top: 7px; left: -16px; width: 12px; height: 12px; background: url(../images/chk_style1.png) center no-repeat;}
.checks.style1.center input[type="checkbox"] + label {text-indent:-9999px; margin-right: 0;}
.checks.style1.center input[type="checkbox"] + label:before {left:-16px;top: 50%;margin-top: -12px;}
.checks.style1.center input[type="checkbox"]:checked + label:after {left:-16px;top: 50%;margin-top: -11px;}

/* input */
.input.style1 input{width:100%; height:25px; line-height: 25px; border: 1px solid #dcdcdc; border-radius: 5px; text-indent: 10px;}

/* paging */
.paging{float: left; width: 100%; text-align: center; padding: 20px 0;}
.paging .paging-body{display: inline-block;}
.paging .paging-body .paging_body_numbox{display: inline-block;}
.paging .paging-body .paging_body_numbox li{float: left; line-height: 25px; margin:0 10px;}
.paging .paging-body .paging_body_numbox li a{ color: #a3a3a3;}
.paging .paging-body .paging_body_numbox li a.on{color:#1c3997; font-family: 'notosansB';}
.paging .paging-body .paging_body_numbox li.btn{width: 25px; height: 25px; border-radius:5px; text-indent: -9999px;}
.paging .paging-body .paging_body_numbox li.btn a{height:100%;}
.paging .paging-body .paging_body_numbox li.prev{background: #4b556e url(../images/paging_prev.png) center no-repeat;}
.paging .paging-body .paging_body_numbox li.next{background: #4b556e url(../images/paging_next.png) center no-repeat;}

/* timeline 공통 부분 */
.activityRecord{font-family: "NotoSansB"; line-height: 20px;}
.activityRecord.light{font-family: "NotoSans"; line-height: 20px; margin-bottom: 5px;}
.activityRecord strong {font-family: "NotoSansB";}
.activityTime{color:#a3a3a3; line-height: 30px;}
.activityTime .clock{vertical-align: middle; margin-top: -2px; margin-right: 5px;}
.timeline_imgArea{width:100%; height:auto;}
.timeline_imgArea img{width: 100%;}
.timeline_con{margin-top: 15px; word-break: break-all;}
.expression li .ex{font-family: 'NotoSansB';}
.expression li p.ex {font-size: 14px;}
/* timeline : style1 (main기준) */
.timeline_style1 .timeline_tit {margin: 20px 0 10px;}
.timeline_style1 .timeline_tit .timeline{/*padding-right: 100px;*/}
.timeline_style1 .timeline_tit .expression{float: right; margin-top: -50px;}
.timeline_style1 .timeline_tit .expression li{float: left; padding:0 10px; border-right: 1px solid #e5e5e5;}
.timeline_style1 .timeline_tit .expression li:last-child{border:none; padding-right: 0;}
.timeline_style1 .timeline_tit .expression li h5{line-height: 20px;}
.timeline_style1 .expression li strong.ex {font-size: 18px;}
/* timeline : style2 (sub기준) */
.timeline_style2{}
.timeline_style2 .timeline_tit {margin-bottom: 10px;}
.timeline_style2 .timeline_tit .timeline{}
.timeline_style2 .activityRecord{font-family: "NotoSansB"; line-height: 20px;}
.timeline_style2 .activityRecord.light{font-family: "NotoSans"; line-height: 20px; margin-bottom: 5px;}
.timeline_style2 .activityRecord strong {font-family: "NotoSansB";}
.timeline_style2 .activityTime{color:#a3a3a3; line-height: 30px;}
.timeline_style2 .activityTime .clock{vertical-align: middle; margin-top: -2px; margin-right: 5px;}
.timeline_style2 .timeline_imgArea{height:auto;}
.timeline_style2 .timeline_imgArea.none:after{display: block; content:''; clear: both; width: 100%; height: 1px; background: #e5e5e5;}
.timeline_style2 .expression{margin-top: 20px; height:30px;}
.timeline_style2 .expression li{height:30px; background: #edf0f5; line-height: 30px; width:47%;border-radius: 20px;}
.timeline_style2 .expression li:first-child{float: left;}
.timeline_style2 .expression li:last-child{float: right;}
.timeline_style2 .expression li h5{line-height: 20px; display: inline-block;}
.timeline_style2 .expression li strong.ex {font-size: 14px;}

/* project Icon */
.project_icon{width:48px; height:48px; margin:11px auto; text-indent:-9999px;}
/* 포인트 획득 */
.point_100{background: url(../images/project_icon/point_100.png) center no-repeat;}
.point_500{background: url(../images/project_icon/point_500.png) center no-repeat;}
.point_1000{background: url(../images/project_icon/point_1000.png) center no-repeat;}
.point_5000{background: url(../images/project_icon/point_5000.png) center no-repeat;}
.point_10000{background: url(../images/project_icon/point_10000.png) center no-repeat;}
.point_50000{background: url(../images/project_icon/point_50000.png) center no-repeat;}
.point_100000{background: url(../images/project_icon/point_100000.png) center no-repeat;}
/* 연속 로그인 */
.login_7{background: url(../images/project_icon/login_7.png) center no-repeat;}
.login_10{background: url(../images/project_icon/login_10.png) center no-repeat;}
.login_30{background: url(../images/project_icon/login_30.png) center no-repeat;}
.login_50{background: url(../images/project_icon/login_50.png) center no-repeat;}
.login_100{background: url(../images/project_icon/login_100.png) center no-repeat;}
.login_300{background: url(../images/project_icon/login_300.png) center no-repeat;}
.login_500{background: url(../images/project_icon/login_500.png) center no-repeat;}
/* 연속 모니터링 */
.monitering_7{background: url(../images/project_icon/monitering_7.png) center no-repeat;}
.monitering_10{background: url(../images/project_icon/monitering_10.png) center no-repeat;}
.monitering_30{background: url(../images/project_icon/monitering_30.png) center no-repeat;}
.monitering_50{background: url(../images/project_icon/monitering_50.png) center no-repeat;}
.monitering_100{background: url(../images/project_icon/monitering_100.png) center no-repeat;}
.monitering_300{background: url(../images/project_icon/monitering_300.png) center no-repeat;}
.monitering_500{background: url(../images/project_icon/monitering_500.png) center no-repeat;}
/* 순위 달성 */
.rank_1{background: url(../images/project_icon/rank_1.png) center no-repeat;}
.rank_2{background: url(../images/project_icon/rank_2.png) center no-repeat;}
.rank_3{background: url(../images/project_icon/rank_3.png) center no-repeat;}
.rank_5{background: url(../images/project_icon/rank_5.png) center no-repeat;}
.rank_10{background: url(../images/project_icon/rank_10.png) center no-repeat;}
/* 목표 달성률 */
.goal_50{background: url(../images/project_icon/goal_50.png) center no-repeat;}
.goal_60{background: url(../images/project_icon/goal_60.png) center no-repeat;}
.goal_70{background: url(../images/project_icon/goal_70.png) center no-repeat;}
.goal_80{background: url(../images/project_icon/goal_80.png) center no-repeat;}
.goal_90{background: url(../images/project_icon/goal_90.png) center no-repeat;}
.goal_100{background: url(../images/project_icon/goal_100.png) center no-repeat;}
/* 공유 횟수 */
.share_10{background: url(../images/project_icon/share_10.png) center no-repeat;}
.share_100{background: url(../images/project_icon/share_100.png) center no-repeat;}
.share_500{background: url(../images/project_icon/share_500.png) center no-repeat;}
.share_1000{background: url(../images/project_icon/share_1000.png) center no-repeat;}
/* 칭찬 횟수 */
.like_10{background: url(../images/project_icon/like_10.png) center no-repeat;}
.like_100{background: url(../images/project_icon/like_100.png) center no-repeat;}
.like_500{background: url(../images/project_icon/like_500.png) center no-repeat;}
.like_1000{background: url(../images/project_icon/like_1000.png) center no-repeat;}
/* end : project Icon */


/* User style */
.user .user_style1{background: #dde2ee url(../images/user_style1.png) center bottom no-repeat!important; background-size:100%!important;}
.user .user_style2{background: #dde2ee url(../images/user_style2.png) center bottom no-repeat!important; background-size:100%!important;}
.user .user_style3{background: #dde2ee url(../images/user_style3.png) center bottom no-repeat!important; background-size:100%!important;}
.user .user_style4{background: #dde2ee url(../images/user_style4.png) center bottom no-repeat!important; background-size:100%!important;}
.user .user_style5{background: #dde2ee url(../images/user_style5.png) center bottom no-repeat!important; background-size:100%!important;}
.user .user_style6{background: #dde2ee url(../images/user_style6.png) center bottom no-repeat!important; background-size:100%!important;}


/* === mainPage === */
/* User- header, content1 > conbox1 공통 style*/
.user .profile{height: 80px; padding-top: 40px; margin-bottom:20px;}
.user .profile .imgArea{ float:left;}
.user .profile .imgArea .user_p{width:80px; height:80px; border-radius: 50%; text-indent:-9999px; background:#dde2ee url(../images/user_profile_none.png) center bottom no-repeat; background-size: 100%;}
.user .profile .imgArea .user_p.add{background: url(../images/user_full.png) center no-repeat;}
.user .profile .textArea{width:65%; float:right;}
.user .profile .textArea .name{margin-bottom: 5px;}
.user .lastLogin{display:block;}
.user .lastLogin .clock{vertical-align: middle; margin-top: -2px; margin-right: 5px;}
.user .btnWrap{margin-top: 25px;}
.user .btnWrap li{width:108px; height:35px; display:inline-block; float: left;}
.user .btnWrap li:first-child{margin-right:10px;}
.user .btnWrap li .btn{background: #fff; line-height:35px; border-radius: 5px; font-family: 'NotoSansB';}
/* end : User- header, content1 > conbox1 공통 style*/

/* section > conbox1 style */
.content {height: auto; overflow:hidden;}
.content .conbox1{height:220px; margin-bottom:20px;}
.content .user{width:24%; height:100%; background: #fff; display:inline-block; box-shadow:0 1px 10px rgba(165,170,183,0.3)}
.content .user .user_con{padding:0 20px;}
.content .user .profile{padding-top:20px;}
.content .user .textArea{width:58%;}
.content .user .lastLogin{color: #a3a3a3;}
.content .user .btnWrap .btn{border: 1px solid #e5e5e5;}
.content .conbox1 .user_inform{width:75%; height:100%; float: right; box-shadow:0 1px 10px rgba(165,170,183,0.3)}
.content .conbox1 .user_inform > li{height:100%; background: #fff; float: left; border-right: 1px solid #e5e5e5; box-sizing:border-box; text-align:center;}
.content .conbox1 .user_inform > li:last-child{border:none;}
.content .conbox1 .user_inform li.project{background: #4b556e; border:none; color: #fff; }
.content .conbox1 .user_inform li.project h4{margin: 20px 0 10px;}
.content .conbox1 .user_inform li.project .conTit{font-size: 22px; width: 80%; margin: auto; line-height: 30px;margin-bottom:10px; overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2; -webkit-box-orient: vertical;word-wrap:break-word; line-height: 1.2em;height: 2.4em;}
.content .conbox1 .user_inform li.project .more{width:40px; height:40px; border-radius: 50%; border:2px solid #fff; margin:15px auto 0; background-position:0 0; background-repeat: no-repeat; font-size: 28px; color:#fff; line-height:33px;}
.content .conbox1 .user_inform li .con{height:70px; line-height: 70px;}
.content .conbox1 .user_inform li h5{width:110px; height:30px; background: #edf0f5; border-radius: 20px; margin: auto; line-height: 30px; margin-top: 35px; margin-bottom: 10px;}
.content .conbox1 .user_inform li .num{font-size: 40px; color: #1c3997; font-family: 'NotoSansB';}
.content .conbox1 .user_inform li .sub{font-size: 16px; color: #a3a3a3; font-family: 'NotoSansB';}
.content .conbox1 .user_inform li strong.sub {color:#000}
.content .conbox1 .user_inform li .mask{width:100%; height:100%; overflow: hidden;}
.content .conbox1 .user_inform li .mask > ul.listWrap{width:auto; height:auto;}
.content .conbox1 .user_inform li .mask > ul.listWrap > li{width:33.333%;  float: left}
.content .conbox1 .user_inform li .mask .btnWrap{width:100%;top: 50%;left: 0;}
.content .conbox1 .user_inform li .mask .btnWrap li{width: 11px; height: 19px; cursor: pointer; text-indent:-9999px;}
.content .conbox1 .user_inform li .mask .btnWrap .prev{background: url(../images/conbox1_prev.png) 0 0 no-repeat; margin-left: 20px;}
.content .conbox1 .user_inform li .mask .btnWrap .prev:focus,.content .conbox1 .user_inform li .mask .btnWrap .prev:hover{background: url(../images/conbox1_prev_h.png) 0 0 no-repeat;}
.content .conbox1 .user_inform li .mask .btnWrap .next{background: url(../images/conbox1_next.png) 0 0 no-repeat; margin-right: 20px;}
.content .conbox1 .user_inform li .list{width:100%;}
.content .conbox1 .user_inform li .mask .btnWrap .next:focus,.content .conbox1 .user_inform li .mask .btnWrap .next:hover{background: url(../images/conbox1_next_h.png) 0 0 no-repeat;}
/* end : section > conbox1 style */

/* section > conbox2 style */
/* list 공통 부분 */
.content .conbox2{height:740px;}
.content .conbox2 .list_box{}
.content .conbox2 .list_box > li{width:32%; height:360px; margin-right:2%; margin-bottom:20px; float: left; background: #fff; box-shadow:0 1px 10px rgba(165,170,183,0.3);}
.content .conbox2 .list_box li .conWrap {padding: 0 20px;}
.content .conbox2 .list_box li h3{height:50px; line-height: 50px; text-indent: 20px; box-sizing: border-box; font-family: 'NotoSansB';}
.content .conbox2 .list_box li .tit_more{}
.content .conbox2 .list_box li .tit_more h3{padding-right:50px;}
.content .conbox2 .list_box li .tit_more .more{width: 50px; height: 50px; line-height: 50px; float: right; margin-top: -50px; font-size: 30px; color:#fff; border-left: 1px solid rgba(255,255,255,0.12);}
.content .conbox2 .list_box li .tit_wrap{width:100%; height: 50px; line-height: 50px; margin-top: 20px;}
.content .conbox2 .list_box li .list_con{height:310px;}
.content .conbox2 .list_box li .list_con > li{height:33.333%; box-sizing: border-box; border-bottom: 1px solid #e5e5e5;}
/*.content .conbox2 .list_box li .list_con > li:last-child{border-bottom:none}*/
.content .conbox2 .list_box li .list_con > li > a{height:100%;}
.content .conbox2 .list_box li .list_con li .text{width: 75%; float: left; margin:30px 0 0 20px;}
.content .conbox2 .list_box li .list_con li .text p{width:100%; font-size: 16px; text-overflow: ellipsis;-o-text-overflow: ellipsis; overflow: hidden; white-space: nowrap; word-wrap: normal !important; display: block; line-height: 30px; margin-top: -5px;}
.content .conbox2 .list_box li .list_con li .text p.em{font-size: 24px; line-height: 30px; font-family: 'NotoSansB';}
.content .conbox2 .list_box li .list_con li .text p.new{width: auto;}
.content .conbox2 .list_box li .list_con li .text span{color: #7b7b7d;}
.content .conbox2 .list_box li .list_con li .icon{height:40px; float: right; margin-top:30px; margin-right:20px;}
.content .conbox2 .list_box li .list_con li .icon p{width: 40px; height: 40px; border-radius: 50%; border: 2px solid #1c3997; line-height: 40px; text-align: center; color:#fff; font-size: 12px; text-indent:-9999px; background: url(../images/conbox2_progress.png) center no-repeat; float: right;}
.content .conbox2 .list_box li .list_con li .icon p.finish{text-indent:0; background: #4b556e; border: none;}
.content .conbox2 .list_box li .list_con li a:hover .icon p.progress{ background: #1c3997 url(../images/conbox2_progress_h.png) center no-repeat; transition:all .3s}
.content .conbox2 .list_box li .list_con li.finish_con .text{color: #7b7b7d;}
.content .conbox2 .list_box li .list_con li.finish_con{background: #f7f7fa;}
/* end: list 공통 부분 */

/* list:nth-child에 따른 style */
.content .conbox2 .list_box > li:nth-child(2n-1) {color: #fff;}
.content .conbox2 .list_box > li:nth-child(2n-1) .text{color: #fff;}
.content .conbox2 .list_box > li:nth-child(2n-1) h3{border-bottom: 1px solid rgba(255,255,255,0.12);}
.content .conbox2 .list_box > li:nth-child(2n) h3{border-bottom: 1px solid #e5e5e5;}
.content .conbox2 .list_box > li:nth-child(3n){margin-right:0;}
/* end : list:nth-child에 따른 style */

/* section > conbox2 > list1 */
.content .conbox2 .list_box li.list1{background: url(../images/conbox2_list1_bg.png) 0 0 no-repeat;}
.content .conbox2 .list_box li.list1 .con1_tit{background: #142869 url(../images/conbox2_list1_icon1.png) 15px center no-repeat; width:72%; float: left;}
.content .conbox2 .list_box li.list1 .con1_tit p{padding-left: 45px;}
.content .conbox2 .list_box li.list1 .con1_con{width:28%; float: right; background: #0e1c49; color: #26e0f0; font-size: 24px; font-family: "NotoSansB";}
.content .conbox2 .list_box li.list1 .con2_wrap{}
.content .conbox2 .list_box li.list1 .con2_titArea{margin: 20px 0;}
.content .conbox2 .list_box li.list1 .con2_titArea .tit{line-height: 25px; padding-right: 75px;}
.content .conbox2 .list_box li.list1 .con2_titArea .selectBox {float: right; width: 70px; margin-top: -25px;}
.content .conbox2 .list_box li.list1 .con2_chart {width:100%; height:auto;}
/* section > conbox2 > list2 */
/* section > conbox2 > list3 */
.content .conbox2 .list_box li.list3{background: url(../images/conbox2_list3_bg.png) 0 0 no-repeat;}
.content .conbox2 .list_box li.list3 .list_con > li{height:33.333%; box-sizing: border-box; border-bottom: 1px solid #579ee1;}
.content .conbox2 .list_box li.list3 .list_con.news li .text {width: 90%}
.content .conbox2 .list_box li.list3 .list_con li .text span{color: #96c2ec;}
/* section > conbox2 > list4 */
.content .conbox2 .list_box li.list4 .list_con li{position:relative;}
.content .conbox2 .list_box li.list4 .list_con li .text{position:relative;width:70%;margin-left:25px;}
.content .conbox2 .list_box li.list4 .list_con li .text p strong{position:relative;display:inline-block;padding-right:13px;}
.content .conbox2 .list_box li.list4 .list_con li .text p strong:after{display:block;content:'';position:absolute;top:8px;right:5px;width:1px;height:14px;background:#000;opacity:0.2;}
.content .conbox2 .list_box li.list4 .list_con li .text em{position:absolute;top:10px;right:-55px;color:#7b7b7d;font-family:'notosansB'}
.content .conbox2 .list_box li.list4 .list_con li .text em.t2{color:#1c3997;}
.content .conbox2 .list_box li.list4 .swiper-button-prev, .swiper-container-rtl .swiper-button-next{background: url(../images/conbox1_prev_h.png) center no-repeat; width: 20px; height: 45px; left:0}
.content .conbox2 .list_box li.list4 .swiper-button-next, .swiper-container-rtl .swiper-button-prev{background: url(../images/conbox1_next_h.png) center no-repeat; width: 20px; height: 45px; right:0;}

/* section > conbox2 > list5 */
.content .conbox2 .list_box li.list5{background: url(../images/conbox2_list5_bg.png) 0 0 no-repeat;}
.content .conbox2 .list_box li.list5 .selectBox {width:100px; float: right;}
/* section > conbox2 > list6 */
.content .conbox2 .list_box li.list6 .tit_more .more{color:#4b556e; border-left: 1px solid #e5e5e5;}
.content .conbox2 .list_box li.list6 .list6_con {position: relative;}
.content .conbox2 .list_box li.list6 .list6_con > li{width: 100%; height: 310px; background: #fff; position: absolute; display: none;}
.content .conbox2 .list_box li.list6 .list6_con > li:first-child {display: block;}
.content .conbox2 .list_box li.list6 .btnWrap{width:100%; top: 50%; margin-top: 12px;}
.content .conbox2 .list_box li.list6 .btnWrap li{width: 35px; height: 45px; cursor: pointer; text-indent:-9999px;}
.content .conbox2 .list_box li.list6 .btnWrap li.prev{background: rgba(28,57,151,0.9) url(../images/conbox2_list6_btn_prev.png) center no-repeat;}
.content .conbox2 .list_box li.list6 .btnWrap li.next{background: rgba(28,57,151,0.9) url(../images/conbox2_list6_btn_next.png) center no-repeat;}
.content .conbox2 .list_box li.list6 .swiper-button-prev, .swiper-container-rtl .swiper-button-next{background: rgba(28,57,151,0.9) url(../images/conbox2_list6_btn_prev.png) center no-repeat; width: 35px; height: 45px; left:0}
.content .conbox2 .list_box li.list6 .swiper-button-next, .swiper-container-rtl .swiper-button-prev{background: rgba(28,57,151,0.9) url(../images/conbox2_list6_btn_next.png) center no-repeat; width: 35px; height: 45px; right:0;}

/* end : section > conbox2 style */
/* end : === mainPage === */



/* === subPage === */
.subVisual_wrap {width: 100%; height: 350px; color:#fff;}
.subVisual_wrap h2{font-size: 30px; text-align: center; padding-top: 110px;}
.subVisual_wrap h2:after{display: block; content: ''; clear: both; width: 40px; height: 2px; background: #fff; margin:20px auto 25px;}
.subVisual_wrap .sub {font-size: 16px; text-align: center;}
.subVisual_wrap.news{background: url(../images/subVisual_news.png) 0 0 no-repeat; background-size:cover;}
.subVisual_wrap.timeline{background: url(../images/subVisual_timeline.png) 0 0 no-repeat; background-size:cover;}
.subVisual_wrap.myPage{background: url(../images/subVisual_myPage.png) 0 0 no-repeat; background-size:cover;}

.sub_con .search_group_box {padding: 35px 0;height: 25px;border-top:  1px solid rgba(0,0,0,0.1);}
.sub_con .search_group_box .selectBox{width: 90px; margin-bottom: -7px;}
.sub_con .search_group_box .con_area {vertical-align: middle;}
.sub_con .search_group_box .input.style1 {display: inline-block;}
.sub_con .search_group_box .input.style1 input{width: 150px; height:25px; line-height: 25px; border: 1px solid #dcdcdc; border-radius: 5px; text-indent: 10px;}
.sub_con .paging{padding: 0;}

/* list 공통 부분 */
.sub h2.tit {font-size: 30px; font-family: "NotoSansB"; text-align: center; padding-bottom: 35px;}
.sub .listWrap .tit_share{height: 50px; background: #1c3997;}
.sub .listWrap .tit_share h3{color: #fff; line-height: 50px; text-indent: 20px; font-family: 'NotoSansM';}
.sub .listWrap .share{width: 50px; height:50px; text-indent: -9999px; background: url(../images/icon_share.png) center no-repeat; margin-top: -50px; border-left: 1px solid rgba(255,255,255,0.12);}
.sub .listWrap > li{float: left; background: #fff; height:100%; box-shadow:0 1px 10px rgba(165,170,183,0.3);}
.sub .listWrap li h5{width:90px; height:30px; background: #edf0f5; border-radius: 20px; margin: auto; line-height: 30px; margin-top: 10px; margin-bottom: 10px;}
.sub .listWrap li .conbox {padding-top: 20px;text-align: center;}
.sub .listWrap li .conbox li{box-sizing:border-box; border-right: 1px solid #e5e5e5;}
.sub .listWrap li .conbox li:last-child{border: none;}
.sub .listWrap li .conbox li .num{font-size: 36px; font-family: "NotoSansB"; font-weight: bold;}
.sub .listWrap li .conbox img.alert{margin: 20px 0 10px;}
.sub .listWrap li .conbox p.alert{font-size: 16px; color: #7f7f7f;}
.sub .listWrap li .conbox.alert {}
.sub .listWrap li .conbox.alert i.icon_alert{width: 38px; height: 38px; background: url(../images/icon_alert.png) 0 0 no-repeat; margin-top: 20px; margin-bottom: 5px;}

/* sub_content 공통 */
.sub_content {height:auto;}
.sub_content .bg_titArea{text-align: center; height: 200px; background: url(../images/bg_titArea_01.png) center no-repeat; background-size: cover; margin-bottom: 40px;}
.sub_content .bg_titArea .con_tit{font-size: 18px; padding-top: 45px; margin-bottom: 10px;}
.sub_content .bg_titArea .tit{padding-bottom: 15px; color:#fff;}
.sub_titArea{height:50px; margin-bottom: 20px;}
.sub_titArea.por{height:auto;}
.sub_titArea.por .tit_h4{padding-right: 300px;}
.sub_titArea h4{padding:10px 20px; color:#fff; font-family: 'NotoSans'; line-height: 30px;}
.sub_titArea h4 p.small-font{font-size: 12px; padding: 0;}
.sub_titArea h3{line-height:50px; padding:0 20px; color:#fff;}
.sub_titArea p{padding: 0 20px; color:#fff;}
.sub_titArea .sub{font-size: 12px; color:#a5aab7; margin-left: 10px;}
.sub_titArea .btnArea{position: absolute; right:0; top:0; overflow: hidden; height: 100%;}
.sub_titArea .btnArea li{float: left; width: 120px; height: 100%;}
.sub_titArea .btnArea li:first-child a{background-image:url(../images/btn_monitering.png); background-repeat: no-repeat; background-position: center;}
.sub_titArea .btnArea li:nth-child(2) a{background-image:url(../images/btn_showList.png); background-repeat: no-repeat; background-position: center;}
.sub_titArea .btnArea li a{text-indent: -9999px; width: 100%; height: 100%; display: block;}
.sub_titArea .btnArea li.on {background-color: #3c4458;}
.sub_titArea .btnArea li.on a{vertical-align: middle;}
.sub_titArea .btnArea li.on a i.focus_arrow{ width: 10px; height: 7px; background: url(../images/focus_arrow.png) center no-repeat;  margin-left:  5px; margin-bottom: 2px;}
.sub_titArea .more {width:50px; height:50px; background: url(../images/icon_more_w.png) center no-repeat; border-left: 1px solid rgba(255,255,255,0.12)}
.sub_titArea .tit_select_group{right: 20px; top: 12.5px; height: 25px;}
.sub_titArea .tit_select_group .selectBox{width: 190px;}
.sub_titArea .tit_select_group .btnList >li{float: left; margin-right: 10px;}
.sub_titArea .tit_select_group .btnList >li:last-child{margin-right: 0;}
.sub_titArea .tit_select_group .btnList .actionPlanBtn{width: 130px; height: 25px; text-align: center; line-height: 25px; background: #21bdca; color:#fff; border-radius: 5px;}
.sub_titArea .tit_select {right: 20px; top: 50%; margin-top: -12.5px;}
.sub_titArea .tit_info {right: 0; top: 0;}
.sub_titArea .tit_info .writer{line-height: 50px;}
.sub_titArea .tit_info .date{margin-left: 15px; color: #fff;}
.sub_titArea .tit_info .date i{background: url(../images/icon_clock_13_white.png) center no-repeat;}
.sub_titArea.fileBox{height: 100px; box-shadow:0 1px 10px rgba(165,170,183,0.3);}
.sub_titArea .file_wrap {height: 50px; background: #fff;}
.sub_titArea .file_wrap .tit{width: 15%; height: 50px; line-height: 50px; background: #f6f7fa; text-align: center; display: inline-block; float: left; box-sizing: border-box; border-right: 1px solid #e5e5e5;}
.sub_titArea .file_wrap .con{width:85%; display: inline-block;}
.sub_titArea .file_wrap .con ul {padding:0 20px;}
.sub_titArea .file_wrap .con ul >li{float: left; height: 100%; margin:0 10px; }
.sub_titArea .file_wrap .con ul >li a{line-height: 50px; display:inline-block;}
.sub_titArea .file_wrap .con ul >li a:hover{text-decoration: underline}
.sub_conList >li{width: 100%; background: #fff; box-shadow:0 1px 10px rgba(165,170,183,0.3); margin-bottom: 20px; }
.sub_conList .conList_titArea{height: auto;border-bottom: 1px solid #e5e5e5;box-sizing: border-box;position: relative;}
.sub_conList .conList_titArea .conList_tit{line-height: 30px;margin-left: 20px;font-size: 16px;font-family: 'NotoSansM';padding: 14px 0 6px 0;padding-right: 160px;overflow: hidden;}
.sub_conList .conList_titArea .conList_tit.v1{position:relative;box-sizing: border-box;padding-left:40px;min-height:60px}
.sub_conList .conList_titArea .conList_tit.v1 .conNum{position:absolute;top:15px;left:0;}
.sub_conList .conList_titArea .conList_tit.v2{padding:14px 0;}
.sub_conList .conList_titArea .conList_tit.v2 .btn-info-ty{margin-top:7px}

.sub_conList .conList_titArea .conList_tit .conNum{width: 30px; height: 30px; background: #4b556e; border-radius: 50%; line-height: 30px; text-align: center; color:#fff; font-size: 12px; font-family: 'NotoSansB'; display: inline-block; margin-right: 10px; }
.sub_conList .conList_titArea .btnWrap{position: absolute;top: 0;right: 0;height: 100%;}
.sub_conList .conList_titArea .btnWrap li{float: left;width: 50px;height: 100%;box-sizing:border-box;border-left: 1px solid #e5e5e5;}
.sub_conList .conList_titArea .btnWrap li .icon{text-indent: -9999px; height: 100%;}
.sub_conList .conList_titArea .btnWrap li .comment{background: url(../images/conList_icon_comment.png) center no-repeat;}
.sub_conList .conList_titArea .btnWrap li .file{background: url(../images/conList_icon_file.png) center no-repeat;}
.sub_conList .conList_titArea .btnWrap li .share{background: url(../images/conList_icon_share.png) center no-repeat;}
.sub_conList .conList_conArea {padding: 2%; overflow: hidden; /*190822 추가*/}
.sub_conList .conList_conArea .conList_con{min-height: 40px; line-height: 40px; }
.sub_conList .conList_conArea .conList_con.small{min-height:80px;} /* 190822 */
.sub_conList .conList_conArea .conList_con.medium li{min-height: 150px; padding-bottom:10px;} /* 190822 */
.sub_conList .conList_conArea .conList_con.medium li.none{min-height: auto; padding-bottom:0;} /* 190822 */
.sub_conList .conList_conArea .conList_con > li{height:40px; float: left; box-sizing: border-box;}
.sub_conList .conList_conArea .conList_con > li *{box-sizing: border-box; font-family: 'NotoSansM';}
.sub_conList .conList_conArea .conList_con > li p{}
.sub_conList .conList_conArea .conList_con button.minus{border-radius: 0}
.sub_conList .conList_conArea .conList_con button.plus{border-radius: 0}
.sub_conList .conList_conArea .conList_con .report{height:40px; border: 1px solid #e5e5e5; background: #f6f7fa; border-radius: 5px; text-align: center;}
.sub_conList .conList_conArea .conList_con >li.good,.sub_conList .conList_conArea .conList_con >li.bad {border-radius: 5px; overflow: hidden; border: 1px solid #e5e5e5; box-sizing:border-box;}
.sub_conList .conList_conArea .conList_con .amount{overflow:hidden;} /* 190822 */
.sub_conList .conList_conArea .conList_con .amount li{width: 100%; height:100%; float: left; box-sizing:border-box;}
.sub_conList .conList_conArea .conList_con .amount .num{width:56%; border-left: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5; }
.sub_conList .conList_conArea .conList_con .amount .btn{width:22%; font-size: 18px;}
.sub_conList .conList_conArea .conList_con .amount .btn .minus{background: #f6f7fa url(../images/btn_minus.png) center no-repeat; border-left: 1px solid #e5e5e5;}
.sub_conList .conList_conArea .conList_con .amount .btn .plus{background: #f6f7fa url(../images/btn_plus.png) center no-repeat;  border:none;}
.sub_conList .conList_conArea .conList_con .amount .btn:last-child{}
.sub_conList .conList_conArea .conList_con .conbox {height: 100%; border: 1px solid #e5e5e5; box-sizing:border-box; border-radius: 5px; cursor:pointer;}
.sub_conList .conList_conArea .conList_con .conbox.btn{height:40px; border: 1px solid #e5e5e5; border-radius: 5px; text-align: center;font-family: 'notosansB';}
.sub_conList .conList_conArea .conList_con p.conbox.btn{border:none;}
.sub_conList .conList_conArea .conList_con .conbox h5{border-radius: 5px 5px 0 0; box-sizing:border-box;}
.sub_conList .conList_conArea .conList_con .conbox .con{border-top: 1px solid #e5e5e5; box-sizing:border-box}
.sub_conList .conList_conArea .conList_con .conbox .con p{font-size: 14px; line-height: 22px;}
.sub_conList .conList_conArea .conList_con .conbox .con.tal{padding:10px 20px 0;}
.sub_conList .conList_titArea .sub_txt{line-height: 50px; padding: 0 20px;}
.sub_conList .conList_titArea .sub_txt2{line-height: 20px; padding: 0 20px;}
/* 190822 추가*/
.sub_conList .conList_conArea .conList_con >li.long_txt{height:auto; min-height: 130px;}
.sub_conList .conList_conArea .conList_con >li.long_txt .conList_tit{border:none; padding:10px 20px; font-size: 14px; line-height: 22px;}
.sub_conList .conList_conArea .conList_con >li.long_txt .amount{border-bottom: 1px solid #e5e5e5;}
.sub_conList .conList_conArea .conList_con >li.long_txt .amount .btn{width:11%;}
.sub_conList .conList_conArea .conList_con >li.long_txt .amount .num{width:78%;}
.sub_conList .conList_conArea .conList_con >li.long_txt .amount .btn .minus{border-left:none;}
.sub_conList .conList_conArea .conList_con >li.long_txt .conbox{border-radius:0; min-height:90px;}


.sub_conList .conList_conArea.selected .on{background: #1c3997!important; color:#fff; border: 1px solid #1c3997;}
.sub_conList .conList_conArea.selected .on h5{background: #1c3997!important; color: #21bdca!important}
.sub_conList .conList_conArea.selected .on .con{border-top: 1px solid rgba(255,255,255,0.12)!important;}
.sub_conList .conList_conArea.selected p.conbox.btn.on {border:none; border-radius: 0px;}

.sub_conList .conList_conArea.reportArea{box-sizing: border-box; border-top: 1px solid rgba(0,0,0,0.1);}
.sub_conList .conList_conArea .detail_con{height: 25px;}
.sub_conList li .textAreaWrap{height: 100px; display: none;}
.sub_conList li .textAreaWrap.comment{display: block;}
.sub_conList li .textAreaWrap textarea[name=content]{width:100%; overflow: hidden;}
.sub_conList li .textAreaWrap .btnWrap {right: 10px; bottom: 30px;}
.sub_conList li .textAreaWrap .btnWrap li{float: left; margin-right: 5px;}
.sub_conList li .textAreaWrap .btnWrap li:last-child{margin-right: 0;}
.sub_conList li .conWrap{padding: 20px;}
.sub_conList li .conWrap .period{color:#7f7f7f;}
.sub_conList li .conWrap .con {border-top: 1px solid rgba(0,0,0,0.1); margin-top: 20px; padding-top: 15px;}
.sub_conList li .conWrap .con .check{height: 24px; line-height: 24px; background: url(../images/icon_check.png) 0 0 no-repeat; padding-left: 34px;}
.sub_conList li.selected{background: #3a8ddc;}
.sub_conList li.selected .conWrap *{color:#fff;}
.sub_conList li.selected .conWrap h5{font-family: 'NotoSansM';}
.sub_conList li.selected .conWrap .con{border-top: 1px solid rgba(255,255,255,0.1);}
.sub_conList li.selected .conWrap .con .check{background: url(../images/icon_checked.png) 0 0 no-repeat;}
.sub_conList.timelineWrap >li {padding-bottom: 0;}
.sub_conArea{padding: 0 20px; background: #fff; box-shadow:0 1px 10px rgba(165,170,183,0.3);}
.sub_conArea.text_area{min-height:400px; padding: 50px;}
.con_List {}
.con_List >li{margin-bottom: 20px;}
.con_List >li:last-child{margin-bottom: 0;}
.con_List .sub_titArea{margin-bottom: 0;}
.con_List >li.listArea{width: 49%; margin-right: 2%;}
.con_List >li.listArea:nth-child(2n) {margin-right: 0;}
.con_List >li.listArea .resultArea{height: auto; /*190916*/ background: #fff; border: 1px solid rgba(0,0,0,0.1); box-sizing: border-box;}
.con_List >li.listArea .resultArea.infoTable{height: auto; overflow:hidden;} /* 190829 */
.con_List >li.listArea .resultArea.detail{height: auto;}

.con_type1 .conList_Wrap >li{margin-bottom: 20px;}
.con_type1 .conList_titArea {height: 80px; background: #fff;}
.con_type1 .conList_titArea >li {box-shadow:0 1px 10px rgba(165,170,183,0.3);}
.con_type1 .conList_titArea .conList_txt{height: 40px;  line-height: 40px; padding-left:20px; color:#000; }
.con_type1 .conList_titArea .conList_txt.tit{box-sizing: border-box; border-bottom: 1px solid rgba(0,0,0,0.1); font-size: 16px; text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;padding-right:50px;overflow:hidden;}
.con_type1 .conList_titArea .btnWrap{right: 0; top: 0;}
.con_type1 .conList_titArea .btnWrap .btn{width: 40px; height: 40px; line-height: 40px; box-sizing: border-box; border-left: 1px solid rgba(0,0,0,0.1); border-bottom: 1px solid rgba(0,0,0,0.1); line-height: 40px; line-height: 40px;}
.con_type1 .conList_titArea .btnWrap .btn.open{background: url(../images/icon_open.png) center no-repeat;}
.con_type1 .conList_titArea .btnWrap .btn.open:hover{background:#f6f7fa url(../images/icon_open.png) center no-repeat;}
.con_type1 .conList_titArea .none{}
.con_type1 .conList_titArea .none .conList_txt.sub_con{color:#7f7f7f;}
.con_type1 .conList_titArea .none .btnWrap .btn.open{background: url(../images/icon_open_none.png) center no-repeat;}
.con_type1 .conList_bg{height: 200px; box-shadow:0 1px 10px rgba(165,170,183,0.3);}

.con_type1 .conList_bg .con_active{width: 60px; height: 40px; line-height: 40px; top: 0px; left: 0px; color:#fff}
.con_type1 .ongoing .conList_bg{background: url(../images/conList_bg_ongoing.png) center no-repeat; background-size: cover;}
.con_type1 .ongoing .conList_bg .con_active{background: #21bdca;}
.con_type1 .finish .conList_bg{background: url(../images/conList_bg_finish.png) center no-repeat; background-size: cover;}
.con_type1 .finish .conList_bg *{color: #7f7f7f!important}
.con_type1 .finish .conList_bg .con_active{background: #4b556e; color:#fff!important;}

.detail_con >li{position:relative;padding: 20px; border-bottom: 1px solid rgba(0,0,0,0.1); box-sizing: border-box;}
.detail_con >li:last-child{border-bottom:none;}
.detail_con .progress {width: 70px; height: 30px; text-align: center; line-height: 28px; border-radius: 20px; margin-bottom: 10px; font-family: 'notosansB'; box-sizing: border-box;}
.detail_con .unfinish{color:#3a8ddc; border: 1px solid #3a8ddc;}
.detail_con .ongoing{color:#fb4f5a; border: 1px solid #fb4f5a;}
.detail_con .finish{color:#1c3997; border: 1px solid #1c3997;}
.detail_con .tit{font-family: 'NotoSans'; margin-bottom: 10px;}
.detail_con .importance{width: 100px; display: inline-block; font-family: 'notosansM';}
.detail_con .importance span {position: relative; font-family: 'notosansB'; margin-left: 2px;}
.detail_con .importance span:after{display: inline-block; clear: both; content: ''; width: 1px; height: 19px; background: #e5e5e5; right: -15px; top: 2px; position: absolute;}
.detail_con .importance .high{color:#fb4f5a;}
.detail_con .importance .normal{color:#3a8ddc;}
.detail_con .importance .low{color:#21bdca;}
.detail_con .toDo{display: inline-block; font-family: 'notosansB'; font-size: 16px; margin-bottom: 10px;}
.detail_con .one_btn{width: 125px; height: 25px; display: inline-block; text-align: center; line-height: 25px; border-radius: 5px;}
.detail_con .one_btn.poa{right: 0px; top: 50%; margin-top: -12.5px;}
.detail_con .one_btn .more{width:25px; height:25px; float: right; font-size: 15px; font-weight: bold; box-sizing: border-box; border-left: 1px solid rgba(255,255,255,0.2);}
.detail_con .period{margin-left: 10px; color:#7f7f7f;}
.detail_con .btn_com{right:0;} /* 190829 */
.detail_con .fileupload{position:absolute;top:20px;right:15px;font-size:0;width:30px;height:30px;}
.detail_con .btn-info-ty{position:absolute;top:26px;left:180px;margin:0;}

/*액션플랜 모니터링*//* 210904_MSJ */
.detail_con.v1{padding:0;margin-top:calc(-2% - 1px);margin-bottom:calc(-2% - 1px)}
.detail_con.v1 .importance{width:100%;text-align:center;}
.detail_con.v1 .importance span{margin-left:0;}
.detail_con.v1 .importance span:after{display:none;}
.detail_con.v1 .dv3 p+p,
.detail_con.v1 .dv3 .one_btn{margin-top:10px;}
.detail_con.v1 .dv3 li{min-height:80px;padding:10px 0;}

.con_List >li.listArea .resultArea .chart{padding: 20px;}
.con_List >li.listArea .resultArea dl.style.type1{border-top: 1px solid rgba(0,0,0,0.1); box-sizing: border-box;}
.con_List >li.listArea .resultArea dl.style.type1 dt{width: 10%; line-height: 40px; background: #f6f7fa; border-right: 1px solid rgba(0,0,0,0.1);border-bottom: 1px solid rgba(0,0,0,0.1); box-sizing: border-box; text-align: center;  float: left; display: inline-block; font-family: 'notosansM';}
.con_List >li.listArea .resultArea dl.style.type1 dd{width: 90%; line-height: 40px; background: #fff; border-bottom: 1px solid rgba(0,0,0,0.1); box-sizing: border-box; padding-left: 20px; /*190829*/ display: inline-block; font-family: 'notosansM';}

dl.type2 {height: 40px; background: #fff;}
dl.type2 dt{width: 15%; height: 100%; line-height: 40px; background: #f6f7fa; text-align: center; display: inline-block; float: left; box-sizing: border-box; border-right: 1px solid #e5e5e5;}
dl.type2 dd{width:85%; height: 100%; display: inline-block;}

.con_list_link{margin: 20px 0;  box-shadow:0 1px 10px rgba(165,170,183,0.3);}
.con_list_link dt{font-family: 'NotoSansB';}
.con_list_link dd .linkArea{padding:0 20px;}
.con_list_link dd .linkArea a{line-height: 40px; display:inline-block;}
.con_list_link dd .linkArea a.none{color:#7f7f7f;}
.con_list_link dd .writer{line-height: 40px; right: 20px; top: 0;}
.con_list_link dd .date{margin-left: 15px;}
.con_list_link .prev {box-sizing: border-box; border-bottom: 1px solid rgba(0,0,0,0.1);}

/* content_type sub_content */
.content_type1 .sub_content.fll{width:75%;}
.content_type1.v2 .sub_content.fll{width:100%;}
.content_type1 .sub_content.flr{width:23%;}
.content_type2 .sub_content.fll{width:25%;}
.content_type2 .sub_content.flr{width:73%;}

/* sub_content guide */
.sub_content .conbox.guide{width:100%; height:430px; background: #fff; text-align: center; box-shadow:0 1px 10px rgba(165,170,183,0.3);}
.sub_content .conbox.guide .iconArea{ margin:120px auto 25px;}
.sub_content .conbox.guide .iconArea.monitering{width: 96px; height: 96px; background: url(../images/icon_monitering.png) 0 0 no-repeat;}
.sub_content .conbox.guide .iconArea.noData{width: 120px; height: 90px; background: url(../images/icon_noData.png) 0 0 no-repeat; margin-top: 70px;}
.sub_content .conbox.guide .guide_con{font-size: 24px; margin-bottom: 20px;}
.sub_content .conbox.guide .guide_con_sub{font-size: 16px; color:#7f7f7f; margin-bottom: 10px; line-height: 20px;}
.sub_content .conbox.guide .guide_con_sub .call{width: 15px; height: 15px; background: url(../images/icon_call_15.png) center no-repeat; margin-right: 5px;}
.sub_content.userInfo{height: 245px; background: #fff;}
.sub_content.userInfo .user{width: 100%;}
.sub_content.userInfo .user .user_con{padding-top:20px;}
.sub_content.userInfo .user .user_con .profile_btn{width: 108px; height: 35px; line-height: 35px; border-radius: 5px; margin: 20px auto;}
/* actionObjectives 행동관리 목표*/
.actionObjectives .listWrap {height: 200px;}
/* actionObjectives > list2 이달의 모니터링 빈도 */
.actionObjectives .listWrap li.list2 .chartArea{width:80%; margin: auto; padding-top: 20px;}

/* timeline */
.figureWrap{column-width:250px; column-gap: 20px;}
.figure {display: inline-block;margin:0;margin-bottom: 15px;}

/* 190822 추가 */
.timelineWrap .expression>li{cursor: pointer}
.timelineWrap .expression>li.on{background: #1c3997; color: #fff;}
.timelineWrap .expression>li.on strong{color:#21bdca!important;}
/* end : === subPage === */

/* === popup page === */
.popup .titArea{height:70px; background: url(../images/popup_tit_bg.png) 0 0 no-repeat;}
.popup .titArea h2{line-height:70px; text-align: center; color:#fff; font-family: 'NotoSans';}
.popup .sub_titArea {height:auto;  padding:15px 0; background: #eceff4; margin-bottom: 0;}
.popup .sub_titArea h4{line-height: 22px;}
.popup .sub_titArea .moreBtn{width: 24px; height: 24px; background: #fff; color: #4b556e; font-size: 20px; line-height: 24px; font-family: 'NotoSansB'; border-radius: 3px; right:20px; top:50%; margin-top: -12px;}
.popup .con.section1{padding: 20px;}
.popup .con.section1 .conTxtArea{padding:20px;}
.popup .con.section1 .note{}
.popup .con.section1 .note.important li{font-family: 'NotoSansM'; color:#000; margin-bottom:10px;}
.popup .con.section1 .note.important li:last-child{margin-bottom: 0;}
.popup .con.section1 .scoreNote {margin-top: 20px;}
.popup .con.section1 .scoreNote .score {margin-left: 2px; color:#fff;}
.popup .con.section1 .scoreNote .score li{width:40px; height:40px; float: left; text-align: center; line-height: 40px; margin-right: 2px;}
.popup .con.section1 .scoreNote .score li.none {background: #d6dbec;}
.popup .con.section1.arrow_bg{background: url(../images/popup_bg_arrow_01.png) center no-repeat; height: 670px;}
.popup .con.section1.arrow_bg .conbox{box-shadow:0 1px 10px rgba(165,170,183,0.3); width: 240px; height: 120px; background: #fff; position:absolute;}
.popup .con.section1.arrow_bg .conbox .tit{width: 100px; height: 30px; background: #21bdca; text-align: center; color: #fff; border-radius: 20px; line-height: 30px; margin:25px auto 10px;}
.popup .con.section1.arrow_bg .conbox .con {font-size: 18px; text-align: center; font-family: 'notosansB';}
.popup .con.section1.arrow_bg .conbox_num{width: 100px; height: 30px; background: #4b556e; text-align: center; color: #fff; border-radius: 20px; line-height: 30px; margin:25px auto 10px; position: absolute; margin-left: -50px;}
.popup .con.section1.arrow_bg .conbox.box1{left:50%; top: 40px;  margin-left: -120px; }
.popup .con.section1.arrow_bg .conbox_num.box1{left: 50%; top: 190px;}
.popup .con.section1.arrow_bg .conbox.box2{left:50%; top: 295px;  margin-left: -120px; }
.popup .con.section1.arrow_bg .conbox_num.box2{left: 50%; top: 190px;}
.popup .con.section1.arrow_bg .conbox.box3{left:20px; top: 545px}
.popup .con.section1.arrow_bg .conbox_num.box3{left: 140px; top: 450px;}
.popup .con.section1.arrow_bg .conbox.box4{left:50%; top: 545px;margin-left: -120px; }
.popup .con.section1.arrow_bg .conbox_num.box4{left: 50%; top: 450px;}
.popup .con.section1.arrow_bg .conbox.box5{right:20px; top: 545px}
.popup .con.section1.arrow_bg .conbox_num.box5{right: 90px; top: 450px;}

.popup .container {width: 800px;}
.popup .container.section1{z-index: 100; height:auto;}
.popup .container.section2{z-index: 99; top: 490px;} /* 190829 */

.formList >li{margin-bottom: 20px; vertical-align:middle; box-shadow:0 1px 10px rgba(165,170,183,0.3);}
.formList >li:last-child{margin-bottom: 0;}

.scoreNote *{height:40px; line-height: 40px; vertical-align: middle; font-family: 'NotoSansB';}
.scoreNote tr{border-bottom: 2px solid #fff;}
.scoreNote th{background: #eceff4;}
.scoreNote td.score_txt{padding-left: 20px; background: #eceff4;}

.pop_conArea.conBox{background: #fff; box-shadow:0 1px 10px rgba(165,170,183,0.3);}
.pop_conArea.sub_con{padding: 20px; background: #fff; overflow:hidden;} /*190829*/
.pop_conArea.sub_con .textArea_style1{height:100px;}
.pop_conArea.sub_con.txt_area {min-height:140px;}
.pop_conArea.sub_con .half{width:49%;}
.pop_conArea.sub_con .half .con_List{width:100%;}
.pop_conArea.sub_con .half .con_List >.listArea{width:100%; margin-right:0;}
.pop_conArea.sub_con .half .con_List >.listArea .sub_titArea.por .tit_h4{padding-right:100px;}
.pop_conArea .con_selectBox {margin: 5px 0;}
.pop_conArea .con_selectBox .selectBox_txt {left:70px; bottom:2px;}
.pop_conArea .table_style2 tbody tr td{font-family: 'NotoSans';}
.pop_conArea .table_style2.Medium tbody tr td{font-family: 'NotoSansM';}
.pop_conArea .table_style2.Medium tbody tr td .focus{font-size: 16px; font-family: 'NotoSansM';}
.pop_conArea .amount {width:80%; margin: auto; height:25px; border-radius: 2px; overflow: hidden; border: 1px solid #e5e5e5; box-sizing:border-box;}
.pop_conArea .amount li{width:100%; height:100%; float: left; }
.pop_conArea .amount .num{width:56%; border-left: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5; box-sizing:border-box; font-family: 'NotoSansM';}
.pop_conArea .amount .btn{width:22%; font-size: 20px;}
.pop_conArea .amount .btn .minus{height:100%; background: #f6f7fa url(../images/icon_amount_minus.png) center no-repeat;}
.pop_conArea .amount .btn .plus{height:100%; background: #f6f7fa url(../images/icon_amount_plus.png) center no-repeat;}
.pop_conArea .select_group{right:20px; top:50%; margin-top: -12.5px;}
.pop_conArea .select_group >li{float: left; margin-right: 5px;}
.pop_conArea .select_group >li:last-child{margin-right: 0;}
.pop_conArea .select_group >li .selectBox{width: 90px;}
.pop_conArea .search_group_box {padding: 20px;margin-top: 70px;height: 25px;border-top:  1px solid rgba(0,0,0,0.1);}
.pop_conArea .search_group_box .selectBox{width: 90px; margin-bottom: -7px;}
.pop_conArea .search_group_box .selectBox.v2{width: 120px;}
.pop_conArea .search_group_box .con_area {vertical-align: middle;}
.pop_conArea .search_group_box .input.style1 {display: inline-block;}
.pop_conArea .search_group_box .input.style1 input{width: 150px; height:25px; line-height: 25px; border: 1px solid #dcdcdc; border-radius: 5px; text-indent: 10px;}


.pop.bottomArea{width:100%; height:70px; background: #1c3997;}
.pop.bottomArea .con{padding: 0 20px;}
.pop.bottomArea .top_btn{margin-top:17.5px; float: left;}
.pop.bottomArea .top_btn .btn{width:35px; height:35px; background: url(../images/common/top.png) center no-repeat; border: 2px solid #fff; border-radius: 50%; float: left; text-indent:-9999px;}
.pop.pop.bottomArea .top_btn .top{line-height:35px; margin-left:10px; float: right; color:#fff;}
.pop.bottomArea .button{width:180px; height:40px; display: block; background: #fff; line-height: 40px; border-radius: 5px; float: right; text-align: center; margin-top: 15px; font-size: 16px; font-family: 'NotoSansM';}
.pop.bottomArea .nextBtn i.btn_next{margin-left:10px; width:6px; height:9px; background: url(../images/btn_next_b.png) center no-repeat; margin-bottom: 2px;}
.pop.bottomArea .txt{color:#fff; margin-top: 25px; margin-left: 290px;}


/* popup inner */
.popupWrap {width: 450px; background: #fff; z-index: 100; box-shadow:0 1px 10px rgba(165,170,183,0.3); position:fixed; display: none; top: 30%; left: 50%;margin-top:-35px;}
.popupWrap.on{display: block;}
.popupWrap .pop_titArea{padding-left: 20px; height:50px; background: #edf0f5; line-height: 50px; font-family: 'NotoSansB';}
.popupWrap .pop_titArea .close{width: 50px; height: 50px; right: 0; top:0; background: url(../images/btn_close.png) center no-repeat;}
.popupWrap .innerpopup{padding: 20px; max-height:500px; overflow:auto;} /* 190822 추가 */
.popupWrap .innerpopup .sub_titArea{padding: 10px 20px; height:auto;}
.popupWrap .innerpopup .sub_titArea > ul >li{line-height: 30px;}
.popupWrap .innerpopup .con_tit{margin-bottom: 20px;}
.popupWrap .innerpopup .chk_Area{width: 30px; height: 30px; background: #f6f7fa; box-sizing: border-box; border: 1px solid rgba(0,0,0,0.1); border-top:none; border-left:none;}
.popupWrap .innerpopup .chk_Area .checks.style1.center input[type="radio"] + label:before {left: -15px; top: 7px;}
.popupWrap .innerpopup .checks.style1.center input[type="radio"]:checked + label:after {left:-11px; top: 11px;}
.popupWrap .innerpopup .inputArea .input{margin-right: 80px;}
.popupWrap .innerpopup .inputArea .btn.poa{right: 0; top: 50%; margin-top: -12.5px;}
.popupWrap .innerpopup .post.imgArea {height: 255px; /*background: url(../images/post_photo_img.png) center no-repeat;*/ margin-bottom: 20px;}
.popupWrap .innerpopup .post.imgArea .btnWrap{right: 10px; top:10px;}
.popupWrap.v1{top:7%;}

.com_show.popupWrap .innerpopup .con{border:1px solid #e5e5e5;}
.com_show.popupWrap .innerpopup .sub_titArea{font-size:16px; padding:20px; margin:0; border-bottom:1px solid #e5e5e5;  font-family:'notosansM'}
.com_show.popupWrap .innerpopup .con .con_1{padding:20px; max-height:200px; overflow:auto;}
.com_show.popupWrap .innerpopup .con .con_1 li{margin-bottom:10px;  font-family:'notosansM'}

.profile_list{height: 284px; margin-bottom: 20px;}
.profile_list >li{box-sizing: border-box; border: 1px solid rgba(0,0,0,0.1); border-right:none;}
.profile_list >li:nth-child(3n){border-right: 1px solid rgba(0,0,0,0.1);}
.profile_list .user_con .imgArea{width: 100%;}
.profile_list .user_con .imgArea .user_p{margin: auto;}


.tit_btn{width:18px; height:18px; background: url(../images/arrow_btn.png) 0 0 no-repeat; position: absolute; top:50%; right:260px; margin-top: -9px; cursor:pointer;}
.tit_btn.on{ background: url(../images/arrow_btn_on.png) 0 0 no-repeat;}
.tit_tab{width:600px; z-index: 10; border:1px solid #4b556e; box-sizing:border-box; display:none;}
.tit_tab.on{display:block;}
.tit_tab>li{background: #fff; border-bottom:1px solid #e0e0e0}
.tit_tab>li:hover {background:#f6f7fa}
.tit_tab>li a{ padding:15px 20px; font-size: 16px;}
.com {padding-right:100px;}
.btn_com{width:auto!important; padding:0 10px;}

i.focus_arrow.poa{ width: 10px; height: 7px; background: url(../images/focus_arrow.png) center no-repeat; right:15px; top:50%; margin-top: -4px;}
input[type=text].date {padding:2px 10px; background:url(../images/btn_calendar.gif) 94% 50% no-repeat #fff; cursor:pointer; border:1px solid #dcdcdc; color:#000; font-size: 14px;}
.selectBox.h50 {height:40px; margin-bottom: 15px;}
.selectBox.h50 select {height:40px; line-height: 40px; font-size: 16px; font-family: 'NotoSansM';}

.swiper-button-next, .swiper-button-prev{width: 11px; height: 19px; margin-top:-10px;}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next{background: url(../images/conbox1_prev.png) 0 0 no-repeat}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev{background: url(../images/conbox1_next.png) 0 0 no-repeat}
.swiper-container .conbox{height:130px; overflow:hidden;}

.content .conbox1 .user_inform li h5.ex_box{width:140px; text-align:left; padding-left:20px; cursor:pointer;}
.ico-ex{width:20px; height:20px; background: url(../images/ico_ex.png) center no-repeat; display:inline-block; position:absolute; right:10px; top:50%; margin-top:-10px;}
.expop .table_style2.type1 thead{border:none;}
.expop .table_style2.type1 thead th{background:#4b556e; color:#fff; font-family: 'NotoSansM'; border-right:1px solid rgba(255,255,255,0.2);}
.expop .table_style2.type1 thead th:last-child{border:none;}
.expop .table_style2.type1 td{text-align:center;}
.expop .table_style2.type1 td .txt{padding-bottom:0;}
.expop .table_style2.type1 td .txt span{color:#7f7f7f; position: relative; padding-left:5px; position:relative;}
.expop .table_style2.type1 td .txt span:before{display: block; clear: both; content: ''; width: 3px; height: 3px; border-radius: 50%; background: #4b556e; position: absolute; top:9px; left:0;}
.expop .table_style2.type1 thead th:first-child{width:20%;}
.expop .table_style2.type1 th {width:30%;}

/* === footer === */
footer .bg{width:100%; height:120px; background: #4b556e;}
footer .copyright{width:50%; display:inline-block; padding-top: 35px;}
footer .copyright p{margin-bottom:10px; font-size: 14px; color:#fff;}
footer .copyright span{font-size: 12px; color:#a5aab7}
footer .top_btn{margin-top:42.5px; float: right;}
footer .top_btn .top{line-height:35px; margin-right:10px; float: left; color:#fff;}
footer .top_btn .btn{width:35px; height:35px; background: url(../images/common/top.png) center no-repeat; border: 2px solid #fff; border-radius: 50%; float: right; text-indent:-9999px;}
/* end : === footer === */

footer .container {position: relative;}
footer .container .lang{position: absolute; right:100px; top:50px;}
footer .container .lang>li{float: left; margin-right: 25px;}
footer .container .lang>li:last-child{position: relative;}
footer .container .lang>li:last-child:after{display: block; content: ''; clear: both; width:1px; height:11px; background: rgba(255,255,255,0.3); position: absolute; right:-25px; top:5px;}
footer .container .lang>li a{color:#fff; opacity: .4;}
footer .container .lang>li.on a{opacity: 1;}

.actionObjectives .swiper-button-prev, .swiper-container-rtl .swiper-button-next{width: 30px; height: 40px; background:rgba(0,0,0,0.5) url(../images/conbox2_list6_btn_prev.png) center no-repeat; margin-top:-20px; left:0}
.actionObjectives .swiper-button-next, .swiper-container-rtl .swiper-button-prev{width: 30px; height: 40px; background:rgba(0,0,0,0.5) url(../images/conbox2_list6_btn_next.png) center no-repeat; margin-top:-20px; right:0}

/* ======== 191024 add ======== */
.listWrap .swiper-slide .conWrap .conbox{padding-top:0;}
.listWrap .swiper-slide .conWrap .conbox li{height:100%;}
.conList_titArea>.top{line-height:40px; font-size:16px; border-bottom:1px solid rgba(0,0,0,0.1); box-sizing: border-box; font-family: 'notosansB'}

.swiper-container .conbox{height:110px;}
.sub .listWrap li .conbox{padding-top:30px;}
.sub .listWrap li h5{margin-bottom:0;}

/* 코멘트옵션추가 */
.sub_conList li .textAreaWrap.ty1{height:auto;padding-bottom:60px}
.sub_conList li .textAreaWrap .step-type{margin-bottom:20px;font-size:0;}
.sub_conList li .textAreaWrap .step-type em{display:inline-block;width:40%;padding:0 20px;background:#edf0f5;line-height:40px;border-radius:20px;font-size:14px; box-sizing:border-box;vertical-align:top;}
.sub_conList li .textAreaWrap .step-type .inner-box{display:inline-block;width:60%;padding-left:30px;box-sizing:border-box;}
.sub_conList li .textAreaWrap .step-type li,
.sub_conList li .textAreaWrap .step-type .inner-box input[type="text"]{border:1px solid #e5e5e5;line-height:18px;padding:10px;box-sizing:border-box;width:100%;font-size:14px; }
.sub_conList li .textAreaWrap .step-type li{position:relative;margin-bottom:10px;padding:0}
.sub_conList li .textAreaWrap .step-type li input { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0; }
.sub_conList li .textAreaWrap .step-type li input + label { display:block; position: relative;padding:10px 50px 10px 10px;cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none;font-size:13px;}
.sub_conList li .textAreaWrap .step-type li input + label:before { content: ''; position: absolute; right: 10px; top:6px;margin-top:1px; width: 24px; height: 24px;background:url("../images/icon_check.png");}
.sub_conList li .textAreaWrap .step-type li input:checked + label{background:#21bdca;color:#fff}
.sub_conList li .textAreaWrap .step-type li input:checked + label:before{background:#21bdca url("../images/icon_checked.png")}

/*-----------------20210516---------------------*/
.menu_list{display:inline-block;}
header .gnbArea .menu{width:auto;font-size:0;}
header .gnbArea .menu .menu_list li.menu1{width:255px;}
header .gnbArea .menu .menu_list{width:auto;font-size:0;vertical-align:top;}
header .gnbArea .menu .menu_list li{float:none;display:inline-block;vertical-align:top;}
header .gnbArea .menu .bar{display:inline-block;vertical-align:top;float:none;}
.container{height:auto;}
.content .conbox1 .user_inform li .mask .btnWrap{}
.ico-plus{width:20px; height:20px; background: url(../images/ico_plus.png) center no-repeat; display:inline-block; position:absolute; right:10px; top:50%; margin-top:-10px;}
.content .conbox1 .user_inform li h5.v1{overflow:hidden;margin-top:20px;margin-bottom:0;padding-left:0;}
.content .conbox1 .user_inform li h5.v1 a{display:block;line-height:inherit;font-weight:700;font-size:inherit;padding-left:35px;transition:all .2s ease-in-out}
.content .conbox1 .user_inform li h5.v1 a:hover{background-color:rgba(0,0,0,0.1);}
.content .conbox1 .user_inform li .mask .btnWrap.v1{top:83px; z-index:100;}
.content .conbox1 .user_inform li .mask .btnWrap.v1 .prev{margin-left:10px;}
.content .conbox1 .user_inform li .mask .btnWrap.v1 .next{margin-right:10px;}
.content .conbox1 .user_inform li .tit-group{display:table;margin-top:20px;padding:0 30px;width:100%;box-sizing:border-box;}
.content .conbox1 .user_inform li .tit-group strong{display:table-cell;font-weight:700;height:42px;vertical-align:middle;text-align:center;}
.content .conbox1 .user_inform li .tit-group strong span{display:-webkit-box;overflow:hidden;width:100%; -webkit-line-clamp:2;-webkit-box-orient:vertical;max-height:42px;line-height:21px;ext-align:center;font-size:15px; }
.content .conbox1 .user_inform li .txt-group2{box-sizing:border-box;padding:0 20px 0;display:table-cell;width:209px;height:90px;vertical-align:middle;}
.content .conbox1 .user_inform li .txt-group2 li{color:#a3a3a3}

.content .conbox2 .list_box li.list5 .list_con > li{box-sizing:border-box;border-bottom:1px solid rgba(255,255,255,0.2)}
.content .conbox2 .list_box li.list5 .list_con li .text{width:calc(100% - 40px);}
.content .conbox2 .list_box li.list5 .list_con li .text span{color:rgba(255,255,255,0.6)}
.content .conbox2 .list_box li.list5 .list_con li .text span + span{float:right;color:#fff;}
/*.content .conbox2 .list_box li.list5 .list_con{margin-top:-20px;}*/

.content .conbox1 .user_inform .swiper-container{height:170px;}
.content .conbox1 .user_inform .swiper-container .tit-group{margin-top:10px;margin-bottom:0;}

/* popup inner */
.popupWrap2:before{content:'';display:block;position:fixed;top:0px;left:0;width:100%;height:100%;background:rgba(0, 0, 0, 0.5);}
.popupWrap2 {display: none;z-index: 1001; position:fixed;top:calc(50% - 200px); left:calc(50% - 300px);width:600px; background: #fff; box-shadow:0 1px 10px rgba(165,170,183,0.3);}
.popupWrap2.on{display: block;}
.popupWrap2 .pop_titArea{padding-left: 20px; height:50px; background: #edf0f5; line-height: 50px; font-family: 'NotoSansB';}
.popupWrap2 .pop_titArea.v2{background: #dde2ee;}
.popupWrap2 .pop_titArea .close{width: 50px; height: 50px; right: 0; top:0; background: url(../images/btn_close.png) center no-repeat;}
.popupWrap2 .innerpopup{position:relative;padding: 20px;background:#fff;}

.table_style2.type2{margin-bottom:30px}
.table_style2.type2 th{padding:10px 20px;background: #4b556e; color:#fff;text-align:left}
.table_style2.type2 td .inner{max-height:300px;}
.table_style2.type2 td{ text-align:left; padding:10px 20px;color:#000;font-size:0;}
.table_style2.type2 td a{padding:0}
.table_style2.type2 td a:hover{color:#000;}
.table_style2.type2 td p{border-bottom:1px solid rgba(0,0,0,0.1); padding:10px 20px; font-family:'NotoSansM'; color:#000;}
.table_style2.type2 td p:last-child{border:none;} /* 190822 추가 */
.table_style2.type2 td a.btn1{display:inline-block;margin-right:5px;margin-bottom:5px;border:1px solid #e5e5e5;border-radius:4px;padding:5px 10px;background:#edf0f5}
.table_style2.type2 td a.btn1:focus{background:#1c3997;color:#fff;border-color:#1c3997;}
.table_style2.type2 td .inner{max-height:200px;overflow-y:auto; }



/*-----------------------------------------
-------------------------------------------
 20210611 COMMON
-------------------------------------------
-----------------------------------------*/

/*COMMON*/
.swiper-container-horizontal>.swiper-pagination-bullets,
.swiper-pagination-custom, .swiper-pagination-fraction{bottom:5px !important;}
.swiper-pagination-bullet{width:6px !important; height:6px !important;}
.w110{width:110px !important;}
.w130{width:128px !important;}
.w150{width:150px !important;}
.w270{width:266px !important;}
.over-hidden{overflow: hidden;}
.txt-white{color:#fff !important;}
.txt-ty1{display:inline-block;padding:0 7px;font-size:14px;color:rgba(0,0,0,0.5);vertical-align:top;line-height:25px;}
.num-box{margin-top:13px;}
.num-box strong{display:block;line-height:50px;font-size:36px;font-family: "NotoSansB";font-weight: bold;color:#333;}
.num-box strong.v1{color:#1c3997!important;}
.num-box span{display:inline-block;padding:0 12px;height:20px;line-height:20px;font-size:11px;color:#fff;background:#3a8ddc;border-radius:20px;}

/*BTN*/
.btn-ty1{display:inline-block;padding:0 15px;width:auto;height:25px;line-height:25px;font-size:14px;box-sizing:border-box;border-radius:5px;background:#fff;}
.btn-ty1.border{width:100%;border:1px solid #dcdcdc;}
.btn-ty2{display:inline-block;padding:0 15px;width:auto;height:25px;line-height:25px;font-size:14px;box-sizing:border-box;border-radius:5px;background:#3a8ddc;color:#fff;}
.btn-ty3{display:inline-block;padding:0 15px;width:auto;height:25px;line-height:25px;font-size:14px;box-sizing:border-box;border-radius:5px;background:#21bdca;color:#fff;}
.btn-ty3.large{height:42px;width:100%;}
.tab-ty1{font-size:0;border:1px solid #e5e5e5}
.tab-ty1 a{display:inline-block;width:50%;line-height:50px;height:50px;font-family: 'NotoSansB';background:#fff;font-size:16px;text-align:center;box-sizing:border-box;}
.tab-ty1 a:focus{background:#21bdca;color:#fff;}
.tab-ty1 a + a{border-left:1px solid #e5e5e5}
.tab-ty1 + table{margin-top:10px;}
.btn-info-ty{display:inline-block;margin-top:8px;width: 18px; height: 18px; background: url(../images/icon_alert_blue.png) 0 0 no-repeat;background-size:contain;vertical-align:top;}


/*TITLE*/
.tit-ty{font-size:30px;text-align:center;font-family: 'NotoSansB';}
.tit-ty + .bar-ty{margin-top:35px;}
.tit-ty2{font-family: 'NotoSansB';margin-bottom:20px;margin-top:-20px;margin-left:-20px;padding-left:20px;width:calc(100% + 40px);height:40px;line-height:40px;font-size:16px;text-align:center;border-bottom:1px solid rgba(0,0,0,0.1)}

/*BAR*/
.bar-ty {position:relative;padding:0 20px;height:50px;background:#1c3997;font-size:0;}
.bar-ty h3{display:inline-block;;line-height:50px;color:#fff;font-size:18px;font-family: 'NotoSansB';vertical-align:top;}
.bar-ty h3 + p{display:inline-block;margin-left:10px;line-height:50px;font-size:12px;color:rgba(255,255,255,0.5);vertical-align:top;}
.bar-ty2 {position:relative;min-height:50px;background:#4b556e;font-size:0;text-align:right;}
.bar-ty2 h3{display:inline-block;position:absolute;top:0;left:0;min-width:180px;padding:0 20px;height:100%;color:#fff;font-size:16px;font-family: 'NotoSansM';vertical-align:top;text-align:left;background:rgba(0,0,0,0.2);}
.bar-ty2 h3 span{position:absolute;top:calc(50% - 12px);left:20px;}
.bar-ty2 h3 + p{position:relative;display:inline-block;padding:14px 180px 14px 300px;font-size:14px;color:rgba(255,255,255,1);vertical-align:top;}
.bar-ty2 h3 + p>span{position:absolute;top:calc(50% - 7px);right:20px;font-size:12px;color:rgba(255,255,255,0.5);}
.bar-ty2.v1 h3{background:transparent;}
.bar-ty2{margin-bottom:20px;}
.bar-ty3 {position:relative;padding:0;height:40px;background:#fff;font-size:0;}
.bar-ty3 h3{display:inline-block;;line-height:40px;color:#222;font-size:18px;font-family: 'NotoSansB';vertical-align:top;}
.bar-ty3 h3 ~ p{display:inline-block;margin-left:10px;line-height:40px;font-size:12px;color:rgba(0,0,0,0.5);vertical-align:top;}
.bar-ty3 h3 ~ p.v1{float: right;color:rgba(0,0,0,0.7)}
.bar-ty4 {position:relative;padding:0 20px;height:50px;background:#858da1;font-size:0;box-sizing:border-box;}
.bar-ty4 strong{display:inline-block;;line-height:50px;color:#fff;font-size:16px;font-family: 'NotoSans';vertical-align:top;}
.info-right{display:block;width:100%;line-height:normal;color:rgba(0,0,0,0.7);font-size:12px;margin:0 0 10px 0;text-align:right;}

/*BOX*/
.box-ty1{position:relative;font-size:0;padding:20px;background:#fff;box-shadow:0 1px 10px rgba(165, 170, 183, 0.3);}
.box-ty1 ul{font-size:0;}
.box-ty1 li{display:inline-block;width:calc(50% - 12px);margin-left:24px;padding:20px 20px;background:#fff;border:1px solid rgba(0,0,0,0.1);vertical-align:top;box-sizing:border-box;text-align:center;}
.box-ty1 li.v1{width:100%;margin-left:0;margin-top:20px;padding-left:20px; padding-right:20px; border:0}
.box-ty1 li:first-child{margin-left:0;}
.box-ty1 li .inner{margin-top:15px;font-size:0;}
.box-ty1 li .inner select{font-size:14px;}
.box-ty1 .selectBox + .selectBox{margin-left:7px;}
.box-ty1 li .inner .selectBox button{text-align:left; overflow: hidden; }
.box-ty1.v1{margin-top:20px;}
.box-ty1.v1 ul{margin-top:10px;}
.box-ty1.v1 li .bar-ty4{margin:-20px 0 20px -20px;width:calc(100% + 40px);text-align:center;}
.box-ty1.v2 li{position:relative;padding-right:120px;}
.box-ty1.v2 li .btn-ty3{position:absolute;top:50%;right:20px;width:80px;height:40px;line-height:40px;}
.box-ty1.v2 li .tit-ty2{width:calc(100% + 140px);text-align:center;}
.box-ty1.v2 li .tit-ty2.v2{width:calc(100% + 120px);text-align:center;}

/*TABLE*/
.tbl-ty1 table{border-collapse:collapse;text-align:center;border-top:2px solid #808080;}
.tbl-ty1 th{padding:5px;border-bottom:2px solid #808080;text-align:center;font-size:14px;min-height:33px;font-family: 'NotoSansB';}
.tbl-ty1 td{padding:5px;border-bottom:1px solid #c0c0c0;text-align:center;font-size:14px;min-height:33px;}
.tbl-ty1 td.tal{text-align:left;}
.tbl-ty1.v1 table{font-weight:700;background:#ffffff;border-bottom:1px solid #808080;border-top:1px solid rgba(0,0,0,0.1);}
.tbl-ty1.v1 td{border-bottom:1px solid rgba(0,0,0,0.1)}


/*LAYOUT*/
.top-group{overflow:hidden;padding:40px 0;background:#dde2ee;font-size:0;box-sizing:border-box; }
.top-group .wrap{margin:0 auto;width:1120px;}
.top-group div{box-sizing:border-box;}
.top-group select{font-size:14px;}
.top-group .right-area{position:absolute;right:20px;top:12px;font-size:0;}
.top-group .right-area button+button{margin-left:10px;}
.cont-group{overflow:hidden;padding:40px 0;background:#edf0f5;font-size:0;box-sizing:border-box; }
.cont-group .wrap{margin:0 auto;width:1120px;}

/* 조직도 팝업 */
.popupWrap.company {top: 30% !important; margin-top: -35px !important; width: 350px;}
.category-group{position:relative;padding:10px 0;}
.category-group p{line-height:20px;display:inline-block;margin:5px 0;}
.category-group{position:relative;padding-left:20px;}
.category-group li{position: relative;background:#fff;}
.category-group li div{position:relative;padding-left:10px;}
.category-group .view{position:relative;display:inline-block;margin-top:5px;width:20px;height:34px;vertical-align:top;text-align:center;background:url("../images/sp1.png")-228px -7px no-repeat;z-index:100;opacity:0.6}
.category-group .view:hover{opacity:0.9}
.category-group .view:before{content:'';position:absolute;top:0;left:-20px;display:block;width:20px;height:34px;vertical-align:top;text-align:center;}
.category-group .off:before{background:url("../images/sp1.png")-23px -7px no-repeat}
.category-group .on:before{background:url("../images/sp1.png")-4px -7px no-repeat}
.category-group input[type=text]{display:inline-block;margin:10px 5px 5px;width:calc((100% - 360px)/2);min-width:70px;vertical-align:top;}
.category-group label{display:inline-block;margin:10px 5px 5px;vertical-align:top;}
.category-group input[type=checkbox]{display:inline-block;margin:14px 5px 5px;vertical-align:top;}
.category-group .btn-group{vertical-align:top;padding-left:10px;margin:5px 0;}
.category-group ul{position:relative;}
.category-group .d01 .view{background-position:-46px -7px}
.category-group .d02{width:calc(100% - 20px);margin-left:20px;}
.category-group .d02 .view{background-position:-72px -7px}
.category-group .d03{width:calc(100% - 40px);margin-left:40px;}
.category-group .d03 .view{background-position:-98px -7px}
.category-group .d04{width:calc(100% - 60px);margin-left:60px;}
.category-group .d04 .view{background-position:-124px -7px}
.category-group .d05{width:calc(100% - 80px);margin-left:80px;}
.category-group .d05 .view{background-position:-150px -7px}
.category-group .d06{width:calc(100% - 100px);margin-left:100px;}
.category-group .d06 .view{background-position:-176px -7px}
.category-group .d07{width:calc(100% - 120px);margin-left:120px;}
.category-group .d07 .view{background-position:-202px -7px}
.category-group .d08{width:calc(100% - 140px);margin-left:140px;}
.category-group .d09{width:calc(100% - 160px);margin-left:160px;}
.category-group .d10{width:calc(100% - 180px);margin-left:180px;}

.conList_tit_chk{display:inline-block;vertical-align:top; margin-left:10px;margin-top:10px;}
.conList_tit_chk label{display:inline-block;color:#333;font-size:12px;line-height:15px;height:15px;vertical-align:top;}
.conList_tit_chk input{margin:0;display:inline-block;vertical-align:top;width:15px;height:15px;}

.selectBox .sign{display:none !important;}
.selectBox .sign + select{-webkit-appearance:none;-moz-appearance:none;background:#fff url(../images/iconSelectBg.png) calc(100% - 10px) center no-repeat;background-size:11px auto;  }
.selectBox .sign + select::-ms-expand {display:none;}
.content .conbox2 .list_box li.list5 .list_con li .text span + span{font-size:16px;margin-top:-15px;}

/*행동관리 목표 사진등록*/
.photo-upload *{box-sizing:border-box;}
.photo-upload .slide-ty01{position:relative;padding:0 20px 30px; box-sizing:border-box;}
.photo-upload .slide-ty01 .img{width:100%;height:255px;background-size:contain;background-position:center center;background-repeat:no-repeat;background-color:#222}
.photo-upload .slide-ty01 .swiper-button-next{width:40px;height:40px;margin:0;right:-20px;top:calc(50% - 20px); background:url('../images/btn_next2.gif')0 0 no-repeat;background-size:contain}
.photo-upload .slide-ty01 .swiper-button-prev{width:40px;height:40px;margin:0;left:-20px;top:calc(50% - 20px);background:url('../images/btn_prev2.gif')0 0 no-repeat;background-size:contain}
.photo-upload .slide-ty01 .btn.delite{position:absolute;top:5px;right:5px;padding-top:2px;}
.photo-upload .img-upload{overflow:hidden; border:1px solid #ddd;padding:20px;}
.photo-upload .img-upload.v2{overflow:hidden; border:0px;padding:20px;}
.photo-upload .img-upload h5{display:inline-block;}
.photo-upload .img-upload .inputArea{display:block;float:right}
.photo-upload .img-upload .file-label{position:static;padding-top:3px;background:#3a8ddc;cursor:pointer}
.photo-upload .btnWrap{padding:0;margin-top:30px;}

/*타임라인*/
.box-ty1.v3{text-align:center;}
.box-ty1.v3 *{box-sizing:border-box}
.box-ty1.v3 li{width:100%}
.box-ty1.v3 li .le{display:inline-block;vertical-align:top;width:660px;text-align:left}
.box-ty1.v3 li .le>div{display:inline-block;vertical-align:top;margin-top:0;margin-right:60px;min-width:266px}
.box-ty1.v3 li .le>div.n3{margin-top:15px;}
.box-ty1.v3 li .le>div.n4{padding-left:20px;margin-top:15px;margin-left:326px;}
.box-ty1.v3 li .le>div.n4 label{font-size:14px;}
.box-ty1.v3 li .le>div.n4 input[type="checkbox"] + label{padding-top:1px;}
.box-ty1.v3 li .le>div.n4 input[type="checkbox"] + label:before{left:-20px}
.box-ty1.v3 li .le>div.n4 input[type="checkbox"]:checked + label:after{left:-19px;}
.box-ty1.v3 li .btn-ty3{position:static;display:inline-block;vertical-align:top;padding-top:2px;margin-top:10px;width:80px;height:40px;line-height:40px;}

.tl-box *{box-sizing:border-box;}
.tl-box .sub_conList.timelineWrap>li{width:540px;margin:20px auto 0;border-radius:4px;}
.tl-box .sub_conList.timelineWrap>li>div{position:relative;padding:40px;}
.tl-box .slide-ty01{position:relative;padding:0 0 25px; box-sizing:border-box;}
.tl-box .slide-ty01 .img{width:100%;height:340px;background-size:contain;background-position:center center;background-repeat:no-repeat;background-color:#222}
.tl-box .slide-ty01 .swiper-button-next{width:40px;height:40px;margin:0;right:-40px;top:calc(50% - 20px); background:url('../images/btn_next2.gif')0 0 no-repeat;background-size:contain}
.tl-box .slide-ty01 .swiper-button-prev{width:40px;height:40px;margin:0;left:-40px;top:calc(50% - 20px);background:url('../images/btn_prev2.gif')0 0 no-repeat;background-size:contain}
.tl-box .slide-ty01 .swiper-pagination{bottom:0 !important;}
.tl-box .txt-group em{position:relative;display:block;}
.tl-box .time{position:absolute;top:0;right:25px;color:#8f979b;}
.tl-box .del{position:absolute;top:-1px;right:0;display:inline-block;vertical-align:top;height:21px;width:21px;background: url('../images/btn_close.png')center center no-repeat;background-size:11px auto;}
.tl-box .txt-group{position:relative;}
.tl-box .txt-group strong{display:block;margin-top:10px;font-family: 'NotoSansB';font-size:16px}
.tl-box .txt-group p{margin-top:10px;font-size:14px;}
.tl-box .comment .btn{position:relative;display:inline-block;vertical-align:top;margin-top:10px;margin-bottom:20px;padding-right:20px;color:#005aff;text-decoration:underline;font-size:14px;}
.tl-box .comment .btn:before{content:'';display:block;width:13px;height:15px;position:absolute;top:2px;right:0;background:url('../images/arr01.png')center center no-repeat;background-size:contain}
.tl-box .comment .btn.close:before{background-image:url('../images/arr02.png'); }
.tl-box .comment .btn .t2{display:none;}
.tl-box .comment>div{display:none;padding:20px 40px 0;margin-left:-40px;width:calc(100% + 80px);border-top:1px solid #ddd}
.tl-box .comment ul{}
.tl-box .comment li{position:relative;padding:0 40px;margin-bottom:20px;}
.tl-box .comment li em{display:block;position:relative;}
.tl-box .comment li em:before{display:block;content:'';position:absolute;top:0;left:-40px;width:30px;height:30px;background:#000;border-radius:100%;background:#a6e9ef url('../images/user.png')center 7px no-repeat;background-size:22px auto; }
.tl-box .comment li .img{width:100%;height:280px;background-size:contain;background-position:center center;background-repeat:no-repeat;background-color:#222}
.tl-box .inp-group{font-size:0;position:relative;}
.tl-box .inp-group>div{display:block;}
.tl-box .inp-group .file-label{position:absolute;bottom:0;left:0;display:inline-block;vertical-align:top;width:40px;height:40px;min-width:45px;border-radius:3px;background:#3a8ddc url('../images/conList_icon_file_w.png')center center no-repeat;background-size:22px auto;cursor:pointer;}
.tl-box .inp-group .input-file div{margin-bottom:10px;}
.tl-box .inp-group .input-file .file-name{display:inline-block; font-size:14px; margin-right: 10px;background:transparent;border:0;width:auto;height:21px;line-height:21px;text-indent:0;color:#8f979b;}
.tl-box .inp-group .input-file .file-del{display:inline-block;vertical-align:top;height:21px;width:21px;background:#888e8f url('../images/btn_close_w.png')center center no-repeat;background-size:11px auto;}
.tl-box .inp-group .input-txt{width:calc(100% - 50px);margin-left:50px;}
.tl-box .inp-group .input-txt input[type="text"]{width:calc(100% - 70px);height:40px; border:1px solid #cbcfd7;line-height:18px;padding:10px;box-sizing:border-box;font-size:14px;border-radius:3px;background:#edf0f5}
.tl-box .inp-group .input-txt input[type="text"]:focus{border-color:#1c3997;background:#fff;}
.tl-box .inp-group a{display:inline-block;vertical-align:top;width:65px;height:40px;padding-top:3px;margin-left:5px; min-width:45px;border-radius:3px;background:#1c3997;font-size:14px;line-height:40px;color:#fff;text-align:center;}

.pop-img-view{z-index:5000;position:fixed;top:0;left:0;width:100%;height:100%;}
.pop-img-view .img-dim{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.5);display:block}
.pop-img-view .cont{position:fixed;top:0;left:0;margin:100px 0 0 100px;width:calc(100% - 200px);max-height:calc(100% - 200px);  overflow:auto; text-align:center;background:#000;z-index:100;}
.pop-img-view .cont .inner{display:inline-block;}
.pop-img-view .btn-close{position:absolute;top:50px;right:100px;width:30px;height:30px;background:url('../images/btn_close_w.png')center center no-repeat;}