@charset "utf-8";

/* 연혁 */
.history {margin-top:30px;}
.history ul li {overflow:hidden;}
.history ul li .year {display:inline-block; text-align:center; float:left; width:210px; font-family:GmarketSansBold; font-size:32px; color:#D22259; line-height:1.5em; font-weight:800;}
.history ul li dl {position:relative; display:inline-block; float:right; width:calc(100% - 210px); padding-top:5px; padding-left: 10px; border-left:1px solid #D22259; box-sizing:border-box;}
.history ul li dl:after {content: ''; position:absolute; left:-7px; top:12px; width:12px; height:12px; border-radius:50px; background:#fff; border:3px solid #D22259; box-sizing:border-box;}
.history ul li:first-child dl:first-of-type {padding-top:0; margin-top:15px;}
.history ul li:first-child dl:first-of-type:after {top: 0;}
.history ul li dl .month, .history ul li dl .day {margin-top:-6px;}
.history ul li dl dt {position:relative; float:left; text-align:center; margin-left:1em; padding-left:.7em; font-family:GmarketSansBold; font-size:18px; font-weight:800;}
.history ul li dl dd {float:right; margin-bottom:5px; width:calc(100% - 100px); font-size:16px;}
.history ul li dl dt:before {content:''; position:absolute; width:4px; height:4px; background:#333; border-radius:50%; top:.6em; left:0;}

@media all and (max-width:768px){
	.history ul li .year{width:20%;font-size:24px;}
	.history ul li dl{width:80%;}
	.history ul li dl dd{font-size:14px;}
	}
@media all and (max-width:768px){
	.history ul li .year{width:25%;font-size:24px; padding-right:24px;}
	.history ul li dl{width:75%;}
	.history ul li dl dd{width:calc(100% - 50px);}
	.history ul li dl dt {padding-bottom:5px;}
	}
	
/* 연혁 */
.historyLine dl {display:table; width:100%; border-bottom:1px dashed #ddd;}
.historyLine dl:first-child >* {padding-top:0;}
.historyLine dt {display:table-cell; width:8em; padding:2em 0; border-right:1px solid #D22259;}
.historyLine dl:first-child dt {position:relative;}
.historyLine dl:first-child dt:after {content:''; width:3px; height:1em; background:#fff; position:absolute; right:-2px; top:0;}
.historyLine dt span {display:block; position:relative; padding-right:1em; font-size:1.4em; font-weight:600; color:#D22259; line-height:1.1;}
.historyLine dt span:after {content:''; position:absolute; width:13px; height:13px; top:50%; margin-top:-6.5px; right:-7.5px; background:#fff; border:3px solid #D22259; border-radius:50%; box-sizing:border-box; z-index:2;}
.historyLine dd {display:table-cell; padding:2em 0 2em 1.76em; vertical-align:top;}
.historyLine dd li {display:table; padding-bottom:1em; padding-left:.7em; position:relative; color:#666;}
.historyLine dd li:last-child {padding-bottom:0;}
.historyLine dd li:before {content:''; position:absolute; width:4px; height:4px; background:#333; border-radius:50%; top:.6em; left:0;}
.historyLine dd li strong {display:table-cell; width:3em; color:#333;}
.historyLine dd li span {display:table-cell; padding-left:10px;}

@media all and (max-width:768px) {
	.historyLine dl {display:block; position:relative; padding-left:20px;}
	.historyLine dl:before {content:''; width:1px; height:100%; background:#D22259; position:absolute; top:0; left:20px;}
	.historyLine dt {display:block; width:auto; padding:2em 25px 1em; border:0;}
	.historyLine dl:first-child dt:after {right:auto; left:-1px;}
	.historyLine dt span:after {right:auto; left:-31.5px;}
	.historyLine dd {display:block; padding:0 0 2em 25px;}
}
@media all and (max-width:640px) {
	.history-box dt, .history-box dd {display:table-row !important;}
	.history-box dt {width:100%; text-align:center;}
	.history-box dd .title {margin-top:1.5em;}
	.historyLine dd li {display:block;}
	.historyLine dd li strong {display:block; width:auto; padding-bottom:.3em;}
	.historyLine dd li span {display:block; padding:0;}
	.history-box.con .box-list.col-2 > div {width:100% !important; margin-top:1em!important;}
}
	
/* 우리동네 학습공간 */
.our_edu .lh42{line-height: 42px;}

@media all and (max-width:1020px){
	.our_edu .lh42{line-height: 1.5em; min-height: 52px;}
	.step.our_edu>li:after{width: 27px;}
}

/* 강사은행제란 */
.teacher_system { margin-top:20px; letter-spacing:-1px; }
.teacher_system .process li { position:relative; float:left; width:33.33333333333333%; text-align:center; }
.teacher_system .process li div { width:90%; border-radius:10px; padding:10px; box-sizing:border-box; background:#ddd; background:#ecefff; border:2px dashed #d7deff; }
.teacher_system .process li div p { font-size:15px; letter-spacing:-1px; font-weight:600; }
.teacher_system .process li:before { content:''; border-top:10px solid transparent; border-left:10px solid #92a3a0; border-bottom:10px solid transparent;border-right:10px solid transparent; width:0px; height:0px; left:-6%; position:absolute; margin-top:-10px; top:50%; }
.teacher_system .process li:first-child:before { display:none; }
.teacher_system .process ul:after { content:''; display:block; clear:both; }
.teacher_system .process2 { margin-top:20px; }
.teacher_system .process2 > ul > li { position:relative; float:left; width:25%; }
.teacher_system .process2 div.title { border-radius:10px; width:90%; text-align:center; border:2px dashed #daebc2; padding:23px; box-sizing:border-box; background:#f1f9e6; }
.teacher_system .process2 div.title p { font-size:15px; font-weight:600; }
.teacher_system .process2 li.list02 div.title { border-radius:0; border:0; padding:0; background:none; }
.teacher_system .process2 li.list02 li:first-child div { margin-top:0; }
.teacher_system .process2 li.list02 li div { width:100%; border-radius:10px; margin:0 auto; margin-top:10px; text-align:center; padding:5px; box-sizing:border-box; background:#fff3e5; }
.teacher_system .process2 li.list02 li div p { position:relative; font-size:14px; }
.teacher_system .process2 li.list02 li.right div p:after { content:''; border-top:6px solid transparent; border-left:6px solid #ff7d31; border-bottom:6px solid transparent; border-right:6px solid transparent; width:0px; height:0px; left:65%; position:absolute; margin-top:-6px; top:50%; }
.teacher_system .process2 li.list02 li.left div p:after { content:''; border-top:6px solid transparent; border-right:6px solid #ff7d31; border-bottom:6px solid transparent; border-left:6px solid transparent; width:0px; height:0px; right:65%; position:absolute; margin-top:-6px; top:50%; }
.teacher_system .process2 ul:after { content:''; display:block; clear:both; }

@media all and (max-width:890px){
	.teacher_system .process2 div.title span { display:block; }
	.teacher_system .process2 .list03 div.title { padding:13px; }
	.teacher_system .process2 li.list02 li.right div p:after { left:75%; }
	.teacher_system .process2 li.list02 li.left div p:after { right:75%; }
}
@media all and (max-width:680px){
	.teacher_system .process li div p { font-size:14px; }
	.teacher_system .process2 div.title p { font-size:14px; }
}
@media all and (max-width:640px){
	.teacher_system .process li div{margin: 0 auto;}
	.teacher_system .process { background:#f7f7f7; padding:30px 0; box-sizing:border-box; border-radius:10px; }
	.teacher_system .process li { width:100%; margin-top:30px; }
	.teacher_system .process li:first-child { margin-top:0; }
	.teacher_system .process li:before { border-bottom:10px solid transparent; border-top:10px solid #92a3a0; border-left:10px solid transparent; border-right:10px solid transparent; top:-41%; left:50%; margin-left:-10px; margin-top:0; }
}
@media all and (max-width:580px){
	.teacher_system .process2 > ul > li:first-child { margin-top:0; }
	.teacher_system .process2 > ul > li { width:100%; margin-top:10px; float:none; }
	.teacher_system .process2 div.title { padding:10px; margin: 0 auto;}
	.teacher_system .process2 div.title span { display:inline-block; }
	.teacher_system .process2 li.list02 div.title li { float:left; width:50%; }
	.teacher_system .process2 li.list02 div.title li.left div { margin-top:0; }
	.teacher_system .process2 li.list02 li div { width:95%; }
	.teacher_system .process2 li.list02 div.title ul:after { content:''; display:block; clear:both; }
	.teacher_system .process2 li.list02 li.right div p:after { border-top: 6px solid #ff7d31; border-left:6px solid transparent; margin-top:-4px; }
	.teacher_system .process2 li.list02 li.left div p:after { border-bottom: 6px solid #ff7d31; border-right:6px solid transparent; margin-top:-10px; }
}

/*평생학습비전*/
.edu_vision{text-align:center;margin-top:4em;}
.edu_vision .vision_box{overflow:hidden;margin-bottom:84px;}
.edu_vision .vision_box.bak:after{content: ''; display:block; background:url(/depart/img/sub02/vision_bak.png) no-repeat center center; width: 100%; height: 339px;}
.edu_vision .vision_box h4{padding:0;margin:0 auto !important;background:#38375a;width:88px;height:88px;border-radius:92px;color:#fff;font-family:'GmarketSans','NotoSans','맑은고딕', Malgun Gothic, 'Noto Sans KR', sans-serif;text-align:center;font-weight:400;font-size:26px;box-sizing:border-box;padding-top:16px;line-height:117%;position:relative;margin-bottom:64px;}
.edu_vision .vision_box h4:before{display:none;}
.edu_vision .vision_box h4.font16{font-size:20px; padding-top:25px;}
.edu_vision .vision_box h4 strong{font-weight:600;}
.edu_vision .vision_box p.txt{font-size:26px;font-weight:300;color:#001041;line-height:100%;margin-top: 1.3em;}
.edu_vision .vision_box p.txt .navy{font-size:38px;line-height:200%;font-weight:500;}
.edu_vision .vision_box p.txt .orange{color:#fa5a68;font-size:43px;}

.edu_vision .vision_box.value{background:#fff5f6; display:block; border-radius:30px; margin-top:-165px; padding:1em 1.5em 2em;}
.edu_vision .vision_box.value h4{padding:0;margin:0 auto !important;background:none;color:#38375a;width:100%;font-weight:600;font-size:36px;padding-top:33px;margin-bottom:64px;}
.edu_vision .vision_box.value p.txt{color:#795458;font-size:24px;}
.edu_vision .vision_box:first-child h4{padding-top:31px;}

.edu_vision .vision_box:nth-child(2) ul{overflow:hidden;font-size:0;padding-bottom:5px;position:relative;}
.edu_vision .vision_box:nth-child(2) ul li{display:inline-block;width:23%;margin:0 1%;box-sizing:border-box;position:relative;}
.edu_vision .vision_box:nth-child(2) ul li:last-child:after{display:none;}
.edu_vision .vision_box:nth-child(2) ul li div{background:#fff;border-radius:20px;margin:0 auto;padding-bottom:12%;}
.edu_vision .vision_box:nth-child(2) ul li div span{font-size:17px;color:#444;font-weight:400;padding-top:34px;display:block;}
.edu_vision .vision_box:nth-child(2) ul li div strong{display:block;font-size:28px;}
.edu_vision .vision_box:nth-child(2) li:nth-child(1) div{}
.edu_vision .vision_box:nth-child(2) li:nth-child(2) div{}
.edu_vision .vision_box:nth-child(2) li:nth-child(3) div{}
.edu_vision .vision_box:nth-child(2) li:nth-child(4) div{}
.edu_vision .vision_box:nth-child(2) li:nth-child(1) div strong{color:#29b6ae;}
.edu_vision .vision_box:nth-child(2) li:nth-child(2) div strong{color:#f65a51;}
.edu_vision .vision_box:nth-child(2) li:nth-child(3) div strong{color:#fa8320;}
.edu_vision .vision_box:nth-child(2) li:nth-child(4) div strong{color:#0d6e97;}
.edu_vision .vision_box:nth-child(2) .txt .colors{font-size:30px;color:#555;line-height:200%;}
.edu_vision .vision_box .c01{color:#29b6ae;}
.edu_vision .vision_box .c02{color:#f65a51;}
.edu_vision .vision_box .c03{color:#fa8320;}
.edu_vision .vision_box .c04{color:#0d6e97;}

.edu_vision .vision_box:nth-child(3){}
.edu_vision .vision_box:nth-child(3) p.txt{margin-top:.6em;}
.edu_vision .vision_box:nth-child(3) .txt strong{font-size:38px;}
.edu_vision .vision_box:nth-child(3) ul{overflow:hidden;font-size:0;padding-top:20px;}
.edu_vision .vision_box:nth-child(3) ul li{display:inline-block;width:25%;box-sizing:border-box;vertical-align:top;}
.edu_vision .vision_box:nth-child(3) ul li *{font-size:18px;}
.edu_vision .vision_box:nth-child(3) ul li div{border:4px solid #eee;border-radius:20px;margin:0 8px;padding:26px 0 20px 0;}
.edu_vision .vision_box:nth-child(3) ul li div sup{line-height:100%;font-size:17px;font-weight:600;display:block;color:#999;}
.edu_vision .vision_box:nth-child(3) ul li div span{font-size:17px;color:#333;display:block;padding:10px 0;}
.edu_vision .vision_box:nth-child(3) ul li div p strong{font-weight:600;font-size:48px;line-height:100%;}

.edu_vision .vision_box:nth-child(4){}
.edu_vision .vision_box:nth-child(4) .txt strong{font-size:32px}
.edu_vision .vision_box:nth-child(4) ul{overflow:hidden;padding-top:30px;}
.edu_vision .vision_box:nth-child(4)>ul>li{display:inline-block;width:24.5%;box-sizing:border-box;vertical-align:top;position:relative}
.edu_vision .vision_box:nth-child(4) ul li div.vision_tit{border-radius:15px 0px 15px 0; margin:0 5px; padding:26px 0 20px 0;border:3px solid #f0f0f0;background:#fff5f6;font-size:20px;z-index:999}
.edu_vision .vision_box:nth-child(4) ul li div.vision_tit sup, div.vision_tit span{top:0;font-weight:bold;font-size: 18px;vertical-align: bottom;}
.edu_vision .vision_box:nth-child(4) ul li:first-child div.vision_tit{margin: 0 5px 0 0;}
.edu_vision .vision_box:nth-child(4) ul li:first-child div.vision_tit sup, li:first-child div.vision_tit span{color:#30a59e;}
.edu_vision .vision_box:nth-child(4) ul li:first-child div.vision_info{margin: 0 5px 0 0;}
.edu_vision .vision_box:nth-child(4) ul li:nth-child(4) div.vision_info{margin: 0 0 0 5px;}
.edu_vision .vision_box:nth-child(4) ul li div.vision_tit sup, div.vision_tit span{top:0;font-weight:bold;font-size: 18px;}
.edu_vision .vision_box:nth-child(4) ul li:nth-child(2) div.vision_tit sup, li:nth-child(2) div.vision_tit span{color:#ed6156;}
.edu_vision .vision_box:nth-child(4) ul li:nth-child(3) div.vision_tit sup, li:nth-child(3) div.vision_tit span{color:#f1872f;}
.edu_vision .vision_box:nth-child(4) ul li:nth-child(4) div.vision_tit{margin: 0 0 0 5px;}
.edu_vision .vision_box:nth-child(4) ul li:nth-child(4) div.vision_tit sup, li:nth-child(4) div.vision_tit span{color:#2a6d96;}
.edu_vision .vision_box:nth-child(4) ul li div.vision_info{border-radius:0;position:relative;top:-14px;z-index:-999;border:3px solid #f0f0f0;margin:0 5px;min-height:180px;padding:30px 20px;text-align:left}
.edu_vision .vision_box:nth-child(4) ul li div.vision_info p{text-align:left;font-weight:bold;font-size:16px}
.edu_vision .vision_box:nth-child(4) ul li:first-child div.vision_info p{color:#29b6ae;}
.edu_vision .vision_box:nth-child(4) ul li:nth-child(2) div.vision_info p{color:#f65a51;}
.edu_vision .vision_box:nth-child(4) ul li:nth-child(3) div.vision_info p{color:#fa8320;}
.edu_vision .vision_box:nth-child(4) ul li:nth-child(4) div.vision_info p{color:#0d6e97;}
@media all and (max-width:1024px){
.edu_vision .vision_box:nth-child(2) ul li:after{display:none;}
.edu_vision .vision_box:nth-child(3) ul li div{margin:0 3px;}
.edu_vision .vision_box:nth-child(4) ul li div.vision_tit{margin:0 3px;padding:30px 10px}
.edu_vision .vision_box:nth-child(4) ul li div.vision_info{margin:0 3px;padding:30px 10px}
}
@media all and (max-width:899px){
.edu_vision .vision_box p.txt{line-height:200%;}
/*.edu_vision .vision_box:nth-child(2) ul li{width:25%;}*/
.edu_vision .vision_box:nth-child(3) ul li{width:50%;margin-bottom:6px;}
.edu_vision .vision_box:nth-child(4)>ul>li{width:49%;margin-bottom:6px;}
.edu_vision .vision_box:nth-child(4) p.txt strong{display:block;}
.edu_vision .vision_box:nth-child(4) ul li:first-child div.vision_tit{margin:0 5px;}
.edu_vision .vision_box:nth-child(4) ul li:nth-child(4) div.vision_tit{margin:0 5px;}
.edu_vision .vision_box:nth-child(4) ul li:first-child div.vision_info{margin:0 5px;}
.edu_vision .vision_box:nth-child(4) ul li:nth-child(4) div.vision_info{margin:0 5px;}
}
@media all and (max-width:589px){
.edu_vision .vision_box p.txt{font-size:1.3em; line-height:200%;}
.edu_vision .vision_box p.txt .navy{font-size:1.5em; line-height:135%; letter-spacing:-.05em;}
.edu_vision .vision_box p.txt .orange{font-size:1.2em;}
.edu_vision .vision_box.value h4{font-size:1.8em;}
.edu_vision .vision_box.value p.txt{font-size:1.2em;}
.edu_vision .vision_box:nth-child(2) .txt .colors{font-size:1.3em; line-height:130%;}
.edu_vision .vision_box:nth-child(2) ul li{width:100%;}
.edu_vision .vision_box:nth-child(2) ul li div{width:100%;height:70px;border-radius:80px;box-sizing:border-box;margin-bottom:6px;}
.edu_vision .vision_box:nth-child(2) ul li div span{display:inline-block;padding:0;line-height:76px;font-size:18px;font-weight:400;}
.edu_vision .vision_box:nth-child(2) ul li div strong{display:inline-block;padding-left:10px;}
.edu_vision .vision_box:nth-child(4) >ul>li{width:100%;}
.edu_vision .vision_box:nth-child(4) ul li div.vision_tit{padding:1em;}
.edu_vision .vision_box:nth-child(4) ul li div.vision_info{min-height:auto;}
}
@media all and (max-width:580px){
.edu_vision .vision_box:nth-child(3) ul li{width:100%;}

}

/* 교육 - 유용한사이트 - 지식(경기도온라인평생학습서비스) */
.topbox.gseek{background: url(/depart/img/sub02/ico_topbox_gseek.png) no-repeat 25px 29px;}
@media (max-width: 518px){
	.topbox.gseek{background: url(/depart/img/sub02/ico_topbox_gseek.png) no-repeat center 33px;}
}

/* 교육 - 유용한사이트 - 광주시민 장학회 */
.topbox.gjcsf{background: url(/depart/img/sub02/ico_topbox_gjcsf.png) no-repeat 25px 29px;}
@media (max-width: 518px){
	.topbox.gjcsf{background: url(/depart/img/sub02/ico_topbox_gjcsf.png) no-repeat center 33px;}
}

/* 교육 - 시민정보화교육 - 교육신청 */
.btn_blue{background-color:#276cad !important; color:#fff;}
.btn_blue:hover{color:#fff !important;}

/* 교육공간 - 우리동네 학습공간 */
.empha {font-size: 25px; font-weight: 700; color: #ef2683; text-decoration: underline;}

/* 우리동네 학습공간 지원 */
.photo-list {margin:1em 0 1em; overflow:hidden;}
.photo-list li {float: left;margin:0 1% 7px 0;}
.photo-list.li1 li {width: 100%;margin-right: 0;}
.photo-list.li2 li {width: 49.5%;}
.photo-list.li3 li {width: 32.66666666666667%;}
.photo-list.li4 li {width: 24.25%;}
.photo-list li img {width: 100%;background: #fff;border: 1px solid #ddd;padding: 4px; box-sizing: border-box;}
.photo-list.li2 li.photo-02, .photo-list.li2 li.photo-04,
.photo-list.li3 li.photo-03,
.photo-list.li4 li.photo-04 {margin-right: 0;}

@media all and (max-width:640px){
	.photo-list.li3 li {float:none; width:100%;}
}

/* 시민정보화교육 > 교육신청안내 */
.stepFlow .imgBox img {padding:.5em; margin:0 auto;}

/* 시민정보화교육 > 교육신청 */
.citizen-bod .farm_info .select_num {width:70px;}

@media all and (max-width:640px){
	.citizen-bod {padding:40px;}
}

/* 시민정보화교육 > 신청조회 */
.citizen-box dl, .citizen-box dt {padding:.25em 0;}
.citizen-box dl{display: inline-block;width: 100%;}
.citizen-box dt{float:left; width:6em; padding-right:1em; padding-top:.5em; font-weight:600;}
.citizen-box dd{float:left; width:calc(100% - 7em);}
.btn.join-btn:hover, .btn.join-btn:focus {background:#D22259; color:#fff; text-decoration:none;}

@media all and (min-width:981px) {
	.citizen-box dl.half {width:50%; float:left; clear:none;}

}

@media all and (max-width:580px){
	.btn.join-btn {height:3em;}
	.citizen-box dd .moinput{width:100%;}
	
}

@media all and (max-width:480px){
	.citizen-box dt {float:none;}
	.btn.join-btn {height:auto;}
	.citizen-box dd{float:none; width:100%;}
}

@media all and (max-width:400px){
	.citizen-box dd span {display:block;}
}

/* 시민정보화교육 > 교육소식 - 목록 버튼 */
.conts .btn_wrap .list-btn:hover, .list-btn:focus {border:1px solid #D22259;}

/* 청소년시설 포탈 안내 */
.youthFacility {position:relative; width:100%;}
.youthFacility ul:after {content:''; clear:both; display:block;}
.youthFacility li {width:calc(33.3333% - 1em); float:left; margin:.5em; text-align:center; padding:2em 1.5em; border-radius:.5em;}
.youthFacility li div {width:10em; margin:0 auto;}
.youthFacility li div img {display:block; width:100%;}
.youthFacility li p {margin:1em 0 1em; font-weight:700; font-size:1.2em;}

.youthFacility li:nth-child(1) {background:#EBF5C8;}
.youthFacility li:nth-child(2) {background:#E3F8F6;}
.youthFacility li:nth-child(3) {background:#E8EFFF;}

@media all and (max-width:780px) {
	.youthFacility li {width:calc(50% - 1em); }
	.youthFacility li:nth-child(3){width:calc(100% - 1em);}
}

@media all and (max-width:480px) {
	.youthFacility li,
	.youthFacility li:nth-child(3) {width:calc(100% - 1em); }
}

/* 광주시민장학회 소개 */
#simin-wrap {display:block;position:relative;padding: 10em 1.47em 1.176em 1.47em;margin:1.176em 0;background:#fff;border:1px solid #DDDDDD;box-shadow:0px 2px 0px #EFEFEF;border-radius:.294em;text-align: center;}
#simin-wrap:after {content:'';display:block;position:absolute;top:2em;left:50%;transform:translateX(-50%);background:url(/depart/img/sub02/simin-obj.png) no-repeat 50% 20%;width: 6em;height: 7.2em;background-size:contain;}
#simin-wrap > p {font-size: 1.2em;font-weight:600;color:#37375B;}

/* 광주시민장학회 조직 */
#simin-org {position:relative;text-align: center;}
#simin-org .item1,
#simin-org .item2,
#simin-org .item3 {position:relative; display:block; text-align:center; margin:0 auto;}
#simin-org .item1:after {content:""; display:block; position:absolute; left:50%; top:.88em; width:1px; height:14em; border-left-width:1px; z-index:-1; background:#CDD2E2;}
#simin-org .item1 > p {display:inline-block; padding:.7em; border-radius:.5em; background:#E3276B; color:#fff; width:9em; font-size:1.2em; font-weight:600;}

#simin-org .item2 {width: 30em;display:inline-block;margin: 0 auto;text-align: center;}
#simin-org .item2:after  {content:"";display:block;position:absolute;left:50%;top:50%;transform:translate(-50%,50%);width:17em;height:1px;border-left-width:1px;z-index:-1;background:#CDD2E2;}
#simin-org .item2 li {display:inline-block; padding:.7em; border-radius:.5em; background:#fff; color:#E3276B; border:2px solid #E3276B; width:9em; font-size:1em; font-weight:600;}
#simin-org .item2 li:first-child {float:left;}
#simin-org .item2 li:last-child {float:right;}

#simin-org .item2 {margin-top: 3.5em;}
#simin-org .item3 {padding-top: 3.6em;}
#simin-org .item3 > p {display:inline-block; padding:.7em; border-radius:.5em; background:#37375B; color:#fff; width:8em;}

@media all and (max-width:780px) {
	#simin-org .item1:after,
	#simin-org .item2:after {display:none;}
	
	#simin-org .item1 > p,
	#simin-org .item2,
	#simin-org .item2 li,
	#simin-org .item3 > p {width:100%;}
	#simin-org .item2 li + li {margin-top:.5em;}

	#simin-org .item2 {margin-top: .5em;}
	#simin-org .item3 {padding-top: .3em;}
	
}

/* 광주시민장학회 기탁안내 */
.logo-box {display: block; position:relative;background:#fff;border:1px solid #DDDDDD;box-shadow:0px 2px 0px #EFEFEF;border-radius:.294em; padding:1.5em 2em;}
.logo-box .desc {position:absolute;right: 2em;top: 1.2em;}

@media all and (max-width:780px) {
	.logo-box {text-align:center;}
	.logo-box .desc {position:relative; right:auto; bottom:auto; margin:1em 0;}
}