@charset "utf-8";

/***** 공통사항 *****/
.sec {padding:150px 0;}
.inner {width:1100px; margin:0 auto; text-align:left; font-family:'Lato','NotoKrR',sans-serif;}

/***** 메인비주얼영역 *****/
#mvisual_wrap{position:relative;}
#mvisual{position:relative;width:100%;height:720px;}
#mvisual .main_swiper{position:absolute;top:0;left:0;width:100%;height:100%;}
#mvisual .main_swiper .swiper-slide {height:720px; overflow:hidden;}
#mvisual .main_swiper .swiper-slide.bg01{background:url(/nanum/site/builder/main/main05_01/img/mvisual1.jpg) no-repeat center center;  }
#mvisual .main_swiper .swiper-slide:after {content:""; display:block; width:100%; height:100%; position:absolute; left:0; top:0; z-index:1; background-size:cover !important;}
#mvisual .main_swiper .swiper-slide.bg01:after {background:url(/nanum/site/builder/main/main05_01/img/mvisual1.jpg) no-repeat center top;}

@keyframes ani {
	0%   {top:0%; transfrom:}
	100%   {top:0%; transform:scale(1.1) rotate(.001deg); background-size:cover; }
}
@-webkit-keyframes ani {
	0%   {top:0%;}
	100%   {top:0%; transform:scale(1.1)rotate(.001deg); background-size:cover;}
}
@media screen and (min-width: 1024px){
#mvisual .main_swiper .swiper-slide:after {
animation-name:ani;
animation-duration: 8s;
animation-delay:1s;
animation-fill-mode: both;
animation-iteration-count: infinite;
animation-direction: alternate;
animation-timing-function: ease-in-out;
-webkit-animation-name:ani;
-webkit-animation-duration: 8s;
-webkit-animation-fill-mode: both;
-webkit-animation-iteration-count: infinite;
-webkit-animation-direction: alternate;
-webkit-animation-timing-function: ease-in-out;}
}



#mvisual .main_swiper .swiper-slide .mimg_slide{width:1100px;margin:0 auto;text-align:left;}
#mvisual .main_swiper .swiper-slide .text{position:relative;  margin-top:130px;color:#000;z-index:2; padding:60px; text-align:center;}
#mvisual .main_swiper .swiper-slide .text .txt1{position:relative; display:inline-block; font-size:65px; color:#fff; font-family:'NotoKrB', sans-serif;line-height:1.2; letter-spacing:-0.08em;}
#mvisual .main_swiper .swiper-slide .text .txt1 span {font-size:32px; display:block; font-family:'NotoKrL', sans-serif; margin-bottom:5px }
#mvisual .main_swiper .swiper-slide .text .txt1:after {position:absolute; content:''; bottom:5px; right:-20px; width:8px; height:8px; background:#eeed43; border-radius:50px;}
#mvisual .main_swiper .swiper-slide .text .txt2{margin:40px 0 30px 0;font-size:20px; color:rgba(255,255,255,0.8); font-family:'NotoKrR', sans-serif;line-height:1.8;letter-spacing:-0.08em;}
#mvisual .main_swiper .swiper-slide .text .txt2 strong{font-family:'NotoKrB', sans-serif;}
#mvisual .main_swiper .swiper-slide .text .txt2 span{margin-left:10px;}
#mvisual .main_swiper .swiper-slide .text .txt3{font-size:17px;font-family:'NotoKrM', sans-serif;color:#858686;letter-spacing:-1px;line-height:30px;}
#mvisual .main_swiper .swiper-slide .txt1,
#mvisual .main_swiper .swiper-slide .txt2,
#mvisual .main_swiper .swiper-slide .txt3{opacity:0;filter:Alpha(opacity=0);-webkit-transition:opacity 1.0s, transform 1.0s;-moz-transition:opacity 1.0s, transform 1.0s;-o-transition:opacity 1.0s, transform 1.0s;-ms-transition:opacity 1.0s, transform 1.0s;transition:opacity 1.0s, transform 1.0s;}
#mvisual .main_swiper .swiper-slide .txt1{-ms-transform: translateY(-50px); -o-transform: translateY(-50px); -moz-transform: translateY(-50px);-webkit-transform: translateY(-50px); transform: translateY(-50px);}
#mvisual .main_swiper .swiper-slide .txt2{-ms-transform: translateY(-100px); -o-transform: translateY(-100px); -moz-transform: translateY(-100px);-webkit-transform: translateY(-100px); transform: translateY(-100px);} 
#mvisual .main_swiper .swiper-slide .txt3{-ms-transform: translateY(-130px); -o-transform: translateY(-130px); -moz-transform: translateY(-130px);-webkit-transform: translateY(-130px); transform: translateY(-130px);} 
#mvisual .main_swiper .swiper-slide.swiper-slide-active .txt1,
#mvisual .main_swiper .swiper-slide.swiper-slide-active .txt2,
#mvisual .main_swiper .swiper-slide.swiper-slide-active .txt3{opacity:1.0;filter:Alpha(opacity=100);-ms-transform: translateY(0px); -o-transform: translateY(0px); -moz-transform: translateX(0px);-webkit-transform: translateY(0px); transform: translateY(0px);}

