@charset "utf-8";


/*0102_인사말 200917 */
/*
.greeting {overflow:hidden; }
.greeting .top_wrap {position:relative; width:100%; height:354px; background:url('/images/web/ncrc_en/sub_cnt/greeting_bg.png') no-repeat bottom right; }
.greeting .top_wrap .greeting_img {position:absolute; bottom:-7px; left:0; width: 30%; }
.greeting .top_wrap .greeting_img img {width:364px; height:353px; }
.greeting .top_wrap::before {content:''; position:absolute; top:0; left:0; width:291px; height:289px; background:url('/images/web/ncrc_en/sub_cnt/greeting_pttrn1.png') no-repeat; z-index:-1; }
.greeting .top_wrap::after {content:''; position:absolute; top:140px; right:1.5%; width:73px; height:73px; background:url('/images/web/ncrc_en/sub_cnt/greeting_pttrn2.png') no-repeat; }
.greeting .top_wrap .greeting_txt {padding: 7rem 5rem 1rem 35%; word-break: keep-all; }
.greeting .top_wrap .greeting_txt .txt1 {font-size: 1.1rem; color:#fff; font-family: 'GmarketSans'; }
.greeting .top_wrap .greeting_txt .txt1 span {color:#ffd200; }
.greeting .top_wrap .greeting_txt .txt2 {font-size:17px; color:#fff; padding-top:20px; }
.greeting .txt_wrap .txt_t {font-size:25px; color:#075794; padding-top:50px; }
.greeting .txt_wrap .txt_t span {font-weight: bold; }
.greeting .sign { text-align:right; margin:40px 0 0; font-size:20px; color:#111; }
.greeting .sign img { max-width:100%; width:auto !important; height:auto; }
.greeting .sign strong { font-weight:400; vertical-align:bottom; }
.greeting .sign p { display:inline-block; vertical-align:bottom; margin-left:10px; }
*/

