@charset "euc-kr";
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url("//cdn.rawgit.com/hiun/NanumSquare/master/nanumsquare.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;}
@font-face {
    font-family: 'Pretendard-Regular';
    src: url('https://fastly.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}
img{border:0;}
*{font-family: 'Pretendard-Regular'!important;}
h1, h2, h3, h4, h5, figure, p{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{background:#e4e4e4; background:url(../images/00bg.jpg) top center no-repeat;}
#page00 .main_text{padding-top: 200px;}
#page00 h2{font-size: 46px; font-weight: bold; font-family:'Nanum Square'; color:#333333;}
#page00 h2 span{color:#ad1625;}
#page00 .bar{background:#ad1625; margin: 20px 0px 20px 0px;}

#page00 article{position: relative; height: 670px;}
#page00 .banner{position: absolute; bottom:-150px;}
#page00 .banner figure{width: 300px; height: 300px; float: left; text-align: center;}
#page00 .banner figure:nth-child(odd){background:#ad1625;}
#page00 .banner figure:nth-child(even){background:#454344;}

#page00 .banner h3{font-size: 30px; font-weight: bold; color: #fff; font-family:'Nanum Square'; padding-top: 60px;}
#page00 .banner .normal{color:#fff; padding-top: 40px;}

/* page 01 */
#page01{padding: 210px 0px 50px 0px; }
#page01 .main_text{text-align: center;}
#page01 h2{font-family:'Nanum Square'; font-size: 34px; font-weight:bold; padding-bottom: 20px;}
#page01 .banner figure{width: 600px; float: left; margin-top: 50px;}
#page01 .banner figure div{float: left;}
#page01 .banner .icon{width: 150px; height: 150px; border-radius: 50%; box-sizing: border-box; border: 3px solid #ad1625;}
#page01 .banner .normal{width: 400px; padding:0px 20px 0px 30px;}
#page01 .banner h3{font-size: 24px; font-weight: bold; font-family:'Nanum Square'; padding: 15px 0px 10px 0px;}
#page01 .banner figure:nth-child(1) .icon{background:url(../images/01_icon01.png) top 20px center no-repeat;}
#page01 .banner figure:nth-child(2) .icon{background:url(../images/01_icon02.png) top 20px center no-repeat;}
#page01 .banner figure:nth-child(3) .icon{background:url(../images/01_icon03.png) top 25px center no-repeat;}
#page01 .banner figure:nth-child(4) .icon{background:url(../images/01_icon04.png) top 25px center no-repeat;}

/* page 02 */
#page02{padding:60px 0px 50px 0px; background: #333333;}
#page02 .main_text{text-align: center; padding: 50px 0px;}
#page02 h2{font-family:'Nanum Square'; font-size: 40px; font-weight:bold; color:#fff;}
#page02 .main_text .normal{color:#fff;}

#page02 .banner01 figure{width: 390px; height: 390px; background:#ad1625; text-align:center; float: left; margin-right: 15px;}
#page02 .banner01 figure:nth-child(3){margin-right:0px;}
#page02 .banner01 h3{color:#fff; font-family:'Nanum Square'; font-size: 30px; font-weight:bold; padding-top: 60px;}
#page02 .banner01 .bar{background:#fff; margin: 50px auto;}
#page02 .banner01 .normal{color:#fff; display:block; width: 90%; margin: 0 auto; text-align: justify;}
#page02 .banner01 .normal span{display: block; font-family:'Nanum Square'; font-size: 20px; font-weight:normal; padding-bottom: 20px; text-align:center; line-height: 150%;}
#page02 .banner02{margin-top:15px;}
#page02 .banner02 figure{cursor:pointer; font-weight: bold; font-family:'Nanum Square'; float: left; color: #fff; position: relative; overflow: hidden; background: #000000; text-align: left;}
#page02 .banner02 figure:nth-child(1){width: 592px; height: 450px; margin: 0px 16px 0px 0px;}
#page02 .banner02 figure:nth-child(2){width: 592px; height: 217px; margin: 0px 0px 16px 0px;}
#page02 .banner02 figure:nth-child(3){width: 592px; height: 217px;}

#page02 .banner02 figure * {-webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 0.6s ease; transition: all 0.6s ease;}
#page02 .banner02 figure img {opacity: 0.8; width: 100%; vertical-align: top; -webkit-transition: opacity 0.35s; transition: opacity 0.35s;}
#page02 .banner02 figure figcaption {position: absolute; bottom: 0; left: 0; width: 100%; height: 100%;}
#page02 .banner02 figure figcaption > div {height: 50%; overflow: hidden; width: 100%; position: relative;}
#page02 .banner02 figure h2,
#page02 .banner02 figure h3 {color:#fff; margin: 0; position: absolute; left: 0; padding: 0 30px; text-transform: uppercase; font-size: 20pt; font-family:'Nanum Square'; display: none;}
#page02 .banner02 figure h2 {top: 0;}
#page02 .banner02 figure h3 {bottom: 0;}
#page02 .banner02 figure h3:nth-of-type(2) {opacity: 0; -webkit-transform: translateY(150%); transform: translateY(150%);}
#page02 .banner02 figure a {left: 0; right: 0; top: 0; bottom: 0; position: absolute;}
#page02 .banner02 figure:hover img, figure.main01_con.hover img {opacity: 0.3; -webkit-filter: grayscale(100%); filter: grayscale(100%);}
#page02 .banner02 figure:hover figcaption h3:first-of-type,
#page02 .banner02 figure:hover figcaption h3:first-of-type {-webkit-transform: translateY(150%); transform: translateY(150%);opacity: 0;}
#page02 .banner02 figure:hover figcaption h3:nth-of-type(2),
#page02 .banner02 figure:hover figcaption h3:nth-of-type(2) {opacity: 1; -webkit-transform: translateY(0%); transform: translateY(0%);}

/* page 03 */
#page03{padding:60px 0px 50px 0px; background:#ad1625;}
#page03 .main_text, #page03 .main_list{float: left;}
#page03 .main_text{width: 599px; border-right: 2px solid #8d121e; color:#fff; padding:20px 0px 230px 0px;}
#page03 .main_text h2{color:#fff; font-family:'Nanum Square'; font-size: 34px; font-weight:bold;}
#page03 .main_text h3{color:#fff; font-family:'Nanum Square'; font-size: 24px; font-weight:normal;}
#page03 .main_text .normal{color:#fff; padding-top: 20px;}

#page03 .main_list{width: 519px; padding:20px 0px 0px 80px;}
#page03 .main_list .normal li{color:#fff; margin-bottom: 10px; font-size: 18px;}

/* page 04 */
#page04{padding:60px 0px 50px 0px;}
#page04 .main_text{text-align: center; padding: 50px 0px;}
#page04 h2{font-family:'Nanum Square'; font-size: 34px; font-weight:bold; padding-bottom: 20px;}

#page04 .banner figure {position: relative; overflow: hidden; width: 590px; height: 560px; background: #000000; color: #ffffff; text-align: center; float: left; cursor: pointer;}
#page04 .banner figure:nth-child(1){margin-right: 20px;}
#page04 .banner figure * {-webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 0.45s ease-in-out; transition: all 0.45s ease-in-out;}
#page04 .banner figure img {width: 100%; position: relative; opacity: 1;}
#page04 .banner figure figcaption {background:#ad1625; width: 100%; height: 260px; margin-top:300px; position: absolute; top: 0px; left: 0px; right: 0px; bottom:  0px;}
#page04 .banner figure:hover img, #page04 .banner figure.hover img {opacity: 0.35; -webkit-transform: scale(1.15); transform: scale(1.15);}

#page04 .banner .normal{color: #fff; padding-top: 70px;}
#page04 .banner .normal span{display: inline-block; font-size: 20px; font-family:'Nanum Square'; font-weight: normal; padding-bottom: 20px; line-height: 150%;}

/* page 05 */
#page05{padding:0px 0px 50px 0px; background: #333333;}
#page05 .main_text{text-align: center; padding: 50px 0px;}
#page05 h2{font-family:'Nanum Square'; font-size: 25px; font-weight:bold; padding-bottom: 20px; color:#fff;}
#page05 .main_text .normal{color:#fff;}

/* 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:rgba(0,0,0,0.7) !important;  top:0px !important;}

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

.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: 28px; 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;}

/**/
.bar{width: 40px; height: 2px;}

.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:18pt; color:#333; line-height:150%; padding:0px 0px 10px 0px; 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;}

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

#from_one{width: 50%; float: left;}

.from_con{width: 100%; height:25px; margin-bottom: 20px;}
.from_con div{float: left;}
.from_con input{width: 420px; height:25px;}

.from_text{color:#fff; padding-top: 5px; font-size:12pt; line-height:150%; word-spacing:-1px;}

#from_button{margin-top: 30px;}
#from_button input{cursor: pointer; border-radius:30px; width: 100%; border: none; font-family:'Nanum Square'; text-align:center; font-size:20px; font-weight: bold; color:#fff; padding: 15px 0px; background:#ad1625;}

textarea{width: 100%; height: 100px;}

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

/*ž�޴�*/
#topmenu{width: 100%;}
#topmenu ul{width: 100%;}
.top_fix_zone{background-color:#000; padding: 10px 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% 15px; background-size: 25px 19px; font-size: 20px; font-weight: bold; padding: 4px 3% 19px 3%;}

/* page 00 */
#page00{background:url(../images/t_00bg.jpg) top center no-repeat;}
#page00 .main_text{box-sizing: border-box; padding:140px 0px 0px 30px;}

#page00 article{position: relative; height:1000px;}
#page00 .banner{position:none; bottom:0px;}
#page00 .banner figure{width: 50%;}
#page00 .banner figure:nth-child(1){background:#ad1625;}
#page00 .banner figure:nth-child(2){background:#454344;}
#page00 .banner figure:nth-child(3){background:#454344;}
#page00 .banner figure:nth-child(4){background:#ad1625;}

#page00 .banner h4{font-size: 30px; font-weight: bold; color: #fff; font-family:'Nanum Square'; padding-top: 40px;}
#page00 .banner h3{font-size: 30px; font-weight: bold; color: #fff; font-family:'Nanum Square'; padding-top: 50px;}
#page00 .banner .normal{color:#fff; padding-top: 40px;}

/* page 01 */
#page01{padding: 120px 0px 50px 0px; }
#page01 .main_text{text-align: center;}
#page01 h2{font-size:28px;}
#page01 .main_text .normal{width: 90%; margin: 0 auto;}

#page01 .banner{width: 550px; margin: 0 auto;}
#page01 .banner figure{width: 530px; margin:50px 0px 0px 0px; padding:15px 0px 15px 20px; border: 1px solid #cdcdcd;}
#page01 .banner figure div{float: left;}
#page01 .banner .normal{width: 330px; padding:0px 20px 0px 30px;}

/* page 02 */
#page02{padding: 0px;}
#page02 .main_text{text-align: center;}
#page02 h2{font-size:28px;}
#page02 .main_text .normal{width: 90%; margin: 0 auto;}
#page02 .normal{font-size: 18px;}
#page02 .banner01 figure{width:100%; height: 390px; float:none; margin-right: 0px; box-sizing: border-box; border-bottom: 20px solid #333;}
#page02 .banner01 figure br{display:inline;}
#page02 .banner01 .normal{display:inline; width:100%; text-align:center;}

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

/* page 03 */
#page03 .main_text, #page03 .main_list{float: none;}
#page03 .main_text{width:100%; border-right:none; padding:20px 0px 40px 0px; text-align: center;}
#page03 .main_list{width:90%; margin: 0 auto; box-sizing: border-box; padding:30px; border: 1px solid #fff;}

/* page 04 */
#page04 h2{font-size: 28px;}
#page04 .main_text .normal{width: 90%; margin: 0 auto;}

#page04 .banner figure {width: 90%; height: 520px; float:none; margin: 0 auto;}
#page04 .banner figure:nth-child(1){margin-right:auto;}
#page04 .banner figure:nth-child(2){margin-top:30px;}
#page04 .banner figure figcaption {margin-top:260px;}

/* page 05 */
#page05{padding:60px 0px 50px 0px;}
#page05 h2{font-size:28px;}
#page05 .main_text .normal{width: 90%; margin: 0 auto;}

/*������*/
.from_con input{width: 400px;}
#from_one{width: 100%; float:none;}
#from_one:nth-child(2){margin-top: 30px;}
.from_con input{width: 430px;}
.from_text{text-align: center;}
}

@media all and (max-width: 580px) {
/*������*/
.from_con input{width: 220px;}

/* page 00 */
#page00{background:url(../images/m_00bg.jpg) top center no-repeat;}
#page00 article{height: 1060px;}
#page00 article .bar{margin: 20px auto;}
#page00 .main_text{text-align: center; padding:400px 0px 0px 0px;}
#page00 h2{font-size: 32px; color: #fff;}
#page00 .normal{color: #fff;}
#page00 .banner figure{height: 230px;}
#page00 .banner h4{padding-top: 20px;}
#page00 .banner h3{font-size: 30px; padding-top: 35px; }
#page00 .banner .normal{padding-top: 10px; width: 80%; margin: 0 auto; text-align: center;}

/* page 01 */
#page01{padding: 90px 0px 50px 0px;}
#page01 .main_text h2{font-size:18px;}

#page01 .banner{width:90%; margin: 0 auto;}
#page01 .banner figure{width:100%; margin:30px 0px 0px 0px; padding:20px 0px;}
#page01 .banner figure div{float:none;}
#page01 .banner .icon{margin: 0 auto;}
#page01 .banner .normal{width:86%; margin: 0 auto; padding:0px; text-align: center;}
#page01 .banner h3{text-align: center;}

/* page 02 */
#page02 h2{font-size:18px; padding-bottom: 20px;}
#page02 .main_text .normal{width: 90%; margin: 0 auto;}

#page02 .banner01 figure{width:100%; height: 300px;}
#page02 .banner01 .normal{display:block; width:90%; margin: 0 auto; text-align:justify;}
#page02 .banner01 .normal span{font-size: 18px;}
#page02 .banner01 h3{padding-top: 30px;}
#page02 .banner01 .bar{margin: 20px auto;}

#page02 .banner02 figure:nth-child(1){height:auto;}
#page02 .banner02 figure:nth-child(2){height:auto;}
#page02 .banner02 figure:nth-child(3){height:auto;}

/* page 03 */
#page03 .main_text{width:100%; border-right:none; padding:20px 0px 40px 0px; text-align: center;}
#page03 .main_text h2{font-size: 18px;}
#page03 .main_text h3{font-size: 16px;}
#page03 .main_list{padding:40px 20px 20px 20px;}
#page03 .main_text .normal{width: 90%; margin: 0 auto;}

#page03 .main_list .normal li{margin-bottom:10px; padding-bottom:10px; border-bottom: 1px solid #8d121e;}
#page03 .main_list .normal li:last-child{border-bottom:none;}
#page03 .main_list .normal li span{display: none;}

/* page 04 */
#page04 h2{font-size: 18px;}

#page04 .banner figure {height: 320px;}
#page04 .banner figure figcaption {margin-top:155px;}

#page04 .banner .normal{padding-top: 30px;}
#page04 .banner .normal span{font-size: 17px; padding-bottom: 20px;}

/* page 05 */
#page05 h2{font-size:15px;}
#page05 .main_text .normal{width: 90%; margin: 0 auto;}
}