@charset "utf-8";
/* CSS Document */

/*common*/
body, html {}
body, div, p, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, table, th, td, form, fieldset, legend, input, textarea, button {margin:0; padding:0;}
/* body{font-family:"돋움",dotum,"굴림",Gulim,"Arial",Apple SD Gothic Neo, AppleGhothic, Helvetica; color:#000; font-size:12px; -webkit-text-size-adjust:none; line-height:18px; background:url(../images/bg_sub.gif) repeat-x 0 0;} 
body에서의 font-family 속성 제거, 기술지원팀 최윤기, 2025-10-27 */
body{color:#000; font-size:12px; -webkit-text-size-adjust:none; line-height:18px; background:url(../images/bg_sub.gif) repeat-x 0 0;}
body#index{background:url(../images/bg_index.jpg) no-repeat center 0;}
/* table, table td, input, textarea{font-size:12.5px; font-family:"Consolas", Consolas, AppleGhothic;} */
table, table td, input, textarea{font-size:12.5px; font-family:"Consolas", Consolas;}
ul, ol, li {list-style:none;}
li {vertical-align:top; }
/* fieldset,form, button {border:0; font-family:"Consolas",Consolas,"굴림",Gulim,"Arial",Apple SD Gothic Neo, AppleGhothic, Helvetica;} */
/* img, input {vertical-align:top; font-family:"Consolas",Consolas,"굴림",Gulim,"Arial",Apple SD Gothic Neo, AppleGhothic, Helvetica;} 
font-family 에서 Consolas 만 남김, 기술지원팀 최윤기, 2025-10-27 */
fieldset,form, button {border:0; font-family:"Consolas",Consolas;}
img, input {vertical-align:top; font-family:"Consolas",Consolas;}
img{border:0;}
input[type='text'], input[type='password']{outline:none; selector-dummy:expression(this.hideFocus=true);}
input:disabled {	/* disabled 입력창 색깔 조정, 기술지원팀 최윤기 부장, 2025-09-23 */
    cursor: default;
    background-color: #ececec;
    color: light-dark(rgb(84, 84, 84), rgb(170, 170, 170));
}

hr, legend {display:none}
em, address{font-style:normal}
table {border-collapse:collapse;}
/* textarea  {overflow:auto;  font-size:12px; color:#000; border:1px solid #d2d2d2; resize:none; font-family:"돋움",dotum,"굴림",Gulim,"Arial",Apple SD Gothic Neo, AppleGhothic, Helvetica;} 
font-family 에서 Consolas 만 남김, 기술지원팀 최윤기, 2025-10-27 */
textarea  {overflow:auto;  font-size:11.5px; color:#000; border:1px solid #d2d2d2; resize:none; font-family:"Consolas",Consolas;}
a { color:#0000cc; text-decoration:none;}
a:hover, a:active, a:focus {text-decoration:underline;}
a.selected {
    background-color:#1F75CC;
    color:white;
    z-index:100;
}
.mac_guide {
    background-color:#FFFFFF;
    border:1px solid #999999;
    cursor:default;
    display:none;
    margin-top: 15px;
    position:absolute;
    top:10px;
    overflow-y:auto;
    text-align:left;
    width:550px;
    z-index:999;
    padding: 25px 25px 20px;
}
.parentDisable{
    position:none;
    top:0;
    left:0;
    background:#000;
    opacity:0.8;
    z-index:998;
    height:100%;
    width:100%;
}

#wrapper{position:relative; margin:0 auto; width:900px; padding:75px 0 0 0}
#header {position:absolute; top:0; left:0; width:900px; height:75px;}
#header h1 {position:absolute; top:14px; left:0;}
#header .user_info {position:absolute; top:22px; right:0; letter-spacing:-1px; text-align:right;}
#header .user_info .txt_user {font-size:11px; color:#707070; text-align:left; padding:0 0 15px 0}
#header .user_info .txt_user .id {color:#f79427;}
#header .user_info .btns{background:url(../images/user_info_btn.gif) no-repeat 0 0; display:inline-block; text-align:center; width:82px; height:21px; line-height:23px; color:#707070; font-size:11px; text-decoration:none;}
body#index #wrapper {position:relative; width:900px; margin:0 auto; height:735px; background:url(../images/bg_index.jpg) no-repeat -250px 0; padding:0;}
body#index #wrapper h1 {position:absolute; top:14px; left:0;}
body#index #wrapper .title_index {position:absolute; top:125px; left:275px;}
#ani_txt{position:absolute; top:127px; left:-1px; opacity:0; filter:alpha(opacity=0); width:900px; height:194px;}/* edit */
#bubble01 { width:100px; height:104px; position:absolute; top:290px; left:355px; z-index:20; opacity:0; filter:alpha(opacity=0);}/* edit */
#bubble02 { width:87px; height:94px; position:absolute; top:258px; left:268px; z-index:10; opacity:0; filter:alpha(opacity=0);}/* edit */

/* #login_box {position:absolute; top:472px; left:202px; background:#f7f7f7; width:494px; height:238px;} 계정 발급 및 패스워드 재설정 안내 문구로 인한 height 변경, 기술지원팀 최윤기, 2025-11-25 */
#login_box {position:absolute; top:472px; left:202px; background:#f7f7f7; width:494px; height:250px;}
#login_box h2 {padding:25px 0 0 77px;}
#login_box dl {overflow:hidden; width:334px; padding:20px 0 0 77px; position:relative;}
#login_box dt {position:relative; display:block; clear:both; float:left; width:64px; height:32px; padding:5px 0 0 0;}
#login_box dd {display:block; position:relative; float:left; width:190px; height:37px;}
#login_box dd.bt_login {width:auto; height:auto; position:absolute; top:21px; right:0;}
#login_box dd input[type='text'], #login_box dd input[type='password'] {width:175px; height:28px; line-height:28px; border:1px solid #cccccc; font-size:14px; font-weight:bold; padding:0 0 0 5px;}
#login_box dd input[type='text'].active, #login_box dd input[type='password'].active {border-color:#ed1c24;}
/* #login_box .msg_login {text-align:center; font-size:13px; color:#898989; letter-spacing:-1px; padding:33px 0 0 0;} 계정 발급 및 패스워드 재설정 안내 문구로 인한 font-size, padding 변경, 기술지원팀 최윤기, 2025-11-25 */
#login_box .msg_login {text-align:center; font-size:11px; color:#898989; letter-spacing:-1px; padding:5px 0 0 0;}
#login_box .msg_login strong{color:#eb1b23; font-weight:normal;}
#login_box .msg_login em{color:#555555; }

#container {position:relative; background:url(../images/bg_container.gif) no-repeat 0 100%; padding:0 0 9px 0; margin:0 0 37px 0;}
.gnb {position:relative; overflow:hidden;}
.gnb ul {position:relative; overflow:hidden; background:url(../images/bg_gnb.gif) no-repeat 0 100%; padding:0 0 8px 0}
.gnb li {float:left; margin-right:-1px;}
.gnb li a{background:url(../images/bg_tab_li.gif) no-repeat 0 0; display:block; width:114px; height:27px; color:#fff; text-align:center; font-size:11px; line-height:30px; text-decoration:none;}
.gnb li.selected a {background-position:0 -27px; color:#464646;}

#contents {background:url(../images/bg_contents.gif) repeat-y 0 0; position:relative; padding:0 30px 0 30px;}
.tit_license {padding:22px 0 0 0;}
.chk_type {position:relative; padding:18px 0 4px 0;}
.chk_type input[type='radio'] {vertical-align:middle; margin:-2px 10px 0 0;}
.chk_type label {display:inline-block; color:#464646; font-weight:bold; padding:0 18px 0 0}
.chk_type label.disabled{color:#999999;}

.select_product {position:relative; background:#ececec; border:1px solid #ccc; text-align:center; padding:9px 0 9px 0; z-index:100;}/* edit */
.select_product .txt_select {display:inline-block; vertical-align:middle; font-size:11px; color:#636363;}

.txt_msg {font-weight:bold; color:#636363; padding:21px 0 3px 0;}
.bullet{color:#de161e;}
.txt_msg #read-cookie{background:url(../images/user_info_btn.gif) no-repeat 0 0; display:inline-block; text-align:center; width:82px; height:21px; line-height:23px; color:#707070; font-size:11px; text-decoration:none; margin-left:670px;}	/* 쿠키값 관련 버튼 css 추가, 기술지원팀 최윤기, 2025-11-04 */

.table_df {position:relative; padding:0 0 21px 0;}
.table_df .title_top {position:relative; border-top:1px solid #de161e; background:#f6f6f6; text-align:center; font-size:14px; font-weight:bold; color:#000; line-height:35px;  overflow:hidden;}/* edit */
.table_df table {width:100%; margin:15px 0 0 0;}
.table_df th {text-align:left; background:#ececec; color:#464646; font-weight:normal; border:1px solid #ccc; padding:8px 18px 7px 18px;}
.table_df td {border:1px solid #ccc; padding:0 0 0 10px; color:#464646;}
.table_df .nb {border:0px solid #ccc; padding:0 0 0 10px;}

/* .table_df td input[type='text']{border:1px solid #ccc; background:#f9f9f9; width:301px; height:21px;}		disabled 입력창 색깔 조정, 기술지원팀 최윤기 부장, 2025-09-23 */
.table_df td input[type='text']{border:1px solid #ccc; width:301px; height:21px;}
/* 20161123 */
.table_df td #siteName_commons {width: 650px !important;}  /* 사이트 명 입력 창 사이즈 확대 601px --> 650px - 기술지원팀 최윤기 부장, 2023-10-31 */
.table_df td input[type='radio'] {vertical-align:middle; margin:-3px 4px 0 0;}
.table_df td input[type='checkbox'] {vertical-align:middle; margin:-2px 4px 0 0;}
.table_df td label {display:inline-block; padding:0 23px 0 0;}

.table_df2 {margin:22px 0 0 0; }
.table_df2 .first th, .table_df2 .first td{border-top:1px solid #707070;}
.table_df2 .bg th {background:#e1e1e1; color:#464646; font-weight:bold;}
.table_df2 td {line-height:24px; padding:7px 10px 4px 10px;}
.table_df2 .bg td {background:#f3f3f3; color:#464646; font-weight:bold;}

.table_df3 {border-top:1px solid #707070;}
.table_df3 th {border-top:none; padding: 8px 0 7px 0; text-align:center; font-weight:bold; color:#464646;}
.table_df3 td {font-size:11px; padding:9px 0 6px 0; text-align:center; color:#555;}
.table_df3 td.product {text-align:left; padding:0 0 0 5px;}  /* 발급조회 리스트의 제품명부분 padding-left 조정 12px --> 5px - 기술지원팀 최윤기 부장, 2023-10-31 */
.table_df3 td .key {text-decoration:underline; color:#5674b9;}

.table_ly {margin:0 0 0 0; padding:0 0 0 0;}
.btn_ly {text-align:center; padding:11px 0 13px 0;}
.ui-dialog-titlebar-close {display:none;}

.btn_area {position:relative; background:url(../images/bg_btn_area.gif) repeat-x 0 0; text-align:center; margin:8px 0 0 0; padding:20px 0 20px 0;}
.btn_area #save-cookie{background:url(../images/user_info_btn.gif) no-repeat 0 0; display:inline-block; text-align:center; width:82px; height:21px; line-height:23px; color:#707070; font-size:11px; font-weight:bold; text-decoration:none; margin-left:70px;}		/* 쿠키값 관련 버튼 css 추가, 기술지원팀 최윤기, 2025-11-04 */
.btn_area #delete-cookie{background:url(../images/user_info_btn.gif) no-repeat 0 0; display:inline-block; text-align:center; width:82px; height:21px; line-height:23px; color:#707070; font-size:11px; font-weight:bold; text-decoration:none; margin-left:10px;}

.btn_area2 {position:relative; text-align:center; margin:8px 0 0 0; padding:0 0 20px 0;}
.btn_area2 .buttons{background:url(../images/bt_label_less.png) no-repeat 0 0; display:inline-block; text-align:center; width:144px; height:40px; line-height:38px; color:#707070; font-size:14px; color:white; vertical-align: middle;}


.btn_area3 {position:relative; text-align:right; margin:19px 0 0 0; padding:0 0 10px 0;}

.top_setting{position:relative; background:#ececec; border:1px solid #ccc; padding:9px 0 9px 0;}
.top_setting table{position:relative; width:100%; margin:11px 0 8px 0;}
.top_setting th{color:#464646; font-weight:normal; text-align:left; padding:6px 0 0 29px; vertical-align:top;}
.top_setting .first td {padding:0 0 6px 0;}
.top_setting .first th {padding:1px 0 0 29px;}
.top_setting td select {border:1px solid #cfcfcf; color:#464646; font-size:12px; vertical-align:middle;}
:root .top_setting td select {height:23px;}
.top_setting td input[type='text']{ height:21px; border:1px solid #ccc; color:#464646; line-height:21px; padding:0 0 0 9px; vertical-align:middle;}
.top_setting td label {font-weight:bold; color:#464646; padding:0 23px 0 0;}
.top_setting td input[type='radio'] {vertical-align:middle; vertical-align:middle; margin:-3px 4px 0 0;}

#footer {background:#555555; color:#fff; text-align:center; height:46px; line-height:46px;}

/* 버튼 디자인 변경 font-weight, font-family 추가, color 변경 - 기술지원팀 최윤기 부장, 2025-04-29 */
#copy-button {
  display: inline-block;
  padding: 5px 10px;
  font-size: 14px;
  font-weight: bold;
  font-family: Arial, sans-serif;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
  outline: none;
  color: #fff;
  background-color: #454545;
  border: none;
  border-radius: 5px;
  box-shadow: 0 6px #999;
}
#copy-button:hover {background-color: #454545}
#copy-button:active {
  background-color: #454545;
  box-shadow: 0 5px #666;
  transform: translateY(4px);
}

#html-copy-button {
  display: inline-block;
  padding: 5px 10px;
  font-size: 14px;
  font-weight: bold;
  font-family: Arial, sans-serif;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
  outline: none;
  color: #fff;
  background-color: #454545;
  border: none;
  border-radius: 5px;
  box-shadow: 0 6px #999;
}
#html-copy-button:hover {background-color: #454545}
#html-copy-button:active {
  background-color: #454545;
  box-shadow: 0 5px #666;
  transform: translateY(4px);
}

#org-view-button {
  display: inline-block;
  padding: 5px 10px;
  font-size: 14px;
  font-weight: bold;
  font-family: Arial, sans-serif;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
  outline: none;
  color: #fff;
  background-color: #454545;
  border: none;
  border-radius: 5px;
  box-shadow: 0 6px #999;
}
#org-view-button:hover {background-color: #454545}
#org-view-button:active {
  background-color: #454545;
  box-shadow: 0 5px #666;
  transform: translateY(4px);
}

#close-button {
  display: inline-block;
  padding: 5px 25px;
  font-size: 14px;
  font-weight: bold;
  font-family: Arial, sans-serif;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
  outline: none;
  color: #fff;
  background-color: #454545;
  border: none;
  border-radius: 5px;
  box-shadow: 0 6px #999;
}
#close-button:hover {background-color: #454545}
#close-button:active {
  background-color: #454545;
  box-shadow: 0 5px #666;
  transform: translateY(4px);
}

#issue-button {
  display: inline-block;
  padding: 10px 50px;
  font-size: 18px;
  font-weight: bold;
  font-family: Arial, sans-serif;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
  outline: none;
  color: #fff;
  background-color: #454545;
  border: none;
  border-radius: 5px;
  box-shadow: 0 6px #999;
}
#issue-button:hover {background-color: #454545}
#issue-button:active {
  background-color: #454545;
  box-shadow: 0 5px #666;
  transform: translateY(4px);
}

/* 밈체커 연동 검색엔진 버전정보 확인 레이어용 css 추가 - 기술지원팀 최윤기 과장, 2019-11-15 */
#open-info {
  display: inline-block;
  padding: 5px 10px;
  font-size: 11px;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
  outline: none;
  color: #464646;
  background-color: #e1e1e1;
  border: none;
  border-radius: 15px;
}
#open-info:hover {background-color: #aeaeae}

/* select box */
.sbHolder{display:inline-block;	background-color: #fff;	border: solid 3px #de161e; font-size: 12px;	font-weight: bold;	height: 26px;	position: relative;	width: 248px; vertical-align:middle; text-align:left; margin-left:9px;}
.sbSelector{	display: block;	height: 26px;	left: 0; line-height: 28px;	outline: none;	overflow: hidden;	position: absolute;	text-indent: 9px;	top: 0;	width: 230px;}
.sbSelector:link, .sbSelector:visited, .sbSelector:hover{	color: #000000;	outline: none;	text-decoration: none;}

.sbToggle{	background: url(../images/select-icons.gif) 0 0 no-repeat;	display: block;	height: 26px;	outline: none;	position: absolute;	right: 0;	top: 0;	width: 17px;}
.sbToggleOpen{	background: url(../images/select-icons.gif) 0 -26px no-repeat;}

.sbOptions{	background-color: #fff;	border: solid 1px #000;	list-style: none;	left: -3px;	margin: 0;	padding: 0;	position: absolute;	top: 30px;	width: 252px;	z-index: 1;	overflow-y: auto; padding:3px 0 5px 0;}
.sbOptions li{	padding: 0 7px;}
.sbOptions a{	border-bottom: solid 1px #d7d7d7;	display: block;	outline: none;	padding: 7px 0 4px 9px; font-weight:normal; color:#555555;}
.sbOptions a:link, .sbOptions a:visited{	color: #000000;	text-decoration: none;}
.sbOptions a:hover,
.sbOptions a:focus,
.sbOptions a.sbFocus{	color: #000000; background:#f6f6f6;}
.sbOptions li.last a{	border-bottom: none;}
.sbOptions .sbDisabled{	border-bottom: dotted 1px #515151;	color: #999;	display: block;	padding: 7px 0 7px 3px;}
.sbOptions .sbGroup{	border-bottom: dotted 1px #515151;	color: #EBB52D;	display: block;	font-weight: bold;	padding: 7px 0 7px 3px;}
.sbOptions .sbSub{padding-left: 17px;}

#ly_detail_view {width:519px; margin:12px 13px 0 13px; display:none;}
#ly_change_pw { margin:12px 13px 0 13px; width:379px;  display:none;}
#ly_change_pw input[type='password'] {width:198px; height:21px; line-height:21px; border:1px solid #ccc; background:#f9f9f9; padding:0 0 0 9px;}

#mch_version_info {width:519px; margin:12px 13px 0 13px; display:none;}
/* 커넥터 라이선스 정보 팝업창 추가, 2020-07-14, 기술지원팀 최윤기 */
#kgy_license_info {width:519px; margin:12px 13px 0 13px; display:none;}

/* datepicker */
.datepicker_w {display:inline-block; color:#464646;}
.datepicker_w .datepicker{width:71px; height:21px; border:1px solid #ccc; color:#464646; line-height:21px; padding:0 0 0 9px; vertical-align:middle;}
.datepicker_w img {vertical-align:middle;}
.ui-datepicker {z-index:9999; width:159px; background:#fff; border:1px solid #ccc; display:none;}
.ui-datepicker .ui-datepicker-prev {width:13px; height:13px; position:absolute; left:4px; top:12px; background:none !important; border:none !important; cursor: pointer;}
.ui-datepicker .ui-datepicker-prev span {background:url(../images/caleander/ico_prev.gif) no-repeat 3px 2px; width:13px; height:13px;}
.ui-datepicker .ui-datepicker-next {width:13px; height:13px;  position:absolute; top:12px; right:0; cursor:pointer; background:none !important; border:none !important; cursor: pointer;}
.ui-datepicker .ui-datepicker-next span {background:url(../images/caleander/ico_next.gif) no-repeat 3px 2px; width:13px; height:13px;}
.ui-datepicker .ui-datepicker-header {background:none; border:none; padding:6px 0 0 0;}
.ui-datepicker select.ui-datepicker-year {width:66px; float:left; margin-left:20px;}
.ui-datepicker select.ui-datepicker-month {width:50px; float:right; margin-right:20px;}
.ui-datepicker .ui-datepicker-title {margin:0;}
.ui-datepicker table {font-size:11px; border:1px solid #ccc; background:#fff; margin-top:5px; margin-bottom:0; margin:5px 0 0 0;}
.ui-datepicker th {font-size:11px; color:000000; font-family:"굴림",Gulim; font-weight:normal;}
.ui-datepicker td a {text-align:center;}
.ui-datepicker .ui-datepicker-title select {font-size:12px; color:000000; font-family:"굴림",Gulim; font-weight:normal;}
.ui-state-default, .ui-widget-content .ui-state-default {background:none; border:#fff; font-weight:normal; color:#000;}
.ui-datepicker-today {background:#ffd9cc !important; border:1px solid #ff794b !important;}
.ui-state-active {background:#ffd9cc !important;}
.ui-datepicker-current  {display:none;}
.ui-datepicker .ui-datepicker-buttonpane {padding:0; margin:0; border:none; text-align:right;}
.ui-datepicker .ui-datepicker-buttonpane button{font-size:0; margin:0; padding:0; width:17px; height:17px; background:url(../images/caleander/bt_close.gif) no-repeat 7px 4px; *background-position:5px 4px; *line-height:0;}
.ui-datepicker-trigger {margin-left:3px; vertical-align:middle; cursor:pointer;}


.paging {text-align:center; height:11px; padding-bottom:52px;  font-size:11px; clear:both;}
.paging .la_prev, .paging .prev, .paging .next, .paging .la_next {display:inline-block; vertical-align:middle;}
.paging .page_num a {display:inline-block; height:11px; padding:0 4px; color:#7d7d7d;}
.paging .page_num strong {display:inline-block; height:11px; padding:0 4px; color:#de161e;}