@import url("./reset.css"); /* layout and common style */ /* Web */ .imgnr{width:100%; clear:both; overflow:hidden;} .imgnr img{width:100%; overflow:hidden;} #wrapper {width:100%; position:relative; clear:both; overflow:hidden;} #layout {overflow:hidden; clear:both; width:100%;} /* header */ #header {width:230px; position:absolute; left:0; top:0; font-family:'Levenim MT',sans-serif;} #header h1 {margin:34px 0 0 15px; z-index:10;} #header h2.seem {display:none;} #header .gnbw {position:relative;} #header #gnb {margin:83px 0 0 20px;} #header #gnb li.dep1 { color:#2f2f2f; font-size:16px; font-weight:bold; margin-top:19px; } #header #gnb li.dep1.fir {margin-top:0;} #header #gnb li.dep1 a.d1 {color:#2f2f2f; background:url("../images/web/common/gnb1_off.png") no-repeat left 6px; padding-left:10px;} #header #gnb li.dep1.on a.d1 {color:#b62e14; background:url("../images/web/common/gnb1_on.png") no-repeat left 6px;} #header #gnb li.dep1 ul {margin:5px 0 0 11px; width:185px; display:none;} #header #gnb li.dep1 ul li.dep2 { padding:11px 0 6px; border-bottom:solid 1px #e3e3e3; position:relative; font-size:12px; color:#2f2f2f; background:url("../images/web/common/gnb2_off.png") no-repeat right 17px; } #header #gnb li.dep1 ul li.dep2.on {background:url("../images/web/common/gnb2_on.png") no-repeat right 17px;} #header #gnb li.dep1 ul li.dep2.bold {font-weight:bold;} #header #gnb li.dep1 ul li.dep2 a {color:#2f2f2f;} #header #gnb li.dep1 ul li.dep2.on a {color:#bb0000; display:block;} #header #gnb li.link {display:none;} #header .g_close {display:none;} #header .vtf {margin:49px 0 0 21px; display:block;} #header .vtf span {display:none;} #header .eng {position:absolute; top:37px; left:174px;} #header .teng {display:none;} /* container */ #container {margin-left:230px;} #container .topC { height:215px; background:#51464c url("../images/web/common/bg01.png") repeat left top; position:relative; overflow:hidden; } #container .topC .Tbg {background:url("../images/web/common/top_visual02.png") no-repeat right top; } #container .topC .tcon { background:url("../images/web/common/top_visual01.png") no-repeat left top; height:250px; min-width:900px; max-width:1280px; position:relative; } #container .topC .tcon .tit {padding:13px 0 0 23px;} #container .topC .tcon .ttxt {padding:44px 0 0 30px;} #container .topC .tcon .btn {/*padding:10px 0 0 30px;*/ position:absolute; left:30px; bottom:30px;} #container .topC .topbg {background:url("../images/web/common/top_visual02.png") no-repeat left top; width:467px; height:250px; position:absolute; right:0; top:0; } #container .topC #mega { position:absolute; bottom:0; left:0; z-index:10; background:url("../images/web/megamenu/mega_bg.png") repeat-x left top; height:169px; width:100%; border-bottom:solid 1px #3b3b3b; font-size:11px; /*font-family:'Verdana'; display:none;*/ } #container .topC #mega .close { right:0; top:0; position:absolute; } #container .topC #mega .mgst {max-width:1280px;} #mega .mega1, #mega .mega2, #mega .mega3, #mega .mega4, #mega .mega5, #mega .mega6 { max-width:690px; margin:0 auto; /*padding:0 5%;*/ overflow:hidden; clear:both; } #mega .mega1 {padding:0 5%;} #mega .mega1 ul {width:100%; overflow:hidden; clear:both;} #mega .mega1 ul li {width:30%; background:url("../images/web/megamenu/mega_dot.png") repeat-y right top; float:left; height:168px; position:relative;} #mega .mega1 ul li .txt {color:#b0b0b0; position:relative; padding:32px 5%;} #mega .mega1 ul li.cmm1 {width:37%;} #mega .mega1 ul li.cmm1 .txt {background:url("../images/web/megamenu/company_img01.png") no-repeat left 45px; padding-left:105px;} #mega .mega1 ul li.cmm2 .txt {background:url("../images/web/megamenu/company_img02.png") no-repeat 6px 45px; padding-left:81px;} #mega .mega1 ul li.cmm3 {width:32%;} #mega .mega1 ul li.cmm3 .txt {background:url("../images/web/megamenu/company_img03.png") no-repeat 10px 48px; padding-left:120px;} #mega .mega1 span.go {display:block; background:url("../images/web/megamenu/arr.png") no-repeat right 6px; width:52px; font-size:11px; position:absolute; bottom:7px; color:#6b6b6b;} #mega .mega1 span.go a {color:#6b6b6b;} #mega .mega1 li.cmm1 .txt span.go {left:105px; bottom:7px;} #mega .mega1 li.cmm2 .txt span.go {left:85px;} #mega .mega1 li.cmm3 .txt span.go {left:120px;} /*#mega .mega2 { max-width:690px; margin:0 auto; overflow:hidden; clear:both; }*/ #mega .mega2 ul.prdct {float:left; background:url("../images/web/megamenu/mega_dot.png") repeat-y right top; max-width:540px; width:100%;} #mega .mega2 ul.prdct li {background:url("../images/web/megamenu/line.gif") no-repeat right 45px; padding:16px 0; width:20%; float:left;} /*#mega .mega2 ul.prdct li.pct1 {width:27%; padding:25px 5% 7px 0;}*/ #mega .mega2 ul.prdct li.pct1 .pctcon img {margin-top:6px;} /*#mega .mega2 ul.prdct li.pct4 {background:none; width:18%;}*/ #mega .mega2 p.ttit {color:#c6c6c6; font-weight:bold; line-height:1.3; text-align:left; padding-left:10px;} #mega .mega2 ul.prdct li .coig {margin-top:10px;} #mega .mega2 ul.prdct li .pctcon {padding:20px 0 24px; text-align:center; position:relative;} #mega .mega2 ul.prdct li .pctcon p.prtxt {margin-top:5px;} /*#mega .mega2 ul.prdct li.pct2 .pctcon img {margin-top:6px;} #mega .mega2 ul.prdct li.pct2 .pctcon {background:url("../images/web/megamenu/product_img01.png") no-repeat left 45px; padding:40px 3% 40px 85px;} #mega .mega2 ul.prdct li.pct3 .pctcon {background:url("../images/web/megamenu/product_img02.png") no-repeat left 35px; padding:40px 3% 40px 85px;} #mega .mega2 ul.prdct li.pct4 .pctcon {background:url("../images/web/megamenu/product_img03.png") no-repeat left 35px; padding:40px 3% 40px 85px;}*/ #mega .mega2 .yearp {float:left; max-width:150px; width:100%; text-align:center; background:url("../images/web/megamenu/mega_dot.png") repeat-y right top; padding-top:7px;} #mega .mega2 .yearp img {margin:8px 0 12px;} #mega .mega2 .yearp .ttti { text-align:left; padding:8px 0 12px 12px; color:#9A0002; } #mega .mega2 .yearp samp{ color:#FFFFFF;} /*#mega .mega3 { max-width:690px; margin:0 auto; overflow:hidden; clear:both; }*/ #mega .mega3 .ircon {float:left; width:147px; background:url("../images/web/megamenu/mega_dot.png") repeat-y right top; padding:20px 30px 20px 0; margin-top:30px;} #mega .mega3 .irM {float:left; width:510px; padding-top:25px; } #mega .mega3 .irM li {float:left; margin-top:15px; background:url("../images/web/megamenu/line.gif") no-repeat right 3px; padding-left:5%; width:28%; position:relative; height:110px;} #mega .mega3 .irM li.im3 {background:none;} #mega .mega3 .irM li .mmit1 {background:url(../images/web/megamenu/ir_img01.png) no-repeat center 23px; width:67px; height:100%; text-align:center;} #mega .mega3 .irM li .mmit2 {background:url(../images/web/megamenu/ir_img02.png) no-repeat center 23px; width:67px; height:100%; text-align:center;} #mega .mega3 .irM li .mmit3 {background:url(../images/web/megamenu/ir_img03.png) no-repeat center 23px; width:67px; height:100%; text-align:center;} #mega .mega3 span.go {background:url("../images/web/megamenu/arr.png") no-repeat right 6px; width:52px; font-size:11px; position:absolute; right:20px; bottom:22px; color:#6b6b6b;} #mega .mega3 span.go a {color:#6b6b6b;} /*#mega .mega4 { width:690px; margin:0 auto; overflow:hidden; clear:both; }*/ #mega .mega4 .press {width:167px; float:left; background:url("../images/web/megamenu/mega_dot.png") repeat-y right top; color:#b0b0b0; padding:35px 30px 40px 0;} #mega .mega4 .press .news {margin-top:10px;} #mega .mega4 .press .botm {position:relative; margin-top:35px;} #mega .mega4 .press .botm span.dte {position:absolute; bottom:0; left:0; color:#6b6b6b;} #mega .mega4 span.go {background:url("../images/web/megamenu/arr.png") no-repeat right 6px; width:52px; font-size:11px; position:absolute; right:0; bottom:0; color:#6b6b6b;} #mega .mega4 span.go a {color:#6b6b6b;} #mega .mega4 ul.prM {float:left; width:490px; margin-top:25px;} #mega .mega4 .prM li {float:left; position:relative; height:110px; background:url("../images/web/megamenu/line.gif") no-repeat right 23px; padding-left:20px; width:30%;} #mega .mega4 .prM li.last {background:none; padding-right:0; width:26.5%;} #mega .mega4 .prM li .sbig1 {background:url(../images/web/megamenu/pr_img01.png) no-repeat left 33px; width:75px; height:100%; text-align:center;} #mega .mega4 .prM li .sbig2 {background:url(../images/web/megamenu/pr_img02.png) no-repeat -5px 33px; width:75px; height:100%; text-align:center;} #mega .mega4 .prM li .sbig3 {background:url(../images/web/megamenu/pr_img03.png) no-repeat 6px 31px; width:75px; height:100%; text-align:center;} #mega .mega4 .prM li span {position:absolute; right:20px; bottom:-11px;} #mega .mega4 .prM li p img {margin-top:10px;} /*#mega .mega5 { width:690px; margin:0 auto; overflow:hidden; clear:both; }*/ #mega .mega5 ul {background:url("../images/web/megamenu/mega_dot.png") repeat-y center top; width:100%; padding:45px 0; height:78px;} #mega .mega5 ul li {height:100px;} #mega .mega5 ul li.m5_1 {width:23%; position:relative; color:#c6c6c6; margin-right:15%; padding-left:12%; float:left; background:url("../images/web/megamenu/csr_img01.png") no-repeat left 13px;} #mega .mega5 ul li.m5_1 span.go {width:60px; position:absolute; left:35%; bottom:10px; background:url("../images/web/megamenu/arr.png") no-repeat right 6px;} #mega .mega5 ul li.m5_2 {float:right; position:relative; color:#c6c6c6; background:url("../images/web/megamenu/csr_img02.png") no-repeat left top; margin-left:15%; padding-left:12%; width:23%;} #mega .mega5 ul li.m5_2 span.go {width:60px; position:absolute; left:35%; bottom:10px; background:url("../images/web/megamenu/arr.png") no-repeat right 6px;} #mega .mega5 span.go a {color:#6b6b6b;} /*#mega .mega6 { max-width:690px; margin:0 auto; overflow:hidden; clear:both; padding-top:35px; }*/ #mega .mega6 .dkmt {float:left; background:url("../images/web/megamenu/mega_dot.png") repeat-y right top; padding:5px 5% 5px 0; margin-top:35px; width:52%;} #mega .mega6 .dkmt .b0 {color:#b0b0b0; font-weight:bold; margin-bottom:5px;} #mega .mega6 .dkmt ul {overflow:hidden; clear:both;} #mega .mega6 .dkmt li {float:left; width:25%; text-align:center;} #mega .mega6 .rjp {float:right; margin-left:5%; width:38%; margin-top:35px;} #mega .mega6 .rjp .itvw {color:#b0b0b0; font-size:11px; padding-top:10px; position:relative; background:url("../images/web/megamenu/recruit_video.jpg") no-repeat right 11px; height:74px;} #mega .mega6 .rjp .itvw strong {color:#c6c6c6; font-family:'Verdana',sans-serif;} #mega .mega6 .rjp .itvw p {width:46%;} #mega .mega6 span.go {background:url("../images/web/megamenu/arr.png") no-repeat right 6px; width:52px; font-size:11px; position:absolute; left:0; bottom:0; color:#6b6b6b;} #mega .mega6 span.go a {color:#6b6b6b;} #container .contents {img /*padding:0 0 145px;*/ border-left:solid 1px #d6d6d6; padding-bottom:70px; /*background:#cce6a0; font-family:'Verdana';*/ text-align:left; /*word-break:keep-all;*/ } #container .contents .top { border-bottom:solid 1px #e0e0e0; height:39px; background:#f6f6f6; } #container .contents .top ul {overflow:hidden; /*float:right; margin-right:15px;*/ clear:both; /*margin-left:180px;*/ margin-left:5%;} #container .contents .top ul.w690 {max-width:690px; margin:0 auto;} #container .contents .top ul.w990 {max-width:990px; margin:0 auto; padding:0 5%;} #container .contents .top ul.other li {padding:12px 20px 10px;} #container .contents .top ul li {float:left; font-weight:bold; font-size:14px; border-right:solid 1px #e0e0e0; text-align:center; padding:12px 35px 10px;} #container .contents .top ul li a {color:#2f2f2f;} #container .contents .top ul li.fir {border-left:solid 1px #e0e0e0;} #container .contents .top ul li.on {color:#b62e14; background:#d41717 url("../images/web/common/tab_on.png") no-repeat 25px 16px; padding:12px 30px 10px 40px; /*border-bottom:solid 3px #b62e14;*/} #container .contents .top ul li.on a {color:/*#b62e14*/#fff;} #container .contents .brws {max-width:1280px;} .mgt5 {margin-top:5px;} .mgt10 {margin-top:10px;} .mgt14 {margin-top:14px;} .mgt15 {margin-top:15px;} .mgt20 {margin-top:20px;} .mgt25 {margin-top:25px;} .mgt30 {margin-top:30px;} .mgt35 {margin-top:35px;} .mgt40 {margin-top:40px;} .mgt45 {margin-top:45px;} .mgt48 {margin-top:48px;} .mgt50 {margin-top:50px;} .mgt60 {margin-top:60px;} .mgt80 {margin-top:80px;} .mgl5 {margin-left:5px;} .mgl10 {margin-left:10px;} .mgl20 {margin-left:20px;} .mgl30 {margin-left:30px;} .mgl35 {margin-left:35px;} .mgl55 {margin-left:55px;} .mgr5 {margin-right:5px;} .mgb20 {margin-bottom:20px;} .mgb40 {margin-bottom:40px;} span.dkblue {color:#110070;} span.red {color:#ff0000;} span.lgry {color:#858585;} .blue {color:#0000ac;} span.smlo {font-size:15px; color:#333;} #container .contents .detail {padding:30px 5% 0; max-width:1250px; min-height:540px; /*border:solid 1px green;*/} #container .contents .detail.sub {max-width:990px; margin:0 auto;} #container .contents .topmver {display:none;} /* search */ #container .contents .detail .search {float:right; clear:both; margin-top:20px; max-width:1210px; overflow:hidden;} #container .contents .detail .search .sel {border:solid 1px #d0d4d7; height:25px; width:75px; text-align:center; margin-right:5px; *border:none;} #container .contents .detail .search select {/*border:solid 1px #d0d4d7*/; vertical-align:top; margin-top:4px; font-family:'Verdana', sans-serif; color:#656565;} #container .contents .detail .search input {border:solid 1px #d0d4d7; width:155px; vertical-align:top; height:24px; padding-left:5px; font-family:'Verdana', sans-serif; color:#656565; margin-right:5px;} /* paging */ #container .contents .detail .paging {margin-top:20px; overflow:hidden; text-align:center;} #container .contents .detail .paging.mb {display:none;} #container .contents .detail .paging a, #container .contents .detail .paging strong {display:inline-block; margin:6px 8px 0; vertical-align:top; color:#636363;} #container .contents .detail .paging strong {color:#2f2f2f;} #container .contents .detail .paging a.img {margin:0 2px;} #replyContainer {max-width:1250px; /*border:solid 1px green;*/} /* paging reply iframe */ #replyContainer .paging {margin-top:20px; overflow:hidden; text-align:center;} #replyContainer .paging a, #replyContainer .paging strong {display:inline-block; margin:6px 8px 0; vertical-align:top; color:#636363;} #replyContainer .paging strong {color:#2f2f2f;} #replyContainer .paging a.img {margin:0 2px;} /* 뉴스(Press)쪽 에디트로 표 작성시 라인 안나옴! But 이 소스 추가하면 홈페이지 내에 있는 모든 테이블에 영향 있음! table td {border:solid 1px #666;} */ /* company */ #container .contents.company .detail {max-width:690px; margin:0 auto;} #container .contents.company .detail .comt {/*height:211px;*/ padding:0 0 30px; max-width:1000px; margin:0 auto; overflow:hidden; clear:both;} #container .contents.company .detail .comt img {width:100%; max-width:666px;} #container .contents.company .detail .comt span.w5 {display:block; float:left; width:52%;} #container .contents.company .detail .comt span.w5 img.vtxt {max-width:316px; width:100%;} #container .contents.company .detail .comt span.vimg {display:block; float:right; width:48%} #container .contents.company .detail .comt span.vimg img {max-width:339px; width:100%;} #container .contents.company .detail .tcon {overflow:hidden; clear:both; border-bottom:solid 1px #d0d4d7; padding-bottom:26px; max-width:1000px; margin:0 auto;} #container .contents.company .detail .tcon .tcl {float:left; width:44%; padding:0 35px 10px 0; border-right:solid 1px #d0d4d7;} #container .contents.company .detail .tcon p.tt {margin-top:28px; line-height:1.8em;} #container .contents.company .detail .tcon .tcr {float:left; width:44%; padding:0 0 10px 35px;} #container .contents.company .detail .bcon {padding:45px 0 0; max-width:1000px; margin:0 auto; background:url("../images/web/sub/company/company_img.png") no-repeat 96% 70px;} #container .contents.company .detail .bcon p.tt {margin-top:28px; line-height:1.8em; width:44%;} #container .contents.company .detail p.tit {background:url("../images/web/common/bullet_02.gif") no-repeat left 6px; padding-left:10px; font-weight:bold; font-size:14px;} #container .contents.company .detail .mark {overflow:hidden; clear:both;} #container .contents.company .detail .mark .f_l {margin-right:25px; } #container .contents.company .detail .cit {margin-top:35px;} #container .contents.company .detail .cdet {border-top:solid 1px #d0d4d7; padding-top:40px; margin-top:40px; overflow:hidden; clear:both;} #container .contents.company .detail .cdet .cdl {width:48%; margin-top:30px;} #container .contents.company .detail .cdet .cdl dt {float:left; padding-right:5px;} #container .contents.company .detail .cdet .cdl dt.pt {padding-top:15px;} #container .contents.company .detail .cdet .cdl dt.pt span.ben {padding-right:14px;} #container .contents.company .detail .cdet .cdl dt.pt span.bko {padding-right:15px;} #container .contents.company .detail .cdet .cdl dt.pt span.bch {padding-right:10px;} #container .contents.company .detail .cdet .cdl dd {float:left; vertical-align:top; padding-top:24px;} #container .contents.company .detail .cdet .cdl dd.pn {padding-top:0;} #container .contents.company .detail .luxteel dt {font-size:21px; font-weight:bold; color:#5e6875; line-height:19px;} #container .contents.company .detail .luxteel .txt {font-size:13px; color:#2e2e2e; letter-spacing:-0.04em;} #container .contents.company .detail .luxteel img.appbi {margin-top:17px;} #container .contents.company .detail .luxteel span {display:block; font-size:12px; color:#757575; margin:8px 0 10px;} #container .contents.company .detail .luxteel .btn {margin-top:5px;} #container .contents.company .detail .slogan {border-top:solid 1px #d0d4d7; padding-top:40px; margin-top:40px; overflow:hidden; clear:both;} #container .contents.company .detail .slogan .cdl {width:48%; margin-top:30px;} #container .contents.company .detail .slogan2 {padding-top:40px; margin-top:40px; overflow:hidden; clear:both;} #container .contents.company .detail .slogan2 p.txt {color:#2f2f2f; font-size:12px; line-height:1.7em; margin:15px 0 30px;} #container .contents.company .detail .slogan2 p.sg {text-align:right;} #container .contents.company .detail .dops {position:relative; margin-top:60px; padding:18px; background:#f7f8f9;} #container .contents.company .detail .dops a.ci {position:absolute; top:22px; right:18px;} #container .contents.history {background:url("../images/web/common/bg_con01.gif") repeat left top;} #container .contents.history .detail {max-width:690px; margin:0 auto; position:relative;} #container .contents.history .detail .yht {width:100%;} #container .contents.history .detail .tit {background:url("../images/web/common/bullet_05.gif") no-repeat left 5px; font-size:14px; font-weight:bold; padding-left:10px; /**padding-left:0px;*/} #container .contents.history .detail .h_btn {position:absolute; right:6%; top:55px;} #container .contents.history .detail .mhistory {display:none;} #container .contents.history .detail .history {margin-top:50px; *padding-top:30px; position:relative; width:100%; max-width:690px;} #container .contents.history .detail .history ul {position:relative;} #container .contents.history .detail .history li.t01.on {background:url("../images/web/common/tab_onB.png") no-repeat left 16px;} #container .contents.history .detail .history li.t02.on {background:url("../images/web/common/tab_onB.png") no-repeat left 144px;} #container .contents.history .detail .history li.t03.on {background:url("../images/web/common/tab_onB.png") no-repeat left 256px;} #container .contents.history .detail .history li em {position:absolute; border-bottom:solid 1px #b4c7ce; padding:16px 0 27px; width:110px; margin-right:13px;} #container .contents.history .detail .history li.t01 em {left:11px; top:0;} #container .contents.history .detail .history li.t02 em {left:11px; top:128px;} #container .contents.history .detail .history li.t03 em {left:11px; top:239px;} #container .contents.history .detail .history .dtxt {position:relative; margin-left:138px; border-left:solid 1px #b4c7ce; padding:17px 0 35px 35px;} #container .contents.history .detail .history .dtxt .hy {margin-top:38px;} #container .contents.history .detail .history .dtxt .hy li {margin-bottom:10px;} #container .contents.history .detail .history .dtxt .hy li .bold {display:block;} #container .contents.history .detail .history .dtxt img.fi1 {max-width:516px; width:100%;} #container .contents.history .detail .history .dtxt img.ti1 {max-width:455px; width:100%;} #container .contents.history .detail .history .dtxt img.ti2 {max-width:450px; width:100%;} #container .contents.history .detail .history .dtxt img.ti3 {max-width:455px; width:100%;} #container .contents.history .detail .history .year {background:url("../images/web/sub/company/bg_htime.gif") repeat-x left top; height:76px; border:solid 1px #d0d4d7;} #container .contents.history .detail .history .year ul {margin:20px auto 0; width:628px; height:35px; border-bottom:solid 1px #d5d5d5; overflow:hidden; clear:both;/*background:url("../images/web/sub/company/htime_bar.png") no-repeat left 34px;*/} #container .contents.history .detail .history .year ul li {font-family:'Monda', sans-serif; width:63px; text-align:center; font-size:16px; float:left; padding:0 14px 0 13px;} #container .contents.history .detail .history .year ul li.last {padding-right:0;} #container .contents.history .detail .history .year ul li a.on {background:url("../images/web/sub/company/htime_on.gif") no-repeat left bottom; height:35px; display:block; color:#3d4cdd; font-weight:bold;} #container .contents.history .detail .history .yhi {background:#000000 url("../images/web/sub/company/bg_history.gif") repeat center top; border-bottom:solid 1px #000; max-width:690px; width:100%; padding:30px 0 50px; } #container .contents.history .detail .history .yhi ul li {color:#b0b0b0; margin:0 0 5px 35px;} #container .contents.history .detail .history .yhi ul li span.bold {margin:0 10px 0 0;} #container .contents.history .detail .history .yhi ul li span.empty {margin-right:29px;} #container .contents.history .detail .history .yhi p img {border:solid 1px #606060; margin-bottom:20px;} #container .contents.principle .detail {max-width:690px; margin:0 auto;} #container .contents.principle .detail .pritp {/*background:url("../images/web/sub/company/principle_img.png") no-repeat right 24px; padding-bottom:30px;*/ border-bottom:solid 1px #d0d4d7; overflow:hidden; clear:both;} #container .contents.principle .detail .pritp span.w5 {display:block; float:left; width:55%;} #container .contents.principle .detail .pritp span.w5 img.vtxt {max-width:277px; width:100%;} #container .contents.principle .detail .pritp span.vimg {display:block; float:right; width:45%} #container .contents.principle .detail .pritp span.vimg img {max-width:243px; width:100%;} #container .contents.principle .detail .priul {margin-top:24px; } #container .contents.principle .detail .priul li {padding-bottom:20px; clear:both; color:#636363; overflow:hidden;} #container .contents.principle .detail .priul li img {float:left; margin-right:20px; padding:0 0 45px;} #container .contents.principle .detail .priul li .txt {padding-top:10px;} #container .contents.ceo {background:url("../images/web/common/bg_con01.gif") repeat left top; padding-bottom:0;} #container .contents.ceo .detail { background:url("../images/web/sub/company/bg_ceo.png") no-repeat left top; padding:0 13.5%; max-width:690px; margin:0 auto;} #container .contents.ceo .detail.tab02 {background:url("../images/web/sub/company/bg_ceo_02.png") no-repeat left top;} #container .contents.ceo .detail .mceo {display:none;} #container .contents.ceo .ceot {height:646px; padding:60px 0 40px; clear:both; overflow:hidden;} #container .contents.ceo .ceot .ctxt {margin:50px 0 0 333px; line-height:1.8em;} #container .contents.ceo .ceot .cop {margin-left:320px;} #container .contents.ceo p.m {display:none;} /*#container .contents.network {background:url("../images/web/common/bg_con01.gif") repeat left top;}*/ /*#container .contents.network .detail {padding:60px 0 0;}*/ #container .contents.network .detail {max-width:690px; margin:0 auto;} #container .contents.network .detail.sub {max-width:990px; margin:0 auto;} #container .contents.network .detail img.fimg {max-width:510px; width:100%;} #container .contents.network .detail .korm {position:relative; border-bottom:solid 1px #d0d4d7; padding-bottom:40px;} #container .contents.network .detail .korm .tit {position:absolute; left:0; top:40px;} #container .contents.network .detail .korm .km {background:url("../images/web/sub/company/img_kor_m1.png") no-repeat right bottom; width:380px; height:394px; position:relative; margin:15px auto 0;} #container .contents.network .detail .korm .km li.km1 {position:absolute; top:38px; left:127px;} #container .contents.network .detail .korm .km li.km1 span {position:absolute; top:14px; left:42px;} #container .contents.network .detail .korm .km li.km2 {position:absolute; top:49px; left:106px;} #container .contents.network .detail .korm .km li.km2 span {position:absolute; top:13px; left:-90px;} #container .contents.network .detail .korm .km li.km3 {position:absolute; top:78px; left:89px;} #container .contents.network .detail .korm .km li.km3 span {position:absolute; top:13px; left:-85px;} #container .contents.network .detail .korm .km li.km5 {position:absolute; top:153px; right:85px;} #container .contents.network .detail .korm .km li.km5 span {position:absolute; top:11px; right:42px;} #container .contents.network .detail .korm .km li.km6 {position:absolute; top:153px; right:65px;} #container .contents.network .detail .korm .km li.km6 span {position:absolute; top:11px; right:-70px;} #container .contents.network .detail .korm .km li.km7 {position:absolute; top:231px; right:108px;} #container .contents.network .detail .korm .km li.km7 span {position:absolute; top:19px; right:40px;} #container .contents.network .detail .korm .km li.km9 {position:absolute; top:224px; right:87px;} #container .contents.network .detail .korm .km li.km9 span {position:absolute; top:13px; right:-78px;} #container .contents.network .detail .form {position:relative; padding-bottom:40px;} #container .contents.network .detail .form .fm {background:url("../images/web/sub/company/network_m_for1.png") no-repeat center top; position:relative; width:629px; height:359px; margin:45px auto 0; position:releative; font-family:'Levenim MT','Verdana', sans-serif;} #container .contents.network .detail .form .fm strong {font-size:16px;} #container .contents.network .detail .form .fm li.fm1 {position:absolute; top:112px; left:223px;} #container .contents.network .detail .form .fm li.fm1 span {position:absolute; top:-13px; left:-68px;} #container .contents.network .detail .form .fm li.fm2 {position:absolute; top:113px; left:269px;} #container .contents.network .detail .form .fm li.fm2 span {position:absolute; top:21px; left:39px;} #container .contents.network .detail .form .fm li.fm3 {position:absolute; top:142px; left:111px;} #container .contents.network .detail .form .fm li.fm3 span {position:absolute; top:-12px; left:-11px;} #container .contents.network .detail .form .fm li.fm4 {position:absolute; top:99px; right:63px;} #container .contents.network .detail .form .fm li.fm4 span {position:absolute; top:-13px; left:-42px;} #container .contents.network .detail .form .fm li.fm5 {position:absolute; top:202px; right:9px;} #container .contents.network .detail .form .fm li.fm5 span {position:absolute; top:-14px; right:-2px;} #container .contents.network .detail .form .fm li.fm6 {position:absolute; top:103px; right:132px;} #container .contents.network .detail .form .fm li.fm6 span {position:absolute; top:-13px; left:3px;} #container .contents.network .detail .form .fm li.fm7 {position:absolute; top:113px; left:223px;} #container .contents.network .detail .form .fm li.fm7 span {position:absolute; top:-15px; left:-4px;} #container .contents.network .detail .form .fm li.fm8 {position:absolute; top:145px; left:160px;} #container .contents.network .detail .form .fm li.fm8 span {position:absolute; top:-14px; left:-3px;} #container .contents.network .detail .form .fm li.fm9 {position:absolute; top:157px; left:200px;} #container .contents.network .detail .form .fm li.fm9 span {position:absolute; top:27px; left:40px;} #container .contents.network .detail .form .fm li.fm10 {position:absolute; top:138px; right:109px;} #container .contents.network .detail .form .fm li.fm10 span {position:absolute; top:14px; left:43px;} #container .contents.network .detail .overflow .f_l, #container .contents.network .detail .overflow .f_r {width:45%;} #container .contents.network .detail .overflow .ggmif.f_l, #container .contents.network .detail .overflow .ggmif.f_r {width:43%;} #container .contents.network .detail .overflow .tit2 {font-size:14px; font-weight:bold;} #container .contents.network .detail .overflow .tbl {width:100%; text-align:left;} #container .contents.network .detail .overflow .tbl th {padding:8px 0; font-weight:normal; text-align:center; border-top:solid 1px #d0d4d7; border-right:solid 1px #d0d4d7; border-bottom:solid 2px #110070;} #container .contents.network .detail .overflow .tbl th.fir {border-bottom:solid 2px #ff0000; border-left:solid 1px #d0d4d7;} #container .contents.network .detail .overflow .tbl td {vertical-align:middle; border-bottom:solid 1px #d0d4d7; border-right:solid 1px #d0d4d7; padding:8px 0 8px 10px;} #container .contents.network .detail .overflow .tbl td.fir {border-left:solid 1px #d0d4d7; font-weight:bold; text-align:center; padding-left:0;} #container .contents.network .detail .overflow .tbl td a {display:inline-block; line-height:1.4em; /*background:url("../images/web/sub/company/icon_map_off.gif") no-repeat right 1px; padding-right:20px;*/ line-height:20px;} #container .contents.network .detail .overflow .tbl td a:hover, #container .contents.network .detail .overflow .tbl td a:active {color:#d41717; /*background:url("../images/web/sub/company/icon_map_on.gif") no-repeat right 1px;*/} #container .contents.network .detail .overflow .tbl td a.a1 {background-position:142px 22px;} #container .contents.network .detail .overflow .tbl td a.a1:hover {background-position:142px 22px;} #container .contents.network .detail .overflow .tbl td a.a2 {background-position:147px 22px;} #container .contents.network .detail .overflow .tbl td a.a2:hover {background-position:147px 22px;} #container .contents.network .detail .mmap {display:none;} #container .contents.network .detail p.tit {background:url("../images/web/common/bullet_05.gif") no-repeat left 6px; padding-left:10px; font-weight:bold; font-size:14px;} #container .contents.network .detail .mapif {overflow:hidden; width:100%; clear:both; border-bottom:solid 1px #b8c9d0; padding-bottom:20px;} #container .contents.network .detail .mapif .mimg {float:left; position:relative; padding:0 1% 20px; width:44%;} #container .contents.network .detail .mapif .mimg.korea {padding:0 3% 20px; width:40%;} #container .contents.network .detail .mapif .mimg .mbtn {position:relative;} #container .contents.network .detail .mapif .mimg .kbtn {position:absolute; left:0; top:10px;} #container .contents.network .detail .mapif .mimg .fbtn {position:absolute; left:0; top:80px;} #container .contents.network .detail .mapif .mimg .bmap {float:right; /*clear:right; overflow:hidden;*/ background:url("../images/web/sub/company/img_kor_m.png") no-repeat right bottom; width:380px; height:394px; position:relative;} #container .contents.network .detail .mapif .mimg .bmap li.km1 {position:absolute; top:38px; left:127px;} #container .contents.network .detail .mapif .mimg .bmap li.km1 span {position:absolute; top:14px; left:42px;} #container .contents.network .detail .mapif .mimg .bmap li.km2 {position:absolute; top:49px; left:106px;} #container .contents.network .detail .mapif .mimg .bmap li.km2 span {position:absolute; top:13px; left:-90px;} #container .contents.network .detail .mapif .mimg .bmap li.km3 {position:absolute; top:78px; left:89px;} #container .contents.network .detail .mapif .mimg .bmap li.km3 span {position:absolute; top:13px; left:-86px;} #container .contents.network .detail .mapif .mimg .bmap li.km5 {position:absolute; top:153px; right:85px;} #container .contents.network .detail .mapif .mimg .bmap li.km5 span {position:absolute; top:11px; right:38px;} #container .contents.network .detail .mapif .mimg .bmap li.km6 {position:absolute; top:153px; right:65px;} #container .contents.network .detail .mapif .mimg .bmap li.km6 span {position:absolute; top:11px; right:-70px;} #container .contents.network .detail .mapif .mimg .bmap li.km7 {position:absolute; top:231px; right:108px;} #container .contents.network .detail .mapif .mimg .bmap li.km7 span {position:absolute; top:19px; right:40px;} #container .contents.network .detail .mapif .mimg .bmap li.km9 {position:absolute; top:224px; right:87px;} #container .contents.network .detail .mapif .mimg .bmap li.km9 span {position:absolute; top:13px; right:-77px;} #container .contents.network .detail .mapif .mimg .asiamap {float:right; background:url("../images/web/sub/company/img_asia_m.png") no-repeat right bottom; width:439px; height:359px; position:relative;} #container .contents.network .detail .mapif .mimg .asiamap li.fm1 {position:absolute; top:154px; left:265px;} #container .contents.network .detail .mapif .mimg .asiamap li.fm1 span {position:absolute; top:59px; left:-68px;} #container .contents.network .detail .mapif .mimg .asiamap li.fm2 {position:absolute; top:133px; right:90px;} #container .contents.network .detail .mapif .mimg .asiamap li.fm2 span {position:absolute; top:22px; left:40px;} #container .contents.network .detail .mapif .mimg .asiamap li.fm3 {position:absolute; top:170px; left:123px;} #container .contents.network .detail .mapif .mimg .asiamap li.fm3 span {position:absolute; top:-12px; left:-11px;} #container .contents.network .detail .mapif .mimg .asiamap li.fm4 {position:absolute; top:120px; left:232px;} #container .contents.network .detail .mapif .mimg .asiamap li.fm4 span {position:absolute; top:-12px; left:20px;} #container .contents.network .detail .mapif .mimg .asiamap li.fm5 {position:absolute; top:108px; left:200px;} #container .contents.network .detail .mapif .mimg .asiamap li.fm5 span {position:absolute; top:0; left:-111px;} #container .contents.network .detail .mapif .mimg .asiamap li.fm6 {position:absolute; top:132px; left:215px;} #container .contents.network .detail .mapif .mimg .asiamap li.fm6 span {position:absolute; top:20px; left:-137px;} #container .contents.network .detail .mapif .mimg .asiamap li.fm7 {position:absolute; top:173px; left:187px;} #container .contents.network .detail .mapif .mimg .asiamap li.fm7 span {position:absolute; top:34px; left:-36px;} #container .contents.network .detail .mapif .mimg .asiamap li.fm8 {position:absolute; top:185px; left:232px;} #container .contents.network .detail .mapif .mimg .asiamap li.fm8 span {position:absolute; top:25px; left:40px;} #container .contents.network .detail .mapif .mimg .americamap {float:right; background:url("../images/web/sub/company/img_america_m.png") no-repeat right bottom; width:391px; height:442px; position:relative;} #container .contents.network .detail .mapif .mimg .americamap li.fm4 {position:absolute; top:136px; left:112px;} #container .contents.network .detail .mapif .mimg .americamap li.fm4 span {position:absolute; top:-13px; left:3px;} #container .contents.network .detail .mapif .mimg .americamap li.fm5 {position:absolute; top:239px; right:62px;} #container .contents.network .detail .mapif .mimg .americamap li.fm5 span {position:absolute; top:-14px; right:-3px;} #container .contents.network .detail .mapif .mimg .americamap li.fm6 {position:absolute; top:113px; right:145px;} #container .contents.network .detail .mapif .mimg .americamap li.fm6 span {position:absolute; top:-13px; left:-42px;} #container .contents.network .detail .mapif .mimg .americamap li.fm7 {position:absolute; top:164px; right:214px;} #container .contents.network .detail .mapif .mimg .americamap li.fm7 span {position:absolute; top:14px; left:41px;} /*#container .contents.network .detail .mapif .mimg .bmap ul.km1 {background:url("../images/web/sub/company/km_01.png") no-repeat 65px 3px; width:316px; height:392px; position:relative;} #container .contents.network .detail .mapif .mimg .bmap ul.km2 {background:url("../images/web/sub/company/km_02.png") no-repeat 65px 3px; width:316px; height:392px; position:relative;} #container .contents.network .detail .mapif .mimg .bmap ul.km3 {background:url("../images/web/sub/company/km_03.png") no-repeat 65px 3px; width:316px; height:392px; position:relative;} #container .contents.network .detail .mapif .mimg .bmap ul.km4 {background:url("../images/web/sub/company/km_04.png") no-repeat 65px 3px; width:316px; height:392px; position:relative;} #container .contents.network .detail .mapif .mimg .bmap ul.km5 {background:url("../images/web/sub/company/km_05.png") no-repeat 65px 3px; width:316px; height:392px; position:relative;} #container .contents.network .detail .mapif .mimg .bmap ul.km6 {background:url("../images/web/sub/company/km_06.png") no-repeat 65px 3px; width:316px; height:392px; position:relative;} #container .contents.network .detail .mapif .mimg .bmap ul.km7 {background:url("../images/web/sub/company/km_07.png") no-repeat 65px 3px; width:316px; height:392px; position:relative;} #container .contents.network .detail .mapif .mimg .bmap ul.km8 {background:url("../images/web/sub/company/km_08.png") no-repeat 65px 3px; width:316px; height:392px; position:relative;} #container .contents.network .detail .mapif .mimg .bmap ul li.km1 {position:absolute; top:7px; left:9px;} #container .contents.network .detail .mapif .mimg .bmap ul li.km2 {position:absolute; top:39px; left:12px;} #container .contents.network .detail .mapif .mimg .bmap ul li.km3 {position:absolute; top:71px; left:13px;} #container .contents.network .detail .mapif .mimg .bmap ul li.km4 {position:absolute; top:247px; left:12px;} #container .contents.network .detail .mapif .mimg .bmap ul li.km5 {position:absolute; top:92px; right:-60px;} #container .contents.network .detail .mapif .mimg .bmap ul li.km6 {position:absolute; top:122px; right:-76px;} #container .contents.network .detail .mapif .mimg .bmap ul li.km7 {position:absolute; top:284px; right:-65px;} #container .contents.network .detail .mapif .mimg .bmap ul li.km8 {position:absolute; top:317px; right:-67px;} #container .contents.network .detail .mapif .mimg .asiamap {float:right; background:url("../images/web/sub/company/img_asia_m.png") no-repeat right bottom; width:439px; height:359px; position:relative;} #container .contents.network .detail .mapif .mimg .asiamap ul.fm1 {background:url("../images/web/sub/company/am_01.png") no-repeat left top; width:439px; height:359px; position:relative;} #container .contents.network .detail .mapif .mimg .asiamap ul.fm2 {background:url("../images/web/sub/company/am_02.png") no-repeat left top; width:439px; height:359px; position:relative;} #container .contents.network .detail .mapif .mimg .asiamap ul.fm3 {background:url("../images/web/sub/company/am_03.png") no-repeat left top; width:439px; height:359px; position:relative;} #container .contents.network .detail .mapif .mimg .asiamap ul li.fm1 {position:absolute; top:118px; left:85px;} #container .contents.network .detail .mapif .mimg .asiamap ul li.fm2 {position:absolute; top:118px; right:15px;} #container .contents.network .detail .mapif .mimg .asiamap ul li.fm3 {position:absolute; top:157px; left:49px;} #container .contents.network .detail .mapif .mimg .americamap {float:right; background:url("../images/web/sub/company/img_america_m.png") no-repeat right bottom; width:391px; height:442px; position:relative;} #container .contents.network .detail .mapif .mimg .americamap ul.fm4 {background:url("../images/web/sub/company/amm_01.png") no-repeat left top; width:391px; height:442px; position:relative;} #container .contents.network .detail .mapif .mimg .americamap ul.fm5 {background:url("../images/web/sub/company/amm_02.png") no-repeat left top; width:391px; height:442px; position:relative;} #container .contents.network .detail .mapif .mimg .americamap ul li.fm4 {position:absolute; top:100px; right:10px;} #container .contents.network .detail .mapif .mimg .americamap ul li.fm5 {position:absolute; top:214px; right:1px;}*/ #container .contents.network .detail .mapif .minfo {float:left; padding:0 0 20px 25px; width:48%; border-left:solid 1px #b8c9d0; min-height:490px;} #container .contents.network .detail .mapif .minfo .iftit {font-size:24px; line-height:1.3em; font-family:'Verdana', sans-serif; font-weight:bold;} #container .contents.network .detail .mapif .minfo .iftxt {margin-top:20px; line-height:1.7em;} #container .contents.network .detail .mapif .minfo img {margin-top:20px; max-width:465px; width:100%;} #container .contents.network .detail .mapif .minfo img.facimg {width:100%; max-width:465px;} #container .contents.network .detail .ggmif {padding:35px 3% 0;} #container .contents.network .detail .ggmif .tfa {margin:20px 0 30px;} #container .contents.network .detail .ggmif .tfa li {margin-bottom:5px;} #container .contents.network .detail .ggmif .tfa li.fir {font-size:14px;} #container .contents.network .detail .ggmif .ggmap {width:100%; height:400px;} #container .contents.network .detail .ggmif .ggmap img {max-width:990px; width:100%;} /* 추후에 삭제할것 */ #wrapper.frm #container .topC {height:46px; overflow:hidden;} #wrapper .contents.pr{background:url("../images/web/common/bg_con01.gif") repeat left top;} #container .contents.ferrum {background:url("../images/web/common/bg_con01.gif") repeat left top;} #container .contents.ferrum .top ul li {float:left; font-weight:bold; font-size:14px; border-right:solid 1px #e0e0e0; text-align:center; padding:12px 13px 10px;} #container .contents.ferrum .top ul li a {color:#2f2f2f;} #container .contents.ferrum .top ul li.fir {border-left:solid 1px #e0e0e0;} #container .contents.ferrum .top ul li.on {color:#b62e14; background:#d41717 url("../images/web/common/tab_on.png") no-repeat 10px 16px; padding:12px 8px 10px 18px; /*border-bottom:solid 3px #b62e14;*/} #container .contents.ferrum .top ul li.on a {color:/*#b62e14*/#fff;} #container .contents.ferrum .detail .mferm {display:none;} #container .contents.ferrum .visual {background:#0342b1 url("../images/web/sub/company/bg_ferrum.jpg") no-repeat left top;} #container .contents.ferrum .visual .wmx {max-width:1280px;} #container .contents.ferrum .visual .det {background:url("../images/web/sub/company/ferrum_img01.png") no-repeat right 25px; padding:50px 0 22px; max-width:690px; margin:0 auto;} #container .contents.ferrum .detail {padding-bottom:150px; max-width:690px; margin:0 auto;} #container .contents.ferrum .detail .video {max-width:690px; margin:0 auto;} #container .contents.ferrum .detail p.tit {background:url("../images/web/common/bullet_02.gif") no-repeat left 6px; padding-left:10px; font-weight:bold; font-size:14px;} #container .contents.ferrum .detail p.Btxt {font-size:18px; font-weight:bold; margin-top:35px; color:#000;} #container .contents.ferrum .detail p.Btxt2 {font-size:16px; font-weight:bold; margin-top:25px; color:#000;} #container .contents.ferrum .detail p.stxt {margin-top:20px; line-height:1.8em;} #container .contents.ferrum .detail .pr_v {margin:25px auto 0; height:360px; background:#000; max-width:640px;} #container .contents.ferrum .detail .script {background:#fff; max-width:580px; border:solid 1px #d0d4d7; padding:20px 30px; height:60px; color:#636363; overflow-y:auto; margin:0 auto 16px;} #container .contents.ferrum .detail .Dfloor .dftit {border-bottom:solid 1px #d0d4d7; background:url("../images/web/sub/company/bdb_line.gif") no-repeat left bottom; margin-top:29px;} #container .contents.ferrum .detail .Dfloor ul {clear:both; overflow:hidden; margin:20px 0 40px; width:100%;} #container .contents.ferrum .detail .Dfloor ul li {width:50%; float:left; margin-bottom:20px;} #container .contents.ferrum .detail .Dfloor ul li img {margin-right:15px; float:left;} #container .contents.ferrum .detail .overview {max-width:690px; margin:0 auto;} #container .contents.ferrum .detail .overview .fst {overflow:hidden; clear:both;} #container .contents.ferrum .detail .overview .fst .mflor {display:none;} #container .contents.ferrum .detail .overview .fst .ovL {float:left; width:42%;} #container .contents.ferrum .detail .overview .fst .ovL .floor {background:url("../images/web/sub/company/floor_img.png") no-repeat left top; width:291px; height:442px;} #container .contents.ferrum .detail .overview .fst .ovL .floor .menu {margin-left:160px; padding-top:7px;} #container .contents.ferrum .detail .overview .fst .ovL .floor .menu li {line-height:0;} #container .contents.ferrum .detail .overview .fst .ovL .stip {background:url("../images/web/sub/company/star.png") no-repeat left 3px; padding-left:15px; margin-top:10px;} #container .contents.ferrum .detail .overview .fst .ovR {float:left; width:58%; overflow:hidden;} #container .contents.ferrum .detail .overview .fst .ovR .f_info {margin-left:18px;} #container .contents.ferrum .detail .overview .fst .ovR .f_info ul li {display:none; padding-left:22px; position:relative;} #container .contents.ferrum .detail .overview .fst .ovR .f_info ul li .flr {border:solid 1px #a3a3a3; background:#fff; min-height:600px;} #container .contents.ferrum .detail .overview .fst .ovR .f_info ul li .flr .ftop {height:43px; border-bottom:solid 1px #d4d4d4; position:relative;} #container .contents.ferrum .detail .overview .fst .ovR .f_info ul li .flr .ftop span.fnum {position:absolute; left:-1px; top:-15px;} #container .contents.ferrum .detail .overview .fst .ovR .f_info ul li .flr .ftop span.txt {font-size:30px; line-height:36px; font-family:'Levenim MT', sans-serif; color:#d41717; margin-top:14px; display:block;} #container .contents.ferrum .detail .overview .fst .ovR .f_info ul li .flr .ftop span.txt.t1 {padding-left:165px;} #container .contents.ferrum .detail .overview .fst .ovR .f_info ul li .flr .ftop span.txt.t2 {padding-left:78px; font-size:27px; letter-spacing:-0.05em;} #container .contents.ferrum .detail .overview .fst .ovR .f_info ul li .flr .ftop span.txt.t3 {padding-left:135px; font-size:27px; letter-spacing:-0.05em;} #container .contents.ferrum .detail .overview .fst .ovR .f_info ul li .flr .ftop span.txt.c1 {color:#2f2f2f;} #container .contents.ferrum .detail .overview .fst .ovR .f_info ul li.i1 .flr .btip {position:absolute; top:170px; left:0;} #container .contents.ferrum .detail .overview .fst .ovR .f_info ul li.i2 .flr .btip {position:absolute; top:247px; left:0;} #container .contents.ferrum .detail .overview .fst .ovR .f_info ul li.i3 .flr .btip {position:absolute; top:300px; left:0;} #container .contents.ferrum .detail .overview .fst .ovR .f_info ul li.i4 .flr .btip {position:absolute; top:347px; left:0;} #container .contents.ferrum .detail .overview .fst .ovR .f_info ul li.i5 .flr .btip {position:absolute; top:393px; left:0;} #container .contents.ferrum .detail .overview .fst .ovR .f_info ul li.i6 .flr .btip {position:absolute; top:445px; left:0;} #container .contents.ferrum .detail .overview .fst .ovR .f_info ul li.i7 .flr .btip {position:absolute; top:520px; left:0;} #container .contents.ferrum .detail .overview .fst .ovR .f_info ul li .flr .det {padding:35px 3%; line-height:1.6em;} /*#container .contents.ferrum .detail .overview .fst .ovR .f_info ul li .flr .det p img {max-width:338px; width:100%;}*/ /*#container .contents.ferrum .detail .overview .ovR .f_info ul li.i1 {background:url(../images/web/sub/company/balloon_tip.png) no-repeat left 180px;}*/ #container .contents.ferrum .detail .overview .feature {margin-top:60px;} #container .contents.ferrum .detail .overview .feature .mftab {display:none;} #container .contents.ferrum .detail .overview .feature .ftab {overflow:hidden; width:100%; clear:both; margin-top:15px;} #container .contents.ferrum .detail .overview .feature .ftab li {float:left;} #container .contents.ferrum .detail .overview .feature .ftdt {padding:20px 2%;} #container .contents.ferrum .detail .overview .feature .ftdt ul {display:none;} #container .contents.ferrum .detail .overview .feature .ftdt ul li {/*background:url("../images/web/sub/company/bullet01.png") no-repeat left 6px; padding-left:10px;*/ margin-bottom:5px;} #container .contents.ferrum .detail .overview .feature .ftdt ul li ul.dd {margin:1px 0 8px 10px;} #container .contents.ferrum .detail .overview .feature .ftdt ul li ul.dd li {background:none; padding-left:0; margin-bottom:2px;} /* product */ #container .contents.product {background:url("../images/web/common/bg_con01.gif") repeat left top;} #container .contents.product .detail {max-width:690px; margin:0 auto; font-family:'Verdana';} #container .contents.product .detail ul.tab {overflow:hidden; clear:both; margin:0 auto 35px; width:791px;} #container .contents.product .detail ul.tab li {float:left;} #container .contents.product .detail .m_pro {display:none;} #container .contents.product .detail .title {font-family:'Levenim MT',sans-serif; line-height:55px; font-size:45px; font-weight:bold; text-align:center; /*margin-top:70px;*/ *line-height:30px; letter-spacing:2px;} #container .contents.product .detail .prdt {background:#fff; max-width:688px; margin:15px auto 0; position:relative; overflow:hidden; border:solid 1px #d0d4d7;} #container .contents.product .detail .prdt ul.thum {position:absolute; right:0; top:0; width:100px;} #container .contents.product .detail .prdt ul.thum li {line-height:0;} #container .contents.product .detail .prdt ul.big {position:relative; width:590px; height:283px; overflow:hidden;} #container .contents.product .detail .prdt ul.big li {position:absolute; left:0; top:0; float:left;} #container .contents.product .detail .prdt .txtS {padding:11px 25px 20px; color:#636363;} #container .contents.product .detail .prdt .txtS p.prN {font-size:16px; font-weight:bold; margin-bottom:11px; color:#2f2f2f;} #container .contents.product .detail .prinfo {overflow:hidden; clear:both; max-width:690px; margin:0 auto;} #container .contents.product .detail .prinfo .pt {width:48%;} #container .contents.product .detail .prinfo p.tit {background:none; font-size:14px; font-weight:bold; margin:32px 0 10px;} #container .contents.product .detail .prinfo p.tit2 {background:url("../images/web/common/bullet_05.gif") no-repeat left 5px; text-align:left; font-size:14px; font-weight:bold; padding-left:10px; margin:40px 0 0;} #container .contents.product .detail .prinfo p.stt {color:#676767; margin:12px 0;} #container .contents.product .detail .prinfo .leftf {float:left; width:62%;} #container .contents.product .detail .prinfo .imgr {float:right; margin-top:30px;} #container .contents.product .detail .prbtn {max-width:700px; margin:10px auto 0; text-align:right;} #container .contents.product .detail .exp {width:100%; overflow:hidden; margin-bottom:40px; position:relative;} #container .contents.product .detail .exp .tptit {font-size:14px; font-weight:bold; margin:30px 0 10px;} #container .contents.product .detail .exp .txt {color:#636363; line-height:1.7em;} #container .contents.product .detail .prinfo .exp .tbl {font-family:'Verdana';} #container .contents.product .detail .prinfo .pobot {position:absolute; bottom:0;left:0;} #container .contents.product .detail .prinfo .tbl, #container .contents.product .detail .prinfo .tbl2 {border:solid 1px #d0d4d7; background:#fff; width:100%;} #container .contents.product .detail .prinfo .tbl th {vertical-align:middle; text-align:center; padding:8px 0; border-bottom:solid 2px #110070; color:#2f2f2f; font-weight:normal;} #container .contents.product .detail .prinfo .tbl th.fir {border-bottom:solid 2px #d41717; border-right:solid 1px #d0d4d7;} #container .contents.product .detail .prinfo .tbl th.bdr {border-right:solid 1px #d0d4d7;} #container .contents.product .detail .prinfo .tbl.t2 td {padding:7px 12px; color:#636363; border:solid 1px #d0d4d7; vertical-align:middle;} #container .contents.product .detail .prinfo .tbl td {padding:9px 12px; color:#636363; border:solid 1px #d0d4d7; vertical-align:middle;} #container .contents.product .detail .prinfo .tbl td.fir {font-weight:bold; color:#2f2f2f; border-right:solid 1px #d0d4d7;} #container .contents.product .detail .prinfo .tbl td.txtc {text-align:center;} #container .contents.product .detail .prinfo .tbl .fin {padding-bottom:19px;} #container .contents.product .detail .prinfo .tbl .bdn, #container .contents.product .detail .prinfo .tbl2 .bdn {border-bottom:none;} #container .contents.product .detail .prinfo .tbl2 th {padding:10px 0 10px 10px; border-right:solid 2px #110070; border-bottom:solid 1px #d0d4d7; font-weight:normal;} #container .contents.product .detail .prinfo .tbl2 th.fir {border-right:solid 2px #d41717;} #container .contents.product .detail .prinfo .tbl2 td {font-weight:bold; padding:10px 12px; border-bottom:solid 1px #d0d4d7; } #container .contents.product .detail .prinfo .tbl2 td.txt {font-weight:normal; border-left:solid 1px #d0d4d7;} #container .contents.product .detail .prinfo span.green {/*background:url("../images/web/sub/product/tag_green.png") no-repeat left top; height:22px;*/ vertical-align:6px; padding-left:5px; color:#36930d;} #container .contents.product .detail .prinfo span.red2 {vertical-align:6px; padding-left:5px; color:#ff0000;} #container .contents.product .detail .prinfo span.yellow {vertical-align:6px; padding-left:5px; color:#b99e08;} #container .contents.product .detail .prinfo span.black {vertical-align:6px; padding-left:5px; color:#000;} #container .contents.product .detail .prinfo span.gray {vertical-align:6px; padding-left:5px; color:#acacac;} #container .contents.product .detail .prinfo span.blue {vertical-align:6px; padding-left:5px; color:#4680ca;} #container .contents.product .detail .prinfo span.white {vertical-align:6px; padding-left:5px; color:#666666;} #container .contents.product .detail .prinfo span.pink {vertical-align:6px; padding-left:5px; color:#e579b1;} #container .contents.product .detail .prinfo span.block {display:block;} #container .contents.product .detail .prinfo img.fimg {width:100%;} #container .contents.product .detail .process {max-width:690px; margin:0 auto;} #container .contents.product .detail .process .prcsp .mprc {display:none;} #container .contents.product .detail .process .prcsp .itvtab1 li {float:left; width:50%; height:50px; text-align:center; background:url("../images/web/sub/product/bg_line_gray.png") repeat-x left top; margin-bottom:15px;} #container .contents.product .detail .process .prcsp .itvtab1 li a {display:block; height:18px; padding:14px 0;} #container .contents.product .detail .process .prcsp .itvtab1 li.first a {background:url("../images/web/sub/product/line_gray.gif") no-repeat right 11px;} #container .contents.product .detail .process .prcsp .itvtab1 li.on a {border-top:2px solid #009CFF; border-bottom:2px solid #009CFF;} #container .contents.product .detail .process .prcsp .itvtab1 li a img {vertical-align:middle;} #container .contents.product .detail .process .prcsp .itvtab {overflow:hidden; width:100%; clear:both;} #container .contents.product .detail .process .prcsp .itvtab li {float:left; width:12%; height:50px; text-align:center; background:url("../images/web/sub/product/bg_line_gray.png") repeat-x left top;} #container .contents.product .detail .process .prcsp .itvtab li.big_menu {width:26%;} #container .contents.product .detail .process .prcsp .itvtab li a {display:block; height:18px; padding:17px 0 15px;} #container .contents.product .detail .process .prcsp .itvtab li.on1 a {border-top:2px solid #009CFF; border-bottom:2px solid #009CFF; padding:15px 0 13px;} #container .contents.product .detail .process .prcsp .itvtab li.on2 a {border-top:2px solid #009CFF; border-bottom:2px solid #009CFF; padding:15px 0 13px;} #container .contents.product .detail .process .prcsp .itvtab li.pprcst a {padding:13px 0 18px; background:url("../images/web/sub/product/line_gray_s.gif") no-repeat right 15px;} #container .contents.product .detail .process .prcsp .itvtab li.pprcst.last a {background:none} #container .contents.product .detail .process .prcsp .itvtab li.last a {background:url("../images/web/sub/product/line_gray.gif") no-repeat left 11px;} /*#container .contents.rjp .detail .interview .prcsp .itvtab li img {max-width:137px; width:100%;}*/ #container .contents.product .detail .process .prcsp .prcsv .pprv {display:none; margin-top:34px;} #container .contents.product .detail .process .prcsp .prcsv .pprv p.img.m {display:none; width:100%; max-width:640px; margin:30px auto 0;} #container .contents.product .detail .process .prcsp .prcsv .pprv p.img.m img {max-width:640px; width:100%;} #container .contents.product .detail .process .prcsp .prcsv .pprv p.txt.m {display:none;} #container .contents.product .detail .process .prcsp .prcsv .pprv p.txt {font-size:14px; padding-left:10px; font-weight:bold; background:url("../images/web/common/bullet_05.gif") no-repeat left 6px; padding-left:;} #container .contents.product .detail .process .prcsp .prcsv .pprv p.txt span {display:block; font-size:12px; margin-top:7px; font-weight:normal;} #container .contents.product .detail .process .prcsp .prcsv .pprv .video {max-width:640px; width:100%; height:360px; margin:36px auto 0; background:#000;} #container .contents.product .detail .process .prcsp .prcsv .pprv .script {max-width:580px; background:#fff; border:solid 1px #d0d4d7; padding:20px 30px; height:60px; color:#636363; overflow-y:auto; margin:0 auto 16px;} #container .contents.product .detail .process .flash {width:100%; height:504px; max-width:640px; margin:36px auto 0;} #container .contents.product .detail .cftab {overflow:hidden; clear:both; max-width:907px; margin:0 auto;} #container .contents.product .detail .cftab li {float:left; /*width:227px;*/ width:25%; background:url("../images/web/sub/product/tab_bg.gif") no-repeat left top; text-align:center; padding:9px 0 8px;} #container .contents.product .detail .cftab li.last {/*width:226px;*/ background:url("../images/web/sub/product/tab_bg_last.gif") no-repeat left top;} #container .contents.product .detail .cftab li.on {background:url("../images/web/sub/product/tab_bg_on.gif") no-repeat left top;} /*#container .contents.product .detail .cftab li.last.on {background:url("../images/web/sub/product/tab_bg_last_on.gif") no-repeat left top;}*/ *#container .contents.product .detail .cftab li a {display:block; width:100%; height:100%;} #container .contents.product .detail .cert {margin:10px auto 0;} #container .contents.product .detail .cert .tbl {width:100%; background:#fff; min-width:425px;} #container .contents.product .detail .cert .tbl th {border-top:solid 2px #636363; border-right:solid 1px #d0d4d7; border-bottom:solid 1px #d0d4d7; background:#e3e7ea; padding:13px 0; font-weight:bold; text-align:center;} #container .contents.product .detail .cert .tbl th.left {border-top:solid 2px #ff0000; border-left:solid 1px #d0d4d7;} #container .contents.product .detail .cert .tbl td {color:#2f2f2f; border-bottom:solid 1px #d0d4d7; border-right:solid 1px #d0d4d7; text-align:left; padding:8px 13px; vertical-align:middle;} #container .contents.product .detail .cert .tbl td.fir {border-left:solid 1px #d0d4d7;} #container .contents.product .detail .cert .tbl td.rsp {border-bottom:none; background:url("../images/web/sub/product/dot.png") repeat-x left bottom;} #container .contents.product .detail .cert .tbl td.fin {border-bottom:solid 2px #d0d4d7;} #container .contents.product .detail .cert .tbl td img.down {vertical-align:-2px;} #container .contents.product .detail .discovery {/*max-width:690px; margin:0 auto;*/} #container .contents.product .detail .discovery .tit {background:url("../images/web/common/bullet_05.gif") no-repeat left 5px; text-align:left; font-size:14px; font-weight:bold; padding-left:10px;} #container .contents.product .detail .discovery p.Btxt {font-size:16px; font-weight:bold; margin-top:35px; color:#000; line-height:1.4em;} #container .contents.product .detail .discovery p.stt {color:#000; margin-top:20px;} #container .contents.product .detail .discovery .pr_v {margin:20px auto 0; width:100%; height:360px; background:#000; max-width:640px;} #container .contents.product .detail .discovery .script {background:#fff; max-width:580px; border:solid 1px #d0d4d7; color:#636363; height:74px; margin:0 auto 16px; overflow-y:auto; padding:20px 30px;} /* ir */ /*#container .contents.ir .detail .summary {font-size:33px; color:#d41717; font-family:'Levenim MT',sans-serif; font-weight:bold;} #container .contents.ir .detail .summary span.nn {font-size:26px; font-family:'NanumGothicWeb',sans-serif;} #container .contents.ir .detail .summary span.dot {font-size:26px; font-family:'Verdana',sans-serif;}*/ /*#container .contents.ir .detail {font-family:'Verdana';}*/ #container .contents.ir .detail .msmr {display:none;} #container .contents.ir .detail .summary {max-width:690px; width:100%; margin:0 auto; overflow:hidden; clear:both;} #container .contents.ir .detail .summary .status {border-top:solid 1px #d3d6d6; margin-top:3px; clear:both; overflow:hidden;} #container .contents.ir .detail .summary .status .lft_smr {float:left; border-right:solid 1px #d3d6d6; width:49.5%;} #container .contents.ir .detail .summary .status .lft_smr span.k1 {font-size:26px; font-family:'NanumGothicWeb',sans-serif; vertical-align:3px;} #container .contents.ir .detail .summary .status .lft_smr span.k2 {font-size:24px; font-family:'NanumGothicWeb',sans-serif; vertical-align:3px;} #container .contents.ir .detail .summary .status .lft_smr span.k3 {font-size:22px; font-family:'NanumGothicWeb',sans-serif; vertical-align:3px;} #container .contents.ir .detail .summary .status .lft_smr .ls1 {border-bottom:solid 1px #d3d6d6; padding:40px 0 15px;} #container .contents.ir .detail .summary .status .lft_smr .ls2 {border-bottom:dotted 1px #d3d6d6; padding:40px 0 15px; margin-right:50px;} #container .contents.ir .detail .summary .status .lft_smr .stt {font-size:33px; padding:25px 10% 0 0; text-align:right; letter-spacing:-1px; width:89%; height:60px; margin:20px 0 0 10px; font-weight:bold; color:#2f2f2f; font-family:'Levenim MT',sans-serif;} #container .contents.ir .detail .summary .status .lft_smr .bg {background:url("../images/web/sub/ir/summary_icon01.png") no-repeat left top; padding:25px 0 0 75px; width:55%; color:#d41717;} #container .contents.ir .detail .summary .status .lft_smr .bg01 {background:url("../images/web/sub/ir/summary_icon02.png") no-repeat left top;} #container .contents.ir .detail .summary .status .lft_smr .bg02 {background:url("../images/web/sub/ir/summary_icon03.png") no-repeat left top;} #container .contents.ir .detail .summary .status .lft_smr .bg03 {background:url("../images/web/sub/ir/summary_icon04.png") no-repeat left top; color:#636363;} #container .contents.ir .detail .summary .status .lft_smr .bg04 {background:url("../images/web/sub/ir/summary_icon05.png") no-repeat left top; color:#636363;} #container .contents.ir .detail .summary .status .lft_smr .bg05 {background:url("../images/web/sub/ir/summary_icon06.png") no-repeat left top; color:#636363;} #container .contents.ir .detail .summary .status .lft_smr .stit {font-weight:bold; margin:20px 0 0 10px;} #container .contents.ir .detail .summary .status .rgt_smr {float:left; width:50%;} #container .contents.ir .detail .summary .status .rgt_smr .rs1 {border-bottom:solid 1px #d3d6d6; padding:40px 10px 15px 50px;} #container .contents.ir .detail .summary .status .rgt_smr .rs1 .sales {height:60px; background:url("../images/web/sub/ir/summary_icon07.png") no-repeat left 20px; padding:0 20px 45px 144px; } #container .contents.ir .detail .summary .status .rgt_smr li {font-size:24px; letter-spacing:-1px; text-align:right; height:20px; font-family:'Levenim MT',sans-serif; color:#d41717; font-weight:bold;} #container .contents.ir .detail .summary .status .rgt_smr .rs1 .sales li {text-align:left;} #container .contents.ir .detail .summary .status .rgt_smr .rs1 .sales li.gry {display:block; color:#6d6d6d; padding-bottom:40px;} #container .contents.ir .detail .summary .status .rgt_smr .rs1 .sales li.red {display:block;} #container .contents.ir .detail .summary .status .rgt_smr .rs1 .sales li.red img {padding-bottom:5px;} #container .contents.ir .detail .summary .status .rgt_smr span {font-size:13px; font-family:'NanumGothicWeb',sans-serif; font-weight:bold; vertical-align:3px; padding-right:5px;} #container .contents.ir .detail .summary .status .rgt_smr .rs2 {border-bottom:dotted 1px #d3d6d6; padding:46px 5px 57px 0; margin:0 20px 0 50px;} #container .contents.ir .detail .summary .status .rgt_smr .rs2 li {display:block; height:47px; font-size:30px; text-align:right;} #container .contents.ir .detail .summary .status .rgt_smr .rs2 li.red p{text-align:right; padding-bottom:8px;} #container .contents.ir .detail .summary .status .rgt_smr .rs2 li.gry {color:#6d6d6d;} #container .contents.ir .detail .summary .status .rgt_smr .rs2 li.gry p {padding-bottom:10px;} #container .contents.ir .detail .summary .status .rgt_smr .rs2 img {vertical-align:2px; margin-right:9px;} #container .contents.ir .detail .summary .status .rgt_smr .grp1 {background:url("../images/web/sub/ir/summary_icon08.png") no-repeat left top; padding-top:10px; text-align:right; height:75px;} #container .contents.ir .detail .summary .status .rgt_smr .grp2 {background:url("../images/web/sub/ir/summary_icon09.png") no-repeat left top; padding-top:4px; text-align:right; height:75px;} #container .contents.ir .detail .summary .status .rgt_smr .grp3 {background:url("../images/web/sub/ir/summary_icon10.png") no-repeat left top; padding-top:12px; text-align:right; height:75px;} #container .contents.ir .detail .summary .status .rgt_smr .growth {background:url("../images/web/sub/ir/summary_icon11.png") no-repeat left 3px; font-weight:bold; font-family:'Levenim MT',sans-serif; margin-top:25px; text-align:right; color:#888; font-size:30px; letter-spacing:-1px;} #container .contents.ir .detail .summary .status .rgt_smr .growth em {display:block; text-align:right; padding-bottom:5px;} #container .contents.ir .detail .summary .status .tit {background:url("../images/web/common/bullet_05.gif") no-repeat left 6px; font-size:14px; font-weight:bold; padding-left:10px;} #container .contents.ir .detail.sub {max-width:990px; margin:0 auto; padding:60px 5% 0;} #container .contents.ir .detail .ir_tit {font-size:14px; background:url("../images/web/common/bullet_02.gif") no-repeat left 6px; padding-left:10px; font-weight:bold;} #container .contents.ir .detail p.stt {color:#676767; margin-top:12px;} #container .contents.ir .detail .ir_sch {overflow:hidden; clear:both; margin-top:4px;} #container .contents.ir .detail .ir_sch span {color:#676767; float:left; display:block; margin-top:11px;} #container .contents.ir .detail .ir_sch .case {float:right;} #container .contents.ir .detail .ir_sch .case .sel {border:solid 1px #d0d4d7; height:25px; width:80px; text-align:center; margin-right:5px; *border:none;} #container .contents.ir .detail .ir_sch .case .sel.mn {margin-right:0;} #container .contents.ir .detail .ir_sch .case .sel select {vertical-align:top; margin-top:4px; font-family:'Verdana', sans-serif; color:#656565; width:74px;} #container .contents.ir .detail .itline {width:100%; /*overflow-x:scroll;*/ /*background:#636363 url("../images/web/sub/pr/line.gif") no-repeat left top;*/ padding:2px 0 20px; margin-top:20px;} #container .contents.ir .detail .ir_tbl {width:100%; /*width:990px;*/ background:#fff;} #container .contents.ir .detail .tp1 .none {width:20%;} #container .contents.ir .detail .tp2 .none {width:13.5%;} #container .contents.ir .detail .ir_tbl th {background:#e3e7ea; text-align:center; font-weight:bold; vertical-align:middle; padding:8px 0; border-bottom:solid 1px #d0d4d7; border-right:solid 1px #d0d4d7; border-top:solid 2px #636363;} #container .contents.ir .detail .ir_tbl th.fir {border-left:solid 1px #d0d4d7; border-top:solid 2px #ff0000;} #container .contents.ir .detail .ir_tbl td.fir {border-left:solid 1px #d0d4d7;} #container .contents.ir .detail .ir_tbl td {padding:8px 0 8px 25px; border-bottom:solid 1px #d0d4d7; border-right:solid 1px #d0d4d7;} #container .contents.ir .detail .ir_tbl td.txt_r {text-align:right; padding:8px 15px 8px 0;} #container .contents.ir .detail .ir_tbl td.bold_l {font-weight:bold; padding:8px 0 8px 15px;} #container .contents.ir .detail .ir_tbl td.bold {font-weight:bold;} #container .contents.ir .detail span.ps {color:#676767; display:block; margin-top:15px;} /* 공시 */ #container .contents.irfrm .detail {text-align:center;} #container .contents.irfrm .detail .ifs {overflow-x:scroll; margin:0 auto; overflow-y:hidden;} #container .contents.ir .tbl {width:100%; margin-top:15px; /*border-collapse:separate;*/} #container .contents.ir .tbl col.rnum {width:5%;} #container .contents.ir .tbl col.pdfd {width:20%;} #container .contents.ir .tbl th {background:#e3e7ea; border-top:solid 2px #636363; border-bottom:solid 1px #d0d4d7; color:#2f2f2f; font-weight:bold; text-align:center; padding:15px 0; border-right:solid 1px #d0d4d7;} #container .contents.ir .tbl th.fir {border-top:solid 2px #ff0000; border-left:solid 1px #d0d4d7;} #container .contents.ir .tbl td {border-bottom:solid 1px #d0d4d7; vertical-align:middle; color:#2f2f2f; text-align:center; padding:10px 0; border-right:solid 1px #d0d4d7;} #container .contents.ir .tbl td.fir {border-left:solid 1px #d0d4d7;} #container .contents.ir .tbl td.title {text-align:left; padding-left:10px;} #container .contents.ir .tbl td a.down {background:url("../images/web/common/btn_down.png") no-repeat 98px 7px; padding:6px 31px 6px 18px; border:solid 1px #d0d4d7;} /* pr */ #container .contents.pr {background:url("../images/web/common/bg_con01.gif") repeat left top;} #container .contents.pr .detail.news {font-family:'Verdana';} #container .contents.pr .detail .vdo {max-width:690px; margin:0 auto;} #container .contents.pr .detail p.tit {background:url("../images/web/common/bullet_02.gif") no-repeat left 6px; padding-left:10px; font-weight:bold; font-size:14px; text-align:left; margin-bottom:10px;} #container .contents.pr .detail .pub.catalog p.tit {margin-left:27px;} #container .contents.pr .detail .video_t {margin:22px 0 12px; font-size:16px; font-weight:bold;} #container .contents.pr .detail .pr_v {margin:25px auto 0; max-width:640px;} #container .contents.pr .detail .pr_v.ad {height:360px;} #container .contents.pr .detail .pr_v .peo, #container .contents.pr .detail .pr_v .gpeo {display:none;} #container .contents.pr .detail .pr_v .peo .video, #container .contents.pr .detail .pr_v .gpeo .video {height:360px; max-width:640px; width:100%; background:#000;} #container .contents.pr .detail .script {background-color:#fff; border:solid 1px #d0d4d7; max-width:580px; padding:20px 30px; height:60px; color:#636363; overflow-y:auto; margin:0 auto 16px;} #container .contents.pr .detail .prview {overflow:hidden; clear:both; border-bottom:solid 1px #d0d4d7; padding:18px 0;} #container .contents.pr .detail .prview.bdn {border-bottom:none;} #container .contents.pr .detail .prview dt {background:url("../images/web/common/bullet_06.gif") no-repeat left 6px; float:left; font-weight:bold; padding-left:10px; width:126px; *padding-top:6px; *background-position:0 12px;} #container .contents.pr .detail .prview dd {float:left;} #container .contents.pr .detail .prview dd a {text-align:center; border:solid 1px #d0d4d7; padding:6px 25px 5px 20px; display:inline-block;*display:inline-block; margin-right:7px; *background-position:65px 11px;} #container .contents.pr .detail .prview dd a.k1 {background:#fff url("../images/web/sub/pr/btn_off.png") no-repeat 69px 12px;} #container .contents.pr .detail .prview dd a.on.k1 {background:#fff url("../images/web/sub/pr/btn_on.png") no-repeat 69px 12px; *background-position:65px 11px;} #container .contents.pr .detail .prview dd a.on.last {background:#fff url("../images/web/sub/pr/btn_on.png") no-repeat 92px 12px; *background-position:65px 11px;} #container .contents.pr .detail .prview dd a.e1 {background:#fff url("../images/web/sub/pr/btn_off.png") no-repeat 69px 12px;} #container .contents.pr .detail .prview dd a.on.e1 {background:#fff url("../images/web/sub/pr/btn_on.png") no-repeat 69px 12px; *background-position:65px 11px;} #container .contents.pr .detail .prview dd a.j1 {background:#fff url("../images/web/sub/pr/btn_off.png") no-repeat 84px 12px;} #container .contents.pr .detail .prview dd a.on.j1 {background:#fff url("../images/web/sub/pr/btn_on.png") no-repeat 84px 12px;} #container .contents.pr .detail .prview dd a.c1 {background:#fff url("../images/web/sub/pr/btn_off.png") no-repeat 76px 12px;} #container .contents.pr .detail .prview dd a.on.c1 {background:#fff url("../images/web/sub/pr/btn_on.png") no-repeat 76px 12px;} #container .contents.pr .detail .prview dd a.last {margin-right:none; background:#fff url("../images/web/sub/pr/btn_off.png") no-repeat 92px 12px; padding:6px 25px 5px 15px; *background-position:80px 11px;} #container .contents.pr .detail .prview.bdn dd a {text-align:center; border:solid 1px #d0d4d7; padding:6px 25px 5px 20px; display:inline-block;*display:inline-block; margin-right:7px; *background-position:62px 11px;} #container .contents.pr .detail .prview.bdn dd a.e2 {background:#fff url("../images/web/common/btn_down.png") no-repeat 71px 12px;} #container .contents.pr .detail .prview.bdn dd a.k2 {background:#fff url("../images/web/common/btn_down.png") no-repeat 72px 12px;} #container .contents.pr .detail .prview.bdn dd a.j2 {background:#fff url("../images/web/common/btn_down.png") no-repeat 86px 12px;} #container .contents.pr .detail .prview.bdn dd a.c2 {background:#fff url("../images/web/common/btn_down.png") no-repeat 78px 12px;} #container .contents.pr .detail .prview.bdn dd a.last {margin-right:none; background:#fff url("../images/web/common/btn_down.png") no-repeat 91px 12px; padding:6px 25px 5px 15px; *background-position:78px 11px;} #container .contents.pr .detail ul.print {overflow:hidden; clear:both;} #container .contents.pr .detail ul.print li {margin-top:30px; float:left; width:50%;} #container .contents.pr .detail ul.print li img { border:#E4E4E4 1px solid} #container .contents.pr .detail ul.print li p {text-align:center; font-size:14px; font-weight:bold; margin-top:17px;} #container .contents.pr .detail .tv_t {margin:24px 0 12px; font-size:18px; font-weight:bold; color:#000;} #container .contents.pr .detail .tv_txt {color:#000; line-height:2em; margin:0 5px;} #container .contents.pr .detail .print {max-width:690px; margin:0 auto; position:relative;} #container .contents.pr .detail .print span.ard {position:absolute; top:0; right:0;} #container .contents.pr .detail .print .pub {overflow:hidden; margin-top:30px; position:relative; width:100%;} #container .contents.pr .detail .print .pub.catalog .list {margin-bottom:30px;} #container .contents.pr .detail .print .pub.catalog .list.fir {margin-top:29px;} #container .contents.pr .detail .print .pub .list {float:left; max-width:167px; /*margin-right:38px;*/ text-align:center; margin-left:27px; margin-right:27px;} #container .contents.pr .detail .print .pub .c_b {float:left; margin-left:27px;} #container .contents.pr .detail .print .pub .c_b .list {width:100%; margin-left:0;} #container .contents.pr .detail .print .pub .report {margin-right:0; float:left; text-align:center;} #container .contents.pr .detail .print .pub .report li {display:none; line-height:0;} #container .contents.pr .detail .print .pub .report li .prtit {margin:24px 0 17px;} #container .contents.pr .detail .print .pub span {display:block;} #container .contents.pr .detail .print .pub .prtit {height:35px; font-size:13px; font-weight:bold; margin:15px 0 8px;} #container .contents.pr .detail .print .pub ul.ryear {position:absolute;right:0; bottom:65px;} #container .contents.pr .detail .print .pub ul.ryear li {text-decoration:underline;} #container .contents.pr .detail .print .pub ul.ryear li a {color:#2f2f2f;} #container .contents.pr .detail .print .pub ul.ryear li.on {font-weight:bold;} /*#container .contents.webzine {width:100%; padding-bottom:0; overflow:hidden; padding-top:60px; max-width:1680px;} #container .contents.webzine .detail .wztop {overflow:hidden; margin:0 13px 0 30px;} #container .contents.webzine .detail span.month {font-family:'Monda', sans-serif; color:#636363; float:left;} #container .contents.webzine .detail span.wztit {font-family:'Levenim MT', sans-serif; color:#636363; float:right;} #container .contents.webzine .detail .wzmid {overflow:hidden; margin:35px 13px 0 30px; position:relative;} #container .contents.webzine .detail .wzmid .f_r {margin-top:65px; vertical-align:top;} #container .contents.webzine .detail .wzmid .f_r a {vertical-align:top; display:inline-block;} #container .contents.webzine .detail .wzmid .f_r .sel {border:solid 1px #d0d4d7; font-family:'Verdana'; display:inline-block; padding:4px 0;} #container .contents.webzine .detail .wzmid .f_r .sel select {border:none; font-family:'Verdana';height:18px;} #container .contents.webzine .detail .wzlist {background:#f4f6f5; position:relative; overflow:hidden;} #container .contents.webzine .detail .wzlist ul.dlist {float:left; margin:29px 0 0 28px;} #container .contents.webzine .detail .wzlist ul.dlist li {background:url("../images/web/sub/pr/dot.png") repeat-x left bottom; padding:12px 0; font-size:18px;} #container .contents.webzine .detail .wzlist ul.dlist li a {color:#2f2f2f;} #container .contents.webzine .detail .wzlist ul.dlist li span.sml {font-size:12px; font-weight:bold; color:#636363; display:block;} #container .contents.webzine .detail .wzlist ul.dlist li span a {color:#636363;} #container .contents.webzine .detail .wzlist span.vbtn {position:absolute; bottom:22px; right:98px;}*/ #container .contents.webzine .detail {max-width:690px; margin:0 auto; background:#fff; padding:60px 5% 0;} #container .contents.webzine .detail .wpp {overflow:hidden; clear:both;} #container .contents.webzine .detail .wpp .cover {float:left;} #container .contents.webzine .detail .wpp .wzd {position:relative; float:right;} #container .contents.webzine .detail .wpp .wzd .wzdet {margin-top:324px;} /* news, event - list */ #container .contents.pr_no{background:none;} #container .contents.pr .detail {max-width:690px; margin:0 auto;} #container .contents.pr .detail.sub {max-width:990px; margin:0 auto;} #container .contents.pr .detail .recent, #container .contents.pr .detail .n_list { /*max-width:1245px;*/ margin:0 auto; background:#636363 url("../images/web/sub/pr/line.gif") no-repeat left top; padding-top:2px; } #container .contents.pr .detail .recent dl {overflow:hidden; clear:both; padding:30px 20px 25px; border-bottom:solid 1px #d0d4d7; background:#fff;} #container .contents.pr .detail .recent dl.bdn {border-bottom:none;} #container .contents.pr .detail .recent dl dt {float:left; margin-right:30px;} #container .contents.pr .detail .recent dl dt.event img {border:solid 1px #c4c7ca;} #container .contents.pr .detail .recent dl dd {/*float:right; width:52%;*/ font-size:12px; color:#636363; font-weight:normal; padding-top:5px;/*10px*/} #container .contents.pr .detail .recent dl dd p.title {font-size:18px; color:#2f2f2f; font-weight:bold; margin-bottom:5px;/*7px*/} #container .contents.pr .detail .recent dl dd p.title img {margin:1px 0 0 3px;} #container .contents.pr .detail .recent dl dd span.data {display:block; margin-bottom:10px;/*15px*/} #container .contents.pr .detail .recent dl dd span.dgo {display:block; margin-top:10px;/*15px*/ color:#2f2f2f; font-weight:bold; text-decoration:underline;} #container .contents.pr .detail .recent dl dd span.dgo a {color:#2f2f2f;} #container .contents.pr .detail .n_list {margin-top:10px;} #container .contents.pr .detail .n_list dl {background:#fff; border-bottom:solid 1px #d0d4d7; padding:20px; clear:both; overflow:hidden;} #container .contents.pr .detail .n_list dl dt {float:left; margin-right:20px; height:96px;} #container .contents.pr .detail .n_list dl dt.event img {border:solid 1px #c4c7ca;} #container .contents.pr .detail .n_list dl dd {color:#636363; font-weight:normal; position:relative;} #container .contents.pr .detail .n_list dl dd p.title {font-weight:bold; color:#2f2f2f; font-size:13px; margin-bottom:10px;} #container .contents.pr .detail .n_list dl dd span.data {position:absolute; right:0; top:0;} #container .contents.pr .detail .n_list dl dd p.title img {vertical-align:middle;} /* news - view */ #container .contents.pr .detail .view {background:#636363 url("../images/web/sub/pr/line.gif") no-repeat left top; padding-top:2px; overflow:hidden;} #container .contents.pr .detail .view p.title {padding:20px 0 20px 20px; background:#fff; font-size:16px; font-weight:bold; border-bottom:solid 1px #d0d4d7; position:relative;} #container .contents.pr .detail .view p.title span {position:absolute; top:22px; right:20px; font-size:12px; color:#636363; font-weight:normal;} #container .contents.pr .detail .view .vdtl {padding:40px 0 10px; color:#636363; background:#fff;} #container .contents.pr .detail .view .vdtl.txt_c {text-align:center;} /*#container .contents.pr .detail .view .vdtl.txt_l {text-align:left;}*/ #container .contents.pr .detail .view .openE {background:#ffffff url("../images/web/sub/pr/event_bg.jpg") no-repeat center top; width:866px; margin:0 auto; height:1765px;} #container .contents.pr .detail .view .openE p.openE_img {text-align:center;} #container .contents.pr .detail .view .openE .opnE {margin:38px auto 0; width:640px; text-align:left;} #container .contents.pr .detail .view .openE .opnE p {color:#2f2f2f; font-weight:bold; font-size:18px;} #container .contents.pr .detail .view .openE .opnE p a {vertical-align:-19px;} #container .contents.pr .detail .view .openE .opnE .video {width:640px; height:360px; background:#000;} #container .contents.pr .detail .lipaging {border-top:solid 2px #636363; margin-top:25px;} #container .contents.pr .detail .lipaging li {border-bottom:solid 1px #d0d4d7; padding:18px 0 15px; background:#fff; position:relative; overflow:hidden; *overflow:none; clear:both;} #container .contents.pr .detail .lipaging li .prev {background:url("../images/web/common/arr_listup.png") no-repeat right 5px; width:67px; padding-left:20px; font-size:14px; color:#2f2f2f; font-weight:bold; float:left;} #container .contents.pr .detail .lipaging li .next {background:url("../images/web/common/arr_listdown.png") no-repeat right 6px; width:67px; padding-left:20px; font-size:14px; color:#2f2f2f; font-weight:bold; float:left;} #container .contents.pr .detail .lipaging li .title {color:#2f2f2f; padding-left:18px; float:left; font-size:14px;} #container .contents.pr .detail .lipaging li span {position:absolute; right:20px; font-size:12px; color:#636363;} /* even - view(reply) */ #wrapper.event #container .topC {overflow:hidden; height:80px;} #container .contents.pr .detail .bap, #container .contents.concert .detail .bap {background:#fff; padding:20px 0 30px; text-align:center;} #container .contents.pr .detail .replyS { border-top:solid 2px #636363; background:#fff; } #container .contents.pr .detail .replyS .wrpl {overflow:hidden;*overflow:none; clear:both; border-bottom:solid 1px #d0d4d7; padding:20px; background:#f7f8f9; position:relative;} #container .contents.pr .detail .replyS .wrpl p.tit {font-size:14px; font-weight:bold; width:80px; position:absolute; top:65px; left:20px;} #container .contents.pr .detail .replyS .wrpl .write {margin-left:80px;} #container .contents.pr .detail .replyS .wrpl .write .user {margin:0 110px 20px 0; position:relative;} #container .contents.pr .detail .replyS .wrpl .write input {border:solid 1px #d0d4d7; height:22px;width:120px; padding-left:5px;} #container .contents.pr .detail .replyS .wrpl .write label {margin-right:11px;} #container .contents.pr .detail .replyS .wrpl .write a.btn {position:absolute; right:0;} #container .contents.pr .detail .replyS .wrpl .write .txt {overflow:hidden; clear:both; position:relative;} #container .contents.pr .detail .replyS .wrpl .write .txt .txar {border:solid 1px #d0d4d7; padding:10px; background:#fff; height:40px; margin-right:110px;} #container .contents.pr .detail .replyS .wrpl .write .txt .txar textarea {background:#fff; overflow:hidden; font-size:12px; resize:none; width:100%; height:100%;} #container .contents.pr .detail .replyS .wrpl .write .txt .rebtn {position:absolute; right:0; top:0;} #container .contents.pr .detail .replyS p.totrep {padding:10px 23px; border-bottom:solid 1px #d0d4d7; background:url("../images/web/common/bullet_04.gif") no-repeat 15px 17px;} #container .contents.pr .detail .replyS .rep li {padding:10px 0; border-bottom:solid 1px #d0d4d7; position:relative;} #container .contents.pr .detail .replyS .rep li span.bold {margin:0 10px 0 20px; display:inline-block;} #container .contents.pr .detail .replyS .rep li .rpt {display:inline-block; margin:-18px 130px 0 10px; *margin:-17px 130px 0 80px;} #container .contents.pr .detail .replyS .rep li img.new {vertical-align:-1px; margin-left:5px;} #container .contents.pr .detail .replyS .rep li .remanage {display:inline; margin-left:5px;} #container .contents.pr .detail .replyS .rep li .remanage a {font-size:11px; color:#636363; background:url("../images/web/common/smline.gif") no-repeat right top; padding:0 6px;} #container .contents.pr .detail .replyS .rep li .remanage a.last {background:none;} #container .contents.pr .detail .replyS .rep li .date {position:absolute; right:20px; top:11px;*top:9px; color:#636363;} #container .contents.pr .detail .replyS .rep li .date span.time {margin-left:8px;} #container .contents.pr .detail .replyS .rep li .urep {margin:10px 0 -10px; /* *border-top:solid 1px #d0d4d7; */ } #container .contents.pr .detail .replyS .rep li .urep li {border-bottom:none; border-top:solid 1px #d0d4d7; /* *border-top:solid 2px #d0d4d7; *margin-top:-1px; */ position:relative; padding-left:15px; background:url("../images/web/sub/pr/rep_sign.png") no-repeat 22px 12px;} #container .contents .detail span.redB {color:#ff0000; font-weight:bold;} /* 댓글관리정책 팝업 */ #replypop {background:url("../images/web/common/bg_pop.png") repeat left top; position:absolute; top:0; left:0; width:100%; height:100%; display:none;} #replypop .repop {background:url("../images/web/sub/pr/bg_reply.png") no-repeat left top; max-width:608px; height:773px; color:#000; position:relative; top:55%; left:2%; right:2%; padding:0 48px 0; font-family:'Verdana'; } #replypop .repop p.title {font-size:24px; font-weight:bold; padding:46px 0 0 0; *line-height:24px;} #replypop .repop ul {background:#f7f8f9; margin-top:30px; padding:20px;} #replypop .repop ul li {margin-bottom:30px;} #replypop .repop ul li.last {margin-bottom:0;} #replypop .repop ul li em {font-weight:bold; display:block; margin-bottom:5px;} #replypop .repop .pclo {position:absolute; top:20px; right:20px;} /* recruit */ #container .contents.recruit .detail .mpst {display:none;} #container .contents.recruit .detail {padding-top:25px; max-width:690px; margin:0 auto;} #container .contents.recruit .detail p.t_img {text-align:center;} #container .contents.recruit .detail .tsect {background:url("../images/web/sub/recruit/bg_re1.png") no-repeat right top; padding:39px 0 30px; border-bottom:solid 1px #d0d4d7;} #container .contents.recruit .detail .tsect .Stit {margin-top:16px;} #container .contents.recruit .detail .tsect .rcbtn {margin-top:80px;} #container .contents.talent .detail {max-width:690px; margin:0 auto;} #container .contents.talent .detail .rtop {background:url("../images/web/sub/recruit/bg_re2.png") no-repeat right 140px; padding-bottom:101px; border-bottom:solid 1px #d0d4d7;} #container .contents.talent .detail .rtop .stxt {margin-top:82px;} #container .contents.talent .detail .overflow {border-bottom:solid 1px #d0d4d7;} #container .contents.talent .detail .rle {float:left; width:47%; padding-top:46px; border-right:solid 1px #d0d4d7;} #container .contents.talent .detail .rle ul {margin-top:20px; padding-bottom:10px;} #container .contents.talent .detail .rle li {margin-bottom:22px; height:35px; padding:18px 0 0 58px; width:32%;} #container .contents.talent .detail .rle li.first {background:url("../images/web/sub/recruit/icon_re2_01.png") no-repeat left top;} #container .contents.talent .detail .rle li.best {background:url("../images/web/sub/recruit/icon_re2_02.png") no-repeat left top;} #container .contents.talent .detail .rle li.one {background:url("../images/web/sub/recruit/icon_re2_03.png") no-repeat left top;} #container .contents.talent .detail .rle li.right {background:url("../images/web/sub/recruit/icon_re2_04.png") no-repeat left top;} #container .contents.talent .detail .rri {float:left; padding:46px 0 0 10px; width:50%;} #container .contents.talent .detail .rri .f_l {width:23%; margin:30px 6% 0 0; height:102px; background:url("../images/web/sub/recruit/img_re2.png") no-repeat left top; padding-left:35px;} #container .contents.talent .detail .rri .f_r {width:50%; margin-top:30px; height:102px; background:url("../images/web/sub/recruit/img_re2.png") no-repeat left top; padding-left:35px;} #container .contents.talent .detail .rri p.txti {margin:2px 0 27px;} #container .contents.recruit .detail .pes1 {padding-top:35px; background:url("../images/web/sub/recruit/bg_re31.png") no-repeat right 40px; padding-bottom:90px; border-bottom:solid 1px #d0d4d7;} #container .contents.recruit .detail .pes1 img{width:100%;max-width:266px;} #container .contents.recruit .detail .pes1 .stxt {margin-top:82px;} #container .contents.recruit .detail p.tit {background:url("../images/web/common/bullet_02.gif") no-repeat left 6px; padding-left:10px; font-weight:bold; font-size:14px; margin-top:40px;} #container .contents.recruit .detail p.stt {color:#424242; margin-top:12px;} #container .contents.recruit .detail .pem1 {display:none;} #container .contents.recruit .detail img.txti {width:100%; max-width:907px;} #container .contents.recruit .detail .benef {padding-top:60px; clear:both; overflow:hidden;} #container .contents.recruit .detail .benef li {width:100%; clear:both; float:left; padding-bottom:30px;} #container .contents.recruit .detail .benef li .ti {float:left; width:192px; margin-top:35px; background:url("../images/web/sub/recruit/bullet.png") no-repeat left 1px; padding-left:25px; height:28px;} #container .contents.recruit .detail .benef li img {float:left; margin-right:30px;} #container .contents.recruit .detail .benef li .txt {vertical-align:middle; color:#636363; line-height:1.9em;} #container .contents.recruit .tbl {width:100%; margin-top:15px; border-collapse:separate;} #container .contents.recruit .tbl col.r1 {width:8%;} #container .contents.recruit .tbl col.r3 {width:26%;} #container .contents.recruit .tbl col.r4 {width:13%;} #container .contents.recruit .tbl th {background:#e3e7ea; border-top:solid 2px #636363; border-bottom:solid 1px #d0d4d7; color:#2f2f2f; font-weight:bold; text-align:center; padding:15px 0; border-right:solid 1px #d0d4d7;} #container .contents.recruit .tbl th.fir {border-top:solid 2px #ff0000; border-left:solid 1px #d0d4d7;} #container .contents.recruit .tbl th.fir2 {border-top:solid 2px #009cff; border-left:solid 1px #d0d4d7;} #container .contents.recruit .tbl td {border-bottom:solid 1px #d0d4d7; color:#2f2f2f; text-align:center; padding:10px 0; border-right:solid 1px #d0d4d7; vertical-align:middle;word-break:break-all;} #container .contents.recruit .tbl td.fir {border-left:solid 1px #d0d4d7;} #container .contents.recruit .tbl td.title {text-align:left; padding-left:10px;} #container .contents.recruit .tbl td.txtl {text-align:left; padding:10px 15px;} #container .contents.rjp {background:url("../images/web/common/bg_con01.gif") repeat left top;} #container .contents.rjp .detail {max-width:690px; margin:0 auto;} #container .contents.rjp .detail .interview .bigtit {font-size:50px; font-weight:bold; text-align:center; font-family:'Levenim MT',sans-serif; line-height:55px; letter-spacing:4px;} #container .contents.rjp .detail .interview .bigtit img {width:100%;max-width:360px;} #container .contents.rjp .detail .interview .rjpi {margin-top:45px;} #container .contents.rjp .detail .interview .rjpi .ritab {display:none;} #container .contents.rjp .detail .interview .rjpi .itvtab {overflow:hidden; width:100%; clear:both; margin-top:15px;} #container .contents.rjp .detail .interview .rjpi .itvtab li {float:left;} /*#container .contents.rjp .detail .interview .rjpi .itvtab li img {max-width:137px; width:100%;}*/ #container .contents.rjp .detail .interview .rjpi .rjpv .rjv {display:none; margin-top:34px;} #container .contents.rjp .detail .interview .rjpi .rjpv .rjv p.txt {font-size:24px; font-family:""나눔고딕"", "NanumGothic"; font-weight:bold;} #container .contents.rjp .detail .interview .rjpi .rjpv .rjv p.txt span {display:block; font-size:12px; margin-top:15px; font-weight:normal;} #container .contents.rjp .detail .interview .rjpi .rjpv .rjv .video {width:100%; max-width:640px; height:360px; margin:36px auto 0; background:#000;} #container .contents.rjp .detail .interview .rjpi .rjpv .rjv .script {max-width:580px; background:#fff; border:solid 1px #d0d4d7; padding:20px 30px; height:74px; color:#636363; overflow-y:auto; margin:0 auto 16px;} /* CSR */ #container .contents.nanum .detail {max-width:690px; margin:0 auto; /*width:100%;*/} #container .contents.nanum .detail p.tit {background:url("../images/web/common/bullet_02.gif") no-repeat left 6px; padding-left:10px; font-weight:bold; font-size:14px;} #container .contents.nanum .detail p.tit2 {font-size:14px; font-weight:bold;} #container .contents.nanum .detail .ntit {background:url("../images/web/sub/csr/bullet.gif") no-repeat left 2px; padding-left:10px; color:#636363; font-size:14px; font-weight:bold;} #container .contents.nanum .detail .nnbox {background:url("../images/web/sub/csr/nanum_img.png") no-repeat right top; padding-bottom:70px; border-bottom:solid 1px #d0d4d7; margin-bottom:60px;} #container .contents.nanum .detail .npic {max-width:596px; text-align:left; overflow:hidden; clear:both; margin:10px 0 50px;} #container .contents.nanum .detail .npic .overflow p {width:49%;} #container .contents.nanum .detail .npic .overflow p.f_r {text-align:right;} #container .contents.nanum .detail .npic img {width:100%;max-width:596px;} #container .contents.nanum .detail .npic.fin {border-bottom:solid 1px #d0d4d7; padding-bottom:50px;} #container .contents.csr .detail .contri {background:url("../images/web/sub/csr/contribution_img.png") no-repeat left 20px; border-bottom:solid 1px #e0e0e0; padding:0 0 60px 360px; margin:0 auto; margin-bottom:40px; max-width:321px;} #container .contents.csr .detail .contri .cbd {background:url("../images/web/sub/csr/line.gif") no-repeat left top; margin-top:30px; padding-top:14px;} #container .contents.csr .detail .contri p {font-family:'Batang', serif; font-size:12px;} #container .contents.csr .detail .ctrli {max-width:690px; overflow:hidden; clear:both; margin:50px auto 0;} #container .contents.csr .detail .ctrli .f_l, #container .contents.csr .detail .ctrli .f_r {width:43%;} #container .contents.csr .detail p.tit {background:url("../images/web/common/bullet_05.gif") no-repeat left 6px; padding-left:10px; font-weight:bold; font-size:14px;} #container .contents.csr .detail .ctrli .f_l img, #container .contents.csr .detail .ctrli .f_r img {width:100%;} #container .contents.csr .detail .ctrli .txt {margin-top:18px; color:#636363; line-height:1.6em;} #container .contents.csr .top ul {max-width:690px; margin:0 auto;} #container .contents.csr .detail .mcp {display:none;} #container .contents.csr .detail .cp {max-width:690px; margin:0 auto;} #container .contents.csr .detail .cp .stt {color:#4e4e4e;} #container .contents.csr .detail .cp .cpm {display:none;} #container .contents.csr .detail .cp img.fimg {max-width:627px; width:100%;} #container .contents.csr .detail .cp .cpd {border-top:solid 1px #d0d4d7; padding-top:50px; margin-top:50px; overflow:hidden; clear:both;} #container .contents.csr .detail .cp .cpd .f_l, #container .contents.csr .detail .cp .cpd .f_r {width:45%;} #container .contents.csr .detail .cp .cpd ul{margin-top:25px;} #container .contents.csr .detail .cp .cpd ul li {color:#636363; line-height:1.6em; background:url("../images/web/common/bullet_04.gif") no-repeat left 7px; padding-left:7px;} #container .contents.csr .detail .cp .cpd ul li.fir {color:#2f2f2f; font-weight:bold; background:url("../images/web/sub/csr/bullet.gif") no-repeat left 1px;} #container .contents.csr .detail .cp .cpd ul li ul {margin-top:0;} #container .contents.csr .detail .cp .cpd ul li ul li {background:none; padding-left:3px;} #container .contents.csr .detail .cp .cpd .ofb {float:left; background:url("../images/web/sub/csr/cp_box.gif"); width:221px; height:157px; margin:10px 10px 0 0;} #container .contents.csr .detail .cp .cpd .ofb.last {margin-right:0;} #container .contents.csr .detail .cp .cpd .ofb em {padding:20px 0 0 25px; display:block;} #container .contents.csr .detail .cp .cpd .ofb em span {font-size:14px; font-weight:bold; margin:-30px 0 0 30px; display:block;} #container .contents.csr .detail .cp .cpd .ofb p {padding:40px 25px 25px;} #container .contents.csr .detail .cp .cpd .tbl, #container .contents.csr .detail .cp .cpd .tbl2 {width:100%;} #container .contents.csr .detail .cp .cpd .tbl th {padding:8px 0 8px 10px; font-weight:bold; background:#e3e7ea; border-top:solid 2px #636363; border-bottom:solid 1px #d0d4d7; border-right:solid 1px #d0d4d7;} #container .contents.csr .detail .cp .cpd .tbl th.fir {border-top:solid 2px #00cfe9; border-left:solid 1px #d0d4d7;} #container .contents.csr .detail .cp .cpd .tbl td {padding:8px 10px; vertical-align:middle; border-bottom:solid 1px #d0d4d7; border-right:solid 1px #d0d4d7;} #container .contents.csr .detail .cp .cpd .tbl td.fir {border-left:solid 1px #d0d4d7;} #container .contents.csr .detail .cp .cpd .tbl2 th {background:#e3e7ea; font-weight:normal; vertical-align:middle; border-left:solid 1px #d0d4d7; border-right:solid 1px #d0d4d7; border-bottom:solid 1px #d0d4d7; padding:8px 10px;} #container .contents.csr .detail .cp .cpd .tbl2 th.fir {border-top:solid 2px #00cfe9;} #container .contents.csr .detail .cp .cpd .tbl2 td {border-right:solid 1px #d0d4d7; border-bottom:solid 1px #d0d4d7; padding:8px 10px;} #container .contents.csr .detail .cp .cpd .tbl2 td.fir {border-top:solid 2px #636363;} #container .contents.csr .detail .cpt {border-bottom:solid 1px #d0d4d7; padding-bottom:116px; margin:0 auto; background:url("../images/web/sub/csr/cp2_img.png") no-repeat right top; max-width:690px;} #container .contents.csr .detail .cpt img.fimg1 {max-width:201px; width:100%;} #container .contents.csr .detail .cpt img.fimg2 {max-width:270px; width:100%;} #container .contents.csr .detail .ceom {overflow:hidden; clear:both; margin:50px auto 0; max-width:690px; line-height:1.7em;} #container .contents.csr .detail .ceom .f_l, #container .contents.csr .detail .ceom .f_r {width:45%; color:#4e4e4e;} #container .contents.csr .detail .ceom .f_r p span.bold {font-size:16px;} #container .contents.env .detail {max-width:690px; margin:0 auto;} #container .contents.env .detail p.tit {background:url("../images/web/common/bullet_02.gif") no-repeat left 6px; padding-left:10px; font-weight:bold; font-size:14px;} #container .contents.env .detail p.tit2 {font-weight:bold; font-size:14px;} #container .contents.env .detail .txtbox {border:solid 1px #d0d4d7; padding:20px; margin-top:25px;} #container .contents.env .detail .txtbox ul li {background:url("../images/web/common/bullet_04.gif") no-repeat left 7px; padding-left:8px; margin-bottom:5px;} #container .contents.env .detail .txtbox ul li.last {margin-bottom:0;} #container .contents.env .detail img.evimg {max-width:690px; width:100%;} #container .contents.env .detail .evim {display:none;} #container .contents.env .detail .bdb {border-bottom:solid 1px #d0d4d7; padding-bottom:40px;} #container .contents.env .detail .climate {clear:both; overflow:hidden; width:100%} #container .contents.env .detail .climate .f_l {width:40%;} #container .contents.env .detail .climate .f_r {width:55%;} #container .contents.env .detail .climate dl {background:url("../images/web/sub/csr/envir_img03.png") no-repeat left 3px; margin-top:20px; overflow:hidden; clear:both;} #container .contents.env .detail .climate dl dt {height:84px; float:left; font-weight:bold; width:15%; margin-left:5%;} #container .contents.env .detail .climate dl dd {height:84px; float:right; width:80%; line-height:1.3em;} #container .contents.env .detail .climate dl dt.last, #container .contents.env .detail .climate dl dd.last {height:53px;} #container .contents.env .detail .certification {overflow:hidden; margin-top:10px;} #container .contents.env .detail .certification li {float:left; margin-right:15px;} #container .contents.env .detail .certification li p {padding-bottom:10px;} #container .contents.env .detail .certification li p.zi01 {padding-left:37px;} #container .contents.env .detail .certification li.last {margin-right:0;} #container .contents.csr .detail .found {max-width:690px; margin:0 auto; overflow:hidden;} #container .contents.csr .detail .found .dtil {float:left; width:45%; line-height:1.8em;} #container .contents.concert .detail p.tit {background:url("../images/web/common/bullet_02.gif") no-repeat left 5px; padding-left:10px; font-weight:bold; font-size:14px; } #container .contents.concert .detail .tbl {width:100%;} #container .contents.concert .detail .tbl col.th {width:20%;} #container .contents.concert .detail .tbl col.td {width:80%;} #container .contents.concert .detail .tbl th {background:#e3e7ea; vertical-align:middle; border-bottom:solid 1px #fff; border-left:solid 1px #d0d4d7; border-right:solid 1px #d0d4d7; font-weight:bold; padding:8px 10px; text-align:left;} #container .contents.concert .detail .tbl th.fir {border-top:solid 2px #ff0000;} #container .contents.concert .detail .tbl th.fin {border-bottom:solid 1px #d0d4d7;} #container .contents.concert .detail .tbl td {vertical-align:middle; border-bottom:solid 1px #d0d4d7; border-right:solid 1px #d0d4d7; padding:8px 10px; text-align:left;} #container .contents.concert .detail .tbl td.fir {border-top:solid 2px #b0b0b0; color:#2f2f2f;} #container .contents.concert .detail .tbl td select {color:#888; width:400px; padding:4px 0; vertical-align:middle; border:solid 1px #d0d4d7; font-family:'Verdana',sans-serif; } #container .contents.concert .detail .tbl td select.sel1 {width:150px;} #container .contents.concert .detail .tbl td select.sel2 {width:80px;} #container .contents.concert .detail .tbl td input {color:#888; border:solid 1px #d0d4d7; font-family:'Verdana',sans-serif; height:24px; padding-left:5px; vertical-align:top;} #container .contents.concert .detail .tbl td input.inp1 {width:80px;} #container .contents.concert .detail .ps {background:url("../images/web/common/bullet_04.gif") no-repeat left 7px; padding-left:8px;} #container .contents.concert .detail .ps a:hover {text-decoration:underline;} #container .contents.concert .detail .toptt {padding:5px 2%; width:96%; background:#f3f3f3; border:solid 1px #d0d4d7;} #container .contents.concert .detail .ferrum {max-width:850px; margin:0 auto; width:100%; overflow:hidden; position:relative;} #container .contents.concert .detail .ferrum .con {overflow:hidden; clear:both; width:100%; position:relative;} #container .contents.concert .detail .ferrum .con .progress {float:left; max-width:690px; width:80%; position:relative;} #container .contents.concert .detail .ferrum .con .progress .pic img {max-width:690px; width:100%; background-size:100% 100%;} #container .contents.concert .detail .ferrum .con .progress .pic span.wht {/*background:#fff;*/ display:block; position:absolute; bottom:0; left:0; width:100%; height:8%;} #container .contents.concert .detail .ferrum .con .review {float:left; margin-left:16px; width:120px;} #container .contents.concert .detail .ferrum .con .review p {position:relative;} #container .contents.concert .detail .ferrum .con .review span.cbtn {position:absolute; right:0; top:0;} #container .contents.concert .detail .ferrum .con .review ul.thum img {max-width:140px; width:100%;} #container .contents.concert .detail .ferrum .con .review ul.thum li {margin-bottom:5px;line-height:0; max-width:120px; max-height:120px;} #container .contents.concert .detail .ferrum .con .review ul.thum li.last {margin-bottom:0;} #container .contents.concert .detail .view {background:#636363 url("../images/web/sub/pr/line.gif") no-repeat left top; padding-top:2px; overflow:hidden;} #container .contents.concert .detail .view p.title {padding:20px 178px 20px 20px; background:#fff; font-size:16px; font-weight:bold; border-bottom:solid 1px #d0d4d7; position:relative;} #container .contents.concert .detail .view p.title span {position:absolute; top:22px; right:20px; font-size:12px; color:#636363; font-weight:normal;} #container .contents.concert .detail .view .vdtl {padding:40px 20px 60px; text-align:justify; color:#636363; background:#fff; overflow-x:scroll;} #container .contents.concert .detail .view .vdtl.txt_c {text-align:center;} /*#container .contents.concert .detail .view .vdtl p {text-align:center;} #container .contents.concert .detail .view .vdtl img {margin-right:10px;}*/ #container .contents.concert .detail .lipaging {border-top:solid 2px #636363; margin-top:25px;} #container .contents.concert .detail .lipaging li {border-bottom:solid 1px #d0d4d7; padding:18px 0 15px; background:#fff; position:relative; overflow:hidden; *overflow:none; clear:both;} #container .contents.concert .detail .lipaging li .prev {background:url("../images/web/common/arr_listup.png") no-repeat right 5px; width:67px; padding-left:20px; font-size:14px; color:#2f2f2f; font-weight:bold; float:left;} #container .contents.concert .detail .lipaging li .next {background:url("../images/web/common/arr_listdown.png") no-repeat right 6px; width:67px; padding-left:20px; font-size:14px; color:#2f2f2f; font-weight:bold; float:left;} #container .contents.concert .detail .lipaging li .title {color:#2f2f2f; padding-left:18px; float:left; font-size:14px;} #container .contents.concert .detail .lipaging li span {position:absolute; right:20px; font-size:12px; color:#636363;} #container .contents.concert .detail .replyS { border-top:solid 2px #636363; background:#fff; } .replyS .wrpl {overflow:hidden;*overflow:none; clear:both; border-bottom:solid 1px #d0d4d7; padding:20px; background:#f7f8f9; position:relative;} .replyS .wrpl p.tit {font-size:14px; font-weight:bold; width:100px; position:absolute; top:35px; left:20px;} .replyS .wrpl p.tit a {display:block; margin:3px 0 0 -10px;} .replyS .wrpl .write {margin-left:115px;} .replyS .wrpl .write .user {margin:0 110px 20px 0; position:relative;} .replyS .wrpl .write input {border:solid 1px #d0d4d7; height:22px; padding-left:5px;} .replyS .wrpl .write label {margin-right:15px;} .replyS .wrpl .write a.btn {position:absolute; right:0;} .replyS .wrpl .write .txt {overflow:hidden; clear:both; position:relative;} .replyS .wrpl .write .txt .txar {border:solid 1px #d0d4d7; padding:10px; background:#fff; height:40px; margin-right:110px;} .replyS .wrpl .write .txt .txar textarea {background:#fff; overflow:hidden; font-size:12px; resize:none; width:100%; height:100%;} .replyS .wrpl .write .txt .rebtn {position:absolute; right:0; top:0;} .replyS p.totrep {padding:10px 23px; border-bottom:solid 1px #d0d4d7; background:url("../images/web/common/bullet_04.gif") no-repeat 15px 17px;} .replyS .rep li {padding:10px 0; border-bottom:solid 1px #d0d4d7; position:relative;} .replyS .rep li span.bold {margin:0 10px 0 20px; display:inline-block; vertical-align:top;} .replyS .rep li .rpt {display:inline-block; margin:-18px 130px 0 10px; *margin:-17px 130px 0 80px;} .replyS .rep li .rpw {margin:3px 20px 0; position:relative; display:none;} .replyS .rep li input.rwi {border:solid 1px #cfcfcf; height:18px; width:85%;} .replyS .rep li .rpw span.msct {position:absolute; top:1px; right:0;} .replyS .rep li .rpw a {font-size:11px; color:#636363; background:url("../images/web/common/smline.gif") no-repeat right top; padding:0 6px;} .replyS .rep li .rpw a.last {background:none;} .replyS .rep li img.new {vertical-align:-1px; margin-left:5px;} .replyS .rep li .remanage {display:block; margin-right:20px; text-align:right;} .replyS .rep li .remanage a {font-size:11px; color:#636363; background:url("../images/web/common/smline.gif") no-repeat right top; padding:0 6px;} .replyS .rep li .remanage a.last {background:none;} .replyS .rep li .date {position:absolute; right:26px; top:11px;*top:9px; color:#636363;} .replyS .rep li .date span.time {margin-left:8px;} .replyS .rep li .urep {margin:10px 0 -10px; /* *border-top:solid 1px #d0d4d7; */ } .replyS .rep li .urep li {border-bottom:none; border-top:solid 1px #d0d4d7; /* *border-top:solid 2px #d0d4d7; *margin-top:-1px; */ position:relative; padding-left:15px; background:url("../images/web/sub/pr/rep_sign.png") no-repeat 22px 12px;} .replyS .rep li p.retxt {margin:5px 20px;} .pw_chk {display:none;padding:30px 0;text-align:center;} .pw_chk label {display:block;font-weight:bold;font-size:1.1em;padding-bottom:14px;} .pw_chk input {border:1px solid #D0D4D7;height:22px;padding-left:5px;width:120px;} .pw_chk a {width:40px;height:26px;display:inline-block;background:#444;color:#fff;line-height:2;position:relative;top:-1px;} /*#container .contents.concert .detail .ferrum .fercon {background:url("../images/web/sub/csr/concert_bimg.jpg") no-repeat left 25px; background-size:80% 100%; position:relative; max-height:585px; overflow:hidden;} #container .contents.concert .detail .ferrum .fercon p.lt {position:absolute; top:0; left:0;} #container .contents.concert .detail .ferrum .fercon p.rt {position:absolute; top:0; right:10%;} #container .contents.concert .detail .ferrum .fercon .thimg {float:right; margin-top:25px;}*/ #container .contents.concert .detail .ferrum .tixm {margin-top:10px; padding-bottom:5px; background:url("../images/web/sub/csr/concert_bgimg.png") no-repeat 95% 10px; width:100%; position:relative;} #container .contents.concert .detail .ferrum .tixm p.frtt {padding-top:40px;} #container .contents.concert .detail .ferrum .tixm a.hall {position:absolute; bottom:0; right:0;} #container .contents.concert .detail .psb {background:#e8e8e8; padding:20px 25px; color:#2f2f2f; position:relative; font-weight:bold; font-size:14px;} #container .contents.concert .detail .psb p.btn {position:absolute; top:15px; right:25px;} #container .contents.concert .detail .psb p.btn span.find {text-decoration:underline; vertical-align:11px; margin-left:5px; background:url("../images/web/common/bullet_04.gif") no-repeat left 5px; padding-left:5px; font-size:11px;} #container .contents.concert .detail .psb p.btn span.find a {color:#4e4e4e;} /* contact */ #wrapper.contact #container .topC {height:80px; overflow:hidden;} #container .contents.cyber .detail .mctt, #container .contents.contact .detail .mctt {display:none;} /*#container .contents.contact .detail {max-width:690px; margin:0 auto;}*/ #container .contents.contact .detail p.tit {background:url("../images/web/common/bullet_02.gif") no-repeat left 6px; padding-left:10px; font-weight:bold; font-size:14px;} #container .contents.contact .detail p.stt {color:#676767; margin-top:12px;} #container .contents.contact .detail ul.faq {border-top:solid 1px #d0d4d7; margin-top:15px;} #container .contents.contact .detail ul.faq li {border-bottom:solid 1px #d0d4d7;} #container .contents.contact .detail ul.faq li em {font-weight:bold; color:#000; display:block; padding:12px 12px 12px 53px; background:url("../images/web/sub/contact/icon_question.png") no-repeat 20px 14px;} #container .contents.contact .detail ul.faq li p.answer {display:none; border-top:solid 1px #d0d4d7; padding:12px 12px 12px 53px; background:#f7f8f9 url("../images/web/sub/contact/icon_answer.png") no-repeat 20px 14px;} #container .contents.contact .detail ul.c_ps {margin:40px 0 0 20px;} #container .contents.contact .detail ul.c_ps li {background:url("../images/web/common/bullet_07.gif") no-repeat left 7px; padding-left:8px; color:#676767; margin-top:5px;} #container .contents.contact .detail {margin:0 auto; max-width:690px;} #container .contents.contact .tbl {/*width:100%;*/ max-width:690px; margin-top:15px; /*border-collapse:separate;*/} #container .contents.contact .tbl col.wid10 {width:10%;} #container .contents.contact .tbl col.wid15 {width:15%;} #container .contents.contact .tbl th {background:#e3e7ea; border-top:solid 2px #636363; border-bottom:solid 1px #d0d4d7; color:#2f2f2f; font-weight:bold; text-align:center; padding:15px 0; border-right:solid 1px #d0d4d7;} #container .contents.contact .tbl th.fir {border-top:solid 2px #ff0000; border-left:solid 1px #d0d4d7;} #container .contents.contact .tbl td {border-bottom:solid 1px #d0d4d7; color:#2f2f2f; text-align:center; padding:10px 0; border-right:solid 1px #d0d4d7; vertical-align:middle;} #container .contents.contact .tbl td.fir {border-left:solid 1px #d0d4d7;} #container .contents.contact .tbl td.title {text-align:left; padding-left:10px;} #container .contents.contact .tbl td.txt_l {text-align:left; padding-left:15px;} /*#container .contents.contact .agree .agbox {border:solid 1px #d0d4d7; padding:30px 3px 30px 30px; margin-top:25px; overflow:hidden;} #container .contents.contact .agree .agbox p {font-size:14px; font-weight:bold;}*/ #container .contents.contact .agree .agbox {padding:33px; height:155px; border:solid 1px #d0d4d7; overflow-y:scroll; overflow-x:hidden;} #container .contents.contact .agree .agbox h4 {font-size:14px; font-weight:bold; margin-left:3px;} #container .contents.contact .agree .agbox h5 {font-weight:bold; font-size:12px; color:#636363; margin:15px 0 10px;} #container .contents.contact .agree .agbox p {color:#636363; margin-bottom:10px; line-height:1.7em;} #container .contents.contact .agree .agbox ul {margin-left:20px;} #container .contents.contact .agree .agbox ul li {list-style:disc; color:#636363;} #container .contents.contact .agree .agbox ul.dno {margin-left:0;} #container .contents.contact .agree .agbox ul.dno li {list-style:none;} #container .contents.contact .agree .agbox table {width:100%;} #container .contents.contact .agree .agbox table th {border:solid 1px #d0d4d7; padding:5px; vertical-align:middle; text-align:center;} #container .contents.contact .agree .agbox table td {border:solid 1px #d0d4d7; padding:5px; vertical-align:middle;} #container .contents.contact .agree .agbox strong.blue {color:#17497d;} #container .contents.contact .agree .agbox textarea {width:100%; resize:none; line-height:1.8em; height:106px; margin:17px 0 0 0; font-family:'Verdana'; font-size:12px; color:#636363; background:none;} #container .contents.contact .agree .ament {text-align:center; margin-top:15px; vertical-align:0;} #container .contents.contact .agree .ament label {font-weight:bold; margin-left:5px; vertical-align:-1px; *vertical-align:-4px;} #container .contents.contact .agree .ament input.radio {vertical-align:top;} #container .contents.contact .detail p.stt2 {color:#676767; margin-top:55px;} #container .contents .detail form fieldset{border:0;} #container .contents.contact .tbl2 {margin-top:15px; width:100%; border-collapse:separate;*border-collapse:collapse;} #container .contents.contact .tbl2 col.dc1 {width:166px;} #container .contents.contact .tbl2 th {background:#e3e7ea; vertical-align:middle; border-bottom:solid 1px #edeeef; border-right:solid 1px #d0d4d7; border-left:solid 1px #d0d4d7; border-top:solid 1px #fff; color:#2f2f2f; padding:15px 0 15px 30px; text-align:left;} #container .contents.contact .tbl2 th.fir {border-top:solid 2px #ff0000;} #container .contents.contact .tbl2 td {border-right:solid 1px #d0d4d7; border-bottom:solid 1px #edeeef; padding:10px 0 10px 20px; vertical-align:middle;} #container .contents.contact .tbl2 td.fir {border-top:solid 2px #636363;} #container .contents.contact .tbl2 .last {border-bottom:solid 1px #d0d4d7;} #container .contents.contact .tbl2 input.txt {border:solid 1px #d0d4d7; padding-left:9px; color:#888; height:24px; vertical-align:middle; width:261px;} #container .contents.contact .tbl2 select.num {width:75px; border:solid 1px #d0d4d7;} #container .contents.contact .tbl2 input.num {width:77px; border:solid 1px #d0d4d7; height:24px; vertical-align:middle; padding-left:5px;} #container .contents.contact .tbl2 textarea.txt {border:solid 1px #d0d4d7; width:95% ; height:220px; padding:5px; resize:none; font-size:12px;} #container .contents.contact .tbl2 a {vertical-align:-11px; *vertical-align:-10px; margin-left:10px;} #container .contents.contact .detail ul.c_ps.mg {margin:30px 0 0 0;} #container .contents.cyber .detail .info {max-width:690px; margin:0 auto; background:url("../images/web/sub/contact/cyber_img.png") no-repeat right 5px;} #container .contents.cyber .detail .info .citxt {max-width:530px; margin:35px 15px 0 0; line-height:1.9em;} #container .contents.cyber .detail .info .blntxt {margin-top:40px; border-top:solid 2px #2f2f2f; border-bottom:solid 2px #2f2f2f; padding:15px 0 15px 15px; width:300px;} #container .contents.cyber .detail .info .blntxt li {background:url("../images/web/common/bullet_04.gif") no-repeat left 8px; padding-left:8px; line-height:1.8em;} /* 문의하기 팝업 */ #inquiry {background:url("../images/web/common/bg_pop.png") repeat left top; position:absolute; top:0; left:0; width:100%; height:100%; display:none;} #inquiry .pop {background:url("../images/web/common/bg_inquiry.png") no-repeat left top; width:678px; height:614px; color:#000; position:relative; top:35%; left:2%; padding:26px 21px 0 16px; font-family:'Verdana'; } #inquiry .pop .title {background:url("../images/web/common/border.gif") repeat-x left bottom; padding:0 0 28px 22px; width:656px;} #inquiry .pop .tbl {margin:25px auto 0; width:625px; border-collapse:separate;*border-collapse:collapse;} #inquiry .pop .tbl th {background:#e3e7ea; vertical-align:middle; border-bottom:solid 1px #edeeef; border-right:solid 1px #d0d4d7; border-left:solid 1px #d0d4d7; border-top:solid 1px #fff; color:#2f2f2f; padding:15px 0 15px 30px; text-align:left;} #inquiry .pop .tbl th.fir {border-top:solid 2px #ff0000;} #inquiry .pop .tbl td {border-right:solid 1px #d0d4d7; border-bottom:solid 1px #edeeef; padding:10px 0 10px 20px;} #inquiry .pop .tbl td.fir {border-top:solid 2px #636363;} #inquiry .pop .tbl .last {border-bottom:solid 1px #d0d4d7;} #inquiry .pop .tbl select {border:solid 1px #d0d4d7; width:100%; width:422px; color:#888; font-family:'Verdana';} #inquiry .pop .tbl input {border:solid 1px #d0d4d7; padding-left:9px; color:#888; height:24px; vertical-align:middle; width:411px;} #inquiry .pop .tbl textarea.txt {border:solid 1px #d0d4d7; width:410px; height:220px; padding:5px; resize:none; font-size:12px;} #inquiry .pop .pbtn {margin:30px auto 0; width:196px;} #inquiry .pop .close {position:absolute; right:21px; top:26px;} /* member */ #wrapper.member .mjoin, #wrapper.member .mtxt, #wrapper.member .mmodi {display:none;} #wrapper.member #container .topC {height:80px; overflow:hidden;} #wrapper.member #container .mmodi {display:none;} #container .contents.member .detail {max-width:990px; margin:0 auto;} #container .contents.member .detail p.tp img {max-width:909px; width:100%;} #container .contents.member .detail .agtxt {margin:60px 0 0 0; color:#636363;} #container .contents.member .detail .agbox {padding:33px; height:155px; border:solid 1px #d0d4d7; overflow-y:scroll; overflow-x:hidden;} #container .contents.member .detail .agbox h4 {font-size:14px; font-weight:bold; margin-left:3px;} #container .contents.member .detail .agbox h5 {font-weight:bold; font-size:12px; color:#636363; margin:15px 0 10px;} #container .contents.member .detail .agbox p {color:#636363; margin-bottom:10px; line-height:1.7em;} #container .contents.member .detail .agbox ul {margin-left:20px;} #container .contents.member .detail .agbox ul li {list-style:disc; color:#636363;} #container .contents.member .detail .agbox ul.dno {margin-left:0;} #container .contents.member .detail .agbox ul.dno li {list-style:none;} #container .contents.member .detail .agbox table {width:100%;} #container .contents.member .detail .agbox table th {border:solid 1px #d0d4d7; padding:5px; vertical-align:middle; text-align:center;} #container .contents.member .detail .agbox table td {border:solid 1px #d0d4d7; padding:5px; vertical-align:middle;} #container .contents.member .detail .agbox strong.blue {color:#17497d;} #container .contents.member .detail .agree input.rdo {vertical-align:-2px;} #container .contents.member .detail .agree label {font-weight:bold;} #container .contents.member .detail .join .info {width:100%;} #container .contents.member .detail .join .info col.th {width:20%;} #container .contents.member .detail .join .info col.td {width:80%;} #container .contents.member .detail .join .info td span.smr {vertical-align:9px; margin-left:5px; font-size:11px; color:#ff0000;} #container .contents.member .detail .join .info td span.stxt{font-size:13px; font-weight:bold;} #container .contents.member .detail .join .info td span.spw {margin:5px 0 0 5px; font-size:11px; color:#ff0000; display:inline-block;} #container .contents.member .detail .join .info th {background:#e3e7ea; text-align:left; border-bottom:solid 1px #d0d4d7; border-left:solid 1px #d0d4d7; border-right:solid 1px #d0d4d7; font-weight:bold; vertical-align:middle; padding:8px 10px;} #container .contents.member .detail .join .info th.fir {border-top:solid 2px #ff0000;} #container .contents.member .detail .join .info td {text-align:left; vertical-align:middle; border-bottom:solid 1px #d0d4d7; border-right:solid 1px #d0d4d7; padding:5px 10px;} #container .contents.member .detail .join .info td.fir {border-top:solid 2px #636363} #container .contents.member .detail .join .info input.txt {border:solid 1px #d0d4d7; height:24px; padding-left:5px; width:260px; vertical-align:top;} #container .contents.member .detail .join .info input.txt1 {border:solid 1px #d0d4d7; height:24px; padding-left:5px; width:125px; vertical-align:top;} #container .contents.member .detail .join .info input.txt2 {border:solid 1px #d0d4d7; height:24px; padding-left:5px; width:75px; vertical-align:top;} #container .contents.member .detail .join .info input.txt3 {border:solid 1px #d0d4d7; height:24px; padding-left:5px; width:350px; vertical-align:top; margin-top:5px;} #container .contents.member .detail .join .info span.stxt {font-size:11px; display:block; margin-top:4px;} #container .contents.member .detail .join .info select {border:solid 1px #d0d4d7; color:#888; font-family:'Verdana',sans-serif; vertical-align:top; margin-top:0px; padding:4px 0;} #container .contents.member .detail .join .info select.sel2 {width:80px;} #container .contents.member .detail .join .info input.chk {vertical-align:-2px;} #container .contents.member .detail .join input.submit {width:113px; height:46px; background:url("../images/web/common/btn_ok.png") no-repeat left top; vertical-align:top; cursor:pointer;} #container .contents.member .detail .join .vtct {vertical-align:top; margin:2px 3px 0;} #container .contents.member .detail .jst3 {border:solid 1px #d0d4d7; background:url("../images/web/sub/member/mem_bg1.png") no-repeat 10% 35px; max-width:787px; padding:35px 5% 50px 25%; margin-top:60px;} #container .contents.member .detail .jst3 p img {max-width:500px; width:100%; max-height:61px;} /*#container .contents.member .detail .login {max-width:605px; border:solid 1px #d0d4d7; margin:100px auto 120px; overflow:hidden; clear:both;} #container .contents.member .detail .login .lbg {padding:47px 35px 27px; border-right:solid 1px #d0d4d7; float:left;} #container .contents.member .detail .login fieldset {margin:0;} #container .contents.member .detail .login .box {float:left; padding-top:47px; width:430px;} #container .contents.member .detail .login .box p.txt {margin:0 10%;} #container .contents.member .detail .login .box .lgi {overflow:hidden; clear:both; width:350px; margin:20px 10% 0;} #container .contents.member .detail .login .box .lgi dl {float:left; width:256px;} #container .contents.member .detail .login .box .lgi dl dt {font-weight:bold; float:left; width:60px;} #container .contents.member .detail .login .box .lgi dl dd {float:left;} #container .contents.member .detail .login .box .lgi dl dd input {width:180px; border:solid 1px #d0d4d7; height:24px; padding-left:5px;} #container .contents.member .detail .login .box .lgi p.btn {float:right; max-width:93px;} #container .contents.member .detail .login .box .bot {border-top:solid 1px #d0d4d7; margin-top:40px; padding:20px 10%;} #container .contents.member .detail .login .box .bot span {background:url("../images/web/common/bullet_04.gif") no-repeat left 7px; display:inline-block; padding-left:6px;}*/ #container .contents.member .detail .login {/*max-width:605px;*/ border:solid 1px #d0d4d7; margin:100px auto 120px; background:url("../images/web/sub/member/login_bg.png") no-repeat 9% 47px; overflow:hidden;} #container .contents.member .detail .login .box {margin-left:30%; border-left:solid 1px #d0d4d7;} #container .contents.member .detail .login .box p.txt {padding:47px 8% 0;} #container .contents.member .detail .login .box p.txt span {color:#ff0000; display:block; font-size:11px;} #container .contents.member .detail .login .box .lgi {clear:both; padding:0 8% 42px; /*width:100%;*/ overflow:hidden; margin-top:20px;} #container .contents.member .detail .login .box .lgi dl {float:left; width:71%;} #container .contents.member .detail .login .box .lgi dl dt {width:25%; float:left; margin-top:5px; font-weight:bold; height:19px; vertical-align:5px;} #container .contents.member .detail .login .box .lgi dl dt.dt1 {margin-top:10px;} #container .contents.member .detail .login .box .lgi dl dd {width:73.5%; float:left;} #container .contents.member .detail .login .box .lgi dl dd input {border:solid 1px #d0d4d7; height:24px; width:90%;} #container .contents.member .detail .login .box .lgi dl dd input.ip1 {margin-top:5px;} #container .contents.member .detail .login .box .lgi p.btn {float:right; width:26.5%;} #container .contents.member .detail .login .bot {border-top:solid 1px #d0d4d7; padding:25px 8%;} #container .contents.member .detail .login .box .bot span {background:url("../images/web/common/bullet_04.gif") no-repeat left 7px; display:inline-block; padding-left:6px;} #container .contents.member .detail .login .box span.red a {color:#ff0000;} #container .contents.find .detail {padding-bottom:200px; max-width:690px; margin:0 auto;} #container .contents.find .detail p.tit {background:url("../images/web/common/bullet_02.gif") no-repeat left 6px; padding-left:10px; font-weight:bold; font-size:14px;} #container .contents.find .detail p.stt {color:#676767; margin:12px 0;} #container .contents.find .detail .tbl {width:100%;} #container .contents.find .detail .tbl col.th {width:20%;} #container .contents.find .detail .tbl col.td {width:80%;} #container .contents.find .detail .tbl th {background:#e3e7ea; font-weight:bold; padding:8px 10px; border-left:solid 1px #d0d4d7; border-right:solid 1px #d0d4d7; border-bottom:solid 1px #fff;} #container .contents.find .detail .tbl th.fir {border-top:solid 2px #ff0000;} #container .contents.find .detail .tbl th.fin {border-bottom:solid 1px #d0d4d7;} #container .contents.find .detail .tbl td {border-right:solid 1px #d0d4d7; border-bottom:solid 1px #d0d4d7; padding:8px 10px;} #container .contents.find .detail .tbl td.fir {border-top:solid 1px #b0b0b0;} #container .contents.find .detail .tbl td input {border:solid 1px #d0d4d7; height:24px; padding-left:5px; width:250px; vertical-align:middle;} #container .contents.find .detail .tbl td input.txt1 {width:120px;} #container .contents.find .detail .tbl td input.txt2 {width:80px;} #container .contents.find .detail .tbl td select {border:solid 1px #d0d4d7; font-family:'Verdana',sans-serif; padding:4px 0; color:#888; width:200px;} #container .contents.find .detail .tbl td select.sel {width:80px;} #container .contents.find .detail .result {background:#f3f3f3; border:solid 1px #d0d4d7; text-align:center; margin:15px auto 0; padding:45px 0; font-weight:bold; font-size:16px;} #container .contents.privacy .detail p.tit {background:url("../images/web/common/bullet_02.gif") no-repeat left 6px; padding-left:10px; font-weight:bold; font-size:14px;} #container .contents.privacy .detail .agbox {padding:33px; height:478px; border:solid 1px #d0d4d7; overflow-y:scroll; overflow-x:hidden; margin-top:30px;} #container .contents.privacy .detail .agbox h4 {font-size:14px; font-weight:bold; margin-left:3px;} #container .contents.privacy .detail .agbox h5 {font-weight:bold; font-size:12px; color:#636363; margin:25px 0 5px;} #container .contents.privacy .detail .agbox h5.fir {margin-top:15px;} #container .contents.privacy .detail .agbox p {color:#636363; margin-bottom:10px; line-height:1.7em;} #container .contents.privacy .detail .agbox ul {margin-bottom:10px;color:#636363;} #container .contents.privacy .detail .agbox ul li {padding:0 0 5px 15px;} #container .contents.privacy .detail .agbox table {width:100%;margin-bottom:10px;border-top:1px solid #D0D4D7;border-left:1px solid #D0D4D7;} #container .contents.privacy .detail .agbox table th, #container .contents.privacy .detail .agbox table td {padding:10px 12px;border-right:1px solid #D0D4D7;border-bottom:1px solid #D0D4D7;vertical-align:middle;text-align:center;} #container .contents.privacy .detail .agbox dl {margin-bottom:10px;} #container .contents.privacy .detail .agbox dl dt {margin-bottom:2px;font-weight:bold;color:blue;} #container .contents.privacy .detail .agbox dl dd {margin-bottom:6px;} /*#container .contents.privacy .detail .out {border:solid 1px #e8e8e8; padding:20px; color:#676767; margin-top:50px; position:relative;} #container .contents.privacy .detail .out p {color:#676767;} #container .contents.privacy .detail .out span {position:absolute; right:20px; top:23px;}*/ #container .contents.mypage .detail .tbl {width:100%;} #container .contents.mypage .detail .tbl col.col1 {width:5%;} #container .contents.mypage .detail .tbl col.col2 {width:57%;} #container .contents.mypage .detail .tbl col.col3 {width:13%;} #container .contents.mypage .detail .tbl col.col4 {width:15%;} #container .contents.mypage .detail .tbl col.col5 {width:10%;} #container .contents.mypage .detail .tbl col.th {width:20%;} #container .contents.mypage .detail .tbl col.td {width:80%;} #container .contents.mypage .detail .tbl th {vertical-align:middle; border-top:solid 2px #b0b0b0; border-right:solid 1px #d0d4d7; background:#e3e7ea; border-bottom:solid 1px #d0d4d7; padding:8px 0; text-align:center; font-weight:bold;} #container .contents.mypage .detail .tbl th.no1 {border-left:solid 1px #d0d4d7; border-top:solid 2px #ff0000;} #container .contents.mypage .detail .tbl th.fir {padding:8px 10px; text-align:left; border-top:solid 2px #ff0000; border-bottom:solid 1px #fff; border-left:solid 1px #d0d4d7;} #container .contents.mypage .detail .tbl th.left {padding:8px 10px; text-align:left; border-top:none; border-left:solid 1px #d0d4d7; border-bottom:solid 1px #fff;} #container .contents.mypage .detail .tbl th.fin {padding:8px 10px; text-align:left; border-bottom:solid 1px #d0d4d7; border-top:none; border-left:solid 1px #d0d4d7;} #container .contents.mypage .detail .tbl td {vertical-align:middle; border-right:solid 1px #d0d4d7; text-align:center; border-bottom:solid 1px #d0d4d7; padding:8px 0;} #container .contents.mypage .detail .tbl td.no1 {border-left:solid 1px #d0d4d7;} #container .contents.mypage .detail .tbl td.tit {text-align:left; padding-left:10px;} #container .contents.mypage .detail .tbl td.fir {padding:8px 10px; border-top:solid 2px #b0b0b0; text-align:left;} #container .contents.mypage .detail .tbl td.left {padding:8px 10px; text-align:left;} #container .contents.mypage .detail .tbl td span.btn {display:block;} #container .contents.mypage .detail .tbl td input {border:solid 1px #d0d4d7; color:#888; font-family:'Verdana'; height:24px; padding-left:5px; vertical-align:middle;} #container .contents.mypage .detail .tbl td input.txt {width:250px;} #container .contents.mypage .detail .tbl td input.txt2 {width:75px; vertical-align:top;} #container .contents.mypage .detail .tbl td input.txt3 {width:350px; margin-top:5px;} #container .contents.mypage .detail .tbl td select {border:solid 1px #d0d4d7; color:#888; font-family:'Verdana'; padding:4px 0; vertical-align:top; width:150px;} #container .contents.mypage .detail .tbl td select.sel2 {width:80px;} #container .contents.mypage .detail .tbl td .vtct {margin:2px 3px 0; vertical-align:top;} #container .contents.mypage .detail .tbl td span.stxt {display:block; font-size:11px; margin-top:4px;} #container .contents.mypage .detail .out {border:solid 1px #e8e8e8; padding:20px; color:#676767; margin-top:50px; position:relative;} #container .contents.mypage .detail .out p {color:#676767;} #container .contents.mypage .detail .out span {position:absolute; right:20px; top:23px;} #container .contents.privacy .detail {max-width:690px; margin:0 auto;} /* 주소 검색 팝업 */ #address {background:url("../images/web/common/bg_pop.png") repeat left top; position:absolute; top:0; left:0; width:100%; height:100%; display:none;} #address .pop {font-family:'Verdana'; width:60%; background:#fff; margin:350px auto 0; border:solid 1px #4f4f4f; padding-bottom:35px;} #address .pop .top {position:relative; background:url("../images/web/sub/member/add_bg.gif") repeat-x left top; width:100%; height:55px; border-bottom:solid 1px #cfcfcf;} #address .pop .top img.tit {margin:20px 0 0 5%;} #address .pop .top span.close {position:absolute; top:20px; right:5%;} #address .pop .close {position:absolute; right:21px; top:26px;} #address .pop .txt {margin:20px auto 0; width:90%;} #address .pop .txt .tt {font-family:'Verdana'; color:#424242; line-height:1.7em;} #address .pop .txt .tt span {color:#636363; display:block;} #address .pop .txt .search {margin-top:15px; clear:both; overflow:hidden; border-top:solid 2px #b0b0b0; border:solid 1px #d0d4d7; background:#f6f6f6; padding:9px 5%;} #address .pop .txt .search input.sch {width:90%; border:solid 1px #d0d4d7; float:left; vertical-align:top; height:24px; padding-left:5px;} #address .pop .txt .search a {float:right; vertical-align:-3px;} #address .pop .txt .sch_result {margin-top:30px; width:100%; display:none;} #address .pop .txt .sch_result .bold {font-weight:bold;} #address .pop .txt .sch_result .add_box {border:solid 1px #d0d4d7; margin-top:10px;} #address .pop .txt .sch_result .add_box ul {overflow-y:scroll; height:130px; margin-left:5%; padding-top:10px;} #address .pop .txt .sch_result .add_box ul li {margin-bottom:5px;} /* sitemap */ #wrapper.sitemap #layout .mstm {display:none;} #wrapper.sitemap #container .topC {height:80px; overflow:hidden;} #container .contents.sitemap .detail {max-width:690px; margin:0 auto;} #container .contents.sitemap .detail .stm {overflow:hidden; clear:both; padding-bottom:85px;} #container .contents.sitemap .detail .stm .dep1 {float:left; width:38%;} #container .contents.sitemap .detail .stm .dep1.last {width:24%;} #container .contents.sitemap .detail .stm .dep1 p {background:url("../images/web/sub/etc/bullet01.gif") no-repeat left 3px; font-size:24px; font-weight:bold; padding-left:18px; line-height:23px; margin-bottom:28px;} #container .contents.sitemap .detail .stm .dep1 .d1 {margin-left:18px;} #container .contents.sitemap .detail .stm .dep1 .d1 li {font-size:14px; margin-bottom:10px;} #container .contents.sitemap .detail .stm .dep1 .d1 li ul {margin-top:14px;} #container .contents.sitemap .detail .stm .dep1 .d1 li ul li {font-size:11px; color:#636363; background:url("../images/web/sub/etc/bullet02.gif") no-repeat left 3px; margin-bottom:7px; padding-left:6px; line-height:11px;} #container .contents.sitemap .detail .stm .dep1 .d1 li ul li a {color:#636363;} /* footer */ #footer { background:#393939 url("../images/web/common/bg01.png") repeat-x left top; position:relative; overflow:hidden; clear:both; } #footer .copy { /*background:url("../images/web/common/footer_img.jpg") no-repeat left top;*/ background:url("../images/web/common/f_logo.png") no-repeat 53px 38px; height:105px; padding:40px 0 0 280px; font-size:11px; font-family:'Verdana','NanumGothicWeb',sans-serif; font-weight:normal; max-width:1000px; position:relative; } #footer ul.f_menu { overflow:hidden; clear:both; } #footer ul.f_menu li { background:url("../images/web/common/f_line.gif") no-repeat right 7px; font-size:11px; float:left; color:#fff; padding-right:10px; margin-right:12px; } #footer ul.f_menu li.fir {padding-left:0;} #footer ul.f_menu li.last {background:none;} #footer ul.f_menu li a {color:#fff;} #footer address {color:#b0b0b0;} #footer .f_txt {color:#b0b0b0; font-size:10px; font-weight:normal; line-height:11px; font-family:'Monda', sans-serif;} #footer .f_site {position:absolute; top:25px; right:60px;} #footer .f_site select {width:150px; padding:5px 0 5px 5px; font-size:12px; font-family:'Verdana'; border:solid 1px #b0b0b0;} /* 이메일 무단수집거부 */ /*#myer {background:url("../images/web/common/bg_pop.png") repeat left top; z-index:100; position:relative; top:0; left:0; width:100%; height:100%; display:none;}*/ #mail {display:none; z-index:10; border:solid 1px #000; font-family:'Verdana'; /*position:relative; width:96%;*/ max-width:570px; position:absolute; left:2%; right:2%; bottom:250px; background:#fff;} #mail p.top {background:url("../images/web/sub/etc/pop_bg.gif") repeat-x left top; position:relative; border-bottom:solid 1px #d0d4d7; padding:19px 0 14px 31px;} #mail .mloy {padding:23px 35px; line-height:1.7em; color:#636363;} #mail .ebox {padding:23px 23px 20px; border:solid 1px #d0d4d7;} #mail strong {margin:25px 0 15px; display:block; color:#2f2f2f;} #mail .ebtn {position:absolute; right:35px; top:17px; } @media all and (max-width:1370px) { #container .contents.network .detail .mapif .mimg.asia {width:100%; float:none; padding-left:0; margin:0 auto;} #container .contents.network .detail .mapif .mimg.asia .asiamap {float:none; margin:0 auto;} #container .contents.network .detail .mapif .minfo.asia {width:100%; float:none; border-left:none; min-height:0;} } @media all and (max-width:1300px) { /* pr - reply */ #container .contents.pr .detail .replyS .rep li .rpt {margin-left:10px;} } @media all and (max-width:1220px) { #container .contents.network .detail .mapif .mimg {width:100%; float:none; padding-left:0; margin:0 auto;} #container .contents.network .detail .mapif .mimg.korea {width:100%;} #container .contents.network .detail .mapif .mimg .bmap {float:none; margin:0 auto;} #container .contents.network .detail .mapif .mimg .asiamap {float:none; margin:0 auto;} #container .contents.network .detail .mapif .mimg .americamap {float:none; margin:0 auto;} #container .contents.network .detail .mapif .minfo {width:97%; float:none; border-left:none; min-height:0;} } /* 2014-12-22 추가 new-prd 클래스 활용 */ .product.new-prd .new-tab {width:690px;margin:0 auto;padding:35px 0 23px;height:33px;} .product.new-prd .new-tab2 {height:62px;} .product.new-prd .new-tab.w14 {padding:5px 0 23px;} .product.new-prd .new-tab li {float:left;width:25%;} .product.new-prd .new-tab.w20 li {width:20%;} .product.new-prd .new-tab.w14 li {width:14%;} .product.new-prd .new-tab.w14 li a {background:url("../images/web/sub/product/img_newTap3_off.png") no-repeat 0 0;} .product.new-prd .new-tab.w14 li.on a {background:url("../images/web/sub/product/img_newTap3_on.png") no-repeat 0 0;} .product.new-prd .new-tab li a { display:block;height:33px;color:#484848; background:url("../images/web/sub/product/img_newTap_off.png") no-repeat 0 0; font-family:나눔고딕,"NanumGothic","NanumGothicWeb",돋움; line-height:2.3;text-indent:8px;font-weight:bold; } .product.new-prd .new-tab2 li a {height:55px;line-height:14px;text-indent:0;padding:7px 0 0 5px;} .product.new-prd .new-tab.w20 li a {background-image:url("../images/web/sub/product/img_newTap2_off.png");} .product.new-prd .new-tab li.on a {color:#fff;border:0;background-image:url("../images/web/sub/product/img_newTap_on.png");} .product.new-prd .new-tab.w20 li.on a {background-image:url("../images/web/sub/product/img_newTap2_on.png");} .product.new-prd .new-tab.w25 li.on a {background-image:url("../images/web/sub/product/img_newTap4_on.png");} .product.new-prd .new-tab.w25 li.on2 a {background-image:url("../images/web/sub/product/img_newTap_on.png");} .product.new-prd .new-tab2.w20 li.on2 a {background-image:url("../images/web/sub/product/img_newTap5_on.png");} .product.new-prd .tit_line {margin:20px 0 15px;font-size:22px;color:#2f2f2f;font-family:"Levenim MT";background:url("../images/web/sub/product/img_tit_bg.gif") no-repeat 90px 7px;} .product.new-prd .tit_line.bg125 {background-position:125px 7px;} #container .contents.product .detail .title.korean {font-family:나눔고딕,"NanumGothic","NanumGothicWeb",돋움,"Levenim MT";}/*한글제목*/ #container .contents.product .detail .prinfo p.tit2.pdb10 {padding-bottom:10px;margin-top:30px;} .new-prd .tit_txt {color: #636363;line-height: 1.7em;} .product.new-prd .imgList {width:100%;float:left;padding-top:12px;} .product.new-prd .imgList li {width:48%;margin-right:2%;} .product.new-prd .imgList li.f_r {margin-right:0;margin-left:2%;} .product.new-prd .imgList li span {display:block;padding:8px 0 18px 15px;background:url("../images/web/sub/product/img_newprd_bull01.png") no-repeat 0 14px;} .product.new-prd .imgList li img {border:1px solid #d0d4d7;width:100%;max-width:330px;} .product.new-prd .txtList li { float:left;width:46%;min-height:65px; margin-right:2%;padding:0 0 10px 10px; color: #636363;line-height: 1.7em; background:url("../images/web/sub/product/img_newprd_bull02.gif") no-repeat 0 8px; } .product.new-prd .txtList li.f_r {float:right;margin:0;} #container .contents.product .detail .cftab.new li {width:20%;} @media all and (max-width:640px) { .product.new-prd .new-tab {display:none;} #container .contents.product .detail .title.korean {font-size:29px;} .product.new-prd .txtList li, .product.new-prd .txtList li.f_r {float:none;margin:0;width:auto;min-height:0;} .product.new-prd .imgList li, .product.new-prd .imgList li.f_r {float:none;margin:0;width:auto;} .product.new-prd .imgList li img {max-width:100%;} }