@charset "utf-8";

@import url('https://fonts.googleapis.com/css?family=Roboto:400,500,700,900');

/* CSS Document */
* {-webkit-text-size-adjust:none;}
* { margin:0; padding:0; border:0; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
article,aside,details,figcaption,figure, footer,header,hgroup,menu,nav,section, main {display:block;} /* delete vertical-align */
html {}
body {font-size:13px; overflow-x:hidden; color:#333; word-wrap:break-word; word-break:break-all; -webkit-text-size-adjust:none; font-family: Arial,Helvetica, "Microsoft YaHei","微软雅黑", STXihei, "华文细黑", sans-serif, "Microsoft JhengHei","Microsoft MingLiU", 新細明體, sans-serif; word-break:all; letter-spacing:0em;} /**글자크기 자동조정 방지**/
div, ul, form, fieldset, td, th, li, h1, h2, h3, h4, p { margin:0; padding:0; border:0;}
ul, li, ol, dl { list-style:none;}
form { display:inline;}
address {font-style:normal;}

em {font-style:normal;}

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

input { vertical-align:middle;}
select { vertical-align:middle;}
img, fieldset, iframe { border:0;}
img {vertical-align:top; max-width:100%;}


.roboto {font-family: 'Roboto', "Apple SD Gothic Neo",sans-serif ; font-weight:400; letter-spacing:0em;}

#skip_nav {position: fixed; left: 0; top: -40px; width: 100%; text-align: center; line-height: 40px; background: rgba(0, 0, 0, 0.5); color: #ffffff; font-size: 13px; z-index: 10000; transition: top 0.3s;}
#skip_nav:focus {top: 0;}

address, caption, cite, code, dfn, em, strong, th, var {}
legend, caption {overflow:hidden; text-indent:-999px; width:100%; height:1px; font-size:0; line-height:0;}
h1, h2, h3, h4, h5, h6 { font-weight:normal;}
abbr, acronym { border:0; font-variant:normal;}
ins { text-decoration:none;}

.displayNone, hr {display:none;}
table {border-collapse:collapse; border:0;}
textarea {border:1px solid #ddd; line-height:140%; color:#606060;}
button {border:0; padding:0; background:transparent; cursor:pointer; *overflow:visible;}
button {outline-style:none;}

.hand {}
.clr { clear:both; font-size:0; line-height:0; height:0;}

.i_left {text-align:left !important;} /** 가운데정렬 **/
.i_center {text-align:center !important;} /** 왼쪽정렬 **/
.i_right {text-align:right !important;} /** 오른쪽정렬 **/

.t_left {text-align:left !important;} /** 왼쪽정렬 **/
.t_center {text-align:center !important;} /** 가운데정렬 **/

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,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,input,textarea,figure {
	margin:0;
	padding:0;
	border:0;	
	background:transparent;
	/**box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;**/
}

.relative {position:relative;}





/** 팝업창 기본 class *******************************************************************/

.popStyle { }
.popStyle { font-size:0;}
.popStyle img { display:block; vertical-align:top;}
.notice_bg { background:#212121; height:25px;}
.notice_black,
.notice_black a { font-size:14px; font-weight:normal; color:#fff;}

.pd0 {padding:0 !important;}
.mgt20{margin-top:20px;}
.mgt60{margin-top:60px;}
.mgl05{margin-left:5px;}

.blind {overflow:hidden; position:absolute; top:-999px; left:0; width:0; height:0; text-indent:-999px;}
.sound_only{overflow:hidden; position:absolute; top:-500px; left:0px; font-size:0px;}

.sr_only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}


.full {width:100% !important;}

.c_orange {color:#f37339;}

.f_bold {font-weight:bold;}
.bg_white {background-color:#fff !important;}