@charset "euc-kr";
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url("//cdn.rawgit.com/hiun/NanumSquare/master/nanumsquare.css");
@import url(http://fonts.googleapis.com/earlyaccess/nanummyeongjo.css);

body {margin:0px;}
body, td, div, p, ul, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, textarea, figure{font-family:Nanum Gothic, sans-serif; font-size:11pt; color:#000; line-height:140%; -webkit-text-size-adjust:none;}

img{border:0;}

h1, h2, h3, h4, h5, figure, p, iframe{padding: 0px; margin: 0px; font-weight: normal;}
ul, li{padding:0px; margin:0px; list-style:none;}

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

/* page 00 */
#page00{height:1000px; overflow:hidden; position:relative;}
#page00 h2{width:100%; text-align:center; font-size:140px; font-weight:bold; color:#fff; position:absolute; z-index:100; top:50%; margin:-98px 0px 0px 0px;}
#page00 .bg{width:100%; height:1000px; background:url(../images/00bg.png) top center no-repeat; position:absolute; z-index:10; opacity:0.4;}
#page00 .mov{width:100%; height:1000px; position:absolute; z-index:1;}
#page00 .mov video{width: 100%; height: 1070px;}

/* page 01 */
#page01 article{padding:120px 0px 60px 0px;}
#page01 figure{width:185px; text-align:center; float:left; margin-right:50px;}
#page01 figure:nth-child(5){margin-right:0px;}

#page01 figure h3{font-size:18px; color:#494949; font-weight:bold;}
#page01 figure h4{font-size:18px; color:#494949; font-family: 'Nanum Myeongjo', serif; margin-top:20px;}
#page01 figure .normal{font-size:18px; color:#494949;}

#page01 figure .line01{width:50px; height:2px; background:#ba9257; margin:20px auto;}
#page01 figure .line02{width:150px; height:2px; background:#d0d0d0; margin:20px auto;}

#page01 figure .img {
  width: 200px;
  height: 200px;
}

#page01 figure .img:hover {
  transform: scale(1.05);
}

#page01 .fig01 .img { background-image: url(../images/page01_img01.jpg); }
#page01 .fig02 .img { background-image: url(../images/page01_img02.jpg); }
#page01 .fig03 .img { background-image: url(../images/page01_img03.jpg); }
#page01 .fig04 .img { background-image: url(../images/page01_img04.jpg); }
#page01 .fig05 .img { background-image: url(../images/page01_img05.jpg); }

/* page 02 */
#page02{padding:120px 0px 60px 0px;}
#page02 h2{font-size:26px; color:#494949; font-weight:bold; font-family: 'Nanum Myeongjo', serif; display: none;}
#page02 .line{width:100%; height:2px; background:#d0d0d0; margin:20px 0px 45px 0px;}

#page02 .banner01, #page02 .banner02{width:590px; float:left;}
#page02 .banner01{margin-right:20px;}

#page02 figure{position: relative; overflow: hidden; background: #000000; text-align:left; float: left;}
#page02 figure * {-webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 0.6s ease; transition: all 0.6s ease;}
#page02 figure img {opacity: 0.8; width: 100%; vertical-align: top; -webkit-transition: opacity 0.35s; transition: opacity 0.35s;}
#page02 figure figcaption {position: absolute; bottom: 0; left: 0; width: 100%; height: 100%;}
#page02 figure figcaption > div {height: 50%; overflow: hidden; width: 100%; position: relative;}
#page02 figure h2,
#page02 figure h3 {font-family: 'Nanum Myeongjo', serif; color: #fff; margin: 0; position: absolute; left: 0; padding: 0 30px; text-transform: uppercase; font-size: 20pt;}
#page02 figure h2 {font-weight: 900; top: 0;}
#page02 figure h3 {bottom: 0; font-weight: 500;}
#page02 figure h3:nth-of-type(2) {opacity: 0; -webkit-transform: translateY(150%); transform: translateY(150%);}
#page02 figure a {left: 0; right: 0; top: 0; bottom: 0; position: absolute;}

#page02 .banner01 figure:nth-child(1){width:590px; height:570px; margin:0px 0px 20px 0px;}
#page02 .banner01 figure:nth-child(2){width:590px; height:225px;}

#page02 .banner02 figure:nth-child(1){width:590px; height:285px; margin:0px 0px 20px 0px;}
#page02 .banner02 figure:nth-child(2){width:285px; height:510px; margin:0px 20px 0px 0px;}
#page02 .banner02 figure:nth-child(3){width:285px; height:245px; margin:0px 0px 20px 0px;}
#page02 .banner02 figure:nth-child(4){width:285px; height:245px;}

