/* copyright(c) 상상너머·원데이넷 all rights reserved. 허용된 라이센스이외 무단도용재배포를 금합니다. */ @charset 'utf-8'; /* @import url(cm_font.css); */ /* ********************************************** * * GLOBAL * ********************************************** */ html {width:100%; height:100%;} body {margin:0; padding:0; background:#fff; min-width:1400px; overflow-y:scroll;} body.if_main {min-width: 1600px;} body,p,pre,form,span,div,table,td,ul,ol,li,dl,dt,dd,input,textarea,label,button {color:#666; font-family:Noto Sans CJK KR,'Noto',Sans-serif; letter-spacing: -0.5px; font-size:13px; font-weight:400;} body,p,pre,form,span,div,table,td,ul,ol,li,dl,dt,dd,input,textarea,label,button {word-wrap:break-word; word-break:break-all; text-decoration-skip-ink: none} 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; } table caption { width:0px; height:0px; font-size:0; visibility:hidden; } 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; letter-spacing:inherit; line-height: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 {text-decoration: none;} /* ********************************************** * * FORM * ********************************************** */ /* lable */ 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 */ 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; border:none; background: #fff !important; border: 1px solid #e5e5e5 !important; box-sizing:border-box;} input[type=text],input[type=password],input[type=search],input[type=email],input[type=number],input[type=tel] {border-radius:0px; -webkit-border-radius:0; -webkit-appearance:none; -webkit-gradient:none; } 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[type=text]:focus,input[type=password]:focus,input[type=search]:focus,input[type=email]:focus,input[type=number]:focus,input[type=tel]:focus {color:#333 !important; border-color: #333 !important;} input::-ms-clear {display: 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;} /* textarea */ textarea {color:#999; background:transparent; margin:0;padding:0; border:0; } textarea:focus {color:#333 !important;} /* select */ select {color:#999; cursor:pointer; font-size: inherit !important; font-family: inherit !important;} /* 셀렉트는오류때문에 필수! */ select::-ms-expand {display: none;} /* placeholder */ 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} /* 검색인풋에 자동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} /* 마우스 드래그시 컬러 (디자인적으로 필요하면 사용) 하위브라우저 적용안됨 */ ::selection {background:#999; color:#fff; text-shadow: none;} ::-moz-selection {background:#999; color:#fff; text-shadow: none;} ::-webkit-selection {background:#999; color:#fff; text-shadow: none;} /* ********************************************** * * ESSENTIAL * ********************************************** */ .wrap {position:relative;} /* 사이트 전체 감싸는 영역 */ .lineup {display:inline-block} /* float요소들 정렬시킬때 사용 */ .layout_fix {width:1300px; margin:0 auto; position:relative} /* 이부분 실작업시 수정할것! 컨첸츠 레이아웃 전체값 */ .upper_link {position:absolute; left:0; top:0; width:100%; height:100%; z-index:3} /* z-index값 수정하지말것 */ .upper_link img {width:100%; height:100%;} /* 공통페이지는 다음과 같은 경로안으로 들어갑니다. */ .common_page {width:1300px; background:#fff; margin:0 auto; overflow:hidden; box-sizing: border-box;} .common_page .layout_fix {background:#fff; width:1300px; margin-top: 30px;} .common_clear {margin-bottom:0} /* 박스연속될때 위에오는 박스 */ .common_none {border:0 !important; background:none !important; width:1300px; margin:0 auto;} /* 컨텐츠아닌 공통영역(페이지타이틀) */ .common_only {background:none !important; width:1300px;} /* 멤버쪽 별도박스 */ .font-inherit { font-size: inherit!important; font-family: inherit!important; font-weight: inherit!important; color: inherit!important; line-height: inherit!important; } /* 2017-09-07 pre 크롬브라우저 오류 ARA */ pre {word-wrap:break-word; word-break:keep-all; white-space:normal;} /* 이미지롤오버 */ .roll_off {display:block;} .roll_over {display:none;} a:hover .roll_off {display:none;} a:hover .roll_over {display:block;} .roll_hit .roll_off {display:none;} .roll_hit .roll_over {display:block;} /* Use */