@font-face {
 font-family: 'NanumSquare';
 src: url(../font/NanumSquareR.eot);
 src: url(../font/NanumSquareR.eot?#iefix) format('embedded-opentype'),
   url(../font/NanumSquareR.woff) format('woff'),
   url(../font/NanumSquareR.ttf) format('truetype');
}
@font-face {
 font-family: 'NanumSquareLight';
 src: url(../font/NanumSquareL.eot);
 src: url(../font/NanumSquareL.eot?#iefix) format('embedded-opentype'),
   url(../font/NanumSquareL.woff) format('woff'),
   url(../font/NanumSquareL.ttf) format('truetype');
}
@font-face {
 font-family: 'NanumSquareExtraBold';
 src: url(../font/NanumSquareEB.eot);
 src: url(../font/NanumSquareEB.eot?#iefix) format('embedded-opentype'),
   url(../font/NanumSquareEB.woff) format('woff'),
   url(../font/NanumSquareEB.ttf) format('truetype');
}
@font-face {
 font-family: 'NanumSquareBold';
 src: url(../font/NanumSquareB.eot);
 src: url(../font/NanumSquareB.eot?#iefix) format('embedded-opentype'),
   url(../font/NanumSquareB.woff) format('woff'),
   url(../font/NanumSquareB.ttf) format('truetype');
}

@font-face {
 font-family: 'NanumSquareRound';
 src: url(../font/NanumSquareRound/NanumSquareRoundR.eot);
 src: url(../font/NanumSquareRound/NanumSquareRoundR.eot?#iefix) format('embedded-opentype'),
   url(../font/NanumSquareRound/NanumSquareRoundR.woff2) format('woff2'),
   url(../font/NanumSquareRound/NanumSquareRoundR.woff) format('woff'),
   url(../font/NanumSquareRound/NanumSquareRoundR.ttf) format('truetype');
}





* {border-width:0;margin:0;}
p {margin:0; padding:0;}	
body {overflow-x:hidden; background-color:#ffffff;}

.wrap {top:0px; width:100%; min-width:1200px; overflow-x:hidden;}
.centerdiv {display:table; width:1200px; margin:0 auto; text-align:center;}
.relative {position:relative; left:0; top:0;}





/*-----HEADER-----*/
.top_contents {position:absolute; top:0; left:0; display:table; width:100%; min-width:1200px; text-align:center; padding:0 0 10px; background:url('../images/navi_bg.png') repeat-x center top; z-index:100;}

.top_contents .logo {float:left; padding:30px 0;}


/*NAVI*/
.top_contents .navi {float:right; padding:35px 0 0; margin-right:-25px;}
.top_contents .navi ul {margin:0; padding:0;}
.top_contents .navi li {position:relative; float:left; text-align:center; list-style:none; padding:0 25px;}
.top_contents .navi .on {color:#fff;}
.top_contents .navi a,
.top_contents .navi a:visited {font-family:'NanumSquareBold'; font-size:17px; line-height:35px; color:#fff; text-decoration:none;}
.top_contents .navi a:hover {color:#fff;}



/*¼­ºê¸Þ´º*/
.navisub {position:absolute; display:table; top:26px; left:50%; margin-left:-80px; width:160px; padding:15px 0 0 0; z-index:100; display:none;}
.navisub .submenu {display:table; width:160px; text-align:center; padding:15px 0 15px 0; background:rgba(0,0,0,.8); border-radius:10px;}
.navisub .submenu ul {margin:0; padding:0;}
.navisub .submenu li {clear:both; float:left; list-style:none; width:100%; padding:0;}
.navisub .submenu li a,
.navisub .submenu li a:visited {font-family:'Nanum Gothic','³ª´®°íµñ'; font-size:13px; font-weight:400; line-height:30px; color:#fff; text-decoration:none;}
.navisub .submenu li a:hover {color:#eb2d2f;}





/*ÇÏ´Ü*/
.footer {clear:both; display:table; width:100%; min-width:1200px; text-align:center; padding:30px 0 0; background:url('../images/bottom_bg.jpg') no-repeat center bottom;}
.footer .logo {clear:both; float:left; width:100%; text-align:center; padding:20px 0 0 0;}

.footer .copyright {float:left; width:100%; text-align:center; font-size:13px; font-family:'Nanum Gothic','³ª´®°íµñ'; font-weight:400; padding:30px 0;}
.footer .copyright p {line-height:20px; color:#666;}
.footer .copyright a, .bottom .copyright a:hover, .bottom .copyright a:visited {color:#666; font-size:13px; text-decoration:none;}

.fsite {display:table; width:100%; padding:40px 0 140px;}
.fsite img {padding:0 20px;}





/*¸ÞÀοµ¿ª*/
.mainimages {position:relative; display:table; width:100%; min-width:1200px; text-align:center; padding:0;}
.mainimages .mainimagestext {position:absolute; width:100%; min-width:1200px; top:180px; left:0; text-align:center; z-index:50; text-shadow:0 0 5px rgba(0,0,0,.9);
												 font-family:'NanumSquareBold'; font-size:30px; line-height:40px; color:#fff;}
.mainimages .mainimagestext span {font-family:'NanumSquareExtraBold'; font-size:90px; line-height:120px;}
.mainimages .mainimagestext .inquirycall {font-family:'NanumSquareExtraBold'; font-size:40px; line-height:100px;}

.maincontents {position:absolute; display:table; width:100%; min-width:1200px; top:550px; left:0; text-align:center; z-index:100; font-size:0; line-height:0;}
.maincontents .contentsgroup {position:relative; display:inline-block; *display:inline; width:23%; max-width:360px; height:430px; padding:2px 0 20px; margin:0 3px; background:#fff; box-shadow:0 0 3px rgba(0,0,0,.3);transition:all .3s ease; -webkit-transition:all .3s ease;}
.maincontents .contentsgroup .title_e {position:absolute; top:268px; left:0; width:100%; font-family:'NanumSquareExtraBold'; font-size:50px; line-height:50px; color:#fff; text-transform:uppercase; z-index:1;}
.maincontents .contentsgroup .title_k {position:absolute; top:330px; left:0; width:100%; font-family:'NanumSquare'; font-size:20px; line-height:30px; color:#000;}
.maincontents .contentsgroup .morebtn {position:absolute; top:390px; left:50%; width:100px; margin-left:-50px; border:1px solid #ccc; font-family:'NanumSquareLight'; font-size:14px; font-weight:600; line-height:30px; color:#000; text-transform:uppercase;}
.maincontents .contentsgroup .contentsimg {width:98%; overflow:hidden; margin:0 1%;}
.maincontents .contentsgroup .contentsimg img {-webkit-transform:scale(1); -ms-transform:scale(1); transform:scale(1); transition:all .3s ease; -webkit-transition:all .3s ease;}
.maincontents .contentsgroup:hover .contentsimg img {-webkit-transform:scale(1.05); -ms-transform:scale(1.05); transform:scale(1.05)}
.maincontents .contentsgroup:hover {background:#f5f5f5;}







/*¼­ºê¿µ¿ª*/
.subimages {display:table; width:100%; min-width:1200px; height:549px; text-align:center; padding:0;}
.subimg01 {background:url('../images/sub_images01.jpg') no-repeat center top;}
.subimg02 {background:url('../images/sub_images02.jpg') no-repeat center top;}
.subimg03 {background:url('../images/sub_images03.jpg') no-repeat center top;}
.subimg04 {background:url('../images/sub_images04.jpg') no-repeat center top;}
.subimg05 {background:url('../images/sub_images05.jpg') no-repeat center top;}

/*ŸÀÌƲ*/
.subimages .title_e {clear:both; width:100%; text-align:center; font-family:'NanumSquareExtraBold'; font-size:90px; color:#fff; padding:190px 0 10px; text-transform:uppercase;}
.subimages .title_k {clear:both; width:100%; text-align:center; font-family:'NanumSquareBold'; font-size:30px; color:#fff; padding:0;}


/*¸Ê*/
.subimages .subnav {clear:both; width:100%; text-align:center; display:table; padding:30px 0 0 0;}
.subimages .subnav ul {font-size:0; margin:0; padding:0;}
.subimages .subnav li {display:inline; padding:0 15px 0 7px; color:#fff; font-size:12px; font-family:'Nanum Gothic','³ª´®°íµñ'; font-weight:400; background:url('../images/nav_arrow.png') no-repeat right 2px;}
.subimages .subnav .firstli {background:none; padding:0;}
.subimages .subnav .lastli {background:none !important; padding-right:0;}
.subimages .subnav img {margin-bottom:-3px;}

/*¼­ºê¸Þ´º*/
.subimages .submenu {display:table; width:100%; text-align:center; padding:100px 0 0; }
.subimages .submenu ul {margin:0; padding:0; font-size:0;  }
.subimages .submenu li {display:inline-block; *display:inline; margin:0; padding:15px 50px; margin:0 2px; background:#fff;}
.subimages .submenu a,
.subimages .submenu a:visited {font-family:'NanumSquare','Nanum Gothic','³ª´®°íµñ'; font-size:15px; font-weight:600; color:#666; text-decoration:none;  }
.subimages .submenu a:hover {color:#eb2d2f;}
.subimages .submenu .on {background:#c61920 !important;}
.subimages .submenu .on a,
.subimages .submenu .on a:visited,
.subimages .submenu .on a:hover {color:#fff; text-decoration:none; }

/*º»¹®*/
.subcontents {display:table; width:100%; min-width:1200px; text-align:center; padding:0 0 50px;}

.subcontents .subbody {display:table; clear:both; width:100%; min-width:1200px; text-align:center;}
.subcontents .subbody .text {clear:both; display:table; padding:100px 0 50px; border-bottom:1px solid #eee;}
.subcontents .subbody .text .text_table {display:table; width:1200px; min-height:300px; *height:300px; text-align:center; vertical-align:top;}




.subbg0101 {background:url('../body/sub0101_bg.jpg') no-repeat center top;}
.subbg0102 {background:url('../body/sub0102_bg.jpg') no-repeat center top;}