html {}
body {overflow-x:hidden; background-color:#ffffff; box-sizing:border-box;}
body::-webkit-scrollbar-track{
/*-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);*/
/*border-radius:100px;*/
background:#eee;
;
}
body::-webkit-scrollbar{
width: 5px;
background-color: transparent;
}
body::-webkit-scrollbar-thumb{
/*border-radius: 100px;*/
/* -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);*/
background: #000;
}
* {border-width:0; margin:0; box-sizing:border-box; word-break:keep-all;}
* {image-rendering: -moz-crisp-edges;/* Firefox */
image-rendering: -o-crisp-edges;/* Opera */
image-rendering: -webkit-optimize-contrast;/* Webkit (non-standard naming) */
image-rendering: crisp-edges;
-ms-interpolation-mode: nearest-neighbor;/* IE (non-standard property) */}
p {margin:0; padding:0;}
ul {padding:0; margin:0;}
li {list-style:none;}
strong {font-weight:normal;}
.wrap {top:0px; width:100%; min-width:1260px; max-width:2000px; margin:0 auto;}
.centerdiv {width:1500px; min-width:1260px; margin:0 auto; padding:0;}
.relative {position:relative; left:0; top:0;}
@keyframes wheel {
0% { top:5px; }
100% { top:15px; }
}
.header {position:fixed; display:table; top:0; left:0; width:100%; min-width:1260px; background:linear-gradient(to bottom, rgba(0,0,0,1), rgba(0,0,0,.0)); padding:20px 50px; z-index:100; transition:all .2s ease; -webkit-transition:all .2s ease;}
.header_fix {box-shadow:0 0 3px rgba(0,0,0,.3); background:#fff;}
.headerbg {}
.header .logo {position:relative; float:left; margin:0;}
.header .logo img {width:250px; transition:all .2s ease; -webkit-transition:all .2s ease;}
.header .logo img:nth-child(2) {position:absolute; top:0; left:0; opacity:0;}
.header_fix .logo img:nth-child(1) {opacity:0;}
.header_fix .logo img:nth-child(2) {opacity:1;}
.header .navicontents {float:right; margin:10px 0 0 0;}
.header .navicontents li {position:relative; float:left; margin:0 25px;}
.header .navicontents li:first-child {margin-left:0;}
.header .navicontents li:last-child {margin-right:0;}
.header .navicontents a,
.header .navicontents a:visited {font-family:'Pretendard'; font-weight:300; font-size:18px; line-height:25px; color:#fff; text-decoration:none; padding:5px 0;}
.header_fix .navicontents a,
.header_fix .navicontents a:visited {color:#000;}
.header .navicontents .nsubmenu {position:absolute; width:160px; top:28px; left:50%; margin-left:-80px; display:none;}
.header .navicontents .nsubmenu ul {display:table; width:160px; margin:20px 0 0; padding:0; background:rgba(0,0,0,.5); box-shadow:0 2px 2px rgba(0,0,0,.3); transition:all .2s ease; -webkit-transition:all .2s ease;}
.header .navicontents .nsubmenu ul li {clear:both; width:100%; text-align:center; padding:5px 0; margin:0; border-bottom:1px dotted rgba(255,255,255,.1); cursor:pointer;
font-family:'Pretendard'; font-weight:300; font-size:15px; line-height:40px; color:#fff; text-decoration:none; transition:all .2s ease; -webkit-transition:all .2s ease;}
.header .navicontents .nsubmenu ul li:last-child {border:none;}
.header .navicontents .nsubmenu ul li:hover {background:rgba(255,255,255,.1); }
.header_fix .navicontents .nsubmenu ul {background:#fff; margin-top:31px;}
.header_fix .navicontents .nsubmenu ul li {color:#000;}
.header_fix .navicontents .nsubmenu ul li:hover {background:rgba(0,0,0,.05);}
.bottom {display:table; width:100%; min-width:1260px; text-align:center; background:#191919; padding:50px 50px;}
.bottom .logo {width:100%; text-align:center; margin:0 0 30px;}
.bottom .logo img {width:200px;}
.bottom .companyinfo {clear:both; float:left; width:100%; text-align:center; font-size:0;}
.bottom .companyinfo ul {margin:0; padding:0;}
.bottom .companyinfo li {display:inline-block; margin:0 20px; font-family:'Pretendard'; font-weight:200; font-size:17px; line-height:25px; color:#ccc;}
.bottom .companyinfo li:last-child {width:100%; margin:10px 0 0 0;}
.bottom .companyinfo a {font-family:'Pretendard'; font-weight:200; font-size:17px; text-decoration:none; color:#ccc;}
.main_images {position:relative; width:100%; height:100vh; min-height:600px; background:#000; overflow:hidden;}
.main_images:after {position:absolute; top:0; left:0; width:100%; height:100%; background:linear-gradient(to bottom, rgba(0,0,0,.8), rgba(0,0,0,.0)); content:''; z-index:30;}
.main_images_text {position:absolute; top:50%; left:0; width:100%; margin-top:-100px; z-index:31; text-shadow:0 0 5px #000;}
.main_images_text .main_title {width:100%; font-family:'Pretendard'; text-align:center; font-weight:100; font-size:25px; line-height:50px; color:#fff;}
.main_images_text .main_title span {font-size:50px; font-weight:800;}
.main_images_text .main_comment {width:100%; font-family:'Pretendard'; text-align:center; font-weight:100; font-size:25px; line-height:35px; color:#fff;}
.main_images .main_images_scroll {position:absolute; bottom:30px; width:100%; text-align:center; font-size:0; z-index:32; transition:all .2s ease; -webkit-transition:all .2s ease;}
.main_images .main_images_scroll .mouse_icon {position:relative; display:inline-block; width:20px; height:35px; border:1px solid #fff; border-radius:100px;}
.main_images .main_images_scroll .mouse_icon .mouse_wheel {position:absolute; top:5px; left:50%; width:2px; height:8px; margin-left:-1px; background:#fff; border-radius:100px; animation:wheel .5s ease-in-out infinite;}
.main_images .main_images_scroll .mouse_text {width:100%; font-family:'Pretendard'; text-align:center; font-weight:300; font-size:18px; line-height:30px; color:#fff;}
.main_images_fix .main_images_scroll {opacity:0;}
.main_business {display:table; width:100%; background:url('../images/main_business_bg.jpg') no-repeat center; background-size:cover; padding:150px 50px;}
.main_business .main_business_title {width:100%; font-family:'Pretendard'; text-align:center; font-weight:100; font-size:50px; line-height:50px; color:#fff;}
.main_business .main_business_title span {font-weight:800; color:#ffdfa8;}
.main_business .main_business_comment {width:100%; font-family:'Pretendard'; text-align:center; font-weight:100; font-size:25px; line-height:35px; color:#fff; margin:30px 0 100px;}
.main_business .main_business_comment span {font-weight:500; color:#ffdfa8;}
.main_business .main_business_contents {width:100%;}
.main_business .main_business_contents .business_contentsbox {float:left; width:24.5%; margin:0 .25%; cursor:pointer;}
.main_business .main_business_contents .business_contentsbox .b_contents_img {position:relative; width:100%; height:515px; overflow:hidden;}
.main_business .main_business_contents .business_contentsbox .b_contents_img .morebtn {position:absolute; top:0; left:0; width:100%; height:100%; font-family:'Pretendard'; text-align:center; font-weight:500; font-size:20px; line-height:50px; color:#fff; background:rgba(0,0,0,.7); padding-top:210px; z-index:2; opacity:0; transition:all .2s ease; -webkit-transition:all .2s ease;}
.main_business .main_business_contents .business_contentsbox .b_contents_img .morebtn i {font-size:30px;}
.main_business .main_business_contents .business_contentsbox:nth-child(1) .b_contents_img {background:url('../images/main_business_img01.jpg') no-repeat center; background-size:cover;}
.main_business .main_business_contents .business_contentsbox:nth-child(2) .b_contents_img {background:url('../images/main_business_img02.jpg') no-repeat center; background-size:cover;}
.main_business .main_business_contents .business_contentsbox:nth-child(3) .b_contents_img {background:url('../images/main_business_img03.jpg') no-repeat center; background-size:cover;}
.main_business .main_business_contents .business_contentsbox:nth-child(4) .b_contents_img {background:url('../images/main_business_img04.jpg') no-repeat center; background-size:cover;}
.main_business .main_business_contents .business_contentsbox .b_contents_title_e {width:100%; font-family:'Pretendard'; text-align:center; font-weight:500; font-size:17px; line-height:20px; color:#fff; opacity:.6; margin:30px 0 0;}
.main_business .main_business_contents .business_contentsbox .b_contents_title_k {width:100%; font-family:'Pretendard'; text-align:center; font-weight:500; font-size:30px; line-height:40px; color:#fff; margin:10px 0 30px;}
.main_business .main_business_contents .business_contentsbox .b_contents_title_comment {width:100%; font-family:'Pretendard'; text-align:center; font-weight:100; font-size:19px; line-height:25px; color:#fff;}
.main_business .main_business_contents .business_contentsbox:hover .morebtn {opacity:1;}
.main_link {display:table; width:100%; background:url('../images/main_contents_bg.jpg') no-repeat center; background-size:cover; padding:150px 50px;}
.main_link .main_link_title {width:100%; font-family:'Pretendard'; text-align:center; font-weight:100; font-size:45px; line-height:50px; color:#fff;}
.main_link .main_link_title span {font-weight:800; color:#ffdfa8;}
.main_link .main_link_contents {display:table; width:100%; background:rgba(0,0,0,.3); margin:100px 0 0; padding:50px;}
.main_link .main_link_contents .link_contentsbox {position:relative; float:left; width:33.33%; height:360px; cursor:pointer;}
.main_link .main_link_contents .link_contentsbox:nth-child(2) {border:1px solid rgba(255,255,255,.1); border-width:0 1px;}
.main_link .main_link_contents .link_contentsbox .l_contents_title {position:absolute; top:180px; left:0; width:100%; font-family:'Pretendard'; text-align:center; font-weight:300; font-size:30px; line-height:40px; color:#fff; z-index:2; transition:all .2s ease; -webkit-transition:all .2s ease;}
.main_link .main_link_contents .link_contentsbox .l_contents_title span {font-weight:500; font-size:17px; line-height:20px; color:rgba(255,255,255,.6);}
.main_link .main_link_contents .link_contentsbox .l_contents_icon {width:100%; text-align:center; font-size:50px; color:#fff; margin-top:110px; transition:all .2s ease; -webkit-transition:all .2s ease;}
.main_link .main_link_contents .link_contentsbox .l_contents_more {position:relative; display:table; font-family:'Pretendard'; text-align:center; font-weight:300; font-size:17px; line-height:30px; color:#fff; margin:0 auto; padding-right:25px; margin-top:100px; opacity:0; transition:all .2s ease; -webkit-transition:all .2s ease;}
.main_link .main_link_contents .link_contentsbox .l_contents_more i {position:absolute; top:6px; right:0; z-index:1;}
.main_link .main_link_contents .link_contentsbox .l_contents_more:after {position:absolute; bottom:0; left:-5%; width:110%; height:1px; content:''; background:#fff;}
.main_link .main_link_contents .link_contentsbox:hover .l_contents_title {top:80px;}
.main_link .main_link_contents .link_contentsbox:hover .l_contents_icon {margin-top:150px;}
.main_link .main_link_contents .link_contentsbox:hover .l_contents_more {margin-top:60px; opacity:1;}
/*서브영역*/
.subimages {position:relative; display:table; width:100%; min-width:1260px; height:550px; font-size:0; text-align:center; padding:0; overflow:hidden;}
.subimg01 {background:url('../images/sub_images01.jpg') no-repeat center; background-size:cover;}
.subimg02 {background:url('../images/sub_images02.jpg') no-repeat center; background-size:cover;}
.subimg03 {background:url('../images/sub_images03.jpg') no-repeat center; background-size:cover;}
.subimg04 {background:url('../images/sub_images04.jpg') no-repeat center; background-size:cover;}
.subimg05 {background:url('../images/sub_images05.jpg') no-repeat center; background-size:cover;}
.subimg06 {background:url('../images/sub_images06.jpg') no-repeat center; background-size:cover;}
/*타이틀*/
.subtitle_group {position:absolute; top:0; left:0; width:100%; min-width:1260px; height:100%; z-index:10;}
.subtitle_group .subtitle_k {clear:both; width:100%; text-align:center; font-family:'Pretendard'; font-weight:800; font-size:50px; line-height:60px; color:#fff; margin:230px 0 0;}
/*맵*/
.subtitle_group .subnav {}
.subtitle_group .subnav ul {margin:0 0 0 20px; padding:0; font-size:0;}
.subtitle_group .subnav li {position:relative; display:inline-block; font-family:'Pretendard'; font-weight:300; font-size:17px; line-height:50px; color:#fff; padding:0 20px;}
.subtitle_group .subnav li:first-child {padding-left:0;}
.subtitle_group .subnav li:last-child {padding-right:0;}
.subtitle_group .subnav li:before {position:absolute; top:0; left:-4px; content:'\e940'; font-family:'xeicon'; font-size:13px;}
.subtitle_group .subnav li:first-child:before {content:'';}
.subtitle_group .subnav li i {position:absolute; top:-16px; left:-20px; font-size:20px;}
/*서브메뉴*/
.submenu {position:absolute; top:430px; left:0; width:100%; z-index:11;}
.submenu ul {margin:0; padding:0; font-size:0;}
.submenu li {position:relative; display:inline-block; font-family:'Pretendard'; font-weight:300; font-size:18px; line-height:60px; color:#fff; background:rgba(0,0,0,.5); padding:0 60px; margin:0 2px; cursor:pointer; transition:all .2s ease; -webkit-transition:all .2s ease;}
.submenu li:hover {background:#191919;}
.submenu .on {font-weight:600; color:#ffdfa8; background:#191919 !important;}
/*본문*/
.subcontents {display:table; width:100%; min-width:1260px; text-align:center; padding:0; background:#fff;}
.subcontents .subbody {display:table; clear:both; width:100%; min-width:1260px; text-align:center;}
.subcontents .subbody .centerdiv {width:1260px;}
.subcontents .subbody .text {clear:both; display:table; padding:100px 50px;}
.subcontents .subbody .text .text_table {display:table; width:1160px; min-height:350px; *height:350px; text-align:center; vertical-align:top;}
/*.subbg0101 {background:url('../body/sub0101_bg.jpg') no-repeat center top;}*/