/*-----------------------------main-----------------------------------*/

#mainIndex .container {max-width:360px; margin:0 auto; padding:0 10px;}
#mainIndex {overflow-x:hidden;}
/*visual*/
.mvisual {position:relative; margin:10px auto; width:280px;}
.mvisual .swiper-slide {width:280px; padding:10px;}
.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%;  bottom:19%;  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); }
.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);  transform:rotate(180deg);}

/*absolute form*/
.mform {padding:30px 10px; margin:15px 0; border:2px solid #ffdd1a; border-radius:20px; background:#fff; box-sizing:border-box; box-shadow:5px 5px 5px rgba(155,155,155,0.3);}
.mform .tit {font-size:22px; letter-spacing:-2px;}
.mform .txt {font-size:14px; letter-spacing:-0.5px; margin:7px 0 30px 0;}
.mform .sendform-wrap {padding:20px 10px; 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:#444;  text-align:center; font-family:'NanumSquare';
    font-size:14px; letter-spacing:-1px; border-radius:5px; font-weight:600; 
}
.mform .sendform-wrap .check {margin:5px 0; vertical-align: middle;}
/* .mform .sendform-wrap .check input[type="checkbox"] {
    position:absolute;
    width:1px;
    height:1px;
    padding:0;
    margin:-1px;
    overflow:hidden;
    clip:rect(0,0,0,0);
    border:0;
} */
/* .mform .sendform-wrap .check input[type="checkbox"] + label:before {
    content:'';
    display:inline-block;
    width:21px; height:21px;
    line-height:21px;
    margin:-2px 8px 0 0;
    text-align:center;
    vertical-align:middle;
    background:#fafafa;
    border:1px solid #cacece;
    border-radius:3px;
    box-shadow:0px 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05);
}
.mform .sendform-wrap .check input[type="checkbox"]:checked + label:before {
    content:'■';
    color:#99a1a7;
    text-shadow:1px 1px #fff;
    background:#e9ecee;
    border-color:#adb8c0;
    box-shadow: 0px 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05), inset 15px 10px -12px rgba(255,255,255,0.1);
} */
.mform .sendform-wrap .check label {
    display:inline-block; margin-top:1px;
    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 {background:url('../_img/mobile/mform_bg.png') no-repeat top; padding:15px 0; background-size:100% 250px;}
.mabsolute > .container .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:10px 15px 10px 15px;  color:#000; 
    margin-top:10px; width:100%; background:#fff; align-items:center;
}
.mabsolute > .container .situation .tit {width:100%; padding-bottom:10px; text-align:center;font-weight:600; line-height:1.4; font-size:14px; letter-spacing:-1px;}
.mabsolute > .container .situation p {padding:0 10px; font-size:14px;letter-spacing:-1.5px; color:#323232;}
.mabsolute > .container .situation p span {display:block;  font-size:24px;  font-weight:600; padding-top:5px; letter-spacing:-2px;}
.mabsolute > .container .situation .all-consult {width:50%;border-right:1px solid #979797;text-align:center;}
.mabsolute > .container .situation .all-consult::after {display:none;}
.mabsolute > .container .situation .comp-consult {width:50%; text-align:center;}
.mabsolute > .container .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;  justify-content:space-between;}
.mbn .container .wd-8 .mbn-con {flex-basis:48%; }
.mbn .container .wd-4 {}

.mbn .container .mbn-con {position:relative; padding:20px; 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:15px; font-size:17px; font-weight:400;
    letter-spacing:-2px; line-height:28px;
}
.mbn .container .mbn-con h3 span {font-weight:800;}
.mbn .container .mbn-con h3 img.pd-left {position:absolute; top:15px; right:15px; width:30px;}
.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 {display:none; font-size:15px; letter-spacing:-0.5px; color:#909090;}
.mb-2 {margin-bottom:15px;}


/*실시간신청현황*/
.mcounsel {position:relative; width:100%; padding:20px; border-radius:20px; background:#fff; border:1px solid #e5e5e5; box-shadow:5px 5px 5px rgba(155,155,155,0.1);}
.mcounsel h3 {margin-bottom:15px; font-size:17px; font-weight:300; letter-spacing:-2px; line-height:28px;}
.mcounsel h3 span {font-weight:600;}
.mcounsel h3 img.pd-right {width:30px;}
.mcounsel h3 span.btn {position:absolute; right:25px; font-size:12px; margin-left:36px; text-align:center; padding:0 8px; border:1px solid #e5e5e5; color:#a8a7a7; letter-spacing:0;}
.mcounsel ul li{display:flex; line-height:35px; 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:14px !important; color:#000 !important;}
.mcounsel ul li span.c_ing{
    background:#ffdd1a;
    
}
.mcounsel ul li span.c_end{background:#a8a7a7;}
.mcounsel ul li span{ width:85px; float:right; color:#444; font-weight:bold; font-size:14px; letter-spacing:-1px; text-align:center; border-radius:500px;}


/*mstep*/
.mstep {width:100%; margin:30px 0; padding:50px 0; background:#ffdd1a; }
.mstep .tit {font-size:23px; letter-spacing:-2px; margin-bottom:30px;}
.mstep .mstep-wrap { }
.mstep .mstep-wrap .mstep-con {display:flex; align-items:center; margin-bottom:15px;}
.mstep .mstep-wrap .mstep-img {width:30%; margin-right:15px;}
.mstep .mstep-wrap .mstep-img img {min-width:78px;}
.mstep .mstep-wrap .mstep-con h3 {margin-bottom:5px; color:#ffdc00; font-size:16px; letter-spacing:-1px;}
.mstep .mstep-wrap .mstep-con p {font-size:15px; letter-spacing:-1px; font-weight:400; line-height:1.5;}
.mstep .mstep-wrap .mstep-con .mstep-txt {}



/*mhome*/
.mhome {display:flex; padding:25px; background:url('../_img/m_home_bg.png') no-repeat center; background-size:cover; color:#323232;}
.mhome .container {}
.mhome .container .mhome-img {}
.mhome .container .tit {font-size:26px; letter-spacing:-2px;}
.mhome .container .txt {margin-bottom:5px; font-size:18px; letter-spacing:-1px; }

/*mreview*/
.line {width:90%; height:1px; margin:0 auto; border:1px solid #ededed;}
.mreivew .review-wrap {}
.mreivew .review-wrap .review-list {margin:0 auto; display:flex; flex-flow:row wrap; justify-content:space-between;}
.mreivew .review-wrap .review-list li {width:80%;  margin:0 auto; overflow:hidden;  border-radius:15px;  border:1px solid rgba(0,0,0,0.1);  box-shadow:4px 4px 8px rgb(0 0 0 / 10%);}
.mreivew .review-wrap .review-list li a:hover { transform:scale(1.1); transition:transform 0.5s;}
.mreivew .review-wrap .review-list li a { display:block;    width:100%;}
.mreivew .review-wrap .review-list li a .review-photo { height:152px; overflow:hidden;}
.mreivew .review-wrap .review-list li a .review-photo img {width:100%;}
.mreivew .review-wrap .review-list li a .review-txt {padding:15px;}
.mreivew .review-wrap .review-list li a .tit {    font-size:18px; font-weight:600;    padding-bottom:15px;    color:#323232;}
.mreivew .review-wrap .review-list li a .review-explain {height:42px; overflow:hidden;}
.mreivew .review-wrap .review-list li a .review-explain::after {    display:block; width:100%; height:2px; background:rgba(0,0,0,0.1);    content:''; position:relative; left:0; bottom:-20px;}
.mreivew.review-wrap .review-list li a .review-explain p {    font-size:14px;    line-height:1.8;    text-overflow:ellipsis; overflow:hidden;    white-space:nowrap;    color:#808080;}
.mreivew .review-wrap .review-list li a .view-count {    padding:15px;    }
.mreivew .review-wrap .review-list li a .view-count img {    padding:3px 5px 0 0;}
.mreivew .review-wrap .review-list li a .view-count span {    font-size:14px;    color:#808080;}

.mreview-wrap {padding:30px 0; position:relative;}
.mreview-wrap .mtxt {font-size:14px; letter-spacing:-1px; }
.mreview-wrap .mtit {margin:5px 0 15px 0; font-size:26px; letter-spacing:-3px; color:#323232; }
.mreview-wrap .container .swiper{overflow:hidden; position:relative;}

.mreivew .swiper-btn {position:absolute; left:50%; top:38%;  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);  transform:rotate(0deg);
    position:absolute; left:-2%; top:50%;
    z-index:999;
}
.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); 
    position:absolute; right:2%; top:50%;
    z-index:999;
}
.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:5px; 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:50px; display:inline-block; padding:8px 13px; font-size:14px; background:#ffdd1a; color:#444; border-radius:500px; font-weight:600; letter-spacing:-1px;}
.mreivew .mreveiw-thumbs img {margin-top:4px;}