body { margin : 0; padding : 0; font-size : 9pt; font-family : 돋움, 돋움체, 굴림, 굴림체, 한강체, 서울체, Seoul, tahoma; width:100%; background-color:#000000 } td { color : #666666; font-family : 돋움, 돋움체, 굴림, 굴림체, 한강체, 서울체, Seoul, tahoma; line-height : 150%; font-size : 9pt;} img { margin : 0; border : 0; padding:0} div { margin : 0; padding : 0; border : 0; font-family : 돋움, 돋움체, 굴림, 굴림체, 한강체, 서울체, Seoul, tahoma; color:#666666; font-size : 9pt;} span { margin : 0; padding : 0; border : 0; font-family : 돋움, 돋움체, 굴림, 굴림체, 한강체, 서울체, Seoul, tahoma; color:#666666; font-size : 9pt;} form { margin : 0; padding : 0; border : 0; font-size : 9pt;} ul { list-style : none; margin : 0; padding : 0; font-size : 9pt;} ol { list-style : none; margin : 0; padding : 0; font-size : 9pt;} li { list-style : none; margin : 0; padding : 0; font-size : 9pt;} dl { list-style : none; margin : 0; padding : 0; font-size : 9pt;} dt { list-style : none; margin : 0; padding : 0; font-size : 9pt;} dd { list-style : none; margin : 0; padding : 0; font-size : 9pt;} p { list-style : none; margin : 0; padding : 0; font-size : 9pt;} select { list-style : none; margin : 0; padding : 0; font-size : 9pt;} label { list-style : none; margin : 0; padding : 0; } input { list-style : none; margin : 0; padding : 0; } em { list-style : none; margin : 0; padding : 0; font-size : 9pt; font-style: normal;} h1 { list-style : none; margin : 0; padding : 0; font-size : 9pt;} a:link { text-decoration: none; color: #666666; } a:visited { text-decoration: none; color: #666666; } a:active { text-decoration: none; color: #666666; } a:hover { text-decoration: none; color: #000000; } fieldset { border: solid 0 transparent; padding:0;margin:0;} legend { overflow:hidden;visibility:hidden;font-size:0;width:0;height:0;margin:0;padding:0;position:absolute; } .Mainbg { z-index: 1; position: fixed; float: left; width: 100%; height: 100%; overflow-y: hidden; overflow-x: hidden; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } .Mainbg .imgbox1 { z-index: 1; position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: url(../img/main/img001.jpg) center center no-repeat fixed; overflow-y: hidden; overflow-x: hidden; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } .Mainbg .imgbox2 { z-index: 1; position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: url(../img/main/img002.jpg) center center no-repeat fixed; overflow-y: hidden; overflow-x: hidden; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } .Mainbg .imgbox3 { z-index: 1; position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: url(../img/main/img003.jpg) center center no-repeat fixed; overflow-y: hidden; overflow-x: hidden; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } .Mainbg .imgbox4 { z-index: 1; position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: url(../img/main/img004.jpg) center center no-repeat fixed; overflow-y: hidden; overflow-x: hidden; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } .Mainbg .imgbox5 { z-index: 1; position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: url(../img/main/img005.jpg) center center no-repeat fixed; overflow-y: hidden; overflow-x: hidden; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } /* .Mainbg .imgbox1 { z-index: 1; position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: url(../img/main/img001.jpg) center top no-repeat; overflow-y: hidden; overflow-x: hidden; -webkit-background-size: auto 100%; -moz-background-size: auto 100%; -o-background-size: auto 100%; background-size: auto 100%; } .Mainbg .imgbox2 { z-index: 1; position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: url(../img/main/img002.jpg) center top no-repeat; overflow-y: hidden; overflow-x: hidden; -webkit-background-size: auto 100%; -moz-background-size: auto 100%; -o-background-size: auto 100%; background-size: auto 100%; } .Mainbg .imgbox3 { z-index: 1; position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: url(../img/main/img003.jpg) center top no-repeat; overflow-y: hidden; overflow-x: hidden; -webkit-background-size: auto 100%; -moz-background-size: auto 100%; -o-background-size: auto 100%; background-size: auto 100%; } .Mainbg .imgbox4 { z-index: 1; position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: url(../img/main/img004.jpg) center top no-repeat; overflow-y: hidden; overflow-x: hidden; -webkit-background-size: auto 100%; -moz-background-size: auto 100%; -o-background-size: auto 100%; background-size: auto 100%; } .Mainbg .imgbox5 { z-index: 1; position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: url(../img/main/img005.jpg) center top no-repeat; overflow-y: hidden; overflow-x: hidden; -webkit-background-size: auto 100%; -moz-background-size: auto 100%; -o-background-size: auto 100%; background-size: auto 100%; } */ .mainswf {position:absolute;left:0 ;top:0;width:100%;height:100%;z-index:5 ;} .Mainall {position:relative;float:left;z-index:10 ;} .maintext {position:absolute;left:0 ;top:0;z-index:4 ;} .mainswf2 {position:absolute;left:0 ;top:0;width:100%;height:100%;z-index:3 ;} #HeadContents { position: relative; float:left;; width:999px;z-index:10 ; min-height:287px} #HeadContents .mainlogo { position:absolute;left:29px;top:42px;width:200px;z-index:11} #HeadContents .topheader_wrapper {position:relative;float:left;width:985px;padding:0 0 156px 0} #HeadContents .top-header {position:relative;float:right;margin:15px 0 0 0;width:795px;z-index:10 ;} #HeadContents .top-header .top-nav {position:relative; float:right; width:550px;padding:8px 0 0 0;z-index:10;} #HeadContents .top-header ul li {float:left; } #HeadContents .top-header ul a:link {color:#fff; text-decoration:none;} #HeadContents .top-header ul a:visited {color:#fff; text-decoration:none;} #HeadContents .top-header ul a:active {color:#fff; text-decoration:none;} #HeadContents .top-header ul a:hover {color:#fff; text-decoration:none;} #HeadContents .top-header .top-nav li { margin-top: -1px; padding-right:10px; font-size:11px; } #HeadContents .top-header .top-nav li a:link { color: #b8cadb; text-decoration: none; letter-spacing: -1px; } #HeadContents .top-header .top-nav li a:visited { color: #b8cadb; text-decoration: none; letter-spacing: -1px; } #HeadContents .top-header .top-nav li a:active { color: #fff; text-decoration: none; letter-spacing: -1px; } #HeadContents .top-header .top-nav li a:hover { color: #fff; text-decoration: none; letter-spacing: -1px; } #HeadContents .top-header .top-nav .c4d9be a:link { color: #c4d9be; text-decoration: none; letter-spacing: -1px; } #HeadContents .top-header .top-nav .c4d9be a:visited { color: #c4d9be; text-decoration: none; letter-spacing: -1px; } #HeadContents .top-header .top-nav .c4d9be a:active { color: #fff; text-decoration: none; letter-spacing: -1px; } #HeadContents .top-header .top-nav .c4d9be a:hover { color: #fff; text-decoration: none; letter-spacing: -1px; } #HeadContents .top-header .top-nav .global { margin-top: -4px; padding: 2px 6px 2px 6px; color: #d0e4ff; background-color: #254f87; } #HeadContents .top-header .top-nav .global a:link { color: #d0e4ff; text-decoration: none; font-size: 10px; letter-spacing: 0; } #HeadContents .top-header .top-nav .global a:visited { color: #d0e4ff; text-decoration: none; font-size: 10px; letter-spacing: 0; } #HeadContents .top-header .top-nav .global a:active { color: #fff; text-decoration: none; font-size: 10px; letter-spacing: 0; } #HeadContents .top-header .top-nav .global a:hover { color: #fff; text-decoration: none; font-size: 10px; letter-spacing: 0; } #HeadContents .top-header .a1 {float:left;padding:0 5px 0 15px ;} #HeadContents .top-header .a2 {float:left;padding:0 7px 0 0;} #HeadContents .top-header ul li img {float:left;} #HeadContents .top-header p {position:relative;float:left;width:587px;margin:6px 0 0 0 ;z-index:10 ;} #HeadContents .top-header .menupan { position:absolute;left:0;top:0; } #HeadContents .top-header .subtext { position:absolute;left:362px;top:108px;} #HeadContents .search {position:relative;float:right;padding:14px 0 0 0;width:192px;z-index:10 ;} #HeadContents .search input {vertical-align:middle} #HeadContents .menulist { position:relative;float:left; width:587px; padding:10px 0 0 10px} #HeadContents .menulist ul { position:relative;float:left; width:587px;} #HeadContents .menulist ul li { float:left;text-align:center; width:80px;} #HeadContents .menulist .gnb { position:relative; top:7px; } #HeadContents .menulist li li { font-size:11px; width:auto; padding-right:15px} #HeadContents .menulist .gnb1 ul { left:10px; width:280px; padding:5px 0 3px 12px;} #HeadContents .menulist .gnb2 ul { left:0; width:490px; padding:5px 0 3px 12px;} #HeadContents .menulist .gnb3 ul { left:-100px; width:650px; padding:5px 0 3px 12px;} #HeadContents .menulist .gnb4 ul { left:-140px; width:625px; padding:5px 0 3px 12px;} #HeadContents .menulist .gnb5 ul { left:-30px; width:400px; padding:5px 0 3px 12px;} #HeadContents .menulist .gnb6 ul { left:-30px; width:130px; padding:5px 0 3px 12px;} #HeadContents .menulist .gnb7 ul { left:-30px; width:160px; padding:5px 0 3px 12px;} #HeadContents .menulist li ul { top:30px; margin:0; height:15px; z-index:15; background-color:#15365C; clear:both; color:#FFF} .menulist ul li { position:relative;float:left; z-index:12; width: auto; font-size: 14px; font-weight: bold; letter-spacing: -2px; } #HeadContents .menulist ul li a:link { text-decoration: none; color: #e7edf3; } #HeadContents .menulist ul li a:active { text-decoration: none; color: #e7edf3; } #HeadContents .menulist ul li a:visited { text-decoration: none; color: #e7edf3; } #HeadContents .menulist ul li a:hover { text-decoration: none; color: #c0efff; } #HeadContents .menulist .subbg { position:relative; top: -25px } #HeadContents .menulist .subbg a { font-weight: normal; letter-spacing: 0; } .notice { position: relative; float: right; width: 260px; z-index:10; margin-top: -150px; margin-right: 15px; background: rgba(4,23,45, 0.3); } .bbs { position: relative; float: right; width: 240px; margin: 12px 0 0 0; } .bbs span { font-weight: bold; color: #ffffff; } .bbs span a { float: right; margin-right: 20px; } .bbs span a:link { text-decoration: none; color: #a7b3c1; font-weight: normal; } .bbs span a:visited { text-decoration: none; color: #a7b3c1; font-weight: normal; } .bbs span a:active { text-decoration: none; color: #a7b3c1; font-weight: normal; } .bbs span a:hover { text-decoration: none; color: #ffffff; font-weight: normal; } .bbs ul { position: relative; float: left; width: 100%; margin: 5px 0 10px 0; text-align: left; } .bbs ul li { position: relative; float: left; width: 100%; color: #c9d1dc; padding:0; font-size: 11px; line-height: 16px; text-align: left; } .bbs ul li div { float:left; width: 190px; font-size: 11px; text-align: left; } .bbs ul li a:link { font-weight: bold; color: #d6dee9; } .bbs ul li a:active { font-weight: bold; color: #d6dee9; } .bbs ul li a:visited { font-weight: bold; color: #d6dee9; } .bbs ul li a:hover { font-weight: bold; color: #ffffff; } .objectAll { position: relative; float: right; width: 100%; margin: 10px 0 0 0; padding-bottom: 10px; z-index:10; background: rgba(4,23,45, 0.4); } .object { position: relative; float: right; width: 243px; margin: 10px 0 0 0; z-index:10; } .object span { font-weight: bold; color: #ffffff; } .object span a { float: right; margin-right: 20px; } .object span a:link { text-decoration: none; color: #a7b3c1; font-weight: normal; } .object span a:visited { text-decoration: none; color: #a7b3c1; font-weight: normal; } .object span a:active { text-decoration: none; color: #a7b3c1; font-weight: normal; } .object span a:hover { text-decoration: none; color: #ffffff; font-weight: normal; } .object dl { position: relative; float: left; width: 240px; padding: 4px 0 0 2px; margin-top: 3px; } .object dl dt {position:relative;float:left;} .object dl dt img {border:3px solid #dfdfdf} .object dl dd { position: relative; float: left; width: 240px; line-height: 15px; padding-bottom: 5px; letter-spacing: -1px; } .object dl dd strong { position: relative; float: left; width: 240px; font-size: 11px; } .object dl dd a:link { font-weight: bold; color: #d6dee9; } .object dl dd a:active { font-weight: bold; color: #d6dee9; } .object dl dd a:visited { font-weight: bold; color: #d6dee9; } .object dl dd a:hover { font-weight: bold; color: #ffffff; } .object dl dd span { font-size: 11px; font-weight: normal; color: #bdc7d3; } .main4menu {position:absolute;left:0;top:179px;clear:both} #Footer { z-index: 99; position: absolute; bottom: 0; float: left; width: 100%; height: 60px; text-align: center; background: rgba(4,23,45, 0.9); } #Footerset { z-index: 99; margin: 0 auto; width: 1007px; clear: both; } #Footer #Footerset ul { z-index: 99; width: 1007px; } #Footer #Footerset ul li { z-index: 99; float: left; display: inline; } #Footer #Footerset ul li img { z-index: 99; float: left; opacity: 0.1; filter: alpha(opacity:'10'); } #Footer .logo { z-index: 99; position: relative; float:left; padding: 10px 0 0 0; width: 107px; } #Footer .copyrightsall { z-index: 99; position: relative; float:left; padding: 10px 0 0 0; width: 900px; } #Footer .copyrightsall address { z-index: 99; position: relative; float:left; } #Footer .copyrightsall .CopyRights { z-index: 99; position: relative; float:left; } #Footer .admin { z-index: 99; position: absolute; left: 435px; top: 22px; width: 100px; text-align: left; } @media only screen and (min-width : 768px) and (max-width : 1024px) { #Footer .copyrightsall .CopyRights { text-align: left; } #Footer .copyrightsall .CopyRights img { max-width: 97%; } }