@charset "utf-8";
/*reset css + normalize*/
/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/

@import url('https://fonts.googleapis.com/earlyaccess/notosanskr.css');
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,400i,600,700,800" rel="stylesheet');
@import url('https://fonts.googleapis.com/css2?family=Righteous&display=swap');

html {
    color: #000;
    /*overflow-y: scroll;*/
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
	outline: 0;
    -webkit-text-size-adjust: none;
	-webkit-tap-highlight-color: rgba(245, 125, 32,0.4);  /*하이라이트 색 rgba(8, 187, 161,0.3)*/
	-webkit-overflow-scrolling:touch;
	font-size: 16px;
}

body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video, button,input {
	margin: 0;
	padding: 0;
	border: 0;
	font: inherit;
	vertical-align: baseline;
	font-family: 'Open Sans','Noto Sans KR', sans-serif;
	 outline: none;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;

}
input[type="search"]::placeholder{font:inherit;}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary{
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

input,select,textarea {
    font-size: 100%;
}
table {
    border-collapse: collapse;
    border-spacing: 0
}
fieldset,img {
    border: 0
}
abbr,acronym {
    border: 0;
    font-variant: normal;
}
del {
    text-decoration: line-through;
}
address,caption,cite,code,dfn,em,th,var {
    font-style: normal;
    font-weight: 500;
}
ol,ul {
    list-style: none;
}
caption,th {
    text-align: left;
}
h1,h2,h3,h4,h5,h6 {
    font-size: 100%;
    font-weight: 500;
}
q:before,q:after {
    content: ''
}
sub,sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}
sup {
    top: -.5em;
}
sub {
    bottom: -.25em;
}
a:hover {
    text-decoration: none;
}
ins,a {
    text-decoration: none;
}

/**/
/** * 1. IE8/9에서 `inline-block`으로 정의되지 않은 것을 올바르게 지정. * 2. Chrome, Firefox, Opera에서 `progress`의 세로 정렬을 표준화. */
audio, canvas, progress, video {
	display: inline-block; /* 1 */
	vertical-align: baseline; /* 2 */
}

/** * 모던 브라우저들에서 controls 속성없이 audio 요소가 렌더링 되는 것을 예방 * iOS 5 기기에서 높이를 초과하는 것을 제거 */
audio:not([controls]) {
	display: none; height: 0;
}



/** * active/hover 상태일때에도 포커스된 요소의 가독성을 향상. */
a:active, a:hover { outline: 0; }

/** * Firefox 4+, Safari, Chrome에서 `bolder`로 설정되어 있는 것을 `bold`로 수정. */
b, strong { font-weight: bold; }

/** * Safari,Chrome에서 존재하지 않는 스타일을 부여. */
dfn { font-style: italic; }

/** * 브라우저마다 다른 글꼴 크기를 통일시킴. */
small {font-size: 80%;}

/** * `sub`과 `sup`요소가 모든 브라우저에서 `line-height`에 영향을 미치는 것을 예방. */
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }

/** * IE 8/9, Safari에서 존재하지 않는 `margin` 값을 부여. */
figure { margin: 1em 40px; }

/** * Firefox와 다른 브라우저들 사이의 차이점 해결. */
hr { box-sizing: content-box; height: 0; }

/** * 모든 브라우저에서 `pre` 요소의 `overfolow` 값을 통일. */
pre { overflow: auto; }

/** * 모든 브라우저에서 글꼴과 글꼴 크기가 다른 것을 해결. */
code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; }

/** * 1. color 속성이 상속되지 않는 것을 수정. * 알려진 문제: disabled 된 요소의 color 속성에도 영향을 미친다. * 2. font 속성이 상속되지 않는 것을 수정. * 3. Firefox 4+, Safari, Chrome에서 마진이 서로 다른 것을 해결. */
button, input, optgroup, select, textarea { color: inherit; /* 1 */ font: inherit; /* 2 */ margin: 0; /* 3 */ }

/** * `button`과 `select` 요소에 `text-transform` 상속이 일치하지 않는 것을 해결 * 모든 다른 폼 컨트롤 요소는 `text-transform` 값을 상속하지 않는다. * IE 8/9/10/11, Firefox, Opera에서 `button` 요소의 스타일 상속 수정. * Firefox에서 `select` 요소의 스타일 상속 수정. */
button, select { text-transform: none; }

/** * 1. Android 4.0.*에서 `audio`와 `video` 컨트롤을 파괴하는 웹킷 버그를 방지. * 2. iOS에서 클릭가능한 `input` 유형에 스타일링을 할 수 없는 것을 수정. * 3. `input` 요소와 다른 요소들의 image-type의 커서 모양을 일치시켜 가용성을 향상. * `input` and others. */
button, html input[type="button"], /* 1 */ input[type="reset"], input[type="submit"] { -webkit-appearance: button; /* 2 */ cursor: pointer; /* 3 */ }

/** * disabled된 요소의 기본 커서를 재설정 */
button[disabled], html input[disabled] { cursor: default; }

/** * Firefox 4+에서 내부 `padding`과 `border`를 제거 */
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }

