@charset "utf-8"; @charset "utf-8"; /*@font-face{*/ /*font-family:'NanumBarunGothic';font-style:normal;src:url(../fonts/NanumBarunGothic.eot);src:url(../fonts/NanumBarunGothic.eot?#iefix) format('embedded-opentype'),url(../fonts/NanumBarunGothic.woff) format('woff'),url(../fonts/NanumBarunGothic.ttf) format('truetype')}*/ @import url(//fonts.googleapis.com/earlyaccess/notosanskr.css); /*@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 100;src: local('Noto Sans KR'),url('../fonts/NotoSansKR-Thin.woff2') format('woff2'),url('../fonts/NotoSansKR-Thin.woff') format('woff'),url('../fonts/NotoSansKR-Thin.otf') format('opentype'),url('../fonts/NotoSansKR-Thin.eot'),url('../fonts/NotoSansKR-Thin.eot?#iefix') format('embedded-opentype');}@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 300;src: local('Noto Sans KR'),url('../fonts/NotoSansKR-Light.woff2') format('woff2'),url('../fonts/NotoSansKR-Light.woff') format('woff'),url('../fonts/NotoSansKR-Light.otf') format('opentype'),url('../fonts/NotoSansKR-Light.eot'),url('../fonts/NotoSansKR-Light.eot?#iefix') format('embedded-opentype');}@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 400;src: local('Noto Sans KR'),url('../fonts/NotoSansKR-Regular.woff2') format('woff2'),url('../fonts/NotoSansKR-Regular.woff') format('woff'),url('../fonts/NotoSansKR-Regular.otf') format('opentype'),url('../fonts/NotoSansKR-Regular.eot'),url('../fonts/NotoSansKR-Regular.eot?#iefix') format('embedded-opentype');}@font-face {font-family: 'Noto Sans KR Medium';font-style: normal;font-weight: 500;src: local('Noto Sans KR'),url('../fonts/NotoSansKR-Medium.woff2') format('woff2'),url('../fonts/NotoSansKR-Medium.woff') format('woff'),url('../fonts/NotoSansKR-Medium.otf') format('opentype'),url('../fonts/NotoSansKR-Medium.eot'),url('../fonts/NotoSansKR-Medium.eot?#iefix') format('embedded-opentype');}@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 700;src: local('Noto Sans KR'),url('../fonts/NotoSansKR-Bold.woff2') format('woff2'),url('../fonts/NotoSansKR-Bold.woff') format('woff'),url('../fonts/NotoSansKR-Bold.otf') format('opentype'),url('../fonts/NotoSansKR-Bold.eot'),url('../fonts/NotoSansKR-Bold.eot?#iefix') format('embedded-opentype');}@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 900;src: local('Noto Sans KR'),url('../fonts/NotoSansKR-Black.woff2') format('woff2'),url('../fonts/NotoSansKR-Black.woff') format('woff'),url('../fonts/NotoSansKR-Black.otf') format('opentype'),url('../fonts/NotoSansKR-Black.eot'),url('../fonts/NotoSansKR-Black.eot?#iefix') format('embedded-opentype');}*/ /* reset */ html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video {margin:0; padding:0;} /* html5 */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;} /* skip */ .skipNav {position:absolute;left:-9999px;top:-9999px;overflow:hidden;width:0px;height:0px;margin:0;padding:0;font-size:0px;line-height:0;} /* common*/ html,body {width:100%; height:100%; margin:0; padding:0;} body {font-size: 0.75em;font-family:'Noto Sans KR','Malgun Gothic','돋움','dotum','AppleGothic','Apple SD Gothic Neo Medium',Helvetica,Arial,Sans-Serif; line-height: 1.5em;font-weight:400;font-style:normal;background:#fff;color:#1d1d1d;-webkit-overflow-scrolling:touch} a {text-decoration:none;color: #555555;} a:link, a:visited {text-decoration:none;color: #555555;} a:hover, a:focus, a:active {text-decoration:none;} h1, h2, h3, h4, h5, h6, th, td, table, input, button, select, sub {font-size:1em;} table {border:none;border-collapse:collapse;border-spacing:0;} td,th {border:0 none;} address,strong{font-style:normal;font-weight:normal;} textarea{font-size:12px;font-family:'Noto Sans KR';} fieldset,img,abbr,acronym {border:0} address,caption,cite,code,dfn,em,strong,th,var {font-weight:normal;font-style:normal;} img,fieldset,iframe {border:0;} img,fieldset {border:none;} /*img {max-width:100%;}*/ img {border:0 !important} img, input, button, select, textarea {vertical-align:middle;} hr {overflow:hidden;position:absolute;top:0;left:0;} ol,ul {list-style:none} q:before, q:after {content:''} caption, legend {overflow:hidden;font-size:0;line-height:0;height:0;width:0;text-indent:-999em;} /*.blind{visibility:hidden;overflow:hidden;position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:0}*/ hr {visibility:hidden;font-size:0;width:0;height:0;line-height:0;} /* form element */ form {margin:0;padding:0;} fieldset {margin:0;padding:0;border:0 none;} .ie7 legend {position:absolute;left:-99999px;top:-9999px;display:inline;width:1px;height:1px;text-indent:0;} label {cursor:pointer;margin:0;padding:0;vertical-align:middle} caption {overflow:hidden;visibility:hidden;width:0;height:0;margin:0;padding:0;font-size:0;line-height:0;} button {cursor:pointer;border:0 none;} button,input,textarea {margin:0;outline:none;} input[type='checkbox'],input[type='radio'] {margin:0; padding:0;} /* .hidden */ .hidden {overflow:hidden; visibility:hidden; width:0; height:0; margin:0; padding:0; font-size:0; line-height:0;} .hide {visibility:hidden;position:absolute;top:-9999px;width:0;height:0;font-size:0;line-height:0} /* image */ .blind {display:block;overflow:hidden;position:absolute;left:-9999px;width:1px;height:1px;font-size:0;line-height:0;text-indent:-9999px} /* txt */ /*Align*/ .fn {float:none !important} .fl {float:left !important} .fr {float:right !important} .tac {text-align:center !important} .tal {text-align:left !important} .tar {text-align:right !important} .vat {vertical-align:top !important;} .vm {vertical-align:middle !important;} /* clear float */ .clear {clear:both;} .clearfix {clear:both;} .clearfix {display:inline-block} .clearfix {display:block} .clearfix:before, .clearfix:after {content:".";display:block;height:0;clear:both;visibility:hidden} /* font color */ .col_white {color:#fff !important} .col_black {color:#000 !important} .col_purple {color:#28264d !important} .col_blue {color:#3d3b62 !important} .col_red {color:#e4564b !important} .col_pink {color:#7eb9a5 !important} /*.col_pink {color:#e90485 !important}*/ .col_green {color:#09ab7f !important} /* Text Styles */ .bold {font-weight:bold !important} .f_10px {font-size:10px;} .f_11px {font-size:11px;} .f_12px {font-size:12px} .f_13px {font-size:13px;} .f_14px {font-size:14px;} .f_16px {font-size:16px;} .f_18px {font-size:18px;} .f_20px {font-size:20px;} .f_26px {font-size:26px;} .f_40px {font-size:40px;} /* width */ .width30 {width:30px !important} .width40 {width:40px !important} .width50 {width:50px !important} .width60 {width:60px !important} .width70 {width:70px !important} .width80 {width:80px !important} .width90 {width:90px !important} .width100 {width:100px !important} .width110 {width:110px !important} .width120 {width:120px !important} .width130 {width:130px !important} .width140 {width:140px !important} .width150 {width:150px !important} .width200 {width:200px !important} .width250 {width:250px !important} .width300 {width:300px !important} /* margin */ .m0 {margin:0 !important} .mt0 {margin-top:0 !important}.mt5 {margin-top: 5px !important}.mt10{margin-top: 10px !important}.mt15{margin-top: 15px !important}.mt20{margin-top: 20px !important}.mt25{margin-top: 25px !important}.mt30{margin-top: 30px !important}.mt35{margin-top: 35px !important}.mt40{margin-top: 40px !important}.mt45{margin-top: 45px !important}.mt50{margin-top: 50px !important}.mt55{margin-top: 55px !important}.mt60{margin-top: 60px !important}.mt70{margin-top: 70px !important}.mt120{margin-top: 120px !important} .mr0 {margin-right:0 !important}.mr5 {margin-right:5px !important}.mr10{margin-right:10px !important}.mr15{margin-right:15px !important}.mr20{margin-right:20px !important}.mr25{margin-right:25px !important}.mr30{margin-right:30px !important}.mr35{margin-right:35px !important}.mr40{margin-right:40px !important}.mr45{margin-right:45px !important}.mr50{margin-right:50px !important}.ml0 {margin-left:0 !important}.ml5 {margin-left:5px !important}.ml10{margin-left:10px !important}.ml15{margin-left:15px !important}.ml20{margin-left:20px !important}.ml25{margin-left:25px !important}.ml30{margin-left:30px !important}.ml35{margin-left:35px !important}.ml40{margin-left:40px !important}.ml45{margin-left:45px !important}.ml50{margin-left:50px !important}.mb0{margin-bottom: 0 !important}.mb5{margin-bottom:5px !important}.mb10{margin-bottom:10px !important}.mb15{margin-bottom:15px !important}.mb20{margin-bottom:20px !important}.mb25{margin-bottom:25px !important}.mb30{margin-bottom:30px !important}.mb35{margin-bottom:35px !important}.mb40{margin-bottom:40px !important}.mb45{margin-bottom:45px !important}.mb50{margin-bottom:50px !important} /* padding */ .p0 {padding:0 !important} .pl0 {padding-left:0 !important} .pt5 {padding-top: 5px !important}.pt10{padding-top: 10px !important}.pt15{padding-top: 15px !important}.pt18{padding-top: 18px !important}.pt20{padding-top: 20px !important}.pt25{padding-top: 25px !important}.pt30{padding-top: 30px !important}.pt35{padding-top: 35px !important}.pt40{padding-top: 40px !important}.pt45{padding-top: 45px !important}.pt50{padding-top: 50px !important}.pr5 {padding-right:5px !important}.pr10{padding-right:10px !important}.pr15{padding-right:15px !important}.pr20{padding-right:20px !important}.pr25{padding-right:25px !important}.pr30{padding-right:30px !important}.pr35{padding-right:35px !important}.pr40{padding-right:40px !important}.pr45{padding-right:45px !important}.pr50{padding-right:50px !important}.pl0{padding-left: 0px !important}.pl5{padding-left: 5px !important}.pl10{padding-left:10px !important}.pl15{padding-left:15px !important}.pl20{padding-left:20px !important}.pl25{padding-left:25px !important}.pl30{padding-left:30px !important}.pl35{padding-left:35px !important}.pl40{padding-left:40px !important}.pl45{padding-left:45px !important}.pl50{padding-left:50px !important}.pl55{padding-left:55px !important}.pl60{padding-left:60px !important}.pl65{padding-left:65px !important}.pl70{padding-left:70px !important}.pl75{padding-left:75px !important}.pl80{padding-left:80px !important}.pb5{padding-bottom: 5px !important}.pb10{padding-bottom:10px !important}.pb15{padding-bottom:15px !important}.pb20{padding-bottom:20px !important}.pb25{padding-bottom:25px !important}.pb30{padding-bottom:30px !important}.pb35{padding-bottom:35px !important}.pb40{padding-bottom:40px !important}.pb45{padding-bottom:45px !important}.pb50{padding-bottom:50px !important} a:hover, a:active, a:focus {/*-webkit-transition:0.3s;transition:0.3s;*/opacity: 0.9;filter: alpha(opacity=90);} .input_txt , .input_select, textarea {font-family:'Noto Sans KR';} /*.input_txt, .input_textarea {-webkit-appearance:none}*/ ::-webkit-input-placeholder {color: #d4d4d4 !important;font-weight:normal !important;}::-moz-placeholder {color: #d4d4d4 !important;font-weight:normal !important;}:-ms-input-placeholder {color: #d4d4d4 !important;font-weight:normal !important;}:-moz-placeholder {color: #d4d4d4 !important;font-weight:normal !important;} a:active, a:focus {outline: none !important;ie-dummy: expression(this.hideFocus=true);} /* 게시판 버튼 */ /* 목록 버튼 */ #bo_list a.btn_b01 {} #bo_list a.btn_b01:focus, #bo_list a.btn_b01:hover {} #bo_list a.btn_b02 {} #bo_list a.btn_b02:focus, #bo_list a.btn_b02:hover {} #bo_list a.btn_admin {} /* 관리자 전용 버튼 */ #bo_list a.btn_admin:focus, #bo_list .btn_admin:hover {} /* 읽기 버튼 */ #bo_v a.btn_b01 {} #bo_v a.btn_b01:focus, #bo_v a.btn_b01:hover {} #bo_v a.btn_b02 {} #bo_v a.btn_b02:focus, #bo_v a.btn_b02:hover {} #bo_v a.btn_admin {} /* 관리자 전용 버튼 */ #bo_v a.btn_admin:focus, #bo_v a.btn_admin:hover {} /* 쓰기 버튼 */ #bo_w .btn_confirm {} /* 서식단계 진행 */ #bo_w .btn_submit {} #bo_w button.btn_submit {} #bo_w fieldset .btn_submit {} #bo_w .btn_cancel {} #bo_w button.btn_cancel {} #bo_w .btn_cancel:focus, #bo_w .btn_cancel:hover {} #bo_w a.btn_frmline, #bo_w button.btn_frmline {} /* 우편번호검색버튼 등 */ #bo_w button.btn_frmline {} /* 기본 테이블 */ /* 목록 테이블 */ #bo_list .tbl_head01 {} #bo_list .tbl_head01 caption {} #bo_list .tbl_head01 thead th {} #bo_list .tbl_head01 thead a {} #bo_list .tbl_head01 thead th input {} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */ #bo_list .tbl_head01 tfoot th {} #bo_list .tbl_head01 tfoot td {} #bo_list .tbl_head01 tbody th {} #bo_list .tbl_head01 td {} #bo_list .tbl_head01 a {} #bo_list td.empty_table {} /* 읽기 내 테이블 */ #bo_v .tbl_head01 {} #bo_v .tbl_head01 caption {} #bo_v .tbl_head01 thead th {} #bo_v .tbl_head01 thead a {} #bo_v .tbl_head01 thead th input {} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */ #bo_v .tbl_head01 tfoot th {} #bo_v .tbl_head01 tfoot td {} #bo_v .tbl_head01 tbody th {} #bo_v .tbl_head01 td {} #bo_v .tbl_head01 a {} #bo_v td.empty_table {} /* 쓰기 테이블 */ #bo_w table {} #bo_w caption {} #bo_w .frm_info {} #bo_w .frm_address {} #bo_w .frm_file {} #bo_w .tbl_frm01 {} #bo_w .tbl_frm01 th {} #bo_w .tbl_frm01 td {} #bo_w .tbl_frm01 textarea, #bo_w tbl_frm01 .frm_input {} #bo_w .tbl_frm01 textarea {} /* #bo_w .tbl_frm01 #captcha {} #bo_w .tbl_frm01 #captcha input {} */ #bo_w .tbl_frm01 a {} /* 필수입력 */ #bo_w .required, #bo_w textarea.required {} #bo_w .cke_sc {} #bo_w button.btn_cke_sc{} #bo_w .cke_sc_def {} #bo_w .cke_sc_def dl {} #bo_w .cke_sc_def dl:after {} #bo_w .cke_sc_def dt, #bo_w .cke_sc_def dd {} #bo_w .cke_sc_def dt {} #bo_w .cke_sc_def dd {} /* ### 기본 스타일 커스터마이징 끝 ### */ /* 게시판 목록 */ #bo_list .td_board {width:120px;text-align:center} #bo_list .td_chk {width:30px;text-align:center} #bo_list .td_date {width:60px;text-align:center} #bo_list .td_datetime {width:110px;text-align:center} #bo_list .td_group {width:100px;text-align:center} #bo_list .td_mb_id {width:100px;text-align:center} #bo_list .td_mng {width:80px;text-align:center} #bo_list .td_name {width:100px;text-align:left} #bo_list .td_nick {width:100px;text-align:center} #bo_list .td_num {width:50px;text-align:center} #bo_list .td_numbig {width:80px;text-align:center} #bo_list .txt_active {color:#5d910b} #bo_list .txt_expired {color:#ccc} #bo_cate h2 {position:absolute;font-size:0;line-height:0;overflow:hidden} #bo_cate ul {margin-bottom:10px;padding-left:1px;zoom:1} #bo_cate ul:after {display:block;visibility:hidden;clear:both;content:""} #bo_cate li {float:left;margin-bottom:-1px} #bo_cate a {display:block;position:relative;margin-left:-1px;padding:6px 0 5px;width:90px;border:1px solid #ddd;background:#f7f7f7;color:#888;text-align:center;letter-spacing:-0.1em;line-height:1.2em;cursor:pointer} #bo_cate a:focus, #bo_cate a:hover, #bo_cate a:active {text-decoration:none} #bo_cate #bo_cate_on {z-index:2;border:1px solid #565e60;background:#fff;color:#565e60;font-weight:bold} .td_subject img {margin-left:3px} /* 게시판 목록 공통 */ .bo_fx {margin-bottom:5px;zoom:1} .bo_fx:after {display:block;visibility:hidden;clear:both;content:""} .bo_fx ul {margin:0;padding:0;list-style:none} #bo_list_total {float:left;padding-top:5px} .btn_bo_user {float:right;margin:0;padding:0;list-style:none} .btn_bo_user li {float:left;margin-left:5px} .btn_bo_adm {float:left} .btn_bo_adm li {float:left;margin-right:5px} .btn_bo_adm input {padding:8px;border:0;background:#e8180c;color:#fff;text-decoration:none;vertical-align:middle} .bo_notice td {background:#f5f6fa} .bo_notice td a {font-weight:bold} .td_num strong {color:#000} .bo_cate_link {display:inline-block;margin:0 3px 0 0;padding:0 6px 0 0;border-right:1px solid #e7f1ed;color:#999 !important;font-weight:bold;text-decoration:none} /* 글제목줄 분류스타일 */ .bo_current {color:#e8180c} #bo_list .cnt_cmt {display:inline-block;margin:0 0 0 3px;font-weight:bold} #bo_sch {margin-bottom:10px;padding-top:5px;text-align:center} #bo_sch legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden} /* 게시판 쓰기 */ #char_count_desc {display:block;margin:0 0 5px;padding:0} #char_count_wrap {margin:5px 0 0;text-align:right} #char_count {font-weight:bold} #autosave_wrapper {position:relative} #autosave_pop {display:none;z-index:10;position:absolute;top:24px;right:117px;padding:8px;width:350px;height:auto !important;height:180px;max-height:180px;border:1px solid #565656;background:#fff;overflow-y:scroll} html.no-overflowscrolling #autosave_pop {height:auto;max-height:10000px !important} /* overflow 미지원 기기 대응 */ #autosave_pop strong {position:absolute;font-size:0;line-height:0;overflow:hidden} #autosave_pop div {text-align:right} #autosave_pop button {margin:0;padding:0;border:0;background:transparent} #autosave_pop ul {margin:10px 0;padding:0;border-top:1px solid #e9e9e9;list-style:none} #autosave_pop li {padding:8px 5px;border-bottom:1px solid #e9e9e9;zoom:1} #autosave_pop li:after {display:block;visibility:hidden;clear:both;content:""} #autosave_pop a {display:block;float:left} #autosave_pop span {display:block;float:right} .autosave_close {cursor:pointer} .autosave_content {display:none} /* 게시판 읽기 */ #bo_v {margin-bottom:20px;padding-bottom:20px} #bo_v_table {position:absolute;top:0;right:16px;margin:0;padding:0 5px;height:25px;background:#ff3061;color:#fff;font-weight:bold;line-height:2.2em} #bo_v_title {padding:10px 0;font-size:1.2em} #bo_v_info {padding:0 0 10px;border-bottom:1px solid #ddd} #bo_v_info h2 {position:absolute;font-size:0;line-height:0;overflow:hidden} #bo_v_info strong {display:inline-block;margin:0 15px 0 5px;font-weight:normal} #bo_v_info .sv_member, #bo_v_info .sv_guest, #bo_v_info .member, #bo_v_info .guest {font-weight:bold} #bo_v_file {} #bo_v_file h2 {position:absolute;font-size:0;line-height:0;overflow:hidden} #bo_v_file ul {margin:0;padding:0;list-style:none} #bo_v_file li {padding:0 10px;border-bottom:1px solid #eee;background:#f5f6fa} #bo_v_file a {display:inline-block;padding:8px 0 7px;width:100%;color:#000;word-wrap:break-word} #bo_v_file a:focus, #bo_v_file a:hover, #bo_v_file a:active {text-decoration:none} #bo_v_file img {float:left;margin:0 10px 0 0} .bo_v_file_cnt {display:inline-block;margin:0 0 3px 16px} #bo_v_link {} #bo_v_link h2 {position:absolute;font-size:0;line-height:0;overflow:hidden} #bo_v_link ul {margin:0;padding:0;list-style:none} #bo_v_link li {padding:0 10px;border-bottom:1px solid #eee;background:#f5f6fa} #bo_v_link a {display:inline-block;padding:8px 0 7px;width:100%;color:#000;word-wrap:break-word} #bo_v_link a:focus, #bo_v_link a:hover, #bo_v_link a:active {text-decoration:none} .bo_v_link_cnt {display:inline-block;margin:0 0 3px 16px} #bo_v_top {margin:0 0 10px;padding:10px 0;zoom:1} #bo_v_top:after {display:block;visibility:hidden;clear:both;content:""} #bo_v_top h2 {position:absolute;font-size:0;line-height:0;overflow:hidden} #bo_v_top ul {margin:0;padding:0;list-style:none} #bo_v_bot {zoom:1} #bo_v_bot:after {display:block;visibility:hidden;clear:both;content:""} #bo_v_bot h2 {position:absolute;font-size:0;line-height:0;overflow:hidden} #bo_v_bot ul {margin:0;padding:0;list-style:none} .bo_v_nb {float:left} .bo_v_nb li {float:left;margin-right:5px} .bo_v_com {float:right} .bo_v_com li {float:left;margin-left:5px} #bo_v_atc {min-height:200px;height:auto !important;height:200px} #bo_v_atc_title {position:absolute;font-size:0;line-height:0;overflow:hidden} #bo_v_img {margin:0 0 10px;width:100%;overflow:hidden;zoom:1} #bo_v_img:after {display:block;visibility:hidden;clear:both;content:""} #bo_v_img img {margin-bottom:20px;max-width:100%;height:auto} #bo_v_con {margin-bottom:30px;width:100%;line-height:1.7em;word-break:break-all;overflow:hidden} #bo_v_con a {color:#000;text-decoration:underline} #bo_v_con img {max-width:100%;height:auto} #bo_v_act {margin-bottom:30px;text-align:center} #bo_v_act .bo_v_act_gng {position:relative} #bo_v_act a {margin-right:5px;vertical-align:middle} #bo_v_act strong {color:#ff3061} #bo_v_act_good, #bo_v_act_nogood {display:none;position:absolute;top:30px;left:0;padding:10px 0;width:165px;background:#ff3061;color:#fff;text-align:center} #bo_v_sns {margin:0 0 20px;padding:0;list-style:none;zoom:1} #bo_v_sns:after {display:block;visibility:hidden;clear:both;content:""} #bo_v_sns li {float:left;margin:0 5px 0 0} /* 게시판 댓글 */ #bo_vc {margin:0 0 20px;padding:20px 20px 10px;border:1px solid #e5e8ec;background:#f5f8f9} #bo_vc h2 {margin-bottom:10px} #bo_vc article {padding:0 0 10px;border-top:1px dotted #ccc} #bo_vc header {position:relative;padding:15px 0 5px} #bo_vc header .icon_reply {position:absolute;top:15px;left:-20px} #bo_vc .sv_wrap {margin-right:15px} #bo_vc .member, #bo_vc .guest, #bo_vc .sv_member, #bo_vc .sv_guest {font-weight:bold} .bo_vc_hdinfo {display:inline-block;margin:0 15px 0 5px} #bo_vc h1 {position:absolute;font-size:0;line-height:0;overflow:hidden} #bo_vc a {color:#000;text-decoration:none} #bo_vc p {padding:0 0 5px;line-height:1.8em} #bo_vc p a {text-decoration:underline} #bo_vc p a.s_cmt {text-decoration:none} #bo_vc_empty {margin:0;padding:20px !important;text-align:center} #bo_vc #bo_vc_winfo {float:left} #bo_vc footer {zoom:1} #bo_vc footer:after {display:block;visibility:hidden;clear:both;content:""} .bo_vc_act {float:right;margin:0;list-style:none;zoom:1} .bo_vc_act:after {display:block;visibility:hidden;clear:both;content:""} .bo_vc_act li {float:left;margin-left:5px} #bo_vc_w {position:relative;margin:0 0 10px;padding:0 0 20px;border-bottom:1px solid #cfded8} #bo_vc_w h2 {position:absolute;font-size:0;line-height:0;overflow:hidden} #bo_vc_w #char_cnt {display:block;margin:0 0 5px} #bo_vc_sns {margin:0;padding:0;list-style:none;zoom:1} #bo_vc_sns:after {display:block;visibility:hidden;clear:both;content:""} #bo_vc_sns li {float:left;margin:0 20px 0 0} #bo_vc_sns input {margin:0 0 0 5px} /* whiteBox */ #whiteBox {margin:50px auto;} #whiteBox .inner {position:relative;max-width:570px;margin:0 auto;border:1px solid #d2d2d2;background:#fff;padding:40px 0} #whiteBox .inner.type2 {position:relative;padding:30px 0} #whiteBox .inner.bg:before {position:absolute;top:-5px;left:50%;width:50px;height:10px;margin-left:-25px;background:url("../images/sub/ico_join.png") no-repeat center 0;;content:"";} #whiteBox h2.tit {font-size:22px;text-align:center;margin-bottom:20px;} #whiteBox .formBox {border-bottom:1px solid #d9d9d9;margin-bottom:15px;padding-bottom:5px;} #whiteBox .formBox.bb0 {border-bottom:0;} #whiteBox .form-group {margin-bottom:10px;} #whiteBox .form-group .form-control {border-color:#d9d9d9} #whiteBox .center {width:61%;margin:0 auto;} #whiteBox .center2 {width:80%;margin:0 auto;} .submit {text-align:center;} .submit a.btnGreen {display:inline-block;background:#26bd94;color:#fff;border-radius:25px;padding:8px 30px} #whiteBox h3 {font-size:16px;margin-bottom:10px;} #whiteBox textarea {height:100px;font-size:12px;} #whiteBox .line {width:100%;height:1px;background:#d2d2d2;} #whiteBox .bt0 {border-top:0;} #whiteBox .pb {padding-bottom:20px !important;} .submit.mt {margin-top:30px;} #whiteBox .formBox dl {text-align:center;} #whiteBox .formBox dl dt {font-size:30px;color:#363636;border-bottom:1px solid #d2d2d2;padding-bottom:15px;margin-bottom:15px;} #whiteBox .formBox dl dd {color:#858585;} #whiteBox .findMenu {max-width:570px;margin:0 auto 20px;} #whiteBox .findMenu ul {text-align:center;} #whiteBox .findMenu ul li {position:relative;float:left;text-align:left;width:50%;padding-left:10px;} #whiteBox .findMenu ul li:first-child {text-align:right;padding-right:10px;} #whiteBox .findMenu ul li:first-child:before {position:absolute;top:6px;right:0;width:1px;height:15px;background:#d8d8d8;content:"";} #whiteBox .findMenu ul li a {display:block;font-size:18px;color:#959595;} #whiteBox .findMenu ul li.on a {color:#333333;} #whiteBox .findCon {max-width:570px;margin:0 auto;border:1px solid #d2d2d2;background:#fff;padding:40px 0} #whiteBox .center3 {width:80.7%;margin:0 auto;text-align:center;background:#f7f7f7;padding:30px 0} #whiteBox .noticeBox {position:relative;margin:0 auto;border:1px solid #d2d2d2;background:#fff;padding:20px 40px 0} #whiteBox .noticeBox ul {} #whiteBox .noticeBox ul li {border-bottom:1px solid #d9d9d9;} #whiteBox .noticeBox ul li:last-child {border-bottom:0;} #whiteBox .noticeBox ul li a {display:block;padding:20px 0} #whiteBox .noticeBox ul li dl {margin-bottom:0;} #whiteBox .noticeBox ul li dl dt {color:#1d1d1d;margin-bottom:7px;} #whiteBox .noticeBox ul li dl dd {} #whiteBox .noticeBox ul li dl dd.txt {color:#858585;margin-bottom:15px;} #whiteBox .noticeBox ul li dl dd.date {color:#a7a7a7;font-size:12px;} #whiteBox .noticeBox.type2 {padding:0} #whiteBox .noticeBox.type2 .noticeHeader {background:#f7f7f7;padding:20px} #whiteBox .noticeBox.type2 .noticeHeader:after {content:""; display:block; clear:both;} #whiteBox .noticeBox.type2 .noticeHeader h3 {color:#1d1d1d;} #whiteBox .noticeBox.type2 .noticeHeader p.date {font-size:12px;color:#a7a7a7;margin-bottom:0;} #whiteBox .noticeBox.type2 .noticeCon {padding:20px;color:#858585;min-height:300px} .btnG {margin-top:30px;} .btnG ul {text-align:center;} .btnG ul li {display:inline-block;} .btnG ul li a {display:block;color:#049a71;border:1px solid #09ab7f;border-radius:5px;padding:5px 13px} .btnG ul li a.btnList {background:#474747;color:#fff;border:1px solid #474747;padding:5px 23px} #headerImg {margin-top:40px;} #headerImg .media-left img {max-width:100px} #headerImg .media-heading {font-size:18px;} #headerImg .media-heading span.block {display:block;font-size:12px;color:#38badd;} #headerImg .media-body p {font-size:12px;} /* viewer */ body#viewer {padding-top:100px !important;overflow-y:auto;} #viewHeader {position:fixed;top:0;left:0;right:0;background:#343434;height:60px;color:#a6a6a6;z-index:100} #viewHeader h1 {display:block;position:absolute;top:5px;left:10px} #viewHeader h1 a {display:block;} #viewHeader h1 a img {width:40px;} #viewHeader h2 {text-align:center;font-size:16px;color:#fff;padding:20px 0} #viewHeader h2 img {width:20px;margin-right:5px;} #viewHeader h2 span.col_gold {color:#e4a002} #viewHeader .topMenus {position:absolute;top:5px;right:10px} #viewHeader .topMenus li {} #viewHeader .topMenus li a {display:block;} #viewHeader .topMenus li a span {display:none;} #viewHeader .topMenus li a img {width:18px;} #viewCon .txtWarn {position:relative;text-align:center;z-index:12} #viewCon .img img {width:100%;} #viewFooter {background:#343434;padding:10px 0} #viewFooter ul {text-align:center;margin-bottom:0;} #viewFooter li {position:relative;display:inline-block;margin-left:10px;} #viewFooter li:first-child {margin-right:10px;} #viewFooter li:first-child:after {position:absolute;top:0;right:-15px;width:2px;height:28px;background:url("../images/sub/ico_view_w.png") no-repeat 0 0;;content:"";} #viewFooter li a {display:block;color:#8c8c8c;} #viewFooter li a:hover {color:#15dfa8;text-decoration:none} #viewFooter li a img {width:25px;margin-left:5px;} #viewFooter li:first-child a img {margin-right:5px;} #viewFooter li a span {vertical-align:-2px;} @media (min-width: 370px){ #viewHeader h1 {display:block;} } @media (min-width: 469px){ .boardRes2 .inner ul.tr:nth-child(5) li:nth-child(1) {padding-bottom:13px;} #headerImg .media-heading span.block {margin-bottom:5px;} #headerImg .media-left img {max-width:250px} } @media (min-width: 535px){ .deskHeader ul {margin-top:10px;} } @media (min-width: 768px){ /* find */ .listGall2 .media-left img {max-width:120px} /* detail */ .detailHeader {margin:45px 0 10px} .detailHeader .container .row li.left {padding-right:0;} .detailHeader .container .row li.left p.img {border-right:0;} .detailHeader .container .row li.right {padding-left:0;} .detailHeader .container .row li.right .inner {position:relative;min-height:267px} .detailHeader .container .row li.right .inner .dCon {height:82px;margin-bottom:0;overflow:hidden} .detailHeader .container .row li.right .inner .dFooter {position:absolute;bottom:10px;left:6%;width:88%;} .detailList .container .row li.left {padding-right:0;} .detailList .container .row li.left .inner .media .media-left a img {max-width:200px} body.sm .detailList .container .row li.right .inner .media .media-left a img {max-width:60px} /* page */ .col-list ul li.col-sm-6 {width:49%;margin-right:2%;} .col-list ul li.col-sm-6:nth-child(even) {margin-right:0;} .col-list ul li.col-sm-4 {width:32%;margin-right:2%;} .col-list ul li.col-sm-4:nth-child(3n) {margin-right:0;} .deskHeader ul li a {font-size:14px;} .tabMenu li a span.up {position:absolute;top:-10px;right:-25px;} .tabMenu li a span.up img {width:22px;} /* board */ .boardRes .inner > ul > li:nth-child(1) {width:5%;display:block;} .boardRes .inner > ul > li:nth-child(2) {width:20%;} .boardRes .inner > ul > li:nth-child(3) {width:34%;} .boardRes .inner > ul > li:nth-child(4) {width:8%;display:block;} .boardRes .inner > ul > li:nth-child(5) {width:8%;display:block;} .boardRes .inner > ul > li:nth-child(6) {width:25%;} .boardRes2 .inner ul.tr li:nth-child(1) {width:18%;background:#f3f3f3;color:#6a6a6a;padding:13px 0;padding-left:2%;} .boardRes2 .inner ul.tr li:nth-child(2) {width:78%;color:#494747;padding-left:2%;} #whiteBox .noticeBox.type2 .noticeHeader h3 {margin-bottom:0;} #whiteBox .noticeBox.type2 .noticeHeader p.date {float:right;margin-top:-17px;} #headerImg .media-left img {max-width:300px} #headerImg .media-body {padding-left:10px;} #viewHeader h1 a img {width:120px;} #viewHeader .topMenus {top:17px;right:25px;} #viewHeader .topMenus li {float:left;margin-left:25px;} #viewHeader .topMenus li a img {display:inline-block;vertical-align:middle;margin-right:3px;} #viewHeader .topMenus li a span {display:inline-block;color:#a6a6a6;} } @media (min-width: 992px) { /* detail */ .detailHeader .container .row li.right .inner {min-height:348px} .detailHeader .container .row li.right .inner .dCon {height:160px;} } @media (min-width: 1200px) { /* find */ .listGall {margin:70px 0 25px;} .listGall2 .media-left img {max-width:178px} .listGall2 h3 {font-size:18px;} .listGall2 h3 span {font-size:14px;margin-top:8px;margin-bottom:18px;} .listGall2 .media-body {padding-left:20px;} .listGall2 .media-body span.block {font-size:15px;} /* detail */ .detailHeader {margin:80px 0 35px;} .detailHeader .container .row li.left p.img img {height:450px;} .detailHeader .container .row li.right .inner {height:452px;padding:35px 30px} .detailHeader .container .row li.right .inner .dHeader h2 span.block {font-size:16px;} .detailHeader .container .row li.right .inner .dHeader h2 span.tit {font-size:24px;} .detailHeader .container .row li.right .inner .dHeader p span.bu_prs img {width:30px;} .detailHeader .container .row li.right .inner .dHeader p span.name, .detailHeader .container .row li.right .inner .dCon {font-size:15px;} .detailHeader .container .row li.right .inner .dFooter {bottom:50px;width:84%;left:8%} .detailHeader .container .row li.right .inner .dFooter ul li a {font-size:18px;padding:10px 0} .detailHeader .container .row li.right .inner .dFooter ul li a img {width:21px;} .detailHeader .container .row li.right .inner .dFooter ul li a span {margin-right:5px;vertical-align:-1px;} .detailList .container .row li.left .inner h2 {font-size:24px;padding:35px 23px 22px} .detailList .container .row li.left .inner .media {padding:0 18px 13px} .detailList .container .row li.left .inner .media .media-body a h3 {font-size:18px;margin-bottom:15px;padding-left:10px;} .detailList .container .row li.left .inner .media .media-body a h3 span.block {margin-top:8px;} .detailList .container .row li.left .inner .media .media-body a span.date {font-size:15px;padding-left:10px;} .detailList .container .row li.right .inner h2 {font-size:18px;padding:28px 20px 5px} .detailList .container .row li.right .inner .media {padding:0 20px 0} .detailList .container .row li.right .inner .media .media-body a h3 {font-size:18px;} .detailList .container .row li.right .inner .media .media-body a span.txt {font-size:14px;} /* page */ .tabSec {margin:70px 0 25px;} .tabMenu {margin-bottom:30px;} .tabMenu li a {font-size:20px;padding:18px 0} .tabMenu li.on a, .tabMenu li a:hover {padding:17px 0} .col-list ul li {margin-bottom:30px;} .col-list ul li dl dt {font-size:24px;font-weight:400;} .col-list ul li dl dt span.block {font-size:15px;} .col-list ul li dl dd {font-size:15px;} .col-list ul li p.rank {padding:23px;bottom:10px} .col-list ul li p.rank span {font-size:20px;} .col-list ul li.col-sm-4 p.rank {padding:20px;bottom:12px} /* author */ #author {padding:50px 0} #author h2 {font-size:45px;font-weight:bold;margin-bottom:15px;} #author p.txt {margin-bottom:25px;} #author p.txt span.block {font-size:20px;} #author p.up a {font-size:20px;border-radius:45px;padding:16px 83px} .schedHeader p.sched {font-size:20px;margin-bottom:20px;} .schedHeader p.select {min-width:200px;margin-top:-8px;} .schedHeader p.select select {width:100%;border-radius:5px;font-size:16px;padding:5px 10px} /* desk */ .col-list ul li .trash {bottom:20px} .col-list ul li .trash img {width:60px;} .deskHeader h2 {font-size:24px;} .deskHeader h2 img {width:60px;} .deskHeader ul {margin-top:17px;} .deskHeader ul li a {padding:3px 18px} /* board */ .boardRes .inner {margin-bottom:30px;} .boardRes .thead {padding:13px 0} .boardRes .inner > ul > li {font-size:16px;} .boardRes .inner > ul > li:nth-child(2) img {max-width:182px} .boardRes .inner > ul.tbody > li {padding-top:40px;font-size:15px;letter-spacing:-.5px;} .boardRes .inner > ul.tbody > li:nth-child(2) {padding-top:0;} .boardRes .inner > ul.tbody > li:nth-child(3) {padding-top:35px;} .boardRes .inner > ul > li:nth-child(3) a {font-size:20px;color:#858585;} .boardRes .tbody li li {margin:0 2px} .boardRes .tbody li li a {padding:15px;font-size:13px;} a.btnSubmit {font-size:18px;padding:11px 50px} .boardRes2 .inner ul.tr li, .boardRes2 .inner ul.tr li span {font-size:14px;} .boardRes2 .inner ul.tr li .input_txt, .boardRes2 .inner ul.tr li textarea {font-size:15px;} .boardRes2 .inner ul.tr li {padding:20px 0} .boardRes2 .inner ul.tr li:nth-child(1) {width:13%;padding:24px 0 24px 3%} .boardRes2 .inner ul.tr li:nth-child(2) {width:82%;} .boardRes2 .inner ul.tr:nth-child(4) li:nth-child(1) {padding-bottom:96px;} .boardRes2 .inner ul.tr:nth-child(5) li:nth-child(1) {padding-bottom:16px;} p.btnCenter a.btnSubmit {padding:11px 65px;} #whiteBox {margin:80px auto;} #whiteBox h2.tit {font-size:35px;font-weight:400;margin-bottom:40px;} #whiteBox .inner {padding:60px 0} #whiteBox .inner.type2 {padding:40px 0} #whiteBox .formBox {margin-bottom:20px;padding-bottom:10px;} #whiteBox .form-group .form-control {height:48px;font-size:20px;} .submit a.btnGreen {font-size:24px;width:100%;padding:10px 30px} #whiteBox h3 {font-size:20px;} #whiteBox .checkbox label {font-size:18px;} #whiteBox input[type=checkbox] {margin-top:7px;} #whiteBox textarea {height:200px;font-size:14px;} #whiteBox .pb {padding-bottom:25px !important;} .submit.mt a {max-width:350px;} .submit.m350 a {max-width:350px;} #whiteBox .formBox dl dt {font-size:40px;font-weight:400;} #whiteBox .formBox dl dd {font-size:20px;} #whiteBox .findMenu {margin-bottom:30px;} #whiteBox .findMenu ul li {padding-left:20px;} #whiteBox .findMenu ul li:first-child {padding-right:20px;} #whiteBox .findMenu ul li:first-child:before {top:13px;height:32px;} #whiteBox .findMenu ul li a {font-size:35px;} #whiteBox .center3 {font-size:20px;padding:45px 0} #whiteBox .findCon.type2 {padding:70px 0 40px} #whiteBox .noticeBox .inner {padding:60px 0} #whiteBox .noticeBox ul li a {padding:25px 0} #whiteBox .noticeBox ul li dl dt {font-size:24px;font-weight:400;} #whiteBox .noticeBox ul li dl dd.txt {font-size:15px;width:100%;overflow: hidden;text-overflow:ellipsis;white-space:nowrap;} #whiteBox .noticeBox ul li dl dd.date {font-size:14px;} #whiteBox .noticeBox.type2 .noticeHeader {padding:35px 48px} #whiteBox .noticeBox.type2 .noticeHeader h3 {font-size:30px;} #whiteBox .noticeBox.type2 .noticeHeader p.date {font-size:14px;margin-top:-25px;} #whiteBox .noticeBox.type2 .noticeCon {font-size:18px;padding:35px 48px} .btnG ul li {margin:0 5px} .btnG ul li a {font-size:18px;padding:10px 45px} .btnG ul li a.btnList {padding:10px 60px} #headerImg {margin-top:80px;} #headerImg .media-heading {font-size:30px;} #headerImg .media-heading span.block {font-size:15px;} #headerImg .media-body {padding-left:20px;} #headerImg .media-body p {font-size:15px;} #viewHeader {height:80px;} #viewHeader h1 a img {width:160px;} #viewHeader h2 {font-size:24px;padding:26px 0} #viewHeader h2 img {width:27px;vertical-align:-2px} #viewHeader .topMenus {top:25px} #viewHeader .topMenus li {margin-left:40px;} #viewHeader .topMenus li a span {font-size:20px;} #viewHeader .topMenus li a img {width:27px;vertical-align:-8px;} #viewCon .txtWarn {padding-top:50px;font-size:20px;} #viewFooter {padding:18px 0 } #viewFooter li {margin-left:60px;} #viewFooter li:first-child {margin-right:60px;margin-left:0;} #viewFooter li:first-child:after {right:-60px;top:10px} #viewFooter li a span {font-size:20px;vertical-align:-4px;} #viewFooter li a img {width:45px;margin-left:10px;} #viewFooter li:first-child a img {width:45px;margin-right:10px;} } @media (max-width: 767px){ }