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