/* Rightbrain publishing Team Author : 임태우 2011.02.13 */ /* base */ body { margin:0; padding:0; background-color:#fff; -webkit-text-size-adjust:none; } img, fieldset { border:0 none;} dl, ul, ol, li {list-style: none outside none;} hr {display:none;} html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin:0; padding:0; font-family:'Apple-Gothic', '돋움', 'Dotum', '굴림', 'gulim', 'Helvetica'; font-size: 100%; } article,aside,details,figcaption,figure, footer,header,hgroup,menu,nav,section {display:block;} a { text-decoration: none; text-overflow:ellipsis; -o-text-overflow:ellipsis; color:#064e95;} a:link, a:hover, a:active {text-decoration:none;} input, select, textarea {font-size:100%; vertical-align:middle;} em {font-style:normal;} img {vertical-align:top;} /* 템플릿 */ header { height:100px; overflow:hidden; padding:0 31px; background:#ffffff; background:-webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#ffffff)); background:-moz-linear-gradient(top,#ffffff, #ffffff); } header hgroup {clear:both; margin:21px 0 0;} header hgroup * {float:left; display:inline;} header hgroup h2 {margin:16px 0 0 30px;} header #sclink { position:absolute; text-align:center; top:30px;} header #sclink li {float:center; display:inline; padding-left:0px;} #navi {position:relative; background:#512f7b; overflow:hidden; height:67px; border-top:2px solid #331e52; border-bottom:2px solid #331e52; z-index:5;} #navi ul li { float:left; display:inline; font-size:2em; line-height:66px; width:33%; text-align:center; overflow:hidden; } #navi ul li.tab1 {width:34%; margin-left:-4px;} #navi ul li.tab2 {border-left:2px solid #663b9b; border-right:2px solid #663b9b;} #navi ul li.tab3 {} #navi ul li a {color:#fff; position:relative; display:block; } #navi ul li a.current {background:#fdf9f1; color:#000; display:block; line-height:57px; height:60px; margin:10px 10px 0; -webkit-border-top-left-radius:7px; -webkit-border-top-right-radius:7px; -moz-border-radius-topleft:7px; -moz-border-radius-topright:7px; } #navi .blaze { position:absolute; top:0; left:0; width:100%; height:35px; background-color:rgba(255, 255, 255, 0.1); z-index:0; } #navi_sub {position:relative; background:#d5c1ed; overflow:hidden; height:67px; z-index:5;} #navi_sub ul li { float:left; display:inline; font-size:2em; line-height:66px; width:33%; text-align:center; overflow:hidden; } #navi_sub ul li.tab1 {width:34%; margin-left:-4px;} #navi_sub ul li.tab2 {border-left:2px solid #8f69be; border-right:2px solid #8f69be;} #navi_sub ul li.tab3 {} #navi_sub ul li a {color:#000; position:relative; display:block; } #navi_sub ul li a.current {background:#fdf9f1; color:#000; display:block; line-height:57px; height:60px; margin:10px 10px 0; -webkit-border-top-left-radius:7px; -webkit-border-top-right-radius:7px; -moz-border-radius-topleft:7px; -moz-border-radius-topright:7px; } #navi_sub .blaze2 { position:absolute; top:0; left:0; width:100%; height:35px; background-color:rgba(255, 255, 255, 0.1); z-index:0; } /* footer {text-align:center; background:#fff6e5; border-top:4px solid #efe8d8; padding:25px 0;} .copy {color:#89847b; text-align:center; margin-bottom:10px;} .gotop {background:url(./img/icon_home.png) no-repeat 0 48%; padding-left:15px; color:#603913; margin-right:20px; font-size:1.2em; font-weight:bold;} .f_btn {display:inline-block; background:#d5d5d5; padding:4px 8px 2px 10px; line-height:30px; font-size:1.25em; text-shadow:1px 1px 1px #fff; -webkit-border-radius:5px; -webkit-box-shadow:2px 2px 2px #a49e93; -moz-border-radius:5px; -moz-box-shadow:2px 2px 2px #a49e93; }*/ /* 2011-02-21 임태우 수정 */ footer {border-top:2px solid #cccccc; background:#eeeeee;} footer header {background:none; border-bottom:2px solid #c7c7c7; height:52px; position:relative; font-size:1.5em; padding:0 40px;} footer header .b_down {position:absolute; left:40px; top:8px; background:url(../../Local%20Settings/Temporary%20Internet%20Files/Content.IE5/img/pdf.png) no-repeat 0 0; padding:4px 0 4px 43px;} footer header .gotop {position:absolute; right:40px; top:13px; background:url(../../Local%20Settings/Temporary%20Internet%20Files/Content.IE5/img/icon_home.png) no-repeat 0 48%; padding:0 0 0 28px; } footer p {clear:both; text-align:center; color:#808080; padding:15px 0 30px;} .fsc_wrap {border-top:4px solid #dfe0e0; text-align:center; } .fsc_wrap ul {margin:23px auto; width:460px; clear:both;} .fsc_wrap ul li {float:left; background:url(../../Local%20Settings/Temporary%20Internet%20Files/Content.IE5/img/bar.png) no-repeat 0 48%; font-size:1.9em; padding:0 28px;} .fsc_wrap ul li.first {background:none;} .phone {border:0 none; border-top:2px solid #eee4cf; border-bottom:1px solid #d5d5d5; background:#fdfbf5; padding:40px 0; color:#064e95;} .phone dl {background:url(./img/img_phone.png) no-repeat 0 7px; padding-left:85px; width:390px; margin:0 auto;} .phone dt {font-size:2.1em; text-align:left; letter-spacing:-0.12em;} .phone dd {font-size:2.5em; text-align:left; font-weight:bold;} .svc_int {overflow:show;} .svc_int dl {position:relative; width:100%; height:440px; text-align:center;} .svc_int dl.first {border:o none;} .svc_int dl.first dd {padding-top:28px;} .svc_int dl.icon {background:#8f69be; position:relative; width:100%; height:110px;} .svc_int dl.company {position:relative; width:100%; height:1093px;} .svc_int dl.product1 {position:relative; width:100%; height:968px;} .svc_int dl.product {position:relative; width:100%; height:1358px;} .svc_int dl.customer {position:relative; width:100%; height:530px;} .svc_int dl dt2 {position:absolute; top:10px; text-align:center;} .svc_int dl dt {position:absolute; top:0px; left:0; text-align:center;} .svc_int dl dt img {vertical-align:top; text-align:center; } .svc_int dl dd { font-size:1.80em; vertical-align:middle; height:165px; padding-left:175px; letter-spacing:-0.1em; padding-top:45px;} .svc_info {padding:40px; text-align:center;} .svc_info img {width:100%;} .svc_info p {font-size:1.75em; color:#8c6239; margin-top:40px;} .svc_info p a {color:#8c6239; text-decoration:underline;} .svc_info p a.uline_none {text-decoration:none;} .product_info {position:relative; padding-top:70px; overflow:hidden; top:-2px; z-index:10;} .product_info h3 {font-size:1.5em; text-align:center; background:#fdf9f1; border-bottom:4px solid #e0d2a9; position:absolute; top:-3px; } .product_info #tit_svc {left:0; width:31%; overflow:hidden; letter-spacing:-2px;} .product_info #tit_svc a {border-right:2px solid #ccc;} .product_info #tit_disc {left:31%; width:25%; } .product_info #tit_price {left:55%; width:22%; overflow:hidden; } .product_info #tit_price a {border-left:2px solid #ccc;} .product_info #tit_recom {left:77%; width:22%; padding-right:1.5em; } .product_info #tit_recom a {border-left:2px solid #ccc;} .product_info h3 a.current {color:#82431d; text-decoration:underline; font-style:italic;} .product_info h3 a {display:block; margin:20px 0; } /* 2011-06-12 */ /* #prod_disc li {font-size:1.5em; padding:38px 40px 38px 110px; background-position:40px 42px; background-repeat:no-repeat;} */ #prod_price li, #prod_disc li {border-bottom:2px solid #f2f2f2;} #prod_price li.noline, #prod_disc li.noline {border-bottom:none 0;} #prod_price li img, #prod_disc li img, #prod_recom li img {width:100%;} #prod_recom li a img {width:100%;} .btn_recom a {display:inline; float:left;} #prod_disc li.n1 {background-image:url(../../Local%20Settings/Temporary%20Internet%20Files/Content.IE5/img/icon_n1.png);} #prod_disc li.n2 {background-image:url(../../Local%20Settings/Temporary%20Internet%20Files/Content.IE5/img/icon_n2.png);} #prod_disc li.n3 {background-image:url(../../Local%20Settings/Temporary%20Internet%20Files/Content.IE5/img/icon_n3.png);} #prod_disc li.n4 {background-image:url(../../Local%20Settings/Temporary%20Internet%20Files/Content.IE5/img/icon_n4.png);} #prod_disc li.n5 {background-image:url(../../Local%20Settings/Temporary%20Internet%20Files/Content.IE5/img/icon_n5.png);} #prod_disc li.n6 {background-image:url(../../Local%20Settings/Temporary%20Internet%20Files/Content.IE5/img/icon_n6.png);} #prod_disc li.odd {background-color:#f3f4f4; } #prod_price h4, #prod_svc h4 {font-size:2.2em; padding:38px 40px; border-bottom:2px solid #f3f4f4; letter-spacing:-0.05em;} #prod_svc img {vertical-align:top;width:100%;} #prod_svc ul li {position:relative;} #prod_svc ul li a {position:absolute; display:block; width:10%; height:15%; right:2em; top:0;} /* #prod_svc ul {margin:38px 0 0 40px;} #prod_svc ul li {position:relative; font-size:1.5em; padding-left:100px; margin-bottom:38px; line-height:1.3em;} #prod_svc ul li ul {margin:10px 0 0 0;} #prod_svc ul li ul li {font-size:1em; padding-left:0; color:#8c6239; margin-bottom:0;} #prod_svc ul img {position:absolute; left:0; top:0; -webkit-box-shadow:2px 3px 4px #828282; -moz-box-shadow:2px 3px 4px #828282; } */ #prod_price dl dt {background:#f6f6f6; border:2px solid #d5d5d5; font-size:2em; padding:20px 40px; color:#362f2d; border-left:0 none; border-right:0 none;} #prod_price dl dd {font-size:1.5em; color:#362f2d; padding:23px 45px 35px; letter-spacing:-0.02em;} #prod_price p {font-size:1.5em; color:#362f2d; padding:0px 70px 20px; text-indent:-1em;} .ydh_intro dl dt {border-bottom:2px solid #f3f4f4; font-size:2em; padding:20px 40px; color:#362f2d;} .ydh_intro dl dd {padding:25px 35px; font-size:1.75em; border-bottom:2px solid #d5d5d5; letter-spacing:-0.1em;} .ydh_intro dl dd img { float:left; margin-right:18px; -webkit-box-shadow:2px 2px 4px #828282; -moz-box-shadow:2px 2px 4px #828282; } .point {color:#ff3300;}