/* reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,textarea,button{margin:0;padding:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
pre{word-wrap:break-word;white-space:pre-wrap;white-space:-moz-pre-wrap;white-space:-o-pre-wrap;word-break:break-all;}

@import '../font/font.css';

/* 기본폰트 지정 */
body,button,input,select,table,textarea,pre{font-family:'Noto Sans KR','Malgun Gothic',Arial,sans-serif;font-size:15px;font-weight:400;color:#4c4c4c;line-height:1.3;letter-spacing:-.56px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
body{-webkit-text-size-adjust:none}
button,fieldset,img{border:0 none}
fieldset,img{border:0}
img,li{border:0;vertical-align:top}
li,ol,ul{list-style:none;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
address,em{font-style:normal;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
a{color:inherit;text-decoration:none;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
a:active,a:focus,a:hover{text-decoration:none}
button{border:0;background:0 0;cursor:pointer}
table{margin:0;padding:0;border:0;border-spacing:0;border-collapse:collapse;}
input[type="text"],textarea{resize:none;border:none;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;-o-appearance:none;appearance:none;-webkit-box-shadow:none;-moz-box-shadow:none;-o-box-shadow:none;}
embed,iframe,img,object,video{max-width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
@media screen and (max-width:999px){
  html{font-size:10px;font-size:0.625rem;}
  body,button,input,select,table,textarea{font-size:1.6rem;letter-spacing:-0.05rem;}
}
@media screen and (max-width:690px) {
  html{font-size:10px;font-size:0.625rem;-webkit-text-size-adjust: none;}
  body,button,input,select,table,textarea{font-size:1.6rem}
}

/* IE9+IE10 */
@media screen and (min-width:0\0){
  article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
}

/* float or inline-block(horizontally list) */
.float_box:after{display:block;clear:both;content:'';}
.float_box>.float_left{float:left;}
.float_box>.float_right{float:right;}
.float_box>.float_clear{clear:both;}
.ib_wrap{font-size:0;}
.ib_item{display:inline-block;vertical-align:middle;}
.ib_wrap>.ib_item:first-child:nth-last-child(2),
.ib_wrap>.ib_item:first-child:nth-last-child(2)+.ib_item{width:49%;margin-left:2%;}
.ib_wrap>.ib_item:first-child:nth-last-child(3),
.ib_wrap>.ib_item:first-child:nth-last-child(3)~.ib_item{width:32%;margin-left:2%;}
.ib_wrap>.ib_item:first-child:nth-last-child(4),
.ib_wrap>.ib_item:first-child:nth-last-child(4)~.ib_item{width:23.5%;margin-left:2%;}
.ib_wrap>.ib_item:first-child:nth-last-child(2),
.ib_wrap>.ib_item:first-child:nth-last-child(3),
.ib_wrap>.ib_item:first-child:nth-last-child(4){margin-left:0;}
@media screen and (max-width:690px){
    .float_box:after{display:none;}
    .float_box>.float_left{float:none;}
    .float_box>.float_right{float:none;}
    .ib_wrap>.ib_item{display:block;}
    .ib_wrap>.ib_item:first-child:nth-last-child(2),
    .ib_wrap>.ib_item:first-child:nth-last-child(2)+.ib_item,
    .ib_wrap>.ib_item:first-child:nth-last-child(3),
    .ib_wrap>.ib_item:first-child:nth-last-child(3)~.ib_item,
    .ib_wrap>.ib_item:first-child:nth-last-child(4),
    .ib_wrap>.ib_item:first-child:nth-last-child(4)~.ib_item{width:100%;margin-left:0;}
}

/* absolute center */
.ab_vert{font-family: 'Eina03-SemiBold'; position:absolute;top:50%;transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);-moz-transform:translateY(-50%);}
.ab_vert_before,.ab_vert_after{position:relative;}
.ab_vert_before:before,.ab_vert_after:after{position:absolute;top:50%;transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);-moz-transform:translateY(-50%);content:'';}

.ab_hori{position:absolute;left:50%;transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);-moz-transform:translateX(-50%);}
.ab_hori_before,.ab_hori_after{position:relative;}
.ab_hori_before:before,.ab_hori_after:after{position:absolute;left:50%;transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);-moz-transform:translateX(-50%);content:'';}

.ab_cent{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);-o-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);}
.ab_cent_before,.ab_cent_after{position:relative;}
.ab_cent_before:before,.ab_cent_after:after{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);-o-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);content:'';}


