@charset "utf-8";

/* 2016 리뉴얼  */
.popTitle{color: #454545; width:100%; font-size: 16px; padding: 20px; letter-spacing: -0.03em; border-bottom:3px solid #E75E37;  font-size:20pt !important; font-weight:bold;}
.popTitle img{margin-top: 4px}
.popTitle a{position: absolute; right: 20px; top:20px; font-size: 20px; font-weight: normal; border:1px solid #999; width: 33px; text-align: center; height: 30px; line-height: 28px; color: #999}
/* .popClose{text-align: right; height: 30px; line-height: 29px; color: #999; border:1px solid #333;} */
/* .popClose span,.popClose a{color: #333} */


.popCon{padding: 10px ; width:100%; box-sizing: border-box;} /* 2016리뉴얼 - 우펀변호 팝업 */
.popCon h2 {clear:both; width:100%; margin-left:30px;} 

/* 학급알리미 등록*/
.popCon .popTable {clear:both; width:100%; padding:8px 0 0 0px; box-sizing: border-box;} /* padding:8px 0 0 29px; 마이페이지(기관) 1:1 문의내역 답변 팝업에서 필요없어서  */
.popCon .popTable02 {clear:both; width:603px; padding:30px 0 27px 20px;}
.popCon .map {margin-left:20px;}


.pop02 {position:relative; width:100%;}
.close {position:absolute; top:0; right:0;}
.pop02 h1 {padding:21px 0 0 28px;}
.pop02 .popCon03 {clear:both; width:100%; margin-top:20px; border-top:2px solid #f26522;}

.pop02 .popCon03 .img_step { border-bottom:1px solid #ddd;}

@media screen and (max-width:640px){
	.popCon { display: inline-block;}
	}
/* .popTitle{padding:30px; width:100%; color:#454545; white-space:nowrap; text-overflow:ellipsis; font-size:20pt !important; font-weight:bold;  border-bottom:2px solid #F16522;} */

/* .popTitle img{margin-top: 4px} */
/* .popTitle a{position: absolute; right: 10px; top:8px; font-size: 20px; font-weight: normal; border:1px solid #fff; width: 33px; text-align: center; height: 30px; line-height: 28px; color: #fff} */

/* #pop410 {overflow:hidden; width:410px;} */
.pop {position:relative; width:100%; padding-bottom:27px; box-sizing: border-box;}
.pop .close {position:absolute; top:14px; right:10px;     opacity: 1.0 !important; cursor: pointer;z-index: 1;}

.pop h1 {position:relative; overflow:hidden; color:#454545; white-space:nowrap; text-overflow:ellipsis; font-size:20px; font-weight:bold; padding:15px 0 15px 20px; margin-right:-1%; border-bottom:2px solid #f26522;   box-sizing: border-box; width:100%;}
/* 맘 서포터즈 등록 팝업 */
.pop .popCon04 {clear:bot`h; width:95%;  padding:20px; }
.pop .popCon04 h2 {clear:both; margin:10px; font-size:14px; font-weight:bold;}
.pop .popCon04 h2 font{color:#f26522;}

@media screen and (max-width:640px){
	.pop h1 { clear:both; width:100%; margin-left:0;}
	.popCon h2 {clear:both; width:100%; margin-left:0; } 
	
	
	}

/* 접수알림 팝업 */
#popNew {position:relative; width:100%; /* margin-top:-15px; */color:#333; } /* google 통계로 15px 밀려있음 */ 
#popNew .title_wrap { padding:0 10px; border-top:7px solid #f59628; }
#popNew .title_wrap .title {position:relative; overflow:hidden; padding:18px 10px 10px 10px;   color:#454545; white-space:nowrap; text-overflow:ellipsis; font-size:22px; font-weight:700; border-bottom:2px solid #f59628; }
#popNew .title_wrap .close {position:absolute; top:27px; right:10px;}
#popNew .con_wrap {clear:both;  text-align:center; margin:25px 10px; font-size:15px; line-height:1.6;  font-weight:700;}
#popNew .con_wrap .hp{margin-top:20px;}
#popNew .con_wrap .hp input, #popNew .con_wrap .hp select{width:50px;}

#popNew .con_wrap .btn_group{height:30px; padding:27px 0; border-bottom:1px solid #c2c2c2;}


.couPro {overflow:scroll; overflow-x:hidden; width:350px; height:270px; margin:7px 0 25px 30px; padding:2px 0 10px 0; border-top:1px solid #e2e2e2; border-bottom:1px solid #e2e2e2; background-color:#f4f4f4;}
.couPro li {padding:6px 0 0 20px;}
.couPro li img {vertical-align:middle;}
.couPro .num {display:inline-block; width:34px; padding:3px 0; text-align:center; color:#fff; background-color:#b9a690;}

/* #pop820 {overflow:hidden; width:820px;} /*리뉴얼시 9300만원 4천에 95만원,28평형  */
/* #pop820 .popTable {clear:both; width:740px; padding:8px 0 0 29px;} */
.popCon .addr {float:left; width:368px; }
.popCon .addr h2 {margin:0 0 8px 0; font-size:14px; font-weight:bold;}
.addWrite {overflow:hidden; width:350px; padding:22px 0 22px 18px;; border-top:1px solid #e2e2e2; border-bottom:1px solid #e2e2e2; background-color:#f4f4f4;}
.addWrite p {padding-bottom:2px; color:#000; font-size:10pt; line-height: 1.4}
.addWrite ul {overflow:scroll; overflow-x:hidden; width:324px; height:84px; padding:8px 0; border:1px solid #dfdfdf; background-color:#fff;}
.addWrite li {padding:0 0 3px 8px;}
.addWrite li a {color:#9f9f9f;}

/* #pop641 {overflow:hidden; width:641px;} */
/* #pop641 .popTable {clear:both; width:583px; padding:8px 0 27px 29px;} */

.popCon .resArea {float:left; width:292px; padding-left:13px;}
.popCon .resArea h2 {margin:0 0 8px 8px;}
.popCon .resIn {margin:10px 0; padding-left:10px; color:#ed1c24; font-size:11px; line-height:1.4; background:url(/images/common/icon_star.gif) no-repeat 0 6px;}
.popCon .resArea .thum {clear:both; border:1px solid #e2e2e2;}

.popCon .resIn span {color:#f26522;}
.popCon .grayBox {overflow:hidden; width:280px; padding:8px 0 10px 12px; background-color:#f4f4f4;}
.popCon .grayBox p {padding-top:4px; color:#000; font-weight:bold;}
.popCon .grayBox .date li {clear:both; margin:4px 0 0 0; padding-left:10px; color:#68655e; font-size:11px; background:url(/images/common/icon_plus.gif) no-repeat 0 3px;}
.grayBox .date li span {color:#888;}


.popCon .resEx {margin:19px 0;}
.popCon .resEx li {padding-left:10px; text-indent:-12px; line-height:1.4; font-size:11px;}

.popCon .con_left { float:left;}
.popCon .con_left .popLogo { width:220px;}
.popCon .con_left .popLogo img {border:1px solid #d1d1d0;}
.popCon .con_left .center_name { font-size:11px; font-weight:normal; letter-spacing:-1px; paddingt:10px; margin-top:10px;font-size: 10pt; font-weight: 700;}
.popCon .con_left .center_name .recomm {float:right; font-size:11px; font-weight:normal; letter-spacing:-1px;}

.popCon .cont_right { float:left; width:360px; min-height:250px;; line-height: 1.6px; }
.popCon .cont_right dl {float:none; overflow:hidden;}
.popCon .cont_right dt {clear:both; float:left; width:80px; color:#565656; font-size:12px; font-weight:bold; line-height:1.6; padding:5px 0 5px 15px ; background:url(/images/common/icon_plus.gif) no-repeat 0 12px;}
.popCon .cont_right dd {width:100%;  color:#888; font-size:12px; line-height:1.6;   padding:5px 0; border-bottom:1px solid #ddd;}
.popCon .cont_right dd p {float:left; line-height:1.4;}
.popCon .cont_right dd a {color:#888;}

.popCon02 .leaInf {width:583px; margin:0 auto 30px; padding:22px 0; border-top:1px solid #e2e2e2; border-bottom:1px solid #e2e2e2; background-color:#f4f4f4;}
.popCon02 .leaInf .thank {padding:13px 0; line-height:1.4; text-align:center;}

.popCon02 .reas {margin:0 0 20px 103px; padding-left:10px; color:#9f9f9f; font-weight:bold; background:url(/images/common/icon_plus.gif) no-repeat 0 3px;}

.popCon02 .leSet {width:390px; margin:0 auto;}
.popCon02 .leSet p {padding-bottom:3px; color:#000; font-weight:bold;}
.popCon02 .leSet select {margin-bottom:4px;}

.popCon .danger {margin:10px 0 0 10px;}
.popCon .danger li {margin-bottom:5px; padding-left:8px; background:url(/images/common/icon_star.gif) no-repeat 0 4px;}

/* #pop486 {overflow:hidden; width:486px;} */
/* #pop486 .popTable {clear:both; width:430px; padding:8px 0 0 29px;} */

.orgOk {overflow:hidden; width:370px; height:160px; margin:10px 0 0 30px; padding:0 30px 10px 30px; border-bottom:1px solid #eaeaea;}
.orgOk li {padding-bottom:2px;}

/* #pop646 {overflow:hidden; width:646px;} */
/* #pop646 .popTable {clear:both; width:588px; padding:8px 0 27px 29px;} */

/* 2016 리뉴얼 popCon 으로 통일 */
/* #pop656 {overflow:hidden; width:656px;} */
/* #pop656 .popTable {clear:both; width:598px; padding:8px 0 27px 29px;} */
.motion {overflow:hidden; width:100%; }
.motion .ltMot {float:left; width:318px; margin:10px; background-color:#fff;}

/* ?�청??*/
.ltMot .ftArea {overflow:hidden; width:250px; margin:38px 0 0 32px;}
.ltMot .ftArea .month {overflow:hidden; width:105px; margin:0 auto 10px;}
.ltMot .ftArea .month img {float:left; vertical-align:top; margin-top:10px;}
.ltMot .ftArea .month span {display:inline-block; }
.ftArea .month .year {float:left; margin:10px 5px 0 5px;}
.ftArea .month .mth {float:left; margin-right:5px; font-size:28px;}
.ftArea .calInf {width:100%; margin-top:23px; padding:10px 0; text-align:center; border-top:1px solid #c6c6c6; border-bottom:1px solid #8f8f8f; font-size:11px; background-color:#f7f7f7;}
.ftArea .calInf img {vertical-align:middle;}
.ftArea .calInf span {display:inline-block; padding-right:28px;}
.ftArea .moInfo {margin-top:20px; color:#454545; font-size:12px;}
.ftArea .moPeo {overflow:hidden; width:248px; margin-top:8px; padding:18px 0; border:1px solid #e5e5e5;}
.ftArea .moPeo p {position:relative; width:233px; margin-left:8px; padding-left:53px; font-size:11px; background:url(/images/common/icon_dot.gif) no-repeat 45px 5px;}
.ftArea .moPeo p .top {position:absolute; top:-1px; left:162px;}
.ftArea .moPeo p .bot {position:absolute; top:8px; left:162px;}
.ftArea .moPeo .line {width:233px; height:1px; margin-left:8px; background:url(/images/common/line_dot02.gif) repeat-x 0 bottom;}

/* ?�금 ?�황 */
.ltMot .motOk {overflow:hidden; width:287px; margin:12px 0 0 15px;}
.ltMot .motOk .danger {margin-top:5px; padding-left:8px; color:#ed1c24; font-weight:bold; background:url(/images/common/icon_star02.gif) no-repeat 0 3px;}
.ltMot .motOk .daInfo {margin:3px 0 0 10px; font-size:11px; line-height:1.3;}
.ltMot .motOk ul {width:269px; margin-top:12px; }
.ltMot .motOk li {font-weight:bold; line-height:1.6;}
.ltMot .motOk li.btn {position:absolute; right:11px; bottom:11px;}

.ltMot .motOk .infArea {overflow:scroll; overflow-x:hidden; width:269px; height:133px; margin-top:5px; padding:0 8px 8px 8px; border:1px solid #eaeaea;}
.ltMot .motOk .infArea .same {text-align:right; font-size:11px; padding-top:8px;}
.ltMot .motOk .infArea ul {width:228px; }
.ltMot .motOk .infArea li {display:block; width:100%; margin-bottom:4px; line-height:1.2; font-weight:normal;}
.sm {font-size:11px;}
.ltMot .motOk .infArea li span {display:inline-block; width:60px; padding-left:9px; font-size: 9pt;}
.ltMot .motOk .infArea li .doDeleteNo {display:inline; padding:3px 0 0 0; width:18px;}
.ltMot .motOk .infArea li .spe {padding-left:9px; background:url(/images/common/icon_star.gif) no-repeat 0 6px;}
.ltMot .motOk .infArea input {border:1px solid #eaeaea; width:140px;}
.ltMot .motOk .under {text-decoration:underline;}

/* ?�청 ?�황 */
.motion .rtMot {overflow:hidden; width:284px; margin-top:10px;}
.rtMot .pho {width:221px; height:117px; border:1px solid #e6e6e6; margin-left:27px;}
.rtMot .date {overflow:hidden; margin:3px 0 0 8px;font-size:11px;}
.rtMot .date li {margin-top:4px; padding-left:8px; background:url(/images/common/icon_dot.gif) no-repeat 0 5px;}
.rtMot .date li span {color:#888;}
.rtMot .date li.ty2 {float:left; width:100px; margin-top:3px; padding-left:8px; background:url(/images/common/icon_dot.gif) no-repeat 0 5px;}
.rtMot .date li.ty3 {float:left; width:265px; height:25px; margin-top:3px; padding-left:8px; background:url(/images/common/icon_dot.gif) no-repeat 0 5px;}
.rtMot .money {width:268px; margin-top:10px; padding:10px 0 10px 15px; background-color:#eae3da;}
.rtMot .money strong {margin-left:55px; font-size:18px;}


/* #pop707 {overflow:hidden; width:707px;} */
/* #pop707 .popTable {clear:both; width:650px; height:280px; overflow:scroll; overflow-x:hidden; margin:8px 0 30px; padding:0 0 0 29px;} */
/* #pop707 h2 {clear:both; width:100%; margin-left:30px;} */

.sup {height:294px; margin:; border-bottom:1px solid #eaeaea; background:url(/images/popup/bg_support.gif) no-repeat 100% bottom;}
.sup h2 {margin-left:0 !important;}
.supTerm {width:650px;}
.supTerm li {margin-top:8px; padding-left:7px; background:url(/images/common/icon_plus02.gif) no-repeat 0 4px; line-height: 1.2}
.sup .info {float:left; margin-top:20px; padding-left:12px; font-size:11pt; background:url(/images/common/icon_star.gif) no-repeat 0 4px; line-height: 1.6}

.school {overflow:hidden;}
.school li.set {float:left; width:136px; margin-left:12px;}
.school li.set:first-child {margin-left:0;}
.school li ul {overflow:scroll; overflow-x:hidden; width:128px; height:75px; margin-top:3px; padding:2px 0 0 0; border:1px solid #d6d6d6; }
.school li ul li {width:100%; line-height:1.4; padding-left:4px;}
.school li ul li.on {width:100%; background-color:#ababab;}
.school li ul li.on a {color:#fff;}

.center_place {overflow:hidden;}
.center_place li.set {float:left; width:150px; height:150px;}
.center_place li.set:first-child {margin-left:0;}
.center_place li ul {overflow:scroll; overflow-x:hidden; height:145px;  border:1px solid #d6d6d6; }
.center_place li ul li {width:100%; line-height:1.4; padding-left:4px;}
.center_place li ul li.on {width:100%; background-color:#ababab;}
.center_place li ul li.on a {color:#fff;}

.daum_map { float:right; width :320px; height:140px; border:1px solid #d6d6d6; }

/* 교육 ?�소 ?�인 */
.eduPop {display:none; position:absolute; left: 30px; top:300px;}

#pop251 {overflow:hidden; width:100%;}
#pop251 .pop {width:100%; padding-bottom:20px; border:1px solid #ccc;}
#pop251 .close02 {float:right; padding:8px 12px 8px 0;}
#pop251 .conPwd {clear:both; width:100%; padding:25px 0 0 0; background:url(/images/popup/bg_line.gif) repeat-x 0 0;}
#pop251 dl {overflow:hidden; margin-left:17px;}
#pop251 dt {float:left; width:57px; padding-top:5px;}

#pop479 {overflow:hidden; width:100%;}
#pop479 .quiz {overflow:hidden; margin-left:14px; line-height: 1.6; margin-bottom:15px;}
#pop479 .quiz img {float:left; margin-right:5px; vertical-align:middle;}
#pop479 .quiz p {overflow:hidden; margin-top:3px;}
#pop479 .quizSel {overflow:hidden; margin:10px 0 15px 15px;}
#pop479 .quizSel input[type=radio] {height:13px;}
#pop479 .quizSel li {padding-bottom:15px;}
#pop479 .quizSel li label {font-weight:bold;}

/* #pop598 {overflow:hidden; width:598px;} */
/* #pop598 .popTable {clear:both; width:542px; padding:8px 0 27px 29px;} */
#pop598 { background-color: #fff; z-index: 99;}

.btnGg {display:inline-block; border:none; height:16px; padding:4px 6px 0 20px; background:url(/ynadmin/images/btnGg_bg.gif) no-repeat left top; color:#ffffff; font-weight:normal; vertical-align:middle;}
.btnGg[type=submit] {border:none; height:20px;}
.btnGg[type=button] {border:none; height:20px;}
.btnGg a {color:#ffffff;}

.btnGg2 {display:inline-block; height:16px; padding:4px 10px 0 10px; background:url(/ynadmin/images/btnGg2_bg.gif) repeat-x left top; color:#ffffff; font-weight:normal; vertical-align:middle;}
.btnGg2[type=submit] {border:none; height:20px;}
.btnGg2[type=button] {border:none; height:20px;}
.btnGg2 a {color:#ffffff;}

.btnOg {display:inline-block; height:16px; padding:4px 6px 0 20px; background:url(/ynadmin/images/btnOg_bg.gif) no-repeat left top; color:#ffffff; font-weight:normal; vertical-align:middle;}
.btnOg[type=submit] {border:none; height:20px;}
.btnOg[type=button] {border:none; height:20px;}
.btnOg a {color:#ffffff;}

.btnBr {display:inline-block; width:58px; height:16px; padding:4px 0 0 0; text-align:center; background:url(/ynadmin/images/btnBr_bg.gif) repeat-x left top; color:#ffffff; font-weight:normal; vertical-align:middle;}
.btnBr[type=submit] {border:none; height:20px;}
.btnBr[type=button] {border:none; height:20px;}
.btnBr a {color:#ffffff; font-size:11px;}