@charset "utf-8";

/* ===== webfont 불러오기 ===== */
@import url('/Common/CSS/NotoSansKR.css');

/* ===== 제네럴 ===== */
*, :after, :before {-webkit-box-sizing: border-box;	-moz-box-sizing: border-box; box-sizing: border-box;}
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin: 0;	padding: 0;	border: 0;	font-size: 100%;}
html {width: 100%;}
body {width: 100%; min-width: 1200px; font-family: "NotoSansKR", "맑은 고딕", Dotum, '돋움', Helvetica, sans-serif;	font-size: 16px; font-weight: 400;	color: #333;-webkit-font-smoothing: subpixel-antialiased;word-break:keep-all;}
h1, h2, h3, h4, h5, h6 {margin-top: 0;}
a {color: #333; text-decoration: none;}
ol, ul {list-style: none;}
table {border-collapse: collapse; border-spacing: 0;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
button{cursor: pointer; border: none; word-break: keep-all;}

/* ===== IE 10, 11의 네이티브 화살표 숨기기 ===== */
select::-ms-expand {display: none;}

/* ===== clearfix ===== */
.clearfix:after {display: table;content: "";clear: both;}
.clearfix:before {display: table;content: "";}

/* ===== header ===== */
header{position: relative;}
header .logo{width: 1004px; margin: 0 auto;}
header .logo .logo_img{display: inline-block; width: 159px;margin-top: 35px; margin-bottom: 30px;}

header .nav_wrap{position: relative; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; background-color: #fff;}

nav{width: 1004px; margin: 0 auto;} 
nav>ul{width: calc(100% - 35px); float: left; height: 52px;}/* 20211206수정 */
nav>ul>li{width: 25%; float: left; padding: 0 55px;}
nav>ul>li a{display: inline-block; width: 100%; height: 50px; font-size: 18px; text-align: center; line-height: 2.8em;} 
/*nav>ul>li a:hover{background: #ee1d71; color: #fff;}*/ /* 20211107삭제 */

nav .nav_btn{width: 35px; height: 50px; float: left; line-height: 3.3em; text-align: center;}

.depth2_wrap{width: 100%; background: #fff; visibility:hidden; opacity: 0; transition: .1s ease-in-out; position: absolute; top: 51px; left:0; box-shadow: 0px 2px 2px #0000001f; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; z-index: 9999;}/* 20211107수정 */
.depth2_wrap .depth2_center{width: 1004px; margin: 0 auto;}

.depth2{width: calc(100% - 35px);}/* 20211107수정 */
.depth2 ul{float: left; width: 25%; padding: 50px 0 30px 0; height: 239px;}/* 20211107수정 */
.depth2 ul li{text-align: center; margin-bottom: 25px;}
.depth2 ul li:last-child{margin-bottom: 0;}
.depth2 ul li a{font-size: 16px;}
.depth2 ul li a:hover{color: #ee1d71; font-weight: 500;}

nav:hover .depth2_wrap{visibility: visible; opacity: 1;}
nav > ul > li > a > span.on,
nav > ul > li > a:hover > span{display:block; position:relative; z-index: 99999; height:50px; line-height:50px; color:#fff; background: #ee1d71;margin-top: 12px; box-shadow: 3px 3px 5px rgba(0,0,0,0.3);}/* 20211107추가 */
nav .depth2 ul:hover{background: #f8f3f3!important;}/* 20211107수정 */


.depth2{width: calc(100% - 35px);}/* 20211107수정 */
.depth2 ul{float: left; width: 25%; padding: 30px 0; height: 209px;}/* 20211107수정 */
.depth2 ul li{text-align: center; margin-bottom: 25px;}
.depth2 ul li:last-child{margin-bottom: 0;}
.depth2 ul li a{font-size: 16px;}
.depth2 ul li a:hover{color: #ee1d71; font-weight: 500;}

nav:hover .depth2_wrap{visibility: visible; opacity: 1;}

.depth2 ul:hover{background: #f8f3f3;}/* 20211107수정 */

/* ===== 레이아웃 ===== */
#container{min-height: 700px;}

.sub_con{padding: 50px 0 80px;}
.sub_con .content{width: 1004px; margin: 0 auto;}

/* ===== input style ===== */
input,
select{border:1px solid #c4c6cb; padding:10px; letter-spacing: 0.02em;}
input[type="text"]{width: 100%;}
input:focus,select:focus,textarea:focus { outline: 1px solid #f48025; }
input[type="radio"]+label, input[type="checkbox"]+label{font-size: 13px; vertical-align: 2px;}
input[type="radio"]:focus, input[type="checkbox"]:focus{outline: none;}
input[type="checkbox"]+label{font-family: Dotum;}
select {padding: 10px 40px 10px 10px; display: block; width: 100%; -webkit-appearance: none; -moz-appearance: none; appearance: none; vertical-align: middle; background: #fff url(/Images/Main/sel_down.png) no-repeat right center; border: solid 1px #ddd; cursor: pointer; margin: 0;}
select option{height: 30px;}
select::-ms-expand {display: none;}
input[type="text"]:disabled {background:#d0d0d0;}
label{margin: 10px 0; display: block;}

.datepicker--nav{width: auto;}


/* ====================== main ==== */

/* ===== main visual ===== */
.main_visual{width: 100%; height: 432px; position: relative; background: #d1e4f5;}
.main_visual .visual_content .bg_blue{position: absolute; width: 50%; height: 432px; background-color: #e5f2ff; right: 50%;}
.main_visual .visual_content .con_box{position: relative; width: 1004px; height: 480px; margin: 0 auto;}
.main_visual .visual_content .con_box .text_area{position: relative;}
.main_visual .visual_content .con_box .text_area p{position: absolute; top:165px; left: 15px; font-size:24px; font-weight: 700; line-height: 1.4em; letter-spacing: -1px;}
.main_visual .visual_content .con_box .text_area p .green{color: #339a2c;}

.main_visual .visual_content .con_box .visual_area{position: absolute; top: 60px; right: 0;}
.swiper.mainSwiper{width: 567px; height: 315px; overflow: hidden; box-shadow: 8px 12px 18px rgba(0, 0, 0, 0.18);}
.swiper.mainSwiper .swiper-button-next, .swiper.mainSwiper .swiper-button-prev{color: #fff;}
.swiper.mainSwiper .swiper-button-prev{left: -50px; text-indent: -9999999px;}
.swiper.mainSwiper .swiper-button-next{right: -50px; text-indent: -9999999px;}
.swiper.mainSwiper .swiper-button-prev img,
.swiper.mainSwiper .swiper-button-next img{width: 40px;}
.swiper.mainSwiper .swiper-pagination-bullets{bottom: -30px;}
.swiper.mainSwiper .swiper-pagination-bullet{width: 12px; border-radius: 8px; background: #659cd4; opacity: 1;}
.swiper.mainSwiper .swiper-pagination-bullet-active{width: 30px; background: #2269b3;}
.swiper.mainSwiper .swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 2px;}

/* ===== 퀵 메뉴 ===== */
.quick_list{height:345px; background: #f3f4f8;}
.quick_list .q_box{width: 1004px; margin: 0 auto;}
.quick_list .q_box li{position: relative; float: left; width: 228px; height: 200px; text-align: center; margin-top: 72px; margin-right: 30px; z-index: 100;}
.quick_list .q_box li.q_04{margin-right: 0;}

.quick_list .q_box li .q_title{font-size: 20px; font-weight: 500; margin-bottom: 1px; padding: 20px 20px 5px 10px; }

.quick_list .q_box li:before{content: ''; display: block; width: 228px;  height: 207px; position: absolute; top: 3px; left: -8px; border: 1px solid #d3d3d3; z-index: -1; box-shadow: -10px 10px 10px rgba(0,0,0,0.051);}
.quick_list .q_box li:after{content: ''; display: block; width: 228px;  height: 200px; background: #fff; position: absolute; top: 0; left: 0; z-index: -1;}

.quick_list .q_box li a{display: inline-block;  width: 100%; height: 100%; padding-top: 120px;}
.quick_list .q_box li.q_01 a{background:#fff url(/Images/Main/bn_icon01.png) no-repeat center 40px;}
.quick_list .q_box li.q_01 a:hover{background:#fd487e url(/Images/Main/bn_icon01_on.png) no-repeat center 40px;}
.quick_list .q_box li.q_02 a{background:#fff url(/Images/Main/bn_icon02.png) no-repeat center 33px;}
.quick_list .q_box li.q_02 a:hover{background:#fd487e url(/Images/Main/bn_icon02_on.png) no-repeat center 33px;}
.quick_list .q_box li.q_03 a{background:#fff url(/Images/Main/bn_icon03.png) no-repeat center 33px;}
.quick_list .q_box li.q_03 a:hover{background:#fd487e url(/Images/Main/bn_icon03_on.png) no-repeat center 33px;}
.quick_list .q_box li.q_04 a{background:#fff url(/Images/Main/bn_icon04.png) no-repeat center 33px; margin-right: 0;}
.quick_list .q_box li.q_04 a:hover{background:#fd487e url(/Images/Main/bn_icon04_on.png) no-repeat center 33px;}

.quick_list .q_box li a:hover p{color: #fff;}
.quick_list .q_box li a:hover .q_title{color:#fff000; padding: 10px 20px 5px 10px; }

.quick_list .q_box li .go{font-size: 12px; color: #fff; border: 1px solid #fff; padding: 2px 50px 2px 10px; background: url(/Images/Main/go_arrow.png) no-repeat 63px 6px; width: 100px; margin-top: 9px; display: inline-block;}


/* ===== 게시판 메뉴 ===== */
.news_area .inner{width: 1004px; height:565px; margin: 0 auto; padding-top: 60px;}
.news_area .inner_cont {overflow:hidden; padding-bottom:13px;}
.news_area .inner_cont .news_left {float:left; width:670px;}

.news_area .notice_area {float:left; position:relative; margin-top:27px; width:335px; padding-right:70px;}
.news_area .notice_area .more {position:absolute; right:70px; top:3px;}
.news_area .notice_area .title {text-align:left; font-size:24px; line-height:30px; color:#111; font-weight:600;}
.news_area .notice_area ul {overflow: hidden;margin-top: 35px; box-shadow: 10px 10px 10px rgba(0,0,0,0.1); padding: 10px;}
.news_area .notice_area ul li a {overflow:hidden; text-overflow:ellipsis; white-space: nowrap; vertical-align: middle; display:inline-block; max-width:88%; font-size:16px; line-height:40px; color:#555; font-weight:450;}
.news_area .notice_area ul li .ico_new {margin-left:9px; display:inline-block; vertical-align:middle;}

.news_area .security_area {float:left; position:relative; margin-top:27px; width:335px; padding-right:68px;}
.news_area .security_area .more {position:absolute; right:70px; top:3px;}
.news_area .security_area .title {text-align:left; font-size:24px; line-height:30px; color:#111; font-weight:600; font-family: 'Noto Sans KR',sans-serif;}
.news_area .security_area ul {overflow: hidden; margin-top: 35px; box-shadow: 10px 10px 10px rgba(0,0,0,0.1); padding: 10px;}
.news_area .security_area ul li a {overflow:hidden; text-overflow:ellipsis; white-space: nowrap; vertical-align: middle; display:inline-block; max-width:88%; font-size:16px; line-height:40px; color:#555; font-weight:450;}
.news_area .security_area ul li .ico_new {margin-left:9px; display:inline-block; vertical-align:middle;}

.news_area .main_link_lsit {overflow:hidden; margin-top:45px; width:595px; text-align:center; border-left:1px solid #ddd; border-top:1px solid #ddd; margin-bottom:40px; box-shadow: 5px 5px 15px rgba(0,0,0,0.18);}
.news_area .main_link_lsit li {float:left; width: 50%; border-right:1px solid #ddd; border-bottom:1px solid #ddd;}
.news_area .main_link_lsit li a {display:block; font-size:18px; line-height:92px; font-weight:500; text-align:left; padding-left:90px;}
.news_area .main_link_lsit li.list_01 a {background: url('/Images/Main/ico_main_link_01.png') no-repeat 25px center;}
.news_area .main_link_lsit li.list_02 a {background: url('/Images/Main/ico_main_link_02.png') no-repeat 25px center;}
.news_area .main_link_lsit li.list_03 a {background: url('/Images/Main/ico_main_link_03.png') no-repeat 25px center;}
.news_area .main_link_lsit li.list_04 a {background: url('/Images/Main/ico_main_link_04.png') no-repeat 25px center;}
.news_area .main_link_lsit li.list_01:hover a {background:#fd487e url('/Images/Main/ico_main_link_01_on.png') no-repeat 25px center; color: #fff;}
.news_area .main_link_lsit li.list_02:hover a {background:#fd487e url('/Images/Main/ico_main_link_02_on.png') no-repeat 25px center; color: #fff;}
.news_area .main_link_lsit li.list_03:hover a {background:#fd487e url('/Images/Main/ico_main_link_03_on.png') no-repeat 25px center; color: #fff;}
.news_area .main_link_lsit li.list_04:hover a {background:#fd487e url('/Images/Main/ico_main_link_04_on.png') no-repeat 25px center; color: #fff;}

.news_area .blue_area_wrap{float:right; overflow:hidden; position:relative; width:334px; height:443px; background:#fd487e; border-radius: 0 15px 0 15px; box-shadow: -6px 13px 10px rgba(0,0,0,0.18);}
.news_area .blue_area_wrap .blue_title{font-size:24px; font-weight: 700; color: #fff7fb; height: 90px; padding: 30px;}
.news_area .blue_area_wrap .center_news li{height: 115px; border-top:1px solid #3b90e3; text-align: right; padding: 35px 30px;}
.news_area .blue_area_wrap .center_news li.center01{background: url(/Images/Main/blue_icon01.png) no-repeat 30px center;}
.news_area .blue_area_wrap .center_news li.center02{background: url(/Images/Main/blue_icon02.png) no-repeat 30px center;}
.news_area .blue_area_wrap .center_news li.center03{background: url(/Images/Main/blue_icon03.png) no-repeat 30px center;}

.news_area .blue_area_wrap .center_news li p{color: #fff7fb; font-size: 18px;}
.news_area .blue_area_wrap .center_news li .yellow{color: #ffff00; font-size: 24px; font-weight: 500; margin-top: 5px;}

/* ===== 교육사진 qna ===== */
.photo_list{position: relative; background: #f3f4f8;}
/* .photo_list .blue_bg{position: absolute; width: 56.3%; height: 100%; background:#fd487e;} */
.photo_list .blue_bg{position: absolute; width: 56.3%; height: 100%; background:#fd487e;}
.photo_list .pt_inner{width: 1004px; height: 350px; margin: 0 auto; padding-top: 50px;}

.photo_list .pt_slider{position: relative; width: 590px; float: left;}
.photo_list .pt_text_area{float: left;}
.photo_list .pt_text_area p{font-size: 20px; line-height: 1.5em; font-weight: 400; color: #ffffff; margin-bottom: 110px; letter-spacing: -1px;}
.photo_list .pt_text_area p .yellow{color:#ffff00;}
.photo_list .pt_text_area .more_view{display: block; width:133px; height: 50px; border: 1px solid #ffffff; color: #ffffff; padding:15px 18px; background: url(/Images/Main/big_arrow.png) no-repeat 80px center; }

.swiper.photoSwiper{float: right; position: relative; width: 365px; height: 245px; overflow: hidden; margin-top: 6px; margin-right: 20px;}
.swiper.photoSwiper .swiper-wrapper .swiper-slide img{width: 100%; height: 100%;}
.swiper.photoSwiper .swiper-button-next, 
.swiper.photoSwiper .swiper-button-prev{color: #fff; width: 40px; height: 40px; background: rgba(0, 0, 0, 0.34);}
.swiper.photoSwiper .swiper-button-prev{left: 0; text-indent: -9999999px;}
.swiper.photoSwiper .swiper-button-next{right: 0; text-indent: -9999999px;}
.swiper.photoSwiper .swiper-button-prev img,
.swiper.photoSwiper .swiper-button-next img{width: 25px;}
.swiper.photoSwiper .swiper-button-next:after, 
.swiper.photoSwiper .swiper-button-prev:after{font-family: swiper-icons; font-size: 22px; font-weight: 800; text-transform: none!important; letter-spacing: 0; text-transform: none; font-variant: initial; line-height: 1;}

.qna{float: left; margin-left: 70px;}
.qna .pt_text_area p{color: #333;}
.qna .pt_text_area p .blue{color: #005ab5;}
.qna .pt_text_area .more_view{display: block; width:133px; height: 50px; border: 1px solid #333; color: #333; padding:15px 18px; background: url(/Images/Main/big_arrow_bl.png) no-repeat 80px center; }

/* ===== footer ===== */
footer{background: #fff;}
.footer_link{border-top: 1px solid #dcdcdc; border-bottom: 1px solid #dcdcdc;}
.footer_link ul{width: 1004px; height: 90px; margin: 0 auto;}
.footer_link ul li{width: 14.2857%; height: 100%; float: left;}
.footer_link ul li a{width: 100%; height: 100%; display: inline-block; position: relative;}
.footer_link ul li a img{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}

.footer_info{width: 1004px; margin: 0 auto; padding: 20px 0;}
.footer_info .add{float: left;}
.footer_info .add p{font-size:14px; color: #898989; line-height: 1.5em;}

.footer_info .family_site{width: 290px; float: right; padding-right: 65px; background: url(/Images/Main/class_logo.png) no-repeat right center; background-size: 58px;} 

.instagram{float: left; margin-right: 8px; margin-top: 3px;}
.familySite{float: left;}

/* ===== Layer방식 Select ===== */
.selectBox {position:relative; min-width:60px; width: 175px; height:35px;}
.selectBox a {display:block;}
.selectBox .selectVal { padding:7px 25px 7px 7px; border:1px solid #ddd; font-size:13px; line-height:20px; color:#666; background:url('/Images/Main/slt_arrow.png') 150px center no-repeat;}
.selectBox .selectVal a {height:20px; vertical-align:middle;}
.selectBox .selectVal a:focus {color:#fff; background-color:#3399FF;}
.selectBox .selectMenu { display:none; position:absolute; left:0; z-index:100; width:100%; padding:7px 0px;  border:1px solid #ddd; background-color:#fff;}
.selectBox.up .selectMenu {bottom:33px;}
.selectBox.down .selectMenu {top:33px;}
.selectBox.on .selectMenu {display:inline-block; *display:inline; *zoom:1;}
.selectBox .selectMenu li a {padding:7px 25px 7px 7px; font-size:15px;}
.selectBox .selectMenu li:hover {background-color:#3399FF;}
.selectBox .selectMenu li:hover a {color:#fff;}

.pub_link{margin-top: 7px;}
.pub_link a{font-size: 13px; color: #898989; display: inline-block;}
.pub_link a:first-child{padding-right: 8px; border-right: 1px solid #dcdcdc;}
.pub_link a:last-child{padding-left: 8px; color: #000000;}

/* ===== 퀵메뉴 ===== */
.quick_ban {position:fixed; z-index: 100; top:580px; right:100px; padding-bottom:7px; background:#ffffff; border: 1px solid #e7e7e7; border-radius: 0px 13px 0 13px ; box-shadow: 3px 5px 10px rgba(0,0,0,0.18);}
.quick_ban ul {overflow:hidden; width:95px; padding-top:10px;}
.quick_ban ul li {padding:0 10px;}
.quick_ban ul li a {display:block; text-decoration:none; letter-spacing:-1px; padding-top:12px; padding-bottom:11px; text-align:center; color:#111; font-size:14px; line-height:20px; border-bottom:1px solid #e7e7e7; font-weight:450;}
.quick_ban ul li:last-child a{border-bottom: 0;}
.quick_ban ul li span {display:block; text-decoration:none; letter-spacing:-1px; padding-top:1px; padding-bottom:7px; text-align:center; color:#111; font-size:15px; line-height:17px; border-bottom:1px solid #e7e7e7; font-weight:500;}

.quick_menu {display:none; position:fixed; z-index: 100; top:500px; right:115px; text-align:center;}
.quick_menu .quick_scroll_top {margin-bottom:21px;}
.quick_menu .btn_quick {position:relative; left:8px; width:124px; height:124px;background: url('/images/IP/global/bg_quick_menu.png') no-repeat 0 0;}
.quick_menu .btn_quick a {color:#111; display:block; text-decoration:none; text-align:left; padding:49px 20px 30px 30px; font-size:14px; line-height:20px; font-weight:500; font-family: 'Noto Sans KR',sans-serif; letter-spacing: -1px \0/IE9;}


/* ======================== 20211207 메인하단 자주하는 질문 추가 */
.photo_list .blue_bg{transition: all .2s;} 
.photo_list .blue_bg::before{content: ''; display: block; position: relative; width: 100%; height: 100%;}
.photo_list.on .blue_bg{width: 38.3%; transition: all .2s;} 
.photo_list.on .pt_slider{width: 255px;}
.photo_list.on .pt_slider .swiper.photoSwiper{display: none;}

.photo_list .qna{position: relative;}
.photo_list .qna #Accordion_wrap{display: none; width: 400px; float: left; margin-left: 40px; margin-top: 0;}
.photo_list.on .qna #Accordion_wrap{display: block;}

.photo_list .btn_toggle{display: block; position: absolute; top: 50%; right: -18px; width: 45px; height: 45px; line-height: 45px; text-align: center; cursor: pointer; margin-top: -22px; border-radius: 0 8px; z-index: 100; background:#ee1d71; box-shadow:-4px 4px 12px 0px rgba(0, 0, 0, .35);}
.photo_list .btn_toggle .icn{background:url("/Images/Main/icn_btn_lt.png") no-repeat 50% 50%; width: 12px; height: 12px; display: inline-block;}
.photo_list.on .btn_toggle .icn{background:url("/Images/Main/icn_btn_gt.png") no-repeat 50% 50%;}

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

	.photo_list .blue_bg{width:58.3%;}
	.photo_list.on .blue_bg {width: 32.3%;}

}	

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

	.photo_list .blue_bg{width:59.3%;}
	.photo_list.on .blue_bg {width: 32.3%;}

}	

/* ====================== sub ==== */

/* ===== 서브타이틀 ===== */
.titlearea{margin-top: 20px; border-bottom: 1px solid #c6c6c6; padding-bottom: 15px;}
.title_sub{font-size: 30px; color: #333; letter-spacing: -1px; font-weight: 500;}

.crumb_nav{float: right; margin-top: -15px;}
.crumb_nav .crumb_list li{float: left; padding-right: 17px; padding-left: 10px; background: url(/Images/Main/crb_arr.png) no-repeat right; background-size: 7px; font-size: 14px;}
.crumb_nav .crumb_list li:last-child{background: none; padding-right: 0;}
.crumb_nav .crumb_list li a{color:#333;}
.sub_txt{margin-top: 20px; font-weight: 200;}

/* ===== 테이블 스타일 ===== */
table{width: 100%; border-top: 1px solid #c8c8c8; border-bottom: 1px solid #c8c8c8;}
table caption{text-indent: -9999em;}
table tr{text-align: left; border-bottom: 1px solid #eeeceb;}
table tr:last-child{border-bottom: 0;}
table tr th{padding: 17px;}
table tr td{padding: 8px; font-size: 15px;}

.table01 {width: 100%; border-top: 2px solid #333; margin: 30px 0;}
.table01 tbody tr th{color: #333; height: 50px; line-height: 18px; font-size: 16px; font-weight: 400; background: #eaf2ff; text-align: center;}
.table01 tbody tr td{padding: 25px 15px; text-align: center;}
.table01 tbody tr td.tb_title{text-align: left; cursor: pointer;}
.table01 tbody tr td.tb_title a{overflow: hidden; text-overflow: ellipsis; white-space: nowrap; vertical-align: middle; display: inline-block; max-width: 90%; font-size: 16px;}
.table01 tbody tr td.tb_title .ico_new{vertical-align: middle; margin-left: 5px;}
.table01 tbody tr td.tb_title .ico_new img{margin-top: 7px;}

.table01 tbody .important_noti td,
.table01 tbody .important_noti td a{color: #f26522; font-weight: 500;}

/* ===== 게시판 보기 ===== */
.table01.read_tb tbody tr th{background:#fafafa;}
.table01.read_tb tr td{text-align: left;}
.table01.read_tb tr td img{width: 100%;}

.btn_area{text-align: center;}


/* ===== page list ===== */
.page_list{width:800px; margin: 0 auto; text-align: center;}
.page_list a{display: inline-block; width: 23px; height: 25px; margin-right: 5px; padding: 0 1px; line-height: 23px; border: 1px solid #fff; color: #8e9094; text-decoration: none; vertical-align: middle; text-align: center;}
.page_list a.on{width: 23px; height: 25px; color: #ee1d71; border: 1px solid #ee1d71;}
.page_list a.first, .page_list a.prev, .page_list a.next, .page_list a.end{background-image: url(/Images/Main/sp_paging.png); background-repeat: no-repeat; border: 1px solid #fff; font-size: 0; line-height: 0;}
.page_list a.on,.page_list a:hover,.page_list a:focus,.page_list a:active {width:23px;height:25px;color:#ee1d71;border:1px solid #ee1d71;}
.page_list a.first:hover,.page_list a.prev:hover,.page_list a.next:hover,.page_list a.end:hover,.page_list a.first:focus,.page_list a.prev:focus,.page_list a.next:focus,.page_list a.end:focus {border:1px solid #ee1d71;}
.page_list a.first {background-position:4px -145px;margin-right:1px;}
.page_list a.first:hover {background-position:4px -170px;}
.page_list a.prev {background-position:4px -95px;margin-right:5px;}
.page_list a.prev:hover {background-position:4px -120px;}
.page_list a.next {background-position:-33px -95px;}
.page_list a.next:hover {background-position:-33px -120px;}
.page_list a.end {background-position:-32px -145px;margin-left:1px;}
.page_list a.end:hover {background-position:-32px -170px;}

/* ===== 버튼 ===== */
.btn01{color:#fff; background: #ee1d71; padding: 10px 12px; border-radius: 0px 5px 0px 5px; height: 40px; box-shadow: 3px 3px 3px 3px rgba(0,0,0,0.18);}
.btn01:hover{background: #eb7eaa;}

.btn02{color:#fff; background: #cacaca; padding: 10px 12px; border-radius: 0px 5px 0px 5px; height: 40px;}
.btn02:hover{background: #bcbcbc;}

/* ===== 서치박스 ===== */
.search_box{width: 100%; margin: 50px 0 10px; padding: 10px 20px 20px 20px; border-radius: 0px 10px 0px 10px; background: #ee1d71;}
.search_box .form-group{width: calc(25% - 36px); float: left; margin-right: 15px; color: #fff;}

.search_box .form-group label{color: #fff;}
.search_box .form-group input{width: 100%;}

.search_box .form-group #datepicker1,
.search_box .form-group #datepicker2{width: calc(50% - 10px);}

.search_box .btn01{margin-top: 38px; border:1px solid #fff;}

.search_box .form-group input[type=text]{height: 40px;}

/* ===== 게시판 서치박스 ===== */
.search_box.board_sc{padding: 20px;}
.search_box.board_sc .select_sc{width: 15%;}
.search_box.board_sc .word_sc{width: 75%;}
.search_box.board_sc .btn01{margin-top: 0;}


/* ===== 인포메이션 ===== */
.page_info li{position: relative; padding-left: 15px; list-style: none; font-size: 14px; margin-bottom: 5px; color: #797979;}
.page_info li:before{content: ''; display: block; width: 5px; height: 1px; position: absolute; left: 4px; top: 8px; background: #797979;}
.page_info .go_noti{font-weight: 500; color: #ee1d71;}

/* ===== 교육신청확인 ===== */
.form-group.phone{width: calc(64.6% - 36px);}
.form-group.phone input[type='text']{width: calc(33.3333% - 30px);}
.form-group.phone span{margin: 0 5px;}

/* ===== 갤러리 게시판 ===== */
.gallery{width: 100%; margin: 30px 0;}
.gallery ul li{float: left; width: calc(33.3333% - 10px); margin-right: 15px;  margin-bottom: 15px; border: 1px solid #dcdcdc; border-radius: 0px 15px 0px 15px; overflow: hidden;}
.gallery ul li:nth-child(3n){margin-right: 0;}
.gallery ul li .img_box{width: 100%; height: 200px;}
.gallery ul li .img_box img{width: 100%; height: 100%;}
.gallery ul li .gly_title{padding: 20px; border-top: 4px solid #ee1d71;}
.gallery ul li .gly_title .title_text{overflow: hidden; text-overflow: ellipsis; white-space: nowrap; vertical-align: middle; max-width: 98%; font-size: 16px;}
.gallery ul li .gly_title .date{font-size: 15px; color: #ee1d71; margin-top: 23px; text-align: right;}

/* ===== 단체교육신청 ===== */
.search_box.group_class .form-group{width: calc(25% - 31px);}

.calendar{margin: 40px 0;}
.calendar .calendar_nav{padding: 50px 0 30px 0; text-align: center; background: #eb7eaa;}
.calendar .calendar_nav button{background: none; vertical-align: middle; margin:0 20px;} 
.calendar .calendar_nav button img{width: 40px;}
.calendar .calendar_nav .year{font-size: 22px; color: #fff; vertical-align: middle; display: inline-block; margin-top: 12px; margin-right: 5px;}
.calendar .calendar_nav .month{font-size: 40px; color: #fff; font-weight: 600; vertical-align: middle;}

.calendar .cal_date thead tr{background: #f5f5f5;}
.calendar .cal_date thead tr th{text-align: center; font-weight: 400; color: #eb7eaa;}
.calendar .cal_date thead tr th:first-child,
.calendar .cal_date tbody tr td:first-child{color: #ff6c6c;}
.calendar .cal_date thead tr th:last-child,
.calendar .cal_date tbody tr td:last-child{color: #00bcd4;}

.calendar .cal_date tbody tr td{height: 100px; vertical-align: top;}
.calendar .cal_date tbody tr td .date{text-align: right; padding: 5px;}
.calendar .cal_date tbody tr td .am{padding: 3px; margin-bottom: 3px; background: #ff9c15; color: #fff; text-align: center; border-radius: 3px;}
.calendar .cal_date tbody tr td .pm{padding: 3px; margin-bottom: 3px; background: #2a4e86; color: #fff; text-align: center; border-radius: 3px;}
.calendar .cal_date tbody tr td .status{padding: 3px; color: #fff; text-align: center; border-radius: 3px;}
.calendar .cal_date tbody tr td .status.st01{background: #4caf50;}
.calendar .cal_date tbody tr td .status.st02{background: #9c27b0;}
.calendar .cal_date tbody tr td .status.st03{background: #3f51b5;}

/* ===== 오시는길 ===== */
.webtong-tab-many ul li a:after,
.webtong-tab-many li a,
.webtong-tab-many button > span {-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;}
.webtong-tab-many {position:relative; margin-top: 50px; margin-bottom: 40px;}
.webtong-tab-many button {display:none;}
.webtong-tab-many ul {/* border: 1px solid; */border-color:#c2cad6;}/* 20231010 전체 border에서 개별로 변경*1 */
.webtong-tab-many ul:after {content:'';clear:both;display:block;}
.webtong-tab-many ul li {width: 25%;float: left; background: #fff;}/*20220406 background추가*/
.webtong-tab-many ul li a {display:block; text-align: center;padding: 10px; border-right:1px solid #c2cad6; border-top:1px solid #c2cad6; border-left:1px solid #c2cad6; border-bottom: 1px solid #c2cad6; position:relative;white-space: nowrap;color: #666;}/* 20231010 전체 border에서 개별로 변경*2 */
.webtong-tab-many ul li:hover a {color:#fff;}
.webtong-tab-many ul li.on a {color:#fff;}
.webtong-tab-many ul li a span {position: relative;z-index: 1;}
.webtong-tab-many ul li a span > .new {font-style: normal;font-size: 13px;color: #ffffff;background-color: #ff5900;font-weight: bold;padding: 0px 5px;letter-spacing: 0;vertical-align: 1px;margin-left: 3px;border-radius: 3px;}
/* .webtong-tab-many ul li a:before {background:#fff;content: '';position: absolute;z-index: -1;height: 100%;left: 0;top: 0;width: 100%;}
.webtong-tab-many ul li a:after {background: #ee1d71;content: '';position: absolute;height: 0;left: 50%;top: 50%;width: 0;}
.webtong-tab-many ul li.on a:after, .webtong-tab-many ul li:hover a:after {height: 100%;left: 0;top: 0;width: 100%;} */
.webtong-tab-many ul li.on a,
.webtong-tab-many ul li:hover a{background: #ee1d71;}
.webtong-tab-many ul li:nth-child(5n+5) a{border-right: 0;}
.content_wrpa {display:none;}

.content_wrpa .map_area{width: 100%; height: 400px; border: 1px solid #c6c6c6;}
.content_wrpa .address{margin: 30px 0;}
.content_wrpa .address li{margin-bottom: 20px; float: left; width: 50%;}
.content_wrpa .address li p,
.content_wrpa .traffic .traffic_title{font-size: 18px; font-weight: 600; color: #0066b3; margin-bottom: 10px;}

.content_wrpa .traffic .traffic_title{margin-top: 30px; margin-bottom: 30px;}
.content_wrpa .traffic .traffic_title.title_bus{margin-top: 50px;}

.content_wrpa .traffic ul{margin-bottom: 40px;}
.content_wrpa .traffic ul li{margin-bottom: 20px;}
.content_wrpa .traffic ul li:first-child{font-size: 18px; font-weight: 500;}
.content_wrpa .traffic ul li .bus{display: inline-block; padding: 5px 10px; background: #eee; color: #fff; border-radius: 3px; margin-right: 10px;}
.content_wrpa .traffic ul li .bus.bus01{background: #329bec;}
.content_wrpa .traffic ul li .bus.bus02{background: #4abe4a;}
.content_wrpa .traffic ul li .bus.bus03{background: #e23843;}
.content_wrpa .traffic ul li .bus.bus04{background: #17a79c;}

h3{font-size: 26px; margin: 20px 0; padding-bottom: 10px; border-bottom: 1px solid #eee;}

.experience{margin: 30px 0;}
.experience li{float: left; margin-right: 30px;}
.experience li p{font-size: 20px; font-weight: 500; text-align: center; margin-top: 10px;}

/* ===== 센터소개 ===== */
.intro_text{margin: 50px 0 40px 0;}
.intro_text .first_text{font-size: 30px; font-weight: 500; line-height: 1.5em; margin-bottom: 20px;}
.intro_text .first_text span{color: #0066b3;}

.experience_hall .webtong-tab-many ul li{width: 20%;}
.experience_hall .webtong-tab-many ul li a{padding: 15px 8px;}
.experience_hall .webtong-tab-many ul li:nth-child(4n+4) a{border-right: 1px solid #c2cad6;}
.experience_hall .webtong-tab-many ul li:nth-child(5) a{border-right: 0;}

.experience_hall .content_wrpa p{margin: 30px 0 10px 0;}
.experience_hall .content_wrpa img{ width: 60%; margin: 20px 0;}

/* ===== 교육만족도조사 ===== */

.survey_info{margin: 40px 0 0 0;}

.class_date input{width: 100%;}
.class_date .select_wrap select{width: 25%; float: left; vertical-align: middle;}
.class_date .select_wrap span{float: left; vertical-align: middle; display: inline-block; margin: 10px;}
.txt_guide{display: block; margin-top: 10px;}
.ed_td input{width: 25%;}

.board_view_wrap{margin: 40px 0 20px 0;}
.board_view_wrap label{display: inline-block;}
.board_view_wrap textarea{width: 100%; height: 150px; resize: none;}

.board_view_wrap .table_row_type1 tr{border: 0;}
.board_view_wrap .table_row_type1 tr th{background:#f6f6f6;}


/* ===== 개인교육신청 ===== */
.h2_section{margin-top: 40px;}

.box_policy {height:200px; padding:20px; border:1px solid #dddddd; overflow-y:auto;}
.box_policy .policy_wrap {font-size:13px; line-height:26px; color:#666;}
.box_policy .policy_wrap h3.tit, 
.box_policy .policy_wrap h4.tit {margin-bottom:20px; font-family:"NanumGothicBold"; font-size:14px; color:#222;}
.box_policy .policy_wrap .section {margin-bottom:30px;}
.box_policy .policy_wrap ol.list {margin-left:10px; padding-left:10px;}
.box_policy .policy_wrap ol.list li {list-style:decimal;}

.box_policy .policy_wrap h3{font-size: 20px; border-bottom: 0;}

.agree_wrap {margin-top:15px; font-family:"NanumSquareR"; font-size:14px; color:#666; text-align:right;}
.agree_wrap span{vertical-align: middle;}
.agree_wrap input[type="radio"]+label {margin: 0; margin-left:5px; display: inline-block; vertical-align: middle;}
.agree_wrap input[type="radio"]{margin-left: 10px; vertical-align: middle;}
.down_btn{border: 1px solid #dedede;border-radius: 3px;box-shadow: 0 1px 0px #b2b2b2; padding: 9px 15px 6px 15px;font-size: 15px; margin-top: 20px; display: inline-block;}

.agreement1{margin-top: 20px;}
.agreement1 .table01 tr th,
.h3_section .table01 tr th{padding: 10px; background: #f4f4f4; text-align: center;}
.agreement1 .table01 tr td,
.h3_section .table01 tr td{padding: 10px;}

.sub_title01{font-size: 18px; font-weight: 600; color: #ee1d71; margin-bottom: 10px; margin-top: 30px;}

.h3_section .table01.read_tb{margin-top: 10px;}
.h3_section .table01.read_tb label{display: inline-block; margin: 0 10px 0 3px;}
.h3_section .table01.read_tb .select_wrap select{width: 25%; float: left; vertical-align: middle;}
.h3_section .table01.read_tb .select_wrap span{float: left; vertical-align: middle; display: inline-block; margin: 10px;}

.school .chk_special{margin-bottom: 10px;}

input[type="text"].chk_email{width: 25%;}

.red{color: #ff4d4d;} 

.first-sec{margin-top: 0;}

/* ===== QNA ===== */
#Accordion_wrap{width:1004px;height:auto; margin:40px auto; }
.que:first-child{border-top: 1px solid black;}
  
.que{position: relative; padding: 23px 0; cursor: pointer; font-size: 14px; border-bottom: 1px solid #dddddd; font-size: 16px;}
.que span{margin-left:10px;}

.que::before{display: inline-block; content: 'Q'; font-size: 14px; color: #0972dc; margin-right: 5px; margin-left:15px;}

.que.on>span{ font-weight: bold;  color: #0972dc; }
  
.anw {display: none; overflow: hidden;font-size: 14px; background-color: #f4f4f2; padding: 27px 0 27px 45px;
  font-size: 15px; line-height: 30px;}
  
.anw::before {display: inline-block; font-size: 14px; font-weight: bold; color: #666; margin-right: 5px; margin-left:15px;}

/* ===== layer_popup ===== */
.layer_popup {display: none;    position: fixed;    left: 0;    top: 0; z-index: 999999;   width: 300px;   background: #fff; text-align: center;}

.layer_popup .pop_title {position: relative;  text-align: left;  height: 40px;   line-height: 40px; padding-left: 15px; font-size: 16px; background: #ee1d71;    color: #fff;}
.layer_popup .close {display: block; position: absolute;    right: 5px; top: 3px; width: 24px;  height: 24px;   text-indent: 0;}
.layer_popup .close img {vertical-align: baseline;}
.layer_popup .popup_contents {padding: 25px;    max-height:800px; overflow-x: hidden;   overflow-y: auto;}
.layer_popup .popup_txt{margin-bottom: 20px;}
.modalMask {display: none;  position: fixed;    left: 0;    top: 0; width: 100%;    height: 100%;   z-index: 999998; background-color: rgba(0,0,0,.4);}

.cancel{margin: 15px 0; width: 100%;}

.btn02.open_popup{margin-top: 5px;}

/* ===== 교육센터 이용안내 ===== */
.info_title{font-size: 26px;  margin: 40px 0 0 0; color: #ee1d71; font-weight: 500;}

.sub_info .table01 tr td{text-align: left;}
.sub_info .red{margin-bottom: 10px;}

/* ===== 개인정보 수집 및 이용 동의 ===== */
.agree_area{padding-bottom: 0;}
.agree_area .box_policy{height: auto; margin: 30px 0;}

.terms_wrap {line-height:20px; color:#666;}
.terms_wrap dl {margin-bottom:10px;}
.terms_wrap dt {margin-bottom:5px;}
.terms_wrap dd {padding-left:16px;}

.terms_wrap p {margin-bottom:15px;}
.terms_wrap ol>li {margin-bottom:10px;}
.terms_wrap ol>li ul {padding:5px 0 0 16px;}
.terms_wrap ol>li dl {margin-bottom:0px; padding:5px 0 0 16px;}

.top30{margin-top: 30px;}

.swiper-slide {
        text-align: center;
        font-size: 18px;
        background: #fff;

        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
      }

      .swiper-slide img {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover;
      }


/* ==================================== 반응형 start ===== */

/* ===== 반응형gnb ===== */
.m_nav_btn{display: none; top: 50%; position: absolute; right: 20px; margin-top: -10px;}

.m_menu {display: none; list-style: none; margin: 0; padding: 0; white-space: nowrap;}
.m_menu > li {display: inline-block; padding: 0;}
.m_menu > li > a { border: 0; color: #fff; display: block; font-size: 0.8em; letter-spacing: 0.225em; padding: 0 1.5em; text-transform: uppercase;}
.m_menu > li > a.menuToggle {outline: 0; position: relative;}
.m_menu > li > a.menuToggle:after { background-image: url("/Images/Main/bars.svg"); background-position: right center; background-repeat: no-repeat; background-size: 25px; content: ''; display: inline-block; height: 3.75em; vertical-align: top; width: 2em;}

.m_menu > li:first-child {margin-left: 0;}

#menu {-moz-transform: translateX(20em); -webkit-transform: translateX(20em); -ms-transform: translateX(20em); transform: translateX(20em); -moz-transition: -moz-transform 0.5s ease; -webkit-transition: -webkit-transform 0.5s ease; -ms-transition: -ms-transform 0.5s ease; transition: transform 0.5s ease; -webkit-overflow-scrolling: touch; background: #fff; color: #333; height: 100%; max-width: 80%; overflow-y: auto; padding: 3em 2em; position: fixed; right: 0; top: 0; width: 20em;  z-index: 9999999999;  box-shadow: -4px 1px 8px #00000040;}

#menu ul { list-style: none;  padding: 0;}
#menu ul .depth1{border-bottom: 0;}
/* #menu .depth1 > li {} */
#menu .depth1 > li > a{font-size: 18px; border-bottom: 1px solid #ddd; padding: 15px 0; background: url(/Images/Main/m_down.png) no-repeat 95% center; background-size: 25px;}
#menu .depth1 > li > a.on{background: url(/Images/Main/m_up.png) no-repeat 95% center; background-size: 25px;}
#menu ul > li:first-child { border-top: 0 !important;  margin-top: 0 !important;  padding-top: 0 !important;}
#menu ul > li > a { border: 0; color: inherit; display: block; outline: 0; text-decoration: none; text-transform: uppercase;}
#menu ul .depth1{border-top: 0; font-size: 20px; margin-top: 15px; font-weight: 800; color: #cdff4e;}

#menu ul > li .m_depth2{display: none; padding: 20px 0 0 15px; border-bottom: 1px solid #ddd;}
#menu .depth1 > li.on .m_depth2{display: block;}
#menu ul > li .m_depth2 li a{margin-bottom: 15px; font-size: 16px; color: #6a6a6a;}

#menu .close {background-image: url("/Images/Main/close.svg");  background-position: 4.85em 1em;  background-repeat: no-repeat;  border: 0;  cursor: pointer;  display: block;  height: 3em;  position: absolute;  right: 0;  top: 0;  vertical-align: middle;  width: 7em;}

.m_menu_title{font-size: 22px; border-bottom: 5px solid #ee1d71; display: inline-block; padding-bottom: 10px; margin-bottom: 25px; font-weight: 600;}

body.is-menu-visible #page-wrapper {opacity: 0.35;}
body.is-menu-visible #page-wrapper:before { display: block;}
body.is-menu-visible #menu {-moz-transform: translateX(0);-webkit-transform: translateX(0);-ms-transform: translateX(0);transform: translateX(0);}


/* ==================================== 핑크 템플릿 start ===== */
.main_visual{background: #ffcdcd;}
.main_visual .visual_content .bg_blue{background-color: #ffe5e5;}
.main_visual .visual_content .con_box .text_area p .green {color: #0066b3;}
.swiper.mainSwiper .swiper-pagination-bullet{background: #eb7eaa;}
.swiper.mainSwiper .swiper-pagination-bullet-active{background: #ee1d71;}
.quick_list{background: #f8f3f3;}
.photo_list{background: #f8f3f3;}
.news_area .blue_area_wrap .center_news li{border-top: 1px solid #ffe5f0;;}


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

    .quick_ban{right: 25px;}
    .quick_menu{right: 42px;}

}   

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

    header .logo .logo_img{width: 130px; margin-top: 25px; margin-bottom: 20px;}
    header .logo .logo_img img{width: 100%;}

    .main_visual,
    .main_visual .visual_content .con_box,
    .main_visual .visual_content .bg_blue{height: 410px;}

    .main_visual .visual_content .con_box .visual_area {top: 45px;}

    .main_visual .visual_content .con_box .text_area p{top: 130px;}

    .swiper.mainSwiper{width: 580px; height: 300px;}

    .quick_list {height: 265px;}
    .quick_list .q_box li{margin-top: 30px; height: 200px;}

}    

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

    #quick{display: none;}

} 

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

    body{min-width: auto;}

    header{border-bottom: 1px solid #dcdcdc;}
    header .logo{position: relative; width: 100%; padding: 0 20px;}
    header .logo .logo_img img{width:120px;}
    header .logo .m_nav_btn{display: block;}

    header .nav_wrap{display: none;}

    .main_visual{height: auto;}
    .main_visual .visual_content .bg_blue{display: none;}
    .main_visual .visual_content .con_box{width: 100%;  height: auto;}
    .main_visual .visual_content .con_box .text_area{display: none;}
    .main_visual .visual_content .con_box .visual_area{position: static;}
    .swiper.mainSwiper{width: 100%; height: auto;}
    .swiper.mainSwiper .swiper-slide img{width: 100%;}
    .swiper.mainSwiper .swiper-pagination-bullets{bottom: 30px;}

    .swiper.mainSwiper .swiper-button-prev{left: 20px;}
    .swiper.mainSwiper .swiper-button-next{right: 20px;}

    .quick_list{height: auto; padding: 30px 20px;}
    .quick_list .q_box{width: 100%;}
    .quick_list .q_box li{width: calc(50% - 5px); margin-right: 10px; margin-top: 10px;}
    .quick_list .q_box li:nth-child(2n){margin-right: 0;}

    .quick_list .q_box li.q_01,
    .quick_list .q_box li.q_02{margin-top: 0;}

    /* .quick_list .q_box li:hover a:after{display: none;} */
    .quick_list .q_box li:hover:before{display: none;}

    .news_area .inner{width: 100%; height: auto; padding: 30px 20px;}
    .news_area .inner_cont .news_left{width: 100%; float: none;}
    .news_area .notice_area,
    .news_area .security_area{width: 100%; padding-right: 0;}
    .news_area .notice_area .more,
    .news_area .security_area .more{right: 0;}

    .news_area .main_link_lsit{width: 100%;}

    .news_area .blue_area_wrap{width: 100%;}

    .photo_list .pt_inner{width: 100%;  height: auto; padding-top: 0;}
    .photo_list .blue_bg{display: none;}
    .photo_list .pt_slider{width: 100%;  float: none; background: #fd487e; padding: 50px 20px; position: relative;}/*하단포토*/
    .photo_list .pt_text_area{float: none;}
    .photo_list .pt_text_area p{margin-bottom: 20px;}

    .swiper.photoSwiper{float: none; width: 100%; height: auto; margin-left: 0; margin-bottom: 20px; background: #fff;}
    .swiper.photoSwiper .swiper-slide img{width: 100%; height: 100%;}

    .photo_list .pt_text_area .more_view{float: right;}

    .qna{float: none; width: 100%; margin-left: 0; padding: 50px 20px; margin-bottom: 50px;}

    .footer_link ul{width: 100%; height: auto;}
    .footer_link ul li{height: 90px; width: 25%;}

    .footer_info{width: 100%; padding: 20px;}

    .footer_info .add{float: none; text-align: center; margin-bottom: 20px;}
    .footer_info .family_site{float: none; width: 100%;}

    .quick_ban{right: 20px;}
    .quick_menu{right: 38px}

    .webtong-tab-many button {border: 1px solid #a4a6bd; display: block;padding: 15px 0 15px 13px;box-shadow: 0px 4px 0 rgb(0 0 0 / 6%);background: #fff;color: #4c4c4c;width: 100%;text-align: left;font-size: 1em;font-weight: bold}
    .webtong-tab-many button {display: block;background: url('/Images/Main/slt_arrow.png') no-repeat 97% center;}

    .webtong-tab-many ul {display:none;border: 0;position: absolute;width: 100%;z-index: 2;}
    .webtong-tab-many ul li {float: none;width: 100%;}
    .webtong-tab-many ul li:nth-child(n) a {border: 1px solid;border-color:#ddd;}
    .webtong-tab-many ul li a {text-align:left;padding: 8px 13px;margin-bottom: -1px;}
    .webtong-tab-many ul li a span {color:#000;}
    .webtong-tab-many ul li a:after {background: #f1f1f1;}

    .experience_hall .webtong-tab-many ul li{width: 100%; background: #fff;}


    .m_menu {display: block; position: absolute; top: 22px; right: 7px;}

    .menuToggle.m_nav_btn img{position: absolute; right: 0; top: 14px;}

    .m_menu > li > a {padding: 0 0 0 1.5em;}
    .m_menu > li > a.menuToggle {padding: 0 1.5em;}
    .m_menu > li > a.menuToggle span {display: none;}

    #menu {padding: 3em 1.5em;}

    .sub_con {padding: 28px 0 50px;}
    .sub_con .content{width: 100%; padding: 0 20px;}

    .experience_hall .webtong-tab-many ul li:nth-child(5) a{border: 1px solid #ddd;}

    .search_box.board_sc input,
    .search_box.board_sc select{margin-bottom: 10px; width: 100%;}
    .search_box.board_sc .select_sc{width: 100%;}
    .search_box.board_sc .word_sc{width: 100%;}
    .search_box.board_sc .btn01{width: 100%;}

    .content_wrpa .address li{width: 100%;}
    .content_wrpa .traffic ul li .bus{width: 100%; margin-bottom: 10px;}
    .content_wrpa .traffic ul li img{width: 80px;}

    .search_box.group_class .form-group{width: 100%;}
    .search_box .btn01{width: 100%;}

    .calendar .calendar_nav {padding: 30px 0 20px 0;}
    .calendar .calendar_nav button img {width: 30px;}
    .calendar .calendar_nav .year {font-size: 18px;}
    .calendar .calendar_nav .month {font-size: 34px;}

    .calendar .cal_date thead tr th{padding: 13px;}
    .calendar .cal_date tbody tr td .date{font-size: 12px;}
    .calendar .cal_date tbody tr td .am,
    .calendar .cal_date tbody tr td .pm,
    .calendar .cal_date tbody tr td .status{word-break: break-word; font-size: 12px;}

    .search_box .form-group{width: 100%;}

    .table01 tbody tr td.tb_title a{word-break: break-word; width: 400px; font-size: 14px;}

    .table01.read_tb tbody tr th{word-break: keep-all;}

    #Accordion_wrap{width: 100%; padding: 0 20px;}

	.quick_list .q_box li:before,
    .quick_list .q_box li:after{display: none;}

    .swiper.mainSwiper{box-shadow: -6px 3px 10px rgba(0,0,0,0.18);}
    .news_area .blue_area_wrap{box-shadow: 0px 9px 7px rgba(0,0,0,0.18);}


}

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

    header .logo .logo_img{margin-top: 25px; margin-bottom: 20px;}

    .quick_list .q_box li{height: auto;}

    .quick_list .q_box li a{height: 150px; padding-top: 85px;}
    .quick_list .q_box li p{font-size: 12px; padding: 0 5px;}
    .quick_list .q_box li .q_title{font-size: 16px; margin-bottom: 2px;}

    .quick_list .q_box li.q_01 a,
    .quick_list .q_box li.q_02 a,
    .quick_list .q_box li.q_03 a,
    .quick_list .q_box li.q_04 a{background-size: 55px; background-position: center 28px;}
    .quick_list .q_box li.q_01 a:hover,
    .quick_list .q_box li.q_02 a:hover,
    .quick_list .q_box li.q_03 a:hover,
    .quick_list .q_box li.q_04 a:hover{background-size: 55px; background-position: center 28px;}

    .quick_list .q_box li .go{font-size: 10px; padding: 3px 50px 3px 10px; background: url(/Images/Main/go_arrow.png) no-repeat 55px 6px; background-size: 21px; width: 88px; margin-top: 3px;}

    .news_area .main_link_lsit li {width: 100%;}

    .footer_link ul li{height: 70px;}
    .footer_link ul li a img{width: 70%;}

    .menuToggle.m_nav_btn img{right: 0; top: 6px;}

    .swiper.mainSwiper .swiper-pagination-bullets{bottom: 20px;}

    .webtong-tab-many button {display: block;background: url('/Images/Main/slt_arrow.png') no-repeat 94% center;}


    .titlearea{border-bottom: 0; padding-bottom: 0;}
    .title_sub{font-size: 26px; margin-bottom: 10px;}
    .crumb_nav{display: none;}

    .intro_text {margin: 30px 0 30px 0;}
    .intro_text .first_text {font-size: 22px; line-height: 1.3em;}

    .gallery ul li{width: 100%; margin-right: 0;}
    .page_list{width: 100%;}
    .page_list a{width: 11px;}
    .page_list a.prev, 
    .page_list a.next{width: 17px;}
    .page_list a.first,  
    .page_list a.end{width: 20px;}

    .table01{margin-top: 0;}
    .table01 tbody tr th,
    .table01 tbody tr td{font-size: 14px; padding: 20px 10px; word-break: break-all;}

    .notice tr th:first-child,
    .notice tr td:first-child,
    .notice tr th:nth-child(4),
    .notice tr th:nth-child(5),
    .notice tr td:nth-child(4),
    .notice tr td:nth-child(5){display: none;}

    .experience li{width: 50%; margin-right: 0; text-align: center;}
    .content_wrpa .traffic .experience li:first-child{font-size: 16px;}

    .search_box{margin-top: 20px;}

    h3 {font-size: 23px;}

    .info_title {font-size: 23px; margin: 40px 0 15px 0;}

    .class_sc_tb tbody tr th, 
    .class_sc_tb tbody tr td{font-size: 10px; padding: 10px 2px; word-break: keep-all;}
    .class_sc_tb .btn01{word-break: keep-all; padding: 5px;}

    .agree_wrap span{display: block;}    

    .h3_section .table01.read_tb .select_wrap select,
    .class_date .select_wrap select{width: calc(100% - 35px); margin-bottom: 10px;}

    .class_confirm_tb tr th:nth-child(2),
    .class_confirm_tb tr th:nth-child(4),
    .class_confirm_tb tr th:nth-child(5),        
    .class_confirm_tb tr th:nth-child(6),
    .class_confirm_tb tr td:nth-child(2),
    .class_confirm_tb tr td:nth-child(4),
    .class_confirm_tb tr td:nth-child(5),        
    .class_confirm_tb tr td:nth-child(6){display: none;}

    .after_tb tr th:last-child,
    .after_tb tr td:last-child{display: none;}

    .table01 tbody tr td.tb_title a{word-break: break-word; width: 170px; font-size: 14px;}

    .que span{padding-left: 20px; position: relative; display: block;}
    .que::before {display: inline-block; content: 'Q'; font-size: 14px; color: #0972dc; margin-right: 5px; margin-left: 8px; position: absolute; left: 0;}

    .experience_hall .content_wrpa img{width: 100%;}


}