/* page 03 */
#page03{padding:60px 0px 0px 0px;}
#page03 article{float:left;}
#page03 article:nth-child(1){width:50%; height:750px; background:#ba9257; position:relative;}
#page03 article:nth-child(2){width:50%; height:750px; background:#2b2b2b; position:relative;}

#page03 article:nth-child(1) .box{width:600px; position:absolute; left:100%; margin:45px 0px 0px -600px;}
#page03 article:nth-child(2) .box{width:555px; position:absolute; right:100%; margin:45px -600px 0px 0px;}

#page03 article:nth-child(1) .img{width:555px; height:325px; background:url(../images/page03_img01.jpg) top center no-repeat;}
#page03 article:nth-child(2) .img{width:555px; height:505px; background:url(../images/page03_img02.jpg) top left no-repeat;}

#page03 article:nth-child(1) .normal{color:#fff; font-size:16px;}
#page03 article:nth-child(1) .normal h3{color:#fff; font-size:32px; font-weight:bold; font-family:'Nanum Square'; margin:20px 0px;}
#page03 article:nth-child(2) .normal{color:#fff; font-size:16px; margin:0px 0px 20px 0px;}
#page03 article:nth-child(2) .normal h3{color:#fff; font-size:22px; font-weight:bold; font-family:'Nanum Square'; margin:0px 0px 20px 0px;}

/* page 04 */
#page04{background:url(../images/04bg.jpg) bottom center no-repeat; background-attachment: fixed; padding:50px 0px;}
#page04 .page04_from{background:#fff; width:480px; padding:10px;}
#page04 .page04_con{box-sizing:border-box; border:3px solid #ba9257; padding:45px 35px;}

#page04 .page04_con h3{font-size:18px; font-weight:bold; font-family:'Nanum Square'; color:#535353; margin-bottom:30px;}
#page04 .page04_con h3 span{display:block; font-size:34px; line-height:120%; color:#ba9257;}

