@charset "utf-8";

#ecm_id_wrap {position: relative;padding-left: 80px;}
#ecm_id_wrap::after {content: 'ecm0181-';position: absolute;left: 0;top: 15px;font-weight: 700;font-size: 18px;color: #666;}
/* 상단 관리자로그인 존 */

#hd_login {background:#efefef;}
#hd_login h3.hd_ti {font-size:19px; color:#474747; font-weight:400; padding:25px 0;}
#hd_login p.nuri_call {font-size:20px; color:#359dd6; font-weight:400; display:inline-block; padding-top:20px;}
#hd_login p.nuri_call img {display: inline-block; margin-right: 8px;}
#hd_login button.nuri_login_btn {position:absolute; right:0; border: none; padding:0px 14px; height:37px;line-height:35px; text-align: center; background: #19b5fe;  font-weight: 400; color: #fff; font-size: 14px; border-radius: 12px;}


/* 상단 */

#hd .hd_navi {height:97px; line-height: 95px; background:none; margin-bottom:0; border-bottom:1px solid #bbb; border-top:none;}
#hd .hd_navi .navi_wrap{height:97px; position:relative; }
#hd .hd_navi .navi_wrap .logo { line-height: 95px; padding-top:20px;}
#hd .hd_navi .navi_wrap .navi_menu {line-height:97px; margin-top:40px;}
#hd .hd_navi .navi_wrap .navi_menu > ul > li {padding-right:47px;}
#hd .hd_navi .navi_wrap .navi_menu ul li a {height:32px;}
#hd .hd_navi .navi_wrap .navi_menu ul li a.th1_lnk:hover {border-bottom:3px solid #19b5fe;}
#hd .hd_navi .navi_wrap .navi_menu ul li:last-child {padding-right:0;}
#hd .hd_navi .navi_wrap .navi_menu ul li a.th1_lnk {padding:0; color:#474747; font-size:18px; letter-spacing: -1px; font-weight:400; position:relative;}

/* 네비게이션 메뉴 */

/* 모바일 네비게이션 */

#nav_menu {}
#nav_menu li {position: relative;}
#nav_menu li ul.nav_list {width:100%; height:145px; /*background:rgb(255,255,255);*/ background:orange; position: absolute; top:57px;}
#nav_menu li ul.nav_list li a {color:#545454; font-size:15px; height:28px;}


/* 데스크탑 네비게이션 */

#sub-menu {position:absolute;  top:97px; width:100%; height:145px; right:0; left:0; z-index: 99; background:rgb(255,255,255); padding:23px 0;
/* Opera */
box-shadow:1px 1px 8px silver;
/* Firefox */
-moz-box-shadow:1px 1px 8px silver;
/* Safiri, Chrome */
-webkit-box-shadow:1px 1px 8px silver;
/* IE */
filter:progid:DXImageTransform.Microsoft.Shadow(color=silver,direction=110, strength=5);
}

#sub-menu-list p.menu_ti {color:#19b5fe; font-size:20px; font-weight:500; line-height: 10px; padding-top:20px;}
#sub-menu-list p.menu_txt {font-size:15px; font-weight:400; color:#252525; line-height: 20px; padding-top:20px;} 
#sub-menu .sub-menu {border-left:1px solid #e2e2e2; height:99px;}
#sub-menu > div.container {display: none;}
#sub-menu .sub-menu ul {}
#sub-menu .sub-menu ul li {line-height: 30px;}
#sub-menu .sub-menu ul li a {font-size:15px; color:#545454;}
#sub-menu .sub-menu ul li a:hover {text-decoration:underline;}
#sub-menu .sub-menu p.ecm-enter {position:relative; }
#sub-menu .sub-menu p.ecm-enter a {color:#19b5fe; font-weight:400; line-height:20px; color:#19b5fe; position:absolute; top:0;}



/* 배너 */

