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:2500px; margin:0 auto;}
.centerdiv {width:100%; max-width:1460px; min-width:1260px; margin:0 auto; padding:0 50px;}
.relative {position:relative; left:0; top:0;}
.video-container {position:relative; padding-bottom:56.25%; height:0; overflow:hidden;}
.video-container iframe,.video-container object,.video-container embed {position:absolute; top:0; left:0; width:100%; height:100%;}
.tab_content_wr > div {clear:both; display:none;}
.tab_content_wr > div.active {display:block;}
@keyframes wheel {
0% { top:5px; }
100% { top:15px; }
}
@keyframes marquee {
from { transform: translateX(0); }
to { transform: translateX(-50%); }
}
.header {position:fixed; display:table; top:0; left:0; width:100%; min-width:1460px; padding:20px 50px; background:linear-gradient(to bottom, rgba(0,0,0,1), rgba(0,0,0,.0)); border-top:2px solid #ce1e48; 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:200px;}
.header .logo img:nth-child(1) {opacity:0;}
.header .logo img:nth-child(2) {position:absolute; top:0; left:0; opacity:1;}
.header_fix .logo img:nth-child(1) {opacity:1;}
.header_fix .logo img:nth-child(2) {opacity:0;}
.header .navicontents {float:right; margin-top:16px;}
.header .navicontents ul {}
.header .navicontents li {position:relative; float:left; margin:0 20px;}
.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:20px; line-height:25px; color:#fff; text-decoration:none; padding:20px 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:-100px; display:none;}
.header .navicontents .nsubmenu ul {display:table; width:200px; margin:41px 0 0; padding:0; background:rgba(0,0,0,.3); transition:all .2s ease; -webkit-transition:all .2s ease;}
.header_fix .navicontents .nsubmenu ul {box-shadow:0 2px 2px rgba(0,0,0,.3);}
.header .navicontents .nsubmenu ul li {clear:both; float:left; width:100%; text-align:center; padding:5px 0; margin:0; border-bottom:1px dashed rgba(255,255,255,.1); cursor:pointer;}
.header .navicontents .nsubmenu ul li a {display:block; font-family:'Pretendard'; font-weight:300; font-size:17px; line-height:35px; color:#fff; text-decoration:none; transition:all .2s ease; -webkit-transition:all .2s ease; padding:0;}
.header_fix .navicontents .nsubmenu ul li a {color:#fff;}
.header .navicontents .nsubmenu ul li:last-child {border:none;}
.header .navicontents .nsubmenu ul li:hover {background:rgba(0,0,0,.05);}
.header_fix .navicontents .nsubmenu ul {background:#fff; box-shadow:0 2px 2px rgba(0,0,0,.3);}
.header_fix .navicontents .nsubmenu ul li {border-color:rgba(0,0,0,.1);}
.header_fix .navicontents .nsubmenu ul li a {color:#000;}
.header_fix .navicontents .nsubmenu ul li:hover {background:rgba(0,0,2505,.05);}
.bottom {display:table; width:100%; text-align:center; background:#f7f7f7; padding:0; border-top:1px solid rgba(0,0,0,.1);}
.bottom .banner_list {width:100%; background:#fff; height:160px; padding:0;}
.bottom .banner_list ul {position:absolute; top:30px; left:0; font-size:0; white-space:nowrap; will-change:transform; animation:marquee 60s linear infinite; z-index:1;}
.bottom .banner_list li {display:inline-block; vertical-align:top; margin:0 30px;}
.bottom .banner_list li img {height:100px;}
.bottom .footer_link {clear:both; display:table; width:100%; font-size:0; border-bottom:1px solid rgba(0,0,0,.1); margin-top:20px;}
.bottom .footer_link li {position:relative; float:left; padding:10px 20px;}
.bottom .footer_link li:first-child {padding-left:0;}
.bottom .footer_link li a {display:block; font-family:'Pretendard'; font-weight:300; font-size:17px; line-height:35px; color:#000; padding:0; cursor:pointer; text-decoration:none;}
.bottom .footer_link li:first-child a {font-weight:500;}
.bottom .footer_link li:after {position:absolute; top:20px; right:-1px; width:1px; height:14px; background:#000; content:''; opacity:.3;}
.bottom .footer_link li:last-child:after {display:none;}
.bottom .logo {clear:both; float:left; margin:20px 0 40px;}
.bottom .logo img {}
.bottom .companyinfo {float:left; font-size:0; text-align:left; padding:0 30px; margin-top:70px;}
.bottom .companyinfo ul {margin:0; padding:0;}
.bottom .companyinfo li {display:inline-block; margin:0 20px; font-family:'Pretendard'; font-weight:300; font-size:17px; line-height:20px; color:#666;}
.bottom .companyinfo li:first-child {margin-left:0;}
.bottom .companyinfo li:last-child {width:100%; margin:7px 0 0 0;}
.bottom .companyinfo a {font-family:'Pretendard'; font-weight:200; font-size:17px; text-decoration:none; color:#666;}
.main_images {position:relative; width:100%; height:100vh; min-height:600px; background:#000;}
.main_images_ling {position:absolute; bottom:-39px; right:-400px; margin-left:0; z-index:20;}
.main_images_ling img {width:800px;}
.main_images_text {position:absolute; top:50%; left:100px; transform:translateY(-50%); -webkit-transform:translateY(-50%); z-index:20;}
.main_images_text * {transition:all .3s ease; -webkit-transition:all .3s ease;}
.main_images_text .main_title {float:left; margin-top:100px;}
.main_images_text .main_title li {clear:both; font-family:'Pretendard'; color:#fff; margin:10px 0;}
.main_images_text .main_title li:first-child {font-weight:800; font-size:50px; line-height:55px;}
.main_images_text .main_title li:last-child {font-weight:600; font-size:35px; line-height:40px;}
.main_images_text .link_btn {clear:both; float:left; margin-top:10px;}
.main_images_text .link_btn li {float:left; font-family:'Pretendard'; font-weight:300; font-size:20px; line-height:50px; color:#fff; border-radius:100px; border:1px solid #fff; padding:5px 50px; margin-right:10px; cursor:pointer;}
.main_images_text .link_btn li:hover {background:#fff; color:#000;}
.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;}
.wrap_fix .main_images .main_images_scroll {opacity:0;}
.business {width:100%; min-width:1460px; padding:100px 0;}
.business .business_title {width:100%;}
.business .business_title li {width:100%; font-family:'Pretendard'; text-align:center; color:#000; margin:5px 0;}
.business .business_title li:first-child {font-weight:700; font-size:30px; line-height:40px;}
.business .business_title li:last-child {font-weight:300; font-size:22px; line-height:30px;}
.business .business_link {width:1460px; padding:0 50px; margin:50px auto 0;}
.business .business_link * {transition:all .3s ease; -webkit-transition:all .3s ease;}
.business .business_link ul {width:100%; font-size:0; display:inline-flex; flex-wrap:wrap; justify-content:center;}
.business .business_link li {display:inline-block; vertical-align:top; width:25%; opacity:.5; padding:40px 0; border:1px solid rgba(0,0,0,.0);}
.business .business_link li:hover {opacity:1; border-color:rgba(0,0,0,.1);}
.business .business_link li a {display:block; width:100%; font-family:'Pretendard'; text-align:center; font-size:19px; line-height:20px; color:#000; text-decoration:none;}
.business .business_link li i {font-size:45px; margin:0 auto 15px;}
.area_app {display:table; width:100%; min-width:1460px; padding:0 0; background:#fff;}
.area_app .ared_app_title {width:100%; display:none;}
.area_app .ared_app_title * {transition:all .3s ease; -webkit-transition:all .3s ease;}
.area_app .ared_app_title li {width:100%; font-family:'Pretendard'; text-align:center; color:#000; margin:5px 0;}
.area_app .ared_app_title li:first-child {font-weight:700; font-size:60px; line-height:80px;}
.area_app .ared_app_title li:nth-child(2) {font-weight:300; font-size:22px; line-height:30px;}
.area_app .ared_app_title li:nth-child(3) {display:table; width:auto; font-weight:300; font-size:20px; line-height:30px; margin:30px auto; border-radius:100px; border:1px solid rgba(0,0,0,.1); padding:15px 50px; cursor:pointer;}
.area_app .ared_app_title li:nth-child(3):hover {background:rgba(0,0,0,.7); color:#fff;}
.area_app .area_slide {position:relative; width:100%; font-size:0; height:350px; margin:0 0 0;}
.area_app .area_slide:before {position:absolute; top:0; left:0; width:200px; height:100%; content:''; z-index:11; background:linear-gradient(to right, rgba(247,247,247,1), rgba(247,247,247,.0));}
.area_app .area_slide:after {position:absolute; top:0; right:0; width:200px; height:100%; content:''; z-index:11; background:linear-gradient(to left, rgba(247,247,247,1), rgba(247,247,247,.0));}
.area_app .area_slide ul {position:absolute; top:0; left:0; white-space:nowrap; will-change:transform; z-index:1; animation:marquee 60s linear infinite; z-index:10;}
.area_app .area_slide li {display:inline-block; margin:0 5px;}
.board_contents {display:table; width:100%; padding:100px 0;}
.board_contents .notice {padding:0 0 100px;}
.board_contents .board_title {display:table; width:100%; font-family:'Pretendard'; color:#000; border-bottom:1px solid rgba(0,0,0,.1);}
.board_contents .board_title li:first-child {float:left; font-weight:600; font-size:30px; line-height:50px;}
.board_contents .board_title li:nth-child(2) {float:right; font-weight:300; font-size:18px; line-height:50px; cursor:pointer;}
.board_contents .board_list {clear:both; width:100%; margin-top:10px;}
.board_contents .board_list iframe {width:1360px; margin:0 auto;}
.board_contents .notice iframe {height:400px;}
.board_contents .news iframe {height:300px;}
/*서브영역*/
.subimages {position:relative; display:table; width:100%; min-width:1260px; height:650px; font-size:0; text-align:left; 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;}
.subimg10 {background:url('../images/sub_images10.jpg') no-repeat center; background-size:cover;}
/*타이틀*/
.subtitle_group {position:absolute; top:50%; padding:0 100px; z-index:10; transform:translateY(-50%); z-index:2;}
.subtitle_group .subtitle_k {clear:both; font-family:'Pretendard'; font-weight:800; font-size:60px; line-height:70px; color:#fff;}
/*맵*/
.subtitle_group .subnav {clear:both; margin-top:20px;}
.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;}
.subimg10 .subtitle_group .subnav li:last-child {display:none;}
.subtitle_group .subnav li:before {position:absolute; top:0; left:-5px; 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 {clear:both;}
.submenu ul {margin:0; padding:0; font-size:0; margin-top:50px;}
.submenu li {position:relative; display:inline-block; margin:2px; cursor:pointer; transition:all .2s ease; -webkit-transition:all .2s ease;}
.submenu li a {display:block; font-family:'Pretendard'; font-weight:300; font-size:18px; line-height:60px; color:#fff; background:rgba(0,0,0,.5); padding:0 40px; text-decoration:none;}
.submenu .on a {font-weight:600; color:#000; background:#fff !important;}
/*본문*/
.subcontents {width:100%; min-width:1260px;}
.subcontents .centerdiv {width:1260px; padding:100px 0;}
.subbg0101 .centerdiv,
.subbg0102 .centerdiv,
.subbg0103 .centerdiv,
.subbg0104 .centerdiv,
.subbg0105 .centerdiv,
.subbg0201 .centerdiv,
.subbg0202 .centerdiv,
.subbg0203 .centerdiv,
.subbg0204 .centerdiv {width:100%; max-width:100%; padding:0;}
.subbg0301 .centerdiv {width:100%; max-width:100%; padding:0;}
.subcontents .text_table {width:100%; min-height:350px; *height:350px; }
/*.subbg0101 {background:url('../body/sub0101_bg.jpg') no-repeat center top;}*/