@charset "utf-8"; /* ----------------------------------------------------------------- .Name : acu_ui.css .Content : ACU PORTAL MAIN, ACU PORTAL SUB ----------------------------------------------------------------- */ /* reset */ html, body {height:100%; -webkit-text-size-adjust:none} h1, h2, h3, h4, h5, h6 {font-size:100%} html, body, div, iframe, form, fieldset, legend, input, select, button, textarea, h1, h2, h3, h4, h5, h6, p, blockquote, address, dl, dt, dd, ol, ul, li, table, caption, tbody, tfoot, thead, tr, th, td {margin:0; padding:0} ol, ul, li {list-style:none} img, fieldset {border:0 none} input, button, select, textarea, label {vertical-align:middle; resize:none} input, textarea {-webkit-appearance:none; -webkit-border-radius:0} input[type="checkbox"] {-webkit-appearance:checkbox} input[type="radio"] {-webkit-appearance:radio; -webkit-border-radius:10px} input[type="button"], input[type="submit"], input[type="reset"] {cursor:pointer} button {border:0 none; background:transparent; cursor:pointer} button, input[type="reset"], input[type="button"], input[type="submit"] {line-height:normal !important} table {border-collapse:collapse; border-spacing:0} address, em, optgroup {font-style:normal} hr {display:none} pre {white-space: pre-line !important} legend {position:absolute; top:0; left:-99999px; width:0; height:0; font-size:0; line-height:0; overflow:hidden} caption {width:0; height:0; font-size:0; line-height:0; text-indent:-99999px; overflow:hidden} .blind {position:absolute; top:0; left:0; width:1px; height:1px; text-indent:10px; white-space:nowrap; overflow:hidden} .hide {width:0; height:0; margin:0; padding:0; visibility:hidden; font-size:0; line-height:0; position:absolute; top:0; left:0; overflow:hidden} header, footer, section, article, aside, nav, hgroup, details, menu, figure, figcaption {display:block} /* default_font */ body, input, select, button, textarea, table {color:#333; font-size:12px; font-family:Verdana, Arial, Sans-serif} /* default_link */ a {color:#333; text-decoration:none} /* skip_navi */ #skip_navi{position:absolute; left:0; top:0; width:100%; z-index:200} #skip_navi li{position:absolute; left:0; top:0; width:100%; z-index:5} #skip_navi a{display:block; width:1px; height:1px; margin-bottom:-1px; font-size:0; overflow:hidden} #skip_navi a:active, #skip_navi a:focus{width:100%; height:auto; padding:5px 0; background:#f5f5f5; font-size:1em; text-align:center} /* -------------------- ACU PORTAL -------------------- */ /* ---------- ACU GLOBAL ---------- */ body {background:#898989} #wrapper {width:997px; margin:0 auto; *zoom:1} #wrapper:after {display:block; content:""; clear:both} #gnb_wrap {float:left; width:162px; background:url('../images/portal/bg_gnbwrap.png') no-repeat} #gnb_wrap h1 {padding:20px 0 84px 21px} #gnb_wrap .login_area {padding-left:1px} #gnb_wrap .login_area img {vertical-align:top} #gnb_wrap .login_area p.user_name {padding:8px 12px 7px 0; color:#e8e8e8; font-size:11px; text-align:center; word-break:break-word} #gnb_wrap .login_area .jsSelect4 {z-index:99 !important} #gnb_wrap .login_area .inputs {width:149px; padding-top:6px} #gnb_wrap .login_area .inputs .inp_txt {margin-top:4px; border:none; background:#bebebe} #gnb_wrap .login_area .inputs .inp_txt input {background:#bebebe; color:#4b535f} #gnb_wrap .login_area .inputs .onlabel label {font-size:11px; color:#4b535f} .onlabel {position:relative} #gnb_wrap .login_area .btns {margin-top:5px; height:27px} #gnb_wrap .login_area .btns .bt, #gnb_wrap .login_area .btns input {float:left} #gnb_wrap .login_area .btns .btn_signup, #gnb_wrap .login_area .btns .btn_profile {margin-left:7px} #gnb_wrap .find_wrap {width:149px; padding-top:6px; text-align:center} #gnb_wrap .find_wrap a {color:#333; font-size:11px} #gnb_wrap .find_wrap a.find_id {margin-right:6px; padding-right:10px; background:url('../images/portal/bar_login.gif') no-repeat 100% 50%} #gnb {position:relative; width:149px; margin-top:39px; background:url('../images/portal/line_gnb.gif') repeat-x; z-index:5} #gnb > li {position:relative; background:url('../images/portal/line_gnb.gif') repeat-x left bottom} #gnb li a.dep1 {display:block; padding:8px 0 8px 2px; color:#fff; font-size:14px} #gnb li a.dep1.on {color:#474647} #gnb li ul {display:none; position:absolute; top:50%; left:149px; width:113px; padding-left:13px; background:url('../images/portal/bg_gnb_arr.png') no-repeat 4px 50%} #gnb li ul li {padding:0 0 11px 10px; background:#df2027} #gnb li ul li:first-child {padding-top:10px} #gnb li ul li a {color:#f4c5c6; font-size:11px} #gnb li ul li a:hover, #gnb li ul li a:focus {text-decoration:underline} /*#gnb li.mn01 ul {top:-51px} #gnb li.mn02 ul {top:20px} #gnb li.mn03 ul {top:38px} #gnb li.mn04 ul {top:73px} #gnb li.mn05 ul {top:119px}*/ #footer {position:relative; clear:both; padding-bottom:40px} #footer p.logo {position:absolute; top:18px; right:0} #footer ul.footmenu {float:left; padding-top:14px} #footer ul.footmenu li {float:left; padding:0 20px 0 21px; background:url('../images/portal/bar_footlink.gif') no-repeat 0 50%} #footer ul.footmenu li:first-child {padding-left:0; background:none} #footer ul.footmenu li a {color:#e8e8e8; font-size:13px; line-height:1.2} #footer p.copyright {clear:both; padding-top:6px; color:#444; font-size:10px} #footer p.copyright em {color:#333; font-weight:bold} .potal_sub #footer {padding-top:10px; padding-left:37px} .potal_sub #footer p.logo {top:24px} /* ---------- ACU MAIN ---------- */ .main_visual {position:relative; float:left; width:324px; overflow:hidden} .main_visual .slider_roll {position:relative; width:324px; height:700px; overflow:hidden} .main_visual .slider_roll ul {width:1000%; height:700px; overflow:hidden} .main_visual .slider_roll ul li {position:absolute; float:left; width:324px; height:700px} .main_visual .slider_roll ul li img.thumb {width:324px; height:700px} .main_visual .slider_roll ul li .slide_txt {position:absolute; top:0; left:0; width:324px; height:190px; padding-top:50px; background:url('../images/portal/bg_mainvisual.png') no-repeat; text-align:center} .main_visual .slider_control {position:absolute; top:19px; left:0; right:0; text-align:center} .main_visual .slider_control li {display:inline; padding-left:25px} .main_visual .slider_control li:first-child {padding-left:0} .main_visual .slider_control li a {display:inline-block; width:16px; height:16px; background:url('../images/portal/btn_mainvisual.png') no-repeat 0 0} .main_visual .slider_control li a.on {background-position:-41px 0} .potal_main #container {float:right; width:488px} #main_contents {float:left; width:488px} #main_contents .box {margin-top:10px; background:#a4a4a4} #main_contents .box h2 {padding:13px 0 0 12px; color:#fff; font-weight:normal; font-size:14px; text-shadow:1px 1px 0px rgba(0,0,0,0.3)} #main_contents .box .txt {font-size:11px; line-height:16px} #main_contents .cont_section {float:left; width:232px} #main_contents .cont_section .box {position:relative; height:207px} #main_contents .cont_section .txt {padding:4px 20px 0 12px} #main_contents .cont_section .thum {position:absolute; left:13px; bottom:12px} #main_contents .cont_section .thum img {width:206px; height:91px; vertical-align:top} #main_contents .cont_section .more {position:absolute; top:0; right:0} #main_contents .aside {float:right; width:232px} #main_contents .aside h2 {height:12px} #main_contents .aside .sample_lecture {height:246px} #main_contents .aside .sample_lecture h2 {margin-bottom:8px} #slider_sample_lecture {position:relative; width:232px} #slider_sample_lecture .slider_list {position:relative; width:159px;/*160*/ height:31px; /*margin:0 auto;*/ margin-left:39px; overflow:hidden} #slider_sample_lecture .slider_list ul {position:absolute; top:0; left:0; width:500px} #slider_sample_lecture .slider_list li {float:left; width:40px; padding-top:2px} #slider_sample_lecture .slider_list li a {float:left} #slider_sample_lecture .slider_list li img {float:left; vertical-align:top} #slider_sample_lecture .slider_list li a.engineering {padding-left:3px} #slider_sample_lecture .btn_area {position:absolute; top:0; left:0; right:0} #slider_sample_lecture .btn_area a {display:block; position:absolute; top:0; width:29px; height:31px} #slider_sample_lecture .btn_area a.prev {left:0; background:url('../images/portal/btn_sliderlist_prev.png') no-repeat} #slider_sample_lecture .btn_area a.next {right:0; background:url('../images/portal/btn_sliderlist_next.png') no-repeat} #main_contents .aside .sample_lecture .rep_lecture {padding:0 12px} #main_contents .aside .sample_lecture .rep_lecture h3 {padding:8px 0; overflow:hidden; text-overflow:ellipsis; -o-text-overflow : ellipsis; -webkit-text-overflow: ellipsis; white-space:nowrap; color:#000002; font-size:13px} #main_contents .aside .sample_lecture .rep_lecture .view {height:62px; color:#666} #main_contents .aside .sample_lecture .rep_lecture .view a.viewer {float:left; margin-right:6px} #main_contents .aside .sample_lecture .rep_lecture .view a.viewer img {float:left; width:110px; height:62px} #main_contents .aside .sample_lecture .rep_lecture .view strong {display:block; padding-top:9px} #main_contents .aside .sample_lecture .rep_lecture .view span {font-size:10px} #main_contents .aside .sample_lecture .rep_lecture dl {margin-top:7px} #main_contents .aside .sample_lecture .rep_lecture dt {font-size:11px; font-weight:bold; margin-bottom:5px} #main_contents .aside .press_room {height:150px} #main_contents .aside .press_room h2 {margin-bottom:10px} #main_contents .aside .press_room ul.vod {position:relative; height:76px; margin:0 12px} #main_contents .aside .press_room ul.vod li {position:absolute} #main_contents .aside .press_room ul.vod li.vod01 {left:0; top:0} #main_contents .aside .press_room ul.vod li.vod01 img {width:134px; height:76px} #main_contents .aside .press_room ul.vod li.vod02 {right:0; top:0} #main_contents .aside .press_room ul.vod li.vod02 img {width:62px; height:35px} #main_contents .aside .press_room ul.vod li.vod03 {right:0; bottom:0} #main_contents .aside .press_room ul.vod li.vod03 img {width:62px; height:35px} #main_contents .aside .press_room .txt {padding:5px 20px 0 12px; overflow:hidden; text-overflow:ellipsis; -o-text-overflow : ellipsis; -webkit-text-overflow: ellipsis; white-space:nowrap} #main_contents .aside .members {height:172px} #main_contents .aside .members h2 {margin-bottom:10px} #main_contents .aside .members img {vertical-align:top} #main_contents .aside .members ul {*zoom:1} #main_contents .aside .members ul:after {content:""; display:block; clear:both} #main_contents .aside .members ul li {float:left; padding-bottom:7px; text-align:center} #main_contents .aside .members ul li dd {padding-top:1px} #main_contents .aside .members ul li dd a {padding:0 4px; font-size:11px; font-family:Arial} #main_contents .aside .members ul li dd a.first {background:url('../images/portal/bar_members.gif') no-repeat 100% 50%} #main_contents .aside .members ul li dd a:hover, #main_contents .aside .members ul li dd a:focus {text-decoration:underline} #main_contents .aside .members ul li:first-child, #main_contents .aside .members ul li.first-child {padding-left:5px} #main_contents .aside .members ul li.col2_l, #main_contents .aside .members ul li.col2_r {width:50%} #main_contents .aside .members ul li.col2_l dl {padding-left:25px} #main_contents .aside .members ul li.col2_r dl {padding-right:30px} #main_contents .aside ul.sns {height:35px; padding-top:16px} #main_contents .aside ul.sns li {float:left; padding-left:31px} #main_contents .aside ul.sns li:first-child {padding-left:0} #main_contents .aside ul.sns li.first-child {padding-left:0} #main_contents .aside ul.sns li:last-child {float:right; padding-left:0} #main_contents .aside ul.sns li.last-child {float:right; padding-left:0} /* ---------- ACU SUB ---------- */ /* subGlobal */ .potal_sub {position:relative; min-height:100%; background:url('../images/portal/bg_snbwrap.gif') repeat-y 162px 0} #snb_wrap {float:left; width:127px; background:#474647} #snb_wrap h2 {height:144px; padding:86px 0 0 13px; background:url('../images/portal/bg_snbtit.png') no-repeat; color:#fff; font-size:18px; text-shadow:1px 1px 0px rgba(0,0,0,0.3)} #snb_wrap h2.long {padding-left:6px} #snb_wrap ul.snb {margin-top:92px; border-top:1px solid #757575; background:#474647} #snb_wrap ul.snb li {border-bottom:1px solid #757575} #snb_wrap ul.snb li a {display:table-cell; width:101px; height:32px; padding:0 13px; color:#bababa; font-size:11px; vertical-align:middle} #snb_wrap ul.snb li a.on, #snb_wrap ul.snb li a:hover, #snb_wrap ul.snb li a:focus {color:#f06670} #snb_wrap ul.snb li.line3 a {height:52px} .potal_sub #container {float:right; width:708px} #contents {padding:0 20px 50px 37px; background:#fff} #contents .location {height:48px; padding-top:9px; color:#999; font-family:Tahoma; font-size:11px; } #contents .location em {color:#333} #contents .contit {padding:13px 0 18px; border-bottom:2px solid #d40000; background:url('../images/portal/bg_contit.gif') no-repeat right top; color:#000002; font-size:37px} #contents > .con {padding-top:35px} #contents > .con p.para {line-height:17px} #contents > .con h4.default {color:#000002; font-size:20px} #contents > .con p.caption {margin:25px 0 10px} /* History */ .history dl {position:relative; margin-top:35px} .history dl dt {position:absolute; top:50%; left:0; margin-top:-9px} .history dl dd {margin-left:153px} .history dl dd p {margin-top:10px; line-height:17px} .history dl dd p:first-child, .history dl:first-child {margin-top:0} /* Objective and Vision */ .objective h4, .vision h4 {margin-bottom:12px} .vision {margin-top:23px} .vision li {margin-top:6px} .vision li:first-child {margin-top:0} .vision li img {vertical-align:top} .vision p {margin-top:30px} /* Operation */ .operation p {margin-top:25px; line-height:17px} .operation p img {float:left; margin-top:1px} .operation p strong {color:#000002; font-size:20px} .operation p:first-child {margin-top:0} /* Project Activities */ .proj_activities ul.list_bul li {margin-top:7px} .proj_activities ul.list_bul_cir {margin-bottom:10px; padding-left:17px} .gotop {margin-top:10px; text-align:right} .gotop img {vertical-align:top} /* ACU Members */ .mem_list {margin:0 0 30px; border-top:1px solid #afb6c0} .mem_list li {min-height:80px; padding-left:110px; border-bottom:1px solid #dce1e6} .mem_list li h4 {padding:11px 0 4px; color:#000002; font-size:15px} .mem_list li p {line-height:18px} .mem_list li.mem_insti_cambidia {background:url('../images/portal/img_institutes_cambidia01.gif') no-repeat 11px 0} .mem_list li.mem_insti_laos {background:url('../images/portal/img_institutes_laos01.gif') no-repeat 11px 0} .mem_list li.mem_insti_myanmar {background:url('../images/portal/img_institutes_myanmar01.gif') no-repeat 11px 0} .mem_list li.mem_insti_vietnam {background:url('../images/portal/img_institutes_vietnam01.gif') no-repeat 11px 0} .mem_list li.mem_insti_asean {background:url('../images/portal/img_institutes_asean.gif') no-repeat 11px 0} .mem_list li.mem_insti_thailand {background:url('../images/portal/img_institutes_thailand01.gif') no-repeat 11px 0} .mem_list li.mem_insti_korea_scu {background:url('../images/portal/img_institutes_korea01.gif') no-repeat 11px 0} .mem_list li.mem_insti_korea_wsu {background:url('../images/portal/img_institutes_korea02.gif') no-repeat 11px 0} .mem_list li.mem_states_cambidia {background:url('../images/portal/img_states_cambidia.gif') no-repeat 11px 0} .mem_list li.mem_states_laos {background:url('../images/portal/img_states_laos.gif') no-repeat 11px 0} .mem_list li.mem_states_myanmar {background:url('../images/portal/img_states_myanmar.gif') no-repeat 11px 0} .mem_list li.mem_states_vietnam {background:url('../images/portal/img_states_vietnam.gif') no-repeat 11px 0} .mem_list li.mem_states_thailand {background:url('../images/portal/img_states_thailand.gif') no-repeat 11px 0} .mem_list li.mem_states_korea {background:url('../images/portal/img_states_korea.gif') no-repeat 11px 0} .membership .info {padding:0 0 0 153px; background:url('../images/portal/bg_membership.gif') no-repeat} .membership h4 {margin:20px 0 10px} .membership p {line-height:17px} .membership .info h4 {margin-top:0} /* Partners */ .partners p {margin-top:30px; line-height:17px} .partners strong {color:#000002} .partners .un_apcict img {float:left} .partners .un_apcict strong {display:block; margin-bottom:10px; font-size:20px} .partners .un_apcict p {margin-top:0} /* Contact */ .contact {margin-top:-4px; padding-left:150px; background:url('../images/portal/img_contact.gif') no-repeat 0 4px} .contact h4 {margin-top:25px; margin-bottom:8px} .contact h4:first-child, .contact dl dt:first-child {margin-top:0} .contact dl dt {margin:10px 0 3px; font-weight:bold} .contact dl dd {line-height:17px} /* Academics */ .course_info {border-top:1px solid #afb6c0} .course_info > li {padding:16px 13px; border-bottom:1px solid #dce1e6; *zoom:1} .course_info > li:after {display:block; content:""; clear:both} .course_info a.course_thum {float:left} .course_info a.course_thum img {vertical-align:top} .course_info dl {float:right; width:404px; margin-top:-4px} .course_info dl dt {color:#000002; font-weight:bold; font-size:15px} .course_info dl dd {color:#202020; line-height:17px} .course_info dl dd.sme {margin:3px 0 16px; color:#666} .e_learning p:first-child {padding-bottom:30px; padding-left:150px; background:url('../images/portal/img_elearning.gif') no-repeat} /* Terms of References */ .terms_reference h4 {margin-bottom:10px} .terms_reference .reference {margin-bottom:30px; padding:10px 15px; border:1px solid #919ba7; color:#666} .terms_reference .reference p {margin-top:20px; line-height:17px} .terms_reference .reference p:first-child {margin-top:0} .terms_reference ul.tab {margin-bottom:15px} .terms_reference .reference_list {line-height:17px} .terms_reference .reference_list h5 {margin-bottom:5px; color:#000002} .terms_reference .reference_list h5.space {margin-top:20px} /* Steering Committee Members */ .scm_thum {margin-top:30px} .scm_thum img {max-width:100%; vertical-align:top} /* ACU Steering Committee */ #slider_committee {position:relative; width:651px; height:90px; margin:35px 0 0 0; padding-top:16px; background:#df2027; z-index:2} #slider_committee .slider_list {position:relative; width:571px; height:99px; margin-left:40px; overflow:hidden} #slider_committee .slider_list ul {position:absolute; top:0; left:0; width:1000%} #slider_committee .slider_list li {float:left; width:130px; height:99px; margin-right:17px} #slider_committee .slider_list li a {float:left; width:130px; height:74px} #slider_committee .slider_list li img {float:left; width:130px; height:74px; vertical-align:top} #slider_committee .slider_list li.on {background:url('../images/portal/bg_slider_on.png') no-repeat 50% 100%} #slider_committee .btn_area {position:absolute; top:0; left:0; right:0} #slider_committee .btn_area a {display:block; position:absolute; top:42px; width:15px; height:22px} #slider_committee .btn_area a.prev {left:10px; background:url('../images/portal/btn_sliderlist_prev2.png') no-repeat} #slider_committee .btn_area a.next {right:10px; background:url('../images/portal/btn_sliderlist_next2.png') no-repeat} #slider_committee .btn_area a.prev.off {background-image:url('../images/portal/btn_sliderlist_prev2_off.png')} #slider_committee .btn_area a.next.off {background-image:url('../images/portal/btn_sliderlist_next2_off.png')} .slider_list_detail {display:table-cell; width:651px; height:370px; background:#f5f6f6; text-align:center; vertical-align:middle} .slider_list_detail span {display:inline-block} .slider_list_detail img {max-width:651px; vertical-align:top} .linebox {display:inline-block; position:absolute; top:0; left:0; border:1px solid #000; opacity:0.3; filter:Alpha(opacity=30)} /* Press Room */ .slider_pressroom {width:100%; overflow:hidden; margin-top:30px; border-top:1px solid #afb6c0; background:url('../images/portal/bg_pressroom.gif') repeat} .slider_pressroom li {float:left; width:25%; padding:15px 0; text-align:center} .slider_pressroom li a {width:130px; height:74px} .slider_pressroom li img {width:130px; height:74px; vertical-align:top} .slider_pressroom li p {margin-top:10px; line-height:15px; text-align:left; padding-left:15px} .videoarea .video {text-align:center} .videoarea dl {padding:10px} .videoarea dl dt {margin-bottom:5px; color:#000002; font-size:15px} .videoarea dl dd {color:#202020} /* FAQ */ .search_faq {position:relative; margin-bottom:30px; padding:14px 24px} .search_faq .inp_txt {margin-right:41px} .search_faq button {position:absolute; top:14px; right:24px} .tab_faq li {margin-left:0 !important} .tab_faq li a {padding-left:20px; padding-right:20px} .faqlist ul {border-bottom:1px solid #c3c7cf} .faqlist li {padding:14px 0; border-top:1px dashed #c8d2df} .faqlist li a {line-height:16px; vertical-align: middle} .faqlist li:first-child {border-top:0} .faqlist li .ico_num {margin-right:6px} .ico_num {height:14px; padding:0 5px; border:1px solid #96a0b1; border-radius:7px; color:#63718a; font-weight:bold; font-size:11px; font-family:Tahoma; line-height:14px; vertical-align:0} .pop_faq .pop_con {padding:20px} .pop_faq .faq_type {padding-bottom:9px; background:url('../images/portal/bg_slider_on.png') no-repeat 31px 100%} .pop_faq .faq_type h2 {background:none !important; margin:0 !important; padding:0 0 15px !important; border-bottom:2px solid #e02027; color:#000002 !important; font-size:20px !important} .pop_faq h3 {padding:8px 1px; color:#0f2d50; font-size:14px} .faq_section {margin-bottom:30px; border-top:1px solid #c3c7cf} .faq_section .tit {padding:7px 10px 7px 36px; border-bottom:1px dashed #c8d2df; background:url('../images/common/icon_pop_tit.gif') no-repeat 23px 13px; color:#000002; line-height:19px} .faq_section .desc {padding:25px 0 0 36px} .faq_section .desc .img img {max-width:100%; vertical-align:top} .faq_section .desc ol {margin-top:7px} .faq_section .desc li {position:relative; padding-left:25px; color:#333; line-height:24px} .faq_section .desc li .no {position:absolute; top:0; left:0; #line-height:1.2} .faq_section .desc li ul {padding:5px 0} .faq_section .desc li li {padding:0; color:#666; font-size:11px; line-height:17px} /* Sitemap */ .popup.sitemap .pop_con {padding:27px 20px; *zoom:1} .popup.sitemap .pop_con::after {content:''; display:block; clear:both} .popup.sitemap .columns {width:293px; float:left} .popup.sitemap .col1, .sitemap .col2 {margin-right:30px} .popup.sitemap .columns > h2 {height:66px; margin:0; padding:0; border-top:2px solid #afb6c0; color:#000002; font-size:20px; background:url('../images/portal/bg_slider_on.png') no-repeat 31px 100%} .popup.sitemap .columns > h2 a {display:block; height:55px; padding-left:39px; line-height:55px; border-bottom:2px solid #e02027; background-repeat:no-repeat; background-position:11px 50%} .popup.sitemap .columns > h2.sitemap01 a {background-image:url('../images/portal/icon_smap_01.png')} .popup.sitemap .columns > h2.sitemap02 a {background-image:url('../images/portal/icon_smap_02.png')} .popup.sitemap .columns > h2.sitemap03 a {background-image:url('../images/portal/icon_smap_03.png')} .popup.sitemap .columns > h2.sitemap04 a {background-image:url('../images/portal/icon_smap_04.png')} .popup.sitemap .columns > h2.sitemap05 a {background-image:url('../images/portal/icon_smap_05.png')} .popup.sitemap .columns > ul {} .popup.sitemap .columns > ul > li {border-bottom:1px solid #c3c7cf} .popup.sitemap .columns > ul > li > a {display:block; height:37px; padding:0 11px; color:#0f2d50; font-size:14px; font-weight:bold; line-height:37px} .popup.sitemap .columns > ul > li ul {border-top:1px solid #c3c7cf} .popup.sitemap .columns > ul > li ul li {border-top:1px dashed #c8d2df} .popup.sitemap .columns > ul > li ul li a {display:block; height:34px; padding:0 11px; line-height:34px} .popup.sitemap .columns > ul > li ul li:first-child {border-top:none} .popup.sitemap .columns > ul.sitemap02 {margin-bottom:141px} .popup.sitemap .columns > ul.sitemap04 {margin-bottom:316px} /* -------------------- IMPORT COMMON CSS (LMS) -------------------- */ body.editor {height:auto; margin:20px} /* ---------- BUTTON ---------- */ .btnspace .btn, .btnspace button {margin-left:2px} .btnspace .btn:first-child{margin-left:0} .btn_r {margin-top:6px; text-align:right} .btn_r2 {margin:10px 0 20px; text-align:right} .btn_r3 {margin-top:10px; text-align:right} .bt {display:inline-block; vertical-align:middle} button.dim {opacity:0.5; filter:alpha(opacity=50); cursor:default} /* size(mediem, large, small, xsmall) */ .btn {display:inline-block; padding:2px 10px 3px; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; vertical-align:middle; font-weight:bold} .btn.btn_lg {padding:5px 10px 6px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px} .btn_sm {display:inline-block; height:19px; padding:0 5px; border:1px solid #919bad; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; vertical-align:middle; color:#414146; font-weight:normal; font-size:11px; line-height:19px; font-family:Tahoma; text-align:center; background:#e3e4e5 url('../images/common/bg_btn_xsm.gif') repeat-x} button.btn_sm {height:21px} .btn_xsm {display:inline-block; height:19px; padding:0 5px; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; vertical-align:middle; font-weight:normal; font-size:11px; line-height:19px; font-family:Tahoma; text-align:center} button.btn_xsm {height:21px} /* colorType */ .btn_white {border:1px solid #b4b4b4; border-bottom-color:#aaa; border:1px solid #b4b4b4; -moz-box-shadow:inset 0px -1px 0 rgba(233,233,233,1); -webkit-box-shadow:inset 0px -1px 0 rgba(233,233,233,1); box-shadow:inset 0px -1px 0 rgba(233,233,233,1); background:#fff; color:#202020} .btn_gray {height:19px; padding-top:0 !important; padding-bottom:0 !important; line-height:19px; border:1px solid #6c7387; border-bottom-color:#757c8f; border-right-color:#858b9c; background:#8c96a7; background:-moz-linear-gradient(top, #a3adbe 0%, #8c96a7 100%); background:-webkit-gradient(left top, left bottom, color-stop(0%, #a3adbe), color-stop(100%, #8c96a7)); background:-webkit-linear-gradient(top, #a3adbe 0%, #8c96a7 100%); background:-ms-linear-gradient(top, #a3adbe 0%, #8c96a7 100%); background:linear-gradient(to bottom, #a3adbe 0%, #8c96a7 100%); -moz-box-shadow:inset 0px 1px 0 rgba(190,190,190,1); -webkit-box-shadow:inset 0px 1px 0 rgba(190,190,190,1); box-shadow:inset 0px 1px 0 rgba(190,190,190,1); color:#fff; text-shadow:1px 1px 0px rgba(0,0,0,0.3)} .btn_gray2 {height:19px; padding-top:0 !important; padding-bottom:0 !important; border:1px solid #6c7387; border-bottom-color:#757c8f; border-right-color:#858b9c; background:#8c96a7; background:-moz-linear-gradient(top, #a3adbe 0%, #8c96a7 100%); background:-webkit-gradient(left top, left bottom, color-stop(0%, #a3adbe), color-stop(100%, #8c96a7)); background:-webkit-linear-gradient(top, #a3adbe 0%, #8c96a7 100%); background:-ms-linear-gradient(top, #a3adbe 0%, #8c96a7 100%); background:linear-gradient(to bottom, #a3adbe 0%, #8c96a7 100%); -moz-box-shadow:inset 0px 1px 0 rgba(190,190,190,1); -webkit-box-shadow:inset 0px 1px 0 rgba(190,190,190,1); box-shadow:inset 0px 1px 0 rgba(190,190,190,1); color:#fff; text-shadow:1px 1px 0px rgba(0,0,0,0.3); font-size: 11px; line-height:19px; font-family:Tahoma} .btn_darkgray {padding-top:0 !important; padding-bottom:0 !important; height:19px; line-height:19px; border:1px solid #414146; border-bottom-color:#4d4d52; background:#49525c; background:-moz-linear-gradient(top, #5e6672 0%, #49525c 100%); background:-webkit-gradient(left top, left bottom, color-stop(0%, #5e6672), color-stop(100%, #49525c)); background:-webkit-linear-gradient(top, #5e6672 0%, #49525c 100%); background:-ms-linear-gradient(top, #5e6672 0%, #49525c 100%); background:linear-gradient(to bottom, #5e6672 0%, #49525c 100%); -moz-box-shadow:inset 0px 1px 0 rgba(115,122,133,1); -webkit-box-shadow:inset 0px 1px 0 rgba(115,122,133,1); box-shadow:inset 0px 1px 0 rgba(115,122,133,1); color:#fff; text-shadow:1px 1px 0px rgba(0,0,0,0.3)} button.btn_gray, button.btn_gray2, button.btn_darkgray {height:21px} .btn_darkgray_n {padding:2px 10px 3px; border:1px solid #414146; border-bottom-color:#4d4d52; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; background:#444b56 url('../images/common/bg_noise_darkgray.gif') repeat-x; -moz-box-shadow:inset 0px 1px 0 rgba(115,122,133,1), 0 1px 0 rgba(0,0,0,0.1); -webkit-box-shadow:inset 0px 1px 0 rgba(115,122,133,1), 0 1px 0 rgba(0,0,0,0.1); box-shadow:inset 0px 1px 0 rgba(115,122,133,1), 0 1px 0 rgba(0,0,0,0.1); color:#fff; text-shadow:1px 1px 0px rgba(0,0,0,0.3)} .btn_xsm.white {border:1px solid #919bad; background:#e9e9e9; background:#e3e4e5 url('../images/common/bg_btn_xsm.gif') repeat-x; color:#414146} .btn_round_sm {height:21px; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; overflow:hidden; color:#8d8c91} .btn_round_sm.white {border:1px solid #aaa; background:#fff} .btn_rud {height:19px; margin:0 1px; padding:0 3px; border:1px solid #aaa; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; background:#fff; color:#8d8c91; font-size:11px; line-height:19px; font-family:Tahoma} button.btn_rud {height:21px} /* txtFix */ span.fixsize {display:inline-block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; -o-text-overflow:ellipsis; vertical-align:top} button.btn_classify_lookup span.fixsize {width:106px} button.btn_reset span.fixsize {width:70px} button.btn_classify_selec span.fixsize {width:65px} /* button groups */ .btn_grp {display:inline-block; border:1px solid #c2c2c2; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px} /* functionType */ .btn_state_close {margin-left:9px; padding:2px 5px; border:1px solid #63718a; background:#dadfe5; color:#63718a; font-weight:bold; font-size:9px; font-family:Tahoma; #padding:1px 5px} .btn_con_sear {margin-left:9px} button.btn_search {width:30px; padding:0} .btn_sear {width:30px; height:21px; background:url('../images/common/spr_btn.png') no-repeat -74px -23px} .btn_sear2 {width:25px; height:21px; background:url('../images/common/spr_btn.png') no-repeat -194px -23px} .btn_goto {display:inline-block; padding:4px 10px; border-top:1px solid #c8c8c8; border-left:1px solid #c8c8c8; border-right:1px solid #848484; border-bottom:1px solid #848484; background:#fff; -moz-box-shadow:0 1px 0 rgba(0,0,0,0.1); -webkit-box-shadow:0 1px 0 rgba(0,0,0,0.1); box-shadow:0 1px 0 rgba(0,0,0,0.1); font:11px/1.1 Arial} .btn_goto span {padding-right:8px; background:url('../images/common/bul_arr_dot.png') no-repeat 100% 50%} .btn_plus {width:22px; height:21px; background:url('../images/common/spr_btn.png') no-repeat 0 -56px} .btn_plus_sm {width:18px; height:17px; background:url('../images/common/spr_btn.png') no-repeat -64px -56px} .btn_minus {width:22px; height:21px; background:url('../images/common/spr_btn.png') no-repeat -32px -56px} .btn_minus_sm {width:18px; height:17px; background:url('../images/common/spr_btn.png') no-repeat -92px -56px} .btn_setting {width:14px; height:14px; background:url('../images/common/spr_icon.png') no-repeat -34px -89px} .btn_setting2 {width:17px; height:17px; background:url('../images/common/spr_icon.png') no-repeat -195px -89px; vertical-align: baseline} .btn_more {display:inline-block; width:37px; height:13px; background:url('../images/common/spr_btn.png') no-repeat -74px 0} .btn_show {width:56px; height:18px; background:url('../images/common/spr_btn.png') no-repeat 0 -87px} .btn_hide {width:56px; height:18px; background:url('../images/common/spr_btn.png') no-repeat -66px -115px} .btn_setting_t {width:56px; height:18px; background:url('../images/common/spr_btn.png') no-repeat 0 -115px} .btn_play {width:56px; height:18px; background:url('../images/common/spr_btn.png') no-repeat -66px -87px} .btn_play.dim {width:56px; height:18px; background:url('../images/common/spr_btn.png') no-repeat -132px -87px} .btn_completed {width:75px; height:18px; background:url('../images/common/spr_btn.png') no-repeat -132px -115px} .btn_confirm {width:23px; height:17px; background:url('../images/common/spr_btn.png') no-repeat -120px -56px} .btn_cancel {width:23px; height:17px; background:url('../images/common/spr_btn.png') no-repeat -217px -56px} .btn_edit {width:22px; height:17px; background:url('../images/common/spr_btn.png') no-repeat -153px -56px} .btn_del {width:22px; height:17px; background:url('../images/common/spr_btn.png') no-repeat -185px -56px} .btn_sdel {width:9px; height:9px; background:url('../images/common/spr_btn.png') no-repeat -55px 0} .btn_excel {width:30px; height:21px; background:url('../images/common/spr_btn.png') no-repeat -114px -23px} .btn_mailto {width:30px; height:21px; background:url('../images/common/spr_btn.png') no-repeat -154px -23px} .btn_profile {width:71px; height:27px; background:url('../images/portal/btn_profile.gif') no-repeat} .btn_logout {width:71px; height:27px; background:url('../images/portal/btn_logout.gif') no-repeat} .btn_signup {width:71px; height:27px; background:url('../images/portal/btn_signup.gif') no-repeat} /* ---------- ICON ---------- */ .icon {display:inline-block; text-indent:-9999px; vertical-align:middle; zoom:1; *display:inline} button .icon {#display:block} .ico {display:inline-block; vertical-align:middle; text-align:center} .icon_num {margin-bottom:2px; padding:1px 5px 2px; -moz-border-radius:7px; -webkit-border-radius:7px; border-radius:7px; background:#e75254; color:#fff; font:10px Tahoma} /* imgType */ .icon_arr_down {width:11px; height:8px; margin-left:5px; background:url('../images/common/spr_icon.png') no-repeat -57px 0} .icon_arr_down2 {width:7px; height:4px; margin-left:5px; background:url('../images/common/spr_icon.png') no-repeat -90px 0} .icon_sear {width:14px; height:14px; background:url('../images/common/spr_icon.png') no-repeat 0 -89px; vertical-align:top; margin-top:2px} .menu_area ul.menu .icon_report {width:21px; height:20px; background:url('../images/common/spr_icon.png') no-repeat 0 -114px} .menu_area ul.menu .icon_discussion {width:21px; height:20px; background:url('../images/common/spr_icon.png') no-repeat -31px -114px} .menu_area ul.menu .icon_evaluation {width:21px; height:20px; background:url('../images/common/spr_icon.png') no-repeat -63px -114px} .menu_area ul.menu .icon_quiz {width:21px; height:20px; background:url('../images/common/spr_icon.png') no-repeat -96px -114px} .menu_area ul.menu .icon_survey {width:21px; height:20px; background:url('../images/common/spr_icon.png') no-repeat -129px -114px} .menu_area ul.menu .icon_board {width:21px; height:20px; background:url('../images/common/spr_icon.png') no-repeat -162px -114px} .menu_area ul.menu .icon_contents {width:21px; height:20px; background:url('../images/common/spr_icon.png') no-repeat -194px -114px} .menu_area ul.menu .icon_gdocs {width:21px; height:20px; background:url('../images/common/spr_icon.png') no-repeat -226px -114px} .menu_area ul.menu .icon_lti {width:21px; height:20px; background:url('../images/common/spr_icon.png') no-repeat -258px -114px} .icon_report {width:16px; height:16px; background:url('../images/common/icon_report.png') no-repeat} .icon_discussion {width:17px; height:16px; background:url('../images/common/icon_discussion.png') no-repeat} .icon_evaluation {width:16px; height:16px; background:url('../images/common/icon_test.png') no-repeat} .icon_quiz {width:16px; height:16px; background:url('../images/common/icon_quiz.png') no-repeat} .icon_survey {width:16px; height:16px; background:url('../images/common/icon_survey.png') no-repeat} .icon_board {width:16px; height:16px; background:url('../images/common/icon_board_default.png') no-repeat} .icon_contents {width:16px; height:16px; background:url('../images/common/icon_contents.png') no-repeat} .icon_gdocs {width:16px; height:16px; background:url('../images/common/icon_gdocs.png') no-repeat} .icon_lti {width:16px; height:16px; background:url('../images/common/icon_lti.png') no-repeat} .icon_mobile {width:8px; height:12px; background:url('../images/common/spr_icon.png') no-repeat -58px -89px} .icon_like {width:14px; height:14px; background:url('../images/common/spr_icon.png') no-repeat -76px -89px} .icon_scrap {width:14px; height:14px; background:url('../images/common/spr_icon.png') no-repeat -100px -89px} .icon_start {width:14px; height:14px; background:url('../images/common/spr_icon.png') no-repeat -124px -89px} .icon_filedown {width:11px; height:12px; background:url('../images/common/spr_icon.png') no-repeat -148px -89px} .icon_n {width:15px; height:15px; background:url('../images/common/spr_icon.png') no-repeat -159px -144px} .icon_lec_search {width:20px; height:19px; background:url('../images/common/spr_icon.png') no-repeat -184px -144px} .icon_notice {width:20px; height:19px; background:url('../images/common/spr_icon.png') no-repeat -214px -144px} .icon_qna {width:21px; height:19px; background:url('../images/common/spr_icon.png') no-repeat -244px -143px} /* txtType */ .icon_t_videofile {width:104px; height:13px; background:url('../images/common/spr_icon_t.png') no-repeat 0 -144px} .icon_t_audiocdn {width:104px; height:13px; background:url('../images/common/spr_icon_t.png') no-repeat -114px -75px} .icon_t_discussiontopic {width:104px; height:13px; background:url('../images/common/spr_icon_t.png') no-repeat 0 -214px} .icon_t_etc {width:104px; height:13px; background:url('../images/common/spr_icon_t.png') no-repeat -114px -191px} .icon_t_file {width:104px; height:13px; background:url('../images/common/spr_icon_t.png') no-repeat -114px -214px} .icon_t_image {width:104px; height:13px; background:url('../images/common/spr_icon_t.png') no-repeat -114px -167px} .icon_t_lti {width:104px; height:13px; background:url('../images/common/spr_icon_t.png') no-repeat -114px -121px} .icon_t_unit {width:104px; height:13px; background:url('../images/common/spr_icon_t.png') no-repeat 0 -191px} .icon_t_weblink {width:104px; height:13px; background:url('../images/common/spr_icon_t.png') no-repeat 0 -75px} .icon_t_flashmedia {width:104px; height:13px; background:url('../images/common/spr_icon_t.png') no-repeat -114px -144px} .icon_t_webcontents {width:104px; height:13px; background:url('../images/common/spr_icon_t.png') no-repeat 0 -98px} .icon_t_videocdn {width:104px; height:13px; background:url('../images/common/spr_icon_t.png') no-repeat 0 -121px} .icon_t_audiofile {width:104px; height:13px; background:url('../images/common/spr_icon_t.png') no-repeat -114px -98px} .icon_t_unititem {width:104px; height:13px; background:url('../images/common/spr_icon_t.png') no-repeat 0 -167px} .icon_reuse {width:16px; height:13px; background:url('../images/common/spr_icon_t.png') no-repeat -120px -283px} .icon_new {width:16px; height:13px; background:url('../images/common/spr_icon_t.png') no-repeat -94px -283px} .icon_new2 {width:16px; height:13px; background:url('../images/common/spr_icon_t.png') no-repeat -94px -283px} .icon_default {width:60px; height:13px; background:url('../images/common/spr_icon_t.png') no-repeat 0 -24px} .icon_sync {width:60px; height:13px; background:url('../images/common/spr_icon_t.png') no-repeat 0 -40px} .icon_standby {width:73px; height:19px; background:url('../images/common/spr_icon_t.png') no-repeat 0 0} .icon_standby2 {width:67px; height:13px; background:url('../images/common/spr_icon_t.png') no-repeat -166px 0} .icon_completed {width:73px; height:19px; background:url('../images/common/spr_icon_t.png') no-repeat -83px 0} .icon_completed2 {width:67px; height:13px; background:url('../images/common/spr_icon_t.png') no-repeat -243px 0} .icon_t_common {width:60px; height:13px; background:url('../images/common/spr_icon_t.png') no-repeat -65px -24px} .icon_t_qna {width:60px; height:13px; background:url('../images/common/spr_icon_t.png') no-repeat -130px -24px} .icon_t_data {width:60px; height:13px; background:url('../images/common/spr_icon_t.png') no-repeat -195px -24px} .icon_t_notice {width:60px; height:13px; background:url('../images/common/spr_icon_t.png') no-repeat -65px -40px} .icon_t_1vs1 {width:60px; height:13px; background:url('../images/common/spr_icon_t.png') no-repeat -130px -40px} .icon_t_schedule {width:60px; height:13px; background:url('../images/common/spr_icon_t.png') no-repeat -195px -40px} .icon_t_1vs1_s {width:63px; height:13px; background:url('../images/common/spr_icon_t.png') no-repeat 0 -237px} .icon_t_schedule_s {width:63px; height:13px; background:url('../images/common/spr_icon_t.png') no-repeat -68px -237px} .icon_t_notice_s {width:63px; height:13px; background:url('../images/common/spr_icon_t.png') no-repeat -136px -237px} .icon_t_common_s {width:63px; height:13px; background:url('../images/common/spr_icon_t.png') no-repeat 0 -260px} .icon_t_qna_s {width:63px; height:13px; background:url('../images/common/spr_icon_t.png') no-repeat -68px -260px} .icon_t_data_s {width:63px; height:13px; background:url('../images/common/spr_icon_t.png') no-repeat -136px -260px} .icon_t_unscored {width:89px; height:13px; background:url('../images/common/spr_icon_t.png') no-repeat -223px -121px} .icon_t_submitted {width:89px; height:13px; background:url('../images/common/spr_icon_t.png') no-repeat -223px -98px} .icon_t_notsubmitted {width:89px; height:13px; background:url('../images/common/spr_icon_t.png') no-repeat -223px -75px} .icon_t_yes {width:32px; height:13px; background:url('../images/common/spr_icon_t.png') no-repeat -223px -56px} .icon_t_no {width:32px; height:13px; background:url('../images/common/spr_icon_t.png') no-repeat -265px -56px} .icon_t_connected {width:85px; height:13px; background:url('../images/common/spr_icon_t.png') no-repeat -223px -144px} .icon_t_disconnected {width:85px; height:13px; background:url('../images/common/spr_icon_t.png') no-repeat -223px -167px} .icon_t_learning {width:67px; height:13px; background:url('../images/common/spr_icon_t.png') no-repeat -223px -191px} .icon_t_cancel {width:67px; height:13px; background:url('../images/common/spr_icon_t.png') no-repeat -223px -214px} .icon_t_join {width:67px; height:13px; background:url('../images/common/spr_icon_t.png') no-repeat -223px -237px} .icon_t_dropout {width:67px; height:13px; background:url('../images/common/spr_icon_t.png') no-repeat -223px -260px} .icon_t_on {width:26px; height:13px; background:url('../images/common/spr_icon_t.png') no-repeat -144px -56px} .icon_t_off {width:26px; height:13px; background:url('../images/common/spr_icon_t.png') no-repeat -181px -56px} .icon_t_copy {width:38px; height:13px; background:url('../images/common/spr_icon_t.png') no-repeat -96px -56px} .icon_t_essay {width:60px; height:13px; background:url('../images/common/spr_icon_t.png') no-repeat 0 -283px} .icon_t_multiple {width:60px; height:13px; background:url('../images/common/spr_icon_t.png') no-repeat 0 -301px} .icon_t_accepted {width:89px; height:13px; background:url('../images/common/spr_icon_t.png') no-repeat -223px -283px} .icon_t_notaccepted {width:89px; height:13px; background:url('../images/common/spr_icon_t.png') no-repeat -223px -301px} .icon_t_shared {width:89px; height:13px; background:url('../images/common/spr_icon_t.png') no-repeat -223px -319px} .icon_t_notshared {width:89px; height:13px; background:url('../images/common/spr_icon_t.png') no-repeat -223px -337px} /* ---------- FORM ---------- */ .inp_txt, .inp_txta {border:1px solid #bebebe; background:#fff} span.inp_txt {display:inline-block} input.intxt {width:auto; height:21px; padding:0 5px; border:1px solid #bebebe; color:#666; line-height:19px; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box} .inp_txt input {width:100%; height:19px; padding:0 5px; border:0; color:#666; line-height:19px; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box} .inp_txt textarea, .inp_txta textarea {width:100%; padding:5px; border:0; overflow:auto; color:#666; line-height:18px; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box} input:focus, textarea:focus {color:#333} label.space {margin-left:11px} label.space_r {margin-right:11px} label.space_r2 {margin-right:6px} textarea.txtarea_h52 {height:52px} textarea.txtarea_h65 {height:65px} textarea.txtarea_h78 {height:78px} textarea.txtarea_h85 {height:85px} textarea.txtarea_h102 {height:102px} textarea.txtarea_h152 {height:152px} textarea.txtarea_h190 {height:190px} .w35 {width:35px !important} .w40 {width:40px !important} .w100 {width:100px !important} .w160 {width:160px !important} .w190 {width:190px !important} .w240 {width:240px !important} .w400 {width:400px !important} .w310 {width:310px !important} .write_box {position:relative} .write_box .inp_txt {margin-right:85px} .write_box .inp_txt textarea {height:77px} .write_box button {position:absolute; top:0; right:0; width:80px; height:79px} /* file_search */ .file_add{position:relative} .file_add:after{content:""; display:block; clear:both;} .file_add .inser_file{margin:0 58px 0 0; color:#999;} .file_add .inser_file img{vertical-align:middle;} .file_add .btn_file{position:absolute; top:0; right:0; display:inline; height:19px; border:1px solid #aaa; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; background:#fff; overflow:hidden; cursor:pointer; text-align:center} .file_add .btn_file span.fixsize {width:51px; color:#8d8c91; font-size:11px; line-height:19px; font-family:Tahoma} .file_add .btn_file .file-search{position:absolute; top:0; right:0; width:155px; height:19px; opacity:0; filter:alpha(opacity=0); cursor:pointer} .file_add2{position:relative; height:28px} .file_add2 .btn_file{position:absolute; top:0; left:0; display:inline; height:28px; overflow:hidden; cursor:pointer; text-align:center} .file_add2 .btn_file span {display:inline-block; width:91px; font-family:Tahoma} .file_add2 .btn_file .file-search{position:absolute; top:0; right:0; width:155px; height:27px; opacity:0; filter:alpha(opacity=0); cursor:pointer} .file_add3 {margin-top:5px; text-align:center} .file_add3 .btn_file {position:relative; display:inline-block; border:1px solid #aaa; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; background:#fff; overflow:hidden; cursor:pointer; text-align:center; vertical-align:middle; *zoom:1; *display:inline} .file_add3 .btn_file span {display:inline-block; padding:0 5px; color:#8d8c91; font-size:11px; line-height:19px; font-family:Tahoma} .file_add3 .btn_file .file-search{position:absolute; top:0; right:0; width:150px; height:19px; opacity:0; filter:alpha(opacity=0); cursor:pointer} .file_add3 .btn_filedel {display:inline-block; height:21px; padding:0 5px; border:1px solid #aaa; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; background:#fff; color:#8d8c91; font-size:11px; font-family:Tahoma} .fileadd_list li {margin-bottom:5px} .fileadd_list .file_add .inser_file {margin:0 81px 0 0} .fileadd_list .file_add .btn_file {right:25px} .fileadd_list .btn_plus, .fileadd_list .btn_minus {position:absolute; top:0; right:0} table.board_modify td {padding-left:0 !important; padding-right:0 !important} table.board_modify tr.tit .inp_txt {margin:0 10px} table.board_modify .fileadd_list, table.board_modify .txt_default, table.board_modify .attached_wrap {padding:0 10px} .attached_wrap {border-top:1px dashed #c8d2df} ul.attached_list li {margin-top:5px} ul.attached_list li em {padding:0 2px; color:#999} .sear_wrap {position:relative} .sear_wrap p.inp_txt {margin-right:30px} .sear_wrap .btn_sear2 {position:absolute; top:0; right:0} /* datepicker */ .period_set {margin-bottom:8px} .date_area input.datepicker {width:65px; height:19px; padding:0 3px; border:1px solid #bebebe; color:#666; font-size:11px; font-family:Tahoma; line-height:19px} .date_area img {position:relative; vertical-align:middle} .date_area img.btn_calendar {cursor:pointer} #ui-datepicker-div {z-index:999 !important} #ui-datepicker-div .ui-widget-header {border:1px solid #d40000; background:#e75254} #ui-datepicker-div .ui-widget-header .ui-state-hover, #ui-datepicker-div .ui-widget-header .ui-state-active, #ui-datepicker-div .ui-widget-header .ui-state-focus {border:1px solid #e75254; background:none; cursor:pointer} #ui-datepicker-div .ui-widget-header .ui-icon {background-image:url('../images/common/ui-icons_ffffff_256x240.png')} #ui-datepicker-div .ui-state-hover .ui-icon {background-image:url('../images/common/ui-icons_ffffff_256x240.png')} #ui-datepicker-div .ui-state-default {color:#515965} #ui-datepicker-div .ui-state-highlight, #ui-datepicker-div .ui-datepicker-today .ui-state-highlight {border:1px solid #4da4db; background:#99cae9} #ui-datepicker-div .ui-state-hover, #ui-datepicker-div .ui-state-focus {border:1px solid #4da4db; background:#99cae9} #ui-datepicker-div .ui-state-active {border:1px solid #4da4db; background:#fff} /* selectDesign */ div.jsSelect {display:inline-block; *display:inline; *zoom:1; _display:inline; height:21px; color:#202020; font-size:11px; background:#e6e6e6; position:relative; cursor:pointer; white-space:nowrap; vertical-align:middle} div.jsSelect .bg_left {height:19px; border:1px solid #bbb; background:#fff; position:absolute; top:0; left:0; right:0 } div.jsSelect .bg_right {width:17px; height:21px; background:url('../images/common/spr_icon.png') no-repeat -29px 0; position:absolute; top:0; right:0} div.jsSelect .value {position:relative; z-index:1; margin:0 18px 0 5px; overflow:hidden; font-size:12px; line-height:21px} div.jsSelect a:hover, div.jsSelect a:active {text-decoration:none} div.jsSelect .itemList {display:none; width:auto; min-width:100%; padding:0; position:absolute; top:20px; left:0; background:#fff} div.jsSelect .itemList ul {max-height:150px; _height:expression(this.scrollHeight>150?"150px":"auto"); overflow:auto; overflow-x:hidden; position:relative; z-index:1; border:1px solid #bebebe; padding-top:3px} div.jsSelect .itemList ul li {padding:1px; margin-bottom:4px} div.jsSelect .itemList ul li a {display:block; padding:1px 17px 1px 4px; line-height:1.5} div.jsSelect .itemList ul li a:hover {background-color:#f3f3f3} div.jsSelect2 {display:inline-block; *display:inline; *zoom:1; _display:inline; height:27px; color:#202020; font-size:11px; background:#e6e6e6; position:relative; cursor:pointer; white-space:nowrap; vertical-align:middle} div.jsSelect2 .bg_left {height:25px; border:1px solid #bbb; background:#fff; position:absolute; top:0; left:0; right:0 } div.jsSelect2 .bg_right {width:19px; height:27px; background:url('../images/common/spr_icon.png') no-repeat 0 0; position:absolute; top:0; right:0} div.jsSelect2 .value {position:relative; z-index:1; margin:0 22px 0 5px; overflow:hidden; font-size:12px; line-height:27px} div.jsSelect2 a:hover, div.jsSelect2 a:active {text-decoration:none} div.jsSelect2 .itemList {display:none; width:auto; min-width:100%; padding:0; position:absolute; top:26px; left:0; background:#fff} div.jsSelect2 .itemList ul {max-height:200px; _height:expression(this.scrollHeight>200?"200px":"auto"); overflow:auto; overflow-x:hidden; position:relative; z-index:1; border:1px solid #bebebe; padding-top:3px} div.jsSelect2 .itemList ul li {padding:1px; margin-bottom:4px} div.jsSelect2 .itemList ul li a {display:block; padding:1px 17px 1px 4px; line-height:1.5} div.jsSelect2 .itemList ul li a:hover {background-color:#f3f3f3} div.jsSelect3 {display:inline-block; *display:inline; *zoom:1; _display:inline; height:21px; color:#202020; font-size:11px; background:#e6e6e6; position:relative; cursor:pointer; white-space:nowrap; vertical-align:middle} div.jsSelect3 .bg_left {height:19px; border:1px solid #bbb; background:#fff; position:absolute; top:0; left:0; right:0 } div.jsSelect3 .bg_right {width:19px; height:19px; background:url('../images/common/spr_icon.png') no-repeat 0 -4px; position:absolute; top:1px; right:0} div.jsSelect3 .value {position:relative; z-index:1; margin:0 22px 0 5px; overflow:hidden; font-size:12px; line-height:21px} div.jsSelect3 a:hover, div.jsSelect3 a:active {text-decoration:none} div.jsSelect3 .itemList {display:none; width:auto; min-width:100%; padding:0; position:absolute; top:20px; left:0; background:#fff} div.jsSelect3 .itemList ul {max-height:200px; _height:expression(this.scrollHeight>200?"200px":"auto"); overflow:auto; overflow-x:hidden; position:relative; z-index:1; border:1px solid #bebebe; padding-top:3px} div.jsSelect3 .itemList ul li {padding:1px; margin-bottom:4px} div.jsSelect3 .itemList ul li a {display:block; padding:1px 17px 1px 4px; line-height:1.5} div.jsSelect3 .itemList ul li a:hover {background-color:#f3f3f3} div.jsSelect4 {display:inline-block; *display:inline; *zoom:1; _display:inline; height:21px; color:#202020; background:#bebebe; position:relative; cursor:pointer; white-space:nowrap; vertical-align:middle} div.jsSelect4 .bg_left {height:21px; position:absolute; top:0; left:0; right:0 } div.jsSelect4 .bg_right {width:21px; height:21px; border-left:1px solid #898989; background:url('../images/common/spr_icon.png') no-repeat -124px 0; position:absolute; top:0; right:0} div.jsSelect4 .value {position:relative; z-index:1; margin:0 22px 0 5px; overflow:hidden; line-height:21px} div.jsSelect4 a:hover, div.jsSelect4 a:active {text-decoration:none} div.jsSelect4 .itemList {display:none; width:auto; min-width:100%; padding:0; position:absolute; top:20px; left:0; background:#fff} div.jsSelect4 .itemList ul {max-height:200px; _height:expression(this.scrollHeight>200?"200px":"auto"); overflow:auto; overflow-x:hidden; position:relative; z-index:1; border:1px solid #bebebe; padding-top:3px; font-size:11px} div.jsSelect4 .itemList ul li {padding:1px; margin-bottom:4px} div.jsSelect4 .itemList ul li a {display:block; padding:1px 17px 1px 4px; line-height:1.5} div.jsSelect4 .itemList ul li a:hover {background-color:#f3f3f3} .rselect .itemList {left:auto !important; right:0 !important} label input[type="radio"], label input[type="checkbox"] {vertical-align:-2px} .txt_valign {vertical-align:middle} /* ---------- BANNER & Thumbnail ---------- */ .thumb_box {border:1px solid #bebebe} img.thum {max-width:80px; max-height:45px; border:1px solid #bebebe; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px} /* lcms icon_thumbnail */ img.thumb {vertical-align:top} .thumb_default_file {display:table-cell; width:108px; height:138px; vertical-align:middle} .thumb_default_file .thumb {max-width:108px; max-height:138px} .thumb_bann {width:198px; height:43px; border:1px solid #bebebe} /* ---------- BOARD ---------- */ table {table-layout:fixed} table th, table td {word-wrap: break-word} table td * {word-wrap:normal} table.noline {border-top:none !important} table.need_space th, table.need_space td {padding-left:0 !important; padding-right:0 !important} .board_wrap {padding-top:30px} .colgrid_type1 {position:relative; padding-left:125px} .colgrid_type1 .fixarea {position:absolute; top:0; left:0} /* listType */ table.board_list {width:100%; border-top:1px solid #afb6c0} table.board_list thead th {padding:9px 12px; border-bottom:1px solid #dce1e6; background:#f5f6f6; color:#000002; font-size:13px} table.board_list tbody td {padding:10px; border-bottom:1px solid #dce1e6; text-align:center} table.board_list tbody td p {line-height:18px} table.board_list tbody td.date, table.board_list tbody td.num {color:#666; font-size:11px} table.board_list tbody td.grp_cell {background:#f9fafa} table.board_list tbody td.grp_cell .grp_name {margin-bottom:10px} table.board_list tr.cancel * {color:#999} table.board_list .icon_mobile {position:relative; top:-1px} /* rowdataType */ table.board_rows {width:100%; border-top:1px solid #afb6c0} table.board_rows tbody th, table.board_rows tbody td {padding:6px 10px; border-bottom:1px solid #dce1e6} table.board_rows tbody th {background:#f5f6f6; color:#202020; text-align:left} table.board_rows tbody td {color:#333} table.board_rows tbody td p {line-height:18px} table.board_rows tbody td.date, table.board_rows tbody td.num, table.board_rows tbody .num {color:#666; font-size:11px} table.board_rows tbody td.line_l {border-left:1px solid #dce1e6} table.board_rows tbody td.nospace {padding-right:0} table.board_rows tbody td.noallspace {padding:0} table.board_rows .desc_txt {color:#999} table.board_rows .txt {color:#999; font-size:12px} table.board_rows.space {margin-top:13px} table.board_rows tr.noline th, table.board_rows tr.noline td {border-bottom:none} table.board_rows tr.dashed th, table.board_rows tr.dashed td {border-bottom-style:dashed} table.board_rows tr.dim th {color:#9c9d9d !important} table.board_rows tr.dim td {opacity:0.5; filter:Alpha(opacity=50)} table.board_rows tr.dim td .itemList {display:none !important} table.board_rows td.dim, .dim_obj {opacity:0.5; filter:Alpha(opacity=50)} table.board_rows td.dim .itemList {display:none !important} table.board_rows .dim_select .jsSelect {opacity:0.5; filter:Alpha(opacity=50)} table.board_rows .dim_select .itemList {display:none !important} .css_list {width:100%; overflow:hidden} .css_list li {float:left; width:25%; text-align:center} .css_list li:first-child .sample {border-left:none} .css_list li .sample {padding-top:9px; border-left:1px dashed #c8d2df} .css_list li .sample div.thum {margin-top:9px; padding:10px 0; border-top:1px dashed #c8d2df} .css_list li .sample div.thum img {margin-bottom:5px; vertical-align:top} /* datatableType */ table.board_data {width:100%; border-top:1px solid #afb6c0; border-collapse:separate} table.board_data th {padding:10px; border-bottom:1px solid #dce1e6; background:#f5f6f6; color:#202020} table.board_data td {padding:10px; border-bottom:1px solid #dce1e6; border-left:1px solid #dce1e6; text-align:center} table.board_data thead th.first {text-align:left} table.board_data tbody th {text-align:left} table.board_data tbody th.nobg {background:none; font-weight:normal; text-align:center} table.board_data .non_cell, table.board_data .first_cell {border-left:none} table.board_data .non_cell2 {border-left:none; border-bottom:none} table.board_data tr.dep01 .first_cell {padding-left:10px} table.board_data tr.dep02 .first_cell {padding-left:30px} table.board_data tr.dep03 .first_cell {padding-left:50px} table.board_data tr.dep04 .first_cell {padding-left:70px} table.board_data tr.dep05 .first_cell {padding-left:90px} table.board_data tr.dep06 .first_cell {padding-left:110px} table.board_data tr.dep07 .first_cell {padding-left:130px} table.board_data tr.dep08 .first_cell {padding-left:150px} table.board_data tr.dep09 .first_cell {padding-left:170px} table.board_data tr.sum td {background:#fafaf5; color:#000002; font-weight:bold} table.board_data tr.sum td.rt {color:#000002} table.board_data tr.totalsum th, table.board_data tr.totalsum td {border-left:none; background:#f1f1e0; color:#000002; font-weight:bold} table.board_data .cell_accent {background:#f1f1e0 !important} table.board_data.type2 tbody th, table.board_data.type3 tbody th {color:#666} table.board_data.type2 td {color:#666; line-height:17px} table.board_data.type3 td {color:#666; line-height:17px; vertical-align:top} /* board movelist */ table.board_movelist {width:100%; margin-top:30px; border-top:1px solid #afb6c0; border-bottom:1px solid #afb6c0} table.board_movelist th {padding:10px 10px 10px 35px; text-align:left} table.board_movelist td {padding:10px; text-align:center} table.board_movelist tr.prev th, table.board_movelist tr.prev td {border-bottom:1px dashed #c8d2df} table.board_movelist tr.prev th {background:url('../images/common/bul_mov_prev.png') no-repeat 13px 50%} table.board_movelist tr.next th {background:url('../images/common/bul_mov_next.png') no-repeat 13px 50%} table.board_movelist td.num {color:#666; font-size:11px} table.board_movelist2 {width:100%; border-top:1px solid #afb6c0} table.board_movelist2 th {padding:10px} table.board_movelist2 td {padding:10px; background:#f5f6f6} table.board_movelist2 td .ico {margin-right:10px} table.board_movelist2 tr.prev th, table.board_movelist2 tr.prev td {border-bottom:1px dashed #c8d2df} table.board_movelist2 tr.prev th {background:#f5f6f6 url('../images/common/bul_mov_prev.png') no-repeat 14px 50%} table.board_movelist2 tr.next th {background:#f5f6f6 url('../images/common/bul_mov_next.png') no-repeat 14px 50%} table.board_movelist2 td.date {padding-right:14px; color:#666; font-size:11px; font-family:Tahoma; text-align:right} /* board view */ .board_view {border-bottom:1px solid #dce1e6} .board_view .bd_view_head .bd_view_tit {position:relative; padding:10px 0; border-top:1px solid #afb6c0; border-bottom:1px solid #dce1e6; background:#f5f6f6; z-index:2; *zoom:1} .board_view .bd_view_head .bd_view_tit .tit {display:block; padding-left:10px; color:#000002; line-height:17px} .board_view .bd_view_head .bd_view_tit:after {content:''; display:block; clear:both} .bd_check {float:right; padding-top:11px} .bd_check > li {float:left; padding:0 10px; background:url('../images/common/bar_list.gif') no-repeat 0 50%} .bd_check > li:first-child {background:none} .bd_check > li a {color:#202020; font-weight:bold} .bd_check > li .ico {padding-right:5px; vertical-align:-3px} .bd_check li .lay_flag span.layopen em {margin-right:5px; vertical-align:middle} .scrap_wrap {position:relative} .scrap_wrap .bd_check {top:0} .bd_view_info {position:relative; padding:10px 0; border-bottom:1px dashed #c8d2df} .bd_view_info .uname {padding-left:10px} .bd_view_info .date {color:#666; font-size:11px; font-family:Tahoma; margin-left:5px; padding-left:6px; background:url('../images/common/bar_tit.gif') no-repeat 0 50%} .bd_view_info .f_rt {float:none !important; margin-top:10px; *zoom:1} .bd_view_info .f_rt dl {float:left} .bd_view_info .f_rt dt {float:left; padding:0 3px 0 10px} .bd_view_info .f_rt dd {float:left; margin-right:5px; color:#666} .bd_view_info .f_rt dd .star_point {margin-left:7px; vertical-align:-3px} .bd_view_info .f_rt .lay_addfile {float:left; margin-left:10px} .bd_view_info .f_rt:after {content:''; display:block; clear:both} .board_view .bd_view_con {padding:20px 10px} .board_view .bd_view_con .txt_con {line-height:18px} .view_area {border-bottom:1px solid #dce1e6; padding:20px 10px 30px; line-height:18px} /* board comments */ .board_comments {width:100%} .board_comments .comm_num {display:inline-block; margin-bottom:5px; padding-left:20px} .board_comments .comm_num .accent {cursor:pointer} .board_comments .comme_write {margin-bottom:20px; padding:15px 20px} .board_comments .comme_write .write_area {position:relative; width:100%} .board_comments .comme_write .write_area .inp_rud {margin-right:85px; padding:3px; border:1px solid #a6b2c5; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; background:#fff} .board_comments .comme_write .write_area .inp_rud textarea {width:100%; height:71px; border:0; overflow:auto; color:#666} .board_comments .comme_write .write_area button {position:absolute; top:0; right:0; width:80px; height:79px} .board_comments .comme_write .comm_list {width:100%} .board_comments .comme_write .comm_list li {padding:15px 0; border-top:1px dashed #c8d2df; *zoom:1} .board_comments .comme_write .comm_list > ul > li:first-child {border-top:none} .board_comments .comme_write .comm_list li:last-child {padding-bottom:0} .board_comments .comme_write .comm_list li.last-child {padding-bottom:0} .board_comments .comme_write .comm_list li.reply {padding-left:25px; background:url('../images/common/bul_comm.gif') no-repeat 12px 16px} .board_comments .comme_write .comm_list li .del_comm {color:#999} .board_comments .comme_write .comm_list dt {margin-bottom:3px} .board_comments .comme_write .comm_list dt strong {color:#333} .board_comments .comme_write .comm_list dt .date {margin-left:6px; padding:0 4px 0 7px; background:url('../images/common/bar_tit.gif') no-repeat 0 50%; color:#666; font-size:11px; font-family:Tahoma} .board_comments .comme_write .comm_list dt .reply {padding:0 4px 0 12px; background:url('../images/common/bul_answer.gif') no-repeat 0 50%; color:#666; font-size:11px} .board_comments .comme_write .comm_list dt .reply.cancel {color:#e75254} .board_comments .comme_write .comm_list dd {color:#666} .board_comments .comme_write .comm_list dd em.reply_id {color:#0a5ac3} /* board answer */ .board_answer {margin-top:35px} .board_answer table.board_rows {border-top:none} .board_answer table.board_rows td p {color:#666; font-size:11px} .board_answer textarea {height:142px} .board_answer_view {margin-top:30px; border-bottom:1px solid #dce1e6} .board_answer_view .answer_con {padding:20px 10px} /* post_icons */ .del_post {padding-top:40px; background:url('../images/common/icon_del_post.gif') no-repeat 50% 0; color:#999; text-align:center} .no_result, .ment {padding:30px 0; border-bottom:1px solid #dce1e6} .no_result.only {border-top:1px solid #dce1e6} td .no_result, td .ment {padding:20px 0; border-bottom:none} .no_result p {padding-top:40px; background:url('../images/common/icon_no_result.gif') no-repeat 50% 0; color:#999; text-align:center} .ment_alert p {padding-top:40px; background:url('../images/common/icon_alert.gif') no-repeat 50% 0; color:#999; text-align:center} /* board info */ .board_info {position:relative; height:27px; margin-bottom:11px} .board_info .txts {color:#666; line-height:27px} .board_info .txts strong {color:#202020} .board_info .btns {position:absolute; top:0; right:0} .board_info .layout_r {position:absolute; top:0; right:0} .board_info .layout_r div.jsSelect2 .itemList, .board_info .layout_r div.jsSelect3 .itemList {left:auto; right:0} .board_info ul.sort {margin-top:6px} .board_info.selec3type {height:21px} .board_info.selec3type .txts {line-height:21px} .board_info.selec3type ul.sort {margin-top:3px} .board_info.type1 {margin-top:30px} .board_info.type2 {height:21px; margin-top:15px} .board_info.type2 .txts {line-height:21px} .board_info.type2 ul.sort {margin-top:3px} .board_info.type3 {height:auto} .board_info.type3 .txts {line-height:1.2} .board_info.type4 {height:auto; margin:0; padding-bottom:10px; border-bottom:1px solid #afb6c0} .board_info.type4 .txts {line-height:1.2} .must {color:#d40000; font-weight:bold; vertical-align:middle} /* board : btns */ .board_action {margin-top:10px} .board_action .attention_mark {margin-right:8px} .board_action2 {margin-top:10px} .board_action3 {padding-top:10px} .manage_con .board_action.floating {width:100%; overflow:hidden} .manage_con .board_action.floating:after {clear:none; content:none} /* board search */ .board_search {margin-top:30px; padding:14px 0; text-align:center} .board_search .jsSelect {text-align:left; margin-right:2px} .board_search .inp_txt {text-align:left; margin-right:6px} .lecture_search .board_search, .board_search.tlayout {margin-top:0} .board_search2 {padding:14px} .board_search2 .jsSelect {margin-right:2px} .board_search2 .inp_txt {margin-right:6px} .board_search3 {padding:14px} .board_search3 .search {position:relative} .board_search3 .search .inp_txt {margin:0 40px 0 136px} .board_search3 .search .jsSelect {position:absolute; top:0; left:0} .board_search3 .search .btn_sear {position:absolute; top:0; right:0} .board_search3 .titline {margin-top:10px; padding:0 0 0 7px; background:url('../images/common/bul_dot.gif') no-repeat 0 6px; color:#0f2d50} /* paging */ .paging {position:relative; height:25px; margin-top:10px; padding-top:2px; text-align:center} .paging a, .paging strong {vertical-align:middle} .paging .btn_page_first {display:inline-block; width:23px; height:21px; border-right:1px solid #e3e3e3; background:url('../images/common/spr_icon.png') no-repeat 0 -59px} .paging .btn_page_prev {display:inline-block; width:23px; height:21px; margin-left:-4px; background:url('../images/common/spr_icon.png') no-repeat -36px -59px} .paging .btn_page_next {display:inline-block; width:23px; height:21px; border-right:1px solid #e3e3e3; background:url('../images/common/spr_icon.png') no-repeat -73px -59px} .paging .btn_page_last {display:inline-block; width:23px; height:21px; margin-left:-4px; background:url('../images/common/spr_icon.png') no-repeat -109px -59px} .paging .btn_page_first.dim {background-position:0 -37px} .paging .btn_page_prev.dim {background-position:-36px -37px} .paging .btn_page_next.dim {background-position:-73px -37px} .paging .btn_page_last.dim {background-position:-109px -37px} .paging .nums {margin:0 10px} .paging .nums a, .paging .nums strong {padding:0 10px; font-weight:bold; font-size:11px} .paging .nums a {color:#333} .paging .nums strong {color:#d10000} .paging .btns {position:absolute; top:0; right:0} .paging .btns_l {position:absolute; top:0; left:0} /* ---------- POPUP ---------- */ /* layer */ .layer {position:relative} .layer .layopen {position:relative} .layer .laypop {display:none; position:absolute; top:0; left:0; width:100%; z-index:99; line-height:1.2 !important} .layer .laypop_ui {border:1px solid #aaa; background:#fff; font-weight:normal !important} .layer .laypop_ui .action {padding:5px 0 6px; background:#eee; text-align:center} .layer .laypop_ui .action button {margin:0 2px} .layer .laypop_ui .layclose {display:inline-block; position:absolute; top:3px; right:3px; width:9px; height:9px; padding:0 !important; background:url('../images/common/spr_btn.png') no-repeat -55px -15px} .lay_flag span.layopen {display:inline-block; height:14px; cursor:pointer} .lay_flag ul {padding:10px 10px 2px; border:1px solid #aaa; background:#fff} .lay_flag li {width:14px; height:14px; margin-bottom:8px; cursor:pointer} .lay_flag em {display:inline-block; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px} .lay_flag .laypop {top:20px; left:-11px; width:14px} .lay_flag .defaut {display:inline-block; width:12px; height:12px; border:1px solid #bebebe} .lay_flag .color1, .lay_flag .color01 {width:14px; height:14px; background:#e75254} .lay_flag .color2, .lay_flag .color02 {width:14px; height:14px; background:#e57147} .lay_flag .color3, .lay_flag .color03 {width:14px; height:14px; background:#fad237} .lay_flag .color4, .lay_flag .color04 {width:14px; height:14px; background:#53baad} .lay_flag .color5, .lay_flag .color05 {width:14px; height:14px; background:#508ed6} .board_list .lay_flag {float:left; top:2px; margin-right:8px; margin-bottom:2px} .lay_mbr span.layopen {display:inline-block; height:14px; cursor:pointer} .lay_mbr ul {padding:10px 10px 2px; border:1px solid #aaa; background:#fff} .lay_mbr li {width:80px; height:auto; margin-bottom:8px; cursor:pointer; word-wrap:break-word;} .lay_mbr em {display:inline-block; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px} .lay_mbr .laypop {top:20px; left:0px; width:80px} .lay_mbr .defaut {display:inline-block; width:12px; height:12px; border:1px solid #bebebe} .board_list .lay_mbr {top:2px; margin-right:8px; margin-bottom:2px} .lay_mbr a {word-wrap:break-word;} .lay_scrap .laypop {width:298px; left:auto; right:0; top:20px} .lay_scrap .laypop .con {padding:14px 0 10px 10px} .lay_scrap .laypop textarea {width:267px; height:86px; padding:3px; border:1px solid #e2e1e1; color:#999; overflow:auto} .lay_starpoint .laypop {width:117px; left:auto; right:0; top:20px} .lay_starpoint .laypop .con {padding:14px 0 5px 10px} .lay_starpoint .laypop .con li {margin-bottom:5px} .lay_starpoint .laypop .con li input {vertical-align:-5px} .lay_starpoint .laypop .con li label {cursor:pointer} .lay_addfile a.layopen {text-decoration:underline} .lay_addfile a.layopen .icon_filedown {margin-left:3px} .lay_addfile .laypop {left:0; top:20px; width:200px} .lay_addfile .laypop .con {padding:15px 0 5px} .lay_addfile .laypop .con li {padding:3px 15px 3px 10px} .lay_addfile .laypop .con li.hover {background:#eee} .lay_addfile .laypop .con a {display:block; padding:1px 0 1px 22px; color:#0a5ac3; text-decoration:underline} /* popupGlobal */ .popup {padding-top:45px} .popup .pop_head {position:fixed; top:0; left:0; right:0; z-index:100; height:45px; background:#28282d} .popup .pop_head h1 {padding:10px 0 0 20px; color:#fff; font-size:22px; font-weight:bold} .popup .pop_close {position:absolute; top:0; right:0; width:44px; height:45px; border-left:1px solid #121316; background:url('../images/common/spr_btn.png') no-repeat -1px -1px} .popup .pop_con {} .popup .pop_con h2 {margin-bottom:11px; padding-left:11px; background:url('../images/common/icon_pop_tit.gif') no-repeat 0 7px; color:#232835; font-size:16px} .popup .pop_con h2.space {margin-top:30px} .popup .pop_foot {position:fixed; bottom:0; left:0; right:0; z-index:100; padding:11px 0 15px; border-top:1px solid #eff0f1; background:#f6f6f6; text-align:center} .popup .pop_foot button {margin:0 1px} .pop_bott {position:fixed; bottom:0; left:0; right:0; z-index:100} .ui-dialog .pop_foot, .ui-dialog .pop_bott {position:static !important} /* modal foot_position */ .have_foot {padding-bottom:54px} .pop_default .pop_con {padding:20px} /* popupContents */ .ui-dialog {padding:0 !important; border:none !important; border-radius:0 !important; background:#fff !important} .ui-dialog .ui-dialog-titlebar {height:45px; margin:0 !important; padding:0 !important; border:none !important; border-radius:0 !important; background:#28282d !important} .ui-dialog .ui-dialog-title {padding: 10px 0 0 20px !important; font-size:22px !important} .ui-dialog .ui-dialog-titlebar-close {position:absolute; top:0 !important; right:0 !important; width:44px !important; height:45px !important; margin:0 !important; padding:0 !important; border:none !important; border-radius:0 !important; border-left:1px solid #121316 !important; background:url('../images/common/spr_btn.png') no-repeat -1px -1px !important} .ui-dialog .ui-dialog-content {margin:0 !important; padding:0 !important} .id_info {border-top:1px solid #afb6c0; text-align:center; font-weight:bold} .id_info dt {padding:10px; border-bottom:1px solid #dce1e6; background:#f5f6f6; color:#000002} .id_info dd {padding:10px; border-bottom:1px solid #dce1e6; color:#df2027} .login {position:relative} .login fieldset {padding:15px 105px 9px 43px; border-top:1px solid #afb6c0; border-bottom:1px solid #dce1e6} .login p {margin-bottom:6px} .login .btn_login {position:absolute; top:15px; right:43px; width:56px; height:48px} .login .list2 {margin-top:15px; padding-left:43px} .login .list2 a {color:#666} .edu_message {display:table; width:100%; height:100%; background:#000; opacity:0.85; filter:alpha(opacity=85)} .edu_message div.msg {display:table-cell; color:#fff; font-weight:bold; font-size:20px; line-height:32px; vertical-align:middle; text-align:center; text-shadow:2px 1px 0px rgba(0,0,0,0.3); #padding-top:100px} .edu_message div.msg span {display:inline-block} .msg_audio span {padding-top:64px; background:url('../images/common/icon_edu_sound.png') no-repeat 50% 0} .msg_service span {padding-top:64px; background:url('../images/common/icon_edu_chk.png') no-repeat 50% 0} .msg_refresh span {padding-top:64px; background:url('../images/common/icon_edu_refresh.png') no-repeat 50% 0} .msg_down span {padding-top:64px; background:url('../images/common/icon_edu_down.png') no-repeat 50% 0} .msg_down p {margin-top:15px} /* ---------- CONTENTS GLOBAL ---------- */ .floating {*zoom:1} .floating:after {display:block; content:""; clear:both} .floating2 {width:100%; overflow:hidden} .f_lt {float:left !important} .f_rt {float:right !important} .clear {clear:both !important} .pos_wrap {position:relative} .ab_l {position:absolute; top:0; left:0} .ab_r {position:absolute; top:0; right:0} .lt {text-align:left !important} .ct {text-align:center !important} .rt {text-align:right !important} .mt5 {margin-top:5px !important} .mt10 {margin-top:10px !important} .mt20 {margin-top:20px !important} .mt25 {margin-top:25px !important} .mt30 {margin-top:30px !important} .mb10 {margin-bottom:10px !important} .ml10 {margin-left:10px !important} .mr5 {margin-right:5px !important} .mr10 {margin-right:10px !important} .graybox {border:1px solid #c3c7cf; background:#ffffff; background:-moz-linear-gradient(top, #ffffff 0%, #f9fbfc 100%); background:-webkit-gradient(left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #f9fbfc)); background:-webkit-linear-gradient(top, #ffffff 0%, #f9fbfc 100%); background:-ms-linear-gradient(top, #ffffff 0%, #f9fbfc 100%); background:linear-gradient(to bottom, #ffffff 0%, #f9fbfc 100%)} .graybox2 {border:1px solid #c3c7cf; border-top:none; background:#ffffff; background:-moz-linear-gradient(top, #ffffff 0%, #f9fbfc 100%); background:-webkit-gradient(left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #f9fbfc)); background:-webkit-linear-gradient(top, #ffffff 0%, #f9fbfc 100%); background:-ms-linear-gradient(top, #ffffff 0%, #f9fbfc 100%); background:linear-gradient(to bottom, #ffffff 0%, #f9fbfc 100%)} .lgraybox {-moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; background:#f6f7f9} .dotbox {border:1px solid #c8d2df; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; background:url('../images/common/bg_box.gif'); -moz-box-shadow:inset 0px 1px 0 rgba(255,255,255,1); -webkit-box-shadow:inset 0px 1px 0 rgba(255,255,255,1); box-shadow:inset 0px 1px 0 rgba(255,255,255,1)} .alim_box {margin-top:20px; border:1px solid #f1f1e0; background:#fafaf5} .alim_box p.attention {padding:9px 0; text-align:center} .alim_box p.attention img {margin-right:8px; vertical-align:middle} .alim_box .lt {display:inline-block; vertical-align:middle; line-height:1.7} .arrow_box {position:relative; display:inline-block; border:1px solid #aaa; padding:2px 5px; background:#fff} .arrow_box .arr_l {position:absolute; top:50%; left:-4px; width:4px; height:5px; margin-top:-2px; background:url('../images/common/spr_icon.png') no-repeat -76px 0} .answer_box {margin-left:8px; color:#63718a; font-size:11px; line-height:1} .txt_default {color:#666; font-size:11px} .txt_default.space_b {margin-bottom:20px} .desc_box {margin-bottom:10px} .date {color:#666; font-size:11px; font-family:Tahoma} .num {font-family:Tahoma !important} .bd {color:#000002 !important} .accent {color:#d40000 !important} .accent2 {color:#205adf !important; font-weight:bold} .attention_mark {padding-left:15px; background:url('../images/common/icon_attention_mark.png') no-repeat 0 2px; color:#d40000 !important} .attention_mark2 {padding-left:15px; background:url('../images/common/icon_attention_mark.png') no-repeat 0 2px; color:#666 !important} span.attention_mark {display:inline-block; vertical-align:-1px; line-height:1.3} .validation {margin-top:5px; color:#d40000 !important; font-size:11px} .infotxt {color:#d40000 !important; font-size:11px} .panel.infotxt {padding:5px 10px} .con_wrap .category_area {margin-top:25px; height:426px; border-top:1px solid #afb6c0; border-bottom:1px solid #dce1e6; overflow-x:hidden; overflow-y:hidden} .con_wrap .category_area2 {height:426px; border-bottom:1px solid #dce1e6; overflow-x:hidden; overflow-y:hidden} .scr_box {border:1px solid #bebebe; overflow:auto; overflow-x:hidden} .txta_type1 {height:70px; padding:6px 10px 6px 26px; line-height:23px} /* progressBar */ .total_progress {position:relative; height:10px; border:1px solid #b9c0c7; border-top-color:#81868b; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; background:#c8cfd7} .total_progress .progress {position:absolute; left:-1px; top:-1px; height:10px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; color:#fffefe; font-size:8px; line-height:8px; font-family:Tahoma; text-align:center} .total_progress .style_blue {border:1px solid #042045; background:#19559a; -moz-box-shadow:inset 0px 1px 0 rgba(53,106,166,1); -webkit-box-shadow:inset 0px 1px 0 rgba(53,106,166,1); box-shadow:inset 0px 1px 0 rgba(53,106,166,1)} .total_progress .style_gray {border:1px solid #383940; background:#6c7380; -moz-box-shadow:inset 0px 1px 0 rgba(126,132,143,1); -webkit-box-shadow:inset 0px 1px 0 rgba(126,132,143,1); box-shadow:inset 0px 1px 0 rgba(126,132,143,1)} .progress-bar {background:#e1e4e9 !important} .progress-bar-success {background:#e75254 !important} .progress-bar-num {padding-right:37px; text-align:left} .progress-bar-num .progress {position:relative; height:10px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px} .progress-bar-num .progress_num {position:absolute; top:-2px; right:-65px; width:50px; font-size:11px; font-family:Tahoma} .progress-bar-num .progress_num.num0 {right:auto; left:0} /* star_point */ .star_point {display:inline-block; width:75px; height:14px; background:url('../images/common/spr_icon.png') no-repeat 0 -144px; vertical-align:middle} .star_point span.full {display:inline-block; width:75px; height:14px; background:url('../images/common/spr_icon.png') no-repeat -75px -144px} /* tab */ ul.tab {width:100%; overflow:hidden; background:url('../images/common/bg_tab.gif') repeat-x left bottom} ul.tab li {float:left; border:1px solid #919ba7; border-left:none; -moz-border-radius:5px 5px 0 0; -webkit-border-radius:5px 5px 0 0; border-radius:5px 5px 0 0} ul.tab li:first-child {border-left:1px solid #919ba7} ul.tab li a, ul.tab li span.only {display:block; float:left; border-radius:5px 5px 0 0; background:url('../images/common/bg_noise_gray.gif'); color:#505a70; font-size:13px; font-weight:bold} ul.tab li a img {vertical-align:top} ul.tab li.selected {border-bottom-color:#e4e6e9} ul.tab li.selected a, ul.tab li.selected span.only {background:#fff; color:#0f2d50} ul.tab.tab_lg li a, ul.tab.tab_lg li span.only {padding:9px 17px} ul.tab.tab_lg2 li a, ul.tab.tab_lg2 li span.only {padding:9px 17px} ul.tab.tab_acu {height:33px; background-position:0 23px} ul.tab.tab_acu li {margin-left:17px; height:33px; border:none; border-radius:0} ul.tab.tab_acu li a {height:24px; border-radius:0; background:url('../images/common/bg_tab.gif') repeat-x left bottom; color:#505a70; font-weight:normal} ul.tab.tab_acu li.selected {background:url('../images/portal/bg_slider_on.png') no-repeat 50% 100%} ul.tab.tab_acu li.selected a {background-image:url('../images/common/bg_tab_on.gif'); color:#0f2d50; font-weight:bold; letter-spacing:-1px} ul.tab.tab_acu li:first-child {margin-left:0} .tab_wrap {position:relative} .tab_wrap .btns {position:absolute; top:1px; right:0} .tab_wrap .btns button {height:27px} .tab_editor {height:19px} .tab_editor ul {float:right} .tab_editor ul li {float:left; border-right:1px solid #919ba7; border-bottom:1px solid #919ba7; -webkit-border-radius:0 0 5px 5px; border-radius:0 0 5px 5px} .tab_editor ul li:first-child {border-left:1px solid #919ba7} .tab_editor ul li a {display:block; float:left; height:18px; padding:0 10px; color:#63718a; font-size:11px; line-height:18px; font-weight:bold} .opt_control {text-align:center} .opt_control a {display:inline-block; padding:7px 16px 7px 24px; border:1px solid #919ba7; border-top:none; -webkit-border-radius:0 0 5px 5px; border-radius:0 0 5px 5px; background:url('../images/common/spr_bul.png') no-repeat; color:#0f2d50; font-weight:bold} .opt_control a.open {background-position:12px -21px} .opt_control a.close {background-position:12px 12px} .opt_line {display:none} /* sort */ ul.sort {float:left} ul.sort li {float:left; padding:0 10px 0 11px; background:url('../images/common/bar_list.gif') no-repeat 0 50%} ul.sort li:first-child {background:none} ul.sort li a {color:#666} ul.sort li.on a {font-weight:bold} /* title */ h3.space {margin-top:30px} .tit_area {position:relative} .tit_area button.btn_lg {position:absolute; top:-4px; right:0; margin-left:2px} .tit_area .btns {position:absolute; top:-4px; right:0} .tit_area .btns button.btn_lg {position:static} .tit_area .btns2 {position:absolute; top:0; right:0} .tit_area .txt {position:absolute; top:6px; right:0} .txt_area {padding:10px; border-top:1px solid #afb6c0; border-bottom:1px solid #dce1e6; line-height:16px} .txt_area p {text-align:justify} .tit_st {margin-bottom:11px; padding-left:11px; background:url('../images/common/icon_pop_tit.gif') no-repeat 0 7px; color:#000002; font-size:16px} .tit_st_big {margin-bottom:10px; font-size:20px} .tit_tab {position:relative; border-bottom:1px solid #dce1e6} .tit_tab strong {display:inline-block; padding:7px 30px; border:1px solid #919ba7; border-bottom:none; -moz-border-radius:5px 5px 0 0; -webkit-border-radius:5px 5px 0 0; border-radius:5px 5px 0 0} /* linkStyle */ a.link {color:#0a5ac3; text-decoration:underline} a.underline {line-height:1.5} a.underline:hover, a.underline:focus {text-decoration:underline} a.attch_file {display:inline-block; padding:1px 0 1px 22px; background:url('../images/common/icon_attch_file.png') no-repeat; color:#0a5ac3; text-decoration:underline; line-height:14px} /* listStyle */ ol.decimal li {list-style-type:decimal; margin-left:20px; padding-left:0; margin-top:5px} ol.decimal li:first-child {margin-top:0} ol.multiple-choice li {position:relative; padding-right:31px} ol.multiple-choice li .btn_minus {position:absolute; top:0; right:0} .list_wrap {position:relative} .list_wrap ul.list {margin-right:32px; padding:3px 0 2px} .list_wrap .btn_plus {position:absolute; top:0; right:0} ul.default li {padding:3px 0} ul.default li .ico {vertical-align:-2px} ul.list li {display:inline; margin-right:15px} ul.list li em {color:#666} ul.list li:last-child {margin-right:0} ul.list li.last-child {margin-right:0} ul.list2 {*zoom:1} ul.list2:after {display:block; content:""; clear:both} ul.list2 li {float:left; margin-left:10px; padding-left:10px; background:url('../images/common/bar_tit.gif') no-repeat 0 50%; color:#666; *display:inline} ul.list2 li:first-child {margin:0; padding:0; background:none} ul.list2 li em {color:#333} ul.list2 li.layout_r {float:right; margin:0; padding:0; background:none} ul.list2 li .layer {display:inline} ul.list2 li a.layopen {color:#666} ul.list2 li span.date {font-size:11px; font-family:Tahoma} .lecture_data ul.list2 {padding:10px; border-top:2px solid #afb6c0} ul.list_bul li {margin-top:3px; padding:0 0 0 7px; background:url('../images/common/bul_dot.gif') no-repeat 0 8px; text-align:left} ul.list_bul li:first-child {margin-top:0} ul.list_bul_cir li {margin-top:10px; padding-left:13px; background:url('../images/common/icon_pop_tit.gif') no-repeat 0 5px; color:#666; line-height:17px} ul.list_bul_cir li:first-child {margin-top:0} ul.progress_result {padding:11px 10px 24px 27px} ul.progress_result li {position:relative; margin-top:8px} ul.progress_result li:first-child {margin-top:0} ul.progress_result li p {margin-right:360px} ul.progress_result li .progress_area {position:absolute; top:0; right:0} ul.progress_result li .progress_area .total_progress {float:left; margin-top:2px; margin-right:20px} ul.progress_result li .progress_area em.nums {float:left} ul.items {padding:11px 10px 24px 27px} ul.items li {margin-top:5px; line-height:1.5} ul.items li:first-child {margin-top:0} /* definition */ dl.def:after {display:block; content:""; clear:both} dl.def dt {float:left; padding:0 7px; background:url('../images/common/bul_dot.gif') no-repeat 0 50%} dl.def dd {float:left; padding-left:9px; background:url('../images/common/bar_tit.gif') no-repeat 0 50%; color:#666} dl.desc {margin-top:15px} dl.desc dt {padding:10px; border-top:1px solid #afb6c0; border-bottom:1px solid #dce1e6; background:#f5f6f6; font-weight:bold} dl.desc .scr_box {margin:14px 0 10px} dl.desc p.inp_txt {margin:14px 0 10px} /* error */ .error {padding:0 20px; border-top:19px solid #e31f26; text-align:center; border-radius:8px 8px 0 0} .error_txt {padding:40px 0 96px} .error_txt p {margin-bottom:45px; color:#666; font-size:14px} .error_txt p.tit {margin-bottom:25px} .error_txt p.tit strong {display:inline-block; height:43px; padding:17px 0 0 80px; background:url('../images/common/icon_cccess_denied.gif') no-repeat; color:#000002; font-size:20px} .error #footer {border-top:1px solid #ced7e3; background:none} /* ---------- CSS HACK ---------- */ /* IE7 */ button {#overflow:visible} .btnspace .btn, .btnspace button {#margin-left:6px} button.btn {#padding:1px 5px} button.btn.btn_lg {#padding:4px 10px} input.intxt {#padding:0; #height:19px; #line-height:19px} .inp_txt input {#padding:0; #height:17px; #line-height:17px} .inp_txt textarea, .inp_txta textarea {#padding:0} label.space {#margin-left:6px} .write_box .inp_txt textarea {#height:75px} .file_add3 .btn_filedel {#margin-left:4px} .date_area img.btn_calendar {#margin-top:-3px} div.jsSelect .itemList, div.jsSelect2 .itemList, div.jsSelect3 .itemList, div.jsSelect4 .itemList {#width:100%} div.jsSelect .itemList ul, div.jsSelect2 .itemList ul, div.jsSelect3 .itemList ul, div.jsSelect4 .itemList ul {#overflow-x:auto} .form_layout input[type="radio"] {#width:13px} label input[type="radio"], label input[type="checkbox"] {#vertical-align:middle} .css_list li {#width:24.9%} table.board_data {#border-collapse:collapse} .bd_check > li .ico {#vertical-align:middle} .bd_view_info .f_rt dd .star_point {#vertical-align:middle} .board_comments .comme_write .write_area .inp_rud textarea {#height:69px} .board_comments .comme_write .comm_list dt button {#margin:0 2px} .board_info .layout_r button {#margin:0 0 0 4px} .board_search .btn_sear {#vertical-align:top; #margin-left:4px} .paging .btns button, .paging .btns .btn {#margin-left:4px} .paging .btns_l button, .paging .btns_l .btn {#margin-right:4px} .layer {#zoom:1} .board_list .lay_flag {#z-index:2} .board_list .lay_flag ul {#padding:5px 5px 2px} .board_list .laypop {#top:0; #left:15px} .lay_starpoint .laypop .con li {#margin-bottom:0px} .lay_starpoint .laypop .con li input {#width:13px} .popup .pop_foot button {#margin:0 3px} #snb_wrap ul.snb li a {#display:block; #height:auto; #padding:5px 13px} /* IE8 only */ @media \0screen {.board_info.selec3type .jsSelect3 {margin:0 4px 0 0} } @media \0screen {.bd_view_info .f_rt dd .star_point {position:relative; top:-1px} } @media \0screen {ul.con_desc li dd{line-height:18px} } /* Firefox */ button::-moz-focus-inner {border:0; padding:0}