*{width: auto;height: auto;overflow: hidden;list-style: none;vertical-align: middle;margin: 0;padding: 0;}
html{overflow-y: auto;}
body{font-family: "Wanted Sans Variable", sans-serif;position: relative;}

h1,h2,h3{font-weight: 700;}
h4,h5,h6{font-weight: 500;}
p,span{font-weight: 300;vertical-align: top;}
b,u{font-weight: 600;vertical-align: top;}
img{display: block;width: 100%;height: auto;}
input, button, select{outline:none;border:none;}
i{font-size: inherit;color: inherit;}
.max_1200{width: 96%;max-width: 1200px;margin: 0px auto;}
.max_768{width: 96%;max-width: 768px;margin: 0px auto;}
.max_800{width: 96%;max-width: 800px;margin: 0px auto;}
.vab{vertical-align: bottom;}
.div_seperate_wrap{font-size: 0px;width: 100%;}
.div_seperate_30{font-size: 16px;width: 30%;display: inline-block;}
.div_seperate_22{font-size: 16px;width: 22%;display: inline-block;}
.div_seperate_4{font-size: 16px;width: 4%;display: inline-block;}
.div_seperate_30x3{font-size: 16px;width: 32%;display: inline-block;margin: 0px 2% 0px 0px;}
.div_seperate_30x3:last-child{margin: 0px;}
.div_seperate_40{font-size: 16px;width: 40%;display: inline-block;}
.div_seperate_50{font-size: 16px;width: 50%;display: inline-block;}
.div_seperate_70{font-size: 16px;width: 70%;display: inline-block;}
.h-100{height: 100%;}

