@charset "utf-8";

/* Reset */
*{font-family: 'NanumSquareRound',sans-serif, "돋움", Dotum, Gulim, Arial, Verdana, Helvetica, AppleGothic, Sans-serif !important; font-style: normal;font-size: 13px;color: #111;font-weight: 400;}
html, body {width: 100%;height: 100%}
html {overflow-y: scroll;}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, form, fieldset, p, button {margin: 0;padding: 0}
body, h1, h2, h3, h4, h5, h6, th, input, button {font-style: normal;line-height: 1.4em;font-size: 13px;color: #111;font-weight: 400;}
body {background-color: #fff;*word-break: break-all;-ms-word-break: break-all}
img, fieldset, iframe {border: 0 none}li {list-style: none}
img {vertical-align: top}
i, em, address {font-style: normal}
label, button {cursor: pointer}
button {margin: 0;padding: 0}
a {color: #111;text-decoration: none;word-break: break-all;}
a:link, a:visited, a:active, a:focus, a:hover {text-decoration: none;}
button {position: relative;border: none;}
button img {left: -3px;*left: auto}
hr {display: none}
legend {*display: none !important;}
caption, legend {width: 0;height: 0;margin: 0;padding: 0;text-indent: -9999em;overflow: hidden;font-size: 0;*display: none;}
table {border-collapse: collapse;border-spacing: 0}
iframe {vertical-align: top}
iframe.emoticon_area_sms {border: 0;width: 1100px;height: 780px;}
iframe.emoticon_area_mms {border: 0;width: 1100px;height: 1250px;}
input::-ms-clear {display: none}
input, select, button {vertical-align: middle}
input, textarea, select {margin: 0;padding: 0;font-family: 'NanumSquareRound',sans-serif, "돋움", Dotum, Gulim, Arial, Verdana, Helvetica, AppleGothic, Sans-serif;line-height: 1.4em;color: #111;vertical-align: middle}
textarea {border: 1px solid #666;resize: none}
label {cursor: pointer;}
input[type="file"] {width: 100%;background: none;border: none;}
input[type='text'], input[type='password'], input[type='search'], input[type='date'] {-webkit-text-fill-color: #000;-ms-text-fill-color: #000;}
input, textarea, button {vertical-align: middle;-webkit-appearance: none;-webkit-border-radius: 0;outline: none;}
input.noBlind {-webkit-appearance: auto;}
input::-ms-clear, hr {display: none;}

::-webkit-input-placeholder {
color: #bbb;
-webkit-text-fill-color: #bbb;
}

::-moz-input-placeholder {
color: #bbb;
-moz-text-fill-color: #bbb;
}

:-ms-input-placeholder {
color: #bbb;
-ms-text-fill-color: #bbb;
}

:-moz-input-placeholder {
color: #bbb;
-moz-text-fill-color: #bbb;
}
div.selectTypeA select,
div.selectTypeB select,
div.selectTypeC select,
div.selectTypeD select,
div.selectTypeE select,
div.selectTypeF select {vertical-align: middle;-webkit-appearance: none;-webkit-border-radius: 0;outline: none;}

div.selectTypeD {position: relative; font-size: 13px; vertical-align: middle; box-sizing: border-box; border: 1px solid #d9d9d9; height: 36px; line-height: 36px; display: inline-block;}

table > thead > tr > th{height:auto; line-height:1.4em; vertical-align:middle;}

#header {z-index:2;}
#container {overflow:hidden; padding:0px 0 100px; z-index:0;}
.wrap .area a:hover{background:#fff; cursor:pointer;}

.tb_area{overflow-y:initial;}
.check_box {text-align:center;}

/* guide_box */
.guide_box li:first-child {margin-top:0;}
.guide_box li {padding-left:20px; color:#666; position:relative;}
.guide_box li:before {content:''; position:absolute; top:7px; left:4px; width:3px; height:3px; background:#000; display:inline-block;}
.guide_box li > a {font-weight:700; text-decoration:underline;}

.pp_guide_box > li:first-child {margin-top:0;}
.pp_guide_box > li {padding-left:20px; color:#666; position:relative;}
.pp_guide_box > li:before {content:''; position:absolute; top:7px; left:4px; width:3px; height:3px; background:#000; display:inline-block;}
.pp_guide_box > li > a {font-weight:700; text-decoration:underline;}


.cont_area {width:1100px !important;}
.content .stit_area {width:100%; height:54px; border-bottom:1px solid #111;}
.content .stit_area h4 {  font-weight:700; float:left; font-size:32px; color:#000;}
.content .stit_area p {float:right; margin-top:20px; color:#888;  font-weight:400;}
.content .stit_area p span {color:#111 !important;}
.content .stit_area p a {padding-left:16px; background:url(/images/kakao/bul_home.gif) no-repeat 0 3px; color:#888; font-size:14px;}
.content .stit_area p a:hover {text-decoration:underline;}

div.tab_typeB {height:44px; position:relative; border-bottom:1px solid #ddd;}
div.tab_typeB > button,
div.tab_typeB > a {float:right;}
div.tab_typeB ul li {float:left; border-right:1px solid #eee; box-sizing:border-box;}
div.tab_typeB ul li:last-child {border-right:none;}
div.tab_typeB ul li a {height:44px; line-height:43px; display:block; color:#333; font-weight:500; font-size:14px; border-left:1px solid #ddd; border-top:1px solid #ddd; border-bottom:none; text-align:center;}
div.tab_typeB ul li a:hover{background:none;}
div.tab_typeB ul li:nth-last-child(1) a {border-right: 1px solid #ddd;}
div.tab_typeB ul li a.on {background:#000; font-weight:700; color:#fff; border:none;}
div.tab_typeB ul li a.on:hover{background:#000;}
div.tab_typeB ul li.last a {border-left:none; border-bottom:none;}

/* type C */
div.box_typeC {border:1px solid #ededed; position:relative; padding:8px 38px; box-sizing:border-box;}

/* type D */
div.box_typeD {border:1px solid #eee; padding:14px 0; text-align:center; vertical-align:middle;}
div.box_typeD .choice > label,
div.box_typeD span.kakao_sel {font-weight:700; font-size:15px; position:relative; top:1px;}
div.box_typeD h6 {font-size:22px;  font-weight:700; color:#4394fe;}


/* message layout */
.messageArea {margin-top:50px;}
.messageArea:after {content:''; clear:both; display:block;}
.messageArea .cell_left {float:left; width:740px;}
.messageArea .cell_right {float:right; width:346px; position:relative; min-height:730px;}


.sel_relav {position:relative; height:auto; display:inline-block;   vertical-align:middle;}
.sel_relav.disabled {background:#f1f1f1;}
.sel_relav.disabled a {cursor:auto !important;}

/* select type A */
a.sel_typeA {z-index:0; height:30px; text-align:left; line-height:28px; border:1px solid #ddd; padding-left:12px; position:relative; display:inline-block; vertical-align:middle; text-decoration:none !important;}
a.sel_typeA span.selc_ic {position:absolute; top:10px; right:8px; background:url(/images/kakao/bul_select.png) no-repeat 0 0; width:13px; height:9px; display:inline-block;}
ul.ly_sel_typeA {position:absolute; left:0; top:32px; z-index:1; width:100%; max-height:160px; overflow-y:auto; border-bottom:1px solid #ddd;}
ul.ly_sel_typeA a {background:#f5f5f5; border:1px solid #ddd; border-top:none; height:32px; line-height:30px; display:block; padding-left:12px; text-align:left; text-decoration:none !important;}
ul.ly_sel_typeA a:hover {background:#fff;}
/* select type B */
a.sel_typeB {background:#fff; z-index:0; height:27px; *height:25px; text-align:left; line-height:25px; border:1px solid #999999; padding-left:10px; position:relative; display:inline-block; vertical-align:middle; text-decoration:none !important;}
a.sel_typeB span.selc_ic {position:absolute; top:9px; right:8px; background:url(/images/kakao/bul_select.png) no-repeat 0 0; width:13px; height:9px; display:inline-block;}
ul.ly_sel_typeB {position:absolute; left:0; top:29px; *top:27px; z-index:1; width:100%; max-height:100px; overflow-y:auto; border-bottom:1px solid #ddd;}
ul.ly_sel_typeB a {background:#f5f5f5; border:1px solid #ddd; border-top:none; height:25px; line-height:23px; display:block; padding-left:10px; text-align:left; text-decoration:none !important;}
ul.ly_sel_typeB a:hover {background:#fff;}
/* select type C */
a.sel_typeC {z-index:0;  height:48px; text-align:left; line-height:48px; padding-left:20px; position:relative; display:inline-block; vertical-align:middle; font-size:16px; font-weight:700; background:#fff; text-decoration:none !important;}
a.sel_typeC span.selc_ic {position:absolute; top:18px; right:15px; background:url(/images/kakao/bul_talk_selc.png) no-repeat 0 0; width:19px; height:13px; display:inline-block;}
ul.ly_sel_typeC {position:absolute; left:0; top:46px; background:#fff; z-index:1; width:100%; height:196px; overflow-y:auto; border-bottom:1px solid #ddd; border-top:1px solid #ddd;}
ul.ly_sel_typeC a {background:#fff;  border-top:1px solid #ddd; height:48px; line-height:48px; display:block; padding-left:20px; font-size:14px; font-weight:700; text-align:left; text-decoration:none !important; color:#888;}
ul.ly_sel_typeC li:first-child a {border-top:none;}
ul.ly_sel_typeC a:hover {background:#f5f5f5; color:#111;}
ul.ly_sel_typeD {position:absolute; left:0; top:29px; *top:27px; z-index:1; width:100%; height:auto; overflow-y:auto; border-bottom:none;}
ul.ly_sel_typeD a {background:#f5f5f5; border:1px solid #ddd; border-top:none; height:29px; line-height:27px; display:block; padding-left:10px; text-align:left; text-decoration:none !important;}
ul.ly_sel_typeD a:hover {background:#fff;}
/* select type D */
a.sel_typeD {z-index:0; height:34px; text-align:left; line-height:32px; font-size:14px; border:1px solid #ddd; padding-left:12px; position:relative; display:inline-block; vertical-align:middle; text-decoration:none !important;}
a.sel_typeD span.selc_ic {position:absolute; top:12px; right:10px; background:url(/images/kakao/bul_select.png) no-repeat 0 0; width:13px; height:9px; display:inline-block;}
ul.ly_sel_typeD {position:absolute; left:0; top:32px; z-index:1; width:100%; height:160px; overflow-y:auto; border-bottom:1px solid #ddd;}
ul.ly_sel_typeD a {background:#f5f5f5; border:1px solid #ddd; border-top:none; height:32px; line-height:30px; display:block; padding-left:12px; text-align:left; text-decoration:none !important;}
ul.ly_sel_typeD a:hover {background:#fff;}

/************** 컨텐츠 타이틀 **************/

table{border:none;}
table > tbody > tr > td{border-right:none;}

/* type A */
div.stit_typeA {position:relative;}
div.stit_typeA h5 {font-size:16px;  font-weight:700; position:absolute; top:0px; left:0px;}
div.stit_typeA h6 {font-size:14px; font-weight:700; position:absolute; top:0px; left:0px;}
div.stit_typeA h5 span.stit_bul {position:relative; top:-2px; *top:-6px; width:6px; height:6px; background:#000; display:inline-block;}
div.stit_typeA p {position:absolute; right:0px; top:6px; color:#888; line-height:1.6em; font-size:12px;}
div.stit_typeA a {float:right; display:inline-block;  }
div.stit_typeA > span {position:relative; top:-4px;}


/* type B */
table.typeB {width:100%;}


table.typeB tbody tr th.first,
table.typeB tbody tr td.first {border-top:1px solid #111;}
table.typeB tbody tr th {padding:17px 0 0 26px; vertical-align:top; font-size:14px; font-weight:700;}
table.typeB tbody tr th.vm {vertical-align: middle;}
table.typeB tbody tr th a:hover {text-decoration:none;}
table.typeB tbody tr td {height:50px; padding-left:26px;}
table.typeB tbody tr th,
table.typeB tbody tr td { border-bottom:1px solid #ededed; text-align:left;}
table.typeB tbody tr td.large {height:auto; padding:9px 0 9px 26px}
table.typeB tbody tr td.large_pd {height:auto; padding:13px 0 17px 26px;}
table.typeB .table_inner {width:800px;}
table.typeB .table_inner input[type="text"] {font-size:12px; font-family:dotum; line-height:32px;}
table.typeB.ly th {padding:0 0 0 26px; vertical-align:middle;}
table.typeB.ly th,
table.typeB.ly td {height:30px !important;}

/* type B bg none */
table.bg_none tbody > tr > th {background:none !important;}
table.bg_none tbody > tr > th.first,
table.bg_none tbody > tr > td.first {border-top:1px solid #111;}
table.bg_none tbody > tr > th span.bul_tcheck {display:inline-block;   width:16px; height:16px; background:url(/images/kakao/bul_testc.gif) no-repeat 0 0;}
table.bg_none tbody > tr > th > a > img {margin-top: 3px; vertical-align: top;}
table.bg_none tbody > tr > td > input[type="checkbox"] {margin-top: 7px; vertical-align: top;}
table.bg_none tbody > tr > td.large {height:auto; padding:9px 0 9px 26px;}
table.bg_none tbody > tr > td.large_01 {height: auto; padding: 17px 0 17px 26px;}
table.bg_none tbody > tr > td span.guide_txt01 {display:inline-block;   margin-left:10px; font-size:13px;}
table.bg_none tbody > tr > td span.guide_txt01 i {color:#4394fe;}
table.bg_none tbody > tr > td p.guide_txt02 {font-size:12px; color:#888;}
table.bg_none tbody > tr > td p.guide_txt02 span.guide_tit {font-size:12px; color:#333;}
table.bg_none tbody > tr > td a:hover {text-decoration:none;}
table.bg_none tbody > tr > td div.addLine {position:relative;}
table.bg_none tbody > tr > td div.addLine div.layoutBox {display:inline-block;}
table.bg_none tbody > tr > td div.addLine div.layoutBox > label {display:inline-block; vertical-align:middle; box-sizing:border-box; width:20px; height:18px; border:1px solid #ddd; cursor:pointer; padding:2px;}
table.bg_none tbody > tr > td div.addLine div.layoutBox > label:before {content:''; display:block; vertical-align:middle; box-sizing:border-box; width:14px; height:12px; background-color:#ddd;}
table.bg_none tbody > tr > td div.addLine div.layoutBox > input[type="radio"]:checked + label {border:1px solid #000;}
table.bg_none tbody > tr > td div.addLine div.layoutBox > input[type="radio"]:checked + label:before,
table.bg_none tbody > tr > td div.addLine div.layoutBox > input[type="radio"]:checked + label.calc2:after {background-color:#000;}
table.bg_none tbody > tr > td div.addLine div.layoutBox > label.calc2:before {content:''; display:inline-block; vertical-align:top; box-sizing:border-box; width:6px; height:12px;}
table.bg_none tbody > tr > td div.addLine div.layoutBox > label.calc2:after {content:''; display:inline-block; vertical-align:top; box-sizing:border-box; width:6px; height:12px; background-color:#ddd;}
table.bg_none tbody > tr > td div.addLine div.layoutBox > label.calc2:after {margin-left:2px;}
table.bg_none tbody > tr > td span.bul_tit {display:inline-block; position:absolute; top:6px; left:0px;}
table.bg_none tbody > tr > td span.bul_tit:before {content:''; width:3px; height:3px; margin-right:6px; display:inline-block; position:relative; top:-2px; background-color:#000;}
table.bg_none tbody > tr > td span.bt_add {width:74px; cursor:pointer; margin-top:16px; display:block; vertical-align:middle; color:#fff; background-color:#4f4f4f; text-align:center; height:28px; line-height:28px;}
table.bg_none tbody > tr > th.subt {padding:16px 0px 16px 10px; letter-spacing:-0.5px; background:#f1f1f1 !important; font-size:12px;}


/* type E */
table.typeE {width:100%}
table.typeE tbody tr.off td:after {width:100%; height:100%; display:block; content:''; z-index:1; background: rgba(240, 240, 240, 0.5); position:absolute; top:0px; bottom:0px; left:0px;}
table.typeE tbody tr td {text-align:center; padding:0 6px; position:relative;}
table.typeE thead tr th {padding:16px 6px; text-align:center; font-weight:700; font-size:13px; background:#f1f1f1; border-top:1px solid #111;}
table.typeE tbody tr td {padding:24px 6px 20px 6px; text-align:center; font-size:12px; font-family:dotum; border-bottom:1px solid #ddd;}
table.typeE tbody tr td > img {width:60px; height:30px; display:block; box-sizing:border-box; border:1px solid #ddd; cursor:pointer;}
table.typeE tbody tr td.align_c {padding:20px 6px 16px 6px; text-align:center; font-size:12px; font-family:dotum; border-bottom:1px solid #ededed;}
table.typeE tbody tr td.align_r {padding:20px 6px 16px 6px; text-align:right; font-size:12px; font-family:dotum; border-bottom:1px solid #ededed;}
table.typeE tbody tr td a span {display:block; cursor:pointer; text-align:left;}
table.typeE tbody tr td > a:hover {text-decoration:none;}
table.typeE tbody tr td > a.state,
table.typeE tbody tr td > span {display:inline-block; background-color:#fff; font-size:11px; font-weight:400; width:58px; padding:3px 0 1px; background-color:#fff; border-radius:12px; letter-spacing:-1px; border:1px solid;}
table.typeE tbody tr td.inner.image {padding:10px 6px;}
table.typeE tbody tr:hover {background:#f9f9f9;}
table.typeE tbody tr.inner td {text-align:center; background:#fff !important;}
table.typeE tbody tr.none td {font-size:13px;}
table.typeE tbody tr.none:hover {background:none;}
table.href_non tbody tr:hover {background:#fff;}
table.typeE th.pd10 {padding: 10px 6px;}
table.typeE th.pd_line {border-top:1px solid #ccc;}
table.typeE th > select {display: inline-block; margin-top: -5px; border: 1px solid #a7a7a7; height: 24px; line-height: 24px;}


/* type F */
table.typeF {width:100%;}
table.typeF thead tr th {padding:2px 0px; height:24px; line-height:24px; text-align:center; font-weight:700; font-size:12px; background:#e0e0e0; border:1px solid #ededed; border-bottom:none; border-top:1px solid #111;}
table.typeF thead tr th.first {border-left:1px solid #ededed;}
table.typeF tbody tr td {padding:8px 8px; border:1px solid #ededed; background:#fff; border-left:none;}
table.typeF tbody tr td.first {border-left:1px solid #ededed; text-align:center;}
table.typeF tbody tr.last td {border-bottom:1px solid #ededed; border-right:1px solid #ededed;}
table.typeF tbody tr.last td.first {border-left:1px solid #ededed;}
table.typeF tbody tr td.first {border-top:#ededed;}
table.typeF tbody tr td.bg_tit {background:#e0e0e0; font-size:12px; font-weight:700;}
table.typeF tbody tr td.bg_tit02 {background:#f5f5f5;}
table.typeF .m_tit {margin:6px 0 0 2px; display:inline-block;  }



caption {margin: 0;padding: 0;width: 0;height: 0;text-indent: -5000em;}

/* select type A */
a.sel_typeA {z-index:0; height:30px; text-align:left; line-height:28px; border:1px solid #ddd; padding-left:12px; position:relative; display:inline-block; vertical-align:middle; text-decoration:none !important;}
a.sel_typeA span.selc_ic {position:absolute; top:10px; right:8px; background:url(/images/kakao/bul_select.png) no-repeat 0 0; width:13px; height:9px; display:inline-block;}
ul.ly_sel_typeA {position:absolute; left:0; top:32px; z-index:1; width:100%; max-height:160px; overflow-y:auto; border-bottom:1px solid #ddd;}
ul.ly_sel_typeA a {background:#f5f5f5; border:1px solid #ddd; border-top:none; height:32px; line-height:30px; display:block; padding-left:12px; text-align:left; text-decoration:none !important;}
ul.ly_sel_typeA a:hover {background:#fff;}

/* message layout */
.messageArea {margin-top:50px;}
.messageArea:after {content:''; clear:both; display:block;}
.messageArea .cell_left {float:left; width:740px;}
.messageArea .cell_right {float:right; width:346px; position:relative; min-height:730px;}

/* sendForm*/
div.sendForm {width:346px; height:702px; position:absolute; top:34px; left:0px; background:url(/images/kakao/bg_phone.png) no-repeat 0 0;}
div.sendForm.align {left:26px;}
div.sendForm:after {content:''; display:block; clear:both;}
div.sendForm > div.btArea {width:240px; text-align:center; height:54px; position:absolute; bottom:34px; left:40px; background-color:#fff;}
div.sendForm > div.btArea span.channel {display:inline-block; cursor:pointer; margin-top:8px; -webkit-border-radius:3px; -ms-border-radius:3px; -o-border-radius:3px; -moz-border-radius:3px; border-radius:3px; vertical-align:middle; width:90px; height:30px; text-align:center; line-height:30px; font-size:12px; color:#fff; background-color:#555;}
div.sendForm > div.btArea span.channel.off {background-color:#fff; box-sizing:border-box; line-height:28px; border:1px solid #ddd; color:#111;}
div.sendForm div.formWrap {margin:56px 0 0 9px; width:302px; height:557px; -webkit-border-radius:12px; -moz-border-radius:12px; -o-border-radius:12px; border-radius:12px; box-sizing:border-box;}
div.sendForm div.formWrap.blue {background-color:#dbe7fa; border:1px solid #b3c3db;}
div.sendForm div.formWrap.orange {background-color:#f8e3e3; border:1px solid #e8c5c5;}
div.sendForm div.formWrap.purple {background-color:#e7dbed; border:1px solid #d9beea;}
div.sendForm div.formWrap div.titleArea {height:47px; overflow:hidden; box-sizing:border-box; line-height:120%; text-align:center;}
div.sendForm div.formWrap.blue div.titleArea {border-bottom:1px solid #b3c3db;}
div.sendForm div.formWrap.orange div.titleArea {border-bottom:1px solid #e8c5c5;}
div.sendForm div.formWrap.purple div.titleArea {border-bottom:1px solid #d9beea;}
div.sendForm div.formWrap div.titleArea span.number {display:block; text-align:center; margin-top:8px; font-size:13px; color:#777; font-weight:700;}
div.sendForm div.formWrap div.titleArea span.number i {font-size:12px; color:#000;}
div.sendForm div.formWrap div.viewArea {height:508px;}
div.sendForm div.formWrap div.viewArea div.messageBox {margin:8px 8px 0 8px;}
div.sendForm div.formWrap div.viewArea div.messageBox div.friendTalk {background-color:#fff; margin:8px 0px 15px 0px; padding:6px 16px; font-size:11px; color:#444; letter-spacing:0px; -webkit-border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px; -ms-border-radius:5px; border-radius:5px;}
div.sendForm div.formWrap div.viewArea div.messageBox span.sendTo {width:24px; height:24px; display:inline-block; box-sizing:border-box; border:1px solid #eee; -webkit-border-radius:50%; -moz-border-radius:50%; -o-border-radius:50%; border-radius:50%; background:url(/images/kakao/ico_sendTo.png) no-repeat 0 0;}
div.sendForm div.formWrap div.viewArea div.messageBox div.messageTo {display:inline-block; vertical-align:top; margin-left:2px;}
div.sendForm div.formWrap.blue div.viewArea div.messageBox div.messageTo span.company {color:#7b8f9a; font-size:11px; display:block; letter-spacing:-0.5px; margin:4px 0 2px 4px;}
div.sendForm div.formWrap.orange div.viewArea div.messageBox div.messageTo span.company {color:#c28989; font-size:11px; display:block; letter-spacing:-0.5px; margin:4px 0 2px 4px;}
div.sendForm div.formWrap.purple div.viewArea div.messageBox div.messageTo span.company {color:#9d74b7; font-size:11px; display:block; letter-spacing:-0.5px; margin:4px 0 2px 4px;}
div.sendForm div.formWrap div.viewArea div.messageBox div.messageTo div.message {max-width:222px; box-sizing:border-box; border:1px solid #b3c3db; -webkit-border-radius:10px; -moz-border-radius:10px; -o-border-radius:10px; border-radius:10px; overflow:hidden; background-color:#fff; margin-bottom:8px;}
div.sendForm div.formWrap div.viewArea div.messageBox div.messageTo span.company a {float:right; color:#7b8f9a;}
div.sendForm div.formWrap.blue div.viewArea div.messageBox div.messageTo div.message {border:1px solid #b3c3db;}
div.sendForm div.formWrap.orange div.viewArea div.messageBox div.messageTo div.message {border:1px solid #e8c5c5;}
div.sendForm div.formWrap.purple div.viewArea div.messageBox div.messageTo div.message {border:1px solid #d9beea;}
div.sendForm div.formWrap div.viewArea div.messageBox div.messageTo span.kakaoMark {position:absolute; top:20px; right:32px; display:block; width:26px; height:26px; background:url(/images/kakao/kakaoMark.png) no-repeat 0 0;}
div.sendForm div.formWrap div.viewArea div.messageBox div.messageTo div.message.wide {max-width:242px;}
div.messageTo div.message.wide.list {}
div.messageTo div.message.wide.list .list_wrap {display:flex; flex-direction:column; padding:0 8px 8px 8px;}
div.messageTo div.message .message_title {margin:10px 10px 0 10px; min-height: 20px; border-bottom:1px solid #eee;}
div.messageTo div.message.wide.list .list_wrap .list_1 {position:relative; min-height:46px;}
div.messageTo div.message.wide.list .list_wrap .list_1 img {width:100%;}
div.messageTo div.message.wide.list .list_wrap .list_1 .txt {padding-bottom:4px; position:absolute; bottom:0px; left:0px; width:100%; background: rgb(0,0,0); background: linear-gradient(0deg, rgba(0,0,0,0.6059628851540616) 0%, rgba(255,255,255,0) 100%);}
div.messageTo div.message.wide.list .list_wrap .list_1 .txt p {color:#fff; padding:0 0 0 10px;}
div.messageTo div.message.wide.list .list_wrap .list_1.non .txt {background:none; min-height:30px;}
div.messageTo div.message.wide.list .list_wrap .list_1.non .txt p {color:#111;}
div.messageTo div.message.wide.list .list_wrap .subm_area {margin-top:8px;}
div.messageTo div.message.wide.list .list_wrap .subm_area .img {overflow:hidden; width:44px; height:44px; min-width:44px;}
div.messageTo div.message.wide.list .list_wrap .subm_area .img img {width:100%;}
div.messageTo div.message.wide.list .list_wrap .subm_area .txt {padding: 0 8px 0 8px;}
div.messageTo div.message.wide.list .list_wrap .subm_area {display:flex; flex-direction:row; align-items:center;}
div.messageTo div.message.wide .textarea a {width: 100%}
div.messageTo div.message.wide .textarea.calc2 {display:flex !important;}
div.messageTo div.message.wide .textarea.calc2 a {width:calc((100% / 2)); margin-top:0 !important;}
div.messageTo div.message.wide .textarea.calc2 a:last-child {margin-left:8px;}
div.sendForm div.formWrap div.viewArea div.messageBox div.messageTo div.message div.alimtalkTitle {width: 222px; padding-left:10px; font-size:11px; font-weight:700; height:36px; line-height:37px; background-color:#ffeb34;}
div.sendForm div.formWrap div.viewArea div.messageBox div.messageTo div.message > img {display:block; width:100%; border:none;}
div.sendForm div.formWrap div.viewArea div.messageBox div.messageTo div.message div.photoArea > img {display:block; width:100%; border:none;} /*yundy add */
div.sendForm div.formWrap div.viewArea div.messageBox div.messageTo div.message div.youtube {position:relative;}
div.sendForm div.formWrap div.viewArea div.messageBox div.messageTo div.message div.youtube > img {display:block; width:100%; border:none;}
div.sendForm div.formWrap div.viewArea div.messageBox div.messageTo div.message div.youtube span.play {position:absolute; top:50%; right:50%; margin-top:-37px; margin-right:-37px; width:74px; height:74px; display:block; background:url(/images/kakao/ic_play.png) no-repeat 0 0;}
div.sendForm div.formWrap div.viewArea div.messageBox div.messageTo div.message > div.textarea {word-break:break-all; margin:8px 10px 8px; font-size:12px; line-height:140%; color:#333333; min-height:16px;}
div.sendForm div.formWrap div.viewArea div.messageBox div.messageTo div.message span.title {color:#000; font-size:11px; font-weight:700; letter-spacing:-0.5px; display:block; margin:0px 0 8px;}
div.sendForm div.formWrap div.viewArea div.messageBox div.messageTo div.message span.ad {font-size:13px; letter-spacing:-0.5px; display:inline-block; margin:0px 4px 4px 0px;}
div.sendForm div.formWrap div.viewArea div.messageBox div.messageTo div.message span.refusal {font-size:13px; letter-spacing:-0.5px; display:block; margin:0px 0 0px;}
div.sendForm div.formWrap div.viewArea div.messageBox div.messageTo div.message span.confirm {font-size:13px; letter-spacing:-0.5px; display:block; margin:0px 0 0px;}
div.sendForm div.formWrap div.viewArea div.messageBox div.messageTo div.message > div.textarea > img {width:100% !important;}
div.sendForm div.formWrap div.viewArea div.messageBox div.messageTo div.message > div.textarea > span.view_txt01 {}
div.sendForm div.formWrap div.viewArea div.messageBox div.messageTo div.message > div.textarea > span.view_txt02 {display:block; font-size:20px; letter-spacing:-1px; font-weight:700; color:#000;}
div.sendForm div.formWrap div.viewArea div.messageBox div.messageTo div.message > div.textarea > span.view_txt03 {display:block; font-size:14px; letter-spacing:-1px; font-weight:500;}
div.sendForm div.formWrap div.viewArea div.messageBox div.messageTo div.message > div.textarea > p {margin-bottom:10px; min-height:40px; font-weight:400; overflow:hidden; font-size:13px; line-height:140%;}
div.sendForm div.formWrap div.viewArea div.messageBox div.messageTo div.message > div.textarea > p textarea.message_t {border:none; width:200px; margin-bottom:10px; min-height:40px; font-weight:400; font-size:13px; line-height:140%;}
div.sendForm div.formWrap div.viewArea div.messageBox div.messageTo div.message > div.textarea > p textarea.message_t.kakao {width:220px;}
div.sendForm div.formWrap div.viewArea div.messageBox div.messageTo div.message > div.textarea > div.highlight {position:relative; border-top:1px solid #ddd; padding:20px 0; margin:16px 0 0;}
div.sendForm div.formWrap div.viewArea div.messageBox div.messageTo div.message > div.textarea > div.highlight p.txt01 {font-size:16px; font-weight:400; color:#000; letter-spacing:-0.5px;}
div.sendForm div.formWrap div.viewArea div.messageBox div.messageTo div.message > div.textarea > div.highlight p.txt02 {font-size:13px; font-weight:400; color:#aaa;}
div.sendForm div.formWrap div.viewArea div.messageBox div.messageTo div.message > div.textarea > div.highlight img {position:absolute; top:14px; right:0px; width:50px; height:50px; display:block;}
div.sendForm div.formWrap div.viewArea div.messageBox div.messageTo div.message > div.textarea > div.itemlist {overflow:hidden; border-top:1px solid #ddd; border-bottom:1px solid #ddd; padding:20px 0 20px; margin-bottom:16px;}
div.sendForm div.formWrap div.viewArea div.messageBox div.messageTo div.message > div.textarea > div.itemlist dl {}
div.sendForm div.formWrap div.viewArea div.messageBox div.messageTo div.message > div.textarea > div.itemlist dl dt,
div.sendForm div.formWrap div.viewArea div.messageBox div.messageTo div.message > div.textarea > div.itemlist dl dd {display:inline-block; float:left; width:50%; height:24px; font-size:13px; line-height:24px;}
div.sendForm div.formWrap div.viewArea div.messageBox div.messageTo div.message > div.textarea > div.itemlist dl dt {color:#aaa;}
div.sendForm div.formWrap div.viewArea div.messageBox div.messageTo div.message > div.textarea > div.itemlist dl dd {text-align:right; font-weight:400; color:#000;}
div.sendForm div.formWrap div.viewArea div.messageBox div.messageTo div.message > div.textarea > div.itemlist dl dd span.price {color:#000; font-size:16px; font-weight:500;}
div.sendForm div.formWrap div.viewArea div.messageBox div.messageTo div.message > div.textarea > div.itemlist dl dt:nth-child(9),
div.sendForm div.formWrap div.viewArea div.messageBox div.messageTo div.message > div.textarea > div.itemlist dl dd:nth-child(10) {margin-top:10px;}
div.sendForm div.formWrap div.viewArea div.messageBox div.messageTo div.message a.btn_typeA {color:#4394fe; font-weight:700; letter-spacing:-0.5px; height:26px; line-height:26px; display:block; text-align:center; margin-top:12px;}
div.sendForm div.formWrap div.viewArea div.messageBox div.messageTo div.message a.btn_typeA:last-child {margin-bottom:20px;}
div.sendForm div.formWrap div.viewArea div.messageBox div.messageTo div.message a.btn_typeB {color:#444444; font-weight:700; letter-spacing:-0.5px; -webkit-border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px; -ms-border-radius:5px; border-radius:5px; height:36px; line-height:36px; background-color:#f5f5f5; display:block; text-align:center; margin-top:6px;}
div.sendForm div.formWrap div.viewArea div.messageBox div.messageTo div.message a.btn_typeC {color:#444444; font-weight:700; letter-spacing:-0.5px; -webkit-border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px; -ms-border-radius:5px; border-radius:5px; height:36px; line-height:36px; background-color:#ffeb34; display:block; text-align:center; margin-top:26px;}
div.sendForm div.formWrap div.viewArea div.messageBox div.messageTo div.slide_btArea {margin:10px 0; width:222px; overflow-x:scroll;}
div.sendForm div.formWrap div.viewArea div.messageBox div.messageTo div.slide_btArea ul {overflow:hidden;}
div.sendForm div.formWrap div.viewArea div.messageBox div.messageTo div.slide_btArea ul li {float:left;}
div.sendForm div.formWrap div.viewArea div.messageBox div.messageTo a.btn_typeD {padding:0 10px; margin-right:4px; color:#000; letter-spacing:-0.5px; -webkit-border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px; -ms-border-radius:5px; border-radius:5px; height:24px; line-height:26px; background-color:#ffeb34; display:inline-block; font-size:11px; vertical-align:middle; text-align:center;}
div.sendForm div.formWrap div.viewArea div.messageBox div.messageTo div.message div.btArea:after {content:''; display:block; clear:both;}
div.sendForm div.formWrap div.viewArea div.messageBox div.messageTo div.message div.btArea > a.btn_typeD {width:49%; float:right; color:#444444; font-weight:700; letter-spacing:-0.5px; -webkit-border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px; -ms-border-radius:5px; border-radius:5px; height:36px; line-height:36px; background-color:#ffeb34; display:block; text-align:center; margin-top:26px;}
div.sendForm div.formWrap div.viewArea div.messageBox div.messageTo div.message div.btArea > a.btn_typeE {width:49%; float:left; color:#444444; font-weight:700; letter-spacing:-0.5px; -webkit-border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px; -ms-border-radius:5px; border-radius:5px; height:36px; line-height:36px; background-color:#f5f5f5; display:block; text-align:center; margin-top:26px;}
div.sendForm div.formWrap div.viewArea div.messageBox div.messageTo div.message div.imgTypeA span.title,
div.sendForm div.formWrap div.viewArea div.messageBox div.messageTo div.message div.imgTypeB span.title {margin-bottom:4px;}
div.sendForm div.formWrap div.viewArea div.messageBox div.messageTo div.message div.imgTypeA a.btn_typeA,
div.sendForm div.formWrap div.viewArea div.messageBox div.messageTo div.message div.imgTypeB a.btn_typeA {margin-top:4px; margin-bottom:0;}
div.sendForm div.formWrap div.viewArea div.messageBox div.messageTo div.message div.imgTypeA span.confirm,
div.sendForm div.formWrap div.viewArea div.messageBox div.messageTo div.message div.imgTypeB span.confirm {display:block; margin-top:7px;}
div.sendForm div.formWrap div.viewArea div.messageBox div.messageTo div.message div.imgTypeA:after,
div.sendForm div.formWrap div.viewArea div.messageBox div.messageTo div.message div.imgTypeB:after {content:''; display:block; clear:both;}
div.sendForm div.formWrap div.viewArea div.messageBox div.messageTo div.message div.imgTypeA div.img {float:left; width:50%;}
div.sendForm div.formWrap div.viewArea div.messageBox div.messageTo div.message div.imgTypeA div.txt {float:right; width:50%;}
div.sendForm div.formWrap div.viewArea div.messageBox div.messageTo div.message div.imgTypeB div.img {float:right; width:50%;}
div.sendForm div.formWrap div.viewArea div.messageBox div.messageTo div.message div.imgTypeB div.txt {float:left; width:50%;}
div.sendForm div.formWrap div.viewArea div.messageBox div.messageTo div.message div.imgTypeA div.img img,
div.sendForm div.formWrap div.viewArea div.messageBox div.messageTo div.message div.imgTypeB div.img img {width:100%;}
div.sendForm div.formWrap div.viewArea div.messageBox div.messageTo div.message div.imgTypeA div.txt div.textarea,
div.sendForm div.formWrap div.viewArea div.messageBox div.messageTo div.message div.imgTypeB div.txt div.textarea {word-break:break-all; margin:8px 6px 8px 10px; font-size:12px; line-height:140%; color:#333333; min-height:16px;}
div.sendForm div.formWrap div.viewArea div.messageBox div.messageTo div.message > div.textarea.template div.stit {}
div.sendForm div.formWrap div.viewArea div.messageBox div.messageTo div.message > div.textarea.template div.stit img {width:82px; height:30px; display:block; position:relative; left:-2px;}
div.sendForm div.formWrap div.viewArea div.messageBox div.messageTo div.message > div.textarea.template div.calc1 {width:100%;}
div.sendForm div.formWrap div.viewArea div.messageBox div.messageTo div.message > div.textarea.template div.calc2:after {content:''; display:block; clear:both;}
div.sendForm div.formWrap div.viewArea div.messageBox div.messageTo div.message > div.textarea.template div.calc2 div:nth-child(1) {width:50%; text-align:left; float:left;}
div.sendForm div.formWrap div.viewArea div.messageBox div.messageTo div.message > div.textarea.template div.calc2 div:nth-child(2) {width:50%; text-align:right; float:right;}
div.sendForm div.formWrap div.viewArea div.messageBox div.messageTo div.message > div.textarea.template div.calc1,
div.sendForm div.formWrap div.viewArea div.messageBox div.messageTo div.message > div.textarea.template div.calc2 {margin-top:16px;}
div.sendForm div.formWrap div.viewArea div.messageBox div.messageTo div.message > div.textarea.template div.calc1 p,
div.sendForm div.formWrap div.viewArea div.messageBox div.messageTo div.message > div.textarea.template div.calc2 p {white-space: pre-wrap; letter-spacing:-0.5px;}
div.sendForm div.formWrap div.viewArea div.messageBox div.messageTo div.message > div.textarea.template div.line {border-top:1px solid #ddd; width:100%; margin:16px 0;}
div.sendForm div.formWrap div.viewArea div.messageBox div.messageTo > p.num {font-size:11px; text-align:right; color:#666; padding-right:4px;}

/* modify css @yundy 샘플 미리보기 */
div.sendForm div.formWrap div.viewArea div.messageBoxReal {margin:8px 8px 0 34px; display: none;}
div.sendForm div.formWrap div.viewArea div.messageBoxReal > span {color:#7b8f9a; font-size:11px; display:block; letter-spacing:-0.5px; margin:4px 0 2px 4px;}
div.sendForm div.formWrap div.viewArea div.messageBoxReal div.messageToReal {display:inline-block; vertical-align:top; margin-left:2px;}
div.sendForm div.formWrap div.viewArea div.messageBoxReal div.messageToReal span {color:#7b8f9a; font-size:11px; display:block; letter-spacing:-0.5px; margin:4px 0 2px 4px;}
div.sendForm div.formWrap div.viewArea div.messageBoxReal div.messageToReal div.messageReal {max-width:222px; box-sizing:border-box; border:1px solid #b3c3db; -webkit-border-radius:10px; -moz-border-radius:10px; -o-border-radius:10px; border-radius:10px; overflow:hidden; background-color:#fff; margin-bottom:8px;}
div.sendForm div.formWrap div.viewArea div.messageBoxReal div.messageToReal div.messageReal div.textarea {word-break:break-all; margin:8px 10px 8px; font-size:12px; line-height:140%; color:#333333; min-height:16px;}
div.sendForm div.formWrap div.viewArea div.messageBoxReal div.messageToReal div.messageReal div.textarea > p {margin-bottom:10px; min-height:40px; font-weight:400; overflow:hidden; font-size:13px; line-height:140%;}
div.sendForm div.formWrap div.viewArea div.messageBoxReal div.messageToReal div.messageReal div.textarea > p textarea.message_t {border:none; width:200px; min-height:40px; font-weight:400; font-size:13px; line-height:140%;}
div.sendForm div.formWrap div.viewArea div.messageBoxReal div.messageToReal div.messageReal div.textarea > p textarea.message_t.kakao {width:220px;}

/* textarea type A */
textarea.typeA {padding:6px 10px; overflow-y:auto; font-size:12px; color:#888; border:1px solid #ededed; resize:none; overflow:hidden;}
textarea.typeA:focus,
textarea.typeA.on {color:#111;}
textarea.blue {color:#4394fe !important; border:1px solid #4394fe !important;}
textarea.on {color:#111;}

.btn2_box {display: inline-block; width: 130px; position: absolute; bottom: 9px; right: 30px;}
.btn2_box > a {display: inline-block;}

/* 카카오톡 관리 */
.typeF.link tr .first.inner {background:#f8f8f8; border-top:1px solid #ededed;}
.typeF.link tr:first-child td.first {border-top:1px solid #ededed;}
.typeF.link tr td {height:auto;}

/* 카카오톡 비즈메시지 */
.content .talk_inq_area {position:relative; background:#eeeeee; padding:10px;}
.content .talk_inq_area button {position:absolute; top:10px; right:10px;}
.content span.bul_down {position:relative; top:4px; *top:0px; width:16px; height:15px; background:url(/images/kakao/bul_upload.gif); display:inline-block;  }
span.bul_ic {position:relative; top:-2px; *top:-7px; width:3px; height:3px; background:#4394fe; display:inline-block;  }
.content span.success i,
.content span.fail i {color:#4394fe; font-weight:700;}
.content span.bul_kadd {position:relative; top:0px; *top:-1px; background:url(/images/kakao/bul_add.gif) no-repeat 0 0; width:10px; height:10px; display:inline-block;  }
.content a.bt_kakaobt_del {background:url(/images/kakao/bt_kakaobt_del.gif) no-repeat 0 0; width:15px; height:15px; display:inline-block;  }
.content .bt_fdel {cursor:pointer; position:relative; top:2px; *top:1px; width:13px; height:13px; background:url(/images/kakao/bt_file_del.gif) no-repeat 0 0; display:inline-block;  }
table.bg_none tbody > tr > th.first > a > img {margin-top: 3px;}
.wh719 {width:719px; height:200px;}
div.ask_area {padding: 12px 0;}
.btn2_box {display: inline-block; width: 130px; position: absolute; bottom: 9px; right: 30px;}
.btn2_box > a {display: inline-block;}
.tb_scol {overflow-y: scroll;}
.file_info {display: inline-block; width: 100%; text-align: left;}
.btn_top {position: absolute; top: 44px; left: 25%;}
.guide_txt03 {font-size: 12px; color: #666;}
.btn_file_1 {width:104px; height:32px; position:absolute; top:0; left:0; opacity:0; cursor:pointer;}
.addfile {vertical-align:middle; border:1px solid #eee; padding:6px 16px; display:inline-block;}


/*************** 버튼영역 ***************/
div.bt_areaA {text-align:center;}
div.bt_areaA a {text-align:center; vertical-align:middle;}
div.bt_areaB {text-align:right;}
div.bt_areaB a {vertical-align:middle;}
.bt_inner {display:block !important; margin:0 auto;}
div.bt_areaB span.bul_tview {position:relative; top:1px; *top:-2px; width:11px; height:11px; background:url(/images/kakao/popup/bul_t_view.gif) no-repeat 0 0; display:inline-block;  }

/* main */
.bt_m_typeA {height:64px; box-sizing:border-box; line-height:64px; text-align:center; background:#4394fe; color:#fff; font-size:16px; font-weight:700; text-decoration:none !important; display:inline-block;}
.bt_m_typeB {height:64px; box-sizing:border-box; line-height:64px; text-align:center; border:1px solid #4394fe; color:#4394fe; font-size:16px; font-weight:700; text-decoration:none !important; display:inline-block;}
.bt_m_typeC {height:110px; line-height:110px; text-align:center; background:#4394fe; color:#fff; font-size:16px; font-weight:700; text-decoration:none !important; display:inline-block;}
.bt_m_typeD {height:28px; line-height:28px; text-align:center; border:1px solid #4394fe; color:#4394fe; font-size:16px; font-weight:700; text-decoration:none !important; display:inline-block;}
.bt_m_typeE {height:64px; box-sizing:border-box; line-height:64px; text-align:center; border:1px solid #4394fe; color:#4394fe; font-size:16px; font-weight:700; text-decoration:none !important; display:inline-block;}
.bt_m_typeF {height:64px; box-sizing:border-box; line-height:64px; text-align:center; border:1px solid #ccc; color:#333; font-size:16px; font-weight:700; text-decoration:none !important; display:inline-block;}
.bt_m_typeG {height:64px; box-sizing:border-box; line-height:64px; text-align:center; background:#5d5d5d; color:#fff; font-size:16px; font-weight:700; text-decoration:none !important; display:inline-block;}

/* smal */
.bt_s_typeA {height:32px; line-height:31px; *line-height:32px; cursor:pointer; text-align:center; background:#5d5d5d; color:#fff; text-decoration:none !important; display:inline-block;   vertical-align:middle;}
.bt_s_typeB {height:42px; line-height:40px; *line-height:39px; text-align:center; border:1px solid #aeaeae; background:#fff; color:#111; text-decoration:none !important; display:inline-block;   vertical-align:middle;}
.bt_s_typeC {height:26px; line-height:26px; text-align:center; background:#4394fe; color:#fff; text-decoration:none !important; display:inline-block;   vertical-align:middle;}
.bt_s_typeD {height:29px; line-height:29px; text-align:center; cursor:pointer; background:#4f4f4f; color:#fff; text-decoration:none !important; display:inline-block;   vertical-align:middle;}
.bt_s_typeE {height:42px; line-height:42px; text-align:center; background:#4394fe; color:#fff; text-decoration:none !important; display:inline-block;   vertical-align:middle; font-size:14px; font-weight:700;}
.bt_s_typeF {height:40px; line-height:40px; text-align:center; border:1px solid #4394fe; color:#4394fe; text-decoration:none !important; display:inline-block;   vertical-align:middle; font-size:14px; font-weight:700;}
.bt_s_typeG {height:30px; line-height:28px; *line-height:30px; cursor:pointer; text-align:center; border:1px solid #aeaeae; background:#fff; color:#111; text-decoration:none !important; display:inline-block;   vertical-align:middle;}
.bt_s_typeH {height:27px; line-height:27px; text-align:center; background:#fff; border:1px solid #aeaeae; color:#111; text-decoration:none !important; display:inline-block;   vertical-align:middle;}
.bt_s_typeI {height:32px; line-height:32px; text-align:center; background:#4394fe; color:#fff; text-decoration:none !important; display:inline-block;   vertical-align:middle;}
.bt_s_typeJ {height:29px; line-height:28px; text-align:center; background:#4394fe; color:#fff; text-decoration:none !important; display:inline-block;   vertical-align:middle;}
.bt_s_typeK {height:32px; line-height:31px; *line-height:32px; cursor:pointer; text-align:center; background:#4394fe; color:#fff; text-decoration:none !important; display:inline-block;   vertical-align:middle;}
.bt_s_typeL {height:30px; line-height:28px; *line-height:30px; text-align:center; border:1px solid #4394fe; background:#fff; color:#4394fe; text-decoration:none !important; display:inline-block;   vertical-align:middle;}
.bt_s_typeM {height:42px; line-height:42px; cursor:pointer; text-align:center; background:#4f4f4f; color:#fff; text-decoration:none !important; display:inline-block;   vertical-align:middle; font-size:14px; font-weight:700;}
.bt_s_typeN {height:40px; line-height:38px; cursor:pointer; *line-height:39px; text-align:center; border:1px solid #aeaeae; background:#fff; color:#111; text-decoration:none !important; display:inline-block;   vertical-align:middle; font-size:14px; font-weight:700;}
.bt_s_typeO {height:32px; line-height:31px; *line-height:32px; text-align:center; border: none; background:#9a9a9a; color:#fff; text-decoration:none !important; display:inline-block;   vertical-align:middle;}
.bt_s_typeQ {height:29px; line-height:28px; cursor:pointer; text-align:center; background:#fff; border:1px solid #4f4f4f; color:#4f4f4f; text-decoration:none !important; display:inline-block;   vertical-align:middle; box-sizing:border-box; font-weight:700;}
.bt_s_typeR {height:32px; line-height:30px; cursor:pointer; text-align:center; background:#fff; border:1px solid #ddd; color:#333; text-decoration:none !important; display:inline-block;   vertical-align:middle; box-sizing:border-box; font-weight:700;}
.bt_s_typeS {height:36px; line-height:34px; background:#fff; cursor:pointer; box-sizing:border-box; text-align:center; border:1px solid #ccc; color:#333; display:inline-block; vertical-align:middle; font-size:13px; font-weight:700; letter-spacing:-0.5px;}
.bt_s_typeT {height:28px; line-height:26px; background:#fff; cursor:pointer; box-sizing:border-box; text-align:center; border:1px solid #ccc; color:#333; display:inline-block; vertical-align:middle; font-size:13px; font-weight:700; letter-spacing:-0.5px;}
.bt_typeA {vertical-align:middle; height:36px; line-height:34px; text-align:center; box-sizing:border-box; background:#fff; border:1px solid #ddd; font-size:13px; font-weight:700; cursor:pointer; display:inline-block;}
.bt_typeB {vertical-align:middle; height:36px; line-height:34px; text-align:center; box-sizing:border-box; background:#fff; border:1px solid #000; color:#000; font-size:13px; font-weight:700; cursor:pointer; display:inline-block;}
.bt_typeC {vertical-align:middle; height:36px; line-height:36px; text-align:center; box-sizing:border-box; background:#000; color:#fff; font-size:13px; font-weight:700; cursor:pointer; display:inline-block;}
.bt_typeD {vertical-align:middle; height:36px; line-height:36px; text-align:center; box-sizing:border-box; background:#4394fe; color:#fff; font-size:13px; font-weight:700; cursor:pointer; display:inline-block;}
.bt_typeE {vertical-align:middle; height:36px; line-height:36px; text-align:center; box-sizing:border-box; background:#fff; border:1px solid #4394fe; font-size:12px; color:#4394fe; font-weight:700; cursor:pointer; display:inline-block;}
.bt_typeF {vertical-align:middle; height:36px; line-height:36px; text-align:center; box-sizing:border-box; background:#fff; border:1px solid #4394fe; font-size:13px; color:#4394fe; font-weight:700; cursor:pointer; display:inline-block;}

/*************** font style ****************/
.t_blue {color:#4394fe!important;}
.t_red {color:#d70000!important;}
.t_gray {color:#888!important;}
.t_black {color:#111!important;}
.t_lt {font-weight:400!important;}
.t_wb {font-weight:700!important;}
.t_line {text-decoration:underline !important;}
.t_dotm {font-size:12px; font-family:dotum; font-weight:bold; line-height:30px; *line-height:28px; color:#333 !important;}
.mg {font-family:'malgun Gothic';}
.fs_11 {font-size:11px !important;}
.fs_12 {font-size:12px !important;}
.fs_13 {font-size:13px !important;}
.fs_14 {font-size:14px !important;}
.fs_15 {font-size:15px !important;}
.fs_16 {font-size:16px !important;}
.fs_18 {font-size:18px !important;}

.wrap .area .bt_s_typeD {height:29px; line-height:29px; text-align:center; cursor:pointer; background:#4f4f4f; color:#fff; text-decoration:none !important; display:inline-block;   vertical-align:middle;}
.wrap .area .bt_s_typeD:hover{background:#4f4f4f;}
/* type="radio" New*/

label.radioTypeA {position:relative; padding-left:26px; vertical-align:middle; line-height:100%; display:inline-block;}
label.radioTypeA:before {content:''; position:absolute; top:-2px; left:0px; margin-right:8px; width:18px; height:18px;  display:inline-block; vertical-align:middle; background:url(/images/kakao/radio_A.png) no-repeat 0 0;}
label.radioTypeA.selected:before {background: url(/images/kakao/radio_A.png) no-repeat 0 0; background-position: -18px 0px; content: '';}
input[type="radio"]:checked + label.radioTypeA:before {background:url(/images/kakao/radio_A.png) no-repeat 0 0; background-position:-18px 0px; content:'';}
label.radioTypeB {position:relative; height:18px; padding-left:26px; line-height:100%; vertical-align:middle; display:inline-block;}
label.radioTypeB:before {content:''; position:absolute; top:-3px; left:0px; margin-right:8px; width:18px; height:18px; display:inline-block; vertical-align:middle; background:url(/images/kakao/radio_A.png) no-repeat 0 0;}
input[type="radio"]:checked + label.radioTypeB:before {background:url(/images/kakao/radio_A.png) no-repeat 0 0; background-position:-18px 0px; content:'';}

/*************** form ***************/
/* input, radio, checkbox */
input[type="text"].typeA,
input[type="password"].typeA {border:1px solid #ddd; height:40px; line-height:40px; padding:0 4px 0 10px; color:#888}
input[type="text"].typeB,
input[type="password"].typeB {border:1px solid #ddd; height:30px; line-height:30px; padding:0 4px 0 10px; color:#888}
input[type="text"].typeC,
input[type="password"].typeC {border:1px solid #ddd; height:49px; *height:47px; line-height:47px; padding:0 4px 0 16px; font-weight:700; color:#888}
input[type="text"].typeD,
input[type="password"].typeD {font-size:14px; color:#666; border:none; border-bottom:1px solid #111; font-weight:500; height:24px; line-height:22px; padding:0 4px 1px 4px; letter-spacing:0;}
input[type="text"].typeD:focus,
input[type="password"].typeD:focus {border:none; border-bottom:1px solid #000; font-weight:500;}
input[type="text"].typeE,
input[type="password"].typeE {border:1px solid #999999; height:27px; *height:25px; line-height:25px; padding:0 4px 0 8px; font-size:13px; font-weight:700; color:#888}
input[type="text"].typeF,
input[type="password"].typeF {border:1px solid #ddd; height:30px; line-height:30px; padding:0 4px 0 10px; color:#333;}
input[type="text"].typeG {border:none; height:30px; line-height:30px; padding:0 4px 0 4px; color:#333;}
input[type="text"].typeG:focus,
input[type="text"].typeG.on {border:none !important;}
input[type="text"].typeH,
input[type="password"].typeH {border:1px solid #ddd; text-align:center; height:30px; *height:28px; line-height:28px; padding:0 4px 0 8px; font-size:13px; font-weight:700; color:#888}
input[type="text"].typeI,
input[type="password"].typeI {border:1px solid #ddd; height:36px; line-height:36px; box-sizing:border-box; padding:0 4px 0 10px; color:#888}
input[type="text"].typeI.ip,
input[type="password"].typeI.ip {border:1px solid #ddd; height:35px; line-height:35px; box-sizing:border-box; padding:0 4px 0 10px; color:#888}

textarea.typeA:focus,
input[type="text"]:focus,
input[type="password"]:focus {border:1px solid #111;}
textarea.on,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="text"].on,
input[type="password"].on {color:#111;}
input[type="radio"].typeA {z-index:0; width:18px; height:18px; border:1px; position:relative; top:-1px; margin-right:4px;}
input[type="radio"].typeB {z-index:0; width:14px; height:14px; border:1px; *border:none; position:relative; top:-1px; margin-right:2px;}
label.typeC {display:inline-block; vertical-align:middle; position:relative; box-sizing:border-box; border:1px solid #ddd; height:32px; line-height:30px; padding:0 14px 0 14px; color:#ddd;}
label.typeC:before {content:''; width:8px; height:4px; display:inline-block; border-left:1px solid #ddd; border-bottom:1px solid #ddd; position:relative; top:-3px; margin-right:10px; -webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -o-transform:rotate(-45deg); -ms-transform:rotate(-45deg); transform:rotate(-45deg);}
input[type="radio"]:checked + label.typeC {border:1px solid #000; color:#000; font-weight:700;}
input[type="radio"]:checked + label.typeC:before {border-left:1px solid #000; border-bottom:1px solid #000;}

input[type="checkbox"] {z-index:0; width:16px; height:16px; margin-right:2px; position:relative; top:-2px; *top:-1px;}
input[type="file"] {height:32px; line-height:32px; cursor:pointer;}

.hide {position:absolute; left:-10000px; top:auto; height:1px; overflow:hidden;}
.blind, legend {display:block; overflow:hidden; position:absolute !important; top:-1000em !important; left:0; visibility: hidden; /*modify*/}
.ellipsis {overflow:hidden; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis;}
.wrap_inner {width:1100px; margin:0 auto;}
.clear_b {clear:both;}
.overflow_h {overflow:hidden;}
.zdx {z-index:1;}
.float_l {float:left;}
.float_r {float:right;}
.display_ib {display:inline-block;  }
.display_b {display:block !important;}
.inner_mg {margin:0 auto;}
.retv {position:relative;}
.scroll_y {overflow-y:scroll}
.t_align {text-align:left !important;}
.t_align_l {text-align:left;}
.t_align_c {text-align:center;}
.t_align_r {text-align:right;}
.text_n {text-decoration:none !important;}
.vt {vertical-align: top;}
.vm {vertical-align: middle;}
.vb {vertical-align: bottom;}
.rt1 {position:relative; top:-1px;}
.ab {position: absolute;}
.zi_2 {z-index: 2 !important;}


/* table option A*/
.table_optA {height:42px; position:relative;}
.table_optA > a {float:left;}
.table_optA span.guide_txt01 {position:relative; top:5px; font-size:12px; float:left; letter-spacing:-1px;}
.table_optA .bt_inqhelp {position:relative; top:3px; *top:2px; background:url(/images/kakao/bt_inqhelp.gif) no-repeat 0 0; width:14px; height:14px; display:inline-block;   float:none !important}
.table_optA .search_area {display:inline-block;   float:right;}
.table_optA .search_area .search {position:relative; display:inline-block;  }
.table_optA .search_area .search input {padding-right:36px !important; *margin-left:4px;}
.table_optA .search_area .search .bt_search {padding:0 10px 0 6px; position:absolute; top:0px; right:0px; width:19px; height:29px; display:block; background:url(/images/kakao/bt_search.gif) no-repeat 6px 5px;}

.table_optB {height:36px;}
.table_optB .search {position:relative; display:inline-block;  }
.table_optB .search input {padding-right:36px !important; *margin-left:4px;}
.table_optB .search .bt_search {position:absolute; top:2px; right:8px; padding:0 6px; width:29px; height:29px; display:block; background:url(/images/kakao/bt_search.gif) no-repeat 5px 5px;}

.table_paging {height:33px; text-align:center; position:relative;}
.table_paging a {width:33px; height:31px; line-height:32px; text-align:center; border:1px solid #cacaca; border-left:none; display:inline-block;   vertical-align:middle;}
.table_paging a.first_num {border-left:1px solid #cacaca;}
.table_paging a:hover {background:#ededed;}
.table_paging a.on {background:#000; color:#fff; border:none !important; width:35px; height:33px;}
.table_paging .btDiv {position:absolute; left:0px;}
.table_paging .bt_del {width:86px; height:31px; line-height:27px; *line-height:26px; text-align:center; border:1px solid #aeaeae; background:#fff !important; color:#111 !important; display:inline-block; vertical-align:middle;}
.table_paging .bt_list {position:absolute; right:0; width:86px; height:31px; line-height:29px; *line-height:31px; text-align:center; border:1px solid #aeaeae; background:#fff !important; color:#111 !important; display:inline-block; vertical-align:middle;}
.table_paging .bt_add {position:absolute; right:0; width:86px; height:33px; line-height:33px; text-align:center; background:#4394fe !important; color:#fff; display:inline-block;   border:none; vertical-align:middle;}
.table_paging .bt_first {background:url(/images/kakao/bt_paging.gif) no-repeat 0 0 !important; background-position:0 0; width:35px; height:33px; border:none;}
.table_paging .bt_prev {background:url(/images/kakao/bt_paging.gif) no-repeat 0 0 !important; background-position:-35px 0 !important; width:35px; height:33px; border:none;}
.table_paging .bt_next {background:url(/images/kakao/bt_paging.gif) no-repeat 0 0 !important; background-position:-70px 0 !important; width:35px; height:33px; border:none;}
.table_paging .bt_last {background:url(/images/kakao/bt_paging.gif) no-repeat 0 0 !important; background-position:-105px 0 !important; width:35px; height:33px; border:none;}

/* calendar type A */
.cale_area {position:relative; height:auto; display:inline-block;   vertical-align:middle;}
.cale_area .bt_cale {position:absolute; top:1px; *top:2px; left:1px; border-right:1px solid #ddd; display:block; width:26px; height:27px; background:url(/images/kakao/bt_cale.gif) no-repeat 0 0;}
.cale_area .bt_cale.big {background:url(/images/kakao/bt_cale.gif) no-repeat 2px 2px; width:30px; height:30px;}
.cale_area .bt_cale2 {position:absolute; top:19px; *top:20px; left:1px; border-right:1px solid #999999; display:block; width:26px; height:27px; background:url(/images/kakao/bt_cale.gif) no-repeat 0 0;}

/* search */
.search_wrap .search_area {display:inline-block;   float:right;}
.search_wrap .search_area .search {position:relative; display:inline-block;  }
.search_wrap .search_area .search input {padding-right:36px !important; *margin-left:4px;}
.search_wrap .search_area .search .bt_search {padding:0 10px 0 6px; position:absolute; top:0px; right:0px; width:19px; height:29px; display:block; background:url(/images/kakao/bt_search.gif) no-repeat 6px 5px;}

/* type="checkbox" New*/
label.checkTypeA {width:18px; height:18px; box-sizing:border-box; position:relative; border:1px solid #666; display:inline-block; vertical-align:middle; background-color:#fff;}
input[type="checkbox"]:checked + label.checkTypeA {border:1px solid #000;}
input[type="checkbox"]:checked + label.checkTypeA:after {content:''; width:5px; height:9px; border-bottom:2px solid #000; border-right:2px solid #000; display:block; transform:rotate(45deg); position:absolute; top:1px; left:5px;}
label.checkTypeB {position:relative; line-height:100%;}
label.checkTypeB:before {content:''; position:relative; top:-1px; margin-right:6px; width:16px; height:16px; position:relative; display:inline-block; vertical-align:middle; background:url(/images/kakao/check_A.png) no-repeat 0 0;}
input[type="checkbox"]:checked + label.checkTypeB:before {background:url(/images/kakao/check_A.png) no-repeat 0 0; background-position:-16px 0;}

/* type="radio" New*/

label.radioTypeA {position:relative; padding-left:26px; vertical-align:middle; line-height:100%; display:inline-block;}
label.radioTypeA:before {content:''; position:absolute; top:-2px; left:0px; margin-right:8px; width:18px; height:18px;  display:inline-block; vertical-align:middle; background:url(/images/kakao/radio_A.png) no-repeat 0 0;}
label.radioTypeA.selected:before {background: url(/images/kakao/radio_A.png) no-repeat 0 0; background-position: -18px 0px; content: '';}
input[type="radio"]:checked + label.radioTypeA:before {background:url(/images/kakao/radio_A.png) no-repeat 0 0; background-position:-18px 0px; content:'';}
label.radioTypeB {position:relative; height:18px; padding-left:26px; line-height:100%; vertical-align:middle; display:inline-block;}
label.radioTypeB:before {content:''; position:absolute; top:-3px; left:0px; margin-right:8px; width:18px; height:18px; display:inline-block; vertical-align:middle; background:url(/images/kakao/radio_A.png) no-repeat 0 0;}
input[type="radio"]:checked + label.radioTypeB:before {background:url(/images/kakao/radio_A.png) no-repeat 0 0; background-position:-18px 0px; content:'';}


/************** 테이블 **************/
div.table_innder {}
table .inner {text-align:center !important;}
table a:hover {text-decoration:underline;}
.table_inner.scroll_x {width:1100px; overflow: auto;}

/*************** margin *****************/
.mg_t2 {margin-top:2px;}
.mg_t3 {margin-top:3px;}
.mg_t4 {margin-top:4px;}
.mg_t6 {margin-top:6px;}
.mg_t8 {margin-top:8px;}
.mg_t10 {margin-top:10px !important;}
.mg_t12 {margin-top:12px;}
.mg_t14 {margin-top:14px !important;}
.mg_t15 {margin-top:15px;}
.mg_t16 {margin-top:16px !important;}
.mg_t18 {margin-top:18px;}
.mg_t20 {margin-top:20px !important;}
.mg_t24 {margin-top:24px !important;}
.mg_t25 {margin-top:25px !important;}
.mg_t30 {margin-top:30px !important;}
.mg_t34 {margin-top:34px !important;}
.mg_t40 {margin-top:40px !important;}
.mg_t50 {margin-top:50px;}
.mg_t60 {margin-top:60px;}
.mg_t80 {margin-top:80px;}
.mg_t100 {margin-top:100px;}
.mg_t120 {margin-top:120px;}
.mg_t156 {margin-top:156px !important;}
.mg_t160 {margin-top:160px !important;}
.mg_t-20{margin-top:-20px;}
.mg_r2 {margin-right:2px !important;}
.mg_r1 {margin-right:1px;}
.mg_r4 {margin-right:4px;}
.mg_r6 {margin-right:6px;}
.mg_r8 {margin-right:8px;}
.mg_r10 {margin-right:10px;}
.mg_r12 {margin-right:12px;}
.mg_r20 {margin-right:20px;}
.mg_r27 {margin-right:27px;}
.mg_r30 {margin-right:30px;}
.mg_r36 {margin-right:36px;}
.mg_r40 {margin-right:40px;}
.mg_r50 {margin-right:50px;}
.mg_r60 {margin-right:60px;}
.mg_l2 {margin-left:2px;}
.mg_l4 {margin-left:4px;}
.mg_l6 {margin-left:6px;}
.mg_l7 {margin-left:7px;}
.mg_l10 {margin-left:10px !important;}
.mg_l12 {margin-left:12px;}
.mg_l16 {margin-left:16px !important;}
.mg_l20 {margin-left:20px;}
.mg_l22 {margin-left:22px !important;}
.mg_l26  {margin-left:26px;}
.mg_l30 {margin-left:30px;}
.mg_l40 {margin-left:40px;}
.mg_l60 {margin-left:60px;}
.mg_l37 {margin-left:37px;}
.mg_l70 {margin-left:70px;}
.mg_l73 {margin-left:73px;}
.mg_l86 {margin-left:86px;}
.mg_l104 {margin-left:104px;}
.mg_l120 {margin-left:120px;}
.mg_l138 {margin-left:138px;}
.mg_l146 {margin-left:146px;}
.mg_l155 {margin-left:155px;}
.mg_l170 {margin-left:170px;}
.mg_l190 {margin-left:190px;}
.mg_l600 {margin-left:600px;}
.mg_b2 {position:relative; top:-2px; *top:-1px;}
.mg_b6 {position:relative; top:-6px;}
.mg_lr20 {margin-left:20px; margin-right:20px;}
.mg_b5 {margin-bottom:5px;}
.mg_b8 {margin-bottom:8px;}
.mg_b10 {margin-bottom:10px;}
.mg_b20 {margin-bottom:20px;}
.mg_b25 {margin-bottom:25px;}
.mg_b30 {margin-bottom:30px;}
.mg_b40 {margin-bottom:40px;}
.mg_b45 {margin-bottom:45px;}
.mg_b50 {margin-bottom:50px;}
.mg_16 {margin:16px;}


/*************** padding ****************/
.pd_t4 {padding-top:4px;}
.pd_t8 {padding-top:8px;}
.pd_t16 {padding-top:16px;}
.pd_t18 {padding-top:18px;}
.pd_t20 {padding-top:20px;}
.pd_b10 {padding-bottom:10px;}
.pd_b20 {padding-bottom:20px;}
.pd_tb5 {padding:5px 0;}
.pd_tb10 {padding-top:10px!important; padding-bottom:10px!important; }
.pd_l4 {padding-left:4px;}
.pd_l10 {padding-left:10px;}
.pd_l15 {padding-left:15px;}
.pd_lr6 {padding-left:6px; padding-right:6px;}
.pd_lr20 {padding-left:20px !important; padding-right:20px !important;}
.pd_lr30 {padding-left:30px !important; padding-right:20px !important;}
.pd_l36 {padding-left:36px !important;}
.pd_b1 {padding-bottom: 1px !important;}
.pd_10 {padding:10px;}
.pd_16 {padding:16px;}
.pd_30 {padding:40px;}
.pd_40 {padding:40px;}
.pd_50 {padding:50px;}


/*************** border ***************/
.bd_t1 {border-top:1px dotted #ddd;}

/*************** width ****************/
.per25 {width:25%;}
.per33 {width:33.3%;}
.per42 {width:42%;}
.per46 {width:46%;}
.per50 {width:50%;}
.per54 {width:54%;}
.per80 {width:80%;}
.per98 {width:98%;}
.per100 {width:100%;}
.w34 {width:34px}
.w36 {width:36px}
.w39 {width:39px}
.w42 {width:42px;}
.w45 {width:45px;}
.w50 {width:50px;}
.w56 {width:56px;}
.w64 {width:64px}
.w66 {width:66px;}
.w68 {width:68px;}
.w72 {width:72px;}
.w77 {width:77px;}
.w80 {width:80px;}
.w86 {width:86px;}
.w90 {width:90px;}
.w98 {width:98px;}
.w99 {width:99px;}
.w104 {width:104px;}
.w110 {width:110px;}
.w117 {width:117px !important;}
.w118 {width:118px;}
.w120 {width:120px;}
.w122 {width:122px;}
.w126 {width:126px;}
.w132 {width:132px;}
.w138 {width:138px;}
.w140 {width:140px;}
.w143 {width:143px;}
.w145 {width:145px;}
.w150 {width:150px;}
.w154 {width:154px;}
.w160 {width:160px; !important;}
.w170 {width:170px !important;}
.w171 {width:171px;}
.w172 {width:172px;}
.w174 {width:174px;}
.w184 {width:184px;}
.w190 {width:190px;}
.w200 {width:200px;}
.w210 {width:210px;}
.w222 {width:222px !important;}
.w224 {width:224px !important;}
.w228 {width:224px;}
.w230 {width:230px;}
.w240 {width:240px;}
.w242 {width:242px;}
.w248 {width:248px;}
.w250 {width:250px;}
.w261 {width:261px;}
.w266 {width:266px;}
.w276 {width:276px;}
.w280 {width:280px;}
.w282 {width:282px;}
.w283 {width:283px;}
.w284 {width:284px;}
.w285 {width:285px;}
.w288 {width:288px;}
.w294 {width:294px;}
.w300 {width:300px;}
.w302 {width:302px;}
.w306 {width:306px;}
.w312 {width:312px;}
.w316 {width:316px;}
.w319 {width:319px !important;}
.w332 {width:332px;}
.w346 {width:336px;}
.w340 {width:340px}
.w344 {width:344px}
.w348 {width:348px}
.w350 {width:350px}
.w362 {width:362px}
.w368 {width:368px}
.w369 {width:369px}
.w382 {width:382px}
.w386 {width:386px}
.w395 {width:395px}
.w410 {width:410px;}
.w420 {width:420px;}
.w430 {width:430px !important;}
.w436 {width:436px;}
.w446 {width:446px;}
.w460 {width:460px !important;}
.w466 {width:466px !important;}
.w472 {width:472px}
.w475 {width:475px;}
.w478 {width:478px !important;}
.w482 {width:482px;}
.w510 {width:510px !important;}
.w530 {width:530px !important;}
.w560 {width:560px !important;}
.w566 {width:566px;}
.w600 {width:600px;}
.w614 {width:614px;}
.w620 {width:620px;}
.w674 {width:674px !important;}
.w694 {width:694px !important;}
.w700 {width:700px !important;}
.w714 {width:714px !important;}
.w719 {width:719px;}
.w729 {width:729px;}
.w746 {width:746px;}
.w750 {width:750px !important;}
.w780 {width:780px !important;}
.w800 {width:800px !important;}
.w962 {width:962px;}
.w986 {width:986px;}
.w1000 {width: 1000px !important;}
.w1100 {width:1100px !important;}


/*************** height *****************/
.h20 {height:20px;}
.h22 {height:22px;}
.h24 {height:24px;}
.h29 {height:29px;}
.h30 {height:30px;}
.h32 {height:32px !important;}
.h34 {height:34px !important;}
.h48 {height:48px;}
.h56 {height:56px;}
.h68 {height:68px !important;}
.h80 {height:80px;}
.h89 {height:89px !important;}
.h90 {height:90px;}
.h100 {height:100px;}
.h110 {height:110px !important;}
.h124 {height:124px !important;}
.h130 {height:130px !important;}
.h150 {height:150px !important;}
.h170 {height:170px !important;}
.h200 {height:200px !important;}
.h210 {height:210px !important;}
.h330 {height:330px !important;}
.h438 {height:438px !important;}
.h500 {height:500px !important;}
.h550 {height:550px !important;}



/*팝업*/
.ly_wrap {z-index:1000 !important; position:absolute; border:2px solid #111; background:#fff;min-width:260px;}
.ly_wrap .ly_header {height:60px; border-bottom:1px solid #888; position:relative;}
.ly_wrap .non_tit {height:40px; border-bottom: none; position:relative;}
.ly_wrap .ly_header h5 {margin:24px 0 0 16px; float:left; font-weight:700; font-size:16px;}
.ly_wrap .ly_header .bt_close {margin:19px 17px 0 0; float:right; width:21px; height:21px; background:url(/images/kakao/ly_close.gif) no-repeat 0 0; display:block;}
.ly_wrap .non_tit .bt_close {margin:12px 17px 0 0; float:right; width:21px; height:21px; background:url(/images/kakao/ly_close.gif) no-repeat 0 0; display:block;}
.ly_wrap .ly_content {overflow:hidden;}
.ly_wrap .ly_content .ly_bt_areaA {text-align:center;}
.ly_wrap .ly_content .ly_bt_areaA a {text-align:center; vertical-align:middle;}
.ly_wrap .scroll_y {overflow-y:auto;}
.pop_mask { background-color:#000000;display:none;position:absolute;left:0;top:0;z-index:999; }

/* 메시지관리 / 카카오톡관리 / 플러그인 콜백 URL */
.ly_wrap.kakao_plugin {width:612px; /*top:35%; left:40%; margin-left:-82px; margin-top:-179px;*/}
.ly_wrap.kakao_plugin .addfile {vertical-align:middle; border:1px solid #eee; padding:6px 16px; display:inline-block;}
.ly_wrap.kakao_plugin .bt_fdel {cursor:pointer; position:relative; top:2px; *top:1px; width:13px; height:13px; background:url(/images/kakao/bt_file_del.gif) no-repeat 0 0; display:inline-block;}

table.typeE tbody tr td.bi_icon{}
table.typeE tbody tr td.bi_icon > a{display:inline-block;border: none;width: auto;background: none;border-radius: 0;width: 17px;}
table.typeE tbody tr td.bi_icon > a:last-child{margin-left:3px;}
table.typeE tbody tr td.bi_icon > a > img{width: 100%;}

/* type="radio" New*/

label.radioTypeA {position:relative; padding-left:26px; vertical-align:middle; line-height:100%; display:inline-block;}
label.radioTypeA:before {content:''; position:absolute; top:-2px; left:0px; margin-right:8px; width:18px; height:18px;  display:inline-block; vertical-align:middle; background:url(/images/kakao/radio_A.png) no-repeat 0 0;}
label.radioTypeA.selected:before {background: url(/images/kakao/radio_A.png) no-repeat 0 0; background-position: -18px 0px; content: '';}
input[type="radio"]:checked + label.radioTypeA:before {background:url(/images/kakao/radio_A.png) no-repeat 0 0; background-position:-18px 0px; content:'';}
label.radioTypeB {position:relative; height:18px; padding-left:26px; line-height:100%; vertical-align:middle; display:inline-block;}
label.radioTypeB:before {content:''; position:absolute; top:-3px; left:0px; margin-right:8px; width:18px; height:18px; display:inline-block; vertical-align:middle; background:url(/images/kakao/radio_A.png) no-repeat 0 0;}
input[type="radio"]:checked + label.radioTypeB:before {background:url(/images/kakao/radio_A.png) no-repeat 0 0; background-position:-18px 0px; content:'';}

.select_tk{}
.select_tk label span{margin-right: 30px;margin-left:5px;font-size: 14px;}
.cell_right .icon_area{width: 318px;float: right;height: 100px;display: flex;justify-content: flex-start;}
.cell_right .icon_area > a{display: inline-block;/* width: 20px; */}
.cell_right .icon_area > a:first-child{margin-right: 24px;}
.cell_right .icon_area > a > img{height: 20px; margin-right:5px;}

.tk_area{display: inline-block;margin-top: 3px;margin-left: 181px;}
.tk_area label{margin-right: 20px;}
.tk_area label span{font-size: 14px;margin-left: 3px;}

/*scroll*/
.scroll-wrapper {overflow: hidden !important;padding: 0 !important;position: relative;}
.scroll-wrapper > .scroll-content {border: none !important;box-sizing: content-box !important;height: auto;left: 0;margin: 0;max-height: none;max-width: none !important;overflow: scroll !important;padding: 0;position: relative !important;top: 0;width: auto !important;}
.scroll-wrapper > .scroll-content::-webkit-scrollbar {height: 0;width: 0;}
.scroll-element {display: none;}
.scroll-element, .scroll-element div {box-sizing: content-box;}
.scroll-element.scroll-x.scroll-scrollx_visible,.scroll-element.scroll-y.scroll-scrolly_visible {display: block;}
.scroll-element .scroll-bar,.scroll-element .scroll-arrow {cursor: default;}
.scroll-textarea {border: 1px solid #cccccc;border-top-color: #999999;}
.scroll-textarea > .scroll-content {overflow: hidden !important;}
.scroll-textarea > .scroll-content > textarea {border: none !important;box-sizing: border-box;height: 100% !important;margin: 0;max-height: none !important;max-width: none !important;overflow: scroll !important;outline: none;padding: 2px;position: relative !important;top: 0;width: 100% !important;}
.scroll-textarea > .scroll-content > textarea::-webkit-scrollbar {height: 0;width: 0;}
.scrollbar-dynamic > .scroll-element,.scrollbar-dynamic > .scroll-element div{background: none;border: none;margin: 0;padding: 0;position: absolute;z-index: 10;}
.scrollbar-dynamic > .scroll-element div {display: block;height: 100%;left: 0;top: 0;width: 100%;}
.scrollbar-dynamic > .scroll-element.scroll-x {bottom: 2px;height: 7px;left: 0;min-width: 100%;width: 100%;}
.scrollbar-dynamic > .scroll-element.scroll-y {height: 100%;min-height: 100%;right: 2px;top: 0;width: 7px;}
.scrollbar-dynamic > .scroll-element .scroll-element_outer {opacity: 0.3;-webkit-border-radius: 12px;-moz-border-radius: 12px;border-radius: 12px;}
.scrollbar-dynamic > .scroll-element .scroll-element_size {background-color: #cccccc;opacity: 0;-webkit-border-radius: 12px;-moz-border-radius: 12px;border-radius: 12px;-webkit-transition: opacity 0.2s;-moz-transition: opacity 0.2s;-o-transition: opacity 0.2s;-ms-transition: opacity 0.2s;transition: opacity 0.2s;}
.scrollbar-dynamic > .scroll-element .scroll-bar {background-color: #6c6e71;-webkit-border-radius: 7px;-moz-border-radius: 7px;border-radius: 7px;}
.scrollbar-dynamic > .scroll-element.scroll-x .scroll-bar {bottom: 0;height: 7px;min-width: 24px;top: auto;}
.scrollbar-dynamic > .scroll-element.scroll-y .scroll-bar {left: auto;min-height: 24px;right: 0;width: 4px;height:100%;}
.scrollbar-dynamic > .scroll-element.scroll-x .scroll-element_outer {bottom: 0;top: auto;left: 2px;-webkit-transition: height 0.2s;-moz-transition: height 0.2s;-o-transition: height 0.2s;-ms-transition: height 0.2s;transition: height 0.2s;}
.scrollbar-dynamic > .scroll-element.scroll-y .scroll-element_outer {left: auto;right: 0;top: 2px;-webkit-transition: width 0.2s;-moz-transition: width 0.2s;-o-transition: width 0.2s;-ms-transition: width 0.2s;transition: width 0.2s;}
.scrollbar-dynamic > .scroll-element.scroll-x .scroll-element_size { left: -4px; }
.scrollbar-dynamic > .scroll-element.scroll-y .scroll-element_size { top: -4px; }
.scrollbar-dynamic > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size { left: -11px; }
.scrollbar-dynamic > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size { top: -11px; }
.scrollbar-dynamic > .scroll-element:hover .scroll-element_outer,.scrollbar-dynamic > .scroll-element.scroll-draggable .scroll-element_outer {overflow: hidden;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";filter: alpha(opacity=70);opacity: 0.7;}
.scrollbar-dynamic > .scroll-element:hover .scroll-element_outer .scroll-element_size,.scrollbar-dynamic > .scroll-element.scroll-draggable .scroll-element_outer .scroll-element_size {opacity: 1;}
.scrollbar-dynamic > .scroll-element:hover .scroll-element_outer .scroll-bar,.scrollbar-dynamic > .scroll-element.scroll-draggable .scroll-element_outer .scroll-bar {height: 100%;width: 10px;-webkit-border-radius: 12px;-moz-border-radius: 12px;border-radius: 12px;}
.scrollbar-dynamic > .scroll-element.scroll-x:hover .scroll-element_outer,.scrollbar-dynamic > .scroll-element.scroll-x.scroll-draggable .scroll-element_outer {height: 20px;min-height: 7px;}
.scrollbar-dynamic > .scroll-element.scroll-y:hover .scroll-element_outer,.scrollbar-dynamic > .scroll-element.scroll-y.scroll-draggable .scroll-element_outer {min-width: 7px;width: 10px;}

.choice{position: relative;height: auto;display: inline-block;vertical-align: middle;}
.choice > select{background: #fff;z-index: 0;height: 27px;text-align: left;line-height: 25px;border: 1px solid #999;padding-left: 10px;position: relative;display: inline-block;vertical-align: middle;text-decoration: none !important; width:220px; margin-right:2px;}
.codeDatepicker .tui-calendar .tui-calendar-body-header th{text-align: center !important;!i;!;padding: 12px 0 0px 0;font-weight: 400;}
.codeDatepicker  td{text-align:center !important; padding:0 !important;}
.code_select label span{margin-left: 23px;width: 38px;display: inline-block;line-height: normal;vertical-align: top;}
.form_naver{}
.form_naver .naver_bg{background:#eaedf0;}
.no_line{border-bottom:none !important;}

.form_naver div.sendForm div.formWrap div.viewArea div.messageBox span.sendTo{width:26px; height:26px; display:inline-block; box-sizing:border-box; border:1px solid #eee; -webkit-border-radius:50%; -moz-border-radius:50%; -o-border-radius:50%; border-radius:50%; background:url(/images/kakao/ico_sendTo_naver.png) no-repeat 0 0;}
.form_naver div.sendForm div.formWrap div.viewArea div.messageBox div.messageTo div.message{border:1px solid #ddd !important;}
.form_naver div.sendForm div.formWrap div.viewArea div.messageBox div.messageTo div.message a.btn_typeB{background: #f5faff;border: 1px solid #d8ecff;color: #1980f3; font-weight:400;}

.table_inner input:disabled { background-color: #3f3f3f14; -webkit-text-fill-color:#a9a9a9; }
.h50{ height:50px;}