@charset "utf-8";
@import url(//fonts.googleapis.com/earlyaccess/notosanskr.css); 
@import url(sub.css);

/* reset */
* { -webkit-tap-highlight-color: rgba(0, 0, 0, 0);margin:0;padding:0;}
html {font-family:'Noto Sans KR', sans-serif;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%; font-weight:400;color:#333; /* letter-spacing: -1px; */font-size:14px;line-height:140%;overflow-y:scroll;height:100%;}
body {height:100%;/* text-align:left !important; */}
html,body,div,p,span,a,img,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,form,input,select,textarea,button,label,fieldset,table,tr,td,th,tbody,thead,tfoot,caption,video,strong,em,i,b{margin:0;padding:0; box-sizing:border-box; -moz-box-sizing:border-box}
html::-webkit-scrollbar {width:0; height:0; background:none;}
img,a,fieldset{border:0 none;}
ul,ol,li{list-style:none}
img {border:0;}
table {border-collapse: collapse;border-spacing: 0;}
/* li, p, dt, dd, div, span {word-break:break-all;} */
legend,caption {display:none;}

a{text-decoration:none;color:#333;}
a:focus, input:focus, button:focus{outline:none}
a,span,strong,p,em,i.b{line-height:inherit; color:inherit; font-size:inherit}
a:hover {
	color:#00428f;
	-ms-transition: all .1s;
	-webkit-transition: all .1s;
	-o-transition: all .1s;
	-moz-transition: all .1s;
	transition: all .1s;
}

/* ::selection {background:#0e6eb8;color:#fff;}
::-moz-selection {background:#0e6eb8;color:#fff;} */

input[type=text], input[type=password], input[type=tel], select { border:1px solid #ccc; }
input[type=text]:focus, input[type=password]:focus, input[type=tel]:focus { border:1px solid #1165ad !important; }


/* 공통 */
.fl {float:left;}
.fr {float:right;}
.clearfix:after {content:"";display:block;height:0;clear:both;visibility:hidden;}
::-webkit-input-placeholder {color:#999 !important;font-size:12px;}
::-moz-placeholder {color:#999 !important;font-size:12px;}
:-ms-input-placeholder{color:#999 !important;font-size:12px;}
:-moz-placeholder{color:#999 !important;font-size:12px;}

/* .txt_point {color:#00428f;} */
.txt_point {color:#3368a5;}
.txt_point2 {color:#e50013;}
.txt_c {text-align:center;}

.mt10 {margin-top:10px;}
.mt20 {margin-top:20px;}
.mr10 {margin-right:10px;}
.ml10 {margin-left:10px;}
.mb10 {margin-bottom:10px;}
.mb20 {margin-bottom:20px;}


/* 버튼 */
a:hover, input[type=submit]:hover, input[type=button]:hover {
	-ms-transition: all .1s;
	-webkit-transition: all .1s;
	-o-transition: all .1s;
	-moz-transition: all .1s;
	transition: all .1s;
}

/* layout */
#wrap { width:100%; height:100%; }
/* #headerWrap { width:100%; background:url(../images/common/header_bg.gif) 0 0 repeat-x;} */
#header { width:100%; }
#header .top_area { width:1100px; margin:0 auto; overflow:hidden; text-align:right; padding-top:20px;}
#header .top_area ul { float:right;}
#header .top_area ul li { float:left; padding:0 10px; background:url(../images/common/bar.gif) right 6px no-repeat;font-size:13px;}
#header .top_area ul li:last-child { padding-right:0; background:none;}
#header .logo_sch_area { width:1100px; margin:0 auto; clear:both; overflow:hidden; padding:5px 0 13px 0;}
#header .logo_sch_area h1 { float:left;}
#header .sch_area { float:right; position:relative; width:380px; height:37px;}
#header .sch_area input[type=text] { position:absolute; top:0; left:0; width:330px; height:37px; line-height:37px; padding-left:10px; border:1px solid #ccc; }
#header .sch_area input[type=image] { position:absolute; top:5px; right:65px;}
#header .btn_sitemap { display:block; position:absolute; right:0; width:45px; height:37px; border:1px solid #ccc; text-align:center; cursor:pointer; }
#header .btn_sitemap img { margin-top:9px;}
#header .btn_sitemap:hover { background:#f8f8f8;}

#navi { width:100%; position:absolute; z-index:920; background:#fff; background:#054c95; }
#navi .navi_area { margin:0 auto; width:1100px; height:52px; background:#054c95; }
/* .sub_nav_bg { left:0; top:147px; width:100%; height:0; background:url(../images/common/sub_nav_bg.gif) 0 0 repeat-x; overflow:hidden; position:absolute; display:none; z-index:910; }  */
.sub_nav_bg { left:0; top:95px; width:100%; height:0px; background:url('../images/common/sub_nav_bg.gif'); overflow:hidden; position:absolute; display:none; z-index:910; }
.sub_nav_img { margin-left:250px; left:50%; top:48px; width:329px; height:167px; position:absolute; display:none; z-index:900; }
.nav { margin:0 auto; width:1100px; height:52px; overflow:hidden; }
.nav_dep1 { height:52px; line-height:52px; }
.nav > ul { overflow:hidden; }
.nav > ul > li { position:relative; width:183px; height:100%; color:#fff; font-size:18px; text-align:center; float:left; }
.nav > ul > li > a { color:#fff; font-size:18px; }
.nav > ul > li a { display:block; }
.nav > ul > li.selected { background:#054c95; }
.nav > ul > li > .sub_nav { height:300px !important; /* margin:18px 0 0 0; */ border-right:1px solid #ccc; }
.nav > ul > li > .sub_nav > li { height:35px; padding:7px 20px; font-size:14px; color:#333; text-align:left; cursor:pointer; letter-spacing:-0.8px; }
.nav > ul > li > .sub_nav a:hover { color:#fff; }
.nav > ul > li.selected > .nav_dep1 { display:block; background:#004076; width:100%;  }
.nav > ul > li.selected > .sub_nav li { color:#fff; }
.nav > ul > li.selected > .sub_nav li:hover { background:#004076; color:#fff; }
.nav .sub_nav_dep3 { margin-top:10px; }
.nav .sub_nav_dep3 li:hover { background:none !important; text-decoration:underline; }
.nav .nav_more { position:absolute; bottom:10px; right:20px; text-align:right; text-decoration:underline; font-size:13px; color:#333; }
.nav > ul > li.selected > .nav_more { color:#fff; }
/* .gnb_on .nav_dep1 { background:#004076; } */

#footerWrap { width:100%; height:145px; background:url(../images/common/footer_bg.gif) 0 0 repeat-x; }
#footer { position:relative; width:1100px; margin:0 auto; }
.footer_top { overflow:hidden; height:45px; }
.footer_top .footer_menu { float:left; padding:12px 0; }
.footer_top .footer_menu li { float:left; padding:0 8px; background:url(../images/common/f_menu_bar.gif) right 5px no-repeat; }
.footer_top .footer_menu li:last-child { background:none; }
.footer_top .footer_menu li a { color:#dadada; }
.footer_top .footer_menu li a:hover { color:#fff; }
.footer_top .fr { margin-top:6px; }
.footer_top .fr ul { overflow:hidden; float:left; }
.footer_top .fr ul li { float:left; margin-left:5px; }
.footer_top .family_slct { float:left;  }
.footer_top .family_slct ul ul { display:none; position:absolute; right:0; bottom:115px; width:150px; background:#0e1b26; }
.footer_top .family_slct > ul > li { width:150px; height:30px; line-height:30px; margin:3px 0 0 10px; padding-left:10px; background-color:#0e1b26; background-image:url(../images/common/arrow_down.png); background-repeat:no-repeat; background-position:130px 13px; font-size:13px; color:#fff; }
.footer_top .family_slct ul li:hover ul { display:block; z-index:99999; }
.footer_top .family_slct ul ul li { width:100%; cursor:pointer; }
.footer_top .family_slct ul ul li:hover { color:#1da1f2; }

.footer_bottom { overflow:hidden; }
.footer_bottom .f_logo { float:left; margin-right:25px; padding-top:35px; }
.footer_bottom div { float:left; width:850px; padding-top:20px; font-size:13px; color:#b8bcc0; }
.footer_bottom div ul { overflow:hidden; }
.footer_bottom div ul li { float:left; padding:0 8px; background:url(../images/common/f_menu_bar.gif) right 5px no-repeat; }
.footer_bottom div ul li:nth-child(1), .footer_bottom div ul li:nth-child(6), .footer_bottom div ul li:last-child { padding:0 8px 0 0; }
.footer_bottom div ul li:nth-child(5), .footer_bottom div ul li:nth-child(8) { background:none; }

#quickWrap {position:absolute;top:200px;left:55%;margin-left:580px;z-index:1000;}
#quick {position:fixed;}
.quick_list { background:#fff; border:1px solid #ccc; width:100px; }
.quick_list p { position:absolute; left:-10px; }
.quick_list ul li:first-child { padding:36px 0 0 0; }
.quick_list a { display:block; width:100%; padding:13px 0; font-size:12px; text-align:center; color:#666; letter-spacing:-1px; line-height:13px; border-bottom:1px solid #ccc;
	-ms-transition: all .1s;
	-webkit-transition: all .1s;
	-o-transition: all .1s;
	-moz-transition: all .1s;
	transition: all .1s;
}
.quick_list a:hover { background:#fcfcfc; color:#ef2f2f; }
.quick_list a .img{ display:block; width:100px; height:32px; }
.quick_menu01 .img { background:url(../images/common/quick_icon01.png) center 0 no-repeat; }
.quick_menu02 .img { background:url(../images/common/quick_icon02.png) center 0 no-repeat; }
.quick_menu03 .img { background:url(../images/common/quick_icon03.png) center 0 no-repeat; }
.quick_menu04 .img { background:url(../images/common/quick_icon04.png) center 0 no-repeat; }
.quick_menu05 .img { background:url(../images/common/quick_icon05.png) center 0 no-repeat; }
.quick_menu06 .img { background:url(../images/common/quick_icon06.png) center 0 no-repeat; }
.quick_menu07 .img { background:url(../images/common/quick_icon07.png) center 0 no-repeat; }
#quick .top_btn { display:block; margin-top:10px; width:100px; background:url(../images/common/btn_top.png) center 0 no-repeat; cursor:pointer; text-align:center; }
#quick .top_btn {padding-top:13px;}
#quick .top_btn:hover {background-color:#fcfcfc;}

/* sitemap_popup */
#layer_sitemap {position:absolute;width:100%;height:100%;z-index:5000;/* background:url(../images/sitemap_bg.png); */}
#sitemap {position:relative;width:1100px;margin:100px auto;padding:40px 30px;background:#fff;box-shadow:0 0 15px #666;}
#sitemap h3 {font-size:24px;color:#054c95;border-bottom:2px solid #054c95;padding-bottom:15px;margin-bottom:15px;}
#sitemap_content {overflow:hidden;background:#fff;}
.sitemap_menu {float:left;width:19.2%;height:320px;margin-right:1%;}
.sitemap_menu:nth-child(5n) {margin-right:0;}
.sitemap_menu:last-child {height:130px;}
.sitemap_menu h4 {margin-bottom:5px;padding:10px;font-size:15px;color:#333;background:#f4f4f4;}
#sitemap ul li {line-height:34px;font-size:14px;padding-left:10px;color:#666;}
.sitemap_menu > ul li {border-bottom:1px dotted #aaa;}
.sitemap_menu .sitemap_dep3 li { font-size:14px; }
.sitemap_menu .sitemap_dep3 li:last-child { border-bottom:none !important; }
#sitemap ul li ul li{line-height:24px;font-size:13px;}
#sitemap .nav_more { display:block; margin-top:5px; text-align:right; }
.btn_close {position:absolute;top:35px;right:30px;cursor:pointer;}
.btn_close img {width:85%;}


/* 로그인 */
#loginLayer #dialog { width:420px; height:340px; padding:35px 30px; border-top:8px solid #054c95; background-color:#fff; }
#loginLayer .window { position:absolute; top:0; left:0; width:420px; height:340px; display:none; z-index:10001;}
#mask { position:absolute; top:0; left:0; z-index:10000; background-color:#000; }
#dialog .login_tit h2 { font-size:30px; font-weight:500; color:#054c95; margin-bottom:14px; }
#dialog .login_tit p { font-size:13px; color:#666; margin-top:-4px; }
#dialog .login_input_wrap { overflow:hidden; margin:15px 0; }
#dialog .login_input_wrap .input_box { position:relative; width:230px; height:42px; margin-bottom:6px; }
#dialog .login_input_wrap .input_box label { position:absolute; top:12px; left:10px; z-index:10; }
#dialog .login_input_wrap input[type=text], #dialog .login_input_wrap input[type=password] { position:absolute; top:0; left:0; background:#f8f8f8; width:100%; height:100%; border:1px solid #ddd; padding-left:8px; }
#dialog .login_input_wrap .fr { width:120px; height:90px; }
#dialog .login_input_wrap .btn_login { display:block; width:100%; height:100%; line-height:90px; background:#054c95; color:#fff; text-align:center; font-size:16px; font-weight:500; }
#dialog .forget li { font-size:13px; margin-bottom:6px; padding-left:8px; background:url(../images/sub/bullet_blue.gif) 0 8px no-repeat; }
#dialog .forget li span { display:inline-block; width:60%; }
#dialog .forget li .btn_s_gra { padding:1px 10px; font-size:12px; }
#dialog .btn { position:absolute; top:15px; right:15px; }


/* 메인 */
#mainContainer { width:1100px; margin:0 auto; }
.main_visual .bx-wrapper { margin:0 auto 40px; min-width:1200px; }
.main_visual .bx-wrapper .slide { position:relative; width:100%; height:450px; }
.main_visual .bx-wrapper .slide .left, .main_visual .bx-wrapper .slide .right { display:block; width:50%; height:450px; position:absolute; }
.main_visual .bx-wrapper .slide .left img, .main_visual .bx-wrapper .slide .right img { height:100%; } 
.main_visual .bx-wrapper .slide .left { left:0; }
.main_visual .bx-wrapper .slide .right { right:0; }

/* @media (max-width:1700px) and (min-width:1200px){
	.main_visual .bx-wrapper .slide .left { left:-150px; }
	.main_visual .bx-wrapper .slide .right { right:-150px; }
} */
.slide_copy { display:block; position:absolute; top:115px; color:#fff; }
.slide_copy span { display:block; }
.main_visual .bx-wrapper .slide .left  .slide_copy { text-align:right; right:50px; }
.main_visual .bx-wrapper .slide .right  .slide_copy { text-align:left; left:50px; }
.slide_copy .copy_top { font-size:20px; height:20px; margin-bottom:10px; }
.slide_copy .copy_tit { font-size:36px; height:36px; margin-bottom:20px; }
.slide_copy .copy_txt { font-size:15px; letter-spacing:-0.5px; color:#f5f5f5; margin-bottom:30px; }
.slide_copy .btn_more { display:inline-block; border:1px solid #ccc; padding:0 45px; height:40px; line-height:40px; }
.slide_copy .btn_more:hover { background:rgba(255,255,255,0.2); }


/* 마감임박 */
.deadline_edu_wrap { margin-bottom:40px; }
.deadline_edu_wrap h2{ font-size:24px; font-weight:normal; line-height:24px; text-align:center; background:url(../images/main/tit_line.gif) 0 13px no-repeat; margin-bottom:20px; }
.deadline_edu_wrap h2 .clock { display:inline-block; margin-right:6px; width:33px; height:30px; background:url(../images/main/icon_clock.gif) 0 0 no-repeat; vertical-align:bottom; }
.deadline_edu_wrap h2 .bg_blue { display:inline-block; width:93px; height:30px; padding-top:2px; background:#054c95; color:#fff; }
.deadline_edu_wrap h2 .bg_black { display:inline-block; width:93px; height:30px; padding-top:2px; background:#333; color:#fff; }

.deadline_edu_list { overflow:hidden; }
.deadline_edu { float:left; width:200px; margin-right:25px; }
.deadline_edu:last-child { margin-right:0; }
.deadline_edu .edu_img { display:block; overflow:hidden; margin-bottom:10px; border:1px solid #ccc; width:200px; height:150px; }
.deadline_edu .edu_img img { width:100%; height:100%; 
	-webkit-transform:scale(1);
    -moz-transform:scale(1);
    -ms-transform:scale(1); 
    -o-transform:scale(1);  
    transform:scale(1); 
	-webkit-transition:.3s;
    -moz-transition:.3s;
    -ms-transition:.3s;
    -o-transition:.3s;
    transition:.3s;
}
.deadline_edu a:hover .edu_img img{
	-webkit-transform:scale(1.1);
    -moz-transform:scale(1.1);
    -ms-transform:scale(1.1);   
    -o-transform:scale(1.1);
    transform:scale(1.1); 	
}
.deadline_edu .edu_info { display:block; overflow:hidden; font-size:13px; }
.deadline_edu .edu_info .process { display:inline-block; float:left; border:1px solid #ddd; padding:0 10px; }
.deadline_edu .edu_info .process01 { color:#2172b8; }
.deadline_edu .edu_info .process02 { color:#e14747; }
.deadline_edu .edu_info .process03 { color:#1da35c; }
.deadline_edu .edu_info .open_date { float:right; }
.deadline_edu .edu_tit { display:block; clear:both; margin-top:3px; font-weight:500; }

/* 게시판&지식도서 */
.board_book_wrap { overflow:hidden; margin-bottom:40px; }
.board_wrap { float:left; width:875px; }
.board_wrap h2 { font-size:20px; font-weight:normal; margin-bottom:15px; }
.board_wrap .btn_more { position:absolute; top:19px; right:21px; padding:4px; }
.board_wrap .btn_more:hover { background:#f4f4f4; }
.ceo { position:relative; float:left; width:290px; height:265px; padding:23px 25px 25px 25px; border-top:3px solid #459cac; border-right:1px solid #ccc; border-bottom:1px solid #ccc; border-right:1px solid #ccc; border-left:1px solid #ccc; }
.ceo .movie_area { width:240px; height:135px; }
.ceo .movie_area img { width:100%; height:100%; }
.ceo .movie_tit { font-weight:500; margin-top:5px; }
.ceo .movie_ceo { font-size:13px; color:#555; margin-top:-2px; }

.contest { position:relative; float:left; width:295px; height:265px; padding:23px 25px 25px 25px; border-top:3px solid #2172b8; border-right:1px solid #ccc; border-bottom:1px solid #ccc; border-right:1px solid #ccc; }
.contest div { width:242px; height:174px; /* padding:10px 15px 15px 10px; background:url(../images/main/ptn_line.gif) repeat; */ }
.contest div strong { font-size:16px; font-weight:500; color:#206db0; background-image:url(../images/main/marks.png); background-position:5px 5px; background-repeat:no-repeat; background-color:#2172b8; border-radius:4px; display:block; padding:5px 0 0 10px; word-break:keep-all; color:#fff; padding:8px 10px 8px 22px; }
.contest div ul { margin-top:5px; padding:10px; background:#f8f8f8; border:1px solid #ddd; border-radius:4px; font-size:13px; }
.contest div ul li { overflow:hidden; }
.contest div ul li span:first-child { display:block; float:left; width:17%; word-break:keep-all; font-weight:500; color:#2172b8; }
.contest div ul li span:last-child { display:block; float:left; width:82%; word-break:keep-all; }

.recommend { position:relative; float:left; width:290px; height:265px; padding:23px 25px 25px 25px; border-top:3px solid #7e7fcc; border-right:1px solid #ccc; border-bottom:1px solid #ccc; border-right:1px solid #ccc; }
.recommend ul li { margin-bottom:8px; padding-left:8px; background:url(../images/common/list_bullet.gif) 0 10px no-repeat; }
.recommend ul li a { display:inline-block; width:150px; margin-right:15px;}
.recommend ul li span { font-size:13px; color:#666; }

.book { float:right; width:200px; height:265px; padding:25px 0 20px 0; background:#f2f2f2; text-align:center; }
.book h2 { font-size:18px; font-weight:normal; text-align:center; margin-bottom:15px; }
.book img { width:110px; height:137px; box-shadow:3px 3px 4px #ccc;}
.book .book_tit { display:block; text-align:center; font-weight:500; line-height:16px; margin-top:5px; }
.book .book_writer { display:block; text-align:center; font-size:12px; color:#666;  line-height:16px;}
.book .book_company { display:block; text-align:center; font-size:12px; color:#666;  line-height:14px;}


/* 회원서비스 안내 */
.membership { position:relative; overflow:hidden; margin-bottom:40px; width:1100px; height:185px; }
.membership .bg { display:block; position:absolute; top:0; left:0; width:1100px; height:185px; background:url(../images/main/member_bg.jpg) 0 0 no-repeat; 
	-webkit-transform:scale(1);
    -moz-transform:scale(1);
    -ms-transform:scale(1); 
    -o-transform:scale(1);  
    transform:scale(1); 
	-webkit-transition:.3s;
    -moz-transition:.3s;
    -ms-transition:.3s;
    -o-transition:.3s;
    transition:.3s; 
}
.membership:hover .bg{
	-webkit-transform:scale(1.1);
    -moz-transform:scale(1.1);
    -ms-transform:scale(1.1);   
    -o-transform:scale(1.1);
    transform:scale(1.1); 
}
.membership_tit { position:absolute; top:0; left:0; padding:45px 0 0 45px; width:353px; height:185px; background:url(../images/main/member_tit_bg.png) 0 0 no-repeat; color:#fff; line-height:32px; z-index:99; }
.membership_tit h2 { font-size:30px; font-weight:normal; }
.membership_tit p { font-size:18px; color:#8492a7; }
.membership_txt { overflow:hidden; width:710px; position:absolute; top:65px; left:340px; color:#fff; z-index:99; }
.membership_txt p { float:left; font-size:18px; line-height:24px; }
.membership_txt .btn_more { float:right; display:block; width:135px; height:45px; line-height:45px; background:rgba(233,37,37,0.8); text-align:center; font-size:16px; }
.membership_txt .btn_more:hover { background:rgba(223,31,31,0.8); color:#fff; }

/* 교육현장 스케치 */
.edu_photo { margin-bottom:40px; padding-bottom:12px; border:1px solid #ccc; }
.edu_photo h2 { font-size:20px; font-weight:normal; background:#f2f2f2; height:50px; line-height:50px; padding-left:60px; }
.edu_photo h2 span { display:inline-block; background:url(../images/main/icon_photo.png) 0 15px no-repeat; padding-left:32px; }
.edu_photo .bxslider_03 { padding:15px 0; }
.edu_photo .slide a { display:block; width:230px; height:180px; position:relative; border:2px solid #transparent; }
/* .edu_photo .slide a:hover { border:2px solid #054c95; } */
.edu_photo .slide a img { position:absolute; top:0; left:0; width:230px; height:180px; }
.edu_photo .slide a .photo_tit { position:absolute; left:0; bottom:0; display:block; width:230px; height:60px; padding-top:15px; background:url(../images/main/photo_gra.png) 0 0 no-repeat; color:#fff; text-align:center; }


/* popup */
#wrap_use1 { width:95%; margin:20px auto; }