/*------------------------------------------------------------------------------------------------------------------------- TOP -------------------------------------------------------------------------------------------------------------------------*/ /*TopWrap*/ input:focus,textarea:focus {outline:none;} #topWrap{width:1058px;height:90px;margin:0 auto;background:url('../images/common/bg_top.gif') repeat-x 0 0} #topWrap .left{width:145px;height:50px;margin:0 0 0 50px;float:left} #topWrap .left h1{width:145px;height:50px;float:left;display:inline-block;cursor:pointer;text-indent:-1000px;_line-height:0;_font-size:0;background:url('../images/common/gnb_logo.png') no-repeat} /* #topWrap .left span{width:200px;height:90px;display:inline} #topWrap .left span input{width:135px;height:22px;margin:31px 0 0 16px;padding:8px 10px 10px 10px; display:inline-block;font:bold 14px "dotum";border:0;background:url('../images/common/bg_inputTop.gif') no-repeat} #topWrap .left span input.search{width:29px;height:37px;margin:28px 0 0 0;display:inline;border:0;background:url('../images/common/bg_inputSearch.gif') no-repeat} */ #topWrap .right{width:800px;height:50px;margin:0 19px 0 0;float:right} #topWrap .right ul li.top{width:700px;padding:17px 0 0 0} #topWrap .right ul li.top span.go {width:585px;height:18px;float:left;margin:-3px 0 0 0;text-align:right} #topWrap .right ul li.top span.go a{color:#bdbcbc;font:bold 9px "tahoma";text-decoration:none} #topWrap .right ul li.top span.go a:hover{color:#666;font:bold 9px "tahoma";text-decoration:underline} #topWrap .right ul li.top span.go span {width:10px;height:11px;padding:7px 0 0 0;text-align:center;display:inline-block;color:#bdbcbc;font:8px "tahoma"} #topWrap .right ul li.top span.btn {padding:0;float:right} #topWrap .right ul li.top span.btn span{height:28px;float:left;display:block;cursor:pointer;color:#505050;font-size:0;line-height:0} #topWrap .right ul li.top span.btn span.cp{width:66px;background:url('../images/button/btn_freelancer.gif') no-repeat} #topWrap .right ul li.top span.btn span.shop{width:40px;background:url('../images/button/btn_shop.gif') no-repeat} #topWrap .right ul li.top span.btn span.cs{width:36px;background:url('../images/button/btn_callcenter.gif') no-repeat 5px 0} #topWrap .menu1{width:1058px;height:40px;margin:0 auto} #topWrap .menu1 .menu1_left{width:708px;height:40px;margin:0 0 0 25px;float:left} #topWrap .menu1 .search1{width:200px;height:30px;float:left;display:inline;margin:0 0 0 27px} #topWrap .menu1 .search1 span{width:200px;padding:4px 0 0 0} #topWrap .menu1 .search1 span input{width:149px;height:18px;padding:7px 0 10px 5px;float:left;display:inline-block;font:bold 14px "dotum";border:0;background:url('../images/common/bg_inputTop.gif') no-repeat} #topWrap .menu1 .search1 span input.search{width:26px;height:30px;float:left;display:inline;border:0;background:url('../images/common/bg_inputSearch.gif') no-repeat} /*정액샵 TopWrap*/ #topWrap_shop{width:1058px;height:90px;margin:0 auto;background:url('../images/common/bg_top_shop.gif') repeat-x 0 0} #topWrap_shop .left{width:145px;height:50px;margin:0 0 0 50px;float:left} #topWrap_shop .left h1{width:145px;height:50px;float:left;display:inline-block;cursor:pointer;text-indent:-1000px;_line-height:0;_font-size:0;background:url('../images/common/gnb_logo_shop.png') no-repeat} /* #topWrap_shop .left span{width:200px;height:90px;display:inline} #topWrap_shop .left span input{width:135px;height:22px;margin:31px 0 0 16px;padding:8px 10px 10px 10px;display:inline-block;font:bold 14px "dotum";border:0;background:url('../images/common/bg_inputTop_shop.gif') no-repeat} #topWrap_shop .left span input.search{width:29px;height:37px;margin:28px 0 0 0;display:inline;border:0;background:url('../images/common/bg_inputSearch_shop.gif') no-repeat} */ #topWrap_shop .right{width:800px;height:50px;margin:0 19px 0 0;float:right} #topWrap_shop .right ul li.top{width:700px;padding:17px 0 0 0} #topWrap_shop .right ul li.top span.go {width:585px;height:18px;float:left;margin:-3px 0 0 0;text-align:right} #topWrap_shop .right ul li.top span.go a{color:#bdbcbc;font:bold 9px "tahoma";text-decoration:none} #topWrap_shop .right ul li.top span.go a:hover{color:#666;font:bold 9px "tahoma";text-decoration:underline} #topWrap_shop .right ul li.top span.go span {width:10px;height:11px;padding:7px 0 0 0;text-align:center;display:inline-block;color:#bdbcbc;font:8px "tahoma"} #topWrap_shop .right ul li.top span.btn {padding:0;float:right} #topWrap_shop .right ul li.top span.btn span{height:28px;float:left;display:block;cursor:pointer;color:#505050;font-size:0;line-height:0} #topWrap_shop .right ul li.top span.btn span.cp{width:66px;background:url('../images/button/btn_freelancer.gif') no-repeat} #topWrap_shop .right ul li.top span.btn span.shop{width:40px;background:url('../images/button/btn_shop.gif') no-repeat} #topWrap_shop .right ul li.top span.btn span.cs{width:36px;background:url('../images/button/btn_callcenter.gif') no-repeat 5px 0} #topWrap_shop .menu1{width:1058px;height:40px;margin:0 auto} #topWrap_shop .menu1 .menu1_left{width:708px;height:40px;margin:0 0 0 25px;float:left} #topWrap_shop .menu1 .search1{width:200px;height:30px;float:left;display:inline;margin:0 0 0 27px} #topWrap_shop .menu1 .search1 span{width:200px;padding:4px 0 0 0} #topWrap_shop .menu1 .search1 span input{width:149px;height:18px;padding:7px 0 10px 5px;float:left;display:inline-block;font:bold 14px "dotum";border:0;background:url('../images/common/bg_inputTop_shop.gif') no-repeat} #topWrap_shop .menu1 .search1 span input.search{width:26px;height:30px;float:left;display:inline;border:0;background:url('../images/common/bg_inputSearch_shop.gif') no-repeat} /*------------------------------------------------------------------------------------------------------------------------- Main -------------------------------------------------------------------------------------------------------------------------*/ #mainWrap {width:100%;padding:160px 0 0 0;background:url('../images/main/center_banner_bg.gif') repeat-x 0 160px} /*#mainWrap .center_banner_wrap{width:1058px;height:300px;margin:0 auto}*/ #mainWrap .center_banner_wrap{width:1058px;height:300px;margin:0 auto;} #mainWrap .center_banner {width:960px;height:300px;} #mainWrap .center_banner li.bn{width:893px;float:left} #mainWrap .center_banner li.prev{width:50px;height:300px;float:left;background:url('../images/main/center_banner_arrow_left.gif') no-repeat} #mainWrap .center_banner li.next{width:50px;height:300px;float:right;background:url('../images/main/center_banner_arrow_right.gif') no-repeat} #mainWrap #main_contents_wrap {width:1058px;margin:0 auto;} #mainWrap #main_contents_wrap #main_contents{width:890px;float:left;margin:0 0 0 50px} #mainWrap .main_contents_list01 {width:893px} #mainWrap .main_contents_list01 li.tit {width:auto;height:40px;font-size:0;line-height:0;color:#444;background:url('../images/main/title01.gif') no-repeat 0 10px} #mainWrap .main_contents_list01 li.tit a{width:20px;height:5px;display:inline-block;margin:15px 0 0 90px;background:url('../images/button/btn_more.gif') no-repeat} .clsBannerScreen {overflow: hidden;height: 300px;width: 893px; /*cursor:pointer; clear:both;*/} /*.clsBannerScreen .images {position:absolute; display:none; }*/ /*------------------------------------------------------------------------------------------------------------------------- SUB MAIN CONTAINER -------------------------------------------------------------------------------------------------------------------------*/ #subMainContainer {width:100%;padding:240px 0 0 0;clear:both} #subMainContainer #subContainerWrap{width:1058px;margin:70px auto 0} /*Left*/ #subMainContainer #subContainerWrap #left{width:210px;float:left} /*LeftMenu*/ #subMainContainer #subContainerWrap #left .menu{width:148px;padding:10px 25px 30px 25px;border:1px solid #e3e3e3;border-top:none} #subMainContainer #subContainerWrap #left .menu ul{margin:0 0 20px 0} #subMainContainer #subContainerWrap #left .menu ul li.title{height:25px;margin:0 0 10px 0;color:#303030;font:bold 14px "dotum";letter-spacing:-1px;border-bottom:1px solid #000} #subMainContainer #subContainerWrap #left .menu ul li.title a{color:#303030;font:bold 14px "dotum";letter-spacing:-1px;text-decoration:none} #subMainContainer #subContainerWrap #left .menu ul li.title a:hover{color:#0090ff;font:bold 14px "dotum";letter-spacing:-1px;text-decoration:underline} #subMainContainer #subContainerWrap #left .menu ul li.titleFixed{height:25px;margin:30px 0 10px 0;color:#303030;font:bold 14px "dotum";letter-spacing:-1px;border-bottom:1px solid #000} #subMainContainer #subContainerWrap #left .menu ul li.titleFixed a{color:#303030;font:bold 14px "dotum";letter-spacing:-1px;text-decoration:none} #subMainContainer #subContainerWrap #left .menu ul li.titleFixed a:hover{color:#0090ff;font:bold 14px "dotum";letter-spacing:-1px;text-decoration:underline} #subMainContainer #subContainerWrap #left .menu ul li.titleGray{height:25px;margin:0 0 10px 0;color:#303030;font:bold 14px "dotum";letter-spacing:-1px;border-bottom:1px solid #e3e3e3} #subMainContainer #subContainerWrap #left .menu ul li.titleGray a{color:#303030;font:bold 14px "dotum";letter-spacing:-1px;text-decoration:none} #subMainContainer #subContainerWrap #left .menu ul li.titleGray a:hover{color:#0090ff;font:bold 14px "dotum";letter-spacing:-1px;text-decoration:underline} #subMainContainer #subContainerWrap #left .menu ul li{height:20px;font:12px "dotum"} #subMainContainer #subContainerWrap #left .menu ul li a{height:20px;color:#303030;font:12px "dotum";text-decoration:none} #subMainContainer #subContainerWrap #left .menu ul li a:hover{height:20px;color:#0090ff;font:12px "dotum";text-decoration:underline} /*LeftBanner*/ #subMainContainer #subContainerWrap #left .banner{width:200px;height:500px;color:#fff;font-size:0;line-height:0} #subMainContainer #subContainerWrap #left .banner a{color:#fff;font-size:0;line-height:0;text-decoration:none} #subMainContainer #subContainerWrap #left .banner a:hover{color:#fff;font-size:0;line-height:0;text-decoration:none} #subMainContainer #subContainerWrap #left .banner .service_1{width:200px;height:106px;margin:10px 0;cursor:pointer} #subMainContainer #subContainerWrap #left .banner .service_2{width:200px;height:200px;margin:10px 0;cursor:pointer} #subMainContainer #subContainerWrap #left .banner .service_3{width:200px;height:98px;margin:10px 0;cursor:pointer} #subMainContainer #subContainerWrap #left .banner .service_4{width:200px;height:33px;margin:10px 0} #subMainContainer #subContainerWrap #left .banner .service ul{padding:80px 0 0 0} #subMainContainer #subContainerWrap #left .banner .service li{width:210px;cursor:pointer} #subMainContainer #subContainerWrap #left .banner .service li.service01{height:30px} #subMainContainer #subContainerWrap #left .banner .service li.service02{height:30px} #subMainContainer #subContainerWrap #left .banner .service li.service03{height:30px} #subMainContainer #subContainerWrap #left .banner .service li.service04{height:25px} #subMainContainer #subContainerWrap #left .banner .callcenter{width:200px;height:98px;cursor:pointer;background:url('../images/banner/bn_left_callcenter.gif') no-repeat 0 0} #subMainContainer #subContainerWrap #left .banner .using{width:200px;height:106px;margin:10px 0 0 0;cursor:pointer;background:url('../images/banner/bn_using.gif') no-repeat 0 0} /*Center*/ #subMainContainer #subContainerWrap #center{width:848px;float:right} /*CenterContents*/ #subMainContainer #subContainerWrap #center #contents{width:705px;float:left;display:inline;margin:0 40px 0 30px} #subMainContainer #subContainerWrap #center #contents .section {} #subMainContainer #subContainerWrap #center #contents .line{float:left;margin:0 0 20px 0;display:inline} /*------------------------------------------------------------------------------------------------------------------------- SUB DETAIL CONTAINER -------------------------------------------------------------------------------------------------------------------------*/ #subDetailContainer {width:100%;padding:150px 0 0 0;clear:both} #subDetailContainer #subContainerWrap{width:1058px;margin:70px auto 0} /*Left*/ #subDetailContainer #subContainerWrap #left{width:210px;margin:90px 0 0 0;float:left} /*LeftMenu*/ #subDetailContainer #subContainerWrap #left .menu{width:148px;padding:10px 25px 30px 25px;border:1px solid #e3e3e3;border-top:none} #subDetailContainer #subContainerWrap #left .menu ul{margin:0 0 20px 0} #subDetailContainer #subContainerWrap #left .menu ul li.title{height:25px;margin:0 0 10px 0;color:#303030;font:bold 14px "dotum";letter-spacing:-1px;border-bottom:1px solid #000} #subDetailContainer #subContainerWrap #left .menu ul li.title a{color:#303030;font:bold 14px "dotum";letter-spacing:-1px;text-decoration:none} #subDetailContainer #subContainerWrap #left .menu ul li.title a:hover{color:#0090ff;font:bold 14px "dotum";letter-spacing:-1px;text-decoration:underline} #subDetailContainer #subContainerWrap #left .menu ul li.titleFixed{height:25px;margin:0 0 10px 0;color:#303030;font:bold 14px "dotum";letter-spacing:-1px;border-bottom:1px solid #000} #subDetailContainer #subContainerWrap #left .menu ul li.titleFixed a{color:#303030;font:bold 14px "dotum";letter-spacing:-1px;text-decoration:none} #subDetailContainer #subContainerWrap #left .menu ul li.titleFixed a:hover{color:#0090ff;font:bold 14px "dotum";letter-spacing:-1px;text-decoration:underline} #subDetailContainer #subContainerWrap #left .menu ul li.titleGray{height:25px;margin:0 0 10px 0;color:#303030;font:bold 14px "dotum";letter-spacing:-1px;border-bottom:1px solid #e3e3e3} #subDetailContainer #subContainerWrap #left .menu ul li.titleGray a{color:#303030;font:bold 14px "dotum";letter-spacing:-1px;text-decoration:none} #subDetailContainer #subContainerWrap #left .menu ul li.titleGray a:hover{color:#0090ff;font:bold 14px "dotum";letter-spacing:-1px;text-decoration:underline} #subDetailContainer #subContainerWrap #left .menu ul li{height:20px;font:12px "dotum"} #subDetailContainer #subContainerWrap #left .menu ul li a{height:20px;color:#303030;font:12px "dotum";text-decoration:none} #subDetailContainer #subContainerWrap #left .menu ul li a:hover{height:20px;color:#0090ff;font:12px "dotum";text-decoration:underline} /*LeftBanner*/ #subDetailContainer #subContainerWrap #left .banner{width:210px;color:#fff;font-size:0;line-height:0} #subDetailContainer #subContainerWrap #left .banner a{color:#fff;font-size:0;line-height:0;text-decoration:none} #subDetailContainer #subContainerWrap #left .banner a:hover{color:#fff;font-size:0;line-height:0;text-decoration:none} #subDetailContainer #subContainerWrap #left .banner .service{width:210px;height:227px;cursor:pointer;background:url('../images/banner/bn_left_service.gif') no-repeat 0 10px} #subDetailContainer #subContainerWrap #left .banner .service_1{width:200px;height:106px;margin:10px 0;cursor:pointer} #subDetailContainer #subContainerWrap #left .banner .service_2{width:200px;height:200px;margin:10px 0;cursor:pointer} #subDetailContainer #subContainerWrap #left .banner .service_3{width:200px;height:98px;margin:10px 0;cursor:pointer} #subDetailContainer #subContainerWrap #left .banner .service_4{width:200px;height:33px;margin:10px 0} #subDetailContainer #subContainerWrap #left .banner .service ul{padding:80px 0 0 0} #subDetailContainer #subContainerWrap #left .banner .service li{width:210px;cursor:pointer} #subDetailContainer #subContainerWrap #left .banner .service li.service01{height:30px} #subDetailContainer #subContainerWrap #left .banner .service li.service02{height:30px} #subDetailContainer #subContainerWrap #left .banner .service li.service03{height:30px} #subDetailContainer #subContainerWrap #left .banner .service li.service04{height:25px} #subDetailContainer #subContainerWrap #left .banner .callcenter{width:200px;height:249px;cursor:pointer;background:url('../images/banner/bn_left_callcenter.gif') no-repeat 0 0} #subDetailContainer #subContainerWrap #left .banner .using{width:200px;height:67px;margin:10px 0 0 0;cursor:pointer;background:url('../images/banner/bn_using.gif') no-repeat 0 0} /*Center*/ #subDetailContainer #subContainerWrap #center{width:848px;float:right} /*CenterContents*/ #subDetailContainer #subContainerWrap #center #contents{width:705px;float:left;display:inline;margin:0 40px 0 30px} /*------------------------------------------------------------------------------------------------------------------------- FOOTER -------------------------------------------------------------------------------------------------------------------------*/ #FOOTER{width:100%;height:542px;clear:both;margin:30px 0 0 0;float:left;background:url('../images/common/bg_footer.gif') repeat-x top left} /*Map*/ #FOOTER .map{width:1058px;height:475px;margin:0 auto;overflow:hidden;border:1px solid #3f3f3f;border-right:none;border-left:none;background:url('../images/common/bg_footerLine.gif') repeat-y top left #595959} #FOOTER .map .section{color:#bbb;font:11px/180% "Dotum";letter-spacing:-1px} #FOOTER .map .section ul li{clear:both;.clear:inline;.width:100%} #FOOTER .map .section ul li span{height:30px;display:block;color:#e3e3e3;font:bold 11px "tahoma";letter-spacing:normal} #FOOTER .map .section ul li span a{color:#e3e3e3;font:bold 11px "tahoma";letter-spacing:normal} #FOOTER .map .section ul li span a:hover{color:#fff;font:bold 11px "tahoma";letter-spacing:normal} #FOOTER .map .section ul li b{width:100%;display:inline;font:bold 11px/200% "Dotum";letter-spacing:normal} #FOOTER .map .section ul li b a{color:#bbb;font:bold 11px/180% "Dotum";letter-spacing:normal} #FOOTER .map .section ul li b a:hover{color:#fff;font:bold 11px/180% "Dotum";letter-spacing:underline} #FOOTER .map .section ul li b span{height:10px;display:inline;color:#aaa;font:bold 8px "Dotum";letter-spacing:normal} #FOOTER .map .section a{clear:both;color:#bbb;font:11px/180% "Dotum";text-decoration:none} #FOOTER .map .section a:hover{clear:both;color:#fff;font:11px/180% "Dotum";text-decoration:underline} #FOOTER .map .section .a{width:112px;height:500px;float:left;padding:30px;background:url('../images/common/bg_footerLine.gif') repeat-y top right} #FOOTER .map .section .b{width:219px;height:500px;float:left;padding:30px;background:url('../images/common/bg_footerLine.gif') repeat-y top right} #FOOTER .map .section .b .left {width:90px;clear:both;float:left} #FOOTER .map .section .b .right {float:right;margin:30px 30px 0 0} #FOOTER .map .section .c{width:130px;height:500px;float:left;padding:30px;background:url('../images/common/bg_footerLine.gif') repeat-y top right} #FOOTER .map .section .d{width:112px;height:500px;float:left;padding:30px;background:url('../images/common/bg_footerLine.gif') repeat-y top right} #FOOTER .map .section .e{width:112px;height:500px;float:left;padding:30px;background:url('../images/common/bg_footerLine.gif') repeat-y top right} /*CopyRight*/ #FOOTER .copy{width:973px;height:145px;margin:0 auto;padding:30px 10px 0 10px;background-color:#fff} #FOOTER .copy .link{color:#818181;font:11px/150% "Dotum";letter-spacing:-1px;width:620px;float:left} #FOOTER .copy .link span{color:#818181;font:11px/150% "tahoma";letter-spacing:normal} #FOOTER .copy .link span.link01{width:49px;height:11px;float:left;display:inline-block;cursor:pointer;background:url('../images/common/copy01.gif') no-repeat} #FOOTER .copy .link span.link02{width:74px;height:11px;float:left;display:inline-block;cursor:pointer;background:url('../images/common/copy02.gif') no-repeat} #FOOTER .copy .link span.link03{width:53px;height:11px;float:left;display:inline-block;cursor:pointer;background:url('../images/common/copy03.gif') no-repeat} #FOOTER .copy .link span.link04{width:90px;height:11px;float:left;display:inline-block;cursor:pointer;background:url('../images/common/copy04.gif') no-repeat} #FOOTER .copy .link span.link05{width:47px;height:11px;float:left;display:inline-block;cursor:pointer;background:url('../images/common/copy05.gif') no-repeat} #FOOTER .copy .link p{width:100%;float:left;clear:both;padding:10px 0 0 0} #FOOTER .copy .link p a{color:#0090ff;text-decoration:underline} #FOOTER .copy .link p b{color:#313131;padding:0 0 0 10px;font:11px/150% "tahoma";letter-spacing:normal} #FOOTER .copy .venture{width:119px;padding-top:0px;float:left}