::-webkit-scrollbar { width: 8px; }
::-webkit-scrollbar-track { background: #161616; }
::-webkit-scrollbar-thumb { background: #535353; border: 2px solid #161616; border-radius: 20px; }
body, button, input, select, table, textarea { color: #fff; }
html { width: 100%; height: 100%; background: #000; }
@media screen and (max-width: 999px) {
    html { height: auto; }
}
  
body { width: 100%; height: 100%; }
@media screen and (max-width: 999px) { 
    body { position:fixed; height: 100%; }
}

/* container */
.container { width: 100%; height: 100%; overflow-y: auto; }
.container .contents { width: 664px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
@media screen and (max-width: 1279px) {
    .container .contents { }
}
  
@media screen and (max-width: 999px) {
    .container { overflow-y: scroll; height: 100%; }
    .container .contents { position: static; -webkit-transform: none; transform: none; min-width: 0; width: auto; max-width: 400px; margin: 90px auto 40px; padding: 0 24px; }
  }

/* top_message */
.top_message { position: fixed; bottom: 0; left: 0; z-index: 1000; width: 100%; padding: 10px; background: #000; font-size: 0; text-align: center; }
.top_message .msg { display: inline-block; color: #8D8D8D; vertical-align: middle; font-size: 16px; letter-spacing: -.8px; }
.top_message .btn_chrome { display: inline-block; color: #8D8D8D; vertical-align: middle; margin-left: 10px; padding: 4px 8px; border: 1px solid #707070; border-radius: 5px; font-size: 12px; letter-spacing: -.8px; -webkit-transition: .3s; transition: .3s; }
.top_message .btn_chrome:hover { background: #707070; color: #fff; }
.top_message .btn_chrome:focus { background: #707070; color: #fff; }
@media screen and (max-width: 999px) {
    .top_message { display: none; position: static; margin: 8px auto; }
    .top_message .msg { display: block; margin: 0; font-size: 14px; }
    .top_message .btn_chrome { margin: 6px 0 0; }
  }

/* main(type) */
.main { margin-bottom: 100px; }
.main .main_cont { margin-top: 60px; }
.main .main_cont:first-child { margin-top: 0; }
.main .title { position: relative; padding-bottom: 10px; font-size: 23px; font-weight: 700; letter-spacing: -1.15px; line-height: 1.47; }
.main .title:after { position: absolute; bottom: 0; left: 0; width: 40px; height: 3px; background: #fff; content: ''; }
.main .desc { margin-top: 16px; font-size: 16px; letter-spacing: -.8px; line-height: 1.5; }
.main .cont{margin-top: 30px;}
.main .ib_wrap { margin-top: 40px; }
.main .ib_item { width: 200px !important; height: 200px; margin-right: 32px; margin-left: 0 !important; margin-top: 28px; }
.main .ib_item:nth-child(4n), .main .ib_item:last-child { margin-right: 0; }
.main .ib_item:nth-child(1), .main .ib_item:nth-child(2), .main .ib_item:nth-child(3), .main .ib_item:nth-child(4) { margin-top: 0; }
.main .ib_item a { display: block; position: relative; width: 100%; height: 100%; border: 1px solid #555; border-radius: 5px; font-size: 34px; letter-spacing: -2px; text-align: center; -webkit-transition: ease-in-out .4s; transition: ease-in-out .4s;}
.main .ib_item a:after { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: no-repeat 50% 50%; background-size: 100% auto; opacity: 0; content: ''; -webkit-transition: ease-in-out .4s; transition: ease-in-out .4s; }
.main .ib_item a .ab_vert { left: 0; width: 100%; }
.main .ib_item a:hover { border-color: #FC671A; }
.main .ib_item a:hover:after { opacity: 1; }
.main .ib_item a:hover .ab_vert { color: transparent; }
.main .ib_item a:focus { border-color: #FC671A; }
.main .ib_item a:focus:after { opacity: 1; }
.main .ib_item a:focus .ab_vert { color: transparent; }
.main .item_type a:after { top: 50%; left: 50%; width: 80%; height: 80%; transform: translate(-50%,-50%); }
.main .item_59a a:after { background-image: url('../img/thumb/59A.png'); }
.main .item_84b a:after { background-image: url('../img/thumb/84B.png'); }
@media screen and (max-width: 999px) {
  .main .desc { font-size: 1.5rem; }
  .main .ib_item { width: 100% !important; height: 134px; margin: 14px auto 0 !important; }
  .main .ib_item:first-child { margin-top: 0; }
  .main .ib_item a { font-size: 2.8rem; }
  .main .ib_item a:after { opacity: 1; width: 40%; background-position: 0 50%; background-size: contain; }
  .main .ib_item.item_3d a:after{width: 100%;}
  .main .item_99a a:after{ left: 25%; width: 30%; height: 80%; transform: translate(-50%,-50%); }
  .main .ib_item a .ab_vert { padding-left: 50%; text-align: center; -webkit-box-sizing: border-box; box-sizing: border-box; }
  .main .ib_item a:hover .ab_vert { color: #fff; }
  .main .ib_item a:focus .ab_vert { color: #fff; }
  .main .item_exterior a:after, .main .item_position a:after, .main .item_3d_model a:after { background-size: cover; background-position: 50%; }
}

@media screen and (max-width: 680px) {
  .main { margin-bottom: 120px; }
  .main .ib_item a { font-size: 2.4rem; }
}
iframe { position:fixed; top:0; left:0; width:100%; height:100%; border:0; }

/* vr layer*/
.vr-layer { display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.8); z-index:9999; }
.vr-layer .close { position:absolute; top: 2%; right:3%; font-size:20px; z-index:999; cursor:pointer; background:rgba(0,0,0,0.6); border-radius:5px; width:30px; line-height:30px; text-align:center; }
.vr-layer .close svg { display: block; }
.vr-layer .close svg .close-x { stroke: white; fill: transparent; stroke-linecap: round; stroke-width: 5; }

/* ie txt*/
.vr-txt{ display:none; position:fixed; bottom:0; width:100%; height:auto; padding: 15px; background:rgba(0,0,0,0.8); z-index: 9999; text-align:center;}
.vr-txt p {font-size: 0.75rem;}

/* ie layer*/
.ie-layer { display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.8); }
.ie-layer .wr { position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); display:inline-block; text-align:center; font-size:18px; font-weight:400; }
.ie-layer .wr button { display: block;  position: relative; width: 250px; height: 100%; border: 1px solid #555; border-radius: 5px; font-size: 18px; letter-spacing: -2px; text-align: center; -webkit-transition: ease-in-out .4s; transition: ease-in-out .4s; margin:30px auto 0; padding:8px 0 9px; background:#000; }
.ie-layer .wr button:hover { border-color: #FC671A; }