@charset 'utf-8';

@font-face {
    font-family: 'Noto Sans Korean';
    font-style: normal;
    font-weight: 400;
    src: local('Noto Sans Regular'), local('NotoSans-Regular'),
    url(fonts/NotoSansKR-Regular-Hestia.eot),
    url(fonts/NotoSansKR-Regular-Hestia.eot?#iefix) format('embedded-opentype'),
    url(fonts/NotoSansKR-Regular-Hestia.woff) format('woff'),
    url(fonts/NotoSansKR-Regular-Hestia.otf) format('opentype');
}

@font-face {
    font-family: 'Noto Sans Korean';
    font-style: normal;
    font-weight: 700;
    src: local('Noto Sans Bold'), local('NotoSans-Bold'),
    url(fonts/NotoSansKR-Bold-Hestia.eot),
    url(fonts/NotoSansKR-Bold-Hestia.eot?#iefix) format('embedded-opentype'),
    url(fonts/NotoSansKR-Bold-Hestia.woff) format('woff'),
    url(fonts/NotoSansKR-Bold-Hestia.otf) format('opentype');
}

/* common */
html, body{height:100%;}
body{margin:0; padding:0; font-family:'Noto Sans Korean'; font-size:14px; font-weight:400; line-height:1.2; color:#fff;}
a,
a:hover,
a:focus{color:#fff; text-decoration:none;}
hr, caption, legend{display:none;}
colgroup{background:none;}
h1, h2, h3, h4, h5, h6{font-size:100%; line-height:1.2}
h1, h2, h3, h4, h5, h6, p, ul, ol, li, dl, dt, dd, form, fieldset, table, caption, tbody, tfoot, thead, tr, th, td, figure, figcaption, img{margin:0; padding:0; border:0;}
ul, ol, li{list-style:none;}
table{clear:both; width:100%; border-spacing:0; border:0;}
p, div, th, td{font-size:100%;}
img,input,select,textarea{vertical-align:middle;}
input.type-image, input.type-radio{border:0 none;}
input,select,textarea, button{font-family:'Noto Sans Korean'; font-size:100%; font-weight:400;}
textarea{resize:none;}
input[type="submit"], button{cursor:pointer;}
button::-moz-focus-inner{padding: 0; border:0;} /* firefox bug fix */

.blind{position:absolute; top:0; left:-1000px; width:0; height:0; font-size:0; line-height:0;}

.wrap{width:100%; height:100%; min-width:1440px; min-height:900px; background:url(../../../images/vr/pc/main/bg_intro.jpg) no-repeat center 0; background-size:cover; transition:background .5s;}
/*.wrap.intro{background:url(../../../images/vr/pc/main/new/bg_intro.png) no-repeat center 0; background-size:cover;}*/
.wrap.coex{background:url(../../../images/vr/pc/main/new/bg_coex.png) no-repeat center 0; background-size:cover;}
.wrap.dcc{background:url(../../../images/vr/pc/main/new/bg_dcc.png) no-repeat center 0; background-size:cover;}
.wrap.alpensia{background:url(../../../images/vr/pc/main/new/bg_alpensia.png) no-repeat center 0; background-size:cover;}
.wrap.lakai{background:url(../../../images/vr/pc/main/new/bg_lakai.png) no-repeat center 0; background-size:cover;}
.wrap.kdj{background:url(../../../images/vr/pc/main/new/bg_kdj.png) no-repeat center 0; background-size:cover;}
.wrap.suwon{background:url(../../../images/vr/pc/main/new/bg_scc.png) no-repeat center 0; background-size:cover;}
.wrap.songdo{background:url(../../../images/vr/pc/main/new/bg_songdo.png) no-repeat center 0; background-size:cover;}
.wrap.kin{background:url(../../../images/vr/pc/main/new/bg_kin.png) no-repeat center 0; background-size:cover;}
.wrap.icc{background:url(../../../images/vr/pc/main/new/bg_icc.png) no-repeat center 0; background-size:cover;}
.wrap.hic{background:url(../../../images/vr/pc/main/new/bg_hic.png) no-repeat center 0; background-size:cover;}
.inner{width:100%; min-width:1200px; margin:0 auto;}

.header{position:absolute; top:0; left:0; width:100%; min-width:1200px; margin:0 auto; padding:26px 60px 0; box-sizing:border-box;}
.header:after{clear:both; display:block; content:'';}
.header h1{position:absolute; top:26px; left:60px; z-index:101;}
.util{float:right; padding:20px 0 0;}
.util .language{float:left; margin:0 25px 0 0;}
.util button{position:relative; float:left; padding:0; font-size:16px; font-weight:700; color:#fff; border:0; background:none; opacity:.4;}
.util button:first-child{margin:0 20px 0 0;}
.util button:first-child:after{position:absolute; top:7px; right:-11px; width:1px; height:15px; content:''; background:#515151;}
.util button.active{opacity:1;}
.util a{position:relative; float:left; width:26px; height:21px; box-sizing:border-box; overflow:hidden; margin:3px 0 0; text-indent:-9999px; border-bottom:3px solid #fff;}
.util a:before{position:absolute; top:0; right:0; width:16px; height:3px; content:''; background:#fff;}
.util a:after{position:absolute; top:9px; right:0; width:26px; height:3px; content:''; background:#fff;}

/*.nav{position:fixed; top:50%; left:50%; transform: translate(-50%,-50%); z-index:101; display:none; width:85%; height:100%; text-align:center; background:#2a2a2a;}*/
.nav{position:fixed; top:50%; left:50%; transform: translate(-50%,-50%); z-index:101; display:none; width:65%; height:101%; text-align:center; background: rgba(45,45,45,0.9);}
.nav ul{position:relative; top:49%; left:50%; transform:translate(-50%, -50%); max-height:100%; margin-top: 3%;}
/*.nav li a{display:inline-block; font-size:20px; color:#646464; transition:all .2s;}*/
.nav li a{display:inline-block; font-size:15px; transition:all .2s;margin: 0 0 3%;}
.nav li a span{display:block; margin:0 0 5px; font-size:35px;}
.nav li a:hover,
.nav .active{color:#fff; transform:scale(1.5);}
.nav .btn-navClose{position:absolute; top:50px; right:60px; width:20px; height:20px; overflow:hidden; text-indent:-9999px;}
.nav .btn-navClose:before{position:absolute; top:-5px; left:9px; width:3px; height:30px; content:''; background:#fff; transform:rotate(45deg);}
.nav .btn-navClose:after{position:absolute; top:-5px; left:8px; width:3px; height:30px; content:''; background:#fff; transform:rotate(-45deg);}

.footer{position:absolute; bottom:45px; right:55px; font-size:12px; opacity:.5;}

.content{position:relative; width:100%; max-width:1200px; height:100%; overflow:hidden; margin:0 auto;}
.content:after{clear:both; display:block; content:'';}
.panel-wrap{position:relative; top:50%; float:left; width:618px; height:618px; transform:translateY(-50%);}
.panel-wrap li{float:left; width:206px; height:206px;}
.panel-wrap a{position:relative; display:block; width:206px;; height:206px; text-align:center; transform-style:preserve-3d; transition:0.5s;}
.panel-wrap a > div{position:absolute; top:0; left:0; width:100%; height:100%; box-sizing:border-box; line-height:1.4; transform-style:preserve-3d; backface-visibility:hidden; transition:0.5s;}
.panel-wrap .front{z-index:2; transform:rotateY(0deg);}
.panel-wrap .back{padding:30px 0 0; transform:rotateY(-180deg);}
.panel-wrap li.active a .front,
.panel-wrap li:hover a .front{transform:rotateY(180deg);}
.panel-wrap li.active a .back,
.panel-wrap li:hover a .back{transform:rotateY(0deg);}
.panel-wrap .panel-blank{background:rgba(255, 255, 255, .08);}
.panel-wrap .panel-coex .back{background:#ec008c;}
.panel-wrap .panel-dcc .back{background:#f58135;}
.panel-wrap .panel-alpensia .back{background:#a0874d;}
.panel-wrap .panel-lakai .back{background:#72afb6;}
.panel-wrap .panel-kdj .back{background:#f37022;}
.panel-wrap .panel-suwon .back{background:#ee2e24;}
.panel-wrap .panel-songdo .back{background:#03b3d6;}
.panel-wrap dt{margin:0 0 10px; font-size:20px; font-weight:700;}
.panel-wrap dd{margin:0 0 20px;}
.panel-wrap .pin{display:inline-block; height:22px; padding:0 0 0 22px; font-size:18px; font-weight:700; line-height:22px; background:url(../../../images/vr/pc/main/ico_pin.png) no-repeat 0 center;}

/*.slide-wrap{position:absolute; top:57%; left:12%; width:500px; height:618px; transform:translateY(-50%);}*/
.slide-wrap{position: absolute; transform: translate(-50%, -50%); top:50%; left:50%; text-align: center;}
.slide-wrap:after{clear:both; display:block; content:'';}

.slide-wrap li{float:left; width:500px;}
.slide-wrap dl{padding:30px 0 0;}
.slide-wrap dt{margin:0 0 20px; font-size:60px; letter-spacing:-5px; text-shadow: 2px 2px 3px rgb(0,0,0);}
.slide-wrap dd{font-size:18px; line-height:1.3; text-shadow: 2px 2px 3px rgb(0,0,0);}
/*.slide-wrap .slide-intro dl{padding:0;}*/
.slide-wrap .slide-intro dt{letter-spacing:0;}
.slide-wrap .bx-pager{position:absolute; bottom:70px; left:0; width:100%;}
.slide-wrap .bx-pager-item{display:inline-block;}
.slide-wrap .bx-pager-item:first-child{display:none;}
.slide-wrap .bx-pager-item a{display:inline-block; width:8px; height:8px; overflow:hidden; margin:0 13px 0 0; text-indent:-9999px; border-radius:4px; background:#616161;}
.slide-wrap .bx-pager-item a.active{width:24px; background:#fff;}
/*.slide-wrap .slide-coex dt{color:#ec008c;}*/
/*.slide-wrap .slide-dcc dt{color:#f58135;}*/
/*.slide-wrap .slide-alpensia dt{color:#a0874d;}*/
/*.slide-wrap .slide-lakai dt{color: #88dee8;}*/
/*.slide-wrap .slide-kdj dt{color:#f37022;}*/
/*.slide-wrap .slide-suwon dt{color:#ee2e24;}*/
/*.slide-wrap .slide-songdo dt{color:#03b3d6;}*/