@charset "UTF-8";

/* 버튼 */
.btn_blue { display:inline-block; color:#fff; padding:15px 60px; background:#0068b5; font-size:16px; margin:30px 0;}
.btn_blue a:link { color:#fff; }
.arrow { vertical-align:middle; background:url(../img/sub/arrow_1.png) 0 0 no-repeat; background-size:30px 30px; width:30px; height:30px; display:inline-block; margin:0 0 0 10px; }

.btn_blue_2 { display:inline-block; color:#fff; padding:10px 30px; background:#0068b5; font-size:14px; margin:30px 2px;}
.btn_blue_2 a:link { color:#fff; }

.btn_blue_line { display:inline-block; color:#0068b5; padding:9px 30px; border:1px solid #0068b5; background:#fff; font-size:14px; margin:30px 2px;}
.btn_blue_line a:link { color:#0068b5; }



.li_fl { padding:20px 0; line-height:180%;}
.li_fl li:nth-child(2), .li_fl li:nth-child(3) {/* padding:0 0 0 62px;*/ /*color:#ff0000;*/ line-height:180%;}


.bullet_1 li { background:url(../img/sub/bullet_2.png) 5px 13px no-repeat; line-height:200%; padding:0 0 0 15px;}
.bullet_2 li { background:url(../img/sub/bullet_2.png) 25px 13px no-repeat; line-height:200%; padding:0 0 0 35px;}
.bullet_3 li { background:url(../img/sub/bullet_3.png) 4px 13px no-repeat; line-height:200%; padding:0 0 0 11px;}
.bullet_3_2 li { background:url(../img/sub/bullet_3.png) 4px 15px no-repeat; border-bottom:1px dashed #c8c8c8; line-height:120%; padding:10px 0 10px 11px;}
.bullet_4 li { background:url(../img/sub/bullet_4.png) 2px 15px no-repeat; line-height:180%; padding:0 0 0 12px;}
.bullet_5 li { background:url(../img/sub/bullet_5.png) 2px 12px no-repeat; line-height:180%; padding:0 0 0 15px;}
.bullet_6 li { background:url(../img/sub/bullet_6.png) 2px 11px no-repeat; line-height:180%; padding:0 0 0 15px;}

/*board typeA */
.board_typeA {width:100%;margin-top:10px; border-top:2px solid #555;}
.board_typeA thead th {font-size:15px; line-height:20px; padding:15px 20px; border-bottom:1px solid #555; word-break: break-all;}
.board_typeA tbody th { border-bottom:1px solid #ddd; background:#fafafa;}
.board_typeA tbody td {font-size:13px; line-height:20px; padding:15px 20px; border-bottom:1px solid #ddd; word-break: break-all;}
.board_typeA tbody td span { /*margin:0 5px;*/}
.board_typeA tbody tr td img {max-width: 100%;}
.board_typeA tbody tr:last-child td{ border-bottom:1px solid #ddd;}
.board_typeA tbody tr td {text-align: center;}
.board_typeA tbody tr td:nth-child(2) {text-align: left;}
.board_typeA tbody textarea { border:1px solid #ddd; padding:10px; }
.add_file { margin:0 10px 0 0;}
.board_typeA .tbbg { background:#fafafa;}
.board_typeA tbody .board_btn { width:100px; background:#878787; color:#fff; height:30px; text-align:center; line-height:30px; border:0; margin:0 0 0 10px;}
.board_typeA .board_txt { height:28px; border:1px solid #dcdcdc; text-indent:10px; }
.board_typeA input::-moz-placeholder {  color: #dcdcdc;  opacity: 1; font-size:12px; text-align:left;}
.board_typeA input:-ms-input-placeholder {  color: #999; font-size:12px; text-align:left;}
.board_typeA input::-webkit-input-placeholder { color: #999; font-size:12px; text-align:left;}

.board_typeA textarea::-moz-placeholder {  color: #dcdcdc;  opacity: 1; font-size:12px; text-align:left;}
.board_typeA textarea:-ms-input-placeholder {  color: #999; font-size:12px; text-align:left;}
.board_typeA textarea::-webkit-input-placeholder { color: #999; font-size:12px; text-align:left;}


.board_typeA thead tr td.pass_check { border-bottom:1px solid #555; }


.page_arrow { clear:both; border-top:1px solid #ddd;}
.page_arrow ul li:nth-child(1) { width:20%; float:left; font-size:14px; color:#474747; font-weight:600; height:49px; line-height:49px; border-bottom:1px solid #ddd; text-align:center; background:#fafafa;}
.page_arrow ul li:nth-child(2) { width:80%; float:left; font-size:14px; color:#474747; height:49px; line-height:49px; border-bottom:1px solid #ddd;}
.page_arrow ul li a { padding:0 0 0 30px;}
.page_arrow ul li span { display:inline-block; background:url(../img/sub/prev_arrow.png) left center no-repeat; width:15px; height:9px;}


/*board typeB */
.board_typeB {width:100%;margin-top:10px;border-top:2px solid #0068b5;}
.board_typeB thead th { padding:20px 0; border-bottom:1px solid #dedede; background:#f4f4f4}
.board_typeB tbody th {font-size:15px; line-height:20px; padding:15px 0; border-bottom:1px solid #dedede; border-right:1px solid #dedede; word-break: break-all;}
.board_typeB tbody th.thbg { background:#f8f8f8;}
.board_typeB tbody td {font-size:13px; line-height:20px; padding:15px; border-left:1px solid #dedede; border-right:1px solid #dedede; border-bottom:1px solid #dedede; word-break: break-all;}
.board_typeB tbody tr td {text-align: center; }
.board_typeB tbody td:last-child { border-right:none;}
.board_typeB tbody td:first-child{border-left:none}
.board_typeB thead th.line, .board_typeB tbody td.line { border-right:1px solid #dedede;}


.info { clear:both; }
.info p {font-size:13px; color:#474747}
.info p span { color:#0068b5;}

/*페이지네비게이션*/
.page{width:100%;height:auto; margin:50px 0 10px 0;}
.page table{clear:both; border:0; border-collapse:collapse;text-align:center;margin:0 auto;}
.page .prev { margin:0 5px 0 0; padding:0; border:0;}
.page .next, .page .last, .page .first { margin:0; padding:0; border:0;}
.page table td { border:0px solid #dddddd; background:#fff; width:30px; height:30px; padding:0 7px; /*display:inline-block;*/ line-height:30px; font-size:14px;}
.page table td a {color:#474747; margin:0 0 0 0;}
.page table td a:hover {color:#0068b5;}
.page table td .pageOn { width:30px; height:30px; border-radius:30px; font-weight:600; color:#fff; display:inline-block; background:#0068b5; }
.page table td img {vertical-align:middle;}

.board_search_area { margin:0 auto; width:480px; }
.keyword_search {display:inline-block; width:100%}
.keyword_search .search_select {width:117px; height:38px; border:1px solid #dcdcdc; background:#fafafa; padding:7px 5px; float: left;}
.keyword_search .search_txt {width:238px; float: left; height:38px; border:1px solid #dcdcdc; margin:0 0 0 10px;}
.keyword_search .search_btn { width:100px; background:#555555; color:#fff; height:40px; text-align:center; line-height:40px; border:0; margin:0 0 0 10px;}


/* 인사말 */
.greeting_wrap { clear:both; background:url(../img/sub/greeting_back.png) right top no-repeat; min-height:570px;}
.eng_ttl { font-size:50px; color:#0269b5; font-weight:600; padding:15px 0 30px 0;}
.kor_ttl { font-size:28px; color:#000; line-height:130%; padding:0 0 45px 0;}
.greeting_txt { font-size:18px; color:#0068b5; line-height:130%; padding:0 0 50px 0;}


/* 시설안내 */
.facilities_wrap { clear:both; background:url(../img/sub/facilities_back_n.png) right top no-repeat; width:100%; min-height:570px;}
table.tbl_ul { clear:both; margin:10px 0; display:block;}
table.tbl_ul tbody th {font-size:14px; color:#000; background:#e6e6e6; margin:0 0 10px 0; border-bottom:10px solid #fff;}
table.tbl_ul tbody td { color:#474747; margin: 0 0 10px 0; padding:10px 0 10px 20px;}

.facilities_conts { clear:both; margin:0 0 20px 0; overflow:hidden;}
.facilities_conts p { float:left; margin:0 30px 0 0 ;}
.facilities_conts ul { float:left;}
.facilities_conts ul li { line-height:200%; font-size:14px; color:#474747;}
.facilities_conts ul li span { display:inline-block; background:#e6e6e6; width:130px; height:30px; margin:0 20px 10px 0; font-size:14px; color:#000; text-align:center;}

.facilities_conts_left { float:left; margin:0 30px 0 0; width:320px}
.facilities_conts_left p { clear:both !important; margin:0 0 10px 0;}
.facilities_conts_right { float:left; width: calc(100% - 350px)}
.facilities_conts_right dl { padding:0 0 20px 0;}
.facilities_conts_right dl dt { color:#0068b5; padding:0 0 5px 0;}
.facilities_conts_right dl dd { color:#474747; line-height:170%; padding:0 0 0 10px;}
.facilities_conts_ttl {background:#e6e6e6; width:130px; height:30px; margin:0 0 10px 0; font-size:14px; color:#000; text-align:center; line-height:30px; }


/* 연혁 */
.history_wrap{ clear:both; background:url(../img/sub/history_back.png) right 345px no-repeat; width:100%; min-height:570px;}
.history_conts { clear:both; width:520px; display:block;}
.history_conts dl { border-bottom:1px dashed #c8c8c8; overflow:hidden;}
.history_conts dl dt { width:25%; float:left; padding:15px 0; font-size:16px; color:#0068b5; font-weight:600;}
.history_conts dl dd { width:75%; float:left; padding:15px 0; color:#474747;}
.history_conts dl dd span, .history_conts dl dd ul li span { font-size:14px; color:#010000; font-weight:600; display:inline-block; width:40px;}
.history_conts dl dd ul li:first-child { padding:0 0 15px;}
.history_conts dl dd ul li:last-child { padding:15px 0 0;}
.history_conts dl dd ul li { padding:15px 0;}
.history_ttl { width:100%; height:50px; line-height:50px; text-align:center; font-size:20px; font-weight:600; color:#fff; background:#57b7e7 url(../img/sub/history_ttl_back.png) left center no-repeat; margin:0 0 20px 0;}

/* 조직도 */
.map_line { width:100%; border-bottom:1px solid #dedede; padding:0px 25px 22px;}
.map_tel { position:absolute; top:752px; right:0;}
.map_tel p { font-size:18px; color:#0068b5; font-weight:600;}


.map_metro { clear:both; width:100%; min-height:150px; background:url(../img/sub/subway_icon.png) left top no-repeat;}
.map_metro dl { padding:20px 0 50px 0; margin:0 0 0 120px; border-bottom:1px solid #dedede;}

.map_bus { clear:both; width:100%; min-height:300px; background:url(../img/sub/bus_icon.png) left top no-repeat;}
.map_bus dl { padding:20px 0 50px 0; margin:0 0 30px 120px; border-bottom:1px solid #dedede;}
.map_bus dl dt { font-size:16px; color:#000; font-weight:600; line-height:200%;}
.map_bus dl dd ul { padding:13px 0 0 0;}
.map_bus dl dd li { background:url(../img/sub/bullet_4.png) 10px 12px no-repeat; padding:0 0 0 23px; line-height:200%;}
.map_bus dl dd li:last-child { background:none;}

.map_car { clear:both; width:100%; min-height:150px; background:url(../img/sub/car_icon.png) left top no-repeat;}
.map_car dl { padding:20px 0 50px 0; margin:0 0 0 120px; border-bottom:0px solid #dedede;}


/* guide_wrap */
.guide_wrap { background: url(../img/sub/guide_back.png) right top no-repeat;}
.guide_wrap_2 { background: url(../img/sub/guide_back_2.png) right top no-repeat;}
.guide_conts_box { display:block; background:#f6f6f6 url(../img/sub/guide_icon.png) right center no-repeat; padding:30px;}
.guide_conts_box dl { padding:0 0 10px 0;}
.guide_conts_box dl dt { font-size:16px; color:#000; line-height:200%;}
.guide_conts_box dl dd { font-size:14px; color:#474747; }


/* 특활신청안내 */
.guide_wrap_3 { background: url(../img/sub/guide_back_3n.png) right top no-repeat;}
.certi_img{display:flex; justify-content:space-around; flex-wrap:nowrap; text-align:center;}
.certi_img img{width:70%}

/* 강습안내 */
.class_info { clear:both; margin:15px 0;}
.class_info_01 { display:table; background:url(../img/sub/class_img_1.png) left center no-repeat; min-height:210px; padding:0 0 0 220px;}
.class_info_02 { display:table; background:url(../img/sub/class_img_2.png) left center no-repeat; min-height:210px; padding:0 0 0 220px;}
.class_info_03 { display:table; background:url(../img/sub/class_img_3.png) left center no-repeat; min-height:210px; padding:0 0 0 220px;}
.class_info_01 p, .class_info_02 p, .class_info_03 p { display:table-cell; vertical-align:middle; font-size:14px; color:#474747; line-height:120%; }
.class_info_01 p span, .class_info_02 p span, .class_info_03 p span { clear:both; display:block; font-size:20px; color:#000; padding:0 0 10px 0;}

/* 스피드 */
.speed_wrap { clear:both; background:url(../img/sub/speed_back.png) right 0 no-repeat; min-height:300px;}
.speed_wrap p:nth-child(1) { width:570px; line-height:160%;}
.speed_wrap p:nth-child(2) { width:100%; margin:30px 0 0 0; line-height:160%;}
.speed_wrap p:nth-child(3) { background:url(../img/sub/speed_back_2.png) left 30px no-repeat; min-height:100px; width:auto; padding:30px 0 0 190px; margin:30px 0 0 0; line-height:160%;}
.speed_wrap p:nth-child(4) { width:100%; margin:30px 0 0 0; line-height:160%;}

/* 쇼트트랙 */
.short_wrap { clear:both; background:url(../img/sub/short_back.png) right 0 no-repeat; min-height:350px;}
.short_wrap p:nth-child(1) { width:520px; line-height:160%;}
.short_theme { margin:10px 0 15px 25px; }
.short_theme dt { font-size:14px; color:#000; font-weight:600; background:url(../img/sub/bullet_4.png) left center no-repeat; padding:0 0 0 15px;}
.short_theme dd { font-size:14px; color:#474747; padding:5px 0 10px 15px;}

/* 피겨*/
.figure_wrap { clear:both; background:url(../img/sub/figure_back.png) right 0 no-repeat; min-height:350px;}
.figure_wrap p:nth-child(1) { width:560px; line-height:160%;}
.figure_txt { background:url(../img/sub/figure_back_2.png) left 30px no-repeat; min-height:500px; width:auto; padding:30px 0 0 230px; margin:30px 0 0 0; line-height:170%;}
.conts_box { padding:20px 25px; background:#f6f6f6; display:block;}


/* 하키 */
.hockey_wrap { clear:both; background:url(../img/sub/hockey_back.png) right 0 no-repeat; min-height:350px;}
.hockey_wrap p:nth-child(1) { width:530px; line-height:160%;}
.hockey_txt { background:url(../img/sub/hockey_back_2.png) left 30px no-repeat; min-height:500px; width:auto; padding:30px 0 0 160px; margin:30px 0 0 0; line-height:170%;}


/* 방학특강 */
.vacation_wrap { clear:both; background:url(../img/sub/vacation_back.png) right 0 no-repeat; min-height:350px;}


/* 개인정보취급방침 */
.privacy_wrap { margin:50px 0; clear:both; width:93.5%; border:2px solid #d6d7d9; padding:30px 3%; overflow:hidden; font-size:12px; color:#474747; line-height:150%;}


/* 이용안내 - 이용약관 */
.guide_agreement { margin:50px 0; clear:both; padding:28px; display:inline-block; border:2px solid #d6d7d9; font-size:12px; line-height:140%;}
.guide_agreement_ttl { text-align:center; font-size:18px; color:#000; font-weight:600; line-height:200%; margin:0 0 10px 0;}
.guide_agreement_ttl2 { text-align:center; font-size:14px; color:#373737; font-weight:normal; height:40px; line-height:40px; background:#f0f0f0;}
.guide_agreement_txt { margin: 20px 0; font-size:12px; color:#373737; line-height:160%;}


/* 이용안내 - 이메일 수집거부 */
.email_wrap { margin:50px 0 0 0; background:url(../img/sub/email_back.png) right top no-repeat; width:100%; height:355px;}
.email_wrap p { padding:55px 0 0 15px; font-size:16px; line-height:210%; color:#373737;}

/* 사이트맵 */
.sitemap_wrap { margin:50px 0 0 0; clear:both; position:relative; display:block;}
.sitemap_conts { float:left; width:30%; margin:0 3% 0 0; min-height:250px;}
.sitemap_conts:nth-child(3n+3) { margin:0 0 0 0;}
.sitemap_conts p { background:#fff; border-left:1px solid #0068b5; border-right:1px solid #0068b5; border-top:2px solid #0068b5; border-bottom:1px solid #0068b5; font-size:16px; color:#0068b5; line-height:56px; height:56px; text-align:center;}
.sitemap_conts > ul { padding:20px 0;}
.sitemap_conts > ul > li { background:url(../img/sub/sitemap_bullet.png) 10px 13px no-repeat; padding:0 0 0 20px; line-height:220%;}
.sitemap_conts > ul > li > ul { padding:0 0 0 5px; line-height:140%;}


/* 고객의소리 - 답변글 add */
.board_reply {text-align: left}
.board_reply span { display:inline-block; padding: 40px 0px 10px 35px;}
.board_reply p { padding: 10px 0px 0px 60px; font-weight:normal; line-height: 90%; word-break: break-all;}
.reply_ok {color:#0068b5 !important;}

/* 팝업 */
 .popWrap {/*border:1px solid #ddd; padding: 5px; position: relative; margin-bottom: 50px;*/}
 .pop_cont { display:block;}
 .pop_cont p:first-child {padding-top: 20px}
 .today_close { position: absolute; bottom:10px;left:10px;  font-size: 14px; color:#fff;}
 .popup_close {position: absolute; bottom:10px;right:10px;}
 .popup_close a {text-decoration: none; color:#fff; font-size: 14px; }
 .popup_close lable {color:#fff;}
 .pop_btn_close a:hover {text-decoration: none;}


.pop_footer {width:100%; height:40px; background-color: rgba(33,49,82,0.6); position: absolute; left:0; bottom:0;}

/* 이용안내 공백 */
.empty_space {margin-left:30px; margin-right:30px;}