/** * Firefox 4+에서 UA(User Agent) 스타일시트에 `!important`를 사용한 `input` 요소의 * `line-height` 설정값을 해결. */
input { line-height: normal; }

/** * 이러한 요소의 스타일을 설정하려고하지 않는 것이 좋다. * Firefox에서 아래의 요소에서 box-sizing, padding, width가 구현될꺼라 기대하지 말자. * * 1. IE 8/9/10에서 box sizing 속성값을 `content-box`에서 `border-box`로 변경 * 2. IE 8/9/10에서 영역을 벗어나지 않도록 `padding`을 제거 */
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ }

/** * Chrome의 증가/감소 버튼의 커서 모양을 수정. * `input` 요소의 특정 `font-size` 값에 대해 감소 버튼의 커서 모양이 `default`에서 `text`로 변한다. */
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; }

/** * OS X의 Safari, Chrome에서 내부(inner) `padding`과 검색 취소 버튼을 제거. * Safari (but not Chrome) clips the cancel buttonwhen the search input has * padding (and `textfield` appearance). */
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }


/*검색바 속성*/
input, textarea, button {-webkit-appearance:none; -moz-appearance:none; appearance:none;}
input, textarea, button, select {-webkit-border-radius:0; -moz-border-radius:0; -o-border-radius:0; border-radius:0; border:0;}

/*추가 속성*/
*, :after, :before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

input[type=text]:focus,input[type=password]:focus,input[type=search]:focus,  textarea:focus,select:focus {
-webkit-box-shadow: 0;
-moz-box-shadow:  0;
box-shadow: 0;
/*border: 0 !important;*/
}


input[type="search"] {
    -webkit-appearance: none;
}
input[type="search"]:focus {
outline:0;
/*outline:2px solid rgba(8, 187, 161,0.3);*/
}


/* Tables ========================================================================== */
/** * 테이블 요소 사이의 간격을 제거 */
table { border-collapse: collapse; border-spacing: 0; } td, th { padding: 0; }


/*legend 숨김*/
legend {
	width:1px; height:1px; overflow:hidden; position:absolute; left:-9999%;
}
/******************************************************************************************/


select{
	-moz-appearance:none; /* Firefox */
	-webkit-appearance:none; /* Safari and Chrome */
	appearance:none;
	outline: none;
	font: 'Open Sans','Noto Sans KR', sans-serif !important;
}

caption, legend, hr {overflow:hidden; width:0; height:0; font-size:0; line-height:0;}
/*ie select 화살표 없애기*/
select::-ms-expand { display:none; }



/* 전체검색 */
.box6 { width: 1400px; max-width: 95%; margin: 0 auto; }

/* 전체검색 */
.box6 { width: 1400px; max-width: 95%; margin: 0 auto; }

