@charset "utf-8";
/* CSS Document */

#container {background:#f3f3f3; padding:50px 0; min-height:550px;}

#container h3 {font-size:21px; font-family: 'malgun gothic', sans-serif; position:relative; padding-left:20px;}
#container h3:before {background-position:-133px 0; width:16px; height:16px; position:absolute; top:6px; left:0;}
#container h4 {margin-top:20px; position:relative; padding-left:8px; color:#d74242;}
#container h4:before {content:''; background:#d74242; border-radius:50px; width:3px; height:3px; position:absolute; top:5px; left:0;}
#container h4:first-child {margin-top:0;}
#container h4 + table {margin-top:10px;}
.page_tits {position:relative; margin-bottom:20px;}
.page_tits .path {position:absolute; bottom:12px; right:0; color:#444;}
.page_tits .path > span {display:inline-block; position:relative; padding-left:12px;}
.page_tits .path > span:before {content:'>'; font-family:dotum; color:#777; position:absolute; top:50%; left:0; margin-top:-7px;}
.page_tits .path > strong + span {padding-left:0;}
.page_tits .path > strong + span:before {display:none;}

/* 탭메뉴 */
#tabmenu * {box-sizing:border-box;}
#tabmenu {float:left; padding-left:1px; width:100%; border-bottom:2px solid #3b3e4a; margin-bottom:20px;}
#tabmenu li {float:left; margin-bottom:-2px;}
#tabmenu a {display:block; position:relative; margin-left:-1px; padding:6px 0 5px; min-width:102px; border:1px solid #ddd; border-bottom:0; background:#f7f7f7; color:#777; text-align:center; letter-spacing:-0.1em; line-height:1.2em; cursor:pointer;}
#tabmenu a.on {z-index:2; padding:6px 0; min-width:100px; border:2px solid #3b3e4a; border-bottom:0; background:#fff; color:#3b3e4a; font-weight:bold;}
#tabmenu a:hover {background:#eee;}
#tabmenu a.on:hover {z-index:2; padding:6px 0; min-width:100px; border:2px solid #3b3e4a; border-bottom:0; background:#fff; color:#3b3e4a; font-weight:bold;}

/* 간격 조정 */
.cm_txt + table {margin-top:15px;}

/* 컨텐츠 간격 */
.section {background:#fff; padding:30px; margin-top:20px; box-shadow:2px 2px 4px rgba(0,0,0,0.15);}
.section:first-child {margin-top:0%;}
/* cols */
.col_s02, .col_s03, .col_s04 {overflow:hidden;}
.col_s02 > li {float:left; width:49%; text-align:center; margin-bottom:2%; margin-left:2%;}
.col_s02 > li:nth-child(odd) {margin-left:0;}
.col_s03 > li {float:left; width:32%; text-align:center; margin-bottom:2%; margin-left:2%;}
.col_s03 > li:nth-child(3n+1) {margin-left:0;}
.col_s04 > li {float:left; width:23.5%; margin:1% 0; margin-left:2%;}
.col_s04 > li:nth-child(4n+1) {margin-left:0;}

/* text ------------------------------- */
.cm_txt {color:#555; font-size:11px; font-family:dotum;}
.font11 {font-size:11px;}
.rtxt {color:#b40600;}
.ptxt {font-weight:bold;}
.fb {font-weight:bold;}
.txt_cb, .sat {color:#1565c0;}

/* 필수입력표시 */
.es {display:inline-block; text-indent:-99999px; background-position:-212px 0; width:6px; height:7px; margin-left:3px; vertical-align:middle; position:relative; top:-2px;}
/* 필수입력항목 텍스트 */
.wr_cm_txt {text-align:right;}
.wr_cm_txt span {display:inline-block; position:relative; padding-left:10px; font-size:12px; color:#888; margin-bottom:10px;}
.wr_cm_txt span:before {background-position:-212px 0; width:6px; height:7px; position:absolute; top:5px; left:0;}

.viewcon {min-height:100px;}

/* input ------------------------------- */
input[type="text"], input[type="password"] {width:100%;}
input[type="text"], input[type="password"], input[type="button"], input[type="email"], input[type="tel"], select {height: 40px;border-radius: 5px;}
textarea {width:100%;}
input[readonly], .readonly {background:#e8eff4; border-color:#b9d0df;} /* 입력불가 */
.addr_in input {margin:1px 0;}
.addr_in input:first-child {width:100px !important;}
.addr_in input {width:100%;}
/* checkbox */
.chkbox {position:relative; padding-left:22px; display:inline-block; font-size:14px; color:#333;}
.chkbox input[type="checkbox"], .chkbox i {position:absolute; top:2px; left:0px; width:17px; height:17px;}
.chkbox input[type="checkbox"] {opacity:0; cursor:pointer; z-index:5;}
.chkbox i {display:inline-block; background-position:0 -75px; z-index:3;}
.chkbox input:checked+i {background-position:-19px -75px;}
/* radio */
.radio_group {overflow:hidden;}
.radio_group * {box-sizing:border-box;}
.radios {position:relative; display:inline-block; margin-right:10px;}
.radios input[type=radio] {position:absolute; visibility:hidden;}
.radios label {display:block; position:relative; padding:0px; padding-left:17px; line-height:22px; z-index:2; cursor:pointer; -webkit-transition:all 0.25s linear;}
.radios .check {display:block; position:absolute; background:#fff; border:1px solid #cecece; border-radius:100%; width:14px; height:14px; top:3px; left:0px; z-index:1; transition:border .25s linear; -webkit-transition:border .25s linear;}
.radios .check::before {display:block; position:absolute; content:''; border-radius:100%; width:6px; height:6px; top:3px; left:3px; margin:auto; transition:background 0.25s linear; -webkit-transition:background 0.25s linear;}
.radios input[type=radio]:checked ~ .check {border:1px solid #d74242; background:#fff;}
.radios input[type=radio]:checked ~ .check::before {background:#d74242;}
.radios input[type=radio]:checked ~ label {}
/* 첨부파일 스타일 */
.file_input {margin:2px 0; overflow:hidden; position:relative; padding-right:100px; width:70%; box-sizing:border-box;}
.file_input label {vertical-align:middle; position:absolute; top:0; right:0; cursor:pointer; border-radius:0px; display:inline-block; overflow:hidden; width:95px; height:28px; line-height:28px; background:#fff; border:1px solid #d74242; color:#d74242; text-align:center; box-sizing:border-box;}
.file_input label input {position:absolute; width:0; height:0; overflow:hidden; padding:0; border:0;}
.file_input input[type=text] {color:#737070; background:#fff; border:1px solid #ccc;}
/* 달력 */
.icon_cal {display:inline-block; position:relative; width:46%; max-width:120px; padding-right:24px; box-sizing:border-box;}
.icon_cal input {width:100%; padding-left:3px; padding-right:3px;}
.icon_cal img {max-width:22px; cursor:pointer; position:absolute; top:2px; right:0;}
/* 달력레이어 */
.ui-widget-content {z-index:101 !important;}

/* calendar */
#calendar_box {position:relative;}
#calendar_box .calendar_year_box {text-align:center; margin-bottom:20px;}
#calendar_box .calendar_year_box button {cursor:pointer; background:none; border:0; width:20px; text-indent:-9999px; position:relative; margin-top:-13px;}
#calendar_box .calendar_year_box button:after {content:''; display:block; position:absolute; top:0; width:0; height:0;}
#calendar_box .calendar_year_box button.prevyear:after {left:0; border-top:7px solid transparent; border-bottom:7px solid transparent; border-right:8px solid #555;}
#calendar_box .calendar_year_box button.nextyear:after {right:0; border-top:7px solid transparent; border-bottom:7px solid transparent; border-left:8px solid #555;}
#calendar_box .years {font-size:36px; line-height:1.2; color:#111; font-family:Arial, Helvetica, sans-serif; font-weight:bold;}
#calendar_box .month_list {overflow:hidden; text-align:center; margin:15px 0;}
#calendar_box .month_list button, #calendar_box .calendar_wrap .weekdays, #calendar_box .calendar_wrap > ul.days > li .date {font-size:15px;}
#calendar_box .month_list button {cursor:pointer; border:1px solid #2a2b2b; border-radius:2px; background:#fff; font-family:Arial, Helvetica, sans-serif; font-weight:bold; width:32px; height:32px; line-height:32px; text-align:center; padding:0; margin-left:4px;}
#calendar_box .month_list button.current {border-color:#135fae; color:#135fae;}
#calendar_box .calendar_wrap {border:1px solid #c9c9c9; border-top:2px solid #555;}
#calendar_box .calendar_wrap > ul {display:table; width:100%; border-top:1px solid #c9c9c9;}
#calendar_box .calendar_wrap > ul > li {display:table-cell; width:14.285714%; border-left:1px solid #c9c9c9; position:relative;}
#calendar_box .calendar_wrap > ul > li:first-child {border-left:0;}
#calendar_box .calendar_wrap .weekdays {text-align:center; border-top:0; background:#f7f7f7; font-size:16px; color:#111;}
#calendar_box .calendar_wrap .weekdays > li {padding:5px 0;}
#calendar_box .calendar_wrap > ul.days > li {height:120px; padding:5px 7px;}
#calendar_box .calendar_wrap > ul.days > li .date {font-family:Arial, Helvetica, sans-serif; font-weight:bold; text-align:right;}
#calendar_box .calendar_wrap > ul.days > li:first-child .date {color:#c00;}
#calendar_box .calendar_wrap > ul.days > li:nth-child(7) .date {color:#135fae;}
#calendar_box .calendar_wrap > ul.days > li .event-container {margin-top:5px; position:relative; padding-left:7px;}
#calendar_box .calendar_wrap > ul.days > li .event-container:before {content:''; background:#0e9fdd; width:3px; height:3px; position:absolute; top:7px; left:0;}
#calendar_box .calendar_wrap > ul.days > li .date + .event-container {margin-top:0;}
#calendar_box .calendar_wrap > ul.days > li .event-container a {display:block; font-size:13px; color:#555; position:relative; max-width:100%; line-height:1.3; max-height:3.9em; overflow:hidden; text-overflow:ellipsis; word-wrap:break-word; display: -webkit-box; -webkit-line-clamp:3; -webkit-box-orient: vertical;}
#calendar_box .calendar_wrap > ul.days > li .event-container a:hover {text-decoration:underline;}
#calendar_box .calendar_wrap > ul.days > li .event-container * {word-break:break-all;}
#calendar_box .calendar_wrap > ul.days > li .event-container .times {position:absolute; top:0; left:0;}
#calendar_box .calendar_wrap > ul.days > li .event-container .times + .desc {margin-left:40px;}
#calendar_box .calendar_wrap > ul.days > li.other-month {background:#f5f5f5;}

/* 테이블 스타일 ------------------------------- */
.tb {border-top:3px solid #2a2d31; width:100%; margin-top:20px;}
.tb:first-child {margin-top:0;}
.tb th, .tb td {padding:6px 5px; border-bottom:1px solid #dedede; box-sizing:border-box;}
.tb th {color:#555;}

.tb_col th {border-bottom:1px solid #a2a2a2; padding:10px 5px;}
/* .tb_col th + th {border-left:1px solid #a2a2a2;} */
.tb_col tr:nth-child(even) {background:#f6f7f8;}
.tb_col td {text-align:center;}

.tb_row {}
.tb_row th {background:#f6f7f8; text-align:left; padding:3px 15px; height:28px;}
/* .tb_row td + th {border-left:1px solid #dedede;} */
.tb_row td {padding:3px 10px; height:32px;}

/* search ------------------------------- */
h4 + .search_box {margin-top:10px;}
.search_box {margin:35px 0 15px; overflow:hidden;}
.search_box:first-child {margin-top:0;}
.search_box input[type="text"], .search_box input[type="password"], .search_box button, .search_box select {height:34px;}
.search_box input[type="text"], .search_box input[type="password"], .search_box select {padding:4px 5px; border:1px solid #ddd;}
.search_box input[type="text"], .search_box input[type="password"] {width:170px;}
.search_box button {line-height:34px;}
.search_box .btn {background:#666; border:solid 1px #7c7a76; color:#fff; font-weight:bold; padding:0px 15px; width:47px; line-height:34px; border-radius:3px; position:relative;}
.search_box .bt_search > span {display:inline-block; background-position:-246px 0; position:absolute; top:50%; left:50%; margin-top:-9px; margin-left:-9px; width:18px; height:18px; text-indent:-9999px;}
.search_box label {font-weight:bold; margin-right:5px;}
.search_box input#sDate {margin-right:3px !important;}

/* paging ------------------------------- */
.paging * {box-sizing:border-box;}
.paging {text-align:center; margin:2% 0 0;}
.paging > p {display:inline-block; margin:0 4px;}
.paging > p > a, .paging > p > span {margin-left:-1px;}
.paging > p > a:first-child, .paging > p > span:first-child {margin-left:0;}
.paging a, .paging span {display:inline-block; width:28px; height:28px; line-height:230%; border:1px solid #e1e1e1; color:#999; font-weight:bold; font-size:12px;}
.paging a:hover {background:#f7f7f7;}
.paging a.on, .paging span.on {background:#f7f7f7; color:#222;}
.paging .page_bt {text-indent:-99999px; position:relative;}
.paging .page_bt:after {background-position:-177px 0; width:6px; height:11px; position:absolute; top:50%; left:50%; margin:-5px 0 0 -3px;}
.paging .first:after {background-position:-162px 0; width:12px; margin-left:-6px;}
.paging .next:after {background-position:-187px 0;}
.paging .last:after {background-position:-196px 0; width:12px; margin-left:-6px;}
.paging .prev, .paging .last {margin-left:-1px;}

/* 댓글 */
.cm_write {margin:4% 0 15px 0;}
.cm_write input[type="text"] {background:#f7f7f7;}
.cm_write input[type="text"], .cm_write input[type="password"], .cm_write textarea, .cm_list .cm_re_input textarea {padding:10px 1%;}
.cm_write .cm_writer {margin-bottom:10px;}
.cm_write .cm_writer input:first-child {width:70px; margin-left:0;}
.cm_write .cm_writer input {width:130px;}
.cm_write .cm_input {position:relative; border:1px solid #ccc;}
.cm_write .cm_input span {display:block; text-align:right;}
.cm_write textarea {width:100%; height:70px; background:#fff; border:0; border-bottom:1px solid #eee;}
.cm_write input.btns {width:76px; height:40px; line-height:38px; background:#c00000; color:#fff; padding:0; margin:0; font-size:15px; position:relative; right:-1px;}
/* 댓글리스트 */
.cm_list {border-bottom:1px solid #ddd;}
.cm_list > div {overflow:hidden; border-top:1px dashed #e5e5e5; padding:10px 0; position:relative;}
.cm_list > div .writer {color:#222;}
.cm_list > div .writer .bt input {border:0; padding:0; text-indent:-9999px; background-position:-283px 0; width:17px; height:17px;}
.cm_list > div .cont .date {color:#999; font-size:12px; font-weight:300; display:block;}
.cm_list > div .cm_bt {display:inline-block; font-size:12px; color:#777; border:1px solid #ccc; height:20px; line-height:22px; margin-top:0; padding:0 5px;}
.cm_list > div:first-child {border:0;}
.cm_list > div .cm_answer {position:relative; border-top:1px dashed #ddd; margin-top:15px; padding-top:15px; padding-left:25px;}
.cm_list > div .cm_answer:before {content:''; background-position:-191px -38px; width:8px; height:10px; text-align:center; position:absolute; top:19px; left:10px;}
.cm_list > div .cm_answer > div {position:relative;}
.cm_list > div .cm_answer .writer_img {left:15px;}
.cm_list .cm_re_info, .cm_list .cm_re_input {margin-top:10px;}
.cm_list .cm_re_info > span {display:inline-block; position:relative; padding:0 12px;}
.cm_list .cm_re_info > span:first-child {padding-left:0;}
.cm_list .cm_re_info > span:before {content:''; background:#ccc; width:1px; height:12px; position:absolute; top:4px; left:0;}
.cm_list .cm_re_info > span:first-child:before {display:none;}
.cm_list .cm_re_input {position:relative; border:1px solid #ccc;}
.cm_list .cm_re_input span {display:block; text-align:right;}
.cm_list .cm_re_input textarea {width:100%; height:50px; background:#fff; border:0; border-bottom:1px solid #eee;}
.cm_list .cm_re_input input.btns {width:76px; height:36px; line-height:34px; background:#c00000; color:#fff; padding:0; margin:0; font-size:15px; position:relative; right:-1px;}
.cm_list .hide_view {display:none;}
.cm_list .hide_view.open {display:block;}

.cm_list > div > div .writer {color:#333;}
.cm_list .bt {position:relative; margin-left:10px; padding-left:10px;}
.cm_list .bt:before {content:''; display:block; background:#c4c4c4; width:1px; height:12px; position:absolute; top:0px; left:0;}
.cm_list p:first-child {font-weight:400;}
.cm_list p:first-child span.date {display:inline-block; font-size:13px; font-weight:300; color:#a4a5a3; margin-left:1%; letter-spacing:0;}
.cm_list .txt_con {margin:7px 0; color:#888; word-break:break-all;}
.cm_list .cm_none {text-align:center; color:#999; padding:25px 0; margin:50px 0; position:relative;}

/* popup ------------------------------- */
#popup_wrap table {width:100%; margin-top:0;}
#popup_wrap h2 {background:#30a0c3; padding:10px 15px; color:#fff; font-size:14px; font-weight:bold;}
#popup_wrap .pop_con {padding:20px;}
#popup_wrap .btn_close {position:absolute; top:10px; right:10px;}
#popup_wrap .btn_close input[type="image"] {width:17px;}
#popup_wrap .viewcon {min-height:150px;}
#popup_wrap .pop_con h3 {font-family:'Noto Sans KR', Arial, tahoma, Helvetica, sans-serif, Dotum; font-size:34px; margin-top:30px;}
#popup_wrap .pop_con h3:first-child {margin-top:0px;}
/* dim-layer */
.dim-layer {display:none; /* position:fixed; */ _position:absolute; top:0; left:0; width:100%; height:100%; z-index:10;}
.dim-layer .dimBg {position:absolute; top:0; left:0; z-index:9; width:100%; height:100%; background:#000; opacity:.5; filter:alpha(opacity=50);}
.dim-layer3 {display:none; /* position:fixed; */ _position:absolute; top:0; left:0; width:100%; height:100%; z-index:10;}
.dim-layer3 .dimBg3 {position:absolute; top:0; left:0; z-index:9; width:100%; height:100%; background:#000; opacity:.5; filter:alpha(opacity=50);}
/* 타이틀 */
.dim-layer h3 {font-size:18px; font-weight:bold; color:#fff; font-family:'Noto Sans KR', Arial, tahoma, Helvetica, sans-serif, Dotum; padding:12px 10px 12px 28px; background:#333 url(../DR0001IMG/pop_tit_icon.png) 15px 55% no-repeat; border-bottom:3px solid #990d0e;}
.dim-layer3 h3 {font-size:18px; font-weight:bold; color:#fff; font-family:'Noto Sans KR', Arial, tahoma, Helvetica, sans-serif, Dotum; padding:12px 10px 12px 28px; background:#333 url(../DR0001IMG/pop_tit_icon.png) 15px 55% no-repeat; border-bottom:3px solid #990d0e;}
/* 컨텐츠 레이어 */
.dim-layer3 .pop-layer {position:absolute;top:50%;left:50%;width: auto;height:auto;background:#fff;z-index:10;}
.dim-layer3 .pop-layer .pop-container {/* padding:20px 25px; */}

.dim-layer .pop-layer {position:absolute;top:50%;left:50%;width: auto;height:auto;background:#fff;z-index:10;}
.dim-layer .pop-layer .pop-container {/* padding:20px 25px; */}
.pop-layer p.ctxt {color:#666; line-height:25px;}
.pop-layer .pop-conts {padding:20px 25px;}
/* table and input */
.pop-conts table {width:100%;}
.pop-conts table:first-child {margin-top:0 !important;}
.pop-conts table td {padding-top:8px; padding-bottom:8px; font-weight:normal;}
.pop-conts input[type="text"] {border:1px solid #ccc; padding:5px;}
.pop-conts input.date_in {margin-right:3px;}
.pop-conts textarea {width:95%; box-sizing:border-box;}
.pop-layer .btn-r {width:100%; margin:10px 0 20px; padding-top:10px; border-top:1px solid #DDD; text-align:right;}
/* 버튼 */
a.btn-layerClose, a.btn-saveBtn {display:inline-block; font-size:13px; color:#fff; font-weight:bold; height:30px; line-height:33px; padding:0 14px;}
a.btn-layerClose {background:#333; border:1px solid #353535; }
a.btn-saveBtn {background:#aa2026; border:1px solid #a21a20;}
a.btn-layerClose:hover, a.btn-saveBtn:hover {opacity:0.9;}
.h20 {height:20px;}
/* 레이어팝업 텝 */
.tabs_menu{width:100%;overflow:hidden;margin-top: 20px;}
ul.tabs{margin: 0px;padding: 0px;list-style: none;width:90%;margin: 0 auto;}
ul.tabs li{background: none;color: #222;display: inline-block;cursor: pointer;width: 49.8%;float: left;text-align: center;padding: 10px 0;font-size: 17px;font-weight: bold;border: 1px solid #ddd;margin-left: -1px;}
ul.tabs li.current{background: #383838;color: #fff;border: 1px solid #383838;}
.tab-content{display: none;padding: 15px;}
.tab-content.current{display: inherit;}

/*아기정보 탭*/
.baby_tab{width:100%;background-color: #444a50;margin-top: 40px;margin-bottom: 20px;}
.baby_list{width:100%; overflow:hidden;}
.baby_list li{float:left; width:20%;}
.baby_list li a{font-size: 16px;display: block;text-align: center;padding: 15px 10px;border: 1px solid #2a333a;margin-left: -1px;color: #fff;}
.baby_list li:first-child a{margin-left:0px;}
.baby_list li.on a{background-color: #d84243;color:#fff;border: 1px solid #d84243;}

.baby_tab1{width:100%;margin-top: 40px;margin-bottom: 20px;}
.baby_list1{width:100%; overflow:hidden;}
.baby_list1 li{float:left;width: 50%;}
.baby_list1 li a{font-size: 16px;display: block;text-align: center;padding: 15px 10px;border: 1px solid #a1a2a2;margin-left: -1px;color: #555;background-color: #fff;}
.baby_list1 li:first-child a{margin-left:0px;}
.baby_list1 li.on a{background-color: #444a50;color:#fff;border: 1px solid #444a50;}
.baby_list1 li:hover a{background-color: #444a50;color:#fff;border: 1px solid #444a50;}

.cat_tab{width:100%;overflow: hidden;margin-top: 20px;margin-bottom: -10px;}
.cat_tab li{width:50%;float:left;margin-left: -1px;}
.cat_tab li:first-child{margin-left:0;}
.cat_tab li a{text-align: center; display: block; font-size: 15px; border: 1px solid #ddd; padding: 7px 10px;}
.cat_tab li.on a{background-color: #383838;color: #fff;border: 1px solid #383838;}
.cat_tab li a:hover{background-color: #383838; color: #fff; border: 1px solid #383838;}


.wi_l{width:30% !important; float:left;}
.wi_c{width:40% !important; float:left; text-align:center;}
.wi_c span{font-size:25px; font-weight:bold;}
.wi_c input{border:none;background-color: #fff;padding: 10px;vertical-align: super;color: #7b7b7b;}
.wi_r{width:30% !important; float:left;}

.bo_01_pop{padding:20px;width:auto;overflow: auto;}
.bo_01_pop table{margin-top:0;}

.airquality .title {font-size:18px; font-weight:500; position:relative; padding-left:25px;}
.airquality .title::before {content:''; position:absolute; top:4px; left:0; width:10px; height:10px; background:#fff; border:5px solid #d74140; border-radius:50%;}
.infoview > ul {font-size:0; margin-top:20px;}
.infoview > ul > li {float:left; width:10.5%; margin-left:0.6875%; display:inline-block; font-size:12px; text-align:center; letter-spacing:0; vertical-align:top; *display:inline; zoom:1;}
.infoview > ul > li:first-child {margin-left:0;}
.infoview > ul > li .inner {border:2px solid #e0e2ec; box-shadow:0px 2px 5px rgba(0,0,0,0.08); border-radius:5px; overflow:hidden;}
.infoview > ul > li .inner span {display:block; background:#f9fafe; border-bottom:1px solid #e0e2ec; padding:5px;}
.infoview > ul > li .inner strong {display:block; font-size:16px; padding:10px 5px;}