/* 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%; }






.sub_common_title {text-align:center; font-size:28px; color:#000; line-height:1; font-weight:400; font-family: '나눔바른고딕','Montserrat', sans-serif, font-weight:normal; padding-top:15px;}
.sub_page_title {text-align:center; font-weight:400;  font-family: 'Montserrat','나눔바른고딕',sans-serif, font-weight:normal; font-size:40px; letter-spacing:-0.025em; line-height:1.3 ; padding-top:60px; padding-bottom:10px;}
.sub_page_txt {font-size:20px; color:#777; font-weight:300; text-align:center; letter-spacing:-0.025em; line-height:1.5 ;padding-bottom:0px;}
.sub_page_txt2 {font-size:20px; color:#777; font-weight:300; text-align:center; letter-spacing:-0.025em; line-height:1.8 ;padding-bottom:0px;}
.sub_page_txt3 {font-size:20px; color:#000; font-weight:300; text-align:center; letter-spacing:-0.025em; line-height:1.5 ;padding-bottom:0px;}
.sub_page_txt4 {font-size:22px; color:#a3a3a3; font-weight:200; text-align:center; letter-spacing:-0.025em; line-height:1.5 ;padding-bottom:0px;}
.sub_page_txt5 {font-size:16px; color:#a3a3a3; font-weight:200; text-align:center; letter-spacing:-0.025em; line-height:1.5 ;padding-bottom:0px;}

.sub_page {max-width:1720px; margin:50px auto;}
.sub_page_txt img {width:100%;}
.sub_page_txt img.half {width:50%; float:left; margin-bottom:60px; }





/* 탭메뉴 */
.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 380px 0px 0px rgba(15,201,206,0.2);
    -moz-box-shadow:inset 380px 0px 0px rgba(15,201,206,0.2);
    -webkit-box-shadow:inset 380px 0px 0px rgba(15,201,206,0.2);
}
.back2.on span{
    box-shadow:inset 530px 0px 0px rgba(15,201,206,0.2);
    -moz-box-shadow:inset 530px 0px 0px rgba(15,201,206,0.2);
    -webkit-box-shadow:inset 530px 0px 0px rgba(15,201,206,0.2);
}
.back3.on span{
    box-shadow:inset 540px 0px 0px rgba(15,201,206,0.2);
    -moz-box-shadow:inset 540px 0px 0px rgba(15,201,206,0.2);
    -webkit-box-shadow:inset 540px 0px 0px rgba(15,201,206,0.2);
}





/* BASIC css end */