@charset "euc-kr";
/* CSS Document */

/*���*/
#homewrap {width:100%;height:35px;background:#f2f2f2;}
#home {width:1000px;height:25px;margin:0 auto;text-align:right;padding-top:10px}

#thankyou_1 {width:100%;height:2900px;position:fixed;top:0;left:0;background:url(/images/fixed/thankyoubg_p.png); z-index:9999}
#thankyou {width:100%;height:2900px;position:fixed;top:0;left:0;background:url(/images/fixed/thankyoubg.png); z-index:9999}
#thankyou_in {width:1000px; height:326px; margin:0 auto; position:relative;} 


#fixed {width:100%;height:127px;position:fixed;bottom:0px;left:0;background:url('/images/fixed/fixed_interview_bg.png'); z-index:999999;}
#fixed_in {position:relative;width:100%;height:127px;margin:0 auto;text-align:center}

/*#fixed {width:100%;height:70px;position:fixed;bottom:0;left:0;background:#00cdf2 repeat-x 0 bottom;z-index:9990}*/
/*#fixed_in {position:relative;width:1000px;height:70px;margin:0 auto;}*/

#header_wrap {width:1280px;height:82px;margin:0 auto}
#header {width:1000px;height:82px;margin:0 auto;position:relative;}
.top_navi {position:absolute;right:47px;top:10px;}
.top_navi li {float:left;margin-right:7px;padding-left:7px;background:url(/images/t_divide.jpg) no-repeat 0 2px;}
.top_navi li.first {background:none}
.top_navi li a:link, #top_navi ul li a:visited {color:#202020;text-decoration:none;font-size:11px}
.top_navi li a:hover {text-decoration:underline;}
#logo {width:160px;height:66px;position:absolute;top:10px;left:40px}
#logo p {margin-left:62px}
#logo h1 {}

