@charset "utf-8";
/* com2zoa design kjh 20210216*/
@keyframes subvtxt1 {
0% {opacity: 0; transform: translateX(-50%);}
10% {opacity: 1; transform: translateY(0);}
65% {opacity: 1; transform: translateY(0);}
75% {opacity: 0; transform: translateX(-50%);}
}
@keyframes subvtxt2 {
3% {opacity: 0; transform: translateY(70%);}
13% {opacity: 1; transform: translateY(0);}
68% {opacity: 1; transform: translateY(0);}
78% {opacity: 0; transform: translateY(-70%);}
}
@keyframes subvtxt3 {
6% {opacity: 0; transform: translateY(50%);}
16% {opacity: 1; transform: translateY(0);}
71% {opacity: 1; transform: translateY(0);}
81% {opacity: 0; transform: translateY(-50%);}
}

.btn_img {text-indent: -9999px; font-size: 0; line-height: 0; overflow: hidden;}
.top_menu .btn_pop {display:none}

/* Layout */
#subpage {min-height:500px; padding:0 10px 20px}
.subcontain {position:relative}
.sub_allbox {position: relative; background:#fff}

/* Visual */
.subvisual {position:relative; z-index:0}
.subvisual .visual_wrap {width:100%}
.subvisual .slick-prev, .subvisual .slick-next {display:none !important}
.subvisual .slick-dots {position:absolute; bottom:12px; right:50%; margin-right:-590px}
.subvisual .slick-dots li {float:left; margin:0 0 0 6px}
.subvisual .slick-dots li button {overflow:hidden; width:14px; height:14px; line-height:0; text-indent:-9999px; font-size:0; border:4px solid #fff; background:none; box-shadow:0 2px 2px 1px rgba(0,0,0,0.15), inset 0 2px 2px 1px rgba(0,0,0,0.15); border-radius:4px; box-sizing: border-box}
.subvisual .slick-dots li.slick-active button {background:#2288cf; border:0; box-shadow:0 2px 2px 1px rgba(0,0,0,0.15)}

/* left menu */
#sub_left .left_tit {display:none}
#sub_left .leftmn {display:none}
#sub_left .tit {padding-bottom:25px; text-align:center; font-size:1.692em; color:#1f1f1f}
#sub_left .tit span {display:block; overflow:hidden; white-space: nowrap; text-overflow:ellipsis}

/* subtop */
#subtop {position: relative}
#subtop h3 {padding:20px ;font-size:1.385em; font-weight:500; color:#161616; text-align: center; border-bottom:1px solid #d1c093}
#subtop h3 span {display:inline-block}
.eng_tit {display:none}

/* Sub_guide */
#sub_guide {z-index:10}
#sub_guide .submn {display: none}
#sub_guide .guide_wrap {position: relative; z-index:20 }
.navi_area > li {padding:0 0 0 10px}
#sub_guide .btn_home {position: absolute; left: 0; top:0}
#sub_guide .btn_home a {display: block; width:16px; color: #2e2e2e}
#sub_guide .navi_area > ul > li {float: left; margin:0 1px 0 3px; padding-left:5px; background:url(../images/sub/img_naviarrow.gif) no-repeat 0 50%}
#sub_guide .navi_area > ul > li > a {display: block; line-height: 20px; padding:0 5px}

/* TabNavi */
.tabnavi01 {clear:both; margin:0 10px 15px}
.tabnavi01 li {display:inline-block; float:left; margin:5px 10px 5px 0}
.tabnavi01 li a {display:block; min-width:38px; height:44px; line-height:42px; padding:0 40px 0 8px; background:url(../images/sub/blt_tabnavi01.png) no-repeat 100% 50%; color:#2e2e2e; text-align:left; font-weight:500; border:1px solid #d3d3d3; border-left:4px solid #d7d7d7; border-radius:0 50px 50px 0}
.tabnavi01 .on a, .tabnavi01 li:hover a {background: url(../images/sub/blt_tabnavi01_a.png) 100% 50% no-repeat; color:#fff; border-left-color:#97c44f; color:#598413; transition:.3s}

/* TabNavi02 */
.tabnavi02 {margin:0 10px 15px}
.tabnavi02 ul {padding:12px 16px; border:1px solid #d4d4d4; background: #fff; border-radius:10px}
.tabnavi02 ul li { float: left; width:25%; height: 20px; padding:5px 0; font-size: 1.077em; font-weight:400}
.tabnavi02 ul li a {overflow:hidden; display: block; height:20px; line-height:20px; margin-right:10px; color: #3a3a3a}
.tabnavi02 ul li a span {display:inline-block; width:90%; padding:0 0 0 22px; background:url(../images/sub/blt_tabnavi02.gif) 0 3px no-repeat; overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
.tabnavi02 ul .on a span, .tabnavi02 li:hover a span {background: url(../images/sub/blt_tabnavi02_a.gif) 0 3px no-repeat; color:#4f832c}

/* boardTab */
.boardTab ul {padding:12px 16px; border: 1px solid #d0d0d0; background: #fff; border-radius:10px}
.boardTab ul li { float: left; width:25%; height: 20px; padding:5px 0; font-size: 1.077em; font-weight:400}
.boardTab ul li a {display: block; height:20px; line-height:20px; color: #3a3a3a; overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
.boardTab ul li a span {display:inline-block; padding:0 0 0 25px; background:url(../images/sub/blt_tabnavi02.gif) 0 3px no-repeat}
.boardTab ul .on a span, .boardTab li:hover a span {background: url(../images/sub/blt_tabnavi02_a.gif) 0 3px no-repeat; color:#4f832c}

/* fontsize */
.fontsize {display:none}

/* print */
.print {display:none}

/* quickmenu */
#quickmenu {display:none; position: absolute; top:560px; right:20px; z-index:99}
#quickmenu .sub_quick {display:none}
.btn_top {font-size:0; text-indent:-9999px}
.btn_top a {display:none}

/* ----------------- 공통 ----------------- */
.blind {font-size:0; overflow:hidden; text-indent:-9999px; height:0; width:0; line-height:0}
h4.sub_tit04 {line-height:24px; margin:0 0 5px; padding:5px 0 5px 25px; background: url(../images/sub/blt_h4_tit.gif) no-repeat 0 7px; font-weight:400; font-size:1.231em; color:#1e1e1e}
h5.sub_tit05 {line-height:20px; padding:0 0 0 25px; margin:0 0 10px 10px; background: url(../images/sub/blt_h5_tit.gif) no-repeat 0 50%; font-weight:400; color:#1e1e1e; font-size:1.154em}
.basic_font {font-size:1.154em; line-height:150%}

.hanja {font-family:'나눔고딕'}

/* -------------------공통스타일시작 -------------------*/

/*개인정보처리방침*/
.protect  .cg_table {overflow: hidden; margin-bottom: 20px}
.protect .cg_table table{border-bottom:none}
.protect h4.sub_tit4{margin: 10px 0 20px 0}
.protect .infobox01{ padding: 35px 15px} 
.protect .infobox01{background:url(../images/sub/protect_img_n.gif) right 10px center no-repeat; padding:15px 15px; margin-bottom:20px; line-height:22px; border:1px dashed #cccccc}  
.protect .infobox01 ul{ width: 87%; padding:0 0 0 10px}
.protect .infobox01 ul li {line-height:180%; margin-bottom: 10px; padding-left:10px; background: url(../images/sub/woul_list_blt.gif) no-repeat left 9px} 
.protect .pro_box {position:relative; margin-top:10px}
.protect .pro_titbox{ overflow: hidden; position:relative; border-radius:5px; margin:25px 0 15px 0; border: 1px solid #bfbfbf; background:#f5af07; font-size:1.143em}
.protect .pro_h5{line-height: 140%;  padding: 10px; margin: 0 0 0 70px; background: #fff}
.protect h5 .col_r{color:#0078ff}
.protect .pro_tit{position: absolute; top:50%; left:0; width:70px;  height:42px; line-height: 42px;  margin-top: -21px; text-align: center; font-weight:bold; color:#fff; font-weight:400}
.protect .pro_box .priv_go a{ display: block; background: #4c4844; padding: 13px; border-radius:5px; font-size: 1.077em; font-weight:400; text-align: center; color:#fff}
.protect .pro_box tbody th { padding:8px 10px 4px 10px}
.protect .pro_box tbody td { padding:8px 10px 4px 10px}
.protect .pro_box .mh_table{ margin:15px 10px 10px 10px;}
.protect .pro_box .pro_list tbody td{ text-align: left; padding:12px 10px 12px 10px}
.protect .pro_box .pro_list tbody td a{ display:block}
.protect .pro_box .pro_list .list_now { background: #9b9b9b}
.protect .pro_box .pro_list .list_now a{ display:block; color:#fff}
.protect .txt_box li{ line-height: 160%;/*text-indent: -15px*/}
.protect .txt_box .txt01{ margin: 15px 0 10px 0}
.protect .txt_box dl{ margin: 5px 0 5px 0; line-height: 160%}
.protect .txt_box dl dt{ font-weight: 400; color:#000}
.protect .txt_box dl dd{margin-bottom: 5px; text-indent: 0}
.protect .border_box{padding:15px; margin: 10px; border-radius:5px; border: 1px solid #bbc1be; background:#f2f2f2}
.protect .common_tit{ line-height:160%; padding-left:13px; margin:10px 0 5px 0; background: url(../images/sub/lst_blt.gif) no-repeat left 9px}
.protect .common_tit{ font-weight: bold}
.protect .common_txt{ line-height:160%; margin-bottom:15px}
.protect .pro_date{line-height: 160%; margin-bottom: 10px}
.protect .pro_date span{font-weight: 500}    
.protect .txt_box{ margin-bottom: 20px}
.protect .txt_box li{ line-height: 180%}

/*표_색상:영상정보타이틀 색상*/
.protect .table_protect{background:#adadad}
.protect .table_protectthead th {border:1px solid #989898}

/*영상정보처리방침*/
.video_info .cg_table {overflow: hidden}
.video_info .cg_table table{border-bottom:none}
.video_info .infobox01{ padding: 35px 15px} 
.video_info .infobox01{background:url(../images/sub/videoInfo_img_n.gif) right 10px center no-repeat; padding:30px 15px; margin-bottom:20px; line-height:22px;border:1px dashed #cccccc} 
.video_info .infobox01 ul{ width: 87%; padding:0 0 0 10px}
.video_info .infobox01 ul li{ line-height: 160%} 
.video_info .pro_box {position:relative; margin-top:10px}
.video_info .pro_titbox{ overflow: hidden; position:relative; border-radius:5px; margin-bottom:15px;  border: 1px solid #bfbfbf; background:#1ebaa6; font-size:1.143em}
.video_info h5{line-height: 140%; padding: 10px; margin: 0 0 0 70px; background: #fff; font-weight: 400}
.video_info .pro_tit{position: absolute; top:50%; left:0; width:70px;  height:42px; line-height: 42px;  margin-top: -21px; text-align: center; font-weight:bold; color:#fff;   font-weight: 400}
.video_info .pro_box .sb_tablebox{margin-top: 10px; text-align: center; text-indent: 0}
.video_info .pro_box tbody th { padding:8px 10px 4px 10px}
.video_info .pro_box tbody td { padding:12px 10px 12px 10px}
.video_info .txt_box p.pro_con{ line-height: 160%; margin: 15px 0 10px 10px}
.video_info .txt_box .txt01{ margin: 15px 0 10px 18px}
.video_info .txt_box .txt02{ margin: 5px 0 0 18px}
.video_info .txt_box dl{line-height: 160%}
.video_info .txt_box dl dt{ font-weight: 400; color:#000; font-size:1.071em}
.video_info .txt_box dl dd{margin-bottom: 5px; text-indent: 0}
.video_info .border_box{padding:10px; margin: 10px 0; border-radius:5px; border: 1px solid #bbc1be; background:#f2f2f2}
.video_info .common_tit{ line-height:160%; padding-left:13px; margin:15px 0 5px 0px; background: url(../images/sub/lst_blt.gif) no-repeat left 9px}
.video_info .common_tit{ font-weight: bold}
.video_info .common_txt{ line-height:160%; padding-left:13px; margin:15px 0 5px 0; background: url(../images/sub/lst_blt.gif) no-repeat left 9px}
.video_info .common_txt span{font-weight: 500}    
.video_info .txt_box {margin-bottom: 20px}
.video_info .txt_box > li {line-height: 150%; padding-left:10px}
.video_info .txt_box li > ul {padding:10px}
.video_info .txt_box .txt01{ margin: 15px 0 5px 25px}
.video_info .txt_box .txt02{ margin: 5px 0 0 10px}

/*표_색상:영상정보타이틀 색상*/
.video_info .table_videoinfo {background:#adadad}
.video_info .table_videoinfo thead th {border:1px solid #989898}
.video_info .videoinfo_lst .video_lstit{background:#1ebaa6; padding:10px; text-align:center; color:#fff; font-weight:500; font-size:15px;}
.video_info .videoinfo_lst ul{padding:10px; border:1px solid #ccc}
.video_info .videoinfo_lst ul li{margin-bottom:5px}
.video_info .videoinfo_lst ul li:last-child{margin-bottom:0}
.video_info .videoinfo_lst ul li a{display:block; padding:10px; background:#eeeeee; text-align:center}
.video_info .videoinfo_lst ul li a:hover{background:#9e9e9e; color:#fff}
.video_info .videoinfo_lst .video_lstit{background:#1ebaa6; padding:10px; text-align:center; color:#fff; font-weight:500; font-size:15px;}
.video_info .videoinfo_lst ul{padding:10px; border:1px solid #ccc}
.video_info .videoinfo_lst ul li{margin-bottom:5px}
.video_info .videoinfo_lst ul li:last-child{margin-bottom:0}
.video_info .videoinfo_lst ul li a{display:block; padding:10px; background:#eeeeee; text-align:center}
.video_info .videoinfo_lst ul li a:hover{background:#9e9e9e; color:#fff}

/*저작권신고*/
.copyright p.copyrightLine {clear:both;margin:15px 0; line-height:22px}
.copyright p.copyrightTit { text-align:center; border-top:#999 dashed 1px;border-left:#999 dashed 1px; border-right:#999 dashed 1px;margin-top:20px; padding:15px 0; background:#f3eded}
.copyright ul.copyrightUl {padding:15px 15px; border:#999 dashed 1px}
.copyright ul.copyrightUl li {padding:1px 0 0 20px; background:url(../site/images/sub/lst_blt.gif)  left 8px no-repeat; line-height:22px}
.copyright ul.copyrightUl02 {padding:10px 0}
.copyright ul.copyrightUl02 li {padding:1px 0 0 18px; background:url(../site/images/sub/lst_blt.gif)  left 8px no-repeat; line-height:22px}
.copyright p.copyright-btn { margin-top:15px}
.copyright .txt_box p.copyrightImg{clear:both; position:relative; text-align:center; margin:0; padding:15px 0; background:#fff; border:1px solid #cecece;border-radius:5px}
.copyright .txt_box p.copyrightImg span {position:absolute;left:50%;top:50%; font-size:14px; color:#fff;margin:-30px 0 0 169px; display:block; width:126px; height:73px; line-height:73px}
.copyright .txt_box{ background:#f1f1f1; margin:0 0 20px 0;border-radius:5px}
.copyright .txt_box .txt{padding:15px}
.copyright .txt_box ul{padding:20px; line-height:150%; background:#fff; border:1px solid #cecece;border-radius:5px}
.copyright .txt_box ul li{ padding:2px 0 4px 15px; background: url(../images/sub/blt01.gif) left 10px no-repeat}
.copyright .txt_box ul li ul{background:#f6f6f6; border:1px dashed #cecece; margin:5px 0; padding:5px 15px;border-radius:5px}
.copyright .txt_box ul li ul li{background:none; padding-left:20px; text-indent:-20px}
.copyright .txt_box div{border:1px solid #cecece; background:#fff; padding:0; margin:0; overflow:hidden;border-radius:5px}
.copyright .txt_box div h5{background:#855fa5; line-height:150%; font-size:1.071em; font-weight: 400; color:#fff; text-align:center; margin:0; padding:8px 5px 10px 5px}
.copyright .txt_box div h6{background:#855fa5; line-height:150%; font-size:1.071em; font-weight: 400;  color:#fff; text-align:center; margin:0; padding:8px 5px 10px 5px}
.copyright .txt_box div ul{border:0;border-radius:0}
.copyright .txt_box div p.copyright-btn { margin:0; background:#3263b5; display:block; border-top:1px solid #114aa8; text-align:center}
.copyright .txt_box div p.copyright-btn a{color:#fff; padding:8px 0 10px 0;  display:block}
.copyright .txt_box div p.copyright-btn a span{display:inline-block; background:url(../site/images/sub/copy_downBg.gif) no-repeat right bottom; padding:0 25px 0 0}
.copyright .copyright_con {width:auto; font-size:1.167em; text-align: center; padding:0; margin-bottom: 10px; background: #3263b5; border:1px solid #114aa8;border-radius:5px}
.copyright .copyright_con a {display:block; padding:10px 0 12px 0; color: #fff}
.copyright .copyright_con a span{display:inline-block; background:url(../site/images/sub/copy_downBg.gif) no-repeat right bottom; padding:0 25px 0 0}

.copyright .copy_txt{margin:10px 0 15px; border-radius: 5px; border:1px solid #d2d2d2; box-sizing: border-box}
.copyright .copy_img > p.copyimg_txt{position:relative; width: 606px; height: 266px; margin: 20px auto}
.copyright .copyimg01 > p.copyimg_txt{background:url(../images/common/copy_img01.gif) center left no-repeat}
.copyright .copyimg02 > p.copyimg_txt{background:url(../images/common/copy_img02.gif) center left no-repeat}
.copyright .copy_img > p.copyimg_txt span{display: block; position: absolute;top:88px; right:4px; width: 127px; height: 96px; padding: 15px 0 0;text-align: center; font-weight: 500; font-size: 18px; line-height: 130%; color:#fff}
.copyright .copy_btn a{display: block; padding: 10px; border-radius: 0 0 5px 5px; background: #486170; text-align: center; color:#fff}
.copyright .hidden {overflow:hidden; height:0; width:0; line-height:0; font-size:0; text-indent:-9999999px}



/* 공통_행정서비스헌장 영역 */
.charter01 h4 span {color:#1f6fdb}
.charter01 .charter_box01 {padding:15px; margin-bottom: 15px; line-height:160%; background:#65758d; border-radius:5px; color: #fff;}
.charter01 .charter_box01 span {color:#bdef25; font-weight: 400}
.charter01 .txt_box{padding:15px; margin-bottom: 10px; line-height:150%; background:#fff; border:1px solid #cecece;border-radius:5px}
.charter01 .txt_box ol li{ padding:2px 0 4px 15px; text-indent:-12px}
.charter01 .charter_bt{padding:10px; background: #cecece; border-radius:5px; text-align: center; color:#000}
.charter02 {clear:both}
.charter02 .txt_box ul{padding:15px;margin:20px 0; line-height:150%; background:#fff; border:1px solid #cecece;border-radius:5px}
.charter02 .txt_box ul li{ padding:2px 0 4px 13px; background: url(../images/sub/blt01.gif) left 10px no-repeat}
.charter02 .noneblt{padding:15px; background:#f5f5f5;border:1px solid #cecece; border-radius:5px; background-image:none; text-align: center}
.charter02 .txt_box ul li ul{background:#f6f6f6; border:1px dashed #cecece; margin:5px 0; padding:5px 15px;border-radius:5px}
.charter02 .txt_box ul li ul li{background:none; padding-left:20px; text-indent:-20px}
.charter02 .txt_box div{border:1px solid #cecece; background:#fff; padding:0; margin:0; overflow:hidden;border-radius:5px}
.charter02 .txt_box div h5{background:#a2a2a2; padding:0; height:40px; line-height:38px; font-size:1.154em; font-weight: 400; color:#fff; text-align:center; margin:0}
.charter02 .txt_box div ul{border:0; margin: 0}
.charter02 .table {margin:20px 0}

/* 공통_정보공개제도안내 */
.openinfo .txt_box ul, .openinfo .txt_box p{padding:20px; line-height:150%; background:#fff; border:1px solid #cecece;border-radius:10px; margin-bottom:10px}
.openinfo .txt_box ul li{ padding:2px 0 4px 15px; background: url(../images/sub/blt01.gif) left center no-repeat}
.openinfo .txt_box ul li ul{background:#f6f6f6; border:1px dashed #cecece; margin:5px 0; padding:5px 15px;border-radius:10px}
.openinfo .txt_box ul li ul li{background:none; padding-left:20px; text-indent:-20px}
.openinfo .txt_box div{border:1px solid #cecece; background:#fff; padding:0; margin:0; overflow:hidden;border-radius:10px}
.openinfo .txt_box div h5{background:#855fa5; padding:0; height:40px; line-height:38px; font-size:1.154em; color:#fff; text-align:center; margin:0}
.openinfo .txt_box div ul{border:0;border-radius:0;}
.openinfo strong {padding:0 20px 0 0; color:#6e9d47}

/* 공통_비공개대상정보 */
.private h4 {padding:10px 8px 8px 15px; margin:10px 0 0 0; background:#3263b5; color:#fff;border-radius:5px 5px 0 0;  line-height:150%; font-size:1.071em; font-weight: 400;}
.private ul {position:relative;border:#d6d6d6 solid 1px; padding:15px 15px 15px 15px; margin-bottom:20px; border-radius:0 0 5px 5px;}
.private ul li {padding:2px 0 2px 0; clear:both;line-height:20px}
.private ul li p {padding:2px 10px 2px 10px; clear:both; font-size:0.95em; line-height:20px}

/*개별체험학습*/
.experientia_tit{position: relative; height:131px; text-align:center}

.experientia_wrap .exp_box{padding:15px; margin-top: 15px; background: #fff; border:1px solid #dbdbdb; border-radius: 5px}
.experientia_wrap .exp_box01{margin-top: 0}
.experientia_wrap .exp_box:after {content: ""; display: block; clear: both}
.experientia_wrap .exp_box .exp_tit{float: left;  width: 140px; padding:5px 0 5px 35px;  background:url(../images/sub/blt_h4_tit.gif) no-repeat 0 0; font-size:1.286em; font-weight:500; margin:0}
.experientia_wrap .exp_box04 .exp_tit{margin-top:5px}
.experientia_wrap .exp_box05 .exp_tit{float: none; margin: 10px 0 20px 0}
.experientia_wrap .exp_box05 dl{min-height: 101px; margin:0 0 20px 15px; padding-left: 130px;}
.experientia_wrap .exp_box05 dl dt{padding-top: 15px; margin-bottom: 10px; font-size:1.143em; font-weight: 500; color:#508019}
.experientia_wrap .exp_box05 dl dd span.col_r{color:#f55558; font-weight: 500}
.experientia_wrap .exp_box05 dl dd span.col_b{color:#3074e3; font-weight: 500}
.experientia_wrap .exp_box05 dl dd span.exp_point{display:inline-block; padding:0 10px; margin-top: 3px; background: #919495; font-size:1.000em; color:#fff}
.experientia_wrap .exp_box05 dl.exp_lst01{background:url(../images/sub/img_experiential_icon01.gif) no-repeat left top}
.experientia_wrap .exp_box05 dl.exp_lst02{background:url(../images/sub/img_experiential_icon02.gif) no-repeat left top}
.experientia_wrap .exp_box05 dl.exp_lst03{background:url(../images/sub/img_experiential_icon03.gif) no-repeat left top}
.experientia_wrap .exp_box05 dl.exp_lst04{background:url(../images/sub/img_experiential_icon04.gif) no-repeat left top}
.experientia_wrap .exp_box05 dl.exp_lst05{background:url(../images/sub/img_experiential_icon05.gif) no-repeat left top}
.experientia_wrap .exp_box06 .exp_tit{float:inherit; width:100%}
.experientia_wrap .exp_box06 ul {padding:20px 10px 20px 120px; background:url(../images/sub/img_experiential_icon_corona.gif) no-repeat 10px 50%}
.experiential_button{width: 682px; margin:30px auto}
.experiential_button>p{float:left;}
.experiential_button>p:last-child{margin-left:20px}
.experientia_wrap .exp_box p {padding:5px 0}
.experientia_wrap .exp_box p.corona_noti {padding:15px; margin:0 15px 5px; background:#ffefd2; border-radius:10px}
/* -------------------공통스타일 끝 -------------------*/
.txt_l {text-align:left !important; padding-left:10px !important}
.bold {font-weight:600 !important}

/* 인사말 */
.greet .greetxt {background:url(../images/sub/greet_bg.gif) no-repeat center top; height:508px; position:relative; box-sizing:border-box; padding:30px 0 0 25px}
.greet .greetxt > p {margin-bottom:22px; color:#282828; font-weight:400; line-height:180%}
.greet .greetxt .t01 {font-size:1.067em; font-weight:600}
.greet .greetxt .col01 {color:#00780b; font-weight:600}
.greet .greetxt .col02 {color:#1a1a1a; font-weight:600}
.greet .greetxt .col03 {color:#f7442d; font-weight:600}

.greet .greetxt > p img {vertical-align:middle}
.greet .greetxt .ttt {margin-bottom:10px}
.greet .greetxt .name {position:absolute; right:55px; bottom:0}

/* 학생회인사말 */
.kidgre .greetxt {background:url(../images/sub/kidgre_bg.gif) no-repeat right top; height:459px; position:relative; box-sizing:border-box; padding:35px 0 0 25px}
.kidgre .greetxt > p {margin-bottom:22px; color:#282828; font-weight:400; line-height:180%}
.kidgre .greetxt .ttt {margin-bottom:10px}
.kidgre .greetxt .t01 {font-size:1.067em; font-weight:600}
.kidgre .greetxt > p img {vertical-align:middle}
.kidgre .greetxt .name {position:absolute; right:0; bottom:0; margin-bottom:0}

/* 연혁 */
.history {position:relative}
.history .title {border-radius:10px 10px 0 0; text-align:center; box-sizing:border-box; border-top:3px solid #77b6e5; background:#eef8ff; height:147px; border-bottom: 1px solid #c8ddeb; padding-top:13px; position:relative; margin-bottom:37px}
.history .title::before {content:''; display:block; background:url(../images/sub/history_img.png) no-repeat; width:183px; height:139px; position:absolute; right:10px; bottom:-6px}
.history .his_titbtn h4 a {display:block; width:168px; height:50px; line-height:50px; position:absolute; top:97px; text-align:center; font-size:1.200em; font-weight:600; color:#7091a7}
.history .on .his_titbtn h4 a, .history .his_titbtn h4 a:hover {background:url(../images/sub/history_subtit.png) no-repeat; color:#2c2c2c}
.history .on .his_titbtn h4 a {z-index:2}
.history .his_titbtn h4 a:hover {z-index:1}
.history .on .his_titbtn h4 a .col, .history .his_titbtn h4 a:hover .col {color:#016cb5}
.history .his01 .his_titbtn h4 a {left:24px}
.history .his02 .his_titbtn h4 a {left:175px}

.history .his_lst_box p {display:block; background:url(../images/sub/history_subtit01.gif) no-repeat; width:117px; height:116px; box-sizing:border-box; text-align:center; padding-top:40px; font-size:1.733em; font-weight:600; color:#fff; position:absolute; left:10px; top:0}
.history .his_lst_box.first p {background:url(../images/sub/history_subtit02.gif) no-repeat}

.history .his_lst_box {background:url(../images/sub/dotline.gif) repeat-x bottom; padding:30px 0 30px 170px; position:relative; min-height:123px; box-sizing:border-box; margin-bottom:15px}
.history .his_lst_box .his_lst li {position:relative; padding-left:95px; color:#2f2f2f; font-weight:400; margin-bottom:10px}
.history .his_lst_box .his_lst li:last-child {margin-bottom:0}
.history .his_lst_box .his_lst li span {font-weight:600; position:absolute; left:0; top:0}

/* 상징 */
.symbol .less {margin:-25px 0 30px}
.symbol .symbox {margin-bottom:30px}
.symbol .symbox li {float:left; width:33.3%}
.symbol .symbox li div {position:relative; width:267px; height:273px; margin:0 auto}
.symbol .symbox li div p {position:absolute; font-size:1.200em; font-weight:500; color:#1f1f1f; bottom:21px; right:15px}
.symbol .symbox li div p span {font-weight:600}
.symbol .symbox li.s01 p span {color:#f23e3e}
.symbol .symbox li.s02 p span {color:#59800a}
.symbol .symbox li.s03 p span {color:#0074ca}

.symbol .songimg {float:left}
.symbol .song_r {float:right; width:285px; height:673px; position:relative; box-sizing:border-box; border-top:4px solid #6faf35; background:#f7f7c9}
.symbol .song_r::before {content:''; display:block; background:url(../images/sub/song_be.gif) no-repeat; width:302px; height:182px; position:absolute; bottom:0; right:-11px}
.symbol .song_writer {padding: 15px}
.symbol .song_writer dt {text-align:center; padding:2px 0 15px; font-size:1.200em; font-weight:500; color:#181818; border-bottom:1px solid #f8dd5c}
.symbol .song_writer dd {padding:15px 10px 0}
.symbol .song_writer dd li {float:left; width:33.3%}
.symbol .song_writer dd li a {display:block; width:68px; margin:0 auto}

.symbol .song_note {padding-top:40px; text-align:center; background:url(../images/sub/songtxtbg.png) no-repeat top left}
.symbol .song_note .song_txt > div {margin-top:20px}
.symbol .song_note .song_txt .tit {width:66px; height:28px; text-align: center; line-height:28px; color:#fff; font-size:1.067em; font-weight:500; border-radius:50px; margin:0 auto 10px}
.symbol .song_note .song_txt .lyrics01 .tit {background:#6faf35}
.symbol .song_note .song_txt .lyrics02 .tit {background:#fbad17}
.symbol .song_note .song_txt .txt {font-weight:500; color:#181818; line-height:170%}

/* 사이버역사관 */
.cyb .cyhis li {float:left; margin:0 26px 15px 0}
.cyb .cyhis li div {border-radius:10px; border:1px solid #c2c2c2; box-sizing:border-box; width:200px; height:144px; position:relative; overflow:hidden}

.cyb .cyhis li:nth-child(4n) {margin-right:0}

.cyb .cyhis li div .tit {font-size:1.200em; font-weight:500; color:#fff; width:120px; height:40px; box-sizing:border-box; padding:8px 0 0 25px}
.cyb .cyhis li:nth-of-type(odd) .tit{background:url(../images/sub/cybhis_tit01.png) no-repeat}
.cyb .cyhis li:nth-of-type(even) .tit{background:url(../images/sub/cybhis_tit02.png) no-repeat}

.cyb .cyhis li div .img {position:absolute; right:10px; top:12px}
.cyb .cyhis li div .name {font-size:1.067em; font-weight:500; color:#26231c; padding:20px; text-align:center}
.cyb .cyhis li div .year {padding:0 20px; font-size:0.933em; font-weight:400; color:#717171; text-align:center}
.cyb .cyhis li div .year br {display:none}

/*표*/
.notop {border-top:0 !important}
.notopg th {border-top:0 !important}
.scroll {display:none}
.txt_left {text-align:left}
.tbwrap {overflow:hidden; margin-bottom:15px; border-left:1px solid #d7d7d7; border-bottom:1px solid #d7d7d7; border-radius:8px}
.tbwrap table {width:100%; text-align:center}
.tbwrap table tr {border-top:1px solid #d7d7d7}
.tbwrap tbody tr:first-child {border-top:0}

.tbwrap thead th {border-top:0; border-left:0; color:#fff; font-weight:500; font-size:1em}
/* .tbwrap thead th:last-child {border-right:0} */
.tbwrap thead th, .tbwrap thead td {padding:10px 5px; line-height:150%; vertical-align:middle}
.tbwrap tbody th, .tbwrap tbody td {padding:10px 5px; line-height:150%; border-right:1px solid #d7d7d7; font-size:0.933em; vertical-align:middle}
.tbwrap tbody th {font-weight:400}
/* .tbwrap tbody tr td:last-child {border-right:0} */
.tbwrap .tbleft {padding:8px 10px; text-align:left}

.tb01 thead {border-bottom:2px solid #1678bf}
.tb02 thead {border-bottom:2px solid #66920d}
.tb03 thead {border-bottom:2px solid #d25f01}
.tb04 thead {border-bottom:2px solid #e053ac}
.tb05 thead {border-bottom:2px solid #474747}
.tb06 thead {border-bottom:2px solid #7041bb}

.tb01 thead th {background:#4cabf1; border-right:1px solid #1678bf; border-bottom:1px solid #1678bf}
.tb02 thead th {background:#99c63f; border-right:1px solid #66920d; border-bottom:1px solid #66920d}
.tb03 thead th {background:#fd8d32; border-right:1px solid #d25f01; border-bottom:1px solid #d25f01}
.tb04 thead th {background:#f28acc; border-right:1px solid #e053ac; border-bottom:1px solid #e053ac}
.tb05 thead th {background:#898989; border-right:1px solid #474747; border-bottom:1px solid #474747}
.tb06 thead th {background:#a780e5; border-right:1px solid #7041bb; border-bottom:1px solid #7041bb}

.table thead tr:nth-child(2) th {border-top:1px solid rgba(255, 255, 255, 70%)}
.tal_btn {display:none}
.tel_txt {display:block}
.col25 {width:25%}
.col20 {width:20%}
.col50 {width:50%}
.col33 {width:33.3%}
.col12 {width:12.5%}
.col11 {width:11.1%}
.col8 {width:8%}
.colauto {width:auto}

.tb01 tbody th {background:#edf3ff}
.tb02 tbody th {background:#f1f6e6}
.tb03 tbody th {background:#fdeddf}
.tb04 tbody th {background:#ffecf8}
.tb05 tbody th {background:#f0f0f0}
.tb06 tbody th {background:#f3ecff}

.tal_btn {display:none}
.tel_txt {display:block}

/* 테이블 선 예외 처리 - 20210610 - JGS */
.tbwrap .tb03 thead th.border_right {border-right: 1px solid #d25f01;}

/* 규정규칙 */
.rulebox { border: 1px solid #d7d7d7; background: #fff; border-radius:10px; overflow:hidden}
.rulebox p {font-size:1.067em; font-weight:400; color:#fff; text-align:center; background:#374961; padding:10px 0}
.rulebox ul {padding:10px 15px}
.rulebox ul li {float: left; width:25%; height: 20px; padding:5px 0; font-size:0.933em; font-weight:400}
.rulebox ul li span {display:block; padding-left:20px; background:url(../images/sub/ruleblt.gif) 0 center no-repeat;}
.rule h4 {position:relative; border-radius:0 0 10px 10px; border:1px solid #c9c9c9; padding:15px 5px 14px 60px; margin-top:35px; font-weight:600; color:#1e270b; font-size:1.200em; min-height:54px; box-sizing:border-box}
.rule h4 .col {font-size:0.944em; margin-right:5px}
.rule01 h4 {background:url(../images/sub/rule_tit01.gif) no-repeat left bottom; border-top:2px solid #3a9ae0}
.rule02 h4 {background:url(../images/sub/rule_tit02.gif) no-repeat left bottom; border-top:2px solid #70b836}
.rule03 h4 {background:url(../images/sub/rule_tit03.gif) no-repeat left bottom; border-top:2px solid #ff8840}
.rule04 h4 {background:url(../images/sub/rule_tit04.gif) no-repeat left bottom; border-top:2px solid #fab625}
.rule05 h4 {background:url(../images/sub/rule_tit05.gif) no-repeat left bottom; border-top:2px solid #f584ac}
.rule06 h4 {background:url(../images/sub/rule_tit06.gif) no-repeat left bottom; border-top:2px solid #ac5ed9}
.rule h4.supple {background:url(../images/sub/rule_tit07.gif) no-repeat left bottom; border-top:2px solid #a7a7a7; margin-bottom:15px}
.rule01 h4 .col {color:#1b80cb}
.rule02 h4 .col {color:#5fa526}
.rule03 h4 .col {color:#e95d09}
.rule04 h4 .col {color:#c58b01}
.rule05 h4 .col {color:#e95489}
.rule06 h4 .col {color:#8e3cbe}

.rule h5 {font-size:1.067em; font-weight:500; padding-left:30px; margin:17px 0 10px; color:#202020}
.rule01 h5 {background:url(../images/sub/rule_subtit01.gif) no-repeat 7px 0}
.rule02 h5 {background:url(../images/sub/rule_subtit02.gif) no-repeat 7px 0}
.rule03 h5 {background:url(../images/sub/rule_subtit03.gif) no-repeat 7px 0}
.rule04 h5 {background:url(../images/sub/rule_subtit04.gif) no-repeat 7px 0}
.rule05 h5 {background:url(../images/sub/rule_subtit05.gif) no-repeat 7px 0}
.rule06 h5 {background:url(../images/sub/rule_subtit06.gif) no-repeat 7px 0}

.rule > p {padding-left:10px; color:#373737; font-weight:400}
.rule > ul > li {padding-left:10px; color:#373737; font-weight:400}
.rule > ul > li > ul {padding:10px 15px; background:#e8e8e8; margin:7px 0; border-radius:10px; font-size:0.933em}

.rule .committe_ruleimg {font-size:1.133em; font-weight:400; color:#fff; border-radius:10px 0 10px 0; padding:10px 5px; width:203px; background:#5fa526; display:block; margin:13px auto; text-align:center; box-sizing:border-box}

/* 오시는 길 */
.map .maptxt {position:relative; padding:17px 0 0 108px; box-sizing:border-box; background:url(../images/sub/map_icon.gif) no-repeat left bottom; height:95px; margin-top:10px}
.map .maptxt li {position:relative; font-size:0.933em; font-weight:400; color:#1d1f21; padding-left:55px; margin-top:22px}
.map .maptxt li span {display:block; position:absolute; left:0; top:3px}
.map .maptxt li:first-child {margin-top:0}
.map .root_daum_roughmap {width:100% !important; padding:0; border:2px solid #d8d8d8; border-radius:10px; box-sizing:border-box}
.map .root_daum_roughmap .wrap_map {height:450px !important}

/* 교육목표 */
.goal .goalwrp01 {border-radius:20px; border:3px solid #4cabf1; box-sizing:border-box; text-align:center; margin-top:15px}
.goal .goalwrp02 {position:relative}
.goal .goalwrp02 li {position:absolute}
.goal .goalwrp02 li div {width:197px; text-align:center}
.goal .goalwrp02 li div dt {padding:14px 0; margin-bottom:15px}
.goal .goalwrp02 li div dd {font-size:1.067em; font-weight:400; color:#202020}
.goal .goalwrp02 .d01 {top:45px; left:25px}
.goal .goalwrp02 .d02 {top:45px; right:25px}
.goal .goalwrp02 .d03 {bottom:63px; left:25px}
.goal .goalwrp02 .d04 {bottom:63px; right:25px}

.goal .goalwrp03 {border-radius:20px; border:3px solid #d8d8d8; box-sizing:border-box; text-align:center; margin-bottom:50px}
.goal .goalwrp04 {border-radius:50px; background:#f3edff; margin:10px 0 15px; text-align:center}
.goal .goalwrp06 {background:url(../images/sub/goal_di02_line.gif) no-repeat center 0; width:883px; margin:0 auto; height:536px; padding-top:56px; box-sizing:border-box}
.goal .goalwrp06 > ul > li {float:left; width:25%}
.goal .goalwrp06 > ul > li > div {width:200px; border-radius:0 0 100px 100px; padding:10px 10px 120px; border:1px solid #cfcfcf; box-shadow:4px 0 0 #ddd; box-sizing:border-box; background:#fff; margin:0 auto; position:relative}
.goal .goalwrp06 > ul > li > div .tit {position:absolute; bottom:10px; left:10px}
.goal .goalwrp06 > ul > li > div .txt {padding:10px 0 15px; font-size:1.067em; font-weight:400; color:#1a1a1a; text-align:center; margin-bottom:9px}
.goal .goalwrp06 .ic01 .txt {border-bottom:2px solid #4d9bec}
.goal .goalwrp06 .ic02 .txt {border-bottom:2px solid #f2a92b}
.goal .goalwrp06 .ic03 .txt {border-bottom:2px solid #ff67a0}
.goal .goalwrp06 .ic04 .txt {border-bottom:2px solid #85b91d}
.goal .goalwrp06 > ul > li > div li {margin-top:3px; font-size:0.933em; font-weight:400; color:#1a1a1a; padding-left:15px; background:url(../images/sub/goal_diblt.gif) no-repeat 5px 8px}
.goal .goalwrp06 .schg {border-radius:50px; font-size:1.333em; font-weight:400; color:#fff; background:#374961; border:5px solid #e3e3e3; box-sizing:border-box; width:240px; height:45px; margin: 55px auto 0; text-align:center; line-height:35px}
.goal .goalwrp07 {padding:0 20px 20px; border:1px solid #d7d7d7; border-radius:10px; margin-bottom:35px}
.goal .goalwrp07 .tit {background:url(../images/sub/goa_di02_txt01.gif) no-repeat; width:536px; height:60px; text-align:center; font-size:1.200em; font-weight:400; line-height:55px; margin-bottom:17px; color:#fff; margin:0 auto 15px}
.goal .goalwrp07 li {border-radius:10px; color:#1a1a1a; font-weight:500; padding:13px 20px; width:414px; box-sizing:border-box}
.goal .goalwrp07 .hap01 {text-align:right; background:url(../images/sub/goal_di02_bg01.gif) no-repeat left top #ededed; float:left; margin-bottom:10px}
.goal .goalwrp07 .hap02 {text-align:left; background:url(../images/sub/goal_di02_bg02.gif) no-repeat right top #ededed; float:right; margin-bottom:10px}
.goal .goalwrp07 .hap03 {text-align:right; background:url(../images/sub/goal_di02_bg03.gif) no-repeat left top #ededed; float:left}
.goal .goalwrp07 .hap04 {text-align:left; background:url(../images/sub/goal_di02_bg04.gif) no-repeat right top #ededed; float:right}

.goal .goalwrp08 {border-radius:20px; border:3px solid #d8d8d8; text-align:center}

/* 전교학생회 */
.child .title {border-top:1px solid #cdcdcd}
.child .title .year {background:url(../images/sub/child_tit.gif) no-repeat; width:370px; height:54px; margin:0 auto; font-size:1.200em; font-weight:500; color:#fff; text-align:center; padding-top:10px}
.child .title .tit {text-align:center}
.child .childwrp {background:url(../images/sub/child_line02.gif) no-repeat center 0; padding-top:64px; position:relative}
.child .childwrp ul li {float:left; width:25%}
.child .childwrp ul li div {width:203px; /* height:273px */ height:auto; padding-bottom:15px; box-sizing:border-box; border-radius:20px; margin:0 auto; border:3px solid #f2c650; background:#fff; text-align:center}
.child .childwrp ul li:first-child div {border:3px solid #4cabf1}
.child .childwrp .t02 {font-size:1.133em; font-weight:500; color:#222}
.child .childwrp .t02 span {display:inline-block; font-size:0.882em; padding:10px 0 12px}
.child .childwrp::before {content:''; display:block; background:url(../images/sub/child_be.png) no-repeat; width:511px; height:112px; position:absolute; top:-85px; left:180px}

/* 청소년단체활동 */
.youth .title {height:76px}
.youth .yowrp {border-radius:0 0 10px 10px; border:1px solid #c9c9c9; background:url(../images/sub/119_bot.gif) repeat-x bottom; position:relative; padding:35px 0 45px 25px; color:#2a2a2a; line-height:170%; font-weight:300}
.youth .yowrp .img {vertical-align: middle}
.youth .yowrp span {font-weight:500}
.youth .yowrp .col {color:#de0a0a}
.youth .yowrp .alink {position:absolute; right:10px; top:-60px}
.youth .yowrp::before {display:block; content:''; background:url(../images/sub/119_img.png) no-repeat; width:288px; height:163px; position:absolute; right:10px; bottom:0}

/* 유치원소개 */
.kid .title {position:relative}
.kid .title::before {content:''; display:block; background:url(../images/sub/kid_be.png) no-repeat; width:185px; height:111px; position:absolute; right:30px; bottom:-70px}

.kid .kidt01, .kid .kidt02 {position:relative}
.kid .kidt01 img, .kid .kidt02 img {vertical-align: middle}

.kid .kidt01 .txt {border-radius:50px; margin:70px 0 50px 25px; text-align:center; padding:14px 0; font-size:1.467em; font-weight:300; border:3px solid #fe9fb8; box-sizing:border-box; color:#202020}
.kid .kidt01 .txt span {font-weight:600}
.kid .kidt01 .txt .col {color:#ea3c3c}

.kid .kidt01 .tit {position:absolute; left:0; top:-67px}
.kid .kidt02 .txt {border-radius:50px; margin-right:25px; text-align:center; padding:14px 0; font-size:1.467em; font-weight:300; border:3px solid #ffaa27; box-sizing:border-box; color:#202020}

.kid .kidt02 .tit {position:absolute; right:0; top:-65px}




/* MOBILE LAYOUT */
@media only screen and (max-width:1024px) {
/* -------------------공통스타일 시작 -------------------*/

/*개인정보처리방침*/
.protect .infobox01 {background:none; padding:15px 30px 15px 15px}  
.protect .infobox01 ul { width: 100%; padding:0 15px 0 10px}

/*영상정보처리방침*/
.video_info .infobox01 {background:none; padding:15px 30px 15px 15px}  
.video_info .infobox01 ul {width:100%; padding:0 15px 0 10px}

/*저작권신고*/
.copyright .txt_box p.copyrightImg img {width:100%; height:auto}

/*개별체험학습*/
.experiential h4.experientia_tit img {display:none}
.experiential h4.experientia_tit {position:relative; background:url(../images/sub/experientia_titm_img.gif) no-repeat center 0; height:103px}

/* -------------------공통스타일 끝 -------------------*/

/* suballbox */
.sub_allbox {overflow:hidden}

/* visual */
.subvisual {height:319px}
.subvisual .visual_item {width:auto; height:319px}
.subvisual .item1 {background:url(../images/sub/subv_m01.jpg) no-repeat 50% 0}
.subvisual .item2 {background:url(../images/sub/subv_m02.jpg) no-repeat 50% 0}
.subvisual .item3 {background:url(../images/sub/subv_m03.jpg) no-repeat 50% 0}
.subvisual .slick-dots {right:10px; margin:0}

/* sub guide */
#sub_guide {padding:0 10px; background:#ffc436}
#sub_guide li {width:33.3%} 
#sub_guide li a {color: #fff; font-weight:400}
#sub_guide .btn_home img {display:none}
#sub_guide .btn_home a {display:block; width:38px; height:47px; line-height:47px; font-size:0; text-align:center; background: url(../images/sub/img_homeicon.gif) 50% 50% no-repeat}
#sub_guide .navi_area {padding-left:38px; box-sizing:border-box}
#sub_guide .navi_area > ul > li {height:47px; padding:0; margin:0; background:none}
#sub_guide .navi_area > ul > li > a {overflow : hidden; line-height:37px; padding:0 28px 0 8px; margin:5px 0 5px 5px; color:#000; box-sizing:border-box; white-space: nowrap; text-overflow:ellipsis; background:#fff url(../images/sub/blt_submn_arr.gif) no-repeat 100% 50%; font-size:1.077em; font-weight:400; border-radius:5px}
#sub_guide .navi_area > ul > li:first-child > a {border:0}
#sub_guide .navi_area .submn {padding:7px 0; margin:-5px 0 0 5px; background:#fff; border-radius:5px; border:2px solid #78baf2}
#sub_guide .navi_area .submn li {width:100%; padding:3px 0; border-top:1px solid #e7e7e7}
#sub_guide .navi_area .submn li:first-child {border-top:0; margin:0}
#sub_guide .navi_area .submn li a {overflow : hidden; display: block; padding:10px 5px; color:#1a1a1a; font-weight:400; text-align: center}
#sub_guide .navi_area .submn li:hover a {background:#b6d9f6}
#sub_guide .navi_print {display: none}

#subtop h3 {margin:0 10px 15px}

/* tabnavi */
.tabnavi01 li {margin-right:5px}
.tabnavi01 li a {overflow:hidden; letter-spacing:-0.5px }
.tabnavi02 ul li {width:50%; font-size:1em}
.boardTab {margin:20px 12px}
.boardTab ul li {width:50%; font-size:1em}

/* quickmenu */
#quickmenu .sub_quick {display:none}
#quickmenu .btn_top a {display:block; width:48px; height:48px; background: url(../images/sub/btn_top.png) no-repeat 50% 50%}
/* ------------------ 공통 ------------------ */

.basic_font {font-size:1em; line-height:140%}
.mnone {display:none !important}

/* 인사말 */
.greet .tit img {display:none}
.greet .tit p {background:url(../images/sub/greet_titm.png) no-repeat; width:275px; height:163px; margin:-70px auto 10px}
.greet .tit {border-top:1px solid #c5c5c5; border-bottom:1px solid #c5c5c5; margin-top:70px}
.greet .greetxt span img {display:none}
.greet .greetxt span {display:inline-block; vertical-align: middle}
.greet .greetxt .timg01 {background:url(../images/sub/greet_txt01m.gif) no-repeat; width:112px; height:23px}
.greet .greetxt .timg02 {background:url(../images/sub/greet_txt02m.gif) no-repeat; width:24px; height:23px}
.greet .greetxt .timg03 {background:url(../images/sub/greet_txt03m.gif) no-repeat; width:25px; height:23px}
.greet .greetxt .name span {background:url(../images/sub/greet_namem.png) no-repeat; width:163px; height:51px}
.greet .greetxt .name {position:inherit; right:inherit; bottom:inherit}

/* 학생회인사말 */
.kidgre .tit img {display:none}
.kidgre .tit p {background:url(../images/sub/kidgre_titm.png) no-repeat; width:275px; height:140px; margin:-65px auto 10px}
.kidgre .tit {border-top:1px solid #c5c5c5; border-bottom:1px solid #c5c5c5; margin-top:65px}
.kidgre .greetxt {padding:15px 10px 235px; height:auto}
.kidgre .greetxt > p {margin-bottom:18px}
.kidgre .greetxt span img {display:none}
.kidgre .greetxt span {display:inline-block; vertical-align: middle}  
.kidgre .greetxt .kimg01 {background:url(../images/sub/kidgre_txt01m.gif) no-repeat; width:108px; height:18px}
.kidgre .greetxt .kimg02 {background:url(../images/sub/kidgre_txt02m.gif) no-repeat; width:42px; height:22px}
.kidgre .greetxt .kimg03 {background:url(../images/sub/kidgre_txt03m.gif) no-repeat; width:47px; height:22px}
.kidgre  .greetxt .name span {background:url(../images/sub/kidgre_namem.png) no-repeat; width:162px; height:52px}
.kidgre .greetxt .name {right:inherit; left:0; bottom:75px}

/* 연혁 */
.history .title img {display:none}
.history .title p {background:url(../images/sub/history_titm.gif) no-repeat; width:237px; height:57px; margin:0 auto}
.history .title {height:138px; margin-bottom:20px}
.history .title::before {background:url(../images/sub/history_imgm.png) no-repeat; width:66px; height:63px; right:0}
.history .his_titbtn h4 a {font-size:1.154em; width:127px; height:50px; top:89px}
.history .on .his_titbtn h4 a, .history .his_titbtn h4 a:hover {background:url(../images/sub/history_subtitm.png) no-repeat}
.history .his01 .his_titbtn h4 a {left:10px}
.history .his02 .his_titbtn h4 a {left:130px}
.history .title {margin-bottom:20px}
.history .his_lst_box {padding:0; min-height:inherit; background:none; margin-bottom:5px}
.history .his_lst_box .his_lst li {padding-left:50px}
.history .his_lst_box p {width:auto; background:url(../images/sub/history_subtit01m.gif) no-repeat 0 0 #ededed; border-radius:50px; height:40px; line-height:40px; position:inherit; left:inherit; top:inherit; font-size:1.538em; text-align:left; padding:0 0 0 20px; font-weight:500}
.history .his_lst_box.first p {background:url(../images/sub/history_subtit02m.gif) no-repeat 0 0 #ededed}
.history .his_lst_box ul {padding:15px 10px}

/* 상징 */
.symbol .less {margin:0 auto 25px}
.symbol .less img {display:none}
.symbol .less p span {display:block; background:url(../images/sub/less_titm.gif) no-repeat; width:235px; height:79px; position:absolute; left:50%; margin-left:-115px; top:15px; z-index:2}
.symbol .less p {background:#389c79; border:7px solid #dda151; box-sizing:border-box; height:133px; position:relative}
.symbol .less p::before {content:''; display:block; background:url(../images/sub/lessbg01.gif) no-repeat; width:39px; height:134px; position:absolute; left:-7px; top:-7px}
.symbol .less p::after {content:''; display:block; background:url(../images/sub/lessbg02.gif) no-repeat; width:85px; height:134px; position:absolute; right:-7px; top:-7px; z-index:1}
.symbol .symbox li div p {font-size:1.154em; bottom:25px}
.symbol .songimg {display:none}
.symbol .song_r {float:inherit; width:auto; height:auto; padding-bottom:30px; background:url(../images/sub/song_bem.gif) no-repeat right 5px bottom 10px #f7f7c9; border-radius:0 0 25px 25px; margin-top:15px}
.symbol .song_r::before {display:none}
.symbol .song_note .song_txt .tit {width:52px; height:22px; line-height:22px}
.symbol .song_note .song_txt > div {margin-top:10px}
.symbol .song_writer dt {font-size:1.231em; padding:0 0 15px}
.symbol .song_writer {padding:10px}
.symbol .song_writer dd {padding:10px 10px 0}
.symbol .song_note .song_txt .txt {line-height:160%}

/* 사이버역사관 */
.cyb .cyhis li {float:left; margin-right:0; width:25%}
.cyb .cyhis li div {width:180px; margin:0 auto}

/* 교직원소개 */
.tal_btn {display:block}
.tel_txt {display:none} 

/* 규정규칙 */
.rule h4 {padding:19px 5px 10px 60px}
.rulebox ul li span {padding:3px 0 3px 20px}

/* 오시는 길 */
.map  .root_daum_roughmap .wrap_map {height:320px !important}
.map .maptxt {background:#a6e3e8; padding:15px; border-radius:0 0 10px 10px; margin-top:25px; height:auto}    
.map .maptxt::before {content:''; display:block; background:url(../images/sub/map_iconm.png) no-repeat; width:118px; height:57px; position:absolute; left:0; top:-48px; z-index:1}
.map .maptxt li {margin-top:10px; font-size:1em}

/* 교육목표 */
.goal .goalwrp01 img {display:none}
.goal .goalwrp01 p {background:url(../images/sub/goal_tit01m_new.gif) no-repeat; width:188px; height:114px; margin:0 auto}
.goal .goalwrp02 {background:url(../images/sub/goal_mline.gif) repeat-y center 0}
.goal .goalwrp02 .title img {display:none}
.goal .goalwrp02 .title span {display:block; background:url(../images/sub/goal_di01m.png) no-repeat; width:238px; height:241px; margin:0 auto 5px}
.goal .goalwrp02 li {position:inherit; left:inherit !important; right:inherit !important; top:inherit !important; bottom:inherit !important}

.goal .goalwrp02 li {position:relative; border:3px solid #dcdede; box-sizing:border-box; height:126px; padding:0 18px; width:auto; background:#fff; margin:0 10px 15px}
.goal .goalwrp02 li div dt img {display:none}
.goal .goalwrp02 li div dt span {display:block; width:75px; height:53px; margin:0 auto}
.goal .goalwrp02 li div dt {padding:0; margin-bottom:0; border-bottom:1px solid #c5c5c5}
.goal .goalwrp02 .d01 div dt span {background:url(../images/sub/goal_ditxt01m.gif) no-repeat}
.goal .goalwrp02 .d02 div dt span {background:url(../images/sub/goal_ditxt02m.gif) no-repeat}
.goal .goalwrp02 .d03 div dt span {background:url(../images/sub/goal_ditxt03m.gif) no-repeat}
.goal .goalwrp02 .d04 div dt span {background:url(../images/sub/goal_ditxt04m.gif) no-repeat}
.goal .goalwrp02 li div dd {font-size:1.077em; margin-top:10px; line-height:150%}

.goal .goalwrp02 li div {width:auto; position:relative}
.goal .goalwrp02 li div::before {content:''; display:block; width:18px; height:18px; position:absolute; top:-10px; left:50%; margin-left:-10px}
.goal .goalwrp02 .d01 div::before {background:url(../images/sub/goal_di02_bef01.png) no-repeat}
.goal .goalwrp02 .d02 div::before {background:url(../images/sub/goal_di02_bef02.png) no-repeat}
.goal .goalwrp02 .d03 div::before {background:url(../images/sub/goal_di02_bef03.png) no-repeat}
.goal .goalwrp02 .d04 div::before {background:url(../images/sub/goal_di02_bef04.png) no-repeat}

.goal .goalwrp02 li::before {content:''; display:block; width:44px; height:132px; position:absolute; left:-10px; top:-6px}
.goal .goalwrp02 li::after {content:''; display:block; width:44px; height:132px; position:absolute; right:-10px; top:-6px}

.goal .goalwrp02 .d01::before {background:url(../images/sub/goal0101.gif) no-repeat}
.goal .goalwrp02 .d01::after {background:url(../images/sub/goal0102.gif) no-repeat}

.goal .goalwrp02 .d02::before {background:url(../images/sub/goal0201.gif) no-repeat}
.goal .goalwrp02 .d02::after {background:url(../images/sub/goal0202.gif) no-repeat}

.goal .goalwrp02 .d03::before {background:url(../images/sub/goal0301.gif) no-repeat}
.goal .goalwrp02 .d03::after {background:url(../images/sub/goal0302.gif) no-repeat}

.goal .goalwrp02 .d04::before {background:url(../images/sub/goal0401.gif) no-repeat}
.goal .goalwrp02 .d04::after {background:url(../images/sub/goal0402.gif) no-repeat}

.goal .goalwrp03 img {display:none}
.goal .goalwrp03 p {background:url(../images/sub/goal_tit02m.gif) no-repeat; width:253px; height:115px; margin:0 auto}
.goal .goalwrp03 {margin-bottom:35px}
.goal .goalwrp04 img, .goal .goalwrp05 img {display:none}
.goal .goalwrp04 p {background:url(../images/sub/goal_tit03m_new.gif) no-repeat; width:188px; height:101px; margin:0 auto}
.goal .goalwrp05 p {background:url(../images/sub/goal_di02_titm.gif) no-repeat; width:229px; height:63px; margin:0 auto 7px}

.goal .goalwrp06 {background:url(../images/sub/goal_mline.gif) repeat-y center 0; width:auto; height:auto; padding-top:1px; padding-bottom:20px}
.goal .goalwrp06 > ul > li {float:inherit; width:auto; margin-top:15px; overflow:hidden}
.goal .goalwrp06 > ul > li > div {width:98%; border-radius: 0 0 20px 20px; padding:15px 15px 60px}
.goal .goalwrp06 > ul > li > div .tit img {display:none}

.goal .goalwrp06 > ul > li > div .tit {bottom:0; left:0; width:100%}
.goal .goalwrp06 .ic01 .tit span {display:block; background:url(../images/sub/doal_ic01m.gif) no-repeat center 0 #4d9bec; height:51px; border-radius:0 0 20px 20px}
.goal .goalwrp06 .ic02 .tit span {display:block; background:url(../images/sub/doal_ic02m.gif) no-repeat center 0 #f2a92b; height:51px; border-radius:0 0 20px 20px}
.goal .goalwrp06 .ic03 .tit span {display:block; background:url(../images/sub/doal_ic03m.gif) no-repeat center 0 #ff67a0; height:51px; border-radius:0 0 20px 20px}
.goal .goalwrp06 .ic04 .tit span {display:block; background:url(../images/sub/doal_ic04m.gif) no-repeat center 0 #85b91d; height:51px; border-radius:0 0 20px 20px}

.goal .goalwrp06 > ul > li > div .txt {font-size:1.077em; padding:2px 0 11px; margin-bottom:15px}
.goal .goalwrp06 > ul > li > div li {font-size:1em; margin:0 0 7px}
.goal .goalwrp06 .schg {width:182px; font-size:1.308em; margin:20px auto 0;}
.goal .goalwrp07 .tit {background:#f05555; width:auto; height:auto; padding:13px 5px; line-height:inherit; font-size:1.231em; font-weight:400}
.goal .goalwrp07 .tit .bold {font-weight:500}
.goal .goalwrp07 {padding:0; overflow:hidden}
.goal .goalwrp07 li {width:auto; padding:14px 5px}
.goal .goalwrp07 ul {padding: 0 10px 10px}
.goal .goalwrp07 .hap01 {text-align:center; background:url(../images/sub/goal_di02_bg01.gif) no-repeat left top #ededed; float:inherit; margin-bottom:10px}
.goal .goalwrp07 .hap02 {text-align:center; background:url(../images/sub/goal_di02_bg02.gif) no-repeat right top #ededed; float:inherit; margin-bottom:10px}
.goal .goalwrp07 .hap03 {text-align:center; background:url(../images/sub/goal_di02_bg03.gif) no-repeat left top #ededed; float:inherit; margin-bottom:10px}
.goal .goalwrp07 .hap04 {text-align:center; background:url(../images/sub/goal_di02_bg04.gif) no-repeat right top #ededed; float:inherit}
.goal .goalwrp08 img {display:none}
.goal .goalwrp08 p {display:block; background:url(../images/sub/goal_lessm.gif) no-repeat; width:268px; height:107px; margin:0 auto}



/* 청소년단체활동 */
.youth .title img {display:none}
.youth .title span {display:block; background:url(../images/sub/119_titm.gif) no-repeat; width:263px; height:74px; margin:0 auto}
.youth .title {height:74px}
.youth .yowrp .txt img {display:none}
.youth .yowrp .txt .img {display:inline-block; background:url(../images/sub/119_txtm.gif) no-repeat; width:111px; height:19px}
.youth .yowrp {padding:12px 12px 52px; background: url(../images/sub/119_botm.gif) repeat-x bottom}
.youth .yowrp .txt {padding:0 3px}
.youth .yowrp .alink {position:inherit; right:inherit; top:inherit}
.youth .yowrp .alink img {display:none}
.youth .yowrp .alink a {display:block}
.youth .yowrp .alink span {display:block; background:url(../images/sub/119_gom.gif) no-repeat 10px center #98bb39; border-radius:50px; height:42px; margin-top:10px}
.youth .yowrp::before {background: url(../images/sub/119_imgm.png) no-repeat; width:183px; height:108px; z-index:1}

/* 유치원소개 */
.kid .title img {display:none}
.kid .title span {display:block; background:url(../images/sub/kid_titlem.gif) no-repeat center 0; height:114px}
.kid .title::before {display:none}
.kid .kidt01, .kid .kidt02 {margin-top:115px}
.kid .kidt01 .txt, .kid .kidt02 .txt {border-radius:20px; padding:41px 0 10px}
.kid .kidt01 img, .kid .kidt02 img {display:none}
.kid .kidt01 .t01 {display:inline-block; background:url(../images/sub/kid_txt01m.gif) no-repeat; width:186px; height:27px; vertical-align:middle}
.kid .kidt02 .t02 {display:inline-block; background:url(../images/sub/kid_txt02m.gif) no-repeat; width:47px; height:26px; vertical-align:middle}
.kid .kidt02 .t03 {display:inline-block; background:url(../images/sub/kid_txt03m.gif) no-repeat; width:68px; height:28px; vertical-align:middle}
.kid .kidt01 .txt, .kid .kidt02 .txt {margin:0}
.kid .kidt01 .txt {line-height:150%}
.kid .kidt01 .tit span {display:block; background:url(../images/sub/kid_img01m.png) no-repeat; width:94px; height:146px}
.kid .kidt02 .tit span {display:block; background:url(../images/sub/kid_img02m.png) no-repeat; width:105px; height:145px}
.kid .kidt01 .tit {left:50%; top:-105px; margin-left:-50px}
.kid .kidt02 .tit {left:50%; top:-105px; margin-left:-53px}







}

/* PC LAYOUT */
@media only screen and (min-width:1025px) {
.pcnone {display:none !important}
/* Layout */
.subconbox {overflow:inherit; width: 1200px; margin:0 auto}
.sub_allbox {position:relative; width:100%; background:url(../images/sub/bg_subconbox.gif) no-repeat 50% 0}
#sub_left {float:left; position:relative; top:0; left:0; display: block; width:250px}
#subright {float:right; width:880px; margin:0 35px}
#subpage {min-height:600px; padding:0 0 30px}

/* SubLeft */
#sub_left .left_tit {display:block; position:relative; height:110px}
#sub_left .tit {padding:40px 0 15px; font-size:24px; font-weight:500; text-align:center; background:url(../images/sub/bg_subtop_bar.gif) no-repeat 50% 100%}
#sub_left .eng_tit {display:block; padding:12px; text-align:center; font-size:11px; font-weight:200; letter-spacing:-0.2px; color:#b4b4b4}
#sub_left .leftmn {display:block; padding-top:15px}
.leftmn > li {text-align:left}
.leftmn > li > a {display:block; background:#fff url(../images/sub/blt_submenu_off.png) right 1px bottom 0 no-repeat; padding:15px 50px 15px 18px; margin-top:10px; font-size:16px; font-weight:400; color: #373737; border-radius:12px; border:1px solid #ccc}
.leftmn > li:first-child > a  {margin:0}
.leftmn .leftmenuover > a,
.leftmn > li:hover > a {padding:14px 50px 14px 18px; background:#4cabf1 url(../images/sub/blt_submenu_on.png) right 0 bottom -1px no-repeat; font-weight:400; color:#fff; border:2px solid #4cabf2}
.navi_sub {display: none; background: #ededed; padding:5px}
.leftmn .leftmenuover .navi_sub {display: block}
.leftmn > li .third {margin:8px 0 12px; padding:8px 11px; background:#e1e1e1; border-radius:0 0 12px 12px}
.leftmn > li .third li {border-top:1px solid #fff}
.leftmn > li .third li a {height:24px; line-height:24px; margin:5px 0; padding:0 0 0 20px; background: url(../images/sub/blt_leftsubmn_off.png) no-repeat 0 7px; color:#2a2a2a; font-size:15px; font-weight:300; letter-spacing:-1px}
.leftmn > li .third li a {display:block}
.leftmn > li .third li:first-child {border-top:0}
.leftmn > li .third li:hover a{background:url(../images/sub/blt_leftsubmn_on.png) no-repeat 0 7px; transition:.3s}
.leftmn > li .third li:hover a {font-weight:500; color:#000}

/* subtop */
#subtop {padding-bottom:42px; margin-bottom:20px}
#subtop h3 {padding:23px 15px; font-size:22px}

/* visual */
.subvisual {height:384px}
.subvisual .visual_item {width:auto; height:384px}
.subvisual .item1 {background:url(../images/sub/subv_pc01.jpg) no-repeat 50% 0}
.subvisual .item2 {background:url(../images/sub/subv_pc02.jpg) no-repeat 50% 0}
.subvisual .item3 {background:url(../images/sub/subv_pc03.jpg) no-repeat 50% 0}
.subvisual .visual_pc {position:absolute; width:340px; top:154px; left:50%; margin-left:-435px}
.subvisual .visual_pc .subv_txt {opacity: 0; transform: translateY(100%)}
.subvisual .visual_pc .subv_txt01 {display:block; width:272px; height:89px; background:url(../images/sub/subv_txt01.png) no-repeat 0 0; animation:subvtxt1 15s infinite; z-index:2}
.subvisual .visual_pc .subv_txt02 {display:block; width:40px; height:57px; margin:-60px 0 0 295px; background:url(../images/sub/subv_txt02.png) no-repeat 0 0; animation:subvtxt2 15s infinite; z-index:1}
.subvisual .visual_pc .subv_txt03 {display:block; width:205px; height:52px; margin:-20px 0 0 125px; background:url(../images/sub/subv_txt03.png) no-repeat 0 0;animation:subvtxt3 15s infinite; z-index:3}

/* sub guide */
#sub_guide {position:absolute; bottom:10px; left:0; width:100%; font-size:14px; border:0}
#sub_guide:after {content:""; clear:both; display:block; height:0; font-size:0; line-height:0;}
#sub_guide .guide_wrap {padding-left:25px}
#sub_guide .navi_area ul {text-align:center}
#sub_guide .navi_area > ul > li  {position:relative; display: inline-block; float:none; width:auto !important; margin:0 1px 0 3px; padding-left:10px; background:url(../images/sub/img_naviarrow.gif ) no-repeat 0 50%}
#sub_guide .navi_area > ul > li > a {display: block; padding: 0 9px 0 15px; line-height: 22px; padding:0 5px; color:#1a1a1a}
#sub_guide .navi_area li:first-child:before {content:"";display:inline-block;position: absolute; top: 1px; left: -24px; width:21px; height:21px; background: url(../images/sub/ico_home.png) 0 50% no-repeat}
#sub_guide .navi_area > ul > li.nav_home a{width: 20px; padding:0 9px 0 0; height: 19px}
#sub_guide .btn_home {display:none; top:1px}
#sub_guide .btn_home a {font-size:0}

#sub_guide .navi_area li a {display: block;padding: 0 9px 0 15px; line-height: 19px; color:#a0a0a0}
#sub_guide .navi_area li:first-child:before {content:""; display:inline-block; position: absolute; top: 1px; left:-26px; width:21px; height:21px; background: url(../images/sub/ico_home.gif) 0 50% no-repeat}
#sub_guide .navi_area li:last-child a {color:#585858}
#sub_guide .navi_area > ul > li.nav_home a{width: 20px; padding:0 9px 0 0; height: 19px}
.btn_home {display:none}


/* fontsize */
.fontsize {display:block; position: absolute; top:18px; right:0}
.fontsize .font {padding:7px 44px 6px 14px; box-sizing: border-box; background:#fff; border-radius:50px}
.fontsize .font dt {display:none}
.fontsize .font dd {display:inline-block}
.fontsize .font dd a {display:block; padding:5px 2px 5px 1px}

.print {display:block; position:absolute; top:19px; right:0}
.print a {display: block; width:37px; height:34px;line-height:34px; text-align: center}
.print a img {vertical-align: middle}

/* tabnavi */
.tabnavi01 {margin:0 0 15px}
.tabnavi01 li {margin-bottom:0}
.tabnavi01 li a {min-width:50px; height:42px; line-height:40px; padding:0 58px 0 12px; font-size:15px}
.tabnavi02 {margin:20px 0}
.tabnavi02 ul {padding:15px 20px}
.tabnavi02 li a {font-size:15px}
.tabnavi02 ul li.on a span, .tabnavi02 ul li:hover a span {background-position:0 3px}
.boardTab {margin:20px 0}
.boardTab ul {padding:15px 20px}
.boardTab li a {font-size:15px}
.boardTab ul .on a span, .boardTab li:hover a span {background-position:0 3px}

/* quickmenu */
#quickmenu {display:block; top:282px; right:50%; margin:0 -690px 0 0}
#quickmenu .sub_quick {display:block; width:90px; text-align:center}
#quickmenu .sub_quick dt {width:86px; height:101px; margin:0 0 0 auto; font-size:0; background:url(../images/sub/bg_barogagi_img.png) no-repeat 100% 0}
#quickmenu .squick_list {height:390px; padding:8px 5px; box-shadow:0 2px 3px 3px rgba(0,0,0,0.1); background:#fff; border-top:4px solid #4cabf1; box-sizing:border-box; border-radius:0 0 50px 50px}
#quickmenu .squick_list li {margin-top:5px}
#quickmenu .squick_list li:first-child {margin:0}
#quickmenu .squick_list li a {display: block; height:75px; line-height:160%; margin:0 auto; box-sizing:border-box; text-align:center}

#quickmenu .squick_list li:first-child .sq_txt {background:url(../images/main/bg_mquick01.png) no-repeat 50% 0}
#quickmenu .squick_list li:nth-child(2) .sq_txt {background:url(../images/main/bg_mquick02.png) no-repeat 50% 0}
#quickmenu .squick_list li:nth-child(3) .sq_txt {background:url(../images/main/bg_mquick03.png) no-repeat 50% 0}
#quickmenu .squick_list li:nth-child(4) .sq_txt {background:url(../images/main/bg_mquick04.png) no-repeat 50% 0}
#quickmenu .squick_list li:first-child:hover .sq_txt {background: url(../images/main/bg_mquick01_a.png) no-repeat 50% 0}
#quickmenu .squick_list li:nth-child(2):hover .sq_txt {background:url(../images/main/bg_mquick02_a.png) no-repeat 50% 0}
#quickmenu .squick_list li:nth-child(3):hover .sq_txt {background:url(../images/main/bg_mquick03_a.png) no-repeat 50% 0}
#quickmenu .squick_list li:nth-child(4):hover .sq_txt {background:url(../images/main/bg_mquick04_a.png) no-repeat 50% 0}

#quickmenu .squick_list li .sq_bg {width:52px; height:52px; display:block; margin:0 auto; border-radius:50% 50%; background-color:#e8e8e7}
#quickmenu .squick_list li .sq_txt {padding:43px 0 0; font-weight:400; background-size:auto 34px !important;}
#quickmenu .squick_list li:hover .sq_txt {color:#000; text-decoration: underline}
#quickmenu .squick_list li:hover .sq_bg {background-color:#ffc436; transition:.3s}
#quickmenu .btn_top {position:relative; margin-top:-58px}
#quickmenu .btn_top a {display:block; width:75px; height:53px; margin:0 auto; background:url(../images/sub/btn_top_pc.png) no-repeat 50% 50%}

/* ------------------- 공통 ------------------- */
h4.sub_tit {font-size:18px}
h5.sub_stit {font-size:16px}
}

@media only screen and (max-width:500px) {
/* 탭메뉴 */
.tabnavi01 li a {min-width:34px; padding:0 38px 0 4px; height:38px; line-height:36px; font-size:12px}
}

@media only screen and (max-width:761px) {
/*개별체험학습*/
.experiential_button{width:556px; margin: 20px auto}
.experiential_button>p img{width: 250px}
.experiential_button>p:last-child{margin-left:10px}
}

@media only screen and (max-width:642px) {
.scroll {display:block; text-align:right}
.table_scroll {margin-bottom:10px; overflow-x:scroll; white-space:nowrap; border: 1px solid #d7d7d7; border-radius: 10px 10px 0 0}
.table_scroll .tbwrap {overflow:initial; border:none}
/*개별체험학습*/
.experiential_button{width:auto; margin: 0 auto; margin-top: 25px}
.experiential_button>p{float: none; margin-bottom:3px; text-align: center}
.experiential_button>p:last-child{margin:0}
.greet .greetxt {background:url(../images/sub/greet_bgm.gif) no-repeat right bottom; padding:15px 10px 30px; height:auto}
.kidgre .greetxt {background:url(../images/sub/kidgre_bg01m.gif) no-repeat left bottom, url(../images/sub/kidgre_bg02m.gif) no-repeat right bottom ; padding:15px 10px 235px; height:auto}

/*공통_저작권신고*/
.copyright .copy_img > p.copyimg_txt{width: 309px; height: 221px}
.copyright .copyimg01 > p.copyimg_txt{background:url(../images/common/copy_img01_m.gif) center left no-repeat}
.copyright .copyimg02 > p.copyimg_txt{background:url(../images/common/copy_img02_m.gif) center left no-repeat}
.copyright .copy_img > p.copyimg_txt span{top:180px;  right:0; width:309px; height:26px; padding: 12px 0 0; font-size: 14px}
.copyright .copy_img > p.copyimg_txt span br{display: none}
}

@media only screen and (max-width:520px) {    
/*개별체험학습*/
.experientia_wrap .exp_box05 dl{min-height:auto; margin:0 0 10px 0; padding:10px 0 20px 0; border-bottom: 1px solid #cdcdcd}
.experientia_wrap .exp_box05 dl:last-child{border: none; padding-bottom: 0}
.experientia_wrap .exp_box05 dl dt{margin-bottom:5px; padding:0 0 10px 25px; background:url(../images/sub/blt_h5_tit.gif) no-repeat left 0; font-size: 1.154em; font-weight:400}
.experientia_wrap .exp_box05 dl.exp_lst01{background:none}
.experientia_wrap .exp_box05 dl.exp_lst02{background:none}
.experientia_wrap .exp_box05 dl.exp_lst03{background:none}
.experientia_wrap .exp_box05 dl.exp_lst04{background:none}
.experientia_wrap .exp_box05 dl.exp_lst05{background:none}
.experientia_wrap .exp_box05 dl.exp_lst06{background:none}

.experientia_wrap .exp_box .exp_tit {width:55px}
.experientia_wrap .exp_box04 .exp_tit {width:140px}
.experientia_wrap .exp_box06 .exp_tit {width:auto}
.rulebox ul li {width:50%}
.experientia_wrap .exp_box p.corona_noti {margin:0 0 5px}
.experientia_wrap .exp_box06 ul {padding:20px 10px 20px 90px; background:url(../images/sub/img_experiential_icon_corona.gif) no-repeat 5px 16px; background-size:80px auto}
}

@media only screen and (max-width:885px) {  
.symbol .symbox li {float:inherit; width:auto; margin-bottom:30px}
/* 전교학생회 */
.child .title .year {background:url(../images/sub/child_titm.gif) no-repeat; width:226px; height:46px; font-size:1.231em; padding-top:5px}
.child .childwrp::before {display:none}
.child .title .tit img {display:none}
.child .title .tit span {display:block; background:url(../images/sub/child_stitm.gif) no-repeat; width:247px; height:51px; margin:0 auto}
.child .childwrp {background:url(../images/sub/child_line.gif) repeat-y center 0; padding-top:1px}
.child .childwrp ul li {float:none; width:auto; margin-top:15px}
.child .childwrp .t02 {font-size:1.077em}
.child .childwrp .t02 span {font-size:1em}
}

@media only screen and (max-width:900px) { 
.cyb .cyhis li {width:33.3%}
}

@media only screen and (max-width:600px) {  
.cyb .cyhis li {float:inherit; width:auto}
.cyb .cyhis li div {width:100%}
}



/* 병설유치원 소개 추가 250314 PJH */
.kid .kidt02::before {content:''; display:block; background:url(../images/sub/kid_be.png) no-repeat; width:185px; height:111px; position:absolute; right:70px; bottom:2px}
.kid .kidt02{position:relative; margin-bottom: 20px}
.kid .kidt02 .txt{padding: 40px; border-radius: 30px}
.kid .kidt02 .txt .num{position: absolute}
.kid .kidt02 .txt p{padding-left: 40px}
.kid .kidt02 .txt > div{margin-bottom: 14px}
.kid .kidt02 .txt > div:last-child{margin-bottom: 0}
.kid .kidt02 .txt .num{display: inline-block; margin:0 5px; padding:4px 9px; border-radius: 100%; background: #e1e1e1}
.kid.basic_font .kidt02 .goal_box{font-size: 20px; text-align: left}
.kid.basic_font .kidt02 .goal_box img{padding: 0 5px}
/* 병설유치원 홈페이지 추가 250314 PJH */
.kidhp .kid_note{padding:12px 0; text-align: center}
.kidhp .kid_note .txt{position:relative; margin:70px 0; padding: 10px;  border:2px solid #fddf5b; border-radius:15px; font-weight: 400}
.kidhp .kid_note .txt::after{content:''; display:block; background:url(../images/sub/kidhp_kids.png) center no-repeat; width:276px; height:72px; position:absolute; top:-70px; right:50%; margin-right: -140px}
.kidhp .kid_note .txt::before{content:''; display:block; background:url(../images/sub/kid_be.png) center no-repeat; width:185px; height:111px; position:absolute; top:-113px; right:147px; margin-right: -140px}


/* MOBILE LAYOUT */
@media only screen and (max-width:1024px) {
/* 병설유치원 소개 */
.kid.basic_font .kidt02 .goal_box{font-size: 17px}
.kid .kidt02 .txt{padding: 41px 20px 20px 20px}
.kid .kidt02 .tit span {display: block; background:url(../images/sub/kid_titlemn.png) no-repeat; width:110px; height:145px}
.kid .kidt02 .t03{display:inline-block; background:url(../images/sub/kid_txt03m.gif) no-repeat; background-size:59px 24px; width: 59px; height:24px; vertical-align:middle}
.kid .kidt02 .t02n {display:inline-block; background:url(../images/sub/kid_txt02_1.png) no-repeat; background-size:88px 24px; width: 88px; height:24px; vertical-align:middle}
.kid .kidt02 .t02_1 {display:inline-block; background:url(../images/sub/kid_txt02_2_1.png) no-repeat; background-size:67px 24px; width: 67px; height:24px; vertical-align:middle}
.kid .kidt02 .t02_2 {display:inline-block; background:url(../images/sub/kid_txt02_2_2.png) no-repeat; background-size:71px 24px; width: 71px; height:24px; vertical-align:middle}
.kid .kidt02 .t03_1 {display:inline-block; background:url(../images/sub/kid_txt02_3_1.png) no-repeat; background-size:83px 24px; width: 83px; height:24px; vertical-align:middle}
.kid .kidt02 .t03_2 {display:inline-block; background:url(../images/sub/kid_txt02_3_2.png) no-repeat; background-size:50px 24px; width: 50px; height:24px; vertical-align:middle}
.kid .kidt02 .t04_1 {display:inline-block; background:url(../images/sub/kid_txt02_4_1.png) no-repeat; background-size:89px 22px; width: 89px; height:22px; vertical-align:middle}
.kid .kidt02 .t04_2 {display:inline-block; background:url(../images/sub/kid_txt02_4_2.png) no-repeat; background-size:109px 23px; width: 109px; height:23px; vertical-align:middle}
.kid .kidt02 .t05_1 {display:inline-block; background:url(../images/sub/kid_txt02_5_1.png) no-repeat; background-size:92px 24px; width: 92px; height:24px; vertical-align:middle}
/* 병설유치원 홈페이지 */
.kidhp .title img{display: none}
.kidhp .title span {display:block; background:url(../images/sub/kid_titlem_n.gif) no-repeat center 0; height:114px}
}

@media only screen and (max-width:761px) {
/* 병설유치원 소개 */
.kid .kidt02::before{display: none}
.kidhp .kid_note .txt::before{display: none}
/* 병설유치원 홈페이지 */
.kidhp .kid_note img{display: none}
.kidhp .kid_note span {display:block; background:url(../images/sub/kidhp_notem.gif) no-repeat center 0; height:183px}
.kidhp .kid_note .txt{margin: 90px 0 20px 0}
}


/* 병설유치원 학사일정 250516 PJH */
.kid_sche .sche_wrap{margin: 30px 0}
.kid_sche .sche_wrap .floor{display: flex; justify-content: space-between; margin-bottom: 15px}
.kid_sche .sche_wrap .floor .calend{position:relative; width: calc(33.3% - 20px)}
.kid_sche .sche_wrap .floor .calend::after{display: block; clear: both; content: ''; position: absolute; top: 50px; left:0; width:100%; height: 8px; border-radius: 10px; background: #f0f}
.kid_sche .sche_wrap .floor .calend.mar::after{background: #ffda0d}
.kid_sche .sche_wrap .floor .calend.apr::after{background: #ffa7bc}
.kid_sche .sche_wrap .floor .calend.may::after{background: #aae769}
.kid_sche .sche_wrap .floor .calend.jun::after{background: #a2d07e}
.kid_sche .sche_wrap .floor .calend.jul::after{background: #5ed7ca}
.kid_sche .sche_wrap .floor .calend.aug::after{background: #81d0fd}
.kid_sche .sche_wrap .floor .calend.jun::after{background: #a2d07e}
.kid_sche .sche_wrap .floor .calend.sep::after{background: #cbda26}
.kid_sche .sche_wrap .floor .calend.oct::after{background: #f7c519}
.kid_sche .sche_wrap .floor .calend.nov::after{background: #dd73bb}
.kid_sche .sche_wrap .floor .calend.dec::after{background: #e2a4f6}
.kid_sche .sche_wrap .floor .calend.jan::after{background: #ca9cff}
.kid_sche .sche_wrap .floor .calend.feb::after{background: #cdd6ff}

.kid_sche .sche_wrap .floor .calend .cal_tit{display: flex; column-gap: 10px}
.kid_sche .sche_wrap .floor .calend .cal_tit .tit_e{width:calc(100% - 10px); height: 40px; vertical-align: middle; align-content: center; padding-right: 20px; border-radius:0 20px 20px 0; text-align: right; box-sizing: border-box}
.kid_sche .sche_wrap .floor .calend.mar .tit_e{background: #ffda0d}
.kid_sche .sche_wrap .floor .calend.apr .tit_e{background: #ffa7bc}
.kid_sche .sche_wrap .floor .calend.may .tit_e{background: #aae769}
.kid_sche .sche_wrap .floor .calend.jun .tit_e{background: #a2d07e}
.kid_sche .sche_wrap .floor .calend.jul .tit_e{background: #5ed7ca}
.kid_sche .sche_wrap .floor .calend.aug .tit_e{background: #81d0fd}
.kid_sche .sche_wrap .floor .calend.jun .tit_e{background: #a2d07e}
.kid_sche .sche_wrap .floor .calend.sep .tit_e{background: #cbda26}
.kid_sche .sche_wrap .floor .calend.oct .tit_e{background: #f7c519}
.kid_sche .sche_wrap .floor .calend.nov .tit_e{background: #dd73bb}
.kid_sche .sche_wrap .floor .calend.dec .tit_e{background: #e2a4f6}
.kid_sche .sche_wrap .floor .calend.jan .tit_e{background: #ca9cff}
.kid_sche .sche_wrap .floor .calend.feb .tit_e{background: #cdd6ff}

.kid_sche .sche_wrap .floor .calend ul{position: relative; height:calc(100% - 96px); margin:6px 10px 10px; padding:14px 10px; border: 1px solid #dbdbdb; border-radius: 0 0 10px 10px}
.kid_sche .sche_wrap .floor .calend ul li{margin-bottom:5px; padding-left:54px; font-size: 14px; color: #636363; font-weight: 400}
.kid_sche .sche_wrap .floor .calend ul span{position:absolute; left: 10px; display:inline-block; min-width:48px; border-radius:3px; background: #e3e3e3; text-align: center; font-weight: 500; box-sizing: border-box}
.kid_sche .sche_wrap .floor .calend ul .holi{color: #ff6f5f}
.kid_sche .sche_wrap .floor .calend ul .holi span{background: #f4f4f4}

/* MOBILE LAYOUT */
@media only screen and (max-width:1024px) {
/* 병설유치원 학사일정 */
.kid_sche .title img{display: none}
.kid_sche .title span{display: block; height: 118px; background:url(../images/sub/kid_cal_tit_m.gif)no-repeat center 0}
}

@media only screen and (max-width:755px) {
.kid_sche .sche_wrap .floor{display: block}
.kid_sche .sche_wrap .floor .calend{width: 100%}
}

@media only screen and (max-width:440px) {
.kid_sche .title span{display: block; height: 118px; background:url(../images/sub/kid_cal_tit_m2.gif)no-repeat center 0}
}