@charset "utf-8";
/* CSS Document */

/* mobile, tablet, 1024pc */
@media (max-width: 1199px) {
    /* ** */
    .container{ position:  relative; width: auto; margin: 0 auto; }
    #top-scroll{position: fixed;right: 0;bottom: 55px;}
    .btn-portal{display: none;}
	
	/* 모바일용 sns	*/
	.youtb a, .fb a, .tt a, .nb a, .in a {display: none;} 
    /**
    header
    **/
    #header{background: none;/* background-color: #fff; */}
    h1{ position: relative; top: 0; height: 85px; border-bottom: 1px solid #e1e1e1; }
    h1 a{ margin: 10px 0; }
    h1 img{margin-top: 4px;}
    /**
    footer
    **/
    footer{border-top: 1px solid #d6d6d6; background: #fff;}
    #f-banner{display: none;}
    /* lnb */
    .lnb-on{position: absolute;top: 0;left: 15px;width:  40px;height:  40px;margin: 23px 0;background: url("../images/common/btn-lnb1.png") 0 0 repeat-x;}
    .lnb-off{ position: absolute; top: 0; left: 250px; width: 50px; height: 50px; margin: 0; background: url("../images/common/btn-lnb2.png") 0 0 repeat-x; cursor: pointer; }
    #lnb a{
        /* height: 23px; */
        padding: 0;
    }
    #lnb{ z-index: 1011; position: fixed; top: 0; left: -100%; width: 100%; height: 100%; background-color: rgba(0,0,0,0.3); -webkit-transition-property: left; /* Safari */
        -webkit-transition-duration: 0.4s; /* Safari */ transition-property: left; transition-duration: 0.4s; transform: translateY(0px);}
    #lnb.active {left: 0;}
    #lnb ul{ z-index: 999; position: fixed; top: 0; float: left; background-color: #fff; width: 100%; height: 100%; max-width: 250px; padding: 0; background: #ff8656; box-sizing: border-box; overflow-y: auto; }
    #lnb li {display: block;float: none;; margin-top: -1px;border-top: 1px solid #ffa27d;border-bottom: 1px solid #ffa27d; width: 100%;}
    #lnb li a {display: block;padding: 15px 20px;color: #fff;font-size: 15px;text-align: left;}
    #lnb li a:hover, #lnb li a:focus{text-decoration: underline; background: #fff;}
    #lnb li.active{ background: #fff;}
    #lnb li.active a{ color: #333; font-weight: bold; }
	
	/*	top-wrap 추가*/
/*	#top-wrap{margin-top: -30px;}*/
    /* gnb */
    .gnb-on{ position: absolute; top: 0; right: 15px; width:  40px; height:  40px; margin: 23px 0; background: url("../images/common/btn-gnb1.png") 0 0 repeat-x; }
    .gnb-off{ position: absolute; top: 0; right: 260px; width: 50px; height: 50px; margin: 0; background: url("../images/common/btn-gnb2.png") 0 0 repeat-x; cursor: pointer; }
    #top-wrap{ z-index: 1011; position: fixed; top: 0; right: -100%; width: 100%; height: 100%; background-color: rgba(0,0,0,0.3); -webkit-transition-property: right; /* Safari */
        -webkit-transition-duration: 0.4s; /* Safari */ transition-property: right; transition-duration: 0.4s; transform: translateY(0px); }
    #top-wrap.active {right: 0; }
    #top-wrap .top-box{ z-index: 999; position: fixed; top: 0; float: right; width: 100%; height: 100%; max-width: 260px; padding: 0; box-sizing: border-box; overflow-y: auto; background: #1363a4; }
    #top-wrap.active .top-box{right: 0;}
	
	
	/* 1200이하 sns	*/
	.mobile_snsbox{display: block;}
	
    #gnb{ position:  relative; height:  60px; z-index: 10; }
    ul#gnb:after{display: block;  clear: both;  content: ""; }
    ul#gnb{
        height: auto;
        margin-top: 0px;
    }
    ul#gnb > li > ul > li img{ vertical-align: middle; padding-left: 6px; }
    li.blank{}
    li.blank a{}
    ul#gnb li{display: block;float: none;width: auto !important;margin-top: -1px;border-top: 1px solid #5782b5; border-bottom: 1px solid #5782b5;text-align: left;}
    ul#gnb li ul{position: relative;top: 0;min-height: inherit;}
    ul#gnb li.active ul{}
    ul#gnb li a{display: block;padding: 10px 20px; color: #fff;font-size: 15px;word-wrap: normal;word-break: normal;}
    ul#gnb > li > ul, ul#gnb > li ul li ul, ul#gnb > li > ul > li > ul > li > ul > li{display: none !important;}
    ul#gnb > li.active > ul, ul#gnb > li.active li.active ul, ul#gnb > li > ul > li > ul > li.active > ul > li{display: block !important;}
    /* 1depth */
    ul#gnb > li > a{padding: 15px 18px;}
    ul#gnb > li > a span{color:  #fff;}
    /* 2depth */
    ul#gnb > li:first-child > ul{border: 0;}
    ul#gnb > li > ul > li:first-child{padding-top: 0;border-top:0;}
    ul#gnb > li > ul > li{border-top: 1px solid #dbdbdb;border-bottom: 1px solid #dbdbdb;background: #fff;}
    ul#gnb > li > ul > li.more > a{background: url("../images/common/icon-menu2-on.png") center right no-repeat;}
    ul#gnb > li > ul > li.more.active > a{background: url("../images/common/icon-menu2-off.png") center right no-repeat;}
    ul#gnb > li > ul > li.active{border-top: 0;}
    ul#gnb > li > ul > li > a{margin-right: 20px;padding: 14px 20px 14px 30px;color: #45495b;font-size: 14px;}
    ul#gnb > li > ul > li.active{  background: #45495b;}
    ul#gnb > li > ul > li.active > a{color: #fff !important;}
    ul#gnb > li > ul > li:first-child > a{padding-top: 14px;}
    ul#gnb a:hover, div a:focus{text-decoration: underline;}
    ul#gnb > li > ul > li > a:hover, div > ul > li > ul > li > a:focus, ul#gnb > li > ul > li.active a{
        background: none;
        color: #545454;
    }
    /* 3depth */
    ul#gnb > li > ul > li > ul{/* border-top: 1px solid #dbdbdb; */background: #f8f8f8;}
    ul#gnb > li > ul > li > ul > li{background: #e4e4e4;border-top: 1px solid #c5c5c5;border-bottom: 0;}
    ul#gnb > li > ul > li > ul > li > a{margin-left: 35px;padding: 13px 20px;padding-left: 10px;background: url("../images/common/bul-menu1.png") left 21px no-repeat !important;color: #666;font-size: 14px;}
    ul#gnb > li > ul > li > ul > li.active{}
    ul#gnb > li > ul > li > ul > li.active > a{padding-bottom: 5px;color: #1363a4;font-weight: bold;}
    /* 4depth */
    ul#gnb > li > ul > li > ul > li > ul{}
    ul#gnb > li > ul > li > ul > li.active > ul{padding-top: 3px;padding-bottom: 10px;}
    ul#gnb > li > ul > li > ul > li > ul > li{border: 0;}
    ul#gnb > li > ul > li > ul > li > ul > li.active{}
    ul#gnb > li > ul > li > ul > li.active > ul > li > a{padding: 5px 20px;padding-left: 45px;color: #666;font-size: 14px;font-weight: normal;}
    ul#gnb > li > ul > li > ul > li > ul > li.active{}
    ul#gnb > li > ul > li > ul > li > ul > li.active a{color: #666; font-weight: bold;}

    /* top-manu */
    #top-manu {height: 35px; padding: 8px 0px; background-color: #fff; top: 0; margin-top: 0; }
    #top-manu  ul{position: relative;top: 44px;right: 0;height: 33px;}
    #top-manu  ul.quickmenu{top: -1px;}
    #top-manu ul:after{display:block; clear:both; content:"";}
    /* 231115 margin-right: -2px; 로 변경*/
    #top-manu li.language{margin-right: -2px;  }
    /* #top-manu li.language{margin-right: 18px;  } */
    #top-manu li.language a{}
	
	/* top-menu 추가	*/
	#top-manu li{display: inline-block; float: left;}
	
	#top-manu li.fb, #top-manu li.tt, #top-manu li.nb, #top-manu li.in{border: 1px solid #dddddd; text-align: center; margin-left: -8px; margin-right: 7px;  }
	#top-manu li.youtb{border: 1px solid #dddddd; text-align: center; margin-left: -8px; margin-right: -2px;}
	#top-manu li.youtb img, li.fb img, #top-manu li.tt img, #top-manu li.nb img, #top-manu li.in img{ margin-top: 10px }
	
	#top-manu li.youtb > a{display: block; width: 34px; height: 33px;}
	#top-manu li.fb > a{display: block; width: 34px; height: 33px;}
	#top-manu li.tt > a{display: block; width: 34px; height: 33px;}
	#top-manu li.nb > a{display: block; width: 34px; height: 33px;}
	#top-manu li.in > a{display: block; width: 34px; height: 33px;}

    /**
    content
    **/
    /* 콘텐츠 */
    .con-m-wrap .container, .con-sm-wrap .container{padding: 25px 15px;}
    /* visual */
    #one-h-percent{position: absolute; top: -2000px; visibility: hidden;}
    /* #one-h-percent .bx-controls{display: none;} */
    #main-visual .container { top: 0; height: auto; }
	
	/* 메인페이지 공지사항 추가	*/
	#board .list{width: 100%;}
	
	/* 조직안내 찾아오시는 길 추가	*/
	#import-menu2 > div img{margin-left: 80px;}
	#import-menu2 > div span{margin-left: -80px;}
	
	/* con3 배경이미지 추가*/
	#historic ul li{width: 50%;background-image: none;height:170px;}
	
	#historic ul li .img-box-c01{position: absolute;top:5px; left: 5px; border:none;}
	#historic ul li .img-box-c02{position: absolute; top:5px; right: 5px;}
	#historic ul li .img-box-c03{position: absolute; bottom:5px; left: 5px;}
	#historic ul li .img-box-c04{position: absolute; bottom:5px; right: 5px;}

    /**
    서브메인
    **/
    /* 주요업무 */
    .main-work > div{width: 100%;}

    /**
    서브
    **/
    /* content-wrap */
    #content{border-bottom: 0;}
    #content > .container{ border: 0; }
    #content-wrap{/* position: relative; */float: none;width: auto;margin-left: 0;padding: 15px;border: 0;}
    /* 만족도,저작권 */
    .research > div div{position: relative; padding-right: 85px;}
    .research > div input[type="text"]{width: 100%;}
    .research > div input[type="submit"]{position: absolute;top: 10px;right: 0;width: 80px;height: 32px;}
    /**
    정부3.0
    **/
    .process ul{height: auto;/* margin-bottom: 0; */}
    .process-con, .process-con .w-m1 div{margin-top: 0px !important;}
    .process-con ul li {
        background: url(../images/sub/icon-arrow-process.png) 6px 20px no-repeat !important;
    }
    
    #main-visual .bxslider li div {height: 42px !important;visibility:hidden;}
    #main-visual .bxslider li div span.tit{font-size: 16px;}
    /* #main-visual .bxslider li div span.txt{font-size: 22px;} */
    /* #main-visual .bxslider li div span.txt{font-size: 22px; float: left; padding: 0; margin-left: 20px; line-height: 27pt;} */
    #main-visual .bxslider li div span.txt{display: none;}
    
    #quick-menu ul.set4 li .quick_icon{padding: 0px 12px 0px 30px;}
    #quick-menu ul.set5 li .quick_icon{padding: 0px 12px 0px 30px;}
    #quick-menu ul.set4 li .quick_txt{margin-top: 45px;}
    #quick-menu ul.set5 li .quick_txt{margin-top: 45px;}
    
    #quick-menu ul li:nth-of-type(2n){border-right: 1px solid #d5d5d5;}
    
    #kogl{display: none;}
    
    /* 완주문화유산연구소 */
    .wj_li>#notice_view>.list{padding-top: 9px;}
	.wjq_banner{position: relative; width: 100%; margin-left: 0px;}
	.wjq_banner_box{width: 100%; height: 23%;}
	.wjq_banner_box a .wj_banner_img{background: #fff url("/kor/resource/images/main/nrich_wj/wj_banner_tb.png") center no-repeat; width: 100%; height: 100%;}
	.wjq_banner_box a img{display: none;}
	    
	.wj_import_menu{position: relative; width: 100%; display: inline-block; padding-top: 15px;}
	.wj_import_menu div{width: 50%; height: 76px; float: left;  background-color:#fff; border: 1px solid #dddddd; box-sizing: border-box; text-align: center;}
	.wj_import_menu div a{color:#000; line-height: 76px; }
	.wj_import_menu div a img{padding: 0px 10px 0px 0px; vertical-align: middle;}
	
	.wj_import_menu .wj_menu01{ margin-right: 0px; border-right:0px; }

	.wj_quick{background:#fff; width:100%; padding: 30px 0px; display: inline-block; position: relative;}
	.wj_quick>container{padding: 25px 15px;}
	.wj_quick_box{width: 100%;   height: 74px;}
	.wj_quick ul li{float: left; width: 50%; text-align: center; border-right:1px solid #fefefe; box-sizing: border-box; background: #246347 url("/kor/resource/images/main/nrich_wj/wj_quick_bg.png") no-repeat;}
	.wj_quick ul li:nth-child(even){border-right: 0px;}
	.wj_quick ul li:nth-child(3), .wj_quick ul li:nth-child(4){border-top:1px solid #fefefe;}
	.wj_quick ul li a{color: #fff; font-size: 16px; padding: 10px 0px; line-height: 74px;}
	.wj_quick ul li a img{vertical-align: middle; line-height: 74px; padding: 0px 10px;}
}


/* mobile */
@media (max-width:767px) {
    /* ** */
    #wrap{}
    .m-none{display: none !important;}
    .c-bt > div{float: none;}
    .c-bt > div.w-wp20 img, .c-bt > div.w-wp30 img, .c-bt > div.w-wp40 img{width: 100%;}
    .result-wrap .img-wrap span, .ex{/* width: 100%; */padding: 5px 5px;}
	
	#lnb .container div.snsbox{display: none;}

    /* visual */
    .bx-controls-direction{}
    .bx-controls-direction a {position: absolute;top: 50%;margin-top: -16px;outline: 0;width: 32px;height: 32px;text-indent: -9999px;z-index: 888;}
    .bx-wrapper .bx-controls-direction a, .bx-controls-direction .bx-prev {z-index: 888;}
    .bx-controls-direction .bx-next { right: 10px; background: url(../js/jquery.bxslider/images/controls.png) no-repeat -43px -32px; }

    /**
    content
    **/
    /* 게시판 */
    #board{float: none;top: 15px;width: 100%;min-height: 280px;margin-bottom: 30px;padding-bottom: 10px;border-bottom: 1px solid #c1c5c9;}
    #board:after{clear: both; display:block; content:"";}
    #board .tab > li{ width: 22%; background-position-y: center; }
    #board .tab.set2 > li{width: 45%;}
    #board .tab.set3 > li{width: 30%;}
    #board .tab.set4 > li{width: 22%;}
    #board .tab > li > a{ font-size: 14px; text-align: center;}
    #board .list > li > a{ padding: 10px 0; background: none; }
    #board .list > li > ul{padding-top: 5px;}
    #board .list > li > ul > li > a .tit{/* width: 90%; */width: 65%;}
    #board .list > li > ul > li > a .date{/* width: 90%; */width: 30%;/* padding-left: 10px; *//* text-align: left; */}
    #board .tab > li > div.more { top: -35px !important; right: 0 !important; margin-top: 42px; margin-right: 14px;}
    .table-form td ul li a, .table-view td ul li a{white-space: normal;}
	
	/*	추가*/
	/* import-menu2 추가	*/
	#import-menu2>div img{margin-left: 20px;}
	#import-menu2>div span{margin-left: -5px;}
	
    /* 홍보배너 */
    /* #main-banner{  display: none;} */
    #main-banner{top: -3000px; visibility: hidden;}
    /* 주요메뉴 */
    #import-menu{ float: none; width: 100%; margin: 0; }
    /* 연구현황 */
    #historic ul{margin: -20px 0;}
    #historic ul li{ width: 50%;}
    #historic ul li a{ padding: 15px 0; }
    #historic a .tit{ font-size: 14px; text-align: center; margin-top: 12px;  }
    #historic a .txt{display: none;}
    #historic a img{ display: block; position: relative; top: 28px; left: 0; right: 0; margin: 8px auto; width: 60px;height: 60px;}
    #historic a .more { display: block; width: 110px; text-align: center; margin: 0 auto; }
    #historic ul li.m-no-line{border:0;}
    /* link-wrap */
    #link-wrap{margin: 0;}
    #link-wrap div{width: 50%;}
    #link-wrap div p{ margin: 0; font-size: 15px; letter-spacing: -0.040em; }

    /**
    footer
    **/
    #f-banner{margin:  0 15px;}
    /* #footer */
    #footer{ position: relative; height: 130px; }
    .f-menu{margin-left: 0 !important;padding-top: 20px !important;text-align: center;}
    .f-menu:after{display: block;  clear: both;  content: ""; }
    .f-menu > li{ position: inherit; float: none; }
    .f-menu > li > a{ display: block; padding: 2px 10px; color: #666; font-size: 14px; letter-spacing: -0.040em; }
    address{margin: 10px 20px 0 !important;text-align: center;line-height: 160%;}
    address a{ display: block; margin: 0 1px; padding: 0 10px; color: #125f9c; font-size: 13px; background: none; }
    p.copyright{position: relative;margin: 8px 0 15px !important;text-align: center;}
    /**
    서브메인
    **/
    /* 주요업무 */
    .main-work h2{  padding-bottom: 0;  font-size: 18px; }
    .main-work li{display: block;float: none !important;width: 100% !important;margin: 0 !important;}
    .main-work > div > div{margin: 10px 0;}
    .main-work .bx-wrapper{max-width: 100% !important;}
    .bx-viewport{height: auto !important;}
	/* #main-visual .bxslider li div {display: none;} */
    /* #main-visual .bxslider li div span.tit{padding: 30px 0 15px 50px;} */
    #main-visual .bxslider li div span.tit{margin-left: 30px; margin-right: 30px; line-height: 28pt; padding: 0;}
    .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto, #main-visual .bx-controls .bx-pager{bottom:25px;visibility:hidden;}
    .main-work ul.list{width: 100% !important;margin: 0;transition-duration: inherit !important;transform: none !important;}
    .main-work li > div{}
    .main-work li a{min-height: inherit;}
    .main-work li a img{height: auto;max-height: 180px;}
    .main-work li a span.tit{font-size: 16px;}
    .main-work > div .control{display: none;top: 2px;width: 76px;}
    /* quick-menu */
    #quick-menu ul{ margin: 0; }
    #quick-menu ul li{ width: 100%; border-right: 1px solid #cacaca;border-top: 1px dashed #cacaca; margin-top: 20px;}
    #quick-menu ul li:first-child{margin: 0;padding: 0;}
/*	#quick-menu ul li:last-child{ background: #fff url(../images/main/img-quickmenu_bc4.png) no-repeat 540px  60px;}*/
/*	#quick-menu ul li:nth-of-type(4){ }*/
    #quick-menu a span.txt{min-height:inherit;}
	
	/* quick-menu 02_5개 추가*/
    #quick-menu.set5 ul li{width: 100%;margin:20px 0px 0px;padding: 20px 0; border-top: 1px dashed #cacaca;}
	
    /* 도서검색, 자료열람 */
    #book-wrap{/* float: none; */width: 100%;margin: 0;}
    #book-wrap:after{display: block;  clear: both;  content: ""; }
    #book-wrap > div{display: inline-block;float: none;width: 100%;margin: 0;}
    #book-wrap > div > div{margin: 10px 0;}
    #book-wrap.bojon-wrap .bojon-box div{min-height: 105px;margin: 0;margin-top: -1px;margin-left: -1px;background-position: center 13px;}
    #book-wrap.bojon-wrap .wanju-box div{min-height: 105px;margin: 0;margin-top: -1px;margin-left: -1px; background-position: center 50px;}
    #book-wrap.bojon-wrap .bojon-box div h2 a{font-size: 14px;}

    /*
    서브
    */
    /* content-wrap */
    h3.tit{ margin-bottom: 20px; padding-bottom: 21px; background: url("../images/sub/line-h3.png") left bottom repeat-x; color: #45495b; font-size: 23px; }
    /** board**/
    #table-wrap{margin-top: 60px;}
    .table-webzine{margin-top:0px !important;}
    #table-wrap>div{margin-top: 0px;}
    /*주요행사부분 디자인개별적용*/
    #table-wrap>#major{margin-top: -75px !important;}

    /* board-search */
    .board-search {padding:15px;/* border:2px solid #e6e6e6; *//* border-left:none; *//* border-right:none; */background:#f2f2f2;text-align:center;margin: 0;}
    .board-search .input-button {position:relative; display:block; margin-top:10px; padding-right:35px;}
    .board-search select {width:100%;height:30px;padding:4px 25px 4px 9px;font-size:1em;background:#fff url("../images/sub/icon-select-arrow.png") no-repeat right center;}
    .board-search select + select {margin-top:10px;}
    .board-search input[type='text'] {width:100%;height:30px;font-size:1em;}
    .board-search button {position:absolute;top:0;right:0;width:30px;height:30px;background: #4d5360 url("../images/sub/btn-search.png") no-repeat center center;background-size:16px 16px;text-indent:-9999px;}
    .board-search > .input-button > .reset-btn{position:absolute;top:0;right:0;width:30px;height:30px;background:#4d5360 url("/kor/resource/images/sub/btn-reset.png") no-repeat center center;background-size:16px 16px;text-indent:-9999px;}
    /* 게시판 목록 */
    .table-group table th, .table-group table td{/* border-right: 0; */}
    .table-list th, .table-list td{border-right: 1px solid #dedede;}
    /* 만족도,저작권 */
    #research-wrap{margin-top: 20px;}
    .research p.tit{ padding: 10px 10px 10px 55px; }
    .research p.tit strong:first-child{ padding: 0; margin: 0; }
    .research > div span{display: block;}
    .research > div span.input-wrap{padding-top:5px;}
    .research > div span input[type="radio"]:first-child{margin-left:0;}
    .research > div input[type="submit"] {top: 5px;}
    .nuri p.txt{width: 100%; padding-left: 0;}
    .nuri p.txt span{}
    .nuri p.txt span:first-child{ padding: 0; margin: 0; }
    .nuri img{ position: relative; top: 0; padding-top: 6px; }
    /* 안내문구 */
    #guide-txt .layer{ background-position: center top; }
    #guide-txt .layer-inner{ padding-top: 90px; padding-left: 0; }
    /* 관련사이트 */
    .related-sites li{width: 100%;margin: 5px 0 !important;}
    /**
    연구소소개
    **/
    /* 인사말 */
    #greet{margin-bottom: 0 !important;padding-bottom: 20px !important;background: none !important;padding-left:0px;}
    #greet .tit, #greet .txt{padding-bottom: 0;}
    #greet .sign{margin-top: 20px;}
    /* 발굴조사 */
    .result-wrap{margin: 0;}
    .result-wrap .img-wrap > div{width: 100%;}
    .result-wrap .img-wrap img{height: auto;}
    /* 임무와 목표 */
    .mission{/* width: 230px; *//* height: 230px; *//* margin: 20px auto 0; */}
    .vision .txt ul:after{display: block; clear: both; content: "";}
    .vision .txt li{float: left; width: 50%; margin: 0;}
    .vision .txt li div{min-height: 80px;margin: 10px;padding: 30px 15px !important;}
    .goal{margin-left: 0;}
    .goal .layer{width: 259px;}
    .goal .txt ul{width: auto;}
    .goal .txt li{width:  100%;}
    .goal .txt li div{float: none; width: 100%; margin-left: 0; border-left:0; }
    .goal .txt ul li ul{margin: 15px 20px 0;}
    .goal .txt ul li ul li{ margin: 15px 2px 0;}
    .goal .txt li:first-child div{margin-bottom: 20px;}
    /* 주요연혁 */
    #history .history{width: 230px; height: 230px;margin: 20px auto 0;}
    #history .round{display:  none;}
    #history .list > ul > li:first-child{padding-top: 0;}
    #history .list > ul > li, #history .list > ul > li.right{float: none; width: 100%; margin: 0; border: 0;}
    #history .list div, #history .list > ul > li.right div{  margin: 20px auto 0;  padding: 3px 0 3px;  border: 1px solid #e4e4e4;  border-radius: 5px;  background: #f1f1f1;  text-align: left;  font-size: 26px;  text-align: center;  }
    #history .list div span{ display: none; }
    #history .list ul li ul{ padding: 3px 0; }
    #history .list ul li li strong, #history .list ul li.right li strong, #history .list ul li li span, #history .list ul li.right li span{ display: block; float: none; width: 100%; text-align: left; }
    /* 조직 및 기능 */
    #org ul.detail li{width: 70%;}
    /**
    정부3.0
    **/
    .process ul li{width: 100%; background: url(../images/sub/icon-arrow-process.png) 6px 34px no-repeat;}
    .process ul li:first-child div{margin-top: 0 !important;}
    .process .m-m1 div {  margin: 15px 0 0 30px !important;}
    .process .m-p2{background-position-y: 67px;}
    .process .m-p2 div{margin: 15px 0 0 30px !important; padding: 42px 10px 60px !important;}
    .process ul li span.top, .process ul li span.bottom{ width: 99.7%;}

    /* 아이핀 인증 */
    #i-pin > div{float: none;width: 100%;margin: 15px 0;}

    /* 전시관 체험 */
    #gallery-ex{}
    #gallery-ex > div{
        float: none;
        width: 100%;
        border-left: 0;
    }
    #gallery-ex > div.first{border:0;}
    #gallery-ex > div img.map{
        display: block;
        margin: 20px auto;
    }
    #gallery-ex > div:after{display:block; clear:both; content:"";}
    #gallery-ex dl{
        margin: 0;
        padding: 25px 0;
        border-top: 1px dashed #d2d2d2;
    }
    #gallery-ex dl.first{border-top:0;}
    #gallery-ex dt{
        font-size: 20px;
    }
    #gallery-ex dt img{
        padding-right: 7px;
        vertical-align: middle;
    }
    #gallery-ex dd{
        margin-left: 0;
        padding-top: 5px;
        padding-left: 9px;
        background: url(../images/common/bul-menu1.png) left 14px no-repeat;
        color: #555;
        font-size: 13px;
        line-height: 150%;
    }
    #gallery-ex dd strong{font-size:14px;}
    /* 포토갤러리 */
    .bbs_gallery ul.list li{width: 96%;}
    .bbs_gallery ul.list li a .photo{min-height: 140px;}
    .bbs_gallery ul.list li a .photo img{max-height: 200px;}

    /**
    지방연구소
    **/
    /* 특별전시 */
    .exhibit-wrap .img-wrap{width:  100%;margin: 0;border: 0;border-bottom: 1px solid #dedede;}
    .exhibit-wrap .img-wrap img{}
    .exhibit-wrap .txt-wrap{
        width: 100%;
        border-left: 0;
    }
    .exhibit-wrap .txt-wrap dl{
        padding: 10px 0;
    }
    .exhibit-wrap .txt-wrap dl dt{
        width: auto;
    }
    .exhibit-wrap .txt-wrap dl dd{
        width: 100%;}
    .exhibit-wrap .txt-wrap dl dt, .exhibit-wrap .txt-wrap dl dd{
        display: block;
        /* float: none; */
        margin-left: 0;
    }
    /* 관련유물 */
    .image-col-fixed-list li{width:  50%;}
    .image-col-fixed-list a span{}

    .btn-group .left a, .btn-group .left input[type="submit"]{float: none;}

    /* 문화유산보존과학 시설소개 */
    .bg-office {background-size: 100%;}
    
      /* 완주문화유산연구소 */
    .wj_li>#notice_view>.list{padding-top: 11px;}
	.wjq_banner{position: relative; width: 100%; margin-left: 0px;}
	.wjq_banner_box{width: 100%; height: 23%;}
	.wjq_banner_box a .wj_banner_img{background: #fff url("/kor/resource/images/main/nrich_wj/wj_banner_m.png") center no-repeat ; width: 100%; height: 100%;}
	.wjq_banner_box a img{display: none;}
	    
	.wj_import_menu{position: relative; width: 100%; display: inline-block; padding-top: 15px;}
	.wj_import_menu div{width: 50%; height: 76px; float: left;  background-color:#fff; border: 1px solid #dddddd; box-sizing: border-box; text-align: center;}
	.wj_import_menu div a{color:#000; line-height: 76px; }
	.wj_import_menu div a img{padding: 0px 10px 0px 0px; vertical-align: middle;}
	
	.wj_import_menu .wj_menu01{ margin-right: 0px; border-right:0px; }

	.wj_quick{background:#fff; width:100%; padding: 30px 0px; display: inline-block; position: relative;}
	.wj_quick>container{padding: 25px 15px;}
	.wj_quick_box{width: 100%;   height: 56px;}
	.wj_quick ul li{float: left; width: 50%; text-align: center; border-right:1px solid #fefefe; box-sizing: border-box; background: #246347;}
	.wj_quick ul li:nth-child(even){border-right: 0px;}
	.wj_quick ul li:nth-child(3), .wj_quick ul li:nth-child(4){border-top:1px solid #fefefe;}
	.wj_quick ul li a{color: #fff; font-size: 16px; padding: 10px 0px; line-height: 56px;}
	.wj_quick ul li a img{display: none;}
}

@media (max-width:480px) {
	.process ul li span.top, .process ul li span.bottom{width: 99.4%;}
	#main-visual .bxslider li div span.txt{display: none;}
	#board .tab > li > a{ font-size: 12px; padding-left: 5px; padding-right: 5px; }
}

/* tablet, 1024pc */
@media (min-width:768px) and (max-width:1199px) {  
    /* ** */
    .t-none{display: none !important;}

    .bx-wrapper .bx-controls-direction a, .bx-controls-direction .bx-prev{z-index: 888;}
	/*190827_#lnb추가	*/
	#lnb a {font-size: 13px;}
	/*#lnb추가 종료	*/
	#lnb .container div.snsbox{display: none;}
	
	/* top language 추가	*/
	#top-manu li.quickmenu {color: #fff;}
	
	
    /**
    content
    **/
    /* 게시판 */
    #board{float: none;/* top: 15px; */width: 100%;height: 300px;margin-bottom: 30px;padding-bottom: 10px;border-bottom: 1px solid #c1c5c9;}
    #board .list > li > ul{padding-top: 5px;}
    
    #board .tab.set2 > li{width: 47%;}
    #board .tab.set3 > li{width: 30%;}
    #board .tab.set4 > li{width: 23%;}
    
    /* 홍보배너 */
    /* #main-banner{  display: none;} */
    #main-banner{top: -3000px; visibility: hidden;}
    /* 주요메뉴 */
    #import-menu{ float: none; width: 100%; margin: 0; }
    /* 연구현황 */
    #historic ul{margin: -20px 0;}
    #historic ul li{ width: 50%;}
    #historic ul li a{padding: 10px 0px;}
    #historic a .tit{font-size: 14px;margin-top: 10px; }
    #historic a .txt{text-align: left; margin: -29px 30px 0px 45px; font-size: 11.5px;}
    #historic a img{right: 45%; width: 60px; height: 60px;}
    #historic ul li.m-no-line{ text-align: center}
    /* link-wrap */
    #link-wrap{margin: 0;}
    #link-wrap div{width: 50%;}
    #link-wrap div p{ margin: 0; }

	
    /**
    footer
    **/
    #f-banner{margin:  0 15px;}
    /* #footer */
    #footer{ position: relative; height: 130px; background-color:#4d4d4d;}
    .f-menu{margin-left: 0 !important;padding-top: 20px !important;text-align: center;}
    .f-menu:after{display: block;  clear: both;  content: ""; }
    .f-menu > li{ position: inherit; float: none; }
    .f-menu > li > a{ display: block; padding: 2px 10px; color: #fffefe; font-size: 14px; letter-spacing: -0.040em; }
    address{margin: 10px 20px 0 !important;text-align: center;line-height: 160%;}
    p.copyright{position: relative;margin: 8px 0 15px !important;text-align: center;}

    /* 주요업무 */
    .main-work h2{  padding-bottom: 0;  font-size: 18px; }
    .main-work li{display: block;/* float: none !important; */width: 50% !important;margin: 0 !important;}
    .main-work > div > div{margin: 10px 0;}
    .main-work .bx-wrapper{max-width: 100% !important;}
    .bx-viewport{height: auto !important;}
    #main-visual .bxslider li div span.tit{padding: 30px 0 15px 50px; }
    #main-visual .bx-viewport ul li div.bx-caption span.txt{display: none;}
    #main-visual .bxslider li div span.tit{padding: 0; float: left; margin-left: 80px; margin-right: 80px; line-height: 28pt;}
    .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto, #main-visual .bx-controls .bx-pager{bottom:45px;visibility:hidden;}
    .main-work ul.list{width: 100% !important;margin: 0;transition-duration: inherit !important;transform: none !important;}
    .main-work li > div{}
    .main-work li a{min-height: inherit;}
    .main-work li a img{height: auto;max-height: 180px;}
    .main-work li a span.tit{font-size: 16px;}
    .main-work > div .control{display: none;top: 2px;width: 76px;}
    /* quick-menu */
    #quick-menu ul{ margin: 0; }
    #quick-menu ul li{width: 50%; vertical-align: middle; margin-top: 20px;}
	#quick-menu ul li:nth-child(1), #quick-menu ul li:nth-child(2){margin-top: 0px;}
	#quick-menu ul.set5 li:last-child{float: left; margin-left: 5px; border-right: 1px solid #d5d5d5;}

	
    /* 도서검색, 자료열람 */
    #book-wrap{width: auto;margin: -10px;}
    #book-wrap:after{display: block;  clear: both;  content: ""; }
    #book-wrap > div{ display: inline-block; float: left; width: 50%; margin: 0; }
    #book-wrap > div > div{ margin: 10px; }
    /* 임무와 목표 */
    .vision .txt li div{margin: 1px;}
    .goal .txt ul{width:  98%;}
    .goal .txt ul li ul{margin:  15px 25px 0;}
    /* 조직 및 기능 */
    #org ul.detail li{width: 19%;}
    /**
    정부3.0
    **/
    .process ul li{width: 50%; background-position-y: 53px;}
    .process ul li:first-child div{margin-top: 0 !important;} 
    .process .t-m1{background-position-y: 18px;}
    .process .t-m2, .process .t-m3{background-position-y: 88px;}
    .process .t-m1 div {  margin: 0 0 0 30px !important;}
    .process .t-m2 div {  margin: 35px 0 0 30px !important;}
    .process .t-p1 div{padding : 17px 3px 15px !important;}
    .process .t-m3 div{margin-top: 70px !important;}
    .process ul li span.top, .process ul li span.bottom{ width: 99.7%;}
    /* 포토갤러리 */
    .bbs_gallery ul.list li{width: 48.5%;}
    .bbs_gallery ul.list li a .photo{min-height: 210px;}
    .bbs_gallery ul.list li a .photo img{max-height: 240px;}
    /* 관련사이트 */
    .related-sites li{width: 48%;}

    /**
    지방연구소
    **/
    /* 특별전시 */
    .exhibit-wrap .txt-wrap dl dd{width: 80%;}
}

/* wideweb */
@media (min-width:1200px) {
    /* ** */
	
    .container{ position:  relative;  margin: 0 auto; width: 1200px;}
    
    .mapWrapper{margin: 0 auto; width: 1200px;}
    .w-none{display: none !important;}

    /**
    header
    **/
    #header{ width: 100%; max-height: 210px;/* background: url("../images/common/bg-header.gif") 0 0 repeat-x; */} /* 백그라운드이미지 삭제_수정 */
    /* lnb */
	#lnb>.container{margin: 0 auto; width: 1200px;}
    #lnb ul:after{display: block;  clear: both;  content: ""; }
    #lnb li{ display: inline-block; float: left; width: 122px; } /* 190903_수정 width 8%로 변경*/
    #lnb a{ display: block; margin-left: -1px; padding: 13px 0px 0px; /*border-right: 1px solid #729ed5; border-left: 1px solid #729ed5;*/ color: #000; font-size: 13px; text-align: center; vertical-align: middle;}
    #lnb a:hover, #lnb a:focus{text-decoration: underline;}
    ul#gnb > li.active{height: 60px;}
    ul#gnb > li:hover{height: 60px;}
    #lnb li.active a{ background: #fff; color: #333; font-weight: bold; text-decoration: none; }
    #lnb>.container li::after{content: url(../images/common/lnb-bar.png);}
	
	/* 모바일용 sns	*/
	 .fb a, .tt a, .nb a, .in a {display: none;}
	
    /* gnb */
	#gnb{position:  relative;height: 60px;margin-top: 105px; z-index: 999;text-align: center; }
    .bg-gnb{display: none;position: absolute;top: 210px;left: 0;width: 100%;width: 100%;background: #2e5c94 url("../images/common/bg-gnb.png") top center no-repeat;z-index: 50;}
    .bg-portal{display: none;position: absolute;top: 210px;left: 0;width: 100%;width: 100%;background: #772b33 url("../images/common/bg-portal.png") 0 0 repeat-x;z-index: 50;}
    ul#gnb:after{display: block;  clear: both;  content: ""; }
    ul#gnb{width: 1200px} /* 190903_수정 width 1200px로 변경*/
    ul#gnb > li > ul > li img{display: inline-block;padding-left: 8px;vertical-align: middle;}
    /* 1depth */
    ul#gnb > li{position: relative;display: inline-block;float: left;text-align: center;width: 20%;}
    ul#gnb.bojon > li{width: 25%;}
    ul#gnb > li:first-child{
        /* margin-left: -265px; */
    }
    ul#gnb > li > a{display: block;padding: 19px;font-size: 16px;z-index: 10;}
    ul#gnb > li > a:hover, div > ul > li > a:focus, div > ul > li.active > a{font-weight: bold;}
    ul#gnb > li:first-child > ul{}
    /* 2depth */
    ul#gnb > li > ul{position: absolute;top: 61px;left: 0;width: 100%;min-height: 414px;/* border-right: 1px solid #1f4d85; */z-index: 999;}
    ul#gnb > li > ul > li{ display: block; float: none; }
    ul#gnb > li > ul > li > a{ display: block; padding: 8px 20px; color: #fff; font-size: 15px; text-align: left;  }
    ul#gnb > li > ul > li:first-child{padding-top: 40px;}
    ul#gnb li.portal > ul > li:first-child > a{padding-top: 0;}
    ul#gnb > li > ul > li > a:hover, ul#gnb > li > ul > li > a:focus{background:#0d3463; color:#fff; text-decoration: none;}

    /*ul#gnb > li ul, ul#gnb > ul > li ul, ul#gnb > ul > li ul{display: none;}
    ul#gnb > li:hover ul, ul#gnb > ul > li:focus ul, ul#gnb > ul > li.active ul{display: block;}*/
    /**
    content
    **/
    
    #import-menu .report .content .img > div .tit{display: inline-block; text-overflow: ellipsis; overflow: hidden; width: 150px; white-space: nowrap;}
    
    /* #main-visual .bx-viewport ul li div.bx-caption{
		z-index: 10;
		display: block;
		position: absolute;
		top: 0;
		background: rgba(0, 0, 0, 0.5);
		overflow: hidden;
		min-width: 200px;
		max-width: 1200px;
		width: auto;
		height: 130px;
	} */
	.bx-wrapper .bx-caption span{padding: 25px 30px 0px 30px; font-family: 'Nanum Gothic', 'Malgun Gothic', '맑은 고딕', '돋움', Dotum, '굴림', Gulim;font-size: 18px;line-height: 1;}
	.bx-wrapper .bx-caption span.txt{
		margin: 0 20px 20px 0px;
		font-family: 'Nanum Gothic', 'Malgun Gothic', '맑은 고딕', '돋움', Dotum, '굴림', Gulim;
		font-size: 26px;
		letter-spacing: -0.040em;
		line-height: 160%;
	}
    #main-visual #one-h-percent .bx-controls{display: none;}
    
    .bx-controls-direction{display:  none;}
    
    #historic ul li.w-no-line:nth-of-type(4), #historic ul li.w-no-line:nth-of-type(8){border-right:none;}
    #quick-menu ul.set4 li{width: 25%;}
    #quick-menu ul.set5 li{width: 20%;}
    
    /* #main-visual .container{top: -3000px; visibility: hidden;} */
    #main-visual #one-h-percent .container{visibility: visible;}
    
    #import-menu .report .content .img > div a img{max-height: 142.25px;}
    
    #historic ul li>img{display: none;}
    
    #m_kogl{display: none;}
}

@media (max-width:320px){
	  /* select 사이즈 */
    #table-wrap>div>select{min-width:140px !important; padding: 8px 28px 8px 10px; }
    #table-wrap>div>select:FIRST-CHILD{ width: 140px !important;}
    #table-wrap>div>.btn99{float: right !important; margin-top: 5px;}  
}
@media(max-width:767px){
	.web-mt-75{margin-top:-75px !important;}
	.web-mt-45{margin-top:45px !important;}
}

@media ( max-width :460px) {
	.result-wrap .img-wrap span, .ex {
		height: auto;
	}
	.vr_btn {
		position: relative;
		display: block;
		left: 0px;
		text-align: center;
		background: #db2544;
		background-image: none;
		padding: 5px 15px;
	}
}