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

/* page 00 */
#page00{background:url(../images/00bg.jpg) bottom center no-repeat; background-attachment: fixed; padding:120px 0px;}
#page00 .main_text{text-align:right; margin:0px 600px 0px 0px;}
#page00 .main_text h2{font-size:45px; font-family:'Nanum Square'; font-weight:bold; color:#fff;}
#page00 .main_text h2 span{font-size: 55px; background: #333; padding: 5px;}
#page00 .main_text .normal{font-size:18px; font-family:'Nanum Square'; line-height:32px; color:#fff;}
#page00 .main_text .bt{margin:30px 0px 0px 0px;}
#page00 .main_text .bt a{display:inline-block; font-size:16px; font-family:'Nanum Square'; width:260px; padding:15px 0px; text-decoration:none; color:#fff; text-align:center;}
#page00 .main_text .bt a:nth-child(1){background:#b5917a;}
#page00 .main_text .bt a:nth-child(2){background:#606168;}

/* page 01 */
#page01{padding:120px 0px 120px 0px; background:#f7f8f9;}
#page01 article figure{width:400px; float:left; text-align:center;}
#page01 article h3{font-size:22px; font-family:'Nanum Square'; font-weight:bold; color:#424242; margin:20px 0px;}

/* page 02 */
#page02 .banner article{width:50%; height:400px;}
#page02 .banner article h3{font-size:28px; font-family:'Nanum Square'; font-weight:bold; color:#424242;}
#page02 .banner article .bar{width:50px; height:3px; background:#b5917a; margin:20px 0px;}

#page02 .banner:nth-child(odd) article{float:right; position:relative;}
#page02 .banner:nth-child(even) article{float:left;}

#page02 .banner:nth-child(1) article:nth-child(1){background:url(../images/p02_img01.jpg) bottom center no-repeat;}
#page02 .banner:nth-child(2) article:nth-child(1){background:url(../images/p02_img02.jpg) bottom center no-repeat;}
#page02 .banner:nth-child(3) article:nth-child(1){background:url(../images/p02_img03.jpg) bottom center no-repeat;}

#page02 .banner .text{margin:100px 0px 0px 0px;}
#page02 .banner:nth-child(odd) article .text{width:600px; position:absolute; left:100%; margin-left:-600px; margin-top: 50px;}
#page02 .banner:nth-child(even) article .text{width:550px; position:absolute; margin-left:50px;}

/* page 03 */
#page03{height:435px;}

/* page 04 */
#page04{background:url(../images/04bg.jpg) bottom center no-repeat; background-attachment: fixed; padding:120px 0px 60px 0px;}
#page04 .page04_from{background:#fff; width:480px; padding:10px;}
#page04 .page04_con{box-sizing:border-box; border:3px solid #b5917a; 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:#b5917a;}

/* 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:26px; 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;}
.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 #b5917a; background:#fff;}

@media all and (max-width: 768px) {
/*����*/
#fixNextTag article{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;}

#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%;}

/* page 00 */
#page00 .main_text{text-align:center; margin:0px 0px 0px 0px;}

/* page 01 */
#page01{padding:60px 0px; background:#f7f8f9;}
#page01 article figure{width:100%; float:none;}
#page01 article figure:nth-child(2){margin:40px 0px;}

/* page 02 */
#page02 .banner article{width:100%; height:300px; text-align:center;}
#page02 .banner article .bar{margin:20px auto;}
#page02 .banner article h3{font-size: 20px;}
#page02 .banner:nth-child(odd) article{float:none;}
#page02 .banner:nth-child(even) article{float:none;}

#page02 .banner .text{margin:50px 0px 0px 0px;}
#page02 .banner:nth-child(odd) article .text{width:100%; position:absolute; left:0px; margin-left:0px;}
#page02 .banner:nth-child(even) article .text{width:100%; position:absolute; margin-left:0px;}

/* page 03 */
#page03{height:350px;}

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


@media all and (max-width: 580px) {
/* page 00 */
#page00{background:url(../images/00bg.jpg) top center no-repeat;}
#page00 .main_text .normal{width:94%; margin:0 auto; text-align:center;}

#page00 .main_text h2{font-size:25px; line-height:50px;}
#page00 .main_text h2 span{display:block; font-size:80px; margin-bottom:30px; background: none;} 

/* page 01 */


/* page 02 */
#page02 .banner article{width:100%; height:450px; text-align:center;}
#page02 .banner .text{margin:60px 0px 0px 0px;}
#page02 .banner .text .normal{width:94%; margin:0 auto; text-align:justify;}
#page02 .banner .text .normal br{display:none;}

/* page 03 */


/* 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;}

.from_con input{width:277px;}
#from_button input{width:277px;}
textarea{width:273px; height: 140px;}
}