/*버튼*/
#mvisual .main_swiper .swiper-slide .more_btn {width:62px; height:62px; display:block; margin:0 auto;} 

/*스크롤*/
#mvisual .scroll_img{position:absolute;bottom:60px;left:50%;width:22px;height:32px;margin-left:-15px;border:2px solid #fff;border-radius:50px;box-sizing:border-box;
z-index:5}
#mvisual .scroll_img::before{position:absolute;top:10px;left:50%;content:'';width:3px;height:6px;margin-left:-1px;background-color:#fff;border-radius:100%;-webkit-animation:sdb 2s infinite;animation:sdb 2s infinite;box-sizing:border-box;z-index:2}

@-webkit-keyframes sdb {
	0% {-webkit-transform: translate(0, 0);opacity: 0;}
	40% {opacity: 1;}
	80% {-webkit-transform: translate(0, 10px);opacity: 0;}
	100% {opacity: 0;}
}
@keyframes sdb {
	0% {transform: translate(0, 0);opacity: 0;}
	40% {opacity: 1;}
	80% {transform: translate(0, 10px);opacity: 0;}
	100% {opacity: 0;}
}
@-webkit-keyframes btnt {
	0% {-webkit-transform: translate(0, 0);}
	40% {opacity: 1;}
	80% {-webkit-transform: translate(10px, 0);}
	100% {opacity: 0;}
}
@keyframes btnt {
	0% {transform: translate(0, 0);}
	40% {opacity: 1;}
	80% {transform: translate(10px, 0);}
	100% {opacity: 0;}
}



/***** 닥터헬기란 *****/
.about {overflow:hidden;}
.about .inner {position:relative;}
.about .le {width:410px; float:left;}
.about .ri {width:690px; float:left;}

