@charset "utf-8";
/***************** 서브공통 상단 *****************/
/* 서브 상단 */
.sub_top {width:100%; height:140px; margin:0; padding:0; box-sizing:border-box; text-align:center; font-size:28px; line-height:140px; color:#fff;  background-size:cover }
.sub_top > strong {font-weight: 400;}
.sub_top1 { background: url("../image/area/bg_top_sub.jpg") no-repeat center center}
.sub_top2 { background: url("../image/subject/bg_top_sub.jpg") no-repeat center center}
.sub_top3 { background: url("../image/program/bg_top_sub.gif") no-repeat center center}
.sub_top4 { background: url("../image/pubm/bg_top_sub.jpg") no-repeat center center}
.sub_top5 { background: url("../image/multim/bg_top_sub.jpg") no-repeat center center}
.sub_top6 { background: url("../image/introduce/bg_top_sub.jpg") no-repeat center center}

/* 히스토리맵 */
.his_map { padding:26px 0 17px; border-bottom:1px solid #e1e1e1 }
.his_map > ul > li {position: relative; display: inline-block; margin:0 28px 0 0; font-size:13px; line-height:16px; color:#666;}
.his_map > ul > li::after { content:''; position: absolute; top: 2px; right:-18px; display:block; width:7px; height:11px; background: url("../image/common/icon_arrow.png") no-repeat 0 0;}
.his_map > ul > li:first-child span {display: inline-block; width:12px; height: 13px; text-indent:-9999px; vertical-align: 0; background: url("../image/common/bt_home.png") no-repeat 0 0;}
.his_map > ul > li:last-child {font-size:13px; line-height:16px; color:#333;font-weight:600;}
.his_map > ul > li:last-child::after { display:none}

.bt_r_area {position: absolute; top: 30px; right: 0;}
.bt_r_area > button {display: inline-block; text-indent: -9999px; margin:0 0 0 17px; vertical-align: top; width:22px; height: 22px;}/* 0916 */
.bt_r_area > a {display: inline-block; text-indent: -9999px; margin:-4px 0 0 6px; vertical-align: top; width:30px; height: 30px;}/* 0916 */
.bt_r_area .bt_sns {background: url("../image/common/bt_share.png") no-repeat center center / auto; }/* 0916 */
.bt_r_area .bt_mail {background: url("../image/common/bt_mail.png") no-repeat center center / auto; }/* 0916 */
.bt_r_area .bt_print {background: url("../image/common/bt_print.png") no-repeat center center / auto; }/* 0916 */

.bt_r_area .sns_con {display: none; position: absolute; top:37px; left:1px;width:34px; padding:16px 12px 4px; z-index: 1; border:1px solid #ccc; background: #fff }
.bt_r_area .sns_con::before {content: ''; position: absolute; top: -7px; left: 24px; display:block; width:10px; height: 7px; background: url("../image/common/arrow01.png") no-repeat 0 0 / auto;}
/* .bt_r_area .sns_con a {display:block; text-indent:-99999px; width:34px; height:34px; margin:0 0 12px;} */
.bt_r_area a:nth-child(1) {background: url("../image/common/sns02_s.png") no-repeat 0 0 / cover; }/* 0916 */
.bt_r_area a:nth-child(2) {background: url("../image/common/sns03_s.png") no-repeat 0 0 / cover; }/* 0916 */
.bt_r_area a:nth-child(3) {background: url("../image/common/sns04_s.png") no-repeat 0 0 / cover; }/* 0916 add */
.bt_r_area .sns_con button {position: absolute; bottom: -34px; left: -1px; width:60px; height:33px; display: block; text-indent: -9999px; border:1px solid #ccc; border-top:0; background:#f9f9f9 url("../image/common/bt_sns_close.png") no-repeat center center;}
/* .bt_r_area .sns_con a:nth-child(3) {background: url("../image/common/sns03.png") no-repeat 0 0 / cover; } */

.h3_tit {display:block; margin:70px 0 20px; font-size:36px; line-height:38px; color:#000; font-weight:600;letter-spacing: -0.5px}
.h4_tit {display:block; margin:50px 0 20px; font-size:20px; line-height:22px; color:#111; font-weight:600;letter-spacing: -0.5px}
.h5_tit {display:block; margin:28px 0 14px; font-size:16px; line-height:18px; color:#333; font-weight:600;letter-spacing: -0.5px}
.top_board {overflow: hidden;margin:0 0 17px;}
.top_board span {float: left; font-size:13px; line-height:15px; color:#999; margin-top:25px; }
.top_board em {font-size:13px; line-height:15px; color:#111;}
/***************** //서브공통 상단 *****************/

/* 발간자료 */
.top_board > div {position: relative;float: right; width:240px; font-size:13px; line-height:15px; color:#999; display: block; width: 240px; padding:0 39px 0 0; margin:0; box-sizing: border-box; border:1px solid #e1e1e1; background:none}
.top_board > div button {position: absolute; top:0; right: 0; width:39px; height: 40px; text-indent: -9999px;  background: url("../image/common/bt_search_s.png") no-repeat center center / 17px 17px;}
.top_board > div input {display: inline-block;  width: 100%; height: 40px; padding:0 10px; font-size:13px; line-height:40px;border:1px solid #fff; box-sizing: border-box; color:#333;  background: none;}

.board_list {width: 100%; margin:0;  border-top: 2px solid #111; border-bottom: 1px solid #111}
.board_list > li {position: relative; display: block; min-height: 244px; box-sizing: border-box; padding:30px 205px 32px 0; border-bottom: 1px solid #e1e1e1}
.board_list > li:last-child {border-bottom:none}
.board_list .subj {display:block; margin:0 0 9px; font-size:14px; line-height:16px; color:#5659b8;font-weight:600;}
.board_list > li > a {display: block; /*height:78px;*/ margin:0 0 18px; padding:0; font-size:20px; line-height:30px; color:#333; word-break: keep-all; word-wrap: break-word;}
.board_list > li > a img {position: absolute; top: 62px; right: 49px; border: 1px solid #e4e4e4;box-shadow: 5px 5px 20px #e4e4e4;width:80px; height:118px;}/* 0903 w,h add */
.board_list .write { font-size:14px; line-height:16px; color:#666;}
.board_list .date {position: relative; margin:0 22px; font-size:14px; line-height:16px; color:#999;}
.board_list .date:before {content:''; display: block; position: absolute; top: 4px; left: -12px; width:1px; height: 10px; background:#e1e1e1}
.board_list .date:after {content:''; display: block; position: absolute; top: 4px; right: -12px; width:1px; height: 10px; background:#e1e1e1}
.board_list .date em { color:#999;}
.board_list .look {font-size:14px; line-height:16px; color:#999;}
.board_list .look em { color:#999;}
.board_list > li .con_txt {display: block;overflow: hidden; width:100%; margin:11px 0; white-space: nowrap; text-overflow: ellipsis; font-size:14px; line-height:16px; color:#999}
.board_list > li .tag {display: block}
.board_list > li .tag a {display: inline-block; height:24px; padding:0 8px; margin:0 6px 0 0; font-size:13px; line-height:24px; color:#999; border-radius:3px; background:#f4f4f4}
.board_list > li.li02 {padding:30px 342px 32px 0;}
.board_list > li.li02 > a img {position: absolute; top: 33px; right: 0; border: none;box-shadow: none; width:280px; height:180px;}/* 0903 w,h add */
.board_list2 > li {padding:30px 342px 32px 0;}
.board_list2 > li > a img {position: absolute; top: 33px; right: 0; border: none;box-shadow: none; width:280px; height:180px;}/* 0903 w,h add */

/* 페이징 */
.pagination { text-align: center; margin: 40px 0 0; }
.pagination a, .pagination span { display: inline-block; position: relative; width: 32px; height: 32px; font-size: 14px; line-height: 32px;  color: #000; margin: 0 3px; text-align: center }
.pagination .on {color:#fff; background:#5154ff}
.pagination a.prev {margin: 0 27px 0 6px; text-indent: -9999px; background: url("../image/common/bt_prev.gif") no-repeat center center / cover; }
.pagination .next {margin: 0 6px 0 27px; text-indent: -9999px; background: url("../image/common/bt_next.gif") no-repeat center center / cover; }
.pagination .first {margin: 0; text-indent: -9999px; background: url("../image/common/bt_first.gif") no-repeat center center / cover; }
.pagination .last {margin: 0; text-indent: -9999px; background: url("../image/common/bt_last.gif") no-repeat center center / cover; }

/* 서브하단 공통 */
.sub_bottom {display:none; position: relative; width:100%; height:60px; margin:60px 0 0; padding:0 25px; box-sizing: border-box; border: 1px solid #e1e1e1}
.sub_bottom dt { font-size: 14px; line-height: 58px;  color: #333; font-weight:600;}
.sub_bottom dd {position: absolute; top: 0; right: 23px; font-size: 14px; line-height: 58px;  color: #999}
.sub_bottom dd em {margin:0 0 0 8px; color: #666}
.sub_bottom dd span {position: relative; margin:0 0 0 23px;}
.sub_bottom dd span:after {content:''; display: block; position: absolute; top: 7px; left: -13px; width:1px; height: 8px; background:#e1e1e1}
.sub_bottom dd span:first-child:after {display: none}

/* 발간자료 상세 head */
.view #header {background: rgba(0,0,0,.3)}
.view.ov #header {background: #fff }
.view #header .top_link a {color:#fff}
.view #header .top_link a::after {background:#7a8181}
.view #header h1 a {width:294px; height:61px; background:url("../image/common/logo2.png") no-repeat left top; }
.view .search_area .bt_search {background: url("../image/common/bt_search2.png") no-repeat 0 0 / cover;  }
.view #header .head_top>ul>li h2 a {color:#fff; }
.view #header:hover {background: #fff }
.view #header:hover .top_link a {color:#999}
.view #header:hover h1 a {background:url("../image/common/logo.png") no-repeat left top; }
.view #header:hover .search_area .bt_search {background: url("../image/common/bt_search.png") no-repeat 0 0 / cover;  }
.view #header:hover .head_top>ul>li h2 a  {color: #000 }
.view #menu_all {border-top:1px solid #6d7579}
.view .bg_pubm {position: absolute; top: 0; left: 0; display: block; width: 100%; height: 491px;/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#4141c8+0,5e1dca+31,7603c6+67,7908b1+100 */
    background: rgb(65,65,200); /* Old browsers */
    background: -moz-linear-gradient(left,  rgba(65,65,200,1) 0%, rgba(94,29,202,1) 31%, rgba(118,3,198,1) 67%, rgba(121,8,177,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left,  rgba(65,65,200,1) 0%,rgba(94,29,202,1) 31%,rgba(118,3,198,1) 67%,rgba(121,8,177,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right,  rgba(65,65,200,1) 0%,rgba(94,29,202,1) 31%,rgba(118,3,198,1) 67%,rgba(121,8,177,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4141c8', endColorstr='#7908b1',GradientType=1 ); /* IE6-9 */
    }
.view .bg_pubm01 {background: url("../image/pubm/view_top.jpg") no-repeat center center / cover; }
.view .bt_r_area .bt_sns {background: url("../image/common/bt_share_w.png") no-repeat center center / auto; }
.view .bt_r_area .bt_mail {background: url("../image/common/bt_mail_w.png") no-repeat center center / auto; }
.view .bt_r_area .bt_print {background: url("../image/common/bt_print_w.png") no-repeat center center / auto; }
.view #content {padding: 146px 0 0;}
.sub_top_view {height: 224px;}
.sub_top_view .subj {display:block; margin:0 0 12px; font-size:16px; line-height:18px; color:#fff;font-weight:600; opacity: .5;}
.sub_top_view .tit {display: block; width:73%; height:147px; margin:0; padding:0; font-size:33px; line-height:50px; color:#fff; word-break: keep-all; letter-spacing:-1px;}/* 0916 */
.sub_top_view .write { font-size:14px; line-height:16px; color:#fff; opacity: .8;}
.sub_top_view .date {position: relative; margin:0 22px; font-size:14px; line-height:16px; color:#fff; opacity: .5;}
.sub_top_view .date:before {content:''; display: block; position: absolute; top: 4px; left: -12px; width:1px; height: 10px;opacity: .5; background:#fff}
.sub_top_view .date:after {content:''; display: block; position: absolute; top: 4px; right: -12px; width:1px; height: 10px;opacity: .5; background:#fff}
.sub_top_view .look {font-size:14px; line-height:16px; color:#fff; opacity: .5;}
.sub_top_view .bt_r_area {position: absolute; top: 179px; right: 0;}

.board_con {padding:48px 0 0; font-size:16px; line-height:28px; color:#666}
.board_con2 {padding:48px 0;    margin: 0 0 40px; border-bottom: 1px solid #000;}
.board_con .tag {display: block; margin:35px 0 40px;}
.board_con .tag a {display: inline-block; height:24px; padding:0 8px; margin:0 6px 0 0; font-size:13px; line-height:24px; color:#999; border-radius:3px; background:#f4f4f4}
.board_con .img {width: 100%; margin:0 0 36px; text-align: center}
.board_con .img img {max-width: 100%;}
.board_con strong {font-weight: 600}

.board_file {overflow: hidden; width:100%; margin:50px 0 0; border-top: 1px solid #e1e1e1}
.board_file dt {float: left; width: 10%; padding:24px 0 25px 0; margin:0; font-size:14px; line-height:16px; color:#333;font-weight: 500; text-align: center }
.board_file dd {float: left; width: 90%; padding:24px 0 25px 0; margin:0; font-size:14px; line-height:16px; color:#666; }
.board_file dd button {display: inline-block;  padding:0 0 0 26px;font-size:14px; line-height:16px; color:#666;background: url("../image/common/icon_dw.png") no-repeat 0 center / auto;}

.board_go {overflow: hidden; width:100%; margin:0 0 40px; border-top: 1px solid #000; border-bottom: 1px solid #000}
.board_go dt {float: left; width: 10%; padding:24px 0 25px 0; margin:0; font-size:14px; line-height:16px; color:#333;font-weight: 500; text-align: center; border-bottom: 1px solid #e1e1e1 }
.board_go dd {float: left; width: 90%; padding:24px 0 25px 0; margin:0; font-size:14px; line-height:16px; color:#666; border-bottom: 1px solid #e1e1e1}
.board_go dd a {display: block;  padding:0;font-size:14px; line-height:16px; color:#666;}
.board_go dd:last-child, .board_go dt:nth-child(3) { border-bottom:none}

.txt_none {text-indent: -9999px;}
.txt_center {width: 100%; padding:0; margin:0; text-align: center}
.txt_right {width: 100%; padding:0; margin:0; text-align: right}

/* 버튼 */
.bt_purple {display: inline-block; text-align: center; padding:0 28px; font-size:14px; line-height:40px; color:#fff; background:#5154ff }
.bt_purple2 {display: inline-block; text-align: center; padding:0 16px; font-size:14px; line-height:32px; color:#fff; background:#5154ff }
.bt_purple3 {display: inline-block; text-align: center; padding:0 20px; font-size:14px; line-height:40px; color:#fff; background:#5154ff }

/* 주요행사 */
.board_con_top {padding:36px 0 28px; margin:80px 0 0; text-align: center; border-top:1px solid #111; border-bottom:1px solid #e1e1e1 }
.board_con_top span {position: relative;}
.board_con_top span:after {content:''; display: block; position: absolute; top: 3px; right: -12px; width:1px; height: 10px; background:#e1e1e1}
.board_con_top .subj:after, .board_con_top span:last-child:after {display: none;}
.board_con_top .subj {display:block; margin:0 0 14px; font-size:14px; line-height:16px; color:#5659b8;font-weight:600;}
.board_con_top .tit {display: block; margin:0 0 21px; padding:0; font-size:30px; line-height:42px; color:#111; word-break: keep-all}
.board_con_top .write {position: relative; margin:0 22px 0 0; font-size:14px; line-height:16px; color:#666;}
.board_con_top .write:after {content:''; display: block; position: absolute; top: 4px; right: -12px; width:1px; height: 10px; background:#e1e1e1}
.board_con_top .write em { color:#999;}
.board_con_top .part {position: relative; margin:0 22px 0 0; font-size:14px; line-height:16px; color:#999;}
.board_con_top .part em { color:#666;}
.board_con_top .regis {position: relative; margin:0 22px 0 0; font-size:14px; line-height:16px; color:#999;}
.board_con_top .regis em { color:#666;}
.board_con_top .date {position: relative; margin:0 22px 0 0; font-size:14px; line-height:16px; color:#999;}
.board_con_top .date em { color:#666;}
.board_con_top .look {font-size:14px; line-height:16px; color:#999;}
.board_con_top .look em { color:#666;}

/* 탭 */
.tab_page {overflow: hidden; margin:0 0 40px;}
.tab_page2 > li {width:50%;}
.tab_page3 > li {width:33.33%;}
.tab_page4 > li {width:25%;}
.tab_page5 > li {width:20%;}
.tab_page6 > li {width:16.66%;}
.tab_page > li {float: left;}
.tab_page > li > a,
.tab_page > li > button {display: block; height: 50px; font-size:14px; line-height:50px; color:#000; text-align: center; border:1px solid #e1e1e1; border-left:none;box-sizing: border-box }
.tab_page > li:first-child > a,
.tab_page > li:first-child > button {border-left:1px solid #e1e1e1;}
.tab_page > li > a.on,.tab_page > li > a:hover,
.tab_page > li > button.on,.tab_page > li > button:hover {color:#fff; background:#131517}

/* 멀티미디어 */
.board_m_list {position: relative;overflow: hidden; padding: 40px 0 10px; margin:0; border-top:2px solid #111; border-bottom:1px solid #111}
.board_m_list li {position:relative; float: left; margin:0 30px 0 0; width:380px;height:342px; box-sizing: border-box}
.board_m_list li:nth-child(3n) {margin:0;}
.board_m_list li a, .board_m_list li button {display: block; font-size:16px; line-height:26px; color:#000; text-align: left;}
.board_m_list img {margin:0 0 16px; vertical-align: top; width:380px; height:220px;}/* 0903 w,h add */
.board_m_list li button span span {display: block; height:59px;}
.board_m_list li button .date {display: block; margin:5px 0 0; font-size:14px; line-height:18px; color:#666}
.btn_modify {position:absolute; bottom:10px; right:0;}
.board_m_list li .bt_purple {display: inline-block; text-align: center; padding:0 28px; font-size:14px; line-height:40px; color:#fff; background:#5154ff }

/* 검색 */
.search_info {display: block; margin:65px 0 20px; font-size:36px; line-height:38px; color:#000}
.search_info strong {font-weight: 600; color:#5154ff}
.search_none {border-bottom:1px solid #e1e1e1}
.search_none li {padding:60px 0}
.search_none li div {padding:85px 0 0; font-size:20px; line-height:28px; color:#333; text-align: center; background: url("../image/common/icon_noti.png") no-repeat center top / auto;}

/* 공지사항 */
.tbl {width:100%; margin:0 0 20px; border-collapse:separate; border-spacing:0; border-top:2px solid #111; }
.tbl thead th {position: relative; padding:20px 10px; vertical-align: middle; font-size:14px; line-height:16px; color:#333; text-align: center; font-weight: 500; border-bottom:1px solid #dedede;}
.tbl td {position: relative; padding:22px 10px; vertical-align: middle; font-size:14px; line-height:20px; color:#666; text-align: center; border-bottom:1px solid #dedede;}
.tbl td.noti {color:#5659b8; font-weight: 500}
.tbl td.tit {text-align: left; }
.tbl td.tit a {max-width:100%; color:#333; display: inline-block;/*overflow: hidden;  white-space: nowrap; text-overflow: ellipsis;*/vertical-align:top}
.tbl td.tit_long a {max-width:100%;  white-space: normal;}
.tbl td.tit img {vertical-align: -1px}
.tbl tr:last-child td {border-bottom:1px solid #111;}
.tbl2 td {height: 58px; padding:0 10px;}
.tbl2 td.tit {max-width:450px; }

.tbl3 {width:100%; margin:0 0 20px; border-collapse:collapse;  border-top:2px solid #111; }
.tbl3 thead th {padding:20px 0; font-size:14px; line-height:16px; color:#333; text-align: center; font-weight: 500; border:1px solid #dedede; border-bottom: 0; background:#f9f9f9}
.tbl3 tbody th {padding:20px 0; font-size:14px; line-height:16px; color:#333; text-align: center; font-weight: 500; border:1px solid #dedede; background:#fff}
.tbl3 td {position: relative; padding:20px 30px;  font-size:14px; line-height:26px; color:#666; text-align: left; word-break: keep-all; border:1px solid #dedede;}
.tbl3_2 td {padding:20px 0; line-height:16px; text-align: center;}
.tbl3_3 td:last-child {padding:20px 10px; line-height:16px; text-align: center;}

.tbl4 {width:100%; margin:0 0 40px; border-collapse:separate; border-spacing:0; border-top:2px solid #111; border-left:1px solid #dedede;}
.tbl4 th { padding:20px 10px; vertical-align: middle; font-size:14px; line-height:16px; color:#333; text-align: center; font-weight: 500; border-bottom:1px solid #dedede; border-right:1px solid #dedede; background:#f9f9f9}
.tbl4 td {padding:20px 10px; font-size:14px; line-height:26px; color:#666; text-align: center; word-break: keep-all; border-bottom:1px solid #dedede; border-right:1px solid #dedede;}

/* 학술회의 */
.board_info_top {overflow: hidden; width: 100%; }
.board_info_top li {width: 50%; float: left; text-align: left; padding:22px 0; font-size:14px; line-height:18px; color:#666;  border-bottom: 1px solid #e1e1e1}
.board_info_top li:first-child {width: 100%;}
.board_info_top li strong {display: inline-block; width:115px; font-size:14px; line-height:18px; color:#333; text-align: center }

/* 인사말 */
.int_con_top {width:100%; height: 296px; padding:91px 0 0 102px; box-sizing: border-box; background: url("../image/introduce/bg01.jpg") no-repeat center top / cover;}
.int_con_top dt {position: relative;display:block; margin:0 0 38px; font-size:12px; line-height:14px; color:#fff; letter-spacing: 2px; font-family:'Roboto', sans-serif;}
.int_con_top dt::after {content:""; display:block; clear:both; position: absolute; top:8px; left:153px;  width:205px; height:1px; background:rgba(255,255,255,.4)}
.int_con_top dd {display:block; font-size:30px; line-height:42px; color:#fff; font-weight: 600;}
.int_con_txt {padding:48px 100px 0; font-size:16px; line-height:28px; color:#666; letter-spacing: -1px; word-break: keep-all}
.int_con_txt .sign {display:block; margin:13px 0 0;font-size:14px; line-height:18px; color:#999;}
.int_con_txt .sign strong {margin:0 19px 0 12px; font-size:16px; line-height:18px; color:#333;font-weight: 600;}
.int_con_txt .sign img {vertical-align: bottom}

/* 오시는길 */
.loc_con .map {width:100%; height: 450px; border:none;}
.loc_con ul {position: relative; margin:36px 0 0}
.loc_con li{position: relative; display:block; padding: 0 0 0 85px; margin:0 0 18px; font-size:14px; line-height:24px; color:#333; }
.loc_con li strong {position: absolute; top: 0; left: 0; width:85px; font-size:14px; line-height:24px; color:#333;}
.loc_con li span.eng {color:#999}
.loc_con li a {color:#666;}
/* .loc_con li:last-child {position: absolute; top: 0; right:0;  font-size:14px; line-height:24px; color:#333; text-align: right}
.loc_con li:last-child strong {position: relative; margin:0 18px 0 29px;}
.loc_con li:last-child strong:after {content:""; display:block; clear:both; position: absolute; top:5px; right: -9px; width:1px; height:10px;background:#111} */

/* 일정안내 */
.cal_top {position: relative; width: 100%; margin:0 0 30px; text-align: center;}
.cal_top strong {font-size:32px; line-height:32px; color:#333;font-weight: 600; letter-spacing: -1px; vertical-align: top;}
.cal_top button {position: absolute; top: 9px;left:41%; display: block; text-indent: -9999px; width:8px; height:15px; background: url("../image/introduce/bt_prev.png") no-repeat center top / cover;}
.cal_top button:last-child {left:unset;left:auto; right:41%; background: url("../image/introduce/bt_next.png") no-repeat center top / cover;}
.calendar {width:100%; margin:0 0 48px; border-collapse:separate; border-spacing:0; border-top:2px solid #111; }
.calendar th {padding:23px 0 20px; border-bottom:1px solid #ccc; font-size:14px; line-height:16px; color:#333; text-align: center;font-weight: 500; }
.calendar td {position: relative; width:14.28%; height: 120px; padding:0; vertical-align: top; border-bottom:1px solid #ccc;}
.calendar td button {position: relative; display: block; width: 100%; height: 100%; padding: 15px 0 0 13px; box-sizing: border-box;text-align:left}
.calendar td button:hover, .calendar td button:focus,.calendar td button.on {background:#edeeff}
.calendar td button > span:first-child {position: absolute; top:15px; left: 13px;font-size:16px; line-height:16px; color:#333; font-weight: 500;}
.calendar td button span+span{position: absolute; bottom: 15px; display: block; padding: 0 0 0 12px; font-size:14px; line-height:22px; color:#5154ff;word-break: keep-all; font-weight: 500;}
.calendar td button span+span::after {position: absolute; top: -1px; left:-4px;  content: 'ㆍ'; font-size:20px; font-weight: 900;}
.calendar td button.today {border:1px solid #5154ff;height: 102%; margin:-1px 0; background:#fff}
.calendar td button.today::after {position: absolute; top: 15px; right:13px;  content: 'TODAY'; font-size:11px; line-height:11px; color:#5154ff;font-family:'Roboto', sans-serif;font-weight: 700;}
.calendar td button.today span{color:#5154ff;}

/* 조직도 */
.orga_top {position: relative; height:629px; padding:53px 0 0 0; box-sizing: border-box; background:#2b548e url("../image/introduce/bg02.png") no-repeat center 103px;}
.orga_top .top0 {display: block; width:190px; margin:0 auto 20px; padding:0; font-size:16px; line-height:50px; color:#fff; text-align: center; background:#003964}
.orga_top .top {display: block; width:190px; margin:0 auto 20px; padding:0; font-size:16px; line-height:50px; color:#000; text-align: center; font-weight:normal; background:#e1e1e1}
.orga_top .top2 {position: absolute; top:123px; right: 190px; display: block; width:180px; margin:0 auto; padding:0; font-size:14px; line-height:50px; color:#fff; text-align: center; background:#47a8bc}
.orga_top button {display: block; text-align: left; padding:0 0 0 10px; box-sizing: border-box;  font-weight: 500; background:#fff}/* 0925 */
.orga_top button span {vertical-align: top;}
.orga_top .ul01 {position: absolute; top:403px; left:150px}
.orga_top .ul01 li {margin:0 0 8px;}
.orga_top .ul01 li button {width: 143px; height: 50px; font-size:13px; line-height:50px;  color:#666; border:1px solid #ccc}/* 0925 */
.orga_top .ul02 {position: absolute; top:181px; right:190px}
.orga_top .ul02 li {margin:0 0 8px;}
.orga_top .ul02 li button {width: 180px; height: 45px; font-size:13px; line-height:45px; color:#5659b8; border:1px solid #5659b8}/* 0925 */
.orga_top .ul03 {position: absolute; top:313px; left:150px; overflow: hidden;}
.orga_top .ul03 li {float: left; margin:0 8px 8px 0;}
.orga_top .ul03 li button {width: 143px; height: 70px; padding:0; text-align:center; font-size:15px; line-height:20px;color:#111; letter-spacing:-1px; border:1px solid #103991; background:#d5ccc3}/* 0916 */
.orga_bottom {border-top:2px solid #111;}
.orga_bottom li {overflow: hidden; width: 100%; padding:30px 0; border-bottom:1px solid #e1e1e1}
.orga_bottom li:last-child {border-bottom:1px solid #111}
.orga_bottom .orga_in {position: relative; float: left; width: 50%; min-height: 169px; padding:0 0 0 156px; box-sizing: border-box; }
.orga_bottom .orga_in img {position: absolute; top:0; left:0; border:1px solid #e1e1e1;width:129px;height:172px;}
.orga_bottom .orga_in dl {overflow: hidden; margin:0;}
.orga_bottom .orga_in dl * {vertical-align: top;}
.orga_bottom .orga_in dt {float: left; width:15%; font-size:13px; line-height:14px; color:#999}
.orga_bottom .orga_in dd {float: left; width:85%; margin:0 0 13px; font-size:13px; line-height:14px; color:#333;font-weight: 500;min-height:14px;}
.orga_bottom .orga_in a {display: block; position: absolute; top: 137px; left:156px; width: 120px; height: 30px; font-size:13px; line-height:30px; color:#333; text-align: center; font-weight: 500;border:1px solid #ccc}
.orga_detail {border-top:2px solid #111; border-bottom:1px solid #111}
.orga_detail .orga_in {position: relative;overflow: hidden; margin:0; padding:30px 0 30px 156px;  width: 100%; min-height: 230px; box-sizing: border-box; border-bottom:1px solid #e1e1e1}
.orga_detail .orga_in img {position: absolute; top:30px; left:0; border:1px solid #e1e1e1;width:129px;height:172px;}
.orga_detail .orga_in dl {overflow: hidden; margin:0;}
.orga_detail .orga_in dl * {vertical-align: top;}
.orga_detail .orga_in dt {float: left; width:15%; font-size:14px; line-height:16px; color:#999}
.orga_detail .orga_in dd {float: left; width:85%; margin:0 0 13px; font-size:14px; line-height:16px; color:#333;font-weight: 500;min-height:14px;}
.orga_detail .orga_in2 {padding:45px 0 14px}
.orga_detail .orga_in2 dl {overflow: hidden;}
.orga_detail .orga_in2 dt {float: left; width:13%; font-size:18px; line-height:28px; color:#111; font-weight: 600;}
.orga_detail .orga_in2 dd {float: left; width:87%; margin:0 0 35px; font-size:16px; line-height:28px; color:#333;}
.orga_detail .orga_in2 dd a {color:#333;}
.orga_detail .orga_in2 dd a:hover {text-decoration:underline}
.orga_detail .orga_in2 dd strong {font-weight:600;}

/* 프로그램 */
.pro_con .tab_page {margin:0 0 55px;}
.pro_con_top {width:100%; height: 293px; margin:0 0 50px; padding:68px 0 0 102px; box-sizing: border-box; background: url("../image/program/bg01.jpg") no-repeat center top / cover;}
.pro_con_top dt {position: relative;display:block; margin:0 0 38px; font-size:12px; line-height:14px; color:#fff; letter-spacing: 2px; font-family:'Roboto', sans-serif;}
.pro_con_top dt::after {content:""; display:block; clear:both; position: absolute; top:8px; left:153px;  width:205px; height:1px; background:rgba(255,255,255,.4)}
.pro_con_top dd {display:block; font-size:26px; line-height:36px; color:#fff; font-weight: 600;}
.pro_con_txt {margin:18px 0 0; padding:48px 0 0; font-size:16px; line-height:28px; color:#666; letter-spacing:-0.5px; word-break: keep-all; border-top:2px solid #111}
.sel01 {position: absolute; top:90px; right: 0; width: 200px; } 

/* 외교사 데이터베이스 */
.db_con_top {width:100%; height: 293px; margin:0 0 30px; padding:55px 0 0 102px; box-sizing: border-box; background: url("../image/datab/bg01.jpg") no-repeat center top / cover;}
.db_con_top .txt01 {display:block;  font-size:26px; line-height:36px; color:#fff; letter-spacing: -0.5px;}
.db_con_top .txt02 {display:block; margin:15px 0 20px; font-size:14px; line-height:22px; color:#fff; opacity: .5;}
.db_con_top .txt01 span,
.db_con_top .txt02 span  {display:block;}
.db_con_top a {display:inline-block; padding:0 18px; font-size:14px; line-height:38px; color:#fff; letter-spacing:-0.5px; border:1px solid #fff}

.search_db {margin:0 0 30px; padding:30px 0 0 40px; background:#f8f8f8}
.search_db dl {overflow: hidden; width: 570px;}
.search_db dt {width:94px; float: left; font-size:14px; line-height:46px; color:#000; font-weight: 500}
.search_db dd {width:476px; float: left; margin:0 0 12px; font-size:14px; line-height:46px; color:#000; }
.search_db .interval {margin:0 10px;}
.search_db .inp01 {width: 182px; }
.search_db .inp02 {width: 399px; }
.search_db label {margin:0 28px 0 0}

.ul04 li {display: block; margin:0 0 7px; font-size:14px; line-height:16px; color:#666}
.db_con_top2 {padding:112px 0 0 102px;background: url("../image/datab/bg02.jpg") no-repeat center top / cover;}
.top_board_mar span {margin-top:39px}

select::-ms-expand { display: none; }
select {position:relative; height: 40px; padding:0 0 0 20px; font-size:14px; line-height:40px; color:#111; border: 1px solid #e1e1e1; -webkit-appearance: none;-moz-appearance: none; -ms-appearance: none;	appearance: none; background:url("../image/common/arrow02.png") no-repeat 94% center;}
select * { background: #fff}

input[type=text], input[type=password] {height: 46px; padding:0 19px;font-size:14px; line-height:46px; color:#000; border: 1px solid #ccc; box-sizing: border-box; background:#fff}
input[type="checkbox"] {margin-right: 7px; width: 20px; height: 20px; vertical-align: -4px;} 

/* 0813 add */
.search_db2 {padding:30px 0 20px 40px;}
.db_con_top3 {padding:78px 0 0 102px;background: url("../image/datab/bg03.jpg") no-repeat center top / cover;}
.search_db select {width: 182px; height: 46px; line-height: 46px; padding:0 30px 0 20px; border: 1px solid #ccc; background-color:#fff}
.orga_detail .orga_in3 {position: relative;overflow: hidden; margin:50px 0 0 0; padding:0; width: 100%; box-sizing: border-box; border-bottom:1px solid #e1e1e1}
.orga_detail .orga_in3 ul {margin:0;}
.orga_detail .orga_in3 li {width:100%; padding:25px 0 25px 29px; margin:0 0 20px; font-size:14px; line-height:27px; color:#333; box-sizing: border-box;border: 1px solid #ccc; }
.orga_detail .orga_in3 li:last-child {margin-bottom:50px}
.orga_detail .orga_in3 li h4 {display: block; margin: 0 0 26px; font-size:18px; line-height:20px; color:#111; }
.orga_detail .orga_in3 img {position: absolute; top:30px; left:0; border:1px solid #e1e1e1}
.orga_detail .orga_in3 dl {overflow: hidden; margin:0 0 23px; padding:0 0 17px; border-bottom: 1px solid #e1e1e1}
.orga_detail .orga_in3 dl * {vertical-align: top;}
.orga_detail .orga_in3 dt {float: left; width:13%; font-size:13px; line-height:16px; color:#999}
.orga_detail .orga_in3 dd {float: left; width:87%; margin:0 0 13px; font-size:14px; line-height:16px; color:#333;font-weight: 500;}

/* 0903 add */
.pop_layer .pop_layer_in .pop_layer_con.ytb { position: relative; width: 100%;height: 56vh; padding-bottom: 56.25%; }
.ytb iframe { position: absolute; width: 100%; height: 100%; }
.con_none {display: flex; width:267px; height:157px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; 
    display: -webkit-box; display: -ms-flexbox; display: flex; 
    -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;}
.con_none2 {display: flex; width:100%; height:229px; padding:0; -webkit-box-align: center; -ms-flex-align: center; align-items: center; 
    display: -webkit-box; display: -ms-flexbox; display: flex; 
    -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;}
.th_w01 {width:62px;}
.th_w02 {width:97px;}
.th_w03 {width:590px;}
.th_w04 {width:149px;}
.th_w05 {width:124px;}
.th_w06 {width:97px;}
.th_w07 {width:81px;}

.orga_top .ul01 li:nth-child(1) {position:absolute; top:0; left:0;}
.orga_top .ul01 li:nth-child(2) {position:absolute; top:0; left:151px;}
.orga_top .ul01 li:nth-child(3) {position:absolute; top:0; left:303px;}
.orga_top .ul01 li:nth-child(4) {position:absolute; top:58px; left:303px;}
.orga_top .ul01 li:nth-child(5) {position:absolute; top:0; left:454px;}
.orga_top .ul01 li:nth-child(6) {position:absolute; top:58px; left:454px;}
.orga_top .ul01 li:nth-child(7) {position:absolute; top:116px; left:454px;}
.report_comment {margin-bottom:10px}

/* 0922 start */
@media all and (max-width:1220px) {
    .his_map {padding: 26px 10px 17px;}
    .bt_r_area {right:5%}
    .con_in {padding-left:5%; padding-right:5%;}
    .board_con.con_in, .pro_con.con_in, .int_con.con_in, .loc_con.con_in {padding:0;}
    .board_con.con_in img,
    .pro_con_txt img {width:100% !important; height: auto !important;}
    .board_info_top li strong { width:80px; }
    
    .sub_top_view .bt_r_area {right: 20px;}
    .sub_top_view .tit {font-size: 24px; line-height: 30px;}
    .view .bg_pubm01 {background-position: 60% 0;}
    .sub_top_view {height: 265px;}
    .pro_con_top {background-position: 15% center }

    .board_m_list {padding: 20px 0 10px; margin:0; display: flex; margin: 0 auto; flex-wrap: wrap}
    .board_m_list li {margin: 0; height: auto; flex-direction: column; flex: none; width:33.3%; padding: 0 5px 20px;}
    .board_m_list li a, .board_m_list li button {display: block; font-size:14px; line-height:18px; color:#000; text-align: left;}
    .board_m_list li button > span {flex: auto}
    .board_m_list img {margin:0 0 10px; width:100%; height: auto;}
    .board_m_list li button span span {display: block; height:59px;}
    .board_m_list li button .date {display: block; margin:5px 0 0; font-size:14px; line-height:18px; color:#666}
    .btn_modify { right:5px;}
    .board_m_list li .bt_purple {padding:0 14px; font-size:14px; line-height:30px; }
    .int_con_txt {padding: 48px 50px 0;}
    .int_con_top {background-position: 15% center;}
    .orga_bottom .orga_in dt {width:25%}
    .orga_bottom .orga_in dd {width:75%}
    .orga_top .top2 {left: 50%; margin: 0 0 0 230px;}
    .orga_top .ul01 {left: 50%; margin: 0 0 0 -439px;}
    .orga_top .ul02 {left: 50%; margin: 0 0 0 230px}
    .orga_top .ul03 {left: 50%; margin: 0 0 0 -440px;}
    .orga_top .ul03 li {margin: 0 4px 8px 0;}
    
    .orga_top .ul01 li:nth-child(1) {position:absolute; top:0; left:0;}
	.orga_top .ul01 li:nth-child(2) {position:absolute; top:0; left:146px;}
	.orga_top .ul01 li:nth-child(3) {position:absolute; top:0; left:293px;}
	.orga_top .ul01 li:nth-child(4) {position:absolute; top:58px; left:293px;}
	.orga_top .ul01 li:nth-child(5) {position:absolute; top:0; left:440px;}
	.orga_top .ul01 li:nth-child(6) {position:absolute; top:58px; left:440px;}
	.orga_top .ul01 li:nth-child(7) {position:absolute; top:116px; left:440px;}
    
    .cal_top button {left:50%; margin:0 0 0 -90px}
    .cal_top button:last-child {left:50%; margin:0 0 0 80px}
    .calendar td button span+span {max-height: 66px; overflow: hidden;}
    .tbl td.tit a {display: inline}
    .tbl_m03 th:nth-child(3),
    .tbl_m03 td:nth-child(3),
    .tbl_m03 th:nth-child(4),
    .tbl_m03 td:nth-child(4) {width:11%}

    .tbl_m01 th:nth-child(4),
    .tbl_m01 td:nth-child(4) {width:15%}
 /*    .loc_con li:last-child {position: static; text-align:left; margin: 0 0 0 -114px; }
    .loc_con li:last-child strong { display: block; float: left; width: 85px; margin:0 0 0 29px }
    .loc_con li:last-child a {display:block;  float: left;}
    .loc_con li:last-child strong::after {display: none}
    .loc_con li:last-child strong:nth-child(3) { margin:0 0 0 80px } */
    

}
/* 0826 add */
.con_layout04 {position: relative;  padding: 48px 345px 0 0; font-size:16px; line-height:24px; color:#777; letter-spacing: -0.5px; word-break: keep-all}
.con_layout04 > strong {display: block; margin:0 0 30px;font-size:20px; font-weight: 500}
.con_layout04 .prof {position: absolute; top:48px; right:0; width:326px; height: 326px;}
.con_layout04 .sign {position: absolute; top:383px; right:0; display: block; width:326px;text-align:center; font-size:16px; line-height:24px; color:#777; }
.con_layout04 .sign strong {color:#333}