@import url(./basic.css);/*font-family: 'Nanum Brush Script', cursive;*/ /* --------------------------------------------------------------------------------------------------------------------------------------------------------------- 기본구조 --------------------------------------------------------------------------------------------------------------------------------------------------------------- */ #wrap {margin: 0 auto;width:1000px;} /*---top메뉴---*/ #topMenu{width:100%; height:30px; position: relative;} #topMenu ul{width:auto; height:30px; position: absolute;top:10px;right:5px;} #topMenu ul li{display:inline;padding-right:5px;} #topMenu ul li a {color:#868686;} #topMenu ul li span{color:#c4d0cf;} .header{width:1100px;margin:0 auto;padding-top:8px;} .header h1{float:left;width:323px;height:66px;margin-top:8px;} .header .top_wrap{float:right;} .header .gnb .menu{position:relative;float:left;width:145px;height:43px;text-align:center;background:url('http://www.d-ctc.co.kr/skin/site/skinNew/images/dctcMain/bg_gnb_line.gif') 0 10px no-repeat;} .header .gnb .menu:first-child, .top_util .util li:first-child, .top_util .top_roll ul li:first-child, .f_util li:first-child{margin-left:0;padding-left:0;background:none;} .header .gnb{position:relative;clear:both;height:51px;z-index:30} .header .gnb_bg{display:none;position:absolute;left:0;right:0;top:124px;width:100%;height:210px;background:url('http://www.d-ctc.co.kr/skin/site/skinNew/images/dctcMain/mainMenu_bg.jpg') repeat-x 0 0;border-top:1px solid #d8d8d8;border-bottom:1px solid #d8d8d8;z-index:10;overflow:hidden} .header .gnb_bg .bg_wrap{position:absolute;left:50%;top:0;margin-left:-550px;width:1100px;height:210px;background:url('http://www.d-ctc.co.kr/skin/site/skinNew/images/dctcMain/bg_menu.png') no-repeat 0 bottom;} .header .gnb .sub_menu{display:none;position:absolute;left:0;top:50px;border-top:1px solid #d8d8d8;z-index:30} .header .gnb .sub_menu ul{padding-top:17px;width:144px;height:193px;text-align:left;border-left:1px solid #ededed;border-right:1px solid #ededed} .header .gnb .sub_menu li{padding:7px 0 7px 25px;line-height:14px;} .header .gnb .sub_menu.on{background-color:#ef8402;z-index:40} .header .gnb .sub_menu.on li{background:url("http://www.d-ctc.co.kr/skin/site/skinNew/images/dctcMain/bg_menu_info_bull_on.gif") no-repeat 15px 15px} .header .gnb .sub_menu.on a{color:#fff} .header .gnb .sub_menu a{font-size:12px;color:#000} .header .gnb .sub_menu a:hover{text-decoration:underline;font-weight:bold;letter-spacing:-1px} .header .gnb .sub_menu .line_space{width:61px;} .header .gnb .menu a.subject{font-size:18px !important;color:#000;} .header .gnb .menu.select a.subject{font-weight:bold;color:#33886f;} header{width:100%; height:210px;position: relative;} header h1{padding-top:15px;} header nav{position: absolute;top:40px;right:0;} header nav .hongikMenu .HM span{text-indent: -999999px;overflow: hidden; display: block;} header nav .hongikMenu .HM{float:left;width:auto;} /*---기본메뉴---*/ header nav .hongikMenu .HM .gnb01{width:110px;height:30px;background: url(/image/menuBg.png) no-repeat -60px 0;display: block;} header nav .hongikMenu .HM .gnb01_1{width:110px;height:25px;background: url(/image/menuBg.png) no-repeat -60px -26px;display: block;} header nav .hongikMenu .HM .gnb01_2{width:110px;height:25px;background: url(/image/menuBg.png) no-repeat -60px -50px;display: block;} header nav .hongikMenu .HM .gnb01_3{width:110px;height:25px;background: url(/image/menuBg.png) no-repeat -60px -74px;display: block;} header nav .hongikMenu .HM .gnb02{width:95px;height:30px;background: url(/image/menuBg.png) no-repeat -180px 0;display: block;} header nav .hongikMenu .HM .gnb02_1{width:95px;height:25px;background: url(/image/menuBg.png) no-repeat -180px -26px;display: block;} header nav .hongikMenu .HM .gnb02_2{width:95px;height:25px;background: url(/image/menuBg.png) no-repeat -180px -50px;display: block;} header nav .hongikMenu .HM .gnb02_3{width:95px;height:25px;background: url(/image/menuBg.png) no-repeat -180px -74px;display: block;} header nav .hongikMenu .HM .gnb03{width:100px;height:30px;background: url(/image/menuBg.png) no-repeat -280px 0;display: block;} header nav .hongikMenu .HM .gnb03_1{width:100px;height:25px;background: url(/image/menuBg.png) no-repeat -280px -26px;display: block;} header nav .hongikMenu .HM .gnb03_2{width:100px;height:25px;background: url(/image/menuBg.png) no-repeat -280px -50px;display: block;} header nav .hongikMenu .HM .gnb03_3{width:100px;height:25px;background: url(/image/menuBg.png) no-repeat -280px -74px;display: block;} header nav .hongikMenu .HM .gnb04{width:120px;height:30px;background: url(/image/menuBg.png) no-repeat -410px 0;display: block;} header nav .hongikMenu .HM .gnb04_1{width:120px;height:25px;background: url(/image/menuBg.png) no-repeat -410px -26px;display: block;} header nav .hongikMenu .HM .gnb04_2{width:120px;height:25px;background: url(/image/menuBg.png) no-repeat -410px -50px;display: block;} header nav .hongikMenu .HM .gnb04_3{width:120px;height:25px;background: url(/image/menuBg.png) no-repeat -410px -74px;display: block;} header nav .hongikMenu .HM .gnb04_4{width:120px;height:25px;background: url(/image/menuBg.png) no-repeat -410px -98px;display: block;} header nav .hongikMenu .HM .gnb05{width:100px;height:30px;background: url(/image/menuBg.png) no-repeat -540px 0;display: block;} header nav .hongikMenu .HM .gnb05_1{width:100px;height:25px;background: url(/image/menuBg.png) no-repeat -540px -26px;display: block;} header nav .hongikMenu .HM .gnb05_2{width:100px;height:25px;background: url(/image/menuBg.png) no-repeat -540px -50px;display: block;} header nav .hongikMenu .HM .gnb05_3{width:100px;height:25px;background: url(/image/menuBg.png) no-repeat -540px -74px;display: block;} header nav .hongikMenu .HM .gnb05_4{width:100px;height:25px;background: url(/image/menuBg.png) no-repeat -540px -98px;display: block;} header nav .hongikMenu .HM .gnb05_5{width:100px;height:25px;background: url(/image/menuBg.png) no-repeat -540px -122px;display: block;} /*---마우스 hover시---*/ header nav .hongikMenu .HM .gnb01:hover {width:110px;height:30px;background: url(/image/menuBg_on.png) no-repeat -60px 0;display: block;} header nav .hongikMenu .HM .gnb01_1:hover {width:110px;height:25px;background: url(/image/menuBg_on.png) no-repeat -60px -26px;display: block;} header nav .hongikMenu .HM .gnb01_2:hover {width:110px;height:25px;background: url(/image/menuBg_on.png) no-repeat -60px -50px;display: block;} header nav .hongikMenu .HM .gnb01_3:hover {width:110px;height:25px;background: url(/image/menuBg_on.png) no-repeat -60px -74px;display: block;} header nav .hongikMenu .HM .gnb02:hover {width:95px;height:30px;background: url(/image/menuBg_on.png) no-repeat -180px 0;display: block;} header nav .hongikMenu .HM .gnb02_1:hover {width:95px;height:25px;background: url(/image/menuBg_on.png) no-repeat -180px -26px;display: block;} header nav .hongikMenu .HM .gnb02_2:hover {width:95px;height:25px;background: url(/image/menuBg_on.png) no-repeat -180px -50px;display: block;} header nav .hongikMenu .HM .gnb03_2:hover {width:95px;height:25px;background: url(/image/menuBg_on.png) no-repeat -180px -74px;display: block;} header nav .hongikMenu .HM .gnb03:hover {width:100px;height:30px;background: url(/image/menuBg_on.png) no-repeat -280px 0;display: block;} header nav .hongikMenu .HM .gnb03_1:hover {width:100px;height:25px;background: url(/image/menuBg_on.png) no-repeat -280px -26px;display: block;} header nav .hongikMenu .HM .gnb03_2:hover {width:100px;height:25px;background: url(/image/menuBg_on.png) no-repeat -280px -50px;display: block;} header nav .hongikMenu .HM .gnb03_3:hover {width:100px;height:25px;background: url(/image/menuBg_on.png) no-repeat -280px -74px;display: block;} header nav .hongikMenu .HM .gnb04:hover {width:120px;height:30px;background: url(/image/menuBg_on.png) no-repeat -410px 0;display: block;} header nav .hongikMenu .HM .gnb04_1:hover {width:120px;height:25px;background: url(/image/menuBg_on.png) no-repeat -410px -26px;display: block;} header nav .hongikMenu .HM .gnb04_2:hover {width:120px;height:25px;background: url(/image/menuBg_on.png) no-repeat -410px -50px;display: block;} header nav .hongikMenu .HM .gnb04_3:hover {width:120px;height:25px;background: url(/image/menuBg_on.png) no-repeat -410px -74px;display: block;} header nav .hongikMenu .HM .gnb04_4:hover {width:120px;height:25px;background: url(/image/menuBg_on.png) no-repeat -410px -98px;display: block;} header nav .hongikMenu .HM .gnb05:hover {width:100px;height:30px;background: url(/image/menuBg_on.png) no-repeat -540px 0;display: block;} header nav .hongikMenu .HM .gnb05_1:hover {width:100px;height:25px;background: url(/image/menuBg_on.png) no-repeat -540px -26px;display: block;} header nav .hongikMenu .HM .gnb05_2:hover {width:100px;height:25px;background: url(/image/menuBg_on.png) no-repeat -540px -50px;display: block;} header nav .hongikMenu .HM .gnb05_3:hover {width:100px;height:25px;background: url(/image/menuBg_on.png) no-repeat -540px -74px;display: block;} header nav .hongikMenu .HM .gnb05_4:hover {width:100px;height:25px;background: url(/image/menuBg_on.png) no-repeat -540px -98px;display: block;} header nav .hongikMenu .HM .gnb05_5:hover {width:100px;height:25px;background: url(/image/menuBg_on.png) no-repeat -540px -122px;display: block;} /*---메뉴선택시---*/ header nav .hongikMenu .HM .gnb01_on{width:110px;height:30px;background: url(/image/menuBg_on.png) no-repeat -60px 0;display: block;} header nav .hongikMenu .HM .gnb01_1_active{width:110px;height:25px;background: url(/image/menuBg_on.png) no-repeat -60px -26px;display: block;} header nav .hongikMenu .HM .gnb01_2_active{width:110px;height:25px;background: url(/image/menuBg_on.png) no-repeat -60px -50px;display: block;} header nav .hongikMenu .HM .gnb01_3_active{width:110px;height:25px;background: url(/image/menuBg_on.png) no-repeat -60px -74px;display: block;} header nav .hongikMenu .HM .gnb02_on {width:95px;height:30px;background: url(/image/menuBg_on.png) no-repeat -180px 0;display: block;} header nav .hongikMenu .HM .gnb02_1_active{width:95px;height:25px;background: url(/image/menuBg_on.png) no-repeat -180px -26px;display: block;} header nav .hongikMenu .HM .gnb02_2_active{width:95px;height:25px;background: url(/image/menuBg_on.png) no-repeat -180px -50px;display: block;} header nav .hongikMenu .HM .gnb02_3_active{width:95px;height:25px;background: url(/image/menuBg_on.png) no-repeat -180px -74px;display: block;} header nav .hongikMenu .HM .gnb03_on{width:100px;height:30px;background: url(/image/menuBg_on.png) no-repeat -280px 0;display: block;} header nav .hongikMenu .HM .gnb03_1_active{width:100px;height:25px;background: url(/image/menuBg_on.png) no-repeat -280px -26px;display: block;} header nav .hongikMenu .HM .gnb03_2_active{width:100px;height:25px;background: url(/image/menuBg_on.png) no-repeat -280px -50px;display: block;} header nav .hongikMenu .HM .gnb03_3_active{width:100px;height:25px;background: url(/image/menuBg_on.png) no-repeat -280px -74px;display: block;} header nav .hongikMenu .HM .gnb04_on {width:120px;height:30px;background: url(/image/menuBg_on.png) no-repeat -410px 0;display: block;} header nav .hongikMenu .HM .gnb04_1_active{width:120px;height:25px;background: url(/image/menuBg_on.png) no-repeat -410px -26px;display: block;} header nav .hongikMenu .HM .gnb04_2_active{width:120px;height:25px;background: url(/image/menuBg_on.png) no-repeat -410px -50px;display: block;} header nav .hongikMenu .HM .gnb04_3_active{width:120px;height:25px;background: url(/image/menuBg_on.png) no-repeat -410px -74px;display: block;} header nav .hongikMenu .HM .gnb04_4_active{width:120px;height:25px;background: url(/image/menuBg_on.png) no-repeat -410px -98px;display: block;} header nav .hongikMenu .HM .gnb05_on {width:100px;height:30px;background: url(/image/menuBg_on.png) no-repeat -540px 0;display: block;} header nav .hongikMenu .HM .gnb05_1_active{width:100px;height:25px;background: url(/image/menuBg_on.png) no-repeat -540px -26px;display: block;} header nav .hongikMenu .HM .gnb05_2_active{width:100px;height:25px;background: url(/image/menuBg_on.png) no-repeat -540px -50px;display: block;} header nav .hongikMenu .HM .gnb05_3_active{width:100px;height:25px;background: url(/image/menuBg_on.png) no-repeat -540px -74px;display: block;} header nav .hongikMenu .HM .gnb05_4_active{width:100px;height:25px;background: url(/image/menuBg_on.png) no-repeat -540px -98px;display: block;} header nav .hongikMenu .HM .gnb05_5_active{width:100px;height:25px;background: url(/image/menuBg_on.png) no-repeat -540px -122px;display: block;} footer {clear:both;position:relative;top:0;width:100%;background: url(/image/dot_line.gif) repeat-x 0 0;height:60px;margin-bottom:50px;} footer div.footerBox {width:1000px; margin:0 auto;position:relative;background-color: #fff;} footer .copy {position:absolute; top:20px; right:5px;text-align:right;color:#969696;} /* --------------------------------------------------------------------------------------------------------------------------------------------------------------- main 코딩 385 + 40 + 385 + 40 + 150 = 1000 --------------------------------------------------------------------------------------------------------------------------------------------------------------- */ /* ------------ main 슬라이드-------------- */ .slide_wrap {position:relative;width:100%;height:352px;} .slide_wrap .mainSlide {position:relative; width:100%; height:352px; overflow:hidden;} .slide_wrap .centerArea{position:absolute;top:50px;left:50%;margin-left:-550px;width:1100px;z-index:20;} #sliderBox02 {position:relative;margin-top:-20px;z-index:10;width:1000px;height:400px;} #sliderBox02 {.margin-top:-10px;}/*ie7 핵*/ #sliderBox02 #slideshow .sliderbutton_p {z-index:12;position: absolute;right:60px;bottom:10px; width: 47px; height: 50px;cursor: pointer; } #sliderBox02 #slideshow .sliderbutton_n {z-index:12;position: absolute;right:10px;bottom:10px; width: 47px; height: 50px; cursor: pointer; } #sliderBox02 #slideshow {position:relative; width:687px; height:337px; border:1px solid #3c5f77; margin-top:-30px;} #sliderBox02 #slides {position:relative; width:687px; height:337px; list-style:none; overflow:auto;z-index:0;} #sliderBox02 #slides li {width:687px; height:337px;z-index:1;} /*---최신글---*/ #sliderBox02 .latelyBox {z-index:-1;position: absolute;top:39px;right:0;width:287px; padding-left:290px;height:337px;background-color: #3c5f77;} #sliderBox02 .latelyBox h2 {color:#fff;font-size:20px;margin-top:15px;padding-bottom:10px;border-bottom:1px dotted #fff;} #sliderBox02 .latelyBox h2 span a {color:#fff;} #sliderBox02 .latelyBox ul.newest li {border-bottom:1px dotted #fff;padding:8px 0;color:#fff;line-height:16px;} #sliderBox02 .latelyBox ul.newest li a{color:#fff;} #sliderBox02 .latelyBox ul.newest li span{display:block;color:#dfd907;} /*380 + 25 + 310 + 25 + 260*/ #contentBox02 {position:relative;width:1000px;height:650px;} .slideBanner{position:absolute;top:-152px;right:0;width:460px;padding-left:0;background:transparent url(../images/notic.png) no-repeat 5px 0;background-size:auto 352px;} .slideBanner .boxSlide{width:420px;height:352px;padding:0 0 0 40px;color:#fff;text-align:right;} .slideBanner .boxSlide h2{color:#3ffffd;font-weight:500;padding:50px 40px 0 0;} .slideBanner .boxSlide h3 {font-size:1.4em;font-weight:400;margin-top:15px;padding-right:40px;} .slideBanner .boxSlide p {font-size:.9em;font-weight:300;padding-right:40px;} .slideBanner .boxSlide button {width:180px;line-height:40px;background-color:#4398ce;color:#fff;font-size:.9em;font-weight:300;margin-top:20px;margin-right:40px;} .slideText{position:absolute;top:-252px;left:0;width:550px;} .slideText div img{} .slideText div p{line-height: 22px;font-size:15px;} #contentBox02 .mainArea01{float:left;width:715px;padding:0 25px 0 0;} #contentBox02 .mainArea01 .sub0101{position:relative;float:left;width:380px;height:250px;padding:0 25px 25px 0;} #contentBox02 .mainArea01 .sub0102{float:left;width:310px;height:250px;padding-bottom:25px;} #contentBox02 .mainArea01 .sub0103{float:left;width:380px;height:315px;padding:25px 25px 0 0;border-top:2px solid #e5e5e5;} #contentBox02 .mainArea01 .sub0104{float:left;width:310px;height:315px;padding-top:25px;border-top:2px solid #e5e5e5;} #contentBox02 .mainArea02{float:left;width:260px;height:613px;background: url(/image/mainBook_bg.gif) no-repeat 0 0;} #contentBox02 .mainArea02 .book{position:relative;width:215px;height:396px;margin:20px auto 0;} #contentBox02 .mainArea02 .book h2{margin-bottom:10px;} #contentBox02 .mainArea02 .book .img{margin-bottom:7px;color:#4e9da6;font-size:12px;} #contentBox02 .mainArea02 .book .img img{float: left;margin:5px 7px 0 0;width:95px;border:1px solid #ddd;} #contentBox02 .mainArea02 .book h3{color:#293848;font-size:14px;font-weight:bold;line-height:18px;} #contentBox02 .mainArea02 .book p{margin-top:15px;line-height:20px;text-align:justify;} #contentBox02 .mainArea02 .book .by{color:#666666;font-size:12px;border-top:1px dotted #999999;position: absolute;bottom:30px;left:0;padding-top:5px;} #contentBox02 .mainArea02 .banner{width:260px;padding-left:6px;margin-top:5px;} #contentBox02 .mainArea02 .banner img{} /*---일반게시판---*/ #contentBox02 .mainArea01 .sub0101 h2{padding:5px 0 7px;border-bottom:1px solid #c5c5c5;background: url(/image/dot_line.gif) repeat-x 0 0;} #contentBox02 .mainArea01 .sub0101 .tab_list {position: absolute;top:13px;right:5px;width:230px;cursor:pointer;} #contentBox02 .mainArea01 .sub0101 .tab_list li {width:70px;float:left;padding:1px;} #contentBox02 .mainArea01 .sub0101 .tab_list li.tabOutClass {font-weight:normal;} #contentBox02 .mainArea01 .sub0101 .tab_list li.tabOverClass {font-weight:bold;} #contentBox02 .mainArea01 .sub0101 .image_list {clear:both;overflow: hidden;position: relative;height: 120px;width: 380px;} #contentBox02 .mainArea01 .sub0101 .image_list .images {position:absolute; display:none; padding-top:10px;} #contentBox02 .mainArea01 .sub0101 .image_list .images ul{width: 380px;} #contentBox02 .mainArea01 .sub0101 .image_list .images ul li{background: url(http://ponyho.com/image/list_dot.gif) no-repeat 0 center;padding-left:15px;line-height:22px;font-weight:bold;} #contentBox02 .mainArea01 .sub0101 ul.bbs_011 {margin-top:15px;padding-top:10px;border-top:1px solid #ddd;} #contentBox02 .mainArea01 .sub0101 ul.bbs_011 li{background: url(/image/list_dot.gif) no-repeat 0 5px;padding-left:15px;line-height:22px;color:#162c80;} /*---특강에세이---*/ #contentBox02 .mainArea01 .sub0102 .column02{} #contentBox02 .mainArea01 .sub0102 .column02 h2.cate{margin-bottom:7px;color:#4e9da6;font-size:12px;} #contentBox02 .mainArea01 .sub0102 .column02 h2.cate a{color:#4e9da6;} #contentBox02 .mainArea01 .sub0102 .column02 h3{color:#293848;font-size:17px;font-weight:bold;line-height:22px;} #contentBox02 .mainArea01 .sub0102 .column02 .by{margin-top:7px;color:#666666;font-size:12px;} #contentBox02 .mainArea01 .sub0102 .column02 p{margin-top:10px;height:105px;overflow:hidden;line-height:20px;text-align:justify;} #contentBox02 .mainArea01 .sub0102 .column02 p img{float: left;margin:5px 10px 0 0;width:140px;border:1px solid #ddd;} #contentBox02 .mainArea01 .sub0102 ul {margin-top:7px;} #contentBox02 .mainArea01 .sub0102 ul li{line-height:22px;color:#162c80;font-weight:bold;} #contentBox02 .mainArea01 .sub0102 ul li:first-child{display:none;} #contentBox02 .mainArea01 .sub0102 ul li a:link{color:#162c80;} /*---컬처/아트---*/ #contentBox02 .mainArea01 .sub0103 .column01{} #contentBox02 .mainArea01 .sub0103 .column01 h2.cate{margin-bottom:12px;color:#4e9da6;font-size:12px;} #contentBox02 .mainArea01 .sub0103 .column01 h2.cate a{color:#4e9da6;} #contentBox02 .mainArea01 .sub0103 .column01 h3{color:#293848;font-size:16px;font-weight:bold;} #contentBox02 .mainArea01 .sub0103 .column01 .by{margin-top:7px;color:#666666;font-size:12px;} #contentBox02 .mainArea01 .sub0103 .column01 p{margin-top:15px;height:245px;overflow:hidden;line-height:20px;text-align:justify;} #contentBox02 .mainArea01 .sub0103 .column01 p img{float: left;margin:5px 7px 0 0;width:200px;border:1px solid #ddd;} /*---이미지게시판---*/ #contentBox02 .mainArea01 .sub0104 h2.cate{margin-bottom:12px;color:#4e9da6;font-size:12px;} #contentBox02 .mainArea01 .sub0104 h2.cate a{color:#4e9da6;} #contentBox02 .mainArea01 .sub0104 ul li {width:310px;height:95px;margin-bottom:5px;} #contentBox02 .mainArea01 .sub0104 ul li div.img{float:left;width:152px;height:95px;border:1px solid #ddd;} #contentBox02 .mainArea01 .sub0104 ul li div.img img{width:152px;height:95px;} #contentBox02 .mainArea01 .sub0104 ul li div.title{float:left;position:relative;width:132px;height:79px;border:1px solid #ddd;padding:8px 10px;margin-left:2px;} #contentBox02 .mainArea01 .sub0104 ul li div.title h3{color:#3a3a3a;font-size:14px;font-weight:bold;line-height:20px;} #contentBox02 .mainArea01 .sub0104 ul li div.title div.date{width:80%;border-top:1px dotted #999999;position: absolute;bottom:10px;left:10px;padding-top:5px;} #contentBox02 .mainArea01 .sub0104 ul li:nth-child(2) div.img{float:right;width:152px;height:95px;border:1px solid #ddd;margin-left:2px;} #contentBox02 .mainArea01 .sub0104 ul li:nth-child(2) div.img img{width:152px;height:95px;} #contentBox02 .mainArea01 .sub0104 ul li:nth-child(2) div.title{float:right;position:relative;width:132px;height:79px;border:1px solid #ddd;padding:8px 10px;margin-left:0;} #contentBox02 .mainArea01 .sub0104 ul li:nth-child(2) div.title h3{color:#3a3a3a;font-size:14px;font-weight:bold;line-height:20px;} #contentBox02 .mainArea01 .sub0104 ul li:nth-child(2) div.title div.date{width:80%;border-top:1px dotted #999999;position: absolute;bottom:10px;left:10px;padding-top:5px;} /* --------------------------------------------------------------------------------------------------------------------------------------------------------------- sub 기본구조 745 + 35 + 220 =1000 --------------------------------------------------------------------------------------------------------------------------------------------------------------- */ #subwrap {position:relative;width:1000px;} #subwrap .subContentBox {position:relative;z-index:11;width:675px;padding:45px 40px 70px 35px;margin:110px 30px 0 0 ;min-height:820px;background-color:#fff;box-shadow: 2px 0 2px 0 rgba(0, 0, 0, 0.2);} #subwrap .subContentBox dt {line-height:24px;} #subwrap .subContentBox dd {line-height:20px;margin-bottom:20px;} #subwrap .subContentBox .titleArea {margin-bottom:30px;} #subwrap .subContentBox .titleArea h2 {color: #b7c31e;line-height: 24px;font-size: 25px;font-weight:bold;font-family: 'Nanum Myeongjo',"나눔고딕", sans-serif;} #subwrap .subContentBox .titleArea h2 span {color: #293848;line-height: 24px;font-size: 15px;font-weight:normal;font-family: 'Nanum Gothic',"나눔고딕", sans-serif;} #subwrap .subContentBox .titleArea p {color: #989898;line-height: 27px;font-size: 16px;font-weight:normal;font-family: 'Nanum Gothic',"나눔고딕", sans-serif;} #subwrap .subContentBox .titleArea p span{color: #dd0000 !important;line-height: 27px;font-size: 16px;font-weight:normal;font-family: 'Nanum Gothic',"나눔고딕", sans-serif;} #subwrap .latelyBox {z-index:5;position: absolute;top:-50px;right:0;width:220px;height:400px;padding-left:75px;background-color: #3c5f77;} #subwrap .latelyBox {.top:20px;}/*ie7 핵*/ #subwrap .latelyBox h2{color:#fff;font-size:20px;} #subwrap .visualBox {z-index:9;position: absolute;top:-140px;left:-300px;width:740px;height:220px;padding-left:265px;} #subwrap .visualBox {.top:-30px;}/*ie7 핵*/ #subwrap .visualBox img{box-shadow: 2px 0 2px 0 rgba(0, 0, 0, 0.2);} /*---최신글---*/ #subwrap .latelyBox h2 {margin-top:25px;padding-bottom:15px;border-bottom:1px dotted #fff;color: #fff;font-size: 20px;font-weight:normal;} #subwrap .latelyBox ul.newest {height:330px;} #subwrap .latelyBox ul.newest li {border-bottom:1px dotted #fff;padding:8px 0;color:#fff;line-height:16px;} #subwrap .latelyBox ul.newest li a{color:#fff;} #subwrap .latelyBox ul.newest li span{display:block;color:#dfd907;} #subwrap .latelyBox .noticeBox {margin:15px 0 0 -33px;} #subwrap .latelyBox .noticeBox .banner {} #subwrap .latelyBox .noticeBox h2{margin-top:0px;padding:5px 0 5px 15px;border-bottom:1px solid #c5c5c5;background: url(/image/dot_line.gif) repeat-x 0 0;} #subwrap .latelyBox .noticeBox ul{width: 235px;margin:10px 0 0 15px;} #subwrap .latelyBox .noticeBox ul li{background: url(/image/list_dot.gif) no-repeat 0 5px;padding-left:15px;line-height:24px;} #subwrap .latelyBox .noticeBox ul li p{display:inline-block;overflow: hidden;width:180px; white-space: nowrap;text-overflow:ellipsis;} /* --------------------------------------------------------------------------------------------------------------------------------------------------------------- sub 컨텐츠 --------------------------------------------------------------------------------------------------------------------------------------------------------------- */ .shot_hr {width:20px; height:20px;border-top:1px solid #b7c31e;} /*--인사말---*/ #subwrap .subContentBox h3.professor_Title {color: #9e6515;line-height: 24px;font-size: 20px;font-family: 'Nanum Myeongjo', sans-serif;margin-bottom:30px;} #subwrap .subContentBox p.welcomBox {text-align:justify;font-size: 15px;line-height:21px;color:#293848;} /*--미학과소개---*/ #subwrap .subContentBox p.introBox{text-align:justify;line-height:20px;margin-bottom:30px;font-size:13px;} #subwrap .subContentBox h3.intro {position:relative;font-size:13px;font-weight:bold; padding:8px 0;margin-bottom:15px;border-top:1px dotted #ddd;border-bottom:1px dotted #ddd;color:#45760d;} .introLeft{float:left;width:320px;margin:20px 30px 15px 0;color:#797979;line-height:20px;} .introRight{float:left;width:320px;height:200px;margin:20px 0 15px 0;color:#797979;line-height:20px;} /*텝*/ #nbm{width:675px;padding-bottom:17px;} #nbm .bs1{width:675px;height:auto} #nbm .bs2{width:675px;height:auto} #nbm .tb{height:33px;} #nbm .tb .off,#nbm .tb .on{border:1px solid #d7dce2;text-align:center;padding:6px 0;margin-right:5px;text-decoration:none;font-size: 12px;font-weight:bold;display:block;float:left;cursor:pointer;} #nbm .tb .off{color:#999999;width:150px;background-color: #fbfbfb;} #nbm .tb .on{color:#e34f55;width:150px;background-color: #fff;} #nbm .stc{clear:both;padding-top:15px;} #nbm .stc h4 {font-weight:bold;font-size:13px;margin:10px 0 5px;} #nbm .stc ul {margin-bottom:20px;} #nbm .stc ul li{line-height:20px;} /*석,박사교육과정*/ .tbl_curriculum {width:675px; border-top:1px solid #dbdbdb; margin-top:5px;} .tbl_curriculum th, .tbl_curriculum td{font-weight:normal; padding:7px;border-right:1px solid #dbdbdb; border-bottom:1px solid #dbdbdb;line-height:20px;} .tbl_curriculum th { background-color:#f9f9f9;font-weight:bold;text-align:left;} .tbl_curriculum .last {border-right:0;} /*교수진*/ .tbl_basic {width:100%; border-top:1px solid #dbdbdb; margin-top:5px;} .tbl_basic th, .tbl_basic td{font-weight:normal; text-align:center; padding:8px 0 7px; border-right:1px solid #dbdbdb; border-bottom:1px solid #dbdbdb;} .tbl_basic thead th {background-color:#f9f9f9;text-align:center; } .tbl_basic th {background-color:#f9f9f9;} .tbl_basic th.font11 {background-color:#f9f9f9; font-size:11px;} .tbl_basic td {color:#767676;padding:10px 10px;} .tbl_basic td span{color:#bbbbbb; font-size:12px;} .tbl_basic th.last, .tbl_basic td.last {border-right:0;} .tbl_basic td.left {text-align:left;} /*--학술 페이지---*/ .asasaBox{text-align:justify;margin:20px 0 30px 0;line-height:20px;font-size:13px;} #ksasa_apply p{margin-bottom:25px;text-indent:14px;} #ksasa_apply h4{font-size:14px;font-weight:bold;margin-bottom:10px;} #ksasa_apply dl dt{text-indent:12px;font-weight:bold;} #ksasa_apply dl dd{margin-top:8px;} #ksasa_apply dl dd ul li{text-indent:24px;} #ksasa_apply dl dd ul li span{display:inline-block; width:83px;} /*--member---*/ .peopleSearch {position: absolute;top:100px;right:65px;} .peopleSearch .peopleBtn {margin-top:-1px;} .peopleSearch label{display:inline-block;margin-top:-3px;} .tab{height:30px;width:675px;border-bottom:1px solid #c6c6c6;margin-bottom:30px;} @media screen and (-webkit-min-device-pixel-ratio:0) { .tab{height:29px;} } .tab span.off, .tab span.on{display:block;float:left;width:100px;text-align:center;padding:7px 10px;margin-right:3px;background-color: #fbfbfb;border: 1px solid #dfdfdf;border-bottom:1px solid #c6c6c6;color:#999999;font-weight:bold;} .tab span.on{font-weight:bold;background-color: #fff;border:1px solid #c6c6c6;border-bottom:1px solid #fff;color: #e34f55;font-weight:bold;} .memberList_Box{} .memberList_Box .profileBox{width:670px;border-bottom:1px dotted #ddd;margin-bottom:15px;padding-bottom:15px;} .memberList_Box .profileBox .photo{width:100px;height:133px;float:left;margin-right:20px;border:1px solid #ddd;padding:5px;} .memberList_Box .profileBox .photo img{width:100px;height:133px;} .memberList_Box .profileBox .profile{width:535px;float:left;padding:0 0 5px;} .memberList_Box .profileBox .profile h3{color: #444;font-weight: bold;font-size: 16px;} .memberList_Box .profileBox .profile h3 .name_01{font-size: 14px;color: #639ba3;} .memberList_Box .profileBox .profile h3 .name_02{font-size: 13px;color: #8b8b8b;} .memberList_Box .profileBox .profile ul {margin-top:15px;} .memberList_Box .profileBox .profile ul li{line-height:22px;} .memberList_Box .profileBox details {color:#bf0202;cursor:pointer;} .memberList_Box .profileBox details p {line-height:20px;color:#293848;} /*교수님 member*/ .professor_detail {} .professor_detail h4{color: #444;font-weight: bold;font-size: 16px;margin:20px 0 5px;} .professor_detail ul {margin-top:15px;} .professor_detail ul li{line-height:25px;font-size: 11px;} /*--member _더보기할경우---*/ .thesis {border-top:1px dotted #ddd;margin-top:15px;} .thesis h4{font-size:14px;font-weight:bold;margin-bottom:10px;} .thesis_on {display:block;} .thesis_off {display:none;} /*--member _팝업으로 띄울경우---*/ .profilePopup{} .profilePopup h1{text-align:center;font-weight: bold;font-size: 20px;margin-bottom:30px;} .profilePopup h2{color: #04A4CC;font-weight: bold;font-size: 14px;margin-bottom:20px;} .profilePopup p{line-height:22px;font-size:13px;} /*--사이트링크--*/ .linkBox ul li{width:315px;float:left;border-bottom:1px dotted #ddd;margin:10px;} .linkBox ul li div.siteInfo {width:300px;margin:5px 0;} .linkBox ul li div.siteInfo h3{font-size:15px;font-weight:bold;font-family: 'Nanum Myeongjo', sans-serif;margin-bottom:30px;} .linkBox ul li div.siteInfo p{} /* --------------------------------------------------------------------------------------------------------------------------------------------------------------- 로그인, 마이페이지 --------------------------------------------------------------------------------------------------------------------------------------------------------------- */ .Btn_center {margin: 30px auto; width:250px;text-align:center;} /* Login */ .loginBg{position:relative;width:620px;height:800px;background: url(/image/img_member/loginBg.jpg)no-repeat 0 0;padding:180px 0 0 50px;} #loginStyle {padding:30px 50px 30px 50px;width:380px;position:relative;background-color: #fafbfb;border:1px solid #e0e4e8;} #loginStyle .loginID {margin-top:8px;} #loginStyle .loginPW {margin-top:8px;} #loginStyle .loginID label,#loginStyle .loginPW label {display:inline-block;text-align:right;font-size:14px; font-weight:bold;width:80px;padding:3px 10px 0 0 ;} #loginStyle legend, .search h2 {position:absolute;overflow:hidden;width:1px;height:1px;font-size:0;line-height:0;} #loginStyle .login_input { height:20px;border:1px solid; background-color:#ffffff; border-color:#cccccc; font-size: 12px; vertical-align:top;} #loginStyle .loginBtn {position:absolute;top:38px; right:60px;} .idCookie {position:absolute;top:315px; left:60px} .idSearch {position:absolute;top:315px; right:150px} .idSearch a{color:#6c6c6c;} /* Join */ .link_ad {margin-bottom:3px;} .joinChk {margin:20px auto;width:170px;} .chkID{text-align:center;border:1px solid #ddd;background-color: #f7f7f7;padding:20px;}/*아이디 중복체크*/ .chkID p{margin-bottom:10px;} .JoinPhoto{float:left;width:130px; border:1px solid #ddd;padding:15px;} .JoinPhoto img{width:130px;height:173px;} .JoinPhoto div{width:130px;margin-top:5px;} .JoinPhoto input{width:130px; border:none;cursor:pointer;} .JoinTable {float:left;width:480px;margin-left:33px;border-top:1px solid #ddd;} .JoinTable tr th{text-align:center;font-weight:bold;width:100px;padding:7px ;border-bottom:1px dotted #ddd;background-color:#f7f7f7;} .JoinTable tr td{padding: 7px 5px;border-bottom:1px dotted #ddd;} .JoinTable tr td span{font-size:11px; color:#999999;line-height:20px;} .JoinH3{font-size: 14px; font-weight: bold; padding: 8px 0; margin-top: 10px; border-top: 1px dotted #ddd; border-bottom: 1px dotted #ddd; color: #45760d;} h1.ruleH1 {font-size: 14px; font-weight: bold;padding-bottom: 15px; }/*약관제목*/ .loginNotice{line-height:22px;} .alertBox{border:1px solid #e5404b; margin-top:15px;padding:10px; text-align:center; line-height:32px;} /* Search */ .searchTable {width:470px;margin:10px 0 35px 10px;} .searchTable tr th{text-align:right;padding:5px 8px;font-weight:bold;} .searchTable tr td{padding:5px 8px;} .idSearch_OK{background-color: #efefef;padding:20px;color: #bf0202;} /* --------------------------------------------------------------------------------------------------------------------------------------------------------------- 스케쥴 --------------------------------------------------------------------------------------------------------------------------------------------------------------- */ /*월별 보기*/ #schedulesArea{position:relative;} #schedulesArea .configBox{position:absolute;top:-50px; right:0;} #schedulesArea h3{font-size:20px;font-weight:bold;color:#444;text-align:center;padding-bottom:20px;} #schedulesArea .prevNext{text-align:center;color:#ddd;} #schedulesArea .schedulesTable{margin-top:40px;} #schedulesArea .schedulesTable tr th{background-color: #f1f1f2;padding:10px 0;font-weight:bold;} #schedulesArea .schedulesTable tr th.sun{color:#d42820} #schedulesArea .schedulesTable tr th.sat{color:#205bd4} #schedulesArea .schedulesTable tr td{height:100px;padding:10px 5px;border-bottom:1px solid #ddd;vertical-align: top;font-size:11px;font-weight:normal;} #schedulesArea .schedulesTable tr td.today_sun, #schedulesArea .schedulesTable tr td.today_sun a{font-size:11px;font-weight:normal;color:#d42820;} #schedulesArea .schedulesTable tr td.today_sat, #schedulesArea .schedulesTable tr td.today_sat a{font-size:11px;font-weight:normal;color:#205bd4;} #schedulesArea .schedulesTable tr td a{font-size:11px;font-weight:normal;color:#444;line-height:20px;} /*스케줄보기 팝업*/ #schedulesView h1{font-size:20px;font-weight:bold;color:#444;text-align:center;padding:20px 0;} #schedulesView table {width:675px;margin:10px auto;border-bottom:1px solid #e9e9e9;border-top:1px solid #e9e9e9;} #schedulesView table th {border-bottom:1px solid #e9e9e9;text-align:left;font-weight:bold;color:#6c6c6c;padding-left:10px;background-color: #fbfbfb;} #schedulesView table td {border-bottom:1px solid #e9e9e9;padding:8px 15px;text-align:left;height:18px;} #schedulesView .BtnArea{width:170px;margin:10px auto;} /*일정등록 시작일 종료일 팝업*/ #schedulesDay h1{font-size:20px;font-weight:bold;color:#444;text-align:center;} #schedulesDay table {float:left;width:265px;border-bottom:1px solid #e9e9e9;margin:20px 10px 0 0;} #schedulesDay table th {border-bottom:1px solid #e9e9e9;text-align:left;font-weight:bold;color:#6c6c6c;padding-left:10px;background-color: #fbfbfb;} #schedulesDay table td {border-bottom:1px solid #e9e9e9;padding:5px;text-align:center;height:18px;} #schedulesDay table td.selected {background-color: #ddd;} #schedulesDay table td.title:hover {background-color: #fff;} #schedulesDay table td:hover {background-color: #ddd;} #schedulesDay table td.red, #schedulesDay table td.red a {color: red;} #schedulesDay table td.blue, #schedulesDay table td.blue a {color: blue;} #schedulesDay .BtnArea{clear:both;width:140px;margin:10px auto 0;} /* --------------------------------------------------------------------------------------------------------------------------------------------------------------- 각 게시판 리스트 페이지 --------------------------------------------------------------------------------------------------------------------------------------------------------------- */ /*검색*/ .SearchBoard{border-bottom: 1px dotted #ddd;padding: 8px 5px; } .SearchBoard select{border: 1px solid #b8bce2;padding:2px;margin-top:-3px;} .SearchBoard input[type^=image]{margin-top:-1px;} .photo_head{background-color: #fbfbfb;border-bottom:1px solid #e9e9e9;border-top: 1px solid #d6d6d6;margin-bottom: 15px;padding: 8px 5px; } .photo_head .left{float:left;} .photo_head .right{float:right;} /*박스 스타일*/ .styleBox_blue {border-top:1px solid #e0e0e0;border-bottom:1px dotted #e0e0e0;padding:20px 10px;margin-bottom:20px;} /*게시판 카테고리 tab*/ .boardTab {height:30px;width:675px;border-bottom:1px solid #c6c6c6;margin-bottom:10px;} @media screen and (-webkit-min-device-pixel-ratio:0) { .boardTab {height:29px;} } .boardTab ul li{float:left;width:100px;text-align:center;padding:7px 10px;margin-right:3px;background-color: #fbfbfb;border: 1px solid #dfdfdf;border-bottom:1px solid #c6c6c6;color:#999999;} .boardTab ul li.bold{font-weight:bold;background-color: #fff;border:1px solid #c6c6c6;border-bottom:1px solid #fff;} .boardTab ul li.bold a{color: #e34f55;} .boardTab ul li.all a{color:#000;} /*게시판 리스트*/ #boardBox table.board_list {width:675px;} #boardBox table.board_list tr {} #boardBox table.board_list tr th{background-color: #fbfbfb;border-bottom:1px solid #e9e9e9;border-top: 1px solid #d6d6d6;color:#636770;padding:10px 5px 9px;text-align:center;font-weight:bold;} #boardBox table.board_list tr td {border-bottom:1px solid #dedede;padding:8px 5px;text-align:center;} #boardBox table.board_list tr td.left {text-align:left;} #boardBox table.board_list tr td.gray a {color:#a5a5a5;font-size:10px;!important} #boardBox table.board_list tr td.gray {color:#a5a5a5 !important;font-size:10px!important;} #ArchiveList {} #ArchiveList ul{width:100%;} #ArchiveList li{padding:8px 5px;} #ArchiveList li span.num{font-weight:bold;width:20px;display:inline-block;color:#0050b8;} #ArchiveList li span.date{color: #a5a5a5;font-size:11px;padding-left:5px;} /*게시판 본문*/ #boardBox table.board_view {width:675px;border-bottom:1px solid #e9e9e9;} #boardBox table.board_view img{max-width:675px;} #boardBox table.board_view thead th.title{padding:14px 10px 10px;background:none;background-color: #fbfbfb;color:#636770;text-align:left;font-size:15px;border-top: 1px solid #d6d6d6;} #boardBox table.board_view thead th{border-bottom:1px solid #e9e9e9;text-align:center;font-weight:bold;} #boardBox table.board_view thead td {border-bottom:1px solid #e9e9e9;padding:8px 15px;text-align:left;height:18px;vertical-align: middle;} #boardBox table.board_view tbody td{padding:30px 0;line-height:180%;} /*게시판 글쓰기*/ #boardBox h3 {font-size: 14px; font-weight: bold; padding: 8px 0; margin-bottom: 15px; border-top: 1px dotted #ddd; color: #45760d;} #boardBox table.board_form {width:675px;border-bottom:1px solid #e9e9e9;border-top:1px solid #e9e9e9;} #boardBox table.board_form tbody th {border-bottom:1px solid #e9e9e9;text-align:left;font-weight:bold;color:#6c6c6c;padding-left:10px;background-color: #fbfbfb;} #boardBox table.board_form tbody td {border-bottom:1px solid #e9e9e9;padding:8px 15px;text-align:left;height:18px;} /*사진 게시판 리스트*/ #photoBox{border-bottom:1px solid #e0e0e0;padding:20px 0;} #photoBox .photoListBox ul.photo_list li{float:left;width:140px;text-align:center;margin:10px 12px 10px 12px;} #photoBox .photoListBox ul.photo_list li:hover{opacity:0.7;} #photoBox .photoListBox ul.photo_list li div{margin:10px auto 5px;display: table-cell;width:140px;border:1px solid #ddd;padding:5px;height:100px;}/*중앙정렬*/ #photoBox .photoListBox ul.photo_list li div a {text-align:center;vertical-align: middle;width:120px;height:100px;} #photoBox .photoListBox ul.photo_list li div a img{text-align:center;width:auto;max-height:100px;}/*이미지박스*/ #photoBox .photoListBox ul.photo_list li p.title{font-weight:bold;margin: 8px 0 3px 0;}/*이미지제목*/ #photoBox .photoListBox ul.photo_list li p.photo_date{font-size:11px;}/*이미지제목*/ /*게시판 이전글 다음글*/ #boardBox table.prev_next {width:100%;} #boardBox table.prev_next tbody th{font-weight:bold;padding:8px;border-bottom:1px solid #e9e9e9;} #boardBox table.prev_next tbody td{padding:8px;border-bottom:1px solid #e9e9e9;} /*사진 게시판 입력 대용량 파일입력 폼*/ ul.Bigfile_form li{float:left;width:50px;margin:0 10px 10px 0;} /*사진 게시판 lightbox*/ .new_imageBox {margin-top:20px;} .new_imageBox ul li {display:inline-block;*display:inline;*zoom:1;margin:0 5px 5px 0;line-height:19px;vertical-align:top;border:1px solid #9e9e9e;} .new_imageBox ul li a img {width:120px;} .new_imageBox ul li:hover {color:#1b8868;border:1px solid #443731;} .new_imageBox ul li h3{line-height:20px;width:165px;font-size:12px;letter-spacing: -1px;background-color: #fff;height:38px;padding:5px;} /*게시판 버튼*/ #boardBox .boardBtn {text-align:right;margin-top:20px;} .boardBtn {text-align:right;margin-top:20px;} .boardBtn .col_left {float:left;width:300px;text-align:left;} .boardBtn .col_right {float:right;width:300px;text-align:right;} /* ------ 댓글영역------ */ .repleListBox .list {padding:10px 0 0 20px;border-bottom:1px solid #e9e9e9;} .repleListBox .list p{width:100%;margin-top:5px;padding-bottom:15px;} .repleBox {position:relative;background-color: #fbfbfb;width:100%;padding:20px 0;border-bottom:1px solid #e9e9e9;} .repleBox form{padding-left:20px} .repleBox textarea {margin-top:5px;padding:5px;} .repleBox img {position:absolute;top:35px;right:25px;} .repleBox input, .repleBox textarea {border:1px solid #d4d4d4;} /* ------ 버튼/ 페이징 영역 ------ */ .pagination { margin: 20px auto 0; text-align: center;} .pagination ul {display: inline-block;margin-left: 0;margin-bottom: 0; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.05); -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.05); box-shadow: 0 1px 2px rgba(0,0,0,0.05); } .pagination li { display: inline; } .pagination li.active a { color: blue; background-color:#efefef; } .pagination li:first-child a { border-left-width: 1px; -webkit-border-radius: 3px 0 0 3px; -moz-border-radius: 3px 0 0 3px; border-radius: 3px 0 0 3px; } .pagination li:last-child a { -webkit-border-radius: 0 3px 3px 0; -moz-border-radius: 0 3px 3px 0; border-radius: 0 3px 3px 0; } .pagination a {float: left;padding: 0 10px;line-height: 24px;text-decoration: none;border: 1px solid #ddd;border-left-width: 0;background-color:#fff;} .pagination a:hover { background-color:#efefef; } /*--- 동영상본문 ---*/ #mediaView_left {width:710px;} #mediaView_left .titleBox {position:relative;background-color:#e9ebef;border-bottom:1px solid #e0e2e6; padding:15px 0;} #mediaView_left .titleBox h3{background:none;font-size:18px;color:#0c52a0;font-weight:bold;letter-spacing:0;margin-left:20px;} #mediaView_left .titleBox .media_info{position: absolute;bottom: 15px;right: 10px;font-size:12px;color:#6492d7;letter-spacing:0;} #mediaView_left .bodyBox {background-color:#f4f5f7;border-bottom:2px solid #e0e2e6; padding:20px;} #mediaView_left .bodyBox p{line-height:24px;font-size:13px;margin-bottom:15px;} #mediaView_left .bodyBox .notice{color: #ff4a19;margin-bottom:15px;} #mediaView_left .bodyBox .mediaSocial{} #mediaView_left .bodyBox .buttonBox {border-top:1px solid #ddd;padding-top:15px;margin-top:25px;} #mediaView_left .bodyBox .buttonBox .link{float:left;width:190px;} #mediaView_left .bodyBox .buttonBox .download{float:right;width:180px;margin-top:7px;} #mediaView_left .bodyBox .buttonBox .download a{padding:6px 7px;border-radius: 3px;-moz-border-radius: 3px;-webkit-border-radius: 3px;background:#44bbff;color:#fff;} #mediaView_left .adminBtn{margin-top:15px;text-align:right;} /*#mediaView_left .prevBtn{float:left; width:auto;margin:10px 0;font-weight:bold;} #mediaView_left .nextBtn{float:right;width:auto;margin:10px 0;font-weight:bold;}*/ #mediaView_right {width:720px;margin-top:30px;} #mediaView_right h4 {color:#444; font-weight:bold;font-size:14px;} #mediaView_right > ul.mediaList{margin-top:10px;} #mediaView_right > ul.mediaList li{display:inline-block;border:1px dotted #acacac;margin:13px 0 0 0;padding:10px 17px;} /* ------ 버튼/ 페이징 영역 ------ */ .paging02 {margin:20px 0 0 5px;text-align:center;line-height:1.5;font-size: 13px;font-family:Arial,Verdana, AppleGothic, sans-serif;} .paging02 .num a {padding:1px 5px;margin:0 4px;text-decoration:none;color:#336666;} .paging02 .num a.on {color: #fff;border:1px solid #3780a1;background-color:#4798c5;} .paging02 .num a.off {color: #486bd1;border:1px solid #fff;} .paging02 .num a:link.off {color: #486bd1;border:1px solid #fff;} .paging02 .num a:hover.off {color: #fff;border:1px solid #3780a1;background-color:#4798c5;} .paging02 a.btnPage_one {width:58px;height:24px;} .paging02 a.btnPage_two {width:58px;height:24px;} @media \0screen { /* ie8 핵*/ #subwrap .subContentBox {border-right:1px solid #ddd;} }