@charset "utf-8";
/* CSS Document */

.labelNone {position:absolute;width:0;visibility:hidden;}

/* main css : s */
.container .topSlide {width:100%; height:262px; background:#ebebeb url("/images/main/slide_shadow.png") repeat-x top left; }
.container .topSlide .main_slider {width:1100px; margin:0 auto; padding-top:7px; }

.container .mContent {width:1100px; margin:0 auto; }
.container .mContent:after {clear:both; display:block; visibility:hidden; height:0; content:""; }

/* 슬라이드 메뉴 css */
.menu_gnb {position:relative; z-index:9999; }
.gnb {float:left; }
.gnb:after {clear:both; visibility:hidden; display:block; height:0; content:""; }
.gnb > li { position:relative; float:left; }
.gnb ul {display:none; position:absolute; top:46px; left:0; width:100%; z-index:99999; }
.gnb ul.gnb_ul_width01 {width:147px; height:285px; background:url("/images/main/gnb01_bg.png") no-repeat 0 0; }
.gnb ul.gnb_ul_width01 li {margin-left:17px; }
.gnb ul.gnb_ul_width02 li {margin-left:42px; }
.gnb ul.gnb_ul_width03 li {margin-left:44px; }
.gnb ul.gnb_ul_width04 li {margin-left:43px; }
.gnb ul.gnb_ul_width05 {width:150px; }
.gnb ul.gnb_ul_width05 li {margin-left:43px; }
.gnb ul.gnb_ul_width06 li {margin-left:43px; }
.gnb ul.gnb_ul_width07 {width:147px; }
.gnb ul.gnb_ul_width07 li {margin-left:42px; }
.gnb ul li {width:100%; }
.gnb ul li a{display:inline-block; width:100%; padding:11px 0 4px 0; font-size:13px; color:#fff !important; z-index:9999999; }
.gnb ul li a:hover {color:#68cfff !important; font-weight:bold; }
.gnb_bg {display:none; position:absolute; left:0px; top:139px; width:100%; height:285px; background:url('/images/main/bg_sub_gnb_repeat_gr.png') repeat-x; z-index:999; }
.gnb_bg .gp{width:1000px; margin:0 auto; height:285px;}
.gnb_spacing {letter-spacing:-0.5px; }
.gnb span {display:block; }

/*메인 컨텐츠 전체 감싸주는 영역 : s*/
.mContent .mainLeft {width:297px; float:left; }
.mContent .mainMiddle {width:515px; float:left; }
.mContent .mainRight {width:287px; float:left; background:#fff; }
/*메인 컨텐츠 전체 감싸주는 영역 : e*/

/*메인 레프트 tab zone*/
.mainLeft .tab_zone {position:relative; width:286px; height:145px; overflow:hidden; margin-top:27px; }

.mainLeft .tab_zone h3 {position:absolute; top:0; left:0; width:112px; height:43px; }
.mainLeft .tab_zone h3 a {display:block;  height:43px; background:url("/images/main/tab_zone.png") no-repeat; text-indent:-5000px; }
.mainLeft .tab_zone h3.tabM01.on a {background-position:0 -43px; }
.mainLeft .tab_zone h3.tabM02 {left:112px; }
.mainLeft .tab_zone h3.tabM02 a {background-position:-112px 0; }
.mainLeft .tab_zone h3.tabM02.on a {background-position:-112px -43px; }

.mainLeft .tab_zone > div {position:absolute; left:0; top:42px; font-size:13px; font-family:'NanumGothicBold'; width:100%; border-top:1px solid #bababa; }
.mainLeft .tab_zone > div > a {display:block; position:absolute; top:-31px; right:4px; color:#898989; font-size:11px; }
.mainLeft .tab_zone > div > a > span {border-bottom:none; }
.mainLeft .tab_zone ul li {padding:14px 0 0; }

/*교육과정 배너*/
.mainLeft .banner2th {display:block; margin:16px 0; }


/*메인가운데 영역*/
.mainMiddle .middleTop {margin:36px 0 0 19px; }
.mainMiddle .middleTop .news_top {height:33px; }
.mainMiddle .middleTop .news_top h3 {width:450px; float:left; margin-bottom:12px; font-size:18px; font-family:'NanumGothicBold'; }
.mainMiddle .middleTop .news_top h3 span {color:#1c7cc6; padding:1px; margin-right:3px; border-top:1px solid #1c7cc6; }

.middleTop .news_list {overflow:hidden; display:inline-block;}
.middleTop .news_list p {width:161px; float:left; margin-right:19px; }
.middleTop .news_list p img {width:161px; height:119px; }
.middleTop .news_list .news_text {width:270px; float:left; line-height:1.5; padding-left:13px; }
.middleTop .news_list dl {width:295px; float:left; line-height:1.5; }
.middleTop .news_list dl dt {font-family:'NanumGothicBold'; margin-bottom:7px; font-size:13px; }

.middleTop .news_list02 {font-family:'NanumGothicBold'; width:476px; margin-top:20px; }
.middleTop .news_list02 ul li {width:476px; margin-bottom:10px; }
.middleTop .news_list02 ul li a {display:inline-block; width:300px; }
.middleTop .news_list02 ul li span {float:right; font-size:11px; color:#1699dc; margin-right:10px; }

.mainMiddle .middle_box {width:486px; margin:31px 0 17px 8px; background:#d8e8f9; padding-bottom:21px; }
.mainMiddle .middle_box:after {clear:both; display:block; visibility:hidden; height:0; content:""; }

.mainMiddle .quick_link ul {width:100%; overflow:hidden; }
.mainMiddle .quick_link ul li {float:left; width:45px; height:77px; background:url("/images/main/mm_01.jpg") no-repeat 0 0; }
.mainMiddle .quick_link ul li + li {width:73px; background:url("/images/main/mm_02.jpg") no-repeat 0 0; }
.mainMiddle .quick_link ul li + li + li {background:url("/images/main/mm_03.jpg") no-repeat 0 0; }
.mainMiddle .quick_link ul li + li + li + li {background:url("/images/main/mm_04.jpg") no-repeat 0 0; }
.mainMiddle .quick_link ul li + li + li + li + li {width:74px; background:url("/images/main/mm_05.jpg") no-repeat 0 0; }
.mainMiddle .quick_link ul li + li + li + li + li + li {width:74px; background:url("/images/main/mm_06.jpg") no-repeat 0 0; }
.mainMiddle .quick_link ul li + li + li + li + li + li + li {width:74px; background:url("/images/main/mm_07.jpg") no-repeat 0 0; }

.mainMiddle .quick_link ul li span {display:block; }
.mainMiddle .quick_link ul li.quick_1st {color:#1d56a5; font-weight:bold; text-align:center; height:52px; padding-top:25px; }

.mainMiddle .quick_link ul li a {display:inline-block; width:45px; height:77px; text-align:center; color:#c0dbff; line-height:11; font-size:11px; font-weight:bold; } 
.mainMiddle .quick_link ul li + li a {width:73px; }

.middle_box .data_list {width:200px; float:left; padding:0 5px 0 15px; margin-top:21px; border-right:1px solid #fff; font-family:'NanumGothicBold'; }
.middle_box .data_list .data_top {overflow:hidden; }
.middle_box .data_list h3 {width:100px; float:left; font-size:15px; margin-bottom:5px; }
.middle_box .data_list p {width:19px; float:right; margin:2px 5px 0 0; }
.middle_box .data_list ul li {margin-top:13px; }

.middle_box .photo_list {width:250px; float:left; padding:0 0 0 10px; margin-top:21px; border-left:1px solid #b2ceeb; font-family:'NanumGothicBold'; }
.middle_box .photo_list .photo_top {overflow:hidden; }
.middle_box .photo_list .photo_top h3 {width:100px; float:left; font-size:15px; margin-bottom:3px; }
.middle_box .photo_list .photo_top p {width:19px; float:right; margin:2px 9px 0 0; }

.middle_box .photo_list ul {overflow:hidden; font-size:11px; margin-top:20px; margin-bottom:3px; }
.middle_box .photo_list ul li {float:left; width:77px; margin-right:5px; }
.middle_box .photo_list ul li:last-child {margin-right:0; }
.middle_box .photo_list ul li img {width:77px; height:95px; }
.middle_box .photo_list ul li span {display:block; margin-top:9px; }

.sns_box {width:484px; margin-left:8px; border:1px solid #ddd; background:url("/images/main/sns_box_bg.png") repeat-y 0 0; }
.sns_box .sns_top {width:100%; height:38px; background:url("/images/main/sns_bg.png") no-repeat 0 0; }
.sns_box .sns_top p {width:100%; text-align:right; text-indent:15; }
.sns_box .sns_top p img {width:35px; margin:15px 11px 0 0; }

.sns_box .sns_content {width:100%; overflow:hidden; margin:11px 0 12px 17px; }
.sns_box .sns_content p {width:175px; float:left; margin-top:2px; }
.sns_box .sns_content p img {width:175px; height:86px; }
.sns_box .sns_content .sns_text {width:270px; float:left; line-height:1.5; padding-left:13px; }
.sns_box .sns_content span.sns_span {display:block; margin-bottom:7px; }
.sns_box .sns_content span.sns_date {color:#1699dc; letter-spacing:-0.8px; }


/*메인 오른쪽 영역*/
.mainRight .right_top {padding-left:25px; margin:36px 0 0 0; border-left:1px solid #dedede; }
.mainRight .right_top .word_top {height:33px; overflow:hidden; }
.mainRight .right_top .word_top h3 {width:150px; float:left; margin-bottom:12px; font-size:18px; font-family:'NanumGothicBold'; }
.mainRight .right_top .word_top h3 span {display:inline-block; color:#178c4c; padding:1px; margin-right:3px; border-top:1px solid #178c4c; }
.mainRight .right_top .word_top p {width:19px; float:right; padding-right:19px; }

.mainRight .right_top ul li {font-family:'NanumGothicBold'; margin-top:13px; }

.mainRight .right_movie .movie_box {width:285px; margin:40px 0 0 0; padding-bottom:9px; border:1px solid #dbdbdb; }
.mainRight .right_movie .movie_box iframe {margin:4px 0 0 6px; }
.mainRight .right_movie .movie_box p {font-family:'NanumGothicBold'; font-size:13px; margin:6px 0 0 6px; }
.mainRight .right_movie .movie_box p span {color:#178c4c; }

.mainRight .study_link {width:285px; margin-left:0px; padding-bottom:15px; margin-top:14px; font-family:'NanumGothicBold'; border:1px solid #dbdbdb; }
.mainRight .study_link h3 {margin-bottom:11px; font-size:18px; margin:5px 0 7px 6px;}
.mainRight .study_link p.sl_image {margin-left:6px; }
.mainRight .study_link p.study_text {margin:11px 0 0 6px; font-size:13px; font-family:'NanumGothicBold'; }

/*사이드 영역*/
.aside {width:1100px; position:relative; margin:15px auto; overflow:hidden; }
.aside .bannerZone {width:1100px; margin:0 auto; }
.aside .bannerZone ul {overflow:hidden; }
.aside .bannerZone ul li {float:left; }

.aside .bannerZone02 {width:540px; height:60px; float:left; margin:15px 20px 0 0; position:relative; }
.aside .bannerZone02:after {clear:both; display:block; visibility:hidden; height:0; content:""; }

.aside .bannerZone02 .bzContent.left {width:538px; float:left; height:58px; border:1px solid #d3d3d3; z-index:11111; }
.aside .bannerZone02 .bzContent.right {width:540px; float:left; height:58px; border:1px solid #d3d3d3; position:relative; z-index:11111; }

.aside .bannerZone03 {width:540px; height:60px; float:left; margin-top:15px; position:relative; }
.aside .bannerZone03 .bzContent.left {width:538px; float:left; height:58px; border:1px solid #d3d3d3; position:relative; z-index:11111; }

.aside .btnBanner {float: left; padding: 0 0; width:24px !important;}
.aside .btnBanner span {padding-left:;}
.aside .bannerList {overflow: hidden;}
.aside .bannerList li {float: left; padding: 8px 25px 0;}



