@charset "utf-8"; #wrapper {position:absolute; width:986px; height:586px; left:-500px; top:0; background:#395683; padding:7px; margin:0 50%;} #wrapper:after {content:""; display:block; clear:both;} #container {position:relative; float:left; width:986px; height:586px; background:url("../image/index/bg_01.png") no-repeat;} #container ul {float:left; width:986px; height:586px;} #container li {font:16px nbgM; color:#E0E6E9; line-height:25px;} #container li span {font:26px nbgM; color:#FFCC00;} #container dl {float:left; width:986px; height:586px; text-align:center;} #container dt {position:absolute; width:986px; height:100px; left:0; top:45px; color:#FFF; text-shadow:1px 1px 2px #999; background:url("../image/index/title_line.png") 0 25px no-repeat;} #container dt p {display:inline-block; height:42px; font:30px nbgM; background:#49BDFF; -webkit-border-radius:25px; -khtml-border-radius:25px; -moz-border-radius:25px; border-radius:25px; padding-top:9px;} #container dt span {font-size:18px;} #container dd {float:left; width:986px; height:586px;} #container video {float:left; width:986px; height:586px;} #container .text-1 {position:absolute; width:600px; left:60px; top:305px;} #container .text-2 {position:absolute; width:600px; left:60px; top:380px;} #container .text-3 {position:absolute; width:570px; height:28px; left:55px; top:510px; color:#FFF; text-align:center; background:#395683; -webkit-border-radius:15px; -khtml-border-radius:15px; -moz-border-radius:15px; border-radius:15px; padding-top:4px;} header {position:absolute; width:126px; height:39px; right:22px; top:25px; z-index:200;} header dl {float:left; width:126px; height:39px;} header dt {display:none;} header dd {float:left; width:39px; height:39px; padding-right:3px;} header a {display:block; overflow:hidden; width:39px; height:39px; text-indent:-9999px;} header .type-1 a {background:url("../image/index/btn_01.png") no-repeat;} header .type-2 a {background:url("../image/index/btn_01.png") -42px 0 no-repeat;} header .type-3 a {background:url("../image/index/btn_01.png") -84px 0 no-repeat;} #solar-system {display:none; position:absolute; width:162px; height:600px; right:0; top:0; color:#FFF; background:url("../image/index/bg_02.png") no-repeat; padding-left:13px; z-index:300;} #solar-system dt {float:left; width:125px; height:90px; padding-left:26px; margin-bottom:14px;} #solar-system dt p {font-size:30px; line-height:35px; padding-top:21px;} #solar-system dt span {font-size:15px; color:#535C68; line-height:20px;} #solar-system dd {float:left; width:130px; height:55px; padding-left:21px;} #solar-system a {display:block; overflow:hidden; width:70px; height:50px; color:#FFF; padding:10px 0 0 45px;} #solar-system p {font:18px nbgM; line-height:20px;} #solar-system span {font:12px play; color:#7589A8; line-height:14px;} #solar-system .sub-menu-1 {width:109px; height:179px; padding-top:6px; margin-bottom:12px;} #solar-system .sub-menu-1 a {width:86px; height:25px; padding:8px 0 0 23px; margin-bottom:2px;} #solar-system .sub-menu-1 a:hover {background:url("../image/index/bullet_01.png") 14px 14px no-repeat;} #solar-system .sub-menu-2 {width:109px; height:103px; padding-top:6px; margin-bottom:12px;} #solar-system .sub-menu-2 a {width:86px; height:25px; padding:8px 0 0 23px; margin-bottom:2px;} #solar-system .sub-menu-2 a:hover {background:url("../image/index/bullet_01.png") 14px 14px no-repeat;} #solar-system .close {position:absolute; width:23px; height:23px; right:15px; top:4px; padding:0;} #solar-system .close a {width:23px; height:23px; text-indent:-9999px; padding:0;} /****** 모바일 커버 *****/ .readyLayer {position:absolute; display:block; width:1000px; height:660px; left:0; top:0; text-align:center; background:url("../image/inc/ready_bg.png") repeat-x; z-index:99999;} .readyLayer img {margin:206px 0 50px; } .readyLayer span {font:35px nbgM; color:#222; line-height:25px;} .popup {position:absolute; width:1000px; height:600px; left:0; top:0; background:url("../image/popup/bg_popup.png") repeat-x; z-index:1000;} .help {float:left; width:425px; height:465px; padding:0 283px 0 282px;} .help dt {float:left; width:425px; font:30px nbgM; color:#FFF; line-height:35px; padding:70px 0 10px 5px;} .help dd {float:left; width:355px; border:5px solid #FFCD34; background:url("../image/popup/help_bg.png") #FFF left bottom no-repeat; padding:35px;} .help p {display:block; font:17px nbgM; color:#222; line-height:20px;} .help span {display:block; font:12px Dotum; color:#999; line-height:17px;} .help ul {float:left; width:200px; padding-left:155px; margin-top:20px;} .help .name {float:left; width:182px; font:17px nbgM; color:#222; line-height:20px; background:url("../image/popup/help_bullet.png") 0 12px no-repeat; padding:10px 0 0 18px;} .help .text-1 {float:left; width:182px; font:12px Dotum; color:#777; line-height:17px; border-bottom:1px solid #E0E0E0; padding:0 0 7px 18px;} .help .text-2 {float:left; width:182px; font:12px Dotum; color:#777; line-height:17px; padding:0 0 0 18px;} .help .btn-1 {float:left; width:122px; height:53px; background:url("../image/popup/help_btn_01.png") no-repeat; padding:13px 0 0 58px;} .help .btn-2 {float:left; width:117px; height:53px; background:url("../image/popup/help_btn_02.png") no-repeat; padding:13px 0 0 58px;} .help .btn-3 {float:left; width:122px; height:48px; background:url("../image/popup/help_btn_03.png") no-repeat; padding:13px 0 0 58px;} .help .btn-4 {float:left; width:117px; height:48px; background:url("../image/popup/help_btn_04.png") no-repeat; padding:13px 0 0 58px;} .help .close {position:absolute; width:23px; height:23px; right:22px; top:22px; border:none; background:none; padding:0;} .help .close a {display:block; overflow:hidden; width:23px; height:23px; text-indent:-9999px; background:url("../image/popup/btn_close_01.png") no-repeat;}