@charset "utf-8";
/* 서브 섹션 */
.sec + .sec{margin-top:72px;}
.hr_t{padding-top:40px;margin-top:40px;border-top:1px dashed #ddd;}
.hr_b{padding-bottom:40px;margin-bottom:40px;border-bottom:1px dashed #ddd;}

.sec_col{display:flex;flex-wrap: wrap;margin:-8px -12px 0;}
.sec_col > *{margin:12px;width:100%;}
.sec_col.col_2 > *{width:calc((100% - 48px) / 2);}
.sec_col.col_3 > *{width:calc((100% - 72px) / 3);}
.sec_col.col_4 > *{width:calc((100% - 96px) / 4);}
.sec_col.col_5 > *{width:calc((100% - 120px) / 5);}
.sec_col.col_6 > *{width:calc((100% - 144px) / 6);}

.sec_col_s{display:flex;flex-wrap: wrap;margin:-8px -8px 0;}
.sec_col_s > *{margin:8px;width:100%;}
.sec_col_s.col_2 > *{width:calc((100% - 32px) / 2);}
.sec_col_s.col_3 > *{width:calc((100% - 48px) / 3);}
.sec_col_s.col_4 > *{width:calc((100% - 64px) / 4);}
.sec_col_s.col_5 > *{width:calc((100% - 80px) / 5);}
.sec_col_s.col_6 > *{width:calc((100% - 96px) / 6);}

.in_wp{position:relative;}

/* 타이틀 */
.subtit_1{position:relative;padding-top:16px;margin-bottom:24px;font-size:1.75rem;font-weight:700;}

.subtit_2{position:relative;margin:16px 0;font-size:1.5rem;font-weight:700;color:#344054}
.subtit_2-1{position:relative;margin-bottom:24px;padding-left:28px;font-size:1.75rem;font-weight:700;}
.subtit_2-1:before{content:'';position:absolute;top:9px;left:0;width:18px;height:18px;background:url("/_KOR/img/bul_1.png") 0px 0px no-repeat;}

.subtit_3{position:relative;margin:16px 0;font-size:1.25rem;line-height:1.75rem;font-weight:700;color:#344054}
.subtit_3-1{position:relative;margin-bottom:20px;padding-left:24px;font-size:1.25rem;font-weight:700;}
.subtit_3-1:before{content:'';position:absolute;top:8px;left:0;width:18px;height:18px;background:url("/_KOR/img/bul_2.png") 0px 0px no-repeat;}

* > .subtit_2:first-child,* > .subtit_3:first-child{margin-top:0}
* + .subtit_2,* + .subtit_3{margin-top:32px;}
[class*='subtit_'] > *{font-weight:700}
.tit_line{border-bottom:1px solid #ddd;padding-bottom:24px;margin-bottom:24px;}

/* 서브내용 */
.sub_p_wp * + *{margin-top:1.5rem}

/* 탭 */
.subtab_dep3 > ul{display:flex;flex-wrap: wrap;margin:-4px;margin-bottom:40px;}
.subtab_dep3 > ul li{width:calc((100% - 48px) / 6);margin:4px;}
.subtab_dep3 > ul li a{display:flex;align-items:center;justify-content:center;min-height:44px;padding:8px;vertical-align:middle;background:#fff;border:1px solid #d0d5db;font-weight:600;border-radius:6px;text-align:center;height:100%;}
.subtab_dep3 > ul li.active a{background:#0073e6;color:#fff;border:1px solid transparent;}
.subtab_dep3 > ul li:not(.active):hover a{background:#f6f8f9;}
.subtab_dep3 > ul li.active a span, .subtab_dep3 > ul li:not(.active):hover a span{font-weight:700}

/* 리스트 */
.ul_list {text-align:left;line-height:1.5rem;color:#344054}
.ul_list > li{position:relative;padding-left:14px;}
.ul_list > li + li{margin:8px 0;}
.ul_list > li:last-child,
.ul_list_s > li:last-child{margin-bottom:0;}
.ul_list > li:after{content:'';position:absolute;left:0;top:9px;width:4px;height:4px;background:#525866;border-radius:50%}
.tit_list > li .tit,
.ul_list > li .tit{position:relative;font-weight:700;margin-right:8px;}
.ul_list.ul_list_s{font-size:.875rem;line-height:1.313rem;}
.ul_list.ul_list_s li{padding-left:12px;}
.ul_list.ul_list_s > li:after{content:'';position:absolute;left:0;top:8px;width:3px;height:3px;background:#868C98;border-radius:50%}

/* 링크스타일 */
.link_line{text-decoration: underline !important;	text-underline-offset: 0.28rem !important;text-decoration-thickness: 0.1rem !important;	text-decoration-color:rgba(37,93,250,.2) !important;
	line-height:1.4rem;transition:all .2s ease;}
.link_line:hover{text-decoration-color:rgba(37,93,250,.6) !important;text-decoration-thickness: 0.15rem !important;text-underline-offset: 0.22rem !important;color:#044ba9;}

/* box style */
.box_gray{background:#F6F8FA;border-radius:12px;padding:24px;}
.box_gray.box_gray_l{border-radius:16px;padding:40px;}
.box_gray2{background:#F2F3F6;border-radius:12px;padding:16px;}
.box_green{background:#EAFBEF;border-radius:12px;padding:16px;}
.box_shadow{border:1px solid #ddd;border-radius:12px;padding:24px;box-shadow:0px 0px 16px 2px rgba(0, 0, 0, 0.08);}
.box_line{border:4px solid #E8ECF1;border-radius:12px;padding:24px;}
.box_line2{border:1px solid #ddd;border-radius:8px;padding:24px;}

/* 기본아이콘 */
.ico[class*='ico_']{width:24px;height:24px;background:url('/_KOR/img/ir.svg') no-repeat;font-size:0;vertical-align: middle;}
.ico.bak_no{background-image:none;}
.ico.ico_sp1{background-position:-593px -76px;}
.ico.ico_sp2{background-position:-593px -76px;}
.ico.ico_info{background-position:-119px -77px;}
.ico.ico_down_w{background-position:-593px -76px;}
/* .ico.ico_sp1{background-position:-153px -78px}
.ico.ico_sp2{background-position:-186px -78px} */
.ico.ico_sp1{background-position:-186px -78px}
.ico.ico_sp2{background-position:-153px -78px}
.ico.ico_newsite{width:32px;height:32px;background-position:-77px -72px;background-color:#F6F8FA;border:1px solid #E2E4E9;border-radius:6px;}
.ico.ico_newsite:hover{border:1px solid #93a0ad;box-shadow:0px 0px 16px 2px rgba(0, 0, 0, 0.08);}

/* 테이블 */
.table_wp{margin-top:8px;line-height:1.5rem;}
.table_wp .notice{display:none}

.basic_tb {position:relative;margin:0px 0 14px;font-size:1.1rem;}
.basic_tb thead th{padding:14px 12px;border:1px solid #CDD0D5;text-align:center;font-weight:700;background: #F6F8FA;color:#31353F;}
.basic_tb tbody td,.basic_tb tbody th{padding:14px 12px;border:1px solid #CDD0D5;color:#525866;}
.basic_tb tbody th > *,.custom_tb tbody th > *,.basic_tb3 tbody th > *{font-weight:600}
.basic_tb tbody th{background: rgb(246, 248, 250,.4);font-weight:700;text-align:center;color:#525866;}
.basic_tb td:first-child,.basic_tb th:first-child{border-left:0 !important;}
.basic_tb td:last-child,.basic_tb th:last-child{border-right:0 !important;}

.basic_tb.tb_st1 thead th,
.basic_tb.tb_st1 tbody td,.basic_tb.tb_st1 tbody th{border:0;border-bottom:1px solid #CDD0D5}

.custom_tb {margin:0px 0 14px;font-size:1.1rem;border-collapse: separate;border-spacing: 0;overflow: hidden;border-radius: 8px;border:1px solid #E2E4E9;}
.custom_tb thead th{padding:14px 12px;border:0;border-right:1px solid #E2E4E9;text-align:center;font-weight:700;background: #eceff3;color:#31353F;}
.custom_tb thead tr:first-child th:last-child{border-right:0}
.custom_tb thead tr:not(:first-child) th,
.custom_tb tbody tr td,.custom_tb tbody tr th{border-top:1px solid #E2E4E9;}
.custom_tb tbody th{background: rgb(246, 248, 250,.4);font-weight:700;text-align:center;font-weight:700;color:#525866;}
.custom_tb tbody td,.custom_tb tbody th{padding:14px 12px;border: 0;color:#525866;}
.custom_tb tbody td:not(:last-child),.custom_tb tbody th:not(:last-child){border-right:1px solid #E2E4E9;}
.custom_tb.no_thead tbody tr:first-child > *{border-top:0}

.tb_fix{table-layout: fixed;}

table tbody tr{transition:all .1s ease;}
table tbody tr:hover{background:#edf5ff !important;box-shadow:0px 0px 16px 4px rgba(0, 0, 0, 0.02);}
table tbody td{color:#343434}
table a{font-weight:600}

/* 하이라이트 */
.highlight{position:relative;padding:0 2px;display:inline-block;}
.highlight:before{content:'';position:absolute;left:0;bottom:0;width:100%;height:2px;background:#00bcd4;opacity:.2}

/* 장식 */
.dot1{width:20px;height:20px;border-radius:50%; vertical-align:middle;}
.dot2{width:16px;height:16px;border-radius:50%; vertical-align:middle;}
.dot1 + *{margin-left:8px}
.tag{margin-right:8px;padding:4px 8px;font-size:.875rem;border-radius:32px;font-weight:700;vertical-align:middle;}

/* info_box */
.info_box{display:flex;flex-wrap:wrap;padding:40px;background:#F6F8FA;border-radius:16px;}
.info_box > .icon{width:120px;height:120px;background:url("/_KOR/img/ico_talk.png") center center no-repeat #fff;border-radius:50%;}
.info_box .text_box{width:calc(100% - 120px);padding:8px 0 0 40px;}
.info_box_s .con{position:relative;padding-left:24px;}
.info_box_s .con:before{content:'';position:absolute;display:block;top:2px;left:0;width:20px;height:20px;background:url("../img/ico_info.png") center center no-repeat;}

/* 사이드 타이틀 컨텐츠 */
.sec_leftbox{border-top:1px solid #E2E4E9;display:flex;flex-wrap:wrap;padding:64px 0;}
.sec_leftbox .tit_box{width:210px;padding-right:16px;}
.sec_leftbox .con_box{width:calc(100% - 210px);padding-left:24px;}
.sec_leftbox .con_box .in_box{width:100%;}
.sec_leftbox:last-child{border-bottom:1px solid #E2E4E9;}

/* 정신건강정보 - sub01 */
.sub_01 .sec_img {padding:32px 40px;}
.sub_01 .sec_img .img_box{width:400px;height:240px;background:#fff;border-radius:20px;box-shadow:0px 0px 16px 4px rgba(0, 0, 0, 0.06);}
.sub_01 .sec_img .text_box{width:calc(100% - 400px);padding-left:32px;}
.sub_01 .notice_box{position:relative;padding-left:48px;border:2px solid rgba(55,93,251,.2);border-radius:12px;}
.sub_01 .notice_box .ico{position:absolute;top:0;left:0;border-radius:10px 0 0 10px;height:100%;padding:12px;background:#d8e3f9;}
.sub_01 .notice_box .ico:before{content:'';display:block;margin:0 auto;width:24px;height:24px;background:url("/_KOR/img/ir.svg") -449px -76px no-repeat #375DFB;border-radius:50%;}
.sub_01 .notice_box .text{padding:12px;}

.sub_01 .check_list{margin-top:-16px;}
.sub_01 .check_list li{position:relative;margin:16px 0;padding-left:32px;background:#fff;border-radius:8px;line-height:1.5rem;}
.sub_01 .check_list li:before{content:'';position:absolute;top:0px;left:0px;width:24px;height:24px;background:url("/_KOR/img/checkbox_blue.svg") center center no-repeat #E2E4E9;border-radius:6px;}
.sub_01 .check_list.check_list_2 li{position:relative;margin:8px;padding:16px;padding-left:52px;background:#fff;border-radius:8px;line-height:1.5rem;}
.sub_01 .check_list.check_list_2 li:before{top:16px;left:16px;width:24px;height:24px;background:url("/_KOR/img/checkbox_blue.svg") center center no-repeat #E2E4E9;border-radius:6px;}

.sub_01 .num_list > li{padding:24px;background:#EAFBEF;border-radius:16px;}
.sub_01 .num_list > li > .in_wp{padding-left:40px;}
.sub_01 .num_list > li .title > .num{position:absolute;top:4px;left:0;width:24px;height:24px;background:#38C793;text-align:center;line-height:24px;border-radius:4px;font-weight:700;}

.sub_01 .sec_morinfo .ico.ico_selftest{background-position:-537px -1px}
.sub_01 .sec_morinfo .ico.ico_talkto{background-position:-578px -1px}

.sub_01 .tit_listbox > li{border:1px solid #E2E4E9;border-radius:16px;}
.sub_01 .tit_listbox > li > *{padding:20px 32px;}
.sub_01 .tit_listbox .tit{background:#e8edf3;border-bottom:1px solid #E2E4E9;border-radius:16px 16px 0 0}
.sub_01 .tit_listbox .tit.tit_img{display:flex;justify-content: space-between;}
.sub_01 .tit_listbox .tit.tit_img .subtit_2{width:calc(100% - 56px);margin:0;}
.sub_01 .tit_listbox .tit_img .icon{width:56px;height:56px;background:url("/_KOR/img/img_sub0102_ir.png") 16px center no-repeat #fff;border-radius:50%;}
.sub_01 .tit_listbox > li:nth-child(2) .tit_img .icon{background-position: -42px center;}
.sub_01 .tit_listbox > li:nth-child(3) .tit_img .icon{background-position: -98px center;}

.sub_01 .sec_leftbox .tit_box{width:100%}
.sub_01 .sec_leftbox .con_box{width:100%;padding-left:0;}

.sub_01.sub_0102 .sec4 .sub0201_04_bg{background:url("/_KOR/img/img_sub0102_02.png") right bottom no-repeat ;}
.sub_01.sub_0102 .sec3 .tit_listbox > li > *{padding:20px}
.sub_01.sub_0103 .sec3 .tit_listbox .tit{position:relative;padding-bottom:32px}
.sub_01.sub_0103 .sec3 .tit_listbox .tit .subtit_2{margin-bottom:8px;}
.sub_01.sub_0103 .sec3 .tit_listbox .tit:before{content:'';position:absolute;bottom:-16px;left:50%;margin-left:-16px;width:32px;height:32px;border-radius:50%;background:url("/_KOR/img/ir.png") -630px -72px no-repeat #fff;border:1px solid #E2E4E9;transform:rotate(90deg)}
.sub_01.sub_0103 .sec3 .tit_listbox > li .con{padding-top:32px}
.sub_01.sub_0110 .sec_img .tit_list li{display:flex;flex-wrap:wrap;}
.sub_01.sub_0110 .sec_img .tit_list .fw_3 {position:relative;width:98px;margin-right:12px;padding-right:12px}
.sub_01.sub_0110 .sec_img .tit_list .fw_3:before{content:'';position:absolute;top:12px;right:1px;margin-top:-6px;width:1px;height:12px;background:#ddd;}
.sub_01.sub_0110 .sec_img .tit_list .txt {width:calc(100% - 112px);}
.sub_01.sub_0110 .graph_box .tit{border-radius:40px;}
.sub_01.sub_0110 .graph_box .info{display:flex;flex-wrap:wrap;align-items:center;justify-content: space-between;margin:24px 0 32px;padding:8px 16px;background:#fafafa;border-radius:8px;}
.sub_01.sub_0110 .graph_box .img_wp img + img{padding-left:24px}
.sub_01.sub_0110 .sec4  .tit_listbox > li > *{padding:20px }
.sub_01.sub_0110 .sec4  .tit_listbox .tit{height:120px}
.sub_01.sub_0110 .col_3_wp .box_line{border-color:#bed0e7;}
.sub_01.sub_0110 .col_3_wp .box_gray{background:#eaeff6;}
.sub_01.sub_0110 .sec5 .box_line p.tit{min-height:56px}

.bgbox_list li{background:#e8eef4;border-radius:12px;padding:16px;font-weight:600;}

/* 자가검진 - 검진 */
.st_infobox{display:flex;background:#f3eddc;padding:40px;border-radius:20px;margin-bottom:72px;}
.st_infobox .ico{width:180px;height:140px;background:url("/_KOR/img/img_sub0101_01.png") top left no-repeat ;}
.st_infobox .text_box{width:calc(100% - 212px);padding:8px 0 0 32px;line-height:1.6;color:#333}
.st_infobox .text_box .age{display: inline-flex;align-items: center;padding:2px 12px;margin-left:12px;background:#fff;border-radius:4px;}
.st_infobox .source{margin-top:16px;padding:8px 16px;border-radius:5px;background:#fff;font-size:1rem;}

.sttest_wp,.stresult_wp{padding:72px 40px;background:#F6F8FA;border:1px solid #E2E4E9;border-radius:20px;}
.sttest_qbox{margin:0 auto;position:relative;width:860px;padding:40px;padding-top:80px;background:#fff;border:1px solid #868C98;border-radius:16px;}
.sttest_qbox .t_deco_img{position:absolute;top:-35px;left:0;width:100%;text-align:center;}
.sttest_qbox .tit_wp .title .ico{margin-right:8px;width:32px;height:32px;border-radius:50%;background:#F6F8FA;}
.sttest_qbox .tit_wp .q_count{margin-left:8px;padding:4px 8px;background:#E2E4E9;border-radius:4px;font-size:0.875rem;}
.sttest_qbox .sec1 .q_wp{border:1px solid #E2E4E9;border-radius:16px}
.sttest_qbox .sec1 .q_wp li + li{border-top:1px solid #E2E4E9;}
.sttest_qbox .sec1 .q_wp li .item{padding:20px 24px;}
.sttest_qbox .sec1 .q_wp .item + .item{border-left:1px solid #E2E4E9; }
.sttest_qbox .sec1 .q_wp li .item .form_label{margin-bottom:16px;font-size:0.938rem;font-weight:700;}
.sttest_qbox .sec2 .q_green{display:flex;padding:24px;background:#daf3e9;border-radius:12px;}
.sttest_qbox .sec2 .q_green .ico{width:32px;height:32px;border-radius:50%;background:#fff;}
.sttest_qbox .sec2 .q_green .text_box {width:calc(100% - 32px);margin-left:16px;padding-top:2px}
.sttest_qbox .sec2 .q_green .text_box .stit_1{font-weight:700}
.sttest_qbox .sec2 .q_green .text_box > * + *{margin-top:6px;}
.sttest_qbox .sec2 .q_wp li .tit{display:flex;color:#475467}
.sttest_qbox .sec2 .q_wp li .tit .num{margin-right:8px;color:#375DFB;font-size:2rem;}
.sttest_qbox .sec2 .q_wp li .tit > *{font-size:1.125rem;line-height:1.688rem;font-weight:700}
.sttest_qbox .sec2 .q_wp > li + li{margin-top:48px;padding-top:48px;border-top:1px dashed #CDD0D5;}
.sttest_qbox .sec2 .qu_box_wp {margin-top:24px;}
.sttest_qbox .sec2 .qu_box_wp ul{width:100%;display:inline-flex;justify-content: center;padding:32px 24px;background:#F6F8FA;border-radius:12px;}
.sttest_qbox .sec2 .qu_box_wp ul li{position:relative;text-align:center;max-width:120px;}
.sttest_qbox .sec2 .qu_box_wp ul li + li{margin-left:24px;}
.sttest_qbox .sec2 .qu_box_wp input[type="radio"]{width:40px;height:40px;}
.sttest_qbox .sec2 .qu_box_wp input[type="radio"]:before{background:none;border:0}
.sttest_qbox .sec2 .qu_box_wp label{display:block;margin-top:8px;font-size:1.125rem;transition:all .2s ease-in-out;}
.sttest_qbox .sec2 .qu_box_wp label .count{position:absolute;top:0;left:50%;margin-left:-20px;display:flex;align-items: center;justify-content: center;width:40px;height:40px;border:1px solid #CDD0D5;text-align:center;color:#888b8d;background:#fff;border-radius:50%;}
.sttest_qbox .sec2 .qu_box_wp label > *{transition:all .2s ease-in-out;}
.sttest_qbox .sec2 .qu_box_wp input[type="radio"]:checked  + label .count{background:#1570EF;color:#fff;border-color: transparent;font-weight:700;}
.sttest_qbox .sec2 .qu_box_wp input[type="radio"]:checked  + label .txt{font-weight:700;}
.sttest_qbox .add_qu{border-radius:12px;border:2px solid #CDD0D5;overflow:hidden;box-shadow:0px 0px 16px 4px rgba(0, 0, 0, 0.06);}
.sttest_qbox .add_qu .tit_s{padding:16px;background:#f6f8fa;}
.sttest_qbox .add_qu .tit_s > *{font-weight:700;}
.sttest_qbox .sec2 .qu_box_wp.add_qu ul{border-radius:0 0 12px 12px;background:#fff;}

/* 자가검진 - 검진결과 */
.stresult{margin:40px auto 0;position:relative;width:860px;padding:40px;background:#E2E4E9;border:1px solid #CDD0D5;border-radius:16px;}
.stresult .t_deco_img{position:absolute;top:-64px;left:0;width:100%;text-align:center;}
.stresult .in_wp{padding:60px 40px;background:#fff;border-radius:16px;box-shadow:0px 0px 16px 4px rgba(0, 0, 0, 0.06);}
.stresult .str_top{text-align:center;}
.stresult .str_top .stnm{display:inline-block;padding:8px 12px;border:1px solid #707070;border-radius:24px;font-weight:600}
.stresult .str_top .h5{margin:12px 0 24px;}
.stresult .str_top .h5 span:before{content:'';position:absolute;bottom:-4px;left:0;width:100%;height:16px;background:rgba(255,235,59,.3);}
.stresult .str_top .st_num {display:inline-block;padding:8px 32px;border-radius:32px;background:#EBF1FF;}

.str_desc_wp{margin:40px 0;padding:40px 0;border:solid #CDD0D5;border-width:1px 0;}
.str_desc_wp .text .img{position:absolute;top:0;left:0;}
.str_desc_wp .text{position:relative;padding-left:60px;}
.str_desc_wp .text .num_result {padding:12px 24px;border:1px solid #CDD0D5;border-radius:12px;color:#253EA7;font-weight:700;}
.str_desc_wp .text .str_desc{margin-top:16px;padding:24px;border-radius:12px;background:#f0f6ff;}
.stresult .str_last .item {padding:20px;border-radius:16px;}
.stresult .str_last .item1{background:#EBF1FF;color:#162664;} 
.stresult .str_last .item1 .btn{background:#C2D6FF;}
.stresult .str_last .item2{background:#FFF1E8;color:#6E330C;} 
.stresult .str_last .item2 .btn{background:#FBDFB1;}
.stresult .str_last .item3{background:#EFFAF6;color:#176448;} 
.stresult .str_last .item3 .btn{background:#CBF5E5;}
.stresult .str_last .item .stit_2{margin:8px 0 16px}
.stresult .str_last .ico{width:56px;height:56px;background:#fff;border-radius:50%;}

/* 온라인상담 리스트 페이지  - 상단박스 */
.cs_bo_top {display:flex;margin-bottom:40px;padding:40px;background: #F6F8FA;border-radius:16px;}
.cs_bo_top .icon{width:120px;height:120px;border-radius:50%;background:url("/_KOR/img/ico_talk.png") center center no-repeat #fff;}
.cs_bo_top .text_box{padding-left:40px;width:calc(100% - 120px);}
.cs_bo_top .text_box > .body_1{margin:16px 0 8px;}

/* 마음건강주치의 상담 - sub0203 */ 
.sub0203 .top_box .tit_wp .ico{width:60px;height:60px;background:#fff;border-radius:50%;}
.sub0203 .top_box .tit_wp .text_box {width:calc(100% - 60px);padding-left:16px;padding-top:2px}
.sub0203 .top_box .step_ul li{position:relative;padding:24px;background:#fff;border-radius:16px;border:1px solid #E2E4E9;text-align:center;}
.sub0203 .top_box .step_ul li:not(:first-child):before{content:'';position:absolute;top:50%;margin-top:-12px;left:-24px;width:24px;height:24px;background:url("/_KOR/img/ir.png") -741px -78px no-repeat;}
.sub0203 .top_box .step_ul li:not(:last-child) .img{display: inline-flex;margin:16px 0;height:90px;align-items: center;}
.sub0203 .top_box .step_ul li:nth-child(4) .stit_2{margin-bottom:12px;padding-bottom:12px;border-bottom:1px dashed #ddd;}
.sub0203 .top_box .step_ul .talk_wp{text-align:left;padding-left:32px;}
.sub0203 .top_box .step_ul .talk_wp .ico{position:absolute;top:0;left:0;}
.sub0203 .top_box .step_ul .talk_wp .talk_box{position:relative;margin-left:8px;padding:16px 12px;background:#CDD0D5;border-radius:12px;}
.sub0203 .top_box .step_ul .talk_wp .talk_box:before{content:'';position:absolute;top:20px;left:0;width:0;height:0;border: solid transparent;border-right-color: #CDD0D5;border-width:0 8px 8px 0;margin-top: -10px;margin-left: -8px;}

.sub0203 .sec1 .box_gray{display:flex;padding:60px;border-radius:16px;}
.sub0203 .sec1 .box_gray .gna_wp {width:calc(100% - 220px);padding-left:32px;}
.sub0203 .sec1 .box_gray .gna_wp li{position:relative;padding:24px;padding-left:68px;border-radius:16px;background:#fff;}
.sub0203 .sec1 .box_gray .gna_wp li:not(:first-child){margin-top:24px;}
.sub0203 .sec1 .box_gray .gna_wp li .qu {margin-bottom:28px;}
.sub0203 .sec1 .box_gray .gna_wp li .qu .deco{position:absolute;top:24px;left:24px;width:32px;height:32px;padding-top:6px;border-radius:50%;background:#35B9E9;color:#fff;font-weight:700;text-align:center;}

.sub0203 .sec2 .box_line .l_img{width:362px;}
.sub0203 .sec2 .box_line .r_box{width:calc(100% - 362px);padding-left:60px;}
.sub0203 .sec2 .box_line .item{position:relative;padding-left:36px;}
.sub0203 .sec2 .box_line .item .num{position:absolute;top:4px;left:0;padding:1px 4px;width:24px;height:24px;border-radius:50%;background:#868C98;color:#fff;font-weight:600;text-align:center;}

/* 정신건강기관 전체보기 */
.agencymap_wp .sec1{display:flex;border:1px solid #CDD0D5;border-radius:20px;}
.agencymap_wp .sec1 .l_box{width:42%;padding:64px;}
.agencymap_wp .sec1 .l_box .body_1{margin-top:24px;}
.agencymap_wp .sec1 .l_box .sort_link{margin-top:24px;padding-top:24px;border-top:1px solid #CDD0D5}
.agencymap_wp .sec1 .l_box .sort_link a{border:1px solid #868C98;border-radius:24px;}
.agencymap_wp .sec1 .l_box .sort_link a.active{background:#31353F;color:#fff;}
.agencymap_wp .sec1 .r_box{width:58%;background:url("/_KOR/img/img_sub0301_tbg.png") center center no-repeat ;}
.agencymap_wp .sec1 .area_wp{position:relative;margin:12px auto 0;width:439px;height:298px;}
.agencymap_wp .sec1 .area_wp .img_list .img{position:absolute;transition:all .2s ease-in-out;}
.agencymap_wp .sec1 .area_wp .img_list .img:nth-child(1){top:0;left:0;}
.agencymap_wp .sec1 .area_wp .img_list .img:nth-child(2){top:0;right:0;}
.agencymap_wp .sec1 .area_wp .img_list .img:nth-child(3){top:115px;left:184px;}
.agencymap_wp .sec1 .area_wp .img_list .img:nth-child(4){top:154px;left:128px;}
.agencymap_wp .sec1 .area_wp .img_list .img:nth-child(5){top:136px;left:307px;}
.agencymap_wp .sec1 .area_wp .img_list .img path{transition:all .2s ease-in-out;}
.agencymap_wp .sec1 .area_wp .img_list .img.active path{fill:#375DFB; stroke:rgba(22,38,100,.5); box-shadow: 0px 4px 8px 8px rgba(0, 0, 0, 0.05);}
.agencymap_wp .sec1 .area_wp .link_list a{position:absolute;padding:6px 12px;border-radius:20px;color:#525866;background:#fff;font-weight:700;font-size:.875rem;box-shadow:0px 0px 16px 4px rgba(0, 0, 0, 0.06);}
.agencymap_wp .sec1 .area_wp .link_list a.active{box-shadow:0px 0px 8px 4px rgba(0, 0, 0, 0.2);}
.agencymap_wp .sec1 .area_wp .link_list a.active:before{content:'';position:absolute;top:-28px;left:50%;margin-left:-8px;width:17px;height:22px;background:url("/_KOR/img/img_sub0301_loca.svg") 0 0 no-repeat;transition:all .2s ease-in-out;}
.agencymap_wp .sec1 .area_wp .link_list a:nth-child(1){top:120px;left:100px;}
.agencymap_wp .sec1 .area_wp .link_list a:nth-child(2){top:80px;left:290px;}
.agencymap_wp .sec1 .area_wp .link_list a:nth-child(3){top:170px;left:218px;}
.agencymap_wp .sec1 .area_wp .link_list a:nth-child(4){top:228px;left:234px;}
.agencymap_wp .sec1 .area_wp .link_list a:nth-child(5){top:191px;left:340px;}

.agencymap_wp table tbody tr > *,
.agency_ect table tbody tr > *{width:calc(90% / 3);}
.agencymap_wp table.tb_col4 tbody tr > *,
.agency_ect table.tb_col4 tbody tr > *{width:calc(90% / 4);}
.agencymap_wp table td:last-child,
.agency_ect table td:last-child{width:10%}

/* 정신건강기관 */
.agency_ect .sec_img {padding:40px;}
.agency_ect .sec_img .ico{width:120px;height:120px;border-radius:50%;background:#F6F8FA;}
.agency_ect .sec_img .text_box{width:calc(100% - 120px);padding-left:40px;}
.agency_ect .tb_st1{text-align:center;}
.agency_ect .tb_st1 tbody td:first-child{font-weight:700}

.agency_ect .pg_tabcon table tbody td:first-child{width:30%;}
.agency_ect .pg_tabcon table tbody td{width:20%;}
.agency_ect .pg_tabcon table tbody td:nth-child(4){width:15%;}
.agency_ect .pg_tabcon table tbody td:last-child{width:10%;}

/* 정신건강통계 */
.satis_wp > ul >  li{position:relative;padding:32px;border:2px solid #c3e4ff;border-radius:20px;background: #f0f8ff;box-shadow: 0px 4px 16px 8px rgba(136, 150, 161, 0.05);transition:all .2s ease-in-out;}
.satis_wp > ul >  li > a{position: absolute;left:0;top:0px;display:block;width:100%;height:100%;}
.satis_wp > ul >  li .icon{margin:0 auto 16px;}
.satis_wp > ul >  li .icon,
.layer_pop_wp .ltit_wp .icon{width:64px;height:66px;background:url("/_KOR/img/img_sub0401_ir.png") 0 0 no-repeat;}
.satis_wp > ul >  li .num{margin:4px 0;}
.layer_pop_wp.lpw_2 .ltit_wp .icon,
.satis_wp > ul >  li:nth-child(2) .icon{background-position:-90px 0px;}
.layer_pop_wp.lpw_3 .ltit_wp .icon,
.satis_wp > ul >  li:nth-child(3) .icon{background-position:-180px 0px;}
.layer_pop_wp.lpw_4 .ltit_wp .icon,
.satis_wp > ul >  li:nth-child(4) .icon{background-position:-270px 0px;}
.layer_pop_wp.lpw_5 .ltit_wp .icon,
.satis_wp > ul >  li:nth-child(6) .icon{background-position:-360px 0px;}
.layer_pop_wp.lpw_6 .ltit_wp .icon,
.satis_wp > ul >  li:nth-child(7) .icon{background-position:-450px 0px;}
.layer_pop_wp.lpw_7 .ltit_wp .icon,
.satis_wp > ul >  li:nth-child(8) .icon{background-position:-540px 0px;}
.layer_pop_wp.lpw_8 .ltit_wp .icon,
.satis_wp > ul >  li:nth-child(9) .icon{background-position:-630px 0px;}
.satis_wp > ul >  li.title_box{background:#162664;color:#fff;}
.satis_wp > ul >  li.title_box .icon{width:100px;height:100px;background-position:-706px 16px;background-color:#fff;border-radius:50%;}

.satis_wp > ul >  li:not(.title_box):hover{box-shadow:0px 0px 20px 6px rgba(0, 0, 0, 0.06);border:2px solid #1570EF;background:#ecf7ff;}
.satis_wp > ul >  li .btn{visibility: hidden;font-size:0;transition:all .2s ease-in-out;}
.satis_wp > ul >  li:hover .btn{visibility: visible;font-size:1rem;}

.layer_pop_wp {display: none;position: fixed;top: 0;left: 0;height:100%;width: 100%;background:rgba(0,0,0,.7);z-index:720; }
.layer_pop_wp .layer_flex{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}
.layer_pop_wp .layer_con {position:relative;margin:0 auto;width: 1400px;padding:40px;border: 1px solid #707070;border-radius: 20px;background: #fff;max-height:80vh;overflow-y:auto;animation:up .5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;}
.layer_pop_wp .ltit_wp{display:flex;padding-bottom:24px;margin-bottom:40px;border-bottom:1px solid #CDD0D5;}
.layer_pop_wp .ltit_wp .tit{width:calc(100% - 64px);padding-left:40px;}
.layer_pop_wp .layer_pop_close {position: absolute;right: 40px;top: 60px;padding:8px 12px; background:#344054;font-size:.875rem;font-weight:700;border-radius:8px;color:#fff;}
.layer_pop_wp.on{display:block;}

.layer_pop_wp .point_td {position:relative;border:2px solid #a4abb1;box-shadow: 0px 4px 16px 8px rgba(136, 150, 161, 0.1);}
.layer_pop_wp .point_td.point_2{border-color:#1570EF;background:#dcebff;}
.layer_pop_wp .point_td th span{border-radius:8px;background:#e3e5e7;color:#2b3243;display:block;padding:6px;}
.layer_pop_wp .point_td.point_2 th span{background:#1570EF;color:#dcebff;}
.layer_pop_wp .point_td td{font-weight:600}
.layer_pop_wp sup{font-size:12px;}

/* 리스트 페이지  - 발행자료 상단박스 */
.bo0402_noti .icon{background:url("/_KOR/img/img_sub0402_1.png") center center no-repeat #fff;}
.bo0402_noti .bo0402_step > ul{margin:24px 0;display:flex;border:1px solid #E2E4E9;border-radius:16px;overflow:hidden;}
.bo0402_noti .bo0402_step > ul > li{width:calc(100% / 4);padding:24px 32px;background:#fff;}
.bo0402_noti .bo0402_step > ul > li + li{position:relative;border-left:1px solid #E2E4E9;}
.bo0402_noti .bo0402_step > ul > li + li:before{content:'';position:absolute;top:50%;margin-top:-16px;left:-16px;width:32px;height:32px;border-radius:50%;background:url("/_KOR/img/ir.png") -630px -72px no-repeat #fff;border:1px solid #E2E4E9;}
.bo0402_noti .bo0402_step .num{padding:4px;min-width:24px;border-radius:6px;background:#868C98;color:#fff;font-weight:600;text-align:center;}
.bo0402_noti .bo0402_step .con{margin:12px 0;font-weight:700}

/* 인사말 - sub0601 */
.greeting .l_box{width:40%;padding-right:32px;background:url("/_KOR/img/img_sub0601_3.png") bottom left no-repeat ;}
.greeting .r_box{width:60%;padding:60px;}

/* 비전/미션 - sub0602 */
.mivision .sec1 .info_box .icon{background-image:none;}
.mivision .mivi_list > li {display:flex;flex-wrap:wrap;text-align:center;}
.mivision .mivi_list > li:not(:first-child){margin-top:16px;}
.mivision .mivi_list > li .tit{align-items: center;display: inline-flex;justify-content: center;flex-wrap:wrap;width:200px;margin-right:32px;padding:16px;border-radius:12px;}
.mivision .mivi_list > li .con{width:calc(100% - 232px);}
.mivision .mivi_list > li .con > *{height:100%}
.mivision .mivi_list > li .con .bg_wp{padding:16px;border-radius:12px;}
.mivision .mivi_list > li.item_1 .tit{background:#ffc107;}
.mivision .mivi_list > li.item_1 .bg_wp{background:#ffefbf;}
.mivision .mivi_list > li.item_2 .tit{background:#2196f3;color:#fff;}
.mivision .mivi_list > li.item_2 .bg_wp{background:#d5edff;}
.mivision .mivi_list > li.item_2 .bg_wp .stit_1 {padding:12px 24px;display:inline-block;margin-top:12px;background:#fff;border-radius:32px;}
.mivision .mivi_list > li.item_3 .tit{background:#3f51b5;color:#fff;}
.mivision .mivi_list > li.item_3 .sec_col > li{margin:12px 12px 0;background:#d8deff;color:#162664;padding:16px;border-radius:12px;}
.mivision .mivi_list > li.item_3 .s_con{display:flex;flex-wrap:wrap;align-items: center;justify-content: center;margin-top:16px;padding:16px;background:#fff;color:#162664;border-radius:12px;}
.mivision .mivi_list > li.item_3 .s_con li{padding:6px 16px;margin-left:-8px;background:rgba(37, 62, 167, .2);font-weight:600;border-radius:32px;}
.mivision .mivi_list > li.item_4 {position:relative;margin-top:60px;}
.mivision .mivi_list > li.item_4 .img{height:auto;position:absolute;top:-42px;left:50%;margin-left:96px;width:40px;height:46px;background:url("/_KOR/img/img_sub0602_arrow.svg") 50% 50% no-repeat ;}
.mivision .mivi_list > li.item_4 .tit{background:#6E3FF3;color:#fff;}
.mivision .mivi_list > li.item_4 .bg_wp{background:#E7DFFF;}
.mivision .mivi_list > li.item_4 .sec_col > li{display: inline-flex;align-items: center;justify-content: center;flex-wrap:wrap;font-weight:600;margin:12px 12px 0;background:#fff;padding:16px;border-radius:12px;}
.mivision .mivi_list > li.item_5 .tit{background:#3f78b5;color:#fff;}
.mivision .mivi_list > li.item_5 .sec_col > li{margin:12px 12px 0;background:#cbddef;color:#162664;padding:16px;border-radius:12px;}
.mivision .mivi_list > li.item_5 .s_con{display:flex;flex-wrap:wrap;align-items: center;justify-content: center;margin-top:16px;padding:16px;background:#fff;color:#162664;border-radius:12px;}
.mivision .mivi_list > li.item_5 .s_con li {font-weight:600;color:#0A0D14;}

.mivision .sec3 .pp_list > ul > li{padding:0 28px;border:1px solid #ededed;border-top:4px solid #ffb343;border-radius:8px;} 
.mivision .sec3 .pp_list > ul > li:nth-child(2){border-top:4px solid #8bc34a;}
.mivision .sec3 .pp_list > ul > li:nth-child(3){border-top:4px solid #2196f3;}
.mivision .sec3 .pp_list > ul > li:nth-child(4){border-top:4px solid #3f51b5;}
.mivision .sec3 .pp_list > ul > li:nth-child(5){border-top:4px solid :#673ab7;}
.mivision .sec3 .pp_list > ul > li p{display:flex;flex-wrap:wrap;align-items: center;padding:32px 0;border-bottom:1px dashed #ededed;} 
.mivision .sec3 .pp_list > ul > li p:nth-child(3){border-bottom:0}
.mivision .sec3 .pp_list > ul > li p span.num{display:inline-flex;justify-content: center;align-items: center;width:44px;height:44px;border-radius:50%;background:rgba(0,0,0,.1);}
.mivision .sec3 .pp_list > ul > li p span.txt{width:calc(100% - 44px);padding-left:16px;}
.mivision .sec3 .pp_list  > ul > li p.f_v_s{align-items: start;}


/* 연혁 - sub0603 */
.pg_tab{margin-bottom:72px;}
/* .pg_tab li:not(:last-child){margin-right:8px} */
.pg_tab a{display:inline-flex;align-items: center;height:44px;padding:10px 18px;border-radius:40px;font-weight:700;font-size:1.25rem;color:#667085;background:#F6F8FA;}
.pg_tab .on a{color:#fff;background:#162664;}
.history .pg_tabcon{display:flex;flex-wrap:wrap;min-height:340px;background:url("/_KOR/img/img_sub0601_2.png") right 0  no-repeat ;background-size:260px;}
.history .pg_tabcon .tit_year {width:200px;}
.history .pg_tabcon > ul{width:calc(100% - 200px);position:relative;padding:8px 40px;}
.history .pg_tabcon > ul:before{content:'';position:absolute;left:0;top:0;height:100%;width:1px;background:#E2E4E9;}
.history .pg_tabcon > ul > li + li{margin-top:48px}
.history .pg_tabcon .month{position:relative;margin-bottom:16px;font-size:1.5rem;font-weight:700;color:#475467}
.history .pg_tabcon .month:before{content:'';position:absolute;left:-46px;top:6px;height:12px;width:12px;background:#E2E4E9;border-radius:50%;}
.history .pg_tabcon > ul > li:first-child .month:before{content:'';position:absolute;left:-52px;top:2px;height:24px;width:24px;background:#1570ef;border-radius:50%;border:6px solid #d3ebff;box-sizing:border-box}
.history .pg_tabcon .ul_list{color:#667085;}
.history.subCon_0603 .pg_tab {flex-wrap:wrap;margin:-4px -4px 72px;}
.history.subCon_0603 .pg_tab li {margin:4px;}

/* 사업소개 */
.business_intro .info_box .icon{background-image:none;}
.business_intro .row_step{position:relative;margin-top:24px;padding:24px 0;overflow:hidden;}
.business_intro .row_step:before{content:'';position:absolute;left:80px;top:40px;height:100%;width:1px;border-left:2px dotted #31353F;}
.business_intro .row_step > li{position:relative;padding-left:180px}
.business_intro .row_step > li + li{margin-top:60px}
.business_intro .row_step > li .year{position:absolute;top:0;left:0;display:inline-flex;align-items: center;justify-content: center;width:160px;height:160px;padding:8px 24px;border-radius:50%;font-size:1.5rem;background:#C8EE00;font-weight:700;text-align:center;}
.business_intro .row_step > li:nth-child(2) .year{background:#00AEEE}
.business_intro .row_step > li:nth-child(3) .year{background:#10CD99}
.business_intro .row_step > li:nth-child(4) .year{background:#00AF50}
.business_intro .row_step > li:nth-child(5) .year{background:#54A738}
.business_intro .row_step > li .step_con{display:flex;flex-wrap:wrap;align-items: center;border:2px solid #ededed;border-radius:16px;background:#F6F8FA;}
.business_intro .row_step > li .step_con .con{width:calc(100% - 240px);padding:24px 0;padding-left:40px;background:#fff;min-height:160px;}
.business_intro .row_step > li .step_con .tit{width:240px;border-radius:16px 0 0 16px;height:100%;font-weight:700;font-size:1.25rem;text-align:center;}

.history_wp{padding:60px;}
.history_wp > ul{position:relative;padding:8px 40px;}
.history_wp > ul:before{content:'';position:absolute;left:0;top:0;height:100%;width:1px;background:#E2E4E9;}
.history_wp > ul > li + li{margin-top:48px}
.history_wp .month{position:relative;margin-bottom:16px;font-size:1.25rem;font-weight:700;color:#475467}
.history_wp .month:before{content:'';position:absolute;left:-46px;top:6px;height:12px;width:12px;background:#c3c8d4;border-radius:50%;}
.history_wp > ul > li:first-child .month:before{content:'';position:absolute;left:-52px;top:2px;height:24px;width:24px;background:#1570ef;border-radius:50%;border:6px solid #d3ebff;box-sizing:border-box}
.history_wp .ul_list{font-size:1.125rem}

/* 사업소개 > 자살예방사업 - sub060406 */
.fw_3.td_ud {text-decoration: underline;text-underline-offset: 5px;}

/* 운영체계 - sub0605 */
.org_list{max-width:1140px;margin:0 auto;}
.org_list:before{content:'';position:absolute;left:50%;top:0;height:845px;width:1px;background:#CDD0D5;z-index:-1}
.org_list > li{position:relative;margin-top:32px;}
.org_list .org_item{position:relative;width:280px;padding:20px 12px;margin:16px auto 0;font-size:1.125rem;line-height:1.688rem;font-weight:700;border-radius:12px;box-sizing:border-box;}
/* .org_list .org_st0 {display:inline-flex;align-items: center;justify-content: center;width:260px;height:260px;border-radius:50%;} */
.org_list .org_st0 {display:inline-flex;align-items: center;justify-content: center;width:180px;height:180px;border-radius:50%;}
.org_list .shape_c {display:inline-flex;align-items: center;justify-content: center;width:180px;height:180px;border-radius:50%;margin:0 auto 0;font-size: 1.125rem;line-height: 1.688rem;font-weight: 700;}
.org_list .org_st2{background:#F6F8FA;}
.org_list .org_st3{background:#253EA7;color:#fff;}
.org_list .org_st4{border:2px solid #253EA7;color:#253EA7;background:#fff;}
.org_list .org_st5{background:#FFEAC8;border-radius:32px;}
.org_list .org_st6{position:relative;border:2px solid #CDD0D5;background:#fff;}
.org_b > ul{align-items:center;padding-top:32px}
.org_b ul:before{content:'';position:absolute;left:140px;top:16px;height:1px;width:calc(100% - 280px);background:#CDD0D5;}
.org_b li.p_r:before{content:'';position:absolute;left:50%;top:-16px;height:100%;width:1px;background:#CDD0D5;}
.org_c:before{content:'';position:absolute;left:25%;top:0px;height:1px;width:50%;background:#CDD0D5;}
.org_c > div{position:relative;width:50%;padding-top:132px}
.org_c > div:before{content:'';position:absolute;left:50%;top:0px;height:140px;width:1px;background:#CDD0D5;}
.org_c > div > ul{padding-top:32px;}
.org_c .org_item{position:absolute;top:18px;left: 50%;margin-left: -130px;}
.org_list .org_item_s{position:relative; flex: 1;padding:20px 12px;margin:6px;font-size:1.125rem;line-height:1.588rem;font-weight:700;border-radius:12px;background:#FFF2F4;max-width:130px;}
.org_list .org_item_s:before{content:'';position:absolute;left:50%;top:-32px;height:32px;width:1px;background:#CDD0D5;}
.org_list .org_item_s:after{content:'';position:absolute;left:0%;top:-32px;height:1px;width:calc(100% + 12px );background:#CDD0D5;}
.org_list .org_item_s:first-child:after,
.org_list .org_item_s:last-child:after{width:calc(50% + 12px);left:50%}
.org_list .org_item_s:last-child:after{left:unset;right:50%}
.org_list .org_item_s .ico{display:flex;margin:0 auto 12px;width:48px;height:48px;background:url("/_KOR/img/img_sub0605_ir.png") 11px 11px no-repeat #fff;border-radius:50%;}
.org_list .ois-2 .ico{background-position:-101px 11px;}
.org_list .ois-3 .ico{background-position:-214px 11px;}
.org_list .ois-4 .ico{background-position:-328px 11px;}
.org_list .ois-5 .ico{background-position:-440px 11px;}
.org_list .ois-6 .ico{background-position:-552px 11px;}
.org_list .ois-7 .ico{background-position:-666px 11px;}
.org_list .org_item_s span:last-child{font-weight:700}
.org_list .org_c_r .org_item_s{background:#ECF9ED;}

/* 오시는길 - sub0607 */
.location .loca_top {border:1px solid #E2E4E9;border-radius:20px;overflow:hidden;}
.location .loca_top .l_box{width:30%;padding:60px 40px;}
.location .loca_top .l_box .stit_2 {margin:16px 0 32px}
.location .loca_top .l_box li + li{margin-top:12px;}
.location .loca_top .l_box li .tit{min-width:70px}
.location .loca_top .l_box .btn_wp{margin-top:32px}
.location .loca_top .r_box{width:70%;}
.location .loca_top .r_box > div{width:100%;}
.location .loca_top .root_daum_roughmap .wrap_btn_zoom button{height:34px}
.location .sec1 .bg_box{padding:4px 8px;margin-right:8px;border-radius:6px;}
.location .sec1  li + li{margin-left:12px;}

/* passwod */
#password_layer {display: none;position: fixed; top: 0; left: 0; height: 100%; width: 100%; background: rgba(0,0,0,.7); z-index: 720; word-break: break-all}
#password_layer .layer_flex { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center; } 
#password_layer .layer_con { position: relative; margin: 0 auto; max-width: 520px; padding: 64px 40px 32px; border: 1px solid #707070; border-radius: 20px; background: #fff; max-height: 640px; overflow-y: auto; animation: up .5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both; } 
#password_layer.on { display: block; } 

/* CI - sub0602 */
.mivision .ic_info {align-items:center;}
.mivision .ic_info .ci_img {width:420px;}
.mivision .ic_info .ci_txt {padding-left:80px;width:calc(100% - 420px);}
.mivision .color_list {flex-wrap:wrap;}
.mivision .color_list .color_box {width:20%;color:#fff;}
.mivision .color_list .color_box.color_b01 {background:rgb(40,57,138);border-radius:12px 0 0 12px;}
.mivision .color_list .color_box.color_b02 {background:rgb(84,166,219);}
.mivision .color_list .color_box.color_b03 {background:rgb(153,193,67);}
.mivision .color_list .color_box.color_b04 {background:rgb(240,78,40);}
.mivision .color_list .color_box.color_b05 {background:rgb(247,148,28);border-radius:0 12px 12px 0;}