@charset "UTF-8";
* { box-sizing:border-box; -moz-box-sizing:border-box; --webkit-box-sizing:border-box }
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video { margin:0; padding:0; border:0; vertical-align:baseline; font-family:'Noto Sans KR', 'sans-serif','NanumSquare','MalgunGothic','Dotum','Gulim','Arial',sans-serif }
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section { display:block }
dl,ul,ol,menu,li { list-style:none }
blockquote,q { quotes:none }
blockquote:before,blockquote:after,q:before,q:after { content:''; }
table { border-collapse:collapse; border-spacing:0 }
body,th,td,input,select,textarea,button { font-family:'Noto Sans KR', 'sans-serif','NanumSquare','MalgunGothic','Dotum','Gulim','Arial',sans-serif }
p, a, h1, h2, h3, h4, h5, h6, tr, span, input, textarea, select, caption, table th, table td { font-family: 'Noto Sans KR', 'sans-serif','NanumSquare','MalgunGothic','Dotum','Gulim','Arial',sans-serif; }
body,html { --webkit-text-size-adjust:none; font-size:10px }
body { overflow-x: hidden; background: #FFF; letter-spacing:-0.5px; word-wrap:break-word; font-weight:400 }
fieldset,img { border:0 none }
img { vertical-align:top }
a { text-decoration:none; }
a:active,a:hover { text-decoration:none }
input,select,textarea,button { vertical-align:top; cursor:pointer }
button { color:#222; border:0 none; padding:0; background-color:transparent; cursor:pointer }
address,caption,cite,code,dfn,em,var { font-style:normal; font-weight:normal }
legend,caption { visibility:hidden; overflow:hidden; position:absolute; top:0; left:0; width:1px; height:1px; font-size:0; line-height:0 }
textarea { resize:none }
input { outline:none }
input[type=text]::-ms-clear { display:none }
input[type='file'] { --webkit-appearance:button; background:transparent; border-radius:0; border:0; cursor:pointer }
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; }
input[type="number"] { -moz-appearance: textfield; }
.hidden { visibility: hidden; overflow: hidden; position: absolute; top: 0; left: 0; width: 1px; height: 1px; font-size: 0; line-height: 0 }




.fi_head { position: fixed; z-index: 1000; top: 0; left: 50%; transform: translateX(-50%); width: 100%; max-width: 1280px; margin: 0 auto; height: 80px; }
.fi_head_inner { position: relative; width: 100%; height: 80px; overflow: hidden; background-color: #FFF; }
.fi_nav_tgg { position: absolute; top: 50%; left: 20px; transform: translateY(-50%); width: 60px; height: 60px; }
.nav_tgg_btn { width: 100%; height: 100%; background-image: url('/counsel/images/icon/ico_hamb_gray.png'); background-repeat: no-repeat; background-size: 40px 15px; background-position: center; }
.fi_head_logo { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 150px; height: 65px; background-image: url('/counsel/images/logos/logo_blue.png'); background-repeat: no-repeat; background-size: contain; background-position: center; display: block; }

.ma_sbm_wrap { width: 100%; max-width: 1280px; margin: 0 auto; padding-top: 80px; }
.ma_sbm_inner { width: 100%; background-color: #4844CD; padding: 40px 20px 50px; }
.ma_sbm_txt_img { width: 100%; margin-bottom: 40px; }
.ma_sbm_txt_img img { width: 100%; }


.ma_sbm_form_wrap { }
.ma_sbm_form_inner { width: 100%; background-color: #FFF; padding: 35px 30px 25px; border-radius: 15px; max-width: 768px; margin: 0 auto; }
.ma_sbm_form_tt { }
.ma_sbm_form_tt h2 { position: relative; padding-left: 80px; font-size: 50px; font-weight: 600; margin-bottom: 30px; }
.ma_sbm_form_tt h2::before { content: ''; position: absolute; top: 50%; transform: translateY(-50%); left: 0; width: 70px; height: 70px; background-image: url('/counsel/images/icon/ico_msg.png'); background-repeat: no-repeat; background-size: contain; background-position: center; }
.ma_sbm_f_inp_wrap { display: grid; grid-template-columns: 160px 1fr; align-items: center; padding: 20px; border: 1px solid #E1E1E1; margin-bottom: 5px; }
.ma_sbm_f_inp_wrap label { font-weight: 600; font-size: 25px; color: #B6B6B6; cursor: text; }
.ma_sbm_f_inp_wrap input { width: 100%; font-size: 24px; font-weight: 500; color: #3c3c3c; outline: none; border: none; cursor: text; }

.ma_sbm_f_agree_wrap { display: flex; justify-content: flex-end; align-items: center; margin: 10px 0 20px; padding-bottom: 20px; border-bottom: 2px solid #3B3B3B; }
.ma_sbm_f_chk_wrap { display: flex; align-items: center; column-gap: 3px; margin-left: 10px; }
.ma_sbm_f_chk_wrap label { font-size: 18px; color: #979797; }
.ma_sbm_f_chk_wrap input[type="checkbox"] { width: 18px; height: 18px; accent-color: #007bff; cursor: pointer; }

.ma_sbm_submit { width: 100%; padding: 20px 0; border-radius: 10px; background-color: #00DE5A; font-size: 35px; font-weight: 600; }

.bn_ma_sbb_wrap { width: 100%; max-width: 1280px; margin: 0 auto; }
.bn_ma_sbb_inner { padding: 20px; background-color: #F2F4F6; }
.bn_ma_sbb_inner img { width: 100%; }


.ma_car_list_wrap { width: 100%; max-width: 1280px; margin: 0 auto; }

.ma_car_list_inner { padding: 0 20px 20px; background-color: #F2F4F6; }
.ma_cl_hd { }
.ma_cl_hd_inner { padding: 20px 0; border-radius: 15px 15px 0 0; background-color: #4844CD; }
.ma_cl_hd_inner .sub { text-align: center; margin-bottom: 7px; color: #00DE5A; font-weight: 500; font-size: 25px; }
.ma_cl_hd_inner h3 { font-size: 50px; font-weight: 600; color: #FFF; text-align: center; }
.ma_cl_start { padding: 35px 25px 25px; border-radius: 15px; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.16); background-color: #FFF; margin-top: 15px; }
.ma_car_list_wrap .ma_cl_start.fst { border-radius: 0 0 20px 20px; margin-top: 0; }

.ma_cl_brand { display: flex; align-items: center; margin-bottom: 20px; column-gap: 5px; }
.ma_cl_bnd_logo { width: 70px; height: 35px; position: relative; }
.ma_cl_bnd_logo.sl{ width: 40px; }
.ma_cl_bnd_logo .car_logo_bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-position: center; background-repeat: no-repeat; background-size: contain; }
.ma_cl_brand h6 { font-size: 30px; font-weight: 600; }

.ma_cl_grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; }
.ma_car_item { padding: 20px 12px; border-radius: 15px; background-color: #F8F8FF; cursor: pointer; }
.ma_c_i_thumb_wrap { width: 100%; padding-bottom: 50%; position: relative; overflow: hidden; margin-bottom: 20px; }
.ma_c_i_thumb { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; background-repeat: no-repeat; background-size: contain; background-position: center; }
.ma_c_i_sub { display: flex; align-items: flex-end; justify-content: space-between; }

.ma_c_i_sub .car_tt { font-size: 25px; font-weight: bold; word-break: break-all; }

.ma_c_i_sub .car_pr { font-size: 25px; font-weight: bold; }
.ma_c_i_sub .car_pr b { font-size: 28px; color: #DD2121;}


.ma_c_i_noti { padding: 40px 20px 0;}
.ma_c_i_noti_inner { }
.ma_c_i_noti_inner div { font-size: 15px; color: #7D7D7D; }

.ma_vs_noti { width: 100%; max-width: 1280px; margin: 0 auto; background-color: #F2F4F6; }
.ma_vs_noti_inner { width: 100%; max-width: 768px; margin: 0 auto; padding: 30px 0 50px; }
.ma_vs_noti_inner img { width: 100%; }


.ma_review_wrap { width: 100%; max-width: 1280px; margin: 0 auto; }
.ma_review_inner { padding: 40px; background-color: #FFF; }

.ma_rev_hd { text-align: center; margin-bottom: 25px; }
.ma_rev_hd h5 { font-size: 30px; }
.ma_rev_hd h4 { font-size: 40px; font-weight: bold; }

.ma_review_grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px; }

.ma_rev_item { }
.rev_thumb_wrap { width: 100%; padding-bottom: 100%; position: relative; overflow: hidden; margin-bottom: 10px; }
.rev_thumb { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; background-color: #e4e4e4; background-repeat: no-repeat; background-size: contain; background-position: center; }
.rev_tt { font-size: 20px; font-weight: bold; margin-bottom: 15px; color: #404040; }
.rev_text { font-size: 15px; color: #404040; }

.rev_more { margin: 20px 0; text-align: center; }
.rev_more button { padding: 15px 20px; border-radius: 10px; border: 1px solid #A8A8A8; color: #4E4E4E; font-weight: bold; font-size: 20px; }

.ma_cpn_info_wrap { width: 100%; max-width: 1280px; margin: 60px auto 0; padding-bottom: 100px; }
.ma_cpn_info_inner { background-color: #FFF; }
.ma_cpn_info_flx { width: 100%; max-width: 768px; margin: 0 auto; display: flex; justify-content: center; align-items: center; column-gap: 20px; }
.ma_cpn_info_logo { width: 130px}
.ma_cpn_info_logo img { width: 100%; }
.ma_cpn_info_txt { width: calc(100% - 150px); display: flex; flex-wrap: wrap; column-gap: 10px; }
.ma_cpn_info_txt span { position: relative; padding-right: 10px; font-size: 16px; color: #707070; }
.ma_cpn_info_txt span::after { content: ''; position: absolute; top: 50%; transform: translateY(-50%); right: 0; width: 1px; height: 15px; background: #acacac; }

.fi_foot_btn_wrap { position: fixed; z-index: 1000; bottom: 0; left: 50%; transform: translateX(-50%); width: 100%; max-width: 1280px; margin: 0 auto; height: 80px; }
.fi_foot_btn_inner { width: 100%; height: 100%; }
.fi_foot_btn { width: 100%; height: 100%; text-align: center; background-color: #4844CD; border-radius: 20px 20px 0 0; }
.fi_foot_btn span { color: #fff; font-size: 30px; font-weight: 500; position: relative; padding-left: 40px; padding-right: 40px; }
.fi_foot_btn span::before { content: ''; position: absolute; top: 50%; transform: translateY(-50%); left: 0; width: 35px; height: 35px; background-repeat: no-repeat; background-size: contain; background-position: center; background-image: url('/counsel/images/icon/ico_star_yl.png'); }
.fi_foot_btn span::after { content: ''; position: absolute; top: 50%; transform: translateY(-50%); right: 0; width: 30px; height: 30px; background-repeat: no-repeat; background-size: contain; background-position: center; background-image: url('/counsel/images/icon/ico_cir_right.png'); }


.ma_left_nav_dim { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); z-index: 1999; }

.ma_left_nav_wrap { position: fixed; top: 0; left: 0; width: 85%; max-width: 600px; height: 100%; background-color: #fff; z-index: 2000; transform: translateX(-100%); transition: transform 0.3s ease; }
.ma_left_nav_wrap.active { transform: translateX(0); }

.ma_left_nav_inner { height: 100%; padding: 20px; box-sizing: border-box; position: relative; }

.ma_left_nav_close { position: absolute; top: 10px; right: 10px; cursor: pointer; margin-bottom: 20px; width: 50px; height: 50px; background-image: url('/counsel/images/icon/ico_close_gray.png'); background-repeat: no-repeat; background-size: 40px 40px; background-position: center; }

.ma_left_nav_menu { list-style: none; padding: 50px 25px; }
.ma_left_nav_menu li { margin-bottom: 15px; }
.ma_left_nav_menu li a { font-size: 20px; color: #333; text-decoration: none; }



@media all and (min-width:1024px) {}

@media all and (max-width:768px) {
    .ma_sbm_form_tt h2{font-size: 40px; padding-left: 70px}
    .ma_sbm_form_tt h2::before{width:60px; height:60px;}
    .ma_sbm_f_inp_wrap{padding: 15px;}
    .ma_sbm_f_inp_wrap label{font-size: 20px}
    .ma_sbm_f_inp_wrap input{font-size: 20px}
    .ma_sbm_submit{font-size: 25px;}
    .ma_cl_grid{ grid-template-columns: repeat(2, 1fr); }
    .ma_vs_noti_inner{ padding: 25px 10px}
    .ma_review_grid{ grid-template-columns: repeat(2, 1fr); column-gap: 20px; row-gap: 30px; }
    .ma_cpn_info_flx{ flex-direction: column; row-gap: 10px; }
    .ma_cpn_info_logo{width: 80px}
    .ma_cpn_info_txt{width: 480px; justify-content: center; align-items: center;}
    .ma_cpn_info_txt span{font-size: 12px;}
    .ma_cpn_info_wrap{ margin-top: 30px}
    .ma_review_inner{padding: 40px 20px}
    .ma_rev_hd h5{font-size: 20px}
    .ma_rev_hd h4{font-size: 30px}
    .ma_cl_hd_inner .sub{font-size: 20px}
    .ma_cl_hd_inner h3{font-size: 40px}
}

@media all and (max-width:480px) {
    .fi_nav_tgg{left: 10px; width: 50px; height: 50px;}
    .nav_tgg_btn{background-size: 30px 10px;}
    .fi_head_logo{width: 130px; height: 50px;}
    .ma_sbm_form_tt h2{font-size: 30px; padding-left: 45px; margin-bottom: 15px;}
    .ma_sbm_form_tt h2::before{width:40px; height:40px;}
    .ma_sbm_f_inp_wrap{padding: 12px;}
    .ma_sbm_form_inner{padding: 30px 20px 20px;}
    .ma_sbm_f_inp_wrap label{font-size: 16px}
    .ma_sbm_f_inp_wrap input{font-size: 16px}
    .ma_sbm_f_chk_wrap label{font-size: 15px}
    .ma_sbm_f_chk_wrap input[type="checkbox"]{width: 15px; height: 15px;}
    .ma_sbm_f_agree_wrap{margin-bottom: 10px; padding-bottom: 10px;}
    .ma_sbm_submit{font-size: 20px; padding: 12px 0;}
    .ma_cpn_info_txt{width: 100%; padding: 0 10px; column-gap: 5px}
    .ma_cpn_info_txt span{font-size: 10px; padding-right: 5px;}
    .fi_foot_btn span{font-size: 20px; padding-left: 30px; padding-right: 30px}
    .fi_foot_btn span::before{width:30px; height: 30px;}
    .fi_foot_btn span::after{width:24px; height: 24px;}
    .ma_c_i_noti{padding: 40px 0 0;}
    .ma_c_i_noti_inner div{font-size: 13px;}
    .ma_cl_start{padding: 20px 10px 15px}
    .ma_c_i_sub .car_tt{font-size: 15px}
    .ma_c_i_sub .car_pr{font-size: 15px}
    .ma_c_i_sub .car_pr b{font-size: 16px}
    .ma_car_item{padding: 15px 10px}
    .ma_cl_hd_inner{padding: 12px 0;}
    .ma_cl_hd_inner .sub{font-size: 17px}
    .ma_cl_hd_inner h3{font-size: 25px;}
    .ma_cl_bnd_logo{width: 55px; height: 20px;}
    .ma_cl_bnd_logo.sl{width: 25px;}
    .ma_cl_brand h6{font-size: 18px}
    .ma_cl_brand{margin-bottom: 12px;}
}