@charset "utf-8";

/* title */
.title_type{font-size:18px}
.title_type2{position:relative;background-color:#eef5ff;padding:15px 30px;font-size:18px}
button.title_type2{width:100%;text-align:left}
a.title_type2{display:block}
.title_type2.arr:after{
    content:'';display:inline-block;width:12px;height:8px;
    background:url(../image/ico_arr5.png) no-repeat;background-size:100% 100%;
    position:absolute;right:30px;top:50%;
    transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%);
}
.title_type2.arr.chg1:after{
    content:'';display:inline-block;width:12px;height:8px;
    background:url(../image/ico_arr5.png) no-repeat;background-size:100% 100%;
    position:absolute;right:30px;top:50%;
    transform: rotate(180deg); -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg);
    margin-top: -5px;
}

.title_type2.open.arr:after{
    -webkit-transform: translateY(-50%) rotate(-180deg);transform: translateY(-50%) rotate(-180deg);
}
.title_type2 .btn_a{position:absolute;top:9px;right:30px}
.title_type2 .btn_a.chg1{top:6px}
.title_type3{position:relative;font-size:22px;color:#333}
.title_type3 .date_a{position:absolute;bottom:0;right:0;font-weight:400;font-size:16px;color:#666}

/* btn */
.btn_m{display:inline-block;vertical-align:middle;font-size:16px;padding:7px 10px 9px;border-style:solid;border-width:1px;text-align:center}
.btn_r{display:inline-block;vertical-align:middle;font-size:16px;padding:9px 10px 11px;border-style:solid;border-width:1px;text-align:center}
.btn_m.o{border-radius:5px}
.btn_r.o{border-radius:24px}
.btn_r.bo{border-radius:12px}
.btn_r.bbo{border-radius:6px}
.btn_r.bbbo{border-radius:3px}
.t_y_-85 {transform: translateY(-85%); -webkit-transform: translateY(-85%); -ms-transform: translateY(-85%);}
.btn_w120{width: 120px;}
.btn_type{border-color:#999;background-color:#999;color:#fff !important}
.btn_type2{border-color:#333;background-color:#333;color:#fff !important}
.btn_type3{border-color:#999;background-color:#fff;color:#999 !important}
.btn_type4{border-color:#333;background-color:#fff;color:#333 !important}
.btn_print{position:relative;padding-left:33px}
.btn_print i{position:absolute;left:8px;width:21px;height:20px;background-image:url(../image/ico_print.png)}
.btn_down{position:relative;padding-left:33px}
.btn_down i{position:absolute;left:9px;width:20px;height:18px;background-image:url(../image/ico_down.png)}
.btn_area_center{text-align:center}
.btn_area_center a,
.btn_area_center button{margin-left:10px}
.btn_area_center a:first-child,
.btn_area_center button:first-child{margin-left:0}
.btn_area_right{text-align:right}
.btn_area_right a,
.btn_area_right button{margin-left:10px}
.btn_area_right a:first-child,
.btn_area_right button:first-child{margin-left:0}
.btn_area_bside:after{display:block;clear:both;content:''}
.btn_area_bside .f_l{margin-bottom:0}
.btn_area_bside a,
.btn_area_bside button{margin-left:10px}
.btn_area_bside a:first-child,
.btn_area_bside button:first-child{margin-left:0}

.handle_toggle{border-top:1px solid #ddd;text-align:center}
.handle_toggle .on{display:none}
.handle_toggle button{padding:0 40px;height:39px;background:url(../image/hide_handle.png);background-size:100% 100%}
.handle_toggle button:after{
    content:'';display:inline-block;vertical-align:middle;width:13px;height:9px;margin:-2px 0 0 10px;
    background:url(../image/hide_handle_arr.png) no-repeat;background-size:100% 100%;
    -webkit-transform: rotate(180deg);transform: rotate(180deg);
}
.handle_toggle.line0{border-top:0}
.handle_toggle.open button:after{
    -webkit-transform: rotate(0deg);transform: rotate(0deg);
}
.handle_toggle.open button .off{display:none}
.handle_toggle.open button .on{display:inline}

/* bg */
.bgf{display:inline-block;vertical-align:middle;background-repeat:no-repeat;background-size:100% 100%;text-indent:-3000px;font-size:1px}

/* form */
input[type="text"], input[type="password"], .input{height:31px;padding:1px 10px 2px;border:1px solid #ddd;font-size:16px;vertical-align:middle;border-radius:5px;color:#666}
input::placeholder{color:#999}
.input{line-height:28px}
textarea, .textarea{padding:5px 10px 10px;border:1px solid #ddd;font-size:16px;color:#666;line-height:1.6;border-radius:5px}
label input{vertical-align:middle}
select{padding:3px 10px 5px;font-size:16px;border-radius:5px;border:1px solid #ddd;vertical-align:middle;color:#666}
select:disabled{background-color:#f7f7f7}

.input{position:relative;display:inline-block;vertical-align:middle;border:1px solid #ddd}
.input input{border:0;vertical-align:top;}
.input.calendar{padding-right:25px;border:0}
.input.calendar input{width:106px;border:1px solid #ddd}
.input.calendar .ui-datepicker-trigger{position:absolute;top:5px;right:0}

.checkbox{display:inline-block;}
.checkbox input{width:1px;height:1px;border:0;margin:-1px;padding:0;overflow:hidden;position:absolute;clip:rect(0,0,0,0)}
.checkbox input + label{display:inline-block;background-repeat:no-repeat;line-height:1.2}
.checkbox.circle input + label{background-image:url(../image/checkbox_circle.png);padding:1px 0 1px 24px;background-position:0 3px}
.checkbox.circle input:checked + label{background-image:url(../image/checkbox_circle_on.png)}
.checkbox.check input + label{background-image:url(../image/checkbox_check.png);padding-top:0;padding-left:21px;background-position:0 2px}
.checkbox.check input:checked + label{background-image:url(../image/checkbox_check_on.png)}
.checkbox.o{font-size:0}
.checkbox.o input + label{padding:0;background-position:0 0}
.checkbox.o.circle input + label{width:18px;height:18px}
.checkbox.o.check input + label{width:16px;height:16px}

.filebox.ip{height:28px}
.filebox.ip strong{margin-right:10px;color:#333}
.filebox.ip label{display:inline-block;width:70px;height:28px;line-height:28px;margin-left:10px;background-color:#999;font-size:16px;text-align:center;color:#fff;cursor:pointer}
.filebox .upload-name,
.filebox input[type="text"][disabled]{appearance:none;-webkit-appearance:none;vertical-align:top;background-color:#fff;}
.filebox input[type="file"]{width:0;height:0;margin:0;padding:0;border:0;overflow:hidden;position:absolute}
.filebox.button .upload_name{display:none}
.filebox.button label{width:70px;background-color:#999;color:#fff;border:0}
span.filebox{display:inline-block}

.calendar{border:1px solid #ddd;border-radius:7px;padding:15px 5px 10px;text-align:center}
.calendar select.date{border:0;margin-bottom:8px;font-size:18px;font-weight:500;color:#333}
.calendar table{width:100%}
.calendar th, .calendar td{width:14.2%;color:#666}
.calendar th{padding:12px 0}
.calendar td a{display:block;line-height:32px;color:#666}
.calendar td.red a{color:#3e7ee9;  font-weight:bold; text-decoration:underline;}
.calendar td.on a{/* 고객 요구로 변경 200731 background-color:#ffe7e7;color:#f82c2c */ font-weight:bold; text-decoration:underline;}

/* tooltip */
.tooltip{position:absolute;border:1px solid #ddd;border-radius:7px;background-color:#fff;padding:15px 18px;color:#666;line-height:1.5}
.tooltip:before{
    content:'';display:inline-block;width:15px;height:16px;
    background:url(../image/tooltip_arr.png) no-repeat;background-size:100% 100%;
    position:absolute;top:19px;left:-15px;
}
.tooltip_wrap{position:relative}
.tooltip_handle{padding:5px;font-size:0;background-color:#fff}
.tooltip_handle i{width:24px;height:24px;background-image:url(../image/ico_q.png)}
.tooltip_wrap .tooltip{display:none;position:absolute;left:52px;top:-10px;}
.tooltip2{position:absolute;background-color:#666;line-height:32px;height:34px;color:#fff;text-align:center;border-radius:22px}
.tooltip2:after{
    content:'';display:inline-block;width:7px;height:4px;
    background-image:url(../image/ico_arr4.png);background-size:100% 100%;
    position:absolute;bottom:-3px;left:50%;
    -webkit-transform: translateX(-50%);transform: translateX(-50%);
}
.tooltip2 button{
    line-height:32px;height:34px;color:#fff;text-align:center;border-radius:22px;padding: 0px 18px;
}
/* paging */
.paging{position:relative;text-align:center;margin-top:30px}
.paging a{display:inline-block;padding:5px;min-width:20px;vertical-align:middle;color:#999;text-decoration:none;font-size:16px}
/* margin-left:; */
.paging a:hover{color:#333}
.paging a.on{color:#333;font-weight:500}
.paging .link{display:inline-block;vertical-align:middle}
.paging .link a:first-child{margin-left:0}
.paging a.prev, .paging a.next{width:20px;height:18px;background-position:50% 50%;background-repeat:no-repeat;margin-top:0}
.paging a.prev{background-image:url(../image/paging_prev.png)}
.paging a.next{background-image:url(../image/paging_next.png)}

/* tab */
.tab_type{position:relative}
.tab_type ul li{position:relative;float:left;padding-left:18px;margin-left:18px}
.tab_type ul li a,
.tab_type ul li button{color:#666}
.tab_type ul li .active{color:#3e7ee9}
.tab_type ul li:before{
    content:'';display:block;width:2px;height:15px;background-color:#ddd;
    position:absolute;top:50%;left:0;
    -webkit-transform: translateY(-50%);transform: translateY(-50%);
}
.tab_type ul li:first-child{margin-left:0;padding-left:0}
.tab_type ul li:first-child:before{display:none}
.tab_type .btn_a{position:absolute;top:-7px;right:0}
/* .tab_type{} */

/* list */
.list_hori:after{display:block;clear:both;content:''}
.list_hori>li{float:left;margin-left:18px;padding-bottom:34px;position:relative}
.list_hori>li:first-child{margin-left:0}
.list_hori>li>a{
    display:block;width:171px;height:106px;border:1px solid #ddd;border-radius:9px;
    background-color:#f7f7f7;text-decoration:none;padding:15px 20px 0;
    -webkit-box-sizing:border-box;box-sizing:border-box;
}
.list_hori>li>a>strong{display:block;margin-top:7px}
.list_hori>li>a>strong:first-child{margin-top:0}
.list_hori>li>a:hover{
    border-color:#3e7ee9;background-color:#eef5ff;
    box-shadow: 3px 3px 3px rgba(155,155,155,.5);
}
.list_hori>li>a.slideOn{
    border-color:#3e7ee9;background-color:#eef5ff;
    /* box-shadow: 3px 3px 3px rgba(155,155,155,.5); */
}

.list_hori>li.new:after{
    content:'';display:inline-block;background-repeat:no-repeat;background-size:100% 100%;background-image:url(../image/ico_new.png);width:60px;height:24px;
    position:absolute;left:50%;bottom:0;margin-left:-2px;
    -webkit-transform: translateX(-50%);transform: translateX(-50%);
}

.list_hori2:after{display:block;clear:both;content:''}
.list_hori2>li{float:left;margin-right:1.5%;padding-bottom:1.5%;width:23.875%;}
.list_hori2>li:nth-child(4n){margin-right:0}
.list_hori2>li>a{
    word-break: break-all;
    /* 200707 수정 */
    -webkit-box-sizing:border-box;box-sizing:border-box;
    display:-webkit-box;display:-ms-flexbox;display:flex;
    -webkit-box-align:center;-ms-flex-align:center;align-items:center;
    -webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;    
    height:106px;border:1px solid #ddd;border-radius:9px;
    background-color:#f7f7f7;text-decoration:none;padding:0 20px;
    font-size:18px;text-align:center;line-height:1.6;
}
.list_hori2>li>a.selected, .list_hori2>li>a:hover{
    border-color:#3e7ee9;background-color:#eef5ff;
    box-shadow: 3px 3px 3px rgba(155,155,155,.5);
}

.list_reply>ul>li{margin-top:30px;border:1px solid #ddd;border-radius:12px;padding:20px 30px;color:#666;line-height:1.5}
.list_reply>ul>li:first-child{margin-top:0}
.list_reply .sbj{position:relative;margin-bottom:15px;border-bottom:1px solid #333;font-size:18px;padding-bottom:7px;color:#333}
.list_reply .sbj2{margin-bottom:15px;border-bottom:1px solid #333;font-size:16px;padding-bottom:7px;font-weight:400;color:#666}
.list_reply .date{position:absolute;bottom:7px;right:0;font-size:16px;font-weight:400;color:#666}
.list_reply li.fid{background-color:#eef5ff;border-color:#eef5ff}
.list_reply li.date{position:absolute;bottom:7px;right:0;font-size:16px;font-weight:400;color:#666}

.list_box{position:relative;padding:30px;border-radius:9px;background-color:#f7f7f7}
.list_box .btn_a{
    position:absolute;top:50%;right:30px;
    -webkit-transform: translateY(-50%);transform: translateY(-50%);
}
.list_box ul{line-height:1.5;font-size:18px;font-weight:500;color:#666}
.list_box2{position:relative;padding:20px;background-color:#f7f7f7}
.list_box2 ul{line-height:1.5;font-size:16px;font-weight:500;color:#666}

.list_type{font-size:18px;line-height:1.7}
.list_type li{
    display: -webkit-box;display: -ms-flexbox;display: flex;
    position:relative;margin-top:7px;padding-left:15px;
}
.list_type li:first-child{margin-top:0}
.list_type li:before{content:'';display:inline-block;width:5px;height:5px;background-color:#4285f4;border-radius:50%;position:absolute;left:0;top:12px;}
.list_type .th{margin-right:20px;font-weight:500;}
.list_type .td, .list_type .td a{color:#666}
.list_type.case1 .th{display:block;font-size:16px}
.list_type.case1 ul{margin-top:5px}
.list_type.case1 li{display:block}
.list_type.case1 li li{padding-left:10px;font-size:16px;margin-top:0;color:#666}
.list_type.case1 li li:before{background-color:#b2b2b2;height:2px;width:4px;border-radius:0;top:15px}

.list_type2{line-height:1.4}
.list_type2 li{position:relative;padding-left:9px;margin-top:10px;color:#666}
.list_type2 li:first-child{margin-top:0}
.list_type2 li:before{
    content:'';display:inline-block;width:4px;height:2px;background-color:#aaadb2;
    position:absolute;top:11px;left:0
}

.list_type3 li{margin-top:10px;font-weight:400;color:#666}
.list_type3 li:first-child{margin-top:0}

/* table */
.tbl_type{border-top:1px solid #333}
.tbl_type a{color:#666}
.tbl_type a:hover{color:#3e7ee9;font-weight:500}
.tbl_type table{width:100%;}
.tbl_type th, .tbl_type td{ padding-top:17px;padding-bottom:18px;font-size:16px}
.tbl_type th{border-bottom:1px solid #333}
.tbl_type td{border-bottom:1px solid #ddd;text-align:center;color:#666}
.tbl_type td.sbj{padding-left:30px;padding-right:30px;text-align:left}
.tbl_type td.sbj2{padding:0;text-align:left}
.tbl_type td.sbj2 .elip1{max-width:95%}
.tbl_type td.sbj2 .elip1_wrap{padding-right:76px;max-width:82%}

/* .tbl_type td.sbj2 div{padding:20px 140px 20px 45px;position:relative;line-height:1.5} */
.tbl_type td.sbj2 div.buttonOn{padding:20px 380px 20px 45px;position:relative;line-height:1.5}
.tbl_type td.sbj2 div{padding:20px 140px 20px 45px;position:relative;line-height:1.5}
/* 200707 수정 */

.tbl_type td.sbj2 div:before{position:absolute;top:19px;left:20px}
/* .tbl_type td.sbj2 div .date{
    position:absolute;top:50%;right:27px;font-weight:400;color:#666;
    -webkit-transform: translateY(-50%);transform: translateY(-50%);
} */
.tbl_type td.sbj2 div .date{
    position:absolute;top:50%;right:27px;font-weight:400;color:#666;
    -webkit-transform: translateY(-50%);transform: translateY(-50%);
}
/* 200707 수정 */

.tbl_type td.sbj2 div .down{
    display:inline-block;position:relative;font-weight:400;
    color:#3e7ee9;padding-left:32px;margin-top:5px;
}
.tbl_type td.sbj2 div .down:before{
    content:'';display:inline-block;width:22px;height:20px;
    background-image:url(../image/ico_clip.png);background-size:100% 100%;
    position:absolute;top:2px;left:0;
}
.tbl_type td.sbj2 div .btns{
    position:absolute;top:50%;right:150px;line-height:1.15;
    -webkit-transform: translateY(-50%);transform: translateY(-50%);
}
.tbl_type td.sbj2 div .btns a{width:70px;margin-left:10px}
.tbl_type td.sbj2 div .btns a:first-child{margin-left:0}
.tbl_type td.sbj2 .q{color:#333;font-weight:500}
.tbl_type td.sbj2 .q:before{content:'Q.'}
.tbl_type td.sbj2 .a{background-color:#f7f7f7;border-top:1px solid #ddd}
.tbl_type td.sbj2 .a:before{content:'A.'}
.tbl_type td.sbj3{text-align:left;padding-right:20px;padding-left:20px}
.tbl_type td.sbj3 .box{padding-right:46px;position:relative;overflow:hidden;height:20px}
.tbl_type td.sbj3 .box li{margin-top:5px;}
.tbl_type td.sbj3 .box li:first-child{margin-top:0}
.tbl_type td.sbj3 .box a{color:#666}
.tbl_type td.sbj3 .box a.blu:hover{color:#3e7ee9}
.tbl_type td.sbj3 .box a.red:hover{color:#f82c2c}
.tbl_type td.sbj3 .handle_fold{
    padding:20px 15px;font-size:0;position:absolute;top:50%;right:0;font-size:0;
    -webkit-transform: translateY(-50%);transform:translateY(-50%);
}
.tbl_type td.sbj3 .handle_fold i{
    vertical-align:top;
    -webkit-transform:rotate(-180deg);transform:rotate(-180deg);
}
.tbl_type td.sbj3 .handle_fold.open i{
    -webkit-transform:rotate(0deg);transform:rotate(0deg);
}
.tbl_type td.sbj3 .box.open{height:auto}
.tbl_type td.sbj3 .handle_fold i{width:13px;height:8px;background-image:url(../image/ico_arr6.png)}
.tbl_type td.txtpen .favset i{margin-left:5px}
.tbl_type td.txtpen .favset i:first-child{margin-left:0}
.tbl_type td.txtpen .favset .fav{width:20px;height:20px;background-image:url(../image/ico_star.png)}
.tbl_type td.txtpen .favset .pen{width:21px;height:20px;background-image:url(../image/ico_pen.png)}
.tbl_type td.txtpen .favset .ese{width:21px;height:20px;background-image:url(../image/ico_pen2.png)}
.tbl_type .fil a{font-weight:500;color:#333}
.tbl_type .fil a:hover{color:#3e7ee9;}
.tbl_type .lastline tr:last-child td{border-bottom:0}
.tbl_type .lastline{border-bottom:1px solid #ddd}
.tbl_type tr.end td,
.tbl_type tr.end td a{color:#999}
.tbl_type tr.end td a:hover{color:#3e7ee9}

.tbl_type2{border-top:1px solid #333}
.tbl_type2 a{color:#666}
.tbl_type2 a:hover{color:#3e7ee9;font-weight:500}
.tbl_type2 table{width:100%}
.tbl_type2 th, .tbl_type2 td{padding-right:20px;padding-left:20px;border-bottom:1px solid #ddd}
.tbl_type2 th{padding-top:18px;padding-bottom:18px;background-color:#f7f7f7;text-align:left}
.tbl_type2 th em{color:#f82c2c}
.tbl_type2 th.tit{padding-right:0}
.tbl_type2 th.tit li{font-weight:400;padding-left:10px;color:#333}
.tbl_type2 th.tit2{padding-top:26px;padding-bottom:28px}
.tbl_type2 th.tit2 h4{position:relative;font-size:26px}
.tbl_type2 th.tit2 .date{position:absolute;right:0;bottom:0;color:#666;font-weight:400;font-size:16px}
.tbl_type2 th.tit2 .area{position:relative;}
.tbl_type2 th .list_type3{margin-top:15px}
.tbl_type2 td{padding-top:12px;padding-bottom:14px;line-height:1.4;color:#666; box-sizing: border-box; min-height:49px !important; height: 49px; width: 100%; max-width: 100%; word-wrap:break-word}
.tbl_type2 td.dev_contents{width:100%; max-width:100%;}
.tbl_type2 td.dev_contents p{width:100%; max-width:100%; box-sizing:border-box;}
.tbl_type2 td.dev_contents p img{width:100%; max-width:100%;}
.tbl_type2 td.chg1{padding-top:15px;padding-bottom:17px;}
.tbl_type2 td.chkty{padding-right:40px;padding-left:40px}
.tbl_type2 td.chkty input+label{padding-left:58px}
.tbl_type2 td.chkty2{padding:0}
.tbl_type2 td.chkty2 th{padding:15px 0 17px !important;background-color:transparent;font-weight:400 !important;color:#666 !important}
.tbl_type2 td.chkty2 td{padding:17px 0 !important;border-top:1px solid #ddd;text-align:center;font-size:0}
.tbl_type2 td.link_list p{margin-top:10px}
.tbl_type2 td.link_list p a{color:#3e7ee9;text-decoration:underline;font-weight:500}
.tbl_type2 td.link_list p:first-child{margin-top:0}
.tbl_type2 td.fileview .link{margin-top:4px}
.tbl_type2 td.fileview .link a{color:#3e7ee9;text-decoration:underline;font-weight:500}
.tbl_type2 td.fileview .link .del{font-size:0;display:inline-block;vertical-align:middle;margin-left:5px}
.tbl_type2 td.fileview .link .del i{width:13px;height:13px;background-image:url(../image/ico_x3.png)}
.tbl_type2 td.p0btn{padding-right:0;padding-left:0;text-align:center}
.tbl_type2 td.txtpen {display:inline-block;padding:3px;white-space: initial;}
.tbl_type2 td.txtpen .favset{margin-bottom:10px;text-align:right}
.tbl_type2 td.txtpen .favset a{display:inline-block;padding:3px}
.tbl_type2 td.txtpen .favset i{text-align:left}
.tbl_type2 td.txtpen .favset .fav i{width:20px;height:20px;background-image:url(../image/ico_star_off.png)}
.tbl_type2 td.txtpen .favset .pen i{width:21px;height:20px;background-image:url(../image/ico_pen_off.png)}
.tbl_type2 td.txtpen .favset .ese i{width:21px;height:20px;background-image:url(../image/ico_pen2_off.png)}
.tbl_type2 td.txtpen .favset .fav.on i{background-image:url(../image/ico_star.png)}
.tbl_type2 td.txtpen .favset .pen.on i{background-image:url(../image/ico_pen.png)}
.tbl_type2 td.txtpen .favset .ese.on i{background-image:url(../image/ico_pen2.png)}
.tbl_type2 td.txtpen .drag{display:inline-block;position:relative;background-color:#ffeecc}
.tbl_type2 td.txtpen .drag .tooltip2{width:70px;right:-45px;top:-37px}
.tbl_type2 td.edit{padding-right:0;padding-left:0}
.tbl_type2 td.stbl{padding:0;border-left:1px solid #ddd}
.tbl_type2 td.stbl th{padding:14px 0;text-align:center;color:#333}
.tbl_type2 td.stbl th.chg1{padding:15px 0 16px;}
.tbl_type2 td.stbl tr:last-child th,
.tbl_type2 td.stbl tr:last-child td{border-bottom:0}
.tbl_type2 td.stbl td.tit{color:#333;font-weight:500}
.tbl_type2 .titleBx hgroup{padding:27px 20px 30px;background-color:#f7f7f7}
.tbl_type2 .titleBx .title{font-size:26px}
.tbl_type2 .titleBx .list{margin-top:15px;color:#666}
.tbl_type2 .titleBx .list li{position:relative;margin-top:10px}
.tbl_type2 .titleBx .list .date{position:absolute;bottom:0;right:0;color:#666}
.tbl_type2 .titleBx .textview{padding:12px 20px}
.tbl_type2 .titleBx .textview .area{border:1px solid #ddd;color:#666;padding:10px;border-radius:7px;}
.tbl_type2 .titleBx + .cover{margin-top:0 !important}
.tbl_type2 .handle_toggle.open{border-top:0}
.tbl_type2.case1 .cover{margin-top:30px}
.tbl_type2.case1 tr:first-child th,
.tbl_type2.case1 tr:first-child td{border-top:1px solid #ddd}
.tbl_type2.case2{border-color:#ddd}
.tbl_type2 table.handleOn tr:last-child th,
.tbl_type2 table.handleOn tr:last-child td{border-bottom:0}

.tbl_type2.brt0.ch1 table{border-top: 1px solid #333;}


.tbl_type3{border-top:1px solid #333}
.tbl_type3 a{color:#666}
.tbl_type3 a:hover{color:#3e7ee9;font-weight:500}
.tbl_type3 table{width:100%;}
.tbl_type3 th, .tbl_type3 td{padding-top:17px;padding-bottom:18px;font-size:16px}
.tbl_type3 th{border-bottom:1px solid #333}
.tbl_type3 td{border-bottom:1px solid #ddd;text-align:left;color:#666}
.tbl_type3 td.sbj, .tbl_type3 th.sbj{padding-left:30px;padding-right:30px;text-align:left}
.tbl_type3 td.sbj2{padding:0;text-align:left}
.tbl_type3 td.sbj2 .elip1{max-width:95%}
.tbl_type3 td.sbj2 .elip1_wrap{padding-right:76px;max-width:82%}
.tbl_type3 td.sbj2 div{padding:20px 140px 20px 45px;position:relative;line-height:1.5}
.tbl_type3 td.sbj2 div:before{position:absolute;top:19px;left:20px}
.tbl_type3 td.sbj2 div .date{
    position:absolute;top:50%;right:27px;font-weight:400;color:#666;
    -webkit-transform: translateY(-50%);transform: translateY(-50%);
}
.tbl_type3 td.sbj2 div .down{
    display:inline-block;position:relative;font-weight:400;
    color:#3e7ee9;padding-left:32px;margin-top:5px;
}
.tbl_type3 td.sbj2 div .down:before{
    content:'';display:inline-block;width:22px;height:20px;
    background-image:url(../image/ico_clip.png);background-size:100% 100%;
    position:absolute;top:2px;left:0;
}
.tbl_type3 td.sbj2 div .btns{
    position:absolute;top:50%;right:150px;line-height:1.15;
    -webkit-transform: translateY(-50%);transform: translateY(-50%);
}
.tbl_type3 td.sbj2 div .btns a{width:70px;margin-left:10px}
.tbl_type3 td.sbj2 div .btns a:first-child{margin-left:0}
.tbl_type3 td.sbj2 .q{color:#333;font-weight:500}
.tbl_type3 td.sbj2 .q:before{content:'Q.'}
.tbl_type3 td.sbj2 .a{background-color:#f7f7f7;border-top:1px solid #ddd}
.tbl_type3 td.sbj2 .a:before{content:'A.'}
.tbl_type3 td.sbj3{text-align:left;padding-right:20px;padding-left:20px}
.tbl_type3 td.sbj3 .box{padding-right:46px;position:relative;overflow:hidden;height:20px}
.tbl_type3 td.sbj3 .box li{margin-top:5px;}
.tbl_type3 td.sbj3 .box li:first-child{margin-top:0}
.tbl_type3 td.sbj3 .box a{color:#666}
.tbl_type3 td.sbj3 .box a.blu:hover{color:#3e7ee9}
.tbl_type3 td.sbj3 .box a.red:hover{color:#f82c2c}
.tbl_type3 td.sbj3 .handle_fold{
    padding:20px 15px;font-size:0;position:absolute;top:50%;right:0;font-size:0;
    -webkit-transform: translateY(-50%);transform:translateY(-50%);
}
.tbl_type3 td.sbj3 .handle_fold i{
    vertical-align:top;
    -webkit-transform:rotate(-180deg);transform:rotate(-180deg);
}
.tbl_type3 td.sbj3 .handle_fold.open i{
    -webkit-transform:rotate(0deg);transform:rotate(0deg);
}
.tbl_type3 td.sbj3 .box.open{height:auto}
.tbl_type3 td.sbj3 .handle_fold i{width:13px;height:8px;background-image:url(../image/ico_arr6.png)}
.tbl_type3 td.txtpen .favset i{margin-left:5px}
.tbl_type3 td.txtpen .favset i:first-child{margin-left:0}
.tbl_type3 td.txtpen .favset .fav{width:20px;height:20px;background-image:url(../image/ico_star.png)}
.tbl_type3 td.txtpen .favset .pen{width:21px;height:20px;background-image:url(../image/ico_pen.png)}
.tbl_type3 td.txtpen .favset .ese{width:21px;height:20px;background-image:url(../image/ico_pen2.png)}
.tbl_type3 .fil a{font-weight:500;color:#333}
.tbl_type3 .fil a:hover{color:#3e7ee9;}
.tbl_type3 .lastline tr:last-child td{border-bottom:0}
.tbl_type3 .lastline{border-bottom:1px solid #ddd}
.tbl_type3 tr.end td,
.tbl_type3 tr.end td a{color:#999}
.tbl_type3 tr.end td a:hover{color:#3e7ee9}

/* popup */
.ly_pop{position:fixed;top:0;bottom:0;right:0;left:0;z-index:99;display:none}
.ly_pop:before{content:'';position:absolute;top:0;bottom:0;right:0;left:0;background-color:rgba(0,0,0,.5)}
.ly_pop .content{
    -webkit-box-sizing:border-box;box-sizing:border-box;
    position:absolute;top:50%;left:50%;
    -webkit-transform: translate(-50%,-50%);transform: translate(-50%,-50%);
    background-color:#fff;padding:30px 30px;border:1px solid #ddd;
    border-radius:8px;
}
.ly_pop .close{position:absolute;top:30px;right:30px}
.ly_pop .close i{width:19px;height:19px;background-image:url(../image/ico_x.png)}
.ly_pop .title{margin-bottom:30px;font-size:22px;font-weight:700}
.ly_pop .title:before{content:'';display:inline-block;vertical-align:middle;border-radius:50%;width:5px;height:5px;background-color:#3e7ee9;margin:-2px 9px 0 0}


.ly_pop_alarm{position:fixed;top:0;bottom:0;right:0;left:0;z-index:99;display:none}
.ly_pop_alarm:before{content:'';position:absolute;top:0;bottom:0;right:0;left:0;background-color:#D9D9D9}
.ly_pop_alarm .content{
    -webkit-box-sizing:border-box;box-sizing:border-box;
    position:absolute;top:50%;left:50%;
    -webkit-transform: translate(-50%,-50%);transform: translate(-50%,-50%);
    background-color:#fff;padding:30px 30px;border:1px solid #ddd;
    border-radius:8px;
}
.ly_pop_alarm .close{position:absolute;top:30px;right:30px}
.ly_pop_alarm .close i{width:19px;height:19px;background-image:url(../image/ico_x.png)}
.ly_pop_alarm .title{margin-bottom:30px;font-size:22px;font-weight:700}
.ly_pop_alarm .title:before{content:'';display:inline-block;vertical-align:middle;border-radius:50%;width:5px;height:5px;background-color:#3e7ee9;margin:-2px 9px 0 0}


/* ly_popup */
.ly_wpop .content{
    -webkit-box-sizing:border-box;box-sizing:border-box;
    background-color:#fff;padding:30px 30px;
}
.ly_wpop .content tbody.ml tr th.tit{padding-left: 15px;}
/* 수정한 부분 background-color:#fff;padding:30px 27px;border:1px solid #ddd; */
/* 제거한 부분border-radius:8px; */
.ly_wpop.ly_ability .content {width:510px !important;}
.ly_wpop.ly_ability .scroll .list_reply{padding-right: 10px;}

.ly_wpop .content .close{position:absolute;top:30px;right:30px}
.ly_wpop .content .close i{width:19px;height:19px;background-image:url(../image/ico_x.png)}
.ly_wpop .content .title{margin-bottom:30px;font-size:22px;font-weight:700}
.ly_wpop .content .title:before{content:'';display:inline-block;vertical-align:middle;border-radius:50%;width:5px;height:5px;background-color:#3e7ee9;margin:-2px 5px 0 0}
.mt2{margin-top: 3px !important;}


.this_none{display: none;}



/* 리포트산출 */
.page {
    position: relative;
    width: calc(2340px / 3);
    min-width: calc(2340px / 3);
    margin: 30px auto 20px;
}

/* 진단개요 */
.page.overview .sub_wrap_type1 {border: 2px solid #dddddd; border-radius: 10px; font-family: 'NanumGothic', sans-serif; width: 100%; padding: calc(64px / 3) calc(56px / 3) calc(68px / 3); }
.page.overview .sub_wrap_type1{width: 100%; box-sizing: border-box; margin-top: calc(100px / 3);}
.page.overview .sub_wrap_type1 h2{margin-bottom: calc(36px / 3);}
.page.overview .sub_wrap_type1 h2 strong{font-size: calc(54px / 3); font-weight: 800;}
.page.overview .sub_wrap_type1 h3{margin-bottom: calc(60px / 3); line-height: calc(64px / 3);}

.page.overview .sub_wrap_type1 h3 strong{ font-size: calc(44px / 3); font-weight: 700;}
.page.overview .sub_wrap_type1 .line{width: 100%; height: 1px; background-color: #3e7ee9; margin-bottom:calc(48px / 3);}
.page.overview .sub_wrap_type1 ul{ margin-left: calc(20px / 3);}
.page.overview .sub_wrap_type1 ul li::before {content:""; display: inline-block; width: calc(10px / 3); height:  calc(10px / 3); background: #3e7ee9; border-radius: 50%; transform: translateY(-100%); -webkit-transform: translateY(-100%); -ms-transform: translateY(-100%); margin-right: calc(20px / 3);}
.page.overview .sub_wrap_type1 ul li {margin-bottom: calc(34px / 3);}
.page.overview .sub_wrap_type1 ul li{font-size: calc(44px / 3); color: #666666; font-weight: 400;}
.page.overview .sub_wrap_type1 ul li span strong{font-size: calc(44px / 3); color: #666666; font-weight: 700;}
.page.overview .sub_wrap_type1.first{ margin-top: 0 !important;}

.page.overview .sub_wrap_type1 {border: 1px solid #dddddd; border-radius: 10px; font-family: 'NanumGothic', sans-serif; width: 100%; padding: calc(64px / 3) calc(56px / 3) calc(68px / 3); }
.page.overview .sub_wrap_type1{width: 100%; box-sizing: border-box; margin-top: calc(100px / 3);word-break: break-all;}
.page.overview .sub_wrap_type1 h2{margin-bottom: calc(36px / 3);}
.page.overview .sub_wrap_type1 h2 strong{font-size: calc(54px / 3); font-weight: 800;}
.page.overview .sub_wrap_type1 h3{margin-bottom: calc(60px / 3); line-height: calc(64px / 3);}

.page.overview .sub_wrap_type1 h3 strong{ font-size: calc(44px / 3); font-weight: 700;}
.page.overview .sub_wrap_type1 .line{width: 100%; height: 1px; background-color: #3e7ee9; margin-bottom:calc(48px / 3);}
.page.overview .sub_wrap_type1 ul{ margin-left: calc(20px / 3);}
.page.overview .sub_wrap_type1 ul li::before {content:""; display: inline-block; width: calc(10px / 3); height:  calc(10px / 3); background: #3e7ee9; border-radius: 50%; transform: translateY(-100%); -webkit-transform: translateY(-100%); -ms-transform: translateY(-100%); margin-right: calc(20px / 3);}
.page.overview .sub_wrap_type1 ul li {margin-bottom: calc(34px / 3);}
.page.overview .sub_wrap_type1 ul li{font-size: calc(44px / 3); color: #666666; font-weight: 400;}
.page.overview .sub_wrap_type1 ul li span strong{font-size: calc(44px / 3); color: #666666; font-weight: 700;}
.page.overview .sub_wrap_type1.first{ margin-top: 0 !important;}


/* 진단결과_진단결과요약_본인 */
/* type3 */
.page.chart .chart_type3{display: block; overflow:hidden;}
.page.chart .chart_type3 .box{width: calc(750px / 3); border: 1px solid #ddd; border-radius: 10px; overflow: hidden; font-family: 'NanumGothic', sans-serif;display: block; overflow: hidden;}
.page.chart .chart_type3 .box .sub_wrap_type3{padding: 0px calc(40px / 3);}
.page.chart .chart_type3 .box .sub_wrap_type3{box-sizing: border-box;}
.page.chart .chart_type3 .box .sub_wrap_type3 h3{margin-top: calc(54px / 3); margin-bottom: calc(60px / 3); text-align: center;}
.page.chart .chart_type3 .box .sub_wrap_type3 h3 strong{font-size: calc(54px / 3); font-weight: 800;}
.page.chart .chart_type3 .box .sub_wrap_type3 .line{height: calc(4px / 3); width: 100%; background: #3e7ee9;}
.page.chart .chart_type3 .box .sub_wrap_type3 .donut { width: 100%; height: 100%;  box-sizing: border-box;}
.page.chart .chart_type3 .box .sub_wrap_type3 .donut canvas{ margin: calc(50px / 3) 0px; padding:calc(50px / 3) calc(50px / 3); box-sizing: border-box;}
.page.chart .chart_type3 .box .sub_wrap_type3 .cdt_tit {margin-bottom: calc(30px / 3);}
.page.chart .chart_type3 .box .sub_wrap_type3 .cdt_tit { font-size: calc(44px / 3);}
.page.chart .chart_type3 .box .sub_wrap_type3 .cdt_con {margin-bottom: calc(58px / 3);}
.page.chart .chart_type3 .box .sub_wrap_type3 .cdt_con strong{font-size: calc(44px / 3); font-weight: 800;}
.page.chart .chart_type3 .box .sub_wrap_type3 .cdt_con {border: 1px solid #dddddd; padding: calc(24px / 3); text-align: center; border-radius: 10px;}
.page.chart .chart_type3 .box .sub_wrap_type3 .arrow_bottom {margin-bottom: calc(60px / 3);}
.page.chart .chart_type3 .box .sub_wrap_type3 .arrow_bottom {display: block; text-align: center;}
.page.chart .chart_type3 .box .sub_wrap_type3 .arrow_bottom img{width: calc(74px / 3);}
.page.chart .chart_type3 .box .list table tbody{ box-sizing: border-box;}
.page.chart .chart_type3 .box .list table tbody tr.accent {background: #eef5ff;}
.page.chart .chart_type3 .box{margin-left: calc(40px / 3); box-sizing: border-box;}
.page.chart .chart_type3 .box:first-child{margin-left: 0;}
.page.chart .chart_type3 .box{float: left;}
.page.chart .chart_type3 .box .list ul{display: block; padding: calc(36px / 3) calc(40px / 3); box-sizing: border;}
.page.chart .chart_type3 .box .list ul.fcbg_blu{background: #eef5ff;}
.page.chart .chart_type3 .box .list ul.fcbg_red{background: #fef4f4;}
.page.chart .chart_type3 .box .list ul.fcbg_blu .fc_blu_btn, .page.chart .chart_type3 .box .list ul.fcbg_red .fc_red_btn{color: #ffffff !important; font-size: calc(36px / 3); padding: calc(10px / 3) 0px; border-radius: 20px;}
.page.chart .chart_type3 .box .list ul .btn{font-size: calc(36px / 3); padding: calc(10px / 3) 0px; width: calc(120px / 3); text-align: center; border-radius: 20px;}
.page.chart .chart_type3 .box .list ul.fcbg_blu .fc_blu_btn{background:#3e7ee9;}
.page.chart .chart_type3 .box .list ul.fcbg_red .fc_red_btn{background:#ef2e33;}
.page.chart .chart_type3 .box .list ul:not(.fcbg_blu),
.page.chart .chart_type3 .box .list ul:not(.fcbg_red) {color: #666666;}
.page.chart .chart_type3 .box .list ul.fcbg_blu,
.page.chart .chart_type3 .box .list ul.fcbg_red {color: #333333;}

.page.chart .chart_type3 .box .list ul li:first-child{width:48%;} /*200730 리포트 산출 텍스트 수정 */
.page.chart .chart_type3 .box .list ul li:last-child{float: right;}
.page.chart .chart_type3 .box .list ul li{display: inline-block;}
.page.chart .chart_type3 .box .list ul li:first-child span:first-child{padding: 0;}
.page.chart .chart_type3 .box .list ul li span:first-child{padding:0 calc(30px / 3);}
.page.chart .chart_type3 .box .list ul li span{display: inline-block; box-sizing: border-box;}
.page.chart .chart_type3 .box .list ul li span strong{font-weight: 700;}

/*200720 리포트산출 css추가  (시작)*/
/* type2 */
.page.chart .chart_type2{display: block; overflow:hidden;}
.page.chart .chart_type2 .box{width: calc(750px / 3); border: 1px solid #ddd; border-radius: 10px; overflow: hidden; font-family: 'NanumGothic', sans-serif;display: block; overflow: hidden;}
.page.chart .chart_type2 .box .sub_wrap_type3{padding: 0px calc(40px / 3);}
.page.chart .chart_type2 .box .sub_wrap_type3{box-sizing: border-box;}
.page.chart .chart_type2 .box .sub_wrap_type3 h3{margin-top: calc(54px / 3); margin-bottom: calc(60px / 3); text-align: center;}
.page.chart .chart_type2 .box .sub_wrap_type3 h3 strong{font-size: calc(54px / 3); font-weight: 800;}
.page.chart .chart_type2 .box .sub_wrap_type3 .line{height: calc(4px / 3); width: 100%; background: #3e7ee9;}
.page.chart .chart_type2 .box .sub_wrap_type3 .donut { width: 100%; height: 100%;  box-sizing: border-box;}
.page.chart .chart_type2 .box .sub_wrap_type3 .donut canvas{ margin: calc(50px / 3) 0px; padding:calc(50px / 3) calc(50px / 3); box-sizing: border-box;}
.page.chart .chart_type2 .box .sub_wrap_type3 .cdt_tit {margin-bottom: calc(30px / 3);}
.page.chart .chart_type2 .box .sub_wrap_type3 .cdt_tit { font-size: calc(44px / 3);}
.page.chart .chart_type2 .box .sub_wrap_type3 .cdt_con {margin-bottom: calc(58px / 3);}
.page.chart .chart_type2 .box .sub_wrap_type3 .cdt_con strong{font-size: calc(44px / 3); font-weight: 800;}
.page.chart .chart_type2 .box .sub_wrap_type3 .cdt_con {border: 1px solid #dddddd; padding: calc(24px / 3); text-align: center; border-radius: 10px;}
.page.chart .chart_type2 .box .sub_wrap_type3 .arrow_bottom {margin-bottom: calc(60px / 3);}
.page.chart .chart_type2 .box .sub_wrap_type3 .arrow_bottom {display: block; text-align: center;}
.page.chart .chart_type2 .box .sub_wrap_type3 .arrow_bottom img{width: calc(74px / 3);}
.page.chart .chart_type2 .box .list table tbody{ box-sizing: border-box;}
.page.chart .chart_type2 .box .list table tbody tr.accent {background: #eef5ff;}
.page.chart .chart_type2 .box{margin-left: calc(40px / 3); box-sizing: border-box;}
.page.chart .chart_type2 .box:first-child{margin-left: 130px;}
.page.chart .chart_type2 .box{float: left;}
.page.chart .chart_type2 .box .list ul{display: block; padding: calc(36px / 3) calc(40px / 3); box-sizing: border;}
.page.chart .chart_type2 .box .list ul.fcbg_blu{background: #eef5ff;}
.page.chart .chart_type2 .box .list ul.fcbg_red{background: #fef4f4;}
.page.chart .chart_type2 .box .list ul.fcbg_blu .fc_blu_btn, .page.chart .chart_type2 .box .list ul.fcbg_red .fc_red_btn{color: #ffffff !important; font-size: calc(36px / 3); padding: calc(10px / 3) 0px; border-radius: 20px;}
.page.chart .chart_type2 .box .list ul .btn{font-size: calc(36px / 3); padding: calc(10px / 3) 0px; width: calc(120px / 3); text-align: center; border-radius: 20px;}
.page.chart .chart_type2 .box .list ul.fcbg_blu .fc_blu_btn{background:#3e7ee9;}
.page.chart .chart_type2 .box .list ul.fcbg_red .fc_red_btn{background:#ef2e33;}
.page.chart .chart_type2 .box .list ul:not(.fcbg_blu),
.page.chart .chart_type2 .box .list ul:not(.fcbg_red) {color: #666666;}
.page.chart .chart_type2 .box .list ul.fcbg_blu,
.page.chart .chart_type2 .box .list ul.fcbg_red {color: #333333;}

.page.chart .chart_type2 .box .list ul li:first-child{width:48%;} /*200730 리포트 산출 텍스트 수정 */
.page.chart .chart_type2 .box .list ul li:last-child{float: right;}
.page.chart .chart_type2 .box .list ul li{display: inline-block;}
.page.chart .chart_type2 .box .list ul li:first-child span:first-child{padding: 0;}
.page.chart .chart_type2 .box .list ul li span:first-child{padding:0 calc(30px / 3);}
.page.chart .chart_type2 .box .list ul li span{display: inline-block; box-sizing: border-box;}
.page.chart .chart_type2 .box .list ul li span strong{font-weight: 700;}

/* type1 */
.page.chart .chart_type1{display: block; overflow:hidden;}
.page.chart .chart_type1 .box{width: calc(1000px / 3); border: 1px solid #ddd; border-radius: 10px; overflow: hidden; font-family: 'NanumGothic', sans-serif;display: block; overflow: hidden;}
.page.chart .chart_type1 .box .sub_wrap_type3{padding: 0px calc(40px / 3);}
.page.chart .chart_type1 .box .sub_wrap_type3{box-sizing: border-box;}
.page.chart .chart_type1 .box .sub_wrap_type3 h3{margin-top: calc(54px / 3); margin-bottom: calc(60px / 3); text-align: center;}
.page.chart .chart_type1 .box .sub_wrap_type3 h3 strong{font-size: calc(54px / 3); font-weight: 800;}
.page.chart .chart_type1 .box .sub_wrap_type3 .line{height: calc(4px / 3); width: 100%; background: #3e7ee9;}
.page.chart .chart_type1 .box .sub_wrap_type3 .donut { width: 100%; height: 100%;  box-sizing: border-box;}
.page.chart .chart_type1 .box .sub_wrap_type3 .donut canvas{ margin: calc(100px / 3) 0px; padding:calc(80px / 3) calc(80px / 3); box-sizing: border-box;}
.page.chart .chart_type1 .box .sub_wrap_type3 .cdt_tit {margin-bottom: calc(30px / 3);}
.page.chart .chart_type1 .box .sub_wrap_type3 .cdt_tit { font-size: calc(44px / 3);}
.page.chart .chart_type1 .box .sub_wrap_type3 .cdt_con {margin-bottom: calc(58px / 3);}
.page.chart .chart_type1 .box .sub_wrap_type3 .cdt_con strong{font-size: calc(44px / 3); font-weight: 800;}
.page.chart .chart_type1 .box .sub_wrap_type3 .cdt_con {border: 1px solid #dddddd; padding: calc(24px / 3); text-align: center; border-radius: 10px;}
.page.chart .chart_type1 .box .sub_wrap_type3 .arrow_bottom {margin-bottom: calc(60px / 3);}
.page.chart .chart_type1 .box .sub_wrap_type3 .arrow_bottom {display: block; text-align: center;}
.page.chart .chart_type1 .box .sub_wrap_type3 .arrow_bottom img{width: calc(74px / 3);}
.page.chart .chart_type1 .box .list table tbody{ box-sizing: border-box;}
.page.chart .chart_type1 .box .list table tbody tr.accent {background: #eef5ff;}
.page.chart .chart_type1 .box{margin-left: calc(40px / 3); box-sizing: border-box;}
.page.chart .chart_type1 .box:first-child{margin-left: 220px;}
.page.chart .chart_type1 .box{float: left;}
.page.chart .chart_type1 .box .list ul{display: block; padding: calc(36px / 3) calc(40px / 3); box-sizing: border;}
.page.chart .chart_type1 .box .list ul.fcbg_blu{background: #eef5ff;}
.page.chart .chart_type1 .box .list ul.fcbg_red{background: #fef4f4;}
.page.chart .chart_type1 .box .list ul.fcbg_blu .fc_blu_btn, .page.chart .chart_type1 .box .list ul.fcbg_red .fc_red_btn{color: #ffffff !important; font-size: calc(36px / 3); padding: calc(10px / 3) 0px; border-radius: 20px;}
.page.chart .chart_type1 .box .list ul .btn{font-size: calc(36px / 3); padding: calc(10px / 3) 0px; width: calc(120px / 3); text-align: center; border-radius: 20px;}
.page.chart .chart_type1 .box .list ul.fcbg_blu .fc_blu_btn{background:#3e7ee9;}
.page.chart .chart_type1 .box .list ul.fcbg_red .fc_red_btn{background:#ef2e33;}
.page.chart .chart_type1 .box .list ul:not(.fcbg_blu),
.page.chart .chart_type1 .box .list ul:not(.fcbg_red) {color: #666666;}
.page.chart .chart_type1 .box .list ul.fcbg_blu,
.page.chart .chart_type1 .box .list ul.fcbg_red {color: #333333;}

.page.chart .chart_type1 .box .list ul li:first-child{width:48%;} /*200730 리포트 산출 텍스트 수정 */
.page.chart .chart_type1 .box .list ul li:last-child{float: right;}
.page.chart .chart_type1 .box .list ul li{display: inline-block;}
.page.chart .chart_type1 .box .list ul li:first-child span:first-child{padding: 0;}
.page.chart .chart_type1 .box .list ul li span:first-child{padding:0 calc(30px / 3);}
.page.chart .chart_type1 .box .list ul li span{display: inline-block; box-sizing: border-box;}
.page.chart .chart_type1 .box .list ul li span strong{font-weight: 700;}
/*200720 리포트산출 css추가 (끝) */

.page.chart .addition{text-align: right; margin-top:calc(52px / 3); color: #666; font-size: calc(36px / 3); transform: translateY(2%); -webkit-transform: translateY(2%); -ms-transform: translateY(2%);}
.page.chart .addition .strength{width: calc(50px / 3); height: calc(50px / 3); box-sizing: border-box; border: 1px solid #ddd; background:#eef5ff; border-radius: 5px; display: inline-block; transform: translateY(25%); -webkit-transform: translateY(25%); -ms-transform: translateY(25%);}
.page.chart .addition .Weakness{width: calc(50px / 3); height: calc(50px / 3); box-sizing: border-box; border: 1px solid #ddd; background: #fef4f4; border-radius: 6px; display: inline-block; transform: translateY(25%); -webkit-transform: translateY(25%); -ms-transform: translateY(25%);}


.page .lev{font-family: 'NanumGothic', sans-serif;}
.page .lev .sub_tit{margin-top: calc(190px / 3);}
.page .lev .sub_tit strong{font-size: calc(54px / 3); color: #333333; font-weight: 700;}
.page .lev .sub_con { margin: calc(60px / 3) 0px;}
.page .lev .sub_con {font-size: calc(44px / 3); color: #666666; font-weight: 400; font-family:'NanumSquareRound', sans-serif;}
.page .lev .sub_wrap_type4 {width: 100%; display: block; font-size: calc(36px / 3); color: #333333; font-weight: 400; padding: 0px calc(40px / 3);}
.page .lev .sub_wrap_type4 span{background: #f5f5f5; display: block; box-sizing: content-box; float: left; padding: calc(24px / 3) 0px; border-radius: 10px; text-align: center; margin-left: calc(10px / 3);}
.page .lev .sub_wrap_type4 span strong{font-weight: 700;} 
.page .lev .sub_wrap_type4 span.Two_line{background: #f5f5f5; display: block; box-sizing: content-box; float: left; padding: calc(4px / 3) 0px; border-radius: 10px; text-align: center; margin-left: calc(10px / 3);}
.page .lev .sub_wrap_type4 span:first-child{margin: 0;}
.page .lev .sub_wrap_type4 span.EX_Size {width: 280px;}
.page .lev .sub_wrap_type4 span.L_Size {width: 50px;}
.page .lev .sub_wrap_type4 span.R_Size {width: 78px;}
.page .lev img {width: 100%; padding: calc(20px / 3) calc(40px / 3); box-sizing: border-box;}
.page .lev .num {position: relative; width: 100%; padding:0px calc(45px / 3);  box-sizing: border-box; width: 124%; transform: translate(-9.7%);}
.page .lev .num div {float: left; width: 20%; text-align: center; margin-bottom: 20px;}
.page .lev .num .nth1 {}
.page .lev .num .nth2 {}
.page .lev .num .nth3 {}
.page .lev .num .nth4 {}
.page .lev .num .nth5 {}

.page .lev{font-family: 'NanumGothic', sans-serif;}
.page .lev .sub_tit{margin-top: calc(190px / 3);}
.page .lev .sub_tit strong{font-size: calc(54px / 3); color: #333333; font-weight: 700;}
.page .lev .sub_con { margin: calc(60px / 3) 0px;}
.page .lev .sub_con {font-size: calc(44px / 3); color: #666666; font-weight: 400; font-family:'NanumSquareRound', sans-serif;}
.page .lev .sub_wrap_type4 {width: 100%; display: block; font-size: calc(36px / 3); color: #333333; font-weight: 400; padding: 0px calc(40px / 3);}
.page .lev .sub_wrap_type4 span{background: #f5f5f5; display: block; box-sizing: content-box; float: left; padding: calc(24px / 3) 0px; border-radius: 10px; text-align: center; margin-left: calc(10px / 3);}
.page .lev .sub_wrap_type4 span strong{font-weight: 700;} 
.page .lev .sub_wrap_type4 span.Two_line{background: #f5f5f5; display: block; box-sizing: content-box; float: left; padding: calc(4px / 3) 0px; border-radius: 10px; text-align: center; margin-left: calc(10px / 3);}
.page .lev .sub_wrap_type4 span:first-child{margin: 0;}
.page .lev .sub_wrap_type4 span.EX_Size {width: calc(740px / 3);}
.page .lev .sub_wrap_type4 span.L_Size {width: calc(116px / 3);}
.page .lev .sub_wrap_type4 span.R_Size {width: calc(246px / 3);}
.page .lev img {width: 100%; padding: calc(20px / 3) calc(40px / 3); box-sizing: border-box;}
.page .lev .num2 div {width:calc(30% - 5px); font-size: calc(36px / 3); display: inline-block; line-height: 28px; box-sizing: border-box; font-size-adjust: calc(44px / 3); color: #666666; padding: calc(15px / 3) 0; font-weight: 400; margin-right: 30px;}
.page .lev .num2 div.mr0{margin-right:0;}
.page .lev .num2 div span{float: left; font-weight: 700; max-width: calc(200px / 3); width: calc(200px / 3); height:calc(80px / 3); background: #f5f5f5; display: inline-block; text-align: center; line-height: calc(80px / 3); box-sizing: border-box; border-radius: 10px; margin-right: calc(50px / 3); color: #333333;}
.page .lev .num2 {position: relative; max-width: calc(2080px / 2); width:100%; padding:0px calc(45px / 3) 0px calc(90px / 3);   padding: 6px 17px 6px 30px; border-radius: 5px; border: 1px solid #dddddd;box-sizing: border-box; display: inline-block;}




/* 진단결과_역량군별결과상세 */
.page.details .main_detail_tit {display: block; width: 100%; margin-bottom: calc(60px / 2);}
.page.details .main_detail_tit .left {display: inline-block;}
.page.details .main_detail_tit .left strong{font-weight: 800; font-size: calc(54px / 2);}
.page.details .main_detail_tit .right span{margin-right: calc(20px / 2);}
.page.details .main_detail_tit .right {transform: translateY(-10%); -webkit-transform: translateY(-10%); -ms-transform: translateY(-10%);}
.page.details .main_detail_tit .right .me_blu{width: calc(50px / 2);height: calc(50px / 2);box-sizing: border-box;border: 1px solid #ddd;background: #3e7ee9;border-radius: 5px;display: inline-block;transform: translateY(25%);-webkit-transform: translateY(25%);-ms-transform: translateY(25%);}
.page.details .main_detail_tit .right .other_gey{width: calc(50px / 2);height: calc(50px / 2);box-sizing: border-box;border: 1px solid #ddd;background: #cccccc;border-radius: 5px;display: inline-block;transform: translateY(25%);-webkit-transform: translateY(25%);-ms-transform: translateY(25%); margin-left: calc(30px / 2);}

.page.rod table{width: 100%;}
.page.rod.chart {font-family: 'NanumGothic', sans-serif;}
.page.rod.chart .main_detail {width: 100%; box-sizing: border-box;}

.page.rod.chart .main_detail .chartbox {width: 100%; padding: calc(40px / 3); box-sizing: border-box;}

.page.rod.chart .main_detail .me_rod {background: #3e7ee9; padding: calc(20px / 3) calc(40px / 3); border-radius: calc(20px / 3);text-align: right; box-sizing: border-box;}
.page.rod.chart .me_rod strong{font-size: calc(44px / 3);font-weight: 700; color: #ffffff;}
.page.rod.chart .main_detail .other_rod{background: #cccccc; padding: calc(20px / 3) calc(40px / 3) calc(24px / 3); border-radius: calc(20px / 3);text-align: right; box-sizing: border-box;}
.page.rod.chart .main_detail .other_rod strong{font-size: calc(36px / 3);font-weight: 700; color: #ffffff;}

.page.rod.chart .main_detail .chartbox1{padding: 0px calc(40px / 3);}
/* .page.rod.chart .main_detail .chartbox1 .me_rod {display: inline-block; width: 68.75%; margin-bottom: calc(20px / 3); border-radius: 10px;} */
.page.rod.chart .main_detail .chartbox1 .me_rod { width: 68.75%; margin-bottom: calc(20px / 3); border-radius: 10px;}
/* .page.rod.chart .main_detail .chartbox1 .other_rod{display: inline-block; width: 61.25%; border-radius: 10px;} */
.page.rod.chart .main_detail .chartbox1 .other_rod{ width: 61.25%; border-radius: 10px;}

.page.rod.chart .detail_tbl_type2 .chartbox2 {width: 100%; padding:calc(116px / 3) calc(40px / 3); box-sizing: border-box;}
.page.rod.chart .detail_tbl_type2 .me_rod {background: #3e7ee9; padding: calc(10px / 3) calc(30px / 3); border-radius:10px;text-align: right; box-sizing: border-box; margin-bottom: calc(10px / 3);}
.page.rod.chart .detail_tbl_type2 .other_rod{background: #cccccc; padding: calc(10px / 3) calc(30px / 3) calc(12px / 3); border-radius:10px;text-align: right; box-sizing: border-box;}
.page.rod.chart .detail_tbl_type2 .me_rod strong{font-size: calc(44px / 3);font-weight: 700; color: #ffffff;}
.page.rod.chart .detail_tbl_type2 .other_rod strong{font-size: calc(36px / 3);font-weight: 700; color: #ffffff;}

.page.rod.chart .detail_tbl_type2 table .chart1{width: 100%;}
.page.rod.chart .detail_tbl_type2 table .chart1 .me_rod {display: none; display: block; width: 100%; margin-bottom: calc(20px / 3);}
.page.rod.chart .detail_tbl_type2 table .chart1 .other_rod{display: inline-block; width: 75%;}

.page.rod.chart .detail_tbl_type2 table .chart2{width: 100%;}
.page.rod.chart .detail_tbl_type2 table .chart2 .me_rod {display: none; display: block; width: 77.5%; margin-bottom: calc(20px / 3);}
.page.rod.chart .detail_tbl_type2 table .chart2 .other_rod{display: inline-block; width: 67.5%;}

.page.rod.chart .detail_tbl_type2 table .chart3{width: 100%;}
.page.rod.chart .detail_tbl_type2 table .chart3 .me_rod {display: none; display: block; width: 62.5%; margin-bottom: calc(20px / 3);}
.page.rod.chart .detail_tbl_type2 table .chart3 .other_rod{display: inline-block; width: 55%;}

.page.rod.chart .detail_tbl_type2 table .chart4{width: 100%;}
.page.rod.chart .detail_tbl_type2 table .chart4 .me_rod {display: none; display: block; width: 62.5%; margin-bottom: calc(20px / 3);}
.page.rod.chart .detail_tbl_type2 table .chart4 .other_rod{display: inline-block; width: 55%;}

.page.rod.chart .main_detail .lev{margin-bottom: calc(170px / 3);}
.page.rod.chart .detail_tbl_type1,
.page.rod.chart .detail_tbl_type2{font-family: 'NanumGothic', sans-serif;}
.page.rod.chart .detail_tbl_type1 table{}
.page.rod.chart .detail_tbl_type1{border-top: 2px solid #333333;}
.page.rod.chart .detail_tbl_type1 table thead tr th:first-child{border-left: 0px;}
.page.rod.chart .detail_tbl_type1 table thead tr th{text-align: center; border-left: 1px solid #dddddd; padding: calc(40px / 3) 0px;}
.page.rod.chart .detail_tbl_type1 table thead tr th{}
.page.rod.chart .detail_tbl_type1 table thead tr th strong{font-weight: 700; font-size: calc(44px / 3);}
.page.rod.chart .detail_tbl_type2{border-top: 1px solid #666;}
.page.rod.chart .detail_tbl_type2 table tbody tr td:first-child {text-align: center;}
.page.rod.chart .detail_tbl_type2 table tbody tr td:first-child{border-left: 0;}
.page.rod.chart .detail_tbl_type2 table tbody tr td{line-height: calc(64px / 3); border-left: 1px solid #dddddd; border-bottom: 1px solid #dddddd;}
.page.rod.chart .detail_tbl_type2 table tbody tr td strong{font-weight: 700; font-size: calc(44px / 3);}
.page.rod.chart .detail_tbl_type2 table tbody tr td.con{padding: calc(34px / 3); padding-right: 0;}


/* 진단결과_진단결과요약_본인,타인 */

.page.vs {font-family: 'NanumGothic', sans-serif;}
.page.vs .report_tbl_type1{width:100%; border-top: calc(4px / 3) solid #333333; border-bottom: calc(2px / 3) solid #333333;}
.page.vs .report_tbl_type1 table{width:100%;}
.page.vs .report_tbl_type1 table tbody tr td{height: calc(130px / 3);}
/* .page.vs .report_tbl_type1 table tbody tr td{padding: calc(60px / 3) calc(44px / 3);} */
.page.vs .report_tbl_type1 table tbody tr td{box-sizing: border-box; border-left: calc(2px / 3) solid #dddddd; text-align: center;}
.page.vs .report_tbl_type1 table tbody tr td strong{font-size: calc(44px / 3); font-weight: 700;}
.page.vs .report_tbl_type1 table tbody tr:first-child td:first-child{border: 0; border-bottom: 1px solid #dddddd; padding:0px calc(34px / 3); width: calc(118px / 3);}
.page.vs .report_tbl_type1 table tbody tr:last-child td:first-child{border-left: 0;}
.page.vs .report_tbl_type1 table tbody tr:first-child td{border-left: calc(2px / 3) solid #dddddd; border-bottom: calc(2px / 3) solid #dddddd;}
.page.vs .report_tbl_type1 table tbody tr td .round.o{width: calc(50px / 3); height: calc(50px / 3); line-height: calc(45px / 3); border-radius: 50%; text-align: center; display: inline-block; background: #333333; color: #ffffff;}
.page.vs .report_tbl_type1 table tbody tr td .round.o strong{ color: #ffffff !important; font-size: calc(36px / 3) !important;}

.page.vs .report_tbl_type2{width: 100%;}
.page.vs .report_tbl_type2 table{width: 100%;text-align:center;font-family: 'NanumGothic', sans-serif; border-collapse:collapse; border-bottom:1px solid #ddd;}
.page.vs .report_tbl_type2 tr th span{font-family: 'NanumGothic', sans-serif; box-sizing: border-box; display: inline-block; line-height: 24px; vertical-align: middle; word-break: break-all; width: 100%; font-weight: 700;}
.page.vs .report_tbl_type2 tr th{font-family: 'NanumGothic', sans-serif; box-sizing: border-box;padding: 9px 10px 11px;font-weight: 700;}
.page.vs .report_tbl_type2 table tbody tr th{border-bottom: 1px solid #dddddd; background: #f5f5f5; padding-left:calc(100px / 3); padding-right:calc(100px / 3); text-align:left;}
.page.vs .report_tbl_type2 table tbody tr th span{text-overflow: ellipsis;display: inline-block;overflow: hidden;white-space: nowrap; max-height: calc(61px * 4); box-sizing: border-box; font-family: 'NanumGothic', sans-serif;}
.page.vs .report_tbl_type2 table tbody tr:last-child td{font-family: 'NanumGothic', sans-serif; border-bottom: 1px solid #dddddd;}
.page.vs .report_tbl_type2 tr td{box-sizing: border-box; padding:calc(20px / 3); height:calc(128px / 3); min-height:calc(128px / 3); border-right:1px solid #ddd}
.page.vs .report_tbl_type2 tr td{font-family: 'NanumGothic', sans-serif;}
.page.vs .report_tbl_type2 tr td:last-child{border-right: 0px; font-family: 'NanumGothic', sans-serif;}
.page.vs .report_tbl_type2 tr th{ font-family: 'NanumGothic', sans-serif;}
.page.vs .report_tbl_type2 .table-header{font-weight:900}
.page.vs .report_tbl_type2 tbody tr td.fcbg_blu{background-color:#eef5ff; font-family: 'NanumGothic', sans-serif;}
.page.vs .report_tbl_type2 tbody tr td.fcbg_red{background-color:#fef4f4; font-family: 'NanumGothic', sans-serif;}



.page.vs .report_tbl_type3 {width:100%;}
.page.vs .report_tbl_type3 table{width:100%; text-align:center;font-family: 'NanumGothic', sans-serif; border-collapse:collapse; border-bottom:1px solid #ddd;}
.page.vs .report_tbl_type3 tr th span{font-family: 'NanumGothic', sans-serif; box-sizing: border-box; display: inline-block; line-height: 24px; vertical-align: middle; word-break: break-all; width: 100%; font-weight: 700;}
.page.vs .report_tbl_type3 tr th{font-family: 'NanumGothic', sans-serif; box-sizing: border-box;padding: 9px 10px 11px;font-weight: 700;}
.page.vs .report_tbl_type3 col:first-child{width:1em}
.page.vs .report_tbl_type3 table tbody tr th{border-bottom: 1px solid #dddddd; background: #f5f5f5; padding-left: calc(100px / 2); padding-right: calc(100px / 2); text-align:left;}
.page.vs .report_tbl_type3 table tbody tr th span{text-overflow: ellipsis;display: inline-block;overflow: hidden;white-space: nowrap; max-height: calc(61px * 4); box-sizing: border-box; font-family: 'NanumGothic', sans-serif;}
.page.vs .report_tbl_type3 table tbody tr:last-child td{font-family: 'NanumGothic', sans-serif; border-bottom: 1px solid #dddddd;}
.page.vs .report_tbl_type3 tr td{box-sizing: border-box; padding:calc(20px / 3); height:calc(128px / 3); min-height:calc(128px / 3); border-right:1px solid #ddd}
.page.vs .report_tbl_type3 table tbody tr td.bb1{border-bottom: 1px solid #dddddd;}
.page.vs .report_tbl_type3 tr td{font-family: 'NanumGothic', sans-serif;}
.page.vs .report_tbl_type3 tr td:last-child{border-right: 0px; font-family: 'NanumGothic', sans-serif;}
.page.vs .report_tbl_type3 tr th{ font-family: 'NanumGothic', sans-serif;}
.page.vs .report_tbl_type3 .table-header{font-weight:900}
.page.vs .report_tbl_type3 tbody tr td.fcbg_blu{background-color:#eef5ff; font-family: 'NanumGothic', sans-serif;}
.page.vs .report_tbl_type3 tbody tr td.fcbg_red{background-color:#fef4f4; font-family: 'NanumGothic', sans-serif;}

.page.vs .addition{font-family:'NanumSquareRound'; font-size: calc(36px / 3); color: #666666; text-align: right; margin-top: calc(70px / 3);}

/* type2 */
.page.chart .chart_type2{display: block; overflow:hidden;}
.page.chart .chart_type2 .box{width: calc(750px / 3); border: 1px solid #ddd; border-radius: 10px; overflow: hidden; font-family: 'NanumGothic', sans-serif;display: block; overflow: hidden;}
.page.chart .chart_type2 .box .sub_wrap_type3{padding: 0px calc(40px / 3);}
.page.chart .chart_type2 .box .sub_wrap_type3{box-sizing: border-box;}
.page.chart .chart_type2 .box .sub_wrap_type3 h3{margin-top: calc(54px / 3); margin-bottom: calc(60px / 3); text-align: center;}
.page.chart .chart_type2 .box .sub_wrap_type3 h3 strong{font-size: calc(54px / 3); font-weight: 800;}
.page.chart .chart_type2 .box .sub_wrap_type3 .line{height: calc(4px / 3); width: 100%; background: #3e7ee9;}
.page.chart .chart_type2 .box .sub_wrap_type3 .donut { width: 100%; height: 100%;  box-sizing: border-box;}
.page.chart .chart_type2 .box .sub_wrap_type3 .donut canvas{ margin: calc(50px / 3) 0px; padding:calc(50px / 3) calc(50px / 3); box-sizing: border-box;}
.page.chart .chart_type2 .box .sub_wrap_type3 .cdt_tit {margin-bottom: calc(30px / 3);}
.page.chart .chart_type2 .box .sub_wrap_type3 .cdt_tit { font-size: calc(44px / 3);}
.page.chart .chart_type2 .box .sub_wrap_type3 .cdt_con {margin-bottom: calc(58px / 3);}
.page.chart .chart_type2 .box .sub_wrap_type3 .cdt_con strong{font-size: calc(44px / 3); font-weight: 800;}
.page.chart .chart_type2 .box .sub_wrap_type3 .cdt_con {border: 1px solid #dddddd; padding: calc(24px / 3); text-align: center; border-radius: 10px;}
.page.chart .chart_type2 .box .sub_wrap_type3 .arrow_bottom {margin-bottom: calc(60px / 3);}
.page.chart .chart_type2 .box .sub_wrap_type3 .arrow_bottom {display: block; text-align: center;}
.page.chart .chart_type2 .box .sub_wrap_type3 .arrow_bottom img{width: calc(74px / 3);}
.page.chart .chart_type2 .box .list table tbody{ box-sizing: border-box;}
.page.chart .chart_type2 .box .list table tbody tr.accent {background: #eef5ff;}
.page.chart .chart_type2 .box{margin-left: calc(40px / 3); box-sizing: border-box;}
.page.chart .chart_type2 .box:first-child{margin-left: 130px;}
.page.chart .chart_type2 .box{float: left;}
.page.chart .chart_type2 .box .list ul{display: block; padding: calc(36px / 3) calc(40px / 3); box-sizing: border;}
.page.chart .chart_type2 .box .list ul.fcbg_blu{background: #eef5ff;}
.page.chart .chart_type2 .box .list ul.fcbg_red{background: #fef4f4;}
.page.chart .chart_type2 .box .list ul.fcbg_blu .fc_blu_btn, .page.chart .chart_type2 .box .list ul.fcbg_red .fc_red_btn{color: #ffffff !important; font-size: calc(36px / 3); padding: calc(10px / 3) 0px; border-radius: 20px;}
.page.chart .chart_type2 .box .list ul .btn{font-size: calc(36px / 3); padding: calc(10px / 3) 0px; width: calc(120px / 3); text-align: center; border-radius: 20px;}
.page.chart .chart_type2 .box .list ul.fcbg_blu .fc_blu_btn{background:#3e7ee9;}
.page.chart .chart_type2 .box .list ul.fcbg_red .fc_red_btn{background:#ef2e33;}
.page.chart .chart_type2 .box .list ul:not(.fcbg_blu),
.page.chart .chart_type2 .box .list ul:not(.fcbg_red) {color: #666666;}
.page.chart .chart_type2 .box .list ul.fcbg_blu,
.page.chart .chart_type2 .box .list ul.fcbg_red {color: #333333;}

.page.chart .chart_type2 .box .list ul li:first-child{}
.page.chart .chart_type2 .box .list ul li:last-child{float: right;}
.page.chart .chart_type2 .box .list ul li{display: inline-block;}
.page.chart .chart_type2 .box .list ul li:first-child span:first-child{padding: 0;}
.page.chart .chart_type2 .box .list ul li span:first-child{padding:0 calc(30px / 3);}
.page.chart .chart_type2 .box .list ul li span{display: inline-block; box-sizing: border-box;}
.page.chart .chart_type2 .box .list ul li span strong{font-weight: 700;}

/* type1 */
.page.chart .chart_type1{display: block; overflow:hidden;}
.page.chart .chart_type1 .box{width: calc(1000px / 3); border: 1px solid #ddd; border-radius: 10px; overflow: hidden; font-family: 'NanumGothic', sans-serif;display: block; overflow: hidden;}
.page.chart .chart_type1 .box .sub_wrap_type3{padding: 0px calc(40px / 3);}
.page.chart .chart_type1 .box .sub_wrap_type3{box-sizing: border-box;}
.page.chart .chart_type1 .box .sub_wrap_type3 h3{margin-top: calc(54px / 3); margin-bottom: calc(60px / 3); text-align: center;}
.page.chart .chart_type1 .box .sub_wrap_type3 h3 strong{font-size: calc(54px / 3); font-weight: 800;}
.page.chart .chart_type1 .box .sub_wrap_type3 .line{height: calc(4px / 3); width: 100%; background: #3e7ee9;}
.page.chart .chart_type1 .box .sub_wrap_type3 .donut { width: 100%; height: 100%;  box-sizing: border-box;}
.page.chart .chart_type1 .box .sub_wrap_type3 .donut canvas{ margin: calc(100px / 3) 0px; padding:calc(80px / 3) calc(80px / 3); box-sizing: border-box;}
.page.chart .chart_type1 .box .sub_wrap_type3 .cdt_tit {margin-bottom: calc(30px / 3);}
.page.chart .chart_type1 .box .sub_wrap_type3 .cdt_tit { font-size: calc(44px / 3);}
.page.chart .chart_type1 .box .sub_wrap_type3 .cdt_con {margin-bottom: calc(58px / 3);}
.page.chart .chart_type1 .box .sub_wrap_type3 .cdt_con strong{font-size: calc(44px / 3); font-weight: 800;}
.page.chart .chart_type1 .box .sub_wrap_type3 .cdt_con {border: 1px solid #dddddd; padding: calc(24px / 3); text-align: center; border-radius: 10px;}
.page.chart .chart_type1 .box .sub_wrap_type3 .arrow_bottom {margin-bottom: calc(60px / 3);}
.page.chart .chart_type1 .box .sub_wrap_type3 .arrow_bottom {display: block; text-align: center;}
.page.chart .chart_type1 .box .sub_wrap_type3 .arrow_bottom img{width: calc(74px / 3);}
.page.chart .chart_type1 .box .list table tbody{ box-sizing: border-box;}
.page.chart .chart_type1 .box .list table tbody tr.accent {background: #eef5ff;}
.page.chart .chart_type1 .box{margin-left: calc(40px / 3); box-sizing: border-box;}
.page.chart .chart_type1 .box:first-child{margin-left: 220px;}
.page.chart .chart_type1 .box{float: left;}
.page.chart .chart_type1 .box .list ul{display: block; padding: calc(36px / 3) calc(40px / 3); box-sizing: border;}
.page.chart .chart_type1 .box .list ul.fcbg_blu{background: #eef5ff;}
.page.chart .chart_type1 .box .list ul.fcbg_red{background: #fef4f4;}
.page.chart .chart_type1 .box .list ul.fcbg_blu .fc_blu_btn, .page.chart .chart_type1 .box .list ul.fcbg_red .fc_red_btn{color: #ffffff !important; font-size: calc(36px / 3); padding: calc(10px / 3) 0px; border-radius: 20px;}
.page.chart .chart_type1 .box .list ul .btn{font-size: calc(36px / 3); padding: calc(10px / 3) 0px; width: calc(120px / 3); text-align: center; border-radius: 20px;}
.page.chart .chart_type1 .box .list ul.fcbg_blu .fc_blu_btn{background:#3e7ee9;}
.page.chart .chart_type1 .box .list ul.fcbg_red .fc_red_btn{background:#ef2e33;}
.page.chart .chart_type1 .box .list ul:not(.fcbg_blu),
.page.chart .chart_type1 .box .list ul:not(.fcbg_red) {color: #666666;}
.page.chart .chart_type1 .box .list ul.fcbg_blu,
.page.chart .chart_type1 .box .list ul.fcbg_red {color: #333333;}

.page.chart .chart_type1 .box .list ul li:first-child{}
.page.chart .chart_type1 .box .list ul li:last-child{float: right;}
.page.chart .chart_type1 .box .list ul li{display: inline-block;}
.page.chart .chart_type1 .box .list ul li:first-child span:first-child{padding: 0;}
.page.chart .chart_type1 .box .list ul li span:first-child{padding:0 calc(30px / 3);}
.page.chart .chart_type1 .box .list ul li span{display: inline-block; box-sizing: border-box;}
.page.chart .chart_type1 .box .list ul li span strong{font-weight: 700;}



.lodingDiv1 {
  margin: 5% auto;
  height: 100px;
  width: 100px;
  border: 6px solid #fff;
  border-right-color: #c30;
  border-top-color: #c30;
  border-radius: 100%;
  -webkit-animation: spin 800ms infinite linear;
          animation: spin 800ms infinite linear;
}

@-webkit-keyframes "spin" {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}

@keyframes "spin" {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}