@charset "utf-8";
@media screen and (min-width:1600px) {
    .wrapper {width:1400px;}
}
@media screen and (min-width:1200px) and (max-width: 1639px) {

    /* 메인 */
    .visual { background-size: cover; }
    .wrapper {width:1200px;}
    }

@media screen and (min-width:0) and (max-width: 1199px) {
    * { word-break: keep-all; }
    /*.hideT { display: none !important; }*/

    /* responsive width */
    .tw100 { clear:both; float: none; width: 100% !important; }
    .tw50 { width: 50% !important; }
    .tw25 { width: 25% !important; }


    /* header */
    #header nav#gnb ul li { float: none; clear: both; padding: 0; }
    #header nav#gnb ul li:first-child { padding-left: 0; }

    /* FOOTER */
    #footer .wrapper { width: 100%; }
    #footer .btmGnb { border-top: 1px solid #ccc; }
    #footer .btmGnb .wrapper { padding-top: 46px; }
    #footer .btmGnb .btmLeft { clear: both; float: none; width: 98%; margin: 0 auto; text-align: center; }
    #footer .btmLeft li:last-child::after { display: none; }
    #footer .btmGnb #siteListBox { clear: both; float: none; width: 100%;  justify-content:center; background: #fff; border-bottom: 1px solid #ccc; position: absolute; top: 0; left: 0;  }
    #footer .btmGnb #siteListBox .siteList { width: 50%; }
    #footer .btmGnb #siteListBox .siteList:first-child { border-right: 0; }
	#footer .btmGnb #siteListBox .siteList > div{width:100%;}
    #footer .addBox { text-align: center; }
    #footer .addBox .wrapper { width: 98%; }
    #footer .addBox a.openLink { display: none; }


.main_Box dl{padding:30px 5px 20px 20px;}
.main_Box dt{height:110px; padding: 15px 0 0 100px; box-sizing:border-box; margin-bottom:20px}
.main_Box dt p{font-size:18px}
.main_Box dt b{font-size:24px}
.main_Box dt p::before { width: 30px }


    /* 통계서비스안내 */
    #header .link ul li .service_all {width:100%; box-sizing:border-box;}
    #header .link ul li .service_all .b_tit { padding:10px 0 0 15px; height:40px; }
    #header .link ul li .service_all dl {margin:0 0 0 2%;}
    #header .link ul li .service_all dl dt { width:18%;  padding:0; line-height:1.5;}
    #header .link ul li .service_all dl dd { width:72%;  padding:0;}
    #header .link ul li .service_all dl dd ul li { line-height:2; display:block;}
    #header .link ul li .service_all .More { position:absolute; top:12px; right:3%; }


    /* CONTAINER */
    .container nav.leftGnb { float: left; width: 21%; }
    .leftGnb > ul > li.on > a {background:#198c56;}
    .container #contents { float: right; width: 75%; }

    #contents .titleArea .btnLink:hover { background: #686868 url('../../img/asis/linkPrintW.png') no-repeat center 9px; }
    #contents .titleArea .btnPrint:hover { background: #686868 url('../../img/asis/linkPrintW.png') no-repeat center bottom 7px; }


    /* 탭메뉴 */
    .tabGnb4 li { width: 50%; }
    .tabGnb4 li:nth-child(3) { padding-left: 0;}

    /* 버튼 */
    .btnGroup .button:hover { background-color: #69748b; }
    .btnGroup2 .button:hover { background-color: #eceff1; }
    .btnGroup2 .button.hwp:hover, .btnGroup2 .button.pdf:hover, .btnGroup2 .button.jpg:hover { background-color: #eceff1;}

    /* BOARD LIST */
    .boardListPost .postNum {  min-width: 0; }
    .boardList2 .boardListPost .postNum {  min-width: 0; }


    /* BOARD VIEW */
    /* 게시판 상세보기 */
    .boardView .postTitle, .boardView .attachFile, .boardView .postContent { padding: 15px; }
    .boardView .attachFile dt, .boardView .attachFile dd { display: block; float: none; clear: both; margin: 0; width: 100%; }
    .boardView .attachFile dt { margin-bottom: 10px;}
    .boardView .attachFile dd { max-width: 100%; }
    .boardView .attachFile p.fileName { line-height: 1.2; max-width: 100%; box-sizing: border-box; }



    .visualConBox li { padding: 25px 29px; }
    .visualConBox li p { min-height: 54px; }

    #mainCon01 { margin-bottom: 28px; }
    #mainCon01 .popup_zone,
    #mainCon01 .news_board,
	#mainCon01 .sri_board { width: 50%; }
	#mainCon01 .sri_board {margin-top:20px}
	#mainCon01 .notice_board { width: 50%;}
    #mainCon01 .popup_zone { padding: 0 15px 0 0;}
    #mainCon01 > li:nth-child(2) { padding: 0 0 0 15px;}
    #mainCon01 > li:nth-child(3) { padding: 0 15px 0 0; margin-top: 20px;}
    #mainCon01 > li:nth-child(3) .moreBtn { right: 15px;}

    #mainCon02 { text-align: center; width:100%; position:relative;margin:0; padding-left: 0px; box-sizing: border-box; }
    #mainCon02 #ovBox { padding: 33px 50px; box-sizing: border-box; height: 180px; }
    #mainCon02 li { width: 50%; height: 120px; font-size: 0.875em; }
    #mainCon02 li a { width: 100%; overflow: hidden; word-break: break-all;}
    #mainCon02 .mainCon02Btn { display: block; }
    #mainCon02 .mainCon02Btn button { position: absolute; width: 21px; height: 150px; background: url('../../img/asis/main_bg.png') no-repeat left -270px;}
    #mainCon02 .mainCon02Btn button.prev { top: 12px; left: 25px; transform: rotate(180deg);}
    #mainCon02 .mainCon02Btn button.next { top: 12px; right: 15px;}



    /* 리스트 */
    ul.listStyleBox { flex-wrap: wrap; }
    ul.listStyleBox li { width: 49%; margin: 0 0 10px 2%; }
    ul.listStyleBox li:nth-child(3n) { margin-left: 0;}

    /*연혁*/
    #history dl dt { width: 20%; }
    #history dl dd { width: 80%; }

    /* 개최목적 */
    .openHistory dl dt { width: 20%;}
    .openHistory dl dd { width: 80%; padding: 15px 30px;}


    /* 인사말 */
    #contents .con p.headLine { background-position: bottom center; }



    /* 역대원장 */
    #directorHistory dl { width: 25%; padding: 0 1%; }


    /* 미션 및 비전 */
    .roundBox { display: block }
    .roundBox dl {  width: 100%; margin: 0 0 40px; border: 0; padding: 0; }
    .roundBox dl:nth-child(2) { margin: 0 0 40px; }
    .roundBox dl dt { background: #eaf0f4; padding: 10px 0; }
    .roundBox dl dt .enterLine { display: inline; }

    /* 연구활동 조사표연구센터 */
    .lab { display: flex; flex-wrap: wrap;}
    .lab li { width: 33.3%; padding: 0 5px; box-sizing: border-box; margin-bottom: 10px; }
    .lab li p { margin: 5px auto;}

    /* 사이트맵 */
    .siteMapBox ul.siteMap > li { width: 33.3%; }



}

@media all and (max-width:950px) {

    .visualConBox li { padding: 25px 20px; }
    .visualConBox li h3 { font-size: 1.375em; }
    .visualConBox li p { height: 45px; }
    .visualConBox li dl dt { width: 125px; }


}

@media all and (max-width:860px){

    .poster_group .p_list > dd > span {display: block;}



}

@media all and (max-width:767px) {

    .wrapper {padding:0 16px;}
    .con { padding: 0 1%;}

    /* responsive width */
    .mw100 { clear:both; float: none; width: 100% !important; }
    .mw50 { width: 50% !important; }
    .mw25 { width: 25% !important; }


    .hideM { display: none !important; }
    .enterLine { display: inline; }

    #header .link ul .first .arrow { background-position: 60px -260px; }
	#header .link .siteLinkL li { display:none; }
	#header .link .siteLinkL li.first { display:block; }
    #header .mnbLayout h1#logo { top: 14px; left: 10px; }
    #header .mnbLayout h1 img { height: 55px; }
    #header .mnbLayout { border-bottom: 2px solid #198c56; box-shadow: 0px 2px 3px rgba(0,0,0,0.2); }
    #header .mnbLayout #searchBox { left: 0; top: 0;}
    #header .mnbLayout #searchTop { display: none;}
    #header .mnbLayout .search_m_open { display: block; }
    #header .mnbLayout .relation_link { display: none;}
    #header nav#gnb { display: none; }

    #header .mnbLayout .search_m_open { position:absolute;top:21px;right:2.5%;width:38px;height:38px; margin-right:35px; background:#003b6f url('../../img/asis/icon_search.png') center center no-repeat;cursor:pointer;text-indent:-9999px; }
    .mnbLayout .search_m_close {position:absolute;top:35px;right:2.5%;width:38px;height:38px; background:#003b6f url('../../img/asis/icon_search_close.png') center center no-repeat;text-indent:-9999px; display:none;}
    #header .gnb_m_open {visibility:visible; opacity:1; position:absolute; top:51px; right:2.5%; z-index:20; width:36px; height:36px; border:1px solid #005baa; background-color:#fff; transition-property:none;}
    #header .gnb_m_open button {display:block; width:100%; height:100%; cursor:pointer; padding-top:0; padding-right:0; padding-bottom:0; padding-left:0; background: url('../../img/asis/icon_lnb_m_open.png') no-repeat center center; font-size:0; }

    #all_menu { display: block; overflow-y: auto;position:fixed;top:0;right:0;width:100%;height:100%;background: rgba(0,0,0,0.35);z-index: 1000;}
    #all_menu .gnb_m_device { display:block;position:absolute;top:0; right:0;overflow:auto;width:290px;height:100%;background:#fff;z-index:1040}
    #all_menu .gnb_m_device .gnb_m_logo img{ width:77px; height:30px; padding:20px 0 20px 20px  }
    #all_menu .gnb_m_hd { background:#002139; height:50px;  }
    #all_menu .gnb_m_hd ul { overflow:hidden; padding-left:6px; padding-top:16px;}
    #all_menu .gnb_m_hd ul li{float:left; position: relative; padding: 0 10px 10px 10px;vertical-align: top;}
    #all_menu .gnb_m_hd ul li a { color:#fff; }
    #all_menu .gnb_m_hd ul li:before{content:"";display:block;width:1px;height:12px;background:#c3c3c3;position:absolute;right:0;top:7px;margin-top:-6px}
    #all_menu .gnb_m_hd ul li:last-child:before{display:none}
    #all_menu .gnb_m_device .btn_allNavClose{position:absolute;top:0;right:0;width:30px; font-size:0; cursor:pointer;height:30px;background:url('../../img/asis/btn_allNavClose.png') no-repeat left bottom;}
    #all_menu .mo_dropdown_mn { padding:10px 10px 0 10px; }
    #all_menu .mo_dropdown_mn li a { display:block; float:none; line-height:30px;font-size:1.125em;color:#111111; border-bottom:#dddddd solid 1px; padding-left:10px; font-weight:bold;}
    #all_menu .mo_dropdown_mn li.dep1 > a { line-height: 42px; }
    #all_menu .mo_dropdown_mn li a.M_on { font-weight:500; border-bottom:3px solid #222; margin-bottom:2px;}
    #all_menu .mo_dropdown_mn li li a { background: #efefef; border-bottom:#dddddd solid 1px; padding:2px 10px 1px 20px; font-size:1em; font-weight:normal;}
    #all_menu .mo_dropdown_mn li li a.M_on {color:#ffffff; background: #198c56 url('../../img/asis/sub_bg.png') no-repeat right -97px; border:#198c57 solid 3px;font-weight:500;}
    #all_menu .mo_dropdown_mn li li li a { background: url('../../img/asis/main_bg.png') no-repeat -135px -201px;  padding:0 0 0 20px; color:#333; border-bottom:none; line-height:1.8; font-size:0.875em;font-weight:normal;}
    #all_menu .mo_dropdown_mn li li li a.M_on {  background: url('../../img/asis/main_bg.png') no-repeat -135px -201px; padding:0 0 0 20px; color:#0050a5; text-decoration:underline;border:none; line-height:1.8; font-weight:bold;}
    #all_menu .mo_dropdown_mn ul ul { background:#f8f8f8; padding:5px 15px;border-bottom:#dddddd solid 1px;}


    /* #footer .btmGnb ul li { line-height: 25px; background-position: 0px -155px; }*/
    #footer .btmGnb ul li::after { padding: 0 10px; background-position: 10px -420px; }
    #footer .addBox address span { display: block; }


    /* CONTAINER */
    /* .container { margin-top: 30px;} */
    .container nav.leftGnb { display: none; float: none;  }
    .container #contents { clear: both; float: none; width: 100%; }
    body.main .container { margin-top: 0px;}


    #contents .titleArea { height: auto; }
    #contents .titleArea h1 { padding: 0 0 65px; }
    #contents .titleArea .location { position: absolute; top: 33px; left: 2px; width: 100%; text-align: left;   }
    #contents .titleArea .btnLink { top:auto; bottom: 5px;}
    #contents .titleArea .btnPrint { top:auto; bottom: 5px;}



    /* BOARD LIST */
    .searchBox { margin-bottom: 20px;}
    .pageState { margin-top: 6px;}

    .boardListPost { padding: 10px 0; }
    .boardListPost .postTitle { width: 87%; padding-right: 0; }
    .boardListPost .postNum { width: 13%; }
    .boardListPost .postInfo { width: 87%;  }
    .boardListPost .postAttachFile { float: none; clear: both; position: static; text-align: right;  }
    .boardListPost .postAttachFile .fileDown, .boardListPost .postAttachFile .filePreview { display: inline-block; float: none; clear: both; }



    /* BOARD WRITE */
    .boardWrite dl dt { width: 20%; }
    .boardWrite dl dd { width: 80%; }
    .boardWrite dl dd input[type=text] { width: 50%; }




    /* 메인 */
    .visualConBox li:first-child { padding: 25px 29px; display: block; float:left; width: 55%; height: 340px; }
    .visualConBox li:first-child p { margin-top: 10px; margin-bottom: 40px; line-height: 1.2; min-height: 0; height: auto;}
    .visualConBox li:first-child dl { padding: 0; }
    .visualConBox li:first-child dl dt { width: 60%; max-width: 139px; padding-right: 5px; }
    .visualConBox li:first-child dl dt img { width: 100%;}
    .visualConBox li dl dd a {width: 90%; max-width: 90px;}
    .visualConBox li + li { padding: 25px 16px 15px 16px; display: block; float:right; width:45%; height: 170px; position: relative; }
    .visualConBox::after { content: ''; display: block; clear:both;}
    .visualConBox li + li p { margin: 10px 0 15px; min-height: 43px; height: auto; line-height: 1.2; }
    .visualConBox li + li dl { display: block; position: absolute; width: 100%; left: 0; bottom: 15px; padding: 0 16px; box-sizing: border-box;   }
    .visualConBox li + li dl dt { position: absolute; width: 0; height: 0; }
    .visualConBox li + li dl dt img { display: none; }
    .visualConBox li + li dl dd { width: 100%; display: flex; align-items: center; flex-direction: row; justify-content: space-between; height: 34px; vertical-align: middle; position: static; }
    .visualConBox li + li dl dd span { display: block; width: 50%; box-sizing: border-box;}
    .visualConBox li + li dl dd a { position: static; width: 50%; }

.main_Box dl{padding:30px 5px 20px 20px;}
.main_Box dt{height:auto; padding: 12px 0 0 0; letter-spacing:-1px}
.main_Box dt p{font-size:18px}
.main_Box dt b{font-size:24px; display:inline-block; padding-left:5px}
.main_Box dt img{position:relative; width:90%; margin-top:10px}
.main_Box dd{display:none}
.main_Box dt p::before{top:-10px}


    #mainCon01 { margin-bottom: 28px; }
    #mainCon01 > li { height: auto; float: none; clear: both; padding: 0; margin-top: 30px; }
    #mainCon01 .popup_zone,
    #mainCon01 .news_board,
    #mainCon01 .sri_board { width: 100%; }
      #mainCon01 .sri_board { width: 100%;padding-left:0;padding-top:10px }
    #mainCon01 .notice_board { width: 100%; }
    #mainCon01 .popup_zone { padding: 0; margin-top: 0; }
    #mainCon01 .popup_zone .pz_list li img { height: auto; max-height: 9999px; }
    #mainCon01 .popup_zone .pz_btn { right: 0; }
    #mainCon01 .popup_zone .count { right: 85px; }
    #mainCon01 > li:nth-child(2) { padding: 0;}
    #mainCon01 > li:nth-child(3) { padding: 0; margin-top: 30px; }
    #mainCon01 > li:nth-child(3) .moreBtn { right: 0px;}

    .mainBoard dd.boardCon { height: auto; line-height: 1.6; }


    #mainCon02 { width: 100%;  position: relative; top:0; right:0;  padding: 0; box-sizing: border-box; margin-bottom: 35px; }
    #mainCon02 #ovenBox { padding: 33px 40px; }
    #mainCon02 li { width: 33.3%; height: 118px;  }
    #mainCon02 .mainCon02Btn button { position: absolute; width: 21px;background: url('../../img/asis/main_bg.png') no-repeat left -270px;}
    #mainCon02 .mainCon02Btn button.prev { top:12px; left: 15px; transform: rotate(180deg);}
    #mainCon02 .mainCon02Btn button.next { top:12px; right: 15px;}





    .tabGnb li.mw100 { border-left: 0; }

    .conInfo .bookImg { width: 25%; max-width: 119px; }
    .conInfo .conInfoTxt { width: 71%; }

    .conInfoTXT.conInfoTXTjn { padding: 20px; background: #fafafa;}
    .conInfoTXT.conInfoTXTorg {padding: 20px; background: #fafafa;}
    .conInfoTXT.conInfoTXThistory { padding: 20px; background: #fafafa; }


    /* 리스트 */
    ul.listStyle01 > li { background-position: left 3px; }

    ul.listStyleBox li { width: 100%; margin: 0 0 7px 0; padding: 10px; }



    /* 개최목적 */
    .openHistory dl { display: block; margin-bottom: 30px; background: #f6f7fa; border-radius: 20px 20px 0 0; padding-bottom: 20px;}
    .openHistory dl dt { width: 120px; margin: 0 0 15px; background: #fff;}
    .openHistory dl dd { width: 90%; display: block; margin: 0 auto; overflow: hidden; padding: 0; padding-left: 20px; background: none; }
    .openHistory dl dd p { clear: both; width: 100%;  margin: 0 auto 5px; border: 0; padding: 0;  }
    .openHistory dl dd ul { clear: both; width: 100%; border: 0; padding: 0;  }


    /* 조직도 */
    #org .org1dep { width: 70%; padding: 0 0 20px; border-bottom: 0; }
    #org .org1dep p { width: 100%; }
    #org .org2dep { width: 100%; display: block; padding: 10px; box-sizing: border-box; border: 1px solid #ccc;}
    #org .org2dep > li { width: 100%; margin-left: 0; margin-top: 15px; padding: 0; background: none; }
    #org .org2dep > li:first-child { margin-top: 0; }
    #org .org2dep > li > p { font-size: 1.125em; }
    #org .org2dep > li > ul li { font-size: 1em; }



    /* 인사말 */
    .greeting { margin: 40px 0 0; position: relative; }
    #contents .con p.headLine { background-position: bottom right; background-size: cover; }
    .greeting .imgBox { width: 100%; clear: both; float: none; }


    /* 미션 및 비전 */
    .missionVision { margin-bottom: 45px;}
    .missionVision dl { width: 100%; display: block; background: none;}
    .missionVision dt { width: 100%; background: none; text-align: center; line-height: 2; height: auto; margin: 0 auto 7px;  }
    .missionVision dd { width: 95%; max-width: 100%; padding: 15px; border-radius: 200px; line-height: 1.5; word-break: keep-all;}
    .missionVision dl.vision { margin-top: 20px; }
    .missionVision dl.value { margin-top: 20px; }
    .missionVision dl.value strong { margin-left: 15px; }


    .roundBox { display: block; }
    .roundBox dl { width: 100%; margin: 0 0 40px; }
    .roundBox dl dt { word-break: keep-all; }


    /* 연혁 */
    #history dl { margin-bottom: 30px;}
    #history dl dt { float: none; clear: both; width: 100%; padding: 0 0 0 30px; }
    #history dl dd { float: none; clear: both; background: none; width: 100%; padding: 0 0 0 30px; margin: 10px 0 0; box-sizing: border-box;}
    #history dl dd li {  word-break: break-all; }


    /* 연구활동 주요연구분야 */
    .sub0505 > ul { display: block; background: none; padding: 0; box-sizing: border-box; }
    .sub0505 > ul > li { width: 100%; box-sizing: border-box; margin: 0 0 30px; padding: 0 0 0 200px; min-height: 180px; }
    .sub0505 > ul > li:first-child { margin: 0 0 30px 0; background: url('../../img/asis/sub050501BG_01.png') no-repeat left top; padding: 0 0 0 200px;}
    .sub0505 > ul > li:nth-child(2) { background: url('../../img/asis/sub050501BG_02.png') no-repeat left top; }
    .sub0505 > ul > li:nth-child(3) { background: url('../../img/asis/sub050501BG_03.png') no-repeat left top; }
    .sub0505 > ul > li:last-child { margin: 0; background: url('../../img/asis/sub050501BG_04.png') no-repeat left top;  padding: 0 0 0 200px;}

    .sub0505 > ul > li h2 { font-size: 1.125em; font-weight: 500; margin: 0 auto 15px; }
    .sub0505 > ul > li ul li { font-size: 0.875em; text-align: left; }


    /* 연구활동 조사표연구센터 */
    .lab li p { line-height: 1.2; min-height: 28.8px; }

    /* 원고모집 포스터 */
    .poster_group .p_list > dd {padding:2px 0 0 86px; }
    .poster_group .p_list > dd > span {display:inline-block;}
    .poster_group .txt_box {background-image:none;}
    .poster_group .p_list > dd > ul {padding: 0 0 0 10px;}
}

@media all and (max-width:700px){
.main_Box dt b{display:block; padding-left:0}
}

@media all and (max-width:600px){
	#headLine p > br {display:block;}

    .visualConBox li h3 { font-size: 1.2em; line-height: 1.2; }
    .visualConBox li + li {padding:15px 16px;}
}

@media all and (max-width:500px){
    .visualConBox li:first-child { width: 100%; height:auto;}
    .visualConBox li + li { width: 50%; }
    .visualConBox li dl dd a { height: 30px; line-height: 30px; }

    .conGroup .c_list .labPic {clear:both; padding:12px 0 0 0 !important;}
    .conGroup .c_list > dd > .lab li {padding:0 5px; margin:0;}
}

@media all and (max-width:460px){

    html, body { font-size: 14px; }

    .wrapper { width: 100%; }

	#footer .btmGnb .btmLeft{margin:45px 0 0 0;}

	#footer .btmGnb #siteListBox{display:block; border:0;}
    #footer .btmGnb #siteListBox .siteList {width:100%; border-bottom:1px solid #ccc;}
	#footer .btmGnb #siteListBox .siteList:last-child{margin:0;}
	#footer .btmGnb #siteListBox .siteList > a{border:0;}

    /* 메인 */
    .visual { background-size: cover; }
    #headLine p strong { display: block; margin-top: 5px; }
    .visualConBox li p { font-size: 0.875em; word-break: break-all; }
    .visualConBox li:first-child { padding: 20px; }
    .visualConBox li:first-child dl dd a {width: 100%;}
    .visualConBox li:first-child p { margin: 7px 0 20px;}
    .visualConBox li:first-child dl { padding: 0; }
    .visualConBox li:first-child dl dt { width: 50%; }
    .visualConBox li + li { padding: 20px 10px; }
    .visualConBox li + li p { margin: 7px 0 0; min-height: 0px; }
    .visualConBox li + li dl { padding: 0 10px; height: 30px;}
    .visualConBox li + li dl dd { vertical-align: middle;}
    .visualConBox li + li dl dd span { padding-right: 5px; line-height: 1.1; }


    #mainCon02 #ovBox { padding: 33px 30px; }
    #mainCon02 ul li { background-size: auto 500%; font-size: 1em; }
    #mainCon02 ul li a { padding-top: 80px;}
    /*#mainCon02 ul li:nth-child(4) a { padding-top: 68px;}*/
    #mainCon02 ul li:first-child { background-position: center -20px; }
    #mainCon02 ul li:nth-child(2) { background-position: center -137px; }
    #mainCon02 ul li:nth-child(3) {  background-position: center -258px; }
    #mainCon02 ul li:nth-child(4) { background-position: center -370px; }
    #mainCon02 ul li:nth-child(5) { background-position: center -490px; }
    #mainCon02 .mainCon02Btn button.prev { left: 10px; }
    #mainCon02 .mainCon02Btn button.next { right: 10px; }

    /* 탭메뉴 */
    .tabGnb3 li { width: 100%; padding-left: 0; }

    /* BOARD LIST */
    .searchBox input { width: 35%; }

    .boardListPost .postInfo { margin-bottom: 10px;  }
    .boardList2 .boardListPost .postTitle ul{ margin-bottom: 5px;}


    .conInfo .bookImg { float: none; width: 100%; margin: 0 auto 15px; }
    .conInfo .conInfoTxt { float: none; width: 100%; font-size: 1em; line-height: 1.4; }

    /* 미션 및 비전 */
    .missionVision dl.value strong { margin-left: 0px; display: block; }


    /*역대원장*/
    #directorHistory dl { width: 33.3%; }
    #directorHistory dl dt { padding: 13px; }

    /* 연구활동 주요연구분야 */
    .sub0505 > ul > li { padding: 0 0 0 150px; min-height: 140px; }
    .sub0505 > ul > li:first-child { background-size: 140px auto; padding: 0 0 0 150px;}
    .sub0505 > ul > li:nth-child(2) { background-size: 140px auto; padding: 0 0 0 150px;}
    .sub0505 > ul > li:nth-child(3) { background-size: 140px auto;padding: 0 0 0 150px; }
    .sub0505 > ul > li:last-child { background-size: 140px auto; padding: 0 0 0 150px;}

    .sub0505 > ul > li h2 { font-size: 1.125em; font-weight: 500; margin: 0 auto 15px; }
    .sub0505 > ul > li ul li { font-size: 0.875em; text-align: left; }

    /* 사이트맵 */
    .siteMapBox ul.siteMap li { width: 50%;}

    /* 연구모집 포스터 */
    .poster_group { padding:15px 0;}
    .poster_group .txt_box { margin: 0 15px; padding:20px;}
    .poster_group .b_title {font-size:20px; }
    .poster_group .p_list > dt {float:none;}
    .poster_group .p_list > dd {padding:4px 0 0 10px; }

}


@media all and (max-width:430px){
.main_Box dt b {font-size:18px}
.main_Box{margin:20px auto 0 auto}
.main_Box dl{padding:10px 20px}
}


@media all and (max-width:390px){
.main_Box{height:100px; margin:20px auto 0 auto}
.main_Box dl{width:100%; display:block; padding:10px 20px}

.main_Box dt{padding:10px 10px 10px 80px; margin-bottom:0}
.main_Box dt img{position:absolute; width:auto; margin-top:0}

.main_Box dt p::before{display:none}
}




@media all and (max-width: 360px) {
    html, body { font-size: 14px; }

    #header .link ul .first .arrow { background-position: 55px -260px; }

    .btnGroup .button { font-size: 0.875em; }
    .visualConBox li h3{ font-size: 1.1em;}

    /* 연구활동 주요연구분야 */
    .sub0505 > ul > li { padding: 0 0 0 130px; min-height: 130px; }
    .sub0505 > ul > li:first-child { background-size: 120px auto; padding: 0 0 0 130px; }
    .sub0505 > ul > li:nth-child(2) { background-size: 120px auto; padding: 0 0 0 130px; }
    .sub0505 > ul > li:nth-child(3) { background-size: 120px auto; padding: 0 0 0 130px; }
    .sub0505 > ul > li:last-child { background-size: 120px auto; padding: 0 0 0 130px; }

}

@media all and (max-width: 320px) {
    .visualConBox li + li{ width:100%; }
}