@charset "utf-8";
@import url('layout.css'); /* 전체적인 레이아웃 & 메인페이지 */
@import url("http://fonts.googleapis.com/earlyaccess/nanumgothic.css");

html {
	overflow-y:scroll;
}
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,time,figure,article,nav,header,footer,hgroup,video,audio,aside,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	vertical-align: baseline;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

dl, dt, dd, ol, ul, li {
	margin:0;
	padding:0;
}

body {
	line-height:1;
}
ol, ul, li {
	list-style:none;
}
img, fieldset {
	border:0;
}
input, select, textarea {
	line-height:1.2;
	vertical-align:middle;
}

button, select {
	text-transform:none;
}
button, input {
	line-height:normal;
}
textarea {
	resize:vertical;
	overflow:auto;
}

label {
	cursor:pointer;
}

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


/* layout */
body, table, th, td,
textarea, button, input[type="button"] {
	font-family:'Times New Roman', NanumGothic, "Nanum Gothic", Dotum, Arial, sans-serif;
	font-size:13px;
	color:#2a2a2a;
	word-break:keep-all;
}
article, aside, footer, header, hgroup, main, nav, section {
    display: block;
}
::-moz-selection { color:#fff; background:#0b64a0; }
::selection { color:#fff; background:#0b64a0; }

.cb {display:block; clear:both;}
.cb:after {display:block; clear:both; content:''}
.tc { text-align: center; position: relative; }
.ml5 { margin-left: 2px !important; }

select { -webkit-border-radius: 0;}
select 
{ 
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  background-image: url("/images/contents/select_arrow.png");background-repeat: no-repeat; /* 셀렉박스 스타일 초기화, 화살표 이미지 갖다 박아라 */
  background-position: calc(100% - 10px) center;
  background-position: -webkit-calc(100% - 10px) center; background-position: -moz-calc(100% - 10px) center;
  padding: 0 8px;
}
select::-ms-expand {
    display: none;
}

/* global */
.clearfix {*zoom:1}
.clearfix:after{display: block;content:'';clear: both;}
.taC{text-align: center;}
.taL{text-align: left;}
.taR{text-align: right;}
.ellipsis {overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.mt0{margin-top: 0 !important;}
.mb0{margin-bottom: 0 !important;}
.mr0{margin-right: 0 !important;}
.mr10{margin-right: 10px!important;}
.pt0{padding-top: 0 !important;}
.pb0{padding-bottom: 0 !important;}
.mt10 {padding-top:10px !important}
.mt20 {padding-top:20px !important}
.mt20xsmt0 {padding-top:20px !important}
.mt30 {padding-top:30px !important}
.mt40 {padding-top:40px !important}
.mt50 {padding-top:50px !important}
.mt60 {padding-top:60px !important}
.mt70 {padding-top:70px !important}
.mt80 {padding-top:80px !important}
.mt90 {padding-top:90px !important}
.mt100 {padding-top:100px !important}
.mb10 {padding-bottom:10px !important;}
.mb20 {padding-bottom:20px !important;}
.mb30 {padding-bottom:30px !important;}
.mb40 {padding-bottom:40px !important;}
.mb50 {padding-bottom:50px !important;}
.mb60 {padding-bottom:60px !important;}
.mb70 {padding-bottom:70px !important;}
.mb80 {padding-bottom:80px !important;}
.mb90 {padding-bottom:90px !important;}
.mb100 {padding-bottom:100px !important;}
.pt10 {margin-top:10px !important}
.pt20 {margin-top:20px !important}
.pt20xspt0 {margin-top:20px !important}
.pt30 {margin-top:30px !important}
.pt40 {margin-top:40px !important}
.pt50 {margin-top:50px !important}
.pt60 {margin-top:60px !important}
.pt70 {margin-top:70px !important}
.pt80 {margin-top:80px !important}
.pt90 {margin-top:90px !important}
.pt100 {margin-top:100px !important}
.pb10 {margin-bottom:10px !important;}
.pb20 {margin-bottom:20px !important;}
.pb30 {margin-bottom:30px !important;}
.pb40 {margin-bottom:40px !important;}
.pb50 {margin-bottom:50px !important;}
.pb60 {margin-bottom:60px !important;}
.pb70 {margin-bottom:70px !important;}
.pb80 {margin-bottom:80px !important;}
.pb90 {margin-bottom:90px !important;}
.pb100 {margin-bottom:100px !important;}


@media (max-width: 767px) {
.mt20xsmt0 {padding-top:0px !important;}
.mt10 {padding-top:10px !important}
.mt20 {padding-top:10px !important}
.mt30 {padding-top:15px !important}
.mt40 {padding-top:20px !important}
.mt50 {padding-top:25px !important}
.mt60 {padding-top:30px !important}
.mt70 {padding-top:35px !important}
.mt80 {padding-top:40px !important}
.mt90 {padding-top:45px !important}
.mt100 {padding-top:50px !important}
.mb20 {padding-bottom:10px !important;}
.mb30 {padding-bottom:15px !important;}
.mb40 {padding-bottom:20px !important;}
.mb50 {padding-bottom:25px !important;}
.mb60 {padding-bottom:30px !important;}
.mb70 {padding-bottom:35px !important;}
.mb80 {padding-bottom:40px !important;}
.mb90 {padding-bottom:45px !important;}
.mb100 {padding-bottom:50px !important;}
.pt20xspt0 {margin-top:0px !important;}
.pt10 {margin-top:10px !important}
.pt20 {margin-top:10px !important}
.pt30 {margin-top:15px !important}
.pt40 {margin-top:20px !important}
.pt50 {margin-top:25px !important}
.pt60 {margin-top:30px !important}
.pt70 {margin-top:35px !important}
.pt80 {margin-top:40px !important}
.pt90 {margin-top:45px !important}
.pt100 {margin-top:50px !important}
.pb20 {margin-bottom:10px !important;}
.pb30 {margin-bottom:15px !important;}
.pb40 {margin-bottom:20px !important;}
.pb50 {margin-bottom:25px !important;}
.pb60 {margin-bottom:30px !important;}
.pb70 {margin-bottom:35px !important;}
.pb80 {margin-bottom:40px !important;}
.pb90 {margin-bottom:45px !important;}
.pb100 {margin-bottom:50px !important;}
}

.img_box > img {max-width:100%;}
.fl {float: left;}
.fr {float: right;}