/* mafu 2015 SITE CSS : UX DESIGN TEAM */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6{margin:0;padding:0;}
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
html,body{
	font-family: 'Nanum Gothic', sans-serif,"나눔고딕"; 
	width:100%;
	height:100%;}
li {list-style-type:none;}
img,fieldset,iframe {border:0;}
a:link, a:visited {text-decoration:none;color:#555555;}
a:hover, a:focus, a:active { text-decoration:none;}
@media all and (max-width:1024px){
	.navigation.smenu{display:none;}
}
.navigation.smenu{
	position:fixed;
	z-index:2;
	top:40%;
	right:2%}
.navigation.smenu li{
	display:inline-block;
	width:14px;height:14px;
	background:url(../images/navigation_off.png) no-repeat;
	display:block;
	padding:0 0 20px 0;
	-webkit-transition: all .2s ease-in-out;
	text-indent:-999em;}
.navigation.smenu li:hover,.smenu li.active{
	width:14px;height:14px;
	background:url(../images/navigation_on.png) no-repeat;
	cursor:pointer;}
.navigation.menu{
	position:absolute;
	bottom:0;
	z-index:1;
	width:100%;background:#fff000;
	border-top:1px solid #cccccc;border-bottom:1px solid #cccccc;
	height:60px;background:#fff;}
/* 2015.08.13(정준교) : 추가 */
.navigation.menu.fixed {
    position:fixed;
    top:0;
    bottom:auto;
}
.navigation.menu ul{text-align:center;}
.navigation.menu li{
	background:url();
	text-indent:0;
	margin:0 auto;
	display:inline-block;
	height:40px;width:160px;
	border-left:1px solid #cccccc;
	padding-top:20px}
.navigation.menu li.line_r{border-right:1px solid #cccccc;}
.navigation.menu li:hover,.menu li.active{
	color:#ce0505;
	height:37px;
	border-bottom:3px solid #ce0505;
	cursor:pointer;}
@media all and (max-width:1024px){
	.slide{overflow:hidden;}
}
.slide{
	background-attachment: fixed;
	width:100%;
	height:100%;
	position: relative;}
.article{margin:0 auto; width:1000px; height:100%;}
.article.slide3{margin-top:8%; height:545px;background:url(../images/slide3/logo_tomas.png)no-repeat;}
.article.slide4{padding-top:10%;}
.article.slide5{padding-top:4%;}
.button{
	display:inline-block;
	width:50px;
	height:50px;
	background-color:#aebfcb;
	background-image:url(../images/arrow.png);
	float:right;
	margin-top:-30px;}
.button:hover{
	background-color:#494949;
	cursor:pointer;}

/******************************
 SLIDE 1 
 *******************************/
#slide1{background-image:url(../images/slide1/slide_back01.jpg);}
#slide1 .logo_mafu{
	display:inline-block;
	width:60px; height:70px;
	margin:50px; 
	background-image:url(../images/slide1/logo_mafu.png);}
#slide1 .btn_top{
	float:right;
	display:inline-block;
	margin:50px; 
	width:60px; height:20px;}
#slide1 .btn_top a.btn_mail{
	display:inline-block;
	background:url(../images/slide1/btn_mail.png) no-repeat;
	width:20px; height:20px;
	margin-right:20px;
	text-indent:-999em;}
#slide1 .btn_top a.btn_map{
	display:inline-block;
	background:url(../images/slide1/btn_map.png) no-repeat;
	cursor:pointer;
	width:20px; height:20px;
	text-indent:-999em;
	margin-top:0;}
#slide1 .slide1_title{clear:both; margin:-600px auto 0;text-align:center;}
#slide1 .slide1_title .slogan{
	display:block;
	height:50px;
	font-size:30px;
	font-weight:bold;}
#slide1 .slide1_title .logo_mafuword{
	display:inline-block;
	width:300px;height:70px;
	margin-top:30px;
	background:url(../images/slide1/logo_mafuword.png);}
#slide1 .logo_mafusimbol{
	display:inline-block;
	width:395px;height:295px;
	background:url(../images/slide1/logo_mafusimbol.png);
	position:absolute;
	bottom:60px; left:55%}
#slide1 .mafu_pattern{
	width:800px; height:650px;
	margin:0 auto;
	background: url(../images/slide1/mafu_pattern.png);}
@media all and (max-height:600px){
	#slide1{
		height:900px;
		background-image:url(../images/slide1/slide_back01s.jpg);backround-size:50%;}
}

