/*-----------------------------header-----------------------------------*/
#header {border-bottom:1px solid #e5e5e5;}
#header .container {display:flex; align-items:center; justify-content:space-between;}
#header .menuGnb ul {display:flex;}
#header .menuGnb ul li a {display:block; padding:0 20px; font-size:17px; color:#000; letter-spacing:-0.5px; font-weight:800; border-right:1px solid #d8d8d8; }
#header .menuGnb ul li a:hover {color:#959595;}
#header .menuGnb ul li:last-child a {border-right:none;}
.ham {position: relative; width: 65px; height: 65px; cursor: pointer; background-color: #ffdd1a; border-radius:5px;}
.ham_line { position: absolute; left:15px; width: 35px; height: 3px; background-color: #fff;}
.ham_line1 { top: 20px; transition: all 0.3s;}
.ham_line2 { top: 30px;}
.ham_line3 { top: 40px; transition: all 0.3s;}
.menu_wrapper {/* position:relative; */}
.menu {
position:absolute; top:80%; left:50%; transform: translateX(-50%); width:1280px; height:300px;/* height: 0px; */ padding:30px 0; /* transition: all 0.3s; */
background:url('/_img/menu_bg.png') no-repeat top rgba(255,255,255,0.9);
border:1px solid #e5e5e5; border-radius:20px; box-shadow:5px 5px 5px rgba(155,155,155,0.1); z-index:999;
}
.menu ul.depth-1 {display:flex; margin-left:307px;}
.menu ul.depth-1 > li a {display:block; font-size:17px; font-weight:800; padding:0 40px; border-right:1px solid #d8d8d8; color:#fff;}
.menu ul.depth-1 > li:last-child a {border-right:none;}
.menu ul.depth-1 > li a:hover {color:#fff4ed;}
.menu ul.depth-2 {padding:40px 0 0 15px;}
.menu ul.depth-2 > li a {display:block; font-size:14px; font-weight:400; padding:7px 10px; color:#000; letter-spacing:-0.5px;}
.menu ul.depth-2 > li a:hover {color:#ffdd1a; font-weight:600;}
.clicked .ham_line1 { transform: rotate(45deg); top: 30px;}
.clicked .ham_line2 { width: 0px;}
.clicked .ham_line3 { transform: rotate(-45deg); top: 30px;}
.clicked .menu{ /* display:block; height: 300px;top:-20px; */}
.clicked a{ }
#header .menuRight {margin-top:20px;}
#header .menuRight p {font-size:13px; color:#a0a0a0; letter-spacing:-0.5px;}
#header .menuRight span {font-size:30px; line-height:55px;}
#header .menuRight span img {margin:16px 5px 0 0;}
#header .menuRight > div{float:right; margin:-20px 0 0 30px; }
#header .menuRight .sitemenu_wrap{/*padding:60px 40px;*/;position:fixed; top:0; left:0; transition:0.5s; background:#666;height:100%; width:0px; overflow-x: hidden;}
#header .menuRight .sitemenu_wrap > ul{padding:60px 30px;}
#header .menuRight .sitemenu_wrap > ul > li > a{color:#fff;font-size:21px; font-weight:600; border-bottom: 1px solid rgba(255,255,255,0.2); padding: 12px; display:block; transition:0.3s;}
#header .menuRight .sitemenu_wrap > ul > li > a:hover{color:#fb653d;}
#header .tel{line-height:30px; width:290px; }
#header .tel span{font-size:30px; color:#666; font-weight:800;}
.sitemenu_icon{padding:22px 0 0 5px; cursor: pointer;}
#header .menuRight .sitemenu_wrap span{position:absolute; right:30px; top:30px; width:16px; height:16px; background: url(/_img/mobile/icon_close.png) no-repeat; background-size:16px;}
#header .menuRight .sitemenu_wrap > ul > li > ul > li a { color: #fff; font-size: 18px; font-weight: 400; padding: 5px 10px 5px; display: block; transition:0.3s; width:130px;}
#header .menuRight .sitemenu_wrap > ul > li > ul > li a:hover{color:#fb653d;}
.loginBox {position:absolute; width:1280px; left:50%; top:25px; transform: translate(-50%, 0%);}
.loginBox ul {display:flex; justify-content:flex-end;}
.loginBox ul li:nth-child(1) {display:none;}
.loginBox ul li:nth-child(2) {display:none;}
.loginBox ul li a {display:block; padding:7px 10px 5px 10px; margin-left:3px; font-size:13px; line-height:25px; box-sizing:border-box; border-radius:5px;}
.loginBox ul li a.btn-1 {border:1px solid #ffdd1a; color:#ffdd1a; }
.loginBox ul li a:hover.btn-1 {background:#fff1e8;}
.loginBox ul li a.btn-2 {border:1px solid #ffdd1a; background:#ffdd1a; color:#fff; }
.loginBox ul li a:hover.btn-2 {background:#ffdd1a;}
/*-----------------------------footer-----------------------------------*/
/* #dn_waring {display:none !important;} */
.f-info .container {display:flex; margin-top:90px;}
.f-info .container .f-info-con { flex-basis:50%; padding:55px 65px; border-radius:20px; box-shadow:5px 5px 5px rgba(155,155,155,0.1);}
.f-info .container .f-info-con .tit {font-size:38px; font-weight:800; letter-spacing:-1px;}
.f-info .container .f-info-con p {padding:15px 0 30px 0; font-size:17px; letter-spacing:-1px;}
.f-info .container .f-info-con.f-kakao {background: url('/_img/f_kakao_bg.png') right bottom no-repeat #ffe102; }
.f-info .container .f-info-con.f-kakao.tit {color:#392020;}
.f-info .container .f-info-con.f-kakao p {line-height:1.5;color:#392020;}
.f-info .container .f-info-con.f-kakao a {display:inline-block; padding:15px 25px; font-size:22px; letter-spacing:-1px; color:#ffe102; background:#392020; border-radius:10px;}
.f-info .container .f-info-con.f-kakao a span {font-size:60%; vertical-align:middle; margin-left:10px;}
.f-info .container .f-info-con.f-tel {background: url('/_img/f_contact_bg.png') right bottom no-repeat #fff; background-size:contain;}
.f-info .container .f-info-con.f-tel.tit {color:#323232;}
.f-info .container .f-info-con.f-tel p{color:#8c8c8c;}
.f-info .container .f-info-con.f-tel .tel-txt {font-size:36px; letter-spacing:-2px; line-height:1.2;}
#footer .f-btn {border:1px solid #e8e8e8; border-radius:5px; padding:13px 5px; margin-top:80px;}
#footer .f-btn ul {display:flex;}
#footer .f-btn ul li a {display:block; padding:0 17px; font-size:15px; font-weight:400; color:#323232; letter-spacing:-0.5px; border-right:1px solid #e8e8e8;}
#footer .f-btn ul li:last-child a {border-right:none;}
#footer .f-copy {padding:35px 0; margin-top:20px; background:#303030; }
#footer .f-copy .container {display:flex;}
#footer .f-copy .container .copyright {padding:5px 0 0 70px; font-size:14px; color:#fff; line-height:1.8;}
/*-----------------------------main-----------------------------------*/
#dn_waring {display:none;}
/*visual*/
#mainIndex .visual-wrap {width:1280px; position:relative;}
.mvisual {position:relative; margin:45px auto 70px auto; width:1280px; z-index:100;}
.mvisual .swiper-slide {width:1280px;}
.mvisual .swiper-slide img { border-radius:55px; box-shadow:5px 5px 5px rgba(155,155,155,0.3);}
.mvisual .swiper-btn {position:absolute; left:50%; top:40%; transform: translate(-50%, -50%); z-index:999;}
.mvisual .swiper-button-prev {padding-left:2px; background:#fff; width:45px; border-radius:500px; box-shadow:5px 5px 5px rgba(155,155,155,0.3); left:-70px; transform:rotate(0deg);}
.mvisual .swiper-button-next {padding-left:5px; background:#fff; width:45px; border-radius:500px; box-shadow:5px 5px 5px rgba(155,155,155,0.3); right:-70px;}
/*absolute form*/
.mabsolute {position:absolute; top:-40px; left:100px; z-index:200; width:360px;}
.mform {padding:30px 25px; border:2px solid #ffdd1a; border-radius:20px; background:rgba(255,255,255,0.9); box-sizing:border-box; box-shadow:5px 5px 5px rgba(155,155,155,0.3);}
.mform .tit {font-size:26px; letter-spacing:-2px;}
.mform .txt {font-size:14px; letter-spacing:-0.5px; margin:15px 0 20px 0;}
.mform .sendform-wrap {padding:20px; border:1px solid #dadada; border-radius:10px; box-sizing:border-box; font-family: 'Noto Sans KR', sans-serif;}
.mform .sendform-wrap .form_group {padding:10px 20px 12px 20px; background:#f4f4f4; border:1px solid #d3d3d3; border-radius:5px; margin-bottom:8px;}
.mform .sendform-wrap .form_group label {margin-right:10px; font-size:15px; font-weight:600; }
.mform .sendform-wrap .form_group input {background:none; margin-top:-5px;}
.mform .sendform-wrap .form_group input ::placeholder { color:#b5b5b5;}
.mform .sendform-wrap button {width:100%; padding:10px; margin-top:10px; background:#ffdd1a; color:#fff; text-align:center; font-family:'NanumSquare'; font-size:18px; letter-spacing:-1px; border-radius:5px; font-weight:800; }
.mform .sendform-wrap .check {margin:5px 0; }
.mform .sendform-wrap .check label {font-size:12px;}
.mform .sendform-wrap .check .agreeFormBtn {float:right; padding:3px 7px; color:#a6a6a6; border: 1px solid #a6a6a6; font-size:12px; letter-spacing:-0.5px; }
.mabsolute > .situation { display:flex; flex-flow:row wrap; justify-content:space-between; border:2px solid #ffdd1a; box-shadow:5px 5px 5px rgba(155,155,155,0.3);
border-radius:20px; padding:20px 20px 20px 35px; color:#000; position:absolute; margin-top:10px; width:100%; background:rgba(255,255,255,0.9); align-items:center;}
.mabsolute > .situation .tit {font-size:20px; font-weight:800; line-height:1.4; letter-spacing:-1px;}
.mabsolute > .situation p {padding:0 20px; font-size:14px;letter-spacing:-1.5px; color:#323232;}
.mabsolute > .situation p span {display:block; font-size:26px; font-weight:600; padding-top:5px; letter-spacing:-2px;}
.mabsolute > .situation .all-consult {border-right:1px solid #979797;}
.mabsolute > .situation .all-consult::after {display:none;}
.mabsolute > .situation .comp-consult p span {font-weight:800; color:#ffdd1a;}
/*mbn*/
.mbn .container {display:flex; flex-wrap:wrap; justify-content:space-between;}
.mbn .container .wd-8 {display:flex; flex-wrap:wrap; flex-basis:66.6%; justify-content:space-between;}
.mbn .container .wd-8 .mbn-con {flex-basis:48.5%; }
.mbn .container .wd-4 {flex-basis:31%;}
.mbn .container .mbn-con {padding:45px 40px; border-radius:20px; background:#fff; border:1px solid #e5e5e5; box-shadow:5px 5px 5px rgba(155,155,155,0.1);}
.mbn .container .mbn-con h3 {margin-bottom:25px; font-size:28px; font-weight:300; letter-spacing:-2px;}
.mbn .container .mbn-con h3 span {font-weight:600;}
.mbn .container .mbn-con h3 img.pd-left {margin-top:-5px; padding-left:15px;}
.mbn .container .mbn-con h3 span.btn {font-size:12px; margin-left:36px; text-align:center; padding:2px 8px; border:1px solid #e5e5e5; color:#a8a7a7; letter-spacing:0;}
.mbn .container .mbn-con p {font-size:15px; letter-spacing:-0.5px; color:#909090;}
.mb-2 {margin-bottom:20px;}
/*ì‹¤ì‹œê°„ì‹ ì²í˜„황*/
.mcounsel ul li{display:flex; line-height:42px; color:#666; justify-content:space-between; margin-bottom:8px;}
.mcounsel ul li p{width:180px;overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size:17px !important; color:#000 !important;}
.mcounsel ul li span.c_ing{ background:#a8a7a7;}
.mcounsel ul li span.c_end{background:#ffdd1a;}
.mcounsel ul li span{ width:85px; float:right; color:#fff; font-weight:bold; font-size:14px; letter-spacing:-1px; text-align:center; border-radius:500px;}
/*mstep*/
.mstep {width:100%; margin:90px 0; padding:130px 0; background:#ffdd1a; }
.mstep .tit {font-size:40px; letter-spacing:-2px; margin-bottom:100px;}
.mstep .mstep-wrap {display:flex; }
.mstep .mstep-wrap .mstep-con {padding:0 10px;}
.mstep .mstep-wrap .mstep-con h3 {color:#ffdc00; font-size:26px; letter-spacing:-1px;}
.mstep .mstep-wrap .mstep-con p {font-size:26px; letter-spacing:-2px; font-weight:400; line-height:1.5;}
.mstep .mstep-wrap .mstep-con img {margin:25px 0 35px 0;}
/*mhome*/
.mhome .container {position:relative; padding:55px 100px 45px 100px; border-radius:20px; background:url('/_img/m_home_bg.png') no-repeat center; background-size:cover; color:#323232;}
.mhome .container .mhome-img {position:absolute; top:-30px; right:130px;}
.mhome .container .tit {font-size:43px; letter-spacing:-2px;}
.mhome .container .txt {margin-bottom:5px; font-size:20px; letter-spacing:-1px; }
/*mreview*/
.mreview-wrap {padding:120px 0 0 0; position:relative;}
.mreview-wrap .mtxt {font-size:22px; letter-spacing:-1px; }
.mreview-wrap .mtit {margin:15px 0 0 0; font-size:60px; letter-spacing:-3px; color:#323232; }
.mreview-wrap .container .swiper{overflow:hidden;}
.mreivew .swiper-btn {position:absolute; left:50%; top:55%; transform: translate(-50%, -50%); z-index:999; display:flex; justify-content:space-between;}
.mreivew .swiper-button-prev2 {
padding-left:2px; background:#fff; width:45px; border-radius:500px; box-shadow:5px 5px 5px rgba(155,155,155,0.3);
margin-left:-70px; transform:rotate(0deg); cursor:pointer;
}
.mreivew .swiper-button-next2 {
padding-left:5px; background:#fff; width:45px; border-radius:500px;
box-shadow:5px 5px 5px rgba(155,155,155,0.3); margin-right:-60px;
cursor:pointer;
}
.mreivew .review-wrap {position:relative;}
.mreivew .review-wrap .review-list li a:hover {transform:none;}
.mreivew .review-wrap .view-count li {width:100%; margin-bottom:10px; border:none; box-shadow:none; font-size:14px; color:#000;}
.mreivew .review-wrap .view-count li img {margin-top:1px;}
.mreivew .review-wrap .review-list li a .view-count span {color:#000;}
.mreivew .review-wrap .review-list li a .view-count .t-spacing {letter-spacing:7px;}
.mreivew .mreveiw-thumbs {position:absolute; top:15px; left:15px; display:inline-block; padding:8px 13px; font-size:14px; background:#ffdd1a; color:#fff; border-radius:500px; font-weight:600; letter-spacing:-1px;}
.mreivew .mreveiw-thumbs img {margin-top:4px;}
/* main-popup */
.main-popup {}
.main-popup ul {}
.main-popup ul li {}
.main-popup ul li .popup-abs {
width:80%; margin:0 auto;
}
.main-popup ul li .popup-abs .popup-form {
position:absolute; left:50%; top:30.3%;
width:85%;
transform:translate(-50%,-50%);
padding:25px 30px;
border-radius:15px;
border:1px solid rgba(0,0,0,0.1);
background:#fff;
box-shadow:1px 1px 8px rgb(0 0 0 / 10%);
}
.main-popup ul li .popup-img {
position:relative;
}
.main-popup ul li .popup-img img {}
.main-popup ul li .popup-form {}
.main-popup ul li .popup-form fieldset {}
.main-popup ul li .popup-form fieldset .form-wrap {
}
.main-popup ul li .popup-form fieldset .form-wrap .form-tit {
display:flex; flex-flow:row nowrap; justify-content:space-between;
align-items:center;
padding-bottom:10px;
}
.main-popup ul li .popup-form fieldset .form-wrap .form-tit h3 {
font-size:22px; font-weight:600;
}
.main-popup ul li .popup-form fieldset .form-wrap .form-tit .agree-wrap {}
.main-popup ul li .popup-form fieldset .form-wrap .form-tit .agree-wrap input {}
.main-popup ul li .popup-form fieldset .form-wrap .form-tit .agree-wrap label {
padding-left:5px;
font-size:14px;
font-weight:500;
}
.textInput-wrap {}
.textInput-wrap .input-wrap {
margin-bottom:8px; border-radius:5px;
border:1px solid #d3d3d3;
padding:15px 20px 15px 20px; background:#f4f4f4;
}
.textInput-wrap .input-wrap input {background:none; width:calc(100% - 25%);}
.textInput-wrap .input-wrap input::placeholder {font-size:14px;color:#989898;}
.textInput-wrap .input-wrap label {
font-size:14px; margin-right:10px;
}
.textInput-wrap .carName-wrap {}
.textInput-wrap .carName-wrap label {margin-right:16.89px;}
.textInput-wrap .carName-wrap input {}
.textInput-wrap .tell-wrap {}
.textInput-wrap .tell-wrap label {}
.textInput-wrap .tell-wrap label span.essential {color:#f00;}
.textInput-wrap .tell-wrap input {}
.main-popup ul li .popup-abs .popup-form .send-btn {
margin-top:15px;
}
.main-popup ul li .popup-abs .popup-form .send-btn button {
display: block;
width: 100%;
background: #ffdd1a;
color: #fff;
padding: 14px 0;
border-radius: 5px;
font-size:18px;
font-weight:800;
}
.main-popup .winner {
position:absolute; left:50%; bottom: 17.7%; transform:translateX(-50%);
width:100%; text-align:center;
}
.main-popup .winner p {
font-size:20px;
}