/* ======================================== Responsive ======================================== */
@media all and (min-width:960px) and (max-width:1100px){
.topSearch{right:0;margin-left:0;}
}
/*Mobile*/
@media all and (max-width:960px){
	#wrap{min-width:100%;}
	.inner{width:100%;}
	.inner img{max-width:100%;}
	#topBar,
	#header #titlaBar .topLink ul,
	#footer #footerNav,
	#asideSns{display:none;}
	#header{height:auto;padding:20px;}
	#header #titlaBar{height:auto;}
	#header #titlaBar h1{position:static;margin-bottom:10px;}
	#header #titlaBar h1 img{height:50px;}	
	#header #titlaBar .topLink{position:static;}
	#header #titlaBar .h1-text,
	#header #titlaBar .sub-logo{ display:none; }
	#header .topSearch{position:static;width:100%;margin-left:0;}
	#header .topSearch form{float:none;position:relative;}
	#header .topSearch form input[type='text']{width:100%;padding:0 47px 0 10px;box-sizing:border-box;}
	#header .topSearch form .btn_submit{position:absolute;top:0;right:0;}
	#header #btnGnbOpen{display:block;top:0px;}
	#header #gnb{display:none;margin-bottom:20px;}
	#header #gnb.active{display:block;}
	#header #gnb.active:after{display:none;}
	#header #gnb > ul > li.home,
	#header #gnb > ul > li{float:none;width:auto;}
	#header #gnb > ul > li > a{display:block;padding:0 10px;text-align:left;border:0;}
	#header #gnb > ul > li > ul{display:none;position:static;height:auto;padding:10px;background-color:#e9e9e9;}	
	#header #gnb > ul > li > ul > li{float:none;margin:0;line-height:normal;}
	#header #gnb > ul > li > ul > li > a{position:relative;padding:6px 12px;}
	#header #gnb > ul > li > ul > li > a:before{display:block;content:'';clear:both;width:2px;height:2px;position:absolute;left:4px;top:50%;margin-top:-1px;background-color:#111;}
	#header #gnb > ul > li.active > ul{display:block;}
	#header #gnb > ul > li.active > a{font-weight:bold;}	
	
	#container.sub{padding:0 20px 20px;}
	.symposium #container.sub{padding:20px;}

	#footer > .inner{padding:20px 0;}
	#footer #footerLogo{margin:0 auto 10px;text-align:center;}
	#footer #footerLink{position:static;text-align:center;}

	.mainVisual,
	.mainVisual a img{height:auto;}

	.mainPanel{margin:20px;}
	.mainPanel > ul > li{float:none;width:auto;}
	.mainPanel ul li em br{display:none;}
	.mainThumbList{padding:15px 0;}
	.mainThumbList ul{margin:0;}
	.mainThumbList ul li{margin:10px 0;padding:0 5%;width:50%;}
	.mainThumbList ul li .title{margin-top:10px;}
	.mainThemes{margin:45px 0;}
	.mainThemes ul{margin:0;padding:10px 0;}
	.mainThemes ul li img{}

	.subInfo{margin-bottom:20px;}
	.subInfo > h3{font-size:30px;}

	.tabBar.col5 > li,
	.tabBar.col6 > li,
	.tabBar.col7 > li,
	.tabBar.col8 > li,
	.tabBar.col9 > li,
	.tabBar.col10 > li{width:33.3333%;}

	div.bbsSearch{padding:10px 10px 15px;}
	div.bbsSearch ul > li{float:none;width:100%;text-align:center;}
	div.bbsSearch ul > li:last-child{text-align:center;}
	
	div.thumb ul.list.col4 > li,
	ul.thumbType4 > li,
	ul.thumbType5 > li,
	ul.thumbType4.col4 > li{width:50%;}

	div.bbs div.view .info3{padding:0 10px 15px;}
	div.bbs div.view2 .info{padding:10px 10px 20px 10px;}

	div.bbs div.view .fileGroup{padding:10px;}
	div.bbs div.view2 .fileGroup{padding:10px;}
	div.bbs div.view2 .content{padding:10px;}

	div.bbs div.view .content img,
	div.bbs div.view .content3 img,	
	div.bbs div.view .content4 img,
	div.bbs div.view2 .content3 img{height:auto !important;}

	ul.colLayout > li.h230{height:180px !important;}

	.conViewType1{padding-right:0;}
	.conViewType1 .conAside{position:static;width:auto;padding:10px 15px;}
	.conViewType1 .conAside ul li a.iconContact + span{padding:10px 0 0 42px;}

	#container .bgGrayBox{padding:20px;}
	
	#about .colLayout{margin-bottom:20px;}
	#about .colLayout > li{float:none;width:100%;}
	#about ul.bgGrayIconBanner{margin:-10px;}
	#message .message{padding:80px 20px;}
	#message .message img{right:0;}
	#message .message b{font-size:42px;}
	#message .message p{padding-top:20px;font-size:18px;letter-spacing:-0.5px;}
	#message ul.colLayout > li{min-height:350px;}
	
	#headHistory .message > .headBox{padding:100px 0 0 40px;}
	#headHistory .message > .headBox > span{margin-bottom:20px;font-size:15px;}
	#headHistory .message > .headBox > b{font-size:45px;}
	#headHistory .message > img{right:40px;}
	#headHistory ul.colLayout > li.last:after{display:none;}

	ol.history,
	ol.history > li{list-style:none;overflow:inherit;}
	ol.history > li dt{text-align:center;}
	ol.history > li dt > span{height:auto;line-height:normal;padding:0 20px !important;margin:0 0 20px 0 !important;position:static;}
	ol.history > li.right dt > span{margin-left:0;}
	ol.history > li dd{padding:0 0px 0px 35px !important;margin:20px 0;}
	ol.history > li.right dd,
	ol.history > li.left dd{float:none;width:100%;margin-left:8px;border-right:0px;border-left:1px solid #ccc;}
	ol.history > li dd ol:before{width:35px;top:0;}
	ol.history > li dd ol > li li.detali_img:after{display:none;}
	ol.history > li dd ol > li li.detali_img > img{position:static;display:block;right:0;width:300px;height:auto;}
	ol.history > li.left dd ol:before{right:auto;left:-5px;background:url(/images/sub/img_sub2_11.png) no-repeat 0 0;}
	ol.history > li.left dd ol:after{right:auto;left:-8px;}
	ol.history > li dd ol > li b{padding:0;}

	dl.history2:after{left:0;}
	dl.history2 dt{padding:0;}
	dl.history2 dd{padding:0;margin-left:8px;margin-top:20px;}
	dl.history2 dd:before{left:0;}
	dl.history2 dt > b{margin:20px auto;}
	dl.history2 dd > ul > li.left,
	dl.history2 dd > ul > li.right{float:none;width:100%;margin:0 !important;padding-left:35px;padding-right:0;}
	dl.history2 dd > ul > li.left:before{left:-5px;background:url(/images/sub/img_sub2_11.png) no-repeat 0 0;}
	dl.history2 dd > ul > li:before{width:35px;left:-5px;}

	.newsletter .subject{padding-top:0;}
	.newsletter .subject.pdt50{padding-top:0px;}
	.newsletter ul.sectionHead{height:auto;}
	.newsletter ul.sectionHead > li{width:100% !important;}	
	.newsletter ul.sectionHead > li img{width:100%;}
	.newsletter ul.welcomeNote > li,
	.newsletter ul.activities > li{width:100%;}
	.newsletter ul.welcomeNote > li img,
	.newsletter ul.activities > li img{display:block;margin:0 auto;}
	.newsletter div.grayBox2{padding-top:20px;}
	.newsletter div.grayBox2_inner.h440{height:460px;}
	.newsletter p.sectionTitle.line2{padding:20px 0;}
	.newsletter p.sectionTitle.line3{padding:20px 0;}
	.newsletter ul.thumbType2 > li .subject.bgGray{height:auto !important;}
	#siteindex_word > a{padding:5px;}
	#siteindex_word > a:after{display:none;}

	div.col2box ul.thumbType4 li{width:95%;}

	.m_size_pop{width:17px;height:17px;}

	.news-section{display:block; padding:0 20px;}
	.news-section img{width:100%; padding:0 0 30px 0;}
	/* .news-section p{padding-bottom:20px;} */

}


/*Phone*/
@media all and (max-width:639px){
	#header{height:auto;}
	#header #titlaBar{height:auto;}
	
	.mainVisual .slick-arrow {margin-top:-20px;width:40px;height:40px;background-size:100%;}
	.mainVisual .slick-prev{left:2%;}
	.mainVisual .slick-next{right:2%;}
	.mainPanel ul li{padding:0;min-height:auto;}
	.mainPanel > ul > li .thumb{position:static;margin-bottom:8px;}
	.mainPanel > ul > li .thumb img{width:100%;height:225px;}
	.mainThumbList ul li{float:none;margin:25px 0;width:auto;}
	.mainThemes ul li{float:none;margin-bottom:20px;width:auto;}

	.subInfo{margin-bottom:20px;}
	.subInfo > h3{font-size:24px;}

	ul.colLayout{margin-bottom:0;}
	ul.colLayout > li,
	ul.colLayout > li.h230{height:auto !important;}
	ul.colLayout > li .item-img img{margin:0 auto;}
	ul.colLayout > li img{display:block;margin:0 auto;}

	div.thumb ul.list.col4 > li, 
	ul.thumbType4 > li, 
	ul.thumbType5 > li, 
	ul.thumbType4.col4 > li{width:100%;}
	ul.thumbType5 > li{padding:10px 0;}

	ul.thumbType4 > li .img,
	ul.thumbType5 > li .img,
	ul.thumbType4.newsletter > li .img{height:auto;min-height:auto;}
	ul.thumbType4 > li .img img,	
	ul.thumbType5 > li .img img,
	ul.thumbType4.newsletter > li .img img{min-height:auto;}
	
	.contactUs div.bbs table.write colgroup col,
	.contactUs div.bbs table.write > tbody > tr > th, 
	.contactUs div.bbs table.write > tbody > tr > td{display:block;width:100% !important;padding:8px 0;border-bottom:0;}

	.col-md-12,
	.col-md-11,
	.col-md-10,
	.col-md-9,
	.col-md-8,
	.col-md-7,
	.col-md-6,
	.col-md-5,
	.col-md-4,
	.col-md-3,
	.col-md-2,
	.col-md-1{width:100%;}

	.tabBar.col3 > li,
	.tabBar.col4 > li,	
	.tabBar.col5 > li,
	.tabBar.col6 > li,
	.tabBar.col7 > li,
	.tabBar.col8 > li,
	.tabBar.col9 > li,
	.tabBar.col10 > li{width:50%;}

	.tabBar.type1 > li > a{font-size:14px;}	
	.tabPage.type1{padding:20px 0px;border:0px;}

	.tabBar.type2.programme > li{width:100% !important;}
	.tabBar.type2.programme > li > a{height:40px;line-height:40px;border-bottom:0 !important;border-right:1px solid #7b7b7b;font-size:14px;}
	.tabBar.type2.programme > li:last-child > a{border-bottom:1px solid #7b7b7b !important;}

	.tabBar.type3{border-bottom:0;}
	.tabBar.type3 > li > a{border-right:1px solid #cecece;border-bottom:1px solid #cecece;}

	#container .searchForm,
	#container .searchForm input[type="text"]{width:100%;}

	div.bbsSearch ul > li select{width:20%;min-width:auto;}
	div.bbsSearch ul > li input[type=text]{width:40%;margin:2px 0;}

	div.bbs table.list col,
	div.bbs table.list thead th,
	div.bbs table.list tbody td,
	div.bbs table.list tbody td{display:none;box-sizing:border-box;}
	div.bbs table.list.mbShowCol1 col:nth-child(1),
	div.bbs table.list.mbShowCol2 col:nth-child(2),
	div.bbs table.list.mbShowCol3 col:nth-child(3),
	div.bbs table.list.mbShowCol4 col:nth-child(4),
	div.bbs table.list.mbShowCol5 col:nth-child(5),
	div.bbs table.list.mbShowCol6 col:nth-child(6){display:table-column;}
	div.bbs table.list.mbShowCol1 thead tr th:nth-child(1),
	div.bbs table.list.mbShowCol2 thead tr th:nth-child(2),
	div.bbs table.list.mbShowCol3 thead tr th:nth-child(3),
	div.bbs table.list.mbShowCol4 thead tr th:nth-child(4),
	div.bbs table.list.mbShowCol5 thead tr th:nth-child(5),
	div.bbs table.list.mbShowCol6 thead tr th:nth-child(6){display:table-cell;}
	div.bbs table.list.mbShowCol1 tbody tr td:nth-child(1),
	div.bbs table.list.mbShowCol2 tbody tr td:nth-child(2),
	div.bbs table.list.mbShowCol3 tbody tr td:nth-child(3),
	div.bbs table.list.mbShowCol4 tbody tr td:nth-child(4),
	div.bbs table.list.mbShowCol5 tbody tr td:nth-child(5),
	div.bbs table.list.mbShowCol6 tbody tr td:nth-child(6){display:table-cell;}

	.paging a{width:25px;height:25px;line-height:25px;margin:0 2px;}

	
	.conViewType2 dl > dt{padding:10px 0;background-position:96% 20px !important;}
	.conViewType2 dl > dt > div.date,
	.conViewType2 dl > dt > div.subject,
	.conViewType2 dl > dt > div.writer{display:block;width:100%;height:auto;padding:5px 10px;box-sizing:border-box;}
	.conViewType2 dl > dd{padding:10px;box-sizing:border-box;}

	
	.login{width:auto;}
	.login p{margin:0;padding:0 0 20px 0;line-height:130%;font-size:18px;}

	.contactUs .contactUsHead{padding:80px 0 10px;background-size:auto 70px;background-position:center top;}
	.contactUs .contactMap{margin-left:0;}
	.contactUs .contactMap iframe{height:400px;}

	#slideSymposium .bx-controls-direction a{display:none;}	

	.glossary .searchBox{padding:10px;}
	.glossary .selectText{padding-bottom:10px;margin-bottom:10px;}
	.glossary .selectText > a{padding:5px 14px 5px 8px;}
	.glossary .selectText > a:after{top:7px;bottom:7px;}
	.glossary ol.searchList{margin-top:10px;}
	.glossary ol.searchList > li{padding:10px 10px 10px 50px;}
	.glossary ol.searchList > li > b.keyword{width:40px;height:40px;line-height:40px;top:10px;}	

	#message .message{padding:40px 0 0 0;height:auto;text-align:center;background-size:cover;}
	#message .message img{position:static;}
	#message .message b{display:inline-block;}
	#message ul.colLayout > li{min-height:auto;}
	#message ul.colLayout > li.last{padding-top:0;}	
	
	#headHistory .message{background-size:cover;}
	#headHistory .message > .headBox{padding:40px 0;text-align:center;}
	#headHistory .message > .headBox > span{margin-bottom:15px;}
	#headHistory .message > .headBox > b{margin-bottom:0px;font-size:40px;}
	#headHistory .message img{position:static;display:block;margin:auto;}

	ol.history > li dd ol > li,
	dl.history2 dd > ul > li > ol > li{padding-left:0;}
	ol.history > li dd ol > li b,
	dl.history2 dd > ul > li > ol > li > b{position:static;}

	.newsletter div.grayBox{padding:20px;}
	.newsletter .subject.h100{height:auto !important;}
	.newsletter ul.sectionHead > li:last-child{padding:20px;}
	.newsletter ul.thumbType4 > li .subject{height:auto;min-height:auto;padding:10px 0;}
	.newsletter div.grayBox2 > ul{margin:0;}
	.newsletter div.grayBox2 > ul.col2 > li{margin-bottom:20px;padding:0px;width:100%;}
	.newsletter div.grayBox2 > ul.col2 > li > .grayBox2_inner{padding:20px;}
	.newsletter div.grayBox2_inner.h440{height:auto;}

	div.totalSearch{padding:10px;}
	div.totalSearch select{width:100%;margin-bottom:5px;}
	div.totalSearch input[type=text]{width:80%;}
	div.totalSearchList > dl > dt > .btn_more{bottom:-25px;right:auto;left:0;}
	div.totalSearchList > dl > dd{padding:40px 0 25px;}

	.tmpMessage > div{height:auto;font-size:20px;}
	
	.btn_moreGo{margin-bottom:10px;padding:3px 25px 3px 8px;font-size:13px;}

	div.col2box > ul > li{width:100%;}
	div.col2box ul.thumbType4 li{width:100%;}

	.platform_topbox img{width:100%;}

	ul.thumbType4.news_list > li{height:auto;}

	div.bbs div.view2 .replyList .comment{ padding-left:20px !important; }
	div.bbs div.view2 .replyList .comment:after,
	div.bbs div.view2 .replyList .comment:before{ left:0px !important; }
	
}

/*Tablet*/
@media all and (min-width:640px) and (max-width:960px){
}