@charset "utf-8";
/**
공통 레이아웃
*/
.m{display:none;}
.mask{visibility:hidden; opacity:0; display:block; position:fixed; top:0; left:0; width:100%; height:100%; background-color:rgba(0,0,0,0.8); z-index:95; transition:0.3s ease;}
.mask.on{visibility:visible; opacity:1;}

body{width:100%; min-width:320px; overflow-x:hidden;}

#skip-navigation{z-index:9999; position:absolute; left:0; top:0;}
#skip-navigation *{list-style:none; margin:0; padding:0;}
#skip-navigation a{display:block; width:1px; height:1px; overflow:hidden; color:#000; white-space:nowrap;}
#skip-navigation a:focus,
#skip-navigation a:active{width:100px; height:auto; background:#ffd;}

.inner{position:relative; width:1200px; margin:0 auto;}
.inner:after{content:''; display:block; clear:both; width:100%;}

#header{position:relative; height:102px; background:#6e6c6d;}
#header .inner{text-align:right;}
.logo {z-index:94; position:absolute; top:33px; left:0; line-height:160%; text-align:left;}
.logo *{display:inline-block;}
.logo a{text-decoration:none;}
.logo img{margin:0 7px 0 0; vertical-align:top;}
.logo em{padding:3px 0 5px; font-size:22px; font-weight:900; letter-spacing:-1px; color:#fff;}
.logo span > span{display:block; padding:0 0 0 2px; font-size:10px; line-height:100%; font-weight:100; text-transform:uppercase; color:#c9c9c9;}

.global{z-index:95; position:relative; display:inline-block; padding:9px 0 0 0; font-size:14px;}
.global li{position:relative; display:inline-block; padding:0 9px 0 10px; line-height:100%; vertical-align:top;}
.global li:first-child:after{content:''; display:block; position: absolute; top:50%; right:0; width:1px; height:10px; margin:-5px 0 0 0; background:#abaaaa;}
.global li a{color:#e3dfdf;}
.global li a:hover{color:#fff;}

#font_control {z-index:95; position:relative; float:right;}
#font_control ul{overflow:hidden; width:100%;}
#font_control li{float:left; width:32px; margin:0 0 0 3px; font-size:14px; font-weight:400; text-align:center;}
#font_control li a{display:block; height:29px; line-height:29px; color:#e3dfdf; border:1px solid #d6d6d6;}
#font_control li.img a{text-indent:-999px; font-size:0; background:url(/images/common/ico_util.png) no-repeat -105px 0;}
#font_control li.big a{background-position:0 0;}
#font_control li.small a{background-position:-70px 0;}
#font_control li a:hover{color:#fff; border-color:#fff;}

.btn_menu{display:none; z-index:95; position:absolute; top:86px; right:0; width:29px; padding:4px 2px; border-radius:3px; background:none;} 
.btn_menu .bar{display:block; width:100%; height:3px; margin:4px 0 4px 0; background:#fff;}

.btn_menu_close{display:block; z-index:96; position:absolute; top:27px; right:3%; width:50px; height:50px; border-radius:50%; border:1px solid #d8e3f2; background:none;}
.btn_menu_close .bar{position:absolute; top:24px; left:12px; display:block; width:25px; height:1px; background:#d8e3f2;}
.btn_menu_close .bar1{transform:rotate(45deg);}
.btn_menu_close .bar2{transform:rotate(-45deg);}

/* 메인메뉴 */
#menuArea{overflow:hidden; z-index:93; position:absolute; left:0; top:16px; width:100%; font-weight:700; letter-spacing:-1px; border-bottom:1px solid #e2e2e2; background:url(/images/common/bg_menu.gif) repeat-x;}
#menuArea.on{box-shadow:0 15px 15px rgba(0,0,0,0.15);}
#menuArea .bar{display:block; position:absolute; top:57px; left:0; width:60px; height:3px; opacity:0; z-index:98; background:#184c87; transition:0.3s;}

#topmenu{float:left; width:100%; padding:0 0 0 485px; box-sizing:border-box;}
#topmenu > li{float:left; width:20%; line-height:0;}
#topmenu li.menu9,
#topmenu li.last{display:none;}
#topmenu > li > a{display:block; line-height:86px; font-size:19px; font-weight:600; text-align:center; text-decoration:none; color:#fff; z-index:97;}

#topmenu > li:hover > a,
#topmenu > li > a:active,
#topmenu > li > a:focus,
#topmenu > li > a:hover,
#topmenu > li.current_on > a{color:#7ad5ff;}

#topmenu > li.menu2:hover > a,
#topmenu > li.menu2 > a:active,
#topmenu > li.menu2 > a:focus,
#topmenu > li.menu2 > a:hover,
#topmenu > li.menu2.current_on > a{color:#86ee00;}

#topmenu > li.menu3:hover > a,
#topmenu > li.menu3 > a:active,
#topmenu > li.menu3 > a:focus,
#topmenu > li.menu3 > a:hover,
#topmenu > li.menu3.current_on > a{color:#ffb161;}

#topmenu > li.menu4:hover > a,
#topmenu > li.menu4 > a:active,
#topmenu > li.menu4 > a:focus,
#topmenu > li.menu4 > a:hover,
#topmenu > li.menu4.current_on > a{color:#58e4be;}

#topmenu > li.menu5:hover > a,
#topmenu > li.menu5 > a:active,
#topmenu > li.menu5 > a:focus,
#topmenu > li.menu5 > a:hover,
#topmenu > li.menu5.current_on > a{color:#b6c1ff;}


#topmenu li .menu{position: absolute; top:86px; left:0; z-index:96; width:100%; box-sizing:border-box; background:url(/images/common/bg_menu1.gif) no-repeat 100% 50%;}
#topmenu .menu2 .menu{background-image:url(/images/common/bg_menu2.gif);}
#topmenu .menu3 .menu{background-image:url(/images/common/bg_menu3.gif);}
#topmenu .menu4 .menu{background-image:url(/images/common/bg_menu4.gif);}

#topmenu .title{float:left; width:230px; height:179px; padding:68px 0 0 0; border-right:1px solid #d1d1d1;}
#topmenu .title h3{display:inline-block; padding:0 26px 0 0; line-height:100%; font-size:28px; letter-spacing:-2px; color:#0098dd; background:url(/images/common/bg_title1.gif) no-repeat 100% 3px;}
#topmenu .menu2 .title h3{color:#65b400; background-image:url(/images/common/bg_title2.gif);}
#topmenu .menu3 .title h3{color:#fc8001; background-image:url(/images/common/bg_title3.gif);} 
#topmenu .menu4 .title h3{color:#21bd85; background-image:url(/images/common/bg_title5.gif);}
#topmenu .menu5 .title h3{color:#475bd1; background-image:url(/images/common/bg_title4.gif);}
#topmenu .title .info{padding:12px 0 0 0; font-size:15px; line-height:150%; letter-spacing:-1px; color:#6b6b6b;}

#topmenu .menu > ul{float:left; width:155px; height:217px; padding:30px 24px 0 24px; border-right:1px solid #d1d1d1; background:#f8f8f8;}
#topmenu li ul li{float:none; width:100%;}
#topmenu li ul li a{display:block; padding:0 0 0 7px; color:#151515; text-align:left; line-height:28px;}

#topmenu ul ul{display:none;}

#topmenu .menu ul li a:active,
#topmenu .menu ul li a:focus,
#topmenu .menu ul li a:hover,
#topmenu .menu ul li a.on{color:#fff; text-decoration:none; background:#0098dd;}

#topmenu .menu ul li ul{display:none; position:absolute; top:30px; left:474px; padding:0; background:none; border:none;}
#topmenu .menu ul li ul li{float:none;}
#topmenu .menu ul li ul li a{padding:0; line-height:160%;}

#topmenu .menu2 .menu ul li a:active,
#topmenu .menu2 .menu ul li a:focus,
#topmenu .menu2 .menu ul li a:hover,
#topmenu .menu2 .menu ul li a.on{background:#65b400;}
#topmenu .menu2 .menu ul li ul li a:active,
#topmenu .menu2 .menu ul li ul li a:focus,
#topmenu .menu2 .menu ul li ul li a:hover{color:#65b400;} 
							    
#topmenu .menu3 .menu ul li a:active,
#topmenu .menu3 .menu ul li a:focus,
#topmenu .menu3 .menu ul li a:hover,
#topmenu .menu3 .menu ul li a.on{background:#fc8001;}
#topmenu .menu3 .menu ul li ul li a:active,
#topmenu .menu3 .menu ul li ul li a:focus,
#topmenu .menu3 .menu ul li ul li a:hover{color:#fc8001;} 

#topmenu .menu4 .menu ul li a:active,
#topmenu .menu4 .menu ul li a:focus,
#topmenu .menu4 .menu ul li a:hover,
#topmenu .menu4 .menu ul li a.on{background:#21bd85;}
#topmenu .menu4 .menu ul li ul li a:active,
#topmenu .menu4 .menu ul li ul li a:focus,
#topmenu .menu4 .menu ul li ul li a:hover{color:#21bd85;} 

#topmenu .menu5 .menu ul li a:active,
#topmenu .menu5 .menu ul li a:focus,
#topmenu .menu5 .menu ul li a:hover,
#topmenu .menu5 .menu ul li a.on{background:#475bd1;}
#topmenu .menu5 .menu ul li ul li a:active,
#topmenu .menu5 .menu ul li ul li a:focus,
#topmenu .menu5 .menu ul li ul li a:hover{color:#475bd1;} 

#topmenu .menu ul li ul li a:active,
#topmenu .menu ul li ul li a:focus,
#topmenu .menu ul li ul li a:hover{background:none !important; color:#0098dd; text-decoration:underline;} 

/* 하단*/
.linksite{clear:both; width:100%; background:#6e6c6d;}
.linksite:after{content:''; display:block; clear:both;}
.linksite .inner > li{position:relative; float:left; width:33.3%; box-sizing:border-box; border-right:1px solid rgba(255,255,255,0.5);}
.linksite .inner > li:first-child{border-left:1px solid rgba(255,255,255,0.5);}
.linksite .inner > li > a{position:relative; display:block; height:35px; line-height:35px; padding:0 0 0 30px; color:#fff; font-size:14px; transition:0.3s;}
.linksite .inner > li > a:after{content:''; display:block; position:absolute; top:50%; left:88%; width:10px; height:6px; margin:-3px 0 0 0; transition:0.3s; background:url(/images/common/bg_bullet.png) no-repeat 0 -548px;}
.linksite .inner > li > a:hover,
.linksite .inner > li > a:active{background-color:#444;}
.linksite .inner > li > a.on{background-color:#295995;}
.linksite .inner > li > a.on:after{transform:rotate(180deg);}
.linksite li div{display:none; z-index:56; position:absolute; bottom:35px; left:0; width:100%; padding:0.8em; letter-spacing:-1px; box-sizing:border-box; border:1px solid #8c98c2; border-bottom:none; box-shadow:2px -2px 3px rgba(0,0,0,0.1); background:#dae8f8;}
.linksite li.on div{display:block;}
.linksite li div ul{width:100%; overflow-y:auto; max-height:350px; min-height:120px; margin:0 auto;  padding:0.5em 0 0.5em 1em; background:#f8faff; box-sizing:border-box;}
.linksite li div ul li{position:relative; display:inline-block; width:48.5%; padding:3px 0 3px 0.5em; box-sizing:border-box; vertical-align:top;}
.linksite li div ul li:before{content:''; display:block; position:absolute; top:12px; left:0; width:3px; height:3px; background:#555;}

#footer{padding:0 0 30px; font-weight:400; color:#6d6d6d;}
#footer .info{font-size:14px;}
#footer .link{padding:23px 0 5px;}
#footer .link li{display:inline-block; padding:0 20px 0 17px; line-height:100%; border-left:1px solid #aaa; vertical-align:top;}
#footer .link li:first-child{padding-left:0; border-left:none;}
#footer .link li.privacy a{color:#3c67a1; font-weight:800;}
#footer .copyright{font-size:12px; line-height:120%; font-weight:100; text-transform:uppercase;}
#footer address{margin:0 0 5px; line-height:120%;}


/*
서브 레이아웃
*/
#subContent{position:relative; max-width:1200px; margin:0 auto; padding:23px 0 26px 0;}
#subContent:after{content:''; display:block; clear:both;}
#subContent #content{float:right; width:79.41%; padding:40px 39px 70px; border:1px solid #cdcdcd; background:#fff; box-sizing:border-box;}

/* 서브메뉴 */
#submenu{z-index:1; position:relative; float:left; width:18.91%; letter-spacing:-1px; background:#fff;}
#submenu .sm_tit{display:table; position:relative; width:100%; height:95px; text-align:center; line-height:95px; color:#fff; background:#0098dd;}
#submenu .sm_tit h2{display:table-cell; font-size:28px; font-weight:800; vertical-align:middle;}
#submenu .depth2{border:1px solid #d3d5d8; padding:6px 18px 19px; border-top:none;}
#submenu .depth2 > li{line-height:0; border-bottom:1px solid #dadcde;}
#submenu .depth2 > li > a{position:relative; display:block; height:46px; line-height:46px; padding:0 0 0 8px; font-size:18px; font-weight:700; color:#393939; text-decoration:none; box-sizing:border-box;}
#submenu .depth2 > li:hover > a,
#submenu .depth2 > li > a:hover,
#submenu .depth2 > li > a:focus,
#submenu .depth2 > li > a:active,
#submenu .depth2 > li.current_on > a{position:relative; color:#0098dd;}
#submenu .depth2 > li:hover > a:before,
#submenu .depth2 > li > a:hover:before,
#submenu .depth2 > li > a:focus:before,
#submenu .depth2 > li > a:active:before,
#submenu .depth2 > li.current_on > a:before{content:''; position:absolute; top:50%; right:5px; width:6px; height:11px; transform:translateY(-50%); background:url(/images/common/bg_on1.gif) no-repeat;}
#submenu .depth2 li ul {padding:10px; border-top:1px solid #dadcde; background:#ebf7fd;}

#submenu .depth2 li ul li {margin:0 0 5px;}
#submenu .depth2 li ul li a{position:relative; display:block; padding:0 0 0 16px; font-size:100%; line-height:27px; color:#262626;}
#submenu .depth2 li ul li a:before{content:''; display:block; position:absolute; top:12px; left:8px; width:4px; height:1px; background:#262626;}
#submenu .depth2 li ul li a:hover,
#submenu .depth2 li ul li a:focus,
#submenu .depth2 li ul li a:active,
#submenu .depth2 li ul li.current_on a{color:#fff; background:#0098dd;}
#submenu .depth2 li ul li a:hover:before,
#submenu .depth2 li ul li a:focus:before,
#submenu .depth2 li ul li.current_on a:before{background:#fff;}

#submenu.sm_mms .sm_tit{background:#65b400;}
#submenu.sm_mms .depth2 li ul{background:#ecf8dd;}
#submenu.sm_mms .depth2 > li:hover > a:before,
#submenu.sm_mms .depth2 > li > a:hover:before,
#submenu.sm_mms .depth2 > li > a:focus:before,
#submenu.sm_mms .depth2 > li > a:active:before,
#submenu.sm_mms .depth2 > li.current_on > a:before{background-image:url(/images/common/bg_on2.gif);}
#submenu.sm_mms .depth2 li ul li a:hover, #submenu.sm_mms .depth2 li ul li a:focus, #submenu.sm_mms .depth2 li ul li a:active, #submenu.sm_mms .depth2 li ul li.current_on a{background:#65b400;}
#submenu.sm_mms .depth2 > li:hover > a, #submenu.sm_mms .depth2 > li > a:hover, #submenu.sm_mms .depth2 > li > a:focus, #submenu.sm_mms .depth2 > li > a:active, #submenu.sm_mms .depth2 > li.current_on > a{color:#65b400;}

#submenu.sm_ibs .sm_tit{background:#fc8001;}
#submenu.sm_ibs .depth2 > li:hover > a:before,
#submenu.sm_ibs .depth2 > li > a:hover:before,
#submenu.sm_ibs .depth2 > li > a:focus:before,
#submenu.sm_ibs .depth2 > li > a:active:before,
#submenu.sm_ibs .depth2 > li.current_on > a:before{background-image:url(/images/common/bg_on3.gif);}
#submenu.sm_ibs .depth2 li ul li a:hover, #submenu.sm_ibs .depth2 li ul li a:focus, #submenu.sm_ibs .depth2 li ul li a:active, #submenu.sm_ibs .depth2 li ul li.current_on a{background:#fc8001;}
#submenu.sm_ibs .depth2 > li:hover > a, #submenu.sm_ibs .depth2 > li > a:hover, #submenu.sm_ibs .depth2 > li > a:focus, #submenu.sm_ibs .depth2 > li > a:active, #submenu.sm_ibs .depth2 > li.current_on > a{color:#fc8001;}

#submenu.sm_sch .sm_tit{background:#21bd85;}
#submenu.sm_sch .depth2 > li:hover > a:before,
#submenu.sm_sch .depth2 > li > a:hover:before,
#submenu.sm_sch .depth2 > li > a:focus:before,
#submenu.sm_sch .depth2 > li > a:active:before,
#submenu.sm_sch .depth2 > li.current_on > a:before{background-image:url(/images/common/bg_on5.gif);}
#submenu.sm_sch .depth2 li ul li a:hover, #submenu.sm_sch .depth2 li ul li a:focus, #submenu.sm_sch .depth2 li ul li a:active, #submenu.sm_sch .depth2 li ul li.current_on a{background:#21bd85;}
#submenu.sm_sch .depth2 > li:hover > a, #submenu.sm_sch .depth2 > li > a:hover, #submenu.sm_sch .depth2 > li > a:focus, #submenu.sm_sch .depth2 > li > a:active, #submenu.sm_sch .depth2 > li.current_on > a{color:#21bd85;}

#submenu.sm_info .sm_tit{background:#475bd1;}
#submenu.sm_info .depth2 > li:hover > a:before,
#submenu.sm_info .depth2 > li > a:hover:before,
#submenu.sm_info .depth2 > li > a:focus:before,
#submenu.sm_info .depth2 > li > a:active:before,
#submenu.sm_info .depth2 > li.current_on > a:before{background-image:url(/images/common/bg_on4.gif);}
#submenu.sm_info .depth2 li ul li a:hover, #submenu.sm_info .depth2 li ul li a:focus, #submenu.sm_info .depth2 li ul li a:active, #submenu.sm_info .depth2 li ul li.current_on a{background:#475bd1;}
#submenu.sm_info .depth2 > li:hover > a, #submenu.sm_info .depth2 > li > a:hover, #submenu.sm_info .depth2 > li > a:focus, #submenu.sm_info .depth2 > li > a:active, #submenu.sm_info .depth2 > li.current_on > a{color:#475bd1;}

/* 문서정보 */
.location{position:absolute; top:14px; right:0; font-size:14px;}
.location .home,
.location span{position:relative; display:inline-block; vertical-align:top; line-height:100%; padding:0 0 0 15px; font-weight:700; vertical-align:top; color:#7e7e7e;}
.location .home{padding:0 0 0 20px;}
.location .home:after,
.location span:after{content:''; display:block; position:absolute; top:2px; left:0; width:20px; height:14px; background:url(/images/common/ico_sub.png) no-repeat 0 -268px;}
.location span:after{top:4px; left:3px; width:5px; height:11px; background-position:0 -363px;}
.location span:last-child{color:#363636;}

#pageTitle{position:relative; width:100%; padding:0 0 52px;}
#pageTitle h3{position:relative; line-height:100%; font-size:39px; font-weight:800; letter-spacing:-2px; color:#000;}

@media all and (max-width:1220px) {
	#mainmenu,
	.inner{width:98%;}
	
	#top .global > li > a{padding:0 1.5em;}

	#subContent{padding:23px 10px 26px;}
}
@media all and (max-width:1024px) {
	img{max-width:100%;}
	.m{display:block;}
	.w{display:none;}

	.logo{top:17px; width:100%; text-align:center;}
	.logo *{vertical-align:top;}
	.logo img{height:41px;}
	.logo em{padding:1px 0 4px; font-size:20px;}
	.logo span > span{font-size:9px; text-align:left; letter-spacing:0;}

	#header{height:75px;}
	#header .inner{width:100%; padding:0;}

	#top{height:35px; font-size:14px;}
	#top .global > li > a{padding:0 1.5em; line-height:35px;}
	#top .global li div{top:35px;}
	#top .global > li:last-child a:before{margin-top:8px;}

	#font_control{display:none;}

	.btn_menu{display:block; right:auto; left:10px; top:20px;}
	
	/* 모바일 메뉴 */
	.mask{display:block;}
	.m_menu .title{display:none;}
	.m_menu{position:absolute; top:0; left:-100%; width:60%; height:100%; z-index:99; background:#e5e5e5; transition:0.5s ease-in-out;}
	.m_menu.on{left:0;}
	.m_menu .m_top{position:relative; height:106px; background:#6e6c6d;}
	.m_menu .logo{position:absolute; top:35px; left:2%; width:98%; text-align:left; transform:none;}
	.m_menu .logo a{color:#fff;}
	.m_menu .logo span > span{color:#fff;}
	.m_menu > ul{float:left; width:100%;}
	.m_menu > ul a{display:block; text-decoration:none; cursor:pointer;}
	.m_menu > ul > li{border-bottom:1px solid #d6d6d6;}
	.m_menu > ul > li > a{height:3em; line-height:3em; font-size:130%; padding:0 0 0 1em; font-weight:800; background:#f1f1f1 url(/images/common/bul_menu.png) no-repeat 95% -27px;}
	.m_menu > ul > li > .on{color:#fff; background-color:#0098dc; background-position:95% 20px;}
	.m_menu > ul > li > div {display:none; padding:1.3em 0.8em 0.7em 1.2em; background:#f2f9ff;}
	.m_menu > ul > li .on + div{display:block;} 
	.m_menu > ul > li > div > ul > li {margin:0 0 0.8em 0;}
	.m_menu > ul > li > div > ul > li > a{position:relative; padding:0 0 0 1.2em; font-size:115%; font-weight:400;}
	.m_menu > ul > li > div > ul > li > a:before{content:''; display:block; position:absolute; top:5px; left:0.2em; width:13px; height:13px; border:4px solid #527eb8; border-left:4px solid #1b4a93; border-top:4px solid #114392;}
	.m_menu > ul > li > div > ul > li > ul{overflow:hidden; width:100%; margin:2px 0 0 0; padding:0.6em 0 0.4em 0.5em; box-sizing:border-box; border:1px solid #e6e6e6; border-radius:5px; background:#fff;}
	.m_menu > ul > li > div > ul > li > ul li{float:left; width:50%;}
	.m_menu > ul > li > div > ul > li > ul li a{position:relative; padding:2px 0 2px 10px;}
	.m_menu > ul > li > div > ul > li > ul li a:before{content:''; display:block; position:absolute; top:11px; left:2px; width:3px; height:3px; background:#4387d8;}

	#subContent{padding:10px;}
	#subContent #content{width:100%; padding:35px 4% 60px;}

	#footer .inner{width:100%;}
	#footer .info{padding:0 10px; box-sizing:border-box;}
		
	.linksite .inner > li{width:50%;}

	#pageTitle{padding:0 0 35px;}
	#pageTitle h3{font-size:33px; letter-spacing:-1px;}
}
@media all and (max-width:768px) {
	.global{padding:6px 0 0 0; font-size:13px;}

	#header{height:68px;}
	
	.logo {top:23px;}
	.logo img{height:35px; margin:0 1px 0 0;}
	.logo em{padding:1px 0; font-size:20px;}
	.logo span > span{line-height:100%;}
	
	.btn_menu{top:22px; width:33px; height:33px; padding:0 5px;}
	.btn_menu .bar{margin:3px 0;}
	.btn_menu_close{top:23px; width:34px; height:34px;}
	.btn_menu_close .bar{top:15px; left:4px;}
		
	.m_menu .m_top{height:85px;}
	.m_menu .logo{top:23px;}
	.m_menu > ul > li > a{padding:0 0 0 0.7em; font-size:16px; background-size:17px auto; background-position:94% -17px;}
	.m_menu > ul > li > .on{background-position:94% 17px;}
	.m_menu > ul > li > div{padding:0.6em 0.7em 0.5em 0.7em;}
	.m_menu > ul > li > div > ul > li{margin:0 0 0.5em 0;}
	.m_menu > ul > li > div > ul > li > a{font-size:15px; background-size:13px;}
	.m_menu > ul > li > div > ul > li > a:before{top:3px;}
	.m_menu > ul > li > div > ul > li > ul{padding:0.5em 0 0.3em 0.4em;}
	.m_menu > ul > li > div > ul > li > ul li a{padding:0 0 0 10px; font-size:14px;}
	.m_menu > ul > li > div > ul > li > ul li a:before{top:8px;}
		
	#footer .info{font-size:14px; text-align:center;}
	#footer .link{padding:30px 0 7px; font-size:15px;}
	#footer address span{display:block; padding:1px 0 2px 0; font-size:13px;}
	#footer .copyright{font-size:11px;}
	
	.linksite .inner > li > a{padding:0 0 0 20px;}
	.linksite li div ul li{width:97%;}
		
	#pageTitle{padding:0 0 30px;}
	#pageTitle h3{font-size:28px; text-align:center;}

	.location{position:static; padding:7px 0 0 0; font-size:13px; text-align:center;}
	.location .home:after{top:1px;}
	.location span:after{top:3px; left:5px;}
	
	#subContent{padding:5px;}
	#subContent #content{padding:27px 4% 60px;}
}
@media all and (max-width:568px) {
	.global{padding:4px 0 0 0; font-size:12px;}

	.logo em{font-size:19px;}

	.m_menu{width:290px;}
	.m_menu > ul > li > a{background-position:92% -17px;}
	.m_menu > ul > li > .on{background-position:92% 17px;}
	
	#pageTitle{padding:0 0 25px;}
	#pageTitle h3{font-size:24px;}
	
	#footer .info{font-size:13px;}
	#footer .copyright{font-size:10px;}
	#footer .link{font-size:15px;}

	.linksite {font-size:14px;}
	.linksite .inner > li > a:after{left:auto; right:15px;}

	.location{font-size:12px;}
	.location .home:after{top:0;}
	.location span:after{top:2px;}

	#subContent #content{padding:25px 4% 60px;}
}
@media all and (max-width:400px) {
	.global{font-size:11px;}

	.logo img{height:33px;}
	.logo em{padding-top:2px; font-size:18px;}
	.logo span > span{font-size:8px;}

	.m_menu > ul > li > div > ul > li > a{font-size:14px;}
	.m_menu > ul > li > div > ul > li > ul li a{font-size:13px;}

	#footer .info{font-size:12px;}
	#footer .link{padding:25px 0 5px; font-size:14px;}
	#footer address span{font-size:11px;}
	#footer .copyright{font-size:9px;}

	#pageTitle{padding:0 0 20px;}
	#pageTitle h3{font-size:23px;}

	.linksite{font-size:13px;}
}