@charset "utf-8";


#contentArea {width:100%; margin:0 auto; position:relative; height:auto;}
.contInner {width:1040px; margin:0 auto; position:relative; height:auto;}
.contInner:after {content:""; display:table; clear:both;}


#topArea {width:100%; height:37px; border-bottom:1px solid #e2e3e6;text-align:center; background:#fff}
.lo_Area{float:left; margin-left: 265px;}
.lo_Area:after {content: ''; display: table; clear: both;}
.lo_Area li {float:left;}
.lo_Area li a{height:37px; line-height: 36px; padding: 0 4px; border-bottom: solid 1px #e2e3e6; display:block; border-right:1px solid #ddd; font-size: 11px; background: #f3f4f5; font-family: 'dotum', sans-serif; letter-spacing: -0.075em; cursor: pointer;}
.lo_Area li:first-child a{width: 35px; background:url("/img/common/location_home_off.png")no-repeat center center; border-left:1px solid #ddd; text-indent: -9999px;}
.lo_Area li:first-child.current a {background:#fff url("/img/common/location_home_on.png")no-repeat center center;}
.lo_Area li.current a {background: #fff; color: #e33d40; font-weight: 700; border-bottom: none;}


.top_menu{position:absolute; top:12px; right:0px;}
.top_menu li {float:left; display:inline-block; }
.top_menu li a {float:left; display:inline-block; padding:0 7px; background: url("/img/common/top_menu_bar.gif") right center no-repeat;line-height:11px}
.top_menu li.last a{padding-right:0px; background:none;}


#gnbTop{width:100%; float:left; height:115px;background:#fff}
#gnbLogo{margin-top:0; display:inline-block;}
#gnbLogo_n{margin-top:34px; display:inline-block;}
#gnbSearch{width:416px; position:absolute; top:39px; left:50%; margin-left:-210px; border:2px solid #e33d40; height:33px;}
#gnbSearch span{ font-family:"Dotum"; font-size:12px; color:#e33d40; padding-left:15px; line-height:29px;}
#gnbSearch span em {display:inline-block; padding-left:15px;}
#gnbSearch input{border:0px;font-family:"Dotum"; font-size:12px; height:29px; line-height:29px; background:none; width:300px;}
#gnbSearch a {width:29px; height:29px;position:absolute;top:0px; right:0;display:block; }

.keyword{width:416px; position:absolute; top:75px; left:50%; margin-left:-210px; text-align:center;}
.keyword li{display:inline-block;}
.keyword li a {font-family:"Dotum"; font-size:11px; color:#333; padding:0 8px;background: url("/img/common/top_menu_bar.gif") right center no-repeat;display:inline-block; letter-spacing:-0.05em;}
.keyword li a:hover{text-decoration:underline}
.keyword li:last-child a{background:none;}


#gnbOpenDay{ position:absolute; top:39px; right:0; text-align:right}
#gnbOpenDay li img{padding-bottom:8px;}
#gnbOpenDay li {font-size:11px; color:#999; font-weight:bold;font-family:"Dotum";}
#gnbOpenDay li span{color:#1469b3}

.opDay {position:absolute; top:39px; right:0;}
.opWk {padding:5px 10px; border:solid 1px #ddd; background:#f5f5f5;}
.opWk * {display:inline-block; vertical-align:middle; height:20px; line-height:20px;}
.opWk h5 {font-size:13px; letter-spacing:-0.075em; color:#333; margin-right:5px;}
.opWk p {font-size:15px; font-weight:800; font-family:"roboto", sans-serif; font-weight:700; background:#333; color:#fff; padding:0 5px; margin-left:5px; border-radius: 2px 2px 2px 2px; -moz-border-radius: 2px 2px 2px 2px; -webkit-border-radius: 2px 2px 2px 2px;}
.opWk span {font-size:11px; font-family:"dotum", sans-serif; line-height:25px;}
.opWked {text-align:right; margin-top:3px; padding:0 3px;}
.opWked * {display:inline-block; vertical-align:middle; font-family:'¸¼Àº °íµñ', 'Malgun Gothic', "dotum", sans-serif; font-size:11px; color:#666;}
.opWked b {font-weight:bold; color:#1469b3;}
.opWked span {font-weight:bold;}



#footerLocation{width:100%; float:left; background:#f2f3f5; border-top:1px solid #ebebeb;border-bottom:1px solid #ebebeb; padding:15px 0}
#footerLocation *{font-family:"Dotum"; font-size:11px; color:#333}
#footerLocation h3 span{display:inline-block; padding-left:5px;color:#e33d40}
#footerLocation ul{position:absolute; top:-9px; left:0px;}
#footerLocation ul li {float:left; padding-left:10px; margin-left:10px; background:url("/img/common/footer_location_bar.gif")left center no-repeat;}
#footerLocation ul li.first {background:none; padding-left:0; margin-left:0px;}
#footerLocation ul li a {display:inline-block;}


#footerInfo{width:100%; float:left; background:#fff; padding:50px 0}
#footerInfo ul{position:absolute; top:0px; right:0px;}
#footerInfo ul li {float:left; padding-left:15px; margin-left:15px; background:url("/img/common/footer_menu_bar.gif")left center no-repeat;}
#footerInfo ul li.first {background:none; padding-left:0; margin-left:0px;}
#footerInfo ul li.last { margin-top:3px;}
#footerInfo ul li.last a{color:#909090;}
#footerInfo ul li a {display:inline-block;}
#footerInfo h4 span{display:inline-block; padding-left:5px;color:#e33d40}
.footerAdd{padding-top:40px;width:100%;font-family:"Dotum";font-size:11px; color:#a1a1a1}
.footerAdd p {padding-bottom:5px;}
.footer_copy{font-family:"Dotum";font-size:11px; color:#a1a1a1; padding-top:0px;}


#footerBtn{width:100%; float:left; background:#fff; padding:30px 0 60px 0}
#footerBtn ul li {float:left; padding-right:6px;}
#footerBtn ul li:last-child{padding-right:0px;}
#footerBtn ul li:first-child{padding-left:6px;}
#footerBtn .contInner{width:1050px; margin:0 auto}
#footerSpecial{width:100%; float:left; background:#fff;margin-top:60px; position:relative}
.fsSlider{border:1px solid #ebebeb;float:left; width:100%;position:relative}
.fsSlider .slick-dots {display:block; position:absolute; right:15px; bottom:15px;}
.fsSlider .slick-dots:after {content:""; display:table; clear:both;}
.fsSlider .slick-dots li {display:block; float:left; width:8px; height:8px; border:solid 0px #d8d8d8; cursor:pointer; margin-right:6px; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; background:#d8d8d8}
.fsSlider .slick-dots li:last-child {margin-right:0;}
.fsSlider .slick-dots li.slick-active {background:#1e68a9;}
.fsSlider .slick-dots li button {display:none;}
.fsArrow {}
.fsArrow:after {content:""; display:table; clear:both;}
.fsArrow span {display:block; width:22px; height:37px; text-indent:-9999px; float:left; cursor:pointer;}
.fsArrow span.prev {background:url("/img/common/footer_banner_arrow_left.png")no-repeat center center;position:absolute; left:15px; top:50%; height:37px; margin-top:-18px;}
.fsArrow span.next {background:url("/img/common/footer_banner_arrow_right.png")no-repeat center center;position:absolute; right:15px; top:50%; height:37px; margin-top:-18px;}



#rightQuickArea {position:absolute; left:50%; margin-left:560px; top:0;z-index:20; width:80px; }
#rightQuickArea li {display:block;  background-repeat:no-repeat !important; background-position:center center !important;padding-bottom:8px;}
#rightQuickArea li:last-child {border-bottom:none;}

#rightQuickArea li a {display:block; width:100%; }






.breadcrumb {height:45px; background:#1e68a9;}
.breadcrumb .contInner:after {content:""; display:table; clear:both;}
.breadcrumb .contInner > ul {float:left; height:100%; padding-right:0px; border-right:solid 1px #154773; position:relative;}
.breadcrumb .contInner > ul.depth01{min-width:200px;}
.breadcrumb .contInner > ul.depth02{min-width:220px;}
.breadcrumb .contInner > ul.depth03{min-width:260px;}
.breadcrumb .contInner > ul > li {display:block; height:100%; padding-left:15px; padding-right:100px; position:relative;}
.breadcrumb .contInner > ul > li:after {content:""; display:block; width:7px; height:4px; position:absolute; right:0; top:50%; margin-top:-2px; background:url("/img/common/breadcrumb_arrow_down2.png") left top no-repeat; padding-right:20px}
.breadcrumb .contInner > ul > li:hover:after {background:url("/img/common/breadcrumb_arrow_up2.png")left top no-repeat; padding-right:20px}
.breadcrumb .contInner > ul > li > a {display:block; height:100%; line-height:45px; text-align:left; color:#fff;}
.breadcrumb .contInner > ul > li > ul {display:none; position:absolute; top:100%; left:0; width:auto; min-width:100%; padding:10px 0; background:#fafafa; z-index:10; -webkit-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.3); -moz-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.3);	box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.3);}

.breadcrumb .contInner > ul > li:hover > a {color:#fff;}
.breadcrumb .contInner > ul > li:hover > ul {display:block;}
.breadcrumb .contInner > ul > li > ul > li {display:block; padding:7px 15px;}
.breadcrumb .contInner > ul > li > ul > li > a {display:block; color:#aaa; white-space: nowrap;}
.breadcrumb .contInner > ul > li > ul > li > a:hover {color:#333;}
.breadcrumb .contInner > ul > li > ul > li.current > a{color:#fa1e37;}
.breadcrumb .contInner > ul.depth00 {padding-right:0; border-left:solid 1px #154773;}
.breadcrumb .contInner > ul.depth00 > li {padding:0 15px !important;}
.breadcrumb .contInner > ul.depth00 > li:after {display:none;}
.breadcrumb .contInner > ul.depth00 > li > a {width:20px; text-indent:-9999px; background:url("/img/common/breadcrumb_home2.png")no-repeat center center;}
.breadcrumb .contInner > ul.depth03.eduDepth:after {content:""; display:block; width:87px; height:19px; position:absolute; background:url("/img/common/breadcrumb_ico.png")no-repeat center center; right:-90px; top:50%; margin-top:-10px;}
.mboardArea{ padding-top:50px; padding-bottom:0px; float:left; width:100%;}

.subLocation{padding-top:202px;}





.slick-slider {z-index:0;}
.slick-list {z-index:0;}
.slick-track {z-index:0;}
.slick-slide {z-index:0;}


.fl{float:left;}
.pt20 {padding-top:20px !important;}
.pt50 {padding-top:50px;}
.pt60 {padding-top:60px;}
.pb80 {padding-bottom:80px;}
.mr20 {margin-right:20px;}
.ml10 {margin-left:10px !important;}
.ml5 {margin-left:5px !important;}
.ml0 {margin-left:0 !important;}
.winnerBanner{position:absolute; top:0px; left:0px; width:255px; height:35px;}



#gmGnb {height:50px; background:#fff; border-top:solid 1px #f1f3f6; position:fixed; top:152px; left:0; right:0; z-index:999;border-bottom:1px solid #d1d8e4}
#gmGnbMenu_n {}
#gmGnbMenu_n:after {content:""; display:table; clear:both;}
#gmGnbMenu_n > li {height:48px; padding-right:24px; float:left; position:relative; }
#gmGnbMenu_n > li:last-child{padding-right:0}
#gmGnbMenu_n > li > a {display:block; height:100%; line-height:44px; text-align:center; color:#455056; font-size:13px; font-weight:700; letter-spacing:-0.045em; position:relative;font-family:"Malgun Gothic"}
#gmGnbMenu_n > li > a:hover{color:#e33d40}
#gmGnbMenu_n > li > ul {display:none;}
#gmGnbMenu_n > li:hover > ul {display:block; width:2000px; position:absolute; top:100%; left:50%; margin-left:-1000px; text-align:center;}
#gmGnbMenu_n > li:hover > ul:before {content:""; display:block; background:#e33d40; position:fixed; top:201px; left:0; right:0; height:47px;}
#gmGnbMenu_n > li > ul > li {display:inline-block; height:47px; line-height:47px; position:relative; padding:0 10px;}
#gmGnbMenu_n > li > ul > li > a {display:block; height:47px; line-height:47px; color:rgba(255,255,255,0.7); font-size:13px; font-weight:700; letter-spacing:-0.09em; position:relative;font-family:"Malgun Gothic"}
#gmGnbMenu_n > li > ul > li > a:hover {color:rgba(255,255,255,1.0);}
#gmGnbMenu_n > li > ul.gmGnbLeft {position:fixed; top:201px; width:1040px; margin-left:-520px; text-align:left;}
#gmGnbMenu_n > li > ul.gmGnbRight {position:fixed; top:201px; width:1040px; margin-left:-520px; text-align:right;}





/*-------------¼öÁ¤ÀÌÀü-------------------------*/

#header {height: 202px; position: fixed; top: 0; left: 0; right: 0; z-index: 999;}
#gmGnb {height:50px; background:#fff; border-top:solid 1px #f1f3f6; position:fixed; top:152px; left:0; right:0; z-index:999;border-bottom:1px solid #d1d8e4}
#gmGnbMenu {}
#gmGnbMenu:after {content:""; display:table; clear:both;}
#gmGnbMenu > li {height:48px; padding-right:35px; float:left; position:relative; }
#gmGnbMenu > li:last-child{padding-right:0}
#gmGnbMenu > li > a {display:block; height:100%; line-height:49px; text-align:center; color:#455056; font-size:13px; font-weight:700; letter-spacing:-0.045em; position:relative;font-family:"Malgun Gothic"}
#gmGnbMenu > li > a:hover{color:#e33d40}
#gmGnbMenu > li > ul {display:none;}
#gmGnbMenu > li:hover > ul {display:block; width:2000px; position:absolute; top:100%; left:50%; margin-left:-1000px; text-align:center;}
#gmGnbMenu > li:hover > ul:before {content:""; display:block; background:#e33d40; position:fixed; top:201px; left:0; right:0; height:47px;}
#gmGnbMenu > li > ul > li {display:inline-block; height:47px; line-height:47px; position:relative; padding:0 10px;}
#gmGnbMenu > li > ul > li > a {display:block; height:47px; line-height:47px; color:rgba(255,255,255,0.7); font-size:13px; font-weight:700; letter-spacing:-0.09em; position:relative;font-family:"Malgun Gothic"}
#gmGnbMenu > li > ul > li > a:hover {color:rgba(255,255,255,1.0);}
#gmGnbMenu > li > ul.gmGnbLeft {position:fixed; top:201px; width:1040px; margin-left:-520px; text-align:left;}
#gmGnbMenu > li > ul.gmGnbRight {position:fixed; top:201px; width:1040px; margin-left:-520px; text-align:right;}
.balloonDeco{position:absolute; top:-14px; left:-50px;}






#rightQuick {width:86px; border-left:solid 1px #828ca0; position:fixed; top:0; bottom:0; z-index:1001; background:#fff; right:0;}
#rqMember {display:table; width:100%; height:136px; border-bottom:solid 1px #1b5d91; background:#014b84;}
#rqMember ul {display:table-cell; width:100%; height:100%; vertical-align:middle;}
#rqMember ul li {text-align:center; padding:2px 0;}
#rqMember ul li a {font-size:12px; color:#fff; font-weight:500; letter-spacing:-0.08em; text-shadow: 0px 0px 2px rgba(0, 0, 0, 1); display:inline-block;}
#rqSite {
	display:block; height:39px; line-height:39px; font-size:12px; color:#fff; font-weight:500; text-transform:uppercase;
	letter-spacing:0em; text-align:center; text-shadow: 0px 0px 2px rgba(0, 0, 0, 1);
	background: rgb(1,74,131);
	background: -moz-linear-gradient(top, rgba(1,74,131,1) 0%, rgba(0,38,67,1) 100%);
	background: -webkit-linear-gradient(top, rgba(1,74,131,1) 0%,rgba(0,38,67,1) 100%);
	background: linear-gradient(to bottom, rgba(1,74,131,1) 0%,rgba(0,38,67,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#014a83', endColorstr='#002643',GradientType=0 );
}

#rqMenu {}
#rqMenu li {background-repeat:no-repeat !important; background-position:center 17px !important; position:relative;}
#rqMenu li:before {content:""; display:block; top:0; left:8px; right:8px; height:1px; background:#e2e2e2; position:absolute;}
#rqMenu li:last-child:after {content:""; display:block; bottom:0; left:8px; right:8px; height:1px; background:#e2e2e2; position:absolute;}
#rqMenu li a {display:block; line-height:1.0em; text-align:center; font-size:12px; letter-spacing:-0.08em; color:#424242; font-weight:400; padding-top:55px; padding-bottom:15px;}
#rqMenu li:first-child a {color:#e62e2f; position:relative;}


/* #rqMenu li:nth-child(2) a {color:#0037eb; position:relative;}
 */
 /*¼ö°­·áÁ¶È¸ À̺¥Æ® Ç¥½Ã*/
#rqMenu li:first-child a:before {content:""; display:block; width:36px; height:11px; background:url("/img/mainNew/main_quick_event.png")no-repeat center center; position:absolute; top:16px; left:50%;}

#rqCall {text-align:center;}
#rqCall h5 {font-size:13px; letter-spacing:-0.052em; color:#3e3e3e; font-weight:600; line-height:1.0em; padding-top:50px; margin-top:15px; background:url("https://www.sbsart.com/img/common/rightQuick_call.gif")no-repeat center top;}
#rqCall h6 {font-size:12px; letter-spacing:-0.07em; color:#178ec9; font-weight:400; line-height:1.2em; margin-top:5px;}
#rqCall p {font-size:12px; letter-spacing:-0.07em; color:#111; font-weight:400; line-height:1.3em; margin-top:8px;}
#rqCall span {display:block; letter-spacing:-0.04em; color:#7c7c7c;}








#rqcBg {display:none; position:fixed; top:0; bottom:0; left:0; right:0; z-index:1001; background:rgba(0,0,0,0.5);}
/* #rqcBtn {
	display:block; width:64px; height:64px; position:fixed; right:30px; bottom:30px; z-index:999;
	border-radius: 40px 40px 40px 40px; -moz-border-radius: 40px 40px 40px 40px; -webkit-border-radius: 40px 40px 40px 40px;
	-webkit-box-shadow: 0px 2px 6px 0px rgba(0,0,0,0.5); -moz-box-shadow: 0px 2px 6px 0px rgba(0,0,0,0.5); box-shadow: 0px 2px 6px 0px rgba(0,0,0,0.5);
	background: #ee293e;
	background: -moz-linear-gradient(top,  #ee293e 0%, #12232a 100%);
	background: -webkit-linear-gradient(top,  #ee293e 0%,#12232a 100%);
	background: linear-gradient(to bottom,  #ee293e 0%,#12232a 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ee293e', endColorstr='#12232a',GradientType=0 );
}
#rqcBtn:after {content:""; display:block; position:absolute; left:0; right:0; top:0; bottom:0; background:url("/renewal2016/img/main2019/right_quick.png")no-repeat center center;}

#rqcBtn {
	display:block; width:109px; height:50px; position:fixed; right:30px; bottom:30px; z-index:999; text-indent: -9999px;
	background: url('/img/common/ks_quick_btn2.png')no-repeat center center; background-size: cover !important;
	-webkit-transition:all 0.3s; -moz-transition:all 0.3s; -o-transition:all 0.3s; transition:all 0.3s;
}



 */
#rqcBtn {
	display:inline-block;  height:64px; position:fixed; right:30px; bottom:30px; z-index:999;
	border-radius: 40px 40px 40px 40px; -moz-border-radius: 40px 40px 40px 40px; -webkit-border-radius: 40px 40px 40px 40px;
	-webkit-box-shadow: 0px 2px 6px 0px rgba(0,0,0,0.5); -moz-box-shadow: 0px 2px 6px 0px rgba(0,0,0,0.5); box-shadow: 0px 2px 6px 0px rgba(0,0,0,0.5);
	background: #ee293e;
	background: -moz-linear-gradient(top,  #ee293e 0%, #cc2234 100%);
	background: -webkit-linear-gradient(top,  #ee293e 0%,#cc2234 100%);
	background: linear-gradient(to bottom,  #ee293e 0%,#cc2234 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ee293e', endColorstr='#cc2234',GradientType=0 );

}
#rqcBtn span{font-size:21px; color:#ffff; line-height:63px; padding-left:60px; padding-right:20px}
#rqcBtn:after {content:""; display:block; position:absolute; left:0; right:0; top:0; bottom:0; background:url("https://sbsart.com/img/common/right_quick.png")no-repeat 20px center;}



#rqcX {display:block; position:absolute; right:30px; top:40px; width:37px; height:53px; text-indent:-9999px; background:url("https://sbsart.com/img/common/teacher_pop_close.png")no-repeat center center;}
#rqcWrap {width:380px; position:fixed; top:0; bottom:0; right:-400px; z-index:1002; background:#fff; padding:30px; overflow-y: auto; -webkit-box-shadow: -2px 0px 4px 0px rgba(0,0,0,0.35); -moz-box-shadow: -2px 0px 4px 0px rgba(0,0,0,0.35); box-shadow: -2px 0px 4px 0px rgba(0,0,0,0.35);}
#rqcWrap > h3 {font-size:32px; color:#213c49; font-weight:300; letter-spacing:-0.075em;}
#rqcWrap > p {font-size:14px; margin-top:5px; font-weight:300; color:##213c49; line-height:1.3em;}
#rqcWrap > h5 {text-align:center; font-size:16px; font-weight:400; color:#666;}
#rqcWrap > h5 span {display:block; font-size:30px; font-weight:900; color:#213c49;}
.rqcTel:after {content:""; display:table; clear:both;}
.rqcTel li {float:left;}
.rqcTel li:nth-child(odd) {width:30%;}
.rqcTel li:nth-child(even) {width:5%; text-align:center; height:40px; line-height:40px;}
.rqcTel li select,
.rqcTel li input[type="tel"] {display:block; width:100%; height:40px;}
.rqcLoc:after {content:""; display:table; clear:both;}
.rqcLoc li {float:left; width:33.3333%; padding-bottom:5px;}
.rqcLoc li:nth-child(2n) {width: 66.6666%;}
.rqcLoc li input[type="radio"] {width: 20px; height: 20px; cursor: pointer;}
.rqcLoc li input[type="radio"] + label {font-size: 14px; margin-left: 5px; font-family:"Noto Sans KR", sans-serif;}
.rqcLoc li input[type="radio"]:checked:after {width: 10px; height: 10px; top: 4px; left: 4px; border-radius:50%;}
.csInput.rqcInput {padding:0 0 40px; border-top:dotted 1px #ccc; margin-top:20px;}
.csInput.rqcInput input[type="text"] {height:40px;}
.csInput.rqcInput dt {font-size:18px; padding-bottom:5px; padding-top:15px;}
.csInput.rqcInput dd input[type="text"] {width: 100%; display: block;}
.rqcList {}
.rqcList:after {content:""; display:table; clear:both;}
.rqcList li {float:left; width:33.3333%; padding-bottom:5px;}
.rqcList .col2 li {width:50%;}
.rqcList li:after {content:""; display:table; clear:both;}
.rqcList li input[type="checkbox"] {display:block; float:left; width:20px; height:20px; margin-right: 0; border:solid 1px #aaa; background-size:cover !important; position:relative; background:#fff; cursor:pointer; appearance:none; -moz-appearance:none; -webkit-appearance:none;}
.rqcList li input[type="checkbox"]:checked {background:url("/img/common/customer_chk_add.jpg")no-repeat center center;}
.rqcList li input[type="checkbox"]:checked:after {display: none;}
.rqcList li input[type="checkbox"]:focus {outline:none; border:solid 1px #213c49;}
.rqcList li label {display:block; float:left; height:20px; line-height:20px; font-family:"Noto Sans KR", sans-serif; font-size:14px; margin-left:5px; white-space:nowrap; font-weight:300;}
.csAgree {margin-top: 10px;}
.csAgree u {text-decoration: none;}
.rqcSubmit {padding-top:20px;}
.rqcSubmit a {display:block; text-align:center; background:#213b4f; color:#fff; padding:15px 0; font-size:18px;}
.sbsLorlo ul li{float:left; width:33.3333%; padding-bottom:5px;}
.sbsLorlo ul:after {content:'';clear:both;display:block;}