@charset "utf-8";
/* CSS Document */
*{margin:0; padding:0;}
img{border:none;}
li{list-style:none;}
@font-face{font-family:'ng'; src:url('nanum.eot'); src: local('☺'), url('nanum.woff') format('woff'), url('nanum.ttf') format('truetype');}
body{font-family:ng;}
caption{text-indent:-9999px;}
label{text-indent:-9999px; display:none;}
th,td{padding:0;}
.cl{clear:both;}
.fl{float:left;} .fr{float:rightl}
.vm{vertical-align:middle;}
.ac{text-align:center;} .al{text-align:left;} .ar{text-align:right;}
.mt20{margin-top:20px;} .mt30{margin-top:30px;} .mt50{margin-top:50px;} .mt70{margin-top:70px;} .mt100{margin-top:100px;}

.indexbg{background:url(../img/indexbg.jpg) repeat-x top center;}
.wrap{width:100%;}
.indexwrap{width:100%; background:url(../img/map.jpg) no-repeat top center;}
.headerwrap{width:100%; height:110px; overflow:hidden; background:url(../img/subbg.gif) repeat-x top center;}
.header{position:relative; clear:both; margin:0 auto; width:1020px; height:110px; overflow:hidden; z-index:100;}
.header h1{display:block; width:181px; height:34px; position:absolute; top:35px; left:0px;}
.header dl{width:300px; height:40px; position:absolute; top:35px; right:0px;}
.header dl dt{float:right; clear:both; width:300px; height:16px; text-align:right;}
.header dl dd{float:right; clear:both; width:252px; height:24px; text-align:right;}
.header dl dd a{display:inline-block; padding-top:6px; width:auto; height:18px;}

@media screen and (max-width: 1020px) {
	.headerwrap{width:1020px;}
	.indexwrap{width:1020px;}
}

.visual{position:relative; width:1020px; height:528px; margin:0 auto; margin-top:-110px; clear:both; z-index:90;}
#popupzone{position:absolute; width:730px; height:424px; overflow:hidden; z-index:90; top:140px; right:-23px; display:none;}
.map{position:absolute; width:680px; height:480px; overflow:hidden; z-index:50; top:48px; right:0;}
.middle{position:relative; clear:both; margin:0 auto; padding-bottom:150px; width:1020px; overflow:hidden; background:url(../img/conbg.gif) repeat-y top left;}

