/* - Project : makeshop - Author : odini84@gmail.com - Description : makeshop, koreacenter, global 소개 - Create : 2011-10-19 - Modify : YYYY-MM-DD - */ /* ======================================================================== 공통, 레이아웃 ======================================================================== */ /* 코리아센터 - 광고, 인쇄 레이어 */ #blockLayer { display: none; z-index: 10; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background: #000; opacity: 0.4; filter: alpha(opacity=40); } #layerPublicView { display: none; z-index: 20; position: absolute; left: 50%; top: 100px; width: 670px; margin-left: -335px; } #layerPublicView button { position: absolute; right: 5px; top: 5px; display: block; overflow: hidden; width: 59px; height: 28px; text-indent: -9999px; background: url(../img/btn/h28_w59_close.png) no-repeat 0 0; } /* 상단 비주얼 */ #content .about-hd-visual { height: 273px; background:#ede3da url(../img/about/about_hd_visual.jpg) no-repeat 50% 0; } #aboutWrap { width: 958px; margin-left: auto; margin-right: auto; padding-bottom: 80px; } /* nav-w */ #aboutWrap .nav-w { zoom: 1; padding-bottom: 23px; background: url(../img/about/bg_about_nav.gif) repeat-x 0 bottom; } #aboutWrap .nav-w:after{ content: ""; display: block; clear: both; } #aboutWrap .nav-w .nav-c { float: left; } #aboutWrap .nav-w .nav-c h3, #aboutWrap .nav-w .nav-c .nav { float: left; } #aboutWrap .nav-w .nav-c h3, #aboutWrap .nav-w .nav-c .nav, #aboutWrap .nav-w .nav-c h3 { padding-top: 20px; } #aboutWrap .nav-w .nav-c .nav { padding-top: 18px; } #aboutWrap .nav-w .nav-c .nav li { float: left; clear: both; width: 100%; } #aboutWrap .nav-w .nav-c .nav a { padding: 3px 0 2px 9px; display: block; font-size: 12px; line-height: 1.25; letter-spacing: -1px; } #aboutWrap .nav-w .nav-c .nav a:hover { text-decoration: underline; } #aboutWrap .nav-w .nav-c .nav li.now a { font-weight: bold; } /* makeshop */ #aboutWrap .nav-w .makeshop { width: 273px; } #aboutWrap .nav-w .makeshop h3 { width: 109px; } #aboutWrap .nav-w .makeshop .nav li.now a { color: #2868de; background: url(../img/about/bull_spbt_h25_blue.gif) no-repeat 0 6px; } /* cocen */ #aboutWrap .nav-w .cocen { width: 496px; } #aboutWrap .nav-w .cocen h3 { width: 124px; } #aboutWrap .nav-w .cocen .nav ul { float: left; width: 75px; height: 98px; margin-right: 14px; border-right: 1px solid #e7e7e7; } #aboutWrap .nav-w .cocen .nav ul.last { margin-right: 0; border-right: 0; } #aboutWrap .nav-w .cocen .nav li.now a { color: #32c62b; background: url(../img/about/bull_spbt_h25_green.gif) no-repeat 0 6px; } /* global */ #aboutWrap .nav-w .global { width: 189px; } #aboutWrap .nav-w .global h3 { width: 116px; } #aboutWrap .nav-w .global .nav a { padding-left: 0; } /* page-hd */ #aboutWrap .page-hd { margin-top: 35px; padding-bottom: 13px; border-bottom: 1px solid #ebebeb; } #aboutWrap .page-hd h2 { min-height: 31px; _height: 31px; padding-left: 39px; font-size: 0; line-height: 0; } #aboutWrap .page-hd dd { text-align: right; color: #c4c4c4; } #aboutWrap .page-hd dd img { vertical-align: text-top; } #aboutWrap .page-hd dd .now { color: #808080; } /* split button */ #aboutWrap .btn-spntc, #aboutWrap .btn-spntc * { position: relative; zoom: 1; display: inline-block; background: url(../img/about/btn_sp_h25.gif) no-repeat; } #aboutWrap .btn-spntc { _left: 4px; padding-left: 28px; vertical-align: middle; } #aboutWrap .btn-spntc * { height: 25px; padding-right: 14px; vertical-align: top; font-size: 11px; letter-spacing: -1px; line-height: 25px; background-position: right 0px; } /* type */ #aboutWrap .btn-inquiry { background-position: 0 -25px;} #aboutWrap .btn-enter { background-position: 0 -50px;} #aboutWrap .btn-down { background-position: 0 -75px;} #aboutWrap .btn-zoom { padding-left: 21px; background-position: 0 -100px;} #aboutWrap .btn-edu { background-position: 0 -125px;} #aboutWrap .btn-build { background-position: 0 -150px;} /* ======================================================================== 메이크샵 공통 ======================================================================== */ .mk-w .page-hd h2 { background: url(../img/about/bull_make_tit.gif) no-repeat 0 0px; } /* ======================================================================== 메이크샵 - 비전 ======================================================================== */ #mkVision .txt1 { position: relative; height: 432px; margin-top: 45px; background: url(../img/about/mk_vision_img1.gif) no-repeat 0 0; } #mkVision .txt1 dl { position: absolute; left: 8px; top: 280px; } #mkVision .fmsg { padding-top: 27px; text-align: center; border-top: 1px solid #ebebeb; } /* ======================================================================== 메이크샵 - 메이크샵 ======================================================================== */ #mkIs .is-cont { zoom: 1; margin-top: 27px; padding-left: 233px; padding-bottom: 55px; } #mkIs .is-cont:after{ content: ""; display: block; clear: both; } #mkIs .is-cont .l-cont, #mkIs .is-cont .r-cont { position: relative; float: left; } #mkIs .is-cont .l-cont { left: -233px; margin-right: -233px; width: 233px; font-size: 0; line-height: 0; } #mkIs .is-cont .r-cont { width: 100%; } #mkIs .is-cont .r-cont dl { margin-top: 40px; padding: 30px 0px 0 50px; border-top: 1px solid #ebebeb; } #mkIs .is-cont .r-cont dl.list-1 { margin-top: 0; padding-top: 0; border-top: 0; background: url(../img/about/bull_h58_num1.gif) no-repeat 52px 0px; } #mkIs .is-cont .r-cont dl.list-2 { background: url(../img/about/bull_h58_num2.gif) no-repeat 52px 30px; } #mkIs .is-cont .r-cont dl.list-3 { background: url(../img/about/bull_h58_num3.gif) no-repeat 52px 30px; } #mkIs .is-cont .r-cont dl.list-4 { background: url(../img/about/bull_h58_num4.gif) no-repeat 52px 30px; } #mkIs .is-cont .r-cont dt, #mkIs .is-cont .r-cont .dsc { padding-left: 55px; } #mkIs .is-cont .r-cont dt { padding-bottom: 7px; font-size: 0; line-height: 0; } #mkIs .is-cont .r-cont .img ul { zoom: 1; margin-top: 30px; } #mkIs .is-cont .r-cont .img ul:after{ content: ""; display: block; clear: both; } #mkIs .is-cont .r-cont .img li { overflow: hidden; float: left; height: 170px; margin-right: 20px; font-size: 0; line-height: 0; } #mkIs .is-cont .r-cont .img li a { position: relative; display: block; width: 128px; height: 170px; } #mkIs .is-cont .r-cont .img li .img, #mkIs .is-cont .r-cont .img li .img img { width: 128px; height: 128px; } #mkIs .is-cont .r-cont .img li .txt { display: block; margin-top: 5px; text-align: center; font-size: 12px; line-height: 14px; } #mkIs .fmsg { padding-top: 27px; text-align: center; border-top: 1px solid #ebebeb; } /* ======================================================================== 메이크샵 - step by step ======================================================================== */ #mkStepBy .stepby-contwrap { zoom: 1; padding-left: 285px; margin-top: 25px; } #mkStepBy .stepby-contwrap:after{ content: ""; display: block; clear: both; } #mkStepBy .step-aside, #mkStepBy .step-cont { position: relative; float: left; } /* aside */ #mkStepBy .step-aside { left: -285px; width: 238px; margin-right: -238px; overflow: hidden; } #mkStepBy .step-lnb { zoom: 1; } #mkStepBy .step-lnb:after{ content: ""; display: block; clear: both; } #mkStepBy .step-lnb li { float: left; width: 223px; position: relative; margin-right: 15px; height: 44px; border-bottom: 1px solid #ebebeb; } #mkStepBy .step-lnb a { position: absolute; left: 0px; top: 0px; width: 100%; overflow: hidden; display: block; height: 44px; font-size: 0; line-height: 0; text-indent: -9999px; } #mkStepBy .step-lnb .lnb1 { background: url(../img/about/stepby_lnb_step1.gif) no-repeat 15px 50%; } #mkStepBy .step-lnb .lnb2 { background: url(../img/about/stepby_lnb_step2.gif) no-repeat 15px 50%; } #mkStepBy .step-lnb .lnb3 { background: url(../img/about/stepby_lnb_step3.gif) no-repeat 15px 50%; } /* now */ #mkStepBy .step-lnb .now { padding: 5px 0; } #mkStepBy .step-lnb .now a { top: 50%; margin-top: -18px; width: 238px; height: 35px; } #mkStepBy .step-lnb .now .lnb1 { background: url(../img/about/stepby_lnb_step1_on.gif) no-repeat 0 0; } #mkStepBy .step-lnb .now .lnb2 { background: url(../img/about/stepby_lnb_step2_on.gif) no-repeat 0 0; } #mkStepBy .step-lnb .now .lnb3 { background: url(../img/about/stepby_lnb_step3_on.gif) no-repeat 0 0; } /* content */ #mkStepBy .step-cont { width: 100%; } /* number list */ #mkStepBy .nlist { margin-top: 40px; padding-top: 30px; border-top: 1px solid #ebebeb; } #mkStepBy dl.list-1 { padding-top: 0; border-top: 0; background: url(../img/about/bull_h58_num1.gif) no-repeat 0 0px; } #mkStepBy dl.list-2 { background: url(../img/about/bull_h58_num2.gif) no-repeat 0px 30px; } #mkStepBy dl.list-3 { background: url(../img/about/bull_h58_num3.gif) no-repeat 0px 30px; } #mkStepBy dl.list-4 { background: url(../img/about/bull_h58_num4.gif) no-repeat 0px 30px; } #mkStepBy dl.list-5 { background: url(../img/about/bull_h58_num5.gif) no-repeat 0px 30px; } #mkStepBy dt, #mkStepBy .dsc { padding-left: 55px; } #mkStepBy dt { padding-bottom: 7px; font-size: 0; line-height: 0; } /* dsc */ #mkStepBy .dsc { font-size: 12px; letter-spacing: -1px; } /* etc */ #mkStepBy .etc ul { margin-top: 5px; } #mkStepBy .etc li { padding-left: 10px; color: #93b3ee; background: url(../img/common/bull_h2_w2_lb.gif) no-repeat 0 45%; } /* button */ #mkStepBy .btn { zoom: 1; position: relative; margin-top: 5px; font-size: 0; line-height: 0; } #mkStepBy .btn .sp-h25, #mkStepBy .btn img { vertical-align: middle; } #mkStepBy .btn img { vertical-align: middle; margin-right: 10px; } #mkStepBy .btn .sp-h25 { margin-right: 5px; } #mkStepBy .btn .sp-h25, #mkStepBy .btn .sp-h25 a { position: relative; display: inline-block; height: 25px; font-size: 11px; color: #333; cursor: pointer; background: url(../img/about/sp_btn_h26.gif) no-repeat; } #mkStepBy .btn .sp-h25 { padding-left: 1px; background-position: 0px 0px; } #mkStepBy .btn .sp-h25 a { padding-left: 7px; padding-right: 8px; letter-spacing: -1px;background-position: right 0px; } #mkStepBy .btn .sp-h25 a * { line-height: 25px; } #mkStepBy .btn .sp-h25 .bull { padding-left: 2px; padding-right: 8px; background-position: right 45%; background-repeat: no-repeat; } /* blue */ #mkStepBy .btn .sp-h25-blue strong { color: #2868de; } #mkStepBy .btn .sp-h25-blue .bull { background-image: url(../img/about/bull_spbt_h25_blue.gif); } /* orange */ #mkStepBy .btn .sp-h25-orange strong { color: #fd5700; } #mkStepBy .btn .sp-h25-orange .bull { background-image: url(../img/about/bull_spbt_h25_orange.gif); } /* green */ #mkStepBy .btn .sp-h25-green strong { color: #2baf03; } #mkStepBy .btn .sp-h25-green .bull { background-image: url(../img/about/bull_spbt_h25_green.gif); } /* red */ #mkStepBy .btn .sp-h25-red strong { color: #eb213b; } #mkStepBy .btn .sp-h25-red .bull { background-image: url(../img/about/bull_spbt_h25_red.gif); } /* pink */ #mkStepBy .btn .sp-h25-pink strong { color: #fd00a8; } #mkStepBy .btn .sp-h25-pink .bull { background-image: url(../img/about/bull_spbt_h25_pink.gif); } /* lblue */ #mkStepBy .btn .sp-h25-lblue strong { color: #20aeea; } #mkStepBy .btn .sp-h25-lblue .bull { background-image: url(../img/about/bull_spbt_h25_lblue.gif); } /* purple */ #mkStepBy .btn .sp-h25-purple strong { color: #8d04e4; } #mkStepBy .btn .sp-h25-purple .bull { background-image: url(../img/about/bull_spbt_h25_purple.gif); } /* gold */ #mkStepBy .btn .sp-h25-gold strong { color: #e48b00; } #mkStepBy .btn .sp-h25-gold .bull { background-image: url(../img/about/bull_spbt_h25_gold.gif); } #mkStepBy .fmsg { margin-top: 40px; padding-top: 60px; text-align: center; border-top: 1px solid #ebebeb; } #mkStepBy .step-by-cm { display: none; } /* step1 */ #mkStepBy #stepbyStep1 { display: block; } /* step2 */ #mkStepBy #stepbyStep2 .nlist .eplayer { margin-top: 10px; margin-left: 10px; } #mkStepBy #stepbyStep2 .nlist .eplayer dt { padding-left: 0; padding-bottom: 5px; font-size: 11px; line-height: 1.25; color: #ff00a8; } /* step3 */ #mkStepBy #stepbyStep3 .tmsg2 { margin-top: 40px; padding-top: 30px; border-top: 1px solid #ebebeb; } #mkStepBy #stepbyStep3 .list-3 { border-top: 0; margin-top: 0; } #mkStepBy #stepbyStep3 .btn .sp-h25 a { min-width: 140px; *width: 140px; text-align: center; } #mkStepBy #stepbyStep3 .img { display: inline-block; width: 95px; } /* ======================================================================== 메이크샵 - 시스템 ======================================================================== */ #mkSystem .sys-contwrap { zoom: 1; padding-left: 285px; margin-top: 25px; } #mkSystem .sys-contwrap:after{ content: ""; display: block; clear: both; } #mkSystem .sys-aside, #mkSystem .sys-cont { position: relative; float: left; } /* aside */ #mkSystem .sys-aside { left: -285px; width: 238px; margin-right: -238px; overflow: hidden; } #mkSystem .sys-lnb { zoom: 1; } #mkSystem .sys-lnb:after{ content: ""; display: block; clear: both; } #mkSystem .sys-lnb li { float: left; width: 223px; position: relative; margin-right: 15px; height: 44px; border-bottom: 1px solid #ebebeb; } #mkSystem .sys-lnb a { position: absolute; left: 0px; top: 0px; width: 100%; overflow: hidden; display: block; height: 44px; font-size: 0; line-height: 0; text-indent: -9999px; } #mkSystem .sys-lnb .lnb1 { background: url(../img/about/mk_sys_lnb_hw.gif) no-repeat 15px 50%; } #mkSystem .sys-lnb .lnb2 { background: url(../img/about/mk_sys_lnb_server.gif) no-repeat 15px 50%; } #mkSystem .sys-lnb .lnb3 { background: url(../img/about/mk_sys_lnb_solution.gif) no-repeat 15px 50%; } #mkSystem .sys-lnb .lnb4 { background: url(../img/about/mk_sys_lnb_backup.gif) no-repeat 15px 50%; } /* now */ #mkSystem .sys-lnb .now { padding: 5px 0; } #mkSystem .sys-lnb .now a { top: 50%; margin-top: -18px; width: 238px; height: 35px; } #mkSystem .sys-lnb .now .lnb1 { background: url(../img/about/mk_sys_lnb_hw_on.gif) no-repeat 0 0; } #mkSystem .sys-lnb .now .lnb2 { background: url(../img/about/mk_sys_lnb_server_on.gif) no-repeat 0 0; } #mkSystem .sys-lnb .now .lnb3 { background: url(../img/about/mk_sys_lnb_solution_on.gif) no-repeat 0 0; } #mkSystem .sys-lnb .now .lnb4 { background: url(../img/about/mk_sys_lnb_backup_on.gif) no-repeat 0 0; } /* content */ #mkSystem .sys-cont { width: 100%; } #mkSystem .fmsg { margin-top: 40px; padding-top: 60px; text-align: center; border-top: 1px solid #ebebeb; } #mkSystem .sys-tab-cm { display: none; } /* 솔루션,하드웨어 */ #mkSystem #sysHw { display: block; } #sysHw .tmsg { font-size: 0; line-height: 0; padding-bottom: 25px; } #sysHw .dlist { padding: 25px 0px 50px 180px; border-top: 1px solid #ebebeb; } #sysHw .dlist dt { padding-bottom: 10px; font-size: 0; line-height: 0; } #sysHw .dlist dd { font-size: 12px; } #sysHw .list-1 { border-top: 0; background: url(../img/about/mk_sys_hw_img1.gif) no-repeat 0 15px; } #sysHw .list-2 { background: url(../img/about/mk_sys_hw_img2.gif) no-repeat 0 30px; } #sysHw .list-3 { background: url(../img/about/mk_sys_hw_img3.gif) no-repeat 0 18px; } #sysHw .list-4 { background: url(../img/about/mk_sys_hw_img4.gif) no-repeat 0 20px; } #sysHw .list-5 { background: url(../img/about/mk_sys_hw_img5.gif) no-repeat 0 18px; } /* 보안서버 */ #sysServer .tmsg { font-size: 0; line-height: 0; padding-bottom: 25px; } #sysServer .dlist { padding: 25px 0px 50px 180px; border-top: 1px solid #ebebeb; } #sysServer .dlist dt.d1 { padding-bottom: 10px; font-size: 0; line-height: 0; } #sysServer .dlist dd.d1 { font-size: 12px; } #sysServer .list-1 { border-top: 0; background: url(../img/about/mk_sys_server_img1.gif) no-repeat 0 15px; } #sysServer .list-1 .d1 { letter-spacing: -1px; } #sysServer .list-1 dd p { margin-top: 10px; font-weight: bold; color: #333; } #sysServer .list-1 dd dt { margin-top: 5px; } #sysServer .list-1 dd dd { margin-left: 10px; } #sysServer .list-2 { padding-top: 40px; padding-bottom: 60px; background: url(../img/about/mk_sys_server_img2.gif) no-repeat 0 30px; } #sysServer .list-2 .d1 { letter-spacing: -1px; } #sysServer .list-2 dd dt { font-weight: bold; color: #333; } #sysServer .list-2 dd dd { margin-top: 5px; } #sysServer .shield-info { padding-bottom: 35px; border: 1px solid #d9d9d9; background-color: #f4f6fd; } #sysServer .shield-info .hd { margin-left: 23px; margin-right: 23px; padding: 45px 0px 45px 170px; font-size: 12px; letter-spacing: -1px; border-bottom: 1px solid #d9d9d9; background: url(../img/about/mk_server_shield.gif) no-repeat 45px 25px; } #sysServer .shield-info .hd p { font-weight: bold; color: #2868de; } #sysServer .shield-info .hd img { vertical-align: middle; } #sysServer .shield-info .hd ul { margin-top: 10px; } #sysServer .shield-info .hd li { padding-left: 10px; background: url(../img/common/bull_h2_w2_808080.gif) no-repeat 0 7px; } #sysServer .shield-info .hd li strong { color: #333; } #sysServer .shield-info .table-wp { margin-top: 20px; margin-left: 45px; margin-right: 45px; } #sysServer .shield-info .table-wp .table-cp { padding-left: 10px; font-size: 12px; background: url(../img/common/bull_h2_w2_808080.gif) no-repeat 0 7px; } #sysServer .shield-info .table-wp table { margin-top: 10px; } #sysServer .shield-info .table-wp th, #sysServer .shield-info .table-wp td { padding: 5px 0 4px; border: 1px solid #d9d9d9; } #sysServer .shield-info .table-wp th { background-color: #e9edfb; } #sysServer .shield-info .table-wp .odd { color: #333; font-weight: bold; background-color: #fff; } #sysServer .shield-info .table-wp .fee .odd { color: #2868de; } #sysServer .shield-info .table-wp .table-cmt { margin-top: 5px; font-size: 12px; } #sysServer .shield-info .table-wp .table-cmt img { vertical-align: middle; margin-right: 5px; } #sysServer .shield-info .table-wp .table-cmt strong { color: #2868de; } #sysServer .shield-info .table-wp .btn-foot { margin-top: 45px; text-align: center; } /* 보안솔루션 */ #sysSolution h5 { margin-top: 45px; padding-top: 45px; font-size: 0; line-height: 0; border-top: 1px solid #ebebeb; } #sysSolution h5.first { margin-top: 0; padding-top: 0; border: 0; } #sysSolution p { margin-top: 10px; font-size: 12px; letter-spacing: -1px; } #sysSolution p.tmsg { margin-top: 0; } #sysSolution .img { margin-top: 20px; font-size: 0; line-height: 0;} #sysSolution .notice { margin-top: 50px; padding: 25px 10px 25px 130px; font-size: 12px; letter-spacing: -1px; border: 1px solid #dcdcdc; background: #f4f6fd url(../img/about/ico_sys_solution_notice.gif) no-repeat 40px 40px; } #sysSolution .notice dt { margin-bottom: 5px; font-weight: bold; color: #2868de; } #sysSolution .notice dd { padding-left: 10px; background: url(../img/common/bull_h2_w2_808080.gif) no-repeat 0 7px; } /* 데이터백업 */ #sysBackup .dlist { padding: 25px 0px 50px 180px; border-top: 1px solid #ebebeb; } #sysBackup .dlist dt.d1 { padding-bottom: 10px; font-size: 0; line-height: 0; } #sysBackup .dlist dd.d1 { font-size: 12px; } #sysBackup .list-1 { border-top: 0; background: url(../img/about/mk_sys_backup_img1.gif) no-repeat 0 15px; } #sysBackup .list-1 .d1 { letter-spacing: -1px; } #sysBackup .list-1 dd p { margin-top: 10px; font-weight: bold; color: #333; } #sysBackup .list-1 dd dt { margin-top: 5px; } #sysBackup .list-1 dd dd { margin-left: 10px; } #sysBackup .char-proc { padding: 35px; font-size: 12px; border: 1px solid #d9d9d9; background-color: #f4f6fd; } #sysBackup .char-proc dt { font-weight: bold; color: #2868de;} #sysBackup .char-proc .char dd { margin-top: 10px; } #sysBackup .char-proc .char li { padding-left: 10px; background: url(../img/common/bull_h2_w2_808080.gif) no-repeat 0 7px; } #sysBackup .char-proc .proc { margin-top: 45px; } #sysBackup .char-proc .proc dd { margin-top: 30px; font-size: 0; line-height: 0; text-align: center; } /* ======================================================================== 메이크샵 - 대표쇼핑몰 ======================================================================== */ #mkShop .page-hd h2 { height: 31px; } #mkShop { position: relative; } #mkShop .shop-fmsg { margin-top: 50px; padding-top: 50px; text-align: center; font-size: 0; line-height: 0; border-top: 1px solid #ebebeb; } #mkShop .shop-contwrap { zoom: 1; padding-left: 285px; margin-top: 25px; } #mkShop .shop-contwrap:after{ content: ""; display: block; clear: both; } #mkShop .shop-aside , #mkShop .shop-cont { position: relative; float: left; } /* aside */ #mkShop .shop-aside { left: -285px; width: 238px; margin-right: -238px; overflow: hidden; } #mkShop .lnb { zoom: 1; } #mkShop .lnb:after{ content: ""; display: block; clear: both; } #mkShop .lnb li { float: left; width: 223px; position: relative; margin-right: 15px; height: 44px; border-bottom: 1px solid #ebebeb; } #mkShop .lnb a { position: absolute; left: 0px; top: 0px; width: 100%; overflow: hidden; display: block; height: 44px; font-size: 0; line-height: 0; text-indent: -9999px; } #mkShop .lnb .star { background: url(../img/about/mkshop_lnb_star.gif) no-repeat 15px 50%; } #mkShop .lnb .recomm { background: url(../img/about/mkshop_lnb_recomm.gif) no-repeat 15px 50%; } #mkShop .lnb .speech { background: url(../img/about/mkshop_lnb_speech.gif) no-repeat 15px 50%; } #mkShop .lnb .beecon { background: url(../img/about/mkshop_lnb_beecon.gif) no-repeat 15px 50%; } /* now */ #mkShop .lnb .now { padding: 5px 0; } #mkShop .lnb .now a { top: 50%; margin-top: -18px; width: 238px; height: 35px; } #mkShop .lnb .now .star { background: url(../img/about/mkshop_lnb_star_on.gif) no-repeat 0 0; } #mkShop .lnb .now .recomm { background: url(../img/about/mkshop_lnb_recomm_on.gif) no-repeat 0 0; } #mkShop .lnb .now .speech { background: url(../img/about/mkshop_lnb_speech_on.gif) no-repeat 0 0; } #mkShop .lnb .now .beecon { background: url(../img/about/mkshop_lnb_beecon_on.gif) no-repeat 0 0; } /* 컨텐츠 */ #mkShop .shop-cont { width: 100%; } #mkShop .shop-cont .btit { height: 17px; padding-top: 4px; padding-left: 26px; background: url(../img/common/bull_h21_circle_bblue.gif) no-repeat 0 45%; } #mkShop .shop-cont .btit img { vertical-align: middle; } #mkShop .shop-cont .btit span { margin-left: 5px; font-size: 11px; color: #2868de; letter-spacing: -1px; } /* split button */ #mkShop .btn-speech, #mkShop .btn-speech * { position: relative; zoom: 1; display: inline-block; background: url(../img/about/shopspeech_btn.gif) no-repeat; } #mkShop .btn-speech { _left: 4px; padding-left: 28px; vertical-align: middle; } #mkShop .btn-speech * { height: 25px; padding-right: 14px; vertical-align: top; font-size: 11px; letter-spacing: -1px; line-height: 25px; color: #333; background-position: right 0px; } /* type */ #mkShop .btn-data { background-position: 0 0; font-weight: bold; } #mkShop .btn-data * { background-position: right 0;} #mkShop .btn-view { background-position: 0 -25px;} #mkShop .btn-view * { background-position: right -25px;} #mkShop .btn-mall { background-position: 0 -50px;} #mkShop .btn-mall * { background-position: right -50px;} #mkShop .btn-beecon { background-position: 0 -75px;} #mkShop .btn-beecon * { background-position: right -75px;} /* 스타 쇼핑몰 */ #mkShopStar #starShopFlash { margin-top: 15px; } /* tabNav */ #mkShopStar #starTabNav { zoom: 1; overflow: hidden; position: relative; margin-top: 45px; } #mkShopStar #starTabNav ul.d1 { position: relative; height: 42px; border-bottom: 2px solid #b8cad6; } #mkShopStar #starTabNav li.d1 { position: relative; top: 6px; float: left; width: auto; height: 35px; margin-right: -1px; border: 1px solid #dce5eb; border-bottom: 0; } #mkShopStar #starTabNav li.now { z-index: 1; top: 0; height: 42px; margin-bottom: -2px; border: 2px solid #b7cad8; border-bottom: 0; } #mkShopStar #starTabNav li.now .txt { color: #315fce; } #mkShopStar #starTabNav a.d1 { float: left; width: auto; height: 100%; padding: 0 30px; background-color: #f7f8fa; text-align: center; color: #818181; font-size: 14px; font-weight: bold; letter-spacing: -1px; } #mkShopStar #starTabNav a.d1 .txt { position: relative; top: 8px; height: 18px; } #mkShopStar #starTabNav li.now a.d1 { background-color: #fff; } #mkShopStar #starTabNav li.now a.d1 .txt { top: 13px; } #mkShopStar .star-tab-cont { display: none; } /* 추천 스타쇼핑몰 */ #mkShopStar #starTab1 { display: block; } #mkShopStar #starTab1 .tmsg { margin-top: 20px; padding-bottom: 60px; font-size: 0; line-height: 0; border-bottom: 1px solid #ebebeb; } #mkShopStar #starTab1 .tab-hd { zoom: 1; overflow: hidden; margin-top: 35px; padding-left: 30px; padding-right: 63px; } #mkShopStar #starTab1 .tab-hd h4 { float: left; padding-left: 20px; background: url(../img/common/bull_h6_bar_blue.gif) no-repeat 0 45%; } #mkShopStar #starTab1 .tab-hd ul { float: right; } #mkShopStar #starTab1 .tab-hd li, #mkShopStar #starTab1 .tab-hd li a { float: left; width: auto; } #mkShopStar #starTab1 .tab-hd li { margin-left: 15px; padding-left: 16px; background: url(../img/common/bull_h11_w1_d6d6d6.gif) no-repeat 0 45%; } #mkShopStar #starTab1 .tab-hd li a { font-size: 12px; letter-spacing: -1px; } #mkShopStar #starTab1 .tab-hd li a:hover { text-decoration: underline; } #mkShopStar #starTab1 .tab-hd a.now { font-weight: bold; color: #333; } #mkShopStar #starTab1 .tab-hd li.first { background: none; } #mkShopStar #starTab1 .tab-list { position: relative; z-index: 2; width: 553px; margin-top: 15px; margin-left: 55px; } #mkShopStar #starTab1 .tab-list ul { zoom: 1; overflow: hidden; width: 580px; } #mkShopStar #starTab1 .tab-list ul li { float: left; width: 90px; margin-right: 26px; } #mkShopStar #starTab1 .tab-list ul img { width: 88px; height: 107px; border: 1px solid #e1e1e1; } #mkShopStar #starTab1 .tab-list ul .txt { overflow: hidden; word-wrap: break-word; height: 30px; margin-top: 5px; font-size: 12px; text-align: center; } #mkShopStar #starTab1 .tab-list .layer { position: absolute; width: 172px; height: 172px; font-size: 0; line-height: 0; } /* 창업지원센터 */ #mkShopStar #starTab2 { font-size: 12px; letter-spacing: -1px; } #mkShopStar #starTab2 .tmsg { font-size: 0; line-height: 0; } #mkShopStar #starTab2 h4 { margin-top: 45px; margin-left: 30px; padding-left: 20px; font-size: 0; line-height: 0; background: url(../img/common/bull_h6_bar_blue.gif) no-repeat 0 45%; } #mkShopStar #starTab2 .dsc, #mkShopStar #starTab2 .dimg, #mkShopStar #starTab2 dl { margin-left: 30px; } #mkShopStar #starTab2 .dsc { margin-top: 8px; } #mkShopStar #starTab2 dl { margin-top: 20px; } #mkShopStar #starTab2 dt { font-weight: bold; color: #2868de; } #mkShopStar #starTab2 .dimg { margin-top: 15px; font-size: 0; line-height: 0; } #mkShopStar #starTab2 dd{ margin-top: 5px; } #mkShopStar .btn-foot { margin-top: 65px; text-align: center; } /* 추천 쇼핑몰 */ #mkShopRecomm .is { zoom: 1; position: relative; margin-top: 20px; padding: 22px 20px 24px 173px; border-top: 1px solid #d9d9d9; border-bottom: 1px solid #d9d9d9; background-color: #f4f6fd; } #mkShopRecomm .is dt { font-size: 0; line-height: 0; } #mkShopRecomm .is dd { margin-top: 9px; font-size: 12px; letter-spacing: -1px; } #mkShopRecomm .is dd img { position: absolute; left: 57px; bottom: -1px; } #mkShopRecomm .sort-k { border-bottom: 1px solid #ebebeb; } #mkShopRecomm .sort-k { text-align: center; font-size: 0; line-height: 0; } #mkShopRecomm .sort-k li { display: inline; } #mkShopRecomm .sort-k a { display: inline-block; height: 40px; _margin-right: -2px; padding: 0 7px 0 8px; font-size: 12px; line-height: 40px; letter-spacing: -1px; background: url(../img/common/bull_bar_h10_w1.gif) no-repeat 0 50%; } #mkShopRecomm .sort-k .first a { background: none; } #mkShopRecomm .sort-k a.now { color: #2868de; font-weight: bold; } #mkShopRecomm .sort-k a:hover { text-decoration: underline; } #mkShopRecomm .result { zoom: 1; overflow: hidden; width: 611px; padding-top: 30px; margin-left: 30px; } #mkShopRecomm .result ul { zoom: 1; overflow: hidden; width: 645px; } #mkShopRecomm .result ul li { float: left; width: 181px; height: 170px; margin-right: 34px; } #mkShopRecomm .result ul .thumb { width: 179px; height: 97px; border: 1px solid #dce5ec; } #mkShopRecomm .result ul .thumb img, #mkShopRecomm .result ul .thumb a { display: block; width: 100%; height: 100%; } #mkShopRecomm .result ul dl { margin-top: 7px; text-align: center; line-height: 1.25; letter-spacing: -1px; } #mkShopRecomm .result ul dt { font-weight: bold; color: #222223; font-size: 12px; } /* 언론 속 쇼핑몰 */ #mkShopSpeech .data-link { position: relative; top: -20px; margin-bottom: -25px; text-align: right; } #mkShopSpeech .is { zoom: 1; position: relative; margin-top: 20px; padding: 22px 20px 24px 205px; border-top: 1px solid #d9d9d9; border-bottom: 1px solid #d9d9d9; background-color: #f4f6fd; } #mkShopSpeech .is dt { font-size: 0; line-height: 0; } #mkShopSpeech .is dd { margin-top: 9px; font-size: 12px; letter-spacing: -1px; } #mkShopSpeech .is dd img { position: absolute; left: 75px; bottom: 3px; } #mkShopSpeech .shop-list { } #mkShopSpeech .shop-list li { margin-top: 20px; padding-bottom: 20px; border-bottom: 1px solid #ebebeb; } #mkShopSpeech .shop-list li h5 .name { font-size: 16px; font-weight: bold; color: #2868de; } #mkShopSpeech .shop-list li h5 .url { margin-left: 5px; font-size: 11px; } #mkShopSpeech .shop-list li .list-c { zoom: 1; overflow: hidden; margin-top: 10px; padding-left: 197px; } #mkShopSpeech .shop-list li .list-c .thumb, #mkShopSpeech .shop-list li .list-c .txt { position: relative; float: left; } #mkShopSpeech .shop-list li .list-c .thumb { left: -197px; width: 177px; margin-right: -179px; height: 95px; font-size: 0; line-height: 0; border: 1px solid #d9d9d9; } #mkShopSpeech .shop-list li .list-c .thumb img { width: 100%; height: 100%; } #mkShopSpeech .shop-list li .list-c .txt { width: 100%; } #mkShopSpeech .shop-list dt { font-size: 0; line-height: 0; } #mkShopSpeech .shop-list dt .date { display: inline-block; font-size: 12px; line-height: 1.5; padding-right: 9px; margin-right: 7px; background: url(../img/common/bull_bar_h10_w1.gif) no-repeat right 3px; } #mkShopSpeech .shop-list dt .tit { font-weight: bold; color: #333; font-size: 12px; line-height: 1.5; letter-spacing: -1px; } #mkShopSpeech .shop-list dd { margin-top: 5px; letter-spacing: -1px; line-height: 1.25; } #mkShopSpeech .shop-list .btns { margin-top: 5px; font-size: 0; line-height: 0; } #mkShopSpeech .shop-list .btns a { margin-right: 5px; } #mkShopSpeech .shop-list .btns a.btn-view { padding-left: 23px; } #mkShopSpeech .shop-list .btns a.btn-mall { padding-left: 25px; } /* 비콘 */ #mkShopBeecon .status { zoom: 1; position: relative; margin-top: 20px; height: 121px; border-top: 1px solid #d9d9d9; border-bottom: 1px solid #d9d9d9; background-color: #fff2d3; } #mkShopBeecon .status h4, #mkShopBeecon .status dl { position: absolute; font-size: 0; line-height: 0; } #mkShopBeecon .status h4 { left: 52px; bottom: -1px; _bottom: -2px; } #mkShopBeecon .status dl { left: 182px; zoom: 1; overflow: hidden; } #mkShopBeecon .status dt, #mkShopBeecon .status dd{ float: left; } #mkShopBeecon .status dt { padding-top: 8px; margin-right: 12px; } #mkShopBeecon .status dl.use { top: 24px; } #mkShopBeecon .status dl.sell { top: 63px; } #mkShopBeecon .status .num { position: relative; float: left; overflow: hidden; height: 35px; margin-right: -2px; text-indent: -9999px; background: url(../img/about/shopbeecon_status_num.gif) no-repeat; } #mkShopBeecon .status .num { width: 26px; } #mkShopBeecon .status .num-0 { background-position: 0px 0px; } #mkShopBeecon .status .num-1 { background-position: -26px 0px; } #mkShopBeecon .status .num-2 { background-position: -52px 0px; } #mkShopBeecon .status .num-3 { background-position: -78px 0px; } #mkShopBeecon .status .num-4 { background-position: -104px 0px; } #mkShopBeecon .status .num-5 { background-position: -130px 0px; } #mkShopBeecon .status .num-6 { background-position: -156px 0px; } #mkShopBeecon .status .num-7 { background-position: -182px 0px; } #mkShopBeecon .status .num-8 { background-position: -208px 0px; } #mkShopBeecon .status .num-9 { background-position: -234px 0px; } #mkShopBeecon .status .num-dot { margin-left: 1px; margin-right: 2px; width: 6px; background-position: -260px 0px; } #mkShopBeecon .status .num-won { margin-left: 2px; margin-right: 0; width: 9px; background-position: -266px 0px; } /* tab */ #mkShopBeecon #beeconTabNav { zoom: 1; position: relative; padding-left: 10px; padding-right: 1px; margin-top: 45px; border-bottom: 2px solid #b8cad6; } #mkShopBeecon #beeconTabNav h4 { float: left; padding-top: 10px; font-size: 0; line-height: 0; white-space: nowrap; } #mkShopBeecon #beeconTabNav h4 img { margin-right: 5px; } #mkShopBeecon #beeconTabNav h4 a { position: relative; cursor: pointer; } #mkShopBeecon #beeconTabNav:after { content: ""; display: block; clear: both; } #mkShopBeecon #beeconTabNav ul.d1 { float: right; position: relative; height: 42px; } #mkShopBeecon #beeconTabNav li.d1 { position: relative; top: 6px; float: left; width: auto; height: 35px; margin-right: -1px; border: 1px solid #dce5eb; border-bottom: 0; } #mkShopBeecon #beeconTabNav li.now { z-index: 1; top: 0; height: 42px; margin-bottom: -2px; border: 2px solid #b7cad8; border-bottom: 0; } #mkShopBeecon #beeconTabNav li.now .txt { color: #db7f00; } #mkShopBeecon #beeconTabNav a.d1 { float: left; width: 120px; height: 100%; background-color: #f7f8fa; text-align: center; color: #818181; font-size: 14px; font-weight: bold; letter-spacing: -1px; } #mkShopBeecon #beeconTabNav a.d1 .txt { position: relative; top: 8px; height: 18px; } #mkShopBeecon #beeconTabNav li.now a.d1 { background-color: #fff; } #mkShopBeecon #beeconTabNav li.now a.d1 .txt { top: 13px; } /* tab content */ #mkShopBeecon .beecon-tab-cont { overflow: hidden; } #mkShopBeecon .beecon-tab-cont ul { zoom: 1; overflow: hidden; border-bottom: 1px solid #ebebeb; } #mkShopBeecon .beecon-tab-cont li { float: left; width: 25%; padding: 20px 0 30px; margin-right: -1px; margin-bottom: -1px; text-align: center; border-bottom: 1px solid #ebebeb; } #mkShopBeecon .beecon-tab-cont li .icon { width: 35px; height: 35px; margin-left: auto; margin-right: auto; } #mkShopBeecon .beecon-tab-cont li .icon a, #mkShopBeecon .beecon-tab-cont li .icon img { display: block; width: 100%; height: 100%; } #mkShopBeecon .beecon-tab-cont li .icon a { position: relative; } #mkShopBeecon .beecon-tab-cont li .icon a span { position: absolute; left: 0px; bottom: 0px; display: block; width: 11px; height: 11px; background: url(../img/main/icon_beeshop_quick.gif) no-repeat 0 0; } #mkShopBeecon .beecon-tab-cont li dl { margin-top: 10px; line-height: 1.25; } #mkShopBeecon .beecon-tab-cont li dt, #mkShopBeecon .beecon-tab-cont li dd.dsc { overflow: hidden; width: 100%; height: 16px; line-height: 16px; letter-spacing: -1px; white-space: nowrap; text-overflow: ellipsis; } #mkShopBeecon .beecon-tab-cont li dt { font-weight: bold; color: #212121; } #mkShopBeecon .beecon-tab-cont li .btn { margin-top: 5px; font-size: 0; line-height: 0; } #mkShopBeecon .beecon-tab-cont li .btn button { overflow: hidden; height: 20px; } #mkShopBeecon .beecon-tab-cont li .btn button span { visibility: hidden; font-size: 0; line-height: 0; } #mkShopBeecon .beecon-tab-cont li .btn button.add { width: 37px; margin-right: 3px; background: url(../img/btn/main_beecon_add.gif) no-repeat 0 0; } #mkShopBeecon .beecon-tab-cont li .btn button.down { width: 62px; background: url(../img/btn/main_beecon_down.gif) no-repeat 0 0; } #mkShopBeecon .fmsg1, #mkShopBeecon .fmsg3 { text-align: center; font-size: 0; line-height: 0; } #mkShopBeecon .fmsg1 { margin-top: 55px; } #mkShopBeecon .fmsg2 { margin-top: 20px; margin-left: 120px; font-size: 12px; } #mkShopBeecon .fmsg2 strong { color: #333; } #mkShopBeecon .fmsg3 { margin-top: 25px; } /* ======================================================================== 코리아센터닷컴 공통 ======================================================================== */ .co-w .page-hd h2 { background: url(../img/about/bull_cocen_tit.gif) no-repeat 0 0px; } /* 게시판 리스트 */ .co-w .table-list table { font-size: 12px; } .co-w .table-list th { padding: 8px 0 7px; font-weight: bold; color: #464646; border-top: 1px solid #464646; border-bottom: 1px solid #e2e3e8; background-color: #f3f6fd; } .co-w .table-list td { padding: 8px 0 7px; border-bottom: 1px solid #ebebeb; } .co-w .table-list td a { display: block; color: #464646; } /* ======================================================================== 코리아센터닷컴 - 회사소개 ======================================================================== */ #coAbout .tmsg, #coAbout .fmsg { font-size: 0; line-height: 0; } #coAbout .tmsg { margin-top: 45px; margin-left: 10px; } #coAbout .koreacenter { zoom: 1; overflow: hidden; margin-top: 40px; padding-left: 330px; } #coAbout .koreacenter dt, #coAbout .koreacenter dd { position: relative; float: left; } #coAbout .koreacenter dt { left: -330px; width: 316px; height: 240px; margin-right: -381px; padding-top: 40px; text-align: center; font-size: 0; line-height: 0; border: 1px solid #ebebeb; } #coAbout .koreacenter dd { width: 100%; font-size: 12px; letter-spacing: -1px; } #coAbout .koreacenter p { padding-top: 17px; } #coAbout .koreacenter p strong { color: #333; } #coAbout .koreacenter p.first { padding-top: 10px; } #coAbout h3 { height: 19px; margin-top: 60px; padding-top: 2px; padding-left: 30px; font-size: 0; line-height: 0; background: url(../img/common/bull_h21_w21_gbcircle.gif) no-repeat 0 50%; } #coAbout .table-w { margin-top: 10px; } #coAbout table { font-size: 12px; border-top: 1px solid #464646; } #coAbout th { padding: 8px 0 7px; font-weight: bold; color: #464646; border-bottom: 1px solid #e2e3e8; background-color: #f3f6fd; } #coAbout td { padding: 8px 0 7px; border-bottom: 1px solid #ebebeb; } #coAbout table .tb-l { padding-left: 30px; } #coAbout table strong { margin-left: 3px; margin-right: 3px; color: #3acf33; } #coAbout .fmsg { margin-top: 50px; text-align: center; } /* ======================================================================== 코리아센터닷컴 - 사업현황 ======================================================================== */ #coBusiness .tmsg, #coBusiness .fmsg { font-size: 0; line-height: 0; } #coBusiness .tmsg { margin-top: 20px; } #coBusiness .table-w { margin-top: 35px; } #coBusiness table { font-size: 12px; } #coBusiness th, #coBusiness th { padding: 6px 0 5px; } #coBusiness thead th { padding: 8px 0 7px; font-weight: bold; color: #464646; border-top: 2px solid #464646; border-bottom: 1px solid #e2e3e8; background-color: #f3f6fd; } #coBusiness tbody th, #coBusiness tbody td { padding: 9px 0 8px; letter-spacing: -1px;border-bottom: 1px solid #ebebeb; } #coBusiness .tb-l { margin-left: 40px; } #coBusiness tbody strong a { color: #333; } #coBusiness tbody .tb-db { padding-left: 7px; background: url(../img/common/bull_h2_w2_808080.gif) no-repeat 0 7px; } #coBusiness tbody th img { margin-right: 2px; } #coBusiness tbody .makeshop strong a { color: #177abd; } #coBusiness tbody .shopinside strong a { color: #4cbc28; } #coBusiness tbody .edgebook-com strong a { color: #e73774; } #coBusiness tbody .edgebook-girl strong a { color: #e73774; } #coBusiness tbody .edgebook-man strong a { color: #5474ff; } #coBusiness .fmsg { margin-top: 75px; text-align: center; } /* ======================================================================== 코리아센터닷컴 - 주요연혁 ======================================================================== */ #coHistory { } #coHistory .tmsg, #coHistory .fmsg { font-size: 0; line-height: 0; } #coHistory .tmsg { margin-top: 45px; } #coHistory .fmsg { margin-top: 50px; padding-top: 50px; text-align: center; border-top: 1px solid #ebebeb; } #coHistory .hcont-wp { zoom: 1; margin-top: 50px; margin-left: 14px; padding-right: 230px; background: url(../img/about/history_htab_bg.gif) repeat-y 715px 0px; } #coHistory .hcont-wp:after{ content: ""; display: block; clear: both; } #coHistory .htab, #coHistory .hcont-w { position: relative; float: right; } /* history tab */ #coHistory .htab { position: relative; right: -230px; overflow-x: hidden; overflow-y: scroll; width: 230px; height: 485px; margin-left: -230px; } #coHistory .htab ul { zoom: 1; margin-left: 20px; width: 200px; } #coHistory .htab ul:after{ content: ""; display: block; clear: both; } #coHistory .htab li { position: relative; float: left; width: 100%; border-bottom: 1px solid #ebebeb; } #coHistory .htab li.last { border-bottom: 0; } #coHistory .htab a { zoom: 1; z-index: 1; position: relative; display: block; height: 53px; padding-left: 33px; } #coHistory .htab a .num { position: relative; overflow: hidden; top: 20px; display: inline-block; height: 13px; margin-right: 1px; background: url(../img/about/history_htab_num.gif) no-repeat; } #coHistory .htab a .num * { visibility: hidden; } #coHistory .htab a .num-0 { width: 9px; background-position: 0px 0px; } #coHistory .htab a .num-1 { width: 8px; background-position: -10px 0px; } #coHistory .htab a .num-2 { width: 8px; background-position: -19px 0px; } #coHistory .htab a .num-3 { width: 8px; background-position: -27px 0px; } #coHistory .htab a .num-4 { width: 9px; background-position: -36px 0px; } #coHistory .htab a .num-5 { width: 8px; background-position: -46px 0px; } #coHistory .htab a .num-6 { width: 9px; background-position: -54px 0px; } #coHistory .htab a .num-7 { width: 8px; background-position: -64px 0px; } #coHistory .htab a .num-8 { width: 9px; background-position: -72px 0px; } #coHistory .htab a .num-9 { width: 9px; background-position: -81px 0px; } #coHistory .htab a .num-bar { width: 6px; margin-left: 3px; margin-right: 4px; background-position: -90px 0px; } #coHistory .htab a .award { position: relative; overflow: hidden; display: inline-block; top: 17px; width: 76px; height: 20px; background: url(../img/about/history_htab_award.gif) no-repeat 0px 0px; } #coHistory .htab a .award * { visibility: hidden; } /* now */ #coHistory .htab li.now .obg { z-index: 0; position: absolute; right: 0px; top: 0px; width: 212px; height: 55px; background: url(../img/about/history_htab_on.gif) no-repeat 0 0; } #coHistory .htab li.now .num { background-image: url(../img/about/history_htab_num_on.gif); } #coHistory .htab li.now a .award { background-image: url(../img/about/history_htab_award_on.gif); } /* history content */ #coHistory .hcont-w { width: 100%; } #coHistory .hcont { display: none; zoom: 1; overflow: hidden; } #coHistory .hcont .tit, #coHistory .hcont .cont { float: left; } #coHistory .hcont .cont { width: 532px; padding-top: 30px; font-size: 12px; } /* year */ #coHistory .hcont .tit { width: 182px; padding-top: 37px; font-size: 0; line-height: 0; } #coHistory .hcont .tit .num { overflow: hidden; display: inline-block; height: 36px; margin-bottom: 25px; margin-right: 3px; background: url(../img/about/history_hcont_num.gif) no-repeat; } #coHistory .hcont .tit .num * { visibility: hidden; } #coHistory .hcont .tit .num-0 { width: 23px; background-position: 0px 0px; } #coHistory .hcont .tit .num-1 { width: 20px; background-position: -29px 0px; } #coHistory .hcont .tit .num-2 { width: 21px; background-position: -54px 0px; } #coHistory .hcont .tit .num-3 { width: 21px; background-position: -80px 0px; } #coHistory .hcont .tit .num-4 { width: 24px; background-position: -105px 0px; } #coHistory .hcont .tit .num-5 { width: 20px; background-position: -134px 0px; } #coHistory .hcont .tit .num-6 { width: 22px; background-position: -160px 0px; } #coHistory .hcont .tit .num-7 { width: 22px; background-position: -186px 0px; } #coHistory .hcont .tit .num-8 { width: 23px; background-position: -212px 0px; } #coHistory .hcont .tit .num-9 { width: 23px; background-position: -238px 0px; } #coHistory .hcont .tit .num-bar { width: 14px; background-position: -265px 0px; } /* month */ #coHistory .hcont dl { zoom: 1; overflow: hidden; padding-left: 40px; padding-bottom: 5px; } #coHistory .hcont dt, #coHistory .hcont dd { position: relative; float: left; } #coHistory .hcont dt { left: -40px; margin-right: -23px; width: 23px; height: 23px; line-height: 23px; letter-spacing: -1px; text-align: center; font-weight: bold; color: #fff; background: url(../img/about/history_hcont_month.gif) no-repeat 0 0; } #coHistory .hcont dd { width: 100%; padding-top: 3px; } #coHistory #hCont_2012 { display: block; } /* 수상내역 */ #coHistory #award { position: relative; width: 100%; } #coHistory #award .award-tit, #coHistory #award .award-contw { position: relative; float: left; } #coHistory #award .award-tit { width: 140px; padding-top: 35px; } #coHistory #award .award-contw { width: 574px; padding-top: 30px; overflow: hidden; } #coHistory #award .award-cont { position: relative; zoom: 1; overflow: hidden; padding-bottom: 15px; } #coHistory #award h4, #coHistory #award dl { position: relative; font-size: 12px; } #coHistory #award h4 { float: left; width: 50px; padding-top: 5px; } #coHistory #award h4 .num { position: relative; overflow: hidden; display: inline-block; height: 13px; vertical-align: top; margin-right: 1px; background: url(../img/about/history_award_num.gif) no-repeat; } #coHistory #award h4 .num * { visibility: hidden; } #coHistory #award h4 .num-0 { width: 9px; background-position: 0px 0px; } #coHistory #award h4 .num-1 { width: 8px; background-position: -10px 0px; } #coHistory #award h4 .num-2 { width: 8px; background-position: -19px 0px; } #coHistory #award h4 .num-3 { width: 8px; background-position: -27px 0px; } #coHistory #award h4 .num-4 { width: 9px; background-position: -36px 0px; } #coHistory #award h4 .num-5 { width: 8px; background-position: -46px 0px; } #coHistory #award h4 .num-6 { width: 9px; background-position: -54px 0px; } #coHistory #award h4 .num-7 { width: 8px; background-position: -64px 0px; } #coHistory #award h4 .num-8 { width: 9px; background-position: -72px 0px; } #coHistory #award h4 .num-9 { width: 9px; background-position: -81px 0px; } #coHistory #award dl { float: right; width: 484px; padding-bottom: 2px; } /* 수상내역 scroll */ #coHistory .jspContainer { overflow: hidden; position: relative; } #coHistory .jspPane { position: absolute; } #coHistory .jspVerticalBar { height: 100%; position: absolute; right: 0; top: 0; width: 9px; } #coHistory .jspHorizontalBar { bottom: 0; height: 16px; left: 0; position: absolute; width: 100%; } #coHistory .jspVerticalBar *, #coHistory .jspHorizontalBar * { margin: 0; padding: 0; } #coHistory .jspCap { display: none; } #coHistory .jspHorizontalBar .jspCap { float: left; } #coHistory .jspTrack { background: none; position: relative; } #coHistory .jspDrag { cursor: pointer; left: -1px; _left: 0px; width: 9px; position: relative; top: 0; } #coHistory .jspHorizontalBar .jspTrack, #coHistory .jspHorizontalBar .jspDrag { float: left; height: 100%; } #coHistory .jspCorner { background: none repeat scroll 0 0 #EEEEF4; float: left; height: 100%; } * html #coHistory .jspCorner { margin: 0 -3px 0 0; } /* theme */ #coHistory .jspHorizontalBar, #coHistory .jspVerticalBar, #coHistory .jspTrack { background: none repeat scroll 0 0 #fff; } #coHistory .jspDrag { border: 1px solid #dcdcdc; background: #fff url(../img/about/history_scroll_bg.gif) no-repeat 0 bottom; } #coHistory .jspTrack .jspActive, #coHistory .jspTrack .jspHover, #coHistory .jspDrag:hover { } #coHistory .jspVerticalBar > .jspDisabled, #coHistory .jspVerticalBar > .jspDisabled:hover, #coHistory .jspHorizontalBar > .jspDisabled, #coHistory .jspHorizontalBar > .jspDisabled:hover { background-color: transparent; } /* ======================================================================== 코리아센터닷컴 - 조직현황 ======================================================================== */ #coOrganization .tmsg, #coOrganization .fmsg { text-align: center; font-size: 0; line-height: 0; } #coOrganization .tmsg { margin-top: 50px; } #coOrganization .fmsg { margin-top: 80px; padding-top: 50px; border-top: 1px solid #ebebeb; } #coOrganization .list { position: relative; margin-top: 50px; font-size: 12px;} #coOrganization .list .bar-cm { overflow: hidden; position: absolute; background-color: #e1e3e9; font-size: 0; line-height: 0; } #coOrganization .list .bar-c { left: 90px; top: 55px; width: 775px; height: 1px; } #coOrganization .list .bar-1, #coOrganization .list .bar-2, #coOrganization .list .bar-4, #coOrganization .list .bar-5 { top: 56px; width: 1px; height: 25px; } #coOrganization .list .bar-1 { left: 90px; } #coOrganization .list .bar-2 { left: 283px; } #coOrganization .list .bar-3 { left: 476px; top: 36px; width: 1px; height: 45px; } #coOrganization .list .bar-4 { left: 672px; } #coOrganization .list .bar-5 { left: 864px; } #coOrganization .list, #coOrganization .list ul { zoom: 1; } #coOrganization .list:after, #coOrganization .list ul:after { content: ""; display: block; clear: both; } #coOrganization .list img { vertical-align: middle; } /* d1 */ #coOrganization .list span.d1 { position: relative; left: -2px; width: 184px; margin-left: auto; margin-right: auto; text-align: center; border: 1px solid #e1e3e9; border-top: 2px solid #434445; } #coOrganization .list span.tit-box { display: block; height: 33px; line-height: 33px; font-weight: bold; color: #464646; letter-spacing: -1px; background-color: #f4f6fd; } #coOrganization .list ul.d2 { padding-top: 45px; } #coOrganization .list li.d2 { float: left; width: 184px; margin-right: 6px; border: 1px solid #e1e3e9; border-top: 2px solid #434445; } #coOrganization .list li.last-d2 { margin-right: 0; } #coOrganization .list span.d2 { padding-left: 24px; border-bottom: 1px solid #e1e3e9; } #coOrganization .list span.d3, #coOrganization .list span.d4 { display: block; } #coOrganization .list li.d3 { margin-bottom: -1px; border-bottom: 1px solid #e1e3e9; } #coOrganization .list span.d3 { margin-bottom: -1px; padding: 6px 0 5px; font-weight: bold; padding-left: 25px; border-bottom: 1px solid #e1e3e9; } #coOrganization .list ul.d4 { padding: 5px 0; } #coOrganization .list span.d4 { margin-left: 25px; padding: 5px 0 4px 10px; background: url(../img/common/bull_h2_w2_808080.gif) no-repeat 0 13px; } #coOrganization .list li { float: left; width: 100%; } /* ======================================================================== 코리아센터닷컴 - 간행물 ======================================================================== */ #coPublic { position: relative; } #coPublic .public-fmsg { margin-top: 50px; padding-top: 50px; text-align: center; font-size: 0; line-height: 0; border-top: 1px solid #ebebeb; } #coPublic .public-contwrap { zoom: 1; padding-left: 285px; margin-top: 25px; } #coPublic .public-contwrap:after{ content: ""; display: block; clear: both; } #coPublic .public-aside , #coPublic .public-cont { position: relative; float: left; } /* aside */ #coPublic .public-aside { left: -285px; width: 238px; margin-right: -238px; overflow: hidden; } #coPublic .lnb { zoom: 1; } #coPublic .lnb:after{ content: ""; display: block; clear: both; } #coPublic .lnb li { float: left; width: 223px; position: relative; margin-right: 15px; height: 44px; border-bottom: 1px solid #ebebeb; } #coPublic .lnb a { position: absolute; left: 0px; top: 0px; width: 100%; overflow: hidden; display: block; height: 44px; font-size: 0; line-height: 0; text-indent: -9999px; } #coPublic .lnb .app { background: url(../img/about/copublic_lnb_appbooks.gif) no-repeat 15px 50%; } #coPublic .lnb .etc { background: url(../img/about/copublic_lnb_etc.gif) no-repeat 15px 50%; } /* now */ #coPublic .lnb .now { padding: 5px 0; } #coPublic .lnb .now a { top: 50%; margin-top: -18px; width: 238px; height: 35px; } #coPublic .lnb .now .app { background: url(../img/about/copublic_lnb_appbooks_on.gif) no-repeat 0 0; } #coPublic .lnb .now .etc { background: url(../img/about/copublic_lnb_etc_on.gif) no-repeat 0 0; } /* content */ #coPublic .public-tab-cont { display: none; } #coPublic .book-list { zoom: 1; overflow: hidden; } #coPublic .book-list li { position: relative; float: left; width: 50%; height: 150px; margin-right: -1px; } #coPublic .book-list .img { position: absolute; left: 0px; top: 0px; width: 65px; height: 93px; padding: 7px 1px 1px; font-size: 0; line-height: 0px; background: url(../img/about/public_book_cover.gif) no-repeat 0 0; } #coPublic .book-list .img img { width: 100%; height: 100%; } #coPublic .book-list dl { margin-left: 80px; margin-right: 20px; padding-top: 5px; letter-spacing: -1px; } #coPublic .book-list dt { overflow: hidden; width: 100%; white-space: nowrap; text-overflow: ellipsis; font-weight: bold; font-size: 12px; color: #333; } #coPublic .book-list dd { line-height: 1.4; } #coPublic .book-list dd.author, #coPublic .book-list dd.btn { margin-top: 5px; } /* 앱북스 간행물*/ #coPublic #appBooks { display: block; } #appBooks .sp-h25, #appBooks .sp-h25 a { position: relative; display: inline-block; height: 25px; font-size: 11px; color: #333; cursor: pointer; background: url(../img/about/sp_btn_h26.gif) no-repeat; } #appBooks .sp-h25 { padding-left: 1px; background-position: 0px 0px; } #appBooks .sp-h25 a { padding-left: 7px; padding-right: 8px; background-position: right 0px; } #appBooks .sp-h25 a * { line-height: 25px; } #appBooks .sp-h25 .bull { padding-left: 2px; padding-right: 8px; background-position: right 45%; background-repeat: no-repeat; } /* green */ #appBooks .sp-h25-green strong { color: #2baf03; } #appBooks .sp-h25-green .bull { background-image: url(../img/about/bull_spbt_h25_green.gif); } #appBooks .is { padding-left: 145px; padding-bottom: 25px; font-size: 12px; letter-spacing: -1px; border-bottom: 1px solid #d9d9d9; background: url(../img/about/public_appbooks_is_bg.gif) no-repeat 38px 22px; } #appBooks .is dt { padding-top: 5px; font-size: 0; line-height: 0; } #appBooks .is dt img { vertical-align: middle; margin-right: 10px; } #appBooks .is dd { margin-top: 5px; } #appBooks .book-list { margin-top: 35px; margin-bottom: -30px; } /* 그외 간행물 */ #etcBooks { padding-top: 20px; } /* ======================================================================== 코리아센터닷컴 - 회사전경 ======================================================================== */ #coCompany .tmsg, #coCompany .fmsg { font-size: 0; line-height: 0; } #coCompany .tmsg { margin-top: 45px; margin-left: 10px; } #coCompany .fmsg { margin-top: 80px; padding-top: 50px; text-align: center; border-top: 1px solid #ebebeb; } #coCompany .about { zoom: 1; overflow: hidden; margin-top: 45px; padding-left: 330px; } #coCompany .about dt, #coCompany .about dd { position: relative; float: left; } #coCompany .about dt { left: -330px; width: 330px; margin-right: -330px; } #coCompany .about dd { width: 100%; padding-top: 5px; font-size: 12px; letter-spacing: -1px; } #coCompany .about dd strong { color: #333; } #coCompany .about dd p { margin-top: 20px; } #coCompany .about dd p.first { margin-top: 0; } #coCompany .slide-wp { margin-top: 50px; zoom: 1; overflow: hidden; border: 1px solid #d9d9d9; } #coCompany #slideScolum, #coCompany #slideBcolum { position: relative; float: right; height: 435px; } /* slideScolum */ #coCompany #slideScolum { z-index: 1; width: 209px; } #coCompany #slideScolum ul { zoom: 1; } #coCompany #slideScolum ul:after{ content: ""; display: block; clear: both; } #coCompany #slideScolum li { position: relative; float: left; width: 100%; border-bottom: 1px solid #ebebeb; } #coCompany #slideScolum li.last { border-bottom: 0; } #coCompany #slideScolum a { zoom: 1; z-index: 1; position: relative; display: block; height: 86px; } #coCompany #slideScolum a .txt { position: relative; top: 35px; display: block; overflow: hidden; margin-left: auto; margin-right: auto; text-indent: -9999px; } #coCompany #slideScolum a.company .txt { width: 58px; height: 16px; background: url(../img/about/company_tab_company.gif) no-repeat 0 0; } #coCompany #slideScolum a.office .txt { width: 60px; height: 16px; background: url(../img/about/company_tab_office.gif) no-repeat 0 0; } #coCompany #slideScolum a.meet .txt { width: 60px; height: 16px; background: url(../img/about/company_tab_meet.gif) no-repeat 0 0; } #coCompany #slideScolum a.edu .txt { width: 60px; height: 16px; background: url(../img/about/company_tab_edu.gif) no-repeat 0 0; } #coCompany #slideScolum a.rest .txt { width: 60px; height: 16px; background: url(../img/about/company_tab_rest.gif) no-repeat 0 0; } /* now */ #coCompany #slideScolum li.now .obg { position: absolute; right: 0px; _right: -1px; top: 0px; width: 224px; height: 87px; background: url(../img/about/company_tab_now.gif) no-repeat 0 0; } #coCompany #slideScolum li.now a.company .txt { top: 32px; width: 91px; height: 24px; background: url(../img/about/company_tab_company_on.gif) no-repeat 0 0; } #coCompany #slideScolum li.now a.office .txt { top: 33px; width: 92px; height: 19px; background: url(../img/about/company_tab_office_on.gif) no-repeat 0 0; } #coCompany #slideScolum li.now a.meet .txt { top: 28px; width: 89px; height: 26px; background: url(../img/about/company_tab_meet_on.gif) no-repeat 0 0; } #coCompany #slideScolum li.now a.edu .txt { top: 30px; width: 87px; height: 27px; background: url(../img/about/company_tab_edu_on.gif) no-repeat 0 0; } #coCompany #slideScolum li.now a.rest .txt { top: 33px; width: 91px; height: 22px; background: url(../img/about/company_tab_rest_on.gif) no-repeat 0 0; } /* slideBcolum */ #coCompany #slideBcolum { width: 746px; border-right: 1px solid #d9d9d9; background:#f3f6fd url(../img/about/company_roll_bg.gif) repeat-y right 0; } #coCompany #slideBcolum .bimg, #coCompany #slideBcolum .roll-w, #coCompany #slideBcolum button { position: absolute; } #coCompany #slideBcolum .bimg { left: 82px; top: 33px; } #coCompany #slideBcolum .roll-w { overflow: hidden; left: 118px; top: 368px; width: 490px; height: 39px; } #coCompany #slideBcolum .roll-w ul { zoom: 1; overflow: hidden; } #coCompany #slideBcolum .roll-w li { float: left; width: 90px; height: 38px; margin-right: 10px; background: #fff; } #coCompany #slideBcolum .roll-w li img { width: 100%; height: 100%; opacity: 0.5; filter: alpha(opacity=50); } #coCompany #slideBcolum .roll-w a { float: left; position: relative; width: 100%; height: 100%; } #coCompany #slideBcolum .roll-w .box { display: none; position: absolute; left: 0px; top: 0px; width: 82px; height: 30px; border: 4px solid #464646; } #coCompany #slideBcolum .roll-w li.now img { opacity: 1; filter: alpha(opacity=100); } #coCompany #slideBcolum .roll-w li.now .box { display: block; } #coCompany #slideBcolum button { overflow: hidden; display: block; top: 371px; width: 29px; height: 29px; text-indent: -9999px; border: 0; background: url(../img/about/company_roll_btn.gif) no-repeat; } #coCompany #slideBcolum button.prev { left: 82px; background-position: 0px 0px; } #coCompany #slideBcolum button.next { left: 619px; background-position: -29px 0px; } #coCompany #slideBcolum button.prev-on { background-position: 0px -29px; } #coCompany #slideBcolum button.next-on { background-position: -29px -29px; } /* ======================================================================== 코리아센터닷컴 - 오시는길 ======================================================================== */ #coMap { position: relative; } #coMap .map-fmsg { margin-top: 50px; padding-top: 50px; text-align: center; font-size: 0; line-height: 0; border-top: 1px solid #ebebeb; } #coMap .map-contwrap { zoom: 1; padding-left: 285px; margin-top: 25px; } #coMap .map-contwrap:after{ content: ""; display: block; clear: both; } #coMap .map-aside , #coMap .map-cont { position: relative; float: left; } /* aside */ #coMap .map-aside { left: -285px; width: 238px; margin-right: -238px; overflow: hidden; } #coMap .lnb { zoom: 1; } #coMap .lnb:after{ content: ""; display: block; clear: both; } #coMap .lnb li { float: left; width: 223px; position: relative; margin-right: 15px; height: 44px; border-bottom: 1px solid #ebebeb; } #coMap .lnb a { position: absolute; left: 0px; top: 0px; width: 100%; overflow: hidden; display: block; height: 44px; font-size: 0; line-height: 0; text-indent: -9999px; } #coMap .lnb .head { background: url(../img/about/comap_lnb_head.gif) no-repeat 15px 50%; } #coMap .lnb .dongdaemun { background: url(../img/about/comap_lnb_dongdaemun.gif) no-repeat 15px 50%; } /* now */ #coMap .lnb .now { padding: 5px 0; } #coMap .lnb .now a { top: 50%; margin-top: -18px; width: 238px; height: 35px; } #coMap .lnb .now .head { background: url(../img/about/comap_lnb_head_on.gif) no-repeat 0 0; } #coMap .lnb .now .dongdaemun { background: url(../img/about/comap_lnb_dongdaemun_on.gif) no-repeat 0 0; } /* content */ #coMap .map-cont { width: 100%; font-size: 12px; letter-spacing: -1px; } #coMap .btit { height: 18px; padding-top: 3px; padding-left: 30px; background: url(../img/common/bull_h21_w21_gbcircle.gif) no-repeat 0 50%; } #coMap .map-tab-cont { display: none; } #coMap .map { margin-top: 25px; padding-bottom: 33px; font-size: 0; line-height: 0; border-bottom: 1px solid #d9d9d9; } #coMap .dsc { margin-top: 30px; } #coMap .dsc strong { color: #3acf33; } #coMap .info { margin-top: 25px; } #coMap .info dt { float: left; clear: both; margin-right: 5px; padding-left: 10px; color: #333; font-weight: bold; background: url(../img/common/bull_h2_w2_141414.gif) no-repeat 0 7px; } #coMap .info dd { float: left; *float: none; *zoom: 1; letter-spacing: 0; } #coMap .btn { margin-top: 5px; font-size: 0; line-height: 0; } #coMap .btn * {vertical-align: top; } #coMap #headOffice { display: block; } /* button */ #coMap .btn .btn-spntc { margin-left: 3px; } #coMap .btn .sp-h25, #coMap .btn .sp-h25 a { position: relative; display: inline-block; height: 25px; font-size: 11px; color: #333; cursor: pointer; background: url(../img/about/sp_btn_h26.gif) no-repeat; } #coMap .btn .sp-h25 { padding-left: 1px; background-position: 0px 0px; } #coMap .btn .sp-h25 a { padding-left: 7px; padding-right: 8px; background-position: right 0px; } #coMap .btn .sp-h25 a * { line-height: 25px; } #coMap .btn .sp-h25 .bull { padding-left: 2px; padding-right: 8px; background-position: right 45%; background-repeat: no-repeat; } /* green */ #coMap .btn .sp-h25-green strong { color: #2baf03; } #coMap .btn .sp-h25-green .bull { background-image: url(../img/about/bull_spbt_h25_green.gif); } /* ======================================================================== 코리아센터닷컴 - 광고/홍보 ======================================================================== */ #coAdWrap { position: relative; } #coAdWrap .ad-fmsg { margin-top: 50px; padding-top: 50px; text-align: center; font-size: 0; line-height: 0; border-top: 1px solid #ebebeb; } #coAdWrap .ad-contwrap { zoom: 1; padding-left: 285px; margin-top: 25px; } #coAdWrap .ad-contwrap:after{ content: ""; display: block; clear: both; } #coAdWrap .ad-aside , #coAdWrap .ad-cont { position: relative; float: left; } /* aside */ #coAdWrap .ad-aside { left: -285px; width: 238px; margin-right: -238px; overflow: hidden; } #coAdWrap .lnb { zoom: 1; } #coAdWrap .lnb:after{ content: ""; display: block; clear: both; } #coAdWrap .lnb li { float: left; width: 223px; position: relative; margin-right: 15px; height: 44px; border-bottom: 1px solid #ebebeb; } #coAdWrap .lnb a { position: absolute; left: 0px; top: 0px; width: 100%; overflow: hidden; display: block; height: 44px; font-size: 0; line-height: 0; text-indent: -9999px; } #coAdWrap .lnb .public { background: url(../img/about/coad_lnb_public.gif) no-repeat 15px 50%; } #coAdWrap .lnb .media { background: url(../img/about/coad_lnb_media.gif) no-repeat 15px 50%; } /* now */ #coAdWrap .lnb .now { padding: 5px 0; } #coAdWrap .lnb .now a { top: 50%; margin-top: -18px; width: 238px; height: 35px; } #coAdWrap .lnb .now .public { background: url(../img/about/coad_lnb_public_on.gif) no-repeat 0 0; } #coAdWrap .lnb .now .media { background: url(../img/about/coad_lnb_media_on.gif) no-repeat 0 0; } /* content */ #coAdWrap .ad-cont { width: 100%; font-size: 12px; letter-spacing: -1px; } #coAdWrap .btit { height: 18px; padding-top: 3px; padding-left: 30px; background: url(../img/common/bull_h21_w21_gbcircle.gif) no-repeat 0 50%; } #coAdWrap .ad-tab-cont { display: none; } #coAdWrap #public { display: block; } /* 인쇄광고 */ #public .public-koreacenter { margin-top: 15px; padding-top: 45px; padding-bottom: 45px; padding-left: 260px; border-top: 1px solid #d9d9d9; border-bottom: 1px solid #d9d9d9; background: url(../img/about/coad_public_koreacenter.gif) no-repeat 15px 50%; } #public #publicList { overflow: hidden; width: 100%; margin-top: 25px; } #public #publicList ul { zoom: 1; overflow: hidden; width: 696px; } #public #publicList li { float: left; width: 210px; height: 230px; padding-bottom: 10px; margin-right: 21px; } #public #publicList li .thumb { width: 208px; height: 133px; border: 1px solid #d9d9d9; } #public #publicList li .thumb img { display: block; width: 100%; height: 100%; } #public #publicList li dl { margin-top: 10px; text-align: center; } #public #publicList li dt, #public #publicList li dd { overflow: hidden; width: 100%; height: 16px; line-height: 16px; white-space: nowrap; text-overflow: ellipsis; } #public #publicList li dt { font-weight: bold; color: #333; } #public #publicList li dd { font-size: 11px; } #public #publicList li .btn { margin-top: 5px; text-align: center; } /* 라디오/TV 광고 */ #media .ad-makeshop { margin-top: 15px; padding-top: 30px; padding-bottom: 30px; padding-left: 260px; border-top: 1px solid #d9d9d9; border-bottom: 1px solid #d9d9d9; background: url(../img/about/coad_radio_makeshop.gif) no-repeat 20px 50%; } #media .txt-makeshop { margin-top: 15px; } #media .txt-makeshop strong { color: #39cf32; } #media .btit-tv { margin-top: 65px; } #media .ad-store { margin-top: 15px; padding-top: 30px; padding-bottom: 30px; padding-left: 260px; border-top: 1px solid #d9d9d9; border-bottom: 1px solid #d9d9d9; background: url(../img/about/coad_radio_onlinestore.gif) no-repeat 20px 50%; } #media .img-store { margin-top: 15px; text-align: center; font-size: 0; line-height: 0; } /* 라디오 플래시 */ #media .radio-flash-w { margin-top: 10px; } /* TV 플래시 */ #media #tvFlash { margin-top: 20px; } /* ======================================================================== 코리아센터닷컴 - 보도자료 ======================================================================== */ #coNews .c-hd { padding-top: 45px; padding-bottom: 8px; background: url(../img/about/co_news_hd.gif) no-repeat 655px bottom; } #coNews .c-hd p { margin-left: 10px; font-size: 0; line-height: 0; } #coNews .c-hd .frm { margin-top: 45px; font-size: 0; line-height: 0; } #coNews .c-hd .frm select{ margin-right: 3px; } #coNews .c-hd .frm .keyword { width: 145px; height: 18px; margin-right: 2px; padding-left: 2px; line-height: 18px; border: 1px solid #bebebe; border-right: 1px solid #eee; border-bottom: 1px solid #eee; } #coNews .table-list th { border-top: 2px solid #464646; } #coNews .table-list tr.tit td { cursor: pointer; } #coNews .table-list td.tit .tb-l { margin-left: 30px; } #coNews .table-list tr.now td { font-weight: bold; color: #333; } #coNews .table-list tr.now td .tb-tit { color: #39cf32; } #coNews .table-list tr.ctn td { display: none; } #coNews .table-list tr.ctn td .tb-l { padding: 10px 10px; } #coNews .fconsult { margin-top: 80px; padding: 25px 0px; font-size: 0; line-height: 0; text-align: center; border-top: 1px solid #e2e3e8; border-bottom: 1px solid #e2e3e8; background-color: #f3f6fd; } #coNews .fconsult dt, #coNews .fconsult dd { display: inline; font-size: 14px; line-height: 1.25; font-weight: bold; } #coNews .fconsult dt { color: #464646; } #coNews .fconsult dd { color: #808080; margin-left: 15px; padding-left: 15px; border-left: 1px solid #e2e3e8; } #coNews .fconsult dd.first { margin-left: 0; border: 0; } #coNews .fconsult dd a { color: #808080; } /* ======================================================================== 코리아센터닷컴 - 언론보도 ======================================================================== */ #coSpeech .c-hd { padding-top: 45px; padding-bottom: 8px; background: url(../img/about/speech_hd.gif) no-repeat right bottom; } #coSpeech .c-hd p { margin-left: 10px; font-size: 0; line-height: 0; } #coSpeech .c-hd .frm { margin-top: 45px; font-size: 0; line-height: 0; } #coSpeech .c-hd .frm select{ margin-right: 3px; } #coSpeech .c-hd .frm .keyword { width: 145px; height: 18px; margin-right: 2px; padding-left: 2px; line-height: 18px; border: 1px solid #bebebe; border-right: 1px solid #eee; border-bottom: 1px solid #eee; } #coSpeech .table-list th { border-top: 2px solid #464646; } #coSpeech .table-list tr.tit td { cursor: pointer; } #coSpeech .table-list td.tit .tb-l { margin-left: 30px; } #coSpeech .table-list tr.now td { font-weight: bold; color: #333; } #coSpeech .table-list tr.now td .tb-tit { color: #39cf32; } #coSpeech .table-list tr.ctn td { display: none; } #coSpeech .table-list tr.ctn td .tb-l { padding: 10px 10px; } #coSpeech .fconsult { margin-top: 80px; padding: 25px 0px; font-size: 0; line-height: 0; text-align: center; border-top: 1px solid #e2e3e8; border-bottom: 1px solid #e2e3e8; background-color: #f3f6fd; } #coSpeech .fconsult dt, #coSpeech .fconsult dd { display: inline; font-size: 14px; line-height: 1.25; font-weight: bold; } #coSpeech .fconsult dt { color: #464646; } #coSpeech .fconsult dd { color: #808080; margin-left: 15px; padding-left: 15px; border-left: 1px solid #e2e3e8; } #coSpeech .fconsult dd.first { margin-left: 0; border: 0; } #coSpeech .fconsult dd a { color: #808080; } /* ======================================================================== 코리아센터닷컴 - 인재상 ======================================================================== */ #coWithUs .tmsg { overflow: hidden; position: relative; height: 254px; margin-top: 45px; border-bottom: 1px solid #ebebeb; background: url(../img/about/withus_tmsg.gif) no-repeat 8px bottom; } #coWithUs .tmsg dl { position: relative; left: 450px; top: 180px; font-size: 12px; } #coWithUs ul { margin-left: 95px; margin-top: 60px; } #coWithUs li { font-size: 0; line-height: 0; } #coWithUs li.list-2 { margin-top: 30px; } #coWithUs li.list-3 { margin-top: 30px; } #coWithUs li.list-4 { margin-top: 40px; } #coWithUs li.list-5 { margin-top: 35px; } #coWithUs .fmsg { margin-top: 80px; padding-top: 50px; text-align: center; font-size: 0; line-height: 0; border-top: 1px solid #ebebeb; } /* ======================================================================== 코리아센터닷컴 - 인사제도 ======================================================================== */ #coPsystem .tmsg { position: relative; height: 70px; padding: 48px 0 0 10px; font-size: 0; line-height: 0; border-bottom: 1px solid #ebebeb; } #coPsystem .tmsg .layer { position: absolute; right: 105px; bottom: 0px; } #coPsystem ul dt { font-weight: bold; font-size: 0; line-height: 0; } #coPsystem ul dd { margin-top: 5px; font-size: 12px; letter-spacing: -1px; } #coPsystem ul { margin-top: 45px; } #coPsystem ul li { zoom: 1; padding-left: 70px; margin-top: 70px; } #coPsystem ul li .img { margin-top: 25px; } #coPsystem ul li.num-1 { margin-top: 0; background: url(../img/about/benefit_num1.gif) no-repeat 20px 0px; } #coPsystem ul li.num-2 { background: url(../img/about/benefit_num2.gif) no-repeat 15px 0px; } #coPsystem .fmsg { margin-top: 35px; padding-top: 50px; text-align: center; font-size: 0; line-height: 0; border-top: 1px solid #ebebeb; } #coPsystem .btn-foot { margin-top: 65px; text-align: center; } /* ======================================================================== 코리아센터닷컴 - 복리후생 ======================================================================== */ #coBenefit .tmsg, #coBenefit .fmsg { font-size: 0; line-height: 0; } #coBenefit .tmsg { margin-top: 45px; margin-left: 10px; } #coBenefit .fmsg { margin-top: 40px; padding-top: 55px; text-align: center; border-top: 1px solid #d9d9d9; } #coBenefit ul { border-top: 1px solid #d9d9d9; } #coBenefit ul dt { font-weight: bold; font-size: 0; line-height: 0; } #coBenefit ul dd { margin-top: 5px; font-size: 12px; letter-spacing: -1px; } #coBenefit ul li { zoom: 1; } #coBenefit ul.colum1 { margin-top: 45px; padding-top: 30px; background: url(../img/about/benefit_lifeup.gif) no-repeat right 0; } #coBenefit ul.colum1 li { padding-left: 85px; margin-top: 37px; } #coBenefit ul.colum1 li.num-1 { margin-top: 0; background: url(../img/about/benefit_num1.gif) no-repeat 28px 0px; } #coBenefit ul.colum1 li.num-2 { background: url(../img/about/benefit_num2.gif) no-repeat 26px 0px; } #coBenefit ul.colum1 li.num-3 { background: url(../img/about/benefit_num3.gif) no-repeat 25px 0px; } #coBenefit ul.colum1 li.num-4 { background: url(../img/about/benefit_num4.gif) no-repeat 23px 0px; } #coBenefit ul.colum2 { margin-top: 30px; padding-top: 30px; padding-left: 360px; background: url(../img/about/benefit_refresh.gif) no-repeat 0 0; } #coBenefit ul.colum2 li { padding-left: 90px; margin-top: 37px; } #coBenefit ul.colum2 li.num-5 { margin-top: 0; background: url(../img/about/benefit_num5.gif) no-repeat 33px 0px; } #coBenefit ul.colum2 li.num-6 { background: url(../img/about/benefit_num6.gif) no-repeat 32px 0px; } #coBenefit ul.colum2 li.num-7 { background: url(../img/about/benefit_num7.gif) no-repeat 34px 0px; } #coBenefit ul.colum2 li.num-8 { background: url(../img/about/benefit_num8.gif) no-repeat 31px 0px; } #coBenefit ul.colum2 li.num-9 { background: url(../img/about/benefit_num9.gif) no-repeat 31px 0px; } #coBenefit ul.colum2 li.num-10 { background: url(../img/about/benefit_num10.gif) no-repeat 23px 0px; } #coBenefit .btn-foot { margin-top: 65px; text-align: center; } /* ======================================================================== 코리아센터닷컴 - 채용절차 ======================================================================== */ #coEmployProc .tmsg { position: relative; padding-top: 45px; margin-left: 10px; font-size: 0; line-height: 0; } #coEmployProc .tmsg .layer { position: absolute; right: -20px; top: 20px; } #coEmployProc ol { margin-top: 45px; font-size: 12px; letter-spacing: -1px; border-top: 1px solid #d9d9d9; } #coEmployProc ol li.num { zoom: 1; padding: 35px 0 35px 72px; border-bottom: 1px solid #ebebeb; } #coEmployProc ol li.num-1 { margin-top: 0; background: url(../img/about/benefit_num1.gif) no-repeat 13px 35px; } #coEmployProc ol li.num-2 { background: url(../img/about/benefit_num2.gif) no-repeat 10px 35px; } #coEmployProc ol li.num-2 .txt1 strong { color: #333; } #coEmployProc ol li.num-2 .txt2 { margin-top: 10px; font-size: 11px; padding-left: 8px; background: url(../img/common/bull_h2_w2_808080.gif) no-repeat 0px 7px; } #coEmployProc ol li.num-3 { margin-top: 0; background: url(../img/about/benefit_num3.gif) no-repeat 10px 35px; } #coEmployProc ol li.num-4 { border-bottom: 0; background: url(../img/about/benefit_num4.gif) no-repeat 10px 35px; } #coEmployProc dl { zoom: 1; overflow: hidden; padding-left: 97px; } #coEmployProc dl dt, #coEmployProc dl dd { float: left; position: relative; } #coEmployProc dl dt { left: -97px; width: 97px; padding-top: 18px; margin-right: -97px; } #coEmployProc dl dd { width: 100%; } #coEmployProc .fmsg { padding-top: 55px; text-align: center; border-top: 1px solid #d9d9d9; } #coEmployProc .btn-foot { margin-top: 65px; text-align: center; } /* ======================================================================== 코리아센터닷컴 - 채용정보 ======================================================================== */ #coEmployInfo .info-fmsg { margin-top: 50px; padding-top: 50px; text-align: center; font-size: 0; line-height: 0; border-top: 1px solid #ebebeb; } #coEmployInfo .info-contwrap { zoom: 1; padding-left: 285px; margin-top: 25px; } #coEmployInfo .info-contwrap:after{ content: ""; display: block; clear: both; } #coEmployInfo .info-aside, #coEmployInfo .info-cont { position: relative; float: left; } /* aside */ #coEmployInfo .info-aside { left: -285px; width: 238px; margin-right: -238px; overflow: hidden; } #coEmployInfo .lnb { zoom: 1; } #coEmployInfo .lnb:after{ content: ""; display: block; clear: both; } #coEmployInfo .lnb li { float: left; width: 223px; position: relative; margin-right: 15px; height: 44px; border-bottom: 1px solid #ebebeb; } #coEmployInfo .lnb a { position: absolute; left: 0px; top: 0px; width: 100%; overflow: hidden; display: block; height: 44px; font-size: 0; line-height: 0; text-indent: -9999px; } #coEmployInfo .lnb .class { background: url(../img/about/employ_info_lnb_class.gif) no-repeat 15px 50%; } #coEmployInfo .lnb .notice { background: url(../img/about/employ_info_lnb_notice.gif) no-repeat 15px 50%; } #coEmployInfo .lnb .inquiry { background: url(../img/about/employ_info_lnb_inquiry.gif) no-repeat 15px 50%; } #coEmployInfo .lnb .faq { background: url(../img/about/employ_info_lnb_faq.gif) no-repeat 15px 50%; } /* now */ #coEmployInfo .lnb .now { padding: 5px 0; } #coEmployInfo .lnb .now a { top: 50%; margin-top: -18px; width: 238px; height: 35px; } #coEmployInfo .lnb .now .class { background: url(../img/about/employ_info_lnb_class_on.gif) no-repeat 0 0; } #coEmployInfo .lnb .now .notice { background: url(../img/about/employ_info_lnb_notice_on.gif) no-repeat 0 0; } #coEmployInfo .lnb .now .inquiry { background: url(../img/about/employ_info_lnb_inquiry_on.gif) no-repeat 0 0; } #coEmployInfo .lnb .now .faq { background: url(../img/about/employ_info_lnb_faq_on.gif) no-repeat 0 0; } /* content */ #coEmployInfo .info-cont { width: 100%; } #coEmployInfo .btit { height: 21px; padding-left: 30px; background: url(../img/common/bull_h21_w21_gbcircle.gif) no-repeat 0 50%; } #coEmployInfo .btit img { vertical-align: middle; margin-right: 5px; } #coEmployInfo .btit span { font-size: 11px; line-height: 21px; color: #c4c4c4; } /* 채용 분야 */ #coEmployInfoClass h4 { margin-top: 35px; padding-left: 8px; font-weight: bold; font-size: 12px; color: #333; background: url(../img/common/bull_h2_w2_808080.gif) no-repeat 0 7px; } #coEmployInfoClass .table-info { margin-top: 5px; } #coEmployInfoClass .table-info table { font-size: 12px; } #coEmployInfoClass .table-info thead th { padding: 8px 0 7px; font-weight: bold; color: #464646; border-top: 1px solid #464646; border-bottom: 1px solid #e2e3e8; background-color: #f3f6fd; } #coEmployInfoClass .table-info tbody th, #coEmployInfoClass .table-info tbody td { padding: 9px 0 8px; border-bottom: 1px solid #ebebeb; } #coEmployInfoClass .table-info tbody td { border-left: 1px solid #ebebeb; } #coEmployInfoClass .table-info tbody td .tb-l { padding-left: 10px; margin-left: 18px; background: url(../img/common/bull_h2_w2_808080.gif) no-repeat 0 7px; } #coEmployInfoClass .table-info tbody .last { border-bottom: 1px solid #c9c9cc; } /* 채용공고 */ #coEmployInfoNotice .table-hd { margin-top: 70px; zoom:1; overflow: hidden; } #coEmployInfoNotice .first-hd { margin-top: 35px; } #coEmployInfoNotice .table-hd h4 { float: left; margin-top: 0; line-height: 25px; } #coEmployInfoNotice .table-hd .btn-w { float: right; font-size: 0; line-height: 0; } #coEmployInfoNotice .table-hd .btn-w .btn-spntc { margin-left: 5px; } #coEmployInfoNotice h4 { margin-top: 50px; font-weight: bold; font-size: 12px; color: #333; } #coEmployInfoNotice .table-list { margin-top: 5px; } #coEmployInfoNotice .table-list tr.tit td { cursor: pointer; } #coEmployInfoNotice .table-list tr.now td { font-weight: bold; color: #333; } #coEmployInfoNotice .table-list tr.now td .tb-tit { color: #39cf32; } #coEmployInfoNotice .table-list tr.ctn td { display: none; } #coEmployInfoNotice .table-list tr.ctn td .tb-l { padding: 10px 10px; } /* 지원 절차 안내 */ #coEmployInfoNotice .step { margin-top: 10px; font-size: 12px; border-top: 1px solid #c9c9cc; background-color: #f4f6fd; } #coEmployInfoNotice .step li { zoom: 1; padding: 10px 15px 9px 40px; border-bottom: 1px solid #e1e3e9; } #coEmployInfoNotice .step li.last { border-bottom: 1px solid #c9c9cc; } #coEmployInfoNotice .step li dt, #coEmployInfoNotice .step li dd { display: inline; line-height: 25px; vertical-align: middle; } #coEmployInfoNotice .step li dt { font-weight: bold; color: #464646; } #coEmployInfoNotice .step li dd .btn-spntc { margin-left: 5px; } /* 지원시 주의사항 */ #coEmployInfoNotice .chk-list { margin-top: 5px; padding-left: 40px; padding-top: 10px; font-size: 12px; letter-spacing: -1px; border-top: 1px solid #c9c9cc; } #coEmployInfoNotice .chk-list li { zoom: 1; padding-left: 10px; padding-top: 3px; background: url(../img/common/bull_h2_w2_808080.gif) no-repeat 0 10px; } #coEmployInfoNotice .chk-list em { color: #39cf32; letter-spacing: 0; } /* 지원결과 조회 */ #coEmployInfoInquiry .c-hd { margin-top: 35px; font-weight: bold; font-size: 12px; color: #333; } #coEmployInfoInquiry .inquiry-box { margin-top: 5px; color: #141414; border-top: 1px solid #7b7c85; border-bottom: 1px solid #c9c9c9; background-color: #f4f6fd; } #coEmployInfoInquiry .btn-bgh34, #coEmployInfoInquiry .btn-bgh34 * { position: relative; zoom: 1; display: inline-block; background: url(../img/about/btn_h34_green.gif) no-repeat; } #coEmployInfoInquiry .btn-bgh34 { _left: 4px; padding-left: 25px; vertical-align: middle; background-position: 0px 0px; } #coEmployInfoInquiry .btn-bgh34 * { height: 34px; padding-right: 35px; vertical-align: top; font-size: 12px; font-weight: bold; color: #fff; letter-spacing: -1px; line-height: 34px; background-position: right 0px; } /* 최종합격 */ #coEmployInfoInquiry #inquirySucc { padding-top: 60px; padding-bottom: 30px; text-align: center; } #coEmployInfoInquiry #inquirySucc p { font-size: 18px; font-weight: bold; letter-spacing: -2px; } #coEmployInfoInquiry #inquirySucc .txt2 { color: #39cf32; } #coEmployInfoInquiry #inquirySucc .btn { margin-top: 35px; } /* 적압하지않음 */ #coEmployInfoInquiry #inquiryFail { padding-top: 60px; padding-bottom: 30px; text-align: center; } #coEmployInfoInquiry #inquiryFail p { font-size: 12px; } #coEmployInfoInquiry #inquiryFail .txt3 { font-size: 18px; font-weight: bold; letter-spacing: -2px; } #coEmployInfoInquiry #inquiryFail .txt3 strong { color: #39cf32; } #coEmployInfoInquiry #inquiryFail .btn { margin-top: 35px; } /* 1차면접통과 */ #coEmployInfoInquiry #inquiryPass1 { padding-top: 60px; padding-bottom: 30px; text-align: center; } #coEmployInfoInquiry #inquiryPass1 .txt1, #coEmployInfoInquiry #inquiryPass1 .txt2 { font-size: 18px; font-weight: bold; letter-spacing: -2px; } #coEmployInfoInquiry #inquiryPass1 .txt2 strong { color: #39cf32; } #coEmployInfoInquiry #inquiryPass1 .txt3 { margin-top: 5px; font-size: 12px; } #coEmployInfoInquiry #inquiryPass1 .btn { margin-top: 35px; } /* 서류전형통과 */ #coEmployInfoInquiry #inquiryPassDoc { padding-top: 60px; padding-bottom: 30px; text-align: center; } #coEmployInfoInquiry #inquiryPassDoc .txt1, #coEmployInfoInquiry #inquiryPassDoc .txt2 { font-size: 18px; font-weight: bold; letter-spacing: -2px; } #coEmployInfoInquiry #inquiryPassDoc .txt2 strong { color: #39cf32; } #coEmployInfoInquiry #inquiryPassDoc .txt3 { margin-top: 5px; font-size: 12px; } #coEmployInfoInquiry #inquiryPassDoc .btn { margin-top: 35px; } /* 서류심사중 */ #coEmployInfoInquiry #inquiryExamDoc { padding-top: 60px; padding-bottom: 30px; text-align: center; } #coEmployInfoInquiry #inquiryExamDoc .txt1 { font-size: 18px; font-weight: bold; letter-spacing: -2px; } #coEmployInfoInquiry #inquiryExamDoc .txt1 strong { color: #39cf32; } #coEmployInfoInquiry #inquiryExamDoc .txt2 { margin-top: 5px; font-size: 12px; } #coEmployInfoInquiry #inquiryExamDoc .btn { margin-top: 35px; } /* 정보잘못입력 */ #coEmployInfoInquiry #inquiryInfo { padding-top: 60px; padding-bottom: 30px; text-align: center; } #coEmployInfoInquiry #inquiryInfo .txt1 { font-size: 18px; font-weight: bold; letter-spacing: -2px; } #coEmployInfoInquiry #inquiryInfo .txt1 strong { color: #39cf32; } #coEmployInfoInquiry #inquiryInfo .txt2 { margin-top: 5px; font-size: 12px; } #coEmployInfoInquiry #inquiryInfo .btn { margin-top: 35px; } /* 조회 */ #coEmployInfoInquiry #inquierySch { padding: 30px 140px; } #coEmployInfoInquiry #inquierySch table { font-size: 12px; } #coEmployInfoInquiry #inquierySch th { padding: 6px 0 5px; letter-spacing: -1px; } #coEmployInfoInquiry #inquierySch th .tb-l { padding-left: 7px; background: url(../img/common/bull_h2_w2_808080.gif) no-repeat 0 7px; } #coEmployInfoInquiry #inquierySch td { height: 35px; } #coEmployInfoInquiry #inquierySch .txt-input { width: 267px; height: 21px; padding-left: 2px; line-height: 21px; font-size: 12px; border: 1px solid #d7dfe5; } #coEmployInfoInquiry #inquierySch input.focus { width: 265px; border: 2px solid #39cf32; } #coEmployInfoInquiry #inquierySch .btn { margin-top: 25px; text-align: center; } /* FAQ */ #coEmployInfoFaq h4 { margin-top: 35px; font-weight: bold; font-size: 12px; color: #333; } #coEmployInfoFaq #faqList { zoom: 1; overflow: hidden; margin-top: 5px; font-size: 12px; letter-spacing: -1px; border-top: 1px solid #464646; border-bottom: 1px solid #c9c9cc; } #coEmployInfoFaq #faqList li { float: left; width: 100%; zoom: 1; border-bottom: 1px solid #ebebeb; } #coEmployInfoFaq #faqList dt { position: relative; margin-left: 40px; padding: 8px 0 7px 25px; cursor: pointer; background: url(../img/about/ico_employ_faq_q.gif) no-repeat 0 50%; } #coEmployInfoFaq #faqList li.now dt { font-weight: bold; color: #464646; } #coEmployInfoFaq #faqList dd { display: none; position: relative; margin-bottom: -1px; padding: 22px 10px 20px 65px; border-top: 1px solid #c9c9cc; border-bottom: 1px solid #c9c9cc; background:#f4f6fd url(../img/about/ico_employ_faq_a.gif) no-repeat 42px 23px; } #coEmployInfoFaq #faqList .last, #coEmployInfoFaq #faqList .last dd { border-bottom: 0; } #coEmployInfoFaq .fdsc { margin-top: 10px; font-size: 12px; letter-spacing: -1px; } #coEmployInfoFaq .fdsc a { font-weight: bold; color: #333; }