@charset "utf-8";

/* PC - font */
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css) screen;

/* css */
@import url("board.css");
@import url("layout.css");

/* default */
html {width:100%;margin:0;padding:0;height:100%;overflow-y:scroll;}
body,div,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select,pre,menu{margin:0;padding:0;}
body{background:#fff;letter-spacing:-1px; min-width:320px;-webkit-text-size-adjust:none;font-size:16px;line-height:1.6em;color:#6c6c6c;letter-spacing:-0.75px;}
body, input, textarea, select, button, table, pre{font-family:'나눔고딕','Nanum Gothic',sans-serif;}
h1, h2, h3, h4, h5, h6 {font-size:1em;}
span,button,input	{margin:0;padding:0;border:0 none;}
ol, ul, li, dl, dt, dd	{list-style:none;}
table {width:100%; border-spacing:0px; border:0;table-layout:fixed;}
fieldset, img {border: none;}
a,img,input,select	{vertical-align:middle;}
caption, legend {display:none}
em,address,i{font-style:normal}

button	{border:0 none; padding:0; margin:0; background:transparent; cursor:pointer; *overflow:visible; vertical-align:middle; }
button::-moz-focus-inner {padding:0;border:0;}
table, th, td	{word-break:break-all;}
table {border-collapse:collapse;border-spacing:0;border:0 none;}
caption	{display:none;}

form {margin:0;}
fieldset {border:0 none;padding:0;margin:0;}
legend	{overflow:hidden;visibility:hidden;position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:0}

button, input, select, textarea {font-size:inherit;color:inherit;margin:0;vertical-align:middle;}
button, input {line-height:normal;}
button, select {text-transform:none;}
button, input[type="text"], input[type="button"], input[type="number"], input[type="password"],input[type="email"],input[type="search"],input[type="reset"], input[type="submit"], input[type="file"] {
	-webkit-appearance:none;*overflow:visible;  /* IE 7에서 텍스트 입력에 영향을 주지 않고 내부 간격을 제거하는 핵 */border-radius:0;
}
button[disabled], html input[disabled] {cursor:default;}
button::-moz-focus-i0nner,
textarea {
    overflow:auto;/* IE 6/7/8/9의 textarea 요소에 기본 지정된 세로 스크롤 제거 */
    vertical-align:top; /* 모든 브라우저에서 가독성 향상과 정렬을 위함 */
    resize:none;
    border-radius:0;-webkit-appearance:none;
}
button {border:0;background:none;cursor:pointer;box-sizing:border-box;}

.my-placeholder {color:#aaa;}

/* html5  reset */
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {display:block;margin:0;padding:0;}
audio, canvas, video {display:inline-block;*display:inline;*zoom:1;}
audio:not([controls]) {display:none;height:0;}
abbr[title] {border-bottom:1px dotted;}
blockquote {margin:0;}
dfn {font-style:italic;}
hr {-moz-box-sizing:content-box;box-sizing:content-box;height:0;}
mark {background: #ff0;color: #000;}
p, pre {margin:0;}
code, kbd, pre, samp {font-family:monospace,serif;_font-family:'courier new',monospace;font-size:1em;}
pre {white-space:pre;white-space:pre-wrap;word-wrap:break-word;}
q {quotes:none;}
q:before, q:after {content:'';content:none;}
small {font-size:80%;}
sub, sup {font-size:75%;line-height:0;position:relative;vertical-align:baseline;}
sup {top: -0.5em;}
sub {bottom:0.1em;}
svg:not(:root) {overflow:hidden;}/* IE 9에서 svg 요소가 영역의 크기를 벗어나지 않도록 설정 */
figure {margin:0;}
input {box-sizing:border-box;}
input:focus	{outline:medium none}
input[readonly] {background:#f3f3f3;}
input[type="tel"], input[type="text"], input[type="email"], input[type="search"],
input[type="number"], input[type="password"] {width:100%;padding:0 5px;border:1px solid #d2d6d9;background:#fff;font-size:16px;height:30px;line-height:30px;box-sizing:border-box;border-radius:0;-webkit-appearance:none;}
input:checked	{border:1px solid #666;border-radius:10px}
input[type="checkbox"]	{width:20px;height:20px;border:1px solid #666;border-radius:0;-webkit-appearance:checkbox}
input[type="radio"]	{width:20px;height:20px;-webkit-appearance:radio;-webkit-border-radius:100%;}
input[type="radio"]:checked	{width:20px;height:20px;-webkit-appearance:radio;-webkit-border-radius:100%;}
input[type="radio"]:disabled{width:20px;height:20px;-webkit-appearance:radio;-webkit-border-radius:100%;}
input[type="checkbox"], input[type="radio"] {
    box-sizing:border-box; /* IE 8/9에서 box sizing 속성값을 content-box에서 border-box로 변경 */
    padding:0; /* IE 8/9에서 패딩 제거 */
    *height:13px; /* IE 7에서 핵을 이용해 패딩 제거 */
    *width:13px; /* IE 7에서 핵을 이용해 패딩 제거 */
}
input[type="reset"], input[type="submit"] {-webkit-appearance:button;cursor:pointer;}
input[type="radio"] {border:1px solid #ccc;-webkit-border:1px solid #ccc;-webkit-appearance:none;}
input[type="search"] {
    -webkit-appearance:textfield; /* 사파리 5와 크롬에서 텍스트 입력이 가능하게 설정 */
    -moz-box-sizing:content-box;
    -webkit-box-sizing:content-box; /* 콘텐츠 영역만큼의 크기만 설정하도록 content-box 설정 */
    box-sizing:content-box;border-radius:0;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {-webkit-appearance:none;border-radius:0;}/* 맥의 OS X기반의 사파리 5와 크롬의 내부 패딩과 검색 취소 버튼을 제거 */
input::-moz-focus-inner {
    border:0;
    padding:0;
}/* 파이어폭스용 버튼 내부패딩없애기  */

/*select {box-sizing:border-box;padding:0 0 1px;color:#737373;border-color:#ccc;height:32px;vertical-align:middle;white-space:nowrap;background:#fff;width:100%;}*/
select {padding:0 10px 0 7px;padding:0 0 0 7px\9;border:1px solid #d2d6d9;border-radius:0;font-weight:normal;color:#333;width:100%;height:50px;cursor:pointer;
	background:#fff url(../images/default/arrow_select.gif) 100% 50% no-repeat;background-size:20px;background:#fff \9;-webkit-appearance:none;-moz-appearance:none;line-height:26px;line-height:20px \9;text-indent:0.01px;text-overflow:'';box-sizing:border-box;}
select::-ms-expand{opacity:0;}
select, option{text-align-last:center;}
textarea {padding:10px 10px 13px;border:1px solid #d2d6d9;width:100%;min-height:75px;box-sizing:border-box;vertical-align:middle;resize:none;}

a	{font-family:inherit;color:inherit;text-decoration:none}
a:link,a:visited,a:hover,a:active {text-decoration:none}

img {border:0;max-width:100%;height:auto;}
h1,h2,h3,h4,h5,h6,b,strong	{font-weight:600;}

::-webkit-input-placeholder,
-ms-input-placeholder,
-moz-placeholder {font-family:'나눔고딕','Nanum Gothic',sans-serif}
input:-ms-input-placeholder, textarea:-ms-input-placeholder {color:#7c7c7c;}
::-ms-value {border:none;}

.fix {position:fixed !important;}

/* align - 정렬*/
.fLeft {float:left !important;}
.fRight {float:right !important;}
.tCenter {text-align:center !important;}
.tLeft {text-align:left !important;}
.tRight {text-align:right !important;}
.clr {clear:both !important;}
.hidden {display:none !important;}
.block {display:block !important;}
.inline {display:inline-block !important;}

/* margin / padding */
.mT5 {margin-top:5px;}
.mT8 {margin-top:8px;}
.mT10 {margin-top:10px;}
.mT15 {margin-top:15px;}
.mT20 {margin-top:20px;}
.mT30 {margin-top:30px;}
.mR10 {margin-right:10px;}
.mR20 {margin-right:20px;}
.mL4 {margin-left:4px;}
.mB5 {margin-bottom:5px;}
.mB20 {margin-bottom:20px;}

/* point color */
.red    {color:#db2929;}
.blue   {color:#195886;}
.sky    {color:#27aae1}
.black  {color:#333;}
.gray	{color:#888;}
.green	{color:#578a3e;}

.f11 {font-size:11px;}
.f12 {font-size:12px;}
.f13 {font-size:13px;}
.f14 {font-size:14px;}

/* mobile 320px이하 해상도에서 실행할 CSS 코드를 여기에 작성 */
@media all and (max-width:320px){
}

/* 모든 해상도에서 실행할 CSS 코드를 여기에 작성 */
@media all {
body {font-size:16px;}
input[type="tel"], input[type="text"], input[type="email"], input[type="search"], input[type="number"], input[type="password"]{height:40px;line-height:40px;}
input[type="radio"],input[type="radio"]:checked,input[type="radio"]:disabled,
input[type="checkbox"], input[type="checkbox"]:checked {width:15px;height:15px;}
select {height:40px;line-height:40px;}

}