.line {width:100%;height:2px;background:#0e3226}
.line1 {width:100%;height:2px;background:#0f3327}
.line3 {width:100%;height:2px;background:#0b74df}


/*���γ׺���̼�*/
.gnb {width:700px;height:47px;position:absolute;right:54px;top:35px;}
.gnb li.gnb01, .gnb li.gnb02, .gnb li.gnb03, .gnb li.gnb04, .gnb li.gnb05, .gnb li.gnb06 {float:left;position:relative;}
.gnb li ul {position:absolute;z-index:999;display:none;font-size:15px;font-weight:bold;}
.gnb li:hover ul {display:block}
.gnb li ul.sub01 {background:url(/images/subbg01.png) no-repeat;width:1000px;height:275px;left:-262px}
.gnb li ul.sub02 {background:url(/images/subbg02.png) no-repeat;width:1000px;height:299px;left:-377px}
.gnb li ul.sub03 {background:url(/images/subbg03.png) no-repeat;width:1000px;height:340px;left:-500px}
.gnb li ul.sub04 {background:url(/images/subbg04.png) no-repeat;width:1000px;height:325px;left:-625px}
.gnb li ul.sub05 {background:url(/images/subbg05.png) no-repeat;width:1000px;height:263px;left:-731px}
.gnb li ul.sub06 {background:url(/images/subbg06.png) no-repeat;width:1000px;height:250px;left:-849px}
.gnb li ul li {width:450px;height:23px;background:url(/images/line.jpg) repeat-x 0 top;margin-left:500px;padding-top:10px}
.gnb li ul li a:link, .gnb li ul li a:visited {color:#0e3226;text-decoration:none}
.gnb li ul li a:hover {color:#888;text-decoration:none}
.gnb li ul li.first {margin-top:18px;background:none}


/*�����̹���*/
#main {width:100%;height:369px;margin:0 auto;position:relative;}
#main1280 {width:1280px;height:369px;margin:0 auto;}
#main div {position:absolute;z-index:1}
#main_01 {width:100%;height:369px;background:url(/images/main.jpg) no-repeat center center;margin:0 auto;}
#main_02 {width:100%;height:369px;background:url(/images/main02.jpg) no-repeat center center;margin:0 auto;}
#main_03 {width:100%;height:369px;background:url(/images/main03.jpg) no-repeat center center;margin:0 auto;}
#main_04 {width:100%;height:369px;background:url(/images/main04.jpg) no-repeat center center;margin:0 auto;}
#main_05 {width:100%;height:369px;background:url(/images/main05.jpg) no-repeat center center;margin:0 auto;}
#main_06 {width:100%;height:369px;background:url(/images/main06.jpg) no-repeat center center;margin:0 auto;}
#btnwrap {width:1000px;margin:0 auto;position:relative;}
.vbtn {position:absolute;z-index:99;height:26px;width:1000px;margin:0 auto;text-align:center;top:-40px;}
.vbtn .vnext img {margin-right:20px}


/*���޴� call �α���*/
#center_wrap {width:1280px; margin:0 auto}
#center {width:1200px; height:129px; margin:0 auto; position:relative; padding-top:22px;}
#center #quick { height:107px; float:left; padding-left:100px; margin-left:10px; background:url(/img_2015/quick_icon.jpg) no-repeat 0 0}
#center #quick ul li {float:left; margin-right:7px; width:95px; height:107px;}
#center #quick ul li.last {margin:0;}
#center #loginwrap {width:304px; height:107px; float:right; margin-right:100px}

#login {width:304px;padding-top:10px;}
#login ul li {float:left;margin-right:8px;}
#login ul li .user_id, #login ul li .pw {width:114px;height:26px;background:#dedede;border:0}
#login ul li.t3 {margin:0}
#login p {margin-bottom:5px;font-weight:bold}
#login p a:link, #login p a:visited, #login p a:hover {color:#0e3226}


#pop {position:absolute;top:0px;left:180px;width:244px;height:248px;z-index:998}
#pop2 {position:absolute;top:110px;left:850px;width:240px;height:235px;z-index:998}
#pop3 {position:absolute;top:-47px;left:855px;width:293px;height:304px;z-index:998}


/*�Խ���*/
#board_ww {width:100%;height:255px;margin:0 auto;background:#f2f2f2;}
#boardwrap_1280 {width:1280px;height:190px;margin:0 auto;background:#f2f2f2;}
#boardwrap {width:1000px;height:165px;margin:0 auto;padding-top:25px}
#board_01 {width:482px;height:200px;border:#e2e2e2 1px solid;float:left;background:#fff url(/images/news.jpg) no-repeat;box-shadow:1px 1px 1px 1px #e2e2e2;position:relative;}
#board_02 {width:482px;height:200px;border:#e2e2e2 1px solid;float:right;background:#fff url(/images/online.jpg) no-repeat;box-shadow:1px 1px 1px 1px #e2e2e2;position:relative}
.date {position:absolute;right:20px;}

/*���䰶����*/
#photowrap {width:1280px;height:97px;margin:0 auto;}
#photo {width:1000px;height:62px;margin:0 auto;padding-top:35px}
#photo img {margin-right:10px}
.photo_title {font-weight:bold;margin-bottom:5px;font-size:13px}


/*������*/
#samwrap {width:100%;height:633px;background:#dedede url(/images/sam_bg_2015.jpg) no-repeat center 0;position:relative;}
#sam_cen_wrap {width:1280px;margin:0 auto;}
#sam_cen {width:1000px;height:566px;margin:0 auto;}
#sam_cen #samtit {width:1000px;height:140px;margin:0 auto;background:url(/images/sam_title.png) no-repeat center 40px}
#sam_cen #samtop {width:1000px;height:212px;}
#sam_cen #samtop div a {float:left;border:#c7c7c7 1px solid;margin-right:2px}
#samtop #sam_01 a {width:293px;height:210px;background:url(/images/sam_02.jpg) no-repeat}
#samtop #sam_02 a {width:293px;height:210px;background:url(/images/sam_01.jpg) no-repeat}
#samtop #sam_03 a {width:200px;height:210px;background:url(/images/sam_03.jpg) no-repeat}
#samtop #sam_04 a {width:200px;height:210px;background:url(/images/sam_04.jpg) no-repeat;margin-right:0 !important}

#sam_cen #sambot {width:1000px;height:214px;padding-top:2px}
#sam_cen #sambot div a {float:left;border:#c7c7c7 1px solid;margin-right:2px;}
#sambot #sam_05 a {width:130px;height:210px;background:url(/images/sam_05.jpg) no-repeat}
#sambot #sam_06 a {width:194px;height:210px;background:url(/images/sam_06.jpg) no-repeat}
#sambot #sam_07 a {width:130px;height:210px;background:url(/images/sam_07.jpg) no-repeat}
#sambot #sam_08 a {width:130px;height:210px;background:url(/images/sam_08.jpg) no-repeat}
#sambot #sam_09 a {width:130px;height:210px;background:url(/images/sam_09.jpg) no-repeat}
#sambot #sam_10 a {width:130px;height:210px;background:url(/images/sam_10.jpg) no-repeat}
#sambot #sam_11 a {width:130px;height:210px;background:url(/images/sam_11.jpg) no-repeat;margin-right:0 !important}

#sam_cen #samtop div a:hover {border:#0e3226 1px solid;text-decoration:none}
#sam_cen #sambot div a:hover {border:#0e3226 1px solid;text-decoration:none}



.sam_title {font-size:13px;font-weight:normal}
.sam_na {font-size:10.5px;line-height:16px;color:#222222;background:#b3b3b3}
.sam_bg {background:#0e3226;color:#ffffff;}

/*���ѱ������п��ΰ�*/
#whytit {width:1280px;height:80px;margin:0 auto;background:url(/images/why_title.jpg) no-repeat center 15px;}
#why {width:100%;height:175px;margin:0 auto;position:relative;background:#312eb3}
#why #slider_wrap {width:1280px;height:175px;margin:0 auto;background:#312eb3}
#why #slider {width:1000px;height:175px;margin:0 auto;overflow:hidden;background:#312eb3 url(/images/why_bg.jpg) no-repeat center}
#why #slider .sliderinner {width:4000px;}
#why #slider .sliderinner p {float:left;}

#btn_wrap {width:1280px;margin:0 auto}
.ebnbtn {width:120px;margin:20px auto 50px;height:15px}
.ebnbtn ul li {float:left;width:20px;height:20px;margin:0 5px;background:#c9c9c9;cursor:pointer;text-align:center}
.ebnbtn ul li.on {background:#322fb5;color:#fff}


/*����������*/
#bot_wrap {width:1280px;height:23px;margin:0 auto 40px;padding:12px}
#bot {width:1000px;height:23px;margin:0 auto;background:#322fb5;padding:12px}
#bot ul {margin-left:17px}
#bot ul li {float:left;margin-left:25px;padding-right:25px;background:url(/images/l_divide.jpg) repeat-y right 0}
#bot ul li.last {background:none}


#cowrap {width:100%;background:url(/images/co_bg.jpg) repeat-x;height:85px;}
#cowrap_1280 {width:1280px;background:url(/images/co_bg.jpg) repeat-x;height:85px;margin:0 auto}
#co {width:1000px;margin:0 auto;}
#co dd {float:left;margin-top:15px;margin-bottom:15px}
#co dd.first {margin-left:0px}

/*Ǫ��*/
#footerwrap {width:100%;height:60px;background:#e9e9e9;}
#footerwrap_1280 {width:1280px;height:60px;margin:0 auto;background:#e9e9e9;}
#footer {width:1000px;height:60px;margin:0 auto;position:relative}
#footer ul.family_01 {position:absolute;top:7px;left:0px;}
#footer ul li {float:left;margin-top:10px}
#footer ul li.second {margin:0 22px 0 0}
#footer ul li.first {margin:0}
#footer ul li.last {margin-left:18px}

#copywrap {width:100%;height:200px;background:#666;}
#copywrap_1280 {width:1280px;background:#666;margin:0 auto}
#copy {width:1000px;height:100px;margin:0 auto;position:relative;}
#copy p.address {position:absolute;right:15px;bottom:26px;font-size:10.5px;color:#CCC;}
#copy p.copyright {position:absolute;right:15px;bottom:8px;font-size:10.5px;color:#CCC;}
#copy ul.f_menu {position:absolute;right:8px;top:10px;font-size:10.5px;}
#copy ul li {float:left;margin-right:8px;}
#copy ul li a {color:white}
#copy p.f_logo {position:absolute;left:15px;bottom:10px;}
#copy p.blog {position:absolute;left:180px;bottom:20px;}
#copy p.facebook {position:absolute;left:220px;bottom:20px;}
#copy p.select {position:absolute;left:270px;bottom:25px}


#sitemapwrap {width:100%;height:250px;background:#666;}
#sitemapwrap_1280 {width:1280px;height:250px;background:#666;margin:0 auto}
#sitemap {width:1000px;height:250px;margin:0 auto;position:relative;}
#sitemap ul.site_main {margin-left:75px;padding-top:30px}
#sitemap ul.site_main li.menu {float:left;margin-right:60px;font-size:16px;font-weight:bold;color:#CCC;}
#sitemap ul.site_main ul.site_sub {margin-top:7px;}
#sitemap ul.site_main ul.site_sub li {font-size:13px;font-weight:normal;margin-bottom:4px;}
#sitemap ul.site_main ul.site_sub li a {color:#f2f2f2}



/*�հ��ھȳ�*/
#hap_top {width:100%;height:1956px;background:#ffc000}
#hap_1 {width:100%;height:204px;background:#ffc000}
#hap_in_1 {width:1000px;height:204px;margin:0 auto}
#hap_2 {width:1000px;height:919px;margin:0 auto}
#hap_3 {width:100%;height:99px;background:#ffbb02}
#hap_in_3 {width:1000px;height:99px;margin:0 auto}
#hap_4 {width:100%;height:6px;background:#101715;margin-bottom:50px}


/*�̿���*/
#person_line {width:100%;height:76px;background:#0e3226}
#person_line ul {width:724px;height:76px;margin:0 auto;}
#person_line ul li {width:228px;height:76px;margin-right:20px;float:left;}
#person_in a li#person_01 {background:url(/images/sub/person_out1.jpg) no-repeat;}
#person_in a li#person_01:hover {background:url(/images/sub/person_on1.jpg) no-repeat;}
#person_in a li#person_02 {background:url(/images/sub/person_out2.jpg) no-repeat;}
#person_in a li#person_02:hover {background:url(/images/sub/person_on2.jpg) no-repeat;}
#person_in a li#person_03 {background:url(/images/sub/person_out3.jpg) no-repeat;margin:0}
#person_in a li#person_03:hover {background:url(/images/sub/person_on3.jpg) no-repeat;}


#person_content {width:940px;margin:0 auto;}
#person_content ul li form textarea {width:940px;height:150px;font-family:'NanumGothic'}
#person_content ul li {margin-bottom:30px}
#person_content ul li#content1, #person_content ul li#content_mail {padding-top:30px}

#person_content ul li#content_100 form textarea {width:940px;height:100px}
#person_content ul li#content_mail form textarea {width:940px;height:80px;}

.person_title_color {font-size:20px;color:#0e3226;margin-bottom:10px;display:block}



/*���̵���ã��*/
#idsearchwrap {width:1000px;margin:0 auto;height:500px;padding-top:30px}
#idsearch {width:440px;height:240px;float:left;padding-left:20px}
#pwsearch {width:440px;height:240px;float:right;;padding-right:20px;clear:right}
#idsearch table, #pwsearch table {font-size:18px;}
#idsearch .search_id, #pwsearch .search_id, #idsearch .search_pw, #pwsearch .search_pw {height:20px}
#idsearch form input, #pwsearch form input {margin-left:20px}
#idsearch form select, #pwsearch form select {margin-left:20px;margin-right:5px}


/*ȸ������*/
#joinwrap {width:1000px;margin:0 auto;padding-top:30px}



/*�ѱ��̼Ұ�������*/
#hankuk_01 {width:100%;background:#cde2f8 url(/images/sub/hankuk_01.jpg) no-repeat center center;height:777px}
#hankuk_02 {width:100%;height:91px;background:#20219e}
#hankuk_02_in {width:1000px;height:91px;margin:0 auto}
#hankuk_03 {width:100%;height:56px;background:#cde2f8}
#hankuk_04 {width:100%;height:249px;background:#fff59f;text-align:center}
#hankuk_04_in {width:1000px;height:249px;margin:0 auto}
#hankuk_041 {width:100%;height:100px;background:#ff4620;text-align:center}
#hankuk_041_in {width:1000px;height:100px;margin:0 auto}
#hankuk_05 {width:100%;height:750px;background:#3c1f17;text-align:center}
#hankuk_05_in {width:1000px;height:643px;margin:0 auto}




/*���⹮������������̺�Ʈ*/
#police_gc_01 {width:100%;height:920px; background:url(/images/2015_event/police_gichul/police_gc_01bg.jpg) no-repeat center 0;position:relative;}
#police_gc_01_in {width:1000px;height:920px;margin:0 auto;}


#police_gc_02 {width:100%;height:920px; background:url(/images/2015_event/police_gichul/police_gc_02bg.jpg) no-repeat center 0;position:relative;}
#police_gc_02_in {width:1000px;height:920px;margin:0 auto;}



/*행복한교실 선생님 강의 계획서 탭 (5개) 
.tab_menu a{float:left;width:199.2px;height:110px;background:url(/lecture/img/tabst_003.png) 0 0 no-repeat;line-height:999px;overflow:hidden}

.tab_menu:after{content:" "; display:block; clear:both;}
.tab_menu a.tabm{background-position:0 0px;} 
.tab_menu a.tabm2{background-position:-200px 0px;} 
.tab_menu a.tabm3{background-position:-400px 0px;}
.tab_menu a.tabm4{background-position:-600px 0px;} 
.tab_menu a.tabm5{background-position:-800px 0px;} 

.tab_menu a.tabm:hover,.tab_menu a.tabm.selected{background-position:0 -110px;} 
.tab_menu a.tabm2:hover,.tab_menu a.tabm2.selected{background-position:-200px -110px;}
.tab_menu a.tabm3:hover,.tab_menu a.tabm3.selected{background-position:-400px -110px;}
.tab_menu a.tabm4:hover,.tab_menu a.tabm4.selected{background-position:-600px -110px;}
.tab_menu a.tabm5:hover,.tab_menu a.tabm5.selected{background-position:-800px -110px;}
*/



/*행복한교실 선생님 강의 계획서 탭 4개*/
.tab_menu a{float:left; width:249px; height:110px; background:url(/lecture/img/tabst_002_220629.png) 0 0 no-repeat; line-height:999px; overflow:hidden}

.tab_menu:after{content:" "; display:block; clear:both;}
.tab_menu a.tabm3{background-position:0 0px;} /*1번째 클릭했을때*/
.tab_menu a.tabm2{background-position:-249.5px 0px;} /*1번째 클릭했을때 - 2번째 탭 마우스아웃된 상태 이미지 위치-좌측이 시작점*/
.tab_menu a.tabm4{background-position:-499px 0px;} /*1번째 클릭했을때 - 3번째 탭 마우스아웃된 상태 이미지 위치-좌측이 시작점*/
.tab_menu a.tabm5{background-position:-748px 0px;} /*1번째 클릭했을때 - 4번째 탭 마우스아웃된 상태 이미지 위치-좌측이 시작점*/

.tab_menu a.tabm3:hover,.tab_menu a.tabm3.selected{background-position:0 -110px;} /*1번째 클릭했을때 - 선택된 이미지 높이값*/
.tab_menu a.tabm2:hover,.tab_menu a.tabm2.selected{background-position:-249.5px -110px;}
.tab_menu a.tabm4:hover,.tab_menu a.tabm4.selected{background-position:-499px -110px;}
.tab_menu a.tabm5:hover,.tab_menu a.tabm5.selected{background-position:-748px -110px;}


/*게시판 pc모드 모바일모드*/
#web1 {display:block; padding:0}
#mobile1 {display:none;}
@media (max-width: 991px) {
#web1 {display:none !important;}
#mobile1 {display:block; margin-bottom:-20px}
}
@media all and (max-width:767px) {
#web1 {display:none !important;}
#mobile1 {display:block;  margin-bottom:-20px}
}