/* copy */
footer{background:#2b2b2b;}
.copy{padding:50px 0px;font-size:10pt; color:#fff; 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:rgba(0,0,0,0.7) !important;  top:0px !important;}

.top_fix_zone{background-color:none; top:0px; width:100%; padding: 13px 0px; top:0px;}
.top_fix_zone #topmenu a{color:#fff; text-decoration:none; font-size:14pt; font-weight: bold; padding-right: 20px; line-height:28pt;}

.top_bar_fix #topmenu a{color:#e2e2e2 !important;}

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

.top_fix_zone #logo{width: 20%; height:77px; background:url(../images/logo.png) left top no-repeat; margin-top: 5px;}

label, #toggle, #call{display: none;}
#nav{padding: 0px; margin: 0px; display: inline;}
#contents{background: #d9e5ff; min-height: 200px;}
#footer{background: #eaeaea; font-size: 13px;}

/**/
.title{font-family:'Nanum Square'; font-size: 40px; font-weight:bold; text-align: center; padding:90px 0px; line-height:45px;}
.title span{display:block; font-size:26px; font-weight:normal;}

.normal{font-size:11pt; color:#666; line-height:150%; word-spacing:-1px;}

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

/*������*/
#online {width:100%;}
img {border:none;}
#online td{padding:0px 0px;}
#online .from_title{color:#505050; font-size:17px; width: 70px; font-family:'Nanum Square'; font-weight:bold;}
#online_btn{width:100%;text-align:center;}

.from_con{width:100%; height:30px; margin-bottom: 15px;}
.from_con input{width:400px; height:30px; color:#535353; font-size:16px; border:1px solid #e0e0e0;}
textarea{width:398px; height: 140px; color:#535353; font-size:16px; border:1px solid #e0e0e0;}

#from_button{margin-top: 15px;}
#from_button input{width:100%; font-family:'Nanum Square'; text-align:center; font-size:18px; font-weight:bold; color:#ba9257; padding: 10px 0px; box-sizing:border-box; border:2px solid #ba9257; background:#fff;}

@media all and (max-width: 768px) {
/*����*/
#fixNextTag article{width: 100%;}

/*ž�޴�*/
#topmenu{width: 100%;}
#topmenu img{width: 20%;}
#topmenu ul{width: 100%;}
.top_fix_zone{background-color:#000; padding: 15px 0px 0px 0px; top:0px;}
.top_fix_zone #logo{display: none;}

#nav{display: none;}
#call{display: block; position:fixed; top:17px; left: 15px; z-index: 10000;}
#call a{z-index: 10000;}
#toggle:checked+#nav{display: block;}
#nav li{display: block; width: 100%; text-align: center; border-top: 1px solid #ccc; padding: 4px;}
label{cursor: pointer; display: block; text-align: center; background-repeat: no-repeat; background-position: 97% 5px; background-size: 25px 19px; font-size: 20px; font-weight: bold; padding: 4px 3% 19px 3%;}

/* page 00 */
#page00{height:450px; padding-top:60px;}
#page00 h2{font-size:70px; margin:-19px 0px 0px 0px;}
#page00 .bg{height:450px; background:url(../images/t00bg.png) top center no-repeat;}
#page00 .mov{height:450px;}
#page00 .mov video{width:800px; height:450px; text-align: center;}

/* page 01 */
#page01 article{padding:60px 0px; width:450px; margin:0 auto;}
#page01 figure{width:200px; text-align:center; float:left; margin-right:50px;}

#page01 figure:nth-child(2){margin:0px 0px 0px 0px;}
#page01 figure:nth-child(3){margin:50px 50px 0px 0px;}
#page01 figure:nth-child(4){margin:50px 0px 0px 0px;}
#page01 figure:nth-child(5){margin:50px 0px 0px 0px;}

/* page 02 */
#page02{padding:60px 0px;}
#page02 h2{text-align:center; padding-top:30px;}

#page02 .banner01, #page02 .banner02{width:100%; float:none;}
#page02 .banner01{margin-right:0px;}

#page02 .banner01 figure:nth-child(1){width:100%; height:225px; margin:0px 0px 20px 0px;}
#page02 .banner01 figure:nth-child(2){width:100%; height:225px; margin:0px 0px 20px 0px;}

#page02 .banner02 figure:nth-child(1){width:100%; height:225px; margin:0px 0px 20px 0px;}
#page02 .banner02 figure:nth-child(2){width:49%; height:510px; margin:0px 2% 0px 0px;}
#page02 .banner02 figure:nth-child(3){width:49%; height:245px; margin:0px 0px 20px 0px;}
#page02 .banner02 figure:nth-child(4){width:49%; height:245px;}


/* page 03 */
#page03 article{float:none; width:100%; margin:0px; padding-bottom:30px;}
#page03 article:nth-child(1), #page03 article:nth-child(2){width:100%; height: 800px;}
#page03 article:nth-child(1) .box, #page03 article:nth-child(2) .box{width:90%; left:0px; margin:45px 5% 0px 5%;}
#page03 article:nth-child(1) .img, #page03 article:nth-child(2) .img{width:100%;}

/* page 04 */
#page04 .page04_from{margin:0 auto;}


@media all and (max-width: 580px) {
/*������*/
.from_con input{width:277px;}
#from_button input{width:277px;}
textarea{width:273px; height: 140px;}

/* page 00 */
#page00 .mov{background:url(../images/m00bg.jpg) top center no-repeat;}
#page00 .mov video{display:none;}
#page00 h2{font-size:40px; margin:2px 0px 0px 0px;}

/* page 01 */
#page01 article{width:200px; margin:0 auto;}
#page01 figure{float:none; margin:25px 0px 25px 0px;}

/* page 02 */
#page02 figure{float:none;}
#page02 .banner01 figure:nth-child(1){width:100%; height:auto; margin:0px 0px 20px 0px;}
#page02 .banner01 figure:nth-child(2){width:100%; height:auto; margin:0px 0px 20px 0px;}

#page02 .banner02 figure:nth-child(1){width:100%; height:auto; margin:0px 0px 20px 0px;}
#page02 .banner02 figure:nth-child(2){width:100%; height:auto; margin:0px 0px 20px 0px;}
#page02 .banner02 figure:nth-child(3){width:100%; height:auto; margin:0px 0px 20px 0px;}
#page02 .banner02 figure:nth-child(4){width:100%; height:auto;}

/* page 03 */
#page03 article{padding-bottom:0px;}

/* page 04 */
#page04 .page04_from{width:88%; padding:2%;}
#page04 .page04_con{padding:10% 5%;}

#page04 .page04_con h3{font-size:14px; margin-bottom:20px;}
#page04 .page04_con h3 span{font-size:28px;}
}