@charset "euc-kr"; @import url("base.css"); @import url("common.css"); @import url("content.css"); @import url("other.css"); body { position:relative; width:100%; height:100%; background:url(../../images/sub/visual_background.gif) repeat-x; text-align:center;} #wrap01{ position:relative; width:995px; text-align:left; margin:0 auto;} /* 상단 레이아웃 */ #header { background:url(../../images/common/bg_gnb.gif) top no-repeat;height:313px; width:995px;} /* 상단 레이아웃 */ #header .subVisual { position:absolute; left:30px; top:105px; } #header .subVisual p { margin:0; padding:0; z-index:99; } /* 중앙 레이아웃 */ #middle { position:relative; float:left; display:inline; width:995px; padding:0 0 10px 0;} #left { position:relative; display:inline; margin-left:20px; float:left; width:196px; background:url(../../images/sub/left_bg.gif) bottom repeat-y;} #left #leftMenu {float:left; padding-left:20px; padding-bottom:35px; width:176px; background:url(../../images/sub/left_bottom.gif) bottom no-repeat;} #left #leftMenu h2 { padding:28px 0 0 30px; width:186px; height:58px; } /*1depth Menu*/ #left #leftMenu ul { margin:0; } #left #leftMenu .leftMenu01{ width:135px; padding:5px 0 5px 22px; border-bottom:1px solid #e7e7e7; background:url(../../images/sub/left_bullet01.gif) left top no-repeat;} #left #leftMenu .leftMenu01 a {display:block; color:#000; } #left #leftMenu .leftMenu01 a:hover {font-weight:bold; color:#945200; letter-spacing:-1px;} #left #leftMenu .leftMenu01.on a { font-weight:bold; color:#945200; letter-spacing:-1px; background:url(../../images/sub/left_bullet01.gif) left top no-repeat;} /*2depth Menu*/ #left #leftMenu .leftMenu02{width:110px; padding:3px 0 3px 17px; background:url(../../images/sub/left_bullet02.gif) left top no-repeat;} #left #leftMenu .leftMenu02 a {display:block; color:#666666; } #left #leftMenu .leftMenu02 a:hover {color:#000; font-weight:normal; letter-spacing:normal;} #left #leftMenu .leftMenu02.on a {color:#000; background:url(../../images/sub/left_bullet02.gif) left top no-repeat;} #contentGroup { float:left; display:inline; width:670px; margin:0 0 0 15px; } #guideGroup { float:left; width:670px; margin:4px 0 0 0; padding-bottom:10px; border-bottom:1px solid #d1d1d1; } #guideGroup h3 { margin:0; float:left;padding:0 0 3px 13px; background:url(../../images/common/icon_guide.gif) left 3px no-repeat; } #guideGroup p.location { float:right; font-size:11px; margin:10px 4px 0 0; padding:0 0 0 50px; color:#969696; background:url(../../images/common/icon_home.gif) left 10% no-repeat; } #content { position:relative; clear:both; width:660px; min-height:350px; padding:15px 6px 0 9px; overflow-x:hidden; line-height:160%; } /* 컨텐츠 CSS */ .text01 { font-size: 14px; font-weight: bold; } #wrap01 #header #gnbGroup #gnb ul li div { background:url(../../images/common/bg_subgnb02.gif) right top no-repeat; } #wrap02 #header #gnbGroup #gnb ul li div { background:url(../../images/common/bg_subgnb02.gif) right top no-repeat; } #wrap03 #header #gnbGroup #gnb ul li div { background:url(../../images/common/bg_subgnb02.gif) right top no-repeat; } #wrap04 #header #gnbGroup #gnb ul li div { background:url(../../images/common/bg_subgnb02.gif) right top no-repeat; } #wrap05 #header #gnbGroup #gnb ul li div { background:url(../../images/common/bg_subgnb02.gif) right top no-repeat; } #wrap06 #header #gnbGroup #gnb ul li div { background:url(../../images/common/bg_subgnb02.gif) right top no-repeat; } #wrap07 #header #gnbGroup #gnb ul li div { background:url(../../images/common/bg_subgnb02.gif) right top no-repeat; } #wrap08 #header #gnbGroup #gnb ul li div { background:url(../../images/common/bg_subgnb02.gif) right top no-repeat; } #wrap01 #header #gnbGroup #gnb ul li div ul { background:url(../../images/common/bg_subgnb01.gif) left top no-repeat; } #wrap02 #header #gnbGroup #gnb ul li div ul { background:url(../../images/common/bg_subgnb01.gif) left top no-repeat; } #wrap03 #header #gnbGroup #gnb ul li div ul { background:url(../../images/common/bg_subgnb01.gif) left top no-repeat; } #wrap04 #header #gnbGroup #gnb ul li div ul { background:url(../../images/common/bg_subgnb01.gif) left top no-repeat; } #wrap05 #header #gnbGroup #gnb ul li div ul { background:url(../../images/common/bg_subgnb01.gif) left top no-repeat; } #wrap06 #header #gnbGroup #gnb ul li div ul { background:url(../../images/common/bg_subgnb01.gif) left top no-repeat; } #wrap07 #header #gnbGroup #gnb ul li div ul { background:url(../../images/common/bg_subgnb01.gif) left top no-repeat; } #wrap08 #header #gnbGroup #gnb ul li div ul { background:url(../../images/common/bg_subgnb01.gif) left top no-repeat; } /*사이트맵 2012-11-07*/ #Content #siteMap {width:670px;margin:20px auto;} #Content #siteMap li {width:115px;float:left;background:url(../../images/sub/contents_bullet.gif) left top no-repeat; font-size:12px; padding-left:18px; color:#c85f00; font-weight:bold;overflow:hidden;} #Content #siteMap li ul {margin:7px 0;padding:0;} #Content #siteMap li ul li {background:url(../../images/sub/contents_bullet2.gif) left 2px no-repeat; font-size:12px;font-weight:normal;margin:0 0 0 -12px;padding-left:13px; color:#555555;} #Content #siteMap li ul li ul li{clear:both;margin:0;padding:0;line-height:1.4;background:none;} /*개인정보처리방침*/ #Content #privacyWarp{position:relative;width:670px;} #Content #privacyWarp h4 {margin-bottom:3px;} #Content #privacyWarp p {margin-bottom:10px;} /*#Content #privacyWarp p#privacy_topbtn {display:inline-block;position:fixed;top:450px;right:10%;}*/ #Content .depth {margin-left:25px;} #Content .depth li {background:url(../../images/sub/contents_bullet3.gif) left 2px no-repeat;padding-left:12px;color:#666;} #Content .depth li ul {margin-left:5px;} #Content .depth li ul li {background:none;color:#996666;line-height:1.4;margin:0;padding:0;} #Content #privacy_menu {width:620px;border:2px solid #eaeaea;margin-bottom:20px;padding:20px 10px 15px 10px;overflow:hidden;} #Content #privacy_menu li {width:45%;float:left;background:url(../../images/sub/left_bullet02.gif) left top no-repeat;padding-left:16px;line-height:1.8;} #Content #privacy_menu li a {color:#996666;}