@charset "utf-8";

/* =======================================
	reset
========================================== */

/* html{min-width:320px;} */
*{margin:0;padding:0;border:none;word-break:break-all;box-sizing:border-box;-webkit-box-sizing:border-box;-webkit-overflow-scrolling:touch;-webkit-hyphens:auto;hyphens:auto;vertical-align:baseline;font-size:inherit;line-height:inherit;color:inherit;font-family: inherit;}
*:before, *:after{box-sizing:border-box;-webkit-box-sizing:border-box;}
html,body{height:100%;}
body{font-size:13px;line-height:1.25;font-family: Arial, Helvetica, Verdana, Roboto, "Malgun Gothic","Sans-serif";-webkit-text-size-adjust:none;color:#212121;word-break:keep-all;word-wrap:break-word;}
dl,ul,ol,menu,li {list-style:none;margin:0 0 0 0;}
table {width:100%;border-collapse:collapse;border-spacing:0}
table caption {visibility:hidden;overflow:hidden;width:0;height:0;font-size:0;line-height:0;}
img,fieldset{border:0 none;}
img{vertical-align:middle;max-width:100%;max-height:100%;}
a{color:inherit;text-decoration:none;cursor:pointer;color:inherit;font-family:inherit;text-decoration:none !important;}
a:hover{text-decoration:none;color:inherit;text-decoration:none;}
a *{text-decoration:none;}
i,em,address{font-style:normal;}

label,button{cursor:pointer;}
i,em{font-style:normal;}
br,hr{border:none;line-height:inherit;}

p, .h1, .h2, .h3, h1, h2, h3,div,.h4, .h5, .h6, h4, h5, h6{margin:0 0 0 0;}
.btn{padding:0 0;font-size:inherit;color:inherit;border-radius:0;}


/* scrollbar */
/*body{-ms-overflow-style:-ms-autohiding-scrollbar;}*/
::-webkit-scrollbar{-webkit-appearance:none}
::-webkit-scrollbar:vertical{width:5px;}
::-webkit-scrollbar:horizontal{height:5px;}
::-webkit-scrollbar-thumb{
	background-color:rgba(0,0,0,.2);
	border-radius:10px;
}
::-webkit-scrollbar-track{
/*  background-color:rgba(255,255,255,.2);*/
	background-color:rgba(0,0,0,.05);
	border-radius:10px;
}


/* ========== form ========== */
/* input 기본 스타일 초기화 */
input {
    -webkit-appearance:none;
       -moz-appearance:none;
            appearance:none;
}

/* IE10 이상에서 input box 에 추가된 지우기 버튼 제거 */
input::-ms-clear { display:none;}

/* input type number 에서 화살표 제거 */
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance:none;
       -moz-appearance:none;
            appearance:none;
}

input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance:none;
    margin:0;
}