.about .le h3 {position:relative; width:345px; word-break:keep-all; font-size:14px; font-family:'NotoKrB',sans-serif;
font-size:50px; color:#000; line-height:65px; letter-spacing:-0.08em; padding:0 0 30px 0;}
.about .le h3 span {position:absolute; top: -17px; right: -30px; font-size:17px; font-family:'Lato',sans-serif; letter-spacing:0;}
.about .le .con_btn {font-size:14px; color:#2e3192; font-family:'lato', sans-serif; font-weight:700;  padding:10px 50px 10px 0; background:url(/nanum/site/builder/main/main05_01/img/btn.png)no-repeat right center; }

.about .ri .bg1 {position:absolute; top:-120px; right:0; animation:move 2s ease-in-out Alternate forwards; -webkit-animation:move 2s ease-in-out Alternate forwards; 
}


@keyframes move {
	0% {opacity:0; }
	100% {opacity:1; transform: translate(-180px, 0);}
}

@-webkit-keyframes move {
	0% {opacity:0; }
	100% {opacity:1; transform: translate(-180px, 0);}
}



.about .ri .text {margin: 0 40px;}
.about .ri .tit {width:100%;  border:4px solid #ea2931; font-size:21px; line-height:66px; color:#000; font-family:'NotoKrM',SANS-SERIF; margin-top:162px;
background:url('/nanum/site/builder/main/main05_01/img/about_chk.jpg') no-repeat 101% 0%; letter-spacing:-0.05em;}
.about .ri .tit span {padding:0 25px; }
.about .ri .txt {font-size:18px; color:#373737; line-height:32px; padding:40px 0 0 25px; letter-spacing:-0.05em;}


/***** 증상 *****/
.sec.symptom {background:#e4eef6; padding:80px 0;}
.sec.symptom .inner {position:relative; }
.symptom_swiper { width:920px; overflow:hidden; margin:0 auto; }
.sec.symptom .symptom_swiper ul {padding:20px;}
.sec.symptom .symptom_swiper ul li.swiper-slide {position:relative; width:420px; height:356px; margin-right:42px; background:#fff; float:left; border-radius:20px; overflow:hidden; box-shadow:0px 5px 15px rgba(0,0,0,0.15);}
.sec.symptom .symptom_swiper ul li .thumb i {position:absolute; top:20px; right:20px; }
.sec.symptom .symptom_swiper ul li img {max-width:100%;}
.sec.symptom .symptom_swiper ul li .desc {position:relative; width:100%; height:140px; background:#fff; padding-bottom:20px;}
.sec.symptom .symptom_swiper ul li .desc .scroll {width:100%; height:140px; overflow-y:scroll;  -ms-overflow-style: none; /* IE and Edge */
    scrollbar-width: none; /* Firefox */}
.sec.symptom .symptom_swiper ul li .desc .scroll::-webkit-scrollbar { display: none; /* Chrome, Safari, Opera*/}

.sec.symptom .symptom_swiper ul li .desc:after {position:absolute; top:-16px; right:30px; width:33px; height:18px; content:''; background:url(/nanum/site/builder/main/main05_01/img/symptom_arr.png)no-repeat 50% 50%;}
.sec.symptom .symptom_swiper ul li .tit {font-size:24px; color:#000; font-weight:700; padding:30px 0 12px 40px; font-family:'NotoKrB',sans-serif;  letter-spacing:-0.08em;}
.sec.symptom .symptom_swiper > ul > li ul {padding:0 20px 0 40px;}
.sec.symptom .symptom_swiper > ul > li ul li {font-size:15px; color:#777; float:none;  letter-spacing:-0.05em;}

.symptom_page {position:relative; text-align:center; bottom:0; margin-top:50px; }
.symptom_page .swiper-pagination-bullet {width:40px; height:4px; background:rgba(0,0,0,0.4); border-radius:0;}
.symptom_page .swiper-pagination-bullet-active {width:50px; height:4px; background:#000; border-radius:0;}

.arr_btn {width:56px; height:56px; position:absolute; top:42%; z-index:1; cursor:pointer;}
.sym_next_btn {background:url(/nanum/site/builder/main/main05_01/img/next_btn.png)no-repeat 50% 50%; right:0;}
.sym_prev_btn {background:url(/nanum/site/builder/main/main05_01/img/prev_btn.png)no-repeat 50% 50%;}


/***** 프로세스 *****/
.process {background:url(/nanum/site/builder/main/main05_01/img/process_bg.jpg)no-repeat 100% 100%; overflow:hidden;}
.process h3 {position:relative; font-size:50px; color:#000; line-height:65px; letter-spacing:-0.08em; padding:0 0 130px 0; font-family:'NotoKrB',sans-serif;}
.process h3 span {position:absolute; bottom: 148px; left: 362px; font-size:17px; font-family:'Lato',sans-serif; letter-spacing:0;}
.step_wrap {width:50%; float:left; background:url(/nanum/site/builder/main/main05_01/img/step_line_bg.png) no-repeat 26px 5px;}
.step_wrap .stepitem {position:relative; padding-bottom:32px; display:inline-block;}
.step_wrap .stepitem i {position:absolute; top:0; left:0; width:56px; height:56px; display:inline-block; color:#aaaaaa; font-size:18px;line-height:56px; text-align:center; background:url(/nanum/site/builder/main/main05_01/img/step_num_bg.png)no-repeat center center; font-style: normal;}
.step_wrap .stepitem:hover i { background:url(/nanum/site/builder/main/main05_01/img/step_num_on.png)no-repeat center center; color:#fff; border-radius:50px; box-shadow:0px 10px 15px rgba(218,37,44,0.3);}
.step_wrap .stepitem:hover .box_wrap .box {border:2px solid #000;}
.step_wrap .stepitem.on i { background:url(/nanum/site/builder/main/main05_01/img/step_num_on.png)no-repeat center center; color:#fff; border-radius:50px; box-shadow:0px 10px 15px rgba(218,37,44,0.3);}
.step_wrap .stepitem.on .box_wrap .box {border:2px solid #000;}

.step_wrap .stepitem .box_wrap{position:relative; width:350px; margin:0 0 0 70px;}
.step_wrap .stepitem .box_wrap:after {position:absolute; top:20px; left:-11px; content:''; width:12px; height:12px; background:url(/nanum/site/builder/main/main05_01/img/step_arr_off.png)no-repeat 0 50%;}
.step_wrap .stepitem:hover .box_wrap:after,
.step_wrap .stepitem.on .box_wrap:after {position:absolute; top:20px; left:-10px; content:''; width:12px; height:12px; background:url(/nanum/site/builder/main/main05_01/img/step_arr_on.png)no-repeat 0 50%;}
.step_wrap .stepitem .box { font-family:'NotoKrM',Sans-serif; letter-spacing:-0.08em; border:1px solid #ddd; padding:15px; font-size:16px; color:#5e5e5e; border-radius:10px; background:#fff; box-shadow:0px 2px 5px rgba(0,0,0,0.15);}

.process .step_swiper {position:relative; width:500px; float:right; overflow:hidden; padding:20px; padding-bottom:40px; }
.process .step_swiper .swiper-wrapper {height:auto; border-radius:50px; box-shadow:0px 5px 10px rgba(0,0,0,0.3); }
.process .step_swiper .swiper-slide {border-radius:50px; overflow:hidden;}
.process .step_swiper .swiper-slide img {width:100%;}

.process .btn_wrap {position:absolute; right:100px; bottom:15px; width:122px; height:55px; background:#fff; display:inline-block; 
border-radius:50px; box-shadow:5px 5px 10px rgba(0,0,0,0.2); z-index:1;}
.process .btn_wrap .btn {width:60px; height:55px; cursor:pointer; background-position:center center; background-repeat: no-repeat; line-height:55px; display:inline-block; position:absolute;}
.process .btn_wrap .step_next {background-image: url(/nanum/site/builder/main/main05_01/img/step_next_btn.gif); right: 0;
    top: 0;}
.process .btn_wrap .step_prev {background-image: url(/nanum/site/builder/main/main05_01/img/step_prev_btn.gif); left:0; top:0;}


/***** 준수사항 *****/

.checklist {background:#278ad9 url(/nanum/site/builder/main/main05_01/img/checklist_bg.jpg)no-repeat center bottom;}
.checklist h3 {position:relative; width:335px; margin:0 auto; font-size:50px; color:#fff; text-align:center; padding-bottom:50px; font-family:'NotoKrB',sans-serif;}
.checklist h3 span {position:absolute; top: 10px; right: -30px; font-size:17px; font-family:'Lato',sans-serif; letter-spacing:0;}

.checklist dl {border-top:2px solid #fff; position:relative; padding:38px 0;}
.checklist dl dt {font-size:26px; color:#fff; position:absolute; top:38px; left:0; font-family:'NotoKrB',sans-serif;}
.checklist dl dd {font-size:17px; color:#fff; padding-left:300px;}
.checklist dl dd > ul > li {line-height:34px; padding-left:20px; background:url(/nanum/site/builder/main/main05_01/img/bullet.png)no-repeat 0 15px;}
.checklist dl dd > ul > li > ul {margin-bottom:20px;}
.checklist dl dd > ul > li > ul > li {padding-left:50px; font-size:16px; line-height:24px; color:rgba(255,255,255,0.7);}
.checklist dl dd .con_btn2 {font-size:15px; display:inline-block; padding:10px 80px 10px 15px; color:#fff; border:2px solid rgba(255,255,255,0.8); border-radius:5px; margin-right:10px;
background:url(/nanum/site/builder/main/main05_01/img/arr_btn.png)no-repeat 94% 50%; transition:.3s;}
.checklist dl dd .con_btn2:hover {background-position:90% 50%;}
.checklist dl.last {border-top:1px dashed #fff; border-bottom:2px solid #fff;}


/***** 푸터 *****/

#footer {width:100%; background:#fff; font-size:16px; line-height:1; }
#footer .finfo {padding:50px 0;}
#footer .finfo .address {color:#555; font-size:15px; margin-bottom:20px; text-align:center; font-family:'Lato','NotoKrM',sans-serif; }
#footer .finfo .address span {margin-right:18px;}
#footer .finfo .copyright {color:#bfbfbf; text-align:center; font-size:14px;}



/****************************** 태블릿 ******************************/
@media all and (max-width:1024px){

/***** 공통사항 *****/
.sec {padding:80px 0;}
.inner {width:100%; padding:0 2%; box-sizing:border-box;}


/***** 메인비주얼영역 *****/
#mvisual {height:500px;}
#mvisual .main_swiper .swiper-slide {height:500px;}
#mvisual .main_swiper .swiper-slide .text{float:none; margin:60px auto; width:auto; height:auto; border-radius:0; padding:40px;}
#mvisual .main_swiper .swiper-slide .text .txt1{font-size:36px;}
#mvisual .main_swiper .swiper-slide .text .txt1 span {font-size:20px;}
#mvisual .main_swiper .swiper-slide .text .txt2 {font-size:16px;}

/*버튼*/
#mvisual .main_swiper .swiper-slide .more_btn {width:42px; height:42px; } 
#mvisual .main_swiper .swiper-slide .more_btn img {width:100%;}

/*스크롤*/
#mvisual .scroll_img{bottom:30px;}


/***** 닥터헬기란 *****/
.about .le {width:40%;}
.about .ri {width:60%;}

.about .le h3 {width:100%; font-size:35px; line-height:1.2; padding:0 0 30px 0;}
.about .le h3 span {display:none;}
.about .ri .bg1 {position:absolute; top:-50px; right:0; animation:none; }
.about .ri .bg1 img {max-width:80%;}

.about .ri .text {margin: 0 20px;}
.about .ri .tit {font-size:18px; line-height:1; color:#000; font-family:'NotoKrM',SANS-SERIF; margin-top:162px;
background-size:45px auto; letter-spacing:-0.05em; background-color:#ea2931; background-position:right 50%;}
.about .ri .tit span {line-height:1.2; display:inline-block; height:auto; padding:20px 50px 20px 10px; background:#fff; margin-right:40px; }
.about .ri .txt {font-size:16px; color:#373737; line-height:1.4; padding:20px 0; word-break:keep-all;}
.about .ri .txt br {display:none;}


/***** 증상 *****/
.sec.symptom {padding:40px 0;}
.symptom_swiper {width:100%;}
.sec.symptom .symptom_swiper ul {padding:20px;}
.sec.symptom .symptom_swiper ul li.swiper-slide {position:relative; width:45%; height:auto; margin:0 2%; }
.sec.symptom .symptom_swiper ul li .desc {position:relative; width:100%; min-height:160px; background:#fff; }
.sec.symptom .symptom_swiper ul li .tit {font-size:20px;padding:25px 0 18px 20px;}
.sec.symptom .symptom_swiper > ul > li ul {padding:0 20px;}
.sec.symptom .symptom_swiper > ul > li ul li {font-size:14px; }


/***** 프로세스 *****/
.process {background:url(/nanum/site/builder/main/main05_01/img/process_bg2.jpg)no-repeat bottom left/ 100%; overflow:hidden; } 
.process h3 {font-size:35px; line-height:1.2; padding:0 0 50px 0; width: auto;display: block; text-align:center;}
.process h3 br {display:none;}
.process h3 span {display:none;}

.step_wrap {width:40%; float:left; }
.step_wrap .stepitem {width:100%;}
.step_wrap .stepitem .box_wrap {width:100%;}

.process .step_swiper {position:relative; width:40%; float:right; padding:20px 20px 30px 20px; }
.process .step_swiper .swiper-wrapper {height:auto; }

.process .btn_wrap {width:100px; height:45px; background:#fff; display:inline-block; border-radius:50px; box-shadow:5px 5px 10px rgba(0,0,0,0.2); z-index:1; bottom:10px; right:40px;}
.process .btn_wrap .btn {width:40px; height:45px; line-height:45px;}


/***** 준수사항 *****/
.checklist h3 {position:relative; font-size:35px; padding-bottom:30px;}
.checklist h3 span {display:none;}

.checklist dl {padding:28px 0;}
.checklist dl dt {font-size:20px;}
.checklist dl dd {font-size:16px; padding-left:200px;}
.checklist dl dd > ul > li {line-height:1.8; background-position: 0 12px;}
.checklist dl dd > ul > li > ul {margin-bottom:10px;}
.checklist dl dd > ul > li > ul > li {padding-left:30px; font-size:14px; line-height:1.5; }
.checklist dl dd .con_btn2 {font-size:14px;padding:10px 80px 10px 15px; }


/***** 푸터 *****/
#footer .finfo {padding:30px 0;}
#footer .finfo .address {font-size:14px; margin-bottom:15px;}
#footer .finfo .address span {margin-right:15px;}


}

/****************************** 모바일 ******************************/
@media all and (max-width:767px){

/***** 공통사항 *****/
.sec {padding:50px 0;}

/***** 메인비주얼영역 *****/
#mvisual {height:400px;}
#mvisual .main_swiper .swiper-slide {height:400px;}
#mvisual .main_swiper .swiper-slide .text{float:none; margin:90px auto; width:75%; height:auto; text-align:center; border-radius:0; padding:20px; word-break:keep-all;}
#mvisual .main_swiper .swiper-slide .text .txt1{font-size:30px; }
#mvisual .main_swiper .swiper-slide .text .txt1 span {font-size:16px; display:none;}
#mvisual .main_swiper .swiper-slide .text .txt2{margin:25px 0 15px 0;font-size:14px; line-height:1.6;}

/*버튼*/
#mvisual .main_swiper .swiper-slide .more_btn {display:none;} 

/*스크롤*/
#mvisual .scroll_img{bottom:30px;}


/***** 닥터헬기란 *****/
.about .le {width:100%; float:none; height:auto; text-align:center;}
.about .ri {width:100%; float:none;  height:auto;}

.about .le h3 {width:100%; font-size:22px; text-align:center;}
.about .le .con_btn {font-size:13px; background-size:20px; padding-right:30px; }

.about .ri .bg1 {position:relative; top:0; right:0; text-align:center; padding-top:40px;}
.about .ri .bg1 img {max-width:80%;}

.about .ri .text { margin: 0 auto;}
.about .ri .tit {width:80%; margin:20px auto; font-size:16px; line-height:1; color:#000; font-family:'NotoKrM',SANS-SERIF; margin-top:30px;
background-size:45px auto; letter-spacing:-0.05em; background-color:#ea2931; background-position:right 50%;}
.about .ri .tit span { padding:15px 15px 15px 10px; display:block; }
.about .ri .txt {width:80%; margin:0 auto; font-size:14px; text-align:center;}


/***** 증상 *****/
.sec.symptom {padding:20px 0;}
.sec.symptom .symptom_swiper ul {padding:0; }
.sec.symptom .symptom_swiper ul li.swiper-slide {position:relative; width:98%; height:auto; margin: 0 1%;  }
.sec.symptom .symptom_swiper ul li .thumb img{width:100%;}
.sec.symptom .symptom_swiper ul li .thumb i{max-width:36px;}

.sec.symptom .symptom_swiper ul li .desc {width:100%; height:auto; min-height:auto; padding-bottom:20px;}
.sec.symptom .symptom_swiper ul li .desc .scroll {height:132px;}

.sec.symptom .symptom_swiper ul li .tit {font-size:16px;padding:20px 0 12px 15px; box-sizing:border-box;}
.sec.symptom .symptom_swiper > ul > li ul {padding:0 20px;}
.sec.symptom .symptom_swiper > ul > li ul li {font-size:14px;}

.arr_btn {width:40px; height:40px; background-size:cover}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {width:20px;}
.symptom_page .swiper-pagination-bullet-active {width:30px; }

/***** 프로세스 *****/

.process h3 {font-size:22px; width: 60%;  margin: 0 auto;  word-break: keep-all;}

.step_wrap {width:80%; float:none;box-sizing:border-box; margin: 0 auto;  background-position:20px -76px;}
.step_wrap .stepitem {padding-bottom:20px;}

.step_wrap .stepitem i,
.step_wrap .stepitem:hover i{width: 46px;height: 46px; background-size: 46px; line-height:46px;}
.step_wrap .stepitem.on i {background-size:46px; width:46px; height:46px;}
.step_wrap .stepitem.on .box_wrap .box {border:2px solid #000;}

.step_wrap .stepitem .box_wrap:after {position:absolute; top:20px; left:50px; content:''; width:12px; height:12px; background:url(/nanum/site/builder/main/main05_01/img/step_arr_off.png)no-repeat 0 50%;}
.step_wrap .stepitem:hover .box_wrap:after,
.step_wrap .stepitem.on .box_wrap:after {position:absolute; top:20px; left:50px; content:''; width:12px; height:12px; background:url(/nanum/site/builder/main/main05_01/img/step_arr_on.png)no-repeat 0 50%;}

.step_wrap .stepitem i,
.step_wrap .stepitem.on i {font-size:16px; }
.step_wrap .stepitem .box_wrap {margin-left:0; padding-left:60px; box-sizing:border-box;}
.step_wrap .stepitem .box {font-size:14px;}

.process .step_swiper {position:relative; width:100%; float:none; box-sizing:border-box;}

.process .btn_wrap {width:100px; height:45px; background:#fff; display:inline-block; border-radius:50px; box-shadow:5px 5px 10px rgba(0,0,0,0.2); z-index:1; bottom:10px; right:70px;}
.process .btn_wrap .btn {width:40px; height:45px; line-height:45px;}



/***** 준수사항 *****/

.checklist {background-size:100%;}
.checklist h3 {font-size:22px;}
.checklist dl {padding:20px 0;}
.checklist dl dt {font-size:18px; position:static; margin-bottom:20px;}
.checklist dl dd {font-size:14px; padding-left:20px;}
.checklist dl dd > ul > li {line-height:1.5; background-position: 0 12px;}
.checklist dl dd > ul > li > ul {margin-bottom:10px;}
.checklist dl dd > ul > li > ul > li {padding-left:20px; font-size:13px; line-height:1.5; }
.checklist dl dd .con_btn2 {font-size:13px; padding:10px 20px 10px 15px; width:46%; box-sizing:border-box;}

/***** 푸터 *****/
#footer .finfo {padding:30px 0;}
#footer .finfo .address {font-size:14px; margin-bottom:8px;}
#footer .finfo .address span {margin-right:0; margin-bottom:5px; margin-right:5px; display:inline-block; word-break: keep-all;}
#footer .finfo .address span:nth-of-type(1) {display:block;}
#footer .finfo .copyright{width:100%; font-size:12px; display:inline-block; text-align:center;}
}


/****************************** 모바일2 ******************************/
@media all and (max-width:360px){


.about .ri .text {margin-top:40px;}
.about .ri .tit {width:100%; margin:0; box-sizing:border-box; background-position:102% 50%;}
.about .ri .txt {width:100%; box-sizing:border-box; line-height:1.8;}


}


/****************************** 웹 ******************************/
@media(min-width:1025px){


}