@charset "utf-8"; @import "/style/common/common.css"; #join_type { border: 1px solid #bbbbbb; float: left; height: 410px; width: 99.8%;} #join_type .type_w { width:100%; border-bottom:1px solid #e4e4e4; height:243px;} #join_type ul.type { padding: 0; overflow:hidden; width:99%; margin:0 auto;} #join_type ul.type li { background-image: none; float: left; width:33%; height:243px; border-left:1px solid #e4e4e4;} #join_type ul.type li:first-child { border-left:none;} #join_type ul.type li a { display:block; width:149px; margin:49px auto 0; padding-top:73px; font-size:15px;} #join_type ul.type li a img, #join_type ul.type li a span { display:block; text-align:center;} #join_type ul.type li a span.joinm { margin-bottom:10px;} #join_type ul.type li a span.joinbtn { background-color:#da4453; height:37px; line-height:37px; color:#fff; border-bottom:3px solid #ddd; } #join_type ul.type li.ty01 a {background: url("/images/common/member/btn_type01_ico.gif") no-repeat scroll top center transparent;} #join_type ul.type li.ty02 a {background: url("/images/common/member/btn_type02_ico.gif") no-repeat scroll top center transparent;} #join_type ul.type li.ty03 a {background: url("/images/common/member/btn_type03_ico.gif") no-repeat scroll top center transparent;} #join_type .mtxt_w { background-color:#f2f5f7; height:166px;} #join_type ul.mtxt { padding-top:32px; width: 85%; margin:0 auto; font-size:15px;} #join_type ul.mtxt li { background: url("/images/common/member/arrow_01.gif") no-repeat scroll left 9px transparent; padding: 0 0 0 9px; line-height:24px;} #content #join_tab h5 { font-size:17px; font-weight:400;} #join_tab { background-image: none; width:100%; margin: 0; padding: 0; } #join_tab ul.tab { padding: 0; overflow:hidden; border:1px solid #bbbbbb; width:99.8%; height:135px;} #join_tab ul.tab li { float: left; padding-top: 57px; font-size:15px; text-align:center; width:25%; line-height:20px; margin-top:23px; position:relative; } #join_tab ul.tab li span.here { font-size:14px; color:#df2a09; font-weight:400;} #join_tab ul.tab li span.no img { margin-right:3px; margin-top:3px;} #join_tab ul.tab li.jointab1 {background: url("/images/common/member/jointab1_n.png") no-repeat scroll center 6px;} #join_tab ul.tab li.jointab1.on {background: url("/images/common/member/jointab1_n_on.png") no-repeat scroll center 6px;} #join_tab ul.tab li.jointab2 {background: url("/images/common/member/jointab2_n.png") no-repeat scroll center 6px;} #join_tab ul.tab li.jointab2.on {background: url("/images/common/member/jointab2_n_on.png") no-repeat scroll center 6px;} #join_tab ul.tab li.jointab3 {background: url("/images/common/member/jointab3_n.png") no-repeat scroll center 6px;} #join_tab ul.tab li.jointab3.on {background: url("/images/common/member/jointab3_n_on.png") no-repeat scroll center 6px;} #join_tab ul.tab li.jointab4 {background: url("/images/common/member/jointab4_n.png") no-repeat scroll center 6px;} #join_tab ul.tab li.jointab4.on {background: url("/images/common/member/jointab4_n_on.png") no-repeat scroll center 6px;} #join_tab ul.tab li span.right_bl { position:absolute; right:0; top:0; background: url("/images/common/member/right_bl.png") no-repeat scroll center center; height:100%; width:17px;} #join_tab div.textArea { width: 100% !important; font-size:14px; background-color:#f2f5f7; } #join_tab p { clear:both; margin: 0; padding: 10px 0 0; } #join_tab p input { margin-left: 4px; vertical-align: middle; } #join_tab p.joinPoint { background: url("/images/common/member/arrow_01.gif") no-repeat scroll left 10px transparent; color: #4D4D4D; margin-bottom: 10px; margin-top: 15px; padding: 0 0 0 8px; } #join_tab p.joinText { color: #4D4D4D; margin-left: 0; } #join_tab p.joinText strong { color: #00944A; font-weight: 400; text-decoration: underline; } #join_tab div.textArea, #join_tab div.borderArea, #join_tab div.borderArea02 { border-color: #C9C9C9 #E1E1E1 #E1E1E1; border-image: none; border-right: 1px solid #E1E1E1; border-style: solid; border-width: 1px; float: left; } #join_tab div.textArea div { height: 200px; margin: 10px 0 10px 15px; overflow-x: hidden; overflow-y: scroll; padding:0 2% 0 0; } #join_tab div.textArea div dl { margin: 10px 0 0; padding: 0; float:left; } #join_tab div.textArea div dl dt { color: #000000; font-weight: 400; margin: 10px 0 0; padding: 0; font-size:15px; } #join_tab div.textArea div dl dd { color: #666; font-weight: normal; margin: 5px 0 0; padding: 0; line-height:1.6; } #join_tab .img_realsearch { float: left; height: 100px; margin-top: 40px; padding-left: 28px; padding-top: 58px; width: 137px; } #join_tab ul.type { float: left; margin-top: 28px; padding: 4%; width: 91.8%; border:1px solid #d2d2d2; background-color:#f2f5f7; } #join_tab ul.type li { background-image: none; float: left; font-size:15px; margin-top:25px; width:100%; line-height:25px; } #join_tab ul.type li:first-child { margin-top:0;} #join_tab ul.type li img { float:left; display:block; margin-bottom:10px; margin-right:8px;} #join_tab ul.type li span { float:left; display:block;} #join_tab ul.type02 { margin-left: 8px; margin-top: 19px; overflow:hidden; } #join_tab ul.type02 li { background: url("/images/common/member/arrow_01.gif") no-repeat scroll left 9px transparent; float: left; line-height: 22px; width: 95%; padding: 0 0 0 10px; font-size:14px; } #join_tab ul.type03 { border: 1px dashed #FF3300; float: left; font-size: 12px; font-weight: 400; margin-left: 8px; margin-top: 10px; margin-bottom:10px; padding: 10px 10px 10px 20px; } #join_tab ul.type03 li { background: url("/images/common/member/icon_excla.gif") no-repeat scroll left -1px transparent; float: left; height: 18px; padding: 0 0 0 26px; } #join_tab p.end { float: left; margin: 0; padding-left: 28px; padding-top: 18px; width: 137px; } #join_tab ul.end { float: left; margin-left: 8px; margin-top: 50px; padding: 0; width: 350px; } #join_tab ul.end li { background: url("/images/common/member/arrow_01.gif") no-repeat scroll left 7px transparent; float: left; font-size: 14px; line-height: 130%; } #join_tab ul.end li span { font-weight: 400; } #joinBtnGroup { margin: 16px 0 15px 0; width: 100%; } #joinBtnGroup ul { text-align: center; } #joinBtnGroup ul li { background-image: none !important; margin-right: 8px; display:inline; } #join_tab div.borderArea { margin-top: 18px; padding: 0 22px 20px; width: 566px; } #join_tab div.borderArea dl dt { font-size: 14px; margin-top: 15px; vertical-align: text-bottom; } #join_tab div.borderArea dl dt img { margin-right: 10px; } #join_tab div.borderArea dl dd { font-weight: normal; margin-top: 10px; } #join_tab div.borderArea dl dd strong { color: #388D02; text-decoration: underline; } #join_tab div.borderArea02 { background: url("/01kr/images/use/img_join01.jpg") no-repeat scroll 18px 12px transparent; margin-top: 16px; padding: 16px 40px 24px 130px; } ul#ipinBtnGroup { clear: both; padding-top: 19px; text-align: center; } ul#ipinBtnGroup li { display: inline; } #join_tab div.borderArea02 dl { width: 440px; } #join_tab div.borderArea02 dl dd { font-weight: normal; margin-top: 5px; } #join_tab div.borderArea02 dl dd strong { margin-left: 4px; } #join_tab table.joinTable { border-color: #d2d2d2; border-image: none; border-right: medium none; border-style: solid none none; border-width: 1px medium medium; clear: both; padding: 0; width: 100%; } #join_tab table.joinTable caption { margin-top: 20px; padding-left: 20px; text-align: left; } #join_tab table.joinTable caption strong { color: #00A851; font-weight: normal; margin-left: 8px; } #join_tab table.joinTable tr th, #join_tab table.joinTable tr td { border-bottom: 1px solid #DCDEE7; } #join_tab table.joinTable tr th { background: url("/01kr/images/use/bol_jointh.gif") no-repeat scroll 19px 18px #F5F6F6; padding: 10px 10px 10px 18px; text-align: left; vertical-align: text-top; width: 110px; font-weight:400; } #join_tab table.joinTable tr td { font-weight: normal; padding: 10px 10px; } #join_tab table.joinAddress tr td { padding:0 0 5px 10px; } #join_tab table.joinAddress tr td.paddingOther01 { padding: 7px 10px 4px; } #join_tab table.joinAddress tr td.paddingOther02 { padding: 4px 10px 7px; } #join_tab table.joinTable tr td input, #join_tab table.joinTable tr td select, #join_tab table.joinTable tr td img { vertical-align: middle; } #join_tab table.joinTable tr td ul.joinLeft li { background-image: none; display: inline; } #join_tab table.joinTable tr td ul li { background-image: none !important; margin-left: 2px; margin-top:5px; font-size:14px; } span.must_input { color: #FF3300; } #join_tab table.joinTable tr td input.joinInput01, #join_tab table.joinTable tr td input.joinInput02, #join_tab table.joinTable tr td input.joinInput03, #join_tab table.joinTable tr td input.joinInput04, #join_tab table.joinTable tr td input.joinInput05, #join_tab table.joinTable tr td input.joinInput06, #join_tab table.joinTable tr td input.inputTextShort2 { border: 1px solid #C7C7C7; height: 20px; padding: 2px; } #join_tab table select {height: 24px;} #join_tab table.joinTable tr td input.joinInput01 { width: 132px; } #join_tab table.joinTable tr td input.joinInput02 { width: 341px; } #join_tab table.joinTable tr td input.joinInput03 { width: 65px; } #join_tab table.joinTable tr td input.joinInput04 { width: 399px; } #join_tab table.joinTable tr td input.joinInput05 { width: 49px; } #join_tab table.joinTable tr td input.joinInput06 { width: 113px; } #join_tab table.joinTable tr td input#birth_yy, #join_tab table.joinTable tr td input#birth_mm, #join_tab table.joinTable tr td input#birth_dd { width:100px;} #join_tab table.joinTable tr td input[type="radio"] { margin-right:3px;} #contentUseIdSearch input.checkInput07, #contentUseIdSearch input.checkInput08 { border: 1px solid #BFC7E0; height: 16px; padding: 2px; } #contentUseIdSearch input.checkInput07 { width: 234px; } #contentUseIdSearch input.checkInput08 { width: 107px; } #idsearch { width:441px; margin:0 auto; } #idsearch h2 { margin-top: 10px; } #idsearch p.close { left: 410px; position: absolute; top: 10px; } #idsearch p { font-size: 14px; margin-left: 22px; margin-top: 20px; } #idsearch p.red { color: #FF4200; font-weight: 400; margin: 0 0 0 22px; } #idsearch p.black { color: #000000; font-weight: 400; margin: 20px 0 0 22px; } #idsearch form { width: 320px; } #idsearch fieldset { background-color: #F7F8F9; float: left; height: 44px; margin-left: 40px; margin-top: 20px; padding: 0 0 0 32px; width: 350px; } #idsearch fieldset legend { float: left; font-size: 12px; padding: 22px 0 0; visibility: visible; width: 50px; height:22px; } #idsearch input.w150 { border: 1px solid #C8D0EA; float: left; height: 22px; margin-top: 10px; width: 150px; } #idsearch input.p10 { float: left; margin-left: 5px; margin-top: 8px; } #idsearch .btn_use_ok{ display:block; text-align:center; margin-top:10px;} .AlignLeft { text-align: left !important; } .AlignCenter { text-align: center !important; } .AlignRight { text-align: right !important; } .ValignTop { vertical-align: top !important; } .ValignMiddle { vertical-align: middle !important; } .ValignBottom { vertical-align: bottom !important; } .DisplayBlock { display: block; } .DisplayNone { display: none; } .FloatLeft { float: left; } .FloatRight { float: right; } .ClearBoth { clear: both; } .BackgroundNone { background: none repeat scroll 0 0 transparent !important; } .BorderNone { border: medium none !important; } .BorderRightNone { border-right: medium none !important; } .PaddingNone { padding: 0 !important; } .MarginNone { margin: 0 !important; } .FontWeightNormal { font-weight: normal !important; } .FontWeightBold { font-weight: 400 !important; } .fontbw { letter-spacing: -1px; } #idsearch a.close { left: 410px; position: absolute; top: 25px; } .group02{ clear:both; float:left; width:100%; margin-top:50px !important;} p.end_top { width:99.8%; background-color:#f2f5f4; border:1px solid #d2d2d2; text-align:center; margin:25px 0 0 0 !important; padding:25px 0 !important; font-size:17px; } p.end_top span { color:#099a84;}