/* BASIC css start */
/* font-family: 'Naum Gothic', 'Tajawal', 'sans-serif'; */
@import url('https://fonts.googleapis.com/css?family=Tajawal:700');
@import url(//fonts.googleapis.com/earlyaccess/nanumgothic.css);
@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');



@media (max-width: 480px) {.본문 img {display:inline-block; width:auto\9 !important; /* ie8 */ width:auto !important; max-width:100%; min-width:100%; height:auto !important;}}

.sub_common_title {text-align:center; font-size:23px; 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:24px; letter-spacing:-0.025em; line-height:1.3 ; padding-top:60px; padding-bottom:10px;}
.sub_page_txt {font-size:14px; color:#777; font-weight:300; text-align:center; letter-spacing:-0.025em; line-height:1.5 ;padding-bottom:0px;}
.sub_page_txt2 {font-size:14px; color:#777; font-weight:300; text-align:center; letter-spacing:-0.025em; line-height:1.8 ;padding-bottom:0px;}
.sub_page_txt3 {font-size:14px; color:#000; font-weight:300; text-align:center; letter-spacing:-0.025em; line-height:1.5 ;padding-bottom:0px;}
.sub_page_txt4 {font-size:16px; color:#a3a3a3; font-weight:200; text-align:center; letter-spacing:-0.025em; line-height:1.5 ;padding-bottom:0px;}
.sub_page_txt5 {font-size:12px; color:#a3a3a3; font-weight:200; text-align:center; letter-spacing:-0.025em; line-height:1.5 ;padding-bottom:0px;}

/*걸어온길.히스토리.연혁*/
.his01 {display:block; align:center; leftmargin:0; rightmargin:0; topmargin:0; marginwidth:0; marginheight:0; border-collapse:collapse; border:0; cellpadding:0; cellspacing:0; }
.his01 img {display:block; float:left; cellpadding:0; cellspacing:0; margin:0px; padding:0px; border:0; border-collapse:collapse; }






.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 340px 0px 0px #d5f2ff;
    -moz-box-shadow:inset 340px 0px 0px #d5f2ff;
    -webkit-box-shadow:inset 340px 0px 0px #d5f2ff;
}
.back2.on span{
    box-shadow:inset 520px 0px 0px #d5f2ff;
    -moz-box-shadow:inset 520px 0px 0px #d5f2ff;
    -webkit-box-shadow:inset 520px 0px 0px #d5f2ff;
}
.back3.on span{
    box-shadow:inset 449px 0px 0px #d5f2ff;
    -moz-box-shadow:inset 449px 0px 0px #d5f2ff;
    -webkit-box-shadow:inset 449px 0px 0px #d5f2ff;
}



/* sub_menu */
#sub_menu .subM5{color:#0083cb;}

.menu_2nd{width:100%;padding:20px 0;}
.menu_2nd ul{width:100%;overflow:hidden;margin:0 auto;}
.menu_2nd ul li{width:50%;height:40px;float:left;background-color:#efefef;}
.menu_2nd ul li a{display:block;width:100%;height:100%;text-align:center;line-height:40px;background-color:#fff;box-sizing:border-box;font-family: 'Malgun Gothic', Helvetica, Arial, sans-serif !important;font-size:12px;}
.menu_2nd ul li a.play{color:#0083cb;border-bottom:2px solid #0083cb;}
/* BASIC css end */