@charset "UTF-8"; /*@charset "euc-kr"; */

/************************************************************************
 * 최적화       : html5
 * 서비스       : dino
 * 최초작성일   : 170901
 * 작성자       : 박노성
************************************************************************/

/*Import CSS*/


/*■ 채널의 기본 element 정의 ■*/
/*html5 element make*/
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
/* * Prevent modern browsers from displaying `audio` without controls.  * Remove excess height in iOS 5 devices.  */
audio:not([controls]) { display: none; height: 0; }
/** Address styling not present in IE 7/8/9, Firefox 3, and Safari 4. * Known issue: no IE 6 support.*/
[hidden] { display: none;}

/* Base
------------------------------------------------------------------------------------- */
html {-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%;}
html, button, input, select, textarea {-webkit-appearance: none;}
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video, input, textarea { margin: 0; padding: 0; vertical-align: baseline; outline:none;}

/* Links
------------------------------------------------------------------------------------- */
a:focus { outline: thin dotted; }
a:active, a:hover { outline: 0; }

/*Selection
------------------------------------------------------------------------------------- */	
::selection{
	color:#FFF;
	text-shadow:none;
    background:#000;
}

/*데스크탑에서 스크롤바 가리기
------------------------------------------------------------------------------------- */
body.stick_pointer ::-webkit-scrollbar {width: 0;}

::-webkit-scrollbar { width: 4px; height: 4px; cursor: pointer;}
::-webkit-scrollbar-track { background-color: #ddd; border-radius: 4px; box-shadow: -1px -1px 2px rgba(123, 164, 219, 0.1), 1px 1px 2px rgba(255, 255, 255, 0.5), inset 1px 1px 2px rgba(123, 164, 219, 0.1), inset -1px -1px 2px rgba(255, 255, 255, 0.5);}
::-webkit-scrollbar-thumb { border-radius: 4px; background: #3399ff; background: linear-gradient(to bottom, rgb(0,200,255) 0%, rgb(51,153,255) 100%);}
::-webkit-scrollbar-thumb:hover { background: #407EC9;}
::-webkit-scrollbar-thumb:active { background: #1B365D;}
::-webkit-scrollbar-button{ width: 0; height: 0;}

/*Transition
------------------------------------------------------------------------------------- */
.blur {
	-webkit-filter: blur(2px);
	-moz-filter: blur(2px);
	-o-filter: blur(2px);
	-ms-filter: blur(2px);
	filter: blur(2px);}
/* Typography
------------------------------------------------------------------------------------- */
html, input, textarea {font-family:'돋움', Dotum, '굴림', Gulim, sans-serif; color:#222; font-size:11px;}
h1, h2, h3, h4, h5, h6 { font-weight:normal;}
i { font-style:normal;}
/*mark,인용*/
abbr[title] { border-bottom: 1px dotted;}
b, strong { font-weight: bold;}
blockquote {}
pre {}
hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0; display:none; margin:50px 0;}
mark { background: #ff0; color: #000; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
small { font-size: 80%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -2px; }
sub { bottom: -2px; }

/* Lists
------------------------------------------------------------------------------------- */
ul, ol { list-style: none; list-style-image: none; }

/* Embedded content
------------------------------------------------------------------------------------- */
div, img { border: 0; -ms-interpolation-mode: bicubic; vertical-align:middle;}
svg:not(:root) { overflow: hidden; }

/* Forms
------------------------------------------------------------------------------------- */
.form * {outline: 0;}
button, input, select, textarea { font-size: 100%; vertical-align:baseline; *vertical-align: middle;outline: 0;}
button, input { line-height: normal; }
button, select { text-transform: none; }
button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; *overflow: visible;}
button[disabled], html input[disabled] { cursor: default; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; margin-right:2px;}
input[type="radio"] { margin-top:-3px;}
input[type="checkbox"] { margin-top:-3px;}
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {-webkit-appearance: none;}
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0;}
textarea { overflow: auto; vertical-align: top;}
input, select { vertical-align:middle;}
label { padding-right:5px;}

input[type="radio"]{appearance:radio; -moz-appearance:radio; -webkit-appearance:radio; }
input[type="checkbox"]{appearance:checkbox; -moz-appearance:checkbox; -webkit-appearance:checkbox; }

/* Tables
------------------------------------------------------------------------------------- */
table {border-collapse: collapse; empty-cells:show; border-spacing: 0;}
table th,table td {border:1px solid #ccc;}


/*■■ 채널의 공통영역 정의 ■■*/
	/* 기본 링크 정의
	----------------------- */
	/* color-anchor*/
	a {color: #fff; text-decoration: none; background:none;}
	a:link, a:visited {color:#fff; text-decoration: none; background:none;}
	a:hover, a:active {color:#ccc; text-decoration: none; background:none;}
	a:focus { outline:none;  background:none;}