@charset "utf-8";

@import url('https://fonts.googleapis.com/css?family=Noto+Sans');

/* cyrillic-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/roboto/v27/KFOmCnqEu92Fr1Mu72xKOzY.woff2) format('woff2');
  unicode-range: U+AC00-U+D7A3;
}
/* cyrillic */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/roboto/v27/KFOmCnqEu92Fr1Mu5mxKOzY.woff2) format('woff2');
  unicode-range: U+AC00-U+D7A3;
}
/* greek-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/roboto/v27/KFOmCnqEu92Fr1Mu7mxKOzY.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/roboto/v27/KFOmCnqEu92Fr1Mu4WxKOzY.woff2) format('woff2');
  unicode-range: U+AC00-U+D7A3;
}
/* vietnamese */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/roboto/v27/KFOmCnqEu92Fr1Mu7WxKOzY.woff2) format('woff2');
  unicode-range: U+AC00-U+D7A3;
}
/* latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/roboto/v27/KFOmCnqEu92Fr1Mu7GxKOzY.woff2) format('woff2');
  unicode-range: U+AC00-U+D7A3;
}
/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/roboto/v27/KFOmCnqEu92Fr1Mu4mxK.woff2) format('woff2');
  unicode-range: U+AC00-U+D7A3;
}

 /* 모든 사이트에 공통으로 사용되는 CSS */
/* Reset */
html, body,
div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, img, ol, ul, li, dl, dt, dd,
blockquote, pre, a, abbr,address, big, cvite, code, del, dfn, em, font, ins,
q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i,
input, textarea, select,
form, fieldset, legend, label,
table, caption, tbody, tfoot, thead, tr, th, td,
sup, sub {margin:0;padding:0;border:0 none;}

