.p-show{display: block;}
.t-show{display: none;}
.m-show{display: none;}

.ddayWrap{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap:0 10px;
    margin:0 15px;

}
.ddayWrap > img{
    margin:0;
}
.ddayWrap > span{
    font-family: "Rubik";
    font-size: 22px;
    font-weight: 400;;
}
.ddayWrap > span .cday{
    font-family: "Rubik";
    font-weight: 600;;
}

/* ======================
	* layout_gnb
====================== */
@media screen and (max-width:1400px) {
	#dim{
		background-color: rgba(0,0,0,0.4);
	}
	#dim.open{
		display: block;
		background-color: rgba(0,0,0,0.4);
		z-index:11;
	}

	.btn-allmenu-open{
		display: inline-block;
		width: 40px;
		height: 40px;
		margin-left: 20px;
		text-align: center;
		vertical-align: middle;
	}

	/* all menu */
	#allmenu{
		display: none;
		position: fixed;
		top: 0;
		left: 0;
		z-index: 100;
		width: 100%;
		padding-bottom: 200px;
		background-color: #060847;

		width:80%;
		margin-left:100%;
		transition: .3s ease;
	}
	#allmenu.open{
		margin-left:20%;
		transition: .3s ease;
	}
	.allmenu-header{
		position: absolute;
		right:20px;
	}
	.allmenu-header .inner-layer{
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		align-items: center;
		height: 70px;
	}
	.btn-allmenu-close{
		display: inline-block;
		width: 40px;
		height: 40px;
		margin-left: 20px;
		/* background-color: #25408f; */
		text-align: center;
		vertical-align: top;
	}
	.btn-allmenu-close > i{
		font-size: 40px;
		color: #fff;
		text-indent: -2px;
		vertical-align: top;
	}
	.allmenu-tit{
		padding: 35px 0 40px;
		font-size: 2.4rem;
		font-weight: 600;
		color: #25408f;
		line-height: 1.2em;
		text-align: center;
	}
	#allmenu .gnb{
		overflow-x: hidden;
		margin-top: 70px;
	}
	#allmenu .gnb > li{
		width: 100%;
		border:none;
		background-color:#f7f7f7;
	}
	#allmenu .gnb > li:first-child{
		margin-left: 0;
	}
	#allmenu .gnb > li > a{
		padding: 20px;
		/* border-bottom: 1px solid #2142a0; */
		font-size: 18px;
		font-weight: 600;
		display: block;
	}
	#allmenu .gnb > li > a:before{
        display: block;
        content: '\e941';
        clear: both;
        position: absolute;
        top: 55%;
        right: 20px;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        font-family: 'xeicon';
        font-size: 20px;
        color: #060847;
        -webkit-transition: 0.3s ease;
        transition: 0.3s ease;
	}
	#allmenu .gnb > li.on > a:before{
	    color: #0096e0;
        -webkit-transform: translateY(-15px) rotate(180deg);
        transform: translateY(-15px) rotate(180deg);
	}
	#allmenu .gnb > li:hover > a > span:before{
		display: none;
	}
	#allmenu .gnb > li > ul{
		position: static;
		left: auto;
		-webkit-transform: none;
		transform: none;
		display: block;
		width: 100%;
		padding: 8px 0;
		background: transparent;
		-webkit-box-shadow: none;
		box-shadow: none;
	}
	#allmenu .gnb > li > ul > li{
		border-bottom: 0;
	}
	#allmenu .gnb > li > ul > li > a{
		padding: 10px 20px;
		font-size: 16px;
		font-weight: 400;
	}
	#allmenu .gnb > li > ul > li:hover > a{
		background: transparent;
		color: #0096e0;
	}
	.btn-m-open{
		display: none;
	}
    ul.speaker-list-sub li .speaker-wrap .figure > img{
        max-width: 100%;
    }
    ul.speaker-list-sub li .speaker-wrap .figcaption{
        width:calc(100% - 120px);
    }




}