.search_w .top { text-align: center; }
.search_w .top .search { display: inline-block; position: relative; }
.search_w .top .search .inner { width: 400px; height: 50px; border: 2px solid #f57d20; box-sizing: border-box; }
.search_w .top .search button { position: absolute; right: 0; top: 0; font-size: 1.25em; }
.search_w .top .search button .xi { padding: 12px; color: #f57d20; transition: .3s; }
.search_w .top .search button .xi:hover { color: #e56400; }

.search_w .mid { margin-top: 30px; text-align: center; background: #f9f9f9; font-size: 1.063em; color: #111; height: 80px; border: 1px solid #DDD; box-shadow: 0px 2px 3px rgba(0,0,0,.3); }
.search_w .mid .fc { color: #ea4c00; font-weight: 600; }

.search_w .btm { margin-top: 40px; border: 1px solid #DDD; border-top: 2px solid #ecc39a; padding: 30px 35px; }
.search_w .btm .board { padding-bottom: 40px; border-bottom: 1px dashed #DDD; margin-bottom: 35px; }
.search_w .btm .board.last { margin-bottom: 0; padding-bottom: 0; border-bottom: 0; }
.search_w .btm .board .tit { font-size: 1.25em; color: #111; }
.search_w .btm .board .tit .fc_w { color: #666; font-size: .938em; }
.search_w .btm .board .tit .fc_w .fc { color: #ed361b; font-weight: 600; }
.search_w .btm .board ul { overflow: hidden; margin-top: 20px; margin-right: -10px; }
.search_w .btm .board ul li { float: left; width: 20%; }
.search_w .btm .board ul li .inner { margin-right: 10px; border: 1px solid #DDD; }

.search_w .btm .board.game ul li .img { background: url('http://www.andamiro.com/bbs/watermark.php?mode=view&id=9&bo_table=games_kr&i=0') no-repeat 50% 50%; background-size: contain; padding-bottom: 125%; overflow: hidden; }
.search_w .btm .board.news ul li .img { background: url('http://www.andamiro.com/data/tinymce/thumb-8doJgdWuVaE1fGkG31_400x0.jpg') no-repeat 50% 50%; background-size: contain; padding-bottom: 74.43%; overflow: hidden; }

.search_w .search_list .inner { position: relative; }
.search_w .search_list .inner .inc { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; }

.search_w .btm .board ul li .inner { position: relative; }
.search_w .btm .board ul li .inner a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; }

.search_w .btm .board ul li .img img { max-width: 100%; }
.search_w .btm .board ul li .txt { text-align: center; padding: 15px; background: #f9f9f9; }
.search_w .btm .board ul li .st { font-size: .938em; color: #777; }
.search_w .btm .board ul li .tt { color: #333; font-weight: 600; margin-top: 4px; }
.search_w .btm .board ul li .way { font-size: .875em; color: #b17c5c; padding: 10px 0; display: none; }
.search_w .btm .board .more_btn { margin-top: 20px; text-align: right; }
.search_w .btm .board .more_btn a { font-size: .875em; color: #5569c8; text-decoration: underline; }


.search_w .btm .board.news { padding-bottom: 40px; border-bottom: 1px dashed #DDD; margin-bottom: 35px; }
.search_w .btm .board.news .tit { font-size: 1.25em; color: #111; }
.search_w .btm .board.news .tit .fc_w { color: #666; font-size: .938em; }
.search_w .btm .board.news .tit .fc_w .fc { color: #ed361b; font-weight: 600; }
.search_w .btm .board.news ul { overflow: hidden; margin-top: 20px; margin-right: -10px; }
.search_w .btm .board.news ul li { float: left; width: 25%; }
.search_w .btm .board.news ul li .inner { margin-right: 10px; border: 1px solid #DDD; }
.search_w .btm .board.news ul li .img img { max-width: 100%; }
.search_w .btm .board.news ul li .txt { padding: 15px; text-align: left; }
.search_w .btm .board.news ul li .tt { font-weight: 600; color: #333; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.search_w .btm .board.news ul li .st { margin-top: 8px; color: #777; line-height: 1.2; font-size: .875em; white-space: normal; overflow: hidden; text-overflow: ellipsis;  word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; min-height: 32px; }
.search_w .btm .board.news ul li .date { font-size: .875em; color: #999; margin-top: 18px; text-align: right; }
.search_w .btm .board.news ul li .way { font-size: .875em; color: #b17c5c; padding: 10px 0; text-align: center; }


.search_w .btm .board table { width: 100%; margin-top: 20px; border-top: 1px solid #DDD; border-left: 1px solid #DDD; }
.search_w .btm .board table th { border-right: 1px solid #DDD; border-bottom: 1px solid #DDD; box-sizing: border-box; background: #f5f5f5; padding: 10px 14px; font-size: .938em; color: #222; text-align: center; vertical-align: middle; }
.search_w .btm .board table td { border-right: 1px solid #DDD; border-bottom: 1px solid #DDD; box-sizing: border-box; padding: 10px 14px; font-size: .875em; color: #777; text-align: center; vertical-align: middle; }
.search_w .btm .board table td i,
.search_w .btm .board table td span { vertical-align: middle; }

.modal_btn2 { display: inline-block; margin:0 auto; color:#646464; background:#eee; padding: 7px 18px; font-size:0.75rem; overflow:hidden; white-space:nowrap; text-overflow: ellipsis; transition: .3s; }
.modal_btn2:hover { background: #Dedede; }


.vm_wrap{ display:block; text-align:center; white-space:nowrap}
.vm_wrap:before{ content:""; display:inline-block; *display:inline; zoom:1; vertical-align:middle; width:0; height:100%;}
.vm_tt{ display:inline-block; *display:inline; zoom:1; vertical-align:middle; white-space:normal;}
.vm_wrap img{ display:inline-block; *display:inline; zoom:1; vertical-align:middle; max-height:100%;}

.va_wrap{ text-align:center; white-space: nowrap}
.va{ display:inline-block; *display:inline; zoom:1; vertical-align:middle; width:0; height:100%}
.va_tt{display:inline-block; *display:inline; zoom:1; vertical-align:middle; width:auto; height:auto; white-space:normal}
.va_wrap img{vertical-align:middle; display:inline-block; *display:inline; zoom:1; max-width:100%; max-height:100%}

.resize{ display:block; height:0; padding-bottom:66.6666%; position:relative}
.resize .re{ position:absolute; left:0; top:0; width:100%; height:100%}

.img_resize{ display:block;}
.img_resize img{ max-height:100%;}
#container_title { display: none; }

#search_wrap .inner { position: relative; }
#search_wrap .inner .in { width: 100%; height: 60px; border: 3px solid #f57d20; box-sizing: border-box; padding-left: 20px; padding-right: 60px; font-size: 1.063em; margin-bottom: 0!important; }
#search_wrap .button { position: absolute; right: 0; top: 0; font-size: 1.438em; width: 60px; height: 60px; line-height: 60px; box-sizing: border-box; text-align: center; }
#search_wrap .button .xi { color: #f57d20; transition: .3s; }
#search_wrap .button .xi:hover { color: #e56400; border: none; }
#search_wrap .search_close { position: absolute; top: 5px; right: -55px; width: 50px; height: 50px; line-height: 50px; color: #FFF; font-size: 1.375em; opacity: .8; transition: .3s; text-align: center; }
#search_wrap .search_close:hover { opacity: 1; }
.xi { font-family:xeicon!important; font-style:normal; font-size:1.5em; }

/* 전체검색 끝 */