/* 기본 태그 정의 ************************************************************************************************************************/ html, body, p, div, form, input, textarea, select, table, th, td, h1, h2, h3, h4, h5, h6, dl, dt, dd { margin:0; padding:0; font-size:12px; font-family:'돋움', Dotum, Verdana; line-height:150%; } html, body {height:100%;color:#666;} h1 {font-size: 196%;} h2 {font-size: 136%;} h3 {font-size: 126%;} h4 {font-size: 116%;} h5 {font-size: 106%;} h6 {font-size: 96%;} table {border-collapse:collapse;} select, .input {vertical-align:middle;} select, td {color:#666;} img, fieldset {border:0;} fieldset legend {display:none;} hr { display:none; margin: 1em 0; background:#f2f2f2; height:1px; border:none; clear:both; } a.shotcut {color:#000000; text-decoration:none; } a.shotcut:hover {color:#000000; text-decoration:none; } /* 텍스트 링크 */ a, a:link, a:visited, a:active, a:hover { background:transparent; text-decoration:none; cursor:pointer; } a, a:active, a:visited {color:#666;} a:hover {color:#00aeef;} /* 텍스트 링크 - 홈페이지 */ #layoutHome a:hover { background:transparent; color:#cb2523; } /* 텍스트 링크 - 브랜드 */ #layoutBrand a:hover { background:transparent; color:#c3ac51; } /* 텍스트 링크 - 광고 */ #layoutAd a:hover { background:transparent; color:#96af22; } /* 텍스트 링크 - 회사소개 */ #layoutAbout a:hover { background:transparent; color:#843636 } /* 공통 클레스 *********************************************************************************************************************************************************************/ /* 입력 */ .input { height:17px; border:1px solid #dedede; } .txta { height:102px; border:1px solid #dedede; } /* 버튼 */ .btn { clear:both; padding:40px 0 0 0; text-align:center; } .btn * {vertical-align:middle;} .btn input, .btn img {cursor:pointer;} /* png 이미지 처리 IE6 */ .png24 {tmp:expression(setPng24(this));} /* 페이징 */ .paging { margin:0 auto; text-align:center; } .paging * {vertical-align:middle;} .paging a { display:inline-block; width:18px; height:18px; margin:0 2px; border:1px solid #b5b5b5; font-family:Verdana; font-size:11px; line-height:18px; color:#7b7b7b; letter-spacing:-1px; } .paging a.img, .paging a.img:hover { width:16px; height:20px; margin:0 10px; border:none; font-size:16px; line-height:20px; } .paging a:hover { width:20px; height:20px; border:none; line-height:20px; font-weight:bold; } .paging a.now { width:20px; height:20px; border:none; font-family:Verdana; font-size:11px; line-height:20px; font-weight:bold; } /* 페이징 - 기본 */ .paging a.img, .paging a.img:hover, .paging a:hover, .paging a.now { background:#4ca7e1; color:#fff; } /* 페이징 - 홈페이지 */ #layoutHome .paging a.img, #layoutHome .paging a.img:hover, #layoutHome .paging a:hover, #layoutHome .paging a.now {background:#cb2523; color:#fff;} /* 페이징 - 브랜드 */ #layoutBrand .paging a.img, #layoutBrand .paging a.img:hover, #layoutBrand .paging a:hover, #layoutBrand .paging a.now {background:#c3ac51; color:#fff;} /* 페이징 - 광고 */ #layoutAd .paging a.img, #layoutAd .paging a.img:hover, #layoutAd .paging a:hover, #layoutAd .paging a.now {background:#96af22; color:#fff;} /* 이미지리스트 */ .imgTbl .tbl {width:100%;} .imgTbl .tbl .cell { text-align:center; color:#666; } .imgTbl .tbl .cell * {vertical-align:middle;} .imgTbl .tbl .cell .img {border:1px solid #cbcbcb;} /* 포트폴리오 */ /* 포트폴리오 - 타입선택 */ .typeList { float:right; margin:-63px 0 20px 0; padding:0; list-style:none; text-align:right; position:relative; } .typeList li { float:left; padding:0 5px 0 15px; font-size:11px; } .typeList li.blogOn {background:url('/_image/portfolio/icon01_01o.gif') no-repeat 0 3px;color:#666;font-weight:bold;} .typeList li.blogOff {background:url('/_image/portfolio/icon01_01f.gif') no-repeat 0 3px;color:#a3a3a3;} .typeList li.galleryOn {background:url('/_image/portfolio/icon01_02o.gif') no-repeat 0 3px;color:#666;font-weight:bold;} .typeList li.galleryOff {background:url('/_image/portfolio/icon01_02f.gif') no-repeat 0 3px;color:#a3a3a3;} .typeList li.listOn {background:url('/_image/portfolio/icon01_03o.gif') no-repeat 0 3px;color:#666;font-weight:bold;} .typeList li.listOff {background:url('/_image/portfolio/icon01_03f.gif') no-repeat 0 3px;color:#a3a3a3;} /* 포트폴리오 - 블로그타입 */ .blogList, .galleryList, .textList {clear:both;} .blogList .title { padding-bottom:10px; border-bottom:1px solid #D5D5D5; font-size:20px; font-weight:bold; color:#000000; } .blogList .content { padding:40px 0; border-bottom:1px solid #D5D5D5; font-size:11px; color:#666; } .blogList {margin-bottom:40px;} /* 포트폴리오 - 갤러리타입 */ .galleryList .tbl { position:relative; margin:0 0 3px -17px; } .galleryList .cell {padding:0 0 50px 34px; vertical-align:top;} .galleryList .box { width:200px; text-align:left; } .galleryList .img { width:200px; height:200px; line-height:200px; text-align:center; } .galleryList .title { padding:5px 0 0 0; font-weight:bold; } .galleryList .content { font-size:11px; } /* 포트폴리오 - 리스트타입 */ .textList .tbl { width:100%; margin:0 0 40px 0; } .textList td a { display:block; height:27px; padding:0 15px; border-bottom:1px solid #B5B5B5; font-size:11px; line-height:27px; } #layoutHome .textList td a:hover { border-bottom:1px solid #cb2523; font-weight:bold; color:#666; } #layoutBrand .textList td a:hover { border-bottom:1px solid #c3ac51; font-weight:bold; color:#666; } .listTbl th { height:27px; background:#7aa4ca; color:#fff; } .listTbl .tbl {width:100%;} /* 아이콘 */ /* 없어짐 100121 .noticeIcon { padding:0 0 0 13px; background:url('/_image/icon/noticeSmall.gif') no-repeat 0 center; } .newsIcon { padding:0 0 0 13px; background:url('/_image/icon/newsSmall.gif') no-repeat 0 center; } .marketingIcon { padding:0 0 0 13px; background:url('/_image/icon/marketingSmall.gif') no-repeat 0 center; } .updateIcon { padding:0 0 0 13px; background:url('/_image/icon/marketingSmall.gif') no-repeat 0 center; } .eventIcon { padding:0 0 0 13px; background:url('/_image/icon/eventSmall.gif') no-repeat 0 center; } */ /* 일반페이지 - 디자이너 작업 ************************************************************************************************************************************************************/ .b {font-weight:bold;} .u {text-decoration:underline;} { text-decoration:line-through} .s {font-size:11px; font-family:돋움;} .ss {font-size:9px; font-family:'verdana';} .ls-1 {letter-spacing:-1px;} .ls0 {letter-spacing:0px;} .c {text-align:center;} .r {text-align:right;} .x10 {font-size:10px;} .x11 {font-size:11px;} .x12 {font-size:12px;} .x14 {font-size:14px;} .x16 {font-size:16px;} .x18 {font-size:18px;} .x24 {font-size:24px;} .x34 {font-size:34px;} .ls10 {line-height:10px;} .ls12 {line-height:12px;} .ls14 {line-height:14px;} .ls16 {line-height:16px;} .ls18 {line-height:18px;} .ls20 {line-height:20px;} .ls22 {line-height:22px;} .ls24 {line-height:24px;} /* 폰트색상 */ .black {color:#000;} .dblue {color:#108cdc;} .ddblue {color:#48688F;} .dddblue {color:#378abf;} .lblue {color:#7AA4CA;} .lgray {color:#8b8b8b;} .dgold {color:#c3ac51} .ddgold {color:#716225} .lgray a:link {color:#8b8b8b; text-decoration:none;} .dgray {color:#666;} .darkgray {color:#494949;} .red {color:#da2828;} .white {color:#FFF;} .red {color:#CB2523;} .dred {color:#BC4746;} .lgray {color:#8b8b8b;} .lgray a:link {color:#8b8b8b; text-decoration:none;} .dgray {color:#666;} .gray {color:#333;} .green {color:#96af22;} .verdana { font-family:verdana;} .sel1 a:link {background:transparent;color:#4ca7e1; font-weight:bold; text-decoration:none;} .sel1 a:visited {background:transparent;color:#4ca7e1; font-weight:bold; text-decoration:none;} .sel1 a:hover {background:transparent;color:#4CA7E1; font-weight:bold; text-decoration:underline;} /* 인풋박스 */ .input0 {border:none; background:transparent;} .input1 {border:1px solid #CCC; height:18px; font:11px 돋움; color:#888; background:transparent;} .input2 {border:1px solid #CCC; height:18px; font:11px 돋움; color:#888; background:transparent; background-color:#DEDEDE} .input3 {border:1px solid #CCC; background:transparent;} .input4 {border:none; font:11px 돋움; color:#888; background:transparent; background-color:#F6F6F6;} .rform {height:21px; background-color:#F6F6F6; border-top:1px solid #E0E0E0; border-bottom:1px solid #E0E0E0; border-left:none; border-right:none; font-size:11px;} /* 테이블 */ .table_border11 {border-collapse:collapse; border-left:1px solid #e4e5e1; border-right:1px solid #e4e5e1; border-bottom:1px solid #e4e5e1;} .table_border12 {border-collapse:collapse; border-right:1px solid #e4e5e1; border-bottom:1px solid #e4e5e1;} .table_border2 {border-collapse:collapse; border:1px solid #6388aa;} .table_border3 {border-collapse:collapse; border-bottom:1px solid #E2E2E2; padding:5px;} .table_border4 {border-collapse:collapse; border-bottom:1px solid #E2E2E2; border-top:1px solid #E2E2E2; height:27px; text-align:center;} .table_border5 {border-collapse:collapse; border-bottom:1px solid #E2E2E2; border-right:1px solid #E2E2E2; height:131px; width:100px; font-size:11px; vertical-align:top;} .table_border6 {border-collapse:collapse; border-bottom:1px solid #E2E2E2; height:131px; width:100px; font-size:11px;} .table_border22 {border-collapse:collapse; border:1px solid #B55554;} .table_border23 {border-collapse:collapse; border-bottom:1px solid #E4E5E1;} .table_border32 {border-collapse:collapse; border:1px solid #c9b873;} .table_border33 {border-collapse:collapse; border-bottom:1px solid #E4E5E1;} .table_left {border-left:1px solid #E2E2E2;} .table_right {border-right:1px solid #E2E2E2;} .table_bleft {border-left:1px solid #6388AA;} .table_bright {border-right:1px solid #6388AA;} .table_btop {border-top:1px solid #6388AA;} .table_bbottom {border-bottom:1px solid #6388AA;} .table_gtop {border-top:1px solid #CDCDCD;} .table_gbottom {border-bottom:1px solid #CDCDCD;} .lnum_on {background-color:#4CA7E1; font-family:verdana; font-weight:bold; text-align:center;color:#FFF; width:20px; height:20px;} .lnum_off {font-family:verdana; text-align:center; width:20px; height:20px; border:solid 1px; border-color:#B5B5B5;} .lnum_off a:link {color:#666; text-decoration:none;} .lnum_off a:visited {color:#666; text-decoration:none;} .lnum_off a:hover {background-color:#4CA7E1; font-family:verdana; font-weight:bold; color:#FFF; width:20px; height:18px;} .porttable { padding-left:10px;} .porttable a:hover {color:#666; font-weight:bold; text-decoration:underline;} .qnaq {background-color:#F5F5F5; height:36px; font-weight:bold; padding-left:25px;} .qnaa {height:36px; padding-left:40px; border-bottom:1px solid #CDCDCD; background: url('/_image/common/bl_01.gif') no-repeat 25px 13px;} .notice1 {border-top:1px solid #D7D7D7; border-bottom:1px solid #D7D7D7; background-color:#F5F4F2; color:#889197; padding:20px; font-size:11px;} .notice2 {border-top:1px solid #EEE; border-bottom:1px solid #EEE; background-color:#FBFBF9; padding:20px; font-size:11px;} .notice3 {border:1px solid #ECECEC; background-color:#F8F8F8; padding:15px; font-size:11px;} .bluebox {border:3px solid #4CA7E1; padding:20px;} /* 숫자 */ #num1 {position:absolute; z-index:1;} /* 캘린더 */ #calnum1 {position:absolute; z-index:1; float:left; margin:5px 0 0 5px; background:transparent; font-family:verdana; font-weight:bold; font-size:14px; color:#CCC;} #calnum2 {position:absolute; z-index:1; float:left; margin:5px 0 0 5px; background:transparent; font-family:verdana; font-weight:bold; font-size:14px; color:#4CA7E1;} #calnum3 {position:absolute; z-index:1; float:left; margin:5px 0 0 5px; background:transparent; font-family:verdana; font-weight:bold; font-size:14px; color:#E31F26;} #caltxt {z-index:1; float:left; margin:30px 0 0 5px;} #calbtn {z-index:1; float:left; margin:10px 0 0 5px;} /* 이미지 */ #img01 {position:relative; z-index:2; top: -18px; } #img02 {position:relative; z-index:2; bottom: -52px; } #img03 {position:relative; z-index:2; bottom: -87px; } #img04 {z-index:1; float:left; margin:91px 0 0 53px;} #img05 {z-index:1; float:left; margin:46px 0 0 50px;} #img06 {position:absolute; z-index:1; float:left;} #img07 {position:absolute; z-index:1; float:left; margin:30px 0 0 628px; width: 77px;} #img08 {position:absolute; z-index:1; float:left; border:solid 3px #4CA7E1; margin-top:40px;} #img09 {position:absolute; z-index:1; float:left; margin:20px 0 0 630px;} #img10 {float:left; width:auto;} #img210 {float:left; width:auto;} #img201 {position:absolute; z-index:1; float:left;} .imgbor_01 {border:solid 3px #4CA7E1;} /* 블릿 */ #dot {position:relative; z-index:3; top:9px;} #select { position: absolute; z-index:1;} #select2 { position: relative; z-index:1;} /* 리스트 */ .li1 {line-height:20px; background: url('/_image/common/b03.gif') no-repeat left center; padding-left:10px;} .li2 {background: url('/_image/common/b04.gif') no-repeat left top; padding:0 0 5px 10px;} .li21 {line-height:20px; background: url('/_image/common/b08.gif') no-repeat left center; padding-left:10px;} .li41 {line-height:20px; background: url('/_image/common/b09.gif') no-repeat left center; padding-left:10px;} .bor_01 {border:3px solid #B5B5B5;} .bor-b {border-bottom:1px solid #CCC;} .bor-t {border-top:1px solid #CCC;} /* 레이아웃 ***************************************************************************************************************************************************************************/ /* www */ #www {} /* 레이아웃 */ #layoutWing, #layoutDesign, #layoutStory, #layoutMy, #layoutDomain, #layoutPartner, #layoutPeople, #layoutIdc, #layoutOVS {background:url('/_image/wing/bgLayout.gif') repeat-x;} /* 레이아웃 - 홈페이지 */ #layoutHome {background:url('/_image/home/bgLayout.gif') repeat-x;} /* 레이아웃 - 브랜드 */ #layoutBrand {background:url('/_image/brand/bgLayout.gif') repeat-x;} /* 레이아웃 - 광고&마케팅 */ #layoutAd {background:url('/_image/ad/bgLayout.gif') repeat-x;} /* 레이아웃 - 통합검색 */ #layoutSearch {background:url('/_image/my/bgLayout.gif') repeat-x;} /* 레이아웃 - 회사소개 */ #layoutAbout #layout1 {background:#fafafa url('/_image/about/wrapperBg.jpg') repeat-y center top;} #layoutAbout #layout2 {background:url('/_image/about/bbbgLayout.jpg') no-repeat center top;} #layoutAbout #layout3 {height:100%; background:url('/_image/about/bg_wrapperMain.jpg') repeat-y center top} #layoutAbout #index {width:100%;background:#fafafa url('/_image/about/bgLayoutMain.jpg') no-repeat center top;} #layoutAbout #index #footer {height:249px;background:url('/_image/about/bgFooterMain.jpg') no-repeat center top;} #container {width:980px; margin:0 auto; position:relative;} #header {width:100%; height:109px;} #logo {float:left; margin:8px 0 0 -4px; font-size:0; line-height:0; position:relative;} #logo a {float:left; height:32px; padding:9px 4px 0 4px;} #layoutAbout #logo{float:left; margin:35px 0 0 -5px;} #layoutAbout #logo a{padding:5px;} #menuDepth1 {float:left; padding:27px 0 0 15px; display:inline;} #menuDepth1 ul {margin:0; padding:0; list-style:none; font-size:0; line-height:0;} #menuDepth1 li {float:left; padding:0 11px 0 0; position:relative;} #menuDepth1 li a {position:relative; z-index:100;} #menuDepth1 li.first-child {} #menuDepth1Sub {width:98px; height:122px; position:absolute; top:0; left:0; background:url('/_image/common/hm0_ovBox.gif') no-repeat; z-index:500;} #menuDepth1Sub h2 {padding:7px 6px 12px 0; text-align:right;} #menuDepth1Sub ul {margin:0; padding:0; list-style:none; font-size:0; line-height:0;} #menuDepth1Sub li {padding:0 0 4px 11px;} #menuDepth1About{position:absolute; top:14px; right:0;} #menuDepth1About ul{margin:0; padding:0; list-style:none; font-size:0; line-height:0;} #menuDepth1About li{float:left; background:url('/_image/common/hmBar.gif') no-repeat 0 9px;} #menuDepth1About li a{float:left; padding:5px 5px 5px 6px;} #menuDepth1About li.first-child{padding-left:0; background:none;} #link_hm1_moreRound {width:85px; height:89px; position:absolute; top:0; left:0;} #quickM {width:338px; height:405px; position:absolute; top:0; left:0;} #hitSearch {position:absolute; top:75px; right:0; width:214px; letter-spacing:-1px; z-index:100} #hitSearch strong {font-size:11px; color:#000} #hitSearch ul {position:absolute; top:-8px; left:48px; width:155px; border:2px solid #01aef2; background:#fff; margin:0; padding:7px 0 0 6px; list-style:none; z-index:500;} #hitSearch li {padding:0 0 6px 0;} #hitSearch li img {margin:0 2px 3px 0;} #hitSearch * {vertical-align:middle} #scrollRankList {position:absolute; top:0; left:56px; width:156px; height:20px; overflow-y:hidden; z-index:400;} #scrollRankList * {vertical-align:middle} #scrollRankList img {margin:0 2px 3px 0;} #menuDepth2 {clear:both; float:left; width:100%; margin:0;} #menuDepth2 ul {margin:0; padding:0; list-style:none; font-size:0; line-height:0;} #menuDepth2 li {float:left; padding:8px 0 0 0;} #menuDepth2 .icon {position:absolute; top:-16px; right:-21px; padding:0; cursor:pointer;} #menuDepth2 .now {clear:left; float:left; width:auto; height:9px; margin:0 0 0 24px; font-size:0; line-height:0; display:inline; position:relative; z-index:400;} #menuDepth2 .nowLeft {width:15px; height:9px; font-size:0; line-height:0; position:absolute; top:0; left:-15px;} #menuDepth2 .nowRight {width:15px; height:9px; font-size:0; line-height:0; position:absolute; top:0; right:-15px;} #menuDepth2 .now {background:#01aef2 url('/_image/wing/menuDepth2NowBarArrow.gif') no-repeat top center;} #menuDepth2 .nowLeft {background:url('/_image/wing/menuDepth2NowBarLeft.gif') no-repeat top left;} #menuDepth2 .nowRight {background:url('/_image/wing/menuDepth2NowBarRight.gif') no-repeat top right;} #layoutHome #menuDepth2 .now {background:#cb2523 url('/_image/home/menuDepth2NowBarArrow.gif') no-repeat top center;} #layoutHome #menuDepth2 .nowLeft {background:url('/_image/home/menuDepth2NowBarLeft.gif') no-repeat top left;} #layoutHome #menuDepth2 .nowRight {background:url('/_image/home/menuDepth2NowBarRight.gif') no-repeat top right;} #layoutBrand #menuDepth2 .now {background:#c29e12 url('/_image/brand/menuDepth2NowBarArrow.gif') no-repeat top center;} #layoutBrand #menuDepth2 .nowLeft {background:url('/_image/brand/menuDepth2NowBarLeft.png') no-repeat top left;} #layoutBrand #menuDepth2 .nowRight {background:url('/_image/brand/menuDepth2NowBarRight.png') no-repeat top right;} * html #layoutBrand #menuDepth2 .nowLeft {background:none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://file.wisa.co.kr/_image/brand/menuDepth2NowBarLeft.png', enabled='true', sizingMethod='scale');} * html #layoutBrand #menuDepth2 .nowRight {background:none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://file.wisa.co.kr/_image/brand/menuDepth2NowBarRight.png', enabled='true', sizingMethod='scale');} #layoutAd #menuDepth2 .now {background:#97ae22 url('/_image/ad/menuDepth2NowBarArrow.gif') no-repeat top center;} #layoutAd #menuDepth2 .nowLeft {background:url('/_image/ad/menuDepth2NowBarLeft.gif') no-repeat top left;} #layoutAd #menuDepth2 .nowRight {background:url('/_image/ad/menuDepth2NowBarRight.gif') no-repeat top right;} #menuDepth2 ul {margin:0; padding:0; list-style:none; font-size:0; line-height:0;} #menuDepth2 li {float:left;} #menuDepth2 li a {float:left; height:31px; padding:12px 14px 0 14px;} #menuDepth2 li.first-child {padding-left:0;} /* 회사소개 */ #menuDepth2About {position:absolute; top:98px; left:-20px;} #menuDepth2About ul {margin:0; padding:0; list-style:none; font-size:0; line-height:0;} #menuDepth2About li {float:left; position:relative;} #menuDepth2About li {float:left;} #menuDepth2About li a {float:left; padding:10px 20px;} #menuDepth2About li.first-child {padding-left:0;} #shoppingMallMenu {position:absolute; top:105px; right:82px;} #shoppingMallMenu ul {margin:0; padding:0; list-style:none; font-size:0; line-height:0;} #shoppingMallMenu li {float:left; background:url('/_image/common/hmBar.gif') no-repeat 0 11px;} #shoppingMallMenu li.first-child {padding-left:0; background:none;} #shoppingMallMenu li a {float:left; padding:7px 10px;} #loginMenu {width:214px; height:30px; position:absolute; top:0; right:0;} #loginMenu ul {width:157px; _width:159px; margin:0 auto; padding:0; font-size:0; line-height:0;} #loginMenu .logout {width:170px; _width:172px} #loginMenu li {float:left; display:inline;} #loginMenu li a{float:left; display:block; height:22px; margin:0 0 0 1px; padding:8px 7px 0 7px;} #loginMenu li.first-child a{margin:0;} #loginMenu {background:url('/_image/wing/hlmBg.gif') no-repeat left bottom;} #layoutHome #loginMenu {background:url('/_image/home/hlmBg.gif') no-repeat left bottom;} #layoutBrand #loginMenu {background:url('/_image/brand/hlmBg.gif') no-repeat left bottom;} #layoutBrandMain #loginMenu {background:url('/_image/brand/hlmBg.gif') no-repeat left bottom;} #layoutSearch #loginMenu {background:url('/_image/my/hlmBg.gif') no-repeat left bottom;} #layoutAd #loginMenu {background:url('/_image/ad/hlmBg.gif') no-repeat left bottom;} #layoutAbout #loginMenu {width:215px; height:75px; background:url('/_image/about/hlmBg.gif') no-repeat} #layoutAbout #loginMenu ul {position:absolute; top:8px; right:10px; padding:0;} #layoutAbout #loginMenu li{padding:0 11px 0 12px;} #layoutAbout #loginMenu li a {float:none; display:inline; margin:0; padding:0;} #layoutAbout #loginMenu li.first-child {padding-left:0; background:none;} #wrapper {float:left; width:100%; margin-top:-9px;} #contentArea {min-height:600px; height: auto !important; height:600px; margin:0 275px 0 0;} /* 일반 타이틀 */ .subTitle {padding:10px 0; margin:39px 0; border-bottom:1px solid #e6e6e6;} /* 회사소개 타이틀 */ .subTitleAbout {height:48px; padding:9px 36px 0 0; text-align:right;} #navigation {float:left; width:215px; margin:38px 0 0 -215px;} #navigation ul {margin:0; padding:0; list-style:none;} #navigation .category {width:214px; margin-bottom:33px; padding-bottom:20px; background:url('/_image/common/categoryBgBottom.gif') no-repeat left bottom; font-size:0; line-height:0;} #navigation .category li {margin:0 auto;} #navigation .category .depth1 {width:212px; margin-top:-1px; border-left:1px solid #b3b3b3; border-right:1px solid #b3b3b3;} #navigation .category .depth1 li a {display:block; border-top:1px solid #d8d8d8; font-weight:bold; font-size:0; line-height:0;} #navigation .category .depth1 a .bar {width:4px; height:18px; position:absolute; top:-4px; left:-27px; font-size:0; line-height:0;} #navigation .category .depth1 li.line {height:1px; padding:0; margin:0 auto 10px auto; border-top:1px solid #dfeaee; font-size:0; line-height:0;} #navigation .csCenter {clear:both; width:212px; height:198px;} #navigation .csCenter .msg {height:41px; padding:14px 0 0 20px; font-size:11px; color:#808080;} #navigation .csCenter form {height:127px; padding:15px 0 0 0; border-top:1px solid #e6e6e6;} #navigation .csCenter p {clear:both; color:#e6e6e6} #navigation .csCenter label, #navigation .csCenter span {display:block; float:left;} #navigation .csCenter label {width:48px; padding:2px 0 0 11px; font-size:11px; font-weight:bold; letter-spacing:-1px; color:#808080;} #navigation .csCenter select {height:20px; margin:0 0 5px 0;} #navigation .csCenter .input {height:17px; margin:0 0 5px 0; border:1px solid #e6e6e6;} #navigation .csCenter .btn {padding:10px 0 0 0;} /* my서비스 메인 우측 메뉴 */ .category2 {clear:both; width:214px; height:auto; margin-bottom:20px; padding-bottom:11px; background:url('/_image/common/bg_category2_bottom.gif') no-repeat left bottom;} .category2 h2 {height:38px; background:#fff url('/_image/common/bg_category2_top.gif') no-repeat left 27px;} .category2 ul {width:214px; height:auto; margin:0; padding:0; background:url('/_image/common/bg_category2_loop.gif') repeat-y; list-style:none; font-size:0; line-height:0;} .category2 li {float:left; width:78px; padding-left:17px;} .category2 li a {display:block; float:left; padding:4px;} .category2 li img {vertical-align:top;} /* 회사소개 우측메뉴 - 텍스트 */ .categoryAbout{width:216px; margin:40px 0 30px 0; padding-bottom:30px; background:url('/_image/about/categoryBgBottom.gif') no-repeat left bottom;} .categoryAbout a .bar{width:25px; height:40px; background:transparent url('/_image/common/categoryBarAbout.gif') no-repeat; position:absolute; top:0px; left:-33px; font-size:0; line-height:0;} .categoryAbout .depth1{width:216px; background:url('/_image/about/categoryBg.gif') no-repeat;} .categoryAbout li{width:163px; margin-left:18px; position:relative;} .categoryAbout li img{vertical-align:top;} .categoryAbout .depth1 li{padding:0 0 0 0; line-height:14px;} .categoryAbout .depth1 li a{font-weight:bold;} .categoryAbout .depth1 li.line{height:1px; padding:0; margin:0 auto 10px auto; border-top:1px solid #dfeaee; font-size:0; line-height:0;} .categoryAbout .depth2 li{width:146px; padding:9px 0 0 17px; background:url('/_image/common/category_dot.gif') no-repeat 12px 13px;} .categoryAbout .depth2 li a{font-size:11px; font-weight:normal;} .blank { clear:both; height:50px; } #footer { clear:both; width:100%; border-top:1px solid #e1e1e1; } #footer .fm {position:absolute;top:40px;right:0px;} #footer .fmList {float:left;margin:0;padding:0;list-style:none;} #footer .fmList li {float:left} #footer .fmList li a {padding:7px 4px} #footer .fmFamily { float:left; width:137px; height:20px; margin-left:28px; padding-left:10px; background:#fff url('/_image/common/arrow.gif') no-repeat 132px 3px; border:1px solid #ccc; position:relative; font-size:11px; line-height:20px; cursor:pointer; z-index:150; } #footer #familySite {margin:0;padding:0;list-style:none;width:127px;padding:10px;background:#fff;border:1px solid #ccc;position:absolute;bottom:20px;left:-1px;} #footer .box { width:980px; margin:0 auto; position:relative; } #footer .footerMenu { clear:both; width:598px; height:23px; margin:0; padding:18px 0 0 0; list-style:none; } #footer .footerMenu li { float:left; padding:2px 6px 0 7px; background:url('/_image/common/fmBar.gif') no-repeat 0 7px; } #footer .footerMenu li.first-child { padding-left:0; background:none; } #footer .footerMenu li.last-child { background:none; padding-top:0; } #footer .footerMenu li a { font-size:11px; font-weight:bold; color:#999; } #footer .footerMenu li a:hover {background:transparent;color:#108CDC;} #footer .info { clear:both; padding:0 0 15px 0; font-size:11px; color:#999; } #footer .info * {vertical-align:middle;} #footer .info a.wisa {font-weight:bold;color:#999} #footer .info a.wisa:hover {color:#00aeef;} /* 레이아웃 - 쇼핑몰 메인 */ #layoutWing #index #contentArea { min-height:200px; height: auto !important; height:200px; margin:0; } #layoutWing #index #navigation {display:none;} #layoutWing #index .subTitle {height:30px; margin:0; padding:0; list-style:none; border:none;} #layoutWing #index .subTitle * {display:none;} /* 레이아웃 - 쇼핑몰디자인 메인, 스킨디자인, 아이템샵 */ #layoutDesign #index #contentArea, #layoutDesign #shop .listing #contentArea { min-height:200px; height: auto !important; height:200px; margin:0; } #layoutDesign #index #navigation, #layoutDesign #shop .listing #navigation, #layoutDesign #make #navigation {display:none;} #layoutDesign #index .subTitle, #layoutDesign #shop .subTitle {height:50px; margin:0; padding:0; list-style:none; border:none;} #layoutDesign #index .subTitle *, #layoutDesign #shop .subTitle * {display:none;} /* 레이아웃 - 홈페이지 메인 */ #layoutHome #index #contentArea , #layoutHome #makeguide #contentArea , #layoutHome #request #contentArea , #layoutHome #maintenance #contentArea {margin:0;} #layoutHome #index .subTitle {height:30px; margin:0; padding:0; list-style:none; border:none;} #layoutHome #index .subTitle * {display:none;} #layoutHome #index .blank {height:10px;} #layoutHome #index #navigation , #layoutHome #makeguide #navigation , #layoutHome #request #navigation , #layoutHome #maintenance #navigation {display:none;} #layoutHome #index #footer {border:none;} /* 레이아웃 - 브랜드디자인 메인 */ #layoutBrand #index #contentArea, #layoutBrand #brand #contentArea, #layoutBrand #cibisi #contentArea, #layoutBrand #print #contentArea, #layoutBrand #promotion #contentArea { min-height:200px; height: auto !important; height:200px; margin:0 0 0 0; } #layoutBrand #index .subTitle {height:30px; margin:0; padding:0; list-style:none; border:none;} #layoutBrand #index .subTitle * {display:none;} #layoutBrand #index #navigation, #layoutBrand #brand #navigation, #layoutBrand #cibisi #navigation, #layoutBrand #print #navigation, #layoutBrand #promotion #navigation {display:none;} /* 레이아웃 - 회원/로그인 */ #layoutMy #member #contentArea {margin:0;} #layoutMy #member #navigation {display:none;} /* 레이아웃 - 도메인 메인 */ #layoutDomain #index #contentArea {margin:0;} #layoutDomain #index .subTitle {height:30px; margin:0; padding:0; list-style:none; border:none;} #layoutDomain #index .subTitle * {display:none;} #layoutDomain #index .blank {height:10px;} #layoutDomain #index #navigation {display:none;} /* 레이아웃 - 광고&마케팅 메인 */ #layoutAd #index #contentArea, #layoutAd #commercial #contentArea { min-height:200px; height: auto !important; height:200px; margin:0; } #layoutAd #index #navigation, #layoutAd #commercial #navigation {display:none;} #layoutAd #index .subTitle, #layoutAd #commercial .subTitle {height:9px; margin:0; padding:0; list-style:none; border:none;} #layoutAd #index .subTitle *, #layoutAd #commercial .subTitle * {display:none;} /* 레이아웃 - 인재채용 */ #layoutPeople #index #contentArea {margin:0;} #layoutPeople #index #navigation {display:none;} #layoutPeople #index .subTitle {display:none;} /* 레이아웃 - 파트너 메인 */ #layoutPartner #index #contentArea { min-height:200px; height: auto !important; height:200px; margin:0; } #layoutPartner #index #navigation {display:none;} #layoutPartner #index .subTitle {height:30px; margin:0; padding:0; list-style:none; border:none;} #layoutPartner #index .subTitle * {display:none;} /* 레이아웃 - 스토리 메인 */ #layoutStory #index #contentArea, #layoutStory #movie #contentArea { min-height:200px; height: auto !important; height:200px; margin:0; } #layoutStory #index #navigation, #layoutStory #movie #navigation{display:none;} #layoutStory #index .subTitle {height:30px; margin:0; padding:0; list-style:none; border:none;} #layoutStory #index .subTitle * {display:none;} #layoutStory #magazine .magazineBox {padding-top:47px;} /* 레이아웃 - 호스팅 메인 */ #layoutIdc #index #contentArea {margin:0;} #layoutIdc #index .subTitle {display:none;} #layoutIdc #index .blank {height:10px;} #layoutIdc #index #navigation {display:none;} /* 레이아웃 - my */ #layoutMy #index .subTitle {height:30px; margin:0; padding:0; list-style:none; border:none;} #layoutMy #index .subTitle * {display:none;} /* 레이아웃 - 회사소개 메인 */ #layoutAbout #header {height:217px;} #layoutAbout #index #header {height:129px;} #layoutAbout #index #navigation {display:none;} #layoutAbout #index #footer {border:none;} #layoutAbout #contentArea { min-height:300px; height: auto !important; height:300px; margin:0 238px 0 0; } #layoutAbout #index #contentArea { min-height:200px; height: auto !important; height:200px; margin:0; } #layoutAbout .subTitle { height:48px; padding-right:36px; text-align:right; } #layoutAbout #navigation { float:left; width:216px; margin:38px 0 0 -217px; } #layoutAbout #footer {border-top:0;} #layoutAbout #footer .footerMenu {padding-top:0} #layoutAbout #footer .fm {position:absolute;bottom:42px;right:44px;} .rankeyMark {position:absolute;bottom:0;right:50px} /* 쇼핑몰서비스 메인 *********************************************************************************************************************************************************************/ /* 쇼핑몰 - 포트폴리오 *******************************************************************************************************************************************************************/ #portfolioMain .imgTbl { height:259px; padding:20px 0 0 0; } #portfolioMain .imgTbl td { height:253px; vertical-align:top; font-size:0; line-height:0; } #portfolioMain .imgTbl td.left {text-align:left;} #portfolioMain .imgTbl td.right {text-align:right;} .bestClientListTop { width:705px; height:14px; background:url('/_image/wing/portfolio/bestClientRound.gif') no-repeat left top; font-size:0; line-height:0; } .bestClientListBottom { width:705px; height:14px; background:url('/_image/wing/portfolio/bestClientRound.gif') no-repeat left bottom; font-size:0; line-height:0; } #bestClientList { width:698px; min-height:200px; height: auto !important; height:200px; padding:15px 0 0 5px; border:1px solid #4ca7e1; border-width:0 1px; position:relative; } #bestClientList ul.depth1 { margin:0; padding:0; list-style:none; font-size:11px; color:#666; } #bestClientList ul.depth1 li { float:left; padding:0 12px; border-left:1px solid #b5b5b5; font-weight:bold; display:inline; } #bestClientList ul.depth1 li.first-child {border-left:none;} #bestClientList ul.depth2 { clear:left; min-height:130px; height: auto !important; height:130px; margin:3px 0 0 0; padding:13px 0 0 0; font-weight:normal; line-height:16px; } #bestClientList ul.depth2 li { float:left; width:81px; padding:0; border:none; font-weight:normal; } /* 쇼핑몰 - 쇼핑몰안내/신청 ***************************************************************************************************************************************************************/ /* 메인 */ #mallMallMain .process .title {margin:0 0 15px 0;} #mallMallMain .process ul { margin:0; padding:0; list-style:none; font-size:0; line-height:0; } #mallMallMain .process li { float:left; padding-left:42px; background:url('/_image/wing/mall/processArrow.gif') no-repeat; } #mallMallMain .process li.first-child { padding-left:0; background:none; } /* 신청하기 공통 */ #mallRegist .step { padding-bottom:60px; text-align:center; } #mallRegist .title { font-size:12px; color:#000; } #mallRegist .title strong {color:#666;} /* 신청하기 step1 - 약관체크 */ #mallRegist .scroll { height:70px; padding:19px; border:1px solid #e1e1e1; overflow-y:scroll; font-size:11px; color:#666; scrollbar-highlight-color:#fff; scrollbar-3dlight-color:#d2dada; scrollbar-face-color:#fff; scrollbar-shadow-color:#d2dada; scrollbar-darkshadow-color:#fff; scrollbar-track-color:#f6f8f8; scrollbar-arrow-color:#aebdbd; } #mallRegist .check { margin:18px 0; font-size:11px; line-height:11px; color:#666; } #mallRegist .check * {vertical-align:middle;} #mallRegist .check input {margin:-2px 0 0 0} /* 신청하기 step2 - 정보입력 */ #mallRegist .registTbl { border:1px solid #b5b5b5; border-width:1px 0; } #mallRegist .registTbl .tbl {width:100%;} #mallRegist .registTbl th, #mallRegist .registTbl td { height:24px; font-size:11px; color:#666; } #mallRegist .registTbl .first-child th, #mallRegist .registTbl .first-child td {padding-top:13px;} #mallRegist .registTbl .last-child th, #mallRegist .registTbl .last-child td {padding-bottom:25px;} #mallRegist .registTbl th { width:100px; padding-left:10px; background:#f9f9f9; text-align:left; } #mallRegist .registTbl td { padding:5px 7px; } #mallRegist .registTbl td * {vertical-align:middle;} #mallRegist .readonly {/* IE6에서 input[readonly] 속성 선택자가 안먹히기 때문에 클래스로... */ width:118px; height:19px; padding:0 0 0 6px; background:#dedede; border:none; font-size:11px; line-height:20px; color:#666; } #mallRegist .registTbl td.line { height:1px; padding:0; border-top:1px solid #efefef; } #mallRegist .input { padding:0 0 0 6px; font-size:11px; line-height:18px; color:#666; } #mallRegist .btn {padding-top:43px;} #mallRegist .phone1 {width:35px;} #mallRegist .phone2 {width:32px;} #mallRegist .address {width:377px} /* 신청하기 step3 - 완료 */ #mallRegist .complete { width:705px; background:url('/_image/wing/mall/registCompleteBg.gif') no-repeat; text-align:left; color:#666; } #mallRegist .msg { height:215px; padding:0 0 0 320px; line-height:16px; } #mallRegist .complete strong {background:transparent;color:#4ca7e1;} #mallRegist .complete strong.name {font-size:14px;color:#666;} #mallRegist .complete span {color:#a1a0a0;} #mallRegist .complete .btn { margin-top:30px; border-top:1px solid #b5b5b5; text-align:right; } /* 교육신청완료 */ #mallRegist .eduFinish { width:705px; height:300px; padding:60px 0 0 0; background:url('/_image/wing/mall/eduFinish.gif') no-repeat; text-align:left; color:#666; } #mallRegist .eduFinish p { line-height:220%; text-align:center; } #mallRegist .eduFinish a {text-decoration:underline;} #mallRegist .eduFinish .btn img {margin:0 6px;} /* 고객센터 - 회원/로그인 - 로그인 ***************************************************************************************************************************************************/ #login { width:422px; height:188px; padding-top:30px; margin:30px auto 0 auto; border-top:2px solid #68bcef; border-bottom:1px solid #b5b5b5; position:relative; } #login h3 {margin-bottom:32px;} #login form { height:63px; position:relative; } #login form * {vertical-align:middle;} #login form p { margin:0 0 7px 0; padding-left:1px; } #login form p .input { width:192px; height:28px; margin-right:14px; padding:0 8px; background:url('/_image/adminLogin/inputBg.gif') no-repeat; border:none; line-height:28px; } #login label {margin-right:10px;} #login label.fld {margin-left:17px;} *:first-child+html #login label.fld {margin-left:19px;} *html #login label.fld {margin-left:19px;} #login .type {margin:9px 0 21px 77px;} *:first-child+html #login .check {margin:0 0 0 -4px;}/* IE7 Hack*/ *html #login .check {margin:0 0 0 -4px;}/* IE6 Hack*/ #login .link {margin:0 0 0 77px;} /* 고객센터 - 회원/로그인 - 회원가입 ***************************************************************************************************************************************************/ /* common */ #memberRegist .step { padding-bottom:17px; text-align:center; } #memberRegist .title { padding:3px; font-size:12px; color:#666; } /* strp1 - 약관체크 */ #memberRegist .scroll { height:157px; padding:19px; border:1px solid #e1e1e1; overflow-y:scroll; font-size:11px; color:#666; scrollbar-highlight-color:#fff; scrollbar-3dlight-color:#d2dada; scrollbar-face-color:#fff; scrollbar-shadow-color:#d2dada; scrollbar-darkshadow-color:#fff; scrollbar-track-color:#f6f8f8; scrollbar-arrow-color:#aebdbd; } #memberRegist .check { margin:18px 0; font-size:11px; line-height:11px; color:#666; } #memberRegist .check * {vertical-align:middle;} #memberRegist .check input {margin:-2px 0 0 0;} #memberRegist .btn { padding:0; font-size:0; line-height:0; } #memberRegist .btn img {padding:0 6px} /* step2 - 실명인증 */ #memberRegist .nameCheck { border-top:1px solid #b5b5b5; text-align:center; } #memberRegist .nameCheck * {vertical-align:middle;} #memberRegist .nameCheck fieldset { height:192px; margin-bottom:28px; padding-top:78px; border-bottom:1px solid #b5b5b5; } #memberRegist .nameCheck p img {margin:0 5px 0 43px;} #memberRegist .nameCheck .input {width:100px;} #memberRegist .nameCheck .msg { margin:72px 0 0 0; font-size:11px; text-align:left; color:#666; } /* step3 - 정보입력 */ #memberRegist .registTbl { margin:0 0 40px 0; padding:30px 0; border:1px solid #b5b5b5; border-width:1px 0; } #memberRegist .registTbl th, #regist .registTbl td {height:23px;} #memberRegist .registTbl th { width:92px; padding:3px 0 0 25px; font-size:11px; font-weight:normal; text-align:left; vertical-align:top; color:#666; } #memberRegist .registTbl td { font-size:11px; color:#666; } #memberRegist .registTbl td * {vertical-align:middle;} /* step4 - 가입완료 */ #memberRegist .complete { width:705px; height:292px; margin-top:19px; padding-top:67px; background:url('/_image/my/member/registCompleteBg.jpg') no-repeat; text-align:center; } #memberRegist .complete .msg {margin:5px 0 19px 0;} #memberRegist .complete .btn {padding:25px 0;} /* 정보수정 비밀번호 체크 */ #memberEdit .frm { width:305px; height:193px; margin:0 auto; padding:76px 0 0 47px; background:url('/_image/my/member/editCheckBg.jpg') no-repeat; position:relative; } #memberEdit .frm p {clear:both;} #memberEdit .frm p * {vertical-align:middle;} #memberEdit .frm p label, #memberEdit .frm p .input { float:left; margin-bottom:7px; } #memberEdit .frm p label {width:52px;} #memberEdit .frm p .input {width:123px;} #memberEdit .frm .check { position:absolute; top:138px; left:101px; font-size:11px; color:#666; } #memberEdit .frm .check * {vertical-align:middle;} #memberEdit .frm .btn { padding:0; position:absolute; top:76px; right:40px; } /* 고객센터 - 회원/로그인 - 아이디찾기 ***************************************************************************************************************************************************/ /* common */ #find .msg {margin-bottom:40px;} #find .btn { border-top:1px solid #b5b5b5; padding:20px 0; } /* find ID */ #find .id { text-align:center; } #find .id * {vertical-align:middle;} #find .id fieldset { height:95px; padding-top:34px; } #find .id p img {margin:0 5px 0 43px;} #find .id .input {width:100px;} /* find PW */ #find .pw { text-align:center; } #find .pw * {vertical-align:middle;} #find .pw fieldset { width:494px; height:119px; margin:0 auto; padding-top:12px; text-align:left; } #find .pw p { clear:both; } #find .pw label, #find .pw .input, #find .pw select {margin:0 0 7px 0;} #find .pw label { float:left; width:73px; } #find .pw .input {width:163px;} #find .pw span {float:left;} /* 고객센터 - 회원/로그인 - 회원탈퇴 ***************************************************************************************************************************************************/ .secessionTbl .tbl {width:100%} .secessionTbl th, .secessionTbl td { height:24px; font-weight:bold; } .secessionTbl th { width:130px; padding:4px 0 0 26px; text-align:left; vertical-align:top; } .secessionTbl .txta { width:100%; margin:2px 0 3px 0; } .secessionTbl .btn { margin:37px 0 0 0; padding:20px 0 0 0; border-top:1px solid #ccc; } /* 고객센터 - 약관/정책 ****************************************************************************************************************************************************************/ #agreementContent {color:#666;} #agreementContent * {list-style:none;} #agreementContent ol, #agreementContent ul { margin:0; padding:0; } #agreementContent .big {font-size:14px;} #agreementContent p {margin-bottom:10px;} #agreementContent li ol, #agreementContent li ul {margin-bottom:10px;} #agreementContent dt { background:url('/_image/my/agreement/p_arrow.gif') no-repeat 0 3px; padding:3px 0 0 20px; font-weight:bold; } #agreementContent dd {margin:5px 0 10px 20px;} #agreementContent dd dl dt { background:url('/_image/my/agreement/c_arrow.gif') no-repeat 0 3px; padding:0 0 0 18px; font-weight:normal; } #agreementContent dd dl dd {margin:0 0 0 18px;} #agreementContent ul { list-style-type:disc; margin:5px 0; } #youthPolicyContent dl {margin:10px 0;} /* 게시판 - basic(List) ***********************************************************************************************************************************************************************/ .boardList .tbl {width:100%;} .boardList .tbl thead th { height:25px; background:#a0a0a0 url('/_image/skin/list/bar.gif') no-repeat left bottom; border:1px solid #858585; border-width:1px 0; font-size:12px; line-height:10px; color:#fff; } .boardList .tbl thead th.first-child { background:#a0a0a0; border-left:1px solid #858585; } .boardList .tbl thead th.last-child {border-right:1px solid #858585;} .boardList .tbl tbody td { height:27px; text-align:center; border-bottom:1px solid #e4e5e1; } .boardList .tbl tbody td * {vertical-align:middle;} .boardList .tbl tbody td.left { padding:0 0 0 14px; text-align:left; } .boardList .tbl tbody td .stat { display:block; width:59px; height:14px; margin:0 auto; font-size:11px; line-height:16px; background:url('/_image/skin/list/statBg.gif') no-repeat center center; color:#fff; } *html .boardList .tbl tbody td .stat {/* IE6 Hack*/ display:block; width:59px; height:9px; margin:0 auto; padding:2px 0; font-size:11px; line-height:10px; background:url('/_image/skin/list/statBg.gif') no-repeat center center; color:#fff; } .boardList .tbl tbody td.date { font-family:Verdana; font-size:9px; } .boardList .btn {text-align:right;} .searchFrm {padding-top:20px;text-align:center} .searchFrm * {vertical-align:middle;} .searchStr {width:198px;height:19px;border:1px solid #ccc;} #meetingRoom.title { padding:3px; font-size:12px; color:#666; } #meetingRoom .scroll { margin-top:10px; height:157px; padding:19px; border:1px solid #e1e1e1; overflow-y:scroll; font-size:11px; color:#666; scrollbar-highlight-color:#fff; scrollbar-3dlight-color:#d2dada; scrollbar-face-color:#fff; scrollbar-shadow-color:#d2dada; scrollbar-darkshadow-color:#fff; scrollbar-track-color:#f6f8f8; scrollbar-arrow-color:#aebdbd; } #meetingRoom .check { margin:18px 0; font-size:11px; line-height:11px; color:#666; } /* 게시판 - basic(Write) ***********************************************************************************************************************************************************************/ .boardWrite .title { margin-bottom:25px; padding-bottom:10px; } #layoutWing .boardWrite .line, #layoutDesign .boardWrite .line, #layoutStory .boardWrite .line, #layoutMy .boardWrite .line, #layoutDomain .boardWrite .line, #layoutPartner .boardWrite .line, #layoutPeople .boardWrite .line {border-bottom:3px solid #55AAE1;} #layoutHome .boardWrite .line {border-bottom:3px solid #cb2523;} #layoutBrand .boardWrite .line {border-bottom:3px solid #c3ac50;} #layoutAd .boardWrite .line {border-bottom:3px solid #b5b5b5;} #layoutSearch .boardWrite .line {border-bottom:3px solid #b5b5b5;} .boardWrite * {vertical-align:middle;} .boardWrite p { clear:both; } .boardWrite label, .boardWrite .input { margin:0 0 5px 0; } .boardWrite label { float:left; width:96px; height:15px; padding:6px 0 0 0; text-align:left; } .boardWrite .info label { float:left; width:72px; height:15px; padding:6px 0 0 24px; text-align:left; } .boardWrite .scroll { margin-top:10px; height:157px; padding:19px; border:1px solid #e1e1e1; overflow-y:scroll; font-size:11px; color:#666; scrollbar-highlight-color:#fff; scrollbar-3dlight-color:#d2dada; scrollbar-face-color:#fff; scrollbar-shadow-color:#d2dada; scrollbar-darkshadow-color:#fff; scrollbar-track-color:#f6f8f8; scrollbar-arrow-color:#aebdbd; } #layoutWing .boardWrite .info label, #layoutDesign .boardWrite .info label, #layoutStory .boardWrite .info label, #layoutMy .boardWrite .info label, #layoutDomain .boardWrite .info label, #layoutPartner .boardWrite .info label, #layoutPeople .boardWrite .info label {background:url('/_image/skin/write/blMall.gif') no-repeat 6px 7px;} #layoutHome .boardWrite .info label {background:url('/_image/skin/write/blDesign.gif') no-repeat 6px 7px;} #layoutBrand .boardWrite .info label {background:url('/_image/skin/write/blBrand.gif') no-repeat 6px 7px;} #layoutAd .boardWrite .info label {background:url('/_image/skin/write/blMy.gif') no-repeat 6px 7px;} #layoutSearch .boardWrite .info label {background:url('/_image/skin/write/blMy.gif') no-repeat 6px 7px;} .boardWrite .input { height:19px; } .boardWrite select { height:21px; } .boardWrite .writeBtn { width:76px; height:22px; border:none; text-indent:-1000px; } #layoutWing .boardWrite .writeBtn, #layoutDesign .boardWrite .writeBtn, #layoutStory .boardWrite .writeBtn, #layoutMy .boardWrite .writeBtn, #layoutDomain .boardWrite .writeBtn, #layoutPartner .boardWrite .writeBtn, #layoutPeople .boardWrite .writeBtn {background:url('/_image/skin/button/writeMall.gif') no-repeat;} #layoutHome .boardWrite .writeBtn {background:url('/_image/skin/button/writeDesign.gif') no-repeat;} #layoutBrand .boardWrite .writeBtn {background:url('/_image/skin/button/writeMall.gif') no-repeat;} #layoutAd .boardWrite .writeBtn {background:url('/_image/skin/button/writeMy.gif') no-repeat;} #layoutSearch .boardWrite .writeBtn {background:url('/_image/skin/button/writeMy.gif') no-repeat;} /* 게시판 - basic(Read) ************************************************************************************************************************************************************************/ .boardRead .title { padding-bottom:10px; font-weight:bold; font-size:16px; color:#000; } .boardRead .content {padding:40px 0;} #layoutWing .boardRead .line, #layoutDesign .boardRead .line, #layoutStory .boardRead .line, #layoutMy .boardRead .line, #layoutDomain .boardRead .line, #layoutPartner .boardRead .line, #layoutPeople .boardRead .line {border-bottom:3px solid #55AAE1;} #layoutHome .boardRead .line {border-bottom:3px solid #cb2523;} #layoutBrand .boardRead .line {border-bottom:3px solid #c3ac50;} #layoutAd .boardRead .line {border-bottom:3px solid #b5b5b5;} #layoutSearch .boardRead .line {border-bottom:3px solid #b5b5b5;} .prevNext {width:100%;} .prevNext td * {vertical-align:middle;} .prevNext .prev td { height:29px; border-bottom:1px solid #f5f5f5; } .prevNext .next td { height:29px; border-bottom:1px solid #d5d5d5; } .prevNext td.date { width:10%; font-family:Verdana; font-size:9px; color:#a3a3a3; } .commentWrite {margin:40px 0 0 0;} .commentWrite .title { padding:0 0 11px 18px; font-size:11px; line-height:11px; color:#666; } .commentWrite .title img {margin-bottom:3px;vertical-align:middle;} #layoutWing .commentWrite .title, #layoutDesign .commentWrite .title, #layoutStory .commentWrite .title, #layoutMy .commentWrite .title, #layoutDomain .commentWrite .title, #layoutPartner .commentWrite .title, #layoutPeople .commentWrite .title {background:url('/_image/skin/write/blMall.gif') no-repeat 2px 0px;} #layoutHome .commentWrite .title {background:url('/_image/skin/write/blDesign.gif') no-repeat 2px 0px;} #layoutBrand .commentWrite .title {background:url('/_image/skin/write/blBrand.gif') no-repeat 2px 0px;} #layoutAd .commentWrite .title {background:url('/_image/skin/write/blMy.gif') no-repeat 2px 0px;} #layoutSearch .commentWrite .title {background:url('/_image/skin/write/blMy.gif') no-repeat 2px 0px;} .commentWrite .roundTop {width:705px;height:6px;background:url('/_image/skin/write/roundTop.gif') no-repeat;font-size:0;line-height:0;} .commentWrite .roundLoop {width:702px;margin-left:1px;background:#f6f6f6;border:1px solid #e0e0e0;border-width:0 1px;text-align:center;} .commentWrite .roundBottom {width:705px;height:6px;background:url('/_image/skin/write/roundBottom.gif') no-repeat;font-size:0;line-height:0;} .commentWrite .txta {width:693px; height:70px;background:#f6f6f6;border:none;} .commentWrite .btn {padding:14px 0 0 0;text-align:right;} .commentWrite .writeBtn { width:76px; height:22px; border:none; text-indent:-1000px; } #layoutWing .commentWrite .writeBtn, #layoutDesign .commentWrite .writeBtn, #layoutStory .commentWrite .writeBtn, #layoutMy .commentWrite .writeBtn, #layoutDomain .commentWrite .writeBtn, #layoutPartner .commentWrite .writeBtn, #layoutPeople .commentWrite .writeBtn {background:url('/_image/skin/button/writeMall.gif') no-repeat;} #layoutHome .commentWrite .writeBtn {background:url('/_image/skin/button/writeDesign.gif') no-repeat;} #layoutBrand .commentWrite .writeBtn {background:url('/_image/skin/button/writeMall.gif') no-repeat;} #layoutAd .commentWrite .writeBtn {background:url('/_image/skin/button/writeMy.gif') no-repeat;} #layoutSearch .commentWrite .writeBtn {background:url('/_image/skin/button/writeMy.gif') no-repeat;} .commentList {margin-top:35px;} .commentList .roundTop {width:687px; height:29px; padding:14px 0 0 18px; background:url('/_image/skin/list/roundTop.gif') no-repeat; } .commentList .roundLoop {width:666px; margin-left:1px; padding:0 18px; border:1px solid #e0e0e0; border-width:0 1px; color:#7b7b7b} .commentList .roundBottom {width:705px; margin-bottom:13px; padding-bottom:6px; background:url('/_image/skin/list/roundBottom.gif') no-repeat left bottom; position:relative; } .commentList .writer {color:#b5b5b5;} .commentList .date {padding-left:9px; font-family:Verdana; font-size:9px; color:#b2b2b2} .commentList .btn {padding:0; position:absolute; top:13px; right:13px; font-size:0; line-height:0; } .commentList .btn img {margin-left:9px;} /* help/index */ #customerTop {position:relative; height:477px; margin:0 auto 6px auto; background:url('/_image/my/customer/customerTop.jpg') no-repeat;} #customerTop h3 {margin:50px 0 14px 0;} #customerTop div {display:inline; float:left; font-size:11px; color:#666;} #customerTop p {font-size:11px; color:#666;} #customerTop ul {margin:0; padding:0; list-style:none;} #customerTop li {padding:0 0 0 10px; font-size:11px; color:#666; background:url('/_image/my/customer/dot.gif') no-repeat 5px center;} #customerTop #tel {width:182px; margin:0 0 0 115px; padding:0 0 0 20px} #customerTop #chat {width:152px; padding:0 0 0 20px} #customerTop #chat .btn {padding:10px 0 0 0;text-align:left;} #customerTop #board {width:197px; padding:0 0 0 11px;} #customerTop #board h3 {padding-left:9px;} #customerTop #board ul {height:107px;} #customerTop #counsel {width:161px; padding:0 0 0 11px;} #customerTop #counsel p {height:50px;} #customerTop form {clear:both; padding:0 0 0 205px; position:absolute; bottom:29px; left:136px;} #customerTop form * {vertical-align:middle;} #customerTop form a {font-size:12px; color:#4b95e0;} #customerTop .input {width:270px; height:29px; border:none; line-height:29px;} #customerTop .searchBtn {margin:5px 0 0 13px;} .contentBox { padding:11px 11px 0 11px; border:1px solid #b5b5b5; font-size:11px; line-height:14px; z-index:50; } #bankMsg { width:200px; height:55px; background:#fff url('/_image/help/index/dot1.gif') no-repeat 12px 50px; position:absolute; top:-25px; left:0; } #taxMsg { width:200px; height:69px; background:#fff url('/_image/help/index/dot1.gif') no-repeat 12px 64px; position:absolute; top:-39px; left:20px; } #cardMsg { width:200px; height:69px; background:#fff url('/_image/help/index/dot1.gif') no-repeat 12px 64px; position:absolute; top:-39px; right:25px; } .contentBox .edge { width:8px; height:5px; font-size:0; line-height:0; background:url('/_image/help/index/edge.gif') no-repeat; position:absolute; } #bankMsg .edge { bottom:-5px; left:20px; } #taxMsg .edge { bottom:-5px; left:100px; } #cardMsg .edge { bottom:-5px; right:12px; } .contentBox .link { margin:8px 0 0 10px; font-size:11px; line-height:11px; font-weight:bold; } .partList {width:100%;} .partList td { width:50%; border:1px solid #b5b5b5; border-width:1px 0 1px 1px; } .partList td.first-child {border-left:none;} .partList dl { width:317px; margin:0 auto 16px auto; } .partList .img { float:left; height:70px; margin:20px 0; } .partList .part { float:left; height:52px; margin:20px 0 20px 20px; padding:18px 0 0 0; line-height:20px; } .partList .office { font-size:14px; color:#000; } .partList .name { font-size:11px; color:#666; } .partList .content { clear:left; font-size:11px; color:#666; } /* 게시판 - faq(List) **************************************************************************************************************************************************************************/ .boardCategory { clear:both; margin-bottom:27px; padding:23px 0 0 20px; border-top:1px solid #ccc; border-bottom:1px solid #ccc; text-align:center; } .boardCategory ul { margin:0 0 23px 0; padding:0 0 23px 0; list-style:none; } .boardCategory li { width:auto; float:left; display:inline-block; padding:0 10px; background:url('/_image/skin/faq/bar.gif') no-repeat 0 center; } .boardCategory li.first-child {background:none;} .boardCategory a {color:#666} .boardCategory a:hover {font-weight:bold;color:#666} .faqList .search { width:666px; height:40px; margin:0 auto 38px auto; padding:20px 0 0 39px; background:url('/_image/skin/faq/searchBox.gif') no-repeat; } .faqList .search * {vertical-align:middle} .faqList select, .faqList .searchStr, .faqList .searchBtn {float:left;} .faqList select { width:109px; height:20px; } .faqList .searchStr { width:475px; height:18px; margin:0 2px 0 5px; background:#f9f9f9; border-top:1px solid #bdbdbd; border-right:1px solid #d3d3d3; border-bottom:1px solid #d3d3d3; border-left:1px solid #bdbdbd; } .faqList .tbl { width:100%; border-top:1px solid #ccc; } .faqList th { width:28px; padding:6px 0 0 2px; text-align:left; vertical-align:top; } .faqList td { width:675px; padding:6px 0; vertical-align:top; } .faqList .question th, .faqList .question td {border-bottom:1px solid #eaeaea;} .faqList .question th { height:24px; color:#666; } .faqList .question td span {cursor:pointer;} .faqList .answer th {color:#b5b5b5;} .faqList .vote td {width:705px;} .faqList .vote td form { margin-top:17px; padding:7px 0 5px 9px; background:#f7f7f7; border-top:1px solid #eaeaea; border-bottom:1px solid #ccc; } .faqList .vote td form fieldset {margin-top:5px;} .faqList .vote td form p.title { width:100%; padding:0 0 11px 7px; display:block; font-weight:bold; } .faqList .vote td form p * {vertical-align:middle;} .faqList .vote td form p label {margin:0 14px 0 0;} *html .faqList .vote td form p input {margin:-4px 0 0 0;}/* IE6 Hack*/ *:first-child+html .faqList .vote td form p input {margin:-4px 0 0 0;}/* IE7 Hack*/ .faqList .vote td .txta { float:left; width:605px; height:40px; font-size:11px; line-height:20px; color:#ccc; } .faqList .vote td .voteBtn {float:left;} .faqList .blank th, .faqList .vote td {clear:both;height:0;padding:0;border:none;font-size:0;line-height:0} .faqList .paging {padding:40px 0;} /* my 서비스 */ #individualResult .complete { width:705px; background:url('/_image/wing/mall/registCompleteBg.gif') no-repeat; text-align:left; color:#666; } #individualResult .msg { height:215px; padding:0 0 0 320px; line-height:16px; } #individualResult .complete strong {background:transparent;color:#4ca7e1;} #individualResult .complete strong.name {font-size:14px;color:#666;} #individualResult .complete span {color:#a1a0a0;} #individualResult .complete .btn { margin-top:30px; border-top:1px solid #b5b5b5; text-align:right; } #myServiceMain .topInfo { width:682px; height:36px; padding:15px 23px 0 0; background:url('/_image/my/service/mainTopBox.gif') no-repeat; text-align:right; position:relative; } #myServiceMain .topInfo * {vertical-align:middle;} #myServiceMain .topInfo select { width:142px; margin-left:12px; } #myServiceMain .topInfo p { font-size:14px; color:#666; position:absolute; top:17px; left:29px; } #myServiceMain .topInfo p strong {color:#000;} #myServiceMain .bottomInfo { width:705px; height:610px; margin:40px 0 0 0; background:url('/_image/my/service/mainBottomBox.jpg') no-repeat; } #myServiceMain .bottomInfo .tab { width:352px; height:248px; vertical-align:top; } #myServiceMain .bottomInfo .title { width:300px; margin:0 auto; padding:27px 0 31px 0; text-align:left; } #myServiceMain .bottomInfo .offical { width:215px; padding:0 0 0 25px; position:relative; font-size:11px } #myServiceMain .bottomInfo .tbl { width:300px; margin:0 auto; } #myServiceMain .bottomInfo .tbl th, #myServiceMain .bottomInfo .tbl td { height:25px; border-bottom:1px solid #dcdcdc; font-size:11px; text-align:left; } #myServiceMain .bottomInfo .tbl th {width:85%;font-weight:normal;} #myServiceMain .bottomInfo .tbl td {text-align:right;} /* 나의 계정관리 리스트*/ .myServiceList { border-bottom:1px solid #000; } .myServiceList .title { margin:0 0 11px 0; font-size:12px; position:relative; } .myServiceList .title span { color:#666; position:absolute; top:3px; right:0; } .myServiceList .tbl { width:100%; border-top:1px solid #000; } .myServiceList .tbl th, .myServiceList .tbl td { border-left:1px solid #eaeaea; border-bottom:1px solid #eaeaea; } .myServiceList .tbl th { height:30px; background:#f6f6f6; color:#666; } .myServiceList .tbl .first-child {border-left:none;} .myServiceList .tbl td { height:30px; text-align:center; } .myServiceList .tbl td.left { padding:0 0 0 10px; text-align:left; } /* 나의 계정관리 상세 */ .myAccountDetail .title { margin:0 0 11px 0; font-size:12px; position:relative; } .myAccountDetail .title span { color:#666; position:absolute; top:3px; right:0; } .myAccountDetail .tab { height:31px; background:url('/_image/my/service/tab1_back.gif') repeat-x; } .myAccountDetail .tbl { width:100%; margin:18px 0 10px 0; } .myAccountDetail .tbl td { height:26px; border-top:1px solid #ccc; color:#666; } .myAccountDetail .tbl td * {vertical-align:middle;} .myAccountDetail .tbl .first-child td {border-top:none;} .myAccountDetail .tbl td .black {color:#000;} .myAccountDetail .tbl td.line {border-top:2px solid #ccc;} /* 에러페이지 *********************************************************************************************************************************************************************************/ #errorPage #content { width:690px; height:416px; position:absolute; top:50%; left:50%; margin:-208px 0 0 -345px; } #errorPage h1 {padding-left:50px;} #errorPage .msg { margin-top:23px; padding:30px 28px 17px 28px; border:1px solid #d3d3d3; color:#494949; } #errorPage p {margin-bottom:30px;} #errorPage a { color:#13669b; text-decoration:underline; } #errorPage .btn {margin-top:55px;} #errorPage .btn img {margin:0 4px;} #previewTop { width:705px; margin:0 auto; } .previewList { height:180px; margin-top:18px; } .previewList dt { float:left; width:155px; background:url('/_image/wing/design/arrowPreview.gif') no-repeat 119px center; display:inline; } .previewList dt div { position:relative; width:100px; text-align:center; font-size:11px; line-height:30px; color:#666; } .previewList dd {float:left;} .previewList dd ul { margin:0; padding:0; list-style:none; } .previewList dd li { float:left; width:100px; margin-left:10px; position:relative; text-align:center; font-size:11px; line-height:30px; color:#666; cursor:pointer; display:inline; } /*/////////////////////////////////////////////////////////////////////////////////// // // 현금 영수증 // ///////////////////////////////////////////////////////////////////////////////////*/ .receipt_container { text-align: center; font-family: dotum; width: 620px; } .receipt { clear: left; border: solid 3px blue; } .receipt table { width: 100%; border-collapse: collapse; table-layout: fixed; } .receipt td { color: blue; padding: 4px 5px; border-left: solid 1px blue; border-bottom: solid 1px blue; } .receipt h1 { display: inline; font-size: 25px; font-family: gulim; line-height: 100%; } .letter5 { letter-spacing: 5px; } .letter20 { letter-spacing: 20px; } .spacing2 { width: 22px; } .verysmall { font-size: 8px; line-height: 100%; } .ultrasmall { font-size: 7px; line-height: 100%; } #cs_file_list li { padding: 5px; border-bottom: dotted 1px #aaa; background: #f2f2f2; } #cs_img_list li { float: left; width: 100px; height: 120px; margin: 12px 12px 0 0; background: #f5f5f5; border-top: solid 1px #ccc; vertical-align: middle; } #cs_img_list li img { border: solid 1px #000; } #cs_img_list li dl { margin: 0; } #cs_img_list li dt { height: 100px; } #cs_img_list li dd { margin: 0; padding: 0; } /* 통합검색 *********************************************************************************************************************************************************************************/ #searchDomain .tabList { height:39px; margin:0 0 40px 0; padding:0; background:#dbe1e6; border-bottom:1px solid #01aef2; text-align:left; vertical-align:text-bottom; font-size:0; line-height:0; } *:first-child+html #searchDomain .tabList {height:32px;}/* IE7 Hack*/ *html #searchDomain .tabList {height:32px;}/* IE6 Hack*/ #searchDomain .tabList img { cursor:pointer; } #searchDomain .frm {text-align:center;} #searchDomain .frm * {vertical-align:middle;} #searchDomain .frm p {clear:left;} .searchInput {margin:0 auto;} #searchDomain .searchInput {width:400px;} #searchService .searchInput {width:430px;} #searchLience .searchInput {width:450px;} .searchInput * {float:left;} .searchInput span { margin:0 6px 0 9px; padding:0 12px; background:url('/_image/search/inputRound.gif') no-repeat left top; } .searchInput strong, .searchInput label { padding-top:4px; font-size:14px; } .searchInput .input { width:209px; height:22px; padding:0 6px; border:2px solid #b5b5b5; border-width:2px 0; line-height:22px; } .searchInput .inputIng { width:209px; height:22px; padding:0 6px; background:#fff; border:2px solid #b5b5b5; border-width:2px 0; line-height:22px; } #searchDomain .searchInput .input {background:url('/_image/search/domain/inputHidden.gif') no-repeat 0 center;} #searchSearch .searchInput .input {background:url('/_image/search/service/inputHidden.gif') no-repeat 0 center;} #searchLience .searchInput .input {background:url('/_image/search/lience/inputHidden.gif') no-repeat 0 center;} .searchInput .btnSearch {margin-top:2px;} #searchDomain .checkBox {padding-top:30px;} #searchDomain .checkBox label {padding-right:13px;} .resultList { clear:both; padding-top:45px } .resultList .tbl { width:100%; border-top:1px solid #e4e5e1; } .resultList th, .resultList td { height:29px; border:1px solid #e4e5e1; } .resultList th { width:30%; border-width:0 1px 1px 0; font-weight:normal; text-align:left; } .resultList th * {vertical-align:middle;} .resultList th.regX { padding:0 0 0 80px; background:url('/_image/search/domain/x.gif') no-repeat 63px 9px; color:#666; } *:first-child+html .resultList th.regX { padding:0 0 0 87px; background:url('/_image/search/domain/x.gif') no-repeat 68px 9px; }/* IE7 Hack*/ *html .resultList th.regX { padding:0 0 0 87px; background:url('/_image/search/domain/x.gif') no-repeat 68px 9px; }/* IE6 Hack*/ .resultList th.regO { padding:0 0 0 62px; font-weight:bold; color:#4ca7e1; } .resultList td { width:80%; padding:0 0 0 50px; border-width:0 0 1px 0; font-size:14px; font-weight:bold; color:#666; } .resultList .total { border-bottom:1px solid #ccc; color:#666; } .resultList dl { padding:28px 0 38px 0; border-bottom:1px solid #ccc } .resultList dt { padding-bottom:22px; font-size:16px; font-weight:bold; color:#000; } .resultList dd {color:#666;} .resultList .msg { padding-top:23px; color:#666; } /* 마케팅 테스트 step1 - 정보입력 */ #marketingTest .registTbl { border:1px solid #b5b5b5; border-width:1px 0; } #marketingTest .registTbl .tbl {width:100%;} #marketingTest .registTbl th, #marketingTest .registTbl td { height:24px; font-size:11px; color:#666; } #marketingTest .registTbl .first-child th, #marketingTest .registTbl .first-child td {padding-top:13px;} #marketingTest .registTbl .last-child th, #marketingTest .registTbl .last-child td {padding-bottom:25px;} #marketingTest .registTbl th { width:80px; padding-left:1px; background:#f9f9f9; font-weight:normal; text-align:left; } #marketingTest .registTbl td { padding-left:7px; } #marketingTest .registTbl td * {vertical-align:middle;} #marketingTest .readonly {/* IE6에서 input[readonly] 속성 선택자가 안먹히기 때문에 클래스로... */ width:118px; height:19px; padding:0 0 0 6px; background:#dedede; border:none; font-size:11px; line-height:20px; color:#666; } #marketingTest .input { padding:0 0 0 6px; font-size:11px; line-height:18px; color:#666; } /* 표 스타일 */ .guideTbl .tbl {width:100%;} .guideTbl caption { padding:5px 0; font-size:11px; font-weight:bold; text-align:right; } .guideTbl thead th { padding:8px 0; background:#7aa4ca url('/_image/common/guideTblLine.gif') no-repeat right bottom; border:1px solid #6388aa; border-width:1px 0; color:#fff; line-height:14px; } .guideTbl thead th.first-child {border-left:1px solid #6388aa;} .guideTbl thead th.last-child {background:#7aa4ca url('/_image/common/guideTblLine2.gif') no-repeat right bottom;} .guideTbl tbody .first-child {border-left:1px solid #e4e5e1;} .guideTbl tbody th, .guideTbl tbody td { height:30px; background:url('/_image/common/guideTblLine3.gif') repeat-y right top; border-bottom:1px solid #e4e5e1; color:#666; } .guideTbl tbody th { padding:3px 10px; background:#fbfbfa url('/_image/common/guideTblLine3.gif') repeat-y right top; font-weight:normal; } .guideTbl tbody td { padding:3px 10px; text-align:center; } .guideTbl tbody .left {text-align:left} .guideTbl tbody .division {font-weight:bold;} .guideTbl tbody .right {text-align:right} .guideTbl tbody .justify {text-align:justify} .guideTbl tbody .color {color:#7AA4CA} /* 내용 스타일 (이미지항목 + 내용) */ .contentList {margin-top:34px;} .contentList dt {padding-bottom:18px;} .contentList dd, .contentList dd li strong {color:#666;} /*.contentList dd strong {color:#000;}*/ .contentList dd ul { margin:0; padding:0; list-style:none; } .contentList dd ol, .contentList dd p {margin:0 0 20px 0;} .contentList dd ol {padding:0 0 0 25px} .contentList dd ol .subject {width:173px;} .contentList dd .dot { margin-left:10px; padding-left:15px; background:url('/_image/common/dot0Mall.gif') no-repeat 0 7px; } .contentList dd .arrow { margin-left:10px; padding-left:15px; background:url('/_image/wing/marketing/dotMarketingTest.gif') no-repeat 0 center; } .contentList2 {clear:both;} .contentList2 dt { padding:0; font-size:14px; font-weight:bold; color:#000; } .contentList2 dd {padding:0 0 30px 25px;} .contentList2 .title {text-decoration:underline} .num { font-family:Verdana; color:#108cdc; } .contentList3 {margin-top:34px;} .contentList3 dt {padding-bottom:18px; border-bottom:1px solid #e5e5e5;} .contentList3 dd, .contentList3 dd li strong {color:#666;} /*.contentList3 dd strong {color:#000;}*/ .contentList3 dd ul { margin:0; padding:0; list-style:none; } .contentList3 dd ol, .contentList3 dd p {margin:0 0 20px 0;} .contentList3 dd ol {padding:0 0 0 25px} .contentList3 dd ol .subject {width:173px;} .contentList3 dd .dot { margin-left:10px; padding-left:15px; background:url('/_image/common/dot0Mall.gif') no-repeat 0 7px; } .contentList3 dd .arrow { margin-left:10px; padding-left:15px; background:url('/_image/wing/marketing/dotMarketingTest.gif') no-repeat 0 center; } .serviceGuide2 { float:left; width:335px; line-height:16px; margin:20px 10px 0 0; } .serviceGuide2 dt { padding:0 0 0 14px; background:url('/_image/wing/initial/check1.gif') no-repeat 0 2px; font-weight:bold; color:#696868; border:0; } .serviceGuide2 dt .rightbtn{float:right; margin-right:12px;} .serviceGuide2 dd { padding:8px 0 25px 14px; color:#999999; font-size:8pt; } .etc{clear:both; padding-top:50px; } .etc div{padding-bottom:20px; border-bottom:1px solid #e5e5e5;} .etc ul{padding:0;} .etc ul li{list-style:none; color:#999999; font-size:8pt; padding:0;} /* memo */ .memo { width:705px; margin-top:40px; padding-bottom:18px; background:url('/_image/common/bgMemoBottom.gif') no-repeat left bottom; } .memo dt { padding-bottom:7px; background:url('/_image/common/bgMemo.gif') no-repeat left bottom; font-size:0; line-height:0; } .memo dd {padding:8px 0 0 18px;} .memo dd ul { width:672px; margin:0; padding:0; list-style:none; } .memo dd .dot { padding:0 0 0 15px; background:url('/_image/common/dot0Mall.gif') no-repeat 0 7px; } #sellingRegistFinish { width:705px; height:372px; padding:46px 0 0 0; background:url('/_image/wing/management/bgSellingRegistStep2.gif') no-repeat; } #sellingRegistFinish .msg {margin-left:252px} #sellingRegistFinish .msg p {margin-bottom:28px} .serviceGuide { width:705px; line-height:16px; } .serviceGuide dt { padding:0 0 0 14px; background:url('/_image/wing/initial/check.gif') no-repeat 0 2px; font-weight:bold; color:#696868; border:0; } .serviceGuide dd { padding:0 0 0 14px; color:#696868; } .benefit { width:705px; height:285px; background:url('/_image/wing/initial/benefitLoop.gif') repeat-y; } .benefit ul { width:705px; margin:0; padding:0; list-style:none; } .benefit ul li { float:left; padding:0 0 0 25px; } .benefit ul li ul { clear:left; width:203px; margin-top:23px; background:none; } .benefit ul li li { float:none; padding:0 0 0 14px; background:url('/_image/wing/initial/check.gif') no-repeat 0 2px; } .package_tbl{width:705px; _width:695px; border-collapse:collapse; border:5px solid #3296d2;} .package_tbl tr td, .package_tbl tr th{border:1px solid #f2f2f2;} .package_tbl tr th{width:120px; border-left:none;} .package_tbl tr td{padding:3px 0px 3px 12px; font-size:8pt;} .package_tbl tr td.subject{width:150px; background-color:#fbfdfd; font-weight:normal; color:#666666;} .package_tbl tr td.star{width:60px;} .package_tbl tr td.price{width:60px; text-align:right; padding-right:5px;} .package_tbl tr td.orange{color:#eb6f00;} .package_tbl tr.gray td, .package_tbl tr.gray th{background-color:#fbfbfb;} /* 코로케이션 */ .IDCserviceList {width:705px;height:92px;margin-bottom:5px;background:url('/_image/wing/charge/06box_bg.gif') no-repeat;} .IDCserviceList dt {float:left;width:94px;height:92px;padding:0 0 0 88px;font-weight:bold;line-height:92px;text-align:center;} .IDCserviceList dd {float:right;width:470px;height:73px;padding:19px 0 0 0;text-align:left;} .IDC0 dt {background:url('/_image/wing/charge/06icon_01.gif') no-repeat 12px center;} .IDC1 dt {background:url('/_image/wing/charge/06icon_02.gif') no-repeat 12px center;height:62px;padding:30px 0 0 88px;line-height:16px;} .IDC2 dt {background:url('/_image/wing/charge/06icon_03.gif') no-repeat 12px center;} .IDC3 dt {background:url('/_image/wing/charge/06icon_04.gif') no-repeat 12px center;} .IDC3 dd {height:84px;padding:8px 0 0 0;} .IDC4 dt {background:url('/_image/wing/charge/06icon_05.gif') no-repeat 12px center;} .IDC5 dt {background:url('/_image/wing/charge/06icon_06.gif') no-repeat 12px center;} .IDC6 dt {background:url('/_image/wing/charge/06icon_07.gif') no-repeat 12px center;} .chamnunServiceGuide { height:303px; background:#fbfbfb; border:1px solid #eee; border-width:1px 0; } .chamnunServiceGuide dl { float:left; width:320px; margin:30px 0 0 30px; display:inline; } .chamnunServiceGuide dt { padding-bottom:9px; font-size:14px; font-weight:bold; color:#000; } .chamnunServiceGuide ul { margin:0; padding:0; list-style:none; } .chamnunServiceGuide li { padding:0 0 0 8px; background:url('/_image/common/dot1Mall.gif') no-repeat 0 8px; color:#666; } .guideAdminList { clear:both; width:705px; height:83px; margin-bottom:20px; padding-bottom:19px; background:#f5f5f5 url('/_image/wing/application/ad_box_down.gif') no-repeat left bottom; } .guideAdminList dl { width:705px; padding-top:19px; background:#f5f5f5 url('/_image/wing/application/ad_box_up.gif') no-repeat; } .guideAdminList dt { float:left; width:110px; margin-right:12px; padding-left:23px; background:url('/_image/wing/application/ad_arrow.gif') no-repeat right center; } .guideAdminList dd { font-size:11px; line-height:16px; } /* 설문조사 */ #layoutPoll {background:url('/_image/wing/bgLayout.gif') repeat-x} #layoutPoll #loginMenu {background:url('/_image/wing/hlmBg.gif') no-repeat} #layoutPoll #loginMenu li {background:url('/_image/wing/hlmBar.gif') no-repeat 0 5px} #layoutPoll #container {width:100%} #layoutPoll #header { width:980px; margin:0 auto; position:relative; } #layoutPoll #wrapper { margin-top:-2px; background:url('/_image/poll/bgWrapper.jpg') repeat-y center top; } #layoutPoll #contentArea { margin:0; background:url('/_image/poll/bgContentArea_loop.gif') repeat-y center top; } #layoutPoll #contentArea .box { background:url('/_image/poll/bgContentArea.jpg') no-repeat center top; } #layoutPoll #contentArea .box form {width:980px;margin:0 auto;} #layoutPoll #contentArea .subTitle { width:980px; margin:0 auto; } #layoutPoll #contentArea .body { width:667px; min-height:800px; height: auto !important; height:800px; margin:0 auto; padding:0 46px; position:relative; } #layoutPoll #contentArea .pollContent { margin-bottom:15px; padding-bottom:23px; } #layoutPoll #contentArea .pollContent legend { display:block; height:34px; padding:5px 0 0 66px; background:url('/_image/poll/dot.gif') no-repeat 12px 0; font-size:14px; font-weight:bold; color:#534741; } #layoutPoll #contentArea .pollContent p {padding:1px 0 1px 67px} #layoutPoll #contentArea .pollContent p * {vertical-align:middle} #layoutPoll #contentArea .pollContent p label {margin-right:3px;} #layoutPoll #contentArea .line1 {background:url('/_image/poll/line1.gif') no-repeat left bottom;} #layoutPoll #contentArea .line2 {background:url('/_image/poll/line2.gif') no-repeat left bottom;} #layoutPoll #contentArea .line3 {background:url('/_image/poll/line3.gif') no-repeat left bottom;} #layoutPoll #contentArea .line4 {background:url('/_image/poll/line4.gif') no-repeat left bottom;} #layoutPoll #contentArea .bottom { width:980px; height:335px; margin:-55px auto 0 auto; background:url('/_image/poll/bgContentArea_bottom.jpg') no-repeat; text-align:center; } /* 회사소개 메인 요소 */ .mainBoardList {position:absolute;top:17px;right:25px;} .mainBoardList ul {margin:0;padding:0;list-style:none;} .mainBoardList ul li a {font-size:11px;} .mainBoardList ul li span {color:#6c3636} .mainBlogList {position:absolute;top:123px;right:20px;} .mainBlogList ul {margin:0;padding:0;list-style:none;} .mainBlogList ul li a {font-size:11px;} .mainBlogList ul li span {color:#6c3636} .faqqna {width:100%; min-height:290px; margin-top:50px; border:1px solid #dbe1e6; border-top:0px;} .faqqna #contentLayerList {width:100%; height:40px; background:url('/_image/wing/faq/bg_tabline.gif') repeat-x left top; text-align:left;} .faqqna #contentLayerList ul {margin:0; padding:0; font-size:0; line-height:0;} .faqqna #contentLayerList li {list-style:none; float:left;} .faqqna #contentLayerList li img {vertical-align:top;} .faqqna .faqqnacnt {clear:both; padding:20px 0;} .faqqna .paging {padding:15px 0 0 0;} .faqqna .tbl {width:95%; margin:0 auto; border-top:1px solid #dbe1e6;} .faqqna th, .faqqna td {padding-top:8px; padding-bottom:8px;} .faqqna td.line {height:1px; background:#dbe1e6; padding:0; font-size:0; line-height:0;} .faqqna #faqqna0 th {width:88%; padding-left:10px; font-weight:normal; text-align:left;} .faqqna #faqqna0 td {width:12%;} .faqqna #faqqna0 td .answer {padding:10px; background:#fafafa; border-bottom:1px solid #dbe1e6; color:#808080;} .faqqna #faqqna0 td .estimation {padding:5px 10px; font-size:11px; line-height:14px;} .faqqna #faqqna0 td .estimation * {vertical-align:middle} .faqqna #faqqna0 td .estimation input {margin:0 0 5px 20px;} .faqqna #faqqna1 th {color:#000;} .faqqna #faqqna1 td {text-align:center;} .faqqna #faqqna1 td.subject {padding-left:5px; text-align:left;} .faqqna #faqqna1 td, .faqqna #faqqna1 td a {color:#4c4c4c;} .peoplenavi {margin-top:41px} .peoplenavi dl {clear:both; padding-bottom:2px;} .peoplenavi dl dt {width:60px; margin:0; padding:0 0 0 14px; float:left; background:url('/_image/people/bullet_arrow.gif') no-repeat 5px 45%;} .peoplenavi dl dt, .peoplenavi dl dt a {font-size:11px; color:#808080;} .peoplenavi dl dd {margin:0; padding:0; float:left;} .peoplenavi dl dd, .peoplenavi dl dd a {font-size:11px; font-weight:bold; color:#73b2cb;} .peoplenavi dl dd a:hover {color:#01aef2;} #people .banner {margin-bottom:60px;} #people .peoplenavi {float:left; margin-top:0} #people .peoplenavi h2 {clear:both; padding-bottom:7px;} /* 호스팅 - 웹호스팅, 이미지호스팅 */ .hostGuide .prdguide {width:100%; border-collapse:collapse; border-bottom:1px solid #e4e5e1; border-right:1px solid #e4e5e1;} .hostGuide .prdguide caption {display:none;} .hostGuide .prdguide thead th {height:27px; border:1px solid #6388aa; background:#7aa4ca; color:#fff;} .hostGuide .prdguide tbody td {padding:2px 0; border-left:1px solid #e4e5e1; border-bottom:1px solid #e4e5e1; text-align:center;} .hostGuide .prdguide tbody td.level {background:#fbfbfa; text-align:left; padding-left:10px;} .hostGuide .prdguide tbody td.red {color:#ff0000;} .hostGuide .prdguide tbody td.right {text-align:right; padding-right:20px;} .hostGuide .prdguide tbody td.left {text-align:left; padding-left:20px;} .hostGuide .prdguide2 {width:60%; border-collapse:collapse; border:1px solid #e4e5e1;} .hostGuide .prdguide2 caption {display:none;} .hostGuide .prdguide2 th {height:27px; border-bottom:1px solid #e4e5e1; background:#fbfbfa; font-weight:normal; text-align:left; padding-left:10px;} .hostGuide .prdguide2 td {padding:2px 0; border-left:1px solid #e4e5e1; border-bottom:1px solid #e4e5e1; text-align:center;} .hostGuide .prdguide2 td.right {text-align:right; padding-right:20px;} .hostGuide dl {padding-top:20px;} .hostGuide dl dt {font-size:13px;font-weight:bold;} .hostGuide .btn {padding:40px 0; text-align:center;} /* 관리자 접속 *******************************************************************************************************************************************************************************/ #commonLogin{width:100%;height:100%;background:url('/_image/adminLogin/bg2.gif') no-repeat center center;} #commonLogin .box{ width:979px; height:699px; margin:-350px 0 0 -439px; position:absolute; top:50%; left:50%; color:#666; } #commonLogin h1{ position:absolute; top:41px; left:569px; } #commonLogin h2{margin-bottom:26px;} #commonLogin h3{margin-bottom:9px;} #commonLogin form *{vertical-align:middle;} #commonLogin form p{margin-bottom:7px;} #commonLogin form .input{ width:192px; height:28px; margin-right:13px; padding:0 8px; background:url('/_image/adminLogin/inputBg.gif') no-repeat; line-height:28px; } #commonLogin .notice { float:left; width:366px; height:172px; padding:49px 29px; background:#fff; position:absolute; top:83px; left:1px; } #commonLogin .notice p {margin-bottom:10px;} #commonLogin .adminFrm{ float:left; width:375px; margin:115px 0 0 0; padding:0 0 0 50px; display:inline; } #commonLogin .adminFrm .guide p{margin:0 0 25px 0} #commonLogin .adminFrm .btn{ padding:0 0 67px 0; text-align:left; } #commonLogin .subAdminFrm{ float:left; width:365px; margin:190px 0 0 0; padding:0 0 0 54px; display:inline; } #commonLogin .subAdminFrm .guide p{margin:0 0 13px 0} #commonLogin .subAdminFrm .btn{ padding:0 0 75px 0; text-align:left; } #commonLogin .banner{ width:134px height:323px; overflow:hidden; font-size:0; line-height:0; position:absolute; top:156px; right:0; } *:first-child+html #commonLogin .banner{top:155px;}/* IE7 Hack */ *html #commonLogin .banner{right:-2px;}/* IE6 Hack */ #commonLogin .msg{ position:absolute; bottom:0; left:22px; } #commonLogin label{margin-right:10px;} #commonLogin .check{margin:0 6px 0 0;} *:first-child+html #commonLogin .check{margin:0 0 0 -4px;}/* IE7 Hack*/ *html #commonLogin .check{margin:0 0 0 -4px;}/* IE6 Hack */ #commonLogin .subAdminFrm .btn {margin:30px 0 10px 0;} /* 관리자 접속 선택 */ .mySelectInfo {width:258px; height:28px; position:relative; z-index:1000;} .mySelectInfo .title {display:block; width:254px; height:28px; cursor:pointer;} .mySelectInfo ul {width:252px; margin:0; padding:1px 0 0 0; list-style:none; border:3px solid #94969b; border-top:none; position:absolute; top:28px; left:0; font-size:0; line-height:0;} .mySelectInfo li {width:252px; background:#fafafa; overflow:hidden;} .mySelectInfo li.first-child {border-top:none;} .mySelectInfo label {float:left; width:184px; margin:0; padding:5px 0 0 15px; font-family:Verdana; font-size:11px; font-weight:bold; letter-spacing:-1px; color:#4d4d4d} .mySelectInfo label span {font-weight:normal; color:#999;} .mySelectInfo input {float:right; margin:5px 10px 5px 0; padding:0;} /* 도메인기관이전 */ .domainSearch{ width:609px; height:192px; margin:20px 0 25px; padding:48px 47px 0 47px; background:url('/_image/domain/box_search.gif') no-repeat; } .domainSearch textarea{ float:left; width:144px; height:148px; padding:7px 11px; border:1px solid #d9d9d9; color:#66712b; line-height:120%; } .domainSearch ul{ float:right; width:425px; color:#696969; line-height:160%; } .domainSearch li{ padding-left:10px; background:url('/_image/domain/hyphen2.gif') no-repeat 0 50%; } .domainMsg{ margin:0; padding:0; list-style:none; line-height:140%; } .domainMsg .num{ padding:14px 0 10px; } .domainMsg, .domainMsg *{color:#8c8c8c;} .domainMsg ul{ margin:7px 0 7px 20px; padding:0; list-style:none; text-align:left; } .domainMsg p{ margin:7px 0 7px 20px; text-align:left; } .domainMsg p strong{ font-weight:normal; color:#66741f; } .domainMsg ul li{ padding-left:10px; background:url('/_image/domain/hyphen2.gif') no-repeat 0 8px; } .domainMsg .tblVertical{ margin-top:20px; } .tblVertical { width:680px; margin:0 auto; } .tblVertical caption{ padding:10px; text-align:right; color:#666; } .tblVertical thead th{ height:34px; background:url('/_image/domain/bg_tblVertical_top.gif') repeat-x; border-left:2px solid #d9d9d9; color:#666; font-size:8pt; } .tblVertical thead th.first{ width:7px; height:34px; background:url('/_image/domain/bg_tblVertical_topLeft.gif') no-repeat left top; border:0; } .tblVertical thead th.last{ width:7px; height:34px; background:url('/_image/domain/bg_tblVertical_topRight.gif') no-repeat right top; } .tblVertical tfoot td{ border-top:0; border-right:0; border-bottom:2px; border-left:0; } .tblVertical tfoot td.first{ width:7px; height:7px; background:url('/_image/domain/bg_tblVertical_bottomLeft.gif') no-repeat left bottom; border:0; } .tblVertical tfoot .last{ width:7px; height:7px; background:url('/_image/domain/bg_tblVertical_bottomRight.gif') no-repeat right bottom; border:0; } .tblVertical tbody th{ padding:5px 0; border-color:#d9d9d9; border-width:1px 0 0 2px; border-style:solid; text-align:center; line-height:160%; color:#666; } .tblVertical td{ padding:5px 0; border-color:#d9d9d9; border-width:1px 0 0 2px; border-style:solid; text-align:center; line-height:160%; color:#666; } .tblVertical td .input{ height:17px; } .tblVertical thead .noLine, .tblVertical tfoot .noLine{ border:0; } .tblVertical tbody .noLine{ border-left:0; border-right:2px; } .tblVertical .mid_left{ border-left:2px solid #d9d9d9; border-right:0; } .tblVertical .mid_right{ border-left:0; border-right:2px solid #d9d9d9; } .tblVertical .price{ padding-right:20px; text-align:right; } .tblVertical td.cnt { padding:14px; text-align:left; } .tblVertical td.cnt ul{margin:0;padding:0;list-style:none;} .tblVertical td.cnt ul li{ padding-left:10px; background:url('/_image/domain/dot.gif') no-repeat 0 8px; } .tblVertical td img{ margin-bottom:2px; vertical-align:middle; } .tblVertical .first th, .tblVertical .first td{border-top:none;} .tblVertical td.bottom { width:680px; height:7px; border:0; background:url('/_image/domain/tabBottom.gif') no-repeat left bottom; } .tblVertical td.bottom1 { width:680px; height:7px; padding:0; border:0; background:url('/_image/domain/tabBottom1.gif') no-repeat left bottom; } .tblVertical td.bottom2 { width:680px; height:7px; padding:0; border:0; background:url('/_image/domain/tabBottom2.gif') no-repeat left bottom; } .tblVertical td.bottom3 { width:680px; height:7px; padding:0; border:0; background:url('/_image/domain/tabBottom3.gif') no-repeat left bottom; } .tblVertical td.bottom4 { width:680px; height:7px; padding:0; border:0; background:url('/_image/domain/tabBottom4.gif') no-repeat left bottom; } .writeFrm{ width:703px; padding-top:10px; background:url('/_image/domain/bg_sFrm_top.gif') no-repeat; } .writeFrm fieldset{ width:703px; padding-bottom:11px; background:url('/_image/domain/bg_sFrm_bottom.gif') no-repeat left bottom; } .writeFrm *{vertical-align:middle;} .writeFrm .tbl{ width:703px; border:2px solid #cfcfcf; border-width:0 2px; } .writeFrm th, .writeFrm td{border-top:1px solid #e0e0e0;} .writeFrm .first th, .writeFrm .first td{border-top:0;} .writeFrm th{ width:100px; padding:0 0 0 22px; background:#f2f2f2; color:#666; text-align:left; } .writeFrm td{ padding:3px 0 3px 14px; line-height:160%; vertical-align:middle; word-break:break-all; word-wrap:word-break; } .writeFrm td *{vertical-align:middle;} .writeFrm td .btn{ margin-left:5px; padding:0; cursor:pointer; } .writeFrm label{cursor:pointer;} .writeFrm .input {height:17px;} .writeFrm .btn{ padding:21px 0 0; } .domainScroll { height:70px; padding:19px; border:1px solid #e1e1e1; overflow-y:scroll; font-size:11px; color:#666; scrollbar-highlight-color:#fff; scrollbar-3dlight-color:#d2dada; scrollbar-face-color:#fff; scrollbar-shadow-color:#d2dada; scrollbar-darkshadow-color:#fff; scrollbar-track-color:#f6f8f8; scrollbar-arrow-color:#aebdbd; } /* payment7 (현금영수증페이지) */ #payment7 .bold{font-weight:bold;} #payment7 .skyblue{color:#2cb9e5;} #payment7 td.arrow{background:url(http://file.wisa.co.kr/_image/wing/operation/payment/arrow.gif) no-repeat left 5px; padding-left:25px; height:55px; vertical-align:top; padding-top: 5px;} #payment7 table.payTbl1{width:100%;} #payment7 table.payTbl1 th{background-color:#7aa4ca; color:#FFF; font-size:8pt; height:25px; border:1px solid #6388aa;} #payment7 table.payTbl1 td{border:1px solid #e6e6e6; font-size:8pt; color:#959595; padding:10px;} #payment7 table.payTbl1 td.center{text-align:center;} .hide { position:absolute; top:-500000px; left: -500000px; visibility:hidden; width:0; height:0; overflow:hidden; font:0; } /* 사진촬영 대행 */ #photograph1 { margin:50px 0; } #photograph1 ul { margin:0; padding:0; list-style:none; } #photograph1 dt { padding-bottom:25px; } .photo_service_tab { width:705px; height:130px; background:url('/_image/wing/management/photograph1/tab_bg.gif') no-repeat; position:relative; } .photo_service_tab a { display:block; } .photo_service_tab li { float:left; padding-left:1px; background:url('/_image/wing/management/photograph1/tab_bar.gif') no-repeat 0 21px; position:relative; } .photo_service_tab li li{ background-position:0 7px; } .photo_service_tab li.first-child { padding-left:2px; background:none; } .photo_service_tab ul { clear:left; width:300px; position:absolute; top:-51000px; left:0; white-space:nowrap; } .photo_service { width:705px; height:341px; background:url('/_image/wing/management/photograph1/service.jpg') no-repeat; } .photo_service0 { width:705px; height:1010px; background:url('/_image/wing/management/photograph1/service0.jpg') no-repeat; } .photo_service1 { width:705px; height:646px; background:url('/_image/wing/management/photograph1/service1.jpg') no-repeat; } .photo_service2 li { float:left; padding:12px 0 0 12px; } .photo_service2 li.first-child { padding-left:3px; } #photograph1_1 h2 { width:653px; height:73px; margin:0 auto; text-align:center; } .photo_portfolio_msg { width:651px; height:32px; margin:0 auto; } .photo_portfolio_list { width:655px; margin:0 auto; padding:2px 0 0 2px; background:#f6f6f6 url('/_image/wing/management/photograph1/portfolio_list_top.gif') no-repeat left top; position:relative; } .photo_portfolio_list ul { width:652px; margin:0; padding:0; list-style:none; } .photo_portfolio_list li { float:left; margin:1px 0 0 1px; border:5px solid #000; display:inline;/* IE6 double margin bug 처리 */ } .photo_portfolio_list li.no_link { border:0; } .photo_portfolio_list li img { vertical-align:top; } .photo_portfolio_list a { display:block; } .photo_portfolio_list_bottom { clear:both; height:3px; margin:0 0 0 -2px; background:url('/_image/wing/management/photograph1/portfolio_list_bottom.gif') no-repeat; font-size:0; line-height:0; position:relative; } /* OVS */ #layoutOVS #contentArea {min-height:200px; height: auto !important; height:200px; margin:0;} #layoutOVS #navigation {display:none;} /* WWW */ /* #layoutWWW {background:#fff url('/_image/www/bg_layout.gif') repeat-x;} 2010.06.28 */ #layoutWWW {background:#fff;} #wwwContainer {width:960px; margin:0 auto; background:#fff} /* #wwwHeader {position:relative; width:100%; height:152px; background:url('/_image/www/bg_header.jpg') no-repeat;} 2010.03.02 */ /* #wwwHeader {position:relative; width:100%; height:152px; background:url('/_image/www/bg_header.gif') no-repeat;} 2010.06.01 */ #wwwHeader {position:relative; width:100%; height:186px; background:url('/_image/www/bg_header.jpg') no-repeat;} /* #wwwLogo {position:absolute; top:21px; left:440px; width:82px; height:68px;} 2010.02.16, 2010.03.02 */ /* #wwwLogo {position:absolute; top:0; left:328px; width:275px; height:105px;} 2010.06.01 */ /* #wwwLogo {position:absolute; top:0; left:365px; width:275px; height:105px;} 2010.06.28 */ #wwwLogo {position:absolute; top:30px; left:339px; width:119px; height:33px;} #wwwLogo a {display:block;} #setWISA {position:absolute; top:15px; right:0;} #setWISA dd {float:left; font-size:0; line-height:0;} #setWISA strong {color:#989898;} #setWISA dd img {cursor:pointer;} #topNavigation {position:absolute; top:141px; left:0; width:660px; margin:0; padding:0; list-style:none;} #topNavigation .big {float:left; margin:0; padding:0; background:url('/_image/www/bar_tn.gif') no-repeat 0 16px; display:inline;} #topNavigation .big a {display:inline-block; height:28px; padding:16px 19px 0 20px;} #topNavigation .big * {float:none; font-size:11px; font-weight:normal;} #topNavigation .big ul {width:85px; margin:12px 0 0 0; padding:0; list-style:none; height:0; overflow:hidden;} #topNavigation .first-child {background:none;} #topNavigation .first-child a{padding-left:26px;} #topNavigation .more {position:absolute; top:16px; right:311px;} #wwwWrapper {float:left; width:100%;} .index #wwwWrapper {background:url('/_image/www/bg_wrapper.gif') repeat-y;} #wwwCnt {min-height:710px; height: auto !important; height:710px;} .index #wwwCnt {padding:8px 10px 10px 10px; background:url('/_image/www/bg_cnt.gif') no-repeat left bottom;} #wwwCnt .more {position:absolute; top:0; right:0; display:block; padding:10px 15px;} #wwwCnt .box {clear:both; height:168px; margin:10px 0 0 0; border:1px solid #dbe1e6;} #wwwCnt .categoryList {float:left; width:128px; border-right:1px solid #e8e8e8; position:relative;} #wwwCnt .categoryList .title {border-bottom:1px solid #efefef} #wwwCnt .categoryList ul {width:114px; height:125px; margin:0; padding:12px 0 0 14px; list-style:none; background:#fcfcfc; line-height:140%;} #wwwCnt .categoryList a {font-size:11px; letter-spacing:-1px; color:#4d4d4d;} #wwwCnt .categoryList a:hover {color:#00aeef;} #wwwCnt .categoryList a.now {padding-right:8px; background:url('/_image/www/icon_arrow0.gif') no-repeat right 3px; font-weight:bold; text-decoration:underline; color:#00aeef;} #wwwCnt .categoryList .portfolio {position:absolute; bottom:0; left:0; width:114px; height:20px; padding:4px 0 0 14px; background:#ebeaea; font-size:11px; font-weight:bold; color:#747474;} #wwwCnt .categoryList .portfolio .arrow {margin:0 0 2px 0;} #wwwCnt .categoryList .portfolio:hover {color:#747474;} #wwwCnt .content {float:left; position:relative; width:519px; height:168px; overflow-y:hidden;} #wwwCnt .content .title {height:26px; padding:4px 0 0 20px; border-bottom:1px solid #efefef; background:#fafafa; letter-spacing:-1px;} #wwwCnt .content .title .name {font-size:11px; font-weight:bold; color:#000;} #wwwCnt .content .msg{font-size:11px; font-weight:normal; color:#808080; letter-spacing:-1px;} #wwwCnt #leftSide {float:left; width:650px;} #wwwCnt #rightSide {float:right; width:280px;} #wwwCnt #myServiceLogin {width:278px; height:168px; margin:0 0 10px 0; border:1px solid #bdc4c5;} #wwwCnt #myServiceLogin .btn {padding:0;} #wwwCnt #myServiceLogin .login, #wwwCnt #myServiceLogin .logout {width:258px; height:127px; padding:10px 9px 0 9px; border:1px solid #fff; border-bottom:none; background:#fafafa;} #wwwCnt #myServiceLogin .login fieldset {height:67px; margin:0; padding:0;} #wwwCnt #myServiceLogin .login fieldset .fld {clear:both;} #wwwCnt #myServiceLogin .login fieldset .fld * {float:left;} #wwwCnt #myServiceLogin .login fieldset .fld label {position:absolute; top:-3000px;} #wwwCnt #myServiceLogin .login fieldset .fld .input, #wwwCnt #myServiceLogin .login fieldset .fld .input_login_id, #wwwCnt #myServiceLogin .login fieldset .fld .input_login_pwd {width:150px; height:25px; margin:0 0 3px 0; padding:0 9px; border-top:1px solid #a4a4a4; border-right:1px solid #dadada; border-bottom:1px solid #dadada; border-left:1px solid #a4a4a4; line-height:25px;} #wwwCnt #myServiceLogin .login fieldset .fld .input_login_id {background:#fff url('/_image/www/bg_fld_login.gif') no-repeat 10px 2px;} #wwwCnt #myServiceLogin .login fieldset .fld .input_login_pwd {background:#fff url('/_image/www/bg_fld_pwd.gif') no-repeat 10px 2px;} #wwwCnt #myServiceLogin .login fieldset .checkbox {height:23px; padding:7px 0 0 0;} #wwwCnt #myServiceLogin .login fieldset .checkbox * {display:block; float:left;} #wwwCnt #myServiceLogin .login fieldset .checkbox label {padding-left:5px; font-size:11px; line-height:18px; color:#4d4d4d;} #wwwCnt #myServiceLogin .login fieldset .checkbox input {vertical-align:middle;} #wwwCnt #myServiceLogin .login .link {clear:both; height:57px; margin:0; padding:0; list-style:none;} #wwwCnt #myServiceLogin .login .link li {display:inline; padding:0 0 0 5px; background:url('/_image/www/bar.gif') no-repeat 0 3px; font-size:11px; color:#808080; letter-spacing:-1px;} #wwwCnt #myServiceLogin .login .link li.noBar {margin:0; padding:0 0 0 30px; background:none;} #wwwCnt #myServiceLogin .login .link li.joinBtn {clear:both; display:block; height:28px; margin:0 0 8px 0; padding:0; background:none; font-size:0; line-height:0;} #wwwCnt #myServiceLogin .login .link a:hover {color:#00aeef;} #wwwCnt #myServiceLogin .logout .msgRound {height:21px; position:relative;} #wwwCnt #myServiceLogin .logout .msg {width:267px; height:21px; padding-left:9px; border-bottom:1px solid #e5eaed; color:#4c4c4c; position:absolute; top:0; left:-9px;} #wwwCnt #myServiceLogin .logout .msg .name {color:#4d4d4d;} #wwwCnt #myServiceLogin .logout .msg .id {font-family:Verdana; font-size:10px; color:#808080;} #wwwCnt #myServiceLogin .logout .notice {width:; margin:10px 0; padding:0 0 0 15px; background:url('/_image/www/bullet_notice.gif') no-repeat 1px 3px;} #wwwCnt #myServiceLogin .logout .notice a {font-size:11px; color:#999;} #wwwCnt #myServiceLogin .logout .notice a:hover {color:#00aeef;} #wwwCnt #myServiceLogin .logout .notice strong {color:#808080;} #wwwCnt #myServiceLogin .logout .link {text-align:left;} #wwwCnt #myServiceLogin .logout .link a {display:block; float:left; margin-top:5px; } #wwwCnt #myServiceLogin .logout .link a.joinBtn {margin-right:0; margin-left:0; padding:0;} #wwwCnt #myServiceLogin .logout .link a.addBtn {margin-right:2px; margin-left:2px;} #wwwCnt #myServiceLogin .quickLink {width:278px; height:30px; background:url('/_image/www/bg_quickLink.gif') repeat-x;} #wwwCnt #myServiceLogin .quickLink .leftBtn {float:left; margin:10px 0 0 7px; display:inline;} #wwwCnt #myServiceLogin .quickLink .rightBtn {float:left; margin:10px 0 0 0;} #wwwCnt #myServiceLogin .quickLink ul {margin:0; padding:0; list-style:none;} #wwwCnt #myServiceLogin .quickLink li {float:left; padding:10px 11px 0 11px; background:url('/_image/www/bar_quickLink.gif') no-repeat 0 10px;} #wwwCnt #myServiceLogin .quickLink li a {float:left;} #wwwCnt #myServiceLogin .quickLink li.first-child {} #wwwCnt #customerCenter {position:relative; width:278px; border:1px solid #dbe1e6; border-bottom:none;} #wwwCnt #customerCenter .title, #wwwCnt #domainSearch .title {height:22px; padding:9px 0 0 16px; border-bottom:1px solid #cfcfcf; background:url('/_image/www/bg_title.gif') no-repeat;} #wwwCnt #customerCenter .guide0 {height:49px; margin:0; padding:0; list-style:none; font-size:0; line-height:0;} #wwwCnt #customerCenter .guide0 li {float:left; border:1px solid #cfd5d7; border-width:0 0 1px 1px;} #wwwCnt #customerCenter .guide0 li.first-child {border-left:0;} #wwwCnt #customerCenter .tel {display:block; width:124px; margin:0 auto} #wwwCnt #customerCenter .guide1 {height:79px; margin:0; padding:10px 0 0 10px; background:#fcfcfc} #wwwCnt #customerCenter .guide1 ul {float:left; margin:0 7px; padding:0; list-style:none} #wwwCnt #customerCenter .guide1 li {padding:1px 0 0 0; font-size:11px; line-height:14px; letter-spacing:-1px; color:#808080} #wwwCnt #domainSearch {position:relative; width:278px; height:168px; border:1px solid #dbe1e6;} #wwwCnt #domainSearch fieldset {margin:0; padding:14px 0 0 13px} #wwwCnt #domainSearch fieldset * {vertical-align:middle} #wwwCnt #domainSearch fieldset .fld label {font-family:Verdana; font-size:14px; font-weight:bold; color:#000} #wwwCnt #domainSearch fieldset .fld .input {width:148px; height:20px; border-top:1px solid #a4a4a4; border-right:1px solid #dadada; border-bottom:1px solid #dadada; border-left:1px solid #a4a4a4;} #wwwCnt #domainSearch fieldset .checkbox {padding:0 0 0 51px;} #wwwCnt #domainSearch fieldset .checkbox label {font-family:Verdana; font-size:10px; color:#999} #wwwCnt #domainSearch fieldset .msg {padding:4px 0; text-align:center; color:#4d4d4d;} #wwwCnt #domainSearch fieldset .msg strong {color:#00aeef;} #wwwCnt #domainSearch .quickLink {width:278px; height:20px; margin:0; padding:6px 0 0 0; list-style:none; background:#f5f6f7;} #wwwCnt #domainSearch .quickLink li {display:inline; padding:0 3px 0 9px; background:url('/_image/www/bar.gif') no-repeat 0 3px; font-size:11px;} #wwwCnt #domainSearch .quickLink li.first-child {padding-left:10px; background:none;} #wwwCnt #banner {width:278px; height:120px; border:1px solid #dbe1e6; border-top:none;} #wwwCnt #banner ul {margin:0; padding:0; list-style:none;} #wwwFooter {clear:both; width:100%; height:150px; padding:20px 0 0 0; background:#fff url('/_image/www/bg_footer.gif') no-repeat 0 20px; text-align:center;} .event #wwwFooter {display:none;} #wwwFooter .guide {height:58px; margin:0 0 19px 0; padding:1px 0 0 4px; list-style:none;} #wwwFooter .guide dd {float:left; padding:0 0 0 1px; text-align:left;} #wwwFooter .guide dd.line {background:url('/_image/www/bn_footer_bar.gif') no-repeat 0 4px;} #wwwFooter .guide dd ul {clear:both; margin:10px 0 0 0; padding:0; list-style:none;} #wwwFooter .guide dd li {padding:7px 0 0 0; margin:0; font-size:11px; line-height:11px; letter-spacing:-1px;} #wwwFooter .guide dd li .icon {margin:0 4px 2px 0;} #wwwFooter .guide dd li * {vertical-align:middle} #wwwFooter .guide dd li a {color:#4d4d4d} #wwwFooter .guide dd li a:hover{color:#00aeef;} #wwwFooter .info {clear:both; width:676px; margin:0 auto; text-align:center; letter-spacing:-1px;} #wwwFooter .info dt, #wwwFooter .info dd {float:left; font-size:11px;} #wwwFooter .info dt {font-weight:bold; color:#00aeef;} #wwwFooter .info ul {margin:0; padding:0 16px 0 0; list-style:none;} #wwwFooter .info li {display:inline; padding:0 1px 0 7px; background:url('/_image/www/bar_footer.gif') no-repeat 0 1px; font-size:11px;} #wwwFooter .info li.first-child {padding-left:19px;background:none;} #wwwFooter .info li .partner{font-weight:bold;} #wwwFooter .info li a {color:#808080} #wwwFooter .info li a:hover {color:#00aeef;} #wwwFooter .copyright {letter-spacing:0;}