/* layout */
#max_wrap {width:100%; background-color:#fff;}
#max_header {width:100%; max-width:2000px; background-color: #fff; height:auto; margin:0 auto;position:fixed;z-index:40; border-bottom:1px solid #eee;}
#max_header:after {content:''; display:block; clear:both;}
#max_container {width:100%; height:auto;   margin-left:320px;}
#max_footer {width:100%; height:auto; padding:40px 0 60px; font-size:14px; background-color:#222; color:#ccc7cf;}
.inner {width:100%; max-width:1280px;height:auto;  margin:0 auto; position:relative;}

@media screen and (max-width: 1366px) {
	#max_wrap {padding:0;}
	#max_container {margin-left:22%;}
	#max_footer {padding:40px 0;}
	.inner {width: 90%;}

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

}
@media screen and (max-width: 768px) { 
	#max_container {margin-left:0;}
	hr {height:70px;}
}
@media screen and (max-width: 568px) { 
	.inner {min-width:280px;}
}


/* header */
#max_header .inner {width: auto; max-width:100%;   margin:0 2%; height:auto; display:flex;align-items: center; justify-content: space-between;}
#max_header h1 {width:25%; height:56px; }
#max_header h1 a {display:block; position: relative; width:100%; height:100%; background:url("../image/common/symbol.svg") 0 center no-repeat;    background-size: 52px; }
#max_header h1 a > span {display: block; position: absolute;font-weight: 500; color:#000;left:60px; top:50%;transform:translate(0%, -50%);}
#max_header #lnb {width: 60%; font-family: 'Plus Jakarta Sans', sans-serif; }
#max_header #lnb > ul {width: 100%; display: flex;  justify-content: space-evenly;}
#max_header #lnb > ul > li {display:inline-block; text-align:center; position:relative; }
#max_header #lnb > ul > li > a {display:flex;   align-items: center; font-size: 2rem; height: 100px; position:relative; font-weight:600; color:#000; }
#max_header #lnb > ul > li > a:after {content:''; display:none; width:100%; height:3px; background-color:currentColor; position:absolute; bottom:0; left:0;}
#max_header #lnb > ul > li > a:hover {color:var(--main-color1);}
#max_header #lnb > ul > li > a:hover:after {display:block;}
#max_header #lnb .snb {display:none;height:auto; border-top-width:3px; border-top-style:solid;  position:absolute; top:99px; right:-24px; z-index:2; background-color:#fff; font-size:16px;}
#max_header #lnb .snb li {}
#max_header #lnb .snb li a {display:block; padding:16px 0;}
#max_header #lnb .snb li a:hover {background-color:#f7f7f7; color:#0E2367}
#max_header #lnb > ul > li:first-child:hover .snb {display:block;}
#max_header .go_psk {background: var(--main-color1); color:#fff; padding:15px 20px; border-radius:5px;transition: all 0.2s linear; }
#max_header .go_psk:hover {background: #000; }
#max_header .go_psk span {font-size: .9em; margin-right:5px;font-weight: 500;	}
#max_header .login {position:absolute; right:5%; top:43px; font-size:16px; font-weight:500; color:#C30000;}
#max_header .login .login_over:hover {color:#eba90c !important;}

#max_header .bt_search {cursor: pointer;    }
#max_header .bt_search:hover span{color:var(--main-color1);}
#max_header .bt_search span{font-size: 30px;}

