@charset "utf-8";

@import url(common.css);

/*** 상단 배너 *****/
#wrap header p button{ position:absolute; top:0; right:0; width:110px; height:35px; line-height:35px;  padding:0 0 0 25px; background:#1b6fbd url(/images/web/opma/main/btn_p_close.gif) no-repeat 15px 50%; color:#fff; font-size:12px;}

/* container */
#container { width:100%; position:relative;}
#container:after {display:block; content:""; clear:both;}

/* visual */
.main_visual {position:relative; overflow:hidden; width:100%; height:449px; border-bottom:1px solid #c8d1db; background:url('/images/web/opma/main/M_visual_bg.jpg') no-repeat center top; background-size:cover; *background-size:100% auto;  }
.main_visual .slogan {position:relative; width:1200px; height:449px; margin:40px auto 0 auto; color:#fff; text-align:center;}
.main_visual .slogan p.txt_1 {font-size:30px;line-height:1.3; font-family:'Nanum'; letter-spacing:-1px;}
.main_visual .slogan p.txt_2 {font-size:34px; line-height:1.4; color:#9bd1f1; font-family:'NanumBold'; margin-top:5px; letter-spacing:-1px;}
.main_visual .slogan span {font-family:'NanumBold'; }
.main_visual .slogan .slogan_pc_y {color:#f7c549;}
.main_visual .slogan .slogan_pc_s {color:#37d4dc;}
.main_visual .slogan .slogan_pc_p {color:#ff908c;}

.widgDiv1{
	position:relative; width:920px; margin:40px auto 0;
}

.widgDiv2{
	position:relative; width:540px; height:135px; float:left; overflow:hidden;
}

.widgDiv3{
	position:relative; width:599px; height:135px; float:right; overflow:hidden;
}

.widgDiv4{
	width:1199px; height:73px; margin:40px auto 0; border:1px solid #c8d1db;
}


/* content */
.main_content {position:relative; width:100%; margin-top:40px; padding-bottom:40px; overflow:hidden;  letter-spacing:-1px; }
.content_area {position:relative; width:1200px;  margin:0 auto; overflow:hidden; }


@media screen and (max-width:800px) {	
	
	/* content */
	.content_area {position:relative; width:94%; margin:0 auto; overflow:hidden; }

	/* visual */
	.main_visual {height: 260px; margin-top:69px;}
	.main_visual .slogan {width:100%; margin:30px auto 0 auto; }
	.main_visual .slogan p.txt_1 {font-size:14px;}
	.main_visual .slogan p.txt_2 {font-size:20px;}

	/*바로가기*/
	.widgDiv1 {width:100%; margin:0 auto;}

	/* 공지사항 */
	.widgDiv2 {width:100%; float:none;}

	/* 바로가기2 */
	.widgDiv3 {width:100%; height:auto; float:none; margin:20px 0 0 0;}
	
	/* 바로가기3 */
	.widgDiv4 {width:95%; height:100px; margin-top:20px; border:1px solid #c8d1db;}

}

@media screen and (max-width:690px) {	

}

@media screen and (max-width:560px) {
	
}

@media screen and (max-width:480px) {
	
}

@media screen and (max-width :380px) {
	
}