#site_head_notice{width: 100%;background-color: #FFE474;padding: 8px 0px;}
#site_head_notice_text{font-size: 16px; text-align: center;color: #572200;}
.nav_list_inline{text-align: left;margin-bottom: 20px;}
.text_center_wrap{text-align: center;padding: 32px 0px;}
.big_white_top_text{font-size: 72px;color: #FCF5FE;font-weight: 900;}
.big_colored_bottom_text{font-size: 72px;color: #EFE803;font-weight: 900;}
.small_colored_bottom_text{font-size: 24px;color: #EFE803;font-weight: 300;text-align: center;}

/* font-family: 'Sokcho'; */
header{padding: 48px 0px;background-color: #260505;}
#site_head_nav{font-size: 16px;}
.head_section_p_1{font-size: 1em;text-align: center;letter-spacing: 0.5em;color:#FCF5FE;font-weight: 700;}
.site_head_imgframe{width: 400px;height: auto;margin: 16px auto;}
.small_subtitle_gray{font-size: 16px;color: #aaa;text-align: center;margin: 0px 0px 4px 0px;}
.small_subtitle_white{font-size: 16px;color: #FCF5FE;text-align: center;}
.small_subtitle_white > b{font-weight: 700;}
.small_subtitle{padding: 24px 0px;}

#second_layout{padding: 64px 0px;background-color: #260505;text-align: center;}
.big_quote{margin: 0px 0px 48px 0px;font-size: 72px;color:#9E6B4A;margin: 0px auto;}
.big_quote_reverse{margin: 0px 48px 0px 0px;font-size: 72px;color:#9E6B4A;transform: rotate(-180deg);margin: 0px auto;}
.big_white_top_text_2{font-size: 72px;color: #FCF5FE;font-weight: 900;}
.big_colored_bottom_text_2{font-size: 72px;color: #9E6B4A;font-weight: 900;}

.rounded_bar_box_wrap{padding: 24px 0px;margin: 0px auto;}
.rounded_bar_box{background-color: #FCF5FE;border:1px solid #d9d9d9;border-radius: 8px;padding: 16px 24px;display: flex;flex-direction: row;justify-content: center;align-items: center;gap:16px;}
.rounded_bar_box_number{font-size: 24px;color: #fff;background-color: #28AC10;border-radius: 50%;font-weight: 800;width: 56px;padding: 14px 0px;}
.rounded_bar_box_center_margin{margin: 24px 0px;}
.rounded_bar_box > p{flex-grow: 1;font-size: 24px;text-align: left;}

#third_layout{padding: 64px 0px;background-color: #FCF5FE;text-align: center;}
.section_top_small_title{font-size: 16px;}
.section_top_small_title > p{font-size: 1em;letter-spacing: 0.4em;font-weight: 500;color: #9E6B4A;}
.section_duo_title{margin: 32px 0px;}
.big_white_top_text_3{font-size: 72px;color: #000000;font-weight: 900;}
.big_colored_bottom_text_3{font-size: 72px;color: #260505;font-weight: 900;}
.middle_small_long_text{font-size: 24px;color: #666;font-weight: 500;}
.middle_small_long_text > span{color: #260505;font-weight: 700;}
.section_divide_line_1{width: 120px;height: 8px;background-color: #260505;margin: 48px auto 72px;}
.one_page_table{width: 100%;margin: 36px 0px;border:1px solid #ccc;border-radius: 8px;box-sizing: border-box;}
.comp_table{width: 100%;text-align: left;border-collapse: collapse;}
.comp_table > thead > tr{border-bottom: 1px solid #ccc;}
.comp_table > tbody > tr{border-bottom: 1px solid #ccc;}
.comp_table th, .comp_table td {padding: 16px 24px;}
.comp_table tbody tr > td:first-child {background-color: #dfdfdf;}
.comp_table tbody tr > td:nth-child(2) {color: #666;}
.comp_table tbody tr > td:last-child {font-weight: 700;color:#260505;border-left:1px solid #ccc;}
.comp_table tbody tr > td i{margin: 0px 8px 0px 0px;color: #28AC10;}
.custom_pudding_icon{display: inline-block;line-height: 0.8em;height: 16px;font-size: 16px;}

#fourth_layout{padding: 64px 0px;background-color: #F2E9D8;text-align: center;}
.big_cluster_title_1{font-size: 64px;font-weight: 800;margin: 32px 0px;color:#874D17;}
.section_divide_line_2{width: 120px;height: 8px;background-color: #874D17;margin: 48px auto 72px;}
.white_card{border-radius: 24px;width: 100%;box-sizing: border-box;padding: 16px 24px;height: 400px;border:1px solid #ccc;background-color: #FCF5FE;}
.white_card_icon_barrior{margin: 48px auto 40px auto;width: 120px;height: 120px;background-color: #EEEFF1;border-radius: 50%;font-size: 72px;text-align: center;line-height: 120px;}
.white_card_title{font-size: 32px;margin-bottom: 16px;font-weight: 800;}
.white_card_subtitle{font-size: 16px;color: #666;}
.white_card_number{font-size: 32px;color: #874D17;text-align: center;font-weight: 900;}
.white_card_arrow{font-size: 32px;color: #E5BA5E;text-align: center;width: 100%;}

#fifth_layout{padding: 64px 0px;background-color: #fff;text-align: center;}
.big_cluster_title_2{font-size: 64px;font-weight: 800;margin: 32px 0px;color:#28AC10;}
.middle_small_long_text_2{font-size: 24px;color: #666;font-weight: 300;}
.middle_small_highlight_span{color:#28AC10;font-weight: 500;}
.page_submit_div{width: 100%;border-top: 5px solid #874D17;text-align: left;box-sizing: border-box; padding: 64px 48px; margin: 48px 0px;
border-left: 1px solid #ccc;border-bottom: 1px solid #ccc;border-right: 1px solid #ccc;border-radius: 0 0 16px 16px;}
.page_submit_label{width: 100%;margin: 0px 0px 32px 0px;display: block;}
.page_submit_label > p{font-size: 24px;margin: 0px 0px 8px 0px;font-weight: 700;color: #333;}
.page_submit_label > input{font-size: 16px;padding: 12px 16px;border: 1px solid #dfdfdf;border-radius: 8px;width: 100%;box-sizing: border-box;}
#submit_service{font-size: 16px;padding: 12px 16px;border: 1px solid #dfdfdf;border-radius: 8px;width: 100%;box-sizing: border-box;color: #666;}
#submit_btn{display: block;font-size: 32px;text-align: center;padding: 16px 0px;background-color: #874D17;border-radius: 8px;width: 100%;color: #fff;font-weight: 800;}
.page_submit_caption{font-size: 16px;color: #999;margin: 16px 0px 0px 0px;text-align: center;}

#sixth_layout{padding: 64px 0px;background-color: #FFE474;text-align: center;}
.justify_title{font-size: 64px;color: #FFF780;font-weight: 900;text-align: justify;text-align-last: justify;}
.justify_title_core{font-size: 56px;color: #1d1d1d;font-weight: 900;}
.justify_title_core > span{color: #C72A33;vertical-align: text-top;font-weight: 900;}
.section_divide_line_3{width: 120px;height: 8px;background-color: #C72A33;margin: 48px auto 72px;}
.text_box_vertical{margin: 48px 0px;}
.text_box_vertical_100{width: 100%;display: block;background-color: #FCF5FE;border-left: 5px solid #C72A33;text-align: left;margin: 0px 0px 32px 0px;padding: 32px 24px; border-radius: 0 16px 16px 0;box-sizing: border-box;}
.text_box_vertical_100 > p{font-size: 24px;color: #1d1d1d;line-height: 36px;}
.text_box_vertical_100 > p > b{font-weight: 700;}

#seventh_layout{padding: 64px 0px;background-color: #F2EBD5;text-align: center;}
.section_divide_line_4{width: 120px;height: 8px;background-color: #874D17;margin: 48px auto 72px;}
.big_white_top_text_4{font-size: 60px;color: #000000;font-weight: 900;}
.big_colored_bottom_text_4{font-size: 60px;color: #260505;font-weight: 900;}
.big_colored_bottom_text_4 > span{color:#874D17;font-weight: 900;}
.white_card_2{border-radius: 24px;width: 100%;box-sizing: border-box;padding: 16px 24px;height: 320px;border:1px solid #ccc;background-color: #FCF5FE;font-size: 16px;text-align: left;}
.white_card_2_icon_barrior{margin: 24px 0 16px 0;font-size: 56px;display: inline-block;}
.white_card_2_caption{font-size: 0.6em;color: #9E6B4A;font-weight: 900;letter-spacing: 0.4em;}
.white_card_2_title{font-size: 32px;margin-bottom: 16px;font-weight: 800;}
.white_card_2_subtitle{font-size: 16px;color: #666;}

#eighth_layout{padding: 64px 0px;background-color: #fefefe;text-align: center;}
.section_top_small_title_2{font-size: 16px;}
.section_top_small_title_2 > p{font-size: 1em;letter-spacing: 0.4em;font-weight: 500;color: #6D4A6B;}
.big_cluster_title_3{font-size: 72px;font-weight: 800;margin: 32px 0px;color:#537FA6;}
.middle_small_long_text_3{font-size: 16px;color: #999;}
.middle_small_long_text_3 > span{color: #333;font-weight: 500;}
.qr_load_box{border-radius: 24px;border: #d7d7d7;background-color: #f0f0f0;padding: 24px 16px;box-sizing: border-box;}
.qr_img_frame{width: 100%;display: block;margin: 16px auto;}
.grid_card_layout{width: 100%;margin: 56px 0px;text-align: left;}
.grid_card_line{margin: 0px 0px 24px 0px;}
.qr_load_box_title{font-weight: 500;}
.qr_load_box_content{margin: 4px 0px 0px 0px;color: #ccc;}
.abosolute_frame{position: relative;overflow: visible;width: 100%;height: 80px;max-width: 1200px;margin: 0px auto;}
.abosolute_frame > img{width: 360px;display: block;position: absolute;bottom: 0;right: 0;}

footer{padding: 56px 0px;background-color: #333;}
.footer_layout{width: 100%;text-align: center;}
.footer_logo_frame{display: inline-block;text-align: center;padding: 0px 16px;box-sizing: border-box;}
.footer_logo_frame > img{width: 80px;display: inline-block;opacity: 0.5;}
.footer_contents{display: inline-block;text-align: left;}
.footer_contents > h2 {font-size: 16px;font-weight: 700;color: #ddd;}
.footer_contents > p {font-size: 16px;font-weight: 300;color: #666;}

.fixed_layout{width: 100%;padding: 16px 0px;position: fixed;box-sizing: border-box;background-color: #E5BA5E;bottom:0;left:0;z-index: 4;box-sizing: border-box;}
.fixed_layout.absolute {position: absolute;}
.fixed_space{width: 100%;}
#fixed_move_button{width: 100%;text-align: center;background-color: #D73C3B;color:#fff;font-size: 24px;font-weight: 800;border-radius: 24px;padding: 16px 0px;}


@media screen and (max-width: 768px) {
  .site_head_imgframe{width: 240px;}
  .big_white_top_text{font-size: 48px;}
  .big_colored_bottom_text{font-size: 48px;}
  .small_colored_bottom_text{font-size: 16px;}
  .small_subtitle_gray{font-size: 16px;}

  .big_white_top_text_2{font-size: 48px;}
  .big_colored_bottom_text_2{font-size: 48px;}
  .rounded_bar_box_number{font-size: 16px;width: 32px;height: 32px;flex-shrink: 0;box-sizing: border-box;padding: 0px;line-height: 32px;}
  .rounded_bar_box > p{font-size: 16px;}

  .big_white_top_text_3{font-size: 32px;}
  .big_colored_bottom_text_3{font-size: 40px;}
  .comp_table th, .comp_table td{font-size: 16px;}
  .comp_table tbody tr > td:first-child{display: none;}
  .comp_table thead tr > th:first-child{display: none;}

  .big_cluster_title_1{font-size: 48px;word-break: keep-all;}
  .div_seperate_22{display: block;width: 100%;}
  .div_seperate_4{visibility: hidden;height: 24px;width: 100%;}
  
  .big_cluster_title_2{font-size: 48px;}
  .middle_small_long_text_2{font-size: 16px;}
  .page_submit_div{padding: 56px 16px;}
  #submit_btn{font-size: 16px;}

  .justify_title{font-size: 56px;}
  .text_box_vertical_100{padding: 24px 16px;}
  .text_box_vertical_100 > p{font-size: 16px;line-height: 20px;}

  .big_white_top_text_4{font-size: 40px;}
  .big_colored_bottom_text_4{font-size: 40px;}

  .div_seperate_30x3{width: 100%;display: block;margin: 0px 0px 24px 0px;}

  .big_cluster_title_3{font-size: 48px;}
  .mobile_seperate_48{width: 48%;display: inline-block;}
  .mobile_seperate_4{width: 4%;display: inline-block;}
  .div_seperate_wrap > .mobile_seperate_4:nth-of-type(4){width: 0;height: 24px; display: block;}
  .footer_logo_frame{margin: 0px 0px 16px 0px;}
  .footer_contents{text-align: center;}
  .abosolute_frame{height: auto;text-align: center;}
  .abosolute_frame > img{width: 180px;position: relative;display: inline-block;}

  #fixed_move_button{font-size: 16px;}
}
