@charset "utf-8";
/**************************************************

	Respond.css ( ver 1.0.2 )

**************************************************/
/**************************************************
	Setting Device Width
**************************************************/
#_device_pc{display: block;} #_device_ta{display: none;} #_device_mo{display: none;} .__pc{display: block !important;} .__ta{display: none !important;} .__mo{display: none;}
@media screen and (min-width: 750px) and (max-width: 1200px){#_device_pc{display: none;} #_device_ta{display: block;} #_device_mo{display: none;} .__pc{display: none !important;} .__ta{display: block !important;} .__mo{display: none;}}
@media screen and (max-width: 750px){#_device_pc{display: none;} #_device_ta{display: none;} #_device_mo{display: block;} .__pc{display: none !important;} .__ta{display: none;} .__mo{display: block !important;} }

/**************************************************
	Layout
**************************************************/
@media screen and (max-width: 1200px){

	html{min-width: 320px;padding-top:50px;}
	#wrap{padding-bottom:40px;}
	.in{width:auto;}

	.table1 tr > *{padding:10px;}
	.table1 legend{font-size:14px;}
	.table1 th{font-size:12px;line-height:20px;}
	.table1 td{font-size:12px;line-height:20px;}
	.table1.td-pd30 td{padding:10px;}
	.table1 td .space-pre{font-size:12px;line-height:20px;}
	.table1 td label{font-size:12px;}

    .btn1.big{line-height: 35px;height: 35px;padding: 0 30px;font-size: 15px;}

	.file-box span{width:auto;padding:0 20px;font-size:12px;}
	.file-box span button{width:auto;padding:0 20px;font-size:12px;}
	.file-box span input[type="text"]{padding-left:80px;font-size:12px;}

	.pop-ajax .cont{padding:10px;}
	.pop-ajax .box{width:95%;min-height:auto;}
	.pop-ajax .btn-close{right:-5px;top:-40px;}

	#header{position:fixed;left:0;top:0;width:100%;height:50px;background:#fff;border-bottom:1px solid rgba(0,0,0,0.1)}
	#header h1{margin-left:10px;line-height:50px;height:50px;}
	#header h1 img{height:38px;margin-top:-5px;}
	#header .sns-box{display:none;}

	#slide-btn{position:fixed;top:8px;right:10px;}
	#slide-btn a{width:35px;height:35px;background-size:20px;}

	#gnbWrap{display:none;}
	#tnb{display:none;}

	#footer:after{top:50px;}
	#fnb{height:50px;line-height:50px;text-align:center;white-space:nowrap;overflow-x:auto;overflow-y:hidden;}
	#fnb>li{margin-left:5px;padding-left:5px;}
	#fnb>li:after{height:8px;margin-top:-7px;}
	#fnb>li>a{font-size:11px;}
	#fnb>li.btn a{padding:4px 7px;}
	#footer h2{top:65px;left:50%;margin-left:-75px;}
	#footer h2 img{width:150px;}
	#footer address{padding:60px 10px 30px;text-align:center;}
	#footer address br{display:none;}
	#footer address span{display:block;margin:0 5px;font-size:12px;line-height:20px;}

}

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

	.sb_popup{left:2% !important; top:60px !important; max-width:96% !important; }
	.sb_popup table{width: 100% !important;height:auto !important}
	.sb_popup table td{height:auto}
	.sb_popup table img{max-width:100% !important;width:100% !important;height: auto !important}
}

/**************************************************
	Main
**************************************************/
@media screen and (max-width: 1200px){

	#main{  }
	#main .visual .roll li img{left:0px;margin-left:-15%;max-width:130%;}
	#main .visual .bx-pager{bottom:25px;}
	#main .visual .bx-pager-item{margin:0 3px;}
	#main .visual .bx-pager-item a{width:16px;height:16px;background-size:cover;}

	#main .visual .bx-controls-direction {margin-top:-20px;}
	#main .visual .bx-controls-direction a{position:absolute;width:35px;height:40px ;background-size:auto 40px;}
	#main .visual .bx-controls-direction a.bx-prev{left:10px;}
	#main .visual .bx-controls-direction a.bx-next{right:10px;background-position:-36px 0;}


	.main-tit{margin-bottom:20px;}
	.main-tit h2{font-size:18px;}
	.main-tit h3{margin-top:5px;font-size:14px;}

	.main-search{padding:20px 10px;margin:-20px 0;}
	.main-search form{margin:20px 0;}
	.main-search fieldset legend{font-size:15px;}
	.search-form{margin:-0.5%}
	.search-form li{width:49%;margin:0.5%;}
	.search-form .select, .search-form select{padding:0 35px 0 10px;font-size:13px;}
	.search-form .submit{font-size:13px;}

	.main-board{padding:20px 10px;margin:-1%;}
	.main-board .box{width:48%;margin:1%;}
	.main-board .board-notice{padding:20px 15px;}
	.main-board .board-notice .more{top:20px;right:15px;}
	.main-board .board-notice h3{margin-bottom:10px;padding-bottom:10px;font-size:15px;}
	.main-board .board-notice li strong{font-size:13px;}
	.main-board .board-vidoe{text-align:center;}
	.main-board .board-vidoe img{max-width:100%;}

	.main-special{padding:30px 10px;}
	.main-special li{width:31.3334%;margin:1%;}
	.main-special li .box{font-size:13px;line-height:20px;}
	.main-special li .box span{margin-bottom:5px;font-size:10px;}


	.main-photo{padding:30px 10px;}
	.main-photo .box{width:auto;height:auto;margin:10px 0px;}
	.main-photo .box h3{margin:0 0 10px 5px;font-size:14px;}
	.main-photo .box h3 a{width:30px;height:8px;background-size:100% auto;}
	.main-photo .box .cont ul{margin:-1%;}
	.main-photo .box .cont .tmb{width:100%;height:0px;padding-bottom:75.6%;}
	.main-photo .box .cont strong{width: auto;margin-top:10px;min-height:0px;font-size:12px;height:34px;}
	.main-photo .photo-student{display:block;margin:10px 0;}
	.main-photo .photo-student .cont{padding:20px 10px;}
	.main-photo .photo-student .cont li{width:48%;margin:1%;}
	.main-photo .photo-audition{width:50%;}
	.main-photo .photo-audition .cont li{width:98%;margin:1%;}
	.main-photo .photo-review{width:50%;}
	.main-photo .photo-review .cont{}
	.main-photo .box .cont{padding:15px}
	.main-photo .photo-review .cont li{width:98%;margin:1%;}

	.main-media{padding:30px 10px 10px;}
	.main-media .boxWrap{margin:0px;}
	.main-media .box{display:block;padding:15px;width:auto;height:auto;margin:20px 0;}
	.main-media .box:after{display:none;}
	.main-media .box h3{margin:0 0 10px 0px;padding-bottom:10px;font-size:15px;}
	.main-media .box h3 a{width:30px;height:8px;background-size:100% auto;}
	.main-media .box .tmb{width:100%;height:0px;padding-bottom:75.6%;}
	.main-media .bx-controls-direction{top:17px;right:15px;width:30px;background-size:100% auto}
	.main-media .box strong{margin-top:10px;height:auto;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}

	.main-center{padding:30px 10px;}
	.main-center .box{height:250px;padding:20px 10px;margin-left:0px;box-sizing:border-box;}
	.main-center .center-link li{width:48%;margin:1%;}
	.main-center .center-link li i{margin-bottom:5px;}
	.main-center .center-link li i img{max-width:100%;}
	.main-center .center-link li a{font-size:13px}
	.main-center .center-tel span{display:block;margin:10px;}

	#marquee .inner{height:45px;text-align:center;}
	#marquee ul li{width:auto;height:45px;line-height:45px;padding:0 20px;}
	#marquee ul li a{font-size:15px;}
	#marquee ul li a span{font-size:15px;}
	.main-center .center-link li i{font-size:15px;}

	#family-site{padding:15px 0 5px;}
	#family-site a{width:auto;height:auto;text-align:center;}
	#family-site li img{max-width:95%;}
	#family-site .bx-wrapper{width:auto;}
	#family-site .bx-controls-direction{position:relative;top:0;margin-top:0px;width:auto;text-align:center;}
	#family-site .bx-controls-direction a{position:relative;display:inline-block;vertical-align:middle;margin:5px;width:30px;height:30px;background-size:auto 30px;}
	#family-site .bx-controls-direction a.bx-prev{left:0;margin-left:0px;}
	#family-site .bx-controls-direction a.bx-next{right:0;margin-right:0px;background-position:-30.5px 0;}

}

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

	.main-board {margin:0px;}
	.main-board .box{display:block;width:auto;height:auto;margin:10px 0;}

	.main-special li{width:48%;height:200px;}
	.main-special li a:before{width:90%;margin-left:-45%;}

	.main-center .box{display:block;width:auto;height:auto;}
	.main-center .box .mid{display:block;}
	.main-center .center-link li{width:23%;;}
}

