@charset "utf-8";

.container { position:relative; width:100%; max-width:1400px; margin:0 auto; }
.container:after { display:block; content:""; clear:both; }

/* Skip 메뉴 */
#skipArea, #skipArea ul { height:0; width:100% }
#skipArea a { position:absolute; top:-9999px; left:0; z-index:100; width:100%; height:30px; background-color:#000; color:#fff; line-height:30px; opacity:1; text-align:center; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; filter:alpha(opacity=60) }
#skipArea a:focus, #skipArea a:hover, #skipArea a:active { top:0 }

/* 슬라이드 공용 */
.slick-slider { transition:all ease-in-out .3s; 	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; }
.slick-slide { display:none; height:100%; min-height:1px; vertical-align:middle; }
.slick-list { overflow:hidden; }
.slick-list.dragging { cursor:pointer; }
.slick-initialized .slick-slide { display:inline-block; overflow:hidden; }
.slick-arrow.slick-hidden { display:none; }
.slick-current { opacity:1; display:block; }
.slick-track { position:relative; left:0; top:0; display:block; margin-left:auto; margin-right:auto; }

/* 레이아웃 및 헤더 */
#wrap { position:relative; width:100%; overflow:hidden; }
/** Header **/
#header #nav #gnb,
#header #nav #gnb ul li a span:after,
#header #nav #gnb ul li ul { transition :all 0.4s ease; -webkit-transition :all 0.4s ease; }

#mobNav { display:none; }
#header { position:absolute; left:0; top:0; width:100%; height:80px; transition:all .3s ease; -ms-transition:all .3s ease; -webkit-transition:all .3s ease; z-index:1; background:#fff;  }
#header .headerWrap { position:relative; width:100%; float:left; z-index:2; }
/* 로고 */
#header h1.logo { position:absolute; left:2%; top:10px; z-index:3; }
#header h1.logo a { display:block; }
#header .mob_btn { display:none; }

/* top util */
#header .container { position:absolute; top:0; }
#header .lang { position:absolute; right:2%; top:20px; margin-right:120px; z-index:3; }
#header .lang > a { display:block; padding-left:28px; line-height:44px; background:url('/images/web/ncrc/layout/toputil_lang.png') no-repeat left center; }
#header .lang > a:hover,
#header .lang > a:focus { color:#004a96; }

/* 로그인/로그아웃 */
#header .loginBox {position:absolute; right:2%; top:20px; margin-right:60px; z-index:1;}
#header .loginBox a{display:block; width:44px; height:44px; text-indent:-9999em; overflow:hidden;}
#header .loginBox a.btn_login{background:url('/images/web/ncrc/layout/toputil_login.png') no-repeat center;}
#header .loginBox a.btn_logout{background:url('/images/web/ncrc/layout/toputil_logout.png') no-repeat center;}

/* 검색 */
#header .search_btn { position:absolute; right:2%; top:20px; margin-right:60px; z-index:1; }
#header .search_btn a { display:block; width:44px; height:44px; text-indent:-9999em; background:url('/images/web/ncrc/layout/btn_search.png') no-repeat center; background-size:20px auto; border-right:1px solid rgba(255,255,255,0.2); }
#header .search_btn button:hover { background-color:#4e607c; }
#header .search { position:absolute; display:none; width:100%; right:0px; top:80px; z-index:200; background:#e4f1ff; overflow:hidden; box-shadow:0 5px 5px rgba(0,0,0,0.1); z-index:1; border-top:1px solid #ddd; }
#header .search h2 { position:absolute; left:-9999em; top:-9999em; width:1px; height:1px; text-indent:-9999em; overflow:hidden; }
#header .search_wrap { position:relative; width:80%; max-width:1000px; margin:45px auto; }
#header .search form { position:relative; margin-right:120px; border-bottom:1px solid #ccc; background:#fff; }
#header .search .inputBox { margin-right:60px; }
#header .search input { height:50px; line-height:50px; padding-left:2%; width:98%; font-size:0.7rem; color:#555; border:none; background:none; }
#header .search input::-webkit-input-placeholder { color:#555; }
#header .search a.btn_top_sear { position:absolute; right:0; top:0; width:60px; height:50px; float:right; text-indent:-9999em; background:url('/images/web/ncrc/layout/btn_nav_search.png') no-repeat center; }
#header .search_close { position:absolute; right:0px; top:0; z-index:300 }
#header .search_close a { display:block; width:100px; height:50px; line-height:50px; text-align:center; background:#187aca; color:#fff; font-family:'NotoSans'; }
#header .search_close a:hover { background:#0f66a5; }
#header a { transition:all .3s ease; -ms-transition:all .3s ease; -webkit-transition:all .3s ease; }

