@charset "utf-8";
@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;}
.top_text{margin-bottom:45px;}
.top_text h2{font-size:40px; font-family:'Nanum Square'; font-weight:bold;}
.top_text h3{font-size:28px; font-family:'Nanum Square'; font-weight:bold;}
.top_text .bar{width:100%; height:2px; margin:10px 0px;}
.brnone{display: none;}
/* page 00 */
#page00{background:url(../images/00bg.jpg) center center no-repeat; background-attachment: fixed; padding:120px 0px 60px 0px;}
#page00 article h2{width:930px; height:400px; background:url(../images/p00_img00.png) top center no-repeat; margin:0 auto 60px auto;}
#page00 article figure{width:390px; height:250px; float:left; box-sizing:border-box; padding:30px;}
#page00 article figure h5{border-left:5px solid #fff; color:#fff; font-size:20px; font-weight:bold; font-family:'Nanum Square'; padding-left:5px;}

#page00 article figure:nth-child(1) h3{font-size:18px; font-weight:bold; font-family:'Nanum Square'; color:#616161;}
#page00 article figure:nth-child(1) h3 span{display:block; font-size:40px; color:#8c6238; margin:10px 0px 20px 0px;}
#page00 article figure:nth-child(1) .normal01{font-size:22px; font-weight:bold; font-family:'Nanum Square'; color:#616161; line-height:110%; padding: 10px 0;}
#page00 article figure:nth-child(1) .bar{width:100%; height:2px; background:#dcdcdc; margin:20px 0px;}

#page00 article figure:nth-child(1) h4{font-size:26px; font-weight:bold; font-family:'Nanum Square'; color:#8c6238; margin:0px 0px 15px 0px;}
#page00 article figure:nth-child(1) .normal02{color:#616161;}
#page00 article figure:nth-child(1) .num{font-size:16px; font-family:'Nanum Square'; color:#616161;}
#page00 article figure:nth-child(1) .num span{display:block; font-weight:bold; font-size:60px; color:#9d7c5c; line-height:120%;}
#page00 article figure:nth-child(1) a{display:block; width:100%; background:#9d7c5c; color:#fff; text-align:center; text-decoration:none; font-size:22px; font-weight:bold; font-family:'Nanum Square'; padding:12px 0px; margin:30px 0px 0px 0px;}

#page00 article figure:nth-child(1){height:515px; background:#fff; margin:0px 15px 0px 0px;}
#page00 article figure:nth-child(2){margin:0px 15px 15px 0px; background:url(../images/p00_img01.jpg) bottom center no-repeat;}
#page00 article figure:nth-child(3){margin:0px 0px 15px 0px; background:url(../images/p00_img02.jpg) bottom center no-repeat;}
#page00 article figure:nth-child(4){margin:0px 15px 0px 0px; background:url(../images/p00_img03.jpg) bottom center no-repeat;}
#page00 article figure:nth-child(5){margin:0px 0px 0px 0px; background:url(../images/p00_img04.jpg) bottom center no-repeat;}

/* page 01 */
#page01{padding:120px 0px 60px 0px;}
#page01 article h2{color:#8c6238;}
#page01 article .bar{background:#8c6238;}
#page01 article h3{color:#8c6238;}

#page01 article .banner .img{float:left; width:330px; height:330px; background:url(../images/p01_img01.jpg) top center no-repeat; border-radius:50%; margin-right:120px;}
#page01 article .banner .con{float:left; width:700px; padding:30px 0px 0px 0px;}
#page01 article .banner .con h4{font-size:26px; font-family:'Nanum Square'; font-weight:bold; color:#424242; margin:0px 0px 35px 0px; text-align: center;}
#page01 article .banner .con h4 span{display:block; font-size:40px; margin:0px 0px 5px 0px;}
#page01 article .banner .con h4 a{font-size: 40px; text-decoration: none; color: #8c6238;}

