@charset "utf-8";

/* 내용관리 */
/*#ctt {margin:10px 0;padding:20px;background:#fff}*/
.ctt_admin {text-align:right}
#ctt header h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#ctt_con {padding:10px 0;line-height:1.6em}
#ctt_himg img, #ctt_timg img, #ctt_con img {max-width:100%;height:auto}
.ctt_img {text-align:center}

#ctt_con{line-height:150%; width: 100%; overflow:hidden; font-size:13px;}
#ctt_con p{font-size:13px; margin:10px 0; line-height:180%; }
#ctt_con h2{font-size:18px; font-weight:600; line-height:200%; position:relative; margin:40px 0 30px; color:#000;}
#ctt_con h2 span{position:absolute; top:0; left:0; width:20px; height:2px; background:#000; }
#ctt_con h2 em{color:#5282a4; padding-left:10px;}

#ctt_con h3{font-size:16px; font-weight:600; padding:6px 0; line-height:120%; color:#529ca4; word-break: keep-all;}
#ctt_con h4{font-size:14px; font-weight:600; padding:6px 0; line-height:120%; color:#5282a4;}
#ctt_con h5{font-size:14px; font-weight:600; line-height:18px; color:#5282a4;}
#ctt_con h6{font-size:13px; font-weight:600; line-height:180%; margin-bottom:20px; color:#5282a4;}
#ctt_con .h6{font-size:13px; font-weight:600;  color:#5282a4;}
#ctt_con .h7{display:block;font-size:13px; font-weight:600; line-height:180%; margin:0; margin-top:10px;}

#sub_title {margin: 30px 0;}
#sub_title h2 {color: #507e9f; font-size: 22px; font-weight: bold; letter-spacing: -1px; padding: 0px; line-height: 200%; position: relative; margin: 40px 0 0 0;}
/*#sub_title h2:before {content: attr(data-text); transform: rotateX(180deg); transform-origin: bottom; position: absolute; top: 0; left: 0; line-height: 1.25em; background: linear-gradient(to top, #507e9f 0%, transparent 70%); -webkit-background-clip: text; -moz-background-clip: text; background-clip: text; color: transparent; opacity: 0.5;}*/
#sub_title h3 {color: #0c2150; font-weight: bold; font-size: 18px; margin: 15px 0px; letter-spacing: -0.5px; line-height: 1.7em;}
#sub_title p {color: #010101;margin: 0px; font-size: 1em; padding: 0px; line-height: 1.7em;}
#sub_title span {color: #f2471f;}


#ctt_con .ol_style1{list-style: none; padding: 0 0 20px 0;}
#ctt_con .ol_style1 li{line-height:28px; padding:6px;}
#ctt_con .ol_style1 span{font-size:16px; color:#FFF; background:url(./img/2_1_3.png) no-repeat; display:inline-block; text-align:center; width:28px; height:28px; margin-right:5px;}
#ctt_con .ol_style1 h3 {font-size:16px; color: #529ca4; margin: 15px 20px 0 0; word-break: keep-all;}

#ctt_con .ul_style2{float: none; list-style: none; margin:15px; line-height:21px;}
#ctt_con .ul_style2 li{list-style-type: none; padding:0; margin-left:20px; line-height:21px;}
#ctt_con .ul_style2 li strong{color:#a671b4; font-weight:600;}

