#headerWrap	{width:100%;border-bottom:1px solid #afafaf;background-color:#fff;}
#topWrap		{width:100%;border-bottom:1px solid #dcdcdc;}
#header			{margin:0 auto;width:60%; }
#header:after	{display:block;clear:both;content:"";}
#logo				{margin-left:50px;padding:20px 0;}
/*#logo				{margin-left:50px;padding:20px 0;}*/

.tnbWrap						{margin:0 auto;width:1100px;}
.tnbWrap:after					{display:block;clear:both;}


.tnbWrap .lang a				{display:inline-block;   margin-left:5px;padding:10px 15px;font-size:13px;font-weight:bold;background-color:#e2e2e2;}
.tnbWrap .tnb					{margin-right:50px;border-left:1px solid #dcdcdc;}
.tnbWrap .tnb:after			{display:block;clear:both;content:"";}
.tnbWrap .tnb li				{float:left;border-right:1px solid #dcdcdc;}
.tnbWrap .tnb li a				{display:inline-block;padding:10px 15px;font-size:13px;}
.tnbWrap .tnb li.name a	{font-size:13px;background-color:#464646;color:#fff;}







/*공통 - 페이지타이틀,네비*/

.brdSch{padding:14px 0;background-color:#f5f5f5;border:1px solid #ccc;text-align:center;}

.brdSch .inputBox p	{padding:0 0; font-size:13px; color:#fff;}
.brdSch .inputBox p	 span{font-weight:bold;}
.brdSch .inputBox p input[type=text]{width:30%;}


.con_bgImg01{background:#fff url('../images/con_bgImg01.jpg') center bottom no-repeat; background-size:100%; padding-bottom:364px;}







/* Reset*/
.menu, .menu ul, .menu li, .menu a {margin: 0; padding: 0; border: none; outline: none;} 

/* Menu */
/* .menu {width:57%; float:right; margin:30px 47px 0 0;} */
.menu {width:95%; float:right;  }

.menu > ul {float: right; width:100%; display:table;
	-webkit-transition: opacity .25s ease .1s;
	-moz-transition: opacity .25s ease .1s;
	-o-transition: opacity .25s ease .1s;
	-ms-transition: opacity .25s ease .1s;
	transition: opacity .25s ease .1s;
   
}
.menu > ul > li {position: relative; list-style: none; display: block; height: 25px;   display:table-cell
                     ; 
                }

/* Links */
.menu > ul > li > a {display: block; padding: 0; margin:  0; text-decoration: none; font-weight: bold; color: #000; font-size:15px;
	-webkit-transition: color .2s ease-in-out;
	-moz-transition: color .2s ease-in-out;
	-o-transition: color .2s ease-in-out;
	-ms-transition: color .2s ease-in-out;
	transition: color .2s ease-in-out;
   
}

.menu > ul > li > ul > li > a {width: 100px; padding: 0 14px 0 14px; margin: 0; display: block; margin:  0; line-height: 20px; text-decoration: none; color:#000; color: #fff;}
.menu li:hover > a { color: #df2c5f; }

/* Sub Menu */
.menu ul > li > ul {width:200px; padding-right:14px; overflow:hidden; width:auto; position: absolute; top: 50px; left: -14px; opacity: 0; background: #1f2024;
	z-index:999999999999999;
	float:left;
	padding-bottom:10px;
	-webkit-transition: opacity .25s ease .1s;
	-moz-transition: opacity .25s ease .1s;
	-o-transition: opacity .25s ease .1s;
	-ms-transition: opacity .25s ease .1s;
	transition: opacity .25s ease .1s;
}

.menu li:hover > ul { opacity:1;  padding:10px 0 10px 0;}

.menu ul > li > ul > li {height: 0; overflow: hidden;
	-webkit-transition: opacity .25s ease .1s;
	-moz-transition: opacity .25s ease .1s;
	-o-transition: opacity .25s ease .1s;
	-ms-transition: opacity .25s ease .1s;
	transition: opacity .25s ease .1s;
}


.menu li:hover > ul li {height: 23px; overflow: visible;	

	-webkit-transition: height .25s ease .1s;
	-moz-transition: height .25s ease .1s;
	-o-transition: height .25s ease .1s;
	-ms-transition: height .25s ease .1s;
	transition: height .25s ease .1s;
}

.menu ul > li > ul li:last-child a { border: none; }
.menu ul > li > ul > dl	{float:left;}

.menu ul > li > ul > dl > dd {height:0; overflow: hidden;
	-webkit-transition: opacity .25s ease .1s;
	-moz-transition: opacity .25s ease .1s;
	-o-transition: opacity .25s ease .1s;
	-ms-transition: opacity .25s ease .1s;
	transition: opacity .25s ease .1s;
}

.menu li:hover > ul dl dd {height: 23px; overflow: visible;	

	-webkit-transition: height .25s ease .1s;
	-moz-transition: height .25s ease .1s;
	-o-transition: height .25s ease .1s;
	-ms-transition: height .25s ease .1s;
	transition: height .25s ease .1s;
}

.menu dd:hover > a { color: #df2c5f; }
.menu > ul > li > ul > dl > dd > a {display:block; padding: 0 0 0 14px; margin: 0; line-height: 20px; text-decoration: none; color:#000; font-weight: bold; color: #fff;}











/*********** pc **********/
@media all and	(min-width:1101px){

}






/*********** tablet ***********/
@media all and	(max-width:1100px){

.tnbWrap				{margin:0 auto;width:100%;}
.tnbWrap .lang a		{margin-left:25px;}
.tnbWrap .tnb			{margin-right:25px;}

#header				{margin:0 auto;width:85%; }
#header:after		{display:block;clear:both;content:"";}
#logo					{margin-left:25px;padding:22px 0 17px;width:240px;height:39px; }
/*#logo					{margin-left:25px;padding:22px 0 17px;width:240px;height:39px;}*/
#logo img			{width:97%; }

/* Menu */
.menu {margin:30px 25px 0 0;}


}


/*********** tablet 950 ***********/
@media all and	(max-width:950px){


}


/*********** tablet 850 ***********/
@media all and	(max-width:850px){
#logo img			{width:88%;}


}







/*********** mobile ***********/
@media all and (max-width:700px){

.mView	{display:block }
.mNone	{display:none;}

.tnbWrap					{margin:0 auto;width:100%;}
.tnbWrap .lang a			{margin-left:px;padding:8px 10px 7px 0px;}
.tnbWrap .tnb				{margin-right:0px;;}
.tnbWrap .tnb li a			{padding:8px 10px 7px;}
.tnbWrap .tnb li.name a	{font-size:13px;background-color:#464646;color:#fff;}

#header				{margin:0 auto;width:85%;}
#header:after		{display:block;clear:both;content:"";}
#logo					{margin:0 auto;padding:22px 0 17px;width:100%;height:36px;text-align:center;}
#logo img			{width:50%;}



.con_bgImg01{background:#fff url('../images/con_bgImg01.jpg') left bottom no-repeat; background-size:100%; padding-bottom:240px;}

/************모바일GNB     inc/mGnb.asp ***********/
#m_navication		{position:relative;display:block; margin:0px auto 0;background:#fff;width:100%;}

#hd_home				{display:block; position:absolute; top:18px; left:10px;width:42px;}
#hd_ct					{display:block; position:absolute; top:18px; right:12px;width:42px;}
#hd_home img		{width:100%;}
#hd_ct img				{width:100%;}
#m_category			{display:none;position:fixed;top:0;right:0;width:100%;height:100%;background:rgba(0, 0, 0,0.8);z-index:99999;-moz-box-sizing: border-box;  -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-backface-visibility: hidden;}
#m_category .ct_wr	{width:100%;height:100%;overflow-y:auto;background:#322e2d; float:left;}

#m_category ul.cate						{margin-top:20px;background:#fff;;width:100%;text-align:left;text-indent:10px; overflow: hidden;*border-top:1px solid #545453;}
#m_category ul.cate>li						{line-height:35px;border-bottom:1px solid #545453;}
#m_category ul.cate li						{position:relative;}
#m_category ul.cate li a					{display:block;  text-overflow: ellipsis;  overflow: hidden;  white-space: nowrap;color:#555;}
#m_category ul.cate li .ct_op			{height:35px; font-size:16px; width:100%; padding-top:5px; text-align:left; padding-left:12px; background-color:#322e2d; color:#fff;font-weight:600;}
#m_category ul.cate li .ct_op span	{color:#fd487c;font-size:14px;}
#m_category ul.cate li p:hover			{color:#fd487c; text-decoration:none;cursor:pointer;}
#m_category ul.cate li .ct_cl				{background-position:220px -24px;}

#m_category ul.sub_cate						{display:none;border-top:1px solid #322e2d;}
#m_category ul.sub_cate1 li					{text-indent:14px;background:#443f3e;border-top:1px solid #322e2d;font-weight:normal; color:#666}
#m_category ul.sub_cate1 li:first-child	{border-top:none}
#m_category ul.sub_cate1 li a				{color:#fff; text-decoration:none;padding-left:10px;font-size:1.1em;}
#m_category ul.sub_cate1 li a:hover		{color:#51a1a8; text-decoration:none}
#m_category ul.sub_cate2 li					{text-indent:25px;background:#ddd;}
#m_category ul.sub_cate3 li					{text-indent:40px;background:#ddd;}
#m_category ul.sub_cate4 li					{text-indent:55px;background:#ddd;}
#m_category .pop_close						{position:absolute;top:15px;right:10px;width:30px;height:30px; background:url('/images/gnb_close.jpg') no-repeat 0 0; background-size:20px 20px; border:none;text-indent:-99999px; z-index:5000000000}

/*강의과목의 서브메뉴*/
.mn01						{background-color:#443f3e;}
.mn01 p select			{margin:0 auto;width:94%;border:1px solid #ddd; padding:3px;} 
.mn01:after					{display:block;clear:both;content:"";}
.mn01 ul.mn01_smn		{float:left;width:33%;}

}


/*********** mobile ***********/
@media all and (max-width:410px){
.con_bgImg01{background:#fff url('../images/con_bgImg01.jpg') left bottom no-repeat; background-size:180%; padding-bottom:240px;}

}

