/* ======================
	* media
====================== */
@media screen and (max-width:1400px) {
    #header h1{
        margin:0;
    }
	#allmenu{
		display: block;
	}
	#allmenu .gnb::-webkit-scrollbar{
		display: none;
	}
	#container{
		padding:0;
	}
	.qm-ul .qm-li:nth-child(1), .qm-ul .qm-li:nth-child(2), .qm-ul .qm-li:nth-child(3), .qm-ul .qm-li:nth-child(4){
		background-size: cover;
	} 
	.main-cont-wrap{
		max-width: 56%;
	}
	.gnb {
        overflow-y: auto;
        display: block;
        height: calc(100vh - 80px);
        padding-bottom: 50px;
    }
	.xi-close-thin:before{
		color:#fff;
		position: fixed;
	}
}

@media screen and (max-width:1024px) {
    .p-show{display: none;}
    .t-show{display: block;}
    .m-show{display: none;}
    
    #header h1{
        margin:0;
        max-width: 55%;
    }
    .ddayWrap{

    }
    .ddayWrap > span{
        font-size: 16px;
    }

	#allmenu .gnb> li{
		border-top: 1px solid #ededed;
	}
	.sub-gnb{
		border:none;
	}
	.main-wrap{
		padding:0;
	}
	.main-visual-wrap img{
		width: 100%;
	}
	.main-cont-wrap{
		max-width: 50%;
	}
	.quick-menus-wrap{
		margin-bottom: 10px;
	}
	.qm-ul {
		gap: 10px;
		flex-wrap: wrap;
	}
	.qm-ul .qm-li{
		width: 49%;
		height: 240px;
	}
	.quick-link-wrap{
		margin-bottom: 30px;
	}
	.quick-info-wrap{
		margin-left:-492px;
	}
	.sp-banner-style-01 .swiper-button-prev, 
	.sp-banner-style-01 .swiper-button-next {
		display:none;
	}
	.sp-banner-style-01 .swiper{
		padding: 0;
	}
	.sp-banner-style-01 img{
		width:140px;
		margin:0;
	}
	#footer, .footer-wrap{
		padding:0;
	}

    .swiper-slide img{max-width: 100%;;width: 100%;;}
    .sub-visual-con img{display: none;;}

    #sub-visual > img{
        left:50%;
        height: 100%;;
    }

    /** main-quick **/
    .qm-bg{
        background: transparent;
    }
    .quick-menu-list{
        margin-left:-15px;
        margin-right:-15px;
    }
    .quick-menu-list > li{
        width:50%;
        height:50px;
    }
    .quick-menu-list > li > a{
        font-size: 17px;;
    }

    .article-top h2{
        font-size: 22px;;
    }

    .main-second{
        flex-wrap: wrap;
        margin-top: 15px;
        margin-bottom: 15px;;
        gap:20px 0;
    }
    .news-list {
        width:100%;
    }
    .article-main{
        margin:15px 0 0;
    }
    .news-wrap ul{
        flex-wrap: wrap;
        gap:10px 0;
    }
    .news-wrap ul a{
        width:100%;
        
    }
    .news-wrap ul a li{
        padding:15px;
        border-radius: 4px;
    }
    .news-txt{
        margin:10px 0 0;
        font-size: 15px;;
        height:40px;
        overflow: hidden;
    }
    .download-center{
        width:100%;
    }
    .dc-main{
        gap:5px 0;
    }
    .dc-main li{
        width: 100%;
        border: 1px solid #e8e9ee;
        border-radius: 5px;
    }
    .dc-main li a{
        height: 50px;;
        font-size: 15px;
    }
    .dc-main li a i:first-child{
        font-size: 20px;;
    }

    .main-contents + .main-contents{
        margin-top: 20px;
    }
    .cont-speaker{
        padding:15px;
    }
    .sponsor-cont ul{
        margin-top: 20px;;
    }
    .sponsor-cont li{
        flex-wrap: wrap;
        gap:10px 0;
        height: auto;
    }
    .sponsor-cont li + li{
        margin-top: 20px;;
    }
    .sponsor-line{
        width:100%;
        flex-wrap: wrap;
    }
    .sponsor-cont li .sponsor-line{
        height: auto;
        gap:10px;
        
    }
    
    .sponsor-cont li + li .sponsor-line{
        border-top: 0;;
    }


    .cont-video{
        padding:15px;
    }
    .swiper-button-next:after, .swiper-button-prev:after{
        font-size: 2rem;
    }
    .vid-slide{
        
    }

    .cont-host{
        margin-top: 0!important;
        padding:15px;
    }
    .flex-bet{
        flex-wrap: wrap;
        gap:10px 0;
    }
    .host-list-wrap{
        width: 100%;;
        justify-content: center;
        padding-left:0;
        border-radius: 0;
        padding-top:30px;
        padding-bottom:10px;
    }
    .host-list-wrap dd{
        left: 0px;
        width: 100%;
        top: -3px;
    }
    .host-list-wrap dd span{
        border-radius: 0;
        width: 100%;
        height: 25px;
        text-align: center;
        line-height: 25px;
        font-size: 13px;
    }
    .host-list-wrap dt img{
        height:40px;
    }

	.shorts-slider{
		width: 100%;
	}
	

	
}

