@charset "utf-8";

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,p,button,select,textarea{margin:0;padding:0;}
section,article {display:block;margin:0;padding:0;}
h1,h2,h3,h4,h5,h6 {font-weight:normal;}
fieldset {margin:0;padding:5px 8px 8px 8px;}
input {padding:1px;}
input,select,button{vertical-align:middle}
input[type="button"],input[type="submit"],button {overflow:visible;}
button {*margin:0 1px !important;}
input[type="checkbox"],input[type="radio"] {margin:1px 2px 3px 0;}

html {height:100%;-webkit-text-size-adjust:none;}
body,p,div,th,td,select,form,input,button,textarea,option {
	color:#333;
	font-family:Gulim,Arial,Helvetica,sans-serif;
	font-size:12px;
}
.glyphicon {font-family:'Glyphicons Halflings' !important;}

input,button,select,textarea {font-family:inherit;}
.checkbox input[type="checkbox"],.radio input[type="radio"],.checkbox-inline input[type="checkbox"],.radio-inline input[type="radio"] {margin-top:2px;}
.form-group label {line-height:1;}

img {border:none;}
.vmiddle {vertical-align:middle;}

a {color:#337ab7;text-decoration:none;}
a:hover,
a:focus {color: #23527c;text-decoration:none;}
a:focus {outline: 5px auto -webkit-focus-ring-color;outline-offset: -2px;}

table {empty-cells:show;}

p {margin:5px 0; padding:0;}
form {margin:0; padding:0;text-align:left;}
label.block {display:block;}

.empty_cell {width:0;height:0;overflow:hidden;}

.float_clear {*zoom:1;}
.float_clear:after {content:""; display:block; clear:both;}
table.wiz_column {width:100%; table-layout:fixed;}
.td_wrapper {position:relative; height:100%;}

.skiptolink {margin:0 auto;background-color:#6a6a6a;text-align:center}
.skiptolink a {position:absolute;width:1px;height:1px;left:0;top:0;overflow:hidden;color:#fff;text-decoration:none;display:block;padding:5px 0;white-space:nowrap}
.skiptolink a:hover,
.skiptolink a:active,
.skiptolink a:focus {position:relative;height:auto;width:auto}

#smartInput, .cke_editable {margin:5px;}
.smartOutput {position:relative;}
.cke_editable, .cke_editable p, .cke_editable div, .cke_editable th, .cke_editable td, .smartOutput, .smartOutput p, .smartOutput div, .smartOutput th, .smartOutput td, .smartOutput form {
	color:inherit;
	line-height:1.6;
	font-size:16px;
	font-family:'Nanum Gothic','Malgun Gothic', '맑은 고딕';
}

/*bootstrap 에서 아래 속성을 모두 없애기 때문에 여기에 기본값을 줌*/
.smartOutput table:not(.table) {border-spacing:1px;border-collapse:separate;}
.smartOutput table:not(.table) th, .smartOutput table:not(.table) td {padding:5px;}
.smartOutput div.table-responsive {border:none;}
.smartOutput div.table-responsive>table.table>tbody>tr>th, .smartOutput div.table-responsive>table.table>tbody>tr>td {white-space:normal;}
.smartOutput .screenreader {position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden;}
.cke_editable .screenreader {position:relative !important;left:auto !important;width:auto !important;height:auto !important;background:url('/image_bank/background/transparent.gif') repeat;padding:5px;border:dotted 1px #999;}

.cke_editable table:not(.table) th, .smartOutput table:not(.table) th {text-align:center;}
.smartOutput p, .cke_editable p {margin:0;word-break:keep-all;word-wrap:normal;white-space:inherit;}
.smartOutput blockquote, .cke_editable blockquote {padding: 2px 0; border-style: solid; border-color: #ccc; border-width: 0;}
.smartOutput blockquote {padding-left: 20px; padding-right: 8px; border-left-width: 5px; margin-left:40px;}
.smartOutput blockquote.q1,
.smartOutput blockquote.q2,
.smartOutput blockquote.q3,
.smartOutput blockquote.q4,
.smartOutput blockquote.q5,
.smartOutput blockquote.q6,
.smartOutput blockquote.q7{padding:10px; margin-left:15px; margin-right:15px;border:0;}
.smartOutput blockquote.q1{padding:0 10px; border-left:2px solid #ccc;}
.smartOutput blockquote.q2{padding:0 10px; background:url(/cgi_bank/lib/editor/img/bg_qmark.gif) no-repeat;}
.smartOutput blockquote.q3{border:1px solid #d9d9d9;}
.smartOutput blockquote.q4{border:1px solid #d9d9d9; background:#fbfbfb;}
.smartOutput blockquote.q5{border:2px solid #707070;}
.smartOutput blockquote.q6{border:1px dashed #707070;}
.smartOutput blockquote.q7{border:1px dashed #707070; background:#fbfbfb;}
.smartOutput sup, .cke_editable sup {font:10px Tahoma;}
.smartOutput sub, .cke_editable sub {font:10px Tahoma;}
.smartOutput img, .cke_editable img {vertical-align:bottom;}
.smartOutput ul, .smartOutput ol, .cke_editable ul, .cke_editable ol {padding-left:17px; *padding-left:22px;}
.smartOutput li, .cke_editable li {padding:2px 0;word-break:keep-all;word-wrap:normal;white-space:normal;}
.smartOutput .nav-tabs li, .cke_editable .nav-tabs li {padding:0;}
.smartOutput hr, .cke_editable hr {border: 0px; border-top: 1px solid #ccc; padding:5px 0 0 0; margin:5px 0 0 0;}
.smartOutput pre, .cke_editable pre {white-space: pre-wrap; word-wrap: break-word; -moz-tab-size: 4; -o-tab-size: 4; -webkit-tab-size: 4; tab-size: 4;}
.marker {background-color:#ff0;}
.smartOutput figure, .cke_editable figure {text-align:center; background:rgba(0,0,0,0.05); padding:0; margin:7px 20px 15px; display:inline-block;}
.smartOutput figure[style*="float: left"], .cke_editable figure[style*="float: left"] {margin-left:0;}
.smartOutput figure[style*="float: right"], .cke_editable figure[style*="float: right"] {margin-right:0;}
.smartOutput figure img, .cke_editable figure img {display:block;}
.smartOutput figure > figcaption, .cke_editable figure > figcaption {text-align:center; display:block; padding:3px 0 5px; margin:0;}
.smartOutput input[type="password"] {font-family:Arial;}/*이걸 안하면 텍스트가 * 이 아닌 블랭크로 표시됨(위의 inherit 설정때문으로 추정)*/
.htmlEditor img {display:inline-block;zoom:1;*display:inline; max-width: 100%; height: auto;}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.htmlEditor table img {width:100%;}
}
.oz_underline {text-decoration:none; box-shadow: inset 0 -5px 0 #b4e7f8; padding-bottom:1px; -webkit-transition: background .15s cubic-bezier(.33,.66,.66,1); transition: background .15s cubic-bezier(.33,.66,.66,1);}
.oz_underline:hover{background: #b4e7f8;}
.oz_underline.c_yellow {box-shadow: inset 0 -5px 0 #ffe25e;}
.oz_underline.c_yellow:hover{background: #ffe25e;}

.ozNowrap {white-space:nowrap; word-wrap:normal; word-break:keep-all;}
.ozNowrap p {white-space:nowrap; word-wrap:normal; word-break:keep-all;}

/* button color styles */
.ozbutton {
	display:inline-block;
	zoom:1;
	*display:inline;
	line-height:normal;
	overflow:visible;
	vertical-align:middle;
	margin:0;
	_margin-right:1px;
	outline:none;
	cursor:pointer;
	text-align:center;
	text-decoration:none;
	font-size:13px !important;
	font-weight:bold;
	padding:.4em .8em .4em .8em;
	white-space:nowrap;
	font-family:'Nanum Gothic','Malgun Gothic', '맑은 고딕';
}
input.ozbutton {-webkit-appearance:button; -moz-appearance:button; appearance:button; -webkit-border-radius:0; -moz-border-radius:0; border-radius:0;}
.ozbutton:hover {text-decoration:none;}
.ozbutton:active {position:relative; top:0px;}
.ozbutton:focus {border:solid 2px #e3b016 !important;}
.ozbutton.small {padding:.1em .5em .1em .5em; font-size:12px !important; font-weight:normal;}
.ozbutton.big {padding:.5em 1.2em .5em 1.2em; font-size:15px !important;}
.ozbutton.rounded {-webkit-border-radius:.3em; -moz-border-radius:.3em; border-radius:.3em;}
.ozbutton.bigrounded {-webkit-border-radius:2em; -moz-border-radius:2em; border-radius:2em;}
.ozbutton.noborder_right {border-right:none !important; border-top-right-radius:0; border-bottom-right-radius:0; -webkit-border-top-right-radius:0; -webkit-border-bottom-right-radius:0}
.ozbutton.noborder_left {border-left:none !important; border-top-left-radius:0; border-bottom-left-radius:0; -webkit-border-top-left-radius:0; -webkit-border-bottom-left-radius:0}
.ozbutton.noborder_left2 {border-top-left-radius:0; border-bottom-left-radius:0; -webkit-border-top-left-radius:0; -webkit-border-bottom-left-radius:0}
.ozbutton.w100 {width:100%;}
.ozbutton.w50 {width:50%;}
.ozbutton.w33 {width:33.3%;}
.ozbutton.w25 {width:25%;}
.ozbutton.w20 {width:20%;}

.ozbutton.white {color:#606060; border:solid 1px #b7b7b7; background:#fff;}
.ozbutton.white:hover {background:#ededed;}
.ozbutton.white[disabled] {color:#bbb !important;}

.ozbutton.black {color:#d7d7d7; border:solid 1px #333; background:#333;}
.ozbutton.black:hover {background:#000;}
.ozbutton.black[disabled] {color:#777 !important;}

.ozbutton.gray {color:#e9e9e9; border:solid 1px #555; background:#6e6e6e;}
.ozbutton.gray:hover {background:#616161;}
.ozbutton.gray[disabled] {color:#999 !important;}

.ozbutton.orange {color:#fef4e9; border:solid 1px #da7c0c; background:#f78d1d;}
.ozbutton.orange:hover {background:#f47c20;}
.ozbutton.orange[disabled] {color:#fcc17d !important;}

.ozbutton.red {color:#faddde; border:solid 1px #980c10; background:#d81b21;}
.ozbutton.red:hover {background:#b61318;}
.ozbutton.red[disabled] {color:#e3777b !important;}

.ozbutton.blue {color:#d9eef7; border:solid 1px #0076a3; background:#0095cd;}
.ozbutton.blue:hover {background:#007ead;}
.ozbutton.blue[disabled] {color:#69c0e0 !important;}

.ozbutton.rosy {color:#fae7e9; border:solid 1px #b73948; background:#da5867;}
.ozbutton.rosy:hover {background:#ba4b58;}
.ozbutton.rosy[disabled] {color:#f8c1da !important;}

.ozbutton.green {color:#e8f0de; border:solid 1px #538312; background:#64991e;}
.ozbutton.green:hover {background:#538018;}
.ozbutton.green[disabled] {color:#9fc46c !important;}

.ozbutton.pink {color:#feeef5; border:solid 1px #d2729e; background:#f895c2;}
.ozbutton.pink:hover {background:#d57ea5;}
.ozbutton.pink[disabled] {color:#f9c1db !important;}

/* icon styles */
.add-icon-black {width:18px;height:12px;display:inline-block;*display:inline;*zoom:1;background:url(./images/icons-black.png) no-repeat;vertical-align:middle;}
.add-icon-white {width:18px;height:12px;display:inline-block;*display:inline;*zoom:1;background:url(./images/icons-white.png) no-repeat;vertical-align:middle;}
.icon-plus{background-position:-3px 50%}.icon-minus{background-position:-39px 50%}.icon-delete{background-position:-75px 50%}.icon-arrow-r{background-position:-111px 50%}.icon-arrow-l{background-position:-147px 50%}.icon-arrow-u{background-position:-183px 50%}.icon-arrow-d{background-position:-219px 50%}.icon-check{background-position:-255px 50%}.icon-gear{background-position:-291px 50%}.icon-refresh{background-position:-327px 50%}.icon-forward{background-position:-363px 50%}.icon-back{background-position:-399px 50%}.icon-grid{background-position:-435px 50%}.icon-star{background-position:-471px 50%}.icon-alert{background-position:-507px 50%}.icon-info{background-position:-543px 50%}.icon-home{background-position:-579px 50%}.icon-search{background-position:-615px 50%}.icon-menu{background-position:-687px 50%}.icon-checkbox-on{background-position:-651px 50%}.icon-rss{background-position:-759px 50%}.icon-radio-on{background-position:-723px 50%}

span.ozspeech  {font-family:Tahoma,Geneva,sans-serif;position:relative; display:inline-block; *display:inline; *zoom:1; text-align:center; padding:0 3px; margin:0 0 0 6px;background-color:#fff; border:1px solid #666; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; -webkit-box-shadow:1px 1px 1px #888; -moz-box-shadow:1px 1px 1px #888; box-shadow:1px 1px 1px #888;}
span.ozspeech:before {content:' '; position:absolute; width:0; height:0; left:-10px; top:3px; border:5px solid;}
span.ozspeech:after {content:' '; position:absolute; width:0; height:0; left:-8px; top:4px; border:4px solid;}

.wiz_tip {background:url(/image_bank/icon/icn85.gif) no-repeat 4px 4px; margin:5px 0 0 0; padding:3px 3px 3px 23px; background-color:#fcfef0; border:dotted 1px #dadbad;line-height:normal;}

.show_builtin_passwdbox {cursor:pointer;}

.oz_zoom {cursor:pointer;}
#oz_zoom_box {position:absolute;display:none;z-index:99999;margin:0;padding:0;cursor:pointer;background-color:#fff;box-shadow:0 0 20px #999; -moz-box-shadow:0 0 20px #999;-webkit-box-shadow:0 0 20px #999;filter:progid:DXImageTransform.Microsoft.Shadow(color=#999999,direction=135,strength=5);}
#oz_zoom_box img {display:block;padding:3px; border:solid 1px #ddd;}
#oz_zoom_box span {cursor: pointer; right:10px; top:10px; width:20px; height:20px;display:none;}
#oz_zoom_box .expand {background: url(/image_bank/icon/prettyPhoto/sprite.png) -31px -26px no-repeat;}
#oz_zoom_box .expand:hover { background: url(/image_bank/icon/prettyPhoto/sprite.png) -31px -47px no-repeat;}

#board_popmenu {border:solid 2px #ddd; background-color:#fff;}
#board_popmenu ul {margin:0; padding:5px; border:solid 1px #bbb;}
#board_popmenu li {margin:0; padding:.1em .3em; list-style:none; cursor:pointer; color:#333; border:solid 1px #fff; min-width:100px;}
#board_popmenu a {text-decoration:none;}

table:not(.table)[cellspacing="0"] {border-spacing:0;border-collapse:separate;}
table:not(.table)[cellspacing="1"] {border-spacing:1px;border-collapse:separate;}
table:not(.table):not(.wiz_column)[cellpadding="0"] th:not([style]),table:not(.table):not(.wiz_column)[cellpadding="0"] td:not([style]) {padding:0;}
table:not(.table)[cellpadding="1"] th:not([style]),table:not(.table)[cellpadding="1"] td:not([style]) {padding:1px;}
table:not(.table)[cellpadding="2"] th:not([style]),table:not(.table)[cellpadding="2"] td:not([style]) {padding:2px;}
table:not(.table)[cellpadding="3"] th:not([style]),table:not(.table)[cellpadding="3"] td:not([style]) {padding:3px;}
table:not(.table)[cellpadding="4"] th:not([style]),table:not(.table)[cellpadding="4"] td:not([style]) {padding:4px;}
table:not(.table)[cellpadding="5"] th:not([style]),table:not(.table)[cellpadding="5"] td:not([style]) {padding:5px;}
table:not(.table)[cellpadding="6"] th:not([style]),table:not(.table)[cellpadding="6"] td:not([style]) {padding:6px;}
table:not(.table)[cellpadding="7"] th:not([style]),table:not(.table)[cellpadding="7"] td:not([style]) {padding:7px;}
table:not(.table)[cellpadding="8"] th:not([style]),table:not(.table)[cellpadding="8"] td:not([style]) {padding:8px;}
table:not(.table)[cellpadding="10"] th:not([style]),table:not(.table)[cellpadding="10"] td:not([style]) {padding:10px;}
table:not(.table)[cellpadding="15"] th:not([style]),table:not(.table)[cellpadding="15"] td:not([style]) {padding:15px;}
table:not(.table)[cellpadding="20"] th:not([style]),table:not(.table)[cellpadding="20"] td:not([style]) {padding:20px;}
table:not(.table)[cellpadding="30"] th:not([style]),table:not(.table)[cellpadding="30"] td:not([style]) {padding:30px;}

input[type="text"],input[type="number"],input[type="password"],input[type="search"],input[type="url"],input[type="tel"],textarea,select {
	border-radius:0px;
	box-shadow:inset 0 0 0 rgba(253,254,255,0.075);
	transition:border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
input[type="text"]:focus,input[type="number"]:focus,input[type="password"]:focus,input[type="search"]:focus,input[type="url"]:focus,input[type="tel"]:focus,textarea:focus, select:focus {
	outline:0;
	box-shadow:inset 0 1px 1px rgba(255,255,255,0.075);
}

.popover, .tooltip {z-index:9999;}
.responsive_txt h1 {font-size:60px; padding:0 0 12px 0;}
.responsive_txt h2 {font-size:30px; padding:0 0 12px 0;}
.responsive_txt p {font-size:18px;}
.ozembed-responsive {position:relative; padding-bottom:56.25%; height:0; overflow:hidden;} 
.ozembed-responsive iframe, .ozembed-responsive object, .ozembed-responsive embed {position:absolute; top:0; left:0; width:100%; height:100%;}

.oz_txt_h1, .oz_txt_h1 * {font-size:60px; padding:0 0 12px 0;}
.oz_txt_h2, .oz_txt_h2 * {font-size:48px; padding:0 0 12px 0;}
.oz_txt_h3, .oz_txt_h3 * {font-size:36px; padding:0 0 12px 0;}
.oz_txt_h4, .oz_txt_h4 * {font-size:28px; padding:0 0 10px 0;}
.oz_txt_h5, .oz_txt_h5 * {font-size:18px; padding:0 0 10px 0;}
.oz_txt_p, .oz_txt_p * {font-size:16px; padding:0 0 10px 0;}

.oz_box_hover_shadow {transition: .2s ease-in-out;-webkit-backface-visibility: hidden;}
.oz_box_hover_shadow:hover {box-shadow: 5px 5px 25px 2px rgba(50,50,90,0.2), 2px 2px 5px rgba(0,0,0,0.07);}
.oz_vertical_center {position:absolute;top:50%;transform:translateY(-50%);}

.oz_padding30 {padding:30px;}
.oz_padding20 {padding:20px;}
.oz_padding10 {padding:10px;}
.oz_padding5 {padding:5px;}

@media (max-width: 992px) {
	.oz_txt_h1, .oz_txt_h1 * {font-size:48px; padding:0 0 6px 0;}
	.oz_txt_h2, .oz_txt_h2 * {font-size:40px; padding:0 0 6px 0;}
	.oz_txt_h3, .oz_txt_h3 * {font-size:32px; padding:0 0 6px 0;}
	.oz_txt_h4, .oz_txt_h4 * {font-size:24px; padding:0 0 5px 0;}
	.oz_txt_h5, .oz_txt_h5 * {font-size:18px; padding:0 0 5px 0;}
	.oz_txt_p, .oz_txt_p * {font-size:16px; padding:0 0 5px 0;}
}
@media (max-width: 768px) {
	.responsive_txt h1 {font-size:38px;padding:0 0 6px 0;}
	.responsive_txt h2 {font-size:20px;padding:0 0 6px 0;}
	.responsive_txt p {font-size:14px;}
	.smartOutput blockquote {padding-left:10px; padding-right:5px; border-left-width:5px; margin-left:0px;}

	.smartOutput table.responsive.noheader thead {display:none;}
	.smartOutput table.responsive tr {display:block;border:none;border-bottom:1px solid #ddd;}
	.smartOutput table.responsive th, table.responsive td {display:block;width:auto !important;border:none !important;}

	.oz_txt_h1, .oz_txt_h1 * {font-size:38px; padding:0 0 6px 0;}
	.oz_txt_h2, .oz_txt_h2 * {font-size:32px; padding:0 0 6px 0;}
	.oz_txt_h3, .oz_txt_h3 * {font-size:26px; padding:0 0 6px 0;}
	.oz_txt_h4, .oz_txt_h4 * {font-size:22px; padding:0 0 5px 0;}
	.oz_txt_h5, .oz_txt_h5 * {font-size:18px; padding:0 0 5px 0;}
	.oz_txt_p, .oz_txt_p * {font-size:16px; padding:0 0 5px 0;}
	.oz_padding30 {padding:20px;}
	.oz_padding20 {padding:15px;}
	.oz_padding10 {padding:5px;}
}
@media (max-width: 576px) {
	.oz_txt_h1, .oz_txt_h1 * {font-size:32px; padding:0 0 6px 0;}
	.oz_txt_h2, .oz_txt_h2 * {font-size:28px; padding:0 0 6px 0;}
	.oz_txt_h3, .oz_txt_h3 * {font-size:22px; padding:0 0 6px 0;}
	.oz_txt_h4, .oz_txt_h4 * {font-size:20px; padding:0 0 5px 0;}
	.oz_txt_h5, .oz_txt_h5 * {font-size:16px; padding:0 0 5px 0;}
	.oz_txt_p, .oz_txt_p * {font-size:15px; padding:0 0 5px 0;}
	.oz_padding30 {padding:15px;}
	.oz_padding20 {padding:10px;}
	.oz_padding10 {padding:5px;}
}

@media print {
	a:after { content:''; }
	a[href]:after { content: none !important; }
}
