@charset "utf-8";
@media all and (max-width:1620px) {
    #header .wrap {width:1400px;}
	/* #header .h_logo {width:230px;}
	#header .h_logo .catch {width:270px; margin-top:10px;} */

	#header .h_gnb.on .hg_sub {width:100%;}


    #header .h_gnb .hg_wrap {width:1400px;}
    /* #nav .hg_main {font-size:14px;}
    	#nav .hg_sub li:hover {background:none;}
    	#nav .hg_sub a {font-size:14px;} */

    .sns_wrap a .txt_box{display: none;}
	.main_img li {height:600px;}


}
@media all and (max-width:1440px) {
    #header .wrap {width:100%; padding: 0 20px; box-sizing: border-box;}
    #header .h_gnb .hg_wrap {width:100%;}
    /* #header {padding: 0 20px; box-sizing: border-box;} */
    #header .h_dday {padding-left: 30px; gap: 0; flex-direction: column; justify-content: center; align-items: flex-start;}
    #header .h_dday p.evt_tit {letter-spacing: 0; font-size: 16px;}
    #header .h_dday p.evt_info {font-size: 15px;}
    #header .h_dday p.evt_dday {font-size: 24px;}

	/* #nav .hg_main {font-size:16px;} */
	#nav .hg_main a h3 {font-size:18px;}
    #nav .hg_sub li:hover {background:none;}
    #nav .hg_sub a {font-size:16px;} 

	.bxWrap {display:none;}

}
@media all and (max-width:1080px) {
    #contents{margin-top: 80px;}
    /* #header .h_logo a{margin-top: 25px;} */
    #header .wrap {width:100%; height:80px;}
	#header .h_wrap {height: 80px;}
    #header {position:fixed; left:0; top:0; z-index:9; height:80px; border-bottom:1px solid #eee; box-shadow: 0 1px 3px rgb(0 0 0 / 10%);}
    #header .h_topbar {position:relative; z-index:9999; height:30px;}
    /* #header .h_dday {padding:0 15px 0 10px;} */
    #header .h_counter {padding:0 10px;}
    #header .h_weather {display:none;}
    #header .h_language {height:30px;}
    #header .h_language .hl_wrap {height:30px;}
    #header .h_language .hl_btn {height:30px;}
    #header .h_language .hl_list {top:29px;}

	#header .h_logo {width:110px; height: 47px; margin-top: 19px;}
	#header .h_dday {height:80px;}

    /* #header .h_logo {width:100%; height:100%; margin-top:0;} */
    /* #header .h_logo a {float:left; margin-left:10px;} */
    #header .h_logo .catch {float:left; margin-top:15px;}
    #header .h_menu {margin-top:0;}
    #header .h_menu .hm_btn {display:inline-block; vertical-align:middle; position:absolute; right:65px; top:20px; z-index:999; width:40px; height:40px; background-color:#424242;}
    #header .h_menu .hm_btn i {display:inline-block; vertical-align:middle; position:absolute; left:50%; top:50%; width:3px; height:3px; margin-top:-2px; margin-left:-2px; border-radius:2px; background-color:#fff; transition:0.2s;}
    #header .h_menu .hm_btn i:before {content:""; display:inline-block; vertical-align:middle; position:absolute; left:0; top:-6px; width:100%; height:3px; border-radius:2px; background-color:#fff; transition:0.2s;}
    #header .h_menu .hm_btn i:after {content:""; display:inline-block; vertical-align:middle; position:absolute; left:0; top:6px; width:100%; height:3px; border-radius:2px; background-color:#fff; transition:0.2s;}
    #header .h_menu.on:before {content:""; display:inline-block; vertical-align:middle; position:fixed; left:0; right:0; top:0; bottom:0; z-index:1; background:rgba(31, 32, 34, 0.85);}
    #header .h_menu.on .hm_btn i {width:14px; height:2px; margin-top:-1px; margin-left:-7px; transform:rotate(-45deg);}
    #header .h_menu.on .hm_btn i:before {top:0; height:2px; transform:rotate(90deg);}
    #header .h_menu.on .hm_btn i:after {top:0; height:2px; background:none; transform:rotate(90deg);}
    #header .h_menu.on .hm_wrap {display:inline-block; vertical-align:middle; position:fixed; right:0; top:0; bottom:0; z-index:10; width:250px; padding-top:80px; background-color:#fff;}
    #header .h_menu .h_dday {position:absolute; top:44px; right:114px; margin-right:0; z-index:999;}
    #header .h_menu .hm_wrap {display:none;}
    #header .h_menu ul {border-top:#eaeaea solid 1px;}
    #header .h_menu li {display:inline-block; vertical-align:middle; float:none; width:100%; margin-left:0; border-bottom:#eaeaea solid 1px;}
    #header .h_menu .hm_wrap a, #header .h_menu .hm_wrap span {width:100%; height:40px; font-size:13px; color:#60656a; line-height:40px;}
    #header .h_menu a:hover {color:#0075d8; text-decoration:underline;}
    #header .h_menu .hm_wrap ul li {padding:0;}
    #header .h_menu .hm_wrap ul li:after {display:none;}

    #header .h_menu .hm_wrap ul li a {padding:0; border-radius:0; text-decoration:none; color: #000;/*background: #208ea9; border: 1px solid #208ea9;*/ padding-left: 10px; background-color: #f7f7f7;}
    #header .h_menu .hm_wrap ul li a i.ico_01 {background-image:url("../images/ico_account.png"); display:none;}
    #header .h_menu .hm_wrap ul li a i.ico_02 {background-image:url("../images/ico_loginout.png"); display:none;}
    /* #header .h_menu .hm_wrap ul li a i.ico_03 {background-image:url("../images/h_03_hover.png");} */
    #header .h_menu .hm_wrap ul li:last-child {display:none;}
    #header .h_menu .hm_wrap ul li a, #header .h_menu .hm_wrap ul li span {line-height:40px;}

    #header .h_gnb {left:0; top:0; z-index:99; overflow:visible; height:auto; background:none; font-size:0; line-height:0; text-indent: 0; border-top: none; border-bottom: none;}
    #header .h_gnb.on {height:auto; box-shadow:none;}
    #header .h_gnb.on:before {display:none;}
    #header .h_gnb .hg_btn {display:inline-block; right:20px; top:20px; z-index:999; width:40px; height:40px; background-color: #172530;}
    #header .h_gnb .hg_btn i {display:inline-block; vertical-align:middle; position:absolute; left:50%; top:50%; width:14px; height:2px; margin-left:-7px; border-radius:2px; background-color:#fff; transition:0.2s;}
    #header .h_gnb .hg_btn i:before {content:""; display:inline-block; vertical-align:middle; position:absolute; left:0; top:-5px; width:100%; height:2px; border-radius:2px; background-color:#fff; transition:0.2s;}
    #header .h_gnb .hg_btn i:after {content:""; display:inline-block; vertical-align:middle; position:absolute; left:0; top:5px; width:100%; height:2px; border-radius:2px; background-color:#fff; transition:0.2s;}
    #header .h_gnb.on .hg_btn i {top: 50%; transform:rotate(-45deg); background-color: #fff;}
    #header .h_gnb.on .hg_btn i:before {top:0; transform:rotate(90deg);}
    #header .h_gnb.on .hg_btn i:after {top:0; background:none; transform:rotate(90deg);}
    #header .h_gnb .hg_wrap {width:100%;}
    #header .h_gnb.on #nav {display:block;}
    #header .h_gnb.on:before {content:""; display:inline-block; vertical-align:middle; position:fixed; left:0; right:0; top:0; bottom:0; z-index:1; background:rgba(31, 32, 34, 0.85);}
    #nav {display:none; position:fixed; right:0; top:0; bottom:0; z-index:2; overflow:auto; width:250px; height:auto; margin-right:0; padding-top:80px; background-color:#fff;}
    #nav:after {content:""; display:inline-block; vertical-align:middle; position:fixed; right:0; top:0; z-index:1; width:250px; height:70px; background-color:#fff;}
    #nav > ul {border-top:#eaeaea solid 1px;}
    #nav > ul > li {float:none; width:100% !important; padding:0; border-bottom:#eaeaea solid 1px; background-color:#f7f7f7 !important;}
    #nav > ul > li:before {display:none;}
        #nav > ul > li:nth-child(5) .hg_main, #nav > ul > li:nth-child(6) .hg_main, #nav > ul > li:nth-child(7) .hg_main {line-height:50px;}
    #nav .hg_main {display:block; width:auto; height:50px; font-size:13px; color:#000; line-height:50px; text-align:left; cursor:pointer;}
    #nav .hg_main a {display:none;}
    #nav .hg_main h3 {width:100%; text-indent:15px;}
    #nav .hg_main h3:before {display:none;}
    #header .h_gnb li.on .hg_main {background-color:#aaa; color:#fff;}
    #nav .hg_sub {display:none; position:absolute; left:0; right:0; top:60px; z-index:1; width:auto; padding:20px 0; text-align:left;}
    #header .h_gnb.on .hg_sub {display:none;}
    #nav li:hover .hg_main h3:before, #nav li.on .hg_main h3:before {display:none;}
    #header .h_gnb li:hover .hg_sub {display:none;}
    #header .h_gnb.on li.on ul.hg_sub {display:inline-block; vertical-align:middle; position:relative; left:auto !important; right:auto !important; top:0 !important; width:100% !important; margin:0 !important; padding:5px 0 !important; background-color:#006dd2;}
    #nav .hg_sub a {padding:5px 0; font-size:12px; color:#bbe0ff; line-height:20px; text-indent:15px;}
    #nav .hg_sub a:hover {color:#fff; text-decoration:underline;}
    #header .h_gnb.on #nav .hg_sub a {color:#000;}
    #header .h_gnb.on #nav .hg_sub a:hover {color:#fff;}
    #header .h_gnb.on #nav .hg_line {background-color:#2750c0;}

    #header .h_gnb.on li:hover ul.hg_sub {display:none;}
    #header .h_gnb.on li.on ul.hg_sub {display:inline-block;}
    #header .h_gnb.on li:hover .hg_sub li {border-top:0;}
    #header .h_gnb.on li:hover .hg_main:after {content:""; position:absolute; left:50%; bottom:0; width:100%; height:6px; /*background:#0075d8;*/ transform:translateX(-50%); -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%);}
    #header .h_gnb.on li:hover .hg_sub {display:block; width:100%; left:0; background-color:none; transform:none; -webkit-transform:none; -ms-transform:none;}


    #contents .c_main .cm_wrap.cm_date > div {
        width: 100%;
    }
    #contents .c_main .cm_wrap.cm_date > div ul
    {
        max-width: 100%;
        margin: 15px 0;

    }
    #contents .c_main .cm_wrap.cm_date #importantDate ul,
    #contents .c_main .cm_wrap.cm_box3 .cm_box
    {
        width:100%;
        box-sizing: border-box;
    }
    #contents .c_main .cm_wrap.cm_box3 .cm_box .boxings li
    {
        height:20pt;
    }
    #contents .c_main .cm_wrap.cm_box3 .cm_box .boxings li a
    {
        font-size:11pt;
    }
    #contents .c_main .cm_wrap.cm_box3 .cm_box .boxings li a p
    {
        width: calc(100% - 70px);
        height:14px;
        box-sizing: border-box;
        overflow:hidden;
        text-overflow: ellipsis;
        white-space: nowrap;

    }
    #contents .c_main .cm_wrap.cm_box3 .cm_box .boxings li a span
    {
        width:70px;
        text-align:right;
    }
    .sns_wrap{display: none;}
}



	


