@charset "utf-8";

/*210115 아동총회*/
.vid{width: 71%; margin: 0 auto; border: 3px solid #d4499a; border-radius: 25px; padding: 20px 0; text-align:center;}
.vid_tit{width: 71%; margin: 0 auto; background: #d4499a; color: #fff; font-size: 25px; display: block; margin-bottom: 10px;border-radius: 25px; padding: 10px 0 10px 10px;}
.vid iframe{width: 85%;}

/*팝업__20200908추가*/
.pop_200907_wrap{display: block;width:100%;max-width:1000px;margin:0 auto;}
.pop_200907_wrap > img{width:100%;}

/*0101_인사말*/
.vip .greetingsBox{}
.vip .greetings{width: 100%;}
.vip .greetImg {height: 416px; background-repeat: no-repeat; background-position: 0 50%; position: relative;}
.vip .greetBrMo{display:none}
.vip .greetMoTop{position: absolute; top: 55%; right: 6vw; transform: translateY(-50%); display: inline-block; }
.vip .greetMoTop h4.txt1{font-size: 1.5rem;font-family: 'GmarketSans'; color: #1a1a1a; margin-bottom: 0;}
.vip .greetMoTop h4.txt1 .txt_blue{color: #1170c5;}
.vip .greetMoTop h5.txt2{font-size: 1rem; color: #1a1a1a; margin: 37px 0;}
/*
.vip .greetMoTop h4::before{content: url(/images/web/ncrc/sub_cnt/before_quote.png);position: absolute;left: 0;}
.vip .greetMoTop h4::after{content: url(/images/web/ncrc/sub_cnt/after_quote.png);position: absolute;right: 0; top: 45%;}
*/
.vip  p{font-size: 16px; word-break: keep-all;}
.vip .greetMoBtm { margin: 45px 0; }
.vip .greetMoBtm p.sign{text-align: right;}
.vip .greetMoBtm .sign span{vertical-align: middle;padding-left: 30px;padding-right: 15px;}
.vip .gray_box { margin-bottom: 40px; padding: 2vw; background: #f6f6f6; font-size: 16px; color: #1a1a1a; line-height: 2.2; }
.vip .gray_box p + p { margin-top: 12px; }
.vip .gray_box p { position: relative; padding-left: 50px; } 
.vip .gray_box p b { position: absolute; top: 0; left: 0; } 


/*0102 부원장인사말*/
/*20230203 수정 현재 사용하지 않음*/
/*
.greetingsBox{position:relative}
.greetings{width: 100%;height: 860px;}
.greetImg img{width:100%}
.greetMoTop{position: absolute; top: 10%; width: 60%; right: 0; padding-left: 80px;}
.greetMoBtm{position: absolute; top: 42%; width: 52.5%; right: 0;}
.greetBrMo{display:none}
.greetMoTop h4.txt1{font-size: 38px;font-family: 'GmarketSans';margin-bottom: 0;}
.greetMoTop h4.txt1 .txt_blue{color: #1170c5;}
.greetMoTop h4::before{content: url(/images/web/ncrc/sub_cnt/before_quote.png);position: absolute;left: 0;}
.greetMoTop h4::after{content: url(/images/web/ncrc/sub_cnt/after_quote.png);position: absolute;right: 0; top: 45%;}
.greetMoTop h5.txt2{font-size: 22px;margin: 37px 0;}
.greetMoBtm p{font-size: 18px;}
.greetMoBtm p.sign{text-align: right;}
.greetMoBtm .sign span{vertical-align: middle;padding-left: 30px;padding-right: 15px;}
*/
/*역대원장, 역대부원장 230427추가*/
.flex_box { display: flex; }
.exvip { justify-content: space-between; }
.exvip .half { width: 500px; }
.exvip .pic { width: 180px; height: 220px; background-repeat: no-repeat; background-size: cover; background-position: 50% 50%; background-color: #ddd; margin-right: 40px; }
.exvip .info p { margin-top: 10px; font-size: 21px; font-weight: 500; color: #222; }
.exvip .info p span { color: #0d75d6; }
.exvip .info b { font-size: 18px; font-weight: 500; color: #666; }
.exvip .border { width: 50px; height: 1px; background: #004a80; margin: 15px 0; }


/*약력 230427추가*/
.prof { margin: 200px 0; height: 414px; background:url('/images/web/ncrc/sub_cnt/prof_bg.png') no-repeat 50% 50%; position: relative; }
.prof .pic { width: 425px; height: 443px; background-repeat: no-repeat; background-position: 50% 100%; position: absolute; right: 8%; bottom: 0; }
.prof .info { position: absolute; left: 10%; top: 50%; transform: translateY(-50%); }
.prof .info p { font-size: 30px; font-weight: 700; color: #222; }
.prof .info p span { font-size: 25px; font-weight: 300; color: #003333; }
.prof .info .border { margin: 25px 0 30px; width: 380px; height: 1px; background: #ccc; }
.prof .info ul li { margin-bottom: 10px; font-size: 16px; color: #222; }

/*아동권보원 소개*/
.icbox_type01{width:98%; height:100%; padding:25px 10px 10px 10px; border:1px solid #dae0e5; min-height:220px; }
.icbox_type01 p{text-align: center; }
.icbox_type01 p::after{display: block; position: relative; background:#2e9aff; width:5px; height:5px; top:15px; left:50%; content:''; border-radius:50%; }
.icbox_type01 span.span_desc{display: block; margin-top:25px; text-align:center; color:#25292d; font-size:0.7rem; letter-spacing:-1px; font-weight:bold; }
.icbox_type01 span.span_desc_sm{font-size:0.6rem; font-weight:normal; }
.icbox_type01 span a{display: block; padding-top:5px; font-weight:normal; text-decoration: underline; color:#236de8; }
.icbox_wrap ul{display:block; overflow:hidden; }
.icbox_wrap ul li{position:relative; display:block; float:left; width:20%; margin-top:5px; }
.icbox_wrap ul + ul{padding-top:5px; clear:both; overflow:hidden; margin-bottom:30px; }
.icbox_wrap ul li div.hid_desc{position:absolute; top:50%; left:50%; width:0; height:0; opacity:0; visibility: hidden; z-index:1; background:#0e2751; width:98%; height:60%; padding:25px 10px 10px 10px; min-height:150px; color:#fff; font-size:0.6rem; font-weight:normal; -webkit-transform:translate(-50%, -50%); transform:translate(-50%, -50%); -webkit-transition:all .3s; transition:all .3s; }
.icbox_wrap ul li.active div.hid_desc{opacity:1; width:100%; height:100%; visibility: visible; }
.hid_desc span{display: block; }
div.active .hid_desc{display:block}


/*0101_이력*/ /*0103_연혁 공통사용*/
.gre_history {position:relative; }
.gre_history::before {content:''; position:absolute; top:0; left:2.5rem; display:block; width:2px; height:100%; background:url('/images/web/ncrc/sub_cnt/history_line.gif') repeat-y; }
.gre_history .history_txt { position:relative; padding-left:6rem; margin-bottom:3.5rem; }
.gre_history .history_txt:before{content:""; display:block; position:absolute; top:0; left:2.5rem; width:2px; padding-bottom:120px; background:#3d72e3; }
.gre_history .history_txt:after{content:''; position:absolute; top:0; left:2.5rem; margin-left:-5px; display:block; width:13px; height:13px; background:#3d72e3; border-radius:50%; }
.gre_history .history_txt ul {margin-left:5px; }
.gre_history .history_txt ul li{position:relative; min-height:1rem; margin-bottom:20px; padding-left:5.1rem; font-size:0.85rem; color:#222; line-height:20px; }
.gre_history .history_txt.y-mList ul li{padding-left:11rem;}
.gre_history .history_txt ul li span{position:absolute; left:0.75rem; top:0; font-weight:600; vertical-align:top; }
.gre_history .history_txt h3.h3_icon {position:relative; font-family: 'GmarketSans'; margin-bottom:1.5rem; padding-left:4.5rem; font-size:1.5rem; color:#222; line-height:80px; }
.gre_history .history_txt h3.h3_icon:before{content:''; display:block; position:absolute; top:0; left:0; width:4rem; height:4rem;}
.gre_history .history_txt h3.h3_icon.icon01:before{background:url('/images/web/ncrc/sub_cnt/gre_history_icon1.png') no-repeat center top; background-size:cover;}
.gre_history .history_txt h3.h3_icon.icon02:before{background:url('/images/web/ncrc/sub_cnt/gre_history_icon2.png') no-repeat center top; background-size:cover;}
.gre_history .history_txt ul .long{position:relative; min-height:1rem; margin-bottom:20px; padding-left:8rem; font-size:0.85rem; color:#222; line-height:20px; }

/*0103_연혁*/
.gre_history .history_txt h3.tit_year{font-size:2rem; font-weight: bold; color:#0d75d6; padding:0 0 10px 0; }
.gre_history .history_txt .list_st1 .span_desc {line-height:32px; color:#666; }

/*0104_조직구성*/
.org_chat { position: relative; padding-bottom:30px; font-weight:400; }
.org_chat:before {content:""; position:absolute; left:50%; top:0; height:19.8rem; width:1px; background:#777;}
.org_chat .chatBox{position:relative;}
.org_chat h2 {position:relative; display:block; width:7rem; height:7rem; margin:0 auto 3.5rem; border-radius:50%; line-height:7rem; text-align:center; background:#004a80; color:#fff; z-index:1;}
.org_chat h3 {position:relative; display:block; width:10rem; height:3.25rem; line-height:3.25rem; margin:6rem auto 0; border-radius:50px; text-align:center; background:#1170c5; color:#fff; z-index:1;}
.org_chat h3 strong {display:block; margin-top:10px; font-size:24px; }
.org_chat p a{display:inline-block; width:10rem; padding:10px 0; border:1px solid #1b5987; font-size:0.9rem; text-align:center; background:#407eac; color:#fff; }
.org_chat p.box_green a{border-color:#0a8460; background:#0a8460; color:#fff; }
.org_chat p.box_blue a{border-color:#286b95; background:#286b95; color:#fff; }
.org_chat p.box_gray a{border-color:#ddd; background:#eaeaea; }
.org_chat p.box_pink a{border-color:#f7679a; background:#f7679a; color:#fff; }
.org_chat .center{position: relative; z-index: 10; width:50%; height:100%; margin:0 auto; text-align:center; }
.org_chat .h2{display:block; width:140px; height:140px; margin:0 auto; border-radius:140px; line-height:100%; text-align:center; background:#d72861; color:#fff; }
.org_chat a:focus p{ display:inline-block; }
.org_chat .rightBox {position: absolute; top:0; right:10%; width:40%; }
.org_chat .rightBox p{text-align:right; background:url('/images/web/ncrc/sub_cnt/line_gray_777.gif') repeat-x center; }
.org_chat .rightBox.org01 p{margin:.5rem 0; }
.org_chat .rightBox.org02 p{margin:4.5rem 0; }
/*
.org_chat .bot_chat{position: relative; width:100%; margin-top:6rem; }
.org_chat .bot_chat::before{position: absolute; left:12.5%; width:75%; height:1px; background:#ddd; content:""; }
.org_chat .bot_chat .list{float:left; position: relative; width:23%; margin: 0 1%; padding-top:50px; line-height:1.2; background:url('/images/web/ncrc/sub_cnt/line_gray.gif') repeat-y center; }
.org_chat .bot_chat .list a{display:block;}
.org_chat .bot_chat .box {width:70%; margin:0 auto;}
.org_chat .bot_chat .box > a{padding:15px 0; font-size:0.75rem; text-align:center; background:#2d3345; color:#fff; }
.org_chat .bot_chat .box ul{overflow:hidden; width:100%; margin:10px auto 0; border:1px solid #ddd; text-align:center; }
.org_chat .bot_chat .box ul li{float:left; width:100%; }
.org_chat .bot_chat .box ul li a{display:block; padding:10px;border-top:1px solid #ddd; font-size:14px; background:#f6f9fc; }
.org_chat .bot_chat .box ul li:first-child a{border-top:0; }
*/

.org_chat .bot_chat{position: relative; width:100%; margin-top:6rem;}
.org_chat .bot_chat::before{position: absolute; left:50%; transform: translateX(-50%); width:81%; height:1px; background:#777; content:""; }
.org_chat .bot_chat > ul { display:flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-start;}
.org_chat .bot_chat .list{ width: 19%;padding-top:50px;line-height:1.2; position: relative; }
.org_chat .bot_chat .list::before { content: ""; position: absolute; top:0; left: 50%; width: 1px; height: 100%; background: #777; max-height: 490px; }
.org_chat .bot_chat .list:nth-of-type(1)::before { content: ""; position: absolute; top:0; left: 50%; width: 1px; height: 100%; background: #777; max-height: 316px; }
.org_chat .bot_chat .list:nth-child(3)::before { content: ""; position: absolute; top:0; left: 50%; width: 1px; height: 100%; background: #777; max-height: 608px; }

.org_chat .bot_chat .list:last-child::before { max-height: 327px; }
.org_chat .bot_chat .list a{display:block;}
.org_chat .bot_chat .box {width:90%; margin:0 auto;}
.org_chat .bot_chat .box > a{padding:15px 0; font-size:0.75rem; text-align:center; background:#2d3345; color:#fff; }
.org_chat .bot_chat .box ul{ width:100%; margin:10px auto 0; border:1px solid #ddd; text-align:center; }
.org_chat .bot_chat .box ul li{float:left; width:100%; }
.org_chat .bot_chat .box ul li a{display:block; padding:10px;border-top:1px solid #ddd; font-size:14px; background:#f6f9fc; }
.org_chat .bot_chat .box ul li:first-child a{border-top:0; }

.org_find_area{border:1px solid #eee; padding:10px; }
.org_find_area p{text-align:right; }
.org_find_area p input {height: 28px; line-height: 28px; box-sizing: border-box; vertical-align: top; margin: 1px;border-radius:28px;}

.org_chat .bot_chat .box p.org_rig_box{width:45%; float: right; position: relative; background-color: #fff; }
.org_chat .bot_chat .box p.org_rig_box::before{position: absolute; top:50%; left:-12%; width:12%; height:1px; background:#777; content:""; }
.org_chat .bot_chat .box p.org_rig_box a{width:auto; display: block; font-size:0.75rem; margin:10px -10px 10px 0; }

/*210608 수정*/
.fiMember .org_chat:before{height:21.1rem}
.fiMember .org_chat h2{background:url('/images/web/ncrc/sub_cnt/top_circle.png') no-repeat center;background-size:100%;color:#101010;width:166px;height:166px;line-height:166px}
.fiMember .org_chat h3{background:url('/images/web/ncrc/sub_cnt/s_blue_border.png') no-repeat center;width:206px;height:95px;line-height:95px;background-size:100%}
.fiMember .org_chat .rightBox.org01 {margin-top: 8.5rem;}
.fiMember .org_chat .rightBox.org03 { margin-top: 2rem; }
.fiMember .org_chat p.box_green a{background:url('/images/web/ncrc/sub_cnt/blue_circle_border2.png') no-repeat center;width:210px;height:88px;line-height:88px;background-size: 100%;padding:0;border:none;position:relative; z-index: 99}
.fiMember .org_chat .rightBox.org01_1{left:10%; margin-top: 6rem;}
.fiMember .org_chat .rightBox2.org01_1 p.box_green{text-align:left;margin-top:0.6rem}
.fiMember .org_chat .rightBox2.org01_1 p.box_green a{background:url('/images/web/ncrc/sub_cnt/blue_circle_border1.png') no-repeat center;background-size:100%;}
.fiMember .org_chat p.box_pink a{background:url('/images/web/ncrc/sub_cnt/green_circle_border.png') no-repeat center;width:210px;height:88px;line-height:88px;background-size: 100%;padding:0;border:none}
.fiMember .org_chat .bot_chat{margin-top:1rem}
.fiMember .org_chat .bot_chat .box > a{background:#fff;border:2px solid #6b9ecd;color:#101010;font-weight:bold;border-radius:64px;padding:21.5px 0;position:relative}
.fiMember .org_chat .bot_chat .box > a:before{content:'';position:absolute;left:50%;transform:translateX(-50%);top:-6px;width:10px;height:10px;border-radius:100%;border:2px solid #6b9ecd;background:#fff}
.fiMember .org_chat .bot_chat .box ul li a{background:#fff;border:2px solid #777;color:#101010;border-radius:64px;padding:21.5px 0}
.fiMember .org_chat .bot_chat .box ul{border:none;margin-top:0}
.fiMember .org_chat .bot_chat .box ul li{position: relative; margin-top:20px; z-index: 2;}
.fiMember .org_chat .bot_chat .box p.org_rig_box{width:54.4%;left:11%}
.fiMember .org_chat .bot_chat .box p.org_rig_box a{background:none;border:2px solid #2ca0bd;color:#404040;padding:11px 0;border-radius:64px;position:relative}
.fiMember .org_chat .bot_chat .box p.org_rig_box a:before{content:'';position:absolute;left:-6px;top:50%;transform:translateY(-50%);width:10px;height:10px;border-radius:100%;border:2px solid #2ca0bd;background:#fff}

/*0105_CI*//*200701추가 98줄*/
.al_center {text-align: center; }
.con_com_st a.big {padding:15px 4.45rem 15px 4.7rem}
.cibox .list_st1 > li{background: none;width:33%;text-align: center;}
/*0106_오시는길*/
.bor_im {border:1px solid #eaeaea; padding:2em; }
/*210506 드림스타트 수정 */
.loBox{position: relative; overflow: hidden;}
.loBox .subLogo{width: 30%; float: left; margin-right: 3%;}
.loBox .logo03{margin-right: 0;}

/* FAQ게시판 */
.faqList dl{border-bottom:1px solid #ccc; }
.faqList dl:first-child{border-top:1px solid #ccc; }
.faqList dt a{ position:relative; display:block; background:#eee; font-size:0.9rem; line-height:1.5rem; color:#000; padding:0.9rem 3rem 0.9rem 1.2rem; word-break:keep-all; }
.faqList dt a span{position:absolute; right:1.2rem; top:0.9rem; width:1.5rem; height:1.5rem; border-radius:2px; background:#7f8f9e}
.faqList dt a span:before{content:""; position:absolute; right:0; top:0; width:100%; height:100%; background:url('/images/web/ncrc/sub_cnt/btn_arr_wh.png') no-repeat center; }
.faqList dt a:hover,
.faqList dt a:focus{background:#759bbd; color:#eee; font-weight:400; }
.faqList dt a:hover span,
.faqList dt a:focus span{background:#dcdee0; }
.faqList dt a:hover span:before,
.faqList dt a:focus span:before,
.faqList dl.active dt a span:before{background:url('/images/web/ncrc/sub_cnt/btn_arr_bk.png') no-repeat center; }
.faqList dl.active dt a{background:#1170c5; color:#fff; font-weight:400; }
.faqList dl.active dt a span{background:#fff; }
.faqList dl.active dt a span:before{ transform:rotate(180deg); -webkit-transform:rotate(180deg); }
.faqList dd{display:none; padding:1.5rem; }
.faqList a, .faqList span, .faqList :before{transition: all .3s ease; -webkit-transition: all .3s ease; }


/*다함께돌봄사업_센터현황*/
.map_view {position:relative; min-height:500px; overflow:hidden; }
.content_wrap {padding-right:420px; }

/* 지도*/
.map_choi{position:absolute; top:0; right:0; width:400px; height:auto; }
.map_choi h4{position:absolute; width:90px; right:0; top:30px; line-height:22px; padding:23px 0; color:#fff; font-size:20px; font-weight:400; text-align:center; background:#2e95fe; z-index:3; }
.map_choi h4 span{display:block; }
.map_choi .map_wrap{position:relative; margin:45px 0 0; text-align:center;
	background: -webkit-gradient(linear, left top, right top, color-stop(0, #d2edff), color-stop(1, #9fc4ff)) ;
	background: -ms-linear-gradient(left,  #d2edff 0%, #9fc4ff 100%);
	background: linear-gradient(left,  #d2edff 0%, #9fc4ff 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d2edff', endColorstr='#9fc4ff', gradientType=1);
	}
.map_choi .map_wrap .positn_list{position:absolute; left:0; top:0; width:100%; height:100%; z-index:1; }
.map_choi .map_wrap .map_img{position:relative; z-index:0; }
.map_choi .map_wrap .map_img img{max-width:100%; height:auto; }
.map_choi .map_wrap ul{position:relative; width:100%; height:100%; overflow:hidden; }
.map_choi .map_wrap li{position:absolute; }
.map_choi .map_wrap li a{display:block; line-height:14px; position:relative; color:#0c355e; font-size:11px; letter-spacing:-0.5px; font-weight:600; }
.map_choi .map_wrap li a.on{color:#fff; text-shadow:0px 0px 2px #000; }
.map_choi .map_wrap li.map_1{top:23%; right:62%; }
.map_choi .map_wrap li.map_2{top:28%; right:55%; }
.map_choi .map_wrap li.map_3{top:23%; right:70%; }
.map_choi .map_wrap li.map_4{top:18%; right:45%; }
.map_choi .map_wrap li.map_5{top:42%; right:68%; }
.map_choi .map_wrap li.map_6{top:43%; right:60%; }
.map_choi .map_wrap li.map_7{top:38%; right:52%; }
.map_choi .map_wrap li.map_8{top:40%; right:60%; }
.map_choi .map_wrap li.map_9{top:66%; right:34%; }
.map_choi .map_wrap li.map_10{top:59%; right:29%; }
.map_choi .map_wrap li.map_11{top:54%; right:40%; }
.map_choi .map_wrap li.map_12{top:43%; right:37%; }
.map_choi .map_wrap li.map_13{top:64%; right:45%; }
.map_choi .map_wrap li.map_14{top:74%; right:65%; }
.map_choi .map_wrap li.map_15{top:66%; right:64%; }
.map_choi .map_wrap li.map_16{top:56%; right:61%; }
.map_choi .map_wrap li.map_17{top:92%; right:69%; }
.map_choi .list_wrap{display:none; margin:10px 0 0; border-left:1px solid #ccc; border-top:1px solid #ccc; overflow:hidden; }
.map_choi .list_wrap ul li{width:16.66%; float:left; }
.map_choi .list_wrap ul li a{display:block; line-height:35px; text-align:center; border-right:1px solid #ccc; border-bottom:1px solid #ccc; }
.map_choi .list_wrap ul li a:hover{background:#c9ebff; }
.map_choi .list_wrap ul li a.on{background:#004a96; color:#fff; }

.map_choi .list_wrap{display:none; margin:10px 0 0; border-left:1px solid #ccc; border-top:1px solid #ccc; overflow:hidden; }
.map_choi .list_wrap ul li{width:16.66%; float:left; }
.map_choi .list_wrap ul li a{display:block; line-height:35px; text-align:center; border-right:1px solid #ccc; border-bottom:1px solid #ccc; }
.map_choi .list_wrap ul li a:hover{background:#c9ebff; }
.map_choi .list_wrap ul li a.on{background:#004a96; color:#fff; }

/*총건 페이지*/
.board_top {margin-top:60px}
.board_top {overflow:hidden; margin:26px 0}
.board_top p {font-size:0.9rem; color:#1d1614}
.board_top p span {font-weight:600; color:#e5271e}
.board_top .total {float:left; }
.board_top .current {float:right}

/*게시판 list*/
.board_list {  border-top:1px solid #132331; margin-top:26px; }
.board_list table {table-layout:fixed; }
.board_list thead th {position:relative; padding:19px 0 29px; font-size:0.9rem; }
.board_list thead th::after {position:absolute; left:0; bottom:10px; width:100%; height:1px; background:#e4e4e4; content:''}
.board_list tbody tr.active,.board_list tbody tr:hover {box-shadow:0px 2px 11px 0px rgba(50, 50, 50, 0); -webkit-box-shadow:0px 2px 11px 0px rgba(50, 50, 50, 0.3);
  -moz-box-shadow:0px 2px 11px 0px rgba(50, 50, 50, 0.3); }

.board_list tbody tr.active a {text-decoration:underline}
.board_list td {text-align:center; color:#666; font-size:16px; border-bottom:1px solid #e4e4e4}
.board_list td.no-search {padding: 15px 0 20px; }
.board_list td strong.division { display:none}
.board_list .tit { text-align:left; font-family:NotoM; color:#333; }
.board_list .tit a {display:inline-block; padding:16px 0 17px; width:90%; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; color:#333; vertical-align:middle; font-weight:600; }

.board_list .txt_over { width:90%; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }

.board_list .date span {font-size:14px; color:#707786}
.board_list [class^="category"] span {display:inline-block; min-width:47px; height:24px; line-height:24px; border-radius:3px; font-size:1.4rem; color:#fff; text-align:center; padding:0 .5rem}/*190715 수정*/
.board_list .category1 span {background:#00407c}
.board_list .category2 span {background:#0564ac}
.board_list .category3 span {background:#0c9390}
.board_list .category4 span {background:#757e90}
.board_list .answer {color:#c8d1de; font-size:16px; }
.board_list .answer.end {color:#0564ac}
.board_list .current-state {color:#0564ac}
.board_list .current-state.end {color:#e5451a}
.board_list td.notice {font-size:0.9rem; }
.board_list .type span {display:block; width:11rem; margin:auto; background:#757e90; color:#fff; padding:2.5rem 0; font-size:16px; transition:background .4s}
.board_list .txt a {position:relative; display:block; padding:3rem 1.5rem}
.board_list .txt div:after{display:block; clear:both; content:''}
.board_list .txt div > * {float:left}
.board_list .txt div strong {font-size:0.9rem; color:#333; }
.board_list .txt .util {font-size:16px; color:#666}
.board_list .txt .util .author {margin-right:1rem}
.board_list .txt .util p i {font-size:16px; color:#c8d1de; margin-right:.4rem}
.board_list .txt .util p span {color:#707786; }
.board_list .txt a > p {clear:both; font-size:0.9rem; color:#999; margin:.6rem 0}
.board_list .txt .keyword {margin:-2px 0 0 11px; }
.board_list .txt .keyword span {display:inline-block; padding:4px 5px; background:#757e90; color:#fff; }
.board_list .txt .keyword span + span {margin-left:6px}
.board_list tbody tr:hover .type span,.board_list tbody tr.active .type span{background:#006cc8}

.board_list .link a + a {margin-left:3.4rem}
.board_list [class^='category'] span { font-size:14px; }

/* 페이징 */
.BD_paging {position:relative; margin-top:15px; font-size:13px; text-align:center; }
.BD_paging a {width:35px; line-height:33px; display:inline-block; margin-right:-1px; padding:0; color:#666; text-align:center; vertical-align:middle; border:1px solid #9298af; }
.BD_paging a.on {font-weight:400; color:#fff; text-decoration:underline; border-color:#0467b3; background:#0467b3; }

/*020301_아동학대 신고*/
.reporting {position:relative; width:100%; height:200px; }
.reporting .img_wrap {position:absolute; left:0; top:0; }
.reporting .cont_wrap {padding-left:200px; }


/*020301_설치현황 검색*/
.map_srch .btnSearch {background:#06C; padding:5px 10px; vertical-align:middle; color:#fff; }
.map_srch .label_txt {font-size:16px; color:#333; padding-left:20px; }


/*020301_아동학대관련법*/
.num_list_t {overflow:hidden; }
.num_list_t li {position:relative; width:22%; padding:10px 4% 10px 0; float:left; font-size:16px; color:#333; }
.num_list_t li:before {content:""; display:block; clear:both; position:absolute; right:10px; top:50%; width:27px; height:18px; margin-top:-9px; background:url('/images/web/ncrc/sub_cnt/bg_arr_t.png') no-repeat left top; }
.num_list_t li.last {padding-right:0; }
.num_list_t li.last:before {display:none; }
.num_list_t li .ol_txt {position:relative; padding:15px 15px 15px 75px; height:100px; border:1px solid #d3d3d3; }
.num_list_t li .ol_txt span {position:absolute; left:10px; top:-10px; display:block; width:50px; height:50px; line-height:50px; color:#fff; text-align:center; font-weight:600; z-index:2; }
.num_list_t li .ol_txt span.num_navy {background:#22499B}
.num_list_t.w30 li {width:29%; padding:10px 4% 10px 0; }
.nL_h1 p.ol_txt { min-height:70px}
.num_list_t li div.box {position:relative; min-height:95px; padding:15px; border:1px solid #d3d3d3; background:#fbfbfb; margin-top:10px; font-size:14px}


/*020301_통계*/
.title_g {font-family:'GmarketSans'; font-size:40px; font-weight:bold; }
.title2_g1 {font-family:'GmarketSans'; }

/* animation */
.mtBox *[class*="mot"]{opacity:0; }
.mtBox *[class*="mot"][class$="-left"]{transform:translateX(-50px); -webkit-transform:translateX(-50px); }
.mtBox *[class*="mot"][class$="-right"]{transform:translateX(100px); -webkit-transform:translateX(100px); }
.mtBox *[class*="mot"][class$="-top"]{transform:translateY(-30px); -webkit-transform:translateY(-30px); }
.mtBox *[class*="mot"][class$="-bottom"]{transform:translateY(30px); -webkit-transform:translateY(30px); }

.mtBox.active *[class*="mot"]{opacity:1; transition:all .5s ease-out; -webkit-transition:all .5s ease-out; }
.mtBox.active *[class*="mot1"]{ transition-delay:0s; -webkit-transition-delay:0s; }
.mtBox.active *[class*="mot2"]{ transition-delay:.45s; -webkit-transition-delay:.45s; }
.mtBox.active *[class*="mot3"]{ transition-delay:.9s; -webkit-transition-delay:.9s; }
.mtBox.active *[class*="mot4"]{ transition-delay:1.1s; -webkit-transition-delay:1.1s; }
.mtBox.active *[class*="mot5"]{ transition-delay:1.45s; -webkit-transition-delay:1.45s; }
.mtBox.active *[class*="mot6"]{ transition-delay:1.9s; -webkit-transition-delay:1.9s; }

.mtBox.active *[class*="mot"][class$="-left"]{transform:translateX(0px); -webkit-transform:translateX(0px); }
.mtBox.active *[class*="mot"][class$="-right"]{transform:translateX(0px); -webkit-transform:translateX(0px); }
.mtBox.active *[class*="mot"][class$="-top"]{transform:translateY(0px); -webkit-transform:translateY(0px); }
.mtBox.active *[class*="mot"][class$="-bottom"]{transform:translateY(0px); -webkit-transform:translateY(0px); }
.mtBox.active *[class*="mot"][class$="-contShow"]{width:100%; transition:all 1s ease; -webkit-transition:all 1s ease; }


/*020301_1 드림스타트CI 패턴*/
.pttrn_wrap {width:100%; margin:20px auto 20px; font-size:0; line-height:0; border:1px solid #ccc; text-align:center; background:url('/images/web/ncrc/sub_cnt/pttrn_symbol.gif'); box-shadow: 5px 5px #ccc; }

/*연혁*/
.historyList {overflow:hidden; text-align:center; background:url('/images/web/ncrc/sub_cnt/his_bg.png') no-repeat left top; }
.historyList h3 {position:relative; width:15rem; height:10.8rem; margin:0 auto; padding:3.7rem 0; line-height:2.5rem; font-size:1.4rem; font-weight:400; color:#fff; text-align:center; background:url('/images/web/ncrc/sub_cnt/history_title.png') no-repeat center; background-size:contain;}
.historyList h3 span {position:relative; display:block; font-size:0.9rem; line-height:1.3; font-weight:200; color:#e4f3ff; letter-spacing:0; }
.historyList .list{width:100%; font-size:0.75rem; overflow:hidden; background:url('/images/web/ncrc/sub_cnt/bg_history_line.png') repeat-y center; padding:30px 0 0; }
.historyList .list .right{width:50%; margin-right:13px; float:right; background:url('/images/web/ncrc/sub_cnt/history_right_bg.png') no-repeat left 25px; }
.historyList .list .right ul{float:right; text-align:left; }
.historyList .list .left{width:50%; margin-left:13px; float:left; background:url('/images/web/ncrc/sub_cnt/history_left_bg.png') no-repeat right 25px; }
.historyList .list .left ul{float:left; text-align:right; }
.historyList .list ul{width:80%; padding:1rem 1.5rem; background:#fff; border-bottom:1px dashed #b6cbe2; }
.historyList .list ul li{line-height:1.4; margin:0.5rem 0; }
.historyList .list ul li.tit{font-size:1.6rem; font-weight:600; color:#0a80bd; margin-bottom:10px; }
.historyList .list ul li > span{font-weight:bold; margin-right:8px; color:#015ac1; }
.historyList .list .first ul{border-bottom:1px dashed #1991cb; }

/*020402_위탁가정*/
.li_20 {overflow:hidden; }
.li_20 dl{clear:both; margin-bottom:8px; margin-top:20px; }
.li_20 dl dt{float:left; width:15%; text-align:center; background:#1170c5; padding:3px; margin:0 10px 15px 0; color:#fff; font-size:16px; }
.li_20 dl dt{vertical-align:middle; line-height:55px; }
.li_20 dl dd{line-height:55px; font-size:16px; vertical-align:middle; display:table-cell; }

/*020402_부모교육유형*/
.txt_w {position:relative; overflow:hidden; }
.txt_w .right_cont {position:absolute; left:0; top:0; }
.txt_w .cont_wrap {padding-left:200px; }
.txt_w .cont_wrap.last {height:70px; }
.txt_w .cont_wrap.last p {line-height:70px; }
.txt_w .right_cont .bg_rc {padding:25px 30px; border-radius:10px; }
.txt_w .right_cont .bg_rc span {color:#fff; font-size:16px; text-align:center; }

.txt_w .bg_b {background:#1170c5; }
.txt_w .bg_y {background:#f39038; }
.txt_w .bg_g {background:#169a3e; }
.txt_w .bg_p {background:#e568b2; }
.txt_w .bg_r {background:#ec5160; }

/*2006_보호대상아동의 보호를 위한 예비부모 모집*/
.subBox {position:relative; width:100%; text-align:center; margin:auto 0; }
.subBox .box_bg{width:100%; height:370px; background:url('/images/web/ncrc/sub_cnt/img_0206_1.png') no-repeat center bottom; background-size:cover; font-size:0; z-index: -1000000; }
.subBox .bottom_txt{position:relative; margin:-100px 50px 0; height:580px; background:#fff; border:1px solid #ddd; }
.subBox .bottom_txt::after{content:""; position:absolute; right:8%; bottom:-9px; width:295px; height:195px; background:url('/images/web/ncrc/sub_cnt/img_0206_2.png') no-repeat center; background-size:cover; }
.subBox .txt {position:relative; padding:35px; }
.subBox .bottom_txt::before{content:""; position:absolute; left:0; bottom:0; width:100%; height:50px; background:#ffb376; }
.subBox br {display:none; }

/*020501_아동자립지원 정보북*/
.book_mLink { position:relative; width:100%; padding:1.25rem 0; margin:0 0 2.15rem; overflow:hidden; font-family:'GmarketSans'; }
.book_mLink ul li { width:12.5%; float:left; text-align:center; }
.book_mLink ul li a { display:block; color:#333; word-break:keep-all; }
.book_mLink ul li a p { position:relative; width:95px; height:95px; line-height:95px; margin:0 auto; border-radius:50%; background:#f4f3f3; }
.book_mLink ul li a p:before { content:""; position:absolute; left:50%; top:50%; width:1px; height:1px; border-radius:50%; opacity:0; transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); background:#fff; z-index:0; }
.book_mLink ul li a p::after { content:""; position:absolute; left:0; top:0; width:100%; height:100%; border-radius:50%; border:2px solid #f4f3f3; z-index:1; }
.book_mLink ul li a img { position:relative; width:69px; height:50px; }
.book_mLink ul li a span { display:block; margin:0.75rem 0 0; line-height:1.2; font-size:0.8rem; }
.book_mLink ul li a:hover { color:#004a96; text-decoration:underline; }
.book_mLink ul li a:hover p:after { border-color:#1170c5; }
.book_mLink ul li a:hover p:before { width:100%; height:100%; opacity:1; }
.book_mLink :before, .book_mLink :after { transition:all .3s ease; -ms-transition:all .3s ease; -webkit-transition:all .3s ease; }

/*210204 추가*/
.app li{margin-left: 3%;}
.app li:first-child{margin-left: 0;}

/*250630 추가*/
.li_w30_custom.app li{margin-left: 2%;}
.li_w30_custom.app li:first-child{margin-left: 0;}

/*020502_2_아동자산형성_디딤씨앗통장 사업현황*/
.Dtls_mLink { position:relative; width:100%; padding:1.25rem 0; overflow:hidden; font-family:'GmarketSans'; }
.Dtls_mLink ul li { width:14.2%; float:left; text-align:center; }
.Dtls_mLink ul li a { display:block; color:#333; word-break:keep-all; }
.Dtls_mLink ul li a .img { position:relative; width:95px; height:95px; line-height:95px; margin:0 auto; border-radius:50%; background:#f4f3f3; }
.Dtls_mLink ul li a .img:before { content:""; position:absolute; left:50%; top:50%; width:1px; height:1px; border-radius:50%; opacity:0; transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); background:#fff; z-index:0; }
.Dtls_mLink ul li a .img::after { content:""; position:absolute; left:0; top:0; width:100%; height:100%; border-radius:50%; border:2px solid #f4f3f3; z-index:1; }
.Dtls_mLink ul li a img { position:relative; width:55px; height:48px; }
.Dtls_mLink ul li a .txt1 {margin:0.75rem 0 0; line-height:1.8; font-size:0.8rem; }
.Dtls_mLink ul li a span {display:block; }
.Dtls_mLink ul li a:hover { color:#004a96; text-decoration:underline; }
.Dtls_mLink ul li a:hover .img:after { border-color:#1170c5; }
.Dtls_mLink ul li a:hover .img:before { width:100%; height:100%; opacity:1; }
.Dtls_mLink :before, .Dtls_mLink :after { transition:all .3s ease; -ms-transition:all .3s ease; -webkit-transition:all .3s ease; }

/*020602_지역사회 중심의 놀이혁신 확산___20200722추가___*/

.playarea_list .playarea{display:block;width:100%;margin:2% 0;border-top:3px solid #678fd2}
.playarea_list .playarea > li{padding:1.2% 0 3% 0;border-bottom:1px dashed #aabac9;}
.playarea_list .playarea p.ico_cate{width:100%;padding:1.5% 0;}
.playarea_list .playarea span.ico_map{width:auto;background:#427fe8;padding:0.5% 1.5%;border-radius:20px;color:#fff;}
.playarea_list .playarea span.ico_map_desc{padding-left:1%;color:#2c6ddc}
.playarea_list .playarea h4{font-size:1rem;color:#0d2244}
.playarea_list .playarea p.faq_call{margin-top:10px;color:#7e8898}



/*020403_입양정책 수립 지원_입양 특례법*/
.Law_w {position:relative; display:table; width:calc(100% + 20px); margin-left:-10px; table-layout: fixed; overflow:hidden; border-spacing: 10px; }
.Law_w dl {display:table-cell; height:6.5rem; vertical-align:middle; background:#fff; border:1px dashed #999; border-radius:20px; padding:0 0.5rem; word-break:keep-all; box-sizing: border-box; text-align:center;}
.Law_w dl:last-child {margin-right:none; }
.Law_w dl:nth-child(2) {background:#0a8460; border:none; }
.Law_w dl:nth-child(2) dt,.Law_w dl:nth-child(2) dd {color:#fff; }
.Law_w dl dt {font-size:1rem; font-weight:bold; }
.Law_w dl dd {font-size:0.85rem; margin-top:0.5rem; }

/*020403_2_입양숙려기간 모자지원사업 안내*/
.titPt_list > li{position:relative; padding:0.15rem 0 0.15rem 7rem; text-align:left; line-height:1rem; margin:0.5rem 0; overflow:hidden; }
.titPt_list > li > strong{position:absolute; left:0; top:0; width:6rem; height:1.5rem; font-weight:400; line-height:1.5rem; font-size:0.8rem; background:rgb(35, 101, 207); text-align:center; color:#fff; border-radius:10px 0; }

/*020403_3_헤이그국제아동입양협약_협약의의미*/
.li_w_box {position:relative; overflow:hidden; }
.li_w_box > li {width:50%; float:left; }
.box_st6 {position:relative; height:320px; padding:0.75rem 1.25rem; background:rgb(227, 245, 255); }
.box_st6  img {margin-top:30px; }
.box_st7 {position:relative; height:320px; padding:0.75rem 1.25rem; background:rgb(255, 237, 247); }
.box_st7 img {margin-top:20px; }

.box_st6_new {position:relative; height:380px; padding:2.5rem 1.25rem; background:rgb(227, 245, 255); }
.box_st6_new  img {}
.box_st7_new {position:relative; height:380px; padding:2.5rem 1.25rem; background:rgb(255, 237, 247); }
.box_st7_new  img {}


/*020601_3_1_유엔아동권리협약 이행 지원_ 아동총회*/
.lctrWrap{width:100%; height:auto; background:url('/images/web/ncrc/main/bg_lctr.png') no-repeat center; background-size:cover; }
.lctrWrap .lctr{max-width:1080px; width:100%; margin:0 auto; position: relative; }
.lctrWrap .lctr h3{font-size:25px; color:#fff; font-family: 'NotoM'; position: relative; text-align:center; padding-bottom:20px; }
.lctrWrap .lctr h3::after{content:""; width:42px; height:3px; background:#fff; position: absolute; left:50%; bottom:0; margin-left:-21px; }
.lctrWrap .lctr .totalpage{position: absolute; width:100%; bottom:13px; letter-spacing: 2px; color:#333; text-align:center; z-index:0; font-size:0.75rem; }
.lctrWrap .slick-arrow{position: absolute; width:22px; height:41px; bottom:0px; font-size:0; z-index:10; }
.lctrWrap .slick-arrow.slick-prev{left:50%; margin-left:-50px; background:url('/images/web/ncrc/sub_cnt/btn_n_prev.png')no-repeat center; }
.lctrWrap .slick-arrow.slick-next{right:50%; margin-right:-50px; background:url('/images/web/ncrc/sub_cnt/btn_n_next.png')no-repeat center; }
.lctrWrap .cont img {width:98%; height:98%; }

#contList{overflow: hidden; margin-top:50px; padding-bottom:90px; }
#contList a{display:block; width:100%; height:100%; position:relative; text-align:center; color:#333; background:#fff; }/*190704수정*/
#contList .cont{position: relative; z-index: 10; }
#contList .cont h4{ height:25px; line-height:25px; font-size:20px; font-family: 'NotoL'; padding-top:100px; margin:0 10px; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; }
#contList .cont p.list_num{position:absolute; display:none; top:40px; width:100%; font-size:26px; font-weight:400; }

.tbl_st td.text_l {text-align:left; padding:20px; }

/*정보공개*/
.part_report03 {max-width:1080px; width:100%; overflow:hidden; position:relative; z-index:0}
/*
.part_report03 .part_area{float:left; border-right:1px solid #d9d9d9; border-bottom:1px solid #d9d9d9; width:33.3333%; overflow:hidden; height:100%; min-height:800px; font-size:0.75rem; letter-spacing:-0.08em; }
.part_report03 .part_area:first-child{border-left:1px solid #d9d9d9; width:33.3333%; }
.part_report03 .part_area dl{width:100%}
.part_report03 .part_area dt{text-align:center; padding:10px 0; background:#f5f5f5; border-bottom:1px solid #d9d9d9; border-top:1px solid #d9d9d9; font-weight:600; color:#1076c0}
.part_report03 .part_area dd{padding:10px}
.part_report03 .part_area dd ul li{line-height:18px; padding:0 0 8px 4px}
.part_report03 .part_area dd ul li a{color:#333333}
.part_report03 .part_area dd ul li a:hover{color:#3378c1; text-decoration:underline; }
.part_report03 .part_area dd ul li ul{padding:4px 0 4px 0}
.part_report03 .part_area dd ul li ul li{padding:0 0 0 6px; line-height:22px; font-size:0.75rem; }
.part_report03 .part_area dd ul li ul li a{color:#707070}
.part_report03 .part_area dd ul li ul li a:hover{color:#333; text-decoration:underline; }
*/

/*정보공개 230518 수정*/
.part_report03 .title_wrap { border: 2px dashed #ddd; padding: 40px 30px; word-break: keep-all; }
.part_report03 .deco_tit { font-family: 'GmarketSans'; font-size: 1.3rem; font-weight: 500; color: #222; text-align: center; margin-bottom: 40px; }
.part_report03 .deco_tit span { display: inline-block; position: relative; }
.part_report03 .deco_tit span::after { content: ""; position: absolute; bottom: -20px; left: 50%; width: 4px; height: 4px; transform: translateX(-50%); background: #e21625; border-radius: 50%; }
.part_report03 .deco_tit span::before { content: ""; position: absolute; bottom: 2px; left: 50%; width: 105%; height: 50%; transform: translateX(-50%); background: #ced5f0; z-index: -1; }
.part_report03 .deco_article { text-align: center; }
.part_report03 .gray_box { padding: 3vw; background: #fafafa; position: relative; margin-top: 80px; }
.part_report03 .gray_box .box_tit { position: absolute; top: -40px; left: 0; padding: 5px 20px; font-size: 1rem; font-weight: 500; color: #fff; background: #1c2750; }
.part_report03 .link_list { display: flex; flex-wrap: wrap; justify-content: space-between; }
.part_report03 .link_list li { width: 23%; margin-bottom: 10px; }
.part_report03 .link_list li p { padding: 5px 10px; position: relative; font-weight: 500; padding-left: 7px; word-break: keep-all; background: #eff2fc; }
/*.part_report03 .link_list li p::after { content: ""; position: absolute; top: 9px; left: 0; width: 3px; height: 3px; background: #222; border-radius: 50%; }*/
.part_report03 .link_list li p a { display: inline-block; position: relative; }
.part_report03 .link_list li p a::before { content: ""; position: absolute; top: 6px; right: -15px; display:inline-block; width:11px; height:11px; margin:-2px 0 0 8px; background:url("/images/web/ncrc/layout/icon_new_WG.png") no-repeat; }
.part_report03 .link_list li span { display: block; margin-top: 3px; padding-left: 18px; font-size: .65rem; position: relative; }
.part_report03 .link_list li span::after { content: ""; position: absolute; bottom: 9px; left: 8px; width: 5px; height: 1px; background: #333; }
.part_report03 .link_list li span a { position: relative; }
.part_report03 .link_list li span a::after { content: ""; position: absolute; bottom: 6px; right: -15px; display:inline-block; width:11px; height:11px; margin:-2px 0 0 8px; background:url("/images/web/ncrc/layout/icon_new_WG.png") no-repeat; /*background-size: 9px;*/ }
.part_report03 .link_banner { display: flex; margin: 50px 0; }
.part_report03 .link_banner a { display: block; flex: 1; border: 1px solid #ddd; padding: 20px 0; text-indent: 100px; background-repeat: no-repeat; background-position: 30px 50%; background-size: 60px; position: relative; }
.part_report03 .link_banner a + a { margin-left: 30px; }
.part_report03 .link_banner a::after { content: ""; position: absolute; top: 55%; right: 30px; width: 10px; height: 1px; background: #ddd; transform: rotate(45deg) translateY(-10px); }
.part_report03 .link_banner a::before { content: ""; position: absolute; top: 55%; right: 23px; width: 10px; height: 1px; background: #ddd; transform: rotate(135deg); }

/* 040401_윤리경영 : 임직원 행동강령  */
.bbs_FaqA.ruleList li a{padding:15px 70px 15px 35px; }
.bbs_FaqA.ruleList li a:before{content:""; width:5px; height:5px; top:23px; }
.bbs_FaqA.ruleList li div.faq_A{padding:20px; }
.bbs_FaqA.ruleList li div.faq_A:before{display:none; }

.txt_al_le{text-align:left}
.txt_al_cnt{text-align:center; }
.txt_al_rig{text-align:right; }


/*200723__뉴스레터*/
.nw_apply_box{display: block;background:#def8ff;border-radius:1rem;padding:3%;}

/*200710__후원안내*/
.support_box{width:100%;height:100%;max-width:1080px;min-height:707px;background:url("/images/web/ncrc/sub_cnt/sub_support_bg.png") no-repeat center;}
.support_box h3,.support_box h4{color:#202020; font-family: 'GmarketSans';letter-spacing: -1px; text-align:center;letter-spacing: -1px; text-align:center;line-height:120%;}
.support_box h3{margin-top:40px;font-size:40px; font-weight: bold;}
.support_box h4{margin-top:5px;font-size:1.2rem;}

.sptbox_link{margin-top:130px;position:relative;display:block;bottom:0;}
.sptbox_link a{float:left;display:block;width:50%;text-align:center;color:#202020; font-family: 'GmarketSans';letter-spacing: -1px;}
.sptbox_link a strong{font-size:1.3rem; line-height:120%;font-weight:bold;}
.sptbox_link a.spt_info01{width:40%;min-height:200px;margin:5% 2% 5% 8%;padding:3%;background:#f2a29a;border-radius:70px;font-weight:400;}
.sptbox_link a.spt_info01 p{margin:10px 0 15px 0;color:#202020;}
.sptbox_link a.spt_info01 span{display:inline-block;font-size:0.75rem;color:#202020;padding:2% 5%;min-width:100px;background-color:#ffd2ce;border-radius:20px;line-height:130%;}
.sptbox_link a.spt_info01 span::before{display:inline;position:relative;vertical-align:top;padding-right:5%;margin-top:0;line-height:100%;content:"+";}
.sptbox_link a.spt_info02{width:40%;min-height:200px;margin:5% 8% 5% 2%;padding:3%;background:#f2c65c;border-radius:70px;font-weight:400;}
.sptbox_link a.spt_info02 span{display:inline-block;font-size:0.75rem;color:#202020;padding:2% 5%;min-width:100px;background-color:#fdebbe;border-radius:20px;line-height:130%;}
.sptbox_link a.spt_info02 span::before{display:inline;position:relative;vertical-align:top;padding-right:5%;margin-top:0;line-height:100%;content:"+";}
.sptbox_link a.spt_info01 span:hover{background:#fff;}
.sptbox_link a.spt_info02 span:hover{background-color:#fff;}
.sptbox_link ul{display:block;position:relative;margin-top:10px;}
.sptbox_link ul li{display:inline-block;line-height:110%;color:#202020;}
.sptbox_link ul li:first-child{width:20%;min-height:110px;padding-top:65px;background:url("/images/web/ncrc/sub_cnt/sub_support_ic01.png") no-repeat top center;}
.sptbox_link ul li:nth-child(2),.sptbox_link ul li:nth-child(4){vertical-align:top;padding-top:40px;}
.sptbox_link ul li:nth-child(3){width:30%;min-height:110px;padding-top:65px;background:url("/images/web/ncrc/sub_cnt/sub_support_ic02.png") no-repeat top center;}
.sptbox_link ul li:last-child{width:30%;min-height:110px;padding-top:65px;background:url("/images/web/ncrc/sub_cnt/sub_support_ic03.png") no-repeat top center;}
.sptbox_link a.spt_info03{clear:both;position:relative;display:block;width:85%;min-height:40px;margin:0 8%;padding:2.5%;margin-top:-2%;background:#4ec8db;border-radius:70px;font-weight:400; }
.sptbox_link a.spt_info03::after{clear:both;display:inline-block;position:absolute;margin-left:1%;width:26px;height: 26px;background:url("/images/web/ncrc/sub_cnt/sub_support_ic06.png") no-repeat;content:"";}
.spt_banner img{max-width:100%;}

/*07교육평가__20200723추가*/

/* 별도 서브비주얼 추가__20200907*/
.sub_visual_els { height:450px; background:#83e1e1 url('/images/web/ncrc/layout/visual_talk.png') no-repeat center top; overflow:hidden; }
.sub_visual_els h2 { position:relative; margin:10px 0 0; color:#242424; font-family:'GmarketSans'; font-weight:200; font-size:3rem; letter-spacing:-1px; }
.sub_visual_els .container > p.h2{margin-top:60px;font-weight:400; font-size:1.2rem; letter-spacing:-1px;color:#242424; }
.sub_visual_els .container > p{margin-top:30px; font-size:1rem;color:#242424;}
/*.sub_visual_els h2:before { content:""; position:absolute; left:0; top:-15px; width:80px; height:3px; background:#fff; }
.sub_visual_els h2:after { content:""; position:absolute; left:-200%; top:-14px; width:200%; height:1px; background:#fff; }*/
.sub_visual_els h2 strong { font-weight:400;color:#143bc9; }
.sub_visual_els div.btn_wrap{display:block;position:absolute;top:0;right:0;overflow:hidden;}
.sub_visual_els div.btn_wrap>a{float:right;}
.sub_visual_els div.btn_wrap div.box{margin-top:60px;width:180px;height:220px;border-radius:10px;background:#fff;text-align:center;}
.sub_visual_els div.btn_wrap div.box p.title{color:#242424;font-size:0.9rem;text-align:center;padding:15px 0 5px 0;font-weight:400;letter-spacing:-1px;}
.sub_visual_els div.btn_wrap div.box p{display: block;}

.sub_content_blk{width:100%}
.tabst_r_box {/* width: 74%; *//* float: right; *//* position: relative; *//* clear: both; */margin-bottom:1rem;overflow:hidden;}
.tabst_r_box ul{width: 1048px;margin:0 auto;text-align:center;overflow: hidden;}/*210225 수정*/
/* .tabst_r_box li {width: 209px;height:120px;border-radius: 0;float:left;text-align:center;} */ /*210225 수정*/
.tabst_r_box li {width: 170px;height:120px;border-radius: 0;float:left;text-align:center;}/*210225 수정*/
.tabst_r_box li:first-child{background:url("/images/web/ncrc/sub_cnt/blk_tab1_01_ic3.png") top center no-repeat; }
.tabst_r_box li:nth-child(2){background:url("/images/web/ncrc/sub_cnt/blk_tab1_02_ic3.png") top center no-repeat;}
.tabst_r_box li:nth-child(3){background:url("/images/web/ncrc/sub_cnt/blk_tab1_03_ic3.png") top center no-repeat;}
.tabst_r_box li:nth-child(4){background:url("/images/web/ncrc/sub_cnt/blk_tab1_04_ic.png") top center no-repeat;}
.tabst_r_box li:nth-child(5){background:url("/images/web/ncrc/sub_cnt/blk_tab1_06_ic.png") top center no-repeat;}
.tabst_r_box li:last-child{background:url("/images/web/ncrc/sub_cnt/blk_tab1_05_ic3.png") top center no-repeat;}

.tabst_r_box a {position:relative;display:block;padding:2.5rem 0.75rem 0.75rem 0.75rem;line-height:4.4rem;font-size:0.9rem;font-weight: bold;letter-spacing:-1px;text-align:center;width: 209px;height:150px;color:#000;-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-ms-transition:all 0.3s ease;transition:all 0.3s ease;}/*210225 수정*/

.tabst_r_box a > span{display: block;text-align:center;}
.tabst_r_box a:hover, .tabst_r_box li.on a{color:#1170c5;}


/* 나할말있어요게시판 추가__20200909*/


/* 나할말있어요게시판 추가__20200909*/
.sub_visual_els {display:block;height:450px;background: #fff url('/images/web/ncrc/layout/visual_talk.png') no-repeat center bottom;overflow:hidden;}/*210319*/
.sub_visual_els h2 {position:relative; margin:10px 0 0; color:#242424; font-family:'GmarketSans'; font-weight:200; font-size:3rem; letter-spacing:-1px; }
.sub_visual_els .container > p.h2{margin-top:60px;font-weight:400; font-size:1.2rem; letter-spacing:-1px;color:#242424; }
.sub_visual_els .container > p{margin-top:30px; font-size:1rem;color:#242424;}
.sub_visual_els .container > p.bu_atte{position:absolute;bottom:-8rem;font-size: 0.75rem;}

.sub_visual_els h2 strong { font-weight:400;color:#143bc9; }
/* 팝업박스 .img_box 수정 20200915*/
.img_box{display:block;position: absolute;top:70px;right:5%;width:300px;height:300px;/* border:1px solid #fbb6af;background:#fff; */}

.btn_wrap{display:block;position:absolute;top:500px;right:20px;overflow:hidden;z-index:100;}
.btn_wrap > a.btn_bl{float:right;margin-right:20px;}
.btn_wrap div.box{margin-top:60px;width:150px;height:210px;border-radius:10px;background:#fafafa;border:1px solid #ddd;text-align:center;}
.btn_wrap div.box p.title{color:#242424;font-size:0.8rem;text-align:center;padding:15px 0 5px 0;font-weight:400;letter-spacing:-1px;}
.btn_wrap div.box p{display: block;}

/***나 할말 있어요 공지사항 추가 210319***/
/* 공지사항 */
.noticeWrap{position:relative;width: 24%;height:100%;float:left;background: #eff4f9;border: 1px solid #ccc;padding:30px 2%;border-radius: 0.25rem;}
.noticeWrap h3{height:38px;font-size:22px; color:#0466bd;font-weight: 600; margin: 10px 0 10px 0;}
/*210319 수정*/
.noticeWrap h3 a{/* border-bottom:3px solid #0466bd; *//* padding-bottom:5px; */line-height: 38px;}

.noticeWrap .newNotice{width:100%;height: 170px;padding-bottom:10px;margin:0px 0px 20px;overflow: hidden;border-bottom:1px dashed #ccc;}
.noticeWrap .newNotice img{width:100%;}
.noticeWrap .newNotice .img{float:left; width:15%; line-height:95px;}
.noticeWrap .newNotice .news{float:right;margin:15px 0px;width: 100%;}
.noticeWrap .newNotice .news p{height:30px; line-height:30px; overflow:hidden; white-space:nowrap; text-overflow: ellipsis;}
.noticeWrap .newNotice .news p.tit{font-size:17px;}
.noticeWrap .newNotice .news p.view{color:#555; margin-top:5px;}

.noticeWrap ul {overflow:hidden;}
.noticeWrap ul li{/* background:url(/images/template/00013/main/notice_dot.png) no-repeat left center; */padding-left:2%;width:98%;line-height:35px;float:left;background: #fff;border: 1px solid #eee;margin-bottom: 10px;}
.noticeWrap ul li a{font-size:14px; /*line-height:35px;*/ display:block; color:#444;}
.noticeWrap ul li p{/* width:81%; */height: 25px;line-height:30px;overflow:hidden;/*white-space: pre;*/text-overflow: ellipsis;/* float:left; */}
.noticeWrap ul li a span{float:right; color:#777;}

.noticeWrap .btn_more{position: absolute;/* overflow:hidden; */width:15%;height:50px;right: 5%;}
.noticeWrap .btn_more button{display:block;width:100%;height:50px;background:url(/images/web/ncrc/sub_cnt/sub_support_ic06.png) no-repeat;position: absolute;top: -43px;right:0px;text-indent:-10000em; } /*210319 수정*/
.noticeWrap .btn_more button:hover{transition-duration:0.7s; }
/***나 할말 있어요 공지사항 추가 210302***/

/*탭다른스타일__20200828추가
.sub_content_blk{width:100%}
.tabst_r_box {margin-bottom:1rem; overflow:hidden;}
.tabst_r_box li {width:120px;height:120px; border-radius: 0;float:left; margin:0 5px;}
.tabst_r_box li:first-child{background:url("/images/web/ncrc/sub_cnt/blk_tab1_01.png") no-repeat; }
.tabst_r_box li:nth-child(2){background:url("/images/web/ncrc/sub_cnt/blk_tab1_02.png") no-repeat;}
.tabst_r_box li:nth-child(3){background:url("/images/web/ncrc/sub_cnt/blk_tab1_03.png") no-repeat;}
.tabst_r_box li:nth-child(4){background:url("/images/web/ncrc/sub_cnt/blk_tab1_04.png") no-repeat;}
.tabst_r_box li:last-child{background:url("/images/web/ncrc/sub_cnt/blk_tab1_05.png") no-repeat;}
.tabst_r_box a {position:relative; display:block; margin-right:0.1rem; padding:2rem 0.75rem 0.75rem 0.75rem; border-radius:5rem; line-height:4.4rem; font-size:0.9rem; font-weight: bold;letter-spacing:-1px;text-align:center; width:120px;height:120px;color:#000;-webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; transition:all 0.3s ease;}

.tabst_r_box a > span{background-color:rgba(255,255,255,.3);}
.tabst_r_box a:hover, .tabst_r_box li.on a{color:#1170c5;border:7px solid #1170c5;}

.tab_st2_r {margin-bottom:1rem; overflow:hidden;}
.tab_st2_r li {width:14.2%; float:left; margin:0.05rem 0;border-radius:50px;background:url("/images/web/ncrc/sub_cnt/blk_tab2_bg.png") no-repeat;background-position:4px 4px;}
.tab_st2_r_box a {display:block; margin-right:0.1rem; padding:0.6rem 0.5rem; line-height:0.95rem; font-size:0.75rem; color:#444; text-align:center; border-radius:1.5rem; border:3px solid #d3d3d3; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; transition:all 0.3s ease;}
.tab_st2_r_box a:hover, .tab_st2_r_box li.on a{color:#222; border-color:#1170c5;}
.tab_st2_r li a[target='_blank'] {background:url("/images/web/ncrc/con_com/tab2_off_blank.png") no-repeat 95% center;}

*/


/* 201109 아동정책계획*/
.sub_visual_loyal {display:block;height:482px; background:#ffe564 url('/images/web/ncrc/layout/S_visual_loyal.png') no-repeat center bottom; overflow:hidden; }
.sub_visual_loyal h2 {position:relative; margin:150px 0 0; color:#242424; font-family:'GmarketSans'; font-weight:200; font-size:3rem; letter-spacing:-1px; text-shadow: -3px 0 #ffe564, 0 3px #ffe564, 3px 0 #ffe564, 0 -3px #ffe564;}/*210127 수정*/
.sub_visual_loyal .container > p.h2{margin-top:80px;font-weight:400; font-size:1.2rem; letter-spacing:-1px;color:#242424; }
.sub_visual_loyal .container > p{margin-top:30px; font-size:1rem;color:#242424;}

.sub_visual_loyal h2 strong { font-weight:400;color:#143bc9; }
/* 팝업박스 .img_box 수정 20200915*/
.img_box{display:block;position: absolute;top:70px;right:5%;width:300px;height:300px;/* border:1px solid #fbb6af;background:#fff; */}

/**********210204 서브페이지 팝업 ************/

/* 팝업박스 .img_box 수정 20200915*/
.img_box{display:block;position: absolute;top:70px;right:5%;width:300px;height:300px;/* border:1px solid #fbb6af;background:#fff; */}
/* 팝업존 *//* 210129 */
.img_box .popup.attend { position:absolute; width:345px; height:345px; top: 17%; right: 2%; }/*210203*/
.img_box .popup.attend {position:relative;width: 345px;top: 0;right: 0;height: 345px;float:right;}/*210319*/
.img_box .popup.attend h3 { position:absolute; left:-9999em; top:-9999em; width:1px; height:1px; text-indent:-9999em; overflow:hidden; }
.img_box .popup.attend .popupList,
.img_box .popup.attend .popupList div { height:100%; }
.img_box .popup.attend .popupList .box { background:#ccc; }

.img_box .popup.attend .popupList img { width:345px; height:auto; position:relative; left:50%; transform:translateX(-50%); -webkit-transform:translateX(-50%); }/*210203*/
.img_box .popup.attend .control { width:100%; display:none; position:absolute; bottom:0; line-height:2.15rem; color:#fff; background:#4c4c4c; }
.img_box .popup.attend .control a { display:block; width:86px; height:2.15rem; float:left; border-right:1px solid #777; text-indent:-9999em; overflow:hidden; transition:all .3s ease; -ms-transition:all .3s ease; -webkit-transition:all .3s ease; }
.img_box .popup.attend .control a.btn_stop { background:url('/images/web/ncrc/main/btn_p_stop.png') no-repeat center; }
.img_box .popup.attend .control a.btn_play { display:none; background:url('/images/web/ncrc/main/btn_p_play.png') no-repeat center; }
.img_box .popup.attend .control a.btn_prev { background:url('/images/web/ncrc/main/btn_p_prev.png')no-repeat center; }
.img_box .popup.attend .control a.btn_next { background:url('/images/web/ncrc/main/btn_p_next.png')no-repeat center; }
.img_box .popup.attend .control .count {  font-size:0.75rem; text-align: center;}
.img_box .popup.attend .control a:hover { background-color:#00bff5; }

/* .img_box  .popup.attend .popupList div {height: 96%;}201027 */
.img_box .popup.attend .popupList img {width: 345px;height:100%;position:relative;left:50%;transform:translateX(-50%);-webkit-transform:translateX(-50%);}/*210203*/
.img_box .popup.attend .control a {display:block;width: 3.75rem;height: 2.25rem;float:left;border-right:1px solid #777;text-indent:-9999em;overflow:hidden;transition:all .3s ease;-ms-transition:all .3s ease;-webkit-transition:all .3s ease;}/*201027*/
.img_box .popup.attend .control .count {padding: 0 1.13rem;font-size:0.75rem;float:right;}/*201027*/
/**********210204 서브페이지 팝업 ************/

.tabst_c_box {margin:1rem 0 1rem 0;overflow:hidden;}
.tabst_c_box ul{width:70%;margin:0 auto;text-align:center;}
.tabst_c_box li {width:20%;height:170px; border-radius: 0;float:left;text-align:center;}
.tabst_c_box li:first-child{background:url("/images/web/ncrc/sub_cnt/m_link01.png") top center no-repeat; }
.tabst_c_box li:nth-child(2){background:url("/images/web/ncrc/sub_cnt/m_link02.png") top center no-repeat;}
.tabst_c_box li:nth-child(3){background:url("/images/web/ncrc/sub_cnt/m_link03.png") top center no-repeat;}
.tabst_c_box li:nth-child(4){background:url("/images/web/ncrc/sub_cnt/m_link04.png") top center no-repeat;}
.tabst_c_box li:last-child{background:url("/images/web/ncrc/sub_cnt/m_link05.png") top center no-repeat;}

.tabst_c_box a {position:relative; display:block; padding:5rem 0.5rem 0.75rem 0.5rem; line-height:1.25rem; font-size:0.9rem; font-weight: bold;letter-spacing:-1px;text-align:center; width:100%;height:170px;color:#000;-webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; transition:all 0.3s ease;}

.tabst_c_box a > span{display: block;text-align:center;margin-top: 10px;}
.tabst_c_box a:hover, .tabst_r_box li.on a{color:#1170c5;}

.loyal_box > ul{width: 1000px !important; margin: 0 auto !important;}
.loyal_box > ul > li .tit a.nttInfoBtn{display:block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin:2rem 0 0 0; height:3rem; font-size:25px; font-weight: 500; line-height:1.2rem; color:#333; text-align: center;}
.loyal_box > ul > li .btn_box{display: block; text-align: center;  margin:1rem 0 1.6rem; z-index: 5;}
.loyal_box > ul > li .btn_box a{border: 1px solid #000;font-size :18px; color: #000; font-weight: 500; padding: 5px 30px; border-radius:40px;}

.loyal_box > ul > li:last-child .tit a.nttInfoBtn{padding-top: 1rem;}/*201112*/
.loyal_box > ul > li .tit a.nttInfoBtn > span{font-size:16px; color:#333; padding-top: 0.5rem;}/*201112*/
.loyal_box > ul > li:last-child .tit a .nttInfoBtn:nth-child(4){padding-top: 1rem;}/*201112*/

.loyal_box > ul > li .btn_box a:hover{background: #1170c5; color: #fff; border: 1px solid #fff;}
.loyal_box > ul > li.card01{background:#ffe564 url("/images/web/ncrc/sub_cnt/m_bg01.png") bottom center no-repeat; }
.loyal_box > ul > li.card02{background: #ffe564 url("/images/web/ncrc/sub_cnt/m_bg02.png") bottom center no-repeat; }
.loyal_box > ul > li.card03{background: #ffe564 url("/images/web/ncrc/sub_cnt/m_bg03.png") bottom center no-repeat; }
.loyal_box > ul > li.card04{background: #ffe564 url("/images/web/ncrc/sub_cnt/m_bg04.png") bottom center no-repeat; }

/* 전광판 추가 201124 */
.policy .disbrd{position: absolute;right:2%;top: 14.8rem;width:20rem;height: 6rem;z-index:1;background: rgba(255,255,255,0.9);padding: 0 3rem 0 0.2rem;border-radius:0.5rem;}
.policy .disbrd .control a{position: absolute; top:0; display:block; width:1.2rem; height:2rem; text-indent:-9999em; overflow:hidden; }
.policy .disbrd .control a.prev{right:4.4rem; background:url('/images/web/ncrc/main/btn_brd_prev.png') no-repeat center;}
.policy .disbrd .control a.next{right:2rem; background:url('/images/web/ncrc/main/btn_brd_next.png') no-repeat center;}
.policy .disbrd .control a.play{ display:none; right:3.2rem; background:url('/images/web/ncrc/main/btn_brd_play.png') no-repeat center;}
.policy .disbrd .control a.stop{right:3.2rem; background:url('/images/web/ncrc/main/btn_brd_stop.png') no-repeat center;}
.policy .disbrd .btn_more{position: absolute; top:0; right:0.5rem; display:block; width:1.5rem; height:2rem; text-indent:-9999em; overflow:hidden; background:url('/images/web/ncrc/main/btn_brd_more.png') no-repeat center; transition: all .3s; -webkit-transition: all .3s;}
.policy .disbrd .btn_more:hover{transform: rotate(180deg); -webkit-transform: rotate(180deg);}
#disbrdList2 .txt:first-child{line-height:2rem; overflow:hidden; white-space: nowrap; text-overflow:ellipsis;background:url('/images/web/ncrc/main/ico_board.png') no-repeat 0.5rem center; }
#disbrdList2 .txt{line-height:2rem; overflow:hidden; white-space: nowrap; text-overflow:ellipsis; }
#disbrdList2 .slick-slide{height:2rem;}
#disbrdList2 a{font-weight: 400;color:#111;padding-left: 2rem;}
#disbrdList2 a:hover{text-decoration:underline;}

//* 201118 제2차 아동정책기본계획 */
.file_box{overflow:hidden;}/*201223 수정*/
.file_box ul::after {content: ''; clear: both; display: block;}
.file_box li {width: 32%; float: left; background: #f1f1f1; margin-right: 1%; height: 420px; border-radius: 30px;}

.file_box li .file_tit {font-size: 18px;text-align: center;padding: 25px 0;}
.file_box li .file_img {min-height: 200px;width:60%; margin:10px auto;}
.file_box li .file_img img{width:100%; height:260px;}
.file_box li .file_btn {text-align: center;}
.file_box li .file_btn a {display: inline-block; background: #222; border-radius: 10px; color: #fff;}

/* 201118 제1차 아동정책기본계획 */
.file_box2 ul::after {content: ''; clear: both; display: block;}
.file_box2 li {width: 33%;float: left;background: #f1f1f1;margin-right: 1%;border-radius: 30px;border: 1px solid #c3d3d0;}
.file_box2 li:last-child{width:66%; margin: 0;}
.file_box2 li .box01{float:left; width:33.3333%}
.file_box2 li .file_tit {font-size: 18px;text-align: center;padding: 40px 0 20px 0;}

.file_box2 li:first-child .file_img {width:58%;}
.file_box2 li .file_img {width: 70%;margin: 10px auto;overflow:hidden;}
.file_box2 li .file_img img{width:100%;}
.file_box2 li .file_tit2 {font-size: 18px; text-align: center; padding: 5px 0;}
.file_box2 li .file_btn {text-align: center;margin-bottom: 15px;}
.file_box2 li .file_btn a {display: inline-block; background: #222; border-radius: 10px; color: #fff;}


/*제 2차 아동정책기본계획 기대효과 201119*/
.img01{width:60%;}


/*실적통계지도 201215*/
#map_wrap{width: 100%; position: relative; background: #f2f2f2; overflow: hidden; padding-bottom: 30px;}
#map_wrap h2 img{width: 100%;}

/* 테이블 201215 */
.table01 {position:relative;width:95%;margin:0 auto 50px auto; font-size:0.75rem;text-align:center;/* border-top:1px solid #b7b7b7; */-webkit-overflow-scrolling:touch; /* 삭제 word-break:keep-all; */}/*201223 수정*/
.table01 thead th {padding:0.65rem 0.4rem;vertical-align:middle;color:#222;font-weight:600; font-size: 1rem;/* border-bottom:1px solid #e1e1e1; *//* border-left:1px solid #e1e1e1; */background:#d8d8d8;}/*201223 수정*/
.table01 tbody th {padding:0.65rem 0.4rem; vertical-align:middle; color:#222; font-weight:400; font-size:0.75rem; border-bottom:1px solid #e1e1e1; border-left:1px solid #e1e1e1; background:#fdfdfd;}/*201223 수정*/
.table01 td {padding:0.5rem 0.4rem; background: #ebecee; color:#FF9800; font-size:1.5rem; font-weight:600;} /*200708 추가*/
.table01 td span{background: #ebecee; color:#FF9800; font-size:1.6rem; font-weight:600;} /*200708 추가*/
.table01 tbody td.txtal_l{text-align:left} /*200708 추가*/

.table01:after {content:""; display:block; position:absolute; left:0; top:0; width:1px; height:100%; clear:both; overflow:hidden;}


#map_wrap > div.MapArea{width: 60%;float: left;}
#map_wrap > div.TableArea{width: 35%;float: right;margin-right: 50px;}

.Map_box {width:100%;margin-top: 10px;position: relative;}
.Map_box .map_text{ position:absolute; top: 0;left: 13%}
.Map_box #imap{margin:0 auto; display: block; }

/* 갤러리게시판 210122*/
.gallery-List { position:relative; width:100%; overflow:hidden; border-top:2px solid #888;}
ul.archive {overflow:hidden; border-left:1px solid #e0e0e0}
ul.archive li {float:left; overflow:hidden; width:25%; *width:20.5%; border-bottom:1px solid #e0e0e0; border-right:1px solid #e0e0e0; padding:25px; margin:0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing:border-box;}
/*사진*/
ul.archive li .arc_img {width:170px; height:180px; margin:0 auto 10px; overflow:hidden; }
ul.archive li .arc_img img {width:100%; height:180px;}
/*내용*/
ul.archive li .arc_txt {width:170px; height:50px; margin:0 auto; overflow:hidden;}
ul.archive li .arc_txt a.headline { display:block; overflow:hidden;  margin:5px 0; color:#222; font-size:16px; line-height:20px;}
ul.archive li .arc_txt a.headline span:hover { text-decoration:underline;}
ul.archive li .arc_txt a.headline em.txt_series { *display:inline-block; margin-right:5px; vertical-align:middle; font-weight:400; font-size:12px; font-style:normal; color:#fff; padding:2px 3px; border-radius:3px;}
ul.archive li .arc_txt a.headline em.txt_series.sch { background:#8bbf37; border:1px solid #6fa51b;}/*학교*/
ul.archive li .arc_txt a.headline em.txt_series.gra { background:#365a9a; border:1px solid #1e3f7a;}/*졸업생*/
ul.archive li .arc_txt p.headlines_info {font-family: 'NotoM'; font-size:13px; color:#555;}

/* 갤러리게시판 210204 수정*/
.gallery-List { position:relative; width:100%; overflow:hidden; border-top:2px solid #888;}
ul.archive {overflow:hidden; border-left:1px solid #e0e0e0}
ul.archive li {float:left;overflow:hidden;width:25%; *width:20.5%;border-bottom:1px solid #e0e0e0;border-right:1px solid #e0e0e0;padding:25px;margin:0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing:border-box;}
/*사진*/
ul.archive li .arc_img {width:170px; height:180px; margin:0 auto 10px; overflow:hidden; }
ul.archive li .arc_img img {width:100%; height:180px;}
/*내용*/
ul.archive li .arc_txt {width:170px;height: 50px;margin:0 auto;overflow:hidden;}/*210204*/
ul.archive li .arc_txt a.headline {display:block;overflow:hidden;margin: 5px 0 5px;color:#222;font-size:16px;line-height:20px;}
ul.archive li .arc_txt a.headline span:hover { text-decoration:underline;}
ul.archive li .arc_txt a.headline em.txt_series { *display:inline-block; margin-right:5px; vertical-align:middle; font-weight:400; font-size:12px; font-style:normal; color:#fff; padding:2px 3px; border-radius:3px;}
ul.archive li .arc_txt a.headline em.txt_series.sch { background:#8bbf37; border:1px solid #6fa51b;}/*학교*/
ul.archive li .arc_txt a.headline em.txt_series.gra { background:#365a9a; border:1px solid #1e3f7a;}/*졸업생*/
ul.archive li .arc_txt p.headlines_info {font-family: 'NotoM'; font-size:13px; color:#555;}
ul.archive li .Title{display:block;margin-top:0rem;font-size: 18px;font-weight:600;color:#000;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}/*210129 수정*/


/*갤러리 게시판 210204 날짜 조회수 추가 */
ul.archive li .arc_txt ul.prg_info {margin: -0.75rem;overflow:hidden;}
ul.archive li .arc_txt ul.prg_info > li{width: 64%;float:left;border: 0;padding:.75rem;    padding-right: 0px;  padding-left: 0px;}
ul.archive li .arc_txt ul.prg_info > li:last-child{width:36%; float:right;}
ul.archive li .arc_txt ul.prg_info > li > i{ margin-right: 5%;}

/*갤러리 게시판(21-06-28 수정) */
.gallery-List { position:relative; width:100%; overflow:hidden; border-top:none}
ul.archive{width: 103%;border: none;}
ul.archive > li{width: 30.3333%;margin-right: 3%;border:1px solid #e0e0e0;margin-bottom: 3%;padding:20px;overflow: auto;}
ul.archive > li:nth-child(3n){margin-right:0;}
ul.archive > li .arc_img{width: 100%;height: 100px;overflow: hidden;position:relative;}
ul.archive > li .arc_img img{width: auto;;height: 100px;position: absolute;left: 50%;top:0;transform: translateX(-50%);}
ul.archive > li .arc_txt{width: 100%;height: auto;margin-top: 15px;padding-top: 10px;border-top: 1px solid #e0e0e0;}
ul.archive li .arc_txt ul.prg_info{display:inline-block;margin: 0;width: 100%;margin-top: 15px;}
ul.archive li .arc_txt ul.prg_info > li{width: 100%;float:none;padding:0;}
ul.archive li .arc_txt ul.prg_info > li:last-child{width: 100%;float:none;}
ul.archive li .Title{min-height: 48px;display:block;display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-ms-text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2;white-space: inherit;line-height: 1.3;}
/*동영상 게시판 210122*/
.T3_E15 .prg_lst{margin:-.75rem;overflow:hidden;}
.T3_E15 .prg_lst > li{width:32%;float:left;padding: 0.75em;margin-top: 10px;margin-left: 1%;}
.T3_E15 .prg_lst > li > a{position:relative;display:block;border:1px solid #dbdbdd;}
.T3_E15 .prg_lst > li .img{display:block;width:100%;height: 215px;text-align: center;}/*210129 수정*/
.T3_E15 .prg_lst > li .img img{height: 100%;}
.T3_E15 .prg_lst > li .txt{display:block;width:100%;padding:1rem 1rem 1.5rem;border-top:1px solid #dbdbdd;}
.T3_E15 .prg_lst > li .txt .prg_tit{display:block;margin-top:0rem;font-size: 18px;font-weight:600;color:#000;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}/*210129 수정*/
.T3_E15.is_brief .prg_lst{display: flex;align-items: stretch;flex-wrap: wrap;justify-content: flex-start;}
.T3_E15.is_brief .prg_lst > li .txt .prg_tit{overflow: visible;text-overflow: unset;white-space: normal;}/*250916 추가*/
.T3_E15 .prg_lst > li .txt .prg_tit:hover{text-decoration: underline;}
.T3_E15 .prg_lst > li .txt .prg_info{overflow:hidden;margin-top:0.5rem;}
.T3_E15 .prg_lst > li .txt .prg_info > li{color:#4a4a4a;font-size:.8rem; float: left;}
.T3_E15 .prg_lst > li .txt .prg_info > li > i{display:inline-block;margin-right:.25rem}
.xi-clock-o:before{content:'등록일'!important;font-size:14px}
.xi-eye-o:before{content:'조회수'!important;font-size:14px}
.T3_E15 .prg_lst > li .txt .prg_info > li + li{margin-top:0rem; float: right;}



/* 210218 유엔아동권리협약이행지원 */

.imgList{height: 225px; width: 50%; margin: 0 auto}
.imgList > .slider{height: 225px;}
.imgList > .slider a{display: block; background: rgba(0,0,0,0.7); color: #fff; position: absolute; top: 0;
width: 100%; line-height: 1.3rem; text-indent: 10px;}


/*210218 지역사회중심의 놀이 */

.program .program_list{/* min-height:270px; */ overflow:hidden; } /* 210218 */
.program .program_list::after{display: block; content: ""; clear: both;} /* 210218 */
.program .program_list .txt{width:60%; float:left;} /* 210218 */
.program .program_list .img{width:38%; float:left; position: relative;} /* 210218 */


/***** 슬라이드 210218 ****/
 .slider{width:100%; height:225px; position: relative; margin:0 auto; border:1px solid #ccc; }
 .slick-slide img:not(.attend) {width: 100%; height: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);} /* 201117 수정 */
 .slick-slide {transition: all ease-in-out .3s;}
 .slick-dots li.slick-active, .slick-current { opacity: 1;}

  /* Slider */
  .slick-slider{ position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none;  user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; width: 100%;} /* 201116 width:100% 추가 */
  .slick-list{ position: relative; display: block; overflow: hidden; margin: 0; padding: 0;}
  .slick-list.dragging{ cursor: pointer; cursor: hand;}
  .slick-slide{display: none;/* <- 좌우미리보기일시, 좌우 여백설정 */
    height: 100%; min-height: 1px; vertical-align: middle;}
  .slick-slide.dragging img{ pointer-events: none;}
  .slick-initialized .slick-slide{ display:inline-block; height: 225px; z-index: 10 !important;} /* 201116 수정 */
  .slick-arrow.slick-hidden { display: none;}

  /* Dots */
  .slick-dots{ position: absolute; bottom:-25px; width: 100%; padding: 0; margin: 0; list-style: none; text-align: center;}
  .slick-dots li{ position: relative; display: inline-block; width: 7px; height: 7px; margin: 0 5px; padding: 0; cursor: pointer; opacity: .4; }
  .slick-dots li button{ display: block; width: 1px; height: 1px; border-radius:20px; padding: 5px; cursor: pointer; background:#555; font-size:0; }

  /* arrows 201116 추가 */
  .slick-arrow{width: 30px; height: 30px;  text-indent: -9999px; display: inline-block; position: absolute; z-index: 1000; cursor: pointer;}
  .slick-prev{background:#fff url(/images/web/ncrc/sub_cnt/btn_n_prev.png) no-repeat center; bottom: 5px; right: 36px; z-index: 1000; border: 2px solid #1170c5;}
  .slick-next{background:#fff url(/images/web/ncrc/sub_cnt/btn_n_next.png) no-repeat center; bottom: 5px; right: 5px; z-index: 1000; border: 2px solid #1170c5;}

   /*메뉴삭제 했을때 헤더 210223*/
   .no_header{margin: 0 !important;}/*210223*/
   .no_header .logo{ position: absolute; top: 10px; left: 10px;}/*210223*/

      /*가정보호프로그램 210304*/
    .protect{position: relative; overflow: hidden; width: 100%;}
    .protect img{margin:0 auto; display:block;}
    .protectBtn{text-align: center;}


   /*가정보호프로그램 설문조사 210303*/
	.question input[type=text], input[type=password]   { height:30px; line-height:30px; border:1px solid #ccc; padding:0; box-sizing:border-box; padding:0 5px; }
	.question input[type=radio] {margin:0 3px 1px 5px;}
	.question textarea { height:4rem; overflow:scroll; width:100%; box-sizing:border-box; padding:0 5px; border:1px solid #ccc; }
	.question h2 { display:block; text-align:center; line-height:0; font-size:0; margin:2rem 0 0;}
	.question h2 span { position:relative; display:inline-block; font-family:'GmarketSans'; line-height:1.4; font-size:2rem; color:#222; font-weight:400; padding:1rem 0; }
	.question h2 span em { color:#377bdf; font-weight:700; }

	/*210618 국내입양가정대상자접수*/
	.domesticReceipt .question input[type=text], input[type=password] {border:none;background:#f9f9f9;width:20rem;height:2.5rem;line-height:2.5rem;padding:0 0.8rem}
	.domesticReceipt .question input[type=text]::placeholder{color:#767676}
	.domesticReceipt .question input[type=radio]{margin-right:0.75rem}
	.domesticReceipt .question input[type=checkbox]{margin-right:0.75rem}
	.domesticReceipt .relation span{margin-right:6%}
	.domesticReceipt button{border:none;background:#505050;color:#fff;font-size:0.8rem;width:7rem;height:2.5rem;line-height:2.5rem;vertical-align:middle;margin-left:1rem}
	.domesticReceipt .add{padding:1rem 0.4rem}
	.domesticReceipt .add span{display:block;margin-bottom:0.9rem}
	.domesticReceipt .selectArea ul>li select{height: 2rem;border: 1px solid #e1e1e1;min-width: 8rem;}
	.domesticReceipt .selectArea ul>li select.area{display: none;}
	.domesticReceipt .selectArea ul>li select.center{display: none;}
	.domesticReceipt .selectArea li{cursor:pointer}
	.domesticReceipt .selectArea ul>li{display:inline-block;vertical-align:top}
	.domesticReceipt .selectArea ul>li:first-child{margin-right:1rem}
	.domesticReceipt .selectArea ul>li:first-child .now{width:7rem}
	.domesticReceipt .selectArea ul>li:last-child .now{width:10rem}
	.domesticReceipt .selectArea .now{background:#f8f8f8 url('/images/web/ncrc/con_com/arrow_down.png') no-repeat 90% center;color:#767676;display:inline-block;padding:0.8rem}
	.domesticReceipt .selectArea ol{border:1px solid  #f4f4f4;display:none}
	.domesticReceipt .selectArea ol li{padding:0.8rem;border-bottom:1px solid  #f4f4f4;margin-bottom:0}
	.domesticReceipt .selectArea ol li:last-child{border-bottom:none}
	.domesticReceipt .qualified li{margin-bottom:0.5rem}
	.domesticReceipt .qualified li:last-child{margin-bottom:0}
	.domesticReceipt td div ul{margin-left:1.2rem;margin-top:1rem}
	.domesticReceipt td div li{margin-bottom:1rem}
	.domesticReceipt td div li.text{color:#767676;font-weight:300}
	.domesticReceipt td div li.text b{display:block;color:#444;font-weight:300}
	.domesticReceipt td div li span{display:block;text-indent:1.8rem;margin-top:0.8rem}
	.domesticReceipt td h4{line-height:1.5}
	.domesticReceipt td.privacy .listStyle{background: url(/images/web/ncrc/con_com/bu_st1.png) no-repeat left center;padding-left:1rem}
	.domesticReceipt td.privacy ul{margin-left:1.5rem}
	.domesticReceipt td.privacy li span{color:#444;font-weight:500;}
	.domesticReceipt td.privacy table{border-top:1px solid #c3c8cd;margin:1rem 0}
	.domesticReceipt td.privacy table th,
	.domesticReceipt td.privacy table td{text-align:center;border-right:1px solid #e1e1e1}

	.domesticReceipt td.privacy table td:last-child{border-right:none}
	.domesticReceipt td.privacy table thead th{border-left:none;background:#eef3f6}
	.domesticReceipt td.privacy dl{display:table;width:100%;margin:1.4rem 0 1rem;background:#f9f9f9;padding:1.3rem 1rem 1.3rem 1.25rem}
	.domesticReceipt td.privacy dt,
	.domesticReceipt td.privacy dd{display:table-cell}
	.domesticReceipt td.privacy dd span:first-child{padding-right:1.4rem}
/***** 슬라이드 210218 ****/


 div.tooltip {
            position: absolute;
            text-align: center;
            width: 140px;
            height: 110px;
            padding: 2px;
            font-size: 18px;
            background:#306cbf;
            border: 2px solid #fff;
            border-radius: 8px;
            /*pointer-events: none;*/
            top: -33px;
            left: 55px;
        }

        div.tooltip p{
            color:#fff;
            line-height:1.6em;
        }
        div.tooltip .triangle{
            display: block;
            position: absolute;
            width: 0px;
            height: 0px;
            border-top: 16px solid #306cbf;
            border-right: 16px solid transparent;
            border-bottom: 16px solid transparent;
            border-left: 16px solid transparent;
            left: 55px;
            top: 106px;
        }
        div.tooltip p:nth-child(1){
            font-size:20px;
            font-weight: bold;
            cursor: pointer;
            text-decoration: underline;
        }
        div.tooltip p:nth-child(2){
            font-size:18px;
        }
        div.tooltip p:nth-child(3){
            font-size:16px;
        }

/* 팝업존 *//* 200624 */
.popup2 { position:relative; width:690px; margin:auto; height:700px; }
.popup2 h3 { position:absolute; left:-9999em; top:-9999em; width:1px; height:1px; text-indent:-9999em; overflow:hidden; }
.popup2 .popupList2,
.popup2 .popupList2 div { height:100%; }
.popup2 .popupList2 img { width:auto; height:100%; position:relative; left:50%;}
.popup2 .control2 { float: right; position: relative;    width: 30%; right:0; bottom:0; line-height:2.15rem; color:#fff; background:#4c4c4c; }
.popup2 .control2 a { display:block; width:2.75rem; height:2.15rem; float:left; border-right:1px solid #777; text-indent:-9999em; overflow:hidden; transition:all .3s ease; -ms-transition:all .3s ease; -webkit-transition:all .3s ease; }
.popup2 .control2 a.btn_stop { background:url('/images/web/ncrc/main/btn_p_stop.png') no-repeat center; }
.popup2 .control2 a.btn_play { display:none; background:url('/images/web/ncrc/main/btn_p_play.png') no-repeat center; }
.popup2 .control2 a.btn_prev { background:url('/images/web/ncrc/main/btn_p_prev.png')no-repeat center; }
.popup2 .control2 a.btn_next { background:url('/images/web/ncrc/main/btn_p_next.png')no-repeat center; }
.popup2 .control2 .count { padding:0 0.75rem; font-size:0.75rem; float:right; }
.popup2 .control2 a:hover { background-color:#00bff5; }


/*************210806 정보공개**************/

.box_st3 ul{margin:20px 0;padding:15px; background: #f5f5f5; border-radius: 15px}
	.box_st3 ul li{padding:20px 0 22px; border-bottom: 1px dotted #ccc;}
	.box_st3 ul li span{margin-bottom:10px;display:block;margin-bottom:8px;font-weight:600;color:#1686f0;}



.box_st5 .box_st_ico02 {position:relative; min-height:100px; padding-left:6.25rem; /*border-bottom: 1px dotted #ccc; margin-bottom: 10px; */}
.box_st5 .box_st_ico02 .ico_boxImg {position:absolute; left:0; top:0;}

.list_st3 .t_down {width:85%;} /**210818**/
.box_st5 .box_st_ico02 .t_down {width:85%} /**210818**/
/*************210806 정보공개**************/


@media screen and (max-width:1350px) {/* 나할말있어요게시판 추가__20200909*/
	.tabst_r_box ul{width:750px;}
	.tabst_r_box li{width:150px;}
	.tabst_r_box a{width:150px;}

     /*210204 추가*/
     .app li{margin-left: 0%;}
	 /*250630 추가*/
	.li_w30_custom.app li{margin-left: 0;}
}

/*210818 추가*/

@media screen and (max-width:1200px){
	.list_st3 .t_down {width:100%;}
.box_st5 .box_st_ico02 .t_down {width:100%;}
}

/* //210818 추가*/

@media screen and (max-width:1024px) { /*201215 추가*/

	/*201215 실적통계지도*/
    #map_wrap > div.MapArea{width: 50%;}
    #map_wrap > div.TableArea{width: 30%;}
	.fiMember .org_chat:before{height:22.5rem}

}


@media screen and (max-width:1019px) {
	/*원장인사말 230418*/
	

    /* 아동정책기본계획 _ 201109*/
    .tabst_c_box ul{width:95%;}
    .loyal_box > ul{width: 100% !important;}

	/* 나할말있어요게시판 추가__20200909
	.btn_wrap{display:none;}*/

	/*020301_아동학대관련법*/
	.num_list_t li {width:45%; padding:10px 5% 10px 0; }
	.num_list_t li:before {right:3px; ; }

	.num_list_t.w30 li {width:45%; padding:10px 5% 10px 0; }

	/* 연혁 */
	.historyList,
	.historyList .list {background-image:none;}
	.historyList .list .right,
	.historyList .list .left{float:none; width:100%; margin:0px; background-image:none; }
	.historyList .list .right ul,
	.historyList .list .left ul {float:none !important; width:90%; margin:0 auto; text-align:left; }
	.historyList .list ul li.tit{ text-align:center}
	.historyList .list .left ul:last-child{margin-bottom:0px; }

	/*0206_보호대상아동의 보호를 위한 예비부모 모집*/
	.subBox .bottom_txt {margin:-100px 20px 0; }

	/*0101_인사말
	.greeting .top_wrap {min-height:370px; height:auto; }
	.greeting .top_wrap::after  {display:none; }
	.greeting .top_wrap::before  {display:none; }
	.greeting .top_wrap .greeting_img {width:40%; }
	.greeting .top_wrap .greeting_img img {width:100%; height:auto; }
	.greeting .top_wrap .greeting_txt {padding:8.5rem 1rem 1rem 37%; }*/
	
	/*230418 추가 원장인사말*/	
	.vip .gray_box { padding: 20px; }


	/*020501_아동자립지원 정보북*/
	.book_mLink { padding:0; }
	.book_mLink ul li { width:25%; margin:0.5rem 0; }

	/*020502_2_아동자산형성_디딤씨앗통장 사업현황*/
	.Dtls_mLink { padding:0; }
	.Dtls_mLink ul li { width:25%; margin:0.5rem 0; }

	/*020601_3_1_유엔아동권리협약 이행 지원_ 아동총회*/
	.lctrWrap .lctr{width:95%; }
}



@media screen and (max-width:940px){

	.content_wrap {padding-right:0; }

    /* 지도선택 (공통) */
	.map_view {min-height:auto; }
    .map_choi{position:relative; width:100%; margin:30px 0 30px; }
    .map_choi h4{width:100%; position:relative; left:auto; top:auto; padding:10px 0; }
    .map_choi h4 span{display:inline-block; margin-left:5px; vertical-align:bottom; }
    .map_choi .map_wrap{display:none; }
    .map_choi .list_wrap{ display:block; margin:5px 0 0; }
	.map_choi .list_wrap ul li{width:10%; }

	/*020301_1 드림스타트CI 패턴*/
	.pttrn_wrap {width:100%; height:auto; }

	/*020402_위탁가정*/
	.li_20 dl dt {width:30%; }.li_20 dl dd {line-height:25px; }

	/*0101_인사말
	.greeting .top_wrap {min-height:340px; }
	.greeting .top_wrap .greeting_img {bottom:-5px; }
	.greeting .top_wrap .greeting_txt {padding:7rem 1rem 1rem 37%; }*/
	
	
	/*230427 역대원장 역대부원장 추가*/
	.exvip { flex-wrap: wrap; }
	.exvip .half { width: 100%; margin-bottom: 50px; }
	
	/*230427 원장소개 약력 추가*/
	.prof { margin-bottom: 500px; }
	.prof .pic { position: static; width: 100%; margin: 0 auto; background-position: 50% 50%; }
	.prof .info { transform: none; left: 0; top: 100%; width: 100%; padding-top: 40px; height: 350px; background: url('/images/web/ncrc/sub_cnt/prof_bg.png') no-repeat 50% 50%;  }
	.prof .info p, .prof .info ul li { text-align: center; }
	.prof .info .border { margin: 25px auto 30px auto; }
	
	/*0104_조직구성*/
	.org_chat .bot_chat .box {width:95%;}
	.org_chat .rightBox {right:0; width:50%;}

	/*210608_조직구성*/
	.fiMember .org_chat .rightBox.org01_1{left:0}
	.fiMember .org_chat .bot_chat .box p.org_rig_box{width:45%;left:0}

	/*020403_3_헤이그국제아동입양협약_협약의의미*/
	.box_st6 {height:150px; }
	.box_st6  img {display:none; }
	.box_st7 { height:150px}
	.box_st7  img {display:none; }
	.box_st6_new{height: auto;padding: 1.25rem;}
	.box_st6_new img {display:none; }
	.box_st7_new {height: auto;padding: 1.25rem;}
	.box_st7_new img {display:none; }

	/*200710__후원안내
	.support_box{margin-bottom:25%;}
	.support_box h3{font-size:2rem;}
	.support_box h4{font-size:1.1rem;}
	.sptbox_link{margin-top:30%}
	.sptbox_link a.spt_info01,.sptbox_link a.spt_info02,.sptbox_link a.spt_info03{width: 80%;margin: 1% 10%;}
	.sptbox_link a.spt_info01 span,.sptbox_link a.spt_info02 span{min-width:150px}
*/

        /* 아동정책기본계획 _ 201109*/
    .tabst_c_box ul{width:1000px; }
    .tabst_c_box li{width:180px;}
    .tabst_c_box a{width:180px;}

      /*제 1차 아동정책기본계획 _ 201118*/
    .file_box2 li {width: 99%; margin:10px 0;}
    .file_box2 li:first-child .file_img {width: 50%;}
    .file_box2 li:last-child{width:99%; margin: 0;}
    .file_box2 li .file_img {min-height: 220px;}

	.imgBox .control a.btn_prev {  position:absolute; left: 0%; }
    .imgBox .control a.btn_next {   position:absolute; right: 0%; }

    /*210302 */
    .noticeWrap{position:relative;width: 100%;}
    .noticeWrap .btn_more{right:-5%;}
    .noticeWrap .newNotice{display:none;}
    
    
}
/*max-width:800px____추가__20200907*/
@media screen and (max-width:800px) {
	
	
     /*201208 추가*/
     #map_wrap > div.MapArea{width: 100%;float: none;}
     #map_wrap > div.TableArea{width: 90%;float: none;margin: 0 auto;margin-top: 30px;}
    .Map_box{margin-top: -20px;}

	.sub_visual_els div.btn_wrap{position:relative;}
	.sub_visual_els div.btn_wrap div.box{width:100%;height:80px;text-align:left;}
	.sub_visual_els div.btn_wrap div.box p.title{text-align:left;margin-left:15px;}
	.sub_visual_els div.btn_wrap div.box p{display: inline-block;}
	.sub_visual_els div.btn_wrap div.box p:nth-child(3){margin-left:20px;}
	.tabst_r_box ul{width: 600px;}
	.tabst_r_box li{width:120px;}
	.tabst_r_box a{width:120px;padding: 3rem 0.75rem 0.75rem 0.75rem}

      /* 아동정책기본계획 _ 201109*/
    .tabst_c_box ul{width:100%; }
    .tabst_c_box li{width:20%;}
    .tabst_c_box a{width:150px;}

        /*210115 아동총회*/
    .vid{width: 95%; }
    .vid_tit{width: 95%; font-size: 18px;}
    .vid iframe{width: 95%;}

        /*210127 비주얼*/
    .sub_visual_loyal {display:block;height:482px; background:#ffe564 url('/images/web/ncrc/layout/S_visual_loyal.png') no-repeat; background-position:40%; }
    .sub_visual_loyal h2{text-shadow: -3px 0 #ffe564, 0 3px #ffe564, 3px 0 #ffe564, 0 -3px #ffe564;}

    /*갤러리 게시판 210122*/
    ul.archive li{width: 50%;}

    /*동영상게시판 210122*/
    .T3_E15 .prg_lst > li{width: calc(50% - 1%);}

	/*갤러리 게시판(21-06-28 수정) */
	ul.archive{width: 100%}
	ul.archive > li{width: 100%;margin-right: 0;padding:25px;}
	ul.archive li .arc_txt ul.prg_info{margin-top: 0;}

    /*지역사회중심 210218*/
    .program .program_list .txt{width:100%; }
    .program .program_list .img{width:100%;}
    .slick-slide img{width: 50%; padding: 5px;}
    
    /*정보공개 230518*/
    .part_report03 .link_list li { width: 31%; }
}

@media screen and (max-width:768px) {
	
	/*230418 원장인사말추가*/
	.vip .greetImg { height: 300px; background-size: cover; }
	.vip .greetMoTop h4.txt1 { font-size: 1.3rem; }
	.vip .greetMoTop h5.txt2 { font-size: .9rem; }
	
	/* 팝업박스 .img_box 수정 20200915*/
	.img_box{position:relative;background:#eee;margin:0 auto;text-align:center;height:345px;top:0;right:0;border:0;width:100%;}
	.img_box .popup.attend {float:none;} /*210204*/
	.img_box .popup.attend img{display:inline-block;position:relative;min-width:300px;min-height:300px;margin-left:0%;}/*210204*/

	/*020301_아동학대관련법*/
	.num_list_t li {width:100%; padding:10px 0 40px 0; }
	.num_list_t li:before {right:auto; left:50%; top:auto; bottom:6px; width:18px; height:27px; margin-left:-9px; background:url('/images/web/ncrc/sub_cnt/bg_arr_h.png') no-repeat left top; }
	.num_list_t.w30 li {width:100%; padding:10px 0 40px 0; }
	.num_list_t li .ol_txt {padding:15px 15px 15px 15px; height:auto; text-align:center; }
	.nL_h1 p.ol_txt,
	.num_list_t li div.box {min-height:inherit}

	/*권보원소개*/
	.icbox_wrap ul li{width:25%; }

	/* 연혁 */
	.historyList .list .right,  .historyList .list .left{width:100%; }


	/*0104_조직구성*/
	.org_chat:before{left:15%; margin-left:3.5rem}
	.org_chat h2 {margin:0 0 3.5rem 15%;}
	.org_chat h3 {width:7rem; margin-left:15%;}
	.org_chat p a{width:60%;}
	.org_chat .rightBox{width:calc(70% - 3.5rem); right:15%;}
	.org_chat .bot_chat{width:100%; float:left; padding:0.5rem; overflow:hidden; background:#fff; border:2px solid #ccc; }
	.org_chat .bot_chat::before{ display:none; }
	.org_chat .bot_chat .list{padding-top:0px; width:48%; margin:1%; }
	.org_find_area{border:1px solid #eee; padding:10px; }
	.org_find_area p{text-align:right}
	.fiMember { border: 0 !important; }

	/*210608_조직구성*/
	.fiMember .org_chat:before{left:2.05rem;height:86.6%}
	.fiMember .org_chat h2{margin:0 0 0 0.9rem}
	.fiMember .org_chat h3{margin-left:0;margin-top:12.9rem}
	.fiMember .org_chat .rightBox.org01 p{margin:0; margin-top: 11.5rem;}
	.org_chat .rightBox{width: calc(100% - 5.6rem);left:auto;right:0}
	.fiMember .org_chat .rightBox.org01_1{left:auto}
	.fiMember .org_chat .rightBox2.org01_1 p.box_green{text-align:right;margin-top:0.9rem}
	.fiMember .org_chat .rightBox2.org01_1 p.box_green a{background-image:url('/images/web/ncrc/sub_cnt/blue_circle_border2.png'); position : relative; z-index: 99;}
	.fiMember .org_chat .bot_chat{background:transparent;margin-top:1.5rem;float:right;width:calc(100% - 5.1rem);border:none}
	.fiMember .org_chat .bot_chat a{border:1px solid orange}
	.fiMember .org_chat .bot_chat .list{width:100%;margin:0;position:relative;background:none;padding-left:7.3%; padding-bottom: 50px;}
	.fiMember .org_chat .bot_chat .list::before{content:'';position:absolute;width:61%;height:1px;background:#ddd;left:0;top:30px}
	.fiMember .org_chat .bot_chat .list::after { content: ""; position: absolute; width: 1px; height: 100%; background: #ddd; left: 0; top: -212px; }
	.fiMember .org_chat .bot_chat .box{width:100%}
	.fiMember .org_chat .bot_chat .box > a{float:left;width:50%}
	.fiMember .org_chat .bot_chat .box ul{width:50%;margin-bottom:1.2rem;float:right;position:relative}
	.fiMember .org_chat .bot_chat .box ul:before{content:'';position: absolute; left:15px;top:30px;width:1px;height: calc(100% - 83px); background: #ddd;/*position:absolute;background: url(/images/web/ncrc/sub_cnt/line_gray.gif) repeat-y left center,url(/images/web/ncrc/sub_cnt/line_gray.gif) repeat-x left bottom;left:7%;top:30px;width:100%;height:51%*/}
	.fiMember .org_chat .bot_chat .box ul li{margin-top:0;margin-bottom:1.2rem;padding-left:15.5%}
	.fiMember .org_chat .bot_chat .box ul li::before { content: ""; position: absolute; top: 50%; left: 15px; background: #ddd; width: 40px; height: 1px; } 
	.fiMember .org_chat .bot_chat .box ul li:first-child::before { display: none; }
	.fiMember .org_chat .bot_chat .box ul li a{position:relative;z-index:1}
	.fiMember .org_chat .bot_chat .box p.org_rig_box{position:absolute;width:54%;bottom:0;left:47%;background:transparent;margin-bottom:1.3rem;padding-left:7.3%}
	.fiMember .org_chat .bot_chat .box p.org_rig_box a{margin:0;width:100%}
	.fiMember .org_chat .bot_chat .box > a:before{top:50%;left:-0.4rem;transform:translate(0,-50%);width:14px;height:14px}
	.fiMember .org_chat .bot_chat .box p.org_rig_box a:before{left:50%;top:-12%;transform:translate(-50%,0);width:14px;height:14px}
	.fiMember .org_chat .bot_chat .box p.org_rig_box::before{left:56.8%;top:0;transform:translate(0,0);width: 1px;height: 39px;top:-42px}

	.fiMember .org_chat .rightBox.org02 p{margin:7rem 0 0 0}
	.fiMember .org_chat .org_rig_box br { display: none; }
	.fiMember .org_chat .special_one .org_rig_box { width: 200px !important; left: 0 !important; bottom: 75px !important; }  
	
	.fiMember .org_chat .special_one ul li:last-child { margin-top: 3rem; }
	.org_title1212 { opacity: 0; }


	/*0101_이력*/
	.gre_history::before,
	.gre_history .history_txt:before,
	.gre_history .history_txt:after{left:1rem; }
	.gre_history .history_txt{padding-left:2.2rem; }
	.gre_history .history_txt ul li{padding-left:15px !important; }
	.gre_history .history_txt ul li span{position:relative; display:block; left:auto; top:auto; margin:0 0 5px; }

	/*0206_보호대상아동의 보호를 위한 예비부모 모집*/
	.subBox .box_bg {height:300px; }
	.subBox .txt {padding:25px 25px 45px 25px; }
	.subBox .bottom_txt::after {display:none; }
	.subBox .bottom_txt {height:auto; }
	.subBox .bottom_txt::before {display:none; }
	.subBox br {display:block; }

	/*0101_인사말*//*
	.greeting .top_wrap {min-height:280px; }
	.greeting .top_wrap .greeting_txt {padding:3.5rem 1rem 1rem 40%; }
	*/
	
	/*020501_아동자립지원 정보북*/
	.book_mLink { margin:0; }

	/*020502_2_아동자산형성_디딤씨앗통장 사업현황*/
	.Dtls_mLink { margin:0; }

	/*020403_입양정책 수립 지원_입양 특례법*/
	.Law_w {display:block; width:100%; margin:0;}
	.Law_w dl {display:block; height:auto; padding:1rem; margin:0.5rem 0;}

	/*200710__후원안내
	.support_box{margin-bottom:15%;background-position-y:-50px;}
	.sptbox_link{margin-top:20%;}*/

	/*20210618*/
	.domesticReceipt .question input[type=text]{width:18rem}
	.domesticReceipt button{width:4rem}
	.domesticReceipt td.privacy dl{display:block;}
	.domesticReceipt td.privacy dt,
	.domesticReceipt td.privacy dd{display:block}
	.domesticReceipt td.privacy dd{margin-top:0.5rem}
	
	/*나, 할말있어요 게시판 20220509 */
	.sub_visual_els {display:block;height:450px;background: #fff url('/images/web/ncrc/layout/visual_talk_mo.png') no-repeat center bottom;overflow:hidden;}
	
}


@media screen and (max-width:700px){
/*___추가__20200907*/
	.tabst_r_box{overflow-x:scroll;}

    /* 지도선택 (공통) */
    .map_choi .list_wrap ul li{width:25%; }

	/*아동학대 신고*/
	.reporting {height:auto; }
	.reporting .img_wrap {position:relative; width:100%; margin:0 auto; text-align:center; }
	.reporting .cont_wrap {padding-left:0; margin-top:40px; }

	/*020301_통계*/
	.title_g {font-size:30px; }

	/* 연혁 */
	.historyList > img{ width:50%; height:auto}
	.historyList .list .right ul, .historyList .list .left ul {width:95%; }
	.historyList .list ul li > span{ display:block; margin-right:0}

	/*020402_부모교육유형*/
	.txt_w .right_cont {position:relative; width:100%; margin:0 auto; text-align:center; }
	.txt_w .cont_wrap {padding-left:0; margin-top:20px; }
	.txt_w .cont_wrap.last {height:auto; }
	.txt_w .cont_wrap.last p {line-height:20px; text-align:center; }

	/*020403_3_헤이그국제아동입양협약_협약의의미*/
	.li_w_box > li {width:100%; float:none; }
	.box_st6 {height:auto; }
	.box_st7 { height:auto; }

	/*정보공개*/
	.part_report03 .part_area {min-height:850px}

    /* 201118 제2차 아동정책기본계획 */
    .file_box li {width: 100%; margin-bottom: 20px;}

    /*메뉴삭제 로고 210223*/
    .no_header .logo{ position: relative; height: 70px; text-align: center;}/*210223*/
    
    
    /*정보공개 230518*/
    .part_report03 .link_banner { flex-wrap: wrap; }
    .part_report03 .link_banner a { flex: none; width: 100%; }
    .part_report03 .link_banner a + a { margin: 10px 0; }
}

@media screen and (max-width:640px){
    /* 아동정책기본계획 _ 201109*/
    .tabst_c_box ul{width:100%; }
    .tabst_c_box li{width:50%;}
    .tabst_c_box a{width:100%; height:150px; }

	/* 전광판 201124 */
    .policy .disbrd{width:96%;}
}

@media screen and (max-width:590px) {

    .bbs_ViewA .bbsV_cont .popup2 .popupList2 img { width:auto; height:90%; position:relative; left:40%; transform:translateX(-50%); margin-top:0; -webkit-transform:translateX(-50%); }

	/* 연혁 */
	.historyList > img{ width:60%}

	/*020402_위탁가정*/
	.li_20 dl dd {line-height:20px; }
	.li_20 dl dt {width:100%; line-height:30px; }

	/*0206_보호대상아동의 보호를 위한 예비부모 모집*/
	.subBox .bottom_txt {margin:-100px 10px 0; }

	/*권보원소개*/
	.icbox_wrap ul li{width:50%; }

	/*0101_인사말
	.greeting .top_wrap .greeting_txt {padding:3.5rem 1rem 1rem 5%; }
	.greeting .top_wrap .greeting_img img {display:none; }*/
	
	/*230418 원장인사말 추가*/
	.vip .greetImg { margin-bottom: 200px; }
	.vip .greetMoTop { width: 100%; display: flex; flex-direction: column; align-items: center; top: 105%; right: auto; transform: translateY(0); }
	.vip .greetMoTop h4.txt1 { text-align: center; }
	.vip .greetMoTop h5.txt2 { text-align: center; }
	.vip p { font-size: 15px; }
	
	/*020502_2_아동자산형성_디딤씨앗통장 사업현황*/
	.Dtls_mLink ul li { width:33.3%; }

	/*정보공개*/
	.part_report03 .part_area,.part_report03 .part_area:first-child { width:100%}

	/*200710__후원안내
	.support_box{margin-bottom:15%;background-position-y:-30px;background-size:150%;}
	.support_box h3{font-size:1.5rem;}
	.support_box h4{font-size:1rem;}
	.sptbox_link a strong{font-size:1rem;}
	.sptbox_link a.spt_info01,.sptbox_link a.spt_info02{padding-top:5%;}
	.sptbox_link a.spt_info03{padding:4%;}
	.sptbox_link a.spt_info03::after{background-size:60%;}*/

    .btn_wrap{display:block;top:500px;right:20px;  position: static;overflow:hidden;z-index:100;}
    .btn_wrap div.box{margin:auto;margin-top:30px;}


    /*************210806 정보공개**************/
    .customer h3 br{display: none; word-break: keep-all;}

}

@media screen and (max-width:480px) {

	.bbs_ViewA .bbsV_cont .popup2 .popupList2 img { width:auto; height:60%; position:relative; left:30%; transform:translateX(-50%); margin-top:0; -webkit-transform:translateX(-50%); }

	/*020501_아동자립지원 정보북*/
	.book_mLink ul li a p { width:80px; height:80px; line-height:80px; }
	.book_mLink ul li a img { width:48px; height:48px; }

	/*0104_조직구성*/
	.org_chat:before{left:0%; margin-left:3.5rem}
	.org_chat h2 {margin:0 0 3.5rem 0%;}
	.org_chat h3 {width:7rem; margin-left:0%;}
	.org_chat .rightBox{width:calc(100% - 3.5rem); right:0%;}
	.org_chat .bot_chat .list{ width:98%; margin:0.5rem 1%; }


	/*210608_조직구성*/
	.fiMember .org_chat h2{width:126px;height:126px;line-height:126px;margin-left:2.1rem}
	.fiMember .org_chat h3{width:166px;margin-left:1rem}
	/*
	.fiMember .org_chat .rightBox.org01 p{margin-top:4rem}
	.fiMember .org_chat .rightBox2.org01_1 p.box_green{margin-top:8rem}
	*/
	.fiMember .org_chat p.box_green a{width:160px; font-size: 15px;}
	.fiMember .org_chat p.box_pink a{width:170px}
	.fiMember .org_chat:before{height:30.5%}
	.fiMember .org_chat .bot_chat{width:100%}
	.fiMember .org_chat .rightBox{width:calc(100% - 5.6rem)}
	.fiMember .org_chat .bot_chat ul::before { content: ""; position: absolute; top: 30px; left: 50%; width: 1px; height: calc(100% - 156px); background: #ddd; }
	.fiMember .org_chat .bot_chat .list{padding-left:0; /*background: url(/images/web/ncrc/sub_cnt/line_gray.gif) repeat-y center;*/ }
	.fiMember .org_chat .bot_chat .box > a{width:100%}
	.fiMember .org_chat .bot_chat .box > a:before{top:-7px;left:50%;transform:translate(-50%,0);}
	.fiMember .org_chat p.box_green {position: relative;}
	.fiMember .org_chat p.box_green::before { content: ""; position: absolute; top: 0; left: -1px; width: 1px; height: 120%; background: #ddd; }
	/*
	.fiMember .org_chat .bot_chat .list:nth-child(3) .box > a,
	.fiMember .org_chat .bot_chat .list:last-child .box > a{margin-bottom:6rem}
	.fiMember .org_chat .bot_chat .list:last-child .box ul{margin-bottom:0}
	.fiMember .org_chat .bot_chat .list:last-child .box ul li:last-child{margin-bottom:0}
	*/
	.fiMember .org_chat .bot_chat .list::after { display: none; }
	.fiMember .org_chat .bot_chat .box ul{width:100%;margin:1.2rem 0}
	.fiMember .org_chat .bot_chat .box ul li{padding-left:0}
	.fiMember .org_chat .bot_chat .box ul:before{background:none}
	.fiMember .org_chat .bot_chat .box p.org_rig_box::before{left: 0;transform: translate(0,0);width:24%;height:1px;top:22px}
	.fiMember .org_chat .bot_chat .box p.org_rig_box{ position: relative; top:50% !important;transform:translateY(-50%) !important;left:auto !important;right:0 !important;width:50% !important;padding-left:2rem}
	.fiMember .org_chat .bot_chat .box p.org_rig_box a:before{left:-7px;top:50%;transform:translate(0,-50%);}
	
	.fiMember .org_chat .special_one ul li:last-child { margin-top: 0; }
	.fiMember .org_chat .bot_chat .box.special_one p.org_rig_box { transform: translateY(73px) !important; } 

	/*나할말있어요____추가__20200907*/
	.sub_visual_els .container > p.h2{font-size: 1rem;}
    .sub_visual_els h2{font-size: 2rem;}
	.sub_visual_els div.btn_wrap{position:relative;}
	.sub_visual_els div.btn_wrap div.box{width:100%;height:120px;text-align:left;overflow: hidden;}
	.sub_visual_els div.btn_wrap div.box p:nth-child(3){position:absolute;display:block;bottom:20px;}
	.sub_visual_els div.btn_wrap div.box p:nth-child(4){position:absolute;display:block;left:120px;bottom:20px;}

	/*200710__후원안내
	.support_box{background-size:200%;}
	.support_box h3{font-size:1.3rem}
	.sptbox_link a.spt_info01,.sptbox_link a.spt_info02{border-radius:40px;}
	.li_w25.spt_banner > li {width:50%;}*/

	/*210127 타이틀*/
	.sub_visual_loyal h2{font-size:2.5rem;}

	 /*동영상게시판 210122*/
    .T3_E15 .prg_lst > li{width:100%;}

	/*20210618 국내입양가정 대상자 접수*/
	.domesticReceipt .question input[type=text]{width:15rem}
	.domesticReceipt button{margin-left:0}
	
	/*정보공개 230518*/
    .part_report03 .link_list li { width: 48%; }
}
@media screen and (max-width:424px) {
	.domesticReceipt td.privacy table td br{display:none}
	
	.prof .pic { width: 80%; background-size: 100%; }
	.prof .info { height: 400px; }
	.prof .info p { font-size: 25px; }
	.prof .info ul li { font-size: 14px; }
}
@media screen and (max-width:380px) {
	/* 팝업박스 .img_box 수정 20200915*/
	.img_box img{min-width:auto;min-height:auto;height:80%;margin-top:10%}

	.subBox br {display:none; }

	/*0104_조직구성*/
	.org_chat p a{font-size:0.8rem;}

	/*020501_아동자립지원 정보북*/
	.book_mLink ul li { width:33.33%; }

	/*020502_2_아동자산형성_디딤씨앗통장 사업현황*/
	.Dtls_mLink ul li { width:33.33%; }

	/*020403_2_입양숙려기간 모자지원사업 안내*/
	.cont > ul > li{padding:5px 0; }
	.cont > ul > li > p{position:relative; left:auto; top:auto; margin:0 0 5px; }

	/*200710__후원안내
	.sptbox_link ul li:first-child{width:30%;}
	.sptbox_link ul li:nth-child(3){width:38%;}
	.sptbox_link ul li:last-child{width:40%;}*/

	/*210608_조직도구성*/
	.fiMember .org_chat h2{width:110px;height:110px;line-height:110px;margin-left:2.5rem}
	.fiMember .org_chat h3{width:54%;margin-left:0.8rem}
	/*
	.fiMember .org_chat  .rightBox.org01 p{margin-top:0.7rem}
	*/
	.fiMember .org_chat p.box_green a{width:140px; font-size: 14px;}
	.fiMember .org_chat p.box_pink a{width:60%}

	/*20210618 국내입양대상 접수*/
	.domesticReceipt td.privacy .listStyle{background-position-y:7px}
}
@media screen and (max-width:360px) {

/*210127 타이틀*/
	.sub_visual_loyal h2{font-size:2rem;}

}
@media screen and (max-width:320px) {
	.domesticReceipt .question input[type=text]{width:13rem}
	.domesticReceipt .selectArea ul>li:first-child{margin-right:0}
}



/* 아동을 위한 알기쉬운 개인정보 처리방침 S */
.new_1029{border: 4px solid #FDDA00;}
.new_1029 tr > td{padding: 10px;border: 1px solid #FDDA00}
.new_1029 tr > td:first-of-type{border-left: 2px solid #FDDA00;}
.new_1029 tr > td:last-of-type{border-left: 2px solid #FDDA00;}
.new_1029 tr > td.top{}
.new_1029 .flex_box{column-gap: 16px;align-items: center;flex-wrap: nowrap;}
.new_1029 tr > td.top .flex_box > img{flex: 0 0 auto;width: 70px;}
.new_1029 tr > td.top .flex_box .right{flex: 1 1 0%;text-align: center;}
.new_1029 tr > td.top .flex_box .right .tit{font-size: 1rem;font-weight: 700;}
.new_1029 tr > td.top .flex_box .right .tit + p{margin-top: 8px;}
.new_1029 .td_left{text-align: center;}
.new_1029 .td_right{}
.new_1029 .td_right .s_tit{font-size: 0.9rem;font-weight: 700;}
.new_1029 .td_right .s_tit + p{margin-top: 8px;}
.new_1029 .td_right .s_tit + .flex_box{margin-top: 8px;}
.new_1029 .td_right .flex_box > img{flex: 0 0 auto;}
.new_1029 .td_right a{display: inline-block;font-weight: 700;text-decoration: underline;color: #003a85;}

@media (max-width: 600px){
.new_1029 .flex_box{align-items: center;}
.new_1029 tr > td.top .flex_box > img{width: 50px;}
.new_1029 .td_right .flex_box{row-gap: 8px;flex-direction: column-reverse;}
.new_1029 .td_right .flex_box.ae{flex-direction: column;}
}
/* 아동을 위한 알기쉬운 개인정보 처리방침 E *