@charset "UTF-8"; @import url(../../common/css/OneMobile.css); @import url(../../common/css/score.css); @import url(../../common/css/SBAggro.css); @import url(../../../storyCms/core/css/storyCms.css); html, body {height:100%; min-width:360px;} html {font-size:62.5%} body {color:#444; font-family:'SCD', 맑은고딕,'Malgun Gothic', 돋움, Dotum,sans-serif; font-size:1.7rem; line-height:1.7; font-weight:400; letter-spacing:-0.5px; -webkit-text-size-adjust:none; word-break:keep-all;} @media print{ #top_layout {display: none;} #body_layout aside {display:none;} #body_layout .sub_topVisual {display:none;} #body_layout .sub_top {display:none;} aside {display:none; float:unset;} #body_layout div.contents_inner {float:unset; clear:right; width:100%;} #body_layout .sub_topbg {display:none;} #body_layout .body_topimg {display:none;} .content_box {padding:30px 10px !important; margin-top:-20px;} .move_top {display:none !important;} #sysConsole {display:none;} #foot_layout {display:none;} #contentarea .print_area {display:none;} .side_quickbox {display:none;} .pageingDiv {display:none;} } /*media query*/ @media screen and (max-width:1200px) { } @media screen and (max-width:1024px) { } @media screen and (max-width:920px) { } @media screen and (max-width:767px) { body {font-size:1.5rem;} } @media screen and (max-width:640px) { } @media screen and (max-width:480px) { } /******************************** reset *******************************/ 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, input,button, 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 {margin:0; padding:0; border:0; background:transparent; vertical-align:baseline; word-break:keep-all;} article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, main {display:block;} dl, dt, dd, ol, ul, li {list-style:none;} select:-ms-expand {display:none;} select {font-size:1.5rem; border-radius:0; border:1px solid #b2b4b6;} blockquote, q {quotes:none;} table {border-spacing:0; letter-spacing:0;} em, address, i {font-style:normal;} label, button {cursor:pointer;} table caption, legend, .blind {overflow:hidden; position:absolute; top:-99999px; width:0; height:0; line-height:0; text-indent:-99999px;} img {max-width:100%; height:auto; vertical-align:middle;} hr {display:block; width:100%; margin:1em 0; padding:0; height:1px; border:0; border-top:1px solid #ccc;} hr.no {padding:0; margin:0; background-color:transparent;} input, select {vertical-align:middle; font-family:'SCD',맑은고딕,'Malgun Gothic',돋움,Dotum,sans-serif;} h1, h2, h3, h4, h5, h6, b, caption, th, dt, strong {font-weight:500;} .line_bk10 {display:block;} .line_bk9 {display:block;} .line_bk7 {display:block;} .line_bk6 {display:block;} .line_bk4 {display:block;} /* ********************************************************************************* * 공통 기본 * *********************************************************************************/ input[type="text"], input[type="password"] {height:45px; font-size:1.5rem; border:1px solid #d2d2d2; text-indent:5px; background:#fff; color:#555; vertical-align:middle; border-radius:8px;} input[type="text"]:focus, input[type="password"]:focus, textarea:focus, select:focus {border:1px solid #606060 !important; outline:0;} select {height:45px; padding:0 0 0 5px; font-size:1.5rem; border:1px solid #d2d2d2; color:#444; -webkit-appearance:none; -moz-appearance:none; appearance:none; vertical-align:middle; background-image:url(../../../../images/paid/nep/cmmn/select_arr.png); background-color:#fff; background-repeat:no-repeat; background-position:96% center; background-position:right 7px center;} select::-ms-expand {display:none;/* 화살표 없애기 for IE10, 11*/} input[type=text].date_box {font-size:16px; box-sizing:border-box; height:39px; padding-right:28px; background:#fff url(../../../../images/paid/nep/cmmn/icon_dateficker.png) 93% center no-repeat; color:#444;} textarea {width:100%; resize:vertical; border:1px solid #d2d2d2} input[type="text"]:disabled, input[type="password"]:disabled, select:disabled{background-color:#fbfbfb;} input[type="text"][readonly], input[type="password"][readonly], select[readonly], textarea[readonly] {background-color:#fbfbfb !important;} input:-webkit-autofill { -webkit-box-shadow: 0 0 0 1000px white inset; box-shadow: 0 0 0 1000px white inset; } /******************************** 스트롤바 디자인 *******************************/ ::-webkit-scrollbar {width:15px;} ::-webkit-scrollbar-thumb {border:5px solid #fff; border-radius:50px; background:#ddd;} ::-webkit-scrollbar-track {background:rgba(255,255,255,0);} /******************************** XE-ICON *******************************/ :before, :after {background-repeat:no-repeat;} .xico:before, .xico:after {display:inline-block; font-family:'xeicon';} /******************************** box-sizing (tabel 제외) *******************************/ div, span, h1, h2, h3, h4, h5, h6, p, abbr, address, em, img, strong, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, input, button, textarea, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;} /******************************** 버튼 리셋 - Firefox에서