@charset "utf-8";

a {
    text-decoration: none!important;
}

.sub_div {
    width: 100%;
    margin: 0 0 5%;
    padding: 3% 0;
    background-color: #265772;
    text-align: right;
}

.sub_div span {
    display: block;
    color: #fff;
    font-size: 14px;
    width: 90%;
}

.sub_content {
    width: 80%;
    display: flex;
    justify-content: space-around;
    margin: 0 auto;
}

.sub_content_div {
    width: 30%;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 8% 0 0;
}

.tit {
    font-size: 36px;
    margin: 0 0 5%
}

.c_box {
    width: 80%;
    margin: 0 auto;
    text-align: center;
    display: grid;
    justify-items: center;
}

.f_box {
    width: 80%;
    margin: 0 auto;
    text-align: left;
}

span {
    font-weight: bold;
    font-size: 12px;
}
.s_tit {
	width: 60%;
}
.s_tit h1 {
    font-size: 28px;
    text-align: center;
}
.s_g_con {
	width:100%;
}
.s_gnb {
	font-size: 18px;
    width: 100%;
    height: 100%;
    margin: 50px auto;
}
.s_gnb > li {
	width: 60%;
    margin: 1% auto;
    text-align: center;
    border: 1px solid #666;
    border-radius: 10px;
}
.s_gnb > li > a {
    letter-spacing: 1.4px;
    color: #333;
	font-weight: bold;
    text-decoration: none;
    font-size: 16px;
    display: block;
    height: 100%;
    padding: 10px 0;
}

.cs {
	font-family: 'NEXON Lv1 Gothic OTF';
}
.cs h2 {
    font-size:24px;
	padding: 20px 0;
    border-bottom: 2px solid skyblue;
    font-family: 'NEXON Lv1 Gothic OTF';
}
.cs h3 {
    font-size:20px;
    color: midnightblue;
	margin: 15px 0;
    font-family: 'NEXON Lv1 Gothic OTF';
}
.cs p {
	margin: 10px 0;
    font-family: 'NEXON Lv1 Gothic OTF';
}


/*기관소개*/

.c_info > h1 {
    margin: 0 0 8%;
	font-size: 34px;
}

.c_info > h2 {
	font-size: 30px;
    margin: 0 0 3%;
}

.c_info > h3 {
	font-size:24px;
}

.c_info > p {
	font-size: 16px;
    margin: 3% 0 8%;
    line-height: 1.5;
}



/**사이트맵**/

.s_m_con {
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    width: 100%;
}
.s_m_gnb {
    width: 30%;
    padding: 2% 2% 4%;
}
.s_m_gnb li {
    width: 60%;
    text-align: center;
    margin:5%;
    border: 1px solid #333;
    padding: 4% 0;
    border-radius: 10px;
    transition: all .3s;
}
.s_m_gnb li:first-child  {
    background: #333;
    
}

.s_m_gnb li:first-child a {
    color: #fff;
    cursor: default;
}



.s_m_gnb li:hover {
    background: #333;
}

.s_m_gnb li:hover a {
    color: #fff;
}

.s_m_gnb li a {
    font-size: 16px;
    font-weight: bold;
    text-decoration: none;
    letter-spacing: 1.4px;
}

/*지난공연안내*/

.p_c_container {width: 100%;}
.p_c_container .p_c_box {
    width: 100%;
	display: flex;
    margin: 0 0 2%;
    text-decoration:none;
    transition: all .5s;
}
.p_c_container .p_c_box:hover {
	background-color: #ddd;
}
.p_c_container .p_c_box .p_c_img { width: 40%;}
.p_c_container .p_c_box .p_c_img img { width: 100%; height: 100%;}

.p_c_container .p_c_box .p_c_txt {
    border-top:2px solid #333;
    border-right:2px solid #333;
    border-bottom:2px solid #333;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
    width: 60%;
    box-sizing:border-box;
    padding: 3% 0 0 5%;
}
.p_c_container .p_c_box .p_c_txt h2 {font-size: 30px; margin: 3% 0;}
.p_c_container .p_c_box .p_c_txt h3 {margin: 5% 0 7%;}
.p_c_container .p_c_box .p_c_txt p {margin: 0 0 3%;}
.p_c_container .p_c_box .p_c_txt p strong {}
.p_c_container .p_c_box .p_c_txt p span {}

/*지난공연 상세페이지*/

.detail_box {
	display: flex;
}

.detail_box .detail_img {
	width: 40%;
}
.detail_box .detail_img img {
	width: 100%;
}

.detail_box .detail_txt {
	width: 40%;
    text-align: left;
    margin: 0 0 0 7%;
}
.detail_box .detail_txt h2 {
	font-size: 40px;
    margin: 6% 0;
}
.detail_box .detail_txt h3 {
	font-size: 18px;
    margin-bottom: 12%;
}
.detail_box .detail_txt p {
	font-size: 16px;
    margin-bottom: 4%;
}
.detail_box .detail_txt p strong {}
.detail_box .detail_txt p span {}

.detail_info {
	width: 80%;
    margin: 10% 0;
}
.detail_info p {
   font-family: 'NEXON Lv1 Gothic OTF';
	font-size: 16px;
    line-height: 1.5;
}

.p4_1 {
    display: grid;
    grid-template-columns: repeat(2,auto);
    width: 70%;
    margin: 0 auto;
    grid-gap: 50px;
}

.p4_1 img {
    width: 100%;
}

.p4_1 p {
    margin-top: 15px;
    font-size: 14px;
}

.p4_1 > li:hover img {
    filter: contrast(0.7);
}

.p7_2_div {
    border: 1px solid #ddd;
    margin: 50px auto;
    width: 50%;
    padding: 30px;
    position: relative;
    box-sizing: border-box;
    border-radius: 10px;

}

.p7_2_div > h2 {
    position: absolute;
    transform: translateX(-50%);
    left: 50%;
    top: -15px;
    background-color: #fff;
    padding: 0 20px;
}

.p7_2_div > p {
    font-size: 18px;
}

.font_bold {
    font-weight: bold;
}

.p7_2_p {
    border: 1px solid #ddd;
    border-radius: 10px;
    padding: 10px;
    box-sizing: border-box;
}

.p7_2_div button {
    padding: 5px;
    background-color: #00b6bd;
    border-radius: 5px;
    color: #fff;
    border-bottom: 2px solid #aaa;
    border-right: 2px solid #aaa;
}

@media all and (max-width:767px) {
    .sub_content {
        width: 100%;
        flex-direction: column;
    }
    .sub_content_div {
        width: 100%;
        margin: 0 auto;
        display: none;
    }
    .c_box {
        width: 100%;
    }
    .root_daum_roughmap .wrap_map {
        height: 300px!important;
    }
}