/******************************
 SLIDE 2 
*******************************/
#slide2{background:url(../images/slide2/slide_back_top.gif);}
#slide2 .slide2_title{display:block;
	padding-top:20%;
	height:150px;
	font-size:50px;
	text-align:center;}
#slide2 .slide2_title2{
	display:block;
	height:50px;
	font-size:22px;
	color:#666666;
	letter-spacing:-0.1em;
	text-align:center;
	line-height:150%;}
#slide2 .slide2-back{
	height:209px;width:1000px;
	background:url(../images/slide2/slide_back01.png) no-repeat;
	background-size:auto;
	position:absolute;
	bottom:0;}
@media all and (max-height:600px){
	#slide2{height:700px;}
}
#slide2 .slide2-backbar{
	width:100%;
	height:10px;
	background:#aebfcb;
	position:absolute;
	bottom:0;}


/******************************
 SLIDE 3 
*******************************/
#slide3{background:#d1dfe8 url(../images/slide3/slide_back.jpg)no-repeat;}
#slide3 .slide3_title{padding:50px 0 0 530px;font-size:48px;color:#003366;}
#slide3 .slide3_title2{padding:30px 0 0 530px;font-size:23px;color:#003366;letter-spacing:-0.1em;}
#slide3 .slide3_tomas{display:inline-block;padding:30px 0 0 530px;color:#666666;width:450px;line-height:150%;}
#slide3 ul{display:block;padding:60px 0 0 530px;}
#slide3 li{display:inline-block; width:80px; height:90px; text-align:center; padding-top:100px;color:#328ac2;font-weight:bold;margin-right:20px;}
#slide3 li.ctms{background:url(../images/slide3/ctms.png)no-repeat;}
#slide3 li.opcs{background:url(../images/slide3/opcs.png)no-repeat;}
#slide3 li.piss{background:url(../images/slide3/piss.png)no-repeat;}
#slide3 li.wfms{background:url(../images/slide3/wfms.png)no-repeat;}
@media all and (max-height:700px){
	#slide3{height:750px;}

}

/******************************
 SLIDE 4 
*******************************/
#slide4{background:#aebfcb;}
@media all and (max-height:700px){
	#slide4{height:850px;}
}
#slide4 .box{display:inline-block;padding:40px 0 0 50px;width:420px;height:280px;font-weight:bold;}
#slide4 .box.ctms_back{background:url(../images/slide4/ctms.jpg)no-repeat;margin-right:50px;}
#slide4 .box.opcs_back{background:url(../images/slide4/opcs.jpg)no-repeat;}
#slide4 .box.piss_back{background:url(../images/slide4/piss.jpg)no-repeat;margin-right:50px;}
#slide4 .box.wfms_back{background:url(../images/slide4/wfms.jpg)no-repeat;}
#slide4 .ti_01{display:block;font-size:10px; color:#3c8bcb;}
#slide4 .ti_02{display:block;font-family:arial;font-weight:bolder;color:#093972;font-size:48px;}
#slide4 .ti_03{display:block;font-size:16px; color:#224f7d;}
#slide4 .ti_04{display:block;font-size:12px; color:#666666;margin-top:20px;font-weight:normal;line-height:150%;}
#slide4 .ti_04.line2{margin-top:40px;}

/******************************
 SLIDE 5 
*******************************/
#slide5{clear:both;height:1040px;line-height:150%;}
#slide5 dl{font-size:16px;}
#slide5 dt{font-size:16px;color:#666666;}
#slide5 dd{font-size:12px;color:#666666;display:inline-block;}
.metro5{font-size:12px;padding-left:20px;background:url(../images/slide5/metro5.png)no-repeat;margin-top:10px;vertical-align:text-top;}
.metro2{font-size:12px;padding-left:20px;width:400px;background:url(../images/slide5/metro2.png)no-repeat;margin-bottom:30px;}
.mafu_counseling{display:inline-block;float:left;height:180px;}
.tell{display:inline-block;float:right;}
.map{clear:both;font-size:24px;margin-bottom:20px;}
#mafu_map{
	border:1px solid #aaa;
	width:1000px; height:750px;
	margin:30px 0;
	background:url(../images/slide5/map3.jpg)no-repeat;}
.map_title{clear:both;font-size:24px;margin-top:100px;}
.slide5_title{font-size:24px;margin-bottom:20px;}
.public{font-size:18px;margin-right:40px;width:590px;float:left;}
.car{font-size:18px;width:370px;float:right;font-size:12px;}
.bus{float:left;margin:10px 20px 0 0;font-size:12px;height:150px;}
.font12{font-size:12px;}
.copy{clear:both;text-align:center;font-size:10px;display:block;color:#888;}