@charset "utf-8";

/* ===================== JONGROEDU SPECIFIC ================= */

/* ADDED & OVERLOADED */

.bbs-list.jre-list table tr:not(:first-child) { cursor:pointer; }
.bbs-list.jre-list table td { font-size:15px; }
.jre-list span.pm-icon {
    background: url(/v2/images/apps/icon_plus.png) no-repeat center center;
    width:100%; height:14px; display:block; vertical-align:middle; font-size:14px; color:#727171; line-height:18px; text-align:center;
}
.jre-list tr.current span.pm-icon { background-image:url(/v2/images/apps/icon_minus.png); }
.jre-list tr.my { background-color:#fff6f6; font-weight:bold;}
.jre-list tr.jre-result { display:none; cursor:default; background-color:#f8f8f8; }

.jre-list tr.jre-result td { padding:0; text-align:left; }
.jre-list tr.jre-result td > div { padding: 16px; border: 1px dotted #ddd; background-color: #fff; margin:16px;}
.jre-result .jre-error { padding:16px; color:#f00; }

.input-select.proc-sel { height:26px; }
.input-select.proc-sel select { height:100%; padding-right:32px; }

.input-text textarea { padding:10px; line-height:150%; border:1px solid #ddd;}

input[disabled], select[disabled] { background-color:#efefef; cursor:default; }
input[type="file"], input[type="radio"], input[type="checkbox"] { cursor:pointer; }

.btn-type2 a, .btn-type2 button { display: inline-block; padding: 15px 30px 15px 30px;color: #fff; font-size: 16px; font-weight: 500; background: #959595; }

.jre-result dl { display:block; clear:both; font-weight:300; border-top:1px dotted #b7b7b7; padding:4px 8px 0px 8px; }
.jre-result dl:first-child { border-top: none; }
.jre-result dt { font-weight:500; width:100px; float:left; }
.jre-result dd { padding-left:100px; }

.processing { font-size:20px; position:relative; }
.processing::before { content:''; position:absolute; top:-5px; left:-40px; width:32px; height:32px; background:url(/wpp/img/loading_m.gif) 0 0 no-repeat; background-size:32px 32px;}

.sm { font-size:0.9em; }

.bbs-list.jre-list.school-result table tr:hover { cursor:default; }

.red { color:#f00; }

.box-form.selopt.dis .input-checkbox::before { border:1px solid #ccc; }

/* POPUP CONTENT */
body.popcont { padding:16px; }
.popcont .area-content { margin:-163px auto 30px auto; width:100%; min-width:0; padding-bottom:0px; }
.popcont .area-inner { width:100% }
.popcont .contain-head-type-login { width:100%; margin-top:-76px; }
.popcont .contain-cont-type1 { width:100%; }

/* WEEKLY FOOD */
.box-photo-bab { text-align:right!important; }
.box-photo-bab img { margin-left:22px; width:168px; height:130px; border-radius:15px; }

.weekfood textarea { box-sizing:border-box; padding:8px; width:100%; resize:none; line-height:140%; }
.weekfood input[type='file'] { box-sizing:border-box; width:100%; }

.weekfood input:focus,
.weekfood select:focus,
.weekfood textarea:focus { background-color:#F2F9FF; }
.weekfood img.foodImage { margin-top:8px; max-width:90%; max-height:120px; }
.weekfood label.delInfo { font-size:14px; display:block; text-align:center; margin-top:4px; cursor:pointer; }

/* STORY */
.contain-story-gallery .swiper-pagination { word-break: keep-all; white-space: nowrap; overflow: hidden; }
.contain-story-gallery .swiper-pagination.multi .swiper-pagination-bullet {margin:0 2px;width:11px;height:11px;}

.bbs-cont .list-thumbnail-type1 .thumbnail img { width:320px; height:200px; }
.bbs-cont .list-thumbnail-type2 .thumbnail img { width:320px; height:200px; }

/* Global Popup Layer */
.popup-layer {position:fixed;z-index:30;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.5);}
.popup-layer .contain {position:absolute;left:50%;top:50%;margin:-360px 0 0 -640px;width:1280px;height:720px;background:#fff;}
.popup-layer .close-layer {display:block;position:absolute;left:50%;top:50%;margin:-420px 0 0 602px;padding:0;width:38px;height:38px;background:url(../images/btn_closelayer.png) no-repeat 50%;}
.popup-layer .close-layer button {display:block;margin:0;padding:0;width:38px;height:38px;overflow:hidden;text-indent:-1000px;}

.kcm-center  { position:absolute; top:50%; left:50%; -webkit-transform: translate3d(-50%, -50%, 0); -moz-transform: translate3d(-50%, -50%, 0); -o-transform: translate(-50px, -50%); -ms-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); }

/* Calendar */
.contain-schedule-type1 .date.sun { color:#D85457; }
.contain-schedule-type1 .date.sat { color:#608EB9; }
.contain-schedule-type1 .date.out { color:#aaa!important; font-size:11px; }

.contain-schedule-type1 table td { width:100%; overflow:hidden; }
.contain-schedule-type1 table td div { white-space:nowrap; word-break:keep-all; overflow:hidden; text-overflow: ellipsis; }

.contain-schedule-type2 table td div { margin:8px 0px; line-height:150%; }
.contain-schedule-type2 table td div:first-child { margin-top:0; }
.contain-schedule-type2 table td div:last-child { margin-bottom:0; }


#tooltip
{
    text-align: center;
    color: #fff;
    background: #111;
    position: absolute;
    z-index: 15;
    padding: 15px;
    text-align:left;
	line-height:150%;
}

	#tooltip:after /* triangle decoration */
	{
	    width: 0;
	    height: 0;
	    border-left: 10px solid transparent;
	    border-right: 10px solid transparent;
	    border-top: 10px solid #111;
	    content: '';
	    position: absolute;
	    left: 50%;
	    bottom: -10px;
	    margin-left: -10px;
	}

	    #tooltip.top:after
	    {
	        border-top-color: transparent;
	        border-bottom: 10px solid #111;
	        top: -20px;
	        bottom: auto;
	    }

	    #tooltip.left:after
	    {
	        left: 10px;
	        margin: 0;
	    }

	    #tooltip.right:after
	    {
	        right: 10px;
	        left: auto;
	        margin: 0;
	    }

/* 20.11.24 ksnam */
/*.box-index-faq.sched {top:802px;}*/
.box-index-faq.sched {top:755px;}
.box-index-faq.sched li a div { padding-left:11px; padding-top:4px; }
.box-index-faq.sched ul { left:80px; }

/* 20.11.25 ksnam */
#YJAPPLY .box-form.selopt label.input-checkbox input[type="checkbox"] { display:none; }
#YJAPPLY .box-form.selopt label.input-checkbox:before { display:none; }

/* 21.11.10 ksnam */
#YJAPPLY .box-form.selsc label.input-checkbox input[type="checkbox"] { display:none; }
#YJAPPLY .box-form.selsc label.input-checkbox:before { display:none; }

/* 22.09.06 ksnam */
.contain-join-type1 h4.ttitle { margin-bottom:24px; }
#YJAPPLY .box-form.yselsc label.input-checkbox input[type="checkbox"] { display:none; }
#YJAPPLY .box-form.yselsc label.input-checkbox:before { display:none; }
a.rfile { width:auto!important; display:inline-block!important; padding:0!important; }

.contain-schedule-type1 table td div { white-space:normal!important; word-break:break-all!important; line-height:120%; cursor:help; }
div[rel="tooltip"] ~ div[rel="tooltip"] { margin-top:8px; }

/* 22.09.07 ksnam : from life03_04.html */
.title-year {margin-bottom:20px;font-size:50px;text-align:center;font-weight:700;}
.table-schedule {}
.table-schedule table {width:100%;table-layout: fixed;border-collapse:collapse;}
.table-schedule table thead th {padding:14px 12px;height:50px;line-height:140%;font-size:14px;font-weight:700;border:1px solid #dedede;background:#f5f5f5;}
.table-schedule table thead th.cell-division {background:#e8e8e8;}
.table-schedule table tbody th {height:50px;line-height:140%;border:1px solid #dedede;background:#f5f5f5;width:50px; }
.table-schedule table tbody td {height:50px;line-height:120%;border:1px solid #dedede;background:#fff;width:60px; }
.table-schedule table tbody tr.head th {background:#e8e8e8;}
.table-schedule table tbody tr.head td {color:#fff;background:#00696d; width:50px; }
.table-schedule table tbody td .item { line-height:120%; margin:10px 10px; cursor:help; }
.table-schedule table tbody tr.head td .item { color:#fff; }

.table-schedule table tbody td.dis { background-color:#eee; }
.table-schedule table tbody td.has { background-color:#fdede6; }

/* 22.11.08 ksnam */
.hide { display:none!important; }