@charset "utf-8";



.skip_nav{display:none}
.container{margin:0 auto;max-width:1200px;padding:0;clear:both}
.container:after{content:"";display:block;clear:both}
/*상단 common메뉴*/
.top_wrap{height:40px;border-bottom:1px solid #41434d;background:#2e3138;position:relative;z-index:100}
.top_wrap .container{width:1200px;margin:0 auto;padding:0}
.top_wrap ul.top_link{float:left;display:block}
.top_wrap ul.top_link li{float:left;height:40px;display:block}
.top_wrap ul.top_link li a{display:block;color:#fff;font-size:14px;padding:0 15px;letter-spacing:-1px;line-height:38px;border-right:1px solid #41434d}
.top_wrap ul.top_link li:first-child a{border-left:1px solid #41434d;color:#5a75cd;padding-left:35px;background:url(/kr/img/common/icon_home.gif) 10px 10px no-repeat}

.top_wrap ul.top_icon{float:right;display:block}
.top_wrap ul.top_icon li{float:left;height:40px;display:block;line-height:38px;padding:0 4px}
.top_wrap ul.top_icon li a{display:block;color:#fff;font-size:12px;letter-spacing:-1px;line-height:38px}
.top_wrap ul.top_icon li a>img{padding-top:6px}
.top_wrap ul.top_icon .login{padding:0 10px 0; background: url(/kr/img/common/l_line.gif) right 50% no-repeat}
.top_wrap ul.top_icon .lang{position:relative;padding:0 0 0 5px}
.top_wrap ul.top_icon .lang2{position:relative;margin:5px 0 0 0}
.top_wrap ul.top_icon .lang .selected a{padding:0 20px 0 0;background:url(/kr/img/common/arow_bottom01.gif) right 50% no-repeat}
.top_wrap ul.top_icon .lang .list{display:none;position:absolute;top:32px;left:-21px;right:-4px;padding:0;background:#2f3139;z-index:9999}
.top_wrap ul.top_icon .lang .list li{width:100%;height:20px}
.top_wrap ul.top_icon .lang .list li a{text-align:center;padding:0;line-height:20px}

.inner{width:1200px;margin:0 auto;position:relative}

/*header*/
#header{height:155px;background:#fff}
#header h1{position:absolute;z-index:10}
#header h1.kid_gnb_unicef{top:22px;left:0;width:243px;height:70px}
#header h1.kid_gnb_logo{top:13px;right:0;width:236px;height:50px;z-index:31}
#header h1 a{display:block}
#header .inner{}
#header #nav{position:absolute;z-index:30;right:0;display:block;width:890px;height:114px}

	hr.gnb-line{display:block;border:0;border-bottom:1px solid #5aab41;margin:0px;position:absolute;top:154px;width:100%;z-index:10}
	.gnb-bg{display:none;height:120px;background:rgba(255, 255, 255, 0.8);position:absolute;z-index:20;top:155px;left:0;width:100%}

	ul.gnb{margin-top:64px;width:100%;height:50px;display:table;table-layout:fixed}
	ul.gnb>li{display:table-cell;position:relative;min-width:100px}
	ul.gnb>li.m01{width:200px}
	ul.gnb>li.m04{width:200px}
	ul.gnb>li:last-child{width:100px}
	ul.gnb>li:last-child a{}
	ul.gnb>li>a{display:inline-block;font-size:20px;font-weight:bold;color:#333333;letter-spacing:-.05em;text-align:left}
	ul.gnb>li>a>span{display:inline-block;line-height:50px}

	ul.gnb>li .depth02 .inbox{padding:15px 0}
	ul.gnb>li .depth02 .inbox>ul>li{font-size:15px;text-align:left}
	ul.gnb>li .depth02 .inbox>ul>li>a{padding:7px 3px;color:#333;letter-spacing:-0.085em;display:inline-block;white-space:nowrap;line-height:16px}

/*sub템플릿*/
.sub-visual{background:url(/scart/common/images/common/sub-visual.png) no-repeat;background-size:cover;height:280px}
.sub-visual .inner{height:280px}
.sub-visual .text{position:absolute;right:40px;bottom:40px}
.sub-visual .text span{color:#fff;font-size:24px;display:block;line-height:150%}
.sub-visual .text em{font-size:48px;color:#fdc006;font-style:italic;line-height:130%}

#container.sub .inner{padding:50px 0;line-height:auto}
#container.sub .inner:after{display:block;content:'';clear:both}
#container.sub .left-section{float:left;width:295px}
#container.sub .con-section{float:right;width:835px;background:url(/scart/common/images/common/line02.png) no-repeat 0 0;padding:40px 0 0 30px;font-size:14px;color:#333}


/*현재위치*/
.page-path{border-bottom:1px solid #d9d9d9}
.page-path .inner{border-left:1px solid #d9d9d9;border-right:1px solid #d9d9d9}
.page-path .inner>div{display:inline-block;padding:25px 20px;border-right:1px solid #d9d9d9}
.page-path .home{color:#a68d7c}
.page-path .current{color:#000;font-weight:bold}

/*왼쪽메뉴*/
.sub_visual{width:100%;background:url(/kid/common/img/bg_sv.png) no-repeat center;height:250px;border-bottom:1px solid #50a635;display:table}
.sub_visual p{display:table-cell;text-align:center;vertical-align:middle}
.sub_visual p img{}

#leftMenu{position:relative;width:100%;height:80px}
#leftMenu h2{visibility:hidden;position:absolute;top:0;width:0px;height:0px;font-size:0;line-height:0}
#leftMenu h2 span{}
#leftMenu .leftMenuList{display:table;table-layout:fixed;position:relative;top:-27px;margin:0 auto;width:1200px;height:55px;background:#007130;border-radius:35px;}
#leftMenu .leftMenuList li{display:table-cell;vertical-align:middle;text-align:center;border-radius:35px}
#leftMenu .leftMenuList li+li{background-image:url(/kid/common/img/line_sub_tab.png);background-repeat:no-repeat;background-position:center left}
#leftMenu .leftMenuList li a+div{display:none!important}
#leftMenu .leftMenuList li a{display:block;line-height:55px;font-size:18px;font-weight:500;color:#fff;letter-spacing:-.075em}
#leftMenu .leftMenuList li.on{background:#00aeef}
#leftMenu .leftMenuList li.on a{}


.content_group{position:relative;box-sizing:border-box;margin:0 auto;width:1200px;min-height:600px;padding-bottom:50px}
.content_group .content_top:after{content:'';display:block;clear:both}
.content_group .content_top h3{background:url(/kid/common/img/line_sub_title.png) no-repeat center bottom;line-height:1;text-align:center;font-size:36px;font-weight:600;letter-spacing:-.08em;padding-bottom:25px}
.content_group .content_top #pageLinkNav{visibility:hidden;position:absolute;top:0;width:0px;height:0px;font-size:0;line-height:0}
.content_group .content_top .content_util{float:right}
.content_group .content_top .content_util:after{content:'';display:block;clear:both}
.content_group .content_top .content_util>li{float:left;display:table}
.content_group .content_top .content_util>li>p{display:table-cell}
.content_group .content_top .content_util .content_text{}
.content_group .content_top .content_util .content_sns{margin-left:5px}

.content{padding-top:40px}

/* footer */
footer{position:relative; clear:both; display:block; height:150px; font-size: 14px; letter-spacing: -1px; margin:0; padding:0;}

footer .link_wrap {position: relative; height: 50px; line-height: 40px; border-top: 1px solid #d4d4d4; border-bottom: 1px solid #d4d4d4;z-index: 50;}
footer .link_wrap .cnt {position: relative;}
footer .link_wrap a {color: #464c58;}
footer .link_wrap a:hover, .footer .link_wrap a:active {text-decoration: underline;}



footer .f_logo{display: inline-block; float: left; clear: both; padding: 24px 30px 0 0;}
footer .fl {float: left; text-align: left;}
footer .fr {float: right; text-align: right;}

footer .btm_menu {display: block; height: 45px; line-height: 45px;}
footer .btm_menu li {display: inline-block; line-height: 1.2;}
footer .btm_menu li:before {content: ''; display: inline-block; width: 1px; height: 9px; margin: 0 6px; vertical-align: middle; background: #c8c8c8;}
footer .btm_menu li:first-child:before {display: none;}
footer .btm_menu li a {font-size: 14px; color: #333; vertical-align: middle; font-family: 'NotoSansKR',sans-serif;}
footer .btm_menu li .point {color: #00569f;}
footer address {margin-top: 33px; color: #333; font-size: 13px; letter-spacing: 0; line-height: 22px; font-family: 'NotoSansKR',sans-serif;}
footer address span {color: #0070b2;}
footer .copy {color: #555;	font-size: 13px; line-height: 1.35; font-family: 'NotoSansKR',sans-serif;}

footer .list_logo {display: inline-block;	margin: 34px 0 0 0;	font-size: 0; vertical-align: middle;}
footer .list_logo li {display: inline-block; margin: 0 0 0 5px; vertical-align: middle;}



footer .link_wrap .site_link {float: right; width: 570px; height: 45px; line-height: 45px; text-align:right; overflow:hidden}
footer .link_wrap .site_link a {color: #464c58; font-size: 14px; font-family: 'NotoSansKR',sans-serif; /*padding-right:17px; margin-right: 20px; background: url(/kr/img/common/arow_top01.gif) no-repeat right 4px*/}
footer .link_wrap .site_link span{display:inline-block; margin-left:10px;}
footer .link_wrap .site_link select{float: none; height:25px; padding: 0; margin:0; font-size: 14px; color: #666; border: 1px solid #ddd;vertical-align: middle;}
footer .link_wrap .site_link input{height:25px;}
footer .link_wrap .site_link .site_go01 select{width:100px;}
footer .link_wrap .site_link .site_go02 select{width:100px;}
footer .link_wrap .site_link .site_go03 select{width:100px;}
footer .link_wrap .site_link .site_go03 img{vertical-align: middle!important;}

footer .google{letter-spacing:-1px}
footer .google a{color:#44a7ff;}
footer .google{color:#555;font-size:13px;line-height:1.35}
.grecaptcha-badge {visibility: hidden;}


.bottom_etc{/* padding:2.4%; */background: #f7f7f7;margin: 60px 0 0;border-bottom: 1px solid #dfdfdf;border-left: 1px solid #dfdfdf;border-right: 1px solid #dfdfdf;}
.qrcode{padding: 20px 110px 20px 30px;border-bottom:1px solid #dfdfdf;border-top:1px solid #dfdfdf;font-weight:bold;position:relative;clear:both;background: #f7f7f7;}
.qrcode p.qr_title{margin:0;padding:0;background:none;}
.qrcode p.txtQrcode{padding:0;background:none;margin:10px;font-size:13px;font-weight:normal;letter-spacing:-1px;}
.qrcode a{display:block;position:absolute;right:10px;top:10px;border:1px solid #ccc;}
.qrcode div.qrZoom{position:absolute;right:-1px;top:-1px;border:1px solid #ccc;}

.research{margin: 10px 0 0 30px;}
.research div.researchCount{}
.research div.researchCount p.research_title{margin:0; padding:10px 0; font-weight:bold;}
.research div.researchCount form{margin:10px 20px;}
.research div.researchCount form ol{width:100%;display:inline-block;margin:0 0 10px 0;}
.research div.researchCount form ol li{float:left;margin-right:10px;}
.research div.researchCount form ol label {padding: 0 0 0 5px;}
.research div.researchCount form ul{display:inline-block;width:100%;}
.research div.researchCount form ul li{float:left;}
.research div.researchCount form ul li:first-child{width:86%;}
.research div.researchCount form ul li:first-child input{padding:5px;margin:0;height:33px;width:97%;border:1px solid #ccc;}
.research div.researchCount p.resultBtn{margin:20px 0;padding:0;background:none;width:100%;text-align:center;}

.ccl{padding:10px 20px;background-color:#dfdfdf;font-weight:bold;}
.ccl a{padding:5px;background:#fafafa;display:block; border:1px solid #bbb;float:left;margin-right:10px;}
.ccl p{margin:0;padding:0;background:none;font-weight:normal;font-size:13px;letter-spacing:-1px;}

.contentAdmin{padding:10px 20px;border-top: 1px solid #dfdfdf;}
.contentAdmin div.adminArea{width:100%;display:inline-block;}
.contentAdmin div.adminArea dl{margin:0;font-size:12px;letter-spacing:-1px;line-height:200%;}
.contentAdmin div.adminArea dl dt{display: inline-block; font-weight:bold; margin-right:5px; font-size:14px}
.contentAdmin div.adminArea dl dd {display: inline-block; margin-right: 30px;font-size:14px}


.updateButton button.btn_info {width: 100%; text-align:center;display: block;margin: 0 auto;border: 1px solid #999;background: #cccfd4;height: 30px;font-weight: bold;text-shadow: 1px 1px #fff;}

.content .bd_searchbox{text-align:right;}