@charset "utf-8";

.wrap {
    width: 100%;
    margin: 0 auto;
    position: relative;
    min-height: 780px;
}

/* Skip Navigation */
#skip{width:100%}
#skip a{width:100%;position:absolute;top:-40px;left:0;display:block;line-height:40px;background-color:#6b757d;color:#fff;font-weight:bold;z-index:9999}
#skip a:focus,#skip a:hover{top:0}


/*========== header ==========*/
#header { 
    position: relative;
    width:1390px;
    padding: 0;
    margin: 0 auto;
}
#header .common {
    margin: 5px 0 0 0;
    width:1280px;
    overflow: hidden;
    font-size: 12px;
	height: 12px;	
}
#header .common > ul {
    float: right;
}
#header .common > ul.logout >li { 
    float: left;
    padding: 0 7px; 
    border-left: solid 1px #3f464c;
}
#header .common > ul.logout >li:first-child {    
    border-left: 0;
}
#header .common::after {
    display: block;
    content: '';
    clear: both;
}
.comArea {
    position: relative;
    height: 86px;
    margin: 0 auto;
}
.comArea .logo {
    position: absolute;
    top: 14px;
    left: 0;
}

#header .top_moyeola {
    position: absolute;
    top: 2px;
    right: 150px;
}

/*========== GNB top Search ==========*/
/* Jindo Select */
.selectbox-noscript *{display:none}
.selectbox-noscript .selectbox-source {display:inline;position:relative;left:0}
.selectbox-noscript .selectbox-source * {display:block}
.selectbox-source {position:absolute;left:-9999px;z-index:10;}
.selectbox-focused .selectbox-box {border-color:#e0e0e0;}
.selectbox-disabled .selectbox-box {border-color:#e0e0e0;}
.selectbox-box {    
    border:1px solid #e0e0e0;
    width:102px;
    cursor:default;
    background:url(../images/community/sel_arrow2.png) no-repeat 88px center;
}
.selectbox-label {padding:3px}
.selectbox-layer {
    display:none;
    position:absolute;
    border:1px solid #c8d4d9;
    width:62px;
/*    background-color:#eee;*/
    margin-top: -1px;
    border-top: 0;
    z-index:10;
}
.selectbox-list ul {list-style:none;margin:0;padding:0;}
.selectbox-list ul li {
    padding:3px;
    cursor:default;
    color:#888;
    background-color:#fff;
    zoom:1;
    font-size: 14px;
}
.selectbox-list ul li.selectbox-item-selected {
    color:#000;
    font-weight:700;
}
.selectbox-list ul li.selectbox-item-over {
    background-color:#00aefb !important;
    color: #fff;
}

.writeForm td input{/*border:1px solid #e0e0e0;*/height:33px;line-height:33px;color:#666;padding:0 10px}
.writeForm td input[type=text]{width:99%;}
.writeForm td input{border:1px solid #e0e0e0; border-radius: 4px;}
.writeForm td textarea{border:1px solid #e0e0e0;overflow:auto;width:99%;height:257px;padding:0 10px;line-height:24px;color:#666}
.writeForm td select{border:1px solid #e0e0e0;height:35px;}
.writeForm .selectbox-focused .selectbox-box {background-color:#f9f9f9}
.writeForm .selectbox-disabled .selectbox-box {}
.writeForm .selectbox-box {
    display: inline-block;
    border:1px solid #e0e0e0;
    width:102px;
    cursor:default;
    background:url(../images/community/sel_arrow2.png) no-repeat 88px center}
.writeForm .selectbox-label {
    padding:0;
    height:33px;
    line-height:33px;
    text-indent:5px;
}
.writeForm .f0502b{font-size:13px;color:#f0502b}
.inst_layer02{border:1px solid #e0e0e0;width:102px;background-color:none;z-index:200;text-align:left}
.inst_layer02 ul {list-style:none;margin:0;padding:0}
.inst_layer02 ul li {line-height:27px;padding:3px;cursor:default;color:#888;background-color:#fff;zoom:1}
.inst_layer02 ul li.selectbox-item-selected {color:#000;font-weight:bold}
.inst_layer02 ul li.selectbox-item-over {background-color:#eee !important; color: #666;}
.inst_layer03{border:1px solid #e0e0e0;width:190px;background-color:none;z-index:200;text-align:left}
.inst_layer03 ul {list-style:none;margin:0;padding:0}
.inst_layer03 ul li {line-height:27px;padding:3px;cursor:default;color:#888;background-color:#fff;zoom:1}
.inst_layer03 ul li.selectbox-item-selected {color:#000;font-weight:bold}
.inst_layer03 ul li.selectbox-item-over {background-color:#eee !important; color:#666;}

/* Search */
.csch{ clear: both;position: relative;overflow: hidden; width: 603px; margin-top: 0; }
.insch{
    position:relative;
    display:inline-block;
    border:3px solid #00aefb;
}
.insch div{float:left}
.selbox{
    position:relative;
    width:95px;
    z-index:90;
}
.selbox #sel{ width:100%;}
.selbox .selectbox-focused .selectbox-box {
    border-color:none;
    background-color:#edfffe;
}
.selbox .selectbox-disabled .selectbox-box {border-color:none}
.selbox .selectbox-box {
    border:0;
    width:100%;
    height:44px;
    line-height:33px;
    color:#666;
    cursor:default;
    background:url(../images/common/sel_arrow.png) no-repeat 82px center;
}
.selbox .selectbox-label {
    padding:0;
    line-height:44px;
    text-indent:8px;
    font-weight: 700;
    font-size: 14px;
}
.selbox .selectbox-layer {
    display:none;
    position:absolute;
    border:3px solid #00aefb;
    width:95px;
    background-color:#eee;
}
.selbox .selectbox-list ul {list-style:none;margin:0;padding:0}
.selbox .selectbox-list ul li {padding:3px;cursor:default;color:#888;background-color:#eee;zoom:1}
.selbox .selectbox-list ul li.selectbox-item-selected {color:#000;font-weight:bold}
.selbox .selectbox-list ul li.selectbox-item-over {background-color:#aaa !important}

.cmsearch{
    border:3px solid #00aefb;
    border-top:0;
    width:96px;
    background-color:transparent;
    z-index:200;
    text-align:left;
}
.cmsearch ul li {text-indent:8px}
.cmsearch ul li { 
    font-size: 14px;
    padding:0;
    line-height:24px;
    cursor:default;
    color:#666;
    background-color:#fff;
}
.cmsearch ul li.selectbox-item-selected {color:#000;font-weight:bold}
.cmsearch ul li.selectbox-item-over {background-color:#c1f6ff !important; color: #000;}
.txtbox{
    width:440px;
    *width:422px;
    padding:0 10px;
}
.txtbox input{
    width:100%;
    height:44px;
    *height:38px;    
    line-height:31px;
    border:1px solid #fff; 
    padding-left: 8px;
    vertical-align: top;
}
.stbox{width:60px; height: 44px; background-color: #00aefb;}
.stbox input{}

/*top_keyword*/
.csch .top_keyword { margin-top: 6px; }
.csch .top_keyword >li { float: left; border-right: 1px solid #a5acb2; padding: 0 10px; line-height: 11px;}
.csch .top_keyword >li>a { font-size: 11px; vertical-align: middle;}
.csch .top_keyword >li:last-child { border-right: 0;}
#header .comArea .csch .top_keyword li:first-child { padding-left: 0;}


.wrap > nav {
	width: 100%;
    clear: both;    
	top:103px;
    left: 0;
    position: absolute;
    z-index: 100;
}
.sub_gnb_line {
    position: relative;
	margin: auto;
    height: 2px;
    background-color: #c8d4d9;
    font-size: 0;
    line-height: 0;
    z-index: 10;
    top:49px;
	width: 100%;
	min-width: 1380px;
}

/*===== GNB =====*/
.gnb{
    position: relative; 
    margin:0 auto;
    width:1390px; 
    text-align:center;
    z-index: 100;
	overflow: hidden;	
}
.gnb > ul{display:inline-block; overflow:hidden}
.gnb .menu{
    float:left;
    /*width: 183px; /*메뉴7개*/
    /*width: 162px; /*메뉴8개*/
    width: 143px; /*메뉴9개*/
    font-size: 18px;
    font-weight: 700;
    line-height: 2.7em;
}
.gnb .depth1{padding:0;height: 47px;}
.gnb .depth1 > a {display: block; }
.gnb .depth1 > a:hover,.gnb .depth1 > a:focus,
.gnb .depth1 > a.active { background-color: #00aefb; color: #fff; }
.gnb .depth2{
    height:0;
    opacity: 0;
    overflow:hidden; 
    border-top:none;
    background-color:#fff;    
}
.gnb .depth2 ul{overflow:hidden}
.gnb .depth2 ul > li{
	margin-top:10px;
	line-height:1; 
	text-align: left; 
	/*margin-left: 46px; /*메뉴7개*/
	/*margin-left: 30px; /*메뉴8개*/
	margin-left: 18px; /*메뉴9개*/
    padding-left: 5px;
}
.gnb>li:nth-child(7) .depth2 { padding-left: 20px; }
.gnb>li:nth-child(8) .depth2 { padding-left: 12px;}
.gnb>li:nth-child(9) .depth2 { padding-left: 14px; }

.gnb .depth2 ul > li:first-child{margin-top:20px}
.gnb .depth2 ul > li > a { font-size: 14px;font-weight: 400; color: #666; letter-spacing: -0.06em;}
.gnb .depth2 ul > li > a:hover,.gnb .depth2 ul > li > a:active,
.gnb .depth2 ul > li > a:focus { color: #00aefb; text-decoration: underline; font-weight: 700; }

.gnb .depth2 ul > li>a>span.gnb_new { 
	display: inline-block;
	line-height: 0;
	font-size: 11px;
	padding-left: 5px;
	margin-top: 2px;
	font-weight: 800;
	color: #ff0000;
}

/* quickMenu */
.quickMenu {
/*    position: fixed;*/
    position: absolute;
    top: 164px;
    left: 50%;
    display: inline-block;
    z-index: 200;
    margin-left: 602px;
    width: 95px;	
}
@media screen and (max-width:1280px){
	.quickMenu { position: fixed; }
}
.quickMenu >ul,
.quickMenu .qm2 {
    width: 95px;
    border: solid 1px #cccccc;
    border-radius: 18px;    
    background-color: #fff;
    margin-bottom: 6px;
}
.quickMenu >ul>li {
    text-align: center;
    border-bottom: solid 1px #cccccc;
}
.quickMenu >ul>li:last-child { border-bottom: none; }
.quickMenu >ul>li>a {
    display: block;
    padding: 8px 0;
    font-size: 13px;
    font-weight: 700;
}
.quickMenu >ul>li>a:hover,.quickmenu >ul>li>a:active,.quickmenu >ul>li>a:focus { color: #00aefb; text-decoration: underline;}

.quickMenu .qm2 .tle,
.quickMenu .qm2 .fineDust-tle,
.quickMenu .qm2 .ozone-tle {
    padding: 10px 0;  
    font-size: 12px;
    font-weight: 800;
    letter-spacing: -0.07em;
    text-align: center;
    border: 0;
}    
.quickMenu .qm2>dd { padding: 8px 0; text-align: center; }
.quickMenu .qm2 .fineDust { position: relative;}
.quickMenu .qm2 .fineDust .dust { margin-top: 24px; margin-bottom: 8px;}
.quickMenu .qm2 .fineDust .ozone { margin-top: 24px; margin-bottom: 8px;}
.quickMenu .qm2 .fineDust .location { 
    border-top: solid 1px #ccc;
    font-size: 12px; 
    padding: 8px 0; 
}
.quickMenu .qm2 .fineDust-tle { position: absolute; left:50%; top:46px; margin-left: -20px;}
.quickMenu .qm2 .ozone-tle { position: absolute; left:50%; top:130px; margin-left: -20px; }
.quickMenu .qm2 .fineDust #weatherPrevBtn{ position:absolute; left:7px; bottom:5px;}
.quickMenu .qm2 .fineDust #weatherNextBtn{ position:absolute; right:7px; bottom:5px;}

.quickMenu .play_qm {
	width: 95px;
    border: solid 1px #11ace3;
    border-radius: 18px;    
    background-color: #fff;
    margin-bottom: 10px;
}
.quickMenu .play_qm .qm_tle {
	color: #fff;
	font-weight: 800;
	font-size: 13px;
	padding: 10px 0;
	background-color: #11ace3;
	border-top-left-radius: 12px;
	border-top-right-radius: 12px;
}

/* container */
#container { 
    max-width:1390px;
}
#container .container_wrap {
    margin: 0;
    width: 1280px;
}
#container .container_wrap::after {
    display: block;
    content: "";
    clear: both;
}

/* main_visual */
#main_visual {
    position: relative;
    margin-top: 52px; 
    min-width: 1280px;
    width:100%;	
}
#main_visual .bx-wrapper .bx-pager { z-index: 0;}
#main_visual .custom_controller {
    position:absolute;    
    width:100px;
    height:20px;    
	left: 50%;
	margin-left: 26%;	
	margin-top: -27px;
}
#main_visual .custom_controller * {vertical-align:top;}
#main_visual .custom_controller #slider-prev,
#main_visual .custom_controller #slider-next {display:inline-block;width:20px;height:20px;margin:0 3px;}
#main_visual .custom_controller #slider-play {display:inline-block;width:20px;height:20px;margin-left:7px;}
/*
#main_visual .custom_controller #slider-prev a {display:inline-block;width:20px;height:20px;background:url('../images/main/slider_controller.png') 0 -60px no-repeat;}
#main_visual .custom_controller #slider-next a {display:inline-block;width:20px;height:20px;background:url('../images/main/slider_controller.png') 0 -90px no-repeat;}
*/
#main_visual .custom_controller #slider-play a {display:inline-block;width:20px;height:20px;background:url('../images/main/main_controls.png') 0 0 no-repeat;}
#main_visual .custom_controller #slider-play a.stop {background-position:0 -20px;}

/*main_notice*/
.container_wrap .main_notice  {
    margin-top: 10px;
    margin-bottom: 20px;
    border-bottom: solid 1px #00aefb;
    padding-bottom: 8px;
    overflow: hidden;
}

.main_notice .notice_tle {
    float:left;   
    margin-top: 4px;
    margin-right: 12px;
    margin-left: 2px;
}
.main_notice .rolling_list {
    float:left;
    overflow:hidden;
    width:1180px;
    height:21px;
}
.main_notice .rolling_list li {height:21px;}
.main_notice .rolling_list li a {
    display:inline-block;
    color:#222; 
    font-size: 13px;
}
.main_notice .rolling_list li a:hover,
.main_notice .rolling_list li a:focus {text-decoration:underline;}
.main_notice::after {
    display: block;
    content: "";
    clear: both;
}

/* mainConBox */
.mainConBox { width: 100%;}
.mainConBox > div { 
    float: left;	
}
.mainConBox .col01 {
    position: relative;
    max-width: 312px;
    margin-right: 12px;
    overflow: hidden;
}
.mainConBox .col02 { 
    position: relative;
    max-width: 624px;
    margin-right: 11px;
    overflow: hidden;
}
.mainConBox .col03 { 
    position: relative;
    max-width: 320px;
    overflow: hidden;
}
/* IE 8 */
@media \0screen {
    .mainConBox .col03 {margin-top: -8px;}
}
.mainConBox .mainCon_tle { 
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 12px;
    padding-left: 4px;
}

/* Main 월 교육 계획안 */
.mainConBox .col01 .main_ageBtn {
    position: relative;
    padding: 0;
    margin: 0;
    overflow: hidden;
}
.main_ageBtn li {
    float: left;
    width: 156px;
    height: 116px;
}
.main_ageBtn li>a {
    display: block;
    width: 156px;
    height: 116px;
}
.main_ageBtn .age3 { background: url(../images/main/plan_age3_btn.png) no-repeat;}
.main_ageBtn .age3:hover, .main_ageBtn .age3:focus { background: url(../images/main/plan_age3_btn_o.png) no-repeat;}
.main_ageBtn .age4 { background: url(../images/main/plan_age4_btn.png) no-repeat;}
.main_ageBtn .age4:hover, .main_ageBtn .age4:focus { background: url(../images/main/plan_age4_btn_o.png) no-repeat;}
.main_ageBtn .age5 { background: url(../images/main/plan_age5_btn.png) no-repeat;}
.main_ageBtn .age5:hover, .main_ageBtn .age5:focus { background: url(../images/main/plan_age5_btn_o.png) no-repeat;}
.main_ageBtn .age-all { background: url(../images/main/plan_age_all_btn.png) no-repeat;}
.main_ageBtn .age-all:hover, .main_ageBtn .age-all:focus { background: url(../images/main/plan_age_all_btn_o.png) no-repeat;}

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

/* Main 토모랑 놀자 */
.mainConBox .col01 .tomoPlay  { position: relative;}
.mainConBox .col01 .tomoPlay #prevBtn{ position:absolute; left:6px; top:92px;}
.mainConBox .col01 .tomoPlay #nextBtn{ position:absolute; right:6px;top:92px;}
.mainConBox .col01 .tomoPlay .tomoPlay_tle { 
    background-color: #e5e5e5; 
    color: #3f464c;
    font-size: 17px;
    text-align: center;
    font-weight: 700;
    letter-spacing: -0.06em;
    padding: 12px 0;
    vertical-align: middle;
}

/* Main 추천 콘텐츠 */
.mainConBox .col02 .vodListBox { position: relative;}
.vodListBox .morelist {
    position: absolute;
    top: 0;
    right: 4px;
    font-size: 12px; 
    color: #000;    
}
.vodListBox .controlBtn { 
    position:absolute;
    left:98px;
    top:2px;
    left:112px\;
}
.vodListBox .controlBtn >a { display: inline-block; width: 15px; height: 16px;}
.vodListBox .controlBtn #prevVod { 
    background: url(../images/main/vodList_prev.png) no-repeat 0 0;
    width: 15px;
    margin-right: 1px;
}
.vodListBox .controlBtn #prevVod:hover,
.vodListBox .controlBtn #prevVod:focus {
    background: url(../images/main/vodList_prev_o.png) no-repeat 0 0;
}
.vodListBox .controlBtn #nextVod { 
    background: url(../images/main/vodList_next.png) no-repeat 0 0;
}
.vodListBox .controlBtn #nextVod:hover,
.vodListBox .controlBtn #nextVod:focus {
    background: url(../images/main/vodList_next_o.png) no-repeat 0 0;
}
.vodListBox .movie-slider>li>a {position: relative; display: block;}
.vodListBox .movie-slider .vod_tle {
    position: absolute;
    width: 100%;
    bottom:0;
    background: rgba(255,255,255,0.8);
    padding: 13px 10px;
    z-index: 100;
    color: #000;
} 

/* Main 추천 프로그램 */
.mainConBox .col02 .programList >li { float: left; width: 208px;}
.mainConBox .col02 .programList::after { clear: both; display: block; content: ''  }

.mainConBox .col03 .loginBox {
    padding: 0 10px;
}

/* 로그인 폼 */
.loginForm .options { margin-bottom: 10px;}
.loginForm .options li { font-size: 12px;}
.loginForm .options .fLeft >input[type="checkbox"]{ outline: none; border: 0;}
.loginForm .options .fRight { padding-right: 10px;}
.loginForm .options::after { display: block; clear: both; content: ''}

.userInfo .options li {  float: left; padding: 0 9px; border-right: solid 1px #a5acb2;}
.userInfo .options li:first-child { padding-left: 0;}
.userInfo .options li:last-child { border-right: 0;}
.userInfo .options::after {display: block; clear: both; content: ''}
.userInfo .userM { clear: both; padding-top: 11px;}
.userInfo .userM>p { 
    font-size: 20px; 
    padding-bottom: 2px;
	line-height: 20px;
}
.userInfo .userM>p>span.user {
    display:inline-block;
    color:#00aefb; 
    font-weight: 700; 
    font-size: 24px;
	line-height: 21px;
    max-width: 270px;	
	height: 26px;
    white-space: nowrap; 
    overflow: hidden;
    text-overflow: ellipsis; 
	vertical-align: middle;	
}
.userInfo .userM .info { color: #a5acb2; font-size: 12px; padding-top: 8px; }
.userInfo .userM .info >span {color:#00aefb; font-size: 13px; border-right: solid 1px #a5acb2; padding-right: 10px; margin-right: 10px; }

.loginForm .login { overflow: hidden; width: 100%;}
.loginForm .login .ipt_text { float: left; display: inline-block; width: 200px;}
.loginForm .login .ipt_text .formtxt { 
    width: 199px;
    font-size: 13px; 
    padding: 12px 5px; 
    margin-bottom: 1px;
    line-height: 0;
    color: #3f464c;
}
.loginForm .login .loginBtn { float: left;display: inline-block; }
.loginForm .login .loginBtn .btn_login {
    background-color: #e5e5e5;
    font-size: 13px;
    width: 93px;
    height: 83px;
    vertical-align: middle;
    border: 0;
}
.loginForm::after {
    display: block;
    content: '';
    clear: both;    
}
/* 로그인 - 이용안내 */
.loginBox .userGuide { clear: both; padding-top: 8px;}
.loginBox .userGuide>li {    
    float: left;
    width: 48px;
    margin-right: 12px;
}
.loginBox .userGuide>li>a { 
    display: block;
    color: #9aa0a6; 
    font-size: 12px;
    text-align: center;
    letter-spacing: -0.07em;
    padding-top: 34px;
    padding-bottom: 6px;
    transition: color 0.15s ease-in-out;
    
}

/* IE 8 */
@media \0screen {
    .loginBox .userGuide>li>a {padding-bottom:19px;}
}
.loginBox .userGuide .user { background: url(../images/main/icon_1.png) no-repeat center 6px;}
.loginBox .userGuide .con { background: url(../images/main/icon_2.png) no-repeat center 6px;}
.loginBox .userGuide .tv { background: url(../images/main/icon_3.png) no-repeat center 6px;}
.loginBox .userGuide .tablet { background: url(../images/main/icon_4.png) no-repeat center 6px;}
.loginBox .userGuide .etc { background: url(../images/main/icon_5.png) no-repeat center 6px;}

.loginBox .userGuide::after {
    display: block;
    content: "";
    clear: both;
}

.eventBox {clear: both;}
.eventBox >ul >li { margin-top: 12px; }
.mainConBox::after {
    clear: both;
    display: block;
    content: ""
}

/* main 묶음자료 List */
.mainBoxList { clear: both; margin-top: 11px;}
.mainBoxList >div { 
    float: left;
    border: solid 1px #cccccc;
    display: inline-block;
    width: 49.5%;
    padding: 12px;
    position: relative;
}
html>/**/body .mainBoxList >div { margin-top: 11px;} /*ie8*/

.mainBoxList .proDataList { float: right;}
.mainBoxList .listTle { font-size: 17px; font-weight: 700; padding-top: 3px;}
.mainBoxList .morelist { 
    position: absolute;
    top:19px;
    right: 12px;
    font-size: 12px; 
    color: #000;    
    z-index: 10;
}
.mainBoxList >div>ul {
    padding:14px 15px 0;
}
.mainBoxList >div>ul>li { 
    line-height: 1.7em;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.mainBoxList >div>ul>li>a {
    font-size: 14px;
}
.mainBoxList >div>ul>li>a:hover,
.mainBoxList >div>ul>li>a:focus { text-decoration: underline; color: #00aefb; }

.mainBoxList::after {
    display: block;
    clear: both;
    content: "";
}


/*======== Sub Layout ==========*/
#left_menuBox {
    float: left;
    margin-top: 52px;
    padding: 46px 0 0 28px;
    width: 180px;
}
#left_menuBox > h2 {
    font-size: 24px;
    padding-bottom: 36px;
}
.lnb > li { padding: 10px 0;}
.lnb > li > a { font-weight: 700;}
.lnb > li > a:hover,.lnb > li > a:focus,.lnb > li > a:active,.lnb > li > a.active { color: #00aefb; }
.lnb .lnb2d { margin-top: 8px; margin-left: 10px; }
.lnb .lnb2d > li { padding: 3px 0; }
.lnb .lnb2d > li> a { 
    display: block;
    font-size: 14px; 
    letter-spacing: -0.02em; 
    padding: 4px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.lnb .lnb2d > li> a:hover, .lnb .lnb2d > li> a:focus, .lnb .lnb2d > li> a:active, .lnb .lnb2d > li> a.active { 
    font-weight: 700; 
    color: #01aefb; 
    text-decoration: underline;  
}
.lnb .lnb2d > li> a.active { 
    color: #fff; 
    background-color: #01aefb;    
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
    text-decoration: none;    
    border-bottom: solid 2px #d2e2e9;
}
.lnb .lnb2d .lnb3d { margin-top: 4px; background-color: #f7f7f7;}
.lnb .lnb2d .lnb3d > li> a {
    display: block;
    font-size: 13px; 
    letter-spacing: -0.02em; 
    padding: 6px 4px 6px 6px;
    background: url(../images/common/dot.gif) no-repeat center left;
    margin-left: 10px;
}
.lnb .lnb2d .lnb3d > li> a:hover, .lnb .lnb2d .lnb3d > li> a:focus, .lnb .lnb2d .lnb3d > li> a:active { color: #01aefb; text-decoration: underline;}
.lnb .lnb2d .lnb3d > li> a.active { color: #01aefb; font-weight: 700;  }

#sub_conBox {
    float: left;    
    position: relative;
    margin-top: 52px;
    width: 1100px;
    overflow: hidden;
    padding-top: 4px;
    padding-left: 20px;
    padding-bottom: 30px;
}
#sub_conBox .pageindex {
    float: right;
    font-size: 12px;
    padding: 10px;
}
#sub_conBox .pageindex >span:first-child { padding-right: 4px;}
#sub_conBox > h3 {
    clear: both;
    font-size: 28px;
    letter-spacing: -0.08em;
    padding-bottom: 6px;
}
#sub_conBox > h3 > span {
    color: #98a1a4;
    font-size: 13px;
    margin-left: 12px;
    letter-spacing: -0.06em;
}
#sub_conBox > h3 > span.topic {
    color: #01aefb;
    font-size: 24px;
}
#sub_conBox > h3 > span.flyengChart {font-size: 16px; color: #00aefb; margin-left: 4px;}

#sub_conBox .sub_visual {
    clear: both;
    height: 220px;
    margin-top: 10px;
    margin-bottom: 24px;
}

/*===== Tab Menu =====*/
#tab-group {     
    position: relative;
    margin: 25px 0 12px 0; 
    border-bottom: 2px #4d4d4d solid;
}
#tab-group2 {     
    position: relative;
    margin: 0 0 12px 0; 
    border-bottom: 2px #4d4d4d solid;
}
#tab-group .tabMenu,
#tab-group2 .tabMenu {
    width: 100%;
    margin: 0;
    padding: 0;
    overflow: hidden;
}
.tabMenu li {
    float: left;
    vertical-align: middle;
    text-align: center;    
    padding-right: 2px;
    padding-bottom: 1px;    
}
.wid20 li { width: 20%; }
.wid25 li { width: 25%; }

.tabMenu li:last-child { padding-right: 0;}
.tabMenu li>a {
    display: block;
    padding: 15px 0;
    font-size: 17px;
    color: #3f464c;    
    background-color: #f2f2f2;
    box-sizing: border-box;
}
.tabMenu li>a:hover,.tabMenu li>a:focus,.tabMenu li>a:active,
.tabMenu li>a.active {
    background-color: #01aefb;
    color: #fff;
    font-weight: 700;
}
.tabMenu::after {
    display: block;
    clear: both;
    content: ""
}

/* 토모노트란? */
.tomo_intro { margin: 25px 0 12px 0; }
.tomo_intro .tabs {border-bottom: 2px #4d4d4d solid; position: relative; margin-bottom: 12px; overflow: hidden; }
.tomo_intro .tabs >li.tabtit { 
    float: left;    
    vertical-align: middle;
    text-align: center;
    padding-right: 2px;
    padding-bottom: 1px;
    width: 20%;
}
.tomo_intro .tabs >li>a { 
    display: block;
    padding: 13px 0;
    font-size: 15px;
    color: #3f464c;    
    background-color: #f2f2f2;
    box-sizing: border-box;
}
.tomo_intro .tabs >li>a:hover,
.tomo_intro .tabs >li>a:focus,
.tomo_intro .tabs >li.tc-selected>a {
    background-color: #01aefb;
    color: #fff;
    font-weight: 700;
    text-decoration: none;
}
 
/*  특화프로그램_안전교육 */
.safety_tab li { width: 16.66%; display: inline-block;}
.safety_tab2 li { width: 14.27%; display: inline-block;}
.safety_tab li>a, .safety_tab2 li>a { font-size: 15px; padding: 12px 0;}

/*========== plan schedule ==========*/
#plan_wrap {
    width: 1180px;
    overflow: hidden;
    margin-top: 48px;
    padding-top: 4px;
    padding-left: 20px;
    padding-bottom: 50px;
}
#plan_wrap .pageindex {
    position: absolute;
    width: 1210px;
    text-align: right;
    font-size: 12px;
    padding: 10px;
}
#plan_wrap .pageindex >span:first-child { padding-right: 4px;}
#plan_wrap > h3 {
    clear: both;
    font-size: 28px;
    letter-spacing: -0.08em;
    padding-bottom: 6px;
    margin-top: 32px;
}
#plan_wrap > h3 > span {
    color: #98a1a4;
    font-size: 13px;
    margin-left: 12px;
    letter-spacing: -0.06em;
}

/*========== sub 로그인 box ==========*/
#subloginBox {
    margin: 90px auto 40px;
    padding: 20px;
    text-align: center;
    border: solid 1px #cccccc;
    width: 500px;
}
#subloginBox .subloginform {
    width: 340px;
    overflow: hidden;    
}
#subloginBox .title { font-size: 26px; margin:10px auto 20px; font-weight: 700;}
#subloginBox .subloginform .login-form-box .formtxt {
    padding: 14px 8px;
    width: 320px;
    margin-bottom: 6px;
    font-size: 15px;
}
#subloginBox .subloginform .login-btn-box { margin: 20px 0;}
#subloginBox .subloginform .options { font-size: 14px; }
#subloginBox .subloginform .options>li { display: inline-block; padding: 8px 12px 0 12px;}
#subloginBox .subloginform .options .bg_dot { 
    background: url(../images/common/dot.gif) no-repeat 6px 15px ;
}
#subloginBox .subloginform .login-btn-box .btn_login { 
    width: 320px;
    font-size: 16px;
    font-weight: 700;
    height: 47px;
    color: #666;
    background-color: #ddd;
    border: solid 1px #ddd;
}
#subloginBox .subloginform .login-btn-box .btn_login:hover,
#subloginBox .subloginform .login-btn-box .btn_login:focus { background-color: #00a2e9; color: #fff; border: solid 1px #00a2e9;}

/*========== 회원정보 ==========*/
#subMemberBox { margin-top: 50px; width: 980px; overflow: hidden;}
#subMemberBox .title { font-size: 26px;  font-weight: 700; color: #00aefb;  margin-bottom: 12px;}
#subMemberBox .subMemcon { border-top:solid 3px #00aefb;}
#subMemberBox .subMemcon .agree_desc {
    display: inline-block;
    position: relative;
    width: 100%;
    margin-bottom: 10px;
    padding: 48px 0 10px 0;
    font-size: 15px;
    color: #010101;
    border-bottom: 1px dashed #999;}
#subMemberBox .subMemcon .agree_desc>span { float: right;}
#subMemberBox .subMemcon .agree_desc::after { display: block; clear: both; content: '' }
#subMemberBox .subMemcon .inst_info {}
#subMemberBox .subMemcon .inst_info .tbl_info th {
    text-align: right;
    padding-right: 25px;
    font-size: 15px;
    font-weight: 700;    
    color: #000;
    line-height: 52px;
    vertical-align: top; }
#subMemberBox .subMemcon .inst_info .tbl_info { width: 100%;}
#subMemberBox .subMemcon .inst_info .tbl_info td { font-size: 15px; height: 52px;}
#subMemberBox .subMemcon .inst_info .tbl_info th + td + td, 
#subMemberBox .subMemcon .inst_info .tbl_info td.bgc + td { padding-left: 15px;}
#subMemberBox .subMemcon .inst_info .tbl_info input {
    height: 38px;
    line-height: 38px;
    padding: 0 10px;
    color: #000;
    border: 1px solid #ccc;
    font-size: 15px;
    vertical-align: middle;}
#subMemberBox .subMemcon .inst_info .tbl_info .userN { color:#01aefb; font-size: 16px; }
#subMemberBox .subMemcon .inst_info .tbl_info .btn_change {
    display: inline-block;
    font-weight: 700;
    text-align: center;
    vertical-align: middle;
    font-size: 0.938em;
    padding: 10px 12px;
    margin: 6px 0px;
    border-radius: 4px;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    border: 1px solid #ccc;
    background-color: #fff;
    color: #444;}
#subMemberBox .subMemcon .inst_info .tbl_info .btn_change:hover,
#subMemberBox .subMemcon .inst_info .tbl_info .btn_change:focus {
    color: #01aefb;
    box-shadow: 0 0 3px 3px rgba(0,0,0,0.07) inset;
    background-color: #f8f8f8;}

#subMemberBox .subMemcon .inst_info .edu_inst {   
    margin-top: 13px;
    border-top: 1px solid #b3b3b3;
    border-bottom: 1px solid #b3b3b3;}
#subMemberBox .subMemcon .inst_info .edu_inst .tbl_info td.bgc {
    background-color: #f2f5fc;
    text-align: right;
    padding-right: 15px;
    font-weight: bold;
    font-size: 15px;
    color: #4c4c4c;
    letter-spacing: -1px;
    line-height: 40px;}
/* 회원정보수정_부모님 */
.targetbox .atc_box {overflow:hidden;position:relative}
.targetbox .atc_box label{
    display:inline-block;
    float:left;
    vertical-align:middle;
    width:160px;
    height:52px;
    line-height:40px !important;
    padding:6px 15px 6px 0;
    background-color:#f2f5fc;
    text-align:right;
    font-weight:700;
    font-size:15px;
    color:#4c4c4c;
    letter-spacing:-1px}
.targetbox .atc_box .form_ele {
    display:inline-block;
    float:left;
    width:616px;
    padding:6px 0 6px 10px;
    height:52px;
    vertical-align:middle;*width:595px}
.targetbox .atc_box .form_ele strong{line-height:40px}
.targetbox .atc_box .form_ele .selectbox-box { background: url(../images/common/sel_arrow3.png) no-repeat right center; }
/*
.targetbox .atc_box .form_ele #inst_month .selectbox-box { background-position: 54px center; }
.targetbox .atc_box .form_ele #inst_day .selectbox-box { background-position: 54px center; }
*/
.targetbox .atc_box .form_ele .selectbox-box .selectbox-label {
    padding: 0;
    height: 37px;
    line-height: 37px;
    text-indent: 5px;
    color: #666;
    font-size: 15px;
    border-color: #ccc;
}
.targetbox .atc_box .controls02{margin-top:0 !important;background-color:#fff;display:inline-block;padding-left:127px}
.targetbox .atc_box .controls02 a{margin-left:0 !important}
.targetbox .atc_box .delKid{position:absolute;right:10px;bottom:6px}
.targetbox::after {display: block; clear: both; content: ''}

/* IE 8 */
@media \0screen {
    #subloginBox .subloginform .options>li>span>input[type="checkbox"] { border: 0;}
}

.schedule {
    position: relative;
    overflow: hidden;
    width: 100%;
/*    border: solid 1px #cccccc;*/
    margin-bottom: 40px;
}
.schedule>li {
    padding: 0;
    margin: 0;
     display: table-cell;
    *display:inline;
    zoom:1;
    vertical-align: top;
	height: 100%;
}

.schedule .age { width: 13%;}
.schedule .year { width: 13%;}
.schedule .month { width: 240px;}
.schedule .week { width: 12%;}
.schedule .day { width: 398px;}

.schedule>li>table { 
    padding: 0;
    margin: 0;
    width: 100%;
    text-align: center;
    table-layout: fixed;
    border-collapse: collapse;
    border: solid 1px #cccccc;
/*    height: 200px;*/
}
.schedule>li>table>thead {
    background-color: #efefef;
}
.schedule>li>table>thead>tr>th {
    height: 64px;
    border-bottom: solid 1px #cccccc;
}
.schedule>li>table>thead>tr>td,
.schedule>li>table>tbody>tr>td {
    font-size: 14px;
    /*height: 40px;*/
    border-collapse: collapse;
    border-right: solid 1px #cccccc;
    border-bottom: solid 1px #cccccc;
	line-height: 40px;
}
.schedule>li>table>tbody>tr>td>a { display: block;text-align: center; height: 100%; vertical-align: middle;}

.schedule>li.age>table>tbody>tr:last-child>td,
.schedule>li.year>table>tbody>tr:last-child>td,
.schedule>li.month>table>tbody>tr:last-child>td,
.schedule>li.week>table>tbody>tr:last-child>td,
.schedule>li.day>table>tbody>tr:last-child>td { border-bottom: 0;}

.schedule>li.day>table>thead>tr>th,
.schedule>li.day>table>thead>tr>td { border-bottom: solid 1px #cccccc;}
.schedule .day .dayTable  { height: 100%;}
.schedule .day .dayTable th { height: 32px; border-right: solid 1px #cccccc; }
.schedule .day .dayTable>tbody>tr>td { max-height:33px; }
.schedule .day .dayTable td:last-child { border-right: 0;}
.schedule>li>table>tbody>tr>td.on { background: url(../images/plan_on.png) no-repeat 8px center #6b757d;}
.schedule>li>table>tbody>tr>td.on>a { color: #ffffff; font-weight: 700;}
.calender {
	table-layout: fixed; 
	width: 100%;
	height: 204px;
	padding: 0;
    margin: 0;
}
.calender tr.on td { background-color: #e4faff;}
/*.calender tr.on td { background-color: #eff7ff;}*/
.calender td {
	text-align: center;	
	border-collapse: collapse;
    border-bottom: solid 1px #cccccc;
    border-right: solid 1px #cccccc;
	line-height: 32px;
}
.calender td.on, .calender tr.on td.on {background: url(../images/plan_on.png) no-repeat 8px center #6b757d;}
.calender td.on>a { color: #fff; font-weight: 700; }
.calender tr:last-child>td { border-bottom: 0; }

/* 상단 개요 테이블 */
.plan_summary { position: relative;}
.plan_summary >h4 { font-size: 1.250em; margin-bottom: 16px; font-weight: 400;}
.plan_summary .plan_tle_btn { position: absolute; right: 0;  top:-6px; }
.plan_summary .plan_tle_btn .btn_bookmark { background: url(../images/community/ico_bookmark.png) no-repeat 10px center #fff; font-weight: 700; }
.plan_summary .plan_tle_btn .btn_bookmark:hover, 
.plan_summary .plan_tle_btn .btn_bookmark:focus { background: url(../images/community/ico_bookmark_o.png) no-repeat 10px center #00aefb; }
.plan_summary::after {display: block; clear: both; content: ''}

.plan_downbox { position: relative; height: 32px; top:-12px; }
.plan_downbox .plan_tle_btn { position: absolute; right: 0;}

.tbl_summary{border-top:3px solid #c8d4d9;border-bottom:1px solid #d9d9d9;width:100%;font-size:14px;}
.tbl_summary tbody th, 
.tbl_summary tbody td { border-top:1px solid #c8d4d9; padding:10px 0;}
.tbl_summary tbody th{vertical-align:top}
.tbl_summary tbody th span{
    display:inline-block;
    min-width:64px;
    background-color:#f0f0f0;
    height:30px;
    line-height:30px;
    color:#000;
    padding:0 8px;
    font-size:13px;
    border-radius:4px;
    text-align:center;
}
.tbl_summary tbody td>p { line-height: 1.4em;}
.tbl_summary tbody td{color:#666; line-height: 18px;}
.tbl_summary .list{margin-left:0}
.tbl_summary .txt_age{float:left;font-weight:bold !important;} /* 2016-01-19 추가 */
.tbl_summary .list_age {padding-left:50px; line-height: 1.4em; }

.plan_no {
    border-top: 3px solid #c8d4d9;
    border-bottom: 1px solid #d9d9d9;
    width: 100%;
    text-align: center;
    padding: 30px 0;
    margin-bottom: 50px;
}
.plan_no>span {
    display: inline-block;
    height: 107px;
    padding-left: 170px;
    background: url(../images/common/none_result.png) no-repeat left center;
    padding-top: 46px;
    font-size: 16px;
    font-weight: 700;
    color: #666;
}


.icon_info { margin-top: 5px;}
.icon_info >li {
    display: inline-block;
    *display :inline;
    zoom:1;
    font-size: 13px;
    margin-top: 15px;
    margin-right: 12px;
}
.icon_info >li>img { margin-right: 5px;}

.wrap_tbl {
    clear: both;
    margin: 12px 0;
    border-top: 1px solid #c8d4d9;
    border-bottom: 1px solid #d9d9d9;
    overflow: hidden;
}

/* 연간 교육계획안 - Table */
.tbl_year{/*margin-left:-1px;*/width:100%;font-size:14px;color:#3f464c; border: solid 1px #d9d9d9;}
.tbl_year thead th{
    text-align:center;
    height:60px;
    font-weight:bold;
    background-color:#909ea9;
    border:1px solid #d9d9d9;
    font-size:15px;
    color: #fff;
}
.tbl_year tbody th, .tbl_year tbody td{border:1px solid #dfdfdf;border-right:0;text-align:center;padding:2px 0}
.tbl_year tbody th{background-color:#f7f7f7;color:#000;font-weight:bold}
.tbl_year tbody td{}
.tbl_year tbody .bgf7{background-color:#f7f7f7}
.tbl_year tbody p{margin-top:6px}
.tbl_year thead th:first-child, .tbl_year tbody th:first-child{border-left:0}

/* 월간 / 주간 교육계획안 - Table */
.tbl_mw { 
    width:100%;
    font-size:13px;
    color:#000;
    border: solid 1px #d9d9d9;
}
.tbl_mw th, .tbl_mw td {
    border:1px solid #d9d9d9;
    border-right:0;
    text-align:center;
    padding: 8px 4px;
    font-size: 14px;
}
.tbl_mw thead th {
    background-color:#ececec;
    font-size:15px;color:#000;
    height:33px;
    border-top:0;
    font-weight:bold;
}
.tbl_mw thead td{
    background-color:#f7f7f7;
    color:#525252;
    height:35px;
}
.tbl_mw> tbody >th{color:#000}
.tbl_mw> tbody >td{
    padding-top:8px;
    padding-bottom:8px;    
    vertical-align:middle;
} 
.tbl_month_plan tbody td>div { text-align: left; padding-bottom: 4px;}
.tbl_month_plan tbody td a {
    /*display:block;*/    
    padding-left:5px;
    padding-bottom: 3px;
    background:url(../images/common/dot.gif) 0 9px no-repeat;
    text-align:left;
    font-size: 13px;
    /*text-decoration: underline;*/
}

.tbl_mw img{margin-left:3px;vertical-align:middle}
.tbl_mw a{color:#000;}
.tbl_mw a:hover{color:#000; text-decoration:underline}
.tbl_mw thead th:first-child, 
.tbl_mw thead td:first-child, 
.tbl_mw tbody th:first-child{
    border-left:0;
    padding: 0 8px;
}
.no-plan { background-color: #e8e8e8;}
.holi-plan { background-color: #fbcbb7;}

/* 멀티 */
.tbl_mw .td_m th{background-color:#ffcba5}
.tbl_mw .td_m td.bg{background-color:#fff7ec}
/* 장애 */
.tbl_mw .td_o th{background-color:#a6d3ff}
.tbl_mw .td_o td.bg{background-color:#eff7ff}
/* 초등 */
.tbl_mw .td_e th{background-color:#cdf4af}
.tbl_mw .td_e td.bg{background-color:#f4ffe8}

.tbl_week_plan tbody td a {
/*    display:block;*/
    padding-left:12px;
    padding-bottom: 3px;
    background:url(../images/common/dot.gif) 5px 9px no-repeat;
/*    text-align:left;*/
    font-size: 13px;
/*    text-decoration: underline;*/
}

/* 일일 교육계획안 - Table */
.tbl_day{/*margin-left:-1px;*/width:100%;font-size:13px;color:#000; border: solid 1px #d9d9d9;}
.tbl_day thead th{text-align:center;height:60px;font-weight:bold;background-color:#ececec;border:1px solid #dfdfdf;border-right:0;border-top:0;font-size:15px}
.tbl_day tbody th, .tbl_day tbody td{
    border:1px solid #dfdfdf;
    border-right:0;
    text-align:center;
    padding-top:4px;
    padding-bottom:4px;
    line-height: 1.3em;
}
.tbl_day tbody th{font-weight:bold;color:#000}
.tbl_day tbody td{}
.tbl_day tbody .td_m th{background-color:#ffcba5}
.tbl_day tbody .td_m td{background-color:#fff7ec}
.tbl_day tbody .td_o th{background-color:#a6d3ff}
.tbl_day tbody .td_o td{background-color:#eff7ff}
.tbl_day tbody .td_e th{background-color:#cdf4af}
.tbl_day tbody .td_e td{background-color:#f4ffe8}
.tbl_day img{margin-left:3px;vertical-align:middle}
.tbl_day a{color:#000;/*text-decoration:underline*/}
.tbl_day a:hover{color:#000; text-decoration:underline;}
.tbl_day thead th:first-child, .tbl_day tbody th:first-child{border-left:0}
.tbl_day_plan tbody td a {
/*    display:block;*/
    padding-left:12px;
    padding-bottom: 3px;
    background:url(../images/common/dot.gif) 5px 9px no-repeat;
    text-align:left;
    font-size: 13px;
}

/* 특화프로그램 - Table*/
.tbl_program {
    width:100%;
    font-size:14px;
    color:#000;
    border-right:1px solid #dfdfdf;
    border-collapse: collapse;
}
.tbl_program thead th {
    text-align:center;
    height:36px;
    color: #fff;
    background-color:#1eace1;
    border:1px solid #dfdfdf;
    border-right:0;
    border-top:0;
    font-size:15px;
    font-weight:bold;
}
.tbl_program tbody th,
.tbl_program tbody td {
    border:1px solid #dfdfdf;
    border-right:0;
    font-weight:normal;
    text-align:center;
}

/* 숲 - Table*/
.tbl_forest tbody td { 
    padding:0;
    background-color:#f7f7f7;
}
.tbl_forest tbody td .link {
    display:block;
    padding:10px 0;
    color:#333;
    font-size: 14px;
    background-color:#fff;
    line-height: 20px;
}
.tbl_forest tbody td .link:hover {background-color:#e2fdff;}
.tbl_forest thead .bgf7,
.tbl_forest tbody .bgf7 {background-color:#7d838e}
.tbl_forest tbody th.bgf7 {border-left:1px solid #dfdfdf;}
.tbl_forest tbody th.bgspr {background-color: #fff4ed} 
.tbl_forest tbody th.bgspr2 {background-color: #ffeddc} 
.tbl_forest tbody th.bgsumm {background-color: #fcffe4} 
.tbl_forest tbody th.bgsumm2 {background-color: #fffcda} 
.tbl_forest tbody th.bgautumn {background-color: #f0ffeb} 
.tbl_forest tbody th.bgautumn2 {background-color: #eafde1} 
.tbl_forest tbody th.bgwinter {background-color: #f9f9f9} 
.tbl_forest tbody th.bgwinter2 {background-color: #f0f0f0} 

/* 프로젝트 목록 - Table*/
.tbl_project thead th{height:40px;}
.tbl_project tbody th {background-color:#f4f4f4}
.tbl_project tbody td {padding:0;}
.tbl_project tbody td .down_posi {position:relative;background-color:transparent;}
.tbl_project tbody td .down_posi a.link {background-color:#fff;}
.tbl_project tbody td .down_posi a.link:hover {background-color:#e2fdff;}
.tbl_project tbody td .link {display:block;padding:24px 0 66px 0;color:#444; font-weight: 700;}
.tbl_project tbody td .btn {position:absolute;bottom:20px;left:50%;margin-left:-77px;}
.tbl_project tbody .bgf7 {background-color:#f7f7f7}

.project_summary {
    clear: both;
    margin-top: 40px;
    position: relative; 
    border-bottom: dashed 1px #c0c0c0; 
    margin-bottom: 10px; 
    padding-bottom: 12px;
    overflow: hidden;
}
.project_summary .project_ctit { float: left;}
.project_summary .project_ctit .project_tit { font-size: 26px; font-weight: 700; padding-right: 10px;}
.project_summary .project_ctit .cate { 
    padding:0 12px; 
    border-left: solid 2px #c5c5c5; 
    border-right: solid 2px #c5c5c5; 
    font-size: 18px; 
    font-weight: 700; 
    color: #7d838f;}
.project_summary .project_ctit .month_t { 
    font-weight: 700; 
    color: #fff; 
    background-color: #00aefb;
    border-radius: 16px;
    padding: 3px 12px;
    font-size: 14px;
    margin-left: 12px;
}
.project_summary .project_ctit .month { padding: 0 6px; font-weight: 700;}
.project_summary .project_print { float: right;}
.project_summary::after {display: block; clear: both; content: ''}

/* 프로젝트 안내문 - Table*/
.project_content {position: relative;  margin-top: 30px;}
.project_content .project_content_tle { font-size: 22px; font-weight: 700; color: #555;}
.project_content .project_content_tle .small { padding: 0 4px; color:#00aefb; font-weight: 700; font-size: 18px;}
.project_content .project_btn { position: absolute;right: 0;top:-7px;}

.project_content .tbl_project_basic {width:100%;font-size:14px;color:#000;}
.project_content .tbl_project_basic thead th{
    text-align:center;
    height:42px;
    background-color:#7d838f;
    border:1px solid #dfdfdf;
    border-top:0;
    color: #fff;
    font-size:15px;    
    font-weight:700;}
.project_content .tbl_project_basic thead th.date { text-align: left; padding-left: 14px; }
.project_content .tbl_project_basic tbody th {
    padding:8px 12px;
    border:1px solid #dfdfdf;
    color:#3f464c;
    line-height:22px;
    font-weight:700;
    text-align:center;}
.project_content .tbl_project_basic tbody td {
    padding:8px 14px;
    border:1px solid #dfdfdf;
    color:#333;
    line-height:24px;
    font-weight:normal;
    text-align:left;}
.project_content .tbl_project_basic tbody th {background-color:#f7f7f7}
.project_content .tbl_project_basic tbody .bgf7 {background-color:#f7f7f7}
.project_content .tbl_project_basic tbody .align_center {text-align:center;}
.project_content .tbl_project_basic a {color:#666;}

.project_content .project_guide_environment td.photo {padding:8px;}
.project_content .project_guide_environment td img.photo_sorce {display:block;width:142px;height:89px;}

.project_content .project_field_tab {display:table; width: 100%; border-collapse:collapse; border-spacing:0;}
.project_content .project_field_tab .box {display:table-row;}
.project_content .project_field_tab a {
    display:table-cell;
    width:184px;
    height:40px;
    padding:5px 0;
    border:1px solid #a5acb2;
    color:#434343;
	font-size: 14px;
    line-height:18px;
    letter-spacing:-1px;
    text-align:center;
    vertical-align:middle;
    cursor:pointer;}
.project_content .project_field_tab a.tc-selected {background-color:#00aefb;color:#fff;font-weight:bold;}

/* 특화프로그램-주제망 */
.project_content .project_net {position:relative;margin-top:18px;}
.project_content .project_net:after {content:'';display:block;clear:both;}
.project_content .project_net .left_section {float:left;width:50%;}
.project_content .project_net .right_section {float:right;width:50%;}
.project_content .project_net .ptit {
    position:absolute;
    top:120px;
    left:50%;
    z-index:1;
    margin-left: -118px;
    overflow:hidden;
    width:240px;
    height:240px;
    border-radius:50%;}
.project_content .project_net .wtit {
    position:absolute;
    top:54px;
    width:116px;
    height:116px;}
.project_content .project_net .wtit a {
    display:table-cell;
    overflow:hidden;
    width:116px;
    height:116px;
    border-radius:58px;
    background:url('../images/btn_net_tit.png') no-repeat;
    font-size:13px;
    color:#fff;
    line-height:18px;
    font-weight:bold;
    letter-spacing:-0.04em;
    text-align:center;
    vertical-align:middle;}
.project_content .project_net .wtit strong {font-size:20px;line-height:22px;font-weight:bold;}
.project_content .project_net .net_list li {margin-top:6px;}
.project_content .project_net .net_list li:first-child {margin-top:0;}
.project_content .project_net .net_list li a {
    display:block;
    overflow:hidden;
    width:240px;
    padding:10px;    
    border-radius: 6px;
    border:solid 1px #ddd;
    color:#333;
    line-height:20px;
    letter-spacing:-1px;
    text-align:left;
    padding-left: 12px;
    font-size: 14px;
    white-space:nowrap;
    text-overflow:ellipsis;}
.project_content .project_net .net_list li a:hover {background-color: #efefef; font-weight: 700; }
.project_content .project_net .left_section .wtit {left:284px;}
.project_content .project_net .right_section .wtit {right:284px;}
.project_content .project_net .right_section .net_list {padding-left:299px;}
.project_content .project_net .week_box {position:relative;background:url('../images/line_net.png') no-repeat;}
.project_content .project_net .week_1 { background-position:250px 20px;}
.project_content .project_net .week_2 { margin-top:42px; background-position:250px -200px;}
.project_content .project_net .week_3 {background-position:250px -420px;}
.project_content .project_net .week_4 {margin-top:42px;background-position:250px -640px;}
.project_content .project_net .week_1 .wtit a:hover {background-position:0 -126px;}
.project_content .project_net .week_2 .wtit a:hover {background-position:0 -252px;}
.project_content .project_net .week_3 .wtit a:hover {background-position:0 -378px;}
.project_content .project_net .week_4 .wtit a:hover {background-position:0 -504px;}

/* IE 8 */
@media \0screen {
    .project_content .project_net .net_list li a { width: 210px; }
    .project_content .project_net .week_1 { background-position:240px 20px;}
    .project_content .project_net .week_2 { background-position:240px -200px;}
    .project_content .project_net .week_3 { background-position:250px -420px;}
    .project_content .project_net .week_4 { background-position:250px -640px;}
}

/* 특화프로그램-교사보충자료 */
.project_content .repl_accordion_list { margin-top: 15px; border-top:2px solid #00aefb;border-bottom:3px solid #d9d9d9;}
.project_content .repl_accordion_list dt {
    height:50px;
    padding:15px 30px 15px 30px;
    border-top:1px solid #e6e6e6;
    background:#f7f7f7 url('../images/ico_accordion_arrow.png') right 22px no-repeat;
    font-size:14px;
    color:#333;
    line-height:20px;
    letter-spacing:-1px;
    cursor:pointer;}
.project_content .repl_accordion_list dl:first-child dt {border-top:0;}
.project_content .repl_accordion_list dd {
    display:none;
    padding:20px 30px 20px 45px;
    border-top:1px solid #e6e6e6;
    font-size:14px;
    color:#333;
    line-height:20px;
    letter-spacing:-1px;}
/*.project_content .repl_accordion_list dd img { max-width:100%; }*/
.project_content .repl_accordion_list dd img { max-width:74%; }
.project_content .repl_accordion_list dl.active dt {background-color:#7d838f;background-position:right -36px;color:#fff;font-weight:bold;}

.project_content .tabcontrol { margin-top: 16px;}
.project_content .project_plan_tab {
    display:table;
    width: 100%;
    border-collapse:collapse;
    border-spacing:0;}
.project_content .project_plan_tab li {
    display:table-cell;
    width: 180px;
    height:40px;
    padding:5px 0;
    border:1px solid #a5acb2;
    color:#3f464c;
    line-height:17px;
    letter-spacing:-1px;
    text-align:center;
    vertical-align:middle;
    cursor:pointer;}
.project_content .project_plan_tab li.tc-selected {
    background-color:#00aefb;color:#fff;font-weight:bold;}
.project_content .stit {padding: 18px 8px;font-size:18px;color:#444;line-height:25px;letter-spacing:-1px;font-weight:bold;vertical-align:top;}
.project_content .tc-panel:after {content:''; display:block; clear:both;}
.project_content .tip_box {color:#333;line-height:24px; padding: 0 5px;}
.project_content .tip_box + .wrap_tbl {margin-top:17px;}
.project_content .tip_box .label {padding-top:10px;}
.project_content .panels {padding-top:10px;}
.project_content .panels p {margin-top:0;text-align:left; padding: 0 8px; font-size: 14px;}
.project_content .panels ul {margin-top:0;}
.project_content .panels ul li {margin-left:0;}
.project_content .field_list:after {content:'';display:block;clear:both;}
.project_content .field_list li {
    float:left;
    width:260px;
    margin:0 10px 6px 0;}
.project_content .field_list li a {
    display:block;
    overflow:hidden;    
    padding:13px 20px;
    color:#333;
    font-size: 14px;
    letter-spacing:-1px;
    text-align:center;
    white-space:nowrap;
    text-overflow:ellipsis;
    border-radius: 6px;
    border: solid 1px #ddd;
}
.project_content .field_list li a:hover { font-weight: 700; background-color: #efefef;}

.tc-panel{display:none; position: relative;}
.panels .tc-panel.tc-selected { display: block;}
.panels .tc-panel .wrap_tbl { border-width:0; }
.panels .tc-panel .wrap_tbl .tbl_project_basic { width:99%; }
.project_content .btn_plan_view {position:absolute; top:15px; right:2px;}

/* 미술관 */
.tbl_museum tbody th {color:#666;text-align:center;}
.tbl_museum tbody td {padding:10px;border:1px solid #dfdfdf;border-right:0;color:#3f464c;line-height:18px;font-weight:normal;text-align:center;}
.tbl_museum tbody .bgf7 {background-color:#f7f7f7;}
.tbl_museum tbody td .link {display:block;padding:0;color:#3f464c; line-height: 1.5em; font-size: 14px;}
.tbl_museum tbody td a:hover {color:#00aefb; text-decoration: underline;font-weight: 700;}

/* 직업 */
.tbl_job thead th.bgfc {background-color:#7d838e;}
.tbl_job tbody th {
    padding:0;
    border:1px solid #dfdfdf;
    background-color:#eefeff;
    font-size:14px;
    color:#666;
    font-weight:bold;
    text-align:center; 
    max-height: 120px;
}
.tbl_job tbody td {padding:0;border:1px solid #dfdfdf;border-right:0;color:#3f464c;line-height:18px;font-weight:normal;text-align:center;}
.tbl_job tbody td .link {display:block;padding:10px 0;color:#3f464c; }
.tbl_job tbody td a:hover {color:#00aefb;text-decoration:underline; font-weight: 700;}

/* 신체놀이터 */
.tbl_physical tbody .bgf7 {background-color:#f7f7f7}
.tbl_physical tbody td .link {display:block;padding:12px 0;color:#3f464c; }
.tbl_physical tbody td .link:hover {background-color:#e2fdff;}

/* 플레이키트 */
.playkit_noti { margin-bottom: 20px;}
.playkit_noti li { line-height: 26px; font-size: 14px;}
.playkit_info { float: left; width: 480px;}
.playkit_info .photo, .kidsfarm_info .photo { display: inline-block; border: solid 1px #ddd; overflow: hidden;}
.playkit_info .photo>img { width: 480px; height: 287px;}
.playkit_info .info, .kidsfarm_info .info { 
	box-sizing: border-box; 
	margin-top: 8px; 
	padding: 8px 15px 12px; 
	border: solid 1px #ddd; 
	overflow: hidden; 
}
.playkit_info .info>dl, .kidsfarm_info .info>dl { clear: both; padding: 8px 0; }
.playkit_info .info>dl>dt, .kidsfarm_info .info>dl>dt { 
	float: left;
    color: #444;
    line-height: 22px;
    width: 80px;
    padding: 8px 0;
    background-color: #e7e7e7;
    border-radius: 6px;
    text-align: center;
    font-size: 14px;
}
.playkit_info .info>dl>dd, .kidsfarm_info .info>dl>dd {
	float: left;
    padding: 8px 0 8px 12px;
    color: #000;
    font-weight: 700;
    line-height: 22px;
}
.playkit_info::after, .kidsfarm_info::after { display: block; clear: both; content: ''}
.playkit_content {
	float: right;
	width: 584px;
	padding-top: 4px;
}
.playkit_content .con_tle, .kidsfarm_content .con_tle {
	font-size: 22px;
    font-weight: 700;
    color: #555;
    margin-bottom: 15px;
}
.playkit_content .playkit_conList01 { margin-bottom: 29px;}
.playkit_content ul>li, .kidsfarm_content ul>li { margin: 7px 0;}
.playkit_content>ul>li>a, .kidsfarm_content ul>li>a { 
    display: block;
    border-radius: 6px; 
    border: solid 1px #ddd; 
    font-weight: 700;
    line-height: 30px;
    padding: 11px 0 11px 48px;
}
.playkit_content>ul>li>a:hover { background-color: #f5f5f5;}
.playkit_content .playkit_conList01>li>a {
    background: url(../images/common/ico_playkit_01.png) no-repeat 12px center #fff;
}
.playkit_content .playkit_conList02>li>a {
    background: url(../images/common/ico_playkit_02.png) no-repeat 12px center #fff;
}

/* 키즈팜 */
.tbl_kidsfarm thead th, 
.tbl_kidsfarm2 thead th { background-color: #7d838e;}
.tbl_kidsfarm tbody .bgf7, 
.tbl_kidsfarm2 tbody .bgf7,
.kidsfarmTop tbody .bgf7 {background-color:#f7f7f7}
.tbl_kidsfarm tbody td { height: 200px; }
.tbl_kidsfarm .ob { padding: 5px;}
.tbl_kidsfarm .ob .link > img { width: 280px; height: 168px;}
.tbl_kidsfarm .ob .link > p { padding: 3px 0; text-align: center;}
.tbl_kidsfarm .ob .link:hover > p { color:#1eace1; font-weight: 700;}

.kidsfarm_info { float: left; width: 470px;}
.kidsfarm_info .photo>img { width: 470px; height: 280px;}
.kidsfarm_content { float: right; width: 600px; padding-top: 6px;}
.kidsfarm_content .kidsfarm_conList>li>a {
    background: url(../images/common/ico_kidsfarm.png) no-repeat 12px center #fff;
}
/* 키즈팜 모종 추가 */
.kidsfarmTop {
    width: 100%;
    font-size: 14px;
    color: #000;
    border: 1px solid #dfdfdf;
    border-collapse: collapse;
    margin-bottom: 20px;
}
.kidsfarmTop tbody td {
    border-bottom: 1px solid #dfdfdf;
    border-right: 1px solid #dfdfdf;
    text-align: center;
    padding: 12px 0;    
}

.tbl_kidsfarm2 tbody td .link {
    display: block;
    padding: 12px 0;
    color: #3f464c;    
}
.tbl_kidsfarm2 tbody td .link:hover {background-color:#e2fdff;}


/* 놀이세상 */
.tbl_playworld > tbody > tr:nth-child(even){
    background-color: #f7f7f7;
}
.tbl_playworld thead th {
    padding: 12px 0;
    font-size: 18px;
}
.tbl_playworld tbody td .link {
    display: block;
    padding: 20px 0;
    color: #3f464c;
    font-size: 16px;  
}
.tbl_physical tbody td .link:hover {background-color:#e2fdff;}

.playtopic_bg {
    background-color: #f6f6f6;
}


/* 토모동화 */
.book_plan_summary .plan_tle_btn { float: right;}
.book_plan_summary::after {display: block; clear: both; content: ''}

.book_plan thead th {height:30px;font-size:13px;  color: #fff;
    background-color: #1eace1;}
.book_plan thead tr:first-child th {font-size:15px; padding: 5px 0;}
.book_plan thead th:nth-child(1),
.book_plan thead th:nth-child(2) {background-color:#ffcf58; color: #252525;}
.book_plan thead th:nth-child(3),
.book_plan thead th:nth-child(4) {background-color:#ec7c69; color: #252525;}
.book_plan thead th:nth-child(5),
.book_plan thead th:nth-child(6) {background-color:#5c5970; color: #fff;}
.book_plan thead tr:first-child th:nth-child(1) {background-color:#f7f7f7;}
.book_plan thead tr:first-child th:nth-child(2) {background-color:#dda51d; color: #fff; }
.book_plan thead tr:first-child th:nth-child(3) {background-color:#db4328; color: #fff; }
.book_plan thead tr:first-child th:nth-child(4) {background-color:#1f1758; color: #fff; }
.book_plan tbody td {height:auto;padding:0;}
.book_plan tbody td .table_cell {display:table;width:100%;}
.book_plan tbody td .link {display:table-cell;width:100%;height:48px;padding:0 5px;vertical-align:middle;color:#000;box-sizing:border-box;}
.book_plan tbody td .table_cell .link:hover,
.book_plan tbody td .table_cell .link:hover {background-color:#fffbde;}
/*
.book_plan tbody td:nth-child(2) .table_cell .link:hover,
.book_plan tbody td:nth-child(3) .table_cell .link:hover {background-color:#fff8c7;}
.book_plan tbody td:nth-child(4) .table_cell .link:hover,
.book_plan tbody td:nth-child(5) .table_cell .link:hover {background-color:#ffddb0;}
.book_plan tbody td:nth-child(6) .table_cell .link:hover,
.book_plan tbody td:nth-child(7) .table_cell .link:hover {background-color:#f0ffb5;}
*/
.book_plan tbody td .btn {margin:15px 0;}

.book_noti li { line-height: 26px; font-size: 14px;}
.book_info { margin:20px 0 10px;}
.book_info .photo { 
    float: left; 
    display: inline-block; 
    overflow: hidden; 
    width: 520px; 
    height: 314px; 
    text-align: center;
    background:url("../images/book/book_thumb_bg.png") center no-repeat;
}
.book_info .photo>img { 
    width: 220px;
    height: 314px; 
    border: solid 1px #ddd; 
    box-shadow:5px 5px rgba(220,220,220,0.7);
}
.book_info .txt { float: right; display: inline-block; border: solid 1px #ddd;  width: 546px; height: 314px;  padding: 15px;}
.book_info .txt>ul>li { padding:6px 0; color: #000; font-weight: 700; }
.book_info .txt>ul>li>span { color: #9f9f9f; font-weight: 700; padding-right: 10px; width: 80px;}
.book_info .txt>dl { clear: both; padding: 8px 0;}
.book_info .txt>dl>dt { float: left; color: #444;line-height: 22px; width: 80px; padding: 5px 0; background-color: #e7e7e7; border-radius: 6px; text-align: center; font-size: 14px;}
.book_info .txt>dl>dd { float: left; padding: 5px 0 5px 12px; color: #000; font-weight: 700; line-height: 22px;}
.book_info .txt>dl>dd.story { width: 83%;}
.book_info::after { display: block; clear: both; content: ''}

.books_content { clear: both; margin-top: 20px;}
.books_content .books_content_tle {font-size: 22px; font-weight: 700; color: #555; margin-bottom: 15px;}
.books_content>ul>li { margin: 7px 0;}
.books_content>ul>li>a { 
    display: block;
    border-radius: 6px; 
    border: solid 1px #ddd; 
    font-weight: 700;
    background: url(../images/book/ico_book.png) no-repeat 12px center #fff;
    line-height: 30px;
    padding: 11px 0 11px 48px;
}
.books_content>ul>li>a:hover { background-color: #f5f5f5;}

/* 우리원 정보 */
.book_myclass_info .ex_btn {position:relative;padding:9px 0 12px 0;}
.book_myclass_info .cover_info_box:after {content:'';display:block;clear:both;}
.book_myclass_info .cover_info {
    float:left;
    width:309px;
    padding:10px 10px 22px 10px;
    margin-right:25px;
    background-color:#f2f2f2;
    text-align:center;
}
.book_myclass_info .cover_open {float:left; width:730px;}
.book_myclass_info .cover_info .class_name {width:100%;padding:18px 10px;margin-bottom:10px;border:1px solid #d9d9d9;border-radius:8px;box-sizing:border-box;line-height:20px;font-size:15px;text-align:center;}
.book_myclass_info .cover_info .class_name::-webkit-input-placeholder {font-size:13px;color:#00aefb !important;}
.book_myclass_info .cover_info .class_name:-moz-placeholder {font-size:13px;color:#00aefb !important;}
.book_myclass_info .cover_info .class_name::-moz-placeholder {font-size:13px;color:#00aefb !important;}
.book_myclass_info .cover_info .class_name:-ms-input-placeholder {font-size:13px;color:#00aefb !important;}
.book_myclass_info .cover_info .photo {display:block;overflow:hidden;width:289px;height:331px;margin-bottom:21px;background:#d9d9d9 url('../images/book/bg_cover.png') center center no-repeat;vertical-align:middle;}
.book_myclass_info .cover_info .photo img {display:block;width:289px;height:331px;}
.book_myclass_info .cover_info .btn_file { position:relative; overflow:hidden; display:block; margin:0 auto; width:126px; height:27px; cursor: pointer; background:url('../images/book/btn_img_register.gif') no-repeat; }
.book_myclass_info .cover_info .btn_file input[type="file"] { width:126px; height:27px; opacity:0; overflow: hidden;}

.book_myclass_info .open_ipt dt {
    padding-bottom:5px;
    border-bottom:2px solid #d9d9d9;
    font-size:20px;color:#000;
    line-height:30px;
    font-weight:bold;
    letter-spacing:-1px;
    margin-bottom: 8px;
}
.book_myclass_info .open_ipt dd {padding:10px 0 0 5px;}
.book_myclass_info .open_ipt dd label {margin-left:5px;cursor:pointer;}
.book_myclass_info .open_ipt dd >input[type="radio"] { margin-top: 6px;}
.book_myclass_info .open_txt {padding-top:22px;}
.book_myclass_info .open_txt dt {color:#000;line-height:24px;font-weight:bold;letter-spacing:-1px;}
.book_myclass_info .open_txt dd {color:#333; line-height:24px; text-indent: 15px;}
.book_myclass_info .open_txt .font_blue {color:#00aaf5;}
.book_myclass_info .open_txt .save_btn {padding-top:52px;text-align:center;}
.book_myclass_info .save_btn { margin-top: 18px; border-top:solid 1px #d9d9d9; text-align: center; }
.book_myclass_info .save_btn>a { margin-top: 15px auto 0;}
.book_myclass_info .save_btn .btnSave {
    font-size: 16px;
    padding: 14px 22px;
    color: #3f464c;
    background:url(../images/book/icon_save2.png) no-repeat 22px center #fff;
    border:solid 1px #00aefb;
    padding-left: 42px;
    margin-top: 12px;
}
.book_myclass_info .save_btn .btnSave:hover,
.book_myclass_info .save_btn .btnSave:focus { color: #00aefb; background-color: #f9f9f9;}

.book_myclass_info .ex_btn .ex_layer {
    position:absolute;
    top:10px;
    left:0;
    z-index:1;
    display:none;
    width:1070px;
    padding:18px 0 30px;
    box-sizing:border-box;
    background-color:#d9d9d9;
    text-align: center;
}
.book_myclass_info .ex_btn .ex_layer dl {
/*    float:left;*/
    display: inline-block;
    width:258px;
    margin:0 20px;
}
.book_myclass_info .ex_btn .ex_layer dt {
    width:93px;
    margin:0 auto 11px auto;
    padding:3px 0;
    border-radius:18px;
    background-color:#00aefb;
    font-size:17px;
    color:#fff;
    
    line-height:30px;
    letter-spacing:-1px;
    text-align:center;}
.book_myclass_info .ex_btn .ex_layer .btn_layer_close {position:absolute; top:12px; right:12px;}

/* IE 8 */
@media \0screen {    
    .book_myclass_info .open_ipt dd >input[type="radio"] { border-width: 0;}
}

/* 반관리 */
.book_class_admin {margin-top:12px;}
.book_class_admin:after {content:'';display:block;clear:both;}
.book_class_admin .tbl_box {float:left; width:800px;}
.book_class_admin .tbl_books { border:1px solid #d9d9d9;}
.book_class_admin .tbl_books .ipt_name {
    width:80%;
    margin-right:4px;
    padding:6px 10px 7px 10px;
    border:1px solid #d9d9d9;
    background-color:#f3f3f3;
}
.book_class_admin .tbl_books .btn_Ok { border-color: #d9d9d9;}
.book_class_admin .tbl_books .btn_Ok:hover,
.book_class_admin .tbl_books .btn_Ok:focus { border: solid 1px #7ed7ff;}

.book_class_admin .msg_box, 
.moyeola_smsBox .msg_box {
    float:left;
    width:246px;
    margin-left: 20px;
    border: solid 1px #d0d0d0;
    background-color: #fff;
    text-align: center;
    padding: 20px 10px;
    border-radius: 20px;
}
.book_class_admin .msg_txt, 
.moyeola_smsBox .msg_txt { width: 225px;}
.book_class_admin .msg_txt h5, 
.moyeola_smsBox .msg_txt h5 {
    padding: 8px 0 6px 0;
    border-radius:10px 10px 0 0;
    background-color:#00aefb;
    font-size:15px;color:#fff;
    line-height:20px;
    font-weight:700;
    text-align:center;}
.book_class_admin .msg_txt .msg,
.moyeola_smsBox .msg_txt .msg {
    overflow-y:auto;
    height:180px;
    padding:15px;
    border:1px solid #ddd;
    border-top-width: 0;
    box-sizing:border-box;
    background:url('../images/book/bg_msg.gif') no-repeat;
    font-size:15px;
    color:#333;
    line-height:20px;
    font-weight:700;
    text-align: left;
}
.book_class_admin .msg_txt .noti {
    padding:4px 10px 7px 10px;
    border-radius:0 0 10px 10px;
    background-color:#e2e2e2;
}
.book_class_admin .msg_txt .noti li {    
    line-height:20px; 
    font-size: 14px;
}
.book_class_admin .number_list,
.moyeola_smsBox .number_list { margin-top:10px; width: 225px;}

.book_class_admin .number_list h5,
.moyeola_smsBox .number_list h5 {
    padding:4px 0 3px 0;
    border-radius:10px 10px 0 0;
    background-color:#777;
    font-size:15px;color:#fff;
    line-height:20px;
    font-weight:700;
    text-align:center;
    font-size: 14px;
}

.book_class_admin .number_list .celltle,
.moyeola_smsBox .number_list .celltle { 
    width: 100%;
    border-left: 1px solid #dfdfdf;
}

.book_class_admin .number_list .celltle th,
.moyeola_smsBox .number_list .celltle th {
    padding: 0 5px;
    font-weight: bold;
    border-right: 1px solid #dfdfdf;
    background-color: #f3f3f3;
    line-height: 22px;
    font-size: 13px;
    color: #222;
}

.book_class_admin .number_list .list,
.moyeola_smsBox .number_list .list {
    overflow-x:none;
    overflow-y:auto;
    height:209px;
    margin:0;
    border:1px solid #dddddd;
}
.book_class_admin .number_list td,
.moyeola_smsBox .number_list td {
    padding:0 5px;
    border-left:1px solid #dfdfdf;
    border-top:1px solid #dfdfdf;
    background-color:#f3f3f3;
    color:#333;
    line-height:20px;
    text-align:center;
    font-size: 14px;
}
.book_class_admin .number_list tr:first-child td,
.moyeola_smsBox .number_list tr:first-child td {border-top:0;}

.book_class_admin .number_list td:first-child,
.moyeola_smsBox .number_list td:first-child {border-left:0;}

.book_class_admin .number_list td .ipt_num,
.moyeola_smsBox .number_list td .ipt_num {
    width:100%;
    height:20px;
    border:0;
    background-color:#f7f7f7;
}
.book_class_admin .number_list .sender,
.moyeola_smsBox .number_list .sender {
    padding:4px 10px 4px 10px;
    border-radius:0 0 10px 10px;
    background-color:#777;
    text-align:center;
    font-size: 14px;
}
.book_class_admin .number_list .sender span,
.moyeola_smsBox .number_list .sender span {color:#fff;}

.book_class_admin .number_list .sender .ipt_num,
.moyeola_smsBox .number_list .sender .ipt_num {
    width:128px;
    height:21px;
    margin-left:2px;
    padding:0 10px;
    border:1px solid #d9d9d9;
    line-height:21px;
}
.book_class_admin .msg_box .btns,
.moyeola_smsBox .msg_box .btns {
    padding-top:8px;
    text-align:center;
}
.book_class_admin .msg_box .btns a,
.moyeola_smsBox .msg_box .btns a {
    display:inline-block;
    margin:0 2px;
    background-color: #00aefb;
    color: #fff;
    vertical-align: middle;
    width: 106px;
    height: 50px;
    border-radius: 8px;
    box-shadow: 0 5px #0095d7;
    font-weight: 700;
    line-height: 20px;
}
.book_class_admin .msg_box .btns .btn_contact_upload,
.moyeola_smsBox .msg_box .btns .btn_contact_upload { padding-top: 6px; }

.book_class_admin .msg_box .btns .btn_send,
.moyeola_smsBox .msg_box .btns .btn_send { padding-top: 15px;}

/* IE 8 */
@media \0screen { 
    .book_class_admin .msg_box .btns .btn_send { padding-top: 6px; line-height: 38px;}
}

.ui-dialog .ui-dialog-content.modal_contact_file {padding:30px;text-align:left;}
.modal_contact_file .upload_info li {font-size:15px;color:#333;line-height:28px;letter-spacing:-1px;}
.modal_contact_file .upload_info li a, .modal_contact_file .upload_info li img {vertical-align:top;}
.modal_contact_file .file_send {padding-top:28px;}
.modal_contact_file .file_send .txt {padding-bottom:5px;font-size:15px;color:#333;line-height:28px;font-weight:bold;letter-spacing:-1px;}
.modal_contact_file .file_send .file_name {width:200px;height:21px;padding:2px 10px;border:1px solid #d9d9d9;vertical-align:middle;}
.modal_contact_file .file_send .btn_file {position:relative;display:inline-block;overflow:hidden;width:83px;height:27px;background:url('/_common/images/book/btn_file_upload.gif') no-repeat;vertical-align:middle;}
.modal_contact_file .file_send .btn_file input[type="file"] {width:83px;height:27px;opacity:0;}

.tbl_books {width:100%;}
.tbl_books th {
    border-right:1px solid #d9d9d9;
    padding:12px 0;
    background-color:#7d838e;
    font-size:15px;
    color:#fff;
    line-height:20px;
    font-weight:bold;
    text-align:center;}
.tbl_books td {
    height:31px;
    padding:4px 10px;
    border-left:1px solid #d9d9d9;
    border-right:1px solid #d9d9d9;
    border-top:1px solid #d9d9d9;
    color:#333;
    text-align:center;}
.tbl_books td.bgf4 {background-color:#f4f4f4;}
.tbl_books td select {
    width:100%;
    height:30px;
    padding-left:5px;
    border:1px solid #d9d9d9;}
.tbl_books .check {
    position:relative;
    display:inline-block;
    width:18px;
    height:18px;
    vertical-align:top;}
.tbl_books .check input {position:absolute;top:0;left:0;opacity:0;cursor:pointer;}
.tbl_books .check span {display:inline-block;width:18px;height:18px;border:1px solid #dfdfdf;box-sizing:border-box;background-color:#fff;cursor:pointer;}
.tbl_books .check input:checked + span {background:#fff url('../images/book/checkbox.gif') no-repeat;}

/* 원아관리 */
.book_member_class { margin-top: 10px; padding:10px 0 5px 0;}
.book_member_class label { 
    position:relative;
    display:inline-block;
    overflow:hidden;
    margin:0 6px 5px 0;
    vertical-align:middle;
    cursor:pointer;}
.book_member_class label span {
    display:inline-block;
    min-width:95px;
    padding:4px 8px 4px 8px;
    border-radius:6px;
    box-sizing:border-box;
    background-color:#d9d9d9;
    color:#fff;
    line-height:20px;
    font-weight:700;
    text-align:center;}
.book_member_class label:hover span { background-color:#ccc;}
.book_member_class label input[type="checkbox"] {
    position:absolute; 
    top:-20px;
    left:-20px;opacity:0;}
.book_member_class label input[type="checkbox"]:checked + span {background-color:#00aaf5;}
.book_class_change {text-align:right;vertical-align:top; margin-top: 15px;margin-right: 34px;}
.book_class_change .txt {display:inline-block;margin-top:5px;padding-right:6px;font-size:15px;color:#000;line-height:20px;vertical-align:top;}
.book_class_change select {
    min-width:188px;
    height:30px;
    margin-right: 40px;
    padding-left:5px;
    border:1px solid #d9d9d9;
    line-height:20px;
    vertical-align:top;}
.book_class_change .btn_save {
    display:inline-block;
    margin-top:-1px;
    vertical-align:top;
    background: url(../images/book/icon_save.png) no-repeat 12px center #00aefb;
    color: #fff;
    padding-left: 30px;
}
.book_class_change .btn_save:hover,
.book_class_change .btn_save:focus {background-color: #00deff;}
.book_class_change_info {padding-top:18px;}
.book_class_change_info h5 {font-size:15px;color:#000;line-height:24px;font-weight:700;letter-spacing:-1px;}
.book_class_change_info li { font-size:15px; color:#333; line-height:24px; text-indent: 15px;}
.book_class_change_info .careful {padding-top:19px;}
.book_class_change_info .font_blue {color:#00aaf5;}

/* 토모동화 소개 */
.book_intro {padding-right: 15px;}
.book_intro_tit { color: #00aefb; font-size: 37px; margin-top: 24px; margin-bottom: 20px;}
.book_intro> h4 { 
    font-size: 20px; 
    font-weight: 700; 
    margin:30px 0 10px;
    background: url(../images/book/icon_title2.png) no-repeat left center;
    padding-left: 30px;
    line-height: 28px;
}
.book_intro .content { margin-bottom: 10px; font-size: 16px; text-indent: 28px;}
.book_intro .conList { padding-left: 26px;}
.book_intro .conList>dt { color: #00aefb; font-weight: 700; font-size: 18px; margin-bottom: 2px; line-height: 24px;}
.book_intro .conList>dd {line-height: 24px; margin-bottom: 15px; padding-left: 14px;}
.tbl_bookIntro { border: solid 1px #d1d9e0;}
.tbl_bookIntro>thead>tr>th { background-color: #f0f0f0; color: #3f464c; }
.tbl_bookIntro.tbl_data>thead>tr>th { padding: 6px 0;}
.tbl_bookIntro>tbody>tr>td>ul { width: 80%;}
.tbl_bookIntro>tbody>tr>td>ul>li { text-align: left; }
.list_type { margin-bottom: 30px; padding-left: 26px;}
.list_type .type_tle { font-weight: 700; font-size: 17px; margin-bottom: 2px;     line-height: 24px; }
.list_type .type_tle.type1 { color: #f0b500; }
.list_type .type_tle.type2 { color: #db4328; }
.list_type .type_tle.type3 { color: #281f71; }
.list_type .list_type_con {  line-height: 24px; padding-left: 14px;}
.type_tbl { margin-top: 12px; border: solid 1px #d9d9d9; }
.type_tbl>thead>tr>th{ color: #222; padding: 10px 0; border: solid 1px #d9d9d9; background-color: #fff;  }
.type_tbl>tbody>tr>td { padding: 10px 0;font-size: 15px;}
.type1 .bg1 { background-color: #dda51d; color: #fff; }
.type1 .bg2 { background-color: #e3b23c; color: #fff; }
.type2 .bg1 { background-color: #db4328; color: #fff; }
.type2 .bg2 { background-color: #dc563e; color: #fff; }
.type3 .bg1 { background-color: #1f1758; color: #fff; }
.type3 .bg2 { background-color: #324373; color: #fff; }

/* 의견보내기 */
.feedbackbox { 
    margin-top: 30px; 
    margin-bottom: 15px; 
    border: 4px dashed #89e5f3;
    border-radius: 14px;
    width: 96%; 
    background:url(../images/community/bg_receipt.png) no-repeat 250px 50px; 
}
.feedcon{ padding: 66px 0; position: relativere; margin-left: 50%;
/*    padding:46px 0 47px 328px;*/
}
.feedcon{line-height:24px;color:#666}
.feedcon span{color:#f0502b}
.feedcon strong{color:#4c4c4c;font-weight:bold;font-size:15px}

/* 교사연수 */
.eduMenu { width: 152px;}
.eduMenu .lnb > li { padding-top: 46px; }
.eduMenuFixed { position: fixed; top: 10px; }
.eduList_box > div > h4 { margin-bottom: 10px; line-height: 40px;}
.eduList_box > div > h4 >span { color: #666; font-weight: normal;}
.eduList_box .classT {
	border-radius: 30px;
	background-color: #ffae00;
/*	background-color: #01aefb;*/
	width: 120px;
	color: #fff;
	font-weight: 700;
	font-size: 18px;
	padding: 6px 25px;
	margin-right: 10px;
}
.eduList { width: 99%; margin-bottom: 30px;}
.eduList li { border-bottom: dashed 1px #d0d0d0; 
	padding: 25px 15px 15px 0; 
	position: relative; 
}
.eduCon { clear: both; overflow: hidden; }
.eduCon > dt { float: left;}
.eduCon > dd { float: left; padding-left: 50px;}
.eduCon > dt >img { width:238px; height: 139px; border: solid 1px #dedede;}
.eduCon > dd> div { padding-bottom: 8px;  }
.eduCon .tle { font-weight: 700; font-size: 17px; padding-top: 5px; }
.eduCon .pay { padding-bottom: 12px; padding-top:5px; }
.eduCon .keyword { font-size: 12px; font-weight: 700; /*background-color: #dbeaf8;*/ background-color: #e7e7e7; padding: 3px 8px;}
.eduCon .btn-group { margin-top: 15px;}
.eduCon .btn-group .btn {
	border-radius: 30px;
	background-color: #fff;
	width: 200px;
}
.eduCon .btn-group .btn.eduView { 
	background: url(../images/edu/icon_more.png) no-repeat 20px center;
	border: solid 1px #60ceff; 
	padding-left: 36px;
}
.eduCon .btn-group .btn.eduView:hover,
.eduCon .btn-group .btn.eduView:focus { 
	color: #fff; 	
	background: url(../images/edu/icon_more_o.png) no-repeat 20px center #01aefb;
}
.eduCon .btn-group .btn.eduMovie { 
	background: url(../images/edu/icon_movie.png) no-repeat 34px center;
	border-color:#60ceff;
	padding-left: 34px;
}
.eduCon .btn-group .btn.eduMovie:focus,
.eduCon .btn-group .btn.eduMovie:hover { 
	background: url(../images/edu/icon_movie_o.png) no-repeat 34px center #01aefb; 
	color: #fff; 
}
.edu-keycon {
	position: absolute;
	top: 7px;
	left: 200px;
	z-index: 100;
}

/* 통합검색 결과 */
.totalSch_result { 
    position: relative;
    padding: 20px 20px 18px; 
    border: solid 3px #c8d4d9; 
/*    border: solid 3px #efefef; */
    overflow: hidden;
}
.totalSch_result .fLeft >label {font-weight: 700; margin-right: 20px; }
.totalSch_result .fLeft .radio { margin-left: 8px; margin-right: 16px;}
.totalSch_result .fLeft .radio>label { vertical-align: middle; line-height: 20px;}
.totalSch_result .reSearch {
    position: absolute;
    top:12px;
    right: 10px;
    vertical-align: middle;
}
.totalSch_result .reSearch >span {font-weight: 700; margin-right: 10px; }
.totalSch_result .reSearch > input[type="text"] {
    border: 1px solid #e0e0e0;    
    line-height: 20px;
    color: #363636;
    padding: 10px;    
    width: 200px;
    height: 34px;
}
.totalSch_result .reSearch .btn_sch {
    line-height: 20px;
    background-color: #3f464c;
    color: #fff;
    height: 34px;
    width: 60px;
    font-size: 14px;
}
.totalSch_result .reSearch .btn_sch:hover, 
.totalSch_result .reSearch .btn_sch:focus { background-color: #ccc; color: #000; font-weight: 700;}
.totalSch_result::after { display: block; clear: both; content: ''}

#searchBox { clear: both; margin-top: 30px;}
#searchBox .searchTxtList { margin-top: 50px;}
#searchBox .searchTxtList .category { font-size: 23px; margin-bottom: 10px; }
#searchBox .searchTxtList > ul { border-top: solid 1px #c8d4d9; border-bottom: solid 1px #c8d4d9;}
#searchBox .searchTxtList > ul > li:first-child { margin-top:12px; }
#searchBox .searchTxtList > ul > li:last-child { margin-bottom:12px; }
#searchBox .searchTxtList .search_result { line-height: 24px; margin: 22px 0 28px; padding-left: 12px; }
#searchBox .searchTxtList .search_result .title {  font-weight: 700; font-size: 18px;}
#searchBox .searchTxtList .search_result .title > a:hover,
#searchBox .searchTxtList .search_result .title > a:focus { text-decoration: underline; color: #01aefb; }
#searchBox .searchTxtList .search_result .title .info {  font-size: 13px; padding-left: 15px; color: #555; font-weight: 400;}
#searchBox .searchTxtList .search_result .keyword { font-size: 14px;}
#searchBox .searchTxtList .search_result .keyword .timg { 
    color: #fff; 
    background-color: #7d838e; 
    padding: 3px 8px; 
    font-size: 10px; 
    margin-right: 4px;
    border-radius: 4px;
}
#searchBox .searchTxtList .search_result .conTxt { color: #777;}
#searchBox .searchTxtList .moreBtn { background-color: #f4f4f4; padding: 12px 0; text-align: center;}
#searchBox .searchTxtList .moreBtn > a { color: #000;}
#searchBox .searchTxtList .moreBtn > a:hover, #searchBox .searchPlan .moreBtn > a:focus { text-decoration: underline;}
#searchBox .searchTxtList .search_result .community { display: block;}
#searchBox .searchTxtList .search_result .community:hover,
#searchBox .searchTxtList .search_result .community:focus { text-decoration: underline}
#searchBox .searchTxtList .search_result .community .title { font-weight: 700; font-size: 18px;}

/* 통합검색_교수자료실 */
#searchBox .searchTxtList .schResult_paper { 
    display: inline-block; 
    width: 175px; 
    margin: 20px 26px; 
}
#searchBox .searchTxtList .schResult_paper .list_box .paper { overflow: hidden; border: solid 2px #e8e8e8;}
#searchBox .searchTxtList .schResult_paper .list_box .paper>a>span.ico,
#searchBox .searchTxtList .schResult_paper .list_box .paper>a>img { width: 175px; height: 248px;}
#searchBox .searchTxtList .schResult_paper .list_box .paper>a {position: relative;}
#searchBox .searchTxtList .schResult_paper .list_box .paper>a:hover>span.ico,
#searchBox .searchTxtList .schResult_paper .list_box .paper>a:focus>span.ico {
    position: absolute;
    top:0;
    left: 0;
    background: url(../images/community/ico_zoom.png) center center no-repeat;
    background-color: rgba(0,0,0,0.3);    
}
#searchBox .searchTxtList .schResult_paper .list_box .tle {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    padding: 8px 2px;
    font-weight: 700;
    font-size: 14px;
    height: 48px;
    line-height: 1.4em;
    margin-bottom: 6px;
}
#searchBox .searchTxtList .schResult_paper .list_box .Keyword { 
    font-size: 13px; 
    letter-spacing: -0.04em; 
    line-height: 1.4em;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    height: 36px;
}
#searchBox .searchTxtList .schResult_paper .list_box .Keyword .timg { 
    color: #fff; 
    background-color: #7d838e; 
    padding: 2px 3px; 
    font-size: 10px; 
    margin-right: 2px;
    border-radius: 4px;
}


/* 모모한글수 통계 tab */
.momoChartab {
    margin: 20px;
}
.momoChartab .tabs >li.tabtit {
    float: left;
    vertical-align: middle;
    text-align: center;
    padding-right: 2px;
    padding-bottom: 1px;
    width: 20%;
}
.momoChartab .tabs >li>a {
    display: block;
    padding: 13px 0;
    font-size: 15px;
    color: #3f464c;
    background-color: #f2f2f2;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    box-sizing: border-box;    
}
.momoChartab .tabs >li.tc-selected>a {
    font-weight: bold;
    background-color: #86abd4;
    color: #ffffff;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}
.momoChartab .tabs::after {
    content:'';display:block;clear:both;
}
.momoChartab .panels {
    margin: 20px 0;
}

/*========== footer ==========*/
#footer { 
	clear: both;
    width: 100%;
	min-width: 1380px;
    border-top: 1px solid #3f464c;
    margin-top: 30px;
}
#footer .footer_box { 
    width: 1390px; 
    padding: 20px 0;
    overflow: hidden;
}
#footer .footer_box .footer_logo {
    float: left;
    width: 151px;
    padding-top: 13px;
}
#footer .footer_box .footer_con {
    float: left;    
    border-left: solid 1px #a5acb2;
}
#footer .footer_box .footer_con .footer_menu li {
    display: inline-block;
    *display:inline;
    zoom:1;
    padding: 0 14px;
}
#footer .footer_box .footer_con .footer_menu li a { font-size: 15px; font-weight: 700; }

.footer_box .footer_con > address { 
    margin-top: 12px;
    padding-left: 14px;    
}
.footer_box .footer_con > address > span { 
    padding: 0 10px; 
    font-size: 0.875em;
    letter-spacing: -0.06em;
}
#footer .footer_box .footer_con > address > span:first-child { padding-left: 0; }
#footer .footer_box .footer_con .copy {
    font-size: 0.875em;
    padding-left: 14px;
    margin-top: 6px;
}

/*========== footer guide ==========*/
.anc{overflow:hidden;border-top:1px solid #eaeaea;border-bottom:1px solid #eaeaea;padding:17px 0}
.anc ul{float:left;width:490px}
.anc ul li{letter-spacing:0.05em;vertical-align:top;line-height:25px;font-weight:bold}
.anc ul li a{color:#52bdec}
.anc ul li a:hover, .anc ul li a:focus{text-decoration:underline}
.anc ul li a span{color:#000}

.guide_terms { padding: 19px 0 25px; }
.guide_terms div { min-height:50px }
.guide_terms strong {
    display: block;
    font-size: 15px;
    font-weight: bold;
    color: #000;
    margin-top: 23px;
    margin-bottom: 12px;
}
.guide_terms p {
    line-height: 24px;
    letter-spacing: -1px;
    color: #666;
    padding: 3px 10px 0; }
.guide_terms span {
    display: block;
    padding: 7px 0 5px 5px;
    color: #000;
    font-size: 15px;}
.guide_terms a{color:#666}
.guide_terms a:hover, .guide_terms a:focus{text-decoration:underline}

.guide_email{ width: 80%; height:303px;padding:60px 0 0 228px;border-top:1px solid #eaeaea;background:url(..//images/common/bg_guide_email.png) no-repeat 30px 60px}
.guide_email strong{display:block;color:#000;font-size:18px;line-height:22px;font-weight:bold;letter-spacing:-1px}
.guide_email strong span{color:#00aefb}
.guide_email p{line-height:21px;color:#666;letter-spacing:-1px;margin-top:13px}