@media all and (max-width:768px) {
/* #header {height:86px;} */
#header .h_wrap, #header .wrap {height:100%;}
#header .h_logo {/*width: 214px; */height: 43px; margin-top: 22px;}
#header .h_logo a {background-size: contain;}
#header .h_dday {padding-left: 0; height:86px;}
#header .h_dday p.evt_info {display: none;}

#header .h_menu .hm_btn, #header .h_gnb .hg_btn {top:24px;}
#nav, #header .h_menu.on .hm_wrap {padding-top:85px;}

.h4_title {
	height:auto !important;
	padding:20px 10px;
	padding-left:50px;
	font-size: 18px;
	line-height: 28px;
	background-size:auto 100%;
	border-radius:10px;
}
.h4_title:before {
	left:20px;
	top:36%;
}


@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    #header .h_dday i {background-image:url("../images/ie/icon_topbar.png");}
    #header .h_counter i {background-image:url("../images/ie/icon_topbar.png");}
    #header .h_weather .hw_icon i {background-image:url("../images/ie/icon_weather.png");}
    #header .h_language i {background-image:url("../images/ie/icon_flag.png");}
    #header .h_logo a {background-image:url("../images/ie/logo.png");}
    #quickmenu .q_body .icon {background-image:url("../images/ie/icon_quick.png");}
    #quickmenu .q_foot i {background-image:url("../images/ie/arrow_top.png");}
    #contents .c_main .cm_hero .bx-controls-direction a:before {background-image:url("../images/ie/arrow_type1.png");}
    #contents .c_main .cm_banner .icon {background-image:url("../images/ie/icon_banner.png");}
    #contents .c_main .cm_speakers .bx-controls-direction a:before {background-image:url("../images/ie/arrow_type1.png");}
    #contents .c_main .cm_latest .cmb_video button {background-image:url("../images/ie/btn_play.png");}
    #contents .c_main .m_video button {background-image:url("../images/ie/icon_close.png");}
    #contents .c_sub .cs_navi li.home i {background-image:url("../images/ie/icon_home.png");}
    #footer .f_info .fi_btn i {background-image:url("../images/ie/icon_download.png");}
}