/* page 02 */
#page02{background:url(../images/02bg.jpg) center center no-repeat; background-attachment: fixed; padding:120px 0px 60px 0px;}
#page02 article h2{color:#fff;}
#page02 article .bar{background:#fff;}
#page02 article h3{color:#fff;}

#page02 article .banner{width:1120px; margin:0 auto;}
#page02 article figure{width:525px; height:395px; text-align:center; box-sizing:border-box; border:20px solid #d4d4d2; background:#fff; float:left;}
#page02 article figure .img{width:100%; height:265px;}
#page02 article figure h3{font-size:28px; font-family:'Nanum Square'; font-weight:bold; color:#424242; margin:25px 0px;}
#page02 article figure .normal{font-size:18px; font-family:'Nanum Square'; font-weight:bold; padding:0px 30px;}

#page02 article figure:nth-child(1){margin:0px 70px 70px 0px;}
#page02 article figure:nth-child(2){margin:0px 0px 70px 0px;}
#page02 article figure:nth-child(3){margin:0px 70px 0px 0px;}
#page02 article figure:nth-child(4){margin:0px 0px 0px 0px;}

#page02 article figure:nth-child(1) .img{background:url(../images/p02_img01.jpg) top center no-repeat;}
#page02 article figure:nth-child(2) .img{background:url(../images/p02_img02.jpg) top center no-repeat;}
#page02 article figure:nth-child(3) .img{background:url(../images/p02_img03.jpg) top center no-repeat;}
#page02 article figure:nth-child(4) .img{background:url(../images/p02_img04.jpg) top center no-repeat;}

/* page 03 */
#page03 article{height:435px; float:left;}
#page03 article:nth-child(1){width:45%; background:#8c6238; position:relative;}
#page03 article:nth-child(2){width:55%;}

#page03 article:nth-child(1) .box{width:450px; position:absolute; top:115px; right:0px;}
#page03 article:nth-child(1) h2{font-size:30px; color:#fff; font-weight:lighter;}
#page03 article:nth-child(1) h2 span{display:block; font-size:60px; font-family:'Nanum Square';}
#page03 article:nth-child(1) .bar{width:70px; height:2px; background:#fff; margin:35px 0px; }
#page03 article:nth-child(1) .normal{font-size:18px; color:#fff;}

/* page 04 */
#page04{padding:120px 0px 60px 0px; background:#464646;}
#page04 article h2{color:#fff;}
#page04 article .bar{background:#fff;}
#page04 article h3{color:#fff;}