/* 사이트맵 210129 수정*/
.sitemap_btn { position:absolute; right:1%; top:23px; font-size: 16px;line-height:16px; display:block; padding:10px 10px;  background:#0f66a5; color: #fff; overflow:hidden; z-index:1;  border: 1px solid #004a80; }
.sitemap_btn span { display:block; float:left; width:100%; margin:2px 0; height:2px; background:#fff; }
.sitemap_btn span:first-child { width:80%; }
.sitemap_btn span:last-child { width:80%; }
.sitemap_btn:hover { color:#004a80;background:#fff;  }
.sitemap_btn:hover span { width:100% !important; }
.sitemap_btn, .sitemap_btn span { transition:all .3s ease; -ms-transition:all .3s ease; -webkit-transition:all .3s ease; }

.gnbShadow { display:none; position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0, 0, 0, 0.7); z-index:1; }
#header .gnb { position:relative; width:100%; height:80px; z-index:3; background:#fff; z-index:1; }
#header .gnb .wrap a:hover { text-decoration:underline; }
#header .gnb .wrap .d01 { display:block; margin:0 auto; text-align:center; padding:0 250px 0 280px; }
#header .gnb .wrap .d01 > ul > li { width:14.2%; float:left; }
#header .gnb .wrap .d01 > ul > li > a { position:relative; display:block; height:80px; line-height:80px; padding:0 0.7rem; color:#000; text-align:center; font-size:.9rem; font-weight: 500; letter-spacing:-2px; }
#header .gnb .wrap .d01 > ul > li > a span { position:relative; }
#header .gnb .wrap .d01 > ul > li > a[target="_blank"] span:after { position:relative; content:""; display:inline-block; width:14px; height:14px; margin:-2px 0 0 8px; vertical-align:middle; background:url("/images/web/ncrc/layout/icon_nav_blank.png") no-repeat; }
#header .gnb .wrap .d01 > ul > li > a::before { content:""; position:absolute; left:50%; bottom:0; width:0px; height:3px; background:#004a96; opacity:0; transition:all .3s ease; -ms-transition:all .3s ease; -webkit-transition:all .3s ease; }
#header .gnb .wrap .d01 > ul > li.active > a,
#header .gnb .wrap .d01 > ul > li > a:hover,
#header .gnb .wrap .d01 > ul > li > a:focus { color:#004a96;  text-decoration:none; }
#header .gnb .wrap .d01 > ul > li > a:hover::before { width:60%; margin-left:-30%; opacity:1; }
#header .gnb .wrap .d01 > ul > li > div { display: none; position:absolute; left:0; top:80px; width:100%; border-top:1px solid #ddd; background:#fff; }
#header .gnb .wrap .d02 { position:relative; width:100%; max-width:1400px; min-height:280px; margin:0 auto; font-family:'NotoSans'; text-align:left; font-weight:400; }
#header .gnb .wrap .d02:before { content:""; position:absolute; left:-100%; top:0; margin-left:320px; width:100%; height:100%; background:#fff; }
#header .gnb .wrap .d02::after { content:""; display:block; clear:both; }
#header .gnb .wrap .d02 .head { display: flex; flex-direction: column; padding-left: 300px; padding-top: 3rem; color: #fff; position:absolute; left:-255px; top:0; width:575px; height:100%; overflow:hidden; text-align:left; background: #1170c5 url('/images/web/ncrc/layout/gnb_left.jpg') no-repeat 100% 100%; }
#header .gnb .wrap .d02 .head h3 { display: inline-block; width: fit-content; background: #1170c5; z-index: 2; font-size: 1.5rem; font-weight: 700; letter-spacing: -2px; padding-bottom: .8rem; margin-bottom: 1rem; position: relative; }
#header .gnb .wrap .d02 .head h3::after { content: ""; position: absolute; left: 0; bottom: 0; width: 40px; height: 1px; background: #fff; }
#header .gnb .wrap .d02 .head span { color:#fff; font-family:'NotoSans'; font-size:0.8rem; font-weight: 300; letter-spacing:-1px; word-break:keep-all; text-align:left; z-index: 2; }
#header .gnb .wrap .d02 > ul { display: flex; flex-wrap: wrap; min-height:0; margin-left:320px; font-size:0; overflow: hidden; }
#header .gnb .wrap .d02 > ul > li { width:25%; padding: 30px 2rem 25px; vertical-align:top; letter-spacing:-1px; position: relative; }
#header .gnb .wrap .d02 > ul > li:nth-child(2n-1)::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 300%; background: #f9f9f9; }
#header .gnb .wrap .d02 > ul > li > a { position:relative; display:block; margin-bottom: 20px; color:#fff; font-size:0.9rem; font-weight: 500; color: #004a96; transition:all .3s ease; -ms-transition:all .3s ease; -webkit-transition:all .3s ease; }

#header .gnb .wrap .d02 > ul > li > a[target="_blank"]:after { position:relative; content:""; display:inline-block; width:11px; height:11px; margin:-2px 0 0 8px; vertical-align:middle; background:url("/images/web/ncrc/layout/icon_nav_wh.png") no-repeat; }
#header .gnb .wrap .d03 { }
#header .gnb .wrap .d03 > li > a { position:relative; display:block; line-height:18px; padding:4px 0 4px; color:#333; font-size:0.7rem; letter-spacing:-1px; text-indent: -7px; }
#header .gnb .wrap .d03 > li > a:before { content:"- "; }
#header .gnb .wrap .d03 > li > a[target="_blank"]:after { position:relative; content:""; display:inline-block; width:11px; height:11px; margin:-3px 0 0 5px; vertical-align:middle; background:url("/images/web/ncrc/layout/icon_new_WG.png") no-repeat; }
#header .gnb .wrap .d03 > li > a:hover,
#header .gnb .wrap .d03 > li > a:focus { color:#004a96; }
#header .mgnb { display:none; }

/* 상단이동 */
.btn_top { position:fixed; width:50px; height:50px; background:#00b361 url('/images/web/ncrc/layout/btn_topmove.png') no-repeat center; right:50px; bottom:50px;  z-index:800; font-size:0; }
.btn_top a { display:block; width:100%; height:100%; }
.btn_top:hover { background-color:rgba(0, 179, 97,0.8); }
.btn_top { transition:all .3s ease; -ms-transition:all .3s ease; -webkit-transition:all .3s ease; }

/** Common **/
.js_mobile_check { display:none; position:absolute; left:0; top:-1000px; width:1px; height:1px; line-height:1px; }

/* footer */
.footer { position:relative; background:#22292d; padding:0 0 60px; }
.footer .footer_link { padding:30px 0 40px; overflow:hidden; }
.footer .footer_link li { float:left; }
.footer .footer_link li a { position:relative; color:#c6c6c6; font-size:0.8rem; font-weight:unset; letter-spacing:-1px; line-height:20px; }
.footer .footer_link li a::after { content:"/"; display:inline-block; vertical-align:text-bottom; margin:0 10px; color:#c6c6c6; font-size:1rem; }
.footer .footer_link li:last-child a::after { display:none; }
.footer .footer_link li.point a { color:#00bff3; font-weight:400; }
.footer .footer_link li a:hover { text-decoration:underline; }
.footer .footer_link li:first-child a{font-weight:bold;} /*210329*/
.footer .footer_link li:nth-child(2) a{font-weight:bold;}/*210329*/

.footer .box_info { position:relative; font-size:0.75rem; padding-left:255px; margin-right:160px; }
.footer .box_info .ftLogo { position:absolute; left:0; top:0; }
.footer .box_info address { color:#fff; font-weight:400; }
.footer .box_info p.copyright { color:#ddd; margin:5px 0 0; letter-spacing:0.5px; }


.footer .ft_sns { position:absolute; right:8%; top:110px; }/*210106 수정*/
.footer .ft_sns li { float:left; margin-left:10px; }
.footer .ft_sns li a { display:block; width:38px; height:38px; border-radius:50%; text-indent:-9999em; overflow:hidden; transition:all .3s ease; -ms-transition:all .3s ease; -webkit-transition:all .3s ease; }
.footer .ft_sns li a.snsF { background:#464646 url('/images/web/ncrc/main/ico_snsF.png') no-repeat center; }
.footer .ft_sns li a.snsI { background:#464646 url('/images/web/ncrc/main/ico_snsI.png') no-repeat center; }
.footer .ft_sns li a.snsB { background:#464646 url('/images/web/ncrc/main/ico_snsB.png') no-repeat center; }
.footer .ft_sns li a.snsY { background:#464646 url('/images/web/ncrc/main/ico_snsY.png') no-repeat center; }
.footer .ft_sns li a:hover { background-color:#0f66a5; }
/*210106 WA품질인증마크*/
.footer .ft_wa { position:absolute; right:0; top:100px; }

/* 사이트링크 */
.ftBtn_wrap { position:absolute; right:0; top:30px; z-index:1; }
.ftBtn_wrap .ftBtn_box { position:relative; float:left; margin:0 5px; }
.ftBtn_wrap .ftBtn { width:220px; height:45px; line-height:45px; text-align:left; background:#464646; cursor:pointer; }
.ftBtn_wrap .ftBtn span { position:relative; font-size:0.75rem; padding:0 30px 0 20px; font-weight:400; letter-spacing:-1px; color:#fff; display:block; }
.ftBtn_wrap .ftBtn span::before { content:""; position:absolute; right:24px; top:15px; width:1px; height:15px; background:#fff; }
.ftBtn_wrap .ftBtn span::after { content:""; position:absolute; right:17px; top:22px; width:15px; height:1px; background:#fff; }
.ftBtn_wrap .ftBtn.open span::before { transform:rotate(90deg); -moz-transform:rotate(90deg); -ms-transform:rotate(90deg); -webkit-transform:rotate(90deg); }
.ftBtn_wrap .ftBtn:hover { background:#1490df; }
.ft_site { display:none; position:absolute; left:0; bottom:45px; width:100%; max-height:185px; overflow:auto; background:rgba(0, 0, 0, 0.9); }
.ft_site ul { padding:10px 15px; overflow:hidden; }
.ft_site ul li a { position:relative; display:block; line-height:18px; color:#fff; font-size:0.7rem; padding-left:10px; margin:4px 0; letter-spacing:-0.5px; }
.ft_site ul li a::before { content:""; position:absolute; left:1px; top:8px; width:2px; height:2px; background:#ccc; }
.ft_site ul li a:hover { color:#b6e1ff; text-decoration:underline; }
.ftBtn_wrap .ftBtn, .ftBtn_wrap .ftBtn span, .ftBtn_wrap a, .ftBtn_wrap ::before { transition:all .3s ease; -ms-transition:all .3s ease; -webkit-transition:all .3s ease; }

/* 사이트맵 *//* 200624 */
.popSitemap{display:none; position: fixed; left:0; top:0; width:100%; height:100%; background:rgba(0, 12, 30, 0.95); z-index:100;}
.popSitemap .sitemap_wrap{position:relative; width:95%; height:90%; color:#fff; max-width:1400px; margin:2.5% auto 0; font-size:0; line-height:0; overflow:auto;}
.popSitemap h2{font-size:2rem; padding:10px 20px; border-top:1px solid rgba(255,255,255,0.7); border-bottom:2px solid rgba(255,255,255,0.7); line-height:1.4; margin:0 0 2rem;}
.popSitemap dl{display:inline-block; width:23%; vertical-align: top; font-size:0.8rem; line-height:1.3; margin:0 1% 1rem;}
.popSitemap dt{font-size:1.2rem; padding:0.5rem 1rem; color:#111; font-weight: 400; background:rgba(255,255,255,0.9);}
.popSitemap dd{margin:1rem 0.5rem 0; font-weight: 100;}
.popSitemap dd li a[target='_blank'] span:after{ display:inline-block; vertical-align:middle; position:relative; content:''; background:url('/images/web/ncrc/layout/icon_new_WW.png') no-repeat; width:11px; height:11px; margin:-3px 0 0 8px; }
.popSitemap .dep01 > li > a{display:block; position:relative; padding:5px 0 5px 10px;}
.popSitemap .dep01 > li > a:before{content:""; position: absolute; left:0; top:14px; width:2px; height:2px; border-radius:50%; background:#fff;}
.popSitemap .dep01 > li > a:after{content:""; position: absolute; left:0; bottom:0; width:0px; height:1px; background:rgba(255,255,255,0.5);}
.popSitemap .dep02{background:rgba(255,255,255,0.2); margin:10px; padding:10px; overflow:hidden;}
.popSitemap .dep02 > li > a{display:block; position:relative; padding:3px 0 5px 12px;  font-size:0.7rem;}
.popSitemap .dep02 > li > a:before{content:""; position: absolute; left:0; top:11px; width:5px; height:1px; border-radius:50%; background:#fff;}
#sitemapClose{position: absolute; right:20px; top:20px; width:40px; height:40px; background:url('/images/web/ncrc/layout/btn_close_wh.png') no-repeat center;}
#sitemapClose:hover{transform: rotate(180deg); -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg);}
.popSitemap dl:hover dt{background:#004a96; color:#fff;}
.popSitemap .dep01 > li > a:hover{ color:#acecff;}
.popSitemap .dep01 > li > a:hover:after{width:100%;}
.popSitemap .dep01 > li > a:hover:before{background:#acecff;}
.popSitemap .dep02 > li > a:hover{text-decoration: underline;}
.popSitemap a, .popSitemap :after, .popSitemap :before, .popSitemap dt{ transition:all .3s ease; -ms-transition:all .3s ease; -webkit-transition:all .3s ease; }

/******** 로그인 ********/
.mber_login_box {position:relative; padding:10px; overflow:hidden; margin:0 auto;}
.mber_login_box .mber_login_OR {display:block; position:absolute; left:50%; top:75px; width:50px; height:418px; margin-left:-25px;}
.mber_login_box .mber_login_OR:before {content:""; display:block; position:absolute; left:50%; top:0; width:1px; height:100%; border-left:1px dashed #bec3cc;}
.mber_login_box .mber_login_OR:after {content:"OR"; display:block; position:absolute; left:50%; top:50%; width:50px; height:50px; margin:-25px 0 0 -25px; padding-right:7px; line-height:50px; font-size:22px; font-style:italic; text-align:center; color:#fff; background:#7995b8; border-radius:25px;}

.mber_login_box h3.login_tit {margin-top:10px; line-height:40px; color:#111; font-size:30px; font-weight:400;}
.mber_login_box h3.login_tit span {color:#044ca4;}
.mber_login_box p.login_info {padding-bottom:14px; font-size:14px; color:#666; word-break:keep-all; border-bottom:1px dashed #c4c4c4;}
/* 회원로그인 */
.mber_login_box .mber_login {position:relative; width:40%; height:418px; margin:65px auto 0; padding:65px 50px 35px; border:1px solid #c9c9c9; box-shadow:4px 3px 3px 0 rgba(0, 0, 0, 0.1);}
.mber_login_box .mber_login:before {content:""; display:block; position:absolute; left:50%; top:-65px; width:130px; height:130px; margin-left:-65px; background:#eee url('/images/web/ncrc/member/ico_login.png') no-repeat; border-radius:65px;}

.mber_login_box .mber_login ul li {position:relative; height:45px; margin:5px 0; padding-left:50px; border-bottom:1px solid #000; overflow: hidden;}
.mber_login_box .mber_login ul li label {position:absolute; left:0; top:0; display:block; width:45px; height:45px; text-indent:-10000em;}
.mber_login_box .mber_login ul li.mber_id label {background:url('/images/web/ncrc/member/ico_login_id.png') no-repeat center;}
.mber_login_box .mber_login ul li.mber_pw label {background:url('/images/web/ncrc/member/ico_login_pw.png') no-repeat center;}
.mber_login_box .mber_login ul li input {width:100%; height:45px; font-size:14px; line-height:45px; color:#444; vertical-align:middle; border:none;}
.mber_login_box .mber_login .btnLogin {position:relative; width:100%; height:45px; margin:25px 0 15px; line-height:45px; color:#fff; font-size:16px; font-weight:400; text-align:center; border:1px solid #00377b; background:#044ca4; overflow:hidden;}
.mber_login_box .mber_login .btnLogin span {position:relative; display:block;  z-index:2;}
.mber_login_box .mber_login .btnLogin:before{content:''; position:absolute; bottom:-30px; right:-30px; width:30px; height:30px; border-radius:50%; background:rgba(0,0,0,0.5); z-index:1;} /* 첫번째 색상 */
.mber_login_box .mber_login .btnLogin:after {content:''; position:absolute; bottom:-30px; left:-30px; width:30px; height:30px; border-radius:50%; background:#044ca4;  z-index:1;} /* 두번째 색상 */
.mber_login_box .mber_login .btnLogin:hover:before {transform:scale(30); transition:all 0.4s;}
.mber_login_box .mber_login .btnLogin:hover:after{transform:scale(30); transition:all 0.4s; transition-delay:0.3s;}

.mber_login_box .mber_login .mber_btnEtc a {position:relative; display:inline-block; padding:0 10px; color:#666; font-size:14px; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; transition:all 0.3s ease;}
.mber_login_box .mber_login .mber_btnEtc a:before {content:""; display:block; position:absolute; left:0; top:50%; width:1px; height:9px; margin-top:-5px; border-left:1px dotted #9a9a9a;}
.mber_login_box .mber_login .mber_btnEtc a:first-child {padding-left:0;}
.mber_login_box .mber_login .mber_btnEtc a:first-child:before {display:none;}
.mber_login_box .mber_login .mber_btnEtc a:hover {color:#044ca4; font-weight:400;}
.mber_login_box .mber_login .mber_btnEtc a span {position:relative; display:block;}
.mber_login_box .mber_login .mber_btnEtc a span:before{content:''; position:absolute; bottom:0; left:50%; width:0px; height:1px; background:#044ca4; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; transition:all 0.3s ease;}
.mber_login_box .mber_login .mber_btnEtc a:hover span:before {content:''; position:absolute; bottom:0; left:50%; width:100%; height:1px; margin-left:-50%;}

/*********************************/
/******** 서브콘텐츠 :시작 ********/
/*********************************/
/* content */
#sub_container_wrap { position:relative; margin:80px 0 0; }
#sub_container_wrap { position:relative; margin:4.25rem 0 0; }
.sub_content_wrap { position:relative; width:100%; max-width:1400px; margin:0 auto; padding-top: 1rem; min-height:700px; overflow:hidden; }
/* .sub_content_wrap.policy { position:relative; width:100%; max-width:1400px; margin:0 auto; min-height:900px; overflow:hidden; } */
#sub_content { position:relative; width:1080px; float:right; }
.subCntBody { position:relative; padding:30px 0 50px; color:#555; font-size:0.75rem; line-height:1.4; }
.subCntBody p { line-height:1.4; }
.subCntBody .txt.policy p {line-height: 2;}

/* 20210617 */
.domesticAdoption div>div{padding-left:1.25rem}
.domesticAdoption div ul{padding-left:1.27rem}
.domesticAdoption .list_st1 li div{color:#767676}
.domesticAdoption .list_st1 li a{color:#ff4115}
.domesticAdoption .list_st1 li span{display:table-cell}
.domesticAdoption .list_st1 li .dtCell{width:5.5rem;box-shadow:none;font-weight:500}
.domesticAdoption .process{display:table;table-layout:fixed;width:100%;padding-left:0}
.domesticAdoption .process li{display:table-cell;text-align:center;color:#222;background:url('/images/web/ncrc/sub_cnt/arrow.png') no-repeat right center}
.domesticAdoption .process li:last-child{background:none;}
.domesticAdoption .process li span{display:block;font-weight:500;margin:1rem 0}

/* 서브비주얼 */
.sub_visual { height:260px; overflow:hidden; position: relative; }
.sub_visual.policy { height:270px; overflow:hidden; background:#ffe564 url(/images/web/dayforchild/layout/S_visual.png) no-repeat top;}/*201118 수정 */
.sub_visual.unpolicy { height:270px; overflow:hidden; background:#fff url(/images/web/dayforchild/layout/S_unvisual.png) no-repeat top;}/*201118 수정 */

.sub_visual h2 { position:relative; margin:80px 0 0; color:#000; font-weight:900; font-size:1.9rem; letter-spacing:-1px;}
.sub_visual h2:before { content:""; position:absolute; left:0; top:-15px; width:80px; height:3px; background:#fff; }
.sub_visual h2:after { content:""; position:absolute; left:-200%; top:-14px; width:200%; height:1px; background:#fff; }
.sub_visual h2 strong { font-weight:400; }

/* location */
.sub_location { position:relative; width:100%; height:55px; line-height:55px; max-width:1400px; margin:-55px auto 0; background:#fff; color:#333; border-bottom: 1px solid #ddd; }
.sub_location:after { content:""; position:absolute; right:-100%; top:0; width:100%; height:100%; background:#fff; }
.sub_location a.home { width:70px; height:55px; float:left; background:#004a80 url('/images/web/ncrc/layout/ico_home2.png') no-repeat center; text-indent:-9999em; overflow:hidden; }
.sub_location ul { float:left; overflow:hidden; }
.sub_location li { float:left; font-size:0.9rem; padding:0 20px 0 30px; background:url('/images/web/ncrc/layout/bgLocation_b.png') no-repeat left center; }
.sub_location li:first-child { background:none; }

.sub_location.policy {position:relative;width:100%;height:55px;line-height:55px;max-width:1400px;margin:-55px auto 0;background: #333;color:#fff;}/*201118*/
.sub_location.policy:after {content:"";position:absolute;right:-100%;top:0;width:100%;height:100%;background: #333;}/*201118*/
.sub_location.policy a.home {width:65px;height:55px;float:left;background:#000 url('/images/web/ncrc/layout/ico_home.png') no-repeat center;text-indent:-9999em;overflow:hidden;}/*201118*/

/* 서브메뉴 */
#menu { position:relative; width:260px; height:100%; float:left; }
#menu h2 { display:none; width:100%; height:160px; letter-spacing:-1px; font-weight:400; color:#fff; font-size:28px; background:#0080f3 url('/images/web/ncrc/layout/bg_subtit.png') no-repeat right bottom; }
#menu h2 span { display:table-cell; vertical-align:middle; line-height:35px; overflow:hidden; text-align:center; }
#menu nav { width:100%; }
#menu nav::after { content:""; display:block; clear:both; }
#menu .lnb { position:relative; }
#menu .lnb > li { position:relative; }
#menu .lnb > li.on .subLnb { display:block;}
#menu .lnb > li > a { display:block; position:relative; padding:20px 40px 20px 15px; font-size:0.85rem; line-height:25px; font-weight:200; color:#222; border-bottom:1px solid #ccc; }
#menu .lnb > li.dep01 > a::before { content:""; position:absolute; right:15px; top:31px; width:15px; height:1px; background:#aaa; }
#menu .lnb > li.dep01 > a::after { content:""; position:absolute; right:22px; top:24px; width:1px; height:15px; background:#aaa; }
#menu .lnb > li.dep01.open > a::after,
#menu .lnb > li.dep01.on > a::after,
#menu .lnb > li > a:hover::after,
#menu .lnb > li > a:active::after { transform:rotate(90deg); -moz-transform:rotate(90deg); -ms-transform:rotate(90deg); -webkit-transform:rotate(90deg); background:#4bb1e9; }
#menu .lnb > li > a:hover,
#menu .lnb > li > a:focus,
#menu .lnb > li.on > a { color:#4bb1e9; border-bottom:1px solid #4bb1e9; font-weight:400; }
#menu .subLnb { display:none; width:100%; padding:10px 0; background:#f9f9f9; }
#menu .subLnb li a { position:relative; display:block; color:#333; padding:5px 15px; font-size:0.75rem; line-height:22px; font-weight:200; }
#menu .subLnb li:first-child a { border-top:0; }
#menu .subLnb li a:hover,
#menu .subLnb li a:focus,
#menu .subLnb li a:active { color:#004a80; text-decoration:underline; }
#menu .subLnb li.on a { width:100%; color:#333; font-weight:600; border-top:none; }/*200618수정*/
#menu .lnb a, #menu ::before, #menu ::after { transition:all .3s ease; -ms-transition:all .3s ease; -webkit-transition:all .3s ease; }

#menu #sideContent .sideNavi h3 { padding: 1.18rem; font-size: 1.25rem; color: #004a80; border-bottom: 2px solid #004a80; }

#menu.policy .lnb > li > a:hover,
#menu.policy .lnb > li > a:focus,
#menu.policy .lnb > li.on > a { color:#333; border-bottom:2px solid #333; font-weight:400; }/*201118*/
#menu.policy .subLnb li a { position:relative; display:block; color:#333; padding:5px 15px; font-size:0.75rem; line-height:22px; font-weight:200; }/*201118*/

/* 새창 아이콘 */
#menu nav > .lnb > li > a[target='_blank']:after { display:inline-block; vertical-align:middle; position:relative; content:''; background:url('/images/web/ncrc/layout/icon_new_WW.png') no-repeat; width:11px; height:11px; margin:-3px 0 0 8px; }
#menu nav > .lnb > li > a:hover[target='_blank']:after, #menu nav > .lnb > li.on > a[target='_blank']:after, #menu nav > .lnb > li.on > a:hover[target='_blank']:after { display:inline-block; vertical-align:middle; position:relative; content:''; width:11px; height:11px; margin:-3px 0 0 8px; }
#menu nav > .lnb > li > ul > li > a[target='_blank']:after { display:inline-block; vertical-align:middle; position:relative; content:''; background:url('/images/web/ncrc/layout/icon_new_WW.png') no-repeat; width:11px; height:11px; margin:-4px 0 0 8px; }

/* sub 타이틀 */
.title_area { position:relative; padding-bottom: 20px; border-bottom:1px solid #ccc; }
.title_area .pageTitle { word-break:keep-all; font-weight:400; font-size:1.4rem; letter-spacing:-2px; color:#333; }

/* sns */
.snsBox { position:absolute; bottom:20px; right:0; z-index:10; }
.snsBox button { position:relative; width:50px; height:22px; float:left; display:block; text-indent:-9999%; overflow:hidden; background:url("/images/web/ncrc/layout/btnSns.png") no-repeat center; cursor:pointer; }
.snsBox .btnPrint { background:url("/images/web/ncrc/layout/btn_print.png") no-repeat center; }
.snsBox .btnShare { background:url("/images/web/ncrc/layout/btn_sns.png") no-repeat center; z-index:1; }
.snsBox .btn_F { background-position:-5px 5px; }
.snsBox .btn_T { background-position:-55px 5px; }
.snsBox .btn_B { background-position:-105px 5px; }
.snsBox .btn_Y { background-position:-155px 5px ; }
.snsBox .btn_K { background-position:-205px 5px; }
.snsBox .btn_In { background-position:-255px 5px; }
.snsBox .btn_Ks { background-position:-305px 5px; }
.snsBox .sns_more { display:none; position:absolute; width:280px; right:0; top:40px; text-indent:-9999em; background:rgba(17, 112, 197, 0.8); z-index:0; overflow:hidden; }
.snsBox .sns_more button { width:40px; height:50px; float:left; margin:0; transition:all .3s ease; -ms-transition:all .3s ease; -webkit-transition:all .3s ease; }
.snsBox .sns_more button:hover,
.snsBox .sns_more button:focus{ background-color:#396b96; }

.snsBox button.newslet_apply { position:relative; width:150px; height:22px; float:left; display:block; text-indent:-9999%; overflow:hidden; background:url("/images/web/ncrc/layout/btn_newsletter.png") no-repeat center; cursor:pointer; margin-right:10px;}

/* 아동위원회 20221025 */
.hoverBtn{position: absolute; width: 1000px; top: 58.93%;;height: 500px;}
.hoverBtn .icon>li{list-style: none; width: 100%; display: inline-block; position: absolute;width: 170px; height: 180px;}
.hoverBtn .icon>li a{display: inline-block;}
.hoverBtn .icon>li img{opacity: 0;}
.hoverBtn ul>li.on1{left: 11%;}
.hoverBtn ul>li.on2{left: 33.8%;}
.hoverBtn ul>li.on3{left: 56.7%;}
.hoverBtn ul>li.on4{left: 79.1%;}
.hoverBtn ul>li.on1 img:hover{opacity: 1;}
.hoverBtn ul>li.on2 img:hover{opacity: 1;}
.hoverBtn ul>li.on3 img:hover{opacity: 1;}
.hoverBtn ul>li.on4 img:hover{opacity: 1;}
p.bt_on{position: absolute;bottom: 1.68%;right: 6.6%; opacity: 0;}
p.bt_on:hover{opacity: 1;}
.content1on{width: 100%;display: inline-block;}
.content1off{display: none;}
.content2on{width: 100%;display: inline-block;}
.content2off{display: none;}
.content3on{width: 100%;display: inline-block;}
.content3off{display: none;}
.content4on{width: 100%;display: inline-block;}
.content4off{display: none;}
.content5on{width: 100%;display: inline-block;}
.content5off{display: none;}
.Committeebox{width: 50%;text-align: center; float: left;}
i{display: inline-block;}
p.txt{display: inline-block; margin-top: 10px;}
.vidBox .lay2>i{float: left;width: 50%;}
.vidBox .lay2>i img{width: 100%;}
.cardBox .lay6{height: 410px; padding: 10px;}
.cardBox .lay6 .top{margin-bottom: 10px; }
.cardBox .lay6 i{width: 32.3%;float: left;margin-right: 10px;}
.cardBox .lay6 i img{width: 100%;}
.cardBox .lay6 i:last-child{margin-right: 0;}
/*********************************/
/******** 서브콘텐츠 :끝 *********/
/*********************************/

/********** Media quary **********/
@media screen and (max-width:1800px) {

	#header .gnb .wrap .d01 > ul > li{width:auto; display:inline-block; float:none;}
	#header .gnb .wrap .d01 > ul > li > a{padding:0 1.5rem;}

    /*210106 WA품질인증마크*/
    .footer .ft_wa {position:absolute; right:0; top:auto; margin:-40px 0 0;}
}

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

	#header .gnb .wrap .d01{padding:0 190px 0 230px;}
}
@media screen and (max-width:1460px) {

	.container{width:96%;}

	/** Header **/
	#header .headerWrap{height:100%; background:#fff;}
	#header h1.logo { left:2%; margin-left:0; }
	#header .lang { right:140px; margin-right:0; }

	/* 사이트맵 */
	.sitemap_btn { right:20px; margin-right:0; }

	/* 검색 */
	#header .search_btn { right:80px; margin-right:0; }

	/* 메뉴 */
	#header .gnb{position:absolute; top:80px; border-top:1px solid #ccc;}
	#header .gnb .wrap .d01{padding:0;}
	#header .gnb .wrap .d01 > ul > li{width:14.2%; float:left;}
	#header .gnb .wrap .d01 > ul > li > a{padding:0;}
	#header .gnb .wrap .d01 > ul > li > div{top:79px;}
	#header .gnb .wrap .d02::before { margin-left:310px; }
	#header .gnb .wrap .d02 > ul { margin-left:310px; }


	/* footer */
	.footer .box_info { padding-left:230px; }
	.ftBtn_wrap { margin-right:0; right:0; }

	/******** 서브콘텐츠 :시작 ********/
	#sub_container_wrap { margin:160px 0 0; }
	.sub_content_wrap{width:96%;}
	.sub_location{width:98%; margin-left:2%;}
	.sub_visual h2:after{display:none;}
	#menu{width:20%;}
	#sub_content{width:78%;}
}

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

	#wrap, #header, .headerWrap,
	#container, .area_footer, .box_footer,
	#gnb > li.others .m_util li,
	.box_search_2, .box_search_2 .box_search_2_1, .box_search_2 input,
	.ft_site, .ft_site dl, .ft_site ul, .box_footer .box_info, .footer_link { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box }


	#wrap { min-width:320px; width:100%; }
	.headerWrap { width:100%; }

	/** Header **/
	#header { min-width:320px; }
	#header .headerWrap { min-width:100%; text-align:center; z-index:0; }
	#header .gnb { display:none; }

	#header h1.logo { position:relative; left:auto; top:16px; display:inline-block; margin-left:auto; z-index:0; }

	#header .mob_btn { display:block; position:absolute; left:2.5%; top:16px; width:48px; height:48px; border:1px solid #666; text-indent:-9999em; background:url('/images/web/ncrc/layout/btn_mob.png') no-repeat center; z-index:1; }
	#header .mob_btn:hover,
	#header .mob_btn:focus { border-color:#004a80; }
	#header .mob_btn { transition:all .3s ease; -ms-transition:all .3s ease; -webkit-transition:all .3s ease; }

	/* top util */
	#header .loginBox {display : none}
	#header .lang {right: 10px;}


	/* 검색 */
	#header .search_btn { right:2%; top:16px; }
	#header .search_btn a { width:48px; height:48px; background:url('/images/web/ncrc/layout/btn_nav_search.png') no-repeat center; border:1px solid #666; }
	#header .search_btn a:hover,
	#header .search_btn a:focus { border-color:#004a80; }

	/* 사이트맵 */
	.sitemap_btn { display:none; }

	/* 메뉴 */
	#mobNav { display:none; position:absolute; width:100%; height:100%; left:0; top:0; z-index:2000; opacity:0; -webkit-opacity:0; filter:alpha(opacity=0); overflow:auto; }
	#mobNav .box { position:absolute; left:-100%; top:0; width:100%; height:100%; background:rgba(0, 0, 0, 0.95); z-index:10; }
	#mobNav .box .title { display:block; position:absolute; width:100%; font-size:1.1rem; line-height:28px; padding:12px 15px; min-height:28px; background:#004a96; color:#fff; box-sizing:border-box; }
	#mobNav .box .binds { height:100%;  }
	#mobNav .box .wrap { height:auto; padding:60px 2% 0; background:#fff; }
	#mobNav .box .wrap li { position:relative; }
	#mobNav .box .wrap a { display:block; position:relative; }
	#mobNav .box .d01 > ul > li > a { border-bottom:1px solid #cecece; color:#1e1e1e; text-decoration:none; }
	#mobNav .box .d01 > ul > li > a span { display:inline-block; position:relative; font-size:0.9rem; line-height:22px; font-weight:600; padding:14px 10px; }
	#mobNav .box .d01 > ul > li > a[target='_blank'] span::before { content:''; width:14px; height:14px; float:right; margin:5px 8px; background:url('/images/web/ncrc/layout/icon_nav_blank.png') no-repeat; }
	#mobNav .box .d01 > ul > li.dep > a:after { content:""; display:block; position:absolute; right:10px; top:25px; width:16px; height:2px; background:#666; }
	#mobNav .box .d01 > ul > li.dep > a::before { content:""; display:block; position:absolute; right:17px; top:18px; width:2px; height:16px; background:#666; }
	#mobNav .box .d01 > ul > li.dep > a.open::before { transform:rotateZ(90deg); -moz-transform:rotateZ(90deg); -ms-transform:rotateZ(90deg); -webkit-transform:rotateZ(90deg); }
	#mobNav .box .d01 > ul > li > a:hover,
	#mobNav .box .d01 > ul > li > a.open { color:#004a96; border-color:#004a96; }
	#mobNav .box .d01 > ul > li > a.open::after { background-color:#004a96; }

	#mobNav .box .d02 > ul { display:none; }
	#mobNav .box .d02 > ul > li > a { font-size:0.75rem; color:#444; padding:8px 20px; }
	#mobNav .box .d02 > ul > li > a::before { content:""; position:absolute; left:10px; top:18px; width:3px; height:3px; background:#888; border-radius:3px; }
	#mobNav .box .d02 > ul > li.dep > a::after { content:""; position:absolute; right:15px; top:13px; width:10px; height:10px; background:url('/images/web/ncrc/layout/mob_arr_gray.png') no-repeat center; }
	#mobNav .box .d02 > ul > li.dep > a:hover::after { background:url('/images/web/ncrc/layout/mob_arr_wh.png') no-repeat center; }
	#mobNav .box .d02 > ul > li.dep > a.open::after { transform:rotateZ(180deg); -moz-transform:rotateZ(180deg); -ms-transform:rotateZ(180deg); -webkit-transform:rotateZ(180deg); background:url('/images/web/ncrc/layout/mob_arr_wh.png') no-repeat center; }
	#mobNav .box .d02 > ul > li > a:hover,
	#mobNav .box .d02 > ul > li > a.open { background:#39adc7; color:#fff; }
	#mobNav .box .d02 > ul > li > a:hover::before,
	#mobNav .box .d02 > ul > li > a.open::before { background:#fff; }

	#mobNav .box .d03 { display:none; background:#eee; padding:5px 20px; }
	#mobNav .box .d03 a { line-height:20px; color:#111; padding:10px 0; border-top:1px dashed #ccc; }
	#mobNav .box .d03 li:first-child a { border-top:0; }
	#mobNav .box .d03 a:hover { color:#39adc7; text-decoration:underline; font-weight:400; }

	#mobNav .box .close { display:block; position:absolute; right:0; top:0; width:52px; height:52px; z-index:51; background:rgba(0,0,0,0.3); text-indent:-9999px; }
	#mobNav .box .close:after { content:""; display:block; position:absolute; left:0; top:0; width:100%; height:100%; background:url(/images/web/ncrc/layout/btn_close_wh.png) no-repeat center 50%; -webkit-transition:all .8s ease; transition:all .8s ease; }
	#mobNav .box .close:hover:after, #mobNav .box .close:active:after { -webkit-transform:rotate(270deg); transform:rotate(270deg); }

	#mobNav .box a, #mobNav .box :before, #mobNav .box :after { transition:all .3s ease; -ms-transition:all .3s ease; -webkit-transition:all .3s ease; }

	.btn_top { display:none !important; }

	/* footer */
	.footer .box_info { margin-right:0; }
	.footer .ft_sns { position:relative; right:auto; top:auto; margin:30px 0 0; }/*210106 수정*/
	.footer .ft_sns li { margin-left:0; margin-right:10px; }

	/******** 서브콘텐츠 :시작 *******/
	#sub_container_wrap { margin:80px 0 0; }
	#sub_content { width:100%; float:none;}
	.sub_visual{height:200px; background-size:cover;}
	.sub_location{width:100%; margin:0;}
	.snsBox { padding:0; }
	.snsBox .btnPrint { display:none; }
	.snsBox .btnShare { border:0; }
	#menu #sideContent .sideNavi h3 { display: none; }
	#menu .lnb { display:none; margin-right:50px; }

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

	/* header */
	#header .search_wrap { width:95%; margin:25px auto; }

	/* 20210617 */
	.domesticAdoption .process li img{width:50%}
	.domesticAdoption .process li{background-size:14.4%}
	

	/* footer */
	.footer .footer_link { padding:1rem 0; }
	.footer .box_info { margin:1rem 0 0; padding:0; }
	.footer .box_info .ftLogo { position:relative; display:block; left:auto; top:auto; margin:0 0 1rem; }
	.ftBtn_wrap { position:relative; right:auto; top:auto; }
	.ftBtn_wrap .ftBtn_box { float:none; margin:0; }
	.ftBtn_wrap .ftBtn { width:100%; }

	/******** 서브콘텐츠 :시작 *******/
	.sub_visual{height:140px;}
	.sub_visual::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, .3); }
	.sub_visual h2{color: #fff; margin:3rem 0 0; font-size:1.5rem;}
	.sub_location li{padding:0 15px 0 23px;}

}

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


	/* sns 바로가기 */
	#header .sns_box{display:none;}


	/******** 서브콘텐츠 :시작 *******/
	.sub_visual .txt2 { font-size:1.5rem; }
	.sub_location ul li{display:none;}
	.sub_location ul li:last-child{display:block; background:none;}
	.title_area{padding:20px 0 10px;}

	/* footer */
	.area_footer .box_info address span { display:block; }
	.area_footer .box_info address span+span::before { margin:0 5px; }

}
@media screen and (max-width :420px) {
	.domesticAdoption .process li{background-position-y:30%}
	.domesticAdoption .process li br{display:none}
}
@media screen and (max-width :390px) {

	#header h1.logo a img {width:auto; height: 20px;}
	.domesticAdoption .process li{background-position-y:25%}
}

.protectCounseling { position: relative; width: fit-content; height: fit-content; }
.protectCounseling a { position: absolute; bottom: 0; width: 50%; height: 19.54%; }
.protectCounseling a.left { left: 0; }
.protectCounseling a.right { right: 0; }