@media screen and (max-width:850px) {
	.main-wrap{
		padding:0;
		gap: 0 10px;
	}
	.main-cont-wrap{
		max-width: 36%;
	}
	.qm-ul .qm-li{
		width:100%;
		height: 170px;
	}
	.qm-ul .qm-li img{
		padding: 0;
	}
	.qm-ul .qm-li p, .ql-box p{
		font-size:15px;
	}
	.quick-link-wrap, .quick-info-wrap{
		margin:0;
		margin-left:-515px;
		margin-bottom: 16px;
	}
	.sp-banner-style-01 img{
		width:110px;
	}
	.qm-ul .qm-li .more{
		display:none;
	}
}

@media screen and (max-width:768px) {




    #sub-visual{
        
    }
    #sub-visual > img{
        width:auto;
    }
	.main-cont-wrap{
		max-width: 33%;
	}


    /** committe**/
    ul.committee-list-sub{
        float:none;
        margin-left: 0;
    }
    ul.committee-list-sub li .committee-wrap{
        margin-left: 0;
        
    }

    /**aboutkorea**/
    .flex-area img{
        margin-top: 10px;;
        width: 100%;
    }
	.flex-area.abst-guidearea img{
        width: auto;
    }
    .imgBtn.forKormap{
        width:50px;
        height:50px;
        font-size: 11px;;
    }
    .w50{width:100%;}
    .regions{
        gap:20px 0;
    }
    .imgBtn.rb{
        width:50px;
        height:50px;
        font-size: 11px;
        right:2vw;
        bottom:2vw;
        
    }
    .sub-contents h4.wdb{font-size: 26px;;}
    .more-info{
        margin-top: 30px;
        gap:0 0px;
    }
    .more-info > a{
        
    }
    .iconBox{
        
    }
    .iconBox p{
            text-align: center;
    }
    .iconBox:hover > p{
        color:#fff;
    }
    .iconBox .iconWrap{
        width:100px;height:100px;
    }
    .iconBox .iconWrap i{
        font-size: 40px;;
    }
    .iconBox:hover .iconWrap i{
        font-size: 40px;;
    }

    
    #layer2.pop-layer .pop-container {
        position: relative;
    padding: 20px;
    }

    #layer2.pop-conts{
        
        text-align: center;
    }
    #layer2.pop-layer p.poptit {
    font-size: 18px;
    line-height: 1.4;
    }
    #layer2 .pop-conts {
        padding: 0px!important;
    }
    #layer2 .pop-conts .pop-btn{
        padding-top: 20px;
    }
    #layer2 .pop-conts .pop-btn button{
        height: 45px;;
    }	
        
    
}

