@media screen and (max-width:980px) { .over980 {display: none;} } .btncenter button.btn_blue_03:first-child ,button.btn_blue_03 {margin-top: 10px !important;margin-left:5px !important;} .btncenter button.btn_blue_03:first-child {margin-left:0px !important;} table.history_list {width: 100%;} .totalSearchE .yearbookAfter .history_list li .history_picBox {display: none} .totalSearchE .yearbookAfter .history_list li {padding-bottom: 5px;padding-left: 20px;} /*.totalSearch .yearbookAfter .history_list li .photo_info {height:50px;}*/ /*.totalSearch .yearbookAfter .history_list li .photo_info em {width:200px;float:left;}*/ .totalSearchE .yearbookAfter .history_list li .photo_info .info {padding-bottom:0px;} .totalSearchE .viewMore {text-align: right;padding:0px 0px;} .totalSearchE .viewMore a {color:#39579a;font-size:14px;line-height: 18px;} .totalSearchE .viewMore a b {color:#36a3d8;} .totalSearchE .history_list li {border-bottom: none;} .totalSearchE {clear: both;padding:30px 0px;border-bottom:1px solid #aaa;} .totalSearchE.yearbook li {min-height: 80px} .totalSearch .holder .list .item a {font-size: 12px;width:100%;} .boardwrite{width:100% !important;} .joinwrap table.boardwrite {width:100%;} .joinwrap table.boardwrite td b {margin-left:10px;font-size: 11px;} .joinwrap table.boardwrite input#user_name {width:100px;} .joinwrap table.boardwrite input#user_email {width:300px;} .joinwrap table.boardwrite input#user_id {width:150px;} .joinwrap table.boardwrite input#user_pw {width:150px;} .joinwrap table.boardwrite input#user_pw_02 {width:150px;} .joinwrap table.boardwrite input#user_name {width:100px;} .joinwrap table.boardwrite input#user_name {width:100px;} .greeting.support .conbox_02 .txt_02 {width:100% !important;} .greeting1 .conbox_01 .txt {width:760px !important;} .greeting1.support .conbox_01 .txt_01 {width:760px !important;} body.fullScreen {overflow:none;} /*body.fullScreen header {position: absolute;z-index: 1;}*/ #main .innerwrap{padding:110px 0 60px 0px;} b,h1,h2,h3,h4,h5,h6,th, strong { font-weight:bold; font-family:tss !important; } body,p,div,ul,li,dl,dd,ol,fieldset,textarea,input,select,table,td,address,cite { font-family:tss !important; } .mobile_left_768 {display: block !important;} #goTop {position:fixed;bottom:300px;width:50px;display:none;z-index:10;} #goTop.show {display:block;} #goTop.hide {display:none;} .movlist dd ul li {margin-left:15px;text-align: center;font-size: 16px;} .movlist dd ul li .mov {margin-bottom:15px;} @media screen and (max-width:980px) { .movlist dd ul li {float:left;width:31%;margin-top:0px;} .movlist dd ul li div.mov {width:100%;overflow: hidden;} } @media screen and (max-width:768px) { .movlist dd ul li {float:left;width:31%;margin-top:0px;} .movlist dd ul li div.mov {width:100%;overflow: hidden;} } @media screen and (max-width:640px) { .movlist dd ul li {margin-left:0px;margin-top:20px;width:100%;float:none;} .movlist dd ul li div.mov {width:100%;overflow: hidden;} .modalpop iframe {max-width:100%;} } .directions #map {width:100%;height:350px;} body #contents p, body #contents li, body #contents b, body #contents strong, body #contents dt, body #contents dl, body #contents dd, body #contents a {font-family:tss;} body #contents b , body #contents strong {font-weight: bold;} @media screen and (max-width:980px) { .directions #map {width:100%;height:350px;} } @media screen and (max-width:768px) { .directions #map {width:100%;height:350px;} } @media screen and (max-width:640px) { .directions #map {width:100%;height:250px;} } .online_list .txt_intro {width:auto;} .online_list .txt_intro {background: none;font-family:ts;} .online_list .txt_intro {line-height: 25px;} .online_list p.txt {line-height: 140%;} .online_list .txt_intro .lib {color:#529bcc;} .online_list .txt_intro strong {font-size: 40px;line-height: 140%;font-family: ts !important;font-weight: normal !important;} .online_list .txt_sub {font-size: 16px;line-height: 140%;} .online_list .introduce_movie .part1 .txt .m_txt {display:inline;font-size:15px;line-height:140%;} .online_list .introduce_movie .part1 .txt span.c_blue {color:#529bcc;display:inline;font-size:16px;} .online_list .introduce_movie .part2 .txt {color:white;font-size:14px;} .online_list .introduce_movie .part2 .txt span {line-height: 140%;} .online_list .introduce_movie .part1, .online_list .introduce_movie .part2 {padding-top:25px;} .online_list .introduce_movie .part3 .txt span.moreSizeUp{font-size:16px;display:inline;} .online_list .introduce_movie .part3 .txt .txt_sub:first-child {font-size: 16px;} .online_list .introduce_movie .part3 .txt {font-size:16px;} button.btn_gray:hover { background:#62acd6; } .biography * {font-family:tss !important;} @media screen and (max-width:980px) { /*.biography .img_06 {height:300px;}*/ .biography .img_06 img {width:100%;margin-left:0%;} /*.chronology .closePop {display:block !important;position: fixed;top:10px;right:10px;width:46px;height:46px;border:none;text-indent: -9999px;background: url(../images/udz/closeChronicle.png) #fff no-repeat 50% 50%;} */ .chronology .closePop {display:block !important;position: fixed;top:10px;right:5px;width:46px;height:26px;border:1px solid #ccc;background:#ccc;color:white;z-index:200;} } @media screen and (max-width:768px) { /*.biography .img_06 {height:500px;}*/ .biography .img_06 img {width:150%;margin-left:-25%;} .biography .txt_02 {width:50% !important;margin-top:40px;} .biography .img_01 {position: absolute;top:150px;} } @media screen and (max-width:640px) { /*.biography .img_06 {height:400px;}*/ .biography .img_06 img {width:200%;margin-left:-50%;} .biography .txt_02 {width:100% !important;margin-top:0px;} .biography .img_01 {position: relative;top:0px;} } /*연보*/ .btnright {margin-bottom: 30px;} .chronology {padding-bottom:0px !important;margin-bottom:80px;} .chronology .preview {background: url('/stuff/images/contents/yearbook.jpg') no-repeat; border:1px solid #ccc;width:100%;height: 400px;text-align: center;} .chronology .preview p {padding-top:180px;} .chronology .preview p button.btn_gray {background: #666;} @media screen and (max-width:768px) { .chronology .preview {background: url('/stuff/images/contents/yearbook.jpg') no-repeat; border:1px solid #ccc;width:100%;height: 400px;text-align: center;} .chronology .preview p {padding-top:180px;} .chronology .preview p button.btn_gray {background: #666;} } @media screen and (max-width:640px) { .chronology .preview {background: url('/stuff/images/contents/yearbook.jpg') no-repeat; border:1px solid #ccc;width:100%;height: 300px;text-align: center;} .chronology .preview p {padding-top:120px;} .chronology .preview p button.btn_gray {background: #666;} } .chronology .closePop {display:none;} .chronology.fullScreen {margin:0px;} .chronologywrap {overflow:hidden; margin-top:0px !important; border:1px solid #e5e5e5; box-shadow: 0 0 0px 0px #e5e5e5;} .chronologywrap .listwrap {overflow:hidden; float:left; width:340px; /*height:755px;*/;min-height: 700px;} .chronologywrap .listwrap ul {float:left; width:100px; /*height:755px*/; border:1px solid #f5f5f5; box-sizing:border-box} .chronologywrap .listwrap ul li {border-top:1px solid #f5f5f5; text-align:center; font-size:12px; cursor:pointer;} .chronologywrap .listwrap ul li:first-child {border-top:0;} .chronologywrap .listwrap ul li.on { color:#fff;} .chronologywrap .listwrap ul li.on_02 {border:1px solid #529bcc;} .chronologywrap .listwrap ul li.bg {background:#f9f9f9;} .chronologywrap .listwrap ul.list_01 {overflow-y:auto;width:220px;overflow-x:hidden;height:100%;-webkit-overflow-scrolling: touch;} .chronologywrap .listwrap ul.list_01 li {position:relative; height:24px; line-height:24px;text-align: left;width:100px;border-right:1px solid #f5f5f5;margin-left:102px;} .chronologywrap .listwrap ul.list_01 li em {position:relative; z-index:3;margin-left:30px;} .chronologywrap .listwrap ul.list_01 li .graph {position:absolute; top:0; left:0; z-index:2; width:5%; height:24px; background-color:#9fd5fa; content:'';} .chronologywrap .listwrap ul.list_01 li .graph2 {position:absolute; top:0; left:0; z-index:1; width:5%; height:24px; background-color:#999; content:'';} .chronologywrap .listwrap ul.list_01 li.searched .graph2 {background-color: #aaa;} .chronologywrap .listwrap ul.list_01 li.noSearched em {color:#ccc;} .chronologywrap .listwrap ul.list_01 li.noSearched .graph2 {background:#eee;} .chronologywrap .listwrap ul.list_03 {width:60px;overflow-y:;height:100%;} .chronologywrap .listwrap ul.list_03 li {height:7.6%; line-height:100%;} .chronologywrap .listwrap ul.list_04 {width:60px;overflow-y:;height:100%;} .chronologywrap .listwrap ul.list_04 li {min-height:20px; line-height:100%;height:3%;} .chronologywrap .viewwrap {float:none; width:auto; /*height:755px*/; padding:0px; margin-left:340px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;} .chronologywrap .viewwrap .search {background: #fff;height:60px;z-index:10;padding:5px 20px;padding-bottom:0px;} .chronology.fullScreen .chronologywrap .viewwrap .search {position: fixed;} .chronologywrap .viewwrap table.searchTable {width: 100%;} .chronologywrap .viewwrap table.searchTable label {color:#4f9ace;font-weight: bold;font-size:14px;} .chronologywrap .viewwrap table.searchTable select.skey {width:200px;} .photo_list_wrap.class {border-top:#8bbddf 2px solid;} .photo_list_wrap .search_area fieldset {margin-top:5px;} .photo_list_wrap .search_area fieldset input.input_period {width:78px;margin-right: 0px;} .photo_list_wrap .search_area fieldset.orderby strong{float:left; color:#4d4d4d; font-family:ts;line-height: 25px;margin-right: 5px;} .photo_list_wrap .search_area fieldset.orderby .orderby1{margin-left:10px;} .photo_list_wrap .search_area fieldset.orderby select {width:auto;margin-right: 5px;} .photo_list_wrap .search_area fieldset.orderby select:last-child {width:auto;margin-right: 0px;} .photo_list_wrap .search_area fieldset input.keyword {width:183px;margin-right:5px;} .photo_list_wrap_arc.photo_list_wrap .search_area fieldset.period {position: absolute;top:0px;right:0px;} .photo_list_wrap_arc.photo_list_wrap .search_area fieldset.period input.datepicker {width:80px;margin-right: 0px;} .photo_list_wrap_arc .searchDetailField {display:none;float:left;position: relative;width:100%;} .photo_list_wrap_arc .search_area fieldset .searchDetailBt {width:80px;margin-left:5px;} .photo_list_wrap .search_area fieldset .searchCancel {width:80px;margin-left:5px;} .photo_list_wrap_arc .search_area fieldset .searchDetailBt2 {display:none;} .photo_list_wrap .search_area fieldset .searchCancel2 {display:none;margin-left: 5px;} .photo_list_wrap_arc .search_area fieldset input.keyword {width:150px;margin-right:5px;} .photo_list_wrap_arc .searchDetailField fieldset {display:block;float: none;margin-top:5px;} .photo_list_wrap_arc .searchDetailField fieldset.left {float:left;} .photo_list_wrap_arc .searchDetailField fieldset.right {float:right;margin-right:0px;margin-top:0px;} .photo_list_wrap_arc .searchDetailField fieldset.right2 {float:right;margin-right:0px;margin-top:5px;font-size:14px;font-weight:bold;} .photo_list_wrap_arc .searchDetailField fieldset select.period {width:60px;margin-right:3px;} .photo_list_wrap_arc .searchDetailField fieldset select.period1 {width:49px;margin-right:3px;} .photo_list_wrap_arc .searchDetailField fieldset select.condition {width:60px;} .photo_list_wrap_arc .searchDetailField fieldset input.shapeType, .photo_list_wrap_arc .searchDetailField fieldset input.chkAll {width:11px;margin-top:0px;vertical-align:middle;} .photo_list_wrap_arc .searchDetailField fieldset span.shapeName{width:150px;} .photo_list_wrap_arc .search_area .search_tit {width:200px;float:none;padding-bottom:0px;} .photo_list_wrap_arc .search_area fieldset input {width:150px;} .photo_list_wrap_arc .search_area fieldset input.fromDStyle {width:152px;margin-right:0px;} .photo_list_wrap_arc .searchDetailField strong {float:left; color:#4d4d4d; font-family:ts;line-height: 25px;margin-right: 5px;} .photo_list_wrap_arc .searchDetailField fieldset.searchTarget {margin-top: 10px;} .photo_list_wrap_arc .searchDetailField fieldset.searchTarget label {float:left;margin-right: 5px;} @media screen and (min-width:980px) { .mobile_left_980 {display:block;} /*.photo_list_wrap_arc.photo_list_wrap .search_area fieldset.period {width:400px;}*/ /*.photo_list_wrap_arc.photo_list_wrap .search_area fieldset.orderby {width:430px;}*/ .photo_list_wrap_arc .search_area fieldset.orderby .orderby1{margin-left:0px;margin-right: 5px} .photo_list_wrap_arc.photo_list_wrap .search_area fieldset.period strong, .photo_list_wrap_arc.photo_list_wrap .search_area fieldset.orderby strong {width:60px;} .photo_list_wrap .search_area fieldset {float:none;} .photo_list_wrap .search_area fieldset.orderby {float:right;margin-top:0px;} .photo_list_wrap .search_area fieldset.orderby strong {text-align: right;} .photo_list_wrap .search_area fieldset.period strong {text-align: right;} .photo_list_wrap.kdjactivity .search_area {position: relative} .photo_list_wrap.kdjactivity .search_area fieldset.orderby {float:right;margin-top:5px;position: absolute;bottom:5px;right:0px;} .photo_list_wrap.searchDetailBox .search_area fieldset.orderby {;} } @media screen and (max-width:980px) { .photo_list_wrap .search_area fieldset {float:none;} /*.photo_list_wrap .search_area fieldset input {margin-left: 10px;margin-right: 10px;;}*/ .btn_gnb {background-color: rgba(255,255,255,0.7);} .trplayerw .btn_gnb {display: none;} .trplayerw h1 {display: none;} /*.photo_list_wrap .search_area fieldset .searchDetailBt {display:;position:absolute; bottom:15px; right:55px; height:36px; line-height:36px;width:63px;}*/ .photo_list_wrap .search_area fieldset.orderby {float:right;margin-top:0px;} .photo_list_wrap .search_area fieldset.orderby select {width:auto;} .photo_list_wrap_arc .search_area fieldset p {float:left;padding:0px;} .photo_list_wrap_arc .search_area fieldset .searchDetailBt {width:60px;margin-left:5px;} .photo_list_wrap_arc .searchDetailField {display:;float:left;margin-left:0px;} .photo_list_wrap_arc .searchDetailField fieldset {display:block;} .photo_list_wrap_arc .searchDetailField fieldset.right {;margin-right:0px;margin-top:0px;} .photo_list_wrap_arc .searchDetailField fieldset.right2 {;margin-right:0px;margin-top:5px;font-size:14px;font-weight:bold;} .photo_list_wrap_arc .searchDetailField fieldset select.period {width:60px;margin-right:3px;} .photo_list_wrap_arc .searchDetailField fieldset select.period1 {width:49px;margin-right:3px;} .photo_list_wrap_arc .searchDetailField fieldset select.condition {width:60px;} .photo_list_wrap_arc .searchDetailField fieldset input.shapeType, .photo_list_wrap_arc .searchDetailField fieldset input.chkAll {width:11px;margin-top:0px;vertical-align:middle;} .photo_list_wrap_arc .searchDetailField fieldset span.shapeName{width:150px;} .category_wrap .item a {min-width:119px !important;padding:0px 5px;width:auto !important;max-width:300px !important;} } @media screen and (max-width:768px) { .directions dl dt {font-size:20px;font-weight:bold;} table.boardwrite td.phone input.txt {width:45px;} table.boardwrite td .spanDesc{display:inline;} .photo_list_wrap .search_area fieldset {height:36px;clear:both;float:none !important;} .photo_list_wrap .search_area fieldset strong {line-height: 36px !important;padding-top:0px;} .photo_list_wrap .search_area fieldset.orderby select {width:auto !important;} .photo_list_wrap .search_area fieldset.orderby {float:right;width:auto;} .photo_list_wrap .search_area fieldset select {position: static;height:36px;margin-right:5px;} .photo_list_wrap_arc .search_area fieldset select {width:auto !important;} .photo_list_wrap .search_area fieldset input {width:90%;height:34px;} .photo_list_wrap .search_area fieldset p {float:left;width:;padding:0px;} .photo_list_wrap .search_area fieldset .btn_blue_04 {position: static;} .photo_list_wrap .search_area fieldset input.keyword {width:150px;} .photo_list_wrap_arc .search_area fieldset .searchDetailBt {width:60px;margin-left:5px;height:36px;} .photo_list_wrap .search_area fieldset .searchCancel {width:60px;margin-left:5px;height:36px;} .photo_list_wrap .search_area fieldset .searchCancel2 {height:36px;} .photo_list_wrap_arc.photo_list_wrap .search_area fieldset.period strong {width:75px;float:left;text-align: center;} .photo_list_wrap_arc.photo_list_wrap .search_area fieldset.period input.datepicker {width:76px;} /*.kdjactivity .search_area fieldset {margin-bottom: 10px;} .kdjactivity .search_area fieldset p {width:190px;} .kdjactivity .search_area fieldset select {top:50px;left:0px;width:88px !important;} .kdjactivity .search_area fieldset select.period {top:90px;left:0px;} .kdjactivity .search_area fieldset input {margin-left:10px;width:147px;} .kdjactivity .search_area fieldset input.period {width:60px;} .kdjactivity .search_area fieldset input.period2 {margin-left:0px;width:60px;}*/ .photo_list_wrap_arc.photo_list_wrap .search_area fieldset.period {position: static} .gnbview .gnb ul li.tm_07 {margin-bottom:100px;} .gnbview .gnb ul li.tm_07 .submenu > ul > li:last-child {margin-bottom: 100px;} .gnbview .gnb > ul {border-bottom: none;} } @media screen and (max-width:640px) { #main .maincon_06 fieldset p {width:100%;float:auto;} #main .maincon_06 dl {padding-top: 30px} /*.photo_list_wrap_arc .search_area fieldset .searchDetailBt {width:100%;display:block;margin-top:5px;margin-left: 0px}*/ .photo_list_wrap .search_area fieldset input {width:80%;margin-left: 0px;height:34px;} .photo_list_wrap .search_area fieldset p {} .photo_list_wrap .search_area fieldset.showCancel select {width: 80px !important;} .kdjactivity .search_area fieldset input {/*margin-left:10px;width:147px;*/} /*.kdjactivity .search_area {height: 185px;} .kdjactivity .search_area .con_inline {display:inline;position: absolute;left:0px;top:50px;} .kdjactivity .search_area fieldset input {width:80%;margin-left: 2px;margin-right: 2px;height:34px;} .kdjactivity .search_area fieldset p {width:180px !important;} .kdjactivity .search_area .con_inline select {margin-left: 5px;} .kdjactivity .search_area fieldset {margin-top:48px;} .kdjactivity .search_area fieldset:last-child {margin-top:0px;} */ .photo_list_wrap .search_area fieldset.keywordby .btn_blue_04 {width:40px;} .photo_list_wrap_arc .search_area fieldset .searchDetailBt {display:none;} /*.photo_list_wrap .search_area fieldset .searchCancel {display:none;}*/ /*.photo_list_wrap_arc .search_area fieldset .searchDetailBt2 {display:inline;width:40px;}*/ /*.photo_list_wrap .search_area fieldset .searchCancel2 {display:inline;width:40px;}*/ .online_list .txt_intro strong {font-size:30px;} .online_list .txt_intro {width:auto;} .online_list .txt_intro {background: none;font-family:ts;} .online_list .txt_intro {line-height: 25px;} .online_list p.txt {line-height: 140%;} .online_list .txt_intro .lib {color:#529bcc;} .online_list .txt_sub {font-size: 14px;line-height: 140%;} .online_list .introduce_movie .part1 .txt {text-align: justify;} .online_list .introduce_movie .part1 .txt .m_txt {display:inline;font-size:14px;line-height:140%;} .online_list .introduce_movie .part1 .txt span.c_blue {color:#529bcc;display:inline;font-size:14px;} .online_list .introduce_movie .part2 .txt {color:white;font-size:14px;text-align: justify;} .online_list .introduce_movie .part2 .txt span {line-height: 140%;} .online_list .introduce_movie .part1, .online_list .introduce_movie .part2 {padding-top:25px;} .online_list .introduce_movie .part3 .txt span.moreSizeUp{font-size:14px;display:inline;} .online_list .introduce_movie .part3 .txt .txt_sub:first-child {font-size: 14px;} .online_list .introduce_movie .part3 .txt {font-size: 14px;} } @media screen and (max-width:400px) { .online_list .txt_intro strong {font-size:25px;} .photo_list_wrap .search_area fieldset select {width:80px !important;} .photo_list_wrap .search_area fieldset.keywordby>p {width:110px;} .photo_list_wrap .search_area fieldset.orderby select.orderby1 {width:90px !important;} .photo_list_wrap .search_area fieldset.orderby select.orderby2 {width:80px !important;} .photo_list_wrap .search_area fieldset.orderby select.orderby3 {width:60px !important;} .photo_list_wrap_arc .search_area fieldset select {width:60px !important;} .photo_list_wrap_arc.photo_list_wrap .search_area fieldset.period strong {width:55px;float:left;text-align: center;} .photo_list_wrap_arc .search_area fieldset input.keyword {width:123px;} .photo_list_wrap .search_area fieldset.keywordby input.keyword {width:90px;} .kdjactivity .search_area fieldset input.keyword {width:127px;} .kdjactivity .search_area fieldset.keyword p {;} .photo_list_wrap .search_area fieldset.keywordby.showCancel select {width:60px !important;} /*.photo_list_wrap .search_area fieldset.keywordby.showCancel .btn_gray_02, */ /*.photo_list_wrap .search_area fieldset.keywordby.showCancel .btn_blue_04 {width: 30px;}*/ .photo_list_wrap.kdjactivity .search_area fieldset.keywordby.showCancel select {width:60px !important;} /*.photo_list_wrap.kdjactivity .search_area fieldset.keywordby.showCancel .btn_gray_02, */ /*.photo_list_wrap.kdjactivity .search_area fieldset.keywordby.showCancel .btn_blue_04 {width: 40px;} */ } @media screen and (min-width:980px) { /* 어느 사이즈에서 부터 숨길 것인가 */ .kdjactivityTable {clear:both;margin-top:30px;} .table_nor dl dd {height:auto;} .table_nor .more_btn {display:none;} } .kdjactivityTable tbody tr th {width:70px;font-size: 12px;} .kdjactivityTable tbody tr td {font-size: 12px;} .table_nor .small_more {display:none;} .newsview.mobile {display: none;} .newsview.boardViewUnderLine {border-bottom:1px solid #ccc;} @media screen and (max-width:980px) { .newsview.mobile {display: none;} .table_nor .small_more {display:block;} .table_nor dl {padding:0 100px 0 100px;} .table_nor dl dt {left:10px;} } @media screen and (max-width:768px) { .newsview.mobile {display: block;} #rightarea .newsview.mobile {padding:30px 18px} #rightarea .newsview.mobile .bottombox {width:100%;} /*.kdjactivity .search_area .con_inline {display:inline;position: absolute;right:0px;top:50px;} .kdjactivity .search_area .con_inline strong {line-height: 26px;} .kdjactivity .search_area .con_inline select {height:36px;}*/ .table_nor dl {padding:0 30px 0 100px;} .table_nor .small_more {width:20px !important;text-indent: -9999px;} .table_nor .big_more {width:20px !important;text-indent: -9999px;} } @media screen and (max-width:640px) { .photo_list_wrap .search_area fieldset.searchTarget {height:auto;} .kdjactivityTable tbody tr {} .kdjactivityTable tbody tr th {width:0px;position: relative;} .kdjactivityTable tbody tr th div {position: absolute;top:-20px;width:300px;text-align: left;font-weight: bold;} .table_nor_wrap {clear: both;margin-top:30px;} .table_nor {margin-top:20px;} /*.table_nor dl {padding-left:10px;overflow:visible;}*/ /*.table_nor dl dt {top:-25px;}*/ /*.table_nor dl dd label {margin-top:2px;height:2;}*/ } @media screen and (max-width:480px) { /*.boardview {border-right:1px solid #ccc;border-left:1px solid #ccc;}*/ .boardview {display: block;border-bottom:1px solid #ccc;} .boardview tbody {display: block;} .boardview tbody tr {display: block;border-top:1px dashed #ccc;} .boardview tbody tr:first-child {border-top:1px solid #ccc;} .boardview th {display: block;border-top:0px !important;background: #fff !important;padding-bottom:0px !important;padding-top: 10px !important;text-align: left !important} .boardview td {display: block;border-top:0px !important;background: #fff !important;padding-top: 0px !important;padding-bottom: 10px !important;} .table_nor dl dd {} .greeting.support .conbox_01 .photo {margin-right: 0px !important} .greeting.support.greeting1 .conbox_01 .photo {margin-right: 30% !important} .online_list .tour_list ul li {width:100% !important} } .chronologywrap .viewwrap table.searchTable td.txt {height:50px;} .chronologywrap .viewwrap table.searchTable td.txt label {font-size:30px;} .chronologywrap .viewwrap table.searchTable td.txt input {font-size:30px;height:50px;width:180px;font-family: nbgul} .chronologywrap .viewwrap table.searchTable td.txt input.default {color:#ccc;text-align: center;} .chronologywrap .viewwrap table.searchTable td.period input {width:70px;font-size:12px;color:#333;text-align: center;border:1px solid #999;padding:2px;} .chronologywrap .viewwrap table.searchTable button.btn_sch {width:40px; height:25px; margin-left:0px; background:#529bcc; color:#fff; font-size:12px;} .chronologywrap .viewwrap table.searchTable button.btn_sch_gray {width:40px; height:25px; margin-left:5px; background:#999; color:#fff; font-size:12px;} .chronologywrap .viewwrap table.searchTable {} .chronologywrap .viewwrap fieldset {padding-bottom:0px; border-bottom:2px solid #8bbddf;background: #fff;} .chronologywrap .viewwrap fieldset .txtbox {margin-bottom:10px; font-size:0;} .chronologywrap .viewwrap fieldset .txtbox p {display:inline-block; color:#39579a; font-size:12px;} .chronologywrap .viewwrap fieldset .txtbox p span {margin-left:7px;} .chronologywrap .viewwrap fieldset .txtbox p span:first-child {margin-left:0;} .chronologywrap .viewwrap fieldset .txtbox em {float:right; color:#4d4d4d; font-size:14px;} .chronologywrap .viewwrap fieldset .txtbox em b {color:#529bcc;} table.searchTable tr td.result em {float:right; color:#4d4d4d; font-size:14px;} table.searchTable tr td.result em b {color:#529bcc;} .chronologywrap .viewwrap fieldset .inpbox {display:inline-block;} .chronologywrap .viewwrap fieldset .inpbox input.txt {width:150px; border-color:#d9d9d9;} .chronologywrap .viewwrap fieldset .inpbox button.btn_sch {width:40px; height:25px; margin-left:5px; background:#529bcc; color:#fff; font-size:12px;} .chronologywrap .viewwrap fieldset .selbox {float:right;width:30%;} .chronologywrap .viewwrap fieldset .selbox select {width:190px; height:25px; border-color:#d9d9d9;} .chronologywrap .viewwrap fieldset label {margin-right:10px; color:#4d4d4d; font-size:12px;} .chronologywrap .viewwrap dl:first-child {margin-top:10px} .chronologywrap .viewwrap dl {border-top:1px solid #e5e5e5; padding:20px 10px;} .chronologywrap .viewwrap dl.first {border-top:0;} .chronologywrap .viewwrap dl dt {color:#39579a; font-family:tssB;} .chronologywrap .viewwrap dl dd {margin-top:10px; line-height:180%;font-size:14px;} .chronologywrap .viewwrap dl dd .imgboxMask {height: 124px;overflow: hidden;} .chronologywrap .viewwrap dl dd.showAll .imgboxMask {height:auto;} .chronologywrap .viewwrap dl dd.showAll .imgboxMore {display:none;} .chronologywrap .viewwrap dl dd .imgbox {margin-top:10px; font-size:0;} .chronologywrap .viewwrap dl dd .imgbox a {height:80px;width:80px;overflow:hidden;display: inline-block;position: relative;outline:1px solid #999;margin-right: 5px;_background: url('/stuff/images/udz/logo.png') no-repeat 50% 50%;background-size: 130px;text-align: center;background: #aaa;} .chronologywrap .viewwrap dl dd .imgbox img {margin:auto;height:80px;border:none !important;} .chronologywrap .viewwrap dl dd .imgboxMore {height:80px;margin-top:-82px;width:80px;border:1px solid #aaa;text-align: center;color:#999;line-height: 160%;font-size: 12px;} .chronologywrap .viewwrap dl dd .imgboxMore a {margin-top:12px;display: block;} .chronologywrap .viewwrap dl dd .imgbox .imgboxHide {height:80px;width:80px;border:1px solid #aaa;text-align: center;color:#999;line-height: 160%;font-size: 12px;background: white;line-height: 80px;} .chronologywrap .viewwrap dl dd .imgbox .shape {width:100%;height:20px;background: none;border: none;color:#58a5da;font-size: 14px;text-align: left;line-height: 20px;font-weight: bold;outline:none;} .chronologywrap .viewwrap dl dd .imgbox .shape:hover {text-decoration: none;} .chronologywrap .viewwrap dl.gray {background-color:#f9f9f9;} .chronologywrap .viewwrap dl.blue {background-color:#9fd5fa;} .shareBox {display:none;position: absolute;width:400px;height:200px;background: white;border:1px solid #ccc;padding:10px;z-index: 10;right:0px;margin-top:20px;} .shareBox label {font-size:14px;} .shareBox input {width:50px;height:30px;color:white; background:#54a4dc;border:none;margin-top:5px;} .shareBox textarea {width:100%;height:140px;margin-top: 10px;font-size:12px;} button.btn_han:hover {width:13px; height:15px; background:url(../images/btn/btn_han.png) no-repeat 0 50%; text-indent:-99999px;} button.btn_plus:hover {width:15px; height:15px; background:url(../images/btn/btn_plus.png) no-repeat 0 50%; text-indent:-99999px;} button.btn_minus:hover {width:15px; height:15px; background:url(../images/btn/btn_minus.png) no-repeat 0 50%; text-indent:-99999px;} button.btn_print:hover {width:auto; height:19px; padding-left:20px; background:url(../images/btn/btn_print.png) no-repeat 0 50%; color:#666; font-size:12px; letter-:hoverspacing:-0.5px;} button.btn_copy:hover {width:auto; height:19px; padding-left:20px; background:url(../images/btn/btn_copy.png) no-repeat 0 50%; color:#666; font-size:12px; letter-spacing:hover:-0.5px;} /*button.btn_blue:hover {width:80px; height:38px; background:#54a4dc; color:#fff; font-size:15px;} 댓글 입력시 깜박이는 현상 (site_kor_donateStatus)*/ /*button.btn_blue_02:hover {width:130px; height:38px; background:#54a4dc; color:#fff; font-size:15px;} button.btn_blue_03:hover {width:250px; height:38px; background:#54a4dc; color:#fff; font-size:15px;}*/ @media screen and (max-width: 768px) { button.btn_blue_03 {width:auto;padding:0px 30px;} } button.btn_blue_04:hover {width:100px; height:25px; background:#54a4dc; color:#fff; font-size:12px;} button.btn_gray:hover {width:130px; height:38px; background:#7f7f7f; color:#fff; font-size:15px;} button.btn_gray_02:hover {width:80px; height:25px; background:#7f7f7f; color:#fff; font-size:12px;} button.list:hover span {padding-left:25px; background:url(../images/btn/btn_list.gif) no-repeat 0 50%;} button.btn_play:hover {width:70px; height:70px; background:url(../images/btn/btn_play.png) no-repeat 0 50%; text-indent:-99999px;} .sponsorreport dl.namelist ul {border:none;background: none;} .sponsorinfo p.txt strong {display:block;margin-top:10px;} .sponsorinfo .listwrap.sponsorHowto dl {position:relative; margin-top:20px;margin-bottom:40px; padding-left:100px;padding-top: 30px;} .sponsorinfo .listwrap.sponsorHowto dl dt.tit {left:100px;font-weight: bold;} .sponsorinfo .listwrap.sponsorHowto dl:nth-child(2) {margin-top: 0px;padding-top:30px;} .sponsorinfo .listwrap.sponsorHowto dl img {padding:20px;border:1px solid #ccc;text-align: center;} @media screen and (max-width: 980px) { .sponsorinfo .listwrap.sponsorHowto dl {position:relative; margin-top:0px;margin-bottom:0px; padding-left:0px;padding-top:30px;} .sponsorinfo .listwrap.sponsorHowto dl:nth-child(2) {margin-top: 0px;padding-top:20px;} .sponsorinfo .listwrap.sponsorHowto dl img {width:90%;padding:20px;border:1px solid #ccc;text-align: center;} } @media screen and (max-width: 768px) { .sponsorinfo .listwrap dl div {display:inline} } table.boardview {font-size: 14px;width:100%;} table.calendarlist td.holiday em, table.calendarlist td.sun em {color:#e95c6d;} /* common.css에서는 holiday가 sat 보다 먼저 선언되서, 토요일 휴일 표시가 안됨. 그래서 한번 더 선언 */ table.calendarlist td.today em {background:url(../images/contents/bg_cal_today.png) no-repeat; color:#fff;} table.calendarlist {width:100%;} /* 사료 리스트 */ .greeting {font-size: 14px;} .greeting.support .conbox_01 .photo2 {position:absolute; top:0; right:170px;} .greeting.support .conbox_01 .photo .name {background:none; text-indent:0px;font-family:ts !important;font-weight:normal;font-size:21px;line-height: 25px;color:#444;width:100%;text-align: center;margin-top: 5px;} .greeting .conbox_01 .photo em {font-size:12px; text-align: center;} .greeting .conbox_01 .txt_01 {background: none;text-indent: 0px;} .greeting .conbox_01 .photo .pic {position: static;} .greeting.support .conbox_01 .photo b {font-size: 11px;font-weight: thin;color:#999;} .directions dl dd ul li {font-size: 14px;line-height: 20px;} .history_list.research li .photo_info .txt {max-height:1000px;letter-spacing: 0px;text-align: justify;} .history_list.col2 li {width:250px;float: left;} @media screen and (max-width: 980px) { .history_list.col2 li {width:auto;float: none;} } .history_list li.textOnly {padding:20px 20px 70px 20px;} .history_list li {min-height: 137px;} .history_list.collabor li.textOnly {padding:20px 20px 20px 20px;} .history_list.research li.textOnly {padding:20px 20px 20px 20px;} .history_list li .history_pic {top:0px;left:0px;text-align: center;} .history_list li .history_picBox {width:180px;height:180px;overflow: ;margin-right:20px; position:absolute; top:20px; left:20px;height:180px;} .history_list li .history_picBox a {width:180px;height:135px;display:block;overflow: hidden;border: 1px solid #ccc;} .history_list li .history_picBox a img.history_pic {position: static} /*.history_list li .photo_info {height:120px;}*/ .history_list.collabor li .photo_info {height:auto;} .history_list.research li .photo_info {height:auto;} /*.history_list.research li .photo_info p:nth-child(2) {width:48%;float:left;padding:0px 1% 0px 0px;}*/ /*.history_list.research li .photo_info p:nth-child(3) {width:48%;float:left;padding:0px 0px 0px 1%;}*/ .history_list.research li {padding-bottom:30px;} .history_list li .photo_info em {width:100%;font-size:18px;} /*.history_list li .photo_info .txt {height:auto;max-height:105px; }*/ .history_list li .photo_info .txt {height:auto;overflow: visible;} .history_list li .photo_info .regDate {text-align: right;font-size:12px;color:#999;} ul.supportList {margin-top:10px;border:1px solid #ccc;} .supportList>li {width:195px;float:left;height:40px;text-align: center;line-height: 40px;border-bottom:1px dashed #ccc;} .supportList>li.supportNormal {width:96px;float:left;height:40px;text-align: center;line-height: 40px;border-bottom:1px dashed #ccc;} .supportList>li.supportBiz {width:195px;float:left;height:40px;text-align: center;font-size:13px;line-height: 40px;border-bottom:1px dashed #ccc;} .sponsorreport {margin-bottom:30px;} @media screen and (max-width: 980px) { .sponsorreport {margin-top:30px;} .supportList>li {width:25%;} } @media screen and (max-width: 768px) { .supportList>li {width:25%;} } @media screen and (max-width: 640px) { /*.greeting.support .conbox_01 {height:220px !important;}*/ .chronologywrap .viewwrap dl dd .imgboxMask {display:none;} .supportList>li {width:33%;} .history_list.research li.textOnly {padding:10px 0px;} .history_list.research li .photo_info .txt {padding:0px;} } @media screen and (max-width: 540px) { .supportList>li {width:50%;font-size: 12px;} } /*.newsview {border-bottom:2px solid #ccc;padding-bottom:30px;}*/ .newsview {font-size:14px;line-height: 180%;} .newsview.classView .origin {font-size: 18px;text-align: ;color:#39579a;font-weight: bold;line-height: 20px;} /*.newsview p {font-family:"Nanum Gothic" !important}*/ .newsview>.subject {border-top:2px solid #9bc9e5;padding-top:10px;border-bottom:1px solid #ccc;padding-bottom:5px;font-size:22px;} /* 당분간 수정 안하는 것으로 8/12 */ .newsview .subjectMeta {margin:10px 0px; font-size: 15px;color:#529bcc;display: block;line-height: 15px;text-align: right;} .newsview>.regDate {margin:10px 0px; font-size: 15px;color:#529bcc;display: block;line-height: 15px;text-align: right;} .newsview .attachment {margin:10px 0px; font-size: 12px;color:#666;display: block;line-height: 15px;text-align: right;} .newsview .attachment a {} .museum .newsview .subject {border:none;font-size:22px !important;line-height: 25px;} .history_list.publication {} .history_list.publication li {height:180px;} .history_list.publication li .history_pic {top:0px;left:0px;text-align: center;} .history_list.publication li .history_picBox {width:180px;height:220px;overflow: hidden;margin-right:20px; position:absolute; top:30px; left:20px;height:180px;} .history_list li .photo_info .info {color:#333;} .history_list.publication li .history_picBox a {width:120px;height:180px;display:block;overflow: hidden;} .history_list.publication li .history_picBox a img.history_pic {max-height:100%;margin:auto;margin-left:0px;} .history_list.publication li .photo_info em {lin} .history_list.publication li .photo_info .txt {height:auto;max-height:105px; overflow:hidden;} .newsview iframe {max-width:100%;} .newsview .addFile{text-align:right;} .newsview table.slideBtn {width:100%;height:391px;color:white;background:white url('../images/udz/slideshowBT_03.png') no-repeat;cursor:pointer;background-size: 100%;} .newsview table.slideBtn td {text-align: center;} .newsview table.slideBtn td.slideShow {font-size:18px;color:white;vertical-align: bottom;height:44px;padding-bottom: 5px;} .newsview table.slideBtn td.title {font-size:30px;color:white;vertical-align: top;padding-top: 5px;} .newsview table.slideBtn td.btn {display:none;text-align: ;} .newsview table.slideBtn td.btn input{display:block;width:160px;padding:10px 20px;background: #4f9ace;color:white;text-align: center;border:none;font-size:16px;} @media screen and (max-width: 980px) { } @media screen and (max-width: 768px) { .museum .lastestlist dl dt{margin-top:15px;} .newsview table.slideBtn {} .newsview table.slideBtn td {} .newsview table.slideBtn td.slideShow {font-size: 16px;} .newsview table.slideBtn td.title {font-size: 25px;} .newsview table.slideBtn td.btn {} .newsview table.slideBtn td.btn input{} .newsview iframe {width:100%;} .history_list li .history_picBox {width:180px;height:180px;overflow: ;margin-right:20px; position:absolute; top:20px; left:20px;height:180px;} .history_list li .photo_info {height:auto;margin-left:220px;width:auto;} .yearbookAfter .history_list li .photo_info {margin-left:0px;} .history_list.collabor li .photo_info {height:auto;margin-left:0px;width:auto;} .history_list.research li .photo_info {height:auto;margin-left:0px;width:auto;} .history_list li .history_picBox a img.history_pic {width:auto;position: static} .history_list li .photo_info .info .m1 {display:inline;} .history_list li .photo_info .info .line_bar {display:inline;} .history_list li .photo_info .info .i_creator {display:block;} } @media screen and (max-width: 640px) { .newsview table.slideBtn {} .newsview table.slideBtn td {} .newsview table.slideBtn td.slideShow {font-size: 14px;height:30px;padding-bottom:0px;} .newsview table.slideBtn td.title {font-size: 20px;} .newsview table.slideBtn td.btn {} .newsview table.slideBtn td.btn input{} .history_list li .history_picBox {width:100%;text-align:center;position:relative;top:0px; left:0px;margin-bottom:20px;} .history_list li .history_picBox a {width:100%;height:100%;overflow: hidden;border: 1px solid #ccc;} .history_list.publication li {height:auto;} .history_list.publication li .history_picBox {text-align:center;position:relative;top:-12px; left:0px;} .history_list.publication li .history_picBox a {overflow: hidden;border: 1px solid #ccc;} .history_list li .photo_info {min-height:130px;margin-left:0px;} .history_list li .photo_info .info .m1 {display:block;} .history_list li .photo_info .info .line_bar {display:none;} } @media screen and (max-width: 440px) { .newsview table.slideBtn {} .newsview table.slideBtn td {} .newsview table.slideBtn td.slideShow {font-size: 12px;height:20px;padding-bottom:0px;} .newsview table.slideBtn td.title {font-size: 16px;padding-top: 0px;line-height: 20px;} .newsview table.slideBtn td.btn {} .newsview table.slideBtn td.btn input{} } .bookExplain {width:100% !important;} .bookExplain th.image {} .bookExplain td.explain *{font-size: 14px;font-family:tss !important;line-height: 120%;} .greeting.support .conbox_01 .txt_01 {display:block; width:534px; height:86px; background:none; text-indent:0px;font-size:35px;font-family:ts !important;font-weight:normal;line-height: 45px;letter-spacing: -2px;font-weight: normal;color:#002f6d;} .greeting.support .conbox_01 .txt_01 b {font-family:ts !important;font-weight:normal;color:#529bcc;font-weight: bold;} .greeting.support .conbox_01 {height:240px;} .greeting.support.greeting1 .conbox_01 {height:auto;} .greeting.support .conbox_02 .txt_02 {display:block; width:462px; height:60px; margin:0 auto; background:none; text-indent:0px;;font-family:ts !important;font-weight:normal !important;text-align: center;font-size: 23px;color:#39579a;line-height: 150%;letter-spacing: 0px} .greeting.support .conbox_03 .date span {display:inline-block; width:125px; height:21px; background:none; text-align:right; text-indent:0px;color:#39579a;font-size:21px;font-family:ts !important;font-weight:normal;} .greeting.support .conbox_02 ul li p {margin-top:20px;} .greeting.support .conbox_02 {margin-bottom: 20px;} .greeting.support .conbox_02 ul li {font-size:14px;line-height: 160%;} .greeting.support .conbox_03 p {line-height: 160%;} @media screen and (max-width: 980px) { .greeting.support .conbox_01 .txt_01 {display:block; width:394px !important; height:86px; background:none; text-indent:0px;font-size:35px;font-family:ts !important;font-weight:normal;line-height: 45px;letter-spacing: -2px;font-weight: normal;color:#39579a;} .greeting.support .conbox_01 .txt {width:394px;margin:55px 0 15px;} } @media screen and (max-width: 768px) { .greeting.support .conbox_01 .photo {margin:0px;position:absolute;top:145px;left:200px;float:right;margin-right: 25%} .greeting.support.greeting1 .conbox_01 .photo {margin:0px;position:;top:145px;left:200px;float:right;margin-right: 40%} .greeting.support .conbox_01 .txt_01 {display:block; width:auto !important; height:auto; background:none; text-indent:0px;font-size:23px;font-family:ts !important;font-weight:normal;line-height: 30px;letter-spacing: -2px;font-weight: normal;color:#39579a;} .greeting.support .conbox_01 .txt {width:auto;margin:15px 0 15px;} .greeting.support .conbox_01 .photo {width:auto;position:none;} .greeting.support .conbox_01 .photo img{display:block;width:100%;} .greeting.support .conbox_01 .photo .pic {margin-bottom:0px;display:block;background: none;width:144px;height:190px;overflow: hidden;} .greeting.support.greeting1 .conbox_01 .photo .pic {margin-bottom:0px;display:block;background: none;width:144px;height:auto;overflow: hidden;} .greeting.support .conbox_01 .photo2{display:block;position:absolute;float:right;top:145px;left:0px;margin-right: 0px} .greeting.support .conbox_02 .txt_02 {width:auto;display:block; width:auto; height:auto; background:none; text-indent:0px;font-size:24px;font-family:ts !important;font-weight:normal;line-height: 30px;letter-spacing: -2px;font-weight: normal;color:#39579a;} .greeting.support .conbox_02 .txt {width:auto;margin:15px 0 15px;} .greeting.support .conbox_02 .photo {width:auto;position:none;} .greeting.support .conbox_02 .photo img{display:block;} .greeting.support .conbox_02 .photo .pic {margin-bottom:45px;display:block;background: none;} .greeting.support .conbox_02 .photo2{display:block;position: relative;} .greeting.support .conbox_02 {margin-top:183px;} .greeting.support.greeting1 .conbox_02 {margin-top:10px;} } .photo_list li .history_picBox {width:220px;height:220px;overflow: hidden;} .photo_list li .history_picBox>a {width:220px;height:220px;display: block;} /*.photo_list li img {display:block; height:220px;}*/ .photo_list li strong {max-width: 220px;overflow: hidden;height:20px;padding:0px;margin:15px 0px 7px 0px;} .photo_list li strong {display:block; padding:6px 0 7px 0; color:#39579a; font-size:15px; font-family:ts;height:28px;} /*사료 임시*/ .archives_type {} .archives_type li {width:120px;float:left;color:white;font-size:20px;text-align: center;margin-right:10px;} .archives_type li a {color:white;background:#b9d2f6;display:block;padding:10px 0px;} .archives_type li a:hover {color:white;background:#467bd1;display:block;} .archives_type li.selected a {color:white;background:#467bd1;display:block;} .kor_vision {} .kor_vision {margin-bottom:30px;margin-top:0px;} .kor_vision dt {font-size:30px;position:absolute;color:#032c6e;} .kor_vision dd {padding-left:250px;font-family:tss;} .kor_vision dd p {font-size:14px;line-height: 180%;text-align: justify;} .vision_img {margin-bottom: 80px;text-align: center;width:100%;} @media screen and (max-width: 980px) { .vision_img {margin-bottom:40px;} .vision_img img {width:70%;margin:15px;} } @media screen and (max-width: 640px) { .vision_img img {width:90%;} } @media screen and (max-width: 768px) { .kor_vision dd {padding-left:00px;font-family:tss;} .kor_vision dt {position: static;font-size: 18px;padding:20px 0px;} } .viewerSet {width:600px;float:left;border-right:1px solid #ccc;height:600px;-webkit-transition: all 0.2s ease-in-out;background:#eee none;margin-bottom: 10px;} .viewerSet.big {width:1000px;float:left;border-right:1px solid #ccc;height:700px;} .archiveTitle {font-size:20px;} .archiveTool {height:30px;border-bottom:1px dotted #ccc;} .meta {width:280px;float:left;padding-left:10px;padding-bottom: 10px;} .meta h3 {font-size:20px;} .meta p {font-size:14px;line-height: 20px;text-align: justify;} .history_view.win {padding:30px;width:400px;min-height: 600px;} .history_view.win .video_info {margin-top:0px;} .history_view.win .btnright {display:none;} .history_view.win .history_view_contents {border-bottom:none;} .history_view.win .history_view_contents .video_area {margin:0 auto; float:none;} .history_view.win .history_view_contents .video_info {width:auto; float:none;} .history_view.win .history_view_contents .video_info .txt {margin-top:35px; padding-top:17px; border-top:#e5e5e5 1px solid;} .history_view.win .history_view_contents .video_info .txt2 {padding-top:24px;} .history_view.win .history_view_contents .video_info .data_wrap {overflow:hidden;} .history_view.win .history_view_contents .video_info .data_wrap .m1 {width:386px; float:left;} .history_view.win .history_view_contents .video_info .data_wrap .m2 {float:left;} .history_view.win .btnright .btn_blue {width:80px;} .history_view.win .tit_wrap {padding:0px 0 20px 0; border-top:none;} .history_view.win .tit_wrap .tit {font-size:21px;} .history_view.win .tit_wrap .btn_area {display:none;} .history_view.win .history_view_contents {padding-top:0px; border:none;} .history_view.win .history_view_contents .video_area {width:auto; height:auto; padding:0px 0 5px 0;background:white;} .history_view.win .history_view_contents .video_area .play_video {margin:0; padding-bottom:30px;} .history_view.win .history_view_contents .video_area .play_video .btns button.play {margin-top:-35px; top:50%;} .history_view.win .history_view_contents .video_area .play_video .btns button.left {margin-top:-20px; top:50%} .history_view.win .history_view_contents .video_area .play_video .btns button.right {margin-top:-20px; top:50%} .history_view.win .history_view_contents .video_area .play_video .btns button.left:hover {margin-top:-20px; top:50%} .history_view.win .history_view_contents .video_area .play_video .btns button.right:hover {margin-top:-20px; top:50%} .history_view.win .history_view_contents .video_area .video_list {min-width:637px; overflow:hidden;} .history_view.win .history_view_contents .video_area .video_list li {padding-left:3px; width:125px; height:95px;} .history_view.win .history_view_contents .video_area .play_video .imgs li img {width:100%; height:auto;} .history_view.win .history_view_contents .video_area .video_list li {padding-left:3px; width:125px; height:95px;} .history_view.win .history_view_contents .video_area .video_list img {width:100%} .history_view.win .history_view_contents .video_info .txt {border:none; padding-top:0px; margin:0;} .history_view.win .history_view_contents .video_info .txt2 {padding:0;} .history_view.win .history_view_contents .video_info .m1 {padding-top:0px;margin-top: 10px;} .history_view.win .history_view_contents .video_info .info_tit {padding-bottom:9px;} .history_view .tit_wrap {overflow:hidden; padding:14px 0 13px 0; border-bottom:#e5e5e5 1px solid;margin-bottom:20px;} .history_view .history_view_contents {clear:both;border-top:none;padding-top:10px;} .history_view .history_view_contents .video_info .m2 .pic_area1 {padding-left: 0px;} .history_view .history_view_contents .video_info .m2 .pic_area1 div.pic {width:125px;height:95px;overflow: hidden;float:left;border:1px solid #ccc;} .history_view .history_view_contents .video_info .m2 dl {width:150px;padding-left: 0px;} .history_view .tool {clear:both;display:;} .history_view .tool .btn_area {float:; margin-top:5px;width:100%;} .history_view .tool .btn_area .img_num {display:inline-block; float:left; color:#999; font-family:'Gulim';} .history_view .tool .btn_area .img_num .c_blue {color:#529bcc; vertical-align:top;} .history_view .tool .btn_area .btns {float:left; margin-left:18px;} .history_view .tool .btn_area .btns button {float:left; width:12px; height:12px; margin-left:10px; text-indent:-9999px;} .history_view .tool .btn_area .btns button:first-child {margin-left:0;} .history_view .tool .btn_area .btns button.m1 {background:url(../images/btn/btn_view_option.gif) no-repeat 3px 0;} .history_view .tool .btn_area .btns button.m2 {background:url(../images/btn/btn_view_option.gif) no-repeat -13px 0;} .history_view .tool .btn_area .btns button.m3 {background:url(../images/btn/btn_view_option.gif) no-repeat -32px 0;} .history_view .tool .btn_area .btns button.m4 {background:url(../images/btn/btn_view_option.gif) no-repeat -54px 0;} .history_view .tool .btn_area .btns button.m5 {background:url(../images/btn/btn_view_option.gif) no-repeat -76px 0;} @media screen and (max-width: 980px) { .history_view .tool .btn_area .btns button.m5,.history_view .tool .btn_area .btns button.m4 {display: none} } .history_view .tool .btn_area .btns button.m6 {background:url(../images/btn/btn_view_option.gif) no-repeat -98px 0;} .history_view .tool .btn_area .btns button.m7 {background:url(../images/btn/btn_view_option.gif) no-repeat -120px 0;} .history_view .tool .btn_area .btns button.m8 {background:url(../images/btn/btn_view_option.gif) no-repeat -141px 0;} .history_view .tool .btn_area .btns button.m1:hover {background:url(../images/btn/btn_view_option.gif) no-repeat 3px -17px;} .history_view .tool .btn_area .btns button.m2:hover {background:url(../images/btn/btn_view_option.gif) no-repeat -13px -17px;} .history_view .tool .btn_area .btns button.m3:hover {background:url(../images/btn/btn_view_option.gif) no-repeat -32px -17px;} .history_view .tool .btn_area .btns button.m4:hover {background:url(../images/btn/btn_view_option.gif) no-repeat -54px -17px;} .history_view .tool .btn_area .btns button.m5:hover {background:url(../images/btn/btn_view_option.gif) no-repeat -76px -17px;} .history_view .tool .btn_area .btns button.m6:hover {background:url(../images/btn/btn_view_option.gif) no-repeat -98px -17px;} .history_view .tool .btn_area .btns button.m7:hover {background:url(../images/btn/btn_view_option.gif) no-repeat -120px -17px;} .history_view .tool .btn_area .btns button.m8:hover {background:url(../images/btn/btn_view_option.gif) no-repeat -141px -17px;} .history_view .history_view_contents .video_area { padding:0px 0 0px 0; float:left; background:#999;-webkit-transition: all 0.1s ease-in-out;;} .history_view .history_view_contents .video_area .play_video .screen {overflow:hidden;height:600px;width:100%;} .history_view .history_view_contents .video_area .play_video .screen #contents_viewer_img {display:none;cursor:pointer;border:2px solid #999;border-right:1px solid #333;border-bottom:1px solid #333;box-shadow: 5px 10px 10px #333;-webkit-transition: all 0.1s ease-in-out;} .history_view .history_view_contents .video_area .play_video .screen #contents_viewer_img.over {box-shadow: 8px 15px 15px #444;} .history_view .history_view_contents .video_area .play_video .screen #contents_viewer_img.click {box-shadow: 2px 4px 4px #222;border:none;border-left:2px solid #999;border-top:5px solid #999;opacity:0.9;cursor:move;-webkit-transition: all 0s ease-in-out;} .history_view .history_view_contents .video_area .play_video .screen #contents_viewer_img.zoom {-webkit-transition: all 0s ease-in-out;} @media screen and (max-width: 980px) { .history_view .history_view_contents .video_area .play_video .screen #contents_viewer_img {-webkit-transition:none;} } .history_view .history_view_contents .video_area .play_video .screen .handle {width:50px;height:50px;background: #000;position:absolute;} .history_view .history_view_contents .video_area .play_video .screen .handle.lt {cursor:ne-resize;} .history_view .history_view_contents .video_area .play_video .screen .handle.rt {cursor:nw-resize;} .history_view .history_view_contents .video_area .play_video .screen .handle.lb {cursor: se-resize;} .history_view .history_view_contents .video_area .play_video .screen .handle.rb {cursor: sw-resize;} .history_view .history_view_contents .video_area .play_video .btns button.left , .history_view .history_view_contents .video_area .play_video .btns button.right, .history_view .history_view_contents .video_area .play_video .btns button.play {display:none;} .history_view .history_view_contents .video_area .play_video {padding-bottom:10px;} .history_view.document .history_view_contents .video_area {width:350px;float:right;} .history_view.document .originText {width:586px;float:left;height:529px;overflow-x:hidden;background: #f3f3f3;padding:20px;overflow-y:auto;border:1px solid #ccc; margin-top: 29px;} .history_view.document .originText p {padding:20px 10px;line-height: 180%;font-size: 16px;font-family:tss;text-align: left;} .history_view.document .originText p b {font-size:150%;line-height: 180%;} .history_view.document .originText p i {font-size:120%;line-height: 180%;} .history_view.document .big .originText {width:938px;} .history_view.document .history_view_contents .video_info {float:left;width:1000px;} .history_view.document .history_view_contents .video_info .txt {float:left;margin-top:0px;margin-right:3%;} .history_view.document .history_view_contents .video_info .data_wrap {float:left;width:100%;} .history_view.document .history_view_contents .video_info .data_wrap .m1 {width:47%;float:left;margin-top:30px;padding-top:0px;} .history_view.document .history_view_contents .video_info .data_wrap .m2 {margin-top:30px;padding-top:0px;;} .history_view.document .history_view_contents .video_info .data_wrap .m3 {width:47%;margin-top:30px;padding-top:0px;float: left ;} .history_view .history_view_contents .video_info.relativeContents {float:left;width:100%;} .history_view .history_view_contents.big .video_area {width:100%;} .history_view .history_view_contents.big .video_info {float:left;width:100%;} /*.history_view .history_view_contents.big .video_info .txt {width:30%;float:left;margin-top:30px;margin-right:3%;}*/ .history_view .history_view_contents.big .video_info .txt {width:auto;float:left;margin-top:0px;margin-right:3%;} .history_view .history_view_contents.big .video_info .data_wrap {float:left;width:100%;} .history_view .history_view_contents.big .video_info .data_wrap .m1 {width:50%;float:left;margin-top:30px;padding-top:0px;} .history_view .history_view_contents.big .video_info .data_wrap .m2 {margin-top:30px;padding-top:0px;} .history_view .history_view_contents.big .video_info .data_wrap .m3 {margin-top:30px;padding-top:0px;float:left;width:47%;} .lastestlist dl dd .img {width:260px;height:180px;overflow: hidden;} .newsview .txtbox p {text-align: left;font-size:14px;line-height:23px;} .lastestlist dl.cont_04 ul li .img {width:125px;height:95px;overflow: hidden;position: absolute;left:0px;} .lastestlist dl.cont_02 ul li.selected a {color:#467bd1;} /*.online_list .slidewrap .list a:hover {background:#000; color:#5097c6;}*/ .online_list {clear: both;} .online_list .listMoreBtn {margin-left:20px;} .photo_list_wrap.online_list .search_area {border:none;} .photo_list_wrap.online_list .tour_list ul li {padding-bottom:50px;height:330px;} .online_list .title {position:absolute;top:-40px;font-size:25px;line-height:40px;} @media screen and (min-width: 980px) { .online_list .slidewrap {position: absolute;top:50px;max-width: 980px;z-index:100;width:100%;padding-top:ki0px;background: #333;} .online_list .slidewrap .emptyArea {height:0px;background: white;position: absolute;top:0px;width:100%;} } @media screen and (max-width: 980px) { .online_list .slidewrap {position: absolute;top:50px;max-width: 980px;z-index:100;width:100%;padding-top:40px;background: #333;} .online_list .slidewrap .emptyArea {height:40px;background: white;position: absolute;top:0px;width:100%;} } .online_list .slidewrap .list a.over:after {position:absolute; top:0; left:0; width:121px; height:91px; border:2px solid #529bcc; content:'';} .online_list .slidewrap.lock {position: fixed;top:0;} .online_list .txtlist {margin-bottom:100px;margin-top:762px;} .online_list .slidewrap .list a.subject {background: #333} .online_list .slidewrap .list a.subject.on {background: #333} .online_list .slidewrap img {display:block; width:100%;/*max-height:600px;*/} .online_list .slidewrap .objwrap {height:100% !important;} .online_list .slidewrap .objwrap li {display: none;height:100% !important;width:100%;overflow: hidden} .online_list .slidewrap .objwrap li.on {display: block;} .online_list .slidewrap .list img {display:block; width:125px;height:95px;} .online_list .txtlist {position: relative;} .online_list .txtlist ul {display:none;} .online_list .txtlist ul.view {display:block;} .online_list .txtlist ul.view .detail {display:none;} button.btn_gray_02_2 {width:80px; height:38px; background:#7f7f7f; color:#fff; font-size:15px;} button.btn_blue_02_2 {width:80px; height:38px; background:#54a4dc; color:#fff; font-size:15px;} .online_list .txtlist ul li dl {padding-left:0px;padding-top:70px;} .online_list .tour_list ul li>a {width:100%; height:201px;display:block;overflow: hidden;;} .online_list.galleryVisit .tour_list ul li {padding-bottom:0px;height:310px;} .online_list.galleryVisit .tour_list ul li>a {border:1px solid #ccc;} .online_list .txtlist li dl dd {font-size:14px; line-height:180%;} .category_wrap.wide {width:100%;position: relative;} .category_wrap.wide>input {position: absolute;float:left;display:inline-block; width:28px; height:41px; border:#d9d9d9 1px solid; background-color:#ebebeb; color:#666; text-align:center; text-decoration:none; line-height:39px; font-size:14px;top:0px;text-indent: -9999px;border-bottom:#9e9e9e 2px solid;} .category_wrap.wide>input.left {left:0px;background: url('../images/udz/bt_left_gray.png') no-repeat 50% 50%;background-color:#ebebeb;} .category_wrap.wide>input.right {right:0px;background: url('../images/udz/bt_right_gray.png') no-repeat 50% 50%;background-color:#ebebeb;} .category_wrap.wide>input.left:hover {background: url('../images/udz/bt_left_white.png') no-repeat 50% 50%;background-color:#529bcc;} .category_wrap.wide>input.right:hover {background: url('../images/udz/bt_right_white.png') no-repeat 50% 50%;background-color:#529bcc;} .category_wrap.wide .holder {width:100%;height:41px;overflow:hidden;margin-left:28px;} .category_wrap.wide .holder ul.list {width:10000px;-webkit-transition: all 0.1s ease-in-out;} .category_wrap.wide .holder ul.list .item {float:left; border-bottom:#9e9e9e 2px solid;} .category_wrap.wide .holder ul.list .item a {display:inline-block; width:138px; height:37px; border:#d9d9d9 1px solid; background:#ebebeb; color:#666; text-align:center; text-decoration:none; line-height:39px; font-size:14px;} .category_wrap.wide .holder ul.list .item.on {height:39px; border:#9e9e9e 2px solid; border-bottom:none;} .category_wrap.wide .holder ul.list .item.on a {width:136px; border:none; background:#fff;} .category_wrap.wide .holder ul.list .item a:hover {background: #529bcc;color:white;} .category_wrap.collabor .holder ul.list .item a {width:323px} @media screen and (max-width: 980px) { .category_wrap.collabor .holder ul.list .item a {width:241px} .category_wrap .holder {overflow-x:auto } } @media screen and (max-width: 768px) { .category_wrap {margin:0px;} .classView .category_wrap {margin-bottom:20px;} .category_wrap.collabor .holder ul.list .item a {width:96px} } .history_list.collabor button.btn_blue {width:200px;float:right;} @media screen and (max-width: 980px) { .history_list.collabor button.btn_blue {width:100px;float:right;} } @media screen and (max-width: 768px) { .hhlee table.boardview th {min-width: 120px;} .hhlee .book div img {width:70px;height:100px;} table .thwidth_02 {width:120px} } table.boardview th {font-family:tss;font-weight: bold;} .conbox_01 span.txt_01 strong {font-family:ts !important;font-weight:normal;} .researchHead {position:relative; line-height:18px;} /*.researchHead .txtbox {padding-bottom:40px; }*/ .researchHead .txtbox .txt_01 {display:block; margin-bottom:27px; font-size:35px;font-family:ts !important;font-weight:normal;line-height: 45px;letter-spacing: -2px;font-weight: normal;color:#002f6d;} .researchHead .txtbox .txt_01 b, /*.researchHead .txtbox .txt_01 strong {font-family:ts !important;font-weight:normal;color:#529bcc;font-weight: bold;}*/ .researchHead .txtbox .txt_01 strong {font-family:ts !important;font-weight:normal;font-weight: normal !important;} .researchHead .txtbox .pic {position:absolute; top:0; right:0;} .researchHead .txtbox .img {width:314px;height:180px;overflow:hidden;position:absolute;right:0px;top:0px;;} .researchHead .txtbox p.txt {width:630px;line-height: 180%;text-align: justify;} .researchHead .txtbox p.txt.full {width:100%;line-height: 180%;} .researchHead .txtbox a {text-decoration: underline;color:#39579a;} /* 06_03 µµ¼­°üÇöȲ */ .biz ul li * {vertical-align:middle;} .biz ul li:first-child {margin-top:0;} .biz ul li em {display:inline-block; width:95px; font-weight:bold; font-size:36px; font-family:Arial;} .biz ul li em small {vertical-align:11%; font-weight:normal; font-size:20px;} .biz ul li span {font-size:20px;} .biz {overflow:hidden; height:525px; background:url(../images/udz/biz.jpg) no-repeat 0 0;} .biz ul {float:right; width:961px; margin:10px 10px 0 0;} .biz ul li {height:95px; margin-top:8px; color:#fff; line-height:95px; letter-spacing:-0.5px;} .biz ul li label {background:rgba(255,255,255,0.2);float:left;width:275px;height:95px;text-align: right;padding-right:30px;font-size:20px;} .biz ul li span {background:rgba(224,239,255,0.7);width:644px;float:left;margin-left:10px;height:95px;text-indent: 0px;color:#333;font-size:14px;} .biz ul li span p {line-height:170%;margin:auto;padding-left:30px;display: inline-block;vertical-align: middle;} @media screen and (max-width: 980px) { .biz {overflow:hidden; height:525px; background:url(../images/udz/biz.jpg) no-repeat 0 0;} .biz ul {float:right; width:980px; margin:10px 10px 0 0;} .biz ul li {height:95px; margin-top:8px; color:#fff; line-height:95px; letter-spacing:-0.5px;} .biz ul li label {background:rgba(255,255,255,0.2);float:left;width:380px;height:95px;text-align: right;padding-right:20px;font-size:20px;} .biz ul li span {background:rgba(224,239,255,0.7);width:570px;float:left;margin-left:10px;height:95px;text-indent: 0px;color:#333;font-size:14px;} .biz ul li span p {line-height:170%;margin:auto;padding-left:30px;display: inline-block;vertical-align: middle;} } @media screen and (max-width: 768px) { .biz {overflow:hidden; height:auto; background:url(../images/udz/biz.jpg) no-repeat 0 0;} .biz ul {float:right; width:auto; margin:10px 10px 0 0;} .biz ul li {height:95px; margin-top:8px; color:#fff; line-height:95px; letter-spacing:-0.5px;} .biz ul li label {background:rgba(255,255,255,0.2);float:left;width:20%;height:95px;text-align: right;padding-right:5px;font-size:20px;} .biz ul li span {background:rgba(224,239,255,0.7);width:75%;float:left;margin-left:10px;height:95px;text-indent: 0px;color:#333;font-size:14px;} .biz ul li span p {line-height:170%;margin:auto;padding-left:10px;display: inline-block;vertical-align: middle;} } table.bookExplain {margin-top:20px;} table.bookExplain tr {} table.bookExplain tr th.image {width:40%;} table.bookExplain tr th.image img {min-width:200px;} table.bookExplain tr td.explain {} .photo_list_wrap.galleryVisit .search_area {padding-bottom:15px;margin-bottom: 15px;} .photo_list_wrap.normalList.faqList {} .photo_list_wrap.normalList.faqList tr td {text-align: left} .photo_list_wrap.normalList.faqList tr td.question {text-align: left;padding: 20px 20px 20px 0px;font-size:14px;cursor: pointer;} .photo_list_wrap.normalList.faqList tr.answer {display:none;} .photo_list_wrap.normalList.faqList tr td.answer {text-align: left;padding: 20px 20px 20px 0px;line-height: 180%;font-size:14px;text-align: justify;} .photo_list_wrap.normalList.faqList tr td.mark {width:50px;padding-left:20px;} .photo_list_wrap.normalList.faqList tr td.mark div {overflow: hidden;height:30px;font-size:20px;font-family:tsB;background-color:#00abf8;width:50px;height:30px;border-radius: 20px;color: white;width:30px;line-height: 30px;text-align: center;} .photo_list_wrap.normalList.faqList tr td.mark.a div {background-color: #032c6e} .photo_list_wrap.normalList.faqList {} .photo_list_wrap.normalList table {} .photo_list_wrap.normalList table thead {} .photo_list_wrap.normalList table thead tr {height:40px;} .photo_list_wrap.normalList table thead tr th {border-bottom:1px solid #ddd;} .photo_list_wrap.normalList table thead tr th nobr{border-right:1px solid #ccc;display:block;width:100%;} .photo_list_wrap.normalList table thead tr th:last-child nobr{border-right:0px;} .photo_list_wrap.normalList table thead tr th.title {width:70%;} .photo_list_wrap.normalList table thead tr th {} .photo_list_wrap.normalList table tbody {} .photo_list_wrap.normalList table tbody tr {height:40px;} .photo_list_wrap.normalList table tbody tr.even {background:#f9f9f9;} .photo_list_wrap.normalList table tbody tr td {text-align: center;border-bottom:1px solid #ddd;} .photo_list_wrap.normalList table tbody tr td.title {text-align: left;} .photo_list_wrap.normalList table tbody tr td span.ico_new{background: #013578;padding: 1px 3px 1px 3px;color: white;font-size: 11px;} .photo_list_wrap.normalList table tbody tr td {} @media screen and (max-width: 768px) { .photo_list_wrap.normalList table thead tr th.countNo {display:none;} .photo_list_wrap.normalList table thead tr th.hit {display:none;} .photo_list_wrap.normalList table tbody tr td.countNo {display:none;} .photo_list_wrap.normalList table tbody tr td.hit {display:none;} .path .mlist.first {min-width:120px;} .path .mlist {width:auto;} .photo_list_wrap.normalList table thead tr th.reservAdult, .photo_list_wrap.normalList table tbody tr td.reservAdult {display:none;} .photo_list_wrap.normalList table thead tr th.reservTeen, .photo_list_wrap.normalList table tbody tr td.reservTeen {display:none;} } @media screen and (max-width: 640px) { .hhlee .book div {width:100% !important;} .photo_list_wrap.normalList table thead tr th.tel, .photo_list_wrap.normalList table tbody tr td.tel {display:none;} .history_view .history_view_contents.big .video_info .data_wrap .m1 {width:100%;} .history_view .history_view_contents.big .video_info .data_wrap .m3 {width:100%;} } .photo_list_wrap.history h4 {font-size:50px;color:#529bcc;font-weight: normal;position: absolute;} .photo_list_wrap.history table {padding-left:160px;} .photo_list_wrap.history table thead {} .photo_list_wrap.history table thead tr {height:40px;} .photo_list_wrap.history table thead tr th {border-bottom:1px solid #ddd;} .photo_list_wrap.history table thead tr th nobr{border-right:1px solid #ccc;display:block;width:100%;} .photo_list_wrap.history table thead tr th:last-child nobr{border-right:0px;} .photo_list_wrap.history table thead tr th.title {width:70%;} .photo_list_wrap.history table thead tr th {} .photo_list_wrap.history table tbody {} .photo_list_wrap.history table tbody tr {height:40px;} .photo_list_wrap.history table tbody tr.even {background:#f9f9f9;} .photo_list_wrap.history table tbody tr:first-child td {border-top:1px solid #b2b2b2;} .photo_list_wrap.history table tbody tr td {text-align: center;border-bottom:1px solid #ddd;} .photo_list_wrap.history table tbody tr td.date {text-align: center;width:150px;background: #f9f9f9;color: #39579a;font-weight: bold;} .photo_list_wrap.history table tbody tr td.title {text-align: left;font-weight:;padding-left: 20px;line-height: 180%;height:55px;} .photo_list_wrap.history table tbody tr td {} .photo_list_wrap.history table tbody tr td {} #main .maincon_04 dl.research dd p {line-height: 180%;text-align: justify;} #main .maincon_01 .lastest dt {font-size:20px;} #main .maincon_01 .lastest dd p a {font-size: 14px;} #main .maincon_04 dl dt {font-size:20px;} .pop_reservation.eventRequest table.boardwrite td span {font-size:12px;margin:0px 10px;line-height: 16px;} table.boardwrite td input.text, table.boardwrite td input.phone1,table.boardwrite td input.phone2,table.boardwrite td input.phone3, table.boardwrite td input.password {height:25px; padding:0 5px; border:solid 1px #d9d9d9; background-color:#fff; font-size:12px; line-height:25px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;} table.boardwrite td.date div input.disabled {width:40px;} table.boardwrite td.date div input.text {width:120px;height:23px;border:solid 1px #d9d9d9;text-align: center;font-size:14px;margin-right:10px;} table.boardwrite td.people input.text {width:95px; margin:0 5px 0 10px;} table.boardwrite td.phone span {font-size:14px;margin:0px 4px;} h1.mainTitle {font-weight: normal;font-size:40px;font-family:tss;text-align: left;margin:0px;padding:10px 0px;color:#58a3dc;} h1.mainTitle p {font-weight: normal;font-size:25px;font-family:tss;text-align: left;color:#032c6e;display:inline;margin-left:10px;} body.modal header {display:none;} body.modal #quick {display:none;} #videobcg {display:none;} @media screen and (min-width:1024px) { /* #videobcg { position: absolute; top: 0px; left: 0px; display:block; min-width:100%; min-height:740px; z-index: -1; overflow: hidden; } #main .maincon_01 {background: none;}*/ } /*#main .maincon_02 strong {text-indent: -20px;}*/ .history_list li .photo_info .txt {letter-spacing: 0px;text-align: justify;} @media screen and (min-width:980px) { /*#main section {height:740px !important; overflow:hidden;}*/ .researchHead {min-height:180px;padding-bottom:10px;} .researchHead.noImg {min-height:0px;} .lib_history {margin-top:40px;} .history_list li {padding:20px 20px 20px 220px;} .biography {line-height: 20px;} .biography .txt_07 {line-height: 20px;} .biography .txt_07 {line-height: 20px;} .biography .txt_07 {line-height: 20px;} .biography .txt_07 {line-height: 20px;} .biography .txt_07 {line-height: 20px;} .biography .txt_07 {line-height: 20px;} .biography .txt_07 {line-height: 20px;} .biography .txt_07 {line-height: 20px;} .biography .txt_07 {line-height: 20px;} .greeting .conbox_01 .txt {line-height: 22px;text-align: justify;} #main .maincon_02 {background-position: 50% -30px;} #main .maincon_02 .innerwrap {padding-top:0px;} #main .maincon_06 {background-position: 50% 100%;background-repeat: no-repeat;background-color: #e2f0f1} #main .maincon_06 fieldset .btn_sch {font-size: 16px;} #main .maincon_02 strong {background:none;position:relative; width:476px; height:62px; margin-left:485px; padding:80px 0; color:#345f99; text-indent:0; font-size:31px; font-family:tssB;line-height:50px;margin-top: 110px;} #main .maincon_02 strong {font-family:ts !important;font-weight:normal;letter-spacing: -2px;text-indent: -30px !important;font-weight: normal !important} #main .maincon_02 dl {margin-top: 130px;} #main .maincon_02 .name {font-size: 15px;line-height: 180%;display:block;width:auto;} #main .maincon_02 dl dd .date {font-family:ts !important;font-weight:normal;background:none;color:#529bcc;font-size: 55px;line-height: 100%;display:block;width:auto;text-indent:-330px;position:relative; height:62px;float:left;} #main .maincon_02 dl dd {width:385px;margin-top: 10px;text-align: justify;} #main .maincon_03 strong {width:auto;} #main .maincon_03 strong {background: none;font-family:ts !important;font-weight:normal;} #main .maincon_03 strong {font-size: 40px;display:block;line-height: 140%;letter-spacing: -4px;} #main .maincon_03 strong .lib {color:#529bcc;} #main .maincon_03 .innerwrap {padding-top:150px;} #main .maincon_06 fieldset p {margin-top:20px;margin-bottom: 30px;width:50%;float:left;} #main .maincon_04 .innerwrap {padding-top: 80px;} #main .maincon_04 strong {width:auto;} #main .maincon_04 strong {background: none;font-family:ts !important;font-weight:normal;letter-spacing: -2px;} #main .maincon_04 strong {color:white;font-size: 35px;display:block;line-height: 180%;} #main .maincon_04 strong .lib {color:#529bcc;font-size: 40px;} #main .maincon_04 dl.books dd ul li div {margin-left:100px;width:390px;} #main .maincon_04 dl {margin-top: 60px;} #main .maincon_04 dl.books {margin-top: 40px;} #main .maincon_04 dl.books dd ul li {display:none;} #main .maincon_04 dl.books dd ul li.show {display:block;} #main .maincon_05 strong {width:auto;} #main .maincon_05 .innerwrap {padding-top:80px;} #main .maincon_05.graph .innerwrap {background: url('../images/udz/pigeon.png') no-repeat 300px 35px} #main .maincon_05.lecture strong {float: none;height:auto;color:#013578;margin-bottom: 20px;} #main .maincon_05 strong {background: none;font-family:ts !important;font-weight:normal;} #main .maincon_05 dl {padding-top: 10px;} #main .maincon_05.lecture dl dd .thumb {width:370px;height:300px;overflow: hidden;} #main .maincon_05 strong {font-size: 35px;display:block;line-height: 120%;letter-spacing: -2px;} #main .maincon_05 strong.st02 {background: none;font-family:ts !important;font-weight:normal;font-size:35px;} #main .maincon_05 strong.st02 .lib {color:#529bcc;} #main .maincon_05.lecture dl dd .txt em {margin-bottom: 25px;} #main .maincon_05.graph {background: white;} #main .maincon_05.graph dl dd {padding-top:30px;padding-bottom:20px;} #main .maincon_06 strong {width:auto;} #main .maincon_06 strong {background: none;font-family:ts !important;font-weight:normal;} #main .maincon_06 strong {font-size: 35px;display:block;line-height: 180%;letter-spacing: -5px;color:#013578;} #main .maincon_06 strong {width:auto;} #main .maincon_06 strong {background: none;font-family:ts !important;font-weight:normal;} #main .maincon_06 strong {font-size: 35px;display:block;line-height: 180%;letter-spacing: -5px;color:#013578;margin-bottom:5px;} #main .innerwrap strong {text-indent: 0px;} /*#main span {display:inline;}*/ /*#main .maincon_01 {background: none;}*/ #main header {background-color: white !important;width:100%;} #main header {position: fixed !important;top:0 !important;} #main header h1 {margin-left:-29px !important;background-color: transparent !important;} #main header h1 a {padding-top: 0px !important;} #main header div.inner_header {width:980px !important;margin:auto !important;position: relative !important;} #main article {margin-top:120px !important;} header {background-color: white !important;width:100%;} /*header {position: fixed !important;top:0 !important;}*/ header h1 {margin-left:-29px !important;background-color: transparent !important;} header h1 a {padding-top: 0px !important;} header div.inner_header {width:980px !important;margin:auto !important;position: relative !important;} article {margin-top:120px !important;} .gnb.active {height:300px !important;} /*.path {padding-left:180px;}*/ /*#contents {padding:40px 0px;}*/ .path .mlist:last-child {margin-right:15px; padding-right:20px; background:none;} .gnb {position:relative; z-index:3; /*width:980px;*/width:825px; height:60px; margin:0 auto; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;margin-left:155px;} .gnb .tit {display:none;} .gnb > ul {position:absolute; top:0; width:825px; padding:0 0 0 10px; background:#529bcc url(../images/common/bg_gnb_off.gif) no-repeat 100% 50%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;} .gnb > ul > li {float:left;width:auto;} .gnb > ul > li > a {padding:0; background:none; color:#fff; text-decoration:none; font-size:15px; line-height:60px;text-align: center;padding:0px 28px;border:0px dotted red;} .gnb > ul > li:first-child > a {background:none;} .gnb > ul > li > a:hover, .gnb > ul > li.on > a {color:#002f6d;} .gnb ul li a {display:block;} .gnb ul li .submenu {display:none; position:absolute; top:58px; width:110px;text-align: center;border:0px dotted red;} .gnb.active ul li .submenu > strong {display:none; padding:0 0 15px 5px; border-bottom:1px solid #529bcc; color:#529bcc; font-size:15px; line-height:16px;} .gnb.active ul li .submenu > ul {min-height:0px;margin-top:15px; border-left:0px dotted #e5e5e5;} .gnb.active ul li .submenu > ul li a {padding-left:13px;color:black !important;} .gnb.active ul li .submenu > ul > li > a {padding:8px 0 8px 5px; color:#122649; text-decoration:none; font-size:12px; font-family:tss; line-height:18px;padding-left:0px;margin-left:5px;} .gnb.active ul li .submenu > ul > li > a:hover {background-color:#59a5db;color:white;} .gnb.active ul li .submenu > ul > li > ul {margin-bottom:15px;} .gnb.active ul li .submenu > ul > li > ul li {margin-top:3px;} .gnb.active ul li .submenu > ul > li > ul li:first-child {margin-top:0;} .gnb.active ul li .submenu > ul > li > ul li a {color:#468bb9; font-size:12px;} /*.gnb.active ul li .submenu > ul > li > ul li a:hover {font-family:tssB;}*/ .gnb.active ul li.tm_01 .submenu {left:20px;width:122px;} .gnb.active ul li.tm_01 .submenu ul {border-left:0;} .gnb.active ul li.tm_02 .submenu {left:154px; width:92px;} .gnb.active ul li.tm_02 .submenu ul {} .gnb.active ul li.tm_03 .submenu {left:248px;width:105px;} .gnb.active ul li.tm_03 .submenu ul {} .gnb.active ul li.tm_04 .submenu {left:365px;width:115px;} .gnb.active ul li.tm_04 .submenu ul {} .gnb.active ul li.tm_05 .submenu {left:496px;width:80px;} .gnb.active ul li.tm_05 .submenu ul {} .gnb.active ul li.tm_06 .submenu {left:575px;width:95px;} .gnb.active ul li.tm_06 .submenu ul {} .gnb.active ul li.tm_07 .submenu {left:679px; width:100px;} .gnb.active ul li.tm_07 .2 ul {} .gnb.active {height:600px; border-width:0 1px 1px; border-style:solid; border-color:#dfdfdf; background-color:#fff;} .gnb.active > ul {left:-1px; border-bottom:1px solid #dfdfdf; background-image:url(../images/common/bg_gnb_on.gif);} .gnb.active .submenu {display:block;} body {font-size:14px;} body button.btn_han {background-size: 70%;background-position: 60%} body.f13 #contents p, body.f13 #contents p>*, body.f13 #contents div.txt, body.f13 #contents em a, body.f13 #contents td, body.f13 #contents dd>*, body.f13 #contents dd>ul>li, body.f13 #contents th {font-size:105% !important;line-height: 180%;} body.f13 .sitemap .listwrap dl dd>* {line-height: auto !important;} body.f14 #contents p, body.f14 #contents p>*, body.f14 #contents div.txt, body.f14 #contents em a, body.f14 #contents td, body.f14 #contents dd>*, body.f14 #contents dd>ul>li, body.f14 #contents th {font-size:110% !important;line-height: 180%;} body.f15 #contents p, body.f15 #contents p>*, body.f15 #contents div.txt, body.f15 #contents em a, body.f15 #contents td, body.f15 #contents dd>*, body.f15 #contents dd>ul>li, body.f15 #contents th {font-size:115% !important;line-height: 140%;} body.f13 #contents .exhibition .conbox_01 dl dd p, body.f14 #contents .exhibition .conbox_01 dl dd p, body.f15 #contents .exhibition .conbox_01 dl dd p {font-size:100% !important;line-height: 160% !important;} body.f13 button.btn_han {background-size: 70%;} body.f14 button.btn_han {background-size: 80%;} body.f15 button.btn_han {background-size: 90%;} body.f13 strong.subTitle {font-size:20px !important} body.f14 strong.subTitle {font-size:24px !important} body.f15 strong.subTitle {font-size:28px !important} body.f13 .online_list ul.view li dl dt strong {font-size:20px !important} body.f14 .online_list ul.view li dl dt strong {font-size:24px !important} body.f15 .online_list ul.view li dl dt strong {font-size:28px !important} body.f13 .history_list li .photo_info em {font-size:22px !important} body.f14 .history_list li .photo_info em {font-size:24px !important} body.f15 .history_list li .photo_info em {font-size:28px !important} body.f13 .newsview.classView .origin {font-size:22px !important} body.f14 .newsview.classView .origin {font-size:24px !important} body.f15 .newsview.classView .origin {font-size:28px !important} body.f13 .greeting.support .conbox_02 .txt_02 {font-size:24px !important} body.f14 .greeting.support .conbox_02 .txt_02 {font-size:26px !important} body.f15 .greeting.support .conbox_02 .txt_02 {font-size:28px !important} body.f13 .sponsorinfo .listwrap dl dt.tit {font-size:18px !important} body.f14 .sponsorinfo .listwrap dl dt.tit {font-size:20px !important} body.f15 .sponsorinfo .listwrap dl dt.tit {font-size:22px !important} body.f13 .online_list .tour_list ul li .pic_info dt {font-size:20px !important} body.f14 .online_list .tour_list ul li .pic_info dt {font-size:22px !important} body.f15 .online_list .tour_list ul li .pic_info dt {font-size:24px !important} body.f13 #contents .kdjactivityTable.table_nor dl dd>label {font-size:12px !important;line-height: 160%;} body.f14 #contents .kdjactivityTable.table_nor dl dd>label {font-size:12px !important;line-height: 160%;} body.f15 #contents .kdjactivityTable.table_nor dl dd>label {font-size:12px !important;line-height: 160%} body.f13 #contents .kdjactivityTable.table_nor dl dt {font-size:14px !important;line-height: 160%;} body.f14 #contents .kdjactivityTable.table_nor dl dt {font-size:14px !important;line-height: 160%;} body.f15 #contents .kdjactivityTable.table_nor dl dt {font-size:14px !important;line-height: 160%} body.f13 #contents .kdjactivityTable.table_nor th div {font-size:14px !important;line-height: 160%;} body.f14 #contents .kdjactivityTable.table_nor th div {font-size:14px !important;line-height: 160%;} body.f15 #contents .kdjactivityTable.table_nor th div {font-size:14px !important;line-height: 160%;} body .fs30 {font-size: 30px !important;} body.f13 *.fs30 {font-size:32px !important} body.f14 *.fs30 {font-size:34px !important} body.f15 *.fs30 {font-size:38px !important} body .fs14 {font-size: 14px !important;} body.f13 *.fs14 {font-size:16px !important} body.f14 *.fs14 {font-size:18px !important} body.f15 *.fs14 {font-size:20px !important} } @media screen and (max-width: 980px) { .online_list .title {position:absolute;top:-30px;font-size:20px;line-height:40px;} #main header h1 {background: none;border-bottom: 0px;} #main header h1 a {background: none;} header {background-color:none;background: none;position: absolute;} header h1 {position: absolute;margin-left: -386px;} header h1 a {width:230px; height:21px;background:url(../images/udz/logo_02.png) no-repeat 50% 40%; background-size:230px 21px;} header h1 a img.forMain {display:none;} body#main header h1 a img.forMain {display:block !important;position:absolute;left:0px;top:0px;} #main .maincon_02 strong {background:none;position:relative; width:496px; height:62px; margin-left:285px; padding:80px 0; color:#345f99; text-indent:-29px !important; font-size:31px; font-family:ts !important;font-weight:normal;line-height:50px;margin-top: 10px;} #main .maincon_02 dl {margin-top: 130px;} #main .maincon_02 .name {font-size: 15px;line-height: 180%;display:block;width:auto;margin-left:350px;} #main .maincon_02 dl dd .date {font-family:ts !important;font-weight:normal;background:none;color:#529bcc;font-size: 55px;line-height: 100%;display:block;width:100%;text-indent:-0px;position:relative; height:62px;float:left;} #main .maincon_02 dl dd {width:485px;margin-top: 10px;} #main .maincon_03 strong {width:auto;text-indent: 0px;} #main .maincon_03 strong {background: none;font-family:ts !important;font-weight:normal;} #main .maincon_03 strong {font-size: 40px;display:block;line-height: 140%;letter-spacing: -4px;} #main .maincon_03 strong .lib {color:#529bcc;} #main .maincon_03 .innerwrap {padding-top:90px;} #main .maincon_04 .innerwrap {padding-top: 80px;} #main .maincon_04 strong {width:auto;} #main .maincon_04 strong {background: none;font-family:ts !important;font-weight:normal;letter-spacing: -4px;} #main .maincon_04 strong {color:white;font-size: 35px;display:block;line-height: 180%;} #main .maincon_04 strong .lib {color:#529bcc;font-size: 40px;} #main .maincon_04 dl.books dd ul li div {margin-left:100px;width:390px;} #main .maincon_04 dl {margin-top: 40px;} #main .maincon_04 dl.books {margin-top: 40px;} #main .maincon_04 dl.books dd ul li {display:none;} #main .maincon_04 dl.books dd ul li.show {display:block;} #main .maincon_03 strong {width:auto;} #main .maincon_03 strong {background: none;font-family:ts !important;font-weight:normal;} #main .maincon_03 strong {font-size: 40px;display:block;line-height: 140%;letter-spacing: -4px;} #main .maincon_03 strong .lib {color:#529bcc;} #main .maincon_03 .innerwrap {padding-top:90px;} #main .maincon_04 .innerwrap {padding-top: 80px;} #main .maincon_04 strong {width:auto;} #main .maincon_04 strong {background: none;font-family:ts !important;font-weight:normal;letter-spacing: -4px;} #main .maincon_04 strong {color:white;font-size: 35px;display:block;line-height: 180%;} #main .maincon_04 strong .lib {color:#529bcc;font-size: 40px;} #main .maincon_04 dl.books dd ul li div {margin-left:60px;width:250px;} #main .maincon_04 dl {margin-top: 40px;} #main .maincon_04 dl.books {margin-top: 40px;} #main .maincon_04 dl.books dd ul li {display:none;} #main .maincon_04 dl.books dd ul li.show {display:block;} #main .maincon_05 strong {width:auto;} #main .maincon_05 .innerwrap {padding-top:80px;} #main .maincon_05.graph .innerwrap {background: url('../images/udz/pigeon.png') no-repeat 300px 35px} #main .maincon_05 strong {background: none;font-family:ts !important;font-weight:normal;} #main .maincon_05 dl {padding-top: 10px;} #main .maincon_05.lecture dl dd .thumb {width:370px;height:300px;overflow: hidden;} #main .maincon_05 strong {font-size: 35px;display:block;line-height: 120%;letter-spacing: -5px;height:auto;} #main .maincon_05 strong.st02 {background: none;font-family:ts !important;font-weight:normal;font-size:35px;height:90px;} #main .maincon_05 strong.st02 .lib {color:#529bcc;} #main .maincon_05.lecture dl dd .txt em {margin-bottom: 25px;} #main .maincon_05.graph {background: white;} #main .maincon_05.graph dl dd {padding-top:30px;padding-bottom:20px;} #main .maincon_05 p.txt {width:700px;} #main .maincon_06 strong {width:auto;} #main .maincon_06 strong {background: none;font-family:ts !important;font-weight:normal;} #main .maincon_06 strong {font-size: 35px;display:block;line-height: 180%;letter-spacing: -5px;color:#013578;} #main .maincon_06 strong {width:auto;} #main .maincon_06 strong {background: none;font-family:ts !important;font-weight:normal;} #main .maincon_06 strong {font-size: 35px;display:block;line-height: 180%;letter-spacing: -5px;color:#013578;} #main .innerwrap strong {text-indent: 0px;} #main span {display:inline;} } .exhibition {padding-top:0px;} .exhibition .listwrap_00 > div {float:left; width:100%; height:260px; padding:40px 30px;color:white;position: relative;} .exhibition .listwrap_00 dl {position: absolute;bottom:20px;width:90%;} .exhibition .listwrap_00 dt {font-size:30px;font-weight: thin;font-family:tss;line-height:50px;} .exhibition .conbox_03 strong {} .exhibition .conbox_05 ul li {line-height: 30px;} .exhibition .conbox_05 ul li:after {top:9px;} .exhibition .listwrap_02 dl dd {font-size: 14px;} .exhibition .listwrap_01 .txt {font-size: 14px;} .exhibition dt {font-weight: bold;} .documentViewer {position: relative;border:1px solid #ccc;} .documentViewer td {text-align: center;} .documentViewer .pageNum {position: absolute;top:0px;right:0px;padding:20px;} .documentViewer .pageNum b {color:#36a3d8;} .historyInfo {padding-top:0px; background:url(../images/udz/historyInfo_01.jpg) no-repeat;font-family:tss;;} .historyInfo * {box-sizing:border-box;} .historyInfo > div {overflow:hidden;} .historyInfo dt {font-weight: bold;} .historyInfo .listwrap_00 {height:258px;} .historyInfo .listwrap_00 > div {float:left; width:100%; height:258px; padding:40px 30px;color:white;position: relative;} .historyInfo .listwrap_00 dl {position: absolute;bottom:20px;width:90%;} .historyInfo .listwrap_00 dt {font-size:30px;font-weight: thin;font-family:ts !important;font-weight:normal;line-height:50px;} .historyInfo .listwrap_00 dd {font-size:14px;font-weight: thin;font-family:tss;line-height: 20px;} .historyInfo .listwrap_01 > div {float:left; height:260px; padding:40px 30px;} .historyInfo .listwrap_01 dl dt {padding-bottom:10px; color:#529bcc; font-size:18px; border-bottom:2px solid #8bbddf; } .historyInfo .listwrap_01 .txt {color:#adadad; font-size:12px; line-height:18px;} .historyInfo .listwrap_02 > div {height:260px; padding:40px 30px;} .historyInfo .listwrap_02 > div.conbox_05 {height:440px; padding:40px 30px;} .historyInfo .listwrap_02 > div.conbox_06 {height:180px;} .historyInfo .listwrap_02 dl dt {width:265px; padding-bottom:10px; border-bottom:2px solid #8bbddf; color:#529bcc; font-size:18px; font-family:tss;font-weight: bold;} .historyInfo .listwrap_02 dl dt:first-child {margin-top:0;} .historyInfo .listwrap_02 dl dd {min-height:0px; margin-top:15px; color:#3c3c3c; font-size:14px; line-height:20px;} .historyInfo .conbox_01 {background:#f9f9f9;width:33.4%;} .historyInfo .conbox_01 dl dd {margin-bottom:29px; font-size:14px;line-height:20px;margin-top:15px;color:#666;} .historyInfo .conbox_02 {width:;} .historyInfo .conbox_02 dl dd {padding:30px 0 25px 20px; text-align:center;} .historyInfo .conbox_02 dl dd>span.arr {display:inline-block; margin:0 5px; color:#82c8e5;font-size:12px;line-height:12px;} .historyInfo .conbox_02 dl dd em {display:inline-block; width:99px; height:99px; color:#fff; font-size:16px; line-height:20px;padding-top:43px;} .historyInfo .conbox_02 dl dd em > span {color:white;font-size:12px;} .historyInfo .conbox_02 dl dd em.bg_f1 {width:119px;height:119px;background:#66a5e0;border-radius: 60px;} .historyInfo .conbox_03 {width:33.4%; background:#99caff;} .historyInfo .conbox_03 strong {display:block; color:#4d4d4d; font-size:30px; font-family:tss; line-height:35px;} .historyInfo .conbox_03 ul {margin-top:70px;} .historyInfo .conbox_03 ul li {margin-top:5px; color:#39579a; font-size:12px;} .historyInfo .conbox_03 ul li em {display:inline-block; min-width:60px;} .historyInfo .conbox_04 {float:left; width:33.3%; background:#e0efff url(../images/udz/historyInfo_02.png) no-repeat 0 100%;background-size: 100%;} .historyInfo .conbox_04 dd input {height:52px;} .historyInfo .conbox_04 dd input#keyword {border:1px solid #529bcc;float:left;width:200px;font-size:14px;line-height:16px;text-indent: 15px;-webkit-appearance: none;border-radius: 0;} .historyInfo .conbox_04 dd input#search {border:1px solid #529bcc;background:#529bcc;color:white;font-size:14px;width:59px;-webkit-appearance: none;border-radius: 0;} .historyInfo .conbox_05 {float:right; width:66.6%; padding-right:50px; background:#fafafa;} .historyInfo .conbox_05 dt {width:100% !important;} .historyInfo .conbox_05 dd {margin-bottom:60px;} .historyInfo .conbox_05 ul li {position:relative; padding-left:10px;} .historyInfo .conbox_05 ul li:after {position:absolute; top:7px; left:0; width:4px; height:4px; background-color:#aaa; content:'';border-radius: 2px;} .historyInfo .conbox_06 {float:left; width:33.3%; background:#99caff;position: relative;} .historyInfo .conbox_06 dt {border-bottom:0px !important;font-size:30px !important;font-family: tss !important;color:#666 !important;} .historyInfo .conbox_06 dd {;position: absolute !important;bottom:40px !important;} .historyInfo .conbox_06 dd ul li {color:#666;} .historyInfo .conbox_06 dd ul li label {width:73px !important;float:left !important;color:#333;} .exhibition .conbox_03 ul {margin-top:50px;} .exhibition .conbox_03 ul li {font-size: 14px;} .photo_list {background:none;} table.oralPreview {background: #666;} table.oralPreview td im {width:100%;} table.oralPreview .oral_face{ width:20%;} table.oralPreview td.oral_name {font-size:30px;text-align: right;padding:30px;font-family:tsB;color:white;line-height: 160%;} table.oralPreview td.oral_explain {font-size:12px;text-align: right;padding:0px 30px;color:white;} table.imageList {width:100%;} table.imageList td {vertical-align: top;padding-top: 30px;} table.imageList td.imageName {width:30%;;padding-right:20px;text-align: left !important ;} table.imageList td.imageName strong {color:#529bcc;font-size:30px;margin-bottom:20px;display: block; text-align: left: } table.imageList td.imageName p {font-size:12px; text-align: left: } table.imageList td.image {} table.imageList td.image img {width:100%;} table.imageListx3 {width:100%;} table.imageListx3 td {vertical-align: top;padding-top: 30px;width:33%;padding: 10px 20px; text-align: center} table.imageListx3 td img {width:100%;} table.imageListx3 th {color:#529bcc;font-size:15px;padding-bottom:30px;; text-align: center;vertical-align: top} table.imageListx2 {width:100%;} table.imageListx2 td {vertical-align: top;padding-top: 30px;width:50%;padding: 10px 20px; text-align: center} table.imageListx2 td img {width:100%;} table.imageListx2 th {color:#529bcc;font-size:15px;padding-bottom:30px;; text-align: center;vertical-align: top} .template.historyClear {} .template.historyClear .title {font-size:20px;color:#39579a;font-family: nbgl;display:block;line-height: 30px;} .template.historyClear .subTitle {font-size: 16px;color: #529bcc;font-family:tss;display:block;line-height: 16px;margin-top:20px;} .template.historyClear>p {margin:10px 0px;} .template.historyClear>p.quotation {padding:20px 30px;background:#eee;line-height: 180%;margin:20px 0px;} .eduHeader {} .eduHeader .title {background: url(../images/udz/edu_header.jpg) no-repeat;width:980px;height:253px;position: relative;color: white} .eduHeader .title h1 {font-size:26px;font-family:tss;padding: 0px;margin: 0px;position: absolute;left:31px;top:41px;} .eduHeader h4 {font-size:30px;margin-top: 20px;font-family: ts !important;font-weight: normal;text-align: left;line-height: 35px;color:#39579a;} .eduHeader ul.kindOfClass li {width:30%;float:left;margin-right:5%;} .eduHeader>p.txt {font-size: 14px !important;} @media screen and (max-width:640px) { .eduHeader ul.kindOfClass li {width:100%;float:none;} table.oralPreview .oral_face img {max-width:100% !important;height:auto !important;width:100% !important;} } .eduHeader ul.kindOfClass li:last-child {margin-right: 0%} .eduHeader strong {font-size: 16px;} .eduHeader p.txt {font-size: 13px;line-height: 180%;margin:30px 0px 40px;text-align: justify;} .classDetail table.boardview th {text-align: center;vertical-align: top} .classDetail table.boardview td {text-align: left;vertical-align: top} .classDetail table.boardview th b {font-size: 20px;display: block;padding-top: 30px;} .classDetail table.boardview td b {font-size: 14px;color: #529bcc;margin-bottom:20px;display: block;} @media screen and (max-width:768px) { .classDetail table.boardview {display:block;} .classDetail table.boardview tr {position: relative;clear:both;width:100%;} .classDetail table.boardview th {display:block;width:98%;text-align: left; } .classDetail table.boardview tr:first-child th, table.boardview tr:first-child td {border-top:1px solid #e5e5e5;} .classDetail table.boardview td {display: block;width:98%;} .exhibition .conbox_05 ul li {line-height: 20px;margin-bottom: 10px;} .exhibition .conbox_05 ul li:after {top:5px;} } .hidden {display:none;} body {background:white !important} h2 {position:absolute;top:0px;margin:0px;padding:0px;font-size: 12px;color:green;right:50px;} h3,h4 {text-align:center;padding:0px;margin:0px;} /*h3 b {display:none;}*/ div.searchToolLoad {width:800px;position:fixed;height:40px;background: white;z-index:110;top:0px;} /*div.searchToolLoad:hover {width:800px;height:100px;background:white;}*/ h4.searchTool {background:white;} /*div.searchToolLoad:hover h4.searchTool {display:block;}*/ ul.yearbookShort {width:70px;height:100%;float:left;} ul.yearbookShort li {width:100%;display:block;} ul.daily *, ul.monthly * {-webkit-transition: all 0.1s ease-in-out;} ul.yearCount * {-webkit-transition: all 0.4s ease-in-out;} ul.yearCount {height:100%;width:100px;/*background:#999;color:white*/;border-radius:0px;overflow: auto;float:left;position: relative;} ul.yearCount li {height:20px;width:100%;position:relative;cursor:pointer;;display:block;font-size: 12px;z-index:2;} ul.yearCount .title {width:120px;position:absolute;margin-left:0px;text-align: center;height:1px;line-height: 18px;z-index:1;display:;border-bottom:1px solid #f5f5f5;} ul.yearCount .title p {padding:0px;margin:0px;position: absolute;bottom:0px;width:100px;} /*ul.yearCount li.selected {background:#ccc;}*/ a.keyword {color:blue;font-weight: normal;} ul.yearCount li.searched div.count, ul.yearCount li.ui-selected.searched div.count {background:#529bcc;} .inpbox .dd {font-size:12px;height:14px;line-height: 12px;width:80px;text-align: center; height: 25px; padding: 0 5px; border: solid 1px #d9d9d9; background-color: #fff; font-size: 12px; line-height: 25px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} ul.yearCount li div.count {background:#fff;color:black;overflow: hidden;z-index:2;} ul.yearCount li div.year {color:white;z-index: 1;width:100%;} ul.yearCount li div.count, ul.yearCount li div.year {height:14px;position: absolute;left:0px;text-indent: 30px;margin-top: 3px;font-size:14px;} ul.yearCount li.y10 {/*border-top:1px solid #529bcc*/;padding-top:0px;height:19px;} /*ul.yearCount li div.cc {position:absolute;right:0px;bottom:0px;display:none;width:100%;}*/ /*ul.yearCount li:hover div.cc {display:block;}*/ /*ul.yearCount li div.y10 {font-size:14px;margin-top:;color:white;position:absolute;}*/ /*ul.yearCount li:hover {rgba(255,255,255,0.3);height:12px;} */ ul.yearCount li.ui-selecting{background:} ul.yearCount li.ui-selected {background:;border-right:1px dotted #999;} ul.yearCount li.ui-selecting div.count, ul.yearCount li.ui-selected div.count {background:yellow;} ul.yearCount li.selected , ul.yearCount li.selected {/*background:#529bcc;*/;height:40px !important;} ul.yearCount li .cc {display:;position: absolute;right:102px;text-align: center;width:0px;-webkit-transition: all 0.2s ease-in-out;overflow: hidden;background:#ffa;border:0px solid #ccc;padding:0px 0px;top:0px;height:100%;border-top:1px solid #eee;border-bottom:1px solid #eee;} ul.yearCount li:hover .cc {display:block;width:110px;} ul.yearCount li.selected:hover .cc {line-height: 40px;} ul.yearCount li:hover {background:#eee;} ul.yearCount li.selected em, ul.yearCount li.selected em {color:black;line-height: 40px;font-size:18px;font-weight: bold;} ul.yearCount li.selected .graph, ul.yearCount li.selected .graph2 {line-height: 40px;height:40px !important;} ul.monthly {float:left;width:50px;height:100%;background:#;} ul.daily {float:left;width:50px;height:100%;background:#;} ul.monthly li, ul.daily li {width:100%;display:block;text-align: center;-webkit-transition: all 0.2s ease-in-out;} ul.monthly li {height:8.2%;} ul.daily li {height:3.2%;} ul.monthly li input, ul.daily li input {height:100%;border-radius: 1px;font-size:12px;background:none;border:none;width:100%;/*max-height: 30px*/;cursor:pointer;} ul.monthly li input:hover, ul.daily li input:hover{background:#efefef;color:#000;} ul.monthly li.disabled input:hover, ul.daily li.disabled input:hover{height:100%;border-radius: 1px;font-size:12px;background:;border:none;width:100%;/*max-height: 30px*/;cursor:pointer;background:#fff;color:#ccc;} ul.monthly li.disabled input , ul.daily li.disabled input {height:100%;border-radius: 1px;font-size:12px;background:;border:none;width:100%;/*max-height: 30px*/;cursor:pointer;background:#fff;color:#ccc; -webkit-appearance: none; border-radius: 0;} ul.monthly li.selected input, ul.daily li.selected input {height:100%;border-radius: 1px;font-size:12px;background:#529bcc;color:white;border:none;width:100%;/*max-height: 30px*/;cursor:pointer;; -webkit-appearance: none; border-radius: 0;} ul.monthly li.selected input:hover, ul.daily li.selected input:hover {height:100%;border-radius: 1px;font-size:12px;background:#529bcc;color:white;border:none;width:100%;/*max-height: 30px*/;cursor:pointer; -webkit-appearance: none; border-radius: 0;} div.yearbookHead {float:left;} div.yearbookBody {overflow-y:hidden;overflow-x:hidden;float:left;width:578px;/*margin-top: 40px*/;} .chronology.fullScreen div.resultFrame {margin-top:90px;} div.resultFrame {width:100%;position: relative;overflow-y:scroll;overflow-x:hidden;padding:0px 0px;-webkit-overflow-scrolling: touch;} div.result {width:100%;position: absolute;} div.result div.before {position: ;bottom:100%;margin:0px 30px;background:} div.result div.after {position: ;top:0px;margin:0px 30px;} div.result li {border-bottom:1px dotted #ccc;;min-height:30px;padding:10px 0px;display:block;width:578px;float:;margin-right:1%;position: relative;background:url('/temporary/arrow.png') no-repeat -30px 50% #fff;} divul.result li ymd {border-bottom:1px dotted #ccc;clear:both;min-height:30px;display:block;}*/ div.result li .ymd {font-size:12px;float:;width:100%;line-height:30px;text-indent: 30px;color:#369;} div.result li .cont1 {font-size:20px;padding-top:10px;text-align: justify;padding:0px 30px;color:#333;} div.result li .cont1 a.archivesSourceKey {text-decoration: underline;cursor:pointer;color:blue;} div.result li .relative {border:0px solid #ccc;float:right;background:;width:25%;height:70px;} div.result li .relative nobr {width:100%;display:block;color:#999;} div.result li .relative .img {margin-left:10px;background:;margin-bottom:10px;display:inline;} div.result li .relative .img img {width:70px;height:50px;} div.result li .archives {background:;overflow:hidden;padding-left:15px;} div.result li .archives nobr {width:100%;display:block;color:#999;} div.result li .archives .img {display:inline;} div.result li .archives .img img {width:70px;height:50px;margin:5px;} div.result li:hover {border-bottom:1px dotted #ccc;clear:both;display:block;background:url('/temporary/arrow.png') no-repeat -10px 50% #fff;} /*ul.result li:hover .cont1 {float:left;width:100%;font-size:12px;padding-top:10px;}*/ /* ul.result li:hover .archives {border:1px solid #ccc;float:left;background:;position: absolute;left:105%;width:100px;} ul.result li:hover .archives .img {width:70px;height:50px;margin-left:10px;background:#eee;} ul.result li:hover .relative {border:1px solid #ccc;float:left;background:;position: absolute;right:105%;width:100px;} ul.result li:hover .relative .img {width:70px;height:50px;margin-left:10px;background:#eee;} */ .aCenter {text-align: center;} div.result li:hover .archives{display:block;} div.archivesSourceExplain {position:absolute;width:400px;height:200px;overflow-y:auto; display:none;background:#efefef;border:1px solid blue;padding:10px;} div.archivesSourceExplain h1 {font-size:16px;line-height: 20px;margin:0px;padding:0px;margin-bottom:10px;} div.archivesSourceExplain p {font-size:12px;line-height: 16px;} /*.comments {display:none;}*/ /*@media screen and (max-width:980px) { .historyInfo .listwrap_01 > div {padding:25px 20px;} .historyInfo .listwrap_01 .txt span {display:block;} .historyInfo .listwrap_01 .conbox_01 .txt {margin-top:-18px;} .historyInfo .listwrap_01 .conbox_02 dd {margin:0 -20px;} .historyInfo .conbox_04 {width:43%;} .historyInfo .conbox_05 span {display:block;} .chronologywrap .viewwrap table.searchTable td.txt input {width:100%;min-width: 300px;} .chronologywrap .viewwrap table.searchTable td {display:block;margin-top:5px;} .chronologywrap .viewwrap {margin-left:0px !important;} .chronologywrap .viewwrap .search {min-height:180px !important;padding-left:5px;padding-right:0px;min-width: 240px;} .chronology.fullScreen .viewwrap table.searchTable td {display:table-cell;} .chronology.fullScreen .viewwrap table.searchTable td.txt input {width:90%;min-width: 100px;} }*/ @media screen and (max-width:980px) { .historyInfo .listwrap_01 > div, .historyInfo .listwrap_02 > div {float:none; width:100%;} .historyInfo .listwrap_01 > div.conbox_01 {height:230px;padding: 20px 30px;width:50%;} .historyInfo .listwrap_01 > div.conbox_02 {height:230px;padding: 20px 30px;} .historyInfo .listwrap_02 {position: relative;overflow: visible;} .historyInfo .listwrap_02 > div.conbox_04 {position: absolute;width: 50%;margin-top: -459px;right: 0px;height: 230px;overflow: hidden;padding: 20px 30px;} .historyInfo .conbox_02 dl dd {padding:30px 0 25px 20px; text-align:center;} .historyInfo .conbox_02 dl dd>span.arr {display:inline-block; margin:0 5px; color:#82c8e5;font-size:12px;line-height: 12px;} .historyInfo .conbox_02 dl dd em {display:inline-block; width:99px; height:99px; color:#fff; font-size:16px; line-height:20px;padding-top:43px;} .historyInfo .conbox_02 dl dd em > span {color:white;font-size:12px;} .historyInfo .conbox_02 dl dd em.bg_f1 {width:119px;height:119px;background:#66a5e0;border-radius: 60px;} .researchHead {position:relative; line-height:18px;padding-bottom:20px;} .researchHead .txtbox {padding-bottom:10px; } .researchHead .txtbox .txt_01 {margin-bottom:10px;font-size:30px;} .researchHead .txtbox .txt_01 img {width:100%;} .researchHead .txtbox .txt {width:100% !important;font-size:13px;} .researchHead .txtbox .pic {position:static; width:100%; margin-top:10px;} .researchHead .txtbox .img {width:100%;position: static;display:none;} .researchHead .listwrap dl {margin-top:20px; padding-left:0;} .researchHead .listwrap dl dt {position:static; margin-bottom:10px;} .researchHead .listwrap dl dt.tit {font-size:15px;} .researchHead .listwrap dl.txtbox_02 dt {font-size:18px; line-height:20px;} .researchHead .listwrap dl dd.ext {position:static; margin-bottom:10px;} .greeting .conbox_01 .txt {width:500px !important;} @media screen and (max-width: 768px) { .greeting .conbox_01 .txt {width:auto !important;;} } .chronology.fullScreen .viewwrap table.searchTable {height:120px;position: relative} .chronology.fullScreen .viewwrap table.searchTable td {display:block;min-width:90%;position: absolute;margin-left:5%;} .chronology.fullScreen .viewwrap table.searchTable td.txt {top:0px;text-align: left;} .chronology.fullScreen .viewwrap table.searchTable td.period {top:55px;text-align: left;width:100%;height:22px;} .chronology.fullScreen .viewwrap table.searchTable td.keyword {top:80px;text-align: left} .chronology.fullScreen .viewwrap table.searchTable td.keyword select {width:50%;} .chronology.fullScreen .viewwrap table.searchTable td.result {top:110px;} .chronology.fullScreen .viewwrap table.searchTable td.btn {top:80px;right:0px;width:70px;} .chronology.fullScreen .viewwrap .search {min-width:85%;padding:0px;text-align: center;min-height: 150px !important;} .chronology.fullScreen .viewwrap .resultFrame {margin-top:150px;} /*.chronology.fullScreen .viewwrap table.searchTable td.txt input {}*/ .chronologywrap .listwrap {display:block;} .chronologywrap .listwrap .monthly {display:none;} .chronologywrap .listwrap .daily {display:none;} .chronologywrap .listwrap.yearbookHead {width:15%;min-height: 320px;} .chronologywrap .listwrap ul.list_01 {overflow-y:auto;width:100%;overflow-x:hidden;height:100%;-webkit-overflow-scrolling: touch;} .chronologywrap .listwrap ul.list_01 li {position:relative; height:24px; line-height:24px;text-align: center;width:100%;border-right:1px solid #f5f5f5;margin-left: 0px;} .chronologywrap .listwrap ul.list_01 li em {position:relative; z-index:3;margin-left:0px;width:100%;} .chronologywrap .listwrap ul.list_01 li .graph {position:absolute; top:0; left:0; z-index:2; width:5%; height:24px; background-color:#9fd5fa; content:'';} .chronologywrap .listwrap ul.list_01 li .graph2 {position:absolute; top:0; left:0; z-index:1; width:5%; height:24px; background-color:#999; content:'';} ul.yearCount .title {display: none;} .chronologywrap .listwrap ul.list_01 li.searched .graph2 {background-color: #aaa;} .chronologywrap .listwrap ul.list_01 li.noSearched em {color:#ccc;} .chronologywrap .listwrap ul.list_01 li.noSearched .graph2 {background:#eee;} ul.yearCount li div.count {background:#fff;color:black;overflow: hidden;z-index:2;} ul.yearCount li div.year {color:white;z-index: 1;width:100%;} ul.yearCount li div.count, ul.yearCount li div.year {height:14px;position: absolute;left:0px;text-indent: 30px;margin-top: 3px;font-size:14px;} ul.yearCount li.ui-selecting{background:} ul.yearCount li.ui-selected {background:;border-right:1px dotted #999;} ul.yearCount li.ui-selecting div.count, ul.yearCount li.ui-selected div.count {background:yellow;} ul.yearCount li.selected , ul.yearCount li.selected {/*background:#529bcc;*/;height:24px !important;font-size:12px !important;} ul.yearCount li .cc {display:none;} ul.yearCount li:hover .cc {display:none;} ul.yearCount li.selected em, ul.yearCount li.selected em {color:black;line-height: 24px;font-size:12px;font-weight: bold;} ul.yearCount li.selected .graph, ul.yearCount li.selected .graph2 {line-height: 24px;height:24px !important;} .chronologywrap {max-height:100%;min-height: 100%;height:100%;} .chronologywrap .viewwrap {overflow:hidden; width:; height:auto; padding:0; margin-left:0;} .chronologywrap .viewwrap fieldset {padding-bottom:25px;} .chronologywrap .viewwrap fieldset .txtbox p {overflow:hidden; width:100%; height:15px;} .chronologywrap .viewwrap fieldset .txtbox em {display:none;} .chronologywrap .viewwrap fieldset .inpbox {display:block; position:relative; padding:0 45px 0 50px;} .chronologywrap .viewwrap fieldset .inpbox input.txt {width:100%; height:35px; line-height:35px;} .chronologywrap .viewwrap fieldset .inpbox button.btn_sch {position:absolute; top:0; right:0; height:35px;} .chronologywrap .viewwrap fieldset .inpbox label {position:absolute; top:0; left:0; line-height:35px;} .chronologywrap .viewwrap fieldset .selbox {display:none;} /*.chronologywrap .viewwrap dl dd .imgbox {overflow:hidden; height:50px;}*/ .chronologywrap .viewwrap dl dd .imgbox a {margin-bottom:5px;} .chronologywrap .viewwrap table.searchTable label {width:35px;} div.result div.after {margin:0px;} div.result div.before {margin:0px;} } .category_wrap .item a {width:166px;} .lastestlist dl.cont_03 ul li a div{width:125px;height:125px;overflow: hidden;} .lastestlist dl.cont_04 ul li div {width:123px;height:93px;border:1px solid #eaeaea;position: absolute;left:0px;overflow: hidden;} .lastestlist dl.cont_04 ul li em {padding-top: 5px;} #main .maincon_06 dl dt {font-size: 20px;} .historyInfo .listwrap_00 dd {width:800px;padding:10px 0px 20px 0px;} .collabor .search_area {border-bottom:none;} .photo_list_wrap .search_area .search_tit{float:none;margin-bottom:5px;padding:0px;} .history_view .history_view_contents .video_info .m1 dl dd {max-width: 270px;} .table_nor dl dd label {width:auto;font-size: 12px;margin-right:20px;} .table_nor dl dd label {width:85px;} .table_nor dl.dl_1817 dd label {width:100%;font-size: 12px;margin-right:20px;} @media screen and (max-width: 980px) { .museum .lastestlist dl.cont_02 {float:left; margin-top:0px;} .museum .lastestlist dl.cont_04 {float:left; margin-top:0px;} .museum .lastestlist dl.cont_03, .museum .lastestlist dl.cont_04 {float:left;} .historyInfo .listwrap_02 > div.conbox_05 {padding:20px 30px;height:400px;} .historyInfo .listwrap_00 dd {width:100%;} .history_view .history_view_contents .video_area {width:100% !important;} .history_view.document .originText {width:99%;padding:0px;} .eduHeader .title {width:auto;} .exhibition .listwrap_01 > div.conbox_02 {padding:25px 0px;} } @media screen and (max-width: 768px) { .mobile_left_768 {display:inline !important;margin-right: 5px} button.btn_blue.classList {width:80px !important;} header h1 a img.forMain {width:130px;} #main .maincon_01 strong {background: none;} #main .maincon_01 strong {width:auto;} #main .maincon_01 strong .sub {color:white;font-size: 18px;display:block;line-height: 120%;font-family:tss;font-weight: normal !important} #main .maincon_01 strong .library {color:white;font-size: 50px;display:block;letter-spacing: -0.5px;font-family: ts;font-weight: normal;line-height: 160%;} #main .maincon_01 strong .eng {font-size: 16px;display:;color:white;line-height: 120%;font-family: ts;font-weight: normal;} #main .maincon_01 strong {background: none;font-family:tss;} #main .maincon_02 strong {background:none;position:relative; width:400px; height:62px; margin-left:330px; padding:80px 0; color:#345f99; text-indent:-25px !important; font-size:25px; font-family:ts !important;font-weight:normal;line-height:40px;margin-top: 50px;} #main .maincon_02 {background:#fff url(../images/contents/bg_main_02.png) no-repeat 50% 0%;background-size: 1300px auto} #main .maincon_02 dl {margin-top: 130px;} #main .maincon_02 .name {font-size: 15px;line-height: 180%;display:block;width:auto;margin-left:330px;background-size: 190px auto;margin-top:-40px;height:100px;} .greeting .conbox_01 .txt_01 {width:300px;height:60px;} #main .maincon_02 dl dd .date {font-family:ts !important;font-weight:normal;background:none;color:#529bcc;font-size: 55px;line-height: 100%;display:block;width:100%;text-indent:-0px;position:relative; height:62px;float:left;} #main .maincon_02 dl dd {width:485px;margin-top: 10px;} #main .maincon_03 strong {width:auto;text-indent: 0px;} #main .maincon_03 strong {background: none;font-family:ts !important;font-weight:normal;} #main .maincon_03 strong {font-size: 40px;display:block;line-height: 140%;letter-spacing: -4px;} #main .maincon_03 strong .lib {color:#529bcc;} #main .maincon_03 .innerwrap {padding-top:90px;} #main .maincon_04 .innerwrap {padding-top: 80px;} #main .maincon_04 strong {width:auto;} #main .maincon_04 strong {background: none;font-family:ts !important;font-weight:normal;letter-spacing: -4px;} #main .maincon_04 strong {color:white;font-size: 35px;display:block;line-height: 180%;} #main .maincon_04 strong .lib {color:#529bcc;font-size: 40px;} #main .maincon_04 dl.books dd ul li div {margin-left:100px;width:390px;} #main .maincon_04 dl {margin-top: 40px;} #main .maincon_04 dl.books {margin-top: 40px;} #main .maincon_04 dl.books dd ul li {display:none;} #main .maincon_04 dl.books dd ul li.show {display:block;} #main .maincon_03 strong {width:auto;} #main .maincon_03 strong {background: none;font-family:ts !important;font-weight:normal;} #main .maincon_03 strong {font-size: 40px;display:block;line-height: 140%;letter-spacing: -4px;} #main .maincon_03 strong .lib {color:#529bcc;} #main .maincon_03 .innerwrap {padding-top:90px;} #main .maincon_04 .innerwrap {padding-top: 80px;} #main .maincon_04 strong {width:auto;} #main .maincon_04 strong {background: none;font-family:ts !important;font-weight:normal;letter-spacing: -4px;} #main .maincon_04 strong {color:white;font-size: 30px;display:block;line-height: 180%;} #main .maincon_04 strong .lib {color:#529bcc;font-size: 40px;} #main .maincon_04 dl.books dd ul li div {margin-left:100px;width:390px;} #main .maincon_04 dl {margin-top: 40px;} #main .maincon_04 dl.books {margin-top: 40px;} #main .maincon_04 dl.books dd ul li {display:none;} #main .maincon_04 dl.books dd ul li.show {display:block;} #main .maincon_04 dl.research {margin-top:10px;} #main .maincon_04 dl.research dd em a.more {display:none;} #main .maincon_05 strong {width:auto;} #main .maincon_05 .innerwrap {padding-top:80px;} #main .maincon_05.graph .innerwrap {background: url('../images/udz/pigeon.png') no-repeat 330px 5px} #main .maincon_05 strong {background: none;font-family:ts !important;font-weight:normal;} #main .maincon_05 dl {padding-top: 10px;} #main .maincon_05.lecture dl dd .thumb {width:370px;height:300px;overflow: hidden;} #main .maincon_05.lecture dl dd .txt em {margin-bottom: 25px;font-size:25px;line-height: 30px;} #main .maincon_05.lecture dl dd .txt b {font-size:16px;} #main .maincon_05 strong {font-size: 27px;display:block;line-height: 120%;letter-spacing: -2px;height:auto;} #main .maincon_05 strong.st02 {background: none;font-family:ts !important;font-weight:normal;font-size:35px;width:100%;} #main .maincon_05.lecture dl dd .txt p {display:inline;} #main .maincon_05.graph dl dt {font-size:14px;} #main .maincon_05.graph dl dt .more {display:none;} #main .maincon_05 strong.st02 .lib {color:#529bcc;} #main .maincon_05.graph {background: white;} #main .maincon_05.graph dl dd {padding-top:30px;padding-bottom:20px;display: block;} #main .maincon_05.graph dl {border-top:0px;} #main .maincon_05 p.txt {width:100%;margin-top: 10px;} #main .maincon_05.lecture dl dd .more {display:none;} #main .innerwrap .linkbox {} /*#main .maincon_05.graph .linkbox a:first-child {height:33px;border-width:1px;}*/ #main .maincon_06 strong {width:auto;} #main .maincon_06 strong {background: none;font-family:ts !important;font-weight:normal;} #main .maincon_06 strong {font-size: 35px;display:block;line-height: 180%;letter-spacing: -5px;color:#013578;} #main .maincon_06 dl dd {padding-top:10px;} #main .maincon_06 dl dd span b {margin-top:20px;font0size:14px;} #main .maincon_06 dl dd span {background-size: 70px 70px;} #main .maincon_06 strong {width:auto;} #main .maincon_06 strong {background: none;font-family:ts !important;font-weight:normal;} #main .maincon_06 strong {font-size: 35px;display:block;line-height: 180%;letter-spacing: -5px;color:#013578;} .exhibition .listwrap_01 {float:left;width:250px;} .exhibition .listwrap_02 {height:780px;} .exhibition .listwrap_02 > div.conbox_04 {height:300px;background-size: 100%;background: #deeeff} .exhibition .listwrap_02 > div.conbox_05 {height:480px !important;} .online_list .tour_list ul li {width:50%;} .researchHead .txtbox .txt_01 {line-height:30px;font-size:20px;} .historyInfo .listwrap_01 > div.conbox_01 {width:100%;} .historyInfo .listwrap_01 > div.conbox_02 {height:auto;} .historyInfo .listwrap_02 > div.conbox_04 {position: static;width: 100%;margin-top:0px;right:0px;height:auto;overflow: hidden;padding: 20px 30px;} .historyInfo .conbox_02 dl dd em.bg_f1 {width:20%;font-size: 12px;} .historyInfo .listwrap_02 > div.conbox_05 {height:auto;} .historyInfo .listwrap_00 dl {position: static;} .table_nor dl dd label {width:110px;font-size: 11px;} .table_nor .btn_arrow {width:70px;} .table_nor .small_more {display:block;} .category_wrap .item a {width:71px;} .category_wrap .item.on a {width:71px;} /*.category_wrap.collabor .item, .category_wrap.collabor .item.on {padding:0px 10px;}*/ .eduHeader .title h1{font-size:24px;} .photo_list_wrap.history h4 {display: none;} .photo_list_wrap.history h4 {display: none;} .lib_history .category_wrap {padding-bottom: 40px;background: white;} .photo_list_wrap.history table {padding-left:0px;} /*.searchDetailField{display:none !important;}*/ } @media screen and (max-width:640px) { .mobile_hide_640{display:none;} .category_wrap.wide .holder ul.list .item a,.category_wrap.wide .holder ul.list .item.on a {width:80px;} table.oralPreview .oral_face{ width:100%;display: block;overflow: hidden;} table.oralPreview td.oral_name {font-size:30px;text-align: right;padding:30px;font-family:tsB;color:white;display: block;} header h1 a img.forMain {width:130px;} #main .maincon_02 strong {background:none;position:relative; width:320px; height:62px; margin-left:220px; padding:30px 0; color:#345f99; text-indent:-15px !important; font-size:20px; font-family:ts !important;font-weight:normal;line-height:35px;margin-top: 30px;} #main .maincon_02 {background:#fff url(../images/contents/bg_main_02.png) no-repeat 50% 0%;background-size: 900px auto} #main .maincon_02 dl {margin-top: 0px;} #main .maincon_02 .name {font-size: 15px;line-height: 180%;display:block;width:auto;margin-left:220px;background-size: 110px auto;margin-top:20px;height:100px;} #main .maincon_02 dl dd .date {font-family:ts !important;font-weight:normal;background:none;color:#529bcc;font-size: 35px;line-height: 100%;display:block;width:100%;text-indent:-0px;position:relative; height:40px;float:left;} #main .maincon_02 dl dd {width:100%;margin-top: 10px;} #main .maincon_03 strong {width:auto;text-indent: 0px;} #main .maincon_03 strong {background: none;font-family:ts !important;font-weight:normal;} #main .maincon_03 strong {font-size: 40px;display:block;line-height: 140%;letter-spacing: -4px;} #main .maincon_03 strong .lib {color:#529bcc;} #main .maincon_03 .innerwrap {padding-top:90px;} #main .maincon_04 .innerwrap {padding-top: 80px;} #main .maincon_04 strong {width:auto;} #main .maincon_04 strong {background: none;font-family:ts !important;font-weight:normal;letter-spacing: -4px;} #main .maincon_04 strong {color:white;font-size: 35px;display:block;line-height: 180%;} #main .maincon_04 strong .lib {color:#529bcc;font-size: 40px;} #main .maincon_04 dl.books dd ul li div {margin-left:100px;width:390px;} #main .maincon_04 dl {margin-top: 40px;} #main .maincon_04 dl.books {margin-top: 40px;} #main .maincon_04 dl.books dd ul li {display:none;} #main .maincon_04 dl.books dd ul li.show {display:block;} #main .maincon_03 strong {width:auto;} #main .maincon_03 strong {background: none;font-family:ts !important;font-weight:normal;} #main .maincon_03 strong {font-size: 20px;display:block;line-height: 120%;letter-spacing: 0px;height:50px;} #main .maincon_03 strong .lib {color:#529bcc;} #main .maincon_03 .innerwrap {padding-top:90px;} #main .maincon_04 .innerwrap {padding-top: 80px;} #main .maincon_04 strong {width:auto;} #main .maincon_04 strong {background: none;font-family:ts !important;font-weight:normal;letter-spacing: 0px;} #main .maincon_04 strong {color:white;font-size: 20px;display:block;line-height: 120%;} #main .maincon_04 strong .lib {color:#529bcc;font-size: 40px;} #main .maincon_04 dl.books dd ul li div {margin-left:50px} #main .maincon_04 dl {margin-top: 40px;} #main .maincon_04 dl.books {margin-top: 10px;} #main .maincon_04 dl.books dd ul li {display:none;} #main .maincon_04 dl.books dd ul li.show {display:block;} #main .maincon_04 dl.research {margin-top:10px;} #main .maincon_04 dl.research dd em a.more {display:none;} #main .maincon_04 dl.research {display: none;} #main .maincon_04 dl dt {font-size:16px;} #main .maincon_05 strong {width:auto;} #main .maincon_05 .innerwrap {padding-top:80px;} #main .maincon_05.graph .innerwrap {background: url('../images/udz/pigeon.png') no-repeat 330px 5px} #main .maincon_05 strong {background: none;font-family:ts !important;font-weight:normal;} #main .maincon_05 dl {padding-top: 10px;} #main .maincon_05.lecture dl dd .thumb {width:110px;height:80px;overflow: hidden;} #main .maincon_05.lecture dl dd .txt em {margin-bottom: 25px;font-size:16px;line-height: 20px;} #main .maincon_05.lecture dl dd .txt b {font-size:14px;} #main .maincon_05 strong {font-size: 20px;display:block;line-height: 120%;letter-spacing: 0px;} #main .maincon_05 strong.st02 {background: none;font-family:ts !important;font-weight:normal;font-size:20px;width:100%;} #main .maincon_05.lecture dl dd .txt p {display:none;} #main .maincon_05.graph dl dt {font-size:14px;} #main .maincon_05.graph dl dt .more {display:none;} #main .maincon_05 strong.st02 .lib {color:#529bcc;} #main .maincon_05.graph {background: white;} #main .maincon_05.graph dl dd {padding-top:30px;padding-bottom:20px;display: block;} #main .maincon_05.graph dl {display:none;} #main .maincon_05 p.txt {width:100%;margin-top: 10px;} #main .maincon_05.lecture dl dd .more {display:none;} #main .maincon_06 dl dd span em {font-size: 16px;} #main .maincon_06 dl dd {padding-top:10px;} #main .maincon_06 dl dd span b {margin-top:20px;font0size:14px;} #main .maincon_06 dl dd span {background-size: 70px 70px;} #main .maincon_06 strong {width:auto;} #main .maincon_06 strong {background: none;font-family:ts !important;font-weight:normal;} #main .maincon_06 strong {font-size: 20px;display:block;line-height: 120%;letter-spacing: 0px;color:#013578;} .exhibition .listwrap_01 {float:none;width:auto;} .exhibition .listwrap_02 {height:auto;} .exhibition .listwrap_02 > div.conbox_04 {height:auto;background-size: 100%} .exhibition .listwrap_02 > div.conbox_05 {height:auto !important;} .online_list .listBox {overflow-x:auto; -webkit-overflow-scrolling:touch;} table.imageListx3 {width:100%;} table.imageListx3 tbody {position: relative;width:100%;} table.imageListx3 tbody tr {display: block;width:99%;left:0px;} table.imageListx3 tbody tr:first-child {} table.imageListx3 tbody tr:nth-child(2) {position: absolute;margin-top:-770px;} table.imageListx3 tbody td {display:block;max-height:250px;height:250px;width:auto;text-align: center;padding-left:0px;padding-right:0px;} table.imageListx3 tbody th {display:block;height:30px;margin-top:200px;width:auto;text-align: center;} table.imageListx3 td img {width:auto;max-height:210px;height:100%;} table.imageListx3 th {color:#529bcc;font-size:15px;padding-bottom:30px;; text-align: center;vertical-align: top} table.imageListx2 {width:100%;} table.imageListx2 td {vertical-align: top;padding-top: 30px;width:50%;padding: 0px; text-align: center} table.imageListx2 td img {width:100%;} table.imageListx2 th {color:#529bcc;font-size:15px;padding-bottom:30px;; text-align: center;vertical-align: top} .chronologywrap .viewwrap table.searchTable select {width:150px;} .chronologywrap .viewwrap table.searchTable td.txt input.default {float:left;} .online_list .tour_list ul li>a {width:auto;} .online_list .tour_list ul li {width:auto;} table.boardwrite td.people input.text {width:45px;} .historyInfo .conbox_02 dl dd em.bg_f1 {width:100%;height:80px;font-size:16px;padding-top:20px;} .historyInfo .conbox_02 dl dd {} .historyInfo .conbox_02 dl dd>span.arr {; -ms-transform: rotate(90deg); /* IE 9 */-webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */transform: rotate(90deg);line-height: 12px} .historyInfo .listwrap_00 dt {font-size:24px;line-height: 30px;} .historyInfo .listwrap_00 dt {font-size:24px;line-height: 30px;} .history_view.document .originText p {line-height: 150%;font-size: 14px;} .history_view .history_view_contents .video_area .play_video .screen {height: 400px;} .history_list.publication li .history_picBox {width:auto;} .history_list.publication li .history_picBox a {width:auto;border:none;} table.bookExplain tr th.image {display: block;width:100%;text-align: center;padding:20px 0px;} table.bookExplain tr td.explain {display: block;} .eduHeader .title h1,.eduHeader .title h4{left:10px;} .category_wrap.collabor .item a {width:53px;max-width:71px;font-size:12px;} .category_wrap.collabor .item.on a {width:53px;max-width:71px;font-size:12px;} .photo_list_wrap.normalList table thead tr th.title {width:45%;} .photo_list_wrap.normalList table thead tr th.regDate {width:25%;} /*.searchDetailField{display:none !important;}*/ } @media screen and (max-width: 480px) { .btncenter button:first-child ,button.btn_blue_03,button.btn_gray {margin-left:0px !important;width:100%;margin-top:5px;} #main .maincon_04 dl.books dd ul li div {width:120px;} #main .maincon_02 strong {background:none;position:relative; width:250px; height:62px; margin-left:10px; padding:30px 0; color:#345f99; text-indent:-15px !important; font-size:16px; font-family:ts !important;font-weight:normal;line-height:25px;margin-top: 0px;} #main .maincon_02 {background:#fff url(../images/contents/bg_main_m_02.png) no-repeat 0% 0%;background-size: 900px auto} #main .maincon_02 dl {margin-top: 0px;} #main .maincon_02 .name {font-size: 15px;line-height: 180%;display:block;width:auto;margin-left:170px;background-size: 110px auto;margin-top:50px;height:100px;} #main .maincon_02 dl dd .date {font-family:ts !important;font-weight:normal;background:none;color:#529bcc;font-size: 35px;line-height: 100%;display:block;width:100%;text-indent:-0px;position:relative; height:40px;float:left;} #main .maincon_02 dl dd {width:100%;margin-top: 10px;} .supportList>li.supportNormal {width:94px;} .table_nor dl.dl_1817 dd label {width:200px;font-size: 12px;margin-right:20px;} } @media screen and (max-width: 440px) { #main .maincon_05.graph .innerwrap {background: url('../images/udz/pigeon.png') no-repeat 100% 5px} } @media screen and (max-width: 400px) { .mobile_hide_400{display:none;} .history_view.win {padding:10px;width:320px;min-height: 600px;} .greeting.support .conbox_01 {height:auto;} .greeting.support .conbox_02 {clear: both;} .greeting.support .conbox_01 .photo {left:auto;right:0px;top:auto;} .greeting.support .conbox_01 .photo2 {left:0px;position:static;} .greeting.support .conbox_01 .photo em {font-size:12px;} .greeting.support .conbox_01 .photo .pic {width:124px;} .librarycond {background-position: 10% 0;} .photo_list_wrap.normalList.faqList tr td.question,.photo_list_wrap.normalList.faqList tr td.answer {font-size: 14px;} .photo_list_wrap.history table tbody tr td.date {width:50px;} /*.searchDetailField{display:none !important;}*/ /*.kdjactivity .search_area fieldset select.keywordby {width:70px !important;}*/ /*.kdjactivity .search_area fieldset select.period {width:70px !important;}*/ /*.kdjactivity.photo_list_wrap .search_area fieldset .btn_blue_04 {width:25px;}*/ .historyInfo .conbox_04 dd input#keyword {width:150px;} } .librarycond {overflow:hidden; height:525px; background:url(../images/contents/bg_library.jpg) no-repeat 0 0;} .librarycond table {float:right; width:478px; margin:10px 10px 0 0;border-spacing:3px;} .librarycond table tr {margin:10px;} .librarycond table td {height:80px; margin-top:5px; padding:0 0 0 140px; background:url(../images/contents/bg_floor_01.png) no-repeat 0 0; color:#fff; letter-spacing:-0.5px;vertical-align: middle;position: relative;} .librarycond table td * {vertical-align:middle;} .librarycond table tr:first-child td {margin-top:0;} .librarycond table td em {display:inline-block; width:95px; font-weight:bold; font-size:36px; font-family:Arial;} .librarycond table td em small {vertical-align:11%; font-weight:normal; font-size:20px;} .librarycond table td span {font-size:20px;} .librarycond table td.f1 {background-image:url(../images/contents/bg_floor_02.png);} .librarycond table td.f2 {background-image:url(../images/contents/bg_floor_03.png);} .librarycond table td.f3 {background-image:url(../images/contents/bg_floor_04.png);} .librarycond table td.f4 {background-image:url(../images/contents/bg_floor_05.png);} .librarycond table td em {float:;line-height:80px;position: absolute;left:50px;top:0px;} table.tomatoGallery {display:none;width:100%;} .tomatoGallery_compiled .tomatoGallery_tools {width:100%;height:29px;background: white;} .tomatoGallery_compiled.fullScreen .tomatoGallery_tools {display: none;} .tomatoGallery_compiled .btns {float:left; margin-left:10px;} .tomatoGallery_compiled .btns button {float:left; width:12px; height:12px; margin-left:10px; text-indent:-9999px;} .tomatoGallery_compiled .btns button:first-child {margin-left:0;} .tomatoGallery_compiled .btns button {background-position-y:0px;} .tomatoGallery_compiled.blue .btns button {background-position-y:0px;} .tomatoGallery_compiled.red .btns button {background-position-y:-34px;} .tomatoGallery_compiled.green .btns button {background-position-y:-68px;} .tomatoGallery_compiled.yellow .btns button {background-position-y:-102px;} .tomatoGallery_compiled.orange .btns button {background-position-y:-136px;} .tomatoGallery_compiled .btns button:hover {background-position-y:-17px;} .tomatoGallery_compiled.red .btns button:hover {background-position-y:-52px;} .tomatoGallery_compiled.green .btns button:hover {background-position-y:-685px;} .tomatoGallery_compiled.yellow .btns button:hover {background-position-y:-119px;} .tomatoGallery_compiled.orange .btns button:hover {background-position-y:-153px;} .tomatoGallery_compiled .btns button {background-position-y:-0px;background-image: url(../images/udz/btn_view_option.gif);background-repeat: no-repeat;} .tomatoGallery_compiled .btns button.m1 {background-position-x:3px } .tomatoGallery_compiled .btns button.m2 {background-position-x: -13px;} .tomatoGallery_compiled .btns button.m3 {background-position-x: -32px;} .tomatoGallery_compiled .btns button.m4 {background-position-x: -54px;} @media screen and (max-width: 980px) { .tomatoGallery_compiled .btns button.m5,.tomatoGallery_compiled .btns button.m4 {display: none} } .tomatoGallery_compiled .btns button.m5 {background-position-x: -76px;} .tomatoGallery_compiled .btns button.m6 {background-position-x: -98px;} .tomatoGallery_compiled .btns button.m7 {background-position-x:-120px;} .tomatoGallery_compiled .btns button.m8 {background-position-x:-141px;} /* .tomatoGallery_compiled .btns button.m1:hover {background:url(../images/udz/btn_view_option.gif) no-repeat 3px -17px;} .tomatoGallery_compiled .btns button.m2:hover {background:url(../images/udz/btn_view_option.gif) no-repeat -13px -17px;} .tomatoGallery_compiled .btns button.m3:hover {background:url(../images/udz/btn_view_option.gif) no-repeat -32px -17px;} .tomatoGallery_compiled .btns button.m4:hover {background:url(../images/udz/btn_view_option.gif) no-repeat -54px -17px;} .tomatoGallery_compiled .btns button.m5:hover {background:url(../images/udz/btn_view_option.gif) no-repeat -76px -17px;} .tomatoGallery_compiled .btns button.m6:hover {background:url(../images/udz/btn_view_option.gif) no-repeat -98px -17px;} .tomatoGallery_compiled .btns button.m7:hover {background:url(../images/udz/btn_view_option.gif) no-repeat -120px -17px;} .tomatoGallery_compiled .btns button.m8:hover {background:url(../images/udz/btn_view_option.gif) no-repeat -141px -17px;}*/ div.tomatoGallery_compiled {width:100%;height:630px;overflow: hidden;position: relative;background: #333;padding-top:0px;} div.tomatoGallery_compiled.fullScreen {position: fixed;left:0px;top:0px;width:100%;height:100%;z-index: 200} div.tomatoGallery_compiled .tomatoGallery_btn_close {display:none;} div.tomatoGallery_compiled .tomatoGallery_btn_prev , div.tomatoGallery_compiled .tomatoGallery_btn_next {right:0px;top:250px;width:50px;height:100px;position: absolute;z-index: 5;display:block;border:none;font-size:20px;font-family:Helvetica;color:#999;opacity:0;background: white;-webkit-transition: all 0.2s ease-in-out;;cursor: pointer;-webkit-appearance: none; border-radius: 0;} div.tomatoGallery_compiled.fullScreen .tomatoGallery_btn_close {right:0px;top:0px;width:50px;height:50px;position: absolute;z-index: 50;display:block;border:none;font-size:20px;font-family:Helvetica;color:white;background: none;-webkit-transition: all 0.2s ease-in-out;;cursor: pointer;} div.tomatoGallery_compiled .tomatoGallery_btn_prev {left :0px;top:250px} @media screen and (max-width: 640px) { div.tomatoGallery_compiled .tomatoGallery_btn_prev , div.tomatoGallery_compiled .tomatoGallery_btn_next {top:-50%;margin-top:100%;} } div.tomatoGallery_compiled.hover .tomatoGallery_btn_prev , div.tomatoGallery_compiled.hover .tomatoGallery_btn_next {opacity: 0.5} div.tomatoGallery_compiled .tomatoGallery_btn_prev:hover , div.tomatoGallery_compiled .tomatoGallery_btn_next:hover {opacity: 0.9} div.tomatoGallery_compiled>ul.tomatoGallery_visualUl {width:100%;height:100%;overflow:hidden;-webkit-transition: all 0.4s ease-in-out;} div.tomatoGallery_compiled>ul.tomatoGallery_visualUl>li.tomatoGallery_visualLi {width:100%;height:100%;text-align: center;float:left;position: relative;overflow: hidden;} div.tomatoGallery_compiled>ul.tomatoGallery_visualUl>li.tomatoGallery_visualLi>img.tomatoGallery_visualImg {z-index: 3;position: absolute;} div.tomatoGallery_compiled>ul.tomatoGallery_visualUl>li.tomatoGallery_visualLi>p.tomatoGallery_visualP {text-align:left;position: absolute;top:0px;left:0px;width:100%;background:rgba(0,0,0,0.5);z-index: 5;color:white;font-size:18px;font-family:tss;line-height: 30px;text-indent: 5px;opacity:0.7;-webkit-transition: all 0.2s ease-in-out;height:60px;margin:none !important;} div.tomatoGallery_compiled>ul.tomatoGallery_visualUl>li.tomatoGallery_visualLi>p.tomatoGallery_visualP>a.openArchives {font-size:12px;text-indent: 5px;} div.tomatoGallery_compiled.hover>ul.tomatoGallery_visualUl>li.tomatoGallery_visualLi>p.tomatoGallery_visualP {opacity: 1} div.tomatoGallery_compiled>ul.tomatoGallery_thumbnailUl {width:100%;height:74px;overflow:hidden;z-index:10;position: absolute;bottom:0px;opacity: 0;-webkit-transition: all 0.1s ease-in-out;text-align: left;} div.tomatoGallery_compiled.hover>ul.tomatoGallery_thumbnailUl {opacity:1;} div.tomatoGallery_compiled>ul.tomatoGallery_thumbnailUl>li.tomatoGallery_thumbnailLi {width:100px;height:70px;float:left;-webkit-transition: all 0.2s ease-in-out;cursor: pointer;border:2px solid rgba(0,0,0,0);bottom:0px;background:#333;padding:0px 2px;position: relative;} div.tomatoGallery_compiled>ul.tomatoGallery_thumbnailUl>li.tomatoGallery_thumbnailLi:hover, div.tomatoGallery_compiled>ul.tomatoGallery_thumbnailUl>li.selected.tomatoGallery_thumbnailLi {border:2px solid white;z-index:10;} div.tomatoGallery_compiled>ul.tomatoGallery_thumbnailUl>li.tomatoGallery_thumbnailLi>img.tomatoGallery_thumbnailImg {opacity: 0.6;position: absolute;} div.tomatoGallery_compiled>ul.tomatoGallery_thumbnailUl>li.tomatoGallery_thumbnailLi:hover>img.tomatoGallery_thumbnailImg, div.tomatoGallery_compiled>ul.tomatoGallery_thumbnailUl>li.tomatoGallery_thumbnailLi.selected>img.tomatoGallery_thumbnailImg {opacity: 1;} div.tomatoGallery_compiled>ul.tomatoGallery_thumbnailUl>li.tomatoGallery_thumbnailLi>img.tomatoGallery_thumbnailImg>p.tomatoGallery_thumbnailP {display:none;} @media print { /* All your print styles go here */ header, footer, #quick { display: none !important; } .statebar {display:none;} } footer {height:250px;} footer .inner_footer {padding-top:30px;padding-left: 250px;} footer address {margin-top:25px;} @media screen and (max-width:768px) { #btn_32{width:100%;} .librarycond {} .librarycond table {width:60% !important;} .librarycond table tr {margin:10px;} .librarycond table td {height:80px; margin-top:5px; padding:0 0 0 70px; background:url(../images/contents/bg_floor_01.png) no-repeat 0 0; color:#fff; letter-spacing:-0.5px;vertical-align: middle;position: relative;} .librarycond table td * {vertical-align:middle;} .librarycond table tr:first-child td {margin-top:0;} .librarycond table td em {display:inline-block; width:55px; font-weight:bold; font-size:20px; font-family:Arial;} .librarycond table td em small {vertical-align:7%; font-weight:normal; font-size:12px;} .librarycond table td span {font-size:16px;} .librarycond table td.f1 {background-image:url(../images/contents/bg_floor_02.png);} .librarycond table td.f2 {background-image:url(../images/contents/bg_floor_03.png);} .librarycond table td.f3 {background-image:url(../images/contents/bg_floor_04.png);} .librarycond table td.f4 {background-image:url(../images/contents/bg_floor_05.png);} .librarycond table td em {float:;line-height:80px;position: absolute;left:20px;top:0px;} footer .inner_footer {width:640px;} .gnbview #wrap {height: 100%;min-height: 600px;} .gnbview footer {display:none;} } .gnbview .gnb .tit {font-size:14px;} .gnbview .gnb button.search {position: absolute;top:0px;right:0px;width:40px;height:4ps0px;background: url(../images/udz/gnb_view_search.jpg) no-repeat 50% 50% ;background-color: white;margin-top:5px !important;padding:0px !important;} @media screen and (max-width:640px) { .mobile_left_768 {display:inline !important;} div.tomatoGallery_compiled>ul.tomatoGallery_visualUl>li.tomatoGallery_visualLi>p.tomatoGallery_visualP {font-size: 12px;line-height: 140%;padding:10px 5px 5px 5px;height:40px;} footer {height:250px; background:#3c3c3c; color:#9e9e9e;} footer .inner_footer {position:relative; width:auto; margin:0 auto; padding:30px 0 0 155px; box-sizing:border-box} footer h1 {position:absolute; top:20px; left:10px; width:122px; } footer h1 img {width:100%;} footer .botmenu {overflow:hidden;} footer .botmenu > li {float:left; width:26%;} footer .botmenu li strong {display:block; padding-bottom:15px; background:url(../images/common/line_botmenu.gif) no-repeat 0 100%; font-size:17px; line-height:18px;} footer .botmenu li ul {margin-top:15px;} footer .botmenu li ul li {padding:5px 0;} footer .botmenu li ul li.tel {padding:0; font-size:20px; font-family:tssB;} footer .botmenu li.sitelink li {padding:2px 0;} footer address {margin-top:25px; font-size:11px; line-height:14px;margin-left:-120px;} footer .btn_top {position:absolute; top:-60px; right:-60px;width:45px; height:45px; background:url(../images/btn/btn_top.gif) no-repeat 50% 50%; text-indent:-99999px;} .librarycond {} .librarycond table {width:80% !important;} .librarycond table tr {margin:10px;} .librarycond table td {height:80px; margin-top:5px; padding:0 0 0 70px; background:url(../images/contents/bg_floor_01.png) no-repeat 0 0; color:#fff; letter-spacing:-0.5px;vertical-align: middle;position: relative;} .librarycond table td * {vertical-align:middle;} .librarycond table tr:first-child td {margin-top:0;} .librarycond table td em {display:inline-block; width:55px; font-weight:bold; font-size:20px; font-family:Arial;} .librarycond table td em small {vertical-align:7%; font-weight:normal; font-size:12px;} .librarycond table td span {font-size:16px;} .librarycond table td.f1 {background-image:url(../images/contents/bg_floor_02.png);} .librarycond table td.f2 {background-image:url(../images/contents/bg_floor_03.png);} .librarycond table td.f3 {background-image:url(../images/contents/bg_floor_04.png);} .librarycond table td.f4 {background-image:url(../images/contents/bg_floor_05.png);} .librarycond table td em {float:;line-height:80px;position: absolute;left:20px;top:0px;} } .botmenu .etc .youtube {display:block;float:left; margin-right:10px;margin-top:10px;opacity:0.6;right:170px;top:10px;width:30px;height:30px;background: url('../images/udz/ico_youtube.png') no-repeat;background-size: 30px 30px} .botmenu .etc .facebook {display:block;float:left; margin-right:10px;margin-top:10px;opacity:0.6;right:10px;top:10px;width:30px;height:30px;background: url('../images/udz/ico_facebook.png') no-repeat;background-size: 30px 30px} @media screen and (max-width:500px) { footer {height:auto; background:#3c3c3c; color:#9e9e9e;} footer .inner_footer {position:relative; width:auto; margin:0 auto; padding:20px 0 0 20px; box-sizing:border-box} footer h1 {position:absolute; top:142px; left:20px; width:82px; } footer h1 img {width:100%;} footer .botmenu {overflow:hidden;} footer .botmenu > li {width:100%;} /*footer .botmenu > li.etc {width:auto;}*/ /*footer .botmenu > li.etc strong {display:none;}*/ footer .botmenu li strong {float:left;display:block; padding-bottom:0px; background:none; font-size:14px; line-height:33px;margin-right:10px;width:80px;} footer .botmenu li ul {margin-top:0px;} footer .botmenu li ul li {padding:5px 0;float:left;margin-right:20px;} footer .botmenu li ul li.tel {padding:0; font-size:20px; font-family:tssB;} footer .botmenu li.sitelink li {padding:2px 0;} footer address {margin-top:5px; font-size:11px; line-height:14px;margin-left:0px;padding:0px 20px 20px 100px;} footer .btn_top {position:absolute; top:-60px; right:-60px;width:45px; height:45px; background:url(../images/btn/btn_top.gif) no-repeat 50% 50%; text-indent:-99999px;} .botmenu .etc .youtube {display:block;float:left; margin-right:10px;margin-top:0px;opacity:0.6;right:170px;top:0px;width:30px;height:30px;background: url('../images/udz/ico_youtube.png') no-repeat;background-size: 30px 30px} .botmenu .etc .facebook {display:block;float:left; margin-right:10px;margin-top:0px;opacity:0.6;right:10px;top:0px;width:30px;height:30px;background: url('../images/udz/ico_facebook.png') no-repeat;background-size: 30px 30px} .table_nor dl {padding: 25px 20px 0px 10px;} } .botmenu .etc .youtube {} .botmenu .etc .facebook {} .botmenu .etc {position: relative;} /*일부 레이아웃을 원래대로 돌려 놓기*/ .researchHead.noImg .txtbox .img {display:none;} .researchHead.noImg .txtbox p.txt {width:100%;} .mobile_left_768 {font-family:inherit !important} #main .maincon_04 dl.books dd ul li div b a{font-weight:normal;} ul.electionTable {width:620px;display: block;} ul.electionTable>li {display:block;width:100%;position: relative;border-bottom:1px dashed #ccc;padding-bottom: 10px;margin-bottom: 10px;} ul.electionTable>li * {vertical-align: bottom} ul.electionTable>li>div.electionTableImg {width:146px;background:#ccc;padding:2px;} ul.electionTable>li>div.electionTableImg>img {width:146px;height:200px;} ul.electionTable>li>div.electionTableTxtbox {position: absolute;bottom:13px;left:150px;padding-left: 10px;} ul.electionTable>li>div.electionTableTxtbox * {vertical-align: bottom} ul.electionTable>li>div.electionTableTxtbox>strong {font-size: 24px;color:#58a5da;margin-bottom:15px;display: block;} ul.electionTable>li>div.electionTableTxtbox>.electionTableYear {margin-top: 8px;} ul.electionTable>li>div.electionTableTxtbox>.electionTableYear>label {float: left;width:80px;font-size:12px;color:#666;font-weight: bold;} ul.electionTable>li>div.electionTableTxtbox>.electionTableYear>p {margin-left:90px;border-left:2px solid #ddd;padding-left:10px;font-size: 14px;color:#333;}