@import url(https://cdn.jsdelivr.net/font-nanum/1.0/nanumbarungothic/nanumbarungothic.css);
@import url(https://fonts.googleapis.com/css?family=Merriweather:400,700);
@import url(https://fonts.googleapis.com/css?family=Bree+Serif);

html {overflow-y:scroll}
body {margin:0;padding:0;font-size:15px; line-height:1.47em;}
html, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin:0;padding:0;border:0}
h1, h2, h3, h4, h5, h6 {font-size:1em; margin:0; padding:0;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}
#hd ul, nav ul, #ft ul {margin:0;padding:0;list-style:none}
legend {position:absolute;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
label, input, button, select, img {vertical-align:middle}
input, button {margin:0;padding:0;font-size:1em}
button {cursor:pointer}
input[type=text], input[type=password], input[type=submit], input[type=image], button {border:0;font-family:dotum, sans-serif;-webkit-appearance:none}
textarea, select {font-size:1em; font-family:dotum, sans-serif;}
textarea {-webkit-appearance:none}
select {margin:0}
p {margin:0;padding:0;word-break:break-all}
hr {width:100%; height:1px; background-color:rgba(0,0,0,0.12); border:none;}
pre {overflow-x:scroll;font-size:1.1em}
a:link, a:visited {color:#000;text-decoration:none}
a:hover, a:focus, a:active {color:#000;text-decoration:underline}
ul,li{margin:0; padding:0; list-style:none;}
table,tr,th,td{border-collapse:collapse;border-spacing:0;}
body{
-webkit-user-select:none;
-webkit-tap-highlight-color:rgba(0,0,0,0)
}
*, *:before, *:after {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-text-size-adjust:none;/*피봇시 글자커짐 방지 */
}
a,a:hover{text-decoration:none;}


html, body {overflow-x: hidden; min-width: 320px;}

h1, h2, h3, h4, h5, h6, strong, th{ font-weight: 300;  line-height:1.5em;}
h1{font-size:22px;}
h2{font-size:19px;}
h3{font-size:17px;}
h4{font-size:15px;}
h5{font-size:13px;}
h6{font-size:11px;}


.bold{font-weight: 400;}
.landmark{position: absolute;left: -5000px;top: -5000px; display:none;}
.no_borderb{border-bottom:none !important;}
.clear{clear:both; display:block;}
.none {display:none !important;}
strong{font-weight:bold;}
img{max-width:100%;}
.hidden{visibility:hidden !important;}


[class*="span"]+[class*="span"]{}

.noborder{border:none !important;}

.ellipsis{
	overflow : hidden;
	white-space: nowrap;
	text-overflow:ellipsis;
	-o-text-overflow:ellipsis;
	-ms-text-overflow:ellipsis;
	-moz-text-overflow:ellipsis;
	}

/* etc. */
.round{border-radius: 50%;}
.temp{
	box-shadow: 0px 2px 7px rgba(0, 0, 0, 0.15);
	border-radius: 50%;
	background-color:transparent;
	background: url("#") no-repeat scroll right center transparent !important;
	vertical-align: baseline;
	}

.yellow{color:#fff600 !important;}
.red{color:#f24141 !important;}
.blue{color:#004377 !important;}
.deep-blue{color:#1c5ad9 !important;}
.black{color:#252525 !important;}
.gray{color:#727272 !important;}
.blue{color:#288ef3 !important;}
.green{color:#5dcc8e !important;}


.tcenter{text-align: center !important;}
.tleft{text-align:left !important;}
.tright{text-align: right !important;}
.fcenter{margin:0 auto;}
.fleft{float:left !important;}
.fright{float:right !important;}

.mt10{margin-top:10px !important;}
.mt20{margin-top:20px !important;}
.mt30{margin-top:30px !important;}
.mt40{margin-top:40px !important;}
.mt50{margin-top:50px !important;}

.fixed{position:fixed !important;}
.block{display:block !important;}
.absolute{display:absolute !important; top:0; right:0;}
.absolute.fright{float:none; top:0; right:0;}


input, select, textarea {
	color: rgba(255, 255, 255, 0.75);
	font-family: dotum, sans-serif;
	font-size: 15px;
	font-weight: 200;
	}


/*============ 입력폼 =============*/

input{vertical-align:middle;}
input[type="text"],
input[type="password"],
input[type="email"],
input[type="tel"],
input[type="number"],
input[type="url"],
textarea,
select{
	font-family:dotum, sans-serif;
	display:inline-block;
	vertical-align:middle;
	*overflow:visible;
	height:46px;
	padding:0 10px;
	font-size:14px;
	font-weight:300;
	color:#151515;
	border:1px solid #aeaeae;
	background-color:rgba(255,255,255,0.7);
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-moz-appearance: none;
	-webkit-appearance: none;
	-ms-appearance: none;
	appearance: none;
	-moz-transition: border-color 0.2s ease-in-out;
	-webkit-transition: border-color 0.2s ease-in-out;
	-ms-transition: border-color 0.2s ease-in-out;
	transition: border-color 0.2s ease-in-out;
	background: transparent;
	border-radius: 0 !important;
	}
input[type="file"]{
	vertical-align:middle;
	*overflow:visible;
	height:32px;
	font-size:12px;
	width:350px;
	color:#151515;
	display: block;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border-radius: 0 !important;
	}
input.large{
	height:52px;
	padding:0 10px;
	font-size:15px;
	}
textarea{
	line-height:16px;
	padding:15px;
	display: block;
	}

textarea:focus,
select:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
input[type="tel"]:focus,
input[type="number"]:focus,
input[type="url"]:focus{border:1px solid #26a0da; background-color:#fcfcfc;}

textarea.inverse,
input[type="text"].inverse,
input[type="password"].inverse,
input[type="email"].inverse,
input[type="tel"].inverse,
input[type="number"].inverse,
input[type="url"].inverse{
	color:#151515;
	border:1px solid rgba(0,0,0,0.55);
	background:#fff;
	}

input:-moz-placeholder, textarea:-moz-placeholder {color:#999; font-weight:300;}
input:-ms-input-placeholder, textarea:-ms-input-placeholder {color:#999; font-weight:300;}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {color:#999; font-weight:300;}
input::-moz-focus-inner,
button::-moz-focus-inner {border: 0; padding: 0;}



.select-wrapper {text-decoration:none; display: block; position: relative;}

.select-wrapper:before {
	content: '\e003';
	font-family: 'intaeFont'; 
	width: 40px;
	height: 39px;
	line-height: 39px;
	font-size:12px;
	color: rgba(0, 0, 0, 0.6);
	border-left:0.5px solid rgba(0,0,0,0.3);
	position: absolute;
	right: 0;
	top: 0;
	text-align: center;
	display: block;
	pointer-events: none;
	}
.select-wrapper select::-ms-expand {display: none;}
select { width:100%; line-height: 50px; background:rgba(0,0,0,0.02); border:1px solid rgba(0,0,0,0.2);}
select option {background-color: #1c1d26; color: #000;}
select:focus::-ms-value {background: transparent;}


input.FontAwesome{font-family: FontAwesome; border:none; background:none;}
input.Pe-icon-7-stroke{font-family: 'Pe-icon-7-stroke'; border:none; background:none;}

.required{}
.noround{border-radius: 0 !important;}






input[type="submit"]{background: transparent;}
button{background: transparent;}



/*============ 버튼 =============*/
.btn {
	-moz-appearance: none;
	-webkit-appearance: none;
	-ms-appearance: none;
	appearance: none;
	-moz-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
	-webkit-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
	-ms-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
	transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	cursor: pointer;
	display: inline-block;
	font-size:14px;
	font-weight: 300;
	height: 46px;
	line-height: 47px;
	padding: 0 2.25em;
	text-align: center;
	background-color: #239fdb;
	color: #ffffff !important;
	}
.btn:hover,
.btn:active {background-color: #0783bf;}

.btn.fit {display: block; width: 100%;}
.btn.mini {font-size: 1em; font-weight: 300; height: 32px; line-height: 34px;padding: 0 1em;}
.btn.minimini {font-size: 10px; font-weight: 300; height: 24px; line-height: 24px; padding: 0 6px;}
.btn.big {height: 55px; line-height: 56px; font-size:16px;}

.btn.small{font-size:12px; font-weight: 300; height: 26px; line-height: 28px; padding: 0 7px; background:rgba(0,0,0,0.02); border:1px solid rgba(0,0,0,0.35); color:rgba(0,0,0,0.9) !important;}
.btn.small:hover{background:rgba(0,0,0,0.05); border:1px solid rgba(0,0,0,0.45);}

.btn.blue{background-color:#26a0da;}
.btn.blue:hover{background-color:#067eb7;}
.btn.green{background-color:#49c3d5;}
.btn.green:hover{background-color:#41a1ce;}
.btn.red{background-color:#ff5c5c;}
.btn.red:hover{background-color:#e42f2f;}
.btn.black{background-color:#363636;}
.btn.black:hover{background-color:#181818;}
.btn.purple{background-color:#8c91ff;}
.btn.purple:hover{background-color:#6065dc;}

.btn.inverse{background-color:transparent !important; box-shadow: inset 0 0 0 1px #fff; color:#fff !important;}
.btn.inverse:hover{background-color:rgba(255,255,255,0.2) !important; box-shadow: inset 0 0 0 1px #fff; color:#fff !important;}

.btn.inverse.blue{box-shadow: inset 0 0 0 1px #0b72f2; color:#0b72f2 !important;}
.btn.inverse.blue:hover{background-color:#0b72f2; color:#fff !important;}
.btn.inverse.green{box-shadow: inset 0 0 0 1px #49c3d5; color:#49c3d5 !important;}
.btn.inverse.green:hover{background-color:#49c3d5; color:#fff !important;}
.btn.inverse.red{box-shadow: inset 0 0 0 1px #ff5c5c; color:#ff5c5c !important;}
.btn.inverse.red:hover{background-color:#ff5c5c; color:#fff !important;}
.btn.inverse.black{box-shadow: inset 0 0 0 1px #363636; color:#363636 !important;}
.btn.inverse.black:hover{background-color:#363636; color:#fff !important;}
.btn.inverse.purple{box-shadow: inset 0 0 0 1px #8c91ff; color:#8c91ff !important;}
.btn.inverse.purple:hover{background-color:#8c91ff; color:#fff !important;}

input[type="submit"]{border-radius: 0 !important;}


/* 타이틀영역 버튼 디자인*/
.top_btnSet{overflow:hidden;}
.top_btnSet a{
	vertical-align:middle;
	float:left;
	cursor:pointer;
	text-align:center;
	padding:0 30px;
	height:34px;
	line-height:34px;
	font-weight: 400;
	font-size:14px;
	font-family: 'Noto Sans KR', sans-serif;
	color:#494949;
	background:rgba(0,0,0,0.02);
	border:1px solid rgba(0,0,0,0.1);
	border-right:none;
	border-bottom:1px solid rgba(0,0,0,0.18);
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
	}
.top_btnSet a:hover{background-color:#e5e5e5;}
.top_btnSet a.active{background-color:#181818; color:#fff !important;}
.top_btnSet a:first-child{
	border-radius: 4px 0 0 4px;
	-moz-border-radius: 4px 0 0 4px;
	-webkit-border-radius: 4px 0 0 4px;
	}
.top_btnSet a:last-child{
	border-radius: 0 4px 4px 0;
	-moz-border-radius: 0 4px 4px 0;
	-webkit-border-radius: 0 4px 4px 0;
	border-right:1px solid rgba(0,0,0,0.1); 
	}





/*============ 아이콘 =============*/
.admin{
	display:inline-block;
	cursor:pointer;
	font-size:0;
	font-weight:200;
	text-align:center;
	width:40px;
	height:40px;
	line-height:0;
	background-color:#363636;
	color:#fff !important;
	margin-bottom:10px;
	float:right;
	}
.admin:before{
	-moz-appearance: none;
	-webkit-appearance: none;
	-ms-appearance: none;
	appearance: none;
	-webkit-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
	content: "\e041";
	font-family: 'intaeFont';
	font-size:18px;
	line-height:40px;
	vertical-align:middle;
	}
.btnWrite, .btnModify, .btnList, .btnDel, .btnFile, .btnAdmin, .btnRss,
.btnPrev, .btnNext, .btnCopy, .btnMove, .btnReply, .btnVideo{font-size:8px; line-height:0; font-weight:200; color:rgba(255,255,255,0.8) !important;}
[class^="btn"], [class*="btn"]{}

.btnWrite:before, .btnModify:before, .btnList:before, .btnDel:before, .btnFile:before, .btnAdmin:before, .btnRss:before,
.btnPrev:before, .btnNext:before, .btnCopy:before, .btnMove:before, .btnReply:before, .btnVideo:before{
	-webkit-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
	font-family: 'intaeFont';
	vertical-align:middle;
	font-size:20px !important;
	font-weight:200;
	line-height:55px;
	margin-top:-7px;
	margin-bottom:-20px;
	color:rgba(255,255,255,0.9);
	display:block;
	}

.btnWrite:hover:before, .btnModify:hover:before, .btnList:hover:before, .btnDel:hover:before, .btnFile:hover:before, .btnAdmin:hover:before,
.btnRss:hover:before, .btnPrev:hover:before, .btnNext:hover:before, .btnCopy:hover:before,
.btnMove:hover:before, .btnReply:hover:before, .btnVideo:hover:before{color:#3ab7ff;}

.btnWrite:before{content: "\e062";}
.btnModify:before{content: "\e09b";}
.btnList:before{content: "\e000";}
.btnDel:before{content: "\e099";}
.btnFile:before{content: "\e069"; color:#24afff;}
.btnAdmin:before{content: "\e041";}
.btnRss:before{content: "\e63c";}
.btnPrev:before{content: "\e001";}
.btnNext:before{content: "\e002";}
.btnCopy:before{content: "\e07d";}
.btnMove:before{content: "\e67a";}
.btnReply:before{content: "\e086";}
.btnVideo:before{content: "\e6a5";}



.btn_txt{display:block; font-size:8px; line-height:0; font-weight:200; color:rgba(255,255,255,0.9);}









[class^="btn"]:hover:before, [class*="btn"]:hover:before{color:rgba(255,255,255,0.5);}

.icon_reply:before{
	content: "\e67a";
	font-family: 'intaeFont';
	vertical-align:top;
	font-size:13px !important;
	color:rgba(0,0,0,0.7);
	}
.icon_reply{
	transform:rotate(180deg);
	-ms-transform:rotate(180deg);
	-webkit-transform:rotate(180deg); 
	}


.icon_secret:before{
	content: "\e03a";
	font-family: 'intaeFont';
	vertical-align:top;
	font-size:14px;
	color:rgba(0,0,0,0.7);
	}



.span10{width:490px !important;}
.span9{width:430px !important;}
.span8{width:370px !important;}
.span7{width:310px !important;}
.span6{width:250px !important;}
.span5{width:190px !important;}
.span4{width:130px !important;}
.span3{width:90px !important;}
.span2{width:53px !important;}
.span1{width:43px !important;}
.span{width:100% !important;}
.span50{width:49.5% !important;}
.span-half, .span.half{width:50% !important; float:left;}
.span-half:first-child{border-right:none;}
[class*="span"]{-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin:0;}




/********************** tag **********************/
.tag{font-size:10px; color:#fff !important; padding:1px 4px 0 4px; background:rgba(0,0,0,0.4); border-radius: 2px; display:inline-block; }
.tag.blue{background:#469aff;}
















/********************** 버튼 **********************/
a.btn01 {display:inline-block;padding:7px;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none;vertical-align:middle}
a.btn01:focus, a.btn01:hover {text-decoration:none}
button.btn01 {display:inline-block;margin:0;padding:7px;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none}
a.btn02 {display:inline-block;padding:7px;border:1px solid #3b3c3f;background:#4b545e;color:#fff;text-decoration:none;vertical-align:middle}
a.btn02:focus, .btn02:hover {text-decoration:none}
button.btn02 {display:inline-block;margin:0;padding:7px;border:1px solid #3b3c3f;background:#4b545e;color:#fff;text-decoration:none}
.btn_confirm {text-align:center; margin-bottom:80px;} /* 서식단계 진행 */

fieldset .btn_submit {}
a.btn_cancel {
	vertical-align:middle;
	display:inline-block;
	cursor:pointer;
	padding:0 19px;
	height:38px;
	line-height:38px;
	font-weight: 200;
	color:#494949;
	text-align:center;
	background:#f5f5f5;
	border:1px solid rgba(0,0,0,0.08);
	border-bottom:1px solid rgba(0,0,0,0.18);
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin-left:5px;
	}
a.btn_cancel:hover{background-color:#f1f0f0;}
button.btn_cancel {}

/* 임시저장된 글 */
a.btn_frmline, button.btn_frmline {
	vertical-align:middle;
	display:inline-block;
	cursor:pointer;
	padding:0 8px;
	height:30px;
	line-height:25px;
	font-weight: 200;
	color:#494949;
	text-align:center;
	background:#f5f5f5;
	border:1px solid rgba(0,0,0,0.08);
	border-bottom:1px solid rgba(0,0,0,0.18);
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin-bottom:5px;
	} /* 우편번호검색버튼 등 */



input[type="checkbox"]{opacity:1 !important; width:20px !important; height:20px !important; margin-right:7px !important; -webkit-appearance: checkbox !important;}
/*
input[type="checkbox"]{margin-right:8px; margin-top:2px; vertical-align:middle;}
input[type="radio"]{margin-right:6px; margin-top:2px; vertical-align:middle;}
label{margin-right:10px; cursor:pointer;}
label:last-child{margin-right:0;}


input[type="checkbox"],
input[type="radio"] {
	-moz-appearance: none;
	-webkit-appearance: none;
	-ms-appearance: none;
	appearance: none;	
	margin-right: -1em;
	opacity: 0;
	width: 1em;
	z-index: -1;
	}
input[type="checkbox"] + label,
input[type="radio"] + label {
	text-decoration: none;	
	cursor: pointer;
	display: inline-block;
	font-size: 1em;	
	position: relative;
	vertical-align:middle;
	}
input[type="checkbox"] + label:before,
input[type="radio"] + label:before {
	font-size: 0.9em;
	font-family: 'intaeFont';
	font-style: normal;
	font-weight: normal;
	text-transform: none !important;
	}
input[type="checkbox"] + label:before,
input[type="radio"] + label:before {
	content: '';
	font-family: 'intaeFont';
	border-radius: 3px;
	border: solid 1px rgba(0, 0, 0, 0.4);
	background: rgba(255, 255, 255, 1);
	display: inline-block;
	width: 1.8em;
	height: 1.8em;
	line-height:1.8em;
	margin-right:7px !important;
	vertical-align:middle;
	float:left;
	text-align: center;
	}
input[type="checkbox"]:checked + label:before,
input[type="radio"]:checked + label:before {content: '\e003'; background: rgba(255, 255, 255, 0.3);color: #000;}
input[type="checkbox"]:focus + label:before,
input[type="radio"]:focus + label:before {border-color: #e44c65;}
input[type="radio"] + label:before {border-radius: 100%;}

input[type="checkbox"].inverse + label:before,
input[type="radio"].inverse + label:before{border: solid 1px rgba(255, 255, 255, 0.9); color:#fff}
input[type="checkbox"].inverse:checked + label:before,
input[type="radio"].inverse:checked + label:before {color: #fff;}
*/