@charset "utf-8";
/* uracle pjt-team */

/*  
@import url(https://fonts.googleapis.com/earlyaccess/notosanskr.css);
@import url(https://cdnjs.cloudflare.com/ajax/libs/normalize/3.0.3/normalize.css);
@import url(https://fonts.googleapis.com/css?family=Open+Sans);
@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:'NotoKrR','Open Sans'; color:#333; }
*{word-break:break-word;/* font-family:'NotoKrDL', 'Open Sans'; */}
#wrapper{width:100%; margin:0 auto; overflow:hidden;}
#skipnavigation a {position:absolute; top: -9999px;}
#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;}

.content.m_open {margin-top:126px;}
/******** Visual 영역 ******
#content{position:relative;top:0px;}*/

#wrapper .content{position:relative;margin-bottom:30px;color:#454545;width:100%;}
#wrapper .content:after {content: '';display: block;clear: both;}
.visual-left{position:relative;float:left;/*max-width: 830px;min-width: 320px;width: 60%;*/ width: 830px; box-sizing: border-box;margin-right: 1%;height: 400px;min-height:400px;overflow: hidden;}
.visual-left:after { content:""; clear:both; display:block; }

/* Slideshow container */

.visual_banner {position: relative;width:100%;max-height:400px;height:100%;}
.visual_banner:after {
    content: '';
    display: block;
    clear: both;}
	/* Caption text */

.main_banner_box .text {text-overflow: ellipsis;overflow: hidden;white-space: nowrap;
	  color: #f2f2f2;
	  font-size: 1.4rem;
	  padding: 20px 20px;
	  position: absolute;bottom:0;
	  width: 100%;/*top: 331px;*/background-color: rgba(0, 0, 0, 0.5);}

.main_banner_box .lslide a {display: block;position: relative;}

