/* 여백 */
.pt28{padding-top:2.8rem !important;}
.px0{padding-left:0 !important;padding-right:0 !important;}
.px40{padding-left:4rem !important;padding-right:4rem !important;}
.py0{padding-top:0 !important;padding-bottom:0 !important;}
.py15{padding-top:1.5rem !important;padding-bottom:1.5rem !important;}
.py30{padding-top:3rem !important;padding-bottom:3rem !important;}
.pd30{padding:3rem !important;}
.pd0{padding:0 !important;}
.mt53{margin-top:5.3rem !important;}
.my0{margin-top:0 !important;margin-bottom:0 !important;}
.my10{margin-top:1rem !important;margin-bottom:1rem !important;}
.my20{margin-top:2rem !important;margin-bottom:2rem !important;}
.ml_auto{margin-left:auto !important;}
.mr_auto{margin-right:auto !important;}
.mt_auto{margin-top:auto !important;}
.mx_auto{margin-left:auto !important;margin-right:auto !important;}

/* 넓이 */
.mw400{max-width:40rem !important;}
.th60{width:6rem;}
.th70{width:7rem;}
.th80{width:8rem;}
.th120{width:12rem;}

/* 색상 */
:root{
  /* 프라이머리 */
  --primary5:#e9f8ff;
  --primary20:#edf1f5;
  --primary30:#e9f8ff;
  --primary40:#497cf8;
  --primary50:#212f74;
  --primary80:#3a3b73;

  /* 그레이 */
  --gray0:#fff;
  --gray5:#f7f7f7;
  --gray10:#e3e3e3;
  --gray20:#e0e0e0;
  --gray25:#d2d2d2;
  --gray30:#bababa;
  --gray40:#a7a7a7;
  --gray50:#898989;
  --gray55:#616161;
  --gray60:#423a3a;
  --gray90:#333;

  /* 시스템 */
  --danger:#c35050;
  --warning:#eed200;
  --success:#089846;
  --base:#272727;

  /* 예외사항 */
  --exc_mint20:#2e9ea1;
}
.tx_primary50{color:var(--primary50) !important;}
.tx_primary80{color:var(--primary80) !important;}
.tx_gray50{color:var(--gray50) !important;}
.tx_gray55{color:var(--gray55) !important;}
.tx_gray60{color:var(--gray60) !important;}
.tx_gray90{color:var(--gray90) !important;}
.tx_danger{color:var(--danger) !important;}
.tx_warning{color:var(--warning) !important;}
.tx_success{color:var(--success) !important;}
.tx_base{color:var(--base) !important;}
.tx_excmint20{color:var(--exc_mint20) !important;}
.tx_underline{text-decoration:underline !important;}
.tx_through{text-decoration:line-through !important;color:var(--gray50) !important;}

.bg_primary20{color:var(--gray0);background-color:var(--primary20) !important;}
.bg_primary30{color:var(--gray0);background-color:var(--primary30) !important;}
.bg_primary40{color:var(--gray0);background-color:var(--primary40) !important;}
.bg_primary50{color:var(--gray0);background-color:var(--primary50);}
.bg_primary80{color:var(--gray0);background-color:var(--primary80);}
.bg_secondary{color:var(--base);background-color:var(--primary20);}
.bg_tertiary{color:var(--gray0);background-color:var(--gray90);}
.bg_gray0{color:var(--base);background-color:var(--gray0) !important;}
.bg_gray5{color:var(--base);background-color:var(--gray5) !important;}
.bg_gray10{color:var(--base);background-color:var(--gray10);}
.bg_gray20{color:var(--base);background-color:var(--gray20);}
.bg_gray30{color:var(--gray0);background-color:var(--gray30);}
.bg_gray40{color:var(--gray0);background-color:var(--gray40);}
.bg_gray50{color:var(--gray0);background-color:var(--gray50);}
.bg_gray55{color:var(--gray0);background-color:var(--gray55);}
.bg_gray90{color:var(--gray0);background-color:var(--gray90);}
.bg_danger{color:var(--gray0);background-color:var(--danger);}
.bg_warning{color:var(--base);background-color:var(--warning);}
.bg_success{color:var(--gray0);background-color:var(--success);}
.bg_base{color:var(--gray0);background-color:var(--base);}

.line_primary{color:var(--primary50);border:.1rem solid var(--primary50) !important;}
.line_secondary{color:var(--base);border:.1rem solid var(--gray30);background-color:var(--primary20);}
.line_tertiary{color:var(--gray90);border:.1rem solid var(--gray90);}
.line_gray10{color:var(--base);border:.1rem solid var(--gray10);}
.line_gray20{color:var(--base);border:.1rem solid var(--gray20);}
.line_gray30{color:var(--base);border:.1rem solid var(--gray30) !important;background-color:var(--gray0);}
.line_gray55{color:var(--base);border:.1rem solid var(--gray55) !important;}
.line_danger{border:.1rem solid var(--danger) !important;}
.line_base{color:var(--base) !important;border:.1rem solid var(--base) !important;}

.filter_contrast{filter:contrast(0) brightness(10) !important;}
.filter_primary{filter:invert(20%) sepia(80%) saturate(660%) hue-rotate(185deg);}
.filter_gray{filter:grayscale(1) brightness(2);}
.filter_black{filter:contrast(1) brightness(0);}

/* 타이포그래피 */
.h1{display:block;font-size:3rem;font-weight:600;line-height:1.5;}
.h2{display:block;font-size:2.4rem;font-weight:600;line-height:1.5;}
.h3{display:block;font-size:2.2rem;font-weight:600;line-height:1.5;}
.h4{display:block;font-size:1.9rem;font-weight:600;line-height:1.5;}
.h5{display:block;font-size:1.7rem;font-weight:500;line-height:1.5;}
.h6{display:block;font-size:1.6rem;font-weight:500;line-height:1.5;}
.fs48{font-size:4.8rem !important;}
.fs22{font-size:2.2rem !important;}
.fs15{font-size:1.5rem !important;}
.fs14{font-size:1.4rem !important;}
.fs13{font-size:1.3rem !important;}
.fw500{font-weight:500 !important;}
.fw600{font-weight:600 !important;}
.fw700{font-weight:700 !important;}
.ellipsis1{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.ellipsis2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-overflow:ellipsis;overflow:hidden;}

/* 선 */
.bw0{border-width:0 !important;}
.bw1{border-width:.1rem !important;}
.bw2{border-width:.2rem !important;}
.br0{border-radius:0 !important;}
.br6{border-radius:.6rem !important;}
.br50{border-radius:50rem !important;}
.bc_gray25{border-color:var(--gray25) !important;}
.bc_gray30{border-color:var(--gray30) !important;}

/* 레이아웃 */
.flex_none{flex:none !important;}
.flex0{flex:0 !important;}
.flex1{flex:1;}
.flex2{flex:2;}
.flex3{flex:3;}
.order_1{order:-1;}
.order1{order:1;}
.order2{order:2;}
.order3{order:3;}
.order4{order:4;}

