@charset "utf-8";

/* 로딩 애니메이션 */
/* .content { padding:15px; overflow:hidden; background-color:#e7e7e7; background-color:rgba(0, 0, 0, 0.06); }  */
 
.load_wrap { position:fixed; left:0; top:0; right:0; bottom:0; width:100%; height:100%; text-align:center; background:rgba(0,0,0,0.5); z-index:9999999999; } 
.load_wrap .load_cont { position:absolute; left:50%; top:50%; width:100%; transform:translate(-50%,-50%); }
.load_wrap .load_cont img { display:inline-block; margin-left:22px; }
.load_wrap .load_cont p { font-size:1.5em; letter-spacing:-0.04em; color:#fff; font-weight:600; }
.load_wrap .load_cont .page_loading { margin:15px 0 30px 0; }
.load_wrap .load_cont .page_loading .line:nth-last-child(1) { animation:loadingB 1.5s 1s infinite; } 
.load_wrap .load_cont .page_loading .line:nth-last-child(2) { animation:loadingB 1.5s 0.5s infinite; } 
.load_wrap .load_cont .page_loading .line:nth-last-child(3) { animation:loadingB 1.5s 0s infinite; } 
.load_wrap .load_cont .page_loading .line { display:inline-block; width:15px; height:15px; border-radius:15px; background-color:#ffde16; } 

@keyframes loadingB {  
    0% { width:15px; } 
    50% { width:35px; } 
    100% { width:15px; } 
}

/* ================================================================================================================== 
   메인, 다문화꾸러미 팝업
================================================================================================================== */
.main_popup_wrap { position:fixed; left:0; top:0; right:0; width:100%; height:100%; background:rgba(0,0,0,0.45); z-index:99999999; }
.main_popup_wrap .slider_wrap { /*position:absolute; top:50%; left:50%; width:90%;*/ position:relative; top:50%; max-width:520px; margin:0 auto 2em auto; transform:translateY(-50%); opacity:0; animation:main_popup_opacity .15s linear .55s forwards; }
@-webkit-keyframes main_popup_opacity {
    0% { opacity:0; }
    100% { opacity:1; }
}
@keyframes main_popup_opacity {
    0% { opacity:0; }
    100% { opacity:1; }
}
.main_popup_wrap .slider_wrap .main_popup_list { z-index:1; text-align:center; padding-bottom:1px; }
.main_popup_wrap .slider_wrap .main_popup_list .slick-slide { margin:0; max-width:520px; height:600px; background:#fff; }
.main_popup_wrap .slider_wrap .main_popup_list .slick-slide { float:none; display:inline-block; text-align:left; }
.main_popup_wrap .slider_wrap .slider_control { position:absolute; left:0; right:0; top:42%; z-index:2; }
.main_popup_wrap .slider_wrap .slider_control .slick-arrow { position:absolute; top:50%; width:80px; height:80px; border-radius:50%; border:2px solid rgba(255,255,255,0.4); transform:translateY(-50%); }
.main_popup_wrap .slider_wrap .slider_control .slider_prev { left:-100px; background:url(../images/user/icon_prev_w.png) no-repeat center rgba(0,0,0,0.7); }
.main_popup_wrap .slider_wrap .slider_control .slider_next { right:-100px; background:url(../images/user/icon_next_w.png) no-repeat center rgba(0,0,0,0.7); }
.main_popup_wrap .slider_wrap .slider_control .slider_next::before { transform:translate(-50%,-50%) rotate(-180deg); }
/* dots, play, stop */
.main_popup_wrap .slick-dots { display:flex; align-items:center; justify-content:center; margin-top:15px; text-align:center; }
.main_popup_wrap .slick-dots li { display:inline-block; margin-right:5px; }
.main_popup_wrap .slick-dots li:last-child { margin-right:0; }
.main_popup_wrap .slick-dots li button { display:block; width:16px; height:16px; border-radius:16px; background:rgba(255,255,255,1); text-indent:-9999999em; }
.main_popup_wrap .slick-dots li.slick-active button { width:40px; background:#26c6d0; }
.main_popup_wrap .slick-dots .play,
.main_popup_wrap .slick-dots .stop { display:block; width:40px; height:40px; margin-left:10px; border-radius:50%; vertical-align:middle; }
.main_popup_wrap .slick-dots .play { display:none; background:url(../images/user/visual_slide_play.png) no-repeat center #000; }
.main_popup_wrap .slick-dots .stop { background:url(../images/user/visual_slide_stop.png) no-repeat center #000; } 
/* close */
.main_popup_wrap .close_group { display:flex; align-items:center; justify-content:center; max-width:380px; margin:20px auto 0 auto; text-align:center; } 
.main_popup_wrap .close_group button { flex:1; display:inline-block; margin:0 5px; padding:10px 0 12px 0; text-align:center; color:#fff; background:#000; }
.main_popup_wrap .close_group button i { position:relative; top:-1px; margin-left:5px; vertical-align:middle; }
/* focus */
.main_popup_wrap .main_popup_list:focus { outline:none; }
.main_popup_wrap .slider_control .slick-arrow:focus,
.main_popup_wrap .close_group button:focus { outline:none; border-color:#0197a0; }
.main_popup_wrap .slick-dots li button:focus,
.main_popup_wrap .slick-dots .play:focus,
.main_popup_wrap .slick-dots .stop:focus { outline-color:#fff; }
/* 팝업 스크롤바 */
.main_popup_wrap .contents .edit_wrap::-webkit-scrollbar { width:7px; }
.main_popup_wrap .contents .edit_wrap::-webkit-scrollbar-thumb { background:rgba(0,0,0,0.35);  border-radius:10px; }
.main_popup_wrap .contents .edit_wrap::-webkit-scrollbar-track { background:rgba(0,0,0,0.1); }
/* 메인 고정 팝업 */
.main_popup_wrap .pop_item { position:relative; }
/* .main_popup_wrap .pop_item img.bg { max-width:520px; }  */
.main_popup_wrap .contents { position:absolute; left:0; top:0; width:100%; /*max-width:520px;*/ height:100%; padding:1.5em; z-index:1; }
.main_popup_wrap .contents h2 { max-width:380px; margin:0 auto 20px auto; line-height:1.3; color:#fff; text-align:center; font-weight:700; font-size:1.5em; letter-spacing:-0.025em; }
.main_popup_wrap .contents h2 .top { display:block; font-size:.53em; font-weight:600; letter-spacing:-0.015em; }
.main_popup_wrap .contents h2 img { display:block !important; margin:0 auto; width:auto; }
.main_popup_wrap .contents .edit_wrap { width:100%; /*max-width:469px;*/ height:489px; padding-bottom:4px; font-size:.85em; background:#fff; overflow-y:auto; overflow-x:hidden; }
.main_popup_wrap .contents .edit_wrap .edit_cont { padding:20px 25px 0 25px; }
.main_popup_wrap .contents .edit_wrap section { margin-bottom:30px; }
.main_popup_wrap .contents .edit_wrap section:last-child { margin-bottom:0; }
.main_popup_wrap .contents .edit_wrap a { font-weight:600; }
.main_popup_wrap .contents .edit_wrap .h3 { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; margin-bottom:5px; }
.main_popup_wrap .contents .edit_wrap .h3 h3 { font-size:1.118em; font-weight:700; }
.main_popup_wrap .contents .edit_wrap .h3 a { display:block; font-size:.9em; color:#0197a0; }
.main_popup_wrap .contents .edit_wrap .h3 p { color:#969696; }
.main_popup_wrap .contents .edit_wrap ul li { line-height:1.4; }
.main_popup_wrap .contents .edit_wrap .txt_li ul li { padding-left:13px; margin-bottom:6px; }
.main_popup_wrap .contents .edit_wrap .txt_li ul li::before { top:8px; }
.main_popup_wrap .contents .edit_wrap .strong_p { margin-top:13px; }
.main_popup_wrap .contents .edit_wrap .strong_p ul li { display:flex; align-items:flex-start; margin-bottom:8px; background:#e5f4f5; border-radius:4px; }
.main_popup_wrap .contents .edit_wrap .strong_p ul li:last-child { margin-bottom:0; }
.main_popup_wrap .contents .edit_wrap .strong_p li strong { display:inline-block; padding:5px 0; font-weight:600; text-align:center; color:#fff; background:#00767d; border-radius:4px; }
.main_popup_wrap .contents .edit_wrap .strong_p li strong.black { background:#1e1e1e; }
.main_popup_wrap .contents .edit_wrap .strong_p li strong.grey { color:#1e1e1e; background:#e6e6e6; }
.main_popup_wrap .contents .edit_wrap .strong_p li strong.green { background:#066f25; }
.main_popup_wrap .contents .edit_wrap .strong_p li strong.pink { background:#b13955; }
.main_popup_wrap .contents .edit_wrap .strong_p li strong.mint { background:#00767d; }
.main_popup_wrap .contents .edit_wrap .strong_p li strong.blue { background:#0651a5; }
.main_popup_wrap .contents .edit_wrap .strong_p li strong.purple { background:#565993; }
.main_popup_wrap .contents .edit_wrap .strong_p li p { padding:5px 0 5px 7px; font-weight:600; }
.main_popup_wrap .contents .edit_wrap .strong_p.small strong { width:44px; }
.main_popup_wrap .contents .edit_wrap .strong_p.small p { width:calc( 100% - 44px ); }
.main_popup_wrap .contents .edit_wrap .strong_p.medium strong { width:80px; }
.main_popup_wrap .contents .edit_wrap .strong_p.medium p { width:calc( 100% - 80px ); }
.main_popup_wrap .contents .edit_wrap .strong_p.large strong { width:100px; }
.main_popup_wrap .contents .edit_wrap .strong_p.large p { width:calc( 100% - 100px ); }
.main_popup_wrap .contents .edit_wrap .strong_p.p_bg_none ul li { background:#fff; }
.main_popup_wrap .contents .edit_wrap > .topbox { border-radius:0 !important; }
.main_popup_wrap .contents .edit_wrap .topbox { padding:8px 13px; font-weight:700; text-align:center; background:#eaeaea; border-radius:6px; }
.main_popup_wrap .contents .edit_wrap .topbox.small { font-size:.9em; }
.main_popup_wrap .contents .edit_wrap .topbox.green { background:#e9f6ed; border:1px solid #a3e1b6; }
.main_popup_wrap .contents .edit_wrap .topbox.pink { background:#fbedf0; border:1px solid #f2c1cb; }
.main_popup_wrap .contents .edit_wrap .topbox.mint { background:#e5f4f5; border:1px solid #9cd4d8; }
.main_popup_wrap .contents .edit_wrap .topbox.blue { background:#e9f1fb; border:1px solid #b6ceec; }
.main_popup_wrap .contents .edit_wrap .topbox.purple { background:#f1f1f8; border:1px solid #acaee3; }
.main_popup_wrap .contents .edit_wrap .emphasis::before { top:3px; }
.main_popup_wrap .contents .edit_wrap a.link { display:block; max-width:200px; margin:35px auto 0 auto; padding:10px 14px; font-size:1.1em; text-align:center; color:#fff; background:#000; border-radius:6px; border:0 !important; box-shadow:0 4px 0 #aaa; }
.main_popup_wrap .contents .edit_wrap a.link.green { background:#007021 !important; box-shadow:0 4px 0 #004916; }
.main_popup_wrap .contents .edit_wrap a.link.pink { background:#9d1333 !important; box-shadow:0 4px 0 #810723; }
.main_popup_wrap .contents .edit_wrap a.link.mint { background:#007177 !important; box-shadow:0 4px 0 #005a5f; }
.main_popup_wrap .contents .edit_wrap a.link.blue { background:#054892 !important; box-shadow:0 4px 0 #033367; }
.main_popup_wrap .contents .edit_wrap a.link.purple { background:#3d428f !important; box-shadow:0 4px 0 #2b2f6b; }
.main_popup_wrap .fixed_popup img.bg { display:block; z-index:0; }
.main_popup_wrap .exhibition_guide_popup { background:url(../images/user/notice_pop_bg2.png) no-repeat center top; }
/* 오늘 관람 예약 현황 팝업 */
.main_popup_wrap .reservation_popup table { text-align:center; border-top:1px solid #5559b1; }
.main_popup_wrap .reservation_popup table th,
.main_popup_wrap .reservation_popup table td { padding:12px 3px; vertical-align:middle; }
.main_popup_wrap .reservation_popup table th { font-size:1.059em; font-weight:700; background:#edeef6; border-bottom:1px solid #aaacd8; }
.main_popup_wrap .reservation_popup table td { font-weight:600; border-bottom:1px solid #dadada; }
.main_popup_wrap .reservation_popup table td.personnel.possible { color:#444aa3; font-weight:700; }
@media screen and (max-width:1340px) {
    /* .main_popup_wrap .slider_wrap { max-width:1080px; } */
    .main_popup_wrap .slider_wrap .main_popup_list .slick-slide { margin:0 10px; }
    .main_popup_wrap .slider_wrap .slider_control .slick-arrow { width:60px; height:60px; }
    .main_popup_wrap .slider_wrap .slider_control .slider_prev { left:-70px; }
    .main_popup_wrap .slider_wrap .slider_control .slider_next { right:-70px; }
}
@media screen and (max-width:1280px) {
    /* .main_popup_wrap .slider_wrap { max-width:520px; } */
}
@media screen and (max-width:1024px) {
    .main_popup_wrap .slider_wrap .main_popup_list .slick-slide { height:520px; }
    .main_popup_wrap .contents .edit_wrap { height:406px; font-size:.92em; }
    .main_popup_wrap .contents .edit_wrap a.link { margin-top:15px; }
}
@media screen and (max-width:480px) {
    .main_popup_wrap .slider_wrap { width:100%; }
    .main_popup_wrap .close_group { max-width:300px; }  
    .main_popup_wrap .contents h2 { margin-bottom:15px; }
    .main_popup_wrap .reservation_popup table th, 
    .main_popup_wrap .reservation_popup table td { padding:8px 3px; }
    .main_popup_wrap .contents .edit_wrap .strong_p.medium strong { width:62px; }
}

@media screen and (max-width:400px) {
    .main_popup_wrap .slider_wrap .main_popup_list .slick-slide { height:450px; }
    .main_popup_wrap .contents { padding:1.5em .8em; }
    .main_popup_wrap .contents .edit_wrap { height:376px; }
}
/* 팝업 끝 ============================================================================================================== */

/* 스킵 메뉴 */
.skip_menu a { overflow:hidden; display:block; position:absolute; top:0; left:0; width:1px; height:1px; background:#000; color:#fff; text-align:center; z-index:101; } 
.skip_menu a:focus,
.skip_menu a:active { position:relative; width:100%; height:auto; padding:10px; } 

/* ================================================================================================================== 
   header 메뉴
================================================================================================================== */
.header_wrap { position:relative; /*width:100%; min-width:320px;*/ padding-bottom:100px; z-index:9999999; } 
.header { width:100%; position:absolute; left:0; top:45px; background:#fff; z-index:9997; } 
.header .inner { position:relative; width:94%; max-width:1600px; display:flex; flex-wrap:nowrap; justify-content:space-between; margin:0 auto; } 
.header .logo,
.header .gnb_depth1 > a { height:100px; line-height:100px; text-align:center; font-size:1.250rem; color:#131313; font-weight:600; letter-spacing:-0.04em; } 
.header .gnb_depth2 > a[target="_blank"]::after { content:''; display:inline-block; position:relative; top:1px; width:16px; height:14px; margin-left:5px;  display:inline-block; background:url(../images/user/icon_link.png) no-repeat center; vertical-align:middle; }
.header .logo { width:15%; } 
.header .logo a { display:block; } 
.header .logo a img { display:inline-block; width:220px; height:44px; vertical-align:middle; }
.header .h_menu { width:40px; height:100px; display:block; background:url(../images/user/ic_menu.png) no-repeat center / 25px auto; } 
.header_top .inner { width:94%; max-width:1600px; margin:0 auto; }
.header_top .search_bar_wrap .search_bar { font-size:1rem !important; flex-wrap:nowrap; } 
.header_top .search_bar_wrap form { width:auto; }

.header_wrap .member { margin-right:5px; }
.header_wrap .member a { position:relative; padding:0 10px; }
.header_wrap .member a.c_logout { padding:0; }
.header_wrap .member a.mypage { padding:0 13px 0 10px; }
.header_wrap .member a.mypage::after { content:''; position:absolute; right:0; top:50%; width:1px; height:14px; background:#ccc; transform:translateY(-50%); }
.member_m { display:none; }

.sns_item { display:flex; align-items:center; } 
.sns_link { width:30px; height:30px; overflow:hidden; color:transparent; text-indent:-99999px; } 
.sns_link_facebook { background:url(../images/user/ic_facebook.png) no-repeat center; } 
.sns_link_twitter { background:url(../images/user/ic_twitter2.png) no-repeat center; } 
.sns_link_blog { background:url(../images/user/ic_blog.png) no-repeat center; } 
.sns_link_youtube { background:url(../images/user/ic_youtube.png) no-repeat center; } 
.sns_link_instagram { background:url(../images/user/ic_instagram.png) no-repeat center; } 

/*header active*/
.open .header_wrap .header .h_menu { background:url(../images/user/ic_h_close.png) no-repeat center; } 

@media screen and ( min-width:1025px ) { 
    /*pc*/
    .header .gnb_wrap { width:83%; } 
    .header .gnb { display:flex; flex-wrap:nowrap; height:auto; text-align:center; max-height:100px; transition:max-height 0.5s; -ms-transition:max-height 0.5s; -moz-transition:max-height 0.5s; -webkit-transition:max-height 0.5s; } 
    .header .gnb_depth1 { flex:1; } 
    .header .gnb_depth2_wrap {color:#444;background:#fff;height:0;overflow:hidden;max-height:0;transition:max-height 0.5s;-ms-transition:max-height 0.5s;-moz-transition:max-height 0.5s;-webkit-transition:max-height 0.5s; } 
    .gnb_depth3_wrap { display:none; } 
    .header .gnb_depth2 > a { line-height:+1.5; font-size:1rem; font-weight:500; width:100%; color:#131313; text-align:left; height:60px; display:flex; align-items:center; padding:0 15px; font-weight:600; } 
    .header .gnb_depth1 > a { width:100%; padding-top:8px; display:flex; align-items:center; justify-content:center; line-height:+1.2; } 
    .header .gnb_depth2 > a:hover,
    .header .gnb_depth2 > a:focus { color:#fff; } 
    .header .gnb_depth2 > a[target="_blank"]:hover::after { background:url(../images/user/icon_link_w.png) no-repeat center; }
    .header .gnb_depth1:nth-child(1) .gnb_depth2 > a:hover,
    .header .gnb_depth1:nth-child(1) .gnb_depth2 > a:focus { background:#f73449; } 
    .header .gnb_depth1:nth-child(2) .gnb_depth2 > a:hover,
    .header .gnb_depth1:nth-child(2) .gnb_depth2 > a:focus { background:#7578b8; } 
    .header .gnb_depth1:nth-child(3) .gnb_depth2 > a:hover,
    .header .gnb_depth1:nth-child(3) .gnb_depth2 > a:focus { background:#d54c6c; } 
    .header .gnb_depth1:nth-child(4) .gnb_depth2 > a:hover,
    .header .gnb_depth1:nth-child(4) .gnb_depth2 > a:focus { background:#24a64b; } 
    .header .gnb_depth1:nth-child(5) .gnb_depth2 > a:hover,
    .header .gnb_depth1:nth-child(5) .gnb_depth2 > a:focus { background:#ff5b35; } 
    .header .gnb_depth1:nth-child(6) .gnb_depth2 > a:hover,
    .header .gnb_depth1:nth-child(6) .gnb_depth2 > a:focus { background:#908a24; } 
    .header .gnb_depth1:nth-child(7) .gnb_depth2 > a:hover,
    .header .gnb_depth1:nth-child(7) .gnb_depth2 > a:focus { background:#2a85bc; } 
    .header .gnb_depth3 > a:hover,
    .header .gnb_depth3 > a:focus { text-decoration:underline; text-underline-position:under; } 
    .header .gnb_depth3 > a { font-size:0.875rem; width:100%; padding:2px 0 2px 20px; text-align:left; } 
    .gnb_wrap .sns_list { display:none; } 

    /*header active*/
    /* .open .header_wrap .header { border-bottom:solid 1px #dfdfdf } */
    /* .open .header_wrap .header .gnb { height:auto; max-height:1000px } */
    .header .gnb_depth1.open > a { font-weight:900; } 
    .header .gnb_depth1:nth-child(1).open > a { color:#f73449; border-bottom:3px solid #f73449; }
    .header .gnb_depth1:nth-child(2).open > a { color:#7578b8; border-bottom:3px solid #7578b8; }
    .header .gnb_depth1:nth-child(3).open > a { color:#d54c6c; border-bottom:3px solid #d54c6c; }
    .header .gnb_depth1:nth-child(4).open > a { color:#24a64b; border-bottom:3px solid #24a64b; }
    .header .gnb_depth1:nth-child(5).open > a { color:#ff5b35; border-bottom:3px solid #ff5b35; }
    .header .gnb_depth1:nth-child(6).open > a { color:#908a24; border-bottom:3px solid #908a24; }
    .header .gnb_depth1:nth-child(7).open > a { color:#2a85bc; border-bottom:3px solid #2a85bc; }
    .header .gnb_depth1.open .gnb_depth2_wrap { height:auto; max-height:1000px; box-shadow:1px 1px 15px rgba(0,0,0,0.1); } 

    .header_top { position:relative; width:100%; height:45px; line-height:45px; background:#f5f5f5; color:#888888; font-size:0.882em; z-index:9998; } 
    .header_top a { font-weight:600; }
    .header_top .site_item { margin:0 10px; } 
    .header_top .sns_item { margin:0 5px; }  
    .lang_wrap { height:100%; position:relative; margin-left:10px; padding:0 10px; color:#666; z-index:9998; } 
    .lang_trigger:after { content:url(../images/user/ic_arrow_down.png); margin-left:10px; } 
    .lang_wrap.active .lang_trigger:after { content:url(../images/user/ic_arrow_up.png); } 
    .lang_list { position:absolute; left:0; top:45px; width:100%; opacity:0; display:none; } 
    .lang_wrap.active .lang_list { opacity:1; display:block; } 
    .lang_item { width:100%; line-height:35px; text-align:center; } 
    .lang_item a { display:block; background:rgba(0,0,0,0.7); width:100%; color:#fff; } 
    .lang_item a:hover,
    .lang_item a:focus { background:rgba(0,0,0,0.4); width:100%; color:#fff; } 
}
@media ( max-width:1630px ) {
    .header .inner { width:100%; padding-inline: 15px; } 
    .header_top .inner { width:100%; padding:0 0 0 15px; } 
}
@media ( max-width:1340px ) {
    .header .logo a img { width:200px; height:36px; }
}
@media ( max-width:1024px ) { 
    .header_top .site_list,
    .header_top .sns_list,
    .header_top .lang_wrap { display:none; }    
    .header_wrap { padding-bottom:55px; } 
    .header_wrap .header { /* position:fixed;*/ left:0; top:0; height:80px; border-bottom:solid 1px #dfdfdf; } 
    .header_wrap .inner { height:100%; } 
    .header .logo { width:auto; }
    .header .logo a { margin-top:22px; }
    .header .logo,
    .header .gnb_depth1 > a { display:block; line-height:1; height:auto; } 
    .header .gnb_depth1 { width:100%; } 
    .header .gnb_depth1 > a { width:100%; text-align:left; border-bottom:solid 1px #dfdfdf; padding:15px; } 
    .header .gnb_depth2_wrap { height:0; overflow:hidden; max-height:0; transition:max-height 1s; -ms-transition:max-height 1s; -moz-transition:max-height 1s; -webkit-transition:max-height 1s; }  
    .header .gnb_depth2 > a { display:block; width:100%; text-align:left; padding:5px 15px; } 
    .header .gnb_depth2 > a:before { content:"-"; margin-right:10px; }   
    .header .gnb_depth2 > a[target="_blank"]::after { top:0; width:12px; height:11px; background:url(../images/user/icon_link_m.png) no-repeat; }
    .header .gnb_depth3 > a { padding:2px 15px 2px 25px; color:#444; font-size:0.938rem; } 
    .header .gnb_depth3 > a:before { content:'·'; margin-right:5px; }   
    .gnb_wrap { position:fixed; right:-500px; /*top:80px;*/ top: 111px; width:80%; max-width:500px; height:calc(100vh - 80px); background:#fff; padding:15px 15px 100px 15px; overflow-y:auto; }  
    .header .h_menu { height:80px; position:absolute; right:15px; top:0; } 

    .member_m { width:100%; display:flex; align-items:center; justify-content:space-between; text-align:center; margin-bottom:1em; }
    .member_m a { padding:.7em 0; font-weight:600; }
    .member_m a.c_logout { flex:1; margin-right:10px; color:#3c3c3c; border:1px solid #969696; }
    .member_m a.login { /*display:none; width:100%;*/ flex:1; color:#fff; background:#0197a0; border:1px solid #0197a0; }
    .member_m a.mypage { flex:1; margin-right:10px; color:#0197a0; border:1px solid #0197a0; }
    .member_m a.logout { flex:1; color:#3c3c3c; border:1px solid #969696; }

    .gnb_wrap .sns_list { margin-top:20px; display:flex; } 
    .gnb_wrap .sns_list .sns_item { margin:0 5px; }  

    /*header active*/
    body.m_open { position: fixed; overflow-y:hidden; }   
    .m_open .h_menu { background:url(../images/user/ic_h_close.png) no-repeat center / 22px auto; }    
    .m_open .header_wrap .gnb_wrap { right:0; border-top:solid 1px #dfdfdf; border-left:solid 1px #dfdfdf; top:100px;}   
    .header .gnb_depth1.active > a { background:#056874; color:#fff; border-radius:5px; } 
    .header .gnb_depth1:nth-child(1).active > a { background:#f73449; }
    .header .gnb_depth1:nth-child(2).active > a { background:#7578b8; }
    .header .gnb_depth1:nth-child(3).active > a { background:#d54c6c; }
    .header .gnb_depth1:nth-child(4).active > a { background:#24a64b; }
    .header .gnb_depth1:nth-child(5).active > a { background:#ff5b35; }
    .header .gnb_depth1:nth-child(6).active > a { background:#908a24; }
    .header .gnb_depth1:nth-child(7).active > a { background:#2a85bc; }
    .header .gnb_depth1.active .gnb_depth2_wrap { height:auto; max-height:1000px; padding:10px 0; background:#f5f5f5; } 
}
@media ( max-width:600px ) {
    .header_wrap { padding-bottom:57px; }
    .header_wrap .header { height:80px; }
    .member_m a  { line-height:18px; }
    .gnb_wrap {top: 103px;}
} 
@media ( max-width:480px ) { 
    .header .logo a { margin-top:27px; }
    .header .logo a img { width:150px; height:32px; }
    .gnb_wrap { /*width:100%;*/ min-width:320px; }
}

/* ================================================================================================================== 
   header 통합검색
================================================================================================================== */
.search_bar_wrap { position:relative; display:flex; height:100%; align-items:center; justify-content:center; } 
.search_bar_wrap .search_bar { height:45px; background:#deded7; z-index:9999; } 
.search_bar_wrap.active .search_bar { display:flex !important; } 
.search_bar_wrap .search_bar input { width:calc(100% - 50px); border:none; background:transparent; height:100%; border-radius:0; padding:0 15px; font-size:16px; letter-spacing:-0.03em; font-weight:600; } 
.search_bar_wrap .search_bar .search_btn { width:50px; height:100%; background:#f0f1ea url(../images/user/ic_search.png) no-repeat center; cursor:pointer; overflow:hidden; text-indent:-9999px; } 
.search_bar_wrap .search_bar .search_close_btn { width:50px; height:100%; background:#f0f1ea url(../images/user/ic_close_s.png) no-repeat center; cursor:pointer; } 
.search_trigger { width:30px; height:30px; background:url(../images/user/ic_search.png) no-repeat center; cursor:pointer; } 

@media ( min-width:1200px ) {
    .search_bar_wrap { width:auto; } 
    .search_bar_wrap .search_bar { width:280px; } 
    .search_bar_wrap .search_bar input { width:calc(100% - 50px); } 
    .search_bar_wrap .search_bar .search_close_btn,
    .search_trigger { display:none; } 
}
@media ( max-width:1200px ) {
    .search_bar_wrap { width:40px; } 
    .search_bar_wrap .search_bar { position:absolute; right:0; top:0; width:350px; display:none !important; } 
    .search_bar_wrap .search_bar input { width:calc(100% - 80px); padding:0 15px; } 
    .search_bar_wrap .search_bar .search_close_btn,
    .search_trigger { display:block; width:45px; /*height:45px;*/ } 
    .search_bar_wrap .search_bar .search_btn,
    .search_bar_wrap .search_bar .search_close_btn { width:50px; }
}
@media ( max-width:1024px ) {
    .search_bar_wrap { /*position:fixed;*/ position: absolute; top: 0; right:60px; height:80px; z-index:9999; } 
    .search_trigger { width:100%; height:100%; background:url(../images/user/ic_search_m.png) no-repeat center; } 
    .search_bar_wrap .search_bar { width:calc(100vw - 70px); height:80px; } 
}
@media ( max-width:600px ) {
    .search_bar_wrap { right:55px; } 
    .search_bar_wrap .search_bar { width:calc(100vw - 55px); } 
}
@media ( max-width:480px ) {    
    .load_wrap .load_cont img { width:136px; }
    .load_wrap .load_cont p { font-size:1.25em; line-height:1.5; }
}

@media ( max-width:400px ) {
    .search_bar_wrap .search_bar { width:calc(100vw - 45px); }
    .search_bar_wrap .search_bar input { width:calc(100% - 70px); }
    .search_bar_wrap .search_bar .search_btn,
    .search_bar_wrap .search_bar .search_close_btn { width:35px; }
}

/* ================================================================================================================== 
   footer
================================================================================================================== */
.footer_wrap { position:relative; width:100%; height:auto; font-size:.941em; clear:both; background:#f5f5f5; z-index:2; } 
.footer_wrap .inner { width:94%; max-width:1600px; margin:0 auto; }
.footer_top { width:100%; height:65px; line-height:65px; border-top:solid 1px #dfdfdf; border-bottom:solid 1px #dfdfdf; background:#fff; } 
.footer_wrap .snb_list { color:#666666; } 
.footer_wrap .snb_list li + li { margin-left:60px; } 
.footer_wrap .snb_list a { display:block; } 
.footer_btm { padding:55px 0 90px; } 
.footer_btm .inner { flex-wrap:nowrap; } 
.footer_btm .footer_logo { flex-shrink:0; } 
.footer_btm .address_wrap { width:100%; padding-left:45px; line-height:1.3; color:#666; } 
.footer_btm .address_wrap p + p { margin-top:10px; } 
.footer_btm .mark_wrap img { height:34px; }

/* 관련사이트 */
.footer_wrap .relate_wrap { position:relative; width:186px; top:-1px; line-height:normal; }
.footer_wrap .relate_wrap .relate { position:relative; }
.footer_wrap .relate_wrap .relate ul { visibility:hidden; opacity:0; position:absolute; bottom:47px; left:0; width:100%; max-height:300px; padding:14px 0; background:#fff; border:1px solid #dfdfdf; overflow-y:auto; transition:visibility .4s, opacity .4s; }
.footer_wrap .relate_wrap .relate ul a { display:block; padding:5px 25px; color:#424446; font-size:.83em; }
.footer_wrap .relate_wrap .relate_open { display:block; position:relative; padding:13px 40px 14px 25px; font-size:0.941em; background:#fff; border:1px solid #dfdfdf; } 
.footer_wrap .relate_wrap .relate_open:before,
.footer_wrap .relate_wrap .relate_open::after { content:''; display:block; position:absolute; top:50%; transform:translateY(-50%); }
.footer_wrap .relate_wrap .relate_open:before { right:22px; border:6px solid transparent; border-top-width:0; border-bottom-color:#424446; } 
.footer_wrap .relate_wrap .relate_open:after { right:24px; margin-top:2px; border:4px solid transparent; border-top-width:0; border-bottom-color:#f3f4f5; } 
.footer_wrap .relate_wrap.active .relate ul { visibility:visible; opacity:1; }
.footer_wrap .relate_wrap.active .relate_open:before { border-top:6px solid #424446; border-bottom-width:0; } 
.footer_wrap .relate_wrap.active .relate_open:after { margin-top:-2px; border-top:4px solid #f3f4f5; border-bottom-width:0; } 

/* 화면 상단으로 가기 버튼 */
.page_toTop { display:none; position:fixed; right:2%; bottom:1.5em; width:60px; height:60px; background:url(../images/user/to_top_icon.png) no-repeat center #fff; border:1px solid #ccc; z-index:999999; }

@media screen and ( max-width:1280px ) {
    .footer_wrap .snb_list li + li { margin-left:40px; }
}

@media screen and ( max-width:1024px ) {
    .footer_wrap .relate_wrap .relate ul { bottom:44px; }
    .footer_wrap .relate_wrap .relate_open,
    .footer_wrap .relate_wrap .relate ul a { font-size:1em; }
    .footer_btm .address_wrap p + p { margin-top:5px; }
    .footer_btm .footer_logo { width:160px; }
    .footer_btm .footer_logo img { display:block; width:100%; }
    .footer_btm .address_wrap { padding-left:20px; }

    .page_toTop {width:54px;height:54px; background-size: 12px;}
}

@media screen and ( max-width:800px ) {
    .footer_top { height:auto; line-height:50px; text-align:center; } 
    .footer_top .inner { padding:0; width:100%; } 
    .footer_wrap .snb_list { width:100%; } 
    .footer_wrap .snb_list li { width:50%; border-bottom:solid 1px #dfdfdf; } 
    .footer_wrap .snb_list li.m_full { width:100%; } 
    .footer_wrap .snb_list li:nth-child(odd) { border-right:solid 1px #dfdfdf; } 
    .footer_wrap .snb_list li + li { margin-left:0; }    
    .footer_wrap .l-family-site { width:100% }  
    .footer_btm { padding:50px 0 60px; } 
    .footer_btm .inner { flex-wrap:wrap; justify-content:center; } 
    .footer_btm .footer_logo { width:180px; } 
    .footer_btm .address_wrap { padding-left:0; margin-top:30px; margin-bottom:30px; text-align:center; } 

    /* 관련사이트 */
    .footer_wrap .relate_wrap { width:100%; padding:10px; top:0; }
    .footer_wrap .relate_wrap .relate_open, 
    .footer_wrap .relate_wrap .relate ul a { font-size:unset; }
}

@media screen and ( max-width:480px ) {
    .page_toTop { width:40px; height:40px; }
}

@media screen and ( min-width:1025px ) {
    /* .main_popup_wrap .reservation_popup table tr:hover { background:#f0f0f0; }
    .main_popup_wrap .reservation_popup table thead tr:hover { background:none; } */
    .footer_wrap .relate_wrap .relate ul a:hover { background:#f3f4f5; }
}


/*** 전자정부 배너 ***/
.top_line_bnr {
  position: relative;
  background-color: #EDF1F5;
}
.top_line_bnr.bnr_hide:after {
  content: "";
  position: absolute;
  top: 32px;
  left: 0;
  width: 100%;
  height: 1px;
  background: #CDD7E4;
}
.top_link_wrap .inner, .chk_nuri_addr_bnr .inner {
  padding-left:8px;
  width: 100%;
  max-width: 1600px;
  box-sizing: border-box;
}
.top_flag_wrap {
  display: flex;
  align-items: center;
  margin: 0 auto;
  max-width: 1600px;
  color: #1d1d1d;
  font-size: 15px;
  line-height: 16px;
}
.top_flag_in {
  display: flex;
  align-items: center;
  font-size: 15px;
}
.top_flag_in img {
  margin-right: 9px;
  width: 24px;
  line-height: 0;
  font-size: 1px;
}
.top_link_wrap {
  padding: 8px 0;
  max-width: 1600px;
  margin: 0 auto;
}
.top_flag_info {
  position: relative;
  margin-left: 18px;
  padding-right: 20px;
  border: 0;
  background: none;
  color: #003675;
  font-size: 14px;
  font-weight: 400;
  cursor: pointer;
}
.top_flag_info:after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -8px;
  width: 16px;
  height: 16px;
  background: url(../images/user/official_nuri_chk_arrow.png) center/100% auto no-repeat;
  transition: 0.4s ease-in-out;
}
.top_flag_info.on:after {
  transform: rotate(-180deg);
}
.top_flag_info span {
  display: inline-block;
  width: 0;
  height: 0;
  overflow: hidden;
  text-indent: -20000px;
}
.chk_nuri_addr_bnr {
  position: relative;
  top: 0px;
  left: 0;
  z-index: 202;
  display: none;
  padding: 24px 0 15px;
  border-top: 1px solid #dbdfe5;
  background: #edeef1;
}
.chk_nuri_addr_bnr strong,
.chk_nuri_addr_bnr p {
  padding-left: 28px;
}
.chk_nuri_addr_bnr strong {
  position: relative;
  display: inline-block;
  color: #1d1d1d;
  font-size: 17px;
  font-weight: 700;
  line-height: 20px;
}
.chk_nuri_addr_bnr strong:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  background: url(../images/user/icon_nurizip.png) center/12px auto no-repeat #fff;
  transform: translateY(-50%);
}
.chk_nuri_addr_bnr p {
  margin-top: 16px;
  color: #555;
  font-size: 15px;
}
.chk_nuri_addr_bnr p a {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 1px;
  padding: 15px 0;
  color: #1d1d1d;
}
.chk_nuri_addr_bnr p a:hover {
  text-decoration: underline;
}
.chk_nuri_addr_bnr p a:after {
  content: "";
  width: 16px;
  height: 16px;
  background: url(../images/user/icon_info_modify.png) no-repeat;
  background-size: contain;
}
@media all and (max-width: 1200px) {
  .top_link_wrap .inner, .chk_nuri_addr_bnr .inner {
    padding: 0 17px;
  }
}
@media all and (max-width: 600px) {
  .top_link_wrap {
    padding: 4px 0;
  }
  .top_flag_wrap,
  .top_flag_in {
    font-size: 14px;
  }
  .top_flag_in img {
    width: 18px;
  }
  .top_flag_info {
    margin-left: 10px;
    padding-right: 16px;
    font-size: 13px;
  }
  .chk_nuri_addr_bnr {
    padding: 24px 0 10px;
  }
  .chk_nuri_addr_bnr strong,
  .chk_nuri_addr_bnr p {
    padding-left: 24px;
  }
  .chk_nuri_addr_bnr strong {
    font-size: 15px;
  }
  .chk_nuri_addr_bnr strong:before {
    width: 16px;
    height: 16px;
    background-size: 10px auto;
  }
  .chk_nuri_addr_bnr p {
    margin-top: 12px;
    font-size: 14px;
  }
  .chk_nuri_addr_bnr p a {
    padding: 16px 18px 16px 0;
    background-size: 14px auto;
  }
}
@media all and (max-width: 480px) {
  .top_flag_wrap {
    display: block;
  }
  .top_flag_info {
    margin-left: 0;
    padding: 3px 16px 5px 27px;
  }
}
@media all and (max-width: 390px) {
  .top_link_wrap {
    padding: 8px 0 2px 0;
  }
  .top_flag_in {
    font-size: 13.5px;
  }
}
/*** 전자정부 배너 끝 ***/