@charset "utf-8";
.brandre_main_first .in-wrap { width: 1200px; } 
.brandre_main_first .txt-box { min-height: 369px; padding-left: 52%; background-position: left center; } 
.brandre_main_first .txt-box h3 { padding: 40px 0 35px; font-size:40px; color: #222; line-height: 1.3em; } 
.brandre_main_first .txt-box p { font-size: 15px; color: #222; line-height: 1.7em; transition-delay: .2s; } 
.brandre_main_second { padding: 60px 0 100px; background: #fafafa; } 
.brandre_main_second h3 { font-size: 35px; padding-bottom: 70px; font-family: 'CoreGTE', sans-serif !important; text-align: center; color:#fff; } 
.brandre_main_second .part ul { width: 1200px; margin: 0 auto 70px; transition-delay: .2s; } 
.brandre_main_second .part li { float: left; width: 20%; padding-bottom: 130px; font-size:16px; font-family: 'Ubuntu', sans-serif !important; font-weight: 700; color:#fff; text-align: center; background-position: center 90px !important; } 
.brandre_main_second .part li div { width: 7px; height: 7px; margin: 20px auto 0; background: #383838; border-radius: 50%; border: solid 2px #fff; } 
.brandre_main_second .part p { font-size: 27px; padding-bottom: 70px; font-family: 'CoreGTE', sans-serif !important; text-align: center; color:rgb(0, 0, 0); line-height: 1.5em; } 
.brandre_main_second .service ul { overflow: hidden; } 
.brandre_main_second .service li { padding: 30px 0; } 
.brandre_main_second .service li .img-box { float: left; width: 40%; margin: 0 5%; text-align: center; } 
.brandre_main_second .service li .txt-box { float: left; width: 50%; } 
.brandre_main_second .service li:nth-of-type(2) .img-box { float: right; } 
.brandre_main_second .service li:nth-of-type(2) .txt-box { text-align: right; } 
.brandre_main_second .service li:nth-of-type(2) { transition-delay: .2s; } 
.brandre_main_second .service li:nth-of-type(3) { transition-delay: .3s; } 
.brandre_main_second .service li h4 { padding: 30px 0 35px; font-size:30px; font-weight: 700; font-family: 'Ubuntu', sans-serif !important; color:rgb(0, 0, 0); } 
.brandre_main_second .service li p { font-size: 16px; line-height: 1.7em; color :rgb(0, 0, 0); opacity: .6; } 

@media all and (min-width:991px) and (max-width:1200px){
 .brandre_main_second .service li h4 { padding: 0 0 35px; } 
 .brandre_main_second .service li p .br-pc { display: inline-block; } 
 }
@media all and (min-width:641px) and (max-width:990px){
 .brandre_main_first .in-wrap,
 .brandre_main_second .part ul,
 .brandre_main_first { padding: 150px 0; } 
 .brandre_main_first .txt-box { min-height: 369px; padding: 400px 0 0; background-position: center top; } 
 .brandre_main_second .service li .img-box { float: none; width: 100%; margin: 0; text-align: center; } 
 .brandre_main_second .service li .txt-box { float: none; width: 100%; text-align: center; } 
 .brandre_main_second .service li:nth-of-type(2) .img-box { float: none; } 
 .brandre_main_second .service li:nth-of-type(2) .txt-box { text-align: center; } 
 }
@media all and (max-width:640px){
 .brandre_main_second .part ul,
 .brandre_main_first { padding: 70px 0 100px; } 
 .brandre_main_first .txt-box { min-height: auto; padding: 250px 0 0; background-size: 300px; background-position: center top; } 
 .brandre_main_first .txt-box h3 { padding: 30px 0 20px; font-size:24px; } 
 .brandre_main_first .txt-box p { font-size: 13px; } 
 .brandre_main_second { padding: 60px 0; } 
 .brandre_main_second h3 { font-size: 22px; padding-bottom: 30px; } 
 .brandre_main_second .part { background: none; } 
 .brandre_main_second .part ul { display: none; } 
 .brandre_main_second .part p { font-size: 16px; padding-bottom: 40px; } 
 .brandre_main_second .service .in-wrap { width: 84%; } 
 .brandre_main_second .service li .img-box { float: none; width: 100%; margin: 0; text-align: center; } 
 .brandre_main_second .service li .txt-box { float: none; width: 100%; text-align: center; } 
 .brandre_main_second .service li:nth-of-type(2) .img-box { float: none; } 
 .brandre_main_second .service li:nth-of-type(2) .txt-box { text-align: center; } 
 .brandre_main_second .service li h4 { padding: 30px 0 20px; font-size:22px; } 
 .brandre_main_second .service li p { font-size: 13px; } 
 }

#wrap { overflow: hidden; } 

.wrapper { width: 1200px; margin: 0 auto; } 

h3 { margin-bottom: 46px; font-size: 40px; line-height: 1.25; letter-spacing: -1px; } 
.white_btn { display: inline-block; padding: 8px 68px; font-size: 16px; color: #fff; font-weight: 400; font-weight: 600; border-radius: 50px; line-height: 2; border: 2px solid #fff; transition: all .3s ease; } 

.white_btn:hover { color: #333; background: #fff; } 

@media all and (max-width:1199px){
 .wrapper { width: auto; padding-left: 40px !important; padding-right: 40px !important; } 
 }

@media all and (max-width:980px){
 .wrapper { padding-left: 30px !important; padding-right: 30px !important; } 

h3 { margin-bottom: 36px; font-size: 35px; word-break: keep-all; } 

.sub_tit { font-size: 24px; } 
 }

@media all and (max-width:768px){
 .inquiry { width: 150px; height: 150px; font-size: 17px; line-height: 24px; padding: 50px 0; right: 10px; bottom: 10px } 
 }

@media all and (max-width:640px){
 .wrapper { padding-left: 20px !important; padding-right: 20px !important; } 

h3 { font-size: 20px; margin-bottom: 24px; } 

.sub_tit { font-size: 16px; } 

.white_btn { padding: 2px 38px; font-size: 14px; } 
 }

.bg_gray { background: #F4F4F4; } 

.tit_sub { color: #555; font-size: 24px; line-height: 1.6; } 

.video { width: 800px; margin: 0 auto 180px; } 

.video video { width: 100%; max-width: 100%; vertical-align: top; } 

.go_btn { display: block; width: 800px; padding: 26px 0; margin: 80px auto 0; color: #fff; font-size: 20px; font-weight: 600; line-height: 1.4; text-align: center; border-radius: 80px; box-shadow: 0px 4px 20px rgba(94, 204, 105, 0.3); background: #5ECC69; } 

.faq { padding: 180px 0; } 

.brandre_faq_li { counter-reset: faq; border-top: 2px solid #5ECC69; } 

.brandre_faq_li li { counter-increment: faq; border-bottom: 1px solid #E0E0E0; } 

.brandre_faq_li li .tit { position: relative; padding: 34px 82px; font-size: 24px; line-height: 1.4; font-weight: 600; cursor: pointer; } 

.brandre_faq_li li .tit:before { content: counter(faq, decimal-leading-zero) '.'; position: absolute; z-index: 1; top: 50%; left: 29px; font-family: 'Montserrat'; font-size: 30px; font-weight: 700; color: #CCC; transform: translateY(-50%); } 

.brandre_faq_li li .tit:after { content: ''; position: absolute; z-index: 1; top: 50%; right: 30px; width: 42px; height: 42px; margin-top: -21px; border-radius: 50%; display: none; background-position: center; background-repeat: no-repeat; } 

.brandre_faq_li li .tit.on:after { transform: rotate(180deg); } 

.brandre_faq_li li .con { display: none; padding: 34px 10px 34px 82px; font-size: 18px; color: #555; border-top: 1px solid #E0E0E0; } 

.brandre_faq_li li .con p { line-height: 1.4; } 

.brandre_faq_li li .con a { display: inline-block; color: #555; vertical-align: top; } 

.brandre_faq_li li .con p+p { margin-top: 26px; } 

.brandre_reason { counter-reset: reason; } 

.brandre_reason .brandre_tit:before { position: relative; z-index: -1; content: counter(reason, decimal-leading-zero); display: block; color: #E0E0E0; font-size: 80px; font-weight: 600; counter-increment: reason; } 

.brandre_reason .brandre_tit>div:before { content: ''; display: block; width: 116px; height: 1px; margin-top: -36px; margin-bottom: 20px; background: #E0E0E0; } 

.brandre_reason .brandre_tit>div { background: #fff; } 

.brandre_reason .brandre_tit h3 { line-height: 1.4; } 

.brandre_reason .brandre_tit em { display: block; margin-bottom: 16px; color: #4681C2; font-size: 20px; font-weight: 600; line-height: 1.4; } 

.brandre_reason .brandre_swiper { position: relative; margin-top: 60px; } 

.brandre_reason .brandre_swiper .swiper-slide:after { content: ''; display: block; clear: both; } 

.brandre_reason .brandre_swiper .swiper-slide { width: 520px; margin-right: 60px; } 

.brandre_reason .brandre_swiper .swiper-slide .thumb { width: 100%; height: 485px; } 

.brandre_reason .brandre_swiper .swiper-slide .thumb img { width: 100%; height: 100%; } 

.brandre_reason .brandre_swiper .swiper-slide .txt { float: right; position: relative; z-index: 2; width: calc(100% - 40px); padding: 32px; margin-top: -36px; word-break: keep-all; background: #fff; } 

.brandre_reason .brandre_swiper .swiper-slide .txt p { font-size: 20px; line-height: 1.65; } 

.brandre_reason .brandre_swiper .swiper-slide .txt .writer { display: block; margin-top: 16px; color: #888; font-size: 16px; line-height: 1.6; } 

.brandre_reason .brandre_swiper .slide_btn { position: absolute; z-index: 1; top: -155px; right: 0; } 

.brandre_reason .brandre_swiper .slide_btn .swiper-button-next,
.brandre_reason .brandre_swiper .slide_btn .swiper-button-prev { display: inline-block; position: static; top: inherit; width: 40px; height: 15px; margin: 0 10px; text-indent: -9999px; background-repeat: no-repeat; background-position: center; background-size: 100%; } 

.brandre_reason .brandre_swiper .slide_btn .swiper-button-prev { background-image: url(../images/ico/ico_brandre_sw_left.svg); } 

.brandre_reason .brandre_swiper .slide_btn .swiper-button-next { background-image: url(../images/ico/ico_brandre_sw_right.svg); } 

.brandre_reason .brandre_swiper .slide_btn .swiper-button-prev:hover { background-image: url(../images/ico/ico_brandre_sw_left_on.svg); } 

.brandre_reason .brandre_swiper .slide_btn .swiper-button-next:hover { background-image: url(../images/ico/ico_brandre_sw_right_on.svg); } 

.brandre_reason .brandre_swiper .slide_btn .swiper-button-next.swiper-button-disabled,
.brandre_reason .brandre_swiper .slide_btn .swiper-button-prev.swiper-button-disabled { opacity: 1; } 

.brandre_reason .brandre_rea01 { padding: 180px 0; } 

.brandre_reason .brandre_rea02 { padding-bottom: 250px; } 

.brandre_reason .brandre_rea02 .brandre_tit { margin-bottom: 73px; } 

.brandre_reason .brandre_rea02 .culture_li li { display: flex; align-items: center; } 

.brandre_reason .brandre_rea02 .culture_li li .thumb { width: 600px; height: 340px; flex-shrink: 0; } 

.brandre_reason .brandre_rea02 .culture_li li .txt { padding-left: 60px; } 

.brandre_reason .brandre_rea02 .culture_li li .txt>strong { font-size: 24px; line-height: 1.4; } 

.brandre_reason .brandre_rea02 .culture_li li .txt>p { margin-top: 16px; color: #555; font-size: 16px; line-height: 1.6; } 

.brandre_reason .brandre_rea03 { padding: 180px 0; } 

.brandre_reason .brandre_rea03 .brandre_tit { padding-bottom: 80px; } 

.brandre_reason .environment>div { display: flex; padding: 10px 0 30px; } 

.brandre_reason .environment .sub_txt { width: 252px; font-size: 20px; flex-shrink: 0; line-height: 1.4; font-weight: 600; } 

.brandre_reason .environment .img_li { display: flex; width: calc(100% - 252px) } 

.brandre_reason .environment .img_li li { flex: 1; margin-right: 24px; text-align: center; } 

.brandre_reason .environment .img_li li:last-child { margin-right: 0; } 

.brandre_reason .environment .img_li li .thumb { width: 100%; height: 278px; } 

.brandre_reason .environment .img_li li .thumb img { width: 100%; height: 100%; object-fit: cover;} 

.brandre_reason .environment .img_li li .txt { margin-top: 24px; font-weight: 600; } 

.brandre_els h3 span { font-size: 20px; margin-top: 10px; } 

.brandre_els .please_tab { display: flex; } 

.brandre_els .please_tab li { margin-right: 15px; padding: 20px 0; flex-grow: 1; text-align: center; font-size: 18px; font-weight: 600; border: 1px solid #E0E0E0; cursor: pointer; } 

.brandre_els .please_tab li:last-child { margin-right: 0; } 

.brandre_els .please_tab li.on { color: #fff; border-color: #333; background: #333; } 

.brandre_els .please_con .brandre_faq_li { border-top: 0; } 

.brandre_els .please_con .notification .tit:before { display: none; } 

.brandre_els .please_con .notification .tit { display: flex; padding: 32px 40px; font-size: 18px; line-height: 1.3; font-weight: 400; align-items: center; } 

.brandre_els .please_con .notification .tit .date { width: 20%; margin-right: 50px; flex-shrink: 0; font-family: 'Montserrat'; color: #888; font-weight: 700; text-align: center; } 

.brandre_els .please_con .notification .tit .date .day { color: #2F438A; font-size: 40px; font-weight: 800; } 

.brandre_els .please_con .notification .tit .date .end { color: #d36c73; font-size: 40px; font-weight: 800; } 

.brandre_els .please_con .notification .tit .noti_txt { width: 90%; } 

.brandre_els .please_con .notification .tit .noti_txt>strong { display: block; font-size: 24px; line-height: 1.4; } 

.brandre_els .please_con .notification .tit .noti_txt>p { width: 100%; margin-top: 9px; color: #888; font-size: 18px; line-height: 1.4; } 

.brandre_els .please_con .notification .con:before { content: ''; position: absolute; z-index: 1; top: 0; left: 0; width: 100%; height: 1px; background: url(../images/bg/bg_dash_line_f.svg) no-repeat center top; } 

.brandre_els .please_con .notification .con { position: relative; padding: 34px 0 34px 154px; border-top: 0; } 

.brandre_els .please_con .notification .con .ability p:before { content: ''; position: absolute; z-index: 1; top: 11px; left: 0; width: 4px; height: 4px; border-radius: 50%; background: #888; } 

.brandre_els .please_con .notification .con .ability p { position: relative; padding-left: 10px; color: #888; font-size: 18px; line-height: 1.4; } 

.brandre_els .please_con .notification .con .ability p+p { margin-top: 0; } 

.brandre_els .please_con .notification .brandre-faq-control,
.brandre_els .please_con .notification .brandre-control { display: none; } 

.brandre_els .please_con .process .process_tit { display: block; margin-bottom: 60px; font-size: 28px; text-align: center; } 

.brandre_els .please_con .process ol { counter-reset: process; margin: 0 -40px; text-align: center; } 

.brandre_els .please_con .process ol li { display: inline-block; position: relative; width: 224px; height: 224px; margin: 0 40px; border: 8px solid #F0F0F0; border-radius: 50%; vertical-align: top; letter-spacing: .1px; } 

.brandre_els .please_con .process ol li:after { content: ''; position: absolute; top: 50%; right: -66px; width: 30px; height: 24px; background: url(../images/ico/ico_process.svg) no-repeat center; background-size: 100%; margin-top: -12px; } 

.brandre_els .please_con .process ol li:last-child:after { display: none; } 

.brandre_els .please_con .process ol li p:before { content: ''; display: block; margin-bottom: 12px; color: #4684C0; font-size: 18px; font-weight: 600; content: counter(process, decimal-leading-zero); counter-increment: process; } 

.brandre_els .please_con .process ol li p { position: relative; top: 50%; font-size: 18px; line-height: 1.4; transform: translateY(-50%); } 

.brandre_els .apply_go { display: block; width: 300px; height: 73px; margin: 100px auto 0; line-height: 73px; color: #fff; font-size: 18px; text-align: center; background: linear-gradient(332.63deg, #3FA7A1 33.61%, #4681C2 93.38%); } 

.sub_visual { height: 423px; padding-top: 211px; text-align: center; background-repeat: no-repeat; background-position: center; background-size: cover; } 

.sub_visual>p { color: #fff; font-size: 34px; line-height: 1.5; word-break: keep-all; } 

.sub_visual>p strong { color: black;display: block;font-weight: 500; } 

.brandre_inq { padding: 100px 0 0; } 

.brandre_inq .start_txt { text-align: center; word-break: keep-all; margin-bottom: 100px } 

.brandre_inq .start_txt strong { color: #333; font-size: 28px; line-height: 1.5; } 

.brandre_inq .start_txt p { margin-top: 20px; line-height: 1.6; } 

.brandre_inq .form_box h3 { margin-top: 80px; margin-bottom: 40px; font-size: 24px; } 

.brandre_inq .form_box .captcha i { margin-right: 16px; } 

.brandre_inq .form_box .captcha input { width: 140px; height: 55px; } 

.brandre_inq .inq_tit { font-size: 40px; padding-bottom: 30px; border-bottom: 1px solid #E0E0E0; } 

.select_list ol { counter-reset: asking; margin-bottom: 80px; } 

.select_list ol li { padding: 36px 20px; } 

.select_list ol li strong:before { counter-increment: asking; content: counter(asking) "."; } 

.select_list ol li strong { display: block; margin-bottom: 20px; } 

.select_list ol li .txt { margin-top: -10px; margin-bottom: 20px; } 

.select_list .first .radio { width: 648px; } 

.select_list .radio { margin-bottom: -12px; } 

.select_list .radio label { display: inline-block; margin-bottom: 12px; margin-right: 20px; } 

.select_list .radio label input { position: absolute; z-index: -1; left: -9999px; width: 0px; height: 0px; clip: rect(0, 0, 0, 0); } 

.select_list .radio label input+i { display: inline-block; position: relative; width: 20px; height: 20px; margin-right: 8px; vertical-align: middle; border-radius: 50%; border: 1px solid #e0e0e0; } 

.select_list .radio label input:checked+i:after { content: ''; position: absolute; top: 50%; left: 50%; width: 12px; height: 12px; border-radius: 50%; background: #ac1923; transform: translate(-50%, -50%); } 

.select_list .radio label input:checked~span { font-weight: 700; } 

.select_list .radio label span { padding-top: 2px; color: #555; letter-spacing: .02px; } 

.comon_table table th { padding: 0 20px; color: #333; font-size: 18px; text-align: left; border-bottom: 1px solid #E0E0E0; } 

.comon_table table td { padding: 20px 0; border-bottom: 1px solid #E0E0E0; } 

.comon_table table td input { width: 400px; height: 55px; font-size: 18px; padding: 0 30px; border: 1px solid #E0E0E0; } 

.comon_table table td input::placeholder { color: #888; font-size: 18px; } 

.comon_textarea { width: 100%; height: 150px; padding: 16px 30px; font-size: 16px; border: 1px solid #E0E0E0; } 

.comon_textarea::placeholder { color: #888; font-size: 16px; } 

.comon_btn { text-align: center; } 

.comon_btn>* { display: inline-block; width: 177px; height: 56px; line-height: 56px; color: #fff; font-size: 16px; text-align: center; background: #333; } 

.blue_inquiry { height: 210px; background: #686868; } 

.blue_inquiry .con { display: flex; height: 100%; align-items: center; justify-content: space-between; } 

.blue_inquiry .bn_tit { color: #fff; font-size: 20px; line-height: 1.6; } 

.blue_inquiry .white_btn { align-items: center; } 

@media all and (max-width:1199px){
 .brandre_reason .brandre_swiper .slide_btn { position: static; } 

.brandre_reason .brandre_rea02 .culture_li li .thumb { width: 50%; height: auto; } 

.brandre_reason .brandre_rea02 .culture_li li .txt { width: 50%; padding-left: 40px; } 

.brandre_reason .brandre_rea02 .culture_li li .txt br { display: none; } 

.brandre_reason .brandre_rea02 .culture_li li .txt>strong { font-size: 22px; } 

.brandre_reason .environment>div { display: block; } 

.brandre_reason .environment .img_li li .thumb { height: auto; } 

.brandre_reason .environment .img_li { width: 100%; } 

.brandre_reason .environment .sub_txt { margin-bottom: 24px; } 

.brandre_els .please_con .process .process_tit { margin-bottom: 40px; } 

.brandre_els .please_con .process ol { width: 565px; margin: 0 auto -20px; } 

.brandre_els .please_con .process ol li { width: 200px; height: 200px; margin-bottom: 20px; } 

.brandre_els .please_con .process ol li:nth-child(2n):after { display: none; } 
 }

@media all and (max-width:980px){
 .go_btn { width: 680px; } 

.video { width: 100%; margin: 0 auto 100px; } 

.faq { padding: 130px 0; } 

.brandre_faq_li { width: 680px; margin: 0 auto; } 

.brandre_faq_li li .tit { font-size: 22px; } 

.brandre_faq_li li .con { font-size: 16px; } 

.tit_sub { font-size: 20px; } 

.sub_visual { height: 300px; padding-top: 140px; } 

.sub_visual>p { font-size: 26px; } 

.brandre_inq { padding: 80px 0 0; } 

.brandre_inq .form_box h3 { margin-top: 50px; margin-bottom: 20px; font-size: 20px; } 

.brandre_inq .form_box .captcha input { height: 42px; } 

.brandre_inq .start_txt strong { font-size: 22px; } 

.brandre_inq .start_txt p { font-size: 15px; } 

.comon_table table th { font-size: 16px; } 

.comon_table table td input { width: 100%; height: 42px; padding: 0 20px; font-size: 16px; } 

.comon_table table td input::placeholder { font-size: 16px; } 

.select_list ol li { padding: 30px 0; } 

.select_list ol li .txt { font-size: 15px; } 

.select_list .first .radio { width: 100%; } 

.select_list .radio label span { font-size: 15px; } 

.comon_textarea { padding: 16px 20px; font-size: 15px; } 

.comon_textarea::placeholder { font-size: 15px; } 


.blue_inquiry { height: auto; padding: 40px 0; margin-top: 100px; } 

.blue_inquiry .con { height: auto; flex-direction: column; } 

.blue_inquiry .bn_tit { margin-bottom: 30px; text-align: center; } 

.brandre_inq .inq_tit { font-size: 30px; } 

.brandre_reason .brandre_rea01 { padding: 140px 0; } 

.brandre_reason .brandre_swiper .swiper-slide { width: 60%; margin-right: 40px; } 

.brandre_reason .brandre_swiper .swiper-slide .thumb { height: auto; } 

.brandre_reason .brandre_swiper .swiper-slide .txt { padding: 24px; } 

.brandre_reason .brandre_swiper .swiper-slide .txt p { font-size: 18px; } 

.brandre_reason .brandre_swiper .swiper-slide .txt .writer { font-size: 16px; } 

.brandre_reason .brandre_rea02 { padding-bottom: 140px; } 

.brandre_reason .brandre_rea02 .culture_li { max-width: 640px; margin: 0 auto; } 

.brandre_reason .brandre_rea02 .culture_li li { display: block; } 

.brandre_reason .brandre_rea02 .culture_li li .thumb { width: 100%; } 

.brandre_reason .brandre_rea02 .culture_li li .txt { width: 100%; padding-left: 0; padding-top: 24px; } 

.brandre_reason .brandre_rea03 { padding: 140px 0; } 

.brandre_reason .brandre_rea03 .brandre_tit { padding-bottom: 40px; } 

.brandre_els h3 { margin: 60px; } 

.brandre_els .please_tab li { padding: 16px 0; font-size: 16px; } 

.brandre_els .please_con .brandre_faq_li { width: 100%; } 

.brandre_els .please_con .notification .tit { display: block; } 

.brandre_els .please_con .notification .tit .date { float: left; margin-bottom: 20px; width: 10%; } 

.brandre_els .please_con .notification.brandre_faq_li li .tit:after { top: 32px; margin-top: 0; } 

.brandre_els .please_con .notification .tit { padding: 10px 0 20px; min-height: 110px; } 

.brandre_els .please_con .notification .tit .noti_txt>strong { font-size: 20px; } 

.brandre_els .please_con .notification .tit .noti_txt>p { font-size: 16px; } 

.brandre_els .please_con .notification .con { padding: 30px 0 40px; } 

.brandre_els .please_con .notification .tit .noti_txt>strong { font-size: 14px; line-height: 86px; } 

.brandre_els .please_con .notification .con .ability p { font-size: 16px; } 

.brandre_els .apply_go { margin: 40px auto 0; } 

.brandre_els .please_con .process { padding: 100px 0; } 
 }

@media all and (max-width:768px) {.go_btn { width: calc(100% - 40px); padding: 20px 0; } 

.brandre_faq_li { width: 600px; } 

.brandre_faq_li li .tit { font-size: 18px; padding: 27px 62px; } 

.brandre_faq_li li .tit:before { left: 20px; font-size: 24px; } 

.brandre_faq_li li .tit:after { right: 20px; width: 35px; height: 35px; background-size: 20px; } 

.brandre_faq_li li .con { padding: 27px 62px; word-break: keep-all; } 

.brandre_els .please_con .notification.brandre_faq_li li .tit:after { width: 42px; height: 42px; background-size: 20px; } 
 }

@media all and (max-width:640px){
 .go_btn { width: 100%; padding: 14px 0; margin-top: 30px; font-size: 15px; } 

.video { margin: 0 auto 50px; } 

.faq { padding: 80px 0; } 

.brandre_faq_li { width: 100%; } 

.brandre_faq_li li .tit { padding: 20px 35px; font-size: 15px; } 

.brandre_faq_li li .tit:before { left: 0; top: 18px; font-size: 17px; transform: translate(0); } 

.brandre_faq_li li .tit:after { right: 0; margin-top: -12px; width: 24px; height: 24px; background-size: 14px; } 

.brandre_faq_li li .con { padding: 20px 35px; font-size: 14px; } 

.sub_visual { height: 180px; padding: 100px 30px 0; } 

.sub_visual>p { font-size: 20px; } 

.brandre_inq .form_box h3 { font-size: 18px; } 

.brandre_inq .start_txt strong { font-size: 20px; } 

.brandre_inq .start_txt p { padding: 0 30px; font-size: 14px; } 

.brandre_inq .start_txt p br { display: none; } 

.comon_table table th { padding: 0; padding-right: 10px; font-size: 14px; } 

.comon_table table td { padding: 12px 0; } 

.comon_table table td input { height: 36px; padding: 0 14px; font-size: 14px; } 

.comon_table table td input::placeholder { font-size: 14px; } 

.comon_textarea { height: 100px; font-size: 14px; } 

.comon_textarea::placeholder { font-size: 14px; } 


.select_list ol { margin-bottom: 30px; } 

.select_list ol li { padding: 20px 0; } 

.select_list ol li strong { font-size: 15px; } 

.select_list ol li .txt { font-size: 14px; } 

.select_list .radio label { display: block; } 

.select_list .radio label span { font-size: 14px; } 

.select_list .radio label input+i { width: 18px; height: 18px; } 

.select_list .radio label input:checked+i:after { width: 12px; height: 12px; } 

.comon_btn>* { height: 50px; line-height: 50px; font-size: 14px; } 

.blue_inquiry { padding: 30px 0; margin-top: 70px; } 

.blue_inquiry .bn_tit { margin-bottom: 20px; font-size: 16px; } 


.tit_sub { font-size: 16px; } 

.brandre_inq .inq_tit { font-size: 24px; } 

.brandre_inq { padding: 40px 0 0 } 

.brandre_inq .start_txt>strong { display: block; padding: 0 20px; } 

.brandre_inq .start_txt br { display: none; } 

.brandre_reason .brandre_tit em { font-size: 16px; } 

.brandre_reason .brandre_tit h3 { font-size: 22px; } 

.brandre_reason .brandre_tit:before { font-size: 40px; } 

.brandre_reason .brandre_tit>div:before { width: 53px; margin-top: -18px; margin-bottom: 10px; } 

.brandre_reason .brandre_rea01 { padding: 80px 0 60px; } 

.brandre_reason .brandre_swiper .swiper-slide .txt { width: 100%; padding: 20px 0 0 0; } 

.brandre_reason .brandre_swiper .swiper-slide .txt p { font-size: 16px; } 

.brandre_reason .brandre_swiper .swiper-slide .txt .writer { font-size: 14px; } 

.brandre_reason .brandre_rea02 { padding-bottom: 80px; } 

.brandre_reason .brandre_rea02 .brandre_tit { margin-bottom: 40px; } 

.brandre_reason .brandre_rea02 .culture_li li+li { margin-top: 48px; } 

.brandre_reason .brandre_rea02 .culture_li li .txt>strong { font-size: 18px; } 

.brandre_reason .brandre_rea03 { padding: 80px 0; } 

.brandre_reason .environment>div { padding: 40px 0; } 

.brandre_reason .environment .img_li { display: block; } 

.brandre_reason .environment .img_li li { margin-right: 0; } 

.brandre_reason .environment .img_li li+li { margin-top: 24px; } 

.brandre_reason .environment .img_li li .txt { margin-top: 16px; } 

.brandre_reason .environment .img_li li .thumb { height: 200px; overflow: hidden; } 

.brandre_reason .environment .img_li li .thumb img { height: auto; position: relative; top: 50%; transform: translateY(-50%); } 

.brandre_reason .environment .sub_txt { font-size: 18px; } 

.brandre_els .please_con .notification .tit { padding: 20px 0 40px; } 

.brandre_els .apply_go { width: 100%; height: 62px; line-height: 62px; } 

.brandre_els h3 { margin: 32px; } 

.brandre_els .please_tab { display: block; } 

.brandre_els .please_tab li { padding: 11px 0; margin-right: 0; font-size: 14px; } 

.brandre_els .please_tab li+li { margin-top: 8px; } 

.brandre_els .please_con .process { padding: 0; } 

.brandre_els .please_con .process .process_tit { font-size: 18px; } 

.brandre_els .please_con .process ol { width: 395px; } 

.brandre_els .please_con .process ol li { width: 144px; height: 144px; margin: 0 26px 20px; } 

.brandre_els .please_con .process ol li:after { right: -51px; } 

.brandre_els .please_con .process ol li p:before { margin-bottom: 7px; } 

.brandre_els .please_con .notification .tit .date .day { font-size: 36px; } 

.brandre_els .please_con .notification .tit .date .month { font-size: 16px; } 
 }

@media all and (max-width:480px) {.brandre_reason .brandre_swiper { margin-top: 6px; } 

.brandre_reason .brandre_swiper .swiper-slide { width: 84%; margin-right: 20px; } 

.brandre_reason .brandre_swiper .slide_btn { margin-left: -6px; } 

.brandre_reason .brandre_swiper .slide_btn .swiper-button-next,
.brandre_reason .brandre_swiper .slide_btn .swiper-button-prev { width: 50px; height: 50px; margin: 0 -2px 24px; background-size: 30px; } 

.brandre_els .please_con .process ol { width: calc(100% + 80px); margin: 0 -40px; } 

.brandre_els .please_con .process ol li { width: 120px; height: 120px; } 

.brandre_els .please_con .process ol li p:before { font-size: 15px; } 

.brandre_els .please_con .process ol li p { font-size: 15px; } 
 }

.brandre_count {padding:27px 0 15px; max-width:800px; margin:0 auto; line-height:1.6; text-align:center; color:black;}
.brandre_count h3 {margin-bottom:20px; font-size:30px; line-height:1.6;}
.brandre_count ul {display:flex; justify-content:center;}
.brandre_count ul li {position:relative; width: 50%; align-items:center;}
.brandre_count ul li + li:before {content:''; position:absolute; z-index:1; left:0; top:50%; width:1px; height:38px; background:rgba(255,255,255,0.5); transform:translateY(-50%);}
.brandre_count ul li em {margin: auto; font-size:18px;}
.brandre_count ul li p {display:block; font-size:40px; font-weight:600; font-family:'Montserrat', 'spoqa';}