@charset "utf-8";

/*reset*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
margin: 0;padding: 0;border: 0;font-size: 100%;font: inherit;vertical-align: baseline}li{list-style:none;}
*{margin:0;padding:0;}*{margin:0;padding:0;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-ms-box-sizing:border-box;}
h1,h2{/*font-weight:normal; */font-size:100%; font-weight:normal;}
img,fieldset{border:none;vertical-align:top;} li{list-style:none;vertical-align:top;}
address,em,i{font-style:normal;font-weight:normal; text-decoration:none;}
input,select,button{vertical-align:middle; border:none;}
.img img{width:100% !important; max-width:100%} img{border:none;vertical-align:top; max-width:100%;}
.center{text-align:center;}button{border:none; display:inline-block; text-align:center;}/*padding:3px 7px;margin:10px 0; */
.msg_sound_only, .sound_only {display: inline-block !important;position: absolute;top: 0px;
left: 0px;margin: 0 !important;padding: 0 !important;font-size: 0px;line-height: 0;border: 0 !important;overflow: hidden !important;}
.gray{background-color:#ccc; color:#595959;} .gray a{color:gray;} 
/*common.css*/
#document {overflow:hidden; margin:0 auto; background-color:#fff; width:100%} #wrap{} #util dd{} #util{}
body,input,select,textarea{font:14px/14px "나눔고딕"; color:#333;}/* background: url("images/bgbg.gif") 0 73px repeat-x;}*/
body {margin:0 auto; width:100% !important;}
.sub_wrap{padding-bottom:12px;}.sub_contents{width:100%; padding:4% 6%;}
a{text-decoration:none;color:#333;}  a:hover,a:focus{color:#000;}
.hide, legend, caption{position:absolute;left:-9999px;width:0;height:0;overflow:hidden;text-indent:-9999px;}
.skip{position:absolute; left:-5000px; width:1px; height:1px; font-size:0; line-height:0; overflow:hidden;}
.red{color:#dd1a10;}.fff{background-color:#FFF; color:}
table{width:100%; font-size:11px !important;} /* margin:2%;*/
table thead th{padding:3px;}
table tr th{background-color:#ddd;border-top:1px solid #eee; font-size:10px;}
table,th, td {border-spacing:0;}
table tr td{border-right:1px solid #eee; border-bottom:1px solid #eee; padding:10px 8px;}
table tr td:last-child{border-right:1px solid #fff;}
table tr td input{background-color:#eee; padding:5px 1px;}
.date em{text-align:center !important; position:block;}
/* link */
a{color:#444444; text-decoration:none;}
/*a:hover, a:active, a:focus{color:#006CB7; text-decoration:underline;}*/

/*  intro css  */
.intro_btn2 {color:#fff;position: absolute; top:32%;height:32px;line-height:28px !important; right: 11%; 
z-index: 9;font-size:1.8em; border-radius: 40px;font-weight:bold;padding:0 6px;}/* border: 2px solid #fef0cf;*/
.nav a, .nav label{padding:0 12% 0 0;}
.nav a, .nav label{ line-height:; display: block;color:#eee;/*  background-color:#999;*/ line-height:100px; height:100px;}
.nav a:focus, .nav a:hover, .nav label:focus, .nav label:hover{ color:rgba(255, 255, 255, 0.5);}
.nav label { cursor: pointer; }.nav label{position:relative;   line-height:100px;  height:100px;}
.nav__list img{ position:absolute; top:5%; left:3%; max-width:302px; }
.nav__list input[type=checkbox]:checked + label + ul { /* reset the height when checkbox is checked */
max-height: 100px; }

.fa-angle-right:before { line-height:; display: block;color:#eee;/*  background-color:#999;*/ line-height:100px; height:100px;}
.fa-angle-right:before{font-size:2.8em; }
.fa-angle-right-go{position:absolute; top:0; right: 12%; }

.group-list a, .group-list label { /*padding-left: 2rem;*/}
.group-list a:focus, .group-list a:hover, .group-list label:focus, .group-list label:hover { }
.group-list_sub{background-color:#fff;  font-size:1.1em; overflow:hidden; } 
.group-list_sub li{width:33.333%;text-align:center; float:left;}
.group-list_sub a{color:#555; height:2em !important;  }
.group-list_sub a:hover{color:#222 !important;}
.group-list_sub, .group-list_sub li, .group-list,
.group-list_sub a{ height:3.6em !important; line-height:3.4em !important; }

.sub-group-list a, .sub-group-list label {}
.sub-group-list a:focus, .sub-group-list a:hover, .sub-group-list label:focus, .sub-group-list label:hover { }
.sub-sub-group-list a, .sub-sub-group-list label {}
.sub-sub-group-list a:focus, .sub-sub-group-list a:hover, .sub-sub-group-list label:focus, .sub-sub-group-list label:hover { }
.group-list, .sub-group-list, .sub-sub-group-list { height: 100%;max-height: 0;overflow: hidden;
 -webkit-transition: max-height .5s ease-in-out; transition: max-height .5s ease-in-out;}

label > span {  float: right; -webkit-transition: -webkit-transform .65s ease; transition: transform .65s ease;}
.nav__list input[type=checkbox]:checked + label > span { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg);}


/*btn*/
.check{background-color:#222; color:#fff; padding: 3px 7px;margin: 10px 0;border: none;display: inline-block;text-align: center;height:24px}
.btn_list{padding:3px 7px;margin:10px 0; border:none; display:inline-block; text-align:center; border:1px solid #ddd;}
.intro_btn{position:absolute; top:1.1em; right:12px; z-index:9; border:1px solid #fff; border-radius:10px; padding:1px 7px;}
.intro_btn a{ color:#fff; font-weight:bold; font-size:0.7em; }
.login_btn{position:absolute; top:1.1em; left:12px; z-index:9; border:1px solid #fff; border-radius:10px; padding:1px 7px;}
.login_btn a{ color:#fff; font-weight:bold; font-size:0.7em; }
.allmenu_bar{color:#fff !important;}
.btn_blue{background-color:#0066ff; color:#fff; font-weight:bold;}
.btn_blue a{background-color:#0066ff; color:#fff; font-weight:bold;}

/* header_logo*/
#header { position:relative; z-index:99; clear:both; overflow:hidden; }/*#153e59, background-size:380px;*/
#header .util{width:100%; text-align:center; background: url("/m/img/bg/green.jpg") 0 0 repeat-x;}
.util_teacher{width:100%; text-align:center; background: url("/m/img/bg/orange.jpg") 0 0 repeat-x;}
.intro_wrap{background:url('/m/img/bg/footer_bg.jpg') 0 0 repeat;}
h1{position:relative; text-align:center; }  /*position:absolute; top:14px; left:27%;*/
h2 span{font-size:14px; color:#ed761a; line-height:18px;}
h3{text-align:left; width:100%; padding:0 12px; background-color:#eee; border-bottom:solid 1px #c9c9c9; 
border-bottom:solid 1px #c9c9c9; font-size:16px; font-weight:bold; line-height:32px;}

/* menu */
.title .dl {position:relative;}
.title .dl dd .menu_on {position:absolute; top:0;}
.menu_all b .menu_t{background-color:#eee; padding:6px 2px;}

/*intro menu*/
	/* intro 네비*/
	#wrapper{width:100%; }
	#header{position:relative; }
	#topmenu li ul{display:none;}
	#topmenu li.menu1 ul{width:;}
	#totalmenu{top:39px; right:0;}
	#totalbox{ top:81px; left:0; width:954px;/* 970-16 */ padding-left:16px; }
	/*navi . 2차*/
	.sub_wrap{overflow:hidden;}
	.sub_gnb{overflow:hidden; box-sizing:border-box; margin:0 2%; padding:10px;	background-color:#FFF !important;} /*.sub_gnb2 ul*/
	.sub_gnb li{box-sizing:border-box;width:32.333333333%; float:left; text-align:center; margin:0.5%; padding:4px 2px; }
	.sub_gnb2 ul:after{clear:both; width:100%; position:block; content:"";}
	.sub_gnb2 ul li{box-sizing:border-box; width:50%; float:left;}
	.sub_gnb .on, .sub_gnb2 .on{background-color:#153e59; color:#fff;}/*text-align:center; margin:0.5%; padding:4px 2px; }*/


	#header_Wrap{ z-index:999;} /* 수정 */
	#header_Wrap h1 img {width:50%; max-width:235px; } /* 수정 */
	#header_Wrap .header_btn .gnb_menu {position:absolute; left:12px; top:12px;}
	#header_Wrap .gnb2 {position:fixed; left:-100%; top:0px; width:100%; height:100%; z-index:999; overflow-y:auto;}
	#header_Wrap .gnb2 .gnb_bg {position:absolute;  left:0; top:0; width:100%; height:100%; z-index:9; background:rgba(0,0,0,0.3)}
	#header_Wrap .gnb2 .gnb_con {position:absolute; left:-70%; top:0; width:70%; height:100%; background:#f1f1f1; text-align:left;  z-index:100; overflow:auto;}
	#header_Wrap .gnb2 .gnb_close {position:absolute; left:70%; top:0;  margin-left:0px; text-align:right; z-index:9999;}
	#header_Wrap .gnb2 .gnb_con .logo {text-align:center; padding:30px 0px; background:#fff;}
	#header_Wrap .gnb2 .gnb_con .logo img {width:70%; max-width:235px; }
	#header_Wrap .gnb2 .gnb_con .top_menu {padding:0px 0px 10px; border-bottom:1px solid #f4f4f4; font-weight:700; background:#fff;}
	#header_Wrap .gnb2 .gnb_con .top_menu li {padding:10px 20px;}
	#header_Wrap .gnb2 .gnb_con .mid_menu {text-align:center; padding:20px 0 20px; background:#fff; background-color:#fff;}
	#header_Wrap .gnb2 .gnb_con .mid_menu a { background-color:#0c124b !important;margin:0 2px 12px 2px !important; 
		display: inline-block; background: #ffffff;  border-radius: 5px; letter-spacing:0.065em !important;
		padding: 3px 10px 2px; line-height: 18px; color: #fff; font-size: 0.8em;}
	#header_Wrap .gnb2 .gnb_con .bot_menu {background:#ddd; margin:10px 10px 0; padding:20px 0; }
	#header_Wrap .gnb2 .gnb_con .bot_menu ul {*zoom:1;}
	#header_Wrap .gnb2 .gnb_con .bot_menu ul:after {content:""; display:block; clear:both; height:0; visibility:hidden;}
	#header_Wrap .gnb2 .gnb_con .bot_menu li {float:left; width:33%; text-align:center; margin-bottom:20px;}
	#header_Wrap .gnb2 .gnb_con .bot_menu li .thum {
		width:50px; height:50px; background:#591f7d; border-radius:50%; text-align:center; margin:0 auto 5px;}
	#header_Wrap .gnb2 .gnb_con .bot_menu li .thum img {width:50px; height:50px;}
	
	.left_menu{}
	.left_menu ul{padding:6px}
	.left_menu ul li{}
	.left_menu ul li dl{text-align:left;  padding:10px 0;}
	.left_menu ul li dl dt{font-weight:bold; border-bottom:1px solid #ddd; padding:4px 0; background-color:#333; color:#fff;}
	.left_menu ul li dl dd{text-align:left; padding:6px 3px;  border-bottom:1px solid #ddd; }
	.left_menu ul li dl dt a{color:#fff; padding:2px 4px;}

	/* SUB PAGE
	회사소개 별도*/
	.intro .title dl .sub_title li{width:33.333%; padding:22px; float:left; border:1px solid #ccc; text-align:center;}
	.intro .title dl .sub_title li a:hover, .intro .title dl .sub_title li a:focus{font-weight:bold;}

	#menu_bar{background-color:#333;}
	#menu_bar ul{width:98%; padding:0 0 0 2%}
	#menu_bar ul{overflow:hidden;}
	#menu_bar ul li{padding:10px 0; text-align:center;  width:32.333%; float:left; }
	#menu_bar ul li a{color:#ccc; }
	#menu_bar ul .on a{color:#fff; line-height:1.4em; font-size:0.88em; font-weight:bold;}
	/* membership */		
	.membership {padding:13px; line-height:23px; background-color:#eee;}

     /*북 타이틀*/.book_list .item h4 a, .book_filter { line-height:1.4em; text-indent:0.5em;}
	                        .book_filter{font-weight:bold; color:#666;} .sort{text-indent:0.3em;}

/*board list*/
.notice_wrap{background-color:#cdcdcd; padding:8px;}
.notice_txt{background-color:gold !important;}
.page_year .img{margin:10px auto;}
.page_year .wrap3{text-indent:-0.45em !important; padding:10px; font-size:13px !important; padding:2px 24px 22px; line-height:1.4em; background-color:#eee; 
color:#333; font-weight:500;}
.page_year p{margin-top:20px;}

	/*추천사이트*/
	.sitelist{background-color:#fff; line-height:1.7em; }
	.sitelist ul{background-color:#fff;text-align:center; overflow:hidden; border-bottom:1px solid #f1f1f1;}
	.sitelist ul li{ padding:3px 12px; border-bottom:1px solid #f1f1f1; }
	.sitelist ul li .subject{width:40%; }
	.sitelist ul li .link{width:40%;}
	.sitelist ul li p:nth-child(2n){margin-bottom:5px;background-color:#f0f3f4; padding:12px 4px;}
	.sitelist ul li p span{color:#000; font-weight:bold; font-size:1.1em !important;}
	.sitelist ul li p .link a{color:#003399; font-weight:500; display:block; margin-bottom:4px;}

		
/*banner*/
.banner {height:170px;  overflow:hidden; text-align:center; background:#e6e6e6 url("/m/img/bg/banner_bg01.jpg") 0 0 no-repeat; background-size:360px;}
.banner li{width:100%; float:left; padding:28px 5px 10px 5px;}
.banner li img {  width: 100%; }
.banner3{width:100%; margin:0 auto;overflow:hidden; background-color:#ececec;}  
.banner3 ul li{width:33.333%; float:left; display:inline;}
.banner3 ul li img{width:100%;}

.customer{overflow:hidden; clear:both; width:100%; margin:0 auto; background-color:#e14e58; border-top:1px solid #eae9e4; border-bottom:1px solid #eae9e4;}
.customer li{float:left;} .customer li img{width:100%;}

/*Foot*/ 
footer{width:100%; text-align:center;}
footer a{color:#666; height:2.5em; line-height:2.5em; padding:0 12px;}
footer .ad{width:100%; background-color:darkblue;}
.introfooter{font-size:0.8em; color:gray;}

/*여백*/
.empty0{ width:100%; height:0px; clear:both;}.empty10{ width:100%; height:10px; clear:both;}
.empty20{ width:100%; height:20px; clear:both;}.empty30{ width:100%; height:30px; clear:both;}
.empty40{ width:100%; height:40px; clear:both;}.empty50{ width:100%; height:50px; clear:both;}

.padding10{padding:10px;}
.goods_intro{margin:20px;}