/* css default */
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);

* { margin:0; padding:0; }
html { overflow-y:scroll; }
body { background:#FFFFFF; font-family:nanumgothic; padding:0; -webkit-text-size-adjust:none; /* word-break:break-all; */}

img { vertical-align:top; }
img,fieldset,iframe { border:0 none; }
li { list-style:none; }
table, td { border-collapse:collapse; }

textarea,select { margin:0; padding:0; border:1px solid; border-color:#c8c8c8 #e0e0e0 #e0e0e0 #c8c8c8; background-color:#white; color:#555; font-size:0.75em; overflow:auto; }
a { color:#fff; text-decoration:none; }

/* 글자자르기 */
/* width:100%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; */ 

/* base */
#wrap_main { margin:0 auto; width:100%; background:url(../images/main_bg.png) no-repeat top right; }
#wrap { margin:0 auto; width:100%; }
#header, #container, #container_main, #footer { position:relative; }


/* header */
#header { position:fixed; top:0; z-index:1; width:100%; height:90px; background-image:-webkit-gradient(linear,left top,left bottom, color-stop(0.01,rgb(235,100,12)),color-stop(0.77,rgb(235,100,12))); text-align:center; }
#header ul li { float:left; text-align:center; }
#header ul li.L { float:left; text-align:left; padding-left:20px;}
#header ul li.R { float:right; text-align:right; padding-right:20px; }
.logo { position:fixed; z-index:2; top:15px; left:41%; margin-left:-43px; font-size:1.2em;}
#header ul li.R .list_ico a {
	background:#333;
	background-image:-webkit-gradient(linear,left top,left bottom, color-stop(0.01,rgb(151,151,151)),color-stop(0.77,rgb(17,17,17)));
	margin-right:2%;
	border-radius:6px;
}
.content .list_ico a {
	margin-left:20px;
	padding:3px 10px;
	font-size:0.8em;
	background:#333;
	background-image:-webkit-gradient(linear,left top,left bottom, color-stop(0.01,rgb(91,171,222)),color-stop(0.77,rgb(3,102,163)));
	margin-right:2%;
	border-radius:6px;
}

/* lectureroom */
#lecture { }
#lecture ul li { float:left; text-align:center; }
#lecture ul li.LL { float:left; text-align:left; padding-left:20px;}
#lecture ul li.RR { float:right; text-align:right; padding-right:20px; }

/* 메인 로고 */
#container_main .main_logo img {
	position:relative;
	margin-top:30px;
	margin-left:10%;
}

/* 메인의 pc가기*/
#container_main ul li.main_pc span a { margin-left:10%; padding:2%; padding-left:20px; padding-right:20px; border:1px solid #044D80; background:#0778C8; font-size:0.8em; font-weight:bold; line-height:50px; }

/* container */
#container_main { position:relative; margin-top:90px; margin-bottom:0px; }
#container { position:relative; margin-top:90px; margin-bottom:10px; }

/* map */
#map_info { clear:both; color:#000000; height:100px; padding:10px; background:url(../images/footer_bg.gif);  font-size:0.8em; line-height:140%; text-align:center; border-top:1px solid #FFFFFF; }

/* s_title */
#s_title { font-size:1em; }

/* footer */
#main_footer { clear:both; padding:1%; border-top:1px solid #333; background:#000; font-size:0.75em; color:#555; line-height:120%; text-align:justify; }

#footer_line { clear:both; color:#FFF; background:#EFEFEF; border-top:3px solid #f7b022; }
#footer { clear:both; color:#FFF; height:130px; padding:0px; background:#EFEFEF; background-image:-webkit-gradient(linear,left top,left bottom, color-stop(0.01,rgb(70,70,70)),color-stop(0.77,rgb(70,70,70))); font-size:0.75em; line-height:140%; text-align:center;}
#footer2 { clear:both; color:#FFF; height:100px; padding:10px; background:url(../images/footer_bg.gif);  font-size:0.75em; line-height:140%; text-align:center; border-top:1px solid #FFFFFF; }

#footer img { padding:3px; padding-top:10px; }
#footer b { padding-left:5px; padding-right:5px; }

.slide { margin:70px 0 20px; }

.form { position:relative; overflow:hidden; padding:2%; }

.copyright span { color:#673EAA; }

p.title { padding:1.5% 0; border-top:1px solid #000; border-bottom:1px solid #ccc; background:#005E93; font-size:1.125em; color:#FFF; font-weight:bold; text-align:center; }
p.title span { float:left; margin-left:5px; color:#fff; }
p.title span a { display:block; border-radius:3px; width:20px; height:20px; background:#333; font-size:1.25em; color:#ff0; text-align:center; line-height:23px; }

#content { position:relative; width:100%; }
#tab_menu1, #tab_menu2, #tab_menu3 { cursor:pointer; }
.tab_sub1 {  }
.tab_sub2, .tab_sub3 { display:none; }

/* 회원가입 */
.join_cnt .inp_chk{position:absolute;top:50%;z-index:9;width:22px;height:22px;margin-top:-11px;border:0;background-position:-80px -105px;-webkit-appearance:none}
.join_cnt .inp_chk:checked{background-position:-56px -105px}
.join_cnt .inp_chk.v2{width:26px;height:26px;margin-top:-13px;background-position:-28px -105px}
.join_cnt .inp_chk.v2:checked{background-position:0 -105px}
.join_cnt .btn_bx{display:table;margin-top:20px;width:100%;table-layout:fixed}
.join_cnt .btn_bx li{display:table-cell;padding:0 5px}
.join_cnt .btn_bx li:first-child{padding-left:0}
.join_cnt .btn_bx li:last-child{padding-right:0}
.join_cnt .btn{display:block;width:100%;height:42px;border:0;border-top-right-radius:4px;border-top-left-radius:4px;border-bottom-right-radius:4px;border-bottom-left-radius:4px;font-size:18px;font-weight:normal;color:#fff;line-height:44px;text-align:center;-webkit-appearance:none}
.join_cnt .btn_gray{border-bottom:1px solid #666;background:#888}
.join_cnt .btn_blue{height:43px;border-bottom:1px solid #0158b7;background:#4898d3}
.join_cnt .btn_orange{height:43px;border-bottom:1px solid #CF6814;background:#2c82c9}
.join_cnt .btn_gray2{height:33px;border-bottom:1px  solid #ddd;background:#aaa;width:70%;font-size:15px;margin:0 auto;line-height:120%;margin-top:7px;margin-bottom:5px;}


/* gallery */
.gallery { position:relative; overflow:hidden; text-align:center; margin-bottom:0; }

/* main */
.category_movie { position:relative; width:100%; overflow:hidden; font-size:0.9em; margin-top:20px; }
.category_movie ul li { float:left; width:33.3%; padding-top:5px; padding-bottom:10px; text-align:center; }
.category_movie ul li a { display:inline-block; }

/* menu */
.menu { margin-top:55px; padding-top:0px; color:#373C42; font-weight:bold; z-index:1; width:100%; height:0px; overflow:hidden; background:#E7E9EB; border-top:3px solid #ffdda7; }

.content { padding:10px 10px 10px; }
.content img { width:95%; border:0; }
.content p { color:#333; padding-top:0px; padding-bottom:10px;   font-size:1em; }

.content span { color:#55c; font-weight:bold; }
.content span2 { color:#eb630b; font-weight:bold; }

.content ul li.tit {  margin-top:15px; padding:2%; padding-top:5px; padding-left:5px; padding-right:5px; border:1px solid #545D67; border-radius:3px; background:#1BAEFD; color:#FFF; font-size:0.8em; font-weight:bold; }

.content td { padding:2px; }

.content .mail a{ color:#c00; }

.content2 { padding: 0px 0px 0px; }
.content2 img { width:100%; border:0; }
.content2 p { color:#333; padding-top:0px; padding-bottom:10px;   font-size:1em; }

.content2 span { color:#55c; font-weight:bold; }
.content2 span2 { color:#eb630b; font-weight:bold; }

.content2 ul li.tit {  margin-top:15px; padding:2%; padding-top:5px; padding-left:5px; padding-right:5px; border:0px solid #545D67; border-radius:3px; background:#1BAEFD; color:#FFF; font-size:0.8em; font-weight:bold; }

.content2 td { padding:0px; }

.content2 .mail a{ color:#c00; }

/*.content table { width:100%; }
.content table tr th { border:1px solid #000; font-size:0.9em; padding:5px 0; background:#fff; background-image:-webkit-gradient(linear,left top,left bottom, color-stop(0.01,rgb(255,255,255)),color-stop(0.77,rgb(230,230,230))); }
.content table tr td { border:1px solid #000; font-size:0.8em; line-height:160%; }
.content span { padding-top:16px; }*/

/* 연혁 테이블 */
.content .div_history table { margin-top:15px; width:100%; }
.content .div_history table tr th { border:1px solid #000; font-size:0.9em; padding:5px 0; background:#fff; background-image:-webkit-gradient(linear,left top,left bottom, color-stop(0.01,rgb(255,255,255)),color-stop(0.77,rgb(230,230,230))); }
.content .div_history table tr td { border:1px solid #000; font-size:0.75em; line-height:160%; }
.content .div_history span { padding-top:16px; }

.menu #select { padding-left:10px; }
.menu #select #historySel { width:90px; font-size:.9em; background:#87898B; color:#FFFFFF; }
.content dl { float:left; clear:both; margin-bottom:20px; }
.content dl dt { font-weight:bold; height:23px; color:#56606B; padding-top:14px; padding-left:6px; }
.content dl dd { color:#56606B; font-size:0.83em; margin-left:20px; padding-top:2px; padding-bottom:2px; }
.content dl dd img { float:left; height:2px; width:5px; margin-left:-10px; margin-top:8px; }

/* 연혁 테이블 */
.content2 .div_history table { margin-top:15px; width:100%; }
.content2 .div_history table tr th { border:1px solid #000; font-size:0.9em; padding:5px 0; background:#fff; background-image:-webkit-gradient(linear,left top,left bottom, color-stop(0.01,rgb(255,255,255)),color-stop(0.77,rgb(230,230,230))); }
.content2 .div_history table tr td { border:1px solid #000; font-size:0.75em; line-height:160%; }
.content2 .div_history span { padding-top:16px; }

.menu #select { padding-left:10px; }
.menu #select #historySel { width:90px; font-size:.9em; background:#87898B; color:#FFFFFF; }
.content2 dl { float:left; clear:both; margin-bottom:20px; }
.content2 dl dt { font-weight:bold; height:23px; color:#56606B; padding-top:14px; padding-left:6px; }
.content2 dl dd { color:#56606B; font-size:0.83em; margin-left:20px; padding-top:2px; padding-bottom:2px; }
.content2 dl dd img { float:left; height:2px; width:5px; margin-left:-10px; margin-top:8px; }

#sliderWrap #circle{ width:12px; padding-right:3px; }

/* Sub Gnb Style Definition */
#gnb {
	font-size: 1.14285714285714em; /* 16/14 */
	color: #fff;
	text-align: center;
	background: #000;
	position:fixed;
	width:100%;
	bottom:0px;
	padding:0;
	height: 30px;
	background:url(../images/bng_bg2.png) 50% 0 no-repeat, url(../images/bng_bg1.png) 0 0 repeat-x;
	-webkit-transition: height 0.3s;
}
.Bmenu{
	padding:5px 0 0 0; 
	line-height:14px; 
	color:#ffffff; 
	font-size:11px;
	width:20%;
	letter-spacing:-1px;
}
.lnb_txt {display:block;}


#gnb.on {
	height: 80px;
}
#mobile-toggle-button {
	font-size:85.71428571428571%;
	cursor:pointer;
	text-transform: uppercase;
	color:#FFFFFF;
	display: block;
	padding: 7px 0 3px 0;
	text-align:center;
	margin:0 auto;
}

#gnb ul li:hover {
	/* min-width: 30%; */
	cursor:pointer;
}

#gnb ul li > a > img{
	max-width:18px;  /* 아이콘사이즈 */
	display: block;
	margin:0 auto;
	hspace:10px;
}

#gnb ul li > a{
	color:white;
}

.hiddenM{
	display:none;
	position:fixed;
	left:0px;
	top:54px;
	z-index:100;
	width:50%;
	height:200%;
	/*box-shadow:5px 5px 5px #999;
	background:#f2f2f2;*/
}

.hiddenM .leftpop {
	position:relative;
	background:#eb8531;
	background-image:-webkit-gradient(linear,left top,left bottom, );
	height:40px;
	overflow:hidden;
	color:#333333;
	margin:0 auto;
	text-align:left;
	border-top:1px solid #CF6814;
}

.hiddenM .leftpop .point {
	float:left; vertical-align:middle; padding:10px 5px 0 12px;
}

.hiddenM .leftpop .subject {
	font-family:'나눔고딕',NanumGothic,'맑은 고딕','Malgun Gothic','돋움',Dotum; font-size:1em;
	padding:12px 0 0 0;
}

.hiddenM .leftpop .arrow {
	float:left; vertical-align:middle; margin-top:-37px; padding-left:5px
}

.hidden {font-size:0;  width:0; height:0; line-height:0; margin:0; padding:0; position:absolute; top:0; left:0; visibility:hidden; overflow:hidden; }
.hidden ul {list-style:none}

select.type1 {height:20px; background-color:#fff; border:1px solid #dadada; padding:2px; font-size:0.9em;}
input.type1 {height:18px; background-color:#fff; border:1px solid #dadada;padding:1px;}
textarea.type1 {width:98%; background-color:#fff; border:1px solid #dadada;padding:1px;}

.content .inputform { width:100%; }
.content .inputform table { width:100%; }
.content .inputform th.first { width:40%; border-bottom:1px solid #e1e1e1; border-top:3px solid #26425d;}
.content .inputform td.first {border-bottom:1px solid #e1e1e1; border-top:3px solid #49c1f0;}

.content .inputform th { padding:2px; padding-left:5px; height:30px; background:#efefef; font-size:0.8em; font-weight:600; text-align:left; border-bottom:1px solid #e1e1e1; }
.content .inputform td { text-align:left; border-bottom:1px solid #e1e1e1; }

.content .inputform .scription { padding:10px 0; }
.content .inputform .submit_bt { text-align:center; }
.content .inputform .submit_bt img { width:80px; height:33px; }


/* 자격증 */
.item > div.item_c { background-color:#fdd841;}
.item > div.item_c h2 { padding:0 48px 0 37px; color:#5d4605; background:url('//img.eduwill.net/Img2/mobile2/brand_new/common/ico_item_c.png') 0 1px no-repeat; background-size:26px;}
.item > div.item_c h2 span { color:#453403;}
.item > div.item_c h2 span em { color:#9c862c;}
.item > div.item_c .list { background:url('//img.eduwill.net/Img2/mobile2/brand_new/common/arrow_item_c.png') center top no-repeat; background-size:15px 8px;}
.item > div.item_c .list ul li { background:#fee686;}
.item > div.item_c .list ul li a { color:#5d4605; font-size:14px;}
.item > div.item_c.open { height:100%;}
.item > div.item_c.open h2 { color:#312502; background:url('//img.eduwill.net/Img2/mobile2/brand_new/common/ico_item_c_on.png') 0 1px no-repeat; background-size:26px;}
.item > div.item_c.open h2 span,
.item > div.item_c.open h2 span em { color:#453403;}


/* 메인버튼 */
.m_menu {padding:10px 0 4px; background:#f4f4f4;}
.m_menu h3 {margin-bottom:0px; text-align:center}
.m_menu h3 img {width:150px; height:auto;}
.m_menu ul {overflow:hidden; width:95%; margin:0 auto;}
.m_menu li {float:left; width:25%; margin-bottom:2%}
.m_menu li:nth-child(odd) {}
.m_menu li img {width:94%; height:auto;}



