@charset "euc-kr";
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url("//cdn.rawgit.com/hiun/NanumSquare/master/nanumsquare.css");
@font-face {
    font-family: 'SUIT-Regular';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_suit@1.0/SUIT-Regular.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}
body {margin:0px;}
body, td, div, p, ul, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, textarea{font-family:Nanum Gothic, sans-serif; font-size:11pt; color:#666; line-height:140%; -webkit-text-size-adjust:none;}
*{font-family: 'SUIT-Regular' !important;}
img{border:0;}

h1, h2, h3, h4, h5{padding: 0px; margin: 0px;}
ul, li{padding:0px; margin:0px; list-style:none;}

#fixNextTag article{width: 1200px; margin: 0 auto;}

/* page 00 */
#page00{background:url(../images/00bg.jpg) center top no-repeat; background-attachment:fixed;}
#page00t{text-align: center; padding: 288px 0px;}
.page00t01{font-size:60pt; color:#fff; font-weight:bold; line-height:65pt; letter-spacing:-3px; font-family:arial;}
.page00t02{font-size:30pt; color:#fff; line-height:20pt; letter-spacing:-2px; padding:30px 0px;}
.page00t03{font-size:14pt; color:#fff; line-height:14pt;}

/* page 01*/
#page01 article{background-color:#fff; padding:80px 0px 80px 0px;}
.page01img, .page01t{float: left;}
.page01img{width: 425px; height: 570px; margin-right: 65px; background:url(../images/01img.jpg) left top no-repeat;}

/* page 02 */
#page02{background:url(../images/02bg.jpg) center top no-repeat; background-attachment:fixed; padding: 80px 0px;}
#page02 article{background: #fff; padding: 40px; width: 1120px;}
.page02t{text-align: center; padding-bottom: 20px;}
.page02img{padding: 20px 0px;}
.page02img div{width: 270px; height: 300px; float: left;}
.page02img div:nth-child(1){background:url(../images/02img01.jpg) center top no-repeat; margin-right: 13px;}
.page02img div:nth-child(2){background:url(../images/02img02.jpg) center top no-repeat; margin-right: 14px;}
.page02img div:nth-child(3){background:url(../images/02img03.jpg) center top no-repeat; margin-right: 13px;}
.page02img div:nth-child(4){background:url(../images/02img04.jpg) center top no-repeat;}

.page02t2 div{float: left;}
.page02t2 .st02{width: 43%; margin-right: 2%; text-align: right;}
.page02t2 .normal{width: 55%; text-align: left;}

/* page 03*/
#page03{background-color:#fff; padding:80px 0px 80px 0px;}
#page03 > article{width: 1120px; margin: 0 auto;}
#page03 article:nth-child(1), #page03 article:nth-child(2){margin-bottom: 30px;}

.page03img, .page03t{float: left;}
.page03t{width: 650px;}

#page03 article:nth-child(2) .page03t{padding-top: 40px;}
#page03 article:nth-child(3) .page03t{padding-top: 40px;}

.page03img{width: 400px; height: 100%; margin-right: 50px;}
#page03 article:nth-child(1) .page03img{background:url(../images/03img01.jpg) center top no-repeat;}
#page03 article:nth-child(2) .page03img{background:url(../images/03img02.jpg) center top no-repeat;}
#page03 article:nth-child(3) .page03img{background:url(../images/03img03.jpg) center top no-repeat;}

/* page 04 */
#page04{background:url(../images/04bg.jpg) center top no-repeat;  background-attachment:fixed; padding: 110px 0px;}
#page04 article{background: #fff; padding: 40px; width: 1120px; margin: 0 auto;}
#page04 .page04t, #page04 .page04map{float:right;}
#page04 .page04t{width: 34%; padding-right: 4%;}
#page04 .page04t .normal{text-align: justify;}
#page04 .page04map{width: 60%;}
.from{padding-top: 20px;}

/* copy */
.copy{padding:50px 0px;font-size:10pt; color:#666; line-height:135%; text-align: center;}

/* topmenu */
.top_bar_fix, .top_fix_zone{position:fixed; right:0px; z-index:999 !important; text-align:right;}

#topmenu{width: 1200px; margin: 0 auto; z-index: 10000;}
#topmenu ul, #topmenu h1{float: left;}
#topmenu ul{width: 80%;}
#topmenu h1{width: 20%;}
#topmenu ul li{display:inline-block;}

.top_bar_fix{background-color:#70665d !important; border-bottom: none !important;}

.top_fix_zone{background-color:#fff; top:0px; width:100%; padding: 15px 0px; border-bottom: 2px solid #ffffff;}
.top_fix_zone #topmenu a{font-size:16pt; font-weight: bold; padding-right: 20px; line-height:25pt;}

.top_bar_fix #topmenu a{color:#ffffff !important; text-decoration:none;}
.top_fix_zone #topmenu a{color:#424242; text-decoration:none;}

.top_bar_fix #topmenu a:hover{color:#ccc5b6 !important;}
.top_fix_zone #topmenu a:hover{color:#ccc5b6;}

.top_fix_zone #logo{width: 20%; height: 28px; background:url(../images/b_logo.png) left top no-repeat;}
.top_bar_fix #logo{background:url(../images/w_logo.png) left top no-repeat !important;}

/**/
.title01{font-size:28pt; font-weight: bold; padding:0px 0px 15px 0px; font-family:'Nanum Square';}

.normal{font-size:11pt; color:#666; line-height:150%; word-spacing:-1px;}
.st01{font-size:14pt; color:#333; line-height:150%; padding:0px 0px 10px 0px;}
.st02{font-size:23pt; color:#333; line-height:150%; font-weight:bold; font-family:arial;}
.st03{font-size:15pt; color:#333; line-height:150%; font-weight:bold;}

.sp10{height:10px; font-size:1px;}
.sp20{height:20px; font-size:1px;}
.sp30{height:30px; font-size:1px;}
.sp40{height:40px; font-size:1px;}
.sp50{height:50px; font-size:1px;}
.sp80{height:80px; font-size:1px;}

@media all and (max-width: 768px) {
  .t_none{display: none !important;}
  #fixNextTag article{width: 98%; margin: 0 auto;}

  .top_fix_zone{background: #70665d; padding: 15px 0px 0px 0px; position: fixed;}
  #topmenu{width: 100%;}
  #topmenu ul{width:100%;}

  /* page 00 */
  .page00t01{font-size:50pt;}
  .page00t02{font-size:25pt;}
  .page00t03{font-size:14pt;}

  /* page 01*/
  #page01 article{padding:80px 0px 80px 0px; text-align: center;}
  .page01img, .page01t{float:none;}
  .page01img{display: none;}
  .page01t{padding-top:0px; text-align: justify;}
  .page01t br{display: none;}

  /* page 02 */
  #page02{padding: 0px; background: #eeeeee;}
  #page02 article{padding: 80px 0px 60px 0px; width:98%; margin: 0 auto; background: none;}
  .page02img div{width: 50%;}
  .page02img div:nth-child(1){background:url(../images/m_02img01.jpg) center top no-repeat; margin-right: 0px;}
  .page02img div:nth-child(2){background:url(../images/m_02img02.jpg) center top no-repeat; margin-right: 0px;}
  .page02img div:nth-child(3){background:url(../images/m_02img03.jpg) center top no-repeat; margin-right: 0px;}
  .page02img div:nth-child(4){background:url(../images/m_02img04.jpg) center top no-repeat;}

  .page02t2 .st02{width: 38%;}
  .page02t2 .normal{width: 60%;}

  /* page 03*/
  #page03{padding: 120px 0px 40px 0px;}
  .page03img, .page03t{float: none;}
  .page03t{width: 100%; text-align: justify;}
  .page03t br{display: none;}
  .page03img{width: 100%; height: 243px; margin-right:0px;}
  #page03 article:nth-child(1) .page03img{background:url(../images/03img01.jpg) no-repeat; background-size: contain; height: 100%;}
  #page03 article:nth-child(2) .page03img{background:url(../images/m_03img02.jpg) center top no-repeat;}
  #page03 article:nth-child(3) .page03img{background:url(../images/m_03img03.jpg) center top no-repeat;}

  #page03 article:nth-child(1) .page03t{margin-bottom: 60px;}
  #page03 article:nth-child(2) .page03t{margin-bottom: 60px;}

  /* page 04 */
  #page04{padding: 0px; background: #eeeeee;}
  #page04 article{padding:80px 0px 40px 0px; width:98%; margin: 0 auto; background: none;}
  #page04 .page04t, #page04 .page04map{float:none;}
  #page04 .page04t{width: 100%; padding-right:0px; padding-top: 30px; text-align: center;}
  #page04 .page04map{width: 100%;}
  .page04t .normal{width: 87%; margin: 0 auto;}
  .from{width: 87%; margin: 0 auto;}

}

@media all and (max-width: 580px) {
  #page00{background:url(../images/m_00bg.jpg) center top no-repeat;}
  #page00t{padding: 130px 0px 80px 0px;}
  .page00t01{font-size:40pt; line-height: 120%;}
  .page00t02{font-size:20pt;}
  .page00t03{font-size:12pt; line-height: 160%;}

  .page02img div{width: 100%;}

  .page02t2 .st02{width: 100%; text-align: center;}
  .page02t2 .normal{width: 100%; text-align: center;}
}