.cnt03_wrap .m_notice dt { border-bottom:5px solid #480ca8;padding:0 0 15px; }
.inmap_wrap { border:10px solid #480ca8;background:#480ca8; }
.inmap_wrap .root_daum_roughmap .wrap_btn_zoom button:focus span {outline:2px solid #000;}

.root_daum_roughmap .wrap_controllers {display: none;}


/* 스킵네비게이션 */
#skipNavi {height:0;}
#skipNavi .skipLink {position:absolute; top:-1000px;left:-1000px;overflow:hidden;z-index:5000;}
#skipNavi .skipLink:focus, #skipNavi .skipLink:active {top:3px;left:3px;padding:10px 20px;background:#1e64ba;color:#fff;}


.button_test{
    position: absolute;
    top: 0;
    right: 7%;
    font-size: 16px;
    font-weight: 900;
    color: white;
    z-index: 10;
    height: 36px;
    display: flex;
    align-items: center;
    /* background-color: blueviolet; */
    gap: 0 20px;
    
}

.button_test::before, .button_test::after{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    bottom: 0;
    z-index: -1;
    /* demo-only decoration */
    border-radius: 0 0 10px 10px;
    background-color: #480ca8;
}
.button_test p a{color:#fff;}

.button_test p:nth-of-type(even) { font-weight: 100; }

/* .button_test p:nth-of-type(2) { border-left: 1px solid white; border-right: 1px solid white; } */

.button_test:before {
transform: skew(-20deg);
left: 20px;
}
.button_test:after {
transform: skew(20deg);
right: 20px;
left: auto;
}








.login_wrap{text-align: right; width:73%; margin: 0 auto;}

.gnb_login > li { display:inline-block;font-size:1rem;font-weight:bold;color:#fff;line-height:2.375rem;margin-left:3vw;cursor:pointer;transition:color 0.5s ease 0.2s;transform:skew(-0.2deg); margin-top:-15px; }


.gnb_login:before, .gnb_login:after {
    content:'';
    position: absolute;
    top: 0;
    left: 0;
    height:30px;
    width: 200px;
    bottom: 0;
    z-index: -1;
    /* demo-only decoration */
    border-radius: 0 0 10px 10px;
    background-color: #480ca8;
}
.gnb_login:before {
    transform: skew(-20deg);
    left: 78%;
}
.gnb_login:after {
    transform: skew(20deg);
    right: 20%;
    left: auto;
}







  /************ c_sub_table *************/
  table.c_sub_table  { border-collapse:collapse;border-style:hidden; background-color: rgba(255,255,255,0.99); border-radius:10px; box-shadow:0 0 0 1px #533681;width:100%;margin-bottom:20px; text-align: center; margin: 20px auto; }
  table.c_sub_table :last-child { margin-bottom:0; }
  table.c_sub_table th { padding:10px 15px;border:1px solid #ddd;font-size:18px; background:#f5f7fa; color:#000;}
  table.c_sub_table thead tr th:first-child { border-radius:10px 10px 0 0; }
  table.c_sub_table td { border:1px solid #ddd;padding:10px;text-align:center;font-size:18px; }
  table.c_sub_table thead tr:first-child td { background:#f5f7fa;font-weight:900; }
  table.c_sub_table .color_table {background:#f5f7fa;font-weight:900; }
  table.c_sub_table tbody tr:first-child td:first-child { border-radius:10px 0 0 0px;}
  table.c_sub_table tbody tr:first-child td:last-child { border-radius:0px 10px 0 0px;}
  table.c_sub_table tbody tr:last-child td:first-child { border-radius:0 0 0px 10px;}
  table.c_sub_table tbody tr:last-child td:last-child { border-radius:0 0 10px 0px;}
  table.c_sub_table td.left { text-align: left; }
  table.c_sub_table td.rspan { border-radius: 0 0 0 10px;}
  




.cnt01 { position:relative;background-color:rgba(0,0,0,0.4); }
.cnt01 video { width:100%;height:auto;position:absolute;top:0;left:0;min-width:100%;min-height:100%;z-index:-1;background:#000; object-fit: cover; }
.cnt01_wrap { position:absolute;width:100%; text-align: center; display:inline-block;transform:translate(-50%);top:50%;left:50%;margin-top:-14vh; }



.cnt01_text { text-align:left;color:#fff;display:inline-block; }
.cnt01_text h2 { font-size:64px;margin-bottom:10px; }
.cnt01_text p { font-weight:bold;color:#fff; }
.cnt01_text .market_btn { background:#f9bc01;text-decoration:none;color:#000;padding:10px 20px;font-size:30px;margin:50px 0 0 16px;display:inline-block; }
.cnt01_text .p1 { font-size:33px;text-transform:uppercase;margin-top:-10px; }
.cnt01_text .p2 { font-size:20px;font-weight:100;line-height:27px; }
.cnt01_text .p2.p2_1 { margin:50px 0 0 0; }
.cnt01_text .p2.p2_2 {  }

.cnt01_btn { font-size:0;display:inline-block;margin-left:60px;vertical-align:top;margin-top:-15vh; }
.cnt01_btn_common:hover{ -webkit-animation: jelly 0.5s; animation: jelly 0.5s;}
.cnt01_btn_common { display:inline-block;max-width:135px;max-height:135px;width:27vw;height:27vw;background:#480ca8;text-align:center;position:relative;border-radius:50%;margin-right:15px; }
.cnt01_btn_common a { display:block;width:100%;height:100%;color:#fff }
.cnt01_btn_common p { position:absolute;top:50%;left:50%;transform:translate(-50%, -42px);width:100%;font-size:16px; }
.cnt01_btn_common p:before { font-family:'Font Awesome 5 Free';font-weight:900;display:block;font-size:40px;margin-bottom:5px; }
.cnt01_btn_1 p:before { content:'\f51c'; }
.cnt01_btn_2 p:before { content:'\f2d2'; }
.cnt01_btn_3 p:before { content:'\f05a'; }
.cnt01_btn_4 p:before { content:'\f207'; }
.cnt01_btn_5 p:before { content:'\f15c'; }



/***** 문화행사 프로그램 버튼 *****/
.wrap {
    margin-top:30px;
    height: 100%;
	margin-left: -10px;
    display: flex;
    align-items: center;
    justify-content: left;

  }

  .button {
    width: 290px;
    height: 50px;
    font-size: 16px;
    text-transform: uppercase;
    letter-spacing: 2.5px;
    font-weight: 500;
    color: #fff;
    background-color: #480ca8;
    border: none;
    border-radius: 45px;
    box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease 0s;
    cursor: pointer;
    outline: none;
    font-family: 'NanumSquare';
    line-height: 100%;
    }
    .button a{
        display: block;
        color:#fff;
		padding:15px;
    }

  .button:hover {
    background-color: #8d66cc;
    color: white;
    transform: translateY(-7px);
  }

.logo { height:100%;float:left; }


@media (max-width: 1350px) {
	/*********header*********/
	.logo { width:20%; }
	.logo a img { top:0; }
	.header ul.gnb { width:80%;text-align:right; }

    /* cnt01 */
    .cnt01_line_break{display: block;}
    .cnt01_text{margin-right: 0; text-align: center;}
    .wrap{margin-left: 0; justify-content: center;}
}




@media (max-width: 1280px) {
    .button_test{ gap: 0 5px; font-size: 14px; height: 28px;}
    .button_test::after { right: 10px; }
    .button_test::before { left: 10px; }

    /*********header*********/
    .gnb > li { font-size:1.2rem;margin-top:-5px; }
  
    .main_login_btn{padding:1px 15px;}
    /***** cnt01 *****/
    .cnt01_wrap{ text-align: center; }

    .cnt01_btn { width:45%; margin-top:-20vh; margin-left:10px; }



}




@media(max-width: 1050px){
    .cnt01_text{text-align: center;}
}


@media (max-width: 960px) {
	.more_btn { text-align:center; }
	/***** header *****/
	/*** m.header.css include **/

	/***** cnt01 *****/
	.cnt01_wrap { position:static;transform:unset;margin:0;width:85%;text-align:center;margin:26vh auto 0;display:block; }
	.cnt01_text { text-align:center; }
	.cnt01_text h2 { font-size:2rem; }
	.cnt01_text p { font-size:1rem;word-break:keep-all; }
	.cnt01_text .p1 { font-size:1rem;margin-left:0; }
	.cnt01_text .p2.p2_1 { margin:3vh 0 0 0; }
	.cnt01_text .p2.p2_2 { margin-left:0; }
	.cnt01_btn { margin:0;margin-top:5vh; width:100%; }
	.cnt01_btn_common { margin:1vw; }
	.cnt01_btn_3 { margin-right:0; }


    /***** cnt04 고객센터 *****/
    .cnt01 { background-blend-mode: multiply; background-image: url('../image/re/cnt04_cont_bg.jpg');background-color: rgba(0,0,0,0.4); background-position: center; background-size:cover;min-width:100%; min-height:100%;width:auto;height:auto; }
    
}