.greeting { font-size: 0.9rem; color: #222; }
.greeting .top_wrap { display: flex; align-items: center; }
.greeting .top_wrap > img { width: 300px; margin-right: 70px; }
.greeting .top_wrap .title_wrap { width: 575px; padding-top: 40px; position: relative; }
.greeting .top_wrap .title_wrap::before { content:""; position: absolute; top: 0; left: 0; width: 39px; height: 32px; background: url(/images/web/ncrc/sub_cnt/before_quote.png) no-repeat 50% 50%; opacity: .5; }
.greeting .top_wrap .title_wrap::after { content:""; position: absolute; top: 200px; left: 350px; width: 39px; height: 32px; background: url(/images/web/ncrc/sub_cnt/after_quote.png) no-repeat 50% 50%; opacity: .5; }
.greeting .top_wrap .big { font-family: 'GmarketSans'; font-size: 35px; font-weight: 300; }
.greeting .top_wrap .mid { font-family: 'GmarketSans'; font-size: 20px; font-weight: 500; margin: 25px 0 35px; }
.greeting .top_wrap .mid span { color: #116fc6; }
.greeting .gray_box { margin: 50px 0; padding: 45px; background: #f6f6f6; }
.greeting .gray_box li { display: flex; }
.greeting .gray_box li + li { margin-top: 10px; }
.greeting .gray_box li b { display: inline-block; width: 70px; }


/*아동권보원 소개*/
.icbox_type01{width:98%;height:100%;padding:25px 10px 10px 10px;border:1px solid #dae0e5;min-height: 312px;}/*210511 수정*/
.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; 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%; }
.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_en/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:9.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_en/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_en/sub_cnt/gre_history_icon2.png') no-repeat center top; background-size:cover;}

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

/*0104_조직구성 200917*/
/*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:#ddd;}
.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.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:#ddd; 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: 22rem; background: #ccc; max-height: 400px; }
.org_chat .bot_chat .list:first-child::before {max-height: 301px;}
.org_chat .bot_chat .list:nth-child(2)::before {max-height: 301px;}
.org_chat .bot_chat .list:last-child::before {max-height: 316px;}
.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:#ddd; 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 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: 6.5rem;}
.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 #ccc;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;border-radius:64px;position:relative;font-size:12px;}
.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; }


/* 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_en/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_en/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_en/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_en/sub_cnt/pttrn_symbol.gif'); box-shadow: 5px 5px #ccc; }

/*연혁*/
.historyList {overflow:hidden; text-align:center; background:url('/images/web/ncrc_en/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_en/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_en/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_en/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_en/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_en/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_en/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:14.2%; 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; }


/*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; }


/*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_en/sub_cnt/btn_n_prev.png')no-repeat center; }
.lctrWrap .slick-arrow.slick-next{right:50%; margin-right:-50px; background:url('/images/web/ncrc_en/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; }

/* 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_en/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_en/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_en/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_en/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_en/sub_cnt/sub_support_ic06.png") no-repeat;content:"";}
.spt_banner img{max-width:100%;}

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




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

	/*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; }

	/*0102_인사말 200917*/
	/*
	.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 3rem 1rem 37%; }
	*/
	
	/*인사말 230503*/
	.greeting .top_wrap { justify-content: space-between; }
	.greeting .top_wrap > img { width: 35%; margin: 0; }
	.greeting .top_wrap .title_wrap { width: 53%; }

	/*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%; }

	.fiMember .org_chat:before{height:22.5rem}
}



@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; }

	/*0102_인사말 200917*/
	/*
	.greeting .top_wrap {min-height:340px; }
	.greeting .top_wrap .greeting_img {bottom:-5px; }
	.greeting .top_wrap .greeting_txt {padding:7rem 3rem 1rem 37%; }
	*/
	
	/*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; }

	/*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}
*/
}


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

	/*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_en/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; 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 .org_chat .rightBox.org01 { margin-top: 0; }
	.fiMember .org_chat .rightBox.org01 a { font-size: 12px; }

	/*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:12rem}
	.fiMember .org_chat .rightBox.org01 p{margin:2.3rem 0}
	.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{ display: flex; justify-content: flex-end; text-align:right;margin-top:1rem}
	.fiMember .org_chat .rightBox.org03{top:16.5rem}
	.fiMember .org_chat .rightBox2.org01_1 p.box_green a{background-image:url('/images/web/ncrc/sub_cnt/blue_circle_border2.png')}
	.fiMember .org_chat .bot_chat{background:transparent; padding-top:3.5rem;float:right;width:calc(100% - 5.1rem);border:none; position: relative;}
	.fiMember .org_chat .bot_chat ul { position: relative; }
	.fiMember .org_chat .bot_chat ul::before { content: ""; position: absolute; top: -120px; left: 0; width: 1px; height: 88.2%; background: #ddd; }
	.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%;}
	.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 .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;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 a{position:relative;z-index:1}
	.fiMember .org_chat .bot_chat .box p.org_rig_box{position:absolute;width:54%;bottom:0;left:0;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 .bot_chat .list:nth-child(2) .box ul:before{height:65%}
	.fiMember .org_chat .bot_chat .list:nth-child(2) .box ul li:nth-child(2){position:relative}
	.fiMember .org_chat .bot_chat .list:nth-child(2) .box ul li:nth-child(2)::before{content:'';width:50%;height:1px;background: url(/images/web/ncrc/sub_cnt/line_gray.gif);position:absolute;left:0.9rem;top:1.8rem;}
	.fiMember .org_chat .bot_chat .list:nth-child(4) .box ul:before{height:69%}
	.fiMember .org_chat .bot_chat .list:nth-child(4) .box ul li:nth-child(2)::before{content:'';width:50%;height:1px;background: url(/images/web/ncrc/sub_cnt/line_gray.gif);position:absolute;left:0.9rem;top:6.4rem;}
	.fiMember .org_chat .bot_chat .list:nth-child(4) .org_rig_box{bottom:4.7rem}
	.fiMember .org_chat .bot_chat .list:nth-child(1) { margin-bottom: 100px; }
	.fiMember .org_chat .bot_chat .list:nth-child(1) p.org_rig_box { top: 100%; left: auto; right: 0; }
	
	.fiMember .org_chat .bot_chat .list:nth-child(3) { margin-bottom: 100px; }
	.fiMember .org_chat .bot_chat .list:nth-child(3) p.org_rig_box { top: 100%; left: auto; right: 0; }
	
	.fiMember .org_chat .special_one ul li:last-child { margin-top: 5rem; }
	.fiMember .org_chat .special_one p.org_rig_box { width: 100% !important; }
	
	.fiMember .org_chat .bot_chat .list:last-child { padding-bottom: 5rem; }
	.fiMember .org_chat .bot_chat .list:last-child p.org_rig_box { left: auto; right: 0; }
	
	.fimember .box_st1 { border: none; }
	

	.fiMember .org_chat .rightBox.org02 p{margin:7rem 0 0 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_인사말 200917*/
	/*
	.greeting .top_wrap {min-height:280px; }
	.greeting .top_wrap .greeting_txt {padding:3.5rem 3rem 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%;}*/
}


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

    /* 지도선택 (공통) */
    .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}


}

@media screen and (max-width:590px) {
	
	/* 연혁 */
	.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_인사말 200917*/
	/*
	.greeting .top_wrap .greeting_txt {padding:3.5rem 3rem 1rem 5%; }
	.greeting .top_wrap .greeting_img img {display:none; }
	*/
	
	/*인사말 230503*/
	.greeting { font-size: 14px; }
	.greeting .top_wrap .big { font-size: 24px; }
	.greeting .top_wrap .mid { font-size: 18px; }
	.greeting .top_wrap { flex-wrap: wrap; justify-content: center; }
	.greeting .top_wrap > img { width: 200px; }
	.greeting .top_wrap .title_wrap { width: 90%; }
	.greeting .gray_box { padding: 20px; }

	/*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%;}*/
}

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

	/*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 { min-width: 420px; overflow: auto; }
	
	.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:180px; font-size: 12px !important;}
	.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% - 195px); 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 .bot_chat .list:last-child p.org_rig_box {  transform: translateY(20%) !important; }
	
	.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; } 
	
	.fiMember .org_chat .bot_chat .list:nth-child(1),
	.fiMember .org_chat .bot_chat .list:nth-child(3) { margin-bottom: 10px; }

	/*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%;}*/

}

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

	.subBox br {display:none; }

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

	/*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:60%}
	.fiMember .org_chat p.box_pink a{width:60%}
	*/

	/*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%;}*/

}