@charset "utf-8"; .skipnav.sub { display:none; } /*#container { position:relative; }*/ #container #boxCon { overflow:hidden; } #container #boxCon>div { float:left; position:relative; } #container #boxCon #guidance { width:329px; height:377px; border-right:1px solid #dadada; } #container #boxCon #visual { width:619px; height:377px; overflow:hidden; } #container #boxCon #link { width:331px; height:377px; border-left:1px solid #dadada; } #container #boxCon #news { width:329px; height:244px; border-top:1px solid #dadada; border-right:1px solid #dadada; background:#f4f4f4; } #container #boxCon #board { width:619px; height:244px; } #container #boxCon #imgLink { float:left; width:331px; height:244px; border-left:1px solid #dadada; border-top:1px solid #dadada; } #container #guidance h3 { width:178px; height:16px; margin-top:39px; margin-left:23px; background:url('/open_content/main/images/main/guidance_tit.gif') no-repeat; } #container #guidance h4 { position:absolute; top:65px; } #container #guidance h4 a { width:94px; height:31px; border:1px solid #eaeaea; /*z-index:0;*/ } #container #guidance .on h4 a { border:1px solid #006ca4; } #container #guidance .physical h4 { left:23px; /*z-index:10;*/ } #container #guidance .physical h4 a { background:url('/open_content/main/images/main/guidance_tab1.gif') no-repeat center center; } #container #guidance .physical.on h4 a { background:#0089d0 url('/open_content/main/images/main/guidance_tab1_on.gif') no-repeat center center; } #container #guidance .economy h4 { left:118px; } #container #guidance .economy h4 a { background:url('/open_content/main/images/main/guidance_tab2.gif') no-repeat center center; } #container #guidance .economy.on h4 a { background:#0089d0 url('/open_content/main/images/main/guidance_tab2_on.gif') no-repeat center center; } #container #guidance .traffic h4 { left:213px; } #container #guidance .traffic h4 a { background:url('/open_content/main/images/main/guidance_tab3.gif?v2') no-repeat center center; } #container #guidance .traffic.on h4 a { background:#0089d0 url('/open_content/main/images/main/guidance_tab3_on.gif?v2') no-repeat center center; } #container #guidance a { display:block; text-indent:100%; white-space:nowrap; /*overflow:hidden;*/ font-size:0; } #container #guidance ul { display:none; margin-top:60px; margin-left:10px; } #container #guidance .on ul { display:block; } #container #guidance li { float:left; width:33%; margin-bottom:15px; } #container #guidance .physical li { width:24.5% !Important; } #container #guidance li a { width:66px; height:100px; margin:0 auto; background:url('/open_content/main/images/main/guidance_icon.gif?v1.2') no-repeat; } #container #guidance .economy li a { background:url('/open_content/main/images/main/guidance_icon2.gif?v1.1') no-repeat; } #container #guidance .economy li:first-child a { width:73px; } #container #guidance .economy li.l2 a { width:84px; } #container #guidance .economy li.l4 a { width:100px; } #container #guidance .traffic li a { background:url('/open_content/main/images/main/guidance_icon3.gif') no-repeat; } #container #guidance .traffic li.l5 a { width:82px; } #container #guidance .traffic li.l6 a { width:95px; } #container #guidance li.l2 a { background-position:-100px 0; } #container #guidance li.l3 a { background-position:-200px 0; } #container #guidance li.l4 a { background-position:-300px 0; } #container #guidance li.l5 a { background-position:-400px 0; } /* #container #guidance li.l6 a { background-position:-500px 0; } */ #container #guidance li.l6 a { background-position:-700px 0; } #container #guidance li.l7 a { background-position:-600px 0; } #container #guidance li.l8 a { background-position:-800px 0; width:69px; } #container #guidance li.l9 a { background-position:-900px 0;} #container #guidance li.l10 a { background-position:-1000px 0;} #container #guidance li.l11 a { background-position:-1100px 0;} #container #guidance li.l12 a { background-position:-1200px 0;} #container #guidance li a:hover, #container #guidance li a:active { background-position:0 -100px; } #container #guidance li.l2 a:hover, #container #guidance li.l2 a:active { background-position:-100px -100px; } #container #guidance li.l3 a:hover, #container #guidance li.l3 a:active { background-position:-200px -100px; } #container #guidance li.l4 a:hover, #container #guidance li.l4 a:active { background-position:-300px -100px; } #container #guidance li.l5 a:hover, #container #guidance li.l5 a:active { background-position:-400px -100px; } /* #container #guidance li.l6 a:hover, #container #guidance li.l6 a:active { background-position:-500px -100px; } */ #container #guidance li.l6 a:hover, #container #guidance li.l6 a:active { background-position:-700px -100px; } #container #guidance li.l7 a:hover, #container #guidance li.l7 a:active { background-position:-600px -100px; } #container #guidance li.l8 a:hover, #container #guidance li.l8 a:active { background-position:-800px -100px; } #container #guidance li.l9 a:hover, #container #guidance li.l9 a:active { background-position:-900px -100px; } #container #guidance li.l10 a:hover, #container #guidance li.l10 a:active { background-position:-1000px -100px; } #container #guidance li.l11 a:hover, #container #guidance li.l11 a:active { background-position:-1100px -100px; } #container #guidance li.l12 a:hover, #container #guidance li.l12 a:active { background-position:-1200px -100px; } #container #guidance .traffic li.l5 a { background-position:-395px 0; } #container #guidance .traffic li.l5 a:hover, #container #guidance .traffic li.l5 a:active { background-position:-395px -100px; } #container #guidance .traffic li.l6 a { background-position:-500px 0; } #container #guidance .traffic li.l6 a:hover, #container #guidance .traffic li.l6 a:active { background-position:-500px -100px; } #container #visual { position:relative; width:100%; overflow:hidden; } #container #visual .btn { position:absolute; bottom:20px; display:block; width:13px; height:13px; margin-left:30px; text-indent:100%; white-space:nowrap; overflow:hidden; font-size:0; background:url('/open_content/main/images/main/visual_btn.png') no-repeat; z-index:10; } #container #visual .p1.btn { left:100px; } #container #visual .p2.btn { left:118px; } #container #visual .p3.btn { left:136px; } #container #visual .p4.btn { left:154px; } #container #visual .p5.btn { left:172px; } #container #visual .p6.btn { left:190px; } #container #visual .p7.btn { left:208px; } #container #visual .p8.btn { left:226px; } #container #visual .btn.off { margin-left:0; } #container #visual .btn.on { width:44px; margin-left:0; background:url('/open_content/main/images/main/visual_btn_on.png') no-repeat } #container #visual #btnArr { z-index:1000; position:absolute; left:105px; bottom:20px; } #container #visual #btnArr li { float:left; margin-right:5px; } #container #visual div.visual_con { position:relative; overflow:hidden; } #container #visual div.visual_con>div {position:relative; float:left; } #container #visual div.visual_con>div img { width:100%; } /* #container #visual div.visual_con { position:relative; white-space:nowrap; line-height:0; font-size:0; } #container #visual div.visual_con>div { position:absolute; left:100%; top:0; z-index:0; } #container #visual div.visual_con>div.on { position:relative; } */ /* #container #visual div.visual_con>div img { position:relative; z-index:0; cursor:pointer} */ #container #visual ul.btn_control { display:inline-block; } #container #visual ul.btn_control li { position:absolute; z-index:10; bottom:18px; } #container #visual ul.btn_control li.btn_stop { left:35px; } #container #visual ul.btn_control li.btn_play { left:64px; } #container #link ul { overflow:hidden; padding:0 25px; } #container #link li { float:left; width:33.3%; } #container #link li a { display:block; height:65px; /*margin:45px auto 0;*/ margin:23px auto 0; text-indent:100%; white-space:nowrap; overflow:hidden; font-size:0; } #container #link li.l1 a { width:57px; background:url('/open_content/main/images/main/link1.gif') no-repeat; } #container #link li.l2 a { width:86px; background:url('/open_content/main/images/main/link2.gif') no-repeat; } #container #link li.l3 a { width:58px; background:url('/open_content/main/images/main/link3.gif') no-repeat; } #container #link li.l4 a { width:58px; background:url('/open_content/main/images/main/link4.gif') no-repeat; } #container #link li.l5 a { width:58px; background:url('/open_content/main/images/main/link5.gif') no-repeat; } #container #link li.l6 a { width:74px; background:url('/open_content/main/images/main/link6.gif?v2') no-repeat; } #container #link li.l7 a { width:94px; background:url('/open_content/main/images/main/link7.gif') no-repeat; } #container #link li.l8 a { width:67px; background:url('/open_content/main/images/main/link8.gif') no-repeat; } #container #link li.l9 a { width:91px; background:url('/open_content/main/images/main/link9.gif') no-repeat; } #container #link li.l10 a { width:81px; background:url('/open_content/main/images/main/link10.gif') no-repeat; } #container #link li.l11 a { width:98px; background:url('/open_content/main/images/main/link11.gif') no-repeat; } #container #link li.l12 a { width:81px; background:url('/open_content/main/images/main/link12.gif') no-repeat; } #container #link li.l13 a { width:74px; background:url('/open_content/main/images/main/link13.gif') no-repeat; } #container #link li.l14 a { width:99px; background:url('/open_content/main/images/main/link14.gif') no-repeat; } #container #link li.l15 a { width:58px; background:url('/open_content/main/images/main/link15.gif') no-repeat; } #container #link li a:hover, #container #link li a:active { background-position:0 -66px; } #container #news h3 { width:53px; height:16px; margin:35px 0 10px 40px; background:url('/open_content/main/images/main/news_tit.gif') no-repeat; } #container #news .btn { position:absolute; right:35px; top:36px; } #container #news .btn a { float:left; display:block; width:18px; height:18px; text-indent:100%; white-space:nowrap; overflow:hidden; font-size:0; background:url('/open_content/main/images/main/newsBtn.gif') no-repeat; } #container #news .btn a.stop { background-position:-18px 0; } #container #news .btn a.next { background-position:-32px 0; } #container #news>a { display:block; width:276px; margin:0 auto; } #container #board { border-top:1px solid #dadada; } #container #board>div li { position:relative; margin-bottom:10px; margin-left:40px; font-size:14px; } #container #board>div li a { display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; width:65%; } #container #board>div li span { position:absolute; right:37px; top:0; } #container #board h3 a { position:absolute; } #container #board h3.event a { left:43px; } #container #board h3.newlist a { left:144px; } #container #board h3.contribution a { left:213px; } #container #board h3.tender a { left:294px; } #container #board h3.movienews a { left:377px; } #container #board h3.recruit a { left:377px; } #container #board h3.safety a { left:460px; } /*#container #boxCon #imgLink .link1024 { display:none; } #container #boxCon #imgLink .corruption { overflow:hidden; } #container #boxCon #imgLink .corruption li { float:left; border-left:1px solid #dadada; } #container #boxCon #imgLink .corruption li:first-child { border-left:none; }*/ #container #boxCon #imgLink .link1024 { display:none; } #container #boxCon #imgLink .corruption {box-sizing:border-box;} #container #boxCon #imgLink .corruption:after {display:block; content:""; clear:both;} #container #boxCon #imgLink .corruption li {float:left; width:50%; border-right:1px solid #dadada; border-bottom:1px solid #dadada;} #container #boxCon #imgLink .corruption li:nth-child(2n) {border-right:0;} #container #boxCon #imgLink .corruption li:nth-child(n+3) {border-bottom:0;} #container #boxCon #imgLink li a {position:relative; display:block;} #container #boxCon #imgLink li a:focus {z-index:10;} #container #facilities { overflow:hidden; background:#1285c6 url('/open_content/main/images/main/si_bg.gif') no-repeat; } #container #facilities h3, #container #facilities li a { text-indent:100%; white-space:nowrap; overflow:hidden; font-size:0; } #container #facilities h3 { float:left; width:173px; height:57px; margin-top:35px; margin-left:40px; background:url('/open_content/main/images/main/si_tit.gif') no-repeat; } #container #facilities li { float:left; margin-left:65px; margin-top:13px; margin-bottom:10px; } #container #facilities li a { display:block; height:101px; text-indent:100%; white-space:nowrap; overflow:hidden; font-size:0; background:url('/open_content/main/images/main/si_con.gif') no-repeat; } #container #facilities li.s1 a { width:77px; } #container #facilities li.s2 a { width:75px; background-position:-100px 0; } #container #facilities li.s3 a { width:76px; background-position:-200px 0; } #container #facilities li.s4 a { width:75px; background-position:-300px 0; } #container #facilities li.s5 a { width:100px; background-position:-400px 0; } #container #facilities li.s6 a { width:75px; background-position:-500px 0; } #container #facilities li.s7 a { width:90px; background-position:-600px 0; } #container #facilities li.s8 { display:none; } #container #facilities li.s8 a { width:107px; background-position:-700px 0; } #container #facilities li.s9 a { width:70px; background-position:-815px 0; } #container #boxList { position:relative; width:90%; margin:0 auto; padding:80px 0 30px; } #container #boxList:after {display:block; content:""; clear:both;} #container #boxList .boxLeft {float:left; width:75%;} #container #boxList .btn { position:absolute; top:30px; right:0; } #container #boxList .btn ul { float:left; margin-left:8px; } #container #boxList .btn li { float:left; } #container #boxList .btn li a { display:block; padding:10px 15px 9px; border:1px solid #a4a4a4; color:#414141; font-weight:600; font-size:14px; background:#f7f7f7; } #container #boxList .btn li:first-child a { border-right:0; border-radius:5px 0 0 5px; } #container #boxList .btn li:last-child a { border-left:0; border-radius:0 5px 5px 0; } #container #boxList .btn li.on a { border:1px solid #205ab1; background:#377ce3; color:#fff; } #container #boxList .btn .albumTab { width:21px; height:18px; background:#f7f7f7 url('/open_content/main/images/main/album_tab.gif') no-repeat center center; } #container #boxList .btn .albumTab.on { background:#367ce6 url('/open_content/main/images/main/album_tab_on.gif') no-repeat center center; } #container #boxList .btn .listTab { width:22px; height:18px; background:#f7f7f7 url('/open_content/main/images/main/list_tab.gif') no-repeat center center; } #container #boxList .btn .listTab.on { background:#367ce6 url('/open_content/main/images/main/list_tab_on.gif') no-repeat center center; } /*#container #boxList .str { overflow:hidden; }*/ #container #boxList .album:after { display:block; content:""; clear:both; } #container #boxList .album>div { position:relative; float:left; width:30%; height:398px; margin-left:5%; margin-bottom:33px; border:1px solid #c2c2c2; box-sizing:border-box; } #container #boxList .album>div:nth-child(3n-2) {margin-left:0;} #container #boxList .album .con:hover { border:1px solid #0089d0; outline:1px solid #0089d0; } /*#container #boxList .album .con:hover a { margin-left:-1px; margin-top:-1px; }*/ #container #boxList .album .con h4 { position:absolute; top:-5px; left:5px; width:75px; height:56px; padding-left:3px; color:#fff; font-weight:600; text-align:center; z-index:100; } #container #boxList .album .con h4 span { display:block; padding-top:19px; line-height:12px; } #container #boxList .album .con a img {width:100%;} #container #boxList .album .movie h4 span, #container #boxList .album .photo h4 span { padding-top:19px; } #container #boxList .album .movie h4 { background:url('/open_content/main/images/main/movie_titbg.png') no-repeat; } #container #boxList .album .photo h4 { background:url('/open_content/main/images/main/photo_titbg.png') no-repeat; } #container #boxList .album .ebook h4 { background:url('/open_content/main/images/main/ebook_titbg.png') no-repeat; } #container #boxList .album .safety h4 { background:url('/open_content/main/images/main/safety_titbg.png') no-repeat; } #container #boxList .album .culture h4 { background:url('/open_content/main/images/main/culture_titbg.png') no-repeat; } #container #boxList .album .about h4 { background:url('/open_content/main/images/main/about_titbg.png') no-repeat; } #container #boxList .album .people h4 { background:url('/open_content/main/images/main/safety_titbg.png') no-repeat; } #container #boxList .album .weleco h4 { background:url('/open_content/main/images/main/weleco_titbg.png') no-repeat; } #container #boxList .album .movie .movie_playbg { display:block; position:absolute; top:0; left:0; width:100%; height:241px; background:url('/open_content/main/images/main/movie_playbg.png') no-repeat center top; z-index:0; } #container #boxList .album a.tit { display:block; height:241px; padding:0 20px; text-align:center; color:#fff; font-weight:600; font-size:14px; letter-spacing:-1px; line-height:25px; } #container #boxList .album a.tit span { display:block; padding-top:95px; } #container #boxList .album .safety a.tit { background:#0068b7; } #container #boxList .album .culture a.tit { background:#e45564; } #container #boxList .album .about a.tit { background:#2ca45e; } #container #boxList .album .people a.tit { background:#0068b7; } #container #boxList .album .weleco a.tit { background:#822ca4; } #container #boxList .album a.txt { display:block; padding:15px; font-size:14px; color:#909090; line-height:22px; } #container #boxList .album a.txt:hover { color:#5a5a5a; font-weight:600; } #container #boxList .album span.date { display:block; padding-top:18px; } #container #boxList .album .info { position:absolute; bottom:0; left:0; right:0; padding:13px 15px 11px; background:#f3f3f3; } #container #boxList .album .info span { padding-left:12px; background:url('/open_content/main/images/main/icon_hit.gif') no-repeat left 2px; } #container #boxList .album .info a { float:right; padding-left:15px; font-weight:600; background:url('/open_content/main/images/main/icon_detail.gif') no-repeat left 2px; } #container #boxList table { margin-bottom:40px; } #container #boxList table th { height:39px; line-height:39px; color:#fff; font-size:14px; background:#0871b3 url('/open_content/main/images/main/th_lbg.gif') no-repeat; } #container #boxList table td { padding:30px 15px; font-weight:600; font-size:14px; text-align:center; line-height:26px; border-bottom:1px solid #b2b2b2; } #container #boxList table td.txt { text-align:left; } #container #boxList table td.txt span { display:block; font-size:12px; font-weight:normal; color:#969696; } #container #boxList .paging { text-align:center; } #container #boxList .paging .mg { margin:0 10px; } #container #boxList .paging img { vertical-align:middle; } #container #boxList .boxRight {float:right; width:25%; box-sizing:border-box;} #container #boxList .boxRight>div {position:relative; margin-left:15%; margin-bottom:33px; } #container #boxList .boxRight>div h4 {position:relative; text-align:center; padding:15px; border:1px solid;} #container #boxList .boxRight>div h4 a {color:#fff; font-size:16px; font-weight:800; } #container #boxList .boxRight>div h4:before, #container #boxList .boxRight>div h4:after {position:absolute; top:21px; left:10px; width:4px; height:4px; border-radius:50%; border:1px solid; background:#f6f6f6; content:"";} #container #boxList .boxRight>div h4:after {left:auto; right:10px;} #container #boxList .boxRight>div ul {padding:10px; background:#f6f6f6; border:1px solid #c2c2c2;} #container #boxList .boxRight>div ul li img{width:100%; height:125px;} #container #boxList .boxRight>div ul li span {display:block; text-align:center; overflow:hidden; width:100%; margin-top:7px; color:#222; font-size:13px; text-overflow:ellipsis; white-space:nowrap;} #container #boxList .boxRight>div ul li:not(:first-child) {margin-top:11px; padding-top:14px; border-top:1px dashed #c2c2c2;} #container #boxList .boxRight>div ul li a {display:block;} #container #boxList .boxRight>div.suLive h4 {border-color:#06769b; background:#0597c7; text-shadow:1px 0 0 #06769b, 0 1px 0 #06769b, -1px 0 0 #06769b, 0 -1px 0 #06769b;} #container #boxList .boxRight>div.suPhoto h4 {border-color:#037569; background:#04a190; text-shadow:1px 0 0 #037569, 0 1px 0 #037569, -1px 0 0 #037569, 0 -1px 0 #037569;} #container #boxList .boxRight>div.suLive h4:before, #container #boxList .boxRight>div.suLive h4:after {border-color:#06769b;} #container #boxList .boxRight>div.suPhoto h4:before, #container #boxList .boxRight>div.suPhoto h4:after {border-color:#037569;} #container #boxList .boxRight>div.suLive:hover h4 {outline:1px solid #06769b;} #container #boxList .boxRight>div.suLive:hover ul {border-color:#06769b; outline:1px solid #06769b;} #container #boxList .boxRight>div.suPhoto:hover h4 {outline:1px solid #037569;} #container #boxList .boxRight>div.suPhoto:hover ul {border-color:#037569; outline:1px solid #037569;} #container #facebook { background:#f6f6f6; } #container #facebook h4 { height:44px; background:#3b5998; } #container #facebook h4 img { padding-top:9px; padding-left:10px; } #container #facebook .skipfacebook {position:absolute; top:0; right:0; height:0; display:block; color:#fff; overflow:hidden; font-size:0; text-indent:-5000px;} #container #facebook .skipfacebook:focus {height:auto; padding:5px 10px; font-size:14px; text-indent:0;} #container #facebook .subject { overflow:hidden; padding:15px; } #container #facebook .subject>img { float:left; margin-right:5px; } #container #facebook .subject a img { vertical-align:middle; } #container #facebook #like_cnt { padding:3px 4px 4px 10px; background:url('/open_content/main/images/main/like_cnt.gif') no-repeat right 1px; } #container #facebook .name { display:block; margin-bottom:4px; font-weight:600; font-size:14px; letter-spacing:-1px; } #container #facebook .sns_con { border-top:1px solid #c2c2c2; height:278px; overflow-y:scroll; } #container #facebook .sns_con .subject { padding:0; } #container #facebook .sns_con>div { padding:20px 5px; margin:0 10px; border-bottom:1px solid #dadada; } #container #facebook .sns_con .detail { padding:10px 0; } #container #facebook .sns_con .detail a { padding-left:9px; color:#6981c7; background:url('/open_content/main/images/main/facebook_point.gif') no-repeat left 4px; } #container #facebook .sns_con>div>div { overflow:hidden; } #container #facebook .sns_con>div>div>a, #container #facebook .sns_con>div>div>p { float:left; margin-right:3px; font-size:11px; color:#697fae; } #container #facebook .sns_con>div>div>p { padding:2px 3px; background:#e1e2e5; } #container #facebook .sns_con>div>div>p img { vertical-align:middle; } #container #banner { overflow:hidden; padding:25px 40px; border-top:1px solid #dadada; } #container #banner h3, #container #banner a, #container #banner ul { float:left; } #container #banner ul { margin:0 20px; padding:5px 0; white-space:nowrap; width:930px; overflow:hidden; } #container #banner ul li { display:inline-block; margin-right:8px; } #container #banner ul li img { border:1px solid #d0d0d0; } #container #banner h3 { width:41px; height:16px; margin-top:10px; margin-right:5px; background:url('/open_content/main/images/main/banner_tit.gif') no-repeat; } #container #banner>a { padding-top:10px; } #container #banner>a.all { padding-top:5px; margin-left:8px; margin-right:15px; } /*1024*768*/ @media all and (min-width:1025px) { /*.wrap { width:1280px;}*/ } /*1024x768*/ @media all and (max-width:1025px) { /* #container #visual ul.visual_con li img { width:100%; height:377px; } #container #boxCon #guidance { width:25%; } #container #boxCon #visual { width:49.7%; margin-bottom:-5px; } #container #boxCon #link { width:25%; } #container #boxCon #news { width:25%; } #container #boxCon #board { width:49.7%; } #container #news>a, #container #news>a img { width:98%; } #container #guidance h4 { width:29%; } #container #guidance h4 a { width:100%; } #container #guidance .physical h4 { left:5%; } #container #guidance .economy h4 { left:35%; } #container #guidance .traffic h4 { left:65%; } #container #board h3.event a { left:45px; } #container #board h3.newlist a { left:128px; } #container #board h3.contribution a { left:181px; } #container #board h3.tender a { left:244px; } #container #board h3.movienews a { left:309px; } #container #board h3.recruit a { left:309px; } #container #board h3.safety a { left:374px; } #container #boxCon #imgLink { width:25%; } #container #boxCon #imgLink>li:first-child img { width:50%; } #container #boxCon #imgLink .link_pc { display:none; } #container #boxCon #imgLink .link1024 { display:block; width:100%; } #container #boxCon #imgLink .corruption li { width:33%; height:200px; } #container #boxCon #imgLink .corruption li img { width:100%; padding-top:30%; } #container #facilities h3 { display:none; } #container #facilities li { margin-left:53px; } #container #boxList { width:95%; } #container #boxList .album>div { width:225px; margin-left:15px; } #container #boxList .album>div a { display:block; overflow:hidden; } #container #boxList .album>div .movie_playbg { width:224px !important; } #container #banner ul { width:670px; } */ } /*PC*/ @media all and (min-width:801px) { * {box-sizing:border-box;} .wrap { width:1280px;} #container #board .more { position:absolute; right:37px; top:36px; } #container #board h3 a { top:35px; height:17px; text-indent:100%; white-space:nowrap; overflow:hidden; font-size:0; } #container #board h3.event a { width:71px; background:url('/open_content/main/images/main/board_tab1.gif') no-repeat; } #container #board h3.newlist a { width:39px; background:url('/open_content/main/images/main/board_tab2.gif') no-repeat; } #container #board h3.contribution a { width:52px; background:url('/open_content/main/images/main/board_tab3.gif') no-repeat; } #container #board h3.tender a { width:53px; background:url('/open_content/main/images/main/board_tab4.gif') no-repeat; } #container #board h3.movienews a { width:65px; background:url('/open_content/main/images/main/board_tab5.gif') no-repeat; } #container #board h3.recruit a { width:53px; background:url('/open_content/main/images/main/board_tab6.gif') no-repeat; } #container #board h3.safety a { width:53px; background:url('/open_content/main/images/main/board_tab7.gif') no-repeat; } #container #board h3 a:hover, #container #board h3 a:active, #container #board h3.on a { background-position:0 -17px; } #container #board>div { padding-top:75px; } #container #board>div .more { text-indent:100%; display:block; white-space:nowrap; overflow:hidden; width:21px; height:21px; background:url('/open_content/main/images/main/more.gif') no-repeat; } #imgLink .traffic a{display:block; width:50%; float:left;} #imgLink .traffic:after {display:block; content:""; clear:both;} } /*TABLET*/ @media all and (max-width:800px) { /*max-width:1025px under css copy*/ #container #visual ul.visual_con li img { width:100%; height:377px; } #container #boxCon #guidance { width:25%; } #container #boxCon #visual { width:49.7%; margin-bottom:-5px; } #container #boxCon #link { width:25%; } #container #boxCon #news { width:25%; } #container #boxCon #board { width:49.7%; } #container #news>a, #container #news>a img { width:98%; } #container #guidance h4 { width:29%; } #container #guidance h4 a { width:100%; } #container #guidance .physical h4 { left:5%; } #container #guidance .economy h4 { left:35%; } #container #guidance .traffic h4 { left:65%; } #container #board h3.event a { left:45px; } #container #board h3.newlist a { left:128px; } #container #board h3.contribution a { left:181px; } #container #board h3.tender a { left:244px; } #container #board h3.movienews a { left:309px; } #container #board h3.recruit a { left:309px; } #container #board h3.safety a { left:374px; } #container #boxCon #imgLink { width:25%; } #container #boxCon #imgLink>li:first-child img { width:50%; } #container #boxCon #imgLink .link_pc { display:none; } #container #boxCon #imgLink .link1024 { display:block; width:100%; } #container #boxCon #imgLink .corruption li { width:33%; height:200px; } #container #boxCon #imgLink .corruption li img { width:100%; padding-top:30%; } #container #facilities h3 { display:none; } #container #facilities li { margin-left:53px; } #container #boxList { width:95%; } #container #boxList .album>div { width:225px; margin-left:15px; } #container #boxList .album>div a { display:block; overflow:hidden; } #container #boxList .album>div .movie_playbg { width:224px !important; } #container #banner ul { width:670px; } /*#container #visual,*/ #container #imgLink, #container #boxList #listkind { display:none; } #container #boxList .album { display:none !important; } #container #boxList table { display:block !important; } #container #boxList table .mb_none { display:none; } #container #boxList .boxLeft, #container #boxList .boxRight {float:none; width:100%;} #container #boxList .boxRight {margin-top:40px;} #container #boxList .boxRight>div {margin-left:0;} #container #boxList .boxRight>div ul li img {height:auto;} #container #boxCon>div { height:auto !important; } #container #boxCon #visual, #container #boxCon #board, #container #boxCon #guidance, #container #boxCon #link, #container #boxCon #news, #container #visual ul.visual_con li, #container #visual ul.visual_con li img { width:100%; height:auto; } #container #visual { border-top:1px solid #a7cdda; } #container #boxCon #news>a { width:276px; } #container #link { padding-bottom:20px; background:#daecf6; border-top:1px solid #bfd0d9; border-bottom:1px solid #bfd0d9; } #container #link ul { padding:0 5px; } #container #link li { width:25%; } #container #link li a, #container #link li a:hover, #container #link li a:active { background-position:0 -129px !important; } #container #news { padding-bottom:30px; } #container #guidance li a { background-position:0 -100px !important; } #container #guidance li.l2 a { background-position:-100px -100px !important; } #container #guidance li.l3 a { background-position:-200px -100px !important; } #container #guidance li.l4 a { background-position:-300px -100px !important; } #container #guidance li.l5 a { background-position:-400px -100px !important; } #container #guidance li.l6 a { background-position:-500px -100px !important; } #container #guidance li.l7 a { background-position:-600px -100px !important; } #container #guidance li.l8 a { background-position:-700px -100px !important; } #container #guidance li.l9 a { background-position:-800px -100px !important; } #container #guidance li.l10 a { background-position:-900px -100px !important; } #container #guidance li.l11 a { background-position:-1000px -100px !important; } #container #guidance li.l12 a { background-position:-1100px -100px !important; } #container #guidance li.l13 a { background-position:-1200px -100px !important; } #container #guidance li.l14 a { background-position:-1300px -100px !important; } #container #guidance li.l15 a { background-position:-1400px -100px !important; } #container #guidance .physical li.l6 a { background-position:-700px -100px !important; } #container #guidance .physical li.l8 a { background-position:-800px -100px !important; } #container #guidance .physical li.l9 a { background-position:-900px -100px !important; } #container #guidance li a { background-position:0 -100px !important; } #container #guidance li.l2 a { background-position:-100px -100px !important; } #container #guidance li.l3 a { background-position:-200px -100px !important; } #container #guidance li.l4 a { background-position:-300px -100px !important; } #container #guidance li.l5 a { background-position:-400px -100px !important; } #container #guidance li.l6 a { background-position:-700px -100px !important; } #container #guidance li.l7 a { background-position:-600px -100px !important; } #container #guidance li.l8 a { background-position:-800px -100px !important; width:69px; } #container #guidance li.l9 a { background-position:-900px -100px !important;} #container #guidance li.l10 a { background-position:-1000px -100px !important;} #container #guidance li.l11 a { background-position:-1100px -100px !important;} #container #guidance li.l12 a { background-position:-1200px -100px !important;} #container #guidance .traffic li.l5 a { background-position:-395px -100px !important; } #container #guidance .traffic li.l6 a { background-position:-500px -100px !important; } #container #board { border-top:2px solid #1f82b5; } /*#container #board h3 { float:left; width:20%; }*/ #container #board h3 a { display:block; top:0; text-align:center; width:33.33%; height:40px; line-height:40px; padding:0 2px; /*line-height:40px;*/ border-left:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; background:#f4f4f4; font-size:14px; letter-spacing:-1px; /*overflow:hidden;*/ box-sizing:border-box; } #container #board h3.on a { border-left:1px solid #135b80; border-bottom:1px solid #135b80; background:#1f82b5; color:#fff; } #container #board h3.event a { left:0; } #container #board h3.newlist a { left:33.33%; } #container #board h3.contribution a { left:66.66%; } #container #board h3.tender a { top:40px; left:0%; } #container #board h3.recruit a { top:40px; left:33.33%; } #container #board h3.safety a { top:40px; left:66.66%; } #container #board>div { margin-top:100px; } /*5개일때 #container #board h3.event a { left:0; } #container #board h3.newlist a { left:20%; } #container #board h3.contribution a { left:40%; } #container #board h3.tender a { left:60%; } #container #board h3.recruit a { left:80%; } #container #board>div { margin-top:60px; } */ #container #board>div li { margin-left:10px; padding-left:8px; background:url('/open_content/main/images/sub/dotblet.gif') no-repeat left 7px; } #container #board>div li a { width:95%; } #container #board>div li span { display:none; } #container #board>div .more { display:block; margin-top:22px; background:#dfdfdf; width:100%;padding:6px 0 5px; font-size:14px; letter-spacing:-1px; text-align:center; font-weight:600; } #container #facilities { background:#0771b3; } #container #facilities li { margin:0; width:33%; padding:20px 0; text-align:center; } #container #facilities li a { display:inline-block; } #container #facilities li.s8 { display:block; } #container #banner { display:none; } #container #boxCon #imgLink { width:100%; } #container #boxCon #imgLink li.traffic { background:#f7f7f7; border-bottom:1px solid #dadada; } #container #boxCon #imgLink li.traffic a { width:49.8%; } #container #boxCon #imgLink li a { display:inline-block; font-size:0; text-indent:-5000px; overflow:hidden; height:0; padding-top:90px; } #container #boxCon #imgLink li a.il1 { background:url('/open_content/main/images/main/imglink01.gif') no-repeat center center; } #container #boxCon #imgLink li a.il2 { background:url('/open_content/main/images/main/imglink02.gif') no-repeat center center; border-left:1px solid #dadada; } #container #boxCon #imgLink li.corruption a { width:100%; padding-top:155px; } #container #boxCon #imgLink li a.il3 { background:url('/open_content/main/images/main/imglink03.gif') no-repeat center center; } #container #boxCon #imgLink li a.il4 { background:url('/open_content/main/images/main/imglink04.gif') no-repeat center center; } #container #boxCon #imgLink li a.il5 { background:url('/open_content/main/images/main/imglink05.gif') no-repeat center center; } } /*MOBILE_MIN*/ @media all and (max-width:480px) { #container #board h3.event a { padding-top:6px; line-height:14px !important; } #container #link li { width:33%; } } /*MOBILE_MIN*/ @media all and (max-width:320px) { #container #board h3.contribution a, #container #board h3.tender a, #container #board h3.recruit a { padding-top:6px; line-height:14px !important; } } .visual_con>div>a:focus-visible, #news>div>ul>li>a:focus-visible{display:block; position:relative; outline:0;} .visual_con>div>a:focus-visible:after, #news>div>ul>li>a:focus-visible:after {position:absolute; left:1px; right:1px; top:1px; bottom:1px; border:2px dashed #f00; content:"";} .visual_con>div>a:focus-visible:before, #news>div>ul>li>a:focus-visible:before {position:absolute; left:0; right:0; top:0; bottom:0; border:4px solid #fff; content:"";}