@charset "UTF-8";
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);

@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; }
ul,ol,dl,dt,dd,fieldset {margin:0px; padding:0px; border:0px;}
legend {overflow:hidden; font-size:0px; width:0px; height:0px; position:absolute;}
li {list-style:none; padding:0px;}
body {margin:0px; font-family:'yg-jalnan', 'Nanum Gothic','나눔고딕','돋움', Dotum, sans-serif;}
.skip {position:absolute; overflow:hidden; height:0; width:0; font-size:0; visibility:hidden;}
a, a:visited, a:link { color:#636363; text-decoration:none; }
a:hover { color:#636363; text-decoration:none; }
button {background:none; border:0px; padding:0px; margin:0px; cursor:pointer;}
.al {text-align:left;}
.ac {text-align:center;}
.ar {text-align:right;}
pre {white-space: pre-line;}
.text_orange {color:#ffb636;}

/* Layout */
#wrapper {min-width:1000px; margin:0 auto;overflow:hidden}
.wrap {position:relative;margin:0 auto;width:1000px;padding:0 ;}

.adminH2 {background:none !important; font-weight:bold; font-size:24px !important; margin:0px 0px 20px !important; padding:0px 0px 0px 5px !important; color:#333 !important; line-height:22px !important; border-left:5px solid #ccc;}

/* main */

.mainLayout {background-color:#f6f6f6;}
.mainButton {margin-top:120px; text-align:center;}
.mainSDiv {height:650px; width:100%; overflow:hidden;}
.mainSUl {margin:20px 0px; display:inline-block;}
.mainSUl > li {width:100%; height:630px; float:left;}
	.main1 { width:1100px; height:577px; margin:0 auto; overflow:hidden;} 
	.main1 .box01 {float:left; width:420px; height:577px; border-radius:25px 0 0 0; overflow:hidden; position:relative}
	.main1 .box01 .bx-viewport {border-radius:25px 0 0 0;}
	.main1 .slideControl1 {position:absolute; right:15px; top:10px; z-index:1000;}
	.main1 .slideControl1 > a {float:left; display:inline-block; width:10px; height:14px; margin-left:3px;}
	.main1 .slideControl1 > a > img {margin-top:3px;}
	.main1 .slideControl1 ul li {margin-left:3px; float:left;}
	.main1 .slideControl1 ul li a {display:block; background:url('/assets/kor/images/newMain/indicator_off.png') center no-repeat; width:10px; height:14px; font-size:0px; overflow:hidden; text-indent:-100px;}
	.main1 .slideControl1 ul li.on a {display:block; background:url('/assets/kor/images/newMain/indicator_on.png') center no-repeat; width:18px; height:14px; font-size:0px; text-indent:-100px; }
		.box01In {width:420px; height:577px; overflow:hidden;}
		.box01In ul li {float:left;}
		.box01In ul li img {width:100%;}

/* box02 */

.main1 .Box2Indicator {position:absolute; right:15px; top:10px}
.main1 .Box2Indicator img {margin-left:13px}

.main1 .box02 {float:left; background:#cde157; width:327px; height:575px; position:relative}
.main1 .box02 h3 {color:#568d01 ; font-size:20px; font-weight:bold; margin-left:18.5px}
.main1 .box02 h4 {color:#ffb400 ; font-size:17px; font-weight:bold; margin:0; margin:20px 0 12px}
.main1 .box02 .schoolImgWrap {width:106px; height:76px; overflow:hidden; margin:23px 0 0 37px; float:left;}
.main1 .box02 .schoolImgWrap img {width:100%}
.main1 .box02 .chami_school li {overflow:hidden; position:relative;}
		.chami_schoolIn {width:88%; margin-left:16px; border:2px solid #fff; border-bottom:2px solid #ddd; background-color:#fff; display:inline-block; padding-bottom:20px;letter-spacing:-1px;}
.main1 .box02 .chami_school li p {margin:0; font-size:13px; color:#9e9e9e; font-weight:bold}
				.main_child {position:absolute; bottom:-120px; left:5px;}
.schoolContents {float:left; width:42%; margin-left:12px}


/* box03 */

.main1 .box03 {float:left; background:#ffcd54; width:29.8%; height:575px; border-radius:0 0 25px 0;position:relative;}
.main1 .box03 .plus {border-radius:50%; background:#fcaf05; color:white; text-align:center; width:30px; height:30px; line-height:30px; font-size:25px; position:absolute; top:-7px; right:20px;}
.main1 .box03 .mainCourse {position:relative; }
.main1 .box03 h3 {color:#c56416 ; font-size:20px; font-weight:bold;}
.main1 .box03 .box3In {width:290px; margin:0 auto; }
.main1 .box03 .box3In ul {display:inline-block; width:100%; border-top:1px solid #b6b2a7; border-bottom:1px solid #b6b2a7; }
.main1 .box03 .box3InUl {background-color:#fff;}
.main1 .box03 li {width:143px;height:71px; float:left; overflow:hidden; border-bottom:1px dashed #dddddd} 
.main1 .box03 li.home {border-right:1px dashed #dddddd; border-bottom:1px dashed #dddddd }
.main1 .box03 li.kindergarden {border-bottom:1px dashed #dddddd}
.main1 .box03 li.playground {border-right:1px dashed #dddddd; border-bottom:1px dashed #dddddd}
.main1 .box03 li.school {border-bottom:1px dashed #dddddd}
.main1 .box03 li.publicPlace {border-right:1px dashed #dddddd; }
.main1 .box03 li.more {}
.main1 .box03 .mainCourse {width:100%; float:left;background:#FEF6E1}
.main1 .box03 .mainCourse .mainCourseIn01 {width:100%;border-bottom:1px dashed #dddddd}
.main1 .box03 .mainCourse .mainCourseIn02 {float:left;width:100%;padding-top:3px; padding-bottom:10px; }
.main1 .box03 .mainCourse h4 {margin:20px 0 10px; font-size:18px;color:#1b1b1b}

.main1 .box03 .courseChild {width:46px; height:46px; overflow:hidden; float:left}
.main1 .box03 .courseChild img {width:100%; height:100%}
.main1 .box03 .health_course{width:255px; margin:0 auto}
.main1 .box03 .health_course .course_text {color:#575757; font-size:14px; font-weight:bold; padding-left:60px; margin-top:7px }
.main1 .box03 .health_course .course_first { height:46px; padding-bottom:7px; line-height:130%;}

.main1 .box03 .commonSense {float:left;width:100%; height:109px; border:1px solid pink; background:url('') no-repeat; background-size:100% 100%}

/**** main2 ****/


/* box01 */
.main2 { width:1100px; height:577px; margin:0 auto; overflow:hidden;}
.main2 .plus { width:30px; height:30px; line-height:30px; border-radius:50%;
text-align:center;color:white; background:#848484; font-size:24px; position:absolute; top:14px; right:25px; font-weight:bold }

.main2 .box01 {float:left; float:left; width:37.8%; height:577px; border-radius:25px 0 0 0; background:#88d1ff;border-left:1px solid #e4e4e4; border-bottom:1px solid #e4e4e4  }
.main2 .box01_firstWrap {width:100%; height:281px; overflow:hidden; border-radius:25px 0 0 0;}
.main2 .box1Indicator {position:absolute; right:15px; top:10px}
.main2 .box1Indicator img {margin-left:3px}

.main2 .box01_secondWrap {width:384px; height:257px; margin:24px auto 17px; position:relative; }
.main2 .box01_secondWrap h3 {margin:0 0 24px 2px}
.main2 .box01_secondWrap ul {margin-bottom:15px}
.main2 .box01_secondWrap li {background:url('/assets/kor/images/newMain/blackCircle.png') 0 50% no-repeat; padding-left:10px; margin-bottom:10px; font-size:13px; color:#333;}
.main2 .box01_secondWrap li strong {width:290px; overflow:hidden; text-overflow:ellipsis; display:inline-block;}
.main2 .box01_secondWrap li span {float:right}
.main2 .newsLetter {height:110px }
.main2 .box01 .plus {position:absolute; top:-10px; right:0}


/* box02 */

.main2 .box2Indicator {position:absolute; right:15px; top:10px}
.main2 .box2Indicator img {margin-left:13px}

.main2 .box02 {float:left; background:#fefefe; width:31.8%;  height:280px;  position:relative; border:1px solid #e4e4e4;}

.main2 .box02 h3 {color:#2c7fb7 ; font-size:20px; font-weight:bold; margin-left:18.5px}
.main2 .box02 .slideWrap {width:310px; height:220px; margin:0 auto; overflow:hidden; position:relative;}
            .slideWrap > ul {width:990px;}
            .slideWrap > a {padding:10px; display:inline-block;}
.main2 .box02 .chemi_imgWrap {float:left; width:310px; height:219px; overflow:hidden; text-align:center;}
.main2 .box02 .chemi_imgWrap img {width:100%;}
   .chemi_imgWrapA {height:170px; overflow:hidden; display:block;}
.main2 .box02 .slideWrap p {color:#5e5e5e; font-size:14px; font-weight:bold; margin:15px 0; text-align:center }
.main2 .box02 .plus {background:#dbdbdb;}
.main2 .box02 .leftArrow1 {position:absolute; left:5px; top:60px}
.main2 .box02 .rightArrow1 {position:absolute; right:5px; top:60px}

/* box03 */
.main2 .box03 {float:left; background:#f9f9f9; width:29.8%; position:relative; border:1px solid #e4e4e4; border-left:none}
.main2 .box03 h3 {color:#2c7fb7 ; font-size:20px; font-weight:bold; margin-left:18px}
.main2 .box03 ul {width:90% ; border-top:1px solid #dddddd; margin:0 auto}
.main2 .box03 li {width:49.8%;height:71px; float:left; overflow:hidden;} 
.main2 .box03 li.news {border-right:1px dashed #dddddd; border-bottom:1px dashed #dddddd;}
.main2 .box03 li.report {border-bottom:1px dashed #dddddd;}
.main2 .box03 li.facilities {border-right:1px dashed #dddddd; border-bottom:1px dashed #dddddd}
.main2 .box03 li.referenceRoom {border-bottom:1px dashed #dddddd  }
.main2 .box03 li.knowledge {border-right:1px dashed #dddddd;}
.main2 .box03 li.information {}

/* box04 */

 .main2 .box04 {float:left; width:679px; height:146px; border-right:1px solid #dddddd; border-bottom:1px solid #dddddd; display:inline-block; position:relative }
 .main2 .box04 h3 { font-size:18px; color:#2c7fb7; margin:15px 0 15.5px 18px; width:400px;}
/*  	.recallWrap {position:reletive;} */
 	.recallWrapIn {width:610px; margin-left:35px; overflow:hidden;}
 	.recallWrapIn ul {width:3000px;}
  .main2 .box04 .recallWrapIn li {float:left; width:305px;}
 	.recallWrapIn2 {width:610px; margin-left:35px; overflow:hidden;}
 	.recallWrapIn2 ul {width:3000px;}
 .main2 .box04 .recallWrapIn2 li {float:left; width:305px;}
 .main2 .box04 .imgWrap {float:left; width:76px; height:76px; overflow:hidden}
 .main2 .box04 .imgWrap img {width:100%; height:100%}
 .main2 .box04 .textWrap {float:left; width:200px; margin-left:10px;}
 .main2 .box04 .textWrap h4 {margin:8px 0px 0px; margin-bottom:14px; font-size:14px; color:#484848; width:200px; overflow:hidden; text-overflow:ellipsis;}
 .main2 .box04 .textWrap strong {margin:0px; font-size:12px; color:#666;}
 .main2 .box04 .textWrap p {margin:0px; padding-top:3px; font-size:12px; color:#9e9e9e}
.main2 .box04 .plus {background:#dbdbdb;}
	.leftArrow2 {position:absolute; top:65px; left:5px; padding:10px;}
	.rightArrow2 {position:absolute; top:65px; right:5px; padding:10px;}




/**** main3 ****/

/* box01 */
.main3 { width:1100px; height:577px; margin:0 auto; overflow:hidden; background-color:#fff; border-radius:25px 0 0 0;}

.main3 .box01 { float:left;width:423px; border-radius:25px 0 0 0; height:577px; position:relative; overflow:hidden;}
.main3 .box01 > img {width:100%;}


/* box02 */

.main3 .box02 {float:left; width:328px; position:relative; border:1px solid #e4e4e4;  border-bottom:1px solid #dddddd }
.main3 .box02 h3 {color:#2c7fb7 ; font-size:20px; font-weight:bold; margin-left:18px}
.main3 .box02 ul {width:90% ; border-top:1px solid #dddddd; border-bottom:1px solid #dddddd; margin:0 auto}
.main3 .box02 li {width:49.8%; height:70.45px; float:left; overflow:hidden}
.main3 .box02 li.m3_news {border-right:1px dashed #dddddd; border-bottom:1px dashed #dddddd;   }
.main3 .box02 li.m3_report {border-bottom:1px dashed #dddddd;}
.main3 .box02 li.m3_facilities {border-right:1px dashed #dddddd;   }



/* box03 */


.main3 .box03 {float:left;  width:345px; height:206px; border:1px solid #dddddd; position:relative; border-left:none}
.main3 .box03 h3 {margin:0; }
	.m3_tabs {margin:15px 0 20px 25px; width:290px;}
	.m3_tabs > li {float:left; width:145px; height:30px; line-height:30px; text-align:center; font-size:13px; background-color:#e3eff6;}
	.m3_tabs > li.on {background:#5ea246;}
	.m3_tabs > li.on h3{ color:white;}
	.m3_tabs > li > ul {position:absolute; top:50px; left:25px; font-size:12px; color:#777777; font-weight:bold; }	
	.m3_tabs > li > ul > li {width:280px; height:23px; padding-left:10px; background:url('/assets/kor/images/newMain/blackCircle.png') 0px 10px no-repeat }
	.m3_tab_contents > a {width:200px; height:23px; display:inline-block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
	.m3_tab_contents {width:200px; margin:0; height:23px; float:left; text-align:left;}
	.m3_tabs .date {float:right; width:70px; height:23px; text-align:right; margin:0}
	


	.m3_linkImg {position:absolute; bottom:10px; left:23px;}
	.m3_tab2 {display:none}





/* box04 */

 .main3 .box04 {float:left; width:61.4%; height:367px; border:1px solid #dddddd; border-left:none; border-top:0; display:inline-block; font-size:14px; position:relative; }
 .main3 .box04 h3 { font-size:18px; color:#5ea246; margin:30px 0 20px 15px }
 .main3 .box04 .plus {width:30px; height:30px; border-radius:50%; color:white; line-height:30px; background-color:#dbdbdb; text-align:center; position:absolute; top:18px; right:18px; font-size:24px;}
	
	.m3_resourseWrap > ul {display:inline-block; margin:0 0 11px}
	.m3_resourseWrap li {float:left; width:310px;  border-radius:8px; border:1px solid #afafb0; position:relative;  overflow:hidden; margin-bottom:14px}
	.m3_resourseWrap h4 {margin:10px 0 10px 20px; font-size:15px; width:100%; font-weight:bold; }
	.m3_resourseWrap h4 + p {position:absolute; right:0; top:6px; margin:0; background:url('/assets/kor/images/newMain/titleBack.png') no-repeat; background-size:100% 100%; padding-left:30px; color:white; font-weight:bold; font-size:12px; width:100px; height:25px; line-height:25px}

	.al_contents {display:inline-block; background:#e4efd3; width:100%;}
	.m3_circleWrap {width:60px; height:60px; overflow:hidden; float:left; margin:10px; border-radius:5px;}
	.m3_circleWrap img {width:100%; height:100%}
	.m3_box4_contents {float:left; width:200px; height:55px}
	.m3_box4_contents p {color:#919193}
	.m3_first {margin-right:20px; margin-left:15px}
	.m3_forth {margin-top:15px; margin-left:20px}
	.m3_third {margin-top:15px; margin-left:15px;}
	.m3_resourse {font-size:11px; margin:0}
	.overhidden {width:220px; height:30px; overflow:hidden; font-size:12px; margin-top:18px; margin-bottom:6px}
	button {cursor:pointer}
	.m3_btn_download {position:absolute; bottom:3px; right:10px; font-size:10px; color:#1181b3; border:1px solid #d5d5d5; background:white; padding:5px 10px; border-radius:20px; font-weight:bold; }






/**** main1 end ****/

.topLayout {position:absolute; width:100%; left:0px; top:0px; z-index:1000; height:105px; background-color:#fff; border-bottom:1px solid #eee;}
	.topMenuBox {height:33px; background-color:#ffcd54;}
	.topMenuBoxIn {width:1100px; margin:0 auto;}
	.topMenuBoxIn > ul {float:right;}
	.topMenuBoxIn > ul > li {float:left; padding:2px 0px 2px 5px;}
	.topMenuBoxIn > ul > li img {vertical-align:middle;}
	.topMenuBoxIn > ul > li a {font-size:13px; color:#333; line-height:26px;}
	.gnbMenuBox {width:1100px; height:70px; margin:0 auto; position:relative; overflow:hidden;}
	.gnbMenuBox > h1 {position:absolute; margin:0px; padding:10px;}
		.gnbMenuBoxUL {margin:10px 200px 0px 160px;}
		.gnbMenuBoxUL > li {padding:0px 20px 0px; float:left; text-align:center;}
		.gnbMenuBoxUL > li > a {display:block; padding-top:20px; height:50px; font-size:16px; font-weight:bold; color:#333;}
		.gnbMenuSubBox {width:107px;}
		.gnbMenuSubBox > ul > li {padding:5px 0px;}
		.gnbMenuSubBox > ul > li > a {font-size:13px;}
		.mainSearch {position:absolute; top:22px; right:0px; z-index:100; width:200px; border:1px solid #ccc;}
		.mainSearch .hidden {font-size:0px; width:0px; overflow:hidden;}
		.mainSearch input {border:0px; width:150px; padding:5px; height:20px; line-height:20px;}
		/* sub menu */
		.inbox {position:absolute; left:0px; top:72px; z-index:10000; width:1098px; border:1px solid #e1e1e1; border-bottom:3px solid #ffcd54; display: none; background-color:#fff;}
		.inbox .title {width:203px; float: left; background: no-repeat center 93px; text-align: center; font-size: 26px; font-weight: 600; padding:30px 0 160px; letter-spacing: -1px;}
		.smenu01 .title {background-image:url(/assets/kor/images/newMain/smenubg01.gif); }
		.smenu02 .title {background-image:url(/assets/kor/images/newMain/smenubg02.gif); }
		.smenu03 .title {background-image:url(/assets/kor/images/newMain/smenubg03.gif); }
		.smenu04 .title {background-image:url(/assets/kor/images/newMain/smenubg04.gif); }
		.smenu05 .title {background-image:url(/assets/kor/images/newMain/smenubg05.gif); }
		
		
		.inbox .spczone {float: left; width:397px; padding:30px 0 0 30px;}
		.inbox .spczone .tit {font-size: 18px; font-weight: 600; margin:0; padding-bottom: 10px;margin-right: 27px;}
		.inbox .spczone .tit.tit01 {border-bottom:2px solid #ffcd54;}
		.inbox .spczone .tit span {float:right;}
		.inbox .spczone .issueList li {float: left; margin:0 23px 0 0;width:171px;}
		.inbox .spczone .issueList li p {margin:0;}
		.inbox .spczone .issueList li p img {width:100%;}
		.inbox .spczone .issueList li .txt { text-align: center; line-height:120%; font-size: 14px; font-weight: 600;}
		.inbox .spczone .issueList li a:hover, .topSubmenu .spczone .mediaList li a:hover,.topSubmenu .spczone .newsList li a:hover {text-decoration: none; color:#ff6600;}
		.inbox .spczone .mediaList li {float:left; width:112px; margin-right: 15px;}
		.inbox .spczone .mediaList p {margin:0;}
		.inbox .spczone .mediaList .txt {text-align: center; line-height: 30px; height:30px; font-size: 14px; font-weight: 600;}
		.inbox .spczone .newsList {margin-top: 5px;}
		.inbox .spczone .newsList li {background: url(/assets/kor/images/newMain/smenu_dot.gif) no-repeat 3px 50%; padding-left:13px; height:25px; line-height: 25px; }
		.inbox .spczone .newsList li a {font-size: 14px;}
			
		.inbox .menuzone {float:left; width:430px; padding:30px 0;}
		.inbox .menuList li{float: left; margin:0 0 10px 10px;}
		.inbox .menuList li a {display: inline-block; background:#fff7e5; text-align: center; width:204px; line-height: 18px; padding:9px 0; font-size: 13px; font-weight: 600; color:#333;}
		.inbox .menuList li a.addPadding {padding:23px 0}
		.inbox .menuList li a:hover {background:#e5f6f8; text-decoration: none; }
		.inbox .menuList li a.block2 {width:418px;}
		.inbox .menuList li a.forPadding {padding:15px 0}			
		
			
.vImgBox {margin-top:105px; height:145px; text-align:center;}
.vImgBox_11000 {background:url('/assets/kor/images/newMain/top_bg01.jpg');}
.vImgBox_12000 {background:url('/assets/kor/images/newMain/top_bg02.jpg');}
.vImgBox_13000 {background:url('/assets/kor/images/newMain/top_bg03.jpg');}
.vImgBox_14000 {background:url('/assets/kor/images/newMain/top_bg04.jpg');}
.vImgBox_15000 {background:url('/assets/kor/images/newMain/top_bg05.jpg');}
.vImgBox_18000 {background:url('/assets/kor/images/newMain/top_bg06.jpg');}
	.cBoxAni {width:1100px; margin:0 auto; overflow:hidden; height:145px; position:relative;}
		.c1Style {position:absolute; top:200px; right:130px;}
		.c2Style {position:absolute; top:200px; right:200px;}
.contentLayout {position:relative; width:1100px; margin:0 auto; border-left:1px solid #d5d5d5;}
	.leftBox {position:absolute; left:0px; top:0px; width:220px;}
	.leftBox > h2 {font-size:25px; height:27px; margin:40px 0px; text-align:center;}
		.subMenuUl > li {margin:3px 20px; border-bottom:1px solid #eee;}
		.subMenuUl > li > a { font-size:15px; font-weight:bold; padding:10px 15px; display:block;}
		.subMenuUl > li > a:hover {text-decoration:none;}
		.subMenuUl > li.on {background-color:#ffb636; border-radius:20px; border-bottom:1px solid #fff;}
		.subMenuUl > li.on > a {color:#fff;}
		.subMenuUl > li:hover {background-color:#ffb636; border-radius:20px; border-bottom:1px solid #fff;}
		.subMenuUl > li:hover > a {color:#fff;}
	.contentBox {margin:0px 0px 0px 220px; padding:0px 0px 30px 45px; border-left:1px solid #d5d5d5; min-height:600px;}
		.conTopBox {height:65px; padding-top:40px; border-bottom:1px solid #d5d5d5;}
			.sub_title {width:480px; margin:0px; padding-bottom:5px; font-size:26px;}
			.sub_txt {display:none;}
			.path {position:absolute; right:0px; top:50px; width:300px; height:20px;color:#7c7c7c;font-size:11px; text-align:right;}
			.path span{display:inline-block; width:24px; height:20px;
			background:url('../images/common/ic_locationarrow.gif') no-repeat center 5px;
			vertical-align:top; font-size:0; line-height:0; color:#fff}
		.conCBox {min-height:400px; padding-bottom:60px;}
		.satisfaction .admin_info {position:relative;background:url('/assets/kor/images/sub/admin_info_ico2.png') no-repeat 19px 9px; border:1px solid #e2e2e2; font-size:13px; height:40px;}
		.satisfaction .admin_info ul{margin-left:62px;}
		.satisfaction .admin_info ul li{float:left;display:inline;padding:0 20px;line-height:40px; color:#252525;font-weight:bold;}
		.satisfaction .admin_info ul li:first-child{background:none}
		.satisfaction .admin_info ul li span{font-family:'Nanum Gothic'; color:#686868;}
			.btnPrint {text-align:right; position:absolute; right:4px; top:4px;}
		
		.satisfaction .research {position:relative;padding:15px 10px;border:1px solid #ececec;border-top:none}
		.satisfaction .research .q {display:inline-block;margin:0 25px 0 18px;padding-left:22px;line-height:25px;background:url('/assets/kor/images/sub/research_ico.png') no-repeat 0 center}
		.satisfaction .research form {display:inline-block;padding:0;}
		.satisfaction .research form input {vertical-align:middle;}
		.satisfaction .research form label{display:inline-block;margin:0 20px 0 5px}
		.satisfaction .research form input[type="submit"] {padding:0 15px;height:25px;color:#fff;font-size:14px;font-weight:bold;background:#7d7d7d}
		

		.origin {border-top:1px solid #e2e2e2; padding:23px 0 23px 190px; position:relative; line-height:25px; height:25px; font-size:12px;}
		.origin .img {position:absolute; top:15px; left:20px;}
		.origin em {color:#008475;}



.footLayout {background-color:#f5f5f5; border-top:1px solid #d5d5d5; min-height:150px;}
.footLayoutIn {width:1100px; margin:0 auto; position:relative}
.footLayout .logo {position:absolute; top:45px; left:48px;}
.footLayout ul {position:absolute; top:20px; left:256px;}
.footLayout ul li {float:left;}
.footLayout ul li a {display:inline-block; color:#333; font-weight:bold; margin-right:20px; font-size:12px;}
.footLayout .address {position:absolute; top:45px; left:256px;color:#777; font-size:11px;font-family:'Nanum Gothic'; line-height:20px;}
.footLayout .address p {margin:0px;}
.footLayout .address span { color:#0d7c9d;}
.footLayout .address span.info { padding-left:10px;}
	.dropdownbox {position:absolute; top:20px;}
	.dropdownbox span {color:#F90; font-size:11px; }
	.dropdownbox a.selected {display:block; height:23px; text-indent:-99999px}
	.dropdownbox p {position:absolute; right:0px; bottom:7px; width:210px; padding:5px 3px 5px 10px; background:#fff; border-width:1px 1px 0 1px; border-style:solid; border-color:#d6d8d8; z-index:999;}
	.dropdownbox p {display:none;}
	.dropdownbox p a {display:block; overflow:hidden; height:19px; letter-spacing:-1px; font-size:11px; color:#9c9c9c; line-height:19px}
.relsite {position:absolute; top:35px; right:470px; padding-left:7px;background:url('/assets/kor/images/newMain/bg_bar_03.gif') no-repeat 0 2px; font-size:11px; font-family:ngb; letter-spacing:-1px}
.relsite_01 {right:10px}
.relsite_01 a.selected {width:225px; background:url('/assets/kor/images/newMain/txt_relsite_01_off.gif') no-repeat 0 0}
.relsite_01.on a.selected {background:url('../img/common/txt_relsite_01_on.gif') no-repeat 0 0}



/*TAB STYLE*/
.contentTab {border-bottom:2px solid #ccc; display:inline-block; width:100%; margin:30px 0px;}
.contentTab2 {border-bottom:2px solid #ccc; display:inline-block; width:100%; margin:20px 0px 0px;}
	.Tab01 li {float:left; margin-right:1px;}
	.Tab01 li a {display:block; height:34px; font-size:13px; line-height:34px; padding:0 25px; background-color:#eee; color:#444; font-weight:bold;}
	.Tab01 li a.on {background-color:#19a8f2; color:#fff;}

/* popup */
.popupLayout {position:fixed; z-index:100; top:110px; left:50%; width:600px; margin-left:-300px; border:1px solid #bbb; border-radius:10px 10px 0px 10px;
			background-color:#fff; box-shadow: 10px 10px 5px #ccc;
			}
.popupLayout > dl > dt {background-color:#19a8f2; color:#fff; font-weight:bold;  border-radius:10px 10px 0px 0px; padding:10px 20px;
			position:relative;
			}
	.popupClose {position:absolute; top:5px; right:5px;}
.popupLayout > dl > dd {padding:20px;}
	.popupTitle {font-size:18px; color:#333; padding:0px 0px 0px 20px; margin:10px 0px 0px; background:url('../images/newMain/yellowCircle.png') 0px 3px no-repeat;}
.popupLayout h3 {margin:0px !important;}
.popupLayout h4 {margin:0px !important;}
.popupLayout .popupTabTBox {display:none;  overflow:auto; height:400px;}
	

.popupInLayout {width:100%;}
.popupInLayout > dl > dt {background-color:#19a8f2; color:#fff; font-weight:bold; padding:10px 20px;}
.popupInLayout > dl > dd {padding:20px;}
.popupInLayout h3 {margin:0px !important;}
.popupInLayout h4 {margin:0px !important;}
.popupInLayout .popupTabTBox {display:none; overflow:auto; height:400px; border:1px solid #eee; border-top:none; padding:20px 10px 10px;}
	.popupTabTBox > p {padding:10px 0px; border-top:2px dotted #ccc; border-bottom:2px solid #eee; margin:5px 0px 20px; line-height:150%; color:#555;}

/* quiz */
.quizBox {position:relative; border-radius:12px; border:1px solid #ccc; margin:30px 0px; height:700px; overflow:hidden;}
	.quizBoxTop {position:absolute; z-index:10; top:0px; left:0px; width:100%; height:120px; background-color:#f7f2e8; text-align:center;}
	.quizBoxTop img {margin:0 auto;}
	.quizContentBox {margin-top:120px; padding:20px;}
		.quizStart {text-align:center;}
		.quizStart p {color:#66ad49; font-size:28px; font-weight:bold;}
		.quizStart select {border:2px solid #eee; font-size:20px; font-weight:bold; color:#666; width:80%; padding:10px; margin-bottom:30px;}
		.quizS1 {text-align:center;}
		.quizS1 p {color:#66ad49; font-size:28px; line-height:140%; font-weight:bold; margin:5px 0px;}
		.quizS1 ul {font-size:20px; font-weight:bold; color:#666; width:70%; margin:0 auto; padding:10px; text-align:left;}
		.quizS1 ul li {padding:5px 0px; line-height:30px; text-indent:-50px;}
		.quiz_x p {color:#66ad49; font-size:28px; font-weight:bold; margin:5px 0px;}
		.quiz_x p img {vertical-align:middle;}
		.quiz_end {text-align:center;}
		.quiz_end p {color:#95c22c; font-size:22px; font-weight:bold;}
		.quiz_end p > strong {color:#66ad49; font-size:38px; line-height:43px;}
		.quiz_end select {border:2px solid #eee; font-size:20px; font-weight:bold; color:#666; width:80%; padding:10px; margin-bottom:30px;}
			.quizText {border:4px solid #66ad49; width:70%; margin:0 auto; padding:20px 30px; font-size:20px; font-weight:bold; color:#66ad49;}
		.quizButtonBox {margin-top:10px;}
			.quizButton01 {padding:10px 20px; background-color:#92c908; color:#fff; font-size:20px; font-weight:bold; border-radius:9px;}
			.quizButton02 {padding:10px 20px; background-color:#ffa200; color:#fff; font-size:20px; font-weight:bold; border-radius:9px;}
	.quizBoxBottom {position:absolute; z-index:10; bottom:0px; left:0px; width:100%; height:120px; background-color:#f7f2e8;}
	.quizBoxBottom img {position:absolute; right:0px; bottom:0px;}


/* zido */
.chBoxInZi {float:left;}
.zidoR {float:right; width:490px;}
.zidoRIn {margin:10px 0px; border:4px solid #ccc; padding:10px; height:70px; background-color:#eee;}
.zidoRIn p {margin:2px 0px 10px;}

.ziSBox {position:absolute; background-color:#fff; border-radius:6px; border:2px solid #7accc8; z-index:100; display:none; cursor:pointer;}
.ziSBox h2 {font-size:14px; font-weight:bold; text-align:center; margin:5px;}
	/*새css*/

div.textbox {
    margin: 0 0 17px;
    width: 650px;
    background: url(/assets/kor/images/newMain/par_03_roundM1.gif) repeat-y;
}
div.boxround {
    padding: 13px 0 0;
    background: url(/assets/kor/images/newMain/par_03_roundTop.gif) no-repeat;
}
div.textcontent {
    padding: 2px 25px 13px 18px;
    background: url(/assets/kor/images/newMain/par_03_roundBtm.gif) no-repeat bottom left;
}
div.textcontent dl dt {
    font-weight: bold;
    color: #00aa9c;
    padding-bottom: 10px;
    margin-bottom: 10px;
    text-align: center;
    border-bottom: 1px solid #c2edee;
}
div.textcontent dl dd {
    background: url(/assets/kor/images/newMain/blit_dot.gif) no-repeat 3px 11px;
    padding: 5px 5px 5px 10px;
}








div.textbox1 {
    margin: 10px 0 17px;
    width: 620px;
}
div.boxround1 {
    border-radius: 15px 15px 15px 15px;
    border: 5px solid #d4f5d6;
    padding: 20px 20px 15px 20px;
    clear: both;
	display:inline-block;
}
div.boxround1 ul.listbox {
    list-style: none;
}
div.boxround1 ul.listbox li.boxround01 {
    float: left;
    display: inline;
    width: 95px;
    margin: 0 10px 10px;
    padding: 18px 0 18px;
    background: #94daab;
    border-radius: 5px 5px 5px 5px;
    border: solid 1px #6abf85;
    font-weight: bold;
    color: #FFF;
    text-align: center;
    font-size: 13px;
    line-height: 18px;
    background-image: url(../img/pro/7_arrow01.gif);
    background-repeat: no-repeat;
    letter-spacing: -1px;
}
div.boxround1 ul.listbox li.boxround02 {
    float: left;
    display: inline;
    width: 421px;
    height: 45px;
    margin: 0 10px 10px;
    padding: 10px 0 0 10px;
    background: #d6fce2;
    border-radius: 5px 5px 5px 5px;
    border: solid 1px #97d5ca;
    font-size: 12px;
    line-height: 18px;
    letter-spacing: -1px;
}
div.boxround1 ul.listbox li.boxround03 {
    float: left;
    display: inline;
    width: 95px;
    margin: 0 10px 10px;
    padding: 18px 0 18px;
    background: #94daab;
    border-radius: 5px 5px 5px 5px;
    border: solid 1px #6abf85;
    font-weight: bold;
    color: #FFF;
    text-align: center;
    font-size: 13px;
    line-height: 18px;
    background-image: url(../img/pro/7_arrow01.gif);
    background-repeat: no-repeat;
    letter-spacing: -1px;
}
div.boxround1 ul.listbox li.boxround04 {
    float: left;
    display: inline;
    width: 421px;
    height: 62px;
    margin: 0 10px 10px;
    padding: 10px 0 0 10px;
    background: #d6fce2;
    border-radius: 5px 5px 5px 5px;
    border: solid 1px #97d5ca;
    font-size: 12px;
    line-height: 18px;
    letter-spacing: -1px;
}


	
	
div.space1 table caption {
   padding: 9px 0 9px 0;
   border-top: 1px solid #75d59a;
   border-bottom: 1px solid #75d59a;
   background: #e4f7e9;
   text-align: center;
}


div.space1 table {
   margin-top: -1px;
   width: 650px;
   border-bottom: 2px solid #75d59a;
}


div.space1 .TBstat th{background: #f4f4f4;}
div.space1 .TBstat tbody th {text-align:left; background:#fff;}
div.space1 .TBstat th, div.space1 .TBstat td {line-height:18px; padding:4px;}

div.space1 .TBmark thead {display: none;}
div.space1 .TBmark td {padding: 10px 10px 8px 8px;border-bottom: 1px solid #a5e1ba;   line-height: 150%; text-align:center;}
div.space1 .TBmark th {padding: 10px 10px 8px 8px;border-bottom: 1px solid #a5e1ba;   line-height: 150%; background: #f4f4f4; text-align:center;}

.TBstat {border-top:2px solid #75923c;border-bottom:2px solid #75923c; font-family:'Nanum Gothic';}
.TBstat thead th {border-left:1px solid #d8d8d8;border-bottom:2px solid #75923c; line-height:18px; padding:7px 0; font-weight:normal; color:#333; }
.TBstat1 thead th {background:#f4f4f4}
.TBstat2 thead th {background:#f4f4f4}
.TBstat3 thead th {background:#f4f4f4}
.TBstat thead th:first-child {border-left:none;}
.TBstat thead th.line1 {border-bottom:1px solid #d8d8d8; padding:3px 0 }
.TBstat thead th.line2 {border-left:1px solid #d8d8d8; padding:4px 0}
.TBstat tbody th {color:#333;border-right:1px solid #d8d8d8;border-bottom:1px solid #d8d8d8; text-align:left; font-size:12px;}
.TBstat tbody td {line-height:18px; padding:3px; text-align:center;  color:#333;border-bottom:1px solid #d8d8d8;border-left:1px solid #d8d8d8; font-size:12px;}
.TBstat tbody td.tit01 {background:#eaf1dd;}
.TBstat .tit02 {background:#dbe5f1;}
.TBstat tbody td.al_l ul{margin-top:5px;}
.TBstat tbody td.al_l ul li {background:url(../img/main/blit_dot.gif) no-repeat 15px 6px; padding-left:23px; padding-bottom:2px;}
.TBstat tbody th.t_in {color:#333;border-right:1px solid #d8d8d8;border-bottom:1px solid #d8d8d8; padding-left:30px; text-indent:-15px; }

.TBstat thead th {text-align:center}

/* 환경표지 */
.TBstat01 th, .TBstat01 td {font-size: 13px;}
.TBstat01 th {text-align:center !important; background: #f9f9f9; border-left: 1px solid #d1d1d1;}
.TBstat01 td {border-left: none !important;}