@charset "utf-8";
ul {margin:0;padding:0}
li{list-style:none}
img {border:0}
a {text-decoration:none}

@font-face {font-family:ngb;src:url(http://www.hdweb.co.kr/NanumGothicBold.eot)} 
#comingsoon {width:100%;padding-top:100px;text-align:center}


/* 공통 */
#PageCommon{position:relative;width:100%;margin:50px 0;font-size:15px;line-height:25px;color:#666;letter-spacing:-0.2px}
#PageCommon *{box-sizing:border-box;word-break:keep-all}
#PageCommon .c_blue {color:#3378c1}
#PageCommon .c_green {color:#40c1c2}
#PageCommon .top_area{margin-bottom:25px;text-align:center}
#PageCommon .top_area p {width:50%;margin:0 auto 15px;background:url(/sh_page/img/top_area_line.png) center repeat-x}
#PageCommon .top_area p span {display:inline-block;padding:0 10px;font-size:12px;font-weight:bold;text-transform:uppercase;letter-spacing:2px;color:#b1b1b1;background-color:#fff}
#PageCommon .top_area h3 {font-size:22px;font-weight:bold;line-height:1.5;color:#222}
#PageCommon .box_area h4 {padding-left:12px;margin-bottom:10px;font-size:17px;font-weight:bold;color:#222;background:url(/sh_page/img/h5_arr.png) left center no-repeat}

#common_page .top_wrap{padding:128px 50px 0 50px}
#common_page .top_wrap .top_box{width:584px;height:175px;padding:41px 88px 0 45px;border-radius:0 30px 0 0;background:url('/sh_page/img/top_box_bg.png') no-repeat right bottom #4a9e5c}
#common_page .point_tit{font-size:13px;font-weight:500;letter-spacing:1px;color:rgba(255,255,255,.6);font-family:'Montserrat', sans-serif}
#common_page .page_tit{margin-top:36px;font-size:28px;text-align:right;color:#fff;font-family:'notokr-bold'}
#common_page .cont_wrap{overflow:hidden;margin-top:61px;padding:0 50px}
#common_page .cont_wrap .l_box{float:left;position:relative;width:273px;}
#common_page .cont_wrap .l_box span{padding:0 11px;font-size:20px;font-style:italic;color:#333;font-family:'notokr-regular'}
#common_page .cont_wrap .l_box span b{font-family:'notokr-bold'}
#common_page .cont_wrap .l_box:before{position:absolute;z-index: -1;left:0;top:17px;content:'';width:215px;height:17px;background:#fdeced}
#common_page .cont_wrap .r_box{float:left;width:595px;padding-bottom:39px;border-bottom:1px solid #ddd}
#common_page .cont_wrap .r_box_last{border-bottom:none}

/* 인사말 */
.page6 .top_box{text-align:center}
.page6 .top_box .top_txt{font-size:13px;font-weight:600;letter-spacing:1px;color:#4a9e5c;font-family:'Montserrat', sans-serif}
.page6 .top_box .top_txt02{margin-top:10px;font-size:28px;color:#222;font-family:'notokr-light'}
.page6 .top_box .top_txt02 span{font-family:'notokr-bold'}
.page6 .g_box{margin-top:40px;padding:193px 50px 0 50px;text-align:center;background:url('/sh_page/img/page6_bg.png') no-repeat top center}
.page6 .g_box .txt_box{padding-top:57px;border-radius:30px 30px 0 0;}
.page6 .g_box .g_tit{position:relative;font-size:20px;font-family:'notokr-regular'}
.page6 .g_box .g_tit span{position:relative;display:inline-block}
.page6 .g_box .g_tit span:before{display:block;position:absolute;z-index:-1;left:-24px;top:14px;content:'';width:450px;height:21px;background:#fdeced}
.page6 .g_box .g_txt{margin-top:41px;font-size:15px;line-height:25px;color:#666;font-family:'notokr-regular'}
.page6 .g_box .g_txt b{font-weight:normal;color:#333;font-family:'notokr-medium'}
.page6 .g_box .g_list{display:grid;grid-template-columns:repeat(4,1fr);margin-top:63px;overflow:hidden}
.page6 .g_box .g_list li{border-right:1px dotted #ddd;font-size:16px;line-height:25px;color:#666;font-family:'notokr-medium'}
.page6 .g_box .g_list li:last-child{border-right:none}
.page6 .g_box .g_list li img{display:block;margin: 0 auto 17px auto}

/* 요양서비스 */
.page10 .top_wrap{padding:128px 50px 0 50px;background:url('/sh_page/img/page10_top.jpg') no-repeat;background-size:100%}
.page10 .cont_wrap{padding:0 50px}
.page10 .s_list{overflow:hidden;display:grid;grid-template-columns:repeat(3,1fr)}
.page10 .s_list li{position:relative;height:289px;border-right:1px dashed #ddd;border-bottom:1px dashed #ddd}
.page10 .s_list li:nth-child(3n){border-right:none}
.page10 .s_list li.b_li{border-bottom:none}
.page10 .s_list li .s_num{position:absolute;left:35px;top:31px;font-size:13px;font-weight:700;color:#4a9e5c;font-family:'Montserrat', sans-serif}
.page10 .s_list li img{display:block;margin:60px auto 20px auto}
.page10 .s_list li .s_txt{font-size:15px;line-height:25px;text-align:center;color:#666;font-family:'notokr-regular'}
.page10 .s_list li .s_txt span{display:block;margin-bottom:5px;color:#333;font-family:'notokr-bold'}
.page10 .s_list li:last-child{background:url('/img/logo.png') no-repeat center}
.page10 .bt_txt{margin-top:69px;font-size:18px;line-height:28px;text-align:center;color:#666;font-family:'notokr-regular'}
.page10 .bt_txt span{color:#ef7375}

/* 이용방법 */
.page36 .top_wrap{padding:128px 50px 0 50px;background:url('/sh_page/img/page36_top.jpg') no-repeat;background-size:100%}
.page36 .li_list li{position:relative;padding-left:19px;font-size:15px;line-height:25px;color:#666;font-family:'notokr-regular'}
.page36 .li_list li:before{position:absolute;left:0;top:11px;content:'';width:4px;height:4px;border-radius:100px;background:#4a9e5c}
.page36 .cont_box .pro_tit{display:block;width:214px;height:54px;margin:0 auto;padding-top:9px;font-size:18px;text-align:center;color:#fff;background:url('/img/apsan/page/bg_red40.png');font-family:'notokr-medium'}
.page36 .cont_box .pro_list{overflow:hidden;width:835px;margin:66px auto 0 auto}
.page36 .cont_box .pro_list li{float:left;height:191px;text-align:center}
.page36 .cont_box .pro_list li:nth-child(odd){position:relative;width:175px}
.page36 .cont_box .pro_list li:nth-child(odd):before{position:absolute;left:0;top:16px;content:'';width:175px;height:175px;border-radius:100px;z-index:-1;background:#f5f5f5}
.page36 .cont_box .pro_list li:nth-child(even){width:45px;padding-top:11px}
.page36 .cont_box .pro_list li .pro_step{font-size:16px;line-height:19px;color:#666;font-family:'notokr-medium'}
.page36 .cont_box .pro_list li .pro_step b{font-size:14px;font-weight:700;color:#444;font-family:'Montserrat', sans-serif}
.page36 .cont_box .pro_list li .pro_step b span{color:#4a9e5c}
.page36 .cont_box .pro_list li .pro_txt{margin-top:41px;font-size:15px;line-height:25px;color:#666;font-family:'notokr-medium'}

/* 비용안내 */
.page37 .top_wrap{padding:128px 50px 0 50px;background:url('/sh_page/img/page37_top.jpg') no-repeat;background-size:100%}
.page37 .cont_wrap .l_box{float:none !important;width:inherit !important}
.page37 .cont_wrap .r_box{float:none !important;width:inherit !important;border-bottom:1px dashed #ddd !important}
.page37 .cont_wrap .l_box:before{width:269px !important}
.page37 .cont_wrap table{width:100%;margin-top:30px;border-top:3px solid #ff8990;border-spacing:0;font-size:15px;line-height:25px;color:#666;text-align:center;font-family:'notokr-regular'}
.page37 .cont_wrap table th{padding:5px 0;border-bottom:1px solid #ddd;border-right:1px solid #ddd;color:#444;background:#f5f5f5}
.page37 .cont_wrap table th:last-child{border-right:none}
.page37 .cont_wrap table td{padding:5px 0;border-bottom:1px solid #ddd;border-right:1px solid #ddd;word-break:keep-all}
.page37 .cont_wrap table td:first-child{text-align:center}
.page37 .cont_wrap table td:last-child{border-right:none}
.page37 .cont_wrap .table_txt{margin-top:10px;font-size:14px;line-height:24px;text-align:right;color:#888;font-family:'notokr-regular'}

/* 노인장기요양보험 */
.page40 .top_wrap{padding:128px 50px 0 50px;background:url('/sh_page/img/page40_top.jpg') no-repeat;background-size:100%}
.page40 .cont_wrap .r_box .what_list li{padding-bottom:39px;border-bottom:1px dashed #ddd;font-size:15px;line-height:25px;color:#666;font-family:'notokr-regular'}
.page40 .cont_wrap .r_box .what_list li:last-child{padding:39px 0 0 0;border-bottom:none}
.page40 .cont_wrap .r_box .what_list li p{margin-top:13px;text-align:right;color:#ff8990}
.page40 .cont_wrap .r_box .li_list li{position:relative;margin-bottom:18px;padding-left:19px;font-size:15px;line-height:25px;color:#666;font-family:'notokr-regular'}
.page40 .cont_wrap .r_box .li_list li span{display:inline-block;float:left;width:80px;color:#444;font-family:'notokr-medium'}
.page40 .cont_wrap .r_box .li_list li em{display:inline-block;width:80px}
.page40 .cont_wrap .r_box .li_list li:before{position:absolute;left:0;top:11px;content:'';width:4px;height:4px;border-radius:100px;background:#4a9e5c}
.page40 .cont_wrap .r_box .li_list li:last-child{margin-bottom:0}
.page40 .cont_wrap .grade_box{display:flex;overflow:hidden;margin-bottom:15px}
.page40 .cont_wrap .grade_box_last{margin-bottom:0}
.page40 .cont_wrap .grade_box .grade_txt{padding-left:25px;font-size:15px;color:#666;font-family:'notokr-regular'}
.page40 .cont_wrap .grade_box .grade_txt span{display:inline-block;padding:0 5px;color:#fff;background:#ff8990}
.page40 .cont_wrap .grade_box .grade_txt b{display:inline-block;margin:0 15px 10px 0;font-weight:normal;color:#444;font-family:'notokr-bold'}
.page40 .cont_wrap .table_tit{position:relative;margin-bottom:18px;padding-left:19px;font-size:17px;line-height:25px;color:#444;font-family:'notokr-medium'}
.page40 .cont_wrap .table_tit:before{position:absolute;left:0;top:11px;content:'';width:4px;height:4px;border-radius:100px;background:#4a9e5c}
.page40 .cont_wrap .table_tit02{margin-top:30px}
.page40 .cont_wrap table{width:100%;border-top:3px solid #ff8990;border-spacing:0;font-size:15px;line-height:25px;color:#666;font-family:'notokr-regular'}
.page40 .cont_wrap table th{padding:5px 20px;border-bottom:1px solid #ddd;border-right:1px solid #ddd;color:#444;background:#f5f5f5}
.page40 .cont_wrap table th:last-child{border-right:none}
.page40 .cont_wrap table td{padding:5px 20px;border-bottom:1px solid #ddd;border-right:1px solid #ddd;word-break:keep-all}
.page40 .cont_wrap table td:first-child{text-align:center}
.page40 .cont_wrap table td:last-child{border-right:none}
.page40 .cont_box .pro_tit{display:block;width:214px;height:54px;margin:0 auto;padding-top:9px;font-size:18px;text-align:center;color:#fff;background:url('/img/apsan/page/bg_red40.png');font-family:'notokr-medium'}
.page40 .cont_box .pro_list{overflow:hidden;width:835px;margin:66px auto 0 auto}
.page40 .cont_box .pro_list li{float:left;height:191px;text-align:center}
.page40 .cont_box .pro_list li:nth-child(odd){position:relative;width:175px}
.page40 .cont_box .pro_list li:nth-child(odd):before{position:absolute;left:0;top:16px;content:'';width:175px;height:175px;border-radius:100px;z-index:-1;background:#f5f5f5}
.page40 .cont_box .pro_list li:nth-child(even){width:45px;padding-top:11px}
.page40 .cont_box .pro_list li .pro_step{font-size:13px;line-height:19px;color:#ff8990;font-family:'notokr-regular'}
.page40 .cont_box .pro_list li .pro_step b{font-size:14px;font-weight:700;color:#444;font-family:'Montserrat', sans-serif}
.page40 .cont_box .pro_list li .pro_step b span{color:#4a9e5c}
.page40 .cont_box .pro_list li .pro_txt{margin-top:41px;font-size:15px;line-height:25px;color:#666;font-family:'notokr-medium'}
.page40 .cont_box .pro_list li:nth-child(5) .pro_txt{margin-top:29px}

/* 반응형 [s] */
@media (max-width:1024px){
#common_page .top_wrap .top_box{width:100%}
#common_page .top_wrap{padding:100px 20px 0 20px}
#common_page .cont_wrap{padding:0 20px}
#common_page .cont_wrap .l_box{width:100%;float:none;margin-bottom:30px}
#common_page .cont_wrap .r_box{width:100%;float:none}
#common_page .cont_wrap .cont_box{text-align:center}
#common_page .cont_wrap .l_box:before{display:none}
#common_page .cont_wrap .r_box .li_list{width:60%;margin:0 auto;text-align:left}
.page40 .cont_wrap .r_box .li_list li em{display:none}

.page36 .cont_box .pro_list{display:grid;grid-template-columns:repeat(4,1fr);justify-items:center;width:100%}
.page36 .cont_box .pro_list li{height:auto}
.page36 .cont_box .pro_list li:nth-child(even){display:none}
.page36 .cont_box .pro_list li:nth-child(odd):before{display:none}
.page36 .cont_box .pro_list li .pro_txt{margin-top:10px;padding:20px;border-radius:50px;background:#f2f2f2}
.page37 .cont_wrap table{margin-top:0}
.page40 .cont_wrap .r_box .li_list li span{display:block;float:none}
.page40 .cont_wrap .r_box .what_list li p{text-align:center}
.page40 .cont_wrap .table_tit{display:inline-block}
.page40 .cont_wrap .grade_box{justify-content:center;gap:20px}
.page40 .cont_wrap .grade_box .grade_txt{margin-top:20px;padding-left:0;text-align:left}
.page40 .cont_box .pro_list{display:grid;grid-template-columns:repeat(4,1fr);justify-items:center;width:100%}
.page40 .cont_box .pro_list li{height:auto}
.page40 .cont_box .pro_list li:nth-child(odd):before{display:none}
.page40 .cont_box .pro_list li:nth-child(even){display:none}
.page40 .cont_box .pro_list li:nth-child(5) .pro_txt{margin-top:20px}
.page40 .cont_box .pro_list li .pro_txt{margin-top:20px;padding:20px 0;border-radius:15px;background:#f2f2f2}
}
@media (max-width:768px){
#common_page .cont_wrap .r_box .li_list{width:80%}
.page6 .g_box .g_list{grid-template-columns:repeat(2,1fr);gap:40px}
.page10 .s_list{grid-template-columns:repeat(2,1fr)}
.page10 .s_list li{border-right:none;border-bottom:none}
.page10 .s_list li:nth-child(1), .page10 .s_list li:nth-child(4), .page10 .s_list li:nth-child(5){background:#f7f7f7}

.page36 .cont_box .pro_list{grid-template-columns:repeat(2,1fr);gap:20px}
.page40 .cont_box .pro_list{grid-template-columns:repeat(2,1fr);gap:20px}
}
@media (max-width:480px){
#common_page .top_wrap{padding:0 20px;background:none}
#common_page .top_wrap .top_box{height:auto;padding:20px;text-align:center}
#common_page .page_tit{margin-top:15px;font-size:23px;text-align:center}
#common_page .cont_wrap{margin-top:25px}
#common_page .cont_wrap .r_box .li_list{width:100%}
.page6 .g_box{padding:190px 30px 0 30px}
.page6 .g_box .g_list{grid-template-columns:repeat(1,1fr);gap:0}
.page6 .g_box .g_list li{border-right:none}
.page6 .g_box .g_list li+li{margin-top:20px;padding-top:20px;border-top:1px dotted #e1e1e1}
.page6 .g_box .g_tit span:before{display:none}
.page40 .cont_wrap .grade_box{flex-wrap:wrap}
}
@media (max-width:380px){
.page10 .s_list{grid-template-columns:repeat(1,1fr)}
.page10 .s_list li:nth-child(1), .page10 .s_list li:nth-child(4), .page10 .s_list li:nth-child(5){background:none}
.page10 .s_list li:nth-child(odd){background:#f2f2f2 !important}
.page10 .bt_txt{margin-top:0;padding-top:40px;border-top:1px dotted #e1e1e1}

.page36 .cont_box .pro_list{grid-template-columns:repeat(1,1fr)}
.page37 .cont_wrap .r_box{overflow-x:scroll}
.page40 .cont_box .pro_list{grid-template-columns:repeat(1,1fr)}
}
/* 반응형 [e] */