@charset "utf-8"; /* 나눔고딕 웹폰트 */ @font-face {font-family:NG;src:url('/design/include/NanumGothic.eot');src:local(※),url('/design/include/NanumGothic.woff') format('woff')} * {font-family:'나눔고딕','NanumGothic','NG','sans-serif','Arial','Helvetica','돋움','Dotum'} /* 리셋css */ header, footer, section, article, aside, nav, hgroup, details, menu, figure, figcaption {display:block} html, body {width:100%;height:100%;margin:0 auto;padding:0;color:#666;font-size:12px;line-height:18px;background:#fafafa url('/design/images/common/bg.gif') repeat-x 0 92px;font-family:'나눔고딕','NanumGothic','NG','sans-serif','Arial','Helvetica','돋움','Dotum'} p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,img{margin:0;padding:0;font-family:'나눔고딕','NanumGothic','NG','sans-serif','Arial','Helvetica','돋움','Dotum'} h1,h2,h3,h4,h5,h6 {font-size:0;font-weight:normal;} ul, ol, li {list-style:none;} img, fieldset, iframe {border:0 none;vertical-align:top;} table{border-collapse:collapse;} a:link,a:active, a:visited {color:#666;text-decoration:none;cursor:pointer;} a:hover {color:#666;text-decoration:underline;cursor:pointer;} a:visited {color:#666} caption, legend {display:none;} legend {font-size:0} em,address{font-style:normal;} /* xe 첨부파일 */ .fileAttached {margin:10px} /* layer bg */ .layer_bg {display:none;position:absolute;top:0;left:0;width:100%;height:100%;background:#000;filter:alpha(opacity=50);-moz-opacity:0.5;-khtml-opacity:0.5;opacity:0.5;z-index:400;} /* 메인 팝업 */ .main_popup_area {position:relative;width:1024px;margin:0 auto;z-index:600;} .main_popup_area .layer_pop01 {position:absolute;top:0;left:0;z-index:600;} .main_popup_area .layer_pop01 .today {width:350px;height:20px;padding:0 5px 0 0;background:#000;text-align:right;color:#fff;line-height:20px;cursor:pointer;} .main_popup_area .layer_pop01 .today input {margin:0 1px 0 0;vertical-align:middle;} /* 공통아이콘 */ span.ico_new {display:inline-block;width:13px;height:13px;margin:0;padding:0;border:none;background:url('/design/images/common/ico.png') no-repeat -25px 0;text-indent:-5000px;} span.ico_ing {display:inline-block;width:55px;height:21px;margin:0;padding:0;border:none;background:url('/design/images/common/ico.png') no-repeat -218px -30px;text-indent:-5000px;text-align:left;} span.ico_ti {display:block;width:11px;height:11px;background:url('/design/images/common/ico.png') no-repeat -218px -52px;text-indent:-5000px;} span.ico_prev {display:block;width:7px;height:4px;background:url('/design/images/common/ico.png') no-repeat -25px -14px;text-indent:-5000px;} span.ico_next {display:block;width:7px;height:4px;background:url('/design/images/common/ico.png') no-repeat -32px -14px;text-indent:-5000px;} span.ico_exclamation {display:block;width:12px;height:12px;background:url('/design/images/common/ico.png') no-repeat -230px -51px;text-indent:-5000px;} span.ico_exclamation02 {display:block;width:14px;height:14px;background:url('/design/images/common/ico.png') no-repeat -267px -199px;text-indent:-5000px;} span.ico_time {display:block;width:40px;height:40px;background:url('/design/images/common/ico.png') no-repeat -509px -170px;text-indent:-5000px;} span.ico_right {display:block;width:9px;height:19px;background:url('/design/images/common/ico.png') no-repeat -221px -199px;text-indent:-5000px;} span.ico_cast_l {display:block;width:22px;height:20px;background:url('/design/images/common/ico.png') no-repeat -693px -122px;text-indent:-5000px;} span.ico_cast_b {display:block;width:27px;height:20px;background:url('/design/images/common/ico.png') no-repeat -665px -122px;text-indent:-5000px;} span.ico_cast_r {display:block;width:22px;height:20px;background:url('/design/images/common/ico.png') no-repeat -614px -122px;text-indent:-5000px;} span.ico_cast_re {display:block;width:22px;height:20px;background:url('/design/images/common/ico.png') no-repeat -568px -122px;text-indent:-5000px;} span.ico_cast_hd {display:block;width:27px;height:20px;background:url('/design/images/common/ico.png') no-repeat -637px -122px;text-indent:-5000px;} span.ico_cast_c {display:block;width:22px;height:20px;background:url('/design/images/common/ico.png') no-repeat -591px -122px;text-indent:-5000px;} span.ico_cast_all {display:block;width:27px;height:20px;background:url('/design/images/common/ico.png') no-repeat -637px -101px;text-indent:-5000px;} span.ico_cast_12 {display:block;width:22px;height:20px;background:url('/design/images/common/ico.png') no-repeat -614px -101px;text-indent:-5000px;} span.ico_cast_15 {display:block;width:22px;height:20px;background:url('/design/images/common/ico.png') no-repeat -591px -101px;text-indent:-5000px;} span.ico_cast_19 {display:block;width:22px;height:20px;background:url('/design/images/common/ico.png') no-repeat -568px -101px;text-indent:-5000px;} span.sico_cast_l {display:block;width:17px;height:14px;background:url('/design/images/common/ico.png') no-repeat -378px -408px;text-indent:-5000px;} span.sico_cast_b {display:block;width:27px;height:14px;background:url('/design/images/common/ico.png') no-repeat -665px -408px;text-indent:-5000px;} span.sico_cast_r {display:block;width:17px;height:14px;background:url('/design/images/common/ico.png') no-repeat -418px -408px;text-indent:-5000px;} span.sico_cast_re {display:block;width:17px;height:14px;background:url('/design/images/common/ico.png') no-repeat -436px -408px;text-indent:-5000px;} span.sico_cast_hd {display:block;width:21px;height:14px;background:url('/design/images/common/ico.png') no-repeat -454px -408px;text-indent:-5000px;} span.sico_cast_c {display:block;width:22px;height:14px;background:url('/design/images/common/ico.png') no-repeat -591px -408px;text-indent:-5000px;} span.sico_cast_all {display:block;width:21px;height:14px;background:url('/design/images/common/ico.png') no-repeat -356px -408px;text-indent:-5000px;} span.sico_cast_12 {display:block;width:17px;height:14px;background:url('/design/images/common/ico.png') no-repeat -302px -408px;text-indent:-5000px;} span.sico_cast_15 {display:block;width:17px;height:14px;background:url('/design/images/common/ico.png') no-repeat -320px -408px;text-indent:-5000px;} span.sico_cast_19 {display:block;width:17px;height:14px;background:url('/design/images/common/ico.png') no-repeat -338px -408px;text-indent:-5000px;} /* 공통버튼 */ .btn_area {position:relative;width:100%;height:29px;} .btn_center {*border:1px solid #fff;text-align:center;} .btn_left {position:absolute;top:0;left:0;} .btn_left a {float:left;margin-right:6px;} .btn_right {position:absolute;top:0;right:0;text-align:right;} .btn_center02 {*border:1px solid #fff;text-align:center;} .btn_list {display:block;width:71px;height:29px;background:url('/design/images/common/ico.png') no-repeat -225px 0;text-indent:-5000px;text-align:left;} .btn_modify {display:inline-block;width:71px;height:29px;background:url('/design/images/common/ico.png') no-repeat -221px -139px;text-indent:-5000px;text-align:left;} .btn_modify02 {display:inline-block;width:91px;height:29px;background:url('/design/images/common/ico.png') no-repeat -692px -203px;text-indent:-5000px;text-align:left;} .btn_out {display:inline-block;width:91px;height:29px;background:url('/design/images/common/ico.png') no-repeat -692px -233px;text-indent:-5000px;text-align:left;} .btn_out02 {display:inline-block;width:91px;height:29px;background:url('/design/images/common/ico.png') no-repeat -692px -263px;text-indent:-5000px;text-align:left;} .btn_cancel {display:inline-block;width:71px;height:29px;background:url('/design/images/common/ico.png') no-repeat -692px -293px;text-indent:-5000px;text-align:left;} .btn_del {display:inline-block;width:71px;height:29px;background:url('/design/images/common/ico.png') no-repeat -221px -169px;text-indent:-5000px;text-align:left;} .btn_cfm {display:inline-block;width:71px;height:29px;background:url('/design/images/common/ico.png') no-repeat -293px -139px;text-indent:-5000px;text-align:left;} .btn_more {display:inline-block;width:19px;height:19px;background:url('/design/images/common/ico.png') no-repeat -177px -116px;text-indent:-5000px;text-align:left;} .btn_del02 {display:inline-block;width:13px;height:13px;background:url('/design/images/common/ico.png') no-repeat -274px -45px;text-indent:-5000px;} .btn_play_big {display:inline-block;width:95px;height:95px;background:url('/design/images/common/ico.png') no-repeat -377px -63px;text-indent:-5000px;} .btn_play_mid {display:inline-block;width:57px;height:57px;background:url('/design/images/common/ico.png') no-repeat -319px -63px;text-indent:-5000px;} .btn_play_small {display:inline-block;width:35px;height:35px;background:url('/design/images/common/ico.png') no-repeat -472px -63px;text-indent:-5000px;} .btn_login {display:block;width:123px;height:77px;background:url('/design/images/common/ico.png') no-repeat -568px -143px;border:none;text-indent:-5000px;} .btn_login02 {display:inline-block;width:91px;height:29px;background:url('/design/images/common/ico.png') no-repeat -692px -143px;border:none;text-indent:-5000px;} .btn_join {display:inline-block;width:123px;height:43px;background:url('/design/images/common/ico.png') no-repeat -293px -169px;text-align:center;text-indent:-5000px;} .btn_join02 {display:inline-block;width:91px;height:29px;background:url('/design/images/common/ico.png') no-repeat -417px -169px;text-align:center;text-indent:-5000px;} .btn_home {display:inline-block;width:101px;height:29px;background:url('/design/images/common/ico.png') no-repeat -692px -173px;text-align:center;text-indent:-5000px;} .btn_close {display:inline-block;width:20px;height:20px;background:url('/design/images/common/ico.png') no-repeat -738px -122px;text-indent:-5000px;} .btn_close02 {display:inline-block;width:46px;height:46px;background:url('/design/images/common/ico.png') no-repeat -737px -33px;text-indent:-5000px;cursor:pointer;} .btn_type01 {display:inline-block;width:123px;height:28px;background:url('/design/images/common/ico.png') no-repeat -568px -221px;text-align:center;} .btn_type02 {display:inline-block;width:61px;height:23px;background:url('/design/images/common/ico.png') no-repeat -417px -199px;line-height:23px;text-align:center;} .btn_write02 {display:block;float:left;width:87px;height:52px;margin:10px 0 0 8px;background:url('/design/images/common/ico.png') no-repeat -139px -63px;text-align:left;text-indent:-5000px;} .btn_write03 {display:block;float:left;width:71px;height:29px;margin:0 20px 0 6px;background:url('/design/images/common/ico.png') no-repeat -657px 0;text-align:left;text-indent:-5000px;} /* 박스 스타일 */ .box {position:relative;top:2px;left:-1px;width:776px;background:url('/design/images/common/board_bg_mid.gif') repeat-y 0 0;} .box .bg_top {display:block;position:absolute;top:-2px;left:0;width:776px;height:2px;background:url('/design/images/common/board_bg_top.gif') no-repeat 0 0} .box .bg_btm {display:block;position:absolute;bottom:-4px;left:0;width:776px;height:4px;background:url('/design/images/common/board_bg_btm.gif') no-repeat 0 0} .box02 {position:relative;top:2px;left:-1px;width:751px;background:url('/design/images/common/board_bg_mid02.gif') repeat-y 0 0;} .box02 .bg_top {display:block;position:absolute;top:-2px;left:0;width:751px;height:2px;background:url('/design/images/common/board_bg_top02.gif') no-repeat 0 0} .box02 .bg_btm {display:block;position:absolute;bottom:-4px;left:0;width:751px;height:4px;background:url('/design/images/common/board_bg_btm02.gif') no-repeat 0 0} /* 페이징 */ .mbc_pagination {padding:30px 0 18px 0;text-align:center;font-family:'돋움'."dotum";font-size:12px;color:#767676;} .mbc_pagination a {display:inline-block;width:19px;height:18px;background:#fff;border:1px solid #ddd;} .mbc_pagination strong {display:inline-block;width:19px;height:18px;background:#d70312;border:1px solid #d70312;color:#fff;} .mbc_pagination a.head {background:url('/design/images/common/ico.png') no-repeat -39px 0;text-indent:-5000px;} .mbc_pagination a.head_direction {background:url('/design/images/common/ico.png') no-repeat -79px 0;text-indent:-5000px;} .mbc_pagination a.last_direction {background:url('/design/images/common/ico.png') no-repeat -99px 0;text-indent:-5000px;} .mbc_pagination a.last {background:url('/design/images/common/ico.png') no-repeat -59px 0;text-indent:-5000px;} /* form */ .slt {display:inline-block;position:relative;width:103px;height:20px;background:#fff;border:1px solid #ddd;font-size:12px;line-height:20px;color:#666;text-indent:8px;z-index:10;} .slt .slt_open {position:absolute;top:0;right:0;display:block;width:23px;height:20px;background:url('/design/images/common/ico.png') no-repeat -153px 0;text-indent:-5000px;} .slt ul {display:none;position:absolute;top:20px;left:-1px;width:103px;background:#fff;border:1px solid #ddd;border-top:none;z-index:20;} .slt ul li {height:21px;line-height:21px;cursor:pointer;} .slt ul li:hover {background:#f5f5f5;font-weight:bold;} .slt ul li a {display:block;} .slt:hover ul{display:block;} /* 검색박스 */ .search {width:100%;height:22px;padding:11px 0;background:#f2f2f2;border:1px solid #eee;} .search:after {display:block;content:"";clear:both;} .search .slt {float:left;margin:0 5px 0 193px;} .search input {float:left;width:231px;height:20px;margin-right:3px;line-height:20px;border:1px solid #ddd;text-indent:8px;} .search .btntype {float:left;width:33px;height:22px;background:url('/design/images/common/ico.png') no-repeat -119px 0;text-indent:-5000px;} .search02 {width:776px;margin:0 0 24px 0;padding:21px 0 18px 0;} .search02 .ti {display:block;float:left;width:43px;margin:0 0 0 206px;font-size:14px;line-height:27px;color:#333;font-weight:bold;} .search02 .ti.indent {text-indent:-5000px;} .search02 input {float:left;width:293px;height:25px;margin-right:4px;line-height:20px;border:1px solid #ddd;text-indent:8px;font-size:14px;color:#767676;} .search02 .btntype {float:left;width:27px;height:27px;background:url('/design/images/common/ico.png') no-repeat -378px 0;text-indent:-5000px;} /* 검색 리스트 */ .search_list {width:733px;height:104px;margin:0 auto;margin-top:21px;border-top:1px solid #dbdce0;background:#f6f6f5;clear:both;overflow:auto;} .search_list ul {float:left;max-width:105px;margin:14px 0;padding:5px 18px 0 19px;border-right:1px solid #ebecee;} .search_list ul:after {display:block;content:"";height:14px;} .search_list ul.last {border:none;} .search_list ul li {margin:8px 0;padding:0 0 0 7px;background:url('/design/images/common/bl.gif') no-repeat 0 9px;} .search_list ul li a {font-size:12px;line-height:14px;color:#666;} /* 검색 결과 */ .search_result {margin:65px 0 0 0;letter-spacing:-1px;} .search_result p {font-size:13px;line-height:20px;text-align:center;} .search_result p.ti {width:100%;margin:0 0 36px 0;font-size:25px;line-height:25px;color:#666;} .search_result p.ti span{color:#e10313} .search_result .txt {position:relative;width:620;height:107px;margin:46px 0 0 0;padding:17px 0 0 154px;background:#f4f4f4;border-top:1px solid #ddd;color:#767676;font-size:12px;} .search_result .txt strong {display:block;margin:0 0 20px 0;font-size:14px;color:#666;} .search_result .txt .ico_search_tv {position:absolute;top:37px;left:37px;display:block;width:95px;height:68px;background:url('/design/images/common/ico.png') no-repeat -472px -101px;text-indent:-5000px;} /* layout */ #skip {display:none;} #header {position:absolute;top:0;left:0;width:100%;height:91px;background:#fff;border-bottom:1px solid #d7d6db;z-index:30;overflow:hidden;} #header .header {position:relative;width:1024px;height:91px;margin:0 auto;z-index:29;} #header .header:after {display:block;content:"";height:0px;line-height:0px;clear:both;} #header .header h1 {float:left;margin:23px 39px 0 10px;} #header .header ul.gnb {position:relative;float:left;padding:35px 40px;z-index:20;} #header .header ul.gnb li {float:left;} #header .header ul.gnb li a {display:block;height:16px;text-indent:-5000px;} #header .header ul.gnb li.depth11 {width:113px;} #header .header ul.gnb li.depth11 a {width:54px;background:url('/design/images/common/gnb.gif') no-repeat 0 0;} #header .header ul.gnb li.depth11 a.on {width:54px;background:url('/design/images/common/gnb.gif') no-repeat -327px 0;} #header .header ul.gnb li.depth12 {width:100px;} #header .header ul.gnb li.depth12 a {width:42px;background:url('/design/images/common/gnb.gif') no-repeat -55px 0;} #header .header ul.gnb li.depth12 a.on {width:42px;background:url('/design/images/common/gnb.gif') no-repeat -382px 0;} #header .header ul.gnb li.depth13 {width:127px;} #header .header ul.gnb li.depth13 a {width:68px;background:url('/design/images/common/gnb.gif') no-repeat -98px 0;} #header .header ul.gnb li.depth13 a.on {width:68px;background:url('/design/images/common/gnb.gif') no-repeat -425px 0;} #header .header ul.gnb li.depth14 {width:101px;} #header .header ul.gnb li.depth14 a {width:42px;background:url('/design/images/common/gnb.gif') no-repeat -167px 0;} #header .header ul.gnb li.depth14 a.on {width:42px;background:url('/design/images/common/gnb.gif') no-repeat -494px 0;} #header .header ul.gnb li.depth15 {width:116px;} #header .header ul.gnb li.depth15 a {width:116px;background:url('/design/images/common/gnb.gif') no-repeat -210px 0;} #header .header ul.gnb li.depth15 a.on {width:116px;background:url('/design/images/common/gnb.gif') no-repeat -537px 0;} #header .header ul.gnb li ul.depth2 {margin:40px 0 0 0;margin-left:-7px;} #header .header ul.gnb li ul.depth2 li {float:none;margin:0 0 7px 0;} #header .header ul.gnb li ul.depth2 li a {display:block;height:21px;} #header .header ul.gnb li.depth11 ul.depth2 li.depth21 a {width:85px;background:url('/design/images/common/gnb.gif') no-repeat 0 -29px;} #header .header ul.gnb li.depth11 ul.depth2 li.depth21 a:hover {background-position:0 -134px;} #header .header ul.gnb li.depth11 ul.depth2 li.depth21 a.on {background-position:0 -134px;} #header .header ul.gnb li.depth11 ul.depth2 li.depth22 a {width:85px;background:url('/design/images/common/gnb.gif') no-repeat 0 -56px;} #header .header ul.gnb li.depth11 ul.depth2 li.depth22 a:hover {background-position:0 -161px;} #header .header ul.gnb li.depth11 ul.depth2 li.depth22 a.on {background-position:0 -161px;} #header .header ul.gnb li.depth12 ul.depth2 li.depth21 a {width:85px;background:url('/design/images/common/gnb.gif') no-repeat -114px -29px;} #header .header ul.gnb li.depth12 ul.depth2 li.depth21 a:hover {background-position:-114px -134px;} #header .header ul.gnb li.depth12 ul.depth2 li.depth21 a.on {background-position:-114px -134px;} #header .header ul.gnb li.depth12 ul.depth2 li.depth22 a {width:85px;background:url('/design/images/common/gnb.gif') no-repeat -114px -56px;} #header .header ul.gnb li.depth12 ul.depth2 li.depth22 a:hover {background-position:-114px -161px;} #header .header ul.gnb li.depth12 ul.depth2 li.depth22 a.on {background-position:-114px -161px;} #header .header ul.gnb li.depth12 ul.depth2 li.depth23 a {width:85px;background:url('/design/images/common/gnb.gif') no-repeat -114px -84px;} #header .header ul.gnb li.depth12 ul.depth2 li.depth23 a:hover {background-position:-114px -189px;} #header .header ul.gnb li.depth12 ul.depth2 li.depth23 a.on {background-position:-114px -189px;} #header .header ul.gnb li.depth12 ul.depth2 li.depth24 a {width:85px;background:url('/design/images/common/gnb.gif') no-repeat -114px -112px;} #header .header ul.gnb li.depth12 ul.depth2 li.depth24 a:hover {background-position:-114px -217px;} #header .header ul.gnb li.depth12 ul.depth2 li.depth24 a.on {background-position:-114px -217px;} #header .header ul.gnb li.depth13 ul.depth2 li.depth21 a {width:105px;background:url('/design/images/common/gnb.gif') no-repeat -213px -29px;} #header .header ul.gnb li.depth13 ul.depth2 li.depth21 a:hover {background-position:-213px -134px;} #header .header ul.gnb li.depth13 ul.depth2 li.depth21 a.on {background-position:-213px -134px;} #header .header ul.gnb li.depth13 ul.depth2 li.depth22 a {width:105px;background:url('/design/images/common/gnb.gif') no-repeat -213px -56px;} #header .header ul.gnb li.depth13 ul.depth2 li.depth22 a:hover {background-position:-213px -161px;} #header .header ul.gnb li.depth13 ul.depth2 li.depth22 a.on {background-position:-213px -161px;} #header .header ul.gnb li.depth14 ul.depth2 li.depth21 a {width:85px;background:url('/design/images/common/gnb.gif') no-repeat -341px -29px;} #header .header ul.gnb li.depth14 ul.depth2 li.depth21 a:hover {background-position:-341px -134px;} #header .header ul.gnb li.depth14 ul.depth2 li.depth21 a.on {background-position:-341px -134px;} #header .header ul.gnb li.depth14 ul.depth2 li.depth22 a {width:85px;background:url('/design/images/common/gnb.gif') no-repeat -341px -56px;} #header .header ul.gnb li.depth14 ul.depth2 li.depth22 a:hover {background-position:-341px -161px;} #header .header ul.gnb li.depth14 ul.depth2 li.depth22 a.on {background-position:-341px -161px;} #header .header ul.gnb li.depth14 ul.depth2 li.depth23 a {width:85px;background:url('/design/images/common/gnb.gif') no-repeat -341px -84px;} #header .header ul.gnb li.depth14 ul.depth2 li.depth23 a:hover {background-position:-341px -189px;} #header .header ul.gnb li.depth14 ul.depth2 li.depth23 a.on {background-position:-341px -189px;} #header .header ul.gnb li.depth14 ul.depth2 li.depth24 a {width:85px;background:url('/design/images/common/gnb.gif') no-repeat -341px -112px;} #header .header ul.gnb li.depth14 ul.depth2 li.depth24 a:hover {background-position:-341px -217px;} #header .header ul.gnb li.depth14 ul.depth2 li.depth24 a.on {background-position:-341px -217px;} #header .header ul.gnb li.depth15 ul.depth2 li.depth21 a {width:125px;background:url('/design/images/common/gnb.gif') no-repeat -442px -29px;} #header .header ul.gnb li.depth15 ul.depth2 li.depth21 a:hover {background-position:-442px -134px;} #header .header ul.gnb li.depth15 ul.depth2 li.depth21 a.on {background-position:-442px -134px;} #header .header ul.gnb li.depth15 ul.depth2 li.depth22 a {width:125px;background:url('/design/images/common/gnb.gif') no-repeat -442px -56px;} #header .header ul.gnb li.depth15 ul.depth2 li.depth22 a:hover {background-position:-442px -161px;} #header .header ul.gnb li.depth15 ul.depth2 li.depth22 a.on {background-position:-442px -161px;} #header .header ul.gnb li.depth15 ul.depth2 li.depth23 a {width:125px;background:url('/design/images/common/gnb.gif') no-repeat -442px -84px;} #header .header ul.gnb li.depth15 ul.depth2 li.depth23 a:hover {background-position:-442px -189px;} #header .header ul.gnb li.depth15 ul.depth2 li.depth23 a.on {background-position:-442px -189px;} #header .header .util {float:right;margin:38px 20px 0 0;} #header .header .util a {float:left;text-indent:-5000px;} #header .header .util a.login {display:block;width:30px;height:11px;margin:0 13px 0 0;background:url('/design/images/common/gnb.gif') no-repeat -40px -17px;} #header .header .util a.logout {display:block;width:40px;height:11px;margin:0 13px 0 0;background:url('/design/images/common/gnb.gif') no-repeat -71px -17px;} #header .header .util a.join {display:block;width:39px;height:11px;padding:0 0 0 13px;background:url('/design/images/common/gnb.gif') no-repeat 13px -17px;border-left:1px solid #aaa} #header .header .util a.modify {display:block;width:59px;height:11px;padding:0 0 0 13px;background:url('/design/images/common/gnb.gif') no-repeat -301px -17px;border-left:1px solid #aaa} #header .header .bg {display:none;position:absolute;bottom:-139px;left:-59px;width:384px;height:115px;background:url('/design/images/common/gnb.gif') no-repeat 0 -239px;z-index:10;} #footer {position:relative;top:142px;background:#fff;border-top:1px solid #e5e5e5;clear:both;z-index:20;} #footer .footer {position:relative;width:984px;height:200px;margin:0 auto;padding:25px 0 0 0;z-index:29;} #footer .footer ul.info {height:12px;margin:0 0 30px 0;} #footer .footer ul.info li {float:left;margin:0 15px 0 0;} #footer .footer ul.info li.info01 a {display:block;width:40px;height:12px;background:url('/design/images/common/gnb.gif') no-repeat -114px -17px;text-indent:-5000px;} #footer .footer ul.info li.info02 a {display:block;width:79px;height:12px;background:url('/design/images/common/gnb.gif') no-repeat -155px -17px;text-indent:-5000px;} #footer .footer ul.info li.info03 a {display:block;width:65px;height:12px;background:url('/design/images/common/gnb.gif') no-repeat -235px -17px;text-indent:-5000px;} #footer .footer ul.info:after {display:block;content:"";height:0px;line-height:0px;clear:both;} #footer .footer .logo {margin:5px 0 0 0;} #footer .footer address {margin:13px 0 0 0;width:451px;height:40px;background:url('/design/images/common/gnb.gif') no-repeat 0 -355px;font-size:0;line-height:0;} #footer .footer .link {position:absolute;top:0;right:0;} /* #footer .footer .link .slt05 {display:inline-block;position:relative;float:left;width:135px;height:22px;background:#fff;border:1px solid #e0e0e0;font-size:11px;line-height:22px;color:#767676;text-indent:4px;z-index:10;} #footer .footer .link .slt05 .slt_open {position:absolute;top:0;right:0;display:block;width:18px;height:22px;background:url('/design/images/common/ico.png') no-repeat -177px 0;text-indent:-5000px;} #footer .footer .link .slt05 #footer_slt2 {position:absolute;bottom:22px;left:-1px;width:135px;border:1px solid #e0e0e0;border-bottom:none;background:#fff;} #footer .footer .link .slt05 #footer_slt2 .viewport {position: relative;width:120px;height:140px;overflow: hidden;} #footer .footer .link .slt05 #footer_slt2 .overview {position:absolute;left:0;top:0;} #footer .footer .link .slt05 #footer_slt2 .overview ul {width:135px;z-index:20;} #footer .footer .link .slt05 #footer_slt2 .overview ul li {height:22px;line-height:22px;cursor:pointer;} #footer .footer .link .slt05 #footer_slt2 .overview ul li:hover {background:#f5f5f5;font-weight:bold;} #footer .footer .link .slt05 #footer_slt2 .overview ul li a {display:block;} #footer .footer .link .slt05 #footer_slt2 .overview ul li a:hover {text-decoration:none;} #footer .footer .link .slt05 #footer_slt2 .scrollbar{position:relative;top:0px;background: transparent url('/design/images/common/bg2-scrollbar-track-y.png') no-repeat 0 0;background-position: 0 0; float: right; width:15px; } #footer .footer .link .slt05 #footer_slt2 .thumb {position:absolute; top:0px; left: 2px;width:12px; background: url('/design/images/common/bg2-scrollbar-thumb-y.png') no-repeat 0 0;cursor: pointer; overflow: hidden;z-index:5;} #footer .footer .link .slt05 #footer_slt2 .thumb .end {display:block;position:absolute;bottom:0px;right:0;width:12px;height:5px;background: url('/design/images/common/bg2-scrollbar-trackend-y.png') no-repeat 0 100%; z-index:10} #footer .footer .link .slt05 #footer_slt2 .up {position:absolute;top:0px;right:0;display:inline-block;width:15px;height:15px;background:url('/design/images/common/ico.png') no-repeat -270px -408px;text-indent:-5000px;} #footer .footer .link .slt05 #footer_slt2 .down {position:absolute;bottom:0px;right:0;display:inline-block;width:15px;height:15px;background:url('/design/images/common/ico.png') no-repeat -286px -408px;text-indent:-5000px;} #footer .footer .link .slt05 #footer_slt2 .disable { display: none; } #footer .footer .link .btntype {display:none;float:left;width:28px;height:23px;margin:0 9px 0 5px;background:url('/design/images/common/ico.png') no-repeat -196px 0;text-indent:-5000px;} */ .search03 .slt2 #scrollbar2 {position:absolute;top:0;left:-1px;width:290px;border:1px solid #e0e0e0;border-top:none;background:#fff;z-index:30;} .search03 .slt2 #scrollbar2 .viewport {position: relative;width:250px;height:140px;overflow: hidden;} .search03 .slt2 #scrollbar2 .overview {position:absolute;left:0;top:0;} .search03 .slt2 #scrollbar2 .overview ul {width:290px;z-index:20;} .search03 .slt2 #scrollbar2 .overview ul li {height:22px;line-height:22px;cursor:pointer;} .search03 .slt2 #scrollbar2 .overview ul li:hover {background:#f5f5f5;font-weight:bold;} .search03 .slt2 #scrollbar2 .overview ul li a {display:block;} .search03 .slt2 #scrollbar2 .overview ul li a:hover {text-decoration:none;} .search03 .slt2 #scrollbar2 .scrollbar{position:relative;top:0px;background: transparent url('/design/images/common/bg2-scrollbar-track-y.png') no-repeat 0 0;background-position: 0 0; float: right; width:15px; } .search03 .slt2 #scrollbar2 .thumb {position:absolute; top:0px; left: 2px;width:12px; background: url('/design/images/common/bg2-scrollbar-thumb-y.png') no-repeat 0 0;cursor: pointer; overflow: hidden;z-index:5;} .search03 .slt2 #scrollbar2 .thumb .end {display:block;position:absolute;bottom:0px;right:0;width:12px;height:5px;background: url('/design/images/common/bg2-scrollbar-trackend-y.png') no-repeat 0 100%; z-index:10} .search03 .slt2 #scrollbar2 .up {position:absolute;top:0px;right:0;display:inline-block;width:15px;height:15px;background:url('/design/images/common/ico.png') no-repeat -270px -408px;text-indent:-5000px;} .search03 .slt2 #scrollbar2 .down {position:absolute;bottom:0px;right:0;display:inline-block;width:15px;height:15px;background:url('/design/images/common/ico.png') no-repeat -286px -408px;text-indent:-5000px;} .search03 .slt2 #scrollbar2 .disable { display: none; } #content {position:relative;top:92px;width:1024px;margin:0 auto;padding:7px 0 0 0;z-index:19;} /* nav */ #content dl.nav {position:relative;width:1004px;height:27px;padding:0 20px 0 0;margin:0 auto;font-size:12px;line-height:42px;color:#767676;} #content dl.nav dt {display:none;} #content dl.nav dd {position:absolute;top:0;right:20px;} #content dl.nav dd a {float:left;color:#767676;} #content dl.nav dd span {float:left;padding:0 3px;} #content dl.nav dd a.home {display:block;position:relative;top:8px;width:20px;height:27px;background:url('/design/images/common/ico.png') no-repeat 0 0;text-indent:-5000px;} #content dl.nav dd strong {float:left;color:#e10313;} /* 좌측메뉴 */ #content .snb {float:left;width:210px;padding:0 0 0 20px;} #content .snb h2 {position:relative;width:170px;height:119px;margin:0 0 29px 0;border-bottom:3px solid #666} #content .snb h2 a {position:relative;display:block;z-index:20;} #content .snb h2 a.snb10 {width:93px;height:40px;background:url('/design/images/common/snb.gif') no-repeat 0 -266px;} #content .snb h2 a.snb20 {width:71px;height:41px;background:url('/design/images/common/snb.gif') no-repeat 0 -327px;} #content .snb h2 a.snb30 {width:73px;height:75px;background:url('/design/images/common/snb.gif') no-repeat 0 -190px;} #content .snb h2 a.snb40 {width:72px;height:40px;background:url('/design/images/common/snb.gif') no-repeat 0 -129px;} #content .snb h2 a.snb50 {width:148px;height:75px;background:url('/design/images/common/snb.gif') no-repeat 0 -388px;} #content .snb h2 a.snb60 {width:96px;height:75px;background:url('/design/images/common/snb.gif') no-repeat 0 -465px;} #content .snb h2 span.snb10_bg {display:block;position:absolute;bottom:0;right:0;width:81px;height:74px;background:url('/design/images/common/ico.png') no-repeat -172px -268px;} #content .snb h2 span.snb20_bg {display:block;position:absolute;bottom:0;right:0;width:98px;height:84px;background:url('/design/images/common/ico.png') no-repeat -254px -268px;} #content .snb h2 span.snb30_bg {display:block;position:absolute;bottom:0;right:0;width:75px;height:93px;background:url('/design/images/common/ico.png') no-repeat -353px -268px;} #content .snb h2 span.snb40_bg {display:block;position:absolute;bottom:0;right:0;width:86px;height:85px;background:url('/design/images/common/ico.png') no-repeat -429px -268px;} #content .snb h2 span.snb50_bg {display:block;position:absolute;bottom:0;right:0;width:92px;height:76px;background:url('/design/images/common/ico.png') no-repeat -516px -268px;} #content .snb h2 span.snb60_bg {display:block;position:absolute;bottom:0;right:0;width:90px;height:94px;background:url('/design/images/common/ico.png') no-repeat -657px -323px;} #content .snb ul {margin-bottom:30px;} #content .snb ul li a {display:block;width:170px;height:32px;text-indent:-5000px;} #content .snb ul li a:hover {width:180px;} #content .snb ul li.snb11 a {background:url('/design/images/common/snb.gif') no-repeat -523px -64px;} #content .snb ul li.snb11 a:hover {background-position:-694px -64px;} #content .snb ul li.snb11 a.on {width:180px;background-position:-694px -64px;} #content .snb ul li.snb12 a {background:url('/design/images/common/snb.gif') no-repeat -523px -96px;} #content .snb ul li.snb12 a:hover {background-position:-694px -96px;} #content .snb ul li.snb12 a.on {width:180px;background-position:-694px -96px;} #content .snb ul li.snb21 a {background:url('/design/images/common/snb.gif') no-repeat -875px 0;} #content .snb ul li.snb21 a:hover {background-position:-1046px 0;} #content .snb ul li.snb21 a.on {width:180px;background-position:-1046px 0;} #content .snb ul li.snb22 a {background:url('/design/images/common/snb.gif') no-repeat -875px -32px;} #content .snb ul li.snb22 a:hover {background-position:-1046px -32px;} #content .snb ul li.snb22 a.on {width:180px;background-position:-1046px -32px;} #content .snb ul li.snb23 a {background:url('/design/images/common/snb.gif') no-repeat -875px -64px;} #content .snb ul li.snb23 a:hover {background-position:-1046px -64px;} #content .snb ul li.snb23 a.on {width:180px;background-position:-1046px -64px;} #content .snb ul li.snb24 a {background:url('/design/images/common/snb.gif') no-repeat -875px -96px;} #content .snb ul li.snb24 a:hover {background-position:-1046px -96px;} #content .snb ul li.snb24 a.on {width:180px;background-position:-1046px -96px;} #content .snb ul li.snb31 a {background:url('/design/images/common/snb.gif') no-repeat -523px 0;} #content .snb ul li.snb31 a:hover {background-position:-694px 0;} #content .snb ul li.snb31 a.on {width:180px;background-position:-694px 0;} #content .snb ul li.snb32 a {background:url('/design/images/common/snb.gif') no-repeat -523px -32px;} #content .snb ul li.snb32 a:hover {background-position:-694px -32px;} #content .snb ul li.snb32 a.on {width:180px;background-position:-694px -32px;} #content .snb ul li.snb41 a {background:url('/design/images/common/snb.gif') no-repeat -171px 0;} #content .snb ul li.snb41 a:hover {background-position:-342px 0;} #content .snb ul li.snb41 a.on {width:180px;background-position:-342px 0;} #content .snb ul li.snb42 a {background:url('/design/images/common/snb.gif') no-repeat -171px -32px;} #content .snb ul li.snb42 a:hover {background-position:-342px -32px;} #content .snb ul li.snb42 a.on {width:180px;background-position:-342px -32px;} #content .snb ul li.snb43 a {background:url('/design/images/common/snb.gif') no-repeat -171px -64px;} #content .snb ul li.snb43 a:hover {background-position:-342px -64px;} #content .snb ul li.snb43 a.on {width:180px;background-position:-342px -64px;} #content .snb ul li.snb44 a {background:url('/design/images/common/snb.gif') no-repeat -171px -96px;} #content .snb ul li.snb44 a:hover {background-position:-342px -96px;} #content .snb ul li.snb44 a.on {width:180px;background-position:-342px -96px;} #content .snb ul li.snb51 a {background:url('/design/images/common/snb.gif') no-repeat -1227px 0;} #content .snb ul li.snb51 a:hover {background-position:-1398px 0;} #content .snb ul li.snb51 a.on {width:180px;background-position:-1398px 0;} #content .snb ul li.snb52 a {background:url('/design/images/common/snb.gif') no-repeat -1227px -32px;} #content .snb ul li.snb52 a:hover {background-position:-1398px -32px;} #content .snb ul li.snb52 a.on {width:180px;background-position:-1398px -32px;} #content .snb ul li.snb53 a {background:url('/design/images/common/snb.gif') no-repeat -1227px -64px;} #content .snb ul li.snb53 a:hover {background-position:-1398px -64px;} #content .snb ul li.snb53 a.on {width:180px;background-position:-1398px -64px;} #content .snb ul li.snb61 a {background:url('/design/images/common/snb.gif') no-repeat -1227px -96px;} #content .snb ul li.snb61 a:hover {background-position:-1398px -96px;} #content .snb ul li.snb61 a.on {width:180px;background-position:-1398px -96px;} #content .snb ul li.snb62 a {background:url('/design/images/common/snb.gif') no-repeat -1227px -128px;} #content .snb ul li.snb62 a:hover {background-position:-1398px -128px;} #content .snb ul li.snb62 a.on {width:180px;background-position:-1398px -128px;} #content .snb ul li.snb63 a {background:url('/design/images/common/snb.gif') no-repeat -1227px -160px;} #content .snb ul li.snb63 a:hover {background-position:-1398px -160px;} #content .snb ul li.snb63 a.on {width:180px;background-position:-1398px -160px;} #content .snb ul li.snb64 a {background:url('/design/images/common/snb.gif') no-repeat -1227px -192px;} #content .snb ul li.snb64 a:hover {background-position:-1398px -192px;} #content .snb ul li.snb64 a.on {width:180px;background-position:-1398px -192px;} #content .snb ul li.snb65 a {background:url('/design/images/common/snb.gif') no-repeat -1227px -224px;} #content .snb ul li.snb65 a:hover {background-position:-1398px -224px;} #content .snb ul li.snb65 a.on {width:180px;background-position:-1398px -224px;} /* quick */ #content .snb dl {margin-bottom:12px;} #content .snb dl dt {display:none;} #content .snb dl dd a {float:left;display:block;width:86px;height:63px;text-indent:-5000px;} #content .snb dl dd.quick01 a {background:url('/design/images/common/snb.gif') no-repeat 0 0px;} #content .snb dl dd.quick02 a {background:url('/design/images/common/snb.gif') no-repeat -85px 0;} #content .snb dl dd.quick03 a {background:url('/design/images/common/snb.gif') no-repeat 0 -63px;} #content .snb dl dd.quick04 a {background:url('/design/images/common/snb.gif') no-repeat -85px -63px;} /* 메인 */ #main {position:relative;top:92px;width:100%;z-index:19;} #main .main_slide {position:relative;width:100%;height:527px;background:url('/design/images/common/main_bg.gif') repeat-x 0 0;z-index:50;text-align:center;overflow:hidden;} #main .main_slide .channel {position:absolute;top:0;left:80%;width:170px;z-index:101;} #main .main_slide .channel dt {width:145px;height:50px;margin:0 auto;color:#ddd;font-size:16px;line-height:50px;border-right:1px solid #5b5351;border-left:1px solid #5b5351;text-align:center;} #main .main_slide .channel dd {position:relative;width:168px;height:129px;border:1px solid #5b5351;} #main .main_slide .channel dd .bg {display:block;position:absolute;top:0;left:0;width:100%;height:100%;background:#000;filter:alpha(opacity=50);-moz-opacity:0.5;-khtml-opacity:0.5;opacity:0.5;z-index:40;} #main .main_slide .channel dd .con {position:relative;padding:5px 5px 7px 5px;z-index:50;} #main .main_slide .channel dd .con ul.btn_ch {width:157px;height:19px;0 0 0 -3px} #main .main_slide .channel dd .con ul.btn_ch li {float:left;} #main .main_slide .channel dd .con ul.btn_ch li .btn_cable {display:block;float:left;width:40px;height:19px;background:url('/design/images/common/ico.png') no-repeat 0px -401px;text-indent:-5000px;cursor:pointer;} #main .main_slide .channel dd .con ul.btn_ch li .btn_cable.on {background-position:0 -421px;} #main .main_slide .channel dd .con ul.btn_ch li .btn_sky {display:block;float:left;width:40px;height:19px;background:url('/design/images/common/ico.png') no-repeat -40px -401px;text-indent:-5000px;cursor:pointer;} #main .main_slide .channel dd .con ul.btn_ch li .btn_sky.on {background-position:-40px -421px;} #main .main_slide .channel dd .con ul.btn_ch li .btn_iptv {display:block;float:left;width:38px;height:19px;background:url('/design/images/common/ico.png') no-repeat -80px -401px;text-indent:-5000px;cursor:pointer;} #main .main_slide .channel dd .con ul.btn_ch li .btn_iptv.on {background-position:-80px -421px;} #main .main_slide .channel dd .con ul.btn_ch li .btn_8vsb {display:block;float:left;width:39px;height:19px;background:url('/design/images/common/main_channel_8vsb.png') no-repeat 0 0;text-indent:-5000px;cursor:pointer;} #main .main_slide .channel dd .con ul.btn_ch li .btn_8vsb.on {background-position:0 -19px;} #main .main_slide .channel dd .con .num {width:158px;height:67px;margin:5px 0 0 0;padding:20px 0 0 0;background:url('/design/images/common/ch_bg2.png') repeat-x 0 0;clear:both;box-sizing:border-box;text-align:center;} #main .main_slide .channel dd .con .num .ch {display:inline-block;width:21px;height:17px;background:url('/design/images/common/ico.png') no-repeat -479px -199px;text-indent:-5000px;vertical-align:top;margin-top:15px;} #main .main_slide .channel dd .con .num > p {display:inline-block;} #main .main_slide .channel dd .con .num span {margin-left:0px;float:left;} #main .main_slide .channel dd .con .num span.num00 {display:block;width:26px;height:40px;background:url('/design/images/common/num.png') no-repeat 0 0;text-indent:-5000px;} #main .main_slide .channel dd .con .num span.num01 {display:block;width:16px;height:40px;background:url('/design/images/common/num.png') no-repeat -4px -45px;text-indent:-5000px;} #main .main_slide .channel dd .con .num span.num02 {display:block;width:26px;height:40px;background:url('/design/images/common/num.png') no-repeat 0 -90px;text-indent:-5000px;} #main .main_slide .channel dd .con .num span.num03 {display:block;width:26px;height:40px;background:url('/design/images/common/num.png') no-repeat 0 -135px;text-indent:-5000px;} #main .main_slide .channel dd .con .num span.num04 {display:block;width:26px;height:40px;background:url('/design/images/common/num.png') no-repeat 0 -180px;text-indent:-5000px;} #main .main_slide .channel dd .con .num span.num05 {display:block;width:26px;height:40px;background:url('/design/images/common/num.png') no-repeat 0 -225px;text-indent:-5000px;} #main .main_slide .channel dd .con .num span.num06 {display:block;width:26px;height:40px;background:url('/design/images/common/num.png') no-repeat 0 -270px;text-indent:-5000px;} #main .main_slide .channel dd .con .num span.num07 {display:block;width:26px;height:40px;background:url('/design/images/common/num.png') no-repeat 0 -315px;text-indent:-5000px;} #main .main_slide .channel dd .con .num span.num08 {display:block;width:26px;height:40px;background:url('/design/images/common/num.png') no-repeat 0 -360px;text-indent:-5000px;} #main .main_slide .channel dd .con .num span.num09 {display:block;width:26px;height:40px;background:url('/design/images/common/num.png') no-repeat 0 -405px;text-indent:-5000px;} #main .main_slide .channel dd .con .num span.hyphen {display:block;width:16px;height:40px;background:url('/design/images/common/num_hyphen.png') no-repeat 0 0;text-indent:-5000px;} #main .main_slide .channel dd .con .num_slt {position:relative;display:inline-block;} #main .main_slide .channel dd .con .num_slt p {margin-left:0;margin-top:4px;padding-right:12px;width:158px;height:22px;background:url('/design/images/common/ch_bg3.png') no-repeat 0 0;line-height:23px;font-size:13px;color:#fff;box-sizing:border-box;} #main .main_slide .channel dd .con .num_slt p.chNum2_sky {padding-right:1px;} #main .main_slide .channel dd .con .num_slt p.chNum2_iptv {padding-right:1px;} #main .main_slide .channel dd .con .num_slt ul li a {line-height:22px;font-size:13px;color:#fff;} #main .main_slide .channel dd .con .num_slt .slt01_area {position:relative;top:-22px;left:0;} #main .main_slide .channel dd .con .num_slt .slt02_area {position:relative;top:-17px;left:0;} #main .main_slide .channel dd .con .num_slt .slt03_area {position:relative;top:-17px;left:0;} #main .main_slide .channel dd .con .num_slt .slt04_area {position:relative;top:-22px;left:0;} #main .main_slide .channel dd .con .num_slt .scroll-wrapper.scrollbar {width:158px;background-color:#222;border:1px solid #333;box-sizing:border-box;} #main .main_slide .channel dd .con .num_slt .scroll-wrapper.scrollbar ul li {padding-right:12px;} #main .main_slide .channel dd .con .num_slt #scrollbar1 {max-height:240px;} #main .main_slide .channel dd .con .num_slt #scrollbar4 {max-height:240px;} .rolling02 {display:none;position:absolute;top:-5px;left:0;width:155px;height:45px;border:1px solid #333;} .rolling02 ul {width:155px;height:45px;background:#222;} .rolling03 {display:none;position:absolute;top:-5px;left:0;width:155px;height:67px;border:1px solid #333;} .rolling03 ul {width:155px;height:67px;background:#222;} /* scrollbar */ .scrollbar > .scroll-element div {position:absolute;top:4px;bottom:2px;width:100%;} .scrollbar > .scroll-element.scroll-y {position:absolute;top:0;right:4px;width:4px;height:100%;} .scrollbar > .scroll-element.scroll-x {position:absolute;bottom:8px;left:4px;right:4px;height:4px;} .scrollbar > .scroll-element.scroll-x .scroll-bar {top:0;bottom:0;height:4px;} .scrollbar > .scroll-element .scroll-element_track {background:none;} .scrollbar > .scroll-element .scroll-bar {background:#97a0a1 !important;border-radius:2px;opacity:0.5;cursor:pointer;} #main .main_slide .box_skitter {position:absolute;top:0;left:50%;width:1920px;height:528px;margin-left:-960px;overflow:hidden;z-index:30;} #main .main_slide .box_skitter .prev_button {height:0;font-size:0;line-height:0;} #main .main_slide .box_skitter .next_button {height:0;font-size:0;line-height:0;} #main .main_slide .box_skitter ul {display:none;} #main .main_slide .box_skitter .image {overflow:hidden;} #main .main_slide .box_skitter .image a {cursor:default;} #main .main_slide .box_skitter .image img {display:none;} #main .main_slide .box_skitter .box_clone {position:absolute;top:0;left:0;width:100%;overflow:hidden;display:none;z-index:31;} #main .main_slide .box_skitter .box_clone img {position:absolute;top:0;left:0;z-index:31;} #main .main_slide .info_slide {position:absolute;bottom:23px;z-index:100;} #main .main_slide .info_slide .image_number {display:block;float:left;width:17px;height:17px;margin:0 3px;background:url('/design/images/common/ico.png') no-repeat -231px -199px;cursor:pointer;z-index:100;font-size:12px;color:#fff;font-family:'돋움','dotum';line-height:20px;} #main .main_slide .info_slide .image_number_select {background-position:-249px -199px;color:#e10313;font-weight:bold;} #main .main_slide .btn_prev {display:block;position:absolute;top:213px;left:0;width:85px;height:61px;padding:61px 0 0 0;background:url('/design/images/common/ico.png') no-repeat 0 -268px;cursor:pointer;z-index:100;} #main .main_slide .btn_next {display:block;position:absolute;top:213px;right:0;width:85px;height:61px;padding:61px 0 0 0;background:url('/design/images/common/ico.png') no-repeat -86px -268px;cursor:pointer;z-index:100;} #main .main_slide .slider-area {position:relative;margin:0 auto;width:1024px;} #main .main_slide .mainslider {margin-left:-448px;width:1920px;} #main .main_slide .mainslider .swiper-pagination {} #main .main_slide .mainslider .swiper-pagination .swiper-pagination-bullet {margin:0 3px;line-height:18px;width:18px;height:18px;background-color:#000;color:#fff;font-size:12px;text-align:center;opacity:1;box-sizing:border-box;} #main .main_slide .mainslider .swiper-pagination .swiper-pagination-bullet-active {background-color:#fff;color:#e10313;font-weight:bold;} #main .main_slide .swiper-button-prev {display:inline-block;left:0;margin-top:-61px;padding-top:61px;width:85px;height:61px;background:none;} #main .main_slide .swiper-button-prev:after {content:"";position:absolute;top:0;left:0;display:inline-block;width:85px;height:61px;background:url('/design/images/common/ico.png') no-repeat 0 -268px;} #main .main_slide .swiper-button-next {display:inline-block;right:0;margin-top:-61px;padding-top:61px;width:85px;height:61px;background:none;} #main .main_slide .swiper-button-next:after {content:"";position:absolute;top:0;left:0;display:inline-block;width:85px;height:61px;background:url('/design/images/common/ico.png') no-repeat -86px -268px;} #main .main_slide .mainslider-thumb {display:none;} .btn_thumb {display:none;} .btn_thumb01 {display:block;} #main .main_content {position:relative;width:1024px;margin:0 auto;} #main .main_content:after {content:'';display:block;clear:both;} #main .chart {width:984px;height:108px;margin:0 auto;margin-bottom:14px;background:url('/design/images/common/chart_bg.gif') repeat 0 0;border-top:1px solid #3e3e3e;letter-spacing:-1px;} #main .chart dt {float:left;width:221px;height:107px;border-bottom:1px solid #3e3e3e;border-right:1px solid #3e3e3e;} #main .chart dt .ti {position:relative;float:left;width:102px;height:107px;background:#f5f5f5;font-size:16px;color:#e10313;line-height:16px;text-align:center;} #main .chart dt .ti .ico_time {width:40px;margin:0 auto;margin-top:19px;margin-bottom:10px;} #main .chart dt .ti .ico_right {position:absolute;top:21px;right:-9px;z-index:10} #main .chart dt .control {position:relative;float:left;width:119px;height:107px;background:#aaa;color:#333;text-align:center;} #main .chart dt .control span.btn_prev {position:absolute;top:39px;left:11px;display:block;width:16px;height:28px;background:url('/design/images/common/ico.png') no-repeat -729px 0;text-indent:-5000px;cursor:pointer;z-index:5;} #main .chart dt .control span.btn_next {position:absolute;top:39px;right:12px;display:block;width:16px;height:28px;background:url('/design/images/common/ico.png') no-repeat -746px 0;text-indent:-5000px;cursor:pointer;} #main .chart dt .control .year {display:block;padding:13px 0 5px 0;font-size:14px;line-height:14px;letter-spacing:0px;} #main .chart dt .control .day {display:block;padding:0 0 7px 0;font-size:40px;line-height:40px;font-weight:bold;} #main .chart dt .control .week {display:block;font-size:12px;line-height:12px;} #main .chart dd {float:left;height:108px;} #main .chart dd .ti {float:left;width:92px;height:93px;padding:13px 0 0 15px;font-size:16px;line-height:21px;color:#fff;} #main .chart dd ul {float:left;} #main .chart dd ul li {float:left;margin:6px 8px 0 0;font-size:12px;line-height:15px;color:#fff;} #main .chart dd ul li p {width:119px;height:30px;padding:4px 0 0 0;vertical-align:middle;text-align:center;} #main dl.sec01 {float:left;width:319px;height:201px;margin:10px 0 0 20px;padding:0;} #main dl.sec01 dt {margin:0 0 18px 0;font-size:13px;line-height:13px;color:#666;text-align:right;} #main dl.sec01 dt strong {font-weight:normal;color:#e10313;} #main dl.sec01 dt .ti {float:left;margin-top:-2px;font-size:15px;line-height:15px;color:#e10313;font-weight:bold;letter-spacing:-1px;} #main dl.sec01 dd {position:relative;} #main dl.sec01 dd .btn_play_mid {position:absolute;top:50%;left:50%;margin-top:-28px;margin-left:-28px;} #main .sec02 {float:left;margin:10px 10px 0;} #main .sec02 dl {position:relative;width:275px;height:88px;padding:17px 22px;border:1px solid #ddd;} #main .sec02 dl.btm {border-top:none;} #main .sec02 dl dt {margin:0 0 14px 0;font-size:14px;line-height:14px;color:#333;font-weight:bold;} #main .sec02 dl dt .btn_more {position:absolute;top:11px;right:10px;} #main .sec02 dl dd ul li a {color:#666;font-size:12px;line-height:18px;} #main .sec02 dl dd ul .ico_new {position:relative;left:4px;vertical-align:middle;} #main dl.sec03 {position:relative;float:left;margin-top:10px;width:320px;height:246px;border:1px solid #ddd;z-index:9;} #main dl.sec03 dt {height:48px;padding:0 0 0 22px;font-size:14px;line-height:48px;color:#333;font-weight:bold;} #main dl.sec03 dd#sban .slides_container {overflow:hidden;display:none;_display:block;width:320px;height:198px;} #main dl.sec03 dd#sban .slides_container a {display:block;width:320px;height:198px;} #main dl.sec03 dd#sban .slides_container a img {display:block;} #main dl.sec03 dd#sban .pagination {position:absolute;top:17px;right:18px;padding:0;z-index:52;} #main dl.sec03 dd#sban .pagination li {float:left;} #main dl.sec03 dd#sban .pagination li a {display:block;width:13px;height:9px;padding:0;background:url('/design/images/common/ico.png') no-repeat -345px -129px;text-indent:-5000px;border:0;} #main dl.sec03 dd#sban .pagination li.current a {width:25px;background-position:-320px -129px;} #main dl.sec03 dd#sban .txt {display:none;position:absolute;bottom:0;width:320px;height:36px;z-index:60;line-height:36px;text-align:right;} #main dl.sec03 dd#sban .txt.current {display:block;} #main dl.sec03 dd#sban .txt .bg {position:absolute;top:0;left:0;display:block;width:100%;height:100%;background:#000;filter:alpha(opacity=80);-moz-opacity:0.8;-khtml-opacity:0.8;opacity:0.8;} #main dl.sec03 dd#sban .txt .ti {position:relative;float:left;color:#fff;z-index:70;padding:0 0 0 22px;} #main dl.sec03 dd#sban .txt .date {position:relative;color:#fff;z-index:70;padding:0 22px 0 0;} #main .main_content .rban {position:absolute;top:10px;right:-62px;} #main .main_content .rban img {margin-bottom:8px;} #main .sec04 {padding-top:14px;clear:both;} #main .sec04 .partner_slider {position:relative;width:898px;margin:0 auto;} #main .sec04 .partner_slider .partner_con {text-align:center;} #main .sec04 .partner_slider .partner_con img {display:inline-block;} #main .sec04 .partner_slider .slick-prev, #main .sec04 .partner_slider .slick-next {position:absolute;top:30px;display:block;width:20px;height:60px;background:url('/design/images/common/main_partner_btn.png') no-repeat left center;border:none;font-size:0;cursor:pointer;} #main .sec04 .partner_slider .slick-prev:focus, #main .sec04 .partner_slider .slick-next:focus {outline:none;} #main .sec04 .partner_slider .slick-prev {left:-43px;} #main .sec04 .partner_slider .slick-next {right:-43px;transform:rotate(180deg);} /* 본문영역 */ #content .content {float:left;width:774px;padding:14px 20px 0 0;} #content .content_etc {width:748px;margin:0 auto;padding:14px 118px 0 118px;} /* 본문제목 */ #content .content h3 {height:105px;} #content .content h3 span {text-indent:-5000px;} #content .content h3 span.ti11 {display:block;width:257px;height:60px;background:url('/design/images/common/snb.gif') no-repeat -94px -266px;} #content .content h3 span.ti12 {display:block;width:181px;height:60px;background:url('/design/images/common/snb.gif') no-repeat -352px -266px;} #content .content h3 span.ti21 {display:block;width:194px;height:60px;background:url('/design/images/common/snb.gif') no-repeat -72px -327px;} #content .content h3 span.ti22 {display:block;width:195px;height:60px;background:url('/design/images/common/snb.gif') no-repeat -267px -327px;} #content .content h3 span.ti23 {display:block;width:154px;height:60px;background:url('/design/images/common/snb.gif') no-repeat -463px -327px;} #content .content h3 span.ti24 {display:block;width:218px;height:60px;background:url('/design/images/common/snb.gif') no-repeat -618px -327px;} #content .content h3 span.ti31 {display:block;width:234px;height:60px;background:url('/design/images/common/snb.gif') no-repeat -74px -190px;} #content .content h3 span.ti32 {display:block;width:270px;height:60px;background:url('/design/images/common/snb.gif') no-repeat -309px -190px;} #content .content h3 span.ti41 {display:block;width:210px;height:60px;background:url('/design/images/common/snb.gif') no-repeat -73px -129px;} #content .content h3 span.ti42 {display:block;width:210px;height:60px;background:url('/design/images/common/snb.gif') no-repeat -284px -129px;} #content .content h3 span.ti43 {display:block;width:193px;height:60px;background:url('/design/images/common/snb.gif') no-repeat -495px -129px;} #content .content h3 span.ti44 {display:block;width:233px;height:60px;background:url('/design/images/common/snb.gif') no-repeat -689px -129px;} #content .content h3 span.ti51 {display:block;width:183px;height:60px;background:url('/design/images/common/snb.gif') no-repeat -149px -389px;} #content .content h3 span.ti52 {display:block;width:353px;height:60px;background:url('/design/images/common/snb.gif') no-repeat -333px -389px;} #content .content h3 span.ti53 {display:block;width:304px;height:60px;background:url('/design/images/common/snb.gif') no-repeat -687px -389px;} #content .content h3 span.ti61 {display:block;width:283px;height:60px;background:url('/design/images/common/snb.gif') no-repeat -97px -465px;} #content .content h3 span.ti62 {display:block;width:281px;height:60px;background:url('/design/images/common/snb.gif') no-repeat -381px -465px;} #content .content h3 span.ti63 {display:block;width:283px;height:62px;background:url('/design/images/common/snb.gif') no-repeat -663px -465px;} #content .content h3 span.ti64 {display:block;width:283px;height:60px;background:url('/design/images/common/snb.gif') no-repeat -947px -465px;} #content .content h3 span.ti65 {display:block;width:283px;height:60px;background:url('/design/images/common/snb.gif') no-repeat -1231px -465px;} #content .content_etc h3 span {text-indent:-5000px;} #content .content_etc h3 span.ti11 {display:block;width:143px;height:39px;background:url('/design/images/common/snb.gif') no-repeat -923px -129px;} #content .content_etc h3 span.ti12 {display:block;width:144px;height:39px;background:url('/design/images/common/snb.gif') no-repeat -1067px -129px;} #content .content_etc h3 span.ti13 {display:block;width:359px;height:42px;background:url('/design/images/common/snb.gif') no-repeat -580px -190px;} #content .content_etc h3 span.ti14 {display:block;width:220px;height:40px;background:url('/design/images/common/snb.gif') no-repeat -940px -190px;} #content .content_etc h3 span.ti21 {display:block;width:147px;height:40px;background:url('/design/images/common/snb.gif') no-repeat -534px -266px;} #content .content_etc h3 span.ti22 {display:block;width:304px;height:40px;background:url('/design/images/common/snb.gif') no-repeat -682px -266px;} /* 게시판 리스트*/ #content .content .board {position:relative;} #content .content .board ul.board_list {letter-spacing:-1px;margin-top:-20px;} #content .content .board ul.board_list li {padding:20px 30px 20px 0;border-bottom:1px solid #ddd;font-size:13px;line-height:20px;clear:both;} #content .content .board ul.board_list li:after {display:block;content:"";clear:both;} #content .content .board ul.board_list li .pic {float:left;width:127px;height:81px;margin-right:14px;padding:4px 0 0 5px;background:url('/design/images/common/ico.png') no-repeat 0 -139px;} #content .content .board ul.board_list li p {padding:2px 0 10px 0;font-size:16px;line-height:22px;} #content .content .board ul.board_list li p.ti01 {color:#e10313;} #content .content .board ul.board_list li p.ti02 {color:#e10313;} #content .content .board ul.board_list li p span.date01 {margin:0 0 0 15px;padding:0 0 0 9px;border-left:1px solid #aaa;font-size:13px;color:#767676;} #content .content .board ul.board_list li p span.ico_new {position:relative;left:5px;vertical-align:middle;} #content .content .board ul.board_list li p.name {padding:7px 0 0 0;font-size:12px;line-height:12px;color:#666;font-weight:bold;letter-spacing:0;} #content .content .board ul.board_list li p.name span.date02 {display:inline-block;height:10px;margin:0 0 0 8px;padding:0 0 0 9px;border-left:1px solid #aaa;color:#888;font-weight:normal;line-height:10px;letter-spacing:-1px;} /* 게시판 이미지형 */ #content .content .img_list01 {position:relative;width:794px;} #content .content .img_list01 ul {width:704px;height:365px;margin:0 0 0 31px;} #content .content .img_list01 ul li {float:left;width:217px;height:355px;padding:0 10px;border-right:1px solid #d3d3d3;} #content .content .img_list01 ul li.last {padding:0 0 0 11px;border:none;} #content .content .img_list01 ul li img {border:1px solid #898989;} #content .content .img_list01 ul li p {width:210px;height:50px;margin:7px 0 8px 2px;font-size:20px;color:#333;line-height:24px;} #content .content .img_list01 ul li span.date {display:block;width:217px;height:34px;background:url('/design/images/common/ico.png') no-repeat 0 -28px;line-height:34px;color:#666;text-align:center;} #content .content .img_list01 a.btn_prev {position:absolute;top:144px;left:-10px;display:block;width:40px;height:58px;background:url('/design/images/common/ico.png') no-repeat -297px 0;text-indent:-5000px;} #content .content .img_list01 a.btn_next {position:absolute;top:144px;right:10px;display:block;width:40px;height:58px;background:url('/design/images/common/ico.png') no-repeat -338px 0;text-indent:-5000px;} #content .content .img_list02 {position:relative;width:794px;letter-spacing:-1px;} #content .content .img_list02 ul {width:704px;height:419px;margin:0 0 0 31px;} #content .content .img_list02 ul li {float:left;width:217px;height:409px;padding:0 10px;border-right:1px solid #d3d3d3;} #content .content .img_list02 ul li.last {padding:0 0 0 11px;border:none;} #content .content .img_list02 ul li .pic {position:relative;width:213px;height:198px;border:1px solid #898989;} #content .content .img_list02 ul li .pic .movie {position:absolute;top:0;left:0;width:213px;height:198px;background:#000;filter:alpha(opacity=50);-moz-opacity:0.5;-khtml-opacity:0.5;opacity:0.5;z-index:1;} #content .content .img_list02 ul li .pic .btn_play_mid {position:absolute;top:58px;left:78px;z-index:10;} #content .content .img_list02 ul li .pic .info {display:table;position:relative;top:-38px;width:217px;height:38px;font-size:14px;line-height:16px;color:#fff;overflow:hidden;z-index:20;} #content .content .img_list02 ul li .pic .info .info_bg {display:block;position:absolute;top:0;left:0;width:212px;height:38px;background:url('/design/images/common/black_bg.png') repeat-x 0 0;z-index:10;} #content .content .img_list02 ul li .pic .info .tti {position:relative;top:10px;left:11px;height:14px;line-height:15px;color:#fe0000;margin:0 11px 0 0;padding:0 11px 0 0;border-right:1px solid #aaa;z-index:15;} #content .content .img_list02 ul li .pic .info .date {position:relative;top:10px;width:100px;padding:0 0 0 5px;z-index:15;} #content .content .img_list02 ul li p.ti {display:table-cell;width:214px;height:63px;padding:0 0 0 1px;border-bottom:1px solid #aaa;font-size:20px;color:#333;line-height:24px;vertical-align:middle;} #content .content .img_list02 ul li p.txt {height:89px;margin:9px 0 17px 2px;font-size:13px;line-height:18px;color:#666;overflow:hidden;} #content .content .img_list02 ul li .btntype a {float:left;margin-right:12px;} #content .content .img_list02 ul li .btntype a.btn_view {display:inline-block;width:91px;height:29px;background:url('/design/images/common/ico.png') no-repeat -227px -63px;text-indent:-5000px;} #content .content .img_list02 ul li .btntype a.btn_vod {display:inline-block;width:91px;height:29px;background:url('/design/images/common/ico.png') no-repeat -227px -93px;text-indent:-5000px;} #content .content .img_list02 a.btn_prev {position:absolute;top:161px;left:-10px;display:block;width:40px;height:58px;background:url('/design/images/common/ico.png') no-repeat -297px 0;text-indent:-5000px;} #content .content .img_list02 a.btn_next {position:absolute;top:161px;right:10px;display:block;width:40px;height:58px;background:url('/design/images/common/ico.png') no-repeat -338px 0;text-indent:-5000px;} /* 게시판 상세보기 */ #content .content table.board_view {width:100%;border-top:2px solid #333;letter-spacing:-1px;} #content .content table.board_view th {padding:9px 0 8px 30px;border-bottom:1px solid #ddd;text-align:left;color:#e10313;} #content .content table.board_view th.date {padding:0 20px 0 0;font-weight:normal;color:#666;text-align:right;} #content .content table.board_view th.date span.ti {padding:0 10px 0 0} #content .content table.board_view th.date span.ico_ing {position:relative;top:8px;margin:0 0 0 10px;} #content .content table.board_view td {padding:40px 30px;font-size:12px;line-height:20px;} #content .content ul.board_nav {width:100%;height:66px;margin:0 0 13px 0;border-top:2px solid #999;} #content .content ul.board_nav li {height:32px;border-bottom:1px solid #ddd;clear:both;} #content .content ul.board_nav li .ti {position:relative;float:left;display:block;width:50px;padding:0 10px 0 40px;color:#333;font-weight:bold;line-height:32px;} #content .content ul.board_nav li a {float:left;display:block;height:32px;padding:0 0 0 10px;line-height:32px;color:#666;} #content .content ul.board_nav li span.ico_prev {position:absolute;top:14px;left:83px;} #content .content ul.board_nav li span.ico_next {position:absolute;top:15px;left:83px;} /* 게시판 이미지형 상세보기 */ #content .content .board_img .board_img_con {width:774px;height:438px;margin:0 0 19px 0;background:url('/design/images/common/board_bg01.gif') repeat 0 0;letter-spacing:-1px;} #content .content .board_img .board_img_con .img_area {float:left;width:529px;height:398px;padding:20px;border-right:1px solid #191919;color:#eee;} #content .content .board_img .board_img_con .img_area p.title {float:left;width:410px;height:20px;font-size:20px;line-height:20px;} #content .content .board_img .board_img_con .img_area p.date {float:right;height:20px;font-size:12px;line-height:32px;} #content .content .board_img .board_img_con .img_area .movie {position:relative;top:0;margin:42px 0 0 0;clear:both;} #content .content .board_img .board_img_con .img_area .movie .btn_play_big {position:absolute;top:120px;left:218px;} #content .content .board_img .board_img_con .txt_area {float:left;width:173px;height:402px;padding:18px 15px;border-left:1px solid #595959;} #content .content .board_img .board_img_con .txt_area .ti {margin:0 0 0 1px;font-size:14px;line-height:14px;color:#aaa;font-weight:bold;} #content .content .board_img .board_img_con .txt_area .ti .ico_ti {position:relative;top:2px;float:left;margin-right:5px;} #content .content .board_img .board_img_con .txt_area dl {margin:10px 0 0 0;} #content .content .board_img .board_img_con .txt_area dl dt {width:151px;height:41px;padding:6px 11px;background:url('/design/images/common/ico.png') no-repeat -563px -33px;color:#fff;font-size:16px;line-height:16px;} #content .content .board_img .board_img_con .txt_area dl dt p {margin:0 0 8px 0;} #content .content .board_img .board_img_con .txt_area dl dd {width:153px;height:292px;margin:9px 0 0 0;padding:10px;background:url('/design/images/common/board_bg02.gif') repeat 0 0;border-top:1px solid #191919;border-bottom:1px solid #191919;overflow:auto;line-height:18px;color:#ddd;} #content .content .board_img .board_img_con .txt_area dl dd .sti {margin-bottom:10px;padding-bottom:6px;border-bottom:1px dashed #aaa;color:#aaa;} #content .content .board_img .board_img_con .txt_area dl dd div.xe_content {margin-bottom:10px;color:#fff;} #content .content .board_img .board_img_list {height:150px;letter-spacing:-1px;} #content .content .board_img .board_img_list .ti {margin:0 0 10px 0;font-size:14px;line-height:14px;color:#333;font-weight:bold;} #content .content .board_img .board_img_list .ti .ico_ti {position:relative;top:2px;float:left;margin-right:5px;} #content .content .board_img .board_img_list .list {position:relative;} #content .content .board_img .board_img_list .list ul {width:725px;margin:0 auto;clear:both;color:#767676;font-size:12px;line-height:16px;} #content .content .board_img .board_img_list .list ul li {float:left;width:123px;padding:0 11px;} #content .content .board_img .board_img_list .list ul li .pic {position:relative;width:123px;height:92px;margin:0 0 6px 0;} #content .content .board_img .board_img_list .list ul li .pic .btn_play_small {position:absolute;top:30px;left:45px;} #content .content .board_img .board_img_list .list a.btn_prev_small {position:absolute;top:28px;left:-5px;display:block;width:24px;height:37px;background:url('/design/images/common/ico.png') no-repeat -508px -63px;text-indent:-5000px;} #content .content .board_img .board_img_list .list a.btn_next_small {position:absolute;top:28px;right:-5px;display:block;width:24px;height:37px;background:url('/design/images/common/ico.png') no-repeat -533px -63px;text-indent:-5000px;} #content .content .board_img .board_img_list2 {letter-spacing:-1px;} #content .content .board_img .board_img_list2 .ti {margin:0 0 10px 0;font-size:14px;line-height:14px;color:#333;font-weight:bold;} #content .content .board_img .board_img_list2 .ti .ico_ti {position:relative;top:2px;float:left;margin-right:5px;} #content .content .board_img .board_img_list2 .list {position:relative;} #content .content .board_img .board_img_list2 .list ul {width:725px;margin:0 auto;clear:both;color:#767676;font-size:12px;line-height:16px;} #content .content .board_img .board_img_list2 .list ul li {float:left;width:123px;height:140px;padding:0 11px;} #content .content .board_img .board_img_list2 .list ul li .pic {position:relative;width:123px;height:92px;margin:0 0 6px 0;} #content .content .board_img .board_img_list2 .list ul li .pic .btn_play_small {position:absolute;top:30px;left:45px;} #content .content .board_img .board_img_list2 .list ul:after {display:block;content:"";clear:both;} /* 게시판 글쓰기 */ #content .content .board .write_caption {font-size:14px;line-height:20px;color:#666;letter-spacing:-1px;} #content .content .board .write_caption strong {color:#e10313} #content .content .board .write {width:736px;margin:20px 0 24px 0;padding:20px;} #content .content .board .write p.ti_area .ti {display:inline-block;width:82px;height:22px;margin:0 0 10px 0;font-size:13px;line-height:22px;color:#333;font-weight:bold;} #content .content .board .write p.ti_area input {width:639px;height:20px;padding:0 0 0 10px;border-top:1px solid #bbb;border-left:1px solid #bbb;border-right:1px solid #ddd;border-bottom:1px solid #ddd;} #content .content .board .write p.file {color:#888;} #content .content .board .write p.file .ti {display:inline-block;width:82px;height:22px;margin:10px 0 0 0;font-size:13px;line-height:22px;color:#333;font-weight:bold;} #content .content .board .write p.file input {width:289px;height:20px;margin:0 10px 0 0;padding:0 0 0 10px;border-top:1px solid #bbb;border-left:1px solid #bbb;border-right:1px solid #ddd;border-bottom:1px solid #ddd;} /* 프로그램 게시판*/ .search03 {position: relative;width:776px;height:27px;padding:14px 0;z-index:2;} .search03 .ti {display:block;float:left;margin:0 10px 0 194px;font-size:14px;line-height:27px;color:#333;font-weight:bold;} .search03 .slt2 {display:inline-block;position:relative;float:left;width:290px;height:25px;background:#fff;border:1px solid #ddd;line-height:25px;font-size:14px;color:#333;text-indent:8px;z-index:10;} .search03 .slt2 .slt_open {position:absolute;top:3px;right:0;display:block;width:23px;height:20px;background:url('/design/images/common/ico.png') no-repeat -153px 0;text-indent:-5000px;} .search03 .slt2 #scrollbar2 {position:absolute;top:0;left:-1px;width:290px;border:1px solid #e0e0e0;border-top:none;background:#fff;z-index:30;} .search03 .slt2 #scrollbar2 .viewport {position: relative;width:250px;height:140px;overflow: hidden;} .search03 .slt2 #scrollbar2 .overview {position:absolute;left:0;top:0;} .search03 .slt2 #scrollbar2 .overview ul {width:290px;z-index:20;} .search03 .slt2 #scrollbar2 .overview ul li {height:22px;line-height:22px;cursor:pointer;} .search03 .slt2 #scrollbar2 .overview ul li:hover {background:#f5f5f5;font-weight:bold;} .search03 .slt2 #scrollbar2 .overview ul li a {display:block;} .search03 .slt2 #scrollbar2 .overview ul li a:hover {text-decoration:none;} .search03 .slt2 #scrollbar2 .scrollbar{position:relative;top:0px;background: transparent url('/design/images/common/bg2-scrollbar-track-y.png') no-repeat 0 0;background-position: 0 0; float: right; width:15px; } .search03 .slt2 #scrollbar2 .thumb {position:absolute; top:0px; left: 2px;width:12px; background: url('/design/images/common/bg2-scrollbar-thumb-y.png') no-repeat 0 0;cursor: pointer; overflow: hidden;z-index:5;} .search03 .slt2 #scrollbar2 .thumb .end {display:block;position:absolute;bottom:0px;right:0;width:12px;height:5px;background: url('/design/images/common/bg2-scrollbar-trackend-y.png') no-repeat 0 100%; z-index:10} .search03 .slt2 #scrollbar2 .up {position:absolute;top:0px;right:0;display:inline-block;width:15px;height:15px;background:url('/design/images/common/ico.png') no-repeat -270px -408px;text-indent:-5000px;} .search03 .slt2 #scrollbar2 .down {position:absolute;bottom:0px;right:0;display:inline-block;width:15px;height:15px;background:url('/design/images/common/ico.png') no-repeat -286px -408px;text-indent:-5000px;} .search03 .slt2 #scrollbar2 .disable { display: none; } #content .content .program {position:relative;margin:2px 0 0 0;} #content .content .program .title {position:relative;width:770px;margin:24px 0 0 0;padding:0 0 13px 4px;border-top:1px solid #ddd;z-index:1;} #content .content .program .title .txt {padding:18px 0 0 0;font-size:14px;line-height:20px;color:#666;} #content .content .program .title .txt .ti {display:block;padding:0 0 9px 0;font-size:30px;line-height:30px;color:#333;} #content .content .program .title .score {position:absolute;top:18px;right:20px;color:#666;font-size:14px;line-height:14px;letter-spacing:-1px;} #content .content .program .title .score .star {position:relative;display:block;width:137px;height:23px;margin:0 0 4px 0;background:url('/design/images/common/ico.png') no-repeat 0 -63px;text-indent:-5000px;} #content .content .program .title .score .star .on {position:absolute;top:0;left:0;display:block;width:0%;height:23px;background:url('/design/images/common/ico.png') no-repeat 0 -87px;text-indent:-5000px;} #content .content .program .title .score strong {margin:0 0 0 6px;font-size:22px;line-height:22px;color:#333;letter-spacing:0;} /* 자주묻는 질문 */ #content .content .faq {position:relative;margin:38px 0 0 0;letter-spacing:-1px;} #content .content .faq ul.tab {position:absolute;top:0;width:100%;height:26px;border-bottom:1px solid #c9c9c9;z-index:6;} #content .content .faq ul.tab:after {display:block;content:"";clear:both;} #content .content .faq ul.tab li {float:left;margin:0 2px 0 0;} #content .content .faq ul.tab li a {display:block;width:113px;height:27px;background:url('/design/images/common/ico.png') no-repeat -378px -33px;line-height:27px;text-align:center;font-size:13px;color:#666;} #content .content .faq ul.tab li.on a {width:138px;height:32px;background-position:-406px 0;line-height:32px;font-size:14px;color:#fff;font-weight:bold;} #content .content .faq .list {position:relative;top:27px;padding:0 0 27px 0;color:#666;z-index:5;} #content .content .faq .list li {height:43px;border-bottom:1px solid #c9c9c9;overflow:hidden;} #content .content .faq .list li p.ti {width:100%;height:13px;padding:14px 0 16px 0;cursor:pointer;} #content .content .faq .list li span.ico_q {display:block;float:left;width:12px;height:14px;margin:0 10px 0 15px;background:url('/design/images/common/ico.png') no-repeat -274px -30px;text-indent:-5000px;text-align:left;} #content .content .faq .list li .txt {display:none;position:relative;padding:10px 30px 30px 75px;line-height:20px;} #content .content .faq .list li span.ico_a {position:absolute;top:10px;left:20px;display:inline-block;width:45px;height:24px;background:url('/design/images/common/ico.png') no-repeat -517px -33px;text-indent:-5000px;text-align:left;} #content .content .faq .list li.on {height:100%;padding:24px 0 0 0;background:#f5f5f5;border-bottom:1px solid #888;} #content .content .faq .list li.on p.ti {height:24px;line-height:24px;font-size:14px;color:#333;font-weight:bold;} #content .content .faq .list li.on .txt {display:block;letter-spacing:0px;} #content .content .faq .list li.on span.ico_q {top:0;width:24px;height:24px;margin:0 10px;padding:0;background-position:-492px -33px} /* 게시판 운영원칙 */ #content .content .top_btn {position:absolute;top:-50px;right:0;} #content .content .top_btn span.btn_rule {display:block;float:left;width:111px;height:29px;background:url('/design/images/common/ico.png') no-repeat -545px 0;text-indent:-5000px;cursor:pointer;} #content .content .top_btn a.btn_write {display:block;float:left;width:71px;height:29px;margin:0 0 0 6px;background:url('/design/images/common/ico.png') no-repeat -657px 0;text-indent:-5000px;} /* 댓글 */ #content .content .reply {padding:19px 0 0 0;border-top:2px solid #999;} #content .content .reply span.ico_ti {float:left;margin:1px 6px 0 0} #content .content .reply p.ti {height:13px;margin:0 0 11px 0;font-size:14px;color:#333;line-height:14px;font-weight:bold;} #content .content .reply form.write_area {width:772px;height:103px;clear:both;border:1px solid #ddd;} #content .content .reply form.write_area .con {height:99px;margin:2px;background:#f5f5f5;} #content .content .reply form.write_area .con .editor {float:left;width:621px;} #content .content .reply form.write_area .con textarea {float:left;width:619px;height:59px;margin:16px 0 0 16px;padding:10px 10px 0 10px;border-top:1px solid #bbb;border-left:1px solid #bbb;border-right:1px solid #ddd;border-bottom:1px solid #ddd;color:#888;font-size:12px;line-height:20px;} #content .content .reply form.write_area .con .btn_write {display:block;float:right;width:87px;height:72px;margin:16px 15px 0 0;background:url('/design/images/common/ico.png') no-repeat -133px -139px;text-indent:-5000px;} #content .content .reply ul.list {margin-top:2px;color:#666;} #content .content .reply ul.list li {position:relative;padding:15px 33px;border-bottom:1px dashed #ddd;font-size:12px;line-height:16px;} #content .content .reply ul.list li p.name {margin:0 0 11px 0;font-weight:bold;line-height:12px;} #content .content .reply ul.list li p.name .date {padding:0 0 0 10px;font-size:11px;color:#888;line-height:11px;} #content .content .reply ul.list li span.btntype {position:absolute;top:13px;right:2px;cursor:pointer;} #content .content .reply ul.list li span.btntype span.btn_del02 {margin:0 0 0 6px;font-size:12px;color:#888;line-height:12px;} /* 댓글 점수형 */ #content .content .reply_score {padding:19px 0 0 0;border-top:2px solid #999;} #content .content .reply_score span.ico_ti {float:left;margin:1px 6px 0 0} #content .content .reply_score p.ti {height:13px;margin:0 0 11px 0;font-size:14px;color:#333;line-height:14px;font-weight:bold;} #content .content .reply_score .star02 {display:block;position:relative;float:left;width:87px;height:15px;margin:0 7px 10px 0;background:url('/design/images/common/ico.png') no-repeat 0 -116px;text-indent:-5000px;overflow:hidden;} #content .content .reply_score .star02 .on {position:absolute;top:0;left:0;display:block;width:0%;height:15px;background:url('/design/images/common/ico.png') no-repeat -88px -116px;text-indent:-5000px;} #content .content .reply_score .star02 .on.wid00 {width:0%;} #content .content .reply_score .star02 .on.wid20 {width:20%;} #content .content .reply_score .star02 .on.wid40 {width:40%;} #content .content .reply_score .star02 .on.wid60 {width:60%;} #content .content .reply_score .star02 .on.wid80 {width:80%;} #content .content .reply_score .star02 .on.wid100 {width:100%;} #content .content .reply_score form.write_area {width:772px;height:105px;clear:both;border:1px solid #ddd;} #content .content .reply_score form.write_area .con {height:101px;margin:2px;background:#f5f5f5;} #content .content .reply_score form.write_area .con .ti {float:left;margin:8px 10px 0 16px;font-size:12px;line-height:20px;color:#333;font-weight:bold;} #content .content .reply_score form.write_area .con .slt {float:left;width:131px;margin:8px 0 0 0;} #content .content .reply_score form.write_area .con .slt ul {width:131px;} #content .content .reply_score form.write_area .con .slt .star02 {margin:2px 0 0 6px;} #content .content .reply_score form.write_area .con .editor {float:left;width:621px;} #content .content .reply_score form.write_area .con textarea {float:left;width:619px;height:44px;margin:10px 0 0 16px;padding:6px 10px 0 10px;border-top:1px solid #bbb;border-left:1px solid #bbb;border-right:1px solid #ddd;border-bottom:1px solid #ddd;color:#888;font-size:12px;line-height:20px;} #content .content .reply_score form.write_area .con .btn_write {display:block;float:right;width:87px;height:52px;margin:10px 15px 0 0;background:url('/design/images/common/ico.png') no-repeat -139px -63px;text-indent:-5000px;} #content .content .reply_score ul.list {margin:2px 0 10px 0;color:#666;} #content .content .reply_score ul.list li {position:relative;padding:10px 170px 10px 30px;border-bottom:1px dashed #ddd;font-size:12px;line-height:16px;} #content .content .reply_score ul.list li p.name {position:absolute;top:36px;right:3px;font-weight:bold;line-height:12px;} #content .content .reply_score ul.list li p.name .date {display:inline-block;margin:0 0 0 10px;padding:0 0 0 10px;border-left:1px solid #aaa;font-size:11px;color:#888;line-height:11px;} #content .content .reply_score ul.list li span.btntype {position:absolute;top:13px;right:2px;cursor:pointer;} #content .content .reply_score ul.list li span.btntype span.btn_del02 {margin:0 0 0 6px;font-size:12px;color:#888;line-height:12px;} #content .content .reply_score ul.list li .ti {display:block;height:25px;color:#333;font-size:16px;font-weight:bold;line-height:16px;} #content .content .reply_score ul.list li .ti:after {display:block;content:"";font-size:0;line-height:0;clear:both;} /* 편성표 달력 */ .calendar {width:774px;height:100%;margin:0 0 20px 0;background:url('/design/images/common/board_bg01.gif') repeat 0 0;letter-spacing:-1} .calendar:after {display:block;content:"";font-size:0;line-height:0;clear:both;} .calendar .cal_left {float:left;width:291px;height:100%;border-right:1px solid #191919;} .calendar .cal_left .cal {width:211px;height:100%;margin:20px;padding:0 19px 13px 19px;background:#222;border:1px solid #222;} .calendar .cal_left .cal table {position:relative;margin:16px 0 0 0;} .calendar .cal_left .cal table thead {} .calendar .cal_left .cal table thead th {height:25px;font-size:19px;line-height:14px;color:#ccc;font-family:arial;vertical-align:top;} .calendar .cal_left .cal table thead th .btn_prev {position:absolute;top:0;left:0;display:block;width:30px;height:16px;background:url('/design/images/common/ico.png') no-repeat -227px -123px;text-indent:-5000px;cursor:pointer;} .calendar .cal_left .cal table thead th .btn_next {position:absolute;top:0;right:0;display:block;width:30px;height:16px;background:url('/design/images/common/ico.png') no-repeat -258px -123px;text-indent:-5000px;cursor:pointer;} .calendar .cal_left .cal table thead th strong.year {float:left;width:61px;margin:0 5px 0 0;text-align:right;} .calendar .cal_left .cal table thead th strong.month {float:left;width:32px;margin:0 5px 0 0;text-align:right;} .calendar .cal_left .cal table thead th .txt_year {float:left;display:block;width:14px;height:16px;background:url('/design/images/common/ico.png') no-repeat -289px -123px;text-indent:-5000px;} .calendar .cal_left .cal table thead th .txt_month {float:left;display:block;width:15px;height:16px;background:url('/design/images/common/ico.png') no-repeat -304px -123px;text-indent:-5000px;} .calendar .cal_left .cal table tbody {margin:0 19px;} .calendar .cal_left .cal table tbody th {width:29px;height:29px;border:1px solid #000;line-height:32px;font-weight:normal;} .calendar .cal_left .cal table tbody th span {display:block;width:29px;height:28px;border-top:1px solid #3a3a3a;color:#999;font-family:돋움,'dotum';} .calendar .cal_left .cal table tbody th.sat span {color:#439bc8;} .calendar .cal_left .cal table tbody th.sun span {color:#ff0000;} .calendar .cal_left .cal table tbody td {width:29px;height:29px;border:1px solid #000;text-align:center;line-height:32px;} .calendar .cal_left .cal table tbody td a {display:block;width:29px;height:28px;background:#222;border-top:1px solid #3a3a3a;color:#ddd;font-family:돋움,'dotum';} .calendar .cal_left .cal table tbody td.today a {color:#ff0000;font-weight:bold;} .calendar .cal_left .cal table tbody td span {display:block;width:29px;height:28px;background:#151515;border-top:1px solid #3a3a3a;color:#777;font-family:돋움,'dotum';} .calendar .cal_left .cal table tbody td span.after {background:#222;} .calendar .cal_right {float:left;width:452px;height:100%;padding:0 0 0 29px;border-left:1px solid #595959;} .calendar .cal_right dl {width:421px;padding:30px 0 0 8px;clear:both;} .calendar .cal_right dl dt {float:left;width:100px;font-size:20px;line-height:20px;color:#fff;} .calendar .cal_right dl dd {width:321px;float:left;font-size:14px;line-height:14px;color:#eee;} .calendar .cal_right dl dd ul li {height:20px;margin:0 0 10px 0;} .calendar .cal_right dl dd ul li span.division {display:block;float:left;width:107px;line-height:20px;} .calendar .cal_right dl dd ul li span.division span {float:left;margin:0 5px 0 0;} .calendar .cal_right dl.first {height:110px;border-bottom:1px solid #191919} .calendar .cal_right dl.last {border-top:1px solid #595959} .calendar .cal_right dl.qtone {letter-spacing:-1px;} .calendar .cal_right dl.qtone dt {float:none;margin:0 0 13px 0} .calendar .cal_right dl.qtone dd {width:421px;line-height:24px;} .calendar .cal_right dl.qtone dd span {font-size:16px;} /* 편성표 리스트 */ dl.cal_table {position:relative;z-index:18;} dl.cal_table dt .week_ti {width:776px;height:42px;margin:0 0 16px 0;line-height:42px;font-size:24px;color:#333;text-align:center;letter-spacing:-1px;} dl.cal_table dt .cal_tab {position:relative;height:42px;margin:0 0 10px 0;background:#fff;z-index:20} dl.cal_table dt .cal_tab li {float:left;width:256px;height:42px;background:url('/design/images/common/ico.png') no-repeat 0 -225px;text-align:center;font-size:14px;line-height:42px;color:#666;cursor:pointer;} dl.cal_table dt .cal_tab li.on {background-position:-257px -225px;color:#fff;font-weight:bold;} dl.cal_table dt .cal_tab li.mid {margin:0 3px 0 3px;} dl.cal_table dt.qtone {display:none;} dl.cal_table dd {position:relative;;z-index:18;} dl.cal_table dd#cal_table2 {display:none;} dl.cal_table dd#cal_table3 {display:none;} dl.cal_table dd table.day {width:100%;border-top:2px solid #333;color:#666;font-size:12px;} dl.cal_table dd table.day thead {letter-spacing:1px;} dl.cal_table dd table.day thead th {height:36px;background:#f5f5f5;border:1px solid #ddd;line-height:36px;color:#666;font-size:12px;} dl.cal_table dd table.day thead th.first {border-left:none;} dl.cal_table dd table.day thead th.last {border-right:none;} dl.cal_table dd table.day tbody th {padding:18px 0 21px 0;border-bottom:1px solid #ddd;line-height:22px;} dl.cal_table dd table.day tbody td {padding:18px 0 21px 0;border-bottom:1px solid #ddd;line-height:22px;} dl.cal_table dd table.day tbody td.title {border-left:1px solid #ddd;border-right:1px solid #ddd;padding-left:40px;} dl.cal_table dd table.day tbody td.num {border-right:1px solid #ddd;text-align:center;} dl.cal_table dd table.day tbody td.ico {padding:0 0 0 54px;vertical-align:middle;} dl.cal_table dd table.day tbody td.ico span {float:left;margin-right:6px;} dl.cal_table dd table.day tbody tr.on {border:1px solid #f60012} dl.cal_table dd table.day tbody tr.on th {border-bottom:1px solid #f60012;border-top:1px solid #f60012;border-left:1px solid #f60012;color:#e10313;font-size:14px;} dl.cal_table dd table.day tbody tr.on td {border-bottom:1px solid #f60012;border-top:1px solid #f60012;color:#e10313;font-size:14px;} dl.cal_table dd table.day tbody tr.onup th {border-bottom:none;} dl.cal_table dd table.day tbody tr.onup td {border-bottom:none;} dl.cal_table dd table.week {width:100%;border-top:2px solid #333;color:#666;font-size:12px;} dl.cal_table dd table.week thead {letter-spacing:1px;} dl.cal_table dd table.week thead th {height:36px;background:#f5f5f5;border:1px solid #ddd;line-height:36px;color:#666;font-size:12px;} dl.cal_table dd table.week thead th.first {border-left:none;} dl.cal_table dd table.week thead th.last {border-right:none;color:#008def;} dl.cal_table dd table.week thead th.sun {color:#e10313} dl.cal_table dd table.week tbody {letter-spacing:-1px;} dl.cal_table dd table.week tbody th {height:58px;border:1px solid #ddd;border-left:none;font-weight:bold;} dl.cal_table dd table.week tbody td {height:58px;padding:10px 7px 10px 10px;border:1px solid #ddd;vertical-align:top;} dl.cal_table dd table.week tbody td span {display:inline-block;margin:3px 0 0 0;height:20px;} dl.cal_table dd table.week tbody td span:after {display:block;content:"dsf";clear:both;} dl.cal_table dd table.week tbody td.last {border-right:none;} dl.cal_table dd table.week tbody tr.on th {border-bottom:1px solid #f60012;border-top:1px solid #f60012;border-left:1px solid #f60012;color:#e10313;font-size:16px;} dl.cal_table dd table.week tbody tr.on td {border-bottom:1px solid #f60012;border-top:1px solid #f60012;} dl.cal_table dd table.week tbody tr.onup th {border-bottom:none;} dl.cal_table dd table.week tbody tr.onup td {border-bottom:none;} dl.cal_table dd table.week tbody tr.ondown th {border-top:none;} dl.cal_table dd table.week tbody tr.ondown td {border-top:none;} dl.cal_table dd .caution {margin-top:10px;font-size:12px;color:#e10313;line-height:12px;text-align:right;} dl.cal_table dd table.qtone {width:100%;border-top:2px solid #333;color:#666;font-size:12px;color:#666;} dl.cal_table dd table.qtone thead th {height:37px;background:#f5f5f5;border:1px solid #ddd;} dl.cal_table dd table.qtone thead th.first {border-left:none;} dl.cal_table dd table.qtone thead th.last {border-right:none;} dl.cal_table dd table.qtone tbody td {height:37px;border:1px solid #ddd;text-align:center;} dl.cal_table dd table.qtone tbody td.first {border-left:none;} dl.cal_table dd table.qtone tbody td.last {border-right:none;} /* 로그인 */ #content .content_etc .login {width:752px;margin:35px 0 106px 0;letter-spacing:-1px;} #content .content_etc .login dl {width:426px;margin:0 0 0 1px;padding:27px 161px 30px 161px;border-bottom:1px solid #e5e5e5} #content .content_etc .login dl:after {display:block;content:"";clear:both;} #content .content_etc .login dl dt {text-align:center;} #content .content_etc .login dl dt p.ti {font-size:28px;line-height:28px;color:#333;} #content .content_etc .login dl dt p.sti {margin:8px 0 34px 0;font-size:12px;line-height:12px;color:#666;} #content .content_etc .login dl dd {float:left;} #content .content_etc .login dl dd.in {width:302px;height:85px;} #content .content_etc .login dl dd.in .ti {float:left;display:block;width:73px;height:35px;margin:0 0 7px 0;font-size:14px;color:#767676;line-height:35px;font-weight:bold;} #content .content_etc .login dl dd.in input {float:left;width:217px;height:33px;margin:0 0 7px 0;border:1px solid #d7d7d7;line-height:33px;font-size:14px;color:#333;text-indent:10px;} #content .content_etc .login dl dd.in input:hover {width:215px;height:31px;border:2px solid #e10313;line-height:31px;text-indent:9px;} #content .content_etc .login dl dd.txt {position:relative;width:352px;height:28px;margin:3px 0 0 0;padding:0 0 0 73px;font-size:12px;color:#767676;line-height:28px;clear:both;} #content .content_etc .login dl dd.txt p {float:left;width:218px;clear:both;} #content .content_etc .login dl dd.txt a {position:absolute;top:0;right:0;} #content .content_etc .login .txt_btm {position:relative;height:68px;margin:1px 3px 0 2px;padding:30px 0 0 161px;background:#f5f5f5;clear:both;line-height:22px;color:#767676;} #content .content_etc .login .txt_btm span {font-size:16px;line-height:16px;color:#e10313;} #content .content_etc .login .txt_btm a {position:absolute;top:25px;right:162px} /* 아이디 비밀번호 찾기 */ #content .content_etc .idpw_search {width:752px;margin:25px 0 64px 0;padding:8px 0 0 0;letter-spacing:-1px;} #content .content_etc .idpw_search dl {width:670px;margin:0 0 0 40px;padding:28px 0 23px 0;border-bottom:1px dashed #dad5d5} #content .content_etc .idpw_search dl.pw_search {border:none;width:708px;margin:0 2px;padding:28px 0 23px 40px;border-bottom:1px solid #e5e5e5} #content .content_etc .idpw_search dl:after {display:block;content:"";clear:both;} #content .content_etc .idpw_search dl dt {margin:0 0 21px 0;font-size:20px;line-height:20px;color:#333;} #content .content_etc .idpw_search dl dt span {color:#e10313;} #content .content_etc .idpw_search dl dd.in {height:23px;margin:0 0 7px 0;} #content .content_etc .idpw_search dl dd.in .ti {float:left;display:block;width:42px;height:23px;font-size:12px;color:#767676;line-height:23px;} #content .content_etc .idpw_search dl dd.in input.in01 {float:left;width:86px;height:21px;margin:0 20px 0 0;border:1px solid #d7d7d7;line-height:21px;font-size:12px;color:#333;text-indent:10px;} #content .content_etc .idpw_search dl dd.in .ti02 {float:left;display:block;width:80px;height:23px;font-size:12px;color:#767676;line-height:23px;} #content .content_etc .idpw_search dl dd.in input.in02 {float:left;width:188px;height:21px;margin:0 5px 0 0;border:1px solid #d7d7d7;line-height:21px;font-size:12px;color:#333;text-indent:10px;} #content .content_etc .idpw_search dl dd .btn_type02 {float:left;font-weight:bold;color:#767676;} #content .content_etc .idpw_search dl dd.in.in_etc {float:none;border:1px solid #f60} #content .content_etc .idpw_search dl dd.txt {height:12px;padding:8px 0 0 0;font-size:11px;line-height:12px;color:#e10313;clear:both;} #content .content_etc .idpw_search dl dd.txt .ico_exclamation {float:left;margin:0 4px 0 0;} #content .content_etc .idpw_search .txt_btm {position:relative;height:68px;margin:1px 3px 0 2px;padding:30px 0 0 40px;background:#f5f5f5;clear:both;line-height:22px;color:#767676;} #content .content_etc .idpw_search .txt_btm span {font-size:16px;line-height:16px;color:#e10313;} #content .content_etc .idpw_search .txt_btm a {position:absolute;top:25px;right:291px} /* 회원가입 */ #content .content_etc .join {position:relative;width:675px;margin:26px 0 64px 0;margin-left:-1px;padding:24px 38px 0 38px;letter-spacing:-1px;} #content .content_etc .join .ti {margin:0 0 33px 0;font-size:12px;color:#666;line-height:26px;} #content .content_etc .join .ti02 {margin:0 0 38px 0;font-size:18px;color:#333;line-height:24px;} #content .content_etc .join .ti strong {font-size:28px;line-height:28px;color:#333;font-weight:normal;} #content .content_etc .join .sti {margin:0 0 10px 0;font-size:18px;color:#666;line-height:18px;color:#333;} #content .content_etc .join .caution {position:absolute;top:114px;right:38px;color:#e10313;} #content .content_etc .join table {width:100%;margin:0 0 30px 0;border-top:2px solid #333;} #content .content_etc .join table thead {display:none;} #content .content_etc .join table tbody th {padding:9px 0 9px 20px;background:#f7f7f7;border-right:1px solid #ddd;border-bottom:1px solid #ddd;text-align:left;font-weight:normal;color:#666;line-height:16px;} #content .content_etc .join table tbody th strong {color:#e10313;} #content .content_etc .join table tbody td {padding:9px 0 9px 20px;border-bottom:1px solid #ddd;color:#888;line-height:21px;} #content .content_etc .join table tbody td .txt {float:left;padding:0 10px 0 0;} #content .content_etc .join table tbody td .txt02 {float:left;padding:0 10px 0 20px;} #content .content_etc .join table tbody td strong {color:#333;font-weight:normal;} #content .content_etc .join table tbody td input[type=text] {height:21px;padding-left:5px;border:1px solid #d7d7d7;line-height:21px;} #content .content_etc .join table tbody td input[type=password] {height:21px;padding-left:5px;border:1px solid #d7d7d7;line-height:21px;} #content .content_etc .join table tbody td input.in01 {width:184px;} #content .content_etc .join table tbody td input.in02 {float:left;width:111px;} #content .content_etc .join table tbody td input.in03 {float:left;width:143px;margin:0 10px 0 0;} #content .content_etc .join table tbody td input.in04 {float:left;width:74px;} #content .content_etc .join table tbody td select {height:23px;border:1px solid #d7d7d7;line-height:21px;} #content .content_etc .join table tbody td select.slt01 {float:left;width:131px;color:#999191;} #content .content_etc .join table tbody td select.slt02 {float:left;width:79px;color:#999191;} #content .content_etc .join table tbody td .btn_type02 {margin:0 5px;} #content .content_etc .join table tbody td .at {float:left;margin:0 3px;color:#c4c4c4;} #content .content_etc .join table tbody td .hypen {float:left;margin:0 3px;color:#c4c4c4;} #content .content_etc .join table tbody td input[type=checkbox] {margin:0 7px 0 0;vertical-align:middle} #content .content_etc .join table tbody td label {display:inline-block;width:60px;} #content .content_etc .join dl.agree dt.ti {margin:0 0 8px 0;font-size:18px;line-height:18px;color:#333;} #content .content_etc .join dl.agree dd.txt {width:645px;height:103px;padding:15px 15px 0 15px;background:#f6f6f5;border-top:1px solid #dbdce0;overflow:auto;color:#7f7f7f;} #content .content_etc .join dl.agree dd.txt p.sti {margin:0 0 5px 0;font-size:12px;line-height:12px;color:#7f7f7f;font-weight:bold;} #content .content_etc .join dl.agree dd.txt dl {margin:20px 0 20px 0;} #content .content_etc .join dl.agree dd.txt dl dt {margin:0 0 20px 0;font-size:12px;line-height:12px;} #content .content_etc .join dl.agree dd.txt dl dd {font-size:12px;line-height:20px;} #content .content_etc .join dl.agree dd.txt02 {height:12px;margin:10px 0 20px 0;text-align:right;} #content .content_etc .join dl.agree dd.txt02 input {margin:0 5px 0 15px;vertical-align:middle;} #content .content_etc .join dl.agree dd.txt02 span {color:#e10313;} #content .content_etc .join dl.agree dd.txt02 label {cursor:pointer;} #content .content_etc .join .btn_center02 {margin-top:-10px;} /* 회원가입 완료 */ #content .content_etc .join_complete {margin:25px 0 24px 0;letter-spacing:-1px;} #content .content_etc .join_complete dl {padding:66px 0 70px 284px;background:url('/design/images/common/ico_join.jpg') no-repeat 34px 62px;} #content .content_etc .join_complete dl dt {margin:0 0 14px 0;} #content .content_etc .join_complete dl dd {font-size:12px;line-height:16px;color:#333;} #content .content_etc .join_complete dl dd strong {color:#e10313;} /* 회원탈퇴 */ #content .content_etc .out {position:relative;width:675px;margin:25px 0 110px 0;margin-left:-1px;padding:24px 38px 0 38px;letter-spacing:-1px;} #content .content_etc .out .ti {margin:0 0 46px 0;font-size:28px;color:#333;line-height:28px;} #content .content_etc .out dl {width:522px;margin:0 auto;text-align:center;} #content .content_etc .out dl dt {margin:0 0 14px 0;font-size:18px;line-height:24px;color:#e10313;} #content .content_etc .out dl dd {height:64px;padding:10px 0 0 0;background:#f4f4f4;border-top:1px solid #ddd;color:#333;font-size:13px;line-height:16px;} /* 로그인 회원가입 버튼 */ #content .content_etc .btn_area.btn01 {margin:40px 0 40px 0;padding:0 0 40px 0;} #content .content_etc .btn_area.btn02 {margin:0 0 150px 0;} #content .content_etc .btn_area.btn02 a {margin:0 5px;} #content .content_etc .btn_area.btn03 {padding:0 0 30px 0;} #content .content_etc .btn_area.btn04 {padding:35px 0 40px 0;} #content .content_etc .btn_area.btn04 a {margin:0 5px;} /* 광고 종류 */ ul.adtype {width:774px;height:535px;background:url('/design/images/common/adtype_bg.gif') no-repeat 0 0;overflow:hidden;} ul.adtype li {float:left;} ul.adtype li dl dt {margin:0 0 25px 0;font-size:26px;line-height:26px;letter-spacing:-1px;} ul.adtype li dl dt span {color:#e10313;} ul.adtype li dl dd {font-size:14px;line-height:20px;color:#666;letter-spacing:-1px;} ul.adtype li.txt01 {width:384px;height:263px;} ul.adtype li.txt01 dl {margin:60px 0 0 33px;} ul.adtype li.txt02 {width:390px;height:263px;text-align:right;} ul.adtype li.txt02 dl {margin:60px 29px 0 0;} ul.adtype li.txt03 {width:384px;height:272px;} ul.adtype li.txt03 dl {margin:92px 0 0 33px;} ul.adtype li.txt04 {width:384px;height:263px;text-align:right;} ul.adtype li.txt04 dl {margin:92px 29px 0 0;} /* 광고시급 및 광고요금*/ .adpay dl {margin:0 0 30px 0;clear:both;} .adpay dl:after {display:block;content:"";clear:both;} .adpay dl dt {font-size:14px;line-height:14px;color:#333;font-weight:bold;} .adpay dl dt span {float:left;margin:2px 6px 0 0} .adpay dl dd {margin:10px 0 0 0;clear:both;} .adpay dl dd ul.process {width:774px;height:102px;margin:0 0 30px 0;background:url('/design/images/common/adpay_bg.gif') no-repeat 0 0;} .adpay dl dd ul.process li {float:left;width:20%;height:102px;font-size:16px;color:#fff;line-height:102px;text-align:center;} .adpay dl dd ul.process li.tindent01 {text-indent:20px;} .adpay dl dd ul.process li.tindent02 {text-indent:40px;} .adpay dl dd ul.info li {float:left;width:380px;} .adpay dl dd ul.info li.rtxt {float:right;} .adpay dl dd ul.info li p.ti {width:380px;height:45px;background:url('/design/images/common/ico.png') no-repeat -172px -362px;line-height:45px;text-align:center;color:#666;font-size:14px;font-weight:bold;} .adpay dl dd ul.info li p.sti {width:380px;height:29px;text-align:right;line-height:29px;color:#888;} .adpay dl dd table {width:100%;border-top:2px solid #333;} .adpay dl dd table thead th {height:36px;background:#f5f5f5;border:1px solid #dddddd;font-size:12px;color:#666;line-height:36px;} .adpay dl dd table thead th.bl {border-left:none;} .adpay dl dd table thead th.br {border-right:none;} .adpay dl dd table tbody th {padding:11px 0 9px 0;border:1px solid #dddddd;border-left:none;color:#666;} .adpay dl dd table tbody td {padding:11px 0 9px 0;border:1px solid #dddddd;color:#666;text-align:center;} .adpay dl dd table tbody td.bl {border-left:none;} .adpay dl dd table tbody td.br {border-right:none;} /* 프로그램 구입문의 */ .adinquiry ul.local {margin-left:-10px;margin-top:-5px;} .adinquiry ul.local li {float:left;margin:5px 0 0 9px;} .adinquiry ul.local li a {display:block;width:103px;height:33px;background:url('/design/images/common/ico.png') no-repeat -553px -362px;line-height:33px;text-align:center;color:#fff;} .adinquiry ul:after {display:block;content:"";clear:both;} .adinquiry dl {float:left;width:377px;margin:30px 20px 0 0;} .adinquiry dl.odd {margin:30px 0 0 0;} .adinquiry dl dt {margin:0 0 10px 0;font-size:14px;line-height:14px;color:#333;font-weight:bold;} .adinquiry dl dt span {float:left;margin:2px 6px 0 0} .adinquiry dl dd table {width:100%;border-top:2px solid #333;letter-spacing:-1px;} .adinquiry dl dd table tbody th {background:#f8f8f8;padding:11px 0 9px 0;border:1px solid #dddddd;border-left:none;color:#666;} .adinquiry dl dd table tbody td {padding:11px 0 9px 10px;border:1px solid #dddddd;border-right:none;color:#666;} /* 회사소개 */ .company dl.info1 {width:844px;height:416px;padding:18px 0 0 18px;background:url('/design/images/common/info_bg01.jpg') no-repeat 100% 100%;letter-spacing:-1px;} .company dl.info1 dt {margin:0 0 20px 0;} .company dl.info1 dd p {font-size:14px;line-height:24px;color:#666;} .company dl.info1 dd p strong {color:#333;} .company dl.info1 dd p.mid {padding:10px 0;font-size:18px;line-height:26px;color:#e10313;} .company dl.info2 dt {margin:0 0 10px 0;font-size:14px;line-height:14px;color:#333;font-weight:bold;} .company dl.info2 dt span {float:left;margin:2px 6px 0 0} .company dl.info2 dd table {width:100%;border-top:2px solid #333;letter-spacing:-1px;} .company dl.info2 dd table tbody th {padding:11px 0 9px 38px;border-bottom:1px solid #dddddd;background:#f5f5f5;color:#666;text-align:left;} .company dl.info2 dd table tbody td {padding:11px 0 9px 21px;border-bottom:1px solid #dddddd;color:#666;} /* 대표인사말 */ .ceo dl.info1 {background:url('/design/images/common/info_bg02.jpg') no-repeat 100% 80px;letter-spacing:-1px;} .ceo dl.info1 dt {margin:18px 0 25px 0;} .ceo dl.info1 dd p {margin:0 0 17px 0;color:#666;font-size:14px;line-height:24px;} .ceo dl.info1 dd p strong {color:#333;} .ceo dl.info1 dd p.sti {font-size:18px;line-height:28px;color:#333;} .ceo dl.info1 dd p.sti span {color:#e00313;} /* 조직도/협력사 */ .cooperation dl.info1 {letter-spacing:-1px;} .cooperation dl.info1 dt {margin:0 0 20px 0;font-size:14px;line-height:14px;color:#333;font-weight:bold;} .cooperation dl.info1 dt span {float:left;margin:2px 6px 0 0} .cooperation dl.info1 dd {position:relative;width:100%;height:535px;background:url('/design/images/common/info_bg03.gif') no-repeat 50% 0;} .cooperation dl.info1 dd strong.member1 {display:block;position:absolute;top:0px;left:299px;width:177px;height:68px;font-size:16px;line-height:68px;color:#fff;text-align:center;font-weight:normal;} .cooperation dl.info1 dd strong.member2 {display:block;position:absolute;top:84px;left:70px;width:177px;height:68px;font-size:16px;line-height:68px;color:#666;text-align:center;font-weight:normal;} .cooperation dl.info1 dd strong.member3 {display:block;position:absolute;top:129px;left:464px;width:240px;height:48px;font-size:16px;line-height:48px;color:#666;text-align:center;font-weight:normal;letter-spacing:-0.05em;} .cooperation dl.info1 dd strong.member3 span {font-size:13px;font-weight:normal;} .cooperation dl.info1 dd strong.member4 {display:block;position:absolute;top:199px;left:464px;width:240px;height:48px;font-size:16px;line-height:48px;color:#666;text-align:center;font-weight:normal;} /* .cooperation dl.info1 dd strong.member4_1 {display:block;position:absolute;top:94px;left:148px;width:172px;height:48px;font-size:16px;line-height:48px;color:#666;text-align:center;font-weight:normal;} */ .cooperation dl.info1 dd ul.member5 {display:block;position:absolute;top:270px;left:70px;width:177px;height:212px;font-size:12px;line-height:33px;color:#666;text-align:center;} .cooperation dl.info1 dd ul.member5 li strong {font-size:16px;line-height:46px;color:#fff;font-weight:normal;} .cooperation dl.info1 dd ul.member6 {display:block;position:absolute;top:270px;left:527px;width:177px;height:146px;font-size:12px;line-height:33px;color:#666;text-align:center;} .cooperation dl.info1 dd ul.member6 li strong {font-size:16px;line-height:46px;color:#fff;font-weight:normal;} /* .cooperation dl.info1 dd ul.member7 {display:block;position:absolute;top:179px;left:557px;width:177px;height:179px;font-size:12px;line-height:33px;color:#666;text-align:center;} */ /* .cooperation dl.info1 dd ul.member7 li strong {font-size:16px;line-height:46px;color:#fff;font-weight:normal;} */ .cooperation dl.info2 {letter-spacing:-1px;} .cooperation dl.info2 dt {margin:0 0 20px 0;font-size:14px;line-height:14px;color:#333;font-weight:bold;} .cooperation dl.info2 dt span {float:left;margin:2px 6px 0 0} .cooperation dl.info2 dd ul {margin-left:2px;} .cooperation dl.info2 dd ul li {float:left;width:186px;padding:0 0 7px 0;border-bottom:1px solid #ddd;border-right:1px solid #ddd;text-align:center;} .cooperation dl.info2 dd ul:after {display:block;content:"";clear:both;} .cooperation dl.info2 .bg_btm {bottom:0;} /* 관계사 */ .local {letter-spacing:-1px;} .local .ti {width:100%;margin:0 0 33px 0;text-align:right;font-size:12px;line-height:12px;color:#e10313;} .local .map {position:relative;} .local .map dl {display:none;position:absolute;top:130px;left:50%;width:285px;height:227px;margin:2px 0 0 0;margin-left:-143px;padding:23px 11px;background:url('/design/images/common/layer_bg.png') no-repeat 0 0;} .local .map dl dt {margin:0 0 10px 0;font-size:14px;line-height:14px;color:#333;font-weight:bold;} .local .map dl dt span {float:left;margin:2px 6px 0 0} .local .map dl dd {position:relative;} .local .map dl dd .btn_close {position:absolute;top:-39px;right:0;} .local .map dl dd table {width:100%;border-top:2px solid #333;letter-spacing:-1px;} .local .map dl dd table tbody th {background:#f8f8f8;padding:11px 0 9px 0;border:1px solid #dddddd;border-left:none;color:#666;} .local .map dl dd table tbody td {padding:11px 0 9px 10px;border:1px solid #dddddd;border-right:none;color:#666;} /* 회사위치 */ .location .map {width:771px;height:507px;margin:0 0 20px 0;margin-left:-7px;margin-top:-7px;} .location dl {margin:0 0 25px 0;} .location dl dt {margin:0 0 10px 0;font-size:14px;line-height:14px;color:#333;font-weight:bold;} .location dl dt span {float:left;margin:2px 6px 0 0} .location dl dd {margin:0 0 0 16px;font-size:12px;line-height:20px;} /* 이용약관&개인정보취급방침 */ .agreement {width:669px;height:640px;margin:25px 0 0 0;padding:25px 40px 15px 40px;overflow:auto;} .agreement p.sti {padding:15px 0 25px 0;font-size:14px;line-height:14px;color:#333;font-weight:bold;} .agreement dl {font-size:12px;line-height:22px;color:#767676;letter-spacing:-1px;} .agreement dl dt {margin:0 0 10px 0;} .agreement dl dd {margin:0 0 10px 0;} .agreement02 {width:670px;margin:25px 0 0 0;padding:40px 40px 15px 40px;} .agreement02 dl dt {margin:0 0 25px 0;font-size:14px;line-height:14px;color:#333;} .agreement02 dl dd {margin:0 0 25px 0;font-size:12px;line-height:22px;color:#767676;letter-spacing:-1px;} /* 팝업 */ #popup {display:none;position:absolute;top:50%;left:50%;width:560px;margin-left:-280px;margin-top:-260px;border:1px solid #5e7387;background:#fff;letter-spacing:-1px;z-index:500} #popup .ti {height:46px;background:#344555;line-height:46px;} #popup .ti h1 {float:left;font-size:14px;color:#fff;text-indent:15px;font-weight:bold;} #popup .ti .btn_close02 {float:right;} #popup .txt {margin:15px;padding:20px;border:1px solid #cecece;font-size:13px;line-height:20px;color:#666;} #popup .txt strong {display:block;margin:0 0 10px 0;font-size:16px;line-height:16px;color:#333;} #popup dl {margin:15px;} #popup dl dt {margin:0 0 10px 0;font-size:14px;line-height:14px;color:#e10313;font-weight:bold;} #popup dl dt span {float:left;margin:2px 6px 0 0} #popup dl dd {height:205px;padding:15px 18px 0 18px;border-top:1px solid #dbdce0;background:#f8f7f7;clear:both;overflow:auto;line-height:20px;color:#666;} #popup dl dd span {float:left;margin:0 5px 0 0;} #popup dl dd strong {float:left;font-size:13px;line-height:13px;} #popup dl dd ul {margin:0 0 20px 0;clear:both;} #popup .logo {margin:0 15px 13px 15px;padding-top:13px;border-top:1px solid #cecece;text-align:right;}