@charset "utf-8"; /* uracle pjt-team */ /*@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css); @import url(https://cdnjs.cloudflare.com/ajax/libs/normalize/3.0.3/normalize.css);*/ @import url(font-awesome.css); @import url(font-awesome.min.css); @import "reset_new.css"; @import "lightslider.css"; body{position:relative;width:100%;min-height:100%;line-height:1.3;font-family:'Open Sans'; color:#333;} /* *{word-break:break-word !important; font-family:'Open Sans';} */ *{word-break:keep-all !important; font-family:'Open Sans';} /* 줄바꿈 시 단어 깨짐 수정 */ /* 언어별 css 추가 20210128 */ html:lang(ko) body{font-family:'NotoKrR';} html:lang(ko) *{font-family:'NotoKrR';} #wrapper{width:100%;margin:0 auto;overflow:hidden;} #skipnavigation a {position:absolute; top:-3000%;} #skipnavigation a:focus { display:block; left:0; top:0; z-index:10000000000; width:100%; height:3rem; line-height:3rem; background:#039; color:#fff; text-align:center;} #wrapper .content.m_open {margin-top:126px;} /******** Visual 영역 ****** #content{position:relative;top:0px;}*/ #wrapper .content{position:relative; color:#454545; width:100%; background:#fff; max-width:1400px; margin:0 auto;} #wrapper .content:after {content: '';display: block;clear: both;} /**************좌측 메뉴********************/ .content_left > ul > li > a.dpt2.active .contSub{box-sizing: border-box;} .cont_left{float: left;max-width: 385px;width:38.5%;height: 100%;min-height:600px;overflow: hidden; /* padding-left: 42.5px; */ box-sizing: border-box;} .cont_left:after {content: '';display: block;clear: both;} .cont_left h2{color:#15264f;font-size: 1.8rem;font-weight: 700;width: 300px;height: 100px;padding-top: 30px;line-height:1.8rem;/*line-height: 100px;*/border-bottom: 1px solid #c0c0c0;text-align: center;} .cont_left .depth2{width:300px; margin-bottom:50px; padding-top:30px;} .cont_left .depth2 li{/* border-bottom:1px solid #c0c0c0; */ word-break:break-word;} .cont_left .depth2 li a{color: #464646;display: block;width: 100%;padding:20px 35px 20px 30px;font-size: 1.0rem;font-weight: 700;word-break: break-word; background:url("../../image/front/new/menu_down.png") no-repeat 270px center; border-bottom:solid 1px #857c59; font-family:'Open Sans';} /*.cont_left .depth2 li a:hover{color: #fdd035;display: block;background: #15274f;display: block;}*/ .cont_left > .depth2 > li > a:hover {display:block; display:block; background:#f0f0f0 url("../../image/front/new/menu_down.png") no-repeat 270px center;font-weight: 700;} .cont_left .depth2 li a.active {color:#ffffff; display:block; background:#857c59 url("../../image/front/new/menu_up.png") no-repeat 270px center; font-weight:700; font-family:'Open Sans';} .cont_left .depth2 li .depth3 {position:relative;clear:both;/*padding:20px;*/} .cont_left .depth2 li .depth3 > li > a.active {color:#8f781e; text-decoration:none;} .cont_left .depth2 li .depth3 > li > a.active:before {width:2px; height:7px; background:#8f781e;} .cont_left .depth2 li .depth3 > li > a {display:block; padding:13px 10px 13px 30px; font-size:1.0rem; color:#393333; font-weight:300; background:none; border:solid 1px #e1e1e1; border-top:none; font-family: 'Open Sans';} .cont_left .depth2 li .depth3 li{border-bottom:none;} .cont_left .depth2 li .depth3 > li > a:before {display:inline-block; margin-right:7px; content: ''; vertical-align:middle; width:2px; height:7px; background:#000; margin-bottom:4px;} /*.cont_left .depth2 .depth_long a{color: #464646;display: block;height: 60px;width: 100%;padding-top:7px;padding-left:30px;}*/ /*.cont_left .depth2 > li > a:before { content: '\25AA\0020\0020'; padding-right: .5rem; color: #252525; font-size: .6rem; vertical-align: middle;}*/ /* 언어별 css 추가 20210118 */ html:lang(ko) .cont_left .depth2 li a{font-family:'NotoKrR';} html:lang(ko) .cont_left .depth2 li a.active{font-family:'NotoKrR';} html:lang(ko) .cont_left .depth2 li .depth3 > li > a {font-family:'NotoKrR';} .cont_right{position:relative;/*width:62.5%;max-width: 1115px;*/height: 100%;overflow: hidden; /* padding:0px 30px 0 0; */ box-sizing: border-box; min-height: 600px;} /* 20230209 min-height: 600px; 추가 */ .cont_right:after {content: '';display: block;clear: both;} /******* Con 상단 *********/ .cont_right .top_con{position:relative;width: 100%;max-height: 100px;border-bottom: 1px solid #c0c0c0;padding:35px 0 0 20px;box-sizing: border-box;overflow: hidden;} .cont_right .top_con .loc{float:left; width:60%; font-size:.9rem; padding-top:5px;/*white-space: nowrap;*/} .cont_right .top_con .loc li{display:inline-block; color:#757575; padding:0 7px 0 12px; background:url(../../image/front/new/ico_arrow.png) no-repeat -2px center; font-family:'Open Sans'; font-weight:bold;}/* 언어별 css 추가 20210118 */ .cont_right .top_con .loc a{display:inline-block; font-size:0;} .cont_right .top_con .loc a:before {display:inline-block; content: ''; width:20px; height:13px; background:url("../../image/front/new/icon_homeLink.png") no-repeat left center; /* content:"\f015"; font-family:'FontAwesome'; font-size:1.0rem; */ } /*.top_con .loc li:first-of-type {display: block;width: 14px;height: 18px;font-size: 0;}*/ /* 언어별 css 추가 20210118 */ html:lang(ko) .cont_right .top_con .loc li{font-family:'NotoKrR'; font-weight:normal;} /* 아랍 어 개편 css 추가 20201215 */ html:lang(ar) .cont_right .top_con .loc a:before {display:inline-block; content: ''; width:20px; height:20px; background:url("../../image/front/new/icon_homeLink.png") no-repeat right center; /* content:"\f015"; font-family:'FontAwesome'; font-size:1.0rem; */ } html:lang(ar) .cont_left .depth2 li a{background-position: 10px;} html:lang(ar) .cont_left .depth2 li a.active {font-family:'NotoKrDL';} /* 20220418추가 */ html:lang(ar) .cont_left .depth2 li a{font-family:'NotoKrDL';} /* 20220418추가 */ html:lang(ar) .cont_right .top_con .loc li{font-family:'NotoKrDL';} /* 20220418추가 */ .cont_right .top_con .right_topCon{float:right;height:70px;width:40%;text-align: right;} /*검색*/ .header .total_search{position:absolute;right: 0;top: 78px; margin:0 auto;width:50%;max-width:310px;height:35px;;border-radius: 5rem;overflow:hidden;background: #fff;} .header fieldset label {position: absolute;top: 0;right: -100rem;} .header fieldset #search_total {position:relative;width:100%;height:35px;padding: 0 60px 0 20px;font-size:1.0rem;color:#333;background:none;z-index:2;} .header fieldset .image:before{content:"\f002";font-family: 'FontAwesome';color:#15274f; display :block ;height:30px;line-height:30px;font-size:1.2rem;text-align:center;font-weight: bold;} .header fieldset .image {position: absolute;top: 2px;right: 3px;background:#fff;width:30px;height:30px;border-radius: 5rem;z-index: 2;overflow: hidden;} /*검색*/ .cont_right .top_con .right_topCon .total_search{float:right;position:relative;margin:0 auto;width:50%;max-width:250px;height:35px;;border-radius: 5rem;overflow:hidden;background: #243560;} .cont_right .top_con .right_topCon .total_search {position: relative;display: inline-block;/*margin:1.2rem auto 0;*/} .cont_right .top_con .right_topCon fieldset label {position: absolute;top: 0;right: -100rem;} .cont_right .top_con .right_topCon fieldset #search_total {position:relative;width:100%;height:35px;padding: 0 60px 0 20px;font-size:1.0rem;color:#fff;background:none;z-index:2;} .cont_right .top_con .right_topCon fieldset .image:before{content:"\f002";font-family: 'FontAwesome';color:#fff; display :block ;height:30px;line-height:30px;font-size:1.2rem;text-align:center;} .cont_right .top_con .right_topCon fieldset .image {position: absolute;top: 2px;right: 3px;background:#243560;width:30px;height:30px;border-radius: 5rem;z-index: 2;overflow: hidden;} .cont_right .top_con .m_sns{height:70px;float: right;margin-left: 10px; } .cont_right .top_con .m_sns li{position:relative;margin:0 auto;width: 30px;font-size: 0;float: left;margin-right: 10px;} .cont_right .top_con .m_sns li a {display: inline-block;width:40px;color:#626262;position: relative;height: 30px;} .m_sns .sns_twit a:before {content:"";display:block;height:30px;background:url(../../image/front/new/icon_sns_twitter.png) no-repeat center 0;background-size:contain;} .m_sns .sns_yout a:before {content:"";display:block;height:30px;background:url(../../image/front/new/icon_sns_youtb.png) no-repeat center 0;background-size:contain;} .m_sns .sns_face a:before {content:"";display:block;height:30px;background:url(../../image/front/new/icon_sns_face.png) no-repeat center 0;background-size:contain;} .m_sns .sns_ins a:before {content:"";display:block;height:30px;background:url(../../image/front/new/icon_sns_inst.png) no-repeat center 0;background-size:contain;} .m_sns .sns_blog a:before{content:"";display:block;height:30px;background:url(../../image/front/new/icon_sns_blog.png) no-repeat center 0;background-size:contain;} .m_sns .sns_flick a:before{content:"";display:block;height:30px;background:url(../../image/front/new/icon_sns_flicker.png) no-repeat center 0;background-size:contain;} .m_sns .sns_vk a:before{content:"";display:block;height:30px;background:url(../../image/front/new/icon_sns_vk.png) no-repeat center 0;background-size:contain;} .m_sns .sns_weibo a:before{content:"";display:block;height:30px;background:url(../../image/front/new/icon_sns_weibo.png) no-repeat center 0;background-size:contain;} /******* 20210222 추가 *********/ .top_con .right_topCon a.btnSns{display:none; height:30px; background:url(../../image/front/new/icon_sns_all.png) no-repeat center 0;} .top_con .right_topCon a.btnSns span{text-indent:-99999px; font-size:0; color:transparent; line-height:0;} .m_sns .sns_band a:before{content:"";display:block;height:30px;background:url(../../image/front/new/icon_sns_band.png) no-repeat center 0;background-size:contain;} .m_sns .sns_tele a:before{content:"";display:block;height:30px;background:url(../../image/front/new/icon_sns_tele.png) no-repeat center 0;background-size:contain;} .m_sns .sns_kakao a:before{content:"";display:block;height:30px;background:url(../../image/front/new/icon_sns_kakao.png) no-repeat center 0;background-size:contain;} /******* 20210222 추가 *********/ /******* Con 내용 *********/ /*3depth menu .con_menu{position: relative;width: 100%;box-sizing: border-box;overflow: hidden;} .con_menu ul{width: 100%;min-height: 50px;border-left: 1px solid #c0c0c0;} .con_menu li{width:20%;float: left;text-align: center;background:#fdd035; border-right: 1px solid #c0c0c0;border-bottom: 1px solid #c0c0c0;word-break: break-word;} .con_menu li a{width:100%;text-align: center;background:#fdd035;display: block;padding: 12px;font-size: 1.1rem;word-break: break-word;} .con_menu li.long a{width:100%;text-align: center;background:#fdd035;display: block;padding: 12px;font-size: 1.1rem;} .con_menu li a:hover, .con_menu li a.active{width:100%;background: #15274f;display: block;font-weight: 500;color: #fff;padding:12px;}*/ .con_tit{font-size: 2.2rem;text-align: center;padding:40px;color: #2c4178;} .con_sta{padding: 30px 40px 40px 40px;min-height: 300px;line-height: 1.6rem;} .con_sta * {z-index: 1 !important;} .con_sta > div {height: auto !important;} .con_sta .kccWrap{word-break:break-word; text-align:justify; font-size:16px;} .con_sta .kccWrap i{word-break:break-word; text-align:justify;} /* 20210201 추가 */ .con_sta .kccWrap blockquote{word-break:break-word; text-align:justify;} /* 20210201 추가 */ .con_sta .kccWrap p{word-break:break-word; text-align:justify;} /* 20210201 추가 */ .con_sta .kccWrap div{word-break:break-word; text-align:justify; width:100% !important;} /* 20210201 추가 */ .con_sta .header {height:auto !important;width: auto !important;padding: 0;box-sizing: border-box;padding-top:0;} .app-contents div{word-break:break-word; text-align:justify;} .app-contents div p{word-break:break-word; text-align:justify;} /*검색결과*/ .con_search{clear: both;position: relative;width: 100%;padding: 30px 60px 40px 80px;min-height: 300px;} .con_search > div {height: auto !important;} /*검색*/ .cont_right .top_con_srch {position: relative;line-height:70px;width:100%;margin-top: 30px; text-align:center;/*height:120px;margin: auto;overflow: hidden;*/} .cont_right .top_con_srch .total_search_long{position:relative;margin:0 auto;width:60%;max-width:700px;height:35px;;border-radius: 5rem;overflow:hidden;background: #243560;} .cont_right .top_con_srch .total_search_long {position: relative;display: inline-block;/*margin:1.2rem auto 0;*/} .cont_right .top_con_srch .total_search_long label {position: absolute;top: 0;right: -100rem;} .cont_right .top_con_srch .total_search_long #search_total {position:relative;width:100%;height:35px;padding: 0 60px 0 20px;font-size:1.0rem;color:#fff;background:none;z-index:2;top: -20px;width: 95%;} .cont_right .top_con_srch .total_search_long .image:before{ position: absolute;top: 0; right: 10px; content:"\f002";font-family: 'FontAwesome';color:#fff; display :block ;height:30px;line-height:30px;font-size:1.2rem;text-align:center; } .cont_right .top_con_srch h2{font-size: 2rem;line-height: 60px;} .cont_right .top_con_srch .total_search_long .image {position: absolute;top: 50%;right: 0;width: 30px;height: 30px;margin-top: -15px;background: none;z-index: 3;} .con_search .srch_tit{position:relative;width: 100%;text-align: center; border-bottom: 1px solid #c0c0c0;padding-bottom: 20px;font-size: 1.3rem;} .con_search .srch_conBody{} .con_search .srch_list{border-bottom: 1px solid #c0c0c0;padding: 30px;} .con_search .srch_list li{line-height: 30px;} .con_search .srch_list h3{font-size: 1.2rem;font-weight: 700;} .con_search .srch_list .date{font-size: 14px;color:#828282;} .sweet-alert * {color: #797979;} /**********Footer***********/ footer{} .footer{ position:relative;width:100%;max-width:1500px;max-height:200px;height:auto;background:#15264f;padding:30px 0 20px 40px;overflow:hidden; color:#dedede;font-size:.9rem;font-weight:500;margin: auto;} /*문화원link*/ .global{float:right;position:relative;min-height:176px;width:230px;margin-right:2%; top: -12px;} .global .tit {padding-bottom: 5px;} .global_wrap{position:relative;width:100%;} ul.global_wrap li {} .global_wrap select{width:100%;padding: 5px;background:#fff url(/image/front/new/ico_global.png) no-repeat right center;white-space: nowrap;color: #606060;font-size: 1rem; height: 38px; vertical-align: -webkit-baseline-middle; border:1px solid #cecece; width: 100%; z-index: 1; font-size: .75rem;color: #606060; font-weight: 700; padding-left: 5px; -webkit-appearance: none;-moz-appearance: none; appearance: none;margin-bottom: 5px;} /*Footer*/ .footer .foot_box{float: left;width:70%;} .footer p{/*height: 50px;*/} .foot_box p img {display: none;} .footer .m_sns{display:none;} .footer .foot_btt{clear:both;margin: 14px 0} .footer .foot_btt li{display:inline-block;background:#dedede;padding:4px 14px;border-radius: 3.6rem;margin-right:15px;} .footer .foot_btt li a{display:inline-block;color:#616161;font-weight:700;} .footer address{letter-spacing:1px;} .footer address tel{padding-left:10px;} .footer copyright{text-transform:uppercase;font-size:.6rem;letter-spacing:1px;} html:lang(ar) .global {float: left;} html:lang(ar) .footer {padding: 30px 40px 20px 40px;} html:lang(ar) .footer .foot_box {float: right;} html:lang(ar) .global_wrap {direction: ltr;} html:lang(ar) .cont_right .top_con .loc {float: right;} html:lang(ar) .cont_right .top_con .loc a {font-size: 0;float: right;} html:lang(ar) .cont_right .top_con .right_topCon {float: left;} html:lang(ar) .cont_right .top_con .loc li {padding: 0 20px 0 7px;background: url(../../image/front/new/ico_arrow_ar.png) no-repeat right center;} /*html:lang(ar) .cont_left {float: right; padding-right: 42.5px;padding-left:0;}*/ html:lang(ar) .cont_right {padding: 0px 0 0 30px;} html:lang(ar) .cont_right .top_con .m_sns {float: left;margin-right: 10px;margin-left: 0;} html:lang(ar) .cont_right .top_con .right_topCon .total_search {float: left;} html:lang(ar) .cont_right .top_con .right_topCon fieldset .image {left: 3px;right:auto;} html:lang(ar) .header .total_search {float: left;right: auto;left: 0;} html:lang(ar) .header .total_search fieldset .image {left: 3px;right:auto;} html:lang(ar) .bbs-type-sitemap > .sitemap > li {float: right;} html:lang(ar) .bbs-type-sitemap .dep .dep3 li a:before {margin-left: 7px;margin-right: 0;} html:lang(ar) .cont_left > .depth2 > li > a:hover, html:lang(ar) .cont_left .depth2 li a.active {background-position: 10px;} html:lang(ar) .bbs-search .bx {margin-left: 0;} html:lang(ar) .bbs-search .bx select {margin: 0 10px 0 0;font-weight: 900;} html:lang(ar) .bbs-search .bt-bbs-search i {margin: 0 0 0 6px;} html:lang(ar) .bbs-type-movie div.sumtxt {text-align: right;} html:lang(ar) .view-content h2 {float: right;} html:lang(ar) .view-content .sub-info {float: left;} html:lang(ar) .view-content .movie-poster {float: right;margin: 0 0 15px 15px;} html:lang(ar) .btn-group .left {float: right;} html:lang(ar) .btn-group .go-bbs-list {border-left: 1px solid #e0e0e0;border-right:0;} html:lang(ar) .btn-group .right {float: left;} html:lang(ar) .btn-group .right a {float: right;} html:lang(ar) .btn-group .right a, html:lang(ar) .btn-group .right button {border-right:0;border-left: 1px solid #e0e0e0;} html:lang(ar) .related-site .dep1 ol li a {margin:0 15px 0 0;overflow: hidden;} html:lang(ar) .related-site .dep1 ol li a span {display: inline-block;direction: ltr;} html:lang(ar) .bbs-type-movie .movie-reservation span {display: inline-block;direction: ltr;} html:lang(ar) .bbs-type-lec li .header .date {margin: 0 0 0 20px;} html:lang(ar) table.bbs col.hit {width: 120px;} html:lang(ar) .bbs-type-exhibit li .photo {float: right;margin: 0 0 0px 20px;} html:lang(ar) .bbs-type-exhibit div.sumtxt {text-align: right;} html:lang(ar) .bbs-type-search.book ol li div.ico.bbs.viewbutton {float: left;font-size: 12px;} html:lang(ar) .event-calendar .ui-widget-content {direction: ltr;} html:lang(ar) .bbs-type-cal {direction: ltr;} html:lang(ar) .bbs-type-cal h3 a.next {background-position: -151px -16px;} html:lang(ar) .bbs-type-cal h3 a.prev {background-position: -135px -16px;} html:lang(ar) .bbs-type-cal .btn-more {float: left;} html:lang(ar) #calendarContainer {direction: rtl;} html:lang(ar) .bbs-type-cal .date {margin: 0 0 10px 0;float: left;} html:lang(ar) .cont_right .top_con {padding: 35px 20px 0 20px;} html:lang(ar) .cont_left {float: right; /* padding-right: 42.5px;*/ padding-left: 0;} html:lang(ar) .bbs-search .bx select {background: url(../../image/front/new/ico_language.png) no-repeat 5% 50%;} @media all and (min-width:767px) and (max-width:1024px) { html {font-size:90%;/*font-size:62.5%;*/} #wrapper{width:100%;min-width:750px;margin:0 auto;overflow:hidden;} /*검색*/ .header .total_search{top: 55px;right:10px; } #wrapper .content {margin-top: 10px;} /**************좌측 메뉴********************/ .contSub{box-sizing: border-box;} .cont_left{display: none;} .cont_right{position:relative;/*width:62.5%;max-width: 1115px;*/height: 100%;overflow: hidden; padding:0px 1% 0 1%;box-sizing: border-box; min-height: auto;} /* 20230209 min-height: auto; 추가 */ .cont_right:after {content: '';display: block;clear: both;} /******* Con 상단 *********/ .cont_right .top_con{position:relative; width:100%; height:50px; border-bottom:1px solid #c0c0c0; padding:15px 0 15px 10px; box-sizing:border-box; overflow:unset;} .cont_right .top_con .loc{float:left;width:90%;} .cont_right .top_con .loc li{display: inline-block;color: #757575;padding: 0 14px 0 12px;background: url(../../image/front/new/ico_arrow.png) no-repeat -3px center;font-size: .9rem} .cont_right .top_con .loc a{font-size: 0;} /*.cont_right .top_con .loc a:before {display: inline-block;content:"\f015";font-family: 'FontAwesome';font-size: 1.4rem;width:25px;}*/ /*.top_con .loc li:first-of-type {display: block;width: 14px;height: 18px;font-size: 0;}*/ .cont_right .top_con .right_topCon{position:relative; display:block; width:10%; height:auto;} .cont_right .top_con .m_sns{position:absolute; height:auto; margin-left:0; left:50%; transform:translateX(-50%); top:34px; padding:0px 3px; background-color:#fff; border:solid 1px #c0c0c0; border-radius:5px; z-index:5; display:none;} .cont_right .top_con .m_sns li{float:none; margin-top:10px; margin-bottom:10px;} .top_con .right_topCon a.btnSns{display:block;} .con_tit{font-size: 2.5rem;text-align: center;padding:10px;color: #2c4178;} .con_sta{padding: 30px 10px 30px 10px;min-height: 300px;line-height: 2.2rem;font-size: 1.2rem} /*Footer*/ .footer{padding:10px;} /*문화원link*/ .footer .global{float:none;position:relative; min-height: 0; width: 100%;} .global .tit {font-size: 0;} /* font-size: 0;*/ .footer .global_wrap select{width:32%;float: left;margin-right:1%;height: 30px;} .footer .foot_box {float:none;width: 100%;} .footer p{display: none;height: 0px;} .footer .foot_btt{float: left;} .footer .m_sns{height:50px;margin:0 auto;text-align:center;/*padding-top:10px;*/max-width: 370px;float: left;display: block;position: relative;top: 40px;} .footer .m_sns li{position:relative;margin:0 auto;display: inline-block;width:50px;font-size:0;} .footer .m_sns li a{display: inline-block;width:50px;color:#626262;font-size: 0;position: relative;top: -30px;height: 30px;} .footer address {clear: both;font-size: .8rem;} html:lang(ru) .footer {padding: 0 0 20px 10px;} html:lang(ru) .footer .foot_btt {float: none;background: #506490;margin-left: -10px;margin-top: 10px;text-align: center;} html:lang(ru) .footer .foot_btt li {position: relative; padding: 10px 7px;border-radius: 0;margin-right: 0;background: #506490;} html:lang(ru) .footer .foot_btt li + li:before {content: '|';display: inline-block;font-size: 1rem;color: #fff;position: absolute;left: 0;top: 50%;margin-top: -6px;} html:lang(ru) .footer .foot_btt li a {line-height: 16px;color: #fff;} html:lang(vi) .footer {padding: 0 0 20px 10px;} html:lang(vi) .footer .foot_btt {float: none;background: #506490;margin-left: -10px;margin-top: 10px;text-align: center;} html:lang(vi) .footer .foot_btt li {position: relative; padding: 10px 7px;border-radius: 0;margin-right: 0;background: #506490;} html:lang(vi) .footer .foot_btt li + li:before {content: '|';display: inline-block;font-size: 1rem;color: #fff;position: absolute;left: 0;top: 50%;margin-top: -6px;} html:lang(vi) .footer .foot_btt li a {line-height: 16px;color: #fff;} html:lang(pl) .footer {padding: 0 0 20px 10px;} html:lang(pl) .footer .foot_btt {float: none;background: #506490;margin-left: -10px;margin-top: 10px;text-align: center;} html:lang(pl) .footer .foot_btt li {position: relative; padding: 10px 7px;border-radius: 0;margin-right: 0;background: #506490;} html:lang(pl) .footer .foot_btt li + li:before {content: '|';display: inline-block;font-size: 1rem;color: #fff;position: absolute;left: 0;top: 50%;margin-top: -6px;} html:lang(pl) .footer .foot_btt li a {line-height: 16px;color: #fff;} html:lang(es) .footer {padding: 10px 0 20px 10px;} html:lang(es) .footer .foot_btt li {margin-right: 10px;} html:lang(ar) .cont_left .depth2 {-webkit-box-pack: end;direction: ltr;} html:lang(ar) .cont_right {padding: 0;} html:lang(ar) .cont_right .top_con {padding: 10px 20px;} html:lang(ar) .cont_left .depth2 li .depth3 > li > a:before {margin-top: 7px;float: right;margin-left: 7px;} html:lang(ar) .cont_left .depth2 li .depth3 > li > a {text-align: right;} html:lang(ar) .footer {padding: 10px 10px 20px 10px;} html:lang(ar) .footer .m_sns {float: right;direction: rtl;} html:lang(ar) .footer .m_sns li {float: right;} } /* ===== Media ===== */ @media all and (max-width:766px){ html {font-size:62.5%;} #wrapper{width:100%;min-width:300px;margin:0 auto;overflow:hidden;} /*검색*/ .header .total_search{display: none;} /*visual & 검색 & 문화원정보*/ #wrapper .content{position:relative;clear:both;width:100%;overflow:hidden;height: auto;} .con_sta .figCenter {max-width: 100%;} .con_sta div {max-width: 100%;height: auto !important;} .con_sta > div > div {max-width: 100%;} .con_sta table {width: 100% !important;margin-left: 0 !important;} .mov-txt.design-box {width: 100% !important;} .editTxt div#clonediv_1 {width: 100% !important;left: 0 !important;} .app-contents ul {width: 100% !important;} div#cloneMov_1 iframe {width: 100% !important;} .app-contents {z-index: 1;} /**************좌측 메뉴********************/ .contSub{box-sizing: border-box;} .cont_left {position: relative;float: none;max-width: 800px;width: 100%;height: auto;min-height: 0;padding-left: 0;border-bottom: 1px solid #eee;overflow: inherit;} .cont_left h2 {display:none; font-size: 14px;width: auto;height: auto;line-height: 40px;border-bottom: 0;padding: 0 10px;text-align: left;border-bottom: 1px solid #eee;} .cont_left .depth2 {width: 100%;margin-bottom: 0;display: -webkit-box;display: -ms-flexbox;-webkit-box-pack: start;overflow-x: auto;background:#eee; padding-top:0;} .cont_left li{border-bottom: 0;display: block;padding: 0;font-size: 13px;letter-spacing: 0;min-width: 60px;display: block;float: none;text-align: center;} .cont_left > .depth2 > li {border-bottom: 0;} .cont_left > .depth2 > li + li {border-left: 1px solid #fff;} .cont_left > .depth2 > li > a {color: #464646;display: block;width: 100%;padding: 0 10px;line-height: 40px;font-size:0.9rem;} .cont_left .depth2 li .depth3 {position: absolute;left: 0;display:none;background: #f5f5f5;z-index: 999;width: 100%;border-top: 1px solid #dedede;} .cont_left .depth2 li .depth3 li {text-align: left;border-bottom: 1px solid #dedede;} .cont_left .depth2 li .depth3 > li > a {padding: 13px 10px;font-size: 1.1rem;} .cont_left .depth2 li .depth3 > li > a.active {color: #000000;} .cont_left > .depth2 > li > a:hover {color: #fff;background: #857c59 url(/image/front/new/menu_down.png) no-repeat 270px center;} .cont_right{position:relative;/*width:62.5%;max-width: 1115px;*/height: 100%;overflow: hidden; padding:0px 1% 0 1%;box-sizing: border-box;} .cont_right:after {content: '';display: block;clear: both;} /******* Con 상단 *********/ /* 20240327 backup .cont_right .top_con{ position:relative;width: auto; height:50px; border-bottom: 1px solid #c0c0c0;padding:10px 0 10px 10px;box-sizing: border-box;overflow: unset;margin: -1%;} */ .cont_right .top_con{ position:relative; width: auto; height: auto; border-bottom: 1px solid #c0c0c0; padding:10px 0 10px 10px; box-sizing: border-box; overflow: hidden; margin: -1%;} .cont_right .top_con .loc{float:left;width:90%; /* white-space: nowrap; */} .cont_right .top_con .loc li{display: inline-block;color: #757575;padding: 0 10px 0 10px;background: url(../../image/front/new/ico_arrow.png) no-repeat -3px center;font-size: 0.85rem} .cont_right .top_con .loc li:last-of-type {color:#0c1d43;font-weight:700;} .cont_right .top_con .loc a{font-size: 0;} /* .cont_right .top_con .loc a:before {display: inline-block;content:"\f015";font-family: 'FontAwesome';font-size: 1.4rem;width:25px;} */ /*.top_con .loc li:first-of-type {display: block;width: 14px;height: 18px;font-size: 0;}*/ .cont_right .top_con .right_topCon{position:relative; width:10%; height:auto;} .top_con .right_topCon a.btnSns{display:block; margin-top:3px;} .cont_right .top_con .m_sns{margin-left:0; height:auto; position:absolute; left:50%; transform:translateX(-50%); top:39px; padding:0px 3px; background-color:#fff; border:solid 1px #c0c0c0; border-radius:5px; z-index:5; display:none;} .cont_right .top_con .m_sns li{float:none; margin-top:10px; margin-bottom:10px;} .con_tit{font-size: 2.5rem;text-align: center;padding:10px;color: #2c4178;} .con_sta{padding: 20px 10px 30px 10px;min-height: 300px;line-height: 1.7rem;font-size: 1rem} /* 20210201 수정 */ .table15_6 td, .editTxt table td, .view-content table td {width: auto !important;} .view-content table colgroup col {width: auto !important;} .MsoNormalTable {width: 100% !important;} .MsoNormalTable td {width: auto !important;} .con_sta .fontchanger p {margin-left: 0 !important;text-indent: 0 !important;margin-right: 0 !important;} .cont_right .top_con_srch .total_search_long .image {position: absolute;top: 50%;right: 0;width: 30px;height: 30px;margin-top: -15px;background: none;z-index: 3;} /*검색결과*/ .con_search{padding: 0px 0px 30px 0px;} .cont_right .top_con_srch h2{font-size: 2.5rem;line-height: 30px;} .con_search .srch_tit{font-size: 1.6rem;} .con_search .srch_list li{font-size: 1.4rem;} .con_search .srch_list h3{font-size: 1.6rem;} .con_sta object, .con_sta embed {width: 100% !important;} /*Footer*/ .footer{padding:10px;max-height: 300px;} /*문화원link*/ .footer .global{float:none;position:relative; min-height: 0; width: 100%;margin-top: 10px;top: 0;} .global .tit {font-size: 0;} .footer .global_wrap {overflow: hidden;} .footer .global_wrap li {width:32%;float: left;margin-right:1%;height: 30px;} .footer .global_wrap li select{width:100%;height: 30px;padding-right: 22px;} .footer .foot_box {float:none;width: 100%;} .footer p{display: none;height: 0px;} .footer .m_sns{height:50px;margin:0 auto;text-align:left;padding-top:0;float: left;display: block;} .footer .m_sns li{position: relative;margin: 0 auto;width: 30px;font-size: 0;float: left;margin-right: 10px;} .footer .m_sns li a{display: block;width: 30px;color:#626262;font-size: 0;position: relative;height: 30px;} /*.footer .m_sns .sns_ins:before{content:"";display:block;height:30px; background:url(../../image/front/new/icon_sns_inst.png) no-repeat center 0;background-size:contain;} .footer .m_sns .sns_yout:before{content:"";display:block;height:30px; background:url(../../image/front/new/icon_sns_youtb.png) no-repeat center 0;background-size:contain;} .footer .m_sns .sns_face:before{content:"";display:block;height:30px; background:url(../../image/front/new/icon_sns_face.png) no-repeat center 0;background-size:contain;}*/ .footer address {clear: both;font-size: .8rem;} .footer address strong {display: block;float: none;height: auto;padding-top: 5px;} .footer address span {clear: both;display: inline-block;padding: 0;} .footer address span + span {padding-left: 2rem;} .footer {padding: 0 0 20px 10px;} .footer .foot_btt {float: none;background: #506490;margin-left: -10px;margin-top: 10px;text-align: center;} .footer .foot_btt li {position: relative; padding: 10px 7px;border-radius: 0;margin-right: 0;background: #506490;} .footer .foot_btt li + li:before {content: '|';display: inline-block;font-size: 1rem;color: #fff;position: absolute;left: 0;top: 50%;margin-top: -6px;} .footer .foot_btt li a {line-height: 16px;color: #fff;} html:lang(es) .footer {padding: 10px 0 20px 10px;} html:lang(es) .footer .foot_btt li {margin-right: 10px;} html:lang(ar) .cont_left .depth2 {-webkit-box-pack: end;direction: ltr;} html:lang(ar) .cont_right {padding: 0;clear: both;} html:lang(ar) .cont_right .top_con {padding: 10px 20px;} html:lang(ar) .cont_left .depth2 li .depth3 > li > a:before {margin-top: 7px;float: right;margin-left: 7px;} html:lang(ar) .cont_left .depth2 li .depth3 > li > a {text-align: right;} html:lang(ar) .footer {padding: 10px 10px 20px 10px;} html:lang(ar) .footer .m_sns {float: right;direction: rtl;} html:lang(ar) .footer .m_sns li {float: right;} html:lang(ar) .footer .global_wrap li { float: right;margin-left: 1%;margin-right: 0;} html:lang(ar) .cont_right .top_con .loc li {font-size: 10px;} html:lang(ar) .bbs-type-search.book .head {width: 70%;} html:lang(ar) .cont_left {padding-right: 0;} html:lang(ar) .bbs-search .bx select {float: right;} html:lang(ar) .footer .foot_btt li {padding: 10px 7px;margin-right: 0;} html:lang(ar) footer .foot_btt {margin: 0 -10px 14px;margin-top: 10px;} html:lang(ar) .footer .foot_btt li + li:before {right: -2px;content: '|';display: inline-block;font-size: .8rem;color: #333;position: absolute;left: auto;top: 50%;margin-top: -6px;height: 10px;overflow: hidden;} html:lang(ar) .footer .global_wrap li { float: right;margin-left: 1%;margin-right: 0;} }/*End: @media 320 */ @media all and (max-width:500px){ .cont_right .top_con .loc{width:80%;} .cont_right .top_con .right_topCon{width:20%;} }