/****************************************************************************************************************************************************/ /* Basic Style ***********************************************/ /****************************************************************************************************************************************************/ body, th, td, div, span, input, select, textarea {margin: 0; padding: 0;font-family:돋움,verdana; font-size:12px; color:#666666; line-height:16px;letter-spacing: -0.04em;} img {border:0;} a { selector-dummy : expression(this.hideFocus=true);} a:link {font-family:돋움,verdana; font-size:12px; color:#666666; text-decoration:none;line-height:16px;} a:visited {font-family:돋움,verdana; font-size:12px; color:#666666; text-decoration:none;line-height:16px;} a:active {font-family:돋움,verdana; font-size:12px; color:#666666; text-decoration:none;line-height:16px;} a:hover {font-family:돋움,verdana; font-size:12px; color:#000000; text-decoration:none;line-height:16px;} body{ margin: 0; scrollbar-face-color: #FFFFFF; scrollbar-highlight-color: #EBEBEB; scrollbar-3dlight-color: #F6F6F6; scrollbar-shadow-color: #EBEBEB; scrollbar-darkshadow-color: #F6F6F6; scrollbar-track-color: #F6F6F6; scrollbar-arrow-color: #BFCOBF; overflow-y:scroll; } /****************************************************************************************************************************************************/ /* Form Style ***********************************************/ /****************************************************************************************************************************************************/ input {font-size:11px; border:solid 1px #e6e5e5; background-color:#f9f9f9; padding-top:1; padding-left:3;height:19px;} select {font-size:11px; border:solid 1px #e6e5e5; background-color:#f9f9f9; padding-top:1; padding-left:3;height:19px;} textarea { border:solid 1px #e0e0e0; line-height:16px; padding:5; background-color:#fafafa; scrollbar-face-color: #FFFFFF; scrollbar-highlight-color: #EBEBEB; scrollbar-3dlight-color: #F6F6F6; scrollbar-shadow-color: #EBEBEB; scrollbar-darkshadow-color: #F6F6F6; scrollbar-track-color: #F6F6F6; scrollbar-arrow-color: #BFCOBF; overflow-y:scroll; } .w_noline {border:solid 0px #F0F0F0; background-color:#FFFFFF; } .agree { margin: 0; background-color: #FFFFFF; scrollbar-face-color: #FFFFFF; scrollbar-highlight-color: #EBEBEB; scrollbar-3dlight-color: #F6F6F6; scrollbar-shadow-color: #EBEBEB; scrollbar-darkshadow-color: #F6F6F6; scrollbar-track-color: #F6F6F6; scrollbar-arrow-color: #BFCOBF; overflow-y:scroll; } /****************************************************************************************************************************************************/ /* Div Style ***********************************************/ /****************************************************************************************************************************************************/ /* 강좌섬네일 */ .lec_bor {position:relative; width:214px; height:164px; background-image:url('../images/education/teacher_bg.gif') ; background-position:top left ;background-repeat: no-repeat;text-align:center;padding-top:7px} /* 후기게시판 포토이미지 */ .pd_photolist_img{position:relative; width:32px; height:32px; border:1 solid #f3f3f3; background-color:#FFFFFF;text-align:center;} /****************************************************************************************************************************************************/ /* Table Style ***********************************************/ /****************************************************************************************************************************************************/ /* line ************************************************************************************************/ .line_e8e {height:1px; background-color:#e8e8e8;} .line_f3f {height:1px; background-color:#f3f3f3;} .line_ded {height:2px; background-color:#dedcdc;} .line_ede {height:1px; background-color:#ededed;} .line_wdot {height:1px; background:url('../images/common/wdot.gif') repeat-x ;} .tiline {height:3px; background:url('../images/common/tiline.gif') repeat-x ;} /* bg ************************************************************************************************/ .bgc_fff {background-color:#ffffff;} .bgc_f9f {background-color:#f9f9f9;} /* 컨텐츠배경 */ .con_top {background-image:url('../images/common/contents_top.gif') ; background-position:top left ;background-repeat: no-repeat; height:10px; width:735px} .con_bg {background-image:url('../images/common/contents_bg.gif') ; background-position:top left ;background-repeat: repeat-y;} /* 강좌섬네일항목 */ .item {background-image:url('../images/education/slist_bg.gif') ; background-position:top left ;background-repeat: no-repeat;} /* 탭 */ .tab {background-image:url('../images/education/tabline.gif') ; background-position:bottom left ;background-repeat: repeat-x;height:22px} /* table ************************************************************************************************/ .grbox_line {border:1 solid #e8e8e8; background-color:#FFFFFF;} .ggbox_line {border:1 solid #e8e8e8; background-color:#fcfcfc;} .pwbox {background-image:url('../images/mypage/pwbox.gif') ; background-repeat: no-repeat; background-position:top left;height:240px;width:620px} /* 강좌자세히보기 */ .lecbox_top {background-image:url('../images/education/lecbox_top.gif') ; background-position:top left ;background-repeat: no-repeat;height:10px; width:680px} .lecbox_bg {background-image:url('../images/education/lecbox_bg.gif') ; background-position:top left ;background-repeat: repeat-y;} .lecbox_bot {background-image:url('../images/education/lecbox_bottom.gif') ; background-position:top left ;background-repeat: no-repeat;height:18px; width:680px} .grbox_top {background-image:url('../images/member/grbox_top.gif') ; background-position:top left ;background-repeat: no-repeat;height:10px; width:680px} .grbox_bg {background-image:url('../images/member/grbox_bg.gif') ; background-position:top left ;background-repeat: repeat-y;} .grbox_bot {background-image:url('../images/member/grbox_bottom.gif') ; background-position:top left ;background-repeat: no-repeat;height:18px; width:680px} /* td에적용 ************************************************************************************************/ /* 강좌리스트 */ .grst_td01 {background-color:#f6f6f6; border-right:1px solid #e8e8e8; border-bottom:1px solid #e8e8e8; text-align:center; font-size:11px; font-weight:bold; letter-spacing: -0.05em; padding:7 0 5 0;} .grst_td02 {background-color:#f6f6f6; border-bottom:1px solid #e8e8e8; text-align:center; font-size:11px; font-weight:bold; letter-spacing: -0.05em; padding:7 0 5 0;} .grst_td03 {background-color:#ffffff; border-right:1px solid #e8e8e8; border-bottom:1px solid #e8e8e8;padding:7 0 5 0;} .grst_td04 {background-color:#ffffff; border-bottom:1px solid #e8e8e8;padding:7 0 5 0;} /* 회원가입양식 */ .mem_td01 {background-color:#fcfcfc; border-right:1px solid #e8e8e8; border-bottom:1px solid #e8e8e8; font-size:11px; font-weight:bold; letter-spacing: -0.05em; padding:7 0 5 13;} .mem_td02 {background-color:#ffffff; border-bottom:1px solid #e8e8e8;padding:7 0 7 15;} /****************************************************************************************************************************************************/ /* Popup Style ***********************************************/ /****************************************************************************************************************************************************/ .pop_box_line {border:4 solid #dedcdc; background-color:#FFFFFF;} .pop_title {background-image:url('../images/pop/pti_bg.gif') ; background-repeat: repeat-x; background-position:top ;height:54px;} /****************************************************************************************************************************************************/ /* Font Style ***********************************************/ /***************************************************************************************************************************************************/ .u {text-decoration:underline} .lt {text-decoration:line-through} .b {font-weight:bold} .n {font-weight:normal} .c {text-align:center} .f_ver {font-family:verdana; } .f_size10 {font-size:10px;} .f_size11 {font-size:11px;} .f_size14 {font-size:14px;} .f_size16 {font-size:16px;} .f_999 { color:#999999;} .f_bcb { color:#bcbbbb;} .f_000 { color:#000000;} .f_cc6 { color:#cc6600;} .f_b29 { color:#b29577;} .f_339 { color:#339abf;} /****************************************************************************************************************************************************/ /* Community Style ***********************************************/ /****************************************************************************************************************************************************/ /* 페이지리스트 */ .pg:link {color: #999999; font-size:11px; } .pg:visited {color: #999999; font-size:11px; } .pg:active {color: #999999; font-size:11px; } .pg:hover {color: #666633; font-size:11px; } .pgon {color: #666633; font-size:11px; font-weight:bold} .listbar {background-image:url('../images/mypage/listbar.gif') ; background-repeat: no-repeat; background-position:top left;} .list_td01 {background-image:url('../images/mypage/tilistline.gif') ; background-repeat: no-repeat; background-position:right ; padding:3 0 0 0; height:27px; font-size:11px; font-weight:bold} .list_td02 {padding:3 0 0 0; height:27px; font-size:11px; font-weight:bold} .list_td03 {background-image:url('../images/mypage/tilistline.gif') ; background-repeat: no-repeat; background-position:right ; padding:3 0 0 0; height:27px; font-size:11px; } .reline {border:1 solid #e8e8e8; background-color:fcfcfc;} .search {background-image:url('../images/community/searchbox.gif') ; background-repeat: no-repeat; background-position:top left; width:680px; height:40px} .pad_li {padding:7 0 4 15} .pad_lc {padding:7 0 4 0} .pad_cv {padding:20 15 20 20} .pad_rv {padding:0 15 20 20} /****************************************************************************************************************************************************/ /* Padding Style *****************************************************/ /***************************************************************************************************************************************************/ .pad_t2 {padding-top:2px;} .pad_t3 {padding-top:3px;} .pad_t5 {padding-top:5px;} .pad_t7 {padding-top:7px;} .pad_t10 {padding-top:10px;} .pad_t12 {padding-top:12px;} .pad_t15 {padding-top:15px;} .pad_t20 {padding-top:20px;} .pad_t25 {padding-top:25px;} .pad_t30 {padding-top:30px;} .pad_t38 {padding-top:38px;} .pad_t42 {padding-top:42px;} .pad_r3 {padding-right:3px;} .pad_r5 {padding-right:5px;} .pad_r10 {padding-right:10px;} .pad_r15 {padding-right:15px;} .pad_r20 {padding-right:20px;} .pad_b5 {padding-bottom:5px;} .pad_b8 {padding-bottom:8px;} .pad_b10 {padding-bottom:10px;} .pad_b15 {padding-bottom:15px;} .pad_b20 {padding-bottom:20px;} .pad_b30 {padding-bottom:30px;} .pad_b40 {padding-bottom:40px;} .pad_l5 {padding-left:5px;} .pad_l10 {padding-left:10px;} .pad_l15 {padding-left:15px;} .pad_l20 {padding-left:20px;} .pad_l30 {padding-left:30px;} .pad_con {padding:5 0 40 6} /* 자간/행간 ******************/ .ls_ti {letter-spacing: -0.05em;} .lh_14 {line-height:14px} .lh_18 {line-height:18px} /* height ******************/ .top_bin {height:20px;} .bot_bin {height:20px;} .left_bin {height:25px;} .ti_bin {height:30px;} /****************************************************************************************************************************************************/ /* Main Style *****************************************************/ /***************************************************************************************************************************************************/ /* 강사소개 */ .clibox_top {background-image:url('../images/main/clibox_top.gif') ; background-position:top left ;background-repeat: no-repeat;height:6px; width:190px;} .clibox_bg {background-image:url('../images/main/clibox_bg.gif') ; background-position:top left ;background-repeat: repeat-y;} .clibox_bot {background-image:url('../images/main/clibox_bottom.gif') ; background-position:top left ;background-repeat: no-repeat;height:14px; width:190px;} .cli_ti {background-image:url('../images/main/tibg_cli.gif') ; background-position:top left ;background-repeat: no-repeat;height:35px; width:176px;} .teac_line {border:1 solid #efefef;} .cli:link {color:#ff9900;line-height:14px} .cli:visited {color:#ff9900;line-height:14px} .cli:active {color:#ff9900;line-height:14px} .cli:hover {color:#ff6600;line-height:14px} /* 메인이미지 */ .imgbox_top {background-image:url('../images/main/imgbox_top.gif') ; background-position:top left ;background-repeat: no-repeat;height:8px; width:735px} .imgbox_bg {background-image:url('../images/main/imgbox_bg.gif') ; background-position:top left ;background-repeat: repeat-y;} .imgbox_bot {background-image:url('../images/main/imgbox_bottom.gif') ; background-position:top left ;background-repeat: no-repeat;height:14px; width:735px} /* 강좌 */ .ccibox_top {background-image:url('../images/main/ccibox_top.gif') ; background-position:top left ;background-repeat: no-repeat;height:10px;width:490px;} .ccibox_bg {background-image:url('../images/main/ccibox_bg.gif') ; background-position:top left ;background-repeat: repeat-y;} .ccibox_bot {background-image:url('../images/main/ccibox_bottom.gif') ; background-position:top left ;background-repeat: no-repeat;height:18px;width:490px;} .cci_ti {background-image:url('../images/main/tibg_cci.gif') ; background-position:top left ;background-repeat: no-repeat;height:38px; width:470px;} /* 공지사항 */ .nq_ti {background-image:url('../images/main/tibg_nq.gif') ; background-position:top left ;background-repeat: repeat-x;height:28px;} /****************************************************************************************************************************************************/ /* Skin Change Style ***********************************************/ /****************************************************************************************************************************************************/ /* 상단메뉴배경 */ .menubg_01 {background-image:url('../images/common/menubg_01.gif') ; background-repeat: no-repeat; background-position:top left ;height:33px;width:940px;} .menubg_02 {background-image:url('../images/common/menubg_02.gif') ; background-repeat: no-repeat; background-position:top left ;height:33px;width:940px;} .menubg_03 {background-image:url('../images/common/menubg_03.gif') ; background-repeat: no-repeat; background-position:top left ;height:33px;width:940px;} .menubg_04 {background-image:url('../images/common/menubg_04.gif') ; background-repeat: no-repeat; background-position:top left ;height:33px;width:940px;} .menubg_05 {background-image:url('../images/common/menubg_05.gif') ; background-repeat: no-repeat; background-position:top left ;height:33px;width:940px;} /* 로그인배경 */ .loginbg_01 {background-image:url('../images/common/loginbg_01.gif') ; background-repeat: no-repeat; background-position:top left ;height:135px;width:190px; text-align:center;} .loginbg_02 {background-image:url('../images/common/loginbg_02.gif') ; background-repeat: no-repeat; background-position:top left ;height:135px;width:190px; text-align:center;} .loginbg_03 {background-image:url('../images/common/loginbg_03.gif') ; background-repeat: no-repeat; background-position:top left ;height:135px;width:190px; text-align:center;} .loginbg_04 {background-image:url('../images/common/loginbg_04.gif') ; background-repeat: no-repeat; background-position:top left ;height:135px;width:190px; text-align:center;} .loginbg_05 {background-image:url('../images/common/loginbg_05.gif') ; background-repeat: no-repeat; background-position:top left ;height:135px;width:190px; text-align:center;} /****************************************************************************************************************************************************/ /* Top Left Menu Style ***********************************************/ /****************************************************************************************************************************************************/ /* Top */ .menu_td {background-image:url('../images/common/menuline.gif') ; background-repeat: no-repeat; background-position:right ; padding:3 30 0 30;} .tm:link {color:#FFFFFF; font-weight:bold; letter-spacing: -0.05em; } .tm:visited {color:#FFFFFF; font-weight:bold; letter-spacing: -0.05em;} .tm:active {color:#FFFFFF; font-weight:bold; letter-spacing: -0.05em;} .tm:hover {color:#FFFFFF; font-weight:bold; letter-spacing: -0.05em;} /* Left */ .meli_top {background-image:url('../images/common/meli_top.gif') ; background-position:top left ;background-repeat: no-repeat;height:55px;width:190px; padding:0 0 6 20; font-weight:bold; font-size:14px; color:#000000} .meli_bg {background-image:url('../images/common/meli_bg.gif') ; background-position:top left ;background-repeat: repeat-y;} .meli_bot {background-image:url('../images/common/meli_bottom.gif') ; background-position:top left ;background-repeat: no-repeat;height:25px;width:190px;} .meli_td {background-image:url('../images/common/meli_ic.gif') ; background-repeat: no-repeat; background-position:top left ; border-bottom:1px solid #e8e8e8; padding:7 2 3 19;} .meli2s_td {border-bottom:1px solid #e8e8e8; padding:8 0 5 19;} .lm1s:link {color:#888888; font-weight:bold; letter-spacing: -0.05em; } .lm1s:visited {color:#888888; font-weight:bold; letter-spacing: -0.05em;} .lm1s:active {color:#888888; font-weight:bold; letter-spacing: -0.05em;} .lm1s:hover {color:#ff6600; font-weight:bold; letter-spacing: -0.05em;} .lm1s_on:link {color:#ff6600; font-weight:bold; letter-spacing: -0.05em; } .lm1s_on:visited {color:#ff6600; font-weight:bold; letter-spacing: -0.05em;} .lm1s_on:active {color:#ff6600; font-weight:bold; letter-spacing: -0.05em;} .lm1s_on:hover {color:#ff6600; font-weight:bold; letter-spacing: -0.05em;} .lm2s:link {color:#888888; letter-spacing: -0.05em; font-size:11px; line-height:18px} .lm2s:visited {color:#888888; letter-spacing: -0.05em; font-size:11px; line-height:18px} .lm2s:active {color:#888888; letter-spacing: -0.05em; font-size:11px; line-height:18px} .lm2s:hover {color:#ff9900; letter-spacing: -0.05em; font-size:11px; line-height:18px} .lm2s_on:link {color:#ff9900; letter-spacing: -0.05em; font-size:11px; line-height:18px} .lm2s_on:visited {color:#ff9900; letter-spacing: -0.05em; font-size:11px; line-height:18px} .lm2s_on:active {color:#ff9900; letter-spacing: -0.05em; font-size:11px; line-height:18px} .lm2s_on:hover {color:#ff9900; letter-spacing: -0.05em; font-size:11px; line-height:18px}