/* CSS Document */
*{scroll-behavior: smooth;}
body{line-height: normal !important;}
th, td {vertical-align: middle;/* white-space: nowrap */}
button{font-family: 'SUIT' !important;}
.material-symbols-outlined {
  font-variation-settings:
  'FILL' 0,
  'wght' 400,
  'GRAD' 0,
  'opsz' 48
}


/*all css*/
.fw_400{font-weight: 400 !important;}
.fw_700{font-weight: 700 !important;}
.mr_0{margin-right: 0px !important;}
.mr_10{margin-right: 10px !important;}
.mt_0{margin-top: 0px !important;}
.mt_5{margin-top: 5px !important;}
.mt_10{margin-top: 10px !important;}
.mt_20{margin-top: 20px !important;}
.mt_40{margin-top: 40px !important;}
.mt_30{margin-top: 30px !important;}
.mb_0{margin-bottom: 0px !important;}
.mb_20{margin-bottom: 20px !important;}
.mb_40{margin-bottom: 40px !important;}
.mp_0{margin: 0px !important; padding: 0px !important;}
.mtb_5{margin: 5px 0px;}
.p_0{padding: 0px !important;}
.pt_20{padding-top: 20px !important;}
.pt_30{padding-top: 30px !important;}
.pt_40{padding-top: 40px !important;}
.pb_0{padding-bottom: 0px !important;}
.pb_20{padding-bottom: 20px !important;}
.pb_40{padding-bottom: 40px !important;}
.pb_none{padding-bottom: 0px !important;}
.prl_0{padding-left: 0px !important; padding-right: 0px !important;}
.prl_20{padding: 0px 20px;}
.w_auto{width: auto !important;}
.h_0{height: 0px !important;}
.h_100{height: 100px !important;}
.h_200{height: 200px !important;}
.t_red{color: #E0462E !important;}
.t_blue{color: #006087 !important;}
.t_bold600{font-weight: 600 !important;}
.d_block{display: block !important;}
.d_flex{display: flex !important;}
.dn_flex{display: none !important;}
.br_on_line{border-right: 1px solid #ddd;}
.bb_on_line{border-bottom: 1px solid #ddd;}
.bl_none{border-left: none !important;}
.br_none{border-right: none !important;}
.bb_none{border-bottom: none !important;}
.bb_radius{border-radius: 0px 0px 5px 5px;}
.back_none{background: none !important;}
.bg_white{background-color: #fff !important;}
.bg_lightred{background: #FFF8F8 !important;}
.bg_halfgray{background: linear-gradient(0deg, #f8f8f8 60%, #fff 60%, transparent);}
.light_bg{background: #f8f8f8;}
.lt_05{letter-spacing: -.08rem; font-size: 0.7rem !important; word-break: keep-all;}



/*sub navigation*/
.sub_nav_wrapper{width: 100%; height: 50px; border-bottom: 1px solid #E9E9E9;}
.sub_nav_wrapper .sub_nav_wrap{display: flex; align-items: center; justify-content: center; height: 100%; padding: 0px 20px; font-weight: 600;}
.sub_nav_wrap .sn_back{font-size: 1rem; justify-content: flex-start; display: block; position: absolute; left: 0px; padding: 15px 20px;}
.sub_nav_wrap .sn_title{font-size: 1.25rem;}


/*subpage title*/
.g_main_title{width: 100%; word-break: keep-all;}
.g_main_title .gm_txt{font-size: 1.625rem; font-weight: bold; padding: 30px 20px 0px 20px;}
.g_main_title p{padding: 6px 20px 20px; font-size: .875rem; font-weight: 400; letter-spacing: -.5px;}
.g_main_title .gm_stxt{padding: 0px 20px 20px; font-size: .875rem; font-weight: 400; letter-spacing: -.5px;}
.g_main_title .red_txt{color: #E0462E; font-weight: 600; padding: 10px 20px;}


/*red button*/
.red_btn{padding: 10px 20px 40px;}
.red_btn a{padding: 16px 20px; background: #e0462e; border-radius: 5px; display: flex; justify-content: center; align-items: center; font-size: 1rem; font-weight: 600; color: #fff;}


/*gray button*/
.gray_btn a{width: 100%; font-size: 1rem; height: 54px; border-radius: 10px; background: #ddd; display: flex; justify-content: center; align-items: center; font-weight: 700; margin-top: 40px;}
.gray_btn2 a{width: 100%; font-size: 1rem; height: 54px; border-radius: 10px; background: #E5E5E5; display: flex; justify-content: center; align-items: center; font-weight: 700;}


/*black button*/
.black_btn a{width: 100%; font-size: 1rem; height: 54px; border-radius: 10px; background: #333333; display: flex; justify-content: center; align-items: center; font-weight: 700; color: #fff;}


/*각주*/
.txt_10gray{font-size: 0.625rem; color: #BEBEBE; text-align: center; margin: 10px 0px 40px 0px;}
.txt_10gray2{font-size: 0.625rem; color: #00000040; text-align: center; margin: 10px 0px 0px 0px;}
.txt_10gray3{font-size: 0.625rem; color: #BEBEBE; text-align: right; margin-top: 5px;}
.bt_footer .txt_10gray{font-size: 0.625rem; color: #BEBEBE; text-align: center; margin: 6px 0px 0px 0px;}


/*구분선*/
.border_line{width: 100%; height: 8px; background: #F2F2F2;}
.border_line2{width: 100%; height: 8px; background: #F2F2F2; margin: 40px 0px;}


/*Horizontal slide*/
.w_slide_wrapper{padding: 20px;}
.w_slide_wrapper .ws_wrap{width: 100%; border: 1px solid #dfdfdf; border-radius: 5px; background: url("/img/sub/w_rolling_bg.png") center center no-repeat; background-size: cover;}
.w_slide_wrapper .ws_wrap .box_img{overflow-x: auto;}
.w_slide_wrapper .ws_wrap .box_img img{max-width: none;}
@media ( min-width: 768px ) {
	.w_slide_wrapper .ws_wrap .box_img img{object-fit: cover; width: 100%;}
	.w_slide_wrapper .ws_wrap .scrollGuide{display: none !important;}
}
@media ( max-width: 769px ) {
	.w_slide_wrapper .ws_wrap .box_img img{object-fit: cover; height: 160px;}
}
.w_slide_wrapper .ws_wrap .scrollGuide{display: block; width: 140px; height: 140px; position: absolute; left: 50%; margin-top: 12px; margin-left: -70px; z-index: 1;}
.w_slide_wrapper .ws_wrap .scrollGuide img{max-width: 100% !important;}


/* mobile layout */
.mob_inner{width: 100%;max-width: 720px;margin-left: auto;margin-right: auto;padding-left: 20px;padding-right: 20px;box-sizing: border-box;}