@charset "utf-8";

/*-------------------------------------------------
Author : ㅈㅁㅈ
Create date : 2019-02-11
-------------------------------------------------*/

/* 상단 메뉴 */
.tsidemenu .menu {display: none;}

/* 메인 */
#body .group {max-width: 100%;}
.count div {max-width: calc(50% - 15px);}

/* 메인 비주얼 */
#visual .bx-viewport {z-index: 0;}
#visual .bx-pager-item {display: inline-block; vertical-align: top;}
#visual .bx-pager-item .active {width: 34px; background: url('/images/kor/main/visual_navigation_on.png') no-repeat;}
#visual .bx-controls-auto-item a {overflow: hidden; position: absolute; right: 20px; top: 20px; z-index: 1; width: 12px; height: 12px; background: url('/images/kor/main/btn_visual_stop.png') no-repeat; font-size: 0; line-height: 0;}
#visual .bx-controls-auto-item .active {display: none;}
#visual .bx-controls-auto-item .bx-start {background: url('/images/kor/main/btn_visual_play.png') no-repeat;}

/* 팝업존 */
.mvisual .visual-controll-zone {display: none;}
.mvisual .bx-viewport {z-index: 0;}
.mvisual .bx-controls {position: absolute; left: 0; top: 10px; width: 100%; text-align: center;}
.mvisual .bx-controls div {display: inline-block; vertical-align: top;}
.mvisual .bx-pager-link {display: inline-block; overflow: hidden; width: 12px; height: 12px; background:url('/images/kor/main/visual_navigation_off.png') no-repeat;}
.mvisual .bx-pager-link::before {display: block; height: 100%; content: '';}
.mvisual .bx-pager-link.active {width: 34px; background: url('/images/kor/main/visual_navigation_on.png') no-repeat;}
.mvisual .bx-controls-auto-item a {display: inline-block; overflow: hidden; width: 12px; height: 12px; margin-left: 10px; background: url('/images/kor/main/btn_visual_stop.png') no-repeat; font-size: 0; line-height: 0;}
.mvisual .bx-controls-auto-item .bx-start {background: url('/images/kor/main/btn_visual_play.png') no-repeat;}

