/* BASIC css start */
@import url('http://fonts.googleapis.com/earlyaccess/nanumgothic.css');
@import url('https://fonts.googleapis.com/css?family=Noto+Sans');
@import url(//fonts.googleapis.com/earlyaccess/notosanskr.css);
@import url('https://fonts.googleapis.com/css?family=Montserrat+Alternates');


* { word-spacing:-0.09em; }
#contentWrapper { background-color:#fff; }
#content { padding-bottom:60px; }

#bbsData .bbs-link { position: relative; }
#bbsData .bbs-link-top { margin-top: 10px; margin-bottom: -40px; margin-right: 400px; text-align: left; margin-left: 18px; }
#bbsData .bbs-link-btm { margin-top: 10px; margin-bottom: -40px; text-align: right; border:1px solid #777; }


.bbs-hd01 { width:100%; padding:60px 0; }
.bbs-hd01 h3 { font-size:27px; font-weight:500; margin-bottom:5px; color:#222; text-align:center; }
.bbs-hd01 h3 span { color:#3ba0ec; }
.bbs-hd01 h4 { font-size:16px; font-weight:300; margin-bottom:30px; color:#3ba0ec; text-align:center; }
.bbs-hd01 .link01 { width:100%; text-align:center; font-size:0; }
.bbs-hd01 .link01 li { display:inline-block; }
.bbs-hd01 .link01 li a { display:block; width:198px; height:43px; font-size:14px; font-weight:400; color:#39406a; text-align:center; line-height:43px; border:1px solid #39406a; border-right:none; }
.bbs-hd01 .link01 li:last-child a { border-right:1px solid #39406a; }

.bbs-hd01 .link01 li a:hover{	background-color:rgba(57,64,106,0.5); color:#fff; }

.bbs-hd01 .link01 li a.lets { background-color:#39406a; color:#fff; }
#content .visionImg { width:100%; overflow:hidden; background-color:#fff; border:1px solid #e5e5e5; box-shadow:10px 15px 20px rgba(0,0,0,0.04); }
#content .visionImg img { width:100%; }

.bbs-hd01 .link01 li a.nomal { background-color:#f5f6f8; color:#39406a; }
#content .visionImg { width:100%; overflow:hidden; background-color:#fff; border:1px solid #e5e5e5; box-shadow:10px 15px 20px rgba(0,0,0,0.04); }
#content .visionImg img { width:100%; }



/*브랜드 영상*/
.brand-video {  position: relative;  width: 100%;  max-width: 100%;  margin: 0 auto;  padding-bottom: 56.25%; /* 16:9 비율 */  height: 0;  overflow: hidden;}
.brand-video iframe { pointer-events: none; position: absolute;  top: 0;  left: 0;  width: 100%;  height: 100%;  border: 0;}



/* 탭메뉴 */
.tab_menu{
    width:100%;
    margin-top:150px;
    margin-bottom:50px;
    background:none;
    background-color#fff;
}

.tab_menu ul{
    width:100%;
    margin-bottom:0px;
    overflow:hidden;
}

.tab_menu ul li{
    width:50%;
    height:60px;
    float:left;
}

.tab_menu ul li a{
    display:block;
    width:100%;
    height:100%;
    line-height:60px;
    text-align:center;
    font-family:'Noto Sans KR', sans-serif;
    font-size:16px;
    font-weight:400;
    color:#b4b4b4;
    background-color:#fff;
    border:1px solid #e2e2e2;
    border-left:none;
    box-sizing:border-box;
    transition:all 0.8s;
}
.tab_menu ul li:nth-child(1) a{
    border-left:1px solid #e2e2e2;
}

.tab_menu ul li:hover a{
    box-shadow: 600px 0 0 0 rgba(0,0,0,0.25) inset,
                -600px 0 0 0 rgba(0,0,0,0.25) inset;
    color:#fff;
}

.tab_menu ul li.active a{
    box-shadow:600px 0 0 0 rgba(0,0,0,0.45) inset;
    color:#fff;
}
    
.tab_menu h1{
    font-family:'Noto Sans KR', sans-serf;
    font-size:40px;
    color:#222;
    font-weight:600;
    clear:both;
    margin:30px 0;
}

.tab_menu h1 span{
    font-size:16px;
    font-weight:400;
    color:#333;
}







.ba{
    margin:0 auto;
    text-align:center;
}
.ba.back1 span{
    transition:all 1.2s;
    box-shadow:inset 0px #fff;
    -moz-box-shadow:inset 0px #fff;
    -webkit-box-shadow:inset 0px #fff;
}

.ba.back2 span{
    transition:all 1.8s 0.9s;
    box-shadow:inset 0px #fff;
    -moz-box-shadow:inset 0px #fff;
    -webkit-box-shadow:inset 0px #fff;
}

.ba.back3 span{
    transition:all 1.6s 2.2s;
    box-shadow:inset 0px #fff;
    -moz-box-shadow:inset 0px #fff;
    -webkit-box-shadow:inset 0px #fff;
}


.back1.on span{
    box-shadow:inset 400px 0px 0px #d5f2ff;
    -moz-box-shadow:inset 400px 0px 0px #d5f2ff;
    -webkit-box-shadow:inset 400px 0px 0px #d5f2ff;
}
.back2.on span{
    box-shadow:inset 750px 0px 0px #d5f2ff;
    -moz-box-shadow:inset 750px 0px 0px #d5f2ff;
    -webkit-box-shadow:inset 750px 0px 0px #d5f2ff;
}
.back3.on span{
    box-shadow:inset 560px 0px 0px #d5f2ff;
    -moz-box-shadow:inset 560px 0px 0px #d5f2ff;
    -webkit-box-shadow:inset 560px 0px 0px #d5f2ff;
}

/* BASIC css end */