@charset "utf-8";

/* greeting */
.s0101 { width:100%; }
.s0101 .top{ display:inline-block; width:100%; padding-bottom:40px; border-bottom:1px solid #e9e9e9; }
.s0101 .top .txt_b { float:left; width:320px; padding:50px 0 0 20px; }
.s0101 .top .txt_b .ttxt { margin-bottom:28px; color:#7f7f7f; font-size:33px; font-weight:bold; background:url(/img/01introduce/s0101_p1_line.gif) no-repeat right; }
.s0101 .top .txt_b .btxt { margin-bottom:28px; color:#4c4c4c; font-size:33px; line-height:40px; }
.s0101 .top .txt_b .btxt span { color:#ff866a; }
.s0101 .top .txt_b .stxt { color:#222; font-size:18px; line-height:25px;  }
.s0101 .top .pic { float:right; padding:120px 50px 0 0; }
.s0101 .cont { overflow:hidden; clear:both; padding:45px 10px 30px 10px; color:#888; font-size:16px; }
.s0101 .cont .area { float:right; width:348px; }
.s0101 .cont .area:first-child { float:left; }
.s0101 .cont p { margin-bottom:8px; }
.s0101 .sign { padding:0 10px; color:#444; font-size:15px; font-family:'NotoKrM'; }
.s0101 .sign img { margin-left:18px; vertical-align:middle; }

/* history */
.s0102{ width:100%; }
.s0102 .top { padding:125px 0 20px 0; text-align:center; color:#222; font-size:23px; border-bottom:1px dotted #7f7f7f; background:url(/img/01introduce/s0201top_logo.gif) no-repeat center 30px; }
.s0102 .top strong { font-family:'NotoKrB'; }
.s0102 .section { overflow:hidden; clear:both ;padding:30px 0;margin:0 40px; border-bottom:1px dotted #7f7f7f; }
.s0102 .section .year { float:left; width:145px; }
.s0102 .section .year .his_tit { width:100px; letter-spacing:0px; color:#555555; font-size:14px ;background:url(/img/01introduce/s0101_p1_line.gif) repeat-x 50%; }
.s0102 .section .year .his_tit span { padding-right:5px; background:#fff; }
.s0102 .section .year .num { font-weight:bold; font-size:30px; color:#222; font-family: 'Open Sans', sans-serif; letter-spacing:0; }
.s0102 .section .year .pic { margin-top:25px; }
.s0102 .section .year .pic img { margin-bottom:3px; }
.s0102 .section .cont { float:right; width:465px; padding-top:6px; }
.s0102 .section .cont dl { width:100%; display:inline-block; padding:2px 0 3px 0; }
.s0102 .section .cont dl dt { float:left; width:60px; color:#ffba08; font-size:15px; line-height:25px; font-family: 'Roboto', sans-serif; letter-spacing:1px; font-weight:bold; background:url(/img/01introduce/s0201bu.gif) no-repeat right 50%;}
.s0102 .section .cont dl dd { float:right; width:390px; color:#666; font-size:15px; line-height:25px; letter-spacing:0px; }

/* vision */
.s010202{ width:100%; }
.s010202 .eng { padding-bottom:5px; letter-spacing:3px; font-size:23px; color:#000; }
.s010202 .mission { width:250px; height:250px; margin:0 auto; text-align:center; background:url(/img/01introduce/s0202bg01.gif) no-repeat center top; }
.s010202 .mission .eng { padding-top:115px; }
.s010202 .mission .txt{ color:#fff; font-size:25px; }
.s010202 .vision { width:100%; margin-top:50px; text-align:center; }
.s010202 .vision dl { width:100%; }
.s010202 .vision dl dt { margin-bottom:50px; color:#222; font-size:25px; background:url(/img/01introduce/s0202bg02.png) no-repeat center bottom; }
.s010202 .vision dl dd { width:100%; }
.s010202 .vision dl dd ul { width:100%; overflow:hidden; clear:both; }
.s010202 .vision dl dd ul li { float:left; width:25%; }
.s010202 .vision dl dd ul li .tit { height:90px; padding:20px 0 0 20px; margin-bottom:20px; color:#ffba08; font-size:20px; line-height:25px; font-family:'NotoKrM'; text-align:left;}
.s010202 .vision dl dd ul li .tit.icon01 { background:url(/img/01introduce/s0202icon01.gif) no-repeat 40px top; }
.s010202 .vision dl dd ul li .tit.icon02 { background:url(/img/01introduce/s0202icon02.gif) no-repeat 40px top; }
.s010202 .vision dl dd ul li .tit.icon03 { background:url(/img/01introduce/s0202icon03.gif) no-repeat 40px top; }
.s010202 .vision dl dd ul li .tit.icon04 { background:url(/img/01introduce/s0202icon04.gif) no-repeat 40px top; }
.s010202 .vision dl dd ul li .txt { width:110px; margin:0 auto; color:#888; font-size:14px; text-align:center; }

/* org */
.s010204{ width:100%; padding-top:60px; text-align:center; }

/* p0105 */
.p0105 { width:100%; }
.p0105ptext_top .btxt { width:100%; margin-bottom:18px; border-bottom:1px solid #d1d1d1; }

.p0105 .area1 { width:100%; }
.p0105 .area1 .diagram { width:655px; margin:0 auto;padding:45px 0; }
.p0105 .area1 .diagram ol{width:100%;color:#fff;display:inline-block;}
.p0105 .area1 .diagram ol li{float:left;width:485px;}
.p0105 .area1 .diagram ol li:first-child{width:170px;}
.p0105 .area1 .diagram ol li .section1 { float:left; width:170px; height:110px; padding-top:60px; font-size:17px;text-align:center;background:url(/img/01introduce/s0301_area1_1.gif) no-repeat;}
.p0105 .area1 .diagram ol li ol{float:left;width:485px;margin-bottom:10px;}
.p0105 .area1 .diagram ol li ol li{width:82px;padding-left:78px;font-size:14px;text-align:center;background:url(/img/01introduce/s0301_area1_next.gif) no-repeat 10px 50%;}
.p0105 .area1 .diagram ol li ol li:first-child{width:auto;}
.p0105 .area1 .diagram ol li ol li div{width:82px;height:58px;padding-top:22px;}
.p0105 .area1 .diagram ol li ol li .section2{background:url(/img/01introduce/s0301_area1_2.gif) no-repeat;}
.p0105 .area1 .diagram ol li ol li .section3{background:url(/img/01introduce/s0301_area1_3.gif) no-repeat;}
.p0105 .area1 .diagram ol li ol li .section4{background:url(/img/01introduce/s0301_area1_4.gif) no-repeat;}

.p0105 .area2{display:inline-block;width:100%;padding:45px 0;border-top:1px dotted #b2b2b2;}
.p0105 .area2 dl{float:left;width:33%;text-align:center;}
.p0105 .area2 dl:first-child{width:34%;}
.p0105 .area2 dl dt{height:120px;padding:30px 0 0 10px;margin-bottom:20px;color:#d153c7;font-size:20px;line-height:24px;font-family:'NotoKrM';text-align:left;}
.p0105 .area2 dl dt.icon01{background:url(/img/01introduce/s0301_area2_1.gif) no-repeat center top;}
.p0105 .area2 dl dt.icon02{background:url(/img/01introduce/s0301_area2_2.gif) no-repeat center top;}
.p0105 .area2 dl dt.icon03{background:url(/img/01introduce/s0301_area2_3.gif) no-repeat center top;}
.p0105 .area2 dl dd{width:190px;margin:0 auto;color:#888;font-size:14px;line-height:22px;}

.p0105 .area3{width:100%;}
.p0105 .area3 ul{width:100%;display:inline-block;}
.p0105 .area3 ul li{float:left;width:255px;min-height:75px;padding:0 0 20px 120px;}
.p0105 .area3 ul li.icon01{background:url(/img/01introduce/s0301_area3_1.gif) no-repeat 20px 50%;}
.p0105 .area3 ul li.icon02{background:url(/img/01introduce/s0301_area3_2.gif) no-repeat 20px 50%;}
.p0105 .area3 ul li.icon03{background:url(/img/01introduce/s0301_area3_3.gif) no-repeat 20px 50%;}
.p0105 .area3 ul li.icon04{background:url(/img/01introduce/s0301_area3_4.gif) no-repeat 20px 50%;}
.p0105 .area3 ul li .btxt{padding:20px 0 5px 0;color:#555;font-size:16px;}
.p0105 .area3 ul li .stxt{color:#888;font-size:14px;}


/* p0101 */
.p0101 { width:100%; }
.p0101 .text_top { width:100%; margin:0; padding:0; }
.p0101 .text_top .ttxt { font-size:40px; font-weight:700; color:#626262; letter-spacing:-2px; text-align:center; line-height:80px; border-bottom:1px solid #cccccc; }
.p0101 .text_top .ttxt strong { color:#000000; }
.p0101 .text_top .btxt { font-size:18px; font-weight:bold; color:#7f7f7f; letter-spacing:-2px; text-align:center; line-height:30px; }

.p0101 .area1 { width:100%; }

.p0101 .area1 img { width:100%; }

.p0101 .area1 ol {width:100%;color:#fff;display:inline-block;}
.p0101 .area1 ol li{float:left;width:485px;}
.p0101 .area1 ol li:first-child{width:170px;}
.p0101 .area1 ol li .section1 { float:left; width:170px; height:110px; padding-top:60px; font-size:17px;text-align:center;background:url(/img/01introduce/s0301_area1_1.gif) no-repeat;}
.p0101 .area1 ol li ol{float:left;width:485px;margin-bottom:10px;}
.p0101 .area1 ol li ol li{width:82px;padding-left:78px;font-size:14px;text-align:center;background:url(/img/01introduce/s0301_area1_next.gif) no-repeat 10px 50%;}
.p0101 .area1 ol li ol li:first-child{width:auto;}
.p0101 .area1 ol li ol li div{width:82px;height:58px;padding-top:22px;}
.p0101 .area1 ol li ol li .section2{background:url(/img/01introduce/s0301_area1_2.gif) no-repeat;}
.p0101 .area1 ol li ol li .section3{background:url(/img/01introduce/s0301_area1_3.gif) no-repeat;}
.p0101 .area1 ol li ol li .section4{background:url(/img/01introduce/s0301_area1_4.gif) no-repeat;}

.p0101 .area2{display:inline-block;width:100%;padding:45px 0;border-top:1px dotted #b2b2b2;}
.p0101 .area2 dl{float:left;width:33%;text-align:center;}
.p0101 .area2 dl:first-child{width:34%;}
.p0101 .area2 dl dt{height:120px;padding:30px 0 0 10px;margin-bottom:20px;color:#d153c7;font-size:20px;line-height:24px;font-family:'NotoKrM';text-align:left;}
.p0101 .area2 dl dt.icon01{background:url(/img/01introduce/s0301_area2_1.gif) no-repeat center top;}
.p0101 .area2 dl dt.icon02{background:url(/img/01introduce/s0301_area2_2.gif) no-repeat center top;}
.p0101 .area2 dl dt.icon03{background:url(/img/01introduce/s0301_area2_3.gif) no-repeat center top;}
.p0101 .area2 dl dd{width:190px;margin:0 auto;color:#888;font-size:14px;line-height:22px;}

.p0101 .area3{width:100%;}
.p0101 .area3 ul{width:100%;display:inline-block;}
.p0101 .area3 ul li{float:left;width:255px;min-height:75px;padding:0 0 20px 120px;}
.p0101 .area3 ul li.icon01{background:url(/img/01introduce/s0301_area3_1.gif) no-repeat 20px 50%;}
.p0101 .area3 ul li.icon02{background:url(/img/01introduce/s0301_area3_2.gif) no-repeat 20px 50%;}
.p0101 .area3 ul li.icon03{background:url(/img/01introduce/s0301_area3_3.gif) no-repeat 20px 50%;}
.p0101 .area3 ul li.icon04{background:url(/img/01introduce/s0301_area3_4.gif) no-repeat 20px 50%;}
.p0101 .area3 ul li .btxt{padding:20px 0 5px 0;color:#555;font-size:16px;}
.p0101 .area3 ul li .stxt{color:#888;font-size:14px;}


.schedule_body { width:750px; margin-bottom:50px; overflow:hidden; }

#l_week ul { height:50px; }
#l_week .yeartxt { font-size:30px; font-weight:700px; padding:0 10px; }
.calendar { border-collapse:collapse; font-size:12px; font-family:Nanum Gothic; width:749px; margin-left:1px; }
.calendar th { height:45px; font-size:13px; font-weight:700; color:#ededed; text-align:center; background:#ef856d;  border:1px solid #CCCCCC;}
.calendar th.sunday, .calendar td.sunday { color:#ff3943; }

.calendar td { width:107px; height:100px; padding:5px; border:1px solid #CCCCCC; vertical-align:top; }
.calendar td.today { background:#efefef; }
.today { font-weight:700; color:#ededed; background:#1a1a1a; padding:3px; }
.exist { display:block; font-size:13px; color:#000000; line-height:20px; padding-top:10px; }
.exist a:hover { text-decoration:underline; }

.performanceviewTop { width:750px; overflow:hidden; }
.performanceviewTop .performanceInfo .toptitle td { font-size:20px; color:#000000; font-weight:700; line-height:30px; border-bottom:2px solid #CCCCCC; }
.c1 { color:#d4b45d; }
.c2 { color:#ef856d; }
.performanceInfo td { margin:0; border-bottom:1px dotted #ccc; font-size:13px;color:#666; letter-spacing:0; padding:10px 0; }
.item span.vitemname { font-size:14px; font-weight:700; color:#5b5b5b; letter-spacing:0; }
.performanceInfo span.vdate { font-size:16px; color:#231815; letter-spacing:0; }
.performanceviewdetail { margin-top:20px; }

.sbody_introtitle_wrap { width:100%; height:40px; overflow:hidden; }
.visit_body { width:750px; margin-top:20px; margin-bottom:50px; overflow:hidden; }

.itemname { display:block; float:left; width:110px; font-family:Nanum Gothic; line-height:32px; position:relative; }
.item{ position:relative; margin:4px 0; }
.iLabel { position:absolute; top:8px; *top:3px; left:5px; color:#A1A1A1; z-index:1; line-height:20px; }
.isText { position:relative; color:#A1A1A1; }
.iText{ position:relative; font-size:13px; font-family:Nanum Gothic; color:#333; line-height:20px; }
.errmsg { position:relative; font-size:13px; color:#548a28; padding:10px 0; display:none; }
.item span.itemname {font-size:14px; color:black; letter-spacing:0; }

.visit_wrap {}
.visit_wrap h3.pagetitle { padding-left:25px; font-size:16px; line-height:20px; background:url("/images/pagetitle.png") no-repeat left; }
.visit_wrap .visit_top { margin-left:25px; padding:10px 0; line-height:25px; }
.visit_wrap .visit_top .u { color:#231815; text-decoration:underline; }
.visit_wrap .visit_top ul { margin-left:10px; padding:10px 0; }
.visit_wrap .visit_top .visit_download { padding:10px 0; text-align:center; }


/* board */
.board_body { width:750px; margin-left:0px; margin-top:10px; margin-bottom:50px; }
.board_list { border-collapse:collapse; text-align:center; width:750p; line-height:20px; margin-top:10px; }
.board_list tr th { padding:11px 0; border-top:4px solid #e9ecf2; border-bottom:1px solid #e9ecf2; font-size:14px; font-weight:500; color:#ef856d; background:url("/images/tbl_thbg.png"); }
.board_list th { padding:7px 0; border-bottom:1px solid #000000; font-size:12px; font-weight:700; color:#ffffff; }
.board_list th { background:none; }
.board_list .first td { border:none; }
.board_list tr:last-child { border-bottom:1px solid #e9ecf2; }
.board_list tr.active { background:#F3F3F3; color:#000; font-weight:bold; }
.board_list td { margin:0; border-top:1px solid #ccc; padding:11px 0; font-size:13px; color:#666; letter-spacing:0; }
.board_list td.rows { margin:0; border-top:1px solid #ccc; padding:11px 15px; font-size:13px; color:#666; text-align:left; }
.board_list td.comment { padding-left:10px; padding-right:10px; text-align:left; word-wrap:break-word; *word-break:break-all; }
.board_list td.comment a { font-size:14px; color:#000; text-decoration:none; }
.board_list td.comment a:hover { text-decoration:underline; }
.board_list td.comment.bold a { font-size:16px; color:#2e5bbc; font-weight:700; text-decoration:none; }
.board_list td.comment.bold a:hover { text-decoration:underline; }
.board_list td.date { font-size:12px; }
.searchfrm_bg { height:30px; text-align:right;  margin-bottom:20px; }
.writeTable .witem span.witemname { font-family:Nanum Gothic; font-size:14px; color:black; letter-spacing:0; }
.writeTable td { margin:0; border-bottom:1px dotted #ccc; font-size:13px;color:#666; letter-spacing:0; padding:3px 0; }
.ico_new {display:inline-block; *display:inline; zoom:1; margin-left:2px; width:12px; height:12px; background:url("/images/ico_new.gif") no-repeat left;}
.ico_file {display:inline-block; *display:inline; zoom:1; margin-left:2px; width:12px; height:12px; background:url("/images/ico_file.gif") no-repeat left;}
.ico_lock {display:inline-block; *display:inline; zoom:1; width:12px; height:13px; background:url("/images/ico_lock.gif") no-repeat;}
.board_body .viewtitle, .board_body .writetitle, .board_body .modifytitle { display:block; width:755px; height:40px; margin-top:10px;  font-size:20px; color:#000000; font-weight:700; line-height:40px; border-bottom:1px solid #999; }
.boardwrite_bg, .boardview_bg, .boardmodify_bg { margin-bottom:20px; min-height:400px; }
.view_inner_wrap, .modify_inner_wrap { width:753px; border:1px solid #ddd; border-bottom-color:#999; border-top:none; }
.view_inner_top, .modify_inner_top { position:relative; padding:20px; line-height:18px;  border-top:1px solid #ddd; }
.view_inner_top span { padding:0 20px; background:url("../images/list_bg.gif") no-repeat right; }
.view_inner_top span.partnone { padding:0 20px; background:none; }
.view_title, .modify_title { font-size:18px; color:black; letter-spacing:0; font-weight:bold; line-height:25px; padding-bottom:10px;  }
.view_title strong { font-size:18px; color:#000; }
.view_inner_contents { position:relative; min-height:200px; padding:20px; font-size:14px; line-height:24px; letter-spacing:0; border-top:1px solid #ddd; }
.view_inner_contents img { width:100%; }
.view_inner_replycontents { position:relative; min-height:200px; padding:30px; font-size:14px; line-height:24px; letter-spacing:0; border-top:1px solid #ddd; background:#F3F3F3; }
.view_inner_files { position:relative; padding-top:10px; margin-top:10px; line-height:18px; border-top:1px solid #f2f2f2; }
.view_inner_files span { background:url("../images/list_bg.gif") no-repeat right; }
.view_inner_files p { line-height:20px; }
.view_inner_files p a { text-decoration:underline; }
.view_inner_files p font { font-size:11px;  }
.view_inner_top .passfrm { padding-top:10px; }

.boardComment_tbl { font-family:Nanum Gothic; }
#boardComment_list { font-family:Nanum Gothic;  }
#boardComment_list p.title { font-size:16px; font-weight:700; color:#000000; padding:8px 0; }
#boardComment_list p span.date { font-size:12px; color:#6a6a6a; }
#boardComment_list p.contents { padding:10px; font-size:14px; border-bottom:1px solid #e4e4e4; }
#boardComment_list p span.controls { font-size:11px; color:#6a6a6a; }
#boardComment_list p span.controls a { font-size:11px; color:#6a6a6a; }

/* gallery board */
.gallery_wrap { }
.gallery_wrap ul li { float:left; width:228px; height:358px; border:1px solid #CCCCCC; margin-right:15px; margin-bottom:25px; overflow:hidden; }
.gallery_wrap ul li.last { margin-right:0; }
.gallery_wrap ul li:hover { border:1px solid #000000; }
.gallery_wrap ul li .galleryimg { width:228px; height:228px; overflow:hidden; }
.gallery_wrap ul li .galleryimg img { width:228px; height:228px; }
.gallery_wrap ul li .gallerydetail { padding:10px; }
.gallery_wrap ul li .gallerytitle { display:block; font-size:14px; font-weight:500; line-height:22px; height:46px; overflow:hidden; }
.gallery_wrap ul li .galleryname { font-size:14px; color:#548a28; font-weight:500; line-height:35px; text-align:right; }
.gallery_wrap ul li .gallerydate { font-size:12px; color:#393939; line-height:18px; text-align:right; letter-spacing:-0.1em; }

/* form */
form,fieldset { margin:0; padding:0; border:0; }
legend { display:none; }
input,textarea,select { font-size:12px; font-weight:normal; line-height:1em; color:#000; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; letter-spacing:0; behavior:url(../js/PIE.htc);}
input,textarea,select * { margin:3px 0; }
input[type="file"] { font-size:12px; font-weight:normal; line-height:12px; }
textarea { height:auto; behavior:url(../js/PIE.htc);}
textarea, select, input[type="text"], input[type="password"], input[type="email"], input[type="url"], input[type="file"], input[type="tel"] {
	vertical-align:middle;
	padding:5px;
	background-color:#fff;
	border:1px solid #d5d5d5;
	-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075);
	   -moz-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075);
			box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075);
	-webkit-transition:border linear 0.2s, box-shadow linear 0.2s;
	   -moz-transition:border linear 0.2s, box-shadow linear 0.2s;
		 -o-transition:border linear 0.2s, box-shadow linear 0.2s;
			transition:border linear 0.2s, box-shadow linear 0.2s
}
textarea:focus, select:focus, input[type="text"]:focus, input[type="password"]:focus, iinput[type="email"]:focus, input[type="url"]:focus, input[type="tel"]:focus {
	color:#000;
	border-color:rgba(186, 186, 186, 0.8);
	background-color:rgba(245, 245, 245, 0.8);
	outline:0;
	/*outline:thin dotted \9;*/
	/* IE6-9 */
-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(168, 168, 168, 0.6);
   -moz-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(168, 168, 168, 0.6);
		box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(168, 168, 168, 0.6)}
input[type="radio"],
input[type="checkbox"]{
	margin:0 5px 0 0;
	margin-top:1px \9;
	*margin-top:0;
	line-height:normal;
	vertical-align:middle;
	cursor:pointer;
}
input[type="file"], input[type="image"], input[type="submit"], input[type="reset"], input[type="button"], input[type="radio"], input[type="checkbox"]{ width:auto; }

/*-- Buttons --*/
.btn,.description-light,.exampletip{
	behavior:url(../js/PIE.htc);
	display:inline-block;
	border: 1px solid #DDD;
	border-radius: 5px;
	text-shadow: 0 1px 1px white;
	box-shadow:0 1px 1px #fff;
	font: normal 12px Sans-Serif;
	padding: 6px 10px;
	white-space: nowrap;
	vertical-align: middle;
	color: #666;
	background: transparent;
	cursor: pointer;
	border-color: #ddd;
	background-color:#E0E0E0;
	background: -webkit-linear-gradient(top, white, #E0E0E0);
	background:    -moz-linear-gradient(top, white, #E0E0E0);
	background:     -ms-linear-gradient(top, white, #E0E0E0);
	background:      -o-linear-gradient(top, white, #E0E0E0);
	background:      linear-gradient(top, white, #E0E0E0);
	-pie-background:      linear-gradient(top, white, #E0E0E0);
	box-shadow:         0 1px 2px rgba(0,0,0,0.25), inset 0 0 3px #fff;
}
.description-light span{ display:inline-block; background:url(../images/description-arrow.png) 0 -4px no-repeat; width:7px; height:4px; margin:5px 0 0 4px;
-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease;}

.description-dark span{ display:inline-block; background:url(../images/description-arrow-white.png) 0 -4px no-repeat; width:7px; height:4px; margin:5px 0 0 4px;
-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease;}

.btn:hover,.description-light:hover,.exampletip:hover{ box-shadow:inset 0 0 3px #fff;border-color: #999; text-decoration:none;}
.description-light:hover span{opacity:.8;}
.description-light:active span{background-position:0 0;}
.btn:active,.description-light:active {
	border: 1px solid #AAA;
	border-bottom-color: #CCC;
	border-top-color: #999;
	box-shadow:inset 0 1px 2px #aaa;
	background: -webkit-linear-gradient(top, #E6E6E6, gainsboro);
	background:    -moz-linear-gradient(top, #E6E6E6, gainsboro);
	background:     -ms-linear-gradient(top, #E6E6E6, gainsboro);
	background:      -o-linear-gradient(top, #E6E6E6, gainsboro);
	background:      -o-linear-gradient(top, #E6E6E6, gainsboro);
	-pie-background:     linear-gradient(top, #E6E6E6, gainsboro);
}
.description-dark {
	behavior:url(../js/PIE.htc);
	display:inline-block;
	border: 1px solid #666;
	border-bottom:1px solid #3B3B3B;
	border-radius: 3px;
	font: bold 11px Sans-Serif;
	padding: 6px 10px;
	white-space: nowrap;
	vertical-align: middle;
	color: #fff;
	background: transparent;
	cursor: pointer;
	background: #3B3B3B;
	text-shadow:0 1px 1px #3B3B3B;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#797979), to(#3B3B3B));
	background: -webkit-linear-gradient(#797979, #3B3B3B);
	background: -moz-linear-gradient(#797979, #3B3B3B);
	background: -ms-linear-gradient(#797979, #3B3B3B);
	background: -o-linear-gradient(#797979, #3B3B3B);
	background: linear-gradient(#797979, #3B3B3B);
	-pie-background: linear-gradient(#797979, #3B3B3B);
	box-shadow:         0 1px 2px rgba(0,0,0,0.9);}
	.description-dark:hover{ box-shadow:none; text-decoration:none;
}
.description-dark:active {
	behavior:url(../js/PIE.htc);
	border: 1px solid #999;
	border-bottom-color: #CCC;
	border-top-color: #3B3B3B;
	background: #3B3B3B;
	text-shadow:0 1px 1px #3B3B3B;
	box-shadow:none;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#3B3B3B), to(#999));
	background: -webkit-linear-gradient(#3B3B3B, #999);
	background: -moz-linear-gradient(#3B3B3B, #999);
	background: -ms-linear-gradient(#3B3B3B, #999);
	background: -o-linear-gradient(#3B3B3B, #999);
	background: linear-gradient(#3B3B3B, #999);
	-pie-background: linear-gradient(#3B3B3B, #999);
}

/* Botton type */
.orange {
	behavior:url(../js/PIE.htc);
	color:#fff;
	box-shadow:0 1px 2px rgba(0,0,0,0.4);
	text-shadow:none;
	background-color: #FAA732;
	background-image: -moz-linear-gradient(top, #fbb450, #f89406);
	background-image: -ms-linear-gradient(top, #fbb450, #f89406);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fbb450), to(#f89406));
	background-image: -webkit-linear-gradient(top, #fbb450, #f89406);
	background-image: -o-linear-gradient(top, #fbb450, #f89406);
	background-image: linear-gradient(top, #fbb450, #f89406);
	-pie-background: linear-gradient(#fbb450, #f89406);
	border-color: #F89406 #F89406 #AD6704;
}
	.orange:hover{ border-color:#B67211; box-shadow:none;}
	.orange:active{box-shadow:inset 0 1px 2px rgba(0,0,0,.2);
		background: #f89406;
		background: -webkit-gradient(linear, 0 0, 0 bottom, from(#f89406), to(#fbb450));
		background: -webkit-linear-gradient(#f89406, #fbb450);
		background: -moz-linear-gradient(#f89406, #fbb450);
		background: -ms-linear-gradient(#f89406, #fbb450);
		background: -o-linear-gradient(#f89406, #fbb450);
		background: linear-gradient(#f89406, #fbb450);
		-pie-background: linear-gradient(#f89406, #fbb450);
		border-bottom:1px solid #fbb450;
	}

.blue{
	behavior:url(../js/PIE.htc);
	color:#fff;
	box-shadow:0 1px 2px rgba(0,0,0,0.4);
	text-shadow:none;
	background-color: #49AFCD;
	background-image: -moz-linear-gradient(top, #5bc0de, #2f96b4);
	background-image: -ms-linear-gradient(top, #5bc0de, #2f96b4);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#2f96b4));
	background-image: -webkit-linear-gradient(top, #5bc0de, #2f96b4);
	background-image: -o-linear-gradient(top, #5bc0de, #2f96b4);
	background-image: linear-gradient(top, #5bc0de, #2f96b4);
	-pie-background: linear-gradient(#5bc0de, #2f96b4);
	border-color: #2F96B4 #2F96B4 #1F6377;}
	.blue:hover{ border-color:#1A687F; box-shadow:none;}
	.blue:active{box-shadow:inset 0 1px 2px rgba(0,0,0,.3);
		background: #2f96b4;
		background: -webkit-gradient(linear, 0 0, 0 bottom, from(#2f96b4), to(#5bc0de));
		background: -webkit-linear-gradient(#2f96b4, #5bc0de);
		background: -moz-linear-gradient(#2f96b4, #5bc0de);
		background: -ms-linear-gradient(#2f96b4, #5bc0de);
		background: -o-linear-gradient(#2f96b4, #5bc0de);
		background: linear-gradient(#2f96b4, #5bc0de);
		-pie-background: linear-gradient(#2f96b4, #5bc0de);
		border-bottom:1px solid #5bc0de;
	}












/* program 소리랑 */
.s010301 { width:100%; }
.s010301 .text_top { width:100%; margin-bottom:45px; border-bottom:1px solid #d1d1d1; }
.s010301_btn { width:100%; text-align:center; margin-top:20px; }

.s010301 .area1 { width:100%; }
.s010301 .area1 .diagram { width:655px; margin:0 auto;padding:45px 0; }
.s010301 .area1 .diagram ol{width:100%;color:#fff;display:inline-block;}
.s010301 .area1 .diagram ol li{float:left;width:485px;}
.s010301 .area1 .diagram ol li:first-child{width:170px;}
.s010301 .area1 .diagram ol li .section1 { float:left; width:170px; height:110px; padding-top:60px; font-size:17px;text-align:center;background:url(/img/01introduce/s0301_area1_1.gif) no-repeat;}
.s010301 .area1 .diagram ol li ol{float:left;width:485px;margin-bottom:10px;}
.s010301 .area1 .diagram ol li ol li{width:82px;padding-left:78px;font-size:14px;text-align:center;background:url(/img/01introduce/s0301_area1_next.gif) no-repeat 10px 50%;}
.s010301 .area1 .diagram ol li ol li:first-child{width:auto;}
.s010301 .area1 .diagram ol li ol li div{width:82px;height:58px;padding-top:22px;}
.s010301 .area1 .diagram ol li ol li .section2{background:url(/img/01introduce/s0301_area1_2.gif) no-repeat;}
.s010301 .area1 .diagram ol li ol li .section3{background:url(/img/01introduce/s0301_area1_3.gif) no-repeat;}
.s010301 .area1 .diagram ol li ol li .section4{background:url(/img/01introduce/s0301_area1_4.gif) no-repeat;}

.s010301 .area2{display:inline-block;width:100%;padding:45px 0;border-top:1px dotted #b2b2b2;}
.s010301 .area2 dl{float:left;width:33%;text-align:center;}
.s010301 .area2 dl:first-child{width:34%;}
.s010301 .area2 dl dt{height:120px;padding:30px 0 0 10px;margin-bottom:20px;color:#d153c7;font-size:20px;line-height:24px;font-family:'NotoKrM';text-align:left;}
.s010301 .area2 dl dt.icon01{background:url(/img/01introduce/s0301_area2_1.gif) no-repeat center top;}
.s010301 .area2 dl dt.icon02{background:url(/img/01introduce/s0301_area2_2.gif) no-repeat center top;}
.s010301 .area2 dl dt.icon03{background:url(/img/01introduce/s0301_area2_3.gif) no-repeat center top;}
.s010301 .area2 dl dd{width:190px;margin:0 auto;color:#888;font-size:14px;line-height:22px;}

.s010301 .area3{width:100%;}
.s010301 .area3 ul{width:100%;display:inline-block;}
.s010301 .area3 ul li{float:left;width:255px;min-height:75px;padding:0 0 20px 120px;}
.s010301 .area3 ul li.icon01{background:url(/img/01introduce/s0301_area3_1.gif) no-repeat 20px 50%;}
.s010301 .area3 ul li.icon02{background:url(/img/01introduce/s0301_area3_2.gif) no-repeat 20px 50%;}
.s010301 .area3 ul li.icon03{background:url(/img/01introduce/s0301_area3_3.gif) no-repeat 20px 50%;}
.s010301 .area3 ul li.icon04{background:url(/img/01introduce/s0301_area3_4.gif) no-repeat 20px 50%;}
.s010301 .area3 ul li .btxt{padding:20px 0 5px 0;color:#555;font-size:16px;}
.s010301 .area3 ul li .stxt{color:#888;font-size:14px;}



/* -- */
.s010302{width:100%;}
.s010302 .top{position:relative;padding:20px 0 50px 0;text-align:center;color:#222;font-size:20px;background:url(/img/01introduce/s0302timg.png) no-repeat 40px 18px;z-index:1;}
.s010302 .top strong{color:#d153c7;font-family:'NotoKrB';}
.s010302 .cont{width:100%;overflow:hidden;clear:both;margin-top:-15px;}
.s010302 .cont dl{float:left;width:176px;height:350px;padding:50px 40px 0 30px;}
.s010302 .cont dl.bg01{background:url(/img/01introduce/s0302img01.jpg) no-repeat;}
.s010302 .cont dl.bg02{background:url(/img/01introduce/s0302img02.jpg) no-repeat;}
.s010302 .cont dl.bg03{background:url(/img/01introduce/s0302img03.jpg) no-repeat;}
.s010302 .cont dl dt{padding-bottom:28px;color:#222;font-size:25px;background:url(/img/01introduce/s0302tit.gif) no-repeat left bottom;}
.s010302 .cont dl dd{padding-top:20px;color:#444;font-size:14px;line-height:22px;}
.s010302 .cont a{display:inline-block;float:left;width:246px;height:400px;margin-left:6px;}
.s010302 .cont a:first-child{margin-left:0;}
.s010302 .cont a:hover dt{color:#d153c7;}
.s010302 .cont a:hover dd{color:#000;}



/**/
.s010303{width:100%;display:inline-block;padding:35px 0;margin-bottom:50px;border-top:1px solid #d1d1d1;border-bottom:1px solid #d1d1d1;}
.s010303 dl{float:left;width:255px;min-height:76px;padding-left:120px;}
.s010303 dl.icon01{background:url(/img/01introduce/s0303icon01.gif) no-repeat 20px top;}
.s010303 dl.icon02{background:url(/img/01introduce/s0303icon02.gif) no-repeat 20px top;}
.s010303 dl dt{padding:10px 0 5px 0;color:#555;font-size:16px;}
.s010303 dl dd,
.s010303 dl dd ul li{color:#888;font-size:14px;}

.s010303 .cont_tit{width:100%;}


/*  */
.s0104{width:100%;background:url(/img/01introduce/s0401timg.gif) no-repeat 20px bottom;}


/* loc */
.s0105 { width:100%; }
.s0105 .map_img { width:100%; height:400px; margin-bottom:20px; overflow:hidden; }
.s0105 .info  { width:100%; margin-bottom:48px; text-align:center; }
.s0105 .info .btxt { margin-bottom:15px; color:#222; font-size:22px; }
.s0105 .info ul { display:inline-block; width:100%; text-align:center; background:url(/img/01introduce/s0501info_bu.gif) no-repeat 380px 50%; }
.s0105 .info ul li { display:inline-block;*display:inline;*zoom:1; padding-left:35px; margin:0 25px; color:#666; font-size:16px; font-family: 'Open Sans', sans-serif; letter-spacing:0; }
.s0105 .info ul li.icon01 { background:url(/img/01introduce/s0501icon01.gif) no-repeat 0 50%; }
.s0105 .info ul li.icon02 { background:url(/img/01introduce/s0501icon02.gif) no-repeat 0 50%; }
.s0105 .location { width:100%; display:inline-block; }
.s0105 .location .tit { float:left; width:120px; height:155px; padding:35px 0 0 10px; color:#444; font-size:22px; font-family:'NotoKrB'; line-height:30px; background:url(/img/01introduce/s0501bg.gif) no-repeat 20px bottom ;}
.s0105 .location .cont { float:right; width:610px; border-top:2px solid #565656; border-bottom:1px solid #565656; }
.s0105 .location .cont dl { width:100%; display:inline-block; }
.s0105 .location .cont dl:first-child { border-bottom:1px solid #dadada; }
.s0105 .location .cont dl dt { float:left; width:190px; padding:30px 0; text-align:center; color:#444; font-size:18px; }
.s0105 .location .cont dl dt span { font-size:13px; color:#1c7118; }
.s0105 .location .cont dl dd { float:left; width:415px; padding:25px 0; color:#666; font-size:14px; }
.s0105 .location .cont dl:first-child dt span { color:#a57f1d; }
.s0105 .location .cont dl:first-child dd { padding:40px 0; }

/********************모바일********************/
@media(max-width:736px){

/*인사말*/
.s0101{width:100%;}
.s0101 .top .txt_b{float:none;width:100%;padding:50px 0 0 0;box-sizing:border-box;}
.s0101 .top .txt_b .eng{width:100%;margin-bottom:10px;font-size:15px;}
.s0101 .top .txt_b .btxt{margin-bottom:15px;font-size:27px;}
.s0101 .top .txt_b .stxt{font-size:15px;}
.s0101 .top .txt_b br{display:none;}
.s0101 .top .pic{float:none;width:50%;margin:30px auto 0;padding:0;}
.s0101 .top .pic img{width:100%;}
.s0101 .cont{padding:30px 10px;font-size:13px;line-height:20px;}
.s0101 .cont .area{float:none;width:auto;margin-bottom:20px;}
.s0101 .cont .area:first-child{float:none;}
.s0101 .sign{font-size:13px;}
.s0101 .sign img{width:90px;}

/*연혁*/
.s0102 .top{padding:70px 20px 30px 20px;font-size:17px;background-size:25px auto;}
.s0102 .section{margin:0 20px;}
.s0102 .section .year{float:none;width:auto;}
.s0102 .section .year .his_tit{display:inline-block;width:auto;padding-right:50px;font-size:12px;}
.s0102 .section .year .num{font-size:23px;}
.s0102 .section .year .pic{overflow:hidden;width:100%;max-width:288px;margin:15px 0 15px -3px;}
.s0102 .section .year .pic br{display:none;}
.s0102 .section .year .pic img{float:left;width:50%;padding-left:3px;margin-bottom:0;box-sizing:border-box;}
.s0102 .section .cont{float:none;width:auto;}
.s0102 .section .cont dl{width:100%;display:inline-block;padding:2px 0 3px 0;}
.s0102 .section .cont dl dt{width:20%;padding-right:10px;box-sizing:border-box;font-size:13px;}
.s0102 .section .cont dl dd{width:80%;padding-left:10px;box-sizing:border-box;font-size:13px;}

/*비전*/
.s010202 .eng{font-size:11px;}
.s010202 .mission{width:160px;height:160px;margin:40px auto;background-size:100% auto;}
.s010202 .mission .eng{padding-top:60px;}
.s010202 .mission .txt{font-size:17px;}

.s010202 .vision{margin-top:0;}
.s010202 .vision dl dt{margin-bottom:30px;font-size:17px;background:none;}
.s010202 .vision dl dd ul li{width:50%;}
.s010202 .vision dl dd ul li:nth-child(odd){clear:both;}
.s010202 .vision dl dd ul li:nth-child(1),
.s010202 .vision dl dd ul li:nth-child(2){margin-bottom:20px;}
.s010202 .vision dl dd ul li .tit{display:inline-block;height:80px;padding:10px 80px 0 20px;margin-bottom:20px;background-size:80px auto !important;font-size:17px;line-height:22px;box-sizing:border-box;}
.s010202 .vision dl dd ul li .txt{width:auto;padding-left:30px;font-size:13px;}

/*CI소개*/
.s010203 img{max-width:100%;}

.s010203 .area1,
.s010203 .area2,
.s010203 .area3,
.s010203 .area4,
.s010203 .area5{margin-bottom:30px;box-sizing:border-box;}

.s010203 .area2 .cont,
.s010203 .area4 .cont,
.s010203 .area5 .cont,
.s010203 .area6 .cont{font-size:13px;line-height:20px;}

.s010203 .area1{background-size:100% auto;}
.s010203 .area1 .tbg,
.s010203 .area1 .fbg{background-size:100% auto;background-repeat:no-repeat;}
.s010203 .area1 .cont{position:relative;display:inline-block;width:100%;padding:20px 0;z-index:1;}
.s010203 .area1 .cont .fl{float:none;width:auto;text-align:center;}
.s010203 .area1 .cont .fl .ci{width:50%;margin:0 auto;padding:25px 0;}
.s010203 .area1 .cont .fr{float:none;width:auto;padding:30px 0;font-size:17px;line-height:25px;border-left:0;text-align:center;}
.s010203 .area1 .cont .fr strong{background-position:left bottom;}

.s010203 .area2 .ci_in{width:100%;display:inline-block;margin-bottom:25px;}
.s010203 .area2 .ci_in .section{width:50%;padding:20px 0 10px 0;margin-bottom:20px;box-sizing:border-box;}
.s010203 .area2 .ci_in .section:first-child{width:50%;}

.s010203 .area2 .ci_in .section .suj{font-size:15px;}
.s010203 .area2 .ci_in .section .img{width:30%;margin:0 auto;}

.s010203 .area3{padding:0 0 30px 0;}
.s010203 .area3 .ci_in .section{float:none;width:auto;height:auto;padding:30px 20px;box-sizing:border-box;}
.s010203 .area3 .ci_in .section .suj{font-size:15px;}
.s010203 .area3 .ci_in .section .img{margin:0 auto;padding-top:0 !important;}
.s010203 .area3 .ci_in .section:nth-child(1) .img{width:50%;}
.s010203 .area3 .ci_in .section:nth-child(2) .img{width:50%;}
.s010203 .area3 .ci_in .section:nth-child(3) .img{width:30%;}
.s010203 .area3 .ci_in .section.sec{width:auto;border:0;border-top:1px dotted #999;border-bottom:1px dotted #999;}

.s010203 .area4 .ci_in .section{float:none;width:auto;height:auto;padding:30px 20px;box-sizing:border-box;}
.s010203 .area4 .ci_in .section .suj{font-size:15px;}
.s010203 .area4 .ci_in .section .img{width:50%;margin:0 auto;padding-top:0 !important;}
.s010203 .area4 .ci_in .section.sec{width:auto;border:0;border-top:1px dotted #999;border-bottom:1px dotted #999;}

.s010203 .area5{padding:30px;}
.s010203 .area5 .colorp{width:100%;overflow:hidden;clear:both;margin-bottom:25px;}
.s010203 .area5 .colorp .color_in{float:none;width:50% !important;margin:0 auto;padding:15px 0;border:0 !important;}

.s010203 .area6 .colorp li{margin-bottom:5px;}

.s010203 .down_btn a{background-size:12px auto;}

/*조직도*/
.s010204{padding-top:30px;}
.s010204 img{max-width:100%;}

/*행정정보공개_사전정보공표*/
.s010302 .top{font-size:17px;background-size:40px auto;background-position:20px bottom;}
.s010302 .cont dl{float:none;width:100%;height:100%;padding:40px 20px;background-size:cover !important;background-position:left 50% !important;box-sizing:border-box;}
.s010302 .cont dl dt{padding-bottom:20px;font-size:17px;}
.s010302 .cont dl dd{font-size:12px;line-height:18px;}
.s010302 .cont a{display:block;width:50%;height:250px;margin-left:0;}
.s010302 .cont a:first-child{margin-left:0;}
.s010302 .cont a:nth-child(3){width:100%;height:150px;}
.s010302 .cont a:nth-child(3) dl{background-position:right 50% !important;}
.s010302 .cont a:nth-child(3) dt{float:left;}
.s010302 .cont a:nth-child(3) dd{float:left;padding-left:30px;padding-top:0;}

/*행정정보공개_정보공개제도*/
.s010301{width:100%;}
.s010301 .text_top{width:100%;margin-bottom:45px;border-bottom:1px solid #d1d1d1;}
.s010301_btn{width:100%;text-align:center;margin-top:20px;}

.s010301 .area1{width:100%;}
.s010301 .area1 .diagram{width:100%;padding:20px 0 40px;}
.s010301 .area1 .diagram ol{width:100%;color:#fff;display:inline-block;}
.s010301 .area1 .diagram ol li{display:block;float:none !important;width:100% !important;}
.s010301 .area1 .diagram ol li:first-child{float:none;width:100%;height:auto;}
.s010301 .area1 .diagram ol li:after{content:"";display:block;clear:both;}
.s010301 .area1 .diagram ol li .section1{float:none;width:110px;height:50px;margin:0 auto;padding-top:60px;font-size:15px;background-size:110px auto;}
.s010301 .area1 .diagram ol li ol{float:left;width:50%;margin:0;text-align:center;box-sizing:border-box;}
.s010301 .area1 .diagram ol li ol li{box-sizing:border-box;padding:30px 0 0 0;margin-top:20px;background:url(/img/01introduce/s0301_area1_next2.gif) no-repeat 50% 0;background-size:auto 20px;}
.s010301 .area1 .diagram ol li ol li div{margin:0 auto;font-size:13px;}

.s010301 .area2{padding:30px 0;}
.s010301 .area2 dl{width:100% !important;margin-bottom:30px;}
.s010301 .area2 dl dt{display:inline-block;height:80px;padding:10px 80px 0 0;margin-bottom:20px;background-size:80px auto !important;background-position:70% top !important;font-size:17px;line-height:22px;box-sizing:border-box;}
.s010301 .area2 dl dd{width:100%;padding:0 20px;font-size:13px;line-height:20px;box-sizing:border-box;}

.s010301 .area3 ul li{float:none;width:100%;min-height:37px;padding:0 0 10px 80px;background-size:39px auto !important;background-position:20px 20px !important;box-sizing:border-box;}
.s010301 .area3 ul li .btxt{font-size:14px;}
.s010301 .area3 ul li .stxt{font-size:12px;}
.s010301 .area3 ul li .stxt br{display:none;}

/*행정정보공개_클린신고센터*/
.s010303{padding:30px 0 10px 0;}
.s010303 dl{float:none;width:100%;min-height:76px;padding-left:70px;margin-bottom:20px;background-size:37px auto !important;box-sizing:border-box;}
.s010303 dl dt{padding:5px 0;font-size:15px;}
.s010303 dl dd,
.s010303 dl dd ul li{font-size:13px;}

.s010303 .cont_tit{width:100%;}

/*연도별사업소개*/
.s0104{background-size:70px auto;}

/*오시는길*/
.s0105 .map_img{height:300px;margin-bottom:30px;}
.s0105 .map_img .root_daum_roughmap{width:100% !important;}
.s0105 .info .btxt{margin-bottom:15px;font-size:17px;}
.s0105 .info ul{background:none;font-size:0;line-height:0;}
.s0105 .info ul li{padding-left:20px;margin:0 10px;color:#666;font-size:13px;line-height:20px;background-size:11px auto !important;box-sizing:border-box;}

.s0105 .location .tit{float:none;width:auto;height:auto;min-height:40px;padding:0 0 0 45px;margin-bottom:10px;font-size:17px;background-size:28px auto;background-position:0 50%;}
.s0105 .location .tit br{display:none;}
.s0105 .location .cont{float:none;width:100%;}
.s0105 .location .cont dl{display:table;padding:15px 0;vertical-align:middle;}
.s0105 .location .cont dl dt{float:none;display:table-cell;width:40%;padding:0 20px;font-size:15px;vertical-align:middle;box-sizing:border-box;}
.s0105 .location .cont dl dt span{font-size:13px;color:#40ad3c;}
.s0105 .location .cont dl dd{float:none;display:table-cell;width:60%;padding:0 20px !important;font-size:13px;vertical-align:middle;box-sizing:border-box;}

}

/********************웹********************/
@media(min-width:737px){
}