@charset "utf-8";
@import "layout.css";
@import "contents.css";
@import "introduce.css";

@import "doc_search.css";
@import "search.css";
@import "layerpopup.css";
@import "magnific-popup.css";
@import "slide.css";
@import "ark.css";

@import "/css/egovframework/pa/portal/common/pa2018/vendors/swiper/swiper.min.css";
@import "/css/egovframework/pa/portal/common/pa2018/main/common_sub.css";

/* 151005 리뉴얼 수정 */
*{padding:0; margin:0;}
body{vertical-align:baseline; font-family:'맑은고딕',Malgun Gothic,dotum,'돋움',gulim,'굴림',sans-serif; font-size:13px; color:#2b2f3a; font-weight:inherit; font-style:inherit; outline:0; border:0; /*background:url(/images/egovframework/pa/portal/common/bg_html.gif) repeat-x 0 0;*/}
h1, h2, h3, h4, h5, h6{font-size:100%;}
ul, ol, li{list-style:none;}
fieldset, img{border:0;}
table{border-collapse:collapse; border-spacing:0;}
a{margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent; color:#2b2f3a;}
a:active, a:focus, a:link{color:#2b2f3a; text-decoration:none;}
a:hover{color:#4464a4; text-decoration:none; cursor:pointer;}
a:visited{text-decoration:none;}
hr{display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0;}
input, select{vertical-align:middle; height: 28px;} /*조직도 검색버튼 높이 수정 191127 */
em{font-style:normal;}
input[type="button"]{border:0!important; cursor:pointer;}
input[type="submit"]{border:0; cursor:pointer;}
th, td{font-weight:normal;}
p img{vertical-align:middle;}
.hdn {position:absolute; top:0; left:0; width:0; height:0; overflow:hidden;}
.btn_new {position: relative; background: #f9f9f9; color: #555; border:1px solid #d1d1d1; box-sizing:border-box; height: 30px; width: 50px; display: inline-block; margin-left:3px;}

#skip a{z-index:100000; position:absolute; top:0; left:0; width:1px; height:1px; font-size:0; line-height:0; overflow:hidden;}
#skip a:focus, #skip a:active{width:200px; height:50px; background:#21272e; color:#fff; font-size:13px; font-weight:bold; text-align:center; text-decoration:none; line-height:50px;}

.blind, legend{position:absolute; left:0; top:0; /*visibility:hidden; width:0; height:0; width:1px;*/ height:1px; clip: rect(1px, 1px, 1px, 1px); overflow:hidden;  margin:0; padding:0;} 
caption{left:-5000px; top:0; overflow:hidden; width:0; height:0; margin:0; padding:0;}
.fn{font-weight:normal !important;}
.fb{font-weight:bold !important;}
.bd0{border:0 !important;}
.pd0{padding:0 !important;}

.btn_blue{background:#43567c; font-weight:bold; color:#fff; text-align:center; /*padding:5px 10px;*/ border:0;}
.btn_blue a{color:#fff;}
.btn_bluem{margin-left:10px; padding:0 10px 0 10px; background:#43567c; font-weight:bold; color:#fff; text-align:center; height:21px; line-height:21px;}
.btn_blueh {background:#43567c; font-weight:bold; color:#fff; text-align:center; height:21px; line-height:21px; padding:5px 10px 5px 10px; float:right;}
.btn_blueh a{color:#fff;}
.btn_blue1{background:#43567c; color:#fff; text-align:center; height:19px; padding:0 6px;}
.btn_blue2{background:#4464a4; color:#fff; text-align:center; height:40px; padding:0 20px; display:inline-block; border:0;  box-sizing:border-box; line-height:10px;}
a.btn_blue2{background:#4464a4; color:#fff; text-align:center; height:40px; padding:0 40px; display:inline-block; border:0; line-height:40px;}
.btn_blue3{background:#4464a4; color:#fff; text-align:center; height:36px; padding:0 20px; box-sizing:border-box} /* 191120 edit */
.btn_blue4{background:#4464a4; color:#fff; text-align:center; height:25px; padding:0 8px;} /* 141028 추가 */
.btn_gray{background:#727786; color:#fff; text-align:center; height:21px; padding:0 8px;}
.btn_gray2{background:#e6e7e7; color:#2b2f3a; text-align:center; height:30px; padding:0 15px;} /* 141017 추가*/
.btn_gray3{background:#0b3d82; color:#fff; text-align:center; height:21px;padding:0 15px;} /* 141022 추가 */
.btn_gray4{background:#e6e7e7; color:#2b2f3a; text-align:center; height:21px; padding:0 15px;} /* 141022 추가 */
.btn_yellow{background:#fdfbde; border:1px solid #dfddbf; color:#7a5f45; text-align:center; height:19px; padding:0 10px;} /* 141019 추가 */
.btn_white{background:#fff; padding:0 8px; font-size:11px; color:#2b2f3a; height:17px;} /* 141022 추가 */
.btn_newpu{background:#4464a4; color:#fff; text-align:center; height:24px; padding:0 15px; float:right;}
a.btn_blue3.fn{background:#4464a4; color:#fff !important; text-align:center !important; height:36px; line-height:36px; padding:0 20px; box-sizing:border-box; display:inline-block; vertical-align:middle;} /* 20-01-06 추가 */

.btn_blue5{background:#d1ebf6; border:1px solid #afc3d5!important; color:#365570; text-align:center; height:23px; line-height:23px; padding:0 6px;}
.btn_blue6 a{background:#43567c; font-weight:bold; color:#fff; text-align:center; height:31px; display:inline-block; padding:0 10px; line-height:31px; float:right;}
.btn_more a{ margin:0; border:1px solid #afc3d5; background:#d1ebf6; color:#365570!important; text-decoration:none;vertical-align:middle; line-height:18px; display:inline-block!important; padding:0 10px; height:22px; text-align:center!important; text-decoration:none!important;}
.btn_blue_ex{background:#4464a4; color:#fff; text-align:center; height:36px; width:80px; box-sizing:border-box; margin-bottom:2px;} /* 191209 add */

.btn_p{background:url(/images/egovframework/pa/portal/common/bg_btn_p.gif) no-repeat left top; padding:0 0 0 15px; display:inline-block; height:35px;}
.btn_p a{background:url(/images/egovframework/pa/portal/common/bg_btn_p.gif) no-repeat right top; padding:7px 15px 10px 0; display:inline-block; color:#fff; font-size:14px;}
.btn_r{background:url(/images/egovframework/pa/portal/common/bg_btn_r.gif) no-repeat left top; padding:0 0 0 15px; display:inline-block; height:35px;}
.btn_r a{background:url(/images/egovframework/pa/portal/common/bg_btn_r.gif) no-repeat right top; padding:7px 15px 10px 0; display:inline-block; color:#fff; font-size:14px;}
.btn_blueb{background:#4464a4; font-weight:bold; color:#fff; text-align:center; height:26px; line-height:26px; padding:0 10px 0 10px; float:right; margin:0 0 10px 0;}
.btn_blueb a{color:#fff;}
.news_btn{margin:20px 0; clear:both;}

.ico_red{padding:4px 4px; background:#dd2f00; font-size:11px; color:#fff; height:19px; line-height:19px;}
.ico_blue{padding:4px 4px; background:#4464a4; font-size:11px; color:#fff; height:19px; line-height:19px;}
.ico_blue02{padding:10px 13px; background:#4464a4; font-size:13px; color:#fff; height:33px; line-height:45px;}
.ico_blue03{padding:10px 13px; background:#4464a4; font-size:13px; color:#fff; height:33px; line-height:45px; margin-top:25px;}
.ico_gray{padding:4px 4px; background:#2b2f3a; font-size:11px; color:#fff; height:19px; line-height:19px;}

.mg0{margin:0px!important;}
.h10{margin-top:0px!important;}
.mt0{margin-top:0px!important}
.mt5{margin-top:5px!important;}
.mt10{margin-top:10px!important;}
.mt15{margin-top:15px!important;}
.mt18 {margin-top: 18px!important;}
.mt20{margin-top:20px!important;}
.mt30{margin-top:30px!important;}
.mt40{margin-top:40px!important;}
.mt50{margin-top:50px!important;}
.mt60{margin-top:10px!important;}

.mt-3{margin-top:-3px!important}
.mt-20{margin-top:-20px!important;}
.mt-25{margin-top:-25px!important;}
.mt-30{margin-top:-30px!important;}
.mt-35{margin-top:-35px!important;}
.mt-40{margin-top:-40px!important;}
.mt-50{margin-top:-50px!important;}

.mb0{margin-bottom:0px!important;}
.mb10{margin-bottom:10px!important;}
.mb15{margin-bottom:15px!important;}
.mb20{margin-bottom:20px!important;}
.mb30{margin-bottom:30px!important;}
.mb40{margin-bottom:40px!important;}

.ml0 {margin-left:0px!important;} 
.ml-1{margin-left:-1px!important;}
.ml-2{margin-left:-2px!important;}
.ml10{margin-left:10px;}
.ml20{margin-left:20px!important;}	
.ml10{margin-left:10px!important;}
.ml20{margin-left:20px!important;}
.ml30{margin-left: 30px!important;}
.ml50{margin-left: 50px!important;}

.mr0{margin-right:0px!important;;}
.mr10{margin-right:10px!important;;}
.mr20{margin-right:20px!important;;}
.mr30{margin-right:30px!important;;}

.pd0 {padding:0px!important;}
.pd5{padding:5px!important;}
.pd20{padding:20px!important;}
.pl25 {padding-left:25px!important;}
.pt20 {padding-top:20px!important;}
.pt-20 {padding-top:-20px!important;}
.pb-10 {padding-bottom: -10px!important;}
.pr10 {padding-left: 10px!important;}
.pb20 {padding-bottom:20px!important;}
.pb30 {padding-bottom:30px!important;}
.pb40 {padding-bottom:40px!important;}

.fl{float:left;}
.fr{float:right;}
.cb{clear:both;}
.blue{color:#11499c!important;}
.red{color:#e13000;}
.tr, .tr td, .tr a{text-align:right!important;}
.tc, .tc td, .tc a{text-align:center!important;}
.tl{text-align:left!important;}
.f14{font-size:14px;}
.f30 {font-size:30px;}

.w100{width:100% !important;}
.wd33 {width:33.4%}
.wd50 {width:50%}

input[name^="tel"]{width:55px!important;}
input[name="tel_num"],input[name="fax_num"]{width:105px!important;}

.bn{background:none!important;}
.dsp-none{display: none;}
.dsp-block{display: block;}

/* 181207 추가 공공누리 */
.open_both{margin-top:20px; overflow:hidden; clear:both; width:100%; padding:12px 15px; border-radius:5px; border:1px solid #ccc; width:96.5%}
.open_both .fl{float:left; padding-right:15px; border-right:1px solid #ccc;}
.open_both .fr{float:left; padding-left:15px; line-height:1.6em; width:72%}
.open_both .fr span {font-weight:600;}

.new_win{width:18px; height:15px; display:inline-block; background:url(/images/pa2018/main/blank_icon.gif) no-repeat center center; font-size:0px; overflow:hidden; position:relative; top:3px; left:4px;}



/*::::::::::::::::::::::::::::::::::::::::
:::::::::::::::2019년 신규 추가:::::::::::::::
::::::::::::::::::::::::::::::::::::::::::*/
.bg-none {background:none!important;}
.list-none {list-style: none!important;}
.lb-gray {border-bottom:1px solid #e4e4e4}
.clear {clear:both!important;}
.box-sizing {box-sizing:border-box;}
.dsp-ib{display: inline-block;}
.hubList {height:31px!important;}
.hubList-txt {top:5px; position:relative}

/* 열람 도서실 신규 */
.lib_visit_request_guide .visit-guide01 li {list-style:square; margin-left:25px;}
.lib_visit_request_guide .visit-guide02 li {display:inline-block; text-align:center}
.lib_visit_request_guide .visit-box01 {padding:15px;border:1px solid #e4e4e4}
.lib_visit_request_guide .visit-box02 {padding:15px;border:2px solid #e4e4e4; width:250px; line-hegiht:20px;}
.visitGuide-arrow {background: url(/images/search/btn_search_arrow.png) no-repeat center center; width:40px; height:30px;}


/* 연구지원 */
.research_sopport .info p.tit { margin-right: 20px; float: right; width: 780px; margin-top: 10px; font-weight: bold; font-size: 14px; line-height:26px;}
.research_sopport .info p.cont { margin-right: 20px; float: right; width: 780px; padding-top: 10px; border-top: 1px solid #bacae7; margin-top: 10px; letter-spacing: -1px; line-height:26px;}
.research_sopport .bullet03{padding-left:10px; margin:10px 0px 5px 0px; background:url(/images/egovframework/pa/portal/common/bullet03.gif) no-repeat 0 8px; color:#494e55; line-height:20px;}
.research_sopport .visit-guide01 li {list-style:square; margin-left:25px;}
.research_sopport .visit-guide02 li {display:inline-block; text-align:center}
.research_sopport .visit-box02 {padding:15px;border:2px solid #e4e4e4; width:150px; line-hegiht:20px;line-hegiht:20px;}
.research_sopport .visitGuide-arrow {background: url(/images/search/btn_search_arrow.png) no-repeat center center; width:40px; height:30px;}

/***사이버 전시관 NEW CSS***/
/*사이버전시관2019*/
.cyber-Wrap {width:955px; margin-top: 30px}
.cyber-tab {}
.cyber-tab .cy-tab-menu {}
.cyber-tab .cy-tab-menu li{display: inline-block; letter-spacing: -1px;}
.cyber-tab .cy-tab-menu a{ border: 1px solid #ccc; box-sizing: border-box; color: #777;padding: 7px 10px; height: 30px; line-height: 30px;}
.cyber-tab .cy-tab-menu .cy-tab-select { border: 1px solid #0075c7; box-sizing: border-box; color: #0075c7;height: 30px;line-height: 30px; }
.cyber-tab .cy-tab-menu a:hover {border: 1px solid #0075c7; box-sizing: border-box; color: #0075c7;}
.cyber-box {border: 1px solid #eee; box-sizing: border-box; display:table; height: 210px}
.cyber-box .cy-list-d1 {width:255px; height: 210px;  text-align: center; background: #E4E4E4; box-sizing: border-box; display:table-cell; vertical-align: middle;}
.cyber-box .cy-list-d1 div{position: relative;width:255px; height: 210px;}
.cyber-box .cy-list-d1.map2009{background: #e4e4e4 url("/images/online_contents/exhibition/2009/map.png") center no-repeat;}
.cyber-box .cy-list-d1.map2010{background: #e4e4e4 url("/images/online_contents/exhibition/2010/map.png") center no-repeat;}
.cyber-box .cy-list-d1.map2011{background: #e4e4e4 url("/images/online_contents/exhibition/2011/map.png") center no-repeat;}
.cyber-box .cy-list-d1.map2013{background: #e4e4e4 url("/images/online_contents/exhibition/2013/map.png") center no-repeat;}
.cyber-box .cy-list-d1.map2014{background: #e4e4e4 url("/images/online_contents/exhibition/2014/map.jpg") center no-repeat; background-size:280px;}

.cyber-box .cy-list-d1 .cy-list-d1-img {width:255px; height:auto; border: 1px solid #eee; box-sizing: border-box; padding:20px; }
.cyber-box .cy-list-d1 .cy-list-d1-img img {width:100%; top:0; bottom: 0; left: 0; right: 0;}
.cyber-box .cy-list-d2 {width:690px; max-height:210px; overflow-y:auto; padding: 10px 15px; box-sizing: border-box; display:table-cell;}
.cyber-box .cy-list-d2 p {color: #0075c7; font-weight: bold; font-size: 15px; margin:0 0 10px 0px;}
.cyber-box .cy-list-d2 ul {width: 320px; float:left; padding:10px; box-sizing: border-box; display: inline-block; line-height: 1.5em}
.cyber-box .cy-list-d2 .vertical-top {vertical-align: top }
.cyber-box .cy-list-d2 li {list-style: circle; margin-left:15px; letter-spacing: -1px; }
.cyber-box .cy-list-d2 li a:hover{ text-decoration:none; cursor:pointer; }
.cyber-box .cy-list-d2 li:hover{color:#ee1c23;}
.cyber-box .cy-list-d2 li.active{color:#ff8000;}
.cyber-box .cy-list-d2 .list-fc-blue {color:#0075c7; font-weight:bold; margin-left:0px!important; padding-bottom:10px;font-size:14px;}
.cyber-box .cy-list-d2.portrait ul:nth-child(1){width:280px;}
.cyber-box .cy-list-d2.portrait ul:nth-child(2){width:360px;}
.cyber-slide {text-align: center;}
.cyber-slide .cy-slide-img {display:none; width:100%; margin:0 auto;}
.cyber-slide .cy-slide-img span{display:block; width:405px; max-width:405px; text-align: center; margin:0 auto;}
.cyber-slide .cy-slide-img span>span{margin-bottom:20px;}
.cyber-slide .cy-slide-img img {width:auto; max-width:405px;  max-width: -webkit-fill-available;max-height: -webkit-fill-available;}
.cyber-slide .cy-slide-img p {font-size: 16px; font-weight: 700;color:#333; margin-bottom: 20px;}
.cyber-slide .cy-btn { position:relative; display:block; top:180px; }
.cyber-slide .cy-btn .cy-btn-prev {width: 30px; height: 60px; float: left;position: relative; z-index: 999; font-size:40px;}
.cyber-slide .cy-btn .cy-btn-next {width: 30px; height: 60px; float: right; position: relative; z-index: 999; font-size:40px;}

.cursor {cursor: pointer;}
.cy-btn-prev,.cy-btn-next {  cursor: pointer;  position: absolute;  top: 40%;  width: auto;  padding: 16px;  margin-top: -50px;  color:#d5d5d5;  font-weight: bold; font-size: 20px;  border-radius: 5px;  user-select: none;  -webkit-user-select: none;}
.cy-btn-prev:hover,.cy-btn-next:hover {  background-color: rgba(0, 0, 0, 0.8);}
.caption-container {display:none;}
.cyber-container {position: relative; min-height: 400px;}
/*table,td,th{border-spacing:0;}*/
.tb1{border-top:3px solid #d6deea; margin:auto; margin-top:30px; margin-bottom:50px; width:100%;}	
.tb1 td{border-bottom:1px solid #d6deea; text-align: left;}
.tb1 th{background:#f5f5f5;border-bottom:1px solid #d6deea; width:25%;}
.cyber-Wrap td, th{padding:10px 20px; color:#2b2f3a;}
.cyber-Wrap .photoText{margin-top:20px; color:#666;}

#defaultItem.active{color:#ee1c23;}
.imgTabActive{border:2px solid #ee1c23;}
.map2009 a{position: absolute; color:rgba(0,0,0,0); border-radius:50%;}
.map2009 a.list{left: 59px;  top: 124px;  width: 22px;  height: 17px;}
.map2009 a.asia{left: 114px;  top: 55px;  width: 37px;  height: 16px;}
.map2009 a.korea{ left: 38px;  top: 83px;  width: 14px;  height: 29px;}
.map2009 a.movie{left: 71px;  top: 91px;  width: 47px;  height: 13px;}
.map2009 a.relic{left: 146px;  top: 91px;  width: 37px;  height: 14px;}
.map2009 a.europe{left: 102px;  top: 127px;  width: 43px;  height: 15px;}
.map2009 a.america{left: 199px;  top: 72px;  width: 14px;  height: 48px;}
.map2009 a.africa{ left: 155px;  top: 120px;  width: 45px;  height: 24px;}

.map2010 a{position: absolute; color:rgba(0,0,0,0); border-radius:50%;}
.map2010 a.zone1{left: 133px;  top: 143px;  width: 19px;  height: 17px;}
.map2010 a.zone2{left: 170px;  top: 123px;  width: 19px;  height: 17px;}
.map2010 a.zone3{left: 155px;  top: 98px;  width: 19px;  height: 17px;}
.map2010 a.zone4{left: 113px;  top: 102px;  width: 19px;  height: 17px;}
.map2010 a.zone5{ left: 91px;  top: 97px;  width: 19px;  height:17px;}
.map2010 a.zone6{left: 70px;  top: 92px;  width: 19px;  height: 17px;}
.map2010 a.zone7{left: 70px;  top: 72px;  width: 19px;  height: 17px;}
.map2010 a.zone8{left: 86px;  top: 43px;  width: 19px;  height: 17px;}

.map2011 a{position: absolute; color:rgba(0,0,0,0); border-radius:5px;}
.map2011 a.zone0{left: 89px;  top: 170px;  width: 21px;  height: 21px;}
.map2011 a.zone1{left: 80px;  top:141px;  width: 31px;  height: 25px;}
.map2011 a.zone2{left: 137px;  top: 105px;  width: 69px;  height: 61px;}
.map2011 a.zone3{left: 86px;  top: 97px;  width: 57px;  height: 42px;}
.map2011 a.zone4{left:33px;  top: 148px;  width: 31px;  height: 27px;}
.map2011 a.zone5{left: 26px;  top: 116px;  width: 38px;  height: 27px;}

.map2013 a{position: absolute; color:rgba(0,0,0,0); border-radius:5px;}
.map2013 a.zone1{left:177px;  top: 75px;  width: 47px;  height: 31px;}
.map2013 a.zone2{left:177px;  top: 106px;  width: 59px;  height: 31px;}
.map2013 a.zone3{left:157px;  top: 40px;  width: 39px;  height: 31px;}
.map2013 a.zone4{left:132px;  top: 109px;  width: 23px;  height: 29px;}
.map2013 a.zone5{left:81px;  top: 90px;  width: 23px;  height: 29px;}
.map2013 a.zone6{left:62px;  top: 67px;  width: 23px;  height: 29px;}
.map2013 a.zone7{left:98px;  top:70px;  width: 23px;  height: 29px;}
.map2013 a.zone8{left:128px;  top: 73px;  width: 25px;  height: 31px;}


.map2014 a{position: absolute; color:rgba(0,0,0,0); border-radius:5px;}
.map2014 a.zone1{left:20px;  top: 73px;  width: 47px;  height: 31px;}
.map2014 a.zone2{left:162px;  top: 60px;  width: 62px;  height: 31px;}
.map2014 a.zone3{left:162px;  top: 60px;  width: 62px;  height: 31px;}
.map2014 a.zone4{left:74px;  top: 92px;  width: 54px;  height: 31px;}
.map2014 a.zone5{left:162px;  top: 60px;  width: 62px;  height: 31px;}


/*사이버전시관2019 전시실안내*/
.cyber-Wrap h4 {font-weight:bold; font-size:16px; color:#445677;}
.cyber-Wrap .cyber-box2 {width:100%; border:1px solid #e4e4e4; box-sizing:border-box; padding:15px; display:table;}
.cyber-Wrap .cyber-box2 .cy-lt {float:left; width:500px; box-sizing:border-box; text-align:center; display:table-cell; vertical-align:middle}
.cyber-Wrap .cyber-box2 .cy-lt img { width:550px;  height:auto}
.cyber-Wrap .cyber-box2 .cy-rt {float:right;}
.cyber-Wrap .cyber-box2 .cy-rt ul {}
.cyber-Wrap .cyber-box2 .cy-rt li {border:1px solid #e4e4e4; width:350px; height:73px;display:block;box-sizing:border-box; padding:10px; margin-bottom:10px;}
.cyber-Wrap .cyber-box2 .cy-rt li:hover {border:1px solid #445677; width:350px; height:73px;display:block;box-sizing:border-box; padding:10px; margin-bottom:10px;}
.cyber-Wrap .cyber-box2 .cy-rt li.active {background:#445677; color:#fff}

.cyber-Wrap .cyber-box2 .cy-rt li.ex-rt-txt {}
.cyber-Wrap .cyber-zone img {width:955px;height:auto;text-align:center;}
.cyber-ex-txt {border:1px solid #e4e4e4; display:block; background:#f2f2f2; height:100px; width:955px; padding:15px;box-sizing:border-box;}
.cyber-ex-txt span {font-weight:bold; font-size:15px;}

.cyber-Wrap .cyber-box3 .cy-gall {margin:5px; width:465px; height:auto;border:1px solid #e4e4e4; display:inline-block; box-sizing:border-box;}
.cyber-Wrap .cyber-box3 .cy-gall .cy-gall-img {text-align:center; padding:25px 0;  }
.cyber-Wrap .cyber-box3 .cy-gall .cy-gall-img img {height:240px!important; width:360px;}
.cyber-Wrap .cyber-box3 .cy-gall .cy-gall-tit {background:#f2f2f2; text-align:center; font-weight:bold; height:40px; line-height:40px; bottom:0;}
.cyber-Wrap .cyber-box3 .cy-gall .cy-gall-tit:hover {background:#f9f9f9;}


/* 전시관 > 사이버전시관 > 탭메뉴*/
.cy-tapmenu { margin-bottom: 30px; margin-top:10px;}
.cy-tapmenu ul {}
.cy-tapmenu li { display: inline-block; float: left;}
.cy-tapmenu .cy-g-style {width:150px;height:45px;  text-align:center; line-height: 45px; box-sizing: border-box; display: block; background: #f2f2f2;border:1px solid #d1d1d1; }
.cy-tapmenu .cy-g-style:hover {font-weight: bold;  color:#555;}
.cy-tapmenu .cy-g-style.active {font-weight: bold; color:#4464A4; border-left: 2px solid #4464A4; border-top: 2px solid #4464A4; border-right: 2px solid #4464A4; background: #fff; border-bottom: 0px}
.cy-tapmenu li.cy-underline {border-bottom: 1px solid #d1d1d1; width:358px; margin-left:596px; float: right; box-sizing: border-box; top:-1px; position: relative;}
.cy-tapmenu li.cy-underline02 {border-bottom: 1px solid #d1d1d1; width:655px; margin-left:298px; float: right; box-sizing: border-box; top:-1px; position: relative;} /*탭 2개일 경우*/
.cyber--title {font-size:20px; font-weight:bold; line-height:55px;}

/*전시관 사진 서브 버튼 191120 */
.ex-btn_list{overflow:hidden; width:100%; /*background:#eee; border-top: 1px solid #f2f2f2;  box-sizing: border-box; border-bottom: 1px solid #f2f2f2;*/}
.ex-btn_list li{ display:inline-block; margin:5px 0px 15px 5px; }
.ex-btn_list li.ex-line{padding-right:10px; border-right:1px solid #e4e4e4;box-sizing: border-box;top:5px}
.ex-btn_list li a{display:block; width:100%; text-align:center; color:#333; line-height:18px;}
.ex-btn_list li.on{color:#4464a4; font-weight:bold }
.ex-btn_list li.on a{color:#4464a4; padding-bottom:5px; border-bottom:2px solid #4464a4}
.ex-btn_list li a:hover {color:#4464a4;}

/*해외순방 > 대륙별 버튼 191120 */
.btn_list{overflow:hidden; width:100%; background:#f9f9f9; border-top: 1px solid #f2f2f2; padding:5px 0 10px 10px; box-sizing: border-box; border-bottom: 1px solid #f2f2f2;}
.btn_list li{ display:inline-block; margin:5px 10px 0px 5px; }
.btn_list li.ex-line{padding-right:15px; border-right:1px solid #e4e4e4;box-sizing: border-box;top:5px}
.btn_list li a{display:block; width:100%; text-align:center; color:#333; line-height:18px;}
.btn_list li.on{color:#4464a4; font-weight:bold }
.btn_list li.on a{color:#4464a4; padding-bottom:5px; border-bottom:2px solid #4464a4}
.btn_list li a:hover {color:#4464a4;}

/* 191018 대통령 공통 UI Slidekit add&edit */
#presidentList {}
.new_guide .guide-pp-nav {overflow:hidden; padding:20px 0 0 0; box-sizing:border-box:0px;}
.pp-nav-prev img {height: 40px!important;}
.pp-nav-next img {height: 40px!important;}
.pp-nav {}
.pp-nav li{ width:76px!important; line-height:23px;}
.pp-nav li a.active {color:#00519c!important; font-weight: bold;}
.pp-nav-line-gray{border-bottom:2px solid #d1d1d1}
.pp-nav-btn img{hegiht:0px}
.pp-nav-btn a img{hegiht:40px!important; width:40px!important;}
.pp-nav-btn-next {position:relative; top:-89px; right:-470px; z-index:999;}
.pp-nav-btn-prev {position:relative; top:-49px; left:-470px; z-index:999; }
.pp-nav-btn-prev img {}
.width70 {width:70px!important;}
.height40 {height:40px!important;}
.height40 a {height:40px!important;}
.pp-nav-resize {height:40px!important;}
.pp-nav-resize a {height:40px!important;}
.pp-nav-resize li a:hover {color:#00519c!important;}
.pp-nav-resize li a:active {color:#00519c!important; font-weight: bold;}
.pp-nav-resize li a.active {color:#00519c!important; font-weight: bold;}
.pp-nav-slide {height: 40px!important ; box-sizing: border-box!important; border-bottom: 2px solid #d1d1d1!important; margin-bottom:0px!important;}
/* 191018 대통령 공통 UI Slidekit add&edit END*/

/*title info 191022 */
.txt_title_info {position:relative; float:right; display:block; font-size:12px;  top:46px; color:#999;}
.txt_title_info:hover {/*background:#445677;color:#fff!important; border:0px;*/}
.txt_title_info a {color:#666; padding:5px 10px; border:1px solid #ccc; }
.txt_title_info a:hover {background:#445677; color:#fff;border:0px;}

/*title info 191022 */
.txt_title_info02 {position:relative;float:right; display:block; font-size:12px;top:-40px; color:#999; clear:both; padding:0px!important;}
.txt_title_info02:hover {/*background:#445677;color:#fff!important; border:0px;*/}
.txt_title_info02 a {color:#666; padding:5px 10px; border:1px solid #ccc; }
.txt_title_info02 a:hover {background:#445677; color:#fff;border:0px;}


/*공통 checkbox NEW*/
/* .checkcontainer {display: block; position: relative; padding-left:25px; cursor: pointer;
				-webkit-user-select:none;
				-moz-user-select:none;
				-ms-user-select:none; user-select:none}
.checkcontainer	input { -webkit-appearance:none; -moz-appearance:none; -o-appearance:none; appearance:none; -webkit-border-radius:0; opacity:0}
.checkcontainer .checkmark {position: absolute; top:3px; left:20px; height: 18px; width:18px; border:2px solid #999; background: #f7f7f7; box-sizing: border-box;}

.checkcontainer:hover input:checked ~ .checkmark {background: #222}
.checkmark:after {content: ''; position: absolute; display: none;}
.checkcontainer input:checked ~ .checkmark:after {display: block;}
.checkcontainer .checkmark:after {left:2px; top:0px; width:6px; height: 8px; border:solid #555; border-width: 0 3px 3px 0; -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); transform: rotate(45deg); -moz-transform:rotate(45deg);}
.checkcontainer .text-height {margin-left: calc(0px); height: -moz-calc(0px); margin-left: -webkit-calc(15px); margin-left: -o-calc(0px); margin-left: -ms-calc(0px)} */
/*공통 checkbox END*/
/*공통 checkbox NEW 수정20-01-06*/
.checkcontainer {display: block; position: relative; padding-left:0; cursor: pointer;
				-webkit-user-select:none; /*Chrome, Opera, Safari*/
				-moz-user-select:none; /*IE10+ */
				-ms-user-select:none; user-select:none} /*Standard syntax*/
.checkcontainer	input { width:18px; /* height:18px; */ margin-top:-4px;}
.checkcontainer .checkmark {position: absolute; top:1px; left:0px; height: 18px; width:18px; border:2px solid #999; background: #f7f7f7; box-sizing: border-box;}
.checkcontainer:hover input:focus ~ .checkmark-pa {outline:1; width:20px; height:20px;}
.checkcontainer:hover input:checked ~ .checkmark {background: #222}
.checkmark:after {content: ''; position: absolute; display: none;}
.checkcontainer input:checked ~ .checkmark:after {display: block;}
.checkcontainer .checkmark:after {left:2px; top:0px; width:6px; height: 8px; border:solid #555; border-width: 0 3px 3px 0; -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); transform: rotate(45deg); -moz-transform:rotate(45deg);}
.checkcontainer .text-height {/*line-height: 24px;*/ 
margin-left: calc(0px); height: -moz-calc(0px); margin-left: -webkit-calc(0px); margin-left: -o-calc(0px); margin-left: -ms-calc(0px)}
/*공통 checkbox END 수정20-01-06*/

/*연설 체크박스 */
#newB-speech-wrap { width:400px; display:inline-block; position: relative; top: -webkit-calc(3px);  top: calc(5px);}		/*20200111 너비조정*/
#newB-speech-wrap li {display: inline-block;}
#newB-speech-wrap .ABcheckbox {float: right;}
#newB-speech-wrap .checkcontainer {display: block; position: relative; padding-left:20px; padding-right:8px; cursor: pointer; 
top: calc(0px); top: -moz-calc(0px);top: -webkit-calc(0px); top: -o-calc(0px); top: -ms-calc(0px)
				-webkit-user-select:none; /*Chrome, Opera, Safari*/
				-moz-user-select:none; /*IE10+ */
				-ms-user-select:none; user-select:none} /*Standard syntax*/
#newB-speech-wrap .checkcontainer	input { -webkit-appearance:radio; -moz-appearance:radio; -o-appearance:radio; appearance:radio; -webkit-border-radius:0; opacity:1; margin-left: -20px; margin-right: 15px;}
#newB-speech-wrap .checkcontainer .checkmark {position: absolute; top:3px; left:0px; height: 18px; width:18px; border:2px solid #999; background: #f7f7f7; box-sizing: border-box;}

#newB-speech-wrap .checkcontainer:hover input:checked ~ .checkmark {background: #222}
#newB-speech-wrap .checkmark:after {content: ''; position: absolute; display: none;}
#newB-speech-wrap .checkcontainer input:checked ~ .checkmark:after {display: block;}
#newB-speech-wrap .checkcontainer .checkmark:after {left:2px; top:0px; width:6px; height: 8px; border:solid #555; border-width: 0 3px 3px 0; -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); transform: rotate(45deg); -moz-transform:rotate(45deg);}
#newB-speech-wrap .checkcontainer .text-height {/*line-height: 24px;*/
margin-left: calc(-10px); margin-left: -moz-calc(-10px); margin-left: -webkit-calc(0px); margin-left: -o-calc(0px); margin-left: -ms-calc(0px)}
@media screen and (-webkit-min-device-pixel-ratio:0) {
	#newB-speech-wrap .checkcontainer input {margin-right: 5px;}
}
@-moz-document url-prefix(){
	#newB-speech-wrap .checkcontainer input {margin-right: 15px;}
}

/*연설 체크박스 END*/

/*제목 년도순 정렬 체크박스 추가 연설 수정 */
.newB--search-ys .search--left-cys {display: inline-block; text-align:left; width:260px;}		/*20200111 너비조정*/
.newB--search-ys .search--left-cys li.boardCount {line-height:0px!important; position: relative!important; top:-1px!important; height:0px; padding:0px; margin:0px; background:#fff;
 left: calc(0px);left: -webkit-calc(-10px); left: -o-calc(0px); left: -ms-calc(0px) }
.newB--search-ys .search--left-cys li {display: inline-block;margin:0px}
.newB--search-ys .search--result-cys {margin: 30px 0 10px 0; }
.newB--search-ys .search--result-cys .txt--keyward-cys {color:#FF6F00; font-weight: bold;}
.newB--search-ys .search--right-cys {display: inline-block; text-align:right; width:280px;}
.newB--search-ys .search--right-cys ul {display: inline-block;margin:0px}
.newB--search-ys .search--right-cys li { list-style: square; display: inline-block;}
.newB--search-ys .search--right-cys li.txt-ht-cys {position:relative; top:3px;}
.newB--search-ys .search--right-cys li.on {color:#ff8000!important; font-weight: bold!important; }
.newB--search-ys .search--right-cys li a:hover {color:#ff8000!important; text-decoration:underline}
.newB--search-ys .search--right-cys select {height: 30px; border: none; width:70px; padding-left: 5px;}
.newB--search-ys .search--right-cys .newB-key-Box-cys {border: 1px solid #d1d1d1; font-size: 12px;box-sizing:border-box;} 
.newB--search-ys .search--right-cys .newB-searach-btn-cys {position: relative; background: #f9f9f9; color: #555; border:1px solid #d1d1d1; box-sizing:border-box; height: 30px; width: 50px; display: inline-block; margin-left:3px;}
.newB--search-ys .search--right-cys .newB-txt-line-cys {position: relative; top:1px;}
.newB--search-ys .search--right-cys button {float: right}
/*제목 년도순 정렬 체크박스 추가 연설 수정 END */


/*사진 동영상*/
.photoAB-wrap {width:955px;margin:0 auto;}
.photoAB-wrap .ABcheckbox {float: right;}
.photoAB-wrap .ABcheckbox li {display: inline-block;}
.photoAB-wrap .ABtop {padding:10px 0 20px 0; border-bottom: 1px solid #d1d1d1; margin-bottom: 20px; margin-top: 50px;}
.photoAB-wrap .ABtop .AB-txt-search {color:#ff8000; font-weight: bold}
.photoAB-wrap .ABtop-line {margin:40px 0; border-bottom: 1px solid #d1d1d1;}
.photoAB {width: 100%; clear:both; margin-bottom: 20px;}
.photoAB .ABimg-size { width:180px; height:120px;overflow: hidden; display: block;}
.photoAB .ABimg {}
.photoAB .ABimg ul { } 
.photoAB .ABimg li {display: inline-block; }
.photoAB .ABimg {margin-right:9px;display: inline-block;}
.photoAB .ABend {margin-right:0px!important;}
.photoAB .ABimg a {color: #666}
.photoAB .ABimg a:hover {color: #445677}
.photoAB .ABimg img { background: #d1d1d1;  height:auto; width:100%; min-height:120px; min-width:180px}
.photoAB .ABimg span {display: inline-block;}
.photoAB .ABimg-title { display:block; text-overflow: ellipsis; overflow: hidden; word-wrap: break-word;  width:180px; height:50px; line-height: 1.3em; padding-top: 5px;
display: -webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; /* white-space: nowrap;*/}
.photoAB .ABimg-date {font-size: 11px; /*color: #999;*/ color: ffff; padding-left:2px; /background: #fff; }
.photoAB-wrap .ABtop-none {background:#f2f2f2;border: 1px solid #f2f2f2; line-height:100px; text-align:center}

/*사진 동영상 상세*/
.photoAB-dt-wrap {}
.photoAB-detail {}
.photoAB-detail li {}
.photoAB-detail .AB-dt-img {border:1px solid #eee; height: auto; box-sizing: border-box; width:100%; text-align: center;}
.photoAB-detail .AB-dt-title{font-size: 20px; font-weight: bold; height: auto; border-top:2px solid #333; padding:20px 0;}
.photoAB-detail .AB-dt-img img { width:auto; max-height:599px;  max-width:950px;}
.photoAB-detail .AB-table {width:100%;margin-top: 20px; border:none;}
.photoAB-detail .AB-table table {}
.photoAB-detail .AB-table tr {}
.photoAB-detail .AB-table td {height:40px;border-bottom: 1px solid #eee; border-right:1px solid #eee;border-top:1px solid #eee;}
.photoAB-detail .AB-table td.dt-txt01 {background: #f7f7f7; font-weight: bold;text-align: center;}
.photoAB-detail .AB-table td.dt-txt02 {padding-left: 15px;}
.photoAB-detail .AB-table td.dt-txt03 {padding-left: 15px;border-right:0px;}
.photoAB-detail .AB-dt-btn {text-align: center; margin-top: 40px;}
.photoAB-detail .AB-dt-btn a {color:#333;}
.photoAB-detail .AB-dt-btn li {display: inline-block; }
.photoAB-detail .AB-dt-btn .dt-btn01{width:80px;height: 36px; line-height: 36px; text-align: center; background:#eee}
.photoAB-detail .AB-dt-btn .dt-btn01:hover {background:#ddd}
.photoAB-detail .AB-dt-btn .dt-btn02{width:80px;height: 36px; line-height: 36px; text-align: center; background:#4464A4;}
.photoAB-detail .AB-dt-btn .dt-btn02:hover {background:#445677}
.photoAB-detail .AB-dt-btn .dt-btn02 a{color: #fff}
/*사진 동영상 상세 END*/


/*사진 동영상 상세 - 비디오 오디오 */
.photoAB-detail .AB-clip-txtArea { margin-top:15px; background: #f9f9f9; border:#f2f2f2; height: auto; width:955px; padding:15px; box-sizing: border-box; line-height:30px;}

.photoAB-detail .AB-dt-clip {display:table; position:relative; border:1px solid #eee; height: 350px; box-sizing: border-box; width:100%; text-align: center;}
.photoAB-detail .AB-dt-clip .clip-left { float: left; }
.photoAB-detail .AB-dt-clip .clip-right {float: right;}
.photoAB-detail .AB-dt-clip .AB-clip-txt { width:520px; padding: 15px; overflow-y: scroll; line-height: 18px;  text-align: left; max-height: 350px; box-sizing: border-box;}

.photoAB-detail .AB-dt-clip .AB-clip-video {width:420px; padding:32px 30px;box-sizing: border-box; display:block}
.photoAB-detail .AB-dt-clip .AB-clip-video-size {width:380px;height:285px;  }
.photoAB-detail .AB-dt-clip .AB-clip-audio {width:420px; padding:155px 30px; box-sizing: border-box;}
.photoAB-detail .AB-dt-clip .AB-clip-audio-size {width:360px; height:40px;  }


/* 191025 조직변천 */
.pa-organ {width:100%; position:relative; display:table; border: 1px solid #eee; background: #f7f7f7; box-sizing: border-box; padding: 10px;}
.pa-organ .pa-organ-left {width:200px; height:auto; display:table-cell; text-align: center; vertical-align: middle; position: relative;border-right: 1px solid #d1d1d1; }
.pa-organ .pa-organ-left select {width:140px; height:30px; border: 1px solid #d1d1d1; padding-left: 5px;
/*background: url(/images/pa2018/main/btm_arrow.png) no-repeat right 9px center #fff; 셀렉트박스 스타일 hidden*/}
.pa-organ .pa-organ-right {width:755px; vertical-align: middle; display:table-cell;	padding:10px;} 
.pa-organ .pa-organ-right ul {}
.pa-organ .pa-organ-right li {display: inline-block; width:85px;box-sizing: border-box; text-align: center}
.pa-organ .pa-organ-right li a.active {background:#5C7592; color:#fff!important;}
.pa-organ .pa-organ-right li a {text-align: center; padding:5px 10px; box-sizing: border-box;}
.pa-organ .pa-organ-right li a:hover {background:#5C7592; color:#fff!important;}
.pa-organ .pa-organ-right .date-pt {padding-top: 15px;}
.pa-organ-line{border-right: 1px solid #d1d1d1; box-sizing: border-box; height:auto; position: relative; display: inline-block;}


/*191025 조직도 개편내용 표*/
.reshuffle { width:947px; padding:10px 0; margin:10px 0 40px; border:4px solid #cfe2f7;} 
.reshuffle > ul { width:100%; padding:6px 0; display:inline-block; background:url(/images/egovframework/pa/portal/research/contents/bg_reshuffle.gif) left -30px top repeat-y;}
.reshuffle > ul > li { float:left; margin-left:15px; width:290px;}
.reshuffle > ul.firstStage { width:100%; padding:6px 0; display:inline-block; background:none; }
.reshuffle > ul.firstStage > li { width:920px;float:left; margin-left:20px; }  /* 기존에 있던 css 수정*/
.reshuffle > ul.secondStage { width:100%; padding:6px 0; display:inline-block; background:url(/images/egovframework/pa/portal/research/contents/bg_reshuffle02.gif) left -25px top repeat-y;   }
.reshuffle > ul.secondStage img {max-width:955px;}
.reshuffle > ul.secondStage li { margin-left:20px; width:445px;}
.reshuffle > ul.secondStage .second-add {position:absolute; right:-26px;}

.reshuffle li dl { width:100%;}
.reshuffle li dl dt { font-size:1.2em; color:#242526; font-weight:bold; padding-bottom:1px;  }
.reshuffle li dl dd { margin-top:6px; padding-left:7px; background:url(/images/egovframework/pa/portal/research/contents/dd_reshuffle.gif) left 7px no-repeat; }
.reshuffle li dl dd ul { padding-top:2px; }
.reshuffle li dl dd li { margin-top:4px; padding-left:10px; background:url(/images/egovframework/pa/portal/research/contents/li_reshuffle.gif) left 9px no-repeat; }
.changeChartImg { width:100%; text-align:center; margin:40px 0;}
.changeChartImg  img {max-width:955px;}
.reli { width:945px;float:left; margin-left:20px; }  /* 기존에 있던 css 수정*/


/*기록연구실 base.css 일부 내용 가져옴 191106*/
.AlignLeft {text-align:left !important;}
.AlignCenter {text-align:center !important;}
.AlignRight {text-align:right !important;}
.ValignTop {vertical-align:top !important;}
.ValignMiddle{vertical-align:middle !important;}
.ValignBottom {vertical-align:bottom !important;}
.DisplayBlock {display:block;}
.DisplayNone {display:none;}
.FloatLeft {float:left;}
.FloatRight {float:right;}
.ClearBoth {clear:both;}
.BackgroundNone {background:none !important;}
.BorderNone {border:none !important;}
.BorderRightNone { border-right:none !important; }
.BorderBottomNone { border-bottom:none !important; }
.PaddingNone {padding:0 !important;}
.MarginNone {margin:0 !important;}
.FontWeightNormal {font-weight:normal !important;}
.FontWeightBold {font-weight:bold !important;}
.nowrap { white-space:nowrap; }
.hidden {visibility:hidden;position:relative;width:1px;height:0;font-size:0;line-height:0;}
.bg-skyblue {background: #f3f8fc}


/*기록물 해제 박스 텍스트 */
.changeChartImg .cc-txtBox { width:955px; padding:25px; box-sizing: border-box;border: 1px solid #eee; text-align: center; }
.changeChartImg .cc-txtBox .cc-txt01 { font-size: 22px; font-weight: bold; margin-bottom:15px;letter-spacing: -0.05em}
.changeChartImg .cc-txtBox .cc-txt02 { line-height: 20px; }
.txtColor-blue { color:#1269b4; }
.txtColor-orange{color:#ff8000;}
.txtDeco-line {text-decoration: underline;}


/* 대통령교실 > 우리나라 대통령 > 대통령 > 기본사항 */
.basicData { margin:0; padding:0; }
.basicData table.tdCenter td { text-align:center; }
.profileGroup { position:relative; display:inline-block; width:100%; }
.profileGroup .photoArea { float:left; width:190px; height:355px; background:url(/school/images/president/bg_photoArea.gif) left top no-repeat; }
.profileGroup .photoArea ul { margin:25px 0 0 10px; width:170px; }
.profileGroup .photoArea ul li { text-align:center; }
.profileGroup .photoArea ul li.sign { margin-top:51px; }
.profileGroup .profile { float:right; width:730px; } /* 20181001 사이즈 */
.profileGroup .profile h5 { margin-bottom:13px; }
.basicData table.profilexodrhTable01 { margin:0; padding:0; font-size:1em !important; }
.basicData table.profileTable01 caption { display:none; }
.basicData table.profileTable01 th,
.basicData table.profileTable01 td { padding:0 0 0 9px; word-break:break-all; border:1px solid #ddd; height:28px; }
.basicData table.profileTable01 th { padding-left:10px; width:85px; background:#fafafa; color:#454545; text-align:left; }
.basicData table.profileTable01 td { color:#7b7b7b; letter-spacing:-1px; }
.basicData table.profileTable01 td img { vertical-align:middle; margin:-1px 0 0 5px; }
.basicData table.profileTable01 td strong { color:#3d83d4; }
.etcArticle { position:relative; display:inline-block; width:100%; margin-top:44px; }
.etcArticle div.title { display:inline-block; width:927px; margin-bottom:15px;padding:8px 7px 5px 19px; background:#fcfcfc; border:1px solid #ddd; } /* 20181001 사이즈 */
.etcArticle div.title h5 { float:left; margin-top:2px; }
.etcArticle div.title p { float:right; }
.basicData table.profileTable02 { width:100%; margin:0; padding:0; font-size:1em !important; }
.basicData table.profileTable02 caption { display:none; }
.basicData table.profileTable02 th,
.basicData table.profileTable02 td {/* padding:6px 0 6px 9px;*/ word-break:break-all; border:1px solid #ddd; height:31px;  }
.basicData table.profileTable02 th { background:#fafafa; color:#454545; text-align:center }
.basicData table.profileTable02 td { color:#7b7b7b; text-align:center  }
.basicData table.profileTable02 td strong { color:#3d83d4; }
.etcArticle div p.btnClose { position:absolute; right:13px; top:9px; }

/* 대통령교실 > 우리나라 대통령 > 대통령 > 상세내용 레이어 */
table.recordTable { float:right; margin:0; padding:0; border-top:2px solid #4c8bd5; }
table.recordTable tr th,
table.recordTable tr td { border-bottom:1px solid #ddd; padding:6px 3px 5px 0; border-left:1px solid #ddd; font-size:0.916em; }
table.recordTable tr th { color:#454545; padding-left:15px; background:#fafafa; font-weight:bold; }
table.recordTable tr td { color:#7b7b7b; padding-left:11px; height:auto; width:295px; border-right:1px solid #ddd; }
table.recordTable tr td.title { color:#f48b0e; font-weight:bold; }
table.recordTable tr td.text { line-height:1.6; }

/* 대통령 교실 > 우리나라 대통령 > 영부인 추가*/
.con.guide .firstLady { width:100%; margin-top:50px; }
.con.guide .firstLady .firstLadyCon { width:100%; margin-top:13px;}
.con.guide .firstLady .firstLadyCon .lady-info { float:left; width:652px; }
.con.guide .firstLady .firstLadyCon .lady-info th,
.con.guide .firstLady .firstLadyCon .lady-info td { height:31px; }
.con.guide .firstLady .firstLadyCon .photoGroup { float:right; width:283px; margin-top:5px; }
.con.guide .firstLady .firstLadyCon .photoGroup #pagination { position:relative; width:452px; display:inline-block; background:url(/school/images/president/bg_pagination.gif) left top no-repeat; }
.con.guide .firstLady .firstLadyCon .photoGroup #pagination li { float:left; margin-left:5px; cursor:pointer; }
.con.guide .firstLady .firstLadyCon .photoGroup #pagination li img { width:64px; height:43px; border:1px solid #ddd;  }
.con.guide .firstLady .firstLadyCon .photoGroup #pagination li.current img { width:60px; height:39px; border:3px solid #3d83d4;}
.con.guide .firstLady .firstLadyCon .photoGroup #slider { position:relative; clear:both; display:inline-block; overflow:hidden; width:278px; height:170px; margin:0 0 10px 5px; }
.con.guide .firstLady .firstLadyCon .photoGroup #slider ul { position:absolute; top:0; left:0; }
.con.guide .firstLady .firstLadyCon .photoGroup #slider ul li { float:left; width:278px; height:170px; /*cursor:pointer;*/ } /* 20200111 마우스커서 삭제*/

/*191031 역대대통령웹사이트 탭스타일 추가 */
#pa-tab {margin:20px 0 20px 0;}
#pa-tab .pa-tab-btn {width:955px; background: #fff; height: 40px; background:#f7f7f7; border-bottom: 2px solid #D6DEEA}
#pa-tab .pa-tab-btn ul {}
#pa-tab .pa-tab-btn li {display: inline-block; color:#142e60; font-weight:bold;}
#pa-tab .pa-tab-btn .pa-btn a {display:inline-block;box-sizing: border-box;padding: 5px 15px;  height: 40px; line-height:30px;}
#pa-tab .pa-tab-btn .pa-btn a:hover {color: #4464a4; }
#pa-tab .pa-tab-btn .pa-btn .active {background: #4464a4; color:#fff; font-weight: bold;}
#pa-tab .pa-tab-btn .pa-btn .active:hover {color:#fff; }

/*정책기록*/
.newB-policy { width:955px; border-top: 2px solid #555; box-sizing: border-box;  position:relative; display:table; }
.newB-policy .policy-Wrap { width:100%; border-bottom: 1px solid #d6deea; box-sizing: border-box; clear:both;}
.newB-policy .policy-content {display:table-cell; width:855px; padding-left:10px;}
.newB-policy .policy-content-con {padding: 15px 15px 10px 0px;}
.newB-policy .policy-content span { font-size: 11px color:#999; display:inline-block; position:relative; vertical-align: middle;}
.newB-policy .policy-content ul {height: auto;}
.newB-policy .policy-content h3 {display: inline-block; padding:0px; margin: 0px; font-size: 15px; }
.newB-policy .policy-content .policy-subtitle {font-size: 12px; display: inline-block; color:#0075c7; padding: 0 10px 0 15px;}
.newB-policy .policy-content .policy-subtitle.pdl0{padding-left: 0px;}
.newB-policy .policy-content .policy-subtitle.bd0{border:none;}
.newB-policy .policy-content .policy-date {color: #999; font-size: 11px; bottom:2px;}
.newB-policy .policy-content .policy-subtitle-con00 {display: inline-block; padding:0px 10px 10px 0px; box-sizing: border-box; width:835px; line-height: 18px; height: auto}
.newB-policy .policy-content .policy-subtitle-con01 {display: inline-block; padding:0px 0px 15px 0px; box-sizing: border-box;}
.newB-policy .policy-content .policy-bd-line {border-right:1px solid #999; height:12px;}
.newB-policy .policy-content li.pc-no-data{text-align: center!important; margin: 40px 0;display: block;} 

.newB-policy .policy-view { position:relative; text-align: center; display:table-cell; width:110px; height:auto; vertical-align: middle; padding-right: 5px;}
.newB-policy .policy-view-original {border: 1px solid #ccc; color:#666; width:104px; height:30px; display: inline-block ;line-height:30px; box-sizing: border-box;}
.newB-policy .policy-view-original-on{border: 1px solid #0075c7; color:#0075c7; width:104px; height:30px; display: inline-block; line-height:30px; box-sizing: border-box;}
.newB-policy .policy-view-original:hover {border: 1px solid #0075c7; color:#0075c7;}

.newB-policy-category { width:100%; display: block; box-sizing: border-box;}
.newB-policy-category a { color: #555 }
.newB-policy-category .active { background: #f2f2f2;}
.newB-policy-category .policy-category-box {padding: 15px 10px; box-sizing: border-box;} 
.newB-policy-category li { display: inline-block;}
.newB-policy-category li .policy-cate-txt01 { padding: 0 10px 0 0;}
.newB-policy-category li .policy-cate-txt02 {font-weight: bold; color:#FF6F00; font-size: 14px;}

.newB-policy-recordText {margin-top:10px; /* border-top:1px solid #e4e4e4 */}
/*정책기록 END*/

/*정책검색 분류 셀렉트박스*/
.newB-policy-search { display: block; text-align: center;position: relative; vertical-align: middle; padding:10px 0; }
.newB-policy-search span {}
.newB-policy-search select {height: 30px; border: none; width:140px; padding-left: 5px;
/*background: url(/images/pa2018/main/btm_arrow.png) no-repeat right 9px center #fff;*/}
.newB-policy-search .keywardSize {width:230px !important;  box-sizing: border-box;}
.newB-policy-search .keyBox {border: 1px solid #d1d1d1; font-size: 12px;box-sizing:border-box;} 
.newB-policy-search button { /*position: relative; left:-5px;*/ float: right}
.newB-policy-search li {list-style: square; display: inline-block;}
.newB-policy-search ul {margin:0px; padding: 10px 0px}
/*정책검색 분류 셀렉트박스 END*/

/*정책기록 상세 상단*/
.newB-policy {width:100%; border-top: 2px solid #555; box-sizing: border-box;  position:relative; display:table;}
.newB-policy .plc-Wrap { width:100%; border-bottom: 1px solid #d6deea; box-sizing: border-box; clear:both; border:1px solid #d1d1d1;}
.newB-policy .plc-content {display:table-cell; width:955px;}
.newB-policy .plc-content-con01 {padding: 18px 5px 10px 20px; background: #f2f2f2}
.newB-policy .plc-content-con02 {padding: 18px 5px 0px 20px;}
.newB-policy .plc-content span { font-size: 11px color:#999; display:inline-block; position:relative; vertical-align: middle;}
.newB-policy .plc-content ul {height: auto;}
.newB-policy .plc-content li {}
.newB-policy .plc-content-txt {width:810px!important; display: inline-block;}

.newB-policy .plc-content h3 {display: inline-block; padding: 0px; margin: 0px; font-size: 15px; }
.newB-policy .plc-content .plc-subtitle {color: #999;font-size: 11px; padding-right: 5px; top: -1px;}
.newB-policy .plc-content .subtitle-con01 { display: inline-block; margin-right:15px; padding:0px 0px 15px 0px; width:150px;}
.newB-policy .plc-content .subtitle-con02 { display: inline-block; margin-right:15px; padding:0px 0px 15px 0px; width:200px; }
.newB-policy .plc-content .subtitle-con03 { display: inline-block; margin-right:15px; padding:0px 0px 15px 0px; width:220px;}
.newB-policy .plc-content .subtitle-con04 { display: inline-block; padding:0px 10px 15px 0px;}

.newB-policy .plc-content-txt .plc-location {color:#0075c7; font-size: 12px; padding-right: 5px; top: -1px; padding:0 10px 0 15px}
.newB-policy .plc-content-txt .plc-location-con {display: inline-block; box-sizing: border-box; color:#0075c7; font-size: 12px; display: block; padding-top: 10px;}
.newB-policy .plc-content-txt .plc-location.pdl0{padding-left: 0px;}
.newB-policy .plc-content-txt .plc-location.bd0{border:none;}
.newB-policy .plc-content-txt .plc-bd-line {border-right:1px solid #999; height:12px;}

.newB-policy .plc-comment {padding: 15px; font-size: 12px; display:block; box-sizing: border-box; position: relative; border-top: 1px dotted #eee}
.newB-policy .plc-comment-title {background:#666; color: #fff; font-size: 11px!important; width:40px; height:26px; text-align: center; padding:2px 5px; margin-right: 5px; }
.newB-policy .plc-comment-txt { line-height: 24px; color: #666}

.newB-policy .plc-view-box {width:110px!important; display: inline-block; position: absolute;}
.newB-policy .plc-view { position:relative; text-align: center; display:table-cell; height:auto; vertical-align: middle; padding-right: 5px;}
.newB-policy .plc-view-original {border: 1px solid #ccc; color:#666; width:100px; height:30px; display: inline-block; line-height:30px;box-sizing: border-box; background: #fff}
.newB-policy .plc-view-original-on{border: 1px solid #0075c7; color:#0075c7; width:104px; height:30px; display: inline-block; line-height:30px;box-sizing: border-box; background: #fff}
.newB-policy .plc-view-original:hover {border: 1px solid #0075c7; color:#0075c7}
.newB-policy .plc-view-original-on:hover {background:#0075c7;color: #fff}
/*정책기록 상세 상단 END*/

/*정책기록 상세 내용*/
.plc-detail {line-height:22px; padding:20px 15px 15px 15px;}
.plc-detail strong {}

/*정책기록 상세 관련기록물*/
.plc-attach {margin:0 15px; background: #f7f7f7; padding:20px; box-sizing: border-box;}
.plc-attach a {color: #555}
.plc-attach .plc-attach-title { font size:14px!important; font-weight: bold;  color:#0075c7; padding-bottom:10px;}
.plc-attach .plc-attach-file { padding-left: 15px;}
.plc-attach .plc-attach-file li { margin-left:15px; font-size:12px; line-height: 22px; list-style-type: square;}
/*정책기록 상세 관련기록물 END*/

/*정책기록 > 개요 191125 */
.policy-outline {width:99.8%; position:relative; display:table; border: 1px solid #eee; background: #f7f7f7; box-sizing: border-box; padding: 10px;}
.policy-outline .policy-outline-left {width:200px; height:auto; display:table-cell; text-align: center; vertical-align: middle; position: relative; 
 border-right: 1px solid #d1d1d1; }
.policy-outline .policy-outline-left select {width:140px; height:30px; border: 1px solid #d1d1d1; padding-left: 5px; 
/*background: url(/images/pa2018/main/btm_arrow.png) no-repeat right 9px center #fff;*/}
.policy-outline .policy-outline-right {width:755px; vertical-align: middle; display:table-cell;	padding:10px 10px 10px 15px;} 
.policy-outline .policy-outline-right ul {}
.policy-outline .policy-outline-right li {display: inline-block; box-sizing: border-box; padding:0 15px 0 0;}
.policy-outline .policy-outline-right li a.active {background:#5C7592; color:#fff!important;}
.policy-outline .policy-outline-right li a {text-align: center; padding:5px 10px; box-sizing: border-box;}
.policy-outline .policy-outline-right li a:hover {background:#5C7592; color:#fff!important;}
.policy-outline .policy-outline-right .date-pt {padding-top: 15px;}
.policy-outline .policy-outline-right .fix-outline {float:right;}
.policy-outline .policy-outline-right .fix-outline a {border: 1px solid #999; color:#555;}
.policy-outline .policy-outline-right .fix-outline a:hover {background: #555; border: none;}
.policy-outline .policy-outline-right .pl-tit-type a {font-weight: bold;color: #445677; font-size: 15px;}
.policy-outline .policy-outline-right .pl-tit-type a:hover {background: none; color: #445677!important;}
.policy-outline-line{border-right: 1px solid #d1d1d1; box-sizing: border-box; height:auto; position: relative; display: inline-block;}

.MAT20 {line-height:20px; box-sizing:border-box}
.policy-outline-Mtxt { font-size:20px; display:block; font-weight:bold; padding-bottom:15px;}
.policy-outline-Mtxt-sub { padding-bottom:15px; line-height:20px;} 
.policy-outline-Mtxt-sub02 {padding: 0px 20px;  line-height:20px;}
.policy-outline-Mtxt-tit {padding: 0px 20px;  line-height:20px;}
/*정책기록 > 개요 END*/

/*정책기록 > 리서치 가이드 추가 */
.policy-reGuide {}
.policy-reGuide li {margin-left:25px; line-height:20px; list-style:circle}
.policy-reGuide .policy-reGuide-tit {font-size:16px; display:block; font-weight:bold; }
/*정책기록 > 리서치 가이드 추가 END */

/*191105 게시판 상단 공통 검색 스타일*/
.searchIntegration { border: 1px solid #d6deea; background: #edf2f7; display: block; text-align: center;position: relative; vertical-align: middle; padding:10px 0; margin:30px 0 30px 0;}
.searchIntegration .searach_int_btn {position: relative; background: #445677; color: #fff; height: 38px; width: 60px; display: inline-block;border:0px;}
.searchIntegration input { height: 38px; border: none; width:140px; padding-left: 5px; }
.searchIntegration span {}
.searchIntegration select {height: 38px; border: none; width:140px; padding-left: 5px; /*background: url(/images/pa2018/main/btm_arrow.png) no-repeat right 9px center #fff;*/}
.searchIntegration .keywardSize {width:230px !important;  box-sizing: border-box; background:#fff}
.searchIntegration .keyBox {border: 1px solid #d1d1d1; font-size: 12px;box-sizing:border-box; background:#fff} 

.searchIntegration button { /*position: relative; left:-5px;*/ float: right}
.searchIntegration li {list-style: square; display: inline-block;}
.searchIntegration ul {margin:0px; padding: 10px 0px}

/*상단 공통 검색 결과*/
.search__result { border: 1px solid #f2f2f2; background: #f9f9f9; box-sizing: border-box; font-size: 12px; margin:15px 0;}
.search__result li {padding: 15px;background: url(/images/egovframework/pa/portal/research/contents/li_searchReuslt.gif) left 20px no-repeat;}
.search__result ul {padding:0;padding-left: 15px; }

/*제목순 년도순 정렬 */
.newB--search {}
.newB--search .search--left {display: inline-block; text-align:left; width:630px;}
.newB--search .search--result {margin: 30px 0 10px 0}
.newB--search .search--result .txt--keyward {color:#FF6F00; font-weight: bold;}
.newB--search .search--right {display: inline-block; text-align:right; width:320px;}
.newB--search .search--right ul {display: inline-block;margin:0px}
.newB--search .search--right li { list-style: square; display: inline-block;}
.newB--search .search--right li.on {color:#ff8000!important; font-weight: bold!important; }
.newB--search .search--right li a:hover {color:#ff8000!important; text-decoration:underline}
.newB--search .search--right select {height: 30px; border: none; width:70px; padding-left: 5px;
/* background: url(/images/pa2018/main/btm_arrow.png) no-repeat right 9px center #fff;*/}
.newB--search .search--right .newB-key-Box {border: 1px solid #d1d1d1; font-size: 12px;box-sizing:border-box;} 
.newB--search .search--right .newB-searach-btn {position: relative; background: #f9f9f9; color: #555; border:1px solid #d1d1d1; box-sizing:border-box; height: 30px; width: 50px; display: inline-block; margin-left:3px;}
.newB--search .search--right .newB-txt-line {position: relative; top:-1px;}
.newB--search .search--right button {float: right}
/*제목순 년도순 정렬 END*/

/*제목순 년도순 정렬 > 조직변천 검색 */
.newB--search-ys {}
.newB--search-ys .search--left-ys {display: inline-block; text-align:left; width:600px;}
.newB--search-ys .search--left-ys li.boardCount {line-height:0px!important; position: relative!important; top:-1px!important; height:0px; padding:0px; margin:0px; background:#fff }
.newB--search-ys .search--result-ys {margin: 30px 0 10px 0; }
.newB--search-ys .search--result-ys .txt--keyward-ys {color:#FF6F00; font-weight: bold;}
.newB--search-ys .search--right-ys {display: inline-block; text-align:right; width:350px;}
.newB--search-ys .search--right-ys ul {display: inline-block;margin:0px}
.newB--search-ys .search--right-ys li { list-style: square; display: inline-block;}
.newB--search-ys .search--right-ys li.txt-ht-ys {position:relative; top:3px;}
.newB--search-ys .search--right-ys li.on {color:#ff8000!important; font-weight: bold!important; }
.newB--search-ys .search--right-ys li a:hover {color:#ff8000!important; text-decoration:underline}
.newB--search-ys .search--right-ys select {height: 30px; border: none; width:70px; padding-left: 5px;}
.newB--search-ys .search--right-ys .newB-key-Box-ys {border: 1px solid #d1d1d1; font-size: 12px;box-sizing:border-box;} 
.newB--search-ys .search--right-ys .newB-searach-btn-ys {position: relative; background: #f9f9f9; color: #555; border:1px solid #d1d1d1; box-sizing:border-box; height: 30px; width: 50px; display: inline-block; margin-left:3px;}
.newB--search-ys .search--right-ys .newB-txt-line-ys {position: relative; top:1px;}
.newB--search-ys .search--right-ys button {float: right}

.newB--search-ys .search--left-organ {display: inline-block; float:left; padding-left: 15px; box-sizing: border-box;  position: relative; top:17px;}
.newB--search-ys .search--left-organ li.boardCount {line-height:0px!important; position: relative!important; top:-1px!important; height:0px; padding:0px; margin:0px; background:#fff; }
.newB--search-ys .search--right-organ {display: inline-block; float:right; padding-bottom:20px; }
.newB--search-ys .search--right-organ ul {display: inline-block;margin:0px}
.newB--search-ys .search--right-organ li { list-style: square; display: inline-block;}
.newB--search-ys .search--right-organ li.txt-ht-ys {position:relative; top:3px;}
.newB--search-ys .search--right-organ li.on {color:#ff8000!important; font-weight: bold!important; }
.newB--search-ys .search--right-organ li a:hover {color:#ff8000!important; text-decoration:underline}
.newB--search-ys .search--right-organ select {height: 30px; border: none; width:70px; padding-left: 5px;}
.newB--search-ys .search--right-organ .newB-key-Box-ys {border: 1px solid #d1d1d1; font-size: 12px;box-sizing:border-box;} 
.newB--search-ys .search--right-organ .newB-searach-btn-ys {position: relative; background: #f9f9f9; color: #555; border:1px solid #d1d1d1; box-sizing:border-box; height: 30px; width: 50px; display: inline-block; margin-left:3px;}
.newB--search-ys .search--right-organ .newB-txt-line-ys {position: relative; top:1px;}
.newB--search-ys .search--right-organ button {float: right}
.public--search-none {/* background:#f2f2f2; */border: 1px solid #f2f2f2; line-height:100px; text-align:center}
/*제목순 년도순 정렬 END*/


/*서한 게시판 스타일 191007*/
.newB-letter {width:955px; border-top: 2px solid #555; box-sizing: border-box;  position:relative; display:table;}
.newB-letter .lt-Wrap { width:100%; border-bottom: 1px solid #d6deea; box-sizing: border-box; clear:both; }
.newB-letter .lt-num {width:80px; height:auto; display:table-cell; text-align: center; vertical-align: middle; position: relative; box-sizing: border-box;}
.newB-letter .lt-content {display:table-cell; width:770px;}
.newB-letter .lt-content-none {display:table-cell; width:955px}
.newB-letter .lt-content-con {padding: 18px 5px 15px 0px;box-sizing: border-box;}
.newB-letter .lt-content span { font-size: 11px color:#999; display:inline-block; position:relative; vertical-align: middle;}
.newB-letter .lt-content ul {height: auto;}
.newB-letter .lt-content h3 {display: inline-block; padding: 0px; margin: 0px; font-size: 15px; }
.newB-letter .icon_letter01 {/*정치*/color:#fff; width:40px; padding:1px; font-size: 11px; text-align:center; border-radius: 3px; bottom: 2px; background: #1c77c3;}
.newB-letter .icon_letter02 {/*국방*/color:#fff; width:40px; padding:1px; font-size: 11px; text-align:center; border-radius: 3px; bottom: 2px; background: #76706a;}
.newB-letter .icon_letter03 {/*외교*/color:#fff; width:40px; padding:1px; font-size: 11px; text-align:center; border-radius: 3px; bottom: 2px; background: #558005;}
.newB-letter .icon_letter04 {/*교육*/color:#fff; width:40px; padding:1px; font-size: 11px; text-align:center; border-radius: 3px; bottom: 2px; background: #1e845d;}
.newB-letter .icon_letter05 {/*공보*/color:#fff; width:40px; padding:1px; font-size: 11px; text-align:center; border-radius: 3px; bottom: 2px; background: #4535ba;}
.newB-letter .icon_letter06 {/*경제*/color:#fff; width:40px; padding:1px; font-size: 11px; text-align:center; border-radius: 3px; bottom: 2px; background: #B62934;}
.newB-letter .icon_letter07 {/*기타*/color:#fff; width:40px; padding:1px; font-size: 11px; text-align:center; border-radius: 3px; bottom: 2px; background: #b35f1a;}

.newB-letter .lt-content .lt-subtitle {color: #999;font-size: 11px; padding-right: 5px; top: -1px;}
.newB-letter .lt-content .lt-date {color: #999; font-size: 11px; bottom:2px;}
.newB-letter .lt-content .subtitle-con01 { display: inline-block; margin-right:15px; padding:0px 0px 15px 0px; width:210px;}
.newB-letter .lt-content .subtitle-con02 { display: inline-block; margin-right:15px; padding:0px 0px 15px 0px; width:100px;}
.newB-letter .lt-content .subtitle-con03 { display: inline-block; margin-right:15px; padding:0px 0px 15px 0px; width:150px;}
.newB-letter .lt-content .subtitle-con04 { display: inline-block; padding:0px 10px 15px 0px;}

.newB-letter .lt-comment {margin: 0px 10px 15px 80px;padding: 10px; width:865px; background:#f2f2f2; font-size: 12px; display:block; box-sizing: border-box; position: relative;}
.newB-letter .lt-comment-title {background:#666; color: #fff; font-size: 11px!important; width:40px; height:26px; text-align: center; padding:2px 5px; margin-right: 5px; }
.newB-letter .lt-comment-txt { line-height: 24px; color: #666}

.newB-letter .lt-view { position:relative; text-align: center; display:table-cell; width:100px; height:auto; vertical-align: middle; right: 5px;box-sizing: border-box;}
.newB-letter .lt-view-original {border: 1px solid #ccc; color:#666; width:100px; height:30px; display: inline-block; line-height:30px;box-sizing: border-box;}
.newB-letter .lt-view-original-on{border: 1px solid #0075c7; color:#0075c7; width:100px; height:30px; display: inline-block; line-height:30px;box-sizing: border-box;}
.newB-letter .lt-view-original:hover {border: 1px solid #0075c7; color:#0075c7;}

/* 서한 > 상세보기 */
.newB-letter .lt-view-detail {display: inline-block; width:955px; margin-top: 25px;}
.newB-letter .lt-photo { float: left; width:280px; height:auto; border:1px solid #ccc; box-sizing:border-box; text-align:center; padding:10px 0 10px 0;}
.newB-letter .lt-photo .lt-img img { max-width:250px; margin-bottom:15px;}
.newB-letter .lt-photo .lt-btn {width:160px; height:36px; line-height: 36px; border:1px solid #ccc; background:#eee; display: block; margin:0 auto; margin-bottom:5px;}
.newB-letter .lt-photo .lt-btn a:link {color: #333}
.newB-letter .lt-photo .lt-btn:hover {background: #d1d1d1; font-weight: bold;}
.newB-letter .lt-comment-view-detail {float:right; width:630px; margin-top: 25px; padding: 15px; background:#f2f2f2; font-size: 12px; box-sizing: border-box; display: inline-table;}
.newB-letter .lt-comment-title-view-detail {font-size: 14px; font-weight: bold;display: block; color:#1269b4; margin-bottom: 10px;}
.newB-letter .lt-comment-txt-view-detail { line-height: 24px; color: #666}

/*	대통령서한 > 서한번역문 */
.lt-translationArea { clear:both; position:relative; width:955px; margin-top:30px; border:1px solid #ccc; box-sizing: border-box;  background:#f4f8fb; }
.lt-translationArea h5 { padding:11px 0 10px 19px; border-bottom:1px solid #ccc; margin:0;  }
.lt-translationArea p {margin: 0; padding: 0;font-size: 1em}
.lt-translationArea .lt-translationTxt { width:935px; padding:0px 0px 8px 30px; line-height:28px; box-sizing: border-box; background:#f7f8fb url(/images/egovframework/pa/portal/research/contents/bg_translationTxt.gif) left top repeat-y; word-break:keep-all; word-wrap:break-word; } 
.lt-translationArea .lt-btnEnglish { position:absolute; right:20px; top:10px; }

/* 서한 > 상세보기 테이블 */
.newB-letter .lt-viewTable  { float:right; width:630px; border-spacing:0; empty-cells:show; border-collapse:collapse; border-top:1px solid #ccc; table-layout:fixed; }
.newB-letter .lt-caption {font-size: 20px; text-align: left; font-weight: bold;  color:#1269b4; margin-bottom: 10px; letter-spacing: -0.05em; padding-left:330px;}
.newB-letter table.lt-viewTable tr {height: 40px}
.newB-letter table.lt-viewTable td {padding-left: 15px; border-bottom:1px solid #ccc;}
.newB-letter table.lt-viewTable th { background:#f7f7f8; color:#39393d; border-right:1px solid #ccc; border-bottom:1px solid #ccc; width:90px; text-align:center}

.newB-letter table.lt-viewTable td.point01 { font-weight:bold; color:#1b6bc7; }
.newB-letter table.lt-viewTable td.point02 { font-weight: bold; color:orange }

/*기증기록물 리스트 스타일 */
.newB-gift { width:955px; border-top: 2px solid #555; box-sizing: border-box;  position:relative; display:table; }
.newB-gift .gift-Wrap { width:100%; border-bottom: 1px solid #d6deea; box-sizing: border-box; clear:both;}
.newB-gift .gift-num {width:80px; height:auto; display:table-cell; text-align: center; vertical-align: middle; position: relative; box-sizing: border-box; }
/*.newB-gift .gift-content {display:table-cell; width:775px;} 원문보기 버튼 삭제로 숨김*/
.newB-gift .gift-content {display:table-cell; width:875px;}
.newB-gift .gift-content-con {padding: 15px 15px 15px 0px;}
.newB-gift .gift-content span { font-size: 11px color:#999; display:inline-block; position:relative; margin: 0 5px; vertical-align: middle;}
.newB-gift .gift-content ul {height: auto;}
.newB-gift .gift-content h3 {display: inline-block; padding:0px; margin: 0px; font-size: 15px; }
.newB-gift .gift-content .gift-subtitle {color: #999;font-size: 11px; padding-right: 5px; top: -1px;}
.newB-gift .gift-content .gift-date {color: #999; font-size: 11px; bottom:2px;}
.newB-gift .gift-content .gift-subtitle-con01 {display: inline-block; margin-right:15px; padding:0px 0px 15px 0px; width: 200px; box-sizing: border-box; color:#555}
.newB-gift .gift-content .gift-subtitle-con02 {display: inline-block; margin-right:15px; padding:0px 0px 15px 0px; width: 160px; box-sizing: border-box; color:#555}
.newB-gift .gift-content .gift-subtitle-con03 {display: inline-block; margin-right:15px; padding:0px 0px 15px 0px; color:#555 }

.newB-gift .gift-view { position:relative; text-align: center; display:table-cell; width:100px; height:auto; vertical-align: middle;padding-right: 5px;}
.newB-gift .gift-view-original {border: 1px solid #ccc; color:#666; width:104px; height:30px; display: inline-block ;line-height:30px; box-sizing: border-box;}
.newB-gift .gift-view-original-on{border: 1px solid #0075c7; color:#0075c7; width:104px; height:30px; display: inline-block; line-height:30px; box-sizing: border-box;}
.newB-gift .gift-view-original:hover {border: 1px solid #0075c7; color:#0075c7;}

.newB-gift-category { width:100%; border-top:1px solid #ccc; border-bottom: 1px solid #ccc;  display: block; box-sizing: border-box;}
.newB-gift-category a { /*color: #555 */}
.newB-gift-category .active { background: #f2f2f2;}
.newB-gift-category .active1 { font-weight:bold}
.newB-gift-category .gift-category-box {padding: 15px 10px; box-sizing: border-box;}
.newB-gift-category li { display: inline-block;}
.newB-gift-category li .gift-cate-txt01 { padding: 0 10px 0 0;}
.newB-gift-category li .gift-cate-txt02 {font-weight: bold; color:#FF8000; font-size: 14px;}
/*기증기록물 리스트 스타일 END*/


/* 서한 > 목록으로 btn style*/
.btnStyle { text-align:center; margin-top:20px; z-index:1; }
.btnStyle li { display:inline; line-height:33px; height:33px; }
.btnStyle li a { position:relative;  display:inline-block; font-size:14px; padding:0 17px 0 18px; color:#474a4f; font-weight:bold; background:url(/images/egovframework/pa/portal/research/contents/bg_btnStyle.gif) left top no-repeat;}
.btnStyle li a span { position:absolute; right:0; top:0;display:inline-block; width:5px; line-height:33px; height:33px; 
						background:url((/images/egovframework/pa/portal/research/contents/bg_btnStyleRight.gif) right top no-repeat;}
.btnStyle li.blueBtn a { color:#fff; background:url(/images/egovframework/pa/portal/research/common/bg_btnStyle02.gif) left top no-repeat;}
.btnStyle li.blueBtn a span { background:url(/images/egovframework/pa/portal/research/common/bg_btnStyleRight02.gif) right top no-repeat;}


.exhibition06 {margin-top:20px;}

/* 전시관 > 사이버전시관 테이블 */
.cyberTable .cy-viewTable  { width:900px; border-spacing:0; empty-cells:show; border-collapse:collapse; border-top:1px solid #ccc; table-layout:fixed; }
.cyberTable .cy-caption {font-size: 20px; text-align: left; font-weight: bold;  color:#1269b4; margin-bottom: 10px; letter-spacing: -0.05em; padding-left:330px;}
.cyberTable table.cy-viewTable tr {height: 40px}
.cyberTable table.cy-viewTable td {padding-left: 15px; border-bottom:1px solid #ccc;}
.cyberTable table.cy-viewTable .cy-view-tit01 { background:#f7f7f8; color:#39393d; border-right:1px solid #ccc; border-bottom:1px solid #ccc; width:90px; text-align:center}
.cyberTable table.cy-viewTable .cy-view-tit02 { background:#f7f7f8; color:#39393d; border-right:1px solid #ccc; border-bottom:1px solid #ccc; width:90px; text-align:center; border-left:1px solid #ccc;}
.cyberTable table.cy-viewTable .cy-view-txt01 {color:#39393d; border-right:1px solid #ccc; border-bottom:1px solid #ccc; text-align:center}
.cyberTable table.cy-viewTable .cy-view-txt02 {color:#39393d; border-right:1px solid #ccc; border-bottom:1px solid #ccc; text-align:center}


/*전시관 > 사이버전시관 > 중간 이미지 슬라이드*/
.cyber-gallery2.sliderkit{position:relative;overflow:hidden;width:550px;height:300px;margin:0;border:1px solid #d6deea;background:#fafbfb}
.cyber-gallery2.sliderkit .sliderkit-panels{position:absolute;top:12px;left:15px;width:100%;height:60px}
.cyber-gallery2.sliderkit .sliderkit-panel{z-index:1;position:absolute;overflow:hidden;display:none;background:#fff;width:240px;height:180px;}
.cyber-gallery2.sliderkit .sliderkit-panel img{width:100%}
.cyber-gallery2.sliderkit .sliderkit-panel-active{z-index:5;}
.cyber-gallery2.sliderkit .sliderkit-panel-old{z-index:4;}
.cyber-gallery2.sliderkit a,
.cyber-gallery2.sliderkit a:hover{text-decoration:none}
.cyber-gallery2.sliderkit img{border:0}
.cyber-gallery2.sliderkit .sliderkit-nav{width:70px;height:48px;right:0px;top:12px;z-index:10;position:absolute;text-align:center}
.cyber-gallery2.sliderkit .sliderkit-nav-clip{position:relative;overflow:hidden}
.cyber-gallery2.sliderkit .sliderkit-nav-clip ul{overflow:hidden}
.cyber-gallery2.sliderkit .sliderkit-nav-clip ul li{float:none;width:70px;height:50px;}
.cyber-gallery2.sliderkit .sliderkit-nav-clip ul li:first-child{margin-left:0}
.cyber-gallery2.sliderkit .sliderkit-nav-clip ul li a{display:block;width:70px;height:48px;overflow:hidden;margin:0 0 5px;padding:0;text-align:center;box-sizing:border-box;border:2px solid transparent}
.cyber-gallery2.sliderkit .sliderkit-nav-clip ul li a img{width:70px;height:48px;}
.cyber-gallery2.sliderkit .sliderkit-nav-clip ul li.sliderkit-selected a{padding:0;outline:none;border:2px solid #e8012f}

.cyber-gTxt{display:table;margin-bottom:40px;border:1px solid #bacae7;border-top:0;background:#ebeff7}
.cyber-gTxt .tits, .donor-gTxt .cont{display:table-cell;vertical-align:middle}
.cyber-gTxt .tits{width:20%;text-align:center;color:#11499c;}
.cyber-gTxt .cont{width:80%;padding:35px 30px;border-left:1px solid #bacae7;text-align:left}
.donorGateway{position:absolute;top:168px;left:50%;z-index:99;margin-left:-500px;}
.donorGateway img{position:absolute;}
.donorGateway .skip{position:absolute;z-index:-1}