@media screen and (min-width:0\0) {
    #header .h_dday i {background-image:url("../images/ie/icon_topbar.png");}
    #header .h_counter i {background-image:url("../images/ie/icon_topbar.png");}
    #header .h_weather .hw_icon i {background-image:url("../images/ie/icon_weather.png");}
    #header .h_language i {background-image:url("../images/ie/icon_flag.png");}
    #header .h_logo a {background-image:url("../images/ie/logo.png");}
    #quickmenu .q_body .icon {background-image:url("../images/ie/icon_quick.png");}
    #quickmenu .q_foot i {background-image:url("../images/ie/arrow_top.png");}
    #contents .c_main .cm_hero .bx-controls-direction a:before {background-image:url("../images/ie/arrow_type1.png");}
    #contents .c_main .cm_banner .icon {background-image:url("../images/ie/icon_banner.png");}
    #contents .c_main .cm_speakers .bx-controls-direction a:before {background-image:url("../images/ie/arrow_type1.png");}
    #contents .c_main .cm_latest .cmb_video button {background-image:url("../images/ie/btn_play.png");}
    #contents .c_main .m_video button {background-image:url("../images/ie/icon_close.png");}
    #contents .c_sub .cs_navi li.home i {background-image:url("../images/ie/icon_home.png");}
    #footer .f_info .fi_btn i {background-image:url("../images/ie/icon_download.png");}
}
}

@media all and (max-width:640px) {
    /* #header .h_logo {width: 155px;} */
    /* #header .h_dday {padding-left: 15px;} */
    #header .h_dday p.evt_tit {font-size: 14px;}
    #header .h_dday p.evt_dday {font-size: 20px;}
}
@media all and (max-width:430px) {
    /* #header .h_dday {display: none;} */
    .SpeakersBox > li a .circles {
        background-color: #fff;
        width: 90px;
        height: 90px;
        margin: 0 auto;
        border-radius: 45px;
        background-position: center center;
        background-size: auto 100%;
    }
    .SpeakersBox > li a p.names
    {
        font-size:10pt;
    }
    .SpeakersBox > li a .belongs,
    .SpeakersBox > li a .nations
    {
        font-size:8pt;
    }
}