@charset "utf-8";
*{margin:0; padding:0; box-sizing: border-box;}
/* main */
#main {width:100%; height:400px}

/******************************************************************* [ main_visual ] *******************************************************************/
#visual_s{
	width:100%;
	/*height:400px;*/
	/* margin-bottom:30px; */
	/* background:green; */
}
#visual_s .bxslider li{
	/*height:400px;*/
    /*background:green;*/
}

/*#visual_s .bxslider #b1{
	background:url(../images/main/main_untitled.png) no-repeat center 0;
}
#visual_s .bxslider #b2{
	background:url(../images/main/main_untitled.png) no-repeat center 0;
}
#visual_s .bxslider #b3{
	background:url(../images/main/main_untitled.png) no-repeat center 0;
}*/








.swiper-slide {position:relative;}
.swiper-slide > div {width:1300px; height:64px; position:absolute; top:325px;  z-index:9999; margin:0 auto; left:50%; transform:translatex(-50%);}
.swiper-slide a {display:block; height:100%; text-indent:-9999px;}
.swiper-slide .slide_01b a  {background: url(../images/go1.png) no-repeat center center; width:329px; top:325px;}
.swiper-slide .slide_02b {top:300px;}
.swiper-slide .slide_02b a  { background: url(../images/go2.png) no-repeat center center; width:371px;}

.swiper-slide .slide_03b a  { background: url(../images/go3.png) no-repeat center center; width:300px;}
.swiper-slide .slide_03b {top:250px;}
.swiper-slide .slide_04b {top:350px; }
.swiper-slide .slide_04b a  { background: url(../images/newimg/go3.png) no-repeat center center; width:371px;  margin-left:-25px;}
.swiper-slide .slide_newb {top:450px}
.swiper-slide .slide_newb a { background: url(../images/newimg/go00.png) no-repeat center center; width:330px;}



