:hover {-webkit-transition: all 0.3s; /* Safari */  transition: all 0.3s;}

#container section.top-img .intro{background: url(/images/sub/sub_01.jpg) center/cover no-repeat;height:250px;} 
#container section.top-img .general{background: url(/images/sub/sub_10.jpg) center/cover no-repeat;height:250px;}
#container section.top-img .program{background: url(/images/sub/sub_03.jpg) center/cover no-repeat;height:250px;} 
#container section.top-img .regist{background: url(/images/sub/sub_04.jpg) center/cover no-repeat;height:250px;}
#container section.top-img .abst{background: url(/images/sub/sub_05.jpg) center/cover no-repeat;height:250px;}
#container section.top-img .history{background: url(/images/sub/sub_06.jpg) center/cover no-repeat;height:250px;}
#container section.top-img .contact{background: url(/images/sub/sub_07.jpg) center/cover no-repeat;height:250px;}


#container #sub_contents {width:100%; margin: 0 auto; z-index:100; overflow:hidden; max-width:1200px; padding: 10px; margin-top:0px; margin-bottom:50px; text-align:center;font-size:18px;}
#container #sub_contents p { padding:25px 0 7px 0; line-height:1.7; }

#container #sub_contents section.top-location { position:relative; width:100%; word-break:keep-all;}
#container #sub_contents section.contents { position:relative; width:100%; word-break:keep-all; line-height:1.7; text-align:left; font-weight:400; }

#container #sub_contents section.event-top { position:relative; float:left; width:-webkit-calc(100% - 230px); width:-moz-calc(100% - 230px);width:calc(100% - 230px); word-break:keep-all;  background:#fff; border-radius:10px; margin-left:40px; margin-bottom:10px; text-align:center; -webkit-box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 3px;  box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 3px;}

#sub_contents h2 { font-size: 2.5em; line-height:1.2; color:#009040; display:inline-block; text-align:center; border-bottom:solid #009040 3px; margin: 0 auto; margin-top:50px; margin-bottom:20px; padding-bottom:20px;}
#sub_contents section.contents h3 { font-size: 24px; line-height: 1.3; margin:50px 0 15px 0 ; font-weight:600; }
#sub_contents section.contents h4 { font-size: 20px; line-height: 1.3; margin:10px 0; font-weight:600; }