/* 노이미지 */
.noimg{border:.1rem solid #e0e0e0;background-color:#f7f7f7;background-repeat:no-repeat;background-position:center;background-size:50%;}
.noimg.naju{background-image:url(/layout/images/module_gov/contents/naju/logo_naju.png);}
.noimg.jangheung{background-image:url(/layout/images/module_gov/contents/jangheung/logo_jangheung.png);background-size:40%;}

/* 예외사항 */
.before_none::before{display:none !important;}

/* 제공아이콘 */
.krds[class^='ico_']::before{background-image:url(/layout/images/module_gov/common/sp_icon_krds.png);background-size:118rem;}
.krds.ico_accessibility::before{width:2rem;height:2rem;background-position:-5.2rem -4.2rem;}
.krds.ico_analytics::before{width:1.8rem;height:1.8rem;background-position:-10.1rem -4.3rem;}
.krds.ico_help::before{width:2rem;height:2rem;background-position:-14.8rem -4.2rem;}
.krds.ico_arrow_down::before{width:1.6rem;height:1rem;background-position:-19.8rem -4.8rem;}
.krds.ico_drop_down::before{width:1.6rem;height:1rem;background-position:-24.6rem -4.8rem;}
.krds.ico_drop_up::before{width:1.6rem;height:1rem;background-position:-29.4rem -4.6rem;}
.krds.ico_arrow_left::before{width:1rem;height:1.6rem;background-position:-34.4rem -4.4rem;}
.krds.ico_arrow_right::before{width:1rem;height:1.6rem;background-position:-39.4rem -4.4rem;}
.krds.ico_arrow_sort::before{width:1.1rem;height:1.8rem;background-position:-44rem -4.3rem;}
.krds.ico_arrow_up::before{width:1.6rem;height:1rem;background-position:-48.6rem -4.6rem;}
.krds.ico_clip::before{width:2rem;height:1.8rem;background-position:-53.2rem -4.3rem;}
.krds.ico_bookmarks::before{width:1.6rem;height:2rem;background-position:-58.2rem -4.2rem;}
.krds.ico_plus::before{width:1.8rem;height:1.8rem;background-position:-62.9rem -4.3rem;}
.krds.ico_shortcut::before{width:2rem;height:1.2rem;background-position:-67.6rem -4.6rem;}
.krds.ico_calendar::before{width:1.8rem;height:1.9rem;background-position:-72.5rem -4.2rem;}
.krds.ico_call::before{width:2rem;height:2rem;background-position:-77.2rem -4.2rem;}
.krds.ico_certified_finanace::before{width:1.8rem;height:2.1rem;background-position:-82.1rem -4.1rem;}
.krds.ico_certified_mobile::before{width:1.8rem;height:1.8rem;background-position:-86.9rem -4.3rem;}
.krds.ico_certified_simple::before{width:1.8rem;height:1.8rem;background-position:-91.7rem -4.3rem;}
.krds.ico_certified::before{width:1.8rem;height:1.9rem;background-position:-96.5rem -4.2rem;}
.krds.ico_check_circle::before{width:2rem;height:2rem;background-position:-101.2rem -4.2rem;}
.krds.ico_close::before{width:1.2rem;height:1.3rem;background-position:-106.4rem -4.5rem;}
.krds.ico_close_circle::before{width:2rem;height:2rem;background-position:-110.8rem -4.2rem;}
.krds.ico_document::before{width:1.6rem;height:2rem;background-position:-5.4rem -9rem;}
.krds.ico_document_check::before{width:1.6rem;height:2rem;background-position:-10.2rem -9rem;}
/*.krds.ico_download{}*/
.krds.ico_dummy::before{width:1.8rem;height:1.8rem;background-position:-14.9rem -9.1rem;}
.krds.heartbeat::before{width:2rem;height:1.9rem;background-position:-19.6rem -9.1rem;}
.krds.ico_edit::before{width:1.9rem;height:1.9rem;background-position:-24.5rem -9rem;}
.krds.ico_ellipsis_horizon::before{width:1.6rem;height:.4rem;background-position:-29.4rem -9.8rem;}
.krds.ico_ellipsis_vertical::before{width:.4rem;height:1.6rem;background-position:-34.8rem -9.2rem;}
.krds.ico_emergency::before{width:2rem;height:1.9rem;background-position:-38.8rem -9rem;}
.krds.ico_exclamation::before{width:2rem;height:2rem;background-position:-43.6rem -9rem;}
.krds.ico_expand_up::before{width:2rem;height:2rem;background-position:-48.4rem -9rem;}
.krds.ico_expand_right::before{width:2rem;height:2rem;background-position:-53.2rem -9rem;}
.krds.ico_face_sad::before{width:2rem;height:2rem;background-position:-58rem -9rem;}
.krds.ico_face_smile::before{width:2rem;height:2rem;background-position:-62.8rem -9rem;}
.krds.ico_facebook::before{width:2rem;height:2rem;background-position:-67.6rem -9rem;}
.krds.ico_filter::before{width:1.8rem;height:2rem;background-position:-72.5rem -9rem;}
.krds.ico_flag::before{width:2.4rem;height:1.6rem;background-position:-77rem -9.2rem;}
.krds.ico_global::before{width:2rem;height:2rem;background-position:-82rem -9rem;}
.krds.ico_government::before{width:2rem;height:2rem;background-position:-86.8rem -9rem;}
.krds.ico_guide_check::before{width:1.8rem;height:1.8rem;background-position:-91.7rem -9.1rem;}
.krds.ico_headphones::before{width:2rem;height:2rem;background-position:-96.4rem -9rem;}
.krds.ico_heart::before{width:2rem;height:1.9rem;background-position:-101.2rem -9.1rem;}
.krds.ico_home::before{width:1.8rem;height:1.9rem;background-position:-106.1rem -9.1rem;}
/*.krds.ico_identity{}*/
.krds.ico_img::before{width:1.8rem;height:1.8rem;background-position:-110.9rem -9.1rem;}
.krds.ico_chat::before{width:2rem;height:2rem;background-position:-5.2rem -13.8rem;}
.krds.ico_instagram::before{width:1.8rem;height:1.8rem;background-position:-10.1rem -13.9rem;}
.krds.ico_join::before{width:2rem;height:1.6rem;background-position:-14.8rem -14rem;}
.krds.ico_kakao_story::before{width:1rem;height:1.8rem;background-position:-20.1rem -13.9rem;}
.krds.ico_kakao_channel::before{width:1.8rem;height:1.8rem;background-position:-24.5rem -13.9rem;}
.krds.ico_location_away::before{width:1.8rem;height:1.9rem;background-position:-29.3rem -13.8rem;}
.krds.ico_login::before{width:1.9rem;height:1.8rem;background-position:-34rem -13.9rem;}
.krds.ico_password::before{width:2rem;height:1.6rem;background-position:-38.8rem -14rem;}
.krds.ico_logout::before{width:1.9rem;height:1.8rem;background-position:-43.7rem -13.9rem;}
.krds.ico_mail::before{width:2rem;height:1.6rem;background-position:-48.4rem -14rem;}
.krds.ico_map::before{width:1.8rem;height:1.8rem;background-position:-53.3rem -13.9rem;}
.krds.ico_menu::before{width:2rem;height:1.4rem;background-position:-58rem -14.1rem;}
.krds.ico_multi::before{width:1.9rem;height:1.9rem;background-position:-62.8rem -13.8rem;}
.krds.ico_myinfo::before{width:1.8rem;height:1.9rem;background-position:-67.7rem -13.8rem;}
.krds.ico_blog::before{width:2rem;height:1.8rem;background-position:-72.4rem -13.9rem;}
.krds.ico_new_folder::before{width:2rem;height:1.6rem;background-position:-77.2rem -14rem;}
.krds.ico_new_window::before{width:1.8rem;height:1.8rem;background-position:-82.1rem -13.9rem;}
.krds.ico_panel_right::before{width:1.3rem;height:1.6rem;background-position:-87.1rem -14rem;}
.krds.ico_panel_left::before{width:1.3rem;height:1.6rem;background-position:-92rem -14rem;}
.krds.ico_pdf::before{width:1.7rem;height:2rem;background-position:-96.6rem -13.8rem;}
.krds.ico_play::before{width:1.1rem;height:1.6rem;background-position:-101.7rem -14rem;}
.krds.ico_popover_info::before{width:2rem;height:2rem;background-position:-106rem -13.8rem;}
.krds.ico_popover_help::before{width:2rem;height:2rem;background-position:-110.8rem -13.8rem;}
.krds.ico_printer::before{width:2rem;height:2rem;background-position:-5.2rem -18.6rem;}
.krds.ico_reset::before{width:2rem;height:2rem;background-position:-10rem -18.6rem;}
.krds.ico_round_check::before{width:2rem;height:2rem;background-position:-14.8rem -18.6rem;}
.krds.ico_scrap::before{width:1.6rem;height:2rem;background-position:-19.8rem -18.6rem;}
.krds.ico_search::before{width:1.9rem;height:1.9rem;background-position:-24.4rem -18.6rem;}
.krds.ico_setting::before{width:2.2rem;height:2.2rem;background-position:-29.1rem -18.5rem;}
.krds.ico_share::before{width:1.8rem;height:1.8rem;background-position:-34.1rem -18.7rem;}
.krds.ico_stat_down::before{width:1.6rem;height:1rem;background-position:-39rem -19.2rem;}
.krds.ico_stat_up::before{width:1.6rem;height:1rem;background-position:-43.8rem -19rem;}
.krds.ico_stop::before{width:1.2rem;height:1.6rem;background-position:-48.8rem -18.8rem;}
.krds.ico_nonmember::before{width:1.8rem;height:1.8rem;background-position:-53.3rem -18.7rem;}
.krds.ico_system_danger::before{width:2rem;height:2rem;background-position:-58rem -18.6rem;}
.krds.ico_system_info::before{width:2rem;height:2rem;background-position:-62.8rem -18.6rem;}
.krds.ico_system_success::before{width:2rem;height:2rem;background-position:-67.6rem -18.6rem;}
.krds.ico_system_warning::before{width:2.2rem;height:1.9rem;background-position:-72.3rem -18.6rem;}
.krds.ico_time::before{width:2rem;height:2rem;background-position:-77.2rem -18.6rem;}
.krds.ico_top::before{width:1.4rem;height:1.9rem;background-position:-82.3rem -18.7rem;}
.krds.ico_trophy::before{width:2rem;height:2rem;background-position:-86.8rem -18.6rem;}
.krds.ico_upload::before{width:2rem;height:1.7rem;background-position:-91.6rem -18.7rem;}
.krds.ico_veiw_all::before{width:1.8rem;height:1.8rem;background-position:-96.5rem -18.7rem;}
.krds.ico_veiw_mode::before{width:2rem;height:1.9rem;background-position:-101.2rem -18.7rem;}
.krds.ico_visibility::before{width:2rem;height:1.4rem;background-position:-106rem -18.9rem;}
.krds.ico_visibility_off::before{width:2rem;height:2rem;background-position:-110.8rem -18.6rem;}
.krds.ico_x::before{width:1.8rem;height:1.8rem;background-position:-5.3rem -23.5rem;}
.krds.ico_youtube::before{width:2rem;height:1.6rem;background-position:-10rem -23.6rem;}
.krds.ico_cursor::before{width:1.6rem;height:2.4rem;background-position:-15rem -23.2rem;}
.krds.ico_token_palette::before{width:2rem;height:2rem;background-position:-19.6rem -23.4rem;}
.krds.ico_token_number::before{width:1.8rem;height:1.8rem;background-position:-24.5rem -23.5rem;}
.krds.ico_token_padding::before{width:1.8rem;height:1.8rem;background-position:-29.3rem -23.5rem;}
.krds.ico_token_gap::before{width:1.8rem;height:1.8rem;background-position:-34.1rem -23.5rem;}
.krds.ico_token_typo::before{width:1.8rem;height:1.8rem;background-position:-38.9rem -23.5rem;}
.krds.ico_token_radius::before{width:1.8rem;height:1.8rem;background-position:-43.7rem -23.5rem;}
.krds.ico_token_typo_box::before{width:1.8rem;height:1.8rem;background-position:-48.5rem -23.5rem;}
.krds.ico_figma_library::before{width:2.2rem;height:1.7rem;background-position:-53.2rem -23.5rem;}
.krds.ico_figma_filter::before{width:1.5rem;height:2.1rem;background-position:-58.3rem -23.4rem;}
.krds.ico_figma_open::before{width:2rem;height:1.6rem;background-position:-62.8rem -23.6rem;}
.krds.ico_figma_mode::before{width:1.8rem;height:1.8rem;background-position:-67.7rem -23.5rem;}
.krds.ico_figma_spread::before{width:2.2rem;height:2.2rem;background-position:-72.3rem -23.3rem;}
.krds.ico_figma_blur::before{width:1.8rem;height:2rem;background-position:-77.3rem -23.4rem;}
.krds.ico_figma_shadow::before{width:2rem;height:2rem;background-position:-82rem -23.4rem;}
.krds.ico_figma_transparent::before{width:1.8rem;height:1.8rem;background-position:-86.9rem -23.5rem;}
.krds.ico_copy::before{width:1.8rem;height:1.8rem;background-position:-91.7rem -23.5rem;}
.krds.ico_component::before{width:1.8rem;height:1.8rem;background-position:-96.5rem -23.5rem;}
.krds.ico_document_fill::before{width:1.6rem;height:2rem;background-position:-101.4rem -23.4rem;}
.krds.ico_atomic::before{width:2rem;height:2rem;background-position:-106rem -23.4rem;}
.krds.ico_elevation::before{width:1.6rem;height:2rem;background-position:-111rem -23.4rem;}
/* 제작아이콘 */
.itid[class^='ico_']::before{background-image:url(/layout/images/module_gov/common/sp_icon_itid.png);background-size:118rem;}
.itid.ico_hwp::before{width:2.4rem;height:2.4rem;background-position:-4rem -4.1rem;}
.itid.ico_img::before{width:2.4rem;height:2.4rem;background-position:-7.4rem -4.1rem;}
.itid.ico_pdf::before{width:2.4rem;height:2.4rem;background-position:-10.8rem -4.1rem;}
.itid.ico_xls::before{width:2.4rem;height:2.4rem;background-position:-14.2rem -4.1rem;}
.itid.ico_ppt::before{width:2.4rem;height:2.4rem;background-position:-17.6rem -4.1rem;}
.itid.ico_zip::before{width:2.4rem;height:2.4rem;background-position:-21rem -4.1rem;}
.itid.ico_other::before{width:2.4rem;height:2.4rem;background-position:-21rem -4.1rem;}
.itid.ico_word::before{width:2.4rem;height:2.4rem;background-position:-24.4rem -4.1rem;}
.itid.ico_documents::before{width:2.4rem;height:2.4rem;background-position:-27.8rem -4.1rem;}
.itid.ico_play::before{width:2.4rem;height:2.4rem;background-position:-31.2rem -4.1rem;}
.itid.ico_concert::before{width:2.4rem;height:2.4rem;background-position:-36.6rem -4.1rem;}
.itid.ico_movie::before{width:2.4rem;height:2.4rem;background-position:-40rem -4.1rem;}
.itid.ico_festival::before{width:2.4rem;height:2.4rem;background-position:-43.4rem -4.1rem;}
.itid.ico_exhibit::before{width:2.4rem;height:2.4rem;background-position:-46.8rem -4.1rem;}
.itid.ico_sports::before{width:2.4rem;height:2.4rem;background-position:-50.2rem -4.1rem;}
.itid.ico_etc::before{width:2.4rem;height:2.4rem;background-position:-53.6rem -4.1rem;}
.itid.ico_menu::before{width:2.4rem;height:2.4rem;background-position:-57rem -4.1rem;}
.itid.ico_menu_lg::before{width:2.8rem;height:2.8rem;background-position:-60.4rem -4.1rem;}
.itid.ico_new::before{width:2.4rem;height:2.4rem;background-position:-66.2rem -4.1rem;}
.itid.ico_alarm::before{width:1.9rem;height:2.2rem;background-position:-69.7rem -4.2rem;}
.itid.ico_trash::before{width:2.4rem;height:2.4rem;background-position:-72.7rem -4.1rem;}
.itid.ico_text::before{width:1.6rem;height:1.6rem;background-position:-76.3rem -4.6rem;}
.itid.ico_link::before{width:1.8rem;height:1.8rem;background-position:-79.1rem -4.5rem;}
.itid.ico_image::before{width:2rem;height:1.2rem;background-position:-81.8rem -4.7rem;}
.itid.ico_check_circle::before{width:2rem;height:2rem;background-position:-84.8rem -4.1rem;}
.itid.ico_system_warning::before{width:2.6rem;height:2rem;background-position:-87.7rem -4.1rem;margin:0 -.2rem 0 -.3rem;}
.itid.ico_progress::before{width:2rem;height:2rem;background-position:-91.2rem -4.1rem;}
.itid.ico_move_vertical::before{width:2rem;height:2.2rem;background-position:-94.1rem -4.1rem;}
.itid.ico_link_circle::before{width:2.4rem;height:2.4rem;background-position:-97rem -4.1rem;}
.itid.ico_download::before{width:1.9rem;height:1.4rem;background-position:-100.4rem -4.6rem;}
.itid.ico_new_window::before{width:1.8rem;height:1.6rem;background-position:-103.3rem -4.5rem;}
.itid.ico_expand_down::before{width:2.4rem;height:2.4rem;background-position:-106.1rem -4.1rem;}
.itid.ico_document::before{width:2.4rem;height:2.4rem;background-position:-109.5rem -4rem;}
.itid.ico_link_circle_white::before{width:2.4rem;height:2.4rem;background-position:-112.9rem -4rem;}
.itid.ico_close::before{width:2.2rem;height:2.2rem;background-position:-3.9rem -9.4rem;}
.itid.ico_kakao::before{width:4rem;height:4rem;background-position:-9rem -9.5rem;}
.itid.ico_facebook::before{width:4rem;height:4rem;background-position:-14rem -9.5rem;}
.itid.ico_x::before{width:4rem;height:4rem;background-position:-19rem -9.5rem;}
.itid.ico_blog::before{width:4rem;height:4rem;background-position:-24rem -9.5rem;}
.itid.ico_close_line::before{width:4rem;height:4rem;background-position:-29rem -9.5rem;}
.itid.ico_cate_01::before{width:2.4rem;height:2.4rem;background-position:-36rem -9.5rem;}
.itid.ico_cate_02::before{width:2.4rem;height:2.4rem;background-position:-39.4rem -9.5rem;}
.itid.ico_cate_03::before{width:2.4rem;height:2.4rem;background-position:-42.8rem -9.5rem;}
.itid.ico_cate_04::before{width:2.4rem;height:2.4rem;background-position:-46.2rem -9.5rem;}
.itid.ico_cate_05::before{width:2.4rem;height:2.4rem;background-position:-49.6rem -9.5rem;}
.itid.ico_cate_06::before{width:2.4rem;height:2.4rem;background-position:-53rem -9.5rem;}
.itid.ico_cate_07::before{width:2.4rem;height:2.4rem;background-position:-56.4rem -9.5rem;}
.itid.ico_cate_08::before{width:2.4rem;height:2.4rem;background-position:-59.8rem -9.5rem;}
.itid.ico_sort::before{width:2.4rem;height:.9rem;background-position:-65.1rem -10.3rem;}
.itid.ico_move_horizon::before{width:2.1rem;height:1.8rem;background-position:-68.6rem -9.8rem;}
.itid.ico_arrow_left::before{width:.8rem;height:1.4rem;background-position:-71.7rem -10rem;}
.itid.ico_arrow_right::before{width:.8rem;height:1.4rem;background-position:-73.5rem -10rem;}
.itid.ico_heart_line::before{width:2rem;height:1.8rem;background-position:-96.9rem -9.8rem;}
.itid.ico_heart_full::before{width:2rem;height:1.8rem;background-position:-99.9rem -9.8rem;}
.itid.ico_document_check::before{width:2.4rem;height:2.4rem;background-position:-103.3rem -9.3rem;}
.itid.ico_expand_up::before{width:1.6rem;height:1.6rem;background-position:-109.9rem -9.7rem;}
.itid.ico_shortcut::before{width:1.7rem;height:1rem;background-position:-112.5rem -10rem;}
.itid.ico_youtube_circle::before{width:4rem;height:4rem;background-position:-4rem -16.5rem;}
.itid.ico_facebook_circle::before{width:4rem;height:4rem;background-position:-9rem -16.5rem;}
.itid.ico_blog_circle::before{width:4rem;height:4rem;background-position:-14rem -16.5rem;}
.itid.ico_instagram_circle::before{width:4rem;height:4rem;background-position:-19rem -16.5rem;}
.itid.ico_kakao_circle::before{width:4rem;height:4rem;background-position:-24rem -16.5rem;}
.itid.ico_youtube_circle.disabled::before{width:4rem;height:4rem;background-position:-29rem -16.5rem;}
.itid.ico_search::before{width:3.6rem;height:3.6rem;background-position:-34rem -16.5rem;}
.itid.ico_survey::before{width:15.6rem;height:10.4rem;background-position:-39.8rem -16.5rem;}
.itid.ico_time::before{width:2rem;height:2rem;background-position:-64.9rem -15rem;}
.itid.ico_star::before{width:1.7rem;height:1.7rem;background-position:-67.9rem -15.1rem;}
.itid.ico_person::before{width:1.9rem;height:2rem;background-position:-70.6rem -14.9rem;}
.itid.ico_call::before{width:2rem;height:2rem;background-position:-73.5rem -15rem;}
.itid.ico_document_circle::before{width:3rem;height:3rem;background-position:-76.7rem -14.5rem;}
.itid.ico_person_circle::before{width:3rem;height:3rem;background-position:-80.7rem -14.5rem;}
.itid.ico_call_circle::before{width:3rem;height:3rem;background-position:-80.7rem -14.5rem;}
.itid.ico_arrow_bold::before{width:1.8rem;height:1.1rem;background-position:-84.7rem -15.4rem;}
.itid.ico_close_black::before{width:2rem;height:2rem;background-position:-87.5rem -15rem;}
.itid.ico_close_gray::before{width:2rem;height:2rem;background-position:-90.5rem -15rem;}
.itid.ico_naver::before{width:1.8rem;height:1.6rem;background-position:-101.5rem -15.3rem;}
.itid.ico_smile::before{width:2rem;height:2rem;background-position:-104.4rem -14.9rem;}
.itid.ico_angry::before{width:2rem;height:2rem;background-position:-107.6rem -14.9rem;}
.itid.ico_arrow_circle::before{width:2.1rem;height:2.2rem;background-position:-110.7rem -14.8rem;}
.itid.ico_close_sm::before{width:1.2rem;height:1.2rem;background-position:-113.7rem -15.45rem;}
.itid.ico_close_xlg::before{width:4.4rem;height:4.4rem;background-position:-4rem -24.6rem;}
.itid.ico_ipin::before{width:7rem;height:6.3rem;background-position:-9.8rem -23.5rem;}
.itid.ico_pattern::before{width:5.5rem;height:6.5rem;background-position:-18.2rem -23.5rem;}
.itid.ico_social::before{width:5.3rem;height:6.8rem;background-position:-24.7rem -23.5rem;}
.itid.ico_login::before{width:6.1rem;height:6.2rem;background-position:-31rem -23.5rem;}
.itid.ico_move::before{width:2.5rem;height:2rem;background-position:-64.8rem -20.6rem;}
.itid.ico_top::before{width:1rem;height:.8rem;background-position:-68.3rem -21rem;}
.itid.ico_bot::before{width:1rem;height:.8rem;background-position:-70.5rem -21rem;}
.itid.ico_gallery::before{width:1.8rem;height:1.8rem;background-position:-72.7rem -20.5rem;}
.itid.ico_expand_up_lg::before{width:2.8rem;height:2.8rem;background-position:-79rem -20.1rem;}
.itid.ico_expand_up_line::before{width:1.6rem;height:1.6rem;background-position:-82.8rem -20.6rem;}
.itid.ico_calendar::before{width:1.5rem;height:1.4rem;background-position:-85.4rem -20.7rem;}
.itid.ico_thumb::before{width:3.2rem;height:2.9rem;background-position:-87.7rem -20rem;margin-top:-.5rem;}
.itid.ico_chat::before{width:3.4rem;height:2.4rem;background-position:-91.8rem -20.5rem;}
.itid.ico_document_search::before{width:2.5rem;height:2.4rem;background-position:-96.1rem -20.3rem;}
.itid.ico_arrow_down_right::before{width:1.5rem;height:1.4rem;background-position:-99.6rem -20.7rem;}
.itid.ico_expand_up_sm::before{width:1.6rem;height:1.6rem;background-position:-102.1rem -20.6rem;}
.itid.ico_female_xlg::before{width:5.1rem;height:5.1rem;background-position:-64.9rem -25.4rem;}
.itid.ico_male_xlg::before{width:5.1rem;height:5.1rem;background-position:-71rem -25.4rem;}
.itid.ico_location::before{width:3.6rem;height:3.6rem;background-position:-77.1rem -25.4rem;}
/* 카테고리아이콘 */
.cate[class^='ico_']::before{background-image:url(/layout/images/module_gov/common/sp_icon_cate.png);background-size:118rem;}
.cate.ico_naju::before{width:7.4rem;height:4.4rem;background-image:url(/layout/images/module_gov/contents/naju/logo_naju.png);background-size:100%;}
.cate.ico_jangheung::before{width:6.1rem;height:4.4rem;background-image:url(/layout/images/module_gov/contents/jangheung/logo_jangheung.png);background-size:100%;}
.cate.ico_publicadmin::before{width:6.1rem;height:4.9rem;background-position:-2.1rem -2.2rem;}
.cate.ico_publicsafety::before{width:5.5rem;height:4.3rem;background-position:-12.4rem -2.5rem;}
.cate.ico_communication::before{width:4.2rem;height:4.9rem;background-position:-22.2rem -2rem;}
.cate.ico_industrysme::before{width:5.4rem;height:4.3rem;background-position:-30.7rem -2.5rem;}
.cate.ico_health::before{width:4.3rem;height:4.7rem;background-position:-40.4rem -2.3rem;}
.cate.ico_welfare::before{width:4.5rem;height:4.5rem;background-position:-49rem -2.4rem;}
.cate.ico_culturetour::before{width:3.9rem;height:4.6rem;background-position:-57.8rem -2.3rem;}
.cate.ico_transport::before{width:6.1rem;height:3.7rem;background-position:-65.8rem -2.8rem;}
.cate.ico_agriculture::before{width:5.2rem;height:3.8rem;background-position:-75.9rem -2.7rem;}
.cate.ico_education::before{width:4.2rem;height:4.8rem;background-position:-85.2rem -2.2rem;}
.cate.ico_environment::before{width:5.7rem;height:4.5rem;background-position:-93.7rem -2.4rem;}
.cate.ico_localdev::before{width:4.7rem;height:4.6rem;background-position:-103.7rem -2.2rem;}
.cate.ico_assembly::before{width:6.2rem;height:4.7rem;background-position:-2.1rem -11.3rem;}
.cate.ico_physical::before{width:4.4rem;height:4.5rem;background-position:-12.5rem -11.4rem;}
/* 아이콘 박스 */
.ico_box{display:flex;flex-wrap:wrap;justify-content:center;gap:.3rem;width:7.8rem;}

/****************************** 컴포넌트 ******************************/
/* 뱃지 */
.badge_base{display:inline-flex;align-items:center;justify-content:center;gap:0 .5rem;font-size:1.6rem;font-weight:600;color:var(--primary50);border-radius:50rem;background-color:#edf1f5;vertical-align:middle;padding:.7rem 2rem;margin-right:1rem;}

/* 태그박스 */
.tag_btn{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:3rem;margin-top:4rem;}
.tag_btn .tag_box{margin-top:0;}
.tag_box{display:flex;flex-wrap:wrap;gap:1rem;margin-top:4rem;}
.tag_base{display:inline-flex;align-items:center;justify-content:center;gap:0 .5rem;border:.1rem solid #d2d2d2;border-radius:50rem;padding:.5rem 2rem;}
.tag_base::before{content:'#';display:block;}

/* 버튼 박스 */
.btn_flex{display:flex;flex-wrap:wrap;align-items:center;gap:1rem;}
.btn_flex.tp1{gap:1.8rem 2.4rem;}
.btn_flex.tp2{gap:1rem 1.8rem;}
.btn_flex.tp3{gap:.8rem;}
.btn_flex.btn_page{justify-content:flex-end;gap:1rem 1.8rem;border-top:.1rem solid #272727;padding-top:3.5rem;margin-top:3.5rem;}
.btn_flex.btn_page .btn_base{border-radius:0;}
/* 버튼 타입 */
.btn_base{display:inline-flex;align-items:center;justify-content:center;gap:.7rem;border-radius:.6rem;padding:0 2rem;}
.btn_base.tp1{min-width:17.2rem;}
.btn_base.tp2{min-width:16rem;padding:0 .5rem;}
.btn_base.tp3{min-width:13rem;padding:0 .5rem;}
.btn_base.tp4{min-width:12rem;padding:0 .5rem;}
.btn_base.tp5{min-width:10rem;padding:0 .5rem;}
.btn_base.tp6{min-width:7rem;padding:0 .5rem;}
.btn_base.tp7{min-width:5rem;padding:0 .5rem;}
.btn_icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;border-radius:.6rem;vertical-align:middle;padding:0;}
.btn_icon.tp1{width:5.2rem;}
.btn_icon.tp2{width:4.6rem;}
.btn_icon.tp3{width:4rem;}
.btn_icon.tp4{width:2rem;}
.btn_icon > span{position:absolute !important;width:.1rem !important;height:.1rem !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border:0 !important;}
.btn_text{display:inline-flex;align-items:center;justify-content:center;gap:.8rem;color:var(--base);padding:0 !important;}
/* 버튼 사이즈 */
[class^="btn_"].xlg{height:4.8rem;font-size:1.6rem;}
[class^="btn_"].lg{height:4.6rem;font-size:1.5rem;}
[class^="btn_"].md{height:4.2rem;font-size:1.5rem;}
[class^="btn_"].sm{height:4.0rem;font-size:1.5rem;}
[class^="btn_"].xsm{height:3.6rem;font-size:1.6rem;}

/* 인풋 박스 */
.input_flex{display:flex;flex-wrap:wrap;gap:1rem;width:100%;}
.input_flex.tp1{gap:1rem 2.2rem;}
.input_flex .input_label .label_base{display:flex;margin-bottom:1.2rem;}
.input_flex .input_box{position:relative;z-index:1;}
.input_flex .input_box .input_list{display:none;position:absolute;top:calc(100% + .6rem);left:0;width:max-content;min-width:100%;max-width:208%;border:.1rem solid #bababa;border-radius:.6rem;background-color:#fff;overflow:hidden;}
.input_flex .input_box .input_list > ul{width:100%;max-height:28rem;overflow-y:auto;}
.input_flex .input_box .input_list > ul li{display:inline-flex;align-items:center;width:100%;}
.input_flex .input_box .input_list > ul li button{width:100%;min-height:4.5rem;font-size:1.5rem;line-height:1.2;text-align:left;color:#616161;padding:.4rem 1.4rem;}
.input_flex .input_box .input_list > ul li:hover button{background-color:#edf1f5;}
.bridge{display:inline-flex;align-items:center;vertical-align:middle;}
.divide{display:inline-flex;align-items:center;vertical-align:middle;width:.2rem;height:1.3rem;background-color:#d9d9d9;margin:-.2rem 2.4rem 0 2.4rem;}

/* 인풋 기본 */
.tx_info{display:inline-flex;align-items:center;color:#616161;gap:.5rem;vertical-align:middle;}
.tx_info > i{margin-top:.2rem;}
.tx_info.w_100{align-items:flex-start;margin-top:1.4rem;}
.tx_info.tx_box{flex-direction:column;align-items:flex-start;gap:1rem 0;width:100%;border-radius:.6rem;background-color:#f7f7f7;padding:2rem;margin-top:1.6rem;}
.tx_info.tx_box .tit{font-size:1.7rem;color:#272727;}
.tx_info.tx_box .tit i{margin:-.2rem .5rem 0 0;}
.label_base{display:inline-flex;color:#272727;}
.input_base{position:relative;display:inline-flex;width:100%;max-width:21rem;height:3.6rem;border:.1rem solid #bababa;border-radius:.6rem;vertical-align:middle;padding:0 1.4rem;}
.textarea{width:100%;height:20rem;border:.1rem solid #bababa;border-radius:.6rem;padding:2rem 1.4rem;}
.textarea:disabled{background-color:#cdd1d5;}

/* 인풋+텍스트 */
.input_text{display:flex;flex-wrap:wrap;gap:1rem;width:100%;}

/* 인풋+버튼 */
.input_btn{position:relative;display:flex;gap:0 1rem;}
.input_btn .input_base{flex-grow:1;}
.input_btn .btn_base{flex-shrink:0;}

/* 인풋+셀렉트 */
.input_select{display:flex;gap:1rem;}
.input_select .input_base{flex-grow:1;}
.input_select .select_box{flex-shrink:0;}
.input_select.fd_row .btn_base{flex-shrink:0;}

/* 연락처 */
.input_flex.phone{gap:.5rem;}
.input_flex.phone .input_label{width:9rem;}
.input_flex.phone .input_label .input_base{width:100%;text-align:center;padding:0;}

/* 우편번호 */
.input_flex.post{flex-direction:column;width:100%;}
.input_flex.post .input_label{display:flex;gap:1rem;}
.input_flex.post .input_label + .input_label .input_base{flex-grow:1;max-width:34.3rem;}

/* 이메일 */
.input_flex.email{width:100%;}
.input_flex.email .input_select{flex:1;gap:1rem;}
.input_flex.email .input_select .select_box{flex-shrink:1;}

/* 체크박스 */
.chk_base{position:relative;display:inline-flex;min-width:2.4rem;min-height:2.4rem;}
.chk_base input{position:absolute !important;width:.1rem !important;height:.1rem !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border:0 !important;}
.chk_base input + label{position:relative;padding-left:3.2rem;cursor:pointer;}
.chk_base input + label::before{position:absolute;top:0;left:0;content:'';display:block;width:2.4rem;height:2.4rem;border:.1rem solid #58616a;border-radius:.4rem;background-color:#fff;}
.chk_base input:checked + label::before{border-color:var(--primary50);background:var(--primary50) url(/layout/images/module_gov/common/sp_icon_itid.png) no-repeat -74.8rem -9.7rem;}
.chk_base input:disabled + label::before{border-color:#b1b8be;background-color:#cdd1d5;}
.chk_base input:disabled:checked + label::before{background-position:-77rem -9.7rem;}
.chk_base.sm{min-width:2rem;min-height:2rem;}
.chk_base.sm input + label::before{width:2rem;height:2rem;}
.chk_base.sm input:checked + label::before{background-position:-79.2rem -9.8rem;}
.chk_base.sm input:disabled:checked + label::before{background-position:-81.1rem -9.8rem;}

.chk_heart{position:relative;}
.chk_heart input{position:absolute !important;width:.1rem !important;height:.1rem !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border:0 !important;}
.chk_heart input + label{position:relative;padding-left:2.4rem;cursor:pointer;}
.chk_heart input + label::before{position:absolute;top:.1rem;left:0;content:'';display:block;width:2rem;height:1.8rem;background:url(/layout/images/module_gov/common/sp_icon_itid.png) no-repeat -96.9rem -9.8rem;filter:grayscale(1) contrast(2);}
.chk_heart input:checked + label::before{filter:none;}
.chk_heart.sm input + label{display:block;width:4rem;height:4rem;border:.1rem solid #bababa;border-radius:5rem;padding:0;}
.chk_heart.sm input + label::before{top:50%;left:50%;transform:translate(-50%, -50%);}

.chk_list{display:flex;flex-wrap:wrap;align-items:center;gap:1rem 3rem;}
.chk_list.vertical{flex-direction:column;}
.chk_list.col2 > li{min-width:calc(50% - 1.5rem);}
.chk_list.col5 > li{min-width:calc(20% - 2.4rem);}

/* 라디오 */
.radio_base{position:relative;display:inline-flex;min-width:2.4rem;min-height:2.4rem;}
.radio_base input{position:absolute !important;width:.1rem !important;height:.1rem !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border:0 !important;}
.radio_base input + label{position:relative;padding-left:3.2rem;cursor:pointer;}
.radio_base input + label::before{position:absolute;top:0;left:0;content:'';display:block;width:2.4rem;height:2.4rem;border:.1rem solid #58616a;border-radius:50rem;background-color:#fff;}
.radio_base input:checked + label::before{border-width:.15rem;border-color:var(--primary50);background:#fff url(/layout/images/module_gov/common/sp_icon_itid.png) no-repeat -83rem -9.6rem;}
.radio_base input:disabled + label::before{border-color:#b1b8be;background-color:#cdd1d5;}
.radio_base input:disabled:checked + label::before{background-position:-85.2rem -9.6rem;}
.radio_base.sm{min-width:2rem;min-height:2rem;}
.radio_base.sm input + label{padding-left:2.8rem;}
.radio_base.sm input + label::before{top:.2rem;width:2rem;height:2rem;}
.radio_base.sm input:checked + label::before{background-position:-87.5rem -9.8rem;}
.radio_base.sm input:disabled:checked + label::before{background-position:-89.5rem -9.8rem;}

.radio_btn{position:relative;display:inline-flex;}
.radio_btn input{position:absolute !important;width:.1rem !important;height:.1rem !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border:0 !important;}
.radio_btn input + label{display:inline-flex;align-items:center;justify-content:center;width:7.2rem;height:4rem;font-weight:600;color:#fff;border-radius:.6rem;background-color:var(--gray50);cursor:pointer;}
.radio_btn input:checked + label{color:var(--gray0) !important;border-color:var(--primary50) !important;background-color:var(--primary50) !important;}
.radio_btn.lg{width:100%;}
.radio_btn.lg input + label{width:100%;height:6rem;font-weight:500;color:#272727;border:.1rem solid #e0e0e0;background-color:#f7f7f7;}

.radio_opentype input + label{display:flex;gap:.5rem 2rem;padding-left:4.4rem;}
.radio_opentype input + label::before{top:.3rem;}
.radio_opentype input + label .img{flex-shrink:0;width:11rem;}
.radio_opentype input + label .img img{height:2.8rem;margin:0;}

.radio_list{display:flex;flex-wrap:wrap;align-items:center;gap:1rem 3rem;}
.radio_list > li{display:inline-flex;align-items:center;}
.radio_list.col5 > li{min-width:calc(20% - 2.4rem);}
.radio_list.col2{gap:1.8rem;}
.radio_list.col2 > li{min-width:calc(50% - .9rem);}
.radio_list.fd_column{align-items:flex-start;width:100%;}
.radio_list.fd_column > li{width:100%;}
.radio_list.fd_column > li .input_select .label_base{flex-shrink:0;}

/* 셀렉트 */
.select_box{position:relative;display:inline-flex;width:100%;max-width:21rem;border-radius:.6rem;background-color:#fff;}
.select_box > a{position:relative;display:block;width:100%;height:3.6rem;line-height:3.4rem;border:.1rem solid #bababa;border-radius:.6rem;padding:0 4.8rem 0 1.4rem;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.select_box > a::after{position:absolute;top:0;right:0;content:'';display:block;width:3.6rem;height:3.6rem;background:#edf1f5 url(/layout/images/module_gov/common/sp_icon_krds.png) no-repeat -18.8rem -3.65rem;}
.select_box > ul{display:none;position:absolute;top:4.2rem;left:0;width:100%;max-height:50rem;border:.1rem solid #bababa;border-radius:.6rem;overflow:hidden;overflow-y:auto;z-index:10;}
.select_box > ul li a{display:flex;background-color:#fff;word-break:break-word;padding:.6rem 1.4rem;}
.select_box > ul li.on a, .select_box > ul li a:hover, .select_box > ul li a:focus{background-color:#edf1f5;}
.select_box.on > ul{display:block !important;}
.select_box.disabled > a{background-color:#edf1f5;pointer-events:none;}
.select_box.line_none > a{height:2.4rem;line-height:2.4rem;border:0;padding:0 3.8rem 0 2.2rem;}
.select_box.line_none > a::after{width:2.4rem;height:2.4rem;background:url(/layout/images/module_gov/common/sp_icon_itid.png) no-repeat -106.1rem -4.1rem;}
.select_box.line_none > ul{top:3rem;}
.select_box.tp1{width:auto;max-width:100%;}
.select_box.tp2{width:16rem;}
.select_box.tp3{width:9rem;}
.select_box.tp3 > a{padding-left:1rem;}

.select_list{display:flex;flex-direction:column;gap:1rem 0;width:100%;}
.select_list > li{display:inline-flex;align-items:center;gap:0 2rem;}
.select_list > li .datepicker_single .input_base{width:21rem;}

/* 날짜선택 */
.datepicker_single{position:relative;display:flex;width:fit-content;}
.datepicker_single .btn_datesingle{position:absolute;top:50%;transform:translateY(-50%);right:1.4rem;line-height:1;}
.datepicker_single .label_base{position:absolute;top:50%;left:1.4rem;transform:translateY(-50%);color:#616161;z-index:1;}
.datepicker_single .label_base + .input_base{padding-left:6.5rem;padding-right:3.5rem;}
.datepicker_range{position:relative;display:flex;flex-wrap:nowrap;gap:1rem;width:fit-content;}
.datepicker_range .input_label{position:relative;}
.datepicker_range .input_label .label_base{position:absolute;top:50%;left:1.4rem;transform:translateY(-50%);color:#616161;z-index:1;}
.datepicker_range .input_label .label_base + .input_base{width:100%;padding-left:6.5rem;}
.datepicker_range .input_label.date_end .input_base{padding-right:3.6rem;}
.datepicker_range .btn_daterange{position:absolute;top:50%;transform:translateY(-50%);right:1.2rem;line-height:1;}
.datepicker_range .hasDatepicker{border:0 !important;}

/* datepicker */
.ui-datepicker td.ui-datepicker-week-end:nth-child(1n) a,
.ui-datepicker td.ui-datepicker-week-end:nth-child(1n) span{color:#156c96}
.ui-datepicker td.ui-datepicker-week-end:nth-child(7n) a,
.ui-datepicker td.ui-datepicker-week-end:nth-child(7n) span{color:#ce4019}
.ui-datepicker{display:none;position:absolute;top:100%;left:0;width:100%;max-width:49rem;border:.1rem solid #bababa;border-radius:.6rem;background-color:#fff;overflow:hidden;z-index:5 !important;}
.ui-datepicker-header{position:relative;display:flex;align-items:center;justify-content:space-between;background-color:#edf1f5;padding:1.4rem 1.6rem;}
.ui-datepicker-header .ui-datepicker-prev, .ui-datepicker-header .ui-datepicker-next{display:inline-flex;align-items:center;justify-content:center;width:4.6rem;height:4.6rem;;border-radius:.6rem;background-color:#fff;cursor:pointer;}
.ui-datepicker-header .ui-datepicker-prev span, .ui-datepicker-header .ui-datepicker-next span{position:absolute !important;width:.1rem !important;height:.1rem !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border:0 !important;}
.ui-datepicker-header .ui-datepicker-prev::before, .ui-datepicker-header .ui-datepicker-next::before{content:'';display:block;width:1rem;height:1.6rem;background:url(/layout/images/module_gov/common/sp_icon_krds.png) no-repeat;background-size:118rem;}
.ui-datepicker-header .ui-datepicker-prev::before{background-position:-34.4rem -4.4rem;}
.ui-datepicker-header .ui-datepicker-next::before{background-position:-39.4rem -4.4rem;}
.ui-datepicker-header .ui-datepicker-title{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);display:inline-flex;}
.ui-datepicker-header .ui-datepicker-title select{max-height:21.5rem;font-size:1.9rem;font-weight:600;border:0;background:transparent url(/layout/images/module_gov/common/ico_select.png) no-repeat top .5rem right 0;appearance:none;padding:.25rem 3rem .25rem .5rem;margin:0 .5rem;}
.ui-datepicker-calendar{width:calc(100% - 5.6rem);text-align:center;margin:1.2rem 2.8rem;}
.ui-datepicker-calendar th{width:6.2rem;height:6rem;}
.ui-datepicker-calendar td{position:relative;padding-bottom:2.6rem;z-index:0;}
.ui-datepicker-calendar td .ui-state-default{display:inline-flex;align-items:center;justify-content:center;width:3.4rem;height:3.4rem;font-size:1.5rem;color:#272727;border:0;border-radius:50rem;text-align:center;padding:0;margin:0 auto;}
.ui-datepicker-calendar td.ui-datepicker-today::after{position:absolute;top:4rem;left:50%;transform:translateX(-50%);content:'오늘';font-size:1.3rem;font-weight:600;color:#616161;white-space:nowrap;}
.ui-datepicker-calendar td.ui-datepicker-today .ui-state-default{border:.2rem solid #212f74;}
.ui-datepicker-calendar td.day_highlight::before{position:absolute;top:0;content:'';display:block;height:3.4rem;background-color:#e9f8ff;z-index:-1;}
.ui-datepicker-calendar td.day_highlight .ui-state-default{color:#fff !important;background:#212f74;}
.ui-datepicker-calendar td.day_highlight.day_start::before{left:50%;width:50%;}
.ui-datepicker-calendar td.day_highlight.day_start::after{position:absolute;top:4rem;left:50%;transform:translateX(-50%);content:'시작';font-size:1.3rem;font-weight:600;color:#616161;white-space:nowrap;}
.ui-datepicker-calendar td.day_highlight.day_between::before{left:0;width:100%;}
.ui-datepicker-calendar td.day_highlight.day_between .ui-state-default{color:#272727 !important;background:#e9f8ff;}
.ui-datepicker-calendar td.day_highlight.day_end::before{left:0;width:50%;}
.ui-datepicker-calendar td.day_highlight.day_end::after{position:absolute;top:4rem;left:50%;transform:translateX(-50%);content:'종료';font-size:1.3rem;font-weight:600;color:#616161;white-space:nowrap;}
.ui-datepicker-buttonpane{display:flex;align-items:center;gap:0 .8rem;color:#616161;border-top:.1rem solid #bababa;padding:1.8rem 1.4rem 1.8rem 2.4rem;}
.ui-datepicker-buttonpane .datepicker_select{display:inline-flex;flex-wrap:wrap;margin-right:auto;}
.ui-datepicker-buttonpane button{flex-shrink:0;width:6.9rem;height:3.6rem;color:#fff;border-radius:.6rem;}
.ui-datepicker-buttonpane button.datepicker_reset{background-color:#fff;color:#212f74;border:.1rem solid #212f74;}
.ui-datepicker-buttonpane button.datepicker_close{background-color:#898989;}
.ui-datepicker-buttonpane button.datepicker_apply{background-color:#212f74;}

/* 자막 */
.spread_area .spread_open{display:flex;margin-left:auto;}
.spread_area .spread_open.on i{transform:rotate(180deg);}
.spread_area .spread_cnt .box_base{height:19rem;overflow-y:auto;margin-top:2rem;transition:height .2s;}
.spread_area .spread_cnt.on .box_base{height:max-content;}

/* 검색영역 : 상세 */
.search_area{margin-bottom:3.6rem;}
.search_area > div{border:.1rem solid #e3e3e3;border-radius:.6rem;background-color:#f7f7f7;padding:2.8rem 3.2rem 3.2rem;}
.search_area .input_base, .search_area .btn_base.xlg{height:4.8rem;}
.search_area .select_box > a{height:4.8rem;line-height:4.6rem;}
.search_area .select_box > a::after{width:5.2rem;height:4.8rem;border-left:.1rem solid #bababa;background-position:-18rem -2.8rem;}
.search_area .select_box > ul{top:4.8rem}
.search_area .datepicker_range{width:100%;}
.search_area .datepicker_range .input_label{flex:1;}
.search_area .datepicker_range .input_label .input_base{max-width:none;}
.search_area .flex1 .input_btn{position:relative;}
.search_area .flex1 .input_btn .input_base{padding-right:8rem;}
.search_area .flex1 .input_btn .filter_delete{position:absolute;top:50%;transform:translateY(-50%);right:6rem;}
.search_area .flex1 .input_btn .btn_icon.lg{position:absolute;top:50%;transform:translateY(-50%);right:.12rem;border-left:.1rem solid #bababa;border-radius:0 .6rem .6rem 0;}
.search_area .search_bot{display:none;margin-top:.8rem;}
.search_area .search_bot > .input_flex{gap:1.5rem 2.5rem;}
.search_area .search_bot > .input_flex .select_box{width:100%;max-width:100%;}
.search_area .search_bot .input_btn{width:100%;}
.search_area .filter_area{border-top:.1rem solid #d9d9d9;padding-top:2rem;margin-top:2.4rem;}

/* 검색영역 : 기본 */
.search_area.basic{display:flex;gap:2rem 1rem;border:.1rem solid #e3e3e3;border-radius:.6rem;background-color:#f7f7f7;padding:2.8rem 3.2rem 3.2rem;}
.search_area.basic > div{flex:1;border:0;border-radius:0;background-color:transparent;padding:0;margin-top:0;}
.search_area.basic > div.search_top{flex:.8;}

@media screen and (min-width:1025px) {
  .search_area.basic .flex1 .input_btn{width:100%;}
  .search_area.basic .flex1 .input_btn .input_base{padding-right:3.4rem;}
  .search_area.basic .flex1 .input_btn .filter_delete{right:1.2rem;}
  .search_area.basic .flex1 .input_btn .btn_icon.lg{display:none;}
  .search_area.basic .search_bot{display:flex;align-items:flex-end;gap:1rem;}
  .search_area.basic .filter_area{border-top:0;padding-top:0;margin-top:0;}
}

/* 키워드 영역 */
.filter_area{display:flex;justify-content:space-between;gap:1rem;}
.filter_area > .btn_base{flex-shrink:0;margin-left:auto;}
.filter_chip{position:relative;display:flex;flex-wrap:wrap;gap:.8rem;padding-left:14.2rem;}
.filter_chip .label_base{line-height:3.6rem;}
.filter_chip dt{position:absolute;top:0;left:0;display:inline-flex;align-items:center;gap:0 1rem;height:3.6rem;}
.filter_chip dt .filter_reset{width:3.6rem;height:3.6rem;border:.1rem solid #e3e3e3;border-radius:5rem;background-color:#fff;}
.filter_chip dd .chip{display:inline-flex;align-items:center;height:3.6rem;border:.1rem solid #e3e3e3;border-radius:5rem;background-color:#fff;padding:0 .8rem 0 1.8rem;cursor:pointer;}
.filter_chip dd .chip .filter_delete{margin-left:1.4rem;}

/* 카테고리 */
.category_area.tp1 .category_tit, .category_area.tp1 .category_open{display:none;}
.category_area.tp1{margin-bottom:3.8rem;}
.category_area.tp1 .category_cnt{display:flex;flex-wrap:wrap;gap:.8rem;}
.category_area.tp1 a{display:inline-flex;align-items:center;justify-content:center;min-width:16rem;height:4.8rem;line-height:1.2;text-align:center;border:.1rem solid #bababa;border-radius:.6rem;background-color:#f7f7f7;padding:0 1rem;}
.category_area.tp1 a.on{color:#fff;border-color:var(--primary50);background-color:var(--primary50);}
.category_area.tp2{width:100%;border-bottom:.1rem solid #272727;margin-bottom:4.5rem;overflow-x:auto;overflow-y:hidden;}
.category_area.tp2 .category_cnt{display:flex;width:max-content;}
.category_area.tp2 a{position:relative;top:.1rem;display:inline-flex;align-items:center;justify-content:center;gap:.3rem;width:15rem;height:4.8rem;border:.1rem solid #272727;border-radius:.6rem .6rem 0 0;background-color:#edf1f5;}
.category_area.tp2 a + a{margin-left:-.1rem;}
.category_area.tp2 a.on{border-bottom-color:#fff;background-color:#fff;}
.category_area.tp2 a.on::after{content:'';display:block;width:1rem;height:.9rem;background:url(/layout/images/module_gov/common/sp_icon_itid.png) no-repeat -66.5rem -10.3rem;}
.category_area.tp3{width:100%;border:.1rem solid #272727;border-radius:.6rem;padding:3.2rem 3.4rem;margin-bottom:2.6rem;}
.category_area.tp3 .category_cnt{display:flex;flex-wrap:wrap;gap:1.5rem 4.5rem;}
.category_area.tp3 a::before{content:'';display:inline-block;width:1.6rem;height:1.6rem;background:url(/layout/images/module_gov/common/sp_icon_itid.png) no-repeat -94.5rem -9.9rem;vertical-align:middle;margin:-.2rem .3rem 0 0;}
.category_area.tp3 a.on{color:var(--primary50);}
.category_area.tp3 a.on span{text-decoration:underline;}
.category_area.tp3 a.on::before{background-position:-91.9rem -9.9rem;}
.category_area.tp4{position:relative;border:.1rem solid #bababa;border-radius:.6rem;background-color:#f7f7f7;padding:2.5rem 4.5rem;margin-bottom:2rem;}
.category_area.tp4 .category_cnt{display:flex;flex-wrap:wrap;gap:1.5rem 4.5rem;}
.category_area.tp4 a{display:inline-flex;align-items:center;gap:0 .8rem;font-size:1.5rem;color:#000;}
@media screen and (min-width:1025px) {
  .category_area.tp1.icon a{flex-direction:column;justify-content:flex-end;gap:1.2rem 0;height:12rem;line-height:1.5;padding:0 0 1.8rem 0;}
  .category_area.tp1.icon a.on{color:#272727;border:.2rem solid var(--primary50);background-color:var(--gray0);}

  .category_area.tp1.icon.col6 .category_cnt{gap:1.6rem;}
  .category_area.tp1.icon.col6 a{width:15rem;}
  .category_area.tp1.icon.col7 .category_cnt{gap:1.4rem;}
  .category_area.tp1.icon.col7 a{width:13rem;}
}

/* 리스트 조건 */
.sort_area{display:flex;flex-wrap:wrap;align-items:center;gap:1.5rem .5rem;font-weight:600;margin-bottom:1.6rem;}
.sort_area .list{display:flex;align-items:center;;margin-left:auto;}
.sort_area .list > li{display:inline-flex;align-items:center;}
.sort_area .list > li span.web_only{display:inline-flex;align-items:center;gap:0 1rem;}
.sort_area .list > li .btn_text.on{color:var(--primary50);text-decoration:underline;}

/* 페이지네이션 */
.pagination{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:2rem 3rem;margin-bottom:5rem;}
.pagination .input_base{width:5.6rem;height:4rem;text-align:center;padding:0;}
.pagination .input_base:disabled{border:0;background-color:transparent;}
.pagination .page_link{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.8rem;margin:0 -1.4rem;}
.pagination .page_link > *{width:4rem;line-height:4rem;text-align:center;color:#464c53;border-radius:.6rem;white-space:nowrap;}
.pagination .page_link .on{color:#fff;background-color:var(--primary50);}
.pagination .page_link .split{margin:0 .4rem;}
.pagination .btn_base{margin-left:1.6rem;}

/* 단계 */
.step_area{margin-bottom:3rem;}
.step_area + form fieldset:first-child .legend:first-child{height:3rem;}
.step_area .step_progress{display:flex;}
.step_area .step_item{width:3rem;}
.step_area .step_item .circle{position:relative;display:inline-flex;align-items:center;justify-content:center;width:3rem;height:3rem;border:.2rem solid #d2d2d2;border-radius:100%;background-color:#f7f7f7;}
.step_area .step_item .circle::before{content:'';display:block;}
.step_area .step_item .circle::after{position:absolute;top:50%;left:2.8rem;transform:translateY(-50%);content:'';display:block;height:.2rem;background-color:#d2d2d2;}
.step_area .step_item .label{display:inline-flex;flex-direction:column;max-width:17rem;font-size:1.5rem;color:#606060;white-space:nowrap;margin-top:2rem;}
.step_area .step_item .label strong{font-size:1.6rem;font-weight:500;color:#333;}
.step_area .step_item.ing .circle{border:.4rem solid #212f74}
.step_area .step_item.ing .circle::before{width:1rem;height:1rem;border-radius:100%;background-color:#212f74;}
.step_area .step_item.ing .circle::after{left:2.6rem;}
.step_area .step_item.end .circle{border:0;background-color:#212f74;}
.step_area .step_item.end .circle::before{width:3rem;height:3rem;border-radius:50rem;background:#212f74 url(/layout/images/module_gov/common/sp_icon_itid.png) no-repeat -74.4rem -9.3rem;background-size:118rem;}
.step_area .step_item.end .circle::after{left:3rem;background-color:#212f74;}
.step_area .step_item:last-child .circle::after{display:none !important;}
.step_area .step_desc{margin-top:4.5rem;}
.step_area .step_desc .step_num{display:block;font-size:1.5rem;color:#606060;}
.step_area .step_desc .step_num .now{color:#212f74;}
.step_area .step_desc .step_title{display:block;margin-top:1rem;}
.step_area .step_desc .step_title strong{font-size:2.2rem;font-weight:600;color:#000;}

.step_area.tp1 .step_progress{gap:0 16rem;}
.step_area.tp1 .step_item .circle::after{width:16rem;}
.step_area.tp2 .step_progress{justify-content:center;gap:0 12rem;}
.step_area.tp2 .step_item{display:flex;flex-direction:column;}
.step_area.tp2 .step_item .circle::after{width:12rem;}
.step_area.tp2 .step_item .label{align-items:center;margin-top:1rem;}

/* 공유하기 */
.share_area{position:relative;flex-shrink:0;}
.share_area.on .share_box{right:1.4rem;visibility:visible;}
.share_area.on .share_box.left{right:initial;left:calc(100% + 1rem);}
.share_box{position:absolute;right:-2rem;bottom:-1rem;width:max-content;border:.1rem solid #ddd;border-radius:.8rem;background-color:#fff;padding:.8rem 3rem .8rem 1.2rem;visibility:hidden;transition:right .2s;}
.share_box .btn_icon + .btn_icon{margin-left:.8rem;}
.share_box .share_close{position:absolute;top:50%;right:0;transform:translate(50%, -50%);margin:0;}

/* 첨부파일 */
.file_area{flex-wrap:wrap;height:auto;}
.file_area .file_base{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2rem 0;width:100%;height:18rem;text-align:center;word-break:keep-all;border:.1rem solid #bababa;border-radius:.6rem;background-color:#f7f7f7;padding:2rem;margin-top:1.9rem;}
.file_area .file_base .input_file{height:3.6rem;border:.1rem solid #000;border-radius:0;background-color:#fff;}
.file_area .file_cnt{width:100%;}
.file_area .file_list{display:flex;flex-direction:column;gap:1rem 0;width:100%;}
.file_area .file_list > li{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem;border:.1rem solid #bababa;border-radius:.6rem;background-color:#fff;}
.file_area .file_list > li .file{display:inline-flex;align-items:center;gap:.5rem;}
.file_area .file_list > li .file .name{max-width:calc(100% - 17rem);white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.file_area .file_list > li .file .info{white-space:nowrap;}
.file_area .file_list > li .btn_flex{margin-left:auto;}

/* 캘린더 */
.table_calendar{width:100%;border:.1rem solid #e0e0e0}
.table_calendar thead tr th{width:14.28%;height:5.5rem;color:#fff;background-color:#616161;}
.table_calendar tbody tr{border-top:.1rem solid #e0e0e0;}
.table_calendar tbody tr td{height:15.7rem;border-left:.1rem solid #e0e0e0;vertical-align:top;padding:1rem;}
.table_calendar tbody tr td.disabled .date{color:#a7a7a7;}
.table_calendar tbody tr td.today .date{color:#fff;background-color:var(--primary50);}
.table_calendar tbody tr td.event .date{background-color:#edf1f5;}
.table_calendar tbody tr td .date{display:inline-block;width:3.4rem;height:3.4rem;font-size:1.5rem;line-height:3.4rem;text-align:center;border-radius:5rem;margin-right:.5rem;}
.table_calendar tbody tr td .list{display:flex;flex-direction:column;gap:.4rem;margin-top:1.6rem;}
.table_calendar tbody tr td .list li .btn_text{gap:.5rem;font-size:1.5rem;text-align:left;}
.table_calendar.sm tbody tr td{height:11rem;text-align:center;padding:1rem 0;}
.table_calendar.sm tbody tr td .date{display:block;margin:0 auto;}
.table_calendar.calendar_select tbody tr td.selected{color:#fff;background-color:var(--primary50);}
.table_calendar.calendar_select tbody tr td.today .date{font-weight:700;color:var(--primary50);background-color:transparent;}

.calendar{width:100%;}
.calendar_head{display:flex;align-items:center;gap:0 2.5rem;}
.calendar .calendar_head{justify-content:center;border:.1rem solid #e0e0e0;border-bottom:0;border-radius:2rem 2rem 0 0;padding:2.4rem 0;}
.calendar .calendar_foot{display:flex;align-items:center;justify-content:center;min-height:7.5rem;border:.1rem solid #e0e0e0;border-top:0;border-radius:0 0 2rem 2rem;background-color:#f7f7f7;}

.calendar_area{display:flex;gap:3rem 3.2rem;}

.calendar_area .flex3{max-width:51rem;}
.calendar_area .input_flex.phone .input_label{width:5.8rem;}
.calendar_area .write_box .w_tit{padding-left:0;}
.calendar_area .tx_title{display:flex;flex-wrap:wrap;align-items:center;gap:0 .7rem;font-size:1.9rem;font-weight:700;margin:3rem 0 2.4rem;}
.calendar_area .tx_title .num{display:inline-flex;align-items:center;justify-content:center;width:2.9rem;height:2.9rem;font-size:1.7rem;color:#fff;border-radius:50rem;background-color:#616161;}

.table_calendar tbody tr td.today.event .date,.table_calendar.calendar_select tbody tr td.today .date{background-color:var(--primary50)!important;color:#fff!important}

/* 리스트(꾸밈) */
.list.dot > li{position:relative;padding-left:1.5rem;}
.list.dot > li::before{position:absolute;top:1.1rem;left:0;content:'';display:block;width:.3rem;height:.3rem;background-color:#616161;}

/* 상태 리스트 */
.state_list{display:flex;flex-direction:column;width:100%;}
.state_list.user{gap:1rem 0;}
.state_list.user .state_box{border:.1rem solid #bababa;border-radius:1.5rem;background-color:#fff;}
.state_list.user .state_tit{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1.2rem 1rem;padding:1.5rem 2.5rem;}
.state_list.user .state_tit .info{display:inline-flex;align-items:flex-start;gap:0 .8rem;}
.state_list.user .state_tit .info span{padding-top:.2rem;}
.state_list.user .state_tit .name{display:inline-flex;flex-wrap:wrap;gap:0 .8rem;}
.state_list.user .state_cnt .s_in{border-top:.1rem solid #bababa;padding:2.5rem 3.5rem 4.5rem;}

.state_list.admin .state_box{position:relative;padding:3rem 0;}
.state_list.admin .state_box + .state_box{border-top:.1rem solid #bababa;}
.state_list.admin .state_tit{display:flex;align-items:center;justify-content:space-between;width:100%;margin-bottom:2rem;}
.state_list.admin .state_cnt{display:flex;flex-direction:column;gap:2rem 0;width:100%;}
.state_list.admin .state_cnt .info span{display:block;font-size:1.5rem;}
.state_list.admin .state_cnt .list{display:flex;flex-wrap:wrap;gap:1.4rem 1rem;}
.state_list.admin .state_cnt .list li .info{display:inline-flex;align-items:center;gap:0 1.2rem;min-height:3.6rem;font-size:1.5rem;border:.1rem solid #272727;border-radius:.6rem;background-color:#fff;padding:.5rem 1rem .5rem 2rem;}
.state_list.admin .state_cnt .list.progress li::after{content:'';display:inline-block;width:1.8rem;height:1.1rem;background:url(/layout/images/module_gov/common/sp_icon_itid.png) no-repeat -84.7rem -15.4rem;background-size:118rem;margin-left:1rem;}
.state_list.admin .state_cnt .list.progress li:last-child::after{display:none;}
.state_list.admin .state_cnt .input_flex.fd_column{gap:3rem 0;}
.state_list.admin .state_cnt .file_base{background-color:#fff;margin-top:1rem;}
.state_list.admin .state_cnt .file_cnt{margin-top:1.5rem;}

/* 답변 리스트 */
.answer_list > li + li{margin-top:1rem;}
.answer_list > li{display:flex;align-items:flex-start;gap:0 2rem;}
.answer_list > li > .itid{flex-shrink:0;}
.answer_list > li > .answer{position:relative;flex:1;display:flex;flex-wrap:wrap;justify-content:space-between;font-size:1.5rem;border-radius:1rem;background-color:#edf1f5;padding:1.6rem 2rem;}
.answer_list > li > .answer::before{position:absolute;top:2rem;left:0;transform:translateX(-100%);content:'';display:block;border:.8rem solid transparent;border-right:1rem solid #edf1f5;}
.answer_list > li > .answer .text{max-width:calc(100% - 11rem);}
.answer_list > li > .answer .tit, .answer_list > li > .answer .sub{display:block;}
.answer_list > li > .answer .tit .date{display:inline-block;color:#616161;}
.answer_list > li > .answer .tit .date::before{content:'';display:inline-block;width:.2rem;height:.8rem;background-color:#bababa;vertical-align:middle;margin:-.2rem 1rem 0 1rem;}
.answer_list > li > .answer .sub{margin-top:.5rem;}

/* 테이블 리스트 */
.table_base{width:100%;}
.table_base thead tr th{background-color:#f7f7f7;padding:2rem 1rem;}
.table_base thead tr th{border-left:.1rem solid #d2d2d2;}
.table_base tbody tr{border-bottom:.1rem solid #d2d2d2;}
.table_base tbody tr:first-child{border-top:.1rem solid #d2d2d2;}
.table_base tbody tr th{font-weight:600;word-break:keep-all;background-color:#f7f7f7;padding:1.8rem 1rem;}
.table_base tbody tr td{background-color:#fff;padding:1.8rem 1rem;}

.table_base.list{text-align:center;border:.1rem solid #d2d2d2;border-top:.2rem solid #272727;}
.table_base.list tbody tr th{font-weight:500;background-color:#fff;padding:1rem .5rem;}
.table_base.list tbody tr td{border-left:.1rem solid #d2d2d2;padding:1rem .5rem;}

.table_list{width:100%;text-align:center;border-top:.1rem solid #000;margin-bottom:6.5rem;}
.table_list .chk_base{height:2.4rem;vertical-align:middle;}
.table_list .chk_base input + label{padding-left:2.4rem;}
.table_list .ico_box{margin:0 auto;}
.table_list thead tr{border-bottom:.1rem solid #000;}
.table_list thead tr th{min-width:5rem;height:5.6rem;font-size:1.7rem;font-weight:600;padding:.2rem .1rem;}
.table_list tbody tr{position:relative;border-bottom:.1rem solid #d2d2d2;transition:all .2s;}
.table_list tbody tr:hover{color:#fff;background-color:#898989;}
.table_list tbody tr:hover .ico_alarm,
.table_list tbody tr:hover .ico_certified{filter:contrast(0) brightness(10);}
.table_list tbody tr:hover td > a, .table_list tbody tr:hover td .btn_text{color:#ffffff;}
.table_list tbody tr:hover .line_tertiary{color:var(--gray0);border-color:var(--gray0);}
.table_list tbody tr:hover .tx_primary50,
.table_list tbody tr:hover .tx_success,
.table_list tbody tr:hover .tx_excmint20,
.table_list tbody tr:hover .tx_gray50,
.table_list tbody tr:hover .tx_base{color:var(--gray0) !important;}
.table_list tbody tr td{height:5.6rem;word-break:break-word;padding:.2rem 1rem;}
.table_list tbody tr td.align_left a{display:flex;gap:.5rem;width:100%;}
.table_list tbody tr td.align_left a > span{max-width:calc(100% - 3rem);white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.table_list tbody tr td.align_left a .ico_certified{margin-top:-.2rem;}
.table_list.layout_fixed{table-layout:fixed;}
.table_list.layout_fixed thead tr th{width:5%;}

.table_list.flea_market .img{display:inline-flex;align-items:center;justify-content:center;width:7.2rem;height:7.2rem;border:.1rem solid #bababa;margin:1.5rem 0;}
.table_list.flea_market .img.img_none img{transform:scale(.4);}

/* faq 리스트 */
.faq_list{border-top:.1rem solid #000;margin-bottom:6.5rem;}
.faq_list .faq_box{word-break:keep-all;border-bottom:.1rem solid #d2d2d2;}
.faq_list .faq_box .faq_tit{position:relative;display:flex;align-items:center;gap:0 1rem;padding:1.4rem 1rem 1.4rem 4rem;}
.faq_list .faq_box .faq_tit::before{position:absolute;top:1.8rem;left:1.2rem;content:'Q';display:block;font-size:2rem;font-weight:800;color:#212f74;}
.faq_list .faq_box .faq_tit .btn_icon{background-color:#f7f7f7;margin-left:auto;}
.faq_list .faq_box .faq_cnt .f_in{position:relative;background-color:#f7f7f7;padding:2.5rem 4rem 3.5rem;}
.faq_list .faq_box .faq_cnt .f_in::before{position:absolute;top:2.1rem;left:1.2rem;content:'A';display:block;font-size:2rem;font-weight:800;color:#ce4019;}

/* 포스트 리스트 */
.post_list{display:flex;flex-wrap:wrap;gap:3.4rem 3rem;margin-bottom:7.5rem;}
.post_list .post{display:flex;flex-direction:column;width:calc(33.33% - 2rem);}
.post_list .post_body{position:relative;flex:1;}
.post_list .post_body > a{display:block;}
.post_list .post_body .img{position:relative;display:flex;align-items:center;justify-content:center;min-height:16rem;border-radius:1rem;background-color:#f7f7f7;overflow:hidden;}
.post_list .post_body .img i{position:absolute;top:1.6rem;right:1.5rem;}
.post_list .post_body .img img{width:100%;height:100%;object-fit:cover;}
.post_list .post_body .img.fit_contain img{width:auto;height:auto;}
.post_list .post_body .img_box{position:relative;display:flex;flex-wrap:wrap;gap:1rem;height:29rem;}
.post_list .post_body .img_box .img{min-height:auto;border-radius:0;}
.post_list .post_body .img_box.img_01 .img{width:100%;height:100%;}
.post_list .post_body .img_box.img_02 .img{flex:1;}
.post_list .post_body .img_box.img_03 .img{flex:1;}
.post_list .post_body .img_box.img_03.tp2{padding-left:calc(50% + .5rem);}
.post_list .post_body .img_box.img_03.tp2 .img{flex:1 1 100%;height:calc(50% - .5rem);}
.post_list .post_body .img_box.img_03.tp2 .img:first-child{position:absolute;top:0;left:0;width:calc(50% - .5rem);height:100%;}
.post_list .post_body .img_box.img_04 .img{flex:1 1 40%;height:calc(50% - .5rem);}
.post_list .post_body .img_box.img_04.tp2{padding-top:15rem;}
.post_list .post_body .img_box.img_04.tp2 .img{flex:1 1 30%;height:100%;}
.post_list .post_body .img_box.img_04.tp2 .img:first-child{position:absolute;top:0;left:0;width:100%;height:calc(50% - .5rem);}
.post_list .post_body .img_box.img_05{padding-left:calc(33.33% + .33rem);}
.post_list .post_body .img_box.img_05 .img{flex:1 1 40%;height:calc(50% - .5rem);}
.post_list .post_body .img_box.img_05 .img:first-child{position:absolute;top:0;left:0;width:calc(33.33% - .66rem);height:100%;}
.post_list .post_body .img_box.img_06 .img{flex:1 1 30%;height:calc(50% - .5rem);}
.post_list .post_body .img_box.img_06 .img .modal_open{position:absolute;top:0;left:0;align-items:center;justify-content:center;width:100%;height:100%;color:#fff;border-radius:0;background-color:rgba(0,0,0,.7);}
.post_list .post_body .img_box.img_06 .img .modal_open i{position:initial;}
.post_list .post_body .sum{display:flex;flex-direction:column;font-size:1.6rem;color:#616161;padding:2.4rem 0 2rem;}
.post_list .post_body .sum .tit{font-size:1.7rem;font-weight:600;color:#272727;margin-bottom:.5rem;}
.post_list .post_body .sum .tit span{display:inline-block;max-width:calc(100% - 3rem);vertical-align:middle;margin-right:.5rem;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.post_list .post_body .sum .sub{height:6.8rem;text-overflow:ellipsis;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;margin-top:1.5rem;}
.post_list .post_body .sum .sub + .exp{margin-top:1.6rem;}
.post_list .post_body .sum .exp{margin-top:.8rem;}
.post_list .post_foot{display:flex;align-items:center;justify-content:space-between;height:5.2rem;border-top:.1rem solid #e3e3e3;border-bottom:.1rem solid #e3e3e3;padding:0 1rem;}
.post_list .post_foot .share_area{margin-left:auto;}
.post_list.col2{gap:3.6rem 4rem;}
.post_list.col2 .post{width:calc(50% - 2rem);}
.post_list.col2 .post_body .sum .tit{font-size:1.9rem;}

.card_list{display:flex;flex-wrap:wrap;gap:3rem;margin-bottom:7.5rem;}
.card_list .card{position:relative;display:flex;flex-direction:column;width:calc(50% - 1.5rem);border:.1rem solid #bababa;border-radius:.6rem;background-color:#fff;}
.card_list .card_body{position:relative;flex:1;padding:2.8rem;}
.card_list .card_body .badge_base{min-width:14rem;}
.card_list .card_body .chk_base{position:absolute;top:3rem;right:2.4rem;}
.card_list .card_body .noimg.jangheung{background-size:20%;}
.card_list .card_body .sum{display:flex;flex-direction:column;font-size:1.6rem;color:#616161;padding:2.4rem 0 2rem;}
.card_list .card_body .sum .tit{display:block;font-size:1.7rem;font-weight:600;color:#272727;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.card_list .card_body .sum .list{margin-top:2rem;}
.card_list .card_body .sum .exp{display:flex;align-items:center;flex-wrap:wrap;gap:.8rem;margin-top:2rem;}
.card_list .card_body .sum .exp .ico_person_circle{margin:-.3rem .5rem 0 0;}
.card_list .card_body .sum .exp .ico_calendar{width:3rem;height:3rem;border-radius:50rem;background-color:#909090;margin:-.3rem .5rem 0 0;}
.card_list .card_body .sum .exp + .exp{margin-top:.8rem;}
.card_list .card_body .sum .divide{margin-left:.2rem;margin-right:.2rem;}
.card_list .card_foot{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;border-bottom:.1rem solid #e3e3e3;border-radius:0 0 .6rem .6rem;background-color:#f2f2f2;padding:1.6rem;}
.card_list .card_foot .tag_box{margin-top:0;}
.card_list .card_foot .tag_base{color:#565656;border:0;background-color:#fff;}
.card_list .card_foot .share_area .btn_text{padding:.5rem 0 !important;}
.card_list .card_foot .chk_heart.sm{position:absolute;top:2.5rem;right:2rem;}
.card_list.col1{gap:1.4rem 0;}
.card_list.col1 .card{width:100%;}
.card_list.col1 .card_body{display:flex;gap:0 2.5rem;padding:2.5rem}
.card_list.col1 .card_body .img{flex-shrink:0;width:28rem;height:16rem;}
.card_list.col1 .card_body .img img{width:100%;height:100% !important;object-fit:cover;}
.card_list.col1 .card_body .img + .sum .exp{gap:.3rem 3rem;}
.card_list.col1 .card_body .img + .sum{padding:1.2rem 0 0 0;}
.card_list.col1 .card_body .sum{flex:1;min-width:0;padding:0;}
.card_list.col1 .card_body .sum .tit{font-size:2.2rem;}
.card_list.col1 .card_body .sum .sub{text-overflow:ellipsis;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:1.5rem;}
.card_list.col1 .card_body .sum .exp{display:flex;align-items:center;flex-wrap:wrap;}
.card_list.col1 .card_body .sum .exp .ico_new{margin:-.3rem 0 0 .5rem;}
.card_list.col1 .card_foot{padding:1.6rem 2.5rem;}

/* 순서변경 리스트 */
.sortable_list{display:flex;flex-direction:column;gap:1.2rem 0;margin-bottom:9rem;}
.sortable_list .sortable_box{display:flex;border:.1rem solid #bababa;background-color:#fff;cursor:move;transition:border-color .2s ease-in-out, box-shadow .2s ease-in-out;}
.sortable_list .sortable_box:hover{border-color:#333;box-shadow:0 .3rem 0 #999;}
.sortable_list .sortable_box .s_chk{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:6rem;}
.sortable_list .sortable_box .s_chk .chk_base{height:2.4rem;vertical-align:middle;}
.sortable_list .sortable_box .s_chk .chk_base input + label{padding-left:2.4rem;}
.sortable_list .sortable_box .s_cnt{display:inline-flex;gap:0 2.5rem;flex:1;min-width:0;border-left:.1rem solid #bababa;padding:1rem;}
.sortable_list .sortable_box .s_cnt .img{position:relative;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;max-width:30rem;height:11rem;background-color:#f7f7f7;}
.sortable_list .sortable_box .s_cnt .img i{position:absolute;bottom:1rem;right:1rem;}
.sortable_list .sortable_box .s_cnt .img img{height:100%;}
.sortable_list .sortable_box .s_cnt .img.fit_contain img{height:auto;}
.sortable_list .sortable_box .s_cnt .sum{display:flex;flex-direction:column;flex:1;min-width:0;font-size:1.6rem;color:#616161;padding-top:1.3rem;}
.sortable_list .sortable_box .s_cnt .sum .tit{font-size:1.7rem;font-weight:600;color:#272727;margin-bottom:1rem;}
.sortable_list .sortable_box .s_cnt .sum .tit span{display:inline-block;max-width:calc(100% - 3rem);vertical-align:middle;margin-right:.5rem;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.sortable_list .sortable_box .s_cnt .sum .exp{margin-top:.2rem;}
.sortable_list .sortable_box .s_btn{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:12.8rem;border-left:.1rem solid #bababa;}
.sortable_list .sortable_box .s_btn .sortable_move{pointer-events:none;}

/* ebook 리스트 */
.ebook_list{display:flex;flex-wrap:wrap;gap:3rem;margin-bottom:7.5rem;}
.ebook_list .ebook{width:calc(33.33% - 2rem);border:.1rem solid #e0e0e0;}
.ebook_list .ebook_body .img img{width:100%;height:100%;}
.ebook_list .ebook_foot{text-align:center;border-top:.1rem solid #e0e0e0;padding:2.6rem 1.2rem;}
.ebook_list .ebook_foot .tit{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;width:100%;}
.ebook_list .ebook_foot .tit span{max-width:100%;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.ebook_list .ebook_foot .btn_flex{margin-top:1.5rem;}
.ebook_list .ebook_foot .btn_base.xsm{margin-top:1.5rem;}

/* 리스트 상단 이미지 영역 */
.img_area{display:flex;flex-direction:column;align-items:center;justify-content:center;}
.img_area img{width:100%;}

/* 리스트 상단 인기글 영역 : swiper */
.swiper_area{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;}
.swiper_area .swiper{width:100%;border-bottom:.1rem solid #e3e3e3;padding:2rem 0 3rem;margin-bottom:3rem;}
.swiper_area .swiper-slide{width:26rem;}
.swiper_area .swiper-slide a{display:block;border:.1rem solid #e3e3e3;border-radius:.6rem;background-color:#f7f7f7;padding:2.5rem;}
.swiper_area .swiper-slide a .tit{height:4.8rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-overflow:ellipsis;overflow:hidden;}
.swiper_area .swiper-slide a .sub{display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;margin-top:.8rem;}
.swiper_area .swiper-slide a .exp{display:block;color:#616161;margin-top:.5rem;}

/* qna */
.qna_area + .qna_area{border-top:.1rem solid #272727;padding-top:4rem;margin-top:5rem;}
.qna_title{display:flex;align-items:center;justify-content:space-between;border-bottom:.1rem solid #bababa;padding-bottom:1.5rem;margin-bottom:3rem;}
.qna_box{position:relative;display:flex;flex-direction:column;gap:1rem 0;width:100%;}
.qna_box + .qna_box{margin-top:1.5rem;}
.qna_box .qna_cnt ol.flow{display:flex;flex-direction:column;gap:.8rem;}
.qna_box .qna_cnt ol.flow > li{display:flex;gap:.8rem;}
.qna_box .qna_cnt ol.flow > li > .label_base{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:3.6rem;height:3.6rem;border:.1rem solid #272727;border-radius:.6rem;background-color:#e3e3e3;}
.qna_box .qna_cnt ol.flow > li > .btn_base{flex-shrink:0;}

.qna_box.fd_row .qna_tit{display:inline-flex;align-items:center;width:8rem;;height:3.6rem;}
.qna_box.fd_row .qna_tit + .qna_tit{width:13rem;padding-left:2rem;}
.qna_box.fd_row .qna_cnt{flex:1;min-width:0;}

/* 입력폼1 */
.legend{float:left;display:flex;flex-wrap:wrap;align-items:flex-end;width:100%;height:6rem;margin-bottom:1.5rem;}
.legend .l_tit{font-size:1.9rem;font-weight:600;}
.legend .l_req{margin-left:auto;}
.write_title{position:relative;display:flex;gap:1rem;min-height:8.6rem;border:.1rem solid #bababa;background-color:#f7f7f7;padding:2rem 3rem;}
.write_title .label_base{flex-shrink:0;align-items:center;font-size:1.9rem;margin-bottom:0;}
.write_title .input_base{flex:1;align-items:center;max-width:none;height:auto;font-size:1.9rem;font-weight:600;border:0;background-color:transparent;}
.write_box{display:flex;width:100%;;min-height:7.4rem;border-top:.1rem solid #d2d2d2;padding:1.9rem 0;}
.write_box.bt{border-top:.1rem solid #000;}
.write_box.bb{border-bottom:.1rem solid #d2d2d2;}
.write_box .short{width:100%;max-width:8.5rem;}
.write_box .long{width:100%;max-width:65rem;}
.write_box .w_tit{flex:1;display:inline-flex;align-items:center;max-width:21rem;min-width:13rem;height:3.6rem;word-break:keep-all;padding-left:1.5rem;}
.write_box .w_tit .label_base{word-break:break-all;}
.write_box .w_cnt{flex:4;display:inline-flex;align-items:center;flex-wrap:wrap;position:relative;min-width:0;}
.write_box .w_cnt .text_count{position:relative;width:100%;}
.write_box .w_cnt .text_count .count{position:absolute;bottom:1.4rem;right:2rem;display:block;font-size:1.5rem;color:#616161;}
.write_box .w_cnt .text_count .count .num{font-size:1.6rem;font-weight:600;color:#212f74;}
.write_box.web{flex-direction:column;}
.write_box.web .w_tit{flex:none;width:100%;max-width:none;}
.write_box.web .w_cnt{flex:none;width:100%;margin-top:1rem;}
form{width:100%;}
fieldset + fieldset .legend + .write_box{border-top:.1rem solid #000;}
fieldset + fieldset .write_box:last-child{border-bottom:.1rem solid #d2d2d2;}

/* 입력폼2 */
.sortable_area{flex-wrap:wrap;}
.sortable_area .w_cnt{gap:1rem;}
.sortable_area .w_cnt > .label_base{display:inline-flex;align-items:center;height:3.6rem;}
.sortable_area .w_cnt > .btn_flex{margin-left:auto;}
.sortable_area .sortable_box{display:flex;width:100%;border:.1rem solid #d2d2d2;background-color:#fff;margin-top:1.8rem;cursor:move;transition:border-color .2s ease-in-out, box-shadow .2s ease-in-out;}
.sortable_area .sortable_box:hover{border-color:#333;box-shadow:0 .3rem 0 #999;}
.sortable_area .sortable_box .s_cnt{flex:1;min-width:0;}
.sortable_area .sortable_box .s_cnt .image_box{width:100%;height:52rem;background-color:#f7f7f7;overflow-y:auto;}
.sortable_area .sortable_box .s_cnt .input_flex{margin-top:2rem;}
.sortable_area .sortable_box .s_cnt .input_flex .label_base{color:#616161;}
.sortable_area .sortable_box .s_cnt .url_list{display:flex;flex-direction:column;gap:1rem 0;width:100%;margin-top:2rem;}
.sortable_area .sortable_box .s_cnt .url_list > li{display:flex;align-items:center;justify-content:space-between;border-radius:.6rem;background-color:#f7f7f7;padding:2rem}
.sortable_area .sortable_box .s_cnt .url_list > li .url{display:inline-flex;align-items:center;gap:.5rem;width:85%;color:#616161;}
.sortable_area .sortable_box .s_cnt .url_list > li .url .info{max-width:calc(100% - 12rem);white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.sortable_area .sortable_box .s_cnt .url_list > li .btn_text{flex-shrink:0;}
.sortable_area .sortable_box .s_btn{flex-shrink:0;display:flex;flex-direction:column;justify-content:flex-start;width:5.8rem;border-left:.1rem solid #d2d2d2;}
.sortable_area .sortable_box .s_btn .btn_flex{flex:1;flex-direction:column;justify-content:space-between;padding:2.2rem 0;}
.sortable_area .sortable_box .s_btn .btn_flex .btn_text{flex-direction:column;gap:.5rem;font-size:1.3rem;color:#616161;}
.sortable_area .sortable_box .s_btn .sortable_delete{width:100%;height:5.5rem;border-top:.1rem solid #d2d2d2;border-radius:0;margin-top:auto;}
/*.sortable_area .sortable_box .s_btn .sortable_move{flex-direction:column;justify-content:flex-start;padding:2.4rem 0 !important;pointer-events:none;}*/
.sortable_area .sortable_none .s_btn *{display:none;}
.sortable_area .sortable_text .s_cnt .textarea{height:30rem;border:0;border-radius:0;padding:2.5rem 2.5rem 2.5rem 3rem;}
.sortable_area .sortable_image .s_cnt{padding:2rem 2.8rem;}
.sortable_area .sortable_link .s_cnt{padding:3rem 2rem 3.4rem;}
.sortable_area .sortable_qna .s_cnt{padding:4rem;}
.sortable_area .sortable_qna .s_cnt .qna_box .qna_cnt .textarea{height:6.6rem;}
.sortable_area .sortable{width:100%;}

/* 입력폼3 - 첨부파일 */
.write_box.file_area .file_cnt{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;margin-top:3.5rem;}
.write_box.file_area .file_list{margin-top:1.5rem;}
.write_box.file_area .file_list > li{padding:2rem}
.write_box.file_area .file_list > li .file{width:80%;color:#616161;}
.write_box.file_area .file_list > li .hint{width:100%;border-top:.1rem solid #d9d9d9;padding-top:1.8rem;margin-top:2rem;}
.write_box.file_area .file_list > li .hint .tx_info{margin-top:0;}
.write_box.file_area .file_list > li .hint .tx_info + .tx_info{margin-top:1rem;}
.write_box.file_area .file_list > li .hint .input_base{height:4rem;border-color:#e3e3e3;background-color:#f7f7f7;margin-top:1.8rem;}
.write_box.file_area .file_list > li .btn_text{gap:.5rem;}
.write_box.file_area .file_list > li .btn_text i{width:2rem;}

/* 출력폼1 */
.cutoff{width:100%;border:0;border-top:.1rem solid #000;margin:5.4rem 0;}
.view_title{border-top:.1rem solid #616161;border-bottom:.1rem solid #616161;padding:3rem 0 3.4rem;}
.view_title .title{font-size:2.4rem;font-weight:600;}
.view_title .info{display:flex;flex-wrap:wrap;gap:1.5rem 4rem;margin-top:2rem;}
.view_title .info li .sub{color:#616161;margin-left:1rem;}
.view_title + .view_box{min-height:15rem;}
.view_box.dp_flex{gap:3.2rem 3rem;}
.view_box{line-height:1.6;word-break:break-all;margin-top:4rem;}
.view_box + .view_box{margin-top:6.4rem;}
.view_box img{display:block;width:auto;margin:0 auto;}
.view_box img + img{margin-top:3.4rem;}
.view_box > .h3{margin:4.5rem 0 2rem;}
.view_box > .h3:first-child{margin-top:0 !important;}
.view_box > .h3 + p{border-top:.1rem solid #d2d2d2;padding-top:2rem;}
.view_box > .h3.tit{border-bottom:.1rem solid #d2d2d2;padding-bottom:2.8rem;margin-bottom:0;}
.view_box > .h3.tit + .h4{margin-top:2.8rem;}
.view_box > .h4{color:var(--primary50);margin:4.5rem 0 2rem;}
.view_box .table_base tbody tr th{width:19rem;}
.view_box .box_base{position:relative;flex:1;width:100%;word-break:keep-all;border:.1rem solid #bababa;border-radius:.7rem;padding:2.5rem 2rem;}

.view_box .box_base + .box_base{margin-top:1.2rem;}
.view_box .box_icon{padding-left:20rem;}
.view_box .box_icon .ico_survey{position:absolute;top:0;left:2rem;}
.view_box .box_primary{display:flex;align-items:center;justify-content:space-between;border:.2rem solid var(--primary50);background-color:var(--primary20);padding:1.5rem 2rem;}
.view_box ol.flow{display:flex;flex-direction:column;gap:.8rem;}
.view_box ol.flow > li{display:flex;gap:.8rem;}
.view_box ol.flow > li > .label_base{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:4rem;height:4rem;font-weight:700;color:#fff;border-radius:.6rem;background-color:var(--primary50);}
.view_box ol.flow > li > .input_base{width:max-content;max-width:100%;height:auto;min-height:4rem;border-color:#000;padding:.7rem 1.4rem;}
.view_box ol.flow.w_50 > li > .input_base{flex:1;}

/* 출력폼2 - 링크 */
.view_box.url_area{border:.1rem solid #cfcfcf;border-radius:.7rem;overflow:hidden;}
.view_box.url_area .url_tit{display:flex;align-items:center;justify-content:space-between;height:7rem;background-color:#fff;padding:1.8rem 3rem;}
.view_box.url_area .url_tit .tit{font-size:1.7rem;color:#333;}
.view_box.url_area .url_cnt{background-color:#f5f5f5;padding:3rem;}
.view_box.url_area .url_list{display:flex;flex-direction:column;gap:1rem 0;width:100%;}
.view_box.url_area .url_list > li{display:flex;flex-wrap:wrap;align-items:center;gap:.7rem .5rem;color:#333;border:.1rem solid #cfcfcf;border-radius:.6rem;background-color:#fff;padding:1.6rem 2.6rem;}
.view_box.url_area .url_list > li .info{display:inline-flex;align-items:center;gap:.5rem;}
.view_box.url_area .url_list > li .url{max-width:calc(100% - 12rem);white-space:nowrap;text-overflow:ellipsis;overflow:hidden;text-decoration:underline;}
.view_box.url_area .url_list > li .btn_text{margin-left:auto;}
.view_box.url_area + .view_box.file_area{margin-top:2rem;}

/* 출력폼3 - 첨부파일 */
.view_box.file_area{border:.1rem solid #cfcfcf;border-radius:.7rem;overflow:hidden;}
.view_box.file_area .file_tit{display:flex;align-items:center;justify-content:space-between;height:7rem;background-color:#fff;padding:1.8rem 3rem;}
.view_box.file_area .file_tit .tit{font-size:1.7rem;color:#333;}
.view_box.file_area .file_cnt{background-color:#f5f5f5;padding:3rem;}
.view_box.file_area .file_list > li{border-color:#cfcfcf;background-color:#fff;padding:1.6rem 2.6rem;}
.view_box.file_area .file_list > li .file{width:70%;color:#333;}

.view_box.file_area.bw0{margin-top:4.2rem;}
.view_box.file_area.bw0 .file_cnt{background-color:transparent;padding:0;}
.view_box.file_area.bw0 .file_list > li{border-radius:1.5rem;}

/* 출력폼4 - 진행상태 */
.view_box.state_area{border:.1rem solid #bababa;border-radius:.6rem;background-color:#f7f7f7;padding:2.5rem 3rem;margin-top:3.4rem;}
.view_box.state_area .step_area{margin-top:2rem;}
.view_box.state_area + .h4{margin-top:4.2rem;}

/* 출력폼5 - 설문조사 */
.view_box .qna_tit{text-indent:-1.8rem;padding-left:2rem;}
.view_box .qna_cnt{padding-left:2rem;margin-top:1.5rem;}

.view_box .qna_cnt .radio_list{flex-direction:column;align-items:flex-start;}
.view_box .pd0 .qna_tit{border-radius:.7rem .7rem 0 0;background-color:#f7f7f7;padding:2rem 2.5rem 2rem 4.5rem;}
.view_box .pd0 .qna_cnt{padding:1.5rem 4rem;margin-top:0;}
.view_box .pd0 .qna_cnt ul.list .toggle_area{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem;padding:1.5rem 0;}
.view_box .pd0 .qna_cnt ul.list .toggle_area + li{border-top:.1rem solid #e3e3e3;}
.view_box .pd0 .qna_cnt ul.list .toggle_area > .btn_flex{margin-left:auto;}
.view_box .pd0 .qna_cnt ul.list .toggle_cnt{width:100%;padding:2rem 0 1.5rem;}

/* 출력폼6 - 영상 */
.view_box.youtube_area{width:100%;height:56.5rem;}
.view_box.youtube_area.scroll iframe{position:fixed;bottom:9rem;width:50.2rem;height:28.2rem;z-index:1;}

/* 출력폼7 - 공공누리 */
.opentype_box{display:flex;align-items:center;gap:1.2rem 2.4rem;line-height:1.3;;border:.1rem solid #bababa;border-radius:.6rem;background-color:#fff;padding:2rem 2.4rem;margin-top:7.8rem;}
.opentype_box .img{flex-shrink:0;}
.opentype_box .img img{height:4.4rem;}

/* 입력폼, 출력폼 */
.dual_box{width:100%;border:.1rem solid #272727;border-radius:.6rem;margin-top:4rem;}
.dual_box .write_title{padding:2.6rem 4.2rem;border:0;border-radius:.6rem .6rem 0 0;}
.dual_box .write_title .label_base{position:absolute;top:50%;left:6rem;transform:translateY(-50%);font-size:1.6rem;z-index:1;}
.dual_box .write_title .input_base{height:3.6rem;font-size:1.6rem;border:.1rem solid #bababa;border-radius:.6rem;background-color:#fff;padding-left:6.5rem;}
.dual_box .write_box{padding:4rem;}
.dual_box .write_box.sortable_area{padding:2rem 4rem;}
.dual_box .write_box.sortable_area + .btn_flex{padding:1.2rem 4rem 4.2rem;}
.dual_box .write_box .text_count{width:100%;}
.dual_box .write_box .text_count .count_tit{margin-bottom:1.5rem;}
.dual_box .write_box .text_count .count_cnt{position:relative;display:flex;gap:1rem;width:100%;height:9.6rem;border:.1rem solid #272727;border-radius:.6rem;padding:1.6rem;}
.dual_box .write_box .text_count .count_cnt .textarea{flex:1;border:0;height:100%;padding:0;}
.dual_box .write_box .text_count .count_cnt .textarea:disabled{background-color:#fff;}
.dual_box .write_box .text_count .count_cnt .btn_base{flex-shrink:0;width:8.6rem;padding:0;}

.dual_box .view_title{display:flex;flex-wrap:wrap;align-items:center;gap:1rem;border:0;border-radius:.6rem .6rem 0 0;background-color:#f7f7f7;padding:2rem 4rem;}
.dual_box .view_title .title{display:inline-flex;align-items:center;gap:0 2rem;font-size:1.6rem;font-weight:500;}
.dual_box .view_title .btn_flex{margin-left:auto;}
.dual_box .view_box{padding:4rem;margin-top:0;}
.dual_box .view_box.url_area{border:0;padding:0;margin:0;}
.dual_box .view_box.url_area .url_cnt{background-color:transparent;padding:0 4rem 4.5rem;}

/* 스티키 요소 */
.sticky_area.scroll .sticky_right{position:fixed;top:0;}
.sticky_area.scroll .sticky_top{position:fixed;top:0;}
.sticky_area{position:relative;padding-right:27rem;}
.sticky_right{position:absolute;top:-4rem;right:0;width:21.8rem;background-color:#fff;}
.sticky_right .toggle_area{word-break:keep-all;margin-top:4rem;}
.sticky_right .toggle_tit{display:flex;align-items:flex-end;}
.sticky_right .toggle_tit .h2{flex:1;}
.sticky_right .toggle_tit .toggle_open{display:none;flex-shrink:0;}
.sticky_right .toggle_cnt{display:block;margin-top:3.2rem;}
.sticky_right ol.list{gap:0;border-left:.2rem solid #bababa;}
.sticky_right ol.list li button{position:relative;width:100%;text-align:left;color:#616161;padding:.4rem .4rem .4rem 2rem;}
.sticky_right ol.list li.on button{color:#272727;background-color:#edf1f5;}
.sticky_right ol.list li.on button::before{position:absolute;top:0;left:-.2rem;content:'';display:block;width:.3rem;height:100%;background-color:var(--primary50);}
.sticky_left{flex:1;min-width:0;}
.sticky_left .view_box > .h3 + p{border-top:0;padding-top:0;}

.sticky_top{width:100%;}
.sticky_top .category_area .category_open{display:none;}
.sticky_top .category_cnt{display:block;}
.sticky_top ol.list{display:flex;flex-wrap:wrap;gap:1rem 7rem;}
.sticky_top ol.list li button{position:relative;text-align:left;padding-left:1.2rem;}
.sticky_top ol.list li button::before{position:absolute;top:1rem;left:0;content:'';display:block;width:.3rem;height:.3rem;background-color:#898989;}

/* 이전글, 다음글 */
.view_navi{position:relative;display:flex;border-top:.1rem solid #bababa;border-bottom:.1rem solid #bababa;padding:1.8rem 0;margin-top:7rem;}
.view_navi::before{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);content:'';display:block;width:.1rem;height:calc(100% - 3.6rem);background-color:#d9d9d9;}
.view_navi a{display:flex;flex-direction:column;gap:1.2rem 0;width:50%;word-break:keep-all;}
.view_navi a .sub{display:inline-flex;align-items:center;gap:1rem;color:#616161;}
.view_navi a .tit{font-size:1.7rem;}
.view_navi .view_prev{padding-right:2rem;}
.view_navi .view_next{align-items:flex-end;text-align:right;padding-left:2rem;}

/* 동의약관 */
.agree_area{width:100%;}
.agree_area > .h4{margin:5rem 0 1.5rem;}
.agree_area .agree{border:.2rem solid #bababa;border-radius:.6rem;}
.agree_area .agree + .agree{margin-top:4rem;}
.agree_area .agree + .agree.bw0{margin-top:2.5rem;}
.agree_area .agree.bw0 .agree_foot{justify-content:center;border-radius:.6rem;padding:2.4rem 3rem;}
.agree_area .agree_head{border-radius:.6rem;background-color:#f7f7f7;padding:3rem 3rem 4rem;}
.agree_area .agree_head .tit{display:flex;align-items:center;gap:0 .6rem;font-size:2.2rem;font-weight:600;border-bottom:.1rem solid #bababa;padding-bottom:2rem;}
.agree_area .agree_head ul > li, .agree_area .agree_body ul > li{position:relative;color:#616161;padding-left:.8rem;}
.agree_area .agree_head ul > li::before, .agree_area .agree_body ul > li::before{position:absolute;top:1rem;left:0;content:'';display:block;width:.3rem;height:.3rem;background-color:#616161;}
.agree_area .agree_head ul{margin-top:3rem;}
.agree_area .agree_head ul > li{color:#333;}
.agree_area .agree_body{display:flex;flex-direction:column;gap:2.2rem 0;padding:3rem 3rem 4rem;}
.agree_area .agree_body ol{counter-reset:counter;}
.agree_area .agree_body ol > li{counter-increment:counter;color:#616161;}
.agree_area .agree_body ol > li::before{content:counter(counter)'.';display:inline-block;margin-right:.5rem;}
.agree_area .agree_body span{color:#616161;}
.agree_area .agree_foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1.5rem;border-radius:0 0 .6rem .6rem;background-color:#f2f2f2;padding:1.6rem 3rem;}
.agree_area .agree_foot .radio_list{gap:0 2.5rem;margin-left:auto;}
.agree_area .agree_foot .radio_list > li{min-width:auto;}

/* 완료메세지 */
.msg_area{border:.1rem solid #d2d2d2;border-radius:.6rem;}
.msg_area .msg_top{padding:8.5rem 3rem 7rem;}
.msg_area .msg_top > span{display:block;text-align:center;word-break:keep-all;}
.msg_area .msg_top .tit{font-size:3rem;font-weight:600;line-height:1.5;}
.msg_area .msg_top .sub{font-size:1.7rem;color:#616161;margin-top:2rem;}
.msg_area .msg_bot{border-radius:0 0 .6rem .6rem;background-color:#f7f7f7;padding:6.5rem 4rem 7rem;}
.msg_area .msg_bot .msg_info{width:max-content;margin:0 auto;}
.msg_area .msg_bot .msg_info > li + li{margin-top:2rem;}
.msg_area .msg_bot .msg_info > li dl{flex-wrap:wrap;gap:1rem;}
.msg_area .msg_bot .msg_info > li dl dt{min-width:12rem;font-size:1.9rem;font-weight:600;}
.msg_area .msg_bot .msg_info > li dl dd{display:inline-flex;flex-direction:column;font-size:1.7rem;color:#333;}

/* 애니메이션 */
.ani_turn{position:relative;animation:ani_turn 1.4s linear infinite;}
@keyframes ani_turn {
  0%{transform: rotate(0);}
  100%{transform: rotate(360deg);}
}

/* modal 사이즈 */
.modal .modal_wrap.lg .modal_area{width:120rem;max-width:90%;padding:4.2rem 3.2rem;}
.modal .modal_wrap.lg .modal_area .btn_icon.modal_close{top:4.5rem;right:3rem;}
.modal .modal_wrap.md .modal_area{width:90rem;max-width:90%;padding:3.5rem 3.5rem 4.5rem;}
.modal .modal_wrap.md .modal_area .modal_close{top:4.5rem;right:3.5rem;}
.modal .modal_wrap.sm .modal_area{width:50rem;max-width:90%;padding:5rem 4.5rem 4.5rem;}
.modal .modal_wrap.sm .modal_area .modal_close{top:3rem;right:3rem;}

/* 갤러리 팝업 */
#modal_gallery .swiper_gallery_top{height:62rem;;margin-top:2rem;}
#modal_gallery .swiper_gallery_top .swiper-slide{display:inline-flex;justify-content:center;width:100%;height:100%;background-color:#e0e0e0}
#modal_gallery .swiper_gallery_top .swiper-slide img{width:max-content;height:100%;object-fit:cover;}
#modal_gallery .swiper_gallery_top .swiper-slide .btn_flex{position:absolute;bottom:3rem;right:3rem;}
#modal_gallery .swiper_gallery_top .swiper-slide .btn_flex .btn_icon{background-color:rgba(0,0,0,.7);}
#modal_gallery .swiper_gallery_top .swiper-slide .share_box{bottom:-.1rem;right:50%;transform:translateX(50%);display:flex;flex-direction:column;gap:1rem;background-color:transparent;padding:0;}
#modal_gallery .swiper_gallery_top .swiper-slide .share_box .btn_icon{background-color:transparent;margin:0;}
#modal_gallery .swiper_gallery_top .swiper-slide .share_box .share_close{position:initial;transform:none;background-color:#000;}
#modal_gallery .swiper_gallery_bot{margin-top:2.5rem;}
#modal_gallery .swiper_gallery_bot .swiper-slide{height:9rem;}
#modal_gallery .swiper_gallery_bot .swiper-slide img{width:100%;height:100%;object-fit:cover;}
#modal_gallery .swiper_gallery_bot .swiper-slide-thumb-active{border:.3rem solid var(--primary50);}
#modal_gallery .gallery_top_control{position:absolute;top:6.2rem;right:4.2rem;}
#modal_gallery .gallery_bot_control{display:flex;justify-content:center;margin-top:3rem;}
#modal_gallery .gallery_bot_control .gallery_bar{width:100%;max-width:57rem;height:1rem;border-radius:5rem;background-color:#edf1f5;}
#modal_gallery .gallery_bot_control .gallery_bar .swiper-scrollbar-drag{top:-.2rem;height:1.4rem;border-radius:3rem;background-color:#212f74;}
#modal_gallery .modal_close{position:absolute;top:1.5vh;left:50%;transform:translateX(-50%);}

/* 로그인 */
.login_wrap > div{border-top:.1rem solid #ddd;padding:4rem 0;}
.login_wrap .certify_area{display:flex;gap:0 8rem;}
.login_wrap .certify_tit{flex-shrink:0;}
.login_wrap .certify_cnt{flex:1;display:flex;flex-direction:column;gap:2rem 0;}
.login_wrap .certify_box{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:2rem 0;word-break:keep-all;border-radius:.8rem;background-color:#f7f7f7;padding:4.5rem 4rem 4rem 13.5rem;}
.login_wrap .certify_box > i{position:absolute;top:4.5rem}
.login_wrap .certify_box > i.ico_ipin{left:4.8rem;}
.login_wrap .certify_box > i.ico_pattern{left:5.6rem;}
.login_wrap .certify_box > i.ico_social{left:5.6rem;}
.login_wrap .help_box{border:.2rem solid #bababa;border-radius:.6rem;padding:2.5rem;margin-top:1.8rem;}
.login_wrap .login_area{display:flex;flex-direction:column;align-items:flex-start;gap:2rem 0;border-radius:.8rem;background-color:#f7f7f7;padding:4.5rem 6.5rem;}
.login_wrap .login_tit{display:flex;gap:0 2.5rem;word-break:keep-all;}
.login_wrap .login_cnt{width:100%;}
.login_wrap .login_cnt .input_base{max-width:none;height:4.8rem;border:.2rem solid #272727;}
.login_wrap .login_cnt .btn_base{height:100%;}

/* board/donation_list*/
.donor_list{display:flex;flex-wrap:wrap;gap:3rem;margin-bottom:7.5rem;}
.donor_list .donor_box{width:calc(33.33% - 2rem);border:.1rem solid #e0e0e0;border-radius:2rem;padding:2rem 2.5rem;}
.donor_list .donor_box .sum{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:1rem;text-align:center;background:url(/layout/images/module_gov/common/bg_donor.png) no-repeat center/contain;padding:5rem 12% 7rem;}
.donor_list .donor_box .sum .sub{display:inline-flex;align-items:center;justify-content:center;min-height:4rem;word-break:keep-all;}
.donor_list .donor_box .sum .tit{font-size:2.4rem;font-weight:600;white-space:nowrap;}
.donor_list .donor_box .sum .exp{font-size:1.5rem;color:#616161;}
.donor_list .donor_box .sum dl{position:absolute;bottom:0;left:0;width:100%;height:4.6rem;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:0 1.5rem;border-radius:50rem;background-color:#282968;padding:0 1rem;}
.donor_list .donor_box .sum dl dt{color:#fff;}
.donor_list .donor_box .sum dl dd{font-weight:600;color:#eed200;}
.jh_donation_btn_flex{position:relative;border-bottom:.1rem solid #000;padding-bottom:1rem;margin-bottom:3.6rem;}
.jh_donation_btn_flex .btn_base{position:absolute;top:50%;right:0;transform:translateY(-50%);}

/* board/domestic_list*/
.card_list .card_body:has(.domestic){display:flex;align-items:center;gap:0 1.9rem;padding:2.2rem;}
.img.domestic{flex-shrink:0;width:7.1rem;height:7.1rem;border-radius:.6rem;background-color:#e9f8ff;overflow:hidden;}
.img.domestic img{max-width:7.1rem;}
.img.domestic + .sum{flex:1;min-width:0;padding:0;}
.img.domestic + .sum .btn_text{justify-content:flex-start;}
.img.domestic + .sum .exp{margin-top:.5rem;}

/* board/cyber_list*/
.img_area.cyber{text-align:center;word-break:keep-all;border:.1rem solid #272727;border-radius:.6rem;background:url(/layout/images/module_gov/contents/jangheung/bg_cyber.jpg) no-repeat center/cover;padding:10rem 4rem 9rem;overflow:hidden;}
.img_area.cyber img{width:auto;}

/* board_mayor/proposal_list */
.graph_base.tp1 .dp_flex{gap:0 2rem;}
.graph_base.tp1 .dp_flex b{display:inline-flex;align-items:center;gap:0 .8rem;height:3rem;}
.graph_base.tp1 .progress_graph{position:relative;width:100%;max-width:100%;height:4.4rem;border-radius:.6rem;background-color:#f6f7f9;margin-top:1.5rem;overflow:hidden;}
.graph_base.tp1 .progress_graph .val{position:absolute;top:0;left:0;height:100%;border-radius:.6rem;background:linear-gradient(90deg, #2cc7a6, #3f8fdc);}
/* board_mayor/proposal_view */
.box_base.proposal{display:flex;align-items:center;justify-content:space-between;border:0;background-color:#f7f7f7;padding:4rem;margin-top:3rem;}
.box_base.proposal .dl{display:flex;align-items:center;}
.box_base.proposal .dl + .dl{margin-top:.8rem;}
.box_base.proposal .dl .dt{display:inline-flex;align-items:center;gap:0 .8rem;width:11rem;margin-right:.8rem;}
.box_base.proposal .dl .dt .ico_calendar.itid{width:3rem;height:3rem;border-radius:50rem;background-color:#909090;}
.box_base.proposal .graph_base{max-width:38rem;}
.box_base.proposal .graph_base .progress_graph{height:3rem;background-color:#fff;}

/* scheduler/event_view_list*/
.view_event{display:flex;flex-direction:column;border-radius:1.5rem;background-color:#f7f7f7;padding:3rem 1.5rem 1.5rem;}
.view_event .h4{text-align:center;}
.view_event .card_list{margin:2.5rem 0 0;}
.view_event .card_list .card_body{padding:2rem 1.5rem;}
.view_event .card_list .card_body .sum .list{margin-bottom:auto;}
.view_event .card_list .card_body .sum .btn_flex{margin-top:1rem;}
.view_event .card_list .card_body .img{width:14rem !important;height:19.5rem !important;}
#modal_event .view_event{padding:3rem;}
#modal_event .view_event .card_list .card_body{padding:2.5rem;}

/* pollpack/default_view_result*/
.bar_graph{width:100%;min-width:24rem;max-width:44rem;height:28rem;margin:0 auto;}
.dount_graph{position:relative;width:100%;min-width:24rem;max-width:44rem;height:28rem;margin:0 auto;}
.dount_graph .dount_count{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);font-size:1.8rem;font-weight:700;text-align:center;white-space:pre-line;}
.progress_graph{width:100%;max-width:30rem;height:3.6rem;}
.dp_flex.graph_area{gap:1rem 3rem;}
.dp_flex.graph_area > .flex1{min-width:0;}


/* desktop 사이즈 : 1440px */
@media screen and (max-width:1440px) {
  /* board/donation_list*/
  .donor_list{gap:4rem;}
  .donor_list .donor_box{width:calc(50% - 2rem);}
}

/* desktop 사이즈 : 1280px */
@media screen and (max-width:1280px) { 
  /* 이메일 */
  .input_flex.email .input_select{flex:none;width:100%;}

  /* 순서변경 리스트 */
  .sortable_list .sortable_box .s_btn{width:8.8rem;}

  /* 로그인 */
  .login_wrap .certify_area{gap:0 4rem;}
}

/* tablet 사이즈 : 1024px */
@media screen and (max-width:1024px) {
  /* 어백 */
  .px40{padding-left:3rem !important;padding-right:3rem !important;}
  .mt50{margin-top:4.5rem !important;}
  .mb50{margin-bottom:3rem !important;}
  .mb40{margin-bottom:2.4rem !important;}
  .mob_mt5{margin-top:.5rem !important;}
  .mob_mt15{margin-top:1.5rem !important;}
  .mob_mt20{margin-top:2rem !important;}
  .mob_mt30{margin-top:3rem !important;}
  .mob_mb15{margin-bottom:1.5rem !important;}
  .mob_w_100{width:100% !important;}
  
  /* 레이아웃 */
  .mob_dp_inflex{display:inline-flex !important;}
  .mob_jc_center{justify-content:center !important;}
  .mob_jc_end{justify-content:flex-end !important;}
  .mob_fd_column{flex-direction:column !important;}
  .mob_fd_column_reverse{flex-direction:column-reverse !important;}
  .mob_flex_none{flex:none !important;}
  
  /* 태그박스 */
  .tag_box{margin-top:3.4rem;}
  
  /* 버튼 박스 */
  .btn_flex{gap:.5rem;}
  .btn_flex.btn_page{gap:1rem;}
  .btn_flex.btn_page .btn_base.tp1{min-width:auto;}
  .btn_flex.btn_page .btn_base.tp4{min-width:7.8rem;}
  /* 버튼 타입 */
  .btn_base.tp1{min-width:10rem;}
  .btn_base.tp2{min-width:11.5rem;}
  .btn_base.tp3{min-width:10rem;}
  /*.btn_base.tp4{min-width:8.2rem;}*/
  .btn_base.tp5{min-width:6.4rem;}
  .btn_base.tp6{min-width:5.4rem;}
  /* 버튼 사이즈 */
  [class^="btn_"].xlg{height:4.4rem;}

  /* 인풋 박스 */
  .input_flex.tp1{gap:1rem}
  .input_flex.mob > span{flex:1;}
  .input_flex .input_box .input_list{width:100%;min-width:100%;max-width:100%;}

  /* 인풋 기본 */
  .input_base{max-width:none;}

  /* 인풋+텍스트 */
  .input_text.mob{flex-wrap:nowrap;gap:1rem;}
  .input_text.mob.w_auto{width:100% !important;}
  .input_text.mob .tx_info{flex-shrink:0;}
  
  /* 인풋+셀렉트 */
  .input_select{flex-direction:column;}
  .input_select.long{max-width:none;}
  .input_select .select_box{width:100% !important;max-width:none;}
  .input_select.fd_row .select_box{flex-shrink:1;}

  /* 연락처 */
  .input_flex.phone .input_label{flex:1;width:auto;}
  
  /* 우편번호 */
  .input_flex.post{flex-direction:row;gap:1rem 0;}
  .input_flex.post .label_base.mob_only{flex:1;min-width:8rem;height:3.6rem;line-height:3.6rem;margin-bottom:0;}
  .input_flex.post .label_base.mob_only + .input_label .chk_base{position:absolute;top:.7rem;left:8rem;}
  .input_flex.post .input_label{flex:4;}
  .input_flex.post .input_label{flex:none;flex-direction:column;width:100%;}
  .input_flex.post .input_label + .input_label .input_base{max-width:none;}
  
  /* 이메일 */
  .input_flex.email > .input_label{width:calc(100% - 3.8rem);}

  /* 체크박스 */
  .chk_heart input + label{display:block;width:4rem;height:4rem;border:.1rem solid #bababa;border-radius:5rem;padding:0;}
  .chk_heart input + label::before{top:50%;left:50%;transform:translate(-50%, -50%);}

  /* 라디오 */
  .radio_opentype input + label{flex-direction:column;}

  /* 셀렉트 */
  .select_box{max-width:none;}
  .select_box.tp2{width:11.2rem;}
  .select_list > li{gap:0 1.8rem}
  .select_list > li .label_base{flex-shrink:0;}
  .select_list.mob > li{flex-direction:column;align-items:flex-start;gap:1rem 0;}
  .select_list.mob > li .datepicker_single{width:auto;padding-left:6.6rem;}
  .select_list.mob > li .datepicker_single .label_base{left:0;color:#000;}
  .select_list.mob > li .datepicker_single .input_base{padding-left:1.4rem;}
  
  /* 날짜선택 */
  .datepicker_single{width:100%;}
  .datepicker_range{align-items:flex-end;}
  .datepicker_range .bridge{padding-bottom:1rem;}
  .datepicker_range .input_label{display:inline-flex;flex-direction:column;}
  .datepicker_range .input_label .label_base{position:initial;top:initial;left:initial;transform:none;margin-bottom:1rem;}
  .datepicker_range .input_label .label_base + .input_base{padding-left:1.4rem;}
  .datepicker_range .btn_daterange{top:initial;}

  /* ui-datepicker */
  .ui-datepicker{max-width:32rem;}
  .ui-datepicker-header{padding:1.4rem 1rem;}
  .ui-datepicker-header .ui-datepicker-title select{font-size:1.7rem;padding:.3rem 3rem .4rem 0;}
  .ui-datepicker-calendar{width:calc(100% - 2rem);margin:1rem;}
  .ui-datepicker-buttonpane{padding:1.8rem;}
  .ui-datepicker-buttonpane button{width:5.5rem;}
  
  /* 검색영역 : 상세 */
  .search_area{margin-bottom:2.6rem;}
  .search_area > div{padding:2.5rem 2rem;}
  .search_area .select_box > a::after{width:4.2rem;background-position-x:-18.5rem;}
  .search_area .mob_only{justify-content:flex-end;width:100%;}
  .search_area .mob_only .btn_base{width:11.8rem;}
  .search_area .mob_w_100{flex:none;border-top:.1rem solid #d9d9d9;padding-top:1.8rem;margin-top:.8rem;}
  .search_area .mob_w_100 .input_btn{flex-direction:column;align-items:flex-end;gap:1.8rem 0;}
  .search_area .input_flex .datepicker_range .bridge{padding-bottom:1.5rem;}
  .search_area .input_flex .datepicker_range .btn_daterange{bottom:8%;}
  .search_area .filter_area{padding-top:1.4rem;margin-top:2rem;}
  .search_area .filter_chip{border-bottom:.1rem solid #d9d9d9;padding-bottom:2rem;margin-bottom:1rem;}
  .search_area .filter_chip + .btn_base{margin-left:auto;}
  .search_area .search_bot > .input_flex{flex-direction:column;gap:1.8rem;}

  /* 검색영역 : 기본 */
  .search_area.basic{flex-direction:column;padding:2.5rem 2rem 3rem;}
  .search_area.basic .mob_only .search_open i{transform:rotate(180deg);}
  .search_area.basic .mob_only .search_open.on i{transform:rotate(0);}
  .search_area.basic .flex1 .input_btn .btn_icon.lg{display:block;}
  .search_area.basic .search_bot{border-top:.1rem solid #d9d9d9;padding-top:1.8rem;}

  /* 키워드 영역 */
  .filter_area{flex-direction:column;}
  .filter_chip{padding:5rem 0 0 0;}

  /* 리스트 조건 */
  .sort_area .list > li + li::before{display:none;}

  /* 페이지네이션 */
  .pagination{gap:2rem .6rem;margin-bottom:4.5rem;}
  .pagination .btn_text{order:1;border-radius:.6rem;background-color:#f7f7f7;padding:1rem 1.2rem !important;}
  .pagination .page_link{order:2;width:100%;}
  .pagination .page_num{order:3;}


  /* 카테고리 */
  .category_area.tp1{border-radius:1rem;overflow:hidden;}
  .category_area.tp1 .category_tit{display:flex;align-items:center;justify-content:center;width:100%;height:4.8rem;color:#fff;background-color:#616161;}
  .category_area.tp1 .category_cnt{gap:0;border:.1rem solid #e3e3e3;border-bottom:0;}
  .category_area.tp1 .category_cnt a{justify-content:space-between;width:50%;min-width:auto;height:auto;line-height:1;text-align:left;border:0;border-bottom:.1rem solid #e3e3e3;border-radius:0;background-color:#fff;padding:1.15rem 1.4rem;}
  .category_area.tp1 .category_cnt a i{display:none;}
  .category_area.tp1 .category_cnt a::after{flex-shrink:0;content:'';display:block;width:2.4rem;height:2.4rem;border:.1rem solid #58616a;border-radius:.4rem;background-color:#fff;}
  .category_area.tp1 .category_cnt a:nth-child(2n-1){border-right:.1rem solid #e3e3e3;}
  .category_area.tp1 .category_cnt a.on{color:#000;}
  .category_area.tp1 .category_cnt a.on::after{border-color:var(--primary50);background:var(--primary50) url(/layout/images/module_gov/common/sp_icon_itid.png) no-repeat -74.8rem -9.7rem;}
  .category_area.tp1 .category_open{display:flex;justify-content:flex-end;width:100%;font-size:1.4rem;padding:.8rem 1.2rem;}
  .category_area.tp1 .category_open.on i{transform:rotate(180deg);}
  .category_area.tp2 a{width:auto;padding:0 3rem;}
  .category_area.tp2 a.on{width:auto;padding:0 2rem;}
  .category_area.tp4{padding:2.5rem;}

  /* 단계 */
  .step_area .step_desc{margin-top:3.5rem;}
  .step_area.tp1 .step_progress{display:flex;gap:0 5rem;}
  .step_area.tp1 .step_item .circle::after{width:5rem;}
  .step_area.tp1 .step_item .label{display:none;}
  
  .step_area.tp2 .step_progress{display:flex;gap:0 6rem;}
  .step_area.tp2 .step_item .circle::after{width:6rem;}

  /* 첨부파일 */
  .file_area .file_base{width:auto;height:auto;border:0;padding:0;background-color:transparent;padding:0;margin:0;}
  
  /* 캘린더 */
  .table_calendar.sm tbody tr td{height:7rem;}
  .calendar_area{flex-direction:column;}
  .calendar_area .flex3{max-width:100%;}

  /* 상태 리스트 */
  .state_list.user .state_tit{flex-direction:column;align-items:flex-start;padding:1.4rem;}
  .state_list.user .state_cnt .s_in{padding:1.4rem 1.4rem 2rem;}
  .state_list.admin .input_flex{flex-direction:column;}
  .state_list.admin .btn_reset{position:absolute;top:2.6rem;right:0;}
  .state_list.admin .list.progress li{display:flex;align-items:center;width:100%;}
  .state_list.admin .list.progress li::after{flex-shrink:0;}
  .state_list.admin .list.progress li .info{flex:1;justify-content:space-between;max-width:calc(100% - 2.8rem);}
  .state_list.admin .file_area .state_cnt{flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:space-between;}
  .state_list.admin .file_area .state_cnt > .file_base{background-color:transparent;}
  .state_list.admin .file_area .state_cnt > .btn_flex{width:100%;}

  /* 답변 리스트 */
  .answer_list > li > .answer .tit .date{display:block;}
  .answer_list > li > .answer .tit .date::before{display:none;}
  
  /* 테이블 리스트 */
  .table_base.list{border:0;border-top:.2rem solid #272727;}
  .table_base.list thead{display:none;}
  .table_base.list tbody{display:flex;flex-direction:column;}
  .table_base.list tbody tr{display:flex;flex-wrap:wrap;gap:1.5rem 0;padding:1.5rem 1rem;}
  .table_base.list tbody tr th{display:inline-flex;width:100% !important;height:auto;padding:0;}
  .table_base.list tbody tr th.mob_dp_inflex{align-items:center;width:auto !important;}
  .table_base.list tbody tr td{display:inline-flex;width:100%;height:auto;border:0;padding:0;}
  .table_base.list tbody tr td.mob_dp_inflex{flex-wrap:wrap;align-items:center;width:auto !important;}
  .table_base.list tbody tr td.mob_dp_inflex::before{content:attr(aria-label) !important;display:inline-flex;align-items:center;width:auto !important;height:auto !important;text-align:left;background-color:transparent !important;margin:0 !important;}
  .table_base.list tbody tr td .btn_flex{width:100%;}

  .table_list{display:flex;flex-direction:column;font-size:1.5rem;color:#616161;margin-bottom:4.5rem;}
  .table_list colgroup{display:none;}
  .table_list thead{display:none;}
  .table_list tbody{display:flex;flex-direction:column;}
  .table_list tbody tr{display:flex;flex-wrap:wrap;padding:1.5rem 1rem;}
  .table_list tbody tr td{display:inline-flex;flex-wrap:wrap;gap:.2rem;width:100%;height:auto;padding:0;}
  .table_list tbody tr td[aria-label]::before{content:attr(aria-label) !important;display:inline-flex;align-items:center;width:auto !important;height:auto !important;font-size:1.5rem;color:#616161;text-align:left;background-color:transparent !important;margin:0 !important;}
  .table_list tbody tr td.mob_dp_inflex{align-items:center;width:auto;}
  .table_list tbody tr td.mob_dp_inflex ~ .mob_dp_inflex::before{content:'';display:inline-flex;width:.2rem;height:.8rem;border-radius:.2rem;background-color:#898989;vertical-align:middle;margin:0 1.2rem;}
  .table_list tbody tr td.mob_dp_inflex.tx_base{font-size:1.7rem;font-weight:600;}
  .table_list tbody tr td.align_left{font-size:1.6rem;margin:.4rem 0 .8rem;}
  .table_list tbody tr td.align_left a{display:block;}
  .table_list tbody tr td.align_left a > span{max-width:100%;white-space:initial;text-overflow:initial;}
  .table_list tbody tr td.align_left a > .ico_new.itid{margin:-.3rem 0 0 .5rem;}
  .table_list tbody tr td.order_1{font-size:1.6rem;color:#272727;margin:.4rem 0 .8rem;}
  .table_list tbody tr.notice td i.ico_alarm{position:absolute;top:1.9rem;}
  .table_list tbody tr.notice td a{padding-left:2.4rem;}
  .table_list tbody tr:hover td.order_1{color:#fff;}
  .table_list tbody tr:hover td::before{color:#fff;}

  .table_list.chk_select{border:0;}
  .table_list.chk_select thead{display:block;}
  .table_list.chk_select thead tr{display:flex;}
  .table_list.chk_select thead tr th{display:none;height:auto;padding:0 0 1.6rem;}
  .table_list.chk_select thead tr th:first-child{display:inline-flex;align-items:center;gap:0 2rem;}
  .table_list.chk_select thead tr th .chk_base{width:auto;}
  .table_list.chk_select thead tr th .chk_base input + label{padding-left:3.2rem;}
  .table_list.chk_select tbody tr{position:relative;padding-left:3rem;}
  .table_list.chk_select tbody tr .chk_base{position:absolute;top:1.8rem;left:0;}

  .table_list.table_select tr{position:relative;padding:1.5rem 0;}
  .table_list.table_select tr td[aria-label]{display:block;text-align:left;background-color:#f7f7f7;padding:0 1.8rem;}
  .table_list.table_select tr:hover td[aria-label]{background-color:transparent;}
  .table_list.table_select tr td.mob_dp_inflex + td.mob_dp_inflex::before{content:'.';width:auto;height:auto;background-color:transparent;margin:0 .5rem 0 0;}
  .table_list.table_select tr td.mob_dp_inflex[aria-label]{flex:1;background-color:transparent;padding:0;}
  .table_list.table_select tr td.mob_dp_inflex[aria-label]::before{margin:2rem 0 1rem !important;}
  .table_list.table_select tr td.mob_dp_inflex[aria-label] + .mob_dp_inflex[aria-label]{margin-left:2rem;}
  .table_list.table_select tr td.mob_pt20{padding-top:2rem;margin-top:2rem;}
  .table_list.table_select tr td.mob_pb20{padding-bottom:2rem;}
  .table_list.table_select tr td .btn_text{position:absolute;top:1.8rem;right:0;}

  .table_list.flea_market tbody tr{position:relative;padding-left:9.4rem;}
  .table_list.flea_market tbody tr td:has(.img){position:absolute;top:2rem;left:0;width:7.2rem;}
  .table_list.flea_market tbody tr td .img{margin:0;}
  
  /* faq 리스트 */
  .faq_list{margin-bottom:4.5rem;}
  .faq_list .faq_box .faq_tit{flex-wrap:wrap;padding-bottom:2.2rem;}
  .faq_list .faq_box .faq_tit .tit{width:calc(100% - 5rem);}
  .faq_list .faq_box .faq_tit .btn_base{margin-top:1.5rem;}

  /* 포스트 리스트 */
  .post_list{flex-direction:column;gap:2rem 0;margin-bottom:6rem;}
  .post_list .post{width:100% !important;}

  /* 카드 리스트 */
  .card_list{flex-direction:column;gap:2rem 0;margin-bottom:6rem;}
  .card_list .card{width:100% !important;}
  .card_list .card_body{padding:2.4rem 1.8rem;}
  .card_list .card_body .sum .tit{white-space:initial;text-overflow:initial;}
  .card_list .card_body .sum .tit .badge_base + span{display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;margin-top:2rem;}
  .card_list .card_foot{padding:1.6rem 2.8rem;}
  .card_list .card_foot .tag_base{background-color:transparent;padding:0 !important;}
  .card_list .card_foot .chk_heart{position:absolute;top:2.5rem;right:2rem;}

  .card_list.col1 .card_body{flex-direction:column;}
  .card_list.col1 .card_body .img{width:100%;height:auto;}
  .card_list.col1 .card_body .img + .sum .tit{font-size:1.7rem;}
  .card_list.col1 .card_body .sum .exp{flex-direction:column;align-items:flex-start;margin-top:1rem;}

  /* 순서변경 리스트 */
  .sortable_list{margin-bottom:4rem;}
  .sortable_list .sortable_box{position:relative;flex-wrap:wrap;height:auto;}
  .sortable_list .sortable_box .s_chk{position:absolute;top:1rem;left:1rem;width:auto;}
  .sortable_list .sortable_box .s_cnt{flex-wrap:wrap;gap:0 2rem;border-left:0;padding:1rem 2.8rem 1.2rem 4.2rem;}
  .sortable_list .sortable_box .s_cnt .img.mob_w_100{max-width:100%;height:auto;}
  .sortable_list .sortable_box .s_cnt .img.mob_w_100 img{width:100%;}
  .sortable_list .sortable_box .s_cnt .img.mob_w_100 + .sum{padding-top:1.3rem;}
  .sortable_list .sortable_box .s_cnt .img.mob_w_100.mh_auto{height:11rem;}
  .sortable_list .sortable_box .s_cnt .img.mob_w_100.mh_auto img{width:auto;}
  .sortable_list .sortable_box .s_cnt .img.fit_contain{height:11rem;}
  .sortable_list .sortable_box .s_cnt .img.fit_contain img{width:auto;height:auto;}
  .sortable_list .sortable_box .s_cnt .sum{padding:0;}
  .sortable_list .sortable_box .s_btn{justify-content:flex-end;width:100%;border-left:0;border-top:.1rem solid #bababa;padding:.8rem 1.2rem;}
  
  /* ebook 리스트 */
  .ebook_list{flex-direction:column;gap:1.5rem 0;margin-bottom:4.5rem;}
  .ebook_list .ebook{width:100%;}
  .ebook_list .ebook_foot .tit span{white-space:initial;text-overflow:initial;}
  
  /* qna */
  .qna_box.fd_row .qna_tit{height:auto;}
  .qna_box.fd_row .qna_tit + .qna_tit{position:absolute;top:0;left:8rem;font-size:1.5rem;color:#616161;padding-left:0;}

  /* 입력폼1 */
  .write_title.mob_fd_column .input_base{padding:0;}
  .write_title.mob_fd_column .btn_text{position:absolute;top:2rem;right:3rem;}
  .write_box .w_tit{min-width:9.5rem;padding-left:0;padding-right:.5rem;}
  .write_box.mob{flex-direction:column;}
  .write_box.mob .w_tit{flex:none;width:100%;max-width:none;}
  .write_box.mob .w_cnt{flex:none;width:100%;margin-top:1rem;}
  .write_box.mob .w_cnt .chk_list{flex-direction:column;align-items:flex-start;}
  .write_box.mob .w_cnt .radio_list.col5 > li{width:calc(50% - 1.5rem)}

  /* 입력폼2 */
  .sortable_area .sortable_box{flex-direction:column;margin-top:2.4rem;}
  .sortable_area .sortable_box + .sortable_box{margin-top:1rem;}
  .sortable_area .sortable_box .s_cnt .input_base{max-width:none;}
  .sortable_area .sortable_box .s_cnt .textarea{height:16rem;padding:2rem;}
  .sortable_area .sortable_box .s_cnt .image_box{height:19rem;}
  .sortable_area .sortable_box .s_cnt .input_flex{flex-direction:column;}
  .sortable_area .sortable_box .s_cnt .url_list > li,
  .sortable_area .sortable_box .s_cnt .url_list > li .url{flex-wrap:wrap;}
  .sortable_area .sortable_box .s_cnt .url_list > li .url .info{width:100%;max-width:none;}
  .sortable_area .sortable_box .s_btn{flex-direction:row;width:100%;height:4.5rem;border-left:0;border-top:.1rem solid #d2d2d2;}
  .sortable_area .sortable_box .s_btn .sortable_move{flex-direction:row;padding:0 0 0 1.8rem !important;}
  .sortable_area .sortable_box .s_btn .sortable_delete{width:5.5rem;height:100%;border-top:0;border-left:.1rem solid #d2d2d2;margin:0 0 0 auto;}
  .sortable_area .sortable_image .s_cnt{padding:1.4rem 1.4rem 1.6rem;}
  .sortable_area .sortable_link .s_cnt{padding:2.5rem;}
  .sortable_area .sortable_qna .s_cnt{padding:2.5rem;}
  .sortable_area .sortable_qna .s_cnt .input_flex{flex-direction:row;}
  .sortable_area .sortable_qna .s_cnt .qna_box .qna_cnt .textarea{height:9.2rem;}
  
  /* 입력폼3 - 첨부파일 */
  .write_box.file_area{flex-direction:row;flex-wrap:wrap;justify-content:space-between;}
  .write_box.file_area .w_cnt{height:auto;border:0;background-color:transparent;padding:0;margin:0;}
  .write_box.file_area .w_cnt > .tx_info{display:none;}
  .write_box.file_area .file_cnt{margin-top:3rem;}
  .write_box.file_area .file_list > li{padding:2rem 1.3rem;}
  .write_box.file_area .file_list > li .file{width:calc(100% - 3rem);}
  .write_box.file_area .file_list > li .hint{padding-top:1.3rem;margin-top:1.7rem;}
  .write_box.file_area .file_list > li .hint .input_base{margin-top:1.3rem;}
  .write_box.file_area.mob .w_cnt{margin-top:1rem;}
  .write_box.file_area.mob .w_cnt > .tx_info{display:inline-flex;}
  .write_box.file_area.mob .file_base{margin:1.6rem 0 0 auto;}

  /* 출력폼1 */
  .cutoff{margin:3.5rem 0;}
  .view_title{padding:2.4rem 0 3rem;}
  .view_title .info{flex-direction:column;gap:1rem;}
  .view_box.dp_flex{flex-direction:column;}
  .view_box{margin-top:3.2rem;}
  .view_box > .h4{margin:3.2rem 0 1.8rem;}
  .view_box .fs22.fw600{margin-top:4rem;}
  .view_box .table_base tbody tr th{width:10rem;}
  .view_box + .view_box{margin-top:3.2rem;}
  .view_box .box_icon{display:flex;flex-direction:column;padding-top:0;padding-left:2rem;}
  .view_box .box_icon .ico_survey{position:initial;margin-bottom:2rem;}
  .view_box ol.flow > li > .input_base{width:100%;}
  .view_box ol.flow.w_50{width:100% !important;}

  /* 출력폼2 - 링크 */
  .view_box.url_area .url_tit{height:4.5rem;padding:.8rem 2rem;}
  .view_box.url_area .url_cnt{padding:1.4rem 1.4rem 1.8rem;}
  .view_box.url_area .url_list > li{padding:1.4rem;}
  .view_box.url_area .url_list > li .info{width:100%;}
  .view_box.url_area .url_list > li .url{max-width:calc(100% - 9rem);}

  /* 출력폼3 - 첨부파일 */
  .view_box.file_area{flex-direction:row;flex-wrap:wrap;justify-content:space-between;}
  .view_box.file_area .file_tit{height:4.5rem;padding:.8rem 2rem;}
  .view_box.file_area .file_tit .btn_base{height:3rem;}
  .view_box.file_area .file_cnt{padding:1.4rem 1.4rem 1.8rem;}
  .view_box.file_area .file_list > li{padding:1.4rem;}
  .view_box.file_area .file_list > li .file{width:100%;}

  .view_box.file_area.bw0{margin-top:1.4rem;}

  /* 출력폼4 - 진행상태 */
  .view_box.state_area{padding:2.5rem 1.4rem;}

  /* 출력폼5 - 설문조사 */
  .view_box .pd0 .qna_cnt{padding:1.5rem 2.5rem;}
  .view_box .pd0 .qna_cnt ul.list .toggle_area .btn_flex{width:100%;}

  /* 출력폼6 - 영상 */
  .view_box.youtube_area{height:30rem;}
  .view_box.youtube_area.scroll iframe{right:4rem !important;bottom:4rem !important;width:36.6rem;height:20.6rem;}

	/* 출력폼7 - 공공누리 */
	.opentype_box{flex-direction:column;align-items:flex-start;margin-top:4rem;}

  /* 입력폼, 출력폼 */
  .dual_box .write_box{padding:2.5rem 0;}
  .dual_box .write_title{padding:2.6rem 2.5rem;}
  .dual_box .write_title .label_base{left:4.4rem;}
  .dual_box .sortable_area{padding:2.5rem;}
  .dual_box .sortable_area + .btn_flex{padding:0 2.5rem 5rem;}

  .dual_box .view_title{padding:2rem 2.5rem;}
  .dual_box .view_title .title{gap:0 1rem;}
  .dual_box .view_box{padding:2.5rem;}
  .dual_box .view_box.url_area .url_cnt{padding:0 2.5rem 4.5rem;}

  /* 스티키 요소 */
  .sticky_area.scroll .toggle_area:has(.toggle_open.on){padding-bottom:2rem;}
  .sticky_area{display:flex;flex-direction:column-reverse;padding-right:0;}
  .sticky_area.pr0{flex-direction:column;}
  .sticky_area .toggle_area{margin-top:3.2rem;}
  .sticky_area .toggle_tit .h2{font-size:1.9rem;}
  .sticky_area .toggle_tit .toggle_open{display:inline-flex;}
  .sticky_area .toggle_tit .toggle_open.on i{transform:rotate(180deg);}
  .sticky_right{position:initial;top:0;width:100%;}

  .sticky_top .category_area .category_open{position:absolute;top:1.4rem;right:1.2rem;display:inline-flex;align-items:center;font-size:1.4rem;}
  .sticky_top .category_area .category_open.on i{transform:rotate(180deg);}
  .sticky_top ol.list{flex-direction:column;gap:.5rem 0;}
  
  /* 이전글, 다음글 */
  .view_navi{flex-direction:column;padding:0;margin-top:3.5rem;}
  .view_navi::before{display:none;}
  .view_navi a{width:100%;padding:2rem 0;}
  .view_navi .view_next{border-top:.1rem solid #d9d9d9;}

  /* 동의약관 */
  .agree_area .agree + .agree.bw0{margin-top:2rem;}
  .agree_area .agree_body{gap:1.2rem 0;}

  /* table_list안에 버튼이 있어 모바일 환경에서는 absolute가 되야하는 경우 */
  .mob_table_btn tbody tr{position:relative;}
  .mob_table_btn tbody tr .btn_base{position:absolute;bottom:1.5rem;right:0;}
  .mob_table_btn tbody tr .btn_base.tp5{min-width:8rem;}
  .mob_table_btn tbody tr .btn_text{position:absolute;bottom:2rem;right:0;width:11.2rem;height:4rem;border:.1rem solid #272727;border-radius:.6rem;background-color:#fff;}
  .mob_table_btn tbody tr:hover .btn_text{color:#272727 !important;}

  /* modal 사이즈 */
  .modal .modal_wrap .modal_area.md{padding:3.5rem 2.5rem 4.5rem;}
  .modal .modal_wrap .modal_area.md .modal_close{right:2.5rem;}

  /* 갤러리 팝업 */
  #modal_gallery .swiper_gallery_bot .swiper-slide{height:6rem;}

  /* 로그인 */
  .login_wrap .certify_area{flex-direction:column;align-items:center;gap:2rem 0;}
  .login_wrap .certify_tit{text-align:center;}
  .login_wrap .certify_box{padding:3rem;}
  .login_wrap .certify_box > i{position:initial;margin:0 auto;}
  .login_wrap .certify_box .h3{width:100%;text-align:center;}
  .login_wrap .certify_box .btn_base{margin-left:auto;}
  .login_wrap .login_area{gap:1.5rem 0;padding:4rem 2.5rem 5rem;}
  .login_wrap .login_tit{flex-direction:column;gap:1rem 0;width:100%;}
  .login_wrap .login_tit .h2{text-align:center;margin-bottom:1.2rem;}
  .login_wrap .login_cnt .input_flex{flex-direction:column;}
  .login_wrap .login_cnt .input_flex .btn_base{width:100%;height:4.8rem;}

  /* board/donation_list*/
  .donor_list{flex-direction:column;gap:1.8rem 0;border-top:.1rem solid #000;padding-top:2.8rem;margin-bottom:5rem;}
  .donor_list .donor_box{width:100%;}
  .donor_list .donor_box .sum{padding-top:3rem;}
  .jh_donation_btn_flex{flex-direction:column;padding-bottom:3rem;margin-bottom:2rem;}
  .jh_donation_btn_flex .btn_text{flex-direction:column;}
  .jh_donation_btn_flex .btn_base{position:initial;transform:none;margin-top:2rem;}

  /* board/cyber_list*/
  .img_area.cyber{padding:6rem 4rem 7rem;}
  .img_area.cyber .h1{font-size:2.5rem !important;}
  .img_area.cyber .fs48{font-size:3.4rem !important;}
  .img_area.cyber .btn_flex{justify-content:center;}
  .img_area.cyber .btn_base.xlg{width:13.2rem !important;}

  /* board_mayor/proposal_list */
  .graph_base.tp1 .dp_flex{gap:0 1rem;}
  /* board_mayor/proposal_view */
  .box_base.proposal{flex-direction:column;align-items:flex-start;padding:2.5rem 3rem;}
  .box_base.proposal .dl .dt{width:auto;}
  .box_base.proposal .graph_base{width:100%;max-width:100%;margin-top:2.5rem;}

  /* scheduler/event_view_list*/
  .event_list{flex-direction:column;gap:1rem 0;}
  .view_event .card_list .card_body{flex-direction:row;}
  
  /* pollpack/default_view_result*/
  .bar_graph{height:20rem;}
  .dount_graph .dount_count{position:initial;transform:none;display:flex;justify-content:center;margin-top:-1.5rem;}
  .dp_flex.graph_area{flex-direction:column;}
  .dp_flex.graph_area .box_base.mt53{margin-top:0 !important;}
}

/* mobile 사이즈 : 768px */
@media screen and (max-width:768px) {
  .tag_btn{flex-direction:column;align-items:flex-start;}
  .tag_btn > .btn_base{margin:0 auto;}

  /* 출력폼5 - 설문조사 */
  .view_box .pd0 .qna_cnt ul.list .toggle_area .btn_flex{flex-direction:column;align-items:flex-start;}
  .view_box .pd0 .qna_cnt ul.list .toggle_area .btn_flex .btn_base{margin-left:auto;}

	/* 완료메세지 */
  .msg_area .msg_bot .msg_info > li dl{flex-direction:column;}

  /* 갤러리 팝업 */
  #modal_gallery .swiper_gallery_top{height:auto;}
  #modal_gallery .swiper_gallery_top .swiper-slide .btn_flex{bottom:1rem;right:1rem;}
  #modal_gallery .swiper_gallery_bot{margin-top:1.5rem;}
  #modal_gallery .gallery_top_control{position:initial;margin:1.5rem auto 0;}
  #modal_gallery .gallery_bot_control{margin-top:1.5rem;}
}

/*문의하기 답변달기*/
.tab_article_setting { background-color: #E5E5E5; border-radius: .6rem; padding: 1rem 1.8rem; border: .1rem solid #333; margin-bottom: 2rem; display: inline-block; }
.article_setting { margin-bottom: 5rem; background-color:#F7F7F7; padding: 3rem; border-radius: .6rem;  }
.article_setting .boardlist th { width: 12rem; text-align: left; padding: 1rem;}
.article_setting .boardlist td {padding: 1rem; display: inline-flex; align-items: center;}
.article_setting .boardlist td select { margin-right: 1rem; padding: .4rem; border: .1rem solid #ddd; border-radius: .6rem;}
.article_setting .boardlist td label { margin-right: 2rem;}
.article_setting .boardlist td input, .article_setting .boardlist td textarea { border: .1rem solid #ddd; border-radius: .6rem;}
.article_setting .boardlist td textarea { padding: 1rem;}
.article_setting .boardlist td input.js_calendar  { margin: 0 .8rem;}
.article_setting .admin_btn_wrap { display: flex; justify-content: flex-end; margin-top: 2rem;}
.article_setting .admin_btn_wrap .btn { border-radius: .6rem; padding: .5rem 1.5rem; background-color: #6E6E6E; color: #fff; border: 0; margin-right: 1.4rem;}
.article_setting .admin_btn_wrap a#btn_erase { border-radius: .6rem; padding: .5rem 1.5rem; background-color: #6E6E6E; color: #fff; border: 0;}

.admin_reply h4 { font-size:2rem; font-weight: 600; color: #212F74; }

@media screen and (max-width:1090px) {
	.article_setting .boardlist th { vertical-align: top;}
	.article_setting .boardlist td { flex-direction: column; align-items: flex-start; gap:.5rem;}
	.article_setting .boardlist td textarea { width: 100%;}
}
@media screen and (max-width:500px) {
	.article_setting .boardlist th {width: 9rem;}
}