/* 초기화 css */

.hide { display:none; }
* {-webkit-tap-highlight-color:rgba(0,0,0,0); -webkit-text-size-adjust:none; word-break:normal; word-wrap:break-word;}
html,body {margin:0; padding:0; font-weight:400; line-height:100%; color:#000; }
dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, p {margin:0; padding:0; border:0;}
h1, h2, h3, h4, h5, h6 {line-height:100%;}
a {border:0; color:inherit; cursor:pointer;}
a, a:visited, a:hover, a:active {text-decoration:none;}
img {border:0;vertical-align:top;}
table {border-spacing:0; border:0; width:100%; table-layout:fixed; border-collapse:collapse;}
th, td {padding:0;}
mark {background:none;}
address, /*em,*/ dfn {font-style:normal;}
a:hover { color:#ff6959; }
table a:hover { text-decoration:underline; }

/* input, textarea, select, button, label {vertical-align:middle;} */
button,
select,
textarea,
input[type="button"],
input[type="submit"],
input[type="text"],
input[type="password"],
input[type="search"],
input[type="email"],
input[type="url"],
input[type="number"],
input[type="tel"],
input[type="file"] {border-radius:0; margin:0; padding:0; border:0; background:none;}
button,
textarea,
input[type="button"],
input[type="submit"],
input[type="text"],
input[type="password"],
input[type="search"],
input[type="email"],
input[type="url"],
input[type="number"],
input[type="tel"],
input[type="file"] {-webkit-appearance:none;}
input[type="radio"],
input[type="checkbox"] {margin:0; padding:0; width:13px; height:13px;}
html,
body,
pre,
button,
select,
textarea,
input[type="button"],
input[type="submit"],
input[type="text"],
input[type="password"],
input[type="search"],
input[type="email"],
input[type="url"],
input[type="number"],
input[type="tel"],
input[type="file"] {font-family:"나눔고딕", nanumgothic;}
button,
input[type="button"],
input[type="submit"] {cursor:pointer; overflow:visible;}
button[type="submit"],
input[type="submit"] {filter:chroma(color=#000000);}
button::-moz-focus-inner {padding:0; border:0;}
input[type="date"],
input[type="time"] {-webkit-appearance:none; -moz-appearance:none; border-radius:0;}
input[type="number"]::-webkit-outer-spin-button,
input[type="date"]::-webkit-outer-spin-button {-webkit-appearance:none; margin:0;}
[readonly],
[disabled] {cursor:default;}


/*-------------------------------------------------------------------------------------- 건들지 말것 -----------------------------------------------------------------------------------------------------*/

body { font-family:'Nanum Gothic',dotum,verdana, sans-serif; background-color:#f8f8f8; }
#wrap { width:1280px; margin:0 auto; }
#header { position:relative;  width:100%; }
#footer { clear:both; position:relative; width:100%; min-height:0px; padding:20px 0px; margin-top:5px; background-color:#ff6959; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; }
.header_bg { width:100%; }
.mobile_bg { display:none; }
.header_bg img { display:block; width:100%; }
.header_wrap { position:absolute; z-index:0; top:0; left:0; width:100%; height:100%; }
.sub_header_menu_bt { display:none; float:left; width:30px; height:30px; padding:12.5px; cursor:pointer; }
.sub_header_menu_bt img { display:block; width:100%; }

/* 상단 로그인영역 */
/*.header_gnb { overflow:hidden; width:100%; margin:23px 38px 0 0; }*/
.header_gnb { overflow:hidden; width:100%; margin:0 38px 0 0; }
.header_gnb ul {float:right; margin:0 20px 0 0; padding:0; }
.header_gnb ul.left_header_change_language { display:none; float:left; margin:0 0 0 20px;}
.header_gnb ul li { display:inline-block; *display:inline; *zoom:1;  padding:0 5px 0 9px; margin:0; border-left:1px solid #098d97; }
.header_gnb ul li.first_child { border:0; }
.header_gnb ul li a { color:#098d97; font-size:16px; }

/* 검색영역 */
.header_search_area { clear:both; width:100%; position:absolute; bottom:35%; }
.search_title { width:100%; text-align:center; color:#fff; font-size:39px; line-height:39px; margin:0 0 20px; font-weight:100; }
.search_title_sub { width:100%; text-align:center; color:#fff; font-size:15px; line-height:39px; margin:0; font-weight:100; }
.header_search { border:3px solid #fff; width:449px; height:53px; margin:0 auto;}
.header_search input { padding-left:16px; color:#fff; float:left; margin:0; padding:0 5px; width:390px; height:53px; font-size:15px; line-height:53px; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; }
.header_search .search_bt { float:right; margin:0; padding:0; width:59px; height:53px; }

/* 상단 메뉴 */
.header_menu { clear:both; position:absolute; bottom:8%; width:100%; text-align:center; }
.header_menu ul { margin:0 auto; padding:0; width:80%; font-size:0; letter-spacing:0; word-spacing: 0px; text-align:center; }
.header_menu ul li { display:inline-block; *display:inline; *zoom:1; margin:0; padding:0 14px; width:10%; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;  }
.header_menu ul li a { display:block; font-size:0; }
.header_menu ul li a img { width:100%; }
.text_area { position:absolute; bottom:3%; width:100%; text-align:center; font-size:16px; color:#385c5f; }

/* 푸터 영역 */
.copyright { display:block; text-align:center; font-size:14px; color:#fff; line-height:18px; }
.address { display:block; text-align:center; color:#be4235; font-size:14px; }
.footer_menu { width:100%; margin:25px 0 30px; }
.footer_menu ul { margin:0; padding:0; letter-spacing:0; word-spacing:0px; text-align:center; }
.footer_menu ul li { display:inline-block; *display:inline; *zoom:1; margin:0 60px;  }
.top_bt { width:130px; height:35px; background-color:#ffebd3; margin:0 auto; }
.top_bt a { display:block; text-align:center; line-height:35px; color:#6c0f05; }



.layout { display:block; clear:both; }
.header_gnb ul.mobile_m_tab{display:none;}

/* 페이징 아이콘*/
.page_icon {
color:#707070 !important;
		background:#eef0f0 !important;
		border-radius:3px !important;	
		-moz-border-radius:3px !important;
		-webkit-border-radius:3px !important;
		border:solid 1px #DCDCDC !important;
		padding:6px 9px 6px 9px !important;
		margin-right:3px !important;
		text-decoration:none !important;
		font-size:12px !important;
}


.paging_area_mobile { width:100%; text-align:center; margin-top:20px; letter-spacing:0; word-spacing:0; font-size:0; }
.paging_area_mobile p,
.paging_area_mobile ol { display:inline-block; *display:inline; *zoom:1; font-size:16px; line-height:16px; margin:0 5px; }
.paging_area_mobile ol li { display:inline-block; *display:inline; *zoom:1; }
.paging_area_mobile ol li a.active { color:#00a8ae;
		background:#eef0f0 !important;
		border-radius:3px !important;	
		-moz-border-radius:3px !important;
		-webkit-border-radius:3px !important;
		border:solid 1px #DCDCDC !important;
		padding:6px 9px 6px 9px !important;
		margin-right:3px !important;
		text-decoration:none !important;
		font-size:12px !important;
}


/* 미디어쿼리 반응형 */
@media only screen and (max-width:1600px){
}


@media only screen and (max-width:1280px){
	body { width:100%;}
	#wrap { width:100%; }
	
}

@media only screen and (max-width:1023px){
	.header_top_inner { width:100%; }
	.header_bg { display:none; }
	.mobile_bg {display:block;}
	.header_search_area { bottom:50%; }
	.header_menu { bottom:15%; }
	.header_gnb { margin:23px 10px 0 0; }
	.header_search { border:3px solid #fff; width:449px; height:53px; margin:0 auto;}
	.header_search input { float:left; margin:0; padding:0; width:390px; height:53px; font-size:15px; line-height:53px; }
	.header_search .search_bt { float:right; margin:0; padding:0; width:59px; height:53px; }
	.copyright { font-size:15px; }

/* 인덱스 모바일 서브 메뉴 */
.header_gnb ul.gnb_login_off{display:none;}
.header_gnb ul.gnb_login_on{display:none;}

.header_gnb ul.mobile_m_tab{display:block; border-left:0px;width: 100%; text-align: center; float: right; margin:0;}
.header_gnb ul.mobile_m_tab li{border-left:0px; width:10%;}
.header_gnb ul div ul.down_li {width:100%; margin:0;}
.header_gnb ul div ul.down_li li{padding:0;}
.header_gnb ul div ul.down_li_funny {width: 100px;position: absolute; z-index: 999; left:-2%;}
.header_gnb ul div ul.down_li_review {width: 100px;position: absolute; z-index: 999;right:27.5%;}
.header_gnb ul div ul.down_li_board {width: 100px;position: absolute; z-index: 999; margin:0; right:-80px;}

.mobile_down{width:100%;}
	
}

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

}

@media only screen and (max-width:800px){
	.footer_menu ul li { margin:0 5px;  }
}

@media only screen and (max-width:640px){
	.header_gnb {  margin:5px 0 0 0;  }
	.header_gnb ul { width:100%; margin:0; padding:0; font-size:0; letter-spacing:0; word-spacing:0; text-align: right; }
	.header_gnb ul.left_header_change_language { display:none; width:40%; text-align:left; margin:0;}
	.header_gnb ul li { display:inline-block; *display:inline; *zoom:1; width:16.5%; border:0; padding:0; margin:0; text-align:center; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; }
	.header_gnb ul li.first_child { border:0; }
	.header_gnb ul li a { font-size:12px; }
	.header_search { width:250px; height:30px; margin:0 auto;}
	.search_title { width:100%; font-size:20px; line-height:20px; }
	.search_title_sub { width:100%; font-size:11px; line-height:20px; margin-bottom:5px;}
	.header_search input { width:216px; height:30px; font-size:15px; line-height:25px; }
	.header_search .search_bt { float:right; margin:0; padding:0; width:34px; height:30px; }

/* 인덱스 모바일 서브 메뉴 */
.header_gnb ul.mobile_m_tab{width: 100%; margin-top:5px;}
.header_gnb ul.mobile_m_tab li{border-left:0px; width:14%;}
.header_gnb ul li { width:14%;}
.header_gnb ul div ul.down_li {font-size:12px; background-color: rgba(255,255,255,0.5); padding:3px 0;}
.header_gnb ul div ul.down_li_funny {width:70px;font-size:12px; background-color: rgba(255,255,255,0.5); padding:3px 2px; left:1%;}
.header_gnb ul div ul.down_li_review {width:60px;font-size:12px; background-color: rgba(255,255,255,0.5); padding:3px 0; right:30%;}
.header_gnb ul div ul.down_li_board {width:70px;font-size:12px; background-color: rgba(255,255,255,0.5); padding:3px 4px; right:-60px;}
.mobile_down_board{right:62px;}
}

@media only screen and (max-width:480px){
	.header_gnb ul div ul.down_li {font-size:12px; background-color: rgba(255,255,255,0.5); padding:3px 0;}
	.header_gnb ul div ul.down_li_funny {left:-1%;}
	.header_gnb ul div ul.down_li_review { right:26%;}
	.header_gnb ul div ul.down_li_board {right:-60px;}

}

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

}