<div class="center"> <img src="/sites/sosrc/images/20180129_01.jpg" usemap="#link01" id="img01"/> <map name="link01" id="link01"> <area shape="rect" href="http://dms.donga.ac.kr/sosrc/6006/subview.do" coords="155,100,260,175" alt="해양프로세스" /> <area shape="rect" href="#" coords="300,175,390,255" alt="구조 신뢰성" /> <area shape="rect" href="http://dms.donga.ac.kr/sosrc/6007/subview.do" coords="300,315,390,395" alt="해양기자재" /> <area shape="rect" href="http://dms.donga.ac.kr/sosrc/6005/subview.do" coords="420,110,530,180" alt="CFD/OpenFOAM" /> <area shape="rect" href="http://dms.donga.ac.kr/sosrc/6008/subview.do" coords="570,40,665,115" alt="풍력에너지" /> <area shape="rect" href="http://dms.donga.ac.kr/sosrc/6004/subview.do" coords="555,180,660,250" alt="용접 및 소재" /> <area shape="rect" href="http://dms.donga.ac.kr/sosrc/6009/subview.do" coords="695,250,785,330" alt="LNG 화물창" /> </map> <!-- tabelt 모드 이미지 --> <img src="/sites/sosrc/images/20171214_01.png" usemap="#link02" id="img02"/> <map name="link02" id="link02"> <area shape="rect" href="http://dms.donga.ac.kr/sosrc/6006/subview.do" coords="80,55,135,90" alt="해양프로세스" /> <area shape="rect" href="#" coords="150,90,200,130" alt="구조 신뢰성" /> <area shape="rect" href="http://dms.donga.ac.kr/sosrc/6007/subview.do" coords="150,160,200,205" alt="해양기자재" /> <area shape="rect" href="http://dms.donga.ac.kr/sosrc/6005/subview.do" coords="210,55,275,90" alt="CFD/OpenFOAM" /> <area shape="rect" href="http://dms.donga.ac.kr/sosrc/6008/subview.do" coords="290,20,335,60" alt="풍력에너지" /> <area shape="rect" href="http://dms.donga.ac.kr/sosrc/6004/subview.do" coords="285,95,340,130" alt="용접 및 소재" /> <area shape="rect" href="http://dms.donga.ac.kr/sosrc/6009/subview.do" coords="355,130,405,170" alt="LNG 화물창" /> </map> </div> <style> @media only screen and (min-width: 821px) { #img01 { display: block; margin: auto; } #img02 { display: none; } } @media only screen and (min-width: 421px) and (max-width: 820px) { #img01 { display: none; } #img02 { display: block; margin: auto; } } @media only screen and (max-width: 420px) { #img01, #img02 { display: none; } } </style>