/* layout Default */ /* skip navi */ #skipNavi {position:absolute; top:0; left:0; width:100%; height:0; text-indent:-9999px; z-index:10000;} #skipNavi li {width:0px; height:0px;} #skipNavi a {display:inline-block; width:0; height:30px; font-weight:bold; text-align:center;} #skipNavi a:hover, #skipNavi a:focus, #skipNavi a:active {display:block; position:absolute; top:0; left:0; width:100%; height:25px; padding:10px 0 0 0; background:#fff; font-size:12px; color:#666; text-indent:0;} html, body { margin: 0; padding: 0; background:#f0f0f0} hr { display: none; } #d3selectbox, .btn_lms2, .otherhome2 {display:none;} #titlemenu, #toplogo2 {display:none;} #wrapper { position:absolute; top:-1000px; left:0; height:80px; overflow:hidden; width:100%; min-width:640px;} .wview {display:block;} .mview {display:none;} .defaultbox.siteBanner {display:none} #container {position: relative; margin: 0px; padding: 0px; clear: both; float: none; background: url(/2015/kor/img/layout/containerbg.gif) repeat-x;} #head_wrap_box {position: relative; clear: both; height: 235px; z-index:4; } #head_wrap { position: relative; clear: both; width:980px; margin:auto; z-index:2; } #toplogo {position: absolute; left: 0px; top:95px;} #toplogo2 {position: absolute; left: 0px; top:68px;} #other_home{position: absolute; top:0px; background:#f0f0f0; font-size:13px;} #other_home ul li{float:left; padding:0 10px; border:none; } #other_home ul li a {line-height:53px;} #other_home ul li:first-child { border:none; } #other_home ul li.on{ background:#d62025; font-weight:bold; padding:0 20px; margin:0 15px;} #other_home ul li.on:first-child { margin-left:0; } #other_home ul li.on a{color:#fff;} #sns {position:absolute; top:52px; right:0; display:none;} #sns ul li{float:left; padding:0 0 0 7px; background:url(/2014/kor/img/layout/snsline.png) no-repeat; border:0px solid #000;} #sns ul li:first-child {background:none; padding:0 7px 0 0; } #lang {float:right; padding:0; color:#fff; position: relative; z-index:9050; margin:0 0; border:none;} #lang a:hover{padding:0; margin:0; text-decoration:none; } .langbox a {color:#747474; font-size:14px; text-decoration:none;} .langbox a.on, .langbox a:hover {color:#cd1d1d; border-bottom: 1px solid #cd1d1d; } #lang .langbox {position:absolute; right:0; width:82px; border:1px solid #8a8a8a; padding:20px 18px; background:#fff; display:none;} #lang .langbox li {padding:5px 0;} #familysite {float:right; padding:0 20px 0 0; position: relative; z-index:9050; } #topmenu2 { display:none;} #topquick {position: absolute; top:77px; right:0px;} #topquick ul { padding:0 0 0 0;} #topquick ul li{float:left; padding:0 0 0 10px; font-size:14px;} #allview {position: absolute; top:54px; right:0px; z-index:4; background:#d13d3f; color:#fff; padding:5px 25px 5px 10px; font-size:11px; } #allviewOn {display:none; position: absolute; top:78px; right:0; background:#fff;/*z-index:500;*/ z-index:1112; border:solid 3px #d13d3f; } #headsearchbox {position: absolute; top:72px; right:0px; border-bottom:1px solid #a2a2a2;} #headsearchbox input.image { position:absolute; bottom:-2px ; right:0;} #btn_dsearch {display:none;position: absolute; bottom:0px; right:0; padding:8px 12px 9px 15px; background:#b4181b; color:#fff;} #btn_dsearch a{color:#fff;} #content_calender a{ display:block; /* a태그의 display속성을 block으로 설정 */ padding:20px; /* 내부여백 padding값 순서대로 top right bottom left */ margin-right:1px; /* 오른쪽 외부여백 1px */ color:#bbb; /* 글자색 */ text-transform:uppercase; /* 폰트를 대문자로 바꿔준다. */ float:left; /* 메뉴 요소를 왼쪽으로 띄워(floating)준다. */ } #content_calender a:hover{ padding-bottom:10px; /* 왼쪽 여백을 기존 15px에서 10px으로 줄여준다. */ border-bottom:5px solid #ff9900; /* 줄어든 여백만큼 border로 5px을 지정해 준다. */ color:#fff; /* 폰트 색상 */ } #calenderbox {display:block; background:#7d7d7d; margin-bottom:17px;} .calender { height:58px;} .calender .daybox {padding:0 0 0 30px;} .calender .daybox a {padding:10px 9px 10px; color:#fff; font-size:13px; border:1px solid #7d7d7d; text-decoration:none } .calender .daybox a.on {background:url(/2014/kor/img/layout/dayover.png) no-repeat 11px 50%; border-radius:3px; border:1px solid #fff;} .calender .daybox a:hover {border-radius:3px; border:1px solid #fff; } .calender .daybox .ddaayy { } input[type="text"].cdinput {width:120px; } #artistry_1024 {display:block; position:absolute; right:0; top:0; height:58px;} #artistry_1024 img {height:100%;} #body_wrap {position: relative; height: auto; width:1000px; margin:50px auto 0; z-index:3; } #body_wrap2 {position: relative; width:1000px; margin:50px auto 0; padding:0; z-index:3; background:#fff; border:solid 1px #d9d9d9; } #body_wrap.main {/*background:#fff url(../layout/main_colorbox.jpg) no-repeat top right;*/} #news_box {/*margin-left:25px;*/ margin-top:25px; width:590px;border-right:solid 0px #ccc;float:left ; z-index:4; } #mainvis_box {float:right;width:;615px; z-index:5;} #mainbanner_box {float:right; width:335px;margin-top:25px; z-index:6; } #sitemap_wrap {height: auto; width: 100%; z-index:999; } #body_left {margin:85px 0 0 0px; padding: 0; float: left;width: 200px; position:absolute; right:30px; overflow:hidden !important; z-index:9; display:block;} .btn_lms {margin: 0px; padding: 30px 0 0; position:absolute; right:30px; overflow:hidden !important; background:transparent;z-index:8;} #leftmenu {position:relative;left:0px;top:0; padding:0; } #lefttitle {width:200px; font-size:22px; letter-spacing:-1px; padding:70px 0;text-align:center; font-weight:bold; color:#fff; display:none; background:#cd1d1d; margin-bottom:20px;} #lefttitle img {position: absolute; border:solid 0px #ccc; top:1px;right:1px;} #leftswf {position:relative;left:0px;margin-top:220px; } #leftbanner {position:relative;left:0px;top:0; } #body_content { /*float: left; width: 750px;*/ padding:0 55px; min-height:850px; background:#fff; border:1px solid #ebebeb; } #body_content2 { position:relative; top:0; padding:0 30px; margin:0; background:url(/2014/kor/img/layout/sub0101_bg.png) no-repeat; } #content_head {position:relative; display:block; padding:0 0 0 0; margin:0 0 50px; } #body_content2 #content_head {position:relative; display:block; height:35px; padding:20px 0 0 0; border-bottom:solid 0px #cccccc; text-align:right; margin:0 0 ; } #content_head #location {position:absolute; top:30px; left:-20px; margin:0; padding:0; height:70px;} #content_head #location span{ } #content_head #subtitle { padding: 122px 0 0 20px; background:url(/2015/kor/img/layout/bul_h3.png) no-repeat 0 100px; margin-left:-20px; line-height:1;} #content_head #subtitle h2 {font-size:39px; color:#000; line-height:1; padding:0; margin:0;} #content_text {position:relative; font-size:12px; display:block; } #content_foot { height: 50px;} #content_title { width:100%; margin-bottom: 10px;} #bannerzone {display:block;clear:both; padding: 0; width:100%; margin:50px 0 0px; height: 120px; border-top:solid 1px #cd1d1d; background:#fff; } #bannerboxz {position:absolute; top:-65px; left:200px; width:980px; overflow:hidden; height:76px;} /* #bannerboxz a img { filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); filter: grayscale(100%); filter: url(desaturate.svg#greyscale); filter: gray; } #bannerboxz a:hover img { filter: grayscale(0%); -webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); filter: grayscale(0%); filter: url(desaturate.svg#greyscale); filter: none; } */ #bannerboxz a img { filter: url('/_common/js/filters.svg#grayscale'); /* Firefox 3.5+ */ filter: gray; /* IE6-9 */ -webkit-filter: grayscale(1); /* Webkit Nightlies & Google Chrome Canary */ } #bannerboxz a:hover img { filter: none; /* Applies to FF + IE */ -webkit-filter: grayscale(0); } .siteBanner h3 {display:none} .siteBanner .sitebanner li{ padding:30px 0; float:left; width:20%; text-align:center; vertical-align:middle} .footbanner{ height:90px;padding:0; margin:0; overflow:hidden;} .footbanner ul{padding:0; margin:0;} .footbanner li{float:left;} #familyzone {clear:both; padding: 0; margin: auto; height: 50px; width: 958px; border-top:solid 1px #e5e5e5; border-right:solid 1px #e5e5e5; border-left:solid 1px #e5e5e5;background:#fff; } #footsns { position: absolute; right: 0px; top: 25px; } #footsns ul { } #footsns ul li { float: left; display: inline; margin: 0; padding: 0 7px; color:#000;} #foot_wrap {background:#252525 /* url(/2013/kor/img/layout/footerbg.jpg) repeat-x*/; clear: both;height:180px; } #foot_txt {position:relative;padding: 0; margin: auto; height: 167px; width:980px;} .footlogo {position:absolute; top:44px; display:none; } #footmenu { position: absolute; left: 0px; top: 44px; width:680px; display:none;} #footmenu ul { list-style:none; letter-spacing: -0.2px; position: absolute; left: -2px; top: 0; font-size:0.94em; font-weight:bold;} #footmenu ul li { float: left; display: inline; margin: 0; padding: 0 7px; background: url(/2015/kor/img/layout/footmenubul.png) no-repeat 0 50%; color:#000;} #footmenu ul li.ff { float: left; padding: 0 0 0 1px; background: url(/img/layout/footmline00.gif) no-repeat 0 40%; } #footmenu ul li a { display: inline; float: left; padding: 0 6px; color:#000;} #footmenu ul li.first { padding: 0 7px 0 0; background: transparent; } #footmenu2 { position: absolute; left: 0px; top: 30px; width:680px;} #footmenu2 ul { list-style:none; letter-spacing: -0.2px; position: absolute; left: -2px; top: 0; font-size:0.94em; font-weight:bold;} #footmenu2 ul li { float: left; display: inline; margin: 0; padding: 0 13px; background: url(/2015/kor/img/layout/footmenubul.png) no-repeat 0 50%; color:#363535;} #footmenu2 ul li:first-child { float: left; padding: 0 13px 0 0; background:none; } #footmenu2 ul li a { display: inline; float: left; padding: 0; color:#fff;} #addr {left: 0; top:} #busanaddr {position: absolute; left: 0px; top: 65px; color:#ccc;} #seouladdr {position: absolute; left: 0px; top: 90px; color:#ccc;} address {float:left; color:#979797; } #seouladdr a, #busanaddr a {float:left; padding:0px 5px; border:solid 1px #ccc; margin:0 0 0 15px; top:-5px; background:#fff;} #foot_copyright {position: absolute; left: 0px; top: 135px; } #clear_div { clear:both; height:0px} /* float 해제를 위한 */ .clear_div { clear:both; height:0px} #searchBox input.sbox {width: 210px; height: 20px; margin: 0; padding: 2px 2px 1px 2px; background: #f0f0f0; color: #777; line-height: 1.25; } #searchBox .image { position: absolute; left: 225px; margin: 0; padding: 0; } #searchBox .input_search {border:solid 1px #ccc !important; } #searchBox dl dt label { display: none; } #familyzone ul li {float:left; padding:0 9px;} .defaultbox { position:relative; padding: 0; margin: 0 auto; width:1000px; !important; background:#fff; } #content_text .left { float: left; position: relative; } #content_text .right { float: right; position: relative;} #content_text .center { position: relative; text-align: center; } #content_text .infomenu { clear: both; position: relative; width: 100%; margin: 0; padding: 0; overflow: hidden; } #content_text .infomenu2 { clear: both; position: absolute; width: 100%; margin: 0; padding: 0; height:0; } #topmenu_box { border-bottom:solid 1px #cd1d1d; height:235px; overflow:hidden; width:100%; position:absolute; top:0; left:0; z-index:1; background:#fff url(/2015/kor/img/layout/containerbg.gif) repeat-x; display:block; boxShadow:6px 5px 6px #d2d2d2;} #topmenu {position: absolute; left:0px; top: 180px; display:block; } #topmenu ul { display:block; list-style: none; margin: 0; padding: 0; height:40px; } #topmenu li { margin: 0; font-size:21px; font-weight:normal; } #topmenu ul li { float: left; display: inline; margin: 0; padding: 0; } #topmenu ul li:after { content:""; display:block; clear:both; } #topmenu ul li a { display: block; position: relative; color: #000; padding: 0 40px; letter-spacing: 0px; font-family:'NanumGothic'; } #topmenu > ul > li:first-child a {padding-left:0;} #topmenu ul li:last-child a {padding-right:0;} #topmenu ul li a:hover, #topmenu ul li a.on {color:#d13d3f;} #topmenu ul li a.noimg {background:none;} #topmenu ul li.on a { z-index: 3; } #topmenu ul li.on ul { display: block; } #topmenu ul li.on div { display: block; } #topmenu ul ul { margin-left: 27px; padding:50px 0 0;} #topmenu ul li:first-child ul {margin:0;} #topmenu ul ul li { float: none; width: auto; max-width: inherit; line-height: 23px; padding:0 0 0; margin:0;} #topmenu ul ul li.first { padding:30px 0 0;} #topmenu ul ul li.last {} #topmenu ul ul li a { display: block; font-size:12px; padding: 3px 0px 3px 13px; color: #666666 !important; font-weight: normal; text-decoration: none; white-space: nowrap; font-size: 12px; line-height: 1.25; text-indent: 0;/* 2차텍스트는원상복구 */ background:url(/img/topmenu/top2mlibg.gif) no-repeat 0 50%;} #topmenu ul ul li.first a { padding: 3px 10px; background:none !important; } #topmenu ul ul li a span { display: block; padding: 0; } #topmenu ul ul li a:hover {color:#d13d3f !important;} #sidebar { min-height:500px;} #sidebar h2 { margin:0; padding: 0; background: transparent; } #sidebar h2.sidetitle { height:90px; padding:0; margin:0 0 0 0;} /* sidemenu2Depth+3Depth */ #sidemenu { width: 200px; margin: 0; display:block; background:#fff; } #sidemenu h3 { display: none; margin: 0; padding: 0; background: transparent; } #sidebar .menuall { position: relative; margin: 0; padding: 0; z-index: 1; } #sidebar .menuall img { display: block; } #sidemenu ul { list-style: none; width: 198px; margin: 0px; padding: 0; line-height:1.1; border:1px solid #ebebeb; border-bottom:none; } #sidemenu ul li { font-size:14px; margin: 0; padding:19px 19px 17px 19px; width:160px; border-bottom:solid 1px #dedede; } #sidemenu ul li:first-child { } #sidemenu ul li a { display: block; margin: 0; padding: 0;color:#636363; font-family:'NanumGothic'; line-height:1.1; /*font-weight:bold;*/ } #sidemenu ul li.on > a {font-weight:bold;} #sidemenu ul li.on > a, #sidemenu ul li > a:hover { color:#e61b23; } #sidemenu ul ul { display: none ; list-style: none; margin:10px 0; padding:0 0px; background:none; border:none;} #sidemenu ul li.on ul {display:block;} #sidemenu ul ul li { border:none; font-size:11px;margin: 0;color:#666666; padding:3px 10px 0 0; background:none; } #sidemenu ul ul li:first-child { border-top:solid 0px #dedede; } #sidemenu ul ul li.first { } #sidemenu ul ul li a { display: block; margin: 0; padding:0px 0 0 8px; background: url(/2014/kor/img/layout/bul_p1.png) no-repeat 0 7px; color: #6e6967; font-weight: normal; line-height: 1.5; } #sidemenu ul ul li a.on, #sidemenu ul ul li a:hover { color: #333; } #sidemenu ul ul li a.on { font-weight: bold !important;} ul#side2m_ {display:none;} /* sitemapLayout **********/ table.sitemap { border-collapse: collapse; display:block; margin:20px 25px; } table.sitemap th, table.sitemap td { padding: 7px 6px 4px 15px; } table.sitemap th, table.sitemap thead, table.sitemap tfoot { width:180px; color:#000; } table.sitemap td h2 {font-weight: bold; font-size:12px; color:#000;} table.sitemap td {border-left:solid 1px #616161; padding:8px 15px; vertical-align:top;} table.sitemap td ul li {padding:5px 0;} table.sitemap td ul li a{ font-size:11px; color:#000;} table.sitemap td.noimg {border-left:solid 0px #ccc; } #info_guide,#info_search { display:none; } #wingnormal {display:block;} #wingwide {display:none;} #wings { display:none; } #wings {left:896px; position:absolute; top:0px; width:100px; overflow:hidden; border:0px solid #000; padding:61px 0 0 30px;} #wings ul { width:72px; margin-left:0px; } #wings li { margin:0; font-size:11px; text-align:center; padding:7px 5px 2px;} /* #wings li img { padding-bottom:2px; } */ #wings li.end { padding:7px 0 6px; } #wings .wings_box {margin-top:18px; background:#fff url(/2015/kor/img/layout/quickbox_bg1.png) no-repeat 50% 10px; padding:58px 0 10px;} #wings .wings_box.bg2 { background:#fff url(/2015/kor/img/layout/quickbox_bg2.png) no-repeat 50% 10px;} #wings .wings_box .h5 {display:none; font-size:21px; color:#cd1d1d; padding-left:25px;} #wings .wing_banner {margin-top:18px; display:none;} #wingwide ul { border:none; background:transparent; margin-top:20px; } #wingwide li { background: url(/2014/kor/img/layout/bul_wings.png) no-repeat 16px 50%; padding:0 0 0 30px; text-align:left; width:120px; line-height:1.6;} #wingwide li a {line-height:3.2; font-size:14px;} #wings .artistry_wing img { display:none; height:58px;}