/* 상단 Wrap 시작 */ body {top:0 !important;} #WrapTop {position:relative;} #TopBanner {} #TopBanner ul {} #TopBanner ul li {height:110px; background-repeat:no-repeat; background-position:50% 50%;} #TopBanner ul li a {height:110px; width:100%; display:inline-block;} #TopBanner .bx-wrapper .bx-pager {position:absolute; top:90px; left:50%; margin-left:-650px; z-index:100;} #TopBanner .bx-wrapper .bx-pager .bx-pager-item, #TopBanner .bx-wrapper .bx-controls-auto .bx-controls-auto-item { display: inline-block; *zoom: 1; *display: inline;} #TopBanner .bx-wrapper .bx-pager.bx-default-pager a {background: #ffffff; text-indent: -9999px; display: block; width: 14px; height: 14px; margin: 0 6px; outline: 0; -moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px; } #TopBanner .bx-wrapper .bx-pager.bx-default-pager a:hover, #TopBanner .bx-wrapper .bx-pager.bx-default-pager a.active {background: #ed1c24;} #California #TopBanner .bx-wrapper .bx-pager.bx-default-pager a:hover, #California #TopBanner .bx-wrapper .bx-pager.bx-default-pager a.active {background: #004a97;} #TopGNB {width:100%; height:150px; position:absolute;} #TopSecond {clear:both; width:100%; height:90px; border-bottom:1px solid #e1e1e1; position:fixed; top:110px; background-color:#ffffff; z-index:102;} #TopTotal {float:left; width:0%; display:none; overflow:hidden;} #TopTotal > span {display:none; width:196px; height:45px; line-height:45px; border:1px solid #cccccc; font-weight: 300; font-size:0.89rem; color:#707070; text-align:center; margin-top:23px; cursor:pointer; position:relative; padding-left:30px;} #TopTotal > span #TopBg {width:27px; height:22px; display: inline-block; position: absolute; top: 9px; left: 17px;} #TopTotal > span #TopBg div {height: 4px; margin: 5px 0; transition: 0.1s; background-color:#000000; border-radius:2px;} #TopTotal ul {display:none;} #TopTotal ul li {float:left;} #TopSite {float:left; width:30%; } #TopSite ul {margin-top:25px;} #TopSite ul li {float:left; height:42px;} #TopSite ul li:first-child {background-image:url('/images/css/ci.png?vdraken'); background-repeat:no-repeat; background-position:-17px -1107px; padding-left:62px;} #TopSite ul li:last-child {background-image:url('/images/css/ci.png?vdraken'); background-repeat:no-repeat; background-position:-17px -1307px; padding-left:62px;} #TopSite ul li.hi:last-child {background-position:-17px -1207px;} #TopSite ul li a {display:inline-block; height:42px; line-height:38px; text-align:center; color:#707070; font-size:0.67rem;} #TopLogo {float:left; width:40%; text-align:center; padding:6px 0;} #TopRight {float:left; width:30%;} #TopGlobal {} #TopGlobal ul {float:right;} #TopGlobal ul li {float:left;margin-top:5px} #TopGlobal ul li:first-child a {margin-left:0px;} #TopGlobal ul li:last-child {margin-top:0} #TopGlobal ul li a {font-weight: 300; color:#707070; font-size:0.67rem; margin-left:14px;} #TopGlobal ul li.hi a {color:#f26c4f;} .goog-te-banner-frame {display:none; top:auto !important; bottom:0;} #google_translate_element {padding-top:6px; margin-left:6px;} .goog-te-gadget-simple {border-left:none !important; border-top:none !important; border-bottom:none !important; border-right:none !important;} .goog-te-gadget-icon {margin-right:-10px !important;margin-left:5px !important;} .goog-te-menu-value img {display:none;} .goog-te-gadget-simple .goog-te-menu-value span {font-weight: 300; color:#707070; font-size:0.67rem; font-family: 'Noto Sans KR';} .goog-te-gadget-simple .goog-te-menu-value img:nth-child(2) {display:none;} .goog-te-gadget-simple .goog-te-menu-value span:nth-child(3) {display:none;} .goog-te-gadget-simple .goog-te-menu-value img:nth-child(4) {display:none;} .goog-te-gadget-simple .goog-te-menu-value span:last-child {display:none;} #California #TopGlobal ul li.hi a {color:#5674b9;} #TopSearch {clear:both;text-align:right;} #TopSearch form {display:inline-block; width:196px; height:37px; margin-top:13px; border:1px solid #cccccc;} #TopSearch form label {display:none;} #TopSearch form #sch_str {width:151px; height:35px; padding:0 10px; float:left; border:none; color:#707070; font-size:0.89rem; font-weight:300;} #TopSearch form .hash-tag-input {width:151px; height:35px; line-height:31px; padding:0 10px; float:left; border:none; color:#707070; font-size:0.89rem; font-weight:300;} #TopSearch form #sch_submit {width:35px; height:35px; float:right; text-indent:-9999px; border:none; background-image:url('/images/css/diagram.png'); background-repeat:no-repeat; background-position:-2px -200px; background-color:#ffffff;} #TopSmart{display:none;} #TopThird {clear:both; width:100%; height:55px; position:fixed; top:200px; background-color:#ffffff; z-index:103;} #TopThird .WrapWidth {position:relative;} #TopMainMenu {height:54px; position:absolute; top:0; width:100%;background-color:#ffffff; overflow:hidden; transition: 0.4s;} #TopMainMenu > ul { } #TopMainMenu > ul > li {float:left; width:16.6%; text-align:center; position:relative;} #DrValley #TopMainMenu > ul > li {width:25%;} #TopMainMenu > ul > li > a {display:inline-block; text-align:center; width:100%; height:56px; line-height:56px; font-family: 'NanumSquare'; font-weight: 700; color:#000000; font-size:1.11rem;} #California #TopMainMenu > ul > li > a {letter-spacing:-2px;} #California #TopMainMenu > ul > li {width:25%;} #TopMainMenu > ul > li > a:hover {color:#ed1c24; border-bottom:3px solid #ed1c24;} #California #TopMainMenu > ul > li > a:hover {color:#004a97; border-bottom:3px solid #004a97;} #TopMainMenu > ul > li.on > a {color:#ed1c24; border-bottom:3px solid #ed1c24;} #California #TopMainMenu > ul > li.on > a {color:#004a97; border-bottom:3px solid #004a97;} #TopMainMenu > ul > li > span {_display:inline-block; display:none; width:42px; height:42px; background-color:#ed1c24; border-radius: 21px; background-image:url('/images/css/diagram.png'); background-repeat:no-repeat; background-position:1px -97px; position:fixed; top:210px; left:50%; margin-left:300px; z-index:99999; transition: 0.4s;} #California #TopMainMenu > ul > li > span {background-color:#004a97;} #TopMainMenu > ul > li > ul {width:100%; border-top:1px solid #c3c7c8; border-left:1px solid #eaeaea; border-bottom:1px solid #eaeaea; height:315px; padding-top:14px;} #TopMainMenu > ul > li.on > ul {border-top:1px solid #ffffff;} #TopMainMenu > ul > li:last-child {width:17%;} #DrValley #TopMainMenu > ul > li:last-child {width:25%;} #TopMainMenu > ul > li:last-child > ul {border-right:1px solid #eaeaea;} #TopMainMenu > ul > li > ul > li {clear:both; width:100%; min-height:32px; padding:0 20px;} #TopMainMenu > ul > li > ul > li > a {display:inline-block; color:#505050; font-size:0.78rem; width:100%; height:32px; line-height:32px; border-bottom:1px solid #eaeaea; text-align:left; padding-left:10px; background-image:url('/images/css/sign.png'); background-repeat:no-repeat; background-position:right -468px top -204px;} #TopMainMenu > ul > li > ul > li > a:hover {background-color:#f9f9f9; color:#ed1c24; background-position:right -468px top -304px;} #TopMainMenuMobile {display:none;} #TopFourth {display:none; position:fixed; top:3px; left:50%; margin-left:-650px; z-index:105;} #TopFourth img {width:150px;} #TopFifth {display:none; position:fixed; top:22px; right:50%; margin-right:-650px; z-index:105;} #DrValley #TopFifth{top:8px} #TopFifth ul {float:right;} #TopFifth ul li {float:left;} #TopFifth ul li:first-child a {margin-left:0px;} #TopFifth ul li a {font-weight: 300; color:#707070; font-size:0.67rem; margin-left:14px;} #TopFifth ul li.hi a {color:#f26c4f;padding: 5px 10px;border: 1px solid #f26c4f;} #California #TopFifth ul li.hi a {color:#5674b9; border:1px solid #5674b9} #MainWeather {width:115px; position:fixed; right:1px; top:330px; z-index:111; transition: 0.4s;} #MainWeather.on {right:-116px;} #MainWeather .togglebtn {position:absolute; display:inline-block; width:50px; height:50px; background-image:url("/images/main/banner_toggle.png"); background-repeat:no-repeat; background-position:100% 50%; cursor:pointer; right:95px; top:200px; z-index:110;} #MainWeather .togglebtn.on {background-position:0 50%;} #MainWeather div {border:1px solid #ffffff; text-align:center; padding:5px 5px; background-color:rgba(0, 0, 0, 0.56); min-height:98px; position:relative;} #MainWeather img.diagram {position:absolute; right:13px; top:13px; width:36px;} #MainWeather ul.info {margin-top:7px;} #MainWeather ul.info li {text-align:left; font-weight:300; font-size:1rem; line-height:18px; padding-left:8px; color:#ffffff;} #MainWeather ul.info li:first-child {color:#fff200;} #MainWeather ul.info li:last-child {font-size:0.78rem; padding-top:20px;} #MainWeather ul.banner {position:absolute; margin-top:4px; z-index:111;} #MainWeather ul.banner li {border-top:1px solid #dadada;} #MainWeather ul.banner li:first-child {border-top:0px solid #dadada;} #MainWeather ul.banner li a img {display: block;} #PCQuick {width:138px; position:fixed; right:-73px; top:50%;transform:translateY(-50%); z-index:111; transition: 0.4s;} #PCQuick.on {right:-73px;} #PCQuick:hover {right:0px;} #PCQuick .togglebtn {position:absolute; display:none; width:20px; height:31px; background-image:url("/images/main/quick_toggle.png"); background-repeat:no-repeat; background-position:100% 50%; cursor:pointer; right:138px; top:0; z-index:110;} #PCQuick .togglebtn.on {background-position:0 50%;} #PCQuick ul {border-top:1px solid #cecece; } #PCQuick ul li {border-left:1px solid #cecece; border-right:1px solid #cecece; border-bottom:1px solid #dadada; background-color:#f7f7f7;} #PCQuick ul li.snow {border-left:1px solid #1864ab; border-right:1px solid #1864ab; border-bottom:1px solid #1864ab; background-color:#1864ab;} #PCQuick ul li.draken{border-left:1px solid #6b001e; border-right:1px solid #6b001e; border-bottom:1px solid #6b001e;background-color:#6b001e;} #PCQuick ul li.draken a{color:#fff;} #PCQuick ul li a {color:#272727; font-size:0.83rem;} #PCQuick ul li.snow a {color:#ffffff; } #PCQuick ul li a img {margin:7px; float:left;} #PCQuick ul li a span {display:block; margin-left:64px; height:64px; line-height:60px;} #PCQuick ul li:first-child {color:#130909; font-size:0.67rem;} #PCQuick ul li:first-child img {margin:7px; float:left;} #PCQuick ul li:first-child span {display:block; margin-left:64px; height:64px; line-height:16px; padding:10px 0;} #PCQuick ul li:first-child span b {color:#272727; font-size:0.83rem; font-weight:400; display:block;} #MobileQuick {display:none;} #TopLNB {clear:both; width:100%; height:260px; position:relative; background-image:url('/images/layout/subvisual_01.jpg?v1'); background-size:cover; background-position:50% 50%; position:fixed; top:254px; z-index:101; background-repeat:no-repeat;} #TopLNB.c2 {background-image:url('/images/layout/subvisual_02.jpg');} #TopLNB.c3 {background-image:url('/images/layout/subvisual_03.jpg?v1');} #TopLNB.c4 {background-image:url('/images/layout/subvisual_04.jpg');} #TopLNB.c5 {background-image:url('/images/layout/subvisual_05.jpg?v1');} #TopLNB.c6 {background-image:url('/images/layout/subvisual_06.jpg');} #California #TopLNB {background-image:url('/images/layout/subvisual_01_c.jpg');} #California #TopLNB.c2 {background-image:url('/images/layout/subvisual_02_c.jpg');} #California #TopLNB.c3 {background-image:url('/images/layout/subvisual_03_c.jpg');} #California #TopLNB.c4 {background-image:url('/images/layout/subvisual_04_c.jpg');} #California #TopLNB.c5 {background-image:url('/images/layout/subvisual_05_c.jpg');} #California #TopLNB.c6 {background-image:url('/images/layout/subvisual_06_c.jpg');} #DrValley #TopLNB {background-image:url('/images/layout/subvisual_01_d.jpg');} #DrValley #TopLNB.c2 {background-image:url('/images/layout/subvisual_02_d.jpg');} #DrValley #TopLNB.c3 {background-image:url('/images/layout/subvisual_03_d.jpg');} #DrValley #TopLNB.s1 {background-image:url('/images/layout/subvisual_01_s.jpg');} #TopLNB > div {height:260px; background-color:rgba(0, 0, 0, 0.56);} #TopLNB h2 {font-weight: 500; font-size:2.67rem; color:#ffffff; width:100%; text-align:center; line-height:210px;} #TopLocation {position:absolute; bottom:0; border-top:1px solid #959595; width:100%; height:40px; background-color:rgba(0, 0, 0, 0.56);} #TopLocation > div > ul {} #TopLocation > div > ul > li {float:left; border-right:1px solid #959595; width:185px; height:39px; background-image:url('/images/css/sign.png'); background-repeat:no-repeat; background-position:145px 0px;} #TopLocation > div > ul > li:first-child {width:40px; background-image:url('/images/css/diagram.png'); background-repeat:no-repeat; background-position:0px -298px;} #TopLocation > div > ul > li:first-child > a {width:40px; text-indent:-9999px;} #TopLocation > div > ul > li > a {display:inline-block; height:40px; line-height:36px; color:#ffffff; padding:0 15px; width:100%; font-size:0.89rem;} #TopLocation > div > ul > li > span {display:inline-block; height:40px; line-height:40px; color:#ffffff; padding:0 17px; width:100%; cursor:pointer; font-size:0.89rem;} #TopLocation > div > ul > li > div {border-left:1px solid #e5e5e5; width:calc(100% + 2px); margin-left:-1px; border-right:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; background-color:#ffffff; display:none;} #TopLocation > div > ul > li.on > div {display:block;} #TopLocation > div > ul > li > div ul {} #TopLocation > div > ul > li > div ul li {} #TopLocation > div > ul > li > div ul li a {display:inline-block; width:100%; height:40px; line-height:40px; padding-left:17px; color:#555555; font-size:0.78rem;} #TopLocation > div > ul > li > div ul li a:hover {background-color:#959595; color:#ffffff;} /* 상단 Wrap 끝 */ /* 내용 Wrap 시작 */ #WrapContents {clear:both; min-height:900px; padding-top:410px; *zoom:1;} #WrapContents:after {content:""; clear:both; display:block;} #DrValley #WrapContents {padding-top:345px;} #DrValley #WrapContents.SnowPark{padding-top:90px;} #ContentsTitle {height:90px;} #ContentsTitle h3 {float:left; height:90px; width:30%; font-weight: 500; color:#252525; font-size:1.67rem; line-height:110px; letter-spacing:-2px;} #ContentsControl {float:right; height:90px; width:70%;} #ContentsControl > ul {float:right; margin-top:40px;} #ContentsControl > ul > li {float:left; display:inline-block; height:32px; cursor:pointer; margin-left:5px; padding:0 10px 0 28px; background-image:url('/images/css/diagram.png?v=1'); background-repeat:no-repeat; color:#252525; font-size:0; font-weight: 500; line-height:28px; position:relative;} #ContentsControl > ul > li:first-child { background-position:-3px -603px; } #ContentsControl > ul > li:nth-child(2) { background-position:-3px -403px; } #ContentsControl > ul > li:nth-child(3) { background-position:-3px -503px; } #ContentsControl > ul > li div.snslist {display:none; border:1px solid #ed1c24; position:absolute; top:36px; right:0; width:264px; min-height:181px; background-color:#ffffff; z-index:101; cursor: default;} #ContentsControl > ul > li.on div.snslist {display:inline;} #ContentsControl > ul > li div.snslist b {display:block; text-align:center; font-size:0.89rem; color:#000000; height:40px; line-height:40px; font-weight:400;} #ContentsControl > ul > li div.snslist span.close {position:absolute; top:11px; right:8px; display:inline-block; width:18px; height:18px; cursor:pointer; background-image:url('/images/css/sign.png'); background-repeat:no-repeat; background-position:-12px -511px;} #ContentsControl > ul > li div.snslist ul {padding:0 10px;} #ContentsControl > ul > li div.snslist ul li {width:25%; float:left; text-align:center; padding-top:10px; color:#555555; font-size:0.72rem; letter-spacing:-2px; font-weight:300} #ContentsControl > ul > li div.snslist ul li span {display:block; width:34px; height:32px; margin:0 auto; border:1px solid #c1c2c6; cursor:pointer; background-image:url('/images/css/ci.png'); background-repeat:no-repeat;} #ContentsControl > ul > li div.snslist ul li:first-child span {background-color:#448ccb; background-position:50% -13px;} #ContentsControl > ul > li div.snslist ul li:nth-child(2) span {background-color:#44c8f5; background-position:50% -113px;} #ContentsControl > ul > li div.snslist ul li:nth-child(3) span {background-color:#5ab534; background-position:50% -213px;} #ContentsControl > ul > li div.snslist ul li:nth-child(4) span {background-color:#fff413; background-position:50% -613px;} #ContentsControl > ul > li div.snslist ul li:nth-child(5) span {background-color:#08ab1e; background-position:50% -713px;} #ContentsControl > ul > li div.snslist ul li:nth-child(6) span {background-color:#fae100; background-position:50% -813px;} #ContentsControl > ul > li div.snslist ul li:nth-child(7) span {background-color:#02b903; background-position:50% -913px;} #ContentsControl > ul > li div.snslist ul li:nth-child(8) span {background-color:#ffffff; background-position:50% -1013px;} /* #ContentsControl ul li:first-child {margin-left:0px; background-color:#448ccb; background-image:url('/images/css/ci.png'); background-repeat:no-repeat; background-position:-12px -13px;} #ContentsControl ul li:nth-child(2) {background-color:#44c8f5; background-image:url('/images/css/ci.png'); background-repeat:no-repeat; background-position:-12px -113px;} #ContentsControl ul li:nth-child(3) {background-color:#5ab534; background-image:url('/images/css/ci.png'); background-repeat:no-repeat; background-position:-12px -213px;} #ContentsControl ul li:nth-child(4) {background-image:url('/images/css/diagram.png'); width:auto; text-indent:0; background-repeat:no-repeat; background-position:-3px -403px; padding:0 10px 0 35px; color:#252525; font-size:0.78rem; font-weight: 500; line-height:28px;} #ContentsControl ul li:nth-child(5) {background-image:url('/images/css/diagram.png'); width:auto; text-indent:0; background-repeat:no-repeat; background-position:-3px -503px; padding:0 10px 0 35px; color:#252525; font-size:0.78rem; font-weight: 500; line-height:28px;} */ /* 내용 Wrap 끝 */ /* 하단 Wrap 시작 */ #WrapBottom {clear:both; background-color:#ffffff;} #BottomFNB {background-color:#2f3336; height:60px;} #BottomSNS {} #BottomSNS ul {} #BottomSNS ul li {float:left; margin-left:15px;} #BottomSNS ul li:first-child {margin-left:0px;} #BottomSNS ul li span {display:inline-block; width:32px; height:32px; background-color:#000; background-image:url('/images/css/ci.png?v2'); background-repeat:no-repeat; background-position:50% -12px; border-radius: 16px; vertical-align:middle; margin:0 10px;} #BottomSNS ul li.blog span {background-color:#3eb852; background-position:50% -312px;} #BottomSNS ul li.insta span {background-color:#7231a3; background-position:50% -412px;} #BottomSNS ul li.youtube span {background-color:#e62c28; background-position:50% -512px;} #BottomSNS ul li.tictok span {background-color:#000; background-position:50% -1410px;} #BottomSNS ul li.kakao span {background-color:#e7b919; background-position:50% -1465px;} #BottomSNS ul li:nth-child(7) span {background-color:#e7b919; background-position:50% -1465px;} #BottomSNS ul li a {display:inline-block; height:60px; line-height:60px; font-weight: 300; color:#ffffff; font-size:0.83rem;} #BottomGoTop {float:right; display:inline-block; width:105px; height:60px; line-height:60px; background-color:#1e2123; text-align:center; font-weight: 300; font-size:0.75rem; color:#ffffff; background-image:url('/images/css/sign.png'); background-repeat:no-repeat; background-position:17px -89px; padding-left:20px; cursor:pointer;} #BottomContents {} #BottomLeft {float:left; width:250px;} #BottomLogo {margin-top:33px;} #BottomCenter {float:left; width:calc(100% - 414px);} #BottomMenu {clear:both; padding-top:33px;} #BottomMenu ul {} #BottomMenu ul li {float:left; margin-left:8px; padding-left:8px; background-image:url('/images/css/bullet.png'); background-repeat:no-repeat; background-position:-11px -2px;} #BottomMenu ul li:first-child {margin-left:0; padding-left:0; background-image:url('/images/css/bullet_.png');} #BottomMenu ul li a {color:#707070; font-size:0.83rem;} #BottomInfomation {clear:both; padding-top:15px; } #BottomInfomation ul {} #BottomInfomation ul li {display:inline-block; margin-left:8px; padding-left:8px; background-image:url('/images/css/bullet.png'); background-repeat:no-repeat; background-position:-12px -405px; color:#898989; font-size:0.75rem;} #BottomInfomation ul li:first-child {margin-left:0; padding-left:0; background-image:url('/images/css/bullet_.png');} #BottomInfomation ul li:nth-child(_4) {clear:both; margin-left:0; padding-left:0; background-image:url('/images/css/bullet_.png');} #BottomMobileLogo {display:none;} #BottomCopyright {clear:both; padding-top:7px; padding-bottom:50px;} #BottomCopyright ul {} #BottomCopyright ul li {color:#a1a1a1; font-size:0.75rem;} #BottomRight {float:left;} #BottomFamily {width:164px; height:36px; line-height:36px; border:1px solid #d6d6d6; font-weight: 300; font-size:0.78rem; color:#8a8a8a; text-align:center; margin-top:30px; cursor:pointer;} #BottomFamily ul {} #BottomFamily ul li {height:36px; line-height:36px; position:relative;} #BottomFamily ul li div {height:0; width:calc(100% + 2px); margin-left:-1px; margin-top:-1px; position:absolute; left:0; bottom:36px; transition: 0.2s; overflow:hidden;} #BottomFamily ul li.on div {height:170px;} #BottomFamily ul li div ul { border-left:1px solid #d6d6d6; border-right:1px solid #d6d6d6;} #BottomFamily ul li div ul li {height:34px; line-height:30px; border-bottom:1px solid #d6d6d6; font-size:0.67rem; background-color:#ffffff;} #BottomFamily ul li div ul li:first-child {border-top:1px solid #d6d6d6;} /* 하단 Wrap 끝 */ .BGFix {position:relative; overflow-x:hidden; overflow-y:hidden; top:0; left:0; bottom:0; right:0;} .WrapWidth {margin:0 auto; width:100%; max-width:1300px; *zoom:1;} .WrapWidth:after {content:""; clear:both; display:block;} @media only screen and (max-width: 1300px){ #TopBanner .bx-wrapper .bx-pager {left:0%; margin-left:0px;} } @media only screen and (max-width: 1000px){ #TopBanner ul li {height:55px; background-repeat:no-repeat; background-position:50% 50%; background-size:951px;} #TopBanner ul li a {height:55px; width:100%; display:inline-block;} #TopBanner .bx-wrapper .bx-pager {top:41px;} #TopBanner .bx-wrapper .bx-pager.bx-default-pager a { width: 10px; height: 10px; margin: 0 2px; outline: 0; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } #WrapTop {overflow:hidden;} #TopSecond {height:120px; top:55px;} #DrValley #TopSecond{height:90px;} #TopTotal {float:left; width:30%; display:inline;} #TopTotal > span {display:inline-block; width:45px; height:45px; line-height:45px; overflow:hidden; border:0px solid #ffffff; text-indent:-9999px; margin-top:13px; } #TopSite {width:100%;} #TopSite ul {width:100%; margin-top:0;} #TopSite ul li {width:50%;} #TopSite ul li {float:left; height:39px;} #TopSite ul li:first-child {background-image:url('/images/css/ci_.png'); padding-left:0;} #TopSite ul li:last-child {background-image:url('/images/css/ci_.png'); padding-left:0;} #TopSite ul li a {width:100%; letter-spacing:-1px; border-bottom:1px solid #e1e1e1; display:inline-block; height:40px; line-height:40px; width:100%; letter-spacing:-1px; color:#000000; font-size:0.89rem;} #TopSite ul li a.on {background-color:#ed1c24; color:#ffffff; /*background-image:url('/images/css/diagram.png');*/ background-repeat:no-repeat; background-position:30px 3px;} #California #TopSite ul li a.on {background-color:#004a97; background-position:15px 3px;} #TopGlobal {display:none;} #TopLogo {float:left; width:40%; padding:14px 0 0 0;} #TopLogo img {width:120px; } #TopRight {width:30%;} #TopSearch {display:none; width:20%;} #TopSmart {display:inline-block; width:100%; padding-top:17px; padding-right:10px; text-align:right;} #TopSmart a {display:inline-block; width:88px; height:40px; background-color:#ed1c24; border-radius: 21px; overflow:hidden; text-align:left; color:#ffffff; text-align:center; line-height:40px; font-size:0.83rem;font-weight:700;} #TopSmart a:before{content:'';display:inline-block;width:18px;height:18px;margin-right:2px;margin-bottom:2px;background:url('/images/contents/smart_icon.png') no-repeat;background-size:18px;vertical-align: middle;} /* #TopSmart a {display:inline-block; width:42px; height:42px; background-color:#ed1c24; border-radius: 21px; background-image:url('/images/css/diagram.png'); background-repeat:no-repeat; background-position:1px -97px; text-indent:-9999px; overflow:hidden; text-align:left;} */ #California #TopTotal {width:30%} #California #TopLogo {width:40%} #California #TopLogo img {width:140px} #California #TopRight {width:30%;} #California #TopSmart {padding-right:10px;} #California #TopSmart a {background-color:#004a97;} #California #TopSmart a:first-child {background-color:#e45302;} #TopThird {display:none;} #TopMainMenuMobile {display:block;position:fixed;right:0;top:0;z-index:10002;height:100%;-webkit-transform:translate3d(320px,0,0);transform:translate3d(320px,0,0);background-color:#fff;transition: 0.25s;} #TopMainMenuMobile > div.left {float:left; width:70px; background-color:#2f3336; height:100%;} #TopMainMenuMobile > div.left ul {} #TopMainMenuMobile > div.left ul li {border-bottom:1px solid #56585a;} #TopMainMenuMobile > div.left ul li:first-child {background-color:#ed1c24;} #TopMainMenuMobile > div.left ul li:nth-last-child(2) {border-bottom:0px solid #56585a;} #TopMainMenuMobile > div.left ul li:nth-last-child(1) {border-bottom:0px solid #56585a;} #California #TopMainMenuMobile > div.left ul li:first-child {background-color:#004a97;} #TopMainMenuMobile > div.left ul li a {display:inline-block; width:70px; height:70px; text-align:center; color:#f9c1c4; font-size:0.89rem; display:table-cell; vertical-align:middle; word-break:keep-all; word-wrap:break-word; line-height:1.2rem;} #TopMainMenuMobile > div.left ul li:first-child a {background-position:50% -294px; background-image:url('/images/css/mobile_sign.png'); background-repeat:no-repeat; color:#ffffff; padding-top:40px; line-height:0.89rem;} #TopMainMenuMobile > div.left ul li:nth-last-child(2) a {background-position:50% -394px; background-image:url('/images/css/mobile_sign.png'); background-repeat:no-repeat; color:#ffffff; padding-top:40px; line-height:0.89rem;} #TopMainMenuMobile > div.left ul li:nth-last-child(1) a {background-position:50% -494px; background-image:url('/images/css/mobile_sign.png'); background-repeat:no-repeat; color:#ffffff; padding-top:40px; line-height:0.89rem;} #California #TopMainMenuMobile > div.left ul li a {color:#c3ddfa;} #California #TopMainMenuMobile > div.left ul li:nth-last-child(2) {border-bottom:1px solid #56585a;} #California #TopMainMenuMobile > div.left ul li:nth-last-child(2) a {background-position:50% -394px; background-image:url('/images/css/mobile_sign.png_'); background-repeat:no-repeat; color:#c3ddfa; padding-top:0; line-height:1.2rem;} #California #TopMainMenuMobile > div.left ul li:nth-last-child(1) a {background-position:50% -394px; background-image:url('/images/css/mobile_sign.png'); background-repeat:no-repeat; color:#ffffff; padding-top:40px; line-height:0.89rem;} #DrValley #TopMainMenuMobile > div.left ul li:nth-child(2) a {background-position:50% -594px;} #DrValley #TopMainMenuMobile > div.left ul li:nth-child(3) a {background-position:50% -694px;} #TopMainMenuMobile > div.right {float:left; width:250px;overflow:auto; height:100%;} #TopMainMenuMobile > div.right > ul { } #TopMainMenuMobile > div.right > ul > li {} .goog-te-banner-frame {display:none_;} #google_translate_element {padding-top:6px; margin-left:0px;} #google_translate_element_mobile {display:inline-block; height:49px; overflow:hidden;} .goog-te-gadget-simple {border-left:none !important; border-top:none !important; border-bottom:none !important; border-right:none !important;} .goog-te-gadget-icon {margin-right:0px !important;margin-left:5px !important;} .goog-te-gadget {display:inline-block;} .goog-te-menu-value img {display:none;} .goog-te-gadget-simple .goog-te-menu-value span {font-weight: 300; color:#707070; font-size:0.67rem; font-family: 'Noto Sans KR';} .goog-te-gadget-simple .goog-te-menu-value img:nth-child(2) {display:none;} .goog-te-gadget-simple .goog-te-menu-value span:nth-child(3) {display:none;} .goog-te-gadget-simple .goog-te-menu-value img:nth-child(4) {display:none;} .goog-te-gadget-simple .goog-te-menu-value span:last-child {display:none;} #TopMainMenuMobile > div.right > ul > li > a {display:inline-block; width:100%; height:50px; line-height:46px; background-color:#ebebeb; border-bottom:1px solid #c0c2c5; color:#1f1f1f; padding-left:25px; color:#000000; font-size:1.11rem; background-image:url('/images/css/mobile_sign.png'); background-repeat:no-repeat; background-position:top -195px right -24px;} #TopMainMenuMobile > div.right > ul > li:first-child {height:70px; background-color:#ffffff; line-height:70px; border-bottom:1px solid #c0c2c5; padding-left:5px;} #TopMainMenuMobile > div.right > ul > li:first-child > a {display:inline-block; width:auto; height:26px; line-height:22px; font-size:1rem; background-color:#ffffff; border:2px solid #ed1c24; color:#ed1c24; padding-left:5px; padding-right:5px; border-radius: 13px; background-image:url('/images/css/mobile_sign_.png'); vertical-align:middle; margin-bottom:15px} #California #TopMainMenuMobile > div.right > ul > li:first-child > a {border:2px solid #004a97; color:#004a97;} #TopMainMenuMobile > div.right > ul > li:first-child > span {display:inline-block; float:right; width:30px; height:30px; background-image:url('/images/css/mobile_sign.png'); background-repeat:no-repeat; background-position:-27px 0px; text-indent:-999px; margin:20px 10px 20px 0; background-size:80px;} #TopMainMenuMobile > div.right > ul > li > a.on {background-position:top -95px right -24px;} #TopMainMenuMobile > div.right > ul > li > ul {display:none;} #TopMainMenuMobile > div.right > ul > li > ul > li {} #TopMainMenuMobile > div.right > ul > li > ul > li > a {display:inline-block; width:100%; height:50px; line-height:46px; border-bottom:1px solid #c0c2c5; color:#2f3336; padding-left:45px; font-size:1rem;} .dimmed{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:1001;background:rgba(0,0,0,.6)} .quickbg{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:1001;background:rgba(0,0,0,0)} .quickbg.on{display:block;background:rgba(0,0,0,.55)} #TopLNB {height:160px; top:175px;} #TopLNB > div {height:160px; background-color:rgba(0, 0, 0, 0);} #TopLNB h2 {display:none;} #TopLocation {background-color:rgba(235, 235, 235, 1); height:41px; border-bottom:1px solid #e5e5e5; border-top:1px solid #e5e5e5; } #TopLocation > div > ul > li {background-color:#ffffff; width:calc(50% - 20px); background-position:top -400px right -470px; border-right: 1px solid #e5e5e5;} #TopLocation > div > ul > li:first-child {background-color:#ed1b24;} #California #TopLocation > div > ul > li:first-child {background-color:#004a97;} #TopLocation > div > ul > li > a {color:#1e2123; } #TopLocation > div > ul > li > span {color:#1e2123; line-height:39px;} #MainWeather {display:none;} #MainWeather {width:80px; position:absolute; right:10px; top:10px;} #MainWeather .togglebtn {display:none;} #MainWeather div {padding:5px 5px; min-height:43px;} #MainWeather img.diagram {width:24px; right:5px; top:7px;} #MainWeather ul.info {margin-top:2px;} #MainWeather ul.info li {text-align:left; font-weight:300; font-size:0.78rem; line-height:13px; padding-left:0px; color:#ffffff;} #MainWeather ul.info li:last-child {display:none;} #MainWeather ul.link {display:none;} #MainWeather ul.banner {display:none;} #PCQuick {display:none;} #MobileQuick {display:inline-block; position:fixed; right:10px; bottom:50px; z-index:10002;} #MobileQuick .togglebtn {display:inline-block; background-color:#f73b4a; width:50px; height:50px; border-radius:25px; background-image:url('/images/css/mobile_quick.png?v2'); background-repeat:no-repeat; background-position:50% 4px; background-size:50px;} #California #MobileQuick .togglebtn {background-color:#004a97;} #MobileQuick .togglebtn.on {background-position:50% -96px;} #MobileQuick .link {position:absolute; bottom:65px; right:0; transition: 0.4s; height:0; overflow:hidden;} #MobileQuick .link.on {height:214px;} #MobileQuick .link ul li {padding:10px 0;} #MobileQuick .link ul li div {display:inline-block; width:200px; text-align:right; color:#ffffff;} #MobileQuick .link ul li a {display:inline-block; width:200px; text-align:right; color:#ffffff;} #MobileQuick .link ul li div span {display:inline-block; background-color:#ffffff; width:50px; height:50px; border-radius:25px; background-image:url('/images/css/mobile_quick.png?v2'); background-repeat:no-repeat; background-position:50% 4px; background-size:50px; vertical-align:middle; margin-left:10px;} #MobileQuick .link ul li a span {display:inline-block; background-color:#ffffff; width:50px; height:50px; border-radius:25px; background-image:url('/images/css/mobile_quick.png?v2'); background-repeat:no-repeat; background-position:50% 4px; background-size:50px; vertical-align:middle; margin-left:10px;} #MobileQuick .link ul li:nth-child(2) a span {display:inline-block; background-color:#ffffff; width:50px; height:50px; border-radius:25px; background-image:url('/images/css/mobile_quick.png?v2'); background-repeat:no-repeat; background-position:50% -196px; background-size:50px; vertical-align:middle; margin-left:10px;} #MobileQuick .link ul li:nth-child(3) a span {display:inline-block; background-color:#ffffff; width:50px; height:50px; border-radius:25px; background-image:url('/images/css/mobile_quick.png?v2'); background-repeat:no-repeat; background-position:50% -296px; background-size:50px; vertical-align:middle; margin-left:10px;} #MobileQuick .link ul li.draken a span {display:inline-block; background-color:#ffffff; width:50px; height:50px; border-radius:25px; background-image:url('/images/css/mobile_quick.png?v2'); background-repeat:no-repeat; background-position:50% -396px; background-size:50px; vertical-align:middle; margin-left:10px;} #MobileQuick .link ul li.snow a span {display:inline-block; background-color:#ffffff; width:50px; height:50px; border-radius:25px; background-image:url('/images/css/mobile_quick.png?v2'); background-repeat:no-repeat; background-position:50% -465px; background-size:50px; vertical-align:middle; margin-left:10px;} #WrapContents {padding-top:290px;overflow:hidden;} #DrValley #WrapContents {padding-top:240px;} #ContentsTitle {height:60px; } #ContentsTitle h3 {width:60%;height:60px; line-height:54px} #ContentsControl {width:40%; height:60px;} #ContentsControl > ul {margin-top:10px;} #ContentsControl > ul > li {width:35px; height:32px; text-indent:-9999px; padding:0;} #ContentsControl > ul > li:nth-child(3) {display:none;} #ContentsControl > ul > li div.snslist {right:-81px;} #ContentsControl > ul > li div.snslist b {text-indent:0;} #BottomSNS ul li {line-height:55px;margin-left:4px;} #BottomSNS ul li span {display:none;} #BottomSNS ul li a {display:inline-block; width:24px; height:24px; background-color:#4589ce; background-image:url('/images/css/ci.png'); background-repeat:no-repeat; background-position:50% -10px; background-size:82px; border-radius: 16px; vertical-align:middle; margin:0 5px; text-indent:-9999px;} #BottomSNS ul li:nth-child(2) a {background-color:#3eb852; background-position:50% -256px;} #BottomSNS ul li:nth-child(3) a {background-color:#7231a3; background-position:50% -339px;} #BottomSNS ul li:nth-child(4) a {background-color:#e62c28; background-position:50% -421px;} #BottomSNS ul li:nth-child(5) a {background-color:#000; background-position:50% -1157px;} #BottomSNS ul li:nth-child(6) a {background-color:#e7b919; background-position:50% -1203px;} #BottomSNS ul li:nth-child(7) a {background-color:#e7b919; background-position:50% -1203px;} #BottomGoTop {width:80px; background-position:8px -89px;} #BottomMenu ul{display: table; margin:0 auto;} #BottomMenu ul li:nth-child(4) {clear:both; margin-left:0; padding-left:0; background-image:url('/images/css/bullet_.png');} #BottomInfomation ul {display: table; margin:0 auto; text-align:center;} #BottomInfomation ul li { margin-left:8px; padding-left:8px; background-image:url('/images/css/bullet.png'); background-repeat:no-repeat; color:#898989; font-size:0.75rem; background-position:-11px -5px;} #BottomInfomation ul li:nth-child(3_) {clear:both; margin-left:0; padding-left:0; background-image:url('/images/css/bullet_.png');} #BottomInfomation ul li:nth-child(6_) {clear:both; margin-left:0; padding-left:0; background-image:url('/images/css/bullet_.png');} #BottomCopyright {clear:both; padding-top:7px; padding-bottom:50px;} #BottomCopyright ul {display: table; margin:0 auto;} #BottomLeft {display:none;} #BottomCenter {width:100%;} #BottomRight {display:none;} #BottomMobileLogo {display:block; text-align:center; padding-top:20px;} #WrapContents { min-height:600px; } #WrapContents .WrapWidth {padding:5px 15px;} #WrapBottom {clear:both; overflow:hidden;} } @media only screen and (max-width: 320px){ #TopSmart a{width:72px;} #TopSmart a:before{display:none;} }