/* pop up */
div#popup_area { display: none;}
div#popup_area div { position:relative;}
div#popup_area div button { position: absolute; right: 5.08997955010225%; top: 9.39712918660287%; z-index: 1000; width: 5.76073619631902%; }
div#popup_area div button img { width: 100%;}
div#popup_area div button { cursor: pointer; border: none; background: none; }

.rslides { position: relative; list-style: none; overflow: hidden; width: 100%; padding: 0; margin: 0; }
.rslides li:first-child { position: relative; display: block; float: left;}
.rslides li { -webkit-backface-visibility: hidden; position: absolute; display: none; width: 100%; left: 0; top: 0; }
.rslides img { display: block; height: auto; float: left; width: 100%; border: 0; }

/* bottom */
div#bottom_wrapper
{
	border:0px solid red;
}
div#bottom_wrapper img 
{
	width:100%;
	height:auto;
}
div#bottom_wrapper ul li
{
	width:50%;
	float:left;
}
div#bottom_wrapper ul li img { width:80%;}

/* main gnb */
div#gnb { width:100%;height:30px;clear:both;}
div#gnb ul { width:100%; margin:0 auto; padding-top:6px;}
div#gnb ul li a { color:#fff;}
div#gnb ul li { float:left; color:#fff; padding:0; border-right:1px solid #8aa3bd; text-align:center;}
div#gnb ul li.gnb_prog { width:35%;}
div#gnb ul li.gnb_news { width:14%;}
div#gnb ul li.gnb_table { width:20%;}
div#gnb ul li.gnb_info { width:29%;  background: none !important; border:none;}

/* 메인 사이트맵 */
div#sitemap_wrapper2
{
	width: 100%;
	height: auto;
	background:url(/m/img/bottombg.jpg) repeat-x;
	clear:both;
}
div#sitemap_wrapper2 img { width:100%;}
div#sitemap_wrapper2 .phone_wrapper {
	width:67.1875%; padding:22px 0 0 0; margin:0 auto; height:60px;
	border:0px solid red;	
}
div#sitemap_wrapper2 .phone_wrapper .phone {	float:left; width:52%; border-right:1px solid #467ed8; }
div#sitemap_wrapper2 .phone_wrapper .phone img { width:80%;}
div#sitemap_wrapper2 .phone_wrapper .sms {	float:right; width:46%; text-align:center;}
div#sitemap_wrapper2 .phone_wrapper .sms img { width:74%;}

@media screen and (min-width: 640px)
{
	div#popup_area { display: none; width:640px; margin:0 auto; }

	header, div#content_wrapper, footer { width:640px; margin:0 auto;}
	header nav
	{
		height: 100px;
		background-color:#FFFFFF;
	}
	header nav div.pc_position h1 a img
	{
		width: 340px;
		height: 46px;
	}
	header nav div.pc_position button img {	width: 115px; height: 60px;}

	div#gnb { width:640px; margin:0 auto;}
	div#gnb ul li a { font-size:22px; margin:0; padding:0;}

	div#sitemap_wrapper2 img.freq
	{
		width:640px;;
	}
	div#sitemap_wrapper2 .phone_wrapper { width:430px; height:79px; padding:22px 0 10px 0;  }
	div#sitemap_wrapper2 .phone_wrapper .phone	{	width:230px; }
	div#sitemap_wrapper2 .phone_wrapper .phone img { width:186px;}
	div#sitemap_wrapper2 .phone_wrapper .sms { width:198px;}
	div#sitemap_wrapper2 .phone_wrapper .sms img { width:154px;}

	div#gnb { width:640px;height:50px;clear:both; margin:0 auto;}
	div#gnb ul { width:100%; margin:0 auto; padding-top:10px;}
	div#gnb ul li { float:left; color:#fff; padding:0; border-right:1px solid #467ed8; text-align:center;}
	div#gnb ul li a { color:#fff;}
	div#gnb ul li.gnb_prog { width:35%;}
	div#gnb ul li.gnb_news { width:14%;}
	div#gnb ul li.gnb_table { width:20%;}
	div#gnb ul li.gnb_info { width:29%;  background: none !important; border:none;}

	footer address, footer p {width:100%; text-align:center;}
	footer div.pc_position img#go_pbc {
		width:105px;
		height:34px;
		margin-top:20px;
		border:0;
	}
	img#go_login {
		width:105px;
		height:34px;
		margin-top:20px;
		border:0;
	}
}


