@charset "utf-8"; /* CSS Document */ /**** reset ****/ a, abbr, acronym, address, applet, article, aside, audio, b, blockquote, big, body, center, canvas, caption, cite, code, command, datalist, dd, del, details, dfn, dl, div, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, input, kbd, keygen, label, legend, li, meter, mark, nav, menu, object, ol, output, option, p, pre, progress, q, s, samp, section, small, span, source, strike, sub, sup, table, tbody, tfoot, thead, th, tr, td, video, tt, u, ul, var{padding:0; margin:0; font-size:100%; font:inherit; border:0; box-sizing:border-box;text-decoration: none;color:#616161;letter-spacing:-0.01rem;font-weight:400} body{line-height:1;font-family: NotoSansKR,'맑은 고딕','Malgun Gothic','Apple SD Gothic Neo','돋움',dotum, sans-serif;} ul, ol, li{list-style:none;} table{border-collapse:collapse; border-spacing:0;} caption, legend{position:relative; left:-10000px; top:auto; width:1px; height:1px; overflow:hidden;} td, th{word-break:break-all; vertical-align:middle;font-family: '맑은 고딕','Malgun Gothic','Apple SD Gothic Neo','돋움',dotum, sans-serif;} mark, var{background:none;} img, input, button, select, textarea{vertical-align:middle;} img, fieldset, iframe{border:0;} body {font-size: 1rem; line-height: 1.6; color: #616161; overflow-x: hidden;} strong, b {font-weight: 500;} a:hover{color: #793d01;} /*a:focus{outline: 2px dotted #ed4e00} button:focus{outline: 2px dotted #ed4e00}*/ /* 스타일 유지 focus */ :focus-visible{outline:3px dotted #ed4e00;opacity:1!important} button{cursor: pointer;} /* 익스플로어 전용 CSS */ /* Only works in IE10 이상 (IE11도 포함)*/ /* IE 10+, Microsoft Edge Browser */ _:-ms-lang(x), .cont010302 .ie-letter-spacing3 {letter-spacing:2.3px} _:-ms-lang(x), .cont010302 .ie-letter-spacing4 {letter-spacing:5px} _:-ms-lang(x), .cont010302 .ie-letter-spacing5 {letter-spacing:1px} /* _:-ms-input-placeholder, :root .cont010302 .ie-letter-spacing3 { letter-spacing:-0.6px } _:-ms-input-placeholder, :root .cont010302 .ie-letter-spacing4 { letter-spacing:5px } _:-ms-input-placeholder, :root .cont010302 .ie-letter-spacing5 { letter-spacing:-0.6px } */ /* Only works in IE11 _:-ms-fullscreen, :root .cont010302 span.title_b { letter-spacing:-0.5px }*/ /* 익스플로어 전용 CSS 끝 */ /* html5 */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{display:block;} table caption {position:relative; left:-10000px; top:auto; width:1px; height:1px; overflow:hidden;} th{font-size:14px; font-weight:600; line-height:22px; letter-spacing:-0.01em; color:#333; word-break:keep-all; word-wrap:break-word; } /* color값은 사이트에 맞게사용 */ td{font-size:14px; font-weight:400; line-height:22px; letter-spacing:-0.01em; color:#333; word-break:keep-all; word-wrap:break-word; } /* color값은 사이트에 맞게사용 */ select {width: auto; min-width: 100px; height:38px; padding-right: 25px; background:url("/garden/images/common/icon_sharrow.png") no-repeat 96% 50% #fff;background-size:10px;border:1px solid #e0e0e0;transition:all .3s;-webkit-appearance:none;-moz-appearance:none;appearance:none;} select::-ms-expand {display: none;}/* select box 화살표 없애기 ie10,ie11 */ /* reset */ .blind{position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); margin: -1px;}/* 숨김처리는 하고 접근성관련 리더기에서는 읽힘 */ .goog-te-banner-frame { top: auto!important; bottom: 0px!important; } /* font */ @font-face { font-family:'NanumBarunGothic'; font-style:normal; src: /*url(/garden/fonts/NanumBarunGothic.eot),*/ url(/garden/fonts/NanumBarunGothic.eot?#iefix) format('embedded-opentype'), url(/garden/fonts/NanumBarunGothic.woff) format('woff'), url(/garden/fonts/NanumBarunGothic.otf) format('opentype'); } @font-face{ font-family:'NotoSansKR'; font-style:normal; font-weight:100; src:local('Noto Sans Thin'),local('NotoSans-Thin'), /*url(/garden/fonts/NotoSansKR-Thin.eot),*/ url(/garden/fonts/NotoSansKR-Thin.eot?#iefix) format('embedded-opentype'), url(/garden/fonts/NotoSansKR-Thin.woff) format('woff'), url(/garden/fonts/NotoSansKR-Thin.otf) format('opentype'); } @font-face{ font-family:'NotoSansKR'; font-style:normal; font-weight:200; src:local('Noto Sans Light'),local('NotoSans-Light'), /*url(/garden/fonts/NotoSansKR-Light.eot),*/ url(/garden/fonts/NotoSansKR-Light.eot?#iefix) format('embedded-opentype'), url(/garden/fonts/NotoSansKR-Light.woff) format('woff'), url(/garden/fonts/NotoSansKR-Light.otf) format('opentype'); } @font-face{ font-family:'NotoSansKR'; font-style:normal; font-weight:300; src:local('Noto Sans DemiLight'),local('NotoSans-DemiLight'), /*url(/garden/fonts/NotoSansKR-DemiLight.eot),*/ url(/garden/fonts/NotoSansKR-DemiLight.eot?#iefix) format('embedded-opentype'), url(/garden/fonts/NotoSansKR-DemiLight.woff) format('woff'), url(/garden/fonts/NotoSansKR-DemiLight.otf) format('opentype'); } @font-face{ font-family:'NotoSansKR'; font-style:normal; font-weight:400; src:local('Noto Sans Regular'),local('NotoSans-Regular'), /*url(/garden/fonts/NotoSansKR-Regular.eot),*/ url(/garden/fonts/NotoSansKR-Regular.eot?#iefix) format('embedded-opentype'), url(/garden/fonts/NotoSansKR-Regular.woff) format('woff'), url(/garden/fonts/NotoSansKR-Regular.otf) format('opentype'); } @font-face{ font-family:'NotoSansKR'; font-style:normal; font-weight:500; src:local('Noto Sans Medium'),local('NotoSans-Medium'), /*url(/garden/fonts/NotoSansKR-Medium.eot),*/ url(/garden/fonts/NotoSansKR-Medium.eot?#iefix) format('embedded-opentype'), url(/garden/fonts/NotoSansKR-Medium.woff) format('woff'), url(/garden/fonts/NotoSansKR-Medium.otf) format('opentype'); } @font-face{ font-family:'NotoSansKR'; font-style:normal; font-weight:700; src:local('Noto Sans Bold'),local('NotoSans-Bold'), /*url(/garden/fonts/NotoSansKR-Bold.eot),*/ url(/garden/fonts/NotoSansKR-Bold.eot?#iefix) format('embedded-opentype'), url(/garden/fonts/NotoSansKR-Bold.woff) format('woff'), url(/garden/fonts/NotoSansKR-Bold.otf) format('opentype'); } @font-face{ font-family:'NotoSansKR'; font-style:normal; font-weight:900; src:local('Noto Sans Black'),local('NotoSans-Black'), /*url(/garden/fonts/NotoSansKR-Black.eot),*/ url(/garden/fonts/NotoSansKR-Black.eot?#iefix) format('embedded-opentype'), url(/garden/fonts/NotoSansKR-Black.woff) format('woff'), url(/garden/fonts/NotoSansKR-Black.otf) format('opentype'); } @font-face {font-family: "RussellSquare"; src: url("/garden/fonts/RussellSquare.eot"); /* IE9*/ src: url("/garden/fonts/RussellSquare.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */ url("/garden/fonts/RussellSquare.woff") format("woff"), /* chrome、firefox */ url("/garden/fonts/RussellSquare.ttf") format("truetype"), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/ url("/garden/fonts/RussellSquare.svg#RussellSquare") format("svg"); /* iOS 4.1- */ } @font-face { font-family: 'SBAggro'; font-weight: 300; font-style: normal; src: url('https://cdn.jsdelivr.net/gh/webfontworld/sandbox/SBAggroLight.eot'); src: url('https://cdn.jsdelivr.net/gh/webfontworld/sandbox/SBAggroLight.eot?#iefix') format('embedded-opentype'), url('https://cdn.jsdelivr.net/gh/webfontworld/sandbox/SBAggroLight.woff2') format('woff2'), url('https://cdn.jsdelivr.net/gh/webfontworld/sandbox/SBAggroLight.woff') format('woff'), url('https://cdn.jsdelivr.net/gh/webfontworld/sandbox/SBAggroLight.ttf') format("truetype"); font-display: swap; } @font-face { font-family: 'SBAggro'; font-weight: 500; font-style: normal; src: url('https://cdn.jsdelivr.net/gh/webfontworld/sandbox/SBAggroMedium.eot'); src: url('https://cdn.jsdelivr.net/gh/webfontworld/sandbox/SBAggroMedium.eot?#iefix') format('embedded-opentype'), url('https://cdn.jsdelivr.net/gh/webfontworld/sandbox/SBAggroMedium.woff2') format('woff2'), url('https://cdn.jsdelivr.net/gh/webfontworld/sandbox/SBAggroMedium.woff') format('woff'), url('https://cdn.jsdelivr.net/gh/webfontworld/sandbox/SBAggroMedium.ttf') format("truetype"); font-display: swap; } @font-face { font-family: 'SBAggro'; font-weight: 700; font-style: normal; src: url('https://cdn.jsdelivr.net/gh/webfontworld/sandbox/SBAggroBold.eot'); src: url('https://cdn.jsdelivr.net/gh/webfontworld/sandbox/SBAggroBold.eot?#iefix') format('embedded-opentype'), url('https://cdn.jsdelivr.net/gh/webfontworld/sandbox/SBAggroBold.woff2') format('woff2'), url('https://cdn.jsdelivr.net/gh/webfontworld/sandbox/SBAggroBold.woff') format('woff'), url('https://cdn.jsdelivr.net/gh/webfontworld/sandbox/SBAggroBold.ttf') format("truetype"); font-display: swap; } .parking_wrap{font-family: 'NanumBarunGothic'} #contents_wrap a.vr_btn2{border-radius:50%;width:80px;height:80px;display:block;position:absolute;background:#333;line-height:77px;color:#fff!important;text-align:center;margin:15px;border:3px solid #b17131} #contents_wrap a.vr_btn2:hover{background:#af874f!important;color:#fff} #content.cont_inner a.vr_btn2{border-radius:50%;width:80px;height:80px;display:block;position:absolute;background:#333;line-height:77px;color:#fff!important;text-align:center;margin:15px;border:3px solid #b17131} #content.cont_inner a.vr_btn2:hover{background:#af874f!important;color:#fff} /* Global SPACE */ .MAL0 {margin-left:0px !important;} .MAL5 {margin-left:5px !important;} .MAL10 {margin-left:10px !important;} .MAL15 {margin-left:15px !important;} .MAL20 {margin-left:20px !important;} .MAL25 {margin-left:25px !important;} .MAL30 {margin-left:30px !important;} .MAL35 {margin-left:35px !important;} .MAL40 {margin-left:40px !important;} .MAL45 {margin-left:45px !important;} .MAL50 {margin-left:50px !important;} .MAL55 {margin-left:55px !important;} .MAL60 {margin-left:60px !important;} .MAL70 {margin-left:70px !important;} .MAL100 {margin-left:100px !important;} .MAL140 {margin-left:140px !important;} .MAR0 {margin-right:0px !important;} .MAR2 {margin-right:2px !important;} .MAR5 {margin-right:5px !important;} .MAR10 {margin-right:10px !important;} .MAR15 {margin-right:15px !important;} .MAR20 {margin-right:20px !important;} .MAR25 {margin-right:25px !important;} .MAR30 {margin-right:30px !important;} .MAR35 {margin-right:35px !important;} .MAR40 {margin-right:40px !important;} .MAR85 {margin-right:85px !important;} .MAR165 {margin-right:165px !important;} .MAB0 {margin-bottom:0px !important;} .MAB5 {margin-bottom:5px !important;} .MAB10 {margin-bottom:10px !important;} .MAB15 {margin-bottom:15px !important;} .MAB20 {margin-bottom:20px !important;} .MAB25 {margin-bottom:25px !important;} .MAB30 {margin-bottom:30px !important;} .MAB35 {margin-bottom:35px !important;} .MAB40 {margin-bottom:40px !important;} .MAB45 {margin-bottom:45px !important;} .MAB50 {margin-bottom:50px !important;} .MAB55 {margin-bottom:55px !important;} .MAB60 {margin-bottom:60px !important;} .MAB65 {margin-bottom:65px !important;} .MAT0 {margin-top:0 !important;} .MAT5 {margin-top:5px !important;} .MAT6 {margin-top:6px !important;} .MAT10 {margin-top:10px !important;} .MAT15 {margin-top:15px !important;} .MAT20 {margin-top:20px !important;} .MAT25 {margin-top:25px !important;} .MAT30 {margin-top:30px !important;} .MAT35 {margin-top:35px !important;} .MAT40 {margin-top:40px !important;} .MAT47 {margin-top:47px !important;} .MAT45 {margin-top:45px !important;} .MAT50 {margin-top:50px !important;} .MAT55 {margin-top:55px !important;} .MAT60 {margin-top:60px !important;} .MAT70 {margin-top:70px !important;} .MAT80 {margin-top:80px !important;} .MAT90 {margin-top:90px !important;} .MAT100 {margin-top:100px !important;} .MAT115 {margin-top:115px !important;} .MAT130 {margin-top:130px !important;} .PAL0 {padding-left:0px !important;} .PAL5 {padding-left:5px !important;} .PAL10 {padding-left:10px !important;} .PAL15 {padding-left:15px !important;} .PAL20 {padding-left:20px !important;} .PAL25 {padding-left:25px !important;} .PAL30 {padding-left:30px !important;} .PAL35 {padding-left:35px !important;} .PAL40 {padding-left:40px !important;} .PAL45 {padding-left:45px !important;} .PAL50 {padding-left:50px !important;} .PAL70 {padding-left:70px !important;} .PAR0 {padding-right:0 !important;} .PAR5 {padding-right:5px !important;} .PAR10 {padding-right:10px !important;} .PAR15 {padding-right:15px !important;} .PAR20 {padding-right:20px !important;} .PAR25 {padding-right:25px !important;} .PAR30 {padding-right:30px !important;} .PAR35 {padding-right:35px !important;} .PAR40 {padding-right:40px !important;} .PAT0 {padding-top:0 !important;} .PAT5 {padding-top:5px !important;} .PAT10 {padding-top:10px !important;} .PAT15 {padding-top:15px !important;} .PAT20 {padding-top:20px !important;} .PAT25 {padding-top:25px !important;} .PAT30 {padding-top:30px !important;} .PAT35 {padding-top:35px !important;} .PAT40 {padding-top:40px !important;} .PAT45 {padding-top:45px !important;} .PAT50 {padding-top:50px !important;} .PAT55 {padding-top:55px !important;} .PAT60 {padding-top:60px !important;} .PAT65 {padding-top:65px !important;} .PAT70 {padding-top:70px !important;} .PAT75 {padding-top:75px !important;} .PAT80 {padding-top:80px !important;} .PAT85 {padding-top:85px !important;} .PAT90 {padding-top:90px !important;} .PAT95 {padding-top:95px !important;} .PAT100 {padding-top:100px !important;} .PAT105 {padding-top:105px !important;} .PAT110 {padding-top:110px !important;} .PAT115 {padding-top:115px !important;} .PAT120 {padding-top:120px !important;} .PAT125 {padding-top:125px !important;} .PAT130 {padding-top:130px !important;} .PAT135 {padding-top:135px !important;} .PAT144 {padding-top:144px !important;} .PAB0 {padding-bottom:0 !important;} .PAB5 {padding-bottom:5px !important;} .PAB10 {padding-bottom:10px !important;} .PAB15 {padding-bottom:15px !important;} .PAB20 {padding-bottom:20px !important;} .PAB25 {padding-bottom:25px !important;} .PAB30 {padding-bottom:30px !important;} .PAB35 {padding-bottom:35px !important;} .PAB40 {padding-bottom:40px !important;} .PAB50 {padding-bottom:50px !important;} .PAB85 {padding-bottom:85px !important;} .PAB120 {padding-bottom:120px !important;} .PAD0{padding:0 !important;} .PADDING5{padding:5px !important;} .PADDING10{padding:10px !important;} .PADDING15{padding:15px !important;} .PADDING20{padding:20px !important;} .PADDING30{padding:30px !important;} .PADDING40{padding:40px !important;} .PADDING50{padding:50px !important;} .WID100PER{width:100% !important;} .WID98PER{width:98% !important;} .WID95PER{width:95% !important;} .WID85PER{width:85% !important;} .WID45PER{width:45% !important;} .WID20PER{width:20% !important;} .WID20PX{width:20px !important;} .HGT20PX{height:20px !important;} .HGT30PX{height:30px !important;} .HGT40PX{height:40px !important;} .HGT50PX{height:50px !important;} .HGT60PX{height:60px !important;} .HGT70PX{height:70px !important;} .HGT80PX{height:80px !important;} .HGT90PX{height:90px !important;} .HGT100PX{height:100px !important;} .HGT110PX{height:120px !important;} .HGT120PX{height:120px !important;} .HGT140PX{height:140px !important;} .HGT160PX{height:160px !important;} .HGT170PX{height:170px !important;} .maxWid80px{max-width:80px} .maxWid120px{max-width:120px} .cursor_p{cursor:pointer} .cl_both{clear:both} .cl{clear:both} .txtL{text-align: left!important;} .txtC{text-align: center!important;} .txtR{text-align: right!important;} .f100{font-weight: 100!important;} .f200{font-weight: 200!important;} .f300{font-weight: 300!important;} .f400{font-weight: 400!important;} .f500{font-weight: 500!important;} .f600{font-weight: 600!important;} /* 본문바로가기 */ .skip_nav{position:absolute; margin:0 auto; z-index:100001; top:0; left:0; right:0;} .skip_nav a {position:absolute; width:100%; font-size:0; top:-50px;} .skip_nav a:active, .skip_nav a:focus{display:block; font-size:12px; padding:10px; top:0; text-align:center; color:#fff; font-weight:600; background:#000; outline:0;} .wrap{width:100%;position: relative;} .inner{width: 100%; max-width: 1222px; margin:0 auto;} .cont_inner{width: 100%; max-width: 1222px; margin:0 auto; padding-top:144px} .header_wrap{background:#fff url(/garden/images/common/bg_global_menu.gif) top left repeat-x; width:100%; position:fixed;left:0;top:0;right:0;z-index:10000;box-shadow: 0 0 15px #dedede} .global_menu{} .global_menu .gm01{float:left} .global_menu .gm01 ul{} .global_menu .gm01 ul li{display: block; float: left;} .global_menu .gm01 ul li.gm01_tour{} .global_menu .gm01 ul li.gm01_bay{} .global_menu .gm01 ul li.admin, .global_menu .gm01 ul li.expoblog, .global_menu .gm01 ul li.skycube{border-right:1px solid #c4c4c4} .global_menu .gm01 ul li a{font-size:14px;/*font-weight:600*/} .global_menu .gm01 ul li a{/*border-left:1px solid #e2e2e2;*/height:43px;line-height:43px;display:block} .global_menu .gm01 ul li.admin a{width:76px;text-align:center} .global_menu .gm01 ul li.expoblog a{width:96px;text-align:center} .global_menu .gm01 ul li.skycube a{width:76px;text-align:center} .global_menu .gm01 ul li.gm01_tour a{color:#333;background: url(/garden/images/common/icon_gm_tour.png) 19px 13px no-repeat;padding-left:40px;width:113px;height:43px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .global_menu .gm01 ul li.gm01_bay a{color:#333;background: url(/garden/images/common/icon_gm_bay.png) 14px 13px no-repeat;padding-left:40px;border-right:1px solid #c4c4c4;width:125px;height:43px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .global_menu .gm01 ul li.gm01_garden a{color:#333; background: url(/wetland/images/common/icon_gm_garden.png) 14px 13px no-repeat;padding-left:40px; width:144px;height:43px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .global_menu .gm01 ul li.gm01_expo a{color:#333;background: url(/garden/images/common/icon_gm_expo.png) 16px 13px no-repeat;border-right:1px solid #c4c4c4;padding-left:40px;width:213px;height:43px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .global_menu .gm01 ul li a:hover{background-color:#fff;border-bottom:1px solid #e2e2e2} .global_menu .gm01 ul li.gm01_bay.on a{color: #4c2c16; background-color:#fff;border-bottom:1px solid #fff} .global_menu .gm01 ul li.gm01_garden.on a{color: #222; background-color:#fff;border-bottom:1px solid #fff} .global_menu .gm01 ul li.gm01_expo.on a{color: #222; background-color:#fff;border-bottom:1px solid #fff} .global_menu .gm01 ul li.admin.on a{color: #222; background-color:#fff;border-bottom:1px solid #fff} .global_menu .gm01 ul li.admin a, .global_menu .gm01 ul li.skycube a{overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .global_menu div ul li a font{font-size:11px} .global_menu .gm_lang {font-size: 12px;line-height: 16px; height: 43px;float: left;padding-left: 10px;color: red;display: block;margin-top:4px} .global_menu .gm02{float:right;height:43px;border-right:1px solid #c4c2c2} .global_menu .gm02 ul{float:left} .global_menu .gm02 ul li{display:inline-block;;vertical-align: top} .global_menu .gm02 ul li a{border-left:1px solid #c4c2c2;height:43px;line-height:43px;display:inline-block;padding:0 10px;font-size:14px;font-weight:400;color:#333;margin:0!important} .global_menu .gm02 ul li.lang{display:inline-block;} .global_menu .gm02 ul li.lang a{background:url(/garden/images/common/icon_lang_select.png) 74px 18px no-repeat;padding-right:30px;padding-left:0;border-left:0} .global_menu .gm02 ul li.lang a font{font-size:12px} .global_menu .gm02 ul li.lang ul.foreign_list{background:#fff;z-index:100;display:block;} .global_menu .gm02 ul li.lang ul.foreign_list li{display:block;} .global_menu .gm02 ul li.lang ul.foreign_list li a{width:161px;background:none;height:30px;line-height:30px;border-bottom:1px solid #ebebeb} .global_menu .gm02 ul li a.kor{border-right:1px solid #c4c2c2; padding-right: 30px; background:url(/garden/images/common/icon_lang_kor.png) 56px 18px no-repeat;} li.gl01_tour{} li.gm01_bay{} .header_wrap .logo{position: relative; float: left; width: 20%; padding-top: 20px;} .header_wrap .logo img{width: 100%; max-width: 213px;} .gnb_wrap{position: relative; float: left; width: 80%;} .gnb_wrap inner{position:relative} .gnb_wrap ul.gnb{} .gnb_wrap ul.gnb li.dep1{} .gnb_wrap ul.gnb li.dep1 .dep2{} .gnb_wrap ul.gnb li.dep1 .dep2 ul{} .gnb_wrap ul.gnb li.dep1 .dep2 li a{} @media only screen and (max-width:560px){ .global_menu .gm01 ul li.gm01_garden a{background:none;padding-left:0;text-align:center;width:100px} .global_menu .gm01 ul li.gm01_bay a{background:none;padding-left:0;text-align:center;width:70px} .global_menu .gm01 ul li.gm01_expo a{background:none;padding-left:0;text-align:center;width:150px;font-size:12px} .global_menu .gm01 ul li.skycube a{background:none;padding-left:0;text-align:center;width:55px;font-size:12px} } @media only screen and (max-width:377px){ .global_menu .gm01 ul li.gm01_garden a{width:90px;font-size:12px} .global_menu .gm01 ul li.gm01_bay a{width:65px;font-size:12px} .global_menu .gm01 ul li.skycube a{width:50px;font-size:11px} } /*.header_wrap .gnb_wrap {float:left;width:100%;}*/ .header_wrap .gnb {float: left; width: 95%;} .header_wrap .gnb .dep1 {float: left; width: 16.6%;} .header_wrap .gnb .dep1.gnb1 {width:128px} .header_wrap .gnb .dep1 .mn {position:relative;display:block;padding-top:34px;height:58px;color:#333;font-size:18px;white-space:nowrap;letter-spacing:-1px;text-align:center;font-weight:400;padding-bottom:67px;max-width:150px;overflow:hidden;text-overflow:ellipsis} .header_wrap .gnb .dep1 .mn:after {position:absolute;content:'';width:0;left:50%;bottom:0px;border-bottom:4px solid #d2232a;transition:width .2s,left .2s;-webkit-transition: width .2s,left .2s;} .header_wrap .gnb .dep1.on .mn, .header_wrap .gnb .dep1.active .mn {font-weight:700;} .header_wrap .gnb .dep1.on .mn:after, .header_wrap .gnb .dep1.active .mn:after {width:74px;margin-left:-36px;} .header_wrap .gnb .dep1.on .mn1:after, .header_wrap .gnb .dep1.active .mn1:after {width:83px;margin-left:-42px;} .header_wrap .gnb .dep2 {background:#fff;display:none;} .header_wrap .gnb .gnb1 .dep2 {} .header_wrap .gnb .dep2 ul {padding:20px 0;} .header_wrap .gnb .dep2 ul li {margin-bottom:5px;} .header_wrap .gnb .dep2 ul li a {display:block;height:30px;line-height:30px;color:#000;text-align:center;letter-spacing:-1px;font-weight:200;font-size:0.95rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:140px} .header_wrap .gnb .dep2 ul li a:hover {color:#000;font-weight:300;} .header_wrap.gnb_open {border-bottom:1px solid #ccc;} .header_wrap.gnb_open .dep2 {display:block;} /*4dep menu*/ .subNav a{display:block;position:relative;box-sizing:border-box;text-align:center} .subNav {/*height:60px;*/position:relative;max-width:1222px;margin:0 auto;z-index:1;} .subNav:before{content:"";display:block;width:100%;height:1px;background:#d9d9d9;position:absolute;left:0;bottom:7px;} div.subNav4Dep{width:100%;margin: 0 auto;position:relative;top:0px;} div.subNav4Dep ul{width:100%;text-align:center;} div.subNav4Dep ul li{display:inline-block;} div.subNav4Dep ul li a{display:block;text-align:center;color:#444;height:62px;padding:16px 8px;box-sizing:border-box;font-weight:400;font-size:0.9rem} div.subNav4Dep ul li a:before{content:"";display:block;width:1px;height:12px;background:#CCC;position:absolute;left:0;top:23px;} div.subNav4Dep ul li:first-child a:before{display:none;} div.subNav4Dep ul li a.active, div.subNav4Dep ul li a:active, div.subNav4Dep ul li a:focus, div.subNav4Dep ul li a:hover{color:#ca6011;font-weight:400} div.subNav4Dep ul li a:after{opacity:0;content:"";display:block;position:absolute;left:calc(50% - 5px );bottom:1px;border-bottom: 10px solid #ca6011;border-left: 6px solid transparent;border-right: 6px solid transparent;width: 0px;} div.subNav4Dep ul li.on, div.subNav4Dep ul li a.active:after, div.subNav4Dep ul li a:active:after, div.subNav4Dep ul li a:focus:after, div.subNav4Dep ul li a:hover:after{opacity:1;border-bottom:0;border-top: 10px solid #ca6011;transition: all 0.2s cubic-bezier(0.7, 0, 0.3, 1);} div.subNav4Dep ul li a.active{color:#ca6011;font-weight:400;} div.subNav4Dep ul li.on{color:#ca6011;font-weight:400;border:none} @media only screen and (max-width:1120px){ div.subNav4Dep ul li a{height: 47px; padding: 9px 4px; font-size: 0.8rem;} div.subNav4Dep ul li a::before{top: 15px;} } /* div.subNav3Dep ul li a.active, div.subNav3Dep ul li a:focus, div.subNav3Dep ul li a:hover{color:#0889e7;} div.subNav3Dep ul li a:after{opacity:0;content:"";display:block;position:absolute;left:calc(50% - 5px );bottom:1px;border-bottom: 10px solid #0889e7;border-left: 6px solid transparent;border-right: 6px solid transparent;width: 0px;} div.subNav3Dep ul li a.active:after, div.subNav3Dep ul li a:focus:after, div.subNav3Dep ul li a:hover:after{opacity:1;border-bottom:0;border-top: 10px solid #0889e7;transition: all 0.2s cubic-bezier(0.7, 0, 0.3, 1);} */ /*사이트맵이동+검색*/ ul.goMapSearch{position: relative; float: right; top: 30px; width: 5%;} ul.goMapSearch li{float:left;width:35px;} ul.goMapSearch li:last-child{float: right;} @media only screen and (max-width:1600px){ ul.goMapSearch{right:5px;} } @media only screen and (max-width:1024px){ ul.goMapSearch{position:static;right:auto;} } /*사이트맵이동버튼*/ a.gotoSitemap{display:none;width:35px;height:35px;text-indent:-9999px;background:url(/garden/images/common/btn_sitemap.gif) no-repeat center;} @media only screen and (max-width:1024px){ a.gotoSitemap{display:none;} } /*검색*/ div.search:before{content:"";display:block;width:100%;height:87px;position:absolute;left:0;top:-91px;} a.searchOpen{display:block;width:35px;height:35px;text-indent:-9999px;background:url(/garden/images/common/icon_srch.png) no-repeat center;} div.search{text-align:center;width:100%;padding:30px 0 10px;position:absolute;left:0;top:135px;background:#03214e;z-index:100} div.search form{position:relative; width: 100%; max-width:720px; padding:0; margin: 0 auto;} div.search fieldset{padding:0;position:relative;width:600px;margin: 0 auto;} div.search fieldset legend{display:none;} div.search fieldset input{display:inline-block;vertical-align:middle;box-sizing:border-box;height:55px;border:0;background:transparent;color:#FFF;outline-style:none;} div.search fieldset input[type=text]{border-right:0;padding:0 10px;width:600px;border:2px solid #FFF;} div.search fieldset input[type=text]:focus{border:2px solid #73c3ff;} div.search fieldset input[type=text]::placeholder{color:#b8bcc4;} div.search fieldset input[type=submit]{width:55px;text-indent:-9999px;position:absolute; top: 0; right:0;background:url(/garden/images/common/search_icon.png) no-repeat center;cursor:pointer;} div.search fieldset input[type=submit]:hover, div.search fieldset input[type=submit]:focus{background:url(/garden/images/common/search_iconWhite.png)no-repeat center;} div.search fieldset input[type=submit]:focus{border: 1px dotted #fff} div.search a.searchClose{display:block;z-index:1;position:absolute;right:4px;top:8px;width:40px;height:40px;border-radius:100%;text-indent:-9999px;background: url(/garden/images/common/search_icon_close.png) no-repeat center;} div.search a.searchClose:focus{border: 1px dotted #fff;} div.search .search_txt{width: 100%; max-width: 600px; margin: 0 auto; text-align: left;padding: 10px; color: #c1d6f6;} div.search .search_txt span.tit{color: #c1d6f6; display: inline-block; padding-left: 20px; padding-right: 5px; background-image: url(/garden/images/common/icon_srch_txt.png); background-repeat: no-repeat; font-weight: bold;} div.search .search_txt a{color: #c1d6f6; display: inline-block; padding: 0 3px;} div.search .search_txt a:focus{border: 1px dotted #fff;} .lnbArea .lnb > div > a {color:#fff; background:url("/common/images/icon/w_lnb_icon.png") no-repeat right 0 top 50%;} .lnbArea .lnb .home {background:url("/common/images/btn/w_home_btn.png") no-repeat 0 50%; border-color:rgba(255,255,255,0.3);} .lnbArea .shareArea .share > a {background:url("/common/images/btn/w_share_btn.png") no-repeat 50% 50%;} .lnbArea .shareArea .share > a:hover, .lnbArea .shareArea .share > a.on {background:url("/common/images/btn/share_btn_on.png") no-repeat 50% 50%;} .lnbArea .shareArea .print a {background:url("/common/images/btn/w_print_btn.png") no-repeat 50% 50%;} /* lnbArea */ .lnbArea {position:relative; max-width:1175px; margin:0 auto; padding-top:30px;} .lnbArea:after {content:''; display:block; clear:both;} .lnbArea .lnb {float:left; padding-top:10px;height:52px;line-height:27px} .lnbArea .lnb:after {content:''; display:block; clear:both;} .lnbArea .lnb .home {float:left; display:block; width:36px; height:30px; border-right:1px solid #e1e1e1; background:url("/garden/images/common/home_btn.png") no-repeat 0 50%;} .lnbArea .lnb > div {float:left; position:relative; margin-left:20px;} .lnbArea .lnb > div.oneD {margin-left:26px;} .lnbArea .lnb > div > a {display:block; padding-right:42px; height:30px; font-size:16px; color:#555; line-height:28px; background:url("/garden/images/common/btn_nav_select01.gif") no-repeat right 0 top 50%;} a#menu02{font-weight:600;color:#000} .lnbArea .lnb > div > div {position:absolute; top:50px; left:-26px; padding:25px; border:1px solid #e1e1e1; background:#fff; display:none;z-index:100} .lnbArea .lnb > div > div a {display:block; font-size:16px; color:#555; white-space:nowrap; margin-top:17px;} .lnbArea .lnb > div > div a:first-child {margin-top:0;} .lnbArea .lnb > div .current {font-family:'NotoSansKR', '맑은 고딕', 'Malgun Gothic', sans-serif; font-size:16px; color:#000;font-weight:600} .lnbArea .mBackBt {display:none; position:absolute; top:38px; left:3%;} .lnbArea .lnb > div.twoD a.menu_select{font-weight:600} .lnbArea .mlnb {float:left; padding-top:10px;height:52px;line-height:27px} .lnbArea .mlnb:after {content:''; display:block; clear:both;} .lnbArea .mlnb .home {float:left; display:block; width:36px; height:30px; border-right:1px solid #e1e1e1; background:url("/garden/images/common/home_btn.png") no-repeat 0 50%;} .lnbArea .mlnb > div {float:left; position:relative; margin-left:20px;} .lnbArea .mlnb > div.oneD_m {margin-left:26px;} .lnbArea .mlnb > div > a {display:block; height:30px; font-size:16px; color:#555; line-height:28px;} .lnbArea .mlnb > div > div {position:absolute; top:50px; left:-26px; padding:25px; border:1px solid #e1e1e1; background:#fff; display:none;z-index:100} .lnbArea .mlnb > div > div a {display:block; font-size:16px; color:#555; white-space:nowrap; margin-top:17px;} .lnbArea .mlnb > div > div a:first-child {margin-top:0;} .lnbArea .mlnb > div .current {font-family:'NotoSansKR', '맑은 고딕', 'Malgun Gothic', sans-serif; font-size:16px; color:#000;font-weight:600} .lnbArea .mlnb > div.twoD_m a.menu_select{font-weight:600} /*페이지기능*/ .translated-ltr .zoomFunc{vertical-align:top} .pageFunc{position:absolute;right:0px;top:40px;z-index:3;} .pageFunc font{display:none} .pageFunc > a{display:inline-block;margin-left:12px;text-indent:-9999px;width:40px;height:40px;background-color:#f0f0f0;border-radius:100%;background-repeat:no-repeat;background-position:center;} .pageFunc a.btnShare{background-image:url(/garden/images/common/btnShare.png);} .pageFunc a.btnShare:hover, .pageFunc a.btnShare:focus .pageFunc a.btnShare.active{background-image:url(/garden/images/common/btnShare_on.png);} .pageFunc a.btnFavorite{background-image:url(/garden/images/common/btnFavorite.png);} .pageFunc a.btnFavorite:hover, .pageFunc a.btnFavorite:focus, .pageFunc a.btnFavorite.active{background-image:url(/garden/images/common/btnFavorite_on.png);} .pageFunc a.btnPrint{background-image:url(/garden/images/common/btnPrint.png);} .pageFunc div.shareWrap, .pageFunc div.favoriteWrap{display:none;position:absolute;top:50px;right:0px;border:1px solid #cecece;background:#FFF;z-index:2;} .pageFunc a.shareClose, .pageFunc a.favoriteClose{display:block;position:absolute;top:20px;right:20px;width:13px;height:13px;text-indent:-9999px;background:url(/garden/images/common/closeFunc.png);} /*SNS팝업*/ div.shareWrap{width:295px;padding:15px 15px 5px 15px;} div.shareWrap dl{overflow:hidden;font-size:12px;margin-bottom:10px} div.shareWrap dl dt{float:left;clear:both;width:20%;padding-top:4px;margin-bottom:10px;font-weight:200} div.shareWrap dl dd{float:right;width:80%;margin-bottom:10px;font-weight:200} div.shareWrap dl dd a{display:inline-block;width:25px;height:25px;text-indent:-9999px;margin:0 2px;} div.shareWrap dl dd a:nth-child(1){background:url(/garden/images/common/snsFacebook.png) no-repeat;} div.shareWrap dl dd a:nth-child(2){background:url(/garden/images/common/snsTwitter.png) no-repeat;} div.shareWrap dl dd a:nth-child(3){background:url(/garden/images/common/snsKakaoTalk.png) no-repeat;} div.shareWrap dl dd a:nth-child(4){background:url(/garden/images/common/snsCacaoStory.png) no-repeat;} div.shareWrap dl dd input[type=text]{border:1px solid #cecece;width:145px;height:26px;} div.shareWrap dl dd input[type=button]{border:1px solid #313644;background:#313644;width:50px;height:26px;float:right;color:#FFF !important;text-align:center;border-radius:40px;} div.shareWrap dl dd input[type=button]:hover{background:#000} div.shareWrap dl dd input[type=button]:focus{background:#000;outline:2px dotted #FF8E00 !important;} /*즐겨찾기팝업*/ div.favoriteWrap{width:310px;} div.favoriteWrap h4{border-bottom:1px solid #cecece;font-size:14px;background:none;padding:15px;} div.favoriteWrap p{text-align:center;line-height:175%;font-size:12px;padding:15px 0;} div.favoriteWrap p strong{display:block;color:#d67b37;} div.favoriteWrap ul{background:#f2f2f2;padding:15px;border-top:1px solid #cecece;} div.favoriteWrap ul li{position:relative;padding:4px 10px 4px 10px;font-size:12px;} div.favoriteWrap ul li:before{display:block;content:"";position:absolute;left:0;top:12px;width:4px;height:2px;background:#000;} div.favoriteWrap ul li a.delF{display:inline-block;margin-left:10px;text-indent:-9999px;width:7px;height:7px;vertical-align:middle;background:url(/garden/images/common/delF.png);} div.favoriteWrap div.addF, div.favoriteWrap div.resetF{text-align:center;padding-bottom:15px;} div.favoriteWrap div.resetF{background:#f2f2f2;} div.favoriteWrap div.addF a, div.favoriteWrap div.resetF a{display:inline-block;padding:5px 20px;color:#FFF;font-size:12px;border-radius:40px;} div.favoriteWrap div.addF a{background:#0067c3;} div.favoriteWrap div.resetF a{background:#707070;} div.favoriteWrap div.addF a:hover, div.favoriteWrap div.resetF a:hover, div.favoriteWrap div.addF a:focus, div.favoriteWrap div.resetF a:focus{background:#2d2d2f;} /*zoom기능*/ .zoomFunc{display:inline-block;text-align:center;background:#f0f0f0;border-radius:40px;height:40px;box-sizing:border-box;padding:4px 15px;margin-left:14px;vertical-align:bottom;} .zoomFunc a{display:inline-block;vertical-align: text-top;} a.zoomNormal{font-size:14px;padding:2px 10px;} a.zoomIn, a.zoomOut{text-indent:-9999px;width:20px;height:20px;position:relative;vertical-align: bottom;/*! line-height: 53px; */} a.zoomIn:before, a.zoomIn:after, a.zoomOut:before{content:"";display:block;width:10px;height:2px;background:#5b5b5b;position:absolute;} a.zoomIn:before{left:4px;top:8px;} a.zoomIn:after{left:8px;top:4px;width:2px;height:10px;} a.zoomOut:before{left:6px;top:9px;} @media only screen and (max-width:1024px){ .zoomFunc{display:none;} } h1.sub_title{text-align:center;font-size:48px;font-weight:600;clear:both;padding-top:30px} .global_menu .gm02 .dropdown{position:relative;padding:8px 13px 8px 0} .global_menu .gm02 .dropdown.open button{color:#fff;} .global_menu .gm02 .dropdown > button:after{border-bottom: 3px solid #fff;} .global_menu .gm02 .dropdown > button:after{position: absolute;right:16px;top:20px;border-left: 3px solid transparent;border-right: 3px solid transparent;border-bottom: 3px solid #000;content: '';} .global_menu .gm02 .dropdown ul{position:absolute;top:35px;left:0;width:48px} .global_menu .gm02 .dropdown button{padding:2px 10px 2px 5px;font-size:12px} .global_menu .gm02 .dropdown.open button{color:#236dc7;} .global_menu .gm02 .dropdown.open ul{border-top:3px solid #236dc7;} .global_menu .gm02 .dropdown ul li{display:block;padding:5px 0;border-top:1px solid #dadada;} .global_menu .gm02 .dropdown ul li:first-child{border-top:none;} .global_menu .gm02 .dropdown ul li a{font-size:15px;} .global_menu .gm02 .dropdown .btn_sns li a{display:block;width:38px;height:38px;margin:0 auto!important;padding:0;border-left:0;border-radius:40px;text-indent:-9999px} .global_menu .gm02 .dropdown .btn_sns li.close{float:none!important;padding:5px 0 0;opacity:inherit!important} .global_menu .gm02 .dropdown .btn_sns li.close a{height:17px;border-radius:0;text-indent:inherit;text-align:center;line-height:17px;color:#333!important;font-size:12px} .global_menu .gm02 .dropdown .btn_sns li a.close{text-indent:inherit} .global_menu .gm02 .dropdown .btn_sns li a:before{display:none;} .global_menu .gm02 .dropdown .btn_sns li a:hover, .global_menu .gm02 .dropdown .btn_sns li a:active, .global_menu .gm02 .dropdown .btn_sns li a:focus{animation: spinspin 1s ease-out;} .global_menu .gm02 .dropdown .btn_sns li .in{background:url(/garden/images/common/sns_iconInstagram_2.png) no-repeat center;background-size:36px;margin-left:0} .global_menu .gm02 .dropdown .btn_sns li .fb{background:#044995 url(/garden/images/common/sns_iconFacebook.png) no-repeat center;background-size:9px} .global_menu .gm02 .dropdown .btn_sns li .ba{background:url(/garden/images/common/sns_iconBand_2.png) no-repeat center;background-size:36px} .global_menu .gm02 .dropdown .btn_sns li .yt{background:#d2262b url(/garden/images/common/sns_iconYoutube.png) no-repeat center;background-size:20px} .global_menu .gm02 .dropdown .btn_sns li .bl{background:url(/garden/images/common/sns_iconBlog_2.png) no-repeat center;background-size:35px;margin-right:12px} .global_menu .gm02 .dropdown-menu{display:none;position: absolute;z-index: 1000;top: 100%;left: 0;margin: 2px 0 0;padding: 5px 0;min-width: auto!important;border: 1px solid #ccc;border: 1px solid rgba(0,0,0,.15);border-radius: 4px;background-color: #fff;background-clip: padding-box;box-shadow: 0 6px 12px rgba(0,0,0,.175);font-size: 14px;-webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175)} /*SNS*/ .sns{float:left} .sns a{float:left;width:30px;height:30px;margin-left:6px;margin-top:6px;border-radius:100%;display:block;text-indent: -9999px} .sns a.instagram{background:url(/garden/images/common/sns_iconInstagram_2.png) no-repeat center;background-size:36px;margin-left:0} .sns a.facebook{background:#044995 url(/garden/images/common/sns_iconFacebook.png) no-repeat center;background-size:9px} .sns a.band{background:url(/garden/images/common/sns_iconBand_2.png) no-repeat center;background-size:36px} .sns a.youtube{background:#d2262b url(/garden/images/common/sns_iconYoutube.png) no-repeat center;background-size:20px} .sns a.blog{background:url(/garden/images/common/sns_iconBlog_2.png) no-repeat center;background-size:35px;margin-right:12px} .sns a.twitter{background:#2aa8e0 url(/garden/images/common/sns_iconTwitter.png) no-repeat center} /* footer */ #footer {border-top:1px solid #d9d9d9 ;margin-top:120px;clear:both} #footer .container {padding:34px 0 50px} #footer .container .top {padding-bottom:30px; border-bottom:1px solid #e0e0e0} #footer .container .top .links {} #footer .container .top .links a {display:inline-block; font-size:16px; color:#333; line-height:30px; margin-right:15px;} #footer .container .top .links a:last-child {margin-right:0;} #footer .container .top .links a.cRed {color:#e10000} #footer .container .top .sns {float:right; overflow:hidden;} #footer .container .top .sns a {float:left; margin-left:10px;} #footer .container .top .sns a:first-child {margin-left:0;} #footer .container .bottom {margin-top:30px; position:relative;} #footer .container .bottom:after {content:''; display:block; clear:both} #footer .container .bottom .left {float:left; } #footer .container .bottom .left .logo {float:left;} #footer .container .bottom .left div {padding-left:230px;} #footer .container .bottom .left div p {font-size:15px; color:#555; margin-top:10px;} #footer .container .bottom .left div p:first-child {margin-top:0;} #footer .container .bottom .left div p span {display:inline-block; position:relative; margin-left:11px; padding-left:11px;} #footer .container .bottom .left div p span:before {content:''; position:absolute; top:50%; left:0; width:1px; height:13px; margin-top:-6.5px; background:#e0e0e0;} #footer .container .bottom .left div p span:first-child {margin-left:0; padding-left:0;} #footer .container .bottom .left div p span:first-child:before {display:none;} #footer .container .bottom .left div p.copyright {font-size:13px; color:#777; margin-top:30px;} #footer .container .bottom .isms {position:absolute; bottom:-70px; left:140px;} #footer .container .bottom .isms a {display:block; padding-top:3px; padding-left:55px; height:37px; background:url("/common/images/icon/isms_icon.png") no-repeat 0 50%;} #footer .container .bottom .isms a > p {position:relative; display:block; font-size:12px; color:#333; line-height:16px;} #footer .container .bottom .isms a > p span:first-child {position:relative; padding-right:9px; margin-right:6px} #footer .container .bottom .isms a > p span:first-child:after {content:''; position:absolute; top:50%; right:0; margin-top:-5.5px; width:1px; height:11px; background:#e1e1e1;} #footer .container .bottom .familySite {float:right; position:relative; width:277px; height:46px;} #footer .container .bottom .familySite > select{width:210px; padding-left:20px; height:45px; padding-right:35px; border:1px solid #e0e0e0; color:#555; background:url("/garden/images/common/arrow_down.gif") no-repeat right 17px top 50%; font-family:'NotoSans-Light', '맑은 고딕', 'Malgun Gothic', sans-serif; font-size:15px; -webkit-appearance:none; -moz-appearance:none; appearance:none;} #footer .container .bottom .familySite > select::-ms-expand{display:none;} #footer .container .bottom .familySite > div {display:none; overflow-y:auto;} #footer .container .bottom .familySite > div a {display:block;} #footer .container .bottom .icon_web{float:right;position:relative;width:277px;height:46px;text-align: right;padding-top:10px} #footer .container .bottom .icon_web img{width:64px} .mHeader{display: none} .mMenuArea{display:none} .mlnb {display:none} /*모바일테이블스크롤*/ .tableScroll { display: none; position: absolute; top: -112px; left: calc(50% - 180px); background-color: rgba(49,54,68,0.9); width: 360px; height: 118px; margin-bottom: 11px; border-radius: 10px; padding: 20px 25px; box-sizing: border-box; z-index: 11; } .tableScroll:after { content: ''; position: absolute; bottom: -10.7px; left: calc(50% - 5px); width: 18px; height: 11px; background: url('/garden/images/common/tableScroll_arrow.png') center center no-repeat; margin: 0 auto; opacity: 0.9; } .tableScroll p { color: #fff; background: url('/garden/images/common/tableScroll.png') left top no-repeat; padding: 15px 0 15px 83px; } /* GNB 테스트 2020.03.19 */ @media only screen and (max-height:769px){ h1.logo{padding-top:0; margin: 0;} .inner{width:98%} .cont_inner{padding:4%;padding-top:0;max-width:100%} .cont_inner .cont_wrap{margin-top:6%} .util{display:none} .header_wrap{display:none} /* 모바일 헤더 */ .mMenuArea{display:block} .inner .cont_wrap{margin-top:40px} .cont_wrap img{width:100%} /* 모바일 헤더 */ .mHeader {position:relative; top:0; left:0; display:block; width:100%; height:119px; background:#fff; z-index:100;} .mHeader .global_menu{height: 40px; background-color: #e9e9e9;} .mHeader .global_menu .gm01 ul li.gm01_garden a, .mHeader .global_menu .gm01 ul li.gm01_bay a{height: 40px;} .mHeader .global_menu .gm01 ul li a{line-height: 40px;} .mHeader > div {position:relative; top:0; left:0; width:100%; height:80px; background:#fff; border-bottom:1px solid #e1e1e1;} .mHeader .menuBtn {position:absolute; left:2%; top:50%; -ms-transform:translate(0, -50%); -webkit-transform:translate(0, -50%); -moz-transform:translate(0, -50%); -o-transform:translate(0, -50%); transform:translate(0, -50%);display:block;width:43px;height:43px;text-indent:-9999px;background:#3c78c1 url(/garden/images/common/mMenu_icon_open.png) center no-repeat;border-radius:100%} .mHeader .logo {position:absolute; left:50%; top:50%; -ms-transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); -moz-transform:translate(-50%, -50%); -o-transform:translate(-50%, -50%); transform:translate(-50%, -50%);} /*.mHeader .srchBtn {position:absolute; right:30px; top:50%; width:40px; height:38px; -ms-transform:translate(0, -50%); -webkit-transform:translate(0, -50%); -moz-transform:translate(0, -50%); -o-transform:translate(0, -50%); transform:translate(0, -50%); background:#d67b1e url("/garden/images/common/search_iconWhite_02.png") no-repeat 50% 50%; background-size:100% 100%;}*/ .mHeader .srchBtn{width:43px;height:43px;position:absolute;right:2%;top:20px;text-indent:-9999px;background:#d67b1e url(/garden/images/common/search_iconWhite_02.png) no-repeat center;border-radius:100%;z-index:2} .mHeader .srchBtn.on {background:url("/common/images/btn/m_srch_btn_on.png") no-repeat 50% 50%; background-size:100% 100%;} /* 모바일 메뉴영역 */ .mMenuArea {display:block; position:absolute; top:0; left:-100%; width:100%; height:auto; background:#fff; z-index:9999;} .mMenuArea .top {position:relative; height:53px; background:#d67b37;} .mMenuArea .top .loginBt {position:absolute; top:21px; left:21px; padding-left:23px; height:32px; line-height:30px; font-family:'NotoSans-Regular', '맑은 고딕', 'Malgun Gothic', sans-serif; font-size:18px; color:#fff; background:url("/garden/images/common/m_login_icon.png") no-repeat 0 6px; -ms-transform:translate(0, -50%); -webkit-transform:translate(0, -50%); -moz-transform:translate(0, -50%); -o-transform:translate(0, -50%); transform:translate(0, -50%);} .mMenuArea .top .mypageBt {position:absolute; top:21px; left:115px; padding-left:12px; height:32px; line-height:30px; font-family:'NotoSans-Regular', '맑은 고딕', 'Malgun Gothic', sans-serif; font-size:18px; color:#fff; -ms-transform:translate(0, -50%); -webkit-transform:translate(0, -50%); -moz-transform:translate(0, -50%); -o-transform:translate(0, -50%); transform:translate(0, -50%);} .mMenuArea .top .mypageBt span {display: inline-block; margin-right: 9px; color: rgba(255,255,255,.3); font-size: 14px; vertical-align: bottom;} .mMenuArea .top .langSel {position:absolute; top:29px; right:209px; margin-top:-15px;} .mMenuArea .top .langSel .goog-te-menu-value a{padding:0 0 0 20px!important;font-size:18px!important} .mMenuArea .top .langSel select {padding:0 20px 0 0; width:180px; height:28px; line-height:26px; font-size:18px; color:#fff; text-align:right; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance:none; border:0; background:none;} .mMenuArea .top .langSel select option, .mMenuArea .top .langSel select option:checked, .mMenuArea .top .langSel select option:hover { background: #ffffff; color: #000000; } .mMenuArea .top .langSel select option:hover { box-shadow: 0 0 10px 100px #ffffff inset; color: #000000; } .mMenuArea .top .sns{position:absolute;top:21px;right:3px;margin-top:-15px} div.search{top:80px} /*div.search a.searchClose{z-index:100;position:absolute;width:43px;height:43px;right:2%;background:#d67b1e url(/garden/images/common/search_icon_closeWhite.png) no-repeat center;border-radius:100%}*/ .mMenuArea .top .closeBt {position:absolute; top:50%; right:30px; -ms-transform:translate(0, -50%); -webkit-transform:translate(0, -50%); -moz-transform:translate(0, -50%); -o-transform:translate(0, -50%); transform:translate(0, -50%);} div.search{top:80px} /*div.search a.searchClose{z-index:100;position:absolute;width:43px;height:43px;right:2%;background:#d67b1e url(/garden/images/common/search_icon_closeWhite.png) no-repeat center;border-radius:100%}*/ .mMenuArea .top .closeBt {position:absolute; top:50%; right:30px; -ms-transform:translate(0, -50%); -webkit-transform:translate(0, -50%); -moz-transform:translate(0, -50%); -o-transform:translate(0, -50%); transform:translate(0, -50%);} .mMenuArea .util {padding:26px 0; text-align:center; background:#3b079c;} .mMenuArea .util a {position:relative; display:inline-block; padding-left:25px; margin-left:24px; font-size:18px; color:#fff;} .mMenuArea .util a:before {content:''; position:absolute; top:50%; left:0; width:1px; height:17px; margin-top:-8.5px; background:rgba(255,255,255,0.2);} .mMenuArea .util a:first-child {padding-left:0; margin-left:0;} .mMenuArea .util a:first-child:before {display:none;} .mMenuArea .links {overflow:hidden;} .mMenuArea .links > div {float:left; width:100%; overflow:hidden; border-bottom:1px solid #e1e1e1;} .mMenuArea .links > div > a {float:left; display:block; width:50%; height:100px; box-sizing:border-box; border-left:1px solid #e1e1e1;} .mMenuArea .links > div > a:first-child {border-left:0;} .mMenuArea .links > div > a.museum {background:#f8f8f8 url("/common/images/btn/m_museum_btn.gif") no-repeat 50% 50%} .mMenuArea .links > div > a.rink {background:#f8f8f8 url("/common/images/btn/m_icerink_btn.gif") no-repeat 50% 50%} .mMenuArea .links > a {float:left; display:block; padding:17px 0 15px; width:50%; box-sizing:border-box; border-bottom:1px solid #e1e1e1; font-size:18px; color:#555; line-height:38px; text-align:center;} .mMenuArea .links > a.borL {border-left:1px solid #e1e1e1;} .mMenuArea .links > a img {margin-right:10px;} .mMenuArea .gnbArea .oneD {display:block; font-size:18px;font-weight:600; color:#fff; padding:20px; border-bottom:1px solid #e1e1e1; background:#af874f url("/garden/images/common/mMenu_plus.png") no-repeat 95% 20px} .mMenuArea .gnbArea .on {font-family:'NotoSans-Bold', '맑은 고딕', 'Malgun Gothic', sans-serif; color:#fff; background:#b17131 url("/garden/images/common/mMenu_minus.png") no-repeat 95% 29px !important} .mMenuArea .gnbArea .twoD {display:none; padding:0 17px; border-bottom:1px solid #e1e1e1; background:#f2f2f2} .mMenuArea .gnbArea .twoD > a {display:block; font-size:16px; color:#000; padding:16px; border-bottom:1px solid #dadada} .mMenuArea .gnbArea .twoD:last-child > a:last-child {border-bottom:0px solid #e1e1e1;} .mMenuArea .gnbArea .twoD > a.on {font-family:'NotoSans-Medium', '맑은 고딕', 'Malgun Gothic', sans-serif;} .mMenuArea .gnbArea .twoD > a.thrBt{background:url("/common/images/btn/thrBt.png") no-repeat 95% center; background-size:30px;} .mMenuArea .gnbArea .twoD > a.thrBt.on{background:url("/common/images/btn/thrBt_on.png") no-repeat 95% center; background-size:30px;} .mMenuArea .gnbArea .twoD .thrD {display:none; padding:15px 40px; border-bottom:1px solid #e1e1e1; background:#f2f2f2} .mMenuArea .gnbArea .twoD .thrD:last-child {border-bottom:0px solid #e1e1e1;} .mMenuArea .gnbArea .twoD .thrD > a {display:block; font-size:18px; color:#555; padding:15px 0;} .mMenuArea .rollArea {width:94%; margin:50px auto} .mMenuArea .rollArea .swiper-slide {width:100%;} .mMenuArea .rollArea .swiper-slide img {width:100%;} .mMenuArea .rollArea .swiper-pagination-bullets{bottom:30px} .mMenuArea .rollArea .swiper-pagination-bullet {width:11px; height:11px; background:url("/common/images/btn/gnb_banner_bt.png") no-repeat 0 0} .mMenuArea .rollArea .swiper-pagination-bullet-active {background:url("/common/images/btn/gnb_banner_bt_on.png") no-repeat 0 0} #footer .container {padding:50px 30px 115px} .lnbArea {padding:14px 3%; width:94%} .lnbArea .lnb {display:none} .lnbArea .mlnb {display:block} .lnbArea .mBackBt {display:block;} .lnbArea .shareArea .print{display:none} #footer{margin-top:60px} #footer .container {padding:30px 3% 50px;} #footer .container .top .sns {float:none; margin-top:25px} #footer .container .bottom {margin-top:25px; padding-top:65px; position:relative} #footer .container .bottom:after {content:''; display:block; clear:both;} #footer .container .bottom .left {float:none; margin-right:0px;} #footer .container .bottom .left div {width:100%; padding-left:0; clear: both;} #footer .container .bottom .left div p {font-size:14px;line-height:20px; color:#555; margin-top:10px;} #footer .container .bottom .left div p:first-child {margin-top:0;} #footer .container .bottom .left div p span {display:inline-block; position:relative; margin-left:11px; padding-left:11px;} #footer .container .bottom .left div p span:before {content:''; position:absolute; top:50%; left:0; width:1px; height:13px; margin-top:-6.5px; background:#e0e0e0;} #footer .container .bottom .left div p span:first-child {margin-left:0; padding-left:0;} #footer .container .bottom .left div p span:first-child:before {display:none;} #footer .container .bottom .left div p.copyright {font-size:13px; color:#777; margin-top:22px; position:relative; bottom:0px; left:0;} #footer .container .bottom .isms {bottom:-90px;left:0; } #footer .container .bottom .isms a {display:block; padding-top:3px; padding-left:55px; height:37px; background:url("/common/images/icon/isms_icon.png") no-repeat 0 50%;} #footer .container .bottom .isms a > span {position:relative; display:block; font-size:12px; color:#333; line-height:16px;} #footer .container .bottom .isms a > span span:first-child {position:relative; padding-right:9px; margin-right:6px} #footer .container .bottom .isms a > span span:first-child:after {content:''; position:absolute; top:50%; right:0; margin-top:-5.5px; width:1px; height:11px; background:#e1e1e1;} #footer .container .bottom .familySite {position:absolute; top:0; left:0; float:none; width:100%; height:46px; margin-top:0} #footer .container .bottom .familySite > select{width:70%; padding-left:20px; height:45px; padding-right:35px; border:1px solid #e0e0e0; font-size:15px; color:#555; background:url("/garden/images/common/arrow_down.gif") no-repeat right 17px top 50%; font-family:'NotoSans-Light', '맑은 고딕', 'Malgun Gothic', sans-serif; -webkit-appearance:none; -moz-appearance:none; appearance:none;} #footer .container .bottom .familySite > select::-ms-expand{display:none;} #footer .container .bottom .familySite > div {display:none; overflow-y:auto;} #footer .container .bottom .familySite > div a {display:block;} } @media only screen and (max-width:1184px){ h1.logo{padding-top:0; margin: 0;} .inner{width:98%} .cont_inner{padding:4%;padding-top:0;max-width:100%} .cont_inner .cont_wrap{margin-top:6%} .util{display:none} .header_wrap{display:none} /* 모바일 헤더 */ .mMenuArea{display:block} .inner .cont_wrap{margin-top:40px} .cont_wrap img{width:100%} /* 모바일 헤더 */ .mHeader {position:relative; top:0; left:0; display:block; width:100%; height:119px; background:#fff; z-index:100;} .mHeader .global_menu{height: 40px; background-color: #e9e9e9;} .mHeader .global_menu .gm01 ul li.gm01_garden a, .mHeader .global_menu .gm01 ul li.gm01_bay a{height: 40px;} .mHeader .global_menu .gm01 ul li a{line-height: 40px;} .mHeader > div {position:relative; top:0; left:0; width:100%; height:80px; background:#fff; border-bottom:1px solid #e1e1e1;} .mHeader .menuBtn {position:absolute; left:2%; top:50%; -ms-transform:translate(0, -50%); -webkit-transform:translate(0, -50%); -moz-transform:translate(0, -50%); -o-transform:translate(0, -50%); transform:translate(0, -50%);display:block;width:43px;height:43px;text-indent:-9999px;background:#3c78c1 url(/garden/images/common/mMenu_icon_open.png) center no-repeat;border-radius:100%} .mHeader .logo {position:absolute; left:50%; top:50%; -ms-transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); -moz-transform:translate(-50%, -50%); -o-transform:translate(-50%, -50%); transform:translate(-50%, -50%);} /*.mHeader .srchBtn {position:absolute; right:30px; top:50%; width:40px; height:38px; -ms-transform:translate(0, -50%); -webkit-transform:translate(0, -50%); -moz-transform:translate(0, -50%); -o-transform:translate(0, -50%); transform:translate(0, -50%); background:#d67b1e url("/garden/images/common/search_iconWhite_02.png") no-repeat 50% 50%; background-size:100% 100%;}*/ .mHeader .srchBtn{width:43px;height:43px;position:absolute;right:2%;top:20px;text-indent:-9999px;background:#d67b1e url(/garden/images/common/search_iconWhite_02.png) no-repeat center;border-radius:100%;z-index:2} .mHeader .srchBtn.on {background:url("/common/images/btn/m_srch_btn_on.png") no-repeat 50% 50%; background-size:100% 100%;} /* 모바일 메뉴영역 */ .mMenuArea {display:block; position:absolute; top:0; left:-100%; width:100%; height:auto; background:#fff; z-index:9999;} .mMenuArea .top {position:relative; height:53px; background:#d67b37;} .mMenuArea .top .loginBt {position:absolute; top:21px; left:21px; padding-left:23px; height:32px; line-height:30px; font-family:'NotoSans-Regular', '맑은 고딕', 'Malgun Gothic', sans-serif; font-size:18px; color:#fff; background:url("/garden/images/common/m_login_icon.png") no-repeat 0 6px; -ms-transform:translate(0, -50%); -webkit-transform:translate(0, -50%); -moz-transform:translate(0, -50%); -o-transform:translate(0, -50%); transform:translate(0, -50%);} .mMenuArea .top .mypageBt {position:absolute; top:21px; left:115px; padding-left:12px; height:32px; line-height:30px; font-family:'NotoSans-Regular', '맑은 고딕', 'Malgun Gothic', sans-serif; font-size:18px; color:#fff; -ms-transform:translate(0, -50%); -webkit-transform:translate(0, -50%); -moz-transform:translate(0, -50%); -o-transform:translate(0, -50%); transform:translate(0, -50%);} .mMenuArea .top .mypageBt span {display: inline-block; margin-right: 9px; color: rgba(255,255,255,.3); font-size: 14px; vertical-align: bottom;} .mMenuArea .top .langSel {position:absolute; top:29px; right:209px; margin-top:-15px;} .mMenuArea .top .langSel .goog-te-menu-value a{padding:0 0 0 20px!important;font-size:18px!important} .mMenuArea .top .langSel select {padding:0 20px 0 0; width:180px; height:28px; line-height:26px; font-size:18px; color:#fff; text-align:right; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance:none; border:0; background:none;} .mMenuArea .top .langSel select option, .mMenuArea .top .langSel select option:checked, .mMenuArea .top .langSel select option:hover { background: #ffffff; color: #000000; } .mMenuArea .top .langSel select option:hover { box-shadow: 0 0 10px 100px #ffffff inset; color: #000000; } .mMenuArea .top .sns{position:absolute;top:21px;right:3px;margin-top:-15px} div.search{top:80px} /*div.search a.searchClose{z-index:100;position:absolute;width:43px;height:43px;right:2%;background:#d67b1e url(/garden/images/common/search_icon_closeWhite.png) no-repeat center;border-radius:100%}*/ .mMenuArea .top .closeBt {position:absolute; top:50%; right:30px; -ms-transform:translate(0, -50%); -webkit-transform:translate(0, -50%); -moz-transform:translate(0, -50%); -o-transform:translate(0, -50%); transform:translate(0, -50%);} .mMenuArea .util {padding:26px 0; text-align:center; background:#3b079c;} .mMenuArea .util a {position:relative; display:inline-block; padding-left:25px; margin-left:24px; font-size:18px; color:#fff;} .mMenuArea .util a:before {content:''; position:absolute; top:50%; left:0; width:1px; height:17px; margin-top:-8.5px; background:rgba(255,255,255,0.2);} .mMenuArea .util a:first-child {padding-left:0; margin-left:0;} .mMenuArea .util a:first-child:before {display:none;} .mMenuArea .links {overflow:hidden;} .mMenuArea .links > div {float:left; width:100%; overflow:hidden; border-bottom:1px solid #e1e1e1;} .mMenuArea .links > div > a {float:left; display:block; width:50%; height:100px; box-sizing:border-box; border-left:1px solid #e1e1e1;} .mMenuArea .links > div > a:first-child {border-left:0;} .mMenuArea .links > div > a.museum {background:#f8f8f8 url("/common/images/btn/m_museum_btn.gif") no-repeat 50% 50%} .mMenuArea .links > div > a.rink {background:#f8f8f8 url("/common/images/btn/m_icerink_btn.gif") no-repeat 50% 50%} .mMenuArea .links > a {float:left; display:block; padding:17px 0 15px; width:50%; box-sizing:border-box; border-bottom:1px solid #e1e1e1; font-size:18px; color:#555; line-height:38px; text-align:center;} .mMenuArea .links > a.borL {border-left:1px solid #e1e1e1;} .mMenuArea .links > a img {margin-right:10px;} .mMenuArea .gnbArea .oneD {display:block; font-size:18px;font-weight:600; color:#fff; padding:20px; border-bottom:1px solid #e1e1e1; background:#af874f url("/garden/images/common/mMenu_plus.png") no-repeat 95% 20px} .mMenuArea .gnbArea .on {font-family:'NotoSans-Bold', '맑은 고딕', 'Malgun Gothic', sans-serif; color:#fff; background:#b17131 url("/garden/images/common/mMenu_minus.png") no-repeat 95% 29px !important} .mMenuArea .gnbArea .twoD {display:none; padding:0 17px; border-bottom:1px solid #e1e1e1; background:#f2f2f2} .mMenuArea .gnbArea .twoD > a {display:block; font-size:16px; color:#000; padding:16px; border-bottom:1px solid #dadada} .mMenuArea .gnbArea .twoD:last-child > a:last-child {border-bottom:0px solid #e1e1e1;} .mMenuArea .gnbArea .twoD > a.on {font-family:'NotoSans-Medium', '맑은 고딕', 'Malgun Gothic', sans-serif;} .mMenuArea .gnbArea .twoD > a.thrBt{background:url("/common/images/btn/thrBt.png") no-repeat 95% center; background-size:30px;} .mMenuArea .gnbArea .twoD > a.thrBt.on{background:url("/common/images/btn/thrBt_on.png") no-repeat 95% center; background-size:30px;} .mMenuArea .gnbArea .twoD .thrD {display:none; padding:15px 40px; border-bottom:1px solid #e1e1e1; background:#f2f2f2} .mMenuArea .gnbArea .twoD .thrD:last-child {border-bottom:0px solid #e1e1e1;} .mMenuArea .gnbArea .twoD .thrD > a {display:block; font-size:18px; color:#555; padding:15px 0;} .mMenuArea .rollArea {width:94%; margin:50px auto} .mMenuArea .rollArea .swiper-slide {width:100%;} .mMenuArea .rollArea .swiper-slide img {width:100%;} .mMenuArea .rollArea .swiper-pagination-bullets{bottom:30px} .mMenuArea .rollArea .swiper-pagination-bullet {width:11px; height:11px; background:url("/common/images/btn/gnb_banner_bt.png") no-repeat 0 0} .mMenuArea .rollArea .swiper-pagination-bullet-active {background:url("/common/images/btn/gnb_banner_bt_on.png") no-repeat 0 0} #footer .container {padding:50px 30px 115px} .lnbArea {padding:14px 3%; width:94%} .lnbArea .lnb {display:none} .lnbArea .mlnb {display:block} .lnbArea .mBackBt {display:block;} .lnbArea .shareArea .print{display:none} #footer{margin-top:60px} #footer .container {padding:30px 3% 50px;} #footer .container .top {padding-bottom:0; border-bottom:0px solid #e0e0e0;} #footer .container .top .links a {font-size:14px; color:#333; line-height:30px;} #footer .container .top .links a:first-child {margin-left:0;} #footer .container .top .sns {float:none; margin-top:25px} #footer .container .bottom {margin-top:25px; padding-top:65px; position:relative} #footer .container .bottom:after {content:''; display:block; clear:both} #footer .container .bottom .left {float:none; margin-right:0px;padding-left:0!important} #footer .container .bottom .left div {width:100%; padding-left:223px;} #footer .container .bottom .left div p {font-size:14px;line-height:20px; color:#555; margin-top:10px;} #footer .container .bottom .left div p:first-child {margin-top:0;} #footer .container .bottom .left div p span {display:inline-block; position:relative; margin-left:11px; padding-left:11px;} #footer .container .bottom .left div p span:before {content:''; position:absolute; top:50%; left:0; width:1px; height:13px; margin-top:-6.5px; background:#e0e0e0;} #footer .container .bottom .left div p span:first-child {margin-left:0; padding-left:0;} #footer .container .bottom .left div p span:first-child:before {display:none;} #footer .container .bottom .left div p.copyright {font-size:13px; color:#777; margin-top:22px; position:relative; bottom:0px; left:0;} #footer .container .bottom .isms {bottom:-90px;left:0; } #footer .container .bottom .isms a {display:block; padding-top:3px; padding-left:55px; height:37px; background:url("/common/images/icon/isms_icon.png") no-repeat 0 50%;} #footer .container .bottom .isms a > span {position:relative; display:block; font-size:12px; color:#333; line-height:16px;} #footer .container .bottom .isms a > span span:first-child {position:relative; padding-right:9px; margin-right:6px} #footer .container .bottom .isms a > span span:first-child:after {content:''; position:absolute; top:50%; right:0; margin-top:-5.5px; width:1px; height:11px; background:#e1e1e1;} #footer .container .bottom .familySite {position:absolute; top:0; left:0; float:none; width:100%; height:46px; margin-top:0} #footer .container .bottom .familySite > select{width:calc(100% - 66px); padding-left:20px; height:45px; padding-right:35px; border:1px solid #e0e0e0; font-size:15px; color:#555; background:url("/garden/images/common/arrow_down.gif") no-repeat right 17px top 50%; font-family:'NotoSans-Light', '맑은 고딕', 'Malgun Gothic', sans-serif; -webkit-appearance:none; -moz-appearance:none; appearance:none;} #footer .container .bottom .familySite > select::-ms-expand{display:none;} #footer .container .bottom .familySite > div {display:none; overflow-y:auto;} #footer .container .bottom .familySite > div a {display:block;} } @media only screen and (max-width:860px){ div.search:before{display:none;} a.searchOpen{width:43px;height:43px;position:absolute;right:0px;top:-1px;text-indent:-9999px;background:#d8003b url(/garden/images/common/search_iconWhite_02.png) no-repeat center;border-radius:100%;z-index:2;} div.search{background:rgba( 0,29,74,0.95 );top:80px;z-index:101;} div.search fieldset{} div.search fieldset input[type=text]{width:100%;} } @media only screen and (max-width:767px){ #footer .container .bottom .left{padding-left:0!important} } @media only screen and (max-width:720px){ #footer .container .top .links a.links01{} #footer .container .top .links a.links02{} #footer .container .top .links a.links03{clear:both;margin-left:0!important} #footer .container .top .links a.links04{} #footer .container .top .links a.links05{} #footer .container .bottom .left div{clear:both;margin-left:0;padding-left:0} #footer .container .bottom .left .logo{float:none;position:relative;padding-top:0} div.search fieldset{width: 88%; margin: 0 auto 0 17px;} div.search a.searchClose{right: 14px;} } @media only screen and (max-width:660px){ .mMenuArea .top{height:85px} .mMenuArea .top .langSel{top:23px;right:30px} .mMenuArea .top .sns{top:53px;left:16px} } @media only screen and (max-width:600px){ th,td {word-break:normal; word-wrap:normal;} .lnb{display:none} .lnbArea .pageFunc .btnFavorite{display:none} .lnbArea .pageFunc .btnPrint{display:none} h1.sub_title{text-align:left;font-size:30px;padding-left:0%;padding-top:15px} .cont_wrap{margin-top:50px} #footer .container .bottom .left div{padding-left:2%;clear:both} .pageFunc{right:-13px; top:5px;} div.search fieldset{width: 86%;} div.search a.searchClose{right: 9px;} } @media only screen and (max-width:500px){ div.search fieldset{width: 84%;} } /* 찾아오시는 길 검색창 */ .rgt_nav02 { width: 358px; border: 1px solid #b5b5b5; margin: 40px 0 0 0 } .rgt_nav02 .navContBox02 { width: 298px; padding: 30px 30px; display: block; clear: both } .rgt_nav02 .navContBox02 .btn_hpBox01s { width: 100%; height: 40px; display: block; background: #34675c url('../imgs/cont/bg_navBtn03.png') left top repeat; border-radius: 3px } .rgt_nav02 .navContBox02 .btn_hpBox01s a { width: 100%; height: 40px; display: block; } .rgt_nav02 .navContBox02 .btn_hpBox01 { width: 100%; height: 40px; display: block; background: #898989 url('../imgs/cont/bg_navBtn03.png') left top repeat; border-radius: 3px } .rgt_nav02 .navContBox02 .btn_hpBox01 a { width: 100%; height: 40px; display: block; } .rgt_nav02 .navContBox02 .btn_hpBox01 .btn_hp01 { width: 100%; height: 40px; font-size: 17px; font-weight: bold; cursor: pointer; display: block; letter-spacing: -0.1em; color: #fff; border: none; background: none } .rgt_nav02 .navContBox02 .btn_hpBox01s .btn_hp01 { width: 100%; height: 40px; /*font-size: 17px;*/ font-weight: bold; cursor: pointer; display: block; letter-spacing: -0.1em; color: #fff; border: none; background: none } .rgt_nav02 .navContBox02 .btn_hpBox02 { width: 100%; height: 40px; display: block; background: #898989 url('../imgs/cont/bg_navBtn03.png') left top repeat; border-radius: 3px; margin: 10px 0 0 0 } .rgt_nav02 .navContBox02 .btn_hpBox02 .btn_hp02 { width: 100%; height: 40px; /*font-size: 17px;*/ font-weight: bold; cursor: pointer; display: block; letter-spacing: -0.1em; color: #fff; border: none; background: none } .rgt_nav02 .navContBox02 p.hpTip { width: 100%; display: block; font-size: 15px; font-weight: 200; color: #565656; margin: 15px 0 0 0; line-height: 22px; text-align: center } /* 주변정보 */ .roomInfoBox05 { width: 100%; height: auto; background: #fff; margin: 70px 0 0 0; display: block; float: left } .roomInfoBox05 h3.h3_tit { display: block; font-size: 1.4em; color: #1e1e1e; font-weight: 400; text-align: left } .roomInfoBox05 .mapWrap { width: 100%; height: 478px; border-top: 2px solid #252525; margin: 30px 0 0 0; padding: 30px 0 0 0 } .roomInfoBox05 .mapWrap .tabBox01 { width: 50%; display: inline-block; float: left } .roomInfoBox05 .mapWrap .tabBox01 ul.tabs { margin: 0; padding: 0; list-style: none; height: 47px; width: 100%; box-sizing: border-box; display: table; } .roomInfoBox05 .mapWrap .tabBox01 ul.tabs a { /*font-size: 16px;*/ display: table-cell; text-align: center; cursor: pointer; width: 33.4%; height: 47px; line-height: 44px; color: #444; border: 1px solid #b5b5b5; float: none; background: #efefef; overflow: hidden; position: relative; box-sizing: border-box; } .roomInfoBox05 .mapWrap .tabBox01 ul.tabs li.food.active { background: #f77604 url('/stay/common/imgs/cont/bg_tab_on.png') center bottom no-repeat; } .roomInfoBox05 .mapWrap .tabBox01 ul.tabs li.stay.active { background: #265c00 url('/stay/common/imgs/cont/bg_tab_on.png') center bottom no-repeat; } .roomInfoBox05 .mapWrap .tabBox01 ul.tabs li.tour.active { background: #00293c url('/stay/common/imgs/cont/bg_tab_on.png') center bottom no-repeat; } .roomInfoBox05 .mapWrap .tabBox01 ul.tabs li+li { width: 33.3%; border-left: none; /* font-weight: 200; */ } .roomInfoBox05 .mapWrap .tabBox01 ul.tabs li.active { height: 47px; line-height: 46px; color: #fff; background: #027512 } .roomInfoBox05 .mapWrap .tabBox02 { width: 50%; display: inline-block; float: left } .roomInfoBox05 .mapWrap .tabBox02 ul.tabs02 { margin: 0; padding: 0; list-style: none; height: 47px; width: 100%; box-sizing: border-box; display: table; border-left:0px; } .roomInfoBox05 .mapWrap .tabBox02 ul.tabs02 a { /*font-size: 16px;*/ display: table-cell; float: none; text-align: center; cursor: pointer; width: 33.4%; height: 47px; line-height: 44px; color: #444; border: 1px solid #b5b5b5; background: #efefef; overflow: hidden; position: relative; box-sizing: border-box } .roomInfoBox05 .mapWrap .tabBox02 ul.tabs02 li+li { width: 33.3%; border-left: none; font-weight: 200; } .roomInfoBox05 .mapWrap .tabBox02 ul.tabs02 li.end1 { border-left: none } .roomInfoBox05 .mapWrap .tabBox02 ul.tabs02 li.active { height: 47px; line-height: 46px; color: #fff; font-weight: 300; background: #34675c url('/stay/common/imgs/cont/bg_tab_on.png') center bottom no-repeat; } @media all and (min-width:767px) and (max-width:1005px) { .tableScroll{display:block;} .max-width-880 table{width:880px!important;overflow-x:scroll} } @media all and (min-width:767px) and (max-width:1150px) { .roomInfoBox05 .mapWrap .tabBox01 { width: 100%; display: block } .roomInfoBox05 .mapWrap .tabBox01 ul.tabs li { width: 33.3%; height: 47px; line-height: 44px; border-bottom: 0px; box-sizing: border-box } .roomInfoBox05 .mapWrap .tabBox02 { width: 100%; display: block } .roomInfoBox05 .mapWrap .tabBox02 ul.tabs02 li { width: 33.3%; height: 47px; line-height: 44px; box-sizing: border-box } .roomInfoBox05 .mapWrap .tabBox02 ul.tabs02 { border-left:1px solid #b5b5b5;} } @media all and (max-width:767px) { .roomInfoBox05 .mapWrap .tabBox02 ul.tabs02 { border-left:1px solid #b5b5b5;} .roomInfoBox05 .mapWrap .tabBox01 { width: 100%; display: block } .roomInfoBox05 .mapWrap .tabBox01 ul.tabs li { width: 33.3%; height: 47px; line-height: 44px; border-bottom: 0px; box-sizing: border-box } .roomInfoBox05 .mapWrap .tabBox01 ul.tabs li.end3 { border-right: 1px solid #b5b5b5 } .roomInfoBox05 .mapWrap .tabBox01 ul.tabs li.active { width: 33.3% } .roomInfoBox05 .mapWrap .tabBox02 { width: 100%; display: block } .roomInfoBox05 .mapWrap .tabBox02 ul.tabs02 li { width: 33.3%; height: 47px; line-height: 44px; box-sizing: border-box } .roomInfoBox05 .mapWrap .tabBox02 ul.tabs02 li.active { width: 33.3% } } .mapBox { width: 99.7%; height: 426px; border: 1px solid #abaaaa; border-top: none; display: block; float: left; position: relative } .mapBox .pointA { position: absolute; width: 38px; height: 48px; top: 50%; left: 50% } .mapBox .pointInfo { position: absolute; width: 192px; height: 132px; background: #fff; top: 19%; left: 10%; box-sizing: border-box; border: 4px solid #fb2d1f } .mapBox .pointInfo .pointInfo_img { width: 184px; height: 70px; display: block; background: url('../imgs/cont/introSample09.jpg') no-repeat } .mapBox .pointInfo ul.pointList { width: 100%; box-sizing: border-box; margin-top: 5px } .mapBox .pointInfo ul.pointList li { font-size: 11px; font-weight: 400; color: #1e1e1e; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; background: url('../imgs/cont/icon_list01.png') 4% 50% no-repeat; padding: 0 0 0 13px; box-sizing: border-box; line-height: 15px } .mapArea { width: 100%; box-sizing: border-box; border: 1px solid #b5b5b5; border-top: 0px; } .mapArea .map { position: relative; width: 100%; height: 390px; background: #ebebeb url('../imgs/cont/map_sample.jpg') no-repeat 50% 50%; overflow: hidden } .mapArea .map .mark_pin { position: absolute; top: 0; left: 0; width: 25px; height: 30px; background: url('../imgs/cont/map_mark_pin.png') no-repeat 50% 50%; background-size: contain; cursor: pointer } .mapArea .map .mark_pin .description { display: none; position: absolute; left: -60px; bottom: 30px; box-sizing: border-box; border: 1px solid #a1a1a1; border-radius: 5px; padding: 5px 15px; width: 150px; background: #fff; font-size: 12px; font-weight: 200; letter-spacing: -.05em; text-align: center } .mapArea .map .mark_pin .description p { text-align: left } .mapArea .map .mark_pin .description span { float: right } .mapArea .map .mark_pin.list01 { } .mapArea .map .mark_pin.list02 { top: 100px; left: 50px } .mapArea .map .mark_pin .mapArea .map .mark_pin:hover, .mapArea .map .mark_pin.active { background: url('../imgs/cont/map_mark_pin_active.png') no-repeat 50% 50%; background-size: contain } .mapArea .map .mark_pin:hover .description, .mapArea .map .mark_pin.active .description { display: block } .mapArea .map .map_magnification_control { position: absolute; top: 10px; right: 10px; box-sizing: border-box; border: 1px solid #e9e9e9; width: 30px; height: 61px; background: #fff url('../imgs/cont/map_magnification_bar.jpg') no-repeat 50% 50%; text-indent: -9999px; font-size: 0 } .mapArea .map .map_magnification_control label { display: block; width: 100%; height: 50% } .mapArea .map .map_magnification_control label:active { } .mapArea .map .map_magnification_control .map_magnify { background: url('../imgs/cont/map_magnification_btn.png') no-repeat 50% 7px; background-size: 50% } .mapArea .map .map_magnification_control .map_reduce { background: url('../imgs/cont/map_magnification_btn.png') no-repeat 50% -40px; background-size: 50% } .mapArea .map .map_magnification_control .map_magnify input, .mapArea .map .map_magnification_control .map_reduce input { display: none } .mapArea .map .view_larger { position: absolute; bottom: 10px; right: 20px; width: 110px; height: 30px; background: url('../imgs/cont/map_view_larger_btn.png') no-repeat 50% 50%; background-size: contain; text-align: center; color: #fff; font-size: 12px; font-weight: 200; line-height: 30px } .mapArea .map .view_larger input { display: none } .mapArea .mapSearchBox { box-sizing: border-box; border-top: 1px solid #e0e0e0; padding: 20px } .mapArea .mapSearchBox input { float: left; box-sizing: border-box; border: 1px solid #e0e0e0; width: 85%; height: 40px } .mapArea .mapSearchBox label[for="mapSearchBtn"] { clear: both; display: inline-block; vertical-align: middle; width: 15%; height: 40px; background: #1f6e07 url('../imgs/cont/search_btn.png') no-repeat 50% 50%; text-indent: -9999px; font-size: 0 } .mapArea .mapSearchBox label[for="mapSearchBtn"] input { display: none }.bottom_etc{clear:both;padding-top:30px} .qrcode{padding: 10px;border-bottom:1px solid #dfdfdf;border-top:1px solid #dfdfdf;font-weight:bold;position:relative;clear:both;overflow: hidden;margin-top:50px} .qrcode p.qr_title{margin:0; padding:0; color: #333; background:none;} .qrcode p.txtQrcode{float: left; padding:0; background:none; margin:10px; font-size:13px; font-weight:normal; letter-spacing:-1px;} .qrcode a{display:block; float: right; margin-top: -28px; border:1px solid #ccc;} .qrcode div.qrZoom{position:absolute;right:-1px;top:-1px;border:1px solid #ccc;} .research{margin: 5px;} .research div.researchCount{} .research div.researchCount p.research_title{margin:0; padding:5px 0; color: #333; font-weight: 600; } .research div.researchCount form{margin: 7px 10px;} .research div.researchCount form ol{width:100%;display:inline-block;margin:0 0 10px 0;} .research div.researchCount form ol li{float:left;margin-right:15px;list-style:none;} .research div.researchCount form ul{display:inline-block;width:100%;} .research div.researchCount form ul li{float:left;} .research div.researchCount form ul li:first-child{width:86%;} .research div.researchCount form ul li:first-child input{padding:7px;margin:0;height:33px;width:99%;border:1px solid #ccc;} .research div.researchCount p.resultBtn{margin:20px 0;padding:0;background:none;width:100%;text-align:center;} .research div.researchCount p.resultBtn a img{width:auto} .ccl{padding:10px 20px;background-color:#dfdfdf;font-weight:bold; overflow: hidden;} .ccl a{padding:5px;background:#fafafa;display:block; border:1px solid #bbb;float:left;margin-right:10px;} .ccl p{margin:0;padding:0;background:none;font-weight:normal;font-size:13px;letter-spacing:-1px;} .contentAdmin{padding:10px 20px;} .contentAdmin div.adminArea{width:100%;display:inline-block;} .contentAdmin div.adminArea dl{margin:0;font-size:12px;letter-spacing:-1px;line-height:200%;} .contentAdmin div.adminArea dl dt{display: inline-block; font-weight:bold; margin-right:5px; font-size:14px} .contentAdmin div.adminArea dl dd {display: inline-block; margin-right: 30px;font-size:14px} .updateButton button.btn_info {width: 100%; text-align:center;display: block;margin: 0 auto;border: 1px solid #999;background: #cccfd4;height: 30px;font-weight: bold;text-shadow: 1px 1px #fff;} @media only screen and (max-width:600px){ .qrcode{padding: 4px;} .qrcode p.qr_title{width: 40%;} .qrcode p.txtQrcode{margin: 5px; padding: 0; font-size: 12px; width: 62%; line-height: 18px;} .qrcode a{width: 102px;} .research{margin: 5px 2px 2px;} .research div.researchCount form{margin: 7px 0 5px 5px;} .research div.researchCount form ul li:first-child{width: 79%;} .research div.researchCount form ol li{font-size: 12px;} .ccl{padding: 10px 10px;} .ccl img{width: 130px;} .ccl p{line-height: 20px;} .contentAdmin{padding: 10px 0;} .contentAdmin div.adminArea dl{padding: 0!important;} .contentAdmin div.adminArea dl dt, .contentAdmin div.adminArea dl dd{margin-right: 5px; font-size: 12px;} .contentAdmin div.adminArea .mbl_640{font-weight: normal; font-size: 11px; color: #aaa;} } /* 로그인 */ .cont_inner .cs_login {display:inline-block; vertical-align:middle;position:relative;float:left;width:71%;margin:58px 0 0 240px} .cont_inner .cs_login .csl_box {padding:30px 40px; border:#d9d9d9 solid 1px;} .cont_inner .cs_login .csl_sns {display:inline-block; vertical-align:middle; width:100%; margin-top:10px;} .cont_inner .cs_login .csl_sns li {display:inline-block; vertical-align:middle; width:100%; margin-top:10px;} .cont_inner .cs_login .csl_sns a {display:block; position:relative; border:#d9d9d9 solid 1px; border-radius:10px; padding:20px 25px; font-size:18px; color:#8a8a8a; line-height:30px; text-align:left;} .cont_inner .cs_login .csl_sns a:hover {color:#fff; text-decoration: none; } .cont_inner .cs_login .csl_sns a strong {font-weight:500; color:#201f2d;background:none} .cont_inner .cs_login .csl_sns a:hover strong {color:#000;} .cont_inner .cs_login .csl_sns a:before {content:""; display:inline-block; vertical-align:middle; position:absolute; right:30px; top:50%; width:2px; height:13px; margin-top:-11px; border-radius:1px; background-color:#aaa; transform:rotate(-45deg); -ms-transform:rotate(-45deg);} .cont_inner .cs_login .csl_sns a:after {content:""; display:inline-block; vertical-align:middle; position:absolute; right:30px; bottom:50%; width:2px; height:13px; margin-bottom:-11px; border-radius:1px; background-color:#aaa; transform:rotate(45deg); -ms-transform:rotate(45deg);} .cont_inner .cs_login .csl_sns a:hover:before {background-color:#fff;} .cont_inner .cs_login .csl_sns a:hover:after {background-color:#fff;} .cont_inner .cs_login .csl_sns .facebook:hover {border-color:#3b5998; background-color:#3b5998;} .cont_inner .cs_login .csl_sns .twitter:hover {border-color:#55acee; background-color:#55acee;} .cont_inner .cs_login .csl_sns .naver:hover {border-color:#00c73c; background-color:#00c73c;} .cont_inner .cs_login .csl_sns .kakao:hover {border-color:#ffdc00; background-color:#ffdc00;} .cont_inner .cs_login .csl_sns .google:hover {border-color:#db4437; background-color:#db4437;} .cont_inner .cs_login .csl_sns .csls_icon {display:inline-block; vertical-align:middle; position:relative; width:30px; height:30px; margin-right:40px; background-image:url("/scbay/images/icon_sns_t3.png"); background-image:url("/scbay/images/icon_sns_t3.png")\9; background-repeat:no-repeat; background-size:200% auto;} .cont_inner .cs_login .csl_sns .csls_icon:before {content:""; display:inline-block; vertical-align:middle; position:absolute; right:-20px; top:0; width:1px; height:30px; background-color:rgba(0, 0, 0, 0.1);} .cont_inner .cs_login .csl_sns .facebook .csls_icon {background-position:left 0;} .cont_inner .cs_login .csl_sns .twitter .csls_icon {background-position:left 25%;} .cont_inner .cs_login .csl_sns .naver .csls_icon {background-position:left 50%;} .cont_inner .cs_login .csl_sns .kakao .csls_icon {background-position:left 75%;} .cont_inner .cs_login .csl_sns .google .csls_icon {background-position:left 100%;} .cont_inner .cs_login .csl_sns .facebook:hover .csls_icon {background-position:right 0;} .cont_inner .cs_login .csl_sns .twitter:hover .csls_icon {background-position:right 25%;} .cont_inner .cs_login .csl_sns .naver:hover .csls_icon {background-position:right 50%;} .cont_inner .cs_login .csl_sns .kakao:hover .csls_icon {background-position:right 75%;} .cont_inner .cs_login .csl_sns .google:hover .csls_icon {background-position:right 100%;} @media only screen and (max-width:1024px){ .cont_inner .cs_login{width:100%;margin:58px 0 0 0} } .cont_inner .cs_login .csl_sns li .abcRioButton{ height:72px !important; width:106.5% !important; margin: -52px 0 -20px -25px; border-radius:10px; opacity:0;} @media only screen and (max-width:767px){ .tableScroll {display: block;width: 320px; left: calc(50% - 160px); font-size: 0.9em; padding: 20px 15px;} } @media only screen and (max-width:600px){ .cont_inner .cs_login .csl_sns a{padding: 15px; font-size: 16px;} .cont_inner .cs_login .csl_sns a:before {right: 19px;} .cont_inner .cs_login .csl_sns a:after {right: 19px;} } i.icon-chevron-left:before{content: "\f104";color:#793d01;font-family:FontAwesome;text-decoration:inherit;font-size:40px;padding-right:5px;vertical-align:top;line-height:42px;font-weight:600} i.icon-chevron-right:before{content: "\f105";color:#793d01;font-family:FontAwesome;text-decoration:inherit;font-size:40px;padding-right:5px;vertical-align:top;line-height:42px;font-weight:600} .view_tit h2{margin-top:0} .btn_box{clear:both;width:100%!important;border-top:1px dotted #bbb;padding-top:20px;max-width:100%!important} .sub_cont .title01{padding: 0 15px;color: #1a76ff;border-left: 9px solid #1a76ff;margin-top: 20px;font-size: 19px;font-weight: bold;height: 10px;line-height: 10px;} .progressbar {counter-reset: step; overflow: hidden; position: relative; z-index: 0; background-color: #f4f4f4; padding: 15px 0; margin-bottom: 15px!important;} .progressbar li {list-style: none;display: block; float: left; width: 33%;position: relative;text-align: center;cursor: pointer;} .progressbar li:before {content: counter(step);counter-increment: step;width: 30px;height: 30px;line-height : 30px;border: 1px solid #ddd;border-radius: 100%;display: block;text-align: center;margin: 0 auto 10px auto;background-color: #fff;position: relative; z-index: 2;} .progressbar li:after {content: "";position: absolute;width: 100%;height: 1px;background-color: #ddd;top: 15px;left: -50%;z-index : 1;} .progressbar li:first-child:after {content: none;} .progressbar li.active {color: #77410b!important;font-weight:600!important} .progressbar li.active:before {border-color: #77410b!important;} .progressbar li.active + li:after {background-color: #77410b!important;} ul#facilities{width:100%;margin-bottom: 16px;overflow: hidden;} ul#facilities li{width: calc(100% / 7);height: 55px;line-height: 55px;border-radius: 10px;float: left;text-align: center;cursor:pointer;user-select: none;} ul#facilities li.on{background: #34499d;color: #fff;} ul#facilities li.line2{line-height: 18px;padding-top: 8px;} .pro_info{border: 1px solid #ddd;border-radius: 10px;margin-top: 15px;} .pro_info p{background-color: #51576b;border-radius: 10px 10px 0 0;padding: 8px 35px;color: #fff;} .pro_info ul{padding: 0 10px; margin-top : 15px;} .pro_info ul li{} .pro_info .pro_info2 {margin-bottom : 15px;} /* 행사안내 달력 */ @media only screen and (max-width:1024px){ .allTitle{width: 40%!important; left: 30%!important;} } @media only screen and (max-width:767px){ .allTitle{width: 65%!important; left: 20%!important;} } @media only screen and (max-width:600px){ .allTitle{width: 80%!important; left: 10%!important;} } /* 1:1 문의 답변 이미지, 행사안내 게시판 바로보기 이미지 크기 유지를 위해 추가 */ .bbs_0000000000010924 .table.bbsList .title img, .bbs_0000000000010918 .table.bbsList .title img, .bbs_0000000000010902 .table.bbsList .title .replyArtile img, .bbs_0000000000010902 .table.bbsWrite span.file img, .bbs_0000000000010901 .table.bbsWrite span.file img, .bbs_0000000000010900 .table.bbsList .title .replyArtile img, .bbs_0000000000010903 .table.bbsList .title .replyArtile img, .bbs_0000000000010901 p.title span.replyArtile img, .bbs_0000000000010906 .table.bbsList .title .replyArtile img, .bbs_0000000000010917 p.title span.replyArtile img, .bbs_0000000000010914 .table.bbsView a img, .bbs_0000000000010914 .table.bbsWrite span.file img, .bbs_0000000000010932 .table.bbsList .title .replyArtile img, .bbs_0000000000010899 .title img, .bbs_0000000000010904 .title img, .bbs_0000000000010901 .title img, .bbs_0000000000010917 .title img { width:auto; } /* 찾아오시는길 상단 길찾기 공통 */ .searchBoxWrap .map_search{margin: 4px 0 0 0!important; text-align: center;} .searchBoxWrap .map_search .map_start, .map_arrival{display: inline-block; vertical-align: middle;} .searchBoxWrap .map_search .map_arrival{margin-left: 20px;} .searchBoxWrap .map_search .map_place01{border: 1px solid #ddd;} .searchBoxWrap .map_search .map_place02{display: inline-block; padding: 7px 8px 8px; text-align: left; background-color: #fff; border: 1px solid #ddd; vertical-align: middle;} .searchBoxWrap .map_search .srch_btn{background-position: 82px 50%!important;} @media only screen and (max-width:600px){ .searchBoxWrap .search_row .searchBox.map_search{margin-left: 0!important;} .searchBoxWrap .map_search .map_start, .searchBoxWrap .map_search .map_arrival{display: block; float: left; width: 16%; padding: 9px 0 10px; vertical-align: middle;} .searchBoxWrap .map_search .map_arrival{margin-left: 0;} .searchBoxWrap .map_search .map_place01{display: block; float: right; width: 82.1%!important; margin-right: 0!important; margin-bottom: 3px;} .searchBoxWrap .map_search .map_place02{display: block; float: right; width: 82%; margin-bottom: 3px;} .searchBoxWrap .map_search .srch_btn{float: right;} } @media only screen and (max-width:345px){ .searchBoxWrap .map_search .map_start, .searchBoxWrap .map_search .map_arrival, .searchBoxWrap .map_search .map_place01, .searchBoxWrap .map_search .map_place02, .searchBoxWrap .map_search .srch_btn{font-size: 15px!important;} } @media only screen and (max-width:325px){ .searchBoxWrap .map_search{width: 265px!important;} } /*포털검색 3.30.*/ .btn_portal{text-align:center;margin-top:10px} .btn_portal .btn{border:0} .btn_portal .btn_google{background: #ee1e06 url(/garden/images/common/ci_google.png)no-repeat 23px 14px !important;padding: 0 33px 0 43px !important;} .btn_portal .btn_naver{background: #04c83a url(/garden/images/common/ci_naver.png)no-repeat 23px 14px !important;padding: 0 33px 0 43px !important;} .btn_portal .btn_daum{background: #6b97f8 url(/garden/images/common/ci_daum.png)no-repeat 23px 14px !important;padding: 0 33px 0 43px !important;} /* 게시판 이미지 사이징 */ .bbsView .board_content_view img{width: auto!important; max-width: 1100px; height: auto!important;} @media only screen and (max-width:1024px){ .bbsView .board_content_view img{width: 100%!important;} } table.bbsWrite td{text-align: left!important;} td.content{text-align: initial!important;} td span.file img{width: auto!important;} /*오픈안내페이지*/ .notice_wrap{background:url(/garden/images/common/bg_notice.gif) center top repeat;width:100%;min-height:1000px} .notice_inner{padding-top:150px;width:1200px;margin:0 auto;background:url(/garden/images/common/img_notice.png) right 150px no-repeat;} .notice_wrap .notice_text{width:100%;min-height:800px} .notice_wrap .notice_text p.title_notice_text{padding-top:50px;color:#000;font-size:50px;font-weight:600;letter-spacing:-2px;line-height:62px} .notice_wrap .notice_text p.title_normal_text{padding-top:50px;font-size:20px;font-weight:200;color:#000;line-height:35px;letter-spacing:-1px} .notice_wrap .notice_text span.font_sky{color:#1f73dd;font-weight:600;} .notice_wrap .notice_text p.open_btn_box{padding-top:60px;text-align:center;font-size:26px} .notice_wrap .notice_text p a.open_btn{background:#000;padding:15px 50px;color:#fff} .notice_wrap .notice_text p a.open_btn:hover{background:#6aa1e7} @media only screen and (max-width:1200px){ .notice_inner{width:100%;background-position:center 20px;background-size:300px} .notice_wrap .notice_text p.title_notice_text{padding-top:126px;text-align:center;font-size:40px;line-height:52px} .notice_wrap .notice_text p.title_normal_text{padding-top:30px;text-align:center;font-size:20px;font-weight:200;color:#000;line-height:35px;letter-spacing:-1px} } @media only screen and (max-width:700px){ .notice_wrap .notice_text p.title_notice_text{padding-top:126px;text-align:center;font-size:30px;line-height:42px} .notice_wrap .notice_text p.title_normal_text{padding-top:20px;text-align:center;font-size:14px;font-weight:200;color:#000;line-height:25px;letter-spacing:-1px} .notice_wrap .notice_text p.open_btn_box{font-size:18px} .notice_wrap .notice_text p a.open_btn{padding:15px 10px} } @media only screen and (max-width:400px){ .notice_wrap .notice_text p.open_btn_box{font-size:15px} } /* 설문조사 */ .research_list{padding: 15px 13px; margin-bottom:20px; font-family: 'NotoSansKR',sans-serif;} .research_list p.tit{ color: #13315c; font-size:35px; text-align: center; background: #f1f1f1; border-top: 2px solid #13315c; border-bottom: 1px solid #ddd; padding: 30px 0;} .research_list .research_content{padding: 20px; font-size: 20px; color: #555; line-height: 28px; border-bottom: 1px dashed #d4d4d4;} .research_list dl{overflow:hidden;padding:25px 10px 10px 10px; border-bottom: 1px dashed #d4d4d4; color:#666666;} .research_list dl dt{padding-bottom:10px; margin-bottom:5px; line-height: 26px;} .research_list dl dt span{padding: 2px 10px; color: #fff; background: #b17131; border-radius: 3px;} .research_list dl dt > img {margin-right: 7px;vertical-align: middle;} .research_list dl dd{ padding:10px; font-weight: 200;} .research_list ul{ overflow:hidden;} .research_list ul li{ margin-bottom: 5px; overflow: hidden; text-align: left; clear: both; background: #FFF; padding: 5px; line-height: 19px;} .research_list label{ min-width:130px; display:inline-block;margin-right:10px; text-align:left;} .research_list div.btn_list{ text-align:center; padding: 20px 0; border-top: 1px solid #13315c;} .research_list span.grap{display:inline-block; width: 85%; height: 17px; margin-top: 5px; vertical-align: top; text-align: left; background: #e1e1e1; border-radius: 3px;} .research_list span.grap b{display:inline-block; height:17px; vertical-align:top; background: #b17131; border-radius: 3px;} .research_list em{font-style:normal; display:inline-block; text-align: right; font-size: 14px; vertical-align: text-bottom;} .research_list dl dd ul.research_wlineup{display: inline-block; /*width: 180px;*/} .research_list a.anspop{margin-left: 5px; padding:0 10px;height:25px;line-height:25px;color:#fff;font-size:14px;font-weight: 400; letter-spacing:-1px;border-radius: 2px;background:#b17131} .research_list ul.research_wlineup li{line-height: 3px!important;} table.research_table td{color: #555!important;} table.research_table td a{color: #23a8e0;} table.research_table td a.btn-mini{margin-left: 5px; padding:0 10px;height:25px;line-height:25px;color:#fff;font-size:14px;font-weight: 400; letter-spacing:-1px;border-radius: 2px;background:#b17131}