@charset "utf-8";
body, ol, ul, li, input, button, textarea, option, select {font-size:1.1rem; font-family: 'DinR', 'NanumGothic', 'Malgun Gothic','돋움',dotum,sans-serif!important; line-height:1.5; word-break: keep-all; word-wrap: break-word; text-align:left; letter-spacing:-0.5px;}
td, th, p {font-size:1.1rem; font-family: 'DinR', 'NanumGothic', 'Malgun Gothic','돋움',dotum,sans-serif!important; line-height:1.5; word-break: keep-all; word-wrap: break-word;}
table.dev_tbl td, table.dev_tbl th, table.dev_tbl li, input, button, textarea, option, select {font-size:0.9rem; font-family: 'DinR', 'NanumGothic', 'Malgun Gothic','돋움',dotum,sans-serif!important;}
input { font-family: 'Malgun Gothic','돋움',dotum,sans-serif!important;}
table.dev_tbl {font-size:0.9rem!important; }
body, div, table, ul, ol, li, dl, dt, dd, ol, p, span, address, h1, h2, h3, h4, h5, h6, img, a {padding:0; margin:0;}
h1, h2, h3, h4, h5, h6, strong {font-family: 'DinB';}
.skip{position:absolute; left:-999px; font-size:1px; width:0; height:0; line-height:0; overflow:hidden; visibility:hidden;}
a:link, a:visited, a:active, a:hover{color:inherit; font-size:inherit; text-decoration:none; font-family: 'DinR', 'NanumGothic', 'Malgun Gothic','돋움',dotum,sans-serif;}
img, form{border:none;}
a img, p img, li img{vertical-align:top;}
img, select, input, button{vertical-align:middle;}
li { list-style:none;}
.none{background:none !important;  border:0 !important;}
.impo_none{background:none!important; padding:0!important; margin:0!important; border:0!important;}
.red{color:red;}
.red1{color:red;}
.blue{color:blue;}
.yellow{color:#FF0;}
.green{color:#701974;}
.orange{color:#f0831e;}
.brown{color:#a96104;}
.pdl25{padding-left:25px;}
.font14{font-size:14px;}
.cb{clear:both;}
.left{float:left;}
.right{float:right;}
.hidden{overflow:hidden;}
.color{color:#d43243;}
.disnone { display:none;}

.m_input{width:300px; padding:15px; margin-top:5px;}
.bt_log{width:332px; border:none; padding:15px 0; text-align:center; background-color:#701974; color:#fff; margin-top:15px; font-size:20px;font-family:'DinR'; cursor: pointer;}
.tba{text-align:center; font-size:200px; line-height:50px; padding:50px 0; color:#ddd;}
.tba span{display:block; font-size:3rem; margin-top:1rem;}


.mt05 { margin-top: 0.5rem!important;}
.mt10 { margin-top: 1rem!important;}
.mt15 { margin-top: 1.5rem!important;}
.mt20 { margin-top: 2rem!important;}

.mb10 { margin-bottom: 1rem!important;}
.mb15 { margin-bottom: 1.5rem!important;}
.mb20 { margin-bottom: 2rem!important;}

.pt05 { padding-top: 0.5rem!important;}
.pt10 { padding-top: 1rem!important;}
.pt15 { padding-top: 1.5rem!important;}
.pt20 { padding-top: 2rem!important;}

.pb10 { padding-bottom: 1rem!important;}
.pb15 { padding-bottom: 1.5rem!important;}
.pb20 { padding-bottom: 2rem!important;}

.pl05 { padding-left: 0.5rem!important;}
.pl10 { padding-left: 1rem!important;}
.pl15 { padding-left: 1.5rem!important;}
.pl20 { padding-left: 2rem!important;}

.pd10 { padding: 1%;}
.pd20 { padding: 2%;}
.pd30 { padding: 3%;}
.pd40 { padding: 4%;}
.pd50 { padding: 5%;}

/*[type="radio"] { vertical-align: middle; appearance: none; border: max(2px, 0.1rem) solid gray; border-radius: 50%; width: 0.8rem; height: 0.8rem; transition: border 0.5s ease-in-out; margin-bottom:0.4rem;}
[type="radio"]:checked { border: 0.4rem solid #248dc9;}
[type="radio"]:focus-visible { outline-offset: max(2px, 0.1rem); outline: max(2px, 0.1rem) dotted #248dc9;}
[type="radio"]:hover { box-shadow: 0 0 0 max(4px, 0.2rem) lightgray; cursor: pointer;}
[type="radio"]:disabled { background-color: lightgray; box-shadow: none; opacity: 0.7; cursor: not-allowed;}
[type="radio"]:disabled + span { opacity: 0.7; cursor: not-allowed;} */

@media screen and (max-width: 940px) {
body, ol, ul, li, button {font-size:1rem;}
	img { max-width:100%!important;}
	input, textarea, option, select {font-size:0.9rem; max-width:80%;}
td, th, p {font-size:1rem;}
}

#back-to-top { position: fixed; display:none; right: 1rem; bottom: 2rem; z-index: 999; padding: 0.5rem; width:3rem;height:3rem; border-radius: 4rem; transition:all .5s ease-in-out; font-size:3rem; line-height:1; text-align:center; vertical-align:middle; cursor:pointer; user-select:none; background:#fff; color:#f0831e; opacity:0.5;}
#back-to-top:hover { opacity:1;}
#back-to-top:focus { outline: 0; box-shadow:0 0 0 .25rem rgba(75,192,171,0.25)}

body { /* -webkit-user-select:none; */ -webkit-touch-callout:none; -webkit-tap-highlight-color:rgba(0,0,0,0); background:#fff;}

.fixedclear:after {content:''; display:block; clear:both;}
.header{ width:100%; z-index:9;}
.main_menu{ width:100%; height:120px; background:#545454; z-index: 3}
.main_menu_wrap { max-width:1600px; margin:0 auto; display:flex; gap:0; justify-content: space-between; align-items: center; height:inherit;}
.header_title { color:#701974; text-align:right; font-size:1.4rem; font-weight:bold; line-height:1.2; margin-left:1rem; flex-basis:85px; flex-grow:1; flex-shrink: 1; display:flex; justify-content:flex-start;}
.header_title strong { font-size:2rem; display:block; text-align:right;}
.header_title a img { max-height:88px;}
.main_menu_wrap .top_right {flex-basis:60px; flex-grow:1; flex-shrink: 1;display:flex; gap:5px; flex-wrap:nowrap;justify-content: flex-end; align-items: center; margin-right:1rem;}
.main_menu_wrap .top_right li a { color:#fff; padding:0.5rem 0.7rem; font-size:0.9rem; display:block; border-radius:5px; font-weight:bold; text-align:center; line-height:1.1; background:#f0831e;}

.navbar_menu { flex-basis:1490px; flex-grow:1; flex-shrink: 1; display:flex; justify-content:space-evenly; flex-wrap:nowrap; align-items: center;}
.navbar_menu>li { position:relative;}
.navbar_menu>li a { display:block; line-height:120px; color:#fff; font-size:1.4rem; text-align:center; font-weight:bold;  transition: all .25s ease-in-out; -moz-transition: all .25s ease-in-out; -webkit-transition: all .25s ease-in-out; padding:0 0.5rem; letter-spacing:-1px;}
.navbar_menu>li:hover a, .navbar_menu>li.active a { color:#f0831e;}
.navbar_menu>li:hover .sub { opacity: 1; visibility: visible;}
.navbar_menu>li .sub {
	display: block;
	position: absolute;
	top: 115px;
	opacity: 0;
	transition: opacity .25s ease-in-out;
	-moz-transition: opacity .25s ease-in-out;
	-webkit-transition: opacity .25s ease-in-out;
	visibility: hidden;
	background: rgba(0,0,0,0.5);
	border-top:5px solid #f0831e;
	width:100%; left:50%; transform:translateX(-50%); padding: 0;
	z-index:99;
	min-width:200px;
}
.navbar_menu>li .sub li { height:auto; width:100%;}
.navbar_menu>li .sub li a { display:block; font-size:1.1rem; line-height:1.2; padding:0.4rem 0; text-align:center; font-weight:normal; letter-spacing:-0.5px;}
.navbar_menu>li:hover .sub li a {color:#fff;}
.navbar_menu>li:hover .sub li:hover {background:#f0831e;}

@media screen and (min-width: 769px) {
.pcOnly {}
.mbOnly {display: none !important;}
}
/*  Mobile : ~ width:975px  */
@media screen and (max-width: 768px) {
.mbOnly {}
.pcOnly {display: none !important;}
}
@media screen and (max-width: 1365px) {
	.navbar_menu>li a, .navbar_menu>li .sub li a { font-size:1rem;}
}
@media screen and (max-width: 1140px) {
	.main_menu { height:70px;}
	.header_title {position:absolute; top:10px; left:0; display:block;}
	.header_title a img { max-height:50px;}
	.main_menu_wrap { position: fixed; z-index:9999; width:100%; background:#545454;}

.main_menu_wrap .top_right{position:fixed; top:15px; right:4rem; width:5rem; height: 40px; background-color:#545454; flex-wrap: wrap; flex-direction:column; opacity:0; visibility:hidden; float:none;justify-content:center; align-items: center;}
	.top_right.active{opacity:1; visibility:visible; margin-right:0;}
	.main_menu_wrap .top_right li { width:100%;}
	.main_menu_wrap .top_right li a {}
.main_menu_wrap .top_right li:nth-child(1) a img { max-height:1.7rem!important;}
	
.navbar_menu{position:fixed; top:69px; right:0; width:100%; height: 65vh; background-color:#545454; flex-direction:column; opacity:0; visibility:hidden; transform:translateX(100%); transition:0.3s; float:none; display:block; padding-bottom:15vh;}
	.navbar_menu.active{opacity:1; visibility:visible; transform:translateX(0); transition:0.3s; overflow-y: auto;}
	.navbar_menu>li { border-top: 1px solid #666; padding: 0; box-sizing:border-box;}
	.navbar_menu>li>a { font-size:1rem; padding: 15px 30px; line-height:1.1; text-align: left; display: block;}
	.navbar_menu>li>a.sub_menu {pointer-event:none;}
	.navbar_menu li:hover .sub { opacity: 1; visibility: visible;}
	.navbar_menu>li .sub { width: 100%; padding: 0; margin: 0; position: static; opacity: 1; transition: none; visibility: visible;  transform:translateX(0); border-top: 0; background: rgba(255,255,255,0.3);}
	.navbar_menu>li .sub li:last-child { border-bottom: 0 none;}
	.navbar_menu>li .sub li { border-bottom: 1px solid #666; list-style: none; width: 100%; padding: 7px 35px; box-sizing:border-box;}
	.navbar_menu>li .sub li a { text-align: left; font-size:.9rem; color:#fff;}
	
.hamburger{ position:absolute; top: 24px; right:1rem;}
.hamburger .line { width: 25px; height: 4px; background-color: #ccc; display: block; margin: 3px auto;
	-webkit-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.hamburger:hover { cursor: pointer;}
/* ONE */
#hamburger-1.is-active .line:nth-child(2) { opacity: 0;}
#hamburger-1.is-active .line:nth-child(1) {
	-webkit-transform: translateY(7px) rotate(45deg);
	-ms-transform: translateY(7px) rotate(45deg);
	-o-transform: translateY(7px) rotate(45deg);
	transform: translateY(7px) rotate(45deg);
}
#hamburger-1.is-active .line:nth-child(3) {
	-webkit-transform: translateY(-7px) rotate(-45deg);
	-ms-transform: translateY(-7px) rotate(-45deg);
	-o-transform: translateY(-7px) rotate(-45deg);
	transform: translateY(-7px) rotate(-45deg);
}
#hamburger-1.is-active .line:nth-child(5) {
	-webkit-transform: translateY(-7px) rotate(-45deg);
	-ms-transform: translateY(-7px) rotate(-45deg);
	-o-transform: translateY(-7px) rotate(-45deg);
	transform: translateY(-7px) rotate(-45deg);
}
}

.container{position:relative; clear:both; width:100%; min-height: calc( 100vh - 120px - 9rem);} /* min-height: calc( 100vh - 260px); */
.main {background:linear-gradient(90deg,rgba(209, 211, 212, 1) 0%, rgba(242, 242, 241, 1) 50%);}
.sub {background:url(../images/sub_bg.jpg) repeat-y #f2f2f1; background-size: 100%;}
.contents_wrap{max-width:1600px; margin:0 auto;}
.contents{padding: 2rem 2rem 3rem; background:#fff; border-radius:1rem 1rem 0 0; min-height: calc( 100vh - 120px - 13.4rem );}
.con_center { width:100%; /* height:100%; min-height: calc( 100vh - 120px - 22rem ); */ display:flex; align-items: stretch; justify-content: center; flex-wrap: wrap;}

.title{ font-size:2.2rem; padding:3rem 0 3rem; color:#701974; letter-spacing:-0.5px; text-align:center; font-weight:bold; font-family:'DinB'; line-height:1.1;}

.under { display: flex; justify-content: center; align-items: center;min-height: calc( 100vh - 120px - 22rem );}
.img_xs img { max-width:100%;}
.info_img { display: flex; justify-content: center; align-items: center;}
.img_min { min-width:991px;}

@media screen and (max-width: 1035px) {
	.container{min-height: calc( 100vh - 70px);} /* min-height: calc( 100vh - 70px - 13.7rem); */
	.contents{padding: 2rem 1rem;}
	.title{ font-size:1.5rem; padding:2rem 0 2rem; background:rgba(242,242,241,0.8);}
	.under img, .info_img img {width:100%;}
	.img_xs { overflow-x:auto;}
}


.footer_wrap{clear:both; width:100%; background:#333; color:#efefef; padding: 2rem 0; position:relative; z-index:2; overflow:hidden;}
.footer{ max-width:1600px; margin: 0 auto; display:flex; gap: 2rem; justify-content: center; align-items: center;}
.footer_title { color:#701974; text-align:left; font-size:1.4rem; font-weight:bold; line-height:1.2;}
.footer_title strong { font-size:2rem; display:block; text-align:right;}
.footer_title img { max-height:88px;}
.footer_info { font-size:0.8rem; }
.footer_info a{ color: #f0f0f0;}
.copy_txt { margin-bottom:0.5rem;}
.copy_txt .private, .copy_txt .agreement, .pcversion {background:#666666; border-radius:20px; padding: 3px 10px; text-align:center;  margin-left: 10px; line-height:1.5!important;}
.copy_txt .private a, .copy_txt .agreement a, .copy_txt a.pcversion {color:#ffffff;}


@media screen and (max-width: 768px) {
	.footer{ gap: 1rem; padding:0 1rem; flex-wrap: wrap; justify-content: flex-start;}
	.footer_title { font-size:1rem; text-align:center;}
	.footer_title strong { font-size:1.2rem; display:inline-block; margin-right:0.5rem;}
	.footer_info {text-align:left;}
	.footer_info span, .footer_title span, .entry_fee tbody td span { display:inline-block; word-break:keep-all;}
}

.left{float:left; width:200px;background-color:#fff;}
.left p{text-align:center; font-size:24px; color:#0074ad; border:1px solid #4568a6; padding:30px 0; font-weight:bold; letter-spacing:-0.5px; margin-top:20px; margin-bottom:20px;}
.left li:nth-child(1) a{border-top:1px solid #ddd;}
.left li{list-style-type:none; }
.left li a{display:block; padding:14px 0 14px 20px; border-bottom:1px solid #ddd; font-size:16px;}
.left ul li:hover{background:url('/register/2021_spring/images/left_bg.jpg') no-repeat 240px 18px; }
.left ul li.over{background-color:#e2eaf5;  font-weight:bold;}
.left ul li.over:hover{background:none;background-color:#e2eaf5;}

/* 안내페이지 공통 */
.contents h3 {font-size:1.8rem; font-weight:bold; margin-top:1rem; margin-bottom:1rem; color:#701974; position:relative; line-height:1.2; text-align:left;}
.contents h3:before { position: absolute; content: ''; top: -1rem; left: 0; width: 2rem; height: 5px; background: linear-gradient(330deg, rgba(238,175,27,1) 0%, rgba(112,25,116,1) 100%);}
.contents h3:not(:first-child) { margin-top:3rem;}
.contents h3 span {font-size:smaller; font-weight:bold;}
.contents h4 {font-size:1.5rem; font-weight:bold; padding-left:1.2rem; margin-top:1rem; margin-bottom:1rem; color:rgba(0,20,86,1); position:relative; text-align:left;}
.contents h4:before { position: absolute; content: ''; top: 3px; left: 0; width: 7px; height: 1.2rem; border-left: 7px solid #701974;}
.contents h5 {font-size:1.4rem; font-weight:bold; padding-left:1.7rem; margin-left:1.2rem; margin-top:10px; margin-bottom:1rem; color:rgba(0,20,86,1); position:relative; line-height:1.5; text-align:left;}
.contents h5:before { position: absolute; content: ''; top: 5px; left: 0; width: 7px; height: 7px; border-radius:10px; border: 5px solid #701974;}
.contents h5 a { display: inline-block; margin-left:1rem; background:#701974; color:#fff; font-size:1.2rem; padding:0.2rem 0.5rem; border-radius:0.5rem;}
.contents h6 {font-size:1.3rem; font-weight:bold; padding-left:1.4rem; margin-left:3rem; margin-top:10px; margin-bottom:10px; color:rgba(0,20,86,1); position:relative; line-height:1.5; text-align:left;}
.contents h6:before { position: absolute; content: ''; top: 9px; left: 0; width: 10px; height: 10px; border-radius:10px; background: #701974;}
.guide_01{font-weight:bold; font-size:1.3rem; margin:0 0 1rem; color:#701974; position:relative; padding-left:1rem;}
.guide_01:before {position:absolute; display:block; content:''; width:0.5rem; height:0.5rem; border-radius:0.5rem; background:#f0831e; top:0.4rem; left:0;}
.guide_01:after {position:absolute; display:block; content:''; width:0.5rem; height:0.5rem; border-radius:0.5rem; background:#701974; top:1rem; left:0;}
.guide_01:not(:first-child) {margin-top:2.5rem;}
.guide_02{font-weight:bold; font-size:1.2rem; line-height:1.2; padding-left:1.2rem; margin:1rem 0 0.5rem 0.9rem; position:relative; color:#701974;}
.guide_02:before { position:absolute; display:block; content:'▶'; color:#701974; font-size:0.9rem; top:0; left:0;}
.guide_02:after {display:block; content:''; clear:both;}
.guide_02:not(:first-child) {margin-top:1.5rem;}
.guide_03{margin: 0.5rem 0 1rem 2rem; padding:0;}
.guide_03 li{list-style-type:none!important; padding-left:1rem!important; line-height:1.3; margin-bottom:0.5rem!important; position:relative;}
.guide_03 li:before {position:absolute; display:block; content:'〉〉'; font-size:0.4rem; color:#000; top:0.4rem; left:0;}
.guide_03 li a { font-size:inherit; line-height:inherit;}
.guide_03 li:after { content:''; display: block; clear: both;}
.guide_04{margin: 0.5rem 0 0.5rem 2.8rem; padding:0;}
.guide_04 li{list-style-type:none!important; padding-left:1rem; line-height:1.3; margin-bottom:0.3rem; position:relative; font-size:0.9rem;}
.guide_04 li:before {position:absolute; display:block; content:'*'; font-size:1.1rem; color:#701974; top: 0; left:0;}
.guide_05{margin: 0.5rem 0 0.5rem 0; padding:0;}
.guide_05 li{list-style-type:none!important; padding-left:1rem; line-height:1.3; margin-bottom:0.3rem; position:relative; font-size:0.9rem;}
.guide_05 li:before {position:absolute; display:block; content:'▸'; font-size:1.1rem; color:#701974; top: 0; left:0;}
.overview{margin: 0.5rem 0 1rem 1.5rem; padding:0;}
.overview strong { color:#f0831e;}
.overview li{list-style-type:decimal; padding-left:0.5rem; line-height:1.3; margin-top:1rem; position:relative; color:#d43243; font-weight: bold; font-size:1.1rem;}
.overview li em { font-style: normal; color: #000; font-weight: 100; font-size:1rem; display:block; margin-top:0.5rem;}
.private{margin: 0.5rem 0 1rem 1.5rem; padding:0;}
.private li{list-style-type:decimal; padding-left:0.5rem; line-height:1.3; margin-bottom:2rem; font-size:1rem;}
ul.private{margin: 0.5rem 0 1rem 0;}
ul.private li{list-style-type:none; padding-left:0;}
.private li strong { display: block; margin-bottom:0.5rem; color:#d43243; font-size:1.1rem;}
.btn_down{ background:#701974; padding: 3px 0.5rem; text-align:center; border-radius:20px; color:#fff!important; display:inline-block;}
.private li .guide_03 { margin: 1rem 0 1rem 0;}

.down_list {display: flex; justify-content: space-between; margin: 20px 0;}
.down_list li { list-style:none;}
.down_list li a {display: block; width: 100%; background:#fff; border: 1px solid #701974; color: #fff; text-align: center; padding: 10px 0; border-radius: 5px; font-size:1.3rem;}
.down_list li a:after { content:"⭳"; margin-left:10px;}
.down_list li a:hover {color:#fffc00;}
.list4 li { width:23%;}

.btn01{ margin: 2.5rem auto 3rem; width:80vw; max-width:400px;}
.btn01 a{color: #fff; font-size: 1.5rem; display:block; background:#f0831e; padding: 1rem 1.5rem; border-radius: 0.8rem; border: 1px solid #fff; text-align: center;font-family:'DinB';}
.btn01 a:hover{color: #fffc66;}

.btn_list { margin: 2.5rem auto 2rem; width:85vw; max-width: calc(1600px - 4rem); display:flex; gap: 5vw; flex-wrap:wrap; justify-content: center;}
.btn_list li { flex-basis:10rem; flex-grow:1; flex-shrink: 1;}
.btn_list li a{color: #701974; font-size:1.3rem; background:#fff; padding: 0.5rem; border-radius: 0.8rem; border: 1px solid #701974; text-align: center; display:flex; justify-content: center; align-items: center; height:3rem; overflow:hidden; font-weight:bold;}
.btn_list li a:hover{border: 1px solid #f0831e;}
.btn_list li a img { max-height:100%;}

.iframeContainer {position:relative; width:100%;}
/* 16:9 */
.iframe16To9 { padding-top: 56.25%;}
/* 4:3 */
.iframe4To3 { padding-top: 75%;}
.iframeContainer iframe { position:absolute; width:100%; height:100%; top:0; left:0;}
.map_wrap { max-width:1000px; width:100%; margin:0 auto; height:100%; max-height:450px; overflow:hidden;}

@media screen and (max-width: 1024px) {
	.contents h3 {font-size: 1.5rem; margin-bottom:1rem;}
.contents h3 span {font-size:small;}
	.contents h4 {font-size:1.3rem; margin-top:1rem; margin-bottom:0.5rem;}
	.contents h5 {font-size:1.2rem; margin-left:0.5rem;}
	.contents h5 .red { display:block; text-align:right;}
	.contents h6 {font-size:1.1rem; margin-left:1rem;margin-bottom:0.3rem;}
	.contents h6 span { padding-left:7rem; display:block;}
	.contents h6 br {display:none;}
	.guide_03{padding-left:0;}
	.guide_04{margin-left: 2rem;}
	.guide_04 li em {display:none;}
	.overview li{ font-size:1rem;}
	.overview li em { font-size:0.9rem;}
	
	.btn_list { margin: 2.5rem auto 2.5rem; width:93vw;}
	.btn_list li a{font-size:1rem;}
}

/* main */

.main_title {flex-basis:725px; flex-grow:1; flex-shrink: 1; padding:1vw 3vw; display: flex; gap:1rem; flex-direction: column; align-items: flex-start; position:relative; overflow: hidden;}
.main_title h1 {color:#701974; font-size:4rem; text-align:right; line-height:1.2; /*text-shadow: 4px 4px 4px rgba(0,0,0,0.5);*/ font-weight:bold; letter-spacing:-2px; margin-top:0;}
.main_title h2 { width:100%; text-align:center; background:#f0831e; border-radius:3rem; padding:0.5rem 0; color:#fff; font-size:2rem; line-height:1.2; margin-bottom:1.5rem; margin-top:1.5rem; max-width:680px; z-index: 2;}
.main_title h3 {color:#000; font-size:3rem; text-align:left; line-height:1.1; /*text-shadow: 2px 2px 2px rgba(0,0,0,0.8);*/ font-weight:100; letter-spacing:-1px; margin-top:0!important; font-family: 'DinR'; margin-bottom:0; max-width: 680px;}
.main_title h3:before { display:none;}
.main_title h3 em { font-style:normal; color: #d43243;}
.main_title .main_data {color:#000; font-size:1.5rem; text-align:left; line-height:1.3; padding:0 0 2rem; font-weight:bold; z-index:2; display: flex;gap:1rem; flex-direction: column; align-items: stretch;}
.main_title .main_data strong {font-size:medium; font-weight:100;}
.main_title .main_data em {color:#701974; font-style:normal; display: flex;gap:1rem; align-items: flex-end;}
.main_title .main_data em span { margin-bottom:6px; width:100%; height:3px; background:#701974;}
.main_title .main_img { position:absolute; bottom:-6vw; left:480px; z-index:0;}
.main_title .main_img img { width:50vw; max-width:844px!important;}
.main_title .main_title_img { max-width: 680px;}

.main_title_banner {max-width:680px; display:flex; flex-wrap:wrap; gap: 1rem; justify-content: space-between; align-items: center; padding-top:0!important; margin-bottom:1rem;}
div.main_title_banner00 { color:#eee; font-weight:bold; font-size:1.1rem; padding-top:0!important;}
.main_banner01 { flex-basis:680px; flex-grow:1; flex-shrink: 1; /*margin:0 1rem;*/ padding-top:0!important;}
.main_banner01 ul { display:flex; gap:2rem; flex-wrap:nowrap; justify-content: space-between; align-items: center; height:80%;}
.main_banner01 ul li { text-align:center; display:flex;align-items: center;}
.main_banner01 ul li a { text-align:center; display:flex;align-items: center;}
.main_banner02 { flex-basis:132px; flex-grow:1; flex-shrink: 1; margin:0 1rem; padding-top:0!important;}
.main_banner02 ul { display:flex; gap:1rem; flex-wrap:wrap; justify-content: flex-end; height:80%;}
.main_banner02 ul li { text-align:center; display:flex;align-items: center;}
.main_banner03 {flex-basis:845px; flex-grow:1; flex-shrink: 1; margin:0 1rem; overflow:hidden;}
.main_banner01 ul li a img, .main_banner02 ul li a img { max-width:100%; max-height:70px;}
 
.main_title .main_title_img img, .main_title .main_title_date img {/*filter: drop-shadow(0 0 2px #fff); background:rgba(255,255,255,0.7);*/ padding:0; max-width:100%;}
.main_title .main_title_img {z-index:2;}
.main_title .main_title_date {margin-top:1rem; z-index:2;} 
.main_info {flex-basis:450px; flex-grow:0; flex-shrink: 1; display:flex; gap:0; flex-wrap:wrap; flex-direction: column; overflow:hidden; z-index:2; background:#fff;}
.main_info h3 { color:#701974; font-size:1.5rem; font-weight:bold; margin-bottom:0; margin-top: 0;}
.main_info h3:before { position: absolute; content: ''; display:none;}
.info_date h3 { color:#eeaf1b;}
.info_date { padding:1rem 5% 1.5rem; max-width:90%; background:#212121;}
.info_date ul>li{font-size:1.1rem; margin-top:1rem; color:#d43243; line-height: 1.1;}
.progress {width:100%; height:2.5rem; border-radius:0.5rem; background:#ccc; box-sizing:border-box;  color:#fff; font-size:1rem; position:relative; overflow:hidden; margin-top:0.3rem;}
.progress-bar{position:absolute; background:#d43243; width:40%; z-index:2; height:2.5rem;}
.progress .start{position:absolute; left:15px; line-height:2.5rem; z-index:9;}
.progress .end{position:absolute; right:15px; line-height:2.5rem; z-index:9; font-size:larger; color:#d43243;}
.info_date ul>li:nth-child(2), .info_date ul>li:nth-child(2) .progress .end {color:#f0831e;}
.info_date ul>li:nth-child(3), .info_date ul>li:nth-child(3) .progress .end {color:#bd80e4;}
.info_date ul>li:nth-child(4), .info_date ul>li:nth-child(4) .progress .end {color:#4fc182;}
.info_date ul>li:nth-child(2) .progress-bar{background:#f0831e;}
.info_date ul>li:nth-child(3) .progress-bar{background:#bd80e4;}
.info_date ul>li:nth-child(4) .progress-bar{background:#4fc182;}
.info_notice { padding:1rem 5%; max-width:90%; background:#fff;}
.info_notice ul {}
.info_notice ul li {white-space:nowrap; overflow:hidden; text-overflow:ellipsis; width: calc(100% - 5rem); position:relative; padding-right:5rem;}
.info_notice ul li span { position:absolute; top:0; right:0; display:block;}
.info_quick { background:#701974; max-width:100%; margin-bottom:-1rem;}
.info_quick ul { display:flex; gap:0; flex-wrap:nowrap;justify-content: center;}
.info_quick ul li { width:33%;}
.info_quick ul li a { display:block; color:#fff; text-transform:uppercase; text-align:center; padding:1rem 0; font-weight:bold; line-height:1.1; word-break:keep-all; height:100%;}
.info_quick ul li a i { display:block; color:#fff; font-size:3.5rem; margin-bottom:0.5rem; text-align:center;}
.info_quick ul li:hover a i { display:block; color:#f0831e; font-size:3.5rem; margin-bottom:0.5rem; text-align:center;}
.info_faculty { background:#ccc; padding:1rem 0; max-width:100%;}
.info_faculty h3 { color:#701974; padding:0 5%;}
.info_faculty ul li { text-align:center; line-height:1.1; font-size:0.9rem;}
.info_faculty ul li img { display:block; max-width:8rem; max-height:8rem; border-radius:5rem; margin:0 auto; margin-bottom:0.5rem;}
.info_faculty ul li strong { display:block; font-size:larger; margin-bottom:0.5rem;}
.info_faculty ul li em { display:block; text-align:center; margin-top:0.3rem;}
.info_cme { background:#fff; border-radius:2rem; border:0.5rem solid #d43243; max-width:100%; margin-top:1.5rem;}
.info_cme a { display:flex; gap:1rem; align-items: center; justify-content: center; color:#d43243; font-size:1.2rem; line-height: 1.5; font-weight:bold; text-align: center; padding: 2rem;}
.info_cme a i { font-size:5rem; line-height: 1;}
.main_banner_wrap {clear:both; width:100%; background:#efefef; padding: 1rem 0 1.5rem; position:relative; z-index:2; overflow:hidden;}
.main_banner {max-width:1600px; margin: 0 auto; display:flex; flex-wrap:wrap; gap: 1rem; justify-content: space-between; align-items: stretch;}
.main_banner_title { color:#333; font-weight:bold; margin-bottom:0.5rem;}
.main_banner03 {flex-basis:845px; flex-grow:1; flex-shrink: 1; margin:0 1rem; overflow:hidden;}
.main_banner03 ul {}
.main_banner03 ul li {text-align:center; margin:0 0.2rem; border:1px solid #ddd;}
.main_banner03 ul li a img { max-width:100%; max-height:50px;}

@media screen and (max-width: 1249px) {
	.main_info {flex-grow:1;}
	.main_title .main_img {bottom:-2rem; left:auto;right:-2rem;}
.info_cme { margin-bottom:1rem;margin-top:1rem;}
}

@media screen and (max-width: 950px) {
.main_title_banner, .main_title .main_title_img, .main_title h2 { max-width:550px!important;}
	.main_title h1 {font-size:3rem; letter-spacing:-2px;}
.main_title h2 {  font-size:1.8rem; margin-bottom:1.2rem; letter-spacing:-1px;}
.main_title .main_data {font-size:1.5rem; }
.main_title .main_data em span { margin-bottom:6px;height:2px;}
div.main_title_banner00 { font-size:0.8rem!important;}
}

@media screen and (max-width: 777px) {
	.main_title { gap:0.5rem; padding:5vw 3vw;}
	.main_title_banner {margin-bottom:0.5rem;}
.main_title_banner, .main_title .main_title_img, .main_title h2 { max-width:450px!important;}
.main_title h1 {font-size:2rem;}
.main_title h2 { font-size:1.1rem; margin:0.5rem 0!important; text-align:center;}
.main_title .main_data {font-size:1rem; padding:0 0 3rem; text-shadow: 1px 2px 2px rgba(242,242,241,1);}
.main_title .main_data em span { margin-bottom:5px;height:2px;}
.main_banner01, .main_banner02 { margin:0;}
	.main_banner01 ul { gap:1rem;}
.info_faculty ul li { font-size:0.8rem;}
.info_faculty ul li img { max-width:30vw!important; border-radius:5rem;}
.main_banner_title { font-size:0.8rem;}
.info_cme a { font-size:1rem;  padding: 1rem;}
.info_cme a i { font-size:3.5rem;}
}

.greeting { text-align:left; width:100%; max-width:930px; margin:0 auto;}
.greeting_title { color:#701974; font-size:1.2rem; font-style:italic;}
.greeting_bottom { display:block; text-align:right;}
.greeting_bottom img { margin-bottom:1rem;}

/* program */
.program {border-collapse:collapse; border-bottom: 1px solid #701974; border-top: 1px solid #701974; width:100%;}
.program:not(:first-child) { margin-top:2rem;}
.program th, .program td { padding:0 5px; text-align:center; line-height:1.2;}
.program thead th {background: #701974; color:#fff;border-bottom: 1px solid #701974; border-right: 1px solid #701974;padding:10px 5px;}
.program thead td {background:#505050; color:#fff; font-weight:bold; padding:5px;}
.program thead th:not(:last-child), .program thead td:not(:last-child) {border-right: 1px solid #fff;}
.program tbody th {background:#efefef; vertical-align:middle; padding:0 5px; font-weight:400; width:8%; border-right: 1px solid #701974;}
.program tbody th:nth-last-child(1) { border-right: none!important;}
.program tbody td {border-right: 1px solid #ddd; background:#fff; text-align:center; width: 46%;}
.program .br01 {border-right: 1px solid #701974;}
.program tbody td.break, .sprogram tbody td.break { background:#efefef; text-align:center;border-top: 1px solid #ddd; padding:5px; font-weight:bold; font-size:1rem;}
.program tbody td.ln, .sprogram tbody td.ln { background:#fff1c6;border-top: 1px solid #ddd; padding:5px; text-align:center; font-weight:bold; font-size:1rem;}
.program tbody td.pr01, .sprogram tbody td.pr01 { background:#a4dcdc;border-top: 1px solid #ddd; padding:5px; font-weight:bold;}
.program tbody td.keynote, .sprogram tbody td.keynote { background:#ffff66;border-top: 1px solid #ddd; padding:5px; font-weight:bold;}
.program tbody td.os, .sprogram tbody td.os { background:#ff9f8c;border-top: 1px solid #ddd; padding:5px; text-align:center; font-weight:bold; font-size:1rem;}
.program tbody td.BS, .sprogram tbody td.BS { background:#cbeeff;border-top: 1px solid #ddd; padding:5px; font-weight:bold;}
.program tbody td.ssympo, .sprogram tbody td.ssympo { background:#ffd9d2;border-top: 1px solid #ddd; padding:5px; font-weight:bold;}
.program tbody td.pl, .sprogram tbody td.pl { background:#cdd3ff;border-top: 1px solid #ddd; padding:5px; font-weight:bold;}
.program tbody td.oral, .sprogram tbody td.oral { background:#f9d8ff;border-top: 1px solid #ddd; padding:5px; font-weight:bold;}
.program tbody td.sympo, .sprogram tbody td.sympo { background:#d1f6c1;border-top: 1px solid #ddd; padding:5px; font-weight:bold;}
.program tbody td.mt, .sprogram tbody td.mt { background:#f8ffc6;border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; padding:5px; font-weight:bold;}
.program tbody td em { font-weight:100; font-size:smaller; display:block; margin-top:0.3rem;}

.t90 { height:6rem!important;} /*9*/
.t75 { height:4.5rem!important;} /*7.5*/
.t60 { height:3.5rem!important;} /*6*/
.t50 { height:3rem!important;} /*5*/
.t30 { height:2rem!important;} /*3*/

.sprogram tbody td.ln, .sprogram tbody td.pr01, .sprogram tbody td.keynote, .sprogram tbody td.os, .sprogram tbody td.BS, .sprogram tbody td.ssympo, .sprogram tbody td.pl, .sprogram tbody td.oral, .sprogram tbody td.sympo, .sprogram tbody td.op { font-weight:bold;}

.sprogram{border-collapse:collapse; width: 100%;}
.sprogram td, .sprogram th{border-bottom:1px solid #ddd; padding:5px 10px; text-align:center; line-height:1.2;}
.sprogram td em, .sprogram th em{display: block; color: #505050; text-align:right; margin-top:5px;}
.sprogram td strong { margin-right: 10px; word-break:keep-all; display:inline-block;}
.sprogram tbody th strong { display:block; text-align:center; background:#fff4f4;}
.sprogram thead th{ background-color:#701974; color:#fff; text-align:center; padding: 10px 5px;}
.sprogram thead td{ background-color:#505050; color:#fff; font-weight: bold; text-align:center; border-left:1px solid #ddd;}
.sprogram tbody th {min-width:92px; width:10%; max-width:150px; background:#efefef; font-weight:400;vertical-align: top;}
.sprogram tbody td { text-align:left; border-left:1px solid #ddd; vertical-align:top;}
.sprogram tbody td strong { font-weight:100; font-family: 'DinR'; font-style: italic; display:block; margin-top:0.3rem;}
.sprogram tbody td a { cursor: pointer;}
.sprogram tbody td div {display: none; padding:5px; border-radius: 5px; background:#fff; font-size:smaller; font-weight:100; margin-top:5px;}
.sprogram tbody td div.on {display: block;}
.room2 tbody td { width: 45%;}
.room3 tbody td { width: 30%;}
.sp_sub tbody td { width:90%!important;}

/*.sprogram tbody a { display: inline-block; background:#701974; color:#fff; font-size:1.1rem; padding:0.2rem 0.5rem 0.1rem; border-radius:0.5rem;}*/

.table_mins { min-width:300px;}
.table_min { min-width:989px;}

.pro_tab { width: 100%;}
.pro_tab_item { width: 23%; height: 4rem; background-color: #efefef; line-height: 4rem; font-size:1.2rem; text-align: center; color: #333; display: block; float: left; font-weight: bold; transition: all 0.2s ease; border: none; border-radius: 1.5rem 1.5rem 0 0; overflow:hidden; padding:0 1%;}
.pro_tab_item:hover { background-color: #f0831e; color:#fff; cursor: pointer;}
input[name="pro_tab_item"] { display: none;}
.pro_tab_content { display: none; padding: 1.5rem 0 0; clear: both; overflow: hidden;}
#pro_tab_01:checked ~ #pro_tab_01_content,
#pro_tab_02:checked ~ #pro_tab_02_content,
#pro_tab_03:checked ~ #pro_tab_03_content,
#pro_tab_04:checked ~ #pro_tab_01_content, #pro_tab_04:checked ~ #pro_tab_02_content, #pro_tab_04:checked ~ #pro_tab_03_content { display: block;}
.pro_tab input:checked + .pro_tab_item { background-color: #701974; color: #fff;}

.pflex301 { display:flex; gap: 3vw; flex-wrap: wrap; justify-content: center; align-items: flex-start; max-width:700px;}
.pflex301 li {flex-basis:165px; flex-grow:1; flex-shrink: 1; display:flex; gap: 0.5rem; flex-direction: column; justify-content: center; align-items: center; text-align:center; font-size:1.2rem; font-weight:bold;}
.pflex301 li p img { width: 90%; max-width:300px; border: 5px solid #701974; border-radius: 2rem;}
.pflex301 li span { font-size:1.1rem;}
.pflex302 { display:flex; gap: 3vw; flex-wrap: wrap; justify-content: center; align-items: flex-start; max-width:1100px; margin:2rem 0;}
.pflex302 li { width:45%; flex-basis:350px; flex-grow:1; flex-shrink: 1; display:flex; gap: 1rem; flex-direction: row; justify-content: center; align-items: center; text-align:left; font-size:1.1rem;}
.pflex302 li img { width:70px; flex-grow:1; flex-shrink: 1;}

@media screen and (max-width:1024px) {
	.program { table-layout:fixed;}
	.program th, .program td { font-size:0.8rem; min-height:1rem; z-index: 0; line-height: 1.2;}
	.program tbody tr { position:relative;}
	.program thead th:nth-child(1), .program thead td:nth-child(1), .program tbody th:nth-child(1) {width:33px; position: sticky; height:100%; left:0; z-index: 1;}
	/*.program thead th:nth-last-child(1), .program thead td:nth-last-child(1), .program tbody th:nth-last-child(1) {width:33px; position: sticky; height:100%; right:0; z-index: 1;}*/
.program tbody td.break, .sprogram tbody td.break, .program tbody td.ln, .sprogram tbody td.ln, .program tbody td.os, .sprogram tbody td.os { font-size:0.8rem;}
	
	.table_xs { overflow-x:auto;}
	
	.sprogram th, .sprogram td { font-size:0.8rem; line-height:1.2; padding:5px 5px;}
	.sprogram tbody th {min-width:0;}
	
	.pro_tab_item { font-size: 1rem;}
	.pro_tab_item span { display:none;}
	
	.t90 { height:4.5rem!important;} /*9*/
.t75 { height:3.8rem!important;} /*7.5*/
.t60 { height:3rem!important;} /*6*/
.t50 { height:2.5rem!important;} /*5*/
.t30 { height:1.5rem!important;} /*3*/
}

/* 기본 테이블 (반응형 조정x) */
.basic_table {border-collapse:collapse; border-bottom: 1px solid #701974; border-top: 3px solid #701974; overflow:hidden;}
.basic_table:not(:first-child) {margin-top:1rem; }
.basic_table th, .basic_table td { padding:0.5rem 1rem;}
.basic_table thead th {background: #701974; color:#fff;border-bottom: 1px solid #701974; text-align:center;}
.basic_table thead th:not(:first-child) {border-left: 1px solid #efefef;}
.basic_table thead td {background: rgba(19,78,124,0.1); color:#333; border-bottom: 1px solid rgba(19,78,124,0.3); text-align:center; font-weight:bold;}
.basic_table thead td:not(:first-child) {border-left: 1px solid rgba(19,78,124,0.3);}
.basic_table tbody th {border-top: 1px solid #fff; background:#efefef; text-align:center;}
.basic_table tbody td {border-top: 1px solid #efefef; background:#fff; text-align:left; overflow:hidden;}
.basic_table tbody th:not(:first-child) {border-left: 1px solid #fff;}
.basic_table tbody td:not(:first-child) {border-left: 1px solid #efefef;}
.basic_table tbody td span { word-break:keep-all; display:inline-block;}
.basic_table tbody td.center { text-align:center;}
.table203 { max-width:1100px;}
.table203 thead th { text-align:left;}
.table203 tbody th { max-width:100px; width:12%; min-width:30px;}

@media screen and (max-width:1024px) {
.basic_table th, .basic_table td { padding:0.3rem 0.5rem; font-size:0.9rem;}
}

.bank_info{ padding: 0.5rem; border:3px solid #ddd; font-weight:bold; font-size:1.2rem; margin-bottom:0.5rem; max-width:700px;}
.bank_info .bank_kb {background:url('https://www.kbstar.com/2018/img/icon_set1_n2.png') no-repeat -280px 3px; width:30px; height:20px; float:left; display:block;}
.bank_info .bank_hn {background:url('https://image.kebhana.com/cont/common/img/newmain2021/logo.png') no-repeat 0 4px; background-size: 4.5rem; width:20px; height:20px; float:left; margin-right:0.5rem; display:block;}

.entry_wrap { position:relative; margin-top:-3rem;}
.entry_en { display: block; width:100%; padding: 0;}
.entry_ko { display: none; width:100%; padding: 0;}

.entry_btn {display: inline-block; border-radius: 0.5rem; padding: 1rem 0.5rem; background: #fff; color: #701974!important; border: 2px solid #701974; margin:1.5rem 0 0 1rem;}

.entry_fee {border-collapse:collapse; border-bottom: 1px solid #701974; border-top: 3px solid #701974; overflow:hidden;}
.entry_fee:not(:first-child) { margin-top:1rem;}
.entry_fee:not(:last-child) { margin-bottom:0.5rem;}
.entry_fee th, .entry_fee td { padding:0.5rem 1rem;}
.entry_fee thead th {background: #701974; color:#fff;border-bottom: 1px solid #701974; text-align:center;}
.entry_fee thead th:not(:first-child) {border-left: 1px solid #efefef;}
.entry_fee thead td {background: rgba(19,78,124,0.1); color:#333; border-bottom: 1px solid rgba(19,78,124,0.3); text-align:center; font-weight:bold;}
.entry_fee thead td:not(:first-child) {border-left: 1px solid rgba(19,78,124,0.3);}
.entry_fee tbody th {border-top: 1px solid #fff; background:#efefef; text-align:center;}
.entry_fee tbody td {border-top: 1px solid #efefef; background:#fff; text-align:center; overflow:hidden;}
.entry_fee tbody th:not(:first-child) {border-left: 1px solid #fff;}
.entry_fee tbody td:not(:first-child) {border-left: 1px solid #efefef;}
  .table300 thead td:nth-last-child(3), .table301 thead td:nth-last-child(3) { background: #d43243; color:#fff;}
  .table300 thead td:nth-last-child(2), .table301 thead td:nth-last-child(2) { background: #f0831e; color:#fff;}
  .table300 thead td:nth-last-child(1), .table301 thead td:nth-last-child(1) { background: #bd80e4; color:#fff;}
  .table300 tbody th span, .table301 tbody th span { display:inline-block;}
.table302 { width: 65%; float: left; }
.table502 td:nth-child(4) { text-align: left;}
.table502 .guide_03{margin:0.5rem 0.5rem 0.5rem 0.5rem;}
.fix_layer { font-size:2rem; color:red; text-align:center; font-weight:bold; border: 2px solid #000; height:3rem; width:10rem; line-height:3.3rem; position:absolute; top:52.5rem; left: calc(50vw - 6rem); transform:rotate(345deg); background:rgba(255,255,255,0.5);}

.result_table tbody td { text-align:left;}

/*table.dev_tbl td.dev_td2 textarea { width:97%;}*/
@media screen and (max-width: 768px) {
	.fix_layer { display:none;}
	.bank_info span { display:block; margin-left:2rem; font-size:1rem;}
.entry_fee thead th, .entry_fee thead td, .table401 tbody td.sub { display:none;}
.entry_fee th, .entry_fee td { padding:2%;}
.entry_fee tbody th, .entry_fee tbody td {width:96%; display:block; word-break: break-all;}
.entry_fee tbody td:not(:first-child) {border-left: none}
	.result_table tbody td { text-align:center;}
.table401 tbody th, .table401 tbody td { word-break: keep-all!important;}

/*	.dev_tbl { table-layout:auto!important; display:block; overflow:hidden;}
.dev_tbl th, .dev_tbl td { padding:2vw;}
.dev_tbl td table td { padding:0;}
.dev_tbl tbody th.dev_th1, .dev_tbl tbody td.dev_td2 {width:90vw; display:block;}
table.dev_tbl td.dev_td2 { border-left: none!important;overflow-x:auto;}
table.dev_tbl td.dev_td2 textarea, table.dev_tbl td.dev_td2 input[type=text], table.dev_tbl td.dev_td2 select { width:97%;}*/

.table104 colgroup { display:none;}
  .table104 tbody th, .table104 tbody td { position:relative; padding-left:18%; letter-spacing: -0.5px; word-break: keep-all; width:80%; min-height:1.5rem; line-height:1.5rem}
  .table104 td:before, .table104 th:before { display:block; position:absolute; left:0; top:0; width:17%; height:100%; min-height: 1.5rem; padding:2% 0; background: #701974; color:#fff; word-break:break-all; letter-spacing: -0.1rem;}  
  .table104 th:nth-child(1):before {content:'Title';}
  .table104 td:nth-child(2):before {content:'Name';}
  .table104 td:nth-child(3):before {content:'Affiliation';}

.table300 colgroup, .table301 colgroup, .table302 colgroup, .table402 colgroup { display:none;}
  .table300 tbody td, .table301 tbody td, .table402 tbody td { position:relative; padding-left:61%; letter-spacing: 0; word-break:break-all; width:37%; min-height:1.5rem; line-height:1.5rem;}
  .table300 td:before, .table301 td:before, .table402 td:before { display:block; position:absolute; left:0; top:0; width:60%; height:100%; min-height: 1.5rem; padding:2% 0; background: #701974; color:#fff; word-break:break-all; letter-spacing: -1px;}
  .table300 td:nth-last-child(3):before {content:'Early-Bird Registration'; background: #d43243;}
  .table300 td:nth-last-child(2):before {content:'Regular Registration'; background: #f0831e;}
  .table300 td:nth-last-child(1):before {content:'On-Site Registration'; background: #bd80e4;}
  
  .table301 td:nth-last-child(3):before {content:'얼리버드 등록 9월 15일(일)까지'; background: #d43243;}
  .table301 td:nth-last-child(2):before {content:'일반 등록 10월 6일(일)까지'; background: #f0831e;}
  .table301 td:nth-last-child(1):before {content:'현장 등록 학술대회 기간'; background: #bd80e4;}
	
  .table402 tbody td { position:relative; padding-left:31%; letter-spacing: 0; word-break:break-all; width:67%; min-height:1.5rem; line-height:1.5rem;}
  .table402 td:before { display:block; position:absolute; left:0; top:0; width:30%; height:100%; min-height: 1.5rem; padding:2% 0; background: #701974; color:#fff; word-break:break-all; letter-spacing: -1px;}
  
  .table402 td:nth-last-child(1):before {content:'Venue';}
  .table402 td:nth-last-child(2):before {content:'Date & Time';}

.entry_wrap { margin-top:-1rem;}
.entry_btn {display: block; margin:1.5rem auto; text-align: center;}
.table302 { width: 100%; float:none;}

	.table501 colgroup, .table502 colgroup, .table503 colgroup { display:none;}
	.table501 tbody th {width:17%; display: table-cell; letter-spacing: -0.1rem; padding: 2% 0;}
	.table501 tbody td {width:81%; display: table-cell; word-break: keep-all;}
	
  .table502 tbody th, .table502 tbody td { position:relative; padding-left:18%; letter-spacing: -0.5px; word-break: keep-all; width:80%; min-height:1.5rem; line-height:1.5rem}
  .table502 td:before, .table502 th:before { display:block; position:absolute; left:0; top:0; width:17%; height:100%; min-height: 1.5rem; padding:2% 0; background: #701974; color:#fff; word-break:break-all; letter-spacing: -0.1rem;}  
  .table502 td:nth-child(1):before {content:'Date';}
  .table502 td:nth-child(2):before {content:'Type';}
  .table502 td:nth-child(3):before {content:'Rate';}
  .table502 td:nth-child(4):before {content:'Remark'; text-align: center;}
  .table502 td:nth-child(4) { text-align: center;}
	
  .table503 thead th { display: table-cell; position:relative; letter-spacing: -0.5px; word-break: break-all; width:98%; min-height:1.5rem; line-height:1.5rem}
  .table503 tbody th, .table503 tbody td { display: table-cell; position:relative; letter-spacing: -0.5px; word-break: break-all; overflow-wrap:anywhere; width:98%; min-height:1.5rem; line-height:1.5rem}
}
/* 탭 */
.entry_tab { width: 100%;}
.entry_tab_item { width: 48%; height: 4rem; background-color: #efefef; line-height: 4rem; font-size: 1.2rem; text-align: center; color: #333; display: block; float: left; font-weight: bold; transition: all 0.2s ease; border: none; border-radius: 1.5rem 1.5rem 0 0; overflow: hidden; padding: 0 1%;}
.entry_tab_item:hover { background-color: #f0831e; color:#fff; cursor: pointer;}
input[name="entry_tab_item"] { display: none;}
.entry_tab_content { display: none; padding: 1.5rem 0 0; clear: both; overflow: hidden;}
#entry_tab_01:checked ~ #entry_tab_01_content,
#entry_tab_02:checked ~ #entry_tab_02_content { display: block;}
.entry_tab input:checked + .entry_tab_item { background-color: #701974; color: #fff; }

.entry_tab2 { display:flex; gap:0; flex-wrap:nowrap; margin-bottom: 2rem;}
.entry_tab2 li {width:100%;}
.entry_tab2 li a {height: 4rem; background-color: #efefef; line-height: 4rem; font-size: 1.2rem; text-align: center; color: #333; display: block; font-weight: bold; transition: all 0.2s ease; border: none; border-radius: 1.5rem 1.5rem 0 0; overflow: hidden; padding: 0 1%;}
.entry_tab2 li a:hover {background-color: #f0831e; color: #fff;}
.entry_tab2 li a.over {background-color: #701974!important; color: #fff;}

@media screen and (max-width:1024px) {
	.entry_tab_item, .entry_tab2 li a { font-size: 1rem;}
}

.write_btn{padding:20px 0;}
.write_btn p{color:#fff; background-color:#701974; width:210px; margin:0 auto; text-align:center; padding:15px; font-size:16px; border-radius:6px; font-weight:bold;}
.btn_wrap{overflow:hidden; width:550px; margin:0 auto;}
.write_btn2{padding:20px 0; margin:0 auto;}
.write_btn2 p{color:#fff; background-color:#701974; width:210px; margin:0 auto; text-align:center; padding:15px; font-size:16px; border-radius:6px; font-weight:bold;}
.write_btn3{padding:20px 0; float:right;}
.write_btn3 p{color:#fff; background-color:#48bb82; width:210px; margin:0 auto; text-align:center; padding:15px; font-size:16px; border-radius:6px; font-weight:bold;}
.write_btn6{ float:left; margin:10px;}
.write_btn6 p{color:#fff; background-color:#6362a3; width:80px; margin:0 auto; text-align:center; padding:15px; font-size:12px; border-radius:6px; font-weight:bold;}

/* Accommodation */
/*.accom_box {display: flex; gap:0; flex-wrap: nowrap; justify-content: flex-end; margin-bottom: 1rem;}
	.accom_box a, .accom_btn { display: inline-block; border-radius: 0.5rem; padding: 0.2rem 0.5rem; background: #fff; color: #701974; border: 2px solid #701974; margin-left: 1rem;}
	.accom_box a:nth-child(2) {background: #d43243; color: #fff; border: 2px solid #d43243;}
	.accom { display: flex; gap:1rem; flex-wrap: wrap; justify-content: space-between; overflow: hidden;}
	.accom_img { flex-basis: 201px; flex-grow: 1; flex-shrink: 1; width: 100%;}
	.accom_img img { width: 100%; height:100%; max-height:450px;}
	.accom_right {flex-basis: 520px; flex-grow: 1; flex-shrink: 1; display: flex; gap: 0; flex-direction: column; flex-wrap: nowrap;}*/
.accom_ul { display: flex; gap:2%; flex-wrap: wrap; align-items: stretch; justify-content: center; align-content: space-between;}
.accom_ul li { flex-basis:361px; flex-grow:1; flex-shrink:1; display: flex; gap: 0; align-items: stretch; flex-direction: column;}
.accom_ul li strong span { margin-left: 0.5rem; color:#d43243;}
.accom_dl {display: flex; flex-direction: column;}
.accom_dl dt { font-weight: bold; margin-top:0.5rem; display: flex; justify-content: space-between; align-items: flex-end;}
.accom_dl dd {line-height: 1.2;}
.accom_dl dd img { max-width: 100%; width:100%;}
.accom_dl dd:last-child { margin-bottom:2rem;}
.accom_btn2 {display: inline-block; border-radius: 0.5rem; padding: 0.2rem 0.5rem; background: #fff; color: #701974!important; border: 2px solid #701974; margin-left: 1rem; margin-top:-0.2rem;}
.accom_btn3 {display: inline-block; border-radius: 0.5rem; padding: 0.2rem 0.5rem; background: #701974; color: #fff!important; border: 2px solid #701974; margin-left: 0.5rem; margin-top:-0.2rem;}

/* case */
.abstract_box {border-radius: 1rem; padding: 1rem; box-shadow: 3px 3px 3px 3px #ccc; text-align: left; background:rgba(112,25,116,0.1); margin:2rem auto;}
.abstract_box strong { font-size:larger; color:#701974;}
.abstract_box_ul { display: flex; gap: 1rem;}
.abstract_box_ul li { width: 100%; display: flex;}
.abstract_box_ul li table { width: 100%;}
.abstract_box_ul li table td { height: 100%;}
.abstract_box_ul li table td .guide_03 { margin: 0.5rem 1rem 0;}

@media screen and (max-width: 768px) {
	.abstract_box_ul { flex-wrap: wrap;}
	.abstract_box_ul li table thead th { display:block; }
}

/* 후원 및 전시 */

/* transportation */
.venue_img { display:flex; flex-wrap: nowrap; gap: 2vw; justify-content: center;}
.venue_img li { text-align:center;}
.venue_img li img { max-width:100%;}
.sub_folding{ width: 100%; display: block; overflow: hidden;}
.folding_item{ border-top: 1px solid #efefef; border-radius: 10px; overflow: hidden; list-style:none;}
.folding_btn{ display: block; padding: 10px 20px; background-color: #701974; color: #fff!important; font-weight:bold; position: relative;}
.folding_btn:before{ content: ''; position: absolute; width: 0; height: 0; border-left: 8px solid transparent; border-right:8px solid transparent; border-top:10px solid #701974; right: 15px; bottom: -10px; z-index: 9; }
.folding_btn i { margin-right: 10px;}
.folding_btn:hover { color:#ffff00!important;}
.folding_btn:hover:after { content:"▶"; margin-left:10px;}
.folding_cont{background: #fff; overflow: hidden; transition: max-height 0.7s; max-height: 0;}
.folding_cont p { padding:10px 0;}
.folding_cont img { max-width:100%; margin:0 auto; margin-left:70px;}
.folding_item:target .folding_cont{ max-height: inherit;}

/* Floor plan */
.floor_list {display:flex; flex-wrap: wrap; gap: 2vw; justify-content: center; align-items: flex-start; margin-top:2rem;}
.floor_list li { flex-basis:300px; flex-grow:0; flex-shrink: 1; text-align:center;}
.floor_tbl {border-collapse:collapse; border-bottom: 1px solid #701974; border-top: 3px solid #701974; margin-top:1rem; overflow:hidden; width:100%; max-width:500px;}
.floor_tbl th, .floor_tbl td { padding:0.5rem 1rem;}
.floor_tbl tbody th {border-top: 1px solid #fff; background:#efefef; text-align:center; width:2rem;}
.floor_tbl tbody td {border-top: 1px solid #efefef; background:#fff; text-align:center; overflow:hidden;}
.floor_tbl tbody td:not(:first-child) {border-left: 1px solid #efefef;}
@media screen and (max-width: 1024px) {
.cont .folding_cont h5 {margin-left:0;}
.folding_cont .guide_04, .folding_cont img { margin-left:1.2rem;}
.folding_cont .guide_04 li { padding-left:1rem;}
}

/* Tour */
.tour_slide { margin:1rem auto;}
.tour_list { margin:1rem auto; display: flex;}
.tour_list li {padding: 0 1rem; display: flex; gap:0; flex-direction: column; flex-wrap: nowrap; font-size:0.9rem; }
.tour_list li:not(:last-child) { border-right: 1px dashed #ddd;}
.tour_list li img { max-width: 100%;}
.tour_list li strong { display: block; margin:1rem 0; font-size:1.1rem;}
.tour_list li em { font-style:normal; font-weight: bold; margin:1rem 0 0.2rem;}

.tour4 li { width: calc(100% - 8rem - 3px);}
.tour5 li { width: calc(100% - 10rem - 4px);}

.tour_list2 { margin:1rem auto; display: flex; gap:0.5rem; flex-wrap: wrap;justify-content: center;}
.tour_list2 li { flex-basis: 250px; flex-grow: 1; flex-shrink: 1; position:relative; overflow: hidden;}
.tour_list2 li img { max-width: 100%;}
.tour_list2 li strong { position: absolute; display: block; color:#fff; background:#80288f; bottom:0.5rem; left:0; padding: 0.5rem; }
/*.tour_list2 li img { max-width: 100%; -webkit-filter: grayscale(100%) blur(3px); filter: grayscale(100%) blur(3px); -webkit-transition: .5s ease-in-out; transition: .5s ease-in-out;}
.tour_list2 li:hover img {-webkit-filter: grayscale(0) blur(0); filter: grayscale(0) blur(0);}*/

.tour_list3 { margin:1rem auto; display: flex; gap:2%;}
.tour_list3 li { width: 49%; position:relative; height:0; padding-bottom:28.125%;}
.tour_list3 li iframe { position:absolute; top:0; left:0; width:100%; height:100%;}

.tour_list4 { margin:2rem auto; display: flex; gap:1rem; flex-wrap: wrap;justify-content: space-around;}
.tour_list4 li { flex-basis: 220px; flex-grow: 1; flex-shrink: 1; display: flex; align-items: center; justify-content: center; padding: 1rem 0.5rem; background: #efefef;}
.tour_list4 li img { max-width: 100%; max-height:100px;}

@media screen and (max-width: 768px) {
.tour_list { flex-wrap:wrap;}
.tour_list li { padding: 1rem 0;}
.tour_list li:not(:last-child) { border-bottom: 1px dashed #ddd; border-right:none;}
.tour_list3 { gap:1rem; flex-wrap: wrap;}
.tour_list3 li { width: 100%; padding-bottom:56.25%;}
	.tour_list4 { gap:0.5rem;}
.tour_list4 li { flex-basis: 80px; flex-grow: 1;}
.tour4 li, .tour5 li { width: 100%;}
}

@media screen and (max-width: 1024px) {
/*.tour_list2 li img { -webkit-filter: grayscale(0) blur(0); filter: grayscale(0) blur(0);}*/
}

/* 회원 로그인 화면 */
.login_box{border:2px solid #ddd; border-radius:8px; padding:160px 40px 30px 40px; width:420px; margin:0 auto; background:url('/register/2023_echo/images/login_bg.jpg') no-repeat 30px 30px;}
.login_box fieldset{border:none;}
.input_idpw{float:left; margin-right:20px; margin-left:30px;}
.input_id{margin-bottom:2px;}
.id{border:1px solid #dcdcdc; background:#fff url('/register/2023_echo/images/id_bg.gif') no-repeat 7px 7px; color:#666; width:205px; height:25px;}
.id.on{background:none; background-color:#fff;}
.pw{border:1px solid #dcdcdc; background:#fff url('/register/2023_echo/images/pw_bg.gif') no-repeat 7px 7px; color:#666; width:205px; height:25px;}
.pw.on{background:none; background-color:#fff;}


/* 등록 및 접수 폼 */
.write_form{border-collapse:collapse; border-top:2px solid #333; border-bottom:2px solid #333; }
.write_form thead th, .write_form tbody th, .write_form tbody td{padding:10px; border-bottom:1px solid #ddd;}
.write_form thead th{background-color:#fafafa; color:#444; margin:5px 0;}
.write_form tbody th{font-weight:normal; text-align:left;}
.write_form tbody td{line-height:24px;}
.write_form tbody .star{color:red; font-weight:bold;}
.write_form tbody td .in_radio{border:none;}
.write_form tbody td input{border:none; border:1px solid #999; vertical-align:middle; padding:2px;}
.write_form tbody select{font-size:12px; font-family:'돋움',dotum,sans-serif; padding:2px 3px;}
.write_form tbody textarea{margin-top:5px;}
.write_form tbody .section{background-color:#fafafa; font-weight:bold; text-align:center;}
.write_form tbody .btn{background-color:#444; border:1px solid #cbcbcb; padding:3px 7px; border-radius:5px;}
.write_form tbody .btn a{color:#fff; font-size:11px;}
.btn2{text-align:center; margin-top:30px;}
.btn2 span{background-color:#701974; border:1px solid #cbcbcb; padding:5px 15px; border-radius:5px; margin:0 2px;}
.btn2 a{color:#fff; font-size:13px; font-weight:bold;}
.btn2 a:hover{color:#fffc00;}
.nonmember{color:#fff; background-color:#b6c238; width:120px; margin:0 auto; text-align:center; padding:4px; font-size:12px; border-radius:6px; font-weight:bold;}
.agree_box { background:#f4f4f4; padding:2rem 2rem 1rem; border-radius:1rem; margin-top:1rem;}
.agree_box div:nth-child(2) { text-align:center; margin: 1rem auto;}
.agree_table { width:100%; max-width:800px; margin:1rem auto;}
.agree_table th { width:20%;}
@media screen and (max-width: 768px) {
.agree_box { background:#f4f4f4; padding:1rem; border-radius:1rem;}
}

/* admin 로그인 화면 */
.admin_login{background:#fff url('/register/2023_echo/images/admin_login_bg.jpg') no-repeat center 200px; width:423px; height:471px; margin:0 auto;}
.admin_login fieldset{border:none; padding:365px 0 0 20px;}
.admin_idpw{float:left; margin-right:20px; margin-left:30px;}
.admin_id{margin-bottom:10px;}
.input_login{margin-top:6px;}
.id{border:1px solid #dcdcdc; background:#fff url('/register/2023_echo/images/id_bg.gif') no-repeat 7px 7px; color:#666; width:205px; height:25px;}
.id.on{background:none; background-color:#fff;}
.pw{border:1px solid #dcdcdc; background:#fff url('/register/2023_echo/images/pw_bg.gif') no-repeat 7px 7px; color:#666; width:205px; height:25px;}
.pw.on{background:none; background-color:#fff;}
.login_box{border:2px solid #ddd; border-radius:8px; padding:160px 40px 30px 40px; width:420px; margin:0 auto; background:url('/register/2023_echo/images/login_bg.jpg') no-repeat 30px 30px;}
.login_box fieldset{border:none;}
.input_idpw{float:left; margin-right:20px; margin-left:30px;}
.input_id{margin-bottom:2px;}

/*영수증*/
.receipt{ background:url('/register/2023_echo/images/receipt.gif?v=230901') no-repeat 0px 2px; width:480px; height:300px;}

/*이수증*/


/*My Account*/
.account th, .account th a{color:#000; font-family:'돋움',dotum,sans-serif; font-size:12px;}
.account td, .account td a{color:#666; font-family:'돋움',dotum,sans-serif; font-size:12px;}

.tab{display:flex; justify-content:space-between; flex-wrap:wrap; gap:10px; width:100%;}
.tab li{list-style:none; flex-basis:130px;flex-grow:1; flex-shrink: 1;}
.tab li a{display:block; margin-right:1%; background-color:#999; color:#fff; text-align:center; padding:10px 0; border-radius:10px; font-family:'Score4'; font-size:1.2rem;}
.tab li:nth-child(6) a{margin-right:0;}
.tab li span{font-size:14px;}
.tab li:hover a{background-color:#f0831e; color:#fff;}
.tab li.over a{background-color:#701974; color:#fff;}
@media screen and (max-width: 768px) {
.tab li a{ font-size:1rem;}
}

/* 개발 테이블 반응형 조정 */
.dev_tbl th { width:20%; max-width:150px; min-width:73px;}
.dev_sub_tbl { width:100%; max-width:100%;}
.dev_sub_tbl th, .dev_sub_tbl td { padding:5px!important; word-break: normal;}
.dev_sub_tbl th { font-weight: 100; width:40%; max-width: 99%;}
.dev_sub_tbl span {display:inline-block; word-break:keep-all; word-wrap:normal;}
@media screen and (max-width: 768px) {
table.dev_tbl td, table.dev_tbl th, table.dev_tbl li, input, button, textarea, option, select {font-size:0.8rem;}
	.dev_sub_tbl th, .dev_sub_tbl td {width:100%; display:block;}
	.dev_td2 span { display:inline-block; word-break: keep-all; word-wrap: normal;}
}