/* 분석 실적 */
.count {padding: 15px 0;}
.count > div {display: table; max-width: 100% !important; margin: 0 !important; padding: 0 2.5%; table-layout: fixed;}
.count > div > * {display: table-cell; float: none !important; position: static !important; left: 0 !important; top: 0 !important; margin: 0 !important; vertical-align: middle; white-space: nowrap;}
.count div::after {display: none;}
.count .title {width: 180px;}
.count .count1 {width: 55%;}
.count .count1 li {width: 50%; padding: 0 !important;}
.count .count2 {position: relative; width: 35%;}
.count .count2 .title::before {position: absolute; left: 0; top: 0; width: 1px; height: 50px; background-color: #ddd; content: '';}

/* 메인 배너4개 */
.equipment_list {width: calc(75% + 11px);}
.equipment_list li {max-width: calc(33.333% - 11px);}
.equipment_list li img,
.mvisual img {max-width: 100%;}
.mvisual {max-width: calc(25% - 11px); height: auto;}

/* 비주얼 */
#visual {width: calc(100% - 260px);}
#visual .bx-wrapper,
#visual .bx-window {width: 100% !important; height: 100% !important;}
#visual img {max-width: 100%;}

/* KBSI */
.kbsi,
.kbsi .item {height: auto;}
.kbsi .bx-wrapper {padding-top: 0;}
.kbsi .bx-prev,
.kbsi .bx-next {top: 50px;}
.kbsi .network ul > li ul {padding-bottom: 15px;}
.kbsi .network > ul > li:nth-child(2) strong {margin-top: 0;}

/* 스토리 */
.story_wrap .bx-wrapper,
.story_wrap .bx-window {min-width: 100%;}
.story_wrap .story_lst {max-width: 100%;}
.story_wrap .story_lst > div {width: 260px !important;}
.story_wrap .bx-prev,
.story_wrap .bx-next {display: none;}
.story_wrap .newsletter h3 > a {font-weight: bold;}
.science_story {margin-top: 35px;}

/* 테이블 */
.table-wrap {display: inline-block; overflow: hidden; overflow-x: auto; clear: both; width: 100%;}
.table-wrap table {min-width: 600px;}
.txc-wrapper {table-layout: fixed;}

/* 탭메뉴 */
.tab_menu {display: table; overflow: hidden; width: calc(100% + 5px); table-layout: fixed;}
.tab_menu li {display: table-cell; overflow: hidden; float: none; position: relative; z-index: 0; width: auto; min-height: 0; height: auto; padding-right: 5px; border: 0 none; background: none !important; vertical-align: middle;}
.tab_menu li::before {position: absolute; left: 0; top: 0; right: 5px; height: 1000%; z-index: -2; border: 2px solid #e8e8e8; content:'';}
.tab_menu li::after {position: absolute; left: 0; bottom: 0; right: 5px; height: 2px; z-index: -1; background-color: #e8e8e8; content: '';}
.tab_menu li a {height: auto; padding: 10px 5px; line-height: 1.2;}
.tab_menu li.on::before,
.tab_menu li.on::after {background: #5789c8; border-color: #5789c8;}

/* 팝업 */
#SLB_film {max-width: 100%;}
#SLB_content {overflow: hidden; overflow-x: auto;}
#SLB_content table {table-layout: fixed;}
#SLB_content iframe {max-width: 100%;}

/* 견학예약 */
/* .visit_info {max-width: 100%; height: auto;} */

/* 컨텐츠 이미지 */
#content img,
#content_custom img {max-width: 100%;}
#content #ngii_api_map img {max-width: inherit;}
#content #ngii_api_map1 img {max-width: inherit;}
#content #ngii_api_map2 img {max-width: inherit;}
#content .ngii_api_map_view img {max-width: inherit;}

/* 오시는길 지도 */
.map_view {overflow: hidden;}
.map_view #daumRoughmapContainer1534938937598 {position: relative; left: 50%; transform: translateX(-50%);}

/* 조직도 */
.user_search_wrap + .box-img {overflow: hidden; overflow-x: auto;}
.user_search_wrap + .box-img img {min-width: 500px;}
.org_m {display: none;}

/* 국제협력 */
.sub060601 a {display: block; padding: 10px; border: 1px solid #ddd; text-align: center;}

/* 국내협력 */
.cooperation_map {overflow: hidden; overflow-x: auto;}
.cooperation_map img {min-width: 500px;}

/* 뉴스레터 */
.box1 {margin: 20px 0 10px; padding: 35px; border: 1px solid #dedede; background-color: #f7f7f7;}
.box1 .title {display: block; margin: 30px 0 10px; color: #464646;}
.box1 .title:first-child {margin-top: 0;}
.bul1 {padding-left: 15px;}
.bul1 > li {list-style: decimal;}
.bul2 > li::before {content: '- ';}
.txt-right {text-align: right;}
.box2 {overflow: hidden; margin-top: 35px; padding: 30px 40px; border-bottom: 1px solid #d6d6d6; border-top: 2px solid #000;}
.box2 label {float: left; width: 140px; color: #000; line-height: 40px;}
.box2 img {margin-right: 25px; vertical-align: middle;}
.box2 input[type='text'] {float: left; width: calc(100% - 360px); height: 40px; padding: 0 10px; border: 1px solid #d2d2d2;}
.box2 .btn-b {float: right;}
.btn-b {display: inline-block; width: 170px; height: 40px; border-radius: 5px; text-align: center; line-height: 40px;}
.btn1 {background-color: #5798ea; font-family: 'Noto Sans KR'; font-weight: 500; color: #fff;}

@media screen and (max-width: 1370px)
{
    body {font-size: 85%;}

	/* 레이아웃 */
	#wrap {min-width: 0 !important; max-width: 100%;}
	#header,
	#body_wrap {max-width: 100%;}

    /* 상단 메뉴 */
    .tsidemenu {left: 20px; right: 20px; width: auto !important; margin: 0 !important;}

    /* 로고 */
    .logo {padding-left: 20px;}

    /* 하단 */
    #footer {width: calc(100% - 170px); margin: 0 20px;}
    #footer .mark_icon {position: static; bottom: 0; width: 100%; margin: 10px -10px 0; text-align: inherit;}
		#footer .counsel {
			right: 80px;
		}

    /* 본문영역 */
    #body {width: calc(100% - 40px); margin: 0 20px;}

	/* 메인 */
	#wrap.main #body .main {max-width: calc(100% - 130px);}

    /* 최근게시물 */
    .latest .item .contents p {height: 40px;}

    /* KBSI */
    .kbsi .bx-wrapper,
	.kbsi .bx-window {max-width: 100%;}
	.kbsi .item {overflow: hidden; width: auto; padding: 25px; box-sizing: border-box;}
	.kbsi .card img {height: auto;}
	.kbsi .card p {font-size: 1.2em; letter-spacing: -1.5px; white-space: nowrap;}
	.kbsi .card span {height: auto;}
	.kbsi .card span br {display: none;}
	.kbsi .network .map {right: -110px;}
	.kbsi .network ul > li {clear: both; width: 100%;}
	.kbsi .network ul > li ul {padding-bottom: 15px;}
	.kbsi .network > ul {width: calc(100% - 440px);}
	.kbsi .network > ul > li:nth-child(2) strong {margin-top: 5px;}
	.kbsi .network > ul > li:nth-child(n+3) {right: 310px;}
	.kbsi .network strong a {width: 65px;}
	.kbsi .contents > p.title {padding-top: 0; padding-bottom: 15px;}
	.kbsi .bx-controls a {top: 50px;}
	.kbsi .card {margin: 0 -1rem;}
	.kbsi .card li .inner{padding: 0 1rem;}
	/* .kbsi .card .inner .thumb {padding-top: 52%;} */

    /* KBSI 스토리 */
    .story_wrap {height: auto; padding: 25px 25px 30px;}
    .story_wrap .story_lst {width: calc(100% + 10px); margin-bottom: 20px; margin-left: -10px;}
    .story_wrap .story_lst > div {width: calc(25% - 10px) !important; margin-left: 10px; background-size: 100% 100% !important;}
    .story_wrap .facebook h3 > span > a {overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
    .story_wrap .facebook p.account strong {white-space: normal;}
    .story_wrap .sns .btn {padding-left: 45px; white-space: nowrap;}
    .story_wrap .sns .btn:after {display: none;}
    .story_wrap .sns .btn > .icon {bottom: 11px; width: 20px; height: 20px; background-size: 100% auto;}
    .story_wrap .timeline.facebook_line p {overflow: hidden; max-height: 57px;}

	/* 탭메뉴 */
	.tab_menu li a {font-size: 12px; letter-spacing: -1px;}
	#header .tsidemenu .kecs{margin-left: 0;}
}

@media screen and (max-width: 1280px) {
	/* mobile 전화연결 활성화 */
	#footer .link-tel {pointer-events: auto; cursor: pointer;}
	.latest .item .contents strong { font-size:1.1em; }
}

@media screen and (max-width: 1180px)
{
	/* 메인 분석지원실적 */
	.count .title {width: 150px;}

	/* 비주얼 영역 */
	.use {width: 200px; height: 143px;}
	.use img {max-width: 100%;}
	.news {width: 200px; height: 168px;}
	#visual {width: calc(100% - 200px); height: 311px;}
	#visual img {height: 311px;}
	.kbsi .card.creative {padding-left: 0;}
	.kbsi .card.creative li:first-child {margin-left: 0;}
	
	.kbsi .card.great {padding-left: 0;}
	.kbsi .card.great li:first-child {margin-left: 0;}
	
	/* KBSI */
	.kbsi .network > ul {width: calc(100% - 420px);}

	/* 서브메뉴 */
	#content,
	#content_custom {max-width: calc(100% - 300px);}

	/* 역대기관장 */
	.chiefs li {max-width: calc(25% - 44px);}

	/* 조직도 */
	.user_search_wrap {overflow: hidden;}
	.user_search_wrap .txt {width: 188px;}
	.user_search_wrap form {float: left; width: calc(100% - 283px);}
	.user_search {width: 100%;}

	/* 관련사이트 */
	.linkSite_list > li {width: calc(25% - 19px);}
	.linkSite_list > li:nth-child(4n + 1) {clear: both;}

	/* 연구분야 */
	.about_bio li {width: calc(33.333% - 19px);}
	.research_product li {width: 50%; box-sizing: border-box;}

	/* 선도연구장비 */
	.lead li {width: calc(50% - 15px);}

	/* GRAST */
	.nfec_info .float_left {width: calc(100% - 250px);}

	/* 만화로 보는 과학상식 */
	.cartoon_list {width: 100%;}
	.cartoon_list li {width: calc(50% - 35px); margin-bottom: -1px; border-top: solid 1px #dbdce0;}
	.cartoon_list li.left_toon {padding-right: 15px;}
	.cartoon_list li .cartoon_info {overflow: hidden; width: calc(100% - 130px); max-height: 95px;}
	.cartoon_list li:nth-child(1),
	.cartoon_list li:nth-child(2) {border-top: 0 none;}

	/* 뉴스레터 */
	.reference_list {width: 100%;}
	.reference_list li {width: calc(25% - 35px); height: auto; background-size: 100% auto;}
	.reference_list li:nth-child(4n + 1) {clear: both;}
	.reference_list a {display: block; padding-right: 20%;}
	.reference_list img {max-width: 100%; height: auto;}

	/* 포토뉴스 */
	.photo_area .img_view,
	.photo_area .img_view img {height: auto;}
	.publicity_list li {width: calc(25% - 26px);}
	.publicity_list img {height: auto !important;}

	/* 홍보동영상 */
	.movie_area .movie_txt {width: calc(100% - 434px);}

	/* 30년사 */
	.memorial_wrap {background-size: 100% auto;}
	.memorial_wrap .memorial_lst li {width: calc(50% - 13.5px);}
	.memorial_wrap .memorial_lst img {max-width: 100%; min-height: 0;}

	/* 역대화보집 */
	#artbook {position: relative; top: -20px; left: -35px; transform: scale(0.9);}

	/* 견학예약 */
	.inquire_info {display: table; width: calc(100% - 225px);}
	.inquire_info li {display: table-cell; float: none; margin: 0; padding-right: 15px;}

	/* 예약확인 */
	.visit_check {overflow: hidden; width: calc(730px - 256px); max-width: calc(100% - 256px); padding-right: 28px; padding-top: 48px; padding-bottom: 47px; border-radius: 15px; border: 3px solid #5789c8; background-position: -3px -3px;}
	.visit_check p {width: 300px; max-width: 100%;}
	.visit_check .btn_search {right: auto; left: 440px; top: 48px; margin: 0;}

	/* 인재채용 안내 */
	div.box-round {width: 100%; box-sizing: border-box; border-radius: 5px; border: 1px solid #dbdce0; background: none;}
	div.box-round div.box-round-wrap {background: none;}
	dl.box-person {border: 0 none;}
	dl.box-person dd {width: calc(100% - 336px);}

	/* 실명신고 */
	.note_matter .check_list {width: calc(100% - 260px);}

	.latest .item .contents strong { font-size:1.0em; white-space: nowrap; text-overflow: ellipsis;}
}

/* 1024 -> 1145 */
@media screen and (max-width: 1145px)
{
    /* 상단 */
    #header {height: 70px;}
    #header:before, 
    #header.fixed #dnavigation::after {border-top: 0 none;}
    .logo {padding: 20px;}

    /* 상단 메뉴 */
    .tsidemenu {z-index: initial !important;}
    .tsidemenu li {display: none;}
    .tsidemenu .eng {display: block;}
    .tsidemenu .eng a {top: 22px; right: 50px;}
	.tsidemenu .kor {display: block;}
    .tsidemenu .kor a {top: 22px; right: 50px;}
	
	.tsidemenu .pop {display: block;}
    .tsidemenu .pop a {top: 22px; right: 150px;}
    .tsidemenu .menu {display: block;}
    .tsidemenu .menu a {overflow: hidden; position: absolute; right: 0; top: 20px; z-index: 10; width: 34px; height: 34px; border-radius: 100%; background-color: #004ea2; text-decoration: none !important;}
    .tsidemenu .menu a::before {display: block; font-family: 'xeicon'; font-size: 20px; color: #fff !important; content: ''; text-align: center; line-height: 34px;}
	.tsidemenu .menu::before {display: none;}

    /* 상단 검색 */
    #header .h-search-box {display: none;}
	#header .h-search-box #search_board {max-width: 100%;}
	#header.active .h-search-box {display: block; top: 20px; right: 60px; z-index: 500; width: 200px;}

    /* 주메뉴 */
    #dnavigation {display: none; position: fixed; right: 0; top: 0; z-index: 1; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5);}
    #gnavigation {overflow: hidden; overflow-y: auto; float: right; width: 300px; max-width: 80%; height: 100%; padding: 70px 20px; box-sizing: border-box; background-color: #fff;}
    #gnavigation li {float: none; width: 100%; height: auto; border-top: 1px solid #e1e1e1; line-height: 50px; text-align: left;}
    #gnavigation li + li:before,
    #gnavigation > li dl dd > a:before {display: none;}
    #gnavigation > li dl {position: relative; top: 0; height: auto; margin-bottom: -1px; padding: 0; border: 1px solid #e1e1e1; background-color: #f6f6f6; opacity: 1;}
    #gnavigation > li dl a {display: block; padding: 10px;}
    #gnavigation > li dl a::after {right: 10px; content: '';}
	#gnavigation > li dl {display: none;}
    #gnavigation > li dd + dd a {border-top: 1px solid #e1e1e1;}
    #gnavigation a {position: relative;}
	#gnavigation a::before {display: none;}
    #gnavigation a::after {position: absolute; right: 0; top: 50%; font-family: 'xeicon'; content: ''; transform: translateY(-50%); transition: all 0.2s;}
    #gnavigation > li.active > a::after {color: #265fa9; content: ''; transform: translateY(-50%) rotate(180deg);}
	#header.active #dnavigation,
	#header.active #gnavigation > li.active dl {display: block !important;}
    #header.active .tsidemenu .menu a {position: fixed; right: 20px; background: none;}
    #header.active .tsidemenu .menu a::before {font-size: 34px; color: #3d3d3d !important; content: '';}

    /* 하단 */
    #footer {width: calc(100% - 40px); padding: 20px 0; text-align: center; z-index: 10;}
    #footer ul:first-child li {display: inline-block; float: none;}
		#wrap:after {/*z-index: 1;*/}

    /* 퀵메뉴 */
    .quick {display: none;}

    /* 메인 */
	#body {padding-top: 90px;}
	#wrap.main #body {margin-top: 20px; padding-top: 0 !important;}
    #wrap.main #body .main {max-width: 100%; margin-left: 0;}
    #body .group {overflow: visible; position: relative;}
    #body .group + .group {margin-top: 30px;}
    
    /* 메인 비주얼 */
    #visual {width: 100% !important; height: auto !important; max-height: 420px !important; border-radius: 20px;}
	#visual .bx-wrapper {min-width: 100%; max-width: 100%;}
	#visual .bx-window {min-width: 100%; max-width: 100%; height: auto !important;}
	#visual .list {overflow: hidden; position: relative; height: 100%; border-radius: 20px;}
    #visual a {display: block;}
    #visual li {min-width: 100%; max-width: 100%;}
    #visual img {width: 100%; height: auto !important;}
    .news {display: none;}

    /* 분석실적 */
    .count {margin-bottom: 10px; border-radius: 20px;}
	.count .title {width: 150px;}
    .count li {margin-top: 15px; font-size: 1em;}
    .count li strong {top: 0; font-size: 1.5em; letter-spacing: -2px;}
	.count .count2 img {vertical-align: bottom;}

    /* 최근 게시물 */
    .latest .item .contents li {width: 33.333%;}
    .latest .item .contents li:last-child {display: none;}

    /* KBSI */
    .kbsi {margin-top: 15px;}
	.kbsi .item {padding: 25px 20px;}
	.kbsi .card {padding: 0;}
	.kbsi .card li {}
	.kbsi .card li:first-child {padding-left: 0;}
	.kbsi .card div {position: relative;}
	.kbsi .card div::before {position: absolute; left: 110px; top: 0; right: 0; bottom: 0; z-index: -1; background-color: #fff; content: '';}
	.kbsi .card img {position: absolute; left: 0; top: 0; z-index: -2;}
	.kbsi .card a {height: 30px; margin-top: 5px; line-height: 30px;}
	.kbsi .network {margin-left: 10px; padding: 20px 20px 0;}
	.kbsi .network .map {display: none;}
	.kbsi .network > ul {width: 100%; margin-left: 0; text-align: center;}
	.kbsi .network > ul > li {overflow: hidden; clear: none; position: relative !important; left: 0 !important; top: 0 !important; right: 0 !important; width: 50% !important; margin: 0 !important; padding: 3px 10px; text-align: left;}
	.kbsi .network > ul > li:nth-child(2n + 1) {clear: both;}
	.kbsi .network ul > li ul {height: 135px; border-bottom: 1px dashed #bbb !important;}
	.kbsi .network > ul > li:nth-child(2) strong {margin-top: 0;}
	.kbsi .network strong a {width: 80px;}
	.kbsi .card.creative li {margin-left: 0;}
	/* .kbsi .card .inner .thumb {padding-top: 58%;} */

    /* 연구장비공동활용 */
    .use {overflow: hidden; position: absolute; left: 0; top: 100%; z-index: 1; width: calc(33.333% - 7.5px); height: 0; margin-top: 30px; padding-top: calc(11% - 15px); border-radius: 20px;}
    .use a {display: block; position: absolute; top: 50%; left: 0; width: 100%; transform: translateY(-50%);}
	.use a img {width: 100%;}

    /* 링크 */
    .equipment_list {width: calc(66.666% + 15px);}
    .equipment_list li {overflow: hidden; position: relative; width: calc(50% - 10px); max-width: calc(50% - 15px); height: 0; margin-right: 15px; margin-bottom: 15px; padding-top: calc(15.9% - 15px); border-radius: 20px;}
    .equipment_list li a {display: block; position: absolute; top: 50%; left: 0; width: 100%; transform: translateY(-50%);}
    .equipment_list li img {width: 100%;}
    .equipment_list li:first-child {margin-left: 50%; border: 1px solid #ddd;}
    .equipment_list li:first-child a {left: -1px; right: -1px; width: auto;}

	/* 4개 링크 */
	.use a::before {position: absolute; left: 0; top: 50%; width: 100%; height: 100%; background:url('/images/mobile/main/use_m.jpg') no-repeat center center; background-size: 105% auto; content: ''; transform: translateY(-50%);}
	.equipment_list li:nth-child(1) a::before {position: absolute; left: 0; top: 50%; width: 100%; height: 100%; background:url('/images/mobile/main/equipment_m.jpg') no-repeat center center; background-size: 105% auto; content: ''; transform: translateY(-50%);}
	.equipment_list li:nth-child(2) a::before {position: absolute; left: 0; top: 50%; width: 100%; height: 100%; background:url('/images/mobile/main/nfec_m.jpg') no-repeat center center; background-size: 105% auto; content: ''; transform: translateY(-50%);}
	.equipment_list li:nth-child(3) a::before {position: absolute; left: 0; top: 50%; width: 100%; height: 100%; background:url('/images/mobile/main/utilize_m.jpg') no-repeat center center; background-size: 105% auto; content: ''; transform: translateY(-50%);}

    /* 팝업존 */
    .mvisual {width: calc(33.333% - 15px); max-width: calc(33.333% - 15px);}

	/* KBSI 스토리 */
	.story_wrap .story_lst {max-width: 920px;}
	.story_wrap .story_lst > div {width: 220px;}
	.story_wrap .bx-prev {margin-right: 30px;}
	.story_wrap .bx-prev::before {transform: rotateY(-180deg);}
	.story_wrap .bx-prev, 
	.story_wrap .bx-next {display: block; overflow: hidden; position: absolute; right: 20px; top: 20px; width: 25px; height: 25px; box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1); border-radius: 100%; background-color: #fff;}
	.story_wrap .bx-prev::before, 
	.story_wrap .bx-next::before {display: block; width: 100%; height: 100%; font-family: 'xeicon'; content: ''; color: #004ca5; text-align: center; line-height: 25px;}

    /* 사이언스 스토리 */
    .story_wrap .science_story {padding-left: 0;}
    .story_wrap .science_story h3 {position: relative; width: 100%; height: 40px; margin-bottom: 10px; background: none #86ad00; font-size: 20px; font-weight: 600; color: #fff; text-align: center; line-height: 40px;}
    .story_wrap .science_lst a {padding-top: 110px;}
    .story_wrap .science_lst .icon {top: 0;}

	/* 서브메뉴 */
	.snavigation {width: 180px;}
	.snavigation a {padding: 10px;}

	/* 서브콘텐츠 */
	#content,
	#content_custom {width: calc(100% - 200px); max-width: 100%; padding-left: 200px;}
	#content .stitle,
	#content_custom .stitle {padding: 20px 0; font-size: 2.2em; line-height: 1.2; word-break: keep-all;}
	#content .stitle span,
	#content_custom .stitle span {padding: 0 10px;}
	.notice_exp {float: none; width: calc(100% - 27px); word-break: keep-all;}

	/* 인사말 */
	.greeting {height: auto; padding-bottom: 20px; padding-right: 280px; background-size: 250px auto; background-position: right 70px;}

	/* 연혁 */
	.kbsi_vision2 dl {display: inline-block; width: 100%;}
	.history li {padding-left: 180px; background-position: 20px 20px !important;}

	/* 비전 */
	.kbsi_vision2 dd {float: left; width: calc(100% - 165px);}

	/* CI소개 */
	.sub0607-wrap span {display: block; float: none;}
	.sub0607-wrap p.btn-download,
	.sub0607-wrap p.btn-download2 {display: inline-block; clear: both; position: relative; bottom: 0; padding-top: 10px;}

	/* 조직도 */
	.user_search_wrap .txt {margin-left: 25px;}
	.user_search_wrap form {width: calc(100% - 253px);}
	.user_search_inner2 {max-width: calc(100% - 72px);}
	.user_search_wrap .txt {max-width: calc(100% - 45px);}
	.user_search_inner2 .input_search label {display: block; position: relative;}
	.user_search_inner2 .input_search input {width: calc(100% - 50px); font-size: 13px;}
	.user_search_wrap p {bottom: auto; top: auto; margin-top: 10px; margin-left: -40px;}

	/* 국내협력 */
	.cooperation_list li {width: 20%; box-sizing: border-box;}
	.cooperation_list li:nth-child(5n + 1) {clear: both;}

	/* 연구분야 테이블 */
	.tbl_bio td {padding: 5px;}
	.tbl_bio td.name + td {white-space: nowrap;}

	/* 연구논문 */
	.achievement .img_photo + div {position: relative; max-width: calc(100% - 177px); padding-bottom: 35px;}
	.achievement .pdflink {float: none !important; position: absolute !important; top: auto; bottom: 0; right: auto; left: 0; width: 100%;}
	.achievement .pdflink br {display: none;}

	/* 홍보동영상 */
	.movie_area .movie_play {overflow: hidden; float: none; position: relative; width: 100%; height: 0 !important; padding: 65% 0 0; margin-right: 0;}
	.movie_area .movie_play video {position: absolute; left:0; top: 0; width: 100% !important; height: 100% !important;}
	.movie_area .movie_txt {float: none; width: 100%; margin-top: 20px;}
	.movie_area .play_caption {width: 100%;}

	/* 30년사 */
	.memorial_wrap {height: auto; padding: 5% 5.5% 20px 5%;}
	.memorial_wrap > h2 {width: 40%; padding-left: 3%; letter-spacing: -1px;}
	.memorial_wrap .memorial_lst {margin: 0; padding-top: 12%;}
	.memorial_wrap .memorial_lst img {width: 100%;}

	/* 역대화보집 */
	#artbook {top: -65px; left: -110px; transform: scale(0.7);}

	/* 견학예약 */
	.visit_info p {padding-right: 200px;}
	.person_inquire {padding: 15px 15px 15px 30px;}
	.person_inquire .img_title {floaT: none;}
	.inquire_info {float: none; width: 100%; margin: 0;}
	.inquire_info li {padding-right: 5px;}

	/* 예약확인 */
	.visit_check {width: 300px; padding-left: 150px; background-position: -40px center;}
	.visit_check .btn_search {left: 340px;}
	.visit_check p input[type="text"] {width: 125px;}

	/* 인재채용 안내 */
	div.recruit-guide dl.box-person dt {width: 100px;}
	dl.box-person dd {width: calc(100% - 266px); padding-left: 20px;}

	/* 상시지원 */
	.apply,
	.apply dl {float: none; width: 100%;}
	.apply dd {width: auto;}

	/* 청렴신고센터 */
	.irrationality_info p {padding-right: 200px;}

	/* 실명신고 */
	.note_matter .depth2_imgTitle {width: 180px; margin-right: 20px;}
	.note_matter .check_list {width: calc(100% - 200px);}
	.certify_clean {width: 350px; max-width: 90%; margin: 30px auto 0;}

	#footer .counsel {
		position: relative;
		top: inherit;
		right: inherit;
		transform: none;
		margin: 20px auto;
	}
}

@media screen and (max-width: 860px)
{
	.logo span {display: none;}
	.count .title {width: 120px;}

	/* 성희롱 성폭력 상담센터 */
	.upright_list li .arrow_list li .li-cont1 {margin-bottom: 0;}
	.upright_list li .arrow_list li .li-cont1 em {position: absolute; left: auto; top: auto;}
	.upright_list li .arrow_list li .li-cont1 p {position: relative;}
	.upright_list li .arrow_list li .li-cont1 p br {display: none;}
	.sung_info {width: auto; padding-right: 210px; background-size: auto auto; word-break: keep-all;}
	.sung_info .point01 br {display: none;}
}

@media screen and (max-width: 768px)
{
	/* 메인 팝업 */
	/*
	.layer_popup_style {display: none !important; left: 50% !important; width: 300px !important; margin-left: -150px !important;}
	*/
	.layer_popup_style {left: 0 !important; width: 100% !important; margin-left: 0 !important;}
	.layer_popup_style p:nth-child(1) img {width: 100% !important;}

	.tsidemenu .eng a {overflow: hidden; top: 20px; right: 40px; width: 35px; height: 35px; padding: 0;}
	.tsidemenu .eng a::before {display: block; content: 'ENG'; line-height: 35px;}
	.tsidemenu .kor a {overflow: hidden; top: 20px; right: 40px; width: 35px; height: 35px; padding: 0;}
	.tsidemenu .kor a::before {display: block; content: 'KOR'; line-height: 35px;}
	.tsidemenu .pop a {overflow: hidden; top: 20px; right: 80px; width: 35px; height: 35px; padding: 0;}
	.tsidemenu .pop a::before {display: block; content: 'POP'; line-height: 35px;}
	

	/* 퀵메뉴 */
	.quick {display: block; right: 0; left: 0; z-index: 2; width: auto; height: auto; margin-top: 15px; border-radius: 20px; border: 1px solid #dedede; background-color: #fff;}
	.quick:after{content:"";display:block;clear:both}
	.quick li {float: left; width: 16.666%;}
	.quick li a {display: block;color: #000;padding:0;background:none}
	.quick li:first-child a{padding:0;border-radius:0;background:none}
	.quick li.youtube a{padding:0;border-radius:0}
	.quick li a img {display: none;}
	.quick li a span{display:block;padding:10px 0;opacity:1}
	.quick li a span:before{content:"";display:block;margin:0 auto 10px;padding-top: 40%;width:68px;background-repeat:no-repeat;background-position:50% 50%;background-size:contain;}
	.quick li:first-child a span:before{background-image:url("/images/korean/main/new_quick_ico_01_mo.png")}
	.quick li:first-child+li a span:before{background-image:url("/images/korean/main/new_quick_ico_02_mo.png")}
	.quick li:first-child+li+li a span:before{background-image:url("/images/korean/main/new_quick_ico_03_mo.png")}
	.quick li:first-child+li+li+li a span:before{background-image:url("/images/korean/main/new_quick_ico_04_mo.png")}
	.quick li:first-child+li+li+li+li a span:before{background-image:url("/images/korean/main/new_quick_ico_05_mo.png")}
	.quick li:first-child+li+li+li+li+li a span:before{background-image:url("/images/korean/main/new_quick_ico_06_mo.png")}


	/* 비주얼 */
	#visual {margin-bottom: 120px;}

	/* 분석실적 */
	.count {height: auto; margin-bottom: 20px; padding: 15px;}
	.count > div {width: 95% !important;}
	.count .title {width: 30%;}
	.count .count1 {margin-top: 0;}
	.count .count2 {margin-top: 10px !important; padding-top: 10px; border-top: 1px solid #ddd;}
	.count .count2 .title::before {display: none;}

	/* 최근 게시물 */
	.latest h2 {font-size: 1.4em;}
	.latest h2 img {height: 30px;}
	.latest .item.on h2 {font-size: 1.5em;}
	.latest .item .contents {padding-left: 20px;}
	.latest .item .contents li {padding-right: 20px;}

	/* 팝업존 */
	.mvisual {display: none;}

	/* 링크 */
	.equipment_list {width: calc(100% + 15px); max-width: calc(100% + 15px);}

	/* 연구장비공동활용 */
	.use {width: calc(50% - 7.5px); padding-top: calc(15.5% - 15px);}
	.use a::before,
	.equipment_list li a::before {background-size: 100% auto;}
	.equipment_list li {padding-top: calc(14.9% - 15px);}

	/* KBSI */
	/* .kbsi .card {margin: 10px 0 0;}
	.kbsi .card li {float: none; position: relative; width: auto; margin-right: 0; margin-bottom: 5px;} */
	/* .kbsi .card div {height: auto; max-height: 100px; padding: 10px 0; padding-left: 100px; padding-right: 60px; word-break: keep-all;} */
	/* .kbsi .card .inner > div {height: auto; max-height: 100px;}
	.kbsi .card div::before {left: 100px;}
	.kbsi .card img {height: 100px;}
	.kbsi .card p {padding-top: 0;}
	.kbsi .card a {position: absolute; right: 10px; top: 50%; width: 50px; height: 50px; margin-top: -25px; border-radius: 100%; line-height: 50px;}
	.kbsi .card a:after {display: none; margin-left: 0;} */
	.kbsi .contents > p.title:before {display: none;}
	.kbsi .network ul > li ul {display: none;}
	.kbsi .network > ul {padding: 90px 0 0;}
	.kbsi .network > ul > li {clear: none !important; width: 33.333% !important; padding: 10px; text-align: center;}
	.kbsi .network strong a {width: 100px; max-width: 100%;}
	.kbsi .bx-pager a:after {background-position: 15% center !important; background-size: auto 30px !important;}
	.kbsi .contents > p.title strong {margin-bottom: 0;}
	/* .kbsi .card .inner .thumb {padding-top: 10%;}
	.kbsi .card .inner .thumb img {height: auto;} */
	.kbsi .card .inner > div {height: 210px;}

	/* 사이언스스토리 */
	.story_wrap {background-size: 100% 100%;}
	.story_wrap .science_story h3 {margin-bottom: 20px;}
	.story_wrap .science_story {height: auto;}
	.story_wrap .science_lst > li {width: 33.333%; padding-bottom: 20px;}
	.story_wrap .science_lst > li:after {display: none;}
	/*.story_wrap .science_lst > li:nth-child(n+4) {width: 50%;}*/
	.story_wrap .science_lst .icon {width: 70px; height: 70px; margin-left: -35px; background-size: auto 70px;}
	.story_wrap .science_lst .no2 .icon {background-position: -70px 0;}
	.story_wrap .science_lst .no3 .icon {background-position: -140px 0;}
	.story_wrap .science_lst .no4 .icon {background-position: -210px 0;}
	.story_wrap .science_lst .no5 .icon {background-position: -280px 0;}
	.story_wrap .science_lst a {padding-top: 80px;}
	.story_wrap .science_lst .no6 .icon {background-size: 100% 100%;}

	/* 하단 */
	#footer address {display: block; margin: 0;}

	/* 서브 상단 */
	.location {display: none;}
	#content_custom .stitle,
	#content .stitle {position: relative;}
	#side h2 {top: -150px; line-height: 150px;}
	#body {padding-top: 0;}
	#content,
	#content_custom {width: 100%; padding-left: 0;}

	/* 서브메뉴 */
	.snavigation {position: relative; width: auto; margin: 0 -21px; padding-bottom: 0;}
	.snavigation a {display: none;}
	.snavigation > li > a {padding: 12px 20px; font-size: 1.1em;}
	.snavigation > .on > a {background: none; color: #272727;}
	.snavigation .on a {display: block;}
	.snavigation .on a:after {border-color: #858585;}	
	.snavigation.active a {display: block;}
	.snavigation > li.on .intro_sub_box {width: calc(100% - 40px); margin: 15px 20px 0; border-top: 1px solid #d2d6db;}
	.snavigation > li.on .intro_sub_box a {display: none; border-color: #d2d6db; text-indent: 0;}
	.snavigation > li.on .intro_sub_box a::after {transform: rotate(135deg);}
	.snavigation > li.on .intro_sub_box li:first-child a,
	.snavigation > li.on .intro_sub_box.active a {display: block;}
	.intro_sub_box li>a:before {display: none;}

	/* 탭메뉴 */
	.tab_menu li {float: left; width: calc(33% - 4px); margin: 4px 2px !important; padding: 0 !important;}


	/* 인사말 */
	.greeting {padding-right: 200px; background-size: 180px auto; background-position: right 120px;}

	/* 연혁 */
	.history dt,
	.history dd {float: none; width: 100%;}

	/* 역대기관장 */
	.chiefs ul {margin: -10px;}
	.chiefs li {width: calc(25% - 20px); max-width: 100%; padding: 10px;}

	/* 조직도 */
	.user_search_wrap {padding: 20px; text-align: center;}
	.user_search_wrap .txt {float: none; margin: 0 auto;}
	.user_search_wrap .txt img {height: 80px;}
	.user_search_wrap form {float: none; width: 100%;}
	.user_search_inner {margin-top: 0;}
	.user_search_inner2 {margin-top: 0;}
	.user_search {width: 320px; max-width: 100%; margin: 10px auto;}
	.user_search_wrap p {position: relative; left: 0; top: 0; margin: 0;}

	/* 관련사이트 */
	.linkSite_list > li {width: calc(33.333% - 19px);}
	.linkSite_list > li:nth-child(4n + 1) {clear: none;}
	.linkSite_list > li:nth-child(3n + 1) {clear: both;}
	.linkSite_list img {display: block; width: 170px; margin: 0 auto;}

	/* 연구분야 테이블 */
	.tbl_bio {table-layout: fixed;}
	.tbl_bio tr > * {float: left; padding: 8px; border: 0 none;}
	.tbl_bio tr > td:last-child {clear: both; width: 100%; padding: 10px 0 15px; box-sizing: border-box; border-top: solid 1px #dbdce0; border-bottom: solid 1px #dbdce0;}
	.tbl_bio td ul {border-left: 0 none;}
	.tbl_bio th .glade {position: relative; top: -2px;}

	/* 만화로 보는 과학상식 */
	.cartoon_list li {float: none; width: calc(100% - 35px);}
	.cartoon_list li.bg {background: none;}
	.cartoon_list li:nth-child(2n) {background: #f9f9f9;}
	.cartoon_list li:nth-child(2) {border-top: solid 1px #dbdce0;}

	/* 뉴스레터 */
	.reference_list li {width: calc(33.333% - 35px);}
	.reference_list li:nth-child(4n + 1) {clear: none;}
	.reference_list li:nth-child(3n + 1) {clear: both;}
	.reference_list img {width: 100%;}

	/* 30년사 */
	.memorial_wrap {padding: 4.5% 6% 20px 5.5%;}
	.memorial_wrap > h2 {font-size: 2.5em !important;}
	.memorial_wrap .memorial_lst li {width: 48%;}
	.memorial_wrap .memorial_lst li + li {margin-left: 4%;}

	/* 역대화보집 */
	#artbook {top: -85px; left: -140px; transform: scale(0.6);}

	/* 예약확인 */
	.visit_check { max-width: 100%; padding: 20px; box-sizing: border-box; background: none;}
	.visit_check .btn_search {left: auto; right: 20px; top: 20px; width: auto;}
	.visit_check p {width: calc(100% - 80px);}
	.visit_check p input[type="text"] {width: calc(100% - 62px);}

	/* 청렴신고센터 */
	.upright_list {margin-top: 20px;}
	.upright_list > li {display: table; width: 100%; height: auto !important; margin: 0; padding: 20px 0; table-layout: fixed;}
	.upright_list > li h2 {display: table-cell; float: none; width: 100px;}
	.upright_list > li h2 img {margin-top: 0 !important;}
    .upright_list > li .arrow_list {display: table-cell; position: relative; left: 0; top: 0 !important; padding-left: 20px; vertical-align: middle;}
    
    /* 뉴스레터 */
    .box1 {padding: 20px;}
		.box2 {padding: 20px 0;}

	/* 모바일에서 웹접근성 마크 제거 */	
	#footer .mark_icon > li.web-acc {display: none;}
	#footer .mark_icon > li > a {pointer-events: none; cursor: default;}
}

@media (max-width: 650px) {
	.kbsi .card {margin: 0 -0.5rem;}
	.kbsi .card li .inner {padding: 0 0.5rem}
}

@media (max-width: 600px) {
	.kbsi .card {margin: 0;}
	.kbsi .card li {float: none; width: 100%; margin-bottom: 1rem;}
	.kbsi .card li:last-child {margin-bottom: 0;}
	.kbsi .card li .inner {padding: 0;}
	.kbsi .card .inner > div {height: auto; padding-bottom: 15px;}
	.kbsi .card .inner .thumb {padding-top: 25%;}
}

@media screen and (max-width: 550px)
{
	.sung_info {margin-top: 20px; padding: 120px 0 0; background-position: center 0;}
    .sung_info .depth2_imgTitle {margin-bottom: 5px; text-align: center;}
    
    /* 뉴스레터 */
    .box2 {text-align: center;}
    .box2 input[type="text"] {float: none; width: calc(100% - 22px); margin: 10px 0;}
    .box2 .btn-b {float: none;}
}

@media screen and (max-width: 500px)
{
	/* 상단 */
	.logo img {width: 200px;}

	/* 하단 */
	#footer address {word-break: keep-all;}
	#footer address + span + span {display: block; margin-left: 0 !important;}
	#footer .mark_icon li {margin: 0 5px;}
	#footer .mark_icon img {height: 25px;}

	/* 퀵메뉴 */
	.quick li{width:33.33%}
	.quick li a{}
	.quick li a span{padding:15px 0;height: 63px;}
	.quick li a span:before{padding-top:25%}

	/* 비주얼 */
	#visual {margin-bottom: 200px;}

	/* 분석실적 */
	.count {margin-bottom: 15px; padding: 10px;}
	.count .title {min-width: 100px;}
	.count .title h2 {font-size: 1.2em;}
	.count li img {width: 20px; vertical-align: middle !important;}
	.count li span {left: 0 !important;}

	.latest .item .contents li {width: 50%;}
	.latest .item .contents li:nth-child(n+3) {display: none;}

	/* 최근게시물 */
	.latest .item:first-child h2 a {border-radius: 15px 0 0 0;}
	.latest .item.on {padding-top: 40px;}
	.latest .item.on h2 a:before {border-radius: 15px 15px 0 0 !important;}
	.latest .item.on h2,
	.latest h2 {font-size: 1em;}
	.latest h2 img {height: 15px; margin-right: 0;}
	.latest h2 a {width: calc(33.333% - 10px); white-space: nowrap; line-height: 40px;}
	.latest .item .more {right: 0; width: 30px; height: 40px; border-radius: 0 15px 0 0;}
	.latest .item .more a {right: 6px;}
	.latest .item:first-child + .item h2 a {margin-left: calc(33.333% - 10px);}
	.latest .item:first-child + .item + .item h2 a {margin-left: calc(66.666% - 20px);}
	.latest .item .contents strong {font-size: 1.2em;}

	/* 레이아웃 */
	#body .group + .group {margin-top: 15px;}

	/* 배너 */
	.equipment_list li {margin-bottom: 5px; border-radius: 10px;}

	/* 연구장비공동활용 */
	.use {margin-top: 15px; border-radius: 10px;}

	/* KBSI */
	.kbsi {border-radius: 20px;}
	.kbsi .bx-pager {height: 40px; line-height: 40px;}
	.kbsi .bx-pager a {font-size: 1em;}
	.kbsi .bx-pager a:after {background-image: none !important; text-indent: 0;}
	.kbsi .item {padding: 15px;}
	.kbsi .bx-prev {left: 15px; top: 40px; width: 15px; height: 15px;}
	.kbsi .bx-next {right: 15px; top: 40px; width: 15px; height: 15px;}
	.kbsi .contents > p.title span {position: relative; top: -10px; padding: 0 !important; font-size: 0.9em;}
	.kbsi .contents > p.title strong {padding: 0; font-size: 2em; margin-bottom: 10px;}
	.kbsi .contents > p.title {margin: 0 20px; white-space: nowrap; letter-spacing: -1px;}
	.kbsi .card {margin-top: 0;}
	/* .kbsi .card img {display: none;} */
	.kbsi .card div {padding-left: 0;}
	.kbsi .bx-pager,
	.kbsi .bx-pager .pager-active {border-radius: 20px 20px 0 0;}
	.kbsi .bx-pager .pager-1 {border-radius: 20px 0 0 0;}
	.kbsi .network {padding: 0;}
	.kbsi .network > ul {padding-top: 60px;}
	.kbsi .network > ul > li {width: 50% !important;}
	.kbsi .bx-controls a {top: 30px;}

	/* 사이언스 스토리 */
	.story_wrap .science_story h3 {margin-bottom: 10px;}
	.story_wrap .science_lst > li {width: 50%; padding-bottom: 15px;}
	.story_wrap .science_lst a {padding-top:65px;}
	.story_wrap .science_lst strong {font-size: 1em;}
	.story_wrap .science_lst .icon {transform: scale(0.8);}

	/* 서브 */
	#content .stitle,
	#content_custom .stitle {font-size: 1.6em;}
	#content_custom .stitle span,
	#content .stitle span {padding: 0 15px;}

	/* 게시판 */
	.table_line .info span {display: block; overflow: hidden; width: 100%; height: 1px; margin: 0;}
	.attach_area ul .file_down {display: none;}

	/* 인사말 */
	.greeting {padding-right:0; background: none;}

	/* 연혁 */
	.history li {padding: 100px 0 20px; background-position: center 0 !important; background-size: auto 80px !important; text-align: center;}
	.history dl {text-align: left;}

	/* 조직도 */
	.user_search_wrap + .box-img {display: none;}
	.org_m {display: block; margin-top: 20px;}

	/* 역대기관장 */
	.chiefs li {width: calc(33.333% - 20px);}

	/* 비전 */
	.kbsi_vision2 dt {width: 90px;}
	.kbsi_vision2 dt img {width: 70px;}
	.kbsi_vision2 dd {width: calc(100% - 90px); padding: 0 0 20px !important;}

	/* 국내협력 */
	.cooperation_list li {width: 33%; margin-bottom: -1px; box-sizing: border-box; border-top: solid 1px #dbdce0;}
	.cooperation_list li:nth-child(5n + 1) {clear: none;}
	.cooperation_list li:nth-child(3n + 1) {clear: both;}
	.cooperation_list li.left {border-left: 1px solid #dbdce0;}
	.cooperation_list li:nth-child(1),
	.cooperation_list li:nth-child(2),
	.cooperation_list li:nth-child(3) {border-top: 0 none;}

	/* 관련사이트 */
	.linkSite_list > li {width: calc(50% - 19px); font-size: 0.9em;}
	.linkSite_list > li:nth-child(3n + 1) {clear: none;}
	.linkSite_list > li:nth-child(2n + 1) {clear: both;}

	/* 연구분야 */
	.about_bio li {width: calc(50% - 19px);}
	.about_bio li:nth-child(4) {margin-right: 0; margin-left: 19px;}

	/* 연구분야 버튼 */
	.equip_list_go {margin-bottom: 10px; padding: 0;}
	.equip_list_go a {display: block;}

	/* 연구분야 설명 이미지 */
	.research_product_long > span, 
	.research_product_long2 > span, 
	.research_product li > span {position: relative; font-size: 0.9em;}

	/* 선도연구장비 */
	.lead li {float: none; width: 100%; margin: 0 0 10px;}

	/* 연구논문 */
	.achievement .img_photo {display: block; float: none; width: auto; height: auto; min-height: 100px; margin-right: 0; margin-bottom: 20px; line-height: 0;}
	.achievement .img_photo + div {width: 100%; max-width: 100%;}

	/* GRAST */
	.nfec_info .float_left {width: 100%;}
	.nfec_info .float_right {display: none;}

	/* 뉴스레터 */
	.reference_list li {width: calc(50% - 35px);}
	.reference_list li:nth-child(3n + 1) {clear: none;}
	.reference_list li:nth-child(2n + 1) {clear: both;}

	/* 포토뉴스 */
	.publicity_list li {width: calc(50% - 26px);}
	.publicity_list li:nth-child(n+3) {margin-top: 15px;}

	/* 30년사 */
	.memorial_wrap {padding-top: 2%;}
	.memorial_wrap .h2_desc {display: none;}
	.memorial_wrap > h2 {font-size: 1.6em !important;}

	/* 역대화보집 */
	#artbook {top: -140px; left: -230px; transform: scale(0.38);}

	/* 견학안내 */
	.visit_info {background: none;}
	.visit_info p {padding-right: 0;}
	.visit_btn_area a {display: inline-block; max-width: 48%;}
	.visit_btn_area a:first-child {width: 100%; max-width: 100%; margin-bottom:5px;}
	.person_inquire {overflow: hidden; overflow-x: auto; padding: 15px;}
	.inquire_info {min-width: 400px;}

	/* 인재채용 */
	ul.recruit-guide-benefit li {width: 50%;}
	ul.recruit-guide-benefit .recruit-guide-benefit03 {width: 100%; padding: 15px 0; background-position: center 15px;}
	ul.recruit-guide-benefit .recruit-guide-benefit03 p {width: 90%; margin: 0 auto;}
	ul.recruit-guide-benefit .recruit-guide-benefit03 p br {display: none;}
	dl.box-person {padding-top: 10px;}
	dl.box-person dt {float: none; width: 100%; height: auto; margin: 0; padding: 5px 0 10px 100px; background-size: auto 100% !important;}
	dl.box-person dd {float: none; width: calc(100% - 40px); margin: 0; padding: 10px 20px; border: 0 none;}

	/* 상시지원 */
	.apply dl {height: auto; text-align: center;}
	.apply dt {float: none; width: 100%;}
	.apply dt img {width: 80px;}
	.apply dd {margin: 10px 0; padding: 0 !important;}
	#submit_btn > p a {display: inline-block; max-width: 45%;}

	/* 청렴신고센터 */
	.irrationality_info {background-position: center 0;}
	.irrationality_info p {padding: 90px 0 0;}
	.upright_list {margin-top: 0;}
	.upright_list > li {display: block;}
	.upright_list > li h2 {display: block; width: 100%; text-align: center;}
	.upright_list > li h2 img {width: 80px;}
	.upright_list > li .arrow_list {display: block; padding: 10px 0 0;}

	/* 실명신고 */
	.note_matter .depth2_imgTitle {overflow: hidden; float: none; width: 100%; height: 90px; margin: 0;}
	.note_matter .depth2_imgTitle img {position: relative; top: -10px; width: 200px;}
	.note_matter .check_list {width: 100%; margin-top: 20px;}
}

@media screen and (max-width: 440px)
{
	/* 분석실적 */
	.count .title {width: 100px; letter-spacing: -1px;}

	#footer .counsel {
		width: 95%;
	}
	#footer .counsel .title {
		display: block;
		padding-right: 0;
		margin-right: 0;
		border-right: 0;
		border-bottom: 1px solid #c9c9c9;
		padding-bottom: 8px;
		margin-bottom: 8px;
	}
	#footer .counsel .desc {
		display: block;
		width: 100%;
	}
	#footer .counsel .xi-call {
		display: inline-block;
		position: relative;
		vertical-align: middle;
		top: inherit;
		left: inherit;
		transform: none;
	}
	#footer .counsel .title strong {
		display: inline-block;
		vertical-align: middle;
		padding-left: 10px;
	}
}

@media screen and (max-width: 365px)
{
	/* 분석실적 */
	.count .count1 img {display: none;}
}