
    .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; }

    .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; } */

	.mini_intro { display: flex; flex-direction: column; position: relative;}
	.mini_intro .name_card { position: relative; margin-top: 30px; padding: 60px 50px; background: linear-gradient(90deg, #00204B 0%, #021649 100%); border-radius: 20px;}
	.mini_intro .name_card h2 { position: absolute; bottom: 0; right: 40px; width: 310px;}
	.mini_intro .name_card h2 img { width: 100%;}
	.mini_intro .name_card ul { position: relative; z-index: 1;}
	.mini_intro .name_card:before { content: ''; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: url(/images/user/sub/bg_intro.png) no-repeat center center / cover; opacity: 0.2;}
	.mini_intro .name_card ul li + li { margin-top: 16px;}
	.mini_intro .name_card .txt1 { color: #FFFFFF; font-size: 25px; line-height: 38px; font-weight: 400;}
	.mini_intro .name_card .txt2 { position: absolute; top: 102px; left: 210px; display: flex; align-items: center; color: #FFFFFF; font-size: 15px; line-height: 23px; font-weight: 400; margin-top: 0;}
	.mini_intro .name_card .txt3 { color:#FFF;}
	.mini_intro .name_card .txt4 { color:#FFF;}
	.mini_intro .name_card .sign { display: inline-block; width: 80px; height: 23px; margin-left: 10px; background: url(/images/user/sub/img_intro_sign.svg) no-repeat center center / cover; text-indent: -999px; overflow: hidden;}
	.mini_intro .btn_intro_share { display: inline-flex; justify-content: center; align-items: center; height: 40px; border: 1px solid #C6C6C6; background: #FFFFFF; padding: 0 16px 0 16px; border-radius: 8px; font-size: 17px; font-weight: 400; line-height: 25.5px; gap: 4px;}
	.mini_intro .btn_intro_share .icon_facebook { display: inline-flex; width: 24px; height: 24px; background: url(/images/user/sub/icon_facebook_blue.svg) no-repeat 0 0 / 100%;}
	.mini_intro .btn_intro_share .icon_share { display: inline-flex; width: 16px; height: 16px; background: url(/images/user/sub/dm_ico_blank_black.svg) no-repeat 0 0 / 100%;}
	/* .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: #1d1d1d; 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;} *//* 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);} *//* .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 #FFFFFF; background-size: contain; font-size: 0; overflow: hidden; text-indent: -9999px;} *//* .mini_intro.mini_h2 .profile.ach::before { width: 341px; height: 24px; top: -13px; background-image: url(/images/user/sub/dm_txt_minister02.svg); content: '1ST VICE-MINISTER';} *//* .mini_intro.mini_h3 .profile.ach::before { width: 344px; height: 24px; top: -13px; background-image: url(/images/user/sub/dm_txt_minister03.svg); content: '2ND VICE-MINISTER';} *//* .mini_intro.mini_h .profile.ach::before { width: 341px; height: 39px; top: -20px; background-image: url(/images/user/sub/dm_txt_minister04.svg); content: 'VICE MINISTER FOR SCIENCE, TECHNOLOGY AND INNOVATION';} *//* //2023-01-19  */
	.mini_intro.mini_h2 .name_card .txt2 {position: relative; top:auto; left:auto; margin-top: 16px;}
	.mini_intro.mini_h2 .name_card .txt2 .txt_name {margin-left: 10px;}
	.year_box { position: relative; margin-top: 16px; padding: 32px; border-radius: 10px; border: 1px solid #D8D8D8; background: rgba(242, 242, 242, 0.75);}
	.list_year { position: relative;}
	.list_year li { position: relative; display: flex; color: #1D1D1D; font-size: 17px; line-height: 30px; padding-left: 21px; overflow: hidden;}
	.list_year li:before { content: ''; position: absolute; width: 1px; height: 15px; top: 0; left: 5px; background: #D8D8D8;}
	.list_year li:after { content: ''; position: absolute; width: 1px; height: 60px; top: 12px; left: 5px; background: #D8D8D8;}
	.list_year li:first-child:before { display: none;}
	.list_year li:last-child:after { display: none;}
	.list_year li .icon { z-index: 2; width: 6px; height: 6px; background: #6689B8; border-radius: 3px; position: absolute; left: 3px; top: 12px;}
	.list_year li .num_year { color: #002E6D; font-size: 17px; line-height: 30px; font-weight: 700; margin-right: 10px;}
	.list_year li.on .icon { background: #1472FF; box-shadow: rgba(20, 114, 255, 0.3) 0 0 0 3px;}

    .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: 16px; 
	    padding-right: 38px;  
	    background: url(/images/user/sub/dm_ico_download_black.svg) no-repeat right 16px center #fff; 
	    background-size: 16px; 
		color: #2D2D2D;
		font-size: 15px;
		font-weight: 400;
		line-height: 150%; /* 22.5px */
    }
    .flexbtn_list ul li a[target="_blank"] { background-image: url(/images/eng/common/ico_16_blank_gray.svg) }
    .flexbtn_list ul li a:focus,
    .flexbtn_list ul li a:hover { background-color: #E6EBF3; z-index: 1; }

	
    .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: 40px;}
	.local_map .map_box { position: relative; border: 1px solid #C6C6C6; border-radius: 20px; overflow: hidden;}
	.local_map .map { position: relative; width: 100%; height: 380px; overflow: hidden;}
	.local_map .map img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 960px;}
	.local_map .icon_box { position: absolute; top: 10px; right: 10px; display: flex; justify-content: center; align-items: center; padding: 12px 0; border: 1px solid #C6C6C6; background: #FFFFFF; border-radius: 10px;}
	.local_map .icon_box .icon_bus { flex: 1; display: flex; justify-content: center; align-items: center; padding: 0 16px;}
	.local_map .icon_box .icon_bus .icon { display: inline-flex; width: 20px; height: 24px; background-size: 100%; background-repeat: no-repeat; background-position: center center;}
	.local_map .icon_box .icon_bus.brt .icon { background-image: url(/images/user/sub/icon_bus_brt.svg);}
	.local_map .icon_box .icon_bus.bus .icon { background-image: url(/images/user/sub/icon_bus.svg);}
	.local_map .icon_box .icon_bus + .icon_bus { border-left: 1px solid #C6C6C6;}
	.local_map .icon_box .icon_bus .txt { flex: 0; display: inline-flex; flex-wrap: wrap; white-space: nowrap; margin-left: 2px; color: #2D2D2D; font-size: 13px; font-weight: 500; line-height: 19.5px;}
	.local_map .map_info_box { display: flex; justify-content: space-between; align-items: center; border-top: 1px solid #C6C6C6; padding: 32px;}
	.local_map .map_info_box .info_box { flex: 1;}
	.local_map .map_info_box .info_box li { display: flex;}
	.local_map .map_info_box .info_box li + li { margin-top: 8px;}
	.local_map .map_info_box .info_box li .tit_box { flex: 0 0 80px; display: flex; white-space: nowrap;}
	.local_map .map_info_box .info_box li .tit_box .icon { display: inline-flex; width: 20px; height: 20px; margin-right: 8px;}
	.local_map .map_info_box .info_box li .tit_box .icon.location { background: url(/images/user/sub/icon_map_location.svg) no-repeat center center; background-size: contain;}
	.local_map .map_info_box .info_box li .tit_box .icon.tel { background: url(/images/user/sub/icon_map_tel.svg) no-repeat center center; background-size: contain;}
	.local_map .map_info_box .info_box li .tit_box .tit { color: #1D1D1D; font-size: 15px; line-height: 25.5px; font-weight: 700;}
	.local_map .map_info_box .info_box li .txt { position: relative; flex: 1; color: #555555; font-size: 15px; line-height: 25.5px; font-weight: 400; margin-left: 33px;}
	.local_map .map_info_box .info_box li .txt:before { content: ''; position: absolute; left: -16px; top: 3px; width: 1px; height: 17px; background: #C6C6C6;}
	.local_map .map_info_box .logo_map { width: 203px; height: 38px; background: url(/images/user/sub/logo_map.svg) no-repeat center center; background-size: contain;}
	.btn_map_box { display: flex; gap: 10px;}
	.btn_map_box .btn_map_info { flex: 0 0 auto; display: inline-flex; justify-content: center; align-items: center; padding: 8px 16px; background: #003A88; border-radius: 8px; gap: 4px;}
	.btn_map_box .btn_map_info .txt { color: #FFFFFF; font-size: 17px; line-height: 25.5px;}
	.btn_map_box .btn_map_info .icon_share { display: inline-flex; width: 16px; height: 16px; background: url(/images/user/sub/dm_ico_board_view_blank.svg) no-repeat center center/100%;}

    .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; }
    }

    .br_pc { display:none; }

/*     .mini_intro { padding-left: 360px; }
    .mini_intro .name_card { width: 328px; } */
    .mini_intro .name_card .txt1 { font-size: 21px; line-height: 31.5px; }
    .mini_intro .name_card .txt2 { position: relative; left: auto; top: auto; margin-top: 16px; }
    
    .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; }
    
    .local_map .map img { width: 1024px; }
        
    .mi_intro .mi_txtbox .btns { flex-direction: column; }
    .mi_intro .mi_txtbox .txt 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; } */
    .mini_intro .name_card {padding: 32px;}
    .mini_intro .name_card h2 {display: none;}
    .mini_intro.mini_h2 .name_card .txt2 {
    	flex-wrap: wrap;
    }

    .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 { border-top: 0; }

    .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 .map_info_box { padding: 24px; }
    .local_map .map_info_box .logo_map { display: none; }
    .btn_map_box { flex-wrap: wrap; }

    .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; }


/* minister */
.mi_intro { display: flex; flex-direction: column; gap: 24px;}
.mi_intro .mi_imgs { flex: 1; display: flex; padding: 40px; border: 1px solid #C6C6C6; border-radius: 10px; background: #FFFFFF;}
.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; justify-content: center;}
.mi_intro .mi_txtbox .tit { color: #1D1D1D; font-size: 20px; line-height: 29px; font-weight: 700; letter-spacing: -1.6px;}
.mi_intro .mi_txtbox .txt { margin-top: 25px; color: #1D1D1D; font-size: 16px; line-height: 26px; font-weight: 400; letter-spacing: -0.8px;}
.mi_intro .mi_txtbox .btns { display: flex; justify-content: center; gap: 10px;}
.mi_intro .mi_txtbox .btns .btn_down_logo { display: inline-flex; justify-content: center; align-items: center; padding: 8px 16px; border-radius: 10px; border: 1px solid #003A88; background: #003A88; color: #FFFFFF; font-size: 17px; line-height: 25.5px; font-weight: 400;}
.mi_intro .mi_txtbox .btns .btn_down_logo::after { content: ''; display: inline-flex; 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;}
.mi_intro .mi_txtbox .btns .btn_down_guide { display: inline-flex; justify-content: center; align-items: center; padding: 8px 16px; border-radius: 10px; border: 1px solid #D9D9D9; background: #FFFFFF; color: #1D1D1D; font-size: 17px; line-height: 25.5px; font-weight: 400;}
.mi_intro .mi_txtbox .btns .btn_down_guide::after { content: ''; display: inline-flex; 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: 16px;}
.mi_logolist { display: flex; gap: 40px; margin-top: 16px; padding: 40px 38px; border-radius: 10px; overflow: auto; background: #F8F8F8; border: 1px solid #D8D8D8;}
.mi_logolist + .mi_logolist { margin-top: 16px;}
.mi_logolist li { flex: 1; display: flex; justify-content: center; align-items: center;}
.mi_logolist li .ex { display: none; width: 80px; margin: 0 auto; border-radius: 14px; background: #003A88; color: #FFFFFF; font-size: 14px; line-height: 27px; font-weight: 500; letter-spacing: -0.7px; text-align: center;}
.mi_colorlist { display: flex; flex-wrap: wrap; margin-top: 16px; gap: 16px;}
.mi_colorlist li { flex: 0 0 calc(50% - 8px);}
.mi_colorlist li .inbox { position: relative; display: flex; align-items: center; border: 1px solid #C6C6C6; border-radius: 10px; padding: 16px 16px 16px 133px; overflow: hidden;}
.mi_colorlist li .inbox .titbox { position: absolute; left: 0; top: 0; bottom: 0; display: flex; flex-direction: column; justify-content: end; width: 117px; padding: 16px; color: #FFFFFF; font-size: 15px; line-height: 25.5px; font-weight: 400; border-right: 1px solid #C6C6C6;}
.mi_colorlist li .inbox .titbox strong { margin-top: 30px; font-size: 17px; line-height: 25.5px; font-weight: 700;}
.mi_colorlist li .inbox .titbox.white { border-color: #E0E0E0; color: #1D1D1D;}
.mi_colorlist li .inbox .txtbox { flex: 1; overflow: hidden;}
.mi_colorlist li .inbox .txtbox dl { display: flex; color: #1D1D1D; font-size: 14px; line-height: 20px; font-weight: 400;}
.mi_colorlist li .inbox .txtbox dl + dl { margin-top: 4px;}
.mi_colorlist li .inbox .txtbox dl dt { margin-right: 8px; font-size: 15px; line-height: 25.5px; font-weight: 700;}
.mi_colorlist li .inbox .txtbox dl dd { flex: 1; overflow: hidden; font-size: 14px; line-height: 22.5px; font-weight: 400;}

 @media screen and (max-width: 1024px){
 	.mi_colorlist {flex-direction: column;}
 	.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; }
 }

 @media screen and (max-width: 767px){
 
    .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_colorlist li { width: 100%; padding: 0; }

}



/*Organization*/
.inbox.Left:nth-child(1) { border:none !important; } 
.inbox.Left > a { display:none; } 

.org_btn_wrap { position: relative; display: flex; margin-top: 40px;}
.org_btn_wrap .btn_org_down { position: absolute; top: 0; right: 0; padding: 0 16px; margin-left: auto; border: 1px solid #D9D9D9; border-radius: 10px; color: #1D1D1D; font-size: 17px; line-height: 38px; font-weight: 400;}
.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 {}
.org_page .top_part > a { position: relative; text-align: center; padding:0 24px; display: flex; justify-content: center; align-items: center; width: 136px; height: 136px; margin: 0 auto; border-radius: 78px; background: linear-gradient(0deg, #003A88, #003A88), linear-gradient(180deg, #0055A3 0%, #00367E 100%); color: #FFFFFF; font-size: 17px; line-height: 150%; font-weight: 700;}
.org_page .top_part > a:before { content: ''; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: url(/images/user/sub/bg_tg.png) no-repeat center center/100%; z-index: 1; opacity: 0.05;}

.org_page .mid_part { display: flex; align-items: flex-start; gap: 136px; padding: 16px 0 60px;}
.org_page .mid_part > li { display: flex; gap: 16px; flex-direction: column; flex: 1; border-radius: 10px;}
.org_page .mid_part > li .inbox {border: 1px solid #DFDFDF; border-radius: 31px; display: flex;}
.org_page .mid_part > li .inbox:first-child  {height: 86px;}
.org_page .mid_part > li .inbox.Left { flex-direction: row-reverse;}
.org_page .mid_part > li .inbox.Left:nth-child(1) { border: none !important;}
.org_page .mid_part > li .inbox > a { width: 49.335%; display: flex; align-items: center; position: relative; padding: 0 20px; background: #CCD8E7; color: #1D1D1D; font-size: 15px; line-height: 150%; font-weight: 700; text-align: center; justify-content: center; border-radius: 31px 0 0 31px;}
.org_page .mid_part > li .inbox:first-child > a {}
.org_page .mid_part > li.l .inbox {position: relative;}
.org_page .mid_part > li.l .inbox:after {content:''; display: block; position: absolute; left: 100%; top: 50%; transform: translateY(-50%); width: 136px; height: 1px; background: #c6c6c6;}
.org_page .mid_part > li.l .inbox:last-child > a { border-radius: 0 31px 31px 0;}
.org_page .mid_part > li.r .inbox:last-child > a { border-radius: 31px 0 0 31px;}
.org_page .mid_part > li .inbox > a:focus { z-index: 1;}
.org_page .mid_part > li .inbox > .depth2 { width: 50.665%; display: flex; flex-direction: column; justify-content: center; padding: 8px 16px; float: right;}
.org_page .mid_part > li .inbox.Right > .depth2 { width: 50%; display: flex; flex-direction: column; justify-content: center; padding: 8px 12px; overflow: hidden;}
.org_page .mid_part > li .inbox > .depth2 > li > a { display: block; position: relative; padding-left: 16px; color: #1D1D1D; font-size: 15px; line-height: 150%; font-weight: 400;}
.org_page .mid_part > li .inbox > .depth2 > li > a::before { content: ''; position: absolute; top: 9px; left: 0px; width: 5px; height: 5px; background: #8E8E8E; border-radius: 5px;}

.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 { position: relative; text-align: center; padding: 0 16px; display: flex; align-items: center; justify-content: center; height: 68px; border-radius: 10px; background: #002352; color: #FFFFFF; font-size: 17px; line-height: 150%; font-weight: 700; margin-bottom: 8px; overflow: hidden;}
.org_page .min_part > .list > a:before { content: ''; position: absolute; top: 50%; right: -80px; width: 260px; height: 130px; transform: translateY(-50%); background: url(/images/user/sub/bg_org_part2.png) no-repeat center center/100%; opacity: 0.1;}
.org_page .min_part > .list > .depth3 { margin-bottom: 6px;}
.org_page .min_part > .list > .depth3 > li {}
.org_page .min_part > .list > .depth3 > li > a { text-align: center; display: flex; justify-content: center; align-items: center; padding: 0 16px; height: 62px; background: #003A88; color: #FFFFFF; font-size: 15px; line-height: 150%; font-weight: 400; border-radius: 10px 10px 0 0;}
.org_page .min_part > .list > .depth3 > li > .depth4 { border-radius: 0 0 10px 10px; overflow: hidden; border: 1px solid #CCD8E7; border-top: none;}
.org_page .min_part > .list > .depth3 > li > .depth4 > li:last-child .depth5 { border-bottom: none;}
.org_page .min_part > .list > .depth3 > li > .depth4 > li > a { padding: 8px 16px; display: block; background: #EFF1FB; color: #1D1D1D; font-size: 15px; line-height: 150%; font-weight: 400; text-align: center;}
.org_page .min_part > .list > .depth3 > li > .depth4 > li > .depth5 { padding: 20px 10px; border-top: 1px solid #CCD8E7; border-bottom: 1px solid #CCD8E7;}
.org_page .min_part > .list > .depth3 > li > .depth4 > li > .depth5 > li > a { display: block; position: relative; padding-left: 16px; color: #555555; font-size: 15px; line-height: 22.5px; 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: #8E8E8E; border-radius: 5px;}
.org_page .min_part > .list > .link_em > a { display: flex; justify-content: center; align-items: center; height: 40px; border-radius: 10px; margin-bottom: 6px; border: 1px solid #CCD8E7; background: #FFFFFF; color: #000B17; font-size: 15px; line-height: 22.5px; font-weight: 500; text-align: center;}

.org_page .relation_part { display: flex; margin-top: 50px; gap: 40px;}
.org_page .relation_part > li { flex: 1;}
.org_page .relation_part > li > span { display: block; background: #2D2D2D; color: #FFFFFF; font-size: 16px; line-height: 48px; font-weight: 700; border-radius: 10px 10px 0 0; text-align: center;}
.org_page .relation_part > li > .depth3 { padding: 16px; border: 1px solid #CCD8E7; border-radius: 0 0 10px 10px; overflow: hidden;}
.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: #1D1D1D; font-size: 15px; line-height: 22.5px; 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; border-radius: 5px; background: #8E8E8E;}

@media screen and (min-width: 1025px) and (max-width: 1240px){
	.org_page .mid_part > li .inbox {height: 84px;}
	.org_page .mid_part > li .inbox:first-child {height: 130px;}
}

@media screen and (min-width: 768px) and (max-width: 990px){
	.org_page .mid_part > li .inbox {height: 84px;}
	.org_page .mid_part > li .inbox:first-child {height: 130px;}
}	
	
 @media screen and (max-width: 767px){
  	.org_btn_wrap {margin: 24px 0;}
 	.org_btn_wrap .btn_org_down { position: static; margin-left: auto; }

	.org_page .mid_part { flex-direction:column; height:auto; padding-top:20px; padding-bottom: 0; gap: 8px; } 
	.org_page .mid_part > li { display:flex; flex-direction:column; flex:none; flex-direction:column; width:100%; height:auto; border:none; border-radius:0; gap: 8px; } 
	.org_page .mid_part > li + li { margin-left:0; margin-top:8px; } 
	.org_page .mid_part > li .inbox { flex:1; height:auto; margin-bottom:0; display:block; border-radius:10px; border:none !important; } 
	.org_page .mid_part > li.l .inbox:after {display: none;}
	.org_page .mid_part > li .inbox > a { width:100%; border-radius:10px; height:40px; } 
	.org_page .mid_part > li .inbox + .inbox { flex-direction:column; border-left:none; margin-top:8px; } 
	.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 .min_part { flex-direction:column; margin-top:24px; background:none; } 
	.org_page .min_part > .list { flex:none; } 
	.org_page .min_part > .list + .list { margin:14px 0 0 0; } 
	.org_page .min_part > .list > .depth3 > li > .depth4 > li > .depth5 { padding:16px; } 
	
	.org_page .relation_part { flex-direction:column; margin-top:24px; gap:8px; } 
	.org_page .relation_part > li { flex:none; } 
 }
 
 /* statistics */
.stat {margin-top: 20px;}
.stat > li {display: inline-flex; border: 1px solid #d9d9d9; box-sizing: border-box;}
.stat > li > a {display: inline-flex; justify-content: center; align-items: center; gap: 20px;  padding: 20px; padding-right: 42px;}
.stat > li > a[target="_blank"] {background-image: url(/images/eng/common/ico_16_blank_gray.svg); background-repeat: no-repeat; background-position: center right 16px;}
.stat > li > a:hover,
.stat > li > a:focus {background-color: #E6EBF3; z-index: 1;}
.stat > li > a .img {position: relative; width: 83px; height: 83px;}
.stat > li > a .img > span {position: absolute; top:0; right:0; left:0; bottom:0; font-size:0; overflow: hidden; text-indent: -9999px; background-image: url(/images/eng/sub/ico_statics.png); background-repeat: no-repeat; background-position: center;}
.stat > li > a .txt {}

@media screen and (max-width:767px){

}

/* sub_in_tab */
.sub_tabbox + .sub_in_tabbox { margin-top:40px; } 
.sub_in_tab_m { display:none; } 
.sub_in_tabbox { display:flex; align-items:center; width:100%; margin-bottom:40px; } 
.sub_in_tabbox .swiper-container { order:1; flex:1; width:auto; min-width:0; border-radius:8px; } 
.sub_in_tabbox .swiper-container::before { content:''; position:absolute; top:0; right:0; bottom:0; left:0; border:1px solid #C6C6C6; border-radius:inherit; pointer-events:none; } 
.sub_in_tabbox .swiper-button-prev { order:0; flex:none; position:static; width:40px; height:40px; margin:0 8px 0 0; background:url(/images/user/sub/btn_40_tab_prev.svg) no-repeat center/contain; } 
.sub_in_tabbox .swiper-button-next { order:2; flex:none; position:static; width:40px; height:40px; margin:0 0 0 8px; background:url(/images/user/sub/btn_40_tab_next.svg) no-repeat center/contain; } 
.sub_in_tabbox .swiper-slide {flex:1; min-width: 20%;}
.sub_in_tabbox .swiper-slide a { display:flex; flex-wrap:wrap; justify-content:center; align-items:center; position:relative; width:100%; height:54px; padding:5px 12px; border-right:1px solid #C6C6C6; color:#555555; font-size:15px; line-height:22px; font-weight:700; text-align:center; } 
.sub_in_tabbox .swiper-slide a:hover { color:#003A88; text-decoration:underline; text-underline-offset:3px; } 
.sub_in_tabbox .swiper-slide a span { color:#555555; font-size:15px; line-height:22px; font-weight:700; } 
.sub_in_tabbox .swiper-slide:last-child a { border-right:none; } 
.sub_in_tabbox .swiper-slide a.active { background-color:#002E6D; color:#FFFFFF; } 
.sub_in_tabbox .swiper-slide a.active span { color:#FFFFFF; }
 
@media screen and (max-width:767px){
	.sub_in_tabbox { display:none; } 
	.sub_tabbox ~ .sub_in_tab_m { margin-top:24px; } 
	.sub_in_tab_m { display:block; position:relative; margin-bottom:24px; } 
	.sub_in_tab_m .btn_in_tab_m { border-radius:8px; height:48px; line-height:46px; background:#003A88 url(/images/user/sub/btn_subintab_down_m.svg) no-repeat center right 12px; width:100%; } 
	.sub_in_tab_m .btn_in_tab_m:has(+ .on) { background:#003A88 url(/images/user/sub/btn_subintab_up_m.svg) no-repeat center right 12px; } 
	.sub_in_tab_m .btn_in_tab_m > span { color:#FFFFFF; font-size:16px; font-weight:700; } 
	.sub_in_tab_m .sub_in_tab_list_m { display:none; width:100%; z-index:10; position:absolute; top:64px; border-radius:10px; border:1px solid #D4D4D4; background:#FFFFFF; padding:16px 10px 10px 20px; } 
	.sub_in_tab_m .sub_in_tab_list_m.on { display:block; } 
	.sub_in_tab_m .sub_in_tab_list { overflow-y:auto; max-height:308px; width:100%; } 
	.sub_in_tab_m .sub_in_tab_list::-webkit-scrollbar { width:4px; } 
	.sub_in_tab_m .sub_in_tab_list::-webkit-scrollbar-thumb { background:#003A88; border-radius:2px; } 
	.sub_in_tab_m .sub_in_tab_list::-webkit-scrollbar-track { background:#D4D4D4; } 
	.sub_in_tab_m .sub_in_tab_list > li { } 
	.sub_in_tab_m .sub_in_tab_list > li + li { margin-top:12px; } 
	.sub_in_tab_m .sub_in_tab_list > li > a { text-align:left; display:block; color:#919191; font-weight:500; font-size:16px; letter-spacing:-0.05em; } 
	.sub_in_tab_m .sub_in_tab_list > li > a.active { color:#414141; font-weight:700; font-size:16px; text-decoration:underline; letter-spacing:-0.05em; } 
}
