@charset "utf-8"; /* reset style */ article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary {display: block;} audio,canvas,progress,video {display: inline-block;} html, body, div, p, h1, h2, h3, h4, h5, h6, dl, dt, dd, ol, ul, li, blockquote, pre, button, fieldset, form, legend, table, caption, tbody, tfoot, thead, tr, th, td, iframe, article, aside, canvas, details, embed, figure, figcaption, header, footer, menu, nav, section, summary, audio, video {margin: 0; padding: 0; border: 0; font-size: inherit; font-family: inherit; vertical-align: baseline;-webkit-text-size-adjust:none} body{height:100%;position:relative;font-size:14px;line-height:1.6em;color:#555;font-family:"NanumG", "Malgun Gothic", "맑은 고딕" , Dotum, "돋움",Helvetica,AppleSDGothicNeo,sans-serif} img, fieldset{border:none;} figure, figcaption{margin:0;padding:0} b, strong{ font-weight: 600; } em, dfn, cite, address{ font-style: normal; } mark {background-color: #ff0;color: #000;} small {font-size: 80%;} sup,sub{position: relative;font-size: .9em;line-height: 0;vertical-align: baseline;} sub {bottom: -0.25em;} sup {top: -0.5em;} del{ text-decoration: line-through; } label{cursor:pointer} ol, ul, li { list-style:none;} table {border-collapse:collapse; border-spacing:0;} legend {width:0;height:0;margin:0;padding:0;background:none; font-size:3px; color:transparent; line-height: 0} caption {width:0;height:0;margin:0;padding:0;background:none; font-size:3px; color:transparent; line-height: 0} label{cursor:pointer} hr {visibility:hidden; overflow:hidden; position:absolute; height:0; width:0; font-size:0;} a:link { color:#636363; text-decoration:none; } a:visited { color:#636363; text-decoration:none; } a:hover { color:#0030ae; text-decoration:none; } a:active { color:#0030ae; text-decoration:none; } /* skip */ .screen_out {display:block; font-size:0; height:1px; left:-9999px; line-height:0; overflow:hidden; position:absolute; text-indent:-9999px; width:1px;} .screen_hide {display:block; font-size:0; height:1px; left:-9999px; line-height:0; overflow:hidden; position:absolute; text-indent:-9999px; width:1px;} /* skipNavi */ #skipNavi{width:100%; position:relative; left:0; top:0; z-index:9999999999999999999999999999} #skipNavi a{display:block; height:0; overflow:hidden;width:100%; position:absolute; left:0; top:0; z-index:9999;} #skipNavi a:active, #skipNavi a:focus{top:1px; width:100%; height:20px; padding:4px 0; text-align:center;border:#ccc 1px solid; font-size:11px;background-color:#fff; color:#ff9900; text-decoration:none; position: relative; top:0; left:0;color:#000} hr {display:none} .layout{margin:0% auto;width:95%;position: relative;width:1200px;} #header{ position: relative; width:100%;z-index:9999999999999999999999999; background:#fff; } #header_container{background: linear-gradient( to right, #389f4c, #195699 );height:32px;} #header_container #site {float:left} #header_container #site li{float:left; padding:5px 10px; color:#fff; cursor:pointer;} #header_container #site li a{color:#fff;font-size:80%;} #header_container #site .on{background:#fff; color:#000; font-weight:600;font-size:90%; } #header_container #site .on a{color:#000;font-size:100%;} #header_container #foreign{position:absolute;top:6px; left:630px;z-index:99999999999999999999999999} #header_container #foreign ul ul{display:none;font-size:80%; padding-top:4px;} #header_container #foreign ul ul li{padding:5px 15px;border-bottom:#ddd 1px solid;border-left:#ddd 1px solid; border-right:#ddd 1px solid;background:#fff;} #header_container #foreign ul a{color:#fff; font-size:12px;} #header_container #foreign ul li:hover ul{display:block;} #header_container #foreign ul li ul li:hover{background:#666; -webkit-transition :all 0.8s ease; transition:all 0.8s ease;} #header_container #foreign ul li ul li:hover a{color:#fff; -webkit-transition :all 0.8s ease; transition:all 0.8s ease;} #header_container #foreign ul ul a{color:#666} #header_container #member {position:absolute; top:5px;right:160px;color:#fff;} #header_container #member li{float:left; padding: 0px 10px; background: url("/portal/images/main2017/bar_member.png") no-repeat right 7px;} #header_container #member a{color:#fff; font-size:11px;} #header_container #member .last{background: none} #header_container #search {float:right;margin-top:5px;} #header_container #search input{font-size:11px;width:120px;} #header_container #search .btn {background:#333; color:#fff; border:#333 1px solid;font-size:11px; padding:3px 0px 3px 2px; width:30px;} #gnb_container{clear:both;border-bottom:#ddd 1px solid; overflow:hidden; position: relative;background:#fff;height:82px; } #gnb_container #logo{position:absolute;top:20px;z-index:999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999;} #gnb_container #logo a{display:block} #gnb_container #logo img{width:100%} #gnb {position:absolute;width:840px; top:60px; left:50%;z-index:9999999;margin-left:-400px;min-width:980px;} #gnb ul li{float:left; text-align:left; width:139px;} #gnb ul li a{font-size:14px; font-weight:bold; color:#414141; font-family: 'Nanum Gothic', '나눔고딕', sans-serif;padding-bottom:5px;} #gnb ul li a:hover{border-bottom:#389f4c 3px solid;-webkit-transition :all 0.5s ease; transition:all 0.5s ease;} #gnb ul li ul{font-size:12px; padding-top:15px; position: absolute; z-index: 999999; width: 140px; overflow: hidden; height: 0; -webkit-transition:all .2s ease-in-out .1s; -moz-transition:all .2s ease-in-out .1s; -o-transition:all .2s ease-in-out .1s; -ms-transition:all .2s ease-in-out .1s;} #gnb ul li ul li{width:100%;text-align:left;padding:0px; marign:0px;} #gnb ul li ul li a {color:#666;} #gnb ul li ul li a:hover{color:#48c2c3;} #gnb_container .layout #cs {position:absolute; right:0; top:10px; width:13%} #gnb_container .layout #cs img{width:100%} #body_container {clear:both;position:relative; padding-top:0px;z-index:99; overflow:hidden;} #body_container a{display:block} #body_container #main_01_section {width:100%; background-size:cover; padding:20px 0px 20px 0px; overflow:hidden;} #body_container #main_01_section #note{float:left; width:920px; height:330px;} #body_container #main_01_section #note img{} #body_container #main_01_section #note {position:relative;overflow:hidden;} #body_container #main_01_section #note .notice-visual-main li{float:left;} #body_container #main_01_section #note .notice-visual-main .controll-zone{position: absolute; top:10px;right:5px; z-index:99; } #body_container #main_01_section #note .notice-visual-main .controll-zone li{float:left !important; } #body_container #main_01_section #note .notice-visual-main .navigation-zone{position: absolute; top:10px;right:20px; z-index:99; } #body_container #main_01_section #note .notice-visual-main .navigation-zone li{padding:0px 1px ;} #body_container #main_01_section #note .notice-visual-main .navigation-zone a{display:block} #body_container #main_01_section #note .notice-visual-main .visual-zone01 {width:920px; height:330px; overflow:hidden;;transform:scale(1); -webkit-transition :all 0.3s ease; transition:all 0.3s ease;} #body_container #main_01_section #note .notice-visual-main .visual-zone01 img{width:920px; height:329px;} #notice_contaner #body_container #main_01_section #note img {} #body_container #main_01_section #note .notice-visual-main .visual-zone01 a{display:block} #body_container #main_01_section #map{float:right; width:270px; background:#fff; padding:10px 0px;height:308px;border:#ccc 1px solid} #body_container #main_01_section #map #map_title{color:#333;font-weight:600; font-size:13px; padding-left:10px;} #body_container #main_01_section #map #map_title span{color:#1b569b} #body_container #main_01_section #map #map_viwe {background: url("/portal/images/main2017/map.png") no-repeat center;height:280px; background-size:cover; position:relative} #body_container #main_01_section #map #map_viwe a{position:absolute;border:#427eaf 1px solid; background:#fff; color:#427eaf;font-size:11px; border-radius:2px;padding:0px 5px !important;display:inline;} #body_container #main_01_section #map #map_viwe a:hover{background:#f2f2f2} #body_container #main_01_section #map #map_viwe .park01{top:140px; right:25%}/*가야산*/ #body_container #main_01_section #map #map_viwe .park02{top:160px; right:10%}/*경주*/ #body_container #main_01_section #map #map_viwe .park03{top:120px; left:22%}/*계룡산*/ #body_container #main_01_section #map #map_viwe .park04{top:153px; left:35%}/*내장산*/ #body_container #main_01_section #map #map_viwe .park05{top:215px; left:40%}/*다도해*/ #body_container #main_01_section #map #map_viwe .park06{top:127px; left:40%}/*덕유산*/ #body_container #main_01_section #map #map_viwe .park07{top:190px; left:20%}/*무등산*/ #body_container #main_01_section #map #map_viwe .park08{top:150px; left:10%}/*변산반도*/ #body_container #main_01_section #map #map_viwe .park09{top:40px; left:20%}/*북한산*/ #body_container #main_01_section #map #map_viwe .park10{top:10px; right:25%}/*설악산*/ #body_container #main_01_section #map #map_viwe .park11{top:90px; right:25%}/*소백산*/ #body_container #main_01_section #map #map_viwe .park12{top:100px; left:40%}/*속리산*/ #body_container #main_01_section #map #map_viwe .park13{top:40px; right:15%}/*오대산*/ #body_container #main_01_section #map #map_viwe .park14{top:75px; left:40%}/*월악산*/ #body_container #main_01_section #map #map_viwe .park15{top:225px; left:15%}/*월출산*/ #body_container #main_01_section #map #map_viwe .park16{top:115px; right:20%}/*주왕산*/ #body_container #main_01_section #map #map_viwe .park17{top:178px; left:40%}/*지리산*/ #body_container #main_01_section #map #map_viwe .park18{top:50px; left:48%}/*치악산*/ #body_container #main_01_section #map #map_viwe .park19{top:65px; left:65%}/*태백산*/ #body_container #main_01_section #map #map_viwe .park20{top:90px; left:10%}/*태안해안*/ #body_container #main_01_section #map #map_viwe .park21{top:190px; left:60%}/*한려해상*/ #body_container #main_01_section #map #map_viwe .park22{top:250px; left:30%}/*한라산*/ #main_left{float:left;width:915px;} #body_container #main_01_section #control {clear:both;background:#fff;padding:10px 0px;overflow:hidden; margin-top:0px;border:#ccc 2px solid;width:100%;} #body_container #main_01_section #control #control_title{font-size:16px;font-weight:600;position: relative;padding:0px 10px;} #body_container #main_01_section #control #control_title #control_gubun{position:absolute; top:0px; right:15px} #body_container #main_01_section #control #control_title #control_gubun span{padding:2px 8px;border:#ddd 1px solid; background:#f2f2f2; margin-left:2px; font-size:11px;} .exe01{ background:#ff0000 !important; color:#fff; border:#b20808 3px solid !important;} .exe02{ background:#eb6100 !important; color:#fff; border:#934006 3px dotted !important;} .exe04{ background:#438adf !important; color:#fff; border:#438adf 3px solid !important;} #body_container #main_01_section #control #control_list{clear:both;padding:10px} #body_container #main_01_section #control #control_list li{float:left;border:#ddd 3px solid; background:#f2f2f2; padding:3px 2px; margin:3px 2px;width:7.5%; text-align: center; color:#000} #body_container #main_01_section #control #control_list li a{font-size:11px;} .exe01 a{color:#fff;} .exe02 a{ color:#fff;} .exe04 a{ color:#fff;} #body_container #main_01_section #control #control_title span{font-size:11px;font-weight:normal;} #body_container #main_01_section #bbs{float:left;width:50%; padding:20px; background:#fff; margin-top:10px; position: relative;} #body_container #main_01_section #bbs .title {border-bottom:#ccc 1px solid} #body_container #main_01_section #bbs .title span{position: absolute; top:10px;right:15px; overflow:hidden; } #body_container #main_01_section #bbs .title li{float:left; font-size:13px; padding: 8px 0px ; text-align:center; width:22%;} #body_container #main_01_section #bbs .list {padding-top:20px;border-top:#ccc 1px solid;margin-top:24px} #body_container #main_01_section #bbs .list li {padding:3px 0px;font-size:13px;display:block;overflow:hidden;white-space: nowrap; } #body_container #main_01_section #bbs .list li span{float:right; color:#666} #body_container #main_01_section #bbs .list li a{width:380px;float:left;text-overflow:ellipsis;display:block;overflow:hidden;white-space: nowrap; } #body_container #main_01_section #bbs h3{position: absolute;top: 10px; text-align:center;padding-bottom:5px;font-size:13px;padding:5px 15px;} #body_container #main_01_section #bbs h3.tab01{left:15px;border-right:#ccc 1px solid;} #body_container #main_01_section #bbs h3.tab02{left:103px;border-right:#ccc 1px solid;} #body_container #main_01_section #bbs h3.tab03{left:210px;border-right:#ccc 1px solid;} #body_container #main_01_section #bbs h3.tab04{left:298px;border-right:#ccc 1px solid;} #body_container #main_01_section #bbs h3.tab05{left:380px;} #body_container #main_01_section #bbs h3 a{font-size:110%;} #body_container #main_01_section #bbs h3.on{background:#FFF ;border-bottom:#0054a6 3px solid;font-weight:bold; } #body_container #main_01_section #bbs span.moreLink{ height:25px; position: absolute;top: 20px;right:20px;} /*#body_container #main_01_section #favicon {float:right; width:30%; padding:10px 20px 10px 20px; background:#fff; margin-top:10px;margin-right:-4px;} #body_container #main_01_section #favicon li{float:left;width:31%; padding:10px 2px;cursor:pointer } #body_container #main_01_section #favicon .fa01 {border-bottom:#666 1px dotted} #body_container #main_01_section #favicon .fa02 {border-left:#666 1px dotted ;border-right:#666 1px dotted; border-bottom:#666 1px dotted} #body_container #main_01_section #favicon .fa03 {border-left:#666 1px dotted ;border-right:#666 1px dotted} #body_container #main_01_section #favicon .img{text-align:center; width:100%} #body_container #main_01_section #favicon .img img{width:60%; margin:0px auto;} #body_container #main_01_section #favicon .txt{font-size:11px; text-align:center}*/ #body_container #main_01_section #favicon {float:right; width:420px; margin-top:10px;margin-right:-5px;} #body_container #main_01_section #favicon li{float:left;width:101px;height:78px; padding:10px 2px;cursor:pointer;text-align:center;position: relative;overflow:hidden;} #body_container #main_01_section #favicon .favicon01 {background:url("/portal/images/main2017/main_ban_02.png") no-repeat center top #225393;} #body_container #main_01_section #favicon .favicon02 {background:url("/portal/images/main2017/main_ban_10.png") no-repeat center top #2e76ae;} #body_container #main_01_section #favicon .favicon03 {background:url("/portal/images/main2017/main_ban_03.png") no-repeat center top #8ec5d8;} #body_container #main_01_section #favicon .favicon07 {background:url("/portal/images/main2017/main_ban_07.png") no-repeat center top #bcebfb;} #body_container #main_01_section #favicon .favicon03 a {color:#333} #body_container #main_01_section #favicon .favicon07 a {color:#333} #body_container #main_01_section #favicon .favicon09 a {color:#333} #body_container #main_01_section #favicon .favicon04 a {color:#333} #body_container #main_01_section #favicon .favicon04 {background:url("/portal/images/main2017/main_ban_04.png") no-repeat center top #77b075;} #body_container #main_01_section #favicon .favicon05 {background:url("/portal/images/main2017/main_ban_05.png") no-repeat center top #409849;} #body_container #main_01_section #favicon .favicon06 {background:url("/portal/images/main2017/main_ban_06.png") no-repeat center top #13711c;} #body_container #main_01_section #favicon .favicon08 {background:url("/portal/images/main2017/main_ban_08.png") no-repeat center top #bcebfb;} #body_container #main_01_section #favicon .favicon09 {background:url("/portal/images/main2017/main_ban_09.png") no-repeat center top #a2c38b} /*#body_container #main_01_section #favicon i{width:100px;height:78px;display:block;} #body_container #main_01_section #favicon .favicon01 i{background: url("/portal/images/main2017/main_ban_01.png") no-repeat center bottom; background-size:60%;} #body_container #main_01_section #favicon .favicon02 i{background: url("/portal/images/main2017/main_ban_02.png") no-repeat center bottom; background-size:60%;} #body_container #main_01_section #favicon .favicon03 i{background: url("/portal/images/main2017/main_ban_03.png") no-repeat center bottom; background-size:60%} #body_container #main_01_section #favicon .favicon04 i{background: url("/portal/images/main2017/main_ban_04.png") no-repeat center bottom; background-size:60%;} #body_container #main_01_section #favicon .favicon05 i{background: url("/portal/images/main2017/main_ban_05.png") no-repeat center bottom; background-size:60%;} #body_container #main_01_section #favicon .favicon06 i{background: url("/portal/images/main2017/main_ban_06.png") no-repeat center bottom; background-size:60%;} */ #body_container #main_01_section #favicon li:hover{transform:scale(1); -webkit-transition :all 0.3s ease; transition:all 0.3s ease;} #body_container #main_01_section #favicon li:hover i{background-size:62%;transform:scale(1); -webkit-transition :all 0.8s ease; transition:all 0.8s ease} #body_container #main_01_section #favicon a{font-size:12px; text-align:center;color:#fff;position: absolute;bottom:10px;left:50px;margin-left:-50px;text-align:center;width:100%;padding-top:100px;overflow:hidden} #body_container #main_01_section #favicon a:hover{text-decoration:underline;transform:scale(1); -webkit-transition :all 0.3s ease; transition:all 0.3s ease;} #body_container #main_01_section #favicon .favicon01:hover{background:url("/portal/images/main2017/main_ban_02.png") no-repeat center top #558acd;} #body_container #main_01_section #favicon .favicon02:hover{background:url("/portal/images/main2017/main_ban_10.png") no-repeat center top #5e9fd1;} #body_container #main_01_section #favicon .favicon03:hover{background:url("/portal/images/main2017/main_ban_03.png") no-repeat center top #a4cad8;} #body_container #main_01_section #favicon .favicon04:hover{background:url("/portal/images/main2017/main_ban_04.png") no-repeat center top #bad7a6;} #body_container #main_01_section #favicon .favicon05:hover{background:url("/portal/images/main2017/main_ban_05.png") no-repeat center top #87b385;} #body_container #main_01_section #favicon .favicon06:hover{background:url("/portal/images/main2017/main_ban_06.png") no-repeat center top #579d5e;} #body_container #main_01_section #main_right{float:right; background:#f2f2f2;height:340px;position: relative;} #body_container #main_01_section #main_right #visual-zone-02 {width:270px} #body_container #main_01_section #main_right #visual-zone-02 img {width:100%; height:300px;} #body_container #main_01_section #main_right #visual-zone-02 li{float:left;width:270px;display:block;} #body_container #main_01_section #main_right #visual-main .navigation-zone {border:#ccc 1px solid;} #body_container #main_01_section #main_right #visual-main .navigation-zone li{padding-left:3px;} #body_container #main_01_section #main_right .controll-zone {} #body_container #main_02_section {clear:both;padding:30px 0px;overflow:hidden;} /*국립공원 추가내용 2019.01.07*/ #body_container #main_02_section #renaming {padding:5px 0px;float:left;width:590px;} #body_container #main_02_section #renaming .title{font-size:20px;font-weight:bold; position:relative; text-align: center;overflow:hidden;height:50px;} #body_container #main_02_section #renaming .title span{border-bottom:#95ca4e 2px solid; padding:5px 0px;} #body_container #main_02_section #renaming .visual {clear:both;} #body_container #main_02_section #renaming .list{margin-top:2px;clear:both;} #body_container #main_02_section #renaming .list ul{width:110%;} #body_container #main_02_section #renaming .list li{width:149px; background:#f9a842;float:left;text-align:center;margin-right:2px;padding:10px 0px} #body_container #main_02_section #renaming .list img{margin:5px auto; display:block} /*국립공원 추가내용 2019.01.07*/ #body_container #main_02_section #photo{padding:5px 0px;float:right;width:590px;} #body_container #main_02_section #photo .photo_title{clear:both;font-size:20px;font-weight:bold; position:relative; text-align: center;} #body_container #main_02_section #photo .photo_title a{width:20px;font-weight:normal;border:#ccc 1px solid;float:right} #body_container #main_02_section #photo .photo_title span{border-bottom:#95ca4e 2px solid; padding:5px 0px;} #body_container #main_02_section #photo .photo_title .photo_gubun{display:none;position:absolute;right:0px; font-size: 12px; top:0px; font-weight:normal} #body_container #main_02_section #photo .photo_title .photo_gubun span{ margin: 0px 5px;border-bottom:#aaaaaa 1px solid; padding:3px 0px;color:#adadad;cursor:pointer} #body_container #main_02_section #photo .photo_title .photo_gubun .on{border-bottom:#555555 1px solid;color:#363636; font-weight:600} #body_container #main_02_section #photo .photo_title .photo_gubun button{background:#fff; color:#666;cursor:pointer} #body_container #main_02_section #photo .photo_list {padding:30px 0px 0px 20px; } #body_container #main_02_section #photo .photo_list ul{width:104%;} #body_container #main_02_section #photo .photo_list li{border:#999 1px solid;margin:0px 30px 20px 0px;float:left; width:44.5%;} #body_container #main_02_section #photo .photo_list .img {width:100%;} #body_container #main_02_section #photo .photo_list .img img{width:100%;height:150px;} #body_container #main_02_section #photo .photo_list .txt{font-size:13px;padding:8px 10px;background:#fff;white-space:nowrap;text-overflow:ellipsis;overflow:hidden } #body_container #main_03_section {padding:10px 0px 20px 0px;overflow:hidden} #body_container #main_03_section #com_ban{float:left; border:#999999 1px solid; width:900px;} #body_container #main_03_section #com_ban #com_ban_title{padding:20px 0px 10px 0px; color:#4e6d9b; text-align:center; position:relative;font-size:18px;} #body_container #main_03_section #com_ban #com_ban_title span{font-weight:bold} #body_container #main_03_section #com_ban #com_ban_list {clear:both; padding:10px 5px 20px 10px;overflow:hidden} #body_container #main_03_section #com_ban #com_ban_list li{text-align:center;float:left;width:9.7%; padding: 0px 10px; margin:0px 10px;background:url("/portal/images/main2017/bar_com_ban.png") right no-repeat;} #body_container #main_03_section #com_ban #com_ban_list li .img{height:66px;text-align:center;} #body_container #main_03_section #com_ban #com_ban_list li img{width:80px;margin:0 auto;margin-bottom:7px;} #body_container #main_03_section #com_ban #com_ban_list li .txt{padding:10px 0px;text-align:center;} #body_container #main_03_section #com_ban #com_ban_list li:hover img{width:89px;transform:scale(1); -webkit-transition :all 0.3s ease; transition:all 0.3s ease;} #body_container #main_03_section #com_ban #com_ban_list .last{background:none; margin-right:0px} } #body_container #main_03_section #com_ban #com_ban_title #com_go{position:absolute; top:10px ;color:#fff; padding:0px 10px;right:10px;font-size:11px;border-radius:3px; background:#455d81} #body_container #main_03_section #com_ban #com_ban_title #com_go a{color:#fff} #body_container #main_03_section #gdj{float:right; border:#999999 1px solid;; width:270px;} #body_container #main_03_section #gdj h3{ background:#f2f2f2;color:#000;text-align:center;padding:10px 0px;font-weight:bold} #body_container #main_03_section #gdj li{float:left; width:35%;text-align:center; margin:15px 20px } #body_container #main_03_section #gdj li img{width:100%; overflow:hidden;margin-bottom:15px;} #body_container #main_03_section #gdj a{font-size:13px; color:#000} #body_container #main_04_section {background:#efefef; clear:both; padding:20px 0px 20px 0px; overflow:hidden} #body_container #main_04_section #section #section_title{font-size:25px;font-weight:bold; text-align: center;padding:10px 0px 10px 0px; } #body_container #main_04_section #section #section_txt{font-size:14px;text-align: center;padding:0px 0px 30px 0px;} #body_container #main_04_section #section .section {float:left;width:240px; height:240px; text-align:center; position:relative} #body_container #main_04_section #section .section .over{position:absolute; top:25px; left:45%; margin-left:-50px;} #body_container #main_04_section #section .section .title{color:#fff;text-decoration:underline;font-size:16px;font-weight:bold;} #body_container #main_04_section #section .section .img{clear:both;margin-top:10px;position:absolute;} /*#body_container #main_04_section #section .section .list {position:absolute;top:0px;opacity:0;}*/ #body_container #main_04_section #section .section .list {padding-top:10px} #body_container #main_04_section #section .section .list a{color:#fff;font-size:14px; } #body_container #main_04_section #section .section .list a:hover{text-decoration:underline} /*#body_container #main_04_section #section .section:hover .list{opacity:1;top:40px;transform:scale(1); -webkit-transition :all 0.3s ease; transition:all 0.3s ease;} */ #body_container #main_04_section #section .section .img{display:none} #body_container #main_04_section #section .section:hover .img{opacity:0; transform:scale(0.8); -webkit-transition :all 0.3s ease; transition:all 0.3s ease;} #body_container #main_04_section #section #section01 {float:left;width: 480px; height:480px; background:url("/portal/images/main2017/bg_section.png") no-repeat; position:relative } #body_container #main_04_section #section #section01_01{position:absolute;bottom:0px; right:0px; background:url("/portal/images/main2017/bg_section02.png") 100%; text-align: left; padding:20px; width:200px; height:200px;} #body_container #main_04_section #section #section01_01 h3{color:#fff;margin-top:20px;font-size:18px;} #body_container #main_04_section #section #section01_01 h3 span{font-weight:bold} #body_container #main_04_section #section #section01_01 span{color:#fff;font-size:12px;} #body_container #main_04_section #section #section01_01 a{color:#ffff00; text-decoration:underline;font-size:12px;} #body_container #main_04_section #section #section02 {background:#ff0000} *#body_container #main_04_section #section #section03 {background:url("/portal/images/main2017/bg_section03.png") 100%;} #body_container #main_04_section #section #section03:hover {background-size:101%;transform:scale(0.9999); -webkit-transition :all 0.9s ease; transition:all 0.9s ease;background-color:#fff} #body_container #main_04_section #section #section04 {background:#0ba135} #body_container #main_04_section #section #section05 {background:url("/portal/images/main2017/bg_section04.png") 100%;} #body_container #main_04_section #section #section05:hover {background-size:101%;transform:scale(0.9999); -webkit-transition :all 0.9s ease; transition:all 0.9s ease;background-color:#fff} #body_container #main_04_section #section #section06 {background:#d77206} #body_container #main_04_section #section #section06 .title{color:#fff} #body_container #main_04_section #section #section06 .list a{color:#fff} #body_container #main_04_section #section #section07 {background:url("/portal/images/main2017/bg_section05.png") 100%;} #body_container #main_04_section #section #section07:hover {background-size:101%;transform:scale(0.9999); -webkit-transition :all 0.9s ease; transition:all 0.9s ease;background-color:#fff} #body_container #main_04_section #section #section08 {background:url("/portal/images/main2017/bg_section01.png") 100% ;cursor:pointer;} #body_container #main_04_section #section #section08:hover {background-size:101%;transform:scale(0.9999); -webkit-transition :all 0.9s ease; transition:all 0.9s ease;background-color:#fff} #body_container #main_04_section #section #section09 {background:url("/portal/images/main2017/bg_section06.png") 100%;cursor:pointer} #body_container #main_04_section #section #section09:hover {background-size:101%;transform:scale(0.9999); -webkit-transition :all 0.9s ease; transition:all 0.9s ease;background-color:#fff} #body_container #main_04_section #section #section10 {background:#fad02d} #body_container #main_04_section #section #section10 .title{color:#000} #body_container #main_04_section #section #section10 .list a{color:#000} #body_container #main_04_section #section #section11 {background:url("/portal/images/main2017/bg_section07.png") 100%;cursor:pointer} #body_container #main_04_section #section #section11:hover {background-size:101%;transform:scale(0.9999); -webkit-transition :all 0.9s ease; transition:all 0.9s ease;background-color:#fff} #body_container #main_04_section #section #section11 #maul_title{margin-top:30px; font-size:15px; font-weight:bold;} #body_container #main_04_section #section #section12 {background:url("/portal/images/main2017/bg_section08.png") 100%;} #body_container #main_04_section #section #section12 #section12_comment{position:absolute;top:10px; left:10px;text-align:left;} #body_container #main_04_section #section #section12:hover {background-size:101%;transform:scale(0.9999); -webkit-transition :all 0.9s ease; transition:all 0.9s ease;background-color:#fff} #body_container #main_04_section #section .sns_list{float:right} #body_container #main_04_section #section .sns_list li{width:60px;} #body_container #main_04_section #section .sns_list img{width:100%;} #body_container #main_05_section {clear:both; padding:20px 0px 20px 0px; overflow:hidden} #body_container #main_05_section .banner_content {position:relative;margin-top:0px;width:100%;height:69px;overflow:hidden; border-top:#ccc 1px solid;border-bottom:1px solid #ccc ;} #body_container #main_05_section .banner_content ul {width:1200px;height:50px;overflow:hidden;margin:9px auto 8px;margin-left:37px;} #body_container #main_05_section .banner_content ul li {float:left;padding:0 7px 15px 7px;} #body_container #main_05_section .banner_content img {width:100%} #body_container #main_05_section .banner_content .sp_prev {position:absolute;left:23px;top:25px;} #body_container #main_05_section .banner_content .sp_next {position:absolute;right:23px;top:25px;} #footer_container{clear:both;} #footer_container #footer_gnb{border-top:#999 1px solid;border-bottom:#ccc 1px solid;background:#f2f2f2; overflow:hidden; padding:5px 0px;} #footer_container #footer_gnb li{float:left; padding-left:10px;} #footer_container #footer_gnb a{font-size:11px;} .bluetxt{color:#0033CC} #footer_container #footer_copy{clear:both; padding:30px 0px;overflow:hidden;} #footer_container #footer_copy #f_logo{float:left} #footer_container #footer_copy #add{float:left; margin-left:30px; width:600px; line-height:18px; font-size:12px; color:#666;} #footer_container #footer_copy #add .capy{font-weight:bold} #nanum{padding:5px 0px;} #nanum a{color:#0ba135;float:left;} #footer_container #footer_copy #f_right {float:right;} #park_go select{height:22px; border:#999 solid 1px; float:left;} #park_go .foot_btn {text-align:center;color:#fff;background:#333;float:left;border:#999 solid 1px; font-size:10px;padding:0px 5px;width:30px;height:20px;overflow:hidden;margin-left:2px;} #mark {padding:5px 0px;clear:both} #mark li{float:left; width:22%} #mark li img{width:100%} /*긴급 알림창*/ #event_pop{position:relative; width:100%;z-index:9999999999999999999999999999999999; height:95px;} #event_pop .pop_layout {position: relative;background:#333;width:100%;padding:10px 0px;height:95px;} #event_pop .pop_layout .notice {float:left;width:900px} #event_pop .pop_layout .notice .img{float:left;width:80px} #event_pop .pop_layout .notice .img img{width:90%} #event_pop .pop_layout .notice .notice_txt{color:#fff} #event_pop .pop_layout .notice .notice_txt .title{color:#fff568;font-weight:bold} #event_pop .pop_layout .notice .notice_txt .txt{font-size:13px; line-height:18px;padding-top:5px;} #event_pop .pop_layout .today_close{float:right;width:80px } .quick a{display:block}