@charset "utf-8";
/* CSS Document */

/* reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,textarea,button {margin:0;padding:0}
fieldset,img {border:0 none;vertical-align:top;}
dl,ul,ol,li {list-style:none}
blockquote, q {quotes: none}
blockquote:before, blockquote:after,q:before, q:after {content:'';content:none}
input,select,textarea,button {vertical-align:middle}
button {border:0 none;background-color:transparent;cursor:pointer}
body {background:#fff}
body,th,td,input,select,textarea,button {font-size:13px;line-height:1.5;font-family:Noto Sans KR, Malgun Gothic,"맑은 고딕",AppleGothic,Dotum,"돋움",sans-serif;color:#333;} /* color값은 디자인가이드에 맞게사용 */
a {color:#666;text-decoration:none}
a:active, a:hover {text-decoration:none;}
address,caption,cite,code,dfn,em,var {font-style:normal;font-weight:normal}

h2 {font-size:28px;font-weight:400;letter-spacing:-0.4px}



/* **************************** //네이버 나눔고딕 / Noto Sans KR 폰트적용 **************************** */


 
@font-face {
  font-family: 'FontAwesome';
  src: url('../han/font/fontawesome-webfont.eot');
  src: url('../han/font/fontawesome-webfont.woff') format('woff'), 
        url('../han/font/fontawesome-webfont.ttf') format('truetype'), 
		url('../han/font/fontawesome-webfont.svg#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}


@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 400;
  src: url(../han/font/NanumGothic-Regular.eot);
  src: url(../han/font/NanumGothic-Regular.woff2) format('woff2'),
       url(../han/font/NanumGothic-Regular.woff) format('woff'),
       url(../han/font/NanumGothic-Regular.ttf) format('truetype');
}
@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 700;
  src: url(../han/font/NanumGothic-Bold.eot);
  src: url(../han/font/NanumGothic-Bold.woff2) format('woff2'),
       url(../han/font/NanumGothic-Bold.woff) format('woff'),
       url(../han/font/NanumGothic-Bold.ttf) format('truetype');
}
@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 800;
  src: url(../han/font/NanumGothic-ExtraBold.eot);
  src: url(../han/font/NanumGothic-ExtraBold.woff2) format('woff2'),
       url(../han/font/NanumGothic-ExtraBold.woff) format('woff'),
       url(../han/font/NanumGothic-ExtraBold.ttf) format('truetype');
}



@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 100;
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2) format('woff2'),
       url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff) format('woff'),
       url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf) format('opentype');
}


@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 300;
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'),
       url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'),
       url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype');
}


@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 500;
   src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype');
 }




.brandTab { width: 100%; margin-bottom: 50px; }
.brandTab ul { text-align: center; font-size:0; padding-top:30px;}
.brandTab ul li { display: inline-block; width:31%; max-width: 210px; margin: 0 2.5px; padding-bottom: 10px;  }
.brandTab ul li a { display: block; height: 40px; line-height: 40px; font-size:13px; color:#535458; border: 1px solid #ddd; border-radius:3px;}
.brandTab ul li.select a,.brandPageWarp .brandTab ul li:hover a { color:#fff; border: 1px solid #333; background: #333;}


.service_cont {text-align:center;}


table {
    margin-left:auto; 
    margin-right:auto;
}

table, td, th {
    border-collapse : collapse;
  
};


table.type09 {
  border-collapse: collapse;
  text-align: center;
  line-height: 1.5;

}
table.type09 thead th {
  padding: 10px;
  font-weight: bold;
  vertical-align: top;
  color: #369;
  border-bottom: 3px solid #036;
}
table.type09 tbody th {
  width: 150px;
  padding: 10px;
  font-weight: bold;
  vertical-align: top;
  border-bottom: 1px solid #ccc;
  background: #f3f6f7;
}
table.type09 td {
  width: 350px;
  padding: 10px;
  vertical-align: top;
  border-bottom: 1px solid #ccc;
}