/*********************************************************************************/ /********************** common : layout,board,btn *****************************/ /********************************************************************************/ @import url('/css/datepicker-unified.css'); :root { --brand: #D82D28; --brand-dark: #B4231F; --ink-logo: #111111; } html,body {margin:0;padding:0px;height:100%;*overflow-x:hidden;} body{color:#666;text-align:center;overflow-x:hidden;background:#fff;} @media all and (max-width:1220px){ body {overflow-x:auto;} html,body {*overflow-x:scroll;} } body, select, input, textarea, pre {font: 12px 'Nanum Gothic',NanumGothic,'malgun gothic','dotum', sans-serif; *font-family: "malgun gothic";color:#666;} img {border:0;vertical-align: middle;} form {margin:0px;} ol, ul, dl, li, dt, dd, p{ list-style-type:none;margin:0px;padding:0px;text-align:left; } .png24 { tmp:expression(setPng24(this)); } .cut {text-overflow:ellipsis;overflow:hidden;white-space:nowrap;} a:link,a:active,a:visited{color:#999;text-decoration:none;} a:hover{color:#666;text-decoration:none;} input,select,textarea{font-size: 12px; color:#666;vertical-align:middle;margin:0px;padding:0px;} p,h1,h2,h3,h4,h5,h6 {padding:0px;margin:0px;} pre {white-space:pre-line; *white-space:pre;text-align:justify;line-height:160%;margin:0px;} #wrapper {width:100vw;min-width:1200px;background:#fff;} #header {height:115px;border-bottom:0;background:#fff} #header .menu_top ul, #header .logo_zone, #header .menu_zone {width:1200px;margin:0px auto;letter-spacing:-1px;*zoom:1;} #header .menu_top ul:after, #header .logo_zone:after, #header .menu_zone:after {content:"";display:block;clear:both;} #header .menu_top {width:100%;height:58px;border-bottom:1px solid #ddd;} #header .menu_top li {text-align:right;color:#666;line-height:58px;display:flex;justify-content:flex-end;align-items:center;gap:10px;}/*display:inline-block;*display:inline;*zoom:1;*/ #header .menu_top a:first-child{border:0px;} #header .menu_top a {display:inline-block;*display:inline;*zoom:1;padding:0px 18px;height:42px;line-height:42px;margin:8px 0;color:#fff;font-size:13px;font-weight:700;border:0px;border-radius:999px;background:#111111;} #header .menu_top a:hover {color:#fff;background:#000000;} #header .menu_top a.mypage_btn {background:#D82D28;box-shadow:0 4px 10px rgba(216,45,40,.25);} #header .menu_top a.mypage_btn:hover {background:#B4231F;} #header .logo_zone {height:115px;position:relative;} #header .logo_zone .logo {width:250px;position:absolute;left:0;top:0;z-index:20;} #header .logo_zone .logo a {display:block;position:relative;z-index:21;} #header .logo_zone .logo img {display:block;margin-top:42px;height:28px;width:auto;max-width:160px;} #header .logo_zone .search {width:480px;position:absolute;left:50%;top:0;transform:translateX(-50%);padding:0px;} #header .logo_zone .search .border{border:1px solid #D82D28;background:#fff;border-radius:12px;width:100%;height:42px;margin-top:36px;display:flex;align-items:stretch;box-sizing:border-box;box-shadow:0 2px 8px rgba(216,45,40,.12);transition:all .2s ease;overflow:hidden;padding:0;} #header .logo_zone .search .border:hover {border-color:#B4231F;box-shadow:0 4px 12px rgba(216,45,40,.18);} #header .logo_zone .search .keyword{padding:8px 0px;} #header .logo_zone .search .keyword a{padding-left:8px;margin-right:8px;border-left:1px solid #ddd;font-size:12px;color:#666;} #header .logo_zone .search .keyword a:first-child{border:0px;padding-left:0px;} #header .logo_zone .search input[type=text] {flex:1 1 auto;width:auto;min-width:0;height:auto;border:0;margin:0;padding:0 14px;outline:none;box-shadow:none;font-size:14px;color:#333;background:transparent;box-sizing:border-box;} #header .logo_zone .search input[type=text]::placeholder {color:#a8b2c5;font-size:13px;} #header .logo_zone .search input[type=text]:focus {outline:none;box-shadow:none;} #header .logo_zone .search input[type=submit] {flex:0 0 76px;width:76px;height:auto;align-self:stretch;margin:0;padding:0;border:0;border-radius:0;color:#fff;font-size:13px;font-weight:bold;background:#D82D28;cursor:pointer;box-sizing:border-box;-webkit-appearance:none;appearance:none;transition:background .2s ease;} #header .logo_zone .search input[type=submit]:hover {background:#B4231F;} #header .logo_zone .banner {width:250px;position:absolute;right:0;top:0;text-align:right;} #header .logo_zone .header-ad-banner {position:relative;display:inline-block;width:250px;height:90px;margin-top:16px;overflow:hidden;background:transparent;vertical-align:top;border-radius:12px;} #header .logo_zone .header-ad-banner__item {position:absolute;left:0;top:0;width:250px;height:90px;opacity:0;z-index:0;transition:opacity .5s ease;} #header .logo_zone .header-ad-banner__item.is-on {opacity:1;z-index:1;} #header .logo_zone .header-ad-banner img {display:block;width:250px;height:90px;margin:0;border:0;background:transparent;} .pc-auth-float{position:fixed;right:24px;top:50%;transform:translateY(-50%);z-index:121;width:186px;display:flex;flex-direction:column;gap:8px;font-family:'Nanum Gothic','Malgun Gothic',sans-serif;} .pc-auth-float a, .pc-auth-float a:link, .pc-auth-float a:visited{display:block;height:38px;line-height:38px;padding:0 14px;border-radius:12px;color:#fff;font-size:13px;font-weight:700;text-align:center;background:#111111;box-sizing:border-box;text-decoration:none;} .pc-auth-float a:hover{color:#fff;background:#000000;} .pc-auth-float a.mypage_btn{background:#D82D28;box-shadow:0 4px 10px rgba(216,45,40,.22);} .pc-auth-float a.mypage_btn:hover{background:#B4231F;} .pc-category-float .pc-auth-float{position:relative;right:auto;top:auto;transform:none;width:100%;margin:0 0 10px;z-index:1;} @media screen and (max-width:1440px){ .pc-auth-float{right:10px;} } @media screen and (max-width:1180px){ .pc-auth-float{display:none;} } #header .menu_zone {letter-spacing:0px;display:flex;overflow:hidden;box-sizing:border-box;} #header .menu_zone li {float:none;flex:1 1 50%;width:50%;height:60px;background:#111111;} #header .menu_zone li:first-child {background:#D82D28;} #header .menu_zone li a {color:#fff;display:block;font-size:16px;font-weight:bold;height:60px;margin-left:30px;line-height:60px;} #header .menu_zone li a span {color:#999;font-weight:normal;font-family:tahoma;font-size:12px;padding-right:20px;} #header .menu_zone li a:hover {color:#ffcc00;} #header .menu_zone li:first-child span {color:#ee90a3;} #header .gnb {border-top:solid 3px #D82D28;height:45px;background:#111111;position:relative;z-index:9999} #header .gnb ul{background:#111111;text-align:left;} #header .gnb li{float:left;display:block;width:20%;text-align:left;} /*#header .gnb li:first-child {width:175px;}*/ #header .gnb li a .ico {position:relative;border:solid 3px #111111; top:15px;left:10px;width:43px;height:43px;margin-bottom:-49px;border-radius:30px;-moz-border-radius: 30px; -webkit-border-radius: 30px;background:#fff;*display:none;} #header .gnb li:hover a b, #header .gnb li.on a b {background:#D82D28;} #header .gnb li:hover a .ico, #header .gnb li.on a .ico {border:solid 3px #D82D28;} #header .gnb li:hover a span, #header .gnb li.on a span {color:#D82D28;} #header .gnb li>a {display:block;color:#fff;*cursor:pointer;} #header .gnb li>a b{display:block;font-weight:900;font-size: 14px;height:45px;line-height:45px;padding-left:70px;} #header .gnb li>a span {display:block;color:#999;background:#fff;font-size:10px;line-height:27px;padding-left:70px;border-bottom:solid 1px #ddd;letter-spacing:-0.05em;} #header .nav_wrap_bg{background:#f9f9f9;position:absolute;left:0;width:100%;border-bottom:solid 1px #ddd;} #header .gnb > ul > li{position:relative;} #header .gnb > ul > li > a.ch{background-color:#D82D28;} #header .gnb .menu{position:absolute;width:100%;border-left:solid 1px #f0f0f0;display:none;}/** display:none : 메뉴 깜빡임현상 debug **/ #header .gnb .menu.ch{background:#fff} #header .gnb .menu a{padding-top:10px;display:block;padding-left:70px;} #header .gnb .menu a:first-child{margin-top:20px;} @media \0screen { /* IE8.0 */ #header .gnb li a .ico{display:none;}} #header .menu_sub {height:29px;background:#fff;border-bottom:solid 1px #ddd;} #footer {clear:both;width:100%;height:auto;min-height:170px;font-size:12px;line-height:130%;color:#999;background:#333;*position:relative;} #footer ul{width:1200px;margin:0px auto;*zoom:1;text-align:center;} #footer ul:after {content:"";display:block;clear:both;} #footer li {float:left;} #footer li:first-child {width:340px;font-size:30px;font-weight:bold;color:#555;padding-top:20px;text-align:center;} #footer span {color:#666;text-transform:uppercase;font-family:tahoma;font-size:10px;padding:5px 0px;} #footer .menu {height:40px;background:#111111;line-height:40px;color:#fff;text-align:center;border-bottom:solid 1px #444;margin-bottom:30px;} #footer .menu a{display:inline-block;*display:inline;*zoom:1;padding:0px 10px;color:#fff;} #quickbar {position:fixed;right:0px;width:40px;height:100%;background:#111111;z-index:99999999} /* 오른쪽 플로팅 아이콘 */ #rightcon {position:fixed;right:2%;top:400px;width:130px;text-align:left;z-index:9999999999999} #rightcon h1 {color:#f1672b;font-size:14px;height:20px;border-bottom:solid 1px #f1672b;margin-bottom:10px;} #rightcon a {display:block;*zoom:1} #rightcon a:after {display:block;content:"";clear:both;} #rightcon a:hover .ico{background:#D82D28;} #rightcon .ico{float:left;margin-right:10px;width:60px;height:60px;background:#f1672b;border-radius:50%;-moz-border-radius:50%; -webkit-border-radius:50%;cursor:pointer;} #rightcon .ico img {width:35px;margin:12px;} #rightcon .txt {float:left;color:#f1672b} /* 파트너 아이콘 */ #partnercon {position:relative;text-align:left;z-index:10} #partnercon a {position:absolute;top:185px;left:850px;display:block;width:200px;height:65px;*zoom:1} #partnercon a:after {display:block;content:"";clear:both;} #partnercon a:hover .ico{background:#D82D28;} #partnercon .ico{float:left;margin-right:10px;width:60px;height:60px;background:#f1672b;border-radius:50%;-moz-border-radius:50%; -webkit-border-radius:50%;cursor:pointer;} #partnercon .ico img {width:35px;margin:12px;} #partnercon .txt {float:left;height:60px;color:#f1672b} #partnercon h1 {color:#f1672b;font-size:14px;width:60px;height:20px;border-bottom:solid 1px #f1672b;margin-bottom:10px;} /* .float {position:relative;width:1400px;left:50%;height:150px;margin:0px -700px 0px -700px;z-index:99999;*zoom:1;} .float div {width:170px;height:100px;line-height:130%;font-weight:bold;color:#333;padding:20px;margin-left:250px;} .float div h1{font:bold 24px 'Open Sans',tahoma;letter-spacing:-0.02em;color:#000;height:40px;border-bottom:solid 1px #333;margin-bottom:15px;} .float img {margin-left:75px;} */ #popNotice {position:absolute;top:225px;left:1%;width:330px;height:230px;padding:20px;border:solid 3px #333;box-shadow:0px 3px 3px rgba(0,0,0,0.15);background:#fff;font-size:18px; line-height:180%;text-align:center;z-index:999999999;} #popNotice .body {height:210px;} #popNotice h1 {height:50px;font-size:24px;color:#333;border-bottom:dashed 1px #ddd;margin-bottom:20px;} #popNotice h2 {height:24px;font-size:11px;color:#999;font-weight:normal;} #popNotice .foot {height:20px;border-top:solid 1px #ddd;font-size:11px;text-align:right;} #popDeal_regist {width:94%;margin:0px auto;padding-top:20px;} #popDeal_regist .title {font-size:18px;height:26px;} #popDeal_regist .title b {color:#333;} #popDeal_regist table.inquiry {width:100%;border-spacing:0px;border:0px;padding:0px;border-top:solid 1px #666;border-bottom:solid 1px #666;margin-top:30px;margin-bottom:10px;} #popDeal_regist table.inquiry tr {height:36px;} #popDeal_regist table.inquiry th {width:25%;font-weight:bold;color:#333;text-align:right;padding-right:15px;border-bottom:solid 1px #ddd;border-right:dashed 1px #ddd;} #popDeal_regist table.inquiry td {text-align:left;border-bottom:solid 1px #ddd;padding-left:15px;} #popDeal_regist table.inquiry td img {height:30px;} #popDeal_regist table.inquiry input[type=text], #popDeal_regist table.inquiry input[type=password] {width:50%;height:26px;padding:0px 5px;border:solid 1px #ddd;margin-right:10px;} #popDeal_regist table.inquiry textarea {width:80%;height:130px;padding:0px 5px;border:solid 1px #ddd;margin:10px 0px;} #popDeal_regist iframe {border:1px solid #999;width:98%;height:90px;padding:1%;overflow-x:hidden;overflow-y:hidden;} #Mask{ position:absolute; z-index:99999; background-color:#FFF; left:0; top:0;display:none;} #paygate_loading {position:absolute;top:300px;left:50%;width:390px;height:390px;padding:20px;margin:0px -205px;background:#fff;border:solid 2px #333;text-align:left;box-shadow:0px 3px 3px rgba(0,0,0,0.15);z-index:999999999;display:none;} #paygate_loading h1 {font-size:18px;height:30px;border-bottom:solid 1px #ddd;color:#000;margin-bottom:10px;*zoom:1} #paygate_loading h1:after {display:block;clear:both;content:"";} #paygate_loading h1 span {display:block;float:left;} #paygate_loading h1 a {display:block;float:right;font-weight:normal;} #paygate_loading h2 {font-size:24px;font-weight:bold;height:40px;color:#666;} #paygate_loading .body {height:240px;} #paygate_loading table tr {height:36px;} #paygate_loading table th {font-size:12px;color:#333;padding-right:10px;text-align:right;text-transform:uppercase;} #paygate_loading table td {color:#999;} #paygate_loading input[type=radio] {margin:0px 2px;} #paygate_loading input[type=text], #paygate_loading input[type=password] {border:solid 1px #ddd;height:26px;width:150px;} #paygate_loading .date input{width:80px;} #paygate_loading span {padding-left:10px;} #paygate_loading .btnWrap {text-align:right;padding-top:20px;border-top:dashed 1px #ddd;text-align:center;} #paygate_loading .btnWrap a{width:250px;} #paygate_card {position:absolute;top:50%;left:50%;width:760px;height:350px;padding:20px;margin:0px -400px;background:#fff;border:solid 2px #333;text-align:left;box-shadow:0px 3px 3px rgba(0,0,0,0.15);z-index:999999999;display:none;} #paygate_card h1 {font-size:18px;height:30px;border-bottom:solid 1px #ddd;color:#000;margin-bottom:10px;*zoom:1} #paygate_card h1:after {display:block;clear:both;content:"";} #paygate_card h1 span {display:block;float:left;} #paygate_card h1 a {display:block;float:right;font-weight:normal;} #paygate_card h2 {font-size:24px;font-weight:bold;height:40px;color:#666;} #paygate_card .body {height:240px;} #paygate_card table tr {height:36px;} #paygate_card table th {font-size:12px;color:#333;padding-right:10px;text-align:right;text-transform:uppercase;} #paygate_card table td {color:#999;} #paygate_card input[type=radio] {margin:0px 2px;} #paygate_card input[type=text], #paygate_card input[type=password] {border:solid 1px #ddd;height:26px;width:150px;} #paygate_card .date input{width:80px;} #paygate_card span {padding-left:10px;} #paygate_card .btnWrap {text-align:right;padding-top:20px;border-top:dashed 1px #ddd;text-align:center;} #paygate_card .btnWrap a{width:250px;} /************ Sub layout ***************/ #container {padding:35px 0px 30px 0px;width:1200px;min-height:500px;margin:0px auto;*position:relative;} #container #loc {height:30px;text-align:left;color:#999;} #container #loc span {font-family:"Nanum Gothic";color:#aaa;padding:0px 5px;} #container #loc a{color:#666;} #container #title_main {height:90px;padding-top:10px;text-align:left;margin-bottom:20px;}/*border-bottom:solid 1px #ddd;*/ #container #title_main h1 {font-size:25px;font-weight:bold;color:#333;letter-spacing:-0.05em;} #container #title_main h1 span{font-size:14px;font-weight:normal;font-family:tahoma;color:#666;padding-left:10px;letter-spacing:0px;} #container #title_main h2 {font-size:12px;font-weight:normal;color:#999;margin-top:5px;} #container #idx_title.idx-title-section-break {width:100%;height:auto;padding:8px 0 26px;margin:0;box-sizing:border-box;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;text-align:center;} #container #idx_title.idx-title-section-break .idx-title-section-break__row {max-width:100%;} #container #title_sub {text-align:left;height:36px;zoom:1;} #container #title_sub:after {clear:both;display:block;content:"";} #container #title_sub h1{float:left;font-size:16px;font-weight:bold;color:#333;} #container #title_sub h1 b {color:#D82D28;} #container #title_sub h1 span {font-size:12px;font-family:tahoma;font-weight:normal;color:#999;padding-left:10px;} #container .count {float:right;text-align:right;padding-top:10px;} #container .count b {color:#D82D28} #container .sort a {color:#666;display:inline-block;*display:inline;*zoom:1;padding:0px 7px;border-left:1px solid #bbb;} #container .sort a:first-child {border:0px;} #container .sort a img {margin-left:3px;} #container #subcate {height:36px;margin-bottom:30px;border-bottom:solid 3px #666;border-left:solid 1px #ddd;zoom:1;} #container #subcate:after {clear:both;display:block;content:"";} #container #subcate ul {float:left;} #container #subcate ul li{float:left;} #container #subcate ul li a{color:#666;display:block;outline:0;padding:0px 15px;line-height:35px;border-right:solid 1px #ddd;color:#666;background:#fff;border-top:solid 1px #ddd;} #container #subcate ul li a.on{color:#fff;font-weight:bold;background:#666;} /**************** Ending Message *********************/ #container #endmsg {text-align:center;margin:4em auto;} #container #endmsg .title {width:74%;height:130px;margin:0px 13%;font-size:40px;font-family:'malgun gothic', dotum;letter-spacing:-0.08em;border-bottom:dashed 1px #999;margin-top:60px;margin-bottom:30px;} #container #endmsg .title b {color:#333;font-weight:bold;} #container #endmsg .title span {font-size:24px;color:#bbb;font-weight:normal;letter-spacing:0px;} #container #endmsg .title div {width:90%;margin:0px auto;border-left:1px solid #999;border-right:1px solid #999;} #container #endmsg .title_sub {font-size:18px;line-height:140%;} #container #endmsg .title_sub b {color:#333;} /**************** Board *****************************/ .paging { padding-top: 16px; margin: 16px 0 0; text-align: center; font-size: 0; } .paging a, .paging span, .paging .page-num, .paging .page-nav { display: inline-flex; align-items: center; justify-content: center; min-width: 28px; height: 28px; line-height: 1; margin: 0 2px; padding: 0 8px; border: 1px solid #d2deec; border-radius: 6px; background: #ffffff; color: #49658a; font-size: 12px; text-decoration: none; box-sizing: border-box; vertical-align: middle; } .paging a:hover, .paging .page-num:hover, .paging .page-nav:hover { border-color: #b8cbe3; background: #f4f8fd; color: #2f527b; } .paging a.point, .paging a.on, .paging .page-num.current, .paging span.current, .paging .point, .paging .on { background: #2b5f97; border-color: #2b5f97; color: #ffffff; } .paging .page-nav.disabled, .paging .disabled { color: #9fb1c7; border-color: #dbe5f1; background: #f8fbff; pointer-events: none; } /* Legacy paging compatibility: old templates use only .ico + image */ .paging a.ico { min-width: 0; padding: 0 8px; } .paging a.ico div { display: none; } .paging a.ico:first-of-type:before { content: '이전'; } .paging a.ico:last-of-type:before { content: '다음'; } /****************** jquery-ui reset *************************/ .ui-widget {font-family:inherit;font-size:1.3em;} .ui-widget-header {background:none;border:0px;border-bottom:dashed 1px #bbb;height:1.8em;} .ui-corner-all {border-radius:0;} .ui-widget-content {border:1px dotted #bdbdbd;background:#fff;}/*box-shadow:0px 3px 3px rgba(0,0,0,0.2);*/ .ui-dialog {padding:0.5em;} .ui-dialog-title {width:96% important;} .ui-dialog-buttonpane {border-top:dashed 1px #bbb;} .ui-widget button {font-family:'Nanum Gothic',NanumGothic,'malgun gothic','dotum', sans-serif;} .ui-dialog.postcode-dialog-widget-pc {border:2px solid #D82D28;box-shadow:0px 8px 24px rgba(0,0,0,0.22);background:#fff;} .ui-dialog.postcode-dialog-widget-pc .ui-dialog-titlebar {padding:0.45em 0.8em;border-bottom:1px solid #e1e1e1;} .ui-dialog.postcode-dialog-widget-pc .ui-dialog-content {padding:0 !important;border:0;background:#fff !important;overflow:hidden !important;} .ui-dialog.postcode-dialog-widget-pc .ui-dialog-buttonpane {margin:0 !important;padding:12px 14px 14px 14px;border-top:1px solid #e1e1e1;background:#fff;text-align:center;} .ui-dialog.postcode-dialog-widget-pc .ui-dialog-buttonset {float:none;} .ui-dialog.postcode-dialog-widget-pc .ui-dialog-buttonset button {min-width:92px;height:34px;line-height:32px;padding:0 18px;border:1px solid #c2c8d2;border-radius:4px;background:#fff;color:#333;font-size:13px;font-weight:bold;cursor:pointer;} .ui-dialog.postcode-dialog-widget-pc .ui-dialog-buttonset button:hover {border-color:#8f98a5;background:#f8f9fb;} .ui-widget-overlay {background:#000000 !important; background-image:none !important; opacity:0.6 !important; filter:Alpha(Opacity=60) !important;} /* 공통 dialog 스타일 */ .ui-dialog {border:1px solid #e5ebf2; border-radius:10px; box-shadow:0 16px 38px rgba(16,24,40,0.18); overflow:hidden;} .ui-dialog .ui-dialog-titlebar {display:none !important;} .ui-dialog .ui-dialog-title {font-size:14px; font-weight:bold; color:#1f2d3d;} .ui-dialog .ui-dialog-content {background:#fff; padding:8px !important;} .ui-dialog .ui-dialog-buttonpane {margin:0 !important; padding:10px 16px; border-top:1px solid #e2e8f0; background:#fff; text-align:center;} .ui-dialog .ui-dialog-buttonset {float:none; display:inline-flex; gap:10px; justify-content:center;} .ui-dialog .ui-dialog-buttonset button {min-width:110px; height:40px; line-height:38px; padding:0 22px; margin:0; border-radius:8px; border:1px solid #c6d1de; background:#ffffff; color:#2a3645; font-size:13px; font-weight:bold; cursor:pointer; transition:all 0.2s ease;} .ui-dialog .ui-dialog-buttonset button:hover {border-color:#8ca0b5; background:#f3f7fb;} .ui-dialog .ui-dialog-buttonset button:first-child {border-color:#0f4c81; background:linear-gradient(to bottom, #2167a3 0%, #0f4c81 100%); color:#fff;} .ui-dialog .ui-dialog-buttonset button:first-child:hover {background:linear-gradient(to bottom, #1a5f9a 0%, #0b3f6d 100%); border-color:#0b3f6d;} .ui-dialog.deal-download-dialog {border:1px solid #e5ebf2; border-radius:10px; box-shadow:0 16px 38px rgba(16,24,40,0.18); overflow:hidden;} .ui-dialog.deal-download-dialog .ui-dialog-titlebar-close {display:none !important;} .ui-dialog.deal-download-dialog .ui-dialog-content {padding:8px !important; background:#ffffff; overflow-y:hidden !important; overflow-x:hidden !important;} .ui-dialog.unified-modal-dialog {border:1px solid #e5ebf2 !important; border-radius:10px !important; box-shadow:0 16px 38px rgba(16,24,40,0.18) !important; overflow:hidden !important;} .ui-dialog.unified-modal-dialog .ui-dialog-content {padding:8px !important; background:#ffffff !important;} .ui-dialog.unified-modal-dialog .ui-dialog-buttonpane {margin:0 !important; padding:10px 16px !important; border-top:1px solid #e2e8f0 !important; background:#fff !important; text-align:center !important;} .ui-dialog.unified-modal-dialog .ui-dialog-buttonset {float:none !important; display:inline-flex !important; gap:10px !important; justify-content:center !important;} .ui-dialog.unified-modal-dialog .ui-dialog-buttonset button {min-width:110px !important; height:40px !important; line-height:38px !important; padding:0 22px !important; margin:0 !important; border-radius:8px !important; border:1px solid #c6d1de !important; background:#fff !important; color:#2a3645 !important; font-size:13px !important; font-weight:bold !important; cursor:pointer !important; transition:all .2s ease !important;} .ui-dialog.unified-modal-dialog .ui-dialog-buttonset button:hover {border-color:#8ca0b5 !important; background:#f3f7fb !important;} .ui-dialog.unified-modal-dialog .ui-dialog-buttonset button:first-child {border-color:#0f4c81 !important; background:linear-gradient(to bottom, #2167a3 0%, #0f4c81 100%) !important; color:#fff !important;} .ui-dialog.unified-modal-dialog .ui-dialog-buttonset button:first-child:hover {background:linear-gradient(to bottom, #1a5f9a 0%, #0b3f6d 100%) !important; border-color:#0b3f6d !important;} /* jQuery UI Datepicker 스타일 */ .ui-widget-header {background:#f7fafc !important; border:1px solid #e5ebf2 !important; color:#1f2d3d !important;} .ui-widget-content {background:#ffffff !important; border:1px solid #e5ebf2 !important; color:#223045 !important;} .ui-state-default {background:#f8fafc !important; border:1px solid #e0e6ee !important; color:#223045 !important; font-weight:normal !important;} .ui-state-default:hover {background:#f0f4f9 !important; border-color:#d0d8e3 !important;} .ui-state-active {background:#0f4c81 !important; border-color:#0f4c81 !important; color:#ffffff !important;} .ui-state-highlight {background:#e3f2fd !important; border:1px solid #90caf9 !important; color:#0f4c81 !important;} #ui-datepicker-div {width:292px !important; max-width:96vw !important; border:1px solid #d8e2ee !important; border-radius:10px !important; box-shadow:0 10px 24px rgba(15,53,88,0.18) !important; padding:8px !important; background:#ffffff !important; box-sizing:border-box !important;} #ui-datepicker-div .ui-datepicker {width:100% !important; border:none !important; background:transparent !important; font-size:12px !important; padding:0 !important;} #ui-datepicker-div .ui-datepicker-header {display:flex !important; align-items:center !important; justify-content:space-between !important; gap:6px !important; background:linear-gradient(to bottom, #2f86cf 0%, #1f5f98 100%) !important; border:0 !important; padding:6px !important; min-height:40px !important; line-height:1.2 !important; border-radius:7px !important; color:#ffffff !important; position:relative !important; height:auto !important; box-sizing:border-box !important;} #ui-datepicker-div .ui-datepicker-header:before, #ui-datepicker-div .ui-datepicker-header:after {content:none !important; display:none !important;} #ui-datepicker-div .ui-datepicker-title {display:flex !important; align-items:center !important; justify-content:center !important; order:2 !important; flex:1 1 auto !important; gap:6px !important; height:28px !important; min-height:28px !important; font-weight:bold !important; color:#ffffff !important; line-height:1 !important; margin:0 !important; padding:0 !important; text-align:center !important; overflow:visible !important;} #ui-datepicker-div .ui-datepicker-prev, #ui-datepicker-div .ui-datepicker-next {position:relative !important; top:auto !important; left:auto !important; right:auto !important; transform:none !important; float:none !important; display:flex !important; align-items:center !important; justify-content:center !important; align-self:center !important; flex:0 0 28px !important; width:28px !important; height:28px !important; margin:0 !important; padding:0 !important; box-sizing:border-box !important; border:1px solid #c9d6e4 !important; border-radius:6px !important; background:#ffffff !important; cursor:pointer !important; text-indent:0 !important; font-size:0 !important; line-height:0 !important; overflow:hidden !important;} #ui-datepicker-div .ui-datepicker-prev {order:1 !important;} #ui-datepicker-div .ui-datepicker-next {order:3 !important;} #ui-datepicker-div .ui-datepicker-prev:hover, #ui-datepicker-div .ui-datepicker-next:hover {border-color:#b8c9db !important; background:#f7fbff !important;} #ui-datepicker-div .ui-datepicker-prev span, #ui-datepicker-div .ui-datepicker-next span {display:block !important; position:absolute !important; top:50% !important; left:50% !important; width:14px !important; height:14px !important; margin:-7px 0 0 -7px !important; background:none !important; background-repeat:no-repeat !important; background-position:center center !important; background-size:14px 14px !important; text-indent:-9999px !important; border:0 !important;} #ui-datepicker-div .ui-datepicker-prev span:before, #ui-datepicker-div .ui-datepicker-next span:before {content:none !important; display:none !important;} #ui-datepicker-div .ui-datepicker-prev:before, #ui-datepicker-div .ui-datepicker-next:before {content:none !important; display:none !important;} #ui-datepicker-div .ui-datepicker-prev span {transform:none !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M10.5 3.5L6 8l4.5 4.5' fill='none' stroke='%23355f8d' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;} #ui-datepicker-div .ui-datepicker-next span {transform:none !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M5.5 3.5L10 8l-4.5 4.5' fill='none' stroke='%23355f8d' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;} #ui-datepicker-div .ui-state-default {background:#ffffff !important; border:1px solid transparent !important; color:#2f3f54 !important; border-radius:5px !important;} #ui-datepicker-div .ui-state-hover {border:1px solid #a8c1db !important; background:#eff6ff !important; color:#1f4f86 !important;} #ui-datepicker-div .ui-state-active {background:#3f74c7 !important; border-color:#3f74c7 !important; color:#ffffff !important;} #ui-datepicker-div .ui-state-highlight {background:#fff8ed !important; border:1px solid #f0bf72 !important; color:#c97b00 !important;} /* datepicker 월/년 선택 드롭다운 */ .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {border:1px solid #d0dbe8 !important; border-radius:4px !important; background:#ffffff !important; color:#1f3550 !important; height:28px !important; line-height:22px !important; padding:0 22px 0 8px !important; font-size:13px !important; font-weight:700 !important; box-sizing:border-box !important; margin:0 !important; flex:0 0 auto !important; max-width:none !important;} .ui-datepicker select.ui-datepicker-year {width:92px !important; min-width:92px !important;} .ui-datepicker select.ui-datepicker-month {width:72px !important; min-width:72px !important;} /****************** Btns ********************************/ #container .btn_white {border:solid 1px #999;background:#fff;color:#666;display:inline-block;*display:inline;*zoom:1;text-align:center;cursor:pointer;vertical-align:middle; background: -moz-linear-gradient(top, #ffffff 0%, #eef0f3 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#eef0f3)); background: -webkit-linear-gradient(top, #ffffff 0%,#eef0f3 100%); background: -o-linear-gradient(top, #ffffff 0%,#eef0f3 100%); background: -ms-linear-gradient(top, #ffffff 0%,#eef0f3 100%); background: linear-gradient(to bottom, #ffffff 0%,#eef0f3 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eef0f3',GradientType=0 ); } #container .btn_white.small {font-size:11px;color:#666;height:20px;line-height:20px;padding:0px 10px;} #container .btn_white.big {font-size:14px;color:#333;font-weight:bold;min-width:130px;height:45px;line-height:45px;padding:0px 15px;} #container .btn_white.bigR {font-size:14px;color:#D82D28;min-width:130px;height:45px;line-height:45px;padding:0px 15px;border:solid 1px #D82D28;} #container .btn_white.bigR img {width:20px;margin-right:3px;} #container .btn_red {border:solid 1px #D82D28;background: #D82D28;color:#fff;display:inline-block;*display:inline;*zoom:1;text-align:center;cursor:pointer;vertical-align:middle; background: -moz-linear-gradient(top, #D82D28 0%, #B4231F 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#D82D28), color-stop(100%,#B4231F)); background: -webkit-linear-gradient(top, #D82D28 0%,#B4231F 100%); background: -o-linear-gradient(top, #D82D28 0%,#B4231F 100%); background: -ms-linear-gradient(top, #D82D28 0%,#B4231F 100%); background: linear-gradient(to bottom, #D82D28 0%,#B4231F 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#D82D28', endColorstr='#B4231F',GradientType=0 );} #container .btn_red.small {font-size:11px;height:20px;line-height:20px;padding:0px 10px;} #container .btn_red.big {font-size:14px;font-weight:bold;min-width:130px;height:45px;line-height:45px;padding:0px 15px;} #container .btn_red.big img {width:20px;margin-right:3px;} /* Unified semantic action buttons (Allow/Cancel) */ #container .btn-allow-unified, #container input.btn-allow-unified, #container button.btn-allow-unified, #container input[type=button][value='다음'], #container input[type=submit][value='다음'], #container input[type=button][value='검색'], #container input[type=submit][value='검색'], #container input[type=button][value='등록'], #container input[type=submit][value='등록'], #container input[type=button][value='Regist'], #container input[type=submit][value='Regist'], #container input[type=button][value='확인'], #container input[type=submit][value='확인'], #container input[type=button][value='상세정보'], #container input[type=submit][value='상세정보'], .ui-dialog .ui-dialog-buttonpane button.btn-allow-unified { display:inline-flex; align-items:center; justify-content:center; min-width:92px; height:34px; padding:0 14px; border:1px solid #0f5f9d; border-radius:8px; background:linear-gradient(to bottom, #2f86cf 0%, #1569ad 100%); color:#ffffff !important; font-size:12px; font-weight:bold; text-decoration:none; box-sizing:border-box; cursor:pointer; transition:all .16s ease; } #container .btn-allow-unified:hover, #container input.btn-allow-unified:hover, #container button.btn-allow-unified:hover, #container input[type=button][value='다음']:hover, #container input[type=submit][value='다음']:hover, #container input[type=button][value='검색']:hover, #container input[type=submit][value='검색']:hover, #container input[type=button][value='등록']:hover, #container input[type=submit][value='등록']:hover, #container input[type=button][value='Regist']:hover, #container input[type=submit][value='Regist']:hover, #container input[type=button][value='확인']:hover, #container input[type=submit][value='확인']:hover, #container input[type=button][value='상세정보']:hover, #container input[type=submit][value='상세정보']:hover, .ui-dialog .ui-dialog-buttonpane button.btn-allow-unified:hover { border-color:#0c4e84; background:linear-gradient(to bottom, #2476bd 0%, #0f5a97 100%); color:#ffffff !important; } #container .btn-cancel-unified, #container input.btn-cancel-unified, #container button.btn-cancel-unified, #container input[type=button][value='닫기'], #container input[type=submit][value='닫기'], #container input[type=button][value='취소'], #container input[type=submit][value='취소'], #container input[type=button][value='Cancel'], #container input[type=submit][value='Cancel'], #container input[type=button][value='Close'], #container input[type=submit][value='Close'], .ui-dialog .ui-dialog-buttonpane button.btn-cancel-unified { display:inline-flex; align-items:center; justify-content:center; min-width:92px; height:34px; padding:0 14px; border:1px solid #b8c6d5; border-radius:8px; background:linear-gradient(to bottom, #f8fbff 0%, #e9f0f7 100%); color:#3f5368 !important; font-size:12px; font-weight:bold; text-decoration:none; box-sizing:border-box; cursor:pointer; transition:all .16s ease; } #container .btn-cancel-unified:hover, #container input.btn-cancel-unified:hover, #container button.btn-cancel-unified:hover, #container input[type=button][value='닫기']:hover, #container input[type=submit][value='닫기']:hover, #container input[type=button][value='취소']:hover, #container input[type=submit][value='취소']:hover, #container input[type=button][value='Cancel']:hover, #container input[type=submit][value='Cancel']:hover, #container input[type=button][value='Close']:hover, #container input[type=submit][value='Close']:hover, .ui-dialog .ui-dialog-buttonpane button.btn-cancel-unified:hover { border-color:#9db1c6; background:linear-gradient(to bottom, #f0f6fd 0%, #e1eaf3 100%); color:#304457 !important; } /* Global button rollover motion */ #container .btn_white, #container .btn_red, #container .btn-allow-unified, #container .btn-cancel-unified, #container input[type=button]:not(#idx_clear_selection_button):not(#idx_bulk_sell_button), #container input[type=submit]:not(#idx_clear_selection_button):not(#idx_bulk_sell_button), #container button:not(#idx_clear_selection_button):not(#idx_bulk_sell_button), #container a[class*='btn_'] { transition:transform .18s ease, box-shadow .18s ease; } #container .btn_white:hover, #container .btn_red:hover, #container .btn-allow-unified:hover, #container .btn-cancel-unified:hover, #container input[type=button]:not(#idx_clear_selection_button):not(#idx_bulk_sell_button):hover, #container input[type=submit]:not(#idx_clear_selection_button):not(#idx_bulk_sell_button):hover, #container button:not(#idx_clear_selection_button):not(#idx_bulk_sell_button):hover, #container a[class*='btn_']:hover { transform:translateY(-1px); box-shadow:0 6px 14px rgba(33,59,89,.22); } #container input[type=button][disabled]:hover, #container input[type=submit][disabled]:hover, #container button[disabled]:hover, #container .disabled:hover { transform:none; box-shadow:none; } .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button:first-child { border:1px solid #0f5f9d; background:linear-gradient(to bottom, #2f86cf 0%, #1569ad 100%); color:#ffffff !important; } .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button:last-child:not(:first-child) { border:1px solid #b8c6d5; background:linear-gradient(to bottom, #f8fbff 0%, #e9f0f7 100%); color:#3f5368 !important; } a#topBtn {display:block;font-size:12px;font-weight:bold;line-height:100%;color:#333;padding:0.5em;text-align:center;margin:0px 0.07em; position:fixed;right:10%;bottom:400px;opacity:0.7;filter:alpha(opacity=70);letter-spacing:0px;width:2.5em;height:2em;z-index:99999999;cursor:pointer; border:solid 1px #999;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; background: #ffffff; background: -moz-linear-gradient(top, #ffffff 0%, #eef0f3 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#eef0f3)); background: -webkit-linear-gradient(top, #ffffff 0%,#eef0f3 100%); background: -o-linear-gradient(top, #ffffff 0%,#eef0f3 100%); background: -ms-linear-gradient(top, #ffffff 0%,#eef0f3 100%); background: linear-gradient(to bottom, #ffffff 0%,#eef0f3 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eef0f3',GradientType=0 ); } /****************** jQuery UI Datepicker Modern Override ********************************/ .ui-datepicker { width: 230px; padding: 0; background: #fff; border: 1px solid #c5d2e8; border-radius: 10px; box-shadow: 0 8px 24px rgba(28,52,91,.16); font-family: 'Nanum Gothic', 'malgun gothic', sans-serif; font-size: 13px; z-index: 9999 !important; overflow: hidden; } .ui-datepicker .ui-datepicker-header { background: linear-gradient(135deg, #4d8ef0 0%, #2563d8 100%); border: 0; border-radius: 0; color: #fff; padding: 4px 0 6px; min-height: 42px; font-weight: bold; position: relative; } .ui-datepicker .ui-datepicker-title { margin: 14px 42px 0; line-height: 1.4em; text-align: center; color: #fff; font-size: 14px; white-space: nowrap; overflow: visible; letter-spacing: -0.01em; position: relative; z-index: 1; } .ui-datepicker .ui-datepicker-title .ui-datepicker-year, .ui-datepicker .ui-datepicker-title .ui-datepicker-month { color: #fff; font-size: 14px; font-weight: bold; } .ui-datepicker .ui-datepicker-title select { height: 24px; line-height: 24px; border: 1px solid rgba(255,255,255,.55); background: rgba(255,255,255,.14); color: #fff; border-radius: 4px; padding: 0 2px; font-size: 12px; } .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position: absolute; top: 6px; width: 26px; height: 26px; cursor: pointer; border: 1px solid rgba(255,255,255,.55) !important; border-radius: 50%; background: rgba(255,255,255,.12) !important; box-sizing: border-box; font-size: 0; line-height: 0; text-indent: -9999px; overflow: hidden; z-index: 2; } .ui-datepicker .ui-datepicker-prev { left: 10px; } .ui-datepicker .ui-datepicker-next { right: 10px; } .ui-datepicker .ui-datepicker-prev::before { content: '‹'; font-size: 15px; line-height: 1; color: #fff; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); text-indent: 0; } .ui-datepicker .ui-datepicker-next::before { content: '›'; font-size: 15px; line-height: 1; color: #fff; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); text-indent: 0; } .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: none; } .ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 6px; background: rgba(255,255,255,.24) !important; border-color: rgba(255,255,255,.9) !important; box-shadow: 0 2px 8px rgba(0,0,0,.16); } .ui-datepicker table { width: 100%; margin: 0; padding: 6px 8px 8px; border-collapse: collapse; } .ui-datepicker th { color: #4d6a90; font-size: 11px; font-weight: bold; padding: 6px 0 4px; text-align: center; border: 0; background: transparent; } .ui-datepicker td { padding: 1px 2px; border: 0; } .ui-datepicker td span, .ui-datepicker td a { display: block; padding: 4px 0; text-align: center; border-radius: 6px; color: #334; font-size: 12px; text-decoration: none; background: transparent !important; border: 0 !important; } .ui-datepicker td a:hover { background: #e8f0fd !important; color: #2563d8; } .ui-datepicker .ui-state-active, .ui-datepicker .ui-widget-content .ui-state-active { background: linear-gradient(135deg, #4d8ef0 0%, #2563d8 100%) !important; color: #fff !important; border-radius: 6px; font-weight: bold; } .ui-datepicker .ui-state-highlight, .ui-datepicker .ui-widget-content .ui-state-highlight { background: #fff3e0 !important; color: #e07000 !important; border: 1px solid #ffd080 !important; border-radius: 6px; } .ui-datepicker .ui-datepicker-buttonpane { border-top: 1px solid #e8eef7; padding: 6px 8px; background: #f8faff; margin: 0; display: flex; justify-content: center; gap: 6px; } .ui-datepicker .ui-datepicker-buttonpane button { float: none; height: 28px; line-height: 28px; padding: 0 14px; border-radius: 6px; border: 1px solid #c5d2e8; background: #fff; color: #2563d8; font-size: 12px; font-weight: bold; cursor: pointer; margin: 0; } .ui-datepicker .ui-datepicker-buttonpane button:hover { background: #e8f0fd; border-color: #2563d8; } .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float: none; } a#topBtn img {margin:0px;}