@charset "utf-8";
/* @import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);  */
@import url(font.css); 
@import url(nanumsquare.css);
@font-face {
	font-family: 'Roboto';
	font-style: normal;
	font-weight:normal;
	src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v16/CWB0XYA8bzo0kSThX0UTuA.woff2) format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}

@font-face {
  font-family: 'Glyphicons Halflings';
  src: url('//cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/fonts/glyphicons-halflings-regular.eot');
  src: url('//cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'),
       url('//cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/fonts/glyphicons-halflings-regular.woff2') format('woff2'),
       url('//cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/fonts/glyphicons-halflings-regular.woff') format('woff'),
       url('//cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/fonts/glyphicons-halflings-regular.ttf') format('truetype'),
       url('//cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
}

/* Reset */
 * {outline:0 !important;}
html,body,
h1,h2,h3,h4,h5,h6,
div,p,blockquote,pre,code,address,
ul,ol,li,
menu,nav,section,article,aside,
dl,dt,dd,
table,thead,tbody,tfoot,label,caption,th,td,
form,fieldset,legend,hr,input,button,textarea,object,figure,figcaption {margin:0;padding:0;font-size:17px; line-height:1.8; font-family:'Roboto','NanumSquare', 'Noto Sans KR',맑은고딕,'Malgun Gothic',돋움,Dotum,sans-serif; color:#333; word-break:keep-all}

html, body{width:100%;}

html{/*-webkit-touch-callout:none;  -webkit-user-select:none;  */-webkit-tap-highlight-color:rgba(0, 0, 0, 0);}
body{width:100%; background:#fff; min-width:320px; -webkit-text-size-adjust:none;word-wrap:break-word;word-break:break-all; letter-spacing:-0.5px}

body,input,select,textarea,button {border:none;}
h1,h2,h3,h4,h5,h6 {font-family:'NanumSquare', sans-serif;}
ul,ol,li{list-style:none;}
table{width:100%;border-spacing:0;border-collapse:collapse; position:relative}
img,fieldset{border:0;}
address,cite,code,em{font-style:normal;font-weight:normal;}
label,img,input,select,textarea,button{vertical-align:middle;}
.hide,caption,legend{line-height:0;font-size:1px;overflow:hidden;}
hr{display:none;}
main,header,section,nav,footer,aside,article,figure{display:block;}
i, em{font-style:normal}
a{color:#000;text-decoration:none; cursor:pointer;}
a:hover {text-decoration:none;}
 
/* Form */
textarea { border:1px solid #dbdbdb;}
select { height:32px; font-size:14px; color:#373737; border:1px solid #e9e9e9; background:#fff;/* border-radius: 5px; */}
input[type=tel],
input[type=time],
input[type=text],
input[type=password],
input[type=search],
input[type=email],
input[type=file],
input[type=url],
input[type=number],
input[type=date],textarea {width:100%; height:38px; font-size:16px; color:#373737; border:1px solid #ccc; background:#fff; text-indent:20px; /* border-radius: 5px; */ transition: all 0.5s; vertical-align:middle;}
input::-webkit-input-placeholder{color:#b5b5b5; font-size:14px; line-height:100%;}

textarea { padding:5px 0;}
select:focus,
textarea:focus,
input:focus { border: 1px solid #727272;}

input[type=tel][readonly],
input[type=text][readonly],
input[type=password][readonly],
input[type=email][readonly], 
input[type=search][readonly], 
input[type=tel][disabled],
input[type=text][disabled],
input[type=password][disabled],
input[type=search][disabled],
input[type=email][disabled]{background:#eaeaea; border-color:#c0c0c0; color:#666; -webkit-appearance:none;font-size:16px;}
textarea[readonly],
textarea[disabled]{padding:11px; font-size:14px; color:#666; font-weight:normal; line-height:140%; height:78px; background:#eaeaea;border:1px solid #c0c0c0;}

input[type=checkbox] {width:20px; height:20px;}

.clear {clear:both;}
.clear:after { content:""; display:block; clear:both;}
.float_r { float:right}
.float_l { float:left}
.tac{text-align:center !important;}
.tar{text-align:right !important;}
.tal{text-align:left !important;}
.bd_b0 {border-bottom:none !important}


/*버튼*/
.btn {padding: 0 15px;line-height: 40px;height: 40px;display: inline-block;vertical-align: middle;}
.btn_sm {display: inline-block;padding: 3px 10px;line-height:20px;font-size: 14px; text-align:center;}
.btn_default {background:#8292b4; color:#fff}
.btn_default1 {background:#485166; color:#fff}
.btn_primary {background-color: #33414E;border-color: #33414E;color:#fff}
.btn_success {background-color: #95B75D;border-color: #95B75D;color:#fff}
.btn_info {background-color: #3FBAE4;border-color: #3FBAE4;color:#fff}
.btn_warning {background-color: #FEA223;border-color: #FEA223;color:#fff}
.btn_submit {background-color: #B64645;border-color: #B64645;color:#fff;}

/*아이콘문자*/
.icon {position: relative;top: 1px;display: inline-block;font: normal normal 16px/1 'Glyphicons Halflings';-moz-osx-font-smoothing: grayscale;-webkit-font-smoothing: antialiased;margin-right: 4px;}
.icon:before {content: "\e183";
}

/*공백*/
.mt0 {margin-top:0px !important;}
.mt30 {margin-top:30px !important;}
.mt50 {margin-top:50px !important;}

.ml0{margin-left:0 !important;}
.ml10{margin-left:10px !important;}
.mb0{margin-bottom:0 !important;}

/* width_size */
.w25p {width:25% !important;}
.w30p {width:30% !important;}
.w35p {width:35% !important;}

.w150 {width:150px !important;}


/*텍스트포인트 색상*/
.c_green { color:#2ea91c}
.c_pink {color:#f9587d !important}
.c_brown {color:#B64645 !important;}
.c_org {color:#ff5612 !important;}



/* 폰트색상 */
.c0  {color:#000 !important;}
.c2  {color:#222 !important;}
.c3  {color:#333 !important;}
.c5  {color:#555 !important;}
.c6  {color:#666 !important;}
.c8  {color:#888 !important;}
.c9  {color:#999 !important;}
.cf  {color:#fff !important;}

/*회색조*/
.cg1 {color:#69696a !important;}
.cg2 {color:#ababab !important;}
.cg3 {color:#848484 !important;}
.cg4 {color:#727272 !important;}
.cg5 {color:#b3b7bc !important;}

.cred {color:#DF2519 !important;}
.cblue {color:#2176C6 !important;}
.cblue1 {color:#4e70a5 !important;}
.cpink {color:#f9587d !important}
.cgold {color:#b8883c !important;}
.cgreen {color:#758d0a !important;}
.cbrown {color:#9F2C00 !important;}
.corg {color:#ff5612 !important;}

.row{margin:0 -10px}
.col {padding:0 10px}

.inline {font-size:0}
.inline > li {display:inline-block;font-size:1rem;padding:0 10px;vertical-align:top;}