div.main_visual {display:none; width:100%; height:400px; background-color:#a4e5fe; margin-bottom:30px; }
/* div.main_visual div.visual_box {width:950px; margin:auto; } */

a.main_visual-stop {position:absolute; top:534px; left:50%; margin-left:-400px; width:20px; height:19px; background:url(../images/main/btn_visual_play.png) no-repeat 0 100%; display:inline-block; z-index:10; text-indent:-9999px  }
a.main_visual-play {position:absolute; top:534px; left:50%; margin-left:-400px; width:20px; height:19px; background:url(../images/main/btn_visual_play.png) no-repeat 0 0; display:inline-block; z-index:10; text-indent:-9999px  }

.main_visual-pagination { position: absolute; top:534px; left:50%; margin-left:-475px; z-index:10}
.main_visual-pagination li { width: 20px; height: 19px; float:left; margin-left: 5px; }
.main_visual-pagination li:first-child {margin-left:0;}
.main_visual-pagination li a { background:url(../images/main/btn_visual_page.png) no-repeat 0 0; display: block; width: 20px; height: 19px; text-indent: -9999px  }
.main_visual-pagination li a.active,  .slidesjs-pagination li a:hover.active { background-position: 0 100%; }
.main_visual-pagination li a:hover { background-position: 0 100% }





/* a.main_visual-previous {width:64px; height:80px;background:url(../images/main/btn_visual_prev.png) no-repeat 0 0; display:inline-block; position:absolute; top:310px; left:0;z-index:10; text-indent:-9999px  }
a.main_visual-next {width:64px; height:80px; background:url(../images/main/btn_visual_next.png) no-repeat 0 0; display:inline-block; position:absolute; top:310px; right:0;z-index:10; text-indent:-9999px  }
 */
/******************************************************************* [ Quick ] *******************************************************************/

/* div.quick { background:url(../images/common/quick/btn_quick.png) no-repeat 0 0; width:25px; height:114px; position:absolute; top:129px; left:50%; margin-left:515px; cursor:pointer}
div.quick_nav {position:absolute; top:145px; left:50%; margin-left:515px; display:none}
div.quick_nav ul {width:68px; border:1px solid #555}
div.quick_nav li {width:68px;height:74px; border-top:1px solid #999; background-color:#fff}
div.quick_nav li:first-child {border:none; height:18px}
div.quick_nav li a.nav1 {display:block; background:url(../images/common/quick/quick_nav1.gif) no-repeat 0 0; width:68px; height:74px; text-indent:-9999px}
div.quick_nav li a.nav2 {display:block; background:url(../images/common/quick/quick_nav2.gif) no-repeat 0 0; width:68px; height:74px; text-indent:-9999px}
div.quick_nav li a.nav3 {display:block; background:url(../images/common/quick/quick_nav3.gif) no-repeat 0 0; width:68px; height:74px; text-indent:-9999px}
div.quick_nav li a.nav4 {display:block; background:url(../images/common/quick/quick_nav4.gif) no-repeat 0 0; width:68px; height:74px; text-indent:-9999px}
div.quick_nav li a.nav5 {display:block; background:url(../images/common/quick/quick_nav5.gif) no-repeat 0 0; width:68px; height:74px; text-indent:-9999px}
div.quick_nav li a:hover {background-position:0 100%} */

/******************************************************************* [ main content ] *******************************************************************/

div.main_layout {width:950px; margin:auto;}
div.main_block1 {width:180px; float:left;}
div.main_block2 {width:260px; float:left; margin-left:20px;}
div.main_block3 {width:250px; float:left; margin-left:20px;}
div.main_block4 {width:200px; float:left; margin-left:20px;}

/****** 로그인(전) ******/

div.login {width:180px; height:130px; background:url(../images/main/login/bg_login.gif) no-repeat 0 0; position:relative}
ul.login_input { padding:37px 11px 0 11px;}
ul.login_input input.input_id {border:1px solid #ccc; border-right:none; width:97px; height:27px; padding-left:10px; font:12px dotum; background:url(../images/main/login/bg_id.gif) no-repeat 0 0; line-height:27px}
ul.login_input input.input_pw {border:1px solid #ccc; border-top:none; border-right:none; width:97px; height:27px;  padding-left:10px; font:12px dotum; background:url(../images/main/login/bg_pw.gif) no-repeat 0 0; line-height:27px}
ul.login_input input.input_txt {border:1px solid #ccc; border-right:none; width:97px; height:27px;padding-left:10px; font:12px dotum; line-height:27px}
ul.login_input input.input_txt2 {border:1px solid #ccc; border-top:none; border-right:none; width:97px; height:27px; padding-left:10px; font:12px dotum;line-height:27px}
div.login input.btn_login {position:absolute; right:11px; top:37px}
ul.login_btn {position:absolute; left:11px; top:99px}
ul.login_btn li{float:left;}
ul.login_btn li:first-child {margin-right:3px}

/****** 로그인(후) ******/
span.hello {color:#3369c3; font:12px dotum; position:absolute; top:49px; left:11px; line-height:18px }


/****** 고객센터 ******/

div.customer {margin-top:10px}
div.customer ul {margin-bottom:7px}
div.customer li {border:1px solid #f5f5f5; background-color:#f5f5f5; height:30px; font-family:'Malgun Gothic','맑은 고딕'; font-size:15px; color:#666; font-weight:bold;width:158px; padding:8px 10px; letter-spacing:-0.04em; line-height:16px}
div.customer li:first-child {background-color:#fff}
div.customer li span.info {font-size:11px; font-weight:normal}
div.customer li strong {color:#3369c3}

/****** 배너 ******/

ul.main_banner {}
ul.main_banner li:first-child {margin-bottom:10px; height:130px}

/****** 달력 ******/

div.calendar {width:250px; height:270px; background:url(../images/main/calendar/bg_calendar.gif) no-repeat 0 0; position:relative}
h3.tit_calendar {font-family:'Malgun Gothic','맑은 고딕'; font-size:16px; color:#666;  padding:15px 20px 12px }

div.calendar span.month {color:#333; font-size:14px; font-weight:bold; font-family:verdana; position:absolute; top:18px; right:20px; display:table-cell; width:126px; text-align:center; vertical-align:middle}
div.calendar span.month img{vertical-align:middle}

div.tbl_cal {width:210px; margin:auto;  }
div.tbl_cal table { font-family:verdana; font-size:10px; color:#666; font-weight:100; table-layout:fixed}
div.tbl_cal th {height:35px}
div.tbl_cal th:first-child {color:#f21d52}
div.tbl_cal td {text-align:center; height:21px; empty-cells:show}
div.tbl_cal td:first-child {color:#f21d52}
div.tbl_cal th.sat, div.tbl_cal td.sat {color:#3369c3}
div.tbl_cal td.mystudy { background:url(../images/main/calendar/bg_my.gif) no-repeat 50% 4px}

dl.holyday { margin-top:33px; margin-left:20px}
dl.holyday dt {font-size:12px;font-family:'Malgun Gothic','맑은 고딕';color:#3369c3; font-weight:bold; float:left; width:43px; line-height:16px}
dl.holyday dd {font-size:11px;font-family:'dotum','돋움' ;color:#666; float:left; line-height:20px}
dl.holyday dd img{vertical-align:middle}

/****** 공지사항 ******/

div.notice {width:160px; height:90px; background-color:#f5f5f5; padding:20px; position:relative}
h3.tit_notice {font-family:'Malgun Gothic','맑은 고딕'; font-size:16px; color:#666; height:26px; border-bottom:1px solid #e3e3e3; line-height:16px}
div.notice ul {padding-top:8px}
div.notice li {font-size:12px; font-family:dotum,'돋움'; color:#666; line-height:18px}
div.notice li:hover {color:#3369c3}
a.more {position:absolute; right:20px; top:20px}

/****** 아이콘박스 ******/

div.icon_nav ul{margin-top:10px;}
div.icon_nav li{float:left; width:100px; height:65px}




/* 교재소개 */
/*#book_intro{width:100%; height:137px; padding:30px 0; background:#dddddd; margin-top:-40px;}*/
.book_intro{}
.book_intro_layout{width:1300px; margin:60px auto;}
#book_int ul {font-size:0;}
#book_int li {width:390px; display:inline-block; margin-right:65px;}
#book_int li:last-child {margin-right:0;}



/*  */






/* container */
#container{ width:100%; /* margin-top:10px; */ background: url(/images/cont_back.png) no-repeat center center; background-size:cover; height:395px; padding-top:60px;}
#content{width:1300px; height:275px; background-color:#fff; border-radius:40px; margin:0 auto; font-size:0; }

#content > div {width:650px; height:100%;   display:inline-block; font-size:20px; padding:40px 0 0 70px;  letter-spacing:-0.5px;}
#content > div  h3 {font-size:25px; font-weight:600;}
#content > div p {margin-top:20px; line-height:30px;}
#content > div a {margin-top:35px; display:inline-block; font-size:18px; padding:4px 15px; background-color:#0095ff; border-radius:25px; color:#fff;}
#cont1 {background: url(/images/cont_img1.png) no-repeat; }
#cont2 {background: url(/images/cont_img2.png) no-repeat;}

/*container22 */
#container22 {width:1300px; margin:60px auto;}
.c_study {font-size:0;}
#container22 li {width:auto; display:inline-block; font-size:17px; position:relative; margin-right:125px;}
#container22 li:nth-child(3) {margin-right:0;}



#container22 p {margin:-70px 0 0 180px;}
#container22 li:nth-child(2) p{margin:-70px  0 0 144px;}





/* 공지사항 */
#question_box {width:100%; background-color:#f7f7f7; padding:60px 0;}
#qt_box{width:1300px; margin:0 auto; position:relative; }


#notice_box{position:absolute; width:890px; height:140px; top:0; left:410px; background-color:#fff; padding:20px; overflow-y:hidden;}
.notice_title {font-size:19px; color:#0095ff; border-bottom:2px solid #0095ff; padding-bottom:4px; display:inline-block; font-weight:bold; letter-spacing:-0.5px;}
.notice_title a {position:absolute; top:20px; right:20px; font-size:16px;}

.elp_b {position:absolute; bottom:0; left:410px;}
.care_b {position:absolute;  bottom:0; right:0;}

/*파트너사*/
.partner_box {padding:50px 0; background:#fff;}
.partner_box h3 {width:1300px; margin:0 auto 15px; letter-spacing: -0.5px; font-size:22px}
.partner_box ul {font-size:0; width:1300px; margin:0 auto;}
.partner_box li {display:inline-block; width:19%; margin-right: 1.25%; border:1px solid #eee;}
.partner_box li:last-child {margin-right:0}
.partner_box li a {display: block; width:100%; height:100%;}
.partner_box li a img {width:100%}


/* 투데이토크 */
#today_talk{float:left; width:100%; /* margin-top:10px; */ /* background:#dddddd; */ padding:0px 0 30px 0;}
#td_talk{overflow:hidden; width:960px;  height:60px; margin:0 auto; padding-bottom:3px; border-bottom:3px solid #42b085; font-family:Malgun Gothic,'맑은 고딕',dotum,'돋움';}
#talk_box{background:white;}
#td_talk ul li{float:left; /* line-height:75px; */ display:block; }
#td_talk .talk_no{margin-top:35px;}
#td_talk .talk{float:right; font-size:15px; color:#515151;}
/* #td_talk .talk2{padding-right:20px; border-right:2px solid #42b085;} */
#td_talk .talk3{margin-left:20px;}
#td_talk .talk_b1{color:#42b085; font-size:24px; font-weight:bold; letter-spacing:-1px; font-family:'나눔고딕';dotum,'돋움';}
#td_talk .talk_b2{color:#3e76dd; font-size:24px; font-weight:bold; letter-spacing:-1px; font-family:'나눔고딕'; dotum,'돋움';}

#talk_box{overflow:hidden; width:960px; height:424px; margin:0 auto;  border-bottom:1px solid #42b085; font-size:14px; color:#737373; font-family:'나눔고딕';dotum,'돋움';}
#talk_box .tb1 img{vertical-align: middle; margin-left:6px;}

/*  */


/* sns,프로그램다운 */
#infomation_box{float:left; width:100%;}
#info_box{width:960px; margin:0 auto;  margin-bottom:30px; overflow:hidden;}
#info_box ul{float:left;}

.program_dw{display:block; width:470px; height:126px; background:url(/images/program_bg.gif);}
.program_dw li{float:left; margin-top:34px;}
.pr_dw1{padding-left:1px;}

.sns{margin-left:20px;}
/*  */