/* 상단 Wrap 시작 */ #WrapTop {} #TopBanner {height:110px; background-image:url("/images/main/banner_top_1.jpg"); background-repeat:no-repeat; background-position:50% 50%;} #TopBanner a {height:110px; width:100%; display:inline-block;} #TopGNB {width:100%; height:185px; position:absolute;} #TopFirst {clear:both; width:100%; height:40px; border-bottom:1px solid #e1e1e1; position:fixed; top:110px; background-color:#ffffff; z-index:102;} #TopFirst h1 {display:none;} #TopSite {float:left; width:50%;} #TopSite ul {} #TopSite ul li {float:left; height:39px; border-right:1px solid #e1e1e1;} #TopSite ul li:first-child {border-left:1px solid #e1e1e1;} #TopSite ul li a {display:inline-block; height:40px; line-height:40px; width:210px; text-align:center; 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 {float:right; width:50%;} #TopGlobal ul {float:right;} #TopGlobal ul li {float:left;} #TopGlobal ul li:first-child a {margin-left:0px;} #TopGlobal ul li a {font-weight: 300; color:#707070; font-size:0.67rem; margin-left:14px;} #TopGlobal ul li.hi a {color:#f26c4f;} #California #TopGlobal ul li.hi a {color:#5674b9;} #TopSecond {clear:both; width:100%; height:90px; border-bottom:1px solid #e1e1e1; position:fixed; top:150px; background-color:#ffffff; z-index:102;} #TopTotal {float:left; width:30%;} #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;} #TopLogo {float:left; width:40%; text-align:center; padding:6px 0;} #TopSearch {float:left; width:30%; text-align:right;} #TopSearch form {display:inline-block; width:196px; height:45px; margin-top:23px; border:1px solid #cccccc;} #TopSearch form label {display:none;} #TopSearch form #sch_str {width:151px; height:43px; padding:0 10px; float:left; border:none; color:#707070; font-size:0.89rem; font-weight:300;} #TopSearch form .hash-tag-input {width:151px; height:43px; line-height:39px; padding:0 10px; float:left; border:none; color:#707070; font-size:0.89rem; font-weight:300;} #TopSearch form #sch_submit {width:43px; height:43px; float:right; text-indent:-9999px; border:none; background-image:url('/images/css/diagram.png'); background-repeat:no-repeat; background-position:2px -196px; background-color:#ffffff;} #TopSmart {display:none;} #TopThird {clear:both; width:100%; height:56px; position:fixed; top:240px; background-color:#ffffff; z-index:103;} #TopThird .WrapWidth {position:relative;} #TopMainMenu {height:55px; 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;} #TopMainMenu > ul > li > a {display:inline-block; text-align:center; width:100%; height:55px; line-height:56px; font-family: 'NanumSquare'; font-weight: 700; color:#000000; font-size:1.11rem;} #California #TopMainMenu > ul > li > a {letter-spacing:-2px;} #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; 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:285px; padding-top:14px;} #TopMainMenu > ul > li.on > ul {border-top:1px solid #ffffff;} #TopMainMenu > ul > li:last-child {width:17%;} #TopMainMenu > ul > li:last-child > ul {border-right:1px solid #eaeaea;} #TopMainMenu > ul > li > ul > li {clear:both; width:100%; 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:20px; left:50%; margin-left:-650px; z-index:105;} #TopFourth img {width:150px;} #TopFifth {display:none; position:fixed; top:35px; right:50%; margin-right:-650px; z-index:105;} #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;} #California #TopFifth ul li.hi a {color:#5674b9;} #TopLNB {clear:both; width:100%; height:260px; position:relative; background-image:url('/images/layout/subvisual_01.jpg'); background-size:cover; background-position:50% 50%; position:fixed; top:295px; 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');} #TopLNB.c4 {background-image:url('/images/layout/subvisual_04.jpg');} #TopLNB.c5 {background-image:url('/images/layout/subvisual_05.jpg');} #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');} #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:50px; 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:49px; background-image:url('/images/css/sign.png'); background-repeat:no-repeat; background-position:145px 7px;} #TopLocation > div > ul > li:first-child {width:50px; background-image:url('/images/css/diagram.png'); background-repeat:no-repeat; background-position:5px -293px;} #TopLocation > div > ul > li:first-child > a {width:50px; text-indent:-9999px;} #TopLocation > div > ul > li > a {display:inline-block; height:50px; line-height:50px; color:#ffffff; padding:0 15px; width:100%; font-size:0.89rem;} #TopLocation > div > ul > li > span {display:inline-block; height:50px; line-height:50px; color:#ffffff; padding:0 17px; width:100%; cursor:pointer; font-size:0.89rem;} #TopLocation > div > ul > li > div {border-left:1px solid #959595; width:calc(100% + 2px); margin-left:-1px; border-right:1px solid #959595; border-bottom:1px solid #959595; 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:445px; *zoom:1;} #WrapContents:after {content:""; clear:both; display:block;} #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; width:34px; height:32px; text-indent:-9999px; cursor:pointer; border:1px solid #cccccc; margin-left:5px;} #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:#4589ce; background-image:url('/images/css/ci.png'); background-repeat:no-repeat; background-position:50% -12px; border-radius: 16px; vertical-align:middle; margin:0 10px;} #BottomSNS ul li:nth-child(2) span {background-color:#3eb852; background-position:50% -312px;} #BottomSNS ul li:nth-child(3) span {background-color:#7231a3; background-position:50% -412px;} #BottomSNS ul li:nth-child(4) span {background-color:#e62c28; background-position:50% -512px;} #BottomSNS ul li:nth-child(5) span {background-color:#000; background-position:50% -1410px;} #BottomSNS ul li:nth-child(6) 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% - 500px);} #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; width:250px;} #BottomFamily {display:inline-block; float:right; width:178px; height:36px; line-height:36px; border:1px solid #d6d6d6; font-weight: 300; font-size:0.78rem; color:#8a8a8a; text-align:center; margin-top:30px; margin-right:20px; cursor:pointer;} #BottomFamily ul {} #BottomFamily ul li {height:36px; line-height:36px;} #BottomFamily ul li div {display:none; width:calc(100% + 2px); margin-left:-1px; margin-top:-1px;} #BottomFamily ul li.on div {display:block;} #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;} /* 하단 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: 1000px){ #TopBanner {height:55px; background-image:url("/images/main/banner_top_1.jpg"); background-size:951px;} #TopBanner a {height:55px;} #WrapTop {overflow:hidden;} #TopFirst {top:55px;} #TopSite {width:100%;} #TopSite ul {width:100%} #TopSite ul li {width:50%} #TopSite ul li:first-child {border-left:0px solid #ffffff;} #TopSite ul li a {width:100%; letter-spacing:-1px;} #TopGlobal {display:none;} #TopSite ul li a.on {background-position:10px 3px;} #TopSecond {height:80px; top:95px;} #TopTotal {float:left; width:20%;} #TopTotal > span {display:inline-block; width:45px; height:45px; line-height:45px; overflow:hidden; border:0px solid #ffffff; text-indent:-9999px; margin-top:13px; } #TopLogo {float:left; width:60%; padding:8px 0 0 0;} #TopLogo img {width:160px; } #TopSearch {display:none; width:20%;} #TopSmart {display:none; float:left; width:20%; padding-top:17px; padding-right:10px; text-align:right;} #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 #TopSmart a {background-color:#004a97;} #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 {} #TopMainMenuMobile > div.left ul li:first-child {background-color:#ed1c24;} #California #TopMainMenuMobile > div.left ul li:first-child {background-color:#004a97;} #TopMainMenuMobile > div.left ul li a {display:inline-block; width:70px; height:70px; background-image:url('/images/css/mobile_sign.png'); background-repeat:no-repeat; background-position:50% -294px; text-align:center; color:#ffffff; font-size:0.89rem; padding-top:50px; line-height:0.89rem; s} #TopMainMenuMobile > div.left ul li:nth-child(2) a {background-position:50% -394px;} #TopMainMenuMobile > div.left ul li:nth-child(3) a {background-position:50% -494px;} #DrValley #TopMainMenuMobile > div.left ul li:nth-child(2) a {background-position:50% -594px; letter-spacing:0; word-break: break-all;} #DrValley #TopMainMenuMobile > div.left ul li:nth-child(3) a {background-position:50% -694px; letter-spacing:0;} #TopMainMenuMobile > div.right {float:left; width:250px;overflow:auto; height:100%;} #TopMainMenuMobile > div.right > ul { } #TopMainMenuMobile > div.right > ul > li {} #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:#ebebeb; line-height:70px; border-bottom:1px solid #c0c2c5; padding-left:20px;} #TopMainMenuMobile > div.right > ul > li:first-child > a {display:inline-block; width:auto; height:30px; line-height:26px; font-size:1rem; background-color:#ffffff; border:2px solid #ed1c24; color:#ed1c24; padding-left:10px; padding-right:10px; border-radius: 15px; background-image:url('/images/css/mobile_sign_.png');} #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)} #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:51px; border-bottom:1px solid #afafaf; border-top:1px solid #afafaf; } #TopLocation > div > ul > li {background-color:#ffffff; width:calc(50% - 25px); max-width:160px; background-position:top -395px right -470px; } #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;} #WrapContents {padding-top:290px;overflow:hidden;} #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:32px; height:32px; margin-left:2px;} #ContentsControl ul li:first-child {background-position:-13px -13px;} #ContentsControl ul li:nth-child(2) {background-position:-13px -113px;} #ContentsControl ul li:nth-child(3) {background-position:-13px -213px;} #ContentsControl ul li:nth-child(4) {background-position:-4px -403px; width:32px; text-indent:-9999px; padding:0;} #ContentsControl ul li:nth-child(5) {display:none;} #BottomSNS ul li {line-height:55px;} #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;} #WrapBottom {clear:both; overflow:hidden;} }