/*
copyright(c) 상상너머·원데이넷 all rights reserved.
허용된 라이센스이외 무단도용재배포를 금합니다.
*/

@charset 'utf-8';

/* ●●●●●●●●●● 기본설정 */

html {width:100%; height:100%; }
body {margin:0; padding:0; background:#fff; min-width:1260px; height:100%; overflow-y:scroll;}

/* 시스템폰트 사용시 */
body,p,pre,form,span,div,table,td,ul,ol,li,dl,dt,dd,input,textarea,label,button {font-family:Noto Sans CJK KR,'Noto',Sans-serif; /*font-family:맑은고딕,'Malgun Gothic','돋움',Dotum,Sans-serif;*/ color:#888; word-wrap:break-word; word-break:keep-all; font-size:12px; font-weight:400;}
b,strong {word-wrap:break-word; word-break:break-all; font-family:inherit; font-size:inherit; font-weight:600; letter-spacing:0px;}

/* 웹폰트 사용시
body,p,pre,form,span,div,table,td,ul,ol,li,dl,dt,dd,input,textarea,label,button {color:#666; word-wrap:break-word; word-break:break-all; font-family:'나눔고딕',"NanumGothic",sans-serif; font-size:12px; font-weight:400}
b,strong {color:#666; word-wrap:break-word; word-break:break-all; font-size:inherit; font-family:inherit; font-weight:600}
*/

p,form,span,h1,h2,h3,h4,h5,h6 {margin:0; padding:0; font-weight:normal}
div,table {margin:0; padding:0; border-spacing:0; border-collapse:collapse; border:0px none; }
ul,ol,li,td,dl,dt,dd {margin:0; padding:0;}
em,i {font-style:normal}
a,span {display:inline-block;}
img {border:0;}
span,div,a,b,strong,label {color:inherit; font-size:inherit; font-weight:inherit}
table caption {width:0px; height:0px; font-size:0; visibility:hidden; }

a:link, a:visited {color:inherit; text-decoration: none; cursor:pointer}
a:hover, a:active {color:#0ba2ff; text-decoration: none;}


/* 폼요소기본 */
label {display:inline-block; overflow:hidden; cursor:pointer; color:#888}
label:hover {color:#333}
label input[type=checkbox],label input[type=radio] {float:left; margin-right:5px; height:13px; width:13px; cursor:pointer; -webkit-gradient:none; -webkit-border-radius:0;}

input[type=submit],input[type=button],button {cursor:pointer; border:0;}
input[type=text],input[type=password],input[type=search],input[type=email],input[type=number],input[type=tel] {margin:0;padding:0;}
input[type=number]::-webkit-outer-spin-button, input[type=number]::-webkit-inner-spin-button {-webkit-appearance:none; margin:0;} /* number 오른쪽에 나타나는 화살표 버튼없애기 */
input[type=date]::-webkit-outer-spin-button, input[type=date]::-webkit-inner-spin-button {-webkit-appearance:none; margin:0;} /* 오른쪽에 나타나는 화살표 버튼없애기 */
input {color:#999; background:transparent; margin:0; padding:0; border:0;}
input:focus {color:#333 !important;}
input::-ms-clear {display: none;}
textarea {color:#999; background:transparent; margin:0;padding:0; ; border:0; }
textarea:focus {color:#333 !important;}
select {color:#999; cursor:pointer; font-size: inherit !important; font-family: inherit !important;} /* 셀렉트는오류때문에 필수! */
table caption { width:0px; height:0px; font-size:0; visibility:hidden; }
/* 검색인풋에 자동x버튼 삭제 */
input[type=search]::-webkit-search-decoration,
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-results-button,
input[type=search]::-webkit-search-results-decoration {display:none;}


/* 웹접근성 작업 시 사용하면 안됨 */
input,select,textarea {outline:none}

/* 크롬 자동완성 BG색 버림(아이디비번저장 시) */
input:-webkit-autofill {-webkit-box-shadow: 0 0 0px 1000px #fff inset;}
input:-webkit-autofill:focus {-webkit-box-shadow: 0 0 0px 1000px #fff inset;}


/* placeholder는 아직 브라우저 환경때문에 PC버전에서 사용안함  */
placeholder {color:#bbb !important}
input::-webkit-input-placeholder {color:#bbb !important}
input:-ms-input-placeholder {color:#bbb !important}
input:-moz-placeholder {color:#bbb !important}
textarea::-webkit-input-placeholder {color:#bbb !important}
textarea:-ms-input-placeholder {color:#bbb !important}
textarea:-moz-placeholder {color:#bbb !important}


/* 마우스 드래그시 컬러 (디자인적으로 필요하면 사용) 하위브라우저 적용안됨 */
::selection {background:#bfc2ca; color:#fff; text-shadow: none;}
::-moz-selection {background:#bfc2ca; color:#fff; text-shadow: none;}
::-webkit-selection {background:#bfc2ca; color:#fff; text-shadow: none;}


.wrap {position:relative;}
.lineup {display:inline-block} /* float요소들 정렬시킬때 사용 */
.layout_fix {width:1050px; margin:0 auto; position:relative; box-sizing:border-box;} /* 이부분 실작업시 수정할것!  컨첸츠 레이아웃 전체값 */
.upper_link {position:absolute; left:0; top:0; width:100%; height:100%; z-index:9 !important}
.upper_link img {width:100%; height:100%;}


/* 공통페이지는 다음과 같은 경로안으로 들어갑니다.
   (왼쪽메뉴가 있는 경우 이 레이아웃을 쓰지 않아도 됨 사이즈는 사이트별로 수정바람.) */
/* .common_page {width:1048px; background:#fff; margin:0 auto 80px auto; border-left:1px solid #dadada; border-right:1px solid #dadada; border-bottom:1px solid #dadada; overflow:hidden;}
.common_page .layout_fix {background:#fff; width:990px; margin:30px auto;}
.common_clear {margin-bottom:0} 박스연속될때 위에오는 박스
.common_none {border:0 !important; background:none !important; width:1050px; margin:0 auto;} 컨텐츠아닌 공통영역(페이지타이틀)
.common_only {border:1px solid #dadada; background:none !important; width:1000px; margin:60px auto;} 멤버쪽 별도박스
 */


/* ●●●●●●●●●● 노토체 */
@font-face {
    font-family: "Noto";
	font-weight: 100;
    font-style: normal;
    src: url('webfont/NotoSansCJKkr-Thin.woff.eot');
    src: url('webfont/NotoSansCJKkr-Thin.woff.eot?#iefix') format('embedded-opentype'),
	url('webfont/NotoSansCJKkr-Thin.woff2') format('woff2'),
	url('webfont/NotoSansCJKkr-Thin.woff') format('woff');
}

@font-face {
    font-family: "Noto";
	font-weight: 300;
    font-style: normal;
    src: url('webfont/NotoSansCJKkr-Light.woff.eot');
    src: url('webfont/NotoSansCJKkr-Light.woff.eot?#iefix') format('embedded-opentype'),
	url('webfont/NotoSansCJKkr-Light.woff2') format('woff2'),
	url('webfont/NotoSansCJKkr-Light.woff') format('woff');
}

@font-face {
    font-family: "Noto";
	font-weight: 400;
	font-style: normal;
    src: url('webfont/NotoSansCJKkr-Regular.woff.eot');
    src: url('webfont/NotoSansCJKkr-Regular.woff.eot?#iefix') format('embedded-opentype'),
	url('webfont/NotoSansCJKkr-Regular.woff2') format('woff2'),
	url('webfont/NotoSansCJKkr-Regular.woff') format('woff'),
	url('webfont/NotoSansCJKkr-Regular.ttf') format('truetype');
}

@font-face {
    font-family: "Noto";
	font-weight: 500;
    font-style: normal;
    src: url('webfont/NotoSansCJKkr-Medium.woff.eot');
    src: url('webfont/NotoSansCJKkr-Medium.woff.eot?#iefix') format('embedded-opentype'),
	url('webfont/NotoSansCJKkr-Medium.woff2') format('woff2'),
	url('webfont/NotoSansCJKkr-Medium.woff') format('woff');
}

@font-face {
    font-family: "Noto";
	font-weight: 700;
    font-style: normal;
    src: url('webfont/NotoSansCJKkr-Bold.woff.eot');
    src: url('webfont/NotoSansCJKkr-Bold.woff.eot?#iefix') format('embedded-opentype'),
	url('webfont/NotoSansCJKkr-Bold.woff2') format('woff2'),
	url('webfont/NotoSansCJKkr-Bold.woff') format('woff');
}

@font-face {
    font-family: "Noto";
	font-weight: 900;
    font-style: normal;
    src: url('webfont/NotoSansCJKkr-Black.woff.eot');
    src: url('webfont/NotoSansCJKkr-Black.woff.eot?#iefix') format('embedded-opentype'),
	url('webfont/NotoSansCJKkr-Black.woff2') format('woff2'),
	url('webfont/NotoSansCJKkr-Black.woff') format('woff');
}