@charset "utf-8";
@import url("./width1024_default.css");


#container {position:relative; z-index:0;}


/*메인비주얼*/
.main_visual {text-align:center; position:relative; width:100%; height:350px;; min-width:1100px; overflow:hidden;}
.main_visual ul { width:100%; left:0px;top:0px; position:absolute;}
.main_visual li{background-repeat:no-repeat; background-position:center top; width:100%; height:350px;; }




/*퀵배너*/
.main_quick_banner {text-align:center; padding:15px 0px 10px; background:#405581; }
.main_quick_banner li{display:inline-block; margin:0 40px;}
.main_quick_banner li span{display:inline-block; background:#263555; border-radius:66px; width:66px; height:66px; line-height:66px; }
.main_quick_banner li span img{vertical-align:middle;}
.main_quick_banner li .text {padding-top:5px; color:#fff;}
.main_quick_banner li:hover span{background:#789279; }


.main_contents_box {margin-top:20px; overflow:hidden; }

/*강사진소개*/
.teacher_box  {background:#408996; float:left; width:310px;}
.teacher_box h3 {background:#285f69; line-height:55px; font-size:16px; color:#fff; padding-left:20px; overflow:hidden; font-family: 'Nanum Square';}
.teacher_box h3 span{float:left;}
.teacher_box h3 .btn{float:right; margin:0 10px 0 0;}
.teacher_box h3 .btn img {vertical-align:middle;}
.teacher_box ul {float:left; height:370px !important; margin:20px 15px !important; padding:0 10px;}
.teacher_box ul li.slider {height:80px; padding:7px 0px; }

.teacher_box ul li.slider .photo {float:left; position:relative;  top:4px;}
.teacher_box ul li.slider .photo img {width:69px; height:69px; border-radius:69px; vertical-align:bottom;}
.teacher_box ul li.slider dl {margin-left:90px;font-size:12px; text-align:left;  padding-top:8px;  }
.teacher_box ul li.slider dl dt {color:#222; font-size:13px; font-weight:bold; }
.teacher_box ul li.slider dl dd {color:#999; line-height:16px;font-size:12px; }
.teacher_box ul li.slider a dt {color:#fff;}
.teacher_box ul li.slider a dd {color:rgba(255,255,255,0.8); }

/*강사진소개*/
.main_right_box  {float:right; width:770px;}


/*공지사항*/
.main_right_box .main_notice {float:left; width:437px; height:222px; border:1px #cbcbcb solid; background:#fff; position:relative;}
.main_right_box .main_notice  h3 {line-height:54px; font-size:16px; color:#222; padding-left:20px; overflow:hidden; font-family: 'Nanum Square'; border-bottom:1px #cbcbcb solid;}
.main_right_box .main_notice .more {position:absolute; right:15px; top:18px; line-height:19px;}
.main_right_box .main_notice .more a{padding-right:25px; background:url(../images/main/main_more_dot01.jpg) right top no-repeat;}
.main_right_box .main_notice .more a:hover{color:#408996; text-decoration:underline;}
.main_right_box .main_notice ul {padding:0 20px; margin-top:8px;}
.main_right_box .main_notice ul li{line-height:30px; }
.main_right_box .main_notice ul li a{float:left; padding-left:10px; font-size:12px; color:#686868; width:65%; background:url(../images/main/main_dot01.jpg) left 14px no-repeat;}
.main_right_box .main_notice ul li a:hover{color:#408996; text-decoration:underline;}
.main_right_box .main_notice ul li span{float:right; color:#a0a0a0;}


/*달력*/
.main_right_box .main_calendar {position:relative;float:right;  width:312px; height:222px; border:1px #cbcbcb solid; background:#fff; }
.main_right_box .main_calendar  h3 {line-height:54px; font-size:16px; color:#222; padding-left:20px; overflow:hidden; font-family: 'Nanum Square'; border-bottom:1px #cbcbcb solid;}
.main_right_box .main_calendar  h3 span{color:#408996;}

.main_right_box .main_calendar ul{margin:15px 15px 0px; 0px;overflow:hidden;width:280px !important;}
.main_right_box .main_calendar li {line-height:26px; height:26px; overflow:hidden; margin-bottom:10px; width:100% !important; float:left; }
.main_right_box .main_calendar li a{float:left; width:60%; margin-left:10px; color:#555555; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.main_right_box .main_calendar li a:hover {text-decoration:underline;}
.main_right_box .main_calendar li span{float:left; width:69px;  background:#408996; margin-top:2px; line-height:23px; font-weight:bold; color:#fff; text-align:center; border-radius:23px;}

.main_right_box .main_calendar .btn {position:absolute; right:12px; top:15px;}



/*포토갤러리*/
.main_right_box .gallery {position:relative; float:left;   width:437px; height:222px; border:1px #cbcbcb solid; background:#fff;  margin-top:16px;}
.main_right_box .gallery h3 {line-height:54px; font-size:16px; color:#222; padding-left:20px; overflow:hidden; font-family: 'Nanum Square'; border-bottom:1px #cbcbcb solid;}
.main_right_box .gallery ul{margin-top:25px; overflow:hidden; text-align:center;}
.main_right_box .gallery li {display:inline-block; width:117px; margin:0 10px; position:relative;}
.main_right_box .gallery li img {vertical-align:top; width:100%; height:84px;}
.main_right_box .gallery li a div{font-size:13px; color:#222222; padding-top:4px;}

.main_right_box .gallery .more {position:absolute; right:15px; top:18px; line-height:19px;}
.main_right_box .gallery .more a{padding-right:25px; background:url(../images/main/main_more_dot01.jpg) right top no-repeat;}
.main_right_box .gallery .more a:hover{color:#408996; text-decoration:underline;}


/*고객센터*/
.main_right_box .main_cs_center {position:relative;float:right; text-align:center;  width:312px; height:222px; border:1px #cbcbcb solid; background:#fff url(../images/main/main_cscenter_bg.jpg) center 15px no-repeat;; margin-top:16px; }
.main_right_box .main_cs_center dl{margin-top:90px; }
.main_right_box .main_cs_center dl dt{margin:20px 0 10px; font-weight:bold; color:#00b3c5; font-size:22px;}
.main_right_box .main_cs_center dl dd{ line-height:18px;}
.main_right_box .main_cs_center .phone{ font-size:30px;  font-weight:bold; color:#464646; margin-top:15px; letter-spacing:0px;}