@charset "utf-8";

/* ���� ����� */
#s_visual {width:100%; height:450px; background-size:cover !important; clear:both; display:table; background-repeat:no-repeat; background-position:center center; position: relative;}
#s_visual div {display:table-cell; vertical-align:middle; position: relative;}
#s_visual dl {width:1200px; margin:0 auto;}
#s_visual dl dt {text-align:left; font-size:48px; line-height:1.3em; font-weight:500; color:#212121}
#s_visual dl dt::after {content:""; display:block; width:45px; height:2px; background:#212121; margin:20px 0}
#s_visual dl dd {font-size:18px; line-height:30px; color:#222}

@media screen and (max-width:1199px){
	#s_visual dl {width:95%}
    #s_visual {background-position: 65% 50%;}
}

@media screen and (max-width:976px){
	#s_visual {height:400px; background-position: 75% 50%;}
    #s_visual::before{content: ""; opacity: 0.5; position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; width: 100%; height: 100%; background-color: #fff;}
}

@media screen and (max-width:767px){
	#s_visual {height:270px;}
	#s_visual dl dt {font-size:2.3em;}
	#s_visual dl dt::after {margin:5% 0}
	#s_visual dl dd {font-size:14px; line-height:1.5em;}
}



#subContent {width:100%;}
#pageCont {width:1200px; margin:120px auto; min-height:500px;}
#pageCont2 {width:1400px; margin:80px auto 100px; min-height:500px;}

@media screen and (max-width:1399px){
	#pageCont2 {width:96%;}
}

@media screen and (max-width:1199px){
	#pageCont {width:96%;}
}


@media screen and (max-width:976px){
	#pageCont {margin:100px auto}
	#pageCont2 {margin:100px auto}
}

@media screen and (max-width:767px){
	#pageCont {margin:16% auto}
	#pageCont2 {margin:16% auto}
}


