.clearboth{ clear: both; } .displaynone {display:none;} .transition01 {transition:all 0.1s; -webkit-transition:all 0.1s;} .transition02 {transition:all 0.2s; -webkit-transition:all 0.2s;} .transition03 {transition:all 0.3s; -webkit-transition:all 0.3s;} .transition05 {transition:all 0.3s; -webkit-transition:all 0.5s;} /*pc*/ @media screen and (min-width: 1200px){ /* list */ #noticeBoardPD {margin:0; padding:0;} #onenoticeBoard table, tr, th, td { border-collapse: collapse; border-spacing: 0; border:0; } #onenoticeBoard { margin:0; padding:0; border:0; width:100%; } #onenoticeBoard .th_tline { border-top:#333333 2px solid;border-bottom:#333333 1px solid; padding:20px 0; background-color:#ffffff; /*height:50px; line-height:50px; */font-size:16px;} #onenoticeBoard .td_cont { color:#424242; border-bottom:#dedede 1px solid; padding:15px 0; /*height:40px; line-height:40px; */font-size:14px;} #onenoticeBoard .td_cont a{ color:#424242; font-weight:600; text-decoration:none;} #onenoticeBoard .td_cont img{ padding:3px 5px;} #onenoticeBoard .textleft{ text-align:left; } .textcenter table{ width:auto; margin:0 auto; text-align:center; } .answOk {width:70%; height:25px; line-height:25px; background-color:#318ff9; color:#ffffff; text-align:center; font-size:12px; border-radius:3px; margin:0 auto;} .answReady {width:70%; height:25px; line-height:25px; background-color:#efefef; color:#999999; text-align:center; font-size:12px; border-radius:3px; margin:0 auto;} caption { display:none;} .td_name, .td_wdate, .td_count, .td_recom, .td_no {text-align:center;} /* 검색창 */ .searchForm {width:100%; background-color:#ffffff; margin:20px 0; padding:20px 0; border:#ffffff 1px solid;} .searchForm:after {content:""; display:block; clear:both;} .searchForm .sfArea{width:30%; margin:0 auto;} .searchForm .sfArea:after {content:""; display:block; clear:both;} .searchForm .sfArea .sAreaSelect{width:30%; float:left;} .searchForm .sfArea .sAreaSelect select{width:98%; height:25px; line-height:25px; border:#dddddd 1px solid;} .searchForm .sfArea .sAreaInput{width:50%; float:left;} .searchForm .sfArea .sAreaInput input{width:98%; height:25px; line-height:25px; padding:0 7px; border:#dddddd 1px solid; box-sizing:border-box;} .searchForm .sfArea .sAreaBtn{width:20%; float:left; text-align:right;} .searchForm .sfArea .sAreaBtn button { width:100%; height:25px; line-height:25px; background-color:#999999; color:#ffffff; display:inline-block; text-align:center; border-radius: 2px; font-size:12px;margin:0 0 0 0; border:none;} .searchForm .sfArea .sAreaBtn button:hover{background-color:#000000; color:#ffffff; cursor:pointer;} /*btnset*/ #bbtnset { margin:30px 0; padding:0 0 30px 0; /*border-top:#dddddd 1px solid;*/} #bbtnset:after {content:""; display:block; clear:both;} #bbtnset .bb_left{ float:left; margin:0; padding:0; width:50%; text-align:left;} #bbtnset .bb_right{ float:right; margin:0; padding:0; width:50%; text-align:right;} /* view */ #oneViewSet {width:100%; height:auto; padding:0 0 0 0; text-align:left; border-top:#90c71c 3px solid; } #oneViewSet:after {content:""; display:block; clear:both;} #oneViewSet .vsSubject{padding:20px 5px; font-size:30px; color:#242424; box-sizing:border-box; font-weight:600;} #oneViewSet .owTitle{float:left; width:15%; height:53px; line-height:53px; font-size:20px; padding:0 0 0 0; margin:0; border-top:#bfbfbf 1px solid; text-align:center; background-color:#ffffff; box-sizing:border-box;} #oneViewSet .owEssential{float:left; width:5%; height:53px; line-height:53px; font-size:16px; color:#cccccc; margin:0; border-top:#bfbfbf 1px solid; text-align:center; box-sizing:border-box; font-weight:200;} #oneViewSet .owValue{float:left; width:80%; height:53px; line-height:53px; border-top:#bfbfbf 1px solid; margin:0; color:#666666; box-sizing:border-box; font-size:16px; } #oneViewSet .owContent {float:left; width:80%; height:53px auto; min-height:53px; line-height:53px; padding:15px 0; margin:0; border-top:#bfbfbf 1px solid; box-sizing:border-box; } #oneViewSet .owContent:after {content:""; display:block; clear:both;} /* #oneViewSet {padding:0 0 30px 0; border-bottom:#dddddd 1px solid;} #oneViewSet .vsSubject{padding:20px 5px; font-size:30px; color:#242424; box-sizing:border-box; font-weight:600;} #oneViewSet .vsCate{padding:7px 0; text-align:center; color:#666666;} #oneViewSet .vsName{padding:7px 0; text-align:left; color:#666666; font-size:13px; padding:0 10px; box-sizing:border-box;} #oneViewSet .vsRecom{border-bottom:#dddddd 1px solid; margin:10px 0; color:#666666; font-size:13px; padding:10px 10px; box-sizing:border-box; text-align:left;} #oneViewSet .vsUpfile{background-color:#f5f5f5; height:auto; border:#efefef 1px solid; padding:10px; margin:10px 0; border-radius:2px; font-size:12px; box-sizing:border-box;} #oneViewSet .vsUpfile a{color:#666666;} #oneViewSet .vsUpfile ol {} #oneViewSet .vsUpfile ol li{line-height:180%; } #oneViewSet .vsUpfile:after {content:""; display:block; clear:both;} #oneViewSet .vsContent{width:100%; padding:10px 10px;} */ /* btnset_view */ #bbtnset_view { margin:0 0 30px 0; padding:30px 0; border-top:#dddddd 1px solid;} #bbtnset_view:after {content:""; display:block; clear:both;} #bbtnset_view .bb_left{ float:left; margin:0; padding:0; width:50%; text-align:left; } #bbtnset_view .bb_right{ float:right; margin:0; padding:0; width:50%; text-align:right;} /* prevnext */ #prevnext { margin:30px 0; padding:0; font-size:14px; } #prevnext:after {content:""; display:block; clear:both;} #prevnext .prev_left{ float:left; margin:0; padding:0; width:50%; text-align:left;} #prevnext .prev_left .prevTit { float:left; width:20%; height:50px; line-height:50px; border:#cccccc 1px solid; text-align:center; color:#666666; box-sizing:border-box;} #prevnext .prev_left .prevArticle { float:left; width:80%; height:50px; line-height:50px; padding:0 0 0 20px; box-sizing:border-box; border-right:#dddddd 1px solid;} #prevnext .prev_left .prevArticle a{ color:#666666; } #prevnext .next_right{ float:right; margin:0; padding:0; width:50%; text-align:right;} #prevnext .next_right .nextTit2 { float:right; width:20%; height:50px; line-height:50px; border:#cccccc 1px solid; text-align:center; color:#666666; box-sizing:border-box;} #prevnext .next_right .nextArticle2 { float:left; width:80%; height:50px; line-height:50px; padding:0 20px 0 0; box-sizing:border-box;} #prevnext .next_right .nextArticle2 a{ color:#666666; } /* input */ .essencialMark {font-size:14px; height:40px; line-height:40px; color:#666666; text-align:right; } .essencialMark span{color:#ff0000;} #oneInputSet {width:100%; height:auto; padding:0 0 0 0; text-align:left; border-top:#90c71c 3px solid; } #oneInputSet:after {content:""; display:block; clear:both;} #oneInputSet .oiTitle{float:left; font-weight: bold; width:20%; height:52px; line-height:40px; font-size:18px; padding:5px 0 0 0; margin:0; border-top:#bfbfbf 1px solid; text-align:center; background-color:#ffffff; box-sizing:border-box;} #oneInputSet .oiTitle span{font-size:12px; color:#666666; box-sizing:border-box;} #oneInputSet .oiEssential{float:left; width:5%; height:53px; line-height:53px; font-size:16px; color:#ff0000; border-top:#bfbfbf 1px solid; text-align:center; box-sizing:border-box; display:none;} #oneInputSet .oiValue{float:left; width:80%; height:53px; line-height:53px; margin:0; border-top:#bfbfbf 1px solid; color:#666666;font-size:16px; font-weight:300; box-sizing:border-box; } #oneInputSet .oiValue input[type="text"] {width:95%; height:33px; line-height:30px; padding:0 7px; border:#bfbfbf 1px solid; vertical-align:0px; background-color:#fff; font-size:14px; text-align:left;} #oneInputSet .oiValue input[type="password"] {width:20%; height:33px; line-height:30px; padding:0 7px; border:#bfbfbf 1px solid; vertical-align:0px; background-color:#fff; font-size:14px; text-align:left;} #oneInputSet .oiValue input[type="checkbox"] {vertical-align:-3px;} #oneInputSet .oiValue select {width:auto; height:33px; line-height:30px; padding:0 7px; border:#bfbfbf 1px solid; font-size:16px; } #oneInputSet .oiValue2{float:left; width:80%; height:53px; line-height:53px; margin:0; border-top:#bfbfbf 1px solid; color:#666666;font-size:16px; font-weight:300; box-sizing:border-box; } #oneInputSet .oiValue2 input[type="text"] {width:50%; height:33px; line-height:30px; padding:0 7px; border:#bfbfbf 1px solid; vertical-align:0px; background-color:#fff; font-size:14px; text-align:left;} #oneInputSet .oiValue3{float:left; width:80%; height:53px; line-height:53px; margin:0; border-top:#bfbfbf 1px solid; color:#666666;font-size:16px; font-weight:300; box-sizing:border-box; } #oneInputSet .oiValue3 input[type="text"] {width:10%; height:33px; line-height:30px; padding:0 7px; border:#bfbfbf 1px solid; vertical-align:0px; background-color:#fff; font-size:14px; text-align:left;} #oneInputSet .oiValue4{float:left; width:80%; height:53px; height:53px; line-height:53px; margin:0; border-top:#bfbfbf 1px solid; /*font-size:13px; */color:#666666; box-sizing:border-box; } /* 동영상 관련 */ #oneInputSet .oiValue4 textarea {width:90%; height:40px; border:#bfbfbf 1px solid; text-align:left; background-color:#ffffff; box-sizing:border-box; margin:5px 0; padding:0 7px; font-size:12px;} #oneInputSet .oiValue5{float:left; width:80%; height:53px; line-height:53px; margin:0; border-top:#bfbfbf 1px solid; color:#666666;font-size:16px; font-weight:300; box-sizing:border-box; } #oneInputSet .oiValue5 input[type="text"] {width:55%; height:33px; line-height:30px; padding:0 7px; border:#bfbfbf 1px solid; vertical-align:0px; background-color:#fff; font-size:14px; text-align:left; } #oneInputSet .oiContent {float:left; width:80%; height:auto; padding:7px 0; margin:0; border-top:#bfbfbf 1px solid; box-sizing:border-box; } #oneInputSet .oiContent textarea{width:100%; height:auto; margin:5px 0; padding:10px; font-weight:300; box-sizing:border-box; background-color:#fff; border:#bfbfbf 1px solid; font-family:inherit;} #oneInputSet .oiContent:after {content:""; display:block; clear:both;} #oneInputSet .oiFunction {width:100%; height:auto; padding:20px 15px ; border-top:#bfbfbf 1px solid; font-size:14px;} #oneInputSet .oiFunction input[type="checkbox"] {vertical-align:-3px;} #privacyBoardCheck {width:100%; height:auto; margin:0 0 10px; background-color:#ffffff; box-sizing:border-box; border-top:#bfbfbf 1px solid;} #privacyBoardCheck:after {content:""; display:block; clear:both;} #privacyBoardCheck .pbcTitle{float:left; width:50%; font-size:18px; color:#333333; font-weight:300; padding:15px 38px 15px 10px; box-sizing:border-box;} #privacyBoardCheck textarea{width:98%; height:150px; margin:10px 1% 0 1%; font-size:16px; line-height:26px; color:#343434; padding:20px; border:#bfbfbf 1px solid; font-family:inherit; box-sizing:border-box; font-weight:300; } #privacyBoardCheck .pbcCheckbox{float:left; width:50%; font-size:18px; color:#333333; font-weight:300; padding:15px 38px; text-align:right; box-sizing:border-box;} #privacyBoardCheck:after {content:""; display:block; clear:both;} #privacyBoardCheck .clearline {content:""; display:block; clear:both; border-top:#bfbfbf 1px solid;} /*btnset*/ #bbtnset_input { margin:0 0 30px 0; padding:30px 0; border-top:#90c71c 3px solid; text-align:center;} #bbtnset_input:after {content:""; display:block; clear:both;} #bbtnset_input .bb_left{ float:left; margin:0; padding:0; width:50%; text-align:left;} #bbtnset_input .bb_right{ float:right; margin:0; padding:0; width:50%; text-align:right;} /* password */ #onePassSet {width:50%; margin:50px auto; padding:50px 0; background-color:#f8f8f8; text-align:center;} #onePassSet .opIcon{margin:0; padding:0 0 10px 0; font-size:70px; color:#ffcc00;} #onePassSet .opMsg{margin:0; padding:0 0 30px 0; font-size:18px; color:#333333;} #onePassSet .opPw{margin:0; padding:0;} #onePassSet .opPw input[type="password"] {width:50%; height:40px; line-height:40px; padding:0 07px; border:#dddddd 1px solid; background-color:#ffffff; box-sizing:border-box; font-size:18px; text-align:center;} #onePassSet .opBtnSet{margin:0; padding:20px 0;} /* 댓글 */ #commentList {width:100%; padding:1% 1% 0.5% 1%; background-color:#f5f5f5; box-sizing:border-box;} #commentList:after {content:""; display:block; clear:both;} #commentList .colArea{width:100%; height:auto; margin:0;line-height:30px; padding:0; box-sizing:border-box; background-color:#ffffff; box-shadow: 1px 1px 3px #cccccc;} #commentList .colArea:after {content:""; display:block; clear:both;} #commentList .colArea .colName{float:left; width:20%; font-size:16px; color:#424242; text-align:center; font-weight:600; margin:7px 0;} #commentList .colArea .colName p{font-size:11px; color:#999; text-align:center; font-weight:400; margin:0 0;} #commentList .colArea .contArea {float:left; width:80%; font-size:13px; color:#666666; line-height:30px; margin:7px 0; border-left:#dddddd 1px solid; box-sizing:border-box;} #commentList .colArea .contArea .colWdate{font-size:13px; color:#666666; padding:0 0 0 20px; text-align:left;} #commentList .colArea .contArea .colWdate img{vertical-align:middle;} #commentList .colArea .contArea .colContent{width:100%; font-size:13px; color:#666666; padding:0 0 0 20px; box-sizing:border-box; } /* 댓글쓰기 */ #commentWrite {width:100%; padding:1% 1% 0.5% 1%; background-color:#ffffff; box-sizing:border-box;} #commentWrite:after {content:""; display:block; clear:both;} #commentWrite .cowArea{width:100%; height:auto; margin:0;padding:0; box-sizing:border-box; } #commentWrite .cowArea:after {content:""; display:block; clear:both;} #commentWrite .cowArea .contWArea {width:100%; font-size:13px; color:#666666; height:50px; line-height:50px; margin:0 0; box-sizing:border-box; background-color:#f5f5f5;} #commentWrite .cowArea .contWArea:after {content:""; display:block; clear:both;} #commentWrite .cowArea .contWArea .cowName{float:left; font-size:13px; color:#666666; padding:0 0 0 10px; text-align:left; height:30px; } #commentWrite .cowArea .contWArea .cowName input[type="text"] {width:150px; height:30px; border:#ffffff 1px solid; text-align:center; background-color:#ffffff; box-sizing:border-box; font-size:16px;} #commentWrite .cowArea .contWArea .cowPass{float:left; font-size:13px; color:#666666; padding:0 0 0 30px; text-align:left; height:30px; } #commentWrite .cowArea .contWArea .cowPass input[type="password"] {width:150px; height:30px; border:#ffffff 1px solid; text-align:center; background-color:#ffffff; box-sizing:border-box; font-size:16px;} #commentWrite .cowArea .contWArea .cowSpam{float:left; font-size:13px; color:#666666; padding:0 0 0 30px; text-align:left; height:30px; } #commentWrite .cowArea .contWArea .cowSpam input[type="text"] {width:100px; height:30px; border:#ffffff 1px solid; text-align:center; background-color:#ffffff; box-sizing:border-box; font-size:16px; margin:0 10px;} #commentWrite .cowArea .cowContent{ float:left; width:90%; font-size:16px; color:#666666; text-align:left; font-weight:600; margin:0px 0;} #commentWrite .cowArea .cowContent textarea{width:100%; height:50px; border:#dddddd 1px solid; text-align:left; background-color:#ffffff; box-sizing:border-box; font-size:16px; margin:10px 0; padding:7px; } #commentWrite .cowArea .cowContentBtn{float:left; width:10%; font-size:16px; color:#666666; text-align:left; font-weight:600; margin:10px 0; padding:0 0 0 7px; box-sizing:border-box;} #commentWrite .cowArea .cowContentBtn .cmSubmit {width:100%; height:50px; background-color:#333333; color:yellow; font-weight:600; font-size:14px; border:#000000 1px solid; cursor:pointer;} /* btnset */ .oneBtn-50px {display: inline-block; width: 50px; height: 24px; line-height: 24px; color: #333333; margin: 2px; background: #f5f5f5; text-align:center; text-decoration:none; font-size:11px; border:#dddddd 1px solid; letter-spacing:-1px;} /* 50px */ .oneBtn-50px:hover {color: #fff; background: #555; border:#000000 1px solid;} /* 50px */ .oneBtn-50pxGr {display: inline-block; width: 50px; height: 24px; line-height: 24px; color: #ffffff; margin: 2px; background: #82be04; text-align:center; text-decoration:none; font-size:11px; border:#dddddd 1px solid; letter-spacing:-1px;} /* 50px */ .oneBtn-50pxGr:hover {color: #ffffff; background: #555; border:#000000 1px solid; } /* 50px */ .oneBtn-50pxBl {display: inline-block; width: 50px; height: 24px; line-height: 24px; color: #ffffff; margin: 2px; background: #555555; text-align:center; text-decoration:none; font-size:11px; border:#000000 1px solid; letter-spacing:-1px;} /* 35px */ .oneBtn-50pxBl:hover {color: #000000; background: #efefef; border:#000000 1px solid;} /* 35px */ .oneBtn-35px {display: inline-block; width: 35px; height: 24px; line-height: 24px; color: #333333; margin: 2px; background: #f5f5f5; text-align:center; text-decoration:none; font-size:11px; border:#dddddd 1px solid; letter-spacing:-1px;} /* 35px */ .oneBtn-35px:hover {color: #fff; background: #555; border:#000000 1px solid;} /* 35px */ .oneBtn-35pxBl {display: inline-block; width: 35px; height: 24px; line-height: 24px; color: #ffffff; margin: 2px; background: #555555; text-align:center; text-decoration:none; font-size:11px; border:#000000 1px solid; letter-spacing:-1px;} /* 35px */ .oneBtn-35pxBl:hover {color: #000; background: #efefef; border:#000000 1px solid;} /* 35px */ .oneBtn-15px {display: inline-block; width: 15px; height: 15px; line-height: 15px; color: #333333; margin: 2px; background: #f5f5f5; text-align:center; text-decoration:none; font-size:10px; border:#dddddd 1px solid; letter-spacing:-1px;} /* 15px */ .oneBtn-15px:hover {color: #333; background: #fff; border:#000000 1px solid;} /* 15px */ .oneBtn-15pxRed {display: inline-block; width: 15px; height: 15px; line-height: 15px; color: #ffffff; margin: 2px; background: #ff0000; text-align:center; text-decoration:none; font-size:10px; border:#cc0000 1px solid; letter-spacing:-1px;} /* 15px red */ .oneBtn-15pxRed:hover {color: #ff0000; background: #fff; border:#ff0000 1px solid;} /* 15px red */ .oneBtn-15pxBl {display: inline-block; width: 15px; height: 15px; line-height: 15px; color: #ffffff; margin: 2px; background: #555555; text-align:center; text-decoration:none; font-size:10px; border:#dddddd 1px solid; letter-spacing:-1px;} /* 15px red */ .oneBtn-15pxBl:hover {color: #000000; background: #efefef; border:#555555 1px solid;} /* 15px red */ } /* tablet */ @media screen and (min-width: 800px) and (max-width: 1199px) { /* list */ #noticeBoardPD {margin:0; padding:0;} #onenoticeBoard table, tr, th, td { border-collapse: collapse; border-spacing: 0; border:0; } #onenoticeBoard { margin:0; padding:0; border:0; width:100%; } #onenoticeBoard .th_tline { border-top:#333333 2px solid;border-bottom:#333333 1px solid; padding:20px 0; background-color:#ffffff; /*height:50px; line-height:50px; */font-size:16px;} #onenoticeBoard .td_cont { color:#424242; border-bottom:#dedede 1px solid; padding:15px 0; /*height:40px; line-height:40px; */font-size:14px;} #onenoticeBoard .td_cont a{ color:#424242; font-weight:600;} #onenoticeBoard .td_cont img{ padding:3px 5px;} #onenoticeBoard .textleft{ text-align:left; } .textcenter table{ width:auto; margin:0 auto; text-align:center; } .answOk {width:70%; height:25px; line-height:25px; background-color:#318ff9; color:#ffffff; text-align:center; font-size:12px; border-radius:3px; margin:0 auto;} .answReady {width:70%; height:25px; line-height:25px; background-color:#efefef; color:#999999; text-align:center; font-size:12px; border-radius:3px; margin:0 auto;} caption { display:none;} .td_name, .td_wdate, .td_count, .td_recom, .td_no {text-align:center;} /* 검색창 */ .searchForm {width:100%; background-color:#ffffff; margin:20px 0; padding:20px 0; border:#ffffff 1px solid;} .searchForm:after {content:""; display:block; clear:both;} .searchForm .sfArea{width:50%; margin:0 auto;} .searchForm .sfArea:after {content:""; display:block; clear:both;} .searchForm .sfArea .sAreaSelect{width:25%; float:left;} .searchForm .sfArea .sAreaSelect select{width:98%; height:25px; line-height:25px; border:#dddddd 1px solid;} .searchForm .sfArea .sAreaInput{width:55%; float:left;} .searchForm .sfArea .sAreaInput input{width:98%; height:25px; line-height:25px; padding:0 7px; border:#dddddd 1px solid; box-sizing:border-box;} .searchForm .sfArea .sAreaBtn{width:20%; float:left; text-align:right;} .searchForm .sfArea .sAreaBtn button { width:100%; height:25px; line-height:25px; background-color:#999999; color:#ffffff; display:inline-block; text-align:center; border-radius: 2px; font-size:12px;margin:0 0 0 0; border:none;} .searchForm .sfArea .sAreaBtn button:hover{background-color:#000000; color:#ffffff; cursor:pointer;} /*btnset*/ #bbtnset { margin:30px 0; padding:30px 0; border-top:#dddddd 1px solid;} #bbtnset:after {content:""; display:block; clear:both;} #bbtnset .bb_left{ float:left; margin:0; padding:0; width:50%; text-align:left;} #bbtnset .bb_right{ float:right; margin:0; padding:0; width:50%; text-align:right;} /* view */ #oneViewSet {width:100%; height:auto; padding:0 0 0 0; text-align:left; border-top:#90c71c 3px solid; font-size:15px;} #oneViewSet:after {content:""; display:block; clear:both;} #oneViewSet .vsSubject{padding:20px 5px; font-size:20px; color:#242424; box-sizing:border-box; font-weight:600;} #oneViewSet .owTitle{float:left; width:15%; height:53px; line-height:53px; padding:0 0 0 0; border-top:#bfbfbf 1px solid; text-align:center; background-color:#ffffff; box-sizing:border-box;} #oneViewSet .owTitle span{ color:#666666; box-sizing:border-box;} #oneViewSet .owEssential{float:left; width:5%; height:53px; line-height:53px; color:#cccccc; border-top:#bfbfbf 1px solid; text-align:center; box-sizing:border-box; font-weight:200;} #oneViewSet .owValue{float:left; width:80%; height:53px; line-height:53px; border-top:#bfbfbf 1px solid; color:#666666; box-sizing:border-box; } #oneViewSet .owContent {float:left; width:80%; height:auto; padding:15px 0; border-top:#bfbfbf 1px solid; box-sizing:border-box; } #oneViewSet .owContent:after {content:""; display:block; clear:both;} #oneViewSet .owContent img{display:inline-block; width:auto\9 !important; width:auto !important; max-width:100%; height:auto !important; } /* #oneViewSet {padding:0 0 30px 0; border-bottom:#dddddd 1px solid;} #oneViewSet .vsSubject{padding:0 0 20px 5px; font-size:1.3em; color:#242424; box-sizing:border-box; font-weight:600; text-align:center;} #oneViewSet .vsCate{padding:7px 0; text-align:center; color:#666666;} #oneViewSet .vsName{padding:7px 0; text-align:left; color:#666666; font-size:0.9em; padding:10px 5px; box-sizing:border-box; border-top:#dddddd 1px solid; border-bottom:#dddddd 1px solid;} #oneViewSet .vsRecom{border-bottom:#dddddd 1px solid; color:#666666; margin:0 0 10px 0; font-size:0.8em; padding:10px 5px; box-sizing:border-box; text-align:left;} #oneViewSet .vsUpfile{background-color:#f5f5f5; height:auto; border:#efefef 1px solid; padding:10px; margin:10px 0; border-radius:2px; font-size:0.8em; box-sizing:border-box;} #oneViewSet .vsUpfile a{color:#666666;} #oneViewSet .vsUpfile ol {} #oneViewSet .vsUpfile ol li{line-height:180%; } #oneViewSet .vsUpfile:after {content:""; display:block; clear:both;} #oneViewSet .vsContent{width:100%; padding:10px 10px; word-wrap: break-word; word-break: keep-all;} #oneViewSet .vsContent img{display:inline-block; width:auto\9 !important; width:auto !important; max-width:100%; height:auto !important; } */ /* btnset_view */ #bbtnset_view { margin:0 0 30px 0; padding:30px 0; border-top:#dddddd 1px solid;} #bbtnset_view:after {content:""; display:block; clear:both;} #bbtnset_view .bb_left{ float:left; margin:0; padding:0; width:50%; text-align:left; } #bbtnset_view .bb_right{ float:right; margin:0; padding:0; width:50%; text-align:right;} /* prevnext */ #prevnext { margin:30px 0; padding:0; font-size:14px; } #prevnext:after {content:""; display:block; clear:both;} #prevnext .prev_left{ float:left; margin:0; padding:0; width:50%; text-align:left;} #prevnext .prev_left .prevTit { float:left; width:20%; height:50px; line-height:50px; border:#cccccc 1px solid; text-align:center; color:#666666; box-sizing:border-box;} #prevnext .prev_left .prevArticle { float:left; width:80%; height:50px; line-height:25px; padding:0 0 0 20px; box-sizing:border-box; border-right:#dddddd 1px solid;} #prevnext .prev_left .prevArticle a{ color:#666666; } #prevnext .next_right{ float:right; margin:0; padding:0; width:50%; text-align:right;} #prevnext .next_right .nextTit2 { float:right; width:20%; height:50px; line-height:50px; border:#cccccc 1px solid; text-align:center; color:#666666; box-sizing:border-box;} #prevnext .next_right .nextArticle2 { float:left; width:80%; height:50px; line-height:25px; padding:0 20px 0 0; box-sizing:border-box;} #prevnext .next_right .nextArticle2 a{ color:#666666; } /* input */ .essencialMark {font-size:14px; height:40px; line-height:40px; color:#666666; text-align:right; } .essencialMark span{color:#ff0000;} #oneInputSet {width:100%; height:auto; padding:0 0 0 0; text-align:left; border-top:#90c71c 3px solid; } #oneInputSet input {-webkit-appearance: none; border-radius:none;} #oneInputSet:after {content:""; display:block; clear:both;} #oneInputSet .oiTitle{float:left; font-weight: bold; width:20%; height:53px; line-height:40px; font-size:16px; padding:0 0 0 0; border-top:#bfbfbf 1px solid; text-align:center; background-color:#ffffff; box-sizing:border-box;} #oneInputSet .oiTitle span{font-size:12px; color:#666666; box-sizing:border-box;} #oneInputSet .oiEssential{float:left; width:5%; height:53px; line-height:53px; font-size:16px; color:#ff0000; border-top:#bfbfbf 1px solid; text-align:center; box-sizing:border-box; display:none;} #oneInputSet .oiValue{float:left; width:80%; height:53px; line-height:53px; border-top:#bfbfbf 1px solid; color:#666666; box-sizing:border-box; font-size:16px; } #oneInputSet .oiValue input[type="text"] {width:95%; height:33px; line-height:35px; padding:0 7px; border:#bfbfbf 1px solid; background-color:#fff; box-sizing:border-box; font-size:14px;} #oneInputSet .oiValue input[type="password"] {width:20%; height:33px; line-height:35px; padding:0 7px; border:#bfbfbf 1px solid; background-color:#fff; box-sizing:border-box; font-size:14px;} #oneInputSet .oiValue input[type="checkbox"] {vertical-align:-3px;} #oneInputSet .oiValue select {width:auto; height:33px; line-height:35px; padding:0 7px; border:#bfbfbf 1px solid; font-size:16px; } #oneInputSet .oiValue2{float:left; width:80%; height:53px; line-height:53px; border-top:#bfbfbf 1px solid; color:#666666; font-size:16px; font-weight:300;} #oneInputSet .oiValue2 input[type="text"] {width:50%; height:33px; line-height:35px; padding:0 7px; border:#bfbfbf 1px solid; background-color:#fff; box-sizing:border-box; font-size:14px;} #oneInputSet .oiValue3{float:left; width:80%; height:53px; line-height:53px; border-top:#bfbfbf 1px solid; color:#666666; } #oneInputSet .oiValue3 input[type="text"] {width:10%; height:33px; line-height:30px; padding:0 7px; border:#bfbfbf 1px solid; vertical-align:0px; background-color:#fff; font-size:14px; text-align:center; } #oneInputSet .oiValue4{float:left; width:80%; height:53px; height:53px; line-height:53px; border-top:#bfbfbf 1px solid; /*font-size:13px; */color:#666666; box-sizing:border-box; } /* 동영상 관련 */ #oneInputSet .oiValue4 textarea {width:90%; height:40px; border:#bfbfbf 1px solid; text-align:left; background-color:#ffffff; box-sizing:border-box; margin:5px 0; padding:0 7px; font-size:12px;} #oneInputSet .oiValue5{float:left; width:80%; height:53px; line-height:53px; border-top:#bfbfbf 1px solid; color:#666666;font-size:13px; font-weight:300; } #oneInputSet .oiValue5 input[type="text"] {width:55%; height:33px; line-height:30px; padding:0 7px; border:#bfbfbf 1px solid; vertical-align:0px; background-color:#fff; font-size:14px; text-align:left; } #oneInputSet .oiContent {float:left; width:80%; height:auto; padding:7px 0; border-top:#bfbfbf 1px solid; box-sizing:border-box; } #oneInputSet .oiContent textarea{width:100%; height:auto; margin:5px 0; padding:10px; font-weight:300; box-sizing:border-box; background-color:#fff; border:#bfbfbf 1px solid; font-family:inherit;} #oneInputSet .oiContent:after {content:""; display:block; clear:both;} #oneInputSet .oiFunction {width:100%; height:auto; padding:20px 15px ; border-top:#bfbfbf 1px solid; font-size:14px;} #oneInputSet .oiFunction input[type="checkbox"] {vertical-align:-3px;} #privacyBoardCheck {width:100%; height:auto; margin:0 0 10px; background-color:#ffffff; box-sizing:border-box; border-top:#bfbfbf 1px solid;} #privacyBoardCheck:after {content:""; display:block; clear:both;} #privacyBoardCheck .pbcTitle{float:left; width:30%; font-size:16px; color:#333333; font-weight:300; padding:15px 38px 15px 10px; box-sizing:border-box;} #privacyBoardCheck textarea{width:98%; height:150px; margin:10px 1% 0 1%; font-size:16px; color:#343434; padding:20px; border:#bfbfbf 1px solid; font-family:inherit; box-sizing:border-box; font-weight:300; } #privacyBoardCheck .pbcCheckbox{float:left; width:70%; font-size:16px; color:#333333; font-weight:300; padding:15px 10px 15px 38px; text-align:right; box-sizing:border-box;} #privacyBoardCheck:after {content:""; display:block; clear:both;} #privacyBoardCheck .clearline {content:""; display:block; clear:both; border-top:#bfbfbf 1px solid;} /*btnset*/ #bbtnset_input { margin:0 0 30px 0; padding:30px 0; border-top:#cccccc 1px solid; text-align:center;} #bbtnset_input:after {content:""; display:block; clear:both;} #bbtnset_input img{ width:auto; height:40px; } #bbtnset_input input { width:auto; height:40px; } /* password */ #onePassSet {width:80%; margin:50px auto; padding:0 0 50px 0; background-color:#ffffff; text-align:center;} #onePassSet .opIcon{margin:0; padding:0 0 10px 0; font-size:40px; color:#ffcc00;} #onePassSet .opMsg{margin:0; padding:0 0 10px 0; font-size:1.0em; color:#333333;} #onePassSet .opPw{margin:0; padding:0;} #onePassSet .opPw input[type="password"] {width:70%; height:40px; line-height:40px; padding:0 07px; border:#dddddd 1px solid; background-color:#ffffff; box-sizing:border-box; font-size:1.2em; text-align:center; -webkit-appearance:none; border-radius:0px;} #onePassSet .opBtnSet{margin:0; padding:20px 0;} /* 댓글 */ #commentList {width:100%; padding:1% 1% 0.5% 1%; background-color:#f5f5f5; box-sizing:border-box;} #commentList:after {content:""; display:block; clear:both;} #commentList .colArea{width:100%; height:auto; margin:0;line-height:30px; padding:0; box-sizing:border-box; background-color:#ffffff; box-shadow: 1px 1px 3px #cccccc;} #commentList .colArea:after {content:""; display:block; clear:both;} #commentList .colArea .colName{float:left; width:25%; font-size:1.0em; color:#424242; text-align:center; font-weight:600; margin:7px 0;} #commentList .colArea .colName p{font-size:11px; color:#999; text-align:center; font-weight:400; margin:0 0; line-height:180%;} #commentList .colArea .contArea {float:left; width:75%; font-size:13px; color:#666666; line-height:30px; margin:7px 0; border-left:#dddddd 1px solid; box-sizing:border-box; } #commentList .colArea .contArea .colWdate{font-size:0.8em; color:#666666; padding:0 0 0 20px; text-align:left;} #commentList .colArea .contArea .colWdate img{vertical-align:middle;} #commentList .colArea .contArea .colContent{width:100%; font-size:1.0em; color:#666666; padding:0 10px 0 20px; box-sizing:border-box; line-height:160%;} /* 댓글쓰기 */ #commentWrite {width:100%; padding:1% 1% 0.5% 1%; background-color:#ffffff; box-sizing:border-box;} #commentWrite:after {content:""; display:block; clear:both;} #commentWrite .cowArea{width:100%; height:auto; margin:0;padding:0; box-sizing:border-box; } #commentWrite .cowArea:after {content:""; display:block; clear:both;} #commentWrite .cowArea .contWArea {width:100%; font-size:13px; color:#666666; height:50px; line-height:50px; margin:0 0; box-sizing:border-box; background-color:#f5f5f5;} #commentWrite .cowArea .contWArea:after {content:""; display:block; clear:both;} #commentWrite .cowArea .contWArea .cowName{float:left; font-size:13px; color:#666666; padding:0 0 0 10px; text-align:left; height:30px; } #commentWrite .cowArea .contWArea .cowName input[type="text"] {width:100px; height:30px; border:#ffffff 1px solid; text-align:center; background-color:#ffffff; box-sizing:border-box; font-size:14px;-webkit-appearance:none; border-radius:0px;} #commentWrite .cowArea .contWArea .cowPass{float:left; font-size:13px; color:#666666; padding:0 0 0 10px; text-align:left; height:30px; } #commentWrite .cowArea .contWArea .cowPass input[type="password"] {width:100px; height:30px; border:#ffffff 1px solid; text-align:center; background-color:#ffffff; box-sizing:border-box; font-size:14px;-webkit-appearance:none; border-radius:0px;} #commentWrite .cowArea .contWArea .cowSpam{float:left; font-size:12px; color:#666666; padding:0 0 0 10px; text-align:left; height:30px; } #commentWrite .cowArea .contWArea .cowSpam input[type="text"] {width:80px; height:30px; border:#ffffff 1px solid; text-align:center; background-color:#ffffff; box-sizing:border-box; font-size:14px; margin:0 10px;-webkit-appearance:none; border-radius:0px;} #commentWrite .cowArea .cowContent{ float:left; width:85%; font-size:16px; color:#666666; text-align:left; font-weight:600; margin:0px 0;} #commentWrite .cowArea .cowContent textarea{width:100%; height:50px; border:#dddddd 1px solid; text-align:left; background-color:#ffffff; box-sizing:border-box; font-size:16px; margin:10px 0; padding:7px; -webkit-appearance:none; border-radius:0px;} #commentWrite .cowArea .cowContentBtn{float:left; width:15%; font-size:16px; color:#666666; text-align:left; font-weight:600; margin:10px 0; padding:0 0 0 7px; box-sizing:border-box;} #commentWrite .cowArea .cowContentBtn .cmSubmit {width:100%; height:50px; background-color:#333333; color:yellow; font-weight:600; font-size:14px; border:#000000 1px solid; cursor:pointer;} /* btnset */ .oneBtn-50px {display: inline-block; width: 50px; height: 24px; line-height: 24px; color: #333333; margin: 2px; background: #f5f5f5; text-align:center; text-decoration:none; font-size:11px; border:#dddddd 1px solid; letter-spacing:-1px;} /* 50px */ .oneBtn-50pxGr {display: inline-block; width: 50px; height: 24px; line-height: 24px; color: #ffffff; margin: 2px; background: #82be04; text-align:center; text-decoration:none; font-size:11px; border:#dddddd 1px solid; letter-spacing:-1px;} /* 50px */ .oneBtn-50pxBl {display: inline-block; width: 50px; height: 24px; line-height: 24px; color: #ffffff; margin: 2px; background: #555555; text-align:center; text-decoration:none; font-size:11px; border:#000000 1px solid; letter-spacing:-1px;} /* 35px */ .oneBtn-35px {display: inline-block; width: 35px; height: 24px; line-height: 24px; color: #333333; margin: 2px; background: #f5f5f5; text-align:center; text-decoration:none; font-size:11px; border:#dddddd 1px solid; letter-spacing:-1px;} /* 35px */ .oneBtn-35pxBl {display: inline-block; width: 35px; height: 24px; line-height: 24px; color: #ffffff; margin: 2px; background: #555555; text-align:center; text-decoration:none; font-size:11px; border:#000000 1px solid; letter-spacing:-1px;} /* 35px */ .oneBtn-15px {display: inline-block; width: 15px; height: 15px; line-height: 15px; color: #333333; margin: 2px; background: #f5f5f5; text-align:center; text-decoration:none; font-size:10px; border:#dddddd 1px solid; letter-spacing:-1px;} /* 15px */ .oneBtn-15pxRed {display: inline-block; width: 15px; height: 15px; line-height: 15px; color: #ffffff; margin: 2px; background: #ff0000; text-align:center; text-decoration:none; font-size:10px; border:#cc0000 1px solid; letter-spacing:-1px;} /* 15px red */ .oneBtn-15pxBl {display: inline-block; width: 15px; height: 15px; line-height: 15px; color: #ffffff; margin: 2px; background: #555555; text-align:center; text-decoration:none; font-size:10px; border:#dddddd 1px solid; letter-spacing:-1px;} /* 15px red */ } /*mobile*/ @media screen and (max-width:799px) { /* list */ #noticeBoardPD {margin:0; padding:0;} #onenoticeBoard table, tr, th, td { border-collapse: collapse; border-spacing: 0; border:0; } #onenoticeBoard { margin:0; padding:0; border:0; width:100%; } #onenoticeBoard .th_tline { border-top:#333333 2px solid;border-bottom:#333333 1px solid; padding:15px 0; background-color:#ffffff; /*height:50px; line-height:50px; */font-size:14px;} #onenoticeBoard .td_cont { color:#424242; border-bottom:#dedede 1px solid; padding:10px 0; /*height:40px; line-height:40px; */font-size:1.0em;} #onenoticeBoard .td_cont a{ color:#424242; font-weight:600;} #onenoticeBoard .td_cont img{ padding:3px 5px;} #onenoticeBoard .td_subject {/*word-wrap: break-word; word-break: keep-all; */ overflow: hidden; text-overflow: ellipsis;} #onenoticeBoard .textleft{ text-align:left; } .textcenter table{ width:auto; margin:0 auto; text-align:center; } .answOk {width:70%; height:25px; line-height:25px; background-color:#318ff9; color:#ffffff; text-align:center; font-size:12px; border-radius:3px; margin:0 auto;} .answReady {width:70%; height:25px; line-height:25px; background-color:#efefef; color:#999999; text-align:center; font-size:12px; border-radius:3px; margin:0 auto;} caption { display:none;} .td_name, .td_wdate, .td_count, .td_recom, .td_no {text-align:center;} .td_wdate, .td_count, .td_recom {display:none;} .td_state {width:25%;} /* 검색창 */ .searchForm {width:100%; background-color:#ffffff; margin:20px 0; padding:20px 0; border:#ffffff 1px solid;} .searchForm:after {content:""; display:block; clear:both;} .searchForm .sfArea{width:95%; margin:0 auto;} .searchForm .sfArea:after {content:""; display:block; clear:both;} .searchForm .sfArea .sAreaSelect{width:30%; float:left;} .searchForm .sfArea .sAreaSelect select{width:98%; height:25px; line-height:25px; border:#dddddd 1px solid;} .searchForm .sfArea .sAreaInput{width:50%; float:left;} .searchForm .sfArea .sAreaInput input{width:98%; height:25px; line-height:25px; padding:0 7px; border:#dddddd 1px solid; box-sizing:border-box; -webkit-appearance:none; border-radius:0px;} .searchForm .sfArea .sAreaBtn{width:20%; float:left; text-align:right;} .searchForm .sfArea .sAreaBtn button { width:100%; height:25px; line-height:25px; background-color:#333333; color:#ffffff; display:inline-block; text-align:center; border-radius: 2px; font-size:11px;margin:0 0 0 0; border:none;} /*btnset*/ #bbtnset { margin:30px 0; padding:30px 0; border-top:#dddddd 1px solid;} #bbtnset:after {content:""; display:block; clear:both;} #bbtnset .bb_left{ float:left; margin:0; padding:0; width:50%; text-align:left;} #bbtnset .bb_right{ float:right; margin:0; padding:0; width:50%; text-align:right;} /* view */ #oneViewSet {width:100%; height:auto; padding:0 0 0 0; text-align:left; border-top:#90c71c 3px solid; font-size:0.9em;} #oneViewSet:after {content:""; display:block; clear:both;} #oneViewSet .vsSubject{padding:20px 5px; font-size:1.1em; color:#242424; box-sizing:border-box; font-weight:600;} #oneViewSet .owTitle{float:none; width:100%; height:53px; line-height:53px; padding:0 0 0 0; border-top:#bfbfbf 1px solid; font-weight:600; text-align:left; background-color:#ffffff; box-sizing:border-box; color:#333;} #oneViewSet .owTitle span{ color:#666666; box-sizing:border-box;} #oneViewSet .owEssential{float:left; width:5%; height:auto; line-height:auto; color:#cccccc; /*border-top:#bfbfbf 1px solid;*/ text-align:center; box-sizing:border-box; font-weight:200; display:none;} #oneViewSet .owValue{float:none; width:100%; height:auto; padding:0 0 15px 0; line-height:160%; /*border-top:#bfbfbf 1px solid;*/ color:#333; box-sizing:border-box; } #oneViewSet .owContent {float:none; width:100%; height:auto; padding:0 0 15px 0; line-height:150%; /*border-top:#bfbfbf 1px solid; */box-sizing:border-box; color:#666666;} #oneViewSet .owContent:after {content:""; display:block; clear:both;} #oneViewSet .owContent img{display:inline-block; width:auto\9 !important; width:auto !important; max-width:100%; height:auto !important; } /* #oneViewSet {padding:0 0 30px 0; border-bottom:#dddddd 1px solid;} #oneViewSet .vsSubject{padding:0 10px 20px 10px; font-size:1.1em; color:#242424; box-sizing:border-box; font-weight:600; text-align:center;} #oneViewSet .vsCate{padding:7px 0; text-align:center; color:#666666;} #oneViewSet .vsName{padding:7px 0; text-align:left; color:#666666; font-size:0.9em; padding:10px 5px; box-sizing:border-box; border-top:#dddddd 1px solid; border-bottom:#dddddd 1px solid;} #oneViewSet .vsRecom{border-bottom:#dddddd 1px solid; color:#666666; margin:0 0 10px 0; font-size:0.8em; padding:10px 5px; box-sizing:border-box;text-align:left;} #oneViewSet .vsUpfile{background-color:#f5f5f5; height:auto; border:#efefef 1px solid; padding:10px; margin:10px 0; border-radius:2px; font-size:0.8em; box-sizing:border-box;} #oneViewSet .vsUpfile a{color:#666666;} #oneViewSet .vsUpfile ol {} #oneViewSet .vsUpfile ol li{line-height:180%; } #oneViewSet .vsUpfile:after {content:""; display:block; clear:both;} #oneViewSet .vsContent{width:100%; padding:10px 10px; word-wrap: break-word; word-break: keep-all;} #oneViewSet .vsContent img{display:inline-block; width:auto\9 !important; width:auto !important; max-width:100%; height:auto !important; } #oneViewSet .ytbiframe {position:relative; width:100%; } #oneViewSet .ytbiframe iframe {width:auto\9 !important; width:auto !important; max-width:100%; height:auto !important;} */ /* btnset_view */ #bbtnset_view { margin:0 0 30px 0; padding:30px 0; border-top:#dddddd 1px solid;} #bbtnset_view:after {content:""; display:block; clear:both;} #bbtnset_view .bb_left{ float:left; margin:0; padding:0; width:25%; text-align:left; } #bbtnset_view .bb_right{ float:right; margin:0; padding:0; width:75%; text-align:right;} /* prevnext */ #prevnext { margin:30px 0; padding:0; font-size:0.8em; } #prevnext:after {content:""; display:block; clear:both;} #prevnext .prev_left{ float:left; margin:0; padding:0; width:50%; text-align:left;} #prevnext .prev_left .prevTit { float:left; width:10%; height:50px; line-height:50px; border:#cccccc 1px solid; text-align:center; color:#666666; box-sizing:border-box;} #prevnext .prev_left .prevTit span{ display:none;} #prevnext .prev_left .prevArticle { float:left; width:90%; height:50px; line-height:25px; padding:0 0 0 20px; box-sizing:border-box; border-right:#dddddd 1px solid;} #prevnext .prev_left .prevArticle a{ color:#666666; } #prevnext .next_right{ float:right; margin:0; padding:0; width:50%; text-align:right;} #prevnext .next_right .nextTit2 { float:right; width:10%; height:50px; line-height:50px; border:#cccccc 1px solid; text-align:center; color:#666666; box-sizing:border-box;} #prevnext .next_right .nextTit2 span{ display:none;} #prevnext .next_right .nextArticle2 { float:left; width:90%; height:50px; line-height:25px; padding:0 20px 0 0; box-sizing:border-box;} #prevnext .next_right .nextArticle2 a{ color:#666666; } /* input */ .essencialMark {font-size:14px; height:40px; line-height:40px; color:#666666; text-align:right; } .essencialMark span{color:#ff0000;} #oneInputSet {width:100%; height:auto; padding:0 0 0 0; text-align:left; border-top:#90c71c 3px solid; font-size:14px;} #oneInputSet input, textarea {-webkit-appearance: none; border-radius:none;} #oneInputSet:after {content:""; display:block; clear:both;} #oneInputSet .oiTitle{float:none; font-weight: bold; width:100%; height:auto; padding:20px 0 10px 0; margin:0; text-align:left; background-color:#ffffff; box-sizing:border-box; clear:both;} #oneInputSet .oiTitle span{ color:#666666; box-sizing:border-box;} #oneInputSet .oiEssential{float:left; width:5%; height:53px; line-height:53px; color:#ff0000; border-top:#bfbfbf 1px solid; text-align:center; box-sizing:border-box; display:none;} #oneInputSet .oiValue{float:none; width:100%; height:auto; color:#666666; box-sizing:border-box; } #oneInputSet .oiValue input[type="text"] {width:95%; height:30px; line-height:30px; padding:0 7px; margin:0; border:#bfbfbf 1px solid; background-color:#fff; box-sizing:border-box; } #oneInputSet .oiValue input[type="password"] {width:20%; height:30px; line-height:30px; padding:0 7px; border:#bfbfbf 1px solid; background-color:#fff; box-sizing:border-box; } #oneInputSet .oiValue input[type="checkbox"] {vertical-align:-3px;} #oneInputSet .oiValue select {width:auto; height:33px; line-height:35px; padding:0 7px; border:#bfbfbf 1px solid; } #oneInputSet .oiValue2{float:none; width:100%; height:auto; color:#666666; margin:0; font-weight:300; box-sizing:border-box;} #oneInputSet .oiValue2 input[type="text"] {width:95%; height:30px; line-height:30px; padding:0 7px; border:#bfbfbf 1px solid; background-color:#fff; box-sizing:border-box; } #oneInputSet .oiValue3{float:none; width:100%; height:auto; color:#666666;margin:0;box-sizing:border-box; } #oneInputSet .oiValue3 input[type="text"] {width:15%; height:30px; line-height:30px; padding:0 7px; border:#bfbfbf 1px solid; vertical-align:0px; background-color:#fff; text-align:center; } #oneInputSet .oiValue4{float:none; width:100%; height:auto; color:#666666; margin:0;box-sizing:border-box; } /* 동영상 관련 */ #oneInputSet .oiValue4 textarea {width:95%; height:40px; border:#bfbfbf 1px solid; text-align:left; background-color:#ffffff; box-sizing:border-box; margin:5px 0; padding:0 7px; } #oneInputSet .oiValue5{float:none; width:100%; height:auto; color:#666666; margin:0;font-weight:300; box-sizing:border-box;} #oneInputSet .oiValue5 span{display:block;} #oneInputSet .oiValue5 input[type="text"] {width:95%; height:30px; line-height:30px; padding:0 7px; border:#bfbfbf 1px solid; vertical-align:0px; background-color:#fff; text-align:left; box-sizing:border-box;} #oneInputSet .oiContent {float:none; width:100%; height:auto; padding:7px 0; margin:0;box-sizing:border-box; } #oneInputSet .oiContent textarea{width:100%; height:auto; margin:5px 0; padding:10px; font-weight:300; box-sizing:border-box; background-color:#fff; border:#bfbfbf 1px solid; font-family:inherit; font-size:0.9em; } #oneInputSet .oiContent:after {content:""; display:block; clear:both;} #oneInputSet .oiFunction {width:100%; height:auto; padding:20px 15px ; border-top:#bfbfbf 1px solid; } #oneInputSet .oiFunction input[type="checkbox"] {vertical-align:-3px;} #privacyBoardCheck {width:100%; height:auto; margin:10px 0 10px; background-color:#ffffff; box-sizing:border-box; border-top:#bfbfbf 1px solid; font-size:12px;} #privacyBoardCheck:after {content:""; display:block; clear:both;} #privacyBoardCheck .pbcTitle{float:none; width:100%; color:#333333; font-weight:500; padding:15px 8px 0 10px; box-sizing:border-box;} #privacyBoardCheck textarea{width:98%; height:150px; margin:10px 1% 0 1%; color:#343434; padding:20px; border:#bfbfbf 1px solid; font-family:inherit; box-sizing:border-box; font-weight:300; } #privacyBoardCheck .pbcCheckbox{float:none; width:100%; color:#333333; font-weight:300; padding:5px 10px; text-align:left; box-sizing:border-box;} #privacyBoardCheck:after {content:""; display:block; clear:both;} #privacyBoardCheck .clearline {content:""; display:block; clear:both; border-top:#bfbfbf 1px solid;} /*btnset*/ #bbtnset_input { margin:0 0 30px 0; padding:30px 0; border-top:#cccccc 1px solid; text-align:center; } #bbtnset_input:after {content:""; display:block; clear:both;} #bbtnset_input img{ width:auto; height:40px; } #bbtnset_input input { width:auto; height:40px; } /* password */ #onePassSet {width:80%; margin:50px auto; padding:0 0 50px 0; background-color:#ffffff; text-align:center;} #onePassSet .opIcon{margin:0; padding:0 0 10px 0; font-size:40px; color:#ffcc00;} #onePassSet .opMsg{margin:0; padding:0 0 10px 0; font-size:1.0em; color:#333333;} #onePassSet .opPw{margin:0; padding:0;} #onePassSet .opPw input[type="password"] {width:70%; height:40px; line-height:40px; padding:0 07px; border:#dddddd 1px solid; background-color:#ffffff; box-sizing:border-box; font-size:1.2em; text-align:center;-webkit-appearance:none; border-radius:0px;} #onePassSet .opBtnSet{margin:0; padding:20px 0;} /* 댓글 */ #commentList {width:100%; padding:1% 1% 0.5% 1%; background-color:#ffffff; box-sizing:border-box; } #commentList:after {content:""; display:block; clear:both;} #commentList .colArea{width:100%; height:auto; margin:0;line-height:30px; padding:0; box-sizing:border-box; background-color:#ffffff; border:#dddddd 1px solid;/*box-shadow: 1px 1px 3px #cccccc;*/} #commentList .colArea:after {content:""; display:block; clear:both;} #commentList .colArea .colName{float:left; width:30%; font-size:1.0em; color:#424242; text-align:center; font-weight:600; margin:7px 0;} #commentList .colArea .colName p{font-size:11px; color:#999; text-align:center; font-weight:400; margin:0 0; line-height:180%;} #commentList .colArea .contArea {float:left; width:70%; font-size:13px; color:#666666; line-height:30px; margin:7px 0; border-left:#dddddd 1px solid; box-sizing:border-box; } #commentList .colArea .contArea .colWdate{font-size:0.8em; color:#666666; padding:0 0 0 20px; text-align:left;} #commentList .colArea .contArea .colWdate img{vertical-align:middle;} #commentList .colArea .contArea .colContent{width:100%; font-size:1.0em; color:#666666; padding:0 10px 0 20px; box-sizing:border-box; line-height:160%;} /* 댓글쓰기 */ #commentWrite {width:100%; padding:2%; background-color:#ffffff; box-sizing:border-box;} #commentWrite:after {content:""; display:block; clear:both;} #commentWrite .cowArea{width:100%; height:auto; margin:0; padding:0; box-sizing:border-box; } #commentWrite .cowArea:after {content:""; display:block; clear:both;} #commentWrite .cowArea .contWArea {width:100%; font-size:13px; color:#666666; height:auto; margin:0 0; padding:2% 1%; box-sizing:border-box; background-color:#f5f5f5;} #commentWrite .cowArea .contWArea:after {content:""; display:block; clear:both;} #commentWrite .cowArea .contWArea .cowName{width:100%; font-size:0.9em; color:#666666; padding:0 0 0 10px; text-align:left; height:30px; margin:10px 0;box-sizing:border-box; } #commentWrite .cowArea .contWArea .cowName input[type="text"] {width:50%; height:25px; line-height:25px; margin:0 0 0 10px; border:#dddddd 1px solid; background-color:#ffffff; box-sizing:border-box; font-size:0.9em;-webkit-appearance:none; border-radius:0px;} #commentWrite .cowArea .contWArea .cowPass{width:100%; font-size:0.9em; color:#666666; padding:0 0 0 10px; text-align:left; height:30px; margin:10px 0;box-sizing:border-box; } #commentWrite .cowArea .contWArea .cowPass input[type="password"] {width:50%; height:25px; line-height:25px; margin:0 0 0 10px; border:#dddddd 1px solid; background-color:#ffffff; box-sizing:border-box; font-size:0.9em;-webkit-appearance:none; border-radius:0px;} #commentWrite .cowArea .contWArea .cowSpam{width:100%; font-size:0.9em; color:#666666; padding:0 0 0 10px; text-align:left; height:30px; line-height:25px; display:block; margin:10px 0;box-sizing:border-box; } #commentWrite .cowArea .contWArea .cowSpam input[type="text"] {width:30%; height:25px; line-height:25px; margin:0 0 0 10px; border:#dddddd 1px solid; background-color:#ffffff; box-sizing:border-box; font-size:0.9em; margin:0 10px;-webkit-appearance:none; border-radius:0px;} #commentWrite .cowArea .cowContent{ float:left; width:100%; font-size:16px; color:#666666; text-align:left; font-weight:600; margin:0px 0;} #commentWrite .cowArea .cowContent textarea{width:100%; height:70px; border:#dddddd 1px solid; text-align:left; background-color:#ffffff; box-sizing:border-box; font-size:16px; margin:10px 0 0 0; padding:0 7px; -webkit-appearance:none; border-radius:0px;} #commentWrite .cowArea .cowContentBtn{float:left; width:100%; font-size:16px; color:#666666; text-align:left; font-weight:600; margin:10px 0; padding:0 0 0 0; box-sizing:border-box;} #commentWrite .cowArea .cowContentBtn .cmSubmit {width:100%; height:40px; background-color:orange; color:#ffffff; font-weight:600; font-size:0.9em; border:orange 1px solid; cursor:pointer;} /* btnset */ .oneBtn-50px {display: inline-block; width: 50px; height: 24px; line-height: 24px; color: #333333; margin: 2px; background: #f5f5f5; text-align:center; text-decoration:none; font-size:11px; border:#dddddd 1px solid; letter-spacing:-1px;} /* 50px */ .oneBtn-50pxGr {display: inline-block; width: 50px; height: 24px; line-height: 24px; color: #ffffff; margin: 2px; background: #82be04; text-align:center; text-decoration:none; font-size:11px; border:#dddddd 1px solid; letter-spacing:-1px;} /* 50px */ .oneBtn-50pxBl {display: inline-block; width: 50px; height: 24px; line-height: 24px; color: #ffffff; margin: 2px; background: #555555; text-align:center; text-decoration:none; font-size:11px; border:#000000 1px solid; letter-spacing:-1px;} /* 35px */ .oneBtn-35px {display: inline-block; width: 35px; height: 24px; line-height: 24px; color: #333333; margin: 2px; background: #f5f5f5; text-align:center; text-decoration:none; font-size:11px; border:#dddddd 1px solid; letter-spacing:-1px;} /* 35px */ .oneBtn-35pxBl {display: inline-block; width: 35px; height: 24px; line-height: 24px; color: #ffffff; margin: 2px; background: #555555; text-align:center; text-decoration:none; font-size:11px; border:#000000 1px solid; letter-spacing:-1px;} /* 35px */ .oneBtn-15px {display: inline-block; width: 15px; height: 15px; line-height: 15px; color: #333333; margin: 2px; background: #f5f5f5; text-align:center; text-decoration:none; font-size:10px; border:#dddddd 1px solid; letter-spacing:-1px;} /* 15px */ .oneBtn-15pxRed {display: inline-block; width: 15px; height: 15px; line-height: 15px; color: #ffffff; margin: 2px; background: #ff0000; text-align:center; text-decoration:none; font-size:10px; border:#cc0000 1px solid; letter-spacing:-1px;} /* 15px red */ .oneBtn-15pxBl {display: inline-block; width: 15px; height: 15px; line-height: 15px; color: #ffffff; margin: 2px; background: #555555; text-align:center; text-decoration:none; font-size:10px; border:#dddddd 1px solid; letter-spacing:-1px;} /* 15px red */ }