#main-visual {padding:0;}
#main-visual .visual01 {padding:0; height:601px; background-size:100%; background:url(../img/main/main_bn_img_00.png)no-repeat center top;}
#main-visual .visual01  .slogan {padding-top:120px;}
#main-visual .visual01  .slogan p {font-size: 65px; line-height:80px; font-weight:500; color:#252525; letter-spacing: -3px;}
#main-visual .visual01  .slogan .slo_01 {color:#616161;}
#main-visual .visual01  .slogan p > span {color:#19b5fe; font-size:72px; letter-spacing:-3px;}

/* 배너컨텐츠 */

#visual-content {height:140px; background:#efefef; padding:32px 0;}
#visual-content .visual-con-wrap {}
#visual-content .custom h2 {font-size:23px; color:#19b5fe;}
#visual-content .custom p {padding:0;}
#visual-content .custom p.cus_time {padding-top:14px; color:#252525; font-size:15px; font-weight:400;}
#visual-content .custom p.cus_tel { font-size:50px; font-weight:lighter; color:#252525; position: relative;}
#visual-content .custom p.cus_tel:after {content:""; position: absolute; bottom:12px; right:16px; height:40px; border:0.5px solid #616161;}
#visual-content .number_wrap {position:relative; padding-top:10px; height:47px; margin:0;}
#visual-content .number_wrap .btn {margin-left:10px; padding:0 20px; height:47px; background: #19b5fe; color:#fff; font-weight:normal; border:none; font-size: 16px;}
#visual-content .number_wrap .btn a {}
#visual-content .number_wrap .input-group {float:left; width:217px; height:47px; }
#visual-content .number_wrap .input-group .form-control {height:47px; font-size:16px; border:none;}

