xXx

Hexid M1n1 5h3ll MobiLe

home/homepage/ebmmunjin/medical_20221116/css/_[ Not.Writable ]

File://home/homepage/ebmmunjin/medical_20221116/css/style.css

@CHARSET "UTF-8";
@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);
@import url(http://fonts.googleapis.com/earlyaccess/notosansjapanese.css);
/* CSS Document */





@charset "UTF-8";

/* Nanum Square */
@font-face {
  font-family: 'Nanum Square';
  src: url('/common/fonts/NanumSquareL.eot'); /* IE9 Compat Modes */
  src: url('/common/fonts/NanumSquareL.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/common/fonts/NanumSquareL.woff') format('woff'), /* Modern Browsers */
       url('/common/fonts/NanumSquareL.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('/common/fonts/NanumSquareOTFLight.svg#017f9c78318bcde3d1dc4451e8eaca0a') format('svg'); /* Legacy iOS */
       
  font-style:   normal;
  font-weight:  300;
}

@font-face {
  font-family: 'Nanum Square';
  src: url('/common/fonts/NanumSquareR.eot'); /* IE9 Compat Modes */
  src: url('/common/fonts/NanumSquareR.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/common/fonts/NanumSquareR.woff') format('woff'), /* Modern Browsers */
       url('/common/fonts/NanumSquareR.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('/common/fonts/NanumSquareOTFR.svg#9e23ceb0c858ca37642ba540402577eb') format('svg'); /* Legacy iOS */
       
  font-style:   normal;
  font-weight:  400;
}

@font-face {
  font-family: 'Nanum Square';
  src: url('/common/fonts/NanumSquareB.eot'); /* IE9 Compat Modes */
  src: url('/common/fonts/NanumSquareB.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/common/fonts/NanumSquareB.woff') format('woff'), /* Modern Browsers */
       url('/common/fonts/NanumSquareB.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('/common/fonts/NanumSquareOTFB.svg#a41a1fda1fdf3dafd3394867a156b1cf') format('svg'); /* Legacy iOS */
       
  font-style:   normal;
  font-weight:  700;
}

@font-face {
  font-family: 'Nanum Square';
  src: url('/common/fonts/NanumSquareEB.eot'); /* IE9 Compat Modes */
  src: url('/common/fonts/NanumSquareEB.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/common/fonts/NanumSquareEB.woff') format('woff'), /* Modern Browsers */
       url('/common/fonts/NanumSquareEB.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('/common/fonts/NanumSquareOTFExtraBold.svg#090d6763bc81b49309446d23fbd10e87') format('svg'); /* Legacy iOS */
       
  font-style:   normal;
  font-weight:  900;
}


html,body {
	
}

body, table, tr, select, input, div, form, textarea, option {
font-size:12.4px;
font-family: 'Noto Sans Japanese', 'Noto Sans KR', "Apple SD Gothic Neo", "Noto Sans CJK KR", "KoPubDotum Medium", 나눔고딕, NanumGothic, 나눔바른고딕, 맑은고딕, "Malgun Gothic", Dotum,'돋움',Helvetica, sans-serif;
color: #303030;
margin:0;
padding:0;
scrollbar-face-color: #ffffff;
scrollbar-highlight-color: #ffffff;
scrollbar-shadow-color: #91a1bb;
scrollbar-3dlight-color: #ccd3df;
scrollbar-darkshadow-color: #ffffff;
scrollbar-track-color: #dbdfe3;
scrollbar-arrow-color: #2c3f5c;
ime-mode:active;

letter-spacing:-0.23px;

font-weight:350;
}

b {font-weight:450;}

#listRoll tr, #listRoll td {
	font-family: 'Noto Sans Japanese', 'Noto Sans KR';
	

font-weight:350;
}

select {font-size:9pt; color:#555555; padding:4px 2px 0px 2px; border:1px solid #cecdd2; height:20px;}

frame {border:0}
iframe {border:0px;}
img {border:0px;}
 
a{selector-dummy:expression(this.hideFocus=true);}
a:link    {color:#333333;text-decoration:none;}
a:visited {color:#333333;text-decoration:none;}
a:active  {color:#333333;text-decoration:none;}
a:hover   {color:#333333;text-decoration:none;}

/*------------- menu -------------*/
.menu_top {font-size:13px; color:#FFFFFF;}
.menu_top b {font-weight:550; letter-spacing:-0.4px;}
.menu_left {font-size:9pt;color:#303030;padding:0px 0px 0px 10px;}

/*------------- Text -------------*/
.text_white_9pt {font-size:9pt;color:#FFFFFF;}
.text_gray_9pt {font-size:9pt;color:#585858;}

/*------------- list Roll-------------*/
#listRoll {padding:0; border-color:#ccd2d9; border-style:solid; border-width:1px; } 
#listRoll th{border-color:#FFFFFF #ccd2d9 #ccd2d9 #FFFFFF ; border-style:solid; border-width:1px;  padding:4px 2px 2px 2px; vertical-align:top; text-align:center; color:#506072;}
/*보더라인- 
#listRoll td{padding:5px 3px 3px 3px; border-color:#FFFFFF #ccd2d9 #ccd2d9 #FFFFFF ; border-style:solid; border-width:1px;} */
#listRoll td{padding:4px 2px 2px 2px; border-bottom:#ccd2d9 solid 1px; color:#444444;}

#listRoll tr.roll {background-color:#f2f2f2;}
#listRoll tr.w_td {background-color:#ffffff;}
/*------------------------------------*/
.listRoll_table {padding:0; border-color:#ccd2d9; border-style:solid; border-width:1px; }
.listRoll_th {border-color:#FFFFFF #ccd2d9 #ccd2d9 #FFFFFF ; border-style:solid; border-width:1px;  padding:4px 2px 2px 2px; vertical-align:top; text-align:center; color:#506072;}
.listRoll_td td{padding:4px 2px 2px 2px; border-bottom:#ccd2d9 solid 1px; color:#444444;}
.roll {background-color:#f2f2f2;}
.w_td {background-color:#ffffff;}
/*------------------------------------*/

a.text_gray_th:link{color:#506072;}
a.text_gray_th:visited{color:#506072;}
a.text_gray_th:active{color:#506072;}
a.text_gray_th:hover{color:#506072;}

/*------------- textlink -------------*/
.textlink {color:#444444;}
a.textlink:link{color:#444444;}
a.textlink:visited{color:#444444;}
a.textlink:active{color:#444444;}
a.textlink:hover{color:#4a7496;}

/*------------- table -------------*/
.title_bg {background:url(/images/common/table/title_bg.gif) no-repeat;}
.title01 {padding:6px 0 6px 30px;  font-size: 120%; color: #fff; font-weight:bold;}
.title02 {background:url(/images/common/icon/bullet01.gif) no-repeat; color:#303030; font-weight:bold; padding:10px 0px 4px 13px; height:16px}

.location{padding-right: 10px; color:#d9d9d9;text-decoration:none;}
.locaS{font-size:11px;font-family:"돋움";color:#ffffff;text-decoration:none;line-height:16px;}

/*------------- table text -------------*/
.text00 {border-color:#FFFFFF #ccd2d9 #ccd2d9 #FFFFFF ; border-style:solid; border-width:1px;  padding:5px 0px 5px 5px;  background-color:#ebedf0;}
.text01 {width:121px;  border-color:#FFFFFF #ccd2d9 #ccd2d9 #FFFFFF ; border-style:solid; border-width:1px;  padding:5px 0px 5px 5px;  background-color:#ebedf0; vertical-align:middle;}
.text02 {width:140px;  border-color:#FFFFFF #ccd2d9 #ccd2d9 #FFFFFF ; border-style:solid; border-width:1px;  padding:5px 0px 5px 5px; height:15px;  background-color:#ebedf0; vertical-align:middle;}
.text_bg_gray { width:760px;  border-color:#FFFFFF #ccd2d9 #ccd2d9 #FFFFFF ; border-style:solid; border-width:1px;  padding:3px;  background-color:#ebedf0; vertical-align:middle;}
.text_gray {color:#666666;}
.text_gray11 {color:#666666; font-size:11px;}

a.text_gray_th:link{color:#506072;}
a.text_gray_th:visited{color:#506072;}
a.text_gray_th:active{color:#506072;}
a.text_gray_th:hover{color:#506072;}


.field00 {padding:3px; width:282px; border-color:#FFFFFF #ccd2d9 #ccd2d9 #FFFFFF ; border-style:solid; border-width:1px;  background-color:#ffffff; vertical-align:middle;} 
.field00_g {color:#666666; padding:3px; border-color:#FFFFFF #ccd2d9 #ccd2d9 #FFFFFF ; border-style:solid; border-width:1px;  background-color:#ffffff; vertical-align:top;}  
.field01 {width:280px; padding:3px; border-color:#FFFFFF #ccd2d9 #ccd2d9 #FFFFFF ; border-style:solid; border-width:1px;  background-color:#ffffff; vertical-align:top;} 
.field02 {width:269px; color:#666666; padding:3px; border-color:#FFFFFF #ccd2d9 #ccd2d9 #FFFFFF ; border-style:solid; border-width:1px;  background-color:#ffffff;} 
.field03 { border-color:#ccd2d9 ; border-style:solid; border-width:1px;  background-color:#ffffff; } 
.table_line {padding:0; border-color:#ccd2d9 #f5f6f5 #f5f6f5 #ccd2d9 ; border-style:solid; border-width:1px; } 
.field_right {padding:3px 5px 3px 3px; border-color:#FFFFFF #ccd2d9 #ccd2d9 #FFFFFF ; border-style:solid; border-width:1px; background-color:#ffffff; text-align:right;} 
.field_center {padding:3px; border-color:#FFFFFF #ccd2d9 #ccd2d9 #FFFFFF ; border-style:solid; border-width:1px; background-color:#ffffff; text-align:center;}

/*------------- search -------------*/
.search_top {background:transparent url(/images/common/search/bg_topbottom.gif) scroll 0 0; height:35px;padding:0 0 5px 4px}
.search_middle {background:transparent url(/images/common/search/bg_middle.gif) repeat-y;padding:3PX 0 0 17px}
.search_bottom {background:transparent url(/images/common/search/bg_topbottom.gif) scroll 0 -35px; height:13px}

/*------------- blank -------------*/
.blank_01 {height:6px;}
.blank_02 {height:10px;}
.blank_03 {height:3px;}
.blank_04 {height:20px;}
.blank_left {padding-left:3px}
.blank_right {padding-right:8px}

/*------------- input, textarea -------------*/
.input {font-size:9pt; color:#555555; padding:4px 2px 0px 2px; border:1px solid #cecdd2; height:15px;}
.input2 {font-size:9pt; background-color:ffffff; padding:1px 2px 0px 2px; border:1px solid #cecdd2; width:100%; color:#909090}
.input_readon {background-color:#ebeaec; padding:1px 2px 0px 2px; border:1px solid #cecece; width:100%; height:19px;}
.input_right {font-size:9pt; background-color:ffffff; padding:1px 2px 0px 2px; border:1px solid #cecdd2; width:100%; height:19px; text-align:right;}
.textarea {border:1px solid #cdcdcd; padding:2px; overflow:auto; width:100%; line-height:16px; color:#555555;}

/*------------- 외부btn -------------*/
.btn-left-xls {background:transparent url(/images/common/button/btn_xls.gif) no-repeat;height:22px;width:19px;cursor:pointer;}
.btn-left-print {background:transparent url(/images/common/button/btn_print.gif) no-repeat;height:22px;width:19px;cursor:pointer;}
.btn-left-back {background:transparent url(/images/common/button/btn_back.gif) no-repeat;height:22px;width:19px;cursor:pointer;}
.btn-left-can {background:transparent url(/images/common/button/btn_can.gif) no-repeat;height:22px;width:19px;cursor:pointer;}
.btn-left-che {background:transparent url(/images/common/button/btn_che.gif) no-repeat;height:22px;width:19px;cursor:pointer;}
.btn-left-list {background:transparent url(/images/common/button/btn_list.gif) no-repeat;height:22px;width:19px;cursor:pointer;}
.btn-right-next {background:transparent url(/images/common/button/btn_next.gif) no-repeat;height:22px;width:19px;cursor:pointer;}
.btn-left-pre {background:transparent url(/images/common/button/btn_pre.gif) no-repeat;height:22px;width:19px;cursor:pointer;}

.btn-right {background:transparent url(/images/common/button/btn_bg.gif) no-repeat scroll 0 -44px;height:22px;width:3px;}
.btn-left {background:transparent url(/images/common/button/btn_bg.gif) no-repeat scroll 0 0;height:22px;width:3px;cursor:}
.btn-center {background:transparent url(/images/common/button/btn_bg.gif) repeat-x  scroll 0 -22px ;height:18px;cursor:pointer;padding:3px 5px 1px 5px;white-space:nowrap;}
.btn-center1 {background:transparent url(/images/common/button/btn_bg.gif) repeat-x  scroll 0 -22px ;cursor:pointer;padding:3px 0 1px 5px;white-space:nowrap;}
.btn-center2 {background:transparent url(/images/common/button/btn_bg.gif) repeat-x  scroll 0 -22px ;padding:3px 5px 1px 0;white-space:nowrap;}


/*------------- 내부btn -------------*/
.btn2-left-chk {background:url(/images/common/button/btn2_chk.gif) no-repeat; width:16px; height:19px; cursor:pointer;}
.btn2-left-add {background:url(/images/common/button/btn2_add.gif) no-repeat; width:16px; height:19px; cursor:pointer;}
.btn2-left-sea {background:url(/images/common/button/btn2_sea.gif) no-repeat; width:16px; height:19px; cursor:pointer;}
.btn2-left-del {background:url(/images/common/button/btn2_del.gif) no-repeat; width:16px; height:19px; cursor:pointer;}
.btn2-left-down {background:url(/images/common/button/btn2_down.gif) no-repeat; width:20px; height:19px; cursor:pointer;}
.btn2-left-arr {background:url(/images/common/button/btn2_arr.gif) no-repeat; width:16px; height:19px; cursor:pointer;}
.btn2-left-che {background:url(/images/common/button/btn2_re.gif) no-repeat; width:16px; height:19px; cursor:pointer;}
.btn2-left-arrup {background:url(/images/common/button/btn2_arrup.gif) no-repeat; width:16px; height:19px; cursor:pointer;}
.btn2-left-arrdown {background:url(/images/common/button/btn2_arrdown.gif) no-repeat; width:16px; height:19px; cursor:pointer;}
.btn2-right {background:transparent url(/images/common/button/btn2_bg.gif) no-repeat ; height:19px; width:7px;}
.btn2-center {background:transparent url(/images/common/button/btn2_bgC.gif) repeat-x ; height:19px;color:#636b78;cursor:pointer;padding-top:2px;white-space:nowrap;}
 .btn-left-col {background:transparent url(/images/common/button/btn_col.gif) no-repeat;height:22px;width:21px;cursor:pointer;}
a.blue:link{color:#636b78;}
a.blue:visited{color:#636b78;}

/*------------- pop 제목늘림 (13글자) -------------*/
.middle_left {background:url(/images/common/pop/popbg_height.gif) repeat-y scroll 0 0; width:20px; height:100%}
.middle_right {background:url(/images/common/pop/popbg_height.gif) repeat-y scroll -15px 0; width:15px; height:100%}

.TopLeft {background:url(/images/common/pop/pop_bg02.gif) no-repeat scroll 0 0; width:200px; height:45px;padding:4px 0 5px 27px; font-size: 120%; color: #fff; font-weight:bold;}
.TopRight {background:url(/images/common/pop/pop_bg02.gif) no-repeat scroll -300px 0; width:100px; height:45px}
.Top {background:url(/images/common/pop/pop_T.gif) repeat-x scroll 0 0; height:45px}

.BottomLeft {background:url(/images/common/pop/pop_bg02.gif) no-repeat scroll 0 -45px; width:45px; height:45px}
.BottomRight {background:url(/images/common/pop/pop_bg02.gif) no-repeat scroll -86px -45px; width:302px; height:45px;padding:7px 12px 11px 0}
.Bottom {background:url(/images/common/pop/pop_B.gif) repeat-x scroll 0 0; height:45px}

/*------------- 일반 -------------*/
.space {border:1px solid #c7c7c7; background-color:#f5f6f5;}
.table_line {padding:0; border-color:#ccd2d9 #f5f6f5 #f5f6f5 #ccd2d9 ; border-style:solid; border-width:1px; } 


#listRoll td i {font-style:normal;}
#listRoll td i.co {color:#000}
#listRoll td i.co.gray {color:#ccc}
#listRoll td i.co.red {color:#f00}
#listRoll td i.co.green {color:#0f0;}
#listRoll td i.co.blue {color:#00f;}


.dot {height:1;  background:url("/images/common/table/dot_line.gif") center repeat-x;}

.minwidth45 {display:inline-block; min-width:45px;}

/* 최신 IE로 인한 CSS FIX */

select {height:25px;}
.input {height:25px; padding:0; padding-left:5px;}
input[type='button'] {text-align:center; padding:4px 4px 4px 4px; border-radius:4px; background:#e6e6e6; box-shadow:none; border:solid 1px #d6d6d6; box-sizing:border-box; font-size:12px; letter-spacing:-0.6px;}
input[type='button']:hover {background:#96adc5; color:#fff;}
#listRoll th { padding: 7px 2px 6px 2px; }
#listRoll td { padding: 6px 2px 6px 2px; }

.max_wid814 {width:100%; max-width:814px;}
.max_wid560 {width:100%; max-width:560px;}
.max_wid560 .txtbx {white-space:normal}

.preview_img_box  {width:100%; margin:0; padding:0; box-sizing:border-box;}
.preview_img_box li {display:table; width:100%; padding:4px 6px; box-sizing:border-box;}
.preview_img_box li:hover {background:#d4d4d4; }
.preview_img_box li div {display:table-cell; vertical-align:middle;}
.preview_img_box li .imgbox {width:70px; max-width:70px; min-width:70px; }
.preview_img_box li .imgtit {width:100%; vertical-align:middle; padding-left:7px; white-space:normal; overflow:hidden; max-width:129px;}
.preview_img_box li .imgopt {width:30px; max-width:30px; min-width:30px; vertical-align:middle; text-align:right;}
.preview_img_box li .imgbox img {width:100%;}
.preview_img_box li .imgopt p {display:inline-block; width:28px;; padding:4px; box-sizing:border-box; background:#fff; border-radius:4px; border:solid 1px #ddd; cursor:pointer; text-align:center; }
.imgBox_table {width:100%;}
.imgBox_table_div  {width:100%;}

.btn_hiddenshow {padding:3px 6px;; background:#fff; border-radius:4px; border:1px solid #ddd; display:inline-block; }

.select_option {width:100%; display:table; margin-bottom:10px;}
.select_option ul {list-style:none; margin:0; padding:0; display:table-cell; vertical-align:middle; text-align:center; width:33.333333333%; cursor:pointer; min-height:75px; height:75px; color:#fff; border-radius:7px;  }
.select_option ul.blank {width:3px; max-width:3px; min-width:3px;}
.select_option ul i {display:inline-block; width:100%; height:22px; background-repeat:no-repeat; background-size:22px; background-position:center center; margin-bottom:5px; }
.select_option ul.search { background:#5d63a9 }
.select_option ul.search:hover {  background:#494e86}
.select_option ul.search i { background-image: url('/images/icon/search.png'); }
.select_option ul.calander { background:#4578a9 }
.select_option ul.calander:hover { background:#3f6c98 }
.select_option ul.calander i { background-image: url('/images/icon/calander.png'); } 
.select_option ul.dayup { background:#5db1b5 }
.select_option ul.dayup:hover { background:#4e9b9e }
.select_option ul.dayup i { background-image: url('/images/icon/refresh.png'); }

#mainFrame {min-heihgt:500px;}






#smstool .mobi_bg {float:left; width:350px; height:434px; background:url('/images/msgtool/msgtool_bg.png') no-repeat left top; background-size:100% auto; margin-top:15px; margin-left:15px; position:relative; }
#smstool .msgcontent {width:200px; position: absolute; top: 160px;  left: 35px; }
#smstool .msgcontent .top {width:100%; height:13px; background:url('/images/msgtool/msgtool_top.jpg') no-repeat left top; background-size:100% 13px;}
#smstool .msgcontent .content {width:100%; height:auto; background:url('/images/msgtool/msgtool_middle.jpg') left top; background-size:100% 1px; }
#smstool .msgcontent .content p {padding-left:15px; box-sizing:border-box; width:185px; margin:0;     word-break: break-all; }
#smstool .msgcontent .bottom {width:100%; height:13px; background:url('/images/msgtool/msgtool_bottom.jpg') no-repeat left top; background-size:100% 13px;}
#smstool .notice_sms_red {position: absolute; color:#ea0000;  top: 300px; width: 221px; left: 45px; font-size:12px; line-height:17px; }
#smstool .edit_tool  { width:auto; padding-left:380px; box-sizing:border-box;}
#smstool .edit_tool .ed_line {border:solid 1px #ddd; }
#smstool .select_type { }
#smstool .select_type ul {list-style:none;  margin:0; padding:0; display:table; width:100%; background:#cacaca; padding:3px; padding-bottom:0; box-sizing:border-box; position:relative;  }
#smstool .select_type ul li { cursor:pointer; list-style:none; margin:0; padding:0;  display:table-cell; vertical-align:middle; width:33.3333333%; text-align:center;  height:27px; background:#cacaca; color:#5a5a5a; border-radius:4px 4px 0 0; }
#smstool .select_type ul li.active {background:#fff; }
#smstool .select_type ul .cl_block { position: absolute; width: 100%; height: 100%; left:0; }

#smstool .msgcon {padding:10px; }
#smstool .msgcon textarea {padding:10px; width:180px; height:177px; max-width:180px; max-height:187px; min-width:180px; min-height:187px;    word-break: break-all;}
#smstool .msgcon .btnSet {width:202px;height:28px; height:auto; display:block;}
#smstool .msgcon .btnSet input {float:left; width:50%; height:28px; display:block;;  margin:0; padding:0; }
#smstool .msgcon .msg_ralcont { float:left; }
#smstool .msgcon .msg_tip {float:none; height:237px; padding-left:215px;}

#smstool .msgcon .cotents {float:left; width:100%;  margin-top:15px; position:relative}
#smstool .msgcon .cotents ul {border-bottom: solid 1px #ddd; background:#fff;}
#smstool .msgcon .cotents ul.tit {    border-top: solid 1px #ddd;background: #e6e6e6; border-bottom: solid 1px #ddd}
#smstool .msgcon .cotents ul li {background:#fff; }
#smstool .msgcon .lc_box {position:relative}
#smstool .msgcon .lc_box .cl_block { position: absolute; width: 100%; height: 100%; }
#smstool .msgcon .lc_box:after {clear:both; content:""; display:block;}
#smstool .msgcon .cotents ul.tit li {height:35px; background: #e6e6e6; border-radius: 0; }
#smstool .msgcon .cotents ul li.gubn {min-width:50px; max-width:50px;  }
#smstool .msgcon .cotents ul li.msc {width:100%; min-width:285px; }
#smstool .msgcon .cotents ul li.useck {min-width:50px; max-width:50px;}


.byte_disp {text-align:right;}
.clearboth {clear:both;}
.useck{background:#ccc; padding:5px; box-sizing:border-box; }

.inputWiki {width:259px; height:142px; padding:8px; background:#fff; border:solid 1px #ddd; box-sizing:border-box; }

input[type='button'].wikibtn {padding:4px 12px; margin-top:4px;}
.wikibtn.pedia:hover {background:#ffd62b;  }
.wikibtn.naver:hover {background:#00c73c}


.transBox {position:absolute; right:0; top:0;  background:#fff; border-radius:8px; border:solid 1px #ddd; z-index:5; }
.transBox.foodM {right: -108px; top: -68px}
.transBox.foodWiki {right: auto; top: -78px; left:24px;}
.transBox.foodM:after {content:""; display:block;}
.transBox label {min-width:60px; display:inline-block;  }
.transBox h3 {padding:22px 0 12px 16px; margin:0; margin-bottom:8px; background:#4c5886; font-size:15px; color:#fff; border-radius:8px 8px 0 0; }
.transBox h3 span {font-size:11px;}
.transBox .trsArea {padding:5px 15px 5px 15px;  }
.transBox .trsArea div { padding:2px 0; display:table; }
.transBox .trsArea div label { display:table-cell; vertical-align:middle;  }
.transBox .trsArea input { display:table-cell; height:33px; padding:0 4px; border:solid 1px #ddd; box-sizing: border-box;}
.transBox .trsArea input:focus {outline:none; border:solid 1px #000;}
.transBox .trsArea i{display:table-cell;}
.transBox .trsArea i.searchcon {width:33px; text-indent:-9999999px; display:table-cell; background:url('/images/common/searchcon.png') no-repeat center center #b3b3b3; background-size:13px 13px; cursor:pointer;  }
.transBox .trsArea i.blank {width:8px;}
.transBox .trsArea i.blank2 {width:4px;}
.transBox .trsArea i.trans {width:28px; text-indent:-9999999px; background-size:14px 14px; cursor:pointer; background-repeat:no-repeat; background-position:center center; background-color:#fff; border-radius:4px; border:solid 1px #ddd; }
.transBox .trsArea i.trans.google {background-image:url('/images/common/googlelogo.png'); background-size:12px 12px; }
.transBox .trsArea i.trans.papago {background-image:url('/images/common/papagologo.png'); }
.transBox .trsArea i.trans:hover {background-color:#ddd;}
.transBox .trsArea i.searchcon.naver:hover {background-color:#00c73c}
.transBox .trsArea i.searchcon.google:hover {background-color:#4285f4}
.transBox .trsArea i.searchcon.baidu:hover {background-color:#2a33e1}
.transBox .trsArea i.searchcon.yahoo:hover {background-color:#ff0427;}
.transBox .trsArea.wiki textarea {width:265px; height:95px; max-width:265px; max-height:95px; min-width:265px; min-height:95px; border:solid 1px #ddd; padding:10px; }
.transBox .trsBtn {text-align:center; padding-top:6px; padding-bottom:8px; }
.transBox .trsBtn .trsExe {width:125px; height:34px;  background:#fff;  display: inline-block; border-radius: 4px; border: solid 1px #ddd; line-height:34px; cursor:pointer;  }
.transBox .trsBtn .trsExe i { border-radius:4px 0 0 4px; display:block; float:left; width:28px; height:34px; background-color:#fff; background-repeat:no-repeat; background-size:19px 19px; background-position:4px center; }
.transBox .trsBtn .trsExe.naver i {background-image:url('/images/common/papagologo.png'); }
.transBox .trsBtn .trsExe.naver2 i {background-image:url('/images/common/naverlogo.png');  background-size:16px 16px;  background-position:7px center;}
.transBox .trsBtn .trsExe.google i {background-image:url('/images/common/googlelogo.png'); background-size:15px 15px; background-position:6px center;}
.transBox .trsBtn .trsExe.wikipedia i {background-image:url('/images/common/wikipedia.png'); background-size:17px 17px; background-position:6px center;}
.transBox .trsBtn .trsExe.naver:hover {background-color:#00c73c; color:#fff; }
.transBox .trsBtn .trsExe.naver2:hover {background-color:#00c73c; color:#fff; }
.transBox .trsBtn .trsExe.google:hover { background-color:#4285f4; color:#fff; }
.transBox .trsBtn .trsExe.wikipedia:hover { background-color:#6b6b6b; color:#fff; }

.transBox .trsArea .trsOk {widht:80px; height:30px; background:#000; color:#fff; display:inline-block;}

.transBox .confirmbtn {text-align:center; padding-bottom:16px; }
input[type='button'].trsOk {    background: #4c5886;color: #fff; width: 150px;height: 36px;font-size: 14px; border: solid 1px #050e34;}
 input[type='button'].trsCancel {    background: #fff;color: #4c5886; width: 65px;height: 36px;font-size: 14px; border: solid 1px #4c5886;}
 .inputWiki {   word-break: break-all; white-space: normal; overflow-y: scroll; }
 
 body {background:#fff;}
.bodyGrays {background:#f3f3f3; height:100%;}


.tt_leftmenu {display: table; width: 180px; background: #fff; box-sizing: border-box;}
.tt_content { padding: 10px; background: #fff;box-sizing: border-box; display: table;width: 836px;}
#ajaxAras_rhs3 {display: table; width: 203px;background: #fff;box-sizing: border-box;}
    
    
.tt_leftParent {min-height:100%; display:  block;background:  #fff; width: 180px;margin:  0; float: left; }
.tt_contentParent { min-height:100%; display:  block;  width:  818px; float:  left;  margin-left: 15px;}
.tt_rightFrame { display: block; float: right; }
    
    
.rightFrameDesign .titbox td { background:#34669b; color:#fff; text-align:center;  }
.rightFrameDesign .subj_box {height:30px}
.rightFrameDesign .subj_box td {text-align:center; vertical-algin:center; color:#fff; }
.rightFrameDesign .contbox td {height:22px;}
		
		
.rightFrameDesign {width:203px; border-radius:7px; }
.rightFrameDesign ul {background:#34669b; color:#fff; display:table; width:100%;}
.rightFrameDesign ul.subj_box {background:#5e87b3}
.rightFrameDesign ul li {display:table-cell; text-align:center; vertical-align:middle; }
.rightFrameDesign ul, .rightFrameDesign li, .rightFrameDesign ol {margin:0; padding:0; list-style:none; }
.rightFrameDesign ol {display:table; width:100%;}
.rightFrameDesign ol li {background:#fff; display:table-cell; text-align:center; vertical-align:middle; padding:5px 0; }
.rightFrameDesign .sb_60 { max-width:60px; width:60px; }
.rightFrameDesign .activeColor {/*background:#b7e2a5;*/ font-weight:bold;}
.rightFrameDesign .endclass, .rightFrameDesign .endclass a {color:#ccc; font-weight:normal; }
.rightFrameDesign .sb_last { max-width:55px; width:55px; }

.rightFrameDesign ul#contboxRightFrame {  border-left:solid 1px #5e87b3; box-sizing:border-box; }
.rightFrameDesign ol {border-bottom:solid 1px #5e87b3;  box-sizing:border-box; }
.rightFrameDesign ol li {border-right:solid 1px #5e87b3; box-sizing:border-box;}
.rightFrameDesign ol li.cont {}
.rightFrameDesign .titbox {height:50px; background:#34669b; color:#fff; font-size:17px;   }
.rightFrameDesign .titbox li {box-sizing:border-box; padding-left:15px; text-align:left; }
.rightFrameDesign .titbox li b {font-weight:600;}
.rightFrameDesign ul.tab { height:26px;  box-sizing:border-box; border-radius:4px 4px 0 0;}
.rightFrameDesign ul.tab li {width:35%; background:#e5e5e5;  color:#b7b7b7; cursor:pointer;border-top:solid 1px #ccc;  }
.rightFrameDesign ul.tab li.active { width:65%; background:#fff; color:#34669b; border-top:solid 1px #34669b; box-sizing:border-box;}

.rightFrameDesign ul.tab li#all { border-radius:4px 0 0 0; border-left:solid 1px #ccc; }
.rightFrameDesign ul.tab li#personl { border-radius:0 4px 0 0; border-right:solid 1px #ccc;}

.rightFrameDesign ul.tab li#all.active {  border-right:solid 1px #34669b; border-left:solid 1px #34669b; }
.rightFrameDesign ul.tab li#personl.active {   border-left:solid 1px #34669b;border-right:solid 1px #34669b; }
.rightFrameDesign ul.nomore {text-align:center; background:#fff; padding:20px 0; box-sizing:border-box; color:#000; border-bottom:solid 1px #5e87b3; border-right:solid 1px #5e87b3}
    


.foodlistbox {position:relative}
.foodlistbox i.trans {width:18px; height:18px; display:block; text-indent:-9999999px; background-size:12px 12px; cursor:pointer; background-repeat:no-repeat; background-position:center center; background-color:#fff; border-radius:4px; border:solid 1px #ddd; top:50%; margin-top:-10px; position:absolute; z-index:999999;   }
.foodlistbox i.trans.google {background-image:url('/images/common/googlelogo.png'); background-size:10px 10px; right:3px; }
.foodlistbox i.trans.papago {background-image:url('/images/common/papagologo.png'); right:26px; }
.foodlistbox i.trans:hover {background-color:#ddd;}



input[type=text].ime_mode_active {
-webkit-ime-mode:active; 
-moz-ime-mode:active; 
-ms-ime-mode:active; 
ime-mode:active;
}
input[type=text].ime_mode_inactive {
-webkit-ime-mode:inactive; 
-moz-ime-mode:inactive; 
-ms-ime-mode:inactive; 
ime-mode:inactive;
}
input[type=text].ime_mode_disabled {
-webkit-ime-mode:disabled; 
-moz-ime-mode:disabled; 
-ms-ime-mode:disabled; 
ime-mode:disabled;
}







/* 

.table_line.ver2 tr, #heightFix41 { height:41px; }

 */
#listRoll td {background:#fff; }
.table_line.ver2 tr, #heightFix41_ok td { background:#ededed }
.table_line.ver2 tr, #heightFix41_cc td { background:#d6e5eb }

#listRoll tr#New_okVisit td { background:#d6e5eb  }
#listRoll tr#New_noVisit td { background:#ededed }
.table_line.ver2 tr, #heightFix41_ok, #heightFix41_cc, #heightFix41 { height:41px; }

#f_heightFix41_ok, #f_heightFix41_cc { height:41px; }

#f_heightFix41_ok td:nth-child(1), #f_heightFix41_cc td:nth-child(1) { background:#fff;  }
#heightFix41_cc td.white {background:#fff; }


#dp_form {width:100%; height:100%; background:#4173a8; font-size:14px; letter-spacing:-0.5px;}
			#dp_form ul, #dp_form li, #dp_form ol, #dp_form dl, #dp_form h1, #dp_form h2, #dp_form h3, #dp_form div, #dp_form p, #dp_form span,#dp_form input{margin:0;padding:0; box-sizing:border-box; list-style:none; }
			#dp_form input {width:100%; height:40px; padding:0 5px; font-size:14px; border: solid 1px #ddd;}
			#dp_form select {width:100%; font-size:14px; padding:0 5px; border: solid 1px #ddd;     background: #fff; height: 40px;}
			
			#dp_form select#foodlistSelectBox {height:150px;  }
			#dp_form h1.tit { width:100%; height:36px; line-height:36px; font-size:16px; font-weight:bold; color:#fff; display:block; padding:0 10px; position:relative; }
			#dp_form .dp_area {width:100%; height:100%; position:absolute; padding:36px 10px 5px 10px; top:0;  min-height:650px;  }
			#dp_form .dp_area .whbox {width:100%; height:100%; background:#fff; border-radius:7px; position:relative;  }
			#dp_form .dp_area .whbox .btarea {position:absolute; bottom:0; width:100%; background:#d6d6d6; height:45px; border-radius:0 0 7px 7px; }
			#dp_form .dp_area .whbox .btarea .bta_top {width:99%; height:1px; background:#adadad; margin:0 auto; display:block; }
			#dp_form .dp_area .whbox .wh_realArea {width:100%; height:auto; padding:16px 16px 16px 16px;}
			#dp_form .dp_formbox ul {display:table; width:100%; margin-top:15px;}

			#dp_form .dp_formbox ul li {display:table-cell; vertical-align:middle; }
			#dp_form .dp_formbox .titbox {padding-right:8px; max-width:80px; width:80px; font-size:14px;}
			#dp_form .dp_formbox .btnbox {width:60px; max-width:60px; padding-left:8px}
			#dp_form .dp_formbox .btnbox i { width:100%; height:70px; background:#285789; color:#fff; display:inline-block; text-align:center; line-height:70px; font-style:normal; cursor:pointer; }
			#dp_form .dp_formbox .inputbox {}
			#dp_form .dp_formbox .inputbox.perput { position:relative }
			#dp_form .dp_formbox .inputbox.perput span {position:relative; width:50%; display:inline-block ;  }
			#dp_form .dp_formbox .inputbox.perput input {width:100%;}
			
			
			
			#dp_form .dp_formbox .inputbox.perput2 div {width:100%; display:table; }
			#dp_form .dp_formbox .inputbox.perput2 div span {position:relative; width:33.3333333333333333%; display:table-cell; }
			#dp_form .dp_formbox .inputbox.perput2 input { width:100%; }
			#dp_form .dp_formbox .inputbox.perput2 .notice {padding-top:5px; font-size:12px; color:#bababa;}
			#dp_form .dp_formbox .inputbox #sick_searchbox { display:none; }
			#dp_form .dp_formbox .inputbox #sick_searchbox.show { display:block; z-index:99999999; position:absolute; top:40px; left:0; width:100%; background:#fff;     box-shadow: 0px 1px 1px 1px rgba(204, 204,204, 0.5);  }
			#dp_form .dp_formbox .inputbox #sick_searchbox.show li {display:block; width:100%; padding:5px; }
			#dp_form .dp_formbox .inputbox #sick_searchbox.show li i, #dp_form .dp_formbox .inputbox #sick_searchbox.show li p, #dp_form .dp_formbox .inputbox #sick_searchbox.show span {display:inline; width:auto; height:auto; font-style:normal ;}
			
			#dp_form .dp_formbox .inputbox .chuc_open {    display: inline-block; width: 80px;  height: 30px;line-height: 30px; background: #6e6e6e; text-align: center;  color: #fff; font-size: 14px; font-style: normal;}
			#dp_form .dp_formbox .inputbox .selbox select {width:50%; height:45px; background:#fff; border:solid 1pxx #ddd; }
			#dp_form .realSave { cursor:pointer; width: 50px;  height: 30px; background: #275789; color: #fff;  line-height: 30px; text-align: center; border-radius: 5px; position: absolute;right: 12px; top: 8px;font-size: 13px;}
			
			
			#foodsearch {float:left; position:fixed;top:0;left:0; width:100%; height:100%; background:rgba(0,0,0,0.65); z-index:999999; font-size:14px;}
			#foodsearch .fs_pdbox  { float:left; width:100%; height:100%; padding:20px 35px; box-sizing:border-box;  }
			#foodsearch .inputbox { float:left;  width:100%; }
			#foodsearch .inputbox input { float:left; width:100%; height:50px; border-radius:9px; padding:0 50px 0 10px; box-sizing:border-box; margin:0; font-size:15px; background:url('/images/button/foodsearch.png') no-repeat #fff; background-size:auto 25px; background-position:98% center;  }
			
			#foodsearch .searchList {float:left; width:70%; box-sizing:border-box; padding-right:10px; }
			#foodsearch .confimFoodList {float:left; width:30%; box-sizing:border-box; padding-left:10px; padding-top:5px; }
			#foodsearch .fs_pdbox div ul, #foodsearch .fs_pdbox div li, #foodsearch .fs_pdbox div dl, #foodsearch .fs_pdbox div ol {margin:0; padding:0; box-sizing:border-box; list-style:none; }
			#foodsearch .fs_pdbox .searchList {height:90%; overflow:auto; padding-top:5px;}
			#foodsearch .fs_pdbox .searchList li {background:#fff; margin:5px 0; border-radius:5px; width:100%; display:block; padding:8px; position:relative; font-size:14px;  }
			#foodsearch .fs_pdbox .searchList li p {display:inline-block;  text-align:left; position:absolute;  max-width: 100%;overflow: hidden; text-overflow: ellipsis;padding-right: 70px;box-sizing: border-box;  }
			#foodsearch .fs_pdbox .searchList li p:after {content:""; display:inline-block; vertical-align:middle; }
			#foodsearch .fs_pdbox .searchList li img {width:50px; height:50px; max-width:50px; max-height:50px; margin-right:5px;}
			#foodsearch .fs_pdbox .searchList .tit, #foodsearch .fs_pdbox .confimFoodList .tit  {color:#fff;text-align:center; font-size:14px;}
			#foodsearch .fs_pdbox .searchList .tit span, #foodsearch .fs_pdbox .confimFoodList .tit span {font-size:12px;}
			#foodsearch .fs_pdbox .confimFoodList ul {margin-top:5px; background: #4a4d6c;border-radius: 5px; border: solid 4px #838383;padding: 13px 9px; color: #dcdce6; max-height:520px; overflow:auto; }
			#foodsearch .fs_pdbox .confimFoodList ul#myfood li {padding:3px 0; font-size:14px; }
			#foodsearch .close {position:absolute; bottom:10px; width:100%; text-align:center; }
			#foodsearch .close img {height:25px; cursor:pointer; }
			
			
			
				#disper_search {float:left; position:fixed;top:0;left:0; width:100%; height:100%; background:rgba(0,0,0,0.65); z-index:999999; font-size:14px;}
			#disper_search .fs_pdbox  { float:left; width:100%; height:100%; padding:20px 35px; box-sizing:border-box;  }
			#disper_search .inputbox { float:left;  width:100%; }
			#disper_search .inputbox input { float:left; width:100%; height:50px; border-radius:9px; padding:0 50px 0 10px; box-sizing:border-box; margin:0; font-size:15px; background:url('/images/button/foodsearch.png') no-repeat #fff; background-size:auto 25px; background-position:98% center;  }
			
			#disper_search .searchList {float:left; width:70%; box-sizing:border-box; padding-right:10px; }
			#disper_search .confimFoodList {float:left; width:30%; box-sizing:border-box; padding-left:10px; padding-top:5px; }
			#disper_search .fs_pdbox div ul, #disper_search .fs_pdbox div li, #disper_search .fs_pdbox div dl, #disper_search .fs_pdbox div ol {margin:0; padding:0; box-sizing:border-box; list-style:none; }
			#disper_search .fs_pdbox .searchList {height:90%; overflow:auto; padding-top:5px;}
			#disper_search .fs_pdbox .searchList li {background:#fff; margin:5px 0; border-radius:5px; width:100%; display:block; padding:8px; position:relative; font-size:14px;  }
			#disper_search .fs_pdbox .searchList li p {display:inline-block;  text-align:left; position:absolute;  max-width: 100%;overflow: hidden; text-overflow: ellipsis;padding-right: 70px;box-sizing: border-box;  }
			#disper_search .fs_pdbox .searchList li p:after {content:""; display:inline-block; vertical-align:middle; }
			#disper_search .fs_pdbox .searchList li img {width:50px; height:50px; max-width:50px; max-height:50px; margin-right:5px;}
			#disper_search .fs_pdbox .searchList .tit, #disper_search .fs_pdbox .confimFoodList .tit  {color:#fff;text-align:center; font-size:14px;}
			#disper_search .fs_pdbox .searchList .tit span, #disper_search .fs_pdbox .confimFoodList .tit span {font-size:12px;}
			#disper_search .fs_pdbox .confimFoodList ul {margin-top:5px; background: #4a4d6c;border-radius: 5px; border: solid 4px #838383;padding: 13px 9px; color: #dcdce6; max-height:520px; overflow:auto; }
			#disper_search .fs_pdbox .confimFoodList ul#myfood li {padding:3px 0; font-size:14px; }
			#disper_search .close {position:absolute; bottom:10px; width:100%; text-align:center; }
			#disper_search .close img {height:25px; cursor:pointer; }
				#disper_search .fs_pdbox ul#searchbox_disper li {width: 100%; background: #fff;    padding: 3px 12px; border-radius: 5px;     margin: 5px 0; }
			
			#dp_form input#dis_name2  {background:#fff; border:none;  color:#707070 }
			
			#chucheonsick {float:left; position:fixed;top:0;left:0; width:100%; height:100%; background:rgba(0,0,0,0.65); z-index:999999; font-size:14px;}
			#chucheonsick #listview_sickcode {float:left; width:100%;height:80%; overflow:auto; padding:20px 20px; box-sizing:border-box; }
			#chucheonsick p {    font-size: 22px; color: #fff; text-align: center; width: 100%;}
			#chucheonsick .close {    position: absolute; bottom: 10px; width: 100%;text-align: center;}
			#chucheonsick .close img { height: 25px;  cursor: pointer; }
			#chucheonsick #listview_sickcode li {float:left; width:33.33333333%; color:#000; list-style:none; font-size:12px; padding:5px; box-sizing:border-box; }
		#chucheonsick #listview_sickcode li p {float:left; width:100%; display:block;background:#fff;box-sizing:border-box; border-radius:5px; margin:0; color: #000; font-size: 13px; padding: 7px 10px;  text-align: left;}
		
		
		#dp_form h1.tit span { font-size: 11px; font-weight: normal; padding: 4px 9px; background: #2b343c;border-radius: 14px;  margin-left: 5px; cursor:pointer;    position:relative; z-index:40; }
		#dis_name.dis_name2 {background:#e3e3e3;}
			

			#rowTable .rw_left {width:25%; padding:0 22px; position:relative;display:table-cell; vertical-align:top; }
			#rowTable .pdl0 { padding-left:0; }
			#rowTable .brright {border-right:solid 1px #ddd; }
			#rowTable .rw_left ul li.tit {font-size:14px;     white-space: nowrap; width:55px; }

			#rowTable .rw_left ul li.inputbox div {}
			#rowTable .rw_left ul li.inputbox span {position:relative; width:100%; display:inline-block;padding:3px 0}
			#rowTable .rw_left .multiple_select {height:300px; display:block; }
			#rowTable .rw_left .multiple_select option {font-size:14px;}
			#rowTable.title {background:#f3f3f3; display:table; width:100%;margin-top:13px; }
			#rowTable.title .wd25 {width:25%; display:table-cell; text-align:center; vertical-align:middle; height:40px; font-size:16px;  }
			#rowTable.title .wd25.bgbold { background:#eaeaea }
			#rowTable #copybtn { width: 50%; min-width:110px; text-align: center;background: #577ba1; color: #fff;  font-size: 15px; cursor: pointer; margin:15px auto 0 auto; border-radius:11px; padding:14px 0; }
			#rowTable #copybtn:hover {background: #54697f;}
			#dp_form  #console_area { width:100%; padding:14px; box-sizing:border-box; font-size:15px;  }
			#dp_form #console_area textarea {width:100%; height:90px; border:solid 1px #ddd; border-radius:4px; padding:10px; box-sizing:border-box; margin-top:7px; font-size:13px;  }
			
			#dp_form input::placeholder  { color: #ddd; opacity: 1; }
			#dp_form input:-ms-input-placeholder { color: #ddd; }
			#dp_form input::-ms-input-placeholder {color: #ddd;}
			
			#dp_form input#dis_name2::placeholder  {color:#9a9a9a; opacity: 1;}
			#dp_form input#dis_name2:-ms-input-placeholder  {color:#9a9a9a; }
			#dp_form input#dis_name2::-ms-input-placeholder  {color:#9a9a9a; }
}

Your Access Expired	Date. in : 14-08-2025
Regist : 09-12-2024	Expired : 01-12-2027