.sub_back{background:url(./img/sub_back_top.png) left top no-repeat; background-size: 100%; border-top:2px solid #5282a4}
.sub_back2{background:url(./img/sub_back_bottom.png) left bottom no-repeat; background-size: 100%; border-bottom:2px solid #5282a4; padding:40px 20px;}
.sub_back2:after {display:block;visibility:hidden;clear:both;content:""} 

.sub_back img{float:left; margin-left:30px;}
.sub_back ul{float:left; margin-left:30px;width:500px;}

#ctt_con .dlStyle{width: 100%;}
#ctt_con .dlStyle dt{font-size:1.5em; color:#102153; margin-top:20px;}
#ctt_con .dlStyle dd{letter-spacing:-1px; }

.maker {display: block;padding: 0px 20px 10px 20px;}
.eng {display: block;padding: 0px 10px 8px 10px;}
.cha {display: block;padding: 0px 10px 3px 10px;}
.writing {display: block;padding: 0px 10px 8px 10px;}
.science {display: block;padding: 10px 10px 8px 10px;}
.gift {display: block;padding: 10px 10px 0 10px;}
.musical {display: block;padding: 10px 10px 0 10px;}
.physical {display: block;padding: 10px 10px 8px 10px;}
.art {display: block;padding: 15px 10px 0 10px;}
.swim {display: block;padding: 10px 10px 0 10px;}
.act {display: block;padding: 10px 10px 5px 10px;}
.ex {display: block;padding: 10px 10px 10px 10px;}


.table_style_box {margin: 0 auto; min-width: 290px; width: 70%;}
.table_style_box hr {display: block;}
.table_style_box td {text-align: center;}
.table_style_box img {margin-left: 0px;}
.table_style_box thead th {border: 2px solid #529ca4; border-radius: 5px; background-color: #ffffff; color: #529ca4; padding: 3px 0px;}
.table_style_box thead td {text-decoration: line-through;}


.table_style2{width:100%; border-collapse:collapse;}
.table_style2 th{background:#5282a4; color:#FFF; font-weight:600; font-size:1.1em; padding:7px; text-align:center; border:1px solid #FFF;}
.table_style2 td{background:#ecebeb; padding:7px; text-align:center;border:1px solid #FFF;}

/* 학교장 인사 1_2 */
.ctt_1_2 .picture {float: left; height: 500px;}
.ctt_1_2 p {float: left; margin-left: 15px !important; width: calc(100% - 200px);}
.ctt_1_2 .title {font-size: 1.5rem; letter-spacing: -0.1em;}
.ctt_1_2 .title strong {color:#ffa53a; font-size: 1.5rem; font-family: '맑은 고딕';}

/* 교육 목표 1_19 */
.goal_table_style, .goal_table_style2, .goal_table_style3{border-collapse:collapse; float:left; margin-right: 1%; word-break: break-all;}
.goal_table_style th, .goal_table_style2 th, .goal_table_style3 th{height: 80px;}
.goal_table_style td, .goal_table_style2 td, .goal_table_style3 td{height: 120px;}

.goal_table_style {width: 15%;}
.goal_table_style2 {width: 60%;}
.goal_table_style3 {width: 22%;}

.goal_table_style thead th{background:#5282a4; color:#FFF; font-weight:600; font-size:1.1em; padding:15px 0; text-align:center; border:1px solid #FFF;}
.goal_table_style tbody td{background:#ecebeb; font-weight:600; text-align:center; border:1px solid #DDD;padding:35px 0;color:#5282a4;}

.goal_table_style2 thead th{background:#5282a4; color:#FFF; font-weight:600; font-size:1.1em; padding:26px 0; text-align:center; border:1px solid #FFF; width: 33%;}
.goal_table_style2 tbody th{background:#ecebeb; font-weight:600; text-align:center; border:1px solid #DDD;padding:35px 0;}
.goal_table_style2 tbody td{background:#FFF; padding:5px; text-align:center;border:1px solid #DDD;}
.goal_table_style2 span{color:#ff6c00; font-weight:600;}

.goal_table_style3 thead th{background:#5282a4; color:#FFF; font-weight:600; font-size:1.1em; padding:26px 0; text-align:center; border:1px solid #FFF;}
.goal_table_style3 tbody td{background:#FFF; padding:25px 0; text-align:center;border:1px solid #DDD;font-weight:600; }

/* 교직원 소개 1_8 */
.ctt_1_8 .teacher_img {width: 320px; margin:10px auto 25px; float: right;}

.teacher_table_style1{width: 100%; margin:0 0 20px 0; border-collapse:collapse;}
.teacher_table_style1 tbody td{background:#FFF; padding:5px; text-align:center;border:1px solid #DDD;}

.teacher_table_style2{width: 100%; margin:0 0 20px 0; border-collapse:collapse;}
.teacher_table_style2 thead th{background:#5282a4; color:#FFF; font-weight:600; font-size:1.1em; padding:5px; text-align:center; border:1px solid #FFF;}
.teacher_table_style2 tbody th{background:#ecebeb; font-weight:600; text-align:center; border:1px solid #DDD;}
.teacher_table_style2 tbody td{background:#FFF; padding:5px; text-align:center;border:1px solid #DDD;}
.teacher_table_style2 .ban5{border-bottom:2px solid #5282A4;}

/* 신입학안내 1_3 */
#ctt_con ul{width: auto; margin-bottom:20px; word-break: keep-all;}
#ctt_con .lineBox1{border-top:1px solid #5282a4; padding: 15px 25px; background:#f3f5f6;}
#ctt_con .lineBox1 ol{line-height:21px; padding:10px 0 10px 20px; list-style-type:decimal; }
#ctt_con .lineBox1 ol ol{line-height:21px; padding:0px 0 0px 15px; list-style-type:lower-alpha; }
#ctt_con .lineBox1 dl{height:82px; margin-top:10px;}
#ctt_con .lineBox1 dl dt{float:left; margin-right:12px;}
#ctt_con .lineBox1 dl dd{float:left; width:20px;}

#ctt_con .lineBox1 .x1 {float: left; width: 33%;}
#ctt_con .lineBox1 .x1 ul{margin: 0 auto;}
#ctt_con .lineBox1 .x1 ul li{float:left;}
#ctt_con .lineBox1 .x2 ul{float:left; }
#ctt_con .lineBox1 .x2 ul li{float:left;}

#ctt_con .lineBox2 {border-top:1px solid #5282a4; padding:15px 25px; background:#f3f5f6;}
#ctt_con .lineBox2 dl {height:82px; margin-top:10px; text-align: center;}
#ctt_con .lineBox2 dl dt {float:left; width:20%;}

#ctt_con .lineBox3 {border-top:1px solid #5282a4; padding:15px; background:#f3f5f6;}
#ctt_con .lineBox3 dl {height:82px;}
#ctt_con .lineBox3 .x1 {float: left; width: 33%;}
#ctt_con .lineBox3 .x1 ul{margin: 0 auto; display: table;}
#ctt_con .lineBox3 .x1 ul li{float:left;}

#ctt_con .ss_tbl {width:100%; border-collapse:collapse;}
#ctt_con .ss_tbl th {border:1px solid #ccc; font-weight:bold; padding:5px;}
#ctt_con .ss_tbl td {border:1px solid #ccc; text-align:center; padding:5px;}

/* 원서접수 1_3 */
.app_btn {width:112px; height:111px; margin-bottom: 10px; border-radius:56px; border:1px solid #5282a4; background-color: #ffffff;}
.app_btn:hover {background-color: #f4f9fb;}

#ctt_con .lineBox_quickmenu {float: left; width: 100%; border-top: 1px solid #5282a4; padding: 15px 0px; background: #f3f5f6;}
#ctt_con .lineBox_quickmenu ul {text-align: center;}
#ctt_con .lineBox_quickmenu ul li {display: inline-block; width:112px; height:150px; margin: 16px; text-align: center;}
#ctt_con .lineBox_quickmenu ul .line2_3 {display: none; width: 0px; height: 0px; margin: 0px;}

.ctt_1_3 {word-break: keep-all;}

/* 원서접수 application_info */
#ctt_con .admi_type_box {float: left; width: 100%; border-top:1px solid #5282a4; padding:15px; background:#f3f5f6;}
#ctt_con .admi_type_box div {text-align: center;}
#ctt_con .admi_type_box div ul {display: inline-block; width: 30%; margin-bottom: 0px;}
#ctt_con .admi_type_box div ul li {float: left;}
#ctt_con .admi_type_box div ul li:first-child {width: 50%; text-align: right;}
#ctt_con .admi_type_box div ul li:last-child {width: 40%; text-align: left; margin-left: 10px;}
#ctt_con .admi_type_box div ul li:last-child img {width: 75px;}
#ctt_con .admi_type_box div ul li h6 {margin-bottom: 0px;}

#ctt_con .application_qa {float: left; font-size: 16px; font-weight: bold; color: #2d50df; margin-top: 20px; line-height: 25px;}
#ctt_con .application_qa span {color: #ff0000;}

#ctt_con .application_confirm{float: left; width: 100%; border-top:1px solid #5282a4; padding: 15px; background:#f3f5f6;}
#ctt_con .application_confirm ul {width: 100%; text-align: center; display: inline-block; margin: 0 auto;}
#ctt_con .application_confirm ul li {float: left; width: 50%; margin-bottom: 20px;}

/* 이동교실 및 배차시간 1_9 */
.bus_table_style2, .bus_table_style3 {border-collapse:collapse;}
.bus_table_style2{width:100%; margin:0 0 20px 0;}
.bus_table_style2 thead th{background:#5282a4; color:#FFF; font-weight:600; font-size:1.1em; padding:7px; text-align:center; border:1px solid #FFF;}
.bus_table_style2 tbody th{background:#ecebeb; font-weight:600; text-align:center; border:1px solid #DDD;}
.bus_table_style2 tbody td{background:#FFF; padding:7px; text-align:center;border:1px solid #DDD;}

.bus_table_style3 .bus_lineBox2{ border-top:1px solid #5282a4; padding:20px 10px; background:#f3f5f6;}
.bus_table_style3 .bus_lineBox2:after {display:block;visibility:hidden;clear:both;content:""}

.bus_table_style3{clear:both; width: 90%; margin: 0 auto;}
.bus_table_style3:after {display:block;visibility:hidden;clear:both;content:""}
.bus_table_style3 > li{width: 45%; float:left; margin-bottom: 20px; list-style: none; clear: both;}
.bus_table_style3 > li:nth-child(even) {float: right; clear: none;}
.bus_table_style3 > li h1 {height: 30px;}
.bus_table_style3 > li h2{position:relative; margin:10px 0 !important;}
.bus_table_style3 > li h2 em{position:absolute; display:none; top:0; right:0; font-size:12px; color:#666; font-weight:normal}
.bus_table_style3 > li table{width:95%; margin:0 auto;}
.bus_table_style3 > li table th{text-align:left; width:80%;}
.bus_table_style3 > li table td{text-align:right; width:20%;}

/* 국내 자매학교 1_1 */
.table_style_1_1{clear:both; width: 100%; margin: 0 auto;}
.table_style_1_1:after {display:block;visibility:hidden;clear:both;content:""}
.table_style_1_1 > li{width: 45%; float:left; margin-bottom:30px; list-style: none; clear: both;}
.table_style_1_1 > li:nth-child(even) {float: right; clear: none;}
.table_style_1_1 > li > img {float:left; min-width: 128px; margin-right:12px;}
.table_style_1_1 > li article {float:left; word-break: keep-all; width: calc(100% - 140px);}
.table_style_1_1 > li article a {word-break: break-all;}
.table_style_1_1 > li article li {list-style: none;}
.table_style_1_1 a{color:#a671b4;}
.table_style_1_1 ol li{line-height:21px;}

/* 학교 연혁 */
.year_title {float: left; margin-left: 30px; line-height: 40px; font-family: monospace, dotum, sans-serif; font-weight: bold; color: #5282a4; padding: 20px;}
.year_title_number {font-size: 3.8em;}
.year_title_text {font-size: 1.8em; float: right;}

/* 해외 자매학교 1_20 */
.table_style_1_20 {width: 100%; margin: 15px auto; border-collapse:collapse;}
.table_style_1_20 th{background:#5282a4; color:#FFF; font-weight:600; font-size:1.1em; padding:7px;  border:1px solid #FFF; min-width: 100px;}
.table_style_1_20 td{background:#ecebeb; padding:7px; border:1px solid #FFF; word-break: keep-all;}
.table_style_1_20 td:first-child {min-width: 80px;}
.table_style_1_20 td a {word-break: break-all;}
/*.table_style_1_20 td:last-child {min-width: 185px;}*/

/* 이사장 인사 1_16 */
.ctt_1_16 img {float: left; margin: 0 27px 80px 0;}

/* 학교 약도 1_17 */
.table_style_1_17 ul {width: auto; margin-left: 0px;}

/* 메이커교육 2_12 */
.maker_txt01 p {color: #0c2150;font-weight: bold;font-size: 16px !important;letter-spacing: -1px;}
.maker_txt02 p {color: #6c6a6a;text-align: left;font-size: 1.2em !important;letter-spacing: -1px;line-height: 24px !important;padding-bottom: 10px;}

/* 외국어교육 2_8 */
.eng_txt01 span {color: #0c2150;font-weight: bold;font-size: 18px;letter-spacing: -1px;}
.eng_txt01 p {color: #303030;font-size: 12px !important;;font-weight: bold;}
.eng_txt02 p {color: #6c6a6a;text-align: left;font-size: 1.2em !important;letter-spacing: -2px;line-height: 24px !important;padding-bottom: 10px;}

/* 창의인성교육 2_1 */
.character_txt01 p {color: #515151;font-size: 12px !important;letter-spacing: -0.5px;padding-bottom: 5px;}
.character_txt01 p span:nth-child(1) {color: #0c2150;font-weight: bold;font-size: 18px !important;letter-spacing: -0.5px;}
.character_txt01 p span:nth-of-type(n+2) {color: #303030;font-size: 12px !important;font-weight: bold;letter-spacing: -0.5px;}

/* 독서교육 2_9 */
.writing_txt01 p {color: #0c2150;font-weight: bold;font-size: 16px !important;letter-spacing: -0.5px;line-height: 1.2em !important;}
.writing_txt02 p {color: #6c6a6a;text-align: left;font-size: 1.2em !important;letter-spacing: -1px;line-height: 24px !important;padding-bottom: 10px;}

/* 과학교육 2_6 */
.science_txt01 p {color: #303030;font-size: 12px !important;font-weight: bold;}
.science_txt01 span {color: #0c2150;font-weight: bold;font-size: 18px !important;letter-spacing: -1px;}
.pic_2_6 {text-align: center;}
.pic_2_6 img {max-width: 250px !important; margin: 10px 0 0 10px !important; border-radius: 10px;}
.pic_2_6 img:first-child {margin: 10px 0 0 0;}

/* 영재교육 2_2 */
.genius_edu {position: relative; width: 100%; height: 100%; padding: 50px 0 0 20px; margin-top: 30px; z-index: 1; background: url(/theme/kbes/skin/content/basic/img/2_2_2.jpg) no-repeat; background-size: 100% 100%}
.genius_edu::after {position: absolute; width: 100%; height: 100%; content: ""; top: 0; left: 0; z-index: -1; background: url(/theme/kbes/skin/content/basic/img/2_2_logo.gif) right 5% top 5% no-repeat; background-size: 30%;}
.gift_txt01 span {color: #0c2150;font-weight: bold;font-size: 18px;letter-spacing: -0.5px;}
.gift_txt01 p {color: #303030;font-size: 12px;font-weight: bold;letter-spacing: -0.5px;}
.table_style2_2{width: 100%; border-collapse:collapse;}
.table_style2_2 th{background:#5282a4; color:#FFF; font-weight:600; font-size:1.1em; padding:7px; text-align:center; border:4px solid #FFF;}
.table_style2_2 td{background:#d6e5f0; padding:0px; text-align:left;border:4px solid #FFF;}
.ul_style2_2{list-style: none; margin:15px; line-height:21px; width: 65%;}
.ul_style2_2 li{list-style-type: none; padding:0 !important; margin-left:20px; line-height:21px !important;}
.ul_style2_2 li strong{color:#a671b4; font-weight:600;}

/* 1인 1악기 2_3 */
.musical_txt01 span {color: #f2471f;font-weight: bold;font-size: 16px !important;letter-spacing: -0.5px;}
.musical_txt01 p {color: #0c2150;font-weight: bold;font-size: 16px !important;letter-spacing: -0.5px;line-height: 1.5em !important;}

/* 체육교육 2_4 */
.physical_txt01 p {color: #303030;font-size: 12px !important;font-weight: bold;}
.physical_txt01 span {color: #0c2150;font-weight: bold;font-size: 18px !important;letter-spacing: -1px;}

/* 미술교육 2_11 */
.ol_style2_11{list-style: none; }
.ol_style2_11 li{line-height:28px; padding:6px;}
.ol_style2_11 span{font-size:16px; color:#FFF; background:url(./img/2_1_3.png) no-repeat; display:inline-block; text-align:center; width:28px; height:28px; margin-right:5px;}

.ul_style2_11{list-style: none; margin:15px; line-height:21px;}
.ul_style2_11 li{list-style-type: decimal; padding:0; margin-left:20px; line-height:21px;}
.ul_style2_11 li strong{color:#a671b4; font-weight:600;}

.art_txt01 span {color: #f2471f;font-weight: bold;font-size: 16px !important;letter-spacing: -0.5px;}
.art_txt01 p {color: #0c2150;font-weight: bold;font-size: 16px !important;letter-spacing: -0.5px;line-height: 1.5em !important;}

/* 수영교육 2_7 */
.swim_txt01 p {color: #0c2150;font-weight: bold;font-size: 16px !important;letter-spacing: -1px;line-height: 1.2em !important;}
.swim_txt02 p {color: #6c6a6a;text-align: left;font-size: 1.2em !important;letter-spacing: -0.5px;line-height: 24px !important;padding-bottom: 10px;}

/* 방과후학교 2_10 */
.act_txt01 span {color: #0c2150;font-weight: bold;font-size: 18px !important;letter-spacing: -1px;}
.act_txt01 p {color: #303030;font-size: 12px !important;font-weight: bold;}

/* 해외교환 학습 2_16 */
.ex_txt02 {text-align:center;}
.ex_txt02 h3:nth-of-type(2) {margin: 0px !important;}
.ex_txt02 p {text-align: center;color: #6c6a6a;font-size: 1.2em !important;letter-spacing: -0.5px;line-height: 24px !important;}
.ex_txt02 p:nth-of-type(2) {text-align: center;color: #3d3d3d;font-weight: bold;font-size: 16px !important;}

/* 온라인스쿨(KIMOS) 2_17_1 */
.ctt_2_17_1 img {width: 23%; margin: 1%; border-radius: 5%;}
@media (max-width:1080px) {
	.ctt_2_17_1 img {width: 45%;}
}

/* 행정정보공개 3_5 */
.table_style_3_5{width:100%; max-width: 730px; margin: 0 auto;}
.table_style_3_5 th{text-align:left; padding-bottom:6px;}
.table_style_3_5 td{line-height:21px;}

.ex_iframe {width: 100%; margin: 0px; text-align: center;}
.ex_iframe iframe {width: 100%; height: 100%; max-width: 780px; min-height: 700px;}
.ex_iframe .iframe_full {max-width: 100%;}

/* 누리오케스트라 4_2 */
#ctt_con .ol_style4_2{float: left; list-style: none; margin-left: 30px; padding: 0 0 20px 0;}
#ctt_con .ol_style4_2 li{line-height:28px; padding:6px;}
#ctt_con .ol_style4_2 span{font-size:16px; color:#FFF; background:url(./img/2_1_3.png) no-repeat; display:inline-block; text-align:center; width:28px; height:28px; margin-right:5px;}
#ctt_con .ol_style4_2 h3 {font-size:16px; color: #529ca4; margin: 15px 20px 0 0; word-break: keep-all;}

#ctt_con .ul_style4_2{float: none; list-style: none; margin:15px; line-height:21px;}
#ctt_con .ul_style4_2 li{list-style-type: none; padding:0; margin-left:20px; line-height:21px;}
#ctt_con .ul_style4_2 li strong{color:#a671b4; font-weight:600;}


/* 별하 어린이합창단 4_3 */
.ul_style4_3{list-style:none; float:left; margin-left:10px; margin-top:20px; line-height:21px;}
.ul_style4_3 li{list-style:none; padding:0; margin:0; line-height:21px;}
.ul_style4_3 li strong{color:#a671b4; font-weight:600;}

/* 컵스카우트 4_4 */
.ol_style4_4{list-style:none; }
.ol_style4_4 li{line-height:28px; margin-top:0px; padding: 25px 0 25px 20%; border-bottom:1px solid #DDD; background-size: 17% !important;}
.ol_style4_4 li:last-child {padding: 35px 0 35px 20%; border-bottom: none;}
.ol_style4_4 span{font-size:16px; color:#FFF; background:url(./img/2_1_3.png) no-repeat; display:inline-block; text-align:center; width:28px; height:28px; margin-right:5px;}

/* TREK proj */
#ctt_con .trek {clear:both; float:left; width:100%; height:auto; font-family:'Nanum Gothic', dotum, sans-serif;}
#ctt_con .trek .title h1 {text-align:center;}
#ctt_con .trek .title p {font-size:16px; color:#5a637b; padding:0px 0px 20px; line-height:1.5em;}
#ctt_con .trek .designArea {clear:both; float:left; width:100%; height:800px; position:relative; overflow:hidden;}
#ctt_con .trek .designArea .object {position:absolute; left:50%; border-radius:50%; }
#ctt_con .trek .designArea .circle-main {z-index:30; width:150px; height:146px; background:url(./img/cont_trek_img02.png) no-repeat; top:275px; margin-left:-70px; font-size:43px; letter-spacing:-1px; font-family: 'Roboto', sans-serif; font-weight:700; color:#ffffff; text-align:center; padding-top:53px; text-indent:-5px;}

#ctt_con .trek .designArea h3 {line-height: 130%; margin: 0px; text-align:center; color:#ffffff; font-size:25px; padding:50px 0px 20px;}
#ctt_con .trek .designArea p {line-height: 130%; margin: 0px;}
#ctt_con .trek .designArea .circle-point {width:164px; height:164px;}
#ctt_con .trek .designArea .circle-point p { text-align:center; color:#ffffff; font-size:18px; letter-spacing:-1px; font-family: 'Roboto', sans-serif; font-weight:700; }
#ctt_con .trek .designArea .circle-tbox p {text-align:center; font-size: 15px;}

#ctt_con .trek .designArea .circle-point01 {z-index:29; background:#8facff; top:120px; margin-left:-82px;}
#ctt_con .trek .designArea .circle-point02 {z-index:28; background:#486eda; top:336px; margin-left:-197px;}
#ctt_con .trek .designArea .circle-point03 {z-index:27; background:#5a637b; top:336px; margin-left:43px;}
#ctt_con .trek .designArea .circle-base {z-index:26; width:310px; height:310px; background:url(./img/cont_trek_img01.png) no-repeat; top:190px; margin-left:-154px; }
#ctt_con .trek .designArea .circle-tbox01 {z-index:25; width:172px; height:134px; background:url(./img/cont_trek_img09.png) no-repeat; top:83px; margin-left:70px; }
#ctt_con .trek .designArea .circle-tbox01 p {padding:40px 0px 36px 40px;}
#ctt_con .trek .designArea .circle-tbox02 {z-index:24; width:150px; height:133px; background:url(./img/cont_trek_img08.png) no-repeat; top:420px; margin-left:-320px;}
#ctt_con .trek .designArea .circle-tbox02 p {padding:36px 20px 36px 0px;}
#ctt_con .trek .designArea .circle-tbox03 {z-index:23; width:143px; height:131px; background:url(./img/cont_trek_img10.png) no-repeat; top:420px; margin-left:190px;}
#ctt_con .trek .designArea .circle-tbox03 p {padding:40px 0px 36px 10px;}
#ctt_con .trek .designArea .imgcont01 {z-index:22; width:105px; height:105px; top:80px; margin-left:-230px; }
#ctt_con .trek .designArea .imgcont02 {z-index:21; width:137px; height:137px; top:210px; margin-left:-340px;  }
#ctt_con .trek .designArea .imgcont03 {z-index:20; width:206px; height:206px; top:520px; margin-left:-160px; }
#ctt_con .trek .designArea .imgcont04 {z-index:19; width:105px; height:105px; top:560px; margin-left:109px;  }
#ctt_con .trek .designArea .imgcont05 {z-index:18; width:119px; height:119px; top:260px; margin-left:214px; }
@media (max-width:1080px) {
	#ctt_con .trek {width:100%;}
	#ctt_con .trek .title {width:90%; margin-left:5%;}
	#ctt_con .trek .title img {width:100%;}
	#ctt_con .trek .title p {font-size:15px; color:#5a637b; padding:20px 0px 20px; line-height:1.5em;}
	#ctt_con .trek .designArea .circle-main {z-index:30; width:100px; height:100px; background:url(./img/cont_trek_img02.png) no-repeat; background-size:100%; top:137px; margin-left:-48px; font-size:28px; letter-spacing:-1px; font-family: 'Roboto', sans-serif; font-weight:700; color:#ffffff; text-align:center; padding-top:27px; text-indent:-2px;}
	#ctt_con .trek .designArea .circle-base {z-index:26; width:170px; height:170px; background:url(./img/cont_trek_img01.png) no-repeat; background-size:100%; top:100px; margin-left:-85px; }
	#ctt_con .trek .designArea .circle-point01 {z-index:29; width:82px; height:82px; background:#8facff; top:60px; margin-left:-41px;}
	#ctt_con .trek .designArea .circle-point01 h3 {font-size:18px; padding:20px 0px 5px;}
	#ctt_con .trek .designArea .circle-point01 p {font-size:13px;}
	#ctt_con .trek .designArea .circle-point02 {width:82px; height:82px; top:185px; margin-left:-108px;}
	#ctt_con .trek .designArea .circle-point02 h3 { font-size:18px; padding:20px 0px 5px;}
	#ctt_con .trek .designArea .circle-point02 p {font-size:13px;  }
	#ctt_con .trek .designArea .circle-point03 { width:82px; height:82px;  top:185px; margin-left:28px;}
	#ctt_con .trek .designArea .circle-point03 h3 {font-size:18px; padding:20px 0px 5px;}
	#ctt_con .trek .designArea .circle-point03 p {font-size:13px; }

	#ctt_con .trek .designArea img {width:100%}
	#ctt_con .trek .designArea .imgcont01 {width:52px; height:52px; top:40px; margin-left:-115px; }

	#ctt_con .trek .designArea .imgcont02 {width:68px; height:68px; top:105px; margin-left:-170px;  }
	#ctt_con .trek .designArea .imgcont03 {width:103px; height:103px; top:280px; margin-left:-80px; }
	#ctt_con .trek .designArea .imgcont04 {width:52px; height:52px; top:280px; margin-left:55px;  }
	#ctt_con .trek .designArea .imgcont05 {width:60px; height:60px; top:130px; margin-left:107px; }

	#ctt_con .trek .designArea .circle-tbox01 {z-index:25; width:100px; height:auto; background:none;top:0px; margin-left:35px; }
	#ctt_con .trek .designArea .circle-tbox01 p {padding:20px 0px 18px 20px; text-align:center;font-size:12px;}
	#ctt_con .trek .designArea .circle-tbox02 {z-index:24; width:100px; height:auto; background:none; top:210px; margin-left:-180px; text-align:center;}
	#ctt_con .trek .designArea .circle-tbox02 p {padding:0px; text-align:left; font-size:12px;}
	#ctt_con .trek .designArea .circle-tbox03 {z-index:23; width:90px; height:auto; background:none; top:230px; margin-left:90px;}
	#ctt_con .trek .designArea .circle-tbox03 p {padding:0px; text-align:right; font-size:12px;}
}

/* 드라마교육 2_19 */
#ctt_con .drama {clear:both; float:left; width:100%; height:auto;}
#ctt_con .drama p {margin: 0px;}
#ctt_con .drama .title h3 {font-family: 'Roboto', sans-serif; font-weight:700; color:#5283a4; font-size:20px;}
#ctt_con .drama .title h1 {font-size:25px; color:#112154; font-weight:800; padding:10px 0px 5px; letter-spacing:-2px;}
#ctt_con .drama .title p {font-size:16px; color:#5a637b; padding:0px 0px 20px;line-height:1.5em;}
#ctt_con .drama ul {clear:both; float:left; width:100%; height:auto; padding:20px 0px;}
#ctt_con .drama ul li {float:left; width:286px; height:auto; list-style:none;}
#ctt_con .drama ul li:nth-child(2) {width:calc(100% - 320px); }
#ctt_con .drama ul li h4 {font-family: 'Roboto', sans-serif; font-weight:700; font-size:22px; color:#ff9000; letter-spacing:1.5px; letter-spacing:-1px; padding-top:25px;}

#ctt_con .drama ul li p {font-size:15px; color:#424242; line-height:1.5em; padding:10px 0px;}
#ctt_con .drama ul li ol {clear:both; float:left; width:100%; height:auto;}
#ctt_con .drama ul li ol li {clear:both; float:left; width:100%; height:auto; padding:0px;}
#ctt_con .drama ul li ol li:nth-child(2) {clear:both; float:left; width:100%; height:auto; }
#ctt_con .drama ul li ol li span {display:inline-block; float:left; width:24px; height:25px; background:url(/theme/kbes/img/bullet_number.png) no-repeat; color:#ffffff; font-size:13px;font-family: 'Roboto', sans-serif; font-weight:700; text-align:center; padding-left:5px; padding-top:2px; margin-top:12px;  }
#ctt_con .drama ul li ol li p {display:inline-block; float:left; margin-left:10px; width:calc(100% - 40px); }
@media (max-width:1080px) {
	#ctt_con .drama {width:90%; margin-left:5%;}
	#ctt_con .drama ul li {float:left; width:100%; height:auto; list-style:none; text-align:center;}
	#ctt_con .drama ul li:nth-child(2) {width:100%;  text-align:left; }
	#ctt_con .drama ul li ol li  {text-align:left;}
	#ctt_con .drama ul li:nth-child(2) h4  {padding:50px 0px 0px;}
}

/* 경복방송 4_5 */
.visual_rolling {position: relative;}
.visual_rolling .visual {position: relative; width: 100%; max-height: 541px; height: 50vw;}
.visual_rolling .visual img {position: absolute; width: 100%;}
.visual_rolling .arrow {display: none;}
.visual_rolling .arrow img {position: absolute; z-index: 5; top: 50%; width: 46px; height: 84px; margin-top: -42px; cursor: pointer;}
.visual_rolling .arrow_next {float: right; margin-right: 46px;}

/* 학교운영위원회 4_6 */
.table_style_4_6_1{width:100%; border-collapse:collapse;}
.table_style_4_6_1 th{background:#5282a4; color:#FFF; font-weight:600; font-size:1.1em; padding:7px; text-align:center; border:1px solid #FFF;}
.table_style_4_6_1 td{background:#ecebeb; padding:7px; text-align:center;border:1px solid #FFF;}

/* 어머니회 4_7_1 */
.table_style_4_7_1 {margin: 0 auto; max-width: 642px;}
.table_style_4_7_1 td {text-align: center;}
.table_style_4_7_1 img {margin-left: 0px;}

/* 체육급식위원회 4_7_3 */
.table_style_4_7_3 {margin: 0 auto; max-width: 638px;}
.table_style_4_7_3 td {text-align: center;}
.table_style_4_7_3 img {margin-left: 0px;}

/* 복장관리위원회 4_7_4 */
.table_style_4_7_4 {margin: 0 auto; max-width: 505px;}
.table_style_4_7_4 td {text-align: center;}
.table_style_4_7_4 img {margin-left: 0px;}

/* 외국어교육위원회 4_7_5 */
.table_style_4_7_5 {margin: 0 auto; max-width: 638px;}
.table_style_4_7_5 td {text-align: center;}
.table_style_4_7_5 img {margin-left: 0px;}

/* 방과후학교위원회 4_7_6 */
.table_style_4_7_6 {margin: 0 auto; max-width: 638px;}
.table_style_4_7_6 td {text-align: center;}
.table_style_4_7_6 img {margin-left: 0px;}

/* 도서관리위원회 4_7_7 */
.table_style_4_7_7 {margin: 0 auto; max-width: 638px;}
.table_style_4_7_7 td {text-align: center;}
.table_style_4_7_7 img {margin-left: 0px;}

/* 어머니합창단 4_7_2 */
.table_style_4_7_2 {margin: 0 auto; max-width: 646px;}
.table_style_4_7_2 td {text-align: center;}
.table_style_4_7_2 img {margin-left: 0px;}

/* 학급홈피 5_0 */
.class_box {padding: 30px;}
.class_box .class_box_table {margin: 0 auto; min-width: 300px; width: 70%;}
.class_box .class_box_table hr {display: block;}
.class_box .class_box_table td {text-align: center; line-height: 25px;}
.class_box .class_box_table img {margin-left: 0px;}
.class_box .class_box_table thead th {border: 2px solid #529ca4; border-radius: 5px; background-color: #ffffff; color: #529ca4; padding: 3px 0px;}
.class_box .class_box_table thead td {text-decoration: line-through;}


/* 반응형 CSS */
@media (max-width:1300px) {
.sub_back2{padding: 20px 5px;}

/* 이동교실 및 배차시간 1_9 */
.bus_table_style3 > li {width: 100%;}

/* 국내 자매학교 1_1 */
.table_style_1_1 > li {width: 100%;}

/* 학교장 인사 1_2 */
.ctt_1_2 .picture {height: auto;}
.ctt_1_2 p {width: calc(100% - 170px);}

/* 교직원 소개 1_8 */
.ctt_1_8 .teacher_img {width: 30vw; min-width: 200px;}
.teacher_table_style2 thead th, .teacher_table_style2 tbody td {padding: 5px 0px;}

/* 이사장 인사 1_16 */
.ctt_1_16 img {margin-bottom: 0px;}

/* 교육 목표 1_19 */
.goal_table_style th, .goal_table_style2 th, .goal_table_style3 th{height: 120px;}
.goal_table_style td, .goal_table_style2 td, .goal_table_style3 td{height: 200px;}
.goal_table_style2 thead th:nth-child(1), .goal_table_style2 thead th:nth-child(2) {width: 25%;}
.goal_table_style2 thead th:nth-child(3) {width: 50%;}

/* 누리오케스트라 4_2 */
#ctt_con .ol_style4_2{margin-left: 0px;}

/* 학급홈피 5_0 */
.class_box {padding: 0px; font-size: 0.8em;}
.class_box .frm_input {height: 25px; margin: 10px 0px 10px 10px;}
}

/* 신입학안내 1_3 */
@media (max-width: 690px) {
	#ctt_con .lineBox_quickmenu ul .line2_3 {display: block;}
	#ctt_con .application_confirm ul {text-align: left;}
	#ctt_con .application_confirm .line_2 li {width: 100%;}
	#ctt_con .application_confirm ul li select {width: auto;}
}
@media (max-width: 670px) {
	#ctt_con .admi_type_box div ul {width: 100%; margin-bottom: 15px;}
	#ctt_con .admi_type_box div ul:last-child {margin-bottom: 0px;}
	#ctt_con .admi_type_box div ul li:first-child {width: 55%;}
	#ctt_con .admi_type_box div ul li:last-child {width: 35%;}
}
@media (max-width: 520px) {
	#ctt_con .lineBox_quickmenu ul .line2_3 {display: inline-block;}
}

@media (max-width: 450px) {
.ctt_1_2 p:nth-last-child(1), .ctt_1_2 p:nth-last-child(2) {width: 90%;}
.second_line {display: block;}
}

/* 영재교육 2_2 */
@media (max-width: 830px) {
	.genius_edu::after {background-position: right 2% top 2%; opacity: 0.3;}
	/*.ul_style2_2{width: 65vw !important;}*/
}


/* 곽철웅이 만든거 신입학 안내 맨 밑에 버튼 5개 */
#ctt_con > h2{
  margin-bottom: 10px;
}
.desc_item {
  margin: 18px 0 !important;
  font-size: 15px !important;
}
.thum {
  text-align: center;
}
.boxwrap {
  display: block;
  width: 100%;
  background-color: #f8f8f8;
  height: 130px;
}
.boxwrap .box {
  width: 20%;
  float: left;
}
.woong_img {
  border-radius: 10px;
}
.desc_item{
  display: inline-block;
}
.boxwrap{
  padding-bottom: 30px;
  padding-top: 30px;
}

/*
@media (max-width:1024px) {
  #ctt_con > div:nth-child(12) > div > div:nth-child(4){
    display: none;
  }
  .box{
    width: 25% !important;
  }
  #ctt_con > div:nth-child(8) > div > div:nth-child(4){
    display: none;
  }
}

@media (max-width:800px) {
  .box{
    width: 50% !important;
  }
  .boxwrap{
    height: 180px;
  }
}
*/