@charset "utf-8";
@import url('font-awesome.css');
@import url('simple-line-icons.css');

/* Nanum Gothic (Korean) http://www.google.com/fonts/earlyaccess */
/* 나눔고딕 폰트 사용시 주석 해제 */
/*
@font-face {
	font-family: 'Nanum Gothic';
	font-style: normal;
	font-weight: 400;
	src:url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.eot);
	src:url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.eot?#iefix) format('embedded-opentype'),
		url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.woff2) format('woff2'),
		url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.woff) format('woff'),
		url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.ttf) format('truetype');
}
*/


@import url('https://fonts.googleapis.com/css?family=Roboto:300,700');
@import url('https://fonts.googleapis.com/earlyaccess/notosanskr.css');

/* * {font-family: 'Roboto', 'Noto Sans KR', sans-serif;-webkit-text-size-adjust: 100%;} */



/* Reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin:0; padding:0; border:0 none;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block;}
html, body {width:100%;}
h1, h2, h3, h4, h5, h6 {font-weight:normal;}
ol, ul, li {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content:''; content: none;}

caption, legend {width:0; height:0; visibility:hidden; line-height:0;}
hr {display:none;}
em, address {font-style:normal}
pre {white-space:pre-wrap;		/* CSS3*/
	white-space:-moz-pre-wrap;	/* Mozilla, since 1999 */
	white-space:-pre-wrap;		/* Opera 4-6 */
	white-space:-o-pre-wrap;	/* Opera 7 */
	word-wrap:break-all;		/* Internet Explorer 5.5+ */ }
img {border:0 none; font-size:0; line-height:0;}
.ie7 li, .ie7 li a {zoom:1;}

/* 여백 */
.padding0 {padding:0 !important;}
.margin0 {margin:0 !important;}
/* Top Padding */
.tp0 {padding-top:0px !important;}
.tp5 {padding-top:5px !important;}
.tp10 {padding-top:10px !important;}
.tp15 {padding-top:15px !important;}
.tp20 {padding-top:20px !important;}
.tp25 {padding-top:25px !important;}
.tp30 {padding-top:30px !important;}
/* Bottom Padding */
.bp0 {padding-bottom:0px !important;}
.bp5 {padding-bottom:5px !important;}
.bp10 {padding-bottom:10px !important;}
.bp15 {padding-bottom:15px !important;}
.bp20 {padding-bottom:20px !important;}
.bp25 {padding-bottom:25px !important;}
.bp30 {padding-bottom:30px !important;}
/* Left Padding */
.lp0 {padding-left:0 !important;}
.lp5 {padding-left:5px !important;}
.lp10 {padding-left:10px !important;}
.lp15 {padding-left:15px !important;}
.lp20 {padding-left:20px !important;}
.lp25 {padding-left:25px !important;}
.lp30 {padding-left:30px !important;}
.lp40 {padding-left:40px !important;}
/* Right Padding */
.rp0 {padding-right:0 !important;}
.rp5 {padding-right:5px !important;}
.rp10 {padding-right:10px !important;}
.rp15 {padding-right:15px !important;}
.rp20 {padding-right:20px !important;}
.rp25 {padding-right:25px !important;}
.rp30 {padding-right:30px !important;}
/* Top Margin */
.tm0 {margin-top:0 !important;}
.tm5 {margin-top:5px !important;}
.tm10 {margin-top:10px !important;}
.tm15 {margin-top:15px !important;}
.tm20 {margin-top:20px !important;}
.tm25 {margin-top:25px !important;}
.tm30 {margin-top:30px !important;}
/* Bottom Margin */
.bm0 {margin-bottom:0 !important;}
.bm5 {margin-bottom:5px !important;}
.bm10 {margin-bottom:10px !important;}
.bm15 {margin-bottom:15px !important;}
.bm20 {margin-bottom:20px !important;}
.bm25 {margin-bottom:25px !important;}
.bm30 {margin-bottom:30px !important;}
/* Left Margin */
.lm0 {margin-left:0 !important;}
.lm5 {margin-left:5px !important;}
.lm10 {margin-left:10px !important;}
.lm15 {margin-left:15px !important;}
.lm20 {margin-left:20px !important;}
.lm25 {margin-left:25px !important;}
.lm30 {margin-left:30px !important;}
/* Right Margin */
.rm0 {margin-right:0 !important;}
.rm5 {margin-right:5px !important;}
.rm10 {margin-right:10px !important;}
.rm15 {margin-right:15px !important;}
.rm20 {margin-right:20px !important;}
.rm25 {margin-right:25px !important;}
.rm30 {margin-right:30px !important;}

