.step {margin-top:140px;}
.step .wid {max-width:1400px; margin:0 auto; padding:90px 0;}

.step_hd {text-align:center; background:#fafafa; padding:52px 0 40px 0;}
.step_hd ul li {display: inline-block; font-size:16px; color:#e1e1e1; position: relative; width:140px;}
.step_hd ul li span {font-size:14px; display: inline-block; margin-top:18px; font-family: 'Pretendard-Regular';}
.step_hd ul li:after{content:''; position: absolute; left:50%; top:-12px; width:42px; height:42px; border:2px solid #eaeaea; border-radius:50%; transform: translate(-50%,0);}
.step_hd ul li:before {content:''; position: absolute; height:2px; width:103px; background:#eaeaea; left:90px; top:8px;}
.step_hd ul li:last-child:before {content:none;}
.step_hd ul li.on {color:#2F37FF  }
.step_hd ul li.on:after {border:2px solid #2F37FF}
.step_hd ul li.on:before {background:#2F37FF}

.step_hd ul li.check {color:#2F37FF  }
.step_hd ul li.check:after {border:2px solid #2F37FF; background:#2F37FF}
.step_hd ul li.check:before {background:#2F37FF}
.step_hd ul li img {position: relative; z-index: 1;}

.step_guide .wid h2 {font-size:26px; color:#000; font-family: 'Pretendard-SemiBold'; margin-bottom:45px; text-align:center;}
.step_guide .wid .box {float:left; width:50%; margin-top:40px; position: relative; padding:64px 100px 15px 280px; height:510px;}
.step_guide .wid .box img {position: absolute; left:0; top:0; width:291px;}
.step_guide .wid .box h3 {font-size:18px; color:#000; font-family: 'Pretendard-SemiBold';}
.step_guide .wid .box p {margin-top:15px; font-size:14px; color:#999; line-height:1.45em; font-family: 'Pretendard-Light';}

.step_guide .wid .box button {position: absolute; left:50%; top:50%; transform: translate(-50%,-50%); font-size:22px; color:#2f37ff; background:none; border:none; font-family: 'Pretendard-SemiBold';}
.step_guide .wid .box button img {margin-left:20px; position: relative; width:auto;}









.step1 {text-align:center;}
.step1 .wid {padding:100px 0 160px 0;}
.step1 h4 {font-size:18px; color:#8f8f8f; font-family: 'Pretendard-Medium'; font-weight: 400;}
.step1 h3 {font-size:37px; color:#000; margin:15px 0 50px 0; font-family: 'Pretendard-SemiBold';}
.step1 .input_box {position: relative; display: inline-block; max-width:485px; width:100%;}
.step1 .input_box.no {display: none;}
.step1 .input_box input[type="text"] { width:100%; height:62px; border-radius:15px; border:1px solid #e6e6e6; font-size:18px;  padding:0 20px;}
.step1 .input_box input[type="text"].on {border-radius:15px 15px 0 0; border-bottom:none;}
.step1 .input_box input[type="text"]:focus {outline: none;}
.step1 .input_box input[type="text"]::placeholder {color:#c4c4c4}
.step1 .input_box button {position:absolute; right:11px; top:11px; border:none; background:none;}
.step1 .m_link {margin-top:90px; display: inline-block; font-size:14px; color:#bbb;border-bottom:1px solid #ddd; padding-bottom:2px; font-family: 'Pretendard-Light';}
.step1 .input_box .posi_search {position: absolute; top:52px; border:1px solid #e6e6e6; border-top:none; border-radius:0 0 15px 15px; padding:8px 20px 20px 20px; width:100%; text-align:left; background: #fff; z-index: 1; max-height:262px;  overflow-y: scroll; display: none;}
.step1 .input_box .posi_search::-webkit-scrollbar {
    width: 7px;
  }
.step1 .input_box .posi_search::-webkit-scrollbar-thumb {
    background-color: #ddd;
    border-radius: 10px;
    background-clip: padding-box;
    border: 1px solid transparent;
  }
.step1 .input_box .posi_search::-webkit-scrollbar-track {
    background-color: #f7f7f7;
    border-radius: 10px;
  }
.step1 .input_box .posi_search h3 {display: none;}
.step1 .input_box .posi_search.no div {display: none;}
.step1 .input_box .posi_search.no h3 {display: block; width:100%; text-align: center; font-size:14px; color:#aaa; margin-top:30px; font-weight: 400; letter-spacing: .5px; font-family: 'Pretendard-Medium'}
.step1 .input_box .posi_search.on {display: block;}
.step1 .input_box .posi_search .box {width:100%; padding:15px 0; border-bottom:1px dashed #e7e7e7;}
.step1 .input_box .posi_search .box:after {content:''; clear: both; display: table;}
.step1 .input_box .posi_search .box:first-child {padding-top:0;}
.step1 .input_box .posi_search .box:last-child {border-bottom:none; padding-bottom:0;}
.step1 .input_box .posi_search .img {float:left; width:120px; height:120px; border-radius:5px ; }
.step1 .input_box .posi_search .txt {float:right; width:calc(100% - 140px); }
.step1 .input_box .posi_search .txt p {font-size:18px; color:#333;  margin-top:10px; font-family: 'Pretendard-Medium';}
.step1 .input_box .posi_search .txt span {display: inline-block; margin-top:8px; font-size:14px; color:#999; width:100%;}
.step1 .input_box .posi_search .txt button {padding:6px 17px 7px 17px; letter-spacing: .5px; margin-top:24px; font-size:14px; color:#fff; background:#222; position: relative; right:0; top:0; border-radius:3px;}
.step1 .input_box .posi_search .txt2 span {display: inline-block; margin-bottom:13px; font-size:14px; color:#999; width:100%; border-bottom:1px dashed #ddd; padding-bottom:13px; line-height: 1.35em; cursor: pointer;}
.step1 .input_box .posi_search .txt2:last-child span {border-bottom:none; margin:0; padding:0;}

.step1 .input_box .mo_box {border:1px solid #e7e7e7; padding:10px; border-radius:15px; margin-top:20px;}
.step1 .input_box .mo_box:after {content:''; clear: both; display: table;}
.step1 .input_box .mo_box .img {float:left; width:120px; height:120px; border-radius:10px; }
.step1 .input_box .mo_box .txt {float:right; width:calc(100% - 140px);  text-align: left; position: relative;}
.step1 .input_box .mo_box  p {font-size:18px; color:#333;  margin-top:4px; font-family: 'Pretendard-Medium';}
.step1 .input_box .mo_box  span {display: inline-block; margin-top:8px; font-size:14px; color:#999; width:100%;}
.step1 .input_box .mo_box  button {padding:6px 17px 7px 17px; letter-spacing: .5px; margin-top:24px; font-size:14px; color:#fff; background:#222; position: relative; right:0; top:0; border-radius:3px;}
.step1 .input_box .mo_box  img {position: absolute; right:10px; bottom:0px; width:22px;}
.step1 .input_box .mo_box2 {padding:10px 20px 13px 20px; text-align: left;}
.step1 .input_box .mo_box2 button {margin-top:17px;}
.step1 .input_box .mo_box2 img {bottom:12px;}

.step1 .input_box .mo_box .img .checkbox_div input[type="radio"] {display: none;}
.step1 .input_box .mo_box .img .checkbox_div input[type="radio"]+label {display: inline-block; float:left; width:21px; height:21px; border-radius:10px; border:1px solid #e7e7e7; background:#fff; margin:8px }
.step1 .input_box .mo_box .img .checkbox_div input[type="radio"]:checked+label {background:url('../img/check_icon.svg')no-repeat center right 4px #2F37FF; background-size:10px;}

.step1 .input_box .radio_box {max-width:485px; width:100%; margin:0 auto; text-align: left;}
.step1 .input_box .radio_box input[type="radio"] {display: none;}
.step1 .input_box .radio_box input[type="radio"] + label {width:100%; background:url('../img/ck_no.svg')no-repeat right 10px center #fff; border:1px solid #e7e7e7; background-size:20px; font-size:14px; color:#aaa; padding:11px 35px 11px 11px; border-radius:6px;  display: inline-block; margin-bottom:8px; cursor: pointer; transition: .3s;}
.step1 .input_box .radio_box input[type="radio"]:checked + label {background:url('../img/ck_col.svg')no-repeat right 10px center #fff; border:1px solid #2f37ff; background-size:20px; color:#2f37ff}

.step1 .next_bt {margin-top:30px; border:none; background:none;}


.step3 {text-align:center;}
.step3 .wid {padding:100px 0 160px 0;}
.step3 h4 {font-size:18px; color:#8f8f8f; font-family: 'Pretendard-Medium'; font-weight: 400; margin-bottom:40px;}
.step3 h3 {font-size:37px; color:#000; margin:15px 0 50px 0; font-family: 'Pretendard-SemiBold';}
.step3 .box {display: inline-block; height:220PX; WIDTH:215PX; border-radius:10px; margin-right:15px; border:1px solid #e0e0e0; padding:38px 0; cursor: pointer; transition: .3s;}
.step3 .box p {color:#a5a5a5; font-size:17px; color:#A5A5A5; transition: .3s;}
.step3 .box img {margin-top:30px; opacity: .2; transition: .3s;}
.step3 button {margin-top:50px; border:none; background:none;}
.step3 .m_link {margin-top:60px; display: inline-block; font-size:14px; color:#bbb;border-bottom:1px solid #ddd; padding-bottom:2px; font-family: 'Pretendard-Light';}

.step3 .box:hover {border:1px solid #999;}
.step3 .box:hover p {color:#444;}
.step3 .box:hover img {opacity: .6;}

.step3 .box.on {border:1px solid #000;}
.step3 .box.on p {color:#000;}
.step3 .box.on img {opacity: 1;}







.step4 {text-align:center;}
.step4 .wid {padding:100px 0 160px 0; max-width:1100px; margin:0 auto;}
.step4 h4 {font-size:18px; color:#8f8f8f; font-family: 'Pretendard-Medium'; font-weight: 400; margin-bottom:40px; text-align:center;}
.step4 .area_img {width:100%;}

.step4 .txt_box {text-align:left; position: relative;}
.step4 .txt_box:after {content:''; clear: both; display: table;}
.step4 h5 {font-size:18px; color:#c0c0c0; position: relative; font-weight: 400; margin-top:80px;}
.step4 h5:after {content:''; position: absolute; right:0; width:calc(100% - 100px); height:1px; background:#d5d5d5; top:10px;}
.step4 .txt_box .img {width:230px; height:230px; float:left; border:1px solid #eee; border-radius:16px; background:url('../img/img_no_1.svg')no-repeat center;  margin-right:30px; margin-top:30px;}
.step4 .txt_box .txt {float:right; margin-top:50px; width:calc(100% - 265px);}
.step4 .txt_box .txt p {font-size:22px; font-family: 'Pretendard-SemiBold'; }
.step4 .txt_box .txt p b {font-weight: 400; display: inline-block; margin-top:10px; color:#2f37ff;}
.step4 .txt_box .txt span {display: inline-block; width:100%; }

.step4 span.contents {font-size:16px; color:#989898; margin-top:25px; line-height:1.5em; display: inline-block; text-align:left;}
.step4 span.contents img {width:100%; margin:25px 0;}

.step4 .tab_menu{position:relative;}
.step4 .tab_menu .list {border-bottom:1px solid #e7e7e7; margin-top:45px;}
.step4 .tab_menu .list:after {content:''; clear: both; display: table;}
.step4 .tab_menu .list li{float:left; width:33.33%; }
.step4 .tab_menu .list .btn {font-size:16px; font-weight: 400; color:#777; display: inline-block; width:100%; font-family: 'Pretendard-Medium'; padding-bottom:15px; position: relative; top:2px; transition: .5s; border-bottom:3px solid rgba(47,55,255, 0);}
.step4 .tab_menu .list .btn:hover { color:#000; border-bottom:3px solid #333;}
.step4 .tab_menu .list li.is_on .btn{color:#2f37ff; border-bottom:3px solid #2f37ff;}

.step4 .tab_menu .cont_area{margin-top:20px;}
.step4 .tab_menu .cont_area .cont{height: 0; overflow: hidden; width:100%;}
.step4 .tab_menu .cont_area .tab1.on {height: auto; overflow: auto;}
.step4 .tab_menu .cont_area .tab2.on {height: auto; overflow: auto;}
.step4 .tab_menu .cont_area .tab3.on {height: auto; overflow: auto;}

.step4 .tab_menu .swiper { width: 100%; height: 100%; margin-top:20px;}
.step4 .tab_menu .swiper-slide {text-align: center; background: #fff; display: flex; justify-content: center; align-items: center; padding:40px 0 80px 0;}
.step4 .tab_menu .swiper-slide img {display: block; width: 100%; height: 100%; object-fit: cover; border-radius:5px;}
.step4 .tab_menu .swiper-slide img.map2, .step4 .tab_menu .swiper-slide img.map4, .step4 .tab_menu .swiper-slide img.map6, .step4 .tab_menu .swiper-slide img.map8, .step4 .tab_menu .swiper-slide img.map11, .step4 .tab_menu .swiper-slide img.map12 {height:380px; width:auto;}
.step4 .tab_menu .swiper-button-prev:after, .step4 .tab_menu .swiper-rtl .swiper-button-next:after {content:none;}
.step4 .tab_menu .swiper-button-next:after, .step4 .tab_menu .swiper-rtl .swiper-button-prev:after {content:none;}
.step4 .tab_menu .swiper-button-next.swiper-button-disabled, .step4 .tab_menu .swiper-button-prev.swiper-button-disabled {opacity: .5;}
.step4 .tab_menu .swiper-button-next, .step4 .tab_menu .swiper-button-prev {top:inherit !important; bottom:0px !important; transition: .3s;}
.step4 .tab_menu .swiper-button-next {right:46.8% !important;}
.step4 .tab_menu .swiper-button-prev {left:46.8% !important;}

.step4 #next_button {margin-top:100px; border:none; background:none;}
.step4 .m_link {margin-top:60px; display: inline-block; font-size:14px; color:#bbb;border-bottom:1px solid #ddd; padding-bottom:2px; font-family: 'Pretendard-Light';}

.step4 .mus {position: absolute; right:20px; top: 40px; background: none; border: none; display: none;}
.step4 .plus {position: absolute; right:20px; top: 40px; background: none; border: none; }
.step4 .mus.on {display: block;}
.step4 .plus.no {display: none;}


.step4 area{cursor:pointer;}
/* padding-bottom and top for image */
.mfp-no-margins img.mfp-img {
	padding: 0;
}
/* position of shadow behind the image */
.mfp-no-margins .mfp-figure:after {
	top: 0;
	bottom: 0;
}
/* padding for main container */
.mfp-no-margins .mfp-container {
	padding: 0;
}









.step5 .wid {padding:100px 0 160px 0; max-width:1400px; margin:0 auto;}
.step5 h4 {font-size:18px; color:#8f8f8f; font-family: 'Pretendard-Medium'; font-weight: 400; margin-bottom:40px; text-align:center;}

.step5 .part_list:after{content:''; clear: both ;display: table;}
.step5 .part_list .list {float:left; width:calc((100% - 90px) / 4); margin-right:30px; border:1px solid #f3f3f3; margin-bottom:50px; transition: .3s; position: relative; cursor: pointer;}
.step5 .part_list .list:hover {border:1px solid #333;}
.step5 .part_list .list:nth-child(4n) {margin-right:0;}
.step5 .part_list .list .img {width:100%; height:250px; background:url('../img/step5_img0.svg')no-repeat center; background-size: cover;}
.step5 .part_list .list .txt {padding:24px 24px;}
.step5 .part_list .list .txt h3 {font-size:18px; font-family: 'Pretendard-SemiBold'; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.step5 .part_list .list .txt span {display: inline-block; margin-top:10px; font-size:12px; color:#aeaeae; line-height:1.4em;display: -webkit-box; display: box; overflow:hidden; -webkit-box-orient:vertical; -webkit-line-clamp:3; width:100%;}
.step5 .part_list .list .txt p {margin-top:25px; font-size:16px; color:#1577d2; font-family: 'Pretendard-SemiBold';}
.step5 .part_list .list .order {position: absolute; right:24px; bottom:19px; border:none; background:#000; color:#fff; padding:7px 15px; font-size:13px; border-radius:5px;}

.step5 .report h3 {font-size:20px; margin:10px 0 20px 0; position: relative;  padding-right:15px;}
/*.step5 .report h3:after {content:''; position: absolute; right:0; width:100%; top:51.3%; transform: translate(0,-50%); height:1px; background:#ccc; z-index: -2;}
.step5 .report h3:before {content:''; position: absolute; left:0; width:120px; height:40px; background:#fff; top:0; z-index: -1;}
.step5 .report h3.h3_2:before {width:190px}*/
.step5 .report h3 span {display: inline-block; margin-left:10px; padding:3px 8px; color:#2f37ff; border:1px solid #2f37ff; border-radius:5px; font-size:16px; letter-spacing: .5px; background:#fff;}
.step5 .report h3 span.contents {font-size:16px; color:#989898; line-height:1.45em; font-family:'Pretendard-Regular'; border:0px solid #FFFFFF; margin-left:0px; padding:0px 0px;}
.step5 .report {max-width:850px; margin:0 auto; width:100%;}

.step5 .report .report_info {border:1px solid #e7e7e7; padding:15px; border-radius:15px;}
.step5 .report .report_info:after{content:''; clear: both; display: table;}
.step5 .report .report_info .img {float:left; width:150px; height:150px; border-radius:5px;}
.step5 .report .report_info .txt {float:right; width:calc(100% - 190px); position: relative}
.step5 .report .report_info .txt .b_p {position:absolute;top:-15px;left:0; padding:7px 13px ;background:#222; color:#fff; font-size:14px; border-radius:0 0 5px 5px; display: inline-block;}
.step5 .report .report_info .txt .txt_p {font-size:20px; color:#111; margin:32px 0 12px 0;  font-family: 'Pretendard-SemiBold';}
.step5 .report .report_info .txt ul li {font-size:14px;  position: relative; padding:5px 0 5px 110px; color:#777;}
.step5 .report .report_info .txt ul li b {position:absolute; left:0; top:5px; font-family: 'Pretendard-Semibold'; color:#2f37ff; margin-bottom:15px; display: inline-block;}


/*.step5 .report ul:after {content:''; clear: both ;display: table;}*/
/*.step5 .report ul li {float:left; width:48%; position: relative; padding:8px 0 8px 115px; font-size:15px; color:#777; line-height:1.4em;}*/
/*.step5 .report ul li:nth-child(even) {float:right;}*/
/*.step5 .report ul li b {position:absolute; left:0; top:8px; font-family: 'Pretendard-Semibold'; color:#2f37ff; margin-bottom:15px; display: inline-block;}*/
/*.step5 .report ul li b.li_b {position: relative; top:0;}*/
/*.step5 .report ul li .contents {font-size:16px; color:#989898; line-height:1.45em; font-family:'Pretendard-Regular'}*/
.step5 .report img {width:auto; max-width:100%; max-height:300px; height:auto;}
.step5 .report .part_box:after {content:''; clear: both; display: table;}
.step5 .report .part_box .img {float:left; width:250px; height:250px; border-radius:10px; border:1px solid #eee;}
.step5 .report .part_box .txt {float:right; width:calc(100% - 290px); margin-top:15px;}
.step5 .report .part_box .txt ul li {width:100%; position: relative; font-size:22px; padding:1px 0; color:#222; font-family: 'Pretendard-Semibold'}
.step5 .report ul li b {position:relative; left:0; top:0px; font-family: 'Pretendard-Semibold'; color:#2f37ff; margin-bottom:15px; display: inline-block;}
.step5 .report ul li .contents {font-size:16px; color:#989898; line-height:1.45em; font-family:'Pretendard-Regular'}
.step5 .report .part_cont {margin-top:20px;}
.step5 .report .part_cont span {display: inline-block; line-height:1.4em; color:#777; font-size:15px;}
.step5 .report .part_cont img {margin:20px 0;}
.step5 .report .box:after {content:''; clear: both; display: table;}
.step5 .report .box .pic {float:left; margin:0; width:250px; height:250px; border-radius:15px;}
.step5 .report .box .pic p {display: none;}
.step5 .report .box .pic p img {width:25px;}
.step5 .report .box .pic.no {border:1px dashed #ccc; background:#fff !important;}
.step5 .report .box .pic.no p {display: block; font-size:14px; color:#999;}
.step5 .report .box .pic.no img {margin-bottom:12px;}
.step5 .report .box .txt {float:left; width:100%;}
.step5 .report .box .txt p {width:100%; border:1px solid #ddd; border-radius:10px 10px 0 0; padding:12px 15px; font-size:14px; color:#888;}
.step5 .report .box .txt textarea {width:100%; border:1px solid #ddd; border-top:none; padding:15px; font-size:14px; color:#444; border-radius:0 0 10px 10px; height:209px; resize:none;}
.step5 .report .box .txt textarea:focus {outline: none; }

.step5 .report .map_mar div {margin:0 auto;}

.step5 .report .bt_box {text-align:center;}
.step5 .report .bt_box button {height:50px; padding:0 50px; border-radius:5px; background:#eee; margin:75px 1px 25px 2px; border:none; font-size:18px; color:#aaa; letter-spacing: .5px; }
.step5 .report .bt_box button:hover {background: #222; color: #fff;}

.step5 .m_link {margin-top:60px; display: inline-block; font-size:14px; color:#bbb;border-bottom:1px solid #ddd; padding-bottom:2px; font-family: 'Pretendard-Light'; }









.step6 {text-align:center;}
.step6 .wid {padding:100px 0 160px 0;}
.step6 h4 {font-size:18px; color:#8f8f8f; font-family: 'Pretendard-Medium'; font-weight: 400; }
.step6 h3 {font-size:37px; color:#000; margin:15px 0 20px 0; font-family: 'Pretendard-SemiBold';}
.step6 button {width:480px; margin-top:20px; background:#000; color:#fff; height:60px; border-radius:10px; font-size:20px; border:none;}
.step6 button.home {width:480px; margin-top:20px; background:#ccc; border: 1px solid #ccc; height:60px; border-radius:10px; font-size:20px;}
.step6 div.column {flex-direction: column; display: flex; flex-direction: column; align-items: center;}







.pagenation {margin-top:60px;}
.pagenation ul {text-align:center; margin:0px 0 0px 0;}
.pagenation ul li {display:inline-block; padding:0 0px; height:35px; width:35px; border-radius:2px; font-size:18px; margin:0 5px; padding-top:7px; border-radius:50%;}
.pagenation ul li:first-child {width:auto; padding:0; height:35px;color:#000; position:relative; top:-1px;margin-right:25px;}
.pagenation ul li:last-child {width:auto; padding:0; height:35px;color:#000; position:relative;  top:-1px; margin-left:25px;}
.pagenation ul li a {color:#000;}
.pagenation ul li:first-child img {margin-right:10px; position: relative; top:-3px;}
.pagenation ul li:last-child img {margin-left:10px; position: relative; top:-3px;}
.pagenation ul li.on {background:#2F37FF; color:#fff;}
.pagenation ul li.on a {color:#fff;}









.order_pop {position: fixed; left:0; top:0; width:100%; height:100%; z-index: 100; display: none;}
.order_pop.on {display: block;}
.order_pop .order_bg {position: absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,.3);}
.order_pop .view {position: absolute; left:50%; top:50%; transform: translate(-50%,-50%); max-width:800px; height:80%; width:90%; border-radius:10px; background:#fff; overflow-y:scroll; padding:50px 50px;}
.order_pop .view::-webkit-scrollbar {display: none;}
.order_pop .view .order_close {position: absolute; right:45px; top:50px; border:none; background:none; z-index: 1;}
.order_pop .view .txt_box {text-align:left; position: relative; width:100%;}
.order_pop .view .txt_box:after {content:''; clear: both; display: table;}
.order_pop .view h5 {font-size:18px; color:#c0c0c0; position: relative; font-weight: 400;}
.order_pop .view .txt_box .img {width:230px; height:230px; float:left; border-radius:16px; background:url('../img/step4_img.svg')no-repeat center; background-size: cover; margin-right:30px ;margin-top:30px;}
.order_pop .view .txt_box .txt {float:left; margin-top:185px;}
.order_pop .view .txt_box .txt p {font-size:22px; font-family: 'Pretendard-SemiBold'; }
.order_pop .view .txt_box .txt p b {font-weight: 400; display: inline-block; margin-top:10px; color:#2f37ff;}
.order_pop .view span {font-size:14px; color:#989898; margin-top:25px; line-height:1.5em; display: inline-block; text-align:left;}
.order_pop .view span img {width:100%; margin:25px 0;}
.order_pop .view .order_bt {margin-top:40px; height:55px; font-size:16px; color:#fff; width:100%; border-radius:10px;  border:none; background:#000;}











@media screen and (max-width:1400px) {
	.step5 .wid {padding:100px 30px 160px 30px;}
	.step_guide .wid{padding:80px 30px;}
	.step_guide .wid .box {padding:67px 50px 15px 255px; height:470px}
	.step_guide .wid .box img {width:268px;}
}

@media screen and (max-width:1280px) {
	.step5 .part_list .list {width:calc((100% - 60px) / 3);}
	.step5 .part_list .list:nth-child(4n) {margin-right:20px;}
	.step5 .part_list .list:nth-child(3n) {margin-right:0;}

	.step_guide .wid .box {padding-top:27px;}
	.step_guide .wid .box p {margin-top:10px; line-height:1.35em;}
}

@media screen and (max-width:1050px) {
	.step1 h4 {font-size:16px;}
	.step1 h3 {font-size:32px;}
	.step1 .input_box {max-width:440px;}

	.step_guide .wid .box {width:100%; padding:70px 50px 15px 233px}
	.step_guide .wid .box.box_last {height:180px;}
	.step_guide .wid .box img {width:236px;}

}

@media screen and (max-width:950px) {
	.step_hd ul li { width:119px;}
	.step_hd ul li span {font-size:12px;}
	.step_hd ul li:before {width:82px; left:81px;}

	.step4 .wid {padding:100px 30px 160px 30px;}

	.step5 .part_list .list {width:calc((100% - 40px) / 2);}
	.step5 .part_list .list:nth-child(3n) {margin-right:20px;}
	.step5 .part_list .list:nth-child(2n) {margin-right:0;}

	.pagenation ul li {font-size:14px; width:30px; height:30px;}
	.pagenation ul li:last-child img {width:20px; margin-left:9PX;}
	.pagenation ul li:first-child img {width:20px; margin-right:9px;}

	.order_pop .view .txt_box .txt {width:100%; margin-top:30px;}

	.step5 .report ul li {width:100%;}
}

@media screen and (max-width:700px) {
	.step {margin-top:110px;}

	.step_hd{padding:35px 0 65px 0}
	.step_hd ul li {width:64px; font-size:15px;}
	.step_hd ul li:after {width:33px; height:33px; top:-8px;}
	.step_hd ul li span {position: absolute; left:50%; top:15px; font-size:10px; transform:translate(-50%,0);}
	.step_hd ul li:before {width:34px; left:49px;}
	.step_hd ul li img {width:14px;}

	.step_guide .wid {overflow:hidden;}
	.step_guide .wid h2 {font-size:22px; margin-bottom:0;}
	.step_guide .wid .box {padding:0 0 30px 0; height:auto; text-align:center;}
	.step_guide .wid .box h3 {text-align:left;}
	.step_guide .wid .box p {text-align:left;margin-bottom:34px;}
	.step_guide .wid .box img {position: relative; margin-bottom:-34px; left:25px;  width:319px;}
	.step_guide .wid .box button {width:100%; font-size:18px;}
	.step_guide .wid .box button img {margin-bottom:0;}
	.step_guide .wid .box.box_last {height:100px;}

	.step1 .wid {padding:80px 20px 160px 20px;}
	.step1 h4 {font-size:16px;}
	.step1 h3 {font-size:22px;}
	.step1 .input_box input[type="text"] {height:55px; font-size:16px;}
	.step1 .input_box button img {width:35px;}

	.step1 .input_box .posi_search {top:55px;}
	.step1 .input_box .posi_search .img {width:100px; height:100px; border-radius:5px;}
	.step1 .input_box .posi_search .txt {width:calc(100% - 120px); }
	.step1 .input_box .posi_search .txt p {font-size:16px; margin-top:1px; }
	.step1 .input_box .posi_search .txt span {margin-top:5px; font-size:12px;}
	.step1 .input_box .posi_search .txt button {padding:4px 12px 4px 12px; margin-top:9px; font-size:12px;}
	.step1 .input_box .posi_search .txt2 span {font-size:13px; padding-bottom:10px; margin-bottom:10px;}
	.step1 .input_box .radio_box input[type="radio"] + label {font-size:13px;}

	.step1 .input_box .mo_box span {font-size:12px;}
	.step1 .input_box .mo_box button {font-size:13px; margin-top:27px; padding:4px 14px 6px 14px}

	.step3 .wid {padding:80px 20px 120px 20px;}
	.step3 h4 {font-size:15px; margin-bottom:30px;}
	.step3 .box {float:left; width:47%; margin:0 1.5%; height:165px; padding:26px 0;}
	.step3 .box img {width:55px; margin-top:25px;}


	.step4 .wid {padding:80px 20px 120px 20px;}
	.step4 h4 {font-size:16px; margin-bottom:30px;}
	.step4 h5 {font-size:16px; }
	.step4 h5:after {width:calc(100% - 86px); top:9px;}
	.step4 .txt_box .img {width:120px; height:120px; margin-right:0;}
	.step4 .txt_box .txt {width:calc(100% - 135px); margin-top:35px; float:right;}
	.step4 .txt_box .txt p {font-size:16px;}
	.step4 .txt_box .txt p b {margin-top:6px;}
	.step4 span.contents {font-size:14px; margin-top:12px;}

	.step4 .tab_menu .list {margin-top:35px;}
	.step4 .tab_menu .list .btn {font-size:14px; padding-bottom:11px;}
	.step4 .tab_menu .swiper-button-next, .step4 .tab_menu .swiper-button-prev {bottom:1px !important;}
	.step4 .tab_menu .swiper-button-next img, .step4 .tab_menu .swiper-button-prev img {width:25px;}
	.step4 .tab_menu .swiper-button-next {right:8px !important;}
	.step4 .tab_menu .swiper-button-prev {left:inherit; right:40px !important}

	.step4 .tab_menu .list {margin-top:35px;}
	.step4 .tab_menu .list .btn {font-size:14px; padding-bottom:11px;}
	.step4 .tab_menu .swiper-button-next img, .step4 .tab_menu .swiper-button-prev img {width:25px;}
	.step4 .tab_menu .swiper-button-next {right:40.8% !important;}
	.step4 .tab_menu .swiper-button-prev {left:40.8% !important;}
	.step4 .tab_menu .swiper-slide {padding:20px 0 70px 0;}
	.step4 .tab_menu .swiper-slide img.map2, .step4 .tab_menu .swiper-slide img.map4, .step4 .tab_menu .swiper-slide img.map6, .step4 .tab_menu .swiper-slide img.map8, .step4 .tab_menu .swiper-slide img.map11, .step4 .tab_menu .swiper-slide img.map12 {height:220px; width:auto;}

	.step5 .wid {padding:60px 20px 120px 20px;}
	.step5 h4 {font-size:16px; margin-bottom:25px;}
	.step5 .part_list .list {width:calc((100% - 10px) / 2); margin-right:10px;}
	.step5 .part_list .list:nth-child(4n) {margin-right:10px;}
	.step5 .part_list .list:nth-child(3n) {margin-right:10px;}
	.step5 .part_list .list:nth-child(2n) {margin-right:0;}
	.step5 .part_list .list .img {height:130px;}
	.step5 .part_list .list .txt {padding:14px 18px;}
	.step5 .part_list .list .txt h3 {font-size:16px;}
	.step5 .part_list .list .txt span {font-size:11px;}
	.step5 .part_list .list .txt p {font-size:14px; margin-top:20px;}
	.step5 .part_list .list .order {position: relative; width:100%; right:0; bottom:0; margin-top:6px;  border-radius:0;}
	.step5 button {margin-top:60px;}

	.step5 .report .report_info {padding:15px 15px 5px 15px}
	.step5 .report .report_info .txt {width:100%;}
	.step5 .report .report_info .txt .b_p {top:-30px; left:165px; border-radius:5px;}
	.step5 .report .report_info .txt .txt_p {margin-top:15px;}
	.step5 .report .report_info .txt ul li {padding:5px 0 15px 0;}
	.step5 .report .report_info .txt ul li b {position: relative; top:0; margin-bottom:5px; width:100%;}

	.order_pop .view {padding:30px 25px;}
	.order_pop .view .txt_box .img {width:100%; height:auto; padding-top:100%;}
	.order_pop .view .order_close {top:25px; right:25px;}
	.order_pop .view .txt_box .txt p {font-size:18px;}


	.step6 .wid {padding:80px 20px 120px 20px;}
	.step6 h4 {font-size:16px; margin-bottom:10px;}
	.step6 h3 {font-size:22px; }
	.step6 img {width:100%;}
	.step6 button {width:100%; height:50px; font-size :18px; margin-top:35px;}
	.step6 button.home {width:100%; height:50px; font-size :18px; margin-top:10px;}


	.pagenation {margin-top:40px;}
	.pagenation ul li:first-child {margin-right:15px;}
	.pagenation ul li:last-child {margin-left:15px;}
	.pagenation ul li {width:25px; height:25px; font-size:12px; margin:0; padding-top:6px;}


	.step5 .report ul li {font-size:13px;}
	.step5 .report ul li .contents {font-size:14px;}
	.step5 .report ul li b {margin-bottom:5px;}
	.step5 .report h3 {margin-top:-10px;}
	.step5 .report .part_box .img {width:100%; height:auto; padding-top:100%;}
	.step5 .report .part_box .txt {width:100%; margin-top:20px; margin-bottom:20px;}
	.step5 .report .part_box .txt ul li b {top:0;}
	.step5 .report .part_box .txt ul li {font-size:16px;}
	.step5 .report .part_cont span {font-size:14px;}

	.step5 .report .box .pic {width:100%; height:170px;}
	.step5 .report .box .txt {width:100%; margin-top:10px;}

	.step5 .report .bt_box button {padding:0; width:48.5%; float:left;  margin-top:50px;}
	.step5 .report .bt_box button.submit {float:right;}

}

@media screen and (max-width:380px) {
	.step1 .input_box .mo_box button {margin-top:18px;}
}











.chat_pop {position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 1001; display: none;}
.chat_pop.on {display: block;}
.chat_pop .chat_bg {position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(73, 73, 73, 0.20);  z-index: 0;}
.chat_pop .view {position: absolute; left: 50%; top: 50%;  height:700px; width: 600px; border-radius: 25px; background: #fff; z-index: 1; transform: translate(-50%,-50%); overflow: hidden; box-shadow: 0 0 10px rgba(0,0,0,.15); padding:0 0 60px 0;}
.chat_pop .view .chat_v {height:100%;}
.chat_pop .view .top_line {height:60px; border-bottom:1px solid #e7e7e7;padding:20px; position: relative;}
.chat_pop .view .top_line:after {content:''; clear:both; display: table;}
.chat_pop .view .top_line p {width:100%; text-align: center; font-size:18px; font-family: 'Pretendard-Medium'; padding-top:1px;}

.chat_pop .view .chat_middle {height:calc(100% - 121px); width:100%; padding:20px; overflow-y: scroll;}
.chat_pop .view .chat_middle:after {content:''; clear: both; display: table;}
.chat_pop .view .chat_middle::-webkit-scrollbar {
    width: 7px;
  }
.chat_pop .view .chat_middle::-webkit-scrollbar-thumb {
    background-color: #ddd;
    border-radius: 10px;
    background-clip: padding-box;
    border: 1px solid transparent;
  }
.chat_pop .view .chat_middle::-webkit-scrollbar-track {
    background-color: #f7f7f7;
    border-radius: 10px;
  }
.chat_pop .view .chat_middle .day_txt {width:100%; position: relative; text-align:center; clear: both; margin:60px 0 10px 0;}
.chat_pop .view .chat_middle .day_txt_first {margin-top:0;}
.chat_pop .view .chat_middle .day_txt span {width:110px; background:#fff; font-size:1em; color:#999; display: inline-block; position: relative; z-index: 1;}
.chat_pop .view .chat_middle .day_txt:after {content:''; position: absolute; left:0px; width:100%; height:1px; background:#E9E9E9; top:5px; z-index: 0;}

.chat_pop .view .chat_middle .left_txt {width:100%; position: relative; margin:8px 0; clear: both; float:left;}
.chat_pop .view .chat_middle .left_txt:after {content:''; clear: both; display: table;}
.chat_pop .view .chat_middle .left_txt .txt {width:auto; max-width:70%; border-radius:0 30px 30px 30px; padding:15px 25px; background:#f2f2f2; font-size:1.15em; color:#222; line-height:1.4em; display: inline-block; position: relative;}
.chat_pop .view .chat_middle .left_txt .txt span {position: absolute; right:-55px; font-size:.8em; color:#CCC; bottom:1px;}

.chat_pop .view .chat_middle .right_txt {float:right; width:100%; position: relative; margin:8px 0; clear: both;}
.chat_pop .view .chat_middle .right_txt:after {content:''; clear: both; display: table;}
.chat_pop .view .chat_middle .right_txt .txt {width:auto; max-width:70%; border-radius:30px 0 30px 30px; padding:15px 25px; background: linear-gradient(to right, #4397ff, #2F37FF); font-size:1.15em; line-height:1.4em; color:#fff; display: inline-block; float:right; position: relative;}
.chat_pop .view .chat_middle .right_txt .txt span {position: absolute; left:-55px; font-size:.8em; color:#CCC; bottom:1px;}


.chat_pop .view .chat_go {height:60px; width:100%; border-top:1px solid #e5e7f0; padding:0 20px; position: relative;}
.chat_pop .view .chat_go button {border:none; background:none;}
.chat_pop .view .chat_go .file_go {position: absolute; left:10px; top:9px;}
.chat_pop .view .chat_go .submit_bt {position: absolute; right:10px; top:9px;}
.chat_pop .view .chat_go input[type="text"] {width:100%; height:59px; border:none; font-size:1.2em; padding:0 40px 0 0px; color:#444;}
.chat_pop .view .chat_go input[type="text"]:focus {outline: none;}
.chat_pop .view .chat_go input[type="text"]::placeholder {color:#bbb;}


.chat_pop .view .chat_cancel {position: absolute; left: 0; bottom: 0; width: 100%; height: 60px; background: #f0f0f0; border: 1px solid #eee; font-size: 18px; color: #333;  border-left:none; border-bottom: none;}
.chat_pop .view .chat_confirm {position: absolute; right: 0; bottom: 0; background: #2F37FF; border: none; color: #fff; font-size: 18px; height: 60px; width: 50%;}