@charset "utf-8";

.pagecommon{position:relative;width:100%;font-size:18px;line-height:1.5;color:#777;letter-spacing:-.3px;font-family:'notokr-regular'}
.pagecommon .pl{white-space:pre-line}

/* 회사소개 */
#p46{display:flex;justify-content:center}
#p46 > div{z-index:1}
#p46 .tit{margin-bottom:50px;font-size:24px;color:#555;font-family:'notokr-medium'}
#p46 .tit p{margin-bottom:20px;font-size:32px;color:#046fd9;font-family:'notokr-light'}
#p46 .tit p b{font-weight:normal;font-family:'notokr-black'}
#p46 img{margin-left:-100px}

/* 이용안내 */
#p57{display:flex;justify-content:center}
#p57 .tit{margin-bottom:50px;font-size:24px;color:#555;font-family:'notokr-medium'}
#p57 .tit p{margin-bottom:20px;font-size:32px;color:#046fd9;font-family:'notokr-light'}
#p57 .tit p b{font-weight:normal;font-family:'notokr-black'}
#p57 dl{margin-bottom:40px}
#p57 dl dt{padding-bottom:5px;margin-bottom:20px;border-bottom:1px solid #ddd;font-size:22px;color:#555;font-family:'notokr-medium'}
#p57 dl dt:before{display:inline-block;content:"";vertical-align:4px;width:10px;height:10px;margin-right:8px;background-color:#046fd9}
#p57 dl dd{padding:20px 0 20px 130px;background:url(/sh_page/img/p57_icon1.jpg) 10px center no-repeat}
#p57 dl dd ~ dd{background-image:url(/sh_page/img/p57_icon2.jpg)}
#p57 dl dt ~ dt{margin-top:40px}
#p57 a{display:block;width:180px;height:60px;margin:0 auto;border-radius:30px;font-size:18px;color:#fff;line-height:60px;text-align:center;background-color:#046fd9;transition:all .2s;font-family:'notokr-medium'}
#p57 a:hover{background-color:#ff6500}

/* 노인장기요양보험 */
:root{--blue:#1c7ddc;--dark:#364856;--gray:#627788;--light:#e4f5fd}
.insurance{font-size:18px;line-height:1.5;letter-spacing:-.2px;color:var(--gray);font-family:'notokr-regular'}
.insurance .keep{word-break:keep-all}
.insurance .pl{white-space:pre-line}
.insurance .btit{margin-bottom:30px;font-size:30px;color:var(--dark);letter-spacing:-1px;font-family:'notokr-bold'}
.insurance .mtit{margin-bottom:20px;font-size:24px;color:var(--blue);font-family:'notokr-bold'}
.insurance .mstit{margin-bottom:20px;font-size:20px;color:var(--dark);font-family:'notokr-bold'}
.insurance .stit{margin-bottom:15px;font-size:20px;color:var(--blue);font-family:'notokr-bold'}
.insurance .box{padding:20px;margin-top:20px;border:1px solid #e1e1e1}
.insurance .box dd:before{display:inline-block;vertical-align:5px;content:"";width:4px;height:4px;margin-right:8px;border-radius:50%;background-color:var(--gray)}
.insurance .num_list{margin-bottom:40px}
.insurance dd{margin-left:12px;text-indent:-12px;word-break:keep-all}

/* 테이블공통 */
.insurance table{width:100%;margin:20px 0 10px;border-bottom:2px solid #e1e1e1}
.insurance table thead tr{background:rgb(4,113,218);background:linear-gradient(90deg, rgba(4,113,218,1) 0%, rgba(14,231,200,1) 100%)}
.insurance table thead th{padding:15px;border-left:2px solid rgba(255,255,255,.3);color:#fff;text-align:center;word-break:keep-all}
.insurance table thead th:first-chid{border-left:none}
.insurance table tbody th{width:20%;padding:15px;border-bottom:2px solid #ddd;color:var(--blue);word-break:keep-all}
.insurance table tbody td{padding:15px;border-bottom:2px solid #ddd;border-left:2px solid #e1e1e1;word-break:keep-all;background-color:#f5f5f5}
.insurance table tbody tr:last-child th, .insurance table tbody tr:last-child td{border-bottom:none}
.insurance .mgt40{margin-top:40px}
.insurance .mgt60{margin-top:60px}

/* 노인장기요양보험이란 */
#p39 .img_area{margin-bottom:30px}
#p39 .img_area:after{display:block;content:"";visibility:hidden;clear:both}
#p39 .img_area .cont{float:left;width:60%;padding-right:30px}
#p39 .img_area .img{overflow:hidden;float:right;width:40%;border-radius:16px;box-shadow:4px 4px 8px rgba(0,0,0,.15)}
#p39 .img_area .img img{width:100%}
#p39 .bg_box{position:relative;padding:30px;background-color:#f7f7f7}
#p39 .bg_box dl{width:calc(70% - 80px);padding-left:120px;background:url(/sh_page/img/p39_icon01.png) 20px center no-repeat;background-size:55px}
#p39 .bg_box dl.dl2{background-image:url(/sh_page/img/p39_icon02.png);background-size:65px}
#p39 .bg_box dl+dl{margin-top:30px}
#p39 .bg_box dl dd:before{display:inline-block;vertical-align:5px;content:"";width:4px;height:4px;margin-right:8px;border-radius:50%;background-color:var(--gray)}
#p39 .bg_box img{position:absolute;right:50px;top:30px;width:33%}

/* 등급판정 기준 및 절차 */
#p40 .img_area{margin-bottom:30px}
#p40 .img_area:after{display:block;content:"";visibility:hidden;clear:both}
#p40 .img_area .cont{float:left;width:60%;padding-right:30px}
#p40 .img_area .img{overflow:hidden;float:right;width:40%;border-radius:16px;box-shadow:4px 4px 8px rgba(0,0,0,.15)}
#p40 .img_area .img img{width:100%}
#p40 .bg_box{position:relative;padding:30px;background-color:#f7f7f7}
#p40 .bg_box dl{padding-left:120px;background:url(/sh_page/img/p40_icon01.png) 20px 10px no-repeat;background-size:60px}
#p40 .bg_box dl.dl2{background-image:url(/sh_page/img/p40_icon02.png)}
#p40 .bg_box dl.dl3{background-image:url(/sh_page/img/p40_icon03.png)}
#p40 .bg_box dl.dl4{background-image:url(/sh_page/img/p40_icon04.png)}
#p40 .bg_box dl.dl5{background-image:url(/sh_page/img/p40_icon05.png)}
#p40 .bg_box dl.dl6{background-image:url(/sh_page/img/p40_icon06.png)}
#p40 .bg_box dl.dl7{width:calc(100% - 200px);background-image:url(/sh_page/img/p40_icon07.png)}
#p40 .bg_box dl+dl{margin-top:40px}
#p40 .bg_box dl dd:before{display:inline-block;vertical-align:5px;content:"";width:4px;height:4px;margin-right:8px;border-radius:50%;background-color:var(--gray)}
#p40 .bg_box img{position:absolute;right:50px;bottom:30px;height:250px}
#p40-2{margin-top:50px}
#p40-2 table{margin:20px 0 40px}
#p40-2 .img_box{padding:30px;text-align:center;background-color:#f7f7f7}
#p40-2 .img_box p{text-align:left}
#p40-2 .img_box img{max-width:100%}
#p40-2 .img_box img.mo{display:none}
#p40-2 .img_box .ilu{margin-top:20px}

/* 노인요양 시설 종류 */ 
#p48 .img{overflow:hidden;max-width:440px;width:100%;margin-bottom:40px;border-radius:16px;box-shadow:4px 4px 8px rgba(0,0,0,.15)}
#p48 .img img{width:100%}
#p48 .img_box{padding:30px 30px 0;margin-top:40px;text-align:center;background-color:#f7f7f7}
#p48 .img_box img{max-width:277px;width:100%}

/* 장기요양급여 종류 및 비용 */
#p56 .mtit{color:var(--blue)}
#p56 .stit{color:var(--dark)}
#p56 .img{overflow:hidden;max-width:440px;width:100%;margin-bottom:40px;border-radius:16px;box-shadow:4px 4px 8px rgba(0,0,0,.15)}
#p56 .img img{width:100%}
#p56 .img_box{padding:30px;margin-top:40px;text-align:center;background-color:#f7f7f7}
#p56 .img_box img{max-width:500px;width:100%}
#p56 table{text-align:center}
#p56 table:not(.col7, .col6) th{width:50%}
#p56 table .bd_none{border-bottom:none}
#p56 table.col3 th{width:calc(100% / 3)}
#p56 table.col4 th{width:25%}
#p56 table.col6 thead tr:first-child th{width:25%}
#p56 table.col6 thead tr:nth-child(2) th{width:calc(75% / 5)}
#p56 table.col7 thead tr:first-child th{width:25%}
#p56 table.col7 thead tr:nth-child(2) th{width:calc(75% / 6)}
#p56 table th.bdb{border-bottom:1px solid rgba(255,255,255,.3)}

/* QnA */
#p41 .mstit~.mstit{margin-top:40px}
#p41 ul li{margin-left:20px;text-indent:-20px;word-break:keep-all}
#p41 ul li .stxt{margin-left:20px;font-size:16px;color:#aaa}

/* 자가진단 테스트 인트로 */
.test_cm{max-width:650px;width:100%;margin:0 auto}
.test_cm_box{border-radius:12px;border:2px solid #c0c8d5;box-shadow:5px 5px 10px rgba(62,84,99,.1);background-color:#fff}
#test_intro{font-size:18px;letter-spacing:-1px;color:var(--dark);font-family:'notokr-medium'}
#test_intro a{color:var(--dark)}
#test_intro .tit{margin-bottom:10px;font-size:20px;font-family:'notokr-bold'}
#test_intro .tit~.tit{margin-top:50px}
#test_intro .test{display:flex;align-items:center;height:100px;padding:0 15px;border-radius:12px;border:2px solid #c0c8d5;box-shadow:5px 5px 10px rgba(62,84,99,.1)}
#test_intro .test img{height:100%}
#test_intro .test .arr{width:20px;height:auto;margin-left:auto}
#test_intro .link_wrap{display:flex}
#test_intro .link_wrap a{width:22%;text-align:center}
#test_intro .link_wrap a+a{margin-left:20px}
#test_intro .link_wrap a .icon{overflow:hidden;display:flex;align-items:center;justify-content:center;margin-bottom:10px;border-radius:12px;border:2px solid #c0c8d5;box-shadow:5px 5px 10px rgba(62,84,99,.1)}
#test_intro .link_wrap a .icon img{width:100%}

/* 자가진단 테스트 시작 */
#test_start{font-size:18px;letter-spacing:-1px;line-height:1.6;color:var(--dark);font-family:'notokr-medium'}
#test_start .step_area{display:none}
#test_start .tit_box{padding:25px;text-align:center;line-height:1.6;font-family:'notokr-bold'}
#test_start .tit_box p{font-size:25px}
#test_start .tit_box span{display:block;margin-bottom:10px;font-size:17px;color:var(--blue)}
#test_start .tit_box img{width:170px}
#test_start dl.info{padding:15px 15px 15px 100px;margin-top:30px;background:url(/sh_page/img/test_start_icon01.jpg) 15px 20px no-repeat #fff;background-size:70px}
#test_start dl.info dt{margin-bottom:5px;color:var(--blue);font-family:'notokr-bold'}
#test_start dl.info dd{font-size:15px}
#test_start dl.info+dl.info{background-image:url(/sh_page/img/test_start_icon02.jpg)}
#test_start a{display:block;width:100%;margin-top:50px;border-radius:12px;border:none;height:60px;font-size:18px;line-height:60px;text-align:center;color:#fff;background-color:#187adc;font-family:'notokr-medium'}
#test_start.name .form_area{margin-top:40px}
#test_start.name .form_area label{display:block;margin-bottom:5px;font-size:18px;color:var(--dark);font-family:'notokr-bold'}
#test_start.name .form_area input[type=text]{width:100%;height:55px;padding:0 15px;border-radius:6px;background-color:#ebebeb;transition:none}
#test_start.name .form_area input[type=text]:focus{background-color:#fff}
#test_start.name .ps{margin-top:12px;font-size:15px;text-align:right}
#test_start.name button{width:100%;margin-top:40px;border-radius:12px;border:none;height:60px;font-size:18px;line-height:1.2;color:#fff;background-color:#187adc;font-family:'notokr-medium'}

/* 자가진단 테스트 */
#self_test_step{font-size:18px;letter-spacing:-1px;line-height:1.5;color:var(--dark);background-color:#f8f8f8;font-family:'notokr-medium'}
#self_test_step .tit_box{padding:25px 25px 25px 100px;font-size:19px;word-break:keep-all;background:url(/sh_page/img/test_step_icon.jpg) 20px 20px no-repeat #fff;text-align:left;background-size:70px;font-family:'notokr-bold'}
#self_test_step dl{margin-top:45px}
#self_test_step dl dt{display:flex;margin-bottom:15px;font-size:20px;color:var(--blue);word-break:keep-all;font-family:'notokr-bold'}
#self_test_step dl dt span{flex-shrink:0;width:60px;height:49px;margin:5px 15px 0 0;font-size:22px;color:#fff;text-align:center;line-height:38px;background:url(/sh_page/img/num_bg.png) center no-repeat;background-size:100%}
#self_test_step dl dd{display:flex;padding:3px;border-radius:12px;background:linear-gradient(90deg, rgba(4,113,218,1) 0%, rgba(14,231,200,1) 100%)}
#self_test_step dl dd input[type=radio]{display:none}
#self_test_step dl dd label{width:calc(50% - 1.5px);height:55px;border-radius:9px 0 0 9px;text-align:center;color:#536876;line-height:57px;background-color:#fff;font-family:'notokr-bold'}
#self_test_step dl dd label~label{margin-left:3px;border-radius:0 9px 9px 0}
#self_test_step dl dd input:checked+label{color:#fff;background-color:transparent} 
#self_test_step .controls{display:flex;justify-content:space-between;margin-top:45px;padding-top:45px;border-top:2px solid #ddd}
#self_test_step .controls button{width:calc(50% - 5px);border-radius:12px;border:none;height:60px;font-size:18px;line-height:1.2;color:#fff;background-color:#187adc;font-family:'notokr-medium'}
#self_test_step .submit{width:100%;margin-top:45px;border-radius:12px;border:none;height:60px;font-size:18px;line-height:1.2;color:#fff;background-color:#187adc;font-family:'notokr-medium'}

/* 자가진단 테스트_old */
#self_test{font-size:17px;letter-spacing:-1px;color:var(--dark);font-family:'notokr-regular'}
#self_test .tit{margin-bottom:15px;font-size:20px;word-break:keep-all;font-family:'notokr-bold'}
#self_test table{overflow:hidden;border-radius:12px;width:100%;border:1px solid var(--dark)}
#self_test table tbody tr:nth-child(even){background-color:#e8edf1}
#self_test table th{padding:10px 0;font-size:16px;font-weight:normal;background-color:#90cef3;font-family:'notokr-medium'}
#self_test table th:not(:first-child){border-left:1px solid var(--dark)}
#self_test table th.w50{width:50px}
#self_test table td{padding:10px 0;border-top:1px solid var(--dark)}
#self_test table td:first-child{padding:10px}
#self_test table td:not(:first-child){border-left:1px solid var(--dark)}
#self_test table td:not(:first-child){text-align:center}
#self_test table td p{margin-left:23px;text-indent:-23px;word-break:keep-all}
#self_test table td span{display:inline-block;vertical-align:middle;width:19px;height:19px;margin:0 5px 0 0;border-radius:50%;font-size:11px;color:#fff;line-height:20px;text-indent:0;text-align:center;background-color:var(--dark)}
#self_test table td input{width:20px;height:20px}
#self_test button{width:100%;margin-top:30px;border-radius:12px;border:none;height:60px;font-size:18px;color:#fff;background-color:#187adc;font-family:'notokr-medium'}

/* 자가진단 테스트 결과 */
#test_result{font-size:18px;letter-spacing:-1px;color:var(--dark);font-family:'notokr-medium'}
#test_result .tit{margin-bottom:15px;font-size:20px;font-family:'notokr-bold'}
#test_result .score_box{padding:10px 0 20px ;margin-bottom:20px;border-radius:12px;border:2px solid #c0c8d5;font-size:20px;text-align:center;box-shadow:5px 5px 10px rgba(62,84,99,.1)}
#test_result .score_box img{width:95px}
#test_result .score_box p{margin-bottom:10px;font-size:26px;color:var(--blue);font-family:'notokr-bold'}
#test_result .score_box p.red{color:#f76363}
#test_result .score_list{padding:20px;background-color:#f8f8f8}
#test_result .score_list .stit{margin-bottom:15px;color:var(--blue);font-family:'notokr-bold'}
#test_result .score_list .stit img{width:18px;margin-right:5px}
#test_result .score_list dl+dl{margin-top:30px}
#test_result .score_list dl dt{margin-bottom:8px;font-family:'notokr-bold'}
#test_result .score_list dl dt img{vertical-align:-4px;width:22px;height:auto;margin-right:5px}
#test_result .score_list dl dt img.dt02{vertical-align:-5px}
#test_result .score_list dl dt img.dt03{vertical-align:-5px;width:20px}
#test_result .score_list dl{line-height:1.5}
#test_result .ps{margin-top:12px;font-size:15px;text-align:right}
#test_result .btn_area{display:flex;justify-content:center;margin-top:30px}
#test_result .btn_area li+li{margin-left:8px}
#test_result .btn_area li a{display:block;width:55px;height:55px;border-radius:50%;text-align:center;line-height:52px;background-color:#f2f2f2}
#test_result .btn_area li a img{width:20px}
#test_result .btn_area li a.kakao{line-height:57px;background-color:#f6d500}
#test_result .btn_area li a.kakao img{width:30px}
#test_result .ps.fc{margin-top:0}
#test_result .fc_go{display:block;width:100%;margin-top:50px;border-radius:12px;border:none;height:60px;font-size:18px;line-height:60px;text-align:center;color:#fff;background-color:#187adc;font-family:'notokr-medium'}

/* 게임설명 */
#m_logo.game{font-size:18px;font-weight:normal;letter-spacing:-1px;color:var(--dark);font-family:'notokr-bold'}
#game_guide{max-width:650px;width:100%;margin:0 auto;padding:20px;font-size:17px;letter-spacing:-.5px;color:var(--dark);line-height:1.6}
#game_guide .img{overflow:hidden;border-radius:12px;border:2px solid #c0c8d5}
#game_guide .img img{width:100%}
#game_guide p{margin:25px 0 20px;font-size:20px;font-family:'notokr-bold'}
#game_guide a{display:block;height:55px;margin-top:25px;border-radius:30px;font-size:19px;color:#fff;text-align:center;line-height:55px;background-color:var(--dark)}

/* 반응형 [s] */
@media (max-width:1100px){
.insurance .pl{white-space:normal} 
}
@media (max-width:1024px){
.insurance{font-size:16px}
.insurance .btit{font-size:28px} 
.insurance .mtit{font-size:22px}
.insurance .mstit{font-size:20px}
.insurance .stit{font-size:20px}
#p39 .bg_box{padding:30px 20px}
#p39 .bg_box dl{padding-left:100px;background-position:10px center}
#p39 .bg_box img{right:30px}
}
@media (max-width:768px){
.pagecommon{padding-top:20px}
#p46 .tit{margin-bottom:30px;font-size:18px}
#p46 .tit p{font-size:26px}
#p46 img{width:50%;height:auto}
#p57 .tit{margin-bottom:30px;font-size:18px}
#p57 .tit p{font-size:26px}
#p57 .tit .pl{white-space:normal}
#p57 dl dt{font-size:18px}
#p57 dl dd{padding:10px 0 10px 110px;background-size:80px}
.insurance{padding-top:20px;font-size:15px}
.insurance .btit{margin-bottom:20px;font-size:26px} 
.insurance .mtit{margin-bottom:15px;font-size:20px}
.insurance .mstit{margin-bottom:15px;font-size:18px}
.insurance .stit{margin-bottom:15px;font-size:18px}
.insurance .box{margin-top:15px}
#p56 table.col3, #p56 table.col4, #p56 table.col6, #p56 table.col7{font-size:13px}
#p56 table.col4 th, #p56 table.col4 td{padding:15px 5px}
#p56 table.col6, #p56 table.col7{letter-spacing:-1px}
#p56 table.col6 th, #p56 table.col6 td, #p56 table.col7 th, #p56 table.col7 td{padding:10px 2px}
}
@media (max-width:650px){
.pagecommon{padding:40px 20px 0}
.insurance{padding:40px 20px 0}
#p39 .img_area .img{float:none;width:100%;margin-bottom:30px}
#p39 .img_area .cont{float:none;width:100%}
#p39 .bg_box dl{width:100%;padding:0;background:none!important}
#p39 .bg_box dl dt{padding-bottom:80px;background:url(/sh_page/img/p39_icon01.png) center bottom no-repeat;background-size:60px;text-align:center}
#p39 .bg_box dl.dl2 dt{padding-bottom:60px;background-image:url(/sh_page/img/p39_icon02.png)}
#p39 .bg_box img{position:relative;right:auto;top:auto;left:50%;transform:translateX(-50%);width:90%;margin-top:20px}
#p40 .img_area .img{float:none;width:100%;margin-bottom:30px}
#p40 .img_area .cont{float:none;width:100%}
#p40 .bg_box dl{width:100%;padding:0;background:none!important}
#p40 .bg_box dl dt{padding-bottom:60px;background:url(/sh_page/img/p40_icon01.png) center bottom no-repeat;background-size:60px;text-align:center}
#p40 .bg_box dl.dl2 dt{background-image:url(/sh_page/img/p40_icon02.png)}
#p40 .bg_box dl.dl3 dt{background-image:url(/sh_page/img/p40_icon03.png)}
#p40 .bg_box dl.dl4 dt{padding-bottom:70px;background-image:url(/sh_page/img/p40_icon04.png)}
#p40 .bg_box dl.dl5 dt{padding-bottom:70px;background-image:url(/sh_page/img/p40_icon05.png)}
#p40 .bg_box dl.dl6 dt{padding-bottom:90px;background-image:url(/sh_page/img/p40_icon06.png)}
#p40 .bg_box dl.dl7{width:100%;background:url(/sh_page/img/p40_img02.png) right bottom no-repeat!important;background-size:auto 200px!important}
#p40 .bg_box dl.dl7 dt{padding-bottom:70px;background-image:url(/sh_page/img/p40_icon07.png)}
#p40 .bg_box dl.dl7 dd{width:calc(100% - 140px)}
#p40 .bg_box img{display:none}
.test_cm{padding:20px}
}
@media (max-width:480px){
.pagecommon{font-size:14px}
#p46{padding-bottom:100px}	
#p46{display:block}
#p46 .tit{font-size:16px}
#p46 .tit p{font-size:24px}
#p46 img{position:absolute;right:-10%;bottom:0;z-index:-1;margin:0;width:60%;opacity:.5}
#p57 .tit{font-size:16px}
#p57 .tit p{font-size:24px}
#p57 dl dt{font-size:16px}
#p57 dl dt:before{vertical-align:2px;width:8px;height:8px}
#p57 dl dd{padding:0 0 0 90px;background-size:60px}
#p57 a{height:55px;font-size:15px;line-height:55px}
.insurance .btit{font-size:24px} 
.insurance .mtit{font-size:18px}
.insurance .mstit{font-size:16px}
.insurance .stit{font-size:16px}
.insurance table{margin-top:15px}
.insurance table thead th{padding:10px}
.insurance table tbody th{padding:10px}
.insurance table tbody td{padding:10px 5px}
#p40-2 .img_box{padding:20px}
#p40-2 .img_box img.pc{display:none}
#p40-2 .img_box img.mo{display:inline-block}
#p56 table.col6, #p56 table.col7{font-size:12px}
#p56 table.col6 thead th, #p56 table.col7 thead th{word-break:normal}
#test_intro .link_wrap a{width:30%;font-size:15px;word-break:keep-all}
}
@media (max-width:380px){
#p40 .bg_box dl.dl7{background:none!important}
#p40 .bg_box dl.dl7 dd{width:100%}
#p40 .bg_box img{display:block;position:relative;right:auto;bottom:auto;left:50%;transform:translateX(-50%);width:60%;height:auto;margin-top:20px}
}
/* 반응형 [e] */