﻿@charset "utf-8";

/* Main Topic */
.ideationBanner2{ text-align: left; position:relative; height:150px; margin:0 0 5px 0; background:#000000 url(../img/bgMainTopic.gif) no-repeat right top; border:1px solid #525252; position:relative; overflow:hidden; padding-right:30px;}
.ideationBanner2 .topicContainer{ position:relative; height:170px; overflow:auto; margin-right:-20px; overflow:hidden;}
.ideationBanner2 dl{ position:relative; margin:0; padding:35px 25px 0 25px; display:none; overflow:hidden;}
.ideationBanner2 dl.show { display:block; }
.ideationBanner2 dt{ margin:0; padding:0; font-family:AppleGothic, NanumGothic, "Malgun Gothic"; font-size:20px; color:#9FC93C; font-weight:bold; letter-spacing:-1px; line-height:1;} /* 큰매뉴 글자 */
.ideationBanner2 dt em,
.ideationBanner2 dt em span{ position:relative; font-style:normal; font-size:11px; color:#fff; display:inline-block; height:19px; line-height:17px; background:url(../img/bgTopicLabel.gif) no-repeat;} /* 맨위 작은동그라미 안 설정 */
.ideationBanner2 dt em{ position:absolute; top:10px; left:25px; background-position:left top; margin-right:8px;}
.ideationBanner2 dt em span{ left:8px; background-position:right top; padding:0 10px 0 2px;}
.ideationBanner2 dt strong{ color:#6caedf;}
.ideationBanner2 dd { margin:0; padding:0; color:#7d7d7d; font-weight:bold; font-size:11px; line-height:2; letter-spacing:-1px;} /* 작은글자 위치변경 */
.ideationBanner2 dd p{ margin-top:0; padding-top:0.9em;} /* 바로가기 글자내리기 */
.ideationBanner2 dd a{ color:#D5D5D5; font-weight:bold; background:url(../img/iconJoin.gif) no-repeat right center; padding-right:8px;} /* 바로가기 매뉴 수정 */
.ideationNavigation {position:absolute; right:24px; bottom:5px; list-style:none; margin:0; padding:0;} /* 매뉴바 1.2.3 위치 변경 */
.ideationNavigation li{ display:inline;}
.ideationNavigation li a{ display:inline-block; width:72px; height:18px; overflow:hidden; background-image:url(../img/buttonTopicNavigator.gif); background-repeat:no-repeat;} /* 1.2.3 숫자 그림크기 */
.ideationNavigation li.nav1 a{ background-position:0 0;}
.ideationNavigation li.nav2 a{ background-position:0 -18px;}
.ideationNavigation li.nav3 a{ background-position:0 -36px;}
.ideationNavigation li a span{ font-size:0; line-height:0;}
.ideationNavigation.topic1 .nav1 a{ background-position:-72px 0;}
.ideationNavigation.topic2 .nav2 a{ background-position:-72px -18px;}
.ideationNavigation.topic3 .nav3 a{ background-position:-72px -36px;}

