/*@import url('http://portal.passone.net/miso/css/search_result.css');*/ #passoneSearch{width:980px; margin:0 auto; font-size:12px; color:#333; line-height:normal;} #passoneSearch a{color:#333;} #categories{clear:both; float:left; width:155px;} #categories ul{width:112px; margin:7px 0 0 26px;} #categories li{height:30px;} #categories li.hr{padding-bottom:5px; border-bottom:1px solid #E0E0E0;} #categories li a{display:inline-block; padding:10px 0 5px 31px; background-repeat:no-repeat; background-position:0 10px;} #categories li a:hover{} #categories li.total a{background-image:url(/images/miso/ico/ico_eye.gif);} #categories li.online a{background-image:url(/images/miso/ico/ico_monitor.gif);} #categories li.offline a{background-image:url(/images/miso/ico/ico_lec.gif);} #categories li.studyData a{background-image:url(/images/miso/ico/ico_note.gif);} #categories li.qna a{background-image:url(/images/miso/ico/ico_talkbox.gif);} #categories li.onlineTest a{background-image:url(/images/miso/ico/ico_key.gif);} #categories li.teacher a{background-image:url(/images/miso/ico/ico_smile.gif);} #categories li.book a{background-image:url(/images/miso/ico/ico_book.gif);} #categories li.school a{background-image:url(/images/miso/ico/ico_pointer.gif);} #categories li.community a{background-image:url(/images/miso/ico/ico_lightning.gif);} #categories li.examInfo a{background-image:url(/images/miso/ico/ico_zoomin.gif);} #categories li.total a.on, #categories li.total a:hover{background-image:url(/images/miso/ico/ico_eye_on.gif);} #categories li.online a.on, #categories li.online a:hover{background-image:url(/images/miso/ico/ico_monitor_on.gif);} #categories li.offline a.on, #categories li.offline a:hover{background-image:url(/images/miso/ico/ico_lec_on.gif);} #categories li.studyData a.on, #categories li.studyData a:hover{background-image:url(/images/miso/ico/ico_note_on.gif);} #categories li.qna a.on, #categories li.qna a:hover{background-image:url(/images/miso/ico/ico_talkbox_on.gif);} #categories li.onlineTest a.on, #categories li.onlineTest a:hover{background-image:url(/images/miso/ico/ico_key_on.gif);} #categories li.teacher a.on, #categories li.teacher a:hover{background-image:url(/images/miso/ico/ico_smile_on.gif);} #categories li.book a.on, #categories li.book a:hover{background-image:url(/images/miso/ico/ico_book_on.gif);} #categories li.school a.on, #categories li.school a:hover{background-image:url(/images/miso/ico/ico_pointer_on.gif);} #categories li.community a.on, #categories li.community a:hover{background-image:url(/images/miso/ico/ico_lightning_on.gif);} #categories li.examInfo a.on, #categories li.examInfo a:hover{background-image:url(/images/miso/ico/ico_zoomin_on.gif);} #srcResults{float:left; width:824px; min-height:400px; border-left:1px solid #e0e0e0;} #srcResults .tit_both{overflow:hidden; clear:both;} #srcResults .tit_both .left{float:left;} #srcResults .tit_both .right{float:right; text-decoration:underline;} #srcResults section{padding:14px 0 12px 20px; border-bottom:1px solid #EEEEEE;} #srcResults section h1{height:35px; font-size:16px; font-weight:bold;} #srcResults .both{overflow:hidden;} #srcResults .tit a{font-size:14px; color:#00c; text-decoration:underline; line-height:20px;} #srcResults .info{overflow:hidden;} #srcResults .info li{float:left; margin-right:6px; padding-left:7px; color:#999999; background:url(/images/miso/common/bar1.gif) no-repeat 0 60%; font-size:12px;} #srcResults .info li.wide{margin-left:0; padding-left:0; background:none;} #srcResults .info li:first-child{padding-left:0; background:none;} #srcResults .info2{overflow:hidden;} #srcResults .info2 li{float:left; margin-right:9px; padding-left:10px; color:#999999; background:url(/images/miso/common/bar1.gif) no-repeat 0 60%;} #srcResults .info2 li:first-child{padding-left:0; background:none;} #srcResults .info2 li span{color:#CC0000; font-weight:bold;} #srcResults .more2{clear:both; margin-top:10px; text-align:right;} #srcResults .more2 a{display:inline-block; padding-left:12px; background:url(/images/miso/common/bul_arr.gif) no-repeat 0 60%; color:#666;} #srcResults .more2 a span{color:#999;} #srcResults a.url{font-size:13px; color:#218D44;} #srcResults a.url:link{text-decoration:none;} #srcResults a.url:hover{text-decoration:underline;} #srcResults .categoryList ul{overflow:hidden;} #srcResults .categoryList li{float:left; margin-left:9px; padding-left:11px; color:#333333; background:url(/images/miso/common/bar_keyword2.gif) no-repeat 0 60%;} #srcResults .categoryList li:first-child{margin-left:0; padding-left:0; background:none;} #srcResults .categoryList li a{color:#0000CC;} #srcResults .shortcut{overflow:hidden; padding-bottom:0;} #srcResults .shortcut h1{float:left; margin-right:25px;} #srcResults .shortcut p{float:left; margin-top:4px;} #srcResults .recommendInfo{} #srcResults .recommendInfo h1{} #srcResults .recommendInfo article{} #srcResults .recommendInfo .tit a:link{text-decoration:none;} #srcResults .recommendInfo .tit a:hover{text-decoration:underline;} #srcResults .recommendInfo .txt{width:100%; margin-top:1px; margin-bottom:10px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;} #srcResults .recommendInfo{} #srcResults .online{position:relative;} #srcResults .online article{float:left; width:402px;} #srcResults .online .mov{position:relative; float:left; width:160px; height:90px; margin-right:15px;} #srcResults .online .mov a{display:block; width:100%; height:100%;} #srcResults .online .mov a:hover .play{display:block;} #srcResults .online .mov a:hover .black{width:100%; height:100%;} #srcResults .online .mov .img{width:100%; height:100%;} #srcResults .online .mov .play{display:none; position:absolute; z-index:1; top:30px; left:65px; font-size:0;} #srcResults .online .mov .play img{width:auto; height:auto;} #srcResults .online .mov .time{position:absolute; z-index:1; bottom:0; right:7px; font-size:13px; color:#fff;} #srcResults .online .mov .black{position:absolute; width:50px; height:20px; bottom:0; right:0; background-color:#000; opacity:0.7;filter:alpha(opacity:70);} #srcResults .online .mov .notime{display:none;} #srcResults .online .mov a:hover .notime{display:block;} #srcResults .online .right{float:left; width:215px;} #srcResults .online .route{font-size:12px; color:#000;} #srcResults .online .tit{overflow:hidden; height:43px;} #srcResults .online .con{padding:2px 0;} #srcResults .online .more2{margin-top:15px;} #srcResults .studyData h1 span{display:inline-block; margin-left:10px; padding:2px 0 0 19px; background:url(/images/miso/ico/ico_package.gif) no-repeat; font-size:11px; color:#666666; font-weight:normal; vertical-align:middle;} #srcResults .studyData ul{overflow:hidden;} #srcResults .studyData li{float:left; width:372px; height:46px; margin-right:30px;} #srcResults .studyData .type{float:left; width:64px;} #srcResults .studyData .type img{width:48px; height:48px; border:1px solid #ccc;} #srcResults .studyData .tit{} #srcResults .studyData .tit a{display:inline-block; max-width:230px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;} #srcResults .studyData .year{display:inline-block; width:56px; text-align:right; color:#999;} #srcResults .studyData .year img{vertical-align:top;} #srcResults .studyData .txt{width:300px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;} #srcResults .qna .img{float:left; margin:0 24px 0 0;} #srcResults .qna .img img{width:63px; height:63px; border:1px solid #CCCCCC;} #srcResults .qna article{clear:both; padding-top:15px;} #srcResults .qna article.first{clear:none; float:left; width:695px; padding-top:0;} #srcResults .qna .tit{height:28px;} #srcResults .qna .tit a{display:inline-block; max-width:715px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; vertical-align:middle;} #srcResults .qna article.first .tit a{max-width:610px;} #srcResults .qna .tit .date{display:inline-block; padding-left:12px; font-size:12px; color:#999999; vertical-align:middle;} #srcResults .qna .q, #srcResults .qna .a{width:100%;height:18px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;} #srcResults .qna .a{height:20px;} #srcResults .onlineTest .onlineBox{width:860px;} #srcResults .onlineTest article{float:left;width:235px;height:84px;margin-right:39px;} #srcResults .onlineTest .tit, #srcResults .onlineTest .con{width:235px;overflow:hidden; white-space:nowrap; text-overflow:ellipsis; vertical-align:middle;} #srcResults .onlineTest .tit{height:28px;} #srcResults .onlineTest .tit img{vertical-align:middle;} #srcResults .onlineTest .con{height:22px;} #srcResults .onlineTest .more2{margin-top:0;} #srcResults .onlineTest p{} #srcResults .teacher article a{color:#0000cc;} #srcResults .teacher article{width:392px; height:180px; margin-right:10px;} #srcResults .teacher article.odd{clear:both;} #srcResults .teacher article, #srcResults .teacher .img, #srcResults .teacher .tcbox{float:left;} #srcResults .teacher .img img{width:115px;height:140px;border:1px solid #cccccc;} #srcResults .teacher .name{height:26px;padding-left:19px;} #srcResults .teacher .name a{font-size:14px;font-weight:bold;text-decoration:underline;} #srcResults .teacher .name span{margin-left:10px;color:#666666;} #srcResults .teacher dl{width:230px;padding-left:19px; line-height:20px;} #srcResults .teacher dt{float:left;color:#999999;margin-right:12px;} #srcResults .teacher dd{color:#333333;overflow:hidden;} #srcResults .teacher dd span{} #srcResults .teacher .btns{margin-top:6px; padding-left:19px;} #srcResults .teacher .more2{margin-top:15px;} #srcResults .book .img{float:left; margin:0 24px 24px 0;} #srcResults .book .img img{width:83px; height:108px; border:1px solid #CCCCCC;} #srcResults .book article{clear:both;} #srcResults .book article.first{clear:none; float:left; width:695px;} #srcResults .book .tit{height:24px;} #srcResults .book .tit a{display:inline-block; max-width:715px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; vertical-align:middle;} #srcResults .book article.first .tit a{max-width:610px;} #srcResults .book .tit .date{display:inline-block; padding-left:12px; font-size:12px; color:#999999; vertical-align:middle;} #srcResults .book .info{overflow:hidden;} #srcResults .book .info li{float:left; height:20px; margin-right:6px; padding-left:7px; color:#999999; background:url(/images/miso/common/bar1.gif) no-repeat 0 36%; color:#666666;} #srcResults .book .info li:first-child{padding-left:0; background:none;} #srcResults .book .btxt{line-height:20px;} #srcResults .book .more2{margin-top:0;} #srcResults .school .img{float:left; margin:0 24px 24px 0;} #srcResults .school .img img{width:83px; height:83px; border:1px solid #CCCCCC;} #srcResults .school article{clear:both;} #srcResults .school article.first{clear:none; float:left; width:695px;} #srcResults .school .tit{height:28px;} #srcResults .school .tit a{display:inline-block; max-width:715px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; vertical-align:middle;} #srcResults .school article.first .tit a{max-width:610px;} #srcResults .school .tit .date{display:inline-block; padding-left:12px; font-size:12px; color:#999999; vertical-align:middle;} #srcResults .school .con{padding-bottom:6px;} #srcResults .school .place{margin-bottom:18px; color:#999999;} #srcResults .school .more2{margin-top:0;} #srcResults .studyGroup .img{position:relative; clear:both; float:left; width:160px; height:90px; margin:0 24px 24px 0; border:1px solid #CCCCCC; text-align:center;} #srcResults .studyGroup .img img{max-width:160px; max-height:90px;} #srcResults .studyGroup .img span{position:absolute; bottom:3px; left:3px; font-size:0;} #srcResults .studyGroup article{clear:both;padding-bottom:20px;} #srcResults .studyGroup article.first{clear:none; float:left; width:618px;} #srcResults .studyGroup .tit{height:28px;} #srcResults .studyGroup .tit a{display:inline-block; max-width:715px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; vertical-align:middle;} #srcResults .studyGroup article.first .tit a{max-width:513px;} #srcResults .studyGroup .tit .date{display:inline-block; padding-left:12px; font-size:12px; color:#999999; vertical-align:middle;} #srcResults .studyGroup .con{padding-bottom:10px;} #srcResults .studyGroup .info li{background-position:0 70%;} #srcResults .studyGroup .more2{margin-top:0;} #srcResults .studyGroup .thumbList{overflow:hidden; margin-bottom:26px;} #srcResults .studyGroup .thumbList li{float:left; width:142px; margin-left:20px;} #srcResults .studyGroup .thumbList li:first-child{margin-left:0;} #srcResults .studyGroup .thumbList .img2{position:relative;} #srcResults .studyGroup .thumbList .img2 img{width:142px; height:79px; border:1px solid #CDCDCB;} #srcResults .studyGroup .thumbList .img2 span{position:absolute; bottom:3px; left:3px; font-size:0;} #srcResults .studyGroup .thumbList .img2 span img{width:auto; height:auto; border:0;} #srcResults .studyGroup .thumbList .tit2{margin-top:2px;} #srcResults .studyGroup .thumbList .info{margin-top:2px;} #srcResults .studyGroup .thumbList .info li{margin-left:0; margin-right:0; color:#999999;} #srcResults .studyGroup .thumbList .info li a{color:#999999;} #srcResults .studyGroup .thumbList .info .subj{width:80px; padding-right:5px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;} #srcResults .studyGroup .thumbList .info .repl{width:47px;} #srcResults .examInfo .img{float:left; margin:0 24px 24px 0;} #srcResults .examInfo .img img{width:83px; height:83px; border:1px solid #CCCCCC;} #srcResults .examInfo article{clear:both;padding-bottom:20px;} #srcResults .examInfo article.first{clear:none; float:left; width:695px;} #srcResults .examInfo .tit{height:28px;} #srcResults .examInfo .tit a{display:inline-block; max-width:715px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; vertical-align:middle;} #srcResults .examInfo article.first .tit a{max-width:610px;} #srcResults .examInfo .tit .date{display:inline-block; padding-left:12px; font-size:12px; color:#999999; vertical-align:middle;} #srcResults .examInfo .con{padding-bottom:5px;} #srcResults .examInfo .source{color:#999999;} #srcResults .examInfo .more2{margin-top:0;} #srcResults .starter_guide article{overflow:hidden; margin-bottom:10px; font-size:0;} #srcResults .starter_guide .img{float:left; margin-right:17px;} #srcResults .starter_guide .tit{float:left; width:700px; height:26px;} #srcResults .starter_guide .con{float:left; width:700px; font-size:12px;} #srcResults .exam_schedule a{color:#0000CC;text-decoration:underline;} #srcResults .paging{margin:20px 0 60px;} #srcResults .src_noData{margin:63px 0 0 21px; color:#282828;} #srcResults .src_noData p{font-size:16px; } #srcResults .src_noData p strong{color:#6342B0;} #srcResults .src_noData ul{margin-top:12px; margin-left:4px;} #srcResults .src_noData li{padding-left:10px; background:url(/images/miso/common/bul3.gif) no-repeat 0 60%; font-size:13px; line-height:24px;} #srcResults .src_noData .txt{margin-top:30px; padding-left:14px;} article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block} body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select{margin:0;padding:0} body,input,textarea,select,button,table{font-size:12px;color:#282828} h1,h2,h3,h4,h5,h6{font-size:12px; font-weight:normal;} hr{display:none} ul,ol{list-style:none} em,address{font-style:normal} table{border-collapse:collapse;border-spacing:0;color:#282828} th{font-weight:normal;} img,fieldset,button{border:0} button{background:0;cursor:pointer} a{text-decoration:none;color:#282828} a:hover{text-decoration:underline} a:active, a:focus{color:#000} a:visited{color:#666} legend,caption, #wrap .hidden{overflow:hidden; position:absolute; z-index:-1; width:1px; height:1px; font-size:0; line-height:1px; text-indent:-9999px;} /*#wrap .mt0{margin-top:0 !important;} #wrap .mt5{margin-top:5px} #wrap .mt7{margin-top:7px} #wrap .mt10{margin-top:10px} #wrap .mt15{margin-top:15px} #wrap .mt20{margin-top:20px} #wrap .mt25{margin-top:25px} #wrap .mt30{margin-top:30px} #wrap .mt35{margin-top:35px} #wrap .mt40{margin-top:40px} #wrap .mt45{margin-top:45px} #wrap .mt50{margin-top:50px} #wrap .mt55{margin-top:55px} #wrap .mt60{margin-top:60px} #wrap .mt65{margin-top:65px} #wrap .mt70{margin-top:70px} #wrap .mt75{margin-top:75px} #wrap .mt80{margin-top:80px} #wrap .mt85{margin-top:85px} #wrap .mt90{margin-top:90px} #wrap .mt95{margin-top:95px} #wrap .mt100{margin-top:100px} #wrap .pt0{padding-top:0 !important;} #wrap .pt5{padding-top:5px} #wrap .pt10{padding-top:10px} #wrap .pt15{padding-top:15px} #wrap .pt20{padding-top:20px} #wrap .pt25{padding-top:25px} #wrap .pt30{padding-top:30px} #wrap .pt35{padding-top:35px} #wrap .pt40{padding-top:40px} #wrap .pt45{padding-top:45px} #wrap .pt50{padding-top:50px} #wrap .ml0{margin-left:0} #wrap .mb7{margin-bottom:7px} #wrap .mb10{margin-bottom:10px} #wrap .mb50{margin-bottom:50px}*/ .mt0{margin-top:0 !important;} .mt5{margin-top:5px} .mt7{margin-top:7px} .mt10{margin-top:10px} .mt15{margin-top:15px} .mt20{margin-top:20px} .mt25{margin-top:25px} .mt30{margin-top:30px} .mt35{margin-top:35px} .mt40{margin-top:40px} .mt45{margin-top:45px} .mt50{margin-top:50px} .mt55{margin-top:55px} .mt60{margin-top:60px} .mt65{margin-top:65px} .mt70{margin-top:70px} .mt75{margin-top:75px} .mt80{margin-top:80px} .mt85{margin-top:85px} .mt90{margin-top:90px} .mt95{margin-top:95px} .mt100{margin-top:100px} .pt0{padding-top:0 !important;} .pt5{padding-top:5px} .pt10{padding-top:10px} .pt15{padding-top:15px} .pt20{padding-top:20px} .pt25{padding-top:25px} .pt30{padding-top:30px} .pt35{padding-top:35px} .pt40{padding-top:40px} .pt45{padding-top:45px} .pt50{padding-top:50px} .ml0{margin-left:0} .mb7{margin-bottom:7px} .mb10{margin-bottom:10px} .mb50{margin-bottom:50px} #wrap .skipMenu{overflow:hidden; position:absolute; z-index:-1; left:-9999px; top:-1px; width:1px; height:1px; font-size:0; line-height:1px; text-indent:-9999px;} #wrap{min-width:980px; position:relative; margin:0 auto} .www_on{display:none;} #header{position:relative; z-index:10; width:980px; margin:0 auto;} #header h1{float:left; height:58px; margin:9px 10px 0;} #header h1 img:first-child{margin-right:2px;} #header .topsrc{position:relative; float:left; width:480px; height:29px; margin:16px 0 0; border:3px solid #4D207A; font-size:14px; color:#484848;} #header .keyword{width:250px; height:28px; padding-left:10px; line-height:30px; border:0; font-size:14px; color:##484848; font-weight:bold;} #header .topsrc .expand a{position:absolute; top:0; right:63px; width:35px; height:29px; background:url(/images/common/src_field_bg.gif) no-repeat 15px 50%; font-size:0; text-indent:-9999px;} #header .online .topsrc .expand a{background-image:url(/images/common/on_src_field_bg.gif); font-size:0;} #header .institute .topsrc .expand a{background-image:url(/images/common/hak_src_field_bg.gif); font-size:0;} #header .btn{position:absolute; top:0; right:0;} #header .search_detail h1{float:none; height:auto; margin:0;} #header .search_detail h1 img:first-child{margin-right:0;} #header .search_detail{display:none; overflow:hidden; position:absolute; z-index:20; top:51px; left:100px; z-index:20; width:826px; border:1px solid #C3C3C3; background-color:#fff;} #header .search_detail section{position:relative; clear:both; width:597px; margin-top:17px;} #header .search_detail section h1{height:25px; font-size:14px; font-weight:bold; color:#000;} #header .search_detail .both{overflow:hidden;} #header .search_detail .tit a{font-size:13px; color:#00c; text-decoration:underline;} #header .search_detail .info{zoom:1;} #header .search_detail .info:after{content:".";display:block;height:0;clear:both;visibility:hidden;} #header .search_detail .info li{float:left; margin-right:6px; padding-left:7px; color:#999999; background:url(/images/common/bar1.gif) no-repeat 0 60%; font-size:12px; letter-spacing:-1px;} #header .search_detail .info li.wide{margin-left:0; padding-left:0; background:none;} #header .search_detail .info li:first-child{padding-left:0; background:none;} #header .search_detail .info2{overflow:hidden;} #header .search_detail .info2 li{float:left; margin-right:9px; padding-left:10px; color:#999999; background:url(/images/common/bar1.gif) no-repeat 0 60%;} #header .search_detail .info2 li:first-child{padding-left:0; background:none;} #header .search_detail .info2 li span{color:#CC0000; font-weight:bold;} #header .search_detail .more2{position:absolute; top:2px; right:25px;} #header .search_detail .more2 a{display:inline-block; padding-left:12px; background:url(/images/common/bul_arr.gif) no-repeat 0 60%; color:#666; font-size:12px;} #header .search_detail .more2 a span{color:#999;} #header .search_detail a.url{font-size:13px; color:#218D44 !important;} #header .search_detail a.url:link{text-decoration:none;} #header .search_detail a.url:hover{text-decoration:underline;} #header .search_detail .wordList{float:left; width:201px; margin-top:12px; padding-bottom:20px; border-right:1px solid #C3C3C3;} #header .search_detail .wordList li{} #header .search_detail .wordList a{display:block; height:24px; padding:5px 0 0 17px; color:#484848;} #header .search_detail .wordList a:hover{background-color:#EFE7F4;} #header .search_detail .wordList strong{font-size:13px; color:#4D207B;} #header .search_detail .content{float:left; margin-left:-1px; padding-left:26px; border-left:1px solid #C3C3C3;} #header .search_detail .online{overflow:hidden; position:relative;} #header .search_detail .online article{float:left; width:271px; margin-right:25px;} #header .search_detail .online .route{margin-top:-2px; font-size:12px; color:#000;} #header .search_detail .online .tit{overflow:hidden;} #header .search_detail .online .con{padding:2px 0;} #header .search_detail .teacher{float:left; width:271px; margin-right:25px;} #header .search_detail .teacher article a{color:#0000cc;} #header .search_detail .teacher .img{float:left; font-size:0;} #header .search_detail .teacher .img img{width:71px;height:87px;border:1px solid #cccccc;} #header .search_detail .teacher .tcbox{float:left; width:195px;} #header .search_detail .teacher .name{margin-top:-2px; padding-left:14px; line-height:18px;} #header .search_detail .teacher .name a{font-size:13px;font-weight:bold;text-decoration:underline;} #header .search_detail .teacher .name span{margin-left:10px;color:#666666;} #header .search_detail .teacher dl{overflow:hidden; width:181px;padding-left:14px; line-height:18px; font-size:12px;} #header .search_detail .teacher dt{float:left;color:#999999;margin-right:12px;} #header .search_detail .teacher dd{float:left; min-width:131px; max-width:143px; color:#333333; letter-spacing:-1px; letter-spacing:-.05em\9;} #header .search_detail .teacher dd.site{width:200px;} #header .search_detail .teacher dd a{color:#218D44;} #header .search_detail .teacher .btns{margin-top:6px; padding-left:19px;} #header .search_detail .teacher .more2{right:0;} #header .search_detail .book{overflow:hidden; clear:none; float:left; width:271px;} #header .search_detail .book .img{float:left; margin:0 14px 0 0; font-size:0;} #header .search_detail .book .img img{width:71px; height:87px; border:1px solid #CCCCCC;} #header .search_detail .book article{float:left; width:271px;} #header .search_detail .book .tit{float:left; margin-top:-2px; width:163px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; vertical-align:middle;} #header .search_detail .book .tit a{} #header .search_detail .book .tit .date{display:inline-block; padding-left:12px; font-size:12px; color:#999999; vertical-align:middle;} #header .search_detail .book .info{overflow:hidden; float:left; width:163px;} #header .search_detail .book .info li{float:left; margin:0 6px 0 0; padding:0 7px 0 0; color:#999999; background:url(/images/common/bar8.gif) no-repeat 100% 60%; color:#000; letter-spacing:0; white-space:nowrap; line-height:18px;} #header .search_detail .book .info li.cb{clear:both;} #header .search_detail .book .info li.price{padding-right:0; margin-right:0; background:none;} #header .search_detail .book .btxt{line-height:20px;} #header .search_detail .book .date{float:left; color:#999999;} #header .search_detail .book .more2{right:0;} #header .search_detail .examInfo{overflow:hidden; margin-bottom:17px;} #header .search_detail .examInfo .img{float:left; margin:0 24px 24px 0;} #header .search_detail .examInfo .img img{width:83px; height:83px; border:1px solid #CCCCCC;} #header .search_detail .examInfo article{overflow:hidden; float:left; width:271px; margin-right:25px; line-height:18px;} #header .search_detail .examInfo article.first{clear:none; float:left; width:695px;} #header .search_detail .examInfo .tit{width:271px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;} #header .search_detail .examInfo .tit a{vertical-align:middle;} #header .search_detail .examInfo article.first .tit a{max-width:610px;} #header .search_detail .examInfo .tit .date{display:inline-block; padding-left:12px; font-size:12px; color:#999999; vertical-align:middle;} #header .search_detail .examInfo .con{font-size:12px;} #header .search_detail .examInfo .source{float:left; font-size:12px; color:#999;} #header .search_detail .examInfo .date{float:left; color:#999999; margin-left:6px; padding-left:7px; background:url(/images/common/bar1.gif) no-repeat 0 60%;} #topbar{position:relative; z-index:5200; border-bottom:1px solid #D3D3D3; background-color:#F9F9F9;} #topbar .topbarInner{width:980px; margin:0 auto; padding:7px 0 0; zoom:1;} #topbar .topbarInner:after{content:".";display:block;height:0;clear:both;visibility:hidden;} #topbar .left{float:left;} #topbar a{color:#444; text-decoration:none;} #topbar .setStartpage{float:left; margin-right:17px;} #topbar .setStartpage a{padding-right:9px; background:url(/images/common/bul10.gif) no-repeat 100% 6px;} #topbar .appDown{float:left;} #topbar .appDown a{display:block; padding-left:18px; background:url(/images2/common/bul_app.gif) no-repeat 0 3px;} #topbar .right{float:right;} #topbar .link{overflow:hidden;} #topbar .link li{float:left; margin-left:30px;} #topbar .topmenu>ul{float:right;} #topbar .topmenu ul li{float:left; height:24px; background:url(/images/main/bar1.gif) no-repeat right 6px;} #topbar .topmenu ul li.greeting{padding:0 15px; font-weight:bold;} #topbar .topmenu ul li a{display:inline-block; padding:0 15px; font-size:12px; color:#444; text-decoration:none;} #topbar .topmenu ul li.last{background:none;} #topbar .topmenu ul li.last a{padding-right:0; background:none;} #header .toplinks_v1{position:relative; z-index:1; float:right; margin-top:29px;} #header .toplinks_v1 li{float:left; padding-left:13px; margin-left:10px; background:url(/images/main/bar1.gif) no-repeat 0 7px; font-weight:bold;} #header .toplinks_v1 li:first-child{background:none;} #header .toplinks_v1 li a{font-size:12px; color:#f38914;} #header .toplinks_v1 li.home{padding-top:1px;} #header .toplinks_v1 li.home a{color:#6342c3; } #header .toplinks_v2{position:relative; z-index:1; float:left; margin-top:38px; margin-left:18px;} #header .toplinks_v2 li{float:left; padding-left:13px; margin-left:10px; background:url(/images/main/bar2.png) no-repeat 0 4px; font-weight:bold;} #header .toplinks_v2 li:first-child{background:none;} #header .toplinks_v2 li a{font-size:12px; color:#FFF; font-weight:bold;} #header .toplinks_v2 li.home{padding-top:1px;} #header .toplinks_v2 li.home a{color:#6342c3;} #header .toplinks{position:relative; z-index:1; float:right; margin-top:29px;} #header .toplinks li{float:left; padding-left:13px; margin-left:10px; background:url(/images/main/bar1.gif) no-repeat 0 6px;} #header .toplinks li:first-child{background:none;} #header .toplinks li a{font-size:12px; color:#333;} #header .toplinks li.b a{color:#F38914; font-weight:bold;} #header .topmenu{zoom:1; clear:both; font-size:0; background-color:#7B61B7;} #header .topmenu:after{content:".";display:block;height:0;clear:both;visibility:hidden;} #header .topmenu .dep1{position:relative; float:left;} #header .topmenu .dep1 a{display:block; text-align:center;} #header .topmenu a.curr{background-color:#654DA6;} #header .topmenu .dep1 ul{display:none; position:absolute; z-index:10; top:35px; left:0; min-width:120px; padding:9px 0; border:1px solid #654DA6; border-top:0; background-color:#fff; font-size:12px;} #header .topmenu .dep1 li a{display:block; padding:0 6px 4px; color:#666666; white-space:nowrap; line-height:13px; text-align:left;} #header .topmenu .dep1 li a:hover{color:#4B227E; background-color:#f5ecff; font-weight:bold;} #header .topmenu .dep1 ul.last{left:auto; right:0;} #header .topmenu .dep1 li div.t{padding:4px 6px 4px; color:#282828;} #header .topmenu .dep1 li:first-child div.t{padding-top:0;} #header .topmenu .num6 ul{min-width:161px;} #header .topmenu .num6 .last ul{left:auto; right:0; min-width:163px;} #header .topmenu .dep1 li.line2 a{padding-left:15px; text-indent:-9px;} .main_total #header{width:100%; background:url(/images/common/bg_gnb.gif) repeat-x 0 100%;} .main_total #header .header_inner{position:relative; width:980px; margin:0 auto;} .main_total2 {width:100%; height:67px; background:url(/images/common/bg_header150205.jpg) center top no-repeat;} .main_total2 .toplinks{color:#fff !important} .promise2015{display:none;} .main_total2 .promise2015 {display:block;position:absolute;top:15px;right:38px;} .main_total2 #header .toplinks_v1{margin:38px 70px 0 0;} .main_total2 #header .toplinks_v1 li a{color:#fff} .main_total2 #header .toplinks_v1 li.home a{color:#6342c3;} #header .top_shortcut{position:relative;} #header .top_shortcut a.tit{font-weight:bold; color:#6342B0 !important;} #wrap #header .top_shortcut li{display:block; clear:both; float:none !important; margin-left:0 !important; padding-left:0 !important; background:none !important; } #header .top_shortcut .dep1{height:22px;} #header .top_shortcut .dep1 a #header .top_shortcut .dep1 span{font-size:12px; color:#000; text-decoration:none;} #header .top_shortcut .dep1{position:relative; float:left; font-size:0;} #header .top_shortcut .dep1 ul{display:none; position:absolute; z-index:10; top:18px; right:0; padding:9px 0; border:1px solid #34194F; background-color:#fff; letter-spacing:-2px;} #header .top_shortcut .dep1 li a{display:block; padding:0 6px 2px; color:#666666; white-space:nowrap; font-size:12px;} #header .top_shortcut .dep1 li a:hover{color:#4b227e; text-decoration:underline;} #header .top_shortcut .dep1 li.off a:hover{color:#de7400; text-decoration:underline;} #header .top_shortcut .dep1 ul.last{left:auto; right:0;} #header .top_shortcut .dep1 li div.t{padding:6px 6px 4px; color:#282828; font-size:12px; letter-spacing:-1px; white-space:nowrap;} #header .top_shortcut .dep1 li:first-child div.t{padding-top:0;} #header .top_shortcut .dep1 li.more{padding-right:3px; font-weight:bold; text-align:center !important;} #header .top_shortcut .dep1 li.more span{font-family:tahoma; font-size:8px;} #header .institute .topmenu{background-color:#F8901F;} #header .institute .topmenu .dep1 a.curr{background-color:#E88030;} #header .institute .topmenu .dep1 ul{border-color:#E88030;} #header .institute .topmenu .dep1 li a:hover{color:#de7400;} #header .topmenu.num6 .dep1{width:163px;} #header .topmenu.num6 .dep1:first-child{width:165px;} #header .topmenu.num6 .dep1 ul{min-width:161px;} #header .topmenu.num6 .dep1:first-child ul{min-width:163px;} #header .online .topsrc{border-color:#848484;} #header .institute .topsrc{border-color:#848484;} #header .institute .toplinks li.b a{color:#6342B0;} /*#container{width:980px; margin:0 auto; zoom:1;}*/ #container{width:1024px!important; margin:0 auto; position:relative; zoom:1 } #container:after{content:".";display:block;height:0;clear:both;visibility:hidden;} #footer{position:relative; z-index:800; clear:both; border-top:1px solid #A7A7A7; font-weight:normal!important} #footer .footer_inner{zoom:1; position:relative; width:980px; margin:0 auto; padding-bottom:20px;} #footer .footer_inner:after{content:".";display:block;height:0;clear:both;visibility:hidden;} #footer .links{overflow:hidden; height:35px; padding:11px 0 0 4px;} #footer .links li{float:left; margin-left:11px; padding-left:12px; background:url(/images/common/familysite_bar1.gif) no-repeat 0 60%; font-size:0;} #footer .links li.first{margin-left:0; padding-left:0; background:none;} #footer .links li a{font-size:12px; color:#333;} #footer .links li a:hover{color:#7b61b7; text-decoration:none;} #footer .links li.btn{margin:-3px 0 0; background:none;} #footer .links li.btn span{margin-right:2px;} #footer .links li.point a{color:#7B61B7;} #footer .links2{overflow:hidden; height:45px; padding:0 0 0 0px;} #footer .links2 li{float:left; margin-right:23px; font-size:0;} #footer .logo{clear:both; float:left; margin:25px 25px 0 3px;} #footer .info{float:left; font-size:12px; color:#989898; line-height:18px; letter-spacing:-1px; letter-spacing:-.05em\9;} #footer .footBtn, #footer .footBtn a, #footer .footBtn button, #footer .footBtn input {overflow:visible; display:inline-block; position:relative; margin:0; border:0; background:url(/images/common/footer_bg_btn.gif) no-repeat; text-decoration:none !important; vertical-align:middle; white-space:nowrap;} #footer .footBtn {padding:0 1px 0 0;} #footer .footBtn a, #footer .footBtn button, #footer .footBtn input{left:1px; height:22px; padding:0 8px 0; background-position:right top; font-size:11px !important; color:#585859 !important; line-height:22px; vertical-align:top; cursor:pointer;} #footer .proBnr{ width:205px; height:82px;position:absolute; top:52px; right:0; border:none;} #footer .marks{position:absolute; top:150px; right:0; border:1px solid #DBDBDB;} #footer .marks ul{overflow:hidden; padding:9px 6px; font-size:0;} #footer .marks li{float:left; margin:0 6px;} #footer .info .cstxt{color:#7b61b7;} #footer .familysite{width:1080px; height:auto; position:absolute; margin-top:-386px; margin-left:0; z-index:999; display:none; border: 1px solid #666; left:50%; transform:translate(-50%); top:-1px;} #footer .btn_family{position: absolute; top: 0px; right: 0;} .familysite .eduoneSiteList{background-color:#fff;} .familysite .eduoneSiteList .colarea{width: 25%; box-sizing: border-box; border-right: 1px solid #d5d5d5; float:left; padding: 0px 25px 0 25px; min-height: 307px;} .familysite .eduoneSiteList .colarea .eduoneBrand:first-child{padding-top: 25px;} .familysite .eduoneSiteList .colarea .eduoneBrand{padding-bottom: 25px;} .familysite .eduoneSiteList .colarea .eduoneBrand .kgBrand{font-size: 15px; color:#222; font-weight: bold; margin-bottom: 9px;} .familysite .eduoneSiteList .colarea ul li{font-size: 13px; color:#666; margin-bottom: 6px; line-height: 21px} .familysite .eduoneSiteList .colarea ul li a:hover{font-size: 13px; color:#666; font-weight: 600; text-decoration:underline !important;} .familysite .eduoneSiteList .colarea ul li .iconRight{float:right} .familysite .eduoneSiteList .colarea ul li em{font-size: 11px; color: #fff; display: inline-block; text-align: center; padding: 3px 5px; line-height: 1; margin: 0 2px;} .familysite .eduoneSiteList .colarea ul li .online{background-color:#9db5ca;} .familysite .eduoneSiteList .colarea ul li .offline{background-color:#bfabd2;} .familysite .eduoneSiteList .colarea:last-child{border-right:none} .familysite .eduoneSiteList:after{content:''; clear: both; display: block; } .familysite .KG_familySite{background-color:#f5f5f5; border-top: 1px solid #666; padding: 13px 30px; } .familysite .KG_familySite h5{display: inline-block; font-size: 13px; color:#222; font-weight: bold; vertical-align: top; width: 95px; margin-top:5px;} .familysite .KG_familySite ul {display: inline-block; margin-left: 20px; width: 900px;} .familysite .KG_familySite ul li{float:left; font-size: 13px; color:#666; margin-right: 17px; line-height: 24px} #KG_familySite_btn2{position:absolute;z-index:10; top:0;right:0;} #KG_familySite2{overflow:hidden;position:absolute;margin-top:-1px; left:0; top:-260px; width:980px; height:0;} #KG_familySite_inner2{position:absolute; left:0; top:0; width:1024px; background-color:#A7A7A7; height:295px;} #KG_familySite2 .header{height:29px; margin-top:6px;} #KG_familySite2 .header h2{float:left; margin:0 19px; padding-top:3px; font-size:0;} #KG_familySite2 .header .btn{float:left;} #KG_familySite2 .menu{overflow:hidden; margin:0 5px;/*background:url(/images/common/familysite_bg_grid.gif) no-repeat 0 100%*/ background-size:1024px;} #KG_familySite2 .menu ul{overflow:hidden;} #KG_familySite2 .menu .dep1{position:relative; float:left; height:100%; padding-bottom:10px; background:url(/images/common/familysite_bg_grid.gif) #fff no-repeat -979px 0;} #KG_familySite2 .menu .dep1 span, #KG_familySite2 .menu .dep1 a{display:inline-block; margin:8px 0 0 14px; font-size:14px; color:#000;} #KG_familySite2 .menu .dep1 ul{} #KG_familySite2 .menu .dep1 div.t{padding:7px 0 2px 14px; color:#282828; font-size:12px; white-space:nowrap;} #KG_familySite2 .menu .dep1 li{width:100%; font-size:0;} #KG_familySite2 .menu .dep1 li a{margin-top:0; padding:0 0 1px; background:none; font-size:12px; color:#666666; white-space:nowrap; font-size:12px;} #KG_familySite2 .menu .dep1 li a:hover{color:#4b227e; text-decoration:underline;} #KG_familySite2 .menu .dep1 li.off a:hover{color:#de7400; text-decoration:underline;} /*#KG_familySite2 .menu .eq1{width:132px;} #KG_familySite2 .menu .eq2{width:119px;} #KG_familySite2 .menu .eq3{width:127px;} #KG_familySite2 .menu .eq4{width:221px;} #KG_familySite2 .menu .eq5{width:122px;} #KG_familySite2 .menu .eq6{width:122px;} #KG_familySite2 .menu .eq7{} #KG_familySite2 .menu .eq4 ul{position:absolute; top:27px; left:106px;} #KG_familySite2 .menu .eq4 ul.first{position:static; clear:both; left:0px;}*/ #KG_familySite2 .menu .eq1 { width: 20% !important; } #KG_familySite2 .menu .eq2 { width: 20% !important; } #KG_familySite2 .menu .eq3 { width: 20% !important; } #KG_familySite2 .menu .eq4 { width: 20% !important; } #KG_familySite2 .menu .eq5 { width: 20% !important; } #KG_familySite2 .menu .eq6 { width: 20% !important; } #KG_familySite2 .menu .eq7 { width: 20% !important; } #KG_familySite2 .menu .eq8 { width: 20% !important; } #KG_familySite2 .menu .eq9 { width: 20% !important; } #KG_familySite2 .menu .eq10 { width: 20% !important; } #KG_familySite2 .siteLinks{height:30px; margin:0 5px; background-color:#fff; border-top:1px solid #ddd; width:1013px;/**/} #KG_familySite2 .siteLinks h3{float:left; padding:6px 0 0 14px; font-size:12px; color:#222;} #KG_familySite2 .siteLinks ul{overflow:hidden; float:left;} #KG_familySite2 .siteLinks li{float:left; padding:6px 0 0 7.3px; margin-left:7.3px; background:url(/images/common/familysite_bar1.gif) no-repeat 0 8px; font-size:0;} #KG_familySite2 .siteLinks li.first{background:none;} #KG_familySite2 .siteLinks li a{font-size:12px; color:#666;} #leftArea{float:left; width:188px; padding-top:39px; padding-bottom:50px;} #contents{float:right; width:785px; min-height:600px; padding-bottom:50px;} #leftArea .loginWrap{width:171px; padding:15px 0 13px 15px; border:1px solid #ECECEC; font-family:dotum,'돋움';} #leftArea .loginWrap .accInput{height:51px; overflow:hidden;} #leftArea .loginWrap dl{float:left; width:111px; overflow:hidden;} #leftArea .loginWrap dt{overflow:hidden; position:absolute; z-index:-1; left:-9999px; width:1px; height:1px; *position:static; *margin-top:-2px; font-size:0; line-height:1px; text-indent:-9999px;} #leftArea .loginWrap dd{width:104px; height:22px;} #leftArea .loginWrap dd input{width:102px; height:18px; border:1px solid #E7E7E7; line-height:18px;} #leftArea .loginWrap .btn{float:left;} #leftArea .loginWrap .chk{clear:both; height:21px; font-size:11px; color:#8d8b8b; letter-spacing:-1px;} #leftArea .loginWrap .chk label:first-child{margin-right:10px;} #leftArea .loginWrap .chk input{margin-top:-2px; vertical-align:middle;} #leftArea .loginWrap .link{overflow:hidden; width:157px; padding-top:9px; border-top:1px solid #E8E8E8;} #leftArea .loginWrap .link li{float:left;} #leftArea .loginWrap .link li:first-child{margin-right:2px;} /* #leftArea .loginWrap .link li a{display:block; height:10px; padding:4px 4px; border:1px solid #C3C4C6; letter-spacing:-1px; word-spacing:-2px; font-size:11px; color:#787676; font-family:dotum;} */ #leftArea .logon{margin-bottom:27px;} #leftArea .logon .greeting{height:22px;} #leftArea .logon .greeting b{color:#495164;} #leftArea .logon .btn{overflow:hidden;} #leftArea .logon .btn li{float:left;} #leftArea .logon .btn li:first-child{margin-right:2px;} #leftArea .logon .link2{overflow:hidden; clear:both; width:156px; margin-top:8px; border-top:1px solid #E8E8E8; padding-top:8px;} #leftArea .logon .link2 li{float:left; width:71px; padding-left:7px; background:url(/images/common/bul2.gif) no-repeat 0 4px; font-size:11px;} #leftArea h2{height:45px; font-size:25px; color:#282828;} #leftArea .lnb{border-top:2px solid #959595; border-bottom:1px solid #DCDCDC;} #leftArea .lnb li.d1{border-bottom:1px solid #DCDCDC; text-indent:7px; letter-spacing:-1px;} #leftArea .lnb li.d1 a{display:block; padding:4px 0 5px; font-size:15px; color:#444; font-weight:bold; background-color:#fff;} #leftArea .lnb li.d1 a:hover{color:#4B227E; text-decoration:underline !important;} #leftArea .lnb li.d1 ul a{padding:1px 0 2px; color:#222;font-size:13px; font-weight:normal;} #leftArea .lnb li.d1 ul{padding-top:0; padding-bottom:4px;} #leftArea .lnb li.d1 li{padding-left:16px; background:url(/images/common/lnb_2dep.gif) no-repeat 13px 6px; letter-spacing:-1px;} #leftArea .lnb li.d1 li.d2>a{font-weight:bold;} #leftArea .lnb li.d1 li ul{padding:3px 0 5px;} #leftArea .lnb li.d1 li li{padding-left:0; background:none; line-height:normal;} #leftArea .lnb li.d1 li a{color:#636161;} #leftArea .lnb li.d1 li li a{padding:0 0 0 2px; color:#636161; background:url(/images/common/lnb_4dep.gif) no-repeat 0 9px;} #leftArea .lnb li.on>a, #leftArea .lnb li li.on{background-color:#f5ecff; font-weight:bold} #leftArea .lnb li.on a{color:#4B227E; text-decoration:underline;} #leftArea .lnb li.on li a{color:#636161; text-decoration:none;} #leftArea .lnb li.d1 li.on a{color:#4B227E; text-decoration:underline; font-weight:bold;} #leftArea .lnb li.d1 li.on li a{color:#636161; text-decoration:none; } #leftArea .lnb li.d1 li li a:hover, #leftArea .lnb li.d1 li li.on a{color:#4B227E; text-decoration:underline; background-image:url(/images/common/lnb_4dep_on.gif);} #leftArea .eng{letter-spacing:-1px !important; letter-spacing:-.05em\9 !important;} #location{overflow:hidden; height:16px; padding-top:10px; padding-bottom:12px; text-align:right;} #location *{ display:none!important} #location span{display:inline-block; padding:0 0 0 9px; background:url(/images/common/loc_arr.gif) no-repeat 0 60%; font-size:11px; color:#979797; vertical-align:top;} #location .home{position:relative; z-index:1; width:15px; height:15px; margin-right:-13px; padding-left:0; background:url(/images/common/ico_home.gif) no-repeat 0 60%; font-size:0; text-indent:-9999px; vertical-align:top;} #location span.on{color:#535353;} h3.title{min-height:45px; font-size:25px; color:#282828; letter-spacing:-1px; position:relative;} h3.title em, h3.title span{display:inline-block; color:#d5d5d5;font-style:normal;} /* 공무원용 */ h3.title span{display:inline-block; padding:0 8px; color:#d5d5d5;font-style:normal;} h3.title strong{color:#4b227e;font-weight:normal;} /* 버튼 */ .sbtn_1, .sbtn_1 a, .sbtn_1 button, .sbtn_1 input {overflow:visible; display:inline-block; position:relative; margin:0; border:0; background:url(/images/common/bg_btn1.gif) no-repeat; text-decoration:none !important; vertical-align:middle; white-space:nowrap;} .sbtn_1 {padding:0 1px 0 0;} .sbtn_1 a, .sbtn_1 button, .sbtn_1 input{left:1px; height:16px; padding:0 6px 0 5px; background-position:right top; font-size:11px; color:#fff !important; line-height:13px; vertical-align:top; cursor:pointer; font-weight:normal; text-align:center; letter-spacing:-1px;} .sbtn_2, .sbtn_2 a, .sbtn_2 button, .sbtn_2 input {overflow:visible; display:inline-block; position:relative; margin:0; border:0; background:url(/images/common/bg_btn1.gif) no-repeat; text-decoration:none !important; vertical-align:middle; white-space:nowrap;} .sbtn_2 {padding:0 1px 0 0;} .sbtn_2 a, .sbtn_2 button, .sbtn_2 input{left:1px; height:16px; padding:0 6px 0 5px; background-position:right top; font-size:11px; color:#fff !important; line-height:16px; vertical-align:top; cursor:pointer; font-weight:normal; text-align:center; letter-spacing:-1px;} .sbtn_3, .sbtn_3 a, .sbtn_3 button, .sbtn_3 input {overflow:visible; display:inline-block; position:relative; margin:0; border:0; background:url(/images/common/bg_btn11.gif) no-repeat; text-decoration:none !important; vertical-align:middle; white-space:nowrap;} .sbtn_3 {padding:0 1px 0 0; height:16px;} .sbtn_3 a, .sbtn_3 button, .sbtn_3 input{left:1px; height:16px; padding:0 13px 0 11px; background-position:right top; font-size:11px; color:#727171 !important; line-height:15px; vertical-align:top; cursor:pointer; font-weight:normal; text-align:center; letter-spacing:-1px;} .sbtn_4, .sbtn_4 a, .sbtn_4 button, .sbtn_4 input {overflow:visible; display:inline-block; position:relative; margin:0; border:0; background:url(/images/common/bg_btn14.gif) no-repeat; text-decoration:none !important; vertical-align:middle; white-space:nowrap;} .sbtn_4 {padding:0 1px 0 0;} .sbtn_4 a, .sbtn_4 button, .sbtn_4 input{left:1px; height:20px; padding:0 8px 0 7px; background-position:right top; font-size:11px; color:#727171 !important; line-height:20px; vertical-align:top; cursor:pointer; font-weight:normal; text-align:center; letter-spacing:-1px;} .sbtn_5, .sbtn_5 a, .sbtn_5 button, .sbtn_5 input {overflow:visible; display:inline-block; position:relative; margin:0; border:0; background:url(/images/common/bg_btn14.gif) no-repeat; text-decoration:none !important; vertical-align:middle; white-space:nowrap;} .sbtn_5 {padding:0 1px 0 0;} .sbtn_5 a, .sbtn_5 button, .sbtn_5 input{left:1px; height:20px; padding:0 8px 0 7px; background-position:right top; font-size:11px; color:#4D4D4E !important; line-height:20px; vertical-align:top; cursor:pointer; font-weight:normal; text-align:center; letter-spacing:-1px;} .sbtn_6, .sbtn_6 a, .sbtn_6 button, .sbtn_6 input {overflow:visible; display:inline-block; position:relative; margin:0; border:0; background:url(/images/common/bg_btn30.gif) no-repeat; text-decoration:none !important; vertical-align:middle; white-space:nowrap;} .sbtn_6 {padding:0 1px 0 0;} .sbtn_6 a, .sbtn_6 button, .sbtn_6 input{left:1px; height:16px; padding:0 6px 0 5px; background-position:right top; font-size:11px; color:#727171 !important; line-height:13px; vertical-align:top; cursor:pointer; font-weight:normal; text-align:center; letter-spacing:-1px;} .btn_1, .btn_1 a, .btn_1 button, .btn_1 input {overflow:visible; display:inline-block; position:relative; margin:0; border:0; background:url(/images/common/bg_btn2.gif) no-repeat; text-decoration:none !important; vertical-align:middle; white-space:nowrap;} .btn_1 {padding:0 1px 0 0;} .btn_1 a, .btn_1 button, .btn_1 input{left:1px; height:35px; padding:0 34px; background-position:right top; font-size:15px; color:#4D4D4E !important; line-height:32px; vertical-align:top; cursor:pointer; font-weight:normal; text-align:center; letter-spacing:-1px;} .btn_2, .btn_2 a, .btn_2 button, .btn_2 input {overflow:visible; display:inline-block; position:relative; margin:0; border:0; background:url(/images/common/bg_btn3.gif) no-repeat; text-decoration:none !important; vertical-align:middle; white-space:nowrap;} .btn_2 {padding:0 1px 0 0;} .btn_2 a, .btn_2 button, .btn_2 input{left:1px; height:35px; padding:0 34px; background-position:right top; font-size:15px; color:#fff !important; line-height:32px; vertical-align:top; cursor:pointer; font-weight:normal; text-align:center; letter-spacing:-1px;} .btn_3, .btn_3 a, .btn_3 button, .btn_3 input {overflow:visible; display:inline-block; position:relative; margin:0; border:0; background:url(/images/common/bg_btn4.gif) no-repeat; text-decoration:none !important; vertical-align:middle; white-space:nowrap;} .btn_3 {padding:0 1px 0 0;} .btn_3 a, .btn_3 button, .btn_3 input{left:1px; height:22px; padding:0 20px; background-position:right top; font-size:12px; color:#4d4d4e !important; line-height:19px; vertical-align:top; cursor:pointer; font-weight:normal; text-align:center; letter-spacing:-1px;} .btn_4, .btn_4 *{position:relative;margin:0;padding:0;display:inline-block;text-decoration:none !important;border:0;font-size:13px;white-space:nowrap;background:url('/images/common/bg_btn5.gif') repeat-x;vertical-align:top;overflow:visible;cursor:pointer;_cursor:hand;height:27px;line-height:27px;color:#fff !important;text-align:center;} .btn_4{margin-right:4px;border:1px solid #566570;} .btn_4 a, .btn_4 button, .btn_4 input{padding:0 10px;} .btn_5, .btn_5 *{position:relative;margin:0;padding:0;display:inline-block;text-decoration:none !important;border:0;font-size:13px;white-space:nowrap;background:url('/images/common/bg_btn6.gif') repeat-x;vertical-align:top;overflow:visible;cursor:pointer;_cursor:hand;height:27px;line-height:27px;color:#4d4d4d !important;text-align:center;} .btn_5{margin-right:4px;border:1px solid #b8c0c9;} .btn_5 a, .btn_5 button, .btn_5 input{padding:0 10px;} .btn_6, .btn_6 *{position:relative;margin:0;padding:0;display:inline-block;text-decoration:none !important;border:0;font-size:14px;white-space:nowrap;background:url('/images/common/bg_btn7.gif') repeat-x;vertical-align:top;overflow:visible;cursor:pointer;_cursor:hand;height:38px;line-height:38px;color:#585859 !important;text-align:center;} .btn_6{margin-right:4px;border:1px solid #b8c0c9;} .btn_6 a, .btn_6 button, .btn_6 input{padding:0 10px;} .btn_7, .btn_7 *{position:relative;margin:0;padding:0;display:inline-block;text-decoration:none !important;border:0;font-size:12px;white-space:nowrap;background:url('/images/common/bg_btn8.gif') repeat-x;vertical-align:top;overflow:visible;cursor:pointer;_cursor:hand;height:23px;line-height:23px;color:#585859 !important;text-align:center;} .btn_7{margin-right:4px;border:1px solid #b8c0c9;} .btn_7 a, .btn_7 button, .btn_7 input{padding:0 5px;} .btn_8, .btn_8 *{position:relative;margin:0;padding:0;display:inline-block;text-decoration:none !important;border:0;font-size:15px;white-space:nowrap;background:url('/images/common/bg_btn9.gif') repeat-x;vertical-align:top;overflow:visible;cursor:pointer;_cursor:hand;height:33px;line-height:33px;color:#585859 !important;text-align:center;} .btn_8{margin-right:4px;border:1px solid #b8c0c9;} .btn_8 a, .btn_8 button, .btn_8 input{padding:0 5px;} .btn_9, .btn_9 *{position:relative;margin:0;padding:0;display:inline-block;text-decoration:none !important;border:0;font-size:15px;white-space:nowrap;background:url('/images/common/bg_btn10.gif') repeat-x;vertical-align:top;overflow:visible;cursor:pointer;_cursor:hand;height:33px;line-height:33px;color:#fff !important;text-align:center;} .btn_9{margin-right:4px;border:1px solid #d5740a;} .btn_9 a, .btn_9 button, .btn_9 input{padding:0 5px;color:#fff !important;} .btn_10, .btn_10 a, .btn_10 button, .btn_10 input {overflow:visible; display:inline-block; position:relative; margin:0; border:0; background:url(/images/common/bg_btn12.gif) no-repeat; text-decoration:none !important; vertical-align:middle; white-space:nowrap;} .btn_10 {padding:0 1px 0 0;} .btn_10 a, .btn_10 button, .btn_10 input{left:1px; height:32px; padding:0 20px; background-position:right top; font-size:12px; color:#4d4d4e !important; line-height:28px; vertical-align:top; cursor:pointer; font-weight:normal; text-align:center; letter-spacing:-1px; font-weight:bold;} .btn_11, .btn_11 a, .btn_11 button, .btn_11 input {overflow:visible; display:inline-block; position:relative; margin:0; border:0; background:url(/images/common/bg_btn13.gif) no-repeat; text-decoration:none !important; vertical-align:middle; white-space:nowrap;} .btn_11 {padding:0 1px 0 0;} .btn_11 a, .btn_11 button, .btn_11 input{left:1px; height:35px; padding:0 14px; background-position:right top; font-size:14px; color:#4d4d4e !important; line-height:35px; vertical-align:top; cursor:pointer; font-weight:normal; text-align:center; letter-spacing:-1px;} .btn_12, .btn_12 a, .btn_12 button, .btn_12 input {overflow:visible; display:inline-block; position:relative; margin:0; border:0; background:url(/images/common/bg_btn15.gif) no-repeat; text-decoration:none !important; vertical-align:middle; white-space:nowrap;} .btn_12 {padding:0 1px 0 0;} .btn_12 a, .btn_12 button, .btn_12 input{left:1px; height:20px; padding:0 7px 0 6px; background-position:right top; font-size:12px; color:#fff !important; line-height:20px; vertical-align:top; cursor:pointer; font-weight:normal; text-align:center; letter-spacing:-1px;} .btn_13, .btn_13 *{position:relative;margin:0;padding:0;display:inline-block;text-decoration:none !important;border:0;font-size:15px;white-space:nowrap;background:url('/images/common/bg_btn26.gif') repeat-x;vertical-align:top;overflow:visible;cursor:pointer;_cursor:hand;height:33px;line-height:33px;color:#fff !important;text-align:center;} .btn_13{margin-right:4px;border:1px solid #3f64d7;} .btn_13 a, .btn_13 button, .btn_13 input{padding:0 20px;color:#fff !important;} .btn_14{border:1px solid #607287} .btn_14, .btn_14 a, .btn_14 button, .btn_14 input {overflow:visible; display:inline-block; position:relative; margin:0; background:url(/images/common/bg_btn27.gif) repeat-x; text-decoration:none !important; vertical-align:middle; white-space:nowrap;} .btn_14 {padding:0 1px 0 0;} .btn_14 a, .btn_14 button, .btn_14 input{left:1px; height:63px; padding:10px 30px 0 30px; background-position:right top; line-height:25px; vertical-align:top; cursor:pointer; font-weight:normal; text-align:center; letter-spacing:-1px; font-size:14px;} .btn_14 *{color:#fff !important; letter-spacing:-1px;} .btn_16{border:1px solid #607287} .btn_16, .btn_16 a, .btn_16 button, .btn_16 input {overflow:visible; display:inline-block; position:relative; margin:0; background:url(/images/common/bg_btn16.gif) repeat-x; text-decoration:none !important; vertical-align:middle; white-space:nowrap;} .btn_16 {padding:0 1px 0 0;} .btn_16 a, .btn_16 button, .btn_16 input{left:1px; height:46px; padding:0 20px 0 19px; background-position:right top; font-size:12px; color:#fff !important; line-height:46px; vertical-align:top; cursor:pointer; font-weight:normal; text-align:center; letter-spacing:-1px; font-size:18px;} .btn_17{border:1px solid #607287} .btn_17, .btn_17 a, .btn_17 button, .btn_17 input {overflow:visible; display:inline-block; position:relative; margin:0; background:url(/images/common/bg_btn17.gif) repeat-x; text-decoration:none !important; vertical-align:middle; white-space:nowrap;} .btn_17 {padding:0 1px 0 0;} .btn_17 a, .btn_17 button, .btn_17 input{left:1px; height:22px; padding:0 7px 0 6px; background-position:right top; font-size:12px; color:#fff !important; line-height:22px; vertical-align:top; cursor:pointer; font-weight:normal; text-align:center; letter-spacing:-1px; font-size:13px;} .btn_18{border:1px solid #607287} .btn_18, .btn_18 a, .btn_18 button, .btn_18 input {overflow:visible; display:inline-block; position:relative; margin:0; background:url(/images/common/bg_btn18.gif) repeat-x; text-decoration:none !important; vertical-align:middle; white-space:nowrap;} .btn_18 {padding:0 1px 0 0;} .btn_18 a, .btn_18 button, .btn_18 input{left:1px; height:39px; padding:0 7px 0 6px; background-position:right top; font-size:18px; color:#fff !important; line-height:39px; vertical-align:top; cursor:pointer; font-weight:normal; text-align:center; letter-spacing:-1px; } .btn_19{border:1px solid #607287} .btn_19, .btn_19 a, .btn_19 button, .btn_19 input {overflow:visible; display:inline-block; position:relative; margin:0; background:url(/images/common/bg_btn19.gif) repeat-x; text-decoration:none !important; vertical-align:middle; white-space:nowrap;} .btn_19 {padding:0 1px 0 0;} .btn_19 a, .btn_19 button, .btn_19 input{left:1px; height:56px; padding:12px 15px 0 14px; background-position:right top; font-size:18px; color:#fff !important; vertical-align:top; line-height:1.1em; cursor:pointer; font-weight:normal; text-align:center; letter-spacing:-1px; } .btn_20, .btn_20 *{position:relative;margin:0;padding:0;display:inline-block;text-decoration:none !important;border:0;font-size:15px;white-space:nowrap;background:url('/images/common/bg_btn22.gif') repeat-x;vertical-align:top;overflow:visible;cursor:pointer;_cursor:hand;height:30px;line-height:30px;color:#fff !important;text-align:center;} .btn_20{margin-right:4px;border:1px solid #6c7880;} .btn_20 a, .btn_20 button, .btn_20 input{padding:0 15px;color:#fff !important; letter-spacing:-1px} .btn_21, .btn_21 *{position:relative;margin:0;padding:0;display:inline-block;text-decoration:none !important;border:0;font-size:15px;white-space:nowrap;background:url('/images/common/bg_btn23.gif') repeat-x;vertical-align:top;overflow:visible;cursor:pointer;_cursor:hand;height:30px;line-height:30px;color:#282828 !important;text-align:center;} .btn_21{margin-right:4px;border:1px solid #e7e7e8;} .btn_21 a, .btn_21 button, .btn_21 input{padding:0 15px;color:#282828 !important; letter-spacing:-1px} .btn_22, .btn_22 *{position:relative;margin:0;padding:0;display:inline-block;text-decoration:none !important;border:0;font-size:12px;white-space:nowrap;background:url('/images/common/bg_btn24.gif') repeat-x;vertical-align:top;overflow:visible;cursor:pointer;_cursor:hand;height:23px;line-height:23px;color:#282828 !important;text-align:center;} .btn_22{border:1px solid #d0d5db;} .btn_22 a, .btn_22 button, .btn_22 input{padding:0 15px;color:#3e3e3e !important; letter-spacing:-1px; font-weight:bold} .btn_23, .btn_23 *{position:relative;margin:0;padding:0;display:inline-block;text-decoration:none !important;border:0;font-size:14px;white-space:nowrap;vertical-align:top;overflow:visible;cursor:pointer;_cursor:hand;height:28px;line-height:24px;color:#282828 !important;text-align:center;} .btn_23{border:1px solid #2f7648;} .btn_23 a, .btn_23 button, .btn_23 input{padding:0 15px;color:#ffffff !important; letter-spacing:-1px; font-weight:bold;border:1px solid #5ec385; background:url('/images/common/bg_btn25.gif') repeat-x; height:26px;} .btn_24, .btn_24 a, .btn_24 button, .btn_24 input {overflow:visible; display:inline-block; position:relative; margin:0; border:0; background:url(/images/common/bg_btn28.gif) no-repeat; text-decoration:none !important; vertical-align:middle; white-space:nowrap;} .btn_24 {padding:0 1px 0 0;} .btn_24 a, .btn_24 button, .btn_24 input{left:1px; height:41px; padding:0 34px; background-position:right top; font-size:16px; color:#4D4D4E !important; line-height:41px; vertical-align:top; cursor:pointer; font-weight:normal; text-align:center; letter-spacing:-1px;} .btn_25, .btn_25 a, .btn_25 button, .btn_25 input {overflow:visible; display:inline-block; position:relative; margin:0; border:0; background:url(/images/common/bg_btn29.gif) no-repeat; text-decoration:none !important; vertical-align:middle; white-space:nowrap;} .btn_25 {padding:0 1px 0 0;} .btn_25 a, .btn_25 button, .btn_25 input{left:1px; height:41px; padding:0 34px; background-position:right top; font-size:15px; color:#fff !important; line-height:41px; vertical-align:top; cursor:pointer; font-weight:normal; text-align:center; letter-spacing:-1px;} .btn_26, .btn_26 *{position:relative;margin:0;padding:0;display:inline-block;text-decoration:none !important;border:0;font-size:13px;white-space:nowrap;background:url('/images/common/bg_btn31.gif') repeat-x;vertical-align:top;overflow:visible;cursor:pointer;_cursor:hand;height:27px;line-height:27px;color:#fff !important;text-align:center;} .btn_26{border:1px solid #542691;} .btn_26 a, .btn_26 button, .btn_26 input{padding:0 10px;} .btn_black *{position:relative;margin:0;padding:0;display:inline-block;text-decoration:none !important;border:0;font-size:15px;background:#000; vertical-align:top;overflow:visible;height:36px;line-height:36px;color:#fff !important;text-align:center;} .btn_black{margin-right:4px} .btn_black a, .btn_black button, .btn_black input{padding:0 15px;color:#fff !important;} .btn_gray, .btn_gray *{position:relative;margin:0;padding:0;display:inline-block;text-decoration:none !important;border:0;font-size:15px;background:url('/images/common/btn_gray_big.jpg') repeat-x;vertical-align:top;overflow:visible;height:33px;line-height:15px;color:#fff !important;text-align:center;} .btn_gray{margin-right:4px;border:1px solid #6c6c6c;} .btn_gray a, .btn_gray button, .btn_gray input{padding:0 5px;color:#fff !important;} .srbtn_1, .srbtn_1 a, .srbtn_1 button, .srbtn_1 input {overflow:visible; display:inline-block; position:relative; margin:0; border:0; background:url(/images/common/bg_srbtn1.gif) no-repeat; text-decoration:none !important; vertical-align:middle; white-space:nowrap;} .srbtn_1 {padding:0 1px 0 0;} .srbtn_1 a, .srbtn_1 button, .srbtn_1 input{left:1px; height:19px; padding:0 11px; background-position:right top; font-size:11px; color:#777777 !important; line-height:18px; vertical-align:top; cursor:pointer; font-weight:normal; text-align:center; letter-spacing:-1px;} .srbtn_2{display:inline-block; height:19px; padding:1px 11px 0; border:1px solid #C3C4C6; font-size:11px !important; color:##575956 !important; background:url(/images/common/bg_srbtn2.gif) repeat-x; text-decoration:none !important;} /* 아이콘 */ .ico_1, .ico_1 em{overflow:visible; display:inline-block; position:relative; margin:0; border:0; background:url(/images/common/bg_ico1.gif) no-repeat; text-decoration:none !important; vertical-align:middle; white-space:nowrap;} .ico_1 {padding:0 3px 0 0; font-size:0;} .ico_1 em{left:3px; height:16px; padding:0 5px 0 2px; background-position:right top; font-size:11px; color:#65777E !important; line-height:15px; vertical-align:top; font-weight:normal; text-align:center; letter-spacing:-1px; font-weight:bold;} /* 완강아이콘 */ .ico_2, .ico_2 em{overflow:visible; display:inline-block; position:relative; margin:0; border:0; background:#8e8e8e; text-decoration:none !important; vertical-align:middle; white-space:nowrap;} .ico_2 {} .ico_2 em{height:16px; padding:2px 6px; background-position:right top; font-size:11px; color:#fff !important; line-height:15px; vertical-align:top; font-weight:normal; text-align:center; letter-spacing:-1px; font-weight:bold;} /* 최신강의 */ .ico_2.color1 em{background: #5ca6e4 !important; color:#Fff !important;} .ico_2.color1 em{} /* 업데이트중 */ .ico_3, .ico_3 em{overflow:visible; display:inline-block; position:relative; margin:0; border:0; background:#e45c6c; text-decoration:none !important; vertical-align:middle; white-space:nowrap;} .ico_3 {} .ico_3 em{height:16px; padding:2px 6px; background-position:right top; font-size:11px; color:#fff !important; line-height:15px; vertical-align:top; font-weight:normal; text-align:center; letter-spacing:-1px; font-weight:bold;} /* 업데이트 예정 */ .ico_3.color1 em{background: #fff !important; color:#e45c6c !important; border: 1px solid #e45c6c; padding: 1px 6px !important;} .nodata{margin:50px; font-size:14px; text-align:center;} /* 공통 */ a.ov1{display:inline-block; position:relative;} a.ov1 span.black1{display:none !important; position:absolute; z-index:1; top:0; left:0; background-color:#000; width:100%; min-width:100%; height:100%; opacity:0.2;filter:alpha(opacity:20); cursor:pointer;} a.ov1:hover span.black1{display:inline-block !important;} a .black.notime{display:none !important;} a:hover .black.notime{display:block !important;} /* 레이어 */ .layer_1{display:none; position:absolute; z-index:1000; background-color:#fff; min-width:100px; border:1px solid #333333;} .layer_1 .layer_header{overflow:hidden; width:100%; height:31px; background-color:#333333;} .layer_1 .layer_header .title{float:left; height:24px; padding:7px 0 0 17px; font-size:12px; color:#fff; font-weight:normal;} .layer_1 .layer_header .closeBtn{position:absolute; right:18px; top:7px;} .layer_1{position:absolute;} .layer_1 .layer_body{margin:15px 20px 20px;} /*컨텐츠 ul*/ .contf_ul{} .contf_ul li{background:url('/images/common/ico_arr5.gif') no-repeat 3px 6px;padding-left:20px;margin-bottom:3px;color:#666666;} .contf_ul2{padding:20px 0;border-top:1px solid #e6e6e6;border-bottom:1px solid #e6e6e6;} .contf_ul2 li{background:url('/images/common/ico_line3.gif') no-repeat 5px 9px;padding-left:18px;margin-bottom:3px;color:#666666;} .contf_ul3{} .contf_ul3 li{background:url('/images/common/ico_arr5.gif') no-repeat 3px 8px;padding-left:20px;margin-bottom:10px;color:#666666;font-size:13px;line-height:1.7;*zoom:1;} .contf_ul3 li:after{content:'';clear:both;display:block;} .contf_ul3 strong{float:left;width:52px;} .contf_ul3 p{float:left;overflow:hidden;letter-spacing:-1px;} .contf_ul3 img{vertical-align:top;} .list_1 li{margin-bottom:5px; padding-left:10px; color:#444; line-height:18px; text-indent:-10px; font-size:13px;} .list_1 li *{text-indent:0;} .list_1 li a{color:#444;} .list_1 li.on a{color:#4B227E; text-decoration:underline;} #contents .btxt{text-align:right;padding-top:5px;color:#7a7a7a;} /*Color*/ .c_orange1{background:#fdf6ec;} .gotoTop{position:absolute; top:10px; left:993px;} /* text-align */ .btnC{text-align:center;margin-top:10px;} .btnR{text-align:right;margin-top:10px;} .book_sub{width:383px; height:223px; float:left; border:1px solid #d1d1d1; position:relative} .book_sub a{ text-decoration:none;} .book_sub h2{ margin:20px 0 0 20px; float:left} .book_sub .more{margin:20px 20px 0 0; float:right;} .book_sub #booksub{ width:340px; margin:0 auto; clear:both; padding-top:15px;} .book_sub #booksub li { display:none; } .book_sub .bookbtn{ display:block; width:340px;} .book_sub #booksub.now_page_1 li.page_1 { display:block; } .book_sub #booksub.now_page_2 li.page_2 { display:block; } .book_sub #booksub.now_page_3 li.page_3 { display:block; } .book_sub #booksub.now_page_4 li.page_4 { display:block; } .book_sub #booksub.now_page_5 li.page_5 { display:block; } .book_sub #booksub.now_page_6 li.page_6 { display:block; } .book_sub #booksub.now_page_7 li.page_7 { display:block; } .book_sub #booksub.now_page_8 li.page_8 { display:block; } .book_sub #booksub.now_page_9 li.page_9 { display:block; } .book_sub #booksub.now_page_10 li.page_10 { display:block; } .book_sub #booksub.now_page_11 li.page_11 { display:block; } .book_sub #booksub.now_page_12 li.page_12 { display:block; } .book_sub #booksub.now_page_13 li.page_13 { display:block; } .book_sub #booksub.now_page_14 li.page_14 { display:block; } .book_sub #booksub.now_page_15 li.page_15 { display:block; } .book_sub #booksub p.img{ width:75px; height:108px; border:1px solid #d7d7d7; overflow:hidden; float:left; margin-right:10px;} .book_sub #booksub p.img img{ width:100%; height:100%} .book_sub #booksub p.title{ font-size:12px; font-weight:bold; color:#282828;} .book_sub #booksub p.pro{ color:#4c4c4c; padding:8px 0} .book_sub #booksub p.price{ color:#d6133a;} .book_sub #booksub p.price span{font-size:11px; margin-left:8px; float:none;} .book_sub #booksub p.price del{color:#333} .book_sub #booksub p.bookTxt{ text-align:left; padding-top:15px; width:245px; color:#707070; float:left; overflow:hidden; /*white-space:pre-wrap; text-overflow:ellipsis;*/ height:35px; } .book_sumnail {position: absolute; top:70px; left:0px; width:710px; height:800px; background: #313131; text-align:left;} .book_sumnail .booksum_title {color:#FFF; font-size:16px; font-weight:bold; letter-spacing: -1px; margin: 18px 0 16px 20px; } .book_sumnail .booksum_close {float: right; position: absolute; top:15px; right:20px; } .book_sumnail_contents {background: #FFF; height:721px; margin: 0 3px 3px; padding: 18px 18px 2px} .book_sumnail_contents a{ text-decoration:none;} .book_sumnail_contents #booksub li { display:none; } .book_sumnail_contents .bookbtn{position:absolute;right:15px; top:70px;} .book_sumnail_contents .btnBig .btn_big_left{position:absolute;left:30px; top:370px;} .book_sumnail_contents .btnBig .btn_big_right{position:absolute;right:30px; top:370px;} .book_sumnail_contents #booksub.now_page_1 li.page_1 { display:block; } .book_sumnail_contents #booksub.now_page_2 li.page_2 { display:block; } .book_sumnail_contents #booksub.now_page_3 li.page_3 { display:block; } .book_sumnail_contents #booksub.now_page_4 li.page_4 { display:block; } .book_sumnail_contents #booksub.now_page_5 li.page_5 { display:block; } .book_sumnail_contents #booksub.now_page_6 li.page_6 { display:block; } .book_sumnail_contents #booksub.now_page_7 li.page_7 { display:block; } .book_sumnail_contents #booksub.now_page_8 li.page_8 { display:block; } .book_sumnail_contents #booksub.now_page_9 li.page_9 { display:block; } .book_sumnail_contents #booksub.now_page_10 li.page_10 { display:block; } .book_sumnail_contents #booksub.now_page_11 li.page_11 { display:block; } .book_sumnail_contents #booksub.now_page_12 li.page_12 { display:block; } .book_sumnail_contents #booksub.now_page_13 li.page_13 { display:block; } .book_sumnail_contents #booksub.now_page_14 li.page_14 { display:block; } .book_sumnail_contents #booksub.now_page_15 li.page_15 { display:block; } .book_sumnail_contents #booksub p.img{ width:500px; height:auto; margin:20px auto 0 auto;} .book_sumnail_contents #booksub p.img img{ width:100%; height:100%} .tab_listBook{height:223px!important; width:378px; border:1px solid #d1d1d1; position:relative;} .tab_listBook h1{ margin:20px 0 0 20px;} .tab_listBook p.more{ position:absolute;right:15px; top:20px;} .tab_listBook ul{position:relative;font-family: "맑은고딕","Malgun Gothic","돋움",Dotum; font-size:13px; list-style:none;*zoom:1; margin:-12px 0 0 20px; height:150px!important; overflow:hidden!important} .tab_listBook ul:after{display:block;clear:both;content:""} .tab_listBook li{float:left;} .tab_listBook li a{float:left;position:relative;color:#222222; text-decoration:none; font-weight:normal;} .tab_listBook li a span{display:inline-block;padding:0px;letter-spacing:-1px;cursor:pointer} .tab_listBook li span.line{ color:#d6d6d6; font-weight:normal;} .tab_listBook li ul{display:none;position:absolute;top:25px;left:0;width:100%;margin:0;padding:0;border:0;list-style:none;*zoom:1} .tab_listBook li ul:after{display:block;clear:both;content:""} .tab_listBook li li{float:none;position:relative;margin:0;color:#363533; font-size:12px; line-height:21px; background: url("/images/main/bul2.gif") no-repeat 0 50%; padding:2px 0 2px 7px; overflow:hidden; text-overflow:ellipsis; width:323px; white-space:nowrap; border-bottom:1px dotted #ccc;} .tab_listBook li li a{float:none;margin:0;padding:0;border:0 !important;font-weight:normal;color:#363533 !important;letter-spacing:normal} .tab_listBook li li a:hover, .tab_listBook li li a:active, .tab_listBook li li a:focus{color:#000 !important;text-decoration:underline} .tab_listBook.m1 .m1 a, .tab_listBook.m2 .m2 a, .tab_listBook.m3 .m3 a, .tab_listBook.m4 .m4 a, .tab_listBook.m5 .m5 a, .tab_listBook.m6 .m6 a, .tab_listBook.m7 .m7 a, .tab_listBook.m8 .m8 a, .tab_listBook.m9 .m9 a, .tab_listBook.m10 .m10 a, .tab_listBook.m11 .m11 a, .tab_list.m12 .m12 a{color:#333} .tab_listBook.m1 .m1 a span, .tab_listBook.m2 .m2 a span, .tab_listBook.m3 .m3 a span, .tab_listBook.m4 .m4 a span, .tab_listBook.m5 .m5 a span, .tab_listBook.m6 .m6 a span, .tab_listBook.m7 .m7 a span, .tab_listBook.m8 .m8 a span, .tab_listBook.m9 .m9 a span, .tab_listBook.m10 .m10 a span, .tab_listBook.m11 .m11 a span, .tab_listBook.m12 .m12 a span{font-weight:bold; color:#e84467;} .tab_listBook.m1 .m1 ul, .tab_listBook.m2 .m2 ul, .tab_listBook.m3 .m3 ul, .tab_listBook.m4 .m4 ul, .tab_listBook.m5 .m5 ul, .tab_listBook.m6 .m6 ul, .tab_listBook.m7 .m7 ul, .tab_listBook.m8 .m8 ul, .tab_listBook.m9 .m9 ul, .tab_listBook.m10 .m10 ul, .tab_listBook.m11 .m11 ul, .tab_listBook.m12 .m12 ul{display:block} .tab_listBook li .left{width:230px; float:left; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;} .tab_listBook li .right{width:80px; float:right; text-align:right;} .tab_listBook.js_off{height:auto} .tab_listBook.js_off ul{border:0} .tab_listBook.js_off li{float:none;position:relative; } .tab_listBook.js_off li a{display:block;float:none;color:#333} .tab_listBook.js_off li ul{position:static;display:block;left:0;top:0;padding:5px 0} .tab_listBook.js_off li li a{display:inline;border:0 !important;background:none !important;font-weight:normal} /***************** 교재리뉴얼 *****************/ .book_subRnew{width:383px; height:185px; float:left; border:1px solid #d1d1d1; position:relative} .book_subRnew a{ text-decoration:none;} .book_subRnew h2{ margin:20px 0 0 20px; float:left} .book_subRnew .more{margin:20px 20px 0 0; float:right;} .book_subRnew #booksubRnew{ width:340px; margin:0 auto; clear:both; padding-top:15px;} .book_subRnew #booksubRnew li { display:none; } .book_subRnew .bookbtnRnew{ display:block; position:absolute; right:20px; top:25px} .book_subRnew #booksubRnew.now_page_1 li.page_1 { display:block; } .book_subRnew #booksubRnew.now_page_2 li.page_2 { display:block; } .book_subRnew #booksubRnew.now_page_3 li.page_3 { display:block; } .book_subRnew #booksubRnew.now_page_4 li.page_4 { display:block; } .book_subRnew #booksubRnew.now_page_5 li.page_5 { display:block; } .book_subRnew #booksubRnew.now_page_6 li.page_6 { display:block; } .book_subRnew #booksubRnew.now_page_7 li.page_7 { display:block; } .book_subRnew #booksubRnew.now_page_8 li.page_8 { display:block; } .book_subRnew #booksubRnew.now_page_9 li.page_9 { display:block; } .book_subRnew #booksubRnew.now_page_10 li.page_10 { display:block; } .book_subRnew #booksubRnew.now_page_11 li.page_11 { display:block; } .book_subRnew #booksubRnew.now_page_12 li.page_12 { display:block; } .book_subRnew #booksubRnew.now_page_13 li.page_13 { display:block; } .book_subRnew #booksubRnew.now_page_14 li.page_14 { display:block; } .book_subRnew #booksubRnew.now_page_15 li.page_15 { display:block; } .book_subRnew #booksubRnew.now_page_16 li.page_16 { display:block; } .book_subRnew #booksubRnew.now_page_17 li.page_17 { display:block; } .book_subRnew #booksubRnew.now_page_18 li.page_18 { display:block; } .book_subRnew #booksubRnew.now_page_19 li.page_19 { display:block; } .book_subRnew #booksubRnew.now_page_20 li.page_20 { display:block; } .book_subRnew #booksubRnew.now_page_21 li.page_21 { display:block; } .book_subRnew #booksubRnew.now_page_22 li.page_22 { display:block; } .book_subRnew #booksubRnew.now_page_23 li.page_23 { display:block; } .book_subRnew #booksubRnew.now_page_24 li.page_24 { display:block; } .book_subRnew #booksubRnew.now_page_25 li.page_25 { display:block; } .book_subRnew #booksubRnew.now_page_26 li.page_26 { display:block; } .book_subRnew #booksubRnew.now_page_27 li.page_27 { display:block; } .book_subRnew #booksubRnew.now_page_28 li.page_28 { display:block; } .book_subRnew #booksubRnew.now_page_29 li.page_29 { display:block; } .book_subRnew #booksubRnew.now_page_30 li.page_30 { display:block; } .book_subRnew #booksubRnew.now_page_31 li.page_31 { display:block; } .book_subRnew #booksubRnew.now_page_32 li.page_32 { display:block; } .book_subRnew #booksubRnew.now_page_33 li.page_33 { display:block; } .book_subRnew #booksubRnew.now_page_34 li.page_34 { display:block; } .book_subRnew #booksubRnew.now_page_35 li.page_35 { display:block; } .book_subRnew #booksubRnew.now_page_36 li.page_36 { display:block; } .book_subRnew #booksubRnew.now_page_37 li.page_37 { display:block; } .book_subRnew #booksubRnew.now_page_38 li.page_38 { display:block; } .book_subRnew #booksubRnew.now_page_39 li.page_39 { display:block; } .book_subRnew #booksubRnew.now_page_40 li.page_40 { display:block; } .book_subRnew #booksubRnew.now_page_41 li.page_41 { display:block; } .book_subRnew #booksubRnew.now_page_42 li.page_42 { display:block; } .book_subRnew #booksubRnew.now_page_43 li.page_43 { display:block; } .book_subRnew #booksubRnew.now_page_44 li.page_44 { display:block; } .book_subRnew #booksubRnew.now_page_45 li.page_45 { display:block; } .book_subRnew #booksubRnew.now_page_46 li.page_46 { display:block; } .book_subRnew #booksubRnew.now_page_47 li.page_47 { display:block; } .book_subRnew #booksubRnew.now_page_48 li.page_48 { display:block; } .book_subRnew #booksubRnew.now_page_49 li.page_49 { display:block; } .book_subRnew #booksubRnew.now_page_50 li.page_50 { display:block; } .book_subRnew #booksubRnew p.img{ width:75px; height:108px; border:1px solid #d7d7d7; overflow:hidden; float:left; margin-right:10px;} .book_subRnew #booksubRnew p.img img{ width:100%; height:100%} .book_subRnew #booksubRnew p.title{ font-size:15px; font-weight:bold; color:#282828;} .book_subRnew #booksubRnew p.pro{ color:#999; padding:8px 0} .book_subRnew #booksubRnew p.price{ color:#d6133a;} .book_subRnew #booksubRnew p.price span{font-size:14px; margin-left:8px; float:none; font-weight:bold} .book_subRnew #booksubRnew p.price del{color:#333} .book_subRnew #booksubRnew p.bookTxt{ text-align:left; padding-top:15px; width:245px; color:#707070; float:left; overflow:hidden; /*white-space:pre-wrap; text-overflow:ellipsis;*/ height:35px; } .book_sumnail {position: absolute; top:70px; left:0px; width:710px; height:800px; background: #313131; text-align:left;} .book_sumnail .booksum_title {color:#FFF; font-size:16px; font-weight:bold; letter-spacing: -1px; margin: 18px 0 16px 20px; } .book_sumnail .booksum_close {float: right; position: absolute; top:15px; right:20px; } .book_sumnail_contentsRnew {background: #FFF; height:721px; margin: 0 3px 3px; padding: 18px 18px 2px} .book_sumnail_contentsRnew a{ text-decoration:none;} .book_sumnail_contentsRnew #booksubRnew li { display:none; } .book_sumnail_contentsRnew .bookbtn{position:absolute;right:15px; top:70px;} .book_sumnail_contentsRnew .btnBig .btn_big_left{position:absolute;left:30px; top:370px;} .book_sumnail_contentsRnew .btnBig .btn_big_right{position:absolute;right:30px; top:370px;} .book_sumnail_contentsRnew #booksubRnew.now_page_1 li.page_1 { display:block; } .book_sumnail_contentsRnew #booksubRnew.now_page_2 li.page_2 { display:block; } .book_sumnail_contentsRnew #booksubRnew.now_page_3 li.page_3 { display:block; } .book_sumnail_contentsRnew #booksubRnew.now_page_4 li.page_4 { display:block; } .book_sumnail_contentsRnew #booksubRnew.now_page_5 li.page_5 { display:block; } .book_sumnail_contentsRnew #booksubRnew.now_page_6 li.page_6 { display:block; } .book_sumnail_contentsRnew #booksubRnew.now_page_7 li.page_7 { display:block; } .book_sumnail_contentsRnew #booksubRnew.now_page_8 li.page_8 { display:block; } .book_sumnail_contentsRnew #booksubRnew.now_page_9 li.page_9 { display:block; } .book_sumnail_contentsRnew #booksubRnew.now_page_10 li.page_10 { display:block; } .book_sumnail_contentsRnew #booksubRnew.now_page_11 li.page_11 { display:block; } .book_sumnail_contentsRnew #booksubRnew.now_page_12 li.page_12 { display:block; } .book_sumnail_contentsRnew #booksubRnew.now_page_13 li.page_13 { display:block; } .book_sumnail_contentsRnew #booksubRnew.now_page_14 li.page_14 { display:block; } .book_sumnail_contentsRnew #booksubRnew.now_page_15 li.page_15 { display:block; } .book_sumnail_contentsRnew #booksubRnew p.img{ width:500px; height:auto; margin:20px auto 0 auto;} .book_sumnail_contentsRnew #booksubRnew p.img img{ width:100%; height:100%} .tab_listBookRnew{height:185px!important; width:376px; border:1px solid #d1d1d1; position:relative; float:left;} .tab_listBookRnew h1{ margin:20px 0 0 20px;} .tab_listBookRnew p.more{ position:absolute;right:15px; top:20px;} .tab_listBookRnew ul{position:relative;font-size:13px; list-style:none;*zoom:1; margin:-12px 0 0 20px; height:150px!important; overflow:hidden!important} .tab_listBookRnew ul:after{display:block;clear:both;content:""} .tab_listBookRnew li{float:left;} .tab_listBookRnew li a{float:left;position:relative;color:#222222; text-decoration:none; font-weight:normal;} .tab_listBookRnew li a span{display:inline-block;padding:0px;letter-spacing:-1px;cursor:pointer} .tab_listBookRnew li span.line{ color:#d6d6d6; font-weight:normal;} .tab_listBookRnew li ul{display:none;position:absolute;top:25px;left:0;width:100%;margin:0;padding:0;border:0;list-style:none;*zoom:1} .tab_listBookRnew li ul:after{display:block;clear:both;content:""} .tab_listBookRnew li li{float:none;position:relative;margin:0;color:#363533; font-size:12px; line-height:21px; background: url("/images/main/bul2.gif") no-repeat 0 50%; padding:3px 0 3px 7px; overflow:hidden; text-overflow:ellipsis; width:323px; white-space:nowrap; border-bottom:1px dotted #ccc;} .tab_listBookRnew li li:last-child{border-bottom:none;} .tab_listBookRnew li li a{float:none;margin:0;padding:0;border:0 !important;font-weight:normal;color:#363533 !important;letter-spacing:normal} .tab_listBookRnew li li a:hover, .tab_listBookRnew li li a:active, .tab_listBookRnew li li a:focus{color:#000 !important;text-decoration:underline} .tab_listBookRnew.m1 .m1 a, .tab_listBookRnew.m2 .m2 a, .tab_listBookRnew.m3 .m3 a, .tab_listBookRnew.m4 .m4 a, .tab_listBookRnew.m5 .m5 a, .tab_listBookRnew.m6 .m6 a, .tab_listBookRnew.m7 .m7 a, .tab_listBookRnew.m8 .m8 a, .tab_listBookRnew.m9 .m9 a, .tab_listBookRnew.m10 .m10 a, .tab_listBookRnew.m11 .m11 a, .tab_list.m12 .m12 a{color:#333} .tab_listBookRnew.m1 .m1 a span, .tab_listBookRnew.m2 .m2 a span, .tab_listBookRnew.m3 .m3 a span, .tab_listBookRnew.m4 .m4 a span, .tab_listBookRnew.m5 .m5 a span, .tab_listBookRnew.m6 .m6 a span, .tab_listBookRnew.m7 .m7 a span, .tab_listBookRnew.m8 .m8 a span, .tab_listBookRnew.m9 .m9 a span, .tab_listBookRnew.m10 .m10 a span, .tab_listBookRnew.m11 .m11 a span, .tab_listBookRnew.m12 .m12 a span{font-weight:bold; color:#e84467;} .tab_listBookRnew.m1 .m1 ul, .tab_listBookRnew.m2 .m2 ul, .tab_listBookRnew.m3 .m3 ul, .tab_listBookRnew.m4 .m4 ul, .tab_listBookRnew.m5 .m5 ul, .tab_listBookRnew.m6 .m6 ul, .tab_listBookRnew.m7 .m7 ul, .tab_listBookRnew.m8 .m8 ul, .tab_listBookRnew.m9 .m9 ul, .tab_listBookRnew.m10 .m10 ul, .tab_listBookRnew.m11 .m11 ul, .tab_listBookRnew.m12 .m12 ul{display:block} .tab_listBookRnew li .left{width:230px; float:left; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;} .tab_listBookRnew li .right{width:80px; float:right; text-align:right;} .tab_listBookRnew.js_off{height:auto} .tab_listBookRnew.js_off ul{border:0} .tab_listBookRnew.js_off li{float:none;position:relative; } .tab_listBookRnew.js_off li a{display:block;float:none;color:#333} .tab_listBookRnew.js_off li ul{position:static;display:block;left:0;top:0;padding:5px 0} .tab_listBookRnew.js_off li li a{display:inline;border:0 !important;background:none !important;font-weight:normal} .bookSearch{ width:100%; height:35px; background:#ededed;} .bookSearch p.left{display:inline-block; float:left; padding:7px 0 7px 28px} .bookSearch p.left span{display:inline-block; vertical-align:middle; margin-right:3px } .bookSearch p.left select{display:inline-block; vertical-align:middle } .bookSearch p.left .txt{ height:18px;display:inline-block; vertical-align:middle } .bookSearch p.right{display:inline-block; float:right;padding:7px 28px 7px 0} .bookSearch p.right .txt{ height:18px;display:inline-block; vertical-align:middle } .bookSearch p.right span{display:inline-block; vertical-align:middle ; margin-right:3px} .bookSearch p.right select{display:inline-block; vertical-align:middle } .bookReco{ width:100%;} .bookReco h2{ padding-bottom:12px} .bookReco ul li{ width:160px; height:320px; float:left; margin-right:45px; margin-bottom:45px} .bookReco ul li:first-child + li + li + li {margin-right:0px} .bookReco ul li:first-child + li + li + li + li + li + li + li {margin-right:0px} .bookReco ul li:first-child + li + li + li + li + li + li + li + li + li + li + li {margin-right:0px} .bookReco ul li:first-child + li + li + li + li + li + li + li + li + li + li + li + li + li + li + li{margin-right:0px} .bookReco ul li:nth-child(4n){margin-right:0px} .bookReco ul li .img img{ width:158px; height:218px; border:1px solid #ccc;} .bookReco ul li p.title{font-size:15px; font-weight:bold; color:#282828; padding-top: 5px; word-break: keep-all;} .bookReco ul li p.pro{ color:#999; padding:8px 0} .bookReco ul li p.price{ color:#d6133a;} .bookReco ul li p.price span{font-size:14px; margin-left:8px; float:none; font-weight:bold} .bookReco ul li p.price del{color:#333} .bookReco ul li p.infotext{color:#d6133a; font-size:11px; padding-top: 5px;} .bookDeinfo{ width:100%; height:90px; padding:10px; border:1px solid #e5e5e5;} .bookDeinfo .img{ float:left; width:130px; margin-right:4px; text-align:center; line-height:90px;} .bookDeinfo .txt{ float:left; width:630px; padding-left:20px; margin-top:9px; border-left:1px solid #c1c1c1; line-height:18px;} .subBooklist{width:100%;} .subBooklist ul li{ width:360px; float:left; border-bottom:1px solid #d7d7d7; padding:25px 0;background:url(/images/book/sub_line.gif) no-repeat left 10px; padding-left:25px } .subBooklist ul li:nth-child(2n){background:none;} .subBooklist ul li:first-child + li + li + li {background:none!important;} .subBooklist ul li .chk{ display:inline-block; float:left; margin-top:70px; margin-right:8px} .subBooklist ul li .left{ float:left; width:102px;} .subBooklist ul li .txt{ float:left; padding-left:15px; width:220px;} .subBooklist ul li .img{ width:102px; height:147px; } .subBooklist ul li .img img{width:100px; height:145px;border:1px solid #ccc;} .subBooklist ul li .txt p.title{ font-size:18px; font-weight:bold; color:#282828;} .subBooklist ul li .txt p.pro{ color:#676566; padding:8px 0} .subBooklist ul li .txt p.price{ color:#d6133a;} .subBooklist ul li .txt p.price span{font-size:16px; margin-left:8px; float:none; font-weight:bold} .subBooklist ul li .txt p.price del{color:#333} .bookDetailBox{width:783px; border:1px solid #e9e9e9; height:470px;} .bookDetailBox .left{ background:#f9f9f9; border-right:1px solid #e9e9e9; width:249px; height:468px; float:left; text-align:center; position:relative} .bookDetailBox .right{background:#fff; float:left;} .bookDetailBox .left p.img{width:200px; height:275px; margin:0 auto} .bookDetailBox .left p.img img{width:198px; height:273px;border:1px solid #ccc;} .bookDetailBox .txt p.title{ font-size:22px; font-weight:bold; color:#333333; width:100%; height:60px;} .bookDetailBox .txt p.title span{ margin:15px; display:inline-block; font-size:18px;/**/} .bookDetailBox .txt .bookinfo{ border-top:1px solid #eee;border-bottom:1px solid #eee; font-size:13px; color:#333333; height:280px; padding:20px 0} .bookDetailBox .txt .bookinfo strong{ color:#cb133a;} .bookDetailBox .txt .bookinfo ul li{ line-height:25px;} .bookDetailBox .txt .bookinfo ul li span{ background:url(/victory/cpa/images/offline/offline12.gif) no-repeat left 10px; padding-left:10px!important; margin-left:15px;} .lnbBnrBook{ width:186px; /*height:242px;*/height:187px; border:1px solid #d7d7d7; margin-top:20px;} .lnbBnrBook .txtBoxOrange{ width:168px; height:auto; color:#fff; text-align:center; margin:0 auto; background:#f07e67; font-size:13px; padding:5px 0; letter-spacing:-1px; margin-bottom:10px;} .lnbBnrBook .txtBoxOrange span{ font-weight:bold;} .lnbBnrBook ul{width:168px; margin:0 auto} .lnbBnrBook ul li{float:none;position:relative;margin:0; background: url("/images/main/bul2.gif") no-repeat 0 7px; font-size:11px; color:#525252; letter-spacing:-1px; padding-left:4px} /*#popup_161214, #bnr_btm_tpass_170112, #pop_setStartpage, .pop_setStartpage_dimmed{display:none !important}*/ /************************** 2017 리뉴얼시 적용될 leftmenu ******************************/ #newLeftWrap{ width:210px;box-sizing:border-box} #newLeftWrap h2{ font-size:27px!important} #newLeftWrap .line{ border-top:1px solid #cb133a} #newLeftWrap *{box-sizing:border-box} #newLeftWrap .newLeftTab{ width:100%;} #newLeftWrap .newLeftTab ul li{ float:left; width:50%; display:block; background:#f4f4f4; height:34px; border-top:1px solid #e0e0e0; text-align:center; padding-top:8px;border-bottom:1px solid #cc193f; border-left:1px solid #e0e0e0;text-indent:-1px;} #newLeftWrap .newLeftTab ul li+li{border-left:0;border-right:1px solid #e0e0e0; } #newLeftWrap .newLeftTab ul li+li.on{ text-indent:-2px} #newLeftWrap .newLeftTab ul li.on{ border-top:1px solid #cc193f; border-left:1px solid #cc193f;border-right:1px solid #cc193f ; background:#fff; border-bottom:none;text-indent:0px;} #newLeftWrap .newLeftTab ul li.on a{color:#cb133a; } #newLeftWrap .newLeftTab ul li a{ color:#808080; font-size:13px; width:100%; display:inline-block;} #newLeftWrap .newLeftTab:after{content:".";display:block;height:0;clear:both;visibility:hidden;} #newLeftWrap .newLeftCnt{width:100%} #newLeftWrap .newLeftCnt .leftCnt{ width:100%; padding:0px;} #newLeftWrap .newLeftCnt .leftCnt ul li a{ text-decoration:none;} #newLeftWrap .newLeftCnt .leftCnt ul li a:hover{color:#cb133a!important} #newLeftWrap .newLeftCnt .leftCnt ul li.on>a{color:#cb133a!important} #newLeftWrap .newLeftCnt .leftCnt ul.dep_1>li{ border-bottom:1px solid #e8e8e8; padding:15px; } #newLeftWrap .newLeftCnt .leftCnt ul.dep_1 li a{ font-size:15px; font-weight:bold; color:#454545} #newLeftWrap .newLeftCnt .leftCnt ul.dep_2{ margin-top:5px;} #newLeftWrap .newLeftCnt .leftCnt ul.dep_2 li { line-height:24px;} #newLeftWrap .newLeftCnt .leftCnt ul.dep_2 li a{ font-size:13px; font-weight:normal; color:#636161} #newLeftWrap .newLeftCnt .mypagelnb ul.dep_3 li a{ font-weight:bold!important;} /*#newLeftWrap .newLeftCnt .leftCnt ul.dep_3{ background:#f7f7f7; padding:15px 10px; margin-top:8px;}*/ #newLeftWrap .newLeftCnt .leftCnt ul.dep_3{margin:5px 0;} #newLeftWrap .newLeftCnt .leftCnt ul.dep_3 li { line-height:18px; background:url(/images/common/dot_left.gif) no-repeat 7px 10px #f7f7f7; padding-left:17px;} #newLeftWrap .newLeftCnt .leftCnt ul.dep_3 li a{ font-size:12px; font-weight:normal; color:#636161} #newLeftWrap .newLeftCnt .leftCnt .jtoggle{ margin-top:0} /*#newLeftWrap .newLeftCnt .leftCnt .dep_3BG { background:#f7f7f7; margin-top:8px;}*/ #newLeftWrap .newLeftCnt .leftCnt ul.dep_4{ margin-top:5px; display:block!important} #newLeftWrap .newLeftCnt .leftCnt ul.dep_4 li { line-height:18px; background:url(/images/common/dot_re.gif) no-repeat 0 7px; padding-left:13px; } #newLeftWrap .newLeftCnt .mypagelnb ul.dep_4 li a{font-weight:normal!important; color:#636161} /*공통 HEADER 배너*/ #topEventBnr{width:300px; height:46px; position:absolute; left:0!important; bottom:50px; text-align:left} #topEventBnr .group {width:300px; height:46px; margin:0 auto;} #topEventBnr .group ul {width:200px; height:46px;overflow:hidden; margin-left:0!important} #topEventBnr .group ul li{margin-left:0!important} #topEventBnr .group ul li img{/*width:200px; */height:46px; margin:0!important} #topEventBnr .group:last-child{border-right:0} #topEventBnr .group.last{border-right:0} #topEventBnr .group .btn span.total{color:#999} #topEventBnr .group .btn .nav_prev{ position:absolute; left:202px; bottom:7px; z-index:99999} #topEventBnr .group .btn .nav_next{ position:absolute; left:214px; bottom:7px; z-index:99999} /*.topEventBnr{width:200px; height:46px; position:absolute; left:0!important; bottom:40px} .topEventBnr .imgs {width:200px; height:46px; margin:0 auto; overflow:hidden} .topEventBnr .imgs ul {width:200px; height:46px;overflow:hidden; margin-left:0!important} .topEventBnr .imgs ul li{margin-left:0!important} .topEventBnr .imgs ul li img{width:200px; height:46px; margin:0!important} .topEventBnr .imgs:last-child{border-right:0} .topEventBnr .imgs.last{border-right:0} .topEventBnr .btn .prev1{ position:absolute; left:202px; bottom:0; z-index:22222} .topEventBnr .btn .next1{ position:absolute; left:221px; bottom:0; z-index:22222}*/ /*내강의실 프리패스 수강신청*/ #passLecture{} #passLecture .tit_2{font-size:16px; font-weight:bold; letter-spacing:-1px; margin-bottom:15px; position:relative;} #passLecture .tit_2 .btn_5{background:#d20435; color:#fff !important; padding:0 15px; vertical-align:middle; border:0; font-size:12px;} #passLecture .selectDate{ font-size:16px; float:right} #passLecture .selectDate span{color:#d20435;} #passLecture .btnArea{position: relative; left:0; top:5px; letter-spacing:-1px; font-weight:bold; margin-bottom: 10px;} /* #passLecture .btnArea{position:absolute; right:0; top:5px; letter-spacing:-1px; font-weight:bold;} */ #passLecture .btnArea a{padding:0 10px; margin:0;} #passLecture .infoPass{letter-spacing:-1px; margin-bottom:40px;} #passLecture .infoPass:after{content:''; display:block; clear:both;} #passLecture .infoPass h6{color:#222; font-size:16px; font-weight:bold; margin-bottom:10px;} #passLecture .infoPass .infoBg{font-size:13px; height:185px; padding:20px; background-color:#fafafa; box-sizing:border-box; border:1px solid #999; position:relative;} #passLecture .infoPass .promise .infoBg{border-left:0;} #passLecture .infoPass .myIng{float:left; width:50%;} #passLecture .infoPass .myIng ul{} #passLecture .infoPass .myIng ul li{color:#222; line-height:22px;} #passLecture .infoPass .myIng ul li span{display:inline-block; width:35%; position:relative; padding-left:10px;} #passLecture .infoPass .myIng ul li span:before{content:''; display:inline-block; background-color:#d20435; width:3px; height:3px; position:absolute; left:0; top:10px;} #passLecture .infoPass .promise{float:right; width:50%;} #passLecture .infoPass .promise p{color:#666; line-height:22px; height:80px; overflow:auto;} #passLecture .infoPass .btn_5{position:absolute; bottom:15px; right:15px; padding:0 10px; font-size:12px;} #passLecture .infoPass .myIng .btn_5{background:#d20435; color:#fff !important; border-color:#d20435;} #passLecture .infoPass .passBtn{display:block; font-size:16px; font-weight:bold; margin-top:10px; width:385px; height:60px; line-height:60px; text-align:center; color:#222; background-color:#d9d9d9; position:relative;} /*#passLecture .infoPass .passBtn:after{content:''; display:block; position:absolute; border-right:2px solid #222; border-bottom:2px solid #222; width:8px; height:8px; transform:rotate(-45deg); top:25px; right:90px;}*/ #passLecture .infoPass .promise .passBtn{background-color:#d20435; color:#fff; margin-left:7px;} #passLecture .infoPass .promise .passBtn:after{border-color:#fff;} #passLecture .popPromise{display:none; position:absolute; background:#fff; width:350px; padding:20px; top:11%; left:43%; border:1px solid #222;} #passLecture .popPromise .btnClose{position:absolute; top:0; right:0;} #passLecture .popPromise textarea{width:330px; height:60px; padding:10px; background-color:#fafafa; border:1px solid #999;} #passLecture .popPromise .popBtn{width:30%; margin:10px auto 0;} #passLecture .popPromise .popBtn a{position:static;} #passLecture .popPromise .btnSave{} #passLecture .popPromise .btnCancel{} #writeAfter p{color:#1f81cc !important; font-size:20px; line-height:26px !important; text-align:center; font-weight:bold;} #passLecture .infoTxt{border: 1px solid #d1d1d1;box-sizing: border-box;margin-bottom: 25px;width: 100%; padding:15px;} #passLecture .infoTxt ul li{background:url(/images/main/2017/blit_dot.gif) no-repeat 0 10px; padding-left:10px; line-height:160%} #passLecture .infoTxt .title{padding:20px 0 3px 0; font-weight:bold;} #passLecture .infoTxt ul li strong{color:#cb133a;} #passLecture .table_1 td input{vertical-align:middle; display:inline-block; margin-right:5px;} #passLecture .mt10{margin-top:10px;} #passLecture .mt20{margin-top:20px;} .myList{position:relative;} .myList .btnArea{position:absolute; right:0; top:-5px;} .myList .btnArea a{padding:0 10px; font-size:12px; font-weight:bold; letter-spacing:-1px; margin:0;} /*** 2022-12-14 평생0원패스 연장 개발 건(162152) ***/ .passBtn_box {display:flex;} .passBtn_box a:nth-child(2) {margin:10px 7px;} .passBtn_box .passBtn:after {display:none;} .passBtn_box .passBtn.mr0 {margin-right:0;} /* 레이어 팝업 공통 스타일 */ .tit_wrap {height:45px; padding:0 20px; background:#4d207a;} .tit_wrap h3 {font-size:16px; color:#fff; line-height:45px;} .tit_wrap .x {position:absolute; top:12px; right:20px; cursor:pointer;} .cont_wrap {padding:30px 20px;} .cont_wrap h4 {margin-bottom:8px; font-weight:bold; font-size:15px; letter-spacing:-1px;} .cont_wrap a:hover {text-decoration:none;} /* 평생 0원 PASS 연장신청내역 조회 레이어 팝업 */ .passExtensionHistory_wrap {position:fixed; z-index:999; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.5); display:none;} .passExtensionHistory {position:fixed; z-index:2; top:50%; left:50%; transform:translate(-50%,-50%); width:800px; height:410px; background:#fff;} .table_wrap {height:307px; overflow-y:auto;} .table_wrap table {width:100%;} .table_wrap table th:last-child, .table_wrap table td:last-child {border-right:0;} .table_wrap table th {height:50px; background:#f7f7f7; border:1px solid #d6d6d6; border-left:0; font-size:13px; color:#111; text-align:center;} .table_wrap table td {height:50px; background:#fff; border-bottom:1px solid #d6d6d6; border-right:1px solid #d6d6d6; font-size:13px; color:#666; text-align:center;} .table_wrap table td .decision {display:inline-block; width:50px; padding:5px 6px; background:#666; font-size:12px; color:#fff;} .table_wrap table td .accept {display:inline-block; width:50px; padding:5px 6px; background:#cb133a; font-size:12px; color:#fff;} .table_wrap table td .refuse {display:inline-block; width:50px; padding:5px 6px; background:#333; font-size:12px; color:#fff;} .table_wrap table td img {padding-right:4px;} /* 연장 확인 레이어 팝업 */ .passExtensionConfirm_wrap {position:fixed; z-index:999; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.5); display:none;} .passExtensionConfirm {position:fixed; z-index:2; top:50%; left:50%; transform:translate(-50%,-50%); width:660px; background:#fff;} .passExtensionConfirmTab {display:flex; width:100%; } .passExtensionConfirmTab a {width:50%; height:50px; background:#f4f4f4; border:1px solid #d6d6d6; border-bottom:1px solid #666; font-size:15px; color:#666; text-align:center; line-height:50px; box-sizing:border-box; text-decoration:none;} .passExtensionConfirmTab a.on {width:50%; height:50px; background:#fff; border:1px solid #666; border-bottom:0; font-size:15px; color:#111; text-align:center; line-height:50px;} .passExtensionConfirmTab_cont {padding:25px 0 0;} .passExtensionConfirmTab_cont .cont {display:none;} .passExtensionConfirmTab_cont .cont.on {display:block;} .passExtensionConfirmTab_cont .cont p {position:relative; height:auto !important; margin-bottom:4px; padding-left:12px; font-size:14px; color:#333 !important;} .passExtensionConfirmTab_cont .cont p:after {position:absolute; top:0; left:0; content:'ㆍ';} .passExtensionConfirmTab_cont .line {width:100%; height:1px; margin:18px 0; background:#ccc;} .passExtensionConfirmTab_cont .cont h3 {font-weight:bold; font-size:16px; margin-bottom:6px;} .passExtensionConfirmTab_cont .cont h3 img {padding-right:4px;} .passExtensionConfirmTab_cont .cont .btn-apply {display:block; width:180px; height:50px; margin: 20px auto 0; background:#d9d9d9; font-weight:bold; font-size:16px; color:#111; text-align:center; line-height:50px; text-decoration:none;} .filebox {margin-top:26px;} .filebox .upload-name {display:inline-block; width:92%; height:40px; padding:0 10px; vertical-align:middle; border:1px solid #ddd; color:#999; box-sizing:border-box;} .filebox label {display:inline-block; width:40px; height:40px; margin-left:6px; background-color:#fff; border:1px solid #ddd; text-align:center; line-height:35px; box-sizing:border-box; cursor:pointer;} .filebox input[type="file"] {position:absolute; width:0; height:0; padding:0; overflow:hidden; border:0; display:none;} /* 환급 신청 레이어 팝업 */ .refundApplication_wrap {position:fixed; z-index:999; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.5); display:block;} .refundApplication {position:fixed; z-index:2; top:50%; left:50%; transform:translate(-50%,-50%); width:660px; background:#fff;} .cont_wrap .flex {display:flex; align-items:center; margin-bottom:15px;} .cont_wrap .flex .btn-down:nth-child(1) {border-right:0;} .cont_wrap .flex .btn-down {display:inline-block; width:50%; height:40px; background:#f7f7f7; border:1px solid #d6d6d6; font-size:13px; text-align:center; line-height:40px;} .inputBox input[type="text"] {display:inline-block; width:90%; height:40px; padding:0 10px; vertical-align:middle; border:1px solid #ddd; color:#999; box-sizing:border-box;} .inputBox a {width:100px; height:40px; margin-left:6px; border:1px solid #ddd; font-size:13px; text-align:center; line-height:40px; box-sizing:border-box;} .filebox2 .upload-name {display:inline-block; width:475px; height:40px; padding:0 10px; vertical-align:middle; border:1px solid #ddd; color:#999; box-sizing:border-box;} .filebox2 label {display:inline-block; width:40px; height:40px; margin-left:6px; background-color:#fff; border:1px solid #ddd; text-align:center; line-height:35px; box-sizing:border-box; cursor:pointer;} .filebox2 input[type="file"] {position:absolute; width:0; height:0; padding:0; overflow:hidden; border:0; display:none;} .btn-submit {width:94px; height:40px; margin-left:6px; border:1px solid #ddd; font-size:13px; text-align:center; line-height:40px; box-sizing:border-box;} .refundApplication .cont_wrap h3 {margin:15px 0 6px; font-weight:bold; font-size:16px; letter-spacing:-1px;} .refundApplication .cont_wrap h3 img {padding-right:4px;} .refundApplication .cont_wrap p {position:relative; height:auto !important; margin-bottom:4px; padding-left:6px; font-size:14px; color:#333 !important; line-height:22px; letter-spacing:-1px;}