/* float */
.fl {float:left !important;}
.fr {float:right !important;}
.Lfloat {float:left !important;}
.Rfloat {float:right !important;}
.overHidden {overflow:hidden;}
.overVisible {overflow:visible;}
.clear {clear:both !important;}
.clearleft {clear:left !important;}
.clfix:after {content:""; display:block; clear:both; visibility:hidden; height:0; font-size:0;}
.ie7 .clfix {zoom:1;}

/* align */
.al {text-align:left !important;}
.ac {text-align:center !important;}
.ar {text-align:right !important;}
.aj {text-align: justify !important;}

/* position */
.posRel {position:relative !important;}
.posAbs {position:absolute !important;}
.posTL {position:absolute !important; top:0; left:0;}
.posTR {position:absolute !important; top:0; right:0;}
.posBL {position:absolute !important; bottom:0; left:0;}
.posBR {position:absolute !important; bottom:0; right:0;}



/* display */
.none {display:none !important;}
.iBlock {display:inline-block !important; vertical-align:top;}
.ie7 .iBlock {display:inline !important;}
.borderNone {border:none !important;}
.scrollArea {overflow-x:hidden;overflow-y:scroll;}
/* IR 기법 */
.hidden {position:absolute; top:-11000px; left:-11000px; width:0; height:0; overflow:hidden;}
.ie7 .hidden {position:static; font-size:0; line-height:0;}
/* 한 줄일 때, 말줄임표 */
.ellipsis {position:relative;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} /* width 별도 설정 */
/*투명도*/
.opacity0 {opacity:0; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0);}
/* 세로 가운데 정렬을 위한 빈태그용 */
.blank {display:inline-block; width:0; vertical-align:middle; overflow:hidden; vertical-align:middle;} /* 높이 별도 설정 */

/* table */
table.tblDef, table.tblDef thead, table.tblDef tbody, table.tblDef tfoot, table.tblDef tr, table.tblDef th, table.tblDef td,
table.inputTbl, table.inputTbl thead, table.inputTbl tbody, table.inputTbl tfoot, table.inputTbl tr, table.inputTbl th, table.inputTbl td,
table.innerTbl, table.innerTbl thead, table.innerTbl tbody, table.innerTbl tfoot, table.innerTbl tr, table.innerTbl th, table.innerTbl td,
table.bbsTbl, table.bbsTbl thead, table.bbsTbl tbody, table.bbsTbl tfoot, table.bbsTbl tr, table.bbsTbl th, table.bbsTbl td,
table.calendar, table.calendar thead, table.calendar tbody, table.calendar tfoot, table.calendar tr, table.calendar th, table.calendar td,
table.tblProgram, table.tblProgram thead, table.tblProgram tbody, table.tblProgram tfoot, table.tblProgram tr, table.tblProgram th, table.tblProgram td {margin:0;padding:0;border:0 none;}

table.tblDef,
table.inputTbl,
table.innerTbl,
table.bbsTbl,
table.calendar,
table.tblProgram {width:100%; border:0; border-collapse:separate; border-spacing:0;}
.ie7 table.tblDef,
.ie7 table.inputTbl,
.ie7 table.innerTbl,
.ie7 table.bbsTbl,
.ie7 table.calendar,
.ie7 table.tblProgram {border-collapse:collapse;}
table.tblDef th,
table.inputTbl th,
table.innerTbl th,
table.bbsTbl th,
table.calendar th,
table.tblProgram th {font-weight:normal;}
table.tblDef td,
table.inputTbl td,
table.innerTbl td,
table.bbsTbl td,
table.calendar td,
table.tblProgram td {word-break:normal;}



