@charset "utf-8";



/* -------------------------- */
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,
select,textarea,dl, dt, dd, ol, ul, li,form, label, table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,figure, figcaption, footer, header, hgroup,menu, nav, output, ruby, section, summary,time, mark, audio, video{	
	padding:0px; margin:0px;vertical-align:top
}
input { padding:0px; margin:0px;vertical-align:middle; }

html {
	font-family:'Open Sans','맑은 고딕','Malgun Gothic','나눔 고딕','Nanum Gothic','dotum';
	color:#565656;font-size:14px;line-height:20px;letter-spacing:-1px;overflow-y:auto; overflow-x hidden;
}
html, body {width:100%;height:100%;-webkit-text-size-adjust:none}
body{min-width:1000px;}
ul, ol {list-style-type:none}
h1,h2,h3,h4,h5,h6{font-weight:normal}
table{border-collapse:collapse;border-spacing:0}
img{border:0;outline:none}
label {cursor:pointer}
i, em, address {font-style:normal;}
caption{visibility:hidden;width:0px;height:0px;font-size:0px;line-height:0px}
iframe,object,video,embed{position:relative;top:0;left:0;max-width:100%}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block;  padding:0; margin:0}
input,select,textarea{font-family:'Open Sans','맑은 고딕','Malgun Gothic','나눔 고딕','Nanum Gothic','dotum';color:#565656;}
textarea{resize:none;border:none;background:none}
a{color:#565656;text-decoration:none}
a:hover{color:#565656;text-decoration:underline}
a{outline:none; selector-dummy:expression(this.hideFocus=true);}
.ti {display:block; overflow:hidden; position:absolute; left:-9999px; width:1px; height:1px; font-size:0; line-height:0; text-indent:-9999px;}

.button_st {
	background-image: -webkit-linear-gradient(top, #f4f1ee, #fff);
	background-image: linear-gradient(top, #f4f1ee, #fff);
	border-radius: 50%;
	box-shadow: 0px 8px 10px 0px rgba(0, 0, 0, .3), inset 0px 4px 1px 1px white, inset 0px -3px 1px 1px rgba(204,198,197,.5);
	float:left;
	height: 70px;
	margin: 0 30px 30px 0;
	position: relative;
	width: 70px;			
	-webkit-transition: all .1s linear;
	transition: all .1s linear;
}

/* -------------------------- */
.ico {
	display: inline-block; font: normal normal normal 14px/1 FontAwesome;	font-size: inherit;
	text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transform: translate(0, 0);
}
.ic-diamond:before {content: "\f219";}
.ic-twitter:before {content: "\f099";}
.ic-facebook:before {content: "\f09a";}
.ic_youtube:before {content: "\f16a";;}
.ic-arrow:before {content: "\f0d7";}
.ic-bars:before {content: "\f0c9";}
.ic-download:before {content: "\f019";}
.ic-as:before {content: "\f1e0";}
.ic-close:before { content: "\f00d";}
.ic-home:before {content: "\f015";}
.ic-video:before {content: "\f008";}
.ic-request:before{content: "\f211";}
.ic-guide:before {content: "\f20e";}
.ic-next:before {content: "\f0da";}
.ic-help:before {content: "\f018";}
.ic-pamphlet:before {content: "\f06c";}
.ic-webtoon:before { content: "\f1cd";}
.ic-chk:before {content: "\f00c";}
.ic-print:before {content: "\f02f";}
.ic-ar:before {content: "\f105";}
.ic-arup:before {content: "\f106";}
.ic-close:before {content: "\f00d";}
.ic-open:before {content: "\f036";}
.ic-bx1:before {content: "\f21a";}
.ic-bx2:before { content: "\f1a3";}
.ic-bx3:before { content: "\f1a3";}
.ic-bx4:before {content: "\f170";}
.ic-bx5:before {content: "\f170";}
.ic-bx6:before {content: "\f0f3";}
.ic-caret-right:before {content: "\f0da";}
.ic-plus-square-o:before {content: "\f196";}
.ic-caret-up:before {content: "\f0d8";}
.ic-caret-down:before {content: "\f0d7";}
.ic-download:before {content: "\f019";}
.ic-file-text:before {content: "\f15c";}
.ic-pencil:before {content: "\f040";}
.ic-phone:before {content: "\f095";}
.fa-gears:before, .fa-cogs:before {content: "\f085";}
.fa-database:before {content: "\f1c0";}
.fa-wrench:before {content: "\f0ad";}
.fa-map-marker:before {content: "\f041";}
.fa-envelope:before {content: "\f0e0";}
.fa-arrow-right:before {content: "\f061";}