﻿@charset "utf-8";
@import url("common.css");
@import url("button.css");
@import url("data.css");
@import url("board.css");

/* 15/01/20 CSS W3C 확인작업중 */


#wrap{background:url(/comm/images/kr/bg_wrap.gif) repeat-x left top}


ul#skipNavi{position:absolute; width:200px; z-index:3; margin:0 auto; text-align:left; left:200px; top:5px}
ul#skipNavi li{float:left; width:135px; position:absolute; top:-50px}
/*
ul#skipNavi a{height:1px; width:1px; margin-bottom:-1px; overflow:hidden; text-align:center; color:#fff; white-space:nowrap; font-size:0.9em}
ul#skipNavi a:focus,
ul#skipNavi a:active{position:absolute; top:52px; height:auto; width:135px; padding:5px; margin-bottom:10px; font-weight:bold; border:solid 2px #11459e; color:#000}
*/

#header,
#container,
#footer {width:1000px; text-align:left; margin:0 auto; position:relative}

#header{background:url(/comm/images/kr/bg_header.gif) no-repeat; height:250px; overflow:hidden}
#header h1{position:absolute; top:5px}
#header .object{position:absolute; left:0; top:52px}
#header .object div{display:none}
#header #topmenu{top:50px; z-index:2}
#header #subimg{top:49px; z-index:0}

#gnb{position:absolute; text-align:right; left:180px; top:3px; line-height:2.2; text-align:right; font-size:90%; font-weight:bold; width:820px; color:#666}
#gnb span{display:inline; background:url(/comm/images/kr/bu_dot.gif) no-repeat left 6px; padding:0 5px 0 8px; margin-right:5px}
#gnb select{margin:-5px 5px 0 0}
#gnb a{color:#666}
#gnb .middle{margin-top:-3px}
#gnb button{border:0; background:none; white-space:nowrap; font-weight:bold; width:52px; text-align:center; font-size:100%; color:#666}
.inputBtn{vertical-align:middle; background:url(/comm/images/kr/bu_dot.gif) no-repeat left 9px!important; padding-left:5px!important; position:absolute; top:2px}

#topmenu{background:url(/comm/images/kr/navi/bg_top.gif) no-repeat left top; display:inline-block; position:absolute; top:50px; width:100%}
#topmenu li{float:left}
#topmenu li ul {display:none; position:absolute; top:38px; padding:0 10px}
#topmenu li ul li{padding:2px 8px; background:url(/comm/images/kr/navi/bu_l.gif) no-repeat right 7px}
#topmenu li ul li a{font-weight:bold}
.first{padding-left:150px}
.depth1{left:50px !important; width:930px}
.depth2{left:50px !important; width:930px}
.depth3{left:270px !important; width:300px}
.depth4{left:310px !important; width:700px}
.depth5{left:50px !important; width:700px}

#all{position:absolute; top:50px; left:850px; z-index:3}

#total{z-index:20; background:url(/comm/images/kr/navi/bg_all.gif) no-repeat left top; width:1000px; padding:10px 5px; height:151px; visibility:hidden; position:absolute; top:85px}
#total ul{float:left; line-height:1.1; margin-right:5px}
#totaloff{background:none; font-weight:bold; font-size:90%; position:absolute; top:110px; right:40px; border:1px solid #ccc; background:#efefef; padding:2px 5px; white-space:nowrap}

#img{position:absolute; top:85px; z-index:1}

#lnb{width:210px; float:left; overflow:hidden; margin-bottom:10px}

#lnb object{margin:0 0 10px 0}
#lnb object div{display:none}
#lnb .banner{background:#fafafb; border:1px solid #d4d1d1; padding:10px 20px 5px 20px; text-align:center; width:137px; margin:0 0 0 15px}
#lnb p{margin-left:15px}

.lnb{background:url(/comm/images/kr/bg_lnb.gif) no-repeat left top; padding:20px 0 10px 25px}
.lnb ul{width:160px; margin-top:20px}
.lnb ul li{border-bottom:1px solid #ccc; padding:5px 0 5px 15px; background:url(/comm/images/kr/navi/bu_lnb.gif) no-repeat 3px 12px}
.lnb ul li ul{margin-top:0}
.lnb ul li ul li{background:none; border:0; padding:0; color:#666}
.lnb ul li ul li a{color:#666}

#contents{width:775px; float:right; position:relative; padding:10px 0}

#footer{clear:both; top:40px; position:relative}
#footer div{background:#f5f5f5; border:1px solid #dfdfdf; padding:5px; height:25px}
#footer div ul{position:absolute; top:4px; left:190px; padding-top:5px; width:400px}
#footer div ul li{margin:0 15px; display:inline}
#footer div p{position:absolute; top:6px; left:650px}
#footer div .txt{position:relative; top:-6px}
#footer div select{position:absolute; left:880px; top:5px}
#footer div p a img{margin:3px}
#footer h1{position:absolute; top:50px; left:4px}
#footer span{position:absolute; left:830px; top:55px}
#footer address{margin:20px 0 0 210px}

#intro{background:url(/comm/images/kr/bg_intro.jpg) no-repeat left 50px; width:653px; height:100px; padding-top:375px; margin:50px auto; position:relative}
#intro h1{position:absolute; top:10px}
#intro .btn{position:absolute; top:10px; right:0}
#intro .center a{margin:0 5px}
#intro address{margin-top:20px; text-align:center}

#countryList{background:url(/comm/images/kr/bg_country.gif) no-repeat left top; width:220px; height:200px; padding:6px 10px; position:absolute; left:395px; top:200px}
#countryList ul{float:left; margin-right:10px; line-height:1.6}

.moel{position:absolute; top:0; left:-100px}