@charset "utf-8";

/* 인사말 */
.greeting {background:url(../images/greeting_bg.jpg) no-repeat center top; background-size:100%;}
.greeting .hello_wrap {width:100%; padding:310px 0 55px; font-size:18px; text-align:right; overflow:hidden;}
.greeting .hello_wrap img {padding:0 15px 35px 0;}
.greeting .hello_wrap p {position:relative;}
.greeting .hello_wrap p:before {content:''; position:absolute; width:390px; height:1px; right:0; top:-18px; background:#e2d6bf;}
.greeting .hello_wrap p .color {font-weight:bold; color:#d87f00;}
.greeting .greeting_sign {width:100%; overflow:hidden; text-align:right; margin-top:30px;}
.greeting .greeting_sign img {float:right;}
.greeting .greeting_sign p {font-size:16px; position:relative;}

/* MI */
.mark_wrap {overflow:hidden;}
.mark_wrap img {float:left;}
.mark_wrap ul {width:70%; float:right;}

/* 연혁 */
.history .history_wrap {margin-top:20px; padding-top:62px; position:relative;}
.history .history_wrap:nth-child(1) {background:url(../images/history_bg01.png) no-repeat right bottom;}
.history .history_wrap:nth-child(2) {background:url(../images/history_bg02.png) no-repeat left bottom;}
.history .history_wrap:nth-child(3) {background:url(../images/history_bg03.png) no-repeat right bottom;}
.history .history_wrap:first-child {margin-top:0;}
#contents .history .history_wrap h4 {display:inline-block; position:absolute; padding-left:0; top:0; width:67px; height:65px; font-size:30px; font-weight:bold; text-align:center; line-height:65px; color:#231f20; background:url(../images/history_year.png) no-repeat center center; z-index:1;}
#contents .history .history_wrap h4:before {display:none;}
.history .history_wrap dl {position:relative; left:18px; font-size:16px; padding-bottom:24px; background:url(../images/history_line.png) no-repeat left center;}
.history .history_wrap dl:nth-child(2) {padding-top:28px;}
.history .history_wrap dl:last-child {min-height:100px; padding-bottom:0; background:url(../images/history_last.png) no-repeat left top;}
.history .history_wrap dl dt {font-weight:bold; position:absolute; left:45px;}
.history .history_wrap dl dt:before {content:''; position:absolute; left:-35px; top:5px; width:10px; height:10px; background:url(../images/history_square.png) no-repeat center center;}
.history .history_wrap dl dd {padding:0 0 14px 132px; position:relative;}
.history .history_wrap dl dd:before {content:''; position:absolute; left:115px; top:9px; width:8px; height:2px; background:#e2e2e2;}

#contents .history .history_wrap:nth-child(2n) h4 {right:0;}
.history .history_wrap:nth-child(2n) dl {left:auto; right:18px; text-align:right; background-position:right center;}
.history .history_wrap:nth-child(2n) dl:last-child {background-position:right top;}
.history .history_wrap:nth-child(2n) dl dt {left:auto; right:45px;}
.history .history_wrap:nth-child(2n) dl dt:before {left:auto; right:-35px;}
.history .history_wrap:nth-child(2n) dl dd {padding:0 132px 14px 0;}
.history .history_wrap:nth-child(2n) dl dd:before {left:auto; right:115px;}
.history .history_wrap:nth-child(3) dl dd {width:42%;}

/* 시설정보 */
.facilitiesinfo01 img {margin-top:20px; float:left;}
.facilitiesinfo01 ul {float:left; width:40%;}
.facilitiesinfo02 img {float:right;}
.facilitiesinfo02 p {margin-top:20px;}
.p_h5 {margin-left:36px !important;}
.fac_section {margin-left:64px; margin-top:15px; overflow:hidden;}
.fac_section div {width:40%; float:left;}

/* 찾아오시는 길 */
.root_daum_roughmap {padding:0 !important;}
.map_border {display:none;}

/* 반응형 */
@media all and (max-width:1024px) {
	.mark_wrap img {width:25%;}

	.history .history_wrap:nth-child(1) {background-size:35%;}
	.history .history_wrap:nth-child(2) {background-size:35%;}
	.history .history_wrap:nth-child(3) {background-size:35%;}
}

@media all and (max-width:768px) {
	.greeting .hello_wrap {padding-top:250px;}

	.mark_wrap img {width:30%;}
	.mark_wrap ul {width:64%;}

	.history .history_wrap {padding-bottom:260px;}
	.history .history_wrap:nth-child(1) {background-position:center bottom;}
	.history .history_wrap:nth-child(2) {background-position:center bottom;}
	.history .history_wrap:nth-child(3) {background-position:center bottom;}
	.history .history_wrap:nth-child(3) dl dd {width:auto;}

	.facilitiesinfo01 ul {width:auto;}
    
    .root_daum_roughmap {height:360px;}
    .root_daum_roughmap .wrap_map {height:100% !important;}
}

@media all and (max-width:640px) {
	.greeting .hello_wrap {padding-top:220px;}
	.greeting .hello_wrap .db {display:block;}

	.mark_wrap {text-align:center;}
	.mark_wrap img {float:none; width:auto;}
	.mark_wrap ul {width:auto;}

	.history .history_wrap {padding-bottom:200px;}
	.history .history_wrap dl dt {left:30px;}
	.history .history_wrap dl dt:before {left:-20px;}
	.history .history_wrap dl dd {padding-left:100px;}
	.history .history_wrap dl dd:before {left:86px;}
	.history .history_wrap:nth-child(2n) dl dt {right:30px;}
	.history .history_wrap:nth-child(2n) dl dt:before {right:-20px;}
	.history .history_wrap:nth-child(2n) dl dd {padding-right:100px;}
	.history .history_wrap:nth-child(2n) dl dd:before {right:86px;}

	.facilitiesinfo02 img {float:none;margin-top:20px; margin-left:36px;}

    .root_daum_roughmap {height:240px;}
}

@media all and (max-width:420px) {
	.greeting .hello_wrap {padding-top:160px;}
	.greeting .hello_wrap img {width:70%;}
	.greeting .hello_wrap .db {display:inline;}
	.greeting .greeting_sign img {float:none;}
	.greeting .greeting_sign p {top:0; right:20px;}
	
	.history .history_wrap {padding-bottom:0;}
	.history .history_wrap:nth-child(1) {background:none;}
	.history .history_wrap:nth-child(2) {background:none;}
	.history .history_wrap:nth-child(3) {background:none;}
	
	.facilitiesinfo01 img {margin-left:0 !important; width:100%; max-width:332px;}
	.facilitiesinfo02 img {margin-left:0; width:100%; max-width:305px;}
	.fac_section {margin-left:0;}
	.fac_section div {width:50%; float:left;}
}


#M_container {position:relative; z-index:2; min-width:1100px; margin:0;background:url(/portal/images/main/main_back.gif) 0 726px repeat-x; }
.section01 {overflow:hidden; position:relative; width:1100px; min-height:726px; margin:0 auto;}
.visualArea {position:relative; overflow:hidden; float:left; width:754px; height:345px; margin:0 2px 14px 0; padding:0;}
.ctrl_btn {position:absolute; bottom:14px; left:20px; margin:0; padding:0; z-index:10; float:left;}
.ctrl_btn a{float:left;display:inline-block;width:18px;height:18px;line-height:18px;background:url(/portal/images/main/icon_ctrl_btn.png) center 4px no-repeat;}
.ctrl_btn a span {display:none;}
.ctrl_btn a.stop {background-position:center 0; }
.ctrl_btn a.play {background-position:center -38px;display:none;}

.box_visual ul {float:left; margin-left:43px; margin-top:313px;}
.box_visual ul > li{overflow:hidden; float:left; margin-left:3px; margin-top: 2px;}
.box_visual ul > li > a {position:relative; display:block; width:18px; height:18px; text-indent:-9999em; z-index:11; width:14px; height:14px; background-color:#fff;}
.box_visual ul > li > a.on {width:12px; height:12px; background-color:#00a0bd; border:1px solid #fff;}
.box_visual ul > li > div {position:absolute; top:0px; left:0px; z-index:9;} 
.box_visual ul > li > div[class^="visual"] img {width:754px; height:345px;}

.popupZone {position:relative; margin:0 0 2px; padding:0; width:344px; height:194px; overflow:hidden; background:#c6c6c6;}
.popupZone ul.ctrlzone {position:absolute; top:161px; left:18px; height:20px; margin:0; padding:0; z-index:100; background-color:#fff; border:1px solid #818181;}
.popupZone ul.ctrlzone li {float:left;width:24px;height:22px;margin:0;}
.popupZone ul.ctrlzone li.count {min-width:45px; color:#666; line-height:20px; text-align:center;font-family:Tahoma;}
.popupZone ul.ctrlzone li a {overflow:hidden;display:inline-block;width:24px;height:20px;background:url(/portal/images/main/img_alrim_btn.png) 0 0 no-repeat;}
.popupZone ul.ctrlzone li a span {overflow:hidden;visibility:hidden;margin:0;padding:0;text-indent:-10000px;}
.popupZone ul.ctrlzone li a.pre {background-position:0 -31px;}
.popupZone ul.ctrlzone li a.stop {background-position:-30px -31px;}
.popupZone ul.ctrlzone li a.play {background-position:-30px -1px;}
.popupZone ul.ctrlzone li a.next {background-position:-60px -31px;}

.popupZone .popupList {margin:0; padding:0; width:344px; height:194px; overflow:hidden;}
.popupZone .popupList li {width:344px; height:194px; margin:0; padding:0;}
.popupZone .popupList li > a > img {width:344px; height:194px;}

.mayorWrap {overflow:hidden; width:329px; height:138px; padding:15px 0 0 15px; margin: 0 0 14px; background:url(/portal/images/main/mayorBg.jpg) no-repeat;}
.mayorWrap p {font-family:'NanumGothicWebB'; color:#fff; font-size:18px;}
.mayorWrap p span {display:block;font-size:15px;}
.mayorWrap ul.boxList {margin-top:18px; width:250px;}
.mayorWrap ul.boxList li{float:left; width:93px; margin-right:3px;}
.mayorWrap ul.boxList li a {display:block;height:22px;text-align:center; padding:0; margin:0 0 8px;border-radius:3px; color:#000;background:#fff;font-family:'NanumGothicWebB';letter-spacing: -1px;}

.boxLeft {float:left; width:754px; padding:0; margin:0 2px 0 0;}
.Newsbox {width:752px; height:215px; border:1px solid #d0d0d0; background:url(/portal/images/main/new_bx_bg.gif) no-repeat;}
div.main_news .news ul.on {display:block !important;}
div.main_news .news ul {display: none;}
div.main_news .news ul li {overflow:hidden; line-height:22px; text-align:left; vertical-align:middle;font-size:12px;}
div.main_news .news ul li span.date {float:right; color:#999;}
div.main_news .news ul li span.dept {color:#3d77a3;}
div.main_news .news ul li a {float:left;width:320px;background:url("/portal/images/main/news_list_bl1.gif") left 9px no-repeat; margin-bottom:8px; overflow:hidden; padding:0 0 0 8px; text-align:left; text-overflow:ellipsis; white-space:nowrap; color:#333;}
div.main_news .news ul {list-style: none outside none; width:95%;}
div.main_news span.more {position:absolute;right:-1px;top:-1px;padding:0;border-bottom:1px solid #fff;}
div.main_news span.more a {background: url("/portal/images/main/news_more_btn.gif") no-repeat;display:block;margin: 0;padding: 0;width:39px;height:40px;font-size: 0;border: 1px solid #d0d0d0;}


div.main_news {position:relative; float:left; width:436px;height:215px; margin-right:15px; padding:0; border-right:1px solid #d0d0d0;}
div.main_news > .news {float:left; margin:0; padding:0;}
div.main_news > .news h3 a {border-right:1px solid #d9d9d9;border-bottom:1px solid #d9d9d9;display:inline-block;float:left;height:30px;line-height:30px;overflow:hidden;padding:5px 10px;text-align:center;font-family:'NanumGothicWeb';font-size:15px;color:#4d4d4d;letter-spacing:-1px;}
div.main_news > .news h3 a:hover, div.main_news > .news h3 a:active, div.main_news > .news h3 a:focus, div.main_news > .news h3 a.onhover {background-color:#fff;height:26px;line-height:21px; border-top:4px solid #3d77a3; border-right: 1px solid #d9d9d9;border-bottom:1px solid #fff;color:#4d4d4d !important;font-family:'NanumGothicWebB';}
div.main_news > .news > ul {position:absolute;top:60px;left:10px;margin:0;padding:0;}

.photo_list {position:relative;float:right;}
.photo_list h2 {height:30px;line-height:30px; margin:6px 0 20px; font-family:'NanumGothicWebB';font-size:15px;color:#4d4d4d;}
.photo_list ul li {float:left; margin-right:12px;}
.photo_list ul li p.img {display:block;width:135px; height:80px; border:1px solid #d0d0d0; background-color:#eaf1f6; }
.photo_list ul li p.img > a > img {width:135px; height:80px;}
.photo_list ul li p.txt {overflow:hidden; width:135px; height:46px; margin-top:8px; font-size:12px; text-align:center;}
.photo_list ul li p.txt a {line-height:20px; letter-spacing:-1px; color:#333;}
.photo_list span.more {position:absolute; right:0; top:0;}
.photo_list span.more a {background: url("/portal/images/main/news_more_btn.gif") no-repeat; display:block; margin:0; padding:0; width:37px; height:40px; font-size:0;}

.majorSite {overflow:hidden;position:relative;margin:24px 0 0;padding:0;width:754px;height:82px;}
.majorSite ul.mcont .btn_prev {position:absolute; top:32px; left:8px; }
.majorSite ul.mcont .btn_next {position:absolute; top:32px; right:8px;}
.majorSite ul.rolling {overflow:hidden; height:106px; margin:0 38px; padding:0;}
.majorSite ul.rolling li {float:left; width:75px; height:82px; padding:0px; margin:0; text-align:center;}
.majorSite ul.rolling li a {display:block;}
.majorSite ul.rolling li span {display:block; font-size:13px; font-family:'NanumGothicWebB';letter-spacing:-1px; line-height:18px; color:#333; margin-top:6px; }

.side_menu_wrap {overflow:hidden;width:344px; height:110px;}
.side_menu_wrap .side_menu_listUL {overflow:hidden; width:312px;height:76px; padding:16px; background-color:#2cb3b1;}
.side_menu_wrap .side_menu_listUL li {float:left; width:149px; height:28px; padding:5px 0 0; margin:0 3px 8px;border-radius:10px;box-shadow:3px 3px 3px #238f8e; color:#000; background:#c1ece9;font-family:'NanumGothicWebB';letter-spacing:-1px;font-size:14px;}
.side_menu_wrap .side_menu_listUL li a{color:#4d4d4d;}
.side_menu_wrap .side_menu_listUL li span {display:inline-block;width:26px;height:22px;background:url(/portal/images/main/icon_side_menu.png) no-repeat;vertical-align:middle;margin-left:12px; padding-left:8px;}
.side_menu_wrap .side_menu_listUL li span.menu01{background-position:0px 0px}
.side_menu_wrap .side_menu_listUL li span.menu02{background-position:0px -38px}
.side_menu_wrap .side_menu_listUL li span.menu03{background-position:0px -78px}
.side_menu_wrap .side_menu_listUL li span.menu04{background-position:0px -118px}

.SNSArea .tit{background: url(/portal/images/main/sns_title.gif) no-repeat; width: 344px; height: 71px; float: left;}
.SNSArea .tit h2{float: left; font-size: 24px; color: #fff; font-family:'NanumGothicWebB'; margin: 25px 0 0 25px;}
.SNSArea .tit p{float: right; margin: 15px 55px 0 0; color:#064924; font-family:'NanumGothicWebB';}
.SNSArea .sns_content div{float: left;}
.SNSArea .sns_content .twt{background:url(/portal/images/main/twitter_bg.png) no-repeat; width: 115px; height: 142px; position: relative;}
.SNSArea .sns_content .face{background:url(/portal/images/main/facebook_bg.png) no-repeat; width: 114px; height: 142px; position: relative;}
.SNSArea .sns_content .kko{background:url(/portal/images/main/kstory_bg.png) no-repeat; width: 115px; height: 142px; position: relative;}
.SNSArea .sns_content .sns_txt{position: absolute; top:72px; left:15px; font-family:'NanumGothicWebB';}
.SNSArea .sns_content .sns_txt a{color: #004f92; }
/*.SNSArea {overflow:hidden; width:342px; height:212px; border:1px solid #d0d0d0;} */
/*.SNSArea {overflow:hidden;  height:200px; border:1px solid #d0d0d0; background:#f6f6f6 url(/edu/images/main/bg_twitter.png) no-repeat 190px 65px;}
.SNSArea h2 {height:33px; background-color:#32afda; padding:6px 0 0 20px;}
.SNSArea .twitter_area {width:342px; height:173px; padding:0; margin:0;background: #f9f9f9;}
.SNSArea .tit {padding:35px 0 0 20px;}
.SNSArea .tit p {margin-bottom:10px; font-weight:bold;}
*/
.section02 {position:relative; overflow:hidden; width:1100px; margin:0 auto; padding:38px 0;}
.section02 > div {position:relative; float:left; height:506px; border:1px solid #d0d0d0; background-color:#fff;}
.section02 div > h2 {height:42px; padding-top:20px; text-align:center; border-bottom:1px solid #d0d0d0;background:url(/portal/images/main/section02_box_titbg.gif) repeat-x; }
.section02 div > h3 {font-family:'NanumGothicWebB';font-size:15px; padding-left:27px; margin-top:20px; color:#4d4d4d;}
.section02 div > p.Img {padding-left:27px; margin-top:20px;}
.section02 div > ul.list {overflow:hidden; padding:0 27px; margin-top:16px; min-height:116px;}
.section02 div > ul.list li {overflow:hidden; margin-bottom:8px; text-align:left; vertical-align:middle; font-size:12px;}
.section02 div > ul.list li span.dept {float:right; color:#999; letter-spacing:-0.5px;}
.section02 div > ul.list li span.date {float:right; color:#999;}
.section02 div > ul.list li a {float:left; width:218px; background:url("/portal/images/main/news_list_bl2.gif") left 8px no-repeat; overflow:hidden; padding:0 0 0 8px; text-align:left; text-overflow:ellipsis; white-space:nowrap; color:#333;}
.section02 div p.more {position:absolute; right:16px; top:72px;}
.section02 div p.more a {background: url("/portal/images/main/news_more_btn.gif") no-repeat; display:block; margin:0; padding:0; width:37px; height:40px; font-size:0;}
.col01 {width:363px; margin-right:2px;}
.col02 {width:362px;}
 
div.boxRolling {position:relative; overflow: hidden; width:363px; height:115px; margin-top:20px;}
div.boxRolling > div > ul.rolling-list {overflow:hidden;width:288px; height:80px; margin:18px auto 0;}
div.boxRolling > div > ul.rolling-list li {float:left; width:56px; height:80px; margin:0 8px;}
div.boxRolling > div > ul.icon01 li {background:url(/portal/images/main/boxRolling_01.png) no-repeat;}
div.boxRolling > div > ul.icon02 li {background:url(/portal/images/main/boxRolling_02.png) no-repeat;}
div.boxRolling > div > ul.icon03 li {background:url(/portal/images/main/boxRolling_03.png) no-repeat;}
div.boxRolling > div > ul.rolling-list li a {display:block; padding-top:50px; line-height:14px; color:#fff;font-family:'NanumGothicWebB'; font-size:12px; letter-spacing:-1px; text-align:center;}
div.boxRolling > div > ul.rolling-list li.s1 {background-position: 0px 0px;}
div.boxRolling > div > ul.rolling-list li.s2 {background-position:-66px 0px;}
div.boxRolling > div > ul.rolling-list li.s3 {background-position:-134px 0px;}
div.boxRolling > div > ul.rolling-list li.s4 {background-position:-207px 0px;}
div.boxRolling > div > ul.rolling-list li.s5 {background-position:-288px 0px;}
div.boxRolling > div > ul.rolling-list li.s6 {background-position:-356px 0px;}
div.boxRolling > div > ul.rolling-list li.s7 {background-position:-424px 0px;}
div.boxRolling > div > ul.rolling-list li.s8 {background-position:-500px 0px;}

div.boxRolling ul.bx-ctrl li.bx-prev {position:absolute; top:47px; left:24px;}
div.boxRolling ul.bx-ctrl li.bx-next {position:absolute; top:47px; right:24px;}

.boxgreen {background-color:#779c24;}
.boxblue {background-color:#3a7dae;}
.boxpink {background:#cd5a77;}
 
.BannerZone {width:1100px; min-height:64px; margin:0 auto; padding:20px 0 0;}
.BannerZone h2 {float:left; font-family:'NanumGothicWebB'; font-size:16px; line-height:22px; margin:10px 10px 0 12px;}
.BannerZone h2 a {color: #555555;}
.BannerZone ul.ctrlzone {float:left; width:72px; height:22px; margin:10px 0 0;padding:0;background-color:#fff;}
.BannerZone ul.ctrlzone li {float:left; width:24px;height:22px;margin:0;}
.BannerZone ul.ctrlzone li a {display:inline-block;width:25px;height:22px;background:url(/portal/images/main/img_alrim_btn.png) 0 0 no-repeat;overflow:hidden;text-indent:100%;white-space:nowrap;}
.BannerZone ul.ctrlzone li a.pre {background-position:0 -30px;}
.BannerZone ul.ctrlzone li a.stop {background-position:-30px -30px;}
.BannerZone ul.ctrlzone li a.play {background-position:-30px 0px;}
.BannerZone ul.ctrlzone li a.next {background-position:-60px -30px;}
.BannerZone .banner_box {overflow:hidden; width:880px; height:40px; padding:0; float:right;position:relative;}
.BannerZone ul.bannerList {position:absolute;top:0px;left:0px; width: 800px;}
.BannerZone div{position: absolute; top:0px; right:0px;}
.BannerZone ul.bannerList li {float:left;}
.BannerZone ul.bannerList li > a {display:block; width:142px; height:38px; border:1px solid #d0d0d0; margin-right:26px;}
.BannerZone ul.bannerList li > a img {width:142px; height:38px;}

/* 평생학습도시 안동 */
.history_box{margin-top:20px; background:#f3f4fa url(/edu/images/content/sub01/bg_history.png) no-repeat; padding:20px 50px 20px 20px; box-sizing:border-box; height:188px;}
.history_box h4:before{display:none !important;}
.history_box h4{padding-left:0 !important; text-align:right; padding-top:50px;}
.history_box .txt{text-align:right; padding-right:25px; margin-top:-40px; line-height:1.3em;}
.history_box .txt p{color:#8f8f8f;}
.history_list{position:relative; margin-top:50px; margin-bottom:50px;}
.history_list:before{position:absolute; border-left:1px solid #b4b4b4; width:1px; height:100%; display:block; content:''; top:20px; left:50%; margin-left:0.5px;}
.history_list > ul > li{position:relative; width:100%; margin-top:40px;}
.history_list > ul > li:first-child{margin-top:0;}
.history_list li .con{float:left; width:50%;}
.history_list li .box{position:relative; float:left; border:1px solid #ccc; padding:15px; box-sizing:border-box; width:92%;}
.history_list li .box:before{position:absolute; display:block; content:''; width:7px; height:11px; right:-7px; top:50%; margin-top:-5.5px; background:url(/edu/images/content/sub01/history_arrow.png) no-repeat;}
.history_list li:nth-child(even) .box:before{position:absolute; display:block; content:''; width:7px; height:11px; left:-7px; top:50%; margin-top:-5.5px; background:url(/edu/images/content/sub01/history_arrow01.png) no-repeat;}
.history_list li:nth-child(even) .con{float:right;}
.history_list li:nth-child(even) .box{float:right;}
.history_list > ul > li:before{content:''; display:block; width:25px; height:25px; background:#4782ba; position:absolute; left:50%; margin-left:-12.5px; top:50%; margin-top:-12.5px;}
.history_list > ul > li:nth-child(even):before{background:#4e5faa;}
.history_list li .tit{float:right; width:15%; text-align:right;}
.history_list li .long_tit{width:28%;}
.history_list li .long_tit+.txt{width:72%;}
.history_list li .tit p{font-size:18px; font-weight:600; color:#0c4d83;}
.history_list li .txt{float:left; text-align:right; width:85%;}
.history_list li:nth-child(even) .tit{float:left; text-align:left;}
.history_list li:nth-child(even) .txt{float:right; text-align:left;}
.history_list li:after,
.history_list .con:after{content:''; display:block; clear:both;}

@media all and (max-width:935px){
	.history_list:before{left:12px; margin-left:0;}
	.history_list > ul > li:before{left:0; margin-left:0;}
	.history_list li .box{float:right; width:94%;}
	.history_list li .con{width:100%;}
	.history_list li:nth-child(even) .con{float:left;}
	.history_list li .box:before{background:url(/edu/images/content/sub01/history_arrow01.png) no-repeat; left:-7px; right:auto;}
	.history_list li .tit{float:left; text-align:left; width:15% !important;}
	.history_list li .txt{float:right; text-align:left; width:82% !important;}
}
@media all and (max-width:890px){
	.history_box{background-size:60% 100%; padding:20px;}
}
@media all and (max-width:720px){
	.history_list li .tit{width:20% !important;}
	.history_list li .txt{width:78% !important;}
}
@media all and (max-width:600px){
	.history_box{background:#f3f4fa; height:100%; padding:30px;}
	.history_box h4{text-align:center; padding-top:0;}
	.history_box h4:before{content:'' !important; display:block !important; position:absolute !important; background:#f3f4fa !important; width:100% !important; height:70px !important; right:0 !important; left:auto !important; top:27px !important;}
	.history_box .txt{position:relative; z-index:1; text-align:center; padding-right:0;}
}
@media all and (max-width:580px){
	.history_list li .box{width:90%;}
	.history_list li .tit span{display:block;}
}
@media all and (max-width:455px){
	.history_list li .box{width:85%;}
	.history_list li .tit{width:100% !important;}
	.history_list li .txt{width:100% !important; margin-top:5px;}
	.history_list li .tit span{display:inline-block;}
}

/* 인사말 */
.hello_box{margin-top:20px; letter-spacing:-1px;}
.hello_box .top{position:relative; width:100%; padding:40px 40px 0; box-sizing:border-box; height:323px; border-bottom:2px solid #1f3a8b; background:url(/edu/images/content/sub01/bg_hello.png) no-repeat right bottom;}
.hello_box .top .mayor{position:absolute; bottom:0; right:85px;}
.hello_box .top .txt{margin-top:15px;}
.hello_box .top .txt span{display:block;}
.hello_box .top .mayor_txt{margin-top:30px;}
.hello_box .top .mayor_txt span{font-weight:600; margin-top:3px; font-size:17px;}
.hello_box .top .mayor_txt p{margin-top:10px;}
.hello_box .img .mayor img{display:block;}
.hello_box .bottom{position:relative; margin-top:40px; background:#f4f4f4; border-radius:5px; line-height:1.8em; padding:50px 35px; box-sizing:border-box;}
.hello_box .bottom:before{position:absolute; top:50%; left:50%; margin-left:-0.5px; margin-top:-20%; border-left:1px dashed #cdcdcd; display:block; content:''; width:1px; height:90%;}
.hello_box .bottom .left{float:left; width:48%;}
.hello_box .bottom .right{float:right; width:48%;}
.hello_box .bottom p{margin-top:20px; min-height:150px;}
.hello_box .bottom p:first-child{margin-top:0;}
.hello_box .bottom:after{content:''; display:block; clear:both;}

@media all and (max-width:990px){
	.hello_box{margin-top:0;}
	.hello_box .top{height:453px; padding:0 40px;}
	.hello_box .top .txt span{display:inline-block;}
	.hello_box .top .txt span:first-child{margin-right:5px;}
	.hello_box .top .mayor_txt span{display:inline-block; vertical-align:middle; margin-top:0;}
	.hello_box .top .mayor_txt p{display:inline-block; margin-left:10px; vertical-align:middle; margin-top:0;}
}
@media all and (max-width:965px){
	.hello_box .bottom{padding:30px;}
	.hello_box .bottom:before{display:none;}
	.hello_box .bottom .left{float:none; width:100%;}
	.hello_box .bottom .right{float:none; width:100%;}
	.hello_box .bottom p{min-height:100%;}
}
@media all and (max-width:660px){
	.hello_box .top{height:403px; background-size:370px 250px;}
	.hello_box .top .mayor{right:20px; width:50%;}
	.hello_box .top .mayor img{display:block; width:100%;}
}
@media all and (max-width:555px){
	.hello_box .top .mayor{width:247px;}
}
@media all and (max-width:535px){
	.hello_box .top{height:363px;}
	.hello_box .top .tit{width:50%;}
	.hello_box .top .txt{width:80%;}
	.hello_box .top .tit img{display:block; width:100%;}
	.hello_box .top .txt img{display:block; width:100%;}
	.hello_box .top .mayor_txt{margin-top:10px;}
	.hello_box .top .mayor_txt p{display:block; margin-top:10px; margin-left:0; width:30%;}
	.hello_box .top .mayor_txt p img{display:block; width:100%;}
}

/* 평생학습도시 선언문 */
.declaration_box{margin-top:20px; background:#e2ebfa url(/edu/images/content/sub01/bg_declaration.png) no-repeat; padding:20px 50px 20px 20px; box-sizing:border-box; height:188px;}
.declaration_box h4:before{display:none !important;}
.declaration_box h4{padding-left:0 !important; text-align:right; padding-top:5px;}
.declaration_box .txt{text-align:right; margin-top:20px; line-height:1.3em;}
.declaration_box .txt p{color:#8f8f8f;}
.declaration_list{margin-top:30px; color:#fff;}
.declaration_list li{float:left; width:49%; margin-bottom:20px;}
.declaration_list li:nth-child(even){float:right;}
.declaration_list li .con{padding:50px 40px 40px; box-sizing:border-box; min-height:230px;}
.declaration_list li.list01 .con{background:#89afd3;}
.declaration_list li.list02 .con{background:#a4add4;}
.declaration_list li.list03 .con{background:#a1bfdc;}
.declaration_list li.list04 .con{background:#8d99c9;}
.declaration_list li.list05{width:100%;}
.declaration_list li.list05 .con{position:relative; background:#a1b1bf; min-height:100%;}
.declaration_list li .tit{position:relative; letter-spacing:-1.5px; padding-left:60px; font-weight:600; font-size:20px;}
.declaration_list li .tit:before{display:block; content:''; position:absolute; left:-20px; top:-10px; color:rgba(255, 255, 255, 0.8); font-size:60px; font-style:italic;}
.declaration_list li.list01 .tit:before{content:'01';}
.declaration_list li.list02 .tit:before{content:'02';}
.declaration_list li.list03 .tit:before{content:'03';}
.declaration_list li.list04 .tit:before{content:'04';}
.declaration_list li.list05 .tit:before{content:'05';}
.declaration_list li .txt{margin-top:15px; line-height:1.5em;}
.declaration_list li .data{position:absolute; bottom:30px; text-align:right; right:35px;}
.declaration_list li .data span{display:block; margin-top:8px;}
.declaration_list ul:after{content:''; display:block; clear:both;}

.listTab{color:#1f3a8b;}
.listTab .on{border-color:navy;border-bottom:3px solid #1f3a8b;font-weight:bolder;}
.listTab li{width: 19.6%;margin-right: 0.5%;float:left;border:1px solid #cacaca;margin-bottom:30px;text-align:center;box-sizing:border-box;}
.listTab li:last-of-type{margin-right:0;}
.listTab a{display:block;padding: 10px 9px;}

@media all and (max-width:975px){
	.declaration_list li{float:none; width:100%;}
	.declaration_list li:nth-child(even){float:none; width:100%;}
	.declaration_list li .con{min-height:100%;}
	.declaration_list li .data{position:relative; bottom:auto; right:auto; margin-top:20px;}
}
@media all and (max-width:890px){
	.declaration_box{background-size:65% 100%; padding:20px;}
}
@media all and (max-width:800px){
	.declaration_box{background-size:65% 100%; padding:20px;}
}
@media all and (max-width:740px){
	.declaration_box{background:#e2ebfa; height:100%; padding:0 0 30px;}
	.declaration_box h4{text-align:center; padding-top:0;}
	.declaration_box h4:before{content:'' !important; display:block !important; position:absolute !important; background:#e2ebfa !important; width:100% !important; height:50px !important; right:0 !important; left:auto !important; top:0 !important;}
	.declaration_box h4 img{display:block; text-align:center; margin:0 auto;}
	.declaration_box .txt{position:relative; z-index:1; text-align:center; padding-right:0;}
	.listTab li{width: 33%;margin-right: 0.3%;margin-bottom: 12px;}
	.listTab .on{margin-bottom:8px;}
}
@media all and (max-width:505px){
	.declaration_list li .tit{padding-left:0;}
	.declaration_list li .tit:before{display:none;}
	.declaration_list li .con{padding:30px;}
	.declaration_list li .con br{display:none;}
}