@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(http://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;}


/* float */
.fl {float:left !important;}
.fr {float:right !important;}
.Lfloat {float:left !important;}
.Rfloat {float:right !important;}
.overHidden {overflow:hidden;}
.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;}


.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.tblDefBg, table.tblDefBg thead, table.tblDefBg tbody, table.tblDefBg tfoot, table.tblDefBg tr, table.tblDefBg th, table.tblDefBg td,
table.bbs, table.bbs thead, table.bbs tbody, table.bbs tfoot, table.bbs tr, table.bbs th, table.bbs td,
table.inputTbl, table.inputTbl thead, table.inputTbl tbody, table.inputTbl tfoot, table.inputTbl tr, table.inputTbl th, table.inputTbl td,
table.calendar, table.calendar thead, table.calendar tbody, table.calendar tfoot, table.calendar tr, table.calendar th, table.calendar td {margin:0;padding:0;border:0 none;}

table.tblDef,
table.tblDefBg,
table.bbs,
table.inputTbl,
table.calendar {width:100%; border:0; border-collapse:separate; border-spacing:0;}
.ie7 table.tblDef,
.ie7 table.tblDefBg,
.ie7 table.bbs,
.ie7 table.inputTbl,
.ie7 table.calendar {border-collapse:collapse;}
table.tblDef th,
table.tblDefBg th,
table.bbs th,
table.inputTbl th,
table.calendar th {font-weight:normal;}
table.tblDef td,
table.tblDefBg td,
table.bbs td,
table.inputTbl td,
table.calendar 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:Calibri,'돋움', Dotum, 'Apple Gothic', sans-serif !important;}
.ffGulim {font-family:Calibri,'굴림', '굴림체', 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:Calibri,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;}





.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,
.bullet {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;}

table.inputTbl span.note {color:#f00;}
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 input.inputSmall {width: 70px;}
table.inputTbl input.inputWide {width: 95%;}

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

table.inputTbl select {height:32px;}


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

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

table.inputTbl .multi > *,
table.inputTbl td.phone *,
table.inputTbl td.search > *,
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.search > span,
table.inputTbl td.search > 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.search input[type=text] {width: 250px;margin-top: 5px;}
table.inputTbl td.search input[type=text]:first-child {width: 70px;margin-top: 0;}
table.inputTbl td.search input[type=text].clear {width: 420px;margin-left: 0;}
table.inputTbl td.search 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: 23px;padding:2px 10px 3px;}
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.find 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;}