@charset "utf-8";

/* content 페이지 공통 컬러 */
.cont_red {color: #A45B3C;}

/* icon_listA안에 txt-check쓸 경우 */
.bodo_icon_list > ul > li p.txt-check {color: #dc132c;}

/* sub04_01 시스템 소개 */
.s0401 .con01 {margin:30px 0 45px;}
.s0401 .con01 .inner {width:336px; height:338px; margin:0 auto; padding:60px 0 0;background:url(/images/service/sub04/sub04_01_img02.png)no-repeat; text-align:center; color:#fff;}
.s0401 .con01 .inner span.logo {display:block;width:44px; height:34px; margin:0 auto 10px;background:url(/images/service/sub04/sub04_01_img01.png)no-repeat -225px 0;}
.s0401 .con01 .inner strong {margin:10px 0; line-height:1.2;font-size:26px; font-weight:500;}
.s0401 .con01 .inner strong span {display:block; margin-top:-5px; font-weight:300;}
.s0401 .con01 .inner p {font-size:19px; font-weight:500; text-align:center;color:#fff;}
.s0401 .con02 {margin:0 0 70px;}
.s0401 .con02 ul {padding:0 120px;}
.s0401 .con02 ul:after{content:"";display:block;clear:both;visibility:hidden;}
.s0401 .con02 ul li {float:left; position:relative; width:33.33%;text-align:center; color:#2e2e2e; font-size:16px; font-weight:500; line-height:1.4;}
.s0401 .con02 ul li:after { display:block; position:absolute;bottom:50%;right:-4%; width:18px; height:20px; margin-bottom:-10px;background:url(/images/service/sub04/sub04_01_img03.png)no-repeat;content:"";}
.s0401 .con02 ul li:last-child:after { display:none;}
.s0401 .con02 ul li .inner {width:183px; height:183px; margin:0 auto;padding-top:40px; border-radius:50%; border:2px dashed #fabc52; vertical-align:middle;}
.s0401 .con02 ul li .icon {display:block; width:65px; height:48px; margin:0 auto 10px;background:url(/images/service/sub04/sub04_01_img01.png)no-repeat;}
.s0401 .con02 ul li .icon.icon01 {background-position:0 0;}
.s0401 .con02 ul li .icon.icon02 {background-position:-65px 0;}
.s0401 .con02 ul li .icon.icon03 {background-position:-130px 0;}
.s0401 .con03 {padding:0 60px; margin:0 0 60px;}
.s0401 .con03:after{content:"";display:block;clear:both;visibility:hidden;}
.s0401 .con03 .div {float:left;width:49%; min-height:155px; margin: 0;padding:0;border:1px solid #ddd;border-top:3px solid #faa61a;}
.s0401 .con03 .div.box01 {margin-right:2%;}
.s0401 .con03 .div strong {display:block; width:260px; height:50px; margin:-25px auto 0; line-height:50px; border-radius:30px;background:#fa931a; color:#fff; font-size:18px; font-weight:400; text-align: center;}
.s0401 .con03 .div p {margin-top:30px; font-size:16px; color:#333; text-align:center; line-height:1.5;}
.s0401 .con03 .div p span {display:block;}
@media all and (min-width:1023px) and (max-width:1300px) {
    .s0401 .con02 ul {padding:0 10px;}
}
@media (max-width:900px){
    .s0401 .con02 ul {padding:0 10px;} 
    .s0401 .con03 {padding:0 10px;}
}
@media (max-width:670px){
    .s0401 .con02 ul li {float:none; width:100%; margin:0 auto 40px}
    .s0401 .con02 ul li:after {top:auto; bottom:-30px; right:50%; margin:0 -10px 0 0;transform: rotate(90deg);-moz-transform: rotate(90deg);-ms-transform: rotate(90deg);-o-transform: rotate(90deg);-webkit-transform: rotate(90deg);}
    .s0401 .con03 .div {float:none; width:100%; margin-bottom:50px}
}
@media (max-width:450px){
    .s0401 .con01 .inner {width:280px; height:282px; padding-top:50px;background-size:280px 282px;}
    .s0401 .con01 .inner strong {font-size:20px;}
    .s0401 .con01 .inner p {margin-top:15px;font-size:16px;}
}
/* sub04_01 시스템 소개 End */

/* sub04_02 이용안내 */
.s0402 .con01 {margin-bottom:70px;}
.s0402 .con01 .img_b {width:100%; height:457px;background:url(/images/service/sub04/sub04_02_img02.png)no-repeat center; background-size:cover; text-align: center;}
.s0402 .con01 .img_b img {margin:40px auto 0;}
.s0402 .con01 .txt_b {position: relative; min-height:108px;padding:43px 75px 30px 285px; background:#525252; color:#fff;}
.s0402 .con01 .txt_b:after {display:block; position:absolute; top:46px;left:255px; width:1px; height:15px; background:rgba(255,255,255,0.3); content:"";}
.s0402 .con01 .txt_b strong {display:block;  position:absolute;left:75px;top:30px;font-size:18px;font-weight:500;}
.s0402 .con01 .txt_b strong span {display:inline-block; width:50px; height:50px; margin-right:15px;background:url(/images/service/sub04/sub04_02_img03.png)no-repeat; vertical-align:middle;}
.s0402 .con01 .txt_b p {margin-top:0; font-size:16px; line-height:1.4; color:#fff;}

@media (max-width:650px){
    .s0402 .con01 .img_b { height:auto; padding:20px;}
    .s0402 .con01 .img_b img {max-width:100%;}
    .s0402 .con01 .txt_b {padding:30px; }
    .s0402 .con01 .txt_b:after {display:none;}
    .s0402 .con01 .txt_b strong {position:static; width:100%; margin-bottom:20px;text-align:left;}
}
/* sub04_02 이용안내 End */