/* 비주얼 */
#main_visual {
	position:relative; 
	width:100%; height:340px;
	display:inline-block;
}
#main_visual .img_wrapper li{
	width:100%;
	height:340px;
}
 .con_wrap{
	width:1140px;
	margin:0 auto;
	background:#fff;
	margin-top:-80px;
	z-index:12;
	position:relative;
	padding:30px 30px 0 30px;
	display:inline-block;
}
#main_visual .img_wrapper{
	display:block;
}
#main_visual .bx-controls {
	left:0; position:relative;
	top:-50px; width:100%; height:0;
}
#main_visual .bx-controls-direction { 
	display:none;
}
#main_visual .bx-wrapper .bx-controls-auto {
	float:left; width:48%; height:20px; 
	margin:0 auto; padding:0 1%; text-align:left;
}
#main_visual .bx-wrapper .bx-controls-auto .bx-controls-auto-item {
	margin-right:5px; margin-top:-5px;
}
#main_visual .bx-wrapper .bx-controls-auto .bx-controls-auto-item a {
	background:#fff; display:block; text-align:center;
	width:25px; height:24px; border:1px solid #283661;
	outline:0; -moz-border-radius:8px; font-family: 'Open Sans', sans-serif;
	font-size:0; font-weight:600; color:#283661; padding-top:2px;
}
#main_visual .bx-wrapper .bx-controls-auto .bx-controls-auto-item a:hover {
	background:#283661; display:block; text-align:center;
	width:25px; height:24px; border:1px solid #283661;
	outline:0; -moz-border-radius:8px; font-family: 'Open Sans', sans-serif;
	font-size:0; font-weight:600; color:#fff; padding-top:2px;
}
#main_visual .bx-wrapper .bx-controls-auto .bx-controls-auto-item a.bx-start {background:#fff url('/images/main/ico_play.png') no-repeat 50% 50% !important;}
#main_visual .bx-wrapper .bx-controls-auto .bx-controls-auto-item a.bx-stop {background:#fff url('/images/main/ico_stop.png') no-repeat 50% 50% !important;}
#main_visual .bx-wrapper .bx-controls-auto .bx-controls-auto-item a.bx-start:hover {background:#283661 url('/images/main/ico_play_ov.png') no-repeat 50% 50% !important;}
#main_visual .bx-wrapper .bx-controls-auto .bx-controls-auto-item a.bx-stop:hover {background:#283661 url('/images/main/ico_stop_ov.png') no-repeat 50% 50% !important;}


#main_visual .bx-wrapper .bx-pager {
	color:#666; font-family:Arial; font-size:0em; font-weight:bold;
	float:left; width:48%; height:20px; 
	margin:0 auto; padding:0 1px; text-align:right;
}

.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
	display:inline-block; *zoom:1; *display:inline;
}

.bx-wrapper .bx-pager.bx-default-pager a {
	background:#fff; border:2px solid #5585d3; text-indent:-9999px; display:block;
	width:15px; height:15px; margin:0 10px; font-size:18px;
	outline:0; -moz-border-radius:8px; -webkit-border-radius:10px; border-radius:10px; box-shadow:3px 3px 3px rgba(0,0,0,0.1);
	font-size:0;
}

.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
	background:#5585d3;
}

/* 주요서비스 바로가기 */
#m_content {
	width:100%;
}
#m_bn_box {
	overflow:hidden;
	background:url(/images/main/go_bg.gif) repeat;
	padding:30px 0;
}
#m_bn_box .m_bn{
	width:1200px;
	margin:0 auto;
}
#m_bn_box .m_bn .tit{
	float:left;
	font-size:24px;
	color:#003366;
	letter-spacing:-1px;
	border-left:5px solid #5585d3;
	padding-left:15px;
	margin-top:32px;
	font-family:nanumsquareB;
}
#m_bn_box .m_bn .tit span.col{
	font-size:24px;
	color:#5585d3;
	font-family:nanumsquareB;
}
#m_bn_box .m_bn .tit span.txt{
	font-size:14px;
	display:block;
	line-height:130%;
}
#m_bn_box .m_bn .m_ico {
	/*float:right;*/
	display:flex;
}
#m_bn_box .m_bn .m_ico li {
	/*float:left;*/
	flex:1;
	padding:0 15px;
	text-align: center;
}

/* 메인_컨텐츠 */
#m_con_box {
	width:1200px;
	margin:0 auto;
}	
#m_con_box #m_con_l{
	width:800px;
	float:left;
}
#m_con_box #m_con_r{
	width:360px;
	float:right;
	padding:30px 0;
}
#m_con01 {
	background:url(/images/main/con_dotline.gif) repeat-x left bottom;
	overflow:hidden;
	padding:30px 0 40px;
}
#m_con01 h3{
	font-size:20px;
	padding:10px 0;
	font-family:nanumsquareB;
}
#m_con01 .txt{
	font-size:12px;
}
#m_con01 .bn li{
	float:left;
	/*width:199px;*/
	padding:0 0 10px 99px;
	border-right:1px solid #f0f0f0;
	margin-top:30px;
	position:relative;
}
/*#m_con01 .bn li.ico01{	background:url(/images/main/con_ico01.png) no-repeat left top;	width:200px;}*/
#m_con01 .bn li.ico01{	background:url(/images/main/con_ico01.png) no-repeat left top;	width:350px;}

/*#m_con01 .bn li.ico02{	background:url(/images/main/con_ico02.png) no-repeat left top;	width:160px;}*/
#m_con01 .bn li.ico02{	background:url(/images/main/con_ico02.png) no-repeat left top;	width:160px; left:10px;}

