@charset "utf-8";

/* reset style [start] */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, address, big, cite, code, del, dfn, em, font, img, ins, q, s, samp,
small, strike, strong, sub, sup, tt, var, b, u, i,  dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td 
{ margin:0px; padding:0px;	border:0px; line-height:1.6; font-family :돋움,맑은 고딕; font-size:12px;}

p, ul, li {
	list-style:none;
	padding:0;
	margin:0;
}
.tp1 h1 {
	padding:0;
	margin:0;
	background:url(../img/rocps_title2_mb.jpg) center top no-repeat;
}
.tp2 h1 {
	padding:0;
	margin:0;
	background:url(../img/rocps_mbtitle2_bg.jpg) center top no-repeat;
}
h1 img {
	width:96%;
	max-width:416px;
}


h2 {
   margin:0;
   background:url(../img/point1.gif) left 10px no-repeat;
   padding-left:15px;
   padding-bottom:10px;
   font-weight:bold;
   font-size:18px;
   letter-spacing:-1px;
   font-family:Malgun Gothic;
   border-bottom:3px solid #2582ca;
}
h2 span {
   font-size:18px;
   font-family:Malgun Gothic;
}

#wrap {
	position:relative; 
	width:100%; 
	margin:0 auto;
	background:#fff;
}

.play_bar { 
	margin:10px 0;  
	text-align: center;
	width:100% !important;
	overflow:hidden; 
}
.play_bar a {
	display:block;
	width:96%;
	max-width:570px; 
	max-height:560px; 
	overflow:hidden; 
	margin:0 auto;
}
.play_bar a img {
	width:100% !important;
}
.play_bar .mgn_tm110 {
	margin-top:-110px;
}
#notice {
	display:block;
	width:94%;
	margin:15px auto 10px auto;
}
.control_top{ 
	color:#ffffff; 
	padding:10px 0 10px 0;
	font-size:14px;  
	text-align: center; 
	background:url(../images/select_bg_1.jpg) 232px;
	background-repeat:no-repeat;
}
.control_top select{
	text-align:center; 
	font-size:14px; 
	vertical-align: baseline;
}
/*컨트롤러 슬라이더*/
.controller_form {
	border:0px solid #000;
	margin: 0 auto;
	text-align:center;
}
.controller_form .controller_slide_wrap{
	width:474px; 
	height:70px; 
	margin:0 auto;
	display:inline-block; 
	background:url(../images/bg_controller_2.jpg) no-repeat ;
	position:relative; 
}
.controller_form .controller_slide_wrap ul{
	float: left; 
	padding: 10px 0 0 0px; 
	width: 307px;
}
.controller_form .controller_slide_wrap ul li{
	text-align: center; 
	margin: 8px; 
	width: 27px; 
	display: inline; 
	float: left; 
	color: white;
}
.controller_form .controller_slide_wrap .controller_slide{
	width: 307px;
	height: 100%;
	margin: 2px 0 0 65px;
	float: left;
	}
.controller_form .controller_slide_wrap .controller_slide .slider {
	margin: 14px 0 0 18px; 
	width: 267px;
	display:inline; 
	height: 11px;  
	float: left; 
}
.controller_form .controller_slide_wrap .controller_slide .slider img{
	text-align: left;
}
.controller_form .controller_slide_wrap .controller_btn{
	padding-top:7px;
	right:-370px;
	}
.controller_form .chday	{
	clear:both;
	position:relative;
	display:block;
	width:100%;
	text-align:center;
}


#slide-images{
	position:relative; 
	display:block;	
	margin:0px;	
	padding:0px; 
	width:646px; 
	height:576px;	
	overflow:hidden; 
}
#slide-images li{ 
	position:absolute; 
	display:block;	
	list-style-type:none; 
	margin:0px; 
	padding:0px; 
	background-color:#FFFFFF; 
}
#slide-images li img{ 
	display:block; 
	background-color:#FFFFFF; 
}
#slide-slider-panel {
	position:relative; 
}
#slide-slider {	
	position:absolute;
	left:17px; 
	margin-top: 13px;
}
#slide-time-btn {
	margin-top:15px;
}




