@charset "euc-kr";

/* main.php */
.main_visual{position:relative; width:100%; height:450px;}
.main_visual .vis_list{position:relative; width:100%; height:450px; overflow:hidden;}
.main_visual .vis_item{position:absolute; left:0; top:0; width:100%; height:100%; background-repeat:no-repeat; background-size:cover; background-position:50% 50%;}
.main_visual .vis_item .txt{width:100%; max-width:1200px; margin:0 auto; padding:110px 0 0; text-align:left;}
.main_visual .vis_item .txt span{display:block;}
.main_visual .vis_item .txt .quote_eng{color:#000; font-size:50px; font-weight:300; line-height:55px; text-transform:uppercase}
.main_visual .vis_item .txt .quote_person{padding:15px 0 25px; color:#0e928d; font-size:30px; font-family:'Lato'; font-weight:300; line-height:39px; text-transform:uppercase; font-weight:300;}
.main_visual .vis_item .txt .quote_kor{color:rgba(0, 0, 0, 0.5); font-size:20px; letter-spacing:-0.065em}
.main_visual .vis_control{position:absolute; bottom:60px; left:50%; width:100%; max-width:1200px; height:40px; margin:0 auto; transform:translateX(-50%); font-size:0; z-index:100;}
.main_visual .vis_control button{position:relative; display:inline-block; width:50px; height:40px; border-color:rgba(14, 146, 141, 0.4);
border-width:1px 0 1px 1px; border-style:solid; text-indent:-9999px;}
.main_visual .vis_control button:nth-child(1){width:49px; background:url(/KOR/image/ico/cycle_vis_prev.png) no-repeat 50% 50%;}
.main_visual .vis_control button:nth-child(1):hover{background-image:url(/KOR/image/ico/cycle_vis_prev_on.png)}
.main_visual .vis_control button:nth-child(2){background:url(/KOR/image/ico/cycle_vis_next.png) no-repeat 50% 50%; border-right-width:1px;}
.main_visual .vis_control button:nth-child(2):hover{background-image:url(/KOR/image/ico/cycle_vis_next_on.png)}
.main_visual .vis_control button:hover:after{content:''; display:block; position:absolute; left:-1px; top:-1px; width:50px; height:40px; border:1px solid #0e928d; box-sizing:border-box;}


.main_visual .vis_control button:hover{border-right-width:none; border-left-width:none;}
.main_visual .vis-pager{position:absolute; top:62px; left:50%; width:100%; max-width:1200px; height:12px; margin:0 auto; transform:translateX(-50%); font-size:0; z-index:100;}
.main_visual .vis-pager span{display:inline-block; width:12px; height:100%; margin:0 5px; background:rgba(0, 0, 0, .3); border-radius:50%; cursor:pointer; font-size:0; overflow:hidden;}
.main_visual .vis-pager .cycle-pager-active{background:#0e928d;}


.quick_lnk{width:100%; background:#115b59;}
.quick_lnk .lnk_list{width:100%; min-width:1200px; max-width:1200px; height:150px; margin:0 auto;}
.quick_lnk .lnk_list li{float:left; width:33.333%; height:100%;}
.quick_lnk .lnk_list li a{display:block; width:100%; height:100%; padding:40px 0 0 130px; border-left:1px solid #296c6a; box-sizing:border-box; transition:background .3s;}
.quick_lnk .lnk_list li:nth-child(1) a{background:url(/KOR/image/ico/ico_quick01.png) no-repeat 30px 50%;}
.quick_lnk .lnk_list li:nth-child(2) a{background:url(/KOR/image/ico/ico_quick02.png) no-repeat 30px 50%;}
.quick_lnk .lnk_list li:nth-child(3) a{background:url(/KOR/image/ico/ico_quick03.png) no-repeat 30px 50%; border-right:1px solid #296c6a;}
.quick_lnk .lnk_list li a:hover{background-color:#0e4947;}
.quick_lnk .lnk_list li .tit{display:block; padding:0 0 10px; color:#fff; font-size:19px; font-weight:500; letter-spacing:-0.085em;}
.quick_lnk .lnk_list li p{color:#7fc8c6; font-size:15px; font-weight:500; letter-spacing:-0.085em; line-height:21px;}

.main_content{width:100%; max-width:1200px; margin:0 auto;}
.board_area{width:100%; padding:60px 0 0;}
.board_area .notice_box{float:left; width:400px;}
.board_area .event_box{float:right; width:750px;}
.board_area .box_head{width:100%; margin:0 0 25px;}
.board_area .box_head h2{float:left; color:#111; font-size:19px; font-weight:500; letter-spacing:-0.085em; line-height:21px;}
.board_area .box_head .btn_more{display:inline-block; float:right; padding-right:9px; background:url(/KOR/image/ico/ico_more.png) no-repeat right 0 top 50%; color:#999; font-size:12px; font-weight:500; line-height:21px;}

.board_area .notice_list li{width:100%; padding:5px 0 25px;}
.board_area .notice_list li:first-of-type{margin:0 0 20px; border-bottom:1px dashed #e8e8e8;}
.board_area .notice_list li a{display:block; width:100%;}
.board_area .notice_list h3{color:#111; font-size:22px; font-weight:500; letter-spacing:-0.065em; line-height:31px; max-height:62px; text-overflow:ellipsis; overflow:hidden; white-space:normal; word-wrap:break-word; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; transition:all 0.3s; }
.board_area .notice_list li:hover h3{color:#0e928d; text-decoration:underline; text-underline-position:below;}
.board_area .notice_list p{height:52px; padding:10px 0 0 ; color:#888; font-size:15px; font-weight:500; letter-spacing:-0.085em; line-height:26px; text-overflow:ellipsis; overflow:hidden; white-space:normal; word-wrap:break-word; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}

.board_area .event_list li{float:left; width:50%; box-sizing:border-box;}
.board_area .event_list li:first-of-type a{border-right:0;}
.board_area .event_list li a{position:relative; display:block; width:100%; padding:34px 25px 25px; border:1px solid #e5e5e5; box-sizing:border-box;}
.board_area .event_list li a:hover:after{content:''; display:block; position:absolute; left:-1px; top:-1px; width:100%; height:100%; border:1px solid #0e928d; z-index:100;}
.board_area .event_list h3{color:#111; font-size:22px; font-weight:500; letter-spacing:-0.045em;}
.board_area .event_list .info{width:100%; margin:12px 0 27px;}
.board_area .event_list .info p{color:#666; font-size:14px; font-weight:500; letter-spacing:-0.045em; line-height:23px;}
.board_area .event_list .info span{display:inline-block; width:65px; color:#0e928d; letter-spacing:-0.065em;}
.board_area .event_list .img{width:100%; height:130px; overflow:hidden;}
.board_area .event_list .img img{width:100%; height:auto;}

.relation_site{width:100%; height:60px; margin:75px 0 49px; border:1px solid #e5e5e5; box-sizing:border-box;}
.relation_site .site-container{float:left; width:calc(100% - 30px); height:100%; overflow:hidden}
.relation_site .site-container div{width:auto; height:60px; font-size:0;}
.relation_site .site-container div a{display:block; width:196px; height:60px; border-right:1px solid #ddd; margin:0; text-align:center; line-height:60px;}
.relation_site .site-container div img{width:auto; height:auto; max-width:90%; max-height:90%; margin:auto;}
.relation_site .site-pager{float:left; width:30px; height:100%;}
.relation_site .site-pager button{display:block; width:100%; height:29px; border-left:1px solid #e5e5e5; font-size:0; text-indent:-9999px;}
.relation_site .site-pager .btn_prev{background:url(/KOR/image/ico/cycle_ban_prev.png) no-repeat 50% 50%; border-bottom:1px solid #e5e5e5;}
.relation_site .site-pager .btn_next{background:url(/KOR/image/ico/cycle_ban_next.png) no-repeat 50% 50%;}

.clear::after {
  content:"";
  display: block;
  clear: both;
}

/* greeting */

.greeting_vis{width:100%; height:260px; padding:58px 80px 0; background:url(/KOR/image/page_greeting_vis.jpg) no-repeat 50% 50%; box-sizing:border-box;}
.greeting_vis dt{color:#0e928d; font-size:41px; font-weight:500; text-transform:uppercase; line-height:45px;}
.greeting_vis dt span{color:#115b58;}
.greeting_vis dd{padding:9px 0 0; color:#777; font-size:18px; font-weight:500; letter-spacing:-0.065em; line-height:25px;}

.greeting_txt{width:100%; padding:70px 80px 0; box-sizing:border-box;}
.greeting_txt .left_area{float:left; width:490px;}
.greeting_txt .right_area{float:right; width:490px;}
.greeting_txt > div p{color:#555; font-size:16px; font-weight:500; letter-spacing:-0.065em; line-height:33px; text-align:justify; word-break:keep-all; word-spacing:-0.040em;}
.greeting_txt > div p:first-of-type{margin:0 0 30px;}
.greeting_txt > div p span{letter-spacing:normal;}
.greeting_txt strong{display:block; clear:both; width:100%; padding:32px 0 0; color:#000; font-size:24px; font-weight:400; letter-spacing:-0.065em; text-align:right; line-height: 1.5;}
.greeting_txt strong span{font-weight:600; }
.greeting_logo {
  padding: 70px 80px 0;
}
.greeting_logo h4 {
  font-size: 18px;
  font-weight: 600;
  color: #000;
  margin-bottom: 30px;
}
.greeting_logo .top {
  border-top: 1px solid #000;
  padding-top: 20px;
  display: flex;
  flex-flow: row wrap;
}
.greeting_logo .top h5 {
  color: #555;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: -0.065em;
  line-height: 33px;
  text-align: justify;
  word-break: keep-all;
  word-spacing: -0.040em;
  width: 100px;
  display: block;
}
.greeting_logo .top .img-wrap {
  width: 350px;
}
.greeting_logo .top .img-wrap img {
  width: 100%;
}
.greeting_logo .top p  {
  color: #555;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: -0.065em;
  line-height: 33px;
  text-align: justify;
  word-break: keep-all;
  word-spacing: -0.040em;
  width: calc(100% - 480px);
  padding-left: 30px;
}
.greeting_logo .bottom {
  margin-top: 40px;
  display: flex;
  flex-flow: row wrap;
}
.greeting_logo .bottom li {
  flex: 1;
}
.greeting_logo .bottom .img-wrap {
  
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  justify-content: center;
  border: 1px solid #555;
  height: 250px;
}
.greeting_logo .bottom .img-wrap img {
  width: 100%;
  max-width: 400px;
}
.greeting_logo .bottom li:nth-child(2) .img-wrap {
  border-left: 0;
}
.greeting_logo .bottom li:nth-child(2) .img-wrap img {
  width: 300px;
}
.greeting_logo .bottom li h5 {
  color: #555;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: -0.065em;
  line-height: 33px;
  text-align: justify;
  word-break: keep-all;
  word-spacing: -0.040em;
  text-align: center;
  margin-top: 10px;
}


/* article */
.article-wrap{font-size:15px; line-height:1.7;}
.article-wrap h3{font-size:20px; font-weight:500; letter-spacing:-1px; padding:18px 0; border-width:1px 0; border-style:solid; border-color:#ddd; margin:100px 0 30px;}
.article-wrap h3:nth-of-type(1){margin-top:0;}
.article-wrap b{font-weight:600;}
.article-wrap p{padding-left:20px; text-indent:-20px;}
.article-wrap .depth{padding-left:20px;}
.article-wrap .depth p{padding-left:16px; text-indent:-16px;}


/* organ */
.organ_list{overflow:hidden; padding-bottom: 30px; border-bottom:1px solid #eee; box-sizing: border-box; display: flex; justify-content: flex-start; align-items: stretch; align-content: flex-start; flex-wrap: wrap;}
.organ_list li{flex: none; width:23.5%; margin-left:2%; margin-top:0; text-align:left; border:1px solid #ddd; box-sizing:border-box; letter-spacing:-1px; line-height:1.4; padding:20px 0 20px 30px; transition:all 0.3s;}
.organ_list li:hover{border-color:#0e928d;}
.organ_list li:nth-child(4n+1){margin-left:0;}
.organ_list li:nth-child(n+5){margin-top:20px;}
.organ_list li span{display:block; color:#0e928d; font-size:17px; font-weight:600;}
.organ_list li strong{display:block; color:#222; font-size:22px; font-weight:600; margin:5px 0 0;}
.organ_list li strong em {font-size: 16px; color: #0e928d; font-weight: 500;}
.organ_list li b{display:block; color:#999; font-size:15px;}
	/**/
.organ_list.important{margin:0; padding:0; border-bottom:1px solid #eee;}
.organ_list.important {margin: 0 0 30px; padding: 0 0 30px; box-sizing: border-box;}
.organ_list.important li{position:relative; width:49%; padding:30px 0 20px 150px;}
.organ_list.important li:nth-child(2n+1){margin-left:0;}
.organ_list.important li:nth-child(n+3){margin-top:20px;}
.organ_list.important li span{position:absolute; left:45px; top:35px;}
.organ_list.important li:nth-of-type(2) {padding:20px 0 30px 150px;}

.organ_list.ver3 li {width: calc((100% - 48px) / 3); margin: 0 0 0 24px; padding: 20px 0 30px 150px !important;}
.organ_list.ver3 li:nth-child(4n+1) {margin: 0 0 0 24px;}
.organ_list.ver3 li:nth-child(n+5) {margin: 0 0 0 24px;}
.organ_list.ver3 li:nth-child(n+3) {margin: 0 0 0 24px;}
.organ_list.ver3 li:nth-child(2n+1) {margin: 0 0 0 24px;}
.organ_list.ver3 li:nth-child(3n + 1) {margin: 0 !important;}
.organ_list.ver3 li:first-of-type {margin: 0;}

.organ_list.non_border {border-bottom: 0; padding: 0;}

.organ_list.important.full {display: block;}
.organ_list.important.full li {width: 100% !important; margin: 0; float: none !important; padding: 0 120px 0 150px; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; align-content: flex-start; flex-wrap: wrap; box-sizing: border-box; position: relative; height: 200px;}
.organ_list.important.full li span {top: 50%; transform: translateY(-50%);}
.organ_list.important.full li strong:first-of-type {margin: 0;}
.organ_list.important.full li img {position: absolute; right: 20px; top: 50%; transform: translateY(-50%); max-height: 160px;}
.organ_list.important.full li + li {margin: 2% 0 0;}

.organ_list.important.old li {padding:20px 0 30px 150px !important;}


/* history */
.history-wrap{position:relative; border-top:1px solid #eee; padding-top:50px; margin:50px 0; padding-left:150px;}
.history-wrap:nth-of-type(1){margin-top:0;}
.history-wrap i{position:absolute; left:0; top:50px; color:#0e928d; font-size:25px;}
.history-wrap li{color:#666; line-height:1.3; letter-spacing:-0.5px; margin:15px 0 0;}
.history-wrap li:first-child{margin:0;}
.history-wrap li b{display:inline-block; width:80px; color:#000;}


/* map */
.map-wrap{}
.map-wrap b{display:block; font-size:25px; font-weight:500; letter-spacing:-1px; color:#0e928d;}
.map-wrap b span{letter-spacing:0;}
.map-wrap table{margin:20px 0 0; border-top:1px solid #999;}
.map-wrap table th, .map-wrap table td{padding:18px 20px; border-bottom:1px solid #ddd;}
.map-wrap table th{background:#f5f5f5}
.map-wrap table td{}
.map-wrap .kakao-map{margin:40px 0 100px;}


/* symposium/regi.php */

.conf_area{width:100%; margin:0 0 95px;}
.conf_area .area_tit{color:#111; font-size:20px; font-weight:500; letter-spacing:-0.085em;}
.conf_area .conf_list li{float:left; width:380px; height:370px; margin:30px 30px 0 0;}
.conf_area .conf_list li:nth-child(3n){margin-right:0;}
.conf_area .conf_list li .conf_item{position:relative; width:100%; height:100%; padding:0 25px; border:1px solid #ddd; box-sizing:border-box;}
.conf_area .conf_list li .conf_item:hover:after{content:''; display:block; width:380px; height:370px; position: absolute; left:-1px; top:-1px; border:1px solid #0e928d; z-index:6; box-sizing:border-box;}
.conf_area .conf_item .info strong{display:block; width:100%; padding:35px 0 13px; color:#111; font-size:22px; font-weight:500; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.conf_area .conf_item p{color:#666; font-size:14px; line-height:23px;}
.conf_area .conf_item p:last-of-type{font-weight:500; letter-spacing:-0.045em;}
.conf_area .conf_item p span{display:inline-block; width:60px; color:#0e928d; font-weight:500; letter-spacing:-0.065em;}
.conf_area .conf_item .conf_btn{position:absolute; left:0; bottom:1px; height:48px; border-top:1px solid #ddd; line-height:48px; text-align:center; display:table; table-layout:fixed; width:100%; z-index:10;}
.conf_area .conf_item .conf_btn a{display:table-cell; background:#f9f9f9; color:#585858; font-size:16px; font-weight:500;}
.conf_area .conf_item .conf_btn .go_regi{color:#0e928d; border-left:1px solid #ddd; box-sizing:border-box;}
.conf_area .conf_item .d-day{display:block; position:absolute; right:-1px; top:-1px; width:60px; height:30px; background:#f26539; color:#fff; font-size:16px; font-weight:500; line-height:30px; text-align:center;}
.conf_area .conf_item .img{width:100%; margin:25px 0 0; height:130px; overflow:hidden;}
.conf_area .conf_item .img img{width:100%; height:auto;}

.conf_view_head{position:relative; margin:0 0 60px; width:100%; border-top:1px solid #505050;}
.conf_view_head .conf_tit{padding:40px 0 20px; color:#111; font-size:30px; font-weight:500; letter-spacing:-0.045em;}
.conf_view_head .conf_sch{font-size:0;}
.conf_view_head .conf_sch p{display:inline-block; color:#555; font-size:17px; font-weight:500; letter-spacing:-0.045em;}
.conf_view_head .conf_sch p span{letter-spacing:normal;}
.conf_view_head .conf_sch .division{display:inline-block; padding:0 15px; color:#ddd; font-size:17px; font-weight:500; letter-spacing:-0.45em}
.conf_view_head > a{display:block; position:absolute; right:0; bottom:0; width:180px; height:50px; border:1px solid #0e928d; border-radius:2px; color:#0e928d; font-size:17px; font-weight:500; letter-spacing:-0.065em; line-height:48px; text-align:center; box-sizing:border-box;}

.view_info_tab{display:table; table-layout:fixed; width:100%; height:60px; overflow:hidden; margin-bottom:50px;}
.view_info_tab li{display:table-cell; height:100%; line-height:60px; text-align:center;}
.view_info_tab li a{display:block; width:100%; height:100%; border-color:#ddd; border-style:solid; border-width:1px 1px 1px 0; box-sizing:border-box;}
.view_info_tab li:first-of-type a{border-left-width:1px;}
.view_info_tab li a.on{background-color:#115b58; border-color:#115b58; color:#fff;}


.conf_frm_wrap{width:100%; max-width:1100px; margin:0 auto;}
.conf_frm_wrap h4{color:#333; font-size:18px; letter-spacing:-0.05em; font-weight:500; overflow:hidden;}

.conf_frm_table{border-top:1px solid #999; margin:15px 0 0;}
.conf_frm_table, .conf_frm_table, .conf_pay_table *{vertical-align:middle;}
.conf_frm_table > tbody > tr > th, .conf_frm_table > tbody > tr > td{text-align:left; padding:12px 15px; height:26px; font-size:14px; font-weight:normal; color:#666; border-bottom:1px solid #ddd; letter-spacing:-0.03em; vertical-align:middle;}
.conf_frm_table > tbody > tr > th{width:15%; background:#f9f9f9; color:#333; font-weight:500; box-sizing:border-box;}
.conf_frm_table > tbody > tr > td{width:35%; font-size:14px;}
.conf_frm_table td .tit{color:#222; font-size:15px; font-weight:500;}
.conf_frm_table > tbody > tr > td select, .conf_frm_table > tbody > tr > td input{border:1px solid #ddd; vertical-align:middle;}
.conf_frm_table > tbody > tr > td select{width:auto; min-width:170px; height:30px; padding:0 5px; line-height:28px; box-sizing:border-box;}
.conf_frm_table > tbody > tr > td input[type="text"]{min-width:120px; height:30px; padding:0 5px; font-size:14px; line-height:28px; box-sizing:border-box;}
.conf_frm_table input[type="radio"]{vertical-align:middle; margin:0}
.conf_frm_table input[type="radio"] + span{margin-right:5px;}
.conf_frm_table > tbody > tr > td .input{margin:2px 0;}
.conf_frm_table td .btn_post{padding:0 7px; height:30px; background:#666; color:#fff; font-size:14px; font-weight:500; text-align:center; line-height:30px;}


.conf_refund_wrap{width:100%; max-width:1100px; margin:40px auto 30px;}
.conf_refund_wrap .refund_tit{width:100%;}
.conf_refund_wrap .refund_tit h4{float:left; color:#333; font-size:18px; letter-spacing:-0.05em; font-weight:500; text-align:left;}
.conf_refund_wrap .refund_tit span{float:right; padding:5px 0 0;  color:rgb(216, 97, 97); font-size:13px;}

.conf_refund_wrap .refund_cont{width:100%; margin:15px 0 0; padding:15px; background:#f7f7f7; border:1px solid #ddd; box-sizing:border-box;}
.conf_refund_wrap .refund_cont li{padding-left:10px; font-weight:500; font-size:14px; line-height:25px; box-sizing:border-box; color:#666;}
.conf_refund_wrap .refund_cont span{padding-right:10px; color:#555;}
/*
.conf_refund_table{width:100%; margin:15px 0 0; border-top:1px solid #999;}
.conf_refund_table th, .conf_refund_table td{padding:12px 0; border-bottom:1px solid #ddd; box-sizing:border-box; font-size:14px; font-weight:500;text-align:center;}
.conf_refund_table th{width:33%; background:#f9f9f9; color:#333; letter-spacing:-0.03em;}
.conf_refund_table td{width:67%; color:#666;}
*/

.conf_list_table{margin:10px 0 0; border-top:1px solid #999;}
.conf_list_table th, .conf_list_table td{font-size:14px; font-weight:normal; border-bottom:1px solid #ddd; letter-spacing:-0.03em; vertical-align:middle; text-align:center;}
.conf_list_table th{height:40px; background:#f9f9f9; font-size:15px; font-weight:500; color:#333;}
.conf_list_table td{height:40px; color:#777; font-weight:500;}
.conf_list_notice{font-size:14px; color:#de3c3c}

.conf_list_table.conf_list_tit th{width:200px;}
.conf_list_table.conf_list_tit td{padding-left:15px; text-align:left; box-sizing:border-box;}
.conf_list_table.conf_list_tit td select{min-width:300px; height:30px; border:1px solid #ddd; padding:0 5px; line-height:28px; box-sizing:border-box;}

.conf_btn_box {text-align:center; margin:20px auto 40px;}
.conf_btn_box button, .conf_btn_box a {display:inline-block; width:150px; height:46px; line-height:44px; border:1px solid #dcdcdc; background:#f0f0f0; text-align:center; font-size:15px; font-weight:500; letter-spacing:-0.045rem; color:#444; box-sizing:border-box; transition:all 0.25s; -wconff_ebkit-transition:all 0.25s; -moz-transition:all 0.25s; -ms-transition:all 0.25s; -o-transition:all 0.25s;}
.conf_btn_box .submit_btn {background:#115b59; color:#fff; border-color:#115b59;}
.conf_btn_box .submit_btn:hover {background:#0e4947;}
.conf_btn_box .cancle_btn:hover {background:#ddd;}