@charset "utf-8";

@font-face{
	font-family:'NanumGothic';
	font-style:normal;
    font-weight:normal;
	src:url('../font/NanumGothic.eot');
	src:local('※'),
		url('../font/NanumGothic.woff') format('woff'),
		url('../font/NanumGothic.ttf') format('truetype');
}

@font-face{
	font-family:'NanumGothicB';
	font-style:normal;
    font-weight:bold;
	src:url('../font/NanumGothicBold.eot');
	src:local('※'),
		url('../font/NanumGothicBold.woff') format('woff'),
		url('../font/NanumGothicBold.ttf') format('truetype');
}


/* 요소(element) 여백 초기화 */

html {width:100%;height:100%;}
body, code {margin:0; padding:0; font-size:12px; font-weight:normal; font-family:'NanumGothic', arial, dotum, 돋움; color:#333; line-height:160%;}
h1, h2, h3, h4, h5, h6, div, p, dl, dt, dd, ul, ol, li, form, fieldset, blockquote, address, table, thead, tbody, tfoot, tr, caption {margin:0;padding:0;}

/* 제목요소 */

h1,h2,h3,h4,h5,h6 {font-size:1em; font-weight:normal}

/* 테두리 없애기 */

fieldset,img,abbr,acronym {border:0 none;}

/* 목록 */
ul, ol {list-style:none;}

/* 테이블 */

table {border:0 none;}
th, td {border:0; vertical-align:middle;}
caption,th,td {border:0;font-weight:normal;}
button {padding:0;border:0;background:transparent;cursor:pointer}

/* 텍스트 관련 요소 초기화 */

ins {text-decoration:none}
del {text-decoration:line-through}
strong {font-family:'NanumGothicB'; font-weight:normal;}

/* 수평선 */

hr {display:none}

/* 링크 스타일 */

a, a:link, a:visited {color:#333; text-decoration:none; outline:none;}
a:active, a:hover, a:focus {color:#333; text-decoration:none;}

select{vertical-align:middle;}
img, fieldset {border:none; vertical-align:top;}

/* 레이아웃 정렬 */

.fl {float:left;}
.fr	{float:right;}
.center {margin:0 auto;}

/* 텍스트 정렬 */

.tl	{text-align:left;}
.tr	{text-align:right;}
.tc	{text-align:center;}

/* clearfix */
.clearfix:after  {content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix   {display: block;}
/* End hide from IE-mac */

/* 박스 보더 */
.box_o {border:1px solid #222;}
.box_o:hover {border:1px solid #f47e00; }
.box_g {border:1px solid #222;}
.box_g:hover {border:1px solid #41b40a; }
.box_sky{border:1px solid #ddd;}
.box_sky:hover {border:1px solid #41b4f1; }

/* 박스 라운드 */
.box_radius{border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;}

/* 그림자 */
.shadow{box-shadow: 3px 3px 3px 0px rgba(34,25,25,0.1);-moz-box-shadow:3px 3px 3px 0px rgba(34,25,25,0.1);-webkit-box-shadow:3px 3px 3px 0px rgba(34,25,25,0.1);}

/* 스크롤 바 */

html {overflow-y:scroll;}