@charset "utf-8";
@import url("fonts.css"); 


* { margin: 0; padding: 0; box-sizing: border-box; word-break: keep-all;}
a { text-decoration: none; outline-style:none; }
li { list-style: none; }
img { border: 0; vertical-align: middle; }
input,
textarea { outline-style: none; border:none;}
table {border-collapse:collapse; border-spacing:0;}
button {border:0;}
.hidden {position: absolute; left: -5000px; width: 0; height: 0; font-size: 0; 
line-height: 0; overflow: hidden; }
p {letter-spacing: -0.8px;}
input, button {font-size:0.7rem;}

/*==색상==*/
:root {
    --accent-color: #013567;
}

::selection {
    *background: rgba(0, 60, 86, 0.6);
    background: rgba(0, 60, 86, 0.6);
    color: #fff;
}

.t_bold {font-weight:600;}
.t_blue {color:#2586ff;}

 /*==margin, padding==*/
.pd_t0 {padding-top: 0 !important;}
.mt10 {margin-top: 10px !important;}
.mt15 {margin-top: 15px !important;}
.mt20 {margin-top: 20px !important;}
.mt25 {margin-top: 25px !important;}
.mt30 {margin-top: 30px !important;}
.mt35 {margin-top: 35px !important;}
.mt40 {margin-top: 40px !important;}
.mt45 {margin-top: 45px !important;}
.mt50 {margin-top: 50px !important;}


.hide {margin: 0; padding: 0; width: 1px; height: 1px; font-size: 0; line-height: 0; overflow: hidden;}

.underline {text-decoration: underline;}

.clear {clear:both;}
.clear:after { content:""; display:block; clear:both;}


/*==레이아웃 크기 지정==*/
html {font-size:20px;}
body,
#container_wrap,
#footer_wrap {min-width: 320px; color:#222;}
.header,
.footer {max-width:1300px; margin:0 auto;}
.inner {position:relative; max-width:1300px; margin:0 auto;}


/*==상단==*/
#header_wrap { position:relative; width:100%; z-index:9999999;}
#header_wrap.scroll {width: 100%; /*height: auto;*/ z-index: 150; background: #fff; border-bottom: 1px solid #d3d3d3;}

/*=헤더=*/
.header {position: relative; margin: 0 auto; height:110px; z-index:999;}
.header:after {display:block;visibility:hidden;clear:both;content:""}

/*로고*/
.hd_logo {font-size: 0; position:absolute; left:0; top:50%; transform:translateY(-50%); z-index:99;}
.hd_logo a {display: block;}
.hd_logo img {width: 100%;}


/*=네비게이션=*/
#lnb_wrap {position:relative; height:100%;}
#lnb_wrap h2 {position: absolute; font-size: 0; line-height: 0; overflow: hidden;}

/*로컬네비*/
.lnb {position:absolute; right:0; top:100px; width:100%;}
.lnb > ul {position:absolute; top:-57px; right:0;display:block;}
.lnb > ul:after {display:block;visibility:hidden;clear:both;content:""; }
.lnb > ul > li {position:relative; display:inline-block; float:left; margin-left:3.5rem; font-size: 1rem; font-weight: 400;}
.lnb > ul > li:first-child{margin-left:0;}
.lnb > ul > li:last-child{margin-right:0;}
.lnb > ul > li > a {position:relative; color:#222; font-weight:600; line-height: 2.45rem;}
.lnb > ul > li > a:after {content:''; position:absolute; bottom:-17px; left:50%; transform:translateX(-50%); width:0%; height:2px; background:#1663c0; transition:0.2s; z-index:99;}
.lnb > ul > li:hover > a {color: #1663c0;}
.lnb > ul > li:hover > a:after {width:100%;}

.lnb > ul > li > .submenu {position:absolute; top:100%; left:50%; transform: translateX(-50%); background:#fff; display:none;  padding:30px; min-width:180px;z-index:9; overflow:hidden;}
.submenu li { text-align:left; margin-bottom: 6px;}
.submenu li a {font-size:0.8rem;}
.submenu li:hover a {color: #1663c0;}



.lnb li.on a {color: #1663c0 !important;}

#lnb_wrap .mo_nav {position: fixed; top: 0; right: -250px; z-index: 999; width: 250px; height: 100vh; background: #fff; background-size: cover; color: #222; padding-top: calc(0.5rem + 61px);}
#lnb_wrap .mo_nav > ul {height:90%; overflow-y:scroll;}
#lnb_wrap .mo_nav > ul > li {overflow:hidden;font-size: 1rem; font-weight: 400; text-align:left; }
#lnb_wrap .mo_nav > ul > li:last-child {}
#lnb_wrap .mo_nav > ul > li > a {position:relative; display:block; padding:0 2rem; line-height: 3rem; color:#222; font-weight:600; border-bottom:1px solid #ebebeb;}
#lnb_wrap .mo_nav > ul > li > a:after {content:url('../img/ico_right.png'); float:right;}
#lnb_wrap .mo_nav > ul > li:first-child > a {border-top:1px solid #ebebeb;}
#lnb_wrap .mo_nav > ul > li > a:hover {color:#1663c0;}
#lnb_wrap .mo_nav > ul > li.on > a {background:#1663c0; color:#fff;}
#lnb_wrap .mo_nav > ul > li.on > a:after {content:url('../img/ico_down.png');}
#lnb_wrap .mo_nav .submenu {display:none; padding:1rem 0; padding-left:2rem; border-bottom:1px solid #ebebeb;}
#lnb_wrap .mo_nav .submenu li {margin-bottom:10px;}
#lnb_wrap .mo_nav .submenu li a {font-size: 1rem;}

/*펼침메뉴-버튼*/
.btn_all_menu { display: none; position: absolute; right: 0; top: 50%; 
transform:translateY(-50%); z-index: 999999; width: 30px; height: 28px; border: 5px 
solid transparent; background: transparent; cursor: pointer; outline:none;}

.btn_all_menu .bar { position: absolute; display: block; width: 100%; height: 
2px; background: #222; transition: all 0.3s; }


.btn_all_menu span:nth-child(1) {top: 0;}
.btn_all_menu span:nth-child(2) {top: 49%; transform: translateY(-50%); -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%);}
.btn_all_menu span:nth-child(3) {bottom: 0;}

.btn_all_menu.on {position:fixed; right: 3%; top: 50px;}
.btn_all_menu.on .bar { background: #222;}
.btn_all_menu.on span:nth-child(1) { top: 50%; transform: translateY(-50%) 
rotate(45deg); webkit-transform: translateY(-50%) rotate(45deg); -ms-transform: 
translateY(-50%) rotate(45deg); }
.btn_all_menu.on span:nth-child(2) {opacity: 0;}
.btn_all_menu.on span:nth-child(3) { bottom: 50%; transform: translateY(50%) 
rotate(-45deg); -webkit-transform: translateY(50%) rotate(-45deg); 
-ms-transform: translateY(50%) rotate(-45deg); }

.mo_nav_bg {background: rgba(0, 0, 0, 0.5); z-index: 99; top: 0; left: 0; 
width: 100%; height: 100%; position: fixed;}



/*== 컨테이너 ==*/
#container_wrap {position: relative; font-size: 0.8rem;}
.ms01, .ms02, .ms03 {position:relative; padding:5rem 0; overflow:hidden;}

/* 메인,서브 공통 */
.sc_title {font-size:2rem; font-weight:600; padding-bottom:2rem;}
.section .contents {position:relative;}
.section .contents:after {display:block;visibility:hidden;clear:both;content:""}
.section .ss_box:after {display:block;visibility:hidden;clear:both;content:""}
.img_box img {width:100%;}
.plus_btn {position:absolute; right:0; top:0.35rem; display:inline-block; font-size:40px; color:#fff; width:37px; height:37px; line-height:32px; text-align:center; 
border:1px solid #fff; overflow:hidden;}
.round {border-radius: 13px; border: 1px solid #ccc;}
.ms_btn {display:inline-block; padding:10px 25px; background:#3863C5; color:#fff; font-size:0.9rem;}
.more_btn {display: inline-block; font-size: 0.85rem; font-weight: 300; padding-right: 23px; text-transform: uppercase; color: #555;}
.more_btn::before {content: ''; position: absolute;  top:50%; transform:translateY(-50%);  right:7px; width:1px; height: 15px; background-color: #555;}
.more_btn::after {content: ''; position: absolute; top:50%; transform:translateY(-50%); right:0; width:15px; height: 1px; background-color: #555;} 



/* == 메인 == */
/* 메인 : 비주얼 */
.main_visual {position:relative;
min-height: 600px;
height: calc(100vh - 500px);
}
.main_visual .slider::before{
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.2);
}
.main_visual img {/* width:100%; */}
.main_visual .slick-slide {display: table !important;}
.slick-list, .slick-track {width:100%; height:100%;}
.main_visual .inner {margin:0 auto; height:100%; width:100%; display:table-cell; vertical-align: middle;}
.main_visual .mv_slide {width:100%; height:100%;}
.slick-initialized .slick-slide {width:100%; outline:none;}
.main_visual .inner .mv_text {width:100%; text-align: center; margin:0 auto; }
.main_visual .inner .mv_text .mv_tit{
    color: #fff;
    font-size: 36px;
    margin-bottom: 6px;
}
.main_visual .inner .mv_text .mv_txt{
    font-size: 70px;
}
.main_visual .inner .mv_text .mv_txt span{
    font-weight: bold;
}
.main_visual .mv_01 {background:url(../img/main_visual02.jpg) no-repeat center / cover;}
.main_visual .mv_02 {background:url(../img/visual.jpg) 30% center no-repeat; background-size:cover;}
.main_visual .mv_03 {background:url(../img/visual.jpg) 30% center no-repeat; background-size:cover;}
.mv_btn {display:inline-block; margin-top:3.5rem; border:1px solid #333;}
.mv_btn a {display:block; padding:15px 35px; text-align:center; color:#333; font-size:1.1rem; font-weight:600; transition:0.2s; overflow:hidden;}
.mv_btn:hover a {background:#333; color:#fff;}
.mv_tit {font-size:3.25rem; margin-bottom:2rem; color:#333; }
.mv_txt {font-size: 1.25rem; font-weight: 300; margin-bottom:4rem; color: #fff;}
.slick-dots {position:absolute; bottom:24.36%; left:50%;}
.slick-dots li {float:left; margin-right:10px;}
.slick-dots li button {width:10px; height:10px; border:none; border-radius:10px; font-size:0; outline:none; opacity:0.9; transition:0.3s;}
.slick-dots .slick-active button {width:30px;outline:none;}

/* ms01 : 굿뉴스, 공지사항 */
.ms01 {position: relative; padding-bottom: 1.5rem;}
.ms_tit {position: relative; width:100%; font-size: 1.75rem; font-weight: 600; color: #333; margin-bottom: 1.5rem;}
.ms_tit .more_btn {position: absolute; right: 0; top: 50%; transform: translateY(-50%);}
.ms01 .con_box {position: relative; padding:1.5rem 2.5rem; width:49%; float:left; margin-right: 2%; height: 350px;}
.ms01 .news ul li {float: left; width:49%; margin-right: 2%;}
.ms01 .news ul li:nth-child(2n) {margin-right: 0;}
.ms01 .news ul li .news_tit {margin-top: 0.9rem;}
.ms01 .news ul li:hover .news_tit {color: #1d75e1;}
.ms01 .notice {margin-right: 0;}
.ms01 .notice li {margin-bottom: 0.7rem;}
.ms01 .notice_tit {font-size: 0.9rem; font-weight: 500; color:#555; display: inline-block; width:80%;}
.ms01 .notice li:hover .notice_tit {color:#1d75e1;}
.ms01 .notice_date {color:#777; float:right; width:20%; text-align: right;}



/* ms02 : 바로가기 */
.ms02 {position: relative; padding-top:0;}
.short_btn {position:absolute; left:50%; transform: translateX(-50%); bottom:0;display:block; text-align: center; line-height: 33px; width:117px; height: 35px; border-radius: 18px; color: #fff; font-size: 0.9rem; background: #959595; transition: 0.2s;;}
.short_btn.arrow { left:1.5rem;bottom:1.7rem; transform: inherit; width:130px; padding-right: 30px; font-weight: 500;;}
.short_btn.arrow::before {content: ''; position: absolute; right: 22px; top: 20px; width: 15px; height:1px; background: #fff; transition: 0.2s;}
.short_btn.arrow::after {content: ''; position: absolute; right: 24px; top: 12px; width: 1px; height:10px; background: #fff; transition: 0.2s; transform: rotate(-45deg);}
.short_btn.arrow:hover::before {width: 20px; right: 17px;}
.short_btn.arrow:hover::after {right: 19px;}
.ms02 .con_box {float: left; margin-right:2%; padding:1.5rem; height: 280px;}
.ms02 .short01 {width:49%; padding:1.5rem 0;}
.ms02 .short01 li {position: relative; width:33.33%; height:215px; float: left; padding: 2rem 0; text-align: center; color:#333; border-right: 1px solid #e1e1e1;}
.ms02 .short01 li:last-child {border-right: none;}
.ms02 .short01 li .img_box {height:95px; display: inline-block;}
.ms02 .short01 li .img_box img {width:auto;}
.ms02 .short01 li p {font-size: 1.125rem; font-weight: 500;}
.ms02 .short01 .short_btn:hover {background:#1d75e1;}
.ms02 .short02 {position: relative; width:23.5%; color:#fff; background:url('../img/ms02_short_bg1.png') center no-repeat; background-size: cover;}
.ms02 .short02 .short_btn.arrow {background:#fff; color:#1d75e1;}
.ms02 .short02 .short_btn.arrow::before, .ms02 .short02 .short_btn.arrow::after {background: #1d75e1;}
.ms02 .short02 span {font-size: 1.1rem; font-weight: 300;}
.ms02 .short02 p {font-size: 1.4rem; font-weight: 600;}
.ms02 .short03 {position: relative; width:23.5%; margin-right:0; background:#fafafa url('../img/ms02_short_bg2.png') no-repeat; background-position: 90% 10%;}
.ms02 .short03 .short_btn.arrow {background:#1b64bd; color:#fff;}
.ms02 .short03 p {font-size: 1.5rem; font-weight: 500; padding-top:20%;}
.ms02 .short03 span {display:inline-block; color:#333; font-size: 0.85rem; padding-top:5px;}
.ms02 .short03 span b {font-size: 0.9rem; font-weight: 500;}


/* ms03 : 배너 */
.ms03 {position: relative; background: #f3f3f3; padding-bottom:3.5rem}
.ms03 .ms_list li {position: relative; width:23.5%; float: left; margin-right: 2%;}
.ms03 .ms_list li:nth-child(4n) {margin-right: 0;}
.ms03 .img_box {width:100%; position: relative; overflow: hidden; border-radius: 13px; background: #000;}
.ms03 .img_box .img_tit {position: absolute; left: 50%; top:50%; width: 100%; transform: translate(-50%,-50%); font-size: 1.35rem; font-weight: 600; color: #fff; text-align: center;}
.ms03 .ms_list li .img_box img { transition:0.5s;}
.ms03 .ms_list li:hover .img_box img {transform: scale(1.1); opacity: 0.5;}
.ms03 .ms_list li .ml_txt {position: relative;  font-size:0.8rem; font-weight: 300; padding-top: 2rem;}
.ms03 .ms_list li .ml_txt::before {content: ''; position: absolute; left: 0; top: 1.1rem; width: 20px; height: 2px; background: #333;}

/*== 하단 ==*/
#footer_wrap {clear: both; border-top:1px solid #d7d7d7; overflow:hidden; }

/* 풋터 */
footer {margin: 0 auto;  padding: 1.5rem 0; font-weight: 300; letter-spacing: 0; color: #424242; overflow:hidden; }
footer .f_logo {float:left; margin-right:3%; margin-bottom:1rem;}
footer .f_logo2 {float:left; margin-right:3%; margin-bottom:1rem;}
footer address {display:block; width:58%; max-width:567px; float:left; overflow:hidden; line-height: 1.571em; font-weight: 300; font-style: normal; font-size: 0.8rem;}
footer address p {display:block; float:left; margin-right:10px;}
footer address span {position: relative; display: inline-block;}
footer small {float:left; display: block; width:100%; margin-top: 5px; font-size: 0.857em; text-transform: uppercase; color: #7f7f7f;}
.top_btn { display:none; position:fixed; right:20px; bottom: 85px; width:50px; height:50px; background: #3863c5; border-radius:50%; z-index:999; opacity:0.5; transition:0.2s;} 
.top_btn:hover {opacity:1;}
.top_btn a {display:block; text-transform:uppercase; text-align:center; line-height:48px; color:#fff;}
.quick {position: fixed; width: 170px; right: 1%; top:13%; border:2px solid #1663c0; text-align: center; z-index:99999999;}
.quick ul { background: #fff;}
.quick li { width:100%; height:80px; position: relative; display: table;  color: #222;}
.quick li:after {content: ''; position: absolute; bottom:0; left:50%; transform: translateX(-50%); width: 80%; height: 1px; background: #e1e1e1;}
.quick li a {display: table-cell; vertical-align: middle; padding:0 12px; font-size: 0.9rem;}
.quick li > p {display: table-cell; vertical-align: middle; padding:0 12px; font-size: 0.9rem;}
.quick li:hover a {color: #1d75e1;}
.quick li a p {margin: 0 auto; }
.q_ywca {display: block; width:100%; height: 80px; background: #1663c0; color:#fff; font-size: 0.9rem; line-height: 78px;}
.q_ywca p {position: relative; display:inline-block; padding-left:25px;}
.q_ywca p::before {content:''; background:url('../img/q_ywca.png') center no-repeat; background-size: cover; position: absolute; left: 0; top:52%; width:1.1rem; height:1.1rem; transform: translateY(-50%);}
.q_ywca:hover p {font-weight: 500;}



/* == 서브페이지 == */
/* 서브상단 */
#sub_visual {position:relative; width:100%; height:350px; background:#888; background:url('../img/sub_visual.jpg') no-repeat; background-position: top center; background-size:cover;}
#sub_visual .s_inner {position:relative; max-width:1300px; padding-top:7rem; margin:0 auto; overflow:hidden;}

/* 서브메뉴 */
.snb {height:60px; border-bottom:1px solid #e1e1e1;}
.snb .s_inner {max-width:1300px; margin:0 auto; padding:0; overflow: inherit;}
.snb .home{float:left; padding:0 20px; width:68px; line-height:60px; border-right:1px solid #e1e1e1; border-left:1px solid #e1e1e1;}
.snb .home img {width:100%; text-align:center;}
.snb .sub_nav {position:relative; float:left; min-width:205px; }
.snb .sub_nav > a {position:relative; display:block; font-size:0.9rem; width:100%; line-height:60px; padding:0 1.25rem; border-right:1px solid #e1e1e1;}
.snb .sub_nav > a::after {content:url('../img/ico_right.png'); float: right; /* padding-right:1.25rem; */ margin-left: 1rem;}
.snb .sub_nav > a.on::after {content:url('../img/ico_down_b.png');}
.snb .sub_nav2 > a {color:#1663c0; font-weight:500;} 
.snb .subnav_in {position:absolute; top:60px; left:0; width:100%; z-index:999; display:none; padding:20px 30px; font-size:0.8rem; background:#f5f5f5;}
.snb .subnav_in li{float:none; padding-bottom:10px;}
.snb .subnav_in li:last-child{padding-bottom:0;}
.snb .subnav_in li a:hover{color:#1663c0;}
.snb .subnav_in li a {color:#555555; font-weight:400;}
.tabs_wrap {text-align:center; position:absolute; top:235px; width:1200px; left:50%; margin-left:-600px; z-index:99;}

/* 서브타이틀 */
.sub_tit {padding-top: 5rem; padding-bottom: 3rem;}
.sub_tit .s_inner {border-bottom: 1px solid #1663c0;}
.sub_tit .sc_title {display:inline-block; font-size: 2.2rem; font-weight: 600; color: #1663c0; border-bottom: 3px solid #1663c0; padding-top:7px;}

/* 서브컨테이너 */
.s_inner {position:relative; max-width:1300px; margin:0 auto; overflow:hidden;}
.sv_title {color:#fff;}
.sv_title span {font-size: 1.1rem;}
.sv_title h2 {font-size:1.75rem; font-weight:300;}
#sub_container {position: relative; font-size: 0.8rem; padding-top:2rem; /* padding-bottom:9rem; */ /*  max-width:1300px; */ margin:0 auto;}
#sub_container .sc_title02 {font-size:1.7rem; text-align:left; font-weight:500;}
#sub_container section {margin-bottom:7.5rem;}
#sub_container .section {margin-bottom:3rem;}
#sub_container section:last-child {margin-bottom:9rem;}

/* 게시판 */
.sub_bbs {position:relative; max-width:1300px; margin:0 auto; margin-bottom: 9rem;}
#sps_sch, #sps, #register_form, #sod_ws, #sod_v, #sod_fin, #forderform, #smb_my, #sod_bsk, #sit, #sct, #bo_list, #bo_gall, #bo_v, #bo_w {max-width:1300px !important; margin:0 auto !important;  margin-bottom: 9rem !important;}
.tbl_wrap {max-width:1300px !important; margin:0 auto !important; margin-bottom: 2rem !important;}
#sub_container #bo_v_info {margin-bottom:0;}
#bo_v_share .btn {width:auto !important;}

.mobile{
    display: none !important;
}


/*방문요양서비스*/
.sc_title2 {position:relative;  font-size: 2rem; font-weight: 600;}
.sc_title2::after {display:block; content:""; position:absolute; width:45px; height:5px; background:#252525; top:0; left:0; }
.sc_title3 { position: relative; font-size: 1.1rem; font-weight: 700; padding-left: 30px; padding-bottom:2rem;}
.sc_title3::after { position: absolute; content: ""; display: block; background: url(/img/effect.png) no-repeat; background-size:1rem;  width: 1rem; height: 1rem; top: 5px; left: 0;}


.service03_wrap .section{padding: 100px 0;}
.service03_wrap .grade_banner {background:url(/img/a_grade_ban.jpg) center center; height:337px; background-size:cover;}
.service03_wrap .grade_banner .mobile{display: none !important;}

.service03_wrap .con01 .contents {}
.service03_wrap .con01 .img_box {width:45%; float:right;}
.service03_wrap .con01 .text_box {width:45%; float:left;}
.service03_wrap .con01 .text_box .intro_icon {padding-top:60px;}
.service03_wrap .con01 .text_box p {font-size:1rem; line-height:1.6rem; padding-top: 1.3rem; border-top:1px solid #d7d7d7; margin-top: 1.3rem; font-weight:400;}
.service03_wrap .con01 .text_box p span {font-weight:700;}
.service03_wrap .con01 .sc_title2  {padding-top:30px;}
.service03_wrap .con01 .s_merit {width:100%; margin-top:100px;}
.service03_wrap .con01 .s_merit h3 {font-size:1.5rem; font-weight:500;}
.service03_wrap .con01 .s_merit ul {margin-top:50px;}
.service03_wrap .con01 .s_merit li {float:left; width:22.75%; margin-right:3%; padding:30px 0; text-align:center; border-top:3px solid #1691f9; border-bottom:1px solid #b7b7b7; }
.service03_wrap .con01 .s_merit li:last-child {margin-right:0;}
.service03_wrap .con01 .s_merit li .s_num {font-family:'Malgun Gothic'; font-size:1rem; color:#1691f9; margin-bottom:18px; font-weight:900; display:block;}
.service03_wrap .con01 .s_merit li p {font-size:0.95rem; line-height:28px; margin-top:20px;}
.service03_wrap .con01 .s_merit li p .b_bold {font-weight:600;}
.service03_wrap .con02 {background:url(/img/service03_bg.jpg); background-size:cover; } 
.service03_wrap .con02 .sc_title2 {text-align:center; color:#fff; padding-top: 30px;}
.service03_wrap .con02 .sc_title2::after {left:50%; transform:translateX(-50%); background:#fff;}
.service03_wrap .con02 .sc_txt {font-size:1rem; text-align:center; color:#fff; margin-top:40px; line-height:34px;}
.service03_wrap .con02 .service_ob {background:#fff; height:auto; margin-top:40px; border-radius:20px;}
.service03_wrap .con02 .service_ob_list {float:inherit; padding: 60px 0;}
.service03_wrap .con02 .service_ob_list h3 {font-size:1.25rem; text-align:center; color:#1671f9; line-height:1.9rem; font-weight:400;}
.service03_wrap .con02 .service_ob_list h3 span {font-weight:700;}
.service03_wrap .con02 .service_ob_list ul {padding: 40px 90px 0 90px;}
.service03_wrap .con02 .service_ob_list li {width:100%; overflow:hidden; font-size:1rem; margin-bottom:15px; line-height:30px; padding-bottom:15px; border-bottom:1px solid #d7d7d7; margin-left:0;}
.service03_wrap .con02 .service_ob_list li::after {display:none;}
.service03_wrap .con02 .service_ob_list li:nth-child(5) {padding-bottom:0; border-bottom:0; margin-bottom:0;}
.service03_wrap .con02 .service_ob_list li .se_bold {font-weight:700; } 
.service03_wrap .con02 .service_ob_list li:nth-child(5) p {position:relative;}
.service03_wrap .con02 .service_ob_list li .ser_txt {padding-top:10px;}
.service03_wrap .con02 .service_ob_list li .ser_tit {float:left;  margin-right:40px; }
.service03_wrap .con02 .service_ob_list li .ser_tit p {font-weight:500; font-size:0.9rem; background:#1691f9; color:#fff; padding:9px 19px; border-radius:50px;}
.service03_wrap .con02 .service_ob_list .s_grade {font-size:0.8rem; color:#222; display:block; text-align:center;} 
.service03_wrap .con03 .sc_title2 {padding-top:30px;}
.service03_wrap .con03 .service_box ul {margin-top:60px;}
.service03_wrap .con03 .service_box li { float:left; width:31.3%; margin-right:3%; margin-bottom:70px; height:220px; padding:32px 0; text-align:center; border-top:3px solid #0e1a50;  border-bottom:1px solid #0e1a50;}
.service03_wrap .con03 .service_box li:nth-child(3n) {margin-right:0;}
.service03_wrap .con03 .service_box li h5 {font-size:1.5rem; font-weight:700; color:#0e1a50;}
.service03_wrap .con03 .service_box li p {font-size:0.9rem; padding-top:17px; line-height:30px;}

.service03_wrap .con04 {padding:0 0 5rem 0 !important;}
.service03_wrap .con04 .sc_title2 {padding-top: 30px; margin-bottom:50px;}
.service03_wrap .con04 ul {margin-top:40px;}
.service03_wrap .con04 li {position:relative; float:left; background:#fff; border:1px solid #e1e1e1; padding:15px 20px 15px 70px; font-size:1rem; margin-right:1.5%;}
.service03_wrap .con04 li::after {content:""; display:block; position:absolute; background:url(/img/location_icon.png);width:38px; height:39px; top:50%;  transform:translateY(-50%); left:20px; }
.service03_wrap .con05 .sc_title2, .service03_wrap .con06 .sc_title2 {padding-top:30px;}
.service03_wrap .con05 .ser_process_pc {display:block;}
.service03_wrap .con05 .ser_process_pc img {width:100%;}
.service03_wrap .con05 .ser_process_m {display:none;}

/*table*/
.service03_wrap .con06 .sc_title3{padding-bottom: 0;padding-top: 2rem;}
.service03_wrap .con06 .sc_title3::after{top: calc(5px + 2rem);}
.service03_wrap .con06 p{font-size: 0.9rem;font-weight: 300;}
.service03_wrap .con06 p .small{font-size: 0.8rem;}

table{font-family: 'Noto Sans KR', sans-serif,'Malgun Gothic'; }
.service03_wrap .con06 table{margin-top:30px;}
.tb_01 {border-top:3px solid #0e1a50; border-bottom:1px solid #e1e1e1; width:100%; border-spacing:0; text-align:center; margin-bottom:40px; }
.tb_01 th {word-break: break-all; background:#fff; color:#0e1a50; font-weight:700; font-size:1.1rem; padding:14px; border-bottom:1px solid #4a537b; border-right:1px solid #4a537b;}
.tb_01 td {word-break: break-all; font-size:1rem; padding:12px 5px;  border-right:1px solid #e1e1e1; line-height:26px;}
.tb_01 th.sm_tit {font-size:1rem; font-weight:500;}
.tb_01 td span.sm_txt { display:block; font-size:0.9rem; line-height:25px; font-weight:300;}
.tb_01 tbody td:last-child {border-right:none;}
.tb_01 tbody th:last-child {border-right:none;}
.tb_01 .b_none {border-right:0;}
.tb_01 .pa_top td {padding-top:20px;}
.tb_01 .pa_bot td {padding-bottom:20px;}

.service03_wrap .con05 .ps{font-size: 24px;font-weight: 400;color: #e6007f;margin-top: 60px;line-height: 1.3;}
.service03_wrap .con05 .ps b{font-weight: 700;}
.service03_wrap .con05 .ps span{color: #ff8fcd;}


/*=== PC 1440px 이하 ===*/
@media all and (max-width: 1440px) {
	/* 전체 */
	html {font-size: 18px;}
	.lnb > ul {width:60%;}
	.lnb > ul > li {float: left; font-size: 1rem;  margin-right:1.5%;}
	.lnb > ul > li > a {line-height:54px;}
    header .hd_logo img {width: 160px;}
    footer .f_logo img {width: 160px;}
    footer .f_logo2 img {width: 70px;}
	.mv_tit {font-size:3rem;}
	.inner { margin:0 3%;}

    /* 퀙메뉴 */
    .quick {width:120px;}
    .quick li a {font-size: 0.7rem;}
    .quick li > p {font-size: 0.7rem;}
    .quick .q_ywca {font-size: 0.7rem;}
    .quick .q_ywca p {padding-left:1rem;}
    .quick .q_ywca p::before {width:0.8rem; height:0.8rem;}

    .service03_wrap .con02 .service_ob {width:100%; border-radius:20px; }
}

/*=== PC 1279px 이하 ===*/
@media all and (max-width: 1300px) {

    /* 메인 */
    .lnb {display:none;}
    .btn_all_menu {display:block;}
    .header {height:65px; margin:0 3%;}
    .btn_all_menu.on {top:32px;}
    .main_visual .inner {padding:0 3%;}
    .main_visual .mv_tit img {width:100%;}
    #sub_visual {height:350px;}
    #sub_visual .s_inner {margin:0 3%}
    .s_inner { margin:0 3%;}

    .quick {display: none;}

	.sub_bbs {margin: 0 3%;}

    footer { padding:1.5rem 3%;}

    .service03_wrap .con02 .service_ob_list li .ser_txt {padding-top:0 ; line-height:25px;}
    .service03_wrap .con02 .service_ob_list ul {padding: 40px 70px 0 70px;}
    

}

@media all and (max-width: 1210px) {
    .service03_wrap .con01 .s_merit li p br {display:none;}
    .service03_wrap .con02 .service_ob_list ul {padding: 40px 50px 0 50px;}
    .service03_wrap .con03 .service_box li {height:173px;}
    .service03_wrap .con03 .service_box li p {line-height: 25px;}
    .service03_wrap .con03 .service_box li p br {display:none;}    
}

/*=== 테블릿 ===*/
@media all and (max-width: 1024px) {

	/* 전체 */
    html {font-size: 18px;}
    .main_visual {height:500px;}
	.mv_tit {font-size:2rem;}
    .mobile{
        display: block !important;
    }
    
	/* 메인 */
    .ms01 .con_box {width: 100%; margin-right: 0; height:auto; padding: 1.5rem 1.5rem;}
    .ms01 .news {margin-bottom: 1.5rem; }
    .ms01 .notice_tit {width:70%;}
    .ms01 .notice_date {width:30%;}

    .main_visual {
        min-height: 500px;
        height: calc(100vh - 65px);
    }

    .main_visual .inner .mv_text .mv_tit{
        font-size: 20px;
        margin-bottom: 3px;
    }
    .main_visual .inner .mv_text .mv_txt{
        font-size: 36px;
        line-height: 1.3;
    }

    /*== 컨테이너 ==*/
    #container_wrap {font-size: 15px;}
    .quick {display: none;}

    .service03_wrap .section{padding: 60px 0;}
    .sc_title2::after {display:none;}
	.service03_wrap .con01 .img_box{ width:100%; float: left;}
    .service03_wrap .con01 .text_box {width: 100%; float: left; text-align: center;}
    .service03_wrap .con01 .text_box .intro_icon{padding-top: 30px;}
    .service03_wrap .con01 .s_merit {margin-top:60px;}
    .service03_wrap .con01 .s_merit h3 {text-align:center;}
    .service03_wrap .con01 .s_merit li {width:48%; margin-right:4%; margin-bottom:40px;}
    .service03_wrap .con01 .s_merit li:nth-child(2n) {margin-right:0;}
    .service03_wrap .con02 .service_ob_list li {margin-bottom: 20px; padding-bottom: 20px;}
    .service03_wrap .con02 .service_ob_list li .ser_tit {float: inherit; width: 50%; text-align: center; overflow: hidden; margin: auto;}
    .service03_wrap .con02 .service_ob_list li .ser_tit p { font-size: 16px;}
    .service03_wrap .con02 .service_ob_list li .ser_txt { padding-top: 20px; line-height: 28px; text-align: center;}

    .service03_wrap .con05 .ps{font-size: 16px;margin-top: 20px;}

}


/*=== 모바일 ===*/
@media all and (max-width:768px) {
	/* 전체 */
	html {font-size: 16px;}

    /* 상단 */
	.header, footer { max-width: 100%; margin: 0 3%; } 
	.btn_all_menu.on {right: 3%;}
		
	#sub_visual {height:250px; background-position: 60% center; }
    #sub_visual .s_inner {padding-top:6rem;}
	.sv_title h2 {font-size:1.3rem;}
    .sub_tit .sc_title {font-size:1.5rem;}
    #sub_container { padding-top: 1rem; /* padding-bottom: 5rem; */ }
    .snb {height: 50px;}
    .snb .sub_nav { width:calc(50% - 25px); min-width:auto;}
    .snb .sub_nav > a {line-height: 48px;}
    .snb .home {width:50px; line-height: 48px; padding: 0 13px;}
    .snb .subnav_in {top:50px; padding: 10px 20px;}
    

    /* 메인 */
    .main_visual {height:380px;}
    .slick-dots {bottom:15%;}
    .mv_tit {font-size:1.5rem;}
	.mv_btn {margin:2rem 0;}
    .mv_txt {font-size:1rem;}
    
    .ms02 .short01 {width:100%; margin-right: 0;  margin-bottom: 1.5rem;}
    .ms02 .short02, .ms02 .short03 {width:49%;}
    .ms03 .ms_list li {width:49%;  margin-bottom: 1.5rem;}
    .ms03 .ms_list li:nth-child(2n) {margin-right: 0;}
	
    

    /*== 컨테이너 ==*/
    #container_wrap {font-size: 14px;}
    .sub_tit { padding-top: 3rem; padding-bottom: 2rem; }
	.top_btn {bottom:5%; right:3%;}
	
	
	.mv_btn a {padding:7px 15px; }
	#sub_container .section {padding:2rem 0;}


	/* 게시판 */
	#bo_list .mo {display:none;}
	.tbl_wrap {margin-bottom:2rem !important;}
	 #sps_sch, #sps, #register_form, #sod_ws, #sod_v, #sod_fin, #forderform, #smb_my, #sod_bsk, #sit, #sct, #bo_list, #bo_gall, #bo_v, #bo_w {margin-bottom:5rem !important;}

    /*== 하단 ==*/
    #footer {font-size: 12px;}
    footer address {width:100%;}
	
    .sc_title2{font-size: 22px;}
    .sc_title3{font-size: 18px;}
    .service03_wrap .con01 .text_box p {font-size:16px;  line-height: 1.3rem;}
    .service03_wrap .con01 .text_box p br {display:none;}
    .service03_wrap .grade_banner {background: linear-gradient(90deg,rgba(60, 121, 188, 1) 0%, rgba(26, 183, 200, 1) 100%);width: 94%; height:auto;padding: 20px 0;margin: 0 3%;}
    .service03_wrap .grade_banner .mobile{display: block !important;}
    .service03_wrap .grade_banner .mobile h3{font-size: 20px;font-weight: 400;color: #fff;text-align: center;line-height: 1.3;}
    .service03_wrap .grade_banner .mobile h3 b{font-weight: 700;}
    .service03_wrap .grade_banner .mobile p{font-size: 16px;font-weight: 400;color: #fff;text-align: center;margin-top: 10px;}
    .service03_wrap .con01 .s_merit h3 {font-size:1.2rem;}
    .service03_wrap .con01 .s_merit ul {margin-top:40px;}
    .service03_wrap .con01 .s_merit h3 {text-align:center;}
    .service03_wrap .con01 .s_merit li {width:100%; margin-bottom:30px;}
    .service03_wrap .con01 .s_merit li:last-child {margin-bottom:0;}
    .service03_wrap .con01 .s_merit li p { line-height: 23px; font-size: 15px;}
    .service03_wrap .con02 .sc_title2,.service03_wrap .con03 .sc_title2, .service03_wrap .con04 .sc_title2, .service03_wrap .con05 .sc_title2, .service03_wrap .con06 .sc_title2 {padding-top:0;}
    .service03_wrap .con01 .s_merit li .s_num{font-size: 18px;}
    .service03_wrap .con02 .sc_txt {margin-top: 20px;  font-size: 15px;}
    .service03_wrap .con02 .service_ob {margin-top:30px;}
    .service03_wrap .con02 .service_ob_list {padding: 30px 0;}
    .service03_wrap .con02 .service_ob_list h3 {font-size: 1rem; line-height: 1.6rem; padding:0 5%;}
    .service03_wrap .con02 .service_ob_list h3 br {display:none;}
    .service03_wrap .con02 .service_ob_list li .ser_tit {width: 80%;}
    .service03_wrap .con02 .service_ob_list ul {padding: 30px 20px 0 20px;}
    .service03_wrap .con02 .service_ob_list li .ser_txt { font-size: 15px; line-height: 24px; padding-top: 15px;}
    .service03_wrap .con03 .service_box li {width:100%; margin-bottom:30px; height:auto;}
    .service03_wrap .con03 .service_box li:last-child {margin-bottom:0;}
    .service03_wrap .con03 .sc_title2 {text-align:center;}
    .service03_wrap .con03 .service_box ul {margin-top:40px;}
    .service03_wrap .con03 .service_box li h5 {font-size:1.2rem;}
    .service03_wrap .con03 .service_box li p {font-size: 15px;line-height:1.4rem;}
    .service03_wrap .con04 {padding: 0 0 4rem 0 !important;}
    .service03_wrap .con05 .ser_process_pc {display:none;}
    .service03_wrap .con05 .ser_process_m {display:block;}
    .service03_wrap .con05 .ser_process_m img {width:100%; margin-top:40px;}

    .service03_wrap .con06 table{margin-top:20px !important;}
    .service03_wrap .con06 p{font-size: 14px;font-weight: 300;}
    .service03_wrap .con06 p .small{font-size: 0.7rem;}

}

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

}

/*=== 모바일 490px 이하 ===*/
@media all and (max-width: 490px) {

    html {font-size: 15px;}

	#bo_list .td_num2 {width:10%;text-align:center}
    

    /* 메인 */
    .main_visual {height: 250px;}
    .main_visual .inner .mv_text {width:80%; text-align: center; float: inherit;}
    .main_visual .mv_01,
    .main_visual .mv_02,
    .main_visual .mv_03 {background: linear-gradient( rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.5) ), url(../img/main_visual02.jpg) 30% center no-repeat; background-size: cover;}
    .short_btn {width:80%;}
    .mv_txt {margin-bottom:2rem}
    .slick-dots {transform: translateX(-50%); bottom:15%;}
    .ms02 .short01 {height:auto;}
    .ms02 .short01 li {height:auto;}
    .ms02 .short01 li p {font-size: 0.9rem; margin-bottom:40px;}
    .ms02 .short03 {background-position: 90% 85%;}
    .ms02 .short03 p {padding-top:0;}
    .ms02 .short02 {margin-bottom:1.5rem;}
    .ms02 .short02, .ms02 .short03 {width:100%; height:200px;}
    .ms02 .short01 li .img_box {height: 75px;}
    .ms02 .short01 li .img_box img {width: 80%;}
    .ms03 .img_box .img_tit {font-size: 1rem;}

    #sub_visual {height:200px;}
    #sub_visual .s_inner {padding-top:4rem;}
    .sv_title span {font-size:1rem;}
	.sv_title h2 {font-size:1.3rem;}

    

}

/*=== 모바일 374px이하 ===*/
@media all and (max-width:375px) {
    html {font-size: 14px;}
	.ms01 {padding-top:3rem;}
	.ms02 {padding-bottom:3rem;}
	.ms03 {padding:3rem 0 1.5rem;}
    .sub02_wrap .con01 .s_inner {padding-bottom: 10rem;}

    /* 컨테이너 */
    #container_wrap {font-size: 13px;}
	

	

    /* 하단 */
    #footer {font-size: 12px;}
}

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


} 


.ctt_privacy,
.ctt_provision{
    max-width: 1320px;
    width: 100%;
    padding: 30px 20px;
    margin: 0 auto;
}
#ctt header h1{
    display: none;
}
.ctt_privacy *,
.ctt_provision *{
    word-break: keep-all;
    font-size: 16px !important;
    line-height: 1.6 !important;
}

@media(max-width:1750px){
    .ctt_privacy,
    .ctt_provision{
        padding-right: 100px;
    }
}

@media(max-width:1550px){
    .ctt_privacy,
    .ctt_provision{
        padding-right: 200px;
    }
}

@media(max-width:1300px){
    .ctt_privacy,
    .ctt_provision{
        padding-right: 20px;
    }
}

@media(max-width:1024px){
    .ctt_privacy,
    .ctt_provision{
        padding: 30px 15px;
    }
}

.sub034_tit-contentbox{
    margin-bottom: 3rem;
    border: 1px solid #d7d7d7;
    padding: 30px 50px;
}
.sub034_tit-contentbox p{
    font-size: 1.2rem !important;
    line-height: 1.4;
    font-weight: 300;
}
.sub034_tit-contentbox p span{
    display: block;
    font-weight: bold;
    font-size: 2rem;
    margin-bottom: 12px;
}
.sub35_wrap .con01 .s_inner.no-bg{
    background: none !important;
}

.sub35_new_wrap .sub_tit{
    padding-bottom: 0;
}


@media(max-width:1024px){
    .sub034_tit-contentbox{
        margin-bottom: 2rem;
        padding: 30px 15px;
    }
    .sub034_tit-contentbox p{
        font-size: 1.2rem !important;
    }
    .sub034_tit-contentbox p span{
        font-size: 1.7rem;
        margin-bottom: 8px;
    }
    .sub034_tit-contentbox p br{
        display: none;
    }
}