/* ---------------------------------------------------------------------------------------------------- * high1 Publishing.Div * Author : 2013-05-14 by j2style * Descript : official Common CSS ---------------------------------------------------------------------------------------------------- */ /* default style */ @charset "utf-8"; /* @charset "utf-8"; @charset "euc-kr"; safari, chrom브라우저에서 인식안함, 삭제 default definition */ @import "board.css"; /* 게시판스타일 */ @import "sub.css"; /* 서브페이지스타일 */ html {overflow-y:scroll;} /* Common */ body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select{margin:0;padding:0;-webkit-text-size-adjust:100%} body,input,textarea,select,button,table{font-family:'돋움',Dotum,'나눔고딕',NanumGothic,sans-serif,AppleGothic;font-size:12px;line-height:1.5} img,fieldset{border:0} ul,ol{list-style:none} hr, legend, caption {display: none} em,address{font-style:normal} a{text-decoration:none;color:#787878} a:hover,a:active,a:focus{color:#787878;text-decoration:underline} a:focus,input:focus,button:focus,textarea:focus{outline:0px solid #787878} button{cursor:pointer} label { cursor:pointer} .blind{visibility:hidden;overflow:hidden;position:absolute;top:0;left:0;width:0;height:0;font-size:0;line-height:0} .newwindow{margin:0 2px;vertical-align:top;background:none} header,hgroup,article,nav,footer,figure,figcaption,canvas,section{display:block} .valm {vertical-align:middle;} table {border-collapse:separate;border-collapse:collapse;empty-cells:show;} .cb{clear:both} /* display : none 를 활용하기 위한 기본 class */ .hide{display:none;} .hihide{position:absolute;left: -9999em;top:-9999em;width:1px;height:1px;line-height:0;overflow:hidden;visibility:hidden} #accessibility {display: none} /* padding,margin */ .pt10{padding-top:10px} .pt20{padding-top:20px} .pl6{padding-left:6px} .pr02{padding-right:2px} .pr9{padding-right:9px} .pr11{padding-right:11px} .pr21{padding-right:21px} .pb3{padding-bottom:3px} .pb10{padding-bottom:10px} .pb20{padding-bottom:20px} .pb25{padding-bottom:25px} .pb30{padding-bottom:30px} .pb50{padding-bottom:50px} .pb55{padding-bottom:55px} .pb60{padding-bottom:60px} .pb5{padding-bottom:5px} .mt5{margin-top:5px} .mt10{margin-top:10px} .mt15{margin-top:15px} .mt20{margin-top:20px} .mt30{margin-top:30px} .mr10{margin-right:10px} .mb30{margin-bottom:30px} /* color */ .red{color:#973946} .blue{color:#5783c9} .pink{color:#bc383a} .gray{color:#919191} .orange{color:#ff910c !important} .green{color:#2d601f} .rgray{color:#808080} .rgreen{color:#98bc29} .mgreen{color:#98bc29} a.gray{color:#5e5e5e;text-decoration:none} a.gray:hover{color:#5e5e5e;text-decoration:underline} a.pink{color:#bc383a;text-decoration:none} a.pink:hover{color:#bc383a;text-decoration:underline} .advip {border:1px solid #c5c5c5;background:#f1f1f1;color:#64666e;height:23px;line-height:23px;padding:0 0 0 8px;font-size:12px} /* default */ /* link color */ .aw{color:#ccc;text-decoration:none} .aw:hover{color:#ccc;text-decoration:underline} /* main layout */ #wrap{width:100%;min-width:986px;min-height:400px;_height:400px;color:#787878;background:#fff url(../images/main_vis.jpg) no-repeat scroll center 15px} #header{position:relative;width:986px;height:90px;margin:0 auto;background:#fff url("../images/top_bg.gif") no-repeat scroll center 0} #header h1{padding-top:24px;padding-left:20px} #header .topmenu{position:absolute;right:0;top:0} #header .topmenu ul{*zoom:1} #header .topmenu ul:after{content:"";display:block;clear:both} #header .topmenu ul li{float:left} #header .nav{position:absolute;right:1px;top:46px;z-index:9997} #header .nav ul.navin{*zoom:1} #header .nav ul.navin:after{content:"";display:block;clear:both} #header .nav ul.navin>li{float:left;position:relative;padding-left:1px;background: url("../images/bl_nav_bar.gif") no-repeat 0 0} #header .nav ul.navin>li:first-child{padding-left:0;background:none} #header .nav ul.navin li>a{display:inline-block;background-image: url("../images/menu_all_imsi.gif")} #header .nav ul.navin li>a span{display:none} #header .nav ul.navin li.na1>a{width:131px;height:17px;background-position:36px 0} #header .nav ul.navin li.na1>a:hover{background-position:-64px 0} #header .nav ul.navin li.na1>a.on{background-position:-64px 0} #header .nav ul.navin li.na2>a{width:132px;height:17px;background-position:40px -17px} #header .nav ul.navin li.na2>a:hover{background-position:-60px -17px} #header .nav ul.navin li.na2>a.on{background-position:-60px -17px} #header .nav ul.navin li.na3>a{width:132px;height:17px; background-position:42px -34px; } #header .nav ul.navin li.na3>a:hover{background-position:-58px -34px} #header .nav ul.navin li.na3>a.on{background-position:-58px -34px} #header .nav ul.navin li.na4>a{width:132px;height:17px;background-position:41px -51px} #header .nav ul.navin li.na4>a:hover{background-position:-59px -51px} #header .nav ul.navin li.na4>a.on{background-position:-59px -51px} #header .nav ul.navin li.na1 ul{position:absolute;left:30px;top:17px;width:465px;z-index:10000;*zoom:1} #header .nav ul.navin li.na1 ul:after{content:"";display:block;clear:both} #header .nav ul.navin li.na1 ul li{float:left} #header .nav ul.navin li.na1 ul.n1 li a{display:inline-block;background-image: url("../images/nav_1.gif")} #header .nav ul.navin li.na1 ul.n1 li.n11 a{width:109px;height:32px;background-position:0 0} #header .nav ul.navin li.na1 ul.n1 li.n11 a:hover{width:109px;height:32px;background-position:0 -32px} #header .nav ul.navin li.na1 ul.n1 li.n11 a.on{width:109px;height:32px;background-position:0 -32px} #header .nav ul.navin li.na1 ul.n1 li.n22 a{width:75px;height:32px;background-position:-109px 0} #header .nav ul.navin li.na1 ul.n1 li.n22 a:hover{width:75px;height:32px;background-position:-109px -32px} #header .nav ul.navin li.na1 ul.n1 li.n22 a.on{width:75px;height:32px;background-position:-109px -32px} #header .nav ul.navin li.na1 ul.n1 li.n33 a{width:57px;height:32px;background-position:-184px 0} #header .nav ul.navin li.na1 ul.n1 li.n33 a:hover{width:57px;height:32px;background-position:-184px -32px} #header .nav ul.navin li.na1 ul.n1 li.n33 a.on{width:57px;height:32px;background-position:-184px -32px} #header .nav ul.navin li.na1 ul.n1 li.n44 a{width:50px;height:32px;background-position:-241px 0} #header .nav ul.navin li.na1 ul.n1 li.n44 a:hover{width:50px;height:32px;background-position:-241px -32px} #header .nav ul.navin li.na1 ul.n1 li.n44 a.on{width:50px;height:32px;background-position:-241px -32px} #header .nav ul.navin li.na1 ul.n1 li.n55 a{width:73px;height:32px;background-position:-291px 0} #header .nav ul.navin li.na1 ul.n1 li.n55 a:hover{width:73px;height:32px;background-position:-291px -32px} #header .nav ul.navin li.na1 ul.n1 li.n55 a.on{width:73px;height:32px;background-position:-291px -32px} #header .nav ul.navin li.na1 ul.n1 li.n66 a{width:101px;height:32px;background-position:-364px 0} #header .nav ul.navin li.na1 ul.n1 li.n66 a:hover{width:101px;height:32px;background-position:-364px -32px} #header .nav ul.navin li.na1 ul.n1 li.n66 a.on{width:101px;height:32px;background-position:-364px -32px} #header .nav ul.navin li.na2 ul{position:absolute;left:25px;top:17px;width:465px;z-index:10000;*zoom:1} #header .nav ul.navin li.na2 ul:after{content:"";display:block;clear:both} #header .nav ul.navin li.na2 ul li{float:left} #header .nav ul.navin li.na2 ul.n2 li a{display:inline-block;background-image: url("../images/nav_2.gif")} #header .nav ul.navin li.na2 ul.n2 li.n11 a{width:67px;height:32px;background-position:0 0} #header .nav ul.navin li.na2 ul.n2 li.n11 a:hover{width:67px;height:32px;background-position:0 -32px} #header .nav ul.navin li.na2 ul.n2 li.n11 a.on{width:67px;height:32px;background-position:0 -32px} #header .nav ul.navin li.na2 ul.n2 li.n22 a{width:76px;height:32px;background-position:-67px 0} #header .nav ul.navin li.na2 ul.n2 li.n22 a:hover{width:76px;height:32px;background-position:-67px -32px} #header .nav ul.navin li.na2 ul.n2 li.n22 a.on{width:76px;height:32px;background-position:-67px -32px} #header .nav ul.navin li.na2 ul.n2 li.n33 a{width:69px;height:32px;background-position:-143px 0} #header .nav ul.navin li.na2 ul.n2 li.n33 a:hover{width:69px;height:32px;background-position:-143px -32px} #header .nav ul.navin li.na2 ul.n2 li.n33 a.on{width:69px;height:32px;background-position:-143px -32px} #header .nav ul.navin li.na2 ul.n2 li.n44 a{width:60px;height:32px;background-position:-212px 0} #header .nav ul.navin li.na2 ul.n2 li.n44 a:hover{width:60px;height:32px;background-position:-212px -32px} #header .nav ul.navin li.na2 ul.n2 li.n44 a.on{width:60px;height:32px;background-position:-212px -32px} #header .nav ul.navin li.na2 ul.n2 li.n55 a{width:78px;height:32px;background-position:-272px 0} #header .nav ul.navin li.na2 ul.n2 li.n55 a:hover{width:78px;height:32px;background-position:-272px -32px} #header .nav ul.navin li.na2 ul.n2 li.n55 a.on{width:78px;height:32px;background-position:-272px -32px} /* 사업아이디어제안 네비 추가 */ #header .nav ul.navin li.na3 ul{position:absolute;left:-50px;top:17px;width:225px;z-index:10000;*zoom:1} #header .nav ul.navin li.na3 ul:after{content:"";display:block;clear:both} #header .nav ul.navin li.na3 ul li{float:left} #header .nav ul.navin li.na3 ul.n3 li a{display:inline-block;background-image: url("../images/nav_3_imsi.gif"); background-repeat:no-repeat;} #header .nav ul.navin li.na3 ul.n3 li.n11 a{width:79px;height:32px;background-position:0 0} #header .nav ul.navin li.na3 ul.n3 li.n11 a:hover{width:79px;height:32px;background-position:0 -32px} #header .nav ul.navin li.na3 ul.n3 li.n11 a.on{width:79px;height:32px;background-position:0 -32px} #header .nav ul.navin li.na3 ul.n3 li.n22 a{width:59px;height:32px;background-position:-79px 0} #header .nav ul.navin li.na3 ul.n3 li.n22 a:hover{width:59px;height:32px;background-position:-79px -32px} #header .nav ul.navin li.na3 ul.n3 li.n22 a.on{width:59px;height:32px;background-position:-79px -32px} #header .nav ul.navin li.na3 ul.n3 li.n33 a{width:59px;height:32px; background-position:-79px 0;} #header .nav ul.navin li.na3 ul.n3 li.n33 a:hover{width:59px;height:32px;background-position:-79px -32px} #header .nav ul.navin li.na3 ul.n3 li.n33 a.on{width:59px;height:32px;background-position:-79px -32px} #header .nav ul.navin li.na3 ul.n3 li.n44 a{width:87px;height:32px;background-position:-138px 0} #header .nav ul.navin li.na3 ul.n3 li.n44 a:hover{width:87px;height:32px;background-position:-138px -32px} #header .nav ul.navin li.na3 ul.n3 li.n44 a.on{width:87px;height:32px;background-position:-138px -32px} #header .nav ul.navin li.na4 ul{position:absolute;left:-165px;top:17px;width:465px;z-index:10000;*zoom:1} #header .nav ul.navin li.na4 ul:after{content:"";display:block;clear:both} #header .nav ul.navin li.na4 ul li{float:left} #header .nav ul.navin li.na4 ul.n4 li a{display:inline-block;background-image: url("../images/nav_4.gif")} #header .nav ul.navin li.na4 ul.n4 li.n11 a{width:60px;height:32px;background-position:0 0} #header .nav ul.navin li.na4 ul.n4 li.n11 a:hover{width:60px;height:32px;background-position:0 -32px} #header .nav ul.navin li.na4 ul.n4 li.n11 a.on{width:60px;height:32px;background-position:0 -32px} #header .nav ul.navin li.na4 ul.n4 li.n22 a{width:59px;height:32px;background-position:-60px 0} #header .nav ul.navin li.na4 ul.n4 li.n22 a:hover{width:59px;height:32px;background-position:-60px -32px} #header .nav ul.navin li.na4 ul.n4 li.n22 a.on{width:59px;height:32px;background-position:-60px -32px} #header .nav ul.navin li.na4 ul.n4 li.n33 a{width:59px;height:32px;background-position:-119px 0} #header .nav ul.navin li.na4 ul.n4 li.n33 a:hover{width:59px;height:32px;background-position:-119px -32px} #header .nav ul.navin li.na4 ul.n4 li.n33 a.on{width:59px;height:32px;background-position:-119px -32px} #header .nav ul.navin li.na4 ul.n4 li.n44 a{width:60px;height:32px;background-position:-178px 0} #header .nav ul.navin li.na4 ul.n4 li.n44 a:hover{width:60px;height:32px;background-position:-178px -32px} #header .nav ul.navin li.na4 ul.n4 li.n44 a.on{width:60px;height:32px;background-position:-178px -32px} #header .nav ul.navin li.na4 ul.n4 li.n55 a{width:51px;height:32px;background-position:-238px 0} #header .nav ul.navin li.na4 ul.n4 li.n55 a:hover{width:51px;height:32px;background-position:-238px -32px} #header .nav ul.navin li.na4 ul.n4 li.n55 a.on{width:51px;height:32px;background-position:-238px -32px} #container{position:relative;width:986px;margin:0 auto} #container #contents{width:986px;height:645px;padding-bottom:30px} .ecity{position:relative;width:986px;height:528px} .ecity .ecitylayer .linkhover{position:absolute;left:0;top:0} .ecity .ecitylayer .linkhover li{font-size:0} .ecity .ecitylayer .linkhover li a{display:inline-block} .ecity .ecitylayer .linkhover li a span{display:none} .ecity .ecitylayer .linkhover li.go1{display:inlne-block;position:absolute;left:223px;top:189px} .ecity .ecitylayer .linkhover li.go1 a{width:62px;height:142px;cursor:pointer} .ecity .ecitylayer .linkhover li.go2{display:inlne-block;position:absolute;left:295px;top:175px} .ecity .ecitylayer .linkhover li.go2 a{width:72px;height:90px;cursor:pointer} .ecity .ecitylayer .linkhover li.go3{display:inlne-block;position:absolute;left:357px;top:129px} .ecity .ecitylayer .linkhover li.go3 a{width:84px;height:53px;cursor:pointer} .ecity .ecitylayer .linkhover li.go4{display:inlne-block;position:absolute;left:442px;top:73px} .ecity .ecitylayer .linkhover li.go4 a{width:103px;height:167px;cursor:pointer} .ecity .ecitylayer .linkhover li.go5{display:inlne-block;position:absolute;left:655px;top:129px} .ecity .ecitylayer .linkhover li.go5 a{width:75px;height:60px;cursor:pointer} .ecity .ecitylayer .linkhover li.go6{display:inlne-block;position:absolute;left:734px;top:141px} .ecity .ecitylayer .linkhover li.go6 a{width:100px;height:70px;cursor:pointer} .ecity .ecitylayer .linkhover li.go7{display:inlne-block;position:absolute;left:616px;top:252px} .ecity .ecitylayer .linkhover li.go7 a{width:224px;height:129px;cursor:pointer} .ecity .ecitylayer .linkhover li.go8{display:inlne-block;position:absolute;left:456px;top:348px} .ecity .ecitylayer .linkhover li.go8 a{width:145px;height:118px;cursor:pointer} .ecity .ecitylayer .linkhover li.go9{display:inlne-block;position:absolute;left:332px;top:335px} .ecity .ecitylayer .linkhover li.go9 a{width:114px;height:132px;cursor:pointer} .ecity .ecitylayer{position:relative;height:528px} .ecity .ecitylayer .e1{position:absolute;left:-205px;top:-5px;width:209px;height:133px} .ecity .ecitylayer .e2{position:absolute;left:-223px;top:-94px;width:238px;height:123px} .ecity .ecitylayer .e3{position:absolute;left:-90px;top:-101px;width:130px;height:122px} .ecity .ecitylayer .e4{position:absolute;right:-133px;top:-30px;width:184px;height:100px} .ecity .ecitylayer .e5{position:absolute;right:-164px;top:-68px;width:174px;height:87px} .ecity .ecitylayer .e6{position:absolute;right:-161px;top:-10px;width:187px;height:66px} .ecity .ecitylayer .e7{position:absolute;right:-140px;bottom:-65px;width:168px;height:130px} .ecity .ecitylayer .e8{position:absolute;right:-185px;bottom:-82px;width:248px;height:166px} .ecity .ecitylayer .e9{position:absolute;left:-208px;bottom:-50px;width:243px;height:111px} .ecity .ecitybtn{position:absolute;right:22px;top:50px} .ecity .ecitybtn a{display:inline-block;width:40px;height:40px;background: url("../images/btn_main_layer.gif") no-repeat 0 0} .ecity .ecitybtn a.on{background: url("../images/btn_main_layer.gif") no-repeat 0 -40px} .ecity .ecitybtn a span{display:none} .contbox{position:absolute;left:0;bottom:30px;background:#fff url("../images/main_cont_bg.gif") repeat-y 0 0} .contbox .cont{width:986px;height:95px;background: url("../images/main_cont_top.gif") no-repeat 0 0} .contbox .cont .conbtn{position:absolute;right:0;top:-22px} .contbox .cont .contin{position:absolute;left:0;top:0;width:986px;height:95px;overflow:hidden;background: url("../images/main_cont_bottom.gif") no-repeat left bottom;*zoom:1} .contbox .cont .contin h2{position:relative;padding-bottom:8px} .contbox .cont .contin h2 a{position:absolute;right:0;top:0} .contbox .cont .contin .conta{position:relative; top:20px; left:20px; padding-right:20px; float:left; width:284px; border-right:1px solid #e7e7e7} .contbox .cont .contin .conta .mtab{padding-bottom:5px} .contbox .cont .contin .conta .mtab ul{*zoom:1} .contbox .cont .contin .conta .mtab ul:after{content:"";display:block;clear:both} .contbox .cont .contin .conta .mtab ul li{float:left;font-size:0} .contbox .cont .contin .conta .mtab ul li.mt1 a{display:inline-block;width:48px;height:12px;background: url("../images/btn_mtab.gif") no-repeat 0 0} .contbox .cont .contin .conta .mtab ul li.mt1 a.on{display:inline-block;width:48px;height:12px;background: url("../images/btn_mtab.gif") no-repeat 0 -12px} .contbox .cont .contin .conta .mtab ul li.mt1 a:hover{display:inline-block;width:48px;height:12px;background: url("../images/btn_mtab.gif") no-repeat 0 -12px} .contbox .cont .contin .conta .mtab ul li.mt2 a{display:inline-block;width:100px;height:12px;background: url("../images/btn_mtab.gif") no-repeat -48px 0} .contbox .cont .contin .conta .mtab ul li.mt2 a.on{display:inline-block;width:100px;height:12px;background: url("../images/btn_mtab.gif") no-repeat -48px -12px} .contbox .cont .contin .conta .mtab ul li.mt2 a:hover{display:inline-block;width:100px;height:12px;background: url("../images/btn_mtab.gif") no-repeat -48px -12px} .contbox .cont .contin .conta .mtab ul li a span{display:none} .contbox .cont .contin .conta .mtab .mtbtn{position:absolute;right:20px;top:0} .contbox .cont .contin .conta .mlist{padding-top:5px} .contbox .cont .contin .conta .mlist li{position:relative;line-height:18px} .contbox .cont .contin .conta .mlist li a{font-size:11px} .contbox .cont .contin .conta .mlist li span{position:absolute;right:0;top:0} .contbox .cont .contin .contb{position:relative; top:20px; left:40px; padding-right:20px; float:left; width:284px; border-right:1px solid #e7e7e7} .contbox .cont .contin .contb .mlist{padding-top:5px} .contbox .cont .contin .contb .mlist li{position:relative;line-height:18px} .contbox .cont .contin .contb .mlist li a{font-size:11px} .contbox .cont .contin .contb .mlist li span{position:absolute;right:0;top:0} .contbox .cont .contin .contc{position:relative; top:20px; left:60px; float:left; width:284px;/*border-left:1px solid #e7e7e7*/} .contbox .cont .contin .contc .mlist{padding-top:5px} .contbox .cont .contin .contc .mlist li{position:relative;line-height:18px} .contbox .cont .contin .contc .mlist li a{font-size:11px} .contbox .cont .contin .contc .mlist li a.on{color:#50679e} .contbox .cont .contin .contc .mlist li span{position:absolute;right:0;top:0} .contbox .cont .contin .contd{position:absolute;left:803px;top:20px;width:148px;height:53px;padding-left:17px;border-left:1px solid #e7e7e7} .contbox .cont .contin .contd p{padding-top:10px} .contbox .conthidden{position:absolute;left:0;bottom:0;width:986px;height:15px;background:#fff url("../images/main_cont_bottom2.gif") no-repeat left bottom} #footer{position:relative;width:986px;margin:0 auto} #footer .highlink{padding-bottom:8px;border-bottom:1px solid #ececec} #footer .highlink .hiin{*zoom:1} #footer .highlink .hiin:after{content:"";display:block;clear:both} #footer .highlink .hiin li{float:left} #footer .highlink .fsel{position:absolute;right:0;top:3px;width:335px;*zoom:1} #footer .highlink .fsel:after{content:"";display:block;clear:both} #footer .highlink .fsel .fsell{float:left;width:165px} #footer .highlink .fsel .fsell .selin ul li{font-size:0;padding:2px 0} #footer .highlink .fsel .fsell .selin{position:absolute;left:0;bottom:24px;width:163px;background:#fff;border: 1px solid #696; padding:10px 0; text-align:center; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; background: #;border:1px solid #eaeaea} #footer .highlink .fsel .fselr{float:right;width:165px} #footer .highlink .fsel .fselr .selin ul li{font-size:0;padding:2px 0} #footer .highlink .fsel .fselr .selin ul li a{text-align:center} #footer .highlink .fsel .fselr .selin{position:absolute;left:170px;bottom:24px;width:163px;background:#fff;border: 1px solid #696; padding:10px 0; text-align:center; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; background: #;border:1px solid #eaeaea} .copylink{padding-top:12px;padding-bottom:50px} .copylink ul{*zoom:1} .copylink ul:after{content:"";display:block;clear:both} .copylink ul li{float:left} /* sub layout */ #s_wrap{width:100%;min-width:986px;min-height:400px;_height:400px;color:#787878} #s_container{position:relative;width:986px;margin:0 auto;margin-bottom:35px;background: url("../images/sub_cont_bg.gif") repeat-y 0 0} #s_contents{min-height:400px;_height:400px;padding-bottom:120px;background: url("../images/sub_bottom_bg.gif") no-repeat left bottom} .svis{margin:0 auto; width:986px; height:203px; text-indent:-9999px;} .svis.bg01 {background:url(../images/sub_visual1.jpg) no-repeat top center; } .svis.bg02 {background:url(../images/sub_visual2.jpg) no-repeat top center; } .svis.bg03 {background:url(../images/sub_visual3.jpg) no-repeat top center; } .svis.bg04 {background:url(../images/sub_visual4.jpg) no-repeat top center; } #section .lnb{position:absolute;left:0;top:-69px;background: url("../images/sub_left_c.jpg") repeat-y 0 0} #section .lnb .lnb_a, #section .lnb .lnb_b, #section .lnb .lnb_c, #section .lnb .lnb_d{padding-bottom:38px;background: url("../images/sub_left_b.jpg") no-repeat left bottom} .lnb h2{padding-bottom:9px} .lnb_a ul, .lnb_b ul, .lnb_c ul, .lnb_d ul{padding-left:25px} .lnb_a ul li, .lnb_b ul li, .lnb_c ul li, .lnb_d ul li{font-size:0} .lnb_a ul li a, .lnb_b ul li a, .lnb_c ul li a, .lnb_d ul li a{display:inline-block;width:126px;height:25px;background-image: url("../images/menu_all_imsi.gif")} .lnb_a ul li.a1 a{background-position:0 -97px} .lnb_a ul li.a1 a.on{background-position:-200px -97px} .lnb_a ul li.a1 a:hover{background-position:-200px -97px} .lnb_a ul li.a2 a{background-position:0 -122px} .lnb_a ul li.a2 a.on{background-position:-200px -122px} .lnb_a ul li.a2 a:hover{background-position:-200px -122px} .lnb_a ul li.a3 a{background-position:0 -147px} .lnb_a ul li.a3 a.on{background-position:-200px -147px} .lnb_a ul li.a3 a:hover{background-position:-200px -147px} .lnb_a ul li.a4 a{background-position:0 -172px} .lnb_a ul li.a4 a.on{background-position:-200px -172px} .lnb_a ul li.a4 a:hover{background-position:-200px -172px} .lnb_a ul li.a5 a{background-position:0 -197px} .lnb_a ul li.a5 a.on{background-position:-200px -197px} .lnb_a ul li.a5 a:hover{background-position:-200px -197px} .lnb_a ul li.a6 a{background-position:0 -222px} .lnb_a ul li.a6 a.on{background-position:-200px -222px} .lnb_a ul li.a6 a:hover{background-position:-200px -222px} .lnb_b ul li.a1 a{background-position:0 -247px} .lnb_b ul li.a1 a.on{background-position:-200px -247px} .lnb_b ul li.a1 a:hover{background-position:-200px -247px} .lnb_b ul li.a2 a{background-position:0 -272px} .lnb_b ul li.a2 a.on{background-position:-200px -272px} .lnb_b ul li.a2 a:hover{background-position:-200px -272px} .lnb_b ul li.a3 a{background-position:0 -297px} .lnb_b ul li.a3 a.on{background-position:-200px -297px} .lnb_b ul li.a3 a:hover{background-position:-200px -297px} .lnb_b ul li.a4 a{background-position:0 -322px} .lnb_b ul li.a4 a.on{background-position:-200px -322px} .lnb_b ul li.a4 a:hover{background-position:-200px -322px} .lnb_b ul li.a5 a{background-position:0 -347px} .lnb_b ul li.a5 a.on{background-position:-200px -347px} .lnb_b ul li.a5 a:hover{background-position:-200px -347px} .lnb_c ul li.a1 a{background-position:0 -372px} .lnb_c ul li.a1 a.on{background-position:-200px -372px} .lnb_c ul li.a1 a:hover{background-position:-200px -372px} /*아이디어제안메뉴추가 */ .lnb_c ul li.a2 a{background-position:0 -623px} .lnb_c ul li.a2 a.on{background-position:-200px -623px} .lnb_c ul li.a2 a:hover{background-position:-200px -623px} .lnb_c ul li.a3 a{background-position:0 -397px} .lnb_c ul li.a3 a.on{background-position:-200px -397px} .lnb_c ul li.a3 a:hover{background-position:-200px -397px} .lnb_c ul li.a4 a{background-position:0 -674px} .lnb_c ul li.a4 a.on{background-position:-200px -674px} .lnb_c ul li.a4 a:hover{background-position:-200px -674px} .lnb_c ul li.a5 {} .lnb_c ul li.a5 a{background-position:0 -650px} .lnb_c ul li.a5 a.on{background-position:-200px -650px} .lnb_c ul li.a5 a:hover{background-position:-200px -650px} .lnb_d ul li.a1 a{background-position:0 -447px} .lnb_d ul li.a1 a.on{background-position:-200px -447px} .lnb_d ul li.a1 a:hover{background-position:-200px -447px} .lnb_d ul li.a2 a{background-position:0 -472px} .lnb_d ul li.a2 a.on{background-position:-200px -472px} .lnb_d ul li.a2 a:hover{background-position:-200px -472px} .lnb_d ul li.a3 a{background-position:0 -497px} .lnb_d ul li.a3 a.on{background-position:-200px -497px} .lnb_d ul li.a3 a:hover{background-position:-200px -497px} .lnb_d ul li.a4 a{background-position:0 -522px} .lnb_d ul li.a4 a.on{background-position:-200px -522px} .lnb_d ul li.a4 a:hover{background-position:-200px -522px} .lnb_d ul li.a5 a{background-position:0 -547px} .lnb_d ul li.a5 a.on{background-position:-200px -547px} .lnb_d ul li.a5 a:hover{background-position:-200px -547px} .depth3 {width:111px;padding:5px 0;margin-left:7px;border:1px solid #e1eedf; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background: #f2f5ec} .depth3 ul{padding-left:0 !important} .depth3 ul li{padding:3px 0 3px 8px} .depth3 .req041 a {background-position:0px -575px !important; width:94px; height:11px} .depth3 .req041 a:hover {background-position:-128px -575px !important} .depth3 .req041 a.on {background-position:-128px -575px !important} .depth3 .req042 a {background-position:0px -592px !important; width:94px; height:11px} .depth3 .req042 a:hover {background-position:-128px -592px !important} .depth3 .req042 a.on {background-position:-128px -592px !important} .depth3 .req043 a {background-position:0px -609px !important; width:94px; height:11px} .depth3 .req043 a:hover {background-position:-128px -609px !important} .depth3 .req043 a.on {background-position:-128px -609px !important} #section .content{margin-left:242px} #section .content .cate{position:relative;width:685px;height:42px} #section .content .cate ul{position:absolute;right:0;top:8px;*zoom:1} #section .content .cate ul:after{content:"";display:block;clear:both} #section .content .cate ul li.home{padding-left:14px;background: url("../images/bl_home.gif") no-repeat 0 3px} #section .content .cate ul li{float:left;padding-left:20px;font-size:11px;background: url("../images/bl_arrow.gif") no-repeat 9px 5px} #s_footer{position:relative;width:100%;background: url("../images/footer_bg.gif") repeat-x 0 0} #s_footer .s_footerin{position:relative;width:986px;margin:0 auto;padding-top:144px;background: url("../images/sub_footer_bg.jpg") no-repeat 0 0} #s_footer .s_footerin .highlink{padding-bottom:8px;border-bottom:1px solid #ececec} #s_footer .s_footerin .highlink .hiin{*zoom:1} #s_footer .s_footerin .highlink .hiin:after{content:"";display:block;clear:both} #s_footer .s_footerin .highlink .hiin li{float:left} #s_footer .s_footerin .highlink .fsel{position:absolute;right:0;top:147px;width:335px;*zoom:1} #s_footer .s_footerin .highlink .fsel:after{content:"";display:block;clear:both} #s_footer .s_footerin .highlink .fsel .fsell{float:left;width:165px} #s_footer .s_footerin .highlink .fsel .fsell .selin ul li{font-size:0;padding:2px 0} #s_footer .s_footerin .highlink .fsel .fsell .selin{position:absolute;left:0;bottom:24px;width:163px;background:#fff;border: 1px solid #696; padding:10px 0; text-align:center; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; background: #;border:1px solid #eaeaea} #s_footer .s_footerin .highlink .fsel .fselr{float:right;width:165px} #s_footer .s_footerin .highlink .fsel .fselr .selin ul li{font-size:0;padding:2px 0} #s_footer .s_footerin .highlink .fsel .fselr .selin ul li a{text-align:center} #s_footer .s_footerin .highlink .fsel .fselr .selin{position:absolute;left:170px;bottom:24px;width:163px;background:#fff;border: 1px solid #696; padding:10px 0; text-align:center; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; background: #;border:1px solid #eaeaea} /* fileUpload - 2013-06-11 박수민 */ .file {position:relative; text-align:left; z-index:2; width:40px; height:25px; overflow:hidden;} .fakefile {position:absolute !important; top:0; left:0; z-index:1; text-align:left; overflow:hidden;} #objUpFile {display:none; width:45px;background-color:#000; border:1px solid #574937; height:25px; padding:0 0 0 5px;margin:0;} /* popup 20131014 */ .popup1{position:absolute;left:50%;top:95px;width:400px;height:524px;margin-left:-200px} .popup1 .ceo1{position:absolute;left:85px;bottom:40px} .popup1 .ceo2{position:absolute;right:14px;top:18px} /*팝업*/ #lean_overlay { position: fixed; z-index:100; top: 0px; left: 0px; height:100%; width:100%; background: #000; display: none; z-index:9999;} .pop_box {display:none; width: 600px;height:680px; /*팝업창의 크기조절*/ margin-top:0px; /*팝업창 위아래 간격조절*/ padding: 25px; background: #fff; overflow-y:auto; -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.5); box-shadow: 0 1px 5px rgba(0, 0, 0, 0.5); font:12px/22px dotum,sans-serif;} .pop_box p.hidemodal {position:absolute; top:10px; right:10px; cursor:pointer;} .pop_box p.hidemodal img {width:30px; height:30px;} /*환불안내 2016-03-28 황수연*/ .tCenter {text-align:center;} .ls1 {letter-spacing:-1px;} .font14 {font:14px '맑은 고딕',dotum,sans-serif; color:#34383c} .mt25 {margin-top:25px;} .mt50 {margin-top:50px;} .pl80 {padding-left:80px !important;} .pl110 {padding-left:110px !important;} .pl115 {padding-left:115px !important;} .red {color:#fc3820;} ul.bullet_ul {padding-right:60px;} ul.bullet_ul li {position:relative; margin-bottom:5px; padding-left:10px;font:15px/20px '맑은 고딕',dotum,sans-serif; color:#999999; letter-spacing:-1px;} ul.bullet_ul li span {position:absolute; top:6px; left:0px; display:block; width:10px; height:10px; background:url(../images/bullet_dot.jpg) no-repeat left 50%; } ul.bullet_ul li b.abs {display:block; position:absolute; top:0px; left:10px; color:#000} .gradient_box {padding:20px 0 40px;; width:672px; border-top:1px solid #c5c5c5; background:#fcfcfc url(../images/bg_gradi.jpg) repeat-x left bottom; border-radius:0 0 15px 15px;} .gradient_box table th {font:bold 14px '맑은 고딕',dotum,sans-serif; color:#34383c; text-align:left;} .tpl_input td {padding:5px 0; } .tpl_input td p {height:28px; border:1px solid #cecece; background:#fff;} .tpl_input td p input {padding-left:5px; height:28px; border:0 none; background:none;} p.refund_tip {margin:5px auto 0; width:430px; font:13px '맑은 고딕',dotum,sans-serif; color:#999999} p.refund_tip span {display:block; margin-bottom:5px;font:bold 15px '맑은 고딕',dotum,sans-serif; color:#d02d2d} p.refund_tip span img {vertical-align:middle;} .refund_btn {margin-top:20px; text-align:center} .refund_btn input[type=button] {cursor:pointer; text-align:center;width:375px; height:50px; background:url(../images/bg_btn.png); border:0 none; color:#fff; font:bold 20px '맑은 고딕',dotum,sans-serif; border-radius:5px; letter-spacing:-2px;} .txt_refund {letter-spacing:-1px; font:bold 20px/23px '맑은 고딕',dotum,sans-serif; color:#999999; text-align:Center;} .txt_refund b.id {color:#000} .txt_refund b.red {font-size:24px; color:#d02d2d;} #nick_name {font:inherit; color:#000} #refund_int {font-size:24px; color:#d02d2d;}