.coming {
	text-align:center;
	font-size:30px;
	color:#999;
	width:100%;
	height:300px;
	background:url(/images/comingsoon.jpg) no-repeat center;
	margin-bottom:30px;
	text-indent: -9999px;
}
/* ------ intro ------- */
.intro h2.overview, .intro h2.organization { border-bottom:0px !important;}
.intro .table_r {border-top:3px #009040 solid; word-break:keep-all;}
.intro .table_r th { color:#009040; font-weight:600;}
.intro .table_r td { text-align:left; padding-left:3%;}
.intro .organization .table_r th { height:60px;}

.welcome .w_img, .welcome .wr_img{ clear:both;}
.welcome  p.name span.point { font-size:1.15em;}
.welcome .w_img p.name, .welcome .wr_img p.name{ text-align:right; line-height:1.8em !important; background:#f6f9f6; padding:20px 10px !important; border-radius:40px; margin-top:60px;font-size:0.9em;}
.welcome .w_img img{ float:right; width:100%; max-width:280px; margin:-80px 30px 0px 30px;}

.welcome .wr_img img{ float:left; width:100%; max-width:280px;  margin:-67px 40px 0px 30px;}
.welcome .wr_img p.name{ text-align:left; line-height:1.8em !important; background:#f6f9f6; padding:20px 10px !important; border-radius:40px; margin-top:60px;}
#container .welcome { padding-bottom:0px !important; margin-bottom:0px !important;}

.history ul.list { width:90%; margin: 0 auto;overflow:hidden;}
.history ul.list li { padding: 10px; line-height:1.5; overflow:hidden; }
.history ul.list li a:hover { text-decoration:underline !important;}
.history sup { font-size:0.7em;}
.history .number { padding-right:20px; width:50px; font-weight:800; float:left; text-align: center; }
.history .year { padding: 0 15px; margin-right:20px;  width:80px;  font-weight:600; float:left; background: #f6f9f6; color:#009040; border-radius:50px; font-size:1.15em;}
.history .place { float:left;  width:-webkit-calc(100% - 150px); width:-moz-calc(100% - 150px);width:calc(100% - 150px); }

/* ------ general ------- */

section.tour h3, section.venue .hotel h3 { margin:30px 0 10px 0 !important; background:url(/images/bullet/circle_green.png) no-repeat left center; padding-left:25px; text-align: left; }
section.tour img { width:100%; margin-top:30px;}

/* ------ venue / Wellpark Hotel ------- */

section.venue .hotel { text-align: center;margin-top:20px;}
section.venue .hotel h4 { background: #f3f3f3; padding:15px;  margin-top:-10px !important; font-weight: 500 !important; border-radius: 0 0 30px 30px;}
section.venue .hotel img  { width:100%;margin-top:10px; }
section.venue .hotel ul { overflow: hidden;}
section.venue .hotel ul li { width:50%; float: left;}


.general .notice { background:#f6f9f6; border:2px #009040 solid;border-radius:20px; padding:30px 30px; margin:35px 0;  font-size:1.05em;}
.general .notice p { padding-left: 25px !important;}

ul.wallpark_btn { margin:50px 20px; display: flex; flex-wrap: wrap; justify-content:space-evenly; text-align:center;}
ul.wallpark_btn li { width:48%; padding:5px;}
ul.wallpark_btn li a { font-size:20px; color:#fff; background:#000; padding:15px; border-radius:5px; word-break:keep-all; *zoom: 1; display: block;}
ul.wallpark_btn li i.fa-diamond-turn-right, ul.wallpark_btn li i.fa-hotel { margin-right: 5%; font-size:2em; vertical-align:middle; }
ul.wallpark_btn li i.fa-angle-right { margin-left: 2%;}

.venue ul.wallpark_btn li { max-width:350px;}
.venue ul.wallpark_btn li a { font-size:0.85em; }
.venue ul.wallpark_btn li i.fa-hotel { font-size:1.5em; }

.venue ul.wallpark_info{ overflow:hidden;}
.venue ul.wallpark_info li img { width:100%;}
.venue ul.wallpark_info li { width:19%; float:left; margin:0.5%;}

/* ------ Transportation and Wellpark Hotel Information ------- */

.mapWrap { height:500px;}
.mapH { width:100%; height:100%;}
.location ul li { background:url(../images/circle_b-s.png) no-repeat 5px 10px; padding-left:25px;}

/* ------ Registration ------- */
.regist .notice { background:#f6f9f6; border:2px #009040 solid;border-radius:20px; padding:30px 30px; margin:35px 0;  font-size:1.05em;}
.regist .notice p { padding-left: 25px !important;}
.regist .notice h3 { margin: 10px 0 0 0 !important; font-size:28px; padding-bottom: 10px !important; border-bottom:0px !important;  background:url(../images/circle_b.png) no-repeat 5px 12px; color:#009040; padding-left:25px; }
ul.point-list li { background:url(/images/bullet/point.gif) no-repeat 8px 13px; margin:10px 0; padding-left:23px;line-height:1.5;}
.r_pee { padding:0 23px;}
.r_pee em {font-weight:400; font-style:italic; font-size:0.8em; padding: 0 0 15px 0; display: block; margin-top:-10px;}
.r_pee ul.point-list { background-color:#f6f9f6; border-radius: 10px; padding: 15px 20px;}
.r_pee ul.ptag {font-weight:400  !important;  padding:10px 0  !important;}

.table_r { border-bottom: #bbb solid 2px; margin:10px 0; width:100%; font-size:0.9em;}
.table_r thead th { font-weight:500; background:#009040; padding:10px; border-top:3px #fff solid;border-bottom:1px #fff solid; border-right: #fff solid 1px; vertical-align:middle; text-align:center; color:#fff;}
.table_r tbody th { font-weight:500; background:#f3f3f3; border-bottom:1px #ddd solid; padding:10px; vertical-align:middle; text-align:center;}
.table_r td { border-top: #ddd solid 1px; border-right: #ddd solid 1px; padding:10px; text-align:center; vertical-align:middle;}
.table_r .conts { padding-left:15px; text-align:left;}

.table_r th:last-child { border-right: #ddd solid 0px;}
.table_r td:last-child { border-right: #ddd solid 0px;}

.regist .table_t, .abst .table_t { width:100%;}
.regist .info h4 { padding-left:25px;}
.regist .early h3, .abst .abst h3 { border-bottom:3px solid #CCC; padding-bottom:20px; margin-bottom:20px;}
.regist .early h5, .abst h5 { font-weight:500; font-size:1em; padding:20px 0 10px 0;}
h5.line { border-bottom: 1px dashed #ddd; }
.regist  .det_text_r h5.line {}
.regist h5 i, .abst h5 i { color:#d10000; font-weight:400; font-style:italic; font-size:0.8em;}
.regist .input_t, .regist .select_t, .abst .abst .input_t, .abst .abst .select_t{ width:95%;}
.regist .input_ts, .abst .abst .input_ts { width:90%;}
.regist .r_Type { background:#f6f9f6; padding:20px 10px 10px 15px; border-radius:10px;}
.regist .r_Type  i { display:block; font-weight:400; font-style:italic; font-size:0.8em; margin-top:-10px; margin-bottom:10px;}

.regist fieldset, .abst fieldset  { padding:10px 0; overflow:hidden;}
.regist fieldset input[type="radio"], .regist fieldset input[type="checkbox"],
.abst fieldset input[type="radio"], .abst fieldset input[type="checkbox"] 
{  width:20px; float:left;vertical-align:middle; margin-top:5px;}
.regist fieldset label, .abst fieldset label { margin-left:5px;width:-webkit-calc(100% - 35px); width:-moz-calc(100% - 35px);width:calc(100% - 35px); float:left; padding-bottom: 5px;  line-height:1.3;}
.regist .det_text, .abst .det_text  { margin-left:5%;}
.regist .det_text_r, .abst .det_text_r { margin-left:5%; margin-right:5%;}
.regist p { padding:10px 0  !important; line-height:1.5;}
.regist fieldset p { padding:10px !important;}
.regist ul.ptag { font-weight:300; padding:10px;}
.regist ul.ptag li { background:url(/images/bullet/point-g.gif) no-repeat 8px 13px; margin-left:15px; padding: 3px 0px 3px 20px; line-height:1.2;}
.regist .early  p { font-weight:300;}
.regist .button_t { width:80%; max-width:500px; text-transform:capitalize;}

fieldset.file_text { padding:5px 5px; background:#f6f9f6;border-radius: 3px;}
fieldset.file_text .file-input { display: none; } 
fieldset.file_text .custom-btn { padding: 4px 6px; border:1px solid #999; background-color: #eee; color: #333; border-radius: 3px; cursor: pointer; max-width:130px !important; min-width:80px !important; font-size:0.8em; text-align:center; margin-left:0px !important; }
fieldset.file_text span{ margin-left:10px;font-size:0.8em; }

.regist .usd_bank { padding:10px; font-size:0.9em; border-top:1px dotted #d2e4d2;  margin-top:5px; padding-top:15px;overflow: hidden;}
.regist .usd_bank ol { padding-top:10px;}
.regist .usd_bank ol li { padding:5px 0; text-indent:-16px;padding-left:16px;}
.regist .usd_bank ul { padding-top:5px;}
.regist .usd_bank ul li { padding:0px; background:url(/images/bullet/point.gif) no-repeat 4px 12px;padding-left:14px;  text-indent:0px;}
.regist .usd_bank h5 { padding-top:5px !important; overflow:hidden;}
.regist .usd_bank .usd_Type  { padding:10px 15px; clear:both; background:#fff; margin-top:3px; }


/* ------ Abst ------- */
.regist .info h3, .abst .info h3, .abst .abstEdit h3 { background:url(../images/circle_b.png) no-repeat 5px 12px; color:#009040; padding-left:25px; }
.abst .info h3 span {color:#222222; font-size:0.8em;font-weight:500;}
.abst .info p, .abst .abstEdit p {  padding:5px 25px  !important; font-weight:400; }
.abst #login_fs { background:#f7fbfc; padding:30px 60px 40px 60px; max-width:500px; margin:0 auto; margin-top:50px; border-radius:10px; margin-bottom:30px;}
.abst #login_fs .control_label{ padding:10px 0; }
.abst #login_fs .control_log{ width:100%; padding-top:30px;}
.abst #login_fs .button_s { width:100%;}
.abst #login_fs .input_t { width:100%;}
.abst .button_t { width:45%; max-width:400px;}
.abst .abst span {font-size: 0.9em; font-weight:300;}
.abst .abst  p { padding:10px 0  !important; line-height:1.3 !important; font-weight:300; font-size: 0.9em;}
.abst .abst  p b {font-weight:400;}
.abst .abst  p strong {font-weight:500;}
.abst .btn_special { cursor: pointer; font-size:12px; color:#fff; background:#666; border-radius:5px; padding: 0 5px 2px 5px;}


/* ------ history ------- */

.history .history_tot { margin-top:60px;}
.history .history_tot .tot { position:relative;border: 1px solid #ddd; border-radius:10px;overflow:hidden; margin:20px 0;display:flex; flex-direction:row; /* °¡·Î ¹èÄ¡ */ align-items:stretch; /* ³ôÀÌ ¸ÂÃã */} 
.history .history_tot .tot  h3 { margin:20px 0 20px -25px !important; background:#009040; color:#fff; padding:5px 20px;border-radius: 0 30px 30px 0; font-size:28px!important;}
.history .history_tot .tot  ul {  width:40%;  font-size:1.15em; margin-bottom:20px;align-self:flex-start;} 
.history .history_tot .tot  ul li { padding:5px 25px 5px 25px; line-height:1.5;}
.history .history_tot .tot  ul li.pics {width:100%;  font-size:0; text-align: center;margin-top:15px; }
.history .history_tot .tot  ul li.pics img { max-width:420px; }
.history .history_tot .tot  ul li.pics img.hei { max-width:620px; }
.history .history_tot .tot  .pic {width:60%;  font-size:0; text-align: center; align-self:flex-end;}
.history .history_tot .tot  .pic img { clear: both;  width:100%;}
.history .history_tot .hei  ul {width:65%;}
.history .history_tot .hei .pic {width:35%; }

.history .history_tot .tot ul.tot14 {  width:100%;  float:none;clear: both;  } 
.history .history_tot .tot ul.tot14 h5 { text-align: center; margin:20px 0; padding: 10px 0; font-size:26px!important; background: #f6f9f6;} 
.history .history_tot .tot ul.tot14 .pic { float:left; } 
/* ------ Contact ------- */

.contact h4 { margin:20px 0 !important;}
.contact ul {display: grid;grid-template-columns: repeat(3, 1fr); gap:15px;text-align:center;justify-content: center;}
.contact ul li {min-height: 500px; margin: 30px 0 0 0; padding: 15px 20px; border: 1px solid #ddd; border-radius:10px;  font-size:0.9em; }
.contact ul li .name { text-align:left;font-weight:400;}
.contact ul li h5 { line-height:1.4; font-weight:500;  min-height:60px; text-align:center;color:#009040; padding:5px 0; font-size:1.1em; padding:10px;}
.contact ul li img { width:100%;border-radius:5px; margin:15px 0; max-width: 350px;}

@media all and (max-width: 1000px) {

	
}
@media all and (max-width: 960px) {
 .venue ul.wallpark_info li { width:30%; margin:1.5%;}
 .contact ul {grid-template-columns: repeat(2, 1fr); gap:15px;}
 .contact ul li:nth-child(3) { grid-column: span 2; /* µÎ Ä­ Â÷Áö */ justify-self: center; /* °¡¿îµ¥ Á¤·Ä */ }
}

@media all and (max-width: 768px) {
ul.wallpark_btn li {  width:100%;}
#container section.top-img div{height:120px !important;}
#container .welcome { margin-bottom:30px !important;} 
.welcome .w_img, .welcome .wr_img { margin:0 auto; text-align:center;}
.welcome .w_img img	 { float:none; margin: 20px 0 0 0 !important;max-width:250px;}
.welcome .wr_img img { float:none; margin: 20px 0 0 0 !important;max-width:250px;}
.welcome .w_img p.name, .welcome .wr_img p.name { float:none; text-align:center;line-height:1.5em !important; margin-top:-7px; border-radius:30px; }
.history .history_tot .tot {flex-direction:column;}
.history .history_tot .tot  ul {  width:100%;  } 
.history .history_tot .tot  .pic {  width:100%; margin-top:20px;  }
.history .history_tot .tot ul.tot14 .pic { width:100% !important;  float:none; margin-top:0px;} 


}

@media all and (max-width: 640px) {
#container #sub_contents {font-size:17px;}
#sub_contents section.contents h2 { margin-top:20px;}
#container #sub_contents section.event-top h3{ font-size:28px;}

.abst .button_t { width:55%; margin:5px;}

section.venue .hotel ul li { width:100%; float: none;}
.venue ul.wallpark_info li { width:45%; margin:2.5%;}
.contact ul {grid-template-columns: repeat(1, 1fr); gap:15px;}
.contact ul li:nth-child(3) { grid-column: span 1; /* µÎ Ä­ Â÷Áö */ justify-self: center; /* °¡¿îµ¥ Á¤·Ä */ }

}
@media all and (max-width: 460px) {
.venue ul.wallpark_info li { width:90%; margin:5%;}
.history .place { float:left;  width:100%; margin:10px 0; }
}

@media all and (max-width: 400px) {
.abst #login_fs {  padding:30px 40px 40px 40px; }
}