#container .con_wrap { width: 1168px; background-color:#FFF;}
.tab01 { margin-bottom: 87px; }
.tab01:after { display: block; content: ''; clear: both; }
.tab01 li { float: left; margin-left: 10px; width: 382px; }
.tab01 li:first-child { margin-left: 0; } 
.tab01 li a { display: block; height: 74px; background: #f1f1f1; color: #505050; line-height: 74px; font-size: 20px; font-weight: bold;  text-align: center;  }
.tab01 li a br { display: none; }
.tab01 li.on a { background: #7a4d32; color: #fff; }

.tab_view { position: relative; }
.btn_schedule { position: absolute; top: -46px; right: 0; width: 136px; height: 25px; border: 1px solid #bfbfbf; border-radius: 4px; color: #333; line-height: 25px; font-size: 13px; font-weight: bold;  text-align: center; }
.list_wrap { /*overflow: hidden; */}
.list_wrap > ul { width: 1179px; margin: 1px 0 0 -10px; }
.list_wrap > ul:after { display: block; content: ''; clear:both; }
.list_wrap > ul > li { position: relative;  float: left; margin: 10px 0 0 10px; width: 383px;  }
.list_wrap > ul > li > .detail { display: block; position: relative; border: 1px solid #d1d1d1; cursor: pointer; }
.list_wrap > ul > li > .detail img { vertical-align: top; }
.list_wrap > ul > li > .detail .txt { display: table; position: absolute; bottom: 0; left: 0; width: 100%; height: 85px;  background: rgba(0,0,0,0.75);}
.list_wrap > ul > li > .detail dl { display: table-cell; padding: 0 27px; width: 100%; height: 85px; color: #fff; line-height: 22px; font-size: 15px; vertical-align: middle;  }
.list_wrap > ul > li > .detail dl dt { font-size: 17px; font-weight: bold;    }
.list_wrap > ul > li > .detail:hover .more { display: block; }
.list_wrap .more { display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.7) url('../images/schedule/btn_more.png') no-repeat 50% 50%; line-height: 0; font-size: 0; text-indent: -9999px; }

.dim { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.7); z-index: 100; }
.btn_close { position: fixed; top: 20px; right: 30px; color: #fff; font-size: 40px; }
.all_schedule { display: none; position: absolute; top: 10%; left: 50%; margin-left: -500px; width: 1000px; background: #fff; z-index: 200; }
.tbl { width: 100%; }
.tbl th { position: relative; height: 50px; background: #923d43;  color: #fff; font-size: 16px; border-bottom: 1px solid #dcdcdc;  }
.tbl th:before { display: inline-block; content: ''; position: absolute; top: 50%; left: 0; margin-top: -7px; width: 1px; height: 14px; background: #6c3333; }
.tbl th:first-child { border-left: 0 none; }
.tbl td { height: 50px;  border-left: 1px solid #dcdcdc; border-bottom: 1px solid #dcdcdc; color: #505050; line-height: 24px; font-size: 15px; text-align: center;   }
.tbl td:first-child { border-left: 0 none; }
.tbl td.left { padding: 0 30px; }
.f_red { color: #923d43 !important; }
.tbl tr.bg_gray td { background: #f6f8f9;  }



.subTit2 {font-size: 26px; color: #333; 	font-weight: bold;}
.btnClose {
	position: absolute;
	top: 30px;
	right: 30px;
}
/* layer */
.detailLayer {
	
	position: fixed;
	top: 50%;
	left: 57%;
	padding: 32px 30px;
	margin-top: -360px;
	margin-left: -584px;
	width: 900px;
	min-height: 675px;
	background: #fff;
	text-align: left;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	z-index: -1;

}
.detailLayer .conWrap {
	margin-top: 14px;
	padding-top: 30px;
	border-top: 1px solid #ff5114;
}

.detailLayer .conWrap ul { overflow: hidden;}
.detailLayer .bx-wrapper {
	position: relative; 
	margin-bottom: 0;
/* 	height: 430px; */
}
.detailLayer .bx-wrapper .bx-viewport {
	/* height: 430px; */
}
.detailLayer .txtList {margin-top: 30px;}
.detailLayer .txtList li {
	overflow: hidden;
	margin-top: 30px;
	font-size: 15px; 
}
.detailLayer .txtList li:first-child {margin-top: 0;}
.detailLayer .txtList li em {
	display: block;
	float: left;
	width: 100px;
	font-weight: bold;
	line-height: 25px;
}
.detailLayer .txtList li span {
	display: block;
	float: left;
	width: 990px;
	line-height: 25px;
}
.detailLayer .bx-controls-direction {
	width: 1068px;
	position: absolute;
	top: 35%;
	left: 50%;
	margin-left: -534px;
	height: 80px;
}
.detailLayer .bx-wrapper .bx-controls-direction a {
	display: block; 
	width: 60px;
	height: 60px;
	line-height: 0; font-size: 0; text-indent: -9999px; 
	position: absolute;
}
.detailLayer .bx-wrapper .bx-controls-direction a.bx-prev {  left: 0; background: url('/image/main/visual_btn_left.png') no-repeat;}
.detailLayer .bx-wrapper .bx-controls-direction a.bx-next { right: 0; background: url('/image/main/visual_btn_right.png') no-repeat;}
.detailLayer .bx-wrapper .bx-pager.bx-default-pager a {
	width: 14px;
	height: 14px;
	background: url('/image/main/img_pager_off.png') no-repeat;
}
.detailLayer .bx-wrapper .bx-pager { position: absolute; left: 0; bottom: 20px; width: 100%; text-align: center; }
.detailLayer .bx-wrapper .bx-pager .bx-pager-item { display: inline-block; vertical-align: top; width: 20px; height: 20px; }
.detailLayer .bx-wrapper .bx-pager .bx-pager-item a { display: block; width: 20px; height: 20px;  line-height: 0; font-size: 0; text-indent: -9999px; }
.detailLayer .bx-wrapper .bx-pager.bx-default-pager a:hover, .detailLayer .bx-wrapper .bx-pager.bx-default-pager a.active {background: url('/image/main/img_pager_on.png') no-repeat;}
.maskLayer {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #000;
	opacity: .45;
	-ms-filter: alpha(opacity=45);
	z-index: 100;
}
/* //layer */


.sub_slider_wrap{position:relative;margin-bottom:57px;}
.sub_slider_wrap .bx-controls-direction{position:absolute;width:100%;top:50%;margin-top:-30px;}
.sub_slider_wrap .bx-controls-direction a{position:absolute;display:block;width:60px;height:60px;background-repeat:no-repeat;background-size:cover;text-indent:-9999px;}
.sub_slider_wrap .bx-controls-direction .bx-prev{left:20px;background-image:url(/image/main/visual_btn_left.png);}
.sub_slider_wrap .bx-controls-direction .bx-next{right:20px;background-image:url(/image/main/visual_btn_right.png);}
.sub_slider_wrap .bx-pager{position:absolute;width:100%;text-align:center;bottom:20px;}
.sub_slider_wrap .bx-pager > div{display:inline-block;padding:0 5px;}
.sub_slider_wrap .bx-pager > div a{display:block;border:2px solid #fff;border-radius:100%;text-indent:-9999px;width:14px;height:14px;transition:all .2s ease-in-out}
.sub_slider_wrap .bx-pager > div a:hover{background-color:#fff;}
.sub_slider_wrap .bx-pager > div a.active{background-color:#FFF;}


/* S: 그림그리기대회 css 추가 */
.drawing #header { height: auto; border-bottom: 0 none; }
.drawing #header .bannerArea { height: auto; }
.drawing #container .con_wrap { width: 1024px; }
.drawing [class*="sec"] { padding: 50px 0; border-bottom: 1px solid #dcdcdc; }
.drawing [class*="sec"]:last-child { padding-bottom: 0; border-bottom: 0 none; }
.drawing .sec01 { padding-top: 0; }
.drawing .tab01.new_tab { margin-bottom: 50px; }
/*.drawing .tab01.new_tab li { width: 336px;  }*/
.drawing .tab01.new_tab ul {margin-left:-5px;}
.drawing .tab01.new_tab ul:after {clear:both; content:''; display:block;}
/*.drawing .tab01.new_tab li { width: 33.333%; padding-left: 5px;box-sizing:border-box;  float:left; }*/ 
.drawing .tbl01 tbody th { border-top: 1px solid #dcdcdc; border-bottom: 1px solid #dcdcdc; }
.drawing .sec02 .tbl01 { margin-bottom: 15px;  }
.txt_tip { color: #923d43; line-height: 25px; font-size: 14px; font-weight: bold; }
.drawing .sec03 .tit1 { display: inline-block; margin-right: 20px; vertical-align: top; }
.drawing .sec03 p { display: inline-block; color: #272727; line-height: 20px; font-size: 14px; font-weight: bold; vertical-align: top;  }
.list_ty1 li { position: relative; margin-top: 10px; padding-left: 143px; line-height: 20px; font-size: 14px;  }
.list_ty1 li:after { display: block; content: ''; position: absolute; top: 10px; left: 13px; width: 4px; height: 4px; border-radius: 50%; background: #ff6600;   }
.list_ty1 li:first-child { margin-top: 0; }
.list_ty1 li dfn { position: absolute; top: 0;left: 34px; font-weight: bold; }
.list_ty2 li { position: relative; margin-top: 10px; padding-left: 34px; line-height: 20px; font-size: 14px;  }
.list_ty2 li:after { display: block; content: ''; position: absolute; top: 10px; left: 13px; width: 4px; height: 4px; border-radius: 50%; background: #ff6600;   }


.drawing .tbl_type02 { margin-bottom: 50px; }
.drawing .tbl_type02 .inpbox.w1 { width: 190px; }
.drawing .tbl_type02 .inpbox.w2 { width: 50px; }
.drawing .chk_agree {  padding-left: 0; }
.drawing .chk_agree .chk_box { margin-bottom: 20px; font-weight: bold; font-size: 16px;  }
.drawing .tbl_type02 td .inline { display: inline-block; vertical-align: top; }
.drawing .btn1 { border: 0 none;  }
.drawing .tbl_type02 .inpbox { font-size: 16px; }


.list_ty3 { margin-bottom: 30px;  }
.list_ty3:after { display: block; content: ''; clear: both; }
.list_ty3 li { float:left; width: 229px; margin:  0 0 25px 15px; }
.list_ty3 li:nth-child(4n+1) { margin-left: 0; }
.list_ty3 li .thum { margin-bottom: 20px; }
.list_ty3 li dl { min-height: 120px; }
.list_ty3 li dt { margin-bottom: 15px; color: #000; line-height: 17px; font-size: 15px; font-weight: bold; text-align: center; }
.list_ty3 li dd { position: relative; padding-left: 28px; color: #646464; line-height: 21px; font-size: 13px; letter-spacing: -0.5px;  }
.list_ty3 li dd strong { position: absolute; top: 0; left: 0; color: #000; }

/* E: 그림그리기대회 css 추가 */


/* S: ebook css 추가 */

.ebook #header { height: auto; border-bottom: 0 none; }
.ebook #header .bannerArea { height: auto; }
.ebook #container .con_wrap { width: 1024px; }
.ebook [class*="sec"] { padding: 50px 0; border-bottom: 1px solid #dcdcdc; }
.ebook [class*="sec"]:last-child { padding-bottom: 0; border-bottom: 0 none; }
.ebook .sec01 { padding-top: 0; }
.ebook .tab01.new_tab { margin-bottom: 50px; }
.ebook .tab01.new_tab li { width:24%;  }
.ebook .tbl01 tbody th { border-top: 1px solid #dcdcdc; border-bottom: 1px solid #dcdcdc; }
.ebook .sec02 .tbl01 { margin-bottom: 15px;  }
.txt_tip { color: #923d43; line-height: 25px; font-size: 14px; font-weight: bold; }
.ebook .sec03 .tit1 { display: inline-block; margin-right: 20px; vertical-align: top; }
.ebook .sec03 p { display: inline-block; color: #272727; line-height: 20px; font-size: 14px; font-weight: bold; vertical-align: top;  }
.list_ty1 li { position: relative; margin-top: 10px; padding-left: 143px; line-height: 20px; font-size: 14px;  }
.list_ty1 li:after { display: block; content: ''; position: absolute; top: 10px; left: 13px; width: 4px; height: 4px; border-radius: 50%; background: #ff6600;   }
.list_ty1 li:first-child { margin-top: 0; }
.list_ty1 li dfn { position: absolute; top: 0;left: 34px; font-weight: bold; }
.list_ty2 li { position: relative; margin-top: 10px; padding-left: 34px; line-height: 20px; font-size: 14px;  }
.list_ty2 li:after { display: block; content: ''; position: absolute; top: 10px; left: 13px; width: 4px; height: 4px; border-radius: 50%; background: #ff6600;   }


.ebook .tbl_type02 { margin-bottom: 50px; }
.ebook .tbl_type02 .inpbox.w1 { width: 190px; }
.ebook .tbl_type02 .inpbox.w2 { width: 50px; }
.ebook .chk_agree {  padding-left: 0; }
.ebook .chk_agree .chk_box { margin-bottom: 20px; font-weight: bold; font-size: 16px;  }
.ebook .tbl_type02 td .inline { display: inline-block; vertical-align: top; }
.ebook .btn1 { border: 0 none;  }
.ebook .tbl_type02 .inpbox { font-size: 16px; }


.list_ty3 { margin-bottom: 30px;  }
.list_ty3:after { display: block; content: ''; clear: both; }
.list_ty3 li { float:left; width:229px; margin:  0 0 25px 36px; }
.list_ty3 li:nth-child(4n+1) { margin-left: 0; }
.list_ty3 li .thum { margin-bottom: 20px; }
.list_ty3 li dl { min-height: 120px; }
.list_ty3 li dt { margin-bottom: 15px; color: #000; line-height: 17px; font-size: 15px; font-weight: bold; }
.list_ty3 li dd { position: relative; padding-left: 28px; color: #646464; line-height: 21px; font-size: 13px; letter-spacing: -0.5px;  }
.list_ty3 li dd strong { position: absolute; top: 0; left: 0; color: #000; }

/* E: ebook css 추가 */


@media screen and (max-width: 1168px) {
#container .con_wrap { padding: 50px 10px; width: auto; }
.tab01 li { margin: 0; padding: 0 5px;   width: 33.33%; box-sizing: border-box; -webkit-box-sizing: border-box;}
.list_wrap > ul { width: auto; margin: -10px 0 0 0; }
.list_wrap > ul > li { margin: 10px 0 0 0; padding: 0 5px;  width: 33.33%; box-sizing: border-box; -webkit-box-sizing: border-box; }
.all_schedule { margin-left: -45%; width: 90%;  word-break: normal; }

.detailLayer { position: absolute; top: 10px; margin-top: 0; margin-left: -45%; width: 90%; min-height: 0; }
.detailLayer .bx-controls-direction { margin-left: 0;  left: 0; width: 100%; }
}

/* S: 그림그리기대회 css 추가 */
@media screen and (max-width: 1024px) {
.drawing #container .con_wrap { width: auto; padding: 50px 15px; }
.drawing .tab01.new_tab li { width: 50%; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }
.drawing .tab01.new_tab li a { height: 38px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }
/* .drawing .tab01 ul li:first-child { padding-right: 5px; } */
.drawing .tab01 ul li:nth-child(2) { padding-left: 5px; }

.list_ty3 li { margin: 0 0 25px 0; padding: 0 10px; width: 33.33%; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;}
.list_ty3 li .thum img { width: 100%; }
.drawing .tab01 ul li a span { padding: 0; }

}
/* E: 그림그리기대회 css 추가 */


/* S: 그림그리기대회 css 추가 */
@media screen and (max-width: 1024px) {
.ebook #container .con_wrap { width: auto; padding: 50px 15px; }
.ebook .tab01.new_tab li { width: 33%; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }
.ebook .tab01.new_tab li a { height: 38px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }
.ebook .tab01 ul li:first-child { padding-right: 5px; }
.ebook .tab01 ul li:nth-child(2) { padding-left: 5px; }

.list_ty3 li { margin: 0 0 25px 0; padding: 0 10px; width: 33.33%; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;}
.list_ty3 li .thum img { width: 100%; }
.ebook .tab01 ul li a span { padding: 0; }

}
/* E: 그림그리기대회 css 추가 */


@media screen and (max-width: 860px) {
.list_wrap > ul > li { padding: 0 5px;  width: 50%;  }
.list_wrap > ul > li > .detail img { width: 100%; }
.detailLayer .bx-controls-direction { height: 40px; }
.detailLayer .bx-wrapper .bx-controls-direction a { width: 40px; height: 40px; background-size: 40px 40px !important; }
.detailLayer .txtList li em { float: none; width: auto; }
.detailLayer .txtList li span{ float: none; width: auto;}
.sub_slider_wrap{margin-bottom:30px;}
.sub_slider_wrap .bx-controls-direction a{width:40px;height:40px;}
.sub_slider_wrap .bx-controls-direction{margin-top:20px;}
.sub_slider_wrap .bx-pager > div a{width:10px;height:10px;}
}


@media screen and (max-width: 780px) {
.list_ty3 li { width: 50%; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;}
.list_ty3 li:nth-child(odd) { padding: 0 10px 0 0; }
.list_ty3 li:nth-child(even) { padding: 0 0 0 10px; }

}

@media screen and (max-width: 580px) {

/* S: 그림그리기대회 css 추가 */
.list_ty1 li { padding-left: 110px; }
.drawing .tbl_type02 td .inline { display: block; margin-top: 10px; }
.drawing .tbl_type02 th { padding: 9px 5px; }


/* E: 그림그리기대회 css 추가 */

}


@media screen and (max-width: 480px) {
#container .con_wrap { padding: 30px 10px; }
.list_wrap > ul > li { width: 100%;  }
.tab01 { margin-bottom: 60px; }
.tab01 li a { padding: 5px 10px; height: auto;  font-size: 15px; line-height: 20px; }
.tab01 li a br { display: block; }
.list_wrap > ul > li > .detail dd br { display: none; }
.tbl th { line-height: 20px; font-size: 13px;  }
.tbl td { padding: 0 5px; line-height: 20px; font-size: 12px;  }
.tbl td.left { padding: 0 10px;}

.subTit2 { line-height: 20px; font-size: 18px; }
.detailLayer { padding: 32px 20px; }
.detailLayer .txtList { margin-top: 20px; }
.detailLayer .txtList li { margin-top: 10px; font-size: 14px; }

.sub_slider_wrap .bx-controls-direction a{width:30px;height:30px;}
.sub_slider_wrap .bx-controls-direction{margin-top:-15px;}
.sub_slider_wrap .bx-pager > div a{width:8px;height:8px;}
.sub_slider_wrap .bx-pager {bottom:10px;}

.list_ty3 li { float: none; padding: 0 !important; width: auto; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;}
.list_ty3 li dl { margin-bottom: 25px; min-height: 0; }
}