@font-face { font-family:Malgun Gothic, "맑은 고딕"; src:url(/css/MalgunGothic.eot); } body { background-color:#ffffff; margin:0; padding:0; _text-align:center;font-family: 'NanumSquare';} /* 내용부분은 다른 폰트로. */ .content_view { background-color:#ffffff; margin:0; padding:0;} img { border:0; } caption {display:none; } a { color:#48688F; } a:link, a:visited { text-decoration:none; } a:active { color:#ff3300; } input, textarea, select { font:12px/18px '맑은 고딕',Gulim; } fieldset { border:0; margin:0; padding:0; } .fl { float:left; } .fr { float:right; } .clear:after {content:""; display:block;clear:both;} .ajax_error{color:#ff3300;} .ajax_success{color:#0033ff;} .hidden {visibility:hidden; height:0; width:0; font-size:0; position:absolute; left:-5000px;} .ellipsis{display: block; text-overflow: ellipsis;white-space: nowrap; word-wrap: normal;overflow: hidden;} input:focus { background-color:#ffffcc; } input.text { height:17px; border:1px solid #9A9A9A; border-bottom:1px solid #D8D8D8; border-right:1px solid #D8D8D8; color:#404040; vertical-align:middle; padding:3px 0 0 5px; } textarea.textarea { width:97%; border:1px solid #9A9A9A; border-right:1px solid #D8D8D8; border-bottom:1px solid #D8D8D8; padding:2px; } /* Select box 스타일 초기화 */ select { -webkit-appearance: none; -moz-appearance: none; appearance: none; } /* IE 에서 Select box 화살표 제거 */ input::-ms-clear { display: none; } select::-ms-expand { display: none; } /* 실제 적용 CSS */ html, body, div, span, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, blockquote, p, address, pre, cite, form, fieldset, input, textarea, select, table, th, td { margin:0; padding:0; } /* 목록 */ ol, ul { list-style:none; } /* 텍스트 관련 요소 초기화 */ address, caption, strong, em, cite { font-style:normal; } /* 테두리 없애기 */ fieldset, img, abbr, acronym { border:0 none; } /* 제목요소 */ h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal; } .winner {width:660px;background:url(/image/winner_bg.gif) repeat-y 25px 0px} .winner div.top {background:url(/image/winner_top.gif) no-repeat left top} .winner div.center {background:url(/image/winner_center.gif) no-repeat left top} .winner div.bot {background:url(/image/winner_bot.gif) no-repeat left bottom;padding-bottom:85px;} .winner ul.list {margin-left:68px;margin-top:20px;_display:inline-block;min-height: 150px;} *:first-child+html .winner ul.list { display:inline-block; } .winner ul.list:after { display:block; clear:both; content:''; } .winner ul.list li.left {float:left;margin-right:23px;width:260px;} li.blet {margin-left:10px;margin-top:10px;background:url(/image/winner_blet.gif) no-repeat left 7px;color:#5826a2;font-size:15px;font-weight:bold;padding-left:20px;} li.blet ul li {color:#333;font-size:14px;} img, input, button, select, textarea { vertical-align:middle} /* 로그인 */ #login_area { position:relative; margin-bottom:20px; width:190px; padding:10px; overflow:hidden; border:1px solid #e1e1e1; border-top:2px solid #000; } #login_area .log01 {height:27px; vertical-align:top; color:#555555;} #login_area .log02 {float:right; position:absolute; top:10px; right:10px; height:49px;} #login_area .log03 {padding-top:5px; margin-bottom:5px; font-size:11px; color:#919191;} #login_area .log03 input.checkbox { vertical-align:middle; margin-top:-2px;} #login_area .log03 input label {margin:0; padding:0;} #login_area .log04 {margin-bottom:5px; font-size:11px; color:#555555;} #login_area .log04 .count {color:#ff5c30;} #login_area .box_input_id, #login_area .box_input_pw {width:72px; height:17px; border:1px solid #9A9A9A; border-bottom:1px solid #D8D8D8; border-right:1px solid #D8D8D8; color:#404040; vertical-align:middle; padding:3px 0 0 5px;} #login_area .bar {font:12px tahoma; color:#d7d7d7; margin-right:2px;} /* 설문투표 */ #poll_area { border:1px solid #e1e1e1; margin-bottom:20px; width:210px; color:#555; } #poll_area .title { padding:5px 0 5px 10px; color:#e1e1e1; width:200px; background-color:#393939; } #poll_area .question { padding:5px 0 0 10px; } #poll_area .question .point {font:9px tahoma; color:#999; } #poll_area ul { list-style:none; padding:5px; } #poll_area ul.answer li { margin-left:-15px; } #poll_area ul.answer { font-size:11px; margin:5px 0; *margin-top:-5px; } #poll_area ul.answer li { padding:2px 0 3px 20px; *padding-left:15px; } #poll_area ul.answer li input { vertical-align:middle; *margin-top:-1px; } #poll_area .poll_btn { text-align:center; margin:5px 0; } /* 방문자 정보 */ #visit_area { border:1px solid #e1e1e1; margin-bottom:20px; width:210px; color:#555; } #visit_area .title { padding:5px 0 5px 10px; color:#e1e1e1; width:200px; background-color:#393939; } #visit_area ul { padding:5px; margin:0; } #visit_area li { display:inline; font-size:q:11px; } /* 방문자 정보 */ #connect_area { border:1px solid #e1e1e1; margin-bottom:20px; width:210px; color:#555; } #connect_area .title { padding:5px 0 5px 10px; color:#e1e1e1; width:200px; background-color:#393939; } #connect_area ul { padding:5px; margin:0; } #connect_area li { display:inline; font-size:11px; } /* 투표결과 */ #poll_result .question {font-weight:bold; text-align:left; margin-bottom:10px; padding-left:20px; background:url(../images/icon_poll_question.gif) no-repeat left 2px;} #poll_result .question span.poll_count {color:#777; font-weight:normal;} #poll_result .result { list-style:none; text-align:left; *zoom:1;} #poll_result .result:after {content:""; display:block; clear:both;} #poll_result .result li { float:left;margin-bottom:5px; vertical-align:top;} #poll_result .result li.item {width:55%;} #poll_result .result li.graph {width:30%;} #poll_result .result li.graph img {vertical-align:top; } #poll_result .result li.num {width:15%; font-size:11px; color:#888; } #poll_result .result li span {display:block; float:left; width:20px; color:#3188e1; font-weight:bold;} #poll_result * html .result li span {margin-left:-15px;} /* 코멘트 쓰기 */ #comment_write {border:1px solid #e1e1e1; margin:10px 0; padding:10px; *zoom:1;} #comment_write:after {content:""; display:block; clear:both;} #comment_write ul {margin:10px 0; } #comment_write ul li {float:left;} #comment_write ul li.name {width:150px; text-align:center;} #comment_write ul li.input {width:auto; text-align:left; } #comment_write ul li.btn {width:50px;} .poll_comment_list {float:left; width:100%; _width:99%; border-collapse:collapse; text-align:left; border-top:2px solid #264f78;} .poll_comment_list td {padding:5px 10px 4px 10px; border-bottom:1px solid #e1e1e1;} .poll_comment_list td img {vertical-align:middle; } .poll_comment_view {width:100%; _width:99%; border-collapse:collapse; text-align:left;} .poll_comment_view td {border:none; padding:0 0 3px;} .poll_comment_view td.date {text-align:right; padding-right:10px; font:11px tahoma; color:#777; } .other_poll {margin:10px 0; padding:15px; text-align:left;} .other_poll p {font-size:11px; } /* 최근게시물 */ .latest_area{} .latest_area .title{height:23px; border-bottom:2px solid #b1b1b1; margin:5px 0 10px 0; padding:0; position:relative;} .latest_area .title h2{display:inline; float:left; letter-spacing:-1px; margin:0 0 5px 0; padding-bottom:5px; font-weight:bold; font-size:15px; border-bottom:2px solid #353535; position:relative;} .latest_area .title h2 a{color:#444;} .latest_area .title span{display:inline; float:right; font:10px tahoma; margin-top:2px;margin-right:5px;} .latest_area .title span a{ color:#777; } .latest_area .list { list-style:none; padding:0; margin:0 auto; } .latest_area .list { margin-bottom:25px; } .latest_area .list { overflow: hidden; text-overflow: ellipsis; } .latest_area .list li img { vertical-align:middle } .latest_area .list li a { } .latest_area .list li{ position:relative; padding:0 10px 5px 27px; text-align:justify; line-height:18px; background:url(../img/icon_list.gif) no-repeat 0 0;} .latest_area .list li.notice { font-weight:bold; } .latest_area .list li.reply { background:none; } .latest_area .list li .comment { font:9px tahoma; color:#f24017; } .latest_area .list li span.cate, .latest_area .list li span.cate a {color:#999; } /* 게시판 */ /* 회원가입 */ .agreement {background:#fafafa; border:1px solid #e1e1e1; padding:15px; margin-bottom:20px;} .agreement_box {background:#fff; border:1px solid #e1e1e1; height:200px; padding:10px; margin:5px 0 10px 0; overflow-y:scroll; line-height:180%; } .agreement label input {vertical-align:middle; margin-top:-2px;} p.btn_confirm {text-align:center; margin:20px 0 20px 0; } h2.member_join_title {margin-bottom:20px;} h3.member_join_title {margin-bottom:10px;} /* 회원가입&정보수정 폼 */ .register_form {margin:0 auto; text-align:left; border-collapse:collapse;} .register_form fieldset {border:0; margin-bottom:15px;} .register_form legend {display:none;} .register_form table {font-size:12px; border:1px solid #e1e1e1; width:100%; border-collapse:collapse;} .register_form tr.last_child th, .register_form tr.last_child td {border-bottom:1px solid #e1e1e1;} .register_form th {padding:10px 0 10px 15px; background:#fafafa; color:#666; font-size:11px; text-align:left; vertical-align:top; border-right:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1; } .register_form th label * {vertical-align:middle;} .register_form th em {padding-right:8px;font-style:normal;} .register_form td {padding:10px 0; color:#404040; border-bottom:1px solid #e1e1e1; } .register_form td input.file {border:1px solid #d1d1d1; height:20px;} .register_form td select {font:12px "돋움",dotum,AppleGothic,Sans-serif; color:#404040;} .register_form td textarea.textarea {width:98%; border:1px solid #e1e1e1; padding:5px; font:12px/18px "돋움",dotum,AppleGothic,Sans-serif;} .register_form td span {font-size:11px;} .register_form td p {margin:0; padding:0;} .register_form td p {margin-left:15px; color:#666;} .register_form td p.guide {margin-top:5px; color:#666;} .register_form td p * {vertical-align:middle;} .register_form tr.first_child th {background-image:none;} .register_form tr.first_child td {background:none;} /* 회원가입결과 */ .result {background:#fafafa; border:1px solid #e1e1e1; padding:25px; margin-bottom:15px;} .result p {margin-bottom:10px;} /* 멤버 로그인 */ #login {margin:35px auto; width:450px; *margin:35px auto; } /* 회원로그인 이미지 패딩추가 */ #login .login_img { padding:15px 0 0 20px; *padding:10px 0 0 20px; _padding:10px 0 0 20px; } #login .login_form {position:relative; background:url(../img/bg_member_login.gif) no-repeat left top; height:177px; margin-top:15px; padding:40px 50px;} #login .login_form form {padding-bottom:15px; border-bottom:1px solid #d1d1d1;} #login .login_form .logform_01 {height:30px; vertical-align:top;} #login .login_form .logform_01 label img {margin-right:20px; vertical-align:middle; *margin-top:-12px; } #login .login_form .logform_01 input.login_text {border:2px solid #e1e1e1; height:17px; width:205px; padding:2px 0 3px 5px; font:bold 13px verdana; } #login .login_form .logform_02 {float:right; position:absolute; top:40px; right:50px; *top:41px;} #login .login_form .logform_03 {text-align:center; margin-top:10px;} #login .login_form .logform_03 label {margin-right:30px; vertical-align:top; color:#777; *margin-right:25px;} #login .login_form .logform_03 label input.checkbox { vertical-align:middle; margin-top:-2px;} #login .login_form .register {margin-top:20px;} #login .login_form .register ul li {margin-bottom:10px; _height:24px; _margin-bottom:5px;} #login .login_form .register ul li img {vertical-align:bottom; *vertical-align:bottom;} #login .login_form .register span {position:absolute; right:50px;} /* 비밀번호 확인 */ #password {margin:35px auto 50px; width:450px; *padding-top:35px;} #password .password_form {position:relative; height:26px; margin-top:15px; padding:30px 50px;} #password .password_form .pwform_01 {height:30px; vertical-align:top;} #password .password_form .pwform_01 label img {margin-top:-2px; margin-right:20px; vertical-align:middle; *margin-top:-12px; } #password .password_form .pwform_01 input.pw_text {border:2px solid #e1e1e1; height:17px; width:205px; padding:2px 0 3px 5px; font:bold 13px verdana; } #password .password_form .pwform_02 {float:right; position:absolute; top:30px; right:50px; *top:31px;} /* 정보수정 전 비밀번호 확인 */ #re_password {margin:35px auto 50px; width:450px; *padding-top:35px;} #re_password .re_pw_form {position:relative; background:url(../images/bg_member_re_pw.gif) no-repeat left top; height:56px; margin-top:15px; padding:25px 50px;} #re_password .re_pw_form .logform_01 {height:30px; vertical-align:top;} #re_password .re_pw_form .logform_01 span.userid {font:bold 15px tahoma; padding-left:17px;} #re_password .re_pw_form .logform_01 label img {margin-right:20px; vertical-align:middle; *margin-top:-12px; } #re_password .re_pw_form .logform_01 input.login_text {border:2px solid #e1e1e1; height:17px; width:205px; padding:2px 0 3px 5px; font:bold 13px verdana; } #re_password .re_pw_form .logform_02 {float:right; position:absolute; top:25px; right:50px; *top:26px;} /* 사이드뷰 */ .sideview { width:100px; padding:3px; background:#f7f7f7;} .sideview ul { background:#fff; margin:0; border:1px solid #e1e1e1; padding:0 5px; overflow:hidden; } .sideview ul li {font-size:11px; margin:-1px 0; border:1px solid #e1e1e1; border-width:1px 0;} .sideview ul li a { display:block; margin:1px 0; padding:1px 5px; color:#555555;} .sideview ul li a:hover { background:#F8F8F8; } /* 게시판 검색 */ #board_search {text-align:center; margin:10px 0 15px; width:auto;} #board_search form {margin:0; padding:0;} #board_search input.text { border:1px solid #d1d1d1; padding:3px 0 4px 5px; _margin-top:-2px; height:13px; font:12px '맑은 고딕',Gulim,AppleGothic,Sans-serif; } #board_search input, #board_search label, #board_search select {display:inline; vertical-align:middle;font:12px '맑은 고딕',Gulim,AppleGothic,Sans-serif; color:#404040;} #board_search label {color:#777; } #tail *{margin:0; padding:0; color:#555; list-style:none; font:9px Verdana; line-height:normal;} #tail a{text-decoration:none; color:#555;} #tail address a{font-weight:bold; font-family:Tahoma; color:#333;} .cmt_list { width:100%; float:left; border-bottom:1px solid #dedede; overflow:hidden; } dl.cmt_item { padding:5px; } dl.cmt_item dt { position:relative; float:left; color:#666; } dl.cmt_item dd.cmt_option { float:right; padding-top:1px; } dl.cmt_item dd.cmt_option dl dt { display:inline; margin-left:5px; } dl.cmt_item dd.cmt_option dl a { font:11px '맑은 고딕',Gulim; color:#999999; letter-spacing:-1px; } dl.cmt_item dd.cmt_content { clear:both; color:#434343; } #board_list { float:left; margin:0 0 10px 0; width:100%; } #board_list .board_status { background-color:red; } #board_list .board_status .write_count { font:11px Tahoma; color:#ababab; } #board_list .board_status .rss { padding-bottom:11px; } #board_list .list_table { float:left; } #board_list .list_table { border:0; border-top:1px solid; width:100%; } #board_list .list_table th { border:0; border-bottom:1px solid; padding:8px 6px 7px 6px; *padding:8px 6px 6px 6px; white-space:nowrap; text-align:center; line-height:normal; font-weight:normal; } #board_list .list_table th { border-color:#dcdcdc; color:#4d4d4d; } #board_list .list_table th a { } #board_list .list_table td { border:0; border-bottom:1px solid; padding:8px 6px 7px 6px; *padding:8px 6px 6px 6px; white-space:nowrap; text-align:center; line-height:normal; vertical-align:top; } #board_list .list_table td { border-color:#eee; color:#4d4d4d; } #board_list .list_table th.title { width:100%; } #board_list .list_table tr.notice td.notice { font-size:11px; font-weight:bold; } #board_list .list_table tr.notice td.title { font-weight:bold; } #board_list .list_table td.title { width:100%; white-space:normal; text-align:left; } #board_list .list_table td.title { overflow: hidden; text-overflow: ellipsis; } #board_list .list_table td.title .icon_reply { padding-right:5px; margin-bottom:-1px; } #board_list .list_table td.title .reply { padding:0 5px; } #board_list .list_table td.title .comment { font:9px Tahoma; color:#ff6600; } #board_list .list_table td.author { font:12px '맑은 고딕',Gulim; text-align:left; } #board_list .list_table td.num, #board_list .list_table td.date { font:12px Tahoma; } #board_list .list_table td.current { font:10px Tahoma; color:#ff3300; letter-spacing:-3px; } #board_list .btn_area { float:left; margin-top:10px; width:100%; } #board_list .board_sw { float:left; margin-top:10px; width:100%; } #board_list .page_area { float:left; text-align:center; margin-top:10px; width:100%; } #board_list .page_area strong { border:1px solid #ff9900; padding:5px; background-color:#eeeeee; } #board_list .search_area { float:left; text-align:center; margin:10px 0; width:100%; } #board_list .search_area .sel_search { height:22px; padding:1px; margin-bottom:-8px; } #board_list .search_area .btn_search { margin-bottom:-6px; } #board_list .list_table .nodata { text-align:center; vertical-align:middle; height:100px; } /* 게시물 쓰기 */ #board_write { float:left; width:100%; } #board_write .title_msg { font-size:17px; letter-spacing:-1px; color:#0066aa; font-weight:bold; margin:0 0 10px 0; } #board_write .write_table { width:100%; border-top:1px solid #c1c1c1; } #board_write .write_table th, #board_write .write_table td { padding:5px 0 4px; border-bottom:1px solid #e1e1e1; } #board_write .write_table th { text-align:left; padding-left:10px; font-weight:normal; color:#666; background:#f7f7f7; } #board_write .write_table th p { } #board_write .write_table td p { float:left; } #board_write .write_table th p a { color:#aaa; font-size:11px; } #board_write .write_table td {padding-left:10px; } #board_write .write_table td input {vertical-align:middle; } #board_write .write_table td textarea.textarea {width:97%; border:1px solid #d1d1d1; padding:5px; font:12px/18px '맑은 고딕',Gulim,AppleGothic,Sans-serif;} #board_write .write_table td input.title { width:98%; } #board_write .btn_area { margin:10px 0; } #board_write .textarea_control span.button { cursor: pointer; } #board_write .textarea_control div.float { float: left; width: 50%; } #board_write .textarea_control div.right { float: right; } #board_write textarea.textarea { width: 100%; word-break: break-all; } /* 파일첨부 */ #variableFiles { list-style: none; margin: 0; padding: 0; } #variableFiles li { padding-top: 5px; } #variableFiles li input.file { border: 1px solid #d1d1d1; height: 22px; } /* 게시물 보기 */ #board_view { } #board_view .btn_area { } #board_view .btn_area_bottom { float:left; margin-bottom:20px; } #board_view .title_area { float:left; width:100%; } #board_view .title_area { border-top:1px solid #BABABA; } #board_view .title_area { border-bottom:1px solid #DCDCDC; } #board_view .title_area { margin-bottom:5px; *padding:10px 0 10px 0; _padding:10px 0 10px 0; } #board_view .title_area .title { float:left; } #board_view .title_area .title { font:12pt '맑은 고딕',Gulim; font-weight:bolder; letter-spacing:-1px; } #board_view .title_area .sum { float:right; } #board_view .title_area .sum .tit { font:12px '맑은 고딕',Gulim; letter-spacing:-1px; } #board_view .title_area .sum .num { font:12px Tahoma; color:#ADADAD; margin:0 5px; } #board_view .title_area .sum .date { font:12px Tahoma; color:#ADADAD; margin-right:10px; } #board_view .author_area { } #board_view .author_area .author { float:left; margin-right:10px; font:12px '맑은 고딕',Gulim; } #board_view .author_area .ipaddress { float:left; font:9px Tahoma; color:#ADADAD; } #board_view .attach { float:left; width:100%; margin:10px 0 0 0;} #board_view .attach dt { margin-right:5px; font:11px '맑은 고딕',Gulim; color:#4d4d4d; float:left } #board_view .attach dd { font:9px Tahoma; text-decoration:none; color:#4d4d4d; } #board_view .attach a { text-decoration:none; color:#adadad; } #board_view .view_file { float:left; margin-top:10px; width:100%; } #board_view .content { float:left; width:100%; } #board_view .content { margin:15px 0; } #board_view .content { overflow:hidden; } #board_view .content { font:14px/20px '맑은 고딕',Gulim; } #board_view .content a { text-decoration:underline; } #board_view .signature { float:left; width:100%; background-color:red; margin:10px 0; } /* 코멘트 */ #board_comment { } /* 코멘트 리스트 */ .comment_area { float:left; width:100%; } .comment_area { border-top:1px solid #e0e0e0; } .comment_area span.secret { color:#ff6600; } .comment_list { } .comment_list { padding-top:10px; } .comment_list .author_area { } .comment_list .author_area .author { float:left; margin-right:10px; } .comment_list .author_area .date { float:left; font:9px Tahoma; color:#ADADAD; margin-right:10px; } .comment_list .author_area .ipaddress { font:9px Tahoma; color:#ADADAD; } .comment_list .option_area { float:right; } .comment_list .option_area { font:11px '맑은 고딕',Gulim; } .comment_list .option_area a { color:#999999; } .comment_list .content { float:left; width:100%; } .comment_list .content { overflow:hidden; } .comment_list .content { padding:10px 0; } .comment_list .content { font:12px/20px '맑은 고딕',Gulim; } .comment_list .content a { text-decoration:underline; } .comment_list .content { } /* 코멘트 쓰기 */ #comment_write { float:left; width:98%; } #comment_write .author_area { float:left; margin:0 0 5px 0; width:100%; } #comment_write .content_area div.content { float:left; margin-right:-70px; } #comment_write .content_area div.content div.text { margin-right:70px; } #comment_write .content_area div.content div.text textarea { height:80px; font:12px/18px '맑은 고딕',Gulim; } #comment_write .content_area div.button { float:right; width:65px; } #comment_write .content_area div.button { margin-top:14px; } #comment_write fieldset { margin:0; padding:0; border:0px; } /* 새창 */ #pop_header { position:relative; width:100%; background:#3188e1 url(images/bg_nw_header.gif) no-repeat 20px 15px; color:#ffffff; font-weight:bold; height:35px; } #pop_content { padding:20px 30px 0; } #pop_tailer { width:100%; margin:0; clear:both; text-align:center; padding:15px 0 30px 0; } /* 타이틀 */ #pop_header h1 {position:absolute; top:9px; left:28px; font-size:13px;} /* 메모, 포인트, 스크랩 목록 테이블 */ #pop_content .list_table {width:100%; border-top:2px solid #1e74cb;} #pop_content .list_table thead {font-size:11px; color:#fff; } #pop_content .list_table thead th {font-weight:normal; background:#509ce9; padding:3px 0 2px;} #pop_content .list_table tbody tr.subtotal {background:#f5f5f5; color:#666; } #pop_content .list_table tbody td {padding:3px 0 2px; border-bottom:1px solid #e1e1e1;} #pop_content .list_table tbody td.date {font:11px tahoma;} #pop_content .list_table tbody td.right {text-align:right; padding-right:7px;} /* 메모 목록 상단 이미지(ON/OFF) */ #pop_content .memo_menu { float:left; width:100%; border-bottom:1px solid #509CE9; margin-bottom:5px; } #pop_content .memo_menu ul { list-style:none; margin-left:10px; } #pop_content .memo_menu ul li { display:inline; } #pop_content .memo_menu ul li a { float:left; border:1px solid #509CE9; padding:4px 10px; margin-bottom:-1px; margin-right:2px; } #pop_content .memo_menu ul li a { background-color:#FFFFFF; } #pop_content .memo_menu ul li a span { float:left; display:block; } #pop_content .memo_menu ul li a.selected { background-color:#509CE9; } #pop_content .memo_menu ul li a.selected span { color:#FFFFFF; } #pop_content .memo_menu a span {float:none;} /* 메모 목록 갯수 */ #pop_content .total {float:left; font-size:11px; margin-top:10px;} #pop_content .total span {font-weight:bold; color:#ec5614;} /* 메모, 스크랩 검색폼 */ #pop_content .msg {float:right;} /* 메모, 포인트, 스크랩 목록 테이블 */ #pop_content .table_list {width:100%; border-top:2px solid #1e74cb;} #pop_content .table_list thead {font-size:11px; color:#fff; } #pop_content .table_list thead th {font-weight:normal; background:#509ce9; padding:3px 0 2px;} #pop_content .table_list tbody tr.subtotal {background:#f5f5f5; color:#666; } #pop_content .table_list tbody td {padding:3px 0 2px; border-bottom:1px solid #e1e1e1;} #pop_content .table_list tbody td.date {font:11px tahoma;} #pop_content .table_list tbody td.right {text-align:right; padding-right:7px;} /* 메모, 포인트, 스크랩 페이지 */ #pop_content .page {font:10px tahoma; color:#666; margin-top:15px; text-align:center;} #pop_content .page a {color:#666;} #pop_content .page span {padding:5px;} #pop_content .page strong {font-weight:bold; color:#217bd8;} /* 메모 보기 이전-다음 */ #pop_content .view_memo_prev {float:left; *margin-bottom:-15px;} #pop_content .view_memo_next {float:right; *margin-bottom:-15px;} /* 메모 보기 */ #pop_content .view_area {background:#f1f5f8; border:1px solid #e7ecf0; padding:15px;} #pop_content .view_area p {text-align:left;} #pop_content .view_area p span.member {font-size:15px; font-weight:bold;} #pop_content .view_area p img {vertical-align:middle;} #pop_content .view_area p span.member img {vertical-align:middle; margin-top:-3px;} #pop_content .view_area .memo { background:#fff; border:1px solid #e1e1e1; margin-top:10px; padding:20px 10px; text-align:left; } /* 메모 쓰기 */ #pop_content .write_table { width:100%; background:#f1f5f8; border:1px solid #e7ecf0; margin-top:10px; } #pop_content .write_table th { font-weight:normal; text-align:left; color:#59646c; padding:8px 0 3px 10px; } #pop_content .write_table td { padding:8px 0 5px 10px; text-align:left; } #pop_content .write_table td textarea.textarea { width:95%; height:150px; padding-right:10px; } /* 비밀번호 찾기 */ #pop_content .password_forget {width:100%; background:#f1f5f8; border:1px solid #e7ecf0; padding:5px 0 10px; margin-bottom:20px;} #pop_content .password_forget th {padding:5px 0 5px;font-size:11px; font-weight:normal; text-align:left; padding-left:15px; color:#59646c; } #pop_content .password_forget th.title {padding:10px 0 10px 15px; font-size:12px;} #pop_content .password_forget th.title2 {padding:10px 0 10px 15px; font-size:12px; font-weight:bold; color:#115fb0; } #pop_content .password_forget td {padding:5px 0 5px; text-align:left; } #pop_content .password_forget td.answer {font-weight:bold; } #pop_content .password_forget td p {padding:5px 0 2px;} #main .list_status { } #main .list_status { padding:0 0 10px 0; } #main .list_status .btn_new { margin-bottom:-8px; } #main .list_table { } #main .list_table { border:0; border-top:1px solid; width:100%; } #main .list_table th { border:0; border-bottom:1px solid; padding:8px 6px 7px 6px; *padding:8px 6px 6px 6px; white-space:nowrap; text-align:center; line-height:normal; font-weight:normal; } #main .list_table th { border-color:#dcdcdc; color:#4d4d4d; } #main .list_table th a { } #main .list_table td { border:0; border-bottom:1px solid; padding:8px 6px 7px 6px; *padding:8px 6px 6px 6px; white-space:nowrap; text-align:center; line-height:normal; vertical-align:top; } #main .list_table td { border-color:#eee; color:#4d4d4d; } #main .list_table th.title { width:100%; } #main .list_table tr.notice td.notice { font-size:11px; font-weight:bold; } #main .list_table tr.notice td.title { font-weight:bold; } #main .list_table td.title { width:100%; white-space:normal; text-align:left; } #main .list_table td.title .icon_reply { padding-right:5px; margin-bottom:-1px; } #main .list_table td.title .reply { padding:0 5px; } #main .list_table td.title .comment { font:9px Tahoma; color:#ff6600; } #main .list_table td.author { font:11px '맑은 고딕',Gulim; text-align:left; } #main .list_table td.num, #main .list_table td.date { font:9px Tahoma; } #main .list_table td.current { font:10px Tahoma; color:#ff3300; letter-spacing:-3px; } #main .list_table tbody td.tl {text-align:left; padding-left:10px; } /* 회원별명 클릭시 나오는 레이어 */ #sidebox ul { list-style:none; } #pop_content .table_profile {width:100%; margin:10px 0; text-align:left; } #pop_content .table_profile th, #pop_content .table_profile td { padding:3px 0 2px 0;} #pop_content .table_profile th { text-align:right; padding-right:6px; font-weight:normal; font-size:11px; color:#59646c; } #pop_content .table_profile td.introduce { padding-top:10px; } #pop_content .table_profile td.introduce p { padding-top:10px; font-size:11px; color:#59646c; border-top:1px solid #dae2e7; } #pop_content .profile_member { text-align:left; padding-bottom:5px; border-bottom:1px solid #dae2e7; } #pop_content .profile_member span.member { text-align:left; font-size:15px; font-weight:bold; letter-spacing:-1px; } #pop_header h1 { padding:0px; margin:0px; } #pop_content h2 {text-align:left; font-size:13px; margin-bottom:10px; letter-spacing:-1px;} /* 메일 보내기 */ #pop_content .table_formmail { width:100%; background:#f1f5f8; border:1px solid #e7ecf0; } #pop_content .table_formmail th { padding:10px 0 3px;font-size:11px; font-weight:normal; text-align:right; padding-right:10px; color:#59646c; } #pop_content .table_formmail td { padding:10px 0 3px; text-align:left; } #pop_content .table_formmail td p { padding:5px 0 2px; } #pop_content .table_formmail textarea { width:95%; } /* 우편번호찾기 */ span.zip {font-size:11px; color:#666; } .search_zip_result {text-align:left; margin:25px 0; } .search_zip_result h2 {padding-top:10px; border-top:1px solid #e7ecf0; } .search_zip_result h3 {margin:-10px 0 5px; font-size:12px; font-weight:normal; } .search_zip_result ul { list-style:none; } .search_zip_result ul li {padding:3px 0 2px; border-bottom:1px solid #e1e1e1; } .search_zip_result ul li.end {padding-top:15px; color:#111; text-align:center; border:none; } .search_zip_result span {font-weight:bold; margin-right:5px; } .search_zip_result a {color:#666; } .search_zip_result a:hover {text-decoration:underline; color:#005BA2;} .search_area_zip .btn_search { vertical-align:middle; } #poll_write ul {margin:10px 0; } #poll_write ul {list-style:none; } #poll_write ul li {float:left;} #poll_write ul li.name {width:120px; text-align:center;} #poll_write ul li.input {width:auto; text-align:left; } #poll_write ul li.btn {width:50px;} .bo_content_head { } .bo_content_tail { clear:both; } /* 테이블 - 마크업에 'cellspacing="0"' 지정 함께 필요 */ table { border-collapse: separate; border-spacing:0; border:0 none; } caption, th, td { text-align:left; font-weight: normal; } ins { text-decoration:none; } del { text-decoration:line-through; } #header,#container,#footer, #main { width:960px; margin:0 auto; _text-align:left; _display:inline-block; } *:first-child+html #header { display:inline-block; } *:first-child+html #container { display:inline-block; } *:first-child+html #footer { display:inline-block; } #header:after { display:block; clear:both; content:''; } #container:after { display:block; clear:both; content:''; } #footer:after { display:block; clear:both; content:''; } #main {height:330px; background:url(/image/main.jpg) no-repeat right top;} #main p.main_title {padding-left:0px;padding-top:66px;} #main p.main_btn {padding-left:43px;padding-top:23px;} #main p.main_site_btn {padding-left:419px;padding-top:29px;} #container div.bbs {float:left;margin-top:30px;margin-right:55px;width:285px;} #container div.bbs p {margin-left:8px;_display:inline-block;} *:first-child+html #container div.bbs p { display:inline-block; } #container div.bbs p:after { display:block; clear:both; content:''; } #container div.bbs span.btitle {float:left;color:#424242; font-size:17px; line-height:18px; font-weight:bold;} #container div.bbs span.more {float:right;} #container div.bbs ul.bbs_list {margin-left:10px;margin-top:20px;} #container div.bbs ul.bbs_list li {_display:inline-block;margin-top:5px;margin-bottom:5px;background:url(/image/bbs_arr.gif) no-repeat left 3px; padding-left:10px; font-family:"돋움";font-size:13px;line-height:14px;} #container div.bbs ul.bbs_list li:after { display:block; clear:both; content:''; } #container div.bbs ul.bbs_list li a { color:#424242;text-decoration:none;} #container div.bbs ul.bbs_list li a:hover { color:#0066cc;text-decoration:underline;} #container div.bbs ul.bbs_list li span.bbs_title {float:left;} #container div.bbs ul.bbs_list li span.date { float:right; color:#898989; font-size:12px;line-height:14px;} #container ul.main_go {float:left;margin-top:30px;_display:inline-block;} *:first-child+html #container ul.main_go { display:inline-block; } #container ul.main_go:after { display:block; clear:both; content:''; } #container ul.main_go li {float:left;margin-right:35px;} #container div.main_test {float:right;margin-top:30px;} #header_bg { width:100%; height:90px; background:url(/image/header_bg.gif) repeat-x; } #container_main { width:100%; background:url(/image/main_bg.gif) repeat-x; } #container_sub { width:100%; background:url(/image/sub_bg.gif) repeat-x;} #footer_bg { width:100%; height:140px; background:url(/image/footer_bg.gif) repeat-x; margin-top:50px;} #footer { padding-top:20px;} #footer div p.ftitle {margin-top:3px; font-size:17px; line-height:17px; color:#fff;} #footer div span.ftitle {float:left;margin-top:3px;margin-right:10px; font-size:17px; line-height:17px; color:#fff;} #footer div.contact { float:left; margin-right:20px; width:365px; height:97px; background:url(/image/footer_line.gif) no-repeat right top;} #footer div p.add { margin-top:16px; font-family:"돋움"; font-size:12px; line-height:20px; color:#fff;} #footer div p.add strong {color:#c6c6c6; font-weight:bold;} #footer div.sitebanner { float:left; margin-right:20px; width:295px; height:97px; background:url(/image/footer_line.gif) no-repeat right top;} #footer div.sitebanner ul.sitelist {margin-left:15px;} #footer div.sitebanner ul.sitelist li {float:left;margin-bottom:5px;} #footer div.sitemap { _display:inline-block; float:right; width:260px; height:90px; background:url(/image/footer_sitemap.gif) no-repeat left bottom;} #footer div.sitemap:after { display:block; clear:both; content:''; } #footer div.sitemap ul.sitemap_list {float:left;margin-top:21px;} #footer div.sitemap ul.sitemap_list li {margin:0px 40px 11px 20px; font-size:12px; line-height:14px; color:#ccc; font-family:"돋움";} #footer div.sitemap ul.sitemap_list li a { color:#ccc; text-decoration:none;} #footer div.sitemap ul.sitemap_list li a:hover { color:#fff; text-decoration:underline;} #header p.logo { float:left; padding-left:21px; padding-top:36px;} #header ul.menu { margin-top:40px; margin-left:60px; float:left;_display:inline-block;} *:first-child+html #header ul.menu { display:inline-block; } #header ul.menu:after { display:block; clear:both; content:''; } #header ul.menu li {float:left; background:url(/image/menu_line.gif) no-repeat right 8px;} #header ul.menu li a {display:block; padding-left:35px; padding-right:35px; text-decoration:none; color:#fff; font-size:17px; font-weight:bold;} #header ul.menu li a:hover {text-decoration:underline;} #header ul.menu li.over a { color:#ffff66;} #header ul.menu li.last {background:none;} #container div.sub_visual { margin-bottom:30px; height:120px; background:url(/image/sub_visual.gif) no-repeat;} #container div.sub_visual p.vtitle { padding-left:50px; padding-top:40px;} #sub_left { float:left; width:250px; _display:inline; } #sub_left p.left_title { width:250px; height:32px; _height:38px; background:url(/image/left_title_bg.gif) no-repeat; padding-top:6px; text-align:center; font-size:18px; color:#0072bc; font-weight:bold;} #sub_left ul.left_menu { border-left:1px solid #dbdbdb; border-right:1px solid #dbdbdb;} #sub_left ul.left_menu li { border-bottom:1px solid #dbdbdb; padding:10px 0px 11px 25px; } #sub_left ul.left_menu li a { display:block; width:200px; font-size:16px; color:#636363; text-decoration:none;} #sub_left ul.left_menu li a:hover {color:#0072bc;font-weight:bold; background:url(/image/menu_blet.gif) no-repeat right 4px;} #sub_left ul.left_menu li.over a {color:#0072bc;font-weight:bold; background:url(/image/menu_blet.gif) no-repeat right 4px;} #sub_left ul.banner { margin-top:20px; display:inline-block;} #sub_left ul.banner:after { display:block; clear:both; content:''; } #sub_left ul.banner li {float:left;} #content { float:left;width:72%;height:100%;padding:25px 0 30px 0;} #content div.content_title {background:#24506c; margin-bottom:30px; height:93px; border-bottom:1px solid #e3e3e3;padding-right:25px; } #content div.content_title h3{float:left;color:#ffffff;margin:20px 0 0 35px;font-size:32px;font-weight:bold;} #content div.content_title p {float:left;color:#ffffff;margin:20px 0 0 35px;font-size:32px;font-weight:bold;} #content div.content_title ul.site_link {float:right; margin-top:54px; display:inline-block;} #content div.content_title ul.site_link:after { display:block; clear:both; content:''; } #content div.content_title ul.site_link li img {margin-top:2px;} #content div.content_title ul.site_link li {float:left; background:url(/image/new_site_arr.gif) no-repeat right 1px; padding:0 15px 0 10px; font-size:14px; line-height:14px; color:#7797c3;} #content div.content_title ul.site_link li.last {padding-right:0px; background:none;color:#ffffff;font-weight:bold;} #content div.content_view { font-size:14px; line-height:22px; color:#4e4e4e;padding:0 20px 0 25px; } #content div.content_view ul.site_list {margin-left:10px;margin-bottom:20px;display:inline-block;} #content div.content_view ul.site_list:after { display:block; clear:both; content:''; } #content div.content_view ul.site_list li {float:left;margin-right:9px;} #content div.content_view ul.site_list li.line {padding-left:23px;background:url(/image/site_line.gif) no-repeat left top;} #content div.content_view ul.site_list li p {font-size:11px;color:#666;margin-bottom:4px;} #content div.content_view ul.site_list li p.title {font-size:14px;color:#ff8201;font-weight:bold;} #content div.basic{font-size:14px} #content div.basic h3{ padding:0 0 20px 0; font-weight:bold; font-size:18px;margin-top:20px} #content div.basic ul{padding-left:15px;} #content div.basic li{ background:url('/img/ssblet.gif') no-repeat left 8px; padding:0 0 2px 13px;} #content div.basic ul ul{padding-left:0} #content div.basic li li{ background:none;padding:0} #content div.tab_content{font-size:14px} #content div.tab_content h3{visibility:hidden; height:0; width:0; font-size:0; position:absolute; left:-5000px;} #content div.tab_content h4{ padding:0 0 20px 0; font-weight:bold; font-size:18px;margin-top:20px} #content div.tab_content h5{ background:url('/img/sblet.gif') no-repeat left 5px; padding:0 0 5px 15px; font-weight:bold; font-size:16px; color:#1565B5;margin-top:20px} #content div.tab_content ul{padding-left:10px;} #content div.tab_content ul li{ background:url('/img/ssblet.gif') no-repeat left 8px; padding:0 0 2px 13px;} #content div.tab_content ul ul{padding-left:0} #content div.tab_content li ul li{ background:url('/img/sssblet.gif') no-repeat left 10px; padding:0 0 2px 11px;} #content div.tab_content table ul{padding-left:10px;} #content div.tab_content table ol{padding-left:10px;} #content div.tab_content table ol li{text-align:left} #content div.tab_content table ul li{ background:url('/img/sssblet.gif') no-repeat left 10px; padding:0 0 0 9px;text-align:left} #content div.tab_content table { border-collapse: collapse; width:100%} #content div.tab_content caption { visibility:hidden; width:0; height:0; overflow:hidden; font-size:0; line-height:0; } #content div.tab_content table th { border:1px solid #a8bcd8; background:#f7f7f7; color:#4982d1; font-size:14px; text-align:center;font-weight:bold;border-top:1px solid #4982d1} #content div.tab_content table th { table-layout:auto; padding:5px; } #content div.tab_content table td { border:1px solid #a8bcd8; } #content div.tab_content table td { padding:4px; /*text-align:center;*/} #content div.tab_content table td table td{text-align:center;} #content div.tab_content strong{font-weight:bold} #content div.tab_content table td.left {text-align:left;padding-left:10px} #content div.tab_content table.tdbold td{font-weight:bold} #content p.cfont {color:#ff9500} .padding_15{padding-left:15} #content table.view_table{border-collapse: collapse;border-spacing: 0px;width:100%;margin-bottom:10px} #content table.view_table caption{padding:0;margin:0;padding-left:18px;background:url(img/stitle_bg.gif) left 10px no-repeat;font-size:12px;padding-top:7px;padding-bottom:10px;text-align:left;font-weight:bold} #content table.view_table th,#content table.view_table td{border:1px solid #DFDFDF;padding:5px;} #content table.view_table th{background:#F0F0F0;text-align:center;font-weight:bold} #content table.view_table th a{color:#444444} #content table.view_table th a.order{color:#0337A5} #content table.view_table td{text-align:left;} #content table.view_table td a{font-weight:bold} #content table.view_table td.left{text-align:left;} #content table.view_table td img{vertical-align:middle} #content table.list_table{border-collapse: collapse;border-spacing: 0px;width:100%;margin-bottom:10px} #content table.list_table caption{padding:0;margin:0;padding-left:18px;background:url(img/stitle_bg.gif) left 10px no-repeat;font-size:12px;padding-top:7px;padding-bottom:10px;text-align:left;font-weight:bold} #content table.list_table th,#content table.list_table td{border:1px solid #DFDFDF;padding:5px;} #content table.list_table th{background:#F0F0F0;text-align:center;font-weight:bold} #content table.list_table th a{color:#444444} #content table.list_table th a.order{color:#0337A5} #content table.list_table td{text-align:center;} #content table.list_table td a{font-weight:bold} #content table.list_table td.left{text-align:left;} .redbold{color:#000000;font-weight:bold;} .center{text-align:center;} /* 2014 신규 */ #wrap{width:926px;} #wrap_L{float:left;width:28%;background:#0696ca;} #wrap_L_logo{margin-top:45px;text-align:center;} #wrap_L_logo a{display:block;} #wrap_L_logo a img{margin-bottom:50px;} #wrap_L_menu{padding:0 20px;} #wrap_L_menu .menu-a{display:block;height:45px;line-height:45px;font-size:16px;color:#fff;font-weight:bold;border-bottom:1px solid rgba(255,255,255,0.2);position:relative;} #wrap_L_menu .menu-li:last-child .menu-a{border-bottom:none;} #wrap_L_menu .menu-a:after, #wrap_L_menu .menu-a:before{content:"";width:11px;height:1px;background:#fff;position:absolute;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);right:0;} #wrap_L_menu .menu-a:before{transform: rotate(90deg);} #wrap_L_menu .menu-a:hover:before{transform: rotate(720deg);transition: all 0.3s;} #wrap_L_menu .menu-li.on .menu-a:before{transform: rotate(720deg);} #wrap_L_menu .menu-a.no-sub:after, #wrap_L_menu .menu-a.no-sub:before{content:none;} #wrap_L_menu .sub-1div{display:none;background:#fff;padding:15px 20px;} #wrap_L_menu .sub-1div .sub-1da{display:block;color:#333;font-size:13px; line-height: 190%;border-bottom:1px solid #fff;transition: all 0.3s;margin-top:10px;background:url("/img/menu_arrow.png") no-repeat right center;} #wrap_L_menu .sub-1div .sub-1dli:first-child .sub-1da{margin-top:0;} #wrap_L_menu .sub-1div .sub-1dli:hover .sub-1da{color:#0696ca;border-bottom:1px solid #0696ca;background:url("/img/menu_arrow_on.png") no-repeat right center;} #wrap_L_menu .sub-1div .sub-1dli:on .sub-1da{color:#0696ca;border-bottom:1px solid #0696ca;background:url("/img/menu_arrow_on.png") no-repeat right center;} .wrap_L_list{padding:0 20px;margin-top:45px;margin-bottom:85px;} .wrap_L_list li{border:1px solid #fff;margin-top:10px;} .wrap_L_list li:first-child{margin-top:0;} .wrap_L_list li a{display:block;height:35px;line-height:35px;color:#fff;text-align:center;transition:all 0.3s;} .wrap_L_list li:hover a{background:#fff;color:#0696ca;font-weight:bold;} #wrap_bottom{padding:35px 20px 70px;background:#232c3f;} .wrap_L_banner{margin-bottom:30px;} ul.wrap_L_banner li{margin-bottom:15px;} ul.wrap_L_banner li a{color:#fff;font-size:13px;display:block;} ul.wrap_L_banner li a span{width:55px;display: inline-block;} ul.wrap_L_banner li a img{max-width:118px;} #wrap_bottom > select{margin-bottom:45px;width:100%;height:35px;line-height:35px;color:#fff;font-size:13px;background-color:#000;padding:0 15px;border:none;background-image:url("/img/select_arrow.png");background-repeat:no-repeat;background-position: right 15px center; } #wrap_L_info strong{font-size:14px;color:#0696ca;line-height:160%;display: block;margin-bottom:10px;} #wrap_L_info strong:first-child{color:#fff;} #wrap_L_info ul li{font-size:11px;color:#ddd;line-height:160%;margin-top:5px;} #wrap_L_info ul li:first-child{margin-top:0;} #wrap_L_info ul li b{display:inline-block;font-size:10px;color:#0696ca;margin-right:10px;} #wrap_L_info ul li:first-child b{display:block;margin-bottom:5px;} #wrap_C{float:left;width:72%;} #wrap_C_top{height:500px;position:relative;} #wrap_C_top .wrap_C_top_link{font-size:0;display:block;width:100%;height:100%;background:url('/img/wrap_C_top_bg_2025.jpg') no-repeat center / cover;} #wrap_C_top p#p01{margin:50px 0 0 43px;} #wrap_C_top p#p02{margin:10px 0 0 37px;} #wrap_C_top p#p03{margin:37px 0 0 37px;} #wrap_C_top p#p04{position:absolute;bottom:65px;left:296px;} #wrap_C_top p#num{position:absolute;top:169px;left:356px;font-size:30px;line-height:32px;color:#fff;font-weight:bold;letter-spacing:/*21px*/15px;} #wrap_C_bottom{height:273px;} #wrap_C_bottom_L{float:left;width:56%;padding:30px 35px;background:#f4f4f4;box-sizing: border-box;height:100%;} .wrap_C_bottom_L_title {display:block;padding-bottom:10px;border-bottom:2px solid #dddddd;} .wrap_C_bottom_L_title a{color:#333;font-size:22px;line-height:120%;font-weight:bold;} .wrap_C_bottom_L_list{margin-top:25px;} .wrap_C_bottom_L_list li{display: flex;align-items:center;} .wrap_C_bottom_L_list li:first-child{margin-bottom:25px;} .wrap_C_bottom_L_list li:first-child .date_wrap{float:left;box-sizing: border-box;border:3px solid #ddd;text-align:center;background:#fff;padding:10px;} .wrap_C_bottom_L_list li:first-child a{float:left;margin-left:15px;font-size:16px;font-weight:bold;color:#333;line-height:140%;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;} .wrap_C_bottom_L_list li .date_wrap .date{font-size:23px;display:block;font-weight:bold;} .wrap_C_bottom_L_list li .date_wrap .yearMonth{font-size:12px;} .wrap_C_bottom_L_list li:nth-child(n+2){margin-bottom:10px;} .wrap_C_bottom_L_list li:nth-child(n+2) a{position:relative;padding-left:18px;display:block;font-size:15px;line-height:150%;color:#333;text-overflow: ellipsis;white-space: nowrap; word-wrap: normal;overflow: hidden;} .wrap_C_bottom_L_list li:nth-child(n+2) a:after{position:absolute;top:9px;left:0;content:"";width:4px;height:4px;background:#0696ca;border-radius:50%;} .wrap_C_bottom_L_list li:nth-child(n+2) .date_wrap{display:none;} .wrap_C_bottom_L_list li:last-child{margin-bottom:0;} .wrap_C_tit_box{position:relative;} .wrap_C_tit_box > span{position:absolute;top:5px;right:0;} .wrap_C_tit_box .wrap_C_bottom_L_more{font-size:14px;position:relative;padding-right:20px;color:#333;} .wrap_C_tit_box .wrap_C_bottom_L_more:after, .wrap_C_tit_box .wrap_C_bottom_L_more:before{position:absolute;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);right:0;content:"";width:11px;height:1px;background:#77746c;} .wrap_C_tit_box .wrap_C_bottom_L_more:before{transform: rotate(90deg);} #wrap_C_bottom_C{float:left;width:44%;height:100%;background:url("/img/wrap_C_bottom_C_bg.jpg") no-repeat center;background-size: cover;padding:30px 35px;box-sizing: border-box;} #wrap_C_bottom_C > strong{font-size:18px;color:#fff;font-weight:300;} #wrap_C_bottom_C > strong b{font-size:24px;display:block;margin-top:5px;} #wrap_C_bottom_C > ul li {margin-top:10px;} #wrap_C_bottom_C > ul li:first-child{margin-top:20px;} #wrap_C_bottom_C > ul li a{transition:all 0.3s;padding:0 15px;display:block;height:40px;line-height:40px;font-size:15px;color:#333;background-image:url("/img/wrap_C_bottom_C_arrow.png");background-repeat:no-repeat;background-position: right 20px center;background-color:rgba(255,255,255,0.7);border-radius:8px;font-weight:bold;} #wrap_C_bottom_C > ul li:hover a{background-image:url("/img/wrap_C_bottom_C_arrow_hover.png");background-color:#0696ca;color:#fff;} .p_check_txt{padding:10px 0 10px 0;text-align:center;} .bo_title{margin:55px 0 20px 0;font-size:28px;line-height:30px;color:#1e4d8b;font-weight:bold;} .bo_iframe{border:1px solid #cccccc;} .bo_bold{font-weight:bold;} .tb_0404{width:100%;border-top:2px solid #34609b;border-bottom:1px solid #34609b;} .tb_0404 tr th{background:#f7faff;font-size:14px;line-height:32px;color:#282828;height:32px;border-bottom:1px solid #dddddd;border-right:1px solid #dddddd;text-align:center;font-weight:bold;padding:5px 0;} .tb_0404 tr th:last-child{border-right:0px;} .tb_0404 tr td{font-size:14px;line-height:20px;color:#282828;border-bottom:1px solid #dddddd;border-right:1px solid #dddddd;text-align:center;padding:8px 0;} .tb_0404 tr td:last-child{border-right:0px;} .tb_0404 tr td .dot li{padding-left:10px;background:url('/img/dot.gif') no-repeat 0 8px;} .tb_0404 tr td.pL{padding-left:18px;text-align:left;} .tb_0404 tr td img{width:auto;max-width:80px;} .sub_tb_01 tr td{text-align:center;font-weight:400 !important;} /* 참가신청(신청접수) */ #fboardform input{height:25px;line-height:25px;border:1px solid #ddd;} #fboardform input#paddress, #fboardform input#paddress2{display:block;margin:5px 0;} #fboardform select{height:25px;line-height:25px;width:40px;border:1px solid #ddd;}