/* 링크 */
	/*a:link, a:visited, a:active{ color:#2c2c2c; text-decoration:none; letter-spacing:0;}*/
	a:hover{ color:#0074cc; text-decoration:underline; letter-spacing:0;}
	img {vertical-align:middle;}
	input.type-image { border:0px none; padding:0; margin:0; vertical-align:middle;}
	input.type-image a:hover, a:link, a:visited, a:active{ text-decoration:none; letter-spacing:0;}
	input,select,checkbox,radiobox{ text-align:center; vertical-align:middle; font-size:14px; }

.tp {
	background:#218cd0;
}
.tp2 {
	background:#2e5ccf;
}
.tp, .tp2 {
	width:100%;
	margin-bottom:25px;
}



.tp1 div span,
.tp2 div span {
   display:block;
   font-size:14px;
   margin: 0 20px 0 130px;
   line-height:140%;
}

.tp1 div {
   width:100%;
   background: #fffed6 url(../img/icon_spk.png) no-repeat 5px 50%;
   color:#000;
   font-weight:bold;
   font-size:15px;
   letter-spacing:-1px;
   padding: 12px 0;
   border-bottom:1px solid #efec9d;
}

.tp1 h1, .tp2 h1 {
	margin:auto;
	text-align:center;
}
.nlist, .ninfo {
	width:96%;
	margin:0 auto 25px auto;
	background:#fff;border:0px solid #000;
	border-radius:3px;
}

.nlist ul li:last-child {
	border-bottom:0;
}
.nlist ul li a {
	display:block;
	color:#000;
	border:1px solid #d2e1ef;
	border-radius:2px;
	margin:2px auto;
	position:relative;
}
.nlist ul li:first-child a {
	margin-top:0px;
}
.nlist ul li a:hover {
	color:#006dcf;
	background:#f6f6f6;
}
.nlist ul li span {
	display:inline-block;
	vertical-align:top;
	overflow:hidden;
	padding:8px 0;
}
.nlist ul li span.n1 {
	position:absolute;
	left:7px;
	top:3px;
	background:#eee;
	border-radius:12px;
	padding:2px 8px 0 8px;
}
.nlist ul li span.n2 {
	position:relative;
	margin-top:30px;
	padding:0 10px 5px 10px;
}

.nlist ul li span.n4 {
	position:absolute;
	right:10px;
}
.ninfo1 {
	border:1px solid #cfdfe5;
	font-size:0;
	padding:0px;
	position:relative;
	overflow:hidden;
	
}


.ninfo1 .ninfo2  {
	width:100%;
	margin:0 auto 10px auto;
	text-align:left;
	background:#f6f6f6;
	border-bottom:1px solid #ddd;
	padding:8px 0 8px 0;
	text-align:center;
}
.ninfo1 .ninfo3 {
	margin:0 auto 0 auto;
	padding:2px 0;
	display:inline-block;
	text-align:left;
}
.ninfo1 .ninfo3 label {
	border:0px solid #000;
	padding:0 10px 0 10px;
	display:inline-block;
	color:#777;
	font-weight:bold;
}
.ninfo1 .ninfo3 select {
	padding:2px;
	min-width:6em;
	border:1px solid #999;
}


.ft {
   background:#888;
   padding:0;
   line-height:140%;
   text-align:left;
}

.ft p {
	padding:10px;
	color:#666;
	background:#f6f6f6;
}
.ft div {
	border-top:1px solid #fff;
}
.ft ul {
	display:table;
	font-size:0;
	padding:10px;

}
.ft ul li {
	display:table-cell;
	vertical-align:middle;
	font-size:10px;
	color:#f6f6f6;
	text-align:left;
	font-family:Arial;
	line-height:120%;
}
.ft ul li:last-child {
	padding-left:10px;
}
.ft ul li.f2 span {
	display:block;
}
.ft ul li.f2 span span {
	display:inline-block;
	padding-right:10px;
	font-size:12px;
	font-family:Dotum;
	font-weight:normal;
}
.ft ul li.f2 span span:first-child {
	font-weight:bold;
}


@media screen and (max-width:639px) {
	.tp1 div {
		background-size:100px;
	}
	.tp1 div span {
	   display:block;
	   font-size:13px;
	   margin: 0 20px 0 90px;
	}
	.ninfo1 .ninfo3 {
		display:block;
	}
	.ninfo1 .ninfo3 label {
		width:8em;
		margin-left:10px;
	}
	.ft ul li.f2 span, .ft ul li.f2 span span {
		display:block;
	}
	.play_bar .mgn_tm110 {
		margin-top:-100px;
	}
}

@media screen and (max-width:519px) {
	h2 {
	   font-size:16px;
	   letter-spacing:-1px;
	}
	h2 span {
	   font-size:14px;
	   letter-spacing:-1px;
	   display:block;
	}
	.controller_form .controller_slide_wrap {
		width:400px; 
		height:50px; 
		background-size:100%;
	}
	.controller_form .controller_slide_wrap ul{
		padding: 12px 0 0 0px; 
		width: 256px;
	}
	.controller_form .controller_slide_wrap ul li{
		text-align: center;
		margin:0px; 
		width: 32px; 
		font-size:11px;
	}
	.controller_form .controller_slide_wrap ul.slidetxt li {
		text-align: center;
		margin:0px; 
		width: 36.5px; 
		font-size:11px;
	}
	.controller_form .controller_slide_wrap .controller_slide{
		margin: 0 0 0 53px;
		}
	.controller_form .controller_slide_wrap .controller_btn{
		padding-top:7px;
		right:0px;
		display:inline-block;
		top:0px;
		right:8px;
		position:absolute;
		}
	.controller_form .controller_slide_wrap .controller_btn img {
		width:32px !important;
		height:32px !important;
	}
	.ft {
		letter-spacing:-0.5px;
	}
	.play_bar a {
		max-height:480px;
	}
	.play_bar .mgn_tm110 {
		margin-top:-90px;
	}
}

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

	.controller_form .controller_slide_wrap {
		width:304px; 
		height:50px; 
		background-size:100%;
	}
	.controller_form .controller_slide_wrap ul{
		padding: 10px 0 0 0px; 
		width: 208px;
	}
	.controller_form .controller_slide_wrap ul li{
		text-align: center;
		margin:0px; 
		width: 25px; 
		font-size:11px;
	}
	.controller_form .controller_slide_wrap ul.slidetxt li {
		text-align: center;
		margin:0px; 
		width: 28px; 
		font-size:11px;
	}
	.controller_form .controller_slide_wrap .controller_slide {
		margin: -5px 0 0 36px;
		}
	.controller_form .controller_slide_wrap .controller_btn{
		padding-top:4px;
		right:0px;
		display:inline-block;
		top:0px;
		right:6px;
		position:absolute;
		}
	.controller_form .controller_slide_wrap .controller_btn img {
		width:26px !important;
		height:26px !important;
	}
	.play_bar a {
		max-height:420px;
	}
	.play_bar .mgn_tm110 {
		margin-top:-80px;
	}
}