@charset "utf-8";

/* 서브타이틀 */
.sub_banner{position:relative}
.sub_banner .container_mypage{padding:52px 0; border-bottom:1px solid #e5e5e5; background-color:#eee}
.sub_banner > h2{position:absolute; top:50%; left:0; width:100%; text-align:center; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%)}
.sub_banner > h2 span{display:inline-block; font-family:'Ubuntu'; font-weight:500; font-size:45px; color:#fff}
.sub_banner > h2 span.color_bk{font-size:35px; color:#333}
.sub_menu{border-top:1px solid #dcdcdc; border-bottom:1px solid #dcdcdc}
.sub_menu .sub_menu_ul{text-align:center}
.sub_menu .sub_menu_li{display:inline-block}
.sub_menu .sub_menu_li a{display:block; padding:0 75px}
.sub_menu .sub_menu_li a span{display:block; position:relative; font-family:'Ubuntu'; font-weight:400; font-size:18px; line-height:58px; color:#222}
.sub_menu .sub_menu_li.on a span{color:#e2241d}
.sub_menu .sub_menu_li.on a span:after{display:block; content:""; position:absolute; bottom:-1px; left:0; width:100%; height:1px; background-color:#e2241d}
.m_sub_menu{border:1px solid #e3e3e3}
.m_sub_menu:after{display:block; content:""; clear:both}
.m_sub_menu > div{float:left; width:50%}
.m_sub_menu .m_one_dep{border-right:1px solid #e3e3e3}
.m_sub_menu .mdepth_a{padding:0; padding-left:13px; text-align:left}
.m_sub_menu .mdepth_a span{display:inline-block; font-family:'Ubuntu'; font-size:14px; line-height:44px; color:#111}
.m_sub_menu .m_two_dep .mdepth_a{background:url(../img/arr_msubMenu.png) no-repeat 95% 50%}
.m_sub_menu .m_two_dep .mdepth_a span{color:#e2241d}
.m_sub_menu .dropdown-menu{top:47px; left:-1px; width:calc(100% + 2px); margin:0; padding:10px 0; border-top:0; border-radius:0; -webkit-box-shadow:0 0 0 #fff; box-shadow:0 0 0 #fff}
.m_sub_menu .dropdown-menu > li > a{padding:3px 13px}
.sub_title{padding:100px 0 60px}
.sub_title h3{font-weight:600; font-size:45px}
.pagination-sm>li>a, .pagination-sm>li>span{padding:6px 12px; font-size:14px}

@media (max-width:1250px){
	.sub_menu .sub_menu_li a{padding:0 30px}
}
@media (max-width:768px){
	.sub_banner .container_mypage{padding:28px 0}
	.sub_banner > h2 span{font-size:27px}
	.sub_banner > h2 span.color_bk{font-size:23px}
	.sub_title{padding:50px 0 35px}
	.sub_title h3{font-size:22px}
	.sub_title h3 img{height:21px}
	.sub_title h3 img.gallery{height:26px}
}
@media (max-width:480px){
	.m_sub_menu .m_two_dep .mdepth_a{background-size:6%}
}

/* 서브페이지 */
.sub_con{}
.pagination{margin-bottom:100px}

/* m05_01_일반페이지 */
.m05_01_con{}
.m05_01_widget{margin-bottom:100px}
.m05_01_widget .carousel-control.left, .m05_01_widget .carousel-control.right{display:block; top:50%; width:41px; height:72px; margin-top:-36px;}
.m05_01_widget .carousel-control.left{left:-140px}
.m05_01_widget .carousel-control.right{right:-140px}
.m05_01_widget .carousel-control .glyphicon-chevron-left, .m05_01_widget .carousel-control .glyphicon-chevron-right, .m05_01_widget .carousel-control .icon-prev, .carousel-control .icon-next{top:0; left:0; width:100%; height:100%; margin:0}
.m05_01_widget .carousel-indicators li{width:16px; height:16px; margin:0 7px; background-color:#fff; border:0}
.m05_01_widget .carousel-indicators .active{width:16px; height:16px; background-color:#e2241d}

/*studio 위젯*/
.m02_01_widget{margin-bottom:100px}
.m02_01_widget .carousel { padding:0 100px;}
.m02_01_widget .carousel-control.left, .m02_01_widget .carousel-control.right{display:block; top:50%; width:41px; height:72px; margin-top:-36px;}
.m02_01_widget .carousel-control.left{left:0px}
.m02_01_widget .carousel-control.right{right:0px}
.m02_01_widget .carousel-control .glyphicon-chevron-left, .m02_01_widget .carousel-control .glyphicon-chevron-right, .m02_01_widget .carousel-control .icon-prev, .carousel-control .icon-next{top:0; left:0; width:100%; height:100%; margin:0}
.m02_01_widget .carousel-indicators li{width:16px; height:16px; margin:0 7px; background-color:#fff; border:0}
.m02_01_widget .carousel-indicators .active{width:16px; height:16px; background-color:#e2241d}

@media (max-width:1600px){
	.m05_01_widget .carousel-control.left{left:30px}
	.m05_01_widget .carousel-control.right{right:30px}
}
@media (max-width:768px){
	.m05_01_widget{margin-bottom:75px}
	.m05_01_widget .container_fix{padding:0}
	.m05_01_widget .carousel-control.left, .m05_01_widget .carousel-control.right{display:none}
	.m05_01_widget .carousel-indicators{bottom:12px !important}
	.m05_01_widget .carousel-indicators li{width:4px; height:4px; margin:0 3px}
	.m05_01_widget .carousel-indicators .active{width:4px; height:4px}
}

/* 일반 게시판 스타일 */
.board_style{margin-bottom:80px}
.board_style .list-board{margin-bottom:20px}
.board_style .list-board .wr-num{width:7.7%}
.board_style .list-board .wr-hit{width:11.5%}
.board_style .list-board .wr-date{width:13%}
.board_style .div-head{padding:20px 0; border-top:2px solid #000; border-bottom:1px solid #e5e5e5}
.board_style .div-head > span{font-weight:600; font-size:19px}
.board_style .list-board .list-body li{border-bottom:1px solid #e5e5e5}
.board_style .list-board .list-body li:hover{background-color:#fff}
.board_style .list-board .list-body li > div{height:auto; line-height:1; padding:20px 0px; font-size:17px; color:#333}
.board_style .list-board .list-body .wr-subject .item-subject:hover{color:#e2241d}
.board_style .list-board .list-body .list-item.bg-light{background-color:#fff}
.board_style .list-board .wr-notice{width:43px; height:22px}
.view-content{font-size:15px}
.view-wrap{font-size:15px; line-height:1.4}

@media (max-width:991px){
	.board_style .list-board .list-head{padding:15px 0}
	.board_style .list-board .list-head span{font-size:16px}
	.board_style .list-board .list-head span > a{font-size:16px}
	.board_style .list-board .list-body .list-item > div{padding:18px 0; font-size:15px}
	.board_style .list-board .list-body .list-item > div.wr-subject{padding-left:5px}
	.board_style .list-board .list-body .list-item > div a{font-size:15px}
	.board_style .list-board .list-body .list-item > div span{font-size:15px}
}
@media (max-width:768px){
	.board_style {margin-bottom:50px}
	.board_style .list-board{margin-bottom:15px}
	.board_style .list-board .list-head{padding:10px 0}
	.board_style .list-board .list-head span{font-size:15px}
	.board_style .list-board .list-head span > a{font-size:15px}
	.board_style .list-board .list-body .list-item > div{padding:12px 0; font-size:14px}
	.board_style .list-board .list-body .list-item > div.wr-subject > a{padding-bottom:5px; line-height:1.2}
	.board_style .list-board .list-body .list-item > div a{font-size:14px}
	.board_style .list-board .list-body .list-item > div span{font-weight:300; font-size:12px; color:#888}
	.board_style .list-board .list-body .list-item > div span{font-size:13px}
	.board_style .list-board .wr-notice{width:36px; height:18px; background-size:100%}
}

/* 갤러리 게시판 */
.gallery_style{margin-bottom:80px}
.gallery_style .label-cap{display:none}
.gallery_style .list-item .img-item a:after{content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(226,36,29,0.6) url(../img/img_gallery_hover.png) no-repeat 50% 50%; opacity:0; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; transition:all 0.3s}
.gallery_style .list-item:hover .img-item a:after{opacity:1}
.gallery_style .list-item h2{margin:19px 0 10px; font-weight:500; font-size:18px; text-align:left;
overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; word-wrap:break-word; line-height:1.2; height:1.2em}
.gallery_style .list-item h2 a{display:block; color:#333}
.gallery_style .list-item .list_date{font-size:16px; color:#797979}
.gallery_style .list-item .list-details{display:none}

@media (max-width:768px){
	.gallery_style{margin-bottom:50px}
	.gallery_style .list-item h2{margin:15px 0 8px; font-size:18px}
	.gallery_style .list-item .list_date{font-size:14px}
}

/* 스튜디오 게시판 */
.studio_style{margin-bottom:80px}
.studio_style .label-cap{display:none}
.studio_style .list-item .img-item a:after{content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(226,36,29,0.6) url(../img/img_gallery_hover.png) no-repeat 50% 50%; opacity:0; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; transition:all 0.3s}
.studio_style .list-item:hover .img-item a:after{opacity:1}
.studio_style .list-item h2{margin:24px 0; font-weight:600; font-size:22px; text-align:center;
overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; word-wrap:break-word; line-height:1.2; height:1.2em}
.studio_style .list-item h2 a{display:block; color:#333}
.studio_style .list-item .list-details{display:none}

.studio_view h1.studio_subject{padding:100px 0; font-weight:700; font-size:40px; text-align:center}
.studio_view .view-padding{padding:0}
.studio_view .view-head{display:none}
.studio_con > h2{padding:100px 0; font-weight:700; font-size:40px; text-align:center}
.studio_wrap{height:403px}
.studio_wrap:after{display:block; content:""; clear:both}
.studio_wrap > div{float:left; height:100%}
.studio_wrap .studio_info{position:relative; width:34.38%; padding:40px 3%; background-color:#e2241d; color:#fff}
.studio_wrap .studio_info h3 span{display:inline-block; padding-bottom:15px; border-bottom:1px solid #fff; font-weight:600; font-size:35px}
.studio_wrap .studio_info .studio_txt{margin-top:50px}
.studio_wrap .studio_info .studio_txt li:after{display:block; content:""; clear:both}
.studio_wrap .studio_info .studio_txt li span{display:block; float:left; font-size:18px; line-height:1.8}
.studio_wrap .studio_info .studio_txt li span.tit{width:60px}
.studio_wrap .studio_info .studio_txt li span.txt{width:calc(100% - 60px)}
.studio_wrap .studio_info .sns_link{position:absolute; right:8%; bottom:40px}
.studio_wrap .studio_info .sns_link a{display:inline-block}
.studio_wrap .studio_img{overflow:hidden; width:65.62%}
.studio_wrap .studio_img .view-img{position:relative}
.studio_wrap .studio_img .view-img a{cursor:default}
.studio_wrap .studio_img .view-img img{position:absolute; top:0; left:50%; max-width:none; margin-bottom:0; -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); transform:translateX(-50%)}

.teacher{margin-bottom:45px}
.teacher .teacher_list{margin-left:-0.9%; margin-right:-0.9%}
.teacher .teacher_list:after{display:block; content:""; clear:both}
.teacher .teacher_list li{float:left; width:23.2%; margin:0 0.9% 24px}
.teacher .teacher_list li .teacher_img{overflow:hidden; position:relative; padding-bottom:100%}
.teacher .teacher_list li .teacher_img .img_box{position:absolute; top:0; left:0; }
.teacher .teacher_list li .teacher_img .img_box img{width:100%}
.teacher .teacher_list li .teacher_name{margin-top:25px; text-align:center}
.teacher .teacher_list li .teacher_name span{font-weight:500; font-size:21px}
.teacher .teacher_list li .teacher_name span.name{}

@media (max-width:991px){
	.studio_wrap .studio_info{width:50%}
	.studio_wrap .studio_img{width:50%}
}
@media (max-width:768px){
	.studio_style{margin-bottom:75px; padding:0 15px}
	.studio_style .list-wrap .list-item{margin-bottom:30px}
	.studio_style .list-item h2{margin:15px 0; font-size:14px}

	.responsive .studio_view{padding:0 20px}
	.responsive .studio_view h1.studio_subject{margin-bottom:0; padding:50px 0 30px; font-size:22px; line-height:1}
	.studio_con > h2{padding:75px 0 50px; font-size:22px}
	.studio_wrap{height:357px}
	.studio_wrap:after{display:none}
	.studio_wrap > div{float:none; width:100%}
	.studio_wrap .studio_info{width:100%; height:60.14%; padding:25px 8.33%}
	.studio_wrap .studio_info h3 span{padding-bottom:10px; font-size:24px}
	.studio_wrap .studio_info .studio_txt{margin-top:30px}
	.studio_wrap .studio_info .studio_txt li span{font-size:14px; line-height:1.6}
	.studio_wrap .studio_info .studio_txt li span.tit{width:40px}
	.studio_wrap .studio_info .studio_txt li span.txt{width:calc(100% - 40px)}
	.studio_wrap .studio_info .sns_link{right:7%; bottom:25px}
	.studio_wrap .studio_info .sns_link a{width:26px}
	.studio_wrap .studio_info .sns_link a img{width:100%}
	.studio_wrap .studio_img{width:100%; height:39.6%}
	.studio_wrap .studio_img .view-img img{width:100%}

	.teacher{margin-bottom:65px}
	.teacher .teacher_list{margin-left:-1.83%; margin-right:-1.83%}
	.teacher .teacher_list li{width:46.34%; margin:0 1.83% 10px}
	.teacher .teacher_list li .teacher_img .img_box{width:100%}
	.teacher .teacher_list li .teacher_name{margin-top:10px}
	.teacher .teacher_list li .teacher_name span{font-size:15px}

	.studio_view .view-content{padding-bottom:0}
	.studio_view .location .mapwrap{position:relative; padding-bottom:74%}
	.studio_view .location .mapwrap iframe{position:absolute; top:0; left:0; width:100%; height:100%}
}

/* 일정 게시판*/
.schedule_style{margin-bottom:80px}
.schedule_style .list-item:after{display:block; content:""; clear:both}
.schedule_style .list-item .imgframe{float:left; width:53.85%}
.schedule_style .list-item .label-cap{display:none}
.schedule_style .list-item h2{display:none}
.schedule_style .list-item .list-details{display:none}
.schedule_style .list-item .sched_info{display:block; float:left; width:46.15%; padding:47px 4.6%; color:#333}
.schedule_style .sched_info h3{margin-bottom:25px; font-weight:600; font-size:27px}
.schedule_style .sched_info .sched_explain{font-size:18px; line-height:1.6; max-height:115px;
overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:4; -webkit-box-orient:vertical; word-wrap:break-word; line-height:1.6; height:6.4em}
.schedule_style .sched_info .info_list{margin-top:13px}
.schedule_style .sched_info .info_list li + li{margin-top:14px}
.schedule_style .sched_info .info_list li span{display:inline-block; font-size:16px}
.schedule_style .sched_info .info_list li span.tit{margin-right:7.5%; font-weight:600}
.schedule_style .sched_info .info_list li span.tit b.blank{margin-left:14px}

.schedule_view img{cursor:default}
.schedule_view.view-wrap h1{display:none}
.schedule_view .view-head{display:none}
.schedule_view .view-padding{padding:0}
.schedule_view .view_box{margin-bottom:60px}
.schedule_view .view_box:after{display:block; content:""; clear:both}
.schedule_view .view_box img{margin-bottom:0}
.schedule_view .view-img{float:left; width:53.85%}
.schedule_view .sched_info{float:left; width:46.15%; padding:30px 4.6%}
.schedule_view .sched_info h3{margin-bottom:25px; font-weight:600; font-size:27px}
.schedule_view .sched_info .sched_explain{font-size:18px; line-height:1.6; max-height:115px;
overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:4; -webkit-box-orient:vertical; word-wrap:break-word; line-height:1.6; height:6.4em}
.schedule_view .sched_info .info_list{margin-top:2px}
.schedule_view .sched_info .info_list li + li{margin-top:14px}
.schedule_view .sched_info .info_list li span{display:inline-block; font-size:16px}
.schedule_view .sched_info .info_list li span.tit{margin-right:7.5%; font-weight:600}
.schedule_view .sched_info .info_list li span.tit b.blank{margin-left:14px}
.schedule_view .sched_info .btn_apply{display:block; margin-top:55px; background-color:#e2241d; text-align:center}
.schedule_view .sched_info .btn_apply span{display:inline-block; font-weight:600; font-size:20px; line-height:60px; color:#fff}

.m03_06_con{}
.apply_form{margin-bottom:50px}
.apply_form .caution{position:relative; margin-bottom:12px; padding-left:27px; font-size:15px; line-height:19px}
.apply_form .caution:before{display:block; content:""; position:absolute; top:0; left:0; width:19px; height:19px; background:url('../img/icon_caution.png') no-repeat 50% 50%}
.apply_form .apply_list{border-top:2px solid #333; border-right:1px solid #d7d7d7; border-left:1px solid #d7d7d7}
.apply_form .apply_list > li{border-bottom:1px solid #d7d7d7}
.apply_form .apply_list > li:after{display:block; content:""; clear:both}
.apply_form .apply_list > li .space{float:left}
.apply_form .apply_list > li .ask{width:20.77%; padding:0 20px; border-right:1px solid #d7d7d7; background-color:#f7f7f7}
.apply_form .apply_list > li .ask label{width:100%; font-weight:500; font-size:16px; line-height:62px}
.apply_form .apply_list > li .answer{width:79.23%; padding:15px}
.apply_form .apply_list > li .answer input[type="text"]{width:60.2%; min-height:32px; padding:4px 15px; border:1px solid #d7d7d7; font-size:16px;}
.apply_form .answer .radio_list:after{display:block; content:""; clear:both}
.apply_form .answer .radio_list li{float:left; line-height:32px}
.apply_form .answer .radio_list li + li{margin-left:15px}
.apply_form .answer .radio_list li input[type="radio"]{display:none}
.apply_form .answer .radio_list li input[type="radio"] + label span{display:inline-block; width:19px; height:19px; margin:-3px 10px 0 0; vertical-align:middle; background:url('../img/btn_radio.png') no-repeat 0 0; background-size:cover; cursor:pointer}
.apply_form .answer .radio_list li input[type="radio"] + label{font-size:15px; line-height:19px}
.apply_form .answer .radio_list li input[type="radio"]:checked + label span{background-image:url('../img/btn_radio_on.png')}
.chk_agree{margin-top:20px}
.chk_agree input[type="checkbox"]{margin-top:0; margin-right:8px}
.chk_agree label .txt{font-size:15px}
.privacy{margin-bottom:90px}
.privacy .tit{margin-bottom:15px; font-size:22px}
.privacy .privacy_box{overflow-y:scroll; height:180px; padding:30px 40px; border:1px solid #d7d7d7; border-top:2px solid #333}
.privacy .privacy_box .privacy_view{}
.btn_box{margin-bottom:86px; text-align:center}
.btn_box .btn_apply{padding:0 75px; border:0; background-color:#e2241d}
.btn_box .btn_apply span{display:block; font-weight:600; font-size:20px; line-height:60px; color:#fff}

@media (max-width:1200px){
	.schedule_style .list-item .sched_info{padding-top:0}
	.schedule_style .sched_info .sched_explain{-webkit-line-clamp:3; height:4.8em}
	.schedule_view .sched_info{padding-top:0}
	.schedule_view .sched_info .sched_explain{-webkit-line-clamp:3; height:4.8em}
	.schedule_view .sched_info .info_list{margin-top:13px}
}
@media (max-width:991px){
	.schedule_view .sched_info .btn_apply{margin-top:30px}
	.schedule_view .sched_info .btn_apply span{font-size:18px; line-height:45px}
	.apply_form .apply_list > li .answer input[type="text"]{width:100%}
	.apply_form .apply_list > li.apply_radio .ask label{line-height:158px}
	.apply_form .answer .radio_list:after{display:none}
	.apply_form .answer .radio_list li{float:none}
	.apply_form .answer .radio_list li + li{margin-left:0}
}
@media (max-width:768px){
	.schedule_style{margin-bottom:40px}
	.schedule_style .list-wrap .list-item{margin-bottom:25px}
	.schedule_style .list-item:after{display:none}
	.responsive .schedule_style .list-row{width:100% !important}
	.schedule_style .list-item .imgframe{float:none; width:100%}
	.schedule_style .list-item .sched_info{float:none; width:100%; padding:20px 3%}
	.schedule_style .sched_info h3{margin-bottom:10px; font-size:16px}
	.schedule_style .sched_info .sched_explain{height:auto; font-size:14px}
	.schedule_style .sched_info .info_list li + li{margin-top:10px}
	.schedule_style .sched_info .info_list li span{font-size:14px}
	.schedule_style .sched_info .info_list li span.tit{margin-right:10%}
	.schedule_style .sched_info .info_list li span.tit b.blank{margin-left:13px}
	.schedule_view .view_box{margin-bottom:20px}
	.schedule_view .view_box:after{display:none}
	.schedule_view .view-img{float:none; width:100%}
	.schedule_view .sched_info{float:none; width:100%; padding:20px 3%}
	.schedule_view .sched_info h3{margin-bottom:10px; font-size:16px}
	.schedule_view .sched_info .sched_explain{height:auto; font-size:14px}
	.schedule_view .sched_info .info_list li + li{margin-top:10px}
	.schedule_view .sched_info .info_list li span{font-size:14px}
	.schedule_view .sched_info .info_list li span.tit{margin-right:10%}
	.schedule_view .sched_info .info_list li span.tit b.blank{margin-left:13px}
	.schedule_view .sched_info .btn_apply{margin-top:20px}
	.schedule_view .sched_info .btn_apply span{font-size:14px; line-height:40px}

	/* .m03_06_con .container_fix{padding:0 30px} */
	.apply_form{margin-bottom:37px}
	.apply_form .caution{margin-bottom:10px; padding-left:21px; font-size:12px; line-height:15px}
	.apply_form .caution:before{width:14px; height:14px; background-size:contain}
	.apply_form .apply_list > li .space{max-height:47px}
	.apply_form .apply_list > li .ask{width:33.33%; padding:0 4.5%}
	.apply_form .apply_list > li .ask label{font-size:14px; line-height:47px}
	.apply_form .apply_list > li .answer{width:66.67%; padding:11px}
	.apply_form .apply_list > li .answer input[type="text"]{min-height:auto; padding:2px 5px; font-size:12px; line-height:18px; letter-spacing:-0.05em}
	.apply_form .apply_list > li.apply_radio .space{max-height:131px}
	.apply_form .apply_list > li.apply_radio .ask label{line-height:131px}
	.apply_form .apply_list > li.apply_radio .answer{padding:11px 16px}
	.apply_form .answer .radio_list li{line-height:15px}
	.apply_form .answer .radio_list li + li{margin-top:15px}
	.apply_form .answer .radio_list li input[type="radio"] + label span{width:16px; height:16px}
	.apply_form .answer .radio_list li input[type="radio"] + label{font-size:12px; line-height:15px}
	.chk_agree{margin-top:15px}
	.chk_agree input[type="checkbox"]{margin-top:-2px}
	.chk_agree label .txt{font-size:12px}
	.privacy{margin-bottom:50px}
	.privacy .tit{margin-bottom:12px; font-size:16px}
	.privacy .privacy_box{height:279px; padding:23px 20px}
	.btn_box{margin-bottom:75px}
	.btn_box .btn_apply{padding:0 57px}
	.btn_box .btn_apply span{font-size:15px; line-height:46px}
}

/* FAQ 게시판 */
.faq_search{margin-bottom:36px; text-align:right}
.faq_search .row{display:inline-block; margin:0}
.faq_search .row:after{display:block; content:""; clear:both}
.faq_search .row > div{float:left}
.faq_search .faq_input{width:367px}
.faq_search .faq_input input{width:100%; padding:0 17px; border:1px solid #dcdcdc; font-size:16px; line-height:53px}
.faq_search .faq_button button{padding:0 40px 0 33px; border:0; background-color:#e2241d}
.faq_search .faq_button button span{display:inline-block; position:relative; padding-left:32px; font-size:18px; line-height:55px; color:#fff}
.faq_search .faq_button button span:before{display:block; content:""; position:absolute; top:50%; left:0; width:22px; height:21px; margin-top:-10px; background:url(../img/btn_faqSearch.png) no-repeat 50% 50%}
.faq_content{margin-bottom:40px; border-top:2px solid #333}
.faq_content .div-panel.panel-group{margin:0}
.faq_content .div-panel.panel-group .panel-heading{background:url(../img/icon_question.png) no-repeat 32px 50%}
.faq_content .div-panel.panel-group .panel-heading a{padding:25px 80px 25px 114px; border-top:1px solid #e5e5e5; font-weight:500; font-size:20px; line-height:1.3; color:#333}
.faq_content .div-panel.panel-group .panel-heading a:after{display:block; content:""; position:absolute; top:50%; right:35px; width:19px; height:11px; margin-top:-5px; background:url(../img/arr_faqQ.png) no-repeat 50% 50%}
.faq_content .div-panel.panel-group .panel-heading a.active{color:#333; border-bottom:1px solid #e5e5e5 !important}
.faq_content .div-panel.panel-group .panel-heading a.active:after{background-image:url(../img/arr_faqQ_on.png)}
.faq_content .div-panel.panel-group .panel-heading a .panel-icon{display:none}
.faq_content .panel-collapse{/* border-top:1px solid #e5e5e5; */ background:#f9f9f9 url(../img/icon_answer.png) no-repeat 32px 50%}
.faq_content .panel-collapse .panel-body{padding:65px 32px 65px 114px}

@media (max-width:768px){
	.faq_search{margin-bottom:20px}
	.faq_search .row{width:100%}
	.faq_search .faq_input{width:80%}
	.faq_search .faq_input input{padding:0 15px; font-size:14px; line-height:34px}
	.faq_search .faq_button{width:20%}
	.faq_search .faq_button button{width:100%; padding:0}
	.faq_search .faq_button button span{padding-left:20px; font-size:14px; line-height:36px}
	.faq_search .faq_button button span:before{width:14px; height:13px; margin-top:-7px; background-size:contain}
	.faq_content{margin-bottom:10px}
	.faq_content .div-panel.panel-group .panel-heading{background-position:12px 50%; background-size:25px}
	.faq_content .div-panel.panel-group .panel-heading a{padding:10px 30px 10px 50px; font-size:14px}
	.faq_content .div-panel.panel-group .panel-heading a:after{right:15px; width:12px; height:8px; margin-top:-6px; background-size:contain}
	.faq_content .panel-collapse{background-position:12px 50%; background-size:25px}
	.faq_content .panel-collapse .panel-body{padding:20px 25px 20px 50px}
	.faq_content .panel-collapse .panel-body *{font-size:14px !important; line-height:1.3 !important}
}

/* mypage_마이페이지 */
.mypage_wrap{position:relative; margin-bottom:200px}
.mypage_title{padding:100px 0 80px}
.mypage_title h3{font-weight:600; font-size:30px}
.mp_mob{display:none; width:100%; padding:5px 0; background-color:#eee; text-align:center}
.mp_mob span{font-size:12px; color:#666}

.mypage_nav{position:absolute; top:210px; left:0; width:14.5%}
.mypage_nav .mypage_pager > li > a{display:block; margin:7px 0; padding:5px 0; color:#333}
.mypage_nav .mypage_pager > li:first-child > a{margin-top:0; padding-top:0}
.mypage_nav .mypage_pager > li > a span{display:block; font-size:16px}
.mypage_nav .mypage_pager > li.on > a span{font-weight:600}

.mypage_skin{margin-left:17%}
.mypage_skin .mp_con{margin-bottom:60px}
.mp_con .mp_tit{padding-bottom:14px; border-bottom:1px solid #333}
.mp_con01 .mp_tit{margin-bottom:30px}
.mp_con02 .mp_tit{margin-bottom:25px}
.mp_con .mp_tit:after{display:block; content:""; clear:both}
.mp_con .mp_tit h4{display:block; float:left; font-weight:600; font-size:22px}
.mp_con .mp_tit .btn_more{display:block; float:right; font-size:16px; line-height:22px; color:#333}
.mp_con a:hover{color:#e2241d}
.mp_con a.btn_check{display:inline-block; padding:0 7px; font-size:12px; line-height:20px; color:#fff}
.mp_con a.btn_report{background-color:#e2241d}
.mp_con a.btn_supplement{background-color:#333}
.mp_con .table-responsive{}
.mp_con .mypage-tbl{margin-bottom:0}
.mp_con .mypage-tbl .col_w_fir{text-align:left !important}
.mp_con .mypage-tbl .col_w_18{width:18.5%}
.mp_con .mypage-tbl .col_w_21{width:21.85%; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden}
.mp_con .mypage-tbl .col_w_25{width:25%}
.mp_con .mypage-tbl thead{border-bottom:1px solid #dcdcdc}
.mp_con .mypage-tbl thead tr{}
.mp_con .mypage-tbl thead th{padding:22px 0; border-bottom:0; background:transparent !important; font-weight:600; font-size:16px; line-height:1; color:#333 !important}
.mp_con .mypage-tbl thead th.col_w_fir{padding-left:7.2%}
.mp_con .mypage-tbl tbody tr{border-bottom:1px solid #dcdcdc}
.mp_con .mypage-tbl tbody td{padding:20px 0; border-top:0; font-size:14px; line-height:1.3}
.mp_con .mypage-tbl tbody td.col_w_fir{padding-left:4.165%}

.mp_con01 .profile{border-bottom:1px solid #dcdcdc;}
.mp_con01 .profile:after{display:block; content:""; clear:both}
.mp_con01 .profile .profile_info{float:left; width:50%}
.mp_con01 .profile .address{width:100%}
.profile .profile_info p{border-top:1px solid #dcdcdc;}
.profile .profile_info p:after{display:block; content:""; clear:both}
.profile .profile_info p span{display:block; float:left; font-size:16px}
.profile .profile_info p span.info_item{width:200px; padding:21px 0 21px 6.84%; background-color:#f3f3f3}
.profile .profile_info p span.info_data{width:calc(100% - 200px); padding:21px 0 21px 4%}
.profile .profile_info p.profile_add span.info_data{overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; word-wrap:break-word; line-height:1.2; height:1.2em}
.profile .address p{border-bottom:1px solid #dcdcdc}
.profile .address p span.info_item{padding-left:3.42%}
.profile .address p span.info_data{padding-left:3.15%}
.mp_con02 .attendance{overflow:hidden}
.mp_con02 .calendar{margin-left:-4px; margin-right:-4px}
.mp_con02 .calendar:after{display:block; content:""; clear:both}
.calendar .day_box{float:left; width:13.28%; margin:6px 0.5%; border:1px solid #dcdcdc}
.calendar .date_box{padding:10px 10%; border-bottom:1px solid #dcdcdc}
.calendar .date_box:after{display:block; content:""; clear:both}
.calendar .date_box > span{display:block; font-weight:500; font-size:14px}
.calendar .date_box .date{float:left}
.calendar .date_box .day{float:right}
.calendar .class_box{overflow:hidden; height:115px; max-height:100%; padding:10px 10%}
.calendar .class_box .class_name{margin-bottom:5px; font-size:14px;
overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:4; -webkit-box-orient:vertical; word-wrap:break-word; line-height:1.2; /* height:4.8em */}
.calendar .class_box .class_name.over{font-weight:500; color:#e2241d}
.calendar .class_box > a{display:inline-block; margin-bottom:8px}
.mp_con03 .mypage-tbl{table-layout:fixed}
/* .mp_con03 .mypage-tbl th, .mp_con03 .mypage-tbl td{width:20%} */
.mp_con06 .mypage-tbl{margin-bottom:27px}
.mp_con06 .graph{/* width:100%; padding:50px 0; background-color:#dcdcdc; text-align:center; font-weight:500; font-size:14px */}

#anc_sidx_ord {/* float:left;width:100% */}
/* #sidx_graph {position:relative}
#sidx_graph_price {position:absolute;top:10px;left:20px;margin:0;padding:0;width:12%;list-style:none}
#sidx_graph_price li {position:relative;padding:0 10% 0 0;height:48px;font-family:tahoma;text-align:right}
#sidx_graph_price li span {position:absolute;top:7px;right:-10%;width:10px;height:1px;background:#e9e9e9}
#sidx_graph_area {position:relative;top:0;left:15%;margin:0;padding:0;width:85%;height:260px;border:1px solid #e9e9e9;list-style:none}
#sidx_graph_area li {position:relative;float:left;padding:0 1% 0 0;width:13%;height:100%}
#sidx_graph_area .graph {position:absolute;bottom:0;width:40%;height:0}
#sidx_graph_area .order {background:#8562ca;left:50%}
#sidx_graph_area .cancel {background:#62c5ca;right:7%}
#sidx_graph_area #price_tooltip {display:none;position:absolute;top:-18px;left:0;background-color:#fff;border:1px solid gray}
#sidx_graph_area #price_tooltip div {white-space:nowrap}
#sidx_graph_date {position:absolute;top:275px;left:15%;margin:0;padding:0;width:85%;border:1px solid #fff;list-style:none}
#sidx_graph_date li {position:relative;float:left;width:14%;font-family:tahoma;text-align:center}
#sidx_graph_date li span {position:absolute;top:-19px;right:0;width:1px;height:10px;background:#e9e9e9}
#sidx_graph_legend {position:absolute;top:-25px;left:15%}
#sidx_graph_legend span {display:inline-block;width:13px;height:13px;vertical-align:middle}
#sidx_graph_legend #legend_order {background:#8562ca}
#sidx_graph_legend #legend_cancel {margin:0 0 0 10px;background:#62c5ca} */

#anc_sidx_ord h2{margin-bottom:10px; font-weight:500; font-size:16px}
#sidx_graph_legend{display:block; text-align:right}
#sidx_graph_legend #legend_order{display:inline-block; position:relative; margin-bottom:5px; padding-left:20px; font-size:14px}
#sidx_graph_legend #legend_order:before{display:block; content:""; position:absolute; top:50%; left:0; width:14px; height:14px; margin-top:-7px; background:#4a7a7e}
#sidx_graph:after{display:block; content:""; clear:both}
#sidx_graph_price {float:left; width:12%; margin-top:10px}
#sidx_graph_price li{padding:0; height:48px; font-family:'Roboto'; font-weight:500; font-size:13px; text-align:right}
#sidx_graph_price li span{display:block; position:relative; padding-right:12%}
#sidx_graph_price li span:after{display:block; content:""; position:absolute; top:50%; right:-8px; width:8px; height:1px; background:#e9e9e9}
#sidx_graph_area {float:left; width:88%; border-left:1px solid #e9e9e9; border-bottom:1px solid #e9e9e9; height:260px}
#sidx_graph_area li {position:relative; float:left; width:14.28%; height:100%}
#sidx_graph_area .graph{position:absolute; right:30%; bottom:0; width:40%; height:0}
#sidx_graph_area .order{background:#4a7a7e;}
#sidx_graph_area #price_tooltip{display:none; position:absolute; top:-18px; left:50%; -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); transform:translateX(-50%)}
#sidx_graph_area #price_tooltip div{white-space:nowrap}
#sidx_graph_date{float:left; width:88%; margin:7px 0 0 12%}
#sidx_graph_date li {position:relative; float:left; width:14.28%; font-family:'Roboto'; font-weight:500; font-size:13px; text-align:center}
#sidx_graph_date li span{position:absolute; top:-16px; right:0; width:1px; height:8px; background:#e9e9e9}

@media (max-width:768px){
	#anc_sidx_ord h2{font-size:14px}
	#sidx_graph_legend #legend_order{font-size:12px}
	#sidx_graph_price li{font-size:12px}
	#sidx_graph_date{margin-top:3px}
	#sidx_graph_date li{font-size:12px; line-height:1.2}
	#sidx_graph_date li span{top:-12px}
}

/* 마이페이지 내역 전체보기 페이지 */
.mp_list_view tbody tr{}
.mp_list_view tbody th{padding:20px 0 !important; border-bottom:0; font-weight:500; font-size:16px; line-height:1; color:#333 !important}
.mp_list_view tbody th span{border-right:0 !important}
.mp_list_view tbody tr{border-bottom:1px solid #dcdcdc}
.mp_list_view tbody td{padding:15px 0 !important; border-top:0; font-size:14px}

@media (max-width:1200px){
	.mp_con02 a.btn_check{padding:0 5px; font-size:11px}
}
@media (max-width:991px){
	.mypage_nav{display:none}
	.mypage_skin{margin-left:0}
	.profile .profile_info p span.info_item{width:120px; padding-left:3%}
	.profile .profile_info p span.info_data{width:calc(100% - 120px); padding-left:3%}
	.profile .address p span.info_item{padding-left:1.5%}
	.profile .address p span.info_data{padding-left:1.5%}
	.calendar .class_box{padding:5px 3%}
}
@media (max-width:768px){
	.mypage_title{padding:50px 0 28px}
	.mypage_title h3{font-size:17px}
	.mp_mob{display:inline-block}

	/* .mypage_skin{padding:0 15px} */
	.mypage_skin .mp_con{margin-bottom:50px}
	.mp_con .mp_tit{padding-bottom:11px}
	.mp_con01 .mp_tit{margin-bottom:15px}
	.mp_con02 .mp_tit{margin-bottom:10px}
	.mp_con .mp_tit h4{font-size:15px}
	.mp_con .mp_tit .btn_more{font-size:12px; line-height:15px}
	.mp_con a.btn_check{padding:3px 5px 2px; font-size:11px; line-height:1}
	.mp_con .table-responsive{margin-bottom:0; border:0}
	.mp_con .mypage-tbl{table-layout:fixed}
	.mp_con .mypage-tbl .col_w_fir{padding-left:3%}
	.mp_con .mypage-tbl .col_w_18{width:36.5%}
	.mp_con .mypage-tbl .col_w_18{width:22%}
	.mp_con .mypage-tbl .col_w_21{width:28%}
	.mp_con .mypage-tbl thead th{padding:18px 0; background-color:#fafafa !important; font-size:14px}
	.mp_con .mypage-tbl thead th.col_w_fir{padding-left:0; text-align:center !important}
	.mp_con .mypage-tbl tbody td{padding:13px 0; font-size:13px}
	.mp_con .mypage-tbl tbody td.col_w_fir{padding-left:10px}
	.mp_con01 .profile:after{display:none}
	.mp_con01 .profile .profile_info{float:none; width:100%}
	.profile .profile_info p span{font-size:14px}
	.profile .profile_info p span.info_item{width:33.33%; padding:11px 0 11px 4.67%}
	.profile .profile_info p span.info_data{width:66.67%; padding:11px 0 11px 4.67%}
	.profile .profile_info p.profile_add span.info_data{height:2em; max-height:36px}
	.profile .address p{display:table; width:100%}
	.profile .address p span{display:table-cell; float:none; vertical-align:middle}
	.profile .address p span.info_item{padding-left:4.67%}
	.profile .address p span.info_data{padding-left:4.67%}
	.mp_con02 .calendar{margin-left:-2px; margin-right:-7px}
	.calendar .day_box{width:23.75%; margin:5px 0.5%}
	.mp_con03 .table{min-width:768px}
	.mp_con03 .mypage-tbl th, .mp_con03 .mypage-tbl td{width:100%}
	.mp_con06 .mypage-tbl{margin-bottom:20px}
	.mp_con07 .mp_mob, .mp_con08 .mp_mob{display:none}
	/* 마이페이지 내역 전체보기 페이지 */
	.mp_list_view tbody th{padding:18px 0 !important; font-size:14px}
	.mp_list_view tbody td{padding:13px 0 !important; font-size:13px}
}
@media (max-width:480px){
	.mp_con02 .calendar{margin-left:-2px; margin-right:-2px}
	.calendar .day_box{float:left; width:31.9%; margin:3px 0.7%}
	.calendar .date_box{padding:7px 9.5%}
	.calendar .date_box > span{font-size:12px}
	.calendar .class_box{height:72px; padding:12px 6.8% 0}
	.calendar .class_box .class_name{margin-bottom:5px; font-size:12px; -webkit-line-clamp:2}
	.calendar .class_box > a{margin-bottom:5px}
}
@media (max-width:360px){
	.mp_con07 .table, .mp_con08 .table{width:480px}
	.mp_con07 .mp_mob, .mp_con08 .mp_mob{display:block}
}

/* admin menu */
/* #bo_v{margin-top:30px} */
#bo_v_title, #container_title{font-family:'Noto Sans KR' !important; font-weight:600; font-size:18px !important}
#bo_v_atc{font-weight:500; font-size:16px; line-height:1.4}
#bo_v_atc p{font-weight:400; font-size:14px}
#bo_v_atc p input{margin:0 3px}
#bo_w{margin:30px 0 80px}
.mpr_tit{padding:50px 0; font-weight:600; font-size:45px;}
.calender_textarea textarea{}



.studio_view .view-padding .location .mapwrap > iframe { width:100%;}