@media screen and (max-width:600px) {
    .p-show{display: none;}
    .t-show{display: none;}
    .m-show{display: block;}

    .more-info.mt60 {
        gap:10px 0;
        margin-top: 20px;
    }
    .more-info > a.w20{
        width: 100%;;
    }
    .iconBox {
        position: relative;
    }
    .iconBox .iconWrap{
        width:100%;
        border-radius: 7px;
        height: 80px;


    }
    .iconBox > p{
        position: absolute;
        margin-top: 0;
        top:50%;
        transform: translateY(-50%);
        left:40%;
        font-size: 26px;;
    }
    .iconBox > p > br{
        display: none;
    }
    .iconBox .iconWrap i{
        margin-left: -200px;;
    }

    /* transport */
    .overseas-box-style{
        padding:15px;
        gap:15px 0;
    }
    .btn-sm{
        padding:5px 15px;
        font-size: 14px;
    }
    .btn-sm.trans-btn{
        width:100%;
    }
    .tabnav.tab5row{
        flex-wrap: wrap;
    }
    .tabnav.tab5row li{
        width:100%;
    }
    .tabnav.tab5row li a{
        color:#888;
        font-size: 12px;
        padding:0;;
        height: 30px;;
    }
    .tabnav li a:hover, .tabnav li a.active{
        color:#fff;
        height:36px;
    }

	
	
	.abst-tab .tabnav {
		display: flex;
		width: 100%;
	}
	.abst-tab .tabnav li a {
		display: flex;
		align-items: center;
		justify-content: center;
		line-height: 18px;
		font-size: 14px;
		height: 42px;
	}


    /* */
    ul.overseas-list-step li .list-step-cont{
        margin-bottom: 5px;
        align-items: center;
    }
    ul.overseas-list-step li .text-row3{
        height: auto;;
    }
    ul.overseas-list-step li .text{
        padding: 0 0 0 15px;;;
        line-height: 1;
        text-align: left;
        width:calc(100% - 90px);
    }
    ul.overseas-list-step li:nth-child(2) .text{
        padding:0 0 0 15px;
        text-align: left;
        width:calc(100% - 90px);
    }

    .mb40{
        margin-bottom: 20px;;
    }
	
	.sponsor-cont li .main-spontit  {
		font-size: 16px;
	}

	.sponsor-cont li .sponsor-line img{
        max-width:110px;
    }
	
	
	.js-shorts-slide .swiper-wrapper > li{
		justify-content: center;
	}
    
}

@media screen and (max-width:450px) {
	.main-wrap {
		display: block;
	}
	.main-cont-wrap{
		max-width: 100%;
	}
	.main-visual-wrap{
		margin-bottom: 10px;
	}
	.qm-ul{
		flex-wrap: nowrap;
		gap: 5px;
		padding:0 10px;
	}
	.qm-ul .qm-li{
		height: 90px;
		padding: 22px;
		text-align:center;
		width:calc(25% - 4px);
	}
	.qm-ul .qm-li img{
		display:none;
	}
	.qm-ul .qm-li > p, .ql-box p{
		font-size:14px;
	}
	.quick-link-wrap, .quick-info-wrap{
		margin:0;
	}
	.quick-link-wrap{
		padding : 0 10px;
	}
	.quick-link-wrap .ql-box{
		height: 170px;
		padding: 10px;
		width: 33%;
	}
	.quick-link-wrap .ql-box:nth-child(3) .ql-img{
		background-size: 90%;
	}
	.quick-info-wrap{
		flex-wrap: wrap;
		margin: 0 10px;
	}
	.pv-list, .pv-is{
		width:100%;
		padding: 22px;
	}
	.pv-is{
		border: none;
		border-top:1px solid #e9e9e9;
	}
	.sp-banner-style-01 img{
		width: 60px;
	}

    /* aboutkorea */
    .mt60{margin-top: 30px;}
    .more-info {
        gap:10px 0;
    }
    .more-info > a.w20{
        width: 100%;;
    }
    .iconBox {
        position: relative;
    }
    .iconBox .iconWrap{
        width:100%;
        border-radius: 4px;
        height: 60px;


    }
    .iconBox > p{
        position: absolute;
        margin-top: 0;
        top:50%;
        transform: translateY(-50%);
        left:25%;
        font-size: 20px;;
    }
    .iconBox > p > br{
        display: none;
    }
    .iconBox .iconWrap i{
        font-size: 40px;;
        margin-left: -250px;;
    }

	
	
}