html {overflow-y:scroll; background:#a0a0a0;}
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; -webkit-overflow-scrolling:touch;}
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;}
[class^="holdImg"] img{width:auto;}
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;}

.txtBox{
	display:inline-block;
	overflow:auto;
	border:1px dashed rgba(0,0,0,0.2);
	font-size:12px;
	font-weight:normal;
	margin:5px 0;
	padding:20px 35px 20px 30px;
	color:#3f3f3f;
	background:rgba(0,0,0,0.01);
	margin-right:10px;
	max-width:100%;
	line-height:1.5em;
	vertical-align:top;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-overflow-scrolling:touch;
	}
.readBox{
	overflow:auto;
	border:1px solid rgba(0,0,0,0.2);
	font-size:14px;
	line-height:1.5em;
	padding:15px;
	height:auto;
	color:#3f3f3f;
	background:rgba(0,0,0,0.01);
	max-width:100%;
	border-radius:3px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-overflow-scrolling:touch;
	}
.readBox.dark{background:#5c5c5d; color:#fff; border:0;}

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;}

.fontWeight100{font-weight:100;}
.fontWeight200{font-weight:200;}
.fontWeight300{font-weight:300;}
.fontWeight400{font-weight:400;}
.fontWeight500{font-weight:500;}
.fontWeight600{font-weight:600;}
.fontWeight700{font-weight:700;}


.bold{font-weight: 500;}
.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;}
.underline:hover{text-decoration:underline;}
.relative:{position:relative;}
.block{display:block;}
.inline-block{display:inline-block;}

