@charset "UTF-8";

@font-face {
  font-family: 'Nanum Barun Gothic';
  font-style: normal;
  font-weight: 200;
  src: url(../fonts/NanumBarunGothicUltraLight.eot);
  src: local('Nanum Barun Gothic UltraLight'),
       local('NanumBarunGothicUltraLight'),
       url(../fonts/NanumBarunGothicUltraLight.eot?#iefix) format('embedded-opentype'),
       url(../fonts/NanumBarunGothicUltraLight.woff2) format('woff2'),
       url(../fonts/NanumBarunGothicUltraLight.woff) format('woff'),
       url(../fonts/NanumBarunGothicUltraLight.ttf) format('truetype');
}

@font-face {
  font-family: 'Nanum Barun Gothic';
  font-style: normal;
  font-weight: 300;
  src: url(../fonts/NanumBarunGothicLight.eot);
  src: local('Nanum Barun Gothic Light'),
       local('NanumBarunGothicLight'),
       url(../fonts/NanumBarunGothicLight.eot?#iefix) format('embedded-opentype'),
       url(../fonts/NanumBarunGothicLight.woff2) format('woff2'),
       url(../fonts/NanumBarunGothicLight.woff) format('woff'),
       url(../fonts/NanumBarunGothicLight.ttf) format('truetype');
}

@font-face {
  font-family: 'Nanum Barun Gothic';
  font-style: normal;
  font-weight: 400;
  src: url(../fonts/NanumBarunGothic.eot);
  src: local('Nanum Barun Gothic'),
       local('NanumBarunGothic'),
       url(../fonts/NanumBarunGothic.eot?#iefix) format('embedded-opentype'),
       url(../fonts/NanumBarunGothic.woff2) format('woff2'),
       url(../fonts/NanumBarunGothic.woff) format('woff'),
       url(../fonts/NanumBarunGothic.ttf) format('truetype');
}

@font-face {
  font-family: 'Nanum Barun Gothic';
  font-style: normal;
  font-weight: 700;
  src: url(../fonts/NanumBarunGothicBold.eot);
  src: local('Nanum Barun Gothic Bold'),
       local('NanumBarunGothicBold'),
       url(../fonts/NanumBarunGothicBold.eot?#iefix) format('embedded-opentype'),
       url(../fonts/NanumBarunGothicBold.woff2) format('woff2'),
       url(../fonts/NanumBarunGothicBold.woff) format('woff'),
       url(../fonts/NanumBarunGothicBold.ttf) format('truetype');
}

/* 	Basic(@import "normalize.min.css";) */
/* html5 */
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {
  display: block;
}

audio, canvas, video {
  display: inline;
}

/* reset */
html {
  font-size: 100%;
}

body, button, input, select, textarea {
  font-family: '굴림', Gulim, '돋움', Dotum, AppleGothic, sans-serif;
}

h1,h2,h3,h4,h5,h6 {
  font-size: 2em;
  padding:0;
  margin:0; 
}

abbr[title] {
  border-bottom: 1px dotted;
}

b, strong {
  font-weight: 700;
}

blockquote {
  margin: 1em 40px;
}

dfn {
  font-style: italic;
}

mark {
  background: #ff0;
  color: #000;
}

pre, code, kbd, samp {
  font-family: monospace, serif;
  font-size: 1em;
}

pre {
  white-space: pre-wrap;
}

q {
  quotes: none;
}

q:before, q:after {
  content: none;
}

small {
  font-size: 75%;
}

sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -.5em;
}

sub {
  bottom: -.25em;
}

ul, ol {
  margin: 0;
  padding: 0;
}

dd {
  margin: 0;
}

nav ul, nav ol {
  list-style: none;
  list-style-image: none;
}

img {
  border: 0;
  max-width:100%;
  vertical-align: middle;
}

svg:not(:root) {
  overflow: hidden;
}

fieldset {
  border: 1px solid silver;
  margin: 0 2px;
  padding: .35em .625em .75em;
}

legend {
  border: 0;
  margin-left: -7px;
}

button, input, select, textarea {
  font-size: 100%;
  vertical-align: middle;
  margin: 0;
  padding: 0;
}

button, input {
  line-height: normal;
}

button, input[type=button], input[type=reset], input[type=submit] {
  cursor: pointer;
  overflow: visible;
}

input[type=checkbox], input[type=radio] {
  padding: 0;
}

button::-moz-focus-inner, input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

textarea {
  overflow: auto;
  vertical-align: top;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

audio:not([controls]), [hidden] {
  display: none;
}

body, figure, form {
  margin: 0;
}

a, table a, table td {
  text-decoration: none;
}

a:focus {
  outline: thin dotted;
}

a:hover, a:active {
  outline: 0;
}

a:hover, a:active, a:focus {
  color: #383531;
  outline:0 none;
}

a{outline:0 none;}
div {
	position:relative;
}

html {
  overflow-x: hidden;
  overflow-y: scroll;
}

html, body {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  color: #444;
  font-style: normal;
  font-size: 12px;
  /* font-family:'Nanum Barun Gothic', sans-serif; font-weight:300;*/
  font-family: '돋움', Dotum, AppleGothic, sans-serif;
  line-height: 150%;
  border: 0 none;
  background:#f7f7f7;
}

/* 기본 레이아웃 */
#rootWrap{width:100%; height:100%; margin:0 auto; }
.ad_container{width:1140px; margin:0 auto;}
.ad_container02{width:1200px; margin:0 auto;}
.ad_container962{width:960px; margin:0 auto;}
.ad_container1024{width:1024x; margin:0 auto;}
.ad_title{width:1140px; margin:55px auto 0; }

/* header */
.ad_header{position:fixed; width:100%; height:80px; top:0; left:0; background:url(../img/headerBg.png?2) repeat-x; z-index:900;}
h1.logo{position:absolute; width:172px; height:29px; top:25px; left:0; z-index:1000;}
.ad_nav{position:absolute; width:431px; height:80px; top:0; right:0; list-style:none; z-index:900;}
.ad_nav li{float:left; height:80px; background:url(../img/nav.png?2);}
.ad_nav li a{display:block; width:100%; height:100%; text-indent:-2000px; overflow:hidden;}
.ad_nav li.mn01{width:121px; background-position:0 0;}
.ad_nav li.mn01:hover, .ad_nav li.mn01.active{width:121px; background-position:0 -80px;}
.ad_nav li.mn02{width:119px; background-position:-121px 0;}
.ad_nav li.mn02:hover, .ad_nav li.mn02.active{width:119px; background-position:-121px -80px;}
.ad_nav li.mn03{width:94px; background-position:-240px 0;}
.ad_nav li.mn03:hover, .ad_nav li.mn03.active{width:94px; background-position:-240px -80px;}
.ad_nav li.mn04{width:119px; background-position:-334px 0;}
.ad_nav li.mn04:hover, .ad_nav li.mn04.active{width:119px; background-position:-334px -80px;}
.ad_nav li.mn05{width:97px; background-position:-453px 0;}
.ad_nav li.mn05:hover, .ad_nav li.mn05.active{width:97px; background-position:-453px -80px;}

.ad_subnavBox{position:fixed;width:100%; height:40px; top:80px; left:0; background:url(../img/subNavBg.png?2) repeat-x; z-index:900;}
.ad_subnav{position:absolute; width:445px; height:40px; top:0; right:0; list-style:none; z-index:900; }
.ad_subnav li{float:left; height:40px; background:url(../img/subNav.png?2);}
.ad_subnav li a{display:block; width:100%; height:100%; text-indent:-2000px; overflow:hidden;}
.ad_subnav li.mn01{width:111px; background-position:0 0;}
.ad_subnav li.mn01:hover, .ad_subnav li.mn01.active{width:111px; background-position:0 -40px;}
.ad_subnav li.mn02{width:92px; background-position:-111px 0;}
.ad_subnav li.mn02:hover, .ad_subnav li.mn02.active{width:92px; background-position:-111px -40px;}
.ad_subnav li.mn03{width:104px; background-position:-203px 0;}
.ad_subnav li.mn03:hover, .ad_subnav li.mn03.active{width:104px; background-position:-203px -40px;}
.ad_subnav li.mn04{width:138px; background-position:-307px 0;}
.ad_subnav li.mn04:hover, .ad_subnav li.mn04.active{width:138px; background-position:-307px -40px;}


/* 서비스소개 */
.serviceContainer{width:1140px; margin:50px auto 0; }
.serviceContainer02{width:1200px; margin:60px auto 0; }
/* 가입안내 */

/* faq */

/* q&a */

/* about */
.iframe{width:960px; height:430px; margin:0 auto; border:1px solid #dcdce1;}


/* footer */
.ad_footer{width:100%; padding:35px 0 35px; color:#737373; text-align:center;}
.ad_footer a{color:#737373;}


/* etc */
.cf:after{content:''; display:block; clear:both;}
.imgBox{font-size:0; line-height:0;}

.whiteBg{background:#fff;}


/* 비딩 공통 클래스 */
.inline-title{display:inline-block; min-width:60px; font-weight: bold; padding-top:7px; font-size:14px;}
.table {font-size:14px;}
.table>tbody>tr>th, .table>tbody>tr>td{vertical-align: middle;}

.board-new{background: url('../img/new.png?'); background-size: 100% 100%;}
.board-notice{background: url('../img/notice.png?'); background-size: 100% 100%;}