@charset "UTF-8";


/* 비디오 컨텐츠 by 황인환 2020.09.29. */
span.se-video, span.se-image{opacity: 1 !important;}


/*생애주기별*/
.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:#ffff;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%;}
}	

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

.lifeTable thead th.bg1,.lifeTable tbody td.bg1 {background:#f2fffe; color:#017D73;}
.lifeTable thead th.bg2,.lifeTable tbody td.bg2 {background:#ebfafe; color:#007896;}
.lifeTable thead th.bg3,.lifeTable tbody td.bg3 {background:#ebfafe; color:#007896;}
.lifeTable thead th.bg4,.lifeTable tbody td.bg4 {background:#ebfafe; color:#007896;}
.lifeTable thead th.bg5,.lifeTable tbody td.bg5 {background:#e4f4fd; color:#2E5B73}
.lifeTable thead th.bg6,.lifeTable tbody td.bg6 {background:#e1eafb; color:#284780}

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




/* 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.onepass .txt a:focus {outline-color: #ff6640;}
.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;}
}



/* 사이트맵 */

.siteTabList {position:relative; margin:0 0 10px 0; border-top:1px solid #00244f; border-left:1px solid #cccccc;}
.siteTabList:after {content:""; display:block; clear:both;}
.siteTabList li {float:left;text-align:center;}
.siteTabList li:first-child{background:#81bcdd;}
.siteTabList li:first-child .on {color:#fff;font-size:0.95em;}
.siteTabList a {display:block; border-right:1px solid #cccccc;border-bottom:1px solid #cccccc;font-size:0.95em;padding:15px 10px 14px 27px;line-height:20px;}
.siteTabList li.on a {font-weight:bold;color:#fff;text-decoration:none;text-shadow:1px 1px 2px rgba(0,0,0,0.7);}
.siteTabList a:hover {text-decoration:underline; }
.siteTabList a:link {color:#383d41; text-decoration:none;}
.siteTabList a:visited {color:#000; text-decoration:underline;}
.siteTabList a:active {color: #383d41; text-decoration:underline; }



.tab_1 li {width:100%;}
.tab_2 li {width:50%;}
.tab_3 li {width:33.3%;}

.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%;}

}


/*소비자교육연구학교*/
.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;}
}

/*사업자 상담*/
.coun {background:url('../imgs/contents/counBg.png');padding:30px;}
.coun p {color:#fff;}
.coun_line {border-top:1px solid #ddd; margin:15px 0;padding:20px 0}


/*소비자원데이터*/
.boxtype .icon{display:block;text-align:center;}
.boxtype .title{display:block;padding:10px 0 5px;font-size:2.300em;color:#212121;text-align:center;}
.boxtype .title em{color:#005cb9;}


/* 유관기관 리스트*/
.listType1 {position: relative;z-index: 0;margin-bottom: 1.25rem;}

.listType1 ul{ }
.listType1 li {text-align: center;vertical-align: top;border: 1px solid #ddd;margin: 0 0% 1%  1%;width: 49%;float: left;min-height: 180px;background: #303840;}
.listType1 li:nth-child(2n+1) {margin: 0 ;}
.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: 10px 5px;max-height: 200px;height: 30px;font-weight:bold;margin-top: 1%;color:#fff;}

@media all and (max-width:840px) {
	.listType1 li {min-height: 200px;}
}
@media screen and (max-width:640px) {
	.listType1 li {width:98%; margin:1%;min-height: 170px;}
	.listType1 li:nth-child(2n+1) {margin: 1% ;}
}



/* 관련사이트 리스트*/
.listType2 {position: relative;z-index: 0;margin-bottom: 1.25rem;}

.listType2 ul {}
.listType2 li {text-align: center;line-height: 1.388;vertical-align: top;border: 1px solid #ddd;margin: 0 0% 1%  1%;width: 49%;float: left;min-height: 180px;background: #f8f8f8;}
.listType2 li:nth-child(2n+1) {margin: 0 ;}
.listType2 li span {display:inline-block;padding:25px 0;background: #fff;width: 100%;}

.listType2 .txt {width: 90%;margin: 0 auto;word-break: break-word;padding: 10px 5px;max-height: 200px;height: 30px;font-weight:bold;margin-top: 1%;color: #555;}

@media all and (max-width:840px) {
	.listType2 li {min-height: 200px;}
}
@media screen and (max-width:640px) {
	.listType2 li {width:98%; margin:1%;min-height: 170px;}
	.listType2 li:nth-child(2n+1) {margin: 1% ;}
}


/* 정보공개 */
.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 a.termListBtn img{height: 30px; vertical-align: middle; margin-left: 10px;}
.listTerm .termListfir{padding:30px;background:#f5f5f5;border-bottom:1px solid #ddd;}
.listTerm .btnDown a::before {position:inherit;}

.listTerm p.termListTlt{position:relative;display:block;padding: 16px 20px 18px;border-bottom:1px solid #ddd;font-size:1.15em;color:#000;font-weight:bold;}
.listTerm p.termListTlt::before {position:absolute;top: 27px;left:0;content:"";width: 5px;height: 10px;background: #ec703e;border-radius: 300px;}
.listTerm p.termListTlt img{height: 30px; vertical-align: middle; margin-left: 10px;}

img.privacy_title{width: 100%; max-width: 601px;}

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

/*연구학교지원*/
.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%} 
}


/***** 고객헌장 boxList1  *****/
.boxList1 {border-top:2px solid #000; border-bottom:1px solid #ccc;padding:10px 20px;}
.boxtype .icon{display:block;text-align:center;}
.boxtype .title{display:block;padding:10px 0 5px;font-size:2.300em;color:#212121;text-align:center;}
.boxtype .title em{color:#005cb9;}

.boxList1_num li {border-bottom:1px dotted #ccc;padding:20px;}
.boxList1_num li:last-child {border-bottom:none;}
.boxList1_num .num {display: inline-block; margin-left: 0px; margin-right: 20px; width: 55px; height: 55px; line-height: 55px; text-align: center; color: #fff; background:#7d859a; border-radius: 50%; }
.boxList1_num li:nth-child(2n) span.num {background:#4d5874;}
.boxList1_num li:nth-child(3n) span.num {background:#192c55;}
.boxList1_num .num2 {display: inline-block; margin-left: 0px; margin-right: 20px; width: 55px; height: 55px; line-height: 55px; text-align: center; color: #fff; background:#7d859a; border-radius: 50%; }
.boxList1_num li:nth-child(2n) span.num2 {background:#4d5874;}
.boxList1_num li:nth-child(3n) span.num2 {background:#192c55;}
.boxList1_num li:nth-child(4n) span.num2 {background:#c5991e;}
.boxList1_num .txt {display:inline-block; width:87%; vertical-align:middle; }


@media all and (max-width:800px) {
	.boxList1_num li {padding:10px;}
	.boxList1_num div {padding:10px 0 0 0px;}
	.boxList1_num ul.conList li {padding:0 0 5px 22px;}
	.boxList1_num > li > .num-box {position: relative; margin: 0; padding: 20px 20px 20px 70px; height: auto; line-height: 1.3;}
	.boxList1_num > li > .num-box .num2 {position: absolute; left: 15px; top: 50%; margin: 0; margin-top: -20px; width: 40px; height: 40px; line-height: 40px;}
}
@media screen and (max-width:360px) {
	 .boxList1_num .num {display: inline-block; vertical-align:top}
     .boxList1_num .txt {display:inline-block; width:70%; vertical-align:middle; }
}

/***** 이미지 박스 link  *****/
.linkimg_box{display:inline-block; width:100%; height:100%; border:1px solid #cdcdcd;}
.linkimg_box .link_l{float:left; width:35%; min-height:200px; background:#f9f9f9; text-align:center; padding:40px 0;}
.boxPad{padding:5px;}
.linkimg_box .link_l img{border:1px solid #dadada;}
.linkimg_box .link_r{float:left; width:55%; padding:40px 5%;}
.linkimg_box .link_r h3{display:inline; font-size:1.533em; font-weight:500; background:url("../imgs/contents/textBg.png") repeat-x left 18px;color:#000;letter-spacing:-0.05em;}
.linkimg_box .link_r p{padding:20px 0 25px;}
@media all and (max-width:1024px) { 
	.linkimg_box .link_l img{width:80%}
}
@media all and (max-width:768px) { 
	.linkimg_box .link_l img{width:368px;}
	.linkimg_box .minheight{min-height:100% !important;}
	.linkimg_box .link_l{clear:left; width:100%;}
	.linkimg_box .link_r{clear:left; width:90%;}
}
@media screen and (max-width:480px) { 
	.linkimg_box .link_l{min-height:100%;}
	.linkimg_box .link_l img{width:80%;}
	.linkimg_box .link_r{padding:20px 5%;}
}

.boxList2_num li {padding:5px;}
.boxList2_num li p {background:#f7f8fc;border-radius:30px;}
.boxList2_num div {padding:10px 0 0 20px;}
.boxList2_num ul.conList li {padding:0 0 5px 22px;}
.boxList2_num .num2 {display: inline-block; margin-left: 0px; margin-right: 20px; width: 55px; height: 55px; line-height: 55px; text-align: center; color: #fff; background:#7d859a; border-radius: 50%; }
.boxList2_num li:nth-child(2n) span.num2 {background:#4d5874;}
.boxList2_num li:nth-child(3n) span.num2 {background:#192c55;}
.boxList2_num li:nth-child(4n) span.num2 {background:#c5991e;}
.boxList2_num .txt {display:inline-block; width:87%; vertical-align:middle; }

@media all and (max-width:800px) {
	.boxList2_num li {padding:0px;}
	.boxList2_num div {padding:10px 0 0 0px;}
	.boxList2_num ul.conList li {padding:0 0 5px 22px;}
	.boxList2_num > li > .num-box {position: relative; margin: 0; padding: 20px 20px 20px 70px; height: auto; line-height: 1.3;}
	.boxList2_num > li > .num-box .num2 {position: absolute; left: 15px; top: 50%; margin: 0; margin-top: -20px; width: 40px; height: 40px; line-height: 40px;}
}



/*빅데이터*/

.bigData {background:#f4f9fa url('/home/imgs/contents/bigData_bg1.png');padding: 15px;overflow:hidden;}
.bigData > .title {text-align:center;padding:20px 0;font-size:1.45em;}
.bigData > .title strong em {color:#005cbc}
.bigData .box_list > li .box .button {border-top:1px solid #eee;padding-top:10px;}
.bigData .box_list > li .box .button ul li {margin:5px 0;}

.bigData .box_list > li {float: left;  width: 20%;}
.bigData .box_list > li .box { /* margin: 0 9px; */ height: 200px;text-align: center; /* font-size: .7rem; */padding: 30px;background: #fff; border: 1px solid #eee;}
.bigData .box_list.type1 > li {display: table-cell;float: inherit;/* width: 1%; */ }
.bigData .box_list.type1 > li .box { text-align: left;}
.bigData .box_list.type1 > li .box .tag { font-size: .8rem; }
.bigData .box_list.type1 > li .box strong  { color: #222; display: block; margin-bottom: 10px; text-align: center;height: 80px;line-height:1.2em;}
.bigData .box_list.type4 > li .box { height: 300px; }

.bigData2 {width: 100%;overflow: hidden;}
.bigData2 .box_list > li {position:relative; float: left;width: 49.5%;margin-left: 1%;background: #f4f9fa;}
.bigData2 .box_list > li:first-child {margin-left:0;background: #f4f9fa url('/home/imgs/contents/bigData_bg2.png')no-repeat 95% 40px;}
.bigData2 .box_list > li:last-child{background: #f4f9fa url('/home/imgs/contents/bigData_bg3.png')no-repeat 95% 30px;}
.bigData2 .box_list > li .box1 {background:#f4f9fa;padding:15px 30px;height:150px;display: table-cell;vertical-align: middle;}
.bigData2 .box_list > li .box1 strong {display:block;}
.bigData2 .box_list p {font-size:1.45em;}
.bigData2 .box_list p  em {color:#005cbc}
.bigData2 .box_list div {margin-top:10px;}

.datBut {background:#f00;}

@media all and (max-width:840px) {
    .bigData .box_list > li {float: left;  width: 50%;}
	.bigData .box_list > li .box { height: 240px;text-align: center;padding: 30px;background: #fff; border: 1px solid #eee;}
    .bigData .box_list.type1 > li {display: table-cell;float: left; }
	.bigData .box_list.type1 > li .box { text-align: left; min-height:150px; }
	.bigData .box_list.type1 > li .box .tag { font-size: .8rem;}
	.bigData .box_list.type1 > li .box strong  { color: #222; display: block; margin-bottom: 10px; text-align: center;height: 80px;line-height:1.2em;}
	.bigData .box_list.type4 > li .box { height: 300px;}
}
@media screen and (max-width:640px) {
    .bigData .box_list > li , .bigData2 .box_list > li {width:100%; margin:0.5% 0;}
	.bigData2 .box_list > li .box1 {background:#f4f9fa;padding:15px 30px;height:100px;display:block;vertical-align: middle;}
}

.tableBg {background:#fff;}
.tableBg thead th, .tableBg tbody th {background:#fff; text-align:left;}
.tableBg tbody td div {margin-top:5px; margin-right:5px}
.tableBg tbody td {height:inherit}
.tableBg tbody td br {display:none}

@media all and (max-width:720px) {
	.tabBoard, .tabBoard thead, .tabBoard tbody, .tabBoard th, .tabBoard td, .tabBoard tr {display:block;}
	.tabBoard tr{float:left;width:100%;box-sizing:border-box;}
	.tabBoard th, .tabBoard td{float:left;clear:both;width:100%;box-sizing:border-box;}
	.tabBoard thead tr {position: absolute; top: -9999px; left: -9999px;}
	.tabBoard tr {position:relative; border-bottom:1px solid #e4e7ec; border-top:none;padding:10px 0;}
	.tabBoard tr:first-child {border-top:none;}
	.tabBoard tr:nth-child(even) {background-color:#f7f7f7;}
	 
	.tabBoard tbody td {position:relative; border:none; text-align:left;padding:0 10px;}	

	.tableBg thead th, .tableBg tbody th {background:#fff; text-align:left;height:initial;border:none;}
	.tableBg tbody td div {margin-top:5px; margin-right:5px}
	.tableBg tbody td {height:inherit}
}

@media print{
	.mCont_scroll {overflow-x:auto; padding-top:0; background:none;}
	.mCont_scroll table{width:100%;word-break:break-all;}
	.mCont_scroll2 {overflow-x:auto; padding-top:0; background:none;}
	.mCont_scroll2 table{width:100%;word-break:break-all;}
}

/*소비자지표 추가 */
.mailJ{display:block;font-size:13px;margin-top:5px;color:#ff393c;}
.applic{display:none;position:absolute;border:1px solid;background:#4c4c4c;right:550px; margin-top:-227px;}
.applic span{color:#fff;font-size:14px;display:inline-block;padding:5px;}
.applic div{background:#fff;padding:10px;}
.applic a.close{color:#fff;font-size:16px;display:inline-block;float:right;margin:5px 10px;cursor:pointer;}
.applic div strong{padding:7px 0;display:block;color:#2c72ba;}
.applic div ul li{padding:3px 0;}
.dataText{color:#435363}

.indexCon{overflow:hidden;margin-bottom:20px;}
.indexBox2{height:269px;}
.indexBox1{height:322px;}
.indexBox{position:relative;border:1px solid #ccc;width:48%;float:left;margin:10px 1% 0 0;}

.indexBox strong.title{background:#32629c;color:#fff;padding:10px 25px;display:block;font-size:1.2em;}
.indexBox strong.title span{color:#ffc07c;}
.indexBox ul{padding:20px;}
.indexBox ul.he{min-height:160px;}
.btnBox{padding:0 25px 20px 25px;}
.btnBox div{margin:5px 0;}
.size09 div a{font-size:0.9em;padding:11px 10px 10px 10px  !important;}
.size09 div.viewBtn a{font-size:0;padding:0 !important;}
.size09 div a span{margin-left:3px;}

@media screen and (max-width:1440px) { 
	.indexBox br{display:none;}
}
@media screen and (max-width:1300px) { 
	.indexBox{width:100%;box-sizing:border-box;}
	.indexBox ul.he{min-height:auto;}
}
@media screen and (max-width:1024px) {
	.applic{right:50%;}
}
@media screen and (max-width:768px) { 
	.applic{width:94%;right:3%;}
}
@media screen and (max-width:640px) { 
	.indexBox1{height:auto;}
	.indexBox2{height:auto;}
	.viewBtn{display:block;margin:5px 0 0;}
	.size09 div.viewBtn a{width:auto;height:auto;color:#fff;font-size:15px;padding:11px 40px 10px 10px !important;text-shadow:1px 0 1px rgba(0,0,0,0.5);}
	.size09 div.viewBtn a:before{right:12px;margin-left:10px;}
}

@media screen and (max-width:768px){	
	.m_board_insert th{text-align:left;}
}
@media screen and (max-width:640px) {
	.con_manager dt{float:left;}
	.con_manager dd{vertical-align:top;padding:0;}
}

/*설립목적*/
.estab {}
.estab p {line-height:35px; font-size:1.375em;}
.estab p:nth-of-type(2) {margin:20px 0px}  
.estab p img {max-width:100%;}

.estabBox{position:relative;padding:30px;border:1px solid #cdd0d5;}
.estabBox .icon{display:block;text-align:center;}
.estabBox .title{position:relative;display:block;padding:20px 0px 30px 0px;font-size:1.875em;color:#000;text-align:center;}
.estabBox .title:before{position:absolute; bottom:0; bottom:-10px; left:0; width:100%; height:10px; background-repeat:repeat-x; background-position:left center; background-image:url('../imgs/contents/box_pattern.png'); content:'';}
.estabBox .title em{color:#005cb9;}
.estabBox .txtBox{position:relative;padding:60px 0 35px;}
.estabBox .txtBox p{margin-bottom:25px;font-size:22px;color:#212121;line-height:150%;text-align:center;}
.estabBox .charterList{margin:15px 0  0 0;padding:20px 0px 20px 50px;background:#f9f9f9;}
.estabBox .charterList li{position:relative;margin-bottom:20px;padding:0px 0 0 80px;min-height:55px;box-sizing:border-box;}
.estabBox .charterList li:last-child{margin-bottom:0px;}
.estabBox .charterList li span{display:block;position:absolute;left:0;top:0;width:55px;height:55px;font-size:1.250em;line-height:55px;text-align:center;color:#fff;}
.estabBox .charterList li span.bg1{background:#0178be;border-radius:50%;}
.estabBox .charterList li span.bg2{background:#103c76;border-radius:50%;}
.estabBox .charterList li p{font-size:1.125em;color:#333;padding-top:15px;line-height:140%;}

@media all and (max-width: 840px){
   .estabBox .charterList{padding:30px;}
}
@media screen and (max-width: 640px){
   .estab p br {display:none;}
   .estabBox .charterList{padding:10px;}
   .estabBox .charterList li span{top:10px;width:55px;height:55px;font-size:1.250em;line-height:55px;text-align:center;color:#fff;}
}

/* 개인정보처리방침 */
.privacy_box {font-size:0; line-height:0; word-break:keep-all;}
.privacy_box dl {position:relative; width:25%; min-height:11rem; display:inline-block; font-size:.75rem; line-height:1.5; margin-right:2%; margin-bottom:1rem; border:1px solid #ddd; padding:1.5rem 1.25rem; vertical-align:top; transition:all .2s; -webkit-transition:all .2s;}
.privacy_box dl:hover {border-color:#0083cb; box-shadow:0 0 8px rgba(0, 131, 203, .15);}


.privacy_box dl:hover dd{display: block; position:absolute; right:-17rem; top:1rem; background-color: #fff; z-index: 1; border: 1px solid #0083cb; box-shadow:0 0 8px rgba(0, 131, 203, .15);}
.privacy_box dl:nth-child(3n):hover dd{display: block; position:absolute; right:15rem; top:1rem;}
.privacy_box dl dd{display: none; }

.privacy_box dt {color:#111; font-size:1rem; font-weight:600; margin:.5rem 0 1rem; text-align: center;}
.privacy_box dt p{margin:.5rem 0 1rem; text-align: center; min-height: 4.5rem;}
.privacy_box dt p img{height:6rem;}
.privacy_box dd { display: none; background-color: #fff; width: 22rem;}
.privacy_box dd .font_title {background-color: #0652b1; color: #fff; padding: 0.6rem 1rem; font-weight: 600; margin-bottom: .75rem; font-size: .85rem;}
.privacy_box dd .font_stit {padding:0 .95rem; font-size: .85rem; font-weight: 500;}


.privacy_box dd > ul {padding: 1rem;}
.privacy_box dd > ul > li{ padding: .5rem .75rem; border: 1px solid #e1e1e1; display: block; border-radius: .4rem; margin-bottom: .4rem;}
.privacy_box dd > ul > li em{ color: #0aa2f4; font-weight: 600; width: 7rem; display: inline-block; width: 5.5rem;}
.privacy_box dd > ul > li em.st01{ height: 4rem; float:left; clear:both;}
.privacy_box dd > ul > li em.st02{ height: 3rem; float:left; clear:both; }
.privacy_box dd > ul > li em.st03{ height: 5rem; float:left; clear:both; }
.privacy_box dd > ul > li em.st04{ height: 6rem; float:left; clear:both; }
.privacy_box dd > ul > li em.st05{ height: 7rem; float:left; clear:both; }
.privacy_box dd > ul > li em.st06{ height: 8rem; float:left; clear:both; }

@media screen and (max-width:880px) {
	.privacy_box dl {width:93%; min-height:0; margin-right:0;}
	.privacy_box dl dt p img{ height: 4rem;}
	.privacy_box dl {pointer-events:none;}
	.privacy_box dl:hover dd{display: none;}
	.privacy_box dl:nth-child(3n):hover dd{display: none;}
	.privacy_box dl dd{display: block; width: 100%; background-color: #fff; z-index: 1; border: 1px solid #0083cb; box-shadow:0 0 8px rgba(0, 131, 203, .15);}

	.privacy_box dt {margin:.25rem 0 1rem;}
	.privacy_box dd .ico {top:.85rem;}

	.privacy_box dd > ul > li em.st01{ height: 3rem; float:left; clear:both;}
	.privacy_box dd > ul > li em.st02{ height: 2rem; float:left; clear:both;}
	.privacy_box dd > ul > li em.st03{ height: 5rem; float:left; clear:both; }
	.privacy_box dd > ul > li em.st04{ height: 6rem; float:left; clear:both; }
	.privacy_box dd > ul > li em.st05{ height: 7rem; float:left; clear:both; }
	.privacy_box dd > ul > li em.st06{ height: 8rem; float:left; clear:both; }
	.privacyImg img{width:100%; }

}

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

	.privacy_box dl {width:93%; min-height:0; margin-right:0;}
	.privacy_box dl dt p img{ height: 4rem;}
	.privacy_box dl {pointer-events:none;}
	.privacy_box dl:hover dd{display: none;}
	.privacy_box dl:nth-child(3n):hover dd{display: none;}
	.privacy_box dl dd{display: block; width: 100%; background-color: #fff; z-index: 1; border: 1px solid #0083cb; box-shadow:0 0 8px rgba(0, 131, 203, .15);}

	.privacy_box dd .ico {top:1rem; width:2.5rem; height:auto;}

	.privacy_box dd > ul > li em.st01{ height: 3rem; float:left; clear:both;}
	.privacy_box dd > ul > li em.st02{ height: 2rem; float:left; clear:both; }
	.privacy_box dd > ul > li em.st03{ height: 5rem; float:left; clear:both; }
	.privacy_box dd > ul > li em.st04{ height: 6rem; float:left; clear:both; }
	.privacy_box dd > ul > li em.st05{ height: 7rem; float:left; clear:both; }
	.privacy_box dd > ul > li em.st06{ height: 8rem; float:left; clear:both; }
	.privacyImg img{width:100%;}
}


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

	.privacy_box dl {width:90%; min-height:0; margin-right:0;}
	.privacy_box dl dt p img{ height: 4rem;}
	.privacy_box dl {pointer-events:none;}
	.privacy_box dl:hover dd{display: none;}
	.privacy_box dl:nth-child(3n):hover dd{display: none;}
	.privacy_box dl dd{display: block; width: 100%; background-color: #fff; z-index: 1; border: 1px solid #0083cb; box-shadow:0 0 8px rgba(0, 131, 203, .15);}

	.privacy_box dd .ico {top:1rem; width:2.5rem; height:auto;}

	.privacy_box dd > ul > li em.st01{ height: 3rem; float:left; clear:both;}
	.privacy_box dd > ul > li em.st02{ height: 2rem; float:left; clear:both; }
	.privacy_box dd > ul > li em.st03{ height: 5rem; float:left; clear:both; }
	.privacy_box dd > ul > li em.st04{ height: 6rem; float:left; clear:both; }
	.privacy_box dd > ul > li em.st05{ height: 7rem; float:left; clear:both; }
	.privacy_box dd > ul > li em.st06{ height: 8rem; float:left; clear:both; }
	.privacyImg img{width:100%;}
}