html, body {width:100%;}
body, input, button, textarea {font-size:16px; font-family:'Roboto', 'Noto Sans', serif; color:#4f4f4f;}

h1, h2, h3, h4, h5, h6 {font-size:16px;text-align:left;}
img, fieldset, iframe {border:0 none;}

table, div { border-collapse: collapse;}

select, textarea {border:1px solid #ccc;background-color:#fff;font-size:16px;vertical-align:middle;}
textarea {overflow:auto;}
input {padding:0;margin:0;border: 0 none;}

select, input, img, li {vertical-align:middle;text-align:left;}

input[type="text"], textarea, select {font-family:'Roboto', 'Noto Sans', serif;}
input[type="text"] {border:1px solid #ddd;}
address, caption, cite, code, dfn, em, th, var {font-style:normal;font-weight:normal;}

input[type="button"],
input[type="submit"],
button {cursor:pointer;}

ul, li, ol {list-style-type:none;text-align:justify;}

table {width:100%;border-collapse:collapse;border-spacing:0;}

hr {border-collapse:collapse;display:none;}

a {display:inline-block;color:inherit;text-decoration:none;cursor:pointer;}
a:link,
a:visited {text-decoration:none;}
a:hover,
a:focus {text-decoration:underline;}

legend, caption {position:absolute;top:-5000px;visibility:hidden;width:0 !important;height:0 !important;padding:0 !important;font-size:0 !important;line-height:0 !important;}

/* */ .ie7 li, .ie7 li a {zoom:1;}

img {display: inline-block;}

.fcRed {color: #f00 !important;}
.fcBlue {color: #00f !important;}
.fcNavy {color: #1500a3 !important;}
.fcPoint {color: #253d6a !important;}

/* 공통사용 CSS */
.padding0 {padding:0 !important;}

/* Top Padding */
.tp0 {padding-top:0px !important;}
.tp5 {padding-top:5px !important;}
.tp10 {padding-top:10px !important;}
.tp15 {padding-top:15px !important;}
.tp20 {padding-top:20px !important;}
.tp25 {padding-top:25px !important;}
.tp30 {padding-top:30px !important;}

/* Bottom Padding */
.bp0 {padding-bottom:0px !important;}
.bp5 {padding-bottom:5px !important;}
.bp10 {padding-bottom:10px !important;}
.bp15 {padding-bottom:15px !important;}
.bp20 {padding-bottom:20px !important;}
.bp25 {padding-bottom:25px !important;}
.bp30 {padding-bottom:30px !important;}

/* Left Padding */
.lp0 {padding-left:0 !important;}
.lp5 {padding-left:5px !important;}
.lp10 {padding-left:10px !important;}
.lp15 {padding-left:15px !important;}
.lp20 {padding-left:20px !important;}
.lp25 {padding-left:25px !important;}
.lp30 {padding-left:30px !important;}

/* Right Padding */
.rp5 {padding-right:5px !important;}
.rp10 {padding-right:10px !important;}
.rp15 {padding-right:15px !important;}
.rp20 {padding-right:20px !important;}
.rp25 {padding-right:25px !important;}
.rp30 {padding-right:30px !important;}

/* Top Margin */
.tm0 {margin-top:0 !important;}
.tm5 {margin-top:5px !important;}
.tm10 {margin-top:10px !important;}
.tm15 {margin-top:15px !important;}
.tm20 {margin-top:20px !important;}
.tm25 {margin-top:25px !important;}
.tm30 {margin-top:30px !important;}
.tm50 {margin-top:50px !important;}

/* Bottom Margin */
.bm5 {margin-bottom:5px !important;}
.bm10 {margin-bottom:10px !important;}
.bm15 {margin-bottom:15px !important;}
.bm20 {margin-bottom:20px !important;}
.bm25 {margin-bottom:25px !important;}
.bm30 {margin-bottom:30px !important;}

/* Left Margin */
.lm0 {margin-left:0 !important;}
.lm5 {margin-left:5px !important;}
.lm10 {margin-left:10px !important;}
.lm15 {margin-left:15px !important;}
.lm20 {margin-left:20px !important;}
.lm25 {margin-left:25px !important;}
.lm30 {margin-left:30px !important;}

/* Right Margin */
.rm5 {margin-right:5px !important;}
.rm10 {margin-right:10px !important;}
.rm15 {margin-right:15px !important;}
.rm20 {margin-right:20px !important;}
.rm25 {margin-right:25px !important;}
.rm30 {margin-right:30px !important;}




/*  */
.clear {clear:both !important;}
.clearleft {clear:left !important;}
.fl {float:left !important;}
.fr {float:right !important;}
.Lfloat {float:left !important;}
.Rfloat {float:right !important;}
.overHidden {overflow:hidden !important;}
.al {text-align:left !important;}
.ac {text-align:center !important;}
.ar {text-align:right !important;}

.vTop *{vertical-align:top !important;}
.vMd {vertical-align:middle !important;}
.vBt {vertical-align:bottom !important;}
.posRel {position:relative !important;}
.posAbs {position:absolute !important;}
.posTL {position:absolute !important; top:0; left:0;}
.posTR {position:absolute !important; top:0; right:0;}
.posBL {position:absolute !important; bottom:0; left:0;}
.posBR {position:absolute !important; bottom:0; right:0;}
.cursorDef {cursor:default !important;}
.hand {cursor:pointer !important;}
.none {display:none !important;}
.iblock {display:inline-block !important; vertical-align:top;}
.ie7 .iblock {display:inline;}
.borderNone {border:none !important;}


/* IR 기법 */
.hidden {position:absolute; top:-11000px; left:-11000px; width:0; height:0; overflow:hidden;}
.ie7 .hidden {position:static; font-size:0; line-height:0;}



/* 한 줄일 때, 말줄임표 */
.ellipsis {position:relative; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;} /* width 별도 설정 */


/* float 해제 */
.clfix:after {content:""; display:block; clear:both; visibility:hidden; height:0px; font-size:0;}
.ie7 .clfix {display:inline-block; zoom:1;} /**/
.clearBoth {clear:both !important;}


/* Font */
.fwBold {font-weight:bold !important;}
.fwNormal {font-weight:normal !important;}

.ffNG {font-family: "Nanum Gothic", NanumGothic !important;}
.ffDotum {font-family:"돋움", Dotum, sans-serif !important;}
.ffGulim {font-family:Gulim, "굴림", "굴림체", sans-serif !important;}
.fs12 {font-size:12px !important;}
.fs14 {font-size:14px !important;}
.fs16 {font-size:16px !important;}
.fs20 {font-size:20px !important;}

.fcWhite {color:#fff !important;}
.fcRed {color: #ed1c24 !important;}

.underline {text-decoration:underline !important;}
a.underline {display:inline-block;color:#1d6ae8;text-indent:0;}

.italic {font-style:italic;}

.txtRight {text-align:right !important;}
.txtLeft {text-align:left !important;}
.txtCenter {text-align:center !important;}

/* Form Elememts */
input[type='text'],
input[type='password'],
input[type='file'],
select,
textarea {display:inline-block; font-size:16px; height:18px; vertical-align:middle;}
select {height:30px;}

input[type='text'],
input[type='password'],
input[type='file'] { border:1px solid #ccc; background:#fff;}
/* .ie7 select {zoom:1;} */


textarea {padding:7px 10px; border:1px solid #cfcfcf; line-height:16px; resize:vertical;}
input[type='radio'],
input[type='checkbox'] {display:inline-block;}
label, .label {display:inline-block; vertical-align:middle; margin-left: 5px;}

/* 기본 Button */
/* 사이트마다 버튼 기본색상은 common.css에 넣으세요 */
a.btnDef,
input.btnDef {display:inline-block;padding:1px 4px 2px;border-width:1px;border-style:solid;color:#fff !important;text-decoration: none;cursor:pointer;}

a.btnDef:link,
a.btnDef:visited,
input.btnDef:link,
input.btnDef:visited {text-decoration:none !important;}



/* 바로가기 */
#skipNavi dl {position:absolute;}
#skipNavi dt {position:absolute; top:-10000px;}
#skipNavi dd a {position:absolute; display:block; width:200px; left:50%; text-align:center; top:-10000px; z-index:999; font-size:16px;}
#skipNavi dd a:hover,
#skipNavi dd a:focus,
#skipNavi dd a:active {position:absolute; top:5px; padding:15px 0; margin-left:-500px; font-weight:bold; color:#fff; text-decoration:underline; background:#336ea2;}

/* 필수입력 */
.essen {display:inline-block;padding-left:10px;background:url(/image/common/bl_essen.png) 0 6px no-repeat;}

/* table */
table {border-top:1px solid #ddd;}
table th,
table td {padding:5px 0 4px;border-bottom:1px solid #ddd;border-left:1px solid #ddd;}
table th:first-child,
table td:first-child {border-left:0 none}
table th {background-color:#f6f6f6;}
table td.multi input,
table td.multi label,
table td.multi span {display:inline-block; margin-left:5px;}
table td.multi > *:first-child {margin-left:0;}

table td.phone input {width:50px;}
table td.phone span {display:inline-block;padding:0 5px;}

/* Scroll Area */
.scrollArea {overflow-x:hidden;overflow-y:scroll;}


/* 버튼 영역 */
.btnArea {padding:30px 0;text-align:center;}
.btnArea a,
.btnArea input,
.btnArea button {display:inline-block;}


/* Title */
.articleTit {height:36px; padding-left:48px; line-height:36px; font-weight:bold; color:#008bd0; background:url('/image/common/bg_title_article.gif') 0 0 no-repeat;}

.btnDown { display: inline-block; vertical-align: top; margin: 5px; }