#search_area {position: fixed; left: 0; top: 100px; width: 100%; height: 100%;z-index: 39;}
.layer_bg {width: 100%; height: 100%; background: rgba(0,0,0,.3);z-index:41;}
.search_layer { position: fixed; top:100px; width: 100%; background: #fff; height: 150px;z-index:42; display:flex;align-items: center;  justify-content: center;border-bottom:2px solid #000;}
.search_layer .search_box {display: flex;align-items: center;width: 100%;width: 600px;justify-content: center;}
.search_layer .search_box input[type="text"] {border:1px solid #ddd;	}
.form_inner { position: relative; margin: 0 auto; width: 750px; display: flex; justify-content: center; align-items: center;}
.form_inner #search_input_m { float: left; width: 100%; height: 74px; padding: 0 25px; border: 3px solid #000; background: #FDFBF7;  color: #919191; font-size: 1.2em	; line-height: 74px;	box-sizing:border-box;font-family: 'Pretendard Variable'}
.form_inner #search_input_m::placeholder { color: #c9c9c9;}
.form_inner .submit input { width: 135px; height: 74px; border: 3px solid #000; border-left: 0; background: #000;    color: #fff;   font-size: 1em; font-weight: bold;  line-height: 74px;  transition: 0.3s;    font-family: 'Pretendard Variable';}
.form_inner .submit input:hover,  .form_inner .submit input:focus { background: var(--main-color1);  color: #fff;}
.form_inner .close {width: 100px;   display: flex; align-items: center; margin-left: 30px;cursor: pointer;}

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

}
@media screen and (max-width: 1024px) {
	#max_header #lnb {width:70%;}
	#max_header #lnb > ul > li > a{font-size: 1.5rem;}
	#max_header .go_psk {display: none;}


	.form_inner #search_input_m {height: 60px; line-height: 60px;}
	.form_inner .submit input {height: 60px;line-height: 60px;}
}
@media screen and (max-width: 768px) { 
	#max_header #lnb {display: none;} 
	
	#max_header .inner {height: 70px; margin: 0 5%;}
	#max_header h1 {width: 80%;}
	#max_header h1 a > span {font-size: 1em;}

	#search_area {top:70px;}
	.search_layer {top:70px; height: 120px;}
	.search_layer .search_box {width: 80%;}
	.form_inner .submit input {width: 100px;}
	.form_inner {width: auto;}


}
@media screen and (max-width: 568px) { 
	#max_header h1 a {background-size: 45px;}
	#max_header h1 a > span {font-size: .85em; left:55px;}

	#max_header .bt_search {width: 10%;}
	.form_inner .submit input {width: 80px; height: 50px; line-height: 50px;}
	.form_inner .close {display: none;}
	.form_inner #search_input_m {height: 50px; line-height: 50px; padding: 0 10px;}
}



/* header - left-fixmenu */
#max_container_wp {position: relative; display:flex; padding-top:100px;}
#max_container_wp .max_quick_fix {position: fixed; width: 320px;height: 100vh; background: #fff; border-right:1px solid #eee; font-family: 'Plus Jakarta Sans', sans-serif; }
#max_container_wp .max_quick_fix .inner {padding:12%;width: 100%;}
#max_container_wp .max_quick_fix .d-day_area {background: var(--main-gradient-bottom); border-radius: 10px; color: #fff; text-align: center; min-height: 180px; padding: 30px 0; display: flex; flex-direction: column; align-items: center;  justify-content: center;}
#max_container_wp .max_quick_fix .d-day_area .today {opacity: .8; font-size: .9em;}
#max_container_wp .max_quick_fix .d-day_area .today > em {font-weight: bold; margin-right:1rem;}
#max_container_wp .max_quick_fix .d-day_area .today > span {}
#max_container_wp .max_quick_fix .d-day_area .dday {margin-top: 15px;}
#max_container_wp .max_quick_fix .d-day_area .dday .title {font-weight: 500;margin-bottom: 5px;		}
#max_container_wp .max_quick_fix .d-day_area .dday .counter {font-size: 3em;font-weight: 900;}
#max_container_wp .max_quick_fix .quick-menu_area {margin-top:50px;    margin-left: 15px;}
#max_container_wp .max_quick_fix .quick-menu_area ul {}
#max_container_wp .max_quick_fix .quick-menu_area ul li { margin:30px 0;}
#max_container_wp .max_quick_fix .quick-menu_area ul li a {position: relative; font-size: 1.15em;font-weight: bold;}
#max_container_wp .max_quick_fix .quick-menu_area ul li a::before{content:''; width:0; height:10px; background:var(--main-gradient-right); position:absolute; left:0; bottom:-2px; z-index:-1; transition:all ease .3s;}
#max_container_wp .max_quick_fix .quick-menu_area ul li:hover a::before{width:100%; left:0; } 



#max_container_wp #max_quick { position: fixed; bottom: 5%; lefT: 2%;  z-index: 2;width: 50px; height: 50px; border-radius:100%;  background-color: #000; color:#fff;  }
#max_container_wp #max_quick span {position: absolute; left:50%; top:50%; width: 100%; text-align: center;transform:translate(-50%, -50%); font-size: .8em; font-weight: bold;}

@media screen and (max-width: 1366px) {
#max_container_wp .max_quick_fix { width: 22%; }
}
@media screen and (max-width: 1024px) {
	#max_container_wp .max_quick_fix .d-day_area {padding: 15px 0; min-height:auto;}
	#max_container_wp .max_quick_fix .d-day_area .dday .counter {font-size: 2em;	}
	#max_container_wp .max_quick_fix .quick-menu_area ul li a {font-size: 1em;}
}
@media screen and (max-width: 768px) { 
	#max_container_wp {padding-top: 70px;}
	#max_container_wp .max_quick_fix {display: none;	}

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

}



#gnb .gnb_close_btn {background:#fff;color:#b6b9bb;width:50px;height:50px;border:0;vertical-align:top;font-size:18px;position:absolute;top:0;right:0}
#gnb .gnb_mnal {float:right;padding:0}

#gnb_all {display: none;font-family: 'Plus Jakarta Sans', sans-serif; 	position:absolute; width:50%; height:100vh;  right:-50%; top:0;  background:#fff;z-index:1000;box-shadow:0 2px 5px rgba(0,0,0,0.2)}
#gnb_all .gnb_quick_top {position: relative;background:var(--main-color1) ; color:#fff;}
#gnb_all .gnb_quick_top .quick-info {display:flex;    padding: 5%; justify-content: space-between;}
#gnb_all .gnb_quick_top .quick-info h2 {font-size: 1.2em;}
#gnb_all .gnb_quick_top .quick-dday { padding: 5%; text-align: center; background: rgba(0,0,0,.3);}
#gnb_all .gnb_quick_top .quick-dday .dday {font-size: 2em;font-weight: bold;}
#gnb_all .gnb_quick_top .quick-dday .date {font-size: .9em;    margin-top: 5px;}
#gnb_all .gnb_al_ul {padding:5%;}
#gnb_all .gnb_al_ul:after {display:block;visibility:hidden;clear:both;content:""}
#gnb_all .gnb_al_li {width: 100%;padding-bottom:30px;}
#gnb_all .gnb_al_li .gnb_al_a {position: relative; font-size:1.25em;display:block;position:relative;font-weight: 700;}
#gnb_all .gnb_al_li .gnb_al_a::before{content:''; width:0; height:5px; background:linear-gradient(45deg, #18afc8 10%, #6cca21); position:absolute; left:0; bottom:-8px; z-index:-1; transition:all ease .3s;}
#gnb_all .gnb_al_li:hover .gnb_al_a::before{width:100%; left:0; } 

#gnb_all .gnb_al_li li {line-height:2em}
#gnb_all .gnb_al_li li a {color:#555}
#gnb_all .gnb_small {position: absolute;  padding: 5%; width: 100%;}
#gnb_all .gnb_small li {margin:10px 0;}
#gnb_all_bg {display: none; background:rgba(0,0,0,0.2);width:100%;height:100%;position:fixed;left:0;top:0;z-index:999}


.menu_btn {position: relative; width: 65px; height: 65px;background: var(--main-color1);  border-radius:100%; display: none;}
 .bt_menu {position: absolute; left:50%; top:50%;transform:translate(-50%, -50%);  width:32px; height:32px; font-size:11px;font-weight: bold;color:#fff;  margin-top:0;}
 .bt_menu span {display: block;width: 100%;}
 .bt_menu i {display:block; width:32px; height:2px; background:#fff; margin:8px 0;}
 .bt_menu i:nth-child(2) {width:14px; transition:all .3s;}
 .bt_menu.close i{background:#fff;}
 .bt_menu:hover i:nth-child(2) {width:100%;}
/* sitemap animation */
 .bt_menu i:nth-child(1) {animation : menubar1 .75s forwards;}
.bt_menu i:nth-child(2) {animation : menubar2 .75s forwards;}
 .bt_menu.close i:nth-child(1) {animation :close-menubar1 0.75s forwards; margin-top:3px;}
.bt_menu.close i:nth-child(2) {animation : close-menubar3 .75s forwards; width:100%;}
/* animation */
@keyframes menubar1 {
	0% {transform : translateY(8.5px) rotate(45deg);}
	50% {transform : translateY(8.5px) rotate(0);}
	100% {transform : translateY(0) rotate(0);}
}
@keyframes menubar2 {
	0% {transform : translateY(-9px) rotate(-45deg);}
	50% {transform : translateY(-9px) rotate(0);}
	100% {transform : translateY(0) rotate(0);}
}
@keyframes close-menubar1 {
	0% {transform:translateY(0) rotate(0);}
	50% {transform:translateY(6px) rotate(0);}
	100% {transform:translateY(8px) rotate(45deg);}
}
@keyframes close-menubar3 {
	0% {transform : translateY(0) rotate(0);}
	50% {transform : translateY(-2px) rotate(0);}
	100% {transform : translateY(-2px) rotate(-45deg);}
}


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

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

}
@media screen and (max-width: 768px) { 
 .menu_btn {display: block; width:50px; height: 50px;	}
}
@media screen and (max-width: 568px) { 
	#gnb_all {width: 100%;}
	#gnb_all .gnb_al_ul {padding:10% 5%;}
	#gnb_all .gnb_quick_top .quick-info h2 {font-size: 1em;}
	#gnb_all .gnb_al_li .gnb_al_a {font-size: 1.6em; font-weight: 500;}

}


/* sponsors */
#sponsors {width:100%;}
#sponsors .sponsor_by hr {width: 100%; display: block; padding:0; margin:50px 0; height: 2px; background:var(--main-color1);}
#sponsors .sponsor_by a {padding:1%; display:block}
#sponsors .sponsor_by img { padding:1% 10%;border:1px solid #ddd; display: block;width: 100%;}
#sponsors .sponsor_by section {margin: 50px 0;}
#sponsors .sponsor_by section h3 {font-size:1.3em;margin-bottom: 10px;}
#sponsors .sponsor_by section p {text-align: center;margin-top: 10px;}
#sponsors .sponsor_by section article {display:flex; align-items: center; padding:20px 0; border-bottom:1px dashed #ccc;}
#sponsors .sponsor_by section article h3 {width:20%;}
#sponsors .sponsor_by section article .list {width: 80%;}
#sponsors .sponsor_by ul {display:flex;flex-wrap: wrap;}
#sponsors .sponsor_by ul li {margin:5px 0;}
#sponsors .sponsor_by ul.w20 li{width: 20%;}
#sponsors .sponsor_by ul.w25 li{width: 25%;}
#sponsors .sponsor_by ul.w33 li{width: 33.33%;}
#sponsors .sponsor_by ul.w50 li{width: 50%;}

@media screen and (max-width: 1024px) {
#sponsors .sponsor_by ul.w20 li{width: 25%;}
#sponsors .sponsor_by ul.w25 li{width: 33.33%;}
#sponsors .sponsor_by ul.w33 li{width: 50%;}
#sponsors .sponsor_by ul.w50 li{width: 100%;}
}

@media screen and (max-width: 768px) {
#sponsors .sponsor_by section article {flex-direction: column; align-items: flex-start;}
#sponsors .sponsor_by section article h3 {width:100%;}
#sponsors .sponsor_by section article .list {width: 100%;}

}
@media screen and (max-width: 568px) {
#sponsors .sponsor_by ul.w20 li{width: 50%;}
#sponsors .sponsor_by ul.w25 li{width: 50%;}
#sponsors .sponsor_by ul.w33 li{width: 100%;}
#sponsors .sponsor_by ul.w50 li{width: 100%;}
}





/* footer */
#max_footer .inner { position:relative; display:flex;justify-content: space-between;font-family: 'Plus Jakarta Sans', sans-serif;}
#max_footer h1.f-logo {width: 27%;font-size: 1.25em;    line-height: 140%;}
#max_footer address {text-align:right;}
#max_footer address em {display:block; padding:2px 0; line-height:1.3;}
#max_footer address span {display:inline-block; vertical-align:middle; padding:0 1em;}
#max_footer address p {margin-top: 10px; font-size: .8em; opacity:.6;}
#max_footer cite {display:block; padding-top:4px; font-size:.8em; letter-spacing:0; text-transform:uppercase; line-height:1.3;}
#max_footer .old_conference {width:200px; height:auto; position:absolute; top:0; right:0; font-size:14px;}
#max_footer .old_conference button {width:100%; height:40px; color:#fff; border-bottom:2px solid #fff; text-align:left;}
#max_footer .old_conference button .i-arrow {display:inline-block; vertical-align:middle; margin-left:56px;}
#max_footer .old_conference .old_layer {width:100%; height:240px; background-color:#423947; color:#ccc7cf; border:1px solid #fff; position:absolute; bottom:40px; left:0; overflow-y:auto;}
#max_footer .old_conference .old_layer li {}
#max_footer .old_conference .old_layer li a {display:block; padding:16px;}
#max_footer .old_conference .old_layer li a:hover {color:#fff !important; background-color:#28202d;}
#max_footer .bt_top {position:fixed; bottom:24px; right:46px; display:block; width:64px; height:64px; padding-top:16px; border-radius:100%; background-color:#222; color:#fff !important; text-transform:uppercase; text-align:center; font-weight:700; font-size:14px;}
#max_footer .bt_top .max-ico {width:16px; height:16px; margin:0 auto;}
#max_footer .bt_top .max-ico:before {width:10px; height:10px; border:2px solid currentColor; border-left-width:0; border-bottom-width:0; transform:rotate(-45deg); top:5px; left:3px;}
@media screen and (max-width: 1366px) {
	#max_footer .inner {flex-direction: column;
    align-items: flex-start;}
	#max_footer h1.f-logo {width: 100%; }
	#max_footer address {text-align:left; margin-top: 25px;}
}
@media screen and (max-width: 1024px) {

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

}
@media screen and (max-width: 568px) { 
	#max_footer h1.f-logo {font-size: 1em;}
	#max_footer address em {font-size: .8em;}
	#max_footer address p {font-size: .6em;}
}