.help-block{display:block; color:#919ba7; line-height:1.3em; padding:7px 2px;}
.help-block.highlight, .help-block .highlight{color:#5f6b77; font-weight:400;}
.help-block a{color:inherit; text-decoration:underline !important;}
.help-block a:hover{color:#3b96fc; }

.noborder{border:0 !important;}

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


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


/*──────────────── Margin ────────────────*/
.mt5{margin-top:5px !important;}
.mt10{margin-top:10px !important;}
.mt15{margin-top:15px !important;}
.mt20{margin-top:20px !important;}
.mt25{margin-top:25px !important;}
.mt30{margin-top:30px !important;}
.mt35{margin-top:35px !important;}
.mt40{margin-top:40px !important;}
.mt45{margin-top:45px !important;}
.mt50{margin-top:50px !important;}
.mt55{margin-top:55px !important;}
.mt60{margin-top:60px !important;}

.mb5{margin-bottom:5px !important;}
.mb10{margin-bottom:10px !important;}
.mb15{margin-bottom:15px !important;}
.mb20{margin-bottom:20px !important;}
.mb25{margin-bottom:25px !important;}
.mb30{margin-bottom:30px !important;}
.mb35{margin-bottom:35px !important;}
.mb40{margin-bottom:40px !important;}
.mb45{margin-bottom:45px !important;}
.mb50{margin-bottom:50px !important;}
.mb55{margin-bottom:55px !important;}
.mb60{margin-bottom:60px !important;}

.ml5{margin-left:5px !important;}
.ml10{margin-left:10px !important;}
.ml15{margin-left:15px !important;}
.ml20{margin-left:20px !important;}
.ml25{margin-left:25px !important;}
.ml30{margin-left:30px !important;}
.ml35{margin-left:35px !important;}
.ml40{margin-left:40px !important;}
.ml45{margin-left:45px !important;}
.ml50{margin-left:50px !important;}
.ml55{margin-left:55px !important;}
.ml60{margin-left:60px !important;}

.mr5{margin-right:5px !important;}
.mr10{margin-right:10px !important;}
.mr15{margin-right:15px !important;}
.mr20{margin-right:20px !important;}
.mr25{margin-right:25px !important;}
.mr30{margin-right:30px !important;}
.mr35{margin-right:35px !important;}
.mr40{margin-right:40px !important;}
.mr45{margin-right:45px !important;}
.mr50{margin-right:50px !important;}
.mr55{margin-right:55px !important;}
.mr60{margin-right:60px !important;}



/* 정렬 */
.clear{clear:both;}
.none {display:none !important;}
.fleft{float:left;}
.fright{float:right;}
.fcenter{margin:0 auto;}
.tcenter{text-align: center;}
.tleft{text-align:left;}
.tright{text-align:right;}
.justify{text-align:justify;}/*페이지 폭에 꽉차게 */
.table-cell{display:table-cell; vertical-align:middle;}
.hidden{visibility:hidden !important;}
.intaeFont{font-family:'intaeFont' !important; font-weight:normal;}
.hlelp-block{display:block; line-height:1.4em; margin-top:5px;}
.winCenter{width:100%; height:100%; display:flex; align-items:center;}



/*_________ tag _________*/

.tag{
	vertical-align:middle;
	display:inline-block;
	padding:0 10px;
	height:23px;
	line-height:23px;
	font-size:11px;
	font-weight: 300;
	color:#fff;
	text-align:center;
	background:rgba(0,0,0,0.45);
	border:1px solid rgba(0,0,0,0.04);
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border-radius:2px;
	}
.tag.mini{
	padding:0 5px;
	height:20px;
	line-height:20px;
	font-weight: 300;
	}
.tag.minimini{
	padding:0 3px;
	height:18px;
	line-height:16px;
	font-weight: 100;
	font-size:10px;
	}

.tag.orange{color:#494949; background:#ffbf37;}
.tag.blue{color:#fff !important; background:#377eff; border:1px solid rgba(40,95,194,0.6);}
.tag.red{color:#fff !important; background:#ff3f3f;}
.tag.white{color:#3e3e3e; background:#fff; border:1px solid rgba(0,0,0,0.2);}

.tag.skinOption{
	font-size:11px;
	padding:0 5px;
	margin:2px 0;
	height:20px;
	line-height:18px;
	font-weight: 300;
	color:#354c0c !important;
	background:#bde175;
	border-color:rgba(101,149,26,0.4);
	border-radius:1px;
	border:1px solid red !important;
	}

.tagOn:after{
	content:'';
	display:inline-block;
	width:22px;
	height:17px;
	background:url('img/tagOnOff_mob.png') no-repeat;
	background-position:0 0;
	background-size:49px 17px;
	vertical-align:middle;
	margin-left:5px;
	}
.tagOff:after{
	content:'';
	display:inline-block;
	width:24px;
	height:17px;
	background:url('img/tagOnOff_mob.png') no-repeat;
	background-position:-25px 0;
	background-size:49px 17px;
	vertical-align:middle;
	margin-left:5px;
	}



.yellowTag{
	display:inline-block;
	height:22px;
	line-height:20px;
	font-size:11px;
	font-weight:400;
	color:#8f5e2c;
	background:url('img/sprite_yellowTag.png') repeat-x;
	background-position: 0 -44px;
	position:relative;
	top:-20px;
	left:0;

	}

.yellowTag:before{
	content:'';
	background:url('img/sprite_yellowTag.png') no-repeat;
	background-position: 0 -22px;
	width:10px;
	height:22px;
	display:inline-block;
	position:absolute;
	top:0;
	left:-10px;
	}
.yellowTag:after{
	content:'';
	background:url('img/sprite_yellowTag.png') no-repeat;
	background-position: right -22px;
	width:20px;
	height:22px;
	line-height:22px;
	display:inline-block;
	position:absolute;
	top:0;
	right:-20px;
	}

.tagNum{
	vertical-align:middle;
	display:inline-block;
	width:17px;
	height:17px;
	line-height:16px;
	font-size:10px;
	font-weight: 500;
	color:#fff;
	text-align:center;
	background:rgba(0,0,0,0.65);
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border-radius:3px;
	margin-top:-1px;
	margin-left:3px;
	}




/*──────────────── span ────────────────*/
[class*="span"],
[class^="span"]{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;display:inline-block;position:relative;vertical-align:middle;}
.span10{width:800px;}
.span9{width:630px;}
.span8{width:570px;}
.span7{width:410px;}
.span6{width:350px;}
.span5{width:220px;}
.span4{width:190px;}
.span3{width:150px;}
.span2{width:50px;}
.span1{width:40px;}
.span{width:100%;}

.span2n{width:calc(50% - 4px); margin-right:8px; float:left; padding-left:0 !important;padding-right:0 !important;}
.span2n:nth-child(2n+2){margin-right:0;}

.span3n{width:calc(33.33% - 6px); margin-right:9px; float:left; padding-left:0 !important;padding-right:0 !important;}
.span3n:nth-child(3n+3){margin-right:0;}

.span90{width:calc(90% - 4px); margin-right:8px; float:left; padding-left:0 !important;padding-right:0 !important;}
.span80{width:calc(80% - 4px); margin-right:8px; float:left; padding-left:0 !important;padding-right:0 !important;}
.span70{width:calc(70% - 4px); margin-right:8px; float:left; padding-left:0 !important;padding-right:0 !important;}
.span60{width:calc(60% - 4px); margin-right:8px; float:left; padding-left:0 !important;padding-right:0 !important;}
.span50{width:calc(50% - 4px); margin-right:8px; float:left; padding-left:0 !important;padding-right:0 !important;}
.span40{width:calc(40% - 4px); margin-right:8px; float:left; padding-left:0 !important;padding-right:0 !important;}
.span30{width:calc(30% - 4px); margin-right:8px; float:left; padding-left:0 !important;padding-right:0 !important;}
.span20{width:calc(20% - 4px); margin-right:8px; float:left; padding-left:0 !important;padding-right:0 !important;}
.span10{width:calc(10% - 4px); margin-right:8px; float:left; padding-left:0 !important;padding-right:0 !important;}

.spanGroup{overflow:hidden; width:100%;}
.spanGroup [class*="span"]:last-child{margin-right:0;}




/*──────────────── Padding ────────────────*/
[class*="padding"]{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.padding5{padding:5px;}
.padding10{padding:10px;}
.padding15{padding:15px;}
.padding20{padding:20px;}
.padding25{padding:25px;}
.padding30{padding:30px;}
.padding35{padding:35px;}
.padding40{padding:40px;}
.padding45{padding:45px;}
.padding50{padding:50px;}
.padding55{padding:55px;}
.padding60{padding:60px;}



/*──────────────── icon ────────────────*/
span[class*="icon_"]{display:inline-block; vertical-align:middle;}
[class*="icon_"]:before{font-family: 'intaeFont'; font-size:12px; font-weight:normal !important; vertical-align:middle; display:inline-block; color:inherit;}
i[class*="icon_"], i[class^="icon_"]{font-style: normal;}
.icon_file:before{content: "\e0e8"; margin-left:0.5em;}
.icon_link:before{content: "\e36d"; font-size:20px; width:17px; margin-top:-1px;}
.icon_reply:before{content: "\e411"; font-size:17px; font-weight:bold !important; margin-top:-2px;}
.icon_secret:before{content: "\e0c1"; font-size:15px;}
.icon_user:before{content:"\e0ab";}
.icon_name:before{content:"\e0ab"; margin-top:-2px;}
.icon_cate:before{content:"\e199"; font-size:15px; margin-top:0px;}
.icon_email:before{content:"\e16c"; font-size:15px; margin-top:0px;}
.icon_phone:before{content:"\e155"; font-size:15px; margin-top:0px;}
.icon_date:before{content:"\e12b"; font-size:15px; margin-top:-1px;}
.icon_thumb:before{content:'\e0f8'; font-size:15px; margin-right:5px; margin-top:-2px;}
.icon_movie:before{content:'\e0a8'; font-size:15px; margin-top:-3px;}
.icon_pc:before{content:'\e158'; font-size:15px; color:#565656; margin-right:8px; margin-top:0;}
.icon_mobile:before{content:'\e155'; font-size:15px; color:#565656; margin-right:8px; margin-top:0;}
.icon_size:before{content:'\e1f0'; font-size:17px; color:#565656; margin-right:0.4em; margin-top:-0.2em;}
.icon_calendar:before{content:'\e102'; font-size:15px; color:#565656; margin-right:8px; margin-top:-1px;}
.icon_date:before{content:'\e22a'; font-size:15px; color:#565656; margin-right:8px; margin-top:-1px;}
.icon_color:before{content:'\e259'; font-size:15px; color:#565656; margin-right:8px; margin-top:0px;}
.icon_question:before{content:'\e2db'; font-size:17px; margin-top:-1px;}	/* 질문 */
.icon_answer:before{content:'\e2e3'; font-size:17px; margin-top:-1px;}	/* 답변 */
.icon_check:before{content:'\e335'; font-size:17px; margin-top:0;}			/* 채크 */
.icon_id:before{content:"\e0ab";}
.icon_password:before{content:"\e0bf";}
.icon_code:before{font-size:20px; content:"\e190";}


.icon_good:before{content:'\e405'; font-size:18px; font-weight:bold !important; color:#37a8ff; position:relative; top:-2px; margin-right:3px;}
.icon_view:before{content:'\e427'; font-size:16px; font-weight:bold !important; margin-right:3px;}


span[class*="fileIcon_"]{display:inline-block; vertical-align:middle; margin-left:0.6em;}
[class*="fileIcon_"]:before{display:inline-block; vertical-align:middle; content:'\e0e8'; font-family: 'intaeFont'; color:#676767;  font-weight:bold !important; font-size:13px; margin-top:-5px;}
span[class*="fileIcon_"].file + span[class*="fileIcon_"].file{display:none;}
.fileIcon_jpg:before,
.fileIcon_png:before,
.fileIcon_gif:before{content:'\e0f7'; font-size:13px;}


span.icon_new{
	position:relative;
	font-family:Arial;
	font-size:10px;
	font-weight:300;
	padding:0 4px;
	height:15px;
	line-height:15px;
	border-radius:3px;
	text-align:center;
	color:#fff !important;
	background:#ff6464;
	display:inline-block;
	vertical-align:middle;
	margin-top:-3px;
	margin-left:15px !important;
	}
.icon_new:before{content: "\e043"; font-family: 'intaeFont'; font-size:12px; color:#ff6464; position:absolute; top:calc(50% - 7px); left:-7px;}

.icon_hot{font-size:0; display:inline-block; vertical-align:middle; width:22px; height:22px; text-align:center; color:#676bff; background:#fff; border:1px solid rgba(103,107,255,0.7); border-radius:10px; box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);}
.icon_hot:before{content:"\e19e"; font-size:14px; line-height:22px; font-weight:bold !important; color:inherit; display:inline-block;}



.quotationMark{display:block;}
.quotationMark:before{
	content:'\e3ed';
	font-family:'intaeFont';
	font-size:34px;
	color:#e0e0e0;
	display:inline-block;
	margin-left:-5px;
	margin-bottom:10px;
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
	}







/*──────────────── form ────────────────*/

input{vertical-align:middle;}
textarea,
input[type="text"],
input[type="password"],
input[type="email"],
input[type="tel"],
input[type="number"],
input[type="url"],
input[type="date"],
input[type="time"],
select{
	font-family:dotum, sans-serif;
	display:inline-block;
	vertical-align:middle;
	*overflow:visible;
	height:50px;
	padding:2px 15px 0 15px;
	font-size:14px;
	font-weight:300;
	color:#151515;
	border:1px solid rgba(0,0,0,0.15);
	background-color:#fff;
	-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: all .2s ease-in-out;
	-webkit-transition: all .2s ease-in-out;
	-ms-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;*/
	border-radius: 3px;
	position:relative;
	z-index:3;
	}
input[type="date"]{line-height:48px; font-size:20px; font-weight:100;}
input[type="text"].small,
input[type="password"].small,
input[type="email"].small,
input[type="tel"].small,
input[type="number"].small,
input[type="url"].small,
input[type="date"].small,
input[type="time"].small,
select.small{font-size:13px;height:41px;}

input[type="text"].large,
input[type="password"].large,
input[type="email"].large,
input[type="tel"].large,
input[type="number"].large,
input[type="url"].large,
input[type="date"].large,
input[type="time"].large,
select.large{font-size:17px;height:60px;}

textarea{padding:15px 10px;font-size:14px;line-height:1.5em;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 #77b1ff; background-color:#fff;}




textarea.inverse,
select.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:#fff; border:1px solid rgba(255,255,255,0.6);background:transparent; transition: all .2s ease-in-out;}

textarea.inverse:focus,
input[type="text"].inverse:focus,
input[type="password"].inverse:focus,
input[type="email"].inverse:focus,
input[type="tel"].inverse:focus,
input[type="number"].inverse:focus,
input[type="url"].inverse:focus{border:1px solid rgba(255,255,255,1);background:rgba(255,255,255,0.03) !important}

input.inverse:-moz-placeholder,
textarea.inverse:-moz-placeholder{color:rgba(255,255,255,0.5) !important; font-weight:300;}
input.inverse:-ms-input-placeholder,
textarea.inverse:-ms-input-placeholder{color:rgba(255,255,255,0.5) !important; font-weight:300;}
input.inverse::-webkit-input-placeholder,
textarea.inverse::-webkit-input-placeholder {color:rgba(255,255,255,0.5) !important; font-weight:300;}



textarea.gray,
input[type="text"].gray,
input[type="password"].gray,
input[type="email"].gray,
input[type="tel"].gray,
input[type="number"].gray,
input[type="url"].gray,
input[type="date"].gray,
input[type="time"].gray,
select.gray{color:#151515;border:0;background-color:#f0f0f0;}




.inputLabel{
	position:relative;
	display:inline-block;
	vertical-align:middle;
	font-size:14px;
	font-weight:500;
	color:#fff;
	padding:0px 10px;
	background:rgba(0,0,0,0.2);
	border-radius:3px;
	}
.inputLabel[class*="icon_"]{padding:1px 0 0 12px;}
.inputLabel[class*="icon_"]:before{display:inline-block; vertical-align:middle;}


.inputLabel.focus{color:#fff; background:#61a4ff; border:0;}
.inputLabel.focus [class^='icon']:before{color:#fff; background:#61a4ff;}

.inputLabel.gray{color:#fff; background:#8b8b8b;}
.inputLabel.gray.focus{background:#61a4ff;}
.inputLabel.gray.focus [class^='icon']:before{color:#fff;}

.inputLabel.yellow{color:#614531 !important; background:#fff8a5; border:1px solid rgba(0,0,0,0.1);}
.inputLabel.blue{color:#e5f8ff; background:#61a4ff;}
.inputLabel.green{color:#fff; background:#6dce6d;}
.inputLabel.red{color:#fff; background:#ff7171;}
.inputLabel.black{color:#fff; background:#363636;}
.inputLabel.white{padding:0px 12px 0 10px; background:#fff;  color:#565656; border-right:1px solid rgba(0,0,0,0.1); border-radius:0 !important;}

.inputLabel.jscolor{
	width:47px !important;
	position:relative;
	background:url('img/colorBtn.jpg')no-repeat;
	background-size:cover;
	border:1px solid rgba(0,0,0,0.1);
	}





.select-wrapper {text-decoration:none; display: block; position: relative; }
.select-wrapper:after {
	display: block;
	position: absolute;
	right: 0;
	top: 0;
	z-index:6;
	width: 40px;
	height: 100%;
	padding:0;
	margin:0;
	content: '\e3d9';
	font-family: 'intaeFont'; 
	font-size:19px;
	color: #818283;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
	pointer-events: none;
	}
.select-wrapper select::-ms-expand {display: none;}
select {width:100%; line-height: 44px;}
select option {background-color: #1c1d26; color: #000;}
select:focus::-ms-value {background: transparent;}

.select-wrapper select{padding-right:43px;}


.checkBoxWrap {padding:10px 0;}
.checkBoxWrap .inputLabel{
	position:relative;
	display:inline-block;
	vertical-align:middle;
	font-size:16px;
	font-weight:500 !important;
	color:#555555;
	padding-left:5px;
	margin-right:15px;
	background:transparent;
	}





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

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






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:-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;}
textarea.readonly{-webkit-overflow-scrolling:touch; background:rgba(0,0,0,0.03) !important;}







/*============ 버튼 =============*/
.btn,
input[type="submit"].btn {
	display: inline-block;
	font-size:14px;
	font-weight: 300;
	color: #fff;
	height: 50px;
	line-height: 50px;
	padding: 0 2.25em;
	text-align: center;
	background-color: #61a4ff;
	border-radius: 2px !important;
	-moz-appearance: none;
	-webkit-appearance: none;
	-ms-appearance: none;
	appearance: none;
	-moz-transition: all .2s ease-in-out;
	-webkit-transition: all .2s ease-in-out;
	-ms-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	cursor: pointer;
	}
.btn:hover,.btn:active,input[type="submit"].btn:active,input[type="submit"].btn:hover{background-color: #2f7be3;}


.btn.mini,input[type="submit"].btn.mini{padding:0 0.7em;height:30px;line-height:30px;font-size:13px;font-weight:400;}
.btn.small, input[type="submit"].btn.small{padding:0 30px;height:41px;line-height:41px;font-size:14px;}
.btn.large, input[type="submit"].btn.large{padding:0 36px;height:60px;line-height:60px;font-size:18px;font-weight: 400;}

.btn.blue, input[type="submit"].btn.blue{background-color:#377eff; color:#fff;}
.btn.blue:hover, input[type="submit"].btn.blue:hover{background-color:#1f68ed;}
.btn.vivid-blue, input[type="submit"].btn.vivid-blue{background-color:#4aa2d1; color:#fff;}
.btn.vivid-blue:hover, input[type="submit"].btn.vivid-blue:hover{background-color:#3c91be;}
.btn.green, input[type="submit"].btn.green{background-color:#5bb75b; color:#fff;}
.btn.green:hover, input[type="submit"].btn.green:hover{background-color:#40a140;}
.btn.yellow, input[type="submit"].btn.yellow{background-color:#faa732; color:#fff;}
.btn.yellow:hover, input[type="submit"].btn.yellow:hover{background-color:#ef8616;}
.btn.red, input[type="submit"].btn.red{background-color:#da4f49; color:#fff;}
.btn.red:hover, input[type="submit"].btn.red:hover{background-color:#d7261e;}
.btn.black, input[type="submit"].btn.black{background-color:#363636; color:#fff;}
.btn.black:hover, input[type="submit"].btn.black:hover{background-color:#181818;}
.btn.gray, input[type="submit"].btn.gray{background-color:#919191; color:#fff;}
.btn.gray:hover, input[type="submit"].btn.gray:hover{background-color:#7d7d7d;}
.btn.darkgray, input[type="submit"].btn.darkgray{background-color:#525252; color:#fff;}
.btn.darkgray:hover, input[type="submit"].btn.darkgray:hover{background-color:#434343;}
.btn.pink, input[type="submit"].btn.pink{background-color:#f0516a; color:#fff;}
.btn.pink:hover, input[type="submit"].btn.pink:hover{background-color:#e94862;}
.btn.vivid-orange, input[type="submit"].btn.vivid-orange{background-color:#db582f; color:#fff;}
.btn.vivid-orange:hover, input[type="submit"].btn.vivid-orange:hover{background-color:#d35129;}
.btn.popup, input[type="submit"].btn.popup{background-color:#ff6600; color:#fff;}
.btn.popup:hover, input[type="submit"].btn.popup:hover{background-color:#ff5533;}



.btn.inverse{background:transparent !important;
	color:#fff;
	border:1px solid rgba(255,255,255,0.6);
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	}
.btn.blue.inverse{border-color:#27b9f1; color:#27b9f1 !important;}
.btn.vivid-blue.inverse{border-color:#49afcd; color:#49afcd !important;}
.btn.green.inverse{border-color:#5bb75b; color:#5bb75b !important;}
.btn.yellow.inverse{border-color:#faa732; color:#faa732 !important;}
.btn.red.inverse{border-color:#da4f49; color:#da4f49 !important;}
.btn.black.inverse{border-color:#363636; color:#363636 !important;}
.btn.darkgray.inverse{border-color:#6d6d6d; color:#525252 !important;}
.btn.inverse:hover{background:rgba(255,255,255,0.85); color:rgba(0,0,0,1); border:1px solid rgba(255,255,255,0.85 );}


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;
	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); 
	}




/* 임시저장된 글 */
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;
	} /* 우편번호검색버튼 등 */




/*============ radio & checkbox =============*/

input[type="checkbox"] {margin-right:8px; vertical-align:middle; display:none;}
input[type="radio"] {margin-right:6px; vertical-align:middle; display:none;}
label{margin-right:10px; cursor:pointer;}
label:last-child{margin-right:0;}

input[type="checkbox"] + span {
    display:inline-block;
	margin-right:7px;
	margin-top:-3px;
    vertical-align:middle;
	width:23px;
	height:23px;
	line-height:25px;
	font-size:13px;
	font-weight:normal;
    background:#cacaca;
	border-radius:5px;
    cursor:pointer;
	text-align:center;
	color:rgba(255,255,255,0.9);
	}
label:hover input[type="checkbox"] + span:before{content:'\e189'; font-family:'intaeFont';}
input[type="checkbox"]:checked + span{background:#1abc9c;}
input[type="checkbox"]:checked + span:before {content:'\e189'; font-family:'intaeFont'; color:#fff;}


input[type="radio"] + span{
    display:inline-block;
    margin-right:7px;
	margin-top:-3px;
    vertical-align:middle;
	width:21px;
	height:21px;
	line-height:21px;
    background:#d7d7d7;
	/*border:5px solid #d7d7d7;*/
	border-radius:50%;
    cursor:pointer;
	text-align:center;
	position:relative;
	}
label:hover input[type="radio"] + span{}


input[type="radio"]:checked + span:before{
	content:'';
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	background:transparent;
	border:5px solid #d7d7d7;
	border-radius:50%;
}


label input[type="radio"]:checked  + span{background:#1abc9c;}