#m_con01 .bn li.ico03{
	position:relative;
	background:url(/images/main/con_ico03.png) no-repeat left top;
	width:140px;
}
/*#m_con01 .bn li.ico03 a::before{content:""; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.8);}
#m_con01 .bn li.ico03 a::after{content:"온라인 교육장은 잠정 중단되었습니다."; position:absolute; left:50%; top:50%; width:100%; text-align:center; font-weight:bold; font-family:"NanumGothic"; color:#fff; font-size:16px; transform:translate(-50%, -50%);}*/

#m_con01 .bn li.none {
	border:0;
}
#m_con01 .bn li .t01{
	color:#494b8e;
}
/*#m_con01 .bn li .t01 img{	position:absolute;	top:8px;	right:7px;}*/
#m_con01 .bn li .t01 img{	position:absolute;	top:8px;	left:280px;}
#m_con01 .bn li .t02{
	color:#f03a6f;
}
#m_con01 .bn li .t02 img{
	position:absolute;
	top:8px;
	right:60px;
}
#m_con01 .bn li .t03{
	color:#5585d3;
}
/* 팝업존 */
.pop_zone {
	position:relative;
	float:right;
	width:362px;
}
.pop_zone li {
	padding:0;
}
.pop_zone_control{
	position:absolute;
	top:15px;
	right:12px;
	z-index:3;
}
.pop_zone_control li{
	float:left;
	padding-right:3px !important;
}

/* 팝업존 동영상탭 */
.tabmenu{max-width:500px;  height:240px; margin: 0 auto;  position:relative;}
.tabmenu ul li{display: inline-block; width:33%; float:left;  text-align:center; background :#283661; color:#fff; border-right:1px solid #ccc; line-height:40px;}
.tabmenu ul li:last-child{border-right:0;}
.tabmenu ul li:hover{background:#f05362}
.tabmenu label{display:block; width:100%;  height:40px; line-height:40px;}
.tabmenu input{display:none;}
.tabCon{display:none;  position:absolute;  left:0; top:40px;  box-sizing: border-box; }
.tabmenu input:checked ~ label{ background:#f05362;}
.tabmenu input:checked ~ .tabCon{ display:block;}


#m_con02 {
	overflow:hidden;
	padding:40px 0 25px;
}

/* 공지사항 */
.notice {
	float:left;
	width:400px;
	position:relative;
}
.notice ul> li.m_tab {
	float:left;
	display:inline;
	margin:0;
	background:url(/images/main/notice_line.gif) no-repeat right 50% !important;
}
.notice ul> li.m_tab:last-child {
	background:none !important;
}
.notice ul li.none {
	background:none;
}
.notice ul li h2 {
	font-size:18px;
	color:#484848;
	display:block;
	text-decoration:none;
	line-height:50px;
	padding:0 15px;
	font-family:nanumsquareB;
}
.notice ul li .tabbtn {
	cursor:pointer;
}
.notice ul li p.more a {
	display:block;
	text-decoration:none;
	line-height:55px;
	padding:0 25px;
}
.notice ul li h2.selected {
	color:#f9205f;
}
.notice .tabcontent {
	position:absolute;
	top:50px;
	left:20px;
	width:380px;
}
.notice .tabcontent ul {
	border:0;
	padding:0;
	margin:0;
	display:inline-block;
	width:100%;
}
.notice .tabcontent li {
	border:0;
	font-size:12px;
	line-height:25px;
	background:none;
	background:url(/images/main/notice_bullet.gif) no-repeat left 50%;
	padding-left:6px;
	width:96%;
	display:inline-block;
}
.notice .tabcontent li span {
	color:#bcbcbc;
	float:right;
	right:0;
	width:100px;
	font-size:12px;
	padding-top:3px;
}
.notice ul li p.more a {
	position:absolute;
	top:22px;
	left:325px;
	text-decoration:underline;
	padding:0;
	line-height:100%;
}


/* 자료실 */
.data {
	float:left;
	width:360px;
	background:#4e9ee4 url(/images/main/civil_icon.png) no-repeat 240px center;
	padding:25px 10px 20px 15px;
	position:relative;
	margin-bottom:20px;
}
.data h3{
	font-size:26px;
	padding:0 0 10px 0;
	color:#283661;
	font-weight:bold;
	font-family:nanumsquareB;
}
.data span img {
	position:absolute;
	top:97px;
	left:100px;
}
.data .txt {
	font-size:12px;
	color:#283661;
}

.data .more_btn{border:2px solid #fff; min-width:100px; padding:2px 20px 2px 15px; margin-top:15px;  display:inline-block; font-weight:bold;  font-size:16px; color:#283661}
.data .more_btn:hover{border:2px solid #fbd361; color:#fbd361;}

/* 어린이교통랜드 */
.ctl {
	width:350px;
	float:right;
	display:block;
	position:relative;
	padding:30px 0 0 50px;
}
.ctl .txt {
	padding:10px 0;
	font-size:12px;
}
.ctl .btn {
	position:absolute;
	right:30px;
	top:20px;
}

/* 날씨 */
.weather {
	position:absolute;
	left:50%;
	margin-left:630px;
	top:48px;
	z-index:99999;
}
.weather .temp {
	float:right;
	font-family:nanumsquareB;
	font-size:13px;
	color:#262c42;
	text-align:center;
	margin-left:10px;
	line-height:100%;
	padding-top:10px;
}
.weather .temp span {
	font-size:24px;
	font-weight:600;
	display:block;
}
.weather .date {
	font-family:nanumsquareB;
	font-size:12px;
	display:block;
	text-align:right;
	letter-spacing:0;
	color:#3e598b;
}