/* Font */
.fwBold {font-weight:bold !important;}
.fwNormal {font-weight:normal !important;}
.fcWhite {color:#fff !important;}
.fcBlack {color:#000 !important;}
.fcRed {color: #f00 !important;}
.ffDotum {font-family:'돋움', Dotum, 'Apple Gothic', sans-serif !important;}
.ffGulim {font-family:'굴림', '굴림체', Gulim, 'Apple Gothic', sans-serif !important;}
.underline {text-decoration:underline !important;}
.italic {font-style:italic;}

/* cursor */
.cursorDef {cursor:default !important;}
.hand {cursor:pointer !important;}
a, label, button,
input[type='radio'],
input[type='checkbox'],
input[type='image'],
input[type='button'],
input[type='submit'],
input[type='reset'] {cursor:pointer !important;}

/* Form Elememts */
input[type='text'],
input[type='password'],
input[type='file'],
select,
textarea,
button {display:inline-block;}
input[type='text'],
input[type='password'],
input[type='file'],
select,
textarea {border:1px solid #ccc;}
textarea {padding:7px 10px; border:1px solid #cfcfcf; resize:vertical;}
.ie7 select {zoom:1;}

/* button 초기화 */
button.style-btn {overflow:visible; padding:0; border:0; cursor:pointer; white-space:nowrap;}
button.style-btn::-moz-focus-inner,
input[type='button']::-moz-focus-inner,
input[type='submit']::-moz-focus-inner,
input[type='reset']::-moz-focus-inner {padding:0; border:0;}	/* FF 버튼 여백 없애기 */

/* default font-family */
body,
input[type='text'],
input[type='password'],
input[type='file'],
select,
textarea,
button {font-family: Tahoma, '돋움', Dotum, 'Apple Gothic', sans-serif;}


/* 공통 레이아웃 */
body {font-size:12px; line-height:1.5; color:#333; -webkit-text-size-adjust:none;}
.wrapper {position:relative; width:100%;word-break:normal;z-index:0;}

a.conLink {color:inherit;text-decoration:none;}


/* skip Navigation */
#skipNavi dl {position:absolute;}
#skipNavi dt {position:absolute; top:-10000px;}
#skipNavi dd a {position:absolute; display:block; width:200px; left:50%; text-align:center; top:-10000px; z-index:999; font-size:16px;}
#skipNavi dd a:hover,
#skipNavi dd a:focus,
#skipNavi dd a:active {position:absolute; top:5px; padding:15px 0; margin-left:-500px; font-weight:bold; color:#fff; text-decoration:underline; background:#336ea2;}



a.trigger {position: relative;display: block;text-decoration: none;}
a.trigger i {position: absolute;right: 10px;top: 50%;font-size: 1em;margin-top: -0.5em;}

.tabCon,
.toggleCon {display:none;}

i.essen {padding:0;color:#f00;font-size:0.8em;background:none;}


.subTit:first-child,
.pointTit:first-child,
.boldTit:first-child {margin-top:0 !important;}

ul.txtIndent15 > li,
.txtIndent15 {padding-left:15px;text-indent:-15px;}
ul.txtIndent15 {padding-left:0;text-indent:0;}

ul.txtIndent10 > li,
.txtIndent10 {padding-left:10px;text-indent:-10px;}
ul.txtIndent10 {padding-left:0;text-indent:0;}


ul.listStyle {margin-left:;}
ul.listStyle > li {margin-left:0;list-style:inside;list-style-type:disc;}

ul.listBl > li,
.blDot {background-image:url('/image/common/bullet.png');background-repeat:no-repeat;}

ul.list {margin-top:2em;}
ul.list > li {margin:10px 0 0;}
ul.list i:before {padding-right:10px;}



ul.overHidden > li {float:left;}



table.ac th,
table.ac td {text-align:center !important;}


table.inputTbl .label,
table.inputTbl th label {position:relative;display:inline-block;padding-left:15px;}
table.inputTbl .label i,
table.inputTbl th label i {position:absolute;left:0;top:3px;padding:0;background:none;font-size:10px;}

table.inputTbl .note {color:#f00;font-size:0.9em; line-height:16px;}
table.inputTbl td span.clear {padding-top:10px;line-height:1.2 !important;}

table.inputTbl td > *:first-child,
table.inputTbl td .clear,
table.inputTbl input[type=radio]:first-child,
table.inputTbl input[type=checkbox]:first-child {margin-left: 0 !important;}


table.inputTbl input[type=text],
table.inputTbl input[type=password] {width: 250px;height:23px;padding:3px 10px 4px;}

table.inputTbl .small {width: 70px !important;}
table.inputTbl .wide {width: 95% !important;}

table.inputTbl input[type=image] {vertical-align: middle;}

table.inputTbl select {height:32px;}


table.inputTbl td span,
table.inputTbl td label {display: inline-block;}

table.inputTbl span.noBullet {padding-left:18px;}

table.inputTbl .multi > *,
table.inputTbl td.phone *,
table.inputTbl td.address > *,
table.inputTbl td.name > *,
table.inputTbl td.birth > *,
table.inputTbl td.email > * {float: left;margin:0 0 0 5px;}

table.inputTbl .multi > span,
table.inputTbl .multi > label,
table.inputTbl td.phone span,
table.inputTbl td.phone label,
table.inputTbl td.address > span,
table.inputTbl td.address > label,
table.inputTbl td.birth > span,
table.inputTbl td.birth > label,
table.inputTbl td.email > span,
table.inputTbl td.email > label {line-height:32px;}


table.inputTbl div.multi {overflow:hidden;padding:10px;}

table.inputTbl .multi input[type=radio],
table.inputTbl .multi input[type=checkbox] {margin:9px 5px 0 20px;}
table.inputTbl .multi input[type=image] {margin-top: 9px;}

table.inputTbl .line > * {float:none;}
table.inputTbl .line input[type=radio],
table.inputTbl .line input[type=checkbox] {margin:10px 5px 0 0;}

table.inputTbl dl.overHidden {line-height:35px;}
table.inputTbl dl.overHidden > dt {padding-right:10px;}

table.inputTbl td.phone select,
table.inputTbl td.phone input:first-child {width:100px;}
table.inputTbl td.phone input {width: 120px;}

table.inputTbl td.address input[type=text] {width: 250px;margin-top: 5px;}
table.inputTbl td.address input[type=text]:first-child {width: 70px;margin-top: 0;}
table.inputTbl td.address input[type=text].clear {width: 420px;margin-left: 0;}
table.inputTbl td.address span.btn {padding-left:0;}

table.inputTbl td.name input[type=text] {width:120px;}

table.inputTbl td.email input[type=text],
table.inputTbl td.email select {width:180px;}
table.inputTbl td.email input[type=text]:first-child {width:250px;}

table.inputTbl td.email span {margin-left: 5px;}

table.inputTbl td.photo > p,
table.inputTbl td.photo > div {display: inline-block;}
table.inputTbl td.photo > p {width: 90px;height: 90px;border: 1px solid #dfdfdf;vertical-align: top;background-color: #f8f8f8;}
table.inputTbl td.photo > p img {width: 100%;height: 100%;}
table.inputTbl td.photo > div {padding-left: 10px;vertical-align: bottom;}

table.inputTbl td.photo div input[type=checkbox] {margin-top: 0;}
table.inputTbl td.photo div label {padding-left: 5px;}

table.inputTbl td.birth {}

table.inputTbl td.birth select {width:50px;}
table.inputTbl td.birth select:first-child,
table.inputTbl td.birth input[type=text] {width:70px;}
 
table.inputTbl span.fwBold {display:inline-block;padding:5px 10px 0 0;line-height:1.2;}

table.inputTbl .editArea {padding:0 !important;}


table.inputTbl td.author > * {float: left;margin:0 0 0 5px;}
table.inputTbl td.author select {width:80px;}

input.inputWide {width:90%;}


div.selectFile {overflow:hidden;}
div.selectFile p {float:left;}
div.selectFile p input[type=text] {height:22px;padding:4px 10px}

div.selectFile p.find {width:66px;height:30px;margin: 0 5px;background:url('/image/icon/btn_browse.png') center center no-repeat;background-color:#393939;}

div.selectFile p.withIcon {position:relative;width:66px;height:32px;margin-left:5px;background-color:#393939;}
div.selectFile p.withIcon i {z-index:0;position:absolute;left:50%;top:50%;color:#fff;font-size:14px;margin:-7px 0 0 -7px;}
div.selectFile p.withIcon.small {width:30px;}

div.selectFile p.find input,
div.selectFile p.withIcon input {width:100%;height:100%;padding: 0;border: 0 none;}
div.selectFile p.btn * {height: 30px;font-size: 14px;border: 0 none;}



table.inputTbl .editArea {padding:0;}
.editArea .cke span {display:inline;vertical-align:middle;line-height:initial;}
.editArea .cke_chrome {border:0 none;box-shadow:none;}

.cke .cke_voice_label,
.cke_button_label {display:none !important;}
.cke_toolbox:after {clear:both;display:block;font-size:0;line-height:0;height:0;content:".";}
.cke_top, .cke_contents, .cke_bottom {display:block !important;}


span.point{color: blue; background-color: yellow;}