@charset "utf-8";


/*서브 공통*/
.con_set{ width: 100%;margin:0 auto 100px;}
.con_set .box{display:flex; position: relative;flex-direction:row-reverse}
.con_set .box .img{ display:flex; justify-content: flex-end; width:50%; }
.con_set .box .img img{ height:auto; align-self:flex-end}
.con_set .box .area{ width:50%;display:flex; justify-content: flex-start;flex-direction:column;}
@media screen and (max-width:1300px){
    .con_set .box{ width: 100%; }
}
@media screen and (max-width:992px){
    .con_set{ margin:0 auto 60px;}
    .con_set .box{flex-direction:column-reverse }
    .con_set .box .img{width:100%; justify-content: center;}
    .con_set .box .area{ width:100%;}
}

.link_btn {font-size: 16px; font-weight: 500; line-height: 1.5; color: #171c8f; position: relative;}
.link_btn i{position: absolute; top: 0; margin-left: 4px;font-size: 20px; line-height:1.5;}
a.link_btn:hover{ color: #090043; }
a.link_btn:hover span img{filter: invert(0%) sepia(1%) saturate(9%) hue-rotate(330deg) brightness(100%) contrast(100%);}

table {border-spacing:0;border-collapse:collapse;table-layout:fixed;}
caption{height: 1px; width: 1px; overflow: hidden; clip: rect(1px 1px 1px 1px); clip: rect(1px, 1px, 1px, 1px); margin: -1px;}
.con_tbl { margin-bottom:0;width: 100%; }
.con_tbl th {background:#f5f9ff; border-bottom: 1px solid #e5e5e5;text-align: left; padding: 20px 60px; font-weight: 600;  word-break: keep-all; line-height: 1.8; vertical-align: middle;}
.con_tbl th:last-child{border-right: none;}
.con_tbl td { text-align: left; border-bottom: 1px solid #e5e5e5; padding:20px 60px;line-height:1.8;word-break: keep-all; vertical-align:middle; font-weight: 400;}
.con_tbl td.tac { text-align: center;}
.con_tbl tr:last-child td,
.con_tbl tr:last-child th{border-bottom: none;}
.con_tbl td:hover { background: #fff; }
.stbl th{font-size: 16px; font-weight: 500; line-height: 1.5;}
.stbl td{font-size: 16px; font-weight: 500; line-height: 1.5;}
@media screen and (max-width:1024px){
    .con_tbl th { font-size: 18px; padding: 15px;}
    .con_tbl td { font-size: 18px; padding: 15px;}
    .stbl th{font-size: 14px!important;}
    .stbl td{font-size: 14px!important;}
}
@media screen and (max-width:786px){
    .con_tbl th { font-size: 16px; padding: 10px;line-height: 1.5; font-weight: 500;}
    .con_tbl td { font-size: 16px; padding: 10px;line-height: 1.5;}

}
@media screen and (max-width:480px){
    .con_tbl th { font-size: 14px;}
    .con_tbl td { font-size: 14px;}

}

.tab{ width:100%; height:100%;}
.tabnav{font-size:0; width:100%; margin-bottom: 0;}
.tabnav li{display: inline-block; text-align:center;width: 25%; vertical-align: top;}
/*
.tabnav li a:before{content:""; position:absolute; left:0; top:0px; width:100%; height:3px; }
.tabnav li a.active:before{background:#171c8f;}
.tabnav li a.active{border-bottom:1px solid #fff;}*/
.tabnav li a{ position:relative; display:block; background: #fff; padding:22px 10px;text-decoration:none; border-top-left-radius: 20px; border-top-right-radius: 20px;font-size: 18px; font-weight: 500; color: #bbb; word-break: keep-all;}
.tabnav li a:hover{background:#f5f9ff;	-webkit-transition: all 0.5s;	-moz-transition: all 0.5s;	-o-transition: all 0.5s;	transition: all 0.5s }
.tabnav li a.active{background:#171c8f; color:#fff; }
.tabcontent{width: 100%;;height:100%;}
.men{display: none;}
@media screen and (max-width:1024px){
    .tabnav li a{ padding:20px;border-top-left-radius:15px; border-top-right-radius: 15px; font-size: 16px; line-height: 1.5;}
}
@media screen and (max-width:786px){
    .tabnav li a{ padding:15px;border-top-left-radius:10px; border-top-right-radius: 10px; font-size: 14px; height: 70px;}
    .men{display: block;}
}
@media screen and (max-width:450px){
    .tabnav li a{ padding:10px; }
}
@media screen and (max-width:380px){
    .tabnav li a{ padding:10px 5px; }
}

#bo_cate {margin:0 auto; padding: 40px 0px 0; text-align: center;}
#bo_cate ul {}
#bo_cate ul:after {display:block;visibility:hidden;clear:both;content:""}
#bo_cate li {display:inline-block;padding:0px; text-align: center; margin-right: 40px;}
#bo_cate li:last-child {margin-right: 0;}
#bo_cate a {display:block;line-height:1;padding:24px 24px;border-radius:50px;font-size: 18px;font-weight: 500; color: #999;background:#fff;}
#bo_cate a:focus, #bo_cate a:hover, #bo_cate a:active {text-decoration:none;box-shadow: 0px 3px 20px rgba(147,149,195,0.3)}
#bo_cate li.on a {background:#171c8f;color:#fff;box-shadow: 0px 3px 20px rgba(147,149,195,1)}
/* 0 3px 20px 0 #9395c3
#bo_cate li:hover a {background:#f5f9ff;color: #171c8f;}*/
#bo_cate #bo_cate_on {background:#171c8f;color:#fff;box-shadow: 0px 3px 20px rgba(147,149,195,1)}

@media screen and (max-width:786px){
    #bo_cate {padding: 40px 30px 0;}
    #bo_cate a {padding:22px 26px;font-size: 18px;}
    #bo_cate li {margin:0 0 10px; width: 100%;}
}
@media screen and (max-width: 640px) {

    #bo_cate a {padding:18px 18px;font-size: 16px;}
}
@media screen and (max-width:480px){

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

    #bo_cate a {padding:14px 14px;font-size: 16px;}
}

.txt_list { width:100%;}
.txt_list > ul {content:'';display:table; clear:both; }
.txt_list > ul > li {display: block;  padding: 0 0 10px 18px; position: relative;font-size:18px; line-height:1.4; font-weight:500;}
.txt_list > ul > li:before { position: absolute;  top: 11px;  left: 0;  content: "";  display: inline-block;  width: 4px;  height: 4px;  border-radius: 50%;  background: #171c8f;  margin-right: 10px;  vertical-align: middle;}
@media screen and (max-width:786px){
    .txt_list > ul > li:before { top: 9px;}
    .txt_list > ul > li {font-size: 16px;}
}
@media screen and (max-width:480px){
    .txt_list > ul > li {margin-bottom: 0!important;}
}

.txt_list_s { width:100%;}
.txt_list_s > ul {content:'';display:table; clear:both; }
.txt_list_s > ul > li {z-index:2; display: block; text-align: left; padding: 0 0 10px 18px;font-size:16px; line-height:1.3; font-weight:500; color:#53565a; position: relative;}
.txt_list_s > ul > li:before { position: absolute;  top: 9px;  left: 0;  content: "";  display: inline-block;  width: 4px;  height: 4px;  border-radius: 50%;  background: #171c8f;  margin-right: 10px;  vertical-align: middle; z-index: 9999;}
@media screen and (max-width:1200px){`
    .txt_list_s { }
}
@media screen and (max-width:786px){
    .txt_list_s > ul > li {font-size: 14px;}
}
@media screen and (max-width:480px){
    .txt_list_s > ul > li:before {top: 7px;}
}


.web_movie{display: block;}
.mobile_movie{display: none;}
@media screen and (max-width:1024px){
    .web_movie{display: none;}
    .mobile_movie{display: block;}
}

.web_img{display: block;}
.mobile_img{display: none;}
@media screen and (max-width:992px){
    .web_img{display: none;}
    .mobile_img{display: block;}
}


/*연속혈당측정기란?*/
#s1c1 .s2{background: #f5f9ff; padding: 100px 0;}
#s1c1 .s2 .box{flex-direction:revert;}
#s1c1 .s2 .box .img{justify-content: center;}
#s1c1 .s2 .box .img img{ align-self:center}
#s1c1 .s2 .box .area{padding-left: 20px; }
#s1c1 .s2 .box .area .txt16{margin-left: 30px; }
.colorcircle_item { position: absolute;top: 5px; left: -30px; list-style: none; display: inline-block; background-color: #171c8f; border-radius: 50%;width: 20px; height: 20px;color: #fff; font-size: 0.8em;text-align: center;line-height: 20px; margin-right: 10px;}
#s1c1 .s3 .box{flex-direction:revert; padding-bottom: 40px;}
#s1c1 .s3 .box .img{justify-content:flex-start; width: 30%; margin-right: 80px;}
#s1c1 .s3 .box .img img{border-radius: 30px;box-shadow: inset 10px 1px 16px 0 rgba(255, 255, 255, 1), inset 0 -10px 29px 10px rgba(147, 185, 221, 0.5), 20px 40px 40px 0 rgba(68, 111, 195, 0.1);;}
#s1c1 .s3 .box .area{justify-content:flex-end; width: 70%; position: relative;}
#s1c1 .s3 .box .icon{position: absolute; right: -10%; top: -10%;}
#s1c1 .s4{padding-top: 40px;}
.ico_list {padding: 0; display: block; position: relative;}
.ico_list ul {display: flex; justify-content:space-between;}
.ico_list ul li {padding:30px 0; height:280px; text-align:center; background: #f5f9ff; width: calc(16.66% - 20px); border-radius: 30px; box-shadow:  2px 8px 12px 0 rgba(147, 149, 195, 0.2);;}
/*
.ico_list ul li:nth-child(1),
.ico_list ul li:nth-child(4) { margin-left: 0;}
.ico_list ul li:nth-child(3n) { margin-right: 0;}
.ico_list ul li:nth-child(5) p {padding-top: 10px;}
*/
.ico_list ul li .icon {display:block; width:68px; height:68px; margin:0 auto; overflow:hidden;}
.ico_list ul li p {display:block; margin-top:25px; padding: 0 10px 0;}
.origin{font-size: 14px; color: #aaa; text-align: right; clear: both; font-weight: normal;line-height: 1.71;    letter-spacing: -0.07px; position: absolute; right: 0; top: -70px;}

@media screen and (max-width: 1300px){
    #s1c1 .s3 .box .icon{/*right: -60px; top: 5%;*/}
}
@media screen and (max-width: 1200px){
    #s1c1 .s3 .box .icon{ top: 0px; right: -100px;}
    #s1c1 .s3 .box .icon img{ width: 70%; }
}
@media screen and (max-width: 1080px){
    #s1c1 .s3 .box .icon{ top: -50px; right: -100px;}
    .ico_list ul {flex-wrap: wrap;}
    .ico_list ul li {width: calc(30% - 10px); margin-bottom: 20px; }
    #s1c1 .s3 .box .img img{align-self: flex-start;}
}

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

}
@media screen and (max-width: 992px){
    #s1c1 .s3 .box .icon{ right: -120px;}
    #s1c1 .s3 .box .txt44{ width: 70%;}
}
@media screen and (max-width: 786px){
    #s1c1 .s3 .box{padding-bottom: 0px;}
    #s1c1 .s1 .box .img{margin-top: 40px;}
    #s1c1 .s2{padding: 60px 0;}
    #s1c1 .s2 .box{display: block;}
    #s1c1 .s2 .box .img{justify-content: center;}
    #s1c1 .s2 .box .area{padding-left: 0; margin-top: 40px;}
    #s1c1 .s2 .box .area .txt16{margin-left: 30px; }
    #s1c1 .s3 .box{display: block}
    #s1c1 .s3 .box .img{ width: 50%; margin: 0 auto 40px; text-align: center;}
    #s1c1 .s3 .box .area{justify-content:flex-end; width: auto;}
    #s1c1 .s3 .box .icon{ /*width: 50%;*/ display: none;}
    #s1c1 .s4{padding-top: 20px;}
    .origin{=text-align: right;position: relative;; right: 0; top: 0px; margin-bottom: 10px;}
}

@media screen and (max-width: 650px){
    .ico_list ul li{padding: 15px 0;}
    .ico_list ul li p{margin-top: 10px;}
    .ico_list ul li {width: calc(50% - 10px); height: auto;}
    .ico_list ul li .icon{width: 50px; height: 50px;}
    .ico_list .txt20{font-size: 14px;}
}



/*CGMS vs SMBG*/
#s1c2 {}
.con_tbl2 {width:calc(100% - 100px); margin: 0 auto;}
.con_tbl2 th {background:#f5f9ff; text-align: center; padding: 20px 0;  word-break: keep-all;vertical-align: middle;}
.con_tbl2 th:last-child{border-right: none;}
.con_tbl2 td { text-align: center; border-bottom: 1px solid #e5e5e5; padding:20px;word-break: keep-all; vertical-align:middle; font-size:16px; line-height:1.5; font-weight:500; color:#53565a}
.con_tbl2 td.cn { text-align: center;background:#f5f9ff; padding: 20px 10px; /*word-break: break-all;*/}
.con_tbl2 td.pt0 {padding-top:0; padding-left: 0; padding-right: 0;}
.con_tbl2 td.pb0 {padding-bottom:0}
.con_tbl2 td p {font-size:16px; margin:15px 0 0 0}
.roundl{border-top-left-radius: 100px; border-bottom-left-radius: 100px}
.roundr{border-top-right-radius: 100px; border-bottom-right-radius: 100px}
.roundb{border-bottom-right-radius: 100px; border-bottom-left-radius: 100px}
.roundt{background:#f5f9ff; padding: 0!important; font-size:16px; color:#53565a}
.roundt span{border-top-right-radius: 100px; border-top-left-radius: 100px; background:#ebf3ff; display:block; width: 100%; padding:27px 0;}
#s1c2 .s1 .txt_list_s {  margin-left: 0px;}
#s1c2 .s1 .txt_list_s ol dl:before{background:#53565a}

#s1c2 .s2{ background: #f5f9ff; }
#s1c2 .s2 .box{width: 1300px;margin: 0 auto;padding: 100px 0;flex-direction:revert}
#s1c2 .s2 .box .img{width: 45%;justify-content:left}
#s1c2 .s2 .box .area{width: 55%;justify-content:left;margin: 220px 0 0;}
#s1c2 .s2 .box .area .graph{ position: absolute; top: 120px; right: -70px;}

@media screen and (max-width:1300px){
    #s1c2 .s2 .box .area .graph{ position: absolute; top: 120px; right: -70px;}
}
@media screen and (max-width:1200px){
    #s1c2 .s2 .box .img{width: auto; padding-right: 10%;}
    #s1c2 .s2 .box .area{width: auto;}
    #s1c2 .s1 .txt_list_s {  margin-left: auto;}
}
@media screen and (max-width:1024px){
    .con_tbl2 th { font-size: 16px; padding: 15px;}
    .con_tbl2 td { font-size: 16px; padding: 15px;}
}
@media screen and (max-width:992px){
    .tbl_mobile {width: 100%;overflow: hidden;}
    .tbl_mobile .tbl_wrap {overflow-x: scroll; padding-bottom: 5px;}
    .tbl_mobile .tbl_wrap table {width: 100%;min-width:700px;}
    .con_tbl2 {width: 100%;}
    #s1c2 .s2 .box {width: 100%;flex-direction:column;padding: 60px 0;}
    #s1c2 .s2 .box .img{width: 100%; padding: 0;}
    #s1c2 .s2 .box .area{width: 100%;margin: 50px 0 0;}
    #s1c2 .s2 .box .area .graph{ top:-15px; right: -30px; width: 90%;}
}
@media screen and (max-width:786px){
    .con_tbl2 th { font-size: 14px; padding: 10px;}
    .con_tbl2 td { font-size: 14px; padding: 10px;}
    .con_tbl2 td p {font-size:14px; }
    #s1c2 .s2 .box .area .graph{ top: 0;}
}
@media screen and (max-width:480px){
    #s1c2 .s2 .box .area .graph{ top: 5%;}
    #s1c2 .con_tbl2 colgroup col:nth-child(2) {width: 20%;}
    .con_tbl2 th { font-size: 13px; padding: 10px 5px;}
    .con_tbl2 td { font-size: 13px; padding: 10px 5px;}
    .con_tbl2 td p {font-size:13px; }
    .con_tbl2 td.cn {word-break: break-all;}
}




/*케어센스 에어 개요*/
#s2c1{}
#s2c1 .s1 .box{/*height: 400px;*/}
#s2c1 .s1 .box .img{ ju}
#s2c1 .s1 .box .img img{position: absolute; right: -70px; top: 0;}

#s2c1 .s2{}
.info_list{ display: flex; justify-content: space-evenly;}
.info_list .air_info{ }
.info_list .air_info .img{ max-width: 300px; max-height: 300px;box-shadow:  2px 8px 12px 0 rgba(147, 149, 195, 0.2); border-radius: 50%; margin: auto;}
.info_list .air_info .txt_wrap{width: 300px; margin: auto; }

#s2c1 .s3 { background: #f5f9ff; position: relative; padding: 100px 0px;}
#s2c1 .s3 .txt44{display: inline-block; padding-right: 65px;}
#s2c1 .s3 .txt24{display: inline-block;}
#s2c1 .s3 .box{flex-direction:revert; margin-top: 50px;}
#s2c1 .s3 .box .limg{max-height: 532px; max-width: 432px; justify-content:left;margin-right: 110px;}
#s2c1 .s3 .box .area{width:auto;}
#s2c1 .s3 .box .area .txt_list_s{margin-bottom: 140px;}
.product_list{display: flex; justify-content: space-between;}
.product_list ul{}
.product_list ul li.simg{ margin-bottom: 10px;}
.product_list ul li.simg img{width: 170px; height: auto;}

#s2c1 .s4 {}
#s2c1 .s4 .appl_img{position: relative;}
#s2c1 .s4 .appl_img .txt16{position: absolute; bottom: 20px; left: 50%; transform: translateX(-50%);width: 100%;}
#s2c1 .s4 .step{display: flex; justify-content: center; }
#s2c1 .s4 .step .plus{position: relative;  height: 200px;padding: 0 30px;}
#s2c1 .s4 .step .plus i{position: absolute;top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 16px; font-weight: 500; color: #171c8f;}
#s2c1 .s4 .step .num{position: relative; width: 200px; height: auto/*200px*/; border-radius:20px/*50%*/;box-shadow: 2px 8px 12px 0 rgba(147, 149, 195, 0.2); padding: 40px 20px 20px;}
#s2c1 .s4 .step .num span{position: absolute; top: -11px; left: 50%; transform: translateX(-50%); background: #171c8f; color: #fff; border-radius: 50%; font-size: 12px; font-weight: 500; width: 28px; height: 28px;display: flex; justify-content: center; line-height: 28px;}
#s2c1 .s4 .step .num .txt18{padding-bottom: 6px;}

@media screen and (max-width:1200px){
    #s2c1 .s1 .box .img img{height: 70%;}

    .info_list{ display: flex; justify-content:space-between;}
    .info_list .air_info{width: 25%; margin: 0 20px;}
    .info_list .air_info .img{}
    .info_list .air_info .txt_wrap{width: 100%; margin: auto; }
    .info_list .air_info .txt_wrap .txt20{text-align: center;}

    #s2c1 .s3 .box .limg{margin-right:5%;}
    #s2c1 .s3 .box .area .txt_list_s{margin-bottom: 10%}
    #s2c1 .s4 .appl_img .txt16{ bottom: 10px; }
    #s2c1 .s4 .step .plus{height: 200px;padding: 0 20px;}

}
@media screen and (max-width:1024px){
    #s2c1 .s4 .appl_img .txt16{position: relative; bottom: inherit; left: inherit; transform:inherit;width: 100%;}
    #s2c1 .s4 .step .num{width: 25%; height: auto; border-radius:20px;padding:40px 10px 20px;}
}

@media screen and (max-width: 992px) {
    #s2c1 .s1 .box{height: auto;}
    #s2c1 .s1 .box .area {width: 50%;}
    #s2c1 .s1 .box .img img{height: 250px;}
    #s2c1 .s3 { padding: 60px 0px;}
}

@media screen and (max-width:786px){
    #s2c1 .s1 .box{display: block;}
    #s2c1 .s1 .box .img img{height: 150px;}
    #s2c1 .s1 .box .area {padding-top: 30px;width: 100%;}

    .info_list{ display: block; justify-content:none}
    .info_list .air_info{width: 100%; margin: 0 0 40px; padding-bottom: 30px;border-bottom: 1px dashed #e5e5e5;}
    .info_list .air_info:last-child{margin: 0; padding-bottom: 0px;border-bottom: none}
    .info_list .air_info .txt_wrap{width:fit-content;}

    #s2c1 .s3 .box{display: block;}
    #s2c1 .s3 .box .limg{margin: 0 auto 30px; }
    #s2c1 .s3 .box .area .txt20{margin-bottom: 15px !important;}
    #s2c1 .s3 .box .area .txt_list_s{margin-bottom: 30px}
    #s2c1 .s4 .step .num{padding: 35px 10px 20px;}
    #s2c1 .s4 .step .num span{top: -5px;  width: 24px; height: 24px;line-height: 24px;}
}
@media screen and (max-width: 640px) {
    #s2c1 .s1 .box .area .txt44{width: 50%;}
    #s2c1 .s1 .box .area .txt24{width: 50%;}
    #s2c1 .s1 .box .area {padding-top: 10px;}

    #s2c1 .s4 .step{display: block;}
    #s2c1 .s4 .step .plus{padding: 0; height: 30px;}
    #s2c1 .s4 .step .plus i{display: none;}
    #s2c1 .s4 .step .num{width: 80%;padding:30px; margin: auto;height: auto;}
}
@media screen and (max-width:480px){
    .info_list .air_info .img{width: 70%;}
}
@media screen and (max-width:370px){
    #s2c1 .s1 .box .area {padding-top: 0;}
    #s2c1 .s1 .box .img img{height: 130px; margin-top: 30px;}
    .info_list .air_info .img{width: 70%;}
}


/*케어센스 에어 특장점*/
#s2c11{}
#s2c11 .s1 .box{flex-direction: revert;}
#s2c11 .s1 .box .img{justify-content:flex-start; position: relative; width: 45%; height: 387px;}
#s2c11 .s1 .box .img img{align-self:center; position: absolute; left: -70px;}
#s2c11 .s1 .box .area{justify-content: center; width: 55%;}


.point_box {}
.point_box_q { cursor:pointer;position: relative; padding: 20px 50px 20px 0px; font-size: 20px; line-height: 1.5;}
.point_box_q::after {	content:''; display:block; width:32px; height:32px; position: absolute; background: url(../../../third/akcdn-cdnn.cafe24img.com/cdn/en_US/img/sub/arrow_down.png) no-repeat center; right: 0px; top: 30%; margin-top: 0;}
.point_box_q b{display: inline-block; margin-right: 10px;font-weight: 500;}
.point_box_q b.point_ca1{color: #5978df; }
.point_box_q b.point_ca2{color: #37add2; }
.point_box > ul > li { padding:0; border-bottom: 1px solid #ddd; color:#bbb}
.point_box > ul > li.hover > .point_box_q { color:#53565a;}
.point_box > ul > li.hover > .point_box_q::after { content:""; background: url(../../../third/akcdn-cdnn.cafe24img.com/cdn/en_US/img/sub/arrow_up.png) no-repeat center; color:#333}
.point_box_a { display:none;padding:0px 50px 15px 0px;position: relative; line-height: 1.5;}

#s2c11 .s2 .box{flex-direction: revert; background: #f5f9ff;}
#s2c11 .s2 .box .img{justify-content:center;width: auto; margin-right: 70px; background: url(../../../third/akcdn-cdnn.cafe24img.com/cdn/en_US/img/sub/air_point2.png) no-repeat center; width: 50%; background-size: cover;}
#s2c11 .s2 .box .area{padding: 100px 0; width:calc(100% - 580px);}

#s2c11 .s2 .arrow_wrap{/*position: absolute; height:400px;width: 100%;*/;position: relative;top:50%}
#s2c11 .s2 .arrow_wrap .arrow{  width: 100%;height:100%;}
#s2c11 .s2 .arrow_wrap .arrow .next{position:absolute;top:50%; transform:translateY(-50%);right:50px;cursor: pointer;z-index: 5;}
#s2c11 .s2 .arrow_wrap .arrow .prev{position:absolute;top:50%; transform:translateY(-50%);left:0%;;cursor: pointer;z-index: 5;}
#s2c11 .s2 .arrow_wrap .arrow .prev{ background:url("../../../third/akcdn-cdnn.cafe24img.com/cdn/en_US/img/sub/ic_44_btn_l.png") center no-repeat; width: 44px; height:44px; z-index: 5;}
#s2c11 .s2 .arrow_wrap .arrow .prev:hover,
#s2c11 .s2 .arrow_wrap .arrow .prev:focus{background:url("../../../third/akcdn-cdnn.cafe24img.com/cdn/en_US/img/sub/ic_44_btn_l_over.png") center no-repeat; width: 44px; height:44px;}
#s2c11 .s2 .arrow_wrap .arrow .next{ background:url("../../../third/akcdn-cdnn.cafe24img.com/cdn/en_US/img/sub/ic_44_btn_r.png") center no-repeat; width: 44px; height:44px; z-index: 5;}
#s2c11 .s2 .arrow_wrap .arrow .next:hover,
#s2c11 .s2 .arrow_wrap .arrow .next:focus{ background:url("../../../third/akcdn-cdnn.cafe24img.com/cdn/en_US/img/sub/ic_44_btn_r_over.png") center no-repeat; width: 44px; height:44px;}
#s2c11 .s2 .arrow_wrap .arrow .slick-disabled,
#s2c11 .s2 .arrow_wrap .arrow .slick-disabled{display:none!important}

#s2c11 .s2 .slide_wrap{padding-top: 40px;}
#s2c11 .s2 .slide_wrap .slide{}
#s2c11 .s2 .slide_wrap .slide .sbox{ display: flex; position: relative;width: 80%; margin: auto;}
#s2c11 .s2 .slide_wrap .slide .sbox .imgs{width:30%; display: block; margin-right: 20px; width: 184px; height: 184px;}
#s2c11 .s2 .slide_wrap .slide .caution{width: 80%; margin: auto; padding: 30px 0 0;}
#s2c11 .s2 .slide_wrap .slide .sbox .txtbox2{width: 60%;}
#s2c11 .s2 .slick-slider .slick-track, .slick-slider .slick-list{height: auto;}

#s2c11 .s3 .box{flex-direction: revert; padding-top: 30px;}
#s2c11 .s3 .box .img{justify-content:flex-start; padding-right: 50px;}
#s2c11 .s3 .box .img img{ box-shadow: inset 10px 1px 16px 0 rgba(255, 255, 255, 1), inset 0 -10px 29px 10px rgba(147, 185, 221, 0.5), 10px 20px 40px 0 rgba(68, 111, 195, 0.15); border-radius: 20px; align-self:center}

@media screen and (max-width:1300px){
    #s2c11 .s2 .box .area{width: 50%;}
    #s2c11 .s2 .slide_wrap .slide .sbox .txtbox2{width: 55%;}
    #s2c11 .s2 .arrow_wrap .arrow .next{right: 20px;}

}
@media screen and (max-width:1200px){
    #s2c11 .s2 .box .img{width: 40%;}
    #s2c11 .s2 .box .area{width: 60%; padding: 100px 0;}
    #s2c11 .s2 .arrow_wrap .arrow .next{background-size: 70%;}
    #s2c11 .s2 .arrow_wrap .arrow .prev{ background-size: 70%; }
    #s2c11 .s2 .arrow_wrap .arrow .prev:hover{background-size: 70%; }
    #s2c11 .s2 .arrow_wrap .arrow .next:hover{background-size: 70%; }
}
@media screen and (max-width:992px){
    #s2c11 .s1 .box{display: block;}
    #s2c11 .s1 .box .img{width: 70%; height: auto; margin:0 auto 40px;}
    #s2c11 .s1 .box .img img{ position: relative; left: 0;}
    #s2c11 .s1 .box .area{width: 100%;}
    #s2c11 .s1 .box .btn_wrap{text-align:left ;}


    .point_box .txt_list_s{width: 90%;}
    .point_box_q { padding: 10px 50px 10px 10px;}
    .point_box_q::after {right: 10px; top:10%; background-size:70%}
    .point_box > ul > li { padding:0;}
    .point_box_a { padding:10px;}
    .point_box > ul > li.hover > .point_box_q::after { background-size:70%}

    #s2c11 .s2 .w1440{padding: 0;}
    #s2c11 .s2 .box{display: block;}
    #s2c11 .s2 .box .img{ margin: 0px auto 40px; width: 100%;height: 300px;background-position:5% 80%;}
    #s2c11 .s2 .box .area{width: 100%;padding: 0px 30px 0;}

    #s2c11 .s2 .slide_wrap{padding-bottom: 40px; padding-top: 0;}
    #s2c11 .s2 .slide_wrap .slide .sbox{ display: block; width: 100%; }
    #s2c11 .s2 .slide_wrap .slide .sbox .imgs{width:100%; margin: 0 auto 20px; padding: 0;}
    #s2c11 .s2 .slide_wrap .slide .sbox .imgs img{margin: auto; }
    #s2c11 .s2 .slide_wrap .slide .caution{width: 100%;padding: 20px 0 0;}
    #s2c11 .s2 .slide_wrap .slide .sbox .txtbox2{width: 100%;padding-top:20px}

    #s2c11 .s2 .arrow_wrap{top: 104px;}
    #s2c11 .s2 .arrow_wrap .arrow .next{right: 0;}
    #s2c11 .s2 .arrow_wrap .arrow .prev{ left:0; }

    #s2c11 .s3 .box{display: block;}
    #s2c11 .s3 .box .img{width: 70%; height: auto; margin:0 auto 40px; padding: 0;}
    #s2c11 .s3 .box .img img{ position: relative; left: 0;}
    #s2c11 .s3 .box .area{width: 100%;}
    #s2c11 .s3 .box .btn_wrap{text-align:left ;}
}

@media screen and (max-width:786px){
    .point_box_q { font-size: 16px;}
    .point_box_a {  font-size: 14px;}
    #s2c11 .link_btn{font-size: 14px;}
}



/*케어센스 에어 앱*/
#s2c2{padding-bottom:0;}
#s2c2 .s1{}
#s2c2 .s1 .box{flex-direction:row-reverse}
#s2c2 .s1 .box .img{ }
#s2c2 .s1 .box .img img{position: absolute; top: 0; right: -70px;}
#s2c2 .s1 .box .area{position: relative;padding-right: 50px;}
#s2c2 .s1 .box .area .caution{ position: absolute; right: -100px; bottom: -50px; text-align: right;}

#s2c2 .s2{ width: 100%; background:#f5f9ff; padding: 100px 0;}
#s2c2 .s2 .txt24{ width: 80%; margin: auto;}
#s2c2 .s2 .s2wrap{display: block;}
#s2c2 .s2 .arrow_wrap{/*position: absolute; height:400px;width: 100%;*/ position: relative; top: 140px;}
#s2c2 .s2 .arrow_wrap .arrow{  width: 100%;height:100%;}
#s2c2 .s2 .arrow_wrap .arrow .next{position:absolute;top:50%; transform:translateY(-50%);right:0px;cursor: pointer;z-index: 5;}
#s2c2 .s2 .arrow_wrap .arrow .prev{position:absolute;top:50%; transform:translateY(-50%);left:44%;;cursor: pointer;z-index: 5;}
#s2c2 .s2 .arrow_wrap .arrow .prev{ background:url("../../../third/akcdn-cdnn.cafe24img.com/cdn/en_US/img/sub/ic_44_btn_l.png") center no-repeat; width: 44px; height:44px; z-index: 5;}
#s2c2 .s2 .arrow_wrap .arrow .prev:hover,
#s2c2 .s2 .arrow_wrap .arrow .prev:focus{background:url("../../../third/akcdn-cdnn.cafe24img.com/cdn/en_US/img/sub/ic_44_btn_l_over.png") center no-repeat; width: 44px; height:44px;}
#s2c2 .s2 .arrow_wrap .arrow .next{ background:url("../../../third/akcdn-cdnn.cafe24img.com/cdn/en_US/img/sub/ic_44_btn_r.png") center no-repeat; width: 44px; height:44px; z-index: 5;}
#s2c2 .s2 .arrow_wrap .arrow .next:hover,
#s2c2 .s2 .arrow_wrap .arrow .next:focus{ background:url("../../../third/akcdn-cdnn.cafe24img.com/cdn/en_US/img/sub/ic_44_btn_r_over.png") center no-repeat; width: 44px; height:44px;}
#s2c2 .s2 .arrow_wrap .arrow .slick-disabled,
#s2c2 .s2 .arrow_wrap .arrow .slick-disabled{display:none!important}

#s2c2 .s2 .slide_wrap{}
#s2c2 .s2 .slide_wrap .slide{}
#s2c2 .s2 .slide_wrap .slide .sbox{ display: flex;}
#s2c2 .s2 .slide_wrap .slide .sbox .img{width: 50%; position: relative; padding: 28px 50px 0 20px;}
#s2c2 .s2 .slide_wrap .slide .sbox .img img{ box-shadow: inset 10px 1px 16px 0 rgba(255, 255, 255, 1), inset 0 -10px 29px 10px rgba(147, 185, 221, 0.5), 20px 40px 60px 0 rgba(68, 111, 195, 0.15); border-radius: 20px;}
#s2c2 .s2 .slide_wrap .slide .sbox .img .view{ position: absolute; top: 0; left: 126px; box-shadow: none;}

#s2c2 .s2 .slide_wrap .slide .sbox .txtbox2{width: 45%;}
#s2c2 .s2 .slick-slider .slick-track, .slick-slider .slick-list{height: auto;}

.con_tbl3 { margin-bottom:0;width: 100%; }
.con_tbl3 th {border-bottom: 1px solid #e5e5e5;text-align: center; padding: 15px 0; font-weight: 600;  word-break: keep-all; line-height: 1.8; vertical-align: middle;}
.con_tbl3 th p.th_img{text-align: center; }
.con_tbl3 th p.th_img img{margin:auto;box-shadow: 0 0 8px 0 rgba(147, 149, 195, 0.4);border-radius: 6px; margin-bottom: 6px;}
.con_tbl3 th p.th_txt{font-size: 10px;  font-weight: 300; text-align:center}
.con_tbl3 td { text-align: left; border-bottom: 1px solid #e5e5e5; padding:0 0 0 15px;line-height:1.8;word-break: keep-all; vertical-align:middle; font-weight: 400;}
.con_tbl3 th.tac { text-align: center;}
.con_tbl3 tr:last-child td,
.con_tbl3 tr:last-child th{border-bottom: none;}

#s2c2 .s3{}
#s2c2 .s3.con_set{margin-bottom: 0;}
#s2c2 .s3 .box{flex-direction:row-reverse}
#s2c2 .s3 .box .img{ justify-content: flex-end;padding:0; width: 40%;}
#s2c2 .s3 .box .img img{ height:auto; box-shadow: inset 10px 1px 16px 0 rgba(255, 255, 255, 1), inset 0 -10px 29px 10px rgba(147, 185, 221, 0.5), 20px 40px 40px 0 rgba(68, 111, 195, 0.1); border-top-left-radius: 30px;border-top-right-radius: 30px;}
#s2c2 .s3 .box .area{ justify-content: center; padding: 0 30px 100px 0; width: 60%;}

#s2c2 .s4{ width: 100%; margin:0 auto;  background:#f5f9ff; padding:0 0 100px;}
#s2c2 .s4 .box{flex-direction: revert;}
#s2c2 .s4 .box .img{justify-content: flex-start; padding:0}
#s2c2 .s4 .box .img img{ height:auto;box-shadow: inset 10px 1px 16px 0 rgba(255, 255, 255, 1), inset 0 -10px 29px 10px rgba(147, 185, 221, 0.5), 20px 40px 40px 0 rgba(68, 111, 195, 0.1); border-bottom-left-radius: 30px;border-bottom-right-radius: 30px;}
#s2c2 .s4 .box .area{ justify-content: center; padding: 0 0 0 30px;}
#s2c2 .s4 .box .area .txt44{text-align: right;}
#s2c2 .s4 .box .area .txt24{text-align: right;}

@media screen and (max-width:1300px){
    #s2c2 .s1 .box .img img{width: 70%;}
    #s2c2 .s1 .box .area .caution{ position: relative; right: 0; bottom: 0; text-align: left;margin-top: 40px;}
    #s2c2 .s2 .slide_wrap .slide .sbox .txtbox2{padding-left: 50px; padding-right: 70px;}
    #s2c2 .s2 .arrow_wrap .arrow .prev{left:48%}
    #s2c2 .s2 .slide_wrap .slide .sbox .img .view{left: 50%; margin-left: -35%; width: 65%;}
}

@media screen and (max-width:1200px){
    #s2c2 .s2 .txt24{ width: 100%;}
    #s2c2 .s2 .arrow_wrap .arrow .next{background-size: 70%; }
    #s2c2 .s2 .arrow_wrap .arrow .prev{ background-size: 70%; }
    #s2c2 .s2 .arrow_wrap .arrow .prev:hover{background-size: 70%; }
    #s2c2 .s2 .arrow_wrap .arrow .next:hover{background-size: 70%; }
}
@media screen and (max-width:1024px){
    #s2c2 .s1 .box{display: block;}
    #s2c2 .s1 .box .img{ padding: 0;}
    #s2c2 .s1 .box .img img{position: relative; top: 0; right: 0; width: 70%;}
    #s2c2 .s1 .box .area{padding-right: 0;}
    #s2c2 .s1 .btn_wrap{text-align: left;}

    #s2c2 .s2{padding: 60px 0;}
    #s2c2 .s2 .mb80{margin-bottom: 40px !important;}
    #s2c2 .s2 .box{display: block;}
    #s2c2 .s2 .box .img{ margin-right: 0px; width: 100%; margin: auto; padding: 30px 0;}
    #s2c2 .s2 .box .area{width: 100%;padding: 0px 30px 0;}

    #s2c2 .s2 .slide_wrap{}
    #s2c2 .s2 .slide_wrap .slide .sbox{ display: block; width: 100%; }
    #s2c2 .s2 .slide_wrap .slide .sbox .img{width:70%; margin: 0 auto 20px; padding: 3% 0 0;}
    #s2c2 .s2 .slide_wrap .slide .sbox .img img{margin: auto; }
    #s2c2 .s2 .slide_wrap .slide .sbox .img .view{width: 70%; left: 50%; transform: translateX(-50%); margin-left: 0;}
    #s2c2 .s2 .slide_wrap .slide .caution{width: 100%;padding: 20px 0 0;}
    #s2c2 .s2 .slide_wrap .slide .sbox .txtbox2{width: 100%;padding-top:20px; padding-left: 0; padding-right: 0;}

    #s2c2 .s2 .arrow_wrap{top: 140px;}
    #s2c2 .s2 .arrow_wrap .arrow .next{right: -10px; background-size: 50%; }
    #s2c2 .s2 .arrow_wrap .arrow .prev{ left:-10px;background-size: 50%;  }
    #s2c2 .s2 .arrow_wrap .arrow .prev:hover{background-size: 50%; }
    #s2c2 .s2 .arrow_wrap .arrow .next:hover{background-size: 50%; }

    .con_tbl3 th { font-size: 14px; padding: 10px;line-height: 1.5; font-weight: 500;}
    .con_tbl3 td { font-size: 14px; padding: 10px;line-height: 1.5;}

    #s2c2 .s3 .box{flex-direction: column-reverse}
    #s2c2 .s3 .box .img{ justify-content: center;width: 50%; margin: auto;}
    #s2c2 .s3 .box .area{ justify-content: center; padding: 0px 0 40px; width: 100%;}

    #s2c2 .s4{ padding:60px 0 60px;}
    #s2c2 .s4 .box{flex-direction: column-reverse}
    #s2c2 .s4 .box .img{justify-content: flex-start; padding:0;width: 50%; margin: auto;}
    #s2c2 .s4 .box .area{ justify-content: center; margin-bottom: 40px; padding: 0;}
    #s2c2 .s4 .box .area .txt44{text-align: left;}
    #s2c2 .s4 .box .area .txt24{text-align: left;}
}
@media screen and (max-width:600px){
    #s2c2 .s2 .arrow_wrap{top: 100px;}
}
@media screen and (max-width:515px){
    #s2c2 .s2 .arrow_wrap{top: 90px;}
}
@media screen and (max-width:480px){
    #s2c2 .s2 .arrow_wrap{top: 80px;}
}
@media screen and (max-width:450px){
    #s2c2 .s2 .arrow_wrap{top: 70px;}
}
@media screen and (max-width:400px){
    #s2c2 .s2 .arrow_wrap{top: 60px;}
}
@media screen and (max-width:350px){
    #s2c2 .s2 .arrow_wrap{top: 50px;}
}



/*센스365 앱*/
#s2c3{}
#s2c3 .s1 .box{padding-bottom: 60px;}
#s2c3 .s1 .box .img img{position: absolute; right: -70px; top: 0;max-height: 660px; z-index: 1;}
#s2c3 .s1 .box .gif_img{}
#s2c3 .s1 .box .gif_img img{position: absolute; right: -70px; top: 0;max-height: 660px; z-index: 2;}

#s2c3 .s1 .box .area{position: relative; padding-right: 100px;}
#s2c3 .s1 .box .caution{position: absolute; right: -200px;bottom:0; text-align: right;}

#s2c3 .s2 .box .area{justify-content: flex-end; width: 45%;}
#s2c3 .s2 .box .img{width: 55%; justify-content: flex-start;}
#s2c3 .s2 .box .img span{ padding: 0 40px 0 0;}
#s2c3 .s3 .box .area{justify-content: flex-end; width: 45%;}
#s2c3 .s3 .box .img{width: 55%; justify-content: flex-end;}
#s2c3 .s3 .box .img span{ padding: 0 0 0 40px;}
#s2c3 .s2 .box .img img,
#s2c3 .s3 .box .img img{border-radius: 30px; box-shadow:inset 10px 1px 16px 0 rgba(255, 255, 255, 1), inset 0 -16px 30px 10px rgba(147, 185, 221, 0.6), 10px 30px 40px 0 rgba(118, 153, 186, 0.2);}


#s2c3 .app_link ul li .qr_google{opacity:1;background-color: #fff; background-position: center top;}
#s2c3 .app_link ul li:hover .qr_google{background: url(../../../third/akcdn-cdnn.cafe24img.com/cdn/en_US/img/sub/qr_sens_google.png)no-repeat #fff; background-size:65%; height:75px; background-position: center top;transition:0.3s;}
#s2c3 .app_link ul li:hover .qr_google img{opacity: 0;transition: all 0.3s ease-out ; }

#s2c3 .app_link ul li .qr_apple{opacity:1;background-color: #fff; background-position: center top;}
#s2c3 .app_link ul li:hover .qr_apple{background: url(../../../third/akcdn-cdnn.cafe24img.com/cdn/en_US/img/sub/qr_sens_apple.png)no-repeat #fff; background-size:65%; height:75px; background-position: center top;transition:0.3s;}
#s2c3 .app_link ul li:hover .qr_apple img{opacity: 0;transition: all 0.3s ease-out ; }



@media screen and (max-width:1300px){
    #s2c3 .s1 .box .img img,
    #s2c3 .s1 .box .gif_img img{right: 0;}
    #s2c3 .s1 .box .caution{position: relative; right: 0;bottom:0; text-align: left; margin-top: 40px;}
}
@media screen and (max-width:992px){
    #s2c3 .s1 .box{padding-bottom:0px;flex-direction:column}
    #s2c3 .s1 .box .img img{position: relative; right: -0; top: 0;width: 100%;;}
    #s2c3 .s1 .box .gif_img img{position: absolute; right: -0; top: 0;width: 100%;;}
    #s2c3 .s1 .box .area{position: relative;padding-right: 0;}

    #s2c3 .s1 .box .btn_wrap{text-align: left;}

    #s2c3 .s2 .box .area{justify-content: center; width: 100%; margin-top: 20px;}
    #s2c3 .s2 .box .img{width: 70%; justify-content: center; margin: auto;}
    #s2c3 .s2 .box .img span{ padding: 0 20px 0;}
    .ico_365{text-align: center; margin: auto;}
    #s2c3 .s2 .box .txt24,
    #s2c3 .s2 .box .txt18{text-align: center;}


    #s2c3 .s3 .box{flex-direction: column;}
    #s2c3 .s3 .box .area{justify-content: flex-end; width: 100%;  margin-top: 20px;}
    #s2c3 .s3 .box .img{width: 70%; justify-content: center; margin: auto;}
    #s2c3 .s3 .box .img span{ padding: 0 20px 0;}
    #s2c3 .s3 .box .txt24,
    #s2c3 .s3 .box .txt18{text-align: center;}
}
@media screen and (max-width:786px){
    #s2c3 .s2 .box .img,
    #s2c3 .s3 .box .img{width: 100%;}
}


/*센스365 웹*/
#s2c33{}
#s2c33 .s1 .img{width: 100%; margin: auto;text-align: center; padding: 0;}
#s2c33 .s1 .box{padding-bottom: 60px;}
#s2c33 .s1 .box .area{position: relative; padding-right: 100px;}


#s2c33 .s2 {clear: both;}
#s2c33 .s2 .box .area{justify-content: flex-end; width: 45%; padding-bottom: 10px;}
#s2c33 .s2 .box .img{width: 55%; justify-content: flex-start; padding-right: 50px;}

.tbl_365_box{clear: both;height: 250px;}
.tbl_365{width: 100%;}
.tbl_365 td{position: relative; vertical-align:top}
.tbl_365 .tbl_txt{position:absolute; left:20px; top:0; width: 100%;}
.tbl_365 .txt2st{top:60px}
.tbl_365 .linew{ border-top:1px solid #171c8f; width: 20px;}
.tbl_365 .lineh{ border-left:1px solid #171c8f; height:30px;}
.web_365_img img{box-shadow: inset 0 -20px 20px 0 rgba(147, 185, 221, 0.4), inset -10px 10px 30px 0 rgba(212, 229, 255, 0.6), 20px 20px 40px 0 rgba(118, 153, 186, 0.1); border-radius: 50%;}
.m_sec{display: none;}
@media screen and (max-width:992px){
    #s2c33 .s1 .img{ padding: 60px 0 40px; width:80%;}
    #s2c33 .s1 .box .area{padding-right: 0;}
    #s2c33 .s1 .btn_wrap{text-align: left;}
    #s2c33 .s2 {clear: both;}
    #s2c33 .s2 .box .area{justify-content: center; width: 100%; padding-bottom: 0;}
    #s2c33 .s2 .box .img{width: 80%; justify-content:center; margin: 0 auto 20px; padding-right: 0;}
    .tbl_365_box{height: 300px;}
}

@media screen and (max-width:786px){
    #s2c33 .s1 .img{ padding: 40px 0 0px; width:80%;}
    .ico_365{text-align: center; margin: auto;}
    .tbl_365_box{display: none;}
    .m_sec{display: block;}
    .m_sec .web2_365{text-align: center; margin: auto;}
    .web_365_img img{box-shadow: inset 0 -20px 20px 0 rgba(147, 185, 221, 0.4), inset -10px 10px 30px 0 rgba(212, 229, 255, 0.6), 20px 20px 40px 0 rgba(118, 153, 186, 0.1); border-radius: 50%;}
}
@media screen and (max-width:480px){
    .m_sec .web2_365 img{width: 30%;}
}




/*튜토리얼(메뉴이동했음)*/
#s3c1{}
#s3c1 .tab .txt44{display: inline-block; margin-right: 40px;}
#s3c1 .tab .txt24{display: inline-block;}
#s3c1 .tabnav{margin-top: 40px; margin-bottom:0;}
#s3c1 .con_set{margin: 0;}
#s3c1 .con_set .box{padding: 0 110px 0; flex-direction:revert}
#s3c1 .con_set .box .lt{width: 50%; padding: 50px 50px 0 0;}
#s3c1 .con_set .box .lt img{text-align: left;}
#s3c1 .con_set .box .rt{width: 50%; padding: 120px 0 0;}
#s3c1 .con_set .box .rt .step{font-size: 16px; font-weight: 600; line-height: 1; color: #fff; background: #88a7e1; border-radius: 20px; padding: 8px 10px; margin-bottom: 16px; display: inline-block;}
#s3c1 .con_set .box .ico{display: inline-block; vertical-align:top; margin: 3px 10px 0 0;width: 20px;}
#s3c1 .con_set .box .txt24{width:100%;}
#s3c1 .con_set .box .txt16{display: inline-block; vertical-align:top; max-width:90%;}
.post-slider{
    width:100%;
    margin:0px auto;
    position:relative;
    background:#f5f9ff;
  }
  .post-slider .next{
    position:absolute;
    top:50%;
    right:40px;
    cursor: pointer;
    z-index: 5;
    transform: translateY(-50%);
  }
  .post-slider .prev{
    position:absolute;
    top:50%;
    left:40px;
    cursor: pointer;
    z-index: 5;
    transform: translateY(-50%);
  }
  .post-slider .post-wrapper{
    width:100%;
    height:auto;
    margin:0px auto;
    padding:0;
  }
  .post-slider .post-wrapper .post{
    width:100%;
    height:100%;
    margin:0;
    display:inline-block;
    background:#f5f9ff;
    border-radius: 20px;
  }
  .post-slider .post-wrapper .post .post-info{
    font-size:15px;
    height:30%;
    padding-left:10px;
  }
  .post-slider .post-wrapper .post .slider-image{
    width:100%;
    height:175px;
    border-top-left-radius:5px;
    border-top-right-radius:5px;
  }

  .post{display:none;}
  .post-slider .slick-dots{position: absolute;bottom: 60px!important; left: 50%!important; margin-left: -8px!important;width: auto!important;}
  .post-slider .slick-dots li button:before{font-size:30px!important;}
  .post-slider .slick-dots li.slick-active button:before{color: #171c8f!important; opacity: 1!important;}
  .post-slider .slick-dotted.slick-slider{margin-bottom: 0!important;}

#s3c1 .s2 {margin-top: 100px; padding-bottom: 60px; border-bottom: 1px solid #eee;}

#s3c1 .s2 .video_t ul{ display:flex; flex-direction: column;flex-wrap: nowrap; align-items: flex-start; padding: 0px; margin: 0;}
#s3c1 .s2 .video_t ul li{  width: 100%;  text-align: left; padding: 0px; margin: 0px 0px 50px 0;}
#s3c1 .s2 .video_t ul li:nth-child(3n){  margin-right: 0;}
#s3c1 .s2 .video_t ul li div{  margin-bottom: 0px;justify-content: flex-start;}
#s3c1 .s2 .video_t ul li div.area{ padding: 0 0 0 70px; position: relative;}
#s3c1 .s2 .video_t ul li div.area .area_txt{ position: absolute; top: 50%; transform: translateY(-50%);}
#s3c1 .s2 .video_t ul li div.area .area_txt .tit{ font-size: 28px; font-weight: bold;}
.video_t .corp_ytb{width: 100%;clear: both; padding: 0px 0 0; margin: 0 auto;  position: relative;padding-bottom:10px;}
.video_t .corp_ytb iframe{ position: absolute;top: 0; left: 0; right: 0;bottom: 0;width: 100%;height: 100%; border-radius: 20px;box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.1)}

/*#s3c1 .s2 {margin-top: 100px;}
#s3c1 .s2 .video ul{ display:flex; flex-direction: row;flex-wrap: wrap; align-items: flex-start; justify-content: space-between; padding: 0px; margin: 0;}
#s3c1 .s2 .video ul li{  width: calc(49% - 13.3333px);  text-align: center; padding: 0px; margin: 0px 20px 40px 0;}
#s3c1 .s2 .video ul li:nth-child(3n){  margin-right: 0;}
#s3c1 .s2 .video ul li div{ background: #f5f5f5; margin-bottom: 10px;}
.video .corp_ytb{width: 100%;clear: both; padding: 0px 0 0; margin: 0 auto;  position: relative;padding-bottom:56.25%;}
.video .corp_ytb iframe{ position: absolute;top: 0; left: 0; right: 0;bottom: 0;width: 100%;height: 100%; border-radius: 20px;}
#s3c1 .s2 .video_t ul li div.area{ padding: 0 0 0 70px; position: relative;}*/


@media screen and (max-width:1200px){
    #s3c1 .tabnav li a{height: 90px; line-height: 1.5;}
}
@media screen and (max-width:1095px){
    .post-slider .slick-dots{bottom: 50px!important; }
}
@media screen and (max-width:992px){
    #s3c1 .s2 .video ul li{  width:calc(50% - 10px); margin: 0px 10px 60px 0;}
	#s3c1 .con_set .box{padding: 0; width: 85%; margin: auto;}
	#s3c1 .con_set .box .lt { width: 100%; padding-right: 0;}
    #s3c1 .con_set .box .lt img{width: 80%; padding-left: 11%; margin: 10px auto 0;}
	#s3c1 .con_set .box .rt {width: 100%; padding: 50px 0 0;}
    #s3c1 .con_set .box .rt .txt24{font-size: 20px;}
	.enter{display:none;}
	.post-slider .post-wrapper{padding:0 0 50px;}
    .post-slider .slick-dots { bottom: 30px !important;  }
    .post-slider .prev{left: 15px; text-align: left;}
    .post-slider .prev img{width:70%;}
    .post-slider .next{right: 15px;text-align: right;}
	.post-slider .next img{width:70%;}
	#s3c1 .con_set .box .sstxt{width:100%;}
    #s3c1 .tabnav .txt{font-size: 16px!important;}
    #s3c1 .tab{padding: 0 0 0;}
}
@media screen and (max-width:786px){
    #s3c1 .tab{display: none;}
    #s3c1 .s2 {margin-top: 60px;}
}
@media screen and (max-width:516px){
    #s3c1 .tabnav .txt{font-size: 14px!important;}
}
@media screen and (max-width:480px){
    #s3c1 .s2 .video ul{ display:block; }
    #s3c1 .s2 .video ul li{  width: 100%; margin:0px 0px 30px 0; border-bottom: 1px solid #eee;}
    #s3c1 .s2 .video ul li p{padding: 10px 0 10px;}
    #s3c1 .s2 .video ul li:nth-last-child(2),
    #s3c1 .s2 .video ul li:nth-last-child(3){ margin:0px 0px 20px 0;}
    #s3c1 .s2 .video ul li:nth-last-child(1){ margin:0px 0px 0px 0;}
}


#s3c1-1{display: none;}
#s3c1-1 .txt44{display: inline-block; margin-right: 40px;}
#s3c1-1 .txt24{display: inline-block;}
#s3c1-1 .s3 {padding-bottom:0; margin-bottom: 0; }
#s3c1-1 .s3 .box{padding:0; display: block; }
#s3c1-1 .s3 .box .tutorial {background: #f5f9ff;padding: 30px; margin-bottom: 30px;}
#s3c1-1 .s3 .box .tutorial ul{ display:flex; flex-direction: row;flex-wrap: wrap; align-items: center; justify-content: space-between; padding: 0px; margin: 0;}
#s3c1-1 .s3 .box .tutorial ul li{  width: calc(33.3333% - 10px);  text-align: center; padding:20px 15px; margin: 0px 10px 60px 0; background: #fff; border-radius: 15px; height: 382px;}
#s3c1-1 .s3 .box .tutorial ul li:nth-child(3n){  margin-right: 0;}
#s3c1-1 .s3 .box .tutorial ul li:nth-last-child(1),
#s3c1-1 .s3 .box .tutorial ul li:nth-last-child(2),
#s3c1-1 .s3 .box .tutorial ul li:nth-last-child(3){ margin-bottom: 0;}
#s3c1-1 .s3 .box .tutorial .step{margin: 0 auto;  background: #171c8f;  color: #fff;  padding: 10px 20px;   border-radius: 100px;   width: 100%; font-size: 16px;}
#s3c1-1 .s3 .box .tutorial ul li p{ margin-bottom: 0;}
#s3c1-1 .s3 .box .tutorial ul li div{}
#s3c1-1 .s3 .box .tutorial .it{width: 40%; display:inline-block; float:left; }
#s3c1-1 .s3 .box .tutorial .rt{width: 60%; display:inline-block; padding-top: 10px;}
#s3c1-1 .s3 .box .tutorial .rt .tit2{ position: relative;  font-size: 16px;  line-height:1.4;  color: #101010;   word-break: keep-all;}
#s3c1-1 .s3 .box .tutorial .bt{width: 100%; display:flex; background: #f9f9f9;  border-radius: 15px;   padding: 10px 20px; }
#s3c1-1 .s3 .box .tutorial .ico{display: inline-block;  vertical-align: top;  margin: 10px 30px 0 0;}
/*
.tutorial .s3_tit:after { position: absolute;  margin-top: -3px;  margin-left: 3px;   content: "";   display: inline-block;   width: 11px;   height: 11px;   border-radius: 50%;    background: #171c8f;}*/
#s3c1-1 .s3 .box .h_300 li{height:300px !important;}
@media screen and (max-width:786px){
#s3c1-1{ display: block;}
#s3c1-1 .s3 .box .tutorial ul li{width:100%; margin:30px 0 0 0; height: auto;}
#s3c1-1 .s3 .box .tutorial ul li:first-child{margin-top:0;}
#s3c1-1 .s3 .box .tutorial .ico{display:none;}
#s3c1-1 .s3 .box .tutorial .rt .pt40{ padding-top: 0px !important;}
#s3c1-1 .s3 .box .h_300 li{height:auto !important;}
.m_none{display:none;}
}
@media screen and (max-width:480px){
    #s3c1-1.w1300{padding: 0;}
    #s3c1-1 .txt44{margin-left: 30px;}
    #s3c1-1 .s3 .box .tutorial {padding: 30px 30px 60px; margin-bottom: 20px;}

}


/*요양비지원*/
#s3c3{}
.support{ margin-bottom: 100px;}
.support:last-child{margin-bottom: 0;}
.support .ds_inb{display: inline-block;margin-right: 20px;}
.support .check { margin-right: 35px; display: inline-block;}
.support .check i{position: absolute; top: 2px; color:#171c8f;font-size: 30px;}
.num_list{ padding-left: 30px; }
.num_list li{list-style: decimal; }
.ko_list{ margin-top: 10px;}
.ko_list li{list-style: none; font-size: 14px; }
.pb5{padding-bottom:5px !important;}
#s3c3 .support .con_tbl th{text-align: center;border-right: 1px solid #fff}
#s3c3 .support .con_tbl th:last-child{border-right: none;}
#s3c3 .support .con_tbl td{text-align: center; border-right: 1px solid #e5e5e5;border-bottom: 1px solid #e5e5e5;}
#s3c3 .support .con_tbl td:last-child{border-right: none;}
#s3c3 .support .btn_wrap a:nth-child(1){margin-right: 5%;}

.support_box{display: flex; justify-content: flex-start;}
.sup_ico{width: 110px;}
.sup_ico .supicoimg{width: 80px; height: 80px;box-shadow: 2px 8px 12px 0 rgba(147, 149, 195, 0.3); border-radius: 50%; margin-bottom:10px ;}
.sup_ico .supicoimg img{ }
.sup_ico .num_txt{position: relative;}
.sup_ico .colorcircle_item { position: absolute;transform: translateY(-50%);top:47%; left: 0;list-style: none; display: inline-block; background-color: #171c8f; border-radius: 50%;width: 20px; height: 20px;color: #fff; font-size: 14px;text-align: center;line-height: 20px;}

.sup_txt{width: calc(100% - 110px); border-radius: 20px; box-shadow: 2px 8px 12px 0 rgba(147, 149, 195, 0.3); background: #fff; padding: 40px;}
.sup_arr{padding: 40px; margin: auto; text-align: center;}
.sup_icon_li{background: url(../../../third/akcdn-cdnn.cafe24img.com/cdn/en_US/img/sub/icon_list2.gif) no-repeat center left;  padding-left: 12px;  margin-left: 20px; background-position:0px 10px}
#s3c3 .sup_txt .btn_wrap{margin-left: 20px;}

.paper{display: flex; justify-content: space-between;flex-wrap: wrap;}
.paper > ul{width:calc(33.3333% - 13.3333px); margin-right: 20px; margin-bottom: 20px; background: #f5f9ff; border-radius: 10px; padding: 20px;}
.paper > ul:nth-child(3n){ margin-right: 0;}
.paper .btn_wrap{margin-left: 0 !important;}

@media screen and (max-width:1024px){
    .paper > ul{width:calc(50% - 10px);}
    .paper > ul:nth-child(3n){ margin-right: 20px;}
    .paper > ul:nth-child(2n){ margin-right: 0px;}
}
@media screen and (max-width:768px){
    .support{ margin-bottom: 60px;}
    .support_box{flex-direction:column;justify-content:center}
    .support .check {margin-right: 27px;}
    .support .check i{font-size: 23px;}
    .sup_txt{width: 100%; padding: 20px;}
    .sup_ico{margin: 0 auto 20px; width: auto;}
    .sup_ico .colorcircle_item {left: 7px;}
    .sup_ico .num_txt .txt24 {margin-left: 25px;}
    #s3c3 .sup_txt .btn_wrap{text-align: left;}
    .paper .btn_wrap{text-align: left; }
    .paper .btn_wrap .down_btn{font-size: 14px;}
    .paper .btn_wrap .down_btn span{top: -5px;}
}
@media screen and (max-width:650px){
    #s3c3 .support .btn_wrap a{margin-bottom: 20px;}
    #s3c3 .support .btn_wrap a:nth-child(1){margin-right: 0; }
    #s3c3 .support .con_tbl th,
    #s3c3 .support .con_tbl td{word-break: break-all;}
    .paper > ul{width:100%; margin-right: 0;}
    .paper > ul:nth-child(3n){ margin-right: 0;}
}



/*고객센터*/
#s3c4 {}
#s3c4 .s1 .box{flex-direction: revert;}
#s3c4 .s1 .img{width: 600px;justify-content:flex-start}
#s3c4 .s1 .img .time_box{width: 100%; background: #f5f9ff;padding: 50px 40px 50px 50px; margin-right:50px ;}
#s3c4 .s1 .img .time_box .time_tit{font-size: 28px; font-weight: bold; line-height: 1.43; letter-spacing: -0.05em;}
#s3c4 .s1 .area{width: calc(100% - 600px); display: flex; justify-content: flex-start; flex-wrap: wrap;flex-direction:row}
#s3c4 .s1 .area .cs_box{width: calc(50% - 25px); margin-right: 50px;position: relative; /*height: 208px;*/}
#s3c4 .s1 .area .cs_box:nth-child(1),
#s3c4 .s1 .area .cs_box:nth-child(2){/*margin-bottom: 20px;*/}
#s3c4 .s1 .area .cs_box:nth-child(2n){margin-right:0px;}

#s3c4 .cs_box .ico{ display: inline-block; width: 60px; height: 60px; margin-right: 20px; margin-bottom: 20px; vertical-align: top;}
#s3c4 .cs_box .twrap{display: inline-block; vertical-align: top;width: 70%;}
#s3c4 .cs_box .twrap .bo_t{position: absolute; bottom: 30px;}
#s3c4 .cs_box .twrap2{display: inline-block; vertical-align: top;width: 80%;}
#s3c4 .cs_box .twrap2 .bo_t{position: absolute; bottom: 30px;}
#s3c4 .boxst{border-radius: 20px; box-shadow:  2px 8px 12px 0 rgba(147, 149, 195, 0.2); padding: 30px;}
.qrcode{position: absolute; bottom: 30px; right: 30px; width: 64px; height: 64px;}

#s3c4 .s2 {background: #f5f9ff; padding: 120px 0;}
#s3c4 .s2 .box{flex-direction: revert;}
#s3c4 .s2 .box .img{width:35%; margin: auto; text-align: center; justify-content: center;}
#s3c4 .s2 .box .area{ width:65%; display: flex; flex-direction: column; justify-content: center;}
#s3c4 .s2 .box .area .btn_wrap a:nth-child(1){margin-right: 5%; margin-bottom: 20px;}

#s3c4 .s3 .box{flex-direction: revert;}
#s3c4 .s3 .box .inquiry_list{width:calc(50% - 30px);margin-right: 60px;;justify-content:flex-start}
#s3c4 .s3 .cs_box{width:100%; position: relative; height: auto;}
#s3c4 .s3 .cs_box .twrap2 .bo_t{position: relative; padding-top: 30px;}
#s3c4 .s3 .cs_box .twrap2{width: 100%;}
#s3c4 .s3 .box .inquiry_list:last-child{margin-right: 0px;}
@media screen and (max-width:1300px){
    #s3c4 .s1 .img{width: 50%}
    #s3c4 .s1 .area{width:50%;}
}
@media screen and (max-width:1300px){
    #s3c4 .s1 .box .img .txt24{ font-size: 20px;}
    #s3c4 .s1 .box .area .txt24{ font-size: 20px;}
    #s3c4 .boxst{padding: 20px;}
    .qrcode{right: 20px;}
}

@media screen and (max-width:1200px){
    #s3c4 .s1 .box .area .txt16{ font-size: 14px;}
}
@media screen and (max-width:1024px){
    #s3c4 .s1 .img .time_box .time_tit{font-size: 26px;}
    #s3c4 .s1 .box{ display: block;}
    #s3c4 .s1 .box .img{ width: 100%; margin-bottom: 20px;}
    #s3c4 .s1 .box .area{ width: 100%;}
    #s3c4 .s1 .area .cs_box{height: 208px;}

    #s3c4 .s1 .img .time_box{margin-right: 0; padding: 40px;}
    #s3c4 .s1 .img .time_box .time_tit{text-align: center;}
    #s3c4 .s1 .img .time_box .txt24{text-align: center;}
    .qrcode{display: none;}
}

@media screen and (max-width:768px){
    #s3c4 .s1 .img .time_box{margin-right: 0; padding: 30px;}
    #s3c4 .s1 .img .time_box .time_tit{font-size: 20px;}
    #s3c4 .s1 .box .img .txt24{ font-size: 18px;}
    #s3c4 .s1 .box{ display: block;}
    #s3c4 .s1 .area{display: block; width: 100%;}
    #s3c4 .s1 .area .cs_box{width:100%; margin-right: 0;height: auto;}
    #s3c4 .s1 .area .cs_box .btn_wrap{text-align: left;}
    #s3c4 .cs_box .ico{ display:block; margin-right: 0;margin-bottom: 10px; }
    #s3c4 .cs_box .twrap{display: block; width: 100%;}
    #s3c4 .cs_box .twrap .bo_t{position: relative; bottom: inherit;}
    #s3c4 .cs_box .twrap2{display: block; width: 100%;}
    #s3c4 .cs_box .twrap2 .bo_t{position: relative; bottom: inherit;}
    #s3c4 .boxst{padding: 30px;}
    .qrcode{position: absolute; bottom: 30px; right: 30px; width: 64px; height: 64px;}

    #s3c4 .s2{padding: 60px 0;}
    #s3c4 .s2 .area{ width: 100%;  margin: 0 0 0 0px; padding: 0px; }
    #s3c4 .s2 .box{ display: block;}
    #s3c4 .s2 .box .img{width:100%; padding-bottom: 30px;}
    #s3c4 .s2 .box .area{width:100%;justify-content:flex-start;}
    #s3c4 .s2 .box .area .btn_wrap a:nth-child(1){ margin-bottom: 20px; margin-left: 5%; margin-right: 5%;}
    #s3c4 .s2 .box .area .txt44,
    #s3c4 .s2 .box .area .txt24{text-align: center;}

    #s3c4 .s3 .box{display: block;}
    #s3c4 .s3 .box .inquiry_list{width:100%;margin-right: 0; margin-bottom: 30px;}
    #s3c4 .s3 .cs_box .twrap2 .bo_t{ padding-top: 0px;}
    #s3c4 .s3 .cs_box{height: auto;}
}
@media screen and (max-width:650px){
    #s3c4 .s2 .box .img{width: 50%;}
}
@media screen and (max-width:590px){
}




/*오시는길*/
#s3c5 .con_set{padding-bottom: 0; margin-bottom: 0;}
.map_area {width: 100%;display: block;position: relative; height:auto;}
.map {position: relative; padding:0; box-sizing: border-box; width: 100%; height: 100%;}
.map iframe{width: 100%; height: 600px; border: 0; display: block;}
.anchor{ display: block; height: 300px;margin-top: -300px;  visibility: hidden; }
@media screen and (max-width:980px){
    .anchor{  height: 250px;margin-top: -250px; }
}
@media screen and (max-width:786px){
    .map iframe{height: 300px;}
    .anchor{ height: 200px;margin-top: -200px;   }
}
@media screen and (max-width:480px){
    #s3c5 .tabnav .txt{word-break: break-all;}
    #s3c5 .con_tbl th{width: 45%;}
}
@media screen and (max-width:380px){
    #s3c5 .tabnav .txt{font-size: 14px!important;}
}


/*다운로드 CareSens Air*/
#s4c1{}
.down_list{width: 100%;  display: flex; justify-content:flex-start;flex-wrap:wrap;}
.down_list .st_box{width:calc(25% - 15px); background-color: #fff; margin-right: 20px; margin-bottom: 40px;border-radius: 20px;  height: 350px; box-shadow: 2px 8px 12px 0 rgba(147, 149, 195, 0.2);position: relative;}
.down_list .st_box:nth-child(4n){margin-right:0;}
.down_list .st_box .top_img{display: none;}
.down_list .st_box .st_txt{ padding: 30px; }
.down_list .btn_wrap{position: absolute; bottom: 45px;}
.down_btn {font-size: 16px; font-weight: 500; line-height: 1.5; color: #171c8f; position: relative;}
.down_btn span{position: absolute; top: -6px; margin-left: 4px;width: 20px; height: 20px;}
.down_list .btn_wrap a:hover{ color: #090043; }
.down_list .btn_wrap a:hover span img{filter: invert(0%) sepia(1%) saturate(9%) hue-rotate(330deg) brightness(100%) contrast(100%);}
.down_tit{ padding-left: 30px; }
.down_tit:before {position:absolute; left: 0;content:""; display:inline-block; width:18px; height:18px; background: url(../../../third/akcdn-cdnn.cafe24img.com/cdn/en_US/img/sub/down_bl.png);}

#s4c12 .s1 {margin-bottom: 0!important;}
#s4c12 .s1 .box{flex-direction: revert;}
#s4c12 .s1 .box .img{justify-content: flex-start; padding-right: 50px;}
#s4c12 .s1 .box .img img{align-self:center; width: 512px;}
#s4c12 .s1 .box .area{}

.app_down{ display: flex;flex-wrap: wrap;}
.app_down .app_down_box{ width: calc(50%); min-width: 300px; margin: auto; text-align: center;}
.app_down .app_down_box .appqr{  max-height: auto;margin: auto;text-align: center;}
.app_down .app_down_box .appqr img{width: 112px; margin: auto; text-align: center;}
.app_down .app_down_box .appdown_btn{width: 170px; margin: 0 auto 80px; }
.app_down .app_down_box .down_tit{display: inline-block; margin: auto; text-align: center;}
.app_down .app_down_box:nth-child(3) .appdown_btn,
.app_down .app_down_box:nth-child(4) .appdown_btn{margin-bottom: 0!important;}


@media screen and (max-width:1300px){
    .app_down .app_down_box{ min-width: 50%;}
}

@media screen and (max-width:992px){
    #s4c12 .s1 .box{flex-direction: column;}
    #s4c12 .s1 .box .img{justify-content:center; padding-right: 0; margin-bottom: 70px; display:none;}
    #s4c12 .s1 .box .img img{align-self:center; width: 50%; display:none;}
     #s4c12 .s1 .box .m_img{justify-content:center; padding-right: 0; margin-bottom: 70px;     text-align: center;     margin-top: 40px; display:block;}
    #s4c12 .s1 .box .m_img img{align-self:center; width: 50%;     text-align: center;}
    .app_down .app_down_box .appqr{  display: none;}
    .app_down .app_down_box .appdown_btn{ margin: 0 auto 60px; }
    .app_down .app_down_box .down_tit{margin: 0 auto 15px!important;}
}

@media screen and (max-width:786px){
    .app_down .app_down_box .appdown_btn{width: 150px;}
}
@media screen and (max-width:480px){
    #s4c12 .s1 .box .img{ margin-bottom: 40px; display:none;}
    #s4c12 .s1 .box .img img{width: 80%; display:none; }
	#s4c12 .s1 .box .m_img{ margin-bottom: 40px;     text-align: center;     margin-top: 40px;}
    #s4c12 .s1 .box .m_img img{width: 80%;     text-align: center;}
    .app_down{ flex-direction: column;}
    .app_down .app_down_box{ min-width: 100%;}
    .app_down .app_down_box .appdown_btn{ margin: 0 auto 40px;width: 130px; }
    .app_down .app_down_box:nth-child(3) .appdown_btn{margin-bottom: 40px!important;}
    .app_down .app_down_box:nth-child(4) .appdown_btn{margin-bottom: 0!important;}
}



/* 반응형 3개배열
@media screen and (max-width:1240px){
    .down_list .st_box{width:calc(33.3333% - 13.333px); }
    .down_list .st_box:nth-child(4n){margin-right:20px;}
    .down_list .st_box:nth-child(3n){margin-right:0;}
    .down_list .btn_wrap{bottom: 35px;}
}
*/

@media screen and (max-width:1250px){
    .down_list .st_box{width:calc(50% - 10px); height: 270px;}
    .down_list .st_box:nth-child(4n){margin-right:20px;}
    .down_list .st_box:nth-child(3n){margin-right:20px;}
    .down_list .st_box:nth-child(2n){margin-right:0;}
}

@media screen and (max-width:820px){
    .down_list .st_box{width:calc(50% - 10px); height: 350px;}
    .down_list .st_box:nth-child(4n){margin-right:20px;}
    .down_list .st_box:nth-child(3n){margin-right:20px;}
    .down_list .st_box:nth-child(2n){margin-right:0;}
}
@media screen and (max-width:530px){
    .down_list .st_box{width:100%; height: auto; margin-right: 0;}
    .down_list .btn_wrap{position: relative; bottom: inherit;text-align: left; margin-top: 30px;}
}

/*다운로드 CareSens Air Bi*/
#s4c11{}
#s4c11 .s1 .box{flex-direction: revert;}
#s4c11 .s1 .box .img{justify-content: flex-start;}
#s4c11 .s1 .box .img img{align-self:flex-start}
.down_btn {font-size: 16px; font-weight: 500; line-height: 1.5; color: #171c8f; position: relative;}
.down_btn span{position: absolute; top: -6px; margin-left: 4px;width: 20px; height: 20px;}
#s4c11 .btn_wrap a:nth-child(1){margin-right: 60px;}
#s4c11 .btn_wrap a:hover{ color: #090043; }
#s4c11 .btn_wrap a:hover span img{filter: invert(0%) sepia(1%) saturate(9%) hue-rotate(330deg) brightness(100%) contrast(100%);}

#s4c11 .s2 .box .area{padding: 0 50px 0 0;}
#s4c11 .s2 .box .img{justify-content:center;}
#s4c11 .s2 .box .img img{align-self:center}

.bi_list{ display: flex; justify-content: space-between;}
.bi_list .bi_box{ width: calc(33.3333%); max-width: 400px;}
.bi_list .bi_box .img{  max-height: auto;box-shadow:  2px 8px 12px 0 rgba(147, 149, 195, 0.2); border-radius:20px; margin: auto;text-align: center;}
.bi_list .bi_box .img img{ border-radius:20px; margin: auto; text-align: center;}
.bi_list .bi_box .txt_wrap{width: fit-content;  margin: auto; }
.bi_list .bi_box .txt_wrap .txt16{text-align: justify; word-break: normal; }


#s4c11 .s4 .box .area{padding:0 35px 0;justify-content:center}
#s4c11 .s4 .box .img{justify-content: flex-start; position: relative;}
#s4c11 .s4 .box .img img{align-self:flex-start}

#s4c11 .s5 .box .area{padding: 0 50px 0 0; width: 55%;}
#s4c11 .s5 .box .img{display: block; text-align: center; width: 45%;padding: 50px 0 0;}
#s4c11 .s5 .box .img img{align-self:center}

@media screen and (max-width:1300px){
    .bi_list .bi_box{width:30%;}
}

@media screen and (max-width:1200px){
    .bi_list{ display: flex; justify-content:space-between;}
    .bi_list .bi_box .img{}
    .bi_list .bi_box .txt_wrap{margin: auto; }
    #s4c11 .btn_wrap a{display: block; }
    #s4c11 .btn_wrap a:nth-child(1){margin-right: 0; margin-bottom: 15px;}
}
@media screen and (max-width:992px){
    #s4c11 .s1 .box{display: block;}
    #s4c11 .s1 .box .img{ display: block; text-align: center; padding: 0 0 40px;}
    #s4c11 .s1 .box .area{padding: 0;}
    #s4c11 .s2 .box .img{ width: 100%;padding: 40px 0 0;}
    #s4c11 .s2 .box .area{padding: 0;}
    #s4c11 .s4 .box{display: block;}
    #s4c11 .s4 .box .area{padding:0 0 0;}
    #s4c11 .s5 .box .area{padding: 0; width: 100%;}
    #s4c11 .s5 .box .img{ width: 100%;padding: 0px 0 0;}
    #s4c11 .btn_wrap a{display: inline-block; }
    #s4c11 .btn_wrap a:nth-child(1){margin-right: 60px; margin-bottom:0;}
    #s4c11 .s5 .box .caution {text-align: left; margin: 40px 0 0;}



}
@media screen and (max-width:786px){
    #s4c11 .s1 .box .img{ width: 70%; margin: auto; padding: 0 0 20px;}
    #s4c11 .btn_wrap {text-align: left; }
    #s4c11 .btn_wrap a{display: block; }
    #s4c11 .btn_wrap a:nth-child(1){margin-right: 0; margin-bottom: 15px;}
    .bi_list{ display: block; justify-content:none}
    .bi_list .bi_box{width: 100%; margin: 0 auto 40px; padding-bottom: 30px;border-bottom: 1px dashed #e5e5e5;}
    .bi_list .bi_box:last-child{margin-bottom: 0; padding-bottom: 0px;border-bottom: none}
    #s4c11 .s2 .box .img{padding: 40px 0 0; width: 70%; margin: auto;}

}

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



/*호환성*/
#s4c2 .con_set{padding: 0; margin:0}
#s4c2 .con_set .con_tbl th{text-align: center;}
#s4c2 .con_set .con_tbl td{text-align: center;}



.modal { display: none; position: fixed; z-index: 99;  left: 0;top: 0; width: 100%;height: 100%;  overflow: auto;  background-color: rgb(0,0,0); background-color: rgba(0,0,0,0.4);  }
.modal-content { background-color: #fefefe; margin: 3% auto;   width: 80%; max-width: 1100px; border-radius: 20px;}
.modal h1{background:#171c8f;color:#fff;font-size:26px;padding:30px 30px;position:relative;font-weight:400;text-align:left; margin: 0; border-radius: 20px 20px 0 0;}
.modal_con_tbl {border-top:1px solid #171c8f;}
.modal_con_tbl th{text-align: center; padding: 20px;border-bottom: 1px solid #e5e5e5; background: #f5f9ff;}
.modal_con_tbl td{text-align: left; border-bottom: 1px solid #e5e5e5; padding: 20px;}
.modal .tab{padding: 30px 50px;}
.phone_list{ display: flex;}
.phone_list > div{ width: 50%;}
.close {}
.close:hover,
.close:focus {  }

.modal-btn,
.modal-close{cursor: pointer;}

.modal .tabnav {margin-bottom: 30px; text-align: center;}
.modal .tabnav li{display: inline-block; text-align:center;width: 20%; vertical-align: top;}
.modal .tabnav li a{ position:relative; display:block; background: #fff; padding:10px;text-decoration:none; border-top-left-radius: 0; border-top-right-radius: 0px;font-size: 18px; font-weight: 500; color: #bbb; word-break: keep-all; border-radius:50px;  height: auto;}
.modal .tabnav li a:hover{	-webkit-transition: all 0.5s;	-moz-transition: all 0.5s;	-o-transition: all 0.5s;	transition: all 0.5s }
.modal .tabnav li a.active{background:#fff; color:#171c8f; border: 1px solid #171c8f;}
.modal .tabcontent{width: 100%;;height:100%;}

@media screen and (max-width:1024px){
    .modal .tabnav li a{ padding:20px;font-size: 16px; line-height: 1.5;}
}
@media screen and (max-width:786px){
    .modal .tabnav li a{ padding:15px;font-size: 14px; }
    .modal .tabnav li{width: 50%; }

    .modal .tab{padding: 20px 20px;}
    .phone_list{ display: block}
    .phone_list > div{ width: 100%;}
}
@media screen and (max-width:450px){
    .modal-content {  width: 90%;}
    .modal .tabnav li{display: block;width: 100%; margin-bottom: 10px;}
    .modal .tabnav li a{ padding:10px; }
    .modal_con_tbl th{padding: 10px; width: 80px !important;}
    .modal_con_tbl td{padding: 10px;}
    .modal_con_tbl colgroup col:first-child{width: auto;}
}
@media screen and (max-width:380px){
    .modal .tabnav li a{ padding:10px 5px; }
}



/*관련 사이트*/
#s4c3 .con_set{padding: 0; margin:-20px 0 0;}
.site_wrap{width: 100%;max-width:1200px; margin:0 auto}
.logolist{ position: relative; width:calc(25% - 21px); float: left; margin-right:28px; margin-bottom:80px;  }
.logolist:hover .stxt{color: #171c8f;}
.logolist .list_box{position: relative;display: block; width: 100%; background:#fff; box-shadow: 2px 8px 12px rgba(0,0,0,0.12);border-radius: 20px;height:196px}
.logolist .list_box span{ position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);width: 100%; padding: 10px; text-align: center;}
.logolist:nth-child(4n){margin-right:0;}
.logolist:nth-last-child(1),
.logolist:nth-last-child(2){margin-bottom:0;}
.list_box img{}
.logolist > .stxt{ margin:24px 0 0 0; position:relative; clear: both; word-wrap: break-word;}
@media screen and (max-width:1200px){
    .list_box img{width: 100%;}
}
@media screen and (max-width:1024px){
    .logolist .list_box{height:150px}
}
@media screen and (max-width:992px){
    #s4c3 .con_set{padding: 0; margin:0 0 0}
}
@media screen and (max-width:786px){

    .logolist{ width:calc(33.3333% - 21px);  margin-bottom:40px}
    .logolist:nth-child(4n){margin-right:28px;}
    .logolist:nth-child(3n){margin-right:0;}
    .logolist:nth-last-child(1),
    .logolist:nth-last-child(2),
    .logolist:nth-last-child(3){margin-bottom:0;}
}
@media screen and (max-width:480px){
    .logolist{ width:calc(50% - 21px); margin-bottom:20px;margin-right:38px;}
    .logolist:nth-child(3n){margin-right:38px;}
    .logolist:nth-child(2n){margin-right:0;}
    .logolist .list_box{height:100px}
    .logolist > .stxt{ margin:16px 0 0 0;}
    .logolist:nth-last-child(1),
    .logolist:nth-last-child(2){margin-bottom:0;}
}


/*온라인 클래스*/
#s5c1 {padding: 0;}
#s5c1 .con_set{margin: 0;}
#s5c1 .box .area .txt20{color:#53565a;}
#s5c1 .box .img{ height: 510px;display:flex; justify-content: center;padding: 50px 50px 0}
#s5c1 .box .img img{align-self:flex-end;}
#s5c1 .box .link i{font-size:18px; vertical-align:middle; position: relative; top:-2px;}
#s5c1 .box .link a:hover{color: #090043;}
#s5c1 .s1 .box .img{background: #eeeeee; }
#s5c1 .s1 .box .area{padding: 0 70px 0;justify-content:center}
#s5c1 .s2 .box{flex-direction:revert;}
#s5c1 .s2 .box .img{background: #f5f9ff;}
#s5c1 .s2 .box .area{padding:  0 70px 0;justify-content:center}
@media screen and (max-width:1200px){
    #s5c1 .box .img img{align-self:center;}
}
@media screen and (max-width:992px){
    #s5c1 .con_set .w1440{padding: 0;}
    #s5c1 .box .img{height:auto; ;}
    #s5c1 .s1 .box{flex-direction:column;}
    #s5c1 .s1 .box .area{padding: 50px;}
    #s5c1 .s2 .box{flex-direction:column;}
    #s5c1 .s2 .box .area{padding: 50px;}
}
@media screen and (max-width:786px){
    #s5c1 .s1 .box .area{padding: 30px 30px 60px;}
    #s5c1 .s2 .box .area{padding: 30px 30px 60px;}
}
@media screen and (max-width:480px){
}



/*1:1 문의*/
#s2c_qa {}
#s2c_qa.sub_wrap{padding: 60px 0 120px;}
#s2c_qa .qabox{width: 100%; padding: 0; margin: 0; position: relative;}
#s2c_qa .con_set{margin: 0 auto 0;}
.qa_btn_wrap{margin: 60px auto 0;    text-align: center;}
.qa_btn_wrap a{display: inline-block;}
.main_detail_bt i{padding-right: 10px; top: 2px; position: relative;;}

@media screen and (max-width:786px){
    #s2c_qa.sub_wrap{padding: 30px 0 60px;}
    .qa_btn_wrap{margin: 40px auto 0; }
}
/*자주 묻는 질문*/
#s3c_faq {}
#s3c_faq.sub_wrap{padding: 20px 0 120px;}
#s3c_faq .con_set{margin: 0 auto 0;}
#s3c_faq .faqbox{width: 100%; padding: 0; margin: 0; position: relative;}
@media screen and (max-width:786px){
    #s3c_faq.sub_wrap{padding: 30px 0 60px;}
}

/*개인정보, 이용약관*/
#sc_sys {}
#sc_sys p{margin: 0;}
#sc_sys .sysbox{display: flex;width: 100%; padding: 0; margin: 0; position: relative; flex-direction:row-reverse;}
#sc_sys .sysbox .sys_lt{ width: 70%; padding-right: 70px; border-right: 1px solid #ddd;}
#sc_sys .sysbox .sys_rt{ width: 30%; padding-left: 70px; padding-top: 10px;}
#sc_sys .sysbox .sys_list{ }
#sc_sys .sysbox .sys_list ul li{ margin: 0 0 10px; }
#sc_sys .sysbox .sys_list ul li a{ font-size: 18px;}
#sc_sys .sysbox .sys_list ul li a:hover,
#sc_sys .sysbox .sys_list ul li a:focus{ color: #171c8f;}
#sc_sys .sysbox .con_tbl {width: 100%;}
#sc_sys .sysbox .con_tbl th{text-align: center;border-right: 1px solid #fff; font-size: 16px; padding: 10px;}
#sc_sys .sysbox .con_tbl th:last-child{border-right: none;}
#sc_sys .sysbox .con_tbl td{border-left: 1px solid #e5e5e5;border-bottom: 1px solid #e5e5e5; font-size: 16px; padding: 10px;}
#sc_sys .sysbox .con_tbl td:first-child{border-left: none;}
#sc_sys .sysbox a:hover,
#sc_sys .sysbox a:focus{ color: #171c8f;}
#sc_sys select{width: auto;}
#sc_sys .sys_box_st{border: 1px solid #ddd; padding: 20px;}

.circle_list{ counter-reset: circle 0; }
.circle_list > li { position: relative; list-style: none ; padding: 0 0 10px 24px;font-size:16px; line-height:1.5; font-weight:500;color:#53565a;}
.circle_list > li::before { position: absolute;  top: 0.95em; left: 0.35em; transform: translateY(-50%);    counter-increment: circle 1; content: counter(circle); font-size: 12px;}
.circle_list > li::after { content: '';  position: absolute;  top: 0.7em;  left: 0; transform: translateY(-50%); display: inline-block;  border: 1px solid #53565a; border-radius: 50%; width: 1em; height: 1em;
}

.sys_list_st { width:100%;}
.sys_list_st > ul {list-style-type: decimal!important;}
.sys_list_st > ul > li {display: list-item; text-align: left; padding: 0 0 10px 0;font-size:16px; line-height:1.5; font-weight:500; color:#53565a; position: relative;}
/*
.sys_list_st > ul > li:before { position: absolute;  top: 9px;  left: 0;  content: "";  display: inline-block;  width: 4px;  height: 4px;  border-radius: 50%;  background: #171c8f;  margin-right: 10px;  vertical-align: middle; z-index: 9999;}*/
@media screen and (max-width:786px){
    .sys_list_st > ul > li {font-size: 14px;}
}
@media screen and (max-width:480px){
   /* .sys_list_st > ul > li:before {top: 7px;}*/
}

@media screen and (max-width:1200px){
    #sc_sys .sysbox .sys_lt{ padding-right: 50px; }
    #sc_sys .sysbox .sys_rt{ padding-left: 50px; }
}
@media screen and (max-width:1024px){

}
@media screen and (max-width:786px){
    #sc_sys .sysbox{flex-direction: column;}
    #sc_sys .sysbox .sys_lt{ width: 100%;padding-right: 0px;  border-right: none;}
    #sc_sys .sysbox .sys_rt{ width: 100%;padding:0 0 30px; margin-bottom: 40px; border-bottom: 1px solid #ddd;}
    #sc_sys .sysbox .con_tbl th{ font-size: 14px;}
    #sc_sys .sysbox .con_tbl td{ font-size: 14px;}
}




.faq_box {}
.faq_box_q { cursor:pointer;position: relative;padding:30px 70px 30px 30px;}
.faq_box_q::after {	content:''; display:block; width:32px; height:32px; position: absolute; background: url(../../../third/akcdn-cdnn.cafe24img.com/cdn/en_US/img/sub/arrow_down.png) no-repeat center; right: 0px; top: 50%; margin-top: 0;transform: translateY(-50%);}
.faq_box_q b{display: inline-block; margin-right: 10px;font-weight: 700; color:#171c8f;}
.faq_box_a .sch_word{color:#171c8f;}
.faq_box_q b.point_ca1{color: #5978df; }
.faq_box_q b.point_ca2{color: #37add2; }
.faq_box > ul { border-top: 1px solid #eee; }
.faq_box > ul > li { padding:0; border-bottom: 1px solid #eee; color:#bbb}
.faq_box > ul > li.hover > .faq_box_q { color:#53565a}
.faq_box > ul > li.hover > .faq_box_q::after { content:"";  width:32px; height:32px; background: url(../../../third/akcdn-cdnn.cafe24img.com/cdn/en_US/img/sub/arrow_up.png) no-repeat center; color:#333}
.faq_box_a { display:none;padding:30px 70px 30px 30px;position: relative;background: #f5f9ff;}

.titqa{ padding: 0 30px; position: absolute; transform: translateY(-50%); top: 50%; width: 100px;font-size: 24px;font-weight: 500; line-height: 1.67;}
.txtq{ padding: 0 ; display: inline-block; margin-left: 100px; width: calc(100% - 100px); color: #333;}
.txta{ padding: 0 ; display: inline-block; margin-left: 100px; width: calc(100% - 100px);}
@media screen and (max-width:992px){
    .faq_box .txt_list_s{width: 90%;}
    .faq_box_q { padding: 10px;}
    .faq_box_q::after {right: 10px; background-size:70%}
    .faq_box > ul > li { padding:0;}
    .faq_box_a { padding:10px;}
    .faq_box > ul > li.hover > .faq_box_q::after { background-size:70%}

}

@media screen and (max-width:786px){
     .faq_box_q { font-size: 14px; padding: 15px 2px;}
    .faq_box_a {  font-size: 14px;}
    .faq_box_q::after { right: 2px;}
	.titqa {padding: 0; width: 35px; font-size: 20px;}
    .txtq { margin-left: 36px;  width: calc(100% - 70px);  line-height: 20px; margin-right: 50px;}
    .txtq p{word-break: break-word;}
    .txta{ margin-left: 50px; width: calc(100% - 50px);}

	.faq_box_a .titqa{display:none; }
	.faq_box_a .txta { margin-left: 0;  width: 100%;  padding: 5px;}
	.faq_box_q b.sch_word{margin-right:0;}
}