@charset "UTF-8";

#real_contents{background-color: #f6f4f4;}
.sub_cont {position: relative; top: -120px; width: 100%; max-width: 1300px; height: 100%; min-height: 200px; margin: 0 auto; padding: 70px 0px; background-color: #fff;}

.sub_cont.flexRow2{display: flex; }
.sub_cont.flexRow2 .cont{flex: 1 1 50%; padding: 0 45px;}

/* ====================== sub common =========================== */
.sub_form_wrap {}
.sub_cont .form_title{margin-bottom: 20px;font-size: 24px;color: #000000;font-weight: 600;}
.sub_form_wrap label{ font-size: 18px;font-weight: 300;line-height: 2;color: #000000;}
.sub_form_wrap label.required{position: relative;}
.sub_form_wrap label.required:after{content: '*';padding-left: 2px; color: #ff0000;font-weight: 300;}

.sub_form_wrap input[type='text']{display: block; width: 100%; height: 40px; padding: 0 10px; background-color: #fff; border: 1px solid #b8b8b8; font-size: 18px; color: #000000;}
.sub_form_wrap input.required{position: relative; border: 1px solid #ff0000;}
.sub_form_wrap input.required::placeholder{color: #ff0000;font-size: 14px;font-weight: 300;}

.sub_form_wrap select{position: relative; display: block; width: 100%; height: 40px; padding: 0 10px; background: url('/images/sub/select_arr.png') no-repeat; background-size: 17px 8px; background-position: right 15px center; background-color: #fff; border: 1px solid #b8b8b8;}

.sub_form_wrap input[type='radio']{display: block; width: 17px;height: 17px; -webkit-appearance: auto;}
.sub_form_wrap .radio_btn{display: flex; margin-bottom: 10px; line-height: 18px; align-items: center;}
.sub_form_wrap .radio_btn > em{font-size: 18px;}
.sub_form_wrap .radio_btn > input[type='radio']{margin-right: 5px;}


.sub_form_wrap .select_cus{position: relative; display: block; }
.sub_form_wrap .select_cus .trigger {display: flex;align-items: center;position: relative;height: 40px;padding-left: 25px;background: url('/images/sub/select_arr.png') no-repeat;font-size: 18px; background-size: 17px 8px; background-position: right 15px center; background-color: #fff; border: 1px solid #b8b8b8;cursor: pointer;}
.sub_form_wrap .select_cus .trigger:after {content:'';position: absolute;top: 0;right: 0;width: 38px;height: 38px;/*background:url('/images/sub/select_arr.png') center center no-repeat;*/background-size: contain;transform:scaleY(-1);}
.sub_form_wrap .select_cus.active .trigger:after {transform:scaleY(1);}
.sub_form_wrap .select_cus .option {display: none;position: absolute;top: calc(100% - 1px);width: 100%;max-height: 203px;background: #fff;border: 1px solid #D9D9D9;z-index: 1;overflow-y: auto;}
.sub_form_wrap .select_cus .option > li {padding:0px 16px 0 25px;font-size: 18px;font-weight: 300;line-height: 2;color: #4a4a4a;cursor: pointer;}
.sub_form_wrap .select_cus .option > li:hover {background: #f3ede1;}

.sub_form_wrap textarea{width: 100%; height: 250px; background-color: #fff; border: 1px solid #b8b8b8;}
.sub_form_wrap *::placeholder{opacity: 0.8; font-size: 18px; color: #000000; font-weight: 300; font-family: 'Poppins', sans-serif;}

/* ====================== aboutUs =========================== */
.aboutUs_wrap{}
.aboutUs_wrap .sub_cont{top: 0; width: 100%; max-width: 100%; padding: 0 0 0;}
.aboutUs_wrap .sub_cont .cont{display: flex;flex-direction: column;align-items: center; text-align: center;}
.aboutUs_wrap .sub_cont .cont .img_box{position: relative; }
.aboutUs_wrap .sub_cont .cont .img_box .m_img{display: none;}

.aboutUs_wrap .sub_cont .cont .txt_box{width: 100%; max-width: 975px; padding: 50px 0;}
.aboutUs_wrap .sub_cont .cont .txt_box > p{font-size: 20px;line-height: 36px; color: #000;}
.aboutUs_wrap .sub_cont .cont .txt_box > p.tit{margin-bottom: 30px; font-size: 48px;font-weight: 700;}

.aboutUs_wrap .sub_cont .cont:last-child{padding-bottom: 25px;}



/* ====================== Contact =========================== */
.contact_wrap .form_title{margin-bottom: 40px;}
.contact_wrap .contact_form{display: flex; padding:0 40px 0 16px;flex-direction: column;gap: 20px;}

.contact_wrap .contact_form .btn_row{padding-top: 20px; text-align: right;}
.contact_wrap .contact_form .btn_row .btn{height: 50px; padding: 0 47px;background-color: #d0b787; text-align: center; font-size: 22px; color: #ffffff; font-weight: 600;}

.contact_wrap .cont.right{display: flex;flex-direction: column;gap: 35px;padding:0 60px 0 80px; line-height: 30px;}
.contact_wrap .cont.right .sub_txt{font-size: 18px;color: #000000;font-weight: 300;}
.contact_wrap .cont.right .sub_txt b{font-size: 24px;font-weight: 600;}
.contact_wrap .cont.right .sub_txt > a {color: #0000ff;font-weight: 500;}
.contact_wrap .cont.right .tit{font-size: 20px;font-style: italic;color: #000000;font-weight: 600;}
.contact_wrap .cont.right .logo{width: 100%; margin-bottom: 30px; text-align: center;}
.contact_wrap .cont.right .logo img{width: 330px;}
.contact_wrap .cont.right .sub_txt {padding-left: 25px}
.contact_wrap .cont.right .sub_txt ul li{position: relative; padding-left: 15px;}
.contact_wrap .cont.right .sub_txt ul li::before{content: '';position: absolute;left: 5px;top: 10px;width: 3px;height: 3px; background-color: #000000;border-radius: 50%;}


/* ====================== dealer_wrap =========================== */
.dealer_wrap {}
.dealer_wrap .sub_cont{padding: 70px 65px;}
.dealer_wrap .sub_cont .cont{margin-bottom: 70px;}
.dealer_wrap .sub_cont .sub_form_wrap {padding: 0 40px 0 25px;}
.dealer_wrap .sub_cont .sub_form_wrap .sub_form_tit{height: 40px;line-height: 40px;padding-left: 20px;margin-bottom: 25px;background-color: #d0b787; color: #ffffff;font-size: 18px;font-weight: 500;}

.dealer_wrap .sub_cont .sub_form_wrap .form_row{padding: 0 30px 0 40px;margin-bottom: 20px;}
.dealer_wrap .sub_cont .sub_form_wrap .form_row:last-child{margin-bottom: 0;}
.dealer_wrap .sub_cont .sub_form_wrap .form_row + .sub_form_tit{margin-top: 60px;}

.dealer_wrap .sub_cont .sub_form_wrap .form_row.flexRow2{display: flex; width: 100%; justify-content: space-between;}
.dealer_wrap .sub_cont .sub_form_wrap .form_row.flexRow2 .form_col{flex: 0 1 calc(50% - 10px);}
.dealer_wrap .sub_cont .sub_form_wrap .form_row > .txt{font-size: 14px;font-weight: 300;line-height: 24px;}
.dealer_wrap .sub_cont .sub_form_wrap .form_row > .txt .color_red{color: #ff0000;}
.dealer_wrap .sub_cont .sub_form_wrap .form_row > .txt em{font-size: 18px;}

.dealer_wrap .sub_cont .sub_form_wrap .form_row > .upload_wrap{margin-top: 20px;}
.dealer_wrap .sub_cont .sub_form_wrap .form_row > .upload_wrap .box{display: inline-flex;padding: 11px; border: 1px dashed #000; align-items: center;}
.dealer_wrap .sub_cont .sub_form_wrap .form_row > .upload_wrap .box .upload_btn{width: 225px;height: 50px; background-color: #d0b787;color: #fff;font-size: 18px;font-weight: 500;}
.dealer_wrap .sub_cont .sub_form_wrap .form_row > .upload_wrap .box .upload_btn > img {margin-right: 10px;}
.dealer_wrap .sub_cont .sub_form_wrap .form_row > .upload_wrap .box p{font-size: 18px;font-weight: 400;}
.dealer_wrap .sub_cont .sub_form_wrap .form_row > .upload_wrap .box .attach_input {display:none}

.dealer_wrap .sub_cont .sub_form_wrap .form_btn_wrap{text-align: center;}
.dealer_wrap .sub_cont .sub_form_wrap .form_btn_wrap .btn{width: 180px; height: 50px; margin: 0 7px; background-color: #d0b787;color: #fff; font-size: 22px; font-weight: normal; text-align: center; font-weight: 600;}
.dealer_wrap .sub_cont .sub_form_wrap .form_btn_wrap .btn.cancel{background-color: #fff; border: 1px solid #000; color: #000;}


.dealer_wrap .note_txt{padding: 20px 0;margin-bottom: 50px;}
.dealer_wrap .note_txt > p {text-align: center; font-size: 22px; font-weight: 500; letter-spacing: 0.5px;}
.dealer_wrap .note_btn{text-align: center;}
.dealer_wrap .note_btn .btn{width: 225px;height: 50px; background-color: #d0b787;color: #fff;font-size: 18px;font-weight: 600;}


/* ====================== guide_wrap =========================== */
.cont.guide{padding: 0 110px;margin-bottom: 50px;}

.cont.guide .tit{font-size: 20px;font-weight: 600;line-height: 36px;}
.cont.guide .tit.mb{margin-bottom: 30px;}

.cont.guide .txt{font-size: 20px;font-weight: 300;letter-spacing: 0.5;line-height: 36px;}
.cont.guide .txt .color_blue{color: #0006ff;text-decoration: underline;}
.cont.guide .txt + .txt{margin-top: 30px;}
.cont.guide .txt.text-indent{text-indent:20px}

.cont.guide ul > li{position: relative;}