/****************************************************************************** 파일명 : common.css - 공통 Cascade Style Sheet 작성자 : PortfolioAD 작성일 : 2006-11-27 ******************************************************************************/ /****************************************************************************** 공통 스타일 ******************************************************************************/ body { font-size: 12px; font-family: 돋움,arial,Dotum, ; color: #666; margin:0; padding:0; background: #FFFFFF; line-height: 1.5em; overflow:auto; overflow-x:hidden; scrollbar-base-color: #d1d1d1; scrollbar-darkshadow-color: #d1d1d1; scrollbar-face-color: #ffffff; scrollbar-highlight-color: #ffffff; scrollbar-arrow-color: #d1d1d1; scrollbar-track-color: #d1d1d1; scrollbar-3dlight-color: #d1d1d1; scrollbar-shadow-color: #ffffff; } img { border:0;} form, p {margin:0px; padding:0px;} ol,ul,li,dl,dt,dd {list-style-type:none; margin:0px; padding:0px;} h1,h2,h3 {margin:0;padding:0;} select {margin:0;padding:0;font-size: 12px; font-family: 돋움,arial,Dotum, ; color: #666; margin:0;padding:0;} /*default*/ a {color:#666666; text-decoration: none; font-size:12px; selector-dummy: expression(this.hideFocus=true);cursor:hand;} /*NEWS & EVENT*/ a.notice:link, a.notice:active, a.notice:visited { color:#B62541; } a.notice:hover { color:#8B1C32; text-decoration:none; } a.ne:link, a.ne:active, a.ne:visited { color:#666666; } a.ne:hover { color:#8B1C32; text-decoration:none; } a.ne8:link, a.ne8:active, a.ne8:visited { color:#666666; font-size:8pt; } a.ne8:hover { color:#8B1C32; font-size:8pt; text-decoration:none; } #topsection{background: url('/images/bgtop.gif');height: 100px;} #com { width:920px ; text-align:right; height:15px;} #com a {margin-right:15px; font-size:11px ; line-height: 1.2em; color:#ffffff ; font-weight:normal} #logo{width:920px ;} #logo a {position: absolute;top: 15px;width: 260px;height: 76px;display: block;background: url('/images/logo2.gif');margin-left: 660px;text-indent: -100em;text-decoration: none;} #leftcolumn{position: absolute;top:100px;left:0px;float: left; width: 146px;z-index:1;} #contentwrapper{float: left;width: 100%; padding-bottom:60px;} #contentcolumn h2, h3 {margin-left: 184px;} #contentcolumn p {margin-left: 184px;} /*FAQ*/ #contentcolumn div#FAQ {margin-left: 184px;} #contentcolumn div#FAQ .FAQ_left {width:206px;float:left;} #contentcolumn div#FAQ p {margin-left: 0px;} /*Q&A*/ #contentcolumn div#QNA {width:716px;margin-left: 184px;} #contentcolumn div#QNA .QNA_left {width:206px;float:left;} #contentcolumn div#QNA .QNA_right {width:510px;float:left;} #contentcolumn div#QNA .tt01 {width:424px;height:24px;margin-left: 0px;background:url(/images/customer/qna_tt_01.gif) no-repeat;padding:0.3em 0 0 7.2em; border-top:1px solid #B62641;border-bottom:1px solid #E3E3E3;} #contentcolumn div#QNA .tt02 {width:424px;height:24px;margin-left: 0px;background:url(/images/customer/qna_tt_02.gif) no-repeat;padding:0.3em 0 0 7.2em; border-bottom:1px solid #E3E3E3;} #contentcolumn div#QNA .tt03 {width:424px;height:24px;margin-left: 0px;background:url(/images/customer/qna_tt_03.gif) no-repeat;padding:0.3em 0 0 7.2em; border-bottom:1px solid #E3E3E3;} #contentcolumn div#QNA .tt04 {width:424px;height:24px;margin-left: 0px;background:url(/images/customer/qna_tt_04.gif) no-repeat;padding:0.3em 0 0 7.2em; border-bottom:1px solid #E3E3E3;} #contentcolumn div#QNA .tt05 {width:424px;height:24px;margin-left: 0px;background:url(/images/customer/qna_tt_05.gif) no-repeat;padding:0.3em 0 0 7.2em; border-bottom:1px solid #E3E3E3;} #contentcolumn div#QNA .tt06 {width:424px;height:24px;margin-left: 0px;background:url(/images/customer/qna_tt_06.gif) no-repeat;padding:0.3em 0 0 7.2em;} #contentcolumn div#QNA .tt062 {width:424px;height:20px;margin-left: 0px;padding:0.2em 0 0 8.0em; border-bottom:1px solid #E3E3E3; color:#B82542;font-size:8pt;} #contentcolumn div#QNA .tt07 {width:424px;height:24px;margin-left: 0px;background:url(/images/customer/qna_tt_07.gif) no-repeat;padding:0.3em 0 0 7.2em; border-bottom:1px solid #E3E3E3;} #contentcolumn div#QNA .tt08 {width:424px;height:112px;margin-left: 0px;background:url(/images/customer/qna_tt_08.gif) no-repeat;padding:0.3em 0 0 7.2em; border-bottom:1px solid #B62641;} #contentcolumn div#QNA .button {margin-left: 0px;padding-top:10px;text-align:center;} #contentcolumn div#QNA .text {margin-left: 0px;} /*NEWS & EVENT*/ #contentcolumn div#NEWS {width:510px;margin-left:390px;} #contentcolumn div#NEWS p {margin-left:0px;} #contentcolumn div#NEWS p#pagelist {font-size:8pt;text-align:center;padding:10px 0px;} #contentcolumn div#NEWS p#pagelist .B62541_bold {color:#B62541;font-weight:bold;} #contentcolumn div#NEWS p#pagelist .CE {color:#CECECE;} #contentcolumn div#NEWS p#pagelist .66 {color:#666666;} #contentcolumn div#NEWS p#search {height:29px;background:#F5F5F5;text-align:center;padding-top:10px;} .bb_E3 {border-bottom:1px solid #E3E3E3;} .bt_B6 {border-top:1px solid #B62541;} .bb_B6 {border-bottom:1px solid #B62541;} .cen {text-align:center;} .rig {text-align:right;} #contentcolumn div#Recruit {width:450px;margin-left:417px;} #contentcolumn div#Recruit p {margin-left:0px;} #contentcolumn div#Recruit p#pagelist {font-size:8pt;text-align:center;padding:10px 0px;} #contentcolumn div#Recruit p#pagelist .B62541_bold {color:#B62541;font-weight:bold;} #contentcolumn div#Recruit p#pagelist .8A {color:#8A8A8A;} #contentcolumn div#Recruit p#search {height:30px;background:#F5F5F5;text-align:center;padding-top:10px;} #footer {width: 100%; height: 40px; background: url('/images/bgfooter.gif');float: left;} #footer UL {width: 100%; padding-top:10px;} #footer li {float: left;} #footer a {color: #000;font-family: Dotum; font-size: 11px;} #footer_02 {width:920px ; height:40px} #footer_02 p {width:800px;height:20px;font-family:arial;font-size:7pt;color:#333;padding-left:13px;float:left;} #footer_02 UL {width:105px ; height:20px;color: #003399;font-family:arial;font-size:7pt;float:left;text-align:right } #footer_02 a {color: #003399;font-family:arial;font-size:7pt;} input { font-size:12px; font-family: 돋움,arial,Dotum, ; height:15px ; color:#767676; border: expression( (this.type=='checkbox'||this.type=='radio'||this.type=='button'||this.type=='image')?'':'1px solid #d7d7d7' );} textarea {font-size: 12px; font-family: 돋움,arial,Dotum, ; color: #666666; line-height: 15px; border:1px solid #d1d1d1; scrollbar-base-color: #ffffff; scrollbar-darkshadow-color: #ffffff; scrollbar-face-color: #ffffff; scrollbar-highlight-color: #ffffff; scrollbar-arrow-color: #E7E7E7; scrollbar-track-color: #f7f7f7; scrollbar-3dlight-color: #E7E7E7; scrollbar-shadow-color: #E7E7E7; } #privacy {width:490px ; text-align:left ; border:6px solid #EEEEEE; padding:14px ; font-size:11px ; color:#686868} #privacy a {color:#A52A39 ; font-size:11px ;text-decoration:none ; margin-left:8px} #privacy h2 {color:#A52A39 ; font-size:15px ; font-weight:normal ; margin-top:5px} #privacy ul { padding:20px 0px 15px 0px } #privacy li {background:url('/images/privacy_dot.gif') 0px 3px no-repeat;} #privacy p { padding-bottom:15px } #sitemap {margin-top:50px ; margin-left: 184px;} .sitemap1 { width:189px ; float:left} .sitemap2 { width:188px ; float:left} .sitemap3 { float:left}