/* 메인페이지 렙퍼 */
div#main_page_wrapper
{
	position: relative;
	z-index: 0;
	background: #CED1CF;
}

/* 비주얼 */
div#visual_rslides_wrapper ul#visual_rslides
{
	/*position: absolute;
	left: 0;
	top: 95px;*/
	z-index: -1;
}

div#visual_rslides_wrapper ul#visual_rslides li img.pc_only,
div#visual_rslides_wrapper ul#visual_rslides li img.visual_text
{
	display: none;
}

/* 비주얼네비게이션*/
div#visual_rslides_wrapper a.prev
{
	position: absolute;
	left: 0;
	top: 158px;
	z-index: 1000;
	display: block;
	width: 44px;
	height: 44px;
	text-indent: -9999px;
	background: url(/images/open_content/main_page/btn_prev_off.png) 0 0 no-repeat;
	background-size: 44px 44px;
}

div#visual_rslides_wrapper a.prev:hover
{
	background: url(/images/open_content/main_page/btn_prev_on.png) 0 0 no-repeat;
	background-size: 44px 44px;
}

div#visual_rslides_wrapper a.next
{
	position: absolute;
	right: 0;
	top: 158px;
	z-index: 1000;
	display: block;
	width: 44px;
	height: 44px;
	text-indent: -9999px;
	background: url(/images/open_content/main_page/btn_next_off.png) 0 0 no-repeat;
	background-size: 44px 44px;
}

div#visual_rslides_wrapper a.next:hover
{
	background: url(/images/open_content/main_page/btn_next_on.png) 0 0 no-repeat;
	background-size: 44px 44px;
}

/* 컨테이너 */
div#container
{
	background: none;
}

div#content_wrapper
{
	padding: 0;	
	border:0px solid red;
}

div.content_wrapper_toggleClass
{
	padding-top: 0 !important;
}

/*
div#content_detail div#left_content div#course ul li div span.padding_top
{
	padding: 10px 0 0 0;
}
*/

div#content_detail div#left_content div#course ul li ul
{
	/* float: right; */
	float: left;
	width: 55%;
	padding: 18px 0 5px 20px;
}

div#content_detail div#left_content div#course ul li ul.padding_top
{
	padding: 25px 0 0 20px;
}

div#content_detail div#left_content div#course ul li ul li
{
	float: left;
	/* width: 50%; */
	width: auto;
	padding: 0 0 10px 0;
}

div#content_detail div#left_content div#course ul li ul li a
{
	display: block;
	padding: 0 15px 0 0;
}

/** 바로가기 **/
div#content_detail div#left_content div#redirect
{
	float: left;
	width: 100%;
	margin: 17px 0 0 0;
	border-radius: 4px;
	background: #FFFFFF;
}

div#content_detail div#left_content div#redirect ul
{
	float: left;
	width: 100%;
	padding: 24px 0 0 0;
}

div#content_detail div#left_content div#redirect ul li
{
	float: left;
	width: 50%;
	padding: 0 0 24px 0;
}

div#content_detail div#left_content div#redirect ul li a
{
	display: block;
	text-align: center;
}

div#content_detail div#left_content div#redirect ul li#redirect_01 a,
div#content_detail div#left_content div#redirect ul li#redirect_03 a
{
	border-right: 1px solid #E9E9E9;
}

div#content_detail div#left_content div#redirect ul li a img
{
	width: 42px;
	height: 42px;
}

div#content_detail div#left_content div#redirect ul li span
{
	display: block;
	padding: 12px 0 0 0;
	text-align: center;
}

/* center_content */
div#content_detail div#center_content
{
	float: left;
	width: 100%;
}

@media screen and (min-width: 750px)
{
	div#content_detail div#center_content
	{
		float: right;
		width: 35.58620689655172%;
	}
}


.mainBan		{ position:absolute; top: 68%; left: 0px; width: 46%; z-index: 100; }
.mainBan img	{ width: 100%; }