/* 배너 컨텐츠 로그인 했을 시 */
p.login_02 img { margin-right:5px; }
p.login_02 {color:252525; font-size: 15px; font-weight:400; line-height: 20px; }
button.month_login_2 {width:215px; border-radius:0;}
button.month_login_2 a {color:#fff;}
button.month_login_3 {width:215px; border-radius:0; width:100%; padding:0 !important;}
button.month_login_3 a {color:#fff;}

button.log-out-btn { float:right; background:#fff !important; border:2px solid #19b5fe !important; padding:0 9px !important;}
button.log-out-btn a {color:#19b5fe;}


/* 컨텐츠 */

#content-wrap {padding-top:50px; padding-bottom:50px;}
#content-wrap .content {padding:0;}
#content-wrap .con-service .service {height:234px;border:1px solid #bbb; background:#fff; background:url(../img/main/con_service.png)no-repeat 92% bottom; padding:36px 0 0 40px;}
#content-wrap .con-enter .enter {height:234px;  border:1px solid #bbb; background:#fff; background:url(../img/main/con_enter.png)no-repeat 92% bottom; padding:36px 0 0 40px;}
h4.con-ti {font-size:21px; color:#19b5fe; margin-bottom:20px;}
#content-wrap .con-txt {font-size:15px; color:#252525; font-weight:400;}
#content-wrap .con-go {margin-top:40px;font-size:14px; color:#19b5fe; background:#fff; border:1px solid #19b5fe; border-radius: 5px; padding:5px 15px; font-weight:400;}
#content-wrap .con-go a {color:#19b5fe;}
#content-wrap .con-notice .notice {height:234px;border:1px solid #bbb; background:#fff; padding:36px 0 0 40px;}

/* 컨텐츠 - 공지사항 */

#content-wrap .con-notice .notice {height:234px;border:1px solid #bbb; background:#fff; padding:36px 40px 36px 40px;}
#content-wrap .con-notice .notice h4.con-ti {display:inline-block;}
#content-wrap .con-notice .notice p.notice_more {display:inline-block; float:right;}
#content-wrap .con-notice .notice ul {overflow: hidden; border-top:1px solid #bbb; padding-top:18px; margin-bottom:0;}
#content-wrap .con-notice .notice ul li {line-height:26px;}
#content-wrap .con-notice .notice ul li a {font-size:15px; font-weight:400;}
#content-wrap .con-notice .notice ul li a:before {content:"・"; margin-right:8px; text-decoration: none;}

#content-wrap .con-notice .notice .date {float:right; color:#545454;}

/* 오시는길 */

#nuri-map {background:#efefef;}
#nuri-map .map-wrap {padding:50px 0 50px 0px;}
.root_daum_roughmap {width:100% !important;} /* 지도 사이즈 */
#nuri-map .map-con {padding-top:35px;}
#nuri-map > h4.con-ti {text-align:center;}
#nuri-map p {text-align: center; font-size:16px; color:#545454; font-weight: 400;}
#nuri-map p.map-txt {font-size:25px; padding-top:25px; font-weight: 400; margin-bottom:60px;}
#nuri-map .con-go { border:none; text-align: center; background:#19b5fe; font-weight:400; padding:15px 47px; color:#fff; font-size:17px; border-radius: 12px;}

/* 스폰서 롤링배너 */

.carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev {display: none;}
.carousel-control .glyphicon-chevron-right, .carousel-control .icon-next {display: none;}

.carousel-inner>.item.active, .carousel-inner>.item.next.left, .carousel-inner>.item.prev.right {left:55px;}
#rolling_banner .carousel-control.left {width:40px; height:40px; background:url(../img/rolling/common_btn_sponsor_left.png)no-repeat center center; margin-top:35px;}
#rolling_banner .carousel-control.right {width:40px; height:40px; background:url(../img/rolling/common_btn_sponsor_right.png)no-repeat center center; margin-top:35px;}

#rolling_banner {height:107px; line-height:107px;}
#rolling_banner .rolling_wrap {padding:0;}

/* 하단 */

#ft_company {height:170px; background:#252525; padding:50px 0;}
#ft_company .ft_company_wrap {position:relative;}
#ft_company p {color:#fff; font-size:14px;}
#ft_company p.ft_copy {font-size:12px; line-height:21px; margin-top:25px; }
#ft_company p.f_logo {position:absolute; right:0; top:0;}

/* 20210115 // 푸터 영역 로고 사이즈 수정 // sw.kim */
#ft_company p.f_logo img {max-width:400px;}


/* 20210115 // 수급자, 보호자, 전화번호 부분 시작 // sw.kim */
/* width */
.width-70 { float: left; width:70%; }
.width-30 { float: left; width:30%; }
.width-33 { float: left; width:33%; }
.width-100 { float: left; width:100%; }
.custom_num_tit { font-weight: 500; }

@media only screen and (min-width: 320px) and (max-width: 767px) {
    .width-70 { float: left; width:100%; }
    .width-30 { float: left; width:100%; }
}
/* 20210115 // 수급자, 보호자, 전화번호 부분 끝 // sw.kim */


/* ---------------------------------------------------------------------- */
/*  Media Queries
/* ---------------------------------------------------------------------- */

/* 모바일에서 테블릿 사이 */

/* 20210115 // 고객상담센터 안내 시작 // sw.kim */
@media only screen and (min-width: 992px) and (max-width: 1200px) {
    #visual-content .custom p.cus_tel { font-size:36px; }
    #visual-content .custom p.cus_tel:after {bottom: 0;}
}
/* 20210115 // 고객상담센터 안내 시작 // sw.kim */

@media only screen and (min-width: 768px) and (max-width: 992px) {

	/* 테블릿 상단 */

	#hd .hd_navi .navi_wrap .logo img {display:inline-block;}
	#hd .hd_navi .navi_wrap .logo {height:40px; line-height:40px;text-align: center;}

	/* 테블릿 네비게이션 */

	#hd .hd_navi {position: relative; height:120px;}
	#hd .hd_navi .navi_wrap {height:auto;}

	.mobile_navigation_wrap {position:absolute; right:0; left:0; z-index: 999;}
	.caret {float:right; margin-top:8px; margin-left:8px; }
	ul.dropdown-menu > li {border-bottom: 1px solid #d1d1d1; width:94%; margin:0 auto;}
	ul.dropdown-menu > li:last-child {border-bottom:0;}
	ul.dropdown-menu > li > a {font-size:15px; color:#525252;}
	.navbar-default .navbar-nav .open .dropdown-menu>li>a {color:#525252; font-size:15px;}
	.navbar-nav .open .dropdown-menu .dropdown-header, .navbar-nav .open .dropdown-menu>li>a {padding:7px 15px 7px 25px;}
	.navbar-default .navbar-nav .open .dropdown-menu>li>a:focus, .navbar-default .navbar-nav .open .dropdown-menu>li>a:hover {color:#19b5fe; background: none;}
	.navbar-nav .open .dropdown-menu .dropdown-header, .navbar-nav .open .dropdown-menu>li>a {padding: 10px 15px 10px 28px;}
	ul.mobile_navigation {background:#fff; position:absolute; top:79px;}
	.mobile_navigation > li.m_ti
	.mobile_navigation > li:hover {background:#19b5fe; font-size:16px; font-weight:400;}
	.mobile_navigation > li.m_ti ul.dropdown-menu {background:#fff;}
	.navbar-default .navbar-nav>li>a {font-size:16px; color:#525252; font-weight: 400; padding:10px 25px;}
	.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover { background:#19b5fe; color:#fff;}
	.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {background:#19b5fe; color:#fff; font-size:16px; font-weight:400;}
	.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {background:#19b5fe; color:#fff; font-size:16px; font-weight:400;}
	
	/* 테블릿 비주얼배너 */

	#main-visual .visual01 {height:500px; background-size:cover;}
	#main-visual .visual01 .slogan {padding-top:100px;}
	#main-visual .visual01 .slogan p {font-size:55px; line-height:68px; font-weight:400;}
	#main-visual .visual01 .slogan .slo_01 {font-size:55px; font-weight:400;}
	#main-visual .visual01 .slogan p > span {font-size:62px;}


	/* 배너커너텐츠 1 */
	#visual-content {height:340px;}
	#content-wrap .content {padding-right: 15px;}

	/* 테블릿 컨텐츠 2 */

	#content-wrap .con-service .service {height:200px; padding:20px 0 0 20px; background-size:contain; background-position:right 0px;}
	#content-wrap .con-enter .enter {height:200px; padding:20px 0 0 20px; background-size:contain; background-position:right 0px; margin-top:0px;}
	.m_diet {margin-top:20px;}
	.m_program {margin-top:20px;}
	#visual-content .number_wrap .input-group {width:100%; margin-bottom:8px;}
	#visual-content .number_wrap .btn {width:100%; padding:0; margin-left:0;}
	#visual-content .custom p.cus_tel:after {display: none;}
}

@media only screen and (min-width: 320px) and (max-width: 767px) {
	
	/* 모바일 상단 */

	#hd_login .m_top_hd {float:left; }
	#hd_login .m_top_hd h3.hd_ti {font-size:17px; padding:15px 0;}
	#hd_login button.nuri_login_btn {top:6px; height:32px; right:15px;}
	.navbar-toggle {border:none;}
	.navbar-toggle {float:left; padding:14px 14px;}
	#hd .hd_navi {height:60px;}
	#hd .hd_navi .navi_wrap .logo {height:40px; line-height:40px; padding-top:0; text-align: center;}
	#hd .hd_navi .navi_wrap .logo img {display:inline-block;}
	.navbar-toggle .icon-bar {height:3px; }
	.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {background:none;}
	
	/* 모바일 네비게이션 */

	.mobile_navigation_wrap {position:absolute; right:0; left:0; z-index: 999;}
	.caret {float:right; margin-top:5px;}
	ul.dropdown-menu > li {border-bottom: 1px solid #d1d1d1; width:94%; margin:0 auto;}
	ul.dropdown-menu > li > a {font-size:15px; color:#525252;}
	.navbar-default .navbar-nav .open .dropdown-menu>li>a {color:#525252; font-size:15px;}
	.navbar-nav .open .dropdown-menu .dropdown-header, .navbar-nav .open .dropdown-menu>li>a {padding:7px 15px 7px 25px;}
	.navbar-default .navbar-nav .open .dropdown-menu>li>a:focus, .navbar-default .navbar-nav .open .dropdown-menu>li>a:hover {color:#19b5fe;}
	.navbar-nav .open .dropdown-menu .dropdown-header, .navbar-nav .open .dropdown-menu>li>a {padding: 10px 15px 10px 28px;}
	ul.mobile_navigation {background:#fff;}
	.mobile_navigation > li.m_ti
	.mobile_navigation > li:hover {background:#19b5fe; font-size:16px; font-weight:400;}
	.mobile_navigation > li.m_ti ul.dropdown-menu {background:#fff;}
	.navbar-default .navbar-nav>li>a {font-size:16px; color:#525252; font-weight: 400;}
	.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover { background:#19b5fe; color:#fff;}
	.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {background:#19b5fe; color:#fff; font-size:16px; font-weight:400;}
	.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {background:#19b5fe; color:#fff; font-size:16px; font-weight:400;}
	

	/* 모바일 비주얼배너 */

	#main-visual .visual01 {height:200px; background-size:cover;}
	#main-visual .visual01 .slogan {padding-top:45px;}
	#main-visual .visual01 .slogan p {font-size:20px; line-height:32px; font-weight:400;}
	#main-visual .visual01 .slogan .slo_01 {font-size:22px; font-weight:400;}
	#main-visual .visual01 .slogan p > span {font-size:30px;}

	/* 모바일 컨텐츠_1 */

	#visual-content {height:350px;}
	#visual-content .custom h2 {font-size:19px;}
	#visual-content .custom p.cus_tel {font-size:29px;}
	#visual-content .custom p.cus_time {font-size:13px; padding-top:5px;}
	#visual-content .custom_number {margin-top:8px;}
	#visual-content .number_wrap .input-group {width:100%; margin-bottom:8px;}
	#visual-content .number_wrap .btn {width:100%; padding:0; margin-left:0;}
	#visual-content .custom p.cus_tel:after {display: none;}

	/* 모바일 컨텐츠_2 */

	#content-wrap { padding:20px; }
	#content-wrap .con-service .service {height:160px; padding:20px 0 0 20px; background-size:contain; background-position:right 0px;}
	h4.con-ti {font-size:17px; margin-bottom:8px;}
	#content-wrap .con-txt {font-size:13px;}
	#content-wrap .con-go {margin-top:15px; font-size:13px;}
	#content-wrap .con-go a {color:#19b5fe; }
	#content-wrap .con-enter .enter {height:160px; padding:20px 0 0 20px; background-size:contain; background-position:right 0px; margin-top:0px;}
	#content-wrap .con-notice .notice { padding:20px; height:auto;}
	#content-wrap .con-notice .notice ul li a {font-size:14px;}
	#content-wrap .con-notice .notice .date {font-size:14px; color:#bbb;}
	#content-wrap .m_diet {margin:20px 0;}

	/* 모바일 오시는길 */

	#nuri-map .map-wrap {padding: 35px 20px;}
	#nuri-map .map-con {padding-top:0;}
	#nuri-map p {font-size:14px;}
	#nuri-map p.map-txt {font-size:17px; margin-bottom:25px; padding-top:20px;}
	#nuri-map .con-go {padding:8px 25px; font-size:15px;}

	/* 모바일 하단 */

	#ft_company {height: auto; padding:25px 0;}
	#ft_company p {font-size:12px;}
	#ft_company p.ft_copy {margin-top:10px;}

}