/* sub_top */
.sub_top {position:relative; width:96%; max-width:1400px;margin: -40px auto 0; background:#fff; box-shadow:0px 2px 13px rgba(0,0,0,0.2)}
.sub_top .sub_top_in { position:relative; z-index:50; margin:0 auto; max-width: 1400px; }
.snb:after { content:"."; display:block; height:0; clear:both; visibility:hidden;}
.snb>div { float:left; position:relative;}
.snb .home>a { display:block; width:80px; height:80px; text-align:center; font-size:0; background:#234ea2 url("/images/sub/ico_home.png") no-repeat center; }
.snb>.depth1_area, .snb>.depth2_area { width:305px;}
.snb>.depth1_area, .snb>.depth2_area  a {color:#234ea2; }
.snb .open_depth { display:block; position:relative; height:80px; line-height: 80px; padding:0 20px; border-right:1px solid #d9d9d9;background-color:#fff; color:#484848; font-size:17px; white-space:nowrap;}
.snb .open_depth.on { background-color:#fff; }
.snb .open_depth:after { content:"\e874"; display:inline-block; position:absolute; top:0; right:20px; font-family:'Linearicons-Free'; font-size:15px; line-height:80px; color:#b2b2b2;}
.snb .open_depth.on:after { content:"\e873"; top:0;  }
.snb .smenu { display:none; position:absolute; top:80px; left:0; width: calc(100% + 1px); margin-left: -1px; }
.snb .smenu>li>a { display:block; padding:12px 5px 13px 25px; border:1px solid #d9d9d9; border-top:none; background-color:#fbfbfb; color:#484848; font-size:14px; }
.snb .smenu>li>a:hover { background-color:#fff; color:#234ea2;}

@media screen and (max-width:976px){

.sub_top {margin-top:-32.5px}
.snb .home>a { width:65px; height:65px; background-size:35% auto}
.snb .open_depth { height:65px; line-height: 65px; }
.snb .open_depth:after { line-height: 65px; }
.snb .smenu { top:65px;}

}

@media screen and (max-width:767px){
/* sub_top */
	.sub_top { height:51px; }
	.snb { padding-left:50px;}
	.snb .home { position:absolute; top:0; left:0; z-index:10;}
	.snb .home>a { width:50px; height:50px;}
	.snb .home>a:before { font-size:13px; line-height:13px;}
	.snb>.depth1_area, .snb>.depth2_area { width:50%;}
	.snb .open_depth { height:50px; line-height: 50px; padding:0px 12px; font-size:12px; overflow:hidden; text-overflow:ellipsis; }
	.snb .open_depth:after { /*top:13px;*/ right:6px; font-size:9px; line-height:50px;}
	.snb .open_depth.on:after {}
	.snb .smenu { top:50px;}
	.snb .smenu>li>a { padding:10px 5px 11px 7px; font-size:12px;}

}



/* soap */
#sCompany_soap {text-align:center;}
#sCompany_soap .s_logo {margin-bottom:50px;}
#sCompany_soap .t1 {font-size:18px; letter-spacing:-0.05em; line-height:1.6em; color:#7e7e7e; width:90%; margin:0 auto;}
#sCompany_soap .t2 {font-size:16px; letter-spacing:-0.05em; line-height:1.6em; color:#7e7e7e; width:90%; margin:0 auto 40px;}
#sCompany_soap .t3 {font-size:23px; letter-spacing:-0.05em; line-height:1.6em; color:#7e7e7e; width:90%; margin:0 auto ; font-weight: bold;color: #212121;}
#sCompany_soap .img_list {margin:40px 0; overflow:hidden;}
#sCompany_soap .img_list li {width:33%; float:left; margin-right:0.5%;}
#sCompany_soap .img_list li:last-child {margin-right:0;}
#sCompany_soap .img_list li img {width:100%;}
.t1_b{font-size: 25px; color: #3960c3; font-weight: bold;}

@media screen and (max-width:976px){
	#sCompany_soap .s_logo {margin-bottom:6%}
	#sCompany_soap .t1 {font-size:15px;}
	#sCompany_soap .img_list {margin:4% 0;}
    .t1_b{font-size: 22px;}
}

@media screen and (max-width:767px){
	#sCompany_soap .s_logo img {width:40%}
	#sCompany_soap .t1 {width:95%; font-size:13px;}
	#sCompany_soap .img_list li {width:100%; margin-right:0; margin-bottom:0.5%;}
    .t1_b{font-size: 18px;}
    #sCompany_soap .t2 br{display: none;}
}

/* furniture */
#sGreeting_furniture {width:100%;}
#sGreeting_furniture .top_img {width:96%; height:500px; margin:0 auto; background-size:cover; background-repeat:no-repeat; background-position:center center; background-attachment:fixed; text-align:center; color:#fff; letter-spacing:-0.03em;}
#sGreeting_furniture .top_img h3 {font-size:48px; line-height:1.3em; font-weight:bold; padding-top:170px; margin-bottom:20px}
#sGreeting_furniture .top_img p {font-size:18px; line-height:1.5em;}
#sGreeting_furniture .txt_box {text-align:center; letter-spacing:-0.03em;}
#sGreeting_furniture .txt_box h3 {font-size:50px; line-height:1.3em; color:#212121; font-family:'Nanum Myeongjo'; font-weight:bold; margin-top:50px}
#sGreeting_furniture .txt_box .t1 {font-size:17px; line-height:1.7em; color:#686868; margin:30px 0 50px;}
#sGreeting_furniture .txt_box .t2 {font-size:20px; font-weight:500; color:#212121}

@media screen and (max-width:976px){
	#sGreeting_furniture .top_img {height:400px; background-attachment:inherit; background-position:center top; box-sizing:border-box; padding:0 15px;}
	#sGreeting_furniture .top_img h3 {font-size:40px; padding-top:140px;}
	#sGreeting_furniture .top_img p {font-size:16px; }
	#sGreeting_furniture .top_img p br {display:none;}
	#sGreeting_furniture .txt_box {text-align:left; width:96%; margin:0 auto;}
	#sGreeting_furniture .txt_box h3 {font-size:42px; margin-top:6%}
	#sGreeting_furniture .txt_box .t1 {font-size:15px; margin:4% 0 6%}
	#sGreeting_furniture .txt_box .t1 br.mo {display:none;}
	#sGreeting_furniture .txt_box .t2 {font-size:16px;}
}

@media screen and (max-width:640px){
	#sGreeting_furniture .top_img {width:100%; height:300px;}
	#sGreeting_furniture .top_img h3 {font-size:24px; margin-bottom:10px; padding-top:100px;}
	#sGreeting_furniture .top_img p {font-size:13px;}
	#sGreeting_furniture .txt_box h3 {font-size:26px;}
	#sGreeting_furniture .txt_box .t1 {font-size:13px;}
	#sGreeting_furniture .txt_box .t2 {font-size:14px;}
}



#sCompany_soap .top_img {width: 100%; height: 500px; margin: 50px auto; background-size: cover; background-repeat: no-repeat; background-position: center center; background-attachment: fixed; text-align: center; color: #fff; letter-spacing: -0.03em;}
#sCompany_soap .top_img{height: 30vh;}
#sCompany_soap .top_img h3{padding-top: 0; margin-bottom: 0; display: flex; justify-content: center; align-items: center; height: 100%; font-size: 30px;}
#sCompany_soap .top_img h3 br{display: none;}

@media all and (max-width:960px){     
    #sCompany_soap .top_img h3{font-size: 25px;}
}
@media all and (max-width:768px){
    #sCompany_soap .top_img{max-height:200px;}        
    #sCompany_soap .top_img h3{font-size: 20px;}
    #sCompany_soap .top_img h3 br {display: block;}
}


#ctt_con .img{width: 100%; margin: 0 auto;}
#ctt_con .img img{width: 100%;}



.address { position:relative; float:left; width:100%; margin:20px 0;}
.address li {display:inline-block; float:left; width:25%; font-size:20px; line-height:24px;}
.address li span {display:inline-block;margin-right:7px;margin-top:3px;}
.address li img {vertical-align:middle}
.address li:nth-child(1) {width:70%; font-weight:bold;}

.divide1 {position:relative; float:left; width:100%; border-top:1px solid #ddd; height:1px;}

.traffic-info { position:relative; float:left; width:100%; border-top:2px solid #7b7275; margin:10px 0 0 0}
.traffic-info .block {float:left; width:100%; padding:40px 0 70px;}
.traffic-info h3 {float:left; width:100%; font-size:30px; line-height:30px;  color:#514749; margin-bottom:20px;font-weight:bold;}

.traffic-info .bus {float:left; width:100%;}
.traffic-info .bus li {display:block; float:left; width:100%; margin-bottom:20px; font-size:16px; color:#777;}
.traffic-info .bus li dt {float:left; font-size:18px; width:260px;color:#333;}
.traffic-info .bus li dd {float:left; width:auto; }

@media screen and (max-width:1200px){
.address li { width:25%; font-size:18px; }
}

@media screen and (max-width:1024px){
.address li { width:50%; font-size:18px;margin:10px 0; }
.address li:nth-child(1) {width:100%;}

}

@media screen and (max-width:667px){
.address li {  font-size:15px; }
}



.product1{width: 100%;}
.product1 .tab{ width: 350px; display: flex; flex-wrap: wrap; margin: 0 auto;}
.product1 .tabcontent1{display: none; margin-top: -26px;}
.product1 .tabcontent1.on{display: block;}
.product1 .tab li{width: 50%;padding: 15px; text-align: center; color: #fff; border: 1px solid #ddd; cursor: pointer;}
.product1 .tab li p{color: #777; font-size: 18px;}
.product1 .tab li.on{background-color: #234ea2; border: 0;}
.product1 .tab li.on p{color: #fff;}
.product1 .inner .blue{color: #234ea2; font-weight: bold;}
.product1 .inner .txt{margin-top: 50px;}
.product1 .inner .txt span.small{margin-top: 10px; margin-left: 10px; display: block; font-size: 14px;}
.product1 .inner h2{font-size: 26px; font-weight: normal;}
.product1 .inner h3{font-size: 20px; font-weight: normal;}


@media all and (max-width:1240px){

}
@media all and (max-width:690px){

}
@media all and (max-width:480px){
}


.depart{width: 100%;  margin-top: 30px;}
.depart li{width: 100%; margin: 0 auto 20px; text-align: center; display: flex; flex-wrap: nowrap; border-radius: 20px; border: 1px solid #7c97ce; padding: 10px;}
.depart li h3{background-color: #537ac9; border-radius: 50px; width: 100%; margin-top: 10px; color: #fff;}
.depart li .de-t{width: 20%; margin: 0 10px;padding: 10px;}
.depart li .de-t img{width: 70px;}
.depart li .de-b{width: 100%; display: table; border-left: 1px dotted #537ac9; margin: 15px 0;}
.depart li .de-b p{line-height: 25px; display: table-cell; vertical-align: middle;}

@media all and (max-width:1000px){
    .depart{margin-top: 20px;}
    .depart li .de-t  h3{font-size: 16px;}
}
@media all and (max-width:767px){
    .depart{margin-top: 20px;}
    .depart li{flex-wrap: wrap;}
    .depart li .de-t  h3{width: 30%; margin: 10px auto 0;}
    .depart li .de-t{width: 100%;}
    .depart li .de-b p br{display: none;}
    .depart li .de-b{width: 100%; display: table; border-top: 1px dotted #537ac9; margin: 15px 20px; border-left: 0;}
    .depart li .de-b p {padding-top: 20px;}
}



.sch-process {position:relative; float:left; width:100%; text-align:center;font-family: 'NanumBarunGothic'; margin:50px auto; height:370px}
.sch-process li {position:relative;display:table; float:left; width:134px; height:134px; margin-bottom:20px;}
.sch-process li.or_b1 { background:url('/theme/rpri/img/sub/bg_circle_blue1.png') no-repeat center ; background-size:cover;}
.sch-process li.or_b2 { background:url('/theme/rpri/img/sub/bg_circle_blue2.png') no-repeat center ; background-size:cover;}
.sch-process li.or_b3 { background:url('/theme/rpri/img/sub/bg_circle_blue3.png') no-repeat center ; background-size:cover;}
.sch-process li.or_b4 { background:url('/theme/rpri/img/sub/bg_circle_blue4.png') no-repeat center ; background-size:cover;}
.sch-process li.or_b5 { background:url('/theme/rpri/img/sub/bg_circle_blue5.png') no-repeat center ; background-size:cover;}
.sch-process li.or_b6 { background:url('/theme/rpri/img/sub/bg_circle_blue6.png') no-repeat center ; background-size:cover;}
.sch-process li.or_b7 { background:url('/theme/rpri/img/sub/bg_circle_blue7.png') no-repeat center ; background-size:cover;}
.sch-process li p {position:relative;display:table-cell; vertical-align:middle; font-size:16px;}
.sch-process li.arrow { width:33px; height:141px;}

/*원가 */
.cost-price { position:absolute; top:-5px; right:5px; width:41px; height:41px; line-height:39px;font-family: 'NanumBarunGothic';
              border-radius:100%; background:#c0db71; font-size:15px; color:#fff; font-weight:bold; z-index:5}

.sch-exp-box1 { position:absolute; width:315px;left:0px; top:130px;padding-top:40px; background:url(/theme/LAVENDER/img/sub/line_spot_blue.png) no-repeat 61px 0px; z-index:5; text-align:left;font-family: 'NanumBarunGothic';}
.sch-exp-box1 dd { position:relative; float:left; width:100%;border:1px solid #ddd; border-radius:5px;
                  background:#fff; padding:15px; font-size:15px; color:#666; line-height:22px;}

.sch-exp-box2 { position:absolute; width:380px;left:-172px; top:65px;padding-top:105px; background:url(/theme/LAVENDER/img/sub/line_spot_blue.png) no-repeat center 0px; z-index:5; text-align:left;font-family: 'NanumBarunGothic';}
.sch-exp-box2 dd { position:relative; float:left; width:100%; border:1px solid #ddd; border-radius:5px;
                  background:#fff; padding:15px; font-size:15px; color:#666; line-height:22px;}


.sch-process2 {position:relative; float:left; width:100%; text-align:center;font-family: 'NanumBarunGothic'; margin:50px auto 0px; height:370px}
.sch-process2 li {position:relative;display:table; float:left; width:141px; height:141px; margin-bottom:20px;}
.sch-process2 li.or_b1 { background:url(/theme/rpri/img/sub/bg_circle_green1.png) no-repeat center ; background-size:cover;}
.sch-process2 li.or_b2 { background:url(/theme/rpri/img/sub/bg_circle_green2.png) no-repeat center ; background-size:cover;}
.sch-process2 li.or_b3 { background:url(/theme/rpri/img/sub/bg_circle_green3.png) no-repeat center ; background-size:cover;}
.sch-process2 li.or_b4 { background:url(/theme/rpri/img/sub/bg_circle_green4.png) no-repeat center ; background-size:cover;}
.sch-process2 li.or_b5 { background:url(/theme/rpri/img/sub/bg_circle_green5.png) no-repeat center ; background-size:cover;}
.sch-process2 li.or_b6 { background:url(/theme/rpri/img/sub/bg_circle_green6.png) no-repeat center ; background-size:cover;}
.sch-process2 li p {position:relative;display:table-cell;*margin-top:10px; vertical-align:middle; font-size:18px; line-height:22px; color:#555}
.sch-process2 li.arrow { width:33px; height:141px;}

.sch-exp-box3 { position:absolute; width:315px;left:-88px; top:130px;padding-top:40px; background:url(/theme/LAVENDER/img/sub/line_spot_green.png) no-repeat center 0px; z-index:5; text-align:left;
                 font-family: 'NanumBarunGothic';}
.sch-exp-box3 dd { position:relative; float:left; width:100%;border:1px solid #ddd; border-radius:5px;
                  background:#fff; padding:15px; font-size:15px; color:#666; line-height:22px;}

.sch-exp-box4 { position:absolute; width:400px;left:-40px; top:130px;padding-top:40px; background:url(/theme/LAVENDER/img/sub/line_spot_green.png) no-repeat 102px 0px; z-index:5; text-align:left;
                 font-family: 'NanumBarunGothic';}
.sch-exp-box4 dd { position:relative; float:left; width:100%;border:1px solid #ddd; border-radius:5px;
                  background:#fff; padding:15px; font-size:15px; color:#666; line-height:22px;}

.sch-exp-box5 { position:absolute; width:350px;left:-103px; top:130px;padding-top:40px; background:url(/theme/LAVENDER/img/sub/line_spot_green.png) no-repeat center 0px; z-index:5; text-align:left;
                 font-family: 'NanumBarunGothic';}
.sch-exp-box5 dd { position:relative; float:left; width:100%;border:1px solid #ddd; border-radius:5px;
                  background:#fff; padding:15px; font-size:15px; color:#666; line-height:22px;}


.sch-process3 {position:relative; float:left; width:100%; text-align:center;font-family: 'NanumBarunGothic'; margin:20px 0; height:290px;}
.sch-process3 li {position:relative;display:table; float:left; width:141px; height:141px; margin-bottom:20px;}
.sch-process3 li.or_b1 { background:url(/theme/rpri/img/sub/bg_circle_green1.png) no-repeat center ; background-size:cover;}
.sch-process3 li.or_b2 { background:url(/theme/rpri/img/sub/bg_circle_green2.png) no-repeat center ; background-size:cover;}
.sch-process3 li.or_b3 { background:url(/theme/rpri/img/sub/bg_circle_green3.png) no-repeat center ; background-size:cover;}
.sch-process3 li.or_b4 { background:url(/theme/rpri/img/sub/bg_circle_green4.png) no-repeat center ; background-size:cover;}
.sch-process3 li.or_b5 { background:url(/theme/rpri/img/sub/bg_circle_green5.png) no-repeat center ; background-size:cover;}
.sch-process3 li.or_b6 { background:url(/theme/rpri/img/sub/bg_circle_green6.png) no-repeat center ; background-size:cover;}
.sch-process3 li p {position:relative;display:table-cell;*margin-top:10px; vertical-align:middle; font-size:18px; line-height:22px; color:#555}
.sch-process3 li.arrow { width:45px; height:141px;}



@media screen and (max-width:1200px){
.sch-process li {width:125px; height:125px;}
.sch-process li.arrow {height:125px;}
.sch-process li p {font-size:16px; line-height:22px; }

.sch-exp-box1 {top:113px;padding-top:30px;background:url(/theme/rpri/img/sub/line_spot_blue.png) no-repeat 55px 0px;}
.sch-exp-box2 {top: 55px;}

.sch-process2 { height:270px;}
.sch-process2 li {width:125px; height:125px;}
.sch-process2 li.arrow {height:125px;}
.sch-process2 li p {font-size:16px; line-height:22px; }

.sch-process3 { margin:10px 0;  height:270px; min-width:1060px;height:260px;}
.sch-process3 li {width:125px; height:125px;}
.sch-process3 li.arrow {height:125px;}
.sch-process3 li p {font-size:16px; line-height:22px; }


.sch-exp-box3 {top:113px;padding-top:30px;left:-93px;}
.sch-exp-box4 {top:113px;padding-top:30px;left:-93px; background:url(/theme/rpri/img/sub/line_spot_green.png) no-repeat 150px 0px;}
.sch-exp-box5 {top:113px;padding-top:30px;left:-110px; }


}

@media screen and (max-width:1160px){
.sch-process li {width:110px; height:110px;}
.sch-process li.arrow {height:110px;}
.sch-process li p {font-size:14px; line-height:20px; }

.sch-exp-box1 {top:100px;padding-top:30px;background:url(/theme/rpri/img/sub/line_spot_blue.png) no-repeat 50px 0px;}
.sch-exp-box2 { width:350px;left:-156px; top:50px;padding-top:70px; background:url(/theme/rpri/img/sub/line_spot_blue.png) no-repeat center 0px;}
.sch-exp-box2 dd {  width:100%; padding:12px; font-size:14px;}
.sch-exp-box2 dd img {width:100%;}



}

@media screen and (max-width:1050px){
.sch-process {height:630px;}
.sch-process li { width:141px; height:141px; margin-bottom:125px;}
.sch-process li.arrow {height:141px; width:50px	}
.sch-process li.clear1 {clear:both;}
.sch-process li p {font-size:17px; line-height:24px; }


.sch-exp-box1 {  width:400px;left:0px; top:130px;padding-top:30px;background:url(/theme/rpri/img/sub/line_spot_blue.png) no-repeat 61px 0px; }
.sch-exp-box2 {  width:360px;left:-150px; top:70px;padding-top:90px; background:url(/theme/rpri/img/sub/line_spot_blue.png) no-repeat center 0px;}

.sch-process2 {height:420px;width:100%;}
.sch-process2 li { width:131px; height:131px; margin-bottom:150px;}
.sch-process2 li.arrow {height:131px; width:35px	}

.sch-process3 { margin:35px 0; width:1050px;}
.sch-process3 li {width:121px; height:121px;}
.sch-process3 li.arrow {height:121px;}

.sch-exp-box3 {top:120px;left:-95px; width:250px; background-position:151px 0; }
.sch-exp-box3  dd {padding:10px;}
.sch-exp-box4 {top:120px;left:-140px; width:270px;background-position:199px 0;}
.sch-exp-box4  dd {padding:10px;}
.sch-exp-box5 {top:110px;left:-113px; }


}

@media screen and (max-width:767px){
.sch-process {height:650px}
.sch-process li { width:131px; height:131px; margin-bottom:160px;}
.sch-process li.arrow {height:131px; width:35px	}

.sch-exp-box1 {  width:400px;left:-5px; top:120px;padding-top:30px;background:url(/theme/rpri/img/sub/line_spot_blue.png) no-repeat 61px 0px; }
.sch-exp-box2 {  width:360px;left:-160px; top:60px;padding-top:90px; background:url(/theme/rpri/img/sub/line_spot_blue.png) no-repeat center 0px;}

.sch-process2 {height:420px;width:100%;}
.sch-process2 li { width:131px; height:131px; margin-bottom:150px;}
.sch-process2 li.arrow {height:131px; width:35px	}

.sch-process3 {width:100%;min-width:650px; height:370px;}
.sch-process3 li { width:131px; height:131px; margin-bottom:110px;}
.sch-process3 li.arrow {height:131px; width:35px	}

.sch-exp-box3 {top:120px;left:-95px; width:250px; background-position:151px 0; }
.sch-exp-box3  dd {padding:10px;}
.sch-exp-box4 {top:120px;left:-140px; width:270px;background-position:199px 0;}
.sch-exp-box4  dd {padding:10px;}
.sch-exp-box5 {top:120px;}
.sch-exp-box5  dd {padding:10px;}

/* 원가-학술 */
.cost-price { width:31px; height:31px; line-height:29px;font-size:12px; }



}

@media screen and (max-width:680px){
.sch-process {height:570px; width:667px;}
.sch-process li { width:125px; height:125px; margin-bottom:100px;}
.sch-process li.arrow {height:125px; width:35px	}
.sch-process li .arrow_h {height:20px;}
.sch-process li p {font-size:15px;line-height:18px;  }
.sch-process li.clear1 {clear:none;}
.sch-process li.clear2 {clear:both;}
.sch-exp-box1 {  width:340px;left:14px; top:113px;padding-top:30px;background:url(/theme/rpri/img/sub/line_spot_blue.png) no-repeat 40px 0px; }
.sch-exp-box1 dd {font-size:12px; line-height:18px;padding:7px;}
.sch-exp-box2 {  width:360px;left:-160px; top:60px;padding-top:90px; background:url(/theme/rpri/img/sub/line_spot_blue.png) no-repeat center 0px;}


.sch-process2 {height:420px;width:90%;}
.sch-process2 li { width:120px; height:120px; margin-bottom:150px;}
.sch-process2 li.arrow {height:131px; width:35px	}

.sch-exp-box3 {top:110px;left:-105px; width:250px; background-position:151px 0; }
.sch-exp-box3  dd {padding:10px;font-size: 14px;}
.sch-exp-box4 {top:110px;left:-150px; width:270px;background-position:199px 0;}
.sch-exp-box4  dd {padding:10px;font-size: 14px;}

}
@media screen and (max-width:640px){
.sch-process {height:570px; width:600px;}
.sch-process li { width:110px; height:110px; margin-bottom:100px;}
.sch-process li.arrow {height:125px; width:25px	}
.sch-process li .arrow_h {height:20px;}
.sch-process li p {font-size:15px;line-height:18px;  }
.sch-process li.clear1 {clear:none;}
.sch-process li.clear2 {clear:both;}
.sch-exp-box1 {  width:340px;left:5px; top:100px;padding-top:30px;background:url(/theme/rpri/img/sub/line_spot_blue.png) no-repeat 40px 0px; }
.sch-exp-box1 dd {font-size:12px; line-height:18px;padding:7px;}
.sch-exp-box2 {  width:250px;left:-113px; top:60px;padding-top:90px; background:url(/theme/rpri/img/sub/line_spot_blue.png) no-repeat center 0px;}
.sch-exp-box2 dd{font-size: 12px;}

.sch-process2 {height:420px;width:100%;margin-bottom: 200px;}
.sch-process2 li { width:120px; height:120px; margin-bottom:150px;}
.sch-process2 li.arrow {height:131px; width:50px	}

.sch-exp-box3 {top:110px;left:-135px; width:250px; background-position:181px 0; }
.sch-exp-box3  dd {padding:10px;font-size: 14px;}
.sch-exp-box4 {top:110px;left:20px; width:270px;background-position:30px 0;}
.sch-exp-box4  dd {padding:10px;font-size: 14px;}

}
@media screen and (max-width:550px){
.sch-process {height:100%;margin-bottom: 130px;}
.sch-process li { width:90px; height:90px; margin-bottom:100px;}
.sch-process li.arrow {height:100px; width:25px	}
.sch-process li .arrow_h {height:20px;}
.sch-process li p {font-size:13px;line-height:18px;  }
.sch-process li.clear1 {clear:none;}
.sch-process li.clear2 {clear:both;}
.sch-exp-box1 {  width:340px;left:0px; top:80px;padding-top:30px;background:url(/theme/rpri/img/sub/line_spot_blue.png) no-repeat 40px 0px; }
.sch-exp-box1 dd {font-size:12px; line-height:18px;padding:7px;}
.sch-exp-box2 {  width:250px;left:-113px; top:60px;padding-top:40px; background:url(/theme/rpri/img/sub/line_spot_blue.png) no-repeat  center 0px;}
.sch-exp-box2 dd{font-size: 12px;}

.sch-process2 {height:420px; width:440px; margin-bottom: 200px;}
.sch-process2 li { width:105px; height:105px; margin-bottom:150px;}
.sch-process2 li.arrow {height:131px; width:22px	}

.sch-exp-box3 {top:92px;left:-105px; width:250px; background-position:161px 0; }
.sch-exp-box3  dd {padding:10px;font-size: 14px;}
.sch-exp-box4 {top:92px;left:20px; width:270px;background-position:24px 0;}
.sch-exp-box4  dd {padding:10px;font-size: 14px;}
}

@media screen and (max-width:460px){
.sch-process {height:550px; width:100%; max-width:460px;}
.sch-process li { width:87px; height:87px; margin-bottom:90px;}
.sch-process li.arrow {height:87px; width:25px	}
.sch-process li .arrow_h {height:20px;}
.sch-process li p {font-size:12.5px;line-height:16px;  }
.sch-process li.clear1 {clear:none;}
.sch-process li.clear2 {clear:none;}
.sch-process li.clear3 {clear:both;}
.sch-process .divide460 {position:relative; float:left; width:100%; height:110px;}
.sch-exp-box1 {  width:320px;left:-3px; top:77px;padding-top:25px;background:url(/theme/rpri/img/sub/line_spot_blue.png) no-repeat 40px 0px; }
.sch-exp-box1 dd {font-size:12px; line-height:18px;padding:7px;}
.sch-exp-box2 {  width:300px;left:-160px; top:40px;padding-top:60px; background:url(/theme/rpri/img/sub/line_spot_blue.png) no-repeat 167px 0px;}
.sch-exp-box2 dd { padding:7px; font-size:12px;line-height:18px;}


.sch-process2 {height:400px;width:100%;min-width:460px;}
.sch-process2 li { width:87px; height:87px; margin-bottom:120px;}
.sch-process2 li.arrow {height:87px; width:25px	}
.sch-process2 li .arrow_h {height:20px;}
.sch-process2 li.clear1 {clear:both;}
.sch-process2 li p {font-size:12.5px;line-height:16px;  }

.sch-process3 {width:100%;min-width:460px; height:270px;}
.sch-process3 li { width:87px; height:87px; margin-bottom:90px;}
.sch-process3 li.arrow {height:87px; width:25px	}
.sch-process3 li .arrow_h {height:20px;}
.sch-process3 li.clear1 {clear:both;}
.sch-process3 li p {font-size:12.5px;line-height:16px;  }

.sch-exp-box3 {top:77px;left:-80px; width:250px; background-position:center 0; }
.sch-exp-box3  dd {font-size:12px; line-height:18px;padding:7px;}
.sch-exp-box4 {top:77px;left:0px; width:270px;background-position:35px 0;}
.sch-exp-box4  dd {font-size:12px; line-height:18px;padding:7px;}
.sch-exp-box5 {top:77px;left:-90px; width:270px;}
.sch-exp-box5  dd {font-size:12px; line-height:18px;padding:7px;}

}



.law-box{width: 100%; border: 1px solid #ddd; padding: 30px; margin-top: 20px;}
.law-box p{width: 100%; font-family: 'NanumBarunGothic';}

@media screen and (max-width:767px){
    .law-box p{font-size: 14px;}
}



.step{display: flex; flex-wrap: wrap; justify-content: space-between; font-family: 'NanumBarunGothic';}
.step li{width: calc(98% / 2); border: 1px solid #eee; margin-top: 20px;}
.step .txt-b{padding: 20px;}
.step .txt-b h3{color: #00477e; border: 1px solid #00477e; display: inline-block; padding: 4px 20px; border-radius: 20px; }
.step .txt-b p{word-break: keep-all; line-height: 1.4em; margin-top: 15px; font-size: 16px; color: #555;}

@media all and (max-width:1400px){
	.step .txt-b h3{border-radius: 15px; font-size: 17px; padding: 5px 15px;}
	.step .txt-b p{font-size: 14px;}
}
@media all and (max-width:978px){
	.step .txt-b{padding: 20px 5px;}
	.step .txt-b p{margin-top: 10px;}
}
@media all and (max-width:768px){
	.step .txt-b h3{font-size: 14px;}
    .step .txt-b p{font-size: 13px;}
	.step .img img{width: 100%;}
}