@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}

}