/* IE에서 select arr 제거 */
select::-ms-expand {display: none;}
select {height:40px;font-size:14px;min-width:100px;padding-right:57px;padding-left:15px;color:#757575;border:1px solid #e0e0e0;outline: none;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#fff url('../images/arr_select.png') no-repeat right 10px top 50%;}
select.noline{height:24px;border:none;padding-right:10px;background-position-x:100%;background-color:transparent;font-size:16px;}
input[type="text"], input[type="password"], input[type="number"]{height:40px;font-size:14px;line-height:40px;color:#757575;border-bottom:1px solid #e0e0e0;outline:none;}
textarea{font-size:15px;padding:10px;outline:none;color: #757575;border:1px solid #e0e0e0;}
button{border:none;background:none;outline:none;cursor:pointer;}

select:disabled{color:#aeaeae;background-color:#eeeeee !important;}
input[type="text"]:disabled,
input[type="password"]:disabled{color:#ddd;background:#fff !important;}
input[type="text"]:disabled.disabled-st2,
input[type="password"]:disabled.disabled-st2{color:#333;background:#fff !important;}


.inp-chk{display:inline-block;cursor:pointer;white-space:nowrap;margin-right:5px;}
.inp-chk .inp{display:inline-block;position:relative;width:22px;height:22px;vertical-align: middle;background:#fff;}
.inp-chk .inp input{opacity:0;position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;}
.inp-chk .inp .ic{display:block;overflow:hidden;position:absolute;top:0;left:0;width:100%;height:100%;border:1px solid #e3e3e3;border-radius:3px;}
.inp-chk .inp input:checked  + .ic{border:1px solid #e3e3e3;background:url('data:img/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAANCAMAAAB4p3UoAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAgVBMVEX////5+fn5+fn5+fn5+fn5+fn5+fn5+fn5+fn5+fn19fdoeLtJXa4iOp1XabP5+flygb9QY7Hu8PR/jcVDV6vk5vCTn82ut9kySKQlPZ6yuts2S6XGy+MrQqG4wN2apNDX2+q8wt8lPJ4sQ6GdqNKyutqNmcvN0eakrtUvRaL////U+EMVAAAACnRSTlMAA0YRKMhg87Xdu5iS4gAAAAFiS0dEAIgFHUgAAAAHdElNRQflCRoACQ/5lFPDAAAAdElEQVQI11XO6w6CMAwF4DKZY2AtCiKDTW5ye/8XBDWRtb9OvpymBfAnEEJwiJMLlzjBKxNK8XY/+ZBh/ggBZPGkA857kKWpPkQF1l8AaZ15KaAG6zb6rauuHyy9D9j7Yz9Mxs2Rd2RBdFaxR5qVA4DW+p83h6oGoifqO6YAAAAASUVORK5CYII=') no-repeat 50% 50%;background-size:auto 13px;}
.inp-chk .inp input:disabled  + .ic{border:1px solid #b7b7b7;background-color:#d9d9d9;}
.inp-chk .txt{display:inline-block;font-size:14px;vertical-align: middle;color: #212121;margin-left:5px;}

/* placeholder */
::-webkit-input-placeholder {color:#c6c6c6;vertical-align:middle;}
:-webkit-input-placeholder {color:#c6c6c6;vertical-align:middle;}
::-moz-placeholder {color:#c6c6c6;vertical-align:middle;}
:-moz-placeholder {color:#c6c6c6;vertical-align:middle;}

.normal{font-weight:400;}
.bold{font-weight:700;}
.medium{font-weight:500;}

.pad0{padding:0 0 !important;}

.align-l{text-align:left !important;}
.align-c{text-align:center !important;}
.align-r{text-align:right !important;}

.c-red{color: #ff2f2f !important;}
.c-black{color: #000 !important;}
.c-green{color: #008e8c !important;}
.c-lightgreen{color: #06b2b0 !important;}
.c-blue{color: #223a9d !important;}
.c-gray{color: #757575 !important;}
.c-skyblue{color: #738dc7 !important;}
.c-darkgray{color: #212121 !important;}

.scroll-y{overflow-y:auto;max-height:100%;}
.scroll-x{overflow-x:auto;max-width:100%;}
.scroll-xy{overflow:auto;max-height:100%;max-width:100%;}

.ico{display:inline-block;background-size:100% 100% !important;vertical-align: middle;}
.ico.i-bell{width:20px;height:24px;background:url('../images/ico_bell.svg') no-repeat 0 0;}
.ico.i-down{width:24px;height:16px;background:url('../images/ico_down.png') no-repeat 0 0;}
.ico.i-down-blue{width:24px;height:16px;background:url('../images/ico_down_blue.svg') no-repeat 0 0;}
.ico.i-down-off{position:relative;width:20px;height:22px;background:url('../images/ico_down_off.svg') no-repeat 0 0;}
.ico.i-down-gray{position:relative;width:28px;height:18px;background:url('../images/ico_down_gray.svg') no-repeat 0 0;}
.ico.i-down-on{width:20px;height:22px;background:url('../images/ico_down_on.svg') no-repeat 0 0;}
.ico.i-excel{width:22px;height:20px;background:url('../images/ico_excel.svg') no-repeat 0 0;}
.ico.i-zip{width:20px;height:22px;background:url('../images/ico_zip.svg') no-repeat 0 0;}
.ico.i-zip2{width:20px;height:22px;background:url('../images/ico_zip2.png') no-repeat 0 0;}
.ico.i-index{width:20px;height:22px;background:url('../images/ico_index.svg') no-repeat 0 0;}
.ico.i-html{width:20px;height:22px;background:url('../images/ico_html.svg') no-repeat 0 0;}
.ico.i-txt{width:19px;height:21px;background:url('../images/ico_txt.svg') no-repeat 0 0;}
.ico.i-gz{width:22px;height:22px;background:url('../images/ico_gz.svg') no-repeat 0 0;}
.ico.i-bam{width:20px;height:22px;background:url('../images/ico_bam.png') no-repeat 0 0;}
.ico.i-mapidx{width:20px;height:26px;background:url('../images/ico_mapidx.svg') no-repeat 0 0;}
.ico.i-menu{width:28px;height:20px;background:url('../images/ico_menu.png') no-repeat 0 0;}
.ico.i-newopen{width:40px;height:40px;background:url('../images/ico_newopen.svg') no-repeat 0 0;}
.ico.i-pdf{width:30px;height:30px;background:url('../images/ico_pdf.svg') no-repeat 0 0;}
.ico.i-pdf2{width:22px;height:22px;background:url('../images/ico_pdf.svg') no-repeat 0 0;}
.ico.i-speechbubble{width:29px;height:28px;background:url('../images/ico_speechbubble.png') no-repeat 0 0;}
.ico.i-tooltip-more{width:22px;height:22px;background:url('../images/ico_tooltip_more.png') no-repeat 0 0;}
.ico.i-user{width:24px;height:24px;background:url('../images/ico_user.svg') no-repeat 0 0;}
.ico.i-new{width:10px;height:10px;background:url('../images/ico_new.png') no-repeat 0 0;}
.ico.i-home{width:24px;height:24px;background:url('../images/ico_home.svg') no-repeat 0 0;}
.ico.i-img{width:24px;height:18px;background:url('../images/ico_img.svg') no-repeat 0 0;}
.ico.i-reset{width:21px;height:21px;background:url('../images/ico_reset.png') no-repeat 0 0;}
.ico.i-reset-white{width:21px;height:21px;background:url('../images/ico_reset_white.png') no-repeat 0 0;}
.ico.i-dreege {width:22px;height:15px;background:url('../images/ico_degree.png') no-repeat 0 0;}
.ico.i-out-link {width:18px;height:18px;background:url('../images/ico_out_link.svg') no-repeat 0 0;}
.ico.i-out-link.small {width:16px;height:16px;}
/* ===ico add==== */
.ico.i-folder{width:19px;height:21px;background:url('../images/ico_folder.png') no-repeat 0 0;}
.ico.i-hdd{width:32px;height:21px;background:url('../images/ico_hdd.png') no-repeat 0 0;}

.ico.i-down-off .circle{display:inline-flex;position:absolute;bottom:3px;right:-1px;width:15px;height:15px;border-radius:15px;background:rgba(255, 47, 47, 0.8); color:#fff;justify-content:center;align-items:center;font-size:11px;font-weight:normal;}

/*******************************
    common
********************************/
body{min-width:1400px;background:#f6f9fd;}
/* .wrapper{display:flex;flex-direction:row;align-items:stretch;min-height:100%;;} */
.wrapper{min-height:100%;;padding-left:80px;}
.wrapper.main.expand{padding-left:260px;}

/* 2022.03.14 add container size fixed */
/* .container{padding:0 72px;flex:1; width: 1106px;} */
.container{padding:0 72px;flex:1;}
.header{height:90px;display:flex;flex-direction:row;align-items:center;}
.header .title {display:inline-block;font-size:18px; color:#424242;opacity: 0.4;}
.header .right{margin-left:auto;display:flex;flex-direction:row;align-items:center;}
.header .user-menu {display:flex;flex-direction:row;align-items:center;}
.header .user-menu .menu{position:relative;display:inline-block;width:40px;height:40px;border-radius:36px;background:#e3e4e4;display:flex;justify-content:center;align-items:center;}
.header .user-menu .menu ~ .menu{margin-left:12px;}
.header .user-menu .menu .ico.i-new {position:absolute;top:8px;right:8px;}
.header .user-menu .menu:hover{background-color: #4e64c0;box-shadow: 3px 6px 10px 0 rgba(138, 95, 95, 0.2);}
.header .user-menu .menu:hover .ico.i-mapidx{width:18px;height:26px;background:url('../images/ico_mapidx_white.svg') no-repeat 0 0;}
.header .user-menu .menu:hover .ico.i-bell{width:20px;height:24px;background:url('../images/ico_bell_white.svg') no-repeat 0 0;}
.header .user-menu .menu:hover .ico.i-user{width:24px;height:24px;background:url('../images/ico_user_white.svg') no-repeat 0 0;}
.header .path select:last-child{ color:#000;font-weight:500;}

.top-btn{display:none;position:fixed;bottom:100px;right:77px;z-index: 50;}
.top-btn a{display:block;width:56px;height:56px;border-radius:56px;background:#4e64c0;display:flex;flex-direction: column;justify-content:center;align-items:center;font-size:12px; color:#fff;font-weight: 200;box-shadow: 3px 6px 10px 0 rgba(138, 95, 95, 0.2);}
.top-btn a:before{content:'';display:block;width:30px;height:17px;background:url('../images/arr_top.svg') no-repeat 0 0;}

.footer{margin-top:100px;padding-bottom:30px;text-align:center; color:#9e9e9e;}
.footer em{color:#424242;}

.main .gnb-dim{display:none !important;}
.wrapper.expand .gnb-dim{display:block;}
.gnb-dim{display:none;position:absolute;top:0;left:0;width:100%;height:100%;z-index: 60;background:rgba(0,0,0,0.25);}
.gnb-menu-wrap{position:absolute;top:0;left:0;height:100%;background:#ffffff;border-right:1px solid #dde0e3;z-index: 60;}
.gnb-menu-wrap > div{padding-bottom:100px;}
.gnb-menu-wrap .logo{display:none;}
/* 2022.03.22 position fixed add */
.gnb-menu-wrap.expand{width:260px; position: fixed;}
/* .gnb-menu-wrap.expand{width:260px;} */
.gnb-menu-wrap.expand .close{position:absolute;top:0;right:0;width:20px;height:20px;background:url('https://image.flaticon.com/icons/png/512/458/458595.png') no-repeat 0 0;background-size:auto 100%;}
.gnb-menu-wrap.expand .contract{padding-bottom:20px;}
.gnb-menu-wrap.expand .contract .menu{display:none;}
.gnb-menu-wrap.expand .contract .user-menu{display:flex;flex-direction:row;align-items:center;padding:0 27px;margin-top:25px;}
.gnb-menu-wrap.expand .logo{display:block;text-align:center;margin-top:28px;}
/* 2022.03.21 메뉴 고정 추가 */
.gnb-menu-wrap.contract{width:80px; position: fixed;}
/* .gnb-menu-wrap.contract{width:80px;} */
.gnb-menu-wrap.contract .expand{display:none;}
.gnb-menu-wrap .info-wrap{padding:0 20px;margin:35px 0;}
/* 메뉴 좌측 이미지 높이 짤림 수정 2022.02.15 */
/* .gnb-menu-wrap .info {padding-left:76px;background:url('../images/bg_gnb_info.png') no-repeat 0 0;} */
.gnb-menu-wrap .info {padding-left:76px; height: 63px; background:url('../images/bg_gnb_info.png') no-repeat 0 0;}
/*end 2022.02.15 */
.gnb-menu-wrap .info .tit { color: #212121;font-size: 16px;}
.gnb-menu-wrap .info .date {font-size: 12px; color:#9e9e9e;display:block;margin-top:5px;}
.gnb-menu-wrap .user-info {margin-top:20px;text-align:center;}
.gnb-menu-wrap .user-info .tit {font-size:20px; color:#212121;font-weight:500;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-wrap:break-word;line-height:1.2em;max-height:2.4em;}
.gnb-menu-wrap .user-info .form {font-size:12px;margin-top:5px;}
.gnb-menu-wrap .user-info .order {font-size:16px;margin-top:10px;font-weight:500;}
.gnb-menu-wrap .user-info .order em { color:#9e9e9e;}
.gnb-menu-wrap .user-info .order .num { color:#3939c1;}
/* .gnb-menu-wrap .gnb-menu {margin-top:35px;} */
.gnb-menu-wrap .gnb-menu > ul {border-top:1px solid #e8e8e8;}
.gnb-menu-wrap .gnb-menu > ul > li ~ li{border-top:1px solid #e8e8e8;}
.gnb-menu-wrap .gnb-menu > ul > li > a {position:relative;display:block;height:54px;line-height:53px;font-size:16px; color:#212121;padding-left:56px;}
.gnb-menu-wrap .gnb-menu > ul > li > a > i{position:relative;display:block;position:absolute;top:15px;left:24px;width:22px;height:22px;border:1px solid #757575;border-radius:5px;}
.gnb-menu-wrap .gnb-menu > ul > li > a > i:before{content:'';display:block;position:absolute;top:50%;left:50%;width:10px;height:2px;background:#707070;transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);}
.gnb-menu-wrap .gnb-menu > ul > li > a > i:after{content:'';display:block;position:absolute;top:50%;left:50%;width:2px;height:10px;background:#707070;transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);}
.gnb-menu-wrap .gnb-menu > ul > li > a:hover {font-weight:bold; color:#212121;}
.gnb-menu-wrap .gnb-menu > ul > li > a:hover i{background:#4e64c0;border:1px solid #3d52a9;}
.gnb-menu-wrap .gnb-menu > ul > li > a:hover i:before{background: #fff;}
.gnb-menu-wrap .gnb-menu > ul > li > a:hover i:after{display:none;}
.gnb-menu-wrap .gnb-menu > ul > li.on > a {font-weight:bold; color:#212121;}
.gnb-menu-wrap .gnb-menu > ul > li.on > a i{background:#4e64c0;border:1px solid #3d52a9;}
.gnb-menu-wrap .gnb-menu > ul > li.on > a i:before{background: #fff;}
.gnb-menu-wrap .gnb-menu > ul > li.on > a i:after{display:none;}
.gnb-menu-wrap .gnb-menu > ul > li > ul {display:none;padding-left:45px;padding-bottom:10px;}
.gnb-menu-wrap .gnb-menu > ul > li > ul > li a {display:block;font-size:14px; color:#757575;padding:7px 0;padding-right:7px;letter-spacing: -0.04em;}
.gnb-menu-wrap .gnb-menu > ul > li > ul > li > a:hover ,
.gnb-menu-wrap .gnb-menu > ul > li > ul > li.on > a {font-weight:bold; color:#000;}
.gnb-menu-wrap .gnb-menu > ul > li > ul > li ul {display:none;padding:10px 0;margin-top:7px;margin-bottom:5px;margin-left:-55px;border-top:1px solid #dde0e3;border-bottom:1px solid #dde0e3;background:#f6f9fd;padding-left:55px;}
.gnb-menu-wrap .gnb-menu > ul > li > ul > li ul li a {display:block;padding:5px 0;padding-right:10px;font-size:13px; color:#757575;padding-left:10px;position:relative;letter-spacing: -0.02em;}
.gnb-menu-wrap .gnb-menu > ul > li > ul > li ul li a:before{content:'';display:block;position:absolute;top:12px;left:0;width:5px;height:1px; background:#757575;}
.gnb-menu-wrap .gnb-menu > ul > li > ul > li ul li a:hover,
.gnb-menu-wrap .gnb-menu > ul > li > ul > li ul li.on a { color:#223a9d;}
.gnb-menu-wrap .gnb-menu > ul > li > ul > li ul li a:hover:before,
.gnb-menu-wrap .gnb-menu > ul > li > ul > li ul li.on a:before{background:#223a9d;}
.gnb-menu-wrap .download {margin-top:35px;}
.gnb-menu-wrap .download a {height: 60px;display:block;padding: 15px 0; margin:0 20px;border-radius: 8px; background-color: #e4effd;text-align:center;font-weight:bold; color:#212121;font-size:16px;}
.gnb-menu-wrap .download a .ico.i-pdf {margin-right:10px;}
.gnb-menu-wrap .menu {width:80px;height:80px;display:flex;flex-direction: column;justify-content:center;align-items:center;}
.gnb-menu-wrap .user-menu li {width:100%;height:60px;display:flex;flex-direction: column;justify-content:center;align-items:center;}
.gnb-menu-wrap .user-menu li a {display:block;height:100%;display:flex;flex-direction: column;justify-content:center;align-items:center;background:#e3e4e4;width:44px;height:44px;border-radius:44px;}
.gnb-menu-wrap .user-menu li a:hover{background-color: #4e64c0;box-shadow: 3px 3px 6px 0 rgba(0, 0, 0, 0.3);}
.gnb-menu-wrap .user-menu li a:hover .ico.i-home{width:24px;height:24px;background:url('../images/ico_home_white.svg') no-repeat 0 0;}
.gnb-menu-wrap .user-menu li a:hover .ico.i-mapidx{width:18px;height:26px;background:url('../images/ico_mapidx_white.svg') no-repeat 0 0;}
.gnb-menu-wrap .user-menu li a:hover .ico.i-user{width:24px;height:24px;background:url('../images/ico_user_white.svg') no-repeat 0 0;}
/* .gnb-menu-wrap .user-menu li a:hover .ico.i-down-gray{width:28px;height:18px;background:url('../images/ico_down_white.svg') no-repeat 0 0;} */
.gnb-menu-wrap .user-menu li a .ico.i-down-gray{width:28px;height:18px;background:url('../images/ico_down_white.svg') no-repeat 0 0;}
.i-download {background-color: #4e64c0 !important;}
.gnb-menu-wrap .user-menu li a.home{background:none;}
.gnb-menu-wrap .user-menu li a.down{width: 44px; height: 44px; border-radius:44px;box-shadow: 3px 3px 6px 0 rgba(0, 0, 0, 0.3); background-color: #4e64c0}

/*************************/
.title-type1{margin-bottom:40px; font-size: 46px; font-weight: 500; line-height: 1.2; letter-spacing: -1.15px; color: #223a9d; }
.essential-text + .title-type1{margin-top:50px;}
.title-type2{margin-top:30px;font-size: 24px; line-height: 1.25; color: #223a9d;font-weight: normal; }
.title-type2 .nice-select{vertical-align: middle;margin-left:20px;}
.text-type1 + .title-type2 {margin-top:50px;}
.data-list-type1 + .title-type2 {margin-top:65px;}
.data-list-type2 + .title-type2 {margin-top:50px;}
.view-box + .title-type2 {margin-top:60px;}
.desc-box + .title-type2 {margin-top:50px;}
.color-palette + .title-type2 {margin-top:60px;}
.list-type2 + .title-type2 {margin-top:40px;}
.refer-path + .title-type2 {margin-top:50px;}
.dataset-table + .title-type2 {margin-top:60px;}
.text-star + .title-type2 {margin-top:40px;}

.title-type3{margin-top:30px;font-size:16px; line-height: 1.88; color: #223a9d; }
.data-list-type2 + .title-type3{margin-top:50px;}
.data-img-box + .title-type3{margin-top:40px;}
.text-type1 + .title-type3{margin-top:40px;}
.work-flow-btn + .title-type3{margin-top:50px;}
.dataset-table  + .title-type3{margin-top:60px;}
.line-box  + .title-type3{margin-top:50px;}

.text-type1{margin-top:30px; font-size: 16px; line-height: 1.5; color: #616161; }
.title-type1 + .text-type1{margin-top:40px;}
.title-type2 + .text-type1{margin-top:15px;}
.title-type3 + .text-type1{margin-top:15px;}
.text-type1 + .text-type1{margin-top:20px;}
.dataset-table + .text-type1{margin-top:40px;}
.circle-chart-list + .text-type1{margin-top:40px;}

.text-type2{font-size:18px; color:#212121;}
.text-type4 {font-size: 16px;color: #616161;line-height: 24px; margin-left: 10px;}
.title-tag{display:inline-block;height:44px;padding:0 20px;margin-left:12px;font-weight:bold;font-size:17px; color:#fff;line-height:38px;vertical-align: middle;background:url('../images/bg_title_tag.png') no-repeat 0 0;}
.title-tag1{display:inline-block;height:44px;padding:0 20px;margin-left:12px;font-weight:bold;font-size:17px; color:#fff;line-height:38px;vertical-align: middle;background:url('../images/bg_title_tag1.png') no-repeat 0 0;}

.text-star{font-size:14px;text-indent:-12px;padding-left:12px;margin-top:25px;  line-height: 1.71; color:#616161;}
.text-star .star{ color:#ff2f2f;}

.hor-line{width:calc(100% + 144px);margin:50px 0;margin-left:-72px;border-top:1px solid #e0e0e0;}
.hor-line.mgtb60{margin:60px 0;}
.hor-line2{margin:70px 0;border-top:1px solid #e0e0e0;}
.hor-line.full{width:calc(100% + 144px);margin-left:-72px;}
.hor-line + *{margin-top:0;}
.dash-line{margin:30px 0;border-top:1px dashed #6478c8;}
.grident-line{margin:20px 0;box-shadow: 3px 3px 10px 0 rgba(0, 0, 0, 0.3); border: solid 1px #e0e0e0; background-color: #fff;}
.grident-line .list-type1{margin-top:0;}

.out-link span{ color:#008e8c;border-bottom:1px solid #008e8c;}
.out-link .ico{margin-left:5px;}

.cellbox{display:table;}
.cellbox .row{display:table-row;}
.cellbox .cell{display:table-cell;}
.cellbox .auto{width:auto;}

.top-fixed.fixed .fix-wrap{position:fixed;top:0;left:0;right:0;padding:25px 50px;background:#f6f9fd;z-index: 50;box-shadow:0 3px 3px rgba(0, 0, 0, 0.1)}
.top-fixed.fixed .fix-wrap > *{margin-top:0;padding:0 0;}

.tooltip-wrap{display:inline-block;position:relative;}
.tooltip-wrap .tooltip:hover + .tooltip-layer{display:block;}
.tooltip-out-wrap .tooltip-layer .both-box:first-child,
.tooltip-wrap .tooltip-layer .both-box:first-child{margin-top:0;}
.tooltip-wrap .tooltip-layer,
.tooltip-out-wrap .tooltip-layer{display:none;position:absolute;top:43px;right:-15px;min-width:100px;background:#fff;padding:30px 20px;z-index: 50;border-radius:5px;border: 1px solid #596bb5;box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3);white-space:nowrap;text-align:left;}
.tooltip-out-wrap .tooltip-layer{position:fixed;}
.tooltip-out-wrap{position:absolute;width:0;height:0px;}
.tooltip-wrap .tooltip-layer:before,
.tooltip-out-wrap .tooltip-layer:before{content:'';display:block;width:33px;height:24px;position:absolute;top:-24px;right:25px;background:url('../images/tooltip_arr.png') no-repeat 0 0;}
.tooltip-out-wrap .tooltip{display:none;}

.tooltip2{position:absolute;top:0;left:0;min-width:100px;font-size:16px; color:#212121;font-weight:bold;background:#fff;padding:20px 20px;z-index: 50;border-radius:5px;border: 1px solid #a6a6a6;box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3);white-space:nowrap;text-align:left;}
.tooltip2:before{content:'';display:block;width:26px;height:24px;position:absolute;top:-24px;left:10px;background:url('../images/tooltip_arr3.png') no-repeat 0 0;}

/* 2022.02.21 tooltip width size */
/* .tooltip3{display:none;position:fixed;top:0;left:0;min-width:100px;width:180px;font-size:16px; color:#212121;font-weight:bold;background:#fff;padding:20px 20px;z-index: 50;border-radius:5px;border: 1px solid #4ac3c1;box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3);white-space:nowrap;text-align:left;font-size:16px;}
.tooltip3:before{content:'';display:block;width:38px;height:22px;position:absolute;bottom:-22px;right:30px;background:url('../images/tooltip_arr4.png') no-repeat 0 0;}
 */
.tooltip3{display:none;position:fixed;top:0;left:0;min-width:100px;font-size:16px; color:#212121;font-weight:bold;background:#fff;padding:20px 20px;z-index: 50;border-radius:5px;border: 1px solid #4ac3c1;box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3);white-space:nowrap;text-align:left;font-size:16px;}
.tooltip3:before{content:'';display:block;width:38px;height:22px;position:absolute;bottom:-22px;right:60px;background:url('../images/tooltip_arr4.png') no-repeat 0 0;}

.tooltip3 strong{display:block;margin-bottom:5px;white-space: normal;}
.tooltip3 em{font-weight:300;margin-right:5px;}
.tooltip3 .value{font-weight:bold; color:#008e8c;}

.data-top-info{display:flex;flex-direction:row;align-items:center;margin:35px 0 15px 0;}
.data-top-info.vb{align-items: flex-end;}
.data-top-info .tit{font-size:18px;font-weight:bold; color:#424242;}
.data-top-info strong.tit{margin-right:20px;;}
.data-top-info .info-txt{font-size:13px; color:#424242;}
.data-top-info .info-txt .essential{font-size:13px; color:#fe2f2f;margin-right:3px;}
.data-top-info .right{margin-left:auto;}

/* 2022.02.15 add data-list-type1 */

.data-list-type1{margin-top:15px;}
.data-list-type1 .row{display:flex;flex-direction:row;align-items:center;flex-direction: wrap;color:#6c80cd;vertical-align: middle;}
/*SF_Deliverables_01_Download.html, rpt43Deliverables Download Data div 넓이 변경*/
.data-list-type1 .row .cell{position:relative;padding:15px 0 15px 15px;padding-left:34px;font-size:14px;text-align:left;}
/* .data-list-type1 .row .cell{position:relative;padding:7px 0 7px 15px;padding-left:34px;font-size:14px;text-align:left;} */
.data-list-type1 .list-header .row{background-color: rgba(188, 218, 253, 0.3); min-height:50px;}
.data-list-type1 .list-body {border-bottom:1px solid #7899d8;}
/* .data-list-type1 .list-body .row{color:#616161;position:relative;height:50px;} */
.data-list-type1 .list-body .row{color:#616161;position:relative;}
.data-list-type1 .list-body .row ~ .row{border-top:1px solid #d3eafd;}
.data-list-type1 .list-body .row .cell.tit{font-weight:500;color:#212121;}
/* .data-list-type1 .list-body .row .bg{display:none;position:absolute;top:-2px;left:0;width:100%;height:54px;box-shadow: 3px 3px 10px 0 rgba(36, 65, 93, 0.3);border: solid 1px #7899d8;background:#fff;border-radius:8px;z-index:1;} */
.data-list-type1 .list-body .row .bg{display:none;position:absolute;top:-2px;left:0;width:100%;height:110%;box-shadow: 3px 3px 10px 0 rgba(36, 65, 93, 0.3);border: solid 1px #7899d8;background:#fff;border-radius:8px;z-index:1;}
.data-list-type1 .list-body .row:hover .bg{display:block;}
.data-list-type1 .list-body .row:hover .cell{font-weight:bold;z-index:2; color:#000;}
.data-list-type1 .list-body .row:hover .cell.tit{font-weight:bold; color:#000;}

 
.data-list-type1{margin-top:15px;}
.data-list-type1 .row80{display:flex;flex-direction:row;align-items:center;flex-direction: wrap;color:#6c80cd;vertical-align: middle;}
.data-list-type1 .row80 .cell{position:relative;padding:7px 0 7px 15px;padding-left:34px;font-size:14px;text-align:left;}
.data-list-type1 .list-header .row80{background-color: rgba(188, 218, 253, 0.3); min-height:80px;}
.data-list-type1 .list-body {border-bottom:1px solid #7899d8;}
.data-list-type1 .list-body .row80{color:#616161;position:relative;height:50px;}
.data-list-type1 .list-body .row80 ~ .row80{border-top:1px solid #d3eafd;}
.data-list-type1 .list-body .row80 .cell.tit{font-weight:500;color:#212121;}
.data-list-type1 .list-body .row80 .bg{display:none;position:absolute;top:-2px;left:0;width:100%;height:54px;box-shadow: 3px 3px 10px 0 rgba(36, 65, 93, 0.3);border: solid 1px #7899d8;background:#fff;border-radius:8px;z-index:1;}
.data-list-type1 .list-body .row80:hover .bg{display:block;}
.data-list-type1 .list-body .row80:hover .cell{font-weight:bold;z-index:2; color:#000;}
.data-list-type1 .list-body .row80:hover .cell.tit{font-weight:bold; color:#000;}

.data-list-type1 .tooltip-wrap{display:inline-block;}
.data-list-type1 .cell[style*="width:auto"]{flex:1;}
.data-list-type1 .list-body .row .link{font-weight:500; color:#000;display:inline-flex;flex-direction:row;align-items:center;}
/* .data-list-type1 .list-body .row .link{font-weight:600; color:#000;display:inline-flex;flex-direction:row;align-items:center;} */
.data-list-type1 .list-body .row .link .ico{margin-right:7px;}
.data-list-type1 .list-body .row:hover .link{font-weight:bold; color:#008e8c;}
.data-list-type1 .tag-read{display:inline-flex;flex-direction:row;align-items:center;height: 24px; padding: 4px 8px; border-radius: 3px; background-color: #ffffff; border:1px solid #d9d9d9;font-weight:bold;font-size:12px;}
.data-list-type1 .tag-read ~ .tag-read{margin-left:7px;}
.data-list-type1 .tag-read .num{margin-left:5px;width:14px;height:15px;border-radius:15px;font-size:11px; color:#fff;display:inline-flex;flex-direction: column;justify-content:center;align-items:center;font-family: 'OpenSans';font-weight:500;}
.data-list-type1 .tag-read .txt{flex:1;white-space: nowrap;}
.data-list-type1 .tag-read.blue{color:#4e64c0;}
.data-list-type1 .tag-read.blue .num{background:#4e64c0;}
.data-list-type1 .tag-read.green{color:#06b2b0;}
.data-list-type1 .tag-read.green .num{background:#06b2b0;}
.data-list-type1 .list-body .row:hover .tag-read .num{background:#fff;}
.data-list-type1 .list-body .row:hover .tag-read.blue{color:#fff;background:#4e64c0;border-color:#4e64c0;}
.data-list-type1 .list-body .row:hover .tag-read.blue .num{ color:#4e64c0;}
.data-list-type1 .list-body .row:hover .tag-read.green{color:#fff;background:#06b2b0;border-color:#06b2b0;}
.data-list-type1 .list-body .row:hover .tag-read.green .num{ color:#06b2b0;}
.data-list-type1.align-c .list-header .cell{padding-left:0px;text-align:center;}
.data-list-type1.align-c .list-body .cell{padding-left:0px;text-align:center;}
.data-list-type1  + .data-list-type1{margin-top:50px;}
.title-type2 + .data-list-type1{margin-top:20px;}



/* end 2022.02.15 */

.data-list-type2 {border-bottom:1px solid #7899d8;}
.data-list-type2 .row{display:flex;flex-direction:row;flex-direction:wrap;vertical-align: middle;align-items: center;}
.data-list-type2 .list-header{padding:8px 0;}
.data-list-type2 .list-header .cell{position:relative;}
.data-list-type2 .list-header .cell .tooltip-wrap{position:absolute;top:10px;right:10px;}
.data-list-type2 .list-header .row .cell{ color:#738dc7;font-size:12px;padding: 0px 0px 0px 0px;}
.data-list-type2 .list-header{border-bottom:1px solid #7899d8;}
.data-list-type2 .list-body > .row{min-height:50px;}
.data-list-type2 .list-body > .row > .cell{position:relative;padding:17px 15px 15px 0px;font-size:14px;text-align:left; color:#616161;line-height:1.4em;}
.data-list-type2 .list-body > .row > .cell:first-child{padding-left:20px;}
.data-list-type2 .list-body > .row > .cell.tit{font-size:16px; color:#212121;font-weight:bold;padding: 0px 0px 0px 15px;}
.data-list-type2 .list-body > .row > .cell.tit2{font-size:18px; color:#212121;font-weight:bold;padding-top:25px;}
.data-list-type2 .list-body > .row > .cell .stxt{font-size:14px; color:#757575;font-weight:300;}
.data-list-type2 .list-body > .row:nth-child(even){background:#e4effd;}
.data-list-type2 .list-body > .row > .cell.type2{padding:0;}
/*2021.11.30 row bg line*/
.row.bg-sky.vt.row-under-line {border-bottom: 1px solid #7899d8;}
/*======================*/
.data-list-type2 .list-body > .row.bg-sky{background:#f6f9fd;}
.data-list-type2 .list-body > .row.bg-skyblue{background:#e4effd;}
.data-list-type2 .list-body > .row.vm{align-items: center;}
.data-list-type2 .list-body > .row.vm > .cell{padding-bottom:15px;padding-top:15px;}
.data-list-type2 .list-body > .row.vt{align-items: flex-start;}
.data-list-type2 .list-body .data-list .row{height:50px;display:flex;flex-direction:row;align-items:center;}
.data-list-type2 .list-body .data-list .row ~ .row{border-top:1px solid #d4ebfe;}
.data-list-type2 .list-body .link{font-size:14px; color:#4e64c0;display:inline-flex;}
.data-list-type2 .list-body .link .ico{margin-right:5px;}
.data-list-type2 .list-body .link .ico ~ span{flex:1;}
.data-list-type2 .list-body .txt{line-height: 1.43;}
.data-list-type2 .list-body .txt ~ .txt{margin-top:15px;}
.data-list-type2 + .data-list-type2{margin-top:40px;}
.data-list-type2.type2 .list-header{font-size:12px; color:#9e9e9e;}
.data-list-type2.type2 .list-header .cell{ color:#9e9e9e;padding-top:15px;}
.data-list-type2.type2 .list-body{background:#e4effd;}
.data-list-type2.type2 .list-body .cell{ color:#424242;font-size:16px;padding:13px 15px 11px 0px;}
.text-type1 + .data-list-type2{margin-top:15px;}
.title-type2 + .data-list-type2{margin-top:15px;}

.data-type-code{border-bottom:1px solid #7899d8;}
.data-type-code .row{display:flex;flex-direction:row;flex-direction:wrap;vertical-align: middle;}
.data-type-code .list-header{padding:8px 0;}
.data-type-code .list-header .row .cell{ color:#738dc7;font-size:12px;text-align:center;}
.data-type-code .list-header{border-bottom:1px solid #7899d8;}
.data-type-code .list-body > .row ~ .row{border-top:1px solid #7899d8;}
.data-type-code .list-body > .row .cell{display:flex;flex-direction: column;justify-content:center;align-items:center;padding:30px 0;min-height:89px;}
.data-type-code .list-body > .row .cell.tit{background:#e4effd;font-size:22px;font-weight:bold;}
.data-type-code .list-body > .row .cell.tit ~ .cell{flex:1;}
.data-type-code .list-body .txt{font-size:14px; color:#616161;text-align:center;}
.data-type-code .list-body .img{text-align:center;margin-top:14px;}
.data-type-code .list-body .img{height:64px;width:auto;}
.both-box .left .data-type-code .list-body > .row .cell{padding:32px 0;}

.dataset-table{margin-top:30px;}
.dataset-table table{border-bottom:none !important;border-collapse: collapse;}
.dataset-table thead tr{background-color: rgba(188, 218, 253, 0.3) !important; min-height:50px;}
.dataset-table thead tr th{position:relative;height:50px;line-height:1.4;padding:12px 7px;padding-left:15px;font-size:14px;border-bottom:none;vertical-align: middle;box-sizing: border-box; color:#6c80cd !important;opacity: 1;text-align:center;z-index: 10;font-weight:normal;border-collapse: collapse;}
.dataset-table thead tr th br{line-height:1;}
.dataset-table thead tr th.stxt{font-size:12px;}
.dataset-table thead tr th.line{border:1px solid #b6c3e8;}
.dataset-table tbody tr td{height:50px;border-top:1px solid #e4f1fd !important;box-sizing: border-box;vertical-align: middle;position: relative; padding: 7px 0 7px 15px;font-size: 14px; text-align:center; color:#616161;}
.dataset-table tbody tr td.bdrb{border-bottom:1px solid #d3e9fc;}
.dataset-table tbody tr:last-child td{border-bottom:1px solid #d3e9fc;}
.dataset-table tbody tr.depth2 td:first-child{padding-left:70px;}
.dataset-table tfoot tr td{height:50px;border-top:2px solid #b7c9ea;font-weight:bold;padding-left:20px;font-weight:bold; color:#424242;text-align:center;border-bottom:1px solid #d3e9fc;box-sizing: border-box;vertical-align: middle;}
.dataset-table .hover tbody tr:first-child:not(:hover) td{border-top:none !important;}
.dataset-table .hover tbody tr:hover td{border-bottom:1px solid #d3e9fc; color:#000;font-weight:normal;}
.dataset-table .hover tbody tr:hover + tr td{border-top:none !important;}
.dataset-table .hover tbody tr:hover td:first-child{border-left:1px solid #e4f1fd;border-radius:8px 0 0 8px;}
.dataset-table .hover tbody tr:hover td:last-child{border-right:1px solid #e4f1fd;border-radius:0 8px 8px 0;}
.dataset-table .dataTables_length label{display:flex;align-items: center;}
.dataset-table .dataTables_length label .nice-select{margin:0 10px;min-width: 100px;}
.dataset-table .dataTables_paginate{text-align:center;}
.dataset-table .dataTables_paginate .paginate_button{ overflow: hidden; padding:0 0; width: 40px; height: 40px; line-height: 40px; font-size: 20px; margin: 0 7px; color: #616161; vertical-align: middle; text-align: center; border-radius: 4px; }
.dataset-table .dataTables_paginate .paginate_button.disabled{opacity: 0.3;}
.dataset-table .dataTables_paginate .paginate_button.next,
.dataset-table .dataTables_paginate .paginate_button.previous{position:relative;text-indent: -99999%;    overflow: hidden; display: inline-block; text-indent: -9999%; background: url(../images/arr_paging.png) no-repeat 50% 50%; border: none;}
.dataset-table .dataTables_paginate .paginate_button.previous{transform: rotate( -180deg); -webkit-transform: rotate( -180deg);}
.dataset-table .dataTables_paginate .paginate_button.next:after,
.dataset-table .dataTables_paginate .paginate_button.previous:after{content:'';display:block;}
.dataset-table .dataTables_paginate span .paginate_button{ border: solid 1px #c1c3c6; font-family: 'OpenSans'; }
.dataset-table .dataTables_paginate span .paginate_button.current{position: relative; color: #fff; z-index: 1; color: #fff; background: #4e64c0; border-color: #4e64c0; font-weight: 500;}
.dataset-table .tooltip-th{z-index: 10;}
.dataset-table .tooltip-wrap{position:absolute;top:2%;right:-10px;display:inline-block;transform:translateY(-50%);-webkit-transform:translateY(-50%);}
.dataset-table .dataTables_length .nice-select{min-width: 100px;}
.dataset-table .green-line{border-bottom:1px solid #008e8c;}
.dataset-table .blue-line{border-bottom:1px solid #4e64c0;}
.title-type3 + .dataset-table{margin-top:15px;}
.table-sorting-menu+ .dataset-table{margin-top:20px;}
.data-top-info + .dataset-table{margin-top:10px;}

.sort-table .dataset-table table tbody tr:hover,
.sort-table .dataset-table table tbody tr:hover {
	font-weight: bold;
	padding: 15px 1px 1px 6px;
  	background-color: #ffffff;
  	border: 1px solid #7899d8;
  	border-radius : 20px / 20px;
  	box-shadow: 3px 3px 10px 0 rgba(36, 65, 93, 0.3);
}

.dataset-table2{border-bottom:1px solid #7899d8;}
/* .dataset-table2 th{ height:30px;color:#738dc7;font-size:12px;border-bottom:1px solid #7899d8;text-align:left;vertical-align:bottom;padding-bottom:7px;padding-left:20px !important;box-sizing: border-box !important;} */
/* remove padding-left */
.dataset-table2 th{ height:30px;color:#738dc7;font-size:12px;border-bottom:1px solid #7899d8;text-align:left;vertical-align:bottom;padding-bottom:7px;box-sizing: border-box !important;}
.dataset-table2 td{height:50px;position:relative;padding:17px 15px 15px 20px;font-size:14px;text-align:left; color:#616161;line-height:1.4em;box-sizing: border-box !important;vertical-align: middle;}
.dataset-table2 tr:nth-child(even) td{background:#e4effd;}
.dataset-table2 .tit{font-size:16px; color:#212121;font-weight:bold;}
.dataset-table2 table.dataTable.no-footer{border-bottom:none;}

table .tag-read{display:inline-flex;flex-direction:row;align-items:center;min-width:66px;height: 24px; padding: 4px 8px; border-radius: 3px; background-color: #ffffff; border:1px solid #d9d9d9;font-weight:bold;font-size:12px;}
table .tag-read ~ .tag-read{margin-left:7px;}
table .tag-read .num{margin-left:5px;width:14px;height:15px;border-radius:15px;font-size:11px; color:#fff;display:inline-flex;flex-direction: column;justify-content:center;align-items:center;font-family: 'OpenSans';font-weight:500;}
table .tag-read .txt{flex:1;white-space: nowrap;}
table .tag-read.blue{color:#4e64c0;}
table .tag-read.blue .num{background:#4e64c0;}
table .tag-read.green{color:#06b2b0;}
table .tag-read.green .num{background:#06b2b0;}
table tr:hover .tag-read .num{background:#fff;}
table tr:hover .tag-read.blue{color:#fff;background:#4e64c0;border-color:#4e64c0;}
table tr:hover .tag-read.blue .num{ color:#4e64c0;}
table tr:hover .tag-read.green{color:#fff;background:#06b2b0;border-color:#06b2b0;}
table tr:hover .tag-read.green .num{ color:#06b2b0;}

.table-sorting-menu{display:flex;flex-direction:row;border-top:1px solid #7899d8;margin-top:15px;padding-top:25px;}
.table-sorting-menu .box ~ .box{margin-left:60px;}
.table-sorting-menu .auto{flex:1;}
.table-sorting-menu .tit{font-size:18px; color:#212121;margin-bottom:20px;}
.table-sorting-menu .check-list:after{content:'';display:block;}
.table-sorting-menu .check-list li{float:left;width:25%;padding:6px 0;}
.table-sorting-menu .check-list li:nth-child(4n+1){clear: both;}
.table-sorting-menu .menu-btns .btn-both{display:flex;flex-direction:row;align-items:center;}
.table-sorting-menu .menu-btns .btn-both .inp-chk{border:1px solid #c1c3c6;border-radius:4px;background:#fff;height:40px;padding:8px 10px;width:138px;}
.table-sorting-menu .menu-btns .btn-both .inp-chk .txt{font-size:16px; color:#616161;margin-left:8px;}
.table-sorting-menu .menu-btns .btn-both .inp-chk:hover .inp .ic{background:#4e64c0 url('data:img/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAALCAMAAACXmSduAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAXVBMVEVOZMBQZsHEzOrd4fP////S2O+8xOfY3fFWa8Oxu+Pj5vVecsahrN2KmdXx8/r8/P6IltTu8Pl3iM/29/yCkdKbp9tpfMp/j9J3iM6YpdqIl9Wmsd9yg82ToNj09fujhe/GAAAAAWJLR0QEj2jZUQAAAAd0SU1FB+UJGgEWOxS4w98AAABUSURBVAjXVc1XDoAwDANQA2EXQgllw/2PyZJKmh/rSZYDqIviJCSl2hnlhWJJVQ2YJiBa7l4asg/RCw93OLLj15tYZiyewMqysez/8EEkvX7sTs8LypIDI01xGTIAAAAASUVORK5CYII=') no-repeat 50% 50%;border-color: #4e64c0;background-size:auto 11px;}
.table-sorting-menu .menu-btns .btn-both .btn-reset{border:1px solid #c1c3c6;border-radius:4px;background:#fff;height:40px;width:40px;display:flex;flex-direction: column;justify-content:center;align-items:center;}
.table-sorting-menu .menu-btns .btn-both .btn-reset .i-reset-white{display:none;}
.table-sorting-menu .menu-btns .btn-both .btn-reset:hover .i-reset{display:none;}
.table-sorting-menu .menu-btns .btn-both .btn-reset:hover{background-color: #4e64c0;border-color: #4e64c0;}
.table-sorting-menu .menu-btns .btn-both .btn-reset:hover .i-reset-white{display:block;}
.table-sorting-menu .menu-btns .btn-submit{margin-top:10px;}
.table-sorting-menu .menu-btns .btn-submit button{font-size:18px; color:#4e64c0;width:100%;height:60px;display:flex;flex-direction: column;justify-content:center;align-items:center;border-radius:4px;;border:1px solid #c1c3c6;background:#fff;border:1px solid #4e64c0;}
.table-sorting-menu .menu-btns .btn-submit button:hover{ color:#00fffc;background-color: #4e64c0;border-color: #4e64c0;}

/* btm */
.btn-wrap{margin-top:30px;text-align:center;}
.btn-wrap .btn-type1 ~ .btn-type1{margin-left:20px;}
.btn-wrap.up-type{margin-top:0 !important;}
.btn-wrap.up-type > *{position:relative;top:-40px;}
.dataset-table + .btn-wrap{margin-top:60px;}

[class*=btn-type]{display:inline-flex;text-align:center;flex-direction:row;align-items: center;justify-content: center;white-space:nowrap;}
.btn-type1{height: 56px;font-size:20px;line-height:1.2;padding:0 24px;font-weight:500;border-radius:8px;}
.btn-type1 .ico{margin-right:15px;}
.btn-type1.st1:hover{color:#fff;border:1px solid #4e64c0;background:#4e64c0;}
.btn-type1.st1:hover .i-down-off{background:url('../images/ico_down_on.svg') no-repeat 0 0;}
.btn-type2{height:40px;font-size:18px;line-height:1.17;padding:0 20px;border-radius:4px;}
.btn-type2 .ico{margin-right:10px;}
.btn-type2.st1:hover{color:#fff;border:1px solid #4e64c0;background:#4e64c0;}
.btn-type2.st1:hover .i-down-blue{background:url('../images/ico_down_white.svg') no-repeat 0 0;}
/* .btn-type2.st1:hover .i-img{background:url('../images/ico_img_white.svg') no-repeat 0 0;} */
[class*=btn-type].st1{color:#4e64c0;border:1px solid #4e64c0;background:#fff;}
[class*=btn-type].st2{color:#fff;border:1px solid #4e64c0;background:#4e64c0;}
[class*=btn-type].st3{color:#616161;border:1px solid #dde0e3;background:#f6f9fd;}
[class*=btn-type].st4{color:#787878;border:1px solid #e5e5e5;background:#fff;}


/* paging */
.paging-wrap{text-align:center;position:relative;}
.paging-wrap .right{position:absolute;top:50%;right:0;transform:translateY(-50%);-webkit-transform:translateY(-50%);}
.paging{margin-top:60px;text-align:center;display:flex;flex-direction:row;align-items:center;justify-content: center;}
.paging button,
.paging a{overflow:hidden;width:40px;height:40px;line-height:40px;font-size:20px;margin:0 7px;color:#616161;vertical-align:middle;text-align:center;border-radius:4px;  border: solid 1px #c1c3c6;font-family: 'OpenSans';}
.paging > a.on{position:relative;color:#fff;z-index:1;color: #fff;background:#4e64c0;border-color: #4e64c0;font-weight:600;}
.paging .page-prev{overflow:hidden;display:inline-block;text-indent:-9999%;background:url('../images/arr_paging.png') no-repeat 50% 50%;transform: rotate(-180deg);-webkit-transform: rotate(-180deg);border:none;}
.paging .page-next{overflow:hidden;display:inline-block;text-indent:-9999%;background:url('../images/arr_paging.png') no-repeat 50% 50%;border:none;}
.paging button:disabled{opacity: 0.3;}

.tab-type1 {margin-top:40px;}
/* 2022.02.07 border color change */
/* .tab-type1 ul{border-radius:8px;overflow:hidden;border:1px solid #4e64c0;display:inline-block;background:#fff;} */
.tab-type1 ul{border-radius:8px;overflow:hidden;border:1px solid #7899d8;display:inline-block;background:#fff;}
.tab-type1 ul ~ ul{margin-left:18px;}
.tab-type1:after{content:'';display:block;clear: both;}
.tab-type1 li{float:left;}
/* 2022.02.07 border color change */
/* .tab-type1 li ~ li{border-left:1px solid #4e64c0;} */
.tab-type1 li ~ li{border-left:1px solid #7899d8;} 
.tab-type1 li a{display:block;height:56px;width:240px;display:flex;flex-direction: column;justify-content:center;align-items:center; font-size: 16px; line-height: 1.88; color: #424242; }
.tab-type1 li.on{background:#4e64c0;}
.tab-type1 li.on a{ color:#fff;font-weight:bold;}
.tab-type1.full ul{display:flex;flex-direction:row;align-items:center;}
.tab-type1.full ul li{flex:1;}
.tab-type1.full ul li a{width:100%;}
.data-list-type1 + .tab-type1{margin-top:60px;}

.refer-path{margin-top:35px;}
.refer-path > strong{font-weight:normal;font-size:12px; color:#738dc7;display:block;margin-bottom:7px;}
.refer-path .path{display:flex;flex-direction:row;align-items:center;height:60px;border-top:1px solid #7899d8;border-bottom:1px solid #7899d8;padding:0 30px;background:#fff;}
.refer-path .path{ color:#008e8c;font-size:14px;}
.refer-path .path ~ .path {border-top:none;}
.refer-path .path:hover .link-txt{font-weight:bold;}
.refer-path .right{margin-left:auto;width:auto !important;float:none !important;}
.refer-path .link{  font-size: 14px; font-weight: bold;}
.refer-path .link .ico{margin-right:5px;}
.refer-path .btn-newopen{display:inline-block;}
.refer-path .text{font-size:14px; color:#424242;line-height: 1.43;border-top:1px solid #7899d8;border-bottom:1px solid #7899d8;padding:20px 30px;background:#fff;}
.refer-path .ico.i-newopen{cursor: pointer;}
.list-type2 + .refer-path{margin-top:20px;}

.circle-chart{position:relative;}
.circle-chart .per-text{font-size:20px;font-weight:bold; position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);letter-spacing: -0.36px;}
.circle-chart .per-text.type2{font-size:28px;font-weight:normal;}
.circle-chart .per-text.type3{font-size:26px;font-weight:normal;font-weight:bold;}
.circle-chart.blue .per-text{color:#223a9d;}
.circle-chart.green .per-text{color:#008e8c;}

.list-box{margin-top:30px;padding:30px 50px;border:1px solid #ecedef;border-radius:8px;background:#fff;}
.list-box:after{content:'';display:block;clear: both;}
.list-box .left{float:left;width:50%;padding-right:40px;}
.list-box .right{float:right;width:50%;padding-left:50px;}
.list-box .right  + *{clear: both;}
.list-box .clear{clear: both;}
.list-box .img-box{text-align:center;padding:30px 0;text-align:center;}
.list-box .img-box img{max-width: 100%;}
.title-type3 + .list-box{margin-top:15px;}

.list-type1{margin-top:30px;}
.list-type1:first-child{margin-top:0;}
.list-type1 li{position:relative;font-size:13px; color:#616161;word-break: break-word;padding-left:8px;white-space: normal;}
/* datatables tooltip inner li style remove 2022.04.26*/
/* .list-type1 li:before{content:'';display:block;position:absolute;top:6px;left:0;width:2px;height:2px;background:#7f7f7f;} */
.list-type1 li ~ li{margin-top:10px;}
.list-type1 li strong{display:block; color:#223a9d;margin-bottom:8px;}
.list-type1 li strong.inline{display:inline;}
.list-type1 .dash-list{margin-top:10px;}
.list-type1 .dash-list li{padding-left:10px;position:relative; font-size:12px;}
.list-type1 .dash-list li ~ li{margin-top:5px;}

.list-type2{margin-top:30px;}

/* list-style.css 추가 Somatic_03_Analysis_Result.html, rpt22SmtAnalysisRst page - Somatic SV Statistics desc */
.list-type2 > li{font-size:16px; color:#616161;}
/* .list-type2 > li{position:relative;font-size:16px;padding-left:15px; color:#616161;} */
.list-type2 > li:before{content:'';display:block;position:absolute;top:6px;left:0;width:6px;height:6px;border-radius:6px;border:1px solid #6c6c6d;}
.list-type2 > li ~ li{margin-top:15px;}
.list-type2 .dash-list{padding-left:12px;margin-top:12px;}
.list-type2 .dash-list li{padding-left:10px;position:relative;font-size:14px;}
.list-type2 .dash-list li ~ li{margin-top:6px;}
.list-type2 .stxt{font-size:13px;margin-top:15px;}
.title-type3 + .list-type2{margin-top:10px;}

.dash-list li{padding-left:10px;position:relative;font-size:13px;}
.dash-list li ~ li{margin-top:5px;}
.dash-list li:before{content:'';display:block;position:absolute;top:7px;left:0;width:5px;height:1px;background:#7a7a7a;}

.num-list li{padding-left:15px;text-indent: -15px;}
.number-list{margin-top:15px;}
/* 2021.11.09 text-indent, padding-lef remove */
/* 2021.11.30 add word-break*/
/* .number-list li{padding-left:17px;text-indent: -17px;font-size:16px;line-height:1.5em; color:#616161;} */
.number-list li{font-size:16px;line-height:1.5em; color:#616161; word-break: break-word;}
.number-list li.num2{padding-left:27px;text-indent: -27px;}
.number-list li ~ li{margin-top:18px;}

.view-box{margin-top:40px;}
.view-box .box-header{height:40px;padding:0 20px;display:flex;flex-direction:row;align-items:center;background:#e4effd;}
.view-box .box-header .tit{font-size:12px; color:#738dc7;font-weight:normal;}
.view-box .box-header .right{margin-left:auto;}
.view-box .box-header .sample-label .label{font-size:14px;}
.view-box .box-header .sample-label .label ~ .label{margin-left:20px;}
.view-box .box-header .sample-label .label .rect{width:20px;height:20px;display:inline-block;vertical-align: middle;margin-right:6px;}
.view-box .box-header .sample-label .label .circle{width:15px;height:15px;display:inline-block;vertical-align: middle;margin-right:6px;border-radius:15px;}
.view-box .box-header .sample-label .label .line{width:24px;height:5px;display:inline-block;vertical-align: middle;margin-right:6px;}
.view-box .box-header .sample-label .label span{display:inline-block;vertical-align: middle;}
.view-box .box-content{padding:40px 30px;background:#fff;position:relative;}
.view-box .box-content.no-bg{background: none;}
.view-box .box-content .right-top{position:absolute;top:20px;right:30px;z-index: 10;}
.view-box .box-content .data-img-box{margin-top:0;}
.view-box .description{position:absolute;bottom:40px;right:40px;font-size:16px; color:#616161;}
.view-box .description .tooltip-wrap{margin-left:10px;}
.view-box .description .tooltip-wrap .tooltip-layer{top:initial;bottom:50px;right:-10px;}
.view-box .description .tooltip-wrap .tooltip-layer:before{top:initial;bottom:-24px;background: url('../images/tooltip_arr2.png') no-repeat 0 0;}
.view-box .swiper-wrapper.tooltip-on{z-index: 50;}
.view-box .chart-tit{text-align:center;font-size:14px;font-weight:bold; color:#223a9d;margin:30px 0 10px;}
.text-type1 + .view-box{margin-top:30px;}
.title-type2 + .view-box{margin-top:20px;}
.title-type3 + .view-box{margin-top:20px;}

.line-box{margin-top:20px;padding:30px 40px;font-size:16px; color:#616161;border:1px solid #7899d8;border-radius:8px;}
.line-box strong{display:block;font-size:16px;margin-bottom:15px; color:#212121;}
.line-box .list-type2{margin-top:0;}
.line-box p{line-height:1.5em;}
.line-box.grayline{border:1px solid #d5d5d5;}
.line-box.grayline{border:1px solid #d5d5d5;}
.line-box.pad-type1{padding:40px;}
.line-box .both-box:first-child{margin-top:0;}
.text-type1 + .line-box{margin-top:30px;}
.dataset-table + .line-box{margin-top:40px;}

.chart-swiper .swiper-slide{text-align:center;}
.chart-swiper img{max-width:100%;}
.swiper-button-next{width:34px;height:59px;background:url('../images/arr_swiper_next.svg') no-repeat 0 0;}
.swiper-button-prev{width:34px;height:59px;background:url('../images/arr_swiper_prev.svg') no-repeat 0 0;}
.swiper-pagination{position:relative;margin-top:20px;bottom: inherit;bottom:0 !important;}
.swiper-pagination .swiper-pagination-bullet{width:13px;height:13px;border-radius:13px;background:#b0b1b2;opacity: 1;margin:0 4px;}
.swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background:#223a9d;box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.25);}

.info-top-wrap{width:calc(100% + 144px);margin-left:-72px;padding:30px 72px;border-top:1px solid #ebecee;border-bottom:1px solid #ebecee;background:#fff;}
.info-top-wrap:after{content:'';display:block;clear: both;}
.info-top-wrap .title-wrap{float:left;margin-right:50px;}
.info-top-wrap .title-wrap strong{display:inline-block;margin-right:20px;vertical-align: middle;font-size:22px;font-weight:normal;}
.info-top-wrap .title-wrap strong b{display:block;font-size:32px;font-weight:bold;line-height:1em;}
.info-top-wrap .title-wrap .nice-select{background-color:#707070; color:#fff;vertical-align: middle;display:inline-block;}
.info-top-wrap .title-wrap select{background-color:#707070; color:#fff;}
.info-top-wrap .slider{position:relative;overflow: hidden;}
.info-top-wrap .slider .swiper-container:after{content:'';display:block;position:absolute;top:0;right:0;width:80px;height:100%;background: linear-gradient(to right, rgba(0,0,0,0), #fff);z-index: 10;}
.info-top-wrap .slider .swiper-container:before{content:'';display:block;position:absolute;top:0;left:0;width:80px;height:100%;background: linear-gradient(to right, #fff,rgba(0,0,0,0));z-index: 10;}
.info-top-wrap .slider .swiper-slide a{display:flex;height:60px;padding:0 15px;justify-content:center;align-items:center;font-size:18px; color:#757575;}

/* 02_Result_per_Sample_Full_popup ----->slide foucus color none*/
/* .info-top-wrap .slider .swiper-slide.swiper-slide-active a{background:#4e64c0; color:#fff;border-radius:8px;} */

.info-top-wrap .slider .swiper-button-prev{width:27px;height:40px;top:55px;background-size:auto 100%;z-index: 15;}
.info-top-wrap .slider .swiper-button-next{width:27px;height:40px;top:55px;background-size:auto 100%;z-index: 15;}
.info-top-wrap .slider .swiper-container:not(.swiper-container-horizontal):before,
.info-top-wrap .slider .swiper-container:not(.swiper-container-horizontal):after,
.info-top-wrap .slider .swiper-container:not(.swiper-container-horizontal) .swiper-button-next,
.info-top-wrap .slider .swiper-container:not(.swiper-container-horizontal) .swiper-button-prev{display: none;}
.info-top-wrap .slider .swiper-container:not(.swiper-container-horizontal) .swiper-wrapper{display:block;text-align:center;}
.info-top-wrap .slider .swiper-container:not(.swiper-container-horizontal) .swiper-slide{width:auto;display:inline-block;}
.info-top-wrap .slider .swiper-container:not(.swiper-container-horizontal) .swiper-slide a{padding:0 40px;}
@media all and (min-width:1550px){
    .info-top-wrap .slider .swiper-slide.on a{background:#4e64c0; color:#fff;border-radius:8px;}
}

/* add slider on background color */ 
.info-top-wrap .slider .swiper-slide.on a{background:#4e64c0; color:#fff;border-radius:8px;}

/* Family_Analysis_02_Analysis_Result.html, rpt31FmlAnalysisRst line color change */
/* .tab-slider{padding:15px 0;background:#f6f9fd;border-bottom:1px solid #80bbf8;} */
.tab-slider{padding:15px 0;background:#f6f9fd;border-bottom:1px solid #e0e5f3;}
.tab-slider.no-ani .swiper-wrapper{transition: none !important;}
.tab-slider .slider{position:relative;overflow: hidden;}
.tab-slider .slider .swiper-container:after{content:'';display:block;position:absolute;top:0;right:0;width:80px;height:100%;background: linear-gradient(to right, rgba(0,0,0,0), #f7f9fd);z-index: 10;}
.tab-slider .slider .swiper-container:before{content:'';display:block;position:absolute;top:0;left:0;width:80px;height:100%;background: linear-gradient(to right, #f7f9fd,rgba(0,0,0,0));z-index: 10;}
/* .tab-slider .slider .swiper-slide{width:auto;display:inline-block;} */
.tab-slider .slider .swiper-slide a{display:flex;min-width:160px;height:60px;padding:0 15px;justify-content:center;align-items:center;font-size:18px; color:#757575;}
.tab-slider .slider .swiper-slide.swiper-slide-active a{background:#4e64c0; color:#fff;border-radius:8px;}
.tab-slider .slider .swiper-button-prev{width:27px;height:42px;top:55px;background-size:auto 100%;z-index: 15;background:url('../images/arr_swiper_prev2.png') no-repeat 0 0;background-size:auto 100%;opacity: 0.3;}
.tab-slider .slider .swiper-button-next{width:27px;height:42px;top:55px;background-size:auto 100%;z-index: 15;background:url('../images/arr_swiper_next2.png') no-repeat 0 0;background-size:auto 100%;opacity: 0.3;}
.tab-slider .slider .swiper-container:not(.swiper-container-horizontal):before,
.tab-slider .slider .swiper-container:not(.swiper-container-horizontal):after,
.tab-slider .slider .swiper-container:not(.swiper-container-horizontal) .swiper-button-next,
.tab-slider .slider .swiper-container:not(.swiper-container-horizontal) .swiper-button-prev{display: none;}
.tab-slider .slider .swiper-container:not(.swiper-container-horizontal) .swiper-wrapper{display:block;text-align:center;}
.tab-slider .slider .swiper-container:not(.swiper-container-horizontal) .swiper-slide{width:auto;display:inline-block;}
.tab-slider .slider .swiper-container:not(.swiper-container-horizontal) .swiper-slide a{padding:0 40px;}
.tab-slider .slider  .text-slider:not(.swiper-container-horizontal) .swiper-slide.on a{background:#4e64c0; color:#fff;border-radius:8px;}
.tab-slider .swiper-pagination{overflow:hidden;position:absolute;top:0;left:0;width:0;height:0;}
.title-type2 + .tab-slider{margin-top:30px;}


.tab-btns{position:relative;margin-top:35px;padding-bottom:20px;padding-right:30px;}
.tab-btns a{display:inline-flex; align-items: center; height: 40px; margin: 5px 3px; padding: 0 20px; border-radius: 4px; font-size:18px; color:#616161; border: solid 1px #c1c3c6; background-color: #f7fafe ;vertical-align: middle;}
.tab-btns a.on{background:#4e64c0;border:1px solid #4e64c0; color:#fff;font-weight:bold;}
.tab-btns .tooltip-wrap{position:absolute;top:13px;right:0;margin-left:50px;vertical-align: middle;}

.essential-text{font-size:14px; color:#424242;margin-top:15px;text-align:right;}

/* main */

.main-banner-wrap .main-banner{border-radius:8px;box-shadow: 3px 6px 10px 0 rgba(0, 0, 0, 0.2);overflow: hidden;}
.main-banner-wrap .main-banner .banner{height:180px;padding:45px 40px 0 40px; color:#fff;background:#24898d url('../images/bg_main_banner.png') no-repeat 100% 0;}
.main-banner-wrap .main-banner .banner strong{font-size:28px;font-weight:normal;}
.main-banner-wrap .main-banner .banner p{font-size:13px;margin-top:15px;line-height: 1.38;}

/* banner2 add */
.banner2 { height: 180px; padding: 45px 40px 0 40px; color: #fff; background: #3559D8 url(../images/ngs_report_main_banner4.png) no-repeat 100% 0;}
.banner2 .c-aqua{color: #4efffd;}
.main-banner-wrap .main-banner .banner2 strong {font-size: 28px; font-weight: normal; line-height: 32px;}
.main-banner-wrap .main-banner .banner2 p {font-size: 13px; margin-top: 15px; line-height: 18px;}

/*--------------*/

.project-result-summary{margin-top:40px;}
.project-result-summary h1 {font-size:28px;font-weight:bold; color:#212121;margin-bottom:30px;}
.project-result-summary .summary-wrap {display:flex;flex-direction:row;}
.project-result-summary .summary-wrap .number-box {width:200px;margin-right:40px;}
.project-result-summary .summary-wrap .number-box ul li ~ li{margin-top:10px;}
.project-result-summary .summary-wrap .number-box ul li .box {border-radius:8px;border:1px solid #d0d8e6;height:100px;display:flex;flex-direction: column;justify-content:center;align-items:center;font-size:14px; color:#757575;}
.project-result-summary .summary-wrap .number-box ul li .box .num {font-size:26px; color:#424242;margin-top:10px;}
.project-result-summary .summary-wrap .number-box ul li .box .num b {font-weight:500;}
.project-result-summary .summary-wrap .number-box ul li .box .num span{margin-left:3px;}
.project-result-summary .summary-wrap .number-box ul li .box:hover{font-size:16px; color:#fff;background-color: #223a9d; background-image: linear-gradient(105deg, rgba(34, 58, 157, 0) 20%, rgba(33, 51, 148, 0.45) 52%, rgba(20, 33, 100, 0.78) 65%, #111b4d 84%);}
.project-result-summary .summary-wrap .number-box ul li .box:hover .num{margin-top:0px;}
.project-result-summary .summary-wrap .number-box ul li .box:hover .num b{font-size:38px; color:#fff;}
.project-result-summary .summary-wrap .number-box ul li .box:hover .num span{font-size:20px; color:#fff;}
.project-result-summary .summary-wrap .chart {flex:1;position:relative;margin-left:40px;top:28px;}
.project-result-summary .summary-wrap .chart .degree {position:absolute;top:0;right:0;}
.project-result-summary .summary-wrap .chart .degree .txt {font-size:14px; color:#707070;margin-left:5px;}
.project-result-summary .summary-wrap .chart .bg {margin:0 auto;position:relative;left:-80px;background:url('../images/bg_project_result_summary.png') no-repeat 0 0;background-size:auto 100%;width:486px;height:486px;}
.project-result-summary .summary-wrap .chart .bg ul {position:absolute;top:45px;right:250px;}
.project-result-summary .summary-wrap .chart .bg ul li {font-weight:500;font-size:14px; color:#4e64c0;text-align:right;}
.project-result-summary .summary-wrap .chart .bg ul li ~ li{margin-top:15px;}
.project-result-summary .summary-wrap .chart .bg .percentage {position:absolute;top:200px;left:320px;}
.project-result-summary .summary-wrap .chart .bg .percentage .line{position:relative;width:187px;height:1px;background:#223a9d;}
.project-result-summary .summary-wrap .chart .bg .percentage .line i{position:absolute;top:-7px;left:0;border:3px solid #4e64c0;width:15px;height:15px;background:#fff;border-radius:15px;}
.project-result-summary .summary-wrap .chart .bg .percentage .desc {position:absolute;top:-45px;left:200px;font-size:16px; color:#4e64c0;font-weight:500;white-space: nowrap;}
.project-result-summary .summary-wrap .chart .bg .percentage .per b {font-size:53px; color:#223a9d;font-weight:500;}
.project-result-summary .summary-wrap .chart .bg .percentage .per .unit {font-size:24px; color:#223a9d;font-weight:500;}
.project-result-summary .report-comment{margin-top:30px;}


.result-summary{margin-top:50px;}
.result-summary h1 {font-size:28px; color:#212121;}
.result-summary .summary-info {display:flex;flex-direction:row;align-items:center;margin-top:20px;}
.result-summary .summary-info .samples {width:24%;height:180px;padding-top:30px;color:#fff;border-radius:8px;box-shadow: 3px 6px 10px 0 rgba(0, 0, 0, 0.2);background:url('../images/bg_samples.png') no-repeat 50% 50%;background-size:cover;}
.result-summary .summary-info .samples .cont {height:100px;font-size:60px;font-weight:500;display:flex;flex-direction: column;justify-content:center;align-items:center;}
.result-summary .summary-info .samples .stxt {font-size:16px;font-weight:bold;text-align:center;}
.result-summary .summary-info .infos {flex:1;display:flex;flex-direction:row;align-items:center;margin-left:20px;box-shadow: 3px 6px 10px 0 rgba(138, 95, 95, 0.2);border-radius:8px; background:#fff;;}
.result-summary .summary-info .infos li {padding-top:30px;flex:1;height:180px;}
.result-summary .summary-info .infos li ~ li{border-left:1px solid #dde0e3;}
.result-summary .summary-info .infos li .cont {height:100px;display:flex;flex-direction: column;justify-content:center;align-items:center;}
.result-summary .summary-info .infos li .cont .txt1 {font-size:32px;font-weight:500; color:#757575;text-align:center;letter-spacing: -0.48px;}
.result-summary .summary-info .infos li .stxt {color:#757575;font-size:14px;text-align:center;}
.result-summary .summary-info .infos li .cont .txt2 {font-size:24px;line-height:1.38; color:#757575;text-align:center;font-style: italic;letter-spacing: -0.36px;}
.result-summary .report-comment{margin-top:30px;}
.report-comment{display:flex;flex-direction:row;border:1px solid #d0d8e6;padding:15px 24px;border-radius:8px;}
.report-comment .title {width:230px;display:flex;flex-direction:row;padding-top:10px;}
.report-comment .title .icon {width:55px;height:55px;border-radius:55px;background:#e3e4e4;display:inline-flex;flex-direction: column;justify-content:center;align-items:center;}
.report-comment .title .tit{display:inline-block; color:#212121;font-size:16px;margin-left:10px;padding-top:7px;}
.report-comment .comment {flex:1; color:#757575;font-size:14px;line-height:1.5;}

.shadow-box{margin-top:30px;padding:40px;box-shadow: 3px 6px 10px 0 rgba(138, 95, 95, 0.2);border-radius:8px;background:#fff;}
.shadow-box .box-header{display:flex;flex-direction:row;align-items:center;}
.shadow-box .box-header .title{display:flex;flex-direction:row;align-items:center;}
.shadow-box .box-header h1{font-size:22px;font-weight:bold;display:flex;flex-direction:row;align-items:center;}
.shadow-box .box-header h1 .txt{font-size:16px;margin-left:5px;}
.shadow-box .box-header .legend{margin-left:10px;}
.shadow-box .box-header .legend i{display:inline-block;margin-right:5px;}
.shadow-box .box-header .legend .txt{ color:#757575;font-size:16px;font-weight:bold;vertical-align: middle;}
.shadow-box .box-header .title-sub-txt{display:inline-block;margin-top:10px;font-size:12px; color:#9e9e9e;vertical-align: middle;}
.shadow-box .box-header .right{margin-left:auto;}
.shadow-box .box-header .right [class*=btn-type]{width:140px;}
.shadow-box .box-header .right [class*=btn-type] ~ [class*=btn-type]{margin-left:8px;}
.shadow-box .box-content{margin-top:40px;}
.shadow-box .box-content .bar-chart{padding:20px 0 10px;height:270px;}

.shadow-box.main-chart{padding-bottom:0;}
.shadow-box.main-chart .box-content{margin-top:0;}
.shadow-box.main-chart .chart-list{display:flex;flex-direction:row;align-items:center;padding: 35px 80px 45px;}
.shadow-box.main-chart .chart-list > div{flex:1;}
.shadow-box.main-chart .chart-list .green:hover .txt{color: #008e8c;}
.shadow-box.main-chart .chart-list .circle-chart{margin:0 auto;}
.shadow-box.main-chart .chart-list .txt{text-align:center;margin-top:5px;font-size:12px; color:#757575;}

.analysis-result-tree{margin-top:15px;}

.data-result-wrap{margin-top:15px;}
.data-result-wrap img{max-width:100%}

.scroll-x-box{overflow-x:auto;overflow-y:hidden;margin-top:50px;}
.scroll-x-box::-webkit-scrollbar{-webkit-appearance:none}
.scroll-x-box::-webkit-scrollbar:vertical{width:6px;}
.scroll-x-box::-webkit-scrollbar:horizontal{height:6px;}
.scroll-x-box::-webkit-scrollbar-thumb{
	background-color:#223a9d;
	border-radius:10px;
}
.scroll-x-box::-webkit-scrollbar-track{
	background-color:#e0e0e0;
	border-radius:10px;
}
/* ie */
.scroll-x-box{
    scrollbar-arrow-color:#223a9d;
    scrollbar-3dlight-color:#D4D0C8;
    scrollbar-darkshadow-color:#D4D0C8;
    scrollbar-face-color:#223a9d;
    scrollbar-shadow-color:#223a9d;
    scrollbar-track-color:#e0e0e0;
}

.data-img-box{margin-top:15px;text-align:center;}
.data-img-box img{max-width:100%;}
.dataset-table + .data-img-box{margin-top:50px;}

.chart-img-box{margin-top:30px;}


.circle-chart-list{display:flex;flex-direction:row;align-items:center;flex-wrap: wrap;}
.circle-chart-list > div{flex:1;}
.circle-chart-list .circle-chart{margin:0 auto;}
.circle-chart-list .chart-wrap .txt{font-size:12px; color:#757575;margin-top:15px;text-align:center;}
.circle-chart-list .chart-wrap .txt2{font-size:16px; color:#616161;margin-top:15px;text-align:center;font-weight:500;}
.circle-chart-list.row-6 > div{flex:initial;width:16.6666%;}
.circle-chart-list.row-6 > div:nth-child(6) ~ div{margin-top:30px;}
.label-wrap + .circle-chart-list{margin-top:40px;}
.chart-wrap-opt{ margin-bottom: 30px; margin-right: 30px;}

.exp-list{display:flex;flex-direction:row;align-items:center;margin-top:40px;}
.exp-list li {flex:1;height:380px;box-shadow: 3px 6px 10px 0 rgba(138, 95, 95, 0.2);border-radius:8px;background:#fff;display:flex;flex-direction: column;justify-content:space-between;}
.exp-list li ~ li{margin-left:35px;}
/* 
.exp-list li:nth-child(1){background:#fff url('../images/bg_exp-list_1.png') no-repeat 50% 100%;background-size:100% 100%}
.exp-list li:nth-child(2){background:#fff url('../images/bg_exp_list_2.png') no-repeat 50% 100%;background-size:100% 100%}
.exp-list li:nth-child(3){background:#fff url('../images/bg_exp_list_3.png') no-repeat 50% 100%;background-size:100% 100%} 
*/
.exp-list li .text {padding-top:50px;text-align:center;}
.exp-list li .text .tit {display:block;font-size:26px;font-weight:500;}
.exp-list li .text .txt {display:block;font-size:14px; color:#616161;margin-top:10px;}
.exp-list li .img {text-align:center;padding-bottom:10px;}
.exp-list li .img img {max-width: 100%;}

.f-box{display:flex;flex-direction:row;align-items:center;}
.f-box .auto{flex:1;}

.statistics-box{display:flex;flex-direction:row;align-items:flex-start;margin:60px 0;}
.statistics-box.vm{align-items: center;}
.statistics-box .box .title-box {position:relative;width:260px;padding:35px 0;padding-left:30px;display:flex;flex-direction: column;justify-content:center; color:#212121;font-size:30px;border-radius: 8px; border: solid 1px #d0d8e6; background-color: #f6f9fd;line-height:1;font-weight:300;}
.statistics-box .box .title-box.tag{height:164px;padding-top:70px;}
.statistics-box .box .title-box .title-tag{position:absolute;top:15px;left:-7px;margin-left:0;}
.statistics-box .box .title-box b {font-weight:bold;display:block;}
.statistics-box .box.statistics-munber{width:380px;margin-left:55px;margin-right:55px;}
.statistics-box .statistics-munber .num-row  ~ .num-row{margin-top:30px;}
.statistics-box .statistics-munber .num-row.mgt2{margin-top:10px;}
.statistics-box .statistics-munber .num-row .label {font-size:16px; color:#9e9e9e;}
.statistics-box .statistics-munber .num-row .num-type1 {color:#212121;font-size:40px;font-weight:300;}
.statistics-box .statistics-munber .num-row .num-type2 {font-size:32px; color:#212121;font-weight:300;}
.statistics-box .statistics-munber .num-row .num-type3 {font-size:24px; color:#212121;font-weight:300;}
.statistics-box .statistics-munber.row{display:flex;flex-direction:row;}
.statistics-box .statistics-munber.row .num-row{margin-top:0;min-width:330px;}
.statistics-box .statistics-munber.row .num-row ~ .num-row{margin-left:20px;}
.statistics-box .box.chart{overflow:hidden;flex:1;text-align:center;}
.statistics-box .box.chart.mgt{margin-top:40px;}
.statistics-box .box.chart{position:relative;}
.statistics-box .box.chart .label-wrap{margin-bottom:30px;}
.statistics-box .box.data-box{flex:1;margin-left:55px;}
.statistics-box .box.grident-btn-box{flex:1;}
.statistics-box .box.grident-btn-box .work-flow-btn{text-align:left;}
.statistics-box .box.grident-btn-box .work-flow-btn a{padding:0 70px;}
.statistics-box .box.grident-btn-box .work-flow-btn span ~ span{margin-left:5px;}
.statistics-box .box.auto{flex:1;}
.statistics-box .description{position:absolute;bottom:0;right:10px;font-size:16px; color:#616161;}
.statistics-box .description .tooltip-wrap{margin-left:10px;}
.statistics-box .description .tooltip-wrap .tooltip-layer{top:initial;bottom:50px;right:-10px;}
.statistics-box .description .tooltip-wrap .tooltip-layer:before{top:initial;bottom:-24px;background: url('../images/tooltip_arr2.png') no-repeat 0 0;}


.chart-box{display:flex;flex-direction:row;}
.chart-box .box{flex:1;}
.chart-box > div ~ div{margin-left:20px;}
.chart-box ~ .chart-box{margin-top:45px;}
.chart-box.pad-type .box~.box{margin-left:40px;;}
.title-type2 + .chart-box{margin-top:30px;}
.dataset-table + .chart-box{margin-top:40px;}
.view-box + .chart-box{margin-top:60px;}

.chart-slider-box{margin-top:60px;}
.chart-slider-box .chart{margin-top:30px;}

.both-box{display:flex;flex-direction:row;}
.both-box > div ~ div{margin-left:20px;}
.both-box .overall-mapping{flex:1;height:304px;}
.both-box .heatmap{width:274px;height:304px;padding:0 0;overflow: hidden;}
.both-box .auto{flex:1;}
.both-box .left{flex:1;}
.both-box .right{flex:1;margin-left: 40px;}

.both-box{display:flex;flex-direction:row;margin-top:30px;}
.both-box .download-data {padding:35px 0 0 40px;flex:1;height:140px;border-radius:8px;border:1px solid #d0d8e6;background:url('../images/bg_main_download.png') no-repeat right 40px top 50%;}
.both-box .download-data .txt {font-size:20px; color:#223a9d;margin-bottom:10px;}
.both-box .appendix {height:140px;width:31.5%;padding:35px 30px 0;margin-left:20px;background:#e4effd;border-radius:8px;border:1px solid #cbe6fe;}
.both-box .appendix strong {display:block;font-weight:500; color:#000;font-size:20px;}
.both-box .appendix p {margin-top:10px;font-size:14px; color:#757575;}

.both-box .analysis-result { padding:40px; flex: 1;border-radius: 8px; height: 340px;box-shadow: 3px 6px 10px 0 rgba(138, 95, 95, 0.2);}
.both-box .analysis-result.bg1 {background:#fff url('../images/bg_analysiso_result1.png') no-repeat 90% 60%;}
.both-box .analysis-result.bg2 {background:#fff url('../images/bg_analysiso_result2.png') no-repeat 90% 60%;}
.both-box .analysis-result.bg3 {background:#fff url('../images/bg_analysiso_result3.png') no-repeat 90% 60%;}
.both-box .analysis-result.bg4 {background:#fff url('../images/bg_analysiso_result4.png') no-repeat 90% 60%;}
.both-box .analysis-result.bg5 {background:#fff url('../images/bg_analysiso_result5.png') no-repeat 90% 60%;}
.both-box .analysis-result strong{display:block;font-size:24px;font-weight:bold; color:#212121;}
.both-box .analysis-result ul {margin-top:25px;}
.both-box .analysis-result ul li {font-size:18px; color:#212121;}
.both-box .analysis-result ul li ~ li{margin-top:3px;}
.both-box .analysis-result ul li a {display:inline-block;height:35px;line-height:35px;border-radius:5px;}
.both-box .analysis-result ul li.on a,
.both-box .analysis-result ul li a:hover { color:#fff;background:#4e64c0;padding:0 15px;}
.both-box .analysis-result + .right-wrap { width: 31.5%; }
.both-box .appendix2 {padding:40px;height:230px;border-radius: 8px;background:#fff;box-shadow: 3px 6px 10px 0 rgba(138, 95, 95, 0.2);}
.both-box .appendix2 strong{display:block;font-size:24px;font-weight:bold; color:#212121;}
.both-box .appendix2 ul {margin-top:15px;}
.both-box .appendix2 ul li {font-size:14px; color:#616161;}
.both-box .appendix2 ul li ~ li{margin-top:7px;}
.both-box .appendix2 ul li a {display:inline-block;height:24px;line-height:24px;}
.both-box .appendix2 ul li a:hover{padding:0 6px;background:#e4effd; color:#233b9d;}
.both-box .workflow {border-radius: 8px;height:100px;margin-top:10px;background:#4e64c0;text-align:center;}


.both-box2{margin-top:30px;}
.both-box2:after{content:'';display:block;clear: both;}
.both-box2 .family-infomation{float:left;width:calc(68.5% - 20px);height:320px;padding:40px;box-shadow: 3px 6px 10px 0 rgba(138, 95, 95, 0.2);border-radius:8px;background:#fff;overflow:hidden;}
.both-box2 .family-infomation .tit{font-weight:bold; color:#212121;font-size:21px;}
.both-box2 .family-infomation .swiper-container{margin-top:25px;}
.both-box2 .family-infomation .swiper-slide{text-align:center;}
.both-box2 .inheritance-modeling{float:right;width:31.5%;height:320px;padding:40px;box-shadow: 3px 6px 10px 0 rgba(138, 95, 95, 0.2);border-radius:8px;background:#fff;}
.both-box2 .inheritance-modeling .tit{font-weight:500; color:#212121;font-size:20px;text-align:center;}
.both-box2 .inheritance-modeling .txt{ color:#616161;font-size:14px;line-height:1.4;margin-top:10px;text-align:center;}
.both-box2 .inheritance-modeling .img{text-align:center;margin-top:32px;}

.inheritance-modeling-wrap .both-box .right{margin-left:70px;}
.inheritance-modeling-wrap .both-box .img{text-align:center;}
.inheritance-modeling-wrap > .img{margin-top:30px;text-align:center;}
.inheritance-modeling-wrap > .both-box + .title-type3,
.inheritance-modeling-wrap > .img + .title-type3{margin-top:60px;}

.link-list{margin-top:80px;display:flex;flex-direction:row;align-items:center;}
.link-list li {flex:1;background:#fff;border-radius:8px;overflow: hidden;box-shadow: 0 0 17px 0 rgba(138, 95, 95, 0.1);}
.link-list li ~ li{margin-left:30px;}
.link-list li a {display:block;height:220px;display:flex;flex-direction: column;padding-top:40px;align-items:center;}
.link-list li a .tit {display:block;font-size:20px; color:#424242;}
.link-list li a .img img {max-width: 100%;}

.color-palette{margin-top:40px;padding:65px 35px;border:1px solid #7899d8;background:#fff;}
.color-palette .left {float:left;width:17%;}
.color-palette .left ul li{width:100%;}
.color-palette .right {overflow: hidden;padding-left:60px;}
.color-palette .right ul li{width:20%;}
.color-palette ul {margin-left:10px;margin-top:-10px;}
.color-palette ul:after{content:'';display:block;clear: both;}
.color-palette ul li {float:left;padding-left:10px;margin-top:10px;}
.color-palette ul li div {display:flex;flex-direction: column;justify-content:center;align-items:center;height:60px;font-size:16px; color:#212121;}

.work-flow{text-align:center;margin-top:20px;}
.work-flow img{max-width: 100%;}
.work-flow .dash-line{margin:60px 0;}

.work-flow-btn{text-align:center;}
.work-flow-btn a{display:inline-flex;flex-direction:column;height:100px;border-radius:100px;padding:0 50px;justify-content:center;align-items:flex-start;background-image: linear-gradient(to right, #ffffff, rgba(237, 237, 237, 0.68));z-index: 10;box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.25);}
.work-flow-btn a > span{display:block;font-size:16px; color:#9e9e9e;}
.work-flow-btn a > strong{display:block;font-size:24px;margin-top:5px;display:flex;flex-direction:row;align-items:center;font-weight:normal;}
.work-flow-btn a:hover >span,
.work-flow-btn a:hover >strong{font-weight:bold;}

.desc-box {margin-top:20px;padding:40px 50px;box-shadow: 3px 3px 10px 0 rgba(36, 65, 93, 0.4);border-radius:8px;background:#fff;}
.desc-box .box-header {display:flex;flex-direction:row;align-items:center;margin-bottom:20px;}
.desc-box .box-header strong {font-size:32px;}
.desc-box .box-header .right {margin-left:auto;}
.desc-box .box-header .right .version {font-size:14px; color:#757575;}
.desc-box .box-header .right .version em { color:#212121;margin-left:10px;}
.desc-box .box-content .txt{font-size:16px; color:#616161;line-height:1.4;}
.desc-box .box-content .txt ~ .txt{margin-top:20px;}
.desc-box .box-content .refer-path {margin-top:25px;}
.desc-box .box-content .refer-path strong { color:#212121;}
.desc-box .box-content .refer-path .path {border:none;background:#f5f5f5;}
.text-star + .desc-box{margin-top:50px;}

.img-sequence-ontology{margin-top:30px;border:1px solid #e5e5e5;border-radius:15px;text-align:center;}
.img-sequence-ontology img{max-width: 100%;}
/* 2022.03.22 family img height add */
.img-family-infomation{text-align:center;margin-top:50px;margin-bottom:70px; height: 360px;}
/* .img-family-infomation{text-align:center;margin-top:50px;margin-bottom:70px;} */
.img-family-infomation img{max-width: 100%;}
.img-analysis-workflow{text-align:center;margin-top:85px;margin-bottom:90px;}

.chart-feneral-filter{text-align:center;margin-top:60px;}
.chart-feneral-filter .img{position:relative;display:inline-block;}
.chart-feneral-filter .img ol{position:absolute;top:32px;left:0;}
.chart-feneral-filter .img ol li{width:320px;text-align:center;font-size:26px; color:#fff;}
.chart-feneral-filter .img ol li ~ li{margin-top:47px;}


.circos-detail-ext{display:flex;flex-direction:row;align-items:flex-start;}
.circos-detail-ext .desc{flex:1; color:#212121;font-size:13px;padding-left:10px;position:relative;}
.circos-detail-ext .desc .txt{margin-top:25px;}
.circos-detail-ext .desc .dash-list{ margin-top:5px;color:#757575;}

.line-info-box{display:flex;flex-direction:row;align-items:center;border-bottom:1px solid #4e64c0;padding-bottom:5px;}
.line-info-box .left .tit {font-size:20px; color:#4e64c0;font-weight:300;}
.line-info-box .right {margin-left:auto;}

.btn-list-toggle {display:inline-block; border-radius: 6px; background-color: #c3cceb;width:82px;height:40px;}
.btn-list-toggle button {float:left;width:40px;height:40px;border-radius:6px;}
.btn-list-toggle button.on{border:1px solid #3642d7;}
.btn-list-toggle .list {background: url('../images/bg_toggle_list_off.png') no-repeat 50% 50%;}
.btn-list-toggle .list.on {background:#fff url('../images/bg_toggle_list_on.png') no-repeat 50% 50%;}
.btn-list-toggle .card {background: url('../images/bg_toggle_card_off.png') no-repeat 50% 50%;}
.btn-list-toggle .card.on {background:#fff url('../images/bg_toggle_card_on.png') no-repeat 50% 50%;}

.list-card-case.list{margin-top:40px;}
.list-card-case.list ul li > .group {display:none;}
.list-card-case.list ul li ~ li {margin-top:40px;}
.list-card-case.list ul li .box-wrap .box {padding:40px 25px;border-radius:8px; display:flex;flex-direction:row;height: 294px;border-radius: 8px; box-shadow: 3px 3px 10px 0 rgba(36, 65, 93, 0.2);background-color: #fff; }
.list-card-case.list ul li .box-wrap .box:hover{border:2px solid #4e64c0;}
.list-card-case.list ul li .box-wrap .box .chart{flex:1;}
.list-card-case.list ul li .box-wrap .box ~ .box{margin-top:7px;}
.list-card-case.list ul li .box-wrap .box .group {margin-bottom:px;font-size:14px; color:#424242;}
.list-card-case.list ul li .box-wrap .box .desc {width:170px;}
.list-card-case.list ul li .box-wrap .box .tit {font-size:26px;}
.list-card-case.list ul li .box-wrap .box .chart img {max-width: 100%;}

.list-card-case.card ul {margin-left:-50px;margin-top:50px;}
.list-card-case.card ul:after{content:'';display:block;clear: both;}
.list-card-case.card ul li {float:left;width:25%;padding-left:50px;}
.list-card-case.card ul li:nth-child(4n+1){clear: both;}
.list-card-case.card ul li:nth-child(4n) ~ li{margin-top:50px;}
.list-card-case.card ul li .group {margin-bottom:10px;font-size:16px; color:#424242;}
.list-card-case.card ul li .box-wrap .box{padding:25px;background:#fff;box-shadow: 3px 3px 10px 0 rgba(36, 65, 93, 0.2);border-radius:8px;}
.list-card-case.card ul li .box-wrap .box ~ .box{margin-top:10px;}
.list-card-case.card ul li .box-wrap .box .desc .group {display:none;}
.list-card-case.card ul li .box-wrap .box .desc .tit {font-size:14px;font-weight:bold;}
.list-card-case.card ul li .box-wrap .box .chart {margin-top:3px;}
.list-card-case.card ul li .box-wrap .box .chart img {max-width: 100%;}



.label-wrap{display:flex;flex-direction:row;align-items:center;}
.label-wrap .tit-box{background:#e4effd;min-width:200px;border-radius: 8px;height:60px;padding:0 20px;display:flex;align-items:center;font-size:20px; color:#212121;justify-content: center;}
.label-wrap .labels{flex:1;display:flex;align-items:center;padding-left:20px;}
.label-wrap .labels .txt{font-size:14px; color:#616161;line-height:1.5;}
.label-wrap .labels .label{padding:0 10px;display:flex;flex-direction:row;align-items:center;}
.label-wrap .labels .label i{display:inline-block;margin-right:7px;position:relative;}
.label-wrap .labels .label .txt{ color:#757575;font-size:14px;}
.label-wrap .labels .label b.txt{font-weight:bold;font-size:16px;}
.label-wrap .labels .label i + b.txt{margin-left:5px;}
.label-wrap .labels .label i .circle{width:8px;height:8px;border:1px solid;position:absolute;top:-3px;left:50%;margin-left:-4px;background:#fff;border-radius:8px;}
.label-wrap .labels .label .line-circle{position:relative;}
.label-wrap .labels .label .line-circle span{display:block;width: 10px; height: 10px; border-radius:10px;position:absolute;top:-4px;left:0;}
.label-wrap .labels .label .line-circle:before{content:'';display:block;width:20px;height:2px;background:#757575;}
.label-wrap .labels .tooltip-wrap{margin-left:10px;}
.label-wrap .cellbox .cell{height:26px;vertical-align: middle;}
.label-wrap .text{flex:1;display:flex;align-items:center;padding-left:20px;}
.label-wrap .label-abc span{display:inline-block;width:24px;height:24px;line-height:23px; color:#212121;font-size:14px;text-align:center;background:#eee;border:1px solid;}
.label-wrap + .chart{margin-top:30px;}
.title-type2 + .label-wrap {margin-top:40px;}

.label-abc-list .tit{font-size:14px; color:#223a9d;font-weight:bold;}
.label-abc-list .tit ~ .tit{margin-top:40px;}
.label-abc-list .lb{display:inline-block;width:24px;height:24px;line-height:23px; color:#212121;font-size:14px;text-align:center;background:#eee;border:1px solid;margin-right:10px;}
.label-abc-list .txt{font-size:14px; color:#616161;}
.label-abc-list ul{margin-top:10px;}
.label-abc-list ul li ~ li{margin-top:10px;}

.blast-results-box{display:flex;flex-direction:row;}
.blast-results-box .box {flex:1}
.blast-results-box .box .text-type1 {margin-top:0px;}
.blast-results-box .box .label-box {border:1px solid #d5d5d5;border-radius:8px;margin-top:40px;padding:25px;width:520px;}
.blast-results-box .box .label-box ul:after{content:'';display:block;clear: both;}
.blast-results-box .box .label-box ul li {float:left;width:50%;font-size:14px; color:#212121;}
.blast-results-box .box .label-box ul li ~ li{margin-top:10px;}
.blast-results-box .box .label-box ul li i {display:inline-block;width:15px;height:15px;border-radius:15px;margin-right:10px;vertical-align: middle;}
.blast-results-box .box .chart {text-align:center;}
.blast-results-box .box .chart img {max-width: 100%;}
.blast-results-box .box .caption {font-size:16px; color:#223a9d;text-align:center;margin-top:10px;}

.step-teyp1 ul {position:relative;display:flex;flex-direction:row;align-items:center;}
.step-teyp1 ul:before{content:'';display:block;position:absolute;top:25px;left:0;width:100%;height:1px;background:#4e64c0;}
.step-teyp1 ul li{flex:1;position:relative;}
.step-teyp1 ul li ~ li{margin-left:44px;}
.step-teyp1 ul li .tag {display:none;position:absolute;top:-20px;left:30px;z-index: 1;padding:0 10px;background:#fff;height:32px;line-height:31px;border:1px solid #4e64c0; color:#4e64c0;font-size:16px;font-weight:500;}
.step-teyp1 ul li a {display:block;height:50px;display:flex;flex-direction: column;justify-content:center;align-items:center;background:#fff;font-size:20px; color:#4e64c0;border-radius:50px;border:1px solid #4e64c0;}
.step-teyp1 ul li.on .tag {display:block;}
.step-teyp1 ul li.on a {background:#4e64c0; color:#00edea;font-weight:bold;box-shadow: 2px 2px 6px 0 rgba(0, 0, 0, 0.25);}


.experimental-workflow-wrap{margin-top:100px;}
.experimental-workflow-wrap .title {font-size:46px;font-weight:300; color:#4e64c0;margin-bottom:25px;}
.experimental-workflow-wrap .paragraph .tit {font-size:20px; color:#212121;font-weight:bold;margin-top:40px;}
.experimental-workflow-wrap .paragraph .txt {font-size:16px; color:#616161;font-weight:300;line-height:1.6;margin-top:15px;}
.experimental-workflow-wrap .library-preparation {padding:0 100px;width:calc(100% + 144px);margin-left:-72px;}
.experimental-workflow-wrap .library-preparation .both-box .box:first-child .paragraph .text{padding-left:40px;}
.experimental-workflow-wrap .cluster-generation {padding:0 100px 108px 100px;width:calc(100% + 144px);margin-left:-72px;position:relative;border-top:1px solid #e0e0e0;margin-top:100px;padding-top:50px;background:#eaf3ff;}
.experimental-workflow-wrap .cluster-generation .text-wrap{position:absolute;top:100px;left:72px;}
.experimental-workflow-wrap .cluster-generation .paragraph:nth-child(2) {padding-left:20px;margin-bottom:30px;}
.experimental-workflow-wrap .cluster-generation .img .caption {display:flex;flex-direction:row;align-items:center;}
.experimental-workflow-wrap .cluster-generation .img .caption .box .text-star {margin-top:10px;}
.experimental-workflow-wrap .sequencing{padding:0 100px;width:calc(100% + 144px);margin-left:-72px;padding-top:100px;}
.experimental-workflow-wrap .sequencing .paragraph:nth-child(2){padding-left:20px;margin-bottom:30px;}
.experimental-workflow-wrap .sequencing .img .caption{display:flex;flex-direction:row;align-items:center;}
.experimental-workflow-wrap .sequencing .img .caption .box:nth-child(1){width:360px;}
.experimental-workflow-wrap .sequencing .img .caption .box:nth-child(2){width:360px;}
.experimental-workflow-wrap .generation-of-raw-data {margin-bottom:-60px;padding:0 100px 108px 100px;width:calc(100% + 144px);margin-left:-72px;position:relative;border-top:1px solid #e0e0e0;margin-top:100px;padding-top:100px;background:#eaf3ff;}

.assembly-method{position:relative;display:flex;flex-direction:row;align-items:center;margin-top:20px;}
.assembly-method .method {width:15%;height:100px;min-width: 200px;display:flex;flex-direction: column;justify-content:center;align-items:center;border-radius:8px;background-color: #223a9d;background-image: linear-gradient(105deg, rgba(34, 58, 157, 0) 20%, rgba(33, 51, 148, 0.45) 52%, rgba(20, 33, 100, 0.78) 65%, #111b4d 84%);}
.assembly-method .method span { color:#fff;font-size:16px;}
.assembly-method .method b {display:block;text-align:center; color:#89fffe;font-size:22px;font-weight:500;margin-top:10px;}
.assembly-method .list {flex:1;display:flex;flex-direction:row;align-items:center;border-radius:8px;border:1px solid #e7ebf2;margin-left:10px;background:#fff;}
.assembly-method .list li {flex:1;}
.assembly-method .list li ~ li{border-left:1px solid #e7ebf2;}
.assembly-method .list li .box {height:100px;display:flex;flex-direction: column;justify-content:center;align-items:center;}
.assembly-method .list li .box b{font-weight:bold !important; }
.assembly-method .list li:hover .box{background:#e5f0fe;}
.assembly-method .list li:hover .box span{ color:#6c80cd;}
.assembly-method .list li:hover .box b {font-weight:bold; color:#223a9d;font-weight:normal;}
.assembly-method .list li .box span {font-size:14px; color:#757575;}
.assembly-method .list li .box b {font-size:20px; color:#424242;display:block;margin-top:10px;}
.assembly-method .tooltip-wrap{position:absolute;top:-30px;right:10px;}



/* layer */
.layerpopup{display:none;position:fixed;top:0;left:0;width:100%;height:100%;min-width:320px;overflow-y:auto;z-index:100;}
.layerpopup .dim{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.5);}
.layerpopup:not(.full) .popup{padding:50px 40px;background:#fff;border-radius:12px;position:absolute;top:50%;left:50%;min-width:312px;transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);}
.layerpopup .popup .close{display:block;position:absolute;top:20px;right:20px;height:50px;width:50px;text-align: center;line-height:50px;z-index: 10;}
.layerpopup .popup .close .ico{display:inline-block;width: 24px;height: 24px;background:url('data:img/png;base64,iVBORw0KGgoAAAANSUhEUgAAABcAAAAXCAQAAABKIxwrAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QA/4ePzL8AAAAHdElNRQflBwoULCE5t2y5AAAA1ElEQVQ4y43UPw/BQBzG8ad9AwaLsJskJm9H0tgZxauQiARjlxp5BWbBQhjM0jJio00ei9L707vebXef73K/5PCuL163CWHfq8fxhMjvsMfIt+Eg9jgmiE1oD4LY44D3LooEKSa+B6bgj388P8jiDNcHIha4GshY4mKgYoX/Ax0mHEJe23BWdZGggn6vNBLvXEWjVWswAdDey1jL5/HBKcPFtHn1lcu8d9bPwTAUXWCYoC4wYF1gxGpgwXJgxWJQAGcDXJZ2nAZDIuGaT6/IT3DeXfgByHsk9DAhDgIAAAAASUVORK5CYII=') no-repeat 0 0;background-size:auto 100%;}
.layerpopup .popup .pop-header{position:relative;margin-bottom:25px;}
.layerpopup .popup .pop-header .header-wrapper{padding:16px 20px;border-bottom:0.05em solid #dedede;}
.layerpopup .popup .pop-header .pop-tit{ font-size: 24px; line-height: 1.25; color: #223a9d; }
.layerpopup .popup .pop-header .pop-tit .ico{margin-right:5px;}
.layerpopup .popup .pop-body{overflow-x:hidden;overflow-y:auto;max-height: 80vh;}
.layerpopup.full .popup{position:absolute;top:0;left:0;width:100%;height:100%;background:#fff;}
.layerpopup.full .popup .pop-header{height:90px;display:flex;flex-direction:row;align-items:center;padding:0 50px;margin-bottom:0;}
.layerpopup.full .popup .pop-header .pop-tit{font-size:36px;font-weight:bold; color:#223a9d;margin-right:20px;}
.layerpopup.full .popup .pop-body{max-height: calc(100vh - 90px);}
.layerpopup.full .popup .pop-body .pad-wrap{padding:0 50px;}
.layerpopup.full .popup .pop-body .pad-wrap2{padding:0 40px;}


/*workflow-experiment add style*/
.data-img-box.img-type {margin-bottom: 15px;}

/* Tool Version merge tb style */
.dataset-table3{ font-size: 14px; color: #616161;}
.dataset-table3 th{ height:30px; color:#738dc7; font-size: 12px; border-bottom: 1px solid #7899d8; text-align:left; vertical-align: bottom; padding-bottom:7px; box-sizing: border-box !important;}
/* column color change */
/* .dataset-table3 tr td:first-child {font-size: 18px; color: #212121; font-weight: bold; padding-top: 25px;} */
.dataset-table3 tr td:first-child {font-size: 16px; font-weight: bold; padding: 17px 15px 15px 20px !important;}
.dataset-table3 tr td { border-top: 1px solid #d4ebfe;}
.dataset-table3 .stxt{ font-size: 14px; color: #757575;font-weight: 300;}
.dataset-table3 td.merge-row {line-height:30px; height:30px;}
.dataset-table3 {font-size:14px;color:#616161;margin-top:35px;}

/*company popup style*/
.title-cmp{line-height: 1.5;vertical-align: middle; font-size: 16px;font-weight: bold; color: #212121;}
.sub-title-cmp{line-height: 1.83; vertical-align: middle;font-size: 12px; font-weight: bold; color: #757575;padding-left:32px;}
.content-cmp{font-size: 12px;line-height: 1.83;color: #757575;padding-left:32px;}
.title-cmp-detail{line-height: 1.5;vertical-align: middle; font-size: 16px; font-weight: 100; color: #757575;}