@charset "UTF-8";

/*공통*/
.conH3{color:#053472;}
.conH3:before{background:#0e3d7b;position:absolute;left:0;top:0;content:"";width:20px;height:6px;}
.conH3:after{background:#fa5e37;width:20px;left:20px;}

/* login로그인 */
.login{}
.login .certified{float:left;width:49.1%;padding:54px 5% 47px;height:520px;margin-right:1.8%;text-align:center;box-sizing:border-box;border-top:3px solid #000;border-left:1px solid #ccc;border-right:1px solid #ccc;border-bottom:1px solid #ccc; }
.login .certified:nth-of-type(2) {margin:0%;background:#f1f1f1;}
.login .certified.phone {background:#84a6c3; }
.login .certified .txt{font-size:1em;color:#8c8c8c;letter-spacing:-1px;}
.login .certified .txt h3{margin-bottom:16px;font-size:1.5em;line-height:24px;color:#000;font-weight:normal;}
.login .certified .txt h3::after{display:block;height:122px;margin-top:35px;background-repeat:no-repeat;background-position:53% center;content:'';}
.login .certified.phone .txt h3::after{background-image:url('/base/imgs/member/ico01.png');}
.login .certified.onepass .txt h3::after{background-image:url('/base/imgs/member/ico02.png');}
.login .certified .txt p {border-top:1px solid #ccc; text-align:center; height:80px; padding:30px 0 55px 0;color:#000;line-height:26px;}
.login .certified .txt p span {display:block;font-weight:bold}
.login .certified.onepass .txt p br {display:none;}
.login .certified input value{display:none;}
.login .certified .certified_btn{width:275px;height:45px; background:url('/base/imgs/member/btn01.png');border:0; cursor:pointer;text-indent:-9999px;overflow:hidden;}

@media all and (max-width:840px) {
	.login .certified .txt br{display:none;}
}
@media all and (max-width:667px) {
    .login .certified .txt p {letter-spacing:-1.5px;}
}
@media screen and (max-width:640px) {
	.login .certified{position:relative;float:none;width:100%;margin-left:0;}
	.login .certified.phone{margin-bottom:20px;}
	.login .certified .txt{;text-align:center;}
	.login .certified .certified_btn{margin-left:0;margin-right:0;}
}
@media screen and (max-width:480px) {
	.login .certified{padding:30px 4% 20px 4%;height:auto;}
	.login .certified:before{display:none;}
	.login .certified .txt{margin-left:0;text-align:center;}
	.login .certified .txt p {border-top:1px solid #ccc; text-align:center; height:110px; padding:20px 0 20px 0;color:#000;line-height:26px;}
}

/*탭 스타일 추가*/
.menu_tab4New{margin-bottom: 25px;}
.menu_tab4New ul{text-align:left;}
.menu_tab4New ul li{display:inline-block; min-width:140px; height:50px; margin-bottom:10px;}
.menu_tab4New ul li a{display:block; height:100%; padding:0 7px; background:#f6f6f6; color:#555; font-size:15px; text-align:center; }
.menu_tab4New ul li.on  a{position:relative; z-index:3; background:#073f73; color:#fff;}
.menu_tab4New ul li a span{display:inline-block; vertical-align:middle;}
.menu_tab4New ul li a:after{content:''; display:inline-block; height:100%; vertical-align:middle;}

@media screen and (max-width:640px){	
	.menu_tab4New {}
	.menu_tab4New ul li{width:100%; min-width:inherit; height:auto; padding:1px 0px; margin-bottom:0px;}
	.menu_tab4New ul li a{padding:10px 7px; font-size:15px;}
}

/*신청 모바일 추가 */
@media screen and (max-width:768px){	
	.m_board_insert th{text-align:left;}
}

/*연수신청 css추가*/
.edu thead th{text-align:center;}
.conPad1{padding:25px;background:#fff;}
.conBox{overflow:hidden;}
.conBox1{position:relative; border:1px solid #ccc; padding:25px; word-break:break-all;}
.eduCen{text-align:center;}
.eduCen label{font-size:15px!important;margin:10px 0 0 0;}
.po{position:relative;}
.po span{position:absolute;top:-13px;right:0;}
@media screen and (max-width:768px) {
	.txtBold{font-weight:bold;color:#333;}
}

@media screen and (max-width:640px) {
	.blogright{border:0px;width:35%;}
	.blogright span:last-child{width:auto;}
	.blogleft ul li:first-child span{width:100%;}
}


/*교육정보 게이트웨이*/
.listType1 {position: relative;z-index: 0;margin-bottom: 1.25rem;}
.listType1 li{text-align:center;vertical-align:top;border:1px solid #ddd;margin:0 2% 2% 0;width:31.8%;float:left;background:#e8e8e8;box-sizing:border-box;}
.listType1 li.no_data{width:100%;}
.listType1 li span{display:inline-block;padding:25px 0;background:#fff;width:100%;}
.listType1 .txt{width:90%;margin:0 auto;word-break:break-word;padding:15px 5px;max-height:200px;font-weight:bold;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.listType1 li:nth-child(3n){margin:0 0 2% 0;}

@media screen and (max-width:1350px) {
	.listType1 li{width:48%;}
	.listType1 li:nth-child(3n){margin:0 2% 2% 0;}
}

@media screen and (max-width:640px) {
	.listType1 li{width:100%;margin:0 0 2% 0;}
}

@media screen and (max-width:380px) {
	.listType1 li span img{width:75% !important;}
}

/*소비자교육연구학교-대표에서 소스이전*/
.rese_school {margin:30px 0; color:#fff;}
.reseTop {background:#005cbc; position:relative; height:310px;}
.reseTop:before {content:'';display:block;background:url('/home/imgs/contents/educ_img.png') no-repeat;width:440px;height:310px;}
.reseTop p {position:absolute;top:70px;left:50%;width:450px;height:150px;line-height:30px;z-index: 10; font-size:1.14em;}
.reseTop p span {color:#ffd451;font-weight:600;}

.reseBox {position:relative; padding:40px 30px; border:1px solid #cdd0d5; }
.reseBox .title {display:block;text-align:center; background:#fd5e35; font-size:17px; color:#fff; border-radius:50px; padding:15px 30px; width:40%; margin:0 auto; overflow:hidden; box-sizing:border-box;text-shadow:1px 1px 2px rgba(0,0,0,0.7);}
.reseBox .desc {width:75%; text-align:center; margin:30px auto; word-break:keep-all;}
.reseBox .desc>span {color:#1454a2; font-weight:600;}

.resePro { padding:30px 2% 0; border-top:1px dashed #666; text-align:center; overflow:hidden;}
.resePro li {position:relative; width:28.66%;float:left;margin-right:7%; word-break:keep-all;}
.resePro li:before{ position:absolute; right:-15%;top:45%; content:'';display:block; background:url('/home/imgs/contents/educ_arr.png') no-repeat; width:15px; height:28px;}
.resePro li:last-of-type:before{background:inherit;}
.resePro li:nth-child(3) {margin:0 0 40px 0;}
.resePro li:nth-child(6) {margin-right:0;}
.resePro .bg1 {background:#2692d8;}
.resePro .bg2 {background:#1474b3;}
.resePro .bg3 {background:#1454a2;}
.resePro .bg4 {background:#2f4157;}
.resePro li p.em1 {color:#fff; padding:0 30px; font-weight:600; height:50px;vertical-align:middle;display:table-cell;width:800px;text-shadow:1px 1px 2px rgba(0,0,0,0.7);}
.resePro li p.em2 {color:#000; background:#f1f8fd; padding:15px 40px; margin-top:5px; min-height:40px; line-height:20px; vertical-align:middle; overflow:hidden;} 

@media all and (max-width:1200px) {
	.reseTop:before {background:none; width:inherit;}
	.reseTop p {left:5%; width:inherit; padding:0 20px 0 10px;}
	.reseTop {height:250px;}
	.reseBox .title {width:50%;}
	.resePro {padding:30px 0;}
	.resePro li p.em2 {padding:15px 10px;}
}

@media all and (max-width:840px) {
	.resePro {padding:30px 0 0 0;}
	.resePro li {width:43%;}
	.resePro li:before {right:-11%;}
	.resePro li:nth-child(3) {margin:20px 7% 20px 0;}
	.resePro li:nth-child(4) {margin:20px 0;}
}

@media screen and (max-width:640px){
	.reseTop {height:auto;}
	.reseTop p {left:5%;top:30px;}
	.reseBox .title {width:100%;}
	.reseBox .desc {width:100%;}
	.resePro li {width:100%; margin-top:10px;}
	.resePro li:before {background:none; }
	.resePro li:nth-child(3),.resePro li:nth-child(4) {margin:10px 0 0 0 !important;}
}

/*연구학교지원-대표에서 소스이전*/
.ethics{position:relative;overflow:hidden;padding:0 2%;}
.ethics li{border-bottom:1px dashed #d4d4d4;position:relative;padding:2% 0%;word-break:normal;overflow:hidden;}
.ethics li:last-child {border-bottom:none}
.ethics:after{clear: both; content: ''; display: block}
.ethics li .circle{position: relative; top:10%; width:90%;float:left;}
.ethics li .circle1{background-position: 0 0}
.ethics li .circle2{background-position: -75px 0}
.ethics li strong{display: block;width: 89px;height: 98px;background: url('../imgs/contents/ethics_icon.png');float:left;}
.ethics li .icon1{background-position: 0 0}
.ethics li .icon2{background-position: 0 -100px;}
.ethics li .icon3{background-position: 0 -200px;}
.ethics li .icon4{background-position: 0 100px;}
.ethics li .txt_box{display: block;  text-align: left; margin-top:20px;margin-left:150px;}
.ethics li .txt_box h4{font-size:1.1em;margin:10px 0; }
.ethics li .txt_box h4,  .ethics li .txt_box p{word-break:normal; white-space:normal;}
.ethics li div.btnDown {margin-top:20px;float:right;}

@media all and (max-width:760px){
	.ethics li{padding:5% 0%;}
	.ethics li .circle{width:70%;float:left;}
	.ethics li strong{}
	.ethics li .txt_box{display: block;  text-align: left; margin-top:20px;margin-left:110px;}
	.ethics li .txt_box h4,  .ethics li .txt_box p{word-break:normal; white-space:normal;}
	.ethics li div.btnDown {margin-top:20px;float:right;}
}
@media screen and (max-width:640px){
	.ethics li{padding:5% 0%;}
	.ethics li .circle{width:100%;float:left;}
	.ethics li strong{float:none;margin:0 auto;}
	.ethics li .txt_box{display: block;  text-align: left; margin-top:20px;margin-left:0px;}
	.ethics li .txt_box h4,  .ethics li .txt_box p{word-break:normal; white-space:normal;}
}

/*연구학교운영현황-대표에서 소스이전*/
.schBox {
    overflow: hidden;
}
.schBox dt {float:left;width:15%;background:#005cc2;padding: 10px 0;text-align:center;color:#fff;}
.schBox dd {padding-left:17%;padding-top: 10px;}

.listType3 {position:relative;z-index:0;margin-bottom:10px;overflow:hidden}
.listType3 > li {line-height:1.388;vertical-align: top;border: 2px solid #eee;margin:0 0% 1%  1%;width:49.5%;float: left;height: 230px;max-height:280px;padding:25px;box-shadow:1px 1px 0 #ddd;box-sizing:border-box;/*background:url('../imgs/contents/org_logoBg.png') no-repeat;*/}
.listType3 > li::before {background:#f00}
.listType3 > li:nth-child(2n+1) {margin: 0 ;}
.listType3 li p {padding:10px 0px;font-size:1.1em;font-weight:bold;text-align:center;background:#f8f8f8;}
.listType3 li p span {color:#005cbc;}
.listType3 li:nth-child(3n) p span, .listType3 li:nth-child(4n) p span, .listType3 li:nth-child(5n) p span, .listType3 li:nth-child(6n) p span {color:#003e88}
.listType3 li:nth-child(7n) p span, .listType3 li:nth-child(8n) p span, .listType3 li:nth-child(9n) p span, .listType3 li:nth-child(10n) p span {color:#1c8751}
.listType3 li > div ul {border-top:1px solid #dddddd;padding-top:10px}
.listType3 li > div ul li strong {width:20%;display:inline-block;float:left;word-break:break-word;}
.listType3 li > div ul li span {display:inline-block;width:80%}

/* listCon*/
.listCon {position:relative; line-height:22px;}
.listCon li {position:relative; padding:0 0 5px 15px}
.listCon li::after {position:absolute; left:3px; top:9px; content:""; width:4px; height:4px; background:#5c5c5c;}

@media all and (max-width:840px){
	.listType3 > li {min-height:240px;padding:10px;}
	.listType3 li > div ul {border-top:1px solid #dddddd;padding-top:10px}
	.listType3 li > div ul li {padding:0 0 0 10px;}
    .listType3 li > div ul li strong {width:30%;display:inline-block;float:left;word-break:break-word;}
    .listType3 li > div ul li span {display:inline-block;width:70%} 
}

@media screen and (max-width:640px){
	.listType3 > li {width:100%;min-height:240px;margin:1% 0%;}
	.schBox dt {float:none; width:100%;padding:10px 0;}
	.schBox dd {padding-left:0%;display:inline-block;margin-top:10px}
}

@media screen and (max-width:480px){
	.schBox dt {float:none; width:100%;padding:10px 0;}
	.schBox dd {padding-left:0%;display:inline-block;margin-top:10px}
}

@media screen and (max-width:320px){
	.listType3 > li {min-height:260px;padding:10px;}
	.listType3 li > div ul {border-top:1px solid #dddddd;padding-top:10px}
	.listType3 li > div ul li {padding:0 0 0 10px;}
    .listType3 li > div ul li strong {width:30%;display:inline-block;float:left;word-break:break-word;}
    .listType3 li > div ul li span {display:inline-block;width:70%} 
}

/* 생애주기 */
#subWrapper #content #centerContent.gateway{float:none;width:100%;}

.lifeTab{margin:10px 0 20px;}
.lifeTab li{position:relative;float:left;width:25%;text-align:center;}
.lifeTab li a{display:block;font-size:1.5em;;color:#333;}
.lifeTab li a span{display:block;background:#d9e1ea;border-radius:30px;padding:8px 0;margin:0 5px;}
.lifeTab li.on a span{color:#fff;background:#0e3d7b;}
.lifeTab li.on a:after{position:absolute;bottom:-15px;left:calc(50% - 13px);content:'';display:block;border-top:15px solid #0e3d7b;border-left:13px solid transparent;border-right:13px solid transparent;}

/* 2020-10-16 */
.lifeTop{position:relative;padding:15px 0 0;background:#edf6fd;text-align:center;}
.lifeTop h3{font-size:2em;color:#000;margin:0 0 15px;}
.lifeTop h3 span{display:block;font-size:0.6em;color:#2682cb;font-weight:400;}
.lifeTop .lifeMenu{position:relative;max-width:907px;height:110px;margin:0 auto;padding:0 50px 10px;opacity:0;transition:opacity 0.1s;}
.lifeTop .lifeMenu li{float:left;}
.lifeTop .lifeMenu li a{display:inline-block;background:#fff;border:2px solid #98a1a9;border-radius:100px;font-size:1.1em;color:#7c8185;margin:0 5px;}
.lifeTop .lifeMenu li.on > a{color:#4894d1;border-color:#4894d1;}
.lifeTop .lifeMenu li a span{display:table-cell;width:100px;height:100px;vertical-align:middle;}
.lifeTop .lifeMenu button{display:none;position:absolute;top:34px;z-index:1;width:18px;height:35px;text-indent:-9999px;overflow:hidden;}
.lifeTop .lifeMenu button.slick-prev{left:calc(50% - 500px);background:url('../imgs/contents/life_prev.png') no-repeat 50%;}
.lifeTop .lifeMenu button.slick-next{right:calc(50% - 500px);background:url('../imgs/contents/life_next.png') no-repeat 50%;}

.lifeTop .lifeMenu .slideWrap{position:relative;width:100%;height:100%;overflow:hidden;}
.lifeTop .lifeMenu .slideWrap ul{margin:0 auto;}

.lifeTop .lifMn_tab{position:relative;width:100%;z-index:1;background:#4894d1;}
.lifeTop .lifMn_tab div, .lifeTop .lifMn_tab div.over{display:none;}
.lifeTop .lifMn_tab div.on{display:block;}
.lifeTop .lifMn_tab ul{padding:5px 0 8px;}
.lifeTop .lifMn_tab li{display:inline-block;}
.lifeTop .lifMn_tab li a{display:block;padding:2px 10px;font-size:1.1em;color:#fff;}
.lifeTop .lifMn_tab li.on a{text-decoration:underline;}

.lifeContent{position:relative;padding:30px 0 0;min-height:330px;border:1px solid #d2d2d2;border-top:0;}
.lifeContent .life-slick{width:720px;height:274px;margin:0 auto;overflow:hidden;}
.lifeContent .life-slick .slick-list .slick-track{margin:0 auto;}
.lifeContent .life-slick a{display:block;font-size:1em;color:#000;margin:0 30px;text-align:center;width:300px;}
.lifeContent .life-slick a strong{display:block;max-height:48px;overflow:hidden;text-align:left;word-break:break-all;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.lifeContent button.slick-arrow{position:absolute;top:calc(50% - 44px);width:53px;z-index:1;height:44px;text-indent:-9999px;overflow:hidden;}
.lifeContent button.slick-prev{left:calc(50% - 500px);background:url('../imgs/contents/lifeslide_prev.png') no-repeat 50%;background-size:cover;}
.lifeContent button.slick-next{right:calc(50% - 500px);background:url('../imgs/contents/lifeslide_next.png') no-repeat 50%;background-size:cover;}
.lifeContent button.slick-disabled{display:none !important;}
.lifeContent .ctrl{font-size:1em;color:#797979;text-align:center;margin:5px 0;}
.lifeContent .ctrl strong{font-size:20px;color:#000;}

.lifeContent .life-slick{visibility:hidden;opacity:0;transition:opacity 0.1s;}
.lifeContent .life-slick.slick-initialized{visibility:visible;opacity:1;}
.lifeContent .life-slick item{display:none}
.lifeContent .life-slick item:first-child{display:block;visibility:hidden;}
.lifeContent .life-slick.slick-initialized item{display:block;visibility:visible !important;}
@media (max-width: 1070px){
	.lifeTab li a{font-size:1.3em;}
}

@media (max-width: 1024px){
	.lifeTab{margin:20px 0 10px;}
	.lifeTab li{width:50%;margin:5px 0;}	
	.lifeTab li a{font-size:20px;}
	.lifeTab li img, .lifeTab li.on a:after{display:none;}

	/* 2020-10-16 */
	.lifeTop h3{font-size:30px;}
	.lifeTop .lifeMenu{max-width:none;height:84px;padding:0 60px 20px;}
	.lifeTop .lifeMenu li a span{width:80px;height:80px;}
	.lifeTop .lifeMenu button{top:25px;}
	.lifeTop .lifeMenu button.slick-prev{left:20px;}
	.lifeTop .lifeMenu button.slick-next{right:20px;}

	.lifeContent{min-height:auto;}
	.lifeContent .life-slick{width:auto;height:auto;margin:0 70px;}
	.lifeContent .life-slick a{margin:0 10px;width:auto;}
	.lifeContent .life-slick a img{max-width:100%;}
	.lifeContent .life-slick a strong{text-align:center;}
	.lifeContent button.slick-arrow{width:45px;height:30px;}
	.lifeContent button.slick-prev{left:20px;}
	.lifeContent button.slick-next{right:20px;}
}
@media (max-width: 640px){
	.lifeTab li{width:100%;}	

	/* 2020-10-16 */
	.lifeTop h3{font-size:25px;}
	.lifeTop .lifeMenu{height:64px;padding:0 40px 20px;}
	.lifeTop .lifeMenu li a span{width:60px;height:60px;font-size:15px;}	
	.lifeTop .lifeMenu button{top:16px}
	.lifeTop .lifeMenu button.slick-prev{left:10px;}
	.lifeTop .lifeMenu button.slick-next{right:10px;}
	.lifeTop .lifMn_tab{height:auto;}
	.lifeTop .lifMn_tab .slick-list{min-height:36px;}
	.lifeTop .lifMn_tab li a{font-size:14px;}

	.lifeContent .life-slick{margin:0 40px;}
	.lifeContent .life-slick a{margin:0;font-size:16px;}
	.lifeContent button.slick-arrow{width:18px;height:35px;}
	.lifeContent button.slick-prev{left:10px;background:url('../imgs/contents/life_prev.png') no-repeat 50%;}
	.lifeContent button.slick-next{right:10px;background:url('../imgs/contents/life_next.png') no-repeat 50%;}
}


/* 정보공개 */
.listTerm{border-top:1px solid #000;}
.listTerm a.termListBtn{position:relative;display:block;padding: 16px 20px 18px;border-bottom:1px solid #ddd;background:url('../imgs/contents/downIcon.png') no-repeat 99%;font-size:1.15em;color:#000;font-weight:bold;}
.listTerm a.termListBtn::before {position:absolute;top: 27px;left:0;content:"";width: 5px;height: 10px;background: #ec703e;border-radius: 300px;}
.listTerm a.termListBtn.on{background-image:url('../imgs/contents/upIcon.png');}
.listTerm .termListfir{padding:30px;background:#f5f5f5;border-bottom:1px solid #ddd;}
.listTerm .btnDown a::before {position:inherit;}

.infoOpen .textBg{display:inline;padding:0 5px;font-size:1.1em;color:#222;background:url('../imgs/contents/textBg.png') repeat-x 0 100%;}
.infoOpen p{line-height:1.8em;}
.infoOpen .conBox{background:#fff;}
.infoOpen .numList{width:50%;float:left;}
.infoOpen .numList li:nth-child(1){margin-top:0;}
.infoOpen .btn_info{text-align:right;}
.infoOpen .boxInfo{position:relative;padding-bottom:10px;border-bottom:1px dashed #666;}
.infoOpen .boxInfo p{color:#333;}
.infoOpen .boxInfo_img {position:absolute; left:23px; top:6px;height:93px; width:93px; background:url('../imgs/contents/info_icon.png') no-repeat;}
.infoOpen .boxList{margin:0 60px;}
.infoOpen .boxList li{width:30.33%;min-height:275px;margin:0 1.5%;}
.infoOpen .boxList li span{font-size:1.3em;}
.infoOpen .boxList li p{padding:20px 10px;}

@media all and (max-width:1400px) {
	.infoOpen .boxList{margin:0;}
}
@media all and (max-width:767px) {
	.infoOpen .numList{float:none;width:auto;margin:10px 0;}
	.infoOpen .boxInfo_img{display:none;}
}
@media screen and (max-width:640px) {
	.infoOpen .btn_info{text-align:left;}
	.infoOpen .boxList li{width:100%; margin-bottom:10px; min-height:auto;}
}
@media screen and (max-width:414px) {
	.infoOpen .boxList li span{font-size:1.1em; padding:13px 10px;}
}


.fr{text-align:right !important;}

@media screen and (max-width:640px) {
	.division span{background:#edf5fa;color:#2164a8;font-weight:bold;font-size:13px;}
}


.sitemap {position:relative;overflow:hidden;}
.sitemap ul {margin:0 0 0 -3%;}
.sitemap ul li {float:left; padding:0 0 0 3%; width:30.3%;}
.sitemap ul li li {float:none; padding:0; width:100%;}
.sitemap ul li a {position:relative; display:block;}
.sitemap ul li li a {font-weight:normal; color:#000; text-align:left; padding:10px 8px; border-bottom:1px solid #eaeaea;}
.sitemap ul li li a:hover {text-decoration:underline;}
.sitemap ul ul {margin:0 0 20px 0; width:100%;}
.sitemap ul ul ul {background:#f7f7f7; padding:8px 0; margin:0; border-bottom:1px solid #eaeaea; width:auto;}
.sitemap ul ul ul ul {background:#f7f7f7; padding:10px 5%; width:90%; margin:0; border-bottom:none;}
.sitemap ul ul ul ul li {background:#fff;}
.sitemap ul li li span {background:url("/base/imgs/contents/a_blank.png") no-repeat 5px 0px;height:11px;width:11px;display:inline-block;padding:0 5px;}
.sitemap ul li li li li a {/*background:#fff url("/home/imgs/main/tablist_dot_.gif") no-repeat 10px 8px;*/ padding:6px 10px 6px 18px; width:90%;} 

.sitemap ul li li li li:first-child a {padding:12px 10px 6px 18px;} 
.sitemap ul li li li li:last-child a {padding:6px 10px 12px 18px;} 

.sitemap ul li li li a {border:none; padding:7px 10px 7px 10px; line-height:15px;color:#555; } 

.sitemap ul li li li li a {/*border:none; padding:7px 10px 7px 20px; line-height:15px; ;*/} 
.sitemap ul li li li li a:after {position:absolute; left:11px; top:14px; content:""; width:4px; height:4px; background:#9e9e9e;}

.sitemap > ul > li{min-height:450px;}
/*.sitemap div.depth3{display:none;}*/
.sitemap .depth2 > ul > li a.open{background:url('../imgs/header/menu1th_off.png') no-repeat 94%;}

.sitemap .map_1depth {background:#747c8f; color:#fff; padding:15px 0; text-align:center; font-weight:bold; font-family:"Malgun Gothic"; font-size:16px;}
.sitemap .ico_blank {position:absolute; top:40%; right:10px; display:block; width:13px; height:15px; background:url("/imgs/template/btn_homepage_on.gif") no-repeat 0 0;}

@media all and (max-width:767px){

	.sitemap ul {margin:0;}
	.sitemap ul li {float:none; padding:0; width:100%;}
	.sitemap > ul > li{min-height:auto !important;}

	.sitemap .map_1depth {font-size:17px; padding:10px 0 10px 0;}
	.sitemap ul li li a {font-size:15px; font-weight:bold; padding:10px 10px;}
	.sitemap ul li li li a {padding:5px 10px 5px 18px; line-height:15px; font-size:14px; font-weight:normal;} 
	.sitemap ul ul ul ul {padding:5px 5%;}
}
/*생애주기별*/
.lifeCycle1 {display:inherit}
@media all and (max-width:1440px) {
	.lifeCycle1 img {width:100%;}
}
.lifeCycle2 {display:none}

@media all and (max-width:840px) { 
  .lifeCycle1 {display:none}
  .lifeCycle2 {display:inherit}
}


.lifeTable_bg1 {background:url('../imgs/contents/lifeTable_bg1.png') no-repeat;height:167px;position: relative;}
.lifeTable_bg1 strong:nth-of-type(1) {position: absolute;top:100px;left:175px}
.lifeTable_bg1 strong:nth-of-type(2) {position: absolute;top:50px;left:475px}
.lifeTable_bg1 strong:nth-of-type(3) {position: absolute;top:85px;right:205px}
.lifeTable_bg1 strong:nth-of-type(4) {position: absolute;top:105px;right:65px}
.lifeTable_bg2 {background:url('../imgs/contents/lifeTable_bg2.png') no-repeat;height:62px;line-height:2;position: relative;}

.lifeTable_bg2 div {color:#fff;font-weight:bold;text-shadow:1px 1px 0px #000;word-break:break-all;width:100%;box-sizing:border-box;}
.lifeTable_bg2 div ul {padding-top:20px}
.lifeTable_bg2 div ul li{float:left;line-height:22px;word-wrap:break-word;}
.lifeTable_bg2 div ul li:nth-of-type(1) {width:18%;text-align:center;display:table-cell;vertical-align:middle;}
.lifeTable_bg2 div ul li:nth-of-type(2) {width:15%;text-align:center;display:table-cell;vertical-align:middle;}
.lifeTable_bg2 div ul li:nth-of-type(3) {width:27%;text-align:center;display:table-cell;vertical-align:middle;}
.lifeTable_bg2 div ul li:nth-of-type(4) {width:25%;text-align:center;display:table-cell;vertical-align:middle;}
.lifeTable_bg2 div ul li:nth-of-type(5) {width:15%;text-align:center;display:table-cell;vertical-align:middle;}


/* lifeTable */
.lifeTable {border-collapse:collapse; width:100%; border-top:2px solid #434343; border-bottom:1px solid #ccc; word-break:break-all;}
.lifeTable thead th, .lifeTable tbody th {height:42px;color:#222; padding:8px 12px 9px; border:1px solid #ccc;text-align:center;background:#fbfbfb}
.lifeTable thead td, .lifeTable tbody td {height:42px;padding:7px 3px; border:1px solid #ccc; border-top:none; text-align:left;vertical-align:baseline; }
.lifeTable tbody td.td_c{text-align:center;}
.lifeTable tfoot th {padding:7px 10px; border:1px solid #ccc; border-top:none; height:42px; background:#f3f3f3;}
.lifeTable tfoot td {padding:7px 10px; border:1px solid #ccc; border-top:none; font-weight:bold; height:42px; background:#f3f3f3; text-align:left; }
.lifeTable .first{border-left:0;}
.lifeTable .last{border-right:0;}
.lifeList {position:relative; line-height:22px;}
.lifeList li {position:relative; padding:0 0 5px 15px;font-size:0.98em;color:#555;}
.lifeList li::after  {position:absolute; left:3px; top:6px; content:""; width:10px; height:9px; background:url('../../base/imgs/contents/conH5_ico.png') no-repeat 0 0;}
.lifeList ul {position:relative; padding:5px 0 0 0;}
.lifeList li li {position:relative; padding:0 0 2px 13px; }
.lifeList li li::after {position:absolute; left:3px; top:9px; content:""; width:4px; height:4px; background:#5c5c5c;}
.lifeList li li li {padding:0 0 2px 12px;color:#777; font-size:0.875em;}
.lifeList li li li::after {position:absolute; left:2px; top:10px; content:""; width:5px; height:1px; background:#737477;}

.lifeList li.bg {background:#e9e9e9;}
.lifeList li.bg span {color:#757575;}

.lifeTable thead th.bg1,.lifeTable tbody td.bg1 {background:#f0f6f4; color:#03968a; text-shadow:0px 1px 1px rgba(0,0,0,0.7);}
.lifeTable thead th.bg2,.lifeTable tbody td.bg2 {background:#e7f4f9; color:#0c7e9a;}
.lifeTable thead th.bg3,.lifeTable tbody td.bg3 {background:#e7f4f9; color:#0c7e9a;}
.lifeTable thead th.bg4,.lifeTable tbody td.bg4 {background:#ddedfa; color:#006f8b;}
.lifeTable thead th.bg5,.lifeTable tbody td.bg5 {background:#d1e7f7; color:#2e5b73;}
.lifeTable thead th.bg6,.lifeTable tbody td.bg6 {background:#ede7e4; color:#114a82;}

.lifeTable thead th span{width:30px;height:30px;display:block;float:left}
.lifeTable thead th.bg1 span { background:url('../imgs/contents/lifeTable_ioc01.png') no-repeat 0 0;}
.lifeTable thead th.bg2 span { background:url('../imgs/contents/lifeTable_ioc02.png') no-repeat 0 0;}
.lifeTable thead th.bg3 span { background:url('../imgs/contents/lifeTable_ioc03.png') no-repeat 0 0;}
.lifeTable thead th.bg4 span { background:url('../imgs/contents/lifeTable_ioc04.png') no-repeat 0 0;}
.lifeTable thead th.bg5 span { background:url('../imgs/contents/lifeTable_ioc05.png') no-repeat 0 0;}
.lifeTable thead th.bg6 span { background:url('../imgs/contents/lifeTable_ioc06.png') no-repeat 0 0;}


.lifeTable thead th.slash {background: url('../imgs/contents/slash.png')no-repeat 0 0;background-size: 100% 100%;}
.lifeTable thead th.slash div{ text-align: right; }
.lifeTable thead th.slash span{ text-align: left; display:block;}

@media screen and (max-width:640px) {
  .lifeTable thead th.slash {background:none}
  .lifeTable thead th.slash div {display:none;}
  .lifeTable thead th.slash span {width:100%;}
}

/* 2021-12-14 콘텐츠 추가 */
@font-face {font-family:'SCDream';src:url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-4Regular.woff') format('woff');font-weight:400;}
@font-face {font-family:'SCDream';src:url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-6Bold.woff') format('woff');font-weight:600;}
@font-face {font-family:'SCDream';src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-7ExtraBold.woff') format('woff');font-weight:700;}
@font-face {font-family:'yg-jalnan';src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_four@1.2/JalnanOTF00.woff') format('woff');font-weight:normal;font-style:normal;}
.recycle_top{font-family:'yg-jalnan';font-size:25px;color:#fff;line-height:1.5;text-align:center;padding:40px 0;background:#0d68ab url('../imgs/contents/recycle_top.png') no-repeat 0 100%;border-radius:0 0 20px 0;}
.recycle_top span{color:#e5dc09;}
.contTable_recycle {border-collapse:collapse;width:100%;text-align:center;border:5px solid #013e87;line-height:1.35;}
.contTable_recycle thead th.first{background:#013e87;font-family:'yg-jalnan';font-size:27px;color:#fff;height:73px;}
.contTable_recycle thead th span{color:#ffe33a;}
.contTable_recycle thead th span.point{font-size:30px;}
.contTable_recycle thead th img{vertical-align:middle;margin-left:15px;}
.contTable_recycle tbody th, .contTable_recycle tbody td{padding:10px;border:1px solid #013e87;font-family:'SCDream';font-size:20px;color:#013e87;font-weight:700;}
.contTable_recycle tbody td.last{background:#013e87;color:#fff;font-size:21px;font-weight:400;padding:10px 5px 5px;}
.contTable_recycle tbody td.last.small{font-size:17px;text-align:left;}
.contTable_recycle tbody .brd_bg{background:#ffebeb}
.contTable_recycle tbody td p.img{margin:20px 0;}
.contTable_recycle tbody td p.img img{vertical-align:middle;max-width:100%;}
.contTable_recycle tbody td ul.list1 li{display:inline-block;margin:20px 80px;}
.contTable_recycle tbody td ul.list1 li span{display:block;width:160px;margin:20px auto;padding:5px 0;background:#013e87;border-radius:30px;font-family:'Noto Sans KR';font-size:15px;color:#fff;font-weight:400;}
.contTable_recycle tbody td ul.re_order li{float:left;width:25%;margin:10px 0 20px;padding-left:15px;background:url('../imgs/contents/re_arr.png') no-repeat 0 40%;box-sizing:border-box;}
.contTable_recycle tbody td ul.re_order li:before{content:'';display:block;margin:12px auto;width:160px;height:160px;}
.contTable_recycle tbody td ul.re_order li.icon1{background:none;padding:0;}
.contTable_recycle tbody td ul.re_order li.icon1:before{background:url('../imgs/contents/re_order1.png') no-repeat;}
.contTable_recycle tbody td ul.re_order li.icon2:before{background:url('../imgs/contents/re_order2.png') no-repeat;}
.contTable_recycle tbody td ul.re_order li.icon3:before{background:url('../imgs/contents/re_order3.png') no-repeat;}
.contTable_recycle tbody td ul.re_order li.icon4:before{background:url('../imgs/contents/re_order4.png') no-repeat;}
@media screen and (max-width:1024px){
	.contTable_recycle tbody td ul.re_order{width:80%;margin:0 auto;}
	.contTable_recycle tbody td ul.re_order li{width:50%;}
}
@media screen and (max-width:768px){
	.recycle_top{padding:40px 20px;text-shadow:1px 1px 1px rgba(0,0,0,0.7);}
	.recycle_top br{display:none}
}
@media screen and (max-width:640px){
	.contTable_recycle.type2 thead th.first{padding:3px 10px 7px;}
	.contTable_recycle.type2 thead th img{display:none;}
	.contTable_recycle tbody td ul.re_order{width:auto;}
	.contTable_recycle tbody td ul.re_order li{width:auto;float:none;background:none;}
}
.re_info{position:relative;margin:60px 0 0 22px;background:#fff;border:2px solid #0067d0;font-family:'Noto Sans KR'}
.re_info:before{content:'';display:block;width:22px;height:73px;background:#0067d0;position:absolute;top:-2px;left:-22px;}
.re_info:after{content:'';display:block;border-top:23px solid #004994;border-left:22px solid transparent;position:absolute;top:71px;left:-22px;}
.re_info .title{border-bottom:1px solid #0067d0;}
.re_info .title h3{display:table-cell;min-width:100px;height:70px;padding:0 33px;vertical-align:middle;background:#0067d0;font-size:26px;color:#fff;text-align:center;}
.re_info .title p{display:table-cell;height:70px;vertical-align:middle;padding-left:30px;font-size:18px;font-weight:400;}
.re_info .title p img{vertical-align:middle;}
.re_info .cont{padding:25px 50px 35px;}
.re_info .cont li{margin:10px 0 0;padding-left:32px;min-height:30px;font-size:20px;color:#000;font-weight:400;line-height:1.5;background:url('../imgs/contents/re_info_dot.png') no-repeat 0 4px;}
.re_info .cont li span{position:relative;z-index:1;}
.re_info .cont li span.bg1, .re_info .cont li span.bg2{font-size:17px;}
.re_info .cont li span.bg1:before{content:'';display:block;width:101%;height:14px;background:#8ed252;opacity:0.2;border-radius:30px;position:absolute;bottom:0;left:0;z-index:-1;}
.re_info .cont li span.bg2:before{content:'';display:block;width:101%;height:14px;background:#d98494;opacity:0.2;border-radius:30px;position:absolute;bottom:0;left:0;z-index:-1;}
.re_info .cont li span.bg3:before{content:'';display:block;width:101%;height:14px;background:#bed62f;opacity:0.5;border-radius:30px;position:absolute;bottom:3px;left:0;z-index:-1;}
.re_info .cont ul.img_list li{float:left;width:50%;margin:0;padding:0;font-size:17px;background:none;text-align:center;}
.re_info .cont ul.img_list li:before{content:'';display:block;width:100%;height:134px;margin:0 auto 15px;}
.re_info .cont ul.img_list li.img1:before{background:url('../imgs/contents/re_info12_img1.png') no-repeat 50% 100%;}
.re_info .cont ul.img_list li.img2:before{background:url('../imgs/contents/re_info12_img2.png') no-repeat 50% 100%;}
@media screen and (max-width:1024px){
	.re_info{margin:30px 0 0;}
	.re_info:before, .re_info:after{display:none;}
	.re_info .title p{padding:0 20px;}
	.re_info .cont li{font-size:17px;background-position:0 2px;}
	.re_info .cont li span.bg1, .re_info .cont li span.bg2{font-size:15px;}	
	.re_info .cont li span.bg1{background:rgba(142,210,82,0.2);}
	.re_info .cont li span.bg2{background:rgba(217,132,148,0.2);}
	.re_info .cont li span.bg1:before, .re_info .cont li span.bg2:before{display:none;}
}
@media screen and (max-width:640px){
	.re_info .title h3, .re_info .title p{display:block;width:auto;height:auto;padding:7px 10px;}
	.re_info .title p{text-align:center;}
	.re_info .cont{padding:10px 20px 30px;}
	.re_info .cont ul.img_list li{float:none;width:auto;}
	.re_info .cont ul.img_list li.img2{margin-top:40px;}
}

.img-zoom img{max-width: 100%;}