@charset 'utf-8';

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

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

html {width:100%; height:100%; } 
body {margin:0; padding:0; background:#fff; height:100%; min-width:1450px;} /* 이부분 실작업시 수정할것! */

/* 시스템폰트 사용시 
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:dotum, sans-serif ; font-size:12px; letter-spacing:-0.5px; font-weight:400;}
b,strong {word-wrap:break-word; word-break:break-all; font-family:inherit; font-weight:600;}
*/
/* 웹폰트 사용시 */
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:'NanumBarunGothic',sans-serif; font-size:12px; letter-spacing:0; font-weight:400}
b,strong {color:#666; word-wrap:break-word; word-break:break-all; font-family:inherit; font-weight:600; color:inherit}


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 {list-style:none;margin:0; padding:0;}
em,i {font-style:normal}
a,span {display:inline-block;}
img {border:0;}
table caption {width:0px; height:0px; font-size:0; visibility:hidden; }

a:link, a:visited {color:#666; text-decoration: none; cursor:pointer}
a:hover, a:active {color:#333; text-decoration: none;}


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


/* 폼요소기본 */
label {display:inline-block; overflow:hidden; cursor:pointer}
label input[type=checkbox],label input[type=radio] {float:left; margin-right:5px; cursor:pointer}

input { outline:none;}
input[type=submit],input[type=button],button {cursor:pointer; border:0; -webkit-appearance:none; -webkit-border-radius:0; border-radius:0;}
input[type=text],input[type=password],input[type=search],input[type=email],input[type=number],input[type=tel] {margin:0; padding:0; -webkit-appearance:none; -webkit-border-radius:0; border-radius:0; border:0;}
input[type=number]::-webkit-outer-spin-button, input[type=number]::-webkit-inner-spin-button {-webkit-appearance:none; margin:0; border:0;} /* number 오른쪽에 나타나는 화살표 버튼없애기 */
input[type=date]::-webkit-outer-spin-button, input[type=date]::-webkit-inner-spin-button {-webkit-appearance:none; margin:0; border:0;} /* 오른쪽에 나타나는 화살표 버튼없애기 */
input {color:#666; background:transparent; margin:0;padding:0;}
input::-ms-clear {display: none;}
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:focus {color:#333 !important;}
textarea {color:#666; background:transparent; margin:0; padding:0; border:0; -webkit-appearance:none; -webkit-border-radius:0; border-radius:0; outline:none;}
textarea:focus {color:#333 !important; border:0}
select {color:#999; cursor:pointer; font-size:inherit !important; font-family:inherit !important; outline:none;} /* 셀렉트 오류때문에 필수! */



/* placeholder는 아직 브라우저 환경때문에 PC버전에서 제한적 사용 */
input::-webkit-input-placeholder {color:#999}
input::input-placeholder {color:#999}
textarea::-webkit-textarea-placeholder {color:#999}
textarea::textarea-placeholder {color:#999}



/* 이미지롤오버 */
.roll_off {display:block;}
.roll_over {display:none;}
a:hover .roll_off {display:none;}
a:hover .roll_over {display:block;}
.active .roll_off {display:none;}
.active .roll_over {display:block;}
/* Use <a href="" class="roll_hit"><img src="" class="roll_over" alt="" /><img src="" class="roll_off" alt="" /></a> */



.wrap {position:relative;} /* 이부분 실작업시 수정할것! */
.lineup {display:inline-block} /* float요소들 정렬시킬때 사용 */
.layout_fix {width:1200px; margin:0 auto; position:relative} /* 레이아웃 가로값 공통으로 사용 */
.upper_link {position:absolute; left:0; top:0; width:100%; height:100%; z-index:5} /* 복잡한 요소들 한꺼번에 링크시 사용 */
.upper_link img {width:100%; height:100%}



/* 공통페이지는 다음과 같은 경로안으로 들어갑니다. */
.common_layout {border-top:1px solid #ddd; overflow:hidden; background:#fafafa;}
.common_page {background:#fff; margin:0 auto; overflow:hidden;}
.common_page .layout_fix {padding:10px 0 50px 0;}
.common_clear {margin-bottom:0} /* 박스연속될때 위에오는 박스 */
.common_none {border:0 !important; background:none !important; width:1200px;  margin:0 auto;} /* 별도로 묶을경우 */
.common_only {border:1px solid #dadada; background:none !important; width:1200px; margin:60px auto;} /* 멤버쪽 별도박스 */


.font-inherit { font-size: inherit!important; font-family: inherit!important; font-weight: inherit!important; color: inherit!important; line-height: inherit!important; }