.subtit_l + .box_gray { margin-top: 10px; }

    .epeople { display: flex; align-items: center; }
    .epeople::before { content: ''; position: absolute; bottom: 0; right: 0; width: 201px; height: 164px; background: url(/images/user/sub/dm_bg_tg.svg) no-repeat center center; text-indent: -999px; overflow: hidden; }
    .epeople dt { position: relative; width: 250px; height: 107px; background-repeat: no-repeat; background-position: center center; background-size: contain; text-indent: -999px; overflow: hidden; }
    .epeople dt.logo_epeople { background-image: url(/images/user/sub/dm_bg_logo_epeople.png); }
    .epeople dt.logo_msit { position: absolute; right: 20px; bottom: 18px; width: 91px; height: 11px; background-image: url(/images/user/sub/dm_bg_logo_msit.svg); }
    .epeople dt.logo_none { width: 1px; height: 1px; margin: -1px 0 0 -1px; background: none; opacity: 0.01; overflow: hidden; }
    .epeople .txt { flex: 1; position: relative; color: #1c1c1c; font-size: 16px; line-height: 24px; font-weight: 400; letter-spacing: -1px; }
    .epeople dt + .txt { margin-left: 20px; text-align: left; }
    .epeople dt.logo_msit + .txt { margin-left: 0; padding: 0 16%; text-align: center; }
    .epeople .txt .in_bottom_txt { height: 20px; margin-top: 8px; }
    .epeople .txt .s_noti { position: absolute; right: 0; font-size: 14px; line-height: 20px; font-weight: 700; letter-spacing: -0.7px; text-align: right; }

    .epeople .txt .tit { display: block; margin-bottom: 8px; font-size: 22px; line-height: 32px; font-weight: 700; letter-spacing: -1.1px; }
    .epeople .txt .call { margin-bottom: 13px; font-size: 22px; line-height: 32px; font-weight: 700; letter-spacing: -1.1px; }
    .epeople .txt .tit + br { display: none; }
    .epeople .txt .navy { color: #003A88; font-weight: 500; text-decoration: underline; }
    .epeople .txt .link_blue { color: #4a66d3; font-weight: 700; }
    .epeople .txt .link_blue[target="_blank"] { padding-right: 20px; background: url(/images/user/sub/dm_ico_blank_16_blue.svg) no-repeat right 5px; }

    .noti_box_wrap::before { content: ''; position: absolute; bottom: 0; right: 0; width: 201px; height: 164px; background: url(/images/user/sub/dm_bg_tg.svg) no-repeat center center; text-indent: -999px; overflow: hidden; }
    .noti_box { position: relative; }
    .noti_box .txt { color: #1c1c1c; font-size: 16px; line-height: 24px; font-weight: 400; letter-spacing: -0.8px; }
    .noti_box .txt .blue { color: #4a66d3; }
    .noti_box .txt_pd { padding: 0 135px; }
    .noti_box .btns { margin-top: 15px; }

    .rss_box { display: flex; align-items: center; position: relative; padding: 0 60px 0 30px; text-align: left; }
    .rss_box .icobox { width: 120px; height: 100px; background-repeat: no-repeat; background-position: center center; background-size: contain; }
    .rss_box .txtbox { flex: 1; margin-left: 54px; overflow: hidden; }
    .rss_box .txtbox dt { color: #1c1c1c; font-size: 22px; line-height: 32px; font-weight: 700; letter-spacing: -1.1px; }
    .rss_box .txtbox dd { margin-top: 13px; color: #1c1c1c; font-size: 16px; line-height: 24px; font-weight: 400; letter-spacing: -0.8px; }

    .rss_list { margin-top: 15px; border-top: 1px solid #d4d4d4; }
    .rss_list .item { display: flex; align-items: center; padding: 12px 0;  border-bottom: 1px solid #d4d4d4; }
    .rss_list .item h5 { width: 130px; margin-right: 20px; color: #1c1c1c; font-size: 18px; line-height: 26px; font-weight: 700; letter-spacing: -0.9px; }
    .rss_list .item p { flex: 1; margin-right: 20px; color: #1c1c1c; font-size: 18px; line-height: 26px; font-weight: 400; letter-spacing: -0.9px; overflow: hidden; }
    .rss_list .item a { width: 120px; background: #003a88; color: #fff; font-size: 15px; line-height: 40px; font-weight: 500; text-align: center; }

    .box_intxt { color: #1c1c1c; font-size: 16px; line-height: 24px; font-weight: 400; letter-spacing: -1px; text-align: left; }



    /* content */
    .sub_div_hr { height: 0; margin-top: 40px; border-top: 1px solid #d0d0d0; }
    .adm-intro-tab { padding: 15px; background: #f6f8fb; }
    .adm-intro-tab ul { display: flex; justify-content: space-between; width: 356px; margin: 0 auto; }
    .adm-intro-tab ul li { flex: 1; position: relative; color: #4a66d3; font-size: 16px; line-height: 24px; font-weight: 500; letter-spacing: -0.8px; text-align: center; }
    .adm-intro-tab ul li::before { content: ''; position: absolute; top: 14px; right: 0; left: 0; height: 3px; background-color: #4a66d3; }
    .adm-intro-tab ul li:first-child:before { left: 50%; }
    .adm-intro-tab ul li:last-child:before { right: 50%; }
    .adm-intro-tab ul li .num { display: block; position: relative; width: 30px; height: 30px; margin: 0 auto 3px; border-radius: 50%; background-color: #4a66d3; color: #fff; font-size: 14px; line-height: 30px; font-weight: 700; letter-spacing: -0.7px; }
    .adm-intro-tab ul li.on ~ li { color: #414141; }
    .adm-intro-tab ul li.on ~ li::before { background-color: #d4dfef; }
    .adm-intro-tab ul li.on ~ li .num { background-color: #d4dfef; color: #414141; font-size: 15px; letter-spacing: -0.75px; }

    .agree_wrap { margin-top: 13px; padding: 16px; background: #f5f5f5; }
    .agree_wrap .agree_box { max-height: 340px; padding: 20px 25px; border: 1px solid #dcdcdc; border-radius: 8px; background: #fff; color: #212121; font-size: 16px; line-height: 24px; letter-spacing: -0.8px; overflow-y: auto; }
    .agree_wrap .agree_box p span { color: #4a66d3; }
    .agree_wrap .chk_area { margin-top: 12px; }

    .chk_box input { position: absolute; margin: 0; }
    .chk_box input + label { position: relative; padding-left: 30px; background: url(/images/user/sub/dm_input_checkbox_off.svg) no-repeat 0 2px; background-size: 20px; color: #1c1c1c; font-size: 16px; line-height: 24px; font-weight: 500; letter-spacing: -0.8px; cursor: pointer; }
    .chk_box input:checked + label { background-image: url(/images/user/sub/dm_input_checkbox_on.svg); }
    .chk_box input:focus + label::before { content: ''; position: absolute; top: 2px; left: 0; width: 20px; height: 20px; border-radius: 50%; box-shadow: 0 0 1px 1px #000; }

    .mini_intro { display: flex; flex-direction: column; position: relative; padding-left: 430px; background: url(/images/user/sub/dm_bg_mnstr.svg) no-repeat 98px 146px; }
    .mini_intro .name_card { position: absolute; top: 0; left: 0; width: 378px; text-align: center; }
    .mini_intro .name_card .imgbox { display: inline-block; position: relative; border-radius: 50%; background: #f3f5fc; box-shadow: 30px 30px 40px rgba(22,44,132,0.12); vertical-align: top; }
    .mini_intro .name_card .imgbox::before { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border: 3px solid #dce1f6; border-radius: 50%; }
    .mini_intro .name_card .imgbox img { max-width: 100%; }
    .mini_intro .name_card .tit { margin-top: 15px; color: #4a66d3; font-size: 42px; line-height: 61px; font-weight: 700; letter-spacing: -1.26px; }
    .mini_intro .name_card .txt { margin-top: 1px; color: #1c1c1c; font-size: 20px; line-height: 29px; font-weight: 500; letter-spacing: -1px; }
    .mini_intro .profile { position: relative; margin-top: 30px; }
    .mini_intro .profile.ach { padding-top: 42px; border-top: 1px solid #f1efef; }
    .mini_intro .profile.ach::before { content: ''; position: absolute; top: -15px; right: 0; width: 231px; height: 33px; background: url(/images/user/sub/dm_txt_minister.svg) no-repeat right center #fff; background-size: contain; }
    /*2023-01-19 텍스트이미지-대체텍스트 추가 */
    .mini_intro .profile.ach .before_alt_text {position: absolute; top: 0; right: 0; width: 1px; height: 1px; margin: -1px; overflow: hidden; clip-path: polygon(0 0, 0 0, 0 0);}
    /*2023-01-19 //텍스트이미지-대체텍스트 추가 */

    .mini_intro.mini_h2 .profile.ach::before { width: 341px; height: 24px; top: -13px; background-image: url(/images/user/sub/dm_txt_minister02.svg); }
    .mini_intro.mini_h3 .profile.ach::before { width: 344px; height: 24px; top: -13px; background-image: url(/images/user/sub/dm_txt_minister03.svg); }
    .mini_intro.mini_h .profile.ach::before { width: 341px; height: 39px; top: -20px; background-image: url(/images/user/sub/dm_txt_minister04.svg); }

    .mini_intro .profile h2 { position: relative; padding-left: 20px; color: #1c1c1c; font-size: 16px; line-height: 24px; font-weight: 700; letter-spacing: -0.8px; }
    .mini_intro .profile h2::before { content: ''; position: absolute; top: 10px; left: 5px; width: 5px; height: 5px; background: #ff6373; }
    .mini_intro .profile h2 span { display: none; }
    .mini_intro .profile ul { margin-top: 10px; padding: 25px; border-radius: 10px; background: rgba(242, 242, 242, 0.75); }
    .mini_intro .profile ul li { position: relative; padding-left: 43px; color: #1c1c1c; font-size: 16px; line-height: 24px; font-weight: 400; letter-spacing: -0.8px; }
    .mini_intro .profile ul li + li { margin-top: 10px; }
    .mini_intro .profile ul li span { position: absolute; top: 0; left: 0; color: #003a88; font-weight: 700; }
    .mini_intro .profile ul.no_year li { padding-left: 10px; }
    .mini_intro .profile ul.no_year li::before { content: '-'; position: absolute; top: 0; left: 0; color: #555; font-weight: 400; }

    .schedule_wrap { display: flex; align-items: flex-start; margin-top: 20px; }
    .calendar { width: 390px; border: 2px solid #ececec; border-radius: 10px; box-shadow: 0 0 5px rgba(0,0,0,0.1); }
    .calendar .head { position: relative; padding: 23px 0; }
    .calendar .head .date { color: #1c1c1c; font-size: 20px; line-height: 32px; font-weight: 700; letter-spacing: -0.6px; text-align: center; }
    .calendar .head .date strong { font-weight: 700; }
    .calendar .head .today a { position: absolute; top: 50%; left: 20px; width: 60px; height: 32px; margin-top: -16px; border-radius: 16px; background: #003a88; color: #fff; font-size: 14px; line-height: 32px; font-weight: 700; text-align: center; }
    .calendar .head .control { display: flex; position: absolute; top: 50%; right: 10px; margin-top: -18px; }
    .calendar .head .control button { width: 36px; height: 36px; background-repeat: no-repeat; background-position: center center; background-size: contain; text-indent: -999px; overflow: hidden; }
    .calendar .head .control .prev { background-image: url(/images/user/sub/dm_btn_calendar_prev.svg); }
    .calendar .head .control .next { background-image: url(/images/user/sub/dm_btn_calendar_next.svg); }
    .tb_calendar { padding-bottom: 13px; }
    .tb_calendar table { width: 100%; color: #1c1c1c; font-size: 18px; line-height: 26px; font-weight: 500; letter-spacing: -0.54px; text-align: center; }
    .tb_calendar table th { padding: 5px 0; border-top: 1px solid #e1e6fc; border-bottom: 1px solid #e1e6fc; background: #eff1fb; font-weight: 500; }
    .tb_calendar table td a { display: block; padding: 13px 0; }
    .tb_calendar td .sun { color: #da0021; }
    .tb_calendar td .sat { color: #003a88; }
    .schedule { flex: 1; margin-left: 40px; overflow: hidden; }
    .schedule .tab { display: flex; }
    .schedule .tab > li { flex: 1; }
    .schedule .tab > li + li { margin-left: 1px; }
    .schedule .tab > li a { display: block; background: #e1e6fc; color: #1c1c1c; font-size: 16px; line-height: 48px; font-weight: 500; letter-spacing: -0.8px; text-align: center; }
    .schedule .tab > li.active a { background: #4a66d3; color: #fff; font-weight: 700; }
    .schedule .tab_con > strong { display: block; color: #4a66d3; font-size: 24px; line-height: 66px; font-weight: 700; letter-spacing: -1.2px; text-align: center; }
    .schedule .tab_con ol { padding: 20px; border-radius: 10px;; background: rgba(242, 242, 242, 0.75); }
    .schedule .tab_con li { display: flex; color: #1c1c1c; font-size: 16px; line-height: 24px; font-weight: 400; letter-spacing: -0.8px; }
    .schedule .tab_con li + li { margin-top: 10px; }
    .schedule .tab_con span { margin-right: 10px; font-weight: 700; }
    .schedule .tab_con li p { flex: 1; overflow: hidden; }

    .pop_wrap { padding: 40px 60px; }
    .pop_titlebox { display: flex; align-items: flex-end; }
    .pop_titlebox .pop_title { color: #1c1c1c; font-size: 24px; line-height: 35px; font-weight: 500; }
    .pop_titlebox .txt_required { margin-left: auto; color: #ee0000; font-size: 13px; line-height: 19px; font-weight: 500; }
    .pop_table_row table { width: 100%; margin-top: 15px; border-top: 2px solid #1c1c1c; }
    .pop_table_row table th { position: relative; padding: 12px 0 12px 20px; border-bottom: 1px solid #dedede; background: #f8f8f8; color: #1c1c1c; font-size: 16px; line-height: 24px; font-weight: 500; text-align: left; }
    .pop_table_row table th .required { display: inline-block; width: 10px; color: #e00; }
    .pop_table_row table .btn_download { display: inline-block; padding: 0 29px 0 10px; margin: -2px 0 -2px 10px; background: url(/images/user/sub/dm_ico_download_white.svg) no-repeat right 10px center #003a88; background-size: 15px; color: #fff; font-size: 14px; line-height: 28px; font-weight: 500; }
    .pop_table_row table th .s_size { margin-left: 4px; color: #414141; font-size: 14px; line-height: 20px; font-weight: 400; letter-spacing: -0.7px; }
    .pop_table_row table td { padding: 12px 20px; border-bottom: 1px solid #dedede; color: #1c1c1c; font-size: 14px; line-height: 20px; font-weight: 400; }
    .pop_table_row table .txt_nt { width: 100%; margin-top: 4px; color: #707070; font-size: 12px; line-height: 17px; font-weight: 400; letter-spacing: -0.6px; }
    .input_group { display: flex; flex-wrap: wrap; }
    .input_group input[type="file"] { width: 62%; height: 40px; padding: 0 9px; border: 1px solid #d0d0d0; color: #1c1c1c; font-size: 14px; line-height: 38px; font-weight: 400; vertical-align: middle; }
    .input_group input[type="text"] { width: 100%; height: 40px; padding: 0 9px; border: 1px solid #d0d0d0; color: #1c1c1c; font-size: 14px; line-height: 38px; font-weight: 400; vertical-align: middle; }
    .input_group .icotxt { padding: 0 6px; line-height: 40px; }

    /* sub design */
    .box_radius_blue { display: flex; align-items: center; position: relative; margin: 47px 0 10px; padding: 27px 20px; border: 3px solid #e1e6fc; border-radius: 10px; }
    .box_radius_blue .titlebox { position: absolute; top: -25px; left: 27px; padding: 0 19px 0 15px; background: #fff; z-index: 1; }
    .box_radius_blue .titlebox.right { left: auto; right: 27px; }
    .box_radius_blue .titlebox .title { position: relative; padding: 0 45px; border-radius: 20px; background-image: linear-gradient(97deg, #304fc5 8%, #3d59c9 96%); color: #fff; font-size: 18px; line-height: 40px; font-weight: 700; letter-spacing: -0.9px; white-space: nowrap; }
    .box_radius_blue .titlebox .title::before { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border: 2px solid #4a66d3; border-radius: 20px; opacity: 0.8; transform: translate(4px, 4px); z-index: -1; }
    .box_radius_blue .bgimg { width: 223px; height: 211px; margin: 0 15px; background-repeat: no-repeat; background-position: center center; background-size: contain; }
    .box_radius_blue .cont { flex: 1; }
    .box_radius_blue .cont .subtit_m { margin-top: 20px; }
    .box_radius_blue .cont > *:first-child { margin-top: 0; }
    .box_radius_blue .flex_icolist { display: flex; flex-wrap: wrap; position: relative; }
    .box_radius_blue .flex_icolist::before { content: ''; position: absolute; top: 24px; bottom: 24px; left: 50%; width: 0; border-left: 1px dashed #d2d3d9; }
    .box_radius_blue .flex_icolist li { display: flex; align-items: center; width: 50%; padding: 12px 40px; }
    .box_radius_blue .flex_icolist li .icobox { width: 100px; height: 100px; margin-right: 10px; background-repeat: no-repeat; background-position: center center; background-size: contain; }
    .box_radius_blue .flex_icolist li .txtbox { flex: 1; }
    .box_radius_blue .flex_icolist li .txtbox .tit { display: block; color: #1c1c1c; font-size: 18px; line-height: 26px; font-weight: 700; letter-spacing: -0.9px; }
    .box_radius_blue .flex_icolist li .txtbox .txt { margin-top: 5px; color: #1c1c1c; font-size: 16px; line-height: 24px; font-weight: 400; letter-spacing: -0.8px; word-break: keep-all; }
    .box_radius_blue .flex_icolist li .txtbox .txt .m_none { display: none; }

    .promotion_plan { margin-top: 40px; padding-top: 60px; background: url(/images/user/sub/dm_bg_sub01_01_01_02.png) no-repeat right top; }
    .promotion_plan .title { position: relative; padding-bottom: 40px; text-align: center; }
    .promotion_plan .title::before { content: ''; position: absolute; bottom: 0; left: 50%; width: 80px; margin-left: -40px; border-bottom: 1px dashed #4a66d3; }
    .promotion_plan .title img { width: 100%; max-width: 725px; }
    .promotion_plan .title .img_m { display: none; }
    .promotion_plan .cont_box { display: flex; flex-wrap: wrap; max-width: 842px; margin: 40px auto 0; border: 3px solid #dce1f6; border-radius: 30px; overflow: hidden; }
    .promotion_plan .cont_box .item { position: relative; width: 50%; padding: 40px; background: #eef1ff; }
    .promotion_plan .cont_box .item:first-child,
    .promotion_plan .cont_box .item:last-child { background: #f9faff; }
    .promotion_plan .cont_box .item .icobox { position: absolute; top: 30px; right: 30px; width: 100px; height: 100px; border-radius: 50%; background-repeat: no-repeat; background-position: center center; background-size: contain; }
    .promotion_plan .cont_box .item .tit { position: relative; padding-bottom: 21px; color: #212121; font-size: 22px; line-height: 30px; font-weight: 400; letter-spacing: -1.1px; }
    .promotion_plan .cont_box .item .tit::before { content: ''; position: absolute; bottom: 0; left: 0; width: 60px; border-bottom: 1px dashed #989ed6; }
    .promotion_plan .cont_box .item .tit strong { font-weight: 700; }
    .promotion_plan .cont_box .item ol { margin-top: 20px; }
    .promotion_plan .cont_box .item ol li { position: relative; padding-left: 28px; color: #212121; font-size: 16px; line-height: 24px; font-weight: 400; letter-spacing: -0.8px; }
    .promotion_plan .cont_box .item ol li + li { margin-top: 4px; }
    .promotion_plan .cont_box .item ol li .num { position: absolute; top: 2px; left: 0; width: 20px; height: 20px; border-radius: 50%; background: #2f4ec7; color: #fff; font-size: 14px; line-height: 20px; font-weight: 500; letter-spacing: -0.7px; text-align: center; }

    .step_img_auto { margin-top: 30px; text-align: center; overflow: auto; }
    .step_img_auto img { max-width: 100%; }
    .step_img_auto .img_m { display: none; }

    .txt_noti_right { margin-top: 1px; color: #414141; font-size: 13px; line-height: 19px; font-weight: 500; letter-spacing: -0.65px; text-align: right; }

    .sub_icontab_box { margin-top: 20px; text-align: center; overflow: hidden; }
    .sub_icontab { display: inline-flex; position: relative; }
    .sub_icontab::before { content: ''; position: absolute; right: 0; bottom: 42px; left: 0; height: 1px; background: #e0e0e0; }
    .sub_icontab li { position: relative; width: 196px; }
    .sub_icontab li + li::before { content: ''; position: absolute; top: 38px; left: 0; width: 25px; height: 25px; margin-left: -13px; background: url(/images/user/sub/dm_ico_step_next.svg) no-repeat center center; background-size: contain; }
    .sub_icontab .inbox { display: inline-block; }
    .sub_icontab .inbox .icobox { position: relative; width: 100px; height: 100px; margin: 0 auto; background-repeat: no-repeat; background-position: center center; background-size: contain; }
    .sub_icontab .inbox .num { display: block; width: 24px; height: 24px; margin: 9px auto 0; border-radius: 50%; background: #b7b7b7; color: #fff; font-size: 14px; line-height: 24px; font-weight: 700; letter-spacing: -0.7px; }
    .sub_icontab .inbox .txt { height: 26px; margin-top: 5px; color: #1c1c1c; font-size: 18px; line-height: 26px; font-weight: 500; letter-spacing: -0.9px; white-space: nowrap; }
    .sub_icontab .inbox.active .icobox::before { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border: 3px solid #dce1f6; border-radius: 50%; }
    .sub_icontab .inbox.active .num { background: #4a66d3; }
    .sub_icontab .inbox.active .txt { color: #4a66d3; font-weight: 700; }

    .sub_icontab_con { display: none; margin-top: 60px; }
    .sub_icontab_con.active { display: block; }

    .flexbtn_list { margin-top: 20px; }
    .flexbtn_list ul { display: flex; flex-wrap: wrap; border-top: 1px solid #d4d4d4; border-left: 1px solid #d4d4d4; }
    .flexbtn_list ul li { width: 25%; border-right: 1px solid #d4d4d4; border-bottom: 1px solid #d4d4d4; }
    .flexbtn_list ul li a { display: flex; align-items: center; position: relative; height: 100%; padding: 19px 41px 19px 19px; background: url(/images/user/sub/dm_ico_download_black.svg) no-repeat right 19px center #fff; background-size: 18px; color: #1c1c1c; font-size: 16px; line-height: 24px; font-weight: 400; letter-spacing: -0.8px; }
    .flexbtn_list ul li a[target="_blank"] { background-image: url(/images/user/sub/dm_ico_blank_black.svg) }
    .flexbtn_list ul li a:focus,
    .flexbtn_list ul li a:hover { background-image: url(/images/user/sub/dm_ico_download_white.svg); background-color: #4a66d3; color: #fff; z-index: 1; }
    .flexbtn_list ul li a[target="_blank"]:focus,
    .flexbtn_list ul li a[target="_blank"]:hover { background-image: url(/images/user/sub/dm_ico_blank_white.svg); }

    .org_btn_wrap { display: flex; margin-top: 60px; }
    .org_btn_wrap .btn_org_down { position: relative; padding: 0 20px; margin-left: auto; border: 1px solid #d9d9d9; border-radius: 20px; color: #1c1c1c; font-size: 14px; line-height: 38px; font-weight: 500; }
    .org_btn_wrap .btn_org_down::after { content:''; display:inline-block; width:16px; height:16px; margin:-4px 0 0 8px; background:url(/images/user/sub/dm_ico_download_black.svg) no-repeat center center; background-size:contain; vertical-align:middle; }

    .org_page { margin-top: -60px; }
    .org_page .top_part a { display: block; width: 250px; height: 80px; margin: 0 auto; border-radius: 10px; background: url(/images/user/sub/dm_ico_organization.svg) no-repeat right center #4a66d3; color: #fff; font-size: 20px; line-height: 80px; font-weight: 700; letter-spacing: -1px; text-align: center; }
    .inbox.Left a{ border-radius: 0px 10px 10px 0px !important}
    .org_page .mid_part {    display: flex;
        align-items: flex-start;
        height: 300px;
        padding-top: 50px;
        background: url(../../images/user/sub/Org_LineEn.png) no-repeat center top;;}
    .org_page .mid_part > li { flex: 1; /*display: flex;*/ height: 107px; border-radius: 10px; }
    .org_page .mid_part > li + li { margin-left: 43px; }
    .org_page .mid_part > li .inbox {flex: 1;margin-bottom: 20px;border: 1px solid #DFDFDF;height: 60px;border-radius: 10px;display: flex;justify-content: space-between;}
    .org_page .mid_part > li .inbox.Left {
    flex-direction: row-reverse;
}
    .inbox.Left:nth-child(1) {border: none !important;}
    .inbox.Left > a{display: none;}
    .org_page .mid_part > li .inbox + .inbox { border-left: 1px solid #e0e0e0; }
    .org_page .mid_part > li .inbox + .inbox > a { margin-left: -1px; border-left: 1px solid #fff; }
    .org_page .mid_part > li .inbox > a {width: 49.335%;display: flex;justify-content: center;align-items: center;position: relative;padding: 6px 10px;background: #e0e4f2;color: #1c1c1c;font-size: 16px;line-height: 20px;font-weight: 700;letter-spacing: -1.0px;text-align: center;height: 60px;border-radius: 10px 0px 0px 10px;}
    .org_page .mid_part > li .inbox:first-child > a {}
    .org_page .mid_part > li .inbox:last-child > a {  border-radius: 10px 0px 0px 10px;  }
    .org_page .mid_part > li .inbox > a:focus { z-index: 1; }
    .org_page .mid_part > li .inbox > .depth2 {padding: 0 10px;/* float: right; */display: flex;flex-wrap: wrap;align-items: center;}
    .org_page .mid_part > li .inbox.Right > .depth2{
        width: 50%;
        padding: 0;
        padding: 12px 10px;
        /* float: right; */
        /* display: flex; */
        /* flex-wrap: wrap; */
        }
    .org_page .mid_part > li .inbox > .depth2 > li {
    width: 100%;
}
    .org_page .mid_part > li .inbox > .depth2 > li+ li {margin-top: 3px;}
    .org_page .mid_part > li .inbox > .depth2 > li > a {display: block;position: relative;padding-left: 16px;color: #1c1c1c;font-size: 14px;line-height: 20px;font-weight: 400;letter-spacing: -1.0px;/* white-space: nowrap; */}
    .org_page .mid_part > li .inbox > .depth2 > li > a::before { content: ''; position: absolute; top: 8px; left: 5px; width: 5px; height: 5px; background: #4a66d3; }

    .org_page .min_part { display: flex; }
    .org_page .min_part > .list { flex: 1; }
    .org_page .min_part > .list + .list { margin-left: 10px; }
    .org_page .min_part > .list > a { display: block; border-radius: 10px 10px 0 0; background: #032f6a; color: #fff; font-size: 16px; line-height: 46px; font-weight: 700; letter-spacing: -0.8px; text-align: center; }
    .org_page .min_part > .list > .depth3 { margin-bottom: 6px; }
    .org_page .min_part > .list > .depth3 > li > a { display: block; background: #003a88; color: #fff; font-size: 16px; line-height: 40px; font-weight: 400; letter-spacing: -0.8px; text-align: center; }
    .org_page .min_part > .list > .depth3 > li > .depth4 > li > a { display: block; background: #eff1fb; color: #1c1c1c; font-size: 14px; line-height: 40px; font-weight: 700; letter-spacing: -0.7px; text-align: center; }
    .org_page .min_part > .list > .depth3 > li > .depth4 > li > .depth5 { padding: 20px 10px; border: 1px solid #eff1fb; }
    .org_page .min_part > .list > .depth3 > li > .depth4 > li > .depth5 > li + li { margin-top: 6px; }
    .org_page .min_part > .list > .depth3 > li > .depth4 > li > .depth5 > li > a { display: block; position: relative; padding-left: 16px; color: #1c1c1c; font-size: 14px; line-height: 20px; font-weight: 400; letter-spacing: -0.7px; }
    .org_page .min_part > .list > .depth3 > li > .depth4 > li > .depth5 > li > a::before { content: ''; position: absolute; top: 8px; left: 5px; width: 5px; height: 5px; background: #4a66d3; }
    .org_page .min_part > .list > .link_em > a { display: block; margin-bottom: 6px; border: 1px solid #eff1fb; background: #fff; color: #1c1c1c; font-size: 16px; line-height: 38px; font-weight: 500; letter-spacing: -0.8px; text-align: center; }

    .org_page .relation_part { display: flex; margin-top: 50px; }
    .org_page .relation_part > li { flex: 1; border-radius: 10px; background: #f8f8f8; overflow: hidden; }
    .org_page .relation_part > li + li { margin-left: 8px; }
    .org_page .relation_part > li > span { display: block; background: #414141; color: #fff; font-size: 16px; line-height: 48px; font-weight: 700; letter-spacing: -0.8px; text-align: center; }
    .org_page .relation_part > li > .depth3 { padding: 20px 10px; }
    .org_page .relation_part > li > .depth3 > li + li { margin-top: 6px; }
    .org_page .relation_part > li > .depth3 > li > a { display: block; position: relative; padding-left: 16px; color: #1c1c1c; font-size: 14px; line-height: 20px; font-weight: 400; letter-spacing: -0.7px; }
    .org_page .relation_part > li > .depth3 > li > a::before { content: ''; position: absolute; top: 8px; left: 5px; width: 5px; height: 5px; background: #b7b7b7; }

    .sub_graph_img { margin-top: 10px; }
    .sub_graph_img img { width: 100%; }
    .sub_graph_img .img_m { display: none; }

    .sub_topflex { display: flex; }
    .sub_topflex a { margin-left: auto; }
    .topflex_select { width: 146px; height: 40px; padding: 0 36px 0 15px; border: 1px solid #d0d0d0; background: url(/images/user/dm_bg_select.svg) no-repeat right 8px center; background-size: 24px; color: #1c1c1c; font-size: 14px; line-height: 20px; font-weight: 400; }

    .full_imgbox { margin-top: 40px; }
    .full_imgbox img { width: 100%; }
    .full_imgbox .img_m { display: none; }

    .sub_national_task { position: relative; margin-top: -80px; padding-top: 160px; }
    .sub_national_task .bgbox01 { position: absolute; top: 40px; left: 0; width: 385px; height: 385px; overflow: hidden; }
    .sub_national_task .bgbox01::before { content: ''; position: absolute; top: -40px; left: -219px; width: 385px; height: 385px; border-radius: 50%; background: #eff1fb; opacity: 0.4; }
    .sub_national_task .bgbox02 { position: absolute; bottom: 425px; right: 0; width: 720px; height: 720px; overflow: hidden; }
    .sub_national_task .bgbox02::before { content: ''; position: absolute; bottom: 0; right: -101px; width: 720px; height: 720px; border-radius: 50%; background: #eff1fb; opacity: 0.4; }

    .target_box { display: flex; align-items: flex-start; position: relative; }
    .target_box .title { width: 269px; height: 309px; background: url(/images/user/sub/dm_tit_sub04_01_01_01.svg) no-repeat center center; background-size: contain; text-indent: -999px; overflow: hidden; }
    .target_box .cont { flex: 1; margin-left: 30px; border: 3px solid #c7cff6; border-radius: 10px; box-shadow: 0 0 15px #eff1fb; background: #fff; }
    .target_box .cont ol { display: flex; flex-wrap: wrap; padding: 25px; }
    .target_box .cont ol li { position: relative; width: calc(50% - 30px); margin: 15px; padding-left: 30px; }
    .target_box .cont ol li .num { position: absolute; top: 3px; left: 0; width: 20px; height: 20px; border-radius: 50%; background: #2f4ec7; color: #fff; font-size: 14px; line-height: 20px; font-weight: 400; text-align: center; letter-spacing: -0.7px; }
    .target_box .cont ol li .tit { color: #1c1c1c; font-size: 18px; line-height: 26px; font-weight: 900; letter-spacing: -0.9px; }
    .target_box .cont ol li .tit .small { margin-left: 6px; color: #4a66d3; font-size: 14px; line-height: 20px; font-weight: 500; letter-spacing: -0.7px; }
    .target_box .cont ol li .txt { margin-top: 5px; color: #1c1c1c; font-size: 16px; line-height: 24px; font-weight: 400; letter-spacing: -0.8px; }

    .task_box { display: flex; align-items: flex-start; position: relative; margin-top: 60px; }
    .task_box .title { order: 10; width: 269px; height: 309px; background: url(/images/user/sub/dm_tit_sub04_01_01_02.svg) no-repeat center center; background-size: contain; text-indent: -999px; overflow: hidden; }
    .task_box .cont { order: 5; flex: 1; margin-right: 30px; padding: 50px; border: 3px solid #c7cff6; border-radius: 10px; box-shadow: 0 0 15px #eff1fb; background: #fff; overflow: hidden; }
    .task_box .cont .item { position: relative; padding-bottom: 50px; }
    .task_box .cont .item:last-child { padding-bottom: 0; }
    .task_box .cont .item::before { content: ''; position: absolute; top: 0; bottom: 0; left: 44px; border-right: 1px dashed #d2d3d9; }
    .task_box .cont .titbox { display: flex; align-items: center; position: relative; line-height: 1; }
    .task_box .cont .titbox .img_m { display: none; }
    .task_box .cont .titbox .num { margin-right: 13px; }
    .task_box .cont .list { margin: 20px 0 0 70px; }
    .task_box .cont .list li { display: flex; position: relative; padding-left: 17px; }
    .task_box .cont .list li::before { content: ''; position: absolute; top: 11px; left: 5px; width: 5px; height: 5px; background: #ff6373; }
    .task_box .cont .list li + li { margin-top: 8px; }
    .task_box .cont .list li strong { margin-right: 15px; color: #1c1c1c; font-size: 18px; line-height: 26px; font-weight: 700; letter-spacing: -0.9px; }
    .task_box .cont .list li p { flex: 1; color: #1c1c1c; font-size: 18px; line-height: 26px; font-weight: 400; letter-spacing: -0.9px; }
    .task_box .cont .list li p .small { display: block; width: 100%; margin-top: 1px; color: #003a88; font-size: 16px; line-height: 24px; font-weight: 500; letter-spacing: -0.8px; }

    .sub_workplans { margin-top: 48px; background: url(/images/user/sub/dm_bg_sub04_01_02.png) no-repeat center 0; }
    .sub_workplans .img_m { display: none; }
    .sub_workplans .titlebox .title { text-align: center; }
    .sub_workplans .titlebox .title img { max-width: 100%; }
    .sub_workplans .stitle { background-repeat: no-repeat; background-position: center center; background-size: contain; text-indent: -9999px; overflow: hidden; }
    .sub_workplans .stitle01 { width: 121px; height: 147px; margin: 35px auto 0; background-image: url(/images/user/sub/dm_stit_sub04_01_02_01.svg); }
    .sub_workplans .stitle02 { width: 187px; height: 147px; margin: 80px auto 0; background-image: url(/images/user/sub/dm_stit_sub04_01_02_02.svg); }
    .sub_workplans .cont { border-radius: 10px; border: 3px solid #c7cff6; box-shadow: 0 0 15px #eff1fb; }
    .sub_workplans .cont01 { margin-top: 30px; padding: 30px; background: #233fab; text-align: center; }
    .sub_workplans .cont01 img { max-width: 100%; }
    .sub_workplans .cont02 { margin-top: 15px; padding: 57px; background: #fff; }

    .workplans_intro .item + .item { margin-top: 80px; }
    .workplans_intro .item .titbox { display: flex; align-items: center; line-height: 1; }
    .workplans_intro .item .titbox .num { padding: 0 12px; margin-right: 13px; border-radius: 18px; background: #2f4ec7; color: #fff; font-size: 22px; line-height: 35px; font-weight: 400; }
    .workplans_intro .item .tit_p { margin-top: 20px; padding: 8px 20px; background: #eff1fb; color: #1c1c1c; font-size: 18px; line-height: 26px; font-weight: 500; letter-spacing: -0.9px; }
    .workplans_intro .txt_img { display: flex; align-items: center; padding: 20px 0 0 20px; }
    .workplans_intro .txt_img .txts { flex: 1; }
    .workplans_intro .txt_img .txts li + li { margin-top: 12px; }
    .workplans_intro .txt_img .txts li > strong { display: flex; align-items: center; position: relative; padding-left: 17px; color: #4a66d3; font-size: 16px; line-height: 24px; font-weight: 700; letter-spacing: -0.8px; }
    .workplans_intro .txt_img .txts li > strong::before { content: ''; position: absolute; top: 10px; left: 5px; width: 5px; height: 5px; background: #4a66d3; }
    .workplans_intro .txt_img .txts li > strong .line { width: 2px; height: 12px; margin: 0 10px; background: #bbc4e5; text-indent: -999px; overflow: hidden; }
    .workplans_intro .txt_img .txts li > p { margin: 4px 0 0 17px; color: #1c1c1c; font-size: 16px; line-height: 26px; font-weight: 400; letter-spacing: -0.8px; }
    .workplans_intro .txt_img .txts li > p.small { color: #003a88; font-size: 14px; line-height: 20px; font-weight: 500; letter-spacing: -0.7px; }
    .workplans_intro .txt_img .imgbox { width: 214px; height: 225px; margin-left: 20px; background-repeat: no-repeat; background-position: center center; background-size: contain; }
    .workplans_intro .txt_img .imgbox { width: 214px; height: 225px; margin-left: 20px; background-repeat: no-repeat; background-position: center center; background-size: contain; }
    .workplans_intro .item:nth-child(1) .txt_img .imgbox { margin-bottom: -40px; }
    .workplans_intro .item:nth-child(3) .txt_img .imgbox { margin-bottom: -60px; }
    .workplans_intro .item:last-child .txt_img { align-items: flex-end; }

    .workplans_intro .data_dlbox { margin-top: 60px; overflow: auto; }
    .workplans_intro .data_dl { min-width: 900px; background: url(/images/user/sub/dm_arrow_data.svg) no-repeat 365px center; }
    .workplans_intro .data_dl dl { display: flex; position: relative; border-right: 1px solid #d4d4d4; border-left: 1px solid #d4d4d4; }
    .workplans_intro .data_dl dl dt { display: flex; justify-content: center; align-items: center; width: 110px; border-bottom: 1px solid #d4d4d4; background: #f8f8f8; color: #1c1c1c; font-size: 16px; line-height: 24px; font-weight: 700; letter-spacing: -0.8px; text-align: center; }
    .workplans_intro .data_dl dl dd { flex: 1; display: flex; }
    .workplans_intro .data_dl dl dd p { display: flex; flex-wrap: wrap; align-items: center; padding: 13px 20px; border-bottom: 1px solid #d4d4d4; color: #1c1c1c; font-size: 16px; line-height: 24px; font-weight: 400; letter-spacing: -0.8px; }
    .workplans_intro .data_dl dl dd p em { color: #003a88; font-weight: 500; }
    .workplans_intro .data_dl dl:first-child dt,
    .workplans_intro .data_dl dl:first-child dd p { border-top: 1px solid #d4d4d4; }
    .workplans_intro .data_dl dl dd p:first-child { width: 240px; border-right: 1px solid #d4d4d4; }
    .workplans_intro .data_dl dl dd p:last-child { flex: 1; border-left: 1px solid #d4d4d4; }
    .workplans_intro .data_dl dl dd .spacing { width: 45px; text-indent: -999px; overflow: hidden; }

    .workplans_intro .txt_talent { margin-top: 72px; color: #003a88; font-size: 14px; line-height: 20px; font-weight: 500; letter-spacing: -0.7px; }
    .workplans_intro .data_talentbox { margin-top: 5px; overflow: auto; }
    .workplans_intro .data_talent { display: flex; min-width: 900px; }
    .workplans_intro .data_talent dl { flex: 1; display: flex; flex-direction: column; position: relative; border: 1px solid #d4d4d4; }
    .workplans_intro .data_talent dl + dl { margin-left: 45px; }
    .workplans_intro .data_talent dl + dl::before { content: ''; position: absolute; top: 0; left: -45px; width: 45px; height: 100%; background: url(/images/user/sub/dm_arrow_data.svg) no-repeat center center; background-size: 15px; }
    .workplans_intro .data_talent dl dt { padding: 14px 20px; background: #f8f8f8; color: #1c1c1c; font-size: 16px; line-height: 24px; font-weight: 700; letter-spacing: -0.8px; text-align: center; }
    .workplans_intro .data_talent dl dd { flex: 1; display: flex; justify-content: center; align-items: center; padding: 8px 20px; color: #1c1c1c; font-size: 16px; line-height: 24px; font-weight: 400; letter-spacing: -0.8px; text-align: center; }

    .sub_workplans_fullimg { margin-top: 40px; text-align: center; }
    .sub_workplans_fullimg img { max-width: 100%; }
    .sub_workplans_fullimg .img_m { display: none; }

    .tb_unit { margin-top: 20px; color: #565656; font-size: 14px; line-height: 20px; font-weight: 500; letter-spacing: -0.7px; text-align: right; }
    .tb_unit + .mobile_scroll { margin-top: 10px; }
    .tb_info { margin-top: 10px; color: #565656; font-size: 14px; line-height: 20px; font-weight: 500; letter-spacing: -0.7px; }

    .tab_mini { padding: 40px 45px 40px 80px; border-radius: 10px; background: #f6f8fb; }
    .tab_mini ul { position: relative; height: 380px; background: url(/images/user/sub/dm_bg_his_tab.png) no-repeat right 0 top 114px; }
    .tab_mini ul .now { width: 216px; }
    .tab_mini ul .now a { display: flex; flex-direction: column; align-items: center; }
    .tab_mini ul .now .year { padding: 0 15px; border-radius: 17px; background: #4a66d3; color: #fff; font-size: 18px; line-height: 33px; font-weight: 700; letter-spacing: -0.9px; }
    .tab_mini ul .now .img { margin-top: 33px; border: 3px solid #dce1f6; border-radius: 50%; box-shadow: 30px 30px 40px rgba(22, 44, 132, 0.12); overflow: hidden; }
    .tab_mini ul .now .img img { width: 100%; }
    .tab_mini ul .now .name { margin-top: 6px; color: #4a66d3; font-size: 42px; line-height: 61px; font-weight: 700; letter-spacing: -1.26px; }
    .tab_mini ul .now .position { margin-top: 1px; color: #1c1c1c; font-size: 20px; line-height: 29px; font-weight: 500; letter-spacing: -1px; }
    .tab_mini ul .his { position: absolute; }
    .tab_mini ul .his a { display: flex; flex-direction: column; position: relative; width: 100px; }
    .tab_mini ul .his a::before { content: ''; position: absolute; left: 5px; width: 8px; height: 8px; box-shadow: 0 0 5px 5px rgba(74, 102, 211, 0.17); border-radius: 50%; background: #4a66d3; }
    .tab_mini ul .his .year { padding: 0 12px; border-radius: 13px; background: #003a88; color: #fff; font-size: 14px; line-height: 26px; font-weight: 700; letter-spacing: -0.7px; }
    .tab_mini ul .his .part { margin-top: 4px; color: #1c1c1c; font-size: 18px; line-height: 26px; font-weight: 500; letter-spacing: -0.9px; white-space: nowrap; }

    .tab_mini ul .his1 { top: 263px; right: 0; }
    .tab_mini ul .his1 a::before { top: -33px; }
    .tab_mini ul .his2 { top: 263px; right: 128px; }
    .tab_mini ul .his2 a::before { top: -33px; }
    .tab_mini ul .his3 { top: 29px; right: 0; }
    .tab_mini ul .his3 a::before { bottom: -33px; }
    .tab_mini ul .his4 { top: 29px; right: 128px; }
    .tab_mini ul .his4 a::before { bottom: -33px; }
    .tab_mini ul .his5 { top: 199px; right: 306px; }
    .tab_mini ul .his5 a::before { top: -30px; }
    .tab_mini ul .his6 { top: 91px; right: 407px; }
    .tab_mini ul .his6 a::before { bottom: -30px; }

    .tab_mini_con { display: none; }
    .tab_mini_con.active { display: block; }
    .tab_mini_con .tit { display: flex; flex-wrap: wrap; position: relative; margin-top: 40px; padding-left: 21px; font-size: 16px; line-height: 24px; font-weight: 700; letter-spacing: -0.8px; }
    .tab_mini_con .tit::before { content: ''; position: absolute; top: 10px; left: 5px; width: 5px; height: 5px; background: #ff6373; }
    .tab_mini_con .tit .year { margin-right: 15px; color: #4a66d3; }
    .tab_mini_con .tit .part { color: #1c1c1c; }
    .tab_mini_con .list { margin-top: 10px; padding: 25px; border: 2px solid #e1e6fc; border-radius: 10px; background: #fff; }
    .tab_mini_con .list > li { position: relative; padding-left: 51px; color: #1c1c1c; font-size: 16px; line-height: 24px; font-weight: 400; letter-spacing: -0.8px; }
    .tab_mini_con .list > li + li { margin-top: 10px; }
    .tab_mini_con .list > li .name { position: absolute; top: 0; left: 0; color: #003a88; font-weight: 700; }

    .icolabeling { margin-top: 15px; padding: 25px 15px; border: 3px solid #eff1fb; border-radius: 10px; }
    .icolabeling ul { display: flex; }
    .icolabeling ul li { flex: 1; position: relative; padding: 0 5px; text-align: center; }
    .icolabeling ul li + li::before { content: ''; position: absolute; top: 50%; left: -2px; width: 4px; height: 26px; margin-top: -13px; border-radius: 2px; background: #eff1fb; }
    .icolabeling ul li .img img { max-width: 100%; }
    .icolabeling ul li .txt { color: #1c1c1c; font-size: 16px; line-height: 24px; font-weight: 500; letter-spacing: -0.8px; }

    .directory_list { display: flex; position: relative; margin-top: 15px; padding: 25px 20px; border: 3px solid #eff1fb; border-radius: 10px; }
    .directory_list ul { flex: 1; display: flex; flex-direction: column; padding: 0 10px; }
    .directory_list ul li { position: relative; margin: 5px 0; padding-left: 17px; color: #1c1c1c; font-size: 16px; line-height: 24px; font-weight: 500; letter-spacing: -0.8px; }
    .directory_list ul li::before { content: ''; position: absolute; top: 10px; left: 5px; width: 5px; height: 5px; background: #ff6373; }
    .directory_list .ico { position: absolute; top: 50%; right: 25px; width: 48px; height: 48px; margin-top: -24px; background-repeat: no-repeat; background-position: center center; background-size: contain; }

    .blue_blank { color: #4a66d3; }
    .blue_blank::after { content:''; display:inline-block; width:16px; height:16px; margin:-4px 0 0 4px; background:url(/images/user/sub/dm_ico_blank_blue.svg) no-repeat center center; background-size:contain; vertical-align:middle; }

    .black_blank { color: #1c1c1c; }
    .black_blank::after { content:''; display:inline-block; width:16px; height:16px; margin:-4px 0 0 4px; background:url(/images/user/sub/dm_ico_blank_black.svg) no-repeat center center; background-size:contain; vertical-align:middle; }
    .black_blank:hover { color: #4a66d3; text-decoration: underline; }
    .black_blank:hover::after { background-image: url(/images/user/sub/dm_ico_blank_blue.svg); }

    .subdownload_box { margin-top: 20px; }
    .subdownload_box .title { padding-bottom: 2px; color: #1c1c1c; font-size: 16px; line-height: 24px; font-weight: 700; letter-spacing: -0.8px; }
    .subdownload a[download] { display: block; margin-top: 8px; padding: 12px 32px 12px 12px; background: url(/images/user/sub/dm_ico_download_black.svg) no-repeat right 12px center #f6f8fb; background-size: 16px; color: #000; font-size: 15px; line-height: 21px; font-weight: 500; }

    .sub_greetings { margin-top: 46px; overflow: hidden; }
    .sub_greetings img { max-width: 100%; }
    .sub_greetings .img_m { display: none; }
    .sub_greetings .photobox { float: right; width: 39.6%; margin: 0 0 20px 5.5%; text-align: right; }
    .sub_greetings .photobox .position { margin-top: 16px; color: #1c1c1c; font-size: 16px; line-height: 24px; font-weight: 500; letter-spacing: -0.8px; }
    .sub_greetings .photobox .name { color: #4a66d3; font-size: 24px; line-height: 35px; font-weight: 700; letter-spacing: -0.72px; }
    .sub_greetings .title { width: 54.9%; margin-top: 69px; }
    .sub_greetings .txt { margin-top: 44px; color: #1d1d1d; font-size: 18px; line-height: 28px; font-weight: 400; letter-spacing: -0.9px; }

    .target_icobox { display: flex; margin-top: 10px; padding: 0 3%; }
    .target_icobox li { flex: 1; padding: 0 10px; }
    .target_icobox .img { width: 176px; height: 176px; margin: 0 auto; background-repeat: no-repeat; background-position: center center; background-size: contain; }
    .target_icobox .txt { margin-top: 12px; color: #1c1c1c; font-size: 16px; line-height: 24px; font-weight: 500; letter-spacing: -0.8px; text-align: center; word-break: keep-all; }

    .local_map { margin-top: 30px; text-align: center; }
    .local_map .ico { width: 36px; height: 36px; margin: 0 auto; background: url(/images/user/sub/dm_ico_sub06_06_local.svg) no-repeat center center; background-size: contain; }
    .local_map .txt_address { margin-top: 8px; color: #1c1c1c; font-size: 20px; line-height: 29px; font-weight: 700; letter-spacing: -1px; }
    .local_map .map { position: relative; height: 334px; margin-top: 25px; border: 2px solid #e1e1e1; border-radius: 10px; overflow: hidden; }
    .local_map .map::after { content: ''; position: absolute; top: 15px; right: 17px; width: 100px; height: 72px; background: url(/images/user/sub/dm_img_sub06_06_01_right.png) no-repeat center center; background-size: contain; }
    .local_map .map img { position: absolute; top: 0; left: 50%; width: 1020px; height: auto; margin-left: -510px; }
    .local_map .txt_tel { margin-top: 20px; color: #1c1c1c; font-size: 16px; line-height: 24px; font-weight: 400; letter-spacing: -0.8px; text-align: left; }

    .cpr_box { display: flex; align-items: center; margin-top: 25px; padding: 30px 40px; border-radius: 10px; background: #f6f8fb; }
    .cpr_box .imgbox .img_m { display: none; }
    .cpr_box .txtbox { flex: 1; margin-left: 40px; overflow: hidden; }
    .cpr_box .txtbox > *:first-child { margin-top: 0; }
    .cpr_box .txtbox .subtit_m_con { padding-top: 6px; }
    .cpr_box .txtbox .subtit_s { margin-top: 2px; line-height: 24px; }

    .subtit_tb { margin-top: 60px; color: #1c1c1c; font-size: 18px; line-height: 26px; font-weight: 700; letter-spacing: -0.9px; }


    @media screen and (max-width:1447px){
    .target_box .title { width: 200px; height: 230px; }
    .target_box .cont { margin-left: 20px; }
    .target_box .cont ol { padding: 25px 20px; }

    .task_box .title { width: 200px; height: 230px; }
    .task_box .cont { margin-right: 20px; padding: 40px 35px; }
    .task_box .cont .item::before { display: none; }
    .task_box .cont .titbox { flex-wrap: wrap; }
    .task_box .cont .titbox .tit { width: 100%; margin-top: 15px; }
    .task_box .cont .list { margin-left: 0; }

    .workplans_intro .item .tit_p .m_none { display: none; }
    }

    @media screen and (max-width:1280px){
.org_page .mid_part {
    background: none;
}
    #lnb { width:220px; }
    .sub_content { width:calc(100% - 250px); }
    .br_pc { display:none; }

    .mini_intro { padding-left: 360px; }
    .mini_intro .name_card { width: 328px; }

    .calendar { width: 340px; }
    .schedule { margin-left: 20px; }

    .box_radius_blue .flex_icolist { margin: 0 -10px; }
    .box_radius_blue .flex_icolist li { padding: 12px 20px; }

    .promotion_plan .cont_box .item { padding: 40px 30px; }
    .promotion_plan .cont_box .item .icobox { right: 20px; }

    .flexbtn_list ul li { width: 33.3333%; }

    .target_box .title { width: 132px; height: 152px; }
    .target_box .cont { margin-left: 10px; }
    .target_box .cont ol { padding: 10px 5px; }
    .task_box .title { width: 132px; height: 152px; }
    .task_box .cont { margin-right: 10px; padding: 25px 20px; }

    .noti_box .txt_pd { padding: 0; }

    .icolabeling ul li .img img { max-width: 80px; }

    .tab_mini { padding: 40px; }

    .sub_greetings .txt .m_br { display: none; }

    .target_icobox { padding: 0; }
    .target_icobox .img { width: 146px; height: 146px; }
    .target_icobox .txt .m_br { display: none; }
    }
    @media screen and (max-width:1160px){
     .tab_mini { padding: 20px; }
     .tab_mini ul .his5 { right: 288px; }
     .tab_mini ul .his6 { right: 318px; }
    }
    @media screen and (max-width:1024px){
    #lnb { display:none; }
    .sub_content { width:100%; }
    .sub_depth_title { display:block; height:116px; margin:0 -35px; padding-top:21px; background:url(/images/user/sub/bg_sub_depth.svg) no-repeat right center #002a50; background-size:contain; color:#fff; font-size:30px; line-height:44px; font-weight:400; letter-spacing:-1.5px; text-align:center; }
    .sub_headbar { display:flex; position:relative; margin-top:-30px; padding:0 0 0 20px; border:1px solid #d0d0d0; background:#fff; z-index:20; }
    .sub_headbar .link_home { width:24px; height:24px; margin:17px 0; background:url(/images/user/sub/ico_location_home.svg) no-repeat center center; background-size:contain; text-indent:-999px; overflow:hidden; }
    .sub_headbar .sub_depth_box { flex:1; position:relative; margin-left:20px; }
    .sub_headbar .sub_depth_box > a { display:block; position:relative; padding:16px 65px 16px 21px; color:#1c1c1c;; font-size:18px; line-height:26px; font-weight:500; letter-spacing:-0.9px; }
    .sub_headbar .sub_depth_box > a:before { content:''; position:absolute; top:50%; left:0; width:1px; height:20px; margin-top:-10px; background:#dedede; }
    .sub_headbar .sub_depth_box > a:after { content:''; position:absolute; top:50%; right:30px; width:20px; height:20px; margin-top:-10px; background:url(/images/user/sub/ico_depth_select_arrow.svg) no-repeat center center; background-size:20px; }
    .sub_headbar .sub_depth_box > .sub_depth { display:none; position:absolute; top:100%; right:-1px; left:-65px; padding:11px 0; background:#1c1c1c; box-shadow:0 15px 20px rgba(0,0,0,0.25); }
    .sub_headbar .sub_depth_box > .sub_depth > li > a { display:block; position: relative; padding:4px 90px; color:#fff; font-size:15px; line-height:21px; font-weight:500; letter-spacing:-0.38px; }
    .sub_headbar .sub_depth_box > .sub_depth > li > a.selected { text-decoration:underline; }
    .sub_headbar .sub_depth_box > .sub_depth > li > a[target="_blank"]::after { content:''; display:inline-block; width:16px; height:21px; margin-left:4px; background:url(/images/user/sub/ico_depth_blank_white.svg) no-repeat center center; background-size:contain; vertical-align:top; }
    .sub_headbar.active { border-color:#ebebeb; background:#ebebeb; }
    .sub_headbar.active .link_home { background-image:url(/images/user/sub/ico_location_home_on.svg); }
    .sub_headbar.active .sub_depth_box > a:after { background-image:url(/images/user/sub/ico_depth_select_arrow_on.svg); }
    .sub_headbar.active .sub_depth_box > a + .sub_depth { display:block; }
    .sub_location { display:none; }
    .sub_con_head { justify-content:center; position:relative; padding:30px 0 22px; }
    .sub_con_head .right_btns { position:absolute; top:30px; right:0; }
    .sub_con_head .right_btns > li.print { display:none; }
    .sub_tabbox > ul { flex-wrap:wrap; margin-left:-1px; }
    .sub_tabbox > ul > li { flex-basis:33.3333%; border-top:1px solid #fff; border-left:1px solid #fff; }
    .sub_tabbox > ul > li:nth-child(3) ~ li { flex:none; width:33.3333%; }

    .tb.tb_view { min-width: 700px; }
    .tb.tb_view table th { padding: 15px 10px; font-size: 14px; line-height: 20px; }
    .tb.tb_view table td { padding: 15px 20px; font-size: 14px; line-height: 20px; letter-spacing: -0.7px; }

    /* content */
    .sub_div_hr { margin-top: 20px; }

    .adm-intro-tab ul { width: 240px; }

    .agree_wrap { margin-top: 10px; padding: 15px 10px; }
    .agree_wrap .agree_box { padding: 15px; font-size: 14px; letter-spacing: -0.7px; }
    .agree_wrap .agree_box p span { color: #4a66d3; }
    .agree_wrap .chk_area { margin-top: 8px; }

    .chk_box input { position: absolute; margin: 0; }
    .chk_box input + label { background-position: 0 0; font-size: 14px; line-height: 20px; letter-spacing: -0.7px; }
    .chk_box input:focus + label::before { display: none; }

    .mini_intro { padding: 0 0 20px 0; background: none; }
    .mini_intro .name_card { position: static; width: 100%; }
    .mini_intro .name_card .imgbox { width: 200px; height: 200px; }
    .mini_intro .name_card .tit { font-size: 34px; line-height: 49px; letter-spacing: 0; }
    .mini_intro .name_card .txt { margin-top: 2px; font-size: 14px; line-height: 20px; letter-spacing: -0.7px; }

    .mini_intro .profile.ach { padding-top: 35px; margin-top: 35px; }
    .mini_intro .profile.ach::before { display: none; }
    .mini_intro .profile ul { padding: 15px; }

    .schedule_wrap { flex-direction: column; margin-top: 20px; }
    .calendar { width: 100%; }
    .calendar .head { padding: 25px 0; }
    .calendar .head .date { font-size: 18px; line-height: 26px; letter-spacing: -0.54px; }
    .schedule { width: 100%; margin: 30px 0 0 0; }

    .schedule .tab_con > strong { font-size: 20px; line-height: 59px; letter-spacing: -1px; }
    .schedule .tab_con ol { padding: 15px; }

    .pop_wrap { padding: 50px 16px; }
    .pop_titlebox .pop_title { font-size: 20px; line-height: 29px; letter-spacing: -1px; }
    .pop_titlebox .txt_required { font-size: 12px; line-height: 17px; }
    .pop_table_row table,
    .pop_table_row table tbody,
    .pop_table_row table tr,
    .pop_table_row table th,
    .pop_table_row table td { display: block; }
    .pop_table_row table th { padding: 12px 10px; border-bottom: none; }
    .pop_table_row table .btn_download { margin: -1px 0 -1px 10px; padding-right: 28px; background-size: 14px; font-size: 12px; line-height: 26px; }
    .pop_table_row table td { padding: 12px 10px; }
    .input_group input[type="file"] { width: 100% !important; }
    .input_group input#emailAddr1[type="text"] { width: 120px !important; }
    .input_group input#emailAddr2[type="text"] { flex: 1; }

    /* sub design */
    .box_radius_blue { flex-direction: column; margin: 38px 0 10px; padding: 20px 10px; }
    .box_radius_blue .titlebox { top: -21px; left: 50%; transform: translateX(-50%); }
    .box_radius_blue .titlebox.right { right: auto; left: 50%; }
    .box_radius_blue .titlebox .title { padding: 0 22px; font-size: 14px; letter-spacing: -0.7px; }
    .box_radius_blue .bgimg { width: 165px; height: 156px; margin: 15px auto; }
    .box_radius_blue .cont { flex: none; width: 100%; }
    .box_radius_blue .flex_icolist { flex-direction: column; width: 100%; margin: 24px 0 0 0; }
    .box_radius_blue .flex_icolist::before { display: none; }
    .box_radius_blue .flex_icolist li { width: 100%; padding: 12px 2px; }
    .box_radius_blue .flex_icolist li .icobox { width: 80px; height: 80px; }
    .box_radius_blue .flex_icolist li .txtbox .tit { font-size: 16px; line-height: 24px; letter-spacing: -0.8px; }
    .box_radius_blue .flex_icolist li .txtbox .txt { margin-top: 4px; font-size: 14px; line-height: 20px; letter-spacing: -0.7px; word-break: break-all; }

    .promotion_plan { margin-top: 30px; padding-top: 0; background: none; }
    .promotion_plan .title { padding-bottom: 30px; }
    .promotion_plan .title img { display: none; }
    .promotion_plan .title .img_m { display: inline-block; max-width: 270px; }
    .promotion_plan .cont_box { margin-top: 17px; border: none; border-radius: 0; }
    .promotion_plan .cont_box .item { width: 100%; padding: 40px 25px; overflow: hidden; }
    .promotion_plan .cont_box .item:nth-child(2n-1) { border: 3px solid #dce1f6; border-bottom: none; border-radius: 10px 10px 0 0; }
    .promotion_plan .cont_box .item:nth-child(2n) { border: 3px solid #dce1f6; border-top: none; border-radius: 0 0 10px 10px; }
    .promotion_plan .cont_box .item:nth-child(2n+1) { margin-top: 13px; }
    .promotion_plan .cont_box .item .icobox { width: 80px; height: 80px; }

    .step_img_auto { margin-top: 20px; }
    .step_img_auto .img_pc { display: none; }
    .step_img_auto .img_m { display: inline-block; }

    .txt_noti_right { margin-top: 0; font-size: 11px; line-height: 16px; letter-spacing: -0.55px; }

    .sub_icontab { display: flex; justify-content: center; margin: 0 -40px; padding: 0 9px; }
    .sub_icontab::before { bottom: 56px; }
    .sub_icontab li { width: 120px; }
    .sub_icontab li + li::before { top: 25px; width: 20px; height: 20px; margin-left: -10px; }
    .sub_icontab .inbox .icobox { width: 70px; height: 70px; }
    .sub_icontab .inbox .num { margin-top: 16px; }
    .sub_icontab .inbox .txt { height: 40px; font-size: 14px; line-height: 20px; letter-spacing: -0.7px; }

    .sub_icontab_con { margin-top: 40px; }

    .flexbtn_list { margin-top: 10px; }
    .flexbtn_list ul { border: none; }
    .flexbtn_list ul li { width: 100%; border: 1px solid #d4d4d4; }
    .flexbtn_list ul li + li { margin-top: 6px; }

    .sub_graph_img { margin-left: -24px; }
    .sub_graph_img .img_pc { display: none; }
    .sub_graph_img .img_m { display: inline-block; }

    .sub_topflex { flex-wrap: wrap; }
    .sub_topflex a,
    .sub_topflex a[target="_blank"] { width: 100%; margin: 10px 0 0 0; }
    .sub_topflex .topflex_select { width: 100%; }

    .full_imgbox .img_pc { display: none; }
    .full_imgbox .img_m { display: inline-block; }

    .sub_national_task { margin-top: 0; padding-top: 0; }
    .sub_national_task .bgbox01,
    .sub_national_task .bgbox02 { display: none; }

    .target_box { flex-direction: column; align-items: center; margin-top: 50px; }
    .target_box .title { width: 151px; height: 139px; margin: 0 auto; background-image: url(/images/user/sub/dm_tit_sub04_01_01_01_m.svg); }
    .target_box .cont { flex: none; width: 100%; margin: 25px 0 0 0; }
    .target_box .cont ol { max-height: none; padding: 25px 20px; }
    .target_box .cont ol li { width: 100%; margin: 0; }
    .target_box .cont ol li + li { margin-top: 25px; }

    .task_box { flex-direction: column; align-items: center; margin-top: 50px; }
    .task_box .title { order: 5; width: 177px; height: 176px; background-image: url(/images/user/sub/dm_tit_sub04_01_01_02_m.svg); }
    .task_box .cont { order: 10; flex: none; width: 100%; margin: 25px 0 0 0; padding: 25px 20px; }
    .task_box .cont .item { padding-bottom: 30px; }
    .task_box .cont .titbox .img_pc { display: none; }
    .task_box .cont .titbox .img_m { display: inline-block; }
    .task_box .cont .list { margin-top: 15px; }
    .task_box .cont .list li { flex-wrap: wrap; }
    .task_box .cont .list li::before { top: 9px; }
    .task_box .cont .list li strong { font-size: 16px; line-height: 24px; letter-spacing: -0.8px; }
    .task_box .cont .list li p { flex: none; width: 100%; margin-top: 2px; font-size: 16px; line-height: 24px; letter-spacing: -0.8px; }
    .task_box .cont .list li p .small { margin-top: 2px; font-size: 14px; line-height: 20px; letter-spacing: -0.7px; }

    .sub_workplans { margin-top: 40px; background: none; }
    .sub_workplans .img_pc { display: none; }
    .sub_workplans .img_m { display: inline-block; }
    .sub_workplans .stitle01 { width: 103px; height: 126px; margin: 45px auto 0; background-image: url(/images/user/sub/dm_stit_sub04_01_02_01_m.svg); }
    .sub_workplans .stitle02 { width: 162px; height: 128px; margin: 50px auto 0; background-image: url(/images/user/sub/dm_stit_sub04_01_02_02_m.svg); }
    .sub_workplans .cont01 { margin-top: 26px; padding: 24px 16px; }
    .sub_workplans .cont02 { margin-top: 26px; padding: 24px 16px; }

    .workplans_intro .item + .item { margin-top: 40px; }
    .workplans_intro .item .titbox .num { margin-right: 10px; border-radius: 15px; font-size: 16px; line-height: 29px; }
    .workplans_intro .item .tit_p { margin-top: 25px; padding: 8px 10px; }
    .workplans_intro .txt_img { padding: 15px 0 0 0; }

    .workplans_intro .data_dlbox { margin-top: 30px; }

    .workplans_intro .txt_talent { margin-top: 30px; }

    .sub_workplans_fullimg .img_pc { display: none; }
    .sub_workplans_fullimg .img_m { display: inline-block; }

    .tb_unit { margin-top: 16px; font-size: 12px; line-height: 17px; letter-spacing: -0.6px; }
    .tb_unit + .mobile_scroll { margin-top: 7px; }

    .noti_box .txt_pd { font-size: 14px; line-height: 20px; letter-spacing: -0.6px; }

    .tab_mini { padding: 0 0 30px; border-radius: 10px; }
    .tab_mini ul { width: 328px; height: 710px; padding-top: 25px; margin: 0 auto; background: url(/images/user/sub/dm_bg_his_tab_m.png) no-repeat center bottom; background-size: 51px; }
    .tab_mini ul .now { width: 206px; margin: 0 auto; }
    .tab_mini ul .now .img { margin-top: 22px; }
    .tab_mini ul .now .name { margin-top: 12px; font-size: 34px; line-height: 49px; letter-spacing: 0; }
    .tab_mini ul .now .position { font-size: 14px; line-height: 20px; letter-spacing: -0.7px; }
    .tab_mini ul .his { right: auto !important; }
    .tab_mini ul .his a { width: 83px; }
    .tab_mini ul .his a::before { left: auto; top: 8px !important; }
    .tab_mini ul .his .year { padding: 0 8px; border-radius: 12px; font-size: 12px; line-height: 24px; letter-spacing: -0.6px; }
    .tab_mini ul .his .part { font-size: 16px; line-height: 24px; letter-spacing: -0.8px; }
    .tab_mini ul .his1 { top: 662px; right: auto; left: 37px; }
    .tab_mini ul .his1 a { align-items: flex-end; }
    .tab_mini ul .his1 a::before { right: -23px; left: auto; }
    .tab_mini ul .his2 { top: 585px; right: auto; left: 37px; }
    .tab_mini ul .his2 a::before { right: -23px; left: auto; }
    .tab_mini ul .his2 a { align-items: flex-end; }
    .tab_mini ul .his3 { top: 665px; left: 208px; }
    .tab_mini ul .his3 a::before { right: auto; left: -23px; }
    .tab_mini ul .his4 { top: 585px; left: 208px; }
    .tab_mini ul .his4 a::before { right: auto; left: -23px; }
    .tab_mini ul .his5 { top: 483px; left: 62px; }
    .tab_mini ul .his5 a { align-items: flex-end; }
    .tab_mini ul .his5 a::before { right: -23px; left: auto; }
    .tab_mini ul .his6 { top: 423px; left: 183px; }
    .tab_mini ul .his6 a::before { right: auto; left: -23px; }

    .tab_mini_con .tit { margin-top: 30px; }
    .tab_mini_con .list { padding: 15px; }

    .icolabeling { margin-top: 10px; padding: 20px 14px; }
    .icolabeling ul { flex-wrap: wrap; margin-top: -15px; }
    .icolabeling ul li { flex: none; width: 50%; margin-top: 15px; }
    .icolabeling ul li + li::before { display: none; }
    .icolabeling ul li .img img { max-width: 60px; }
    .icolabeling ul li .txt { font-size: 14px; line-height: 20px; letter-spacing: -0.7px; }

    .directory_list { flex-direction: column; margin-top: 10px; padding: 17px 20px; }
    .directory_list ul { padding: 0; }
    .directory_list ul li { margin: 3px 0; }

    .subdownload_box { margin-top: 15px; }
    .subdownload_box .title { font-size: 14px; line-height: 20px; letter-spacing: -0.7px; }
    .subdownload a[download] { font-size: 14px; line-height: 20px; }

    .sub_greetings { display: flex; flex-direction: column; margin-top: 30px; }
    .sub_greetings .img_pc { display: none; }
    .sub_greetings .img_m { display: inline-block; }
    .sub_greetings .photobox { order: 15; width: 100%; margin: 87px 0 0 0; }
    .sub_greetings .photobox .photo { text-align: center; }
    .sub_greetings .photobox .position { margin-top: 20px; }
    .sub_greetings .title { width: 100%; margin-top: 0; }
    .sub_greetings .txt { margin-top: 30px; }

    .target_icobox { flex-wrap: wrap; margin-top: 0; }
    .target_icobox li { flex: none; width: 50%; padding: 10px 4px; }
    .target_icobox .txt { margin-top: 8px; font-size: 14px; line-height: 20px; letter-spacing: -0.7px; }

    .local_map { margin-top: 20px; }
    .local_map .txt_address { font-size: 18px; line-height: 26px; letter-spacing: -0.9px; }
    .local_map .map { margin-top: 15px; }
    .local_map .map::after { display: none; }
    .local_map .txt_tel { margin-top: 15px; }

    .cpr_box { flex-direction: column; align-items: flex-start; margin-top: 15px; padding: 15px; }
    .cpr_box .imgbox { width: 100%; }
    .cpr_box .imgbox .img_pc { display: none; }
    .cpr_box .imgbox .img_m { display: inline-block; width: 100%; }
    .cpr_box .txtbox { flex: none; width: 100%; margin: 15px 0 0 0; }
    .cpr_box .txtbox .subtit_s { margin-top: 8px; line-height: 20px; }

    .subtit_tb { margin-top: 40px; font-size: 15px; line-height: 22px; letter-spacing: -0.75px; }
    }



    @media print { header,
    .btn_search_toggle,
    #lnb,
    .sub_location,
    .sub_con_head .right_btns,
    footer { display: none; }
    .sub_content { width: 100%; }
    * { -webkit-print-color-adjust: exact; }
   }    .subtit_l + .box_gray { margin-top: 10px; }



 .mi_intro { display: flex; margin-top: 30px; }
 .mi_intro .mi_imgs { flex: 1; display: flex; height: 280px; padding: 40px 0; margin-right: 40px; border-radius: 10px; background: #f6f8fb; }
 .mi_intro .mi_imgs li { flex: 1; display: flex; align-items: center; padding: 0 20px; }
 .mi_intro .mi_imgs li + li { border-left: 1px dashed #d2d3d9; }
 .mi_intro .mi_imgs li .img { width: 100%; text-align: center; }
 .mi_intro .mi_imgs li .img img { max-width: 100%; }
 .mi_intro .mi_txtbox { display: flex; flex-direction: column; width: 34.3%; }
 .mi_intro .mi_txtbox .tit { color: #1c1c1c; font-size: 20px; line-height: 29px; font-weight: 700; letter-spacing: -1.6px; }
 .mi_intro .mi_txtbox .txt { margin-top: 25px; color: #1c1c1c; font-size: 16px; line-height: 26px; font-weight: 400; letter-spacing: -0.8px; }
 .mi_intro .mi_txtbox .btns { margin-top: auto; }
 .mi_intro .mi_txtbox .btns .btn_down_logo { display: block; border: 1px solid #003a88; background: #003a88; color: #fff; font-size: 14px; line-height: 46px; font-weight: 500; text-align: center; }
 .mi_intro .mi_txtbox .btns .btn_down_logo::after { content: ''; display: inline-block; width: 16px; height: 16px; margin: -4px 0 0 8px; background: url(/images/user/sub/dm_ico_download_white.svg) no-repeat center center; background-size: 16px; vertical-align: middle; }
 .mi_intro .mi_txtbox .btns .btn_down_guide {    display: block;
    margin-top: 8px;
    border: 1px solid #d9d9d9;
    background: #003A88;
    color: #ffffff;
    font-size: 14px;
    line-height: 46px;
    font-weight: 500;
    text-align: center; }
 .mi_intro .mi_txtbox .btns .btn_down_guide::after { content: ''; display: inline-block; width: 16px; height: 16px; margin: -4px 0 0 8px; background: url(../../images/user/sub/dm_ico_download_Miblack.svg) no-repeat center center; background-size: 16px; vertical-align: middle; }

 .mi_logolist { display: flex; margin-top: 20px; padding: 25px 0; border-radius: 10px; background: #f6f8fb; }
 .mi_logolist + .mi_logolist { margin-top: 15px; }
 .mi_logolist li { flex: 1; padding: 0 25px; }
 .mi_logolist li + li { border-left: 1px dashed #d2d3d9; }
 .mi_logolist li .ex { width: 80px; margin: 0 auto; border-radius: 14px; background: #003a88; color: #fff; font-size: 14px; line-height: 27px; font-weight: 500; letter-spacing: -0.7px; text-align: center; }
 .mi_logolist li .img { margin-top: 8px; text-align: center; }
 .mi_logolist li .img img { max-width: 100%; }

 .mi_colorlist { display: flex; flex-wrap: wrap; margin-top: 20px; padding: 25px 55px; border-radius: 10px; background: #f8f8f8; }
 .mi_colorlist li { width: 50%; padding: 15px; }
 .mi_colorlist li .inbox { display: flex; align-items: center; height: 100%; }
 .mi_colorlist li .inbox .titbox { display: flex; justify-content: center; align-items: center; width: 100px; height: 100px; padding: 10px; border: 1px solid transparent; border-radius: 50%; color: #fff; font-size: 16px; line-height: 24px; font-weight: 400; letter-spacing: -0.8px; text-align: center; }
 .mi_colorlist li .inbox .titbox.white { border-color: #e0e0e0; color: #1c1c1c; }
 .mi_colorlist li .inbox .txtbox { flex: 1; margin-left: 24px; overflow: hidden; }
 .mi_colorlist li .inbox .txtbox dl { display: flex; color: #1c1c1c; font-size: 14px; line-height: 20px; font-weight: 400; letter-spacing: -0.7px; }
 .mi_colorlist li .inbox .txtbox dl + dl { margin-top: 8px; }
 .mi_colorlist li .inbox .txtbox dl dt { width: 64px; margin-right: 6px; font-weight: 500; }
 .mi_colorlist li .inbox .txtbox dl dd { flex: 1; overflow: hidden; }



 @media screen and (max-width: 767px){

    .org_btn_wrap { margin-top: 20px; }
    .org_page .min_part { flex-direction: column; margin-top: 20px; }

    .org_page { margin-top: 15px; }
    .org_page .top_part a { width: 100%; }
    .org_page .mid_part > li .inbox > a{width: 100%;display: inline-block;}
    .org_page .mid_part { flex-direction: column; height: auto; padding-top: 20px; }
    .org_page .mid_part > li { flex: none; flex-direction: column; width: 100%; height: auto; border: none; border-radius: 0; }
    .org_page .mid_part > li + li { margin-left: 0; }
    .org_page .mid_part > li .inbox {flex: none;margin-bottom: 1px;display: initial;}
    .org_page .mid_part > li .inbox + .inbox { border-left: none; }
    .org_page .mid_part > li .inbox + .inbox > a { margin-left: 0; border-left: none; }
    .org_page .mid_part > li .inbox:first-child > a { border-radius: 0; }
    .org_page .mid_part > li .inbox:last-child > a { border-radius: 0; }
    .org_page .mid_part > li .inbox > *:first-child { border-top-left-radius: 10px !important; border-top-right-radius: 10px !important; border-bottom-left-radius: 0 !important; border-bottom-right-radius: 0 !important;}
    .org_page .mid_part > li .inbox > *:last-child { border-bottom-left-radius: 10px !important; border-bottom-right-radius: 10px !important; }
    .org_page .mid_part > li .inbox > .depth2 { border: 1px solid #e0e0e0;  width: 100% !important;}
    .org_page .mid_part > li .inbox{border: none !important;}
    .depth.PaReset{    padding: 12px 10px !important;}
    .org_page .min_part > .list { flex: none; }
    .org_page .min_part > .list + .list { margin: 14px 0 0 0; }

    .org_page .relation_part { flex-direction: column; margin-top: 40px; }
    .org_page .relation_part > li { flex: none; }
    .org_page .relation_part > li + li { margin: 10px 0 0 0; }


    .mi_intro { flex-direction: column; margin-top: 20px; }
    .mi_intro .mi_imgs { flex: none; flex-direction: column; height: auto; padding: 0 40px; margin-right: 0; }
    .mi_intro .mi_imgs li { flex: none; padding: 40px 0; }
    .mi_intro .mi_imgs li + li { border-top: 1px dashed #d2d3d9; border-left: none; }

    .mi_intro .mi_txtbox { width: 100%; margin-top: 20px; }
    .mi_intro .mi_txtbox .txt br { display: block; }
    .mi_intro .mi_txtbox .btns { margin-top: 20px; }

    .mi_logolist { flex-direction: column; margin-top: 15px; padding: 0 20px; }
    .mi_logolist + .mi_logolist { margin-top: 10px; }
    .mi_logolist li { flex: none; padding: 20px 0; }
    .mi_logolist li + li { border-top: 1px dashed #d2d3d9; border-left: none; }

    .mi_colorlist { flex-direction: column; margin-top: 15px; padding: 20px; }
    .mi_colorlist li { width: 100%; padding: 0; }
    .mi_colorlist li + li { margin-top: 20px; }
    .mi_colorlist li .inbox { flex-direction: column; height: auto; }
    .mi_colorlist li .inbox .txtbox { flex: none; width: 100%; margin: 24px 0 0 0; }
.sub_tabbox { position:relative; height:48px; }
.sub_tabbox > ul { position:absolute; top:0; right:0; left:0; max-height:48px; margin:0; overflow:hidden; transition:max-height 0s cubic-bezier(0, 1, 0, 1); }
.sub_tabbox > ul.open { max-height:500px; z-index:6; transition:max-height 0s ease-in-out; }
.sub_tabbox > ul > li { flex:none; order:2; width:100% !important; padding:0; border:none !important; border-top: 1px solid #d0d0d0 !important; }
.sub_tabbox > ul > li > a { position:relative; justify-content:flex-start; padding:0 24px; background:#fff; color:#1c1c1c; font-size:15px; line-height:48px; }
.sub_tabbox > ul > li > a:hover { text-decoration: none; }
.sub_tabbox > ul > li.active { order:1; border-top: none !important; }
.sub_tabbox > ul > li.active > a { justify-content: center; height: auto; font-size: 16px; text-align: center; }
.sub_tabbox > ul > li.active > a:before { content:''; position:absolute; top:50%; right:12px; width:24px; height:24px; margin-top:-12px; background:url(/images/user/sub/ico_subtab_arrow_white.svg) no-repeat center center; background-size:contain; }
.sub_tabbox > ul.open { border: 1px solid #4a66d3; }
.sub_tabbox > ul.open > li.active > a { margin: -1px; }
.sub_tabbox > ul.open > li.active > a:before { transform: rotate(180deg); }

    }



/*Organization*/