@charset "utf-8";


body{
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

/* header */
.header{z-index:100;position:fixed;left:0;top:0;right:0;background:#fff;box-shadow: 0px 0px 10px 0px rgba(51, 51, 51, 0.2);}
.header .inner{position:relative;display:none;gap:14px;height:56px;padding:15px 15px 15px 12px;}
.header .cus-mobile-logo{display:block;}
.header .btn_back{display:block;width:24px;height:24px;background:url(../../images/common/ico_back.svg) no-repeat 50% 50% / 24px;}
.header .logo .link_visitkorea{display:none;}
.header .util{display:none;}
.header .btn_menu{position:absolute;right:15px;top:17px;width: 18px;height: 20px;;background:url(../images/common/ico_menu.svg) no-repeat 50% 50% / 24px;}
.header .nav.login_state .user_info{position:relative;padding-bottom:104px;}
.header .nav.login_state .user_info .user_grade{position:absolute;left:30px;right:30px;bottom:24px;}
.header .nav.login_state .navbar{top:242px;}

.header .logo {display: flex;        gap: 12px;        align-items: center;}


.header .btn_share{width: 18px; height: 20px; margin-left: auto;}
.header .share_box{display: none; position: absolute; top: 50px; right: 30px; box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.1); background-color: #fff; border: 1px solid #303030; border-radius: 10px; padding: 16px 15px;}
.header .share_box::before{content: ''; position: absolute; top: -10px; left: 50%; transform: translateX(-50%); display: inline-block; width: 16px; height: 10px; background: url(../images/sharepop_bg.png) 0 0 / 100% 100% no-repeat;}
.header .share_box 	strong{font-size: 16px; color: #000; font-weight: 700;}
.header .share_box .list_box{display: flex; flex-wrap: wrap; gap: 14px 16px; max-width: 168px; margin-top: 8px; padding: 0 8px;}
.header .share_box .list_box button{width: 40px; height: 40px; flex: 0 0 40px;}
.header .share_box .share_close{position: absolute; top: 15px; right: 16px; width: 16px; height: 16px; text-indent: -9999px; background: url(../../images/event/membership/btn_sharepop_close.png) 0 0 / 100% 100% no-repeat;}


@media screen and (max-width: 1023px) {
	.header .inner 	{display: flex;}
	.header .logo 		{display: none;}
    .header .share_box 	{right: 12px;        top: 48px;        z-index: 9999;}
    
    
	.header .inner_pc 	{display: none;}   
}





@media screen and (min-width: 1024px) {
    .header .logo .link_visitkorea {
        display: block !important;
        width: 192px;
        height: 33px;
        background: url(../../images/common/logo_visitkorea.svg) no-repeat 50% 50% / 100%;
    }
    .header .inner_pc .logo .link_digt{display:block;width: 159.5px;height: 22px;background:url(../../images/common/logo.svg) no-repeat 50% 50% / 159.5px 22px;}
    
    .header .inner_pc {position:relative;display:flex;gap:14px;height:90px;padding:0 40px !important;}
    .header .inner_pc .btn_share{width: 24px; height: 28px;margin-left: auto; margin-top:29px;}
}





/* footer */
.footer{border-top:1px solid #E6E6EB;}
.footer .inner{padding:32px 20px;}
.footer .top_box ul{display:flex;flex-wrap:wrap;gap:16px;}
.footer .top_box ul a{font-size:14px;color:#666670;line-height:22px;}
.footer .top_box ul a span{font-weight:700;}
.footer address{padding-top:16px;}
.footer address dt{display: inline;}
.footer address dt,
.footer address dd{font-size:14px;color:#666670;line-height:24px;}
.footer address dd{padding-left:5px; display: inline;}
.footer .bottom_box{padding-top:16px;}
.footer .bottom_box .copyright{font-size:14px;color:#666670;line-height:24px;}
.footer .bottom_box ul{display:flex;align-items:center;gap:10px;padding-top:16px;}
.footer .bottom_box .web a{display:none;width:39px;}
.footer .bottom_box .conlab a{display:block;width:61px;}
.footer .bottom_box .tourism a{display:block;width:84px;}
.footer .bottom_box .culture a{display:block;width:116px;}



/* 퀵메뉴 */
.quick_menu_box{z-index:101;position:fixed;bottom:0;left:0;right:0;height:72px;padding:11px 22px;border-top-left-radius:20px;border-top-right-radius:20px;background:#fff;box-shadow: 0px 0px 20px 0px #0000001A;}
.quick_menu_box ul{display:flex;gap:16.5px;}
.quick_menu_box ul li{width:calc(20% - 13.2px);text-align:center;}
.quick_menu_box ul li a{display:block;padding:32px 0 4px;background:no-repeat 50% 4px / 24px;font-size:10px;font-weight:600;color:#6B7486;line-height:14px;}
.quick_menu_box ul li.active a{font-weight:600;color:#000;}
.quick_menu_box ul li.ico_main a{background-image:url(../../images/common/ico_quick_main.svg);}
.quick_menu_box ul li.ico_main.active a{background-image:url(../../images/common/ico_quick_main2.svg);}
.quick_menu_box ul li.ico_search a{background-image:url(../../images/common/ico_quick_search.svg);}
.quick_menu_box ul li.ico_search.active a{background-image:url(../../images/common/ico_quick_search2.svg);}
.quick_menu_box ul li.ico_event a{background-image:url(../../images/common/ico_quick_event.svg);}
.quick_menu_box ul li.ico_event.active a{background-image:url(../../images/common/ico_quick_event2.svg);}
.quick_menu_box ul li.ico_idcard a{background-image:url(../../images/common/ico_quick_idcard.svg);}
.quick_menu_box ul li.ico_idcard.active a{background-image:url(../../images/common/ico_quick_idcard2.svg);}
.quick_menu_box ul li.ico_my a{background-image:url(../../images/common/ico_quick_my.svg);}
.quick_menu_box ul li.ico_my.active a{background-image:url(../../images/common/ico_quick_my2.svg);}


section.half {margin-top: 55px;}
@media screen and (min-width: 1024px) {
    section.half {margin-top: 90px;}
}