/**************************************************
	Sub
**************************************************/
@media screen and (max-width: 1200px){

	#sub{  }

	#sub .sub-vis{height:0px;padding-bottom:25%;}
	#sub .sub-vis h2{top:50%;margin-top:-22px;right:0;margin-right:20px;text-align:center;}
	#sub .sub-vis h2 img{height:45px;}

	#lnb > li ul li{width:auto;height:auto;line-height:1em;}
	#lnb > li ul li a{padding:0 30px;font-size:13px;height:40px;line-height:40px;}

	#subCont{margin:30px 10px 0px;}

	#sub-menu{margin:20px 0px;}

	#status > ul > li a{font-size:12px;}
	#snb > ul {margin:0 0 0 1px;}
	#snb > ul > li{width:auto;padding:0 15px;margin:0 0 0 -1px;height:35px;line-height:35px;}
	#snb > ul > li.active{height:35px;line-height:35px;}
	#snb > ul > li > a{font-size:12px;}
	#snb > ul > li.active > a{font-size:12px;}

	.space-pre{white-space:normal}
	.wide{width:auto;left:0;}
	.sub-wrap{margin:0px 0 30px 0;}
	.sub-tit{margin:10px 0;}
	.sub-tit h2{font-size:18px;}
	.sub-top{margin-bottom:20px;}
	.sub-top h2{font-size:18px;padding:15px;background:rgba(247,247,247,0.95)}
	.sub-top h2 span{display:block;margin-left:0px;font-size:13px;}

	.tit-bar{padding-left:25px;font-size:15px;margin-bottom:10px;background-size:14px auto;background-position:0 2px ;}

	.list-step{margin:20px 0;padding:20px 0px 15px 10px;text-align:center;}
	.list-step ul{margin:-1%;}
	.list-step li{width:auto;height:auto;margin:1%;min-width:48%;padding:65px 20px 20px;box-sizing:border-box;}
	.list-step .step-ea4 li{width:auto;}
	.list-step li:before{left:-17px;top:60px;width:25px;height:25px;background-color:#BF1E2E;background-size:10px auto;background-position:50%;border-radius:50%;}
	.list-step li .tit{height:40px;line-height:40px}
	.list-step li p{font-size:15px;line-height:25px;}
	.list-step li p span{font-size:15px;line-height:1em;}

	.list-dot li{padding-left:10px;font-size:13px;line-height:25px;}

	.list-num .tit{font-size:15px;}
	.list-num li{padding-left:20px;font-size:13px;line-height:25px;}
	.list-num li i{top:5px;width:15px;height:15px;line-height:15px;}

	.list-bigcircle ul{margin:-10px 0;}
	.list-bigcircle li i{width:80px;height:80px;margin-bottom:10px;margin-right:10px;}
	.list-bigcircle li i span{font-size:13px;}
	.list-bigcircle li i strong{font-size:15px;}
	.list-bigcircle li .tit{margin-bottom:0px;font-size:15px;}
	.list-bigcircle li p{width:calc(100% - 100px);font-size:13px;line-height:25px;}
	.list-bigcircle li p br{display:none;}

	.list-acting ul{margin:-1%;}
	.list-acting li{width:31.33333334%;height:auto;margin:1%;}
	.list-acting.ea4 li{width:23%;margin:1%;height:auto;}
	.list-acting.ea5 li{width:23%;margin:1%;height:auto;}
	.list-acting li .tmb{padding-bottom:109%;}
	.list-acting li strong{padding:8px;font-size:13px;}

	.sub-desc{padding-left:0px;}
	.sub-desc section{margin:20px 0}
	.sub-desc .in{padding-left:0px;}
	.sub-desc .wide{padding:15px;margin-left:0px;}

	.butn-list{width:150px;margin:30px auto 0;font-size:15px;}
	.butn-apply{width:150px;margin:30px auto 0;height:40px;line-height:40px;font-size:15px;}

	.aboutus:before{height:155px;}
	.aboutus .tit{padding:30px 0 0 0;}
	.aboutus .tit h3{margin-bottom:15px;padding-bottom:15px;font-size:18px;}
	.aboutus .tit p{font-size:14px;line-height:21px;}
	.aboutus .txt{margin:20px 0;}
	.aboutus .txt p{margin:10px 0;font-size:13px;line-height:25px;}
	.aboutus .image{width:49%;margin-left:1%;margin-top:50px;}
	.aboutus .image img{max-width:100%;}
	.aboutus-box{margin-top:20px;padding:20px;}
	.aboutus-box h4{display:block;margin-right:0px;margin-bottom:10px;font-size:18px;}
	.aboutus-box p{display:block;font-size:13px;line-height:25px;}
    .aboutus.sgp:before{height: 215px;}

    .sgpbox strong{margin-bottom: 5px;font-size: 16px;}
    .sgpbox ul{margin: 0 -0.5%;}
    .sgpbox ul li{margin: 0.5%;width: 49%;}
    .sgpbox ul li img{width: 100%;height: auto;}
    .sgpbox p{margin-top: 5px;font-size: 13px;}

    .fulldiv{width: calc(100% + 20px);left: -10px;margin-left: 0;margin-top: 20px;}
    .fulldiv.bg-gray{padding: 20px 10px;box-sizing: border-box;}
    .fulldiv .inner{width: auto;}

    .mb-100{margin-bottom: -30px;}
    .mt50{margin-top: 20px !important;}

	.system-sec1{padding:30px 10px;margin:0 -10px;}
	.system-sec1 .box-white{padding:20px 10px;}
	.system-sec1 .box-white img{max-width:100%;}
	.system-sec1 ul{margin-top:00px;}
	.system-sec1 ul li{width:31.3334%;margin:1%;padding:15px;}
	.system-sec1 ul li dt{font-size:15px;}
	.system-sec1 ul li dd{font-size:13px;}
	.system-sec2{padding:30px 10px;margin:0 -10px;}
	.system-sec2 ul{margin:-1%;}
	.system-sec2 li{width:31.33334%;margin:1%;}
	.system-sec2 li strong{font-size:15px;line-height:25px;}
	.system-sec2 li strong span{font-size:15px;line-height:25px;}
	.system-sec3 {text-align:center;}
	.system-sec3 li .image{float:inherit;width:auto;}
	.system-sec3 li p{float:inherit;width:auto;padding-left:0px;margin-top:10px;font-size:13px;}
	.system-sec3 li p .tit{font-size:18px;margin-bottom:5px;}

	.course2 > section{margin:30px 0;}
	.course2 .sec1 .tit{padding:15px;font-size:15px;}
	.course2 .sec1 .image{padding:15px;}
	.course2 .sec1 .image img{max-width:100%;}
	.course2 .box-grey{margin:0px;padding:15px;}

	.rule .time{margin-bottom:20px;}
	.rule .time li{width:31.3334%;margin:1%;}
	.rule .time li p{font-size:15px;line-height:25px;}

	.his-wrap{margin:0px 0px 30px 0;}
	.his-wrap .info{width:calc(100% - 320px);}
	.his-wrap dl{margin-left:80px;margin-bottom:10px;padding-bottom:5px;}
	.his-wrap dl:before{top:3px;left:-27px;width:13px;height:13px;border-width:3px;}
	.his-wrap dl:after{top:4px;left:-21px;}
	.his-wrap dl dt{left:-80px;font-size:18px;}
	.his-wrap dl dd{padding-left:30px;margin:10px 0;font-size:13px;line-height:25px;}
	.his-wrap dl dd:last-child{margin-bottom:10px;}
	.his-wrap dl dd strong{font-size:15px;}
	.his-wrap .image{width:320px;}
	.his-wrap .image span{display:block;}

	.campus{padding:30px 10px;margin:0 -10px;}
	.campus .gal ul{margin:-1%;}
	.campus .gal li{width:48%;margin:1%;}
	.campus .gal li img{max-width:100%;}
	.campus table{margin-top:0px;}
	.campus table colgroup{display:none;}
	.location .sec1{margin:30px 0px;}
	.location .sec2{padding:30px 10px;margin:0 -10px;}
	.location-info td{display:block;padding:10px 0;}
	.location-info td i img{width:40px;margin-top:5px;}
	.location-info td p{width:100%;padding-left:50px;font-size:13px;}
	.location-info td p strong{margin-bottom:5px;font-size:15px;}
	.location-info .trf{text-align:left;}
	.location-info .trf img{max-width:100%;}


	.cert{padding:30px 10px;margin:0 -10px 0px;}
	.cert ul{margin:-1%}
	.cert li{margin:1%;}
	.cert ul.ea3 li{width:31.3334%;}
	.cert ul.ea4 li{width:23%;}
	.cert li img{max-width:100%;}

	.greetings{padding-top:30px;}
	.greetings:before{margin-top:-30px;height:440px}
	.greetings .image{width:40%;}
	.greetings .info{width:59%;}
	.greetings .info .tit{margin-bottom:15px;padding-bottom:15px;font-size:20px;line-height:30px;}
	.greetings .info .tit2{margin:20px 0px;font-size:20px;line-height:30px;}
	.greetings .info p{margin:10px 0;font-size:13px;line-height:25px;}
	.greetings .image img{max-width:100%;}

	.facility .gal2{float:inherit;width:auto;}
	.facility .info{float:inherit;width:auto;margin-bottom:20px;}
	.facility .info h2{margin-bottom:20px;padding-bottom:15px;font-size:20px;}
	.facility .info li{height:35px;line-height:35px;}
	.facility .info li a{font-size:12px;}

	.view-acting .info h2{font-size:18px;margin-bottom:15px;padding-bottom:5px;}
	.view-acting .info{width:50%;}
	.view-acting .info .nostyle *{font-size:13px !important}
	.view-acting .left{width:49%;margin-right:1%;}
	.view-acting .video .tmb{width:100%;height:0px;padding-bottom:54.56%;}

	.information li{padding:20px;}
	.information .ea2 li img{max-width:100%;max-height:120px;}
	.information .ea5 li strong{margin-bottom:5px;font-size:15px;}
	.information .ea5 li p{font-size:13px;line-height:20px;}
	.information .ea5 li p br{display:none;}
	.information .ea5 li .more{width:80px;font-size:13px;}


	._gal .big span{width:100%;height:0px;padding-bottom:120%;}
	._gal .tmb span{width:100%;height:0px;padding-bottom:120%;}
	._gal3{width:100%;margin-bottom:0px;}
	._gal3 .big img{width:100%;}


	.apl-wrap .table1 tr > *{display:block;margin-top:-1px;text-align:left;}
	.apl-wrap .picture{margin:0;}
	.apl-wrap .price{font-size:15px;}
	.apl-wrap ._gal3{margin-bottom:0px;}
	._gal3 .big .bx-controls-direction{bottom:50%;margin-bottom:-20px;}

	.apl-search-box .search-form{padding:15px 10px;}
	.apl-search-box legend{font-size:18px;}


}

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

	#sub .sub-vis{height:0px;padding-bottom:40%;}
	#sub .sub-vis h2{top:auto;bottom:10%;margin-top:0px;}
	#sub .sub-vis h2 img{height:35px;}

	#lnb {display:none;margin-top:0px;}
	#lnb > li ul li{width:33.3334%;}


	#navi {display:block;position:relative;padding-left:35px;}
	#navi span {width:50%;}
	#navi span button{min-width:100%;height:35px;line-height:35px;padding:0 40px 0 20px;font-size:13px;}
	#navi span.home{position:absolute;left:0;top:0;width:35px;height:35px;line-height:35px}
	#navi span ul{top:35px;}
	#navi span ul li a{padding:8px;font-size:13px;}

	.aboutus .info{float:inherit;width:auto;}
	.aboutus .image{float:inherit;width:auto;margin-top:0px;}
	.aboutus-box p br{display:none;}

	.his-wrap .info{float:inherit;width:auto}
	.his-wrap .image{float:inherit;width:auto;margin-bottom:20px;font-size:0px;}
	.his-wrap .image span{display:inline-block;width:33.3334%;}
	.his-wrap .image span img{max-width:100%;}

	.system-sec1 ul {margin:-10px 0;}
	.system-sec1 ul li{display:block;width:auto;height:auto;margin:10px 0;}
	.system-sec2 li{width:48%}

	.greetings:before{display:none}
	.greetings .image{float:inherit;width:auto;}
	.greetings .info{float:inherit;width:auto;}

	.location .root_daum_roughmap{height:300px;}
	.location .root_daum_roughmap .wrap_map{}

	.facility .info li{width:auto;}
	.facility .info li a{padding:0 20px;}

	.view-acting .info{float:inherit;width:auto;margin-bottom:20px;}
	.view-acting .left{float:inherit;width:auto;margin-right:0%;}
	.view-acting .more{width:100px;height:35px;line-height:35px;font-size:13px;}

	.information .ea2 li{display:block;width:auto;}
	.information .ea5 li{display:block;width:auto;}
	.information .ea5 li i{margin:10px 0;}
	.information .ea5 li i img{width:60px;}


	._gal2 .big span{width:100%;height:0px;padding-bottom:67%;}
	._gal2 .tmb span{width:100%;height:0px;padding-bottom:67%;}

	.list-acting.ea4 li{width:48%;}
	.list-acting.ea5 li{width:48%;}

	.apl-wrap .banner li{display:block;width:auto;}



    .pop_wim {margin-top: -50px;}
    .pop_wim table {width: 100%;height: auto;}
    .pop_wim img {max-width: 100%;width: auto !important;height: auto !important;vertical-align: top;}


}