/* 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: 78%;}
#topmenu h1{width: 22%;}
#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:26pt;}

.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: 22%; height:33px; background:url(../images/logo.png) left top no-repeat;}

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;}
.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;}

#online #from_one{width:580px; float:left;}
#online article #from_one:nth-child(1){margin:0px 40px 0px 0px;}
#online article #from_one .normal{font-size:16px; color:#fff; font-family:'Nanum Square'; font-weight:bold;}
#online article #from_one .normal span{display:block; font-size:30px; margin:0px 0px 10px 0px;}

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

#from_button{margin-top:20px;}
#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%;}
#online td{width: 100%;}
/*ž�޴�*/
#topmenu{width: 100%;}
#topmenu ul{width: 100%;}
.top_fix_zone{background-color:#000; padding: 15px 0px 0px 0px; top:0px;}
.top_fix_zone #logo{display: none;}
#page01 article .banner .con h4{font-size: 22px;}
#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:url(../images/menu.png); background-repeat: no-repeat; background-position: 97% 5px; background-size: 25px 19px; font-size: 20px; font-weight: bold; padding: 4px 3% 19px 3%;}
.brnone{display: block;}
/* page 00 */
#page00 article .banner{width:98%; margin:0 auto;}
#page00 article figure{height:220px; padding:15px;}
.top_text{padding: 0 10px;}
#page00 article figure:nth-child(1){width:100%; margin:0px 0px 15px 0px;}
#page00 article figure:nth-child(2){width:49%; margin:0px 2% 15px 0px;}
#page00 article figure:nth-child(3){width:49%; margin:0px 0px 15px 0px;}
#page00 article figure:nth-child(4){width:49%; margin:0px 2% 0px 0px;}
#page00 article figure:nth-child(5){width:49%; margin:0px 0px 0px 0px;}

/* page 01 */
#page01{padding-top: 30px 10px 60px 10px;}
#page01 article{width:98%; margin:0 auto;}
#page01 article .banner .img{float:none; margin:0 auto;}
#page01 article .banner .con{float:none; width:100%; padding:50px 0px 0px 0px; text-align:center;}

/* page 02 */
#page02{padding: 30px 10px 60px 10px;}
#page02 article{width:98%; margin:0 auto;}
#page02 article .banner{width:100%;}
#page02 article figure{width:49%;}
#page02 article figure .img{height:235px;}
#page02 article figure h3{font-size:24px;}
#page02 article figure .normal{font-size:16px;}

#page02 article figure:nth-child(1){margin:0px 2% 15px 0px;}
#page02 article figure:nth-child(2){margin:0px 0px 15px 0px;}
#page02 article figure:nth-child(3){margin:0px 2% 0px 0px;}
#page02 article figure:nth-child(4){margin:0px 0px 0px 0px;}

/* page 03 */
#page03 article{width:100%; height:300px; float:none;}
#page03 article:nth-child(1){width:100%;}
#page03 article:nth-child(2){width:100%;}

#page03 article:nth-child(1) .box{width:100%; top:45px; text-align: center;}
#page03 article:nth-child(1) h2{font-size:30px;}
#page03 article:nth-child(1) h2 span{font-size:40px;}
#page03 article:nth-child(1) .bar{margin:35px auto;}
#page03 article:nth-child(1) .normal{font-size:18px; color:#fff;}

/* page 04 */
#page04 article{width:98%; margin:0 auto;}
#page04 #online {width:100%; margin:0 auto;}
#online article #from_one .normal{margin-top:20px;}

#online #from_one{width:100%;}
#online article #from_one:nth-child(1){margin:0px 0px 0px 0px;}
.from_con input{width:100%;}
textarea{width:100%;}


@media all and (max-width: 580px) {
/* page 00 */
#page00{background:url(../images/00bg_t.jpg) top center no-repeat;}
#page00 article h2{width:100%; height:260px; background:url(../images/p00_img00_t.png) top center no-repeat;}
#page00 article figure{height:220px; padding:15px; float:none;}

#page00 article figure:nth-child(1){width:100%; margin:0px 0px 15px 0px; height: 480px;}
#page00 article figure:nth-child(2){width:100%; margin:0px 0px 15px 0px;}
#page00 article figure:nth-child(3){width:100%; margin:0px 0px 15px 0px;}
#page00 article figure:nth-child(4){width:100%; margin:0px 0px 15px 0px;}
#page00 article figure:nth-child(5){width:100%; margin:0px 0px 0px 0px;}

/* page 01 */


/* page 02 */
#page02{background:url(../images/02bg_t.jpg) top center no-repeat;}
#page02 article figure{width:100%; height:auto;}
#page02 article figure .img{height:235px;}
#page02 article figure h3{font-size:24px;}
#page02 article figure .normal{font-size:16px; padding:0px 30px 30px 30px;}

#page02 article figure:nth-child(1){margin:0px 0px 15px 0px;}
#page02 article figure:nth-child(2){margin:0px 0px 15px 0px;}
#page02 article figure:nth-child(3){margin:0px 0px 15px 0px;}
#page02 article figure:nth-child(4){margin:0px 0px 0px 0px;}

/* page 03 */


/* page 04 */
#page04 #online {width:94%; margin:0; padding-left: 10px;}


}