@charset "utf-8";

/* 공통 */
.p10 {padding:10px;}
.p20 {padding:20px;}

table.tbl + p {margin-top:10px;}
/*민속박물관*/

/* 상설전시 */
.indoor_ex li {padding:15px 0; border-bottom:1px dotted #d1d1d1; min-height:198px;}
.indoor_ex li .imgWrap {width:30%; float:left; border-radius:7px; overflow:hidden;}
.indoor_ex li .imgWrap img {width:100%;}
.indoor_ex li .txtWrap {width:70%; float:left;}
#contents .indoor_ex li .txtWrap h5 {margin-top:10px;}
.indoor_ex li:nth-child(2n) .imgWrap {float:right;}
.indoor_ex li:nth-child(2n) .txtWrap {width:68%;}

/* 야외박물관 */
.outdoormap {margin-top:20px; overflow:hidden;}
.outdoormap div {width:25%; float:left;}

/* 사회교육 소개 */
.image_wrap {margin-top:20px; text-align:center;}
.image_wrap img {width:100%;}
.image_wrap img.w818 {max-width:818px;}
.image_wrap img.w824 {max-width:824px;}

/* 이용안내 */
.imgBox {padding:20px 15px 20px 0; margin-top:20px; border-radius:7px; background:#f5f5f5; position:relative; overflow:hidden;}
.imgBox.box01 {padding-left:298px;}
.imgBox.box02 {padding-left:250px;}
.imgBox.box03 {padding-left:250px;}
.imgBox.box04 {padding-left:259px;}
.imgBox.box05 {padding-left:192px;}
.imgBox.box06 {padding-left:205px;}
.imgBox.box07 {padding-left:240px;}
.imgBox:before {position:absolute; content:''; top:50%; left:10px; border-radius:5px;}
.imgBox.box01:before {width:308px; height:135px; margin-top:-67.5px; background:url(../images/guide_01.png) no-repeat;}
.imgBox.box02:before {width:260px; height:135px; margin-top:-67.5px; background:url(../images/guide_01_01.png) no-repeat;}
.imgBox.box03:before {width:260px; height:180px; margin-top:-90px; background:url(../images/guide_02.png) no-repeat;}
.imgBox.box04:before {width:269px; height:175px; margin-top:-87.5px; background:url(../images/guide_02_01.png) no-repeat;}
.imgBox.box05:before {width:202px; height:115px; margin-top:-57.5px; background:url(../images/guide_03.png) no-repeat;}
.imgBox.box06:before {width:215px; height:115px; margin-top:-57.5px; background:url(../images/guide_04.png) no-repeat;}
.imgBox.box07:before {width:250px; height:125px; margin-top:-62.5px; background:url(../images/guide_05.png) no-repeat;}

/* 체험활동지 */
.magpiehouse{margin-left:10px;margin-top:20px;}
.magpiehouse img {float:left; margin-right:10px;}
.oldandong_box{margin-top:20px;}
.oldandong_box img {float:right; margin-left:10px;}
.oldandong_box p {color:#ba8d52; padding-top:15px;}
.brown{color:#ba8d52;}
.brown_box{display:;padding:8px 15px;width:97%;text-align:center;background:#ba8d52;color:#ffffff;}
.drag_box{display:inline-block;border:1px solid #ba8d52;padding:4px;color:#ffffff;margin-left:5px;}
.dotomari_box{margin-top:20px;}
.dotomari_box img {float:left; padding-right:10px;}
.dotomari_box .dotomari_wrap {margin-top:33px;}
.quiz_box{margin-left:10px;margin-top:22px;}
.quiz_box img {float:right; padding-left:10px;}
.brown_box01{display:inline;padding:8px 15px;text-align:center;background:#ba8d52;color:#ffffff;}
.quiz_box01{min-height:275px;margin-left:10px;margin-top:22px;}
.quiz_box01  > div{padding-top:15px;width:100%;}
.quiz_box02{min-height:225px;margin-left:10px;margin-top:22px;}
.structure_box{width:100%;}
.structure_box > img{padding:5px;}
#contents .list_ul_h6, .list_num_h6 {margin-left:53px !important;}

/* 연중행사계획 */
.calendar_wrap {overflow:hidden;}
/* .fm_calendar {width:49%; float:left;} */
.fm_calendar .date_wrap {overflow:hidden;}
.fm_calendar .date_wrap h4 {margin-top:0 !important; display:inline;}
.fm_calendar .select_wrap {float:right;}
.fm_calendar .select_wrap label {position:absolute; text-indent:-9999px;}
.fm_calendar .select_wrap input[type="submit"] {background:#cd7f2a; padding:4px 8px; border:1px solid #b66c1c; color:#fff;}
.fm_calendar table tr td {padding:0;}
.fm_calendar table tr td:first-child a, .fm_calendar table tr th:first-child {color:#d32532;}
.fm_calendar table tr td:last-child a, .fm_calendar table tr th:last-child {color:#186dc4;}
.fm_calendar table tr td a {display:block; width:100%; height:45px; line-height:45px;}
.fm_calendar table tr td a.today {outline:2px solid #ff7f93;}
/*.calendar_bottom {width:49%; float:right;}*/

/* 반응형 */
@media all and (max-width:1024px) {
    .magpiehouse img {width:40%;}
    .oldandong_box img {width:40%;}
    .dotomari_box > img:first-child {width:40%;}
    .quiz_box img {width:40%;}
    .structure_box > img {width:40%;}
}

@media all and (max-width:768px) {
    .indoor_ex li .imgWrap {width:40%;}
    .indoor_ex li .txtWrap {width:60%;}
    .indoor_ex li:nth-child(2n) .txtWrap {width:57%;}
}

@media all and (max-width:640px) {
    .indoor_ex li .imgWrap {width:100%; float:none;}
    .indoor_ex li .txtWrap {width:100%; float:none;}
    .indoor_ex li:nth-child(2n) .imgWrap {float:none;}
    .indoor_ex li:nth-child(2n) .txtWrap {width:100%;}

    .outdoormap {margin-top:0;}
    .outdoormap div {width:50%; padding:15px 0;}
    .outdoormap div:nth-child(1), .outdoormap div:nth-child(2) {border-bottom:1px dotted #ddd;}

    .imgBox {padding-left:0 !important;}
    .imgBox:before {top:20px; left:50%; margin-top:0 !important;}
    .imgBox.box01, .imgBox.box02 {padding-top:165px;}
    .imgBox.box03, .imgBox.box04 {padding-top:205px;}
    .imgBox.box05, .imgBox.box06 {padding-top:145px;}
    .imgBox.box07 {padding-top:155px;}
    .imgBox.box01:before {margin-left:-154px;}
    .imgBox.box02:before {margin-left:-130px;}
    .imgBox.box03:before {margin-left:-130px;}
    .imgBox.box04:before {margin-left:-134.5px;}
    .imgBox.box05:before {margin-left:-101px;}
    .imgBox.box06:before {margin-left:-107.5px;}
    .imgBox.box07:before {margin-left:-125px;}

    .magpiehouse img {width:100%; margin-bottom:15px; float:none;}
    .oldandong_box img {width:100%; margin-bottom:15px; float:none; margin-left:0;}
    .dotomari_box > img:first-child {width:100%; margin-bottom:15px; float:none;}
    .quiz_box img {width:100%; float:none; padding-left:0;}
    
    .fm_calendar {width:100%; float:none;}
    .calendar_bottom {width:100%; float:none; margin-top:20px;}
}

@media all and (max-width:420px) {
    #contents .outdoormap .list_ul_h4 {margin-left:0 !important;}

    .structure_box > img {width:100%; padding:3px 0;}
    .brown_box {display:block; width:auto;}
    .brown_box01 {display:block;}
    .fm_calendar .select_wrap input[type="submit"] {padding:4px;}
    .fm_calendar table tr th {line-height:10px;}
    .fm_calendar table tr td a {height:40px; line-height:40px;}
}



.lnb_wrap{border-bottom:1px solid #e6e6e6; box-sizing:border-box;}
#container_wrap{margin:0 auto; margin-top:35px; width:1200px;}
#container #left{float:left; width:215px;}
#container #left>div{display:table;height:127px;width:100%;}
#container #left #sidetitle{line-height:30px;background:#1f3a8b url(../images/bg_sidetitle.png) no-repeat; padding:0 10px; display:table-cell;vertical-align:middle; box-sizing:border-box; text-align:center; color:#fff; font-weight:600; letter-spacing:-1px; font-size:26px;}
#container #left #leftmenu > ul > li{margin-top:6px;}
#container #left #leftmenu > ul > li.on > a{position:relative; font-weight:600; color:#fff; background:#1f6aa8; border:1px solid #1f6aa8;}
#container #left #leftmenu > ul > li.on > a:after{position:absolute; display:block; content:''; background:url(../images/bul_menu_on.png) no-repeat;}
#container #left #leftmenu > ul > li.no_list03 > a:after{display:none;}
#container #left #leftmenu > ul > li.on ul{background:#e8f3fc; padding:17px 15px; border:1px solid #1f6aa8; box-sizing:border-box;}
#container #left #leftmenu > ul > li.on ul li{margin-top:5px;}
#container #left #leftmenu > ul > li.on ul li a{position:relative; font-size:14px; padding-left:8px;}
#container #left #leftmenu > ul > li.on ul li a[target="_blank"]{background:none;}
#container #left #leftmenu > ul > li.on ul li a:hover{border-bottom:0; line-height:1.5em; color:#1f3a8b; font-weight:600;}
#container #left #leftmenu > ul > li.on ul li a.on:after{top:8px;}
#container #left #leftmenu > ul > li.on ul li a:after{position:absolute; content:''; left:0; top:6px; display:block; background:#1f3a8b; width:3px; height:3px;}
#container #left #leftmenu > ul > li.on ul li a.on{font-weight:600; color:#1f3a8b;}
#container #left #leftmenu > ul > li.on ul li:first-child{margin-top:0;}
#container #left #leftmenu > ul > li > a{position:relative; border:1px solid #dcdcdc; padding:12px; box-sizing:border-box; height:47px; display:block; color:#3a3a3a; font-size:16px; letter-spacing:-1px;}
#container #left #leftmenu > ul > li > a[target="_blank"]{background:none; line-height:1.5em;}
#container #left #leftmenu > ul > li > a:after{position:absolute; content:''; display:block; width:20px; height:13px; right:18px; top:16px; background:url(../images/bul_menu.png) no-repeat;}
#container #contents{float:right; width:945px;} 
#container:after{content:''; display:block; clear:both;}
.path_wrap{position:relative; margin-top:10px;}
#page_print_tle{float:right;}
#page_print_tle li{position:relative; display:inline-block; margin:0 7px; font-size:13px; color:#6c6c6c; letter-spacing:-1px;}
#page_print_tle li:first-child:before{display:none;}
#page_print_tle li:before{position:absolute; display:block; content:''; width:4px; height:7px; left:-9px; top:7px; background:url(../images/location_bul.png) no-repeat;}
#path_wrap:after{content:''; display:block; clear:both;}
.path_wrap .btn_zoomin,
.path_wrap .btn_zoomout{display:none;}

/*인증페이지*/
.wrap_realname{overflow:hidden}
.wrap_name{
	margin:1px;
	border: 1px solid #dee7ef;
    width: 33%;
    padding: 20px;
    float: left;
    box-sizing: border-box;
    height: 350px;
    background: #fff;

	}
	.wrap_name:after{content:'';display:block;clear:both}

/*칭찬합시다*/
.andong_pw {width: 100%;}
.andong_pw .aP {width: 36%; margin: 0 auto;}
.password_box{
	margin:1px;
	border: 1px solid #dee7ef;
    width: 100%;
    padding: 20px;
    float: left;
    box-sizing: border-box;
    height: auto;
    background: #fff;
	}
	
.password_box:after{content:'';display:block;clear:both}

@media all and (max-width:1024px) {
	.andong_pw .aP {width: 60%;}	
}

@media all and (max-width:768px) {
	.andong_pw .aP {width: 90%;}
}
	
/* 조직도 */
.org.portal {margin-top: 0;}

.org.portal a[target="_blank"] {background: none; padding-right: 0;}
.org.portal a[target="_blank"]:hover {border: none; line-height: 21px; padding-right: 0;}

.org.portal.po02 {width: 100% !important;}
.org.portal.po07 {width: 90% !important; margin:0 auto;}
.org.portal a, .org_office a, .org_council a {color: #fff;display: block;}
.org.portal a:hover, .org_office a:hover, .org_town a:hover, .org_council a:hover {text-decoration: underline;}
.org.portal .lv01 >p:after {height: 138px;}
.org.portal .lv05 >p:after {height: 80px;}
.org.portal .lv02 {margin-top: 30px;}
/* .org.portal .lv02:after {content: ''; width: 77.3%; height: 1px; background: #ddd;position: absolute;left: 13.2%; top: 77px;} */
.org.portal .lv02 >p {width: 192px;background: #1f6aa8;padding: 14px 0;font-size: 18px;}


.org.portal .lv05 {margin-top: 30px;}
.org.portal .lv05 >p {width: 192px;background: #1f6aa8;padding: 14px 0;font-size: 18px; position: absolute; top: -166px; right: 16px;}
.org.portal .lv06 {margin-top: 30px;}
.org.portal .lv06:after {content: ''; width: 77.3%; height: 1px; background: #ddd;position: absolute;left: 13.2%; top: 28px;}
.org.portal .lv06 >p {width: 192px;background: #2d84c0;padding: 14px 0;font-size: 18px; position: absolute; top: -79px; right: 16px;}

.org.portal .lv07 .tit {padding: 10px 0;background: #d58403;color: #fff;text-align: center;font-size: 16px;}
.org.portal .lv07 .list {background: #fcfcfc;border: 1px solid #ddd;padding: 0 10px 10px;box-sizing: border-box; min-height:110px;}
.org.portal .lv07 >ul {margin-top: 0;}
.org.portal .lv07 ul >li {float: left;width: 48%;}
.org.portal .con_lv07_3 ul >li {float: left;width: 33.3%;}
.org.portal .con_lv07_3 .list {min-height:400px;}
.org.portal .lv07 ul >li:before {background-image: none;}
.org.portal .lv07 ul ul li {width: 90%;}
.org.portal .lv07 .list li, .org_office .list li {position: relative;padding-left: 12px;}
.org.portal .lv07 .list li:not(:last-child), .org_office .list li:not(:last-child) {margin-bottom: 7px;}
.org.portal .lv07 .list li:before, .org_office .list li:before {position: absolute; display: block; content: ''; width: 3px; height: 3px; border-radius: 50%; background: #9da7b0; left: 0; top: 8px;}
.org.portal .lv07 .list li a, .org_office .list a {color: #666 !important;font-size: 14px;}
.org.portal .lv07 .list li a:hover {color: #d58403 !important;}

.org.portal .lv08 .tit {padding: 10px 0;background: #d58403;color: #fff;text-align: center;font-size: 16px;}
.org.portal .lv08 .list {background: #fcfcfc;border: 1px solid #ddd;padding: 0 10px 10px;box-sizing: border-box; min-height:110px;}
.org.portal .lv08 >ul {margin-top: 0;}
.org.portal .lv08 ul >li {float: left;width: 48%;}
.org.portal .lv08 ul >li:before {background-image: none;}
.org.portal .lv08 ul ul li {width: 90%;}
.org.portal .lv08 .list li, .org_office .list li {position: relative;padding-left: 12px;}
.org.portal .lv08 .list li:not(:last-child), .org_office .list li:not(:last-child) {margin-bottom: 7px;}
.org.portal .lv08 .list li:before, .org_office .list li:before {position: absolute; display: block; content: ''; width: 3px; height: 3px; border-radius: 50%; background: #9da7b0; left: 0; top: 8px;}
.org.portal .lv08 .list li a, .org_office .list a {color: #666 !important;font-size: 14px;}
.org.portal .lv08 .list li a:hover {color: #d58403 !important;}

.org.portal .lv03 {width: 30%;float: left;margin-top: 63px;}
.org.portal .lv04 {width: 70%;float: left;margin-top: 63px;}

.org.portal .lv07.con_lv04_02 {width: 60%; margin: 0 auto;}
.org.portal .lv07.con_lv04_02 .tit:before {display: none;}

.org.portal .lv08.con_lv04_02 > ul {width: 30%; margin: 0 auto;}
.org.portal .lv08 ul >li {width: 100%;}

.org.portal .lv03:before {content: ''; width: 1px; height: 25px; background: #ddd;position: absolute;left: 44%; top: -35px}
.org.portal .lv03 {margin-top: 72px;}
.org.portal .lv03:before {height: 34px;top: -44px;} 
.org.portal .lv03 ul:before {content: ''; width: 66.2%; height: 1px; background: #ddd;position: absolute;left: 11%; top: -11px;}
.org.portal .lv03 ul >li {float: left;width: 22%;}
.org.portal .lv03 li >p {width: 30%;font-size: 16px; padding: 7px;}
.org.portal .lv03 li >p:before {content: ''; width: 1px; height: 20px; background: #ddd;position: absolute;left: 50%; top: -20px}

.org.portal .lv09 {margin-top: 30px; width: 100%;}
.org.portal .lv09 li >p {width: 90%;font-size: 16px; padding: 7px 0; margin-bottom: 10px;}
.org .lv09 {margin-top: 30px;}
.org .lv09 ul {width: 100%; margin-top: 40px;margin-bottom: 20px;}
.org .lv09 ul > li > ul > li {width: 25%; float: left;}
.org .lv09 >li:first-child {padding-right: 2%;box-sizing: border-box;}
.org .lv09 >li:last-child {padding-left: 2%;box-sizing: border-box;}
.org .lv09 li >p {width: 200px;background: #1a9455;padding: 10px 0;font-size: 15px;position: relative;}

.org.portal .lv04 .tit {padding: 10px 0;background: #d58403;color: #fff;text-align: center;font-size: 16px;}
.org.portal .lv04 .list {background: #fcfcfc;border: 1px solid #ddd;padding: 0 10px 10px;box-sizing: border-box; min-height:300px;}
.org.portal .lv04 >ul {margin-top: 0;}

.org.portal .lv04 ul >li {float: left;width: 25%;}
.org.portal .lv04 ul >li:before {background-image: none;}
.org.portal .lv04 .tit:before {content: ''; width: 1px; height: 55px; background: #ddd; position: absolute; left: 50%; top: -55px} 
.org.portal .lv04 ul ul li {width: 90%;}
.org.portal .lv04 .list li, .org_office .list li {position: relative;padding-left: 12px;}
.org.portal .lv04 .list li:not(:last-child), .org_office .list li:not(:last-child) {margin-bottom: 7px;}
.org.portal .lv04 .list li:before, .org_office .list li:before {position: absolute; display: block; content: ''; width: 3px; height: 3px; border-radius: 50%; background: #9da7b0; left: 0; top: 8px;}
.org.portal .lv04 .list li a, .org_office .list a {color: #666 !important;font-size: 14px;}
.org.portal .lv04 .list li a:hover {color: #d58403 !important;}

.org_office >li {width: 23.5%;float: left;}
.org_office >li:not(:last-child){margin-right: 2%;}
.org_office .tit {padding: 10px 0;background: #1ba2b2;text-align: center;font-size: 16px;}
.org_office .list {background: #fcfcfc;border: 1px solid #ddd;padding: 10px;box-sizing: border-box;}
.org_office .list a:hover {color: #1ba2b2 !important;}
.org_office.office01 .list {min-height: 183px;}

.org_town li {float: left;width: 13.42857142857143%;margin-bottom: 10px;}
.org_town li:not(:nth-child(7n)) {margin-right: 1%;}
.org_town li a { display: block; background: #b18f56;color: #fff;padding: 10px; box-sizing: border-box;text-align: center;font-size: 16px;}

.org_council {margin-top: 10px;}
.org_council p {text-align: center;color: #fff;font-size: 20px;position: relative;}
.org_council >li {position: relative;}
.org_council ul {margin: 50px auto;}
.org_council .lv01 >p {width: 192px;background: #3661af;padding: 17px 0;margin: 0 auto;}
.org_council .lv01 >p:after {content: '';width: 1px;height: 89px;background: #ddd;position: absolute;left: 50%;top: 55px;}
.org_council .lv02 >p {width: 192px;background: #6aa417;padding: 12px 0 10px;font-size: 16px;margin:20px 0 0 70%;position: relative;}
.org_council .lv02 >p:before {content: '';width: 97%;height: 1px;background: #ddd;position: absolute;left: -97%;top: 50%;}
/* .org_council .lv05 >p {width: 192px;background: #6aa417;padding: 12px 0 10px;font-size: 16px;margin:20px 0 0 70%;position: relative;}
.org_council .lv05 >p:before {content: '';width: 97%;height: 1px;background: #ddd;position: absolute;left: -97%;top: 50%;}
.org_council .lv06 >p {width: 192px;background: #6aa417;padding: 12px 0 10px;font-size: 16px;margin:20px 0 0 70%;position: relative;}
.org_council .lv06 >p:before {content: '';width: 97%;height: 1px;background: #ddd;position: absolute;left: -97%;top: 50%;} */
.org_council .lv03 >ul {width: 80%;margin: 50px auto 0;}
.org_council .lv03 >ul:before {content: '';width: 40%;height: 1px;background: #ddd;position: absolute;left: 30%;top: -25px;}
.org_council .lv03 li {float: left;width: 50%;}
.org_council .lv03 p {width: 192px;background: #d58403;padding: 12px 0 10px;font-size: 16px;margin: 0 auto;}
.org_council .lv03 p:before {content: ''; width: 1px; height: 25px; background: #ddd;position: absolute;left: 50%; top: -25px}
@media all and (max-width:768px) {
	.org.portal .lv04 >ul:before {width: 50%;left: 24.2%;}
	.org_council .lv02 >p:before {width: 73%;left: -73%;}
	
}
@media all and (max-width:767px) {
	.org.portal {margin-top: 20px;}
	.org.portal >li {margin-top: 10px !important;}
	.org.portal ul {margin-top: 0;}
	.org.portal .lv04 {margin-top: -10px !important;}
	.org.portal .lv04 ul {margin: 0 !important;}
	.org.portal .lv04 ul li {padding-left: 0;}
	.org.portal .lv04 ul >li:before, .org.portal .lv04 .tit:before {display: none !important;}
	.org.portal .lv04 .list li:before {display: block !important;}
	.org.portal .lv04 .list {padding-top: 10px !important;}
	.org.portal .lv04 .list li:last-child {margin-bottom: 0;}
	.org_council :before, .org_council :after  {display: none;}
	.org_council li, .org_council .lv02 >p {margin-top: 10px !important;}
	.org_council p, .org_council .lv03 li, .org_council .lv03 >ul {width: 100% !important;}
	.org_council .lv02 >p {margin-left: 0;}
	.org_council .lv03 >ul, .org_council .lv03 p, .org_council .lv03 > ul >li:first-child {margin-top: 0 !important;}
	
	.org.portal .lv03 li >p {padding: 7px 0 7px 0;}
	.org.portal .lv05 >p {position: relative; top: 0; right: 0;}
	.org.portal .lv06 >p {position: relative; top: 0; right: 0;}
	
	.org.portal .lv08.con_lv04_02 > ul {width: 100%;}
	
	.org.portal.po07 {width: 100% !important;}
	
}
@media all and (max-width:720px) {
	.org_office >li:not(:last-child) {margin-right: 0;}
	.org_office >li:not(:nth-child(2n)){margin-right: 2%;}
	.org_office >li {width: 49%;margin-bottom: 10px;}
}
@media all and (max-width:655px) {
	.wrap_name{width:100%;float:none;margin:0;margin-top: 2px;}
}
@media all and (max-width:600px) {
	.org_town li:not(:nth-child(7n)){margin-right: 0;}
	.org_town li:not(:nth-child(5n)){margin-right: 1%;}
	.org_town li {width: 19.2%;}
}
@media all and (max-width:420px) {
	.org_town li:not(:nth-child(5n)){margin-right: 0;}
	.org_town li:not(:nth-child(3n)){margin-right: 2%;}
	.org_town li {width: 32%;}
}








.org {margin-top: 30px;}
.org p {margin: 0 auto;text-align: center;color: #fff;font-size: 20px;position: relative;}
.org >li {position: relative;}
.org ul {margin: 50px auto;}
.org .lv01 >p {width: 192px;background: #1f3a8b;padding: 17px 0;}
.org .lv01 >p:after {content: '';width: 1px;height: 27px;background: #ddd;position: absolute;left: 50%;top: 55px;}
.org .lv05 >p:after {content: '';width: 1px;height: 27px;background: #ddd;position: absolute;left: 50%;top: 49px;}
.org .lv02 ul {position: relative;}
.org .lv02 >ul:before {content: '';width: 50%;height: 1px;background: #ddd;position: absolute;left: 25.1%;top: -23px;}
.org .lv02 li, .org .lv03 li {float: left;width: 50%;text-align: center;}
.org .lv02 > ul >li >p {width: 182px;background: #2d84c0;padding: 13px 0;font-size: 18px;}
.org .lv02 > ul >li >p:before {content: '';width: 1px;height: 22px;background: #ddd;position: absolute;left: 50%;top: -22px;}
.org .lv02 > ul >li >p:after {content: '';width: 1px;height: 90px;background: #ddd;position: absolute;left: 50%;top: 47px;}
.org .lv03 {margin-top: 30px;}
.org .lv03 ul {width: 100%; margin-top: 40px;margin-bottom: 20px;}
.org .lv03 li {width: 100%;}
.org .lv03 >li:first-child {padding-right: 2%;box-sizing: border-box;}
.org .lv03 >li:last-child {padding-left: 2%;box-sizing: border-box;}
.org .lv03 li >p {width: 200px;background: #1a9455;padding: 10px 0;font-size: 15px;position: relative;}
.org .lv02 li:first-child .lv03 p {margin-left: 0;}
.org .lv02 li:last-child .lv03 p {margin-right: 0;}
.org .lv02 li:first-child .lv03 >li>p:before {content: '';width: 12%;height: 1px;background: #ddd;position: absolute;right: -12.5%;top: 50%;}
.org .lv02 li:last-child .lv03 >li>p:before {content: '';width: 11.5%;height: 1px;background: #ddd;position: absolute;left: -11.5%;top: 50%;} 
.org .lv04 {margin-top: 60px;position: relative;}
/* .org .lv04:before {content: '';width: 76.5%;height: 1px;background: #ddd;position: absolute;left: 11.9%;top: -22px;} */ 
.org .lv04 >li {width: 23.5%;}
.org .lv04 >li:not(:last-child) {margin-right: 2%;}
.org .lv04 >li >p {width: 100%;background: #fcfcfc;border: 1px solid #ddd;padding: 15px 0;box-sizing: border-box;line-height: 120%;color: #555;font-size: 14px;}
.org .lv04 >li >p:before{content: '';width: 1px; height: 22px;background: #ddd; position: absolute;left: 50%;top: -22px;}
.org .lv04 ul {margin-top: 10px;}
.org .lv04 ul li {float: none;width: 100%;text-align: left;position: relative;}
.org .lv04 ul li:before {content: '';position: absolute;width: 7px;height: 7px; left: 0; top: 5px;background: url('../../common/img/common/spr_bu.png') no-repeat 2px -112px;}

@media all and (max-width:1024px){
	.org .lv02 li:first-child .lv03 p, .org .lv02 li:last-child .lv03 p {margin: 0 auto;}
	.org .lv02 li:first-child .lv03 >li>p:before, .org .lv02 li:last-child .lv03 >li>p:before {display: none;}
	
}
@media all and (max-width:767px){
	.org p, .org li {width: 100% !important;}
	.org li {float: none !important;margin-bottom: 10px;}
	.org *:before, .org *:after {display: none;}
	.org .lv02 ul {margin-bottom: 10px;}
	.org .lv04 ul li:before {display: block !important;}
	.work_detail {margin-left: 0 !important;}
}

/* 현황 */
.edu_process{position:relative; margin-top:20px; padding-bottom:75px;}
.con0105 {padding-bottom: 0;}
.edu_process li{width:25%; float:left;}
.edu_process li > div{background:#87b6da; width:95%; margin:0 auto; letter-spacing:-1px; padding:12px; box-sizing:border-box; border-radius:5px;}
.edu_process li:nth-child(even) > div{background:#8d9cd0;}
.edu_process li .title{text-align:center; padding:5px 0 4px; font-weight:600; box-sizing:border-box; background:#4782ba; color:#fff; font-size:17px;}
.edu_process li:nth-child(even) .title{background:#4e5faa;}
.edu_process li .txt{padding:15px; box-sizing:border-box; background:#fff; margin-top:10px; line-height:1.3em; height:100px;}
.edu_process ul:after{content:''; display:block; clear:both;}
.edu_process:after{position:absolute; content:''; display:block; width:49px; height:55px; bottom:0; left:50%; margin-left:-24.5px; background:url(/edu/images/content/sub/process_arrow.png) no-repeat;}
.con0105:after{display: none;}
.edu_process .txt ul li {width: 100%; position: relative; padding-left: 12px;}
.edu_process .txt ul li:before {content:''; width: 7px; height: 3px; background-color: #7f7f7f; position: absolute; top: 6.5px; left: 0;}
.process_result{background:#88a7bc; margin-top:15px; text-align:center; margin-left:10px; padding:18px 0; box-sizing:border-box; border-radius:30px;}
.process_result p{color:#fff; font-size:20px; letter-spacing:-1px;}
.process_result p span{font-weight:600;}

@media all and (max-width:930px){
	.edu_process{padding-bottom:55px;}
	.edu_process li{width:50%; margin-bottom:20px;}
	.edu_process li .txt{height:80px;}
	.con0105 li .txt {height: 162px;}
	.con0105 {padding-bottom: 0;}
}
@media all and (max-width:600px){
	.edu_process li{width:100%; margin-bottom:10px;}
	.edu_process li .txt{height:100%;}
	.edu_process:after{top:auto; bottom:0;}
}

/* 평생학습관 안내 */
.andong_vision {margin-top: 30px;}
.andong_vision:after {content:''; display: block; clear: both;}
.andong_vision li {position: relative;}
.andong_vision p {letter-spacing:-1.5px;} 
.andong_vision .lv1 p {position: relative; display: block; margin: 0 auto; background-color:#4e5faa; color:#fff; width: 205px; height: 205px; border-radius:100px; text-align: center; box-sizing:border-box; padding-top: 72px; font-size: 23px; letter-spacing:-1.5px; line-height:34px;}
.andong_vision .lv1 p:before {content: ''; position: absolute; width: 1px; height: 50px; left: 49.95%; top: 325px; border-left: 1.5px dashed #d4d2d2;}
.andong_vision .lv1 p:after {content: ''; display: block; border-left: 10px solid transparent; border-top: 0px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid #4e5faa; left: 50%; top: 233px; margin-left: -7px; margin-top: -10px; position: absolute;}
.andong_vision .lv2 {margin-top: 40px; text-align: center;}
.andong_vision .lv2:before {content: ''; position: absolute; width: 709px; height: 1px; left: 50%; top: 134px; border-bottom: 1.5px dashed #d4d2d2; margin-left: -353.5px;}
.andong_vision .lv2 .p_01 {font-size: 25px; font-weight: 600;}
.andong_vision .lv2 .p_02 {color:#4e5faa; font-size: 19px; background:url(/edu/images/content/sub/andong_vision_bg.png) no-repeat center 15px; padding-top: 18px; height: 40px;}
.andong_vision .lv2 .p_02 span {font-size: 27px;}
.andong_vision .lv3 {margin-top: 70px;}
.andong_vision .lv3:after {content:''; display: block; clear: both;}
.andong_vision .lv3 ul li ul li {width: 25%; float: left; text-align: center; padding-top: 37px; letter-spacing: -1.5px;}
.andong_vision .lv3 ul li ul li:before { content: ''; position: absolute; left: 50%; top: -7px; width: 1px; height: 30px; border-left: 1.5px dashed #ddd;}
.andong_vision .lv3 ul li ul li span.ico {display: block; width: 50px; height: 42px; background:url(/edu/images/content/sub/andong_vision_bg01.png) no-repeat 2px 0; margin: 0 auto; margin-bottom: 12px;}
.andong_vision .lv3 ul li ul li span.ico2 {background-position: -226px 0;}
.andong_vision .lv3 ul li ul li span.ico3 {background-position: -454px 0;}
.andong_vision .lv3 ul li ul li span.ico4 {background-position: -682px 0;}

@media all and (max-width:1024px){
	.andong_vision .lv2:before {content: ''; position: absolute; width: 74.7%; height: 1px; left: 12.7%; border-bottom: 1.5px dashed #d4d2d2; margin: 0 auto;}
}

@media all and (max-width:770px){
	.andong_vision .lv3 ul li ul li {width: 50%;}
	.andong_vision .lv2:before {width: 50%; left: 25%;}
	.andong_vision .lv3 ul li ul li:nth-child(n+3) {padding-top: 55px;}
	.andong_vision .lv3 ul li ul li:nth-child(n+3):before {top: 10px;}
}

@media all and (max-width:435px){
	.andong_vision .lv1 p:before, .andong_vision .lv3 ul li ul li:before, .andong_vision .lv2:before {display: none;}
	.andong_vision .lv3 {margin-top: 0px;}
	.andong_vision .lv3 ul li ul li {width: 100%; border: 1.5px dashed #d4d2d2; margin-top: 15px; padding: 22px; box-sizing:border-box;}
	.andong_vision .lv3 ul li ul li:nth-child(n+3) {padding-top: 22px;}
}

/*명사초청*/
.profile:after{display:block;content:'';clear:both}
.profile .profileImg{margin-right:10px;width:22%;margin-top:20px;text-align: center;float:left}
.profile .profileImg img{width:100%}
.profile .tbl_wrap{width:76%;float:left}
.personageInvite_li li{float:left;width:24%;margin-right:1%;}
.personageInvite_li li:last-child{margin-right:0%;}
.personageInvite_li li a{width:100%;background: none;text-align: center;}
.personageInvite_li:after{content:'';clear:both;display:block}

@media all and (max-width:767px){
	.personageInvite_li li{float:left;width:49%;margin-right:1%;}
	.personageInvite_li li:nth-child(2n){margin-right:0%;}
	.profile .profileImg{width:100%;}
	.profile .tbl_wrap{width:100%}	
}
@media all and (max-width:435px){
		.personageInvite_li li{float:left;width:100%;margin-right:0%;}
		.profile .profileImg{width:100%;}
}

/* 평생교육지도자협의회 - 협의회 소개 */
.edu_photo{margin-top:20px;}
.edu_photo li{float:left; width:33.33333333333333%; margin-bottom:10px;}
.edu_photo li .img{width:95%; margin:0 auto; height:200px;}
.edu_photo li .img img{display:block; width:100%; height:100%; text-align:center;}
.edu_photo ul:after{content:''; display:block; clear:both;}


@media all and (max-width:900px){
	.edu_photo li .img{height:190px;}
}
@media all and (max-width:820px){
	.edu_photo li{width:50%;}
	.edu_photo li .img{height:250px;}
}
@media all and (max-width:700px){
	.edu_photo li .img{height:210px;}
}
@media all and (max-width:560px){
	.edu_photo li{width:100%;}	
	.edu_photo li .img{height:100%;}
}


/* 평생교육사란? */
.longlife {
    max-width: 895px;
    height: 527px;
}

.longlife::after {
    content: '';
    display: block;
    clear: both;
}

.longlife .s1 {
    width: 241px;
    height: 117px;
    background-color: #4959b1;
    border-radius: 25px;
    position: relative;
    margin: 0 auto;
    top: 30px;
    list-style: none;
}

.longlife .s1 p {
    text-align: center;
    color: #fff;
    font-family: notoR;
    font-size: 26px;
    letter-spacing: -1px;
    position: relative;
    top: 28px;
}

.longlife .s1 p:nth-child(2) {
    margin-top: 10px;
}

.longlife .s1::after {
    content: '';
    display: block;
    border-left: 10px solid transparent;
    border-top: 0px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #4e5faa;
    left: 50%;
    top: 140px;
    margin-left: -12px;
    margin-top: -10px;
    position: absolute;
}

.longlife .s2 {
    position: relative;
    top: 26px;
    margin-top: 35px;
    list-style: none;
    font-family: notoB;
}

.longlife .s2 p {
    text-align: center;
    font-size: 23px;
    color: #353535;
    letter-spacing: -1px;
}

.longlife .s2 p:nth-child(1) {
    margin-bottom: 20px;
}

.longlife .s2 p:nth-child(2) {
    font-size: 20px;
    font-family: notoL;
    color: #4959b1;
}

.longlife .s2::after {
    content: '';
    width: 605px;
    height: 1px;
    position: absolute;
    border-bottom: 1.5px dashed #d4d4d2;
    left: 144px;
    top: 116px;
}

.longlife .s3 .icon {
    width: 730px;
    height: 76px;
    position: relative;
    left: 107.5px;
    top: 130px;
    list-style: none;
}

.longlife .s3 .icon li {
    width: 70px;
    height: 85px;
    float: left;
    margin-right: 80px;
    text-align: center;
    font-family: notoL;
    list-style: none;
    position: relative;
}

.longlife .s3 .icon img {
    position: relative;
    top: 10px;
    left: 2px;
    margin-bottom: 20px;
}

.longlife .s3 .icon .ico5 {
    margin-right: 0;
}

.longlife .s3 .icon li::after {
    content: '';
    width: 1px;
    height: 40px;
    position: absolute;
    border-left: 1.5px dashed #d4d4d2;
    top: -47px;
}

.longlife .s3 .icon .ico1::after {
    left: 36px;
}

.longlife .s3 .icon .ico3::after {
    height: 83px;
    left: 36px;
    top: -90px;
}

.longlife .s3 .icon .ico4::after {
    left: 30px;
}

.longlife .s3 .icon .ico5::after {
    right: 28px;
}


/* 길거리 교실 */
.stdeu_process li {position: relative;}
.stdeu_process .li5 {margin: 30px 0;}
.stdeu_process .li5:after {content:''; display: block; clear: both;}
.stdeu_process .li5 ul li ul li {width: 20%; float: left; text-align: center; letter-spacing: -1.5px;}
.stdeu_process .li5 ul li ul li:before, .stdeu_process .li5 ul li ul li:after{display:block;content:"";position:absolute;top:40%;width:0;height:0;}
.stdeu_process .li5 ul li ul li:before{	right:-5%;margin-top:-10px;	border: 10px solid transparent;	border-left-color: #e48;}
.stdeu_process .li5 ul li ul li:after{	left:-20px;	margin-top:-14px;border: 14px solid transparent;border-left-color: #fff}
.stdeu_process .li5 ul li ul li:last-child:before {display:none;}
.stdeu_process .li5 ul li ul li span.ico {display: block;width: 50px;height: 52px;background: url(/edu/images/content/sub/stedu_process_ico.png) no-repeat 6px 0;margin: 0 auto;margin-bottom: 12px;background-size: cover;}
.stdeu_process .li5 ul li ul li span.ico2 {background-position: -80px 0;}
.stdeu_process .li5 ul li ul li span.ico3 {background-position: -160px 0;}
.stdeu_process .li5 ul li ul li span.ico4 {background-position: -242px 0;}
.stdeu_process .li5 ul li ul li span.ico5 {background-position: -325px 0;}

.roadclass_img{width:160px; height:150px;}
.roadclass_img.img01{background:url(/edu/edu/images/content/sub02/roadclass_01.jpg)no-repeat center center; background-size: cover;}
.roadclass_img.img02{background:url(/edu/edu/images/content/sub02/roadclass_02.jpg)no-repeat center center; background-size: cover;}
.roadclass_img.img03{background:url(/edu/edu/images/content/sub02/roadclass_03.jpg)no-repeat center center; background-size: cover;}
.roadclass_img.img04{background:url(/edu/edu/images/content/sub02/roadclass_04.jpg)no-repeat center center; background-size: cover;}
.roadclass_img.img05{background:url(/edu/edu/images/content/sub02/roadclass_05.jpg)no-repeat center center; background-size: cover;}
.roadclass_img.img06{background:url(/edu/edu/images/content/sub02/roadclass_06.jpg)no-repeat center center; background-size: cover;}
.roadclass_img.img07{background:url(/edu/edu/images/content/sub02/roadclass_07.jpg)no-repeat center center; background-size: cover;}
.roadclass_img.img08{background:url(/edu/edu/images/content/sub02/roadclass_08.jpg)no-repeat center center; background-size: cover;}
.roadclass_img.img09{background:url(/edu/edu/images/content/sub02/roadclass_09.jpg)no-repeat center center; background-size: cover;}
.roadclass_img.img10{background:url(/edu/edu/images/content/sub02/roadclass_10.jpg)no-repeat center center; background-size: cover;}
.roadclass_img.img11{background:url(/edu/edu/images/content/sub02/roadclass_11.jpg)no-repeat center center; background-size: cover;}
.roadclass_img.img12{background:url(/edu/edu/images/content/sub02/roadclass_12.jpg)no-repeat center center; background-size: cover;}
.roadclass_img.img13{background:url(/edu/edu/images/content/sub02/roadclass_13.jpg)no-repeat center center; background-size: cover;}
.roadclass_img.img14{background:url(/edu/edu/images/content/sub02/roadclass_14.jpg)no-repeat center center; background-size: cover;}
.roadclass_img.img15{background:url(/edu/edu/images/content/sub02/roadclass_15.jpg)no-repeat center center; background-size: cover;}
.roadclass_img.img16{background:url(/edu/edu/images/content/sub02/roadclass_16.jpg)no-repeat center center; background-size: cover;}
.roadclass_img.img17{background:url(/edu/edu/images/content/sub02/roadclass_17.jpg)no-repeat center center; background-size: cover;}
.roadclass_img.img18{background:url(/edu/edu/images/content/sub02/roadclass_18.jpg)no-repeat center center; background-size: cover;}
.roadclass_img.img19{background:url(/edu/edu/images/content/sub02/roadclass_19.jpg)no-repeat center center; background-size: cover;}
.roadclass_img.img20{background:url(/edu/edu/images/content/sub02/roadclass_20.jpg)no-repeat center center; background-size: cover;}
.roadclass_img.img21{background:url(/edu/edu/images/content/sub02/roadclass_21.jpg)no-repeat center center; background-size: cover;}
.roadclass_img.img22{background:url(/edu/edu/images/content/sub02/roadclass_22.jpg)no-repeat center center; background-size: cover;}

@media all and (max-width:770px){
	.stdeu_process .li5 ul li ul li {width: 50%;}
	.stdeu_process .li5 ul li ul li:nth-child(n+3) {padding-top: 55px;}
	.stdeu_process .li5 ul li ul li:before {right: -5%; z-index:1;}
	.stdeu_process .li5 ul li ul li:nth-child(n+3):before {top: 70%;;right: -5%;}
	.stdeu_process .li5 ul li ul li:nth-child(even):before,.stdeu_process .li5 ul li ul li:last-child:before{display:none;}
}

@media all and (max-width:435px){
	.stdeu_process .li5 {margin-top: 0px;}
	.stdeu_process .li5 ul li ul li {width: 100%; border: 1.5px dashed #d4d2d2; margin-top: 15px; padding: 22px; box-sizing:border-box;}
	.stdeu_process .li5 ul li ul li:nth-child(n+3) {padding-top: 22px;}
	.stdeu_process .li5 ul li ul li:before{display:none;}
}
	
.stedu{margin-left: 31px;}
.stedu li{float:left; margin-left:1%; width:49%; height:250px; position:relative; overflow:hidden; margin-top:20px}
.stedu li.list01{max-width:100%;background: url(/edu/images/content/sub01/stedu_img.jpg) no-repeat center center; background-size:cover;}
.stedu li.list02{max-width:100%;background: url(/edu/images/content/sub01/stedu_img2.jpg) no-repeat center center; background-size:cover}
.stedu li.list03{max-width:100%;background: url(/edu/images/content/sub01/stedu_img3.jpg) no-repeat center center; background-size:cover}
.stedu li.list04{max-width:100%;background: url(/edu/images/content/sub01/stedu_img4.jpg) no-repeat center center; background-size:cover}
.stedu li:nth-child(odd){margin-left:0;}
.stedu ul:after{content:''; display:block; clear:both;}

@media(max-width:760px){
	.stedu {margin-left: 0;}
	.stedu li {height:230px;}
}
@media(max-width:500px){
	.stedu li{width:100%;margin-left:0;}
	.stedu li.list02 div,
	.stedu li.list03 div{height:auto;}
}
@media(max-width:400px){
	.stedu{margin-left:0;}
}

/* 개인정보처리방침 팝업 */
.pi_label_box {border: 2px solid #d2e5f5;/* overflow: hidden; */margin-top: 15px;}
.pi_label_box > ul::before,
.pi_label_box > ul:after {display: block;content: '';clear:both;}
.pi_label_box > ul > li {position:relative;cursor:pointer;width: 33.3333%;float: left;text-align: center;padding: 10px 0px;}
.pi_label_box > ul > li > img {width: 100px;}

.pi_sub_label {margin: 5px 35px; overflow: hidden;}
.pi_sub_label > img {width: 40px; float: left;}