@import url('page_style.css');

/* 스킨관계없이 기본 */
.input_style_r select { padding:5px; border:1px solid #bdbdc0; height:30px; line-height:30px; font-family:맑은 고딕; }


/* 메인슬라이더 */
.slide_move_left_s1{position:absolute; display:block; width: 60px; height: 112px; top:240px; left: 20px;
background:url('../img/slide_supersized/arrow_back2.png') 0 0 no-repeat; cursor:pointer}
.slide_move_right_s1{position:absolute; display:block; width: 60px; height: 112px; top:240px; right: 20px;
background:url('../img/slide_supersized/arrow_forward2.png') 0 0 no-repeat; cursor:pointer}

.menu_top a {  font-family:'맑은 고딕'; font-size:17px;}

/* basic layout */
#wrap {width:100%; min-width:1300px}
#top {width:100%; height:5px;}
#header{width:100%; position: relative;top: 0; left: 0;z-index: 10000;}
#container {width:100%;}
#footer {width:100%;}

#top_c {width:1200px; margin:0 auto;}
#header_c {width:1200px; margin:0 auto;}
#container_c, .container_c {width:1200px; margin:0 auto;} /* 아이디 contents 와 동일한 역활 */
#footer_c {width:1200px; margin:0 auto;}
/* basic layout */

/* 컨텐츠 */
#contents { width:1200px; margin:0 auto;}
/* 컨텐츠 */



/* basic_sub layout */
#container_s_side {width:200px; float:left;}
#container_s_center {width:780px; float:right;}
/* basic_sub layout */



/* 스킨관계없이 기본 */
.input_style input[type=text] { border:1px solid #bdbdc0; background:#f3f3f3; padding-left:5px; height:28px; line-height:27px; margin:2px 0; }
.input_style input[type=password] { border:1px solid #bdbdc0; background:#f3f3f3; padding-left:5px; height:28px; line-height:27px; margin:2px 0; }
.input_style input[type=file] { border:1px solid #bdbdc0; background:#f3f3f3; padding-left:5px; height:30px; line-height:29px; margin:2px 0; }
.input_style select { padding:5px; border:1px solid #bdbdc0; height:30px; line-height:24px; font-family:맑은 고딕;}
.input_style textarea { border:1px solid #bdbdc0; background:#f3f3f3; padding:5px; height:200px; }
.input_style input[type=checkbox]
.input_style input[type=radio] { vertical-align:middle; margin:-2px 0 1px;  cursor:pointer; }
.font_50 { font-size:50px; }
/* 스킨관계없이 기본 */


/* 회원가입 */
.join_form input[type=text] { border:1px solid #bdbdc0; background:#f3f3f3; padding-left:5px; height:28px; line-height:27px; margin:2px 0; }
.join_form input[type=password] { border:1px solid #bdbdc0; background:#f3f3f3; padding-left:5px; height:28px; line-height:27px; margin:2px 0; }
.join_form input[type=file] { border:1px solid #bdbdc0; background:#f3f3f3; padding-left:5px; height:30px; line-height:29px; margin:2px 0; }
.join_form select { padding:5px; border:1px solid #bdbdc0; height:30px; line-height:24px; font-family:맑은 고딕;}
.join_form textarea { border:1px solid #bdbdc0; background:#f3f3f3; padding:5px; height:200px; }
.join_form input[type=checkbox]
.join_form input[type=radio] { vertical-align:middle; margin:-2px 0 1px;  cursor:pointer; }
/* 회원가입 */




/* 우측스크롤 */
.Fixed {position: fixed !important; top:200px !important;} /* 필수style */
.quick_right{width:0; left:50%; position:absolute; top:271px; margin-left:520px; z-index:30}


.weatherbox {position:absolute; top:-7px; z-index:999; height:22px; overflow:hidden;}
.weatherbox:hover {overflow:visible; height:100px;}

.scroll_position { width:0; left:50%; position:fixed; top:175px; margin-left:500px; z-index:999 }
.scroll_contents { width:74px; }

/* 랭킹오버 */
.roll_rank .view1{display:none}
.roll_rank:hover .view1{display:block; right:97px; position:absolute; top:-12px; background:#ffffff; border:1px solid #bdbdbd; z-index:99999}


/* 상단 전체 통합검색창 */
.div_cate{
	position:fixed; 
	top:0; 
	left:0;
	right:0;
	bottom:0;
	z-index:10005; 
	width:100%; 
	display:none; 
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease
}
.div_cate:after{
	-webkit-transition: all 1s ease;
	transition: all 1s ease;
	content: "";
}
.div_cate_inner_left{
	display:flex;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	justify-content: center;
    align-items: center;
    height: 100%;
}
.div_category_right{
	position:fixed; 
	right:0; 
	bottom:0;
	width:100%;
	height:100%; 
	background-color:rgba(0,0,0,.75); 
	min-height:100%; 
	overflow:hidden !important; 
	touch-action:none;
}
.closebutton {
    position: absolute;
    top: -80px;
    right: -270px;
    cursor: pointer;
}
.modal_search {
	width: 551px;
	font-size: 30px;
	letter-spacing: -1.5px;
	background: transparent;
	padding: 29px 70px 29px 10px;
	text-align: center;
	color: #fff;
	outline: none;
	border-bottom: 3px solid #fff;
	text-align: left;
	box-sizing: border-box;
}
.modal_search::placeholder{
	color:#fff;
}
/* 상단 전체 통합검색창 */