.lnb{float:left; width:170px; overflow:hidden;}
.lnb li{float:left; clear:both; width:170px; height:auto; overflow:hidden;}
.lnb li a{display:block; float:left; clear:both; width:170px; height:21px; overflow:hidden; border-bottom:1px solid #eaeaea; text-align:center; font-size:18px; line-height:20px; font-weight:bold; text-decoration:none; padding:7px 0; color:#a4a4a4;}

.drop{margin-top:10px; float:left; clear:both; width:170px; padding-bottom:30px; background:url(../img/menubg.jpg) no-repeat bottom center; display:none;}
.drop li{width:170px; border-bottom:none;}
.drop li a{display:block; width:135px; height:auto; font-size:13px; line-height:19px; font-weight:normal; text-align:left; background:none; margin:0; padding:3px 0px 3px 30px; color:#6c6c6c; border:none; letter-spacing:-1px;}
.drop li a strong{color:#a31f1f; font-weight:bold;}

.drop li a.ce{background:url(../img/r2.gif) no-repeat 13px 5px;}
.drop li a.mu{background:url(../img/r1.gif) no-repeat 13px 5px;}
.drop li a.pe{background:url(../img/r3.gif) no-repeat 13px 5px;}

.lnb li a.lnbon{background:#f2d6d6; border-bottom:1px solid #e7b8b8; border-top:1px solid #e7b8b8; color:#333; font-size:20px; line-height:22px;}
.lnb li a.lnboff{background:url(../img/menuarr.gif) no-repeat 150px 12px;}

.lnb li ul.active{display:block;}

.content{ padding-left:45px;  float:left; /* width:760px; overflow:hidden; */}


.map_wrap {position: absolute;left: 0;bottom: 40px;width: 288px;height: 132px;margin-left: -144px;text-align: left;overflow: hidden;font-size: 12px;font-family: 'Malgun Gothic', dotum, '돋움', sans-serif;line-height: 1.5;}
.map_wrap * {padding: 0;margin: 0;}
.map_wrap .map_info {width: 286px;height: 120px;border-radius: 5px;border-bottom: 2px solid #ccc;border-right: 1px solid #ccc;overflow: hidden;background: #fff;}
.map_wrap .map_info:nth-child(1) {border: 0;box-shadow: 0px 1px 2px #888;}
.map_info .map_title {padding: 5px 0 0 10px;height: 30px;background: #eee;border-bottom: 1px solid #ddd;font-size: 18px;font-weight: bold;}
.map_info .map_close {position: absolute;top: 10px;right: 10px;color: #888;width: 17px;height: 17px;background: url('https://t1.daumcdn.net/localimg/localimages/07/mapapidoc/overlay_close.png');}
.map_info .map_close:hover {cursor: pointer;}
.map_info .map_body {position: relative;overflow: hidden;}
.map_info .map_desc {position: relative;margin: 13px 0 0 90px;height: 75px;}
.map_desc .map_ellipsis {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.map_desc .map_jibun {font-size: 11px;color: #888;margin-top: -2px;}
.map_info .map_img {position: absolute;top: 6px;left: 5px;width: 73px;height: 71px;border: 1px solid #ddd;color: #888;overflow: hidden;}
.map_info:after {content: '';position: absolute;margin-left: -12px;left: 50%;bottom: 0;width: 22px;height: 12px;background: url('https://t1.daumcdn.net/localimg/localimages/07/mapapidoc/vertex_white.png')}
.map_info .map_link {color: #5085BB;}


.side{position:absolute; top:160px; left:50%; margin-left:510px; width:35px; height:143px; overflow:hidden;}

.footer{width:100%; height:140px; clear:both; float:left; border-top:1px solid #eaeaea;}
.copy{width:1020px; height:110px; clear:both; margin:0 auto; margin-top:30px; overflow:hidden; position:relative;}
.copy h6{display:block; width:119px; height:23px; overflow:hidden; position:absolute; top:0px; left:0px;}
.copy address{display:block; width:560px; height:35px; overflow:hidden; font-size:13px; line-height:18px; font-style:normal; position:absolute; top:0px; left:140px; color:#7f7f7f;}

.sum{float:left; clear:both; margin-top:35px; width:760px; height:auto; overflow:hidden;}
.sum dt{float:left;}
.sum dd{padding-top:20px; float:right; font-size:12px; line-height:14px; vertical-align:middle; color:#79797a;}
.tit{float:left; clear:both; margin-top:25px; width:760px; height:auto; overflow:hidden; text-align:center; font-size:2.2em; font-weight:bold;}
.titxt{margin-top:10px; float:left; clear:both; width:760px; text-align:center; color:#79797a; font-size:14px; line-height:16px; font-weight:normal;}

.location{float:left; clear:both; width:100%; margin:30px 0 30px 0; text-align:center;}
.location p{padding:7px 0; display:inline-block; width:auto; border-top:1px solid #dfdfdf; border-bottom:1px solid #dfdfdf; color:#79797a; font-size:12px; line-height:14px;}

.tab{width:100%; height:43px; float:left; clear:both; overflow:hidden; border-left:1px solid #bebebe;}
.tab li{float:left; width:250px; height:43px; border-right:1px solid #bebebe;}
.tab li a{padding-top:10px; display:inline-block; float:left; width:250px; height:30px; text-align:center; border-bottom:1px solid #bebebe; border-top:2px solid #bebebe; text-decoration:none; font-size:15px; line-height:17px; color:#686868; background:#f7f7f7;}
.tab2 li{width:377px;}
.tab2 li a{width:377px;}

.tab li a.tabon{border-bottom:1px solid white; border-top:2px solid #a31f1f; text-decoration:none; font-size:15px; line-height:17px; color:#a31f1f; background:white; font-weight:bold;}

.con{float:left; width:760px; overflow:hidden; clear:both; margin-top:100px;}
.sumtit{float:left; clear:both; padding:12px 0 13px 0; display:block; width:100%; height:23px; overflow:hidden; font-size:20px; line-height:24px; background:url(../img/titbullet.gif) no-repeat 0px 0px; text-align:left; color:#a31f1f;}

.text_info {width:100%; clear:both; font-size:11px; font-weight:500; color:#7d7d7d; padding:10px; text-align:left;}

.img{display:block; float:left; width:100%; clear:both; text-align:center;}
.img img{border:1px solid #eaeaea;}
.img span{margin-top:5px; padding-top:2px; display:inline-block; width:auto; clear:both; float:right; font-size:12px; line-height:14px; color:#8F8F8F; border-top:1px solid #8F8F8F;}

.txt1{display:block; float:left; clear:both; width:100%; overflow:hidden; text-align:justify; font-size:14px; line-height:26px; color:#5a5a5a;}

.bluesq{background:#a31f1f; color:white; padding:3px 10px; font-weight:bold;}

.current{float:left; clear:both; width:100%;}
.current li{padding-left:10px; float:left; clear:both; width:750px; font-size:14px; line-height:26px; color:#5a5a5a; border-bottom:1px dotted #dfdfdf; background:url(../img/tribullet.gif) no-repeat 0px 10px;}

.bluet1{width:760px; float:left; clear:both; overflow:hidden; border-top:2px solid #c07575; border-bottom:1px solid #c07575; font-size:13px; line-height:20px;}
.bluet1 tbody tr th{border-bottom:1px solid #dea6a6; height:28px; color:#333; background:#f1f1f1;}
.bluet1 tbody tr td{border-bottom:1px solid #dea6a6; color:#5a5a5a; padding:5px 10px;}
.bluet1 tbody tr td a{text-decoration:none; color:#5a5a5a;}

.bluet2{width:760px; float:left; clear:both; overflow:hidden; border-top:2px solid #c07575; border-bottom:1px solid #c07575; font-size:13px; line-height:20px;}
.bluet2 thead tr th{border-bottom:1px solid #dea6a6; padding:10px 10px; height:15px; color:#333; background:#f1f1f1;}
.bluet2 tbody tr td{border-bottom:1px solid #dea6a6; color:#5a5a5a; padding:10px 10px; height:15px; font-size:12px; line-height:18px;}
.bdr{border-right:1px solid #dea6a6;}

.gallery{width:760px; float:left; clear:both; overflow:hidden;}
.gallery tr td{width:380px;}
.gallery tr td img{max-width:360px}
.gallery tr th{width:380px; height:28px; background:#f2f2f2; color:#5a5a5a; font-size:13px; line-height:15px; font-weight:normal;}
.gallery2 tr td img{max-width:750px}

.caption{font-size:12px; line-height:14px; padding:0 0 0 15px; color:#999}

.maintit{position:absolute; top:140px; left:0px; display:block; width:320px; height:350px; overflow:hidden; background:url(../img/maintit.png) no-repeat 0px 0px; text-align:center;}
.maintit1{position:absolute; top:45px; left:60px; width:190px; height:117px; overflow:hidden;}
.maintit2{position:absolute; bottom:105px; left:40px; width:224px; height:52px; overflow:hidden;}
.mainbtn{position:absolute; bottom:60px; right:30px; width:109px; height:23px; overflow:hidden;}
.mainbtn1{position:absolute; bottom:60px; left:20px; width:151px; height:23px; overflow:hidden;}
.mainbtn2{position:absolute; bottom:30px; right:30px; width:109px;; height:23px; overflow:hidden;}
.mainbtn3{position:absolute; bottom:30px; left:20px; width:151px;; height:23px; overflow:hidden;}

.menu{width:1134px; margin:0 auto; margin-top:3px; padding:0; clear:both; overflow:hidden; position:relative; font-size:0; line-height:0;}
.menu img{cursor:pointer; font-size:0; line-height:0; margin:0; padding:0; display:block; float:left;}

.m_w{width:1030px; margin: 0 auto; overflow:hidden; padding:3px 20px 0 20px; z-index:1;}
.m_w ul{border-right:1px solid #eaeaea; float:left;}
.m_w ul li{float:left; width:113px; border-left:1px solid #eaeaea; height:700px; position:relative;}
.m_w ul li ul{border-right:none;}
.m_w ul li ul li {float:none; width:auto; border-left:none; height:auto;}
.m_w ul li div h3{background:#dde4ee; font-weight:normal; font-size:1.3em; padding:7px 10px 5px 10px; border:1px solid #b3c2d7; border-left:none; border-top:none; color:#0057b6; display:inline-block; margin:17px 0 10px 0;}

.museum li{padding-bottom:10px;}
.museum li a{display:block; background:url(../img/blt_dot.gif) no-repeat 6px 7px; padding:0 0 0 13px; font-size:0.8em; color:#6b6b6b; text-decoration:none;}

.m_w ul li:hover .onlist{width:146px; height:700px; overflow:hidden; z-index:220; position:absolute; background:url(../img/menuonbg.png) repeat-x top left; top:-3px; left:-20px; z-index:50;}
.m_w ul li:hover .onlist h3{display:block; width:80px; height:33px; clear:both; float:left; padding:5px 0 0 30px; margin-top:3px; font-weight:bold; font-size:25px; line-height:27px; text-align:center; color:white; background:none; border:none;}
.m_w ul li:hover .onlist .museum{margin-top:5px; float:left; clear:both; width:140px; overflow:hidden; color:#6c6c6c;}
.m_w ul li:hover .onlist .museum li {float:left; clear:both; width:140px; letter-spacing:-0.5px; padding-bottom:1px;}
.m_w ul li:hover .onlist .museum li a{display:block; padding:5px 0px 2px 25px; width:114px; height:auto; overflow:hidden; text-decoration:none; color:#333333; background:none; font-size:14px; line-height:17px;}
.m_w ul li:hover .onlist .museum li a:hover{display:block; padding:5px 0px 2px 25px; width:114px; height:auto; overflow:hidden; text-decoration:none; color:white; -o-transition:.5s; -ms-transition:.5s; -moz-transition:.5s; -webkit-transition:.5s; transition:.5s;}

.m_w ul li:hover .onlist .museum li a.ico1{background:url(../img/r1.gif) no-repeat 10px 6px;}
.m_w ul li:hover .onlist .museum li a.ico2{background:url(../img/r2.gif) no-repeat 10px 6px;}
.m_w ul li:hover .onlist .museum li a.ico3{background:url(../img/r3.gif) no-repeat 10px 6px;}
.m_w ul li:hover .onlist .museum li a:hover.ico1{background:url(../img/r1on.gif) no-repeat -2px -5px;}
.m_w ul li:hover .onlist .museum li a:hover.ico2{background:url(../img/r2on.gif) no-repeat -2px -5px;}
.m_w ul li:hover .onlist .museum li a:hover.ico3{background:url(../img/r3on.gif) no-repeat -2px -5px;}

.allmenu{padding:10px 0; width:1000px; position:absolute; top:80px; left:50%; margin-left:-510px; z-index:15000; border:10px solid #aeaeae; background:white; font-size:13px; line-height:14px; display:none}
.allmenu dl{margin:8px 0; width:990px; overflow:hidden; float:left; clear:both; position:relative;}
.allmenu dl dt{float:left; width:70px; overflow:hidden; text-align:center;}
.allmenu dl dd{float:left; width:900px;}
.allmenu dl dd a{float:left; text-decoration:none; display:inline-block; padding:6px 10px 0 10px; height:18px; width:auto; background:url(../img/tribullet.gif) no-repeat 0px 11px; color:#6c6c6c;}
.closebtn{width:37px; height:37px; overflow:hidden; position:absolute; top:0px; right:0px; cursor:pointer}

/*사업실적 및 기관협력망사업*/


.leftbody{ float:left; width:170px; height:100%; display:inline-block; margin-top:24px;}
.rightbody{ float:left; height:100%;text-align:left; display:block; margin-top:24px;margin-left:0px; padding-bottom:50px;}
.leftbody h1 {font-size:24px; padding-left:5px; text-align:left; font-weight:400; color:#747474;}
.leftbody h1 strong {color:#4e4e4e; font-weight:600;}
.rightbody h2 { background:url(../img/h2_bg.png) no-repeat; margin-top:50px;margin-bottom:35px; padding-top:15px; color:#a31f1f; font-size:18px; font-weight:600; }


.tbl { border-top: 2px solid #c07575; border-bottom: 2px solid #c07575; border-collapse: collapse;}
.tbl table { width: 760px; table-layout: fixed;  font-size: 13px; border-collapse: collapse;}
.tbl thead th { padding: 12px 0px 8px; color: rgb(51, 51, 51); text-align:center; border-left: 1px solid #ddd; font-style:normal; }
.tbl tbody th {  border-right-color: rgb(238, 238, 238); border-right-width: 1px; border-right-style: solid;  }
.tbl td { padding: 12px 10px 8px; text-align:center; color: rgb(93, 93, 93); border-top: 1px solid #c07575; border-left: 1px solid #ddd; line-height:17px;}
.tbl tr td:first-child, .tbl thead th:first-child { border-left-color: currentColor; border-left-width: medium; border-left-style: none; background: rgb(242, 242, 242); font-weight: 600; color:rgb(51, 51, 51); }
.tbl tbody th:first-child { border-top:0px}
.tbl tr td:last-child { text-align:left; }
.thRed { background: #a31f1f !important; color:#fff !important; font-size:18px; padding:15px 0 !important;}
.td_fontCRed {color:#a31f1f !important; font-weight: 600 !important; padding:15px 0 !important;}
.td_fontCGray {color:#a31f1f !important; padding:15px 0 !important;}
.mt80 {margin-top:80px;}

/*상단 등록,로그인*/
.header .utlink{position: absolute; top: 8px; right: -6px; font-size: 10px; color: #999;}
.header .utlink a{display: inline-block; padding: 3px 5px; font-size:11px; color: #999; text-decoration: none;}
.header .utlink a:hover{color:#a21320;}


/*로그인 게시판 회원가입*/
.h2_txt{margin-top:0; text-align:left; color:#79797a; font-size:14px; line-height:16px; font-weight:normal; height: 50px; margin-top: -20px;}
.login {border-top: 2px solid #504f54; border-bottom: 1px solid #504f54; overflow: hidden; width: 100%;  width: 760px; background: url(../img/login_img.gif) no-repeat 50px center;}
.login ul{overflow: hidden; width: 300px; margin:90px 50px; float: right;}
.login ul li input{background: #ededed; border-radius: 5px; padding: 12px 10px; display: block; border:none; width: 93%; margin-bottom: 5px; font-size: 16px; color: #666;}
.login .b{background: #a52b2d; border-radius: 5px; padding: 15px 10px; display: block; border:none; width: 100%; margin-top: 10px; font-size: 16px; text-align: center; color: #fff; font-weight: bold; text-decoration: none;}
.login .link{font-size: 14px; color: #999; text-align: center; padding: 15px 5px 0 0;}
.login .link a{display: inline-block; padding: 5px 10px; color: #777; text-decoration: none;}
.login .link a:hover{color: #a21320;}

.tbl2{color: #444; border-bottom: 1px solid #c07575; width:760px;}
.tbl2 thead th{background: #fff; border-bottom: 1px solid #c07575; text-align: left; padding-left: 10px; padding-right: 10px; font-size: 14px;}
.tbl2 tbody th{background: #f2f2f2; text-align: center; border-bottom: 1px solid #e1e1e1; border-right: 0; border-top: 0; height: 35px;}
.tbl2 tbody td{border-bottom: 1px solid #e1e1e1; border-left: none; border-top: none; padding: 4px 10px; text-align: left;}
.tbl2 tbody td.v{background:#fff; padding: 20px; font-weight: normal; height: 150px; vertical-align: top;}
.tbl2 .input{border: 1px solid #e1e1e1; border-radius: 3px; padding: 5px; font-size: 14px;}
.tbl2 .input:hover{border: 1px solid #a21320;}
.tbl3 *{vertical-align: middle;}
.tbl3 {border-bottom: 1px solid #c07575;}
.tbl3 thead th{border-bottom: 1px solid #c07575; border-left: none; border-right: none; color: #c17775;}
.tbl3 tbody td{border-left:none; border-right: none; border-top: none; border-bottom: 1px solid #e1e1e1; text-align: center;}
.tbl3 tbody td a, .tbl2 tbody td a{display: block; text-align: left; color: #444; text-decoration: none;}
.tbl3 tbody td a:hover, .tbl2 tbody td a:hover, .tbl2 tbody td p.f a:hover{color: #a21320;}
.tbl2 thead th:first-child{background: #fff; color: #a52b2d;}
.tbl3 tr th:first-child{background:#fff; color: #c17775;}
.tbl3 tr td:first-child{background:#fff; color: #444;}
.tbl3 tr td:last-child { text-align:center; }
.tbl4{margin-top: 10px; border-top: 1px solid #e1e1e1; border-bottom: none;}
.tbl4 tbody th{ text-align: left; font-weight: normal; padding: 10px 20px; vertical-align: top;}
.tbl4 tbody th span{color: #777; display: block; padding-top: 3px;}
.tbl4 tbody th a.b2{background: #858585; border-radius: 3px; padding: 4px 5px 2px 5px; font-size: 11px; color: #fff; text-decoration: none; margin-top: 10px; display:inline-block;}
.tbl4 tbody td p{padding: 5px 0;}
.tbl4 tbody td p.f a{text-decoration: underline; display: inline-block; color: #777;}
.tbl4 tbody th a.b2:hover{background: #555;}

.btn_w{padding: 15px 0; text-align: center;}
.btn_w input {display: inline-block; padding: 8px 22px; background: #a52b2d; color: #fff; font-size: 14px; border-radius: 3px; text-decoration: none;}
.btn_w input:hover{background: #711719;}
.btn_w a{display: inline-block; padding: 8px 22px; background: #a52b2d; color: #fff; font-size: 14px; border-radius: 3px; text-decoration: none;}
.btn_w a:hover{background: #711719;}
.btn_w a.g{background: #858585;}
.btn_w a.g:hover{background: #555;}
.btn_w_b{text-align: right;}
.btn_w_b a{padding: 5px 22px; font-size: 12px;}

.page{text-align: center; padding: 15px 0;}
.page a{display: inline-block; padding: 5px 7px 3px 7px; color: #777; border: 1px solid #e1e1e1; font-weight: normal; font-size: 12px; text-decoration: none;}
.page a:hover, .page a.on{background:#e1e1e1; color: #fff;}

.tbl_com{background: #f2f2f2; overflow: hidden; padding: 10px; width:710px;}
.tbl_com .textarea{width: 630px; height: 70px; float: left; border: 1px solid #e1e1e1; background: #fff;}
.tbl_com .b{width: 58px; float: left; border-radius: 3px; background: #a52b2d; color: #fff; font-size: 12px; padding: 28px 0; text-decoration: none; text-align: center; border: 0px; margin-left: 12px;}
.tbl_com .b:hover{background: #711719;}
.tbl_com .file{background: #fff; border: 1px solid #e1e1e1; margin-top: 5px; padding: 5px;}
/*게시판.etc 끝*/


.login {border-top: 2px solid #504f54; border-bottom: 1px solid #504f54; overflow: hidden; width: 100%;  width: 760px; background: url(../img/login_img.gif) no-repeat 50px center;}
.login ul{overflow: hidden; width: 320px; margin:90px 50px 90px 0; float: right;}
.login ul li lable{float: left; width: 70px; color: #888; display: inline-block; padding-top: 15px; }
.login ul li lable.id{ letter-spacing: 0.08em;}
.login ul li input{background: #ededed; border:2px solid #ededed; border-radius: 5px; padding: 10px 10px; display: block; width: 220px; margin-bottom: 5px; font-size: 16px; color: #666;}
.login ul li input:hover, .login ul li input:focus{border:2px solid #a52b2d;}
.login .b{background: #a52b2d; border-radius: 5px; padding: 13px 10px; display: block; border:none; width: 244px; margin: 10px 0 0 70px; font-size: 16px; text-align: center; color: #fff; font-weight: bold; text-decoration: none; border:2px solid #a52b2d; cursor: pointer;}
.login .b:hover{background: #7b0e10; border:2px solid #7b0e10;}
.login .link{font-size: 14px; color: #999; text-align: center; padding: 15px 5px 0 0;}
.login .link a{display: inline-block; padding: 5px 10px; color: #777; text-decoration: none;}
.login .link a:hover{color: #a21320;}

/*메인카테고리 추가*/
.m_w2{width: 1000px;margin: 0 auto;padding: 3px 0px 0 20px; z-index: 1; position: relative;}
.m_w2 .m_w_lnb{ background: url(/resource/cooperation/img/m_lnb_bg.gif) no-repeat 0 0; width: 104px; height: 263px; position: absolute; left: -104px;}
.m_w2 .m_w_lnb li a{ display: block; width: 104px; height: 99px; background-repeat: no-repeat; background-position: 0 0; font-size: 0; line-height: 0;}
.m_w2 .m_w_lnb li.m1 a{ background-image: url(/resource/cooperation/img/m_lnb1.gif);}
.m_w2 .m_w_lnb li.m2 a{ background-image: url(/resource/cooperation/img/m_lnb2.gif);}
.m_w2 .m_w_lnb li:first-child.open a{ background-image: url(/resource/cooperation/img/m_lnb1_on.gif);}
.m_w2 .m_w_lnb li:last-child.open a{ background-image: url(/resource/cooperation/img/m_lnb2_on.gif);}
.m_w2 .v1, .m_w2 .v2{ display: none}
.m_w2 > .open{ display: block;}
.m_w2 > div > dl{ border: 2px solid #fff; background: url(/resource/cooperation/img/m_bot.gif) no-repeat center bottom; position: relative; transition:all 0.5s ease;}
.m_w2 > div > dl dt{width: 110px; position: absolute; top: 50%; margin-top: -17px; background: #e3e3e3; border: 1px solid #d0d0d0; border-radius: 2px; text-align: center; padding: 7px 0; font-size: 0.85em; letter-spacing:-0.05em; transition:all 0.5s ease;}
.m_w2 > div.v2 > dl dt{width: 60px;}
.m_w2 > div > dl dd{ padding: 13px 10px 12px 130px;}
.m_w2 > div.v2 > dl dd{ padding: 15px 10px 15px 80px;}
.m_w2 > div > dl dd a{ color: #3f3e41; font-size: 0.85em; text-decoration: none; display: inline-block; padding: 3px 30px 3px 10px; min-width:100px; transition:all 0.5s ease;}
.m_w2 > div > dl dd a:hover{ color: #d30006; font-weight: bold; text-decoration: underline;}
.m_w2 > div > dl:hover{ border: 2px solid #d30006;}
.m_w2 > div > dl:hover dt{ border: 1px solid #d30006; background: #d30006; color: #fff;}
.m_w2 > div > dl:last-child{ background:none;}
.m_w2 .m_book{ position: absolute; top:290px; left: -120px;}