/************* E-LAW 기본레이아웃 *************/ #wrap{min-width:1150px; margin:0 auto;} #header{position:relative; width:1150px; display:block; margin:0 auto;} #header .logo {/*float:left;margin-top:15px;color:#303030;margin-left:300px;*/text-align:center;width:1150px;margin:30px auto 15px;} #header .logo a {color:#303030;font-size:25px; font-weight:bold;/*padding:20px 20px 0 20px;*/display: inline-block;} #header .btn{display:inline-block; position:absolute; top:35px; left:0px;} #header .btn a{margin:0 10px; text-align:center; cursor:pointer; float:left;} #header .btn a p{width:36px; height:36px; margin-bottom:3px; display:inline-block; background:url(/fgmusic/images/topblit-off.jpg); text-indent:-9999px;} #header .btn a p.sec_ { background-position:-36px; } #header .btn a p.thr_ { background-position:-72px; } #header .btn a p.four_ { background-position:-108px; } #header .btn a:hover{ text-decoration:underline;} #header .btn a:hover p { background:url(/fgmusic/images/topblit-on.jpg); } #header .btn a:hover p.sec_ { background-position:-36px; } #header .btn a:hover p.thr_ { background-position:-73px; } #header .btn a:hover p.four_ { background-position:-108px; } #header .btn a span{display:block; font-size:13px; color:#4360b2;} #header .helper{display:inline-block; position: absolute; top: 35px; right: 0;} #header .nav {float:right; margin-top:45px} #header .nav a {margin:15px 15px 0 15px;color:#303030;} #container{clear:both;width:1150px; margin:0 auto;padding:0} #content{position:relative;margin-top:10px} #content_sub{width:100%;margin:0;padding:0} @import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css); body {font-family: '나눔고딕', 'Nanum Gothic', sans-serif;} #foot{background:#1c1c1c;} #foot .top_wrap {position:relative;color:#cdcdcd;background:#575757;z-index:2} #foot .top_wrap > .footmenu {width:1150px;height:54px;margin:0 auto;position: relative;color:#cdcdcd; background-color: #575757;} #foot .top_wrap > .footmenu > .f_left {float:left} #foot .top_wrap > .footmenu > .f_left ul {margin-top:11px; } #foot .top_wrap > .footmenu > .f_left ul li {float:left;padding-right:27px;background:url(/img/common/copyright_m_spacer.png) right 0 no-repeat} #foot .top_wrap > .footmenu > .f_left ul li.end {background:none} #foot .top_wrap > .footmenu > .f_left ul li a {float:left;display:block;color:#fff;text-decoration:none;padding-top:10px;font-size:13px; font-family: 'Nanum Gothic' , sans-serif;} #foot .top_wrap > .footmenu > .f_left ul li a.memu_01 {background-position:-5px 0;width:82px;height:32px;} #foot .top_wrap > .footmenu > .f_left ul li a.memu_01:hover {background-position:-5px -50px} #foot .top_wrap > .footmenu > .f_left ul li a.memu_02 {background-position:-111px 0;width:47px;height:32px;} #foot .top_wrap > .footmenu > .f_left ul li a.memu_02:hover {background-position:-111px -50px} #foot .top_wrap > .footmenu > .f_left ul li a.memu_03 {background-position:-183px 0;width:85px;height:32px;} #foot .top_wrap > .footmenu > .f_left ul li a.memu_03:hover {background-position:-183px -50px} #foot .top_wrap > .footmenu > .f_left ul li a.memu_04 {background-position:-293px 0;width:47px;height:32px;} #foot .top_wrap > .footmenu > .f_left ul li a.memu_04:hover {background-position:-293px -50px} #foot .top_wrap > .footmenu > .f_left ul li a.memu_05 {background-position:-362px 0;width:47px;height:32px;} #foot .top_wrap > .footmenu > .f_left ul li a.memu_05:hover {background-position:-362px -50px} #foot .top_wrap > .footmenu > .f_left ul li a.memu_06 {background-position:-433px 0;width:47px;height:32px;} #foot .top_wrap > .footmenu > .f_left ul li a.memu_06:hover {background-position:-433px -50px} #foot .top_wrap > .footmenu > .f_left ul li a.memu_07 {background-position:-503px 0;width:47px;height:32px;} #foot .top_wrap > .footmenu > .f_left ul li a.memu_07:hover {background-position:-503px -50px} #foot .top_wrap > .footmenu > .f_right {float:right;width:230px} #foot .top_wrap > .footmenu > .f_right > .familylist {float:left;margin-right:33px} #foot .top_wrap > .footmenu > .f_right > .btn_footTop {float:right;width:30px;float:right;text-align:right; display: inline-block; position: relative; top: 15px;} #foot .top_wrap > .footmenu > .f_right > .btn_footTop img {padding-top:3px} #foot .top_wrap > .footmenu > .f_right > div.family { display: inline-block; margin-top:12px; } #foot .top_wrap > .footmenu > .f_right > div.family > p {cursor:pointer;float:left;display:block;width:147px;margin-right:3px;padding:3px 5px 5px 10px;border:1px solid #aaaaaa;background:url(/images/bg_familylist.png) 140px 4px no-repeat;color:#d6d6d6;} #foot .top_wrap > .footmenu > .f_right > div.family > a.goSite{float:left;display:block;padding-bottom:3px;width:60px;height:22px;background:#4c4e51;border:1px solid #aaa;color:#d6d6d6;text-align:center} #foot .top_wrap > .footmenu > .f_right > div.familylist {position:absolute;width:162px;height:310px;overflow-y:auto;padding:0;border:1px solid #e2e2e2;background-color:#FFF;top:-110px;right:3px;font-size:11px;z-index:1} #foot .top_wrap > .footmenu > .f_right > div.familylist > ul li a {display:block;width:150px;padding:0 0 3px 10px;height:17px;border:1px solid #fff;line-height:17px;} #foot .top_wrap > .footmenu > .f_right > div.familylist > ul li a:hover {border:1px solid #7f8286;text-decoration:none;} #foot .top_wrap > .footmenu > .f_right > div.family select{ background: #575757; color: #fff; padding: 5px 10px; line-height: 15px;} #foot .top_wrap > .footmenu > .f_right > div.family select option{ background: #575757; color: #fff;} #foot ul {width: 870px; margin: auto; text-align: center; padding: 30px 0;} #foot ul li {display: inline-block; width: 340px; padding-left: 73px; box-sizing: border-box; color: #bfb2cf; text-align: left; position: relative; font-size: 12px; line-height: 18px; margin-bottom: 20px;} #foot ul li:nth-child(2) {padding-left: 87px;} #foot ul li:nth-child(3) {clear: both;} #foot ul li:nth-child(1), #foot ul li:nth-child(3), #foot ul li:nth-child(5), #foot ul li:nth-child(7) {margin-right: 80px;} #foot ul li:nth-child(7), #foot ul li:nth-child(8) {margin-bottom: 0;} #foot ul li span {position: absolute; left: 0; top: 0; font-size: 14px; line-height: 20px; font-weight: bold; text-align: center;} #foot ul li span strong {padding: 0 5px; } #foot ul li span a { color: #bfb2cf;} #foot .bottom_wrap { margin:0 auto;position:relative;color:#d9dadb;background:#1c1c1c;z-index:1} #foot .bottom_wrap::before{background:#1c1c1c; /*width:100%; max-width:100%;*/ } #foot .bottom_wrap:before{background:#1c1c1c; /*width:100%; max-width:100%;*/ } #foot .bottom_wrap > .bottom_conent {width:1150px; margin:0 auto;position: relative;color:#d9dadb; background-color: #1c1c1c;} #foot .bottom_wrap > .bottom_conent > .f_left {float:left} #foot .bottom_wrap > .bottom_conent > .f_left address {clear:both;font-style:normal;text-align:left;margin-top:10px;color:#d9dadb;font-size:11px;font-weight:normal;line-height:18px;letter-spacing:0} #foot .bottom_wrap > .bottom_conent > .f_left address span {letter-spacing:-1px} #foot .bottom_wrap > .bottom_conent > .f_left .footphone {margin:20px 0 20px 0;width: 515px;} #foot .bottom_wrap > .bottom_conent > .f_left .footphone ul {float:left} #foot .bottom_wrap > .bottom_conent > .f_left .footphone ul li {width:140px} #foot .bottom_wrap > .bottom_conent > .f_left .footcopy {clear:both;padding-top:10px;font-size:11px;font-weight:normal;line-height:18px} #foot .bottom_wrap > .bottom_conent > .f_right {float:right} #foot .bottom_wrap > .bottom_conent > .f_right .footaward {margin-top:15px;width:172px; height:150px; backgro und:url(../images/bg_footwarddd.png) right 0 no-repeat;} #foot .bottom_wrap > .bottom_conent > .f_right .footaward ul li {float:left;position:relative;width:154px;height:60px;padding-left:55px;vertical-align:middle;font-size:11px;font-weight:normal;line-height:15px;color:#d9dadb} #foot .bottom_wrap > .bottom_conent > .f_right .footaward ul li.award_01 {background:url(/images/bg_award.png) 0 0 no-repeat} #foot .bottom_wrap > .bottom_conent > .f_right .footaward ul li.award_02 {background:url(/images/bg_award.png) 0 -80px no-repeat} #foot .bottom_wrap > .bottom_conent > .f_right .footaward ul li.award_03 {background:url(/images/bg_award.png) 0 -160px no-repeat} #foot .bottom_wrap > .bottom_conent > .f_right .footaward ul li.award_04 {background:url(/images/bg_award.png) 0 -240px no-repeat} #foot .bottom_wrap > .bottom_conent > .f_right .footaward ul li.award_05 {background:url(/images/bg_award.png) 0 -320px no-repeat} #foot .bottom_wrap > .bottom_conent > .f_right .footaward ul li.award_06 {background:url(/images/bg_award.png) 0 -400px no-repeat} #foot .bottom_wrap > .bottom_conent > .f_right .footaward ul li p{position:absolute;top:10px} #foot .bottom_wrap > .bottom_conent > .f_right .footaward ol {padding:5px 10px; background:#8C8C8C; border:1px solid #8C8C8C; border-radius:5px;} #foot .bottom_wrap > .bottom_conent > .f_right .footaward ol li {margin:5px 0; text-align:right;} #foot .bottom_wrap > .bottom_conent > .f_right .footaward ol li a {color:white;} #foot .bottom_wrap > .bottom_conent > .f_right .footaward ol li a:hover {color:#514E56;} /*혜경*/ * { margin: 0; padding: 0; } .section { position: relative; display: table; width: 100%; margin: 0; padding: 0; } .section .row { display: table-row; width: 100%; margin: 0; padding: 0; } .section .row .col { position: relative; display: table-cell; margin: 0; padding: 0 15px; } .width25 { width: 25%; } #foot .bottom_wrap > .bottom_conent > .paddingTB40 { padding: 40px 0; } #footer { position: relative; } #footer .section .row .col .footer-sidebar { } #footer .section .row .col .footer-sidebar .footer-menu { margin-bottom: 30px; } #footer .section .row .col .footer-sidebar .footer-menu .footer-title { margin-bottom: 14px; background-image: none; font-weight: 300; line-height: 28px; font-size: 18px; color: #777777; } #footer .section .row .col .footer-sidebar .footer-menu .footer-title a { color: #ffffff; } #footer .section .row .col .footer-sidebar .footer-menu .textwidget { font-size: 13px; line-height: 20px; color:#777777; } .item-avatar { float: left; line-height: 20px; } .item-avatar a img { float: left; margin: 0 6px 15px 0; border-radius: 100%; width: 30px; height: 30px; } #footer ul.category { width: 100%; margin: 0; padding: 0; } #footer ul.category li { list-style: none; padding: 6px 0; border-top: 1px solid #777777; border-bottom:1px solid #777777; font-size: 13px; line-height: 20px; text-decoration: none; } #footer ul.category li a:before { content: "\e873"; margin:0 10px 0 2px; font-family: 'fontello'; color: rgba(119,119,119,0.5); } #footer ul.category li.BTnone { border-top: none; } #footer ul.category li a { color: #ffffff; text-decoration: none; margin-right: 8px; } #footer ul.category li a:hover { color: #777777; } #footer .section .row .col .footer-sidebar .footer-menu .tag { display: inline-block; } #footer .section .row .col .footer-sidebar .footer-menu .tag a { display: block; float: left; font-size: 11px!important; color: #777777; line-height: 1.2em!important; border:1px solid #777777; border-radius: 3px; box-sizing: border-box; padding: 5px 8px; margin: 0 5px 5px 0; background-color: #272727; cursor: pointer; } #footer .section .row .col .footer-sidebar .footer-menu form { width: 100%; } #footer .section .row .col .footer-sidebar .footer-menu form .input-group { position: relative; display: table; width: 93%; height: 33px; line-height: 30px; padding: 0 5px 0 10px; margin-bottom: 10px; border:1px solid #333333; border-radius: 22px; border-collapse: separate; } #footer .section .row .col .footer-sidebar .footer-menu form .input-group input[type=text] { transition: .7s; font-weight: normal; color: #bbbbbb; background: transparent; box-shadow: none;; opacity: 1; border:none; padding: .5em; outline: none; } a.rsswidget { font-weight: bold; font-size: 11px!important; text-transform: uppercase; color: #cccccc!important; line-height: 28px; } a.rsswidget:hover { color: #777777; } span.input-group-btn input[type=submit] { float: right; background: url(../images/footer/sprite.png) no-repeat!important; width: 24px; height:24px; text-indent: -9999em; border:none; margin: 0.2em 0.5em 0 0; } #footer .section .row .col .footer-sidebar .footer-menu ul.thomas { width: 100%; } #footer .section .row .col .footer-sidebar .footer-menu ul.thomas li { width: 100%; margin: 0; padding: 10px 0; list-style: none; } #footer .section .row .col .footer-sidebar .footer-menu ul.thomas li span.rss-date { color: #bbb; font-size: 11px; line-height: 22px; } #footer .section .row .col .footer-sidebar .footer-menu ul.thomas li .rssSummary { font-size: 13px; color: #777777; line-height: 20px; } #footer .section .row .col .footer-sidebar .footer-menu ul.thomas li cite { font-style: italic; font-size: 13px; line-height: 20px; color: #777777; } #footer .section .row .col .footer-sidebar .footer-menu ul.thomas li cite:before{ content: "- "; } #footer .section .row .col .footer-sidebar .footer-menu dl { margin: 20px 0; line-height: 20px; font-size: 13px; } #footer .section .row .col .footer-sidebar .footer-menu dl dt { float: left; width: 120px; margin-right: 30px; padding: 6px 0; font-weight: normal; font-size: 13px; color: #777777; line-height: 1.428571429; } #footer .section .row .col .footer-sidebar .footer-menu dl dd { margin-right: 30px; padding: 6px 0; font-weight: normal; font-size: 13px; color: #777777; line-height: 1.428571429; } #footerbottom { position: relative; width: 100%; margin: 0 auto; padding: 0; background-color: #575757; } #footerbottom > .bottom_conent { position: relative; width: 1150px; margin:0 auto; background-color: #575757;} #footerbottom > .bottom_conent > .section > .row > p.copyRight { width: 100%; margin: 0.85em 0; color: #bfb2cf; font-weight: 400; font-stretch: 13px; line-height: 20px; text-align: center; } #footerbottom > .bottom_conent > .section > .row > p.copyRight a { color: #bfb2cf; } /*혜경*/ /* #footer {position:relative;bottom:0;width:100%; height:122px; border-top:2px solid #46475b;} #footer div {width:1150px; margin:0 auto;} #footer div .logo {float:left;width:250px; height:100px; padding-top:15px; padding-right:50px;color:#000;font-weight:bold;} #footer div .txt {padding-top:10px; color:#000; line-height:20px;/* float:left; width:650px; margin-left:50px;} #footer div .txt .block {padding:0 5px; color:#000;} #footer div .txt .copyright {color:#000;padding-top:5px; text-align:center; width:600px;} #footer div .txt .copyright a {color:#000;} */ #content_sub p, #content_sub div, #content_sub span {} /**************** header *********************/ /*reset style*/ .reset{clear:both !important;height:0px !important;font-size:0 !important;line-height:0px !important;padding:0 !important;margin:0 !important} .inp{height:20px;border:none;background:none;color:#888;font:11px Dotum;padding:2px 0 0 4px} /*btn style*/ .btn_r{text-align:right} .btn_r img{vertical-align:middle} .btn_l{text-align:left} .btn_l img{vertical-align:middle} .btn_c{text-align:center} .btn_c img{vertical-align:middle} .btn_content{width:100%;position:relative;margin:15px 0 20px} .btn_content img{vertical-align:middle} .btn_content input{vertical-align:middle} .btn_content .btn_r{position:absolute;right:0;top:15px} .btn_content .btn_l{position:absolute;left:0;top:15px} /*top*/ .topWrap {margin:0 auto;width:1150px;padding:0;} #header{} .logo{float:left;} #glo_Top{width:100%; height:35px; background:#f8f8f8; border-bottom:1px solid #eee;} #glo_Top .glo_left{position:absolute; left:0;} #glo_Top ul.glo_left li{font-size:13px; line-height:12px; color:#8b071b; font-weight: bold;} #glo_Top .glo{position:relative; top:15px; right:0; width:1150px; margin:0 auto;} #glo_Top .glo ul{position:absolute; right:0px;} #glo_Top .glo li{float:left;color:#dbdbdb;padding-right:5px;} #glo_Top .glo li a{color:#777; font-weight: 900;} #glo_Top .glo li .glo_top_event {color: #ee5f27;} .gnb{height:43px;overflow:hidden;clear:both;border-top:2px solid #333;border-bottom:1px solid #c7cbce;} .gnb li{float:left;} .gnb li a{display:block;padding:15px;font-size:12pt;font-weight:bold;} .gnb li.on a{background:#5681dd;color:#fff;} .gnb .gnb_side{float:right;} .gnb .gnb_side li{color:#d7d7d7;padding:15px 7px 15px 0;} .gnb .gnb_side li.li_01{padding-top:10px;} .gnb .gnb_side li a{font-size:9pt;font-weight:normal;display:inline-block;padding:0;color:#666;} .gnb .gnb_side li img{vertical-align:-1px;} .header{position:absolute;width:1150px;} h1{float:left;} ul.utilMenu{float:right;margin-top:32px; height:10px;} ul.utilMenu li{float:left; font-size:12px;padding-left:10px;padding-right:10px; background:url(/fgmusic/images/bar_util.png) no-repeat right; } ul.utilMenu .end{background:none } ul.utilMenu li a{color:#777;} ul.utilMenu li a:hover{color:#777;} /*gnb .gnb{margin-top:63px;clear:both;float:left; z-index:1;margin-bottom:5px;} .gnb ul li{float:left;} .gnb ul li ul.t4{display:none; position:absolute;top:160px; left:190px;} .gnb ul li ul.t4 li{width:auto; float:left; padding-right:18px; font-weight:bold; border:0px solid red} .gnb ul li ul.t4 a{width:auto; color:#333;} .gnb ul li ul.t4 a:hover{ color:#1076cb;} */ .newsHeader {border-top:3px solid #2d2d2d; *zoom:1; clear:both; overflow:hidden;} .newsHeader ul.gnbNews {float:left; background:#596276; display:inline-block; box-sizing: border-box;} .newsHeader ul.gnbNews li {float:left; display:inline-block; } .newsHeader ul.gnbNews li a {display:block; text-align:center; font-weight:bold; font-size:15px;height:40px; line-height:40px; color:#fff; background:url(/fgmusic/images/gnbNews_1.png) no-repeat right center; background-size: 2px 100% ; } .newsHeader ul.gnbNews li a.on {background:url(/fgmusic/images/gnbNews_on.gif) no-repeat 0 0;} .newsHeader ul.gnbNews li a:hover {color:#fff;} .newsHeader ul.gnbNews li a.bgEx { background:#ed2a37; } .wd60{ width:60px !important; } .wd85{ width:85px !important; } .wd93{ width:93px !important; } .wd100{ width:100px !important; } .wd110{ width:110px !important; } .wd120{ width:120px !important; } .wd125{ width:125px !important; } .wd133{ width:133px !important; } .wd134{ width:134px !important; } .wd136{ width:136px !important; } .newsHeader ul.gnbNews li a.last {width:99px; background-position:-631px 0; /*padding-left:10px;*/font-size:13px; background:#902C1F;color:#fff;} .newsHeader ul.gnbNews li a.first.on {width:84px;} .newsHeader ul.gnbNews li a.second.on {width:84px;} .newsHeader ul.gnbNews li a.third.on {width:84px;} .newsHeader ul.gnbNews li a.forth.on {width:84px;} .newsHeader ul.gnbNews li a.fifth.on {width:84px;} .newsHeader ul.gnbNews li a.fifth_1.on{width:100px;} .newsHeader ul.gnbNews li a.sixth.on {width:100px;} .newsHeader ul.gnbNews li a.seventh.on {width:100px;} .newsHeader ul.gnbNews li a.eighth.on {width:100px;} .newsHeader ul.gnbNews li a.nineth.on {width:100px;} .newsHeader ul.gnbNews li a.last.on {width:100px; background-position:-557px 0; padding-left:10px;} .newsHeader ul.gnb_aside {display: inline-block; width: 136px; height: 33px; text-align: center; background:#596276;} .newsHeader ul.gnb_aside li {float:left; padding:0 8px 0 7px; line-height:33px; font-size:12px; letter-spacing:-1px; color:#fff;} .newsHeader ul.gnb_aside li.weather {font-family:tahoma; padding:0 10px; font-size:12px;} .newsHeader ul.gnb_aside li.weather span {cursor:pointer;} .newsHeader ul.gnb_aside li.cloudy {font-family:tahoma; background-position:0 -192px;} .newsHeader ul.gnb_aside li.fortune {width:136px; padding:0px; font-size: 13px; font-weight: bold;} .newsHeader ul.gnb_aside li.fortune a{/*padding-right: 15px; border-right: 1px solid #464646;*/} .newsHeader ul.gnb_aside li.total_article {/*padding:2px 10px 0 10px;*/font-size:13px; font-weight: bold; padding:0 8px 0 7px;} .newsHeader ul.gnb_aside li a {color:#fff; } .newsHeader p.link_shop {float:right;} .newsHeader .sokbo {clear:both;border-top:2px solid #ee7816; border-bottom:1px solid #dbdbdb; background:#f4f4f4; height:29px;} .newsHeader .sokbo p {float:left; padding-left:30px;} .newsHeader .sokbo p a {line-height:29px;} .newsHeader .sokbo p img {vertical-align:middle; padding-left:1px;} .newsHeader .sokbo p span {padding-left:7px;} .newsHeader .sokbo ul {float:right;} .newsHeader .sokbo ul li {float:left;} .info{} .info:after{content: ".";clear:both;display:block;height:0;visibility:hidden;} .info p.prof{padding:1px; float:left;} .info .my-in{float:right;padding:12px 12px 10px 9px;width:170px;} .info .my-in p{height:16px;} .info .my-in p span.date{float:left;color:#d1e2f0;} .info .my-in p span.logout{float:right;} .info .my-in p.name{clear:both;color:#fff; padding-top:8px;} .info .my-in p.name span.mds{padding-left:6px;} .info .my-in p.name span.mds a{font-size:11px; color:#b6cfe3;} .info .my-in p.name span.note{font-size:11px;color:#d1e2f0; padding-left:32px;} .info .my-in p.name span.note-y{font-size:11px; color:#ffda4c; font-weight:bold;} /************* 메인 *************/ /* 퀵배너 */ #QuickTop {position: fixed; z-index:100; left: 50%; top: 160px; margin-left: 580px; /* 레이아웃 너비의 절반 + 여백 */} #QuickTop .owl-dots {position:absolute; bottom:5px; left:10px;} #QuickTop .owl-dots .owl-dot {display:inline-block; margin-right:5px;} #QuickTop .owl-dots .owl-dot span {display:inline-block; width:10px; height:10px; background-color:#aaa; border-radius:10px; border:2px solid #fff;} #QuickTop .owl-dots .owl-dot.active span {background-color:#902C1F;} #quick_btn {margin-top: 10px; border: 1px solid #b8babe; width: 100%; position: relative; padding: 20px 0; box-sizing: border-box; border-radius: 10px; background-color: #fff;} #quick_btn ul {width: 90px; margin: auto; margin-bottom: 10px;} #quick_btn ul li {width: 100%; margin-bottom: 15px; border: 1px solid #607ebc; color: #607ebc; border-radius: 50px; text-align: center; padding: 10px; box-sizing: border-box; font-weight: bold;} #quick_btn ul li a {color: inherit; } #quick_btn>p {text-align: center; font-size: 17px; font-weight: bold; color: #0039b7; padding-bottom: 20px;} .quick_btn_top {width: 50px; height: 50px; background-color: #000; border-radius: 100%; color: #fff; text-align: center; margin: auto; position: absolute; left: 0; right: 0; bottom: -25px; padding: 6px; box-sizing: border-box;} .quick_btn_top a {color: #fff!important; } .quick_btn_top a p {font-size: 13px;} .quick_btn_top a p span {font-size: 18px;} /* 메인비쥬얼 */ .index_box {width:100%;height:370px;position:relative;top:-11px;overflow:hidden} .slider { width:1150px; height:379px; margin:0 auto; position:relative; overflow:hidden; } .slider .bd { width:1150px } .slider .bd li { width:1150px; overflow:hidden; } .slider .bd li img { display:block; width:1150px; height:379px; } .slider .tempWrap { overflow:hidden !important } .slider .tempWrap ul { margin-left:-1150px !important; } .slider .pnBtn { position:absolute; z-index:1; top:0; width:100%; height:335px; cursor:pointer; } .slider .prev { left:-50%; margin-left:-490px; } .slider .next { left:50%; margin-left:490px; } .slider .pnBtn .arrow { position:absolute; top:150px; z-index:1; width:50px; height:84px; } .slider .prev .arrow { right:20px; background:url(http://edu001.incuber.net//fgmusic/images/index/main_arrow_left.png) 0 0 no-repeat; } .slider .next .arrow { left:20px; background:url(http://edu001.incuber.net//fgmusic/images/index/main_arrow_right.png) 0 0 no-repeat; } /* 랭키박스 */ .num { display:block;float:left;background:#a4b0c1;border:1px solid #7b8595;color:#fff;font-size:11px;font-weight:bold;text-align:center;width:12px;height:12px;margin-right:4px;position:relative;top:3px } .num_on { display:block;float:left;background:#7fa1f0;border:1px solid #6783e7;color:#fff;font-size:11px;font-weight:bold;text-align:center;width:12px;height:12px;margin-right:4px;position:relative;top:3px } .num span, .num_on span {position:relative;top:-4px;left:-2px;letter-spacing:-2px} .time {float:right;color:#0a508b;font-size:12px;letter-spacing:normal} .bbs_list {display:inline-block;width:100%; height:356px; color:#000;border:1px solid #a9abb0 } .bbs_wrap {padding:10px} .bbs_list .board_list {float:left;border:1px solid #ccc;width:365px; height:335px;float:left;margin-right:9px;letter-spacing:-1px} .bbs_list .board_list li {width:345px;padding-left:10px;padding-right:10px;font-size:13px;line-height:190%;vertical-align:middle} .bbs_list .board_list li img {vertical-align:middle} .bbs_list .board_list li:hover {cursor:pointer} .i_text_br {border:2px solid #bec7d6;width:290px;height:20px} .bbs_list .board_list .tit {font-weight:bold;display:inline-block;width:100%;height:30px;border-bottom:1px solid #ccc;margin-bottom:10px} .board_list .tit .title {float:left;padding-left:10px;padding-top:10px;font-size:13px} .board_list .tit .title_center {display:inline;text-align:center;margin:0 auto;position:relative;top:10px;left:40px} .board_list .tit .title_center .tab_tit {margin:0 auto;padding:0 20px;text-align:center;cursor:pointer;color:#555} .board_list .tit .title_center .tab_tit:hover {color:#000} .board_list .tit .title_center .tab_tit .on {color:#000} .img_bbs {clear:both;width:130px;margin-left:10px;margin-top:5px;line-height:150%;margin-bottom:20px;text-align:center;cursor:pointer;font-size:12px} .img_bbs img {width:130px;height:80px} .bbs_list .more {float:right;padding-right:10px;padding-top:10px;font-size:11px;font-weight:normal} .chat_box {float:left;width:215px;height:293px;overflow:hidden;margin:0 1px 1px 1px;padding:5px 0 0 5px;background:#f5f5f5} .chat_box .chat_wrap {clear:both} .chat_wrap .pic {float:left;margin-right:10px} .chat_wrap .pic img {border:1px solid #d5d5d5} .chat_box .chat_wrap .profile {padding-top:12px} .chat_wrap .profile li {font-size:11px;color:#606060} .chat_wrap .profile .name img {vertical-align:middle} .chat_wrap .profile .name span {font-size:13px;font-weight:bold;color:#444;margin-left:2px} .chat_wrap .profile .area {font-size:11px;color:#57a6ff} .chat_wrap .profile .area2 {font-size:11px;color:#fe6657} .btn_pink {background:#ff6d6d;color:#fff;font-weight:bold;letter-spacing:-1px;text-align:center;padding:10px;font-size:13px} .btn_pink a span {display:block;color:#fff} .bbs_list .chat_list {width:120px;float:right;padding-top:5px;overflow:hidden} .bbs_list .chat_list .list {width:120px} .bbs_list .chat_list .list li img {vertical-align:middle} .bbs_list .chat_list .list li .name a {font-size:13px;color:#8f8f8f} .bbs_list .chat_list .list li {width:120px;height:24px;vertical-align:middle} .bbs_list .chat_list .list li:hover {background:#fafafa} .bbs_list .chat_list .list li:hover .name a {color:#000} .paging_comm {position:relative;top:10px;margin:0 auto;text-align:center;font-size:12px;letter-spacing:2px} .paging_comm img {vertical-align:middle;margin:0 10px} .txt_wrap {position:relative;z-index:5;} .txt_wrap span {display:block;position:absolute;top:110px;background:#000;color:#fff;width:100%} .txt_wrap span { /* 기본 배경색 지정-투명도가 모두 적용되지 않았을 때 색상 */ background: #000; /* RGBa 적용 - Firefox, Chrome, Safari, Opera ... */ background: rgba(0,0,0,0.5); /* IE에서 Filter적용을 위해 배경을 지움 */ background: transparent !ie; /* 정상적인 Filter적용을 위해 zoom:1을 적용 */ zoom:1; /* IE5.5-7 */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000); /* IE8,9 */ -ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)"; } .title_img {background:url(/fgmusic/images/b_tit7.gif) no-repeat;width:230px;height:43px} .board_chat_info {font-size:12px;color:#555;line-height:170%} .board_chat_info span {display:block;line-height:140%;margin:3px 0;width:90px;overflow:hidden} .chat_pre {float:right;margin:13px 10px 0 0} .chat_pre img {} /* 랭키내용 */ .rank_list {padding:0;margin:0;} /* 배너 */ .banner {width:217px;height:308px} .banner img{margin:0;text-align:center;} /* 긴급개발자구인정보 */ .movie_box {float:left; width:927px; height:356px; color:#000; margin-left:2px;border:1px solid #a9abb0} .movie_box div{padding:10px 10px 0 10px;;} .movie_box h3{float:left;color:#000;} .movie_box .txt{padding-top:1px;font-weight:bold;margin-left:5px;font-size:12px;float:left;color:#000;} .movie_box .more{padding-top:3px;font-size:11px;float:right;} .movie_box .more a{color:#000;} .movie_box .more a:hover{color:#4559e9} .movie_box table{border-collapse:collapse;width:100%;border:1px solid #a9abb0;margin-top:10px;} .movie_box th{background:#4d7fe7;color:#fff;height:20px;padding:4px 0;border-top:1px solid #a9abb0;border-right:1px solid #a9abb0;} .movie_box td{height:20px;padding:3px 4px;border-top:1px solid #a9abb0;} .movie_box input {width:80%} .movie_box textarea {width:80%; height:50px;} .black_dott li {background:url(/fgmusic/images/ico_dott_black.jpg) no-repeat left 9px; padding-left:10px;} .movie_box ul li {line-height:160%;color:#000b81;font-size:14px;} /* 우측 앨범 */ .more{padding-top:3px;font-size:11px;float:right;} .more a{font-size:11px;color:#000;} .more a:hover{color:#4d7fe7} .right_album_box {float:left; width:260px; height:356px; margin-left:2px; } .right_album_box .border{color:#fff; height:28px; margin-bottom:2px;border:1px solid #a9abb0; background:#4d7fe7} .border_b1{border-bottom:1px solid #a9abb0} .border_l1{border-left:1px solid #a9abb0} .border_r1{border-right:1px solid #a9abb0} .right_album {width:258px;clear:both;display:inline-block;border:1px solid #a9abb0} .right_album ul {width:100%;} .right_album ul li{color:#303030;height:323px;} .right_album ul li div{padding:5px 10px 0 10px;} .right_album ul li p {padding-top:8px; font-size:11px; color:#333} .gray_dott{height:300px;} .right_album ul li .gray_dott li {color:#333;margin:0;background:url(/fgmusic/images/ico_board.jpg) left 6px no-repeat; padding-left:10px;} .right_album ul li ul li{height:25px;} /* 와이드 앨범 */ .wide_album {margin-top:10px; height:153px;} .wide_album ul {} .wide_album ul li {float:left; padding:0 23px;} .wide_album ul li.on img {border:3px solid #f04400;} /* 중간 오른쪽 게시판 */ .leftnews {float:left; width:197px; height:680px; color:#303030; padding:10px; border:1px solid #a9abb0} /* 인기뉴스 */ .main_news{float:left; width:645px; height:680px; color:#000; margin-left:2px;padding:10px;border:1px solid #a9abb0} /* UI Object */ .tab_list{height:auto;margin-top:10px;} .tab_list ul{position:relative;margin:0;padding:0;border-left:1px solid #a9abb0;border-bottom:1px solid #a9abb0;font-size:12px;list-style:none;*zoom:1} .tab_list ul:after{display:block;clear:both;content:""} .tab_list li{float:left;margin-bottom:-1px} .tab_list li a{float:left;position:relative;border-right:1px solid #a9abb0;border-top:1px solid #a9abb0;border-bottom-color:#a9abb0;background:#fafafa;color:#000;text-decoration:none;font-weight:600} .tab_list li a span{display:inline-block;padding:6px 0;letter-spacing:-1px;cursor:pointer;width:127px;text-align:center;} .tab_list li ul{display:none;position:absolute;top:32px;left:0;width:100%;margin:0;padding:0;border:0;list-style:none;*zoom:1} .tab_list li ul:after{display:block;clear:both;content:""} .tab_list li li{float:none;position:relative;margin:8px 0 0 5px;color:#000;font-size:14px;} .tab_list li li a{float:none;margin:0;padding:0;border:0 !important;font-weight:bold;color:#000 !important;letter-spacing:normal;line-height:160%} .tab_list li li a:hover, .tab_list li li a:active, .tab_list li li a:focus{background:#ccc;color:#4d7fe7 !important;} .tab_list.m1 .m1 li a, .tab_list.m2 .m2 li a, .tab_list.m3 .m3 li a, .tab_list.m4 .m4 li a, .tab_list.m5 .m5 li a, .tab_list.m6 .m6 li a, .tab_list.m7 .m7 li a, .tab_list.m8 .m8 li a, .tab_list.m9 .m9 li a, .tab_list.m10 .m10 li a, .tab_list.m11 .m11 li a, .tab_list.m12 .m12 li a{border-right:1px solid #a9abb0;border-bottom:1px solid #a9abb0; background:transparent;color:#000} .tab_list.m1 .m1 a span, .tab_list.m2 .m2 a span, .tab_list.m3 .m3 a span, .tab_list.m4 .m4 a span, .tab_list.m5 .m5 a span, .tab_list.m6 .m6 a span, .tab_list.m7 .m7 a span, .tab_list.m8 .m8 a span, .tab_list.m9 .m9 a span, .tab_list.m10 .m10 a span, .tab_list.m11 .m11 a span, .tab_list.m12 .m12 a span{background:#4d7fe7;color:#fff;padding-top:7px;font-weight:bold} .tab_list.m1 .m1 ul, .tab_list.m2 .m2 ul, .tab_list.m3 .m3 ul, .tab_list.m4 .m4 ul, .tab_list.m5 .m5 ul, .tab_list.m6 .m6 ul, .tab_list.m7 .m7 ul, .tab_list.m8 .m8 ul, .tab_list.m9 .m9 ul, .tab_list.m10 .m10 ul, .tab_list.m11 .m11 ul, .tab_list.m12 .m12 ul{display:block} .tab_list.js_off{height:auto} .tab_list.js_off ul{border:0} .tab_list.js_off li{float:none;position:relative} .tab_list.js_off li a{display:block;float:none;border:1px solid #a9abb0 !important;border-bottom-color:#4d7fe7 !important;background:#a9abb0 !important;font-weight:bold;color:#000} .tab_list.js_off li ul{position:static;display:block;left:0;top:0;padding:5px 0} .tab_list.js_off li li a{display:inline;border:0 !important;background:none !important;font-weight:normal} .tab_list ul .m1 ul li .con, .tab_list ul .m2 ul li .con, .tab_list ul .m3 ul li .con, .tab_list ul .m4 ul li .con, .tab_list ul .m5 ul li .con {text-align:left;font-size:11px;color:#000;line-height:150%;border-bottom:1px solid #a9abb0;padding-bottom:10px;} .tab_list ul .m1 ul li .con span, .tab_list ul .m2 ul li .con span, .tab_list ul .m3 ul li .con span, .tab_list ul .m4 ul li .con span, .tab_list ul .m5 ul li .con span {float:right;font-size:11px;color:#000} .bl1{border-left:1px solid #a9abb0} .line_box {clear:both;position:relative;bottom:0;z-index:4;width:100%;height:36px;background:#4d7fe7;color:#fff;font-weight:600} /* //UI Object */ /* 이슈보기 */ .main_pic{width:238px;height:680px;float:right;color:#202020;padding:10px;line-height:130%;border:1px solid #a9abb0;letter-spacing:-1px;} .main_pic h3{float:left} .main_pic li a{padding:0;margin:0;letter-spacing:-1px;} .main_pic li a:hover{text-align:left;padding:0; margin:0} .main_pic .more{float:right;font-size:11px;} .main_pic .more a{color:#000;} .main_pic .more a:hover{color:#4d7fe7} .main_pic ul{clear:both;padding-top:5px;} .main_pic .img{margin:5px 0 0 0;} .main_pic .tit {display:block;color:#000;font-size:14px;font-weight:bold;} .main_pic a:hover .tit {color:#4559e9} .main_pic li{border-bottom:1px solid #a9abb0;padding-bottom:10px;} /* 하단박스 */ .main_btbox {} .main_btbox .btbox1 {float:left; color:#333; width:441px; height:250px; margin-right:2px;border:1px solid #a9abb0;} .main_btbox .btbox2 {float:left; color:#333; width:441px; height:250px;border:1px solid #a9abb0;} .main_btbox .btbox3 {float:right; width:258px; height:250px; color:#333;border:1px solid #a9abb0;} .main_btbox a{color:#000} .main_btbox a:hover{color:#4559e9;text-decoration:underline} /*********** 로그인 *************/ .sub_title li {margin:0 1px; float:left; width:1150px; height:50px; text-align:left; font-weight:bold; border:1px solid #46475b; color:#303030;} .sub_title li .tit {padding-top:12px;padding-left:20px; font-size:15px; color:#cda953;} .sub_title li .txt {padding-left:20px;padding-top:7px; font-size:11px; color:#b1a9a3;} #login_container {width:400px;margin:20px auto;color:#000} #login_container dl{float:left} #login_container dt{display:none} #login_container .input_text {width:380px; height:48px; margin:4px 0px 4px 0px; padding:0 10px; border:1px solid #46475b;background:transparent;} #login_container .btn{margin:4px 0 0 0;} #login_container .input_radio{vertical-align:middle;} #login_container .input_check{vertical-align:middle;} #login_container .btn_list {margin-top:5px; margin-bottom:5px;} #login_container .btn_list li{*display:inline;display:inline-block;font-size:12px;} #login_container .btn_list .btn{color:#333; padding:10px 10px 10px 0px; cursor:pointer; font-weight:bold; } #login_container .btn_list li .join{color:#333; padding:10px 10px 10px 0px; font-weight:bold;} .login_bg{float:right;width:400px;} .login_bg_text{padding:10px; line-height:150%;text-align:center;color:#000;font-weight:bold;font-size:12px;} .red_btn2 {background:#a51404;color:#fff;font-weight:bold;font-size:15px;letter-spacing:-2px;width:76px;height:68px;text-align:center;border:none;cursor:pointer} /*********** 회원가입 ************/ #musicbox #musicplay2 {width:1150px; display:inline-block;color:#000;} #musicbox #musicplay2 .frame2 {margin-right:20px; float:left; width:798px} #musicbox #musicplay2 .rnb {width:270px; float:right;} #musicbox #musicplay2 .rnb li {margin-bottom:10px; width:268px; height:448px; border:1px solid #a9abb0; font-size:11px; font-weight:bold;} #musicbox #musicplay2 .rnb li .thum {float:left; padding:9px;} #musicbox #musicplay2 .rnb li div {float:left; width:124px; padding:22px 0; text-align:left;} #musicbox #musicplay2 .rnb li:hover {background-color:#000; border:1px solid #a9abb0;} #musicbox #musicplay2 .rnb li div .txt1 {color:#000;} #musicbox #musicplay2 .rnb li div .txt2 {padding-top:3px; color:#000; line-height:15px;} #musicbox #musicplay2 .rnb li div .txt3 {padding-top:10px; color:#000;} .joinbox {padding:10px;} .joinbox h2{font-size:13px;padding-bottom:10px;} .joinbox .jointerms{margin-bottom:5px;border:1px solid #a9abb0;height:120px;} .joinbox table{margin:10px 0 0 0;width:100%} .joinbox table tbody{font-size:12px} .joinbox table th{text-align:left;border-bottom:1px solid #a9abb0;padding:8px 10px;background:#f1f1f1;font-size:13px;} .joinbox table td {border-bottom:1px solid #a9abb0;padding:8px 5px;font-size:13px;} .btn_list{margin:0px auto;} .btn_list ul li{text-align:center; display:inline-block;margin:10px 4px; width:100px; height:30px; line-height:30px; font-size:13px; font-weight:bold; background-color:#fafafa; border:1px solid #ccc; color:#666;} .btn_list ul a{color:#000} .joinbox p {font-size:12px} .btn_list .none li{display:inline-block;border:none;background:transparent;padding:0;margin-right:5px} .btn_list .none a{} .btn_list .impactbtn{background:#a91304;color:#fff;padding:0;} .joinbox table input, .joinbox table textarea, .joinbox table select, .joinbox table table, .joinbox table button{height:30px;font-size:14px;} .item .i_text{width:240px;height:25px;margin:4px 0px 4px 5px;padding:3px 5px;border:1px solid #a9abb0;background:transparent;color:#000;} .item .i_text_l{width:400px;height:25px;margin:4px 0px 4px 5px;padding:3px 5px;border:1px solid #a9abb0;background:transparent;color:#000;} .item .i_text_l2{width:700px;height:25px;margin:4px 0px 4px 5px;padding:3px 5px;border:1px solid #a9abb0;background:transparent;color:#000;} .item .i_text_s{width:80px;height:25px;margin:4px 0px 4px 5px;padding:3px 5px;border:1px solid #a9abb0;background:transparent;color:#000;} .item .join_btn{padding:6px 10px;background:#d3d3d4;color:#000;border:0;font-size:12px;} .item .textarea{width:730px;height:280px;margin:4px 0px 4px 5px;padding:3px 5px;border:1px solid #a9abb0;background:#fff;color:#000;} .item .textarea2 {float:left;width:770px;height:75px;margin:4px 0px 4px 5px;padding:3px 5px;border:1px solid #a9abb0;background:#fff;color:#000;overflow-y:auto;} .item select{margin:4px 0px 4px 5px;font-size:14px;} .file_input_div{position:relative;width:100px;height:23px;overflow:hidden;} .file_input_hidden{cursor:pointer;font-size:45px;position:absolute;top:0px;right:0px;opacity:0;filter: alpha(opacity=0); -ms-filter: "alpha(opacity=0)"; -khtml-opacity:0; -moz-opacity:0;} .file_input_button{background:url(/fgmusic/images/btn_addfile.jpg) no-repeat;width:70px;height:19px;position:absolute;top:0px;padding-top:4px;border:none;margin:1px 5px;} .impactbtn{background:#cda953;color:#010101;padding:4px 10px;} .sub_visual{margin-bottom:5px;border:1px solid #a9abb0;height:108px;width:876px;background:url(/fgmusic/images/bbs/map.jpg) 0 0 no-repeat;} .sub_visual img {width:100%;height:108px;} /* UI Object */ .form_table{margin:0 0;font-size:12px;font-family:Tahoma, Geneva, sans-serif;border-top:1px solid #ddd} .form_table input, .form_table textarea, .form_table select, .form_table table, .form_table button{font-size:12px;} .form_table table{width:100%;border:0} .form_table caption{padding:8px 0;font-weight:bold;text-align:left} .form_table th, .form_table td{padding:8px;border:0;vertical-align:top} .form_table th{color:#333} .form_table td{color:#666} .form_table thead th{border-bottom:1px solid #ccc;background:#f8f8f8} .form_table tbody th{border-bottom:1px solid #ddd;background:#fafafa;text-align:left;vertical-align:middle} .form_table tfoot th{border-bottom:1px solid #ddd} .form_table tbody td{border-bottom:1px solid #ddd;vertical-align:middle} .form_table tbody td input {vertical-align:middle} .form_table tfoot td{border-bottom:1px solid #ddd;font-weight:bold;color:#333} .form_table .item{position:relative;margin:-4px 0;font-size:12px} .form_table .item .i_help{position:absolute;top:4px;right:0} .form_table .item .i_label{ top:6px; left:10px} .form_table .item .i_dsc{margin:2px 0} .form_table .item .i_check, .form_table .item .i_radio{width:13px;height:13px;margin:2px 5px 2px 0;padding:0;vertical-align:middle} .item .textarea{width:990px;height:280px;margin:4px 0px 4px 5px;padding:3px 5px;border:1px solid #a9abb0;background:#fff;color:#000} .form_table .item .hide{visibility:hidden;position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:0} .form_table .item select{margin:2px} .form_table .item label{margin:0 10px 0 0;cursor:pointer} .btn_list .red_btn {cursor:pointer;background:#a51404;color:#fff;font-weight:bold;font-size:15px;letter-spacing:-2px;padding:10px 20px;border:1px solid #a51404} .btn_list .gray_btn {cursor:pointer;background:#fafafa;color:#777;font-weight:bold;font-size:15px;letter-spacing:-2px;padding:10px 20px;border:1px solid #ccc} /* //UI Object */ /************* MUSICIAN *************/ .tabnav1 {position:absolute; right:237px; top:92px;} .tabnav1 ul li {float:left; line-height:0;font-size:0;text-indent:-9999px; overflow:hidden; margin-right:1px;} .tabnav1 .tab1 a {display:block; width:75px; height:23px; background:url(/fgmusic/images/musician/tabnav1.png) no-repeat; background-position:left top;} .tabnav1 .tab2 a {display:block; width:75px; height:23px; background:url(/fgmusic/images/musician/tabnav1.png) no-repeat; background-position:-76px top;} .tabnav1 .tab3 a {display:block; width:75px; height:23px; background:url(/fgmusic/images/musician/tabnav1.png) no-repeat; background-position:-152px top;} .tabnav1 .tab1 a.selected {display:block; width:75px; height:23px; background:url(/fgmusic/images/musician/tabnav1.png) no-repeat; background-position:left bottom;} .tabnav1 .tab2 a.selected {display:block; width:75px; height:23px; background:url(/fgmusic/images/musician/tabnav1.png) no-repeat; background-position:-76px bottom;} .tabnav1 .tab3 a.selected {display:block; width:75px; height:23px; background:url(/fgmusic/images/musician/tabnav1.png) no-repeat; background-position:-152px bottom;} .tabnav2 {position:absolute; right:313px; top:92px;} .tabnav2 ul li {float:left; line-height:0;font-size:0;text-indent:-9999px; overflow:hidden; margin-right:1px;} .tabnav2 .tab1 a {display:block; width:75px; height:23px; background:url(/fgmusic/images/musician/tabnav2.png) no-repeat; background-position:left top;} .tabnav2 .tab2 a {display:block; width:75px; height:23px; background:url(/fgmusic/images/musician/tabnav2.png) no-repeat; background-position:-76px top;} .tabnav2 .tab1 a.selected {display:block; width:75px; height:23px; background:url(/fgmusic/images/musician/tabnav2.png) no-repeat; background-position:left bottom;} .tabnav2 .tab2 a.selected {display:block; width:75px; height:23px; background:url(/fgmusic/images/musician/tabnav2.png) no-repeat; background-position:-76px bottom;} .musician_menu {float:left; width:218px;} .musician_menu ul li {width:216px; height:50px; margin:2px 0; border:1px solid #a9abb0; background-color:#242424;} .musician_menu ul li .menu{display:block;font-size:15px;font-weight:600;color:#717070;padding:18px 0 0 10px} .musician_menu ul li .menu:hover{text-align:left;color:#000;} .musician_menu ul li:hover{border:1px solid #4559e9; background-color:#2c2c2c;} .musician_menu ul .on{border:1px solid #4559e9; background-color:#2c2c2c;} .musician_menu ul .on .menu{text-align:left;color:#4559e9;} .musician_view {width:920px;min-height:593px;background:#242424; position:relative; float:left; margin-left:12px;letter-spacing:-1px;} .musician_view .content{padding:30px 20px 0px 20px;} .musician_view .content p, .musician_view .content div{} .left_ban{margin-top:6px;width:218px;height:150px;background:#242424;} .gold_list li{margin:10px 10px;background:url(/fgmusic/images/ico_program.jpg) left 7px no-repeat; padding-left:10px;font-weight:600;font-size:13px} .musician_view .img1{background:url(/fgmusic/images/staff1.jpg) no-repeat;width:120px;height:167px;} .musician_view .img2{background:url(/fgmusic/images/staff2.jpg) no-repeat;width:120px;height:167px;} .musician_view .img3{background:url(/fgmusic/images/staff3.jpg) no-repeat;width:120px;height:167px;} .musician_view .img4{background:url(/fgmusic/images/staff4.jpg) no-repeat;width:120px;height:167px;} .musician_view .img5{background:url(/fgmusic/images/staff5.jpg) no-repeat;width:120px;height:167px;} .musician_view .box{position:relative;z-index:4;left:0;top:147px;width:120px;height:10px;text-align:center;padding:5px 0;} /************* MUSIC *************/ #musicbox {position:relative; width:1150px;} #musicbox .cl {float:left; width:60px; height:60px; margin-right:1px;} #musicbox .cr {float:left; width:60px; height:60px; margin-left:1px;} #musicbox .topnav {float:left; width:1028px; height:60px;} #musicbox .topnav li {margin:0 1px; float:left; width:253px; height:58px; text-align:center; font-weight:bold; border:1px solid #a9abb0; color:#303030;} #musicbox .topnav li a {display:block;} #musicbox .topnav li a:hover {display:block;} #musicbox .topnav li .tit {padding-top:12px; font-size:15px; color:#717070;} #musicbox .topnav li .txt {padding-top:7px; font-size:11px; color:#555555;} #musicbox .topnav li:hover {width:253px; height:58px; border:1px solid #a9abb0; background-color:#2c2c2c;} #musicbox .topnav li:hover .tit {color:#b3b3b3;} #musicbox .topnav li:hover .txt {color:#898989;} #musicbox .topnav .on {width:253px; height:58px; border:1px solid #a9abb0; background-color:#2c2c2c;} #musicbox .topnav .on .tit {color:#b3b3b3;} #musicbox .topnav .on .txt {color:#898989;} .music_list th{height:35px; color:#303030; font-weight:bold; color:#949494; border-top:1px solid #a9abb0; border-bottom:1px solid #a9abb0; text-align:center; line-height:35px;} .music_list th:first-child {border-left:1px solid #a9abb0;} .music_list th:last-child {border-right:1px solid #a9abb0;} .music_list td{color:#b2b1b1; text-align:center; padding:7px 0; border-bottom:1px solid #a9abb0;} .music_list td .tit {font-weight:bold; color:#d6d6d6;} .music_list td a {color:#b2b1b1 !important;} .music_list .f_text {text-align:left; padding:0 0 0 10px; color:#b2b1b1;} .music_list td.reple a {color:#808080 !important;} .music_list td.reple span {font-weight:bold; color:#e8e8e8;} #musicbox #musicplay {width:1150px; height:auto; display:inline-block; padding-bottom:20px; color:#000;} #musicbox #musicplay .frame { width:45%; min-height:448px; float:left; height:auto;} #musicbox #musicplay .frame2 { width:35%;} #musicbox #musicplay .con.or{width:10%; height:350px; float:left; background:url("/fgmusic/images/or.jpg")no-repeat center center;} #musicbox #musicplay .rnb2 {width:270px; float:left;} #musicbox #musicplay .rnb2 .left_m {margin-bottom:10px; float:left; width:127px; height:103px; border:1px solid #a9abb0; font-size:11px; font-weight:bold;} #musicbox #musicplay .rnb2 .right_m {margin-bottom:10px; float:right; width:127px; height:103px; border:1px solid #a9abb0; font-size:11px; font-weight:bold;} #musicbox #musicplay .rnb2 li {margin-bottom:10px; float:left; width:268px; height:103px; border:1px solid #a9abb0; font-size:11px; font-weight:bold;} #musicbox #musicplay .rnb2 li .thum {float:left; padding:9px; height:75px; overflow:hidden} #musicbox #musicplay .rnb2 .left_m .thum, #musicbox #musicplay .rnb2 .right_m .thum {float:left; padding:5px; width:110px; margin-bottom:4px; height:62px; overflow:hidden} #musicbox #musicplay .rnb2 .left_m div, #musicbox #musicplay .rnb2 .right_m div {clear:both; width:170px; padding:0 0 0 5px; text-align:left;} #musicbox #musicplay .rnb2 .big div {float:right; width:125px; padding:30px 0 0 0; text-align:left;} #musicbox #musicplay .rnb2 li:hover {background-color:#111111; border:1px solid #a9abb0;} #musicbox #musicplay .rnb2 .on {background-color:#111111; border:1px solid #a9abb0;} #musicbox #musicplay .rnb2 li div .txt1 {color:#b3b3b3;letter-spacing:-1px;} #musicbox #musicplay .rnb2 li div .txt2 {padding-top:1px; color:#898989; line-height:15px;font-weight:normal} #musicbox #musicplay .rnb2 li div .txt3 {padding-top:10px; color:#d66b1b;} #musicbox #musicplay .rnb {width:270px; float:left;} #musicbox #musicplay .rnb li {margin-bottom:10px; width:268px; height:448px; border:1px solid #a9abb0; font-size:11px; font-weight:bold;} #musicbox #musicplay .rnb li .thum {float:left; padding:9px;} #musicbox #musicplay .rnb li div {float:left; width:124px; padding:22px 0; text-align:left;} #musicbox #musicplay .rnb li:hover {background-color:#111111; border:1px solid #a9abb0;} #musicbox #musicplay .rnb li div .txt1 {color:#b3b3b3;} #musicbox #musicplay .rnb li div .txt2 {padding-top:3px; color:#898989; line-height:15px;} #musicbox #musicplay .rnb li div .txt3 {padding-top:10px; color:#d66b1b;} /************* TALK *************/ .red_border {border-top:3px solid #ff140a} .talk_list th{height:20px; line-height:20px; color:#000; font-weight:bold;border-top:1px solid #a9abb0; border-bottom:1px solid #a9abb0; text-align:center;font-size:12px} .talk_list thead th{background:#eaf1f7;border:1px solid #a9abb0} .talk_list th:first-child {border-left:1px solid #a9abb0; border-bottom:1px solid #a9abb0;} .talk_list th:last-child {border-right:1px solid #a9abb0; border-bottom:1px solid #a9abb0;} .talk_list td{color:#000; text-align:center; padding:13px 0;border:1px solid #a9abb0} .talk_list td .notice {font-weight:bold; color:#000;} .talk_list td.f_text {text-align:left; padding:8px 0 8px 10px; font-size:13px; color:#000;} .talk_list td.f_text a {color:#000 !important;} .talk_list td.reple a {color:#000 !important;} .talk_list td.reple span {font-weight:bold; color:#000;} .br3_blue {border-top:3px solid #364751;} .talk_list_br th{height:35px; color:#000; font-weight:bold;border-top:3px solid #364751;border-bottom:1px solid #a9abb0;text-align:center; line-height:35px;font-size:12px} .talk_list_br thead th{background:#eaf1f7} .talk_list_br th:first-child {border-left:1px solid #a9abb0; border-bottom:1px solid #a9abb0;} .talk_list_br th:last-child {border-right:1px solid #a9abb0; border-bottom:1px solid #a9abb0;} .talk_list_br td{color:#000; text-align:center; padding:13px 0; font-size:13px; border-bottom:1px solid #a9abb0; border-top:1px solid #a9abb0;} .talk_list_br td p{line-height:160% !important; font-size:12pt !important;} .talk_list_br td .notice {font-weight:bold; color:#000;} .talk_list_br td.f_text {text-align:left; padding:8px 0 8px 10px; font-size:14px; color:#000;} .talk_list_br td.f_text a {color:#000 !important;} .talk_list_br td.reple a {color:#000 !important;} .talk_list_br td.reple span {font-weight:bold; color:#000;} .btn_paging {display:inline-block; width:28px; height:28px; line-height:28px; background-color:#fafafa; border:1px solid #a9abb0; color:#333; text-align:center; letter-spacing:0px; text-indent:0px;} .btn_paging a,a:hover,a:active,a:visited {color:#000; text-align:center;} .board_paging{ line-height:normal; font-weight:bold;} .board_paging strong{position:relative; z-index:2;margin:0 -2px; margin:0 2px;} .board_paging strong{color:#333;} .board_paging .first {margin-right:20px;} .board_paging .prev {margin-right:10px;} .board_paging .next {margin-left:10px;} .board_paging .end {margin-left:20px;} .board_helper_banner{margin-top:50px; width: 100%; height: 132px; background: url(/fgmusic/images/helper_banner.jpg) no-repeat;} .board_helper_banner p{display: inline-block; position: relative; top: 70px; left: 200px;} .board_helper_banner p span{display: block; font: normal 20px 'Nanum Gothic'; color: #fff; line-height: 28px;} .board_helper_banner p span.h_banner_last{color: #f3ee52; font-weight: bold;} .board_searchbox {float:right;min-width:450px} .board_searchbox select {min-width:100px; height:31px; line-height:31px; background-color:#fafafa; color:#000; border:1px solid #a9abb0;} .board_searchbox input[type=text] {width: 230px; height:27px; background-color:#fafafa; border:1px solid #a9abb0; color:#000;} .board_searchbox input[type=button] {float:right;width:100px; height:30px; line-height:30px; font-size:12px; font-weight:bold; background-color:#a91304; border:0px; color:#fff;} .board_searchbox .b_search {position:relative; width: 230px; height:27px;} .board_searchbox .b_search .btn_search {position:absolute; right:8px; top:6px;} .btn_write input[type=button] {width:100px; height:30px; line-height:30px; font-size:12px; font-weight:bold; background-color:#a91304; border:0px; color:#fff;} /************* NOTICE *************/ /* FEEL GHOOD MUSIC HOT ISSUE */ .notice_stit1 {padding-bottom:15px; width:290px; height:21px;} .notice_hot {position:relative; width:1150px; height:332px;} .notice_hot ul {float:left; width:861px;} .notice_hot ul li {float:left; width:284px; height:332px; background-color:#181818; margin-right:3px;} .notice_hot ul li img {padding:5px 5px 0 5px;} .notice_hot ul li:hover {background-color:#f44500;} .notice_hot ul li .txt1 {font-size:15px; font-weight:bold; padding:2px 5px 1px 5px; line-height:20px; text-align:left;} .notice_hot ul li .txt2 {font-size:11px; color:#8f8f8f; padding:5px; text-align:left;} .notice_hot ul li a .txt1 {color:#fff;} .notice_hot ul li:hover .txt1 {color:#000;} .notice_hot ul li:active .txt1 {color:#000;} .notice_hot ul li:visited .txt1 {color:#000;} .hot_right {position:absolute; right:0; bottom:0; width:288px; height:366px;} .hot_right .visual {width:289px; height:132px;} .hot_right .play_box {width:288px; height:234px; background-color:#181818;} .hot_right .play_box .play {padding:5px;} .img_box{position:relative;top:293px;padding:25px 10px 10px 10px;width:620px;height:33px;text-align:center} .img_box span{font-size:23px;color:#888;font-weight:bold;letter-spacing:-1px;} .img_box{ /* 0.6 투명도가 적용 된 색상 적용 */ background: rgba(0, 0, 0, 0.6); /* IE 5.5 - 7 */ filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000); /* IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)"; } /* FEEL GHOOD MUSIC NEWS */ .news_list_box {float:left; width:760px;} .news_list {margin-top:10px;} .news_list dl {color:#8f8f8f; clear:both; padding-top:5px;} .news_list dl dt {float:left; width:120px;} .news_list dl dt img {border:5px solid #a9abb0;} .news_list dl dd {float:left; width:622px; height:119px; padding-left:18px; border-bottom:1px solid #a9abb0;} .news_list dl dd .tit {float:left; padding-top:10px; font-size:15px; font-weight:bold;} .news_list dl dd .tit a {color:#8f8f8f;} .news_list dl dd .txt {clear:both; padding-top:10px; line-height:20px;} .news_list dl dd .txt a {color:#8f8f8f;} /* LIVE TALK, 응원합니다 */ .right_box {float:right; width:335px;} .right_box h2 {padding-bottom:12px;} .fighting {margin-top:50px;} .fighting h2 {float:left; height:16px; padding-bottom:15px;} .fighting .sns {float:right; height:19px;} .fighting .list {clear:both; width:335px; height:368px; font-size:11px; border:1px solid #a9abb0;} .fighting .list ul {padding-top:6px;} .fighting .list .replego {height:39px; text-align:center; background-color:#181818; line-height:39px;} .fighting .list .replego a {color:#fff; text-decoration:underline;} .fighting .list ul {width:290px; margin:0 auto;} .fighting .list ul li {height:59px; border-bottom:1px solid #a9abb0;} .fighting .list .txt1 {padding-top:15px;} .fighting .list .txt2 {padding-top:10px; color:#5f5f5f;} /* FEEL GHOOD MUSIC PHOTO */ .photo_box {width:1150px;} .photo_box ul {padding-top:15px;} .photo_box ul li {float:left; width:180px; margin-left:14px; margin-bottom:20px;} .photo_box ul li.first {clear:both; margin-left:0;} .photo_box ul li img {border:5px solid #a9abb0;} .photo_box ul li .txt {padding-top:8px; line-height:20px;} .photo_box ul li .txt a {color:#8f8f8f;} /* 타이거JK, 윤미래, BIZZY */ .member_box {} .member_box li {float:left; width:370px; margin-left:20px; color:#8f8f8f;} .member_box li:first-child {margin-left:0;} .member_box li .thum {clear:both; padding-top:5px;} .member_box li .thum img { border:1px solid #a9abb0;} .member_box li .tit {padding-top:15px; font-size:15px; font-weight:bold;} .member_box li .tit a {color:#8f8f8f;} .member_box li .txt1 {padding-top:10px; line-height:20px;} .member_box li .txt1 a {color:#8f8f8f;} .member_box li .txt2 {padding-top:5px; font-size:11px; color:#616161;} /* AUDITION */ .audition_form {font-size:15px; color:#e3e3e3; border-top:2px solid #a9abb0; border-right:2px solid #a9abb0;} .audition_form .gray {color:#858585; font-size:11px;} .audition_form th {background-color:#181818; font-weight:normal; padding:24px 0; border-bottom:1px solid #a9abb0;} .audition_form th span {color:#f44500; } .audition_form td {border-bottom:1px solid #a9abb0;} .audition_form td ul {padding-top:24px;} .audition_form td ul li {float:left; margin-right:19px;} .audition_form td ul .thum img {border:1px solid #a9abb0;} .audition_form td .input {border:1px solid #a9abb0; min-height:19px; line-height:19px; text-indent:3px; color:#303030 color:#fff} .audition_form td .full {width:845px;} .audition_form td .big {width:800px;} .audition_form td .input.num {text-align:center;} .audition_form td select {min-width:150px; vertical-align:middle; padding:2.5px; border:1px solid #a9abb0; color:#303030 color:#e3e3e3; font-size:12px} .audition_form td select option {} .audition_form td {padding:0 54px;} .agreebox {position:relative; width:1150px; height:140px; background-color:#0a0a0a;} .agreebox .txt1 {padding:23px 0 0 30px; font-size:15px; color:#e3e3e3;} .agreebox .txt2 {padding:23px 0 0 30px;padding-top:15px; font-size:11px; color:#858585; line-height:21px;} /* Layer Popup */ .pop_wrap{width:450px; margin-top:300px; margin-left:200px; overflow:hidden;position:absolute;line-height:normal} .pop_wrap img,.pop_wrap fieldset{border:none} .pop_wrap legend{display:none} #pop_content{position:relative;z-index:20;border:1px solid #a4a4a4;background:#fff} .pop_wrap .ly_header{margin:0 0 5px;padding:12px 0 12px 11px;background:#596276;color:#fff;font-size:15px;font-weight:600;} .pop_wrap .ly_body{margin:0 20px;padding:15px 0 4px;color:#9a9a9a;font-size:12px} .pop_wrap .ly_body dt{margin:0 10px 9px 0; float:left;padding-top:3px;width:150px;} .pop_wrap .ly_body dd{margin:0 0 6px} .pop_wrap .ly_body .input_radio{_margin:-3px;vertical-align:middle} .pop_wrap .close_layer{position:absolute;top:9px;right:9px} #pop_footer{margin:0 20px;padding:10px 0 15px;border-top:1px solid #a9abb0;text-align:center} #pop_footer input,#pop_footer a,#pop_footer img{vertical-align:top} #pop_footer input,#pop_footer a{margin:0 1px 0 0} .button li{/*display:inline*/;display:inline-block;margin:10px 4px 0 4px;padding:10px 30px;background:#fafafa;border:1px solid #ccc;} .button a{color:#666} .pop_wrap input{border:1px solid #ccc;background-color:transparent;width:100px; height:22px;} .pop_wrap select{font-size:12px; height:24px; vertical-align:middle;} #pop_footer .address_list{text-align:left;line-height:150%;color:#777;border:1px solid #ddd;height:100px;overflow-y:auto} #pop_footer .address_list li a{color:#777;} #pop_footer .address_list li a:hover{color:#fff;text-decoration:underline} /********* 고객센터 **********/ .cscenter{margin:0 0 5px 0;width:1148px;height:35px;border:1px solid #a9abb0;background:#202020;text-align:left;padding:0;} .cscenter li{display:inline-block;*display:inline;font-size:12px; font-weight:bold; color:#fff; height:35px;} .cscenter li span{display:block;padding:10px 12px 0 12px;} .cscenter li img{vertical-align:middle;} .cscenter li a{font-size:12px;color:#fff;font-weight:bold;} .cs_tit{border-right:1px solid #a9abb0;height:35px;background:#cda953} .cscenter li a:hover{color:#4d7fe7} .cscenter .on span{color:#4d7fe7} .reply_list{display:inline-block;width:900px;margin:10px 20px;background:#fafafa} .reply_list li{text-align:left;padding:5px 10px} .reply_list li div.re1 {padding-left:40px !important; background:url(../images/bbs/blet_re2.gif) 30px 10px no-repeat;} .reply_list li div.re2 {padding-left:60px !important; background:url(../images/bbs/blet_re2.gif) 50px 10px no-repeat;} .reply_list li div.ref0 {padding-left:20px !important} .reply_list li div.ref0 .textarea2 {width:750px !important} .reply_list li div.ref1 {padding-left:40px !important} .reply_list li div.ref1 .textarea2 {width:730px !important} .reply_list li div.ref2 {padding-left:60px !important} .reply_list li div.ref2 .textarea2 {width:710px !important} .reply_list ul li ul li{text-indent:20px;} .dottline{clear:both;margin:5px 0;padding:5px 0;border-bottom:1px dotted #a9abb0;} .replybtn{float:right;width:79px;height:80px;position:relative;top:4px;right:15px;background:#fafafa;border:1px solid #a9abb0;font-size:12px;color:#777;font-weight:bold;padding:0 10px;} .replybtn:hover{cursor:pointer} .reply_txt {display:block;color:#ff0000;font-size:12px;padding:10px;float:left} .gallery{width:100%} .gallery li{float:left;text-align:left;margin-bottom:10px;} .gallery .label {color:#959595} .gallery .split {color:#dfddde} .gallery .title {text-overflow:ellipsis;overflow:hidden;width:100%;line-height:1.2em;white-space:nowrap} .gallery .img {width:215px;height:150px;background:#000;border:1px solid #a9abb0;margin-bottom:10px;text-align:center;} .gallery .img:hover{border:1px solid #a9abb0} /************ 브랜드스토리 *************/ .story_content{padding-bottom:50px;text-align:left;font-size:14px;line-height:160%;} .thumbs { margin: 0; padding: 0; overflow: hidden; } .thumbs li { list-style: none; float: left; margin: 1px; padding: 0; background: #eee; -moz-box-shadow: 0 0 4px #444; -webkit-box-shadow: 0 0 2px #000; } .thumbs li a { } .thumbs li img { display: block; } .thumbs li a img { border: none;} #cycle { margin: 0; padding: 0; width: 1150px; height: 3500px; padding: 0; background: #eee; -moz-box-shadow: 0 0 2px #000; -webkit-box-shadow: 0 0 2px #000;} #cycle li { position: relative; list-style: none; margin: 0; padding: 0; width: 1150px; height: 3500px; overflow: hidden; } #cycle li div { position: absolute; bottom: 3px; left: 3px; padding: 0; width: 1150px; background: black; color: white; font-size: 12px; opacity: .8; } #pg { position: relative; width:100%; height: 3500px; display:inline-block; display:block;} #pg li { position: relative; list-style: none; width: 226px; height: 179px; overflow: hidden; float: left; z-index: 2; opacity: .3; } #pg li.active { opacity: 1; } #pg li.selected {opacity: 1; z-index: 99; -moz-box-shadow: 0px 0px 10px #fff; -webkit-box-shadow: 0px 0px 10px #fff; } #pg li img { display: block;} .dott_yellow li{font-size:17px; background:url(/fgmusic/images/ico_program.jpg) left 9px no-repeat; vertical-align:middle; padding-left:10px;font-weight:600;line-height:160%;} /************ 프로그램 **************/ .program_content{font-size:13px;line-height:160%;padding:20px} .program_content p{padding:0 0 10px 0;} .program_content h3{font-size:15px;color:#cda953;font-weight:600;} .program_content h4{font-size:13px;font-weight:600;color:#ccc} .program_content ul li {margin:10px 10px;background:url(/fgmusic/images/ico_program.jpg) left 8px no-repeat; padding-left:10px;font-weight:600;} .program_content .none li {margin:10px 10px;background:transparent; padding-left:10px;font-weight:600;} .program_content span {display:block;font-size:11px;font-weight:600;line-height:150%;} .program_content ul li span {padding-left:10px;display:block;font-size:11px;font-weight:600;} .program_content .dott {margin:5px 0;} .program_content .dott li{margin:0;background:url(/fgmusic/images/ico_program2.jpg) left 8px no-repeat; padding-left:10px;font-weight:600;} .program_content table{margin:10px 0;width:100%;border-collapse:collapse;font-weight:600;font-size:12px;} .program_content tbody{border-top:1px solid #a9abb0} .program_content th{padding:2px 0;background:#202020} .program_content td{padding:2px 10px;border-bottom:1px solid #a9abb0} .leftB {float:left; width:900px; margin-top:34px;} .leftB img {max-width:900px} .rightB {float:right; width:240px;} .rightB img { padding:5px;border:1px solid #a9abb0;} /* 뉴스형 리스트 */ .talk_news table{border-top:2px solid #a9abb0;} .talk_news th{height:35px; color:#303030; font-weight:bold; color:#303030; border-top:1px solid #a9abb0; border-bottom:1px solid #a9abb0; text-align:center; line-height:35px;} .talk_news th:first-child {border-left:1px solid #a9abb0;} .talk_news th:last-child {border-right:1px solid #a9abb0;} .talk_news td{color:#303030; text-align:center; padding:13px 0; border-bottom:1px solid #a9abb0;} .talk_news td .notice {font-weight:bold; color:#303030;} .talk_news td.f_text {text-align:left; padding:8px 0 8px 10px; color:#303030;} .talk_news td.f_text a {color:#303030 !important;} .talk_news td.reple a {color:#303030 !important;} .talk_news td.reple span {font-weight:bold; color:#000;} .talk_news td .subject {font-size:14px; font-weight:bold;} .talk_news td .txt {font-size:11px; padding-top:5px;line-height:140%;} .talk_news td .date {text-align:right;} .rfloat input[type=button] {width:100px; height:30px; line-height:30px; font-size:12px; font-weight:bold; background-color:#fafaa; border:0px; color:#000;} .rNotice {float:right; width:240px; text-align:left;} .rNotice a{color:#000;} .rNotice a:hover {color:#4d7fe7} .board_category {clear:both;color:#000;border:1px solid #a9abb0;} .board_category ul{display:inline-block} .board_category ul li {font-size:13px !important; float:left; padding:10px 20px;} .board_category ul li a{color:#000;font-weight:bold;} .board_category ul li a:hover{color:#4559e9;} .board_category ul .on{background:#fafafa;color:#4559e9;display:block;font-weight:bold;} .news span a {color:#000; text-decoration:none;} .news span a:hover {color:#4559e9; text-decoration:none;} .board_submenu li {float:left;} /**** 맛집 ****/ .category_box {position:relative;width:1148px;height:276px;border:1px solid #b8babe;border-top:0px}/*top:-15px;*/ .category_box li,a {font-family:Gulim,'굴림';letter-spacing:-1px;cursor:pointer} .main_category {float:left;height:276px;background:#eeeeee;margin-right:16px;border-right:1px solid #b8babe} .box_list {margin-top:12px} ul.box_list.mTop45{ margin-top: 45px;} .box_list li {width:93px;height:78px;background:#eeeeee;margin-bottom:6px} .box_list li span {display:block;width:72px;height:45px;margin:0 auto;padding-top:33px;background:#fff;border:1px solid #dedede;text-align:center;font-size:13px;font-weight:bold} .box_list li a span {display:block;width:72px;color:#393939} .box_list .on span {border:1px solid #ef2011;color:#ef2011;} .box_list .onon span {background:#ef2011; border:1px solid #ef2011; color:#fff} .box_list .blue span {border:1px solid #135EF2; } .box_list .main span {padding-top: 25px; padding-bottom: 8px; line-height: 15px;} .box_list .blue span a{color:#135EF2; } .box_list .on {position:relative;right:-1px;z-index:5;background:url(/fgmusic/images/bg_list_on.jpg) right no-repeat;} .box_list .on a {color:#ef2011} .sub_category {float:left;width:1020px;height:276px;margin:0 auto;padding-right:16px} .sub_category li {float:left} .top_list {padding-top:12px;/*height:80px;*/height:123px;border-bottom:1px solid #dedede} .box_list2{margin:15px auto 0; width:74px;} .box_list2 li{margin-bottom:15px; width:72px; height:33px; border:1px solid #ccc; text-align:center;} .box_list2 li:hover, .box_list2 li:active{border:1px solid #ef2011;} .box_list2 li span{display:block; margin-top:10px;} .box_list2 li span a{font-size:12px; font-weight:600; color:#666; letter-spacing:-1.5px; text-decoration:none; line-height:15px;} .box_list2 .small_11{font-size:11px; margin-top:3px} .box_list2 .small_12{ position:relative; top:-8px;} #chat_list li {width:194px;height:63px;text-indent:-9999px;margin-right:10px;} .sub_category .top_list .img_menu1 {width:194px;height:63px;background:url(/fgmusic/images/group/m1.gif) 0 0 no-repeat} .sub_category .top_list .img_menu2 {width:194px;height:63px;background:url(/fgmusic/images/group/m2.gif) 0 0 no-repeat} .sub_category .top_list .img_menu3 {width:194px;height:63px;background:url(/fgmusic/images/group/m3.gif) 0 0 no-repeat} .sub_category .top_list .img_menu4 {width:194px;height:63px;background:url(/fgmusic/images/group/m4.gif) 0 0 no-repeat} .sub_category .top_list .img_menu5 {width:194px;height:63px;background:url(/fgmusic/images/group/m5.gif) 0 0 no-repeat} .sub_category .top_list .current_img .img_menu1, .sub_category .top_list .current_img .img_menu2, .sub_category .top_list .current_img .img_menu3, .sub_category .top_list .current_img .img_menu4, .sub_category .top_list .current_img .img_menu5 {background-position: 0 100%} .top_list li {font-weight:bold;font-size:13px;width:130px;padding-bottom:12px} .ks_list {float:left;margin-top:10px;padding:0 5px;width:52px} .ks_list li {font-size:13px;padding-bottom:0px;clear:both;margin:0} .li_size li {font-weight:bold;font-size:13px;width:130px;padding-bottom:12px} .sub_category .top_list .food {width:200px} .sub_category h2 {color:#ef2011;font-size:13px;margin:0;padding:0} .bottom_list {} .bottom_list h3 {color:#ef2011;font-size:12px;padding-top:19px;padding-bottom:12px} .bottom_list h3 .red {color:#ef2011} .bottom_list li {width:125px;height:23px} .sub_category ul .on {display:inline;padding:2px 5px;background:#ef2011;color:#fff} .sub_category ul .on span {color:#fff} .sub_category span {font-size:11px;color:#999;font-weight:normal} .top_list li a,.bottom_list a {color:#393939;} .top_list li a:hover,.bottom_list li a:hover,.top_list a:hover span,.bottom_list a:hover span {text-decoration:underline;color:#ef2011} #life_list li .current {color:#ef2011} .board_img_list {clear:both;margin-top:30px;position:relative;} .board_img_list h2 {padding-top:5px;color:#222222;font-size:13px;/*float:left;*/} .board_img_list span {/*float:right;*/vertical-align:middle} .board_img_list select {font-size:12px;color:#7c7c7c;border:1px solid #707070;vertical-align:middle} .btn_gray {border:1px solid #525252;background:#656565;color:#fff;font-size:11px;height:17px;padding:2px 10px;vertical-align:middle;cursor:pointer} .btn_gray2 {border:1px solid #525252;background:#656565;color:#fff;font-size:12px;height:24px;padding:4px 10px;vertical-align:middle;cursor:pointer} .sub_title {height:27px;border-bottom:3px solid #3f3f3f} .img_list_box {margin-top:20px} .center_img_list li {float:left;margin-right:46px;text-align:center;width:152px} .center_img_list li img {width:152px;height:190px;overflow:hidden} .center_img_list li p {line-height:130%;letter-spacing:-1px} .center_img_list .title {font-size:13px;font-weight:bold;color:#0043a9;padding-bottom:4px;padding-top:2px} .center_img_list .content {color:#464646;font-weight:bold;height:56px;overflow:hidden;} ul .last {margin-right:0px} .board_line {clear:both;border-bottom:1px solid #eeeeee;padding-top:40px;margin-bottom:40px} .sub_title2 {height:48px;border-bottom:1px solid #c7d1db;border-top:3px solid #364751;margin-bottom:30px} .sub_title2 h2 {color:#222222;font-size:13px;float:left;padding-top:17px} .right_list {float:right;padding:17px 0 0 0;margin:0} .right_list li {float:left;padding:0 5px;border-right:1px solid #eee} .right_list .off {font-size:11px;font-weight:normal;border-right:1px solid #eee} .right_list .on {color:#ef2011;font-weight:bold;border-right:1px solid #eee} .right_list .last {border-right:0px} .board_img_list2 {clear:both;padding-top:30px} .center_img_list2 li{float:left;margin-right:55px;text-align:center;width:345px;margin-bottom:20px} .center_img_list2 .last {margin-right:0px} .center_img_list2 li img{width:345px} .center_img_list2 li p{line-height:130%;letter-spacing:-1px} .center_img_list2 .title {font-size:13px;font-weight:bold;color:#393939;padding-bottom:4px;padding-top:2px} .center_img_list2 .text {color:#888888;font-size:11px} .qna {width:100%} .qna th {font-size:13px;height:30px} .qna th, .qna td {border:1px solid #dedede;text-align:left;padding:5px 10px;color:#444;letter-spacing:-1px} .qna td {background:#fafafa} .qna td p {font-size:13px;line-height:150%;vertical-align:middle} .qna td p img {vertical-align:middle} .qna td .lfloat {width:5%} .qna td .rfloat {width:95%} /**** 정보 ****/ #info_top_list {position:relative;top:-15px;border:1px solid #b8babe;border-top:0px;height:105px} #info_top_list ul {margin:10px 0 0 20px;padding-top:10px;text-align:center} #info_top_list li {float:left;margin-right:1px} #info_top_list li {background-position:center top;width:82px;height:81px;border:1px solid #fff} #info_top_list li a {display:block;width:82px;height:81px;border:1px solid #fff;text-align:center} #info_top_list li span {display:block;padding-top:65px;color:#666666;text-align:center;font-size:12px;font-weight:bold} #info_top_list li a:hover, #info_top_list li a.on {border:1px solid #ef2011;width:82px;height:81px} #info_top_list li a:hover span, #info_top_list li a.on span {color:#ef2011} #info_top_list .m1 {background:url(/fgmusic/images/info/info_m1.jpg) center no-repeat} #info_top_list .m2 {background:url(/fgmusic/images/info/info_m2.jpg) center no-repeat} #info_top_list .m3 {background:url(/fgmusic/images/info/info_m3.jpg) center no-repeat} #info_top_list .m4 {background:url(/fgmusic/images/info/info_m4.jpg) center no-repeat} #info_top_list .m5 {background:url(/fgmusic/images/info/info_m5.jpg) center no-repeat} #info_top_list .m6 {background:url(/fgmusic/images/info/info_m6.jpg) center no-repeat} #info_top_list .m7 {background:url(/fgmusic/images/info/info_m7.jpg) center no-repeat} #info_top_list .m8 {background:url(/fgmusic/images/info/info_m8.jpg) center no-repeat} #info_top_list .m9 {background:url(/fgmusic/images/info/info_m9.jpg) center no-repeat} #info_top_list .m10 {background:url(/fgmusic/images/info/info_m10.jpg) center no-repeat} #info_top_list .m11 {background:url(/fgmusic/images/info/info_m11.jpg) center no-repeat} #info_top_list .m12 {background:url(/fgmusic/images/info/info_m12.jpg) center no-repeat} #info_top_list .m13 {background:url(/fgmusic/images/info/info_m13.jpg) center no-repeat} /* 건강.헬스 */ .tab_list_health{clear:both;width:100%} .tab_list_health > ul{position:relative;margin:0;padding:0;border-top:3px solid #364751;border-bottom:1px solid #a9abb0;font-family:Tahoma, Sans-serif;font-size:12px;list-style:none;*zoom:1} .tab_list_health ul:after{display:block;clear:both;content:"";} .tab_list_health > li{float:left;margin-bottom:-1px;} .tab_list_health li .tab_a{float:left;position:relative;margin-top:-3px;border-top:3px solid #364751;background:url(/fgmusic/images/info/tab_line.gif) 100% 50% no-repeat transparent;color:#000;text-decoration:none;font-size:14px;font-weight:bold} /* off메뉴 */ .tab_list_health li .tab_a span{font-size:14px; display:inline-block;text-align:center;padding:16px 43.2px;letter-spacing:-1px;cursor:pointer} .tab_list_health li > ul{display:none;position:absolute;top:40px;left:0;width:100%;margin:0;padding:0;border:0;list-style:none;*zoom:1} .tab_list_health li ul:after{display:block;clear:both;content:""} .tab_list_health li li .tab_a:hover, .tab_list_health li li .tab_a:active, .tab_list_health li li .tab_a:focus{color:#000 !important} .tab_list_health li.more{position:absolute;top:10px;right:0;border:0 !important;background:transparent} .tab_list_health.s_m1 .s_m1 .tab_a, .tab_list_health.s_m2 .s_m2 .tab_a, .tab_list_health.s_m3 .s_m3 .tab_a, .tab_list_health.s_m4 .s_m4 .tab_a, .tab_list_health.s_m5 .s_m5 .tab_a, .tab_list_health.s_m6 .s_m6 .tab_a, .tab_list_health.s_m7 .s_m7 .tab_a, .tab_list_health.s_m8 .s_m8 .tab_a, .tab_list_health.s_m9 .s_m9 .tab_a, .tab_list_health.s_m10 .s_m10 .tab_a, .tab_list_health.s_m11 .s_m11 .tab_a, .tab_list_health.s_m12 .s_m12 .tab_a, .tab_list_health.s_m13 .s_m13 .tab_a{font-size:14px;padding-top:10px;/*border-left:1px solid #c7d1db;border-right:1px solid #c7d1db;*/font-weight:bold;margin-top:-3px;border-top:3px solid #ff140a;background:background:url(/fgmusic/images/info/tab_line.gif) 100% 50% no-repeat transparent;color:#ef2011} .tab_list_health.s_m1 .s_m1 .tab_a span, .tab_list_health.s_m2 .s_m2 .tab_a span, .tab_list_health.s_m3 .s_m3 .tab_a span, .tab_list_health.s_m4 .s_m4 .tab_a span, .tab_list_health.s_m5 .s_m5 .tab_a span, .tab_list_health.s_m6 .s_m6 .tab_a span, .tab_list_health.s_m7 .s_m7 .tab_a span, .tab_list_health.s_m8 .s_m8 .tab_a span, .tab_list_health.s_m9 .s_m9 .tab_a span, .tab_list_health.s_m10 .s_m10 .tab_a span, .tab_list_health.s_m11 .s_m11 .tab_a span, .tab_list_health.s_m12 .s_m12 .tab_a span, .tab_list_health.s_m13 .s_m13 .tab_a span{padding-top:7px;font-weight:bold} .tab_list_health.s_m1 .s_m1 ul, .tab_list_health.s_m2 .s_m2 ul, .tab_list_health.s_m3 .s_m3 ul, .tab_list_health.s_m4 .s_m4 ul, .tab_list_health.s_m5 .s_m5 ul, .tab_list_health.s_m6 .s_m6 ul, .tab_list_health.s_m7 .s_m7 ul, .tab_list_health.s_m8 .s_m8 ul, .tab_list_health.s_m9 .s_m9 ul, .tab_list_health.s_m10 .s_m10 ul, .tab_list_health.s_m11 .s_m11 ul, .tab_list_health.s_m12 .s_m12 ul, .tab_list_health.s_m13 .s_m13 ul{display:block} .tab_list_health.js_off{height:auto} .tab_list_health.js_off ul{border:0} .tab_list_health.js_off li{float:none;position:relative} .tab_list_health.js_off li li.more{top:7px;right:15px} .btn_black {border:1px solid #222e35;background:#364751;color:#fff;font-size:11px;height:19px;width:61px;vertical-align:middle;cursor:pointer} /* 임대정보 */ .tab_content .all_list {clear:both;margin-top:15px;border:0px} .tab_content .all_list .img_list {float:left;width:272px;margin-right:20px;margin-bottom:20px;border:0px} .tab_content .all_list .last {margin-right:0px} .title_black {padding:5px 0;color:#393939;font-size:15px;font-weight:bold;letter-spacing:-1px} .gray_content {font-size:13px;color:#888;font-weight:normal;padding:5px 0;line-height:130%;height:90px;overflow:hidden;} .tab_content .all_list .img_list a, .tab_content .all_list .img_list a:hover {text-align:left;border:0px} .tab_content .all_list .img_list img {width:270px;height:203px;border:1px solid #ccc} .tab_content .all_list .img_list .top_line img {border:none;width:73px;height:19px} .current_position {color:#ef2011} .tab_content .board_img_list2 {clear:both;padding-top:30px} .tab_content .sub_title2 {height:48px;border-bottom:1px solid #c7d1db;border-top:3px solid #364751;margin-bottom:30px} .tab_content .sub_title2 h2 {color:#222222;font-size:13px;float:left;padding-top:17px} .tab_content .sub_title2 .right_list a {border:none;color:#777;font-weight:normal;margin:0;padding:0} .tab_content .sub_title2 .right_list {float:right;margin:0} .tab_content .sub_title2 .right_list span {display:block;float:left;padding:0 5px} .tab_content .sub_title2 .right_list .off {font-size:11px;font-weight:normal;border-right:1px solid #eee} .tab_content .sub_title2 .right_list .on {font-size:11px;color:#ef2011;font-weight:bold;border-right:1px solid #eee} .tab_content .sub_title2 .right_list .off .last {border-right:0px} .tab_content .center_img_list2 .img {float:left;margin-right:20px;text-align:center;width:272px;margin-bottom:20px;border:0px} .tab_content .center_img_list2 .img a {border:0px;margin:0;padding:0} .tab_content .center_img_list2 .last {margin-right:0px} .tab_content .center_img_list2 .img img {width:272px;border:0px;} .tab_content .center_img_list2 .img p {text-align:left;line-height:130%;letter-spacing:-1px} .tab_content .center_img_list2 .title {font-size:13px;font-weight:bold;color:#393939;padding-bottom:4px;padding-top:2px} .tab_content .center_img_list2 .text {color:#888888;font-size:11px} .inline_table {width:970px;float:left} .inline_table th, .inline_table td {height:35px;border-bottom:1px solid #ccc;font-size:12px} .inline_table th {background:#efefef;border-top:1px solid #ccc;text-align:center} .inline_table td {text-align:center} .inline_table tfoot td {border:none} .inline_table .btn {color:#eb0000;font-size:14px;font-weight:bold;width:100%;height:24px;padding-top:10px;margin:20px auto;text-align:center;background:#fafafa;border:1px solid #ccc} .inline_table .left {padding-left:10px;text-align:left;font-size:13px} .inline_table .right {padding-right:10px;text-align:right} .inline_table .green {color:#748940} .inline_table .box1 {color:#fff;background:#b6b6b6;border:1px solid #a7a7a7;text-align:center} .inline_table .box2 {color:#fff;background:#9ab4d0;border:1px solid #8ba5c0;text-align:center} .inline_table .box3 {color:#fff;background:#caa1ba;border:1px solid #ba92ac;text-align:center} .inline_table .box4, .job_box .box4 {color:#fff;background:#8f769f;border:1px solid #786087;text-align:center} .inline_table .box5, .job_box .box5 {color:#fff;background:#798da3;border:1px solid #5f7385;text-align:center} .job_box {width:170px;border:2px solid #7e7e7e;height:76px;background:#fff;position:relative;top:0;left:0;margin-bottom:5px} .job_box .box_wrap {padding:11px 0 0 0;background:#fff} .job_box .box_wrap p {position:relative;top:0;left:0;color:#474747;font-size:12px;padding:4px 0 4px 13px;letter-spacing:-1px} .job_box .box_wrap .bt_gray_box {position:relative;top:0px; left:0px;width:100%;height:23px;background:#f3f3f3;} .job_box .box_wrap .bt_gray_box .gray_position {position:absolute;bottom:0px;color:#636363;background:#f3f3f3;padding-left:13px;padding-bottom:4px} .blue {color:#0a508b} /**** 이벤트 ****/ .event_top_box{position:relative;top:-15px;border:1px solid #b8babe;border-top:0px;height:850px;} .event_top_box .all_list {clear:both;padding:10px} .event_top_box .all_list a {text-align:left} .event_top_box .all_list .img_list {float:left;width:350px;height:400px;margin-right:35px;margin-bottom:20px;border:0px;border:1px solid #ccc} .event_top_box .all_list .img_list img {width:350px;height:263px;border:0px;overflow:hidden} .event_top_box .all_list .last {margin-right:0px} .event_banner_wrap {clear:both;margin-top:10px;border:1px solid #ccc;display:inline-block;padding:3px 3px 0 3px} .event_banner_wrap p {width:376px;height:120px;overflow:hidden;float:left;margin-right:4px;margin-bottom:3px;border:1px solid #ccc} .event_banner_wrap .last {float:right;margin-right:0px} .event_img {width:120px;height:90px;border:1px solid #ccc;margin-right:10px;} .btn_event {background:#ff6600;color:#fff;font-weight:bold;width:60px;padding:3px 0;text-align:center;margin:0 auto} .tab_content td a {text-align:left} .mark {position:relative} .mark p {position:absolute;right:4px;top:-4px} .event_top_box .title_black {font-size:14px} .small_gray {font-size:11px;color:#777} .event_top_box .blue_content {padding-top:4px;color:#37a5ff;font-size:12px} .event_top_box .gray_content {color:#777;font-size:12px;line-height:150%;font-weight:bold;height:45px;} .bg_black {height:20px;color:#333;letter-spacing:normal;font-size:14px;font-weight:bold;padding:7px 0 0 5px;border-top:1px solid #dadada} /**** 커뮤니티 ****/ .bbs_category_box {position:relative;top:-15px;width:1148px;height:635px;border:1px solid #b8babe;border-top:0px} .bbs_category_box li,a {font-family:'Nanum Gothic','나눔고딕','gulim','굴림'; letter-spacing:-1px;cursor:pointer} .bbs_category_box .main_category {float:left;height:635px;background:#eeeeee;margin-right:16px;border-right:1px solid #b8babe} .bbs_category_box .main_category li {line-height:140%;vertical-align:middle} .bbs_category_box .box_list {margin-top:12px} .bbs_category_box .box_list li {width:93px;height:78px;background:#eeeeee;margin-bottom:6px} .bbs_category_box .box_list li span {display:block;width:72px;height:55px;padding-top:23px;margin:0 auto;background:#fff;border:1px solid #dedede;text-align:center;font-size:13px;font-weight:bold} .bbs_category_box .box_list li .top_pd {padding-top:28px;display:block;width:72px;height:50px;margin:0 auto;background:#fff;border:1px solid #dedede;text-align:center;font-size:13px;font-weight:bold} .bbs_category_box .box_list li a span {display:block;width:72px;color:#393939} .bbs_category_box .box_list .on span {border:1px solid #ef2011;color:#ef2011} .bbs_category_box .box_list .on {position:relative;right:-1px;z-index:5;background:url(/fgmusic/images/bg_list_on.jpg) right no-repeat;} .bbs_category_box .box_list .on a {color:#ef2011} .bbs_category_box .sub_category {float:left;width:1020px;height:276px;margin:0 auto;padding-right:16px} .bbs_category_box .sub_category li {float:left} .bbs_category_box .top_list {padding-top:12px;height:80px;border-bottom:1px solid #dedede} .bbs_category_box .top_list li {font-weight:normal;font-size:13px;width:135px;padding-bottom:12px} .bbs_category_box .sub_category h2 {color:#ef2011;font-size:13px;margin:0;padding:0} .bbs_category_box .bottom_list {clear:both;margin-top:20px} .bbs_category_box .bottom_list h3 {color:#ef2011;font-size:12px;padding-top:19px;padding-bottom:12px} .bbs_category_box .bottom_list h3 .red {color:#ef2011} .bbs_category_box .bottom_list li {font-weight:normal;width:125px;height:23px} .bbs_category_box .sub_category ul .on {display:inline;padding:2px 5px;background:#ef2011;color:#fff} .bbs_category_box .sub_category ul .on span {color:#fff} .bbs_category_box .sub_category span {font-size:11px;color:#999;font-weight:normal} .bbs_category_box .top_list li a,.bottom_list a {color:#393939;} .bbs_category_box .top_list li a:hover,.bottom_list li a:hover,.top_list a:hover span,.bottom_list a:hover span {text-decoration:underline;color:#ef2011} .bbs_category_box .bottom_list .board_list {border:1px solid #ccc;width:328px;float:left;margin-right:10px} .bbs_category_box .bottom_list .board_list li {width:308px;padding-left:10px;padding-right:10px;font-size:12px} .bbs_category_box .bottom_list .board_list .tit {display:inline-block;width:328px;height:30px;background:#fafafa;border-bottom:1px solid #ccc;margin-bottom:10px} .board_list .title {float:left;padding-left:10px;padding-top:10px;font-size:12px;font-weight:bold} .board_list .more {float:right;padding-right:10px;padding-top:10px;font-size:11px} .font_normal li {font-weight:normal} .bbs_category_box .bottom_list .board_list2 {border:1px solid #ccc;width:328px;height:158px;float:left;margin-right:10px} .bbs_category_box .bottom_list .board_list2 li {width:157px;float:left;font-size:12px;line-height:150%;text-align:center} .bbs_category_box .bottom_list .board_list2 .tit {display:inline-block;width:328px;height:30px;background:#fafafa;border-bottom:1px solid #ccc;margin-bottom:10px} .board_list2 .title {float:left;padding-left:10px;padding-top:10px;font-size:12px;font-weight:bold} .board_list2 .more {float:right;padding-right:10px;padding-top:10px;font-size:11px} /* 임대 매물상세*/ .mainframe { float:left;position:relative;right:0; width:890px; height:532px;overflow:hidden} .thumbnails { width:252px;float:right;position:relative;top:0;left:0} .thumbnailimage { float:left; width:120px; padding-right:6px;margin-bottom:6px;cursor:pointer} .large_thumb {padding:0px;} img.large_thumb_image {width:120px;height:80px; border:1px solid #ccc} .large_thumb_border {} .large_thumb_shine {} .thumb_container { } #largephoto {width: 890px; height:590px} #largetrans { } .large_image { display:none} #largecaption {} #largecaption .captionContent {padding:0;} #largecaption .captionShine {} #loader { background-repeat:no-repeat;} .vertical_table {margin-top:10px;width:1150px} .vertical_table th, .vertical_table td {height:30px;font-size:12px;text-align:left;padding-left:10px;color:#43464f} .vertical_table th {width:150px;background:#eaf1f7;border:1px solid #a9abb0} .vertical_table td {border:1px solid #a9abb0} .text_box {margin-top:10px;display:inline-block;min-height:300px;width:1130px;border:1px solid #a9abb0;padding:10px;font-size:13px;line-height:180%} .half_table {margin-top:10px;width:570px} .half_table th, .half_table td {height:30px;font-size:12px;text-align:left;padding-left:10px;color:#43464f} .half_table th {width:150px;background:#fafafa;border:1px solid #a9abb0} .half_table td {border:1px solid #a9abb0} .half_box {margin-top:10px;display:inline-block;height:217px;overflow:hidden;width:570px;border:1px solid #a9abb0;padding:0} .btn_list_center {clear:both;margin:20px auto;text-align:center} .btn_list_center .btn_group {margin:0 auto;text-align:center;width:424px} .btn_list_center .btn_group li {float:left;margin-right:5px} .btn_list_center .btn_group .last {margin-right:0px} .rent_img_list{width:180px;margin-top:10px;float:left;margin-right:13px} .rent_img_list.last {margin-right:0;} .rent_img_list img {width:180px;height:135px;border:1px solid #ccc;margin-bottom:5px} .rent_img_list a p {text-align:center;padding:2px 0;font-size:12px;color:#444;letter-spacing:0} .btn_list_center .btn_group li .btn_gray {background:#fafafa;border:1px solid #ccc;padding:5px 10px 0px 10px;width:70px;height:18px;color:#444;font-weight:bold;font-size:12px} .btn_list_center .btn_group li a.btn_gray {color:#444} .btn_list_center .btn_group li .btn_orange {background:#ff6600;border:1px solid #da5700;padding:5px 10px 0px 10px;width:70px;height:18px;color:#fff;font-weight:bold;font-size:12px} .right_banner img {border:1px solid #ccc;width:246px;height:260px} /* 구인정보 상세보기 */ .job_table {float:left;margin-top:30px;width:900px} .job_table thead th {background:#eaf1f7;border:1px solid #a9abb0;height:30px} .job_table tbody td {border:1px solid #a9abb0;height:30px;padding-left:10px} .job_table th, .job_table td {font-size:12px} .job_table .content {min-height:200px;font-size:12px;padding:10px;line-height:160%} .job_right_ban {float:right} .job_right_ban img {margin-top:30px;width:240px;height:383px;border:1px solid #ccc} .blue_button {float:right;width:900px; height:30px; line-height:30px; font-size:12px; font-weight:bold; background-color:#4d7fe7; border:0px; color:#fff;} /* 건강/뷰티~학원 */ .big_title {font-size:20px;font-weight:bold;color:#444;letter-spacing:-1px;margin-top:20px} .img_area {float:left;width:486px;height:486px;border:1px solid #dedede} .img_area img {width:486px;height:486px} .thumbnail_list {float:left;width:246px} .thumbnail_list li{float:left;width:120px;height:120px;margin-right:1px;border:1px solid #dedede} .thumbnail_list li img {width:120px;height:120px} .description_box {width:412px;float:right;border:1px solid #dedede;height:488px} .description_box td {padding-left:10px;padding-right:10px;line-height:160%;color:#777;border-bottom:1px solid #dedede;font-size:12px;letter-spacing:-1px} .description_box th {width:110px;line-height:150%;background:#fafafa;font-size:12px;letter-spacing:-1px;border-bottom:1px solid #dedede;} .description_box .map {width:280px;height:200px;border:1px solid #dedede;margin-top:7px;overflow:hidden} .description_box .map img {width:100%;height:100%} .detail_img {display:inline-block;width:900px;text-align:center;background:#fafafa;border:1px solid #dedede;border-top:3px solid #ddd} .detail_img img {width:758px;text-align:center} .qna_list {width:900px;border-top:2px solid #dedede} .qna_list td {padding:10px;font-size:13px;border-bottom:1px solid #dedede;line-height:160%} .qna_list td p {font-size:13px;line-height:160%} .bg_gray td {background:#fafafa} .qna_list td .small_btn_gray {background:#fff;border:1px solid #ccc;font-size:11px;color:#777;font-weight:normal;width:40px;height:15px;letter-spacing:-1px;text-align:center;float:left;margin-right:5px;} .qna_list td img.re1 {margin-left:20px;} .qna_list td img.re2 {margin-left:40px;} .small_btn_gray a {display:block} .btn_long {width:900px;background:#fafafa;border:1px solid #dedede;font-size:13px;font-weight:bold;letter-spacing:-1px;text-align:center;height:30px;padding-top:15px} .left_900 {float:left;width:900px} .btn_lightgray {border:1px solid #ccc;background:#efefef;color:#777;font-size:11px;width:61px;vertical-align:middle;cursor:pointer;text-align:center;padding:3px 0} .right_banner_list {float:right;width:230px;border:1px solid #dedede;background:#fff;text-align:center;border-top:3px solid #ddd;margin-bottom:30px;} .right_txt {margin:0 auto; padding-top: 32px ;text-align:center} .right_banner_list .img_box_right {width:210px;line-height:160%;margin:20px auto;} .right_banner_list .img_box_right img {width:210px; height:187px;} .right_banner_list .img_box_right p {font-size:13px;line-height:160%} .right_banner_list .img_box_right.disable p {display:none;} .right_banner_list .right_ban {width:210px; height:187px; position:relative; overflow:hidden;} .right_banner_list .right_ban .item {width:210px; height:187px; background-color:#aaa;} .right_banner_list .right_ban .item img {width:210px; height:187px;} .right_banner_list .owl-dots {position:absolute; bottom:5px; left:10px;} .right_banner_list .owl-dots .owl-dot {display:inline-block; margin-right:5px;} .right_banner_list .owl-dots .owl-dot span {display:inline-block; width:10px; height:10px; background-color:#aaa; border-radius:10px; border:2px solid #fff;} .right_banner_list .owl-dots .owl-dot.active span {background-color:#902C1F;} .red_line {width:1150px;border-bottom:3px solid #c91100} .detail_img h3 {margin:20px 0 0 20px;font-size:17px;color:#444;text-align:left;letter-spacing:-1px;padding-bottom:20px} .right_banner_list h3 {margin:20px auto;font-size:17px;color:#444;text-align:center;letter-spacing:-1px} .red_btn {cursor:pointer;background:#a51404;color:#fff;font-weight:bold;font-size:15px;letter-spacing:-2px;padding:10px 20px;border:none} /**** 모임 ****/ .chat_user_list {float:left;width:253px;height:358px;background:url(/fgmusic/images/group/chat_bg.gif) 0 44px no-repeat} .chat_user_list .menu {height:44px} .chat_user_list .menu li {float:left} .chat_user_list .list {width:253px;overflow-y:auto;overflow-x:hidden;height:304px;clear:both} .chat_user_list .list li {width:233px;margin:0 10px;vertical-align:middle} .chat_user_list .list li:hover {background:#fafafa} .chat_user_list .list li:hover .name {color:#000} .chat_user_list .list li img {vertical-align:middle} .chat_user_list .list .name {float:left;font-size:13px;color:#8f8f8f} .chat_user_list .list .ico {float:right;width:40px;padding-right:10px} .roomlist_box {float:right;width:756px;height:168px;background:#f5f5f5;border:1px solid #dedddd} .roomlist_box .room1 .tit {position:relative;top:18px;left:25px;float:left} .roomlist_box .list {float:right;width:631px;height:71px;background:#fff;margin:8px 8px 0 0} .roomlist_box .list .name {padding:7px 15px} .roomlist_box .list .name li {width:33%;float:left;font-size:12px} .roomlist_box .list .name li a {color:#505050;} .roomlist_box .room2 {clear:both;margin-top:2px} .roomlist_box .room2 .tit {position:relative;top:25px;left:25px;float:left} .user_search {width:756px;height:38px;margin-top:9px;float:right;border:1px solid #dedddd;background:#f5f5f5} .search_wrap {float:right;margin-right:28px;padding-top:9px} .user_search .tit {float:left;padding:9px 0 0 28px;margin-right:60px} .user_search select {vertical-align:middle} .user_search .btn_search {width:61px;height:23px;vertical-align:middle} .metting_user {float:right;margin-top:8px;padding:9px 12px;width:732px;height:101px;background:#f5f5f5;border:1px solid #dedddd} .metting_user .tit {width:117px;height:17px} .user_box {margin-top:7px} .user_box .pic {float:left;width:92px;padding-right:12px} .user_box .pic img {width:92px;height:74px;border:1px solid #d5d5d5} .user_box .profile {float:left;padding:12px 0 0 0} .user_box .profile li {clear:both;font-size:11px;color:#606060} .user_box .profile .name img {vertical-align:middle} .user_box .profile .name span {font-size:13px;font-weight:bold;color:#444;margin-left:2px} .user_box .profile .area {font-size:11px;color:#57a6ff} .user_box .profile .area2 {font-size:11px;color:#fe6657} .user_box .box_wrap {width:330px;float:left} /* 1대1채팅 */ .one_chat_list {width:1020px;height:348px;background:url(/fgmusic/images/group/one_bg.gif) 0 0 no-repeat} .one_chat_list .tit {float:left;position:relative;top:17px;left:14px} .one_chat_list .more {float:right;position:relative;top:17px;right:14px;font-size:11px} .one_chat_list .list {clear:both;position:relative;top:10px;left:10px;width:570px;padding-top:2px} .one_chat_list .list .list_con {float:right;vertical-align:middle;width:450px} .one_chat_list .list .list_con li {clear:both;width:450px;font-size:12px;line-height:normal;color:#616161} .one_chat_list .list .list_con .tit {font-size:13px;font-weight:bold;color:#444;position:relative;top:0;left:0;margin-top:5px;} .woman_btn {display:block;float:left;margin-right:3px;background:#ff7272;color:#fff;font-size:11px;letter-spacing:-1px;padding:1px 3px} .man_btn {display:block;float:left;margin-right:3px;background:#57a6ff;color:#fff;font-size:11px;letter-spacing:-1px;padding:1px 3px} .one_chat_list .btn a span {color:#fff} .one_chat_list .list .list_con .job {color:#fe6657} .one_chat_list .list .list_con .job2 {color:#57a6ff} .one_chat_list .list li img {vertical-align:middle} .one_chat_list .list .name {float:left;font-size:13px;color:#8f8f8f} .one_chat_list .list .ico {float:right;width:40px;padding-right:10px} .pic_user {float:right;width:495px;height:346px;background:#f5f5f5;border:1px solid #dedddd} .pic_user .tit {float:left;position:relative;top:17px;left:14px} .pic_user .more {float:right;position:relative;top:17px;right:14px;font-size:11px} .pic_user .user_box {clear:both;position:relative;top:30px;left:14px;overflow-y:auto;width:480px;height:300px} .pic_user .user_box .pic {float:left;width:92px;padding-right:12px} .pic_user .user_box .pic img {width:92px;height:74px;border:1px solid #d5d5d5} .pic_user .user_box .profile {float:left;padding:12px 0 0 0} .pic_user .user_box .profile li {clear:both;font-size:11px;color:#606060} .pic_user .user_box .profile .name img {vertical-align:middle} .pic_user .user_box .profile .name span {font-size:13px;font-weight:bold;color:#444;margin-left:2px} .pic_user .user_box .profile .area {font-size:11px;color:#57a6ff} .pic_user .user_box .profile .area2 {font-size:11px;color:#fe6657} .pic_user .user_box .box_wrap {width:230px;float:left} .pic_user .user_box .box_wrap .btn_metting {background:#57a6ff;color:#fff;width:80px;height:10px;padding:2px 0;text-align:center;} .pic_user .user_box .box_wrap .btn_metting_girl {background:#fe6657;color:#fff;width:80px;height:10px;padding:2px 0;text-align:center;} .talk_list td a {text-align:left} .talk_list td .btn_list {clear:both;position:relative;top:0;left:0;text-align:center;margin:0 auto} .talk_list td .btn_list li {margin:0 auto;padding:2px 0} .talk_list td .btn_list li span {width:70px;text-align:center;color:#fff} /* 모임방 개설 */ .group_user_box p, .group_user_box li {font-size:13px} .make_group_left {width:20%;margin-right:10px;float:left} .group_user_box {border:1px solid #ccc;width:100%;display:inline-block;overflow:hidden} .group_user_box .tit {background:#fafafa;height:25px;padding:10px 0 0 10px} .group_user_box .group_top {padding:10px} .group_user_box .group_top li a{color:#ff0000} .group_user_box .group_top li a:hover {text-decoration:underline} .group_user_box .group_top li {float:left} .li_line {display:inline-block;padding:0 10px;font-size:11px;color:#999} .group_user_box .board_list {width:100%} .group_user_box .board_list li {padding-left:10px;font-size:12px;line-height:150%} .group_user_box .board_list .tit {margin-bottom:10px;height:30px;background:#fafafa;} .group_user_box .board_list .title {float:left;padding-left:4px;padding-top:7px;font-size:12px;font-weight:bold} .group_user_box .board_list .more {float:right;padding-right:7px;padding-top:7px;font-size:11px} .make_group_right {float:right;width:78%} .make_group_right .form_table {width:100%} .item .textarea_s {width:750px;height:180px;margin:4px 0px 4px 5px;padding:3px 5px;border:1px solid #a9abb0;background:#fff;color:#000} .item .textarea_s2 {width:700px;height:180px;margin:4px 0px 4px 5px;padding:3px 5px;border:1px solid #a9abb0;background:#fff;color:#000} .big_font {font-weight:bold;font-family:나눔고딕;font-size:25px} .gray_box {padding:50px 0;background:#fafafa;text-align:center} .gray_box p {font-size:13px;line-height:160%;margin-bottom:10px;letter-spacing:-1px;font-weight:bold} .group_user_box .group_info {padding:10px;line-height:160%} .gray_line {border-top:1px solid #ccc} .group_category {padding:10px} .group_category li {font-size:13px;line-height:160%} .group_category li a:hover {text-decoration:underline;color:#ff6600} .group_table {border-top:2px solid #dadada;width:100%;margin-top:7px;clear:both;border-bottom:1px solid #dadada} .group_table th {font-size:12px;height:30px;background:#fafafa} .group_table td {border-top:1px solid #dadada;padding:10px 0;text-align:center;line-height:150%;font-size:12px} .group_table .left {letter-spacing:-1px;font-size:13px} .group_table td .btn_notice {text-align:center} .btn_notice {display:block;width:30px;background:#58beff;color:#fff;padding:1px 0;text-align:center;margin:0 auto;} .group_view_table {width:100%;margin-top:7px} .group_view_table th {border-top:1px solid #dadada;border-bottom:1px dotted #ccc;text-align:left;padding:10px} .group_view_table th .tit {float:left;font-size:15px;letter-spacing:-1px} .group_view_table th .table_info {float:right;font-weight:normal;color:#777} .group_view_table td {padding:20px 10px;font-size:12px;color:#666;line-height:150%} .group_view_table tbody td {border-bottom:1px solid #dadada} .group_view_table tfoot td {background:#fafafa;font-size:12px} .group_view_table .comment {margin-top:20px} .group_view_table .comment li {line-height:150%;border-bottom:1px dotted #ccc;padding-bottom:20px;padding-top:20px} .group_view_table .comment li p {font-size:12px} .t_in {text-indent:20px;margin-top:10px} .group_view_table .comment li .re_comment li {border-bottom:0} .group_view_table .comment li .re_comment p {} .group_view_table .comment li .re_comment .t_in {text-indent:35px} .item .textarea_long {width:800px;height:50px;border:1px solid #ccc;float:left;overflow-y:auto} .item .btn_gray {padding:4px;height:23px;background:#fbfbfb;border:1px solid #d7d7d7;font-size:12px;font-weight:bold;color:#444} .item .btn_gray2 {padding:3px 10px;background:#fbfbfb;border:1px solid #d7d7d7;font-size:12px;font-weight:bold;color:#444} .group_view_table td img {vertical-align:top} .group_table .notice_bg td {background:#fbfbfb} .group_ban img {border:1px solid #ccc} .group_category li img {vertical-align:middle;padding-bottom:2px} .profile_table {border-top:2px solid #dadada;width:100%;border-bottom:1px solid #dadada} .profile_table th, .profile_table td {height:20px;padding:10px 0;text-align:left;padding-left:10px;font-size:12px;line-height:150%} .profile_img {border:1px solid #e8e8e8;padding:20px 20px 40px 20px;width:168px;height:151px;background:url(/fgmusic/images/group/profile_img.gif) 50% 50% no-repeat} .profile_img .txt {position:relative;top:165px;text-align:center;font-size:12px} .group_list {padding-left:10px;clear:both} .group_list li {padding:3px 0;color:#666;background:url(/fgmusic/images/group/ico_gray_dott.gif) 0 50% no-repeat;padding-left:10px;font-size:12px;line-height:120%} .group_list li a {color:#444;letter-spacing:normal;line-height:120%} .group_list li a:hover {color:#d40000} /**** 게시판 ****/ /* VIEW */ .vote {clear:both;margin:40px 0 0 0;height:90px} .vote .vote_wrap {width:222px;margin:0 auto;text-align:center} .vote p {float:left;margin-right:10px;cursor:pointer;} .vote1 {background:url(/fgmusic/images/bbs/bg_vote.gif) no-repeat;width:101px;height:83px} .vote2 {background:url(/fgmusic/images/bbs/bg_vote2.gif) no-repeat;width:101px;height:83px} .vote p span {font-size:25px;font-weight:bold;text-align:center;padding-top:20px;display:block;color:#fff} .vote_link {clear:both;width:100%;border:1px solid #dadada;margin-top:60px} .vote_link h2 {background:#fafafa;color:#444;font-weight:bold;font-size:12px;padding:5px 10px} .vote_link ul {padding:10px 0} .vote_link ul li {font-size:12px; padding:3px 0 0 20px;background:url(/fgmusic/images/bbs/ico_list.gif) 10px 50% no-repeat} .vote_link ul li a .a_pink {color:#555} .vote_link ul li a:hover .a_pink {color:#ff4949} .bbs_topline {font-size:11px;color:#ccc;padding:0 5px} .bbs_toolbar {position:relative;top:6px;left:-20px} .tool_btn { float:left; background:url(/fgmusic/images/bbs/tool_bg.gif) repeat-x; width:62px; text-align:center; height:14px; padding:8px 8px; display:block; border-left:1px solid #d7d7d7; border-right:1px solid #d7d7d7; border-top:1px solid #d7d7d7; border-bottom:1px solid #a9abb0; color:#525353; letter-spacing:-1px; font-size:11px } .tool_btn img {vertical-align:middle} /**** 마이페이지 ****/ .mypage_top_box{position:relative;top:-15px;border:1px solid #b8babe;border-top:0px;height:620px} .mypage_top_box .all_list {clear:both;/*padding:10px*/} .mypage_top_box .all_list ul {display: inline-block; margin-top: 15px; width: 100%; height: 285px;} .mypage_top_box .all_list ul li{width: 32%; padding: 0 0.6%; float: left; height: 265px; border-right: 1px solid #dedede; margin-top:10px;} .mypage_top_box .all_list ul li dl{ width: 96%; height: 185px; margin-top: 10px; padding-left:10px;} .mypage_top_box .all_list ul li.last{border-right:0px;} .mypage_top_box .all_list ul li dl dt{font-size:1.1em;color: #6F6F6F; font-weight: bold; padding: 4px 0px 5px 0; line-height: 130%; position: relative; top: -3px;} .mypage_top_box .all_list ul li dl dd{font-size: 12px; color: #7C7C7C; font-weight: normal; line-height: 140%;} .mypage_top_box .all_list ul li a{display: block; margin-top: 12px;} .mypage_top_box .all_list ul li a img{width:100%; height:65px;} .mypage_top_box .all_list ul li.bnner_1 a img{width:100%; height:265px;} /*.mypage_top_box .all_list a {text-align:left} .mypage_top_box .all_list .img_list {float:left;width:267px;margin-right:20px;margin-bottom:20px;border:0px} .mypage_top_box .all_list .img_list img {width:267px;border:0px} .mypage_top_box .all_list .last {margin-right:0px}*/ /* 메인 레이아웃 */ .clfix:after {content: "."; display: block; height: 0px; clear: both; visibility: hidden;} .clfix {display: inline-block;} .clfix {display: block;} * html .clfix {height:1%;} /* Hides from IE-mac */ .clfix {zoom:1;} /*for IE 5.5-7*/ .main_content {border:1px solid #B8BABE; margin-top:10px;} .main_content p {font-size:18px; padding-top:10px; font-weight:bold;} .left_side {float:left; width:574px; border-right:1px solid #b8babe; height:1000px;} .right_side {float:right;width:570px; height:1000px;} #company5_box{width:100%;position:relative;overflow:hidden;float:right;} /* 비주얼 */ /* [육] 이미지 다른 클래스로 불러올게요. */ #company5_box #CPN_s_visual4{width:100%;height:175px; padding-top:60px;} /*#company5_box #CPN_s_visual4{width:100%;height:175px;background:url(/images/title_back4.jpg) no-repeat 175px 0;padding-top:60px;}*/ #CPN_s_visual4 h4.title_fontweight3{font-size:49px !important;height:50px !important;margin-bottom:15px !important;} #CPN_s_visual4 p {text-align:left;font-size:30px;line-height:35px;color:#666;letter-spacing:-1px;} /* 내용 */ #company5_box .cpn_greeting_box{width:100%;overflow:hidden;position:relative;} .cpn_greeting_box p{text-align:left;font-size:14px;color:#666;line-height:23px;margin-bottom:30px;} .cpn_greeting_box p.mb10{margin-bottom:10px;} .cpn_greeting_box p.grt_b_tit{font-size:29px;color:#4d820f;font-weight:bold;margin-bottom:10px;line-height:30px;} .cpn_greeting_box p.grt_right {text-align:right;font-size:18px;color:#3a3a3a;} .cpn_greeting_box span.grt_fc{font-size:15px;color:#4d820f;display:inline;} .cpn_greeting_box span.rdt_fc {font-size:15px;color:#e90111;display:inline;} .cpn_greeting_box span.grt_fs{font-size:30px;color:#4d820f;display:inline;} .cpn_greeting_box span.grt_bl{font-size:30px;font-weight:bold;margin-right:20px;} /*개인정보취급방침*/ #sub_contents h3 {font-size:22px;padding:18px 0 10px 10px;border-bottom: 3px solid #069;} .privacy_guide{position:relative;width:936px;height:216px;background:url(/images/scenter_notice_title6.jpg) no-repeat 180px 86px;margin-bottom:20px;} .privacy_guide p {text-align:left;position:absolute;left:20px;top:40px;letter-spacing:-2px;font-size:23px;font-weight:bold;line-height:30px;} .privacy_guide p span {color:#0b9dd9;} .privacy_guide ul {position:absolute;left:20px;bottom:5px;} .privacy_guide ul li {width:150px;float:left;font-size:12px;color:#666;letter-spacing:-1px;text-align:left;line-height:15px;padding-bottom:5px;} .privacy_guide ul li span {color:#0072bc;} .privacy_guide ul li.mw320{width:325px;} .privacy_guide ul li.mw225{width:255px;} #scenterM.info{width:875px;border:none;padding:20px;border:1px solid #ebebeb;} #scenterM.info p{font-size:12px; color:#333;text-align:left;line-height:20px;} #scenterM.info p.title{color:#0072bc;} #scenterM.info p.contents{margin-top:10px;} #scenterM.info ol{font-size:12px;color:#333;text-align:left;} #scenterM.info ul{font-size:12px;color:#666;text-align:left;} #scenterM.info li{font-size:12px;color:#666;text-align:left;line-height:20px;} #scenterM.info dl.contents{border:1px solid #ccc;padding:20px;} #scenterM.info dl.contents dt{margin:5px 0;} #scenterM.info dl.contents dd{line-height:20px;} #scenterM.info dt{font-size:12px;color:#333;text-align:left;font-weight:bold;line-height:16px;} #scenterM.info dd{font-size:12px;color:#333;line-height:16px;} #scenterM.info dt.title{color:#0072bc;margin-top:10px;font-size:13px;} #scenterM.info dd{font-size:12px; color:#333;text-align:left;} #scenterM.info dd.contents{padding:5px 0px;} #scenterM.info dd.contents ol{border:1px solid #ccc;padding:15px;} #scenterM.info dd.contents ol li{margin-bottom:15px;} #scenterM.info dd.contents ul{position:relative;overflow:hidden;border:1px solid #ccc;padding:15px;margin-top:5px;} #scenterM.info dd.contents ul.contents2{border:none;padding:0 0 0 15px;margin:0;} #scenterM.info dd.contents ul.contents3{border:none;padding:0;} #scenterM.info dd.contents .fWb{font-size:12px; color:#333;} #scenterM.info table{border:1px solid #ccc;} #scenterM.info table .num1{width:110px;} #scenterM.info table .num2{width:140px;} #scenterM.info table .num3{width:190px;} #scenterM.info table .num4{width:290px;} #scenterM.info th{padding:10px;font-size:12px;color:#626262;text-align:center;background:#f5f5f5;border:1px solid #ccc;} #scenterM.info td{padding:10px;font-size:12px;color:#666;border:1px solid #ccc;} /*이용약관*/ #scenterBG5 {width:980px;height:168px;background:url('/images/scenter_notice_title5.jpg') no-repeat 180px 0;position:relative;} #scenterBG5 p {text-align:left;position:absolute;left:20px;top:50px;letter-spacing:-1px;font-size:28px;font-weight:bold;line-height:35px;} #scenterBG5 p span {color:#0b9dd9;} #scenterM.clause {width:860px; border:1px solid #ebebeb;overflow:hidden;padding:20px;} #scenterM.clause h5,#scenterM.clause dt,#scenterM.clause dd,#scenterM.clause li{text-align:left;} .clauseBox{width:860px;} .clauseBox h5{font-size:15px; font-weight:bold; color:#333;margin:0 auto;} .clauseBox dl{margin:15px 0;} .clauseBox dt{font-size:13px;font-weight:bold;color:#0072bc;margin-bottom:7px;} .clauseBox dd{font-size:12px; color:#666;line-height:20px;} .clauseBox ul{border:1px solid #ccc;padding:10px 15px;margin:10px 0;} .clauseBox li{font-size:12px; color:#666;line-height:20px;} .clauseBox ul.point{background-color:#f5f5f5;padding:10px 15px;margin:10px 0;} .clauseBox strong{display:inline-block;width:100%;font-size:12px; font-weight:bold; color:#666;text-align:center;padding:10px 0;line-height:20px;background-color:#f7f8fb;} .clauseBox p{font-size:12px; color:#f00;line-height:18px;} /* 광고제휴 */ .wrap_alliance {padding:27px 0 28px 29px;width:872px;border:1px solid #dfdfdf;background:#fafafa;margin-top:48px;} .wrap_alliance div h2, .wrap_alliance div p, .wrap_alliance div ul li, .wrap_alliance div ol li, .wrap_alliance div a {overflow:hidden;text-indent:-9999px;font-size:0;line-height:0;} .wrap_alliance h3 {padding:0 0 20px 0;width:840px;background:url(http://image.wemakeprice.com/images/2013/company/alliance/alliance_dot.png) left bottom repeat-x;} .wrap_alliance .tit , .wrap_alliance .btn {display:block;overflow:hidden;text-indent:-9999px;font-size:0;line-height:0;background:url(../images/alliance_img.png) no-repeat;} .wrap_alliance .con {width:877px;margin-bottom:38px;} .wrap_alliance .inner {width:840px;padding:0px 0 30px 0;border:1px solid #d4d4d4;background:#fff;} .wrap_alliance .alliance_con {overflow:hidden;padding:30px 30px 0 29px;} .wrap_alliance .cooperate_top {position:relative;margin:-45px 0 0 -29px;width:901px;height:417px;background:url(../images/alliance_top_v3.jpg) no-repeat -25px 0;} .wrap_alliance .cooperate_top a {position:absolute;top:282px;left:76px;display:block;width:226px;height:62px;} .wrap_alliance .cooperate04 {margin-bottom:0;} .wrap_alliance .cooperate04 h3 .tit {margin-left:29px;width:231px;height:28px;background-position:0 -70px;} .wrap_alliance .cooperate04 .wrap_service {overflow:hidden;width:816px;height:232px;padding-bottom:40px;text-indent:-9999px;font-size:0;line-height:0;background:url(../images/alliance_con04.jpg) no-repeat;} .wrap_alliance .cooperate04 .wrap_same {padding-bottom:20px;font-size:12px;line-height:18px;color:#666;} .wrap_alliance .cooperate04 .wrap_same h4 {margin-bottom:10px;width:259px;height:15px;background-position:0 -105px;} .wrap_alliance .cooperate04 .wrap_same .list {padding:20px;border:1px solid #ebebeb;} .wrap_alliance .cooperate04 .wrap_same p{text-indent:0;font-size:12px;line-height:18px;} .wrap_alliance .cooperate04 .wrap_same dt {font-weight:bold;padding:22px 0 5px 0;} .wrap_alliance .cooperate04 .wrap_same dd {padding-left:28px;background:url(http://image.wemakeprice.com/images/company/alliance_v3/ico_2_2_C666.gif) no-repeat 19px 7px;} .wrap_alliance .cooperate04 .wrap_same .inp_chk {width:13px;height:13px;margin-right:2px;} .wrap_alliance .cooperate04 .wrap_same .ico_dot {margin:16px 0 14px;padding-left:6px;background:url(http://image.wemakeprice.com/images/2013/company/alliance/ico_dot_gray.png) no-repeat 0 7px;color:#888;line-height:18px;} .wrap_alliance .cooperate04 .wrap_appli h4 {margin-bottom:9px;width:126px;height:15px;background-position:0 -125px;} .wrap_alliance .cooperate04 .tbl_contact { width:100%; border-top:2px solid #e01e21;} .wrap_alliance .cooperate04 .tbl_contact th, .wrap_alliance .cooperate04 .tbl_contact td { border-bottom:1px solid #e4e4e4; padding:10px; } .wrap_alliance .cooperate04 .tbl_contact th { text-align:left; vertical-align:middle;font-weight:bold; padding-left:25px; width:100px;color:#393939;background-color:#f7f7f7; border-right:1px solid #e4e4e4; } .wrap_alliance .cooperate04 .tbl_contact td input, .wrap_alliance .cooperate04 .tbl_contact td textarea {border:1px solid #dfdfdf; background-color:#f8f8f8; outline:none;} .wrap_alliance .cooperate04 .tbl_contact td input[type=radio] {background-color:transparent;} .wrap_alliance .cooperate04 .tbl_contact td input, .wrap_alliance .cooperate04 .tbl_contact td select {padding:4px; vertical-align:middle; width:150px; outline:none; } .wrap_alliance .cooperate04 .tbl_contact td input.radio {border:none; margin-right:3px; width:auto; } .wrap_alliance .cooperate04 .tbl_contact td input.w60, .wrap_alliance .cooperate04 .tbl_contact td select.w60 { width:60px; } .wrap_alliance .cooperate04 .tbl_contact td input.w320 { width:320px; } .wrap_alliance .cooperate04 .tbl_contact td textarea {width:600px; font-size:12px; padding:4px; color:#666; height:140px; } .wrap_alliance .cooperate04 .wrap_btn {clear:both;float:none;width:250px;margin:20px auto;padding:30px 0 0 0;} .wrap_alliance .cooperate04 .wrap_btn a.btn {float:left;width:93px;height:38px;margin-right:9px;border:0 none;} .wrap_alliance .cooperate04 .wrap_btn a.send {background-position:0 -145px;} .wrap_alliance .cooperate04 .wrap_btn a.cancel {margin:0;background-position:-105px -145px;} .wrap_alliance .cooperate04 .area_sel{width:219px;} .wrap_alliance .cooperate04 .selectA select {margin-right:30px; width:auto;} .wrap_alliance .cooperate04 .selectB select {width:110px;} .wrap_alliance .cooperate04 .selectC select {margin-right:30px; width:110px;} .wrap_alliance .cooperate04 .selectD select {width:110px;} .wrap_alliance .cooperate04 .selectE select {width:110px;} .wrap_alliance .cooperate04 .selectB {display:none;} .wrap_alliance .cooperate04 .selectD {display:none;} .wrap_alliance .cooperate04 .selectE {display:none;} .wrap_alliance .cooperate04 .tbl_contact td input.btn_flexible{background: url('../images/alliance_img.png') no-repeat;line-height:0;font-size:0;float:left;vertical-align:middle;margin-right:5px;} .wrap_alliance .cooperate04 .tbl_contact td input.btn_down{background: url('../images/alliance_img.png') 0 -196px no-repeat;display:inline-block;font-size:0;width:128px;height:25px;} .wrap_alliance .cooperate04 .tbl_contact td input.btn_file{background-position:-140px -196px;width:70px;height:25px;} .wrap_alliance .cooperate04 .tbl_contact td .file{position:relative;border:0;padding:0;width:inherit;height: inherit;cursor: pointer;} .wrap_alliance .cooperate04 .tbl_contact td .txt_info{margin-bottom:8px;} .wrap_alliance .cooperate04 .tbl_contact td .styleFileInput{position: relative;} .wrap_alliance .cooperate04 .tbl_contact td .styleFileInput .browseButton{width:70px;height:24px;position:absolute;left:133px;background: url('../images/alliance_img.png') -140px -196px no-repeat;text-indent:-9999px;display:inline-block;text-align:left;} .wrap_alliance .cooperate04 .tbl_contact td .styleFileInput .browseText{position:absolute;left:208px;margin: 0 48px 0 0;padding:4px;} .wrap_alliance .cooperate04 .tbl_contact td .styleFileInput .theFileInput{position:absolute;top:0px;left: 156px;opacity:0;-moz-opacity:0;filter:alpha(opacity:0);z-index:2;width:80px;font-size: 1em;} /*탭*/ .tabArea {margin-top:20px;padding:10px;} .tabArea h2 {text-align:left;margin-left:5px;font-size:13px;padding:4px 0;} .tab {overflow:hidden; zoom:1;position:relative;} .tab li {width:20%;float:left; height:37px; margin-top:2px;} .tab li a {display: inline-block;width: 100%;float:left; height:37px;color:#4563a1; font-size:13px; background:#edf1f8; line-height:37px; text-align:center;}/* width:101px;\ */ .tab li.active {height:37px;} .tab li.active a {background:#607ebc; color:#fff;} #tab02 li {width:25%;} #tab02 li a {display: inline-block;width: 100%;} #tab03 li {width:50%;} #tab03 li a {display: inline-block;width: 100%;} #tab00 li {width:20%;} #tab00 li a {display: inline-block;width:100%;} .tabcon00 {width: 97%;padding:3px;height:1%;overflow:hidden;border:1px solid #ddd;border-left:none;border-right:none;display:none;} .tabcon00 ul li {background:url('../images/bul.gif') no-repeat 0 50%;margin:6px 0;text-align:left;padding-left:10px;} .tabcon {width: 97%;padding:3px;height:1%;overflow:hidden;border:1px solid #ddd;border-left:none;border-right:none;display:none;} .tabcon ul li {background:url('../images/bul.gif') no-repeat 0 50%;margin:6px 0;text-align:left;padding-left:10px;} .tabcon02 {width: 96%;margin-left:3px;padding:3px;height:1%;overflow:hidden;border:1px solid #ddd;border-left:none;border-right:none;display:none;} .tabcon02 ul li {margin:10px 0; font-size:13px; line-height:15px; background:url('../images/bul.gif') no-repeat 0 50%;text-align:left;padding-left:10px;} .tabcon03 {width: 96%;margin-left:3px;padding:3px;height:1%;overflow:hidden;border:1px solid #ddd;border-left:none;border-right:none;display:none;} .tabcon03 ul li {margin:10px 0; font-size:13px; line-height:15px; background:url('../images/bul.gif') no-repeat 0 50%;text-align:left;padding-left:10px;} .tabcon04 {width: 96%;margin-left:3px;padding:3px;height:1%;overflow:hidden;border:1px solid #ddd;border-left:none;border-right:none;display:none;} .tabcon04 ul li {margin:10px 0; font-size:13px; line-height:15px; background:url('../images/bul.gif') no-repeat 0 50%;text-align:left;padding-left:10px;} .tabcon05 {width: 96%;margin-left:3px;padding:3px;height:1%;overflow:hidden;border:1px solid #ddd;border-left:none;border-right:none;display:none;} .tabcon05 ul li {margin:10px 0; font-size:13px; line-height:15px; background:url('../images/bul.gif') no-repeat 0 50%;text-align:left;padding-left:10px;} .cen_line{border-right: 1px solid #dedede; width: 0; height: 112px; position: absolute; left: 610px; top: 13px;} .top_list {overflow:hidden; width: 100%;} .top_list * {font-family:'Nanum Gothic','나눔고딕','gulim','굴림';} .top_list .top_list0101 {position:relative; float:left; /*width:495px;*/ width:50%; height:95px; /*margin-right:15px;*/} .top_list .top_list0101 img {display:inline-block; position:relative; top:7px;bo rder:1px solid #a9a9a9;} .top_list .top_list0101 dl {/*width:329px;*/ width:360px; padding-top:5px;/*padding-right:25px;*/ height:112px; position:absolute; letter-spacing:0px; left:135px; top:0px; } .top_list .top_list0101 dl dt {font-size:14px; color:#6F6F6F; font-weight:bold; padding:4px 0px 5px 0; line-height:130%;backg round:url('../images/review.jpg') no-repeat 0 6px; position:relative; top:-3px;} .top_list .top_list0101 dl dd {font-size:12px; color:#7C7C7C; font-weight:normal; line-height:140%;} .top_list .top_list0101 dl dd span {dis play:block;color:#A6A6A6; position:relative; left:3px;} .top_list .top_list0102 {float: left;/*width:485px;*/ width:50%;} .top_list .top_list0102 dl {/*width:485px;*/ width:460px; height:112px;letter-spacing:0px;/*padding-right: 20px;*/ margin:0 auto;} .top_list .top_list0102 dl dt {font-size:13px; font-weight:bold; padding:4px 0px 2px 20px; color:#004874; background:url('../images/review.jpg') no-repeat 0 4px;} .top_list .top_list0102 dl dd {font-size:12px; color:#7C7C7C; font-weight:normal; line-height:140%; padding-bottom:2px;} .top_list .top_list0102 dl dd span {color:#A6A6A6;position:relative; left:3px;} .top_list a:hover {text-align:left !important; text-decoration:none !important;} .top_list a:hover * {text-align:left !important; text-decoration:none !important;} .top_list * {font-family:'Nanum Gothic','나눔고딕','gulim','굴림'; } /**************** 메인 게시판 추출 추가 작업 2016. 02. 25 김미진*************************/ .sub_category .lab_boards{ width: 100%; display: inline-block; margin: 0 auto; padding-top: 11px;} .lab_boards *{font-family:'Nanum Gothic','나눔고딕','gulim','굴림';} .lab_boards li{font-family:'Nanum Gothic','나눔고딕','gulim','굴림'; } .sub_category .lab_boards > ul{display: inline-block; width: 100%; margin: 0; padding: 0px; list-style: none;} .sub_category .lab_boards > ul > li{float: left; width: 30%; border: 1px solid #ccc; margin-right: 1.76%; padding: 10px;} .sub_category .lab_boards > ul > li.last{margin-right:0px;} .sub_category .lab_boards .board{height:194px; overflow:hidden;} .sub_category .lab_boards .board div:not(.q_text_box) { height:20px; border-bottom: 1px solid #ececec; vertical-align:bottom;} .sub_category .lab_boards .board .q_text_box > div.readmore_box { padding-left: 0 !important; height:auto;} .sub_category .lab_boards .board div h3{display: inline-block; margin: 0px;} .sub_category .lab_boards .board div a{ float: right;} .sub_category .lab_boards .board > ul{display: inline-block; width: 95%; margin-top: 12px; padding-left: 10px; list-style: none;font-size:12px; color: #333333; line-height: 22px;} .sub_category .lab_boards .board > ul li{width: 100%; padding-left: 3px; /*background: url(/fgmusic/images/listDot_icn.gif) no-repeat left center;*/ overflow: hidden; /*text-overflow:ellipsis; white-space: nowrap;*/} .sub_category .lab_boards .board > ul li span{position: relative; } .sub_category .lab_boards .board > ul li span.red{color:red;} .sub_category .lab_boards .board > ul li span.blue{color:blue;} .sub_category .lab_boards .board > ul li span.last{float:right; padding-right:2px;} .sub_category .lab_boards .board > ul li a{} .sub_category .lab_boards .board .first a:hover, .sub_category .lab_boards .board .first a:active, .sub_category .lab_boards .board .first a:visited{text-align:left;} .sub_category .lab_boards .board .webzin_board{padding-left:0px; width:100%;} .sub_category .lab_boards .board .webzin_board li.first{margin-bottom:8px; padding-left: 0px; width: 100%;} .sub_category .lab_boards .board .webzin_board .first a{float:left; } .sub_category .lab_boards .board .webzin_board .first .first_txt{float: left; width: 63%; padding-left: 10px;} .sub_category .lab_boards .board .webzin_board .first .first_txt li{width: 100%; background:none; padding-left: 0px;} .sub_category .lab_boards .board .webzin_board .first .first_txt .txt_subtitle a{width: 98%; margin: 0 auto; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} .sub_category .lab_boards .board .webzin_board .txt_subtitle{width: 100%; text-overflow: inherit;white-space: normal; font: 600 13px 'Nanum Gothic'; line-height: 22px;} .sub_category .lab_boards .board .webzin_board .txt_subtitle li a{width:100%;} .sub_category .lab_boards .board .webzin_board .txt_con{height: 32px; white-space: initial; line-height: 16px; margin-top: 5px;} .sub_category .lab_boards .board .webzin_board .txt_con a{height:100%;} .sub_category .lab_boards .board .webzin_board .list_bottom{width:100%; margin-top:12px;display: inline-block;} .sub_category .lab_boards .board .webzin_board .list_bottom li{ width: 23%; text-align:center; font: normal 10px 'Nanum Gothic'; border-right: 1px solid #e0e0e0; padding: 0 1%; white-space: normal;} .sub_category .lab_boards .board .webzin_board .list_bottom li:first-child{text-align:left; font:600 13px 'Nanum Gothic'; color:#000; line-height:23px; } .sub_category .lab_boards .board .webzin_board .first{padding-left:0px; width:100%;} .sub_category .lab_boards .board .first a img{float:left;} .sub_category .lab_boards .board .first .first_txt li{background: none; padding-left: 0px;} .sub_category .lab_boards .board .first .first_txt ul.list_bottom{display: inline-block; width: 100%; margin-top: 12px; text-align: center;} .sub_category .lab_boards .board .first .first_txt .list_bottom li{width: 23%; font: normal 10px 'Nanum Gothic'; border-right: 1px solid #e0e0e0; padding: 0 1%;} .sub_category .lab_boards .board .first .first_txt .list_bottom li:first-child{font-size:11px; line-height:13px;} .sub_category .lab_boards .board .first .first_txt .list_bottom li.last{border-right:0px;} /**************** 메인 게시판 추출 추가 작업 2016. 02. 25 김미진*************************/ .sub_category .lab_boards .board > ul:last-child {padding-left: 0;} .sub_category .lab_boards .board .q_text_box {border: none;} .sub_category .lab_boards .board .q_text_box h4 {padding-left: 21px; position: relative; font-size: 1.2em; color: #8a0419; /*overflow: hidden; text-overflow: ellipsis;*/ white-space: normal; line-height: 130%; height: auto; text-align: left; word-wrap: break-word; display: -webkit-box; /*-webkit-line-clamp: 2;*/ -webkit-box-orient: vertical; background-color:#fff;} .sub_category .lab_boards .board .q_text_box h4 span {position: absolute; left: 0; top: 0; color: #8a0419; font-weight: bold;} .sub_category .lab_boards .board .q_text_box h4 span strong {padding: 0 3px ;} .sub_category .lab_boards .board .q_text_box>div {overflow: hidden; border-bottom: none; margin: 2px 0 5px; padding-left: 21px; font-weight: bold;} .sub_category .lab_boards .board .q_text_box>div>p {display: inline-block; font-size: 1.1em; margin: 0 10px; letter-spacing: 0;} .sub_category .lab_boards .board .q_text_box>div>p:nth-child(1) {color: #ed1c24;} .sub_category .lab_boards .board .q_text_box>div>p:nth-child(3), .sub_category .lab_boards .board .q_text_box>div>p:nth-child(4) {color: #3f48cc;} .sub_category .lab_boards .board .q_text_box>div>p:last-child{} .sub_category .lab_boards .board .q_text_box ul {} .sub_category .lab_boards .board .q_text_box ul li {margin-top:3px;} .sub_category .lab_boards .board .q_text_box ul li p {display: inline; font-size: 1.1em; color: #8e8e8e; box-sizing: border-box; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; width: 80px;} .sub_category .lab_boards .board .q_text_box ul li p:last-child {float: right; font-weight: bold; color: #ee313d;} .sub_category .lab_boards .board .q_text_box ul li .q_gra_wrap {display: inline-block; background-color: transparent; width: 137px; height: auto; margin-left: 5px; border-bottom: none; vertical-align: top;} .sub_category .lab_boards .board .q_text_box ul li .q_gra { border-radius: 0 50px 50px 0; background-color: #385cae; border: none;} /* .sub_category .lab_boards .board .q_text_box ul li:nth-child(1) .q_gra {width: 63%;} .sub_category .lab_boards .board .q_text_box ul li:nth-child(2) .q_gra {width: 12%;} .sub_category .lab_boards .board .q_text_box ul li:nth-child(3) .q_gra {width: 3%;} */ /**************** researcher_enroll.php 2016. 02. 25 김미진*************************/ .wrap_alliance #board_area{width:100%; font-size:12px; color:#393939;} .wrap_alliance #board_area div.board_tit{width:842px; text-align: center; padding: 10px 0 30px;} .wrap_alliance #board_area div.board_tit h2, .wrap_alliance #board_area div.board_tit p, .wrap_alliance #board_area div.board a, .wrap_alliance #board_area div.board ul li, .wrap_alliance #board_area div.board ul li p{overflow:inherit; text-indent:0px; font-size:32px; font-weight:600; color:#444444; /*line-height:53px;*/} .wrap_alliance #board_area div.board_tit h2{line-height: 32px; letter-spacing: -0.5px;} .wrap_alliance #board_area div.board_tit p{font-size:14px; color: #a4a4a4; font-weight:normal; line-height:20px; margin-top: 13px;} .wrap_alliance #board_area div.board{width:842px; margin-top:30px; border-top:1px solid #dfdfdf;} /*.wrap_alliance #board_area .board ul{display:inline-block; border-bottom:1px solid #dfdfdf; margin-bottom:30px;}*/ /*.wrap_alliance #board_area .board ul li{float:left; width:48%; margin-right:4%;}*/ /*.wrap_alliance #board_area .board ul li a{display: inline-block; font-size:26px; line-height: 40px; margin: 10px 0;}*/ /*.wrap_alliance #board_area .board ul li a h3{font-weight:normal; color:#444; background:none; padding:0px; }*/ /*.wrap_alliance #board_area .board ul li a h4{font-weight:normal; color:#0078bd;}*/ /*#board_area .board a:hover, #board_area .board a:active, #board_area .board a:visited{text-align:left;}*/ /*.wrap_alliance #board_area .board ul li div{}*/ /*.wrap_alliance #board_area .board ul li div h5{font-size:17px; font-weight:normal; line-height:17px; color:#444444; padding:20px 0 15px 0; border-top:1px solid #ced2d7; border-bottom:1px solid #ced2d7;}*/ /*.wrap_alliance #board_area .board ul li div p{font-size:12px; font-weight:normal; line-height:22px; color:#666; padding: 22px 0 50px 0;}*/ /* TOP banner */ /* #wrap .top_notice { overflow:hidden; top:0; left:0; width:100%; height:90px; background:#db4234; z-index:9999; } #wrap .top_notice .area_wrap { position:relative; width: 1100px; height:100%; margin: 0px auto; background:url("/fgmusic/images/bg/k_noticetop.jpg") no-repeat center 0; } #wrap .top_notice .notice_txt { position:absolute; top:34px; left:228px; } #wrap .top_notice .notice_txt span {padding-right:12px; vertical-align:3px; } #wrap .top_notice .visual_img { position:absolute; top:7px; right:0; } #wrap .top_notice .btn_close { position:absolute; top:12px; right:-83px; display:block; } */ /* [D] 2016-03-15 변호사 리스트 */ ul.thlist { width:100%; margin-top:0 !important; display:inline-block; list-style: none;} ul.thlist li { display: inline-block; width:284px !important; height:367px !important; margin-top:20px; position:relative; border:0 !important; } ul.thlist li a { display:block; border:1px solid #ddd; background:#fff; } ul.thlist li a:hover { border:1px solid #999; } ul.thlist li img { width:100%; } ul.thlist li span.img { padding:0px; background:#eee; width: 282px; height: 154px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} ul.thlist li span { padding:0 15px; display:block; text-align:left; font-size:12px; line-height:1.4em; } ul.thlist li span.di { width:100%; display:inline-block; } ul.thlist li span.di.top { margin-top:15px; } ul.thlist li span.di.bot { margin-top:10px; margin-bottom:70px; } ul.thlist li span.fl { float:left; padding:0 0; } ul.thlist li span.fl.ing { padding:2px 4px; background:#098f48; color:white; } ul.thlist li span.fr { float:right; margin:0; padding-right:30px !important; } ul.thlist li span.tt { height: 40px; margin-top:15px; font-size:13px; font-weight:600; color:#333; overflow:hidden; text-overflow: ellipsis;} ul.thlist li span.tt .tel { position:relative; bottom:0px; color:#098f48; } ul.thlist li span strong.per { position:relative; bottom:1px; color:#db4234; font-size:16px; font-weight:bold; } ul.thlist li span strong.pr { position:relative; bottom:2px; font-size:14px; font-weight:bold; letter-spacing:0; } ul.thlist li span strong.pend { position:relative; bottom:1px; color:#db4234; font-size:18px; font-weight:bold; letter-spacing:0; } ul.thlist li span.con {color:#666; height: 50px; margin-top:10px; margin-bottom:50px; padding-bottom:15px; border-bottom:1px solid #eee; overflow:hidden; text-overflow: ellipsis;} ul.thlist li div.btnn { padding:0 15px; position:relative; bottom:45px; text-align:center; } ul.thlist li div.btnn a { width:48%; padding:10px 0; display:inline-block; font-size:14px; font-weight:bold; text-align:center !important; letter-spacing:0; } ul.thlist li div.btnn a.left { float:left; border:1px solid #999; } ul.thlist li div.btnn a.left:hover { border:1px solid #333; } ul.thlist li div.btnn a.right { color:white; border:1px solid #03904b; background:#03904b; } .subtitle-ul { list-style: none; display: inline-block;height: 13px;} .subtitle-ul li { display: inline-block; width: 24px; height: 15px; padding-right: 10px; font-size: 12px; color: #555555;} .subtitle-ul li a{ width: 25px; } .btn-register-lawyer{ float: right; padding: 8px 15px; background: #cf0000; font-size: 13px; font-weight: bold; color: #ffffff;} .btn-register-lawyer a{color: #ffffff;} /* 변호사 상세페이지 */ div.view_ { margin-top:20px; border:1px solid #ddd; } div.view_ div.subject {font-family: 'Nanum Gothic'; height:70px; padding:0 30px; padding-top:22px; border-bottom:1px solid #ddd; background:#f5f5f5; } div.view_ div.subject h2 { margin-top:10px; padding-left:25px; font-size:18px; font-weight:600; background: url(/fgmusic/images/index/etc-info_2.jpg) no-repeat left center;} div.view_ div.subject p { margin-top:12px; font-weight:normal; font-size: 12px; color:#7c7c7c;} div.view_ div.subject p span a{color:#7c7c7c; letter-spacing:0.1px;} div.view_ div.subject p span { margin-left:8px; } div.view_ div.subject p span.col-blue{color: #0c43E4;} div.view_ div.subject div.sns { margin-top:10px; float:right; } div.view_ div.subject div.sns a { height:18px; padding:0 10px; padding-top:6px; display:inline-block; float:left; border:1px solid #666; background:#888; font-size:14px; font-weight:bold; color:white; } div.view_ div.subject div.sns span { width:107px; height:26px; position:relative; display:inline-block; margin-right:5px; float:left; background:url(/img/blit/good.jpg); } div.view_ div.subject div.sns span strong { position:absolute; top:5px; right:20px; color:#fd0007; } div.view_ div.contents.lcc { position:relative; right:127px; } div.view_ div.contents { width:100%;/* padding:2.5%;*/ display:inline-block; } div.view_ div.contents div.fl_ { width:250px; } div.view_ div.contents div.fl_ div.preview img { width:100%; } div.view_ div.contents div.fl_ div.btn_ { margin-top:10px; display:inline-block; } div.view_ div.contents div.fl_ div.btn_ a { width:80px; margin-right:2px; display:block; float:left; border:1px solid #1e6495; background:#3a73a5; font-size:11px; color:white; text-align:center; } div.view_ div.contents div.fl_ div.btn_ a.last_ { width:80px; margin:0; } div.view_ div.contents div.fl_ div.btn_ a:hover { text-decoration:none; } div.view_ div.contents div.fl_ div.sns_ { margin-top:10px; text-align:center; } div.view_ div.contents div.fl_ div.sns_ a { margin:0 3px; } div.view_ div.contents div.fl_ div.sns_ a:hover { background:none; } div.view_ div.contents div.fl_ div.score { margin-top:28px; text-align:center; font-size:30px; font-weight:bold; letter-spacing:-1px; } div.view_ div.contents div.fl_ div.score.ll { margin-top:2px !important; } div.view_ div.contents div.fl_ div.score span { width:49px; height:21px; margin-right:3px; display:inline-block; background:url(/img/blit/now.png); text-indent:-9999px; vertical-align:middle; } div.view_ div.contents div.fl_ div.prc_ { margin-top:30px; padding-left:10px; } div.view_ div.contents div.fl_ div.prc_ p { font-size:16px; font-weight:600; } div.view_ div.contents div.fl_ div.prc_ p { margin:7px 0; } div.view_ div.contents div.fl_ div.prc_ span { padding:2px 4px; font-size:13px; color:white; } div.view_ div.contents div.fl_ div.review_ { margin-top:50px; } div.view_ div.contents div.fl_ div.review_ span.tt_ { font-size:16px; font-weight:600; } div.view_ div.contents div.fl_ div.review_ div.box_ { height:96px; padding:0; margin-top:5px; display:inline-block; background:url(/_img/sub/review-box.jpg); } div.view_ div.contents div.fl_ div.review_ div.img_ { float:left; } div.view_ div.contents div.fl_ div.review_ div.img_ img { width:115px; height:85px; border:1px solid #ddd; } div.view_ div.contents div.fl_ div.review_ div.info_ { width:100%; } div.view_ div.contents div.fl_ div.review_ div.info_ p { margin:2px 0; } div.view_ div.contents div.fl_ div.review_ div.info_ span { width:55px; display:inline-block; } div.view_ div.contents div.fl_ div.review_ div.info_ a { width:100%; margin-top:7px; display:inline-block; border:1px solid #ddd; font-size:12px; text-align:center; } div.view_ div.contents div.fl_ div.review_ div.info_ a:hover { color:white; text-decoration:none; } div.view_ div.contents div.fl_ div.review_ p.explanation { margin-top:5px; font-size:12px; } div.view_ div.contents div.fl_ div.review_ a { font-size:12px; } div.fm-review { margin-top:30px; } div.fm-review h3 { height:40px; margin-top:25px; padding-top:10px; padding-left:40px; background:url(/fgmusic/images/index/etc-info.jpg) no-repeat 0 11px; font-size:25px; font-weight:600; line-height:40px; } div.fm-review h3.top_ { margin:0; } div.fm-review h3 a.rbtn { padding-right:7px; position:relative; top:20px; right:5px; float:right; background:url(/img/blit/add-more.jpg) no-repeat 100% 2px; color:#888; text-indent:0; font-size:12px; color:#333; line-height:14px; } div.fm-review h3 span.guider { position:relative; left:5px; font-size:15px; text-align:right; color:#555; } div.fm-review h3 span.guider strong { color:#03904b; } div.fm-review div.box_ { padding:20px; border:1px solid #ddd; border-top:2px solid #ddd; background:#f9f9f9; line-height:1.5em; text-align:center; } div.fm-review div.box_ div { text-align:left; font-weight:normal; } div.fm-review div.box_ ul.product-img { width:95%; margin-top:20px; position:relative; display:inline-block; } div.fm-review div.box_ ul.product-img li { width:18%; margin:0 1%; float:left; } div.fm-review div.box_ ul.product-img li.btn { width:20px; height:30px; margin:0; position:absolute; top:40px; background:url(/img/blit/vimg-blit.png); text-indent:-9999px; cursor:pointer; } div.fm-review div.box_ ul.product-img li.btn.prev { left:-22px; } div.fm-review div.box_ ul.product-img li.btn.next { right:-22px; background-position:-20px 0; } div.fm-review div.box_ ul.product-img li img { width:100%; } div.fm-review div.box_ dl.choice dt { font-size:18px; font-weight:600; } div.fm-review div.box_ dl.choice dd { margin-top:5px; } div.fm-review div.box_ ul.etc-info li { height:18px; padding:8px 0; padding-left:30px; background-repeat:no-repeat; background-position:5px 8px; } div.fm-review div.box_ ul.etc-info li span { margin-left:20px; } div.fm-review div.box_ dl.class_ { margin-top:20px; padding:20px 25px; background:#f5f5f5; } div.fm-review div.box_ dl.class_ dt { font-size:22px; font-weight:bold; color:#2e7cc1; } div.fm-review div.box_ dl.class_ dd { margin-top:10px; } div.fm-review div.box_ dl.class_ dd a { color:#2e7cc1; text-decoration:underline; } div.fm-review div.box_ div.confi_ { font-size:12px; color:#555; } div.fm-review table.siptb { width:100%; } div.fm-review table.siptb th, div.fm-review table.siptb td { padding:12px 0; text-align:center; } div.fm-review table.siptb th { font-size: 12px; font-weight:bold; color:white; background: #5fa0d6; /* Old browsers */ background: -moz-linear-gradient(top, #5fa0d6 0%, #3574aa 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5fa0d6), color-stop(100%,#3574aa)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #5fa0d6 0%,#3574aa 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #5fa0d6 0%,#3574aa 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #5fa0d6 0%,#3574aa 100%); /* IE10+ */ background: linear-gradient(to bottom, #5fa0d6 0%,#3574aa 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5fa0d6', endColorstr='#3574aa',GradientType=0 ); /* IE6-9 */ } div.fm-review table.siptb td { border-bottom:1px solid #ddd; font-size: 11px; } div.fm-review table.siptb td.sj_ { text-align:left; font-size: 13px;} div.fm-review table.siptb td.sj_ img { position :relative; bottom:2px; left:3px; vertical-align: middle;} div.pagging { margin-top:35px; text-align:center; } div.pagging p { font-size:8.5pt; letter-spacing:0; text-align:center; } div.pagging div.num_ { margin-top:10px; display:inline-block; } div.pagging div.num_ a { width:24px; height:20px; margin:0 2px; padding-top:4px; display:block; float:left; border:1px solid #ccc; font-weight:bold; color:#555; text-align:center; } div.pagging div.num_ a:hover { border:1px solid #888; text-decoration:none; } div.pagging div.num_ a.active_ { border:1px solid #888; background:#f5f5f5; } div.pagging strong { position:relative; bottom:2px; } /* 변호사상담 등록 */ div.dcwrite { width:1097px; margin-top:30px; } div.dcwrite h2 { padding-bottom:15px; padding-left:5px; border-bottom:1px solid #ddd; font-size:25px; font-weight:bold; text-align:center; } div.dcwrite table { width:80%; margin:0 auto; margin-top:20px; border-top:2px solid #999; } div.dcwrite table th, div.dcwrite table td { padding:10px 0; border-bottom:1px solid #ddd; } div.dcwrite table th { width:15%; background:#f5f5f5; font-size:13px; font-weight:bold; line-height:1.5em; } div.dcwrite table td { width:35%; } div.dcwrite table td span { padding:0 15px; } div.dcwrite table td textarea.w700_ { width: 700px; height:150px; padding:5px; border:1px solid #ddd; } div.dcwrite table input[type=text] { height:22px; padding:0 5px; border:1px solid #ddd !important; } div.dcwrite table input[type=password] { height:22px; padding:0 5px; border:1px solid #ddd !important; } div.dcwrite table input.w50_{width: 50px;} div.dcwrite table input.w190_{width: 190px;} div.dcwrite table input.w400_{width: 400px;} div.dcwrite table input.w580_{width: 580px;} div.dcwrite table input.w700_{width: 700px;} div.dcwrite table select { height:24px; border:1px solid #ddd; } div.dcwrite table .end th, div.dcwrite table .end td { border-bottom:1px solid #999; } div.debtn_ { margin-top:35px; text-align:center; } div.debtn_ a { width:120px; margin:0 3px; padding:12px 0; display:inline-block; border:1px solid #999; font-size:14px; color:#333; } div.debtn_ a.hl { border:1px solid #db4234; background:#db4234; color:white; } div.debtn_ a:hover { border:1px solid #333; } div.debtn_ a.hl:hover { border:1px solid #db4234; background:#e85446; } .btn { cursor: pointer;} .btn-homepage{ border: none; padding: 4px; vertical-align: middle; background-color: #cf0000; color: #ffffff; font-size: 13px;} .btn-search-address{ padding: 4px; height: 23px; background-color: #fbfbfb; border: 1px solid #d7d7d7; font-size: 12px; font-weight: bold; color: #444; vertical-align: middle;} .right-list {width:100%; float:left; border-top:1px solid #000;} .right-con {display:inline-block;width:100%;border:1px solid #dadada;vertical-align:top;/*margin-left:40px;*/margin-bottom:30px;font-family:'맑은 고딕', 'Malgun Gothic';float:right} .type06_headline li,.type06 li{padding:18px 0 20px;border-bottom:1px solid #eee} .type06_headline,.type06{font-size:14px;letter-spacing:-1px;line-height:24px; /*font-family:'Nanum Gothic';*/ font-family: 'Malgun Gothic';} .type06_headline dt,.type06 dt{overflow:hidden;} #board_style .type06_headline li>dl>dt.photo~dd{float:right; width:calc(100% - 137px);} #board_style .type06_headline li>dl>dt:nth-of-type(2){width:calc(100% - 137px); font-size:0; float:right;} #board_style .type06_headline li>dl>dt:nth-of-type(2) a{position:relative; display:inline-block; max-width:calc(100% - 50px); font-size:16px;font-weight:bold; box-sizing:border-box; vertical-align:middle; margin-right:5px;} #board_style .type06_headline li>dl>dt:nth-of-type(2) a span{display:inline-block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;} #board_style .type06_headline li>dl>dt:nth-of-type(2) a~*{display:inline-block; vertical-align:middle;} #board_style .type06_headline li>dl>dt:nth-of-type(2) a+img{margin-right:5px; } .type06_headline { } .type06_headline,.type06{font-size:14px;letter-spacing:-1px;line-height:24px; /*font-family:'Nanum Gothic';*/ font-family: 'Malgun Gothic';} /*.type06_headline>li>dl>dt:not(.photo)>a{margin-right:5px;}*/ .type06_headline>li>dl>dt:not(.photo)>*{display:inline-block;vertical-align:middle;} .newspaper_area + .type06_headline,.newspaper_area + .type06{padding-top:11px} .type06_headline li,.type06 li{padding:18px 0 20px;border-bottom:1px solid #eee} .type06_headline:last-child li:last-child,.type06:last-child li:last-child{border-color:#eee} .type06_headline:nth-child(2n) li:nth-child(5):last-child,.type06:nth-child(2n) li:nth-child(5):last-child{border-color:#d6d6d6} .type06_headline:nth-child(2n):last-child li:last-child,.type06:nth-child(2n):last-child li:last-child{border-color:#eee} .type06_headline dl,.type06 dl{overflow:hidden;position:relative} .type06_headline dl:after{content:''; display:table; clear:both;} .type06_headline .photo,.type06 .photo{position:relative;float:left; margin-right:10px} .type06_headline .photo a{display:block;} .type06_headline .photo img,.type06 .photo img{vertical-align:top;width:150px;height:102px} .type06_headline .photo > a,.type06 .photo > a{position:relative;display:block} .type06_headline .photo > a:after,.type06 .photo > a:after{content:'';display:block;position:absolute;top:0;left:0;right:0;bottom:0;border:1px solid #e5e5e5;border:1px solid rgba(0,0,0,0.1)} .type06_headline .lede,.type06 .lede{font-size:14px; line-height:22px;height:44px; white-space: normal; text-align: left; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;overflow: hidden;padding-bottom:1px;display:block;color:#666;margin-top:6px;} .writing{display:inline-block;font-size:13px;font-weight:normal;color:#888;letter-spacing:-1px} .date01.is_outdated{color:#888;letter-spacing:-1px} .date01:after{content:'';display:block;width:1px;height:11px;position:absolute;top:50%;left:7px;background-color:#dedede;margin-top:-6px} .date01{position:relative;display:inline-block;color:#888;font-size:13px;font-weight:normal;letter-spacing:0;padding-left:14px} .like { background: url('/fgmusic/images/like_icon.png') 0 center no-repeat; margin-left: 20px; padding-left: 16px; font-size: 13px; background-size: 13px;} .comment { background: url('/fgmusic/images/comment_icon.png') 0 center no-repeat; margin-left: 10px; padding-left: 16px; font-size: 13px; background-size: 13px;} /* 노동학논집 */ .content {width: 100%; } .content_title {text-align: center; padding: 50px 0; box-sizing: border-box;} .content_title h3 {font-size: 60px;} .content_teb_menu {width: 85%; margin: auto; text-align: center; overflow: hidden; margin-bottom: 60px; cursor: pointer;} .content_teb_menu li {float: left; padding: 15px 0; box-sizing: border-box; width: 25%; border-right: 1px solid #ddd; color: #888; font-size: 16px; position: relative; font-weight: bold;} .content_teb_menu li:first-child {border-left: 1px solid #ddd;} .content_teb_menu li div {width: 100%; background-color: #ff5e14; height: 2px; position: absolute; left: 0; top: 0; } .content_teb_menu_title { box-sizing: border-box; width: 100%; margin: auto; } .content_teb_menu_title h3 {font-size: 24px; border-bottom: 3px solid #000;padding-bottom: 15px;} .sub_page_title {animation: tracking-in-expand 1s ease-in-out; transition: 1s;} .content_teb_menu_title p {margin: 15px 0; padding: 15px 0; box-sizing: border-box; font-size: 16px; line-height: 25px;} .content_teb_menu_title p span {font-weight: bold; font-size: 18px; } .content_teb_menu_title ul { padding-left: 1em; padding: 0; padding-bottom: 30px; box-sizing: border-box;} .content_teb_menu_title ul li {color: #666; font-size: 16px; margin-bottom: 0.3em;line-height: 1.8em; } .content_teb_menu_title ul li:last-child {margin-bottom: 0;} .content_teb_menu1 div {border-bottom: 1px solid #d7d9dd; padding-top: 35px; box-sizing: border-box;} .content_teb_menu1 div:last-child {border-bottom: none;} .content_teb_menu1 {width: 85%; margin: auto;} .content_teb_menu_box>h3 {font-size: 18px; line-height: 1.6em; margin-bottom: 0.5em; color: #ff5e14; font-weight: bold;} .content_teb_menu_box ul { padding-left: 1em; padding: 20px 0; padding-left: 1em; box-sizing: border-box;} .content_teb_menu_box ul li {color: #666; font-size: 16px; margin-bottom: 1em;line-height: 1.8em; } .content_teb_menu_box ul li:last-child {margin-bottom: 0;} .content_teb_menu_box ul li ul li {padding-left: 0.5em;} .content_teb_menu_box ul li .contest1 { font-weight: bold; font-size: 20px; color: #ff5e14;} .content_teb_menu_box ul li .contest2 {margin-top: 50px; font-weight: bold; font-size: 17px;} .content_teb_menu_box > h3.bold.ref { margin-top: 40px; color: #333;} .content_teb_menu_box > ul > li > span { display: block; text-align: center; padding: 30px 0; background-color: #f4f4f4; border: 1px solid #ccc; margin: 10px 0;} .content_teb_menu_box > h3.remark { margin-top: 50px; margin-bottom: 15px; padding-left: 30px; background: url('http://www.kea.ne.kr/resources/image/link_title.png') left 5px no-repeat;} .content_teb_menu_box > ul.table {overflow: hidden;} .content_teb_menu_box > ul.table > li { width: 153px; padding: 15px 0 15px 35px; float: left; border: 1px solid #ccc; margin: 0; color: #666; font-size: 16px; } .content_teb_menu_box > ul.table > li:nth-child(1),.content_teb_menu_box > ul.table > li:nth-child(3),.content_teb_menu_box > ul.table > li:nth-child(5),.content_teb_menu_box > ul.table > li:nth-child(6),.content_teb_menu_box > ul.table > li:nth-child(8),.content_teb_menu_box > ul.table > li:nth-child(10) { background-color: #f4f4f4;} .content_teb_menu_box > ul.box {border-top: 1px solid #ddd; } .content_teb_menu_box > ul.box li { position: relative; color: #777; padding-left: 130px; margin: 0; font-size: 16px; font-style: normal; margin-bottom: 10px;} .content_teb_menu_box > ul.box li:last-child {margin-bottom: 0;} .content_teb_menu_box > ul.box li em {position: absolute; left: 30px; width: 85px; font-size: 14px; font-weight: bold; color: #333; font-weight: bold; font-style: normal;} .content_teb_menu_box .c_none {color: #333;} .content_teb_menu_box .inner-box { background-color: #f4f4f4; padding: 20px; border: 1px solid #ccc; margin: 20px 0 0px; font-size: 16px;} .content_teb_menu1 .list { display: block; border-left: 1px solid #ccc; border-right: 1px solid #ccc; background-color: #fcfcfc; padding-top: 0;} .content_teb_menu1 .list-wrap {width: 100%; padding-top: 0; overflow: hidden;} .content_teb_menu1 .list h4 { height: 40px; line-height: 40px; background-color: #ececec; padding-left: 40px; border: 1px solid #ccc; border-left: none; margin-top: -1px; font-size: 16px;} .content_teb_menu1 .list p, .content_teb_menu1 .list li { height: 70px; margin: 0; text-align: center; font-size: 16px; line-height: 40px; color: #333; background-color: #fff;} .content_teb_menu1 .list p span {display: block; color: #999; font-size: 14px; line-height: 14px;} .content_teb_menu1 .list li { float: left; width: 33.333%; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; box-sizing: border-box;} .nodong_book_box {border-top: 1px solid #ddd; } .nodong_book_box li {width: 31%; display: inline-block; margin-right: 25px;} .nodong_book_box li:last-child {margin-right: 0;} .nodong_book_box li img {width: 100%;} .nodong_book_box2 { margin-top: -45px;} .nodong_book_box2 li {width: 31%; display: inline-block; margin-right: 25px;} .nodong_book_box2 li:last-child {margin-right: 0;} .nodong_book_box2 li img {width: 100%;} /* 블로그 */ .blog_top1 {width: 100%; height: 70px; border-bottom: 1px solid #e4e4e4; background-color:#fafafa;box-sizing: border-box; padding: 0 10px; overflow: hidden;} .blog_top1 h3 {line-height: 70px; font-size: 24px; float: left;} .blog_top1 ul {float: right; margin-top: 23px; font-weight: bold;} .blog_top1 ul li {display: inline-block; font-size: 14px; margin-right: 10px; letter-spacing: -1px; color: #9fa0a5; overflow: hidden;} .blog_top1 ul li:nth-child(1), .blog_top1 ul li:nth-child(2) {margin-bottom: 6px;} .blog_top1 ul li:nth-child(2), .blog_top1 ul li:nth-child(6) {margin-right: 0;} .blog_top1 ul li:first-child {/*background: url("/fgmusic/images/memo.png") left -0px top 0px no-repeat;*/ margin-right: 0; text-align: right; width: 96%; padding-bottom: 1px;} .blog_top1 ul li:last-child a {color: #3f48cc; cursor: pointer;} .blog_top2 {width: 100%; height: 365px; margin-top: 5px; border-top: 1px solid #e4e4e4; border-bottom: 1px solid #e4e4e4; background-color:#fafafa; box-sizing: border-box; padding: 25px; overflow: hidden; clear: both;} .blog_top2_l {width: 369px; height: 310px; position: relative; overflow: hidden; float: left;} .blog_top2_l ul {position: absolute; left: 0; width: 1107px; height: 310px;} .blog_top2_l ul li {float: left;} .blog_top2_r {height: 310px; width: 650px; background-color: #fff; border: 5px solid #7f7f7f; box-sizing: border-box; position: absolute; right: 420px; overflow: hidden;} .blog_top2_r ul {width: 3250px; position: absolute; left: 0; top: 0; } .blog_top2_r ul li {width: 650px; float: left; padding: 24px 20px; box-sizing: border-box;} .blog_top2_r p {/*color: #7f7f7f; font-size: 19px; line-height: 25px;*/ margin-top: 5px;} .blog_top2_r ul li:first-child b{height:auto !important;} /*.blog_top2_r p{display:inline-Block; overflow:hidden;}*/ .blog_top2_r h3 {font-size: 22px; text-align: center; color: #7f7f7f; margin-top: 20px;} /* 회원가입 회원등급 아이콘 */ .member_icon { border: 3px solid #7f7f7f; padding: 20px 15px; margin: 5px 0 50px; box-sizing: border-box; overflow: hidden; } .member_icon ul li { margin-bottom: 19px; color: #7f7f80; font-weight: bold; font-size: 13px!important;} .member_icon ul li:last-child { margin-bottom: 0; } .member_icon ul li img {vertical-align: middle; margin-left: 5px;} .member_icon ul:last-child li:last-child img:last-child {margin: 0;} /* 회원가입 설문조사 박스 */ .review_box {width: 70%; margin: auto; background-color: rgb(247, 247, 247); margin-top: 30px; padding: 20px; box-sizing: border-box;} .review_box .title {overflow: hidden;} .review_box .title .t_line {width: 5px; height: 16px; background-color: #8b071b; float: left; margin-right: 5px;} .review_box .title h3 {float: left; font-size: 16px; } .review_box .review {overflow: hidden; position: relative; margin-top: 20px;} .review_box .review.q {background-color: #fff; padding: 20px; box-sizing: border-box;} .review_box .review.q h3 {top: 23px; left: 20px;} .review_box .review h3 {position: absolute; left: 0; top: 3px; font-size: 14px; font-weight: 500;} .review_box .review p, .review_box .review ul {padding-left: 24px; font-size: 14px; font-weight: 500; line-height: 20px;} .review_box .review p span {color: #f13f36;} .review_box .review ul li {font-size: 14px; font-weight: 500; margin-bottom: 5px;} .review_box .review ul li:last-child {margin-bottom: 0;} .review_box .review ul li label {cursor: pointer;} .review_box .review ul li label input {margin-left: 5px;} /*parrtner*/ .pt_event_tit {margin-bottom: 65px;} .pt_event_tit h3 {font-size: 30px; color: #a356b0; font-weight: 900;} .pt_event_tit p {margin-top: 15px; font-size: 15px;} .pt_event_tit p span {color: #a356b0; font-weight: 900;} .pt_left {float: left; width: 50%; padding-top: 18px;} .pt_left li {color: #7f7f7f; font-size: 18px; text-align: left; font-weight: bold; margin-bottom: 20px; padding-left: 85px; box-sizing: border-box;} .pt_left li:last-child {margin-bottom: 0;} .pt_right {float: right; width: 50%; box-sizing: border-box;} .pt_right p {color: #7f7f7f; font-weight: 900; font-size: 17px;} .pt_right ul {margin-top: 15px;} .pt_right ul li {display: inline-block; width: 30%;} .pt_right ul li:nth-child(1) {margin-right: 10px;} .pt_right ul li img {width: 100%;} .pt_up_event_tit {margin-bottom: 55px;} .pt_up_event_tit h3 {font-size: 30px; color: #aa1e2d; font-weight: 900;} .pt_up_event_tit p {margin-top: 15px; font-size: 18px; font-weight: bold; color: #7f7f7f;} .pt_up_left {float: left; width: 50%; padding-top: 18px; } .pt_up_left li {color: #7f7f7f; font-size: 18px; text-align: left; font-weight: bold; margin-bottom: 20px; padding-left: 30px; box-sizing: border-box;} .pt_up_left li:last-child {margin-bottom: 0; font-size: 15px; line-height: 24px; font-weight: 400;} .pt_up_right {float: right; width: 50%; box-sizing: border-box; vertical-align: middle;} .pt_up_right img {width: 80%; margin-top: -10px;} .partner_top_left {text-align: left; width: 65%; float: left;} .partner_top_left h3 {font-size: 33px; color: #fff; line-height: 45px; margin-top: 15px;} .partner_top_left h3 span {color: #fde968;} .partner_top_left p {font-size: 23px; line-height: 35px; color: #a199de; font-weight: bold; margin-top: 56px; } .partner_form {float: right; width: 30%; color: #fff; margin-right: 1%; margin-top: -1%;} .partner_form h3 {font-size: 20px; } .partner_form input[type=text] {width: 95%; margin: auto; background-color: transparent; border: none; border-bottom: 1px solid #cecece; color: #cecece; padding: 10px; margin-top: 5px;} .partner_form input::placeholder {color: #cecece;} .partner_form p {margin-top: 15px; text-align: left; color: #cecece; font-size: 13px; padding-left: 10px;} .partner_form textarea {background-color: transparent; border: 1px solid #cecece; color: #cecece; width: 100%; margin-top: 10px;} .partner_form button {margin-top: 20px; padding: 10px 15px; box-sizing: border-box; background-color: #6d5dd9; color: #fff; border: none; font-weight: 900; cursor: pointer;} .partner_left {float: left; } .partner_left span {color: #ee5f27; font-weight: 900;} .partner_left strong {font-style: italic;} .partner_left h3 {font-size: 35px; line-height: 50px;} .partner_left ul {margin-top: 50px;} .partner_left ul li h4 {font-size: 20px;} .partner_left ul li p {margin-top: 10px; padding-left: 38px; font-size: 15px; line-height: 25px; color: #848484; font-weight: bold;} .partner_right {float: right; background-color: #fff; border: 3px solid #000; box-sizing: border-box; padding: 20px ; text-align: center; width: 350px;} .partner_right h3 {font-size: 25px; font-weight: 900; margin-bottom: 30px; text-align: left;} .partner_right input[type=text] {border: none; border-bottom: 1px solid #ddd; padding: 10px;margin-bottom: 20px; width: 90%; font-size: 14px;} .partner_right .maleorfe {font-size: 14px; margin-top: 10px; margin-left: 5px; cursor: pointer;} .partner_right .agree_wrap {margin-top: 10px;} .partner_right .agree_wrap input {margin-right: 5px;} .partner_right .agree_wrap label {font-size: 14px; font-weight: bold;} .partner_right .agree_wrap p {display: inline-block; margin-left: 10px; color: #0176ca; font-size: 14px; font-weight: bold;} .partner_right button {padding: 10px 15px; background-color: #ff6600; color: #fff; font-weight: bold; box-sizing: border-box; border: none; font-size: 14px; margin-top: 20px; cursor: pointer;} .right-line01 {height:30px;border:1px solid #dfdfdf;display:inline-block;vertical-align:top;} .right-line02 {height:30px;border:1px solid #ef5350;display:inline-block;vertical-align:top;} .btn_artialoriginal {border:1px solid #dfdfdf;display:inline-block;zoom:1;padding:0 5px;margin:-10px 5px 0;height:30px;font-size:12px;color:#888;line-height:30px;letter-spacing:0;} .sns-box { display:none;position:absolute;width:380px;padding:20px 20px 20px 5px;background:#fff;border:1px solid #000;left:70px;z-index:999999999999999999999} .sns-box li { display:table!important;width:100%;} .sns-box li a { display:table-cell;width:16%;line-height:160%;} .sns-box a { width:16%;display:inline-block;text-align:center;font-size:12px;margin-bottom:5px;letter-spacing:-1px;} .sns-box a img { display:block;margin:0 auto 5px;} .sns-box input[type=text] { height:25px;margin:5px 0 0 10px;background:#f8f8f8;padding:0 5px;line-height:25px;font-size:12px;border:1px solid #d8d8d8;float:left;width:80%;} .sns-box input[type=button] { height:27px;background:#fff;padding:0 5px;line-height:25px;font-size:11px;border:1px solid #d8d8d8;float:left;width:20%;margin-left:-1px;color:#000;margin-top:5px;cursor:pointer;}