/* @charset "utf-8"; 깨짐... */ /* ================================================ common style source file: style.css target: CSS Level 2 last update: 2009.10.07 ================================================ */ /* common style */ * { margin: 0; padding: 0; } /* html {height:100%; overflow-y:scroll;} */ body {font-family:dotum, 돋움, arial, sans-serif; font-size:12px; color:#666; line-height:130%;} input {height:14px;} input, textarea {vertical-align:middle; font-size:inherit; border:1px solid #e1e1e1; padding:3px 0 2px 5px; font-family:dotum, 돋움, arial, sans-serif; font-size:12px; color:#666;} select {font-size:12px; line-height:21px; vertical-align:middle;} img {border:0; display:inline-block; vertical-align:middle;} ul, ol {list-style:none;} table {border-collapse:collapse;} /* anchor style */ a, a:visited, a:active {color:#666; text-decoration:none;} a:hover {color:#666; text-decoration:underline;} a.blueTxt, a.blueTxt:visited, a.blueTxt:active {color:#0078cb; text-decoration:none;} a.blueTxt:hover {color:#0078cb; text-decoration:underline;} a.grayTxt, a.grayTxt:visited, a.grayTxt:active {color:#999; text-decoration:underline;} a.grayTxt:hover {color:#999; text-decoration:underline;} a.orangeTxt, a.orangeTxt:visited, a.orangeTxt:active {color:#ff7003; text-decoration:underline;} a.orangeTxt:hover {color:#ff7003; text-decoration:underline;} a.orangeTxtNone, a.orangeTxtNone:visited, a.orangeTxtNone:active {color:#ff7003; text-decoration:none;} a.orangeTxtNone:hover {color:#ff7003; text-decoration:underline;} a.familyTxt, a.familyTxt:visited, a.familyTxt:active {color:#999; text-decoration:none;} a.familyTxt:hover {color:#ff7003; text-decoration:none;} /* on one's front burner style */ .imporLeft {text-align:left !important;} .imporRight {text-align:right !important;} .imporCenter {text-align:center !important;} .backNone {background:none !important;} .borNone {border:0 !important;} .txt11 {font-size:11px !important;} .txt14 {font-size:14px !important;} .fileField {height:21px; background:#fff;} .layFix {overflow:hidden;} .disNone {display:none;} .curPointer {cursor:pointer;} .disBlock {display:block;} .hide {display:none;} .vmtop{vertical-align:top;} /* float */ .floatLeft {float:left !important;} .floatRight {float:right !important;} .clear {clear:both;} .mt15 {margin-top:15px !important;} /*#container {width:100%; height:100%; overflow:auto; position:relative; z-index:1;} #entire {width:942px;}*/ #container {margin:0; zoom:1;} #container:after{content:".";display:block;height:0;clear:both;visibility:hidden;} #entire { width:942px; height:auto; z-index:1;} #quick {position:absolute; top:55px; left:944px;} .contSize {width:738px; position:relative;} .backHand {background:url(/images/image/blog_hand.gif) no-repeat 900px bottom;} /* font color & size */ .txtOrange {color:#ff7106;} .txtBlue {color:#0078cb;} .txtGray {color:#666 !important;} .txtLightGray {color:#999 !important;} /* header */ #headerWrap {height:55px;} #headerWrap p {width:172px; float:left;} #headerWrap p img {margin:8px 0 0 14px;} .global {width:738px; margin:15px 10px 0 0; display:inline; float:right;} .global ul {float:right; overflow:hidden;} .global ul li {float:left; background:url(/images/common/global_sepe.gif) no-repeat right 5px;} .global ul li img {padding:4px 9px;} .global div {float:right;} .globalSrch {width:213px; height:21px; background:url(/images/common/srch_back.gif) no-repeat left top;} .globalSrch input {margin:2px 0 0 10px; width:175px; border:0; background:none; padding-top:3px;} .globalSrch2 {width:93px; display:inline; margin-right:3px;} .jquery-selectbox3 {position:relative; height: 20px; width: 93px; z-index: 40; display:-moz-inline-stack; display:inline-block; *display:inline; zoom:1; *margin-top:1px; color: #666; padding: 0; background:#fff url(/images/common/search_bg.gif) no-repeat; vertical-align:middle;} .jquery-selectbox3 span{line-height:12px !important;} .jquery-selectbox3 .selecthover {z-index: 1;} .jquery-selectbox3 .jquery-selectbox3-currentItem { padding: 4px 0px 0px 12px; white-space: nowrap; display: inline-block; *display:inline; zoom:1; overflow: hidden; font-size: 11px; font-family: 돋움, dotom, Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;} .jquery-selectbox3 .jquery-selectbox3-list { display: none; position: absolute; top: 19px; left: -1px; padding: 2px 3px 5px 2px; height: 120px; overflow-x: hidden; overflow-y: auto; z-index: 50; border: 1px solid #E1E1E1; background-color:#fff;} .jquery-selectbox3 .jquery-selectbox3-moreButton { /* position: absolute; top: 0px; right: 0px; */ float: right; display:inline-block; *display:inline; zoom:1; margin:0; background:url(/images/btn/btn_arrow.gif) no-repeat; width: 20px; height: 20px; cursor: pointer;} .jquery-selectbox3 .jquery-selectbox3-moreButton.morebuttonhover { } .jquery-selectbox3 .jquery-selectbox3-item.listelementhover { background: #525252; color: #fff;} .jquery-selectbox3 .jquery-selectbox3-item { display:block; margin-top:2px; padding:3px 0 1px 10px; cursor: default; font-size: 11px; font-family: 돋움, dotom, Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif; color:#aeaeae;} /* main */ .mainTop {width:100%; overflow:hidden;} .visual{position:relative; z-index:0; float:left; margin-right:17px; width:512px; height:398px; overflow:hidden;} .visual .btn{position:absolute; z-index:9999; top:188px; width:100%;} .visual .prev{position:absolute; left:0;} .visual .next{position:absolute; right:0;} .visual .btn p{cursor:pointer;} .visual .thumb{position:absolute; z-index:9999; bottom:17px; right:17px;} .visual .thumb li{float:left; width:62px; text-align:center;} .visual .thumb li.on img{position:relative; top:-4px; border:2px solid #FFFFFF;} .visual .thumb img{cursor:pointer;} .visual .detail{position:absolute; top:0; left:0; padding-top:0;} .visual .detail li{position:absolute; width:512px; height:398px;} .withyouBnr{position:relative; width:209px; height:101px; border-bottom:1px solid #E1E1E1; overflow:hidden;} .withyouBnr .btn{position:absolute; z-index:9999; bottom:4px; left:0px; width:21px; background:url(/images/main/blog_bar.gif) no-repeat center 0; line-height:0px;} .withyouBnr .btn p{line-height:0;} .withyouBnr .btn img{cursor:pointer;} .withyouBnr .btn .prev{float:left;} .withyouBnr .btn .next{float:right;} .withyouBnr .detail li{position:absolute; top:0; left:0; width:209px; height:103px; overflow:hidden;} .withyouBnr .detail li img{position:absolute; left:0; width:209px; height:103px;} .withyouBnr .directionR li{left:auto; right:0;} .withyouBnr .directionR li img{left:auto; right:0;} * html .withyouBnr .directionR li img{position:relative;} .withyouBnr .detail img{width:209px; height:103px;} #newContents{position:absolute; z-index:1; height:215px; margin-left:190px; overflow:hidden;} #newContents h2{position:absolute; top:0; left:0;} #newContents p.more{position:absolute; top:53px; left:0;} #newContents .list{width:695px; height:400px; padding-left:78px; background-color:#fff;} #newContents ul{overflow:hidden; *zoom:1;} #newContents li{position:relative; float:left; margin:0 17px 24px 0; width:199px; height:167px; border:5px solid #DFDFDF;} #newContents li a{position:absolute; left:-5px; top:-5px; z-index:2; display:block; width:199px; height:167px; border:5px solid #9FCFD9; background:url(/images/main/newcon_playBtn.gif) no-repeat center 40px; opacity:0;filter:alpha(opacity:0); zoom:1;} #newContents li .img{margin:16px 0 0 18px;} #newContents li .img img{width:163px; height:95px;} #newContents li h3{margin:10px 0 0px 18px; font-size:12px; font-weight:normal; color:#323232;} #newContents li .txt{margin-left:18px;} #newContents .arrBtn{display:block; position:absolute; z-index:20; left:0; bottom:0; width:39px; height:29px; margin-left:385px; background:url(/images/main/newcon_arrDown.png) no-repeat; cursor:pointer;} * html #newContents .arrBtn{background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/main/newcon_arrDown.png', sizingMethod='crop');} #newContents .arrBtn_on{background-image:url(/images/main/newcon_arrUp.png);} * html #newContents .arrBtn_on{background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/main/newcon_arrUp.png', sizingMethod='crop');} #newContents .bottomBar{display:block; position:absolute; z-index:10; left:0; bottom:0; width:740px; height:18px; background:#fff url(/images/main/newcon_bg.gif) repeat-x 0 bottom;} .newArea {width:209px; float:left;} .newArea .noticeRecent {margin:4px 0 3px 0;} .newArea .noticeRecent img {vertical-align:bottom; padding:3px;} .newArea .noticeRecent ul {width:100%; margin-top:3px;} .newArea .noticeRecent ul li {width:200px; height:17px; padding:2px 0 0 7px; line-height:140%; background:url(/images/image/dot_1by2.gif) no-repeat 2px 8px; letter-spacing:-1px; } .newArea .noticeRecent ul li a {display:inline-block; width:178px; height:17px; overflow:hidden; vertical-align:top;} .newArea .noticeRecent ul li.first {border-top:0;} .onAir {width:100%; margin-bottom:14px; overflow:hidden;} .onAirTit {height:26px;} .onAirTit img.tit {float:left; margin-top:5px;} .onAirTit img.btn {float:right; margin-top:4px;} .onAirState {width:100%; height:58px; background:url(/images/image/onair_state_back.gif) repeat-x left top; text-align:center; } .onAirState img {margin:12px 0 5px 0;} .onAirState img.airAni {margin:0;} .onAirState p {font-size:11px; color:#FFFFFF;} .onAirState p span {color:#ffe682;} .onAirState .state1 {padding-top:13px;} .onAirState .state2 {padding-top:6px;} .onAirState .state3 {padding-top:13px;} .interanet_onAir .onAirState {background:url(/images/image/onair_state_back_intra.gif) repeat-x left top;} .schedule {width:100%; overflow:hidden;} .schedule li {width:195px; height:22px; border:1px solid #e3e3e3; padding:3px 5px 0 7px; margin-top:1px; overflow:hidden; line-height:20px;} .schedule li p {width:32px; floaT:left;} .onAir_sch {padding-top:15px;} .onAir_sch .stit {width:729px; margin-bottom:8px; overflow:hidden;} .onAir_sch .stit .floatLeft {width:25%;} .onAir_sch .stit p {float:left; width:50%; text-align:center;} .onAir_sch .stit .floatRight {width:25%; text-align:right;} .onAir_sch .stit .month {display:-moz-inline-stack; display:inline-block; padding:0px 2px 0 4px;} .onAir_sch .sch_tit {height:65px; width:737px; background:url(/images/image/onair_sch_bg01.gif) no-repeat left top;} .onAir_sch .sch_tit ul {float:left; display:inline; width:737px; margin:22px 0 0 10px;} .onAir_sch .sch_tit li {float:left; position:relative; width:135px; height:40px; padding-left:7px;} .onAir_sch .sch_tit li img {display:block; margin-bottom:6px;} .onAir_sch .sch_tit li .more {position:absolute; top:7px; right:10px;} .onAir_sch .sch_tit2 {height:26px; padding-top:27px; background:url(/images/image/onair_sch_bg06.gif) no-repeat left top; text-align:center;} .onAir_sch .sch {position:relative; width:736px; height:514px; padding-left:1px; background:url(/images/image/onair_sch_bg02.gif) no-repeat right bottom;} .onAir_sch .sch table {table-layout:fixed;} .onAir_sch .sch th {height:25px; padding-top:11px; background:url(/images/image/onair_sch_bg07.gif) no-repeat right bottom; vertical-align:top;} .onAir_sch .sch td {height:82px; padding:11px 3px 0 7px; border:solid #ececeb; border-width:0 1px 1px 0; color:#444; vertical-align:top;} .onAir_sch .sch td a {color:#444;} .onAir_sch .sch .mon {width:146px;} .onAir_sch .sch .tue {width:145px;} .onAir_sch .sch .wed {width:145px;} .onAir_sch .sch .thu {width:145px;} .onAir_sch .sch .fri {width:146px; border-right:none; background-position:left bottom;} .onAir_sch .sch .num {float:left; width:24px; color:#666; font-size:15px; font-weight:bold;} .onAir_sch .sch span {float:left; width:105px;} .onAir_sch .sch .past, .onAir_sch .sch .past a {color:#3463CD;} .onAir_sch .sch .past .num {color:#010101;} .onAir_sch .sch td .reply2 {clear:both; margin:10px 0 0 24px;} .onAir_sch .sch .today {color:#000000; background:url(/images/image/onair_sch_bg03.gif) no-repeat right top;} .onAir_sch .sch .today .num {color:#000000;} .onAir_sch .sch .today a {color:#000000;} .onAir_sch .sch .onday {color:#134b98;} .onAir_sch .sch .onday .num {color:#ff6f02;} .onAir_sch .sch .onday a {color:#134b98;} .onAir_sch .sch .note {margin:13px 0 0 8px;} .onAir_sch .sch .bg {position:absolute; bottom:0; right:0; width:82px; height:79px; background:url(/images/image/onair_sch_bg04.gif) no-repeat left top;} .onAir_sch .sch2 {height:137px;} .articleWrap {margin:235px 0 0 192px; width:738px; overflow:hidden;} .article {width:512px; float:left; overflow:hidden; margin-right:17px;} .article p.contTit {width:80px; float:left;} .article p img.more {margin-top:15px; padding:3px 0;} .newMCont {width:512px; overflow:hidden;} .newMCont div {width:432px; float:left;} .newMCont div dl {width:216px; overflow:hidden; float:left; padding-bottom:17px;} .newMCont div dt {width:70px; float:left;} .newMCont div dd {float:left; width:130px; margin:0 8px;} .newMCont div dd strong {display:block; margin-bottom:5px; color:#323232;} .libraryCont {width:520px; overflow:hidden; border-top:1px solid #e4e4e4; padding-top:15px;} .libraryCont div {width:440px; overflow:hidden; float:left;} .libraryCont div dl {width:216px; overflow:hidden; float:left; margin-bottom:17px;} .libraryCont div dt {width:70px; float:left;} .libraryCont div dd {float:left; width:120px; margin:0 8px;} .libraryCont div dd img.tit {display:block; margin:0 10px 10px 0;} .libraryCont div ul {width:224px; float:left; padding-top:13px;} .libraryCont div ul li {padding-left:8px; background:url(/images/ico/3by3_gray.gif) no-repeat left 7px; line-height:150%;} .libraryCont .control_txt {width:210px; overflow:hidden; text-overflow:ellipsis;} .contLayer {position:relative; width:980px; clear:both;} #tabWrap #tab2 {width:100%; overflow:hidden; display:none;} .topFive {width:209px; overflow:hidden; float:left; background:#ff7003;} .topFive .menu {width:100%; overflow:hidden; margin-top:13px;} .topFive .menu p {float:left; margin-left:9px; display:inline;} .topFive #choiceTab {float:right;} .topFive #choiceTab li {float:left; margin-top:2px; padding:0 6px; background:url(/images/image/top_five_sepe.gif) no-repeat right 2px;} .tabCont {margin:0 5px 5px 5px; padding-top:14px; width:199px !important; overflow:hidden; background:#fff;} .tabCont dt {width:27px; float:left; text-align:center;} .tabCont dt img {margin-top:5px;} .tabCont dd {width:165px; overflow:hidden; padding-right:7px; float:left; margin-bottom:15px;} .tabCont dd img {margin-right:7px; float:left;} .tabCont dd span {width:130px; float:left;} #tag {clear:both; width:738px; height:31px; background:#f7f7f7; margin:30px 0 70px 197px; overflow:hidden;} #tag dt {width:80px; float:left; overflow:hidden;} #tag dt img {margin:10px 0 0 12px; float:left;} #tag dd {width:658px; float:left; vertical-align:middle; padding-top:7px; line-height:150%;} #tag dd a:link {color:#999;} #tag dd span {padding:0 10px 0 5px; background:url(/images/image/gray_sepe.gif) no-repeat right top;} #tag dd span.style1 a:link {color:#ff7200; font-weight:bold; font-size:14px; letter-spacing:-1px;} #tag dd span.style2 a:link {font-size:14px; font-weight:bold; letter-spacing:-1px;} #tag dd span.style3 a:link {font-weight:bold; letter-spacing:-1px; color:#ff7200;} #tag dd span.style4 a:link {color:#ff7200;} #tag dd span.style5 a:link {font-weight:bold;} #tag dd span.style6 a:link {font-size:14px;} /* page top */ #divTop {width:59px; overflow:hidden; position:absolute; left:944px;} /* page title */ #contWrapMain {width:980px; overflow:hidden;} #contWrapMain {width:980px; overflow:hidden;} #contWrap {width:100%; overflow:hidden;} .gnb {width:192px; height:500px; float:left;} .gnbAbs {width:192px; float:left; position:relative; height:420px;} .gnbAbs div {width:192px; position:absolute;} .gnb .bnr {clear:both; margin:14px 0 0 9px;} .gnb .bnr img{width:153px; height:39px;} #mainMenu{width:172px;} #mainMenu li{position:relative; overflow:hidden; zoom:1; font-size:0;} #mainMenu li a{display:block; width:162px; height:44px; background-color:#FF6F02;} #mainMenu li img{margin:16px 0 0 19px;} #mainMenu ul{padding:0 0 0 11px; background:url(/images/common/menu_off_bg.gif) repeat-y right 0; font-size:0; overflow:hidden; zoom:1; display:none;} * html #mainMenu ul{width:151px; background-color:#FF9F56;} #mainMenu li li{position:relative; overflow:hidden; zoom:1;} #mainMenu li li.first{margin-top:8px;} #mainMenu li li.last{margin-bottom:3px;} #mainMenu li li a{display:block; width:162px; height:27px; background:none;} #mainMenu li li a.on{background:#fff url(/images/common/menu_ov_bg.gif) no-repeat -1px 0;} #mainMenu li li img{position:absolute; z-index:2; top:6px; left:12px; margin:0;} #mainMenu li li .ovimg{position:absolute; z-index:1; top:0; left:-163px; opacity:0;filter:alpha(opacity:0); zoom:1;} #mainMenu .grow img{position:absolute; left:0px;} #cont {width:745px; float:left; padding-bottom:70px; position:relative;} /*#contMain {width:745px; float:left; position:relative; overflow:hidden;}*/ #contMain {width:745px; float:left; position:relative; } .historyWrap {width:100%; overflow:hidden;} .history {float:right; overflow:hidden; padding-right:7px; display:inline;} .history li {float:left; font-size:11px; padding-left:14px; background:url(/images/ico/his_arrow.gif) no-repeat 4px 3px;} .history li span {color:#ff7200;} .snb {width:100%; float:left; margin:15px 0 32px 0;} .replaceSnb {width:100%;} .replaceSnb img {margin-bottom:3px;} .bloger {position:relative; width:100%; float:left; margin:15px 0 23px 0; clear:both;} .bloger .link2{display:block; position:absolute; z-index:1; top:6px; left:8px; width:103px; height:104px; background-color:#fff; opacity:0;filter:alpha(opacity:10);zoom:1;} .pageTit {width:741px; overflow:hidden; margin-bottom:16px;} .pageTit dl {overflow:hidden; float:left;} .pageTit dt, dd {float:left;} .pageTit dd img {margin:13px 0 0 6px; display:inline;} .pageTit .exist {margin-top:30px;} .pageTit .exist img {margin-top:10px; display:block;} .pageTit .pageTitBtn {display:inline-block; float:right; margin:2px 7px 0 0;} .pageTit .pageTitBtn p {margin-top:8px;} /* box style */ .gboxGraWrap {width:100%; background:url(/images/image/gbox_gra_bottom.gif) no-repeat left bottom; margin-bottom:5px;} .gboxGra {background:url(/images/image/gbox_gra_top.gif) no-repeat left top; padding-bottom:7px;} .gboxWrap {width:100%; background:url(/images/image/gbox_bottom.gif) no-repeat left bottom; margin-bottom:5px;} .gbox {background:url(/images/image/gbox_top.gif) no-repeat left top;} .seriesList {width:718px; padding:10px; overflow:hidden; position:relative;} .seriesList dt {float:left; margin-right:15px;} .seriesList dd {float:left; width:385px;} .seriesList dd p {margin:8px 0 10px 0; font-size:14px;} .seriesList dd p img.newPost {margin:-2px 0 0 5px;} .seriesList ul {width:385px; overflow:hidden; position:absolute; left:330px; top:120px;} .seriesList .lineAdd {top:110px; background:url(/images/image/dot_3by1.gif) repeat-x left top; padding-top:10px;} .seriesList ul li {float:left} .seriesList ul li img {margin-right:5px; vertical-align:middle;} .seriesList ul li.total {width:130px;} .seriesList ul li.inquiry {width:110px;} .contLine {background:url(/images/image/dot_3by1.gif) repeat-x left top; padding:13px 10px;} .contListLst {background:url(/images/image/tbl_shadow.gif) repeat-x left bottom !important; padding-bottom:18px !important;} .contList {width:718px; background:url(/images/image/dot_3by1.gif) repeat-x left bottom; padding:13px 10px; overflow:hidden;} /* position:relative; */ .contList dt {float:left; margin-right:15px; overflow:hidden;} .contList dt img {float:left;} .contList dd {float:left; width:540px;} .contList dd p {margin:2px 0 7px 0;} .contList dd p img.newPost {margin:-2px 0 0 5px;} .contList ul {width:100%; overflow:hidden; margin-top:10px;} /*.contList ul.posRelative {width:100%; overflow:hidden; position:relative; margin-top:10px;}*/ .contList ul li {float:left} .contList ul li img {margin-right:5px; vertical-align:middle;} .contList ul li.grade {width:70px;} .contList ul li.inquiry {width:110px;} .contList ul li.date {width:124px;} .contListNew {border-top:1px solid #dcdcdc; margin-top:-12px;} .contListFrame {width:590px;} .contListFrame dd {width:412px;} .contListFrame ul.frameUse {position:relative; left:0; top:0; margin-top:10px;} .contRelease {width:100%; overflow:hidden;} .contRelease li {float:left;} .contRelease li span {color:#ff7106; margin-right:10px;} .contRelease li img {float:left; margin:1px 5px 0 5px;} .contRelease li.btn {float:right;} .contRelease li.btn img {margin:0 0 0 3px;} .tabWrap {position:relative;} .tabWrap .tab {width:738px; height:31px; overflow:hidden; background:url(/images/image/tab_back.gif) repeat-x left bottom;} .tabWrap .tab li {float:left; padding-top:7px;} .tabWrap .tab li strong {font-size:14px; display:block; padding:5px 2px 0 0; color:#0078cb;} .tabWrap .tabSpzce {width:738px; height:24px; overflow:hidden; background:url(/images/image/tab_back.gif) repeat-x left bottom;} .tabWrap .tabSpzce li {float:left; padding-top:0;} .tabWrap img.news {position:absolute; top:0;} .tabWrap .subItem {margin-top:4px; background:#f1f1f1; width:730px; padding-left:8px; overflow:hidden;} .tabWrap .subItem li {float:left; padding:6px 8px; background:url(/images/image/gray_sepe.gif) no-repeat right 7px;} .tabWrap .subItem li span {color:#00406c;} #txtTab {width:738px; overflow:hidden; background:url(/images/image/txt_tab_back.gif) left bottom;} #txtTab li {float:left; margin-right:2px;} #txtTab a {margin-right:2px; padding:0; overflow:visible; display:inline-block; vertical-align:top; cursor:pointer; position:relative; text-decoration:none! important;} #txtTab .default {background:url(/images/image/txt_tab_white.gif) top left; color:#7b7b7b;} #txtTab .default span {background: url(/images/image/txt_tab_white.gif) top right;} #txtTab .over {background:url(/images/image/txt_tab_blue.gif) top left; color:#fff;} #txtTab .over span {background: url(/images/image/txt_tab_blue.gif) top right;} #txtTab li span {padding:5px 15px 3px 15px; left:2px; display:inline-block; vertical-align:top; position:relative; text-decoration:none! important; letter-spacing:-1px;} #txtTab2 {width:738px;} #txtTab2 th {position:relative; width:84px; background:url(/images/image/tab_bg2.gif) no-repeat left bottom;} #txtTab2 th span {position:absolute; display:block; left:0; top:0; width:84px; height:15px; background:url(/images/image/tab_bg1.gif) no-repeat left top;} #txtTab2 td {padding-left:5px;} #txtTab2 ul {float:left; display:inline; width:640px; padding:7px 0 6px 7px; border:solid #e1e1e1 1px; background:#f6f6f6;} #txtTab2 li {float:left; display:inline; padding:0 13px 0 10px; background:url(/images/image/tab_line.gif) no-repeat right 7px; line-height:20px;} #txtTab2 .over {color:#3183bb;} #txtTab2 .ctg {float:left; width:89px;} #txtTab2 .last {background:none;} .tabWrap2 {position:relative; width:738px; overflow:hidden;} .tabWrap2 p {position:absolute; right:0; top:31px; color:#ff7106;} .videoInfo {width:700px; padding:10px 19px; overflow:hidden; background:#f1f1f1;} .multiInfo {width:700px; padding:10px 19px; margin-top:10px; overflow:hidden; background:url(/images/image/mutimedia_box.gif) no-repeat left top;} .videoInfo dl {width:600px; float:left; overflow:hidden;} .videoInfo dl dt {font-size:14px; padding:5px 0; font-weight:bold;} .videoInfo dl dd {float:left;} .videoInfo ul {width:100%;} .videoInfo ul li {margin-right:12px; float:left; font-size:11px;} .videoInfo ul li img {margin-right:5px;} .videoInfo p {float:right; margin:10px 0 0 0;} .videoInfo img.listBtn {float:right;} #eventLayer {width:100%; z-index:11;} /* position:absolute; position:relative; 계층문제*/ .mMBack {width:738px; height:458px; background:url(/images/image/multimedia_back.jpg) no-repeat left top; overflow:hidden;} .mMBack ul {width:700px; height:394px; float:left; display:inline; padding:16px 0 0 20px; overflow:hidden;} .mMBack ul li {text-align:center;} .mMBack ul li.reasonMsg {padding-top:165px;} .mMBack ul li.dayTxt img {margin-bottom:4px;} .mMBack ul li span {color:#919191; font-weight:bold; font-size:14px; display:inline-block; margin-left:5px;} .mMBack ul li.msg {height:50px;} .mMBack ul li.msg img {margin-top:12px;} .mMBack .playerCopyright img {margin:10px 0 0 20px;} .mMBack___{position:absolute; left:0; top:0; z-index:1000; background-color:#000;} .btn_defaultView{display:none; position:absolute; z-index:10000;} .btn_defaultView img{cursor:pointer;} /*.mMError {width:738px; height:458px; background:url(/images/image/multimedia_back.gif) no-repeat left top;} .mMError ul {width:100%; overflow:hidden; padding-top:180px;} .mMError ul li {text-align:center;} .mMError ul li.dayTxt img {margin-bottom:4px;} .mMError ul li span {color:#919191; font-weight:bold; font-size:14px; display:inline-block; margin-left:5px;} .mMError ul li.msg {height:50px;} .mMError ul li.msg img {margin-top:12px;}*/ .imgInfo {width:710px; padding:10px 14px; overflow:hidden; position:relative;} .imgInfo .info {width:600px; float:left;} .imgInfo img {position:absolute; right:0; bottom:10px;} .makeStory {margin-top:5px;} .graWrap {width:100%; background:url(/images/image/view_shadow.gif) repeat-x left bottom; padding-bottom:5px;} .viewImg {width:716px; padding:0 10px; border-left:1px solid #dbdbdb; border-right:1px solid #dbdbdb; overflow:hidden; *zoom:1;} .viewImg img {margin:20px 0;} .viewImg .copyright {width:716px; overflow:hidden; margin-top:20px; background:url(/images/image/dot_3by1.gif) repeat-x left top;} .viewImg .copyright img {margin:8px 10px; } .reWrap {width:100%; margin-top:30px;} .reBox {clear:both; overflow:hidden; height:89px; padding:10px 15px; background:url(/images/image/re_back.gif) no-repeat left top;} .reBox dt {width:65px; float:left; clear:both; margin-top:7px;} .reBox dd {width:640px; float:left; margin-top:3px;} .reBox dd textarea {width:580px;} .reBox dd ul {float:left;} .reBox dd ul li {float:left; margin-right:10px;} .reBox dd p {font-size:11px; color:#999;} .reBox .justifyTxt {width:100%; overflow:hidden; margin-top:5px;} .reBox .justifyTxt .txtLimit {float:right; margin-right:55px; display:inline;} .reBox .appraisal{float:left; padding-left:6px;} .reBox .appraisal img{vertical-align:middle; margin-top:-2px;} #myAve {width:100%; overflow:hidden;} #myAve img {float:left;} .rePost {width:100%; margin-top:12px;} .postWrap {width:100%; border-top:1px solid #dcdcdc; overflow:hidden; background:url(/images/image/tbl_shadow.gif) repeat-x left bottom; padding-bottom:5px;} .rePost p {margin-left:15px; font-size:11px; margin-bottom:2px;} .post {float:left; width:718px; margin:0 10px; overflow:hidden; display:inline;} .post tr {background:url(/images/image/dot_3by1.gif) repeat-x left bottom;} .post td {padding:10px 0 10px 8px;} .post th {vertical-align:top; width:98px; padding:10px 0 10px 3px; text-align:left;} .post th div {background:url(/images/image/repost_sepe_gra.gif) no-repeat right top; font-weight:normal;} .post th strong {display:block;} .post tr.lastLine {background:none;} .post td.btn ul {overflow:hidden} .post td.article {padding:10px 10px 10px 15px; word-break:break-all;} .post td.btn ul li {float:left;} .post td.btn ul li.sepe {padding-right:7px; margin-right:5px; background:url(/images/image/gray_sepe.gif) no-repeat right 4px;} .post td.btn ul li img {padding:3px 0;} .post textarea {width:518px; height:38px;} /* table style */ .tblWriteWrap {background:url(/images/image/tbl_write_bottom.gif) no-repeat left bottom;} .tblWriteRep {background:url(/images/image/tbl_write_back.gif) repeat-y left top;} .tblWrite {width:738px; background:url(/images/image/tbl_write_top.gif) no-repeat left top;} .tblWrite th {padding:5px 0; font-weight:normal;} .tblWrite td {padding:5px 0 5px 10px;} .tblWrite td.colgroup {border-top:1px solid #e9e9e9; background:#fff url(/images/image/tbl_border.gif) repeat-y left top;} .tblWrite td.padZero {padding:0;} .tblWrite .dotLine {background:url(/images/image/dot_3by1.gif) repeat-x left top;} .tblWrite .editor {margin:5px 0 5px 0px;} .tblWriteBlogWrap {background:url(/images/image/tbl_shadow.gif) repeat-x left bottom; padding-bottom:5px;} .tblWriteBlog {width:538px;} .tblWriteBlog th {padding:6px 0 6px 2px; background:url(/images/image/dot_3by1.gif) repeat-x left bottom; text-align:left;} .tblWriteBlog td {padding:6px 0 6px 2px; background:url(/images/image/dot_3by1.gif) repeat-x left bottom;} .tblWriteBlog .editor {margin:5px 0 5px 0px;} .tblWriteBlog tr.findCont th {padding-top:4px; padding-top:1px;} .tblWriteBlog tr.findCont th img {margin:6px 0;} .tblWriteBlog tr.findCont td input {margin:2px 0;} .tblWriteBlog tr.last th, .tblWriteBlog tr.last td{background:none;} .tblListGra {background:url(/images/image/tbl_shadow.gif) repeat-x left bottom; padding-bottom:5px;} .tblList {width:100%; background:url(/images/image/tbl_list_bar.gif) no-repeat left top;} .tblList th {height:30px; font-weight:normal; color:#323232; padding-top:3px; background:url(/images/image/gray_sepe.gif) no-repeat right 12px;} .tblList td {text-align:center; padding:9px 0 7px 0; background:url(/images/image/dot_3by1.gif) repeat-x left bottom;} .tblList td.alignLeft {text-align:left; padding-left:20px;} .tblList td.alignLeft2 {text-align:left; padding-left:0;} .tblList tr.last td {background:none;} .tblList img.ico {margin-right:5px;} .tblList img.newPost {margin:0 0 2px 5px;} .tblListBlogGra {background:url(/images/image/tbl_shadow.gif) repeat-x left bottom; padding-bottom:5px;} .tblListBlog {width:100%; overflow:hidden;} .tblListBlog th {padding:6px 0 6px 12px; background:url(/images/image/dot_3by1.gif) repeat-x left bottom; text-align:left; font-weight:normal;} .tblListBlog th span {padding-left:10px; background:url(/images/ico/3by3_gray.gif) no-repeat left 4px; } .tblListBlog td {padding:6px 0 6px 2px; background:url(/images/image/dot_3by1.gif) repeat-x left bottom; text-align:center;} .tblListBlog tr.last th, .tblListBlog tr.last td {background:none;} .tblList2 {width:100%; border-bottom:1px solid #dcdcdc;} .tblList2 th {height:25px; font-weight:normal; color:#323232; padding-top:3px; background:#f1f1f1 url(/images/image/gray_sepe.gif) no-repeat right 12px;} .tblList2 th.imgNone {background-image:none;} .tblList2 td {text-align:center; padding:6px 0 7px 0; background:url(/images/image/dot_3by1.gif) repeat-x left bottom;} .tblList2 td.alignLeft {text-align:left; padding-left:20px;} .tblList2 td.alignRight {text-align:right; padding-right:20px;} .tblList2 tr.last td {background:none;} .tblList3 {width:100%;} .tblList3 td {padding:6px 0 7px 12px; background:url(/images/image/dot_3by1.gif) repeat-x left bottom; vertical-align:top;} .tblList3 tr.last td {background:none;} .tblList3 td span {color:#999; font-size:11px;} .tblViewWrap {background:url(/images/image/tbl_write_bottom.gif) no-repeat left bottom;} .tblViewRep {background:url(/images/image/tbl_write_back.gif) repeat-y left top;} .tblView {width:738px; background:url(/images/image/tbl_write_top.gif) no-repeat left top;} .tblViewBor {border-bottom:1px solid #e2e2e2;} .tblView th {padding:7px 0; font-weight:normal;} .tblView td {padding:7px 0 7px 10px;} .tblView td.colgroup {background:#fff url(/images/image/tbl_gradient.gif) repeat-x left top;} .tblView td.colgroupTxt {background:#fff url(/images/image/tbl_gradient.gif) repeat-x left top; padding:15px; padding-right:0; line-height:140%;} .tblView td.colgroupTxtSpace {padding:15px 10px;} .tblView td.colgroupZeroSpace {padding:15px 0;} .tblView td.padZero {padding:0;} .tblView tr.dotLine th, .tblView tr.dotLine td {background:url(/images/image/dot_3by1.gif) repeat-x left top;} .tblView .thDotLine {background:#f1f1f1 url(/images/image/dot_3by1.gif) repeat-x left top !important;} .tblView .thLine {background:#f1f1f1 url(/images/image/1by1_line_gray.gif) repeat-x left top !important;} .tblView .editor {margin:5px 0 5px 0px;} .tblView td div.origianlTxt {margin-top:20px; background:#fff url(/images/image/dot_3by1.gif) repeat-x left top; padding-top:15px;} .tblView .specTr th, .tblView .specTr td {padding-bottom:12px;} .tblView2 td {padding:7px 0; background:#dfdfdf;} .tblViewWRep {background:url(/images/image/tbl_white_back.gif) repeat-y left top;} .tblViewW {width:738px; background:url(/images/image/tbl_white_top.gif) no-repeat left top;} .tblViewW th {padding:7px 0; font-weight:normal;} .tblViewW th div {background:url(/images/image/gray_sepe.gif) no-repeat right 4px;} .tblViewW td {padding:7px 0 7px 10px;} .tblViewW td.colgroup {background:#fff url(/images/image/tbl_gradient.gif) repeat-x left top; padding:15px; line-height:140%;} .tblViewW td.padZero {padding:0;} .tblViewW tr.dotLine th, .tblViewW tr.dotLine td {background:url(/images/image/dot_3by1.gif) repeat-x left top;} .tblViewW .thDotLine {background:#f1f1f1 url(/images/image/dot_3by1.gif) repeat-x left top !important;} .tblViewW .editor {margin:5px 0 5px 0px;} .viewDiv {width:718px; padding:15px 10px; margin-top:-5px; background:#fff url(/images/image/tbl_gradient.gif) repeat-x left top;} .viewDivArea {width:718px; overflow-x:auto; line-height:140%;} .postSel {width:718px; padding:0 10px; margin-top:10px; border-top:1px solid #e2e2e2; border-bottom:1px solid #e2e2e2;} .postSel li {padding:7px 0;} .postSel li.prev {background:url(/images/image/dot_3by1.gif) repeat-x left bottom;} .postSel span {margin-right:15px; color:#323232; margin:0 20px 0 10px;} .postSel .prev span {background:url(/images/ico/post_prev.gif) no-repeat left 3px; padding-left:10px;} .postSel .next span {background:url(/images/ico/post_next.gif) no-repeat left 3px; padding-left:10px;} .quiz {width:728px; position:relative; border:5px solid #f1f1f1; min-height:135px; background:url(/images/image/quiz.jpg) no-repeat 24px bottom;} .quiz .quizQue {width:538px; overflow:hidden; margin:20px 0 0 190px;} .quiz .quizQue dt {color:#000; padding:2px 0 5px 23px; background:url(/images/ico/question_mark.gif) no-repeat 3px top;} .quiz .quizQue dd {padding-left:18px;} .quiz .quizQue dd input {border:0;} .quiz .quizQue img {position:absolute; right:10px; bottom:5px;} .quiz .quizAns {margin-top:-15px; text-align:center; display:none} .quiz .quizAns img {display:inline-block;} .quiz img.quizMsg {margin:47px 0 25px 0; display:inline-block;} .poll2 {width:706px; min-height:156px; margin-bottom:5px; padding:11px 0 0 22px; border:5px solid #f1f1f1; background:url(/images/image/poll2_bg.gif) no-repeat left bottom; overflow:hidden;} .poll2 dl {float:left; width:706px;} .poll2 dt {float:left; width:171px; padding-top:9px;} .poll2 dd {float:left; width:525px;} .poll2 dd strong {display:block; padding:1px 0 0 23px; margin-bottom:7px; background:url(/images/ico/question_mark.gif) no-repeat left top; font-weight:normal; color:#000000;} .poll2 ul {width:535px; margin-bottom:14px; overflow:hidden;} .poll2 li {float:left; width:512px; padding:1px 0 0 18px;} .poll2 li input {border:none;} .poll2 .poll2_btn {float:right; display:inline; margin:-31px 10px 0 0;} .poll2_result {width:706px; min-height:156px; margin-bottom:5px; padding:11px 0 0 22px; border:5px solid #f1f1f1; background:url(/images/image/poll2_bg.gif) no-repeat left bottom; overflow:hidden;} .poll2_result dl {float:left; width:706px;} .poll2_result dt {float:left; width:171px; padding-top:9px;} .poll2_result dd {float:left; width:535px;} .poll2_result dd strong {display:block; padding:1px 0 0 23px; margin-bottom:7px; background:url(/images/ico/question_mark2.gif) no-repeat left top; font-weight:normal; color:#000000;} .poll2_result ul {width:430px; margin:0 0 10px -15px; overflow:hidden;} .poll2_result li {float:left; display:inline; width:415px; margin:0 0 10px 15px;} .poll2_result li span {display:block; width:415px; margin-top:5px;} .poll2_result li span img {display:block;} .poll2_result .dotline {padding-bottom:12px;} .poll2_result .poll2_btn {float:right; display:inline; margin:-31px 10px 0 0;} /* for edu */ .eduStep{position:relative; width:100%; height:215px; overflow:hidden;} .eduStep li{overflow:hidden; position:absolute; top:0; width:582px; height:215px;} .eduStep li .btn, .eduStep li a{position:absolute; top:0; right:0; cursor:pointer;} .eduStep li .btn{margin-right:4px;} .eduStep li a{display:none; z-index:1;} .bestPopular {width:100%; margin-top:17px;} .bestPopular img.tit {margin-bottom:13px;} .bestPopular ul {width:100%; overflow:hidden; margin-left:1px;} .bestPopular li {float:left; width:163px; margin-right:28px;} .bestPopular li.lst {margin-right:0;} .bestPopular li img {display:block; margin-bottom:7px;} .bestPopular li div.usePlay {position:relative;} .bestPopular li div.btnPlay {position:absolute; top:25px; left:62px;} .bttmWrap {border-top:1px solid #e4e4e4; margin-top:20px; padding-top:10px; width:100%; overflow:hidden;} .investSence {width:208px; float:left; margin-right:15px;} .investSence p.title {width:100%; overflow:hidden; padding:9px 0 7px 0; border-bottom:1px solid #bbb;} .investSence p img.more {margin-top:9px;} .investSence ul li {padding:11px 0; background:url(/images/image/dot_3by1.gif) repeat-x left bottom;} .investSence ul li a {width:208px;height:15px;overflow:hidden;display:block} .investSence ul li strong {display:block; margin-bottom:2px;} .seriesPopular {width:244px; float:left; margin-right:10px;} .seriesPopular p.title {width:100%; overflow:hidden; padding:9px 0 8px 0;} .seriesPopular ul li {margin-bottom:9px;} .seriesPopular ul li img {margin-bottom:5px;} .helpM {width:256px; height:193px; overflow:hidden; float:left; margin-left:5px; display:inline; background:url(/images/image/help_mr2.gif) no-repeat left top;} .helpM .headerArea {padding:10px 0 0 10px;} .helpM .headerArea img {display:block;} .helpM .headerArea img.ques {margin:14px 0 9px 0;} .helpMrList {width:235px; margin:8px 0 0 10px; background:url(/images/image/dot_3by1.gif) repeat-x left top; padding-top:5px;} .helpMrList li {background:url(/images/ico/3by3_gray.gif) no-repeat left 8px; padding:3px 0 2px 8px; letter-spacing:-1px;} .helpOnair {width:230px; margin:8px 0 0 10px; background:url(/images/image/dot_3by1.gif) repeat-x left top; padding-top:5px;} .helpOnair img {margin-left:1px;} .eBook {width:261px; height:87px; float:left; background:url(/images/image/e_book_back.gif) no-repeat left top; margin-top:8px;} .eBook img {margin:1px 0 0 12px;} /* with you */ .withYouWrap {width:100%; overflow:hidden; margin-top:23px;} .withYouMain {width:548px; float:left; margin-right:18px;} .withYouMain h2 {width:100%; overflow:hidden; height:23px; background:url(/images/image/blog_tit_line.gif) repeat-x left bottom; margin-bottom:20px;} .withYouMain h2 span {overflow:hidden; height:23px; display:inline-block; background:url(/images/image/blog_tit_lineB.gif) repeat-x left bottom;} .withYouMain h2 span img {float:left;} .withYouMain .detail {width:547px; padding-right:0; overflow:auto;} .withyouVisual{position:relative;} .withyouVisual *{selector-dummy: expression(this.hideFocus=true); outline:hidden;} .withyouVisual span{display:none; position:absolute;} /* .withyouVisual #talkbox01{top:408px; left:89px;} .withyouVisual #talkbox02{top:207px; left:30px;} .withyouVisual #talkbox03{top:124px; left:340px;} .withyouVisual #talkbox04{top:335px; left:273px;} .withyouVisual #talkbox05{top:181px; left:523px;} */ .withyouVisual #talkbox01{top:157px; left:195px;} .withyouVisual #talkbox02{top:362px; left:137px;} .withyouVisual #talkbox03{top:120px; left:480px;} .withyouVisual #talkbox04{top:342px; left:485px;} .bloger2 {width:100%; float:left; margin:15px 0 23px 0; clear:both;} .bloger2 img {width:738px; height:135px;} .withYouSub {width:172px; float:left;} .withPost {width:100%; overflow:hidden;} .withPost p.header {background:url(/images/image/withyou_bar.gif) no-repeat left top; height:28px;} .withPost p.header img {margin:7px 0 0 15px; float:left;} .withPost p.header img.moreBtn {float:right; margin:8px; display:inline; padding:3px 2px;} .withYouPostGra {background:url(/images/image/tbl_shadow.gif) repeat-x left bottom !important; padding-bottom:15px !important;} .withYouPost {overflow:hidden; padding:0 15px 10px 15px; background:url(/images/image/dot_3by1.gif) repeat-x left bottom;} .withYouPost li {line-height:130%;} .withYouPost li.title {overflow:hidden; height:18px; font-size:14px; padding:18px 0 5px 0;} .withYouPost li.con {height:64px; overflow:hidden;} .withYouPost li.date {float:right; margin-top:5px;} .withYouPost li.date img {margin-right:7px;} .withYouPost li.thumnail {float:left; margin:15px 15px 0 0;} .blogerFrame {width:100%; overflow:hidden; background:url(/images/image/bloger_frame.jpg) no-repeat left top;} .blogerFrame img.pic {margin:5px 0 0 5px;} .blogerFrame .people {margin-top:30px;} .blogerFrame .people dt {padding:0 0 0 8px; overflow:hidden;} .blogerFrame .people dt strong {display:block; margin-bottom:3px;} .blogerFrame .people dd {text-align:center; margin-top:5px;} .myMenu {width:100%; margin-top:10px; background:url(/images/image/withyou_bar_blue.gif) no-repeat left top;} .myMenu p {height:37px;} .myMenu p img {margin:5px 0 0 11px;} .myMenu ul {margin-left:15px;} .myMenu ul li {background:url(/images/ico/3by3_gray.gif) no-repeat 2px 5px; padding:2px 0 2px 10px;} .myMenu ul li.indiOn {background:url(/images/ico/state_on.gif) no-repeat 2px 7px;} .myMenu ul li.entire {margin-bottom:3px; background:url(/images/ico/hypen_gray.gif) no-repeat left 5px;} .myMenu ul li.entireOn {margin-bottom:3px; background:url(/images/ico/hypen_blue.gif) no-repeat left 7px;} .myMenu ul li span {color:#ff6e00;} #tagframe {margin-top:20px;} .blogTag {width:150px; min-height:70px; _height:70px; border:1px solid #d3d3d3; padding:8px 10px; line-height:150%; margin-bottom:2px;} .blogTag span a {padding:0 3px; color:#959595;} .blogTag span.style1 a {font-weight:bold;} .blogTag span.style2 a {color:#4297d5;} .blogTag span.style3 a {color:#ff6e00;} .blogTag span.style4 a {font-size:14px; font-weight:bold;} .blogTag span.style4 a {color:#858585; font-weight:bold;} .counter {margin:15px 0 30px 0; width:100%; overflow:hidden;} .counter dt {width:46px; text-align:center; float:left; padding-top:0px;} .counter dd {width:40px; float:left;} .profileBoxWrap {width:100%; background:url(/images/image/profile_box_back.gif) repeat-y left top;} .profileBox {width:100%; background:url(/images/image/profile_box_bottom.gif) no-repeat left bottom;} .profile {width:518px; overflow:hidden; padding:15px 15px 20px 15px; background:url(/images/image/profile_box_top.gif) no-repeat left top;} .profile dt {width:168px; overflow:hidden; float:left;} .profile dt img {border:5px solid #f1f1f1;} .profile dd {width:322px; float:left; padding:0 14px;} .profile dd strong {display:block; margin:2px 0 7px 0;} .picReg {width:100%; height:170px; overflow:hidden; text-align:center; margin-bottom:30px; background:url(/images/image/pic_reg_frame.gif) no-repeat 210px top; position:relative;} .picReg img.pic {padding:2px 0;} .picReg img.overapImg {position:absolute; top:90px; left:110px;} .blogWriteForm {width:100%; overflow:hidden; background:url(/images/image/tbl_shadow.gif) repeat-x left bottom; padding-bottom:10px;} .blogWriteForm dt {width:88px; float:left; vertical-align:top; padding-top:11px; background:url(/images/image/dot_3by1.gif) repeat-x left top;} .blogWriteForm dt img {margin:0 0 0 2px;} .blogWriteForm dd {width:460px; float:left; padding:6px 0; background:url(/images/image/dot_3by1.gif) repeat-x left top;} .blogWriteForm dd textarea {width:450px; height:140px;} .blogWriteForm dd p {display:block; font-size:11px; margin:2px 0; color:#999;} .blogWriteForm dd .mutiSelect {width:307px; border:1px solid #e1e1e1; margin-top:5px; float:left;} .blogWriteForm dd .itemLocChange {float:left; width:20px; margin:5px 0 0 5px;} .blogWriteForm dd .itemLocChange img {display:block; margin:2px 0;} .blogWriteForm dd .itemLocChange img.del {margin-top:45px;} .blogManageForm dt {width:110px;} .blogManageForm dd {width:438px;} .cateIndi {width:100%; overflow:hidden; border-bottom:1px solid #e2e2e2; padding-bottom:5px;} .cateIndi .subject {float:left; padding-left:10px;} .cateIndi .subject span.cateName {color:#0078cb;} .cateIndi .subject span {color:#ff6e00;} .cateIndi .inquiry {float:right; margin-right:35px; display:inline; font-size:11px;} .cateIndi .list {float:right; padding-right:10px;} .topSubj {width:100%; overflow:hidden; padding:30px 0 7px 0; background:url(/images/image/dot_3by1.gif) repeat-x left bottom;} .topSubj li.subject {float:left; padding-top:2px;} .topSubj li.subject strong {font-size:14px;} .topSubj li.subject span {color:#b2b2b2;} .topSubj li.date {float:right; color:#b2b2b2;} .withYouMain p.file {clear:both; float:right; margin-top:10px; padding-left:22px; color:#b2b2b2; text-decoration:underline; background:url(/images/ico/ico_file.gif) no-repeat;} .withYouMain p.file a {color:#b2b2b2; text-decoration:underline;} .detail {clear:both; padding:15px 15px 20px 0;} .mediaReleaseWrap {width:100%; overflow:hidden; background:url(/images/image/tbl_shadow.gif) repeat-x left bottom;} .mediaRelease {width:100%; overflow:hidden; background:url(/images/image/dot_3by1.gif) repeat-x left top; margin-bottom:7px; padding-bottom:5px;} .mediaRelease dt {float:left; width:100px; margin-top:12px;} .mediaRelease dt img {vertical-align:bottom; margin-bottom:2px;} .mediaRelease dt span {color:#ff6e00;} .mediaRelease dd {float:left; padding-top:8px;} .mediaRelease .anoPost {width:100%; overflow:hidden;} .mediaRelease .anoPost li {float:left; width:210px; overflow:hidden; padding-right:10px;} .mediaRelease .anoPost li img {float:left; margin-right:10px;} .mediaRelease .anoPost li p {float:left; width:130px;} .mediaRelease .anoPost li strong {display:block; margin-bottom:5px;} .reState {margin-top:5px;} .reply {width:528px; background:#f1f1f1; margin-top:10px; padding:10px;} .reply .reWriteArea {margin-bottom:5px;} .reply img.reWrite {margin-top:2px;} .reply dl {width:100%; overflow:hidden; background:url(/images/image/dot_3by1.gif) repeat-x left top; padding:9px 0 8px 0;} .reply dl dt {width:100%; overflow:hidden;} .reply dl dt div.btns {overflow:hidden; float:right;} .reply dl dt div.btns img {float:left; padding:0 4px; background:url(/images/image/gray_sepe.gif) no-repeat right 2px;} .reply dl dd {padding:3px 0;} .reply dl dd textarea {width:520px; height:40px;} .reply3 {} .reply3 .tit {height:20px; padding-top:3px;} .reply3 .tit img {margin-top:-3px;} .reply3 .reply_list {padding-left:10px; border:solid #d0d0d0; border-width:1px 0;} .reply3 dl {width:718px; background:url(/images/txt/reply3_bg.gif) repeat-x left top; overflow:hidden; line-height:19px;} .reply3 dt {float:left; width:85px; padding:10px 0 9px 0; background:url(/images/txt/reply3_bg2.gif) no-repeat right top; font-weight:bold;} .reply3 dt span {display:block; font-weight:normal;} .reply3 dd {float:left; width:618px; padding:10px 0 9px 15px;} .reply3 .icon span {float:left;} .reply3 .icon img {margin-right:15px;} .reply3 .icon .txt {width:500px;} .reply3 span.btns {float:right; margin-top:10px;} .reply3 span.btns img {margin-right:0;} .reply3 .first {background:none;} .blogInform {width:100%; overflow:hidden; margin-top:10px; background:red; background:url(/images/image/dot_3by1.gif) repeat-x left bottom;} .blogInform dt {background:url(/images/image/dot_3by1.gif) repeat-x left top; padding:8px 0 0 14px;} .blogInform dd {padding:3px 20px 6px 22px; font-size:11px; color:#999;} .operLaw {border-top:1px solid #ccc; padding:5px 0 10px 10px; color:#a3a3a3; font-size:11px; background:url(/images/ico/exclamation_point.gif) no-repeat 3px 6px;} /* member & login */ .memProcess {width:745px; height:75px;} .processDiv {position:absolute;} .memComplete {padding:25px; border-top:1px solid #d0d0d0; background:url(/images/image/shadow_line.gif) repeat-x left bottom;} .memComplete dl dd {margin:7px 0 25px 0;} .memComplete dl dt strong {margin-right:5px;} .memComplete ul {margin:16px 0;} .memComplete div {width:100%; overflow:hidden;} .memComplete div img.notice {margin:16px 0;} .memComplete div img {display:block;} .memComplete ul li {padding-left:10px; background:url(/images/ico/hypen_orange.gif) no-repeat left 5px;} .loginWrap {width:380px; margin:30px auto 25px auto; background:url(/images/image/login_box_bottom.gif) no-repeat left bottom;} .login {background:url(/images/image/login_box_top.gif) no-repeat left top; padding:28px;} .login .title {width:100%; padding-bottom:8px;} .login .title img {margin-left:15px;} .login .loginForm {width:100%; overflow:hidden; padding:8px 0; background:url(/images/image/dot_3by1.gif) repeat-x left top;} .login .loginForm dl {float:left; overflow:hidden;} .login .loginForm dt {float:left; clear:both; width:50px; padding:5px 0 0 15px;} .login .loginForm dd {float:left; padding:1px 0 2px 0; vertical-align:top;} .login .loginForm dd input {width:175px;} .login .loginForm img.btn {float:left; margin-left:5px; display:inline;} .login .loginForm .join {margin-left:60px; clear:both; font-size:11px; letter-spacing:-1px; padding-top:5px;} .login .loginForm .join img {padding:3px 11px 3px 9px; background:url(/images/image/gray_sepe.gif) no-repeat right 3px;} .login .loginForm .join img.last {padding-right:0; background:none;} .login .exsitLogin {margin-top:10px; padding:10px 0 0 15px; background:url(/images/image/dot_3by1.gif) repeat-x left top;} .memAgree .agreeWrap {width:100%; background:url(/images/image/agree_box_bottom.gif) no-repeat left bottom; margin-top:8px;} .memAgree .agreeBack {width:100%; background:url(/images/image/agree_box_back.gif) repeat-y left bottom;} .memAgree .agree {background:url(/images/image/agree_box_top.gif) no-repeat left top; padding:9px;} .memAgree .agree .frameStyle {width:720px; height:175px;} .memAgree .agreeInfo .frameStyle {width:720px;} .memAgree .agreeSel {width:100%; text-align:center; margin-top:20px;} .memAgree .agreeSel input {border:0;} .memAgree span.noticeTxt {float:right; line-height:130%; font-size:11px; background:none; color:#999;} .agreeStyle {width:690px; overflow:hidden;} .agreeStyle dt {font-weight:bold; margin-bottom:5px;} .agreeStyle dd {} .memInfo {width:100%; overflow:hidden;} .memInfo .title {width:100%; overflow:hidden;} .memInfo .title img {float:left;} .memInfo .title p {font-size:11px; float:right; color:#999;} .memInfo .title p span {color:#ff6f02;} .memInfo .infoWrap {width:100%; background:url(/images/image/mem_box_back.gif) repeat-y left top; margin-top:8px;} .memInfo .infoBottom {width:100%; background:url(/images/image/mem_box_bottom.gif) no-repeat left bottom;} .memInfo .infoTop {width:100%; background:url(/images/image/mem_box_top.gif) no-repeat left top; padding:5px 9px 2px 9px; } .infoTbl {width:720px;} .infoTbl th {padding:8px 0 7px 0; vertical-align:top; font-weight:normal; text-align:left; background:url(/images/image/dot_3by1.gif) repeat-x left bottom; color:#323232; letter-spacing:-1px;} .infoTbl th span {color:#ff6f02;} .infoTbl td {padding:4px 0 7px 12px; background:url(/images/image/dot_3by1.gif) repeat-x left bottom; font-size:11px; color:#999;} .infoTbl tr.last th, .infoTbl tr.last td {background:none;} .consent {font-size:11px; padding:5px; color:#999; letter-spacing:-1px; margin-top:10px;} .consent span {color:#ff0000;} .realnameWrap {width:100%; background:url(/images/image/realname_box_bottom.gif) no-repeat left bottom;} .realname {width:100%; overflow:hidden; background:url(/images/image/realname_box_top.gif) no-repeat left top;} .realname li.form {float:left; width:330px; padding:45px 40px 0 35px;} .realname li.form dl {width:100%; overflow:hidden;} .realname li.form dt {float:left; width:80px; clear:both; margin-bottom:5px;} .realname li.form img.vertiLoc {margin-top:5px;} .realname li.form dd {float:left; width:250px; margin-bottom:5px;} .realname li.form dd p {margin-top:8px; font-size:11px; color:#999;} .realname li.form dd p img {margin-bottom:2px;} .realname li.script {float:left; width:308px; padding:28px 0 0 25px;} .realname li.script img {margin-bottom:22px;} .noticeTxt {margin-top:20px; padding-left:8px; background:url(/images/ico/exclamation_point.gif) no-repeat 2px top; font-size:11px;} .noticeTxt span {color:#ff0000;} /* library */ .libraryBook {width:670px; margin-top:20px; clear:both; padding:23px 32px 0 35px; height:378px; overflow:hidden; background:url(/images/image/library_book_image.gif) no-repeat left top;} .libraryBook .titLine {width:100%; overflow:hidden; background:url(/images/image/tit_line_gray.gif) repeat-x left top;} .libraryBook .titLine span {display:inline-block; height:22px; float:left; background:url(/images/image/tit_line_orange.gif) repeat-x left top;} .libraryBook .titLine span.more {float:right; background:none;} .libraryBook .titLine span.more img {margin-top:5px;} .newData {width:315px; overflow:hidden; float:left; margin-right:40px;} .newData .newDescript {width:100%; height:160px; overflow:hidden; background:url(/images/image/dot_3by1.gif) repeat-x left bottom;} .newData .newDescript dt {font-size:14px; margin:17px 0 7px 0;} .newData .newDescript dd {line-height:130%;} .newData .newList {margin-top:20px;} .newData .newList li {height:19px; padding-left:8px; background:url(/images/ico/bullet_3by3_gray.gif) no-repeat left 5px;} .newData .newList li.on {background:url(/images/ico/bullet_3by3_orange.gif) no-repeat left 5px;} .newMagazine {width:313px; overflow:hidden; float:left; } .newMagazine dl {width:100%; overflow:hidden; padding:20px 0; background:url(/images/image/dot_3by1.gif) repeat-x left bottom;} .newMagazine dt {width:77px; margin-right:13px; height:102px; overflow:hidden; text-align:center; float:left; background:url(/images/image/magazine_frame.gif) no-repeat left top;} .newMagazine dt img {float:left; display:inline;} .newMagazine dd {width:223px; float:left; position:relative;} .newMagazine dd strong {font-size:14px; color:#0078cb; display:block; margin-bottom:5px;} .bookInfoFrmae {width:100%; margin-top:10px;} .cautionWrap {width:100%; margin-top:40px; overflow:hidden; background:url(/images/image/dot_3by1.gif) repeat-x left bottom;} .cautionWrapPdf {margin-top:5px;} .caution {padding:10px 13px 8px 13px; overflow:hidden; background:url(/images/image/dot_3by1.gif) repeat-x left top;} .caution p {background:url(/images/ico/exclamation_point.gif) no-repeat left 2px; padding-left:8px; font-size:11px; color:#999; letter-spacing:-1px;} .pdfDown {margin-top:40px;} .magazineList {width:100%; overflow:hidden; padding:10px 0; background:url(/images/image/dot_3by1.gif) repeat-x left bottom;} .magazineList dt {width:105px; height:102px; overflow:hidden; text-align:center; float:left; background:url(/images/image/magazine_frame.gif) no-repeat 15px top;} .magazineList dt img {float:left; margin-left:15px; display:inline;} .magazineList dd {width:633px; float:left; position:relative;} .magazineList dd strong {font-size:14px; color:#0078cb; display:block; margin-bottom:5px;} .magazineList ul {width:100%; overflow:hidden; padding-top:15px;} /* position:absolute; top:80px; left:0; */ .magazineList ul li {float:left;} .magazineList ul li img {margin-bottom:2px;} .magazineList ul li.issue {width:180px;} .magazineList ul li.day {width:120px;} .magazineList ul li.inquiry {width:90px;} .relaCont {width:100%; height:25px; margin:10px 0; padding-top:7px; background:url(/images/image/rela_content_box.gif) no-repeat left top;} .relaCont img {margin:0 25px 1px 20px;} .boxWhiteWrap {width:100%; margin:10px 0; background:url(/images/image/box_white_back.gif) repeat-y left top;} .boxWhiteGra {width:100%; background:url(/images/image/view_shadow.gif) repeat-x left bottom; padding-bottom:5px;} .boxWhite {padding:19px; background:url(/images/image/box_white_top.gif) repeat-x left top; line-height:150%;} .boxWhite img {display:block;} .boxWhite .content {width:700px; overflow:hidden; overflow-x:auto;} .boxGray {padding:0 19px 19px 19px; background:url(/images/image/box_gray_top.gif) repeat-x left top;} .boxGray .content {width:700px; overflow:hidden; overflow-x:auto; line-height:22px;} .articleSubj {height:25px; padding-top:8px; overflow:hidden; margin-bottom:20px;} .articleSubj dt {width:90px; float:left; padding-left:15px;} .articleSubj dd {float:left;} /* my media */ .mediaManage {clear:both; width:100%; overflow:hidden; padding-top:17px;} .mediaManage .studyDetail {width:548px; float:left; margin-right:18px;} .mediaManage .myInfo {width:147px; height:218px; padding:15px 13px 0 13px; float:left; background:url(/images/image/media_myinfo_box.gif) repeat-y left top;} .studyDetail .state {width:100%; overflow:hidden; margin-bottom:17px;} .studyDetail .state li {float:left;} .studyDetail .pageTit {width:548px;} .infoBoxWrap {width:548px; overflow:hidden; background:url(/images/image/media_detail_box_bottom.gif) no-repeat left bottom;} .infoBox {width:508px; padding:19px 20px; overflow:hidden; background:url(/images/image/media_detail_box_top.gif) no-repeat left top;} .infoBox dt {min-height:97px; float:left;} .infoBox dd {float:left; background:url(/images/image/info_box_sepe.gif) repeat-y left top;} .studyPerformance {width:100%; overflow:hidden;} .studyPerformance dt {width:178px;} .studyPerformance dt p {padding-bottom:30px; margin-right:2px; background:url(/images/image/study_performance.gif) no-repeat 74px 13px;} .studyPerformance dt p img {margin-top:5px;} .studyPerformance .studyDiagram {margin-left:20px;} .studyDiagram .diagram {width:308px; height:33px; overflow:hidden; padding-left:1px; margin:6px 0 15px 0; background:url(/images/image/diagram_back.gif) no-repeat left top;} .studyDiagram .diagram img {float:left; margin-right:2px;} .studyDiagram strong {margin-left:5px;} .scrapFolder {width:100%; overflow:hidden;} .scrapFolder dt {width:155px;} .scrapFolder dt p {padding:14px 0 30px 0; margin-right:2px; background:url(/images/image/scrap_folder.gif) no-repeat 60px 20px;} .scrapFolder dt p img {margin-top:5px;} .scrapFolder dd {position:relative;} .scrapFolder dd p.btn {position:absolute; bottom:0; left:295px;} .scrapFolder .folderName {margin-left:20px;} .scrapFolder .folderName li {width:310px; overflow:hidden; background:url(/images/ico/indi_folder_gray.gif) no-repeat left 4px; padding-left:10px; margin-bottom:3px;} .scrapFolder .folderName li.folderBlue {background:url(/images/ico/indi_folder_blue.gif) no-repeat left 4px; font-weight:bold; color:#1483cf; letter-spacing:-1px;} .scrapFolder .folderName li p {width:90px; float:left; cursor:pointer;} .myPoint {width:100%; padding-bottom:20px; overflow:hidden;} .myPoint dt {width:110px;} .myPoint dt p {padding-bottom:30px; margin-right:2px; background:url(/images/image/my_point.gif) no-repeat 50px 50px;} .myPoint dt p img {margin-top:5px;} .myPoint dd {margin-left:0; padding-left:10px; } .myPoint .pointState {margin-left:20px; overflow:hidden;} .pointState .nowPt {width:104px; height:103px; float:left; background:url(/images/image/point_back.gif) no-repeat left top; text-align:center; color:#ff7200; font-weight:bold;} .pointState .nowPt img {margin:17px 0 10px 0;} .pointState .nowPt p {font-size:16px;} .pointState p.minus {width:28px; height:100px; float:left; background:url(/images/ico/ico_minus.gif) no-repeat 8px 50px;} .pointState p.equal {width:28px; height:100px; float:left; background:url(/images/ico/ico_equal.gif) no-repeat 8px 47px;} .appPoint{clear:both; position:relative; margin-left:-20px; margin-bottom:-19px; padding-left:159px; width:389px; height:82px; background:url(/images/image/myp_app_bg.gif) no-repeat; overflow:hidden;} .appPoint .status{margin:16px 0 5px; font-size:14px; font-weight:bold;} .appPoint .status strong{color:#FE7100;} .appPoint .status img{margin-left:5px;} .appPoint .refer{font-size:11px; color:#666666;} .folderSubj {margin:25px 0 5px 0; height:16px; background:url(/images/ico/ico_folder.gif) no-repeat 2px top; padding:2px 0 0 25px;} .totalArticle {margin:15px 0 5px 20px; font-size:11px;} .myInfo li.name {margin-bottom:12px;} .myInfo li.bullet {background:url(/images/ico/bullet_gray_circle.gif) no-repeat left 4px; padding-left:10px;} .myInfo li.degree {width:100%; height:22px; overflow:hidden; background:url(/images/image/diagram_small.gif) no-repeat left 4px; padding:4px 0 0 2px;} .myInfo li.degree img {float:left; margin-right:2px;} .myInfo li.btn {width:100%; overflow:hidden; margin:5px 0 25px 0;} .myInfo li.btn img {float:left;} .contAll {width:738px; overflow:hidden; border-bottom:1px solid #dcdcdc; padding-top:10px;} .contSel {width:302px; float:left; margin:0 6px 0 0;} .contSel .select {width:284px; height:149px; margin-bottom:6px; padding-left:18px; overflow:hidden;} .contSel .select dt {margin:15px 0 5px 0;} .selectOn {background:url(/images/image/sel_box_on.gif) no-repeat left top;} .selectOn dd {color:#0078cb; font-weight:bold;} .selectOff {background:url(/images/image/sel_box_off.gif) no-repeat left top;} .contFrame {width:404px; padding:0 12px; height:455px; overflow:hidden; float:left; border:1px solid #dfdfdf;} .contFrame .indicate {margin-top:14px;} .contFrame .tit {width:100%; height:25px; overflow:hidden; background:#f1f1f1; margin-top:7px;} .contFrame .tit li {float:left; padding-top:5px; text-align:center;} .contFrame .tit li.subj {width:280px;} .contFrame .tit li.date {width:84px; padding-right:40px;} .contTblLine {width:100%; overflow:hidden; border-bottom:1px solid #dcdcdc;} .contTblWrap {width:100%; height:375px; overflow:scroll; overflow-x:hidden; margin:5px 0;} .contTbl {width:380px;} .contTbl th {font-weight:normal; padding:7px 0 7px 10px; text-align:left; background:url(/images/image/dot_3by1.gif) repeat-x left bottom;} .contTbl th img {margin-right:5px;} .contTbl td {text-align:center; padding:7px 0 7px 0; background:url(/images/image/dot_3by1.gif) repeat-x left bottom;} .contTbl tr.lst th, .contTbl tr.lst td {background:none;} .contNull {width:100%; height:300px; text-align:center;} .contNull img.tit {margin:110px 0 10px 0;} .infoTblWrap {width:100%; background:url(/images/image/info_tbl_bottom.gif) no-repeat left bottom;} .infoTblTop {width:528px; background:url(/images/image/info_tbl_top.gif) no-repeat left top; padding:5px 10px;} .blueBoxWrap {width:100%; background:url(/images/image/round_blue_bottom.gif) no-repeat left bottom; margin-bottom:12px;} .blueBox {width:508px; background:url(/images/image/round_blue_top.gif) no-repeat left top; padding:25px 20px;} .blueBox li.name {margin-bottom:5px;} .blueBox li.space {margin:15px 0;} /* media guide */ .pointTxt {margin:5px 0 -10px 5px; padding-left:10px; background:url(/images/ico/exclamation_point.gif) no-repeat 2px 2px; font-size:11px; color:#999;} .postArea {width:700px; height:300px;} .inquiryInfo {width:100%; overflow:hidden;} .inquiryInfo li {float:left;} .inquiryInfo li.btn {float:right; margin-right:5px; display:inline;} .pollQue {width:738px; overflow:hidden; background:#e9e9e9 url(/images/image/poll_title_back.gif) no-repeat left top; border-bottom:1px solid #d3d3d3;} .pollQue p {margin:10px 0 0 20px; background:url(/images/image/poll_que.gif) no-repeat left top; padding:2px 0 10px 20px;} .pollQue .pollImg {margin-top:-2px; border-left:1px solid #d3d3d3; border-right:1px solid #d3d3d3;} .pollGra {background:url(/images/image/tbl_shadow.gif) repeat-x left bottom; padding-bottom:5px;} .pollAns {width:736px; overflow:hidden; border:1px solid #dadada; border-bottom:0; margin-top:5px;} .pollAns dt {background:#f7f7f7; padding:8px 17px;} .pollAns dd {padding:8px 18px;} .pollAns dd ul {width:100%; overflow:hidden; } .pollAns dd li {height:19px;} .pollAns dd li input {border:0;} .pollAns dd .btn {width:700px; text-align:right;} .pollResult {width:736px; overflow:hidden; border:1px solid #dadada; border-bottom:0; margin-top:5px;} .pollResult dt.header {background:#f7f7f7; padding:8px 17px;} .pollResult dd.result {padding:8px 18px;} .pollResult dd.result .btn {width:700px; text-align:right;} .pollResult dd.result dl {width:100%; overflow:hidden;} .pollResult dd.result dt img {margin-bottom:1px;} .pollResult dd.result dd {width:725px; padding-left:13px; overflow:hidden;} .pollResult .graph {width:600px; height:7px; overflow:hidden; margin-top:3px; float:left; position:relative; background:url(/images/image/graph_back.gif) no-repeat left top;} .pollResult .graph img {height:7px; float:left;} .pollResult .graph .round {position:absolute; left:0; top:0;} .pollResult .percent {width:85px; float:left; text-align:right;} /* in story */ .storyReWrap {} .reStoryWrap {width:100%; margin-top:30px;} .reStoryBox {clear:both; overflow:hidden; height:89px; padding:10px 15px; background:url(/images/image/story_re_back.gif) no-repeat left top;} .reStoryBox dt {width:65px; float:left; clear:both; margin-top:7px;} .reStoryBox dd {width:640px; float:left; margin-top:3px;} .reStoryBox dd textarea {width:580px; height:40px; margin-bottom:5px;} .reStoryBox dd p {font-size:11px; color:#8d8d8d;} .onAirWrap {width:700px; padding:0 19px; height:466px; margin-top:10px; background:url(/images/image/story_swf_back.gif) no-repeat left top;} .onAirWrap .head {width:100%; overflow:hidden; height:26px; padding-top:10px;} .onAirWrap .head li {float:left;} .onAirWrap .head li.tit {color:#dcdcdc; padding-top:2px;} .onAirWrap .head li.time {float:right; width:110px; text-align:right;} .onAirWrap .head li.time img {vertical-align:middle;} .onAirWrap .relativeTxt {color:#949494; margin-top:10px;} .searchCondi {width:100%; overflow:hidden; margin-top:6px; background:#f1f1f1; padding:13px 0 5px 0;} .searchCondi dt {float:left; width:87px; height:27px;} .searchCondi dt img {margin:3px 0 0 17px;} .searchCondi dd {float:left; width:649px; height:27px;} .srchWrap {width:100%; margin-top:30px;} .srchWrap div.title {border-bottom:1px solid #d3d3d3; padding-bottom:5px; font-size:11px; vertical-align:bottom;} .srchWrap div.title img {margin-bottom:2px;} .srchPostWrap {width:100%; overflow:hidden; background:url(/images/image/tbl_shadow.gif) repeat-x left bottom; padding-bottom:5px;} .srchPost {width:100%; overflow:hidden; padding:10px 0; background:url(/images/image/dot_3by1.gif) repeat-x left bottom;} .srchPost dl {float:left;} .srchPost dt {font-weight:bold; padding:0 10px;} .srchPost dd {margin-top:8px; padding:0 10px;} .srchPost .regDate {margin-top:10px} .srchPost .regDate img {margin-right:5px;} .srchPost img.srchImg {margin-left:10px; float:left; display:inline;} .srchPostCont {float:left; width:548px; margin-left:8px; display:inline;} .moreView {text-align:right; margin-top:5px; font-size:11px; float:right;} .moreView p {padding-left:5px; background:url(/images/ico/arrow_dot_orange.gif) no-repeat left 5px;} .mainVisual {zoom:1; clear: both; width:100%; padding-top:10px;} .mainVisual:after{content:".";display:block;height:0;clear:both;visibility:hidden;} .hotStory {width:100%; overflow:hidden; padding-top:25px; background:url(/images/image/child_edu_gra.gif) repeat-x left top;} .hotStory p.tit {width:113px; float:left;} .hotStory dl {width:180px; float:left; overflow:hidden;} .hotStory dt {float:left; width:49px; height:49px;} .hotStory dd {float:left; padding:3px 0 0 7px; width:124px;} .hotStory dd strong {display:block; margin-bottom:5px; letter-spacing:-1px;} .hotStory dl.lst {margin-right:0;} .hotStory .hotNotice {width:223px; background:url(/images/image/notice_gra_sepe.gif) no-repeat left top; margin-left:22px; float:left; display:inline; padding-left:20px;} .hotStory .titWrap {width:100%; overflow:hidden;} .hotStory .titWrap img.more {float:right; padding:5px;} .hotStory .noticeList {width:100%; clear:both; margin-top:8px;} .hotStory .noticeList li {line-height:130%; width:210px; height:15px; overflow:hidden; background:url(/images/ico/3by3_gray.gif) no-repeat left 6px; padding-left:7px;} /* special story */ .themeList {width:718px; padding:10px; overflow:hidden; position:relative;} .themeList dt {float:left; margin-right:15px;} .themeList dd {float:left; width:440px;} .themeList dd p {margin:8px 0 10px 0; font-size:14px;} .themeList dd p img.newPost {margin:-2px 0 0 5px;} .themeList ul {width:440px; overflow:hidden; position:absolute; left:275px; top:80px;} .themeList .lineAdd {top:110px; background:url(/images/image/dot_3by1.gif) repeat-x left top; padding-top:10px;} .themeList ul li {float:left} .themeList ul li img {margin-right:5px; vertical-align:middle;} .themeList ul li.total {width:100px;} .themeList ul li.inquiry {width:110px;} .eventList {width:718px; padding:10px; overflow:hidden;} .eventList dt {float:left; margin-right:15px;} .eventList dd {float:left; width:320px;} .eventList dd p {margin:8px 0 10px 0; font-size:14px;} .eventList dd p img.newPost {margin:-2px 0 0 5px;} .eventList ul {width:320px; overflow:hidden; margin-top:10px;} /* position:absolute; left:405px; top:115px; */ .eventList .lineAdd {top:110px; background:url(/images/image/dot_3by1.gif) repeat-x left top; padding-top:10px;} .eventList ul li {float:left} .eventList ul li img {margin-right:5px; vertical-align:middle;} .eventList ul li.date {width:200px;} .cfWrap {width:738px; overflow:hidden; padding:1px 3px; background:url(/images/image/dot_3by1.gif) repeat-x left bottom;} .cfWrap dl {width:163px; height:118px; float:left; margin:7px 1px;padding:5px; border:4px solid #fff;} .cfWrap dd p {padding:5px 0 3px 0;} .swfError {width:738px; height:466px; background:url(/images/image/on_air_back.gif) no-repeat left top;} .swfError ul {width:100%; overflow:hidden; padding-top:180px;} .swfError ul li {text-align:center;} .swfError ul li.msg {height:50px;} .swfError ul li.msg img {margin-top:12px;} .eventViewWrap {width:658px; padding:0 40px; background:url(/images/image/event_repeat.jpg) repeat-y left top;} .quesTxt {width:100%; overflow:hidden; padding:30px 0 5px 0;} .quesTxt li {float:left;} .quesTxt li.number {float:right; color:#af8c15;} .quesTxt li.number span {display:inline-block; font-weight:bold; margin:0 5px;} .ansSelWrap {width:616px; border:1px solid #ccc; overflow:hidden; padding:20px;} .ansSel {width:100%; overflow:hidden; margin-bottom:25px;} .ansSel dt {color:#a78614; font-weight:bold; padding-bottom:5px;} .ansSel dd {padding:0 0 0 12px;} .ansSel dd span {margin-right:50px;} .ansSel dd input {border:none;} .challengeTxt {width:646px; height:225px; border:1px solid #c7c7c7; padding:5px; } .btnVote {width:100%; text-align:center;} /* child edu */ .newCont {width:100%; overflow:hidden; padding-top:18px; background:url(/images/image/child_edu_gra.gif) repeat-x left top;} .newCont p.tit {width:95px; float:left;} .newCont dl {width:200px; float:left; overflow:hidden; margin-right:20px;} .newCont dt {float:left; width:80px; height:80px; background:url(/images/image/dot_frame.gif) no-repeat left top;} .newCont dt img {margin:5px;} .newCont dd {float:left; padding:5px 0 0 7px; width:113px;} .newCont dd strong {display:block; margin-bottom:5px; letter-spacing:-1px;} .newCont dl.lst {margin-right:0;} /* media policy */ .policyBoxWrap {width:100%; background:url(/images/image/gray_box_back.gif) repeat-y left top; margin-top:8px;} .policyBoxBottom {width:100%; background:url(/images/image/gray_box_bottom.gif) no-repeat left bottom;} .policyBoxTop {width:718px; overflow:hidden; background:url(/images/image/gray_box_top.gif) no-repeat left top; padding:0 10px 13px 10px;} ul.policyBoxTop li {background:url(/images/ico/hypen_orange.gif) no-repeat left 18px; padding:13px 0 0 12px;} ul.policyBoxTop li ul {width:100%; overflow:hidden;} ul.policyBoxTop li ul li {background:url(/images/ico/hypen_black.gif) no-repeat 2px 5px; padding:0 0 0 12px;} ul.policyBoxTop .t2 li {background:none; text-indent:-12px;} ul.policyBoxTop .bgnone {background:none; padding-left:0;} dl.policyBoxTop dt {width:100%; overflow:hidden; font-weight:bold; padding-top:13px;} dl.policyBoxTop dd ul li.numC1 {background:url(/images/ico/num_circle_01.gif) no-repeat left 1px; padding-left:15px;} dl.policyBoxTop dd ul li.numC2 {background:url(/images/ico/num_circle_02.gif) no-repeat left 1px; padding-left:15px;} dl.policyBoxTop dd ul li.numC3 {background:url(/images/ico/num_circle_03.gif) no-repeat left 1px; padding-left:15px;} dl.policyBoxTop dd ul li.numC4 {background:url(/images/ico/num_circle_04.gif) no-repeat left 1px; padding-left:15px;} dl.policyBoxTop dd ul li.numC5 {background:url(/images/ico/num_circle_05.gif) no-repeat left 1px; padding-left:15px;} dl.policyBoxTop dd ul li.numC6 {background:url(/images/ico/num_circle_06.gif) no-repeat left 1px; padding-left:15px;} dl.policyBoxTop dd ul li.numC7 {background:url(/images/ico/num_circle_07.gif) no-repeat left 1px; padding-left:15px;} dl.policyBoxTop dd ul li.numC8 {background:url(/images/ico/num_circle_08.gif) no-repeat left 1px; padding-left:15px;} dl.policyBoxTop dd ul li.numC9 {background:url(/images/ico/num_circle_09.gif) no-repeat left 1px; padding-left:15px;} dl.policyBoxTop dd ul li.numC10 {background:url(/images/ico/num_circle_10.gif) no-repeat left 1px; padding-left:15px;} dl.policyBoxTop dd ul li.numC11 {background:url(/images/ico/num_circle_11.gif) no-repeat left 1px; padding-left:15px;} dl.policyBoxTop li ul li.num1 {background:url(/images/ico/num_01.gif) no-repeat left 2px; padding:0 0 0 12px;} dl.policyBoxTop li ul li.num2 {background:url(/images/ico/num_02.gif) no-repeat left 2px; padding:0 0 0 12px;} dl.policyBoxTop li ul li.num3 {background:url(/images/ico/num_03.gif) no-repeat left 2px; padding:0 0 0 12px;} dl.policyBoxTop li ul li.num4 {background:url(/images/ico/num_04.gif) no-repeat left 2px; padding:0 0 0 12px;} dl.policyBoxTop li ul li.num5 {background:url(/images/ico/num_05.gif) no-repeat left 2px; padding:0 0 0 12px;} dl.policyBoxTop li ul li.num6 {background:url(/images/ico/num_06.gif) no-repeat left 2px; padding:0 0 0 12px;} dl.policyBoxTop li ul li.num7 {background:url(/images/ico/num_07.gif) no-repeat left 2px; padding:0 0 0 12px;} dl.policyBoxTop li ul li.num8 {background:url(/images/ico/num_08.gif) no-repeat left 2px; padding:0 0 0 12px;} dl.policyBoxTop li ul li.num9 {background:url(/images/ico/num_09.gif) no-repeat left 2px; padding:0 0 0 12px;} dl.policyBoxTop li ul li.num10 {background:url(/images/ico/num_10.gif) no-repeat left 2px; padding:0 0 0 12px;} dl.policyBoxTop li ul li.num11 {background:url(/images/ico/num_11.gif) no-repeat left 2px; padding:0 0 0 12px;} dl.policyBoxTop li ul li.num12 {background:url(/images/ico/num_12.gif) no-repeat left 2px; padding:0 0 0 12px;} dl.policyBoxTop li ul li.num13 {background:url(/images/ico/num_13.gif) no-repeat left 2px; padding:0 0 0 12px;} dl.policyBoxTop li ul li.num14 {background:url(/images/ico/num_14.gif) no-repeat left 2px; padding:0 0 0 12px;} dl.policyBoxTop li ul li.num15 {background:url(/images/ico/num_15.gif) no-repeat left 2px; padding:0 0 0 12px;} .policyBoxTopFrame {width:700px; overflow:hidden; background:none; padding:0 10px 13px 10px;} .policyBoxTopFrame dd {width:100%;} .privacy{width:690px;} .privacy .policyBoxWrap, .privacy .policyBoxBottom, .privacy .policyBoxTop{background:none;} .privacy .policyBoxTop{width:690px;} /* sitemap */ .sitemapWrap {width:100%; overflow:hidden; background:url(/images/image/sitemap_back.gif) no-repeat 228px 205px;} .sitemap {width:100%; overflow:hidden;} .sitemapWrap dl {width:147px; float:left;} .sitemapWrap dl dt {margin-bottom:15px;} .sitemapWrap dl dd {margin:0; width:100%; overflow:hidden;} .sitemapWrap ul.snbMnu {padding:0; width:100px; margin-bottom:20px;} .sitemapWrap ul.snbMnu li {width:140px; padding-left:10px; background:url(/images/ico/hypen_orange.gif) no-repeat left 7px;} .sitemapWrap ul.snbMnu li img {margin-bottom:7px;} .sitemapWrap ul.lnbmnu {padding:0; margin-bottom:20px;} .sitemapWrap ul.lnbmnu li {width:132px; padding-left:8px; background:url(/images/ico/3by3_gray.gif) no-repeat left 5px;} .sitemapWrap ul.lnbmnu li img {margin-bottom:4px;} /* error page */ .errorPage {width:100%; margin-top:25px; border-top:1px solid #d0d0d0; border-bottom:1px solid #d0d0d0; padding:5px 0; background:url(/images/image/error_page_back.gif) no-repeat 542px 53px;} .errorPage li {margin:20px 25px;} /* btn align */ .btnRight {text-align:right; overflow:hidden;} .btnCenter {text-align:center; overflow:hidden;} .btnJustify {width:100%; overflow:hidden; margin-top:6px;} /* family site */ #footDiv {position:absolute; left:0; z-index:999; margin-top:-100px; width:738px; height:135px; font-size:12px; line-height:130%; background:#fff; display:none;} .familyList {position:absolute; width:712px; padding:10px 12px; border:1px solid #cbcbcb; font-size:11px; overflow:hidden;} .familyList li {float:left; width:152px;} .familyList li.first {width:104px;} .familyList dl {clear:both;} .familyList dl.heiFix {height:57px;} .familyList dt {color:#323232; margin-bottom:5px;} /* footer */ #footer {width:757px; height:90px; position:relative; margin:0 0 0 197px; font-size:0; line-height:0; zoom:1;} /* overflow:hidden; */ #footer:after{content:".";display:block;height:0;clear:both;visibility:hidden;} #footer p.logo {float:left;} #footer ul.link {float:left; overflow:hidden; margin:-2px 0 0 5px; display:inline;} #footer ul.link li {float:left; margin-top:7px; background:url(/images/common/footer_sepe.gif) no-repeat right 3px;} #footer ul.link li img {padding:4px 10px;} #footer ul.link li.webAwd {margin-top:0;} #footer ul.link li.webAwd img {padding-left:5px;} #footer ul.link li.copyright {clear:both; padding-bottom:5px;} #footer div.familyBtn {float:right; margin:4px 25px 0 0; display:inline;} /* cart */ #cartWrap {width:738px; height:30px; z-index:3; overflow:hidden;} #cartWrap dl {overflow:hidden; padding-bottom:1px; margin:0;} #cartWrap dl.type1 {width:738px;} #cartWrap dt {display:none;} #cartWrap dd {width:728px;} #cartWrap dd.type1 {width:738px;} #cartLoc {clear:both; z-index:2; left:0; bottom:0; width:738px; display:none;} #cartLoc .hide{display:none;} #cartLoc .innerGra{*padding-bottom:10px;} .windowBottom #footDiv{left:197px;} .windowBottom{position:static !important;} .windowBottom #cartLoc{position:absolute; left:197px; bottom:0;} .initialBox {height:30px; background:#fff;} .cart {width:738px; padding:10px 0 15px 0; overflow:hidden; z-index:4; background:#fff url(/images/common/cart_min.gif) no-repeat left top;} .cartInfo {width:500px; float:left; overflow:hidden; margin:0 0 0 10px; display:inline;} .cartInfo li {float:left; font-size:11px; padding:0 15px; background:url(/images/image/gray_sepe.gif) no-repeat right 3px; font-size:12px; line-height:14px;} .cartInfo li strong {color:#999;} .cartInfo li.first {padding-left:20px;} .cartInfo li img {vertical-align:middle; margin-bottom:2px;} .cartOff {float:right; margin-right:25px; display:inline;} .cartOff img {padding:3px;} .cartView {width:728px; height:195px; border:5px solid #ff7003; border-bottom:0; background:#fff; position:absolute; bottom:0; display:none;} .cartView .innerGra {width:698px; overflow:hidden; background:url(/images/common/cart_gra.gif) repeat-x left bottom; margin:0 15px;} .cartView .cartInfo {width:500px; float:left; overflow:hidden; margin:0 0 15px 0; display:inline;} .cartView .cartInfo li {float:left; font-size:11px; padding:0 15px; } /*2011-11-03 수정*/ /*.cartView .cartInfo li {float:left; font-size:11px; padding:0 15px; background:url(/images/image/gray_sepe.gif) no-repeat right 3px;}*/ .cartView .cartInfo li.first {padding-left:10px;} .cartView .cartOn {float:right; margin-right:5px; display:inline;} .cartView .cartOn img {padding:3px;} .cartContWrap {width:728px; overflow:hidden;} .cartContWrap p.tit {margin:7px 0 0 23px;} .cartContWrap p.titMnu {margin:0 0 0 25px; width:682px; overflow:hidden;} .cartContWrap p strong.num {float:left; display:inline-block; padding-top:4px; margin-right:10px;} .cartContWrap p.titMnu img {float:left;} .cartContWrap p.titMnu img.mediaDirect {float:right;} .cartCont {width:100%; overflow:hidden; margin-top:10px;} .cartCont img.contNavi {float:left; padding:42px 7px;} .cartCont .cartList {width:682px; margin-left:1px; overflow:hidden; float:left; display:inline;} .cartCont .cartList li {float:left; width:163px; margin-right:10px;} .cartCont .cartList .usePlay {position:relative;} .cartCont .cartList .btnPlay {position:absolute; top:25px; left:62px;} .cartCont .cartList li img {display:block; margin-bottom:5px;} .cartCont .cartList li.lst {margin-right:0;} .needLogin {width:375px; height:133px; margin:10px auto 0 auto; background:url(/images/common/cart_img.gif) no-repeat right 3px;} .needLogin ul {width:275px; overflow:hidden;} .needLogin ul li {text-align:center;} .needLogin ul li.tit {margin:20px 0 7px 0;} .needLogin ul li.btn {margin-top:19px;} /* quick */ #qucikMap {width:738px; z-index:999; position:absolute; top:0; right:7px; display:none;} #qucikDic, #qucikMedia {width:738px; z-index:999; overflow:hidden; position:absolute; top:0; right:7px; display:none;} #mapFrame {width:738px; height:420px;} #mediaFrame {width:738px; height:398px;} #dicFrame {margin-left:160px; width:578px; height:398px;} #quickWrap {overflow:hidden; position:relative; background:transparent url(/images/common/quick_right.gif) no-repeat right top;} #quickCont {height:405px; position:relative; background:transparent url(/images/common/quick_left.gif) no-repeat left top;} #quickContWide {height:405px; position:relative; background:transparent url(/images/common/quick_left.gif) no-repeat left top;} #quickWrap02 {overflow:hidden; position:relative; background:transparent url(/images/common/quick_right_02.gif) no-repeat right top;} #quickCont02 {height:420px; position:relative; background:transparent url(/images/common/quick_left_02.gif) no-repeat left top;} .quickTit {width:100%; height:36px; overflow:hidden;} .quickTit h3 {float:left; margin:11px 0 0 17px; display:inline;} .quickTit .closeBtn {float:right; margin:12px 23px 0 0; display:inline; cursor:pointer;} .quickContSize {margin:18px 16px;} .quickCont {width:100%;} .quickCont02 {overflow:hidden;width:100%;} .tabMnu {width:100%; overflow:hidden; background:url(/images/common/tab_back.gif) repeat-x left bottom;} .tabMnu li {float:left; margin-right:1px;} .srchBox {height:52px; padding:10px 0 0 10px; margin-top:12px; background:url(/images/common/quick_srch_box.gif) no-repeat left top;} .qucikTbl {width:100%; margin-top:10px; border-bottom:1px solid #dcdcdc; background:url(/images/common/quick_tbl_bar.gif) no-repeat left top;} .qucikTbl th {font-weight:normal; color:#999; padding:9px 0 8px 0; background:url(/images/image/gray_sepe.gif) no-repeat right 10px;} .qucikTbl td {text-align:center; padding:7px 0 8px 0; background:url(/images/image/dot_3by1.gif) repeat-x left bottom;} .qucikTbl td.subj {text-align:left; padding-left:10px;} .qucikTbl tr.lst th, .qucikTbl tr.lst td {background:none;} .quickCont .termWrap {width:545px; margin-top:25px; overflow:auto;} .quickCont .termWrap p {margin-bottom:10px; text-align:center;} .quickCont .termDetail {width:525px; overflow:hidden;} .quickCont .termDetail dt {padding:0 0 10px 15px; color:#000; background:url(/images/ico/bullet_arrow_orange.gif) no-repeat 8px 5px;} .quickCont .termDetail dd {padding:0 0 0 15px; line-height:140%;} #quick_guide{display:none; position:absolute; top:55px; left:193px; z-index:300; width:738px; height:398px; background:url(/images/common/quick_guide_bg.gif) no-repeat;} #quick_guide .closeBtn{position:absolute; top:9px; right:11px;} #quick_guide .closeBtn img{cursor:pointer;} #quick_guide .menu{margin:19px 0 0 26px;} #quick_guide .menu li{float:left; margin-right:5px;} #quick_guide .menu img{cursor:pointer;} #quick_guide .content{position:absolute; left:7px; top:64px;} #quick_guide .content ul{} #quick_guide .content li{opacity:0;filter:alpha(opacity:0); position:absolute; top:0; left:0;} #quick_guide .content li.curr{z-index:1;} #contMap {} .contMap {float:left; width:340px;} .contMap dl {width:100%; margin-bottom:14px; padding-bottom:10px; overflow:hidden; background:url(/images/image/dot_3by1.gif) repeat-x left bottom;} .contMap dl dt {width:135px; float:left;} .contMap dl dt img {margin-left:13px;} .contMap dl dd {width:205px; float:left;} .contMap dl dd ul {width:100%; overflow:hidden;} .contMap dl dd ul li {float:left; width:97px; background:url(/images/ico/arrow_orange.gif) no-repeat left 5px; padding:0 0 5px 5px;} .contMap dl dd ul.solo li {clear:both;} .contDetail {float:left; width:350px; margin-left:16px; display:inline; background:url(/images/image/content_map_gra.gif) no-repeat left top;} img.cateSel {margin:75px 0 0 30px;} .contMapState {width:100%; overflow:hidden; margin-bottom:10px;} .contMapState li {float:left; margin-right:5px;} .seriesSize {height:295px; overflow:auto;} .seriesSize dd {margin:3px 0 9px 0;} .contentSize {height:285px; overflow:auto;} .contentSize dl.bor {border-top:3px solid #d5e2e5;} .contentSize dl {width:295px; overflow:hidden; padding-top:10px;} .contentSize dl dt {width:220px; height:40px; padding-top:5px; float:left; background:url(/images/image/dot_3by1.gif) repeat-x left bottom;} .contentSize dl dt p {color:#999;} .contentSize dl dd {width:75px; height:40px; padding-top:5px; text-align:center; float:left; background:url(/images/image/dot_3by1.gif) repeat-x left bottom;} /* magazine */ .magazineAsia {width:700px; overflow:hidden;} .magazineAsia li.pdf {text-align:center; margin:0 auto; margin:20px 0 10px 0;} .magazineAsia li.email {text-align:center;} .magazineAsia li {width:100%; overflow:hidden;} .magazineAsia li img {float:left;} /* 문의사항 layer pop */ .contWrap2 {position:relative; color:#666; background:#ff6f02;} .contWrap2 .contWrap2 {height:46px; overflow:hidden} .maFamily {width:656px; margin:17px 0 0 18px; overflow:hidden;} .maFamily li {float:left;} .maFamily li.next {clear:both;} .btn2 {margin-right:18px !important; display:inline !important;} .curPointer {cursor:pointer;} .reLoc {position:absolute; right:0px;} .reLoc img {margin:2px 0 10px 0;} /* width use :: input, select etc. element size */ .wid50 {width:50px;} .wid60 {width:60px;} .wid75 {width:75px;} .wid100 {width:100px;} .wid112 {width:112px;} .wid110 {width:110px;} .wid140 {width:140px;} .wid150 {width:150px;} .wid180 {width:180px;} .wid200 {width:200px;} .wid210 {width:210px;} .wid240 {width:240px;} .wid250 {width:250px;} .wid300 {width:300px;} .wid350 {width:350px;} .wid400 {width:400px;} .wid430 {width:430px;} .wid450 {width:450px;} .wid465 {width:465px;} .wid590 {width:590px;} .hei35 {height:35px;} .hei40 {height:40px;} .hei160 {height:160px;} .hei200 {height:200px;} /* margin & padding */ .marZero {margin:0;} .tMar2 {margin-top:2px;} .tMarM2 {margin-top:-2px;} .tMar5 {margin-top:5px !important;} .tMar8 {margin-top:8px !important;} .tMar10 {margin-top:10px !important;} .tMar12 {margin-top:12px;} .tMar20 {margin-top:20px;} .tMar25 {margin-top:25px !important;} .tMar30 {margin-top:30px;} .bMar2 {margin-bottom:2px;} .bMar3 {margin-bottom:3px;} .lMar5 {margin-left:5px;} .lMar10 {margin-left:10px;} .rMar5 {margin-right:5px;} .bMar1 {margin-bottom:1px;} .lPad10 {padding-left:10px;} /* paging */ .pagingGra {width:100%; background:url(/images/image/tbl_shadow.gif) repeat-x left top; padding-top:10px;} .paging {margin-top:15px; text-align:center;} .paging a, .paging strong {display:inline-block; vertical-align:middle; text-decoration:none; padding:0 4px;} .paging span {display:inline-block; color:#ff6f02; vertical-align:middle; font-weight:bold; padding:0 4px;} .paging a img {display:inline; margin:0 -4px; vertical-align:middle;} .pagingRight {float:right; margin-top:-17px;} /* search */ .search {width:100%; overflow:hidden; height:28px; background:url(/images/image/search_bar.gif) no-repeat left top; text-align:center; margin-top:13px; padding-top:9px;} .searchSpace {margin-right:5px;} .searchSmall {width:100%; overflow:hidden; height:28px; background:url(/images/image/search_bar_small.gif) no-repeat left top; text-align:center; margin-top:13px; padding-top:9px;} .content_list {position:absolute; right:0; top:100px; width:251px; height:1px; overflow:hidden; z-index:-5;} .content_list_on {position:absolute; right:0; top:100px; width:251px; height:281px; overflow:hidden; z-index:9999;} .content_list2 {position:absolute; right:0; top:95px; width:251px; height:281px;} /* seperator class */ .sepeSize {width:150px !important;} /* event member chanage */ .eventLocChange {margin:0 auto; width:379px; margin-top:-25px;} /* point mall */ .pointExp {margin-top:10px; overflow:hidden;} .ptHeadWrap {width:100%; overflow:hidden;} .ptMallHead {width:566px; float:left; margin-bottom:0;} .ptMallHead .pageTit {width:566px !important;} .ptMallIndi {width:100%; overflow:hidden; float:left; margin-bottom:20px;} .ptMallIndi li {float:left;} .ptDgree {width:143px; height:75px; padding:15px 12px 0 13px; float:left; background:url(/images/image/point_box.gif) no-repeat left top;} .ptDgree li.circle {background:url(/images/ico/bullet_gray_circle.gif) no-repeat 1px 6px; padding:3px 0 6px 10px;} .ptDgree li span {color:#ff590d; padding-left:10px;} .ptDgree li.logout {margin-bottom:6px; text-align:center;} .ptDgree2 {height:81px; padding:9px 12px 0 13px; background:url(/images/image/point_box2.gif) no-repeat left top;} .eventImg {margin-top:8px;} .eventRibbon {position:absolute; top:124px; left:-1px; z-index:100;} .mallViewWrap {margin:15px 10px 0 13px;} .mallViewLst {width:715px; overflow:hidden; padding:10px 0 8px 0; background:url(/images/image/dot_3by1.gif) repeat-x left bottom;} .mallViewPic {width:244px; margin-right:13px; float:left; text-align:center;} .mallViewPic img.eventPic {margin-bottom:5px;} .mallViewInfo {width:458px; float:left;} .mallViewInfo li.tit {margin-top:3px;} .mallViewInfo li.tit strong {color:#0078cb; font-size:14px;} .mallViewInfo li.descript {margin-top:10px; min-height:98px; _height:98px; margin-bottom:10px;} .mallViewInfo li.state {width:100%; overflow:hidden;} .mallViewInfo li.state img {margin-right:5px; vertical-align:top;} .mallViewInfo li.state dl {width:100%; overflow:hidden; float:left;} .mallViewInfo li.state dt {float:left; margin-top:2px; *margin-top:0;} .mallViewInfo li.state dd {float:left;} .mallViewInfo li.imporRight img {margin-bottom:1px;} .eventMallNotice {width:100%; overflow:hidden;} .eventMallNotice .btn {float:right; margin-top:10px;} .downGuid {height:149px; margin-top:8px;} .downGuid .guide {float:left; width:535px; height:137px; padding:12px 0 0 13px; background:url(/images/image/down_guide_box.gif) no-repeat left top;} .downGuid .guide dl {float:left; display:inline; width:440px; margin:10px 0 0 52px;} .downGuid .guide dt {float:left; width:440px; height:17px;} .downGuid .guide dd {float:left; width:440px;} .downGuid .guide ul {float:left; width:440px;} .downGuid .guide li {float:left; width:440px; height:13px; color:#ff7206;} .downGuid .guide li img {float:left; margin:1px 3px 0 0;} .downGuid .audioBook {float:right; width:174px;} .downGuid .audioBook ul {font-size:0;} .downGuid .audioBook li {margin-bottom:7px;} .downGuid .audioBook li.last {margin-bottom:0;} .downGuid .audioBook li img {vertical-align:top;} /* 서비스이용중지 */ .sorry{width:740px; margin:200px auto 0; padding-bottom:30px; border-bottom:1px solid #D0D0D0; background:url(/images/common/notice_img.gif) no-repeat 524px 80px;} .sorry img{vertical-align:top;} .sorry h1{height:32px; margin-bottom:27px; padding-left:3px; border-bottom:1px solid #D0D0D0;} .sorry p{margin-left:25px;} .sorry p strong{color:#F96B00} .pointMall{clear:both; margin-top:13px;} .pointMall p{position:relative;} .pointMall p a{position:absolute;} .pointMall .c1 a{top:381px; left:284px;} .pointMall .c2 a{top:0; left:258px;} .pointMall2 {margin-top:8px; padding-bottom:6px; background:url(/images/image/pointmall2_bg.gif) no-repeat left bottom;} .pointMall2 .tit {width:680px; height:30px; margin-left:31px;} .pointMall2 .tit .left {float:left;} .pointMall2 .tit .right {float:right; margin-top:2px;} .pointMall2 ul {width:685px; padding:0 0 12px 26px; overflow:hidden;} .pointMall2 li {float:left; width:223px; height:183px; margin-left:5px; background:url(/images/image/pointmall2_bg2.gif) no-repeat left top;} .pointMall2 .long li {height:223px; background:url(/images/image/pointmall2_bg3.gif) no-repeat left top;} .pointMall2 dl {float:left; width:223px;} .pointMall2 dt {float:left; width:223px; height:46px;} .pointMall2 dt img {float:left;} .pointMall2 dd {float:left; width:210px; margin:12px 0 0 13px;} .child_battle {margin-bottom:16px;} .theme_gate {margin-top:22px;} .theme_gate .monthly {padding-left:229px; background:url(/images/inner/theme_gate_bg01.gif) no-repeat left top;} .theme_gate .monthly table {width:494px; margin:12px 0 0 5px;} .theme_gate .monthly td {padding:12px 0 7px 0; background:url(/images/inner/theme_gate_bg02.gif) repeat-x left bottom; text-align:center;} .theme_gate .monthly .tt {text-align:left;} .theme_gate .monthly .ing td {font-weight:bold;} .theme_gate .monthly .ing .date {font-weight:normal;} .theme_gate .note {margin-top:30px; padding:13px 0 14px 15px; border:solid #e7e7e7 1px;} .theme_gate .note dl {width:700px; overflow:hidden;} .theme_gate .note dt {float:left; width:700px; height:30px;} .theme_gate .note dd {float:left; width:700px;} .theme_gate .note ul {float:left; width:700px;} .theme_gate .note li {float:left; width:700px; margin-bottom:3px;} .theme_gate .theme_link {position:relative;} .theme_gate .theme_link .culture_new {position:absolute; top:0; left:656px;} #blog2Main{position:relative; top:24px; height:600px;} #blog2Main h2{position:absolute; top:0; left:0;} #blog2Main .newPost{position:absolute; z-index:10; left:270px; top:1px; overflow:hidden;} #blog2Main .newPost h3{width:456px; height:26px; border-bottom:1px solid #000;} #blog2Main .newPost ul{width:490px; padding-top:10px;} #blog2Main .newPost li{float:left; width:215px; margin:0 24px 10px 0; padding-bottom:10px; background:url(/images/blog/hline_dot.gif) repeat-x bottom;} #blog2Main .newPost li.nobor{background:none;} #blog2Main .newPost h4{line-height:16px; font-size:12px;} #blog2Main .newPost h4 a{color:#323232; font-weight:bold;} #blog2Main .newPost p{width:215px; height:16px; overflow:hidden; } #blog2Main .newPost p a{} #blog2Main .blogMap{position:absolute; top:161px; left:99px;} #blog2Main .blogMap *{selector-dummy: expression(this.hideFocus=true); outline:hidden;} #blog2Main .blogMap li{position:absolute; display:none;} #blog2Main .blogMap #blogLink1{top:82px; left:-63px;} #blog2Main .blogMap #blogLink2{top:2px; left:267px;} #blog2Main .blogMap #blogLink3{top:127px; left:276px;} #blog2Main .blogMap #blogLink4{top:90px; left:501px;} #blog2Main .blogMap #blogLink5{top:234px; left:467px;} #blog2Main .blog1st{position:absolute; left:15px; top:477px; width:333px; height:77px; background:url(/images/blog/blog2_1st_bg.gif) no-repeat;} #blog2Main .blog1st h3{position:absolute; top:22px; left:82px;} #blog2Main .bloggerList{width:189px; margin-left:124px; overflow:hidden; zoom:1;} #blog2Main .blog1st ul{width:3000px; padding-top:9px;} #blog2Main .blog1st li{float:left; margin-right:3px;} #blog2Main .blog1st p{position:absolute; top:30px; left:316px;} #blog2Main .blog1st p img{cursor:pointer;} .inStoryLanding{position:relative; width:735px; height:366px; margin-bottom:25px;} .inStoryLanding .img, .inStoryLanding .block{position:absolute; overflow:hidden; width:180px; height:180px;} .inStoryLanding .img{cursor:pointer; background-color:#999999; font-size:0;} .inStoryLanding .img img{display:block;} .inStoryLanding .img01{top:0; left:0;} .inStoryLanding .img01 img{width:366px; height:181px;} .inStoryLanding .img02{top:0; right:185px; z-index:1;} .inStoryLanding .img02 img{width:181px; height:366px;} .inStoryLanding .img03{bottom:0; right:370px; z-index:1;} .inStoryLanding .img03 img{width:366px; height:181px;} .inStoryLanding .img04{bottom:0; right:0;} .inStoryLanding .img04 img{width:181px; height:366px;} .inStoryLanding .large{display:none; width:366px; height:366px;} .inStoryLanding .large img{width:366px; height:366px;} .inStoryLanding .block01{top:0; left:185px;} .inStoryLanding .block02{bottom:0; right:185px;} .inStoryLanding .corner{position:absolute; z-index:10; width:9px; height:10px;} .inStoryLanding .c01{top:0; left:0; background:url(/images/main/storyvis_c01.png);} .inStoryLanding .c02{top:0; right:0; background:url(/images/main/storyvis_c02.png);} .inStoryLanding .c03{bottom:0; left:0; background:url(/images/main/storyvis_c03.png);} .inStoryLanding .c04{bottom:0; right:0; background:url(/images/main/storyvis_c04.png);} *html .inStoryLanding .c01{background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/main/storyvis_c01.png', sizingMethod='crop');} *html .inStoryLanding .c02{background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/main/storyvis_c02.png', sizingMethod='crop');} *html .inStoryLanding .c03{background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/main/storyvis_c03.png', sizingMethod='crop');} *html .inStoryLanding .c04{background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/main/storyvis_c04.png', sizingMethod='crop');} .inStoryLanding .closeBtn{display:none; position:absolute; top:3px; right:6px; z-index:10; width:30px; height:31px; background:url(/images/main/storyvis_close.gif) no-repeat;} .childEduVisual{position:relative; width:748px; height:482px;} .childEduVisual ul.img{position:absolute; top:57px; left:244px;} .childEduVisual ul.img li{position:absolute; top:0; left:0;} .childEduVisual .clickArea{position:absolute; z-index:1; top:57px; left:244px; width:365px; height:365px;} .childEduVisual .clickArea a{selector-dummy: expression(this.hideFocus=true); outline:hidden;} .childEduVisual .ani{position:absolute; top:0; left:0;} .childEduVisual .signposts{position:absolute; top:240px; left:128px;} .childEduVisual .signposts img{position:absolute; top:0; left:0;} .childEduVisual ul.menu{position:absolute; top:0; right:10px;} .childEduVisual ul.menu li{overflow:hidden; position:absolute; width:72px; height:72px;} .childEduVisual ul.menu li.m01{top:25px; right:70px;} .childEduVisual ul.menu li.m02{top:120px; right:25px;} .childEduVisual ul.menu li.m03{top:225px; right:15px;} .childEduVisual ul.menu li .thm{position:absolute; top:50%; left:50%; margin-top:-50px; margin-left:-50px;} .childEduVisual ul.menu li .mask{position:absolute; top:50%; left:50%; width:72px; height:72px; margin-top:-36px; margin-left:-36px; cursor:pointer;} .childEduVisual .coin{position:absolute; top:348px; left:547px; width:154px; height:98px; background:url(/images/main/child_coin.png) no-repeat;} *html .childEduVisual .coin{background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/main/child_coin.png', sizingMethod='crop');} #quick{width:55px; padding-top:4px; background:url(/images/common/quick_top.gif) no-repeat;} #quick ul{overflow:hidden; *zoom:1; padding-bottom:5px; background:url(/images/common/quick_btm.gif) no-repeat 0 bottom;} #quick li{clear:both; float:left; overflow:hidden; *zoom:1; position:relative; height:27px; padding:10px 0 0; background:url(/images/common/quick_hr.gif) no-repeat center 0; line-height:normal;} #quick li.btn01{height:20px; background:none;} #quick li a{overflow:hidden; *zoom:1; display:block; position:relative; margin:0 6px; line-height:auto;} #quick li img{} #quick li img.t1{position:relative;} #quick li img.t2{position:absolute; top:-28px;} #quick li.btn01 .t1, #quick li.btn01 .t2{left:3px;} #quick li.btn02 .t1, #quick li.btn02 .t2{left:6px;} #quick li.btn03 .t1, #quick li.btn03 .t2{left:11px;} #quick li .icon{margin:5px 0 0;} #quick .onair{position:relative;} #quick .onair .icon{position:absolute; top:26px; left:20px; height:15px;} #quick .onair a{display:block; position:relative;} #quick .onair a span{overflow:hidden; *zoom:1; display:block; position:relative; height:8px; font-size:0; line-height:normal;} #quick .onair .t1{position:relative; top:0;} #quick .onair .t2{position:absolute; top:-8px;} #quick .onair .t1, #quick .onair .t2{left:14px;} #quick .sms a span{overflow:hidden; *zoom:1; display:block; position:relative; height:10px; font-size:0; line-height:normal;} #quick .sms .t1{position:relative; top:0;} #quick .sms .t2{position:absolute; top:-10px;} #quick .sms .t1, #quick .sms .t2{left:7px;} #navInvestment{overflow:hidden; *zoom:1; padding-right:10px; background:url(/images/menu/nav_invest_bg04.gif) no-repeat right 0;} #navInvestment .group{overflow:hidden; float:left; padding-right:10px; white-space:nowrap;} #navInvestment .step01{background:url(/images/menu/nav_invest_bg01.gif) no-repeat;} #navInvestment .step02{background:url(/images/menu/nav_invest_bg02.gif) no-repeat;} #navInvestment .step03{background:url(/images/menu/nav_invest_bg03.gif) no-repeat;} #navInvestment h3, #navInvestment ul, #navInvestment li{display:inline-block; *zoom:1; *display:inline; font-size:0;} #navInvestment h3{margin-left:12px;} #navInvestment h3 a{padding-left:10px;} #navInvestment ul{} #navInvestment li{height:40px;} #navInvestment li a{display:inline-block; padding:0 5px;} /* retire.jsp */ #retire {position:relative;top:10px;} #retire .conArea {padding-top:20px;width:740px;height:184px;} #retire .conArea li {line-height:1.2;} .conArea .con_01 {float:left;width:408px;height:184px;} .con_01 ul {padding-top:13px;} .con_01 li {float:left;overflow:hidden;width:163px;height:130px;padding-right:30px;} .con_01 li img {padding-bottom:5px;} .con_01 li strong a {display:block;padding-bottom:2px;color:#010101;} .con_01 li span a {display:block;width:163px;overflow:hidden;color:#656565;} .conArea .con_02 {float:left;width:332px;height:184px;} .con_02 dl {position:relative;margin-top:13px;} .con_02 dt a {position:absolute;left:122px;width:210px;font-weight:bold;color:#010101;} .con_02 dd.img {position:absolute;left:0px;top:0px;} .con_02 dd.img img {width:110px;height:128px;} .con_02 dd.int a {position:absolute;left:122px;top:30px;width:210px;color:#656565;} #retire .con_03 {clear:both;width:701px;} .con_03 ul {width:741px;height:106px;margin-top:13px;padding-top:16px;background:url('/images/retire/bg_hot.gif') no-repeat 0 0;} .con_03 li {position:relative;width:225px;height:75px;float:left;padding-left:18px;background:url('/images/retire/icon_dot.gif') no-repeat 0 0;} .con_03 li.first {background:none;} .con_03 li strong a {position:absolute;overflow:hidden;left:105px;top:1px;display:block;width:136px;height:14px;padding-bottom:2px;color:#010101;} .con_03 li span a {position:absolute;left:105px;top:22px;display:block;width:136px;height:50px;overflow:hidden;color:#656565;} .con_03 li img {width:74px;height:74px;}