.visual_banner .lSPager {position: absolute;top: 0;right: 5px;margin-top: 0;padding: 0 25px 0 5px;z-index: 1;}
.visual_banner .lSPager:before {
    content: '';display: block;background: #000;opacity: .5;width: 100%;height: 26px;border-radius: 15px; position: absolute;top: 0;left: 0;}

.lSSlideOuter .lSPager.lSpg > li a {height: 10px;width: 10px;background: #fff;border:2px solid #fff;}
.lSSlideOuter .lSPager.lSpg > li.active a {height: 10px;width: 10px;background: #022b49;border:2px solid #ff0000;}

.btn_slide2 {position: absolute;top: 11px;right: 15px;z-index: 2;}
.btn_slide2 .stop {float: left;width: 12px;height: 13px; text-indent: -9999rem; background: url('../../image/front/new/btn_stop.png') no-repeat center center;}
.btn_slide2 .play {display: none;float: left;width: 12px;height: 13px; text-indent: -9999rem; background: url('../../image/front/new/btn_play.png') no-repeat center center;}

/******** 검색, 문화원 정보**********/
.visual-right{position:relative;max-width: 654px;overflow:hidden; box-sizing: border-box;min-width: 320px;max-height:400px;overflow: hidden;}

/*검색*/
.total_search{position:relative;margin:0 auto;width:90%;min-width:300px;max-width:550px;height:65px;margin-top:60px;border: 8px solid #fff;border-radius: 5rem;overflow:hidden;}
.head_search .total_search {position: relative;display: inline-block;/*max-width: 89.5rem;width:90%;*/margin: 1.5rem auto 0;}
.total_search fieldset label {position: absolute;top: 0;right: -100rem;}
.total_search fieldset #search_total {position:relative;width:100%;height:50px;padding: 0 60px 0 20px;font-size:1.3rem;color:#000;background:none;z-index:2;}
.total_search fieldset{position:relative;}
.total_search fieldset:after{position:absolute;background:#fff;opacity: 0.5;content:"";display :block;height:65px;top: 0;left: 0;right: 0;bottom: 0;}
.total_search fieldset .image:before{
	content:"\f002";font-family: 'FontAwesome';color:#3b51b4;
	display :block ;height:50px;line-height:48px;font-size:2.2rem;text-align:center;}
.total_search fieldset .image {position: absolute;top: 0;right: 0;background:#fff;width:50px;height:50px;border-radius: 5rem;z-index: 2;}


/*문화원 정보*/
.culture-info{position:relative;height:100%;height:205px;width:100%;/*max-width:640px;*/min-width:320px;background:#fff;background-color:rgba(255, 255, 255, 0.7);
              padding:2%; box-sizing: border-box;margin-top:70px;}
.culture-info:after {content: '';display: block;clear: both;}              
.culture-info article{}
.culture-info .culture_left{float:left;}
.culture-info .culture_left:first-of-type {float:left;max-width: 370px;}
.culture-info .culture_left h4{font-size: 1.4rem;padding: 20px 0 5px 5px;line-height: 24px;text-align: left;height: 70px;font-weight: 700;}
.culture-info .culture_right{max-height:80px;height:auto;float: right;}
.culture-info .culture_right .m_sns{height:70px;margin:0 auto;text-align:right;padding:20px 0;white-space: nowrap;}
.culture-info .culture_right .m_sns li{position:relative;margin:0 auto;display: inline-block;width:40px;font-size:0;}
.culture-info .culture_right .m_sns li a{display: inline-block;width:40px;color:#626262; position: relative;top: -30px;height: 30px;}
.culture-info .culture_right .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;
	}
.culture-info .culture_right .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;
	}
.culture-info .culture_right .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;
	}
.culture-info .culture_right .m_sns .sns_blog:before{
	content:"";display:block;height:30px;
	background:url(../../image/front/new/icon_sns_blog.png) no-repeat center 0;background-size:contain;
	}
.culture-info .culture_right .m_sns .sns_flick:before{
	content:"";display:block;height:30px;
	background:url(../../image/front/new/icon_sns_flicker.png) no-repeat center 0;background-size:contain;
	}
.culture-info .culture_right .m_sns .sns_twit:before{
	content:"";display:block;height:30px;
	background:url(../../image/front/new/icon_sns_twitter.png) no-repeat center 0;background-size:contain;
	}
.culture-info .culture_right .m_sns .sns_vk:before{
	content:"";display:block;height:30px;
	background:url(../../image/front/new/icon_sns_vk.png) no-repeat center 0;background-size:contain;
	}
.culture-info .culture_right .m_sns .sns_weibo:before{
	content:"";display:block;height:30px;
	background:url(../../image/front/new/icon_sns_weibo.png) no-repeat center 0;background-size:contain;
	}

.culture-info .box{background:#fff;width:100%;border-radius: .8rem;padding:10px;/*margin-right: 1%;*/
					box-sizing: border-box;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.culture-info .box:last-of-type { margin: 0;}
.culture-info .box h5{font-size:1.1rem;font-weight:700;/*float:left;*/width:100%;text-align:center;vertical-align:text-middle;}
.culture-info .box ul{/*float:left;height:80px;*/font-size:1rem;color:#686868;/*padding-top:7%;*/text-align:left;padding: 5px 10px;}
.culture-info .box ul li{padding-bottom: 15px;word-wrap: break-word; clear: both;/* Internet Explorer 5.5+ */
white-space: normal; /* css-3 */
white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
white-space: -pre-wrap; /* Opera 4-6 */
white-space: -o-pre-wrap; /* Opera 7 */
word-break:break-all;}
/*.culture-info .box ul li span:before{content:"";display:inline-block;width:10%;}*/
.culture-info .box ul li span{float: left;height: auto;min-height: 40px;}
.culture-info .box ul li span.txt{float:left;vertical-align: middle;padding-top: 5px;font-size: 14px;}
.culture-info .box ul li span.txt .time{background:url('../../image/front/new/icon_cult.png') no-repeat center 0px;width: 40px;float: left;height:auto;min-height: 30px}
.culture-info .box ul li span.txt .tel{background: url('../../image/front/new/icon_cult.png') no-repeat center -134px;width: 40px;float: left;height:auto;min-height: 20px;display: block;clear: both;}
.culture-info .box ul li span.txt .fax{background: url('../../image/front/new/icon_cult.png') no-repeat center -67px;width: 40px;float: left;height:auto;min-height: 20px;display: block;}
.pL30{padding-left:30px;}
.pR30{padding-right:30px;}
.culture-info .box .pT30{padding-top:30px;}

/******************콘텐츠 내용 con-body*************************/

.con-body{clear:both;position:relative;padding:1%;background: linear-gradient( to bottom, #15264f, #0d1b3b );height:100%;width:100%;/*min-height:676px;*/}
.con-body:after {
    content: '';
    display: block;
    clear: both;}

/*notice Part*/
.noticepart{position:relative;width:100%;min-height:310px;height:100%;overflow:hidden;box-sizing: border-box;}
/*코리아넷*/
/* .con-body .Korea-net{float:left;width:55%;min-height:305px;height:100%;overflow:hidden;background:#003964;margin-right:10px;padding:20px;}
.con-body .Korea-net-k{float:left;width:55%;min-height:305px;height:100%;overflow:hidden;background:#003964;margin-right:10px;}
.con-body .Korea-net-k h4{position:relative;padding:20px;color:#fff;text-align: center;}
.con-body .Korea-net-k h4 span{font-size: 1.2rem;font-weight: 700;}
.con-body .Korea-net-k h4 span.more {position: absolute;right: 15px;}
.con-body .Korea-net-k .more a{color:#fff;display: block;width:80px;font-size: 14px;float: right;text-align: right;padding-top: 2px;}
		  .Korea-net-k .Koreanet-box{position:relative;width:100%;overflow:hidden;height: calc(100% - 40px);box-sizing: border-box; padding: 0 3%;}
		  .Korea-net-k .Koreanet-box ul{height: 100%;box-sizing: border-box;padding: 10px 0;background: #fff;overflow: hidden;}
		  .Korea-net-k.col4 .koreanet-box ul li{width: 25%;}
		  .Korea-net-k .koreanet-box ul:after {content: '';display: block;clear: both;}
		  .Korea-net-k .Koreanet-box ul li{position: relative; width: 25%;float: left;overflow: hidden;height: 100%;}
		  .Korea-net-k .Koreanet-box ul li{padding:0 10px;}
		  .Korea-net-k .Koreanet-box ul li a{display: inline-block;position: relative;box-sizing: border-box;height: 100%;margin: auto;max-width: 100%;padding-bottom: 20px;}
		  .Korea-net-k .Koreanet-box ul li:first-of-type{padding-left: 10px;}
		  .Korea-net-k.height3 .Koreanet-box ul li a .konet-txt{min-width: 100px;-webkit-line-clamp:3;min-height: 56px;height: 65px;overflow: hidden;}
		  .Korea-net-k .Koreanet-box li a .konet-img{max-height: 110px;overflow: hidden;display: block;padding: 0;text-align: center;}
		  .Korea-net-k .Koreanet-box li a .konet-img img{width: auto;height: 125px;}
		  .Korea-net-k .Koreanet-box li a span.konet-txt{display: block;padding-top: 10px;font-size: 15px;line-height: 18px;white-space: normal;text-overflow: ellipsis;
					   	overflow: hidden;text-align: left;word-wrap: break-word;display: -webkit-box;-webkit-box-orient: vertical;min-width: 60px;margin: auto;color: #333;}
		   .Korea-net-k .Koreanet-box li a span.date{position: absolute;white-space: nowrap;font-size:12px;color:#7f7f7f;bottom:1px;left: 0;} */

	.Korea-net-k{float:left;width:100%;min-height:240px;height:100%;overflow:hidden;background:#003964;margin-right:10px;}
	.Korea-net-k h4{position:relative;padding:10px;color:#fff;text-align: center;}
	.Korea-net-k h4 span{font-size:19px;font-weight: 700;}
	.Korea-net-k h4 span.more {position: absolute;right: 15px;}
	.Korea-net-k .more a{color:#fff;display: block;width:80px;font-size: 14px;float: right;text-align: right;padding-top: 2px;}
	.Korea-net-k .Koreanet-box{position:relative;width:100%;overflow:hidden;height: calc(100% - 40px);box-sizing: border-box;/*padding: 0 10px 10px 10px;*/ padding: 0 9px;}
	.Korea-net-k .Koreanet-box ul{height: 100%;box-sizing: border-box;padding: 10px 0;background: #fff;overflow: hidden;}
	.Korea-net-k.col4 .koreanet-box ul li{width: 25%;}
	.Korea-net-k .koreanet-box ul:after {content: '';display: block;clear: both;}
	.Korea-net-k .Koreanet-box ul li{position: relative; width: 25%;float: left;overflow: hidden;height: 100%;}
	.Korea-net-k .Koreanet-box ul li{padding:0 10px;}
	.Korea-net-k .Koreanet-box ul li a{display: inline-block;position: relative;box-sizing: border-box;height: 100%;margin: auto;max-width: 100%;padding-bottom: 13px;}
	.Korea-net-k .Koreanet-box ul li:first-of-type{padding-left: 10px;}
	.Korea-net-k.height3 .Koreanet-box ul li a .konet-txt{min-width: 100px;-webkit-line-clamp:2;min-height: 40px;height: 43px;overflow: hidden;}
	.Korea-net-k .Koreanet-box li a .konet-img{max-height: 110px;overflow: hidden;display: block;padding: 0;text-align: center;}
	.Korea-net-k .Koreanet-box li a .konet-img img{width: auto;height: 125px;}
	.Korea-net-k .Koreanet-box li a span.konet-txt{display: block;padding-top: 5px;font-size: 15px;line-height: 18px;white-space: normal;text-overflow: ellipsis;
				overflow: hidden;text-align: left;word-wrap: break-word;display: -webkit-box;-webkit-box-orient: vertical;min-width: 60px;margin: auto;color: #333;}
	.Korea-net-k .Koreanet-box li a span.date{position: absolute;white-space: nowrap;font-size:12px;color:#7f7f7f;bottom:-2px;left: 0;}

	@media screen and (max-width: 500px){
		.Korea-net-k iframe{height: 264px;}
	}

/*공지사항*/
.con-body .notice{position:relative;min-height:310px;height:100%;overflow:hidden;background:#2c4178;}
		  .notice .notice-tab1, .notice .notice-tab2{position:relative;margin:12px;}
		  .notice .notice-tab1 a{float:left;width:100%;height:45px;display:block;color:#fff;text-align:center;line-height:45px;background:#394e85;font-size: 1.2rem;}
		  .notice .notice-tab2 a{float:left;width:50%;height:45px;display:block;color:#fff;text-align:center;line-height:45px;background:#394e85;font-size: 1.2rem;}
		  .notice-tab1 a:hover, .notice-tab1 a.on{background:#15264f;font-weight:bold;color: #fdd034;}
		  .notice-tab2 a:hover, .notice-tab2 a.on{background:#15264f;font-weight:bold;color: #fdd034;}
		  .notice-tab1 a .more{width:40px;height:45px;background:url('../../image/front/new/icon_more.png') no-repeat center center;display:block;font-size: 0;float:right;}
		  .notice-tab2 a .more{width:40px;height:45px;background:url('../../image/front/new/icon_more2.png') no-repeat center center;display:block;font-size: 0;float:right;}
		  .notice-tab2 a:hover .more, .notice-tab2 a.on .more{width:40px;height:45px;background:url('../../image/front/new/icon_more.png') no-repeat center center;display:block;font-size: 0;float:right;}
		  .notice-tab1 a h4, .notice-tab2 a h4{float: left;text-indent: 20px;}
		  .notice-tab1 a.on h4, .notice-tab2 a.on h4, .notice-tab1 a:hover h4, .notice-tab2 a:hover h4{font-weight: 700;}



.con-body .notice .notice_body{clear:both;position:relative;overflow:hidden;box-sizing:border-box;min-height: 242px;
                               background:#fff;/*border-radius: .5rem;max-width:600px;*/min-width:300px;margin:12px;/*top:20px;height:200px;*/padding:23px 20px;}
.con-body .notice .notice_body li{position: relative; line-height:1.9rem;font-size:1.0rem;color:#454545;width: auto;}
.con-body .notice .notice_body li a{color:#454545;width:100%;display:inline-block;text-overflow: ellipsis;overflow: hidden;white-space: nowrap; padding-right: 70px;}
.con-body .notice .notice_body li a:before{content:"·";display:inline-block;width:10px;color:#808080;}
.con-body .notice .notice_body .date{font-size:.8rem;position: absolute;right: 0;top: 50%;margin-top: -13px;}


.ntk_box {margin-top: 20px;}
.ntk_box:after {content: '';display: block;clear: both;}
.ntk_right {overflow: hidden;/*padding-left: 10px;*/box-sizing: border-box;}

/*gallery*/
.gallery{position:relative;float:left;width:55%;height:311px;overflow:hidden;background:#2c4178;box-sizing: border-box;padding: 12px;margin-right: 10px;}
.gallery:after {content: '';display: block;clear: both;}
.gall-tab {position:relative;/*padding:20px;*/width:100%;overflow:hidden;box-sizing: border-box;background: #394e85;}
.gallery .gall-tab.con1 a {width:100%;height:45px;display:block;color:#2c4178;text-align:center;line-height:45px;background:#394e85;margin-right: 0.2%;font-size: 1.2rem;}
.gallery .gall-tab.con2 a {float:left;width:50%;height:40px;display:block;color:#fff;text-align:center;line-height:40px;background:##394e85;font-size: 1.2rem;}
.gallery .gall-tab.con2 a + a {margin-right:0;border-left: 1px solid #0f1e41}
.gallery .gall-tab.con3 a {float:left;width:33.333%;height:40px;display:block;color:#fff;text-align:center;line-height:40px;background:#394e85;font-size: 1.2rem;}
.gallery .gall-tab.con3 a:last-of-type {margin: 0;}
.gallery .gall-tab.con3 a + a {margin-right:0;border-left: 1px solid #0f1e41}
.gallery *:last-of-type {margin:0;}
.gallery .gall-tab a:hover, .gallery .gall-tab a.on {/*background:#2c4178;color:#fff;*/background: #15264f;color: #fdd034;font-weight: 700;}

		 .gall-tab a .more{width:30px;height:40px;background:url('../../image/front/new/icon_more2.png') no-repeat center center;display:block;font-size: 0;float:right;}
		 .gall-tab a:hover .more, .gall-tab a.on .more{width:30px;height:40px;background:url('../../image/front/new/icon_more.png') no-repeat center center;display:block;font-size: 0;float:right;}
		 .gall-tab a h4{float: left;text-indent: 20px;font-weight: 500;font-size: 1.2rem;}
		 .gall-tab a.on h4, .gall-tab a:hover h4{font-weight: 700;}

/*gallery - russia*/
.gallery{position:relative;float:left;width:55%;height:311px;overflow:hidden;background:#2c4178;box-sizing: border-box;padding: 12px;margin-right: 10px;}
.gallery:after {content: '';display: block;clear: both;}
.gall-non-tab {position:relative;/*padding:20px;*/width:100%;overflow:hidden;box-sizing: border-box;background: #394e85;}
.gallery .gall-non-tab.con1 a {width:100%;height:45px;display:block;color:#2c4178;text-align:center;line-height:45px;background:#394e85;margin-right: 0.2%;font-size: 1.2rem;}
.gallery .gall-non-tab.con2 a {float:left;width:50%;height:40px;display:block;color:#fff;text-align:center;line-height:40px;background:##394e85;font-size: 1.2rem;}
.gallery .gall-non-tab.con2 a + a {margin-right:0;border-left: 1px solid #0f1e41}
.gallery .gall-non-tab.con3 a {float:left;width:33.333%;height:40px;display:block;color:#fff;text-align:center;line-height:40px;background:#394e85;font-size: 1.2rem;}
.gallery .gall-non-tab.con3 a:last-of-type {margin: 0;}
.gallery .gall-non-tab.con3 a + a {margin-right:0;border-left: 1px solid #0f1e41}
.gallery *:last-of-type {margin:0;}
.gallery .gall-non-tab a:hover, .gallery .gall-non-tab a.on {/*background:#2c4178;color:#fff; background: #15264f;color: #fdd034; font-weight: 700;*/}

		 .gall-non-tab a .more{width:30px;height:40px;background:url('../../image/front/new/icon_more2.png') no-repeat center center;display:block;font-size: 0;float:right;}
		 .gall-non-tab a:hover .more, .gall-tab a.on .more{width:30px;height:40px;background:url('../../image/front/new/icon_more.png') no-repeat center center;display:block;font-size: 0;float:right;}
		 .gall-non-tab a h4{float: left;text-indent: 20px;font-weight: 500;font-size: 1.2rem;}
		 .gall-non-tab a.on h4, .gall-non-tab a:hover h4{font-weight: 700;}


		 

/*Tab ADD and */
.gallery .gall_box{position:relative;width:100%;overflow:hidden;padding: 10px 15px;background: #15264f;/*height: 246px;*/}
.gallery .gall_box a{position: relative; float:left;width:32%;display:block;color:#fff;text-align:center;height:225px;background:#eee;border-radius: .5rem;color:#454545;margin-right:2%;overflow: hidden;}
.gallery .gall_box a:last-of-type {margin: 0;}
/*
.gallery .gall_box{position:relative;clear:both;padding:10px 0 0 3%;}
.gallery .gall_box a{float:left;width:32.8%;max-width:210px;height:210px;background:#fff;border-radius: .5rem;margin-right:2%;color:#454545;}*/
.gallery .gall_box a .gall-img {/*max-height: 147px;height: 147px;*/overflow: hidden;display: block;}
.gallery .gall_box a img{border-radius: .5rem .5rem 0 0;width:100%; height: 225px;}
.gallery .gall_box a .gall-txt{position: absolute;bottom: 0;width: 100%; display: block;padding:5px;font-size:1.0rem;background-color: rgba(238, 238, 238, 0.8);}
.gallery .gall_box a .gall-txt strong {display:block;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;height:1.4rem;line-height:1.4rem;padding:0;margin:0;font-weight: normal;}
.gallery .gall_box a .gall-txt em{display:block;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;font-size:.8rem;color:#7f7f7f;height:1.4rem;line-height:1.4rem;}


/*Banners*/
#slide_box{}

.pt_box {position:relative;float:left;border-bottom: 0;overflow:hidden;width: 49%;min-width:320px; height: 305px;overflow: hidden;margin-right:10px;}
	.pt_box .slide_box {height: auto !important;}
	.pt_box .img {padding: 0;}
	.pt_box .img a {display: block;}
	.pt_box .btn_slide {}
	.pt_box .btn_slide a{color:#495270;}
	.pt_box .btn_slide span {position: absolute;display: inline-block;/*left: 50%;margin-left: -50px;*/height: 30px;top: 5px;right: 5px;border: 1px solid #435f9c;opacity: 0.7;}
	.pt_box .btn_slide span a { float: left;background: #fff;text-align:center;width:28px;height:28px;font-size:0;display: inline-block;
								border-right: 1px solid #435f9c;/*border-left: 1px solid #495270;border-top: 1px solid #495270;border-bottom: 1px solid #495270;*/}
	.pt_box > ul > li:nth-child(2) {}
	.pt_box .btn_slide .play{/*background:#495270;border-radius: 50%;font-size:0;*/border-right: 1px solid #435f9c;}
	.pt_box .btn_slide .play:before
	{content:"\f04b";font-family: 'FontAwesome';display :inline-block;font-weight:100;font-size:1rem;line-height:27px;}
	.pt_box .btn_slide .stop{/*background:#495270;border-radius: 50%;font-size:0;*/display: none;}
	
	.pt_box .btn_slide .stop:before
	{content:"\f04c";font-family: 'FontAwesome';display :inline-block;font-weight:100;font-size:1rem;line-height:28px;}
	/*.pt_box .btn_slide .prev{background:#495270;border-radius: 50%;font-size:0;border-right: 1px solid #495270;}*/
	.pt_box .btn_slide .prev:before
	{content:"\f104";font-family: 'FontAwesome';display :inline-block;font-weight:700;font-size:1.4rem;line-height:27px;}
	.pt_box .btn_slide .next{/*background:#495270;border-radius: 50%;font-size:0;*/border-right: none;}
	.pt_box .btn_slide .next:before
	{content:"\f105";font-family: 'FontAwesome';display :inline-block;font-weight:700;font-size:1.4rem;line-height:27px;}


.con-last{position:relative;overflow: hidden;height:305px;/*float: right;width:50.5%;*/ }
.con-last:after {
    content: '';
    display: block;
    clear: both;}
/*문화원link*/
.global{position:relative;min-height:175px;background:#dfdfdf /*#fdd034*/;margin:auto;}
.global .tit{font-size: 1.1rem;font-weight:700;color:#2c4178;text-align:center;height:35px;line-height:35px;padding-right:10px;}
.global .tit:before{content:"\f0c1";font-family: 'FontAwesome';color:#446ab8;display :inlne-block;font-weight:300;padding-right:10px; }


.global_wrap{position:relative;width:100%;padding-left:10%; }
.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;
height: 38px; vertical-align: -webkit-baseline-middle; border:1px solid #cecece; width: 90%; z-index: 1; font-size: .8rem;color: #606060; font-weight: 500; padding-left: 5px;
    -webkit-appearance: none;-moz-appearance: none; appearance: none;margin-top:5px;}



/*구독 Subscribe*/
.subscribe{position:relative;min-height:130px;overflow:hidden;background:#394e85;padding-bottom: 7px;}
.subscribe .tit{font-size: 1.1rem;font-weight:700;color:#f7f7f7;height:30px;line-height:30px;text-align:center;}
.subscribe .tit:before{content:"\f1ea";font-family: 'FontAwesome';color:#ccc;display :inlne-block;font-weight:300;padding-right:10px; }
.subscribe .scrip_input{position: relative;overflow: hidden;padding-left: 4%;}
.subscribe .scrip_input label.inputxt{position:relative;font-size:12px;color: #f7f7f7;display: block;padding-right: 89px;}
.subscribe .scrip_input label.inputxt input{/*max-width:198px;min-width:185px;*/height:28px;text-indent:20px;background:#f7f7f7;margin-top:4px;display:block;width: 96%;color: #333;}

.subscribe .scrip_input label.input-btn{position:absolute;top:4px;right:12px;}
.subscribe .scrip_input label.input-btn h6{}
.subscribe .scrip_input label.input-btn a{width:80px;height:60px;font-size: 14px;color: #fff;font-weight: 500;
background:#e64514 /*#e64514*/;display:block;/*line-height:60px;*/overflow:hidden;text-align:center;display:block;line-height: 58px;}

.subscribe .scrip_input label.input-btn2{position: relative;left: 10%;}
.subscribe .scrip_input label.input-btn2 h6{}
.subscribe .scrip_input label.input-btn2 a{width:80%;height:50px;font-size: .9rem;color: #fff;margin:5px 0;
background: #e64514;display:block;line-height:50px;overflow:hidden;text-align:center;display:block; }

.subscribe .scrop_check{clear:both;font-size:11px;margin-left:24px;color: #ccc;padding-top:5px;letter-spacing: -1px;}
.subscribe .scrop_check input[type=checkbox]{display:inline-block;width:1rem;height:1rem;/*margin:-.2rem .5rem 0 0;*/
vertical-align:middle;cursor:pointer;border:1px solid #979797;}
.subscribe .scrop_check input[type=checkbox]:checked {background: url('../../image/front/new/ico_checkbox.png') no-repeat center center;}
.subscribe .scrop_check .chek-btn{display: inline-block;padding:4px 10px;background:#fff;border-radius: 3.6rem;border:0;margin-left:10px;}

/**********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:300;}
.footer p{/*float: left;height: 50px;*/}
.footer 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 span {padding-left:10px;}
.footer copyright{text-transform:uppercase;font-size:.6rem;letter-spacing:1px;}


.sweet-alert * {color: #797979;}


/*Footer*/	

html:lang(ar) .culture-info .box ul li {text-align: right;}
html:lang(ar) .global {direction: ltr;}
html:lang(ar) .subscribe .scrip_input label.input-btn {left: 15px;right: auto;}
html:lang(ar) .subscribe .scrip_input label.inputxt {float: none;margin-right: 0;padding: 0;padding-left: 89px;}
html:lang(ar) .subscribe .scrip_input {padding-left: 0;padding-right: 24px;}

html:lang(ar) .subscribe .scrop_check {margin-right: 24px;}
html:lang(ar) .subscribe .scrop_check {margin-left: 0;}
html:lang(ar) .subscribe .scrop_check .chek-btn {padding: 4px 8px;}
html:lang(ar) .footer {padding: 30px 40px 20px 0;}
html:lang(ar) .footer p {float: right;}
html:lang(ar) .pt_box .btn_slide span {left: 5px;right: auto;}
html:lang(ar) .pt_box .btn_slide .play {display: inline-block;}
html:lang(ar) .pt_box .btn_slide .next {float:right;display: inline-block;/*border-right: 1px solid #495270;*/}
/*html:lang(ar) .pt_box .btn_slide .next:before {content: "\f104";}
html:lang(ar) .pt_box .btn_slide .prev:before {content: "\f105";}*/
html:lang(ar) .cycle-dot {left: 0;right:auto;}
html:lang(ar) .total_search fieldset .image {left: 0;right: auto;}
html:lang(ar) .con-body .Korea-net {float: right;margin-right: 0;margin-left: 10px;}
html:lang(ar) .gallery {float: right; margin-right: 0;margin-left: 10px;}
html:lang(ar) .pt_box {float: right;margin-right: 0;margin-left: 10px;}
html:lang(ar) .lSSlideWrapper {direction: ltr;}
html:lang(ar) .visual-left {float: right;margin-left: 2%;margin-right:0;}
html:lang(ar) .notice .notice-tab2 a {float: right;}
html:lang(ar) .gallery .gall-tab.con2 a {float: right;}
html:lang(ar) .gallery .gall_box a {float: right;margin-left: 1.5%;margin-right: 0;}
html:lang(ar) .gallery .gall_box a:last-of-type {margin: 0;}
html:lang(ar) .culture-info .culture_left:first-of-type {float: right;}
html:lang(ar) .culture-info .culture_right {float: left;}
html:lang(ar) .culture-info .box ul li span.txt {float: right;padding: 0 0 0 30px;}
html:lang(ar) .culture-info .box ul li span.txt .time {float: right;}
html:lang(ar) .culture-info .box ul li span.txt .tel {float: right;}
html:lang(ar) .culture-info .box ul li span.txt .fax {float: right;}
html:lang(ar) .notice-tab2 a .more {float: left;}
html:lang(ar) .notice-tab2 a:hover .more, html:lang(ar) .notice-tab2 a.on .more {float: left;}
html:lang(ar) .con-body .notice .notice_body .date {right: auto;left: 0;}
html:lang(ar) .con-body .notice .notice_body li a {padding-right: 0;padding-left: 70px;}
html:lang(ar) .gall-tab a:hover .more, html:lang(ar) .gall-tab a.on .more {float: left;}
html:lang(ar) .gall-tab a .more {float: left;}


html:lang(ar) .gallery .gall-tab.con2 a + a {margin-right:0;border-right: 3px solid #0f1e41;border-left:0;}
html:lang(ar) .gallery .gall-tab.con3 a {margin-right:0;border-right: 3px solid #0f1e41;border-left:0;}
html:lang(ar) .gallery .gall-tab.con3 a:last-of-type{border-right: 0;}




@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;}

/*visual & 검색 & 문화원정보*/
#wrapper .content{position:relative;clear:both;width:100%;overflow:hidden;}
.visual-right{clear:both;width:100%;position:absolute;top:0;max-width: 1000px;}
.visual-left{clear:both;width:100%;max-width: 830px;margin-top:20px;padding-right:0;max-height: 400px;height: auto;max-height: initial;}

/*visual*/
.slideshow-container{width:96%;left: 50%;margin-left: -48%;}
html:lang(ar) .slideshow-container{width:96%;width: 96%;left: -2%;}
/*검색*/
.total_search{width:90%;margin-top:40px;}
.culture-info {margin-top: 40px;}
.culture-info .box ul li span {font-size: 1.0rem;}
/*문화원정보
.culture-info .culture_right {width:50%;}
.culture-info{height:auto;width:100%;padding: 1.5%;margin-top:4%;}
.culture-info .box{width:49%;margin-right:2%;}
.culture-info .box h5{font-size: 1.3rem;}
.culture-info .box ul{font-size:1.0rem; }

/*notice part*/
.newspart{ min-height: 280px;}
	/*korea Today*/
	.con-body .Korea-net {width: 100%;margin-bottom: 10px;}

/*코리아넷*/
.Korea-net-k{width:100%;}
.Korea-net-k .Koreanet-box ul li:first-of-type {padding-left: 20px;}
.Korea-net-k .Koreanet-box ul li{padding-left: 20px;}
.Korea-net-k h4 span{font-size:18px !important;}
/*.con-body .Korea-net{float:left;width:55%;min-height:290px;height:100%;overflow:hidden;background:#003964;margin-right:10px;padding:20px;}
.con-body .Korea-net-k{float:left;width:55%;min-height:290px;height:100%;overflow:hidden;background:#2c4178;margin-right:10px;}
.con-body .Korea-net-k h4{position:relative;padding:20px;color:#fff;}
.con-body .Korea-net-k h4 span{}
.con-body .Korea-net-k .more a{float:right;color:#fff;display: block;width:80px;font-size: 14px;float: right;text-align: right;}
		  .Korea-net-k .Koreanet-box{position:relative;width:100%;overflow:hidden;height: calc(100% - 40px);box-sizing: border-box;padding: 0 10px 10px 10px;}
		  .Korea-net-k .Koreanet-box ul{height: 100%;box-sizing: border-box;padding: 10px 0;background: #fff;overflow: hidden;}
		  .Korea-net-k.col4 .koreanet-box ul li{width: 25%;}
		  .Korea-net-k .koreanet-box ul:after {content: '';display: block;clear: both;}
		  .Korea-net-k .Koreanet-box ul li{position: relative; width: 25%;float: left;overflow: hidden;height: 100%;}
		  .Korea-net-k .Koreanet-box ul li{padding:0 10px;}
		  .Korea-net-k .Koreanet-box ul li a{display: inline-block;position: relative;box-sizing: border-box;height: 100%;margin: auto;max-width: 100%;padding-bottom: 25px;}
		  .Korea-net-k .Koreanet-box ul li:first-of-type{padding-left: 10px;}
		  .Korea-net-k.height3 .Koreanet-box ul li a .konet-txt{min-width: 100px;-webkit-line-clamp:3;min-height: 56px;}
		  .Korea-net-k .Koreanet-box li a .konet-img{max-height: 105px;overflow: hidden;display: block;padding: 0;text-align: center;}
		  .Korea-net-k .Koreanet-box li a .konet-img img{width: auto;height: 125px;}
		  .Korea-net-k .Koreanet-box li a span.konet-txt{display: block;padding-top: 5px;font-size: 15px;line-height: 18px;white-space: normal;text-overflow: ellipsis;
					   	overflow: hidden;text-align: left;word-wrap: break-word;display: -webkit-box;-webkit-box-orient: vertical;min-width: 60px;margin: auto;}
		   .Korea-net-k .Koreanet-box li a span.date{position: absolute;white-space: nowrap;font-size:12px;color:#7f7f7f;bottom:1px;left: 0;}*/



	/*notice*/
	.con-body .notice {width: 100%;}
	.con-body .notice .notice_body {max-width: 1000px;padding: 3%;}
	.con-body .notice .notice_body li {width:100%;}
	.con-body .notice .notice_body li a{color:#454545;width:85%;display:inline-block;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
	.con-body .notice .notice_body .date { float: right;}
/*gallery, banner, quck link*/	
.ntk_box { margin-top: 10px;}

	/*gallery*/
	.gallery {width:100%;}

	.ntk_right {padding-left:0px;clear: both;height: 320px;padding-top: 10px;}

	/*banner*/
	.pt_box{max-width:320px;height: 305px;}
	.pt_box .btn_slide span {bottom: 20px;}
/*	.con-last{max-width: 600px;width:55%;}*/
	.global .tit {font-size: 1.2rem;}
	.global > ul > li > a {width: 80%;}
	.subscribe .tit{font-size: 1.2rem;}
	.subscribe .scrip_input label.inputxt {width: 75%;}
	.subscribe .scrip_input label.input-btn a {}

/*Footer*/	

.footer address {clear: both;font-size: .8rem;}

	html:lang(ar) .culture-info .box ul li span.txt {float: right;padding-right: 24px !important;}
	html:lang(ar) .culture-info .box ul li span.txt .time,
	html:lang(ar) .culture-info .box ul li span.txt .tel,
	html:lang(ar) .culture-info .box ul li span.txt .fax {left: auto;right: 0;margin-right: 0;}
	html:lang(ar) .notice .notice-tab2 a {padding: 0 10px 0 20px;text-align: right;}
	html:lang(ar) .more, html:lang(ar) #wrapper .notice-tab2 a.on .more, html:lang(ar) #wrapper .notice-tab2 a .more {right: auto;left: 0;}
	html:lang(ar) #wrapper .con-body .notice .notice_body .date {right: auto;left: 0;}
	html:lang(ar) #wrapper .con-body .notice .notice_body li a {padding-left: 64px;padding-right: 0;}
	html:lang(ar) .con-body .Korea-net {margin-right: 0;}
	html:lang(ar) #wrapper .gallery .gall-tab a {padding: 0 10px 0 20px;text-align: right;}
	html:lang(ar) #wrapper .gall-tab a:hover .more, html:lang(ar) #wrapper .gall-tab a.on .more, html:lang(ar) #wrapper .gall-tab a .more {right: auto;left: 0;}
	html:lang(ar) #wrapper .gallery .gall_box a .gall-img {float: right;}
	html:lang(ar) .gallery .gall_box a .gall-txt strong {text-align: right;}
	html:lang(ar) .gallery .gall_box a .gall-txt em {text-align: right;}
	html:lang(ar) .footer {padding: 20px 10px;}
	html:lang(ar) .footer .foot_btt {margin-left: 0;}
	html:lang(ar) .footer .foot_btt li { margin-right: 0;}
	html:lang(ar) .footer .foot_btt li + li { margin-right: 10px;}
	html:lang(ar) .footer .m_sns {float: right;direction: rtl;}
    html:lang(ar) .footer .m_sns li {float: right;}


    html:lang(ru) .footer {padding: 0 0 20px 10px;}
	html:lang(ru) .subscribe .scrip_input label.input-btn a {width: 90px;font-size: 1.2rem;}
	html:lang(ru) .subscribe .scrop_check label {width: 67%;float: left;letter-spacing: 0;padding-left: 12px;}
	html:lang(ru) .subscribe .scrop_check input[type=checkbox] {margin-left:-12px;}
	html:lang(ru) .footer .foot_btt {float: none;background: #dedede;margin-left: -10px;margin-top: 0;text-align: center;}
	html:lang(ru) .footer .foot_btt li {position: relative; padding: 10px 7px;border-radius: 0;margin-right: 0;}
	html:lang(ru) .footer .foot_btt li + li:before {content: '|';display: inline-block;font-size: 1rem;color: #333;position: absolute;left: 0;top: 50%;margin-top: -6px;}
	html:lang(ru) .footer .foot_btt li a {line-height: 16px;}

	html:lang(vi) .footer {padding: 0 0 20px 10px;}
	html:lang(vi) .subscribe .scrip_input label.input-btn a {width: 90px;font-size: 1.2rem;}
	html:lang(vi) .subscribe .scrop_check label {width: 67%;float: left;letter-spacing: 0;}
	html:lang(vi) .footer .foot_btt {float: none;background: #dedede;margin-left: -10px;margin-top: 0;text-align: center;}
	html:lang(vi) .footer .foot_btt li {position: relative; padding: 10px 7px;border-radius: 0;margin-right: 0;}
	html:lang(vi) .footer .foot_btt li + li:before {content: '|';display: inline-block;font-size: 1rem;color: #333;position: absolute;left: 0;top: 50%;margin-top: -6px;}
	html:lang(vi) .footer .foot_btt li a {line-height: 16px;}

	html:lang(pl) .footer {padding: 0 0 20px 10px;}
	html:lang(pl) .subscribe .scrip_input label.input-btn a {width: 90px;font-size: 1.2rem;}
	html:lang(pl) .subscribe .scrop_check label {width: 67%;float: left;letter-spacing: 0;}
	html:lang(pl) .footer .foot_btt {float: none;background: #dedede;margin-left: -10px;margin-top: 0;text-align: center;}
	html:lang(pl) .footer .foot_btt li {position: relative; padding: 10px 7px;border-radius: 0;margin-right: 0;}
	html:lang(pl) .footer .foot_btt li + li:before {content: '|';display: inline-block;font-size: 1rem;color: #333;position: absolute;left: 0;top: 50%;margin-top: -6px;}
	html:lang(pl) .footer .foot_btt li a {line-height: 16px;}



	html:lang(fr) .subscribe .scrip_input label.input-btn a {width: 85px;}

	html:lang(nl) .subscribe .scrop_check label {width: 67%;float: left;letter-spacing: 0;padding-left: 12px;}
	html:lang(nl) .subscribe .scrip_input label.input-btn a {width: 85px;}	
	html:lang(nl) .subscribe .scrop_check input[type=checkbox] {margin-left:-12px;}

	html:lang(es) .culture-info .box ul {padding: 5px 0;}
	html:lang(es) .footer {padding: 10px 0 20px 10px;}
	html:lang(es) .footer .foot_btt li {margin-right: 10px;}


	html:lang(pt) .subscribe .scrip_input label.input-btn a {width: 85px;}

	html:lang(pl) .subscribe .scrip_input label.input-btn a {width: 85px;}

	html:lang(kk) .subscribe .scrip_input label.input-btn a {width: 100px;}

}



/* =====  Media ===== */
@media all and (max-width:766px){
	html {font-size:62.5%;}
	#wrapper{width:100%;min-width:300px;margin:0 auto;overflow:hidden;}

	/**이집트 메뉴**/
	
	html:lang(ar) .culture-info .box ul li span.txt {float: right;padding-right: 24px !important;}
	html:lang(ar) .culture-info .box ul li span.txt .time,
	html:lang(ar) .culture-info .box ul li span.txt .tel,
	html:lang(ar) .culture-info .box ul li span.txt .fax {left: auto;right: 0;margin-right: 0;}
	html:lang(ar) .notice .notice-tab2 a {padding: 0 10px 0 20px;text-align: right;}
	html:lang(ar) .more, html:lang(ar) #wrapper .notice-tab2 a.on .more, html:lang(ar) #wrapper .notice-tab2 a .more {right: auto;left: 0;}
	html:lang(ar) #wrapper .con-body .notice .notice_body .date {right: auto;left: 0;}
	html:lang(ar) #wrapper .con-body .notice .notice_body li a {padding-left: 64px;padding-right: 0;}
	html:lang(ar) .con-body .Korea-net {margin-right: 0;}
	html:lang(ar) #wrapper .gallery .gall-tab a {padding: 0 10px 0 20px;text-align: right;}
	html:lang(ar) #wrapper .gall-tab a:hover .more, html:lang(ar) #wrapper .gall-tab a.on .more, html:lang(ar) #wrapper .gall-tab a .more {right: auto;left: 0;}
	html:lang(ar) #wrapper .gallery .gall_box a .gall-img {float: right;}
	html:lang(ar) .gallery .gall_box a .gall-txt {left: 0;right: auto;}
	html:lang(ar) .gallery .gall_box a .gall-txt strong {text-align: right;}
	html:lang(ar) .gallery .gall_box a .gall-txt em {text-align: right;}
	html:lang(ar) .footer {padding: 0 10px 20px;}
	html:lang(ar) .footer .foot_btt {margin: 0 -10px 14px;}
	html:lang(ar) .footer .foot_btt li { margin-right: 0;}
	html:lang(ar) .footer .foot_btt li + li { margin-right: 3px;}
	html:lang(ar) .footer .m_sns {float: right;direction: rtl;}
    html:lang(ar) .footer .m_sns li {float: right;}


    html:lang(ar) .subscribe .scrip_input {padding-left: 0;padding-right: 24px;}


	/*visual & 검색 & 문화원정보*/
	#wrapper .content{position:relative;clear:both;width:100%;overflow:hidden;height: auto;}
	.visual-right{clear:both;width:100%;position:absolute;top:0;max-width: 1000px;height: auto;}
	.visual-left{clear:both;width:100%;margin-top:10px;max-width: 1000px;padding-right:0;height:auto;max-height: initial;}

	/*visual*/
	.slideshow-container{width:96%;/*margin:0 auto;*/left:2%;}
	html:lang(ar) .slideshow-container {width: 96%;/* margin: 0 auto; */left: -2%;}
	.main_banner_box .text {/*top: 151px;*/}

	/*검색*/
	.total_search{width:90%;margin-top:20px;height: 50px;border: 6px solid #fff;}
	.total_search fieldset .image {width: 40px;height: 40px;}
	.total_search fieldset .image:before {height: 50px;line-height: 38px;}
	/*문화원정보*/
	.culture-info .culture_right {width:50%;}
	.culture-info .culture_left h4{display: none;}
	.culture-info .culture_right .m_sns {display: none;}
	.culture-info{height:auto;width:100%;padding: 1.5%;margin-top:4%;}
	.culture-info .box ul li span {font-size: 1.2rem;}
	/*.culture-info .box{width:49%;margin-right:2%;}
	.culture-info .box h5{font-size: 1.3rem;}
	.culture-info .box ul{font-size:1.0rem; }*/

	/*notice part*/
	.newspart{ min-height: 250px;}
		/*korea Today*/
		.con-body .Korea-net {width: 100%;margin-bottom: 10px;min-height: 250px;}


		/*코리아넷*/
	.Korea-net-k{width:100%; min-height:185px;}
	.Korea-net-k .Koreanet-box ul li:first-of-type {padding-left: 20px;}
	.Korea-net-k .Koreanet-box ul li{padding-left: 20px;}
	.Korea-net-k .Koreanet-box li a .konet-img{display:none;}
	.Korea-net-k.col4 .koreanet-box ul li{width: 100%;}
	.Korea-net-k .koreanet-box ul:after {content: '';display: block;clear: both;}
	.Korea-net-k .Koreanet-box ul li{position: relative; width: 100%;float: none;overflow: hidden;height: 100%;}
	.Korea-net-k .Koreanet-box ul li a {width: 100%;padding-bottom: 0;}
	.Korea-net-k .Koreanet-box li a .konet-txt{float: left;}
	.Korea-net-k.height3 .Koreanet-box ul li a .konet-txt{min-height: 20px;font-size:15px;width:75%;float: left;height: 28px;display: inline-block;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
	.Korea-net-k .Koreanet-box li a span.date{position:relative;float:right;white-space: nowrap;font-size:12px;color:#7f7f7f;padding-top: 5px;text-align: left;}
	/*.con-body .Korea-net{float:left;width:55%;min-height:290px;height:100%;overflow:hidden;background:#003964;margin-right:10px;padding:20px;}
	.con-body .Korea-net-k{float:left;width:55%;min-height:290px;height:100%;overflow:hidden;background:#2c4178;margin-right:10px;}
	.con-body .Korea-net-k h4{position:relative;padding:20px;color:#fff;}
	.con-body .Korea-net-k h4 span{}
	.con-body .Korea-net-k .more a{float:right;color:#fff;display: block;width:80px;font-size: 14px;float: right;text-align: right;}
			  .Korea-net-k .Koreanet-box{position:relative;width:100%;overflow:hidden;height: calc(100% - 40px);box-sizing: border-box;padding: 0 10px 10px 10px;}
			  .Korea-net-k .Koreanet-box ul{height: 100%;box-sizing: border-box;padding: 10px 0;background: #fff;overflow: hidden;}
			  .Korea-net-k.col4 .koreanet-box ul li{width: 25%;}
			  .Korea-net-k .koreanet-box ul:after {content: '';display: block;clear: both;}
			  .Korea-net-k .Koreanet-box ul li{position: relative; width: 25%;float: left;overflow: hidden;height: 100%;}
			  .Korea-net-k .Koreanet-box ul li{padding:0 10px;}
			  .Korea-net-k .Koreanet-box ul li a{display: inline-block;position: relative;box-sizing: border-box;height: 100%;margin: auto;max-width: 100%;padding-bottom: 25px;}
			  .Korea-net-k .Koreanet-box ul li:first-of-type{padding-left: 10px;}
			  .Korea-net-k.height3 .Koreanet-box ul li a .konet-txt{min-width: 100px;-webkit-line-clamp:3;min-height: 56px;}
			  .Korea-net-k .Koreanet-box li a .konet-img{max-height: 105px;overflow: hidden;display: block;padding: 0;text-align: center;}
			  .Korea-net-k .Koreanet-box li a .konet-img img{width: auto;height: 125px;}
			  .Korea-net-k .Koreanet-box li a span.konet-txt{display: block;padding-top: 5px;font-size: 15px;line-height: 18px;white-space: normal;text-overflow: ellipsis;
						   	overflow: hidden;text-align: left;word-wrap: break-word;display: -webkit-box;-webkit-box-orient: vertical;min-width: 60px;margin: auto;}
			   .Korea-net-k .Koreanet-box li a span.date{position: absolute;white-space: nowrap;font-size:12px;color:#7f7f7f;bottom:1px;left: 0;}*/
		/*notice*/
		.con-body .notice {width: 100%;min-height: auto;}
		.notice .notice-tab1, .notice .notice-tab2 {position: relative;margin: 10px;font-size:1.4rem;}
		.con-body .notice .notice_body {max-width: 1000px;padding: 3%;margin: 10px;min-height: auto;}
		.con-body .notice .notice_body li {width:100%;font-size: 1.4rem;line-height: 3rem;}
		.con-body .notice .notice_body li a{color:#454545;width:70%;display:inline-block;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
		.con-body .notice .notice_body .date { float: right;}
		.notice-tab1 a h4, .notice-tab2 a h4{font-size: 1.6rem;}

	    
	/*gallery, banner, quck link*/	
	.ntk_box { margin-top: 10px;}

		/*gallery*/
		.gallery {width:100%;height: auto;}
		.gallery .gall-tab {padding: 0;}
		.gall-tab a h4 {text-indent:5px;font-size: 1.5rem;}
		.gallery .gall_box {padding: 10px 5px 10px 5px;}
		.gallery .gall_box a{height: auto;}

		.ntk_right {clear: both;padding-top: 10px;padding-left:0;}

		/*banner*/
		.pt_box{display: none;}/*
		.pt_box{float:none;min-width:320px;height: 305px;width:100%;margin:0 auto;box-sizing: border-box;}
	    .pt_box img{width: 100%;}
		.pt_box .btn_slide span {bottom: 20px;}*/

		.con-last{clear: both;margin-top:0;/*float: none;width: 100%;*/}
		.global .tit {font-size: 1.6rem;font-weight: 700;}
		.global > ul > li > a {width: 80%;}
		.subscribe .tit{font-size: 1.6rem;font-weight: 500;}
		.subscribe .scrip_input label.input-btn a {font-size: 1.4rem}
		.subscribe .scrop_check label {letter-spacing: 0;}

	.culture-info .box ul li {overflow: hidden;}
	.culture-info .box ul li + li {padding-bottom: 0;}
	.culture-info .box ul li span.txt {position: relative;padding-top: 0 !important;padding-left: 24px;padding-right: 10px !important;min-height:auto;}
	.culture-info .box ul li span.txt + .txt {padding-left: 21px;}
	.culture-info .box ul li span.txt .time {width: 20px !important;min-height: 16px !important;position: absolute;top: 1px;left: 0;background-size: 15px !important;}
	.culture-info .box ul li span.txt .tel {width: 20px !important;min-height: 16px !important;position: absolute;top: 1px;left: 0;background-size: 15px !important;}
	.culture-info .box ul li span.txt .fax {width: 20px !important;min-height: 16px !important;position: absolute;top: 1px;left: 0;background-size: 15px !important;}

	.visual-right .culture-info .box ul li span.txt .tel {
		background: url(../../image/front/new/icon_cult.png) no-repeat center -94px;
	    width: 20px;float: left;height: auto;min-height: 20px;margin-right: 5px;background-size: 15px !important;
	}
	.visual-right .culture-info .box ul li span.txt .fax {
		background: url(../../image/front/new/icon_cult.png) no-repeat center -46px;
	    width: 20px;float: left;height: auto;min-height: 20px;margin-right: 5px;background-size: 15px !important;
	}
	.main_banner_box .lSSlideOuter .lSPager.lSpg > li {top: 2px;}
	#wrapper .content {margin-bottom: 10px;}
	#wrapper .con-body .Korea-net-k {min-height: 185px;}
	.newspart .Korea-net-k .Koreanet-box {height: auto;}
	.newspart .Korea-net-k .Koreanet-box ul li {height: 30px;}
	.newspart .Korea-net-k .Koreanet-box ul li a {padding-bottom: 0;}
	#wrapper .Korea-net-k .Koreanet-box li a span.date {bottom: -3px;}
	#wrapper .con-body .Korea-net-k h4 {padding: 10px;text-align: left;}
	.notice .notice-tab2 a {position: relative;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;padding: 0 20px 0 10px;text-align: left;}
	#wrapper .notice-tab2 a:hover .more, #wrapper .notice-tab2 a.on .more, #wrapper .notice-tab2 a .more {width: 20px;background-size: 12px;position: absolute;right: 0;top: 50%;margin-top: -10px;height: 20px;}
	.con-body .notice .notice_body li {position: relative;}
	#wrapper .con-body .notice .notice_body .date {position: absolute;right: 0;top: 50%;margin-top: -15px;}
	#wrapper .con-body .notice .notice_body li a {position: relative;width: 100%;padding-right: 64px;font-size: 13px;}
	.gallery .gall-tab a {position: relative;}

	#wrapper .gall-tab a:hover .more, #wrapper .gall-tab a.on .more, #wrapper .gall-tab a .more {width: 20px;height: 20px;background-size: 12px;position: absolute;right: 0;top: 50%;margin-top: -10px;}
	#wrapper .gallery .gall-tab a {font-size: 12px;padding-right: 18px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;padding: 0 20px 0 10px;text-align: left;}
	#wrapper .gallery .gall_box a {height: auto;clear: both;overflow: hidden;width: 100%;padding: 5px;}
	#wrapper .gallery .gall_box a + a {margin-top: 10px;}
	#wrapper .gallery .gall_box a .gall-img {overflow: hidden;display: inline-block;float: left;width: 30%;height: auto;max-height: 64px;}
	.gallery .gall_box a .gall-txt {overflow: hidden;padding: 10px 7px;width: 68%;right: 0;}
	.gallery .gall_box a img {border-radius: .5rem;height: 64px;}
	.gallery .gall_box a .gall-txt strong {height: auto;line-height: 21px;font-size: 1.4rem;text-align: left;}
	.gallery .gall_box a .gall-txt em {
        text-overflow: ellipsis;overflow: hidden;white-space: normal;font-size: 1.2rem;line-height: 15px;text-align: left;height:32px;word-wrap: break-word;display: -webkit-box;
        -webkit-line-clamp: 2;-webkit-box-orient: vertical;    
	}

	/*Footer*/	
	/*.footer{padding:10px 10px 20px 10px;}*/
	.footer {padding: 0 0 20px 10px;max-height: 300px;}
	.footer p{padding:0px;display: none;}
	.footer .foot_btt {float: none;background: #dedede;margin-left: -10px;margin-top: 0;text-align: center;}
	.footer .foot_btt li {position: relative; padding: 10px 7px;border-radius: 0;margin-right: 0;}
	.footer .foot_btt li + li:before {content: '|';display: inline-block;font-size: .8rem;color: #333;position: absolute;left: -2px;top: 50%;margin-top: -6px;height: 10px;overflow: hidden;}
	.footer .foot_btt li a {line-height: 16px;}

	.footer address {clear: both;font-size: .8rem;padding-bottom: 10px;}
	.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;}
   
    .total_search fieldset #search_total {height: 38px;line-height: 36px;}


	.footer .m_sns{height:50px;margin:0 auto;text-align:left;width: 100%;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;color:#626262;font-size: 0;position: relative;}
	.footer .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;
	}
	.footer .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;
	}
	.footer .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;
	}
	.footer .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;
	}
	.footer .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;
	}
	.footer .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;
	}
	.footer .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;
	}
	.footer .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;
	}


	html:lang(ru) .footer {padding: 0 0 20px 10px;}
	html:lang(ru) .subscribe .scrip_input label.input-btn a {width: 90px;font-size: 1.2rem;}
	html:lang(ru) .subscribe .scrop_check label {width: 67%;float: left;letter-spacing: 0;padding-left: 12px;}
	html:lang(ru) .subscribe .scrop_check input[type=checkbox] {margin-left:-12px;}
	html:lang(ru) .footer .foot_btt {float: none;background: #dedede;margin-left: -10px;margin-top: 0;text-align: center;}
	html:lang(ru) .footer .foot_btt li {position: relative; padding: 10px 7px;border-radius: 0;margin-right: 0;}
	html:lang(ru) .footer .foot_btt li + li:before {content: '|';display: inline-block;font-size: 1rem;color: #333;position: absolute;left: 0;top: 50%;margin-top: -6px;}
	html:lang(ru) .footer .foot_btt li a {line-height: 16px;}

	html:lang(vi) .footer {padding: 0 0 20px 10px;}
	html:lang(vi) .subscribe .scrip_input label.input-btn a {width: 90px;font-size: 1.2rem;}
	html:lang(vi) .subscribe .scrop_check label {width: 67%;float: left;letter-spacing: 0;}
	html:lang(vi) .footer .foot_btt {float: none;background: #dedede;margin-left: -10px;margin-top: 0;text-align: center;}
	html:lang(vi) .footer .foot_btt li {position: relative; padding: 10px 7px;border-radius: 0;margin-right: 0;}
	html:lang(vi) .footer .foot_btt li + li:before {content: '|';display: inline-block;font-size: 1rem;color: #333;position: absolute;left: 0;top: 50%;margin-top: -6px;}
	html:lang(vi) .footer .foot_btt li a {line-height: 16px;}

	html:lang(pl) .footer {padding: 0 0 20px 10px;}
	html:lang(pl) .subscribe .scrip_input label.input-btn a {width: 90px;font-size: 1.2rem;}
	html:lang(pl) .subscribe .scrop_check label {width: 67%;float: left;letter-spacing: 0;}
	html:lang(pl) .footer .foot_btt {float: none;background: #dedede;margin-left: -10px;margin-top: 0;text-align: center;}
	html:lang(pl) .footer .foot_btt li {position: relative; padding: 10px 7px;border-radius: 0;margin-right: 0;}
	html:lang(pl) .footer .foot_btt li + li:before {content: '|';display: inline-block;font-size: 1rem;color: #333;position: absolute;left: 0;top: 50%;margin-top: -6px;}
	html:lang(pl) .footer .foot_btt li a {line-height: 16px;}

	html:lang(tr) .subscribe .scrip_input label.input-btn a {width: 90px;font-size: 1.2rem;}
	html:lang(tr) .subscribe .scrop_check label {width: 67%;float: left;letter-spacing: 0;}


	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(fr) .subscribe .scrip_input label.input-btn a {width: 85px;}

	html:lang(nl) .subscribe .scrop_check label {width: 67%;float: left;letter-spacing: 0;padding-left: 12px;}
	html:lang(nl) .subscribe .scrip_input label.input-btn a {width: 85px;}	
	html:lang(nl) .subscribe .scrop_check input[type=checkbox] {margin-left:-12px;}

	html:lang(es) .culture-info .box ul {padding: 5px 0;}
	html:lang(es) .footer {padding: 10px 0 20px 10px;}
	html:lang(es) .footer .foot_btt li {margin-right: 10px;}


	html:lang(pt) .subscribe .scrip_input label.input-btn a {width: 85px;}

	html:lang(pl) .subscribe .scrip_input label.input-btn a {width: 85px;}

	html:lang(kk) .subscribe .scrip_input label.input-btn a {width: 100px;}
	


}/*End: @media 320 */