@charset "utf-8"; /* uracle ux */ .view-content {padding-bottom: 4rem;font-size: 1.0rem;} .view-content header {position: relative;border-bottom: 1px solid #000;display: block;overflow: hidden;} .view-content h2 {float:left;margin: 0 0 10px 0;color: #000;font-size: 1.5rem;font-weight: 600;line-height: 1.7em;} .view-content header button.btn-bbs.bl {position: absolute;right: 0;top: 0;} .view-content .attach-file {padding:16px 8px; border-top :1px solid #000; border-bottom :0; margin-bottom:15px; } .view-content .attach-file dt {float: left;margin: 0 15px 0 0;color: #000;font-weight: 700;font-size: 1rem;} .view-content .attach-file dd {font-size:13px; } .view-content .cont .movie-table tbody tr td.cont {font-size:14px; } .view-content .cont .movie-table tbody tr td.sub {font-size:14px; font-weight:700; } .view-content .cont .movie-table tbody tr td {padding:10px; font-size:14px; line-height:1.0em; } .view-content .cont {padding:0;} .view-content .cont p {font-size:14px; line-height:21px; } .view-content .cont span {font-size:14px; line-height:21px;} .view-content .cont.koreanet .figcaption {padding:2px 0 0 4px; font-size:12px; color:#287cbd; line-height:145%; display:block; max-width:700px; } .view-content .cont.koreanet .figCenter {clear:both; display:block; margin:0 auto; padding:5px 0 10px 0; } .view-content .cont.koreanet .figLeft {clear:both; float:left; padding:5px 20px 10px 0; } .view-content .cont.koreanet .figRight {clear:both; float:right; padding:5px 0 10px 18px; } .view-content .cont.koreanet {padding:20px 0; font-size:14px; line-height:1.5em; text-align:left; color:#000; } .view-content .cont.koreanet div {-webkit-print-color-adjust:exact; } .view-content .cont.koreanet legend {-webkit-print-color-adjust:exact; } .view-content .cont.koreanet legend, div {-webkit-print-color-adjust:exact; } .view-content .cont.koreanet p {display:block; -webkit-margin-before:1em; -webkit-margin-after:1em; -webkit-margin-start:0px; -webkit-margin-end:0px; font-size:14px; } .view-content .lec-info {position:relative; margin:20px 0 20px 0; border-top:1px dashed #bcbcbc; } .view-content .lec-info h4 {margin: 20px 0 10px 0;color: #000;font-size: 14px;} .view-content .lec-info dl {line-height: 1.8em;} .view-content .lec-info dt {float: left;margin: 0 5px 0 0;} .view-content .lec-info dt:after {content:":"} .view-content .lec-info dd em {color: #9a0000;font-weight: 800;} .view-content .lec-info button.btn-bbs.bl {position: absolute;right: 0;top: 20px;} .view-content .sub-info {/*margin:0 0 10px 0; */color:#666;font-size: .9rem; margin-top:10px;float: right;} .view-content .synopsis {margin:15px 0 0 0; padding:15px 0 15px 0; border-top:1px solid #e0e0e0; } .view-content .synopsis h3 {margin: 0 0 15px 0;color: #000;font-size: 14px;font-weight: 200;text-transform: uppercase;} .view-content .movie-poster {float: left;max-width: 319px;max-height: 458px;margin: 0 15px 15px 0;} .view-content .movie-poster img{max-width: 319px;max-height: 458px;} .view-content .movie-reservation {margin: 20px 0 0 0;clear: both;} .view-content .movie-reservation li {margin: 0 0 5px 0;padding: 0;border: none;} .view-content .movie-reservation span {margin: 0 15px 0 0;} .view-content div.cont.koreanet.fontchanger p {margin:0px; } .view-content div.cont.koreanet.fontchanger {font:1.0rem "Malgun Gothic","NanumGothic", "Arial","Helvetica",san-serif; font-size:1.0rem; } .view-content div.fontchanger {font-size:14px; line-height:21px; } .view-content div.txt.fontchanger div {font-size:1.0rem; line-height:21px; word-break:break-word; text-align:justify;} .view-content div.txt.fontchanger p {font-size:1.0rem; line-height:21px; } .view-content div.txt.fontchanger span {font-size:1.0rem; /*line-height:21px;*/ } .view-content div.txt.fontchanger {font-size:1.0rem; line-height:21px; } .view-content header {margin-bottom:20px; } .view-content.qnaboard {border-bottom:none; } .view-content header h3{font-size: 1.4rem;font-weight: 500;padding: 30px 0 5px 0;} .view-content header .date, .view-content header .writer{font-size: .8rem;color: #898989;padding-right: 10px;} html:lang(ar) .view-content {direction: rtl;} html:lang(ar) .view-content .attach-file dt {float: right;margin: 0 0 0 15px;} html:lang(ar) .view-content header button.btn-bbs.bl {right: auto;left: 0;} html:lang(ar) .view-content .lec-info dt {float: right;margin: 0 0 0 5px;} html:lang(ar) .view-content .lec-info button.btn-bbs.bl {right: auto;left: 0;} html:lang(ar) .pagination a {display: inline-block;} /* 서브타이틀 */ .view-content .title_guide{ position:relative;text-align:center; padding:4rem 0 2rem 0;} .view-content .title_guide h3{ font-size:36px; letter-spacing:-1px;transition:all 0.3s;} .view-content .title_guide .locations { padding:20px 0; border-bottom:1px solid #ccc; font-size:14px } .ly_center_mom{ width:1100px; margin:0 auto;}/* 모바일일떄 마진이 들어간 센터정렬*/ .ly_center_mom .sns {overflow: hidden;display: inline-block;} .ly_center_mom .sns a {float: left;width: 5rem;height: 4rem;} .ly_center_mom .sns a.instagram {font-size:0;text-indent: -9999rem;background: url('/image/ico_ft_instagram.png') no-repeat center center;} .ly_center_mom .sns a.facebook {font-size:0;text-indent: -9999rem;background: url('/image/ico_ft_facebook.png') no-repeat center center;} .ly_center_mom .sns a.twitter {font-size:0;text-indent: -9999rem;background: url('/image/ico_ft_twitter.png') no-repeat center center;} .ly_center_mom .sns a.youtube {font-size:0;text-indent: -9999rem;background: url('/image/ico_ft_youtube.png') no-repeat center center;} /* location */ #location{border-bottom:1px solid #eaeaea;background: #fff;z-index:9;position: relative;transition:top .3s;} #location .ly_center_mom{position: relative;} .location_guide{border-left:1px solid #eaeaea;} .location_guide::after{content: '';display: block;clear: both;} .location_guide > *{float: left;} .location_guide_home{background:url(/image/history_home.png) no-repeat center #fafafa;width: 48px;height: 48px;display: block;color:transparent;} .location_guide_home:hover{color:transparent;} .location_guide ul, .location_guide li{margin:0;padding:0;list-style:none;} .location_guide > ul{/*! border-right:1px solid #eaeaea; */} .location_guide > ul > li{float: left;border-right:1px solid #eaeaea;background: #fafafa;} .location_guide > ul > li.onedepeh {padding:0 16px;text-align: left;display: block;height: 48px;min-width:180px;color: #444444;font-size: 1.3rem; font-weight:600; border-left: 1px solid #eaeaea;line-height: 48px;} .location_guide > ul > li > button {background: url(/image/history_arrow_down.png) no-repeat center right 16px;border:0;padding:0 16px;text-align: left;display: block;height: 48px;min-width:180px;color: #444444;cursor:pointer;padding-right:40px;font-size:1.3rem;} .location_guide > ul > li.active button{background-image:url(/image/history_arrow_up.png)} .location_guide > ul a {font-size: 1.3rem;color: #646886;padding-right: 1.5rem;} .location_guide > ul a:hover {color: #004f9f;} .location_guide li ul{display: none;} .location_guide li.active ul{display: block;} .location_guide li{position: relative;} .location_guide li ul{position: absolute;background: #fff;left:-1px;right:-1px;border:1px solid #eaeaea;padding: 14px;} .location_guide li li{margin-top: 10px;position: relative;padding-left: 8px;} .location_guide li li:first-child{margin-top: 0;} .location_guide li li::after{content: '';width: 2px;height: 2px;background: #444444;left:0;position: absolute;top:8px;} .location_guide li li.locked a{color: #0d79c2;font-weight: 600;} .container_setting{position: absolute;right:0;top:12px;} .container_setting a, .container_setting button{float: left;width: 24px;height: 24px;font-size: 0;padding: 0;box-sizing:border-box;margin-left: 3px;} .btn_print{background:url(/image/icon_prient.gif) no-repeat center #717171;} .btn_zoom, .btn_zoomout{border:1px solid #c9c9c9;cursor:pointer;} .btn_zoom{background:url(/image/icon_plus.gif) no-repeat center;} .btn_zoomout{background:url(/image/icon_minus.gif) no-repeat center;} #location.lay_fixed{position: fixed;top:96px;width: 100%;left:0;} table.bbs-pop{width:100%;margin-bottom:20px} table.bbs-pop thead th{padding:8px;color:#000;border-bottom:1px solid #000;background-color:#fafafa;vertical-align:middle} table.bbs-pop tbody td{display:block;position:relative;padding:14px 7px 14px 86px;border-top:1px solid #e0e0e0;color:#111;vertical-align:middle;font-size:13px} table.bbs-pop tbody td:first-child{border-top:none} table.bbs-pop tbody td a{display:block} table.bbs-pop td h4, table.bbs-pop td .head{margin:0 0 5px 0} table.bbs-pop td.subj{text-align:left} table.bbs-pop td .txt{color:#666} table.bbs-pop td .txt p{font-weight:200} table.bbs-pop td .reserv-list li{color:#666} table.bbs-pop thead{position:absolute;top:-999em} table.bbs-pop tbody tr{border-bottom:2px solid #000} table.bbs-pop.list-event tbody td:before{display:table-column;position:absolute;left:0;top:0;width:70px;padding:14px 0 0 10px;font-weight:900;font-size:13px} table.bbs-pop.list-event tbody .txt{padding-top:4px} table.bbs-pop.list-event tbody input[type=text]{width:69%;height:28px} table.bbs-pop.list-event tbody input[type=password]{width:60%} table.bbs-pop.cont-reserv tbody td:before{display:table-column;position:absolute;left:0;top:0;width:120px;padding:10px;font-weight:900} .essential{margin:0 0 10px 0;text-align:right} .tabl-head{margin:40px 0 0 0;padding:0 0 15px 20px;border-bottom:1px solid #000;color:#000} table.regist-pop{width:100%;border-top:1px solid #000} table.regist-pop col.subj{width:20%;min-width:120px} table.regist-pop th{padding:20px 10px 20px 30px;color:#000;border-bottom:1px solid #e0e0e0;background-color:#fafafa;text-align:left} table.regist-pop td{position:relative;padding:20px 15px;border-bottom:1px solid #e0e0e0;color:#666;vertical-align:middle} table.regist-pop td a{display:block} table.regist-pop td.subject{padding-left:20px;text-align:left} /* 20181015 sub */ #aside .inner-area {position:absolute; right:-210px; background-color:#fff; border-radius:0px; top:87px; width:180px; overflow:hidden; } #aside .inner-area nav {height:800px; } #aside .inner-area nav ul, #aside .inner-area nav ul div {display:block;position:absolute; } #aside .inner-area nav ul li {width:160px; height:160px; line-height:157px; border-bottom:2px solid #FFF; } #aside .inner-area nav ul li a img {max-width:160px; max-height:160px; } #aside .inner-area nav ul li img {vertical-align:middle; } #bannerarea {display:block; } #container .mainsection-left .subscribe .btn-submit-subsc {margin:0px 0 0 0; } #container {position:relative; width:970px; margin:auto; border-left:1px solid #eee; border-right:1px solid #eee; } #container:after {content:" "; display:block; clear:both; } #content .content-head {position:relative; height:auto; overflow:hidden; padding:0px 0 5px 0; margin:0 0 0 0; width:700px; } #content .location .line {right:0; bottom:0; } #content .location {position:relative; height:32px; margin:0 0 12px 0; text-align:right; font-size:12px; float:right; } #content .location img {width:18px; } #content .sns-area .bt-email i {width:15px; height:11px; background-position:-42px -77px; } #content .sns-area .bt-facebook i {width:13px; height:13px; background-position:-82px -77px; } #content .sns-area .bt-print i {width:13px; height:13px; background-position:-21px -77px; } #content .sns-area .bt-rss {float:right; color:#eb7524; font-weight:700; } #content .sns-area .bt-rss i {display:inline-block; width:15px; height:15px; margin:0 5px 0 0; background:url(/image/front/desktop/sprite.png) -237px -46px no-repeat; vertical-align:middle; } #content .sns-area .bt-share i {width:14px; height:13px; background-position:-101px -77px; } #content .sns-area .bt-twitter i {width:13px; height:13px; background-position:-64px -77px; } #content .sns-area .jfontsize-button {font-weight:bold; padding:0px; color:#000; margin:0 0 0 1px; } #content .sns-area .jfontsize-buttonarea {float:left; } #content .sns-area {background-repeat:no-repeat; padding-bottom:16px; padding-top:16px; border-bottom:1px solid #ebebeb; text-align:right; border-top:1px solid #000000; } #content .sns-area a i,#content .sns-area button i {display:inline-block; margin:0 4px 0 0; background-image:url(/image/front/desktop/sprite.png); background-repeat:no-repeat; vertical-align:middle; } #content .sns-area a,#content .sns-area button {display:inline-block; margin:0 0 0 10px; text-transform:uppercase; font-size:11px; } #content .sns-area a:hover {text-decoration:none; } /* #content {padding:6px 0px 50px 20px; } */ #content .comment.board.notice ol#replyContainer li {border-bottom:1px solid #eee; padding:10px; } #content .comment.board.notice span.right {min-height:initial; } #content .comment.board.notice {border-top:1px solid #e0e0e0; } #content .view-content div.fontchanger .figcaption {font-size:12px; /*line-height:18px;*/ color:#287cbd; } #content .view-content div.fontchanger { font-size:14px; line-height:1.5em; margin: 10px auto 20px auto;} #content .view-content div.fontchanger img {max-width:100%;} /* 20240117 backup #content .view-content div.fontchanger p {font-size:1.0rem !important; line-height:1.7em; color:#333 !important; word-break:break-word; text-align:justify;} #content .view-content div.fontchanger p span {font-size:1.0rem /*!important; line-height:1.7em; color:#333 !important; }공지사항 채용 숫자 정렬 */ #content .view-content div.fontchanger p {font-size:1.0rem !important; line-height:1.7em; margin-right: 0px !important; /* color:#333 !important; word-break:break-word; text-align:justify; */} /* 자동줄바꿈 변경 */ #content .view-content div.fontchanger p span {font-size:1.0rem; color:#333; word-wrap: break-word;} /* 자동줄바꿈 변경 */ /*#content .view-content div.fontchanger p font span {font-size:1.0rem !important;color:#333 !important; } test*/ #content .view-content div.fontchanger p font {font-size: 1rem;} #content .view-content div.fontchanger p.figcaption {padding:8px 0 0 4px; font-size:12px !important; color:#287cbd !important; line-height:145%; display:block; max-width:700px; } #content .view-content span div.fontchanger {line-height:21px; } #content div.bbs-type-search.book ol li div.cont {width:38%; float:left; } #content div.inner-content div.bbs-type-exhibit ol li div.header h3 a {color:#000} #content table.bbs.reservationlist col.reserv2 {width:55%; } #content table.bbs.reservationlist tbody tr td.reservation-eventnm a {color:#333; } #content table.bbs.reservationlist tbody tr td.reservation-eventnm div {margin-top:5px; font-size:12px; height:35px; overflow:hidden; font-weight:normal; } /* #content {padding :22px 0px 50px 18px; } */ /* 사이냅에디터 유투브 반응형 추가 */ span.se-drawing-object-wrapper.se-video.se-youtube-video{width:100% !important;height:auto !important;} span.se-youtube-wrapper{position: relative;padding-bottom: 56.25%;padding-top: 30px; width:100% !important; height: auto !important; overflow: hidden;display:block;} .se-youtube-wrapper iframe {position: absolute;top: 0;left: 0;width:100% !important; height:100% !important; margin-top: 0;} .middle-wrap {padding: 2rem 0 8rem;background: #69acdf;color: #fff;text-align: center;} .middle-wrap * {color: #fff;} .middle-wrap ul {max-width: 165rem;width: 100%;} .middle-wrap li {display: inline-block;} .middle-wrap .sns {padding-top: 3rem;overflow: hidden;display: inline-block;} .middle-wrap .sns a {float: left;width: 5rem;height: 4rem;} .middle-wrap .ft_logo {display: block;width: 22.1rem;height: 5.7rem;font-size:0;text-indent: -9999rem;background: url('/image/ft_logo.png') no-repeat center center;} .middle-wrap .sns a.instagram {font-size:0;text-indent: -9999rem;background: url('/image/ico_ft_instagram.png') no-repeat center center;} .middle-wrap .sns a.facebook {font-size:0;text-indent: -9999rem;background: url('/image/ico_ft_facebook.png') no-repeat center center;} .middle-wrap .sns a.twitter {font-size:0;text-indent: -9999rem;background: url('/image/ico_ft_twitter.png') no-repeat center center;} .middle-wrap .sns a.youtube {font-size:0;text-indent: -9999rem;background: url('/image/ico_ft_youtube.png') no-repeat center center;} .middle-wrap .sns a.vk {font-size:0;text-indent: -9999rem;background: url('/image/ico_ft_vk.png') no-repeat center center;} .middle-wrap .etc_menu {width: 30%;padding-bottom: 6rem;} .middle-wrap .etc_menu span {display: inline-block;padding: 0 1rem;} .middle-wrap .etc_menu a {display: inline-block;font-weight: bold;font-size: 1.5rem;letter-spacing: 1px;} .middle-wrap .etc_menu a:hover {text-decoration: underline;} .middle-wrap .etc_menu span:first-of-type {padding-top: 0;} .middle-wrap .etc_menu span:last-of-type {padding-bottom: 0;} .middle-wrap .address {text-align: left;} .middle-wrap .address span {display: inline-block} .middle-wrap .address span.ml_2 {margin-left:2.5rem} .middle-wrap .address * {display: block;font-size: 1.5rem;padding: .5rem 0;} /*게시물 오류 191129*/ .mov-txt{height: auto !important;} .mov-txt .editTxt div{word-break:break-word; text-align:justify; } .mov-txt .editTxt p{word-break:break-word; text-align:justify; font-size:16px;} .mov-txt .editTxt font{word-break:break-word; text-align:justify; font-size:16px;} .mov-txt .editTxt p > font{word-break:break-word; text-align:justify; font-size:16px; line-height:1.6em; font-size:16px !important;} .txt.fontchanger:after {content: '';display: block;clear: both;} .txt.fontchanger table {width: 100% !important;} .fontchanger:after {content: '';display: block;clear: both;} .app-contents:after{content: '';display: block;clear: both;} .news-cont-top {position: relative;width: 100% !important;} .news-cont-top {width: 100% !important;} .share-info {height: auto !important;} .article-img.img-p4 {margin: inherit !important;} .frameEditor.active {height: auto !important;width: 100% !important;} table.Library_board col {width: auto !important;} th.p_lr.p_b tbody th {padding: 4px !important;} div#clonediv_3 {position: initial !important;} .con_sta iframe {width: 100%;} .ui-resizable-handle.ui-resizable-sw table tr td {width: auto !important;} blockquote {width: 100% !important;} p.figcaption {width: auto !important;height: auto !important; word-break:break-word; text-align:justify;} /* 20210201 수정 */ .mov-txt table tr td {width: auto !important;} .about-korea {border-top:1px solid #eee; border-bottom:0; padding:16px 0 0 0; } .agree-check {float:left; } .agree-content {float:left; margin-left:50px; width:initial; } .agree-new-window {display:inline-block; height:11px; background-size:12px; background-image:url(/image/front/desktop/new_window.png); background-repeat:no-repeat; width:12px; } .bbs-search .bt-bbs-search {/*float:right;*/ width:85px; height:36px; border-radius:3px; color:#fff; background-color:#a2c018; font-weight:700; /*left:100px;*/ } .bbs-search .bt-bbs-search.qna {line-height:33px; text-align:center; } .bbs-search .bt-bbs-search.qna:hover {cursor:pointer; } .bbs-type-exhibit {border-top:1px solid #000; } .bbs-type-exhibit div.header span.date {font-size:11px; } /*.bbs-type-exhibit div.sumtxt {max-height:74px; overflow:hidden; text-overflow:ellipsis; text-align:justify; text-align: left;word-wrap: break-word; display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;white-space: normal;}*/ .bbs-type-exhibit div.sumtxt {max-height:4.2em !important; overflow:hidden; text-overflow:ellipsis; text-align:justify; text-align: left;word-wrap: break-word; display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;white-space: normal; word-break:break-word;} .bbs-type-exhibit li .title .date {margin:0 20px 0 0; color:#666; } .bbs-type-exhibit li .title .name {color:#666; } .bbs-type-exhibit li .title {margin:0 0 10px 0;display: block;background: none;height: auto;line-height: 1.6rem; } .bbs-type-exhibit li .title span, .bbs-type-exhibit li .title em {font-size: .8rem;color: #898989;} .bbs-type-exhibit li .title h3 {margin:0 0 2px 0; font-size:18px; font-weight:bold; line-height:1.4em; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; max-width:600px; } .bbs-type-exhibit li .title h3 a {color:#000; } .bbs-type-exhibit li .photo {float:left; width:175px; height:112px; overflow:hidden; margin:0 20px 0px 0; } .bbs-type-exhibit li .photo img {max-width:175px; min-height:112px;} /* 20210106 리스트 썸네일 백업 .bbs-type-exhibit li .title h3 {margin:0 0 2px 0; font-size:20px; font-weight:bold; line-height:1.4em; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; max-width:600px; } .bbs-type-exhibit li .photo {float:left; width:160px; height:150px; overflow:hidden; margin:0 20px 0px 0; } .bbs-type-exhibit li .photo img {max-width:160px; min-width:158px; } */ .bbs-type-exhibit li .txt, .bbs-type-exhibit li .txt p {font-size:.9rem; line-height:1.4em; } .bbs-type-exhibit li {overflow:hidden; padding:20px 0; border-bottom:1px solid #e0e0e0; } .bbs-type-gallery li div.photo {float:left; margin:0 20px 10px 0; } .bbs-type-gallery ol li div.txt.sumtxt {height: 81px; overflow: hidden; text-overflow: ellipsis; text-align: left; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; white-space: normal;} /* 20231020 수정 */ .bbs-type-gallery-detail .txt {padding:0 0 20px 0; margin:0 0 20px 0; border-bottom:none; } .bbs-type-gallery-detail header.top h3 {color:#000000; } .bbs-type-gallery-detail header.top span.date {/*font-size:11px; */} .bbs-type-gallery-detail header.top span.writer {/*font-size:11px; */} .bbs-type-lec .lec-info {margin:10px 0 0 0; } .bbs-type-lec .lec-info dd em.current {color:#3669CF} .bbs-type-lec .lec-info h4 {margin:10px 0 10px 0; } .bbs-type-lec div.header span.date, .bbs-type-exhibit div.header span.date, table.bbs tbody td .date {font-size:13px; } .bbs-type-lec div.header span.date {font-size:.8rem; } .bbs-type-lec li .header .btn {line-height:24px; } .bbs-type-lec li .header .btn:hover {cursor:pointer; } .bbs-type-lec li .header {position:relative; margin:0 0 5px 0; } .bbs-type-lec li .photo img {max-width:160px; } .bbs-type-lec ol li div.txt {overflow:hidden;max-height: 82px;white-space: normal;-webkit-line-clamp: 4;display: -webkit-box;-webkit-box-orient: vertical; } .bbs-type-movie .movie-info {border-top:none; } .bbs-type-movie div.sumtxt {max-height:none; overflow:hidden; text-overflow:ellipsis; text-align:left; } .bbs-type-movie dl.movie-info {margin:0 0 10px 0; } .bbs-type-movie li .header {margin:0 0 9px 0; } .bbs-type-movie li .photo img {max-width:160px; } .bbs-type-movie ol li div.txt.sumtxt div.movie-content-div {height: 4rem;overflow: hidden;font-size: .9rem;white-space: normal; -webkit-line-clamp: 3;display: -webkit-box;-webkit-box-orient: vertical; } .bbs-type-movie ol li div.txt.sumtxt div.movie-content-div .movie-content br {display: none;} .bbs-type-movie ol li div.txt.sumtxt h3 {padding-bottom:5px; font-weight:bold; font-size:18px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; width:100%;} .bbs-type-movie ol li div.txt.sumtxt h3 a {color:#000; } .bbs-type-movie ol li div.txt.sumtxt h3 {/*padding-bottom:15px; */} /* 20210106 리스트 썸네일 백업 .bbs-type-movie ol li div.txt.sumtxt h3 {padding-bottom:13px; font-weight:normal;font-size: 1.4rem; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;width: 100%;} */ .bbs-type-search .book-info dt, .bbs-type-search .book-info dd {height:24px; } .bbs-type-search .head h4 {word-break:break-word; } .bbs-type-search .ico.bbs {height:28px; background-color:#006d82; line-height:24px; } .bbs-type-search h3 {padding:12px 0 12px; } .bbs-type-search.book li.dep1 {padding:10px 0 0 0; } .bbs-type-search.book ol li div.book-content {border-top:1px solid #ebebeb; color:#333; background-color:#fafafa; } .bbs-type-search.book ol li div.ico.bbs.viewbutton {cursor:pointer; float:right; margin-top:20px; } /**/ .bbs-type-search.book .head {float: left; width: 80%; margin-right: 0;} .bbs-type-search.book li.dep1 {padding: 10px 0 10px 0;} .bbs-type-search.book .book-info dt.book-dt {color: gray;} .bbs-type-search.book .book-info dd.book-dd {color: black;} .bbs-type-search.book dl.book-info {padding: 10px 10px;} .bbs-type-search.book ol li div.ico.bbs.viewbutton {margin-top: 0px;} /**/ .bbs-type-sitemap {width: 100%;height: 100%;overflow: hidden;} .bbs-type-sitemap .dep {width:33.333%;margin-bottom:20px;box-sizing: border-box;height: 100%;} .bbs-type-sitemap > .sitemap > .clearboth{clear:both;} .bbs-type-sitemap > .sitemap > li { float: left;height: 100%;box-sizing: border-box;padding:20px;} .bbs-type-sitemap .dep:last-of-type {margin-right:0;} .bbs-type-sitemap .dep .dep1 {padding:15px 0; border-bottom:2px solid #14244b; color:#000; font-size:1.3rem; font-weight:500;white-space: nowrap;width: 100%;display:block; } .bbs-type-sitemap .dep .dep1 a{padding:15px 0;width: 100%;display:block; } .bbs-type-sitemap .dep .dep2 li a{padding:15px 0; color:#000; font-size:16px; font-weight:400;border-bottom:1px solid #e0e0e0; width: 100%;display:block; } /*.bbs-type-sitemap .dep .dep2:first-of-type{padding-top:20px;}*/ .bbs-type-sitemap .dep .dep2 {} .bbs-type-sitemap .dep .dep3 {border-bottom:1px solid #e0e0e0; padding-left: 10px;display:block; } .bbs-type-sitemap .dep .dep3 li a{padding:10px 0; color:#464646; font-size:14px; border: none;width: 100%;} .bbs-type-sitemap .dep .dep3 li a:before {display: inline-block;margin-right: 7px;content: '';vertical-align: middle;width: 3px;height: 3px;background: #000;margin-bottom: 4px;} .board-jcarousel-pagination {left:6px; top:0px; } .board-jcarouse-wrapper .wrap_cont {margin-bottom:10px; } .btn-bbs.yel {line-height:25px; cursor:pointer; } .btn-bbs-sm:hover {cursor:pointer; } .btn-group .go-bbs-delete i {width:14px; height:14px; margin:0 8px 0 0; background-position:-418px -33px; } .btn-group .go-bbs-list {border-right:none; } .btn-group .go-bbs-prev {border-right:none; } .btn-group .go-bbs-save i {width:14px; height:14px; margin:0 8px 0 0; background-position:-394px -33px; } .btn-se-b.search-reserv {margin-top:5px; height:68px; } .bx-address {position:relative; } .bx-address dl dt {margin:11px 0 10px 0; } .bx-address h2 {margin:0 0 14px 0; color:#454545; font-size:13px; font-weight:700; text-transform:uppercase; } .bx-address h3 {color:#0c2b5a; font-size:19px; line-height:1.5em; font-weight:700; text-transform:uppercase; } .bbs-search { position: relative;margin: 20px 0 40px 0;width: 100%;text-align: center;} .bbs-search:after {content:" ";display: block;clear: both;} .bbs-search .bx {display: inline-block;;max-width:600px; width:80%; min-width: 300px;height: 45px;border: 1px solid #d5d5d5;border-radius:3px;line-height: 36px;font-size: 1rem;} /* 20230209 width:100%;를 width:80%;로 수정 */ .bbs-search .bx input {width: 60%;height: 40px;border: none;line-height: 30px;font-size: 14px;font-weight: 700;} .bbs-search .bx select {border: none;vertical-align: middle;padding:0 10px;width: 34%;background: url(../../image/front/new/ico_language_s.png) no-repeat 99% 50%; font-size: 14px;} .bbs-search .bt-bbs-search {width: 100px;height: 45px;border-radius:3px;color: #fff;background-color: #a2c018;font-weight: 700;/*margin-left: 20px;*/} .bbs-search .bt-bbs-search i {display: inline-block;/*width: 13px;height: 14px;margin: 0 6px 0 0;*/background: url(/image/front/desktop/sprite.png) -146px -77px no-repeat;vertical-align: middle;} .bbs-search .chosen-container-single .chosen-single {background: none;box-shadow:none;} .bbs-search .chosen-container {width: 80px !important;} .bbs-search.result .bx input {width: 560px;margin: 0 15px;} .bbs-search.result .search-notice {clear: both;height: 30px;color: #000;line-height: 30px;} table.bbs {width:100%; border-collapse:collapse; border-spacing:0;} table.bbs caption.h5 {visibility:visible !important; z-index:1 !important; padding:15px 0 10px 0; color:#00817f; font-size:1em !important; line-height:1em; font-weight:900; text-align:left} table.bbs col.date {width:100px} table.bbs col.hit {width:80px} table.bbs col.input {width:50px} table.bbs col.num {width:10%} table.bbs col.writer {width:90px} table.bbs col.reply {width:80px} table.bbs col.file {width:60px} table.bbs td img {vertical-align:middle; display:inline-block;} /* 20210204 수정 */ table.bbs thead tr{background-color:#fafafa; border-top:solid 2px #857c59;} /* 20210204 추가 */ table.bbs thead th {padding:16px 0px; text-align:center; color:#000; border-bottom:1px solid #d9d9d9; font-weight:600; font-size:14px;} /* 20210204 수정 */ table.bbs tbody td {position:relative; padding:12px 5px; border-bottom:1px solid #e0e0e0; color:#444; text-align:center; vertical-align:middle; font-size:15px; font-family:'NotoKrDL';} table.bbs tbody td a {display: block;} table.bbs tbody td .date {margin: 4px 15px 0 10px;color: #898989;font-size: .8rem;font-weight: 400;} table.bbs tbody td .writer {color: #898989;font-size: .8rem;font-weight: 400;} table.bbs tbody td .ico-secret {display: inline-block;position: absolute;right: 10px;top: 26px;width: 12px;height: 16px;background: url(/image/front/desktop/sprite.png) -175px -98px no-repeat;text-indent: -999em;} table.bbs tbody td .ico-reply {display: inline-block;float: left;width: 13px;height: 13px;margin: 0 5px 0 0;background: url(/image/front/desktop/sprite.png) -199px -101px no-repeat;text-indent: -999em;} table.bbs tbody .hot td:first-of-type {color: #ca0006; text-align:center;} table.bbs tbody .hot td.subject {color:#111;} table.bbs tbody .hot td.subject a{color:#111; font-weight:bold;} table.bbs td.subject {padding-left:20px;text-align:left} table.bbs td.subject a {color:#2e2e2e;overflow:hidden;text-overflow:ellipsis;white-space: nowrap;max-width: 500px; font-size:15px; font-family:'Open Sans';} /* 언어별 css 추가 20240702 */ html:lang(ru) table.bbs col.date {width:15%;} html:lang(ru) table.bbs col.hit {width:19%;} html:lang(hu) table.bbs col.date {width:15%;} html:lang(hu) table.bbs col.hit {width:19%;} html:lang(it) table.bbs col.date {width:15%;} html:lang(it) table.bbs col.hit {width:19%;} html:lang(kk) table.bbs col.date {width:15%;} html:lang(kk) table.bbs col.hit {width:19%;} html:lang(ru) table.bbs td.subject a{color:#2e2e2e;overflow:hidden;text-overflow:ellipsis;white-space: nowrap;max-width: 97%; font-size:15px; font-family:'Open Sans';} html:lang(hu) table.bbs td.subject a{color:#2e2e2e;overflow:hidden;text-overflow:ellipsis;white-space: nowrap;max-width: 97%; font-size:15px; font-family:'Open Sans';} html:lang(it) table.bbs td.subject a{color:#2e2e2e;overflow:hidden;text-overflow:ellipsis;white-space: nowrap;max-width: 97%; font-size:15px; font-family:'Open Sans';} html:lang(kk) table.bbs td.subject a{color:#2e2e2e;overflow:hidden;text-overflow:ellipsis;white-space: nowrap;max-width: 97%; font-size:15px; font-family:'Open Sans';} /* 20231027 faq게시판 추가 start */ table.bbsFaq {width:100%; border-collapse:collapse; border-spacing:0;} table.bbsFaq caption.h5 {visibility:visible !important; z-index:1 !important; padding:15px 0 10px 0; color:#00817f; font-size:1em !important; line-height:1em; font-weight:900; text-align:left} table.bbsFaq col.date {width:100px} table.bbsFaq col.hit {width:80px} table.bbsFaq col.input {width:50px} table.bbsFaq col.num {width:10%} table.bbsFaq col.writer {width:90px} table.bbsFaq col.reply {width:80px} table.bbsFaq col.file {width:60px} table.bbsFaq td img {vertical-align:middle; display:inline-block;} /* 20210204 수정 */ table.bbsFaq thead tr{background-color:#fafafa; border-top:solid 2px #857c59;} /* 20210204 추가 */ table.bbsFaq thead th {padding:16px 0px; text-align:center; color:#000; border-bottom:1px solid #d9d9d9; font-weight:600; font-size:14px;} /* 20210204 수정 */ table.bbsFaq tbody td {position:relative; padding:12px 5px; border-bottom:1px solid #e0e0e0; color:#444; text-align:center; vertical-align:middle; font-size:15px; font-family:'NotoKrDL';} table.bbsFaq tbody td a {display: block;} table.bbsFaq tbody td .date {margin: 4px 15px 0 10px;color: #898989;font-size: .8rem;font-weight: 400;} table.bbsFaq tbody td .writer {color: #898989;font-size: .8rem;font-weight: 400;} table.bbsFaq tbody td .ico-secret {display: inline-block;position: absolute;right: 10px;top: 26px;width: 12px;height: 16px;background: url(/image/front/desktop/sprite.png) -175px -98px no-repeat;text-indent: -999em;} table.bbsFaq tbody td .ico-reply {display: inline-block;float: left;width: 13px;height: 13px;margin: 0 5px 0 0;background: url(/image/front/desktop/sprite.png) -199px -101px no-repeat;text-indent: -999em;} table.bbsFaq tbody .hot td:first-of-type {color: #ca0006; text-align:center;} table.bbsFaq tbody .hot td.subject {color:#111;} table.bbsFaq tbody .hot td.subject a{color:#111; font-weight:bold;} table.bbsFaq td.subject {padding: 10px 6px;text-align:left} table.bbsFaq td.subject a {color:#2e2e2e;overflow:hidden;text-overflow:ellipsis;white-space: nowrap;max-width: 500px; font-size:15px; font-family:'Open Sans';} @media all and (max-width:767px){ table.bbsFaq{width:100%;border-collapse:collapse;border-spacing:0;margin-bottom:20px} table.bbsFaq caption.h5{visibility:visible !important;z-index:1 !important;padding:15px 0 10px 0;color:#00817f;font-size:1em !important;line-height:1em;font-weight:900;text-align:left} table.bbsFaq col.date{width:50px} table.bbsFaq col.hit{width:60px;} table.bbsFaq col.input{width:25px} table.bbsFaq col.num{width:45px;} table.bbsFaq col.writer{width:45px} table.bbsFaq col.reply{width:40px} table.bbsFaq col.file{width:30px} table.bbsFaq td img{vertical-align:middle} table.bbsFaq thead th{padding:10px 2px;color:#000;border-bottom:1px solid #000;border-top:1px solid #000; /* font-size:1.1rem; */ text-align:center;text-overflow: ellipsis;overflow: hidden; white-space: nowrap;} table.bbsFaq tbody td{position:relative;padding:10px 3px;border-bottom:1px solid #e0e0e0; /* color:#111; font-weight:700; */ text-align:center;vertical-align:top;font-size:0.9rem} table.bbsFaq tbody td .date{display:block;margin:4px 0 0 0;color:#666;font-weight:300;font-size:0.8rem;} table.bbsFaq tbody td .writer{color:#666;font-weight:300} table.bbsFaq tbody td .ico-secret{display:inline-block;position:absolute;right:10px;top:26px;width:16px;height:21px;background:url(/image/front/mobile/sprite.png) -405px -17px no-repeat;text-indent:-999em} table.bbsFaq tbody td .ico-reply{display:inline-block;float:left;width:20px;height:20px;margin:0 15px 0 0;background:url(/image/front/mobile/sprite.png) -405px -56px no-repeat;text-indent:-999em} table.bbsFaq tbody .hot td:first-child{text-transform:uppercase} table.bbsFaq tbody .hot td.subject{color:#111} table.bbsFaq td.subject{padding:10px 6px;text-align:left} table.bbsFaq td.subject a{width:100%; /* color:#111; */ overflow:hidden; text-overflow:ellipsis; display:block; /* font-size:1rem; */} table.bbsFaq col.bbs2{width:80%;} table.bbsFaq col.date{width:20%;} } /* 20231027 faq게시판 추가 end */ /* 언어별 css 추가 20210122 */ html:lang(ko) table.bbs td.subject a{font-family:'NotoKrDL';} html:lang(ar) table.bbs tbody td .ico-secret {right: auto;left: 10px;} html:lang(ar) table.bbs tbody td .ico-reply {float: right;margin: 0 0 0 5px;background: url(/image/front/desktop/sprite.png) -222px -101px no-repeat;} html:lang(ar) table.bbs td.subject {padding-left: 5px;padding-right: 20px;text-align: right;} table.regist {width:100%;border-top: 1px solid #888;} table.regist col.subj {width: 110px;} table.regist tr.top {border-top: 2px dotted #888;} table.regist th, table.regist th {padding:10px 5px 8px 18px; border-bottom:1px solid #ddd; color:#656565; text-align:left; vertical-align:middle;} table.regist thead th {color: #333;border-bottom: 1px solid #000;} table.regist th i {float:left; margin:0 3px 0 -6px; color:#ec6941; font-weight:300} table.regist td {padding:8px; border-bottom:solid 1px #ddd; color:#777; background:url(/image/admin/bg_th.png) 0 center no-repeat; text-align:left; vertical-align:middle} table.regist td .fl {margin: 4px 0 0 0;} table.regist td.cont {padding: 15px 8px;background-image: none;} table.regist td .sec {float: left;margin: 0 10px 0 0;} table.regist td .ico {margin: 0 15px 0 0;} table.regist td .ico:hover {text-decoration: none;} table.regist td .ico i {display: inline-block;margin: 0 4px 0 0;background-image: url(/image/front/desktop/sprite.png);background-repeat: no-repeat;vertical-align: middle;} table.regist td .ico .speaker {width: 15px;height: 15px;background-position: -356px -76px;} table.regist td .ico .refresh {width: 12px;height: 12px;background-position: -380px -77px;} table.regist td .sec-num {height: 26px;} html:lang(ar) table.regist td {text-align: right;} html:lang(ar) table.regist td .sec {float: right;margin: 0 0 0 10px;} /* .comment {overflow: hidden;margin: 70px 0 0 0;padding: 20px 0;border-top: 1px solid #000;border-bottom: 1px solid #000;} */ .comment {overflow: hidden;margin: 70px 0 0 0;padding: 20px 0 0 0;border-top: 1px solid #000;border-bottom: 1px solid #000;} .comment .left, .comment .writer {float: left;width: 220px;margin-right: -220px;} .comment .left label, .comment .right label {display: block;margin: 8px 0 4px;} .comment input, .comment textarea {border: 1px solid #d5d5d5;border-radius:3px;} .comment .left input {width: 100%;height: 28px;} .comment .right, /* .comment .cont {margin-left: 234px;} */ .comment .cont {margin-left: 234px;min-height: 65px;} .comment .right textarea {width: 99%;height: 146px;} /* .comment ol {padding: 20px 0;border-top: 1px solid #e0e0e0;clear: both;} */ .comment ol {padding: 20px 0 0 0;border-top: 1px solid #e0e0e0;clear: both;} .comment p.date {margin: 10px 0 0 0;} .comment .modify, .comment .delete {display: inline-block;cursor:pointer;width: 14px;height: 14px;margin: 0 0 0 7px;background-image: url(/image/front/desktop/sprite.png);background-repeat: no-repeat;font-size: 0;vertical-align: middle;} .comment .modify {background-position: -336px -35px;} .comment .delete {background-position: -361px -35px;} .comment .cont, .comment .cont p {line-height: 1.4em;} html:lang(ar) .comment .left, html:lang(ar) .comment .writer {float: right;margin-right: 0;margin-left: -220px;} html:lang(ar) .comment .right, html:lang(ar) .comment .cont {margin-left: 0;margin-right: 234px;} .btn-group {height: 50px;border-top: 1px solid #e0e0e0;line-height: 50px;} .btn-group a, .btn-group button {display: inline-block;padding: 0 13px 0 7px;color: #000;font-size: 1.0rem;/* border-right: 1px solid #e0e0e0; */} /* 20240626 수정 */ .btn-group a:hover {text-decoration: none;} .btn-group a i, .btn-group button i {display: inline-block;background-image: url(/image/front/desktop/sprite.png);background-repeat: no-repeat;} .btn-group .left {display: inline-block;float: left;height: 50px;line-height: 50px;display: block;} .btn-group .right {display: inline-block;float: right;height: 50px;line-height: 50px;display: block;} .btn-group a{float: left;display: block;} .btn-group .go-bbs-list {/* border-right: 1px solid #e0e0e0; */display: block;} /* 20240626 수정 */ .btn-group .go-bbs-list i {width: 11px;height: 9px;margin: 0 8px 0 0;background-position: -123px -102px;} .btn-group .go-bbs-prev {/* border-right: 1px solid #e0e0e0; */display: block;} /* 20240626 수정 */ .btn-group .go-bbs-prev i {width: 5px;height: 9px;margin: 0 8px 0 0;background-position: -142px -102px;} .btn-group .go-bbs-next i {width: 5px;height: 9px;margin: 0 0 0 8px;background-position: -152px -102px;} html:lang(ar) .btn-group .go-bbs-list i {margin: 0 0 0 8px;} html:lang(ar) .btn-group .go-bbs-prev {border-right: none;border-left: 1px solid #e0e0e0;display: block;} html:lang(ar) .btn-group .go-bbs-prev i {margin: 0 0 0 8px;background-position: -152px -102px;} html:lang(ar) .btn-group .go-bbs-next i {margin: 0 8px 0 0;background-position: -142px -102px;} .btn-flex {overflow: hidden;margin: 15px 0;} .btn-flex .left {float: left;} .btn-flex .right {float: right;} /* 20230209 기존 파일 백업 .category{display:block;position: relative;z-index:1;width:144px;} */ .category{display:block; position: relative; z-index: 900 !important; width: 170px;} /* 20230209 수정 */ /*.category .btn-bbs > a {width: 100px;height: 34px;position: relative; display: inline-block;padding-right: 1rem;font-size: .8rem;text-align: left;color: #606060;background:#fff; border-radius: 3.6rem;z-index: 2;}*/ .con_sta .category > a span{text-align:left;display:block;line-height: 40px;vertical-align: middle;background: url(../../image/front/new/ico_language.png) no-repeat right center;white-space: nowrap; font-size: 16px;} /* 20230209 text-align:center;를 text-align:left; 로 수정 font-size: 16px; 추가 */ .btn-bbs {display: inline-block; width:100%; height: 40px; padding: 0 15px; border-radius:3px; color: #fff; background-color: #626262; font-weight: 500;} /* 20230209 width:144px;를 width:100%; 로 수정 */ .btn-bbs:hover {color: #f5f5f5;text-decoration: none;} .btn-bbs.active {background-color: #a2c018;} .btn-bbs.yel {background-color: #c1ab2d;} .btn-bbs.bl {background-color: #006d82;} /* .btn-bbs-sm {display: inline-block;height: 21px;padding: 0 10px;color: #fff;background-color: #474747;font-weight: 700;font-size: 12px;font-family: 'Noto Sans', NOTOS;line-height: 21px;vertical-align: middle;} */ /*.category .select-pop{display: none;position: absolute;left:0px;top:-1px;width: auto;margin: auto;padding-bottom: .4rem;border-radius: 1.1rem;background: #fff;}*/ .con_sta .category:hover .select-pop {display: block;} .btn-bbs-sm { text-align: center; display: inline-block; height: 20px; padding: 7px 10px 0px 10px; color: #fff; background-color: #474747; font-weight: 700; font-size: 12px; font-family: "NotoSans"; } .select-pop {display: none;z-index: 900;position: absolute;left:0px;top:38px;width: 100%;margin: auto;border: 1px solid #ab9517;box-shadow:5px 5px 0 #e4e4e4;background-color: #fff;} /* 20230209: width: auto;를 width: 100%; 수정 */ .select-pop li {padding: 10px 15px; border-top: 1px solid #ebebeb; cursor: pointer; font-size: 14px; line-height: 18px;} /* 20230209: font-size, line-height 추가 */ .select-pop li:first-child {border-top: none;} .select-pop li:hover {color: #000;font-weight: 800;background-color: #f7f7f7;} .btn-se-b {width: 110px;height: 65px;border-radius:3px;color: #fff;background-color: #006d82;font-size: 14px;font-weight: 700;vertical-align: middle;line-height: 65px;text-align: center;} .btn-def {height: 33px;padding: 0 15px;color: #fff;background-color: #414141;line-height: 33px;text-align: center;vertical-align: middle;} html:lang(ar) .btn-flex .left {float: right;} html:lang(ar) .btn-flex .right {float: left;} .team_board td {vertical-align:middle; text-align:center; color:#333; line-height:28px; padding: 10px 0;} .team_board td:last-child {text-align:left; } .team_board th {height:20px; border-bottom:solid 1px #e7e7e7; vertical-align:middle; background:#fafafa; text-align: center;} .team_board tr {font-size:14px; height:60px; border-bottom:solid 1px #e7e7e7; } .team_board {width:100%; border-collapse:collapse; word-break:break-all; border-spacing:1px; margin-top: 30px;} .ico-file {display: inline-block;width: 16px;height: 16px;margin: 0 4px 0 0;background-image: url(/image/admin/sprite.png);background-repeat: no-repeat;background-position: -277px -79px;vertical-align: middle;} .ico-file.doc, .ico-file.docx {background-position: -16px -79px;} .ico-file.xls, .ico-file.xlsx {background-position: -41px -79px;} .ico-file.jpg {background-position: -66px -79px;} .ico-file.hwp {background-position: -90px -79px;} .ico-file.ppt {background-position: -114px -79px;} .ico-file.pdf {background-position: -137px -79px;} .ico-file.rar, .ico-file.zip {background-position: -159px -79px;} .ico-file.mp3 {background-position: -181px -79px;} .ico-file.gif {background-position: -208px -79px;} .ico-file.html {background-position: -231px -79px;} .ico-file.mp4, .ico-file.wav, .ico-file.wmv, .ico-file.avi {background-position: -255px -79px;} html:lang(ar) .ico-file {margin: 0 0 0 4px;} .pagination {margin:30px 0 0 0; color:#999; font-size:15px; text-align:center;} .pagination img {margin:-2px 0 0 0; vertical-align:middle;} .pagination a, .pagination strong {font-weight: 200;} .pagination a {padding:0 5px;margin: 0 5px;color: #707070;} .pagination a:hover {color:#000; text-decoration:underline;} .pagination strong {display: inline-block;/*width: 24px;height: 16px;line-height: 16px;*/background: #a2c018;border-radius: 10px;color:#000;text-align: center;padding:0 5px;margin: 0 5px;} .pagination a.bt {display: inline-block;width: 17px;height: 17px;padding:0 2px !important;background-image: url(/image/front/desktop/sprite.png);background-repeat: no-repeat;text-indent: -999em;vertical-align: middle;} .pagination a.bt.prevn {background-position: -21px -99px;} .pagination a.bt.prev {background-position: -43px -99px;} .pagination a.bt.next {background-position: -65px -99px;} .pagination a.bt.nextn {background-position: -87px -99px;} html:lang(ar) .pagination a.bt.prevn {background-position: -87px -99px;} html:lang(ar) .pagination a.bt.prev {background-position: -65px -99px;} html:lang(ar) .pagination a.bt.next {background-position: -43px -99px;} html:lang(ar) .pagination a.bt.nextn {background-position: -21px -99px;} .bbs-type-gallery {border-top: 1px solid #000;} .bbs-type-gallery li {overflow: hidden;padding: 20px 0;border-bottom: 1px solid #e0e0e0;} .bbs-type-gallery li .header {margin: 0 0 34px 0; position: relative;z-index: 9;height: auto;} .bbs-type-gallery li .header h3 {margin: 0 0 10px 0;font-size: 14px;font-weight: 200;line-height: 1.4em;overflow:hidden;text-overflow:ellipsis;white-space: nowrap;max-width: 650px;} .bbs-type-gallery li .header h3 a {color: #000;margin: 0 0 2px 0;font-size: 20px;font-weight: bold;line-height: 1.4em;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;max-width: 600px;} .bbs-type-gallery li .header .date {margin: 0 20px 0 0;color: #666;} .bbs-type-gallery .header .date, .bbs-type-gallery .header .writer {font-size: .8rem;color: #898989;} .bbs-type-gallery li .header .name {color: #666;} .bbs-type-gallery li .photo {float:left; /* width:160px; height:150px; */ width:175px; height:115px; overflow:hidden; margin:0 20px 0px 0; } /* 20231020 수정 */ /* .bbs-type-gallery li .photo img {max-width:160px; min-width:158px;} 20231020 백업*/ .bbs-type-gallery li .photo img {width: 100%; height: 100%; object-fit: cover;} .bbs-type-gallery li .txt, .bbs-type-gallery li .txt p {font-size: .9rem;line-height: 1.4em;} .bbs-type-gallery-detail {/*margin: 20px 0 0 0;*/} .bbs-type-gallery-detail header.top {padding: 20px 0;margin: 0 0 20px 0;border-bottom: 1px solid #e0e0e0;} .bbs-type-gallery-detail header.top h3 {margin: 0 0 10px 0;font-size: 1.5rem;font-weight: 400;line-height: 1.4em;} .bbs-type-gallery-detail header.top h3 a {color: #000;} .bbs-type-gallery-detail header.top .date {margin: 0 20px 0 0;color: #666;} .bbs-type-gallery-detail header.top .name {color: #666;} .bbs-type-gallery-detail .txt, .bbs-type-gallery-detail .txt p {font-size: 1.0rem;line-height: 1.4em;} .bbs-type-gallery-detail .txt {padding: 0 0 20px 0;margin: 0 0 20px 0;border-bottom: 1px solid #e0e0e0;} .bbs-type-gallery-detail .photo-area {text-align: center;} .bbs-type-gallery-detail .photo-area img {max-width: 700px;margin: 0 0 20px 0;} html:lang(ar) .bbs-type-gallery li .photo {float: right;margin: 0 0 10px 20px;} .bbs-type-movie {border-top: 1px solid #000;} .bbs-type-movie li {overflow: hidden;padding: 20px 0;border-bottom: 1px solid #e0e0e0;} /**이탈리아 문화원 _ 핫리스트 **/ .bbs-type-lec li.hot-list {background: #ebebeb;padding: 20px 20px;border-bottom: 1px solid #000;} .bbs-type-movie li .header {margin: 0 0 34px 0;} .bbs-type-movie li .header h3 {margin: 0 0 10px 0;font-size: 14px;font-weight: 200;line-height: 1.4em;overflow:hidden;text-overflow:ellipsis;white-space: nowrap;max-width: 600px;} .bbs-type-movie li .header h3 a {color: #000;} .bbs-type-movie li .header .date {margin: 0 20px 0 0;color: #666;} .bbs-type-movie li .header .name {color: #666;} .bbs-type-movie li .photo {float: left;width: 160px;height: 230px;overflow: hidden;margin: 0 20px 10px 0;} .bbs-type-movie li .photo img {max-width: 165px;min-width: 158px;} .bbs-type-movie dl.movie-info {/*margin: 0 0 30px 0;*/color: #666;line-height: 2em;font-size: .9rem;} .bbs-type-movie dl.movie-info dt{display:inline-block;} .bbs-type-movie dl.movie-info dd{display:inline-block; margin-right:15px;} .bbs-type-movie dl.movie-info dd:last-child{margin-right:0;} /* 20210106 추가 */ .bbs-type-movie dl.movie-info dt:after {content:": "} .bbs-type-movie li .txt, .bbs-type-movie li .txt p {font-size:1.0rem;line-height: 1.4em;} .bbs-type-movie div.sumtxt{max-height: 23rem;overflow: hidden;text-overflow:ellipsis;} .bbs-type-movie .movie-reservation {display: inline-block;width: 100%;margin: 20px 0 0 0;font-size: .9rem;} .bbs-type-movie .movie-reservation li {margin: 0 0 5px 0;padding: 0;border: none;} .bbs-type-movie .movie-reservation span {margin: 0 15px 0 0;} /* 20210106 리스트 썸네일 백업 .bbs-type-movie li .photo {float: left;width: 160px;height: 230px;overflow: hidden;margin: 0 20px 10px 0;} .bbs-type-movie li .photo img {max-width: 165px;min-width: 158px;} .bbs-type-movie dl.movie-info dt {float: left;} */ html:lang(ar) .bbs-type-movie li .photo {float: right;margin: 0 0 10px 20px;} html:lang(ar) .bbs-type-movie li .header .date {margin: 0 0 0 20px;} html:lang(ar) .bbs-type-movie dl.movie-info dt {float: right;margin: 0 0 0 5px;} html:lang(ar) .movie-reservation .btn-bbs-sm {margin: 0 10px 0 0;} .bbs-type-lec {border-top: 1px solid #000;} .bbs-type-lec li {overflow: hidden;padding: 20px 0;border-bottom: 1px solid #e0e0e0;} .bbs-type-lec li .header {position:relative; margin:0 0 20px 0; z-index:9; height:auto;} .bbs-type-lec li .header h3 {max-width:600px; overflow:hidden; text-overflow:ellipsis; margin:0 0 5px 0; font-size:18px; font-weight:bold; line-height:1.4em; white-space:nowrap;} .bbs-type-lec li .header h3 a {color: #000;} .bbs-type-lec li .header h3 em {margin: 0 0 0 7px;color: #9a0000;} .bbs-type-lec li .header .date {margin: 0 20px 0 0;color: #898989;} .bbs-type-lec li .header .name {color: #898989;} .bbs-type-lec li .header .btn {position: absolute;right: 0;top: 0;} .bbs-type-lec li .photo {float:left; width:175px; height:112px; overflow:hidden; margin:0 20px 10px 0; } .bbs-type-lec li .photo img {max-width:175px; min-height:112px;} .bbs-type-lec li .txt, .bbs-type-lec li .txt p {font-size: .9rem;line-height: 1.4em;} .bbs-type-lec .lec-info {display: none;width: 500px;margin: 20px 0 0 0;border-top: 1px dashed #bcbcbc;} .bbs-type-lec .lec-info h4 {margin: 20px 0 10px 0;color: #000;font-size: 14px;} .bbs-type-lec .lec-info dl {line-height: 1.8em;} .bbs-type-lec .lec-info dt {float: left;margin: 0 5px 0 0;} .bbs-type-lec .lec-info dt:after {content:":"} .bbs-type-lec .lec-info dd em {color: #9a0000;font-weight: 800;} /* 20210106 리스트 썸네일 백업 .bbs-type-lec li .header {position: relative;margin: 0 0 34px 0; z-index:9;height: auto;} .bbs-type-lec li .header h3 {max-width: 600px;overflow: hidden;text-overflow:ellipsis;margin: 0 0 10px 0;font-size: 1.4rem;line-height: 1.4em;white-space: nowrap;} .bbs-type-lec li .photo {float: left;width: 160px;height: 110px;overflow: hidden;margin: 0 20px 10px 0;} .bbs-type-lec li .photo img {max-width: 165px;min-width: 158px;} */ html:lang(ar) .bbs-type-lec li .header .btn {right: auto;left: 0;} html:lang(ar) .bbs-type-lec li .photo {float: right;margin: 0 0 10px 20px;} html:lang(ar) .bbs-type-lec .lec-info dt {float: right;margin: 0 0 0 5px;} .jcarousel-slide-wrapper {height: 250px;overflow: hidden;border-top: 1px solid #000;border-bottom: 1px solid #000;} .jcarousel-slide-wrapper .controller {height: 50px;margin: 0 0 15px 0;border-bottom: 1px solid #e0e0e0;line-height: 50px;} .jcarousel-slide {overflow: hidden;} .jcarousel-slide li {cursor: pointer;} .jcarousel-slide-wrapper li {float: left;width: 108px;height: 108px;margin: 0 8px 0 0;overflow: hidden;border: 1px solid #b0b0b0;text-align: center;line-height: 108px;} .jcarousel-slide-wrapper li img {max-width: 120px;max-height: 120px;vertical-align: middle;} .carousel-stage {height: auto;} .carousel-stage li {text-align: center;} .carousel-stage li a {display: block;/*height: 500px;line-height: 500px;*/} .carousel-stage li img {vertical-align: middle;} .stage {position: relative;height: auto;text-align: center;width: 100%;display: block;overflow: hidden;padding: 20px 0;} /* 20241025 backup .jcarousel-stage-prev, .jcarousel-stage-next {position: absolute;top: 200px;width: 80px;height: 100px;background-image: url(http://india.korean-culture.org/image/front/desktop/sprite.png);background-repeat: no-repeat;font-size: 0;} */ /* 20241025 add */ .jcarousel-stage-prev, .jcarousel-stage-next {position: absolute;top: 50% !important; transform: translateY(-50%); width: 80px;height: 100px;background-image: url(/image/front/desktop/sprite.png);background-repeat: no-repeat;font-size: 0;} .jcarousel-stage-prev {left: 0;background-position: -18px -138px;} .jcarousel-stage-next {right: 0;background-position: -108px -138px;} html:lang(ar) .jcarousel-slide-wrapper li {float: right;margin: 0 0 0 8px;} .controller {overflow: hidden;} .controller button {display: inline-block;padding: 0 13px;color: #000;font-weight: 700;} .controller a:hover {text-decoration: none;} .controller a i, .controller button i {display: inline-block;width: 5px;height: 9px;background-image: url(/image/front/desktop/sprite.png);background-repeat: no-repeat;vertical-align: middle;} .controller .prev, .controller .next {height: 30px;margin: 10px 0;} .controller .prev i {margin: 0 8px 0 0;background-position: -142px -102px;} .controller .next i {float: right;margin: 5px 0 0 8px;background-position: -152px -102px;} .controller .prev {float: left;border-right: 1px solid #e0e0e0;} .controller .next {float: right;border-left: 1px solid #e0e0e0;} .kogl-mark {margin: 20px 0;color: #b0b0b0;line-height: 1.5em;} .kogl-mark img {float: left;max-height: 36px;margin: 0 15px 0 0;vertical-align: middle;} html:lang(ar) .controller .prev {float: right;border-right: none;border-left: 1px solid #e0e0e0;} html:lang(ar) .controller .next {float: left;border-left: none;border-right: 1px solid #e0e0e0;} html:lang(ar) .controller .prev i {float: right;margin: 5px 0 0 8px;background-position: -152px -102px;} html:lang(ar) .controller .next i {float: left;margin: 5px 8px 0 0;background-position: -142px -102px;} html:lang(ar) .kogl-mark img {float: right;margin: 0 0 0 15px;} .bbs-type-webjin header {margin: 0 0 20px 0;} .bbs-type-webjin h3, .bbs-type-webjin h3 a {color: #000;font-size: 24px;font-weight: 200;} .bbs-type-webjin h3 {padding: 20px 0 0 0;margin: 0 0 30px 0;border-top: 1px solid #000;} .bbs-type-webjin .txt, .bbs-type-webjin .txt p {font-size: 1.0rem;line-height: 1.5em;} .bbs-type-webjin .photo {margin: 20px 0;padding: 20px 0;border-top: 1px solid #e0e0e0;border-bottom: 1px solid #e0e0e0;} .bbs-type-webjin .photo img {max-width: 700px;} .related-site .dep1 {padding: 0 0 20px 0;border-bottom: 1px solid #000;} .related-site .dep1 h3 {padding: 15px 0;margin: 0 0 15px 0;border-bottom: 1px solid #ebebeb;color: #000;font-size: 2rem;font-weight: 600;line-height: 2rem;} .related-site .dep1 ol li {margin: 0 0 7px 0;color: #000;} .related-site .dep1 ol li a {margin: 0 0 0 15px;color: #666;} .bbs-type-search h3 {padding: 30px 0 12px;margin: -1px 0 0 0;border-top: 1px solid #000;border-bottom: 1px solid #ebebeb;color: #000;font-size: 18px;} .bbs-type-search p.result {margin: 0 0 10px 0;color: #000;font-weight: 900;} .bbs-type-search .dep1 {overflow: hidden;padding: 10px 0;border-bottom: 1px solid #ebebeb;} .bbs-type-search .head {float: left;width: 40%;margin-right: -43%;padding: 0 3% 0 0;} .bbs-type-search .head h4 {margin: 0 0 10px 0;color: #000;/*font-weight: 200;*/} .bbs-type-search .head h4 a{margin: 0 0 10px 0;color: #000;/*font-weight: 200;*/} .bbs-type-search .cont {margin-left: 43%;} .bbs-type-search .cont p, .bbs-type-search .cont li, .bbs-type-search .cont div {line-height: 1.4em;} .bbs-type-search .view-more-result {display: block;margin: 15px 0 20px;color: #000;font-weight: 900;text-align: right;} .bbs-type-search .book-info {line-height: 1.7em;} .bbs-type-search .book-info dt {float: left;} .bbs-type-search .book-info dt, .bbs-type-search .book-info dd {height: 25px;} .bbs-type-search .book-info dt:after {content:":";margin: 0 4px 0 0;} .bbs-type-search.book ol {border-top: 1px solid #000;} .bbs-type-search .ico.bbs {display: inline-block;height: 25px;padding: 0 10px;border-radius:3px;color: #fff;background-color: #a2c018;text-align: center;line-height: 25px;vertical-align: middle;} html:lang(ar) .bbs-type-search .head {float: right;margin-right: 0;margin-left: -43%;} html:lang(ar) .bbs-type-search .cont {margin-left: 0;margin-right: 43%;} html:lang(ar) .bbs-type-search .book-info dt {float: right;} html:lang(ar) .bbs-type-search .book-info dt:after {content:":";margin: 0 0 0 4px;} .bx-event {overflow: hidden;} .bx-event .hot-issue {float: left;width: 40%;margin-right: -354px;} .bx-event .hot-issue h3 {margin: 0 0 15px 0;color: #000;font-size: 18px;text-transform: uppercase;} .bx-event .hot-issue .photo {width: 330px;max-height: 600px;margin: 0 0 15px 0;overflow: hidden;text-align: center;} .bx-event .hot-issue .photo img {max-width: 330px;vertical-align: middle;} .bx-event .hot-issue h4 {margin: 0 0 5px 0;color: #000;font-size: 14px;} .bx-event .hot-issue .txt, .bx-event .hot-issue .txt p {color: #000;line-height: 1.4em;} .bx-event .hot-issue .txt {margin: 0 0 8px 0;} .bx-event .event-calendar {overflow: hidden;margin-left: 40%;padding: 0;} .bx-event .event-calendar .blind-curton {z-index: 2;position: absolute;left: 0;right: 0;bottom: 0;top: 0;} .bx-event .event-calendar .ui-datepicker-header {display: none;} .bx-event .event-calendar .btn-def {float: right;margin: 25px 0 0 0;} html:lang(ar) .bx-event .hot-issue {float: right;margin-right: 0;margin-left: -354px;} html:lang(ar) .bx-event .event-calendar {margin-left: 0;margin-right: 354px;} .event-calendar {position: relative;padding: 28px 20px 15px;} .event-calendar .blind-curton {z-index: 2;position: absolute;left: 0;right: 0;top: 170px;height: 235px;} .event-calendar h2 {margin: 0 0 40px 0;} .event-calendar .ui-widget-content {width: 100%;border: none;background-color: #fff;background-image: none;} .event-calendar .ui-widget-header {border: none;background-image: none;background-color: #fff;} .event-calendar .ui-icon {background-image: none !important;} .event-calendar .ui-datepicker-month {display: block;margin: 0 0 17px 0;color: #000;font-size: 36px;font-weight: 300;} .event-calendar .ui-datepicker-year {color: #333;font-size: 14px;font-weight: 400;text-align: center;} .event-calendar .ui-datepicker-year:before {content:'/';margin: 0 3px 0 0;} .event-calendar .ui-datepicker-prev {left: 47px !important;top: 20px !important;width: 10px !important;height: 19px !important;background: url(../image/front/desktop/sprite.png) -136px -16px no-repeat;} .event-calendar .ui-state-hover .ui-icon, .event-calendar .ui-state-focus .ui-icon {border: none !important;} .event-calendar .ui-datepicker-next {right: 47px !important;top: 20px !important;width: 10px !important;height: 19px !important;background: url(../image/front/desktop/sprite.png) -152px -16px no-repeat;} .event-calendar .ui-datepicker th {color: #333;} .event-calendar .ui-datepicker-week-end span, .event-calendar .ui-datepicker-week-end .ui-state-default {color: #c11311 !important;} .event-calendar .ui-datepicker table tr {border-bottom: 1px solid #ececec;} .event-calendar .ui-datepicker td {width: 37px;vertical-align: middle;} .event-calendar .ui-state-default {height: 38px;border: none !important;color: #666 !important;background-color: #fff !important;background-image: none !important;line-height: 34px;text-align: center;} .event-calendar .ui-state-hover {border: none !important;} .event-calendar .ui-datepicker-prev.ui-state-hover {background: url(../image/front/desktop/sprite.png) -136px -16px no-repeat;} .event-calendar .ui-datepicker-next.ui-state-hover {background: url(../image/front/desktop/sprite.png) -152px -16px no-repeat;} .event-calendar .ui-state-active {width: 30px;height: 30px;padding: 0 !important;margin: auto;color: #fff !important;border-radius:15px;background-color: #c11311 !important;vertical-align: top;} .event-calendar .ui-datepicker-week-end .ui-state-active {color: #fff !important;} .event-calendar .ui-state-highlight {border: none !important;background: none !important;} /* .event-calendar .ui-state-highlight .ui-state-default {width: 30px;height: 30px;padding: 0 !important;margin: auto;color: #fff !important;border-radius:15px;background-color: #c11311 !important;vertical-align: top;} */ .event-calendar .ui-state-highlight .ui-state-default {width: 34px;height: 34px;padding: 0 !important;margin: auto;color: #fff !important;border-radius:20px;background-color: #007086 !important;vertical-align: top;} .event-calendar .ui-state-highlight.ui-datepicker-today .ui-state-default {background-color: #d3e4e7 !important;} /*.event-calendar .ui-datepicker-current-day .ui-state-default {background-color: #fff !important;} .event-calendar .ui-datepicker-current-day .ui-state-default {color: #555 !important;background-color: #fff !important;} .event-calendar .ui-state-default.ui-state-active {color: #555;background-color: #fff;}*/ .event-calendar h3 {margin: 40px 0 16px;padding: 0 0 10px 17px;border-bottom: 1px solid #ececec;color: #333;font-size: 12px;} .event-calendar h3 em {font-size: 14px;} .event-calendar ul li {margin: 0 0 18px 17px;letter-spacing: -0.01em;} .event-calendar ul li span {margin: 0 8px 0 0;color: #333;font-weight: 700;} html:lang(ar) .event-calendar .ui-datepicker-next {right: auto !important;left: 47px !important;background: url(../image/front/desktop/sprite.png) -136px -16px no-repeat;} html:lang(ar) .event-calendar .ui-datepicker-prev {left: auto !important;right: 47px !important;background: url(../image/front/desktop/sprite.png) -152px -16px no-repeat;} .bbs-type-cal {margin: 20px 0 0 0;border-top: 1px solid #000;border-bottom: 2px solid #000;} .bbs-type-cal h3 {padding: 20px 0;color: #000;background-color: #fafafa;font-size: 18px;font-weight: 200;text-align: center;} .bbs-type-cal h3 em {font-weight: 900;} .bbs-type-cal h3 a {display: inline-block;width: 12px;height: 19px;margin: 0 20px;background-image: url(/image/front/desktop/sprite.png);background-repeat: no-repeat;font-size: 0;vertical-align: middle;} .bbs-type-cal h3 a.prev {background-position: -135px -16px;} .bbs-type-cal h3 a.next {background-position: -151px -16px;} .bbs-type-cal ol li {padding: 13px;border-top: 1px solid #e0e0e0;} .bbs-type-cal .date {margin: 0 0 10px 5px;width: 200px;float: right;font-size: 15px;} .bbs-type-cal .date em {color: #e30000;} .bbs-type-cal .head {margin: 0 0 10px 0;color: #000;font-size: 14px;font-weight: 900;} .bbs-type-cal .btn-more {float: right;top: -30px;font-size: 12px;} .bbs-type-cal .btn-more i {display: inline-block;margin: 0 8px 0 0;vertical-align: middle;} /*.bbs-type-sitemap {overflow: hidden;} .bbs-type-sitemap .sitemap {float: left;width: 100%;margin: 0 1.5%;padding-bottom: 40px;} .bbs-type-sitemap li {line-height: 1.5em;} .bbs-type-sitemap a {display: inline-block;padding: 3px 0;} .bbs-type-sitemap .dep1 {display: block;padding: 15px 0;margin: 0 0 10px 0;border-bottom: 2px solid #e0e0e0;color: #000;font-family:NotoSansBold;font-size: 18px;font-weight: 900;} .bbs-type-sitemap .dep2 {padding: 8px 0;color: #000;font-size: 14px;font-weight: 400;}*/ html:lang(ar) .bbs-type-sitemap .sitemap {float: right;} /* subVisual_20201130 */ .subVisual_wrap{position:relative; width:100%; } .subVisual{position:relative; width:1400px; height:230px; margin:0 auto; overflow:hidden;} .subVisual00{background:url("../../image/front/new/subViusal00.png") right bottom no-repeat;} .subVisual01{background:url("../../image/front/new/subViusal01.png") right bottom no-repeat;} .subVisual02{background:url("../../image/front/new/subViusal02.png") right bottom no-repeat;} .subVisual03{background:url("../../image/front/new/subViusal03.png") right bottom no-repeat;} .subVisual04{background:url("../../image/front/new/subViusal04.png") right bottom no-repeat;} .subVisual05{background:url("../../image/front/new/subViusal05.png") right bottom no-repeat;} .txtWrap{position:absolute; bottom:0; left:30px;} .txtWrap .subTitle{font-size:55px; color:#1d1d1d; font-family:'Open Sans'; font-weight:bold; margin-bottom:-10px;} .txtWrap .engTxt{font-size:45px; color:#ececec; font-family:'NotoKrBL'; letter-spacing:-0.03em;} /* 20230315 newsletter subvisual start */ .nl_subVisual .txtWrap{width: 65%;} .nl_subVisual .txtWrap h2.subTitle{line-height: 1.1em; margin-bottom: 5px !important;} @media screen and (max-width: 1200px){ .nl_subVisual .txtWrap h2.subTitle {font-size: 50px !important;} } @media screen and (max-width: 1100px){ .nl_subVisual .txtWrap h2.subTitle {font-size: 45px !important;} } @media screen and (max-width: 1000px){ .nl_subVisual .txtWrap h2.subTitle {font-size: 40px !important;} } @media screen and (max-width: 820px){ .nl_subVisual .txtWrap h2.subTitle {font-size: 35px !important;} } @media screen and (max-width: 767px){ .nl_subVisual .txtWrap{width: 100%;} .nl_wrap {margin-top: 20px !important;} } /* 20230315 newsletter subvisual end */ /* 언어별 css 추가 20210118 */ html:lang(ko) .txtWrap .subTitle{font-family:'NotoKrM'; font-weight:normal;} /* 아랍 어 개편 css 추가 20201211 */ html:lang(ar) .subVisual{background-position: left bottom;} html:lang(ar) .txtWrap{position:absolute; bottom:0; right:30px;} /* //subVisual_20201130 */ @media screen and (max-width: 1420px){ /* subVisual_20201130 */ .subVisual{width:100%; background-size:50%;} } @media screen and (max-width: 1200px){ /* subVisual_20201130 */ .subVisual{height:190px;} .txtWrap .subTitle{font-size:50px;} .txtWrap .engTxt{font-size:40px;} } /* Tablet Device */ @media all and (min-width:768px) and (max-width:999px){ /* #content {padding: 11rem 0 21rem;}*/ /* subVisual_20201130 */ .subVisual{height:170px;} .txtWrap{width:50%;} .txtWrap .subTitle{font-size:50px; margin-bottom:-5px;} .txtWrap .engTxt{font-size:35px; line-height:1em;} /* 20230315 폰트사이즈 수정 기존 40px */ /* 전체레이아웃 설정값 */ .ly_center_mom{ width:94%; margin:0 3%;} #location{border-bottom:1px solid #eaeaea;background: #fff;z-index:9;position: relative;transition:top .3s;} #location .ly_center_mom{position: relative;} .location_guide{border-left:1px solid #eaeaea;} .location_guide::after{content: '';display: block;clear: both;} .location_guide > *{float: left;} .location_guide_home{background:url(/image/history_home.png) no-repeat center #fafafa;width: 48px;height: 48px;display: block;color:transparent;} .location_guide_home:hover{color:transparent;} .location_guide ul, .location_guide li{margin:0;padding:0;list-style:none;} .location_guide > ul{/*! border-right:1px solid #eaeaea; */} .location_guide > ul > li{float: left;border-right:1px solid #eaeaea;background: #fafafa;} .location_guide > ul > li.onedepeh {padding:0 16px;text-align: left;display: block;height: 48px;min-width:180px;color: #444444;font-size: 1.3rem; font-weight:600; border-left: 1px solid #eaeaea;line-height: 48px;} .location_guide > ul > li > button {background: url(/image/history_arrow_down.png) no-repeat center right 16px;border:0;padding:0 16px;text-align: left;display: block;height: 48px;min-width:180px;color: #444444;cursor:pointer;padding-right:40px;font-size:1.3rem;} .location_guide > ul > li.active button{background-image:url(/image/history_arrow_up.png)} .location_guide > ul a {font-size: 1.3rem;color: #646886;padding-right: 1.5rem;} .location_guide > ul a:hover {color: #004f9f;} .location_guide li ul{display: none;} .location_guide li.active ul{display: block;} .location_guide li{position: relative;} .location_guide li ul{position: absolute;background: #fff;left:-1px;right:-1px;border:1px solid #eaeaea;padding: 14px;} .location_guide li li{margin-top: 10px;position: relative;padding-left: 8px;} .location_guide li li:first-child{margin-top: 0;} .location_guide li li::after{content: '';width: 2px;height: 2px;background: #444444;left:0;position: absolute;top:8px;} .location_guide li li.locked a{color: #0d79c2;font-weight: 600;} #content .view-content div.fontchanger .figcaption {font-size:12px; /*line-height:18px;*/ color:#287cbd; } #content .view-content div.fontchanger { font-size:14px; line-height:1.5em; width: 100%;margin: 10px auto 20px auto;} #content .view-content div.fontchanger img { max-width: 100% !important;} #content .view-content div.fontchanger p {font-size:1.0rem !important; line-height:1.7em; color:#333 !important; } #content .view-content div.fontchanger p span {font-size:1.0rem !important; line-height:1.7em; color:#333 !important; } #content .view-content div.fontchanger p.figcaption {padding:8px 0 0 4px; font-size:12px !important; color:#287cbd !important; line-height:145%; display:block; max-width:700px; } #content .view-content span div.fontchanger {line-height:21px; } #content .view-content div.fontchanger:after {content: '';display: block;clear: both;} #content .view-content p:after {content: '';display: block;clear: both;} .view-content .cont.koreanet .figcaption {padding:2px 0 0 4px; font-size:12px; color:#287cbd; line-height:145%; display:block; max-width:700px; } .view-content .cont.koreanet .figCenter {clear:both; display:block; margin:0 auto; padding:5px 0 10px 0; width: 100% !important;} .view-content .cont.koreanet .figLeft {clear:both; float:left; padding:5px 20px 10px 0; } .view-content .cont.koreanet .figRight {clear:both; float:right; padding:5px 0 10px 18px; width: 50% !important;} .view-content .cont.koreanet {padding:20px 0; font-size:14px; line-height:1.5em; text-align:left; color:#000; } .view-content .cont.koreanet div {-webkit-print-color-adjust:exact; } .view-content .cont.koreanet legend {-webkit-print-color-adjust:exact; } .view-content .cont.koreanet legend, div {-webkit-print-color-adjust:exact; } .view-content .cont.koreanet p {display:block; -webkit-margin-before:1em; -webkit-margin-after:1em; -webkit-margin-start:0px; -webkit-margin-end:0px; font-size:14px; } } /* Mobile Device */ @media all and (max-width:767px){ /*#content {padding: 9.6rem 0 21rem;}*/ /* subVisual_20201130 */ .subVisual{height:auto; background-image:none;} .txtWrap{position:relative; padding:20px 10px; bottom:auto; left:auto; width:100%;} .txtWrap .subTitle{font-size:40px; margin-bottom:0px;} .txtWrap .engTxt{font-size:30px; line-height:1em;} /* 전체레이아웃 설정값 */ .ly_center_mom{ width:94%; margin:0 3%;} #location{border-bottom:1px solid #eaeaea;background: #fff;z-index:9;position: relative;transition:top .3s;} #location .ly_center_mom{position: relative;} .location_guide{border:none;} .location_guide::after{content: '';display: block;clear: both;} .location_guide > *{float: left;} .location_guide_home{display: none;} .location_guide_home:hover{color:transparent;} .location_guide ul, .location_guide li{margin:0;padding:0;list-style:none;} .location_guide > ul{/*! border-right:1px solid #eaeaea; */} .location_guide > ul > li{float: left;border-right:1px solid #eaeaea;background: #fafafa;} .location_guide > ul > li.onedepeh {padding:0 9px;text-align: left;display: block;height: 48px;min-width:94px;color: #444444;font-size: 1.3rem; font-weight:600; border-left: 1px solid #eaeaea;line-height: 48px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;} .location_guide > ul > li > button {background: url(/image/history_arrow_down.png) no-repeat center right 8px;border:0;padding:0 10px;text-align: left;display: block;height: 48px;min-width:100px;color: #444444;cursor:pointer;padding-right:11px;font-size:1.3rem;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;width: 120px;} .location_guide > ul > li.active button{background-image:url(/image/history_arrow_up.png)} .location_guide > ul a {font-size: 1.3rem;color: #646886;padding-right: 1.5rem;} .location_guide > ul a:hover {color: #004f9f;} .location_guide li ul{display: none;} .location_guide li.active ul{display: block;} .location_guide li{position: relative;} .location_guide li ul{position: absolute;background: #fff;left:-1px;right:-1px;border:1px solid #eaeaea;padding: 10px;} .location_guide li li{margin-top: 10px;position: relative;padding-left: 8px;} .location_guide li li:first-child{margin-top: 0;} .location_guide li li::after{content: '';width: 2px;height: 2px;background: #444444;left:0;position: absolute;top:8px;} .location_guide li li.locked a{color: #0d79c2;font-weight: 600;} .container_setting{display: none} .view-content .title_guide{ position:relative;text-align:center; padding:25px 0;} .view-content .title_guide h3{ font-size:30px; letter-spacing:-1px;transition:all 0.3s;} .view-content .title_guide .locations { padding:20px 0; border-bottom:1px solid #ccc; font-size:14px } /******************************************************************************* popup *******************************************************************************/ #container-pop{position:relative;height:100%;max-height:5000em;min-height:100%;height:auto !important;margin:0 10px;background-color:#fff} #header-pop{padding:8px 0 0 0} #header-pop .area{position:relative;overflow:hidden;border-top:3px solid #af2227;border-bottom:1px solid #e0e0e0;background-color:#fff} #header-pop .area .line{position:absolute;top:-6px;left:0;width:167px;height:5px;background-color:#c1ab2d} #header-pop .area .line span{display:block;width:102px;height:5px;background-color:#006c81} #header-pop h1{float:left;margin:10px} #header-pop .btn{float:right;margin:15px 15px 0 0} #content-pop{padding-bottom:10px;max-height:5000em;background-color:#fff} #content-pop .head{} #content-pop .head h3{font-size:16px;margin-bottom:6px} #content-pop .head .txt p{font-size:1.0rem} #content-pop header h2{margin-bottom:10px;padding:9px;border-bottom:1px solid #000;color:#000;font-size:16px;clear:both} #content-pop .btn-flex{/* margin:15px 10px */} .footer-pop{position:absolute;bottom:0;width:100%;height:10px} .submit-reserv .submit-info{overflow:hidden} .submit-reserv .top{padding:15px 20px;color:#000} .submit-reserv .top label{margin:0 15px 0 0} .submit-reserv .top select{width:250px} .submit-reserv .head{padding:15px;background-color:#fafafa} .submit-reserv .head h3{color:#000;margin:0 0 8px 0} .submit-reserv .head .txt, .submit-reserv .head .txt p{line-height:1.4em} .submit-reserv .info{padding:15px 20px;border-top:1px solid #e0e0e0;border-bottom:1px solid #000} .submit-reserv .info label{display:inline-block;width:120px;color:#000} .submit-reserv .info.se-pw label{width:220px} .submit-reserv .info.se-pw select{width:360px;border:1px solid #e0e0e0;border-radius:4px;vertical-align:middle} .submit-reserv .info input{width:360px;border:1px solid #e0e0e0;border-radius:4px;vertical-align:middle} .submit-reserv .info .inf-inp{float:left;margin:0 10px 0 0} .submit-reserv .info .fl{margin:0 0 15px 0} .reserv-cert dl.floor{border-top:1px solid #e0e0e0;padding:10px 10px} .reserv-cert dl.floor dt{float:left;width:60px;height:23px;margin-right:-60px;color:#000;line-height:23px;font-size:14px} .reserv-cert dl.floor dd{margin-left:60px} .reserv-cert dl.floor dd input{width:110px;height:26px;border:1px solid #e0e0e0;border-radius:4px;vertical-align:middle;margin-right:4px} .reserv-cert dl.floor dd .notice{margin:5px 0 0 0;line-height:1.2em} .reserv-cert dl.cert-num{padding:7px 0 7px 70px;border-top:1px dashed #e0e0e0;border-bottom:2px solid #000} .reserv-cert dl.cert-num *{vertical-align:top} .reserv-cert dl.cert-num dt{margin:0 0 5px 0;color:#000} .reserv-cert dl.cert-num dt label{line-height:25px;font-size:14px} .reserv-cert dl.cert-num dt input{width:112px;height:26px;border:1px solid #e0e0e0;border-radius:4px;margin-bottom:8px;margin-right:2px} .reserv-cert dl.cert-num dd .time{margin:3px 0 0 0;color:#000;font-weight:900} .result-reserv .result-txt{background:url(/image/front/desktop/bg_post_label.png) 0 0 repeat-x;text-align:center} .result-reserv .result-txt .ex{padding:40px 0 10px;color:#000;font-size:32px;font-weight:700} .result-reserv .result-txt .ex em{color:#af2227} .result-reserv .result-txt .txt{margin:0 0 20px 0} .result-reserv .agr-term{margin:10px 0 0 30px} .result-reserv .agr-term a{margin:0 0 0 15px;color:#000;text-decoration:underline;vertical-align:middle} table.bbs-pop{width:100%;margin-bottom:20px} table.bbs-pop thead th{padding:8px;color:#000;border-bottom:1px solid #000;background-color:#fafafa;vertical-align:middle} table.bbs-pop tbody td{display:block;position:relative;padding:14px 7px 14px 86px;border-top:1px solid #e0e0e0;color:#111;vertical-align:middle;font-size:13px} table.bbs-pop tbody td:first-child{border-top:none} table.bbs-pop tbody td a{display:block} table.bbs-pop td h4, table.bbs-pop td .head{margin:0 0 5px 0} table.bbs-pop td.subj{text-align:left} table.bbs-pop td .txt{color:#666} table.bbs-pop td .txt p{font-weight:200} table.bbs-pop td .reserv-list li{color:#666} table.bbs-pop thead{position:absolute;top:-999em} table.bbs-pop tbody tr{border-bottom:2px solid #000} table.bbs-pop.list-event tbody td:before{display:table-column;position:absolute;left:0;top:0;width:70px;padding:14px 0 0 10px;font-weight:900;font-size:13px} table.bbs-pop.list-event tbody .txt{padding-top:4px} table.bbs-pop.list-event tbody input[type=text]{width:69%;height:28px} table.bbs-pop.list-event tbody input[type=password]{width:60%} table.bbs-pop.cont-reserv tbody td:before{display:table-column;position:absolute;left:0;top:0;width:120px;padding:10px;font-weight:900} .essential{margin:0 0 10px 0;text-align:right} .tabl-head{margin:40px 0 0 0;padding:0 0 15px 20px;border-bottom:1px solid #000;color:#000} table.regist-pop{width:100%;border-top:1px solid #000} table.regist-pop col.subj{width:20%;min-width:120px} table.regist-pop th{padding:20px 10px 20px 30px;color:#000;border-bottom:1px solid #e0e0e0;background-color:#fafafa;text-align:left} table.regist-pop td{position:relative;padding:20px 15px;border-bottom:1px solid #e0e0e0;color:#666;vertical-align:middle} table.regist-pop td a{display:block} table.regist-pop td.subject{padding-left:20px;text-align:left} .layer-pop{z-index:1001;position:absolute;top:50%;left:50%} .curton{display:none;z-index:1000;position:fixed;left:0;right:0;top:0;bottom:0;width:100%} .curton.open{display:block} .curton.open .back{position:fixed;width:100%;height:100%;background-color:#000;opacity:0.7;filter:alpha(opacity=70)} .curton-blind{visibility:hidden;z-index:1000;position:fixed;top:-999em;width:100%;height:0} .curton-blind.open{visibility:visible;left:0;right:0;top:0;bottom:0;height:100%} .curton-blind.open .back{position:fixed;width:100%;height:100%;background-color:#000;opacity:0.7;filter:alpha(opacity=70)} .scrollLayer{width:100%;background-color:rgba(0, 0, 0, 0.4);overflow-x:auto;overflow-y:scroll} .scrollLayer .back{display:none} .scrollLayer .layer-pop{position:relative;top:40px;left:auto} .noScroll{overflow:hidden} .layer-pop.policy{border-top:2px solid #0c2b5a;background-color:#fff} .layer-pop.policy .line{position:absolute;top:-2px;left:0;width:115px;height:2px;background-color:#af2227;border:none} .layer-pop.policy .line i{display:block;height:2px} .layer-pop.policy .line .st1{width:82px;background-color:#c1ab2d} .layer-pop.policy .line .st2{width:50px;background-color:#006c81} .layer-pop.policy header{height:38px;border-bottom:1px solid #e0e0e0;background:url(/image/front/desktop/bg_main_pattern.png) 0 0 repeat-x;background-size:auto 7px} .layer-pop.policy header h1{padding:15px 0 0 15px;color:#000;font-size:12px} .layer-pop.policy header .closePop{position:absolute;right:14px;top:14px;width:12px;height:12px;background:url(/image/front/desktop/sprite.png) -115px -35px no-repeat;font-size:0;background-size:238px auto} .layer-pop.policy .cont{padding:10px 16px} #privacyPolicy .layer-pop{margin:0 10px;min-height:1800px} #previewWindow .layer-pop{border:20px solid #e6e6e6} #previewWindow .layer-pop .close-pop{position:absolute;right:-20px;top:-47px;width:62px;height:17px;background:url(/image/front/desktop/sprite.png) -274px -76px no-repeat;font-size:0} #previewWindow .layer-pop .cont{cursor:pointer} html:lang(ar) .layer-pop.policy header h1{padding:30px 30px 0} html:lang(ar) .layer-pop.policy header .closePop{right:auto;left:30px} html:lang(ar) .state .inner-area{float:right} html:lang(ar) .state .go-global-branch i{right:auto;left:0} html:lang(ar) .state .group-sns{float:left;margin:8px 0 0 21px} html:lang(ar) .state .group-sns li{float:right} html:lang(ar) .state .group-sns li:first-child{border-left:1px solid #2b466f} html:lang(ar) .state .group-sns li:last-child{border-left:none} html:lang(ar) .txtWrap{position: relative;; bottom:0; right:0px;} /******************************************************************************* content *******************************************************************************/ #content .location{padding:8px 10px 8px 0;text-align:right;font-size:12px;letter-spacing:-1px} #content .location .line{display:none} #content .sns-area{padding-bottom:12px;text-align:right} #content .sns-area a, #content .sns-area button{display:inline-block;margin:0 0 0 10px;text-transform:uppercase;vertical-align:middle} #content .sns-area a i, #content .sns-area button i{display:inline-block;margin:0 4px 0 0;background-image:url(/image/front/mobile/sprite.png);background-repeat:no-repeat;vertical-align:middle} #content .sns-area a:hover{text-decoration:none} #content .sns-area .bt-email i{width:23px;height:16px;background-position:-59px -148px} #content .sns-area .bt-twitter i{width:20px;height:20px;background-position:-24px -148px} #content .sns-area .bt-facebook i{width:20px;height:20px;background-position:-93px -146px} #content .sns-area .bt-share i{width:20px;height:20px;background-position:-125px -146px} #content .content-head{position:relative;overflow:hidden;padding:10px 0} #content .content-head h2{float:left;color:#000;font-size:20px;text-transform:uppercase;text-indent:14px} #content .content-head .line{bottom:0} #content .view-content div.fontchanger .figcaption {font-size:12px; /*line-height:18px;*/ color:#287cbd; } #content .view-content div.fontchanger { font-size:14px; line-height:1.5em; width: 100%;margin: 10px auto 20px auto;} #content .view-content div.fontchanger img { max-width: 100% !important;height: auto !important;} #content .view-content div.fontchanger p {font-size:1.0rem !important; line-height:1.7em; color:#333 !important; width: auto !important;} #content .view-content div.fontchanger p span {font-size:1.0rem !important; line-height:1.7em; color:#333 /*!important*/;white-space: normal;width: auto /*!important;*/ } #content .view-content div.fontchanger p.figcaption {padding:8px 0 0 4px; font-size:12px !important; color:#287cbd !important; line-height:145%; display:block; max-width:700px; } #content .view-content span div.fontchanger {line-height:21px; } .view-content .cont.koreanet .figcaption {padding:2px 0 0 4px; font-size:12px; color:#287cbd; line-height:145%; display:block; max-width:700px; } .view-content .cont.koreanet .figCenter {clear:both; display:block; margin:0 auto; padding:5px 0 10px 0; width: 100% !important;} .view-content .cont.koreanet .figLeft {clear:both; float:left; padding:5px 20px 10px 0; } .view-content .cont.koreanet .figRight {clear:both; float:right; padding:5px 0 10px 18px; width: 50% !important;} .view-content .cont.koreanet {padding:20px 0; font-size:14px; line-height:1.5em; text-align:left; color:#000; } .view-content .cont.koreanet div {-webkit-print-color-adjust:exact; } .view-content .cont.koreanet iframe {width: 90% !important } .view-content .cont.koreanet legend {-webkit-print-color-adjust:exact; } .view-content .cont.koreanet legend, div {-webkit-print-color-adjust:exact; } .view-content .cont.koreanet p {display:block; -webkit-margin-before:1em; -webkit-margin-after:1em; -webkit-margin-start:0px; -webkit-margin-end:0px; font-size:14px; } html:lang(ar) #content .location{text-align:left} html:lang(ar) #content .sns-area{text-align:left} html:lang(ar) #content .sns-area a, html:lang(ar) #content .sns-area button{margin:0 10px 0 0} html:lang(ar) #content .sns-area a i, html:lang(ar) #content .sns-area button i{margin:0 0 0 4px} html:lang(ar) #content .content-head h2{float:right} html:lang(ar) #content .content-head .line{right:0} .inner-content{padding:10px;border:1px solid #d5d5d5;border-width:1px 0 1px 0;background-color:#fff} .bx-event .event-calendar .blind-curton{z-index:2;position:absolute;left:0;right:0;bottom:0;top:173px} .bx-event .hot-issue {float: none;width: 100%;margin-right: -354px;} .bx-event .hot-issue h3{margin:10px 0 10px;color:#c11311;font-size:22px;text-transform:uppercase;text-indent:0;} .bx-event .hot-issue li{overflow:hidden;margin:0 0 35px 0} .bx-event .hot-issue li:last-child{margin:0} .bx-event .hot-issue .photo{float:left;max-width:247px;max-height:247px;margin:0 25px 25px 0;overflow:hidden;text-align:center;display: none;} .bx-event .hot-issue .photo img{max-width:247px;max-height:247px;vertical-align:middle} .bx-event .hot-issue h4{margin:0 0 15px 0;color:#000;font-weight:900;font-size:24px} .bx-event .hot-issue .txt, .bx-event .hot-issue .txt p{color:#000;line-height:1.4em} .bx-event .hot-issue .txt{margin:0 0 8px 0} .bx-event .event-calendar {overflow: hidden;margin: 0;padding: 0;} .bx-event .event-calendar .blind-curton {z-index: 2;position: absolute;left: 0;right: 0;bottom: 0;top: 0;} .bx-event .event-calendar .ui-datepicker-header {display: none;} .bx-event .event-calendar .btn-def {float: right;margin: 25px 0 0 0;} html:lang(ar) .bx-event .hot-issue {float: right;margin-right: 0;margin-left: -354px;display: none;} html:lang(ar) .bx-event .hot-issue .photo{float:right;margin:0 0 25px 25px} html:lang(ar) .bx-event .event-calendar {margin-left: 0;margin-right:0;} .event-calendar {position: relative;padding: 28px 20px 15px;} .event-calendar .blind-curton {z-index: 2;position: absolute;left: 0;right: 0;top: 170px;height: 235px;} .event-calendar h2 {margin: 0 0 40px 0;} .event-calendar .ui-widget-content {width: 100%;border: none;background-color: #fff;background-image: none;} .event-calendar .ui-widget-header {border: none;background-image: none;background-color: #fff;} .event-calendar .ui-icon {background-image: none !important;} .event-calendar .ui-datepicker-month {display: block;margin: 0 0 17px 0;color: #000;font-size: 36px;font-weight: 300;} .event-calendar .ui-datepicker-year {color: #333;font-size: 14px;font-weight: 400;text-align: center;} .event-calendar .ui-datepicker-year:before {content:'/';margin: 0 3px 0 0;} .event-calendar .ui-datepicker-prev {left: 47px !important;top: 20px !important;width: 10px !important;height: 19px !important;background: url(../image/front/desktop/sprite.png) -136px -16px no-repeat;} .event-calendar .ui-state-hover .ui-icon, .event-calendar .ui-state-focus .ui-icon {border: none !important;} .event-calendar .ui-datepicker-next {right: 47px !important;top: 20px !important;width: 10px !important;height: 19px !important;background: url(../image/front/desktop/sprite.png) -152px -16px no-repeat;} .event-calendar .ui-datepicker th {color: #333;} .event-calendar .ui-datepicker-week-end span, .event-calendar .ui-datepicker-week-end .ui-state-default {color: #c11311 !important;} .event-calendar .ui-datepicker table tr {border-bottom: 1px solid #ececec;} .event-calendar .ui-datepicker td {width: 37px;vertical-align: middle;} .event-calendar .ui-state-default {height: 38px;border: none !important;color: #666 !important;background-color: #fff !important;background-image: none !important;line-height: 34px;text-align: center;} .event-calendar .ui-state-hover {border: none !important;} .event-calendar .ui-datepicker-prev.ui-state-hover {background: url(../image/front/desktop/sprite.png) -136px -16px no-repeat;} .event-calendar .ui-datepicker-next.ui-state-hover {background: url(../image/front/desktop/sprite.png) -152px -16px no-repeat;} .event-calendar .ui-state-active {width: 30px;height: 30px;padding: 0 !important;margin: auto;color: #fff !important;border-radius:15px;background-color: #c11311 !important;vertical-align: top;} .event-calendar .ui-datepicker-week-end .ui-state-active {color: #fff !important;} .event-calendar .ui-state-highlight {border: none !important;background: none !important;} /* .event-calendar .ui-state-highlight .ui-state-default {width: 30px;height: 30px;padding: 0 !important;margin: auto;color: #fff !important;border-radius:15px;background-color: #c11311 !important;vertical-align: top;} */ .event-calendar .ui-state-highlight .ui-state-default {width: 34px;height: 34px;padding: 0 !important;margin: auto;color: #fff !important;border-radius:20px;background-color: #007086 !important;vertical-align: top;} .event-calendar .ui-state-highlight.ui-datepicker-today .ui-state-default {background-color: #d3e4e7 !important;} /*.event-calendar .ui-datepicker-current-day .ui-state-default {background-color: #fff !important;} .event-calendar .ui-datepicker-current-day .ui-state-default {color: #555 !important;background-color: #fff !important;} .event-calendar .ui-state-default.ui-state-active {color: #555;background-color: #fff;}*/ .event-calendar h3 {margin: 40px 0 16px;padding: 0 0 10px 17px;border-bottom: 1px solid #ececec;color: #333;font-size: 12px;} .event-calendar h3 em {font-size: 14px;} .event-calendar ul li {margin: 0 0 18px 17px;letter-spacing: -0.01em;} .event-calendar ul li span {margin: 0 8px 0 0;color: #333;font-weight: 700;} html:lang(ar) .event-calendar .ui-datepicker-next {right: auto !important;left: 47px !important;background: url(../image/front/desktop/sprite.png) -136px -16px no-repeat;} html:lang(ar) .event-calendar .ui-datepicker-prev {left: auto !important;right: 47px !important;background: url(../image/front/desktop/sprite.png) -152px -16px no-repeat;} #calendarContainer>li{padding:8px} .bbs-type-cal{margin:20px 0 0 0;border-top:1px solid #000;border-bottom:2px solid #000} .bbs-type-cal h3{position:relative;padding:20px 0;color:#000;font-size:30px;font-weight:200} .bbs-type-cal h3 .line{bottom:0} .bbs-type-cal h3 em{font-weight:900} .bbs-type-cal h3 a{display:inline-block;width:12px;height:19px;margin:0 20px;background-image:url(/image/front/desktop/sprite.png);background-repeat:no-repeat;font-size:0;vertical-align:middle} .bbs-type-cal h3 a.prev{background-position:-135px -16px} .bbs-type-cal h3 a.next{background-position:-151px -16px} .bbs-type-cal ol li{padding:13px 0;border-top:1px solid #e0e0e0} .bbs-type-cal ol li:first-child{border-top:none} .bbs-type-cal .date{margin: 0 0 10px 5px;width: 100%;float: none;} .bbs-type-cal .date em{color:#e30000} .bbs-type-cal .head{color:#000;font-size:16px;font-weight:900} .bbs-type-cal .btn-more{float:right;top:-30px;font-size:18px} .bbs-type-cal .btn-more i{display:inline-block;margin:0 8px 0 0;vertical-align:middle} html:lang(ar) .bbs-type-cal h3 a.prev {background-position: -151px -16px;} html:lang(ar) .bbs-type-cal h3 a.next {background-position: -135px -16px;} html:lang(ar) .bbs-type-cal .btn-more {float: left;} html:lang(ar) .bbs-type-cal .btn-more i{margin:0 0 0 8px} html:lang(ar) #footer .foot-navi li{float:right} html:lang(ar) #footer .group-sns{float:left} html:lang(ar) #footer .group-sns li{float:right;border-left:none;border-right:1px solid #e4e4e4} /******************************************************************************* table *******************************************************************************/ .tree-navigation, .tree-navigation ol{ margin:0; padding:0; list-style:none; } .tree-navigation ol{ margin-left:1em;/* indentation */ position:relative; } .tree-navigation ol ol{margin-left:.5em} /* (indentation/2) */ .tree-navigation ol:before{ content:""; display:block; width:0; position:absolute; top:0; bottom:0; left:0; border-left:1px solid #ddd; } .tree-navigation li{ margin:0; padding:0 1em;/* indentation + .5em */ line-height:2em;/* default list item's `line-height` */ color:#369; font-weight:bold; position:relative; } .tree-navigation ol li:before{ content:""; display:block; width:10px;/* same with indentation */ height:0; border-top:1px solid #ddd; margin-top:-1px;/* border top width */ position:absolute; top:1em;/* (line-height/2) */ left:0; } .tree-navigation ol li:last-child:before{ background:#fff;/* same with body background */ /**/ height:auto; top:1em;/* (line-height/2) */ bottom:-0.5em; } html:lang(ar) .tree-navigation ol:before{left:auto;right:0} html:lang(ar) .tree-navigation ol li:before{left:auto;right:0} .bbs-search{margin:14px 0 20px 0;position: relative;} .bbs-search:after{content:" ";display:block;clear:both} .bbs-search .bx{display: block;float:none;width:auto;margin:0 2%;height:45px;border:1px solid #d5d5d5;border-radius:3px;box-sizing:border-box;font-size: 0.5rem;min-width: 200px;} .bbs-search .bx input{width: 50%;height:26px;display:inline-block;border:none;color:#000;font-size:12px;font-weight:700;} .bbs-search .bx select{display: inline-block;height: 43px;border: none;width: 30%;line-height: 43px;font-size: 14px;float: left;} .bbs-search .bt-bbs-search{float:right;width:auto;height:38px;border-radius:3px;color:#fff;background-color:#a2c018;font-weight:700;font-size:14px;position: absolute;right: 0;top:0;padding: 0 10px;font-size: 12px;} /* 20230209 height:45px;를 height:38px;로 수정 */ .bbs-search .bt-bbs-search i{display:inline-block;width:13px;height:14px;margin:0 6px 0 0;background:url(/image/front/desktop/sprite.png) -146px -77px no-repeat;vertical-align:middle} .bbs-search.result .bx input{width:100%;text-indent:8px;height:100%} .bbs-search.result .search-notice{margin:32px 0 0 3%;clear:both;color:#000;line-height:1.2em} .bbs-search1{padding:20px 20px 20px 20px} .bbs-search1:after{content:" ";display:block;clear:both} .bbs-search1 .bx{float:left;width:590px;height:44px;border:1px solid #d5d5d5;border-radius:3px;line-height:40px} .bbs-search1 .bx input{width:440px;border:none;color:#000;font-size:18px;font-weight:700} .bbs-search1 .bx select{border:none} .bbs-search1 .bt-bbs-search{float:right;width:100px;height:44px;border-radius:3px;color:#fff;background-color:#a2c018;font-weight:700} .bbs-search1 .bt-bbs-search i{display:inline-block;width:13px;height:14px;margin:0 6px 0 0;background:url(/image/front/desktop/sprite.png) -146px -77px no-repeat;vertical-align:middle} .bbs-search1.result .bx input{width:560px;margin:0 15px} .bbs-search1.result .search-notice{margin:60px 0 0 0 ;clear:both;height:30px;color:#000;line-height:30px} .bbs-type-exhibit li .photo {float:left; width:30%; height:95px !important; margin:0 10px 0px 0;} .bbs-type-exhibit li .photo img {max-width:100%; min-width:58px; min-height:95px !important;} .bbs-type-exhibit li .title {margin: 0 0 10px 0;display: block;position: relative;width: auto;z-index: 1;} .bbs-type-exhibit li .title h3 {font-size:17px;} /* 20210106 추가 */ .bbs-type-exhibit li .title h3 a {color: #000;font-size: 1rem;display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} /* 20210106 리스트 썸네일 백업 .bbs-type-exhibit li .photo {float: left;width: 30%;height: auto;margin: 0 10px 0px 0;} .bbs-type-exhibit li .photo img {max-width:100%; min-width:58px;} */ html:lang(ar) .bbs-search1 .bx{float:right} html:lang(ar) .bbs-search1 .bt-bbs-search{float:left} html:lang(ar) .bbs-search1 .bt-bbs-search i{margin:0 0 0 6px} html:lang(ar) .bbs-search .bx{float: right;margin-right: 0;width: 100%;} html:lang(ar) .bbs-search .bt-bbs-search{float: left;right: auto;left: 0;} html:lang(ar) .bbs-search .bt-bbs-search i{margin:0 0 0 6px} table.bbs{width:100%;border-collapse:collapse;border-spacing:0;margin-bottom:20px} table.bbs caption.h5{visibility:visible !important;z-index:1 !important;padding:15px 0 10px 0;color:#00817f;font-size:1em !important;line-height:1em;font-weight:900;text-align:left} table.bbs col.date{width:50px} table.bbs col.hit{width:60px;} table.bbs col.input{width:25px} table.bbs col.num{width:45px;} table.bbs col.writer{width:45px} table.bbs col.reply{width:40px} table.bbs col.file{width:30px} table.bbs td img{vertical-align:middle} table.bbs thead th{padding:10px 2px;color:#000;border-bottom:1px solid #000;border-top:1px solid #000; /* font-size:1.1rem; */ text-align:center;text-overflow: ellipsis;overflow: hidden; white-space: nowrap;} table.bbs tbody td{position:relative;padding:10px 3px;border-bottom:1px solid #e0e0e0; /* color:#111; font-weight:700; */ text-align:center;vertical-align:middle;font-size:0.9rem} table.bbs tbody td .date{display:block;margin:4px 0 0 0;color:#666;font-weight:300;font-size:0.8rem;} table.bbs tbody td .writer{color:#666;font-weight:300} table.bbs tbody td .ico-secret{display:inline-block;position:absolute;right:10px;top:26px;width:16px;height:21px;background:url(/image/front/mobile/sprite.png) -405px -17px no-repeat;text-indent:-999em} table.bbs tbody td .ico-reply{display:inline-block;float:left;width:20px;height:20px;margin:0 15px 0 0;background:url(/image/front/mobile/sprite.png) -405px -56px no-repeat;text-indent:-999em} table.bbs tbody .hot td{/* color:#ca0006 */} table.bbs tbody .hot td:first-child{text-transform:uppercase} table.bbs tbody .hot td.subject{color:#111} table.bbs td.subject{padding:10px 6px;text-align:left} table.bbs td.subject a{width:100%; /* color:#111; */ overflow:hidden; text-overflow:ellipsis; display:block; /* font-size:1rem; */} table.bbs thead th:first-child{display:none;} table.bbs thead th:last-child{display:none;} table.bbs tbody .hot td:first-child{display:none;} table.bbs tbody .hot td:last-child{display:none;} table.bbs tbody td:first-child{display:none;} table.bbs tbody td:last-child{display:none;} table.bbs col.num{display:none;} table.bbs col.bbs2{width:80%;} table.bbs col.date{width:20%;} table.bbs col.hit{display:none;} html:lang(ar) table.bbs td.subject{padding:20px 20px 20px 5px;text-align:justify} html:lang(ar) table.bbs tbody td .ico-secret{right:auto;left:10px} html:lang(ar) table.bbs tbody td .ico-reply{float:right;margin:0 0 0 15px} .comment{overflow:hidden;margin:70px 0 0 0;padding:20px 0;border-top:1px solid #000;border-bottom:1px solid #000} .comment .left, .comment .writer{float:left;width:220px;margin-right:-220px} .comment .left label, .comment .right label{display:block;margin:8px 0 4px} .comment input, .comment textarea{border:1px solid #d5d5d5;border-radius:3px} .comment .left input{width:100%} .comment .right, .comment .cont{margin-left:234px;min-height:170px} .comment .right textarea{width:99%;height:215px} .comment ol{padding:20px 0;border-top:1px solid #e0e0e0;clear:both} .comment p.date{margin:10px 0 0 0} .comment .modify, .comment .delete{display:inline-block;margin:20px 0 0 0;padding:10px;color:#fff;background-color:#555} .comment .cont, .comment .cont p{line-height:1.4em} html:lang(ar) .comment .left, html:lang(ar) .comment .writer{float:right;margin-right:0;margin-left:-220px} html:lang(ar) .comment .right, html:lang(ar) .comment .cont{margin-left:0;margin-right:234px} .view-content{/* padding-bottom:15px;border-bottom:1px solid #000 */padding-bottom: 0;} .view-content iframe{width:100%; height: auto;} .view-content header{position:relative;border-bottom:1px solid #e6e6e6;padding-top:10px} .view-content h2{margin:6px 0;color:#000;font-size:16px;font-weight:bold;line-height:1.3em} .view-content.lecture h2{max-width:580px} .view-content header button.btn-bbs.bl{position:absolute;right:0;top:0;margin-left:2px} .view-content.lecture header button.btn-bbs.bl{top:26px;margin-left:0} .view-content .sub-info{/*margin:0 0 12px 0;*/color:#666} .view-content .attach-file{padding:10px 0;min-height:3rem;} .view-content .attach-file dt{float:left;margin:0 8px 0 0;color:#000;font-weight:700;text-transform:uppercase} .view-content .cont{padding:7px 0 0 0;line-height:1.2em} .view-content .cont .txt{} .view-content .cont p{margin:5px 0;line-height:1.6em} .view-content .cont p img{height:auto;max-width:300px} .view-content .cont .frameEditor{margin:0 auto} .view-content .cont .frameEditor p img{max-width:auto} .view-content .btn-group{height:5rem;border-top:1px solid #e0e0e0;line-height:25px;} .view-content .btn-group a, .view-content .btn-group button{display:inline-block;color:#000;font-weight:700} .view-content .btn-group a:hover{text-decoration:none} .view-content .btn-group a i, .view-content .btn-group button i{display:inline-block;background-image:url(/image/front/mobile/sprite.png);background-repeat:no-repeat;background-size:250px auto} .view-content .btn-group .left{float:left;} .view-content .btn-group .right{float:right;/*width: 50%;*/} /* .view-content .btn-group .go-bbs-list{border-right:1px solid #e0e0e0} 20240626 수정 */ /* .view-content .btn-group .go-bbs-prev{border-right:1px solid #e0e0e0;} 20240626 수정 */ .view-content .movie-poster{float:left;max-width:319px;max-height:458px;margin:0 30px 20px 0} .view-content .movie-poster img{max-width:319px;max-height:458px} .view-content .movie-reservation{margin:20px 0 0 0;clear:both} .view-content .movie-reservation li{margin:0 0 5px 0;padding:0;border:none} .view-content .movie-reservation span{margin:0 15px 0 0} .view-content .lec-info{position:relative;margin:20px 0 0 0;border-top:1px dashed #bcbcbc} .view-content .lec-info h4{margin:14px 0 10px 0;color:#000;font-size:16px} .view-content .lec-info dl{line-height:1.8em} .view-content .lec-info dt{float:left;margin:0 3px 0 0} .view-content .lec-info dt:after{content:":"} .view-content .lec-info dd em{color:#9a0000;font-weight:800} .view-content .lec-info button.btn-bbs.bl{position:absolute;right:0;top:10px} html:lang(ar) .view-content header button.btn-bbs.bl{right:auto;left:0} html:lang(ar) .view-content .attach-file dt{float: none;margin: 0;} html:lang(ar) .view-content .attach-file dd{margin-right:0;font-size: 12px;} html:lang(ar) .view-content .movie-poster{float:right;margin:0 0 20px 30px} html:lang(ar) .view-content .movie-reservation span{margin:0 0 0 15px} html:lang(ar) .view-content .lec-info dt{float:right;margin:0 0 0 5px} html:lang(ar) .view-content .lec-info button.btn-bbs.bl{right:auto;left:0} .btn-group{height:38px;margin:7px 0 0 0;background-color:#fff;line-height:20px} .btn-group a, .btn-group button{display:inline-block;padding:0 10px 0 14px;color:#000;font-weight:700} .btn-group a:hover{text-decoration:none} .btn-group a i, .btn-group button i{display:inline-block;background-image:url(/image/front/mobile/sprite.png);background-repeat:no-repeat;background-size:250px auto} /* .btn-group .go-bbs-list{border-right:1px solid #e0e0e0} 20240626 수정 */ .btn-group .go-bbs-list i{width:10px;height:8px;margin:0 10px 0 0;background-position:-145px -48px} /* .btn-group .go-bbs-prev{border-right:1px solid #e0e0e0} 20240626 수정 */ .btn-group .go-bbs-prev i{width:5px;height:8px;margin:0 10px 0 0;background-position:-168px -48px} .btn-group .go-bbs-next{padding:0 14px 0 10px} .btn-group .go-bbs-next i{width:5px;height:8px;margin:0 0 0 10px;background-position:-181px -48px} html:lang(ar) .btn-group a, html:lang(ar) .btn-group button{padding:0 13px 0 13px} html:lang(ar) .btn-group .left{float:right} html:lang(ar) .btn-group .right{float:left} html:lang(ar) .btn-group .go-bbs-list{border-right:none;border-left:1px solid #e0e0e0} html:lang(ar) .btn-group .go-bbs-list i{margin:0 0 0 20px} html:lang(ar) .btn-group .go-bbs-prev{border-left:1px solid #e0e0e0;border-right:none} html:lang(ar) .btn-group .go-bbs-prev i{margin: 0px 0 0 10px;background-position: -181px -47px;} html:lang(ar) .btn-group .go-bbs-next i{margin: 0;background-position: -168px -48px;} .btn-flex{overflow:hidden;padding:12px 0} .btn-flex .left{float:left;margin-left:10px} .btn-flex .right{float:right;margin-right:10px} .btn-bbs{display:inline-block;/*padding:4px 15px 6px 15px;*/border-radius:3px;color:#fff;background-color:#626262;font-size:14px;font-weight:700;vertical-align:middle} .btn-bbs:hover{color:#f5f5f5;text-decoration:none} .btn-bbs.active{background-color:#a2c018;margin-right:8px;margin-left:2px} .btn-bbs.active:first-child{margin-right:0} .btn-bbs.yel{background-color:#c1ab2d} .btn-bbs.bl{background-color:#006d82} .btn-bbs-sm{display:inline-block;padding:2px 14px 6px 14px;color:#fff;background-color:#474747;font-weight:700;font-family:'Noto Sans', NOTOS;font-size:14px;vertical-align:middle;border-radius:4px;margin-top:6px} .btn-se-b{width:55px;height:50px;border-radius:3px;color:#fff;background-color:#006d82;font-weight:700;font-size:12px;vertical-align:middle;line-height:50px;text-align:center} .btn-def{height:17px;padding:0 8px;color:#fff;background-color:#414141;line-height:17px;text-align:center;vertical-align:middle} .list-event .btn-bbs.bl{margin-left:2px} html:lang(ar) .btn-flex .left{float:right} html:lang(ar) .btn-flex .right{float:left} .ico-file{display:inline-block;width:16px;height:16px;margin:-1px 4px 0 0;background-image:url(/image/admin/sprite.png);background-repeat:no-repeat;background-position:-277px -79px;vertical-align:middle} .ico-file.doc, .ico-file.docx{background-position:-16px -79px} .ico-file.xls, .ico-file.xlsx{background-position:-41px -79px} .ico-file.jpg{background-position:-66px -79px} .ico-file.hwp{background-position:-90px -79px} .ico-file.ppt{background-position:-114px -79px} .ico-file.pdf{background-position:-137px -79px} .ico-file.rar, .ico-file.zip{background-position:-159px -79px} .ico-file.mp3{background-position:-181px -79px} .ico-file.gif{background-position:-208px -79px} .ico-file.html{background-position:-231px -79px} .ico-file.mp4, .ico-file.wav, .ico-file.wmv, .ico-file.avi{background-position:-255px -79px} .pagination{/* margin:15px -20px -20px -20px; */padding:10px 0;color:#999;background-color:#fff;text-align:center} .pagination *{vertical-align:top} .pagination img{margin:-2px 0 0 0;vertical-align:middle} .pagination a, .pagination strong{font-weight:200;display:inline-block;} .pagination a{min-width: 21px;height:27px;color:#707070;line-height:27px;margin:0 -1px} .pagination a:hover{color:#000;text-decoration:underline} .pagination strong{display:inline-block;min-width:22px;height:25px;border:1px solid #b2b2b2;color:#000;text-align:center;line-height:25px} .pagination a.bt{display:inline-block;width:14px;height:25px;padding:0 2px !important;background-image:url(/image/front/mobile/sprite.png);background-repeat:no-repeat;text-indent:-999em;vertical-align:middle;background-size:250px auto} .pagination a.bt.prevn{background-position:-12px -105px} .pagination a.bt.prev{background-position:-44px -105px} .pagination a.bt.next{background-position:-81px -105px} .pagination a.bt.nextn{background-position:-122px -105px} /*html:lang(ar) .pagination a.bt.prevn{background-position:-228px -210px} html:lang(ar) .pagination a.bt.prev{background-position:-144px -210px} html:lang(ar) .pagination a.bt.next{background-position:-71px -210px} html:lang(ar) .pagination a.bt.nextn{background-position:-6px -210px}*/ html:lang(ar) .pagination a.bt.prevn{background-position:-118px -105px} html:lang(ar) .pagination a.bt.prev{background-position:-76px -105px} html:lang(ar) .pagination a.bt.next{background-position:-43px -105px} html:lang(ar) .pagination a.bt.nextn{background-position:-6px -105px} .select-pop{display:none;z-index:900;position:absolute;width:300px;margin:8px 0 0 0;border:1px solid #ab9517;box-shadow:5px 5px 0 #e4e4e4;background-color:#fff;top:30px;left:0;} /* 20230209 width:310px;를 width:300px; 수정 */ .select-pop li{padding:10px 15px;border-top:1px solid #ebebeb;cursor:pointer} .select-pop li:first-child{border-top:none} .select-pop li:hover{color:#000;font-weight:800;background-color:#f7f7f7} .bbs-type-gallery{border-top:1px solid #000} .bbs-type-gallery li{overflow:hidden;padding:10px 0;border-top:1px solid #e0e0e0} .bbs-type-gallery li:first-child{border-top:none} .bbs-type-gallery li .header{margin:0 0 17px 0} .bbs-type-gallery li .header h3{margin:0 0 4px 0;font-size:16px;font-weight:bold;line-height:1.2em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:300px} .bbs-type-gallery li .header h3 a{color:#000} .bbs-type-gallery li .header .date{margin:0 10px 0 0;color:#666} .bbs-type-gallery li .header .name{color:#666} .bbs-type-gallery li .photo{float:left; width:150px; height: 100px !important; overflow:hidden; margin:0 15px 10px 0} /* 20231020 수정 */ .bbs-type-gallery li .photo img{max-width:150px;min-width:150px} .bbs-type-gallery li .txt, .bbs-type-gallery li .txt p{line-height:1.2em} .bbs-type-gallery-detail{margin:10px 0 0 0} .bbs-type-gallery-detail header.top{padding:10px 0;margin:0 0 10px 0;border-bottom:1px solid #e0e0e0} .bbs-type-gallery-detail header.top h3{margin:0 0 5px 0;font-size:15px;font-weight:200;line-height:1.2em} .bbs-type-gallery-detail header.top h3 a{color:#000} .bbs-type-gallery-detail header.top .date{margin:0 10px 0 0;color:#666} .bbs-type-gallery-detail header.top .name{color:#666} .bbs-type-gallery-detail .txt, .bbs-type-gallery-detail .txt p{font-size:1.0rem;line-height:1.2em} .bbs-type-gallery-detail .txt{padding:0 0 10px 0;margin:0 0 10px 0;border-bottom:1px solid #e0e0e0} .bbs-type-gallery-detail .photo-area{text-align:center} .bbs-type-gallery-detail .photo-area img{max-width:320px;margin:0 0 10px 0} html:lang(ar) .bbs-type-gallery li .photo{float:right;margin:0 0 20px 30px} .bbs-type-lec{border-top:1px solid #000;margin-bottom:20px} .bbs-type-lec li{overflow:hidden;padding:14px 0;border-bottom:1px solid #e0e0e0} .bbs-type-lec li .header{position:relative;margin:0 0 8px 0} .bbs-type-lec li .header h3{max-width:280px; overflow:hidden; text-overflow:ellipsis; margin:0 0 0 0; font-size:17px; line-height:2.2rem; white-space:nowrap} .bbs-type-lec li .header h3 a{color:#000;line-height:1.6em} .bbs-type-lec li .header h3 em{margin:0 0 0 4px;color:#9a0000} .bbs-type-lec li .header .date{margin:0 10px 0 0;color:#666} .bbs-type-lec li .header .date, .bbs-type-lec li .header .writer{font-size:13px} .bbs-type-lec li .header .name{color:#666} .bbs-type-lec li .header .btn{position:absolute;right:0;top:8px} .bbs-type-lec li .photo{float:left; width:150px; height:100px !important; overflow:hidden; margin:0 15px 10px 0} .bbs-type-lec li .photo img{max-width:unset; min-width:unset; width:100%;} .bbs-type-lec li .txt, .bbs-type-lec li .txt p{font-size:1.2rem;line-height:1.3rem} .bbs-type-lec ol li div.txt {overflow:hidden; line-height:1.4rem; font-size:.9rem; white-space:normal; -webkit-line-clamp:4; display:-webkit-box; -webkit-box-orient:vertical; max-height:100px !important;} .bbs-type-lec .lec-info{display:inline-block;width:350px;margin:10px 0 0 0;border-top:1px dashed #bcbcbc} .bbs-type-lec .lec-info h4{margin:10px 0 5px 0;color:#000;font-size:12px} .bbs-type-lec .lec-info dl{line-height:1.4em} .bbs-type-lec .lec-info dt{float:left;margin:0 3px 0 0} .bbs-type-lec .lec-info dt:after{content:":"} .bbs-type-lec .lec-info dd em{color:#9a0000;font-weight:bold} /* 20210106 리스트 썸네일 백업 .bbs-type-lec li .photo{float:left;width:160px;height:230px;overflow:hidden;margin:0 15px 10px 0} .bbs-type-lec li .photo img{max-width:160px;min-width:160px} .bbs-type-lec li .header h3{max-width:280px;overflow:hidden;text-overflow:ellipsis;margin:0 0 0 0;font-size: 1.8rem;line-height:2.2rem;white-space:nowrap} .bbs-type-lec ol li div.txt {overflow: hidden;line-height: 2rem;font-size: 1.4rem;white-space: normal;-webkit-line-clamp: 6;display: -webkit-box;-webkit-box-orient: vertical;} */ html:lang(ar) .bbs-type-lec li .header .btn{right:auto;left:0} html:lang(ar) .bbs-type-lec li .photo{float:right;margin:0 0 20px 30px} html:lang(ar) .bbs-type-lec .lec-info dt{float:right} .jcarousel-slide-wrapper{height:380px;overflow:hidden;border-top:1px solid #000;border-bottom:1px solid #000} .jcarousel-slide-wrapper .controller{height:50px;margin:0 0 15px 0;border-bottom:1px solid #e0e0e0;line-height:50px} .jcarousel-slide{overflow:hidden} .jcarousel-slide-wrapper li{float:left;width:220px;height:200px;margin:0 15px 0 0;overflow:hidden;border:1px solid #b0b0b0;text-align:center;line-height:108px} .jcarousel-slide-wrapper li img{max-width:230px;max-height:210px;vertical-align:middle} .carousel-stage{height:500px} .carousel-stage li{width:700px;text-align:center} .carousel-stage li a{display:block;height:500px;line-height:500px} .carousel-stage li img{vertical-align:middle; max-height:480px;max-width:480px} .stage{position:relative} .jcarousel-stage-prev, .jcarousel-stage-next{position:absolute;top:200px;width:80px;height:100px;background-image:url(/image/front/desktop/sprite.png);background-repeat:no-repeat;font-size:0} .jcarousel-stage-prev{left:0;background-position:-18px -138px} .jcarousel-stage-next{right:0;background-position:-108px -138px} html:lang(ar) .jcarousel-slide-wrapper li{float:right;margin:0 0 0 15px} .controller{overflow:hidden} .controller button{display:inline-block;padding:0 13px;color:#000;font-size:15px;font-weight:700} .controller a:hover{text-decoration:none} .controller a i, .controller button i{display:inline-block;width:10px;height:15px;background-image:url(/image/front/mobile/sprite.png);background-repeat:no-repeat;vertical-align:middle} .controller .prev, .controller .next{height:30px;margin:10px 0} .controller .prev i{margin:0 8px 0 0;background-position:-336px -95px} .controller .next i{float:right;margin:5px 0 0 8px;background-position:-362px -95px} .controller .prev{float:left;border-right:1px solid #e0e0e0} .controller .next{float:right;border-left:1px solid #e0e0e0} .kogl-mark{margin:20px 0;color:#b0b0b0;line-height:1.5em} .kogl-mark img{float:left;max-height:36px;margin:0 15px 0 0;vertical-align:middle} html:lang(ar) .controller .prev i{float:right;margin:5px 0 0 8px;background-position:-362px -95px} html:lang(ar) .controller .next i{float:left;margin:5px 8px 0 0;background-position:-336px -95px} html:lang(ar) .controller .prev{float:right;border-left:1px solid #e0e0e0;border-right:none} html:lang(ar) .controller .next{float:left;border-right:1px solid #e0e0e0;border-left:none} html:lang(ar) .kogl-mark img{float:right;margin:0 0 40px 15px} .bbs-type-webjin header{margin:0 0 20px 0} .bbs-type-webjin h3, .bbs-type-webjin h3 a{color:#000;font-size:24px;font-weight:200} .bbs-type-webjin h3{padding:20px 0 0 0;margin:0 0 30px 0;border-top:1px solid #000} .bbs-type-webjin .txt, .bbs-type-webjin .txt p{line-height:1.5em} .bbs-type-webjin .photo{margin:40px 0;padding:40px 0;border-top:1px solid #e0e0e0;border-bottom:1px solid #e0e0e0} .bbs-type-webjin .photo img{max-width:700px} .related-site .dep1{padding:0 0 20px 0;border-bottom:1px solid #000} .related-site .dep1 h3{padding:15px 0;margin:0 0 15px 0;border-bottom:1px solid #ebebeb;color:#000;font-size:2rem;line-height: 2rem;font-weight: 600;} .related-site .dep1 ol li{margin:0 0 7px 0;color:#000} .related-site .dep1 ol li a{margin:0 0 0 15px;color:#666} /*.bbs-type-sitemap{overflow:hidden} .bbs-type-sitemap .sitemap{float:left;width:100%;padding-bottom:20px} .bbs-type-sitemap li{line-height:1.5em} .bbs-type-sitemap a{display:inline-block;padding:4px 0;font-weight:200} .bbs-type-sitemap .dep1{display:block;padding:12px 0;margin:0 0 4px 0;border-top:1px solid #e0e0e0;border-bottom:2px solid #e0e0e0;color:#000;font-size:16px;font-family:NOTOSBOLD;font-weight:900} .bbs-type-sitemap .dep2{padding:5px 0;color:#000;font-weight:400;font-size:13px}*/ .bbs-type-sitemap .dep {width:100%;padding: 0;} .bbs-type-sitemap > .sitemap > li { float: none;padding: 0;} .bbs-type-sitemap .dep .dep1 { font-size:2rem;} .bbs-type-sitemap .dep .dep2 li a{ font-size:16px; } .bbs-type-sitemap .dep .dep2 {} .bbs-type-sitemap .dep .dep3 {} .bbs-type-sitemap .dep .dep3 li a{font-size:14px;} html:lang(ar) .bbs-type-sitemap .sitemap{float:right} .bbs-type-movie{border-top:1px solid #000} .bbs-type-movie li{overflow:hidden;padding:10px 0;border-top:1px solid #e0e0e0} .bbs-type-movie li:first-child{border-top:none} .bbs-type-movie li .header{margin:0 0 17px 0} .bbs-type-movie li .header h3{margin:0 0 5px 0;font-size:16px;line-height:1.2em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:320px} .bbs-type-movie li .header h3 a{color:#000} .bbs-type-movie li .header .date{margin:0 10px 0 0;color:#666} .bbs-type-movie li .header .name{color:#666} .bbs-type-movie li .photo{float:left; width:30%; margin:0 10px 0 0; overflow:hidden; height:230px;} .bbs-type-movie li .photo img{width:100%; height:auto; border:1px solid #e0e0e0; max-width:unset; min-width:unset;} .bbs-type-movie dl.movie-info{margin:0 0 15px 0;color:#666} .bbs-type-movie dl.movie-info dt{font-size:14px; line-height:1.4em} .bbs-type-movie dl.movie-info dd{font-size:14px; line-height:1.4em} .bbs-type-movie dl.movie-info dt:after{content:":"} .bbs-type-movie ol li div.txt.sumtxt h3{font-size:17px;}/* 20210106 수정 */ .bbs-type-movie li .txt, .bbs-type-movie li .txt p{/*line-height:1.2em;font-size:1.0rem*/ /*line-height: 1.2em;font-size: 1.0rem;overflow: hidden;text-overflow: ellipsis;overflow: hidden; white-space: normal; word-wrap: break-word; display: -webkit-box;-webkit-line-clamp: 8; -webkit-box-orient: vertical; text-align: left;*/} .bbs-type-movie ol li div.txt.sumtxt div.movie-content-div {height:9rem; overflow:hidden; white-space:normal; font-size:.9rem; line-height:1.4rem; -webkit-line-clamp:3; display:-webkit-box; -webkit-box-orient:vertical; } .bbs-type-movie .movie-reservation{display:block;margin:10px 0 0 0;clear:both} .bbs-type-movie .movie-reservation li{margin:0 0 3px 0;padding:0;border:none} .bbs-type-movie .movie-reservation span{margin:0 7px 0 0} /* 20210106 리스트 썸네일 백업 .bbs-type-movie li .photo{float:left;width:130px;margin:0 15px 0 0;overflow:hidden;height: 230px;} .bbs-type-movie li .photo img{width:100%;height:auto;border:1px solid #e0e0e0} .bbs-type-movie dl.movie-info dt{float:left;font-size:14px;line-height:1.4em} .bbs-type-movie dl.movie-info dd{font-size:14px;line-height:1.4em} .bbs-type-movie ol li div.txt.sumtxt h3{font-size:1.7rem;} .bbs-type-movie ol li div.txt.sumtxt div.movie-content-div {height: 9rem;overflow: hidden;white-space: normal;font-size: 1.2rem;line-height: 1.8rem; -webkit-line-clamp: 5;display: -webkit-box;-webkit-box-orient: vertical; } */ /* 아랍 어 개편 css 추가 20201211 */ html:lang(ar) .bbs-type-movie ol li div.txt.sumtxt h3{font-size:17px;} html:lang(ar) .bbs-type-movie ol li div.txt.sumtxt div.movie-content-div {font-size:16rem;} html:lang(ar) .bbs-type-movie li .header .date{margin:0 0 0 20px} html:lang(ar) .bbs-type-movie li .photo{float:right;margin:0 0 20px 30px} html:lang(ar) .bbs-type-movie dl.movie-info dt{float:right} html:lang(ar) .bbs-type-movie .movie-reservation span{margin:0 0 0 15px} .bbs-type-search h3{padding:30px 0 12px;margin:-1px 0 0 0;border-top:1px solid #000;border-bottom:1px solid #ebebeb;color:#000;font-size:32px} .bbs-type-search p.result{margin:0 0 10px 8px;color:#000;font-weight:900} .bbs-type-search .dep1{overflow:hidden;padding:10px;border-bottom:1px solid #ebebeb} .bbs-type-search .head{padding:0 0 0 0} .bbs-type-search .head h4{margin:0 0 10px 0;color:#000;font-size: 13px;} .bbs-type-search .cont p, .bbs-type-search .cont li, .bbs-type-search .cont div{line-height:1.4em} .bbs-type-search .view-more-result{display:block;margin:15px 0 20px;color:#000;font-weight:900;text-align:right} .bbs-type-search .book-info{margin:20px 0;line-height:1.7em} .bbs-type-search .book-info dt{float:left} .bbs-type-search1 h3{padding:20px 20px 20px 20px;margin:-1px 0 0 0;border-top:1px solid #000;border-bottom:1px solid #ebebeb;color:#000;font-size:32px} .bbs-type-search1 p.result{padding:20px 20px 20px 20px;color:#000;font-weight:900} .bbs-type-search1 .dep1{overflow:hidden;padding:20px 20px 20px 20px;border-bottom:1px solid #ebebeb} .bbs-type-search1 .head{padding:0 3% 0 0} .bbs-type-search1 .head h4{margin:0 0 10px 0;color:#000} .bbs-type-search1 .cont p, .bbs-type-search1 .cont li, .bbs-type-search1 .cont div{line-height:1.4em} .bbs-type-search1 .view-more-result{display:block;margin:15px 0 20px;color:#000;font-weight:900;text-align:right} .bbs-type-search1 .book-info{margin:20px 0;line-height:1.7em} .bbs-type-search1 .book-info dt{float:left} .bbs-type-search .book-info dt:after{content:":";margin:0 4px 0 0} .bbs-type-search.book ol{border-top:1px solid #000} .bbs-type-search .ico.bbs{display:inline-block;padding:5px 10px;border-radius:3px;color:#fff;background-color:#a2c018;text-align:center;vertical-align:middle;line-height: 16px;} .bbs-type-search1 .book-info dt:after{content:":";margin:0 4px 0 0} .bbs-type-search1.book ol{border-top:1px solid #000} .bbs-type-search1 .ico.bbs{display:inline-block;padding:5px 10px;border-radius:3px;color:#fff;background-color:#a2c018;text-align:center;vertical-align:middle} .bbs-type-search .book-info dt, .bbs-type-search .book-info dd {height: auto;} html:lang(ar) .bbs-type-search .head{padding:0 0 0 3%} html:lang(ar) .bbs-type-search .book-info dt{float:right} html:lang(ar) .bbs-type-search .view-more-result{text-align:left} html:lang(ar) .bbs-type-search1 .head{padding:0 0 0 3%} html:lang(ar) .bbs-type-search1 .book-info dt{float:right} html:lang(ar) .bbs-type-search1 .view-more-result{text-align:left} /******************************************************************************* spot *******************************************************************************/ .spot-main{position:relative;width:100%;height:auto;border-bottom:2px solid #af2227;background-color:#fff;text-align:center} .spot-main .linepath{bottom:-2px;left:20px} .spot-main .jcarousel-wrapper{z-index:1;position:relative;width:100%;height:auto;margin:auto;clear:both;overflow:hidden} .spot-main .jcarousel-wrapper .opt-bx{} .spot-main .jcarousel{position:relative;overflow:hidden;min-height:160px} .spot-main .jcarousel-control-prev, .spot-main .jcarousel-control-next{display:block;position:absolute;left:146px;top:11px;width:13px;height:13px;background:url(/image/front/desktop/sprite.png) -22px -6px no-repeat;text-indent:-999em;background-size:238px auto} .spot-main .jcarousel-control-prev{display:none} .spot-main .jcarousel-control-prev i, .spot-main .jcarousel-control-next i{display:block;position:absolute;top:270px;width:29px;height:54px;background-image:url(http://img.chukong-inc.co.kr/ver4/mobile/sprite.png);background-repeat:no-repeat} .spot-main .jcarousel-control-prev i{left:25px;background-position:-519px -142px} .spot-main .jcarousel-control-next i{right:25px;background-position:-563px -142px} .spot-main .jcarousel-pagination{position:absolute;right:16px;top:7px;width:auto;text-align:right} .spot-main .jcarousel-pagination a{padding:0 2px;color:#999;font-size:12px} .spot-main .jcarousel-pagination a:first-child:before{content:""} .spot-main .jcarousel-pagination a:before{content:'/';padding:0 3px 0 0} .spot-main .jcarousel-pagination a.active{color:#fff} .spot-main .jcarousel-position{position:absolute;left:120px;top:6px;width:15px;color:#fff;font-size:12px;text-align:right} .spot-main .jcarousel-wrapper .ico{position:absolute;left:273px;top:0;width:30px;height:163px;background:url(/image/front/mobile/ico_acces.png) 0 0 no-repeat} .spot-main .rig{position:relative;min-height:160px;overflow:hidden;margin-left:112px;background:url(/image/front/mobile/bg_spot_right_2.png) 0 0 no-repeat;background-size:100% auto} .spot-main .rig ul li{width:auto} .spot-main .rig h3{z-index:999;position:relative;width:auto;padding:7px 0;margin:26px 0 8px 10px;text-align:left} .spot-main .rig h3 i{display:block;position:absolute;left:0;width:14px;height:0;border-bottom:1px solid #666} .spot-main .rig h3 i.top{top:0} .spot-main .rig h3 i.bot{bottom:0} .spot-main .rig h3 a{color:#fff;font-size:11px;line-height:1.4em} .spot-main .rig .txt{width:auto;margin:0 8px 20px 8px;font-size:.8rem;line-height:1.2em} .spot-main .rig p{color:#c6c6c6;text-align:left;line-height:1.4em} .spot-main .banner{width:112px;height:100%;overflow:hidden;text-align:center;position:absolute;left:0;top:0;background-color:#fff} .spot-main .banner a{display:block;height:100%;width:100%} .spot-main .banner img{width:112px;height:100%;margin:0 auto} html:lang(ar) .spot-main .jcarousel-wrapper .opt-bx{right:auto;left:0} html:lang(ar) .spot-main .jcarousel-control-prev, html:lang(ar) .spot-main .jcarousel-control-next{left:auto;right:69px;background:url(/image/front/desktop/sprite.png) -127px -12px no-repeat} html:lang(ar) .spot-main .jcarousel-pagination{right:auto;left:52px;text-align:left} html:lang(ar) .spot-main .jcarousel-position{left:auto;right:20px} html:lang(ar) .spot-main .jcarousel-wrapper .ico{left:auto;right:273px} html:lang(ar) .spot-main .rig{margin-left:0;margin-right:286px} html:lang(ar) .spot-main .rig h3{margin:52px 20px 18px 0;text-align:justify} html:lang(ar) .spot-main .rig h3 i.top{right:0} html:lang(ar) .spot-main .rig h3 i.bot{right:0} html:lang(ar) .spot-main .rig .txt{margin:0 20px 0 0} html:lang(ar) .spot-main .banner{float:right;margin-right:0;margin-left:-286px} html:lang(ar) .spot-main .rig p{text-align:right} /** Carousel **/ .jcarousel-slide ul, .jcarousel ul{width:1000%;position:relative;list-style:none;margin:0;padding:0} .jcarousel ul{float:left;height:100%} .jcarousel li{position:relative;float:left;width:10%;min-height:170px;background-color:#191919} .jcarousel-control-prev:hover span, .jcarousel-control-next:hover span{display:block} .jcarousel-stage-prev.inactive, .jcarousel-stage-next.inactive, .jcarousel-control-prev.inactive, .jcarousel-control-next.inactive{opacity:0.2;filter:alpha(opacity=20);cursor:default} html:lang(ar) .jcarousel li{float:right} /******************************************************************************* main *******************************************************************************/ .content-area{border:1px solid #d5d5d5;background-color:#fff} .tabmenu.mobile-main{background-color:#262626} .tabmenu.mobile-main .tab{height:38px;padding:14px 5px 0 5px;background-color:#3f3f3f} .tabmenu.mobile-main .tab .dep1{float:left;width:46%;height:100%} .tabmenu.mobile-main .tab .dep1:first-child{width:34%} .tabmenu.mobile-main .tab .dep1:last-child{width:20%} .tabmenu.mobile-main .tab .dep1 a{display:block;height:100%;color:#fff;font-size:14px;font-weight:bold;text-align:center;line-height:36px;-webkit-text-size-adjust:auto} .tabmenu.mobile-main .tab .dep1 a.active{color:#000;background-color:#fff;text-decoration:none} .tabmenu.mobile-main .tab-content{padding:12px 6px;clear:both;margin:0 5px;background-color:#f2f2f2} .tabmenu.mobile-main .tab-content .inner-area{border:1px solid #d5d5d5;background-color:#fff} .tabmenu.mobile-main .tab-content {position:relative;overflow:hidden;padding:30px 8px 12px 112px;min-height:136px;border-top:1px solid #d5d5d5;clear:both} .tabmenu.mobile-main .tab-content :first-child{border-top:none} .tabmenu.mobile-main .tab-content h2{position:absolute;left:10px;top:8px;color:#aa2e32;font-size:18px;font-weight:bold;text-align:left;text-transform:uppercase;letter-spacing:-0.04em} .tabmenu.mobile-main .tab-content h3{margin:14px 0 6px 0;color:#333;font-size:12px;font-weight:bold;letter-spacing:-0.04em} .tabmenu.mobile-main .tab-content h3 a{color:#000} .tabmenu.mobile-main .tab-content .txt{font-size:.9rem} .tabmenu.mobile-main .tab-content .photo{position:absolute;left:8px;top:40px;float:left;width:96px;height:130px;overflow:hidden;text-align:center} .tabmenu.mobile-main .tab-content .photo img{width:100%;vertical-align:middle} html:lang(ar) .tabmenu.mobile-main .tab .dep1{float:right} html:lang(ar) .tabmenu.mobile-main .tab-content h2{text-align:justify} html:lang(ar) .tabmenu.mobile-main .tab-content .photo{float:right;margin:0 0 0 20px} .about-korea h2{height:60px;padding:0 0 0 20px;color:#fff;background-color:#af2227;font-size:24px;line-height:60px;text-transform:uppercase} .about-korea ul{overflow:hidden;padding:20px 20px 0 20px} .about-korea ul li{float:left;margin:0 45px 27px 0} .about-korea ul li:nth-of-type(1), .about-korea ul li:nth-of-type(3){padding-right:32px;margin:0 32px 27px 0;border-right:1px solid #d5d5d5} .about-korea ul li p{margin:0 0 10px 0} .about-korea ul li p a{color:#000;font-weight:700;font-size:18px} .about-korea ul li .photo{width:290px;height:100px;overflow:hidden} .about-korea ul li.st2, .about-korea ul li.st4{margin:0 0 27px 0} html:lang(ar) .about-korea h2{padding:0 20px 0 0} html:lang(ar) .about-korea ul li{float:right} html:lang(ar) .about-korea ul li:nth-of-type(1), html:lang(ar) .about-korea ul li:nth-of-type(3){padding-right:0;padding-left:32px;margin:0 0 27px 32px;border-right:none;border-left:1px solid #d5d5d5} html:lang(es) .bbs-type-search.book .head {width: 77%;} html:lang(es) .bbs-type-search.book ol li div.ico.bbs.viewbutton {font-size: 1rem;} .highlight{color:red} .middle-wrap {padding: 2rem;background: #69acdf;color: #fff;text-align: center;} .middle-wrap * {color: #fff;} .middle-wrap ul {max-width: 165rem;width: 100%;} .middle-wrap li {display: inline-block;} .middle-wrap .sns {padding-top: 3rem;overflow: hidden;display: inline-block;} .middle-wrap .sns a {float: left;width: 5rem;height: 4rem;} .middle-wrap .ft_logo {display: block;width: 22.1rem;height: 5.7rem;font-size:0;text-indent: -9999rem;background: url('/image/ft_logo.png') no-repeat center center;} .middle-wrap .sns a.instagram {font-size:0;text-indent: -9999rem;background: url('/image/ico_ft_instagram.png') no-repeat center center;} .middle-wrap .sns a.facebook {font-size:0;text-indent: -9999rem;background: url('/image/ico_ft_facebook.png') no-repeat center center;} .middle-wrap .sns a.twitter {font-size:0;text-indent: -9999rem;background: url('/image/ico_ft_twitter.png') no-repeat center center;} .middle-wrap .sns a.youtube {font-size:0;text-indent: -9999rem;background: url('/image/ico_ft_youtube.png') no-repeat center center;} .middle-wrap .sns a.vk {font-size:0;text-indent: -9999rem;background: url('/image/ico_ft_vk.png') no-repeat center center;} .middle-wrap .etc_menu {width: 100%;} .middle-wrap .etc_menu span {display: block;padding: 1rem;} .middle-wrap .etc_menu a {display: inline-block;font-weight: bold;font-size: 1.5rem;letter-spacing: 1px;} .middle-wrap .etc_menu a:hover {text-decoration: underline;} .middle-wrap .etc_menu span:first-of-type {padding-top: 2rem;} .middle-wrap .etc_menu span:last-of-type {padding-bottom: 2rem;} .middle-wrap .address {text-align: left;} .middle-wrap .address span {display: inline-block} .middle-wrap .address span.ml_2 {margin-left:0} .middle-wrap .address * {display: block;font-size: 1.5rem;padding: .5rem 0;} /************************************************************* modified by byun. ingil 2015/05/12 *************************************************************/ #inputPwd{z-index:1000;position:fixed;height:270px;width:360px;padding:15px;border:1px solid #ddd;border-radius:8px;background-color:#fff;top:500px;left:210px} button.close-layer{z-index:999;position:absolute;right:0;top:0;width:40px;min-width:40px;height:43px;background:url(/image/admin/e_btn_set.png) -514px -149px no-repeat;font-size:0;text-indent:-999em} .poslayer{display:none} .poslayer .cont{padding:15px;background-color:#fff} .poslayer .btn-area{margin:30px 0 15px;text-align:center} input.inputText{width:180px} }