@charset "utf-8";
@import url('popup.css');

body,
input[type='text'],
input[type='file'],
select,
textarea,
button {font-family:'Noto Sans KR', sans-serif;}


.fcPoint {color: #7a5a45 !important;} /* 갈색 */


/* 버튼 및 Form 태그 */
input[type=text],
input[type=password],
input[type=file] {width:auto;height: 18px;padding:2px 10px}

input[type="radio"], input[type="checkbox"] {margin-top: 8px;}


.btnArea {padding-top: 40px;text-align: center;}
.btnArea > * {margin-left: 20px;}
.btnArea > *:first-child {margin-left: 0;}

.btn a,
.btn input,
.btn button {display:inline-block;text-decoration:none;cursor:pointer;height:34px;padding:0 10px 4px;font-size:16px;line-height: 20px;border:1px solid #ccc;vertical-align:top;background-repeat: no-repeat;}

.btn a {height:19px;line-height:19px;padding:5px 10px 8px;}

/* 보라색 */		/*.btnDef {background-color:#553497 !important;border-color:#553497 !important;color:#fff !important;}*/
/* 네이비 */		.btnDef {background-color:#28458C !important;border-color:#28458C !important;color:#fff !important;}
/* 연남색 */		.btnPoint {background-color:#5f6273 !important;border-color:#5f6273 !important;color:#fff !important;}
/* 회색 */			.btnGrey {background-color:#656565 !important;border-color:#656565 !important;color:#fff !important;}
/* 검정색 */		.btnLGrey {background-color:#333333 !important;border-color:#333333 !important;color:#fff !important;}
/* 빨강색 */		.btnLRed {background-color:#D50000 !important;border-color:#F90000 !important;color:#fff !important;}



/* border+ 연갈색 */			.btnBdDef {background-color:#fff !important;border-color:#7f6e6a !important;color:#7f6e6a !important;}
/* border+ 연남색 */			.btnBdPoint {background-color:#fff !important;border-color:#5f6273 !important;color:#5f6273 !important;}
/* border+ 회색 */				.btnBdGrey {background-color:#fff !important;border-color:#656565 !important;color:#656565 !important;}




span.btn {display: inline-block;vertical-align: top;}
table span.btn {vertical-align: middle;}

.btn .btnBig {height: 50px;padding: 0 30px 4px;font-size: 16px;}
.btn a.btnBig {height: 1.2em;line-height: 1.2em;padding: 13px 55px 15px;}

.btn .btnSmall {font-size: 12px;height: 27px;padding:0 16px;}
.btn .btnSmall1 {font-size: 12px;height: 27px;padding:0 16px;}
.btn a.btnSmall {height: 19px;padding: 2px 10px 2px;}
.btn a.btnSmall i {padding-top: 2px;}

table.inputTbl .btnSmall {height:30px;padding:0 10px;}
table.inputTbl a.btnSmall {height: 17px;line-height: 17px;padding:5px 10px 6px;}
table.inputTbl a.btnSmall i {padding-top: 4px;}

.btn .withIcon {position:relative;padding-left:2.5em !important;}
.btn .withIcon i {position:absolute;left:0.8em;top:50%;font-size:1em;margin-top:-0.5em;}

.btn .withIcon_r {position:relative;padding-right:2.5em !important;}
.btn .withIcon_r i {position:absolute;right:0.8em;top:50%;font-size:1em;margin-top:-0.5em;}

a.trigger {position: relative;}
a.trigger i {position: absolute;right: 10px;top: 50%;margin-top: -0.5em;}


.btn a i {padding-top: 3px;}



/* 테이블 디자인 */
table.tblDef {border-top:1px solid #978b88;border-bottom:1px solid #c9c9c9;}
table.tblDef > * > tr > th,
table.tblDef > * > tr > td,
table.innerTbl > * > tr > th,
table.innerTbl > * > tr > td {padding:10px 0;border-left:1px solid #c9c9c9;border-top:1px solid #c9c9c9;text-align:center;color: #555;}
table.tblDef > thead > tr:first-child > *,
table.innerTbl > thead > tr:first-child > * {border-top: 0 none;}

table.tblDef > * > tr > *:first-child {border-left: 0 none;}
table.tblDef .bdLeft {border-left: 1px solid #c9c9c9 !important;}


table.tblDef > * > tr > th,
table.innerTbl > * > tr > th {background-color: #f5f5f5;color: #222;}
table.tblDef > thead > tr > th {}


table.tblDef .al {padding: 10px;text-align: left !important;}

table.ac th,
table.ac td {text-align: center !important;}

table.listTbl th,
table.listTbl td {padding: 5px;text-align: center;font-size: 12px;}

table.inputTbl {}
table.tblDef > * > tr > td {padding: 10px;text-align: left;}
table.tblDef_1 > * > tr > td {padding: 10px;text-align: center;}


table.inputTbl > * > tr > th,
table.inputTbl > * > tr > td {padding: 5px;}
table.inputTbl .label,
table.inputTbl > * > tr > th label {padding-left: 0;}
table.inputTbl .multi > *,
table.inputTbl .email > *,
table.inputTbl .phone > * {}

table.inputTbl td.padding0 {border-left: 0 none;}

select {height: 30px;}
textarea {padding: 5px;}

table.inputTbl th {line-height: 1.2;}
table.inputTbl td.email input[type="text"]:first-child {width: 210px;}
table.inputTbl td.email span.clear,
table.inputTbl .note {padding-top: 5px;color: #e91e5c;font-size: 0.8em;}

div.selectFile {overflow:hidden;}
div.selectFile p {float:left;}
div.selectFile p input[type=text] {height: 23px;padding:2px 10px 3px;}
div.selectFile p.withIcon {position: relative;width:66px;height:30px;background-color:#393939;color: #fff;text-align: center;cursor:hand;}
div.selectFile p.withIcon i {position: absolute;left: 50%;top: 50%;font-size: 1em;margin: -0.5em 0 0 -0.5em;}
div.selectFile p.withIcon input {position: absolute;left: 0;top: 0;width:100%;height:100%;padding: 0;border: 0 none;cursor:hand;}


s
/* 레이아웃 */
div.wrapper {min-width:1094px;position: relative;font-size: 16px;line-height: 1.4;background: url('../image/headerBg.jpg') 0 90px repeat-x;}

div#headerWrap {z-index: 99 !important;position: relative;width: 1094px;height: 52px;margin: 0 auto;padding-top: 90px;}
div#headerWrap a {display: block;text-decoration: none;}

div#headerWrap h1 {position: absolute;left: 24px;top: 25px;margin: 0;}


ul#gnb {position: relative;height: 52px; /*background: url('../image/gnbBg.jpg') center top no-repeat;*/ background-color: #93b502;}
ul#gnb li {}
ul#gnb a {color: #fff;line-height: 1.4em;}

ul#gnb > li {float: left;width: 148px;background: url('../image/gnb_bar.png') left center no-repeat;}
ul#gnb > li:first-child {background: none;}
ul#gnb > li.wide{width: 202px;}
ul#gnb > li > a {padding: 13px 0 14px;font-size: 18px;text-align: center;}

ul#gnb ul {display: none;position: absolute;top: 52px;padding: 12px 0;background: rgba(0,0,0,.8);}
ul#gnb ul li {padding: 5px 20px 0;}
ul#gnb ul a:hover,
ul#gnb ul a:focus {text-decoration: underline;}


ul.headerUtil, ul.headerUtil li {margin: 0;padding: 0;list-style:none;}
ul.headerUtil {position: absolute;right: 0;top: 36px;padding-right: 162px !important;}
ul.headerUtil li,
ul.headerUtil li > *  {float: left;}
ul.headerUtil li:before {float: left;display: block;content: "|";padding: 0 5px;}
ul.headerUtil li:first-child:before,
ul.headerUtil li.siteHome:before {content: "";padding: 0;}
ul.headerUtil a {padding: 4px 0 0;color: #000;font-size: 12px;}

ul.headerUtil .siteHome {position: absolute;right: 0;top: 50%;margin-top: -14px;}
ul.headerUtil .siteHome a {width: 145px;border-radius:2px;padding: 5px 0;text-align: center;color: #fff;background-color: #35487c;}


div.wsInfo * {margin: 0;padding: 0;list-style:none;}
div.wsInfo {position: relative;height: 290px;background: url('../image/wsInfo.png') center top no-repeat;}
div.wsInfo dl.info > dt, .wsInfo dl.info > dd  {height: 0;font-size: 0;line-height: 0;text-indent: -10000px;}

div.wsInfo dl.dDay {position: absolute;left: 50%;bottom:0;width: 128px;height: 98px;margin-left: 347px;padding: 11px 35px;border-radius:2px;color: #fff;font-size: 14px;text-align: center;background-color: rgba(0,0,0,.6);}
div.wsInfo dl.dDay span {display: block;margin-top: 10px;padding-top: 5px;border-top: 1px solid rgba(255,255,255,.2);font-weight: bold;color: #ffff00;font-size: 36px;line-height: 40px;letter-spacing:-1px;}

div#footerWrap * {margin: 0;padding: 0;list-style:none;}
div#footerWrap {padding: 20px 0 24px;text-align: center;background-color: #3e3e3e;font-size: 12px;font-family: 'Malgun Gothic', sans-serif;}
div#footerWrap, div#footerWrap a {color: #898989;text-decoration: none;}
div#footerWrap li {display: inline-block;padding-left: 10px;}
div#footerWrap li:first-child {padding-left: 0;}

div#container {position: relative;width: 824px;min-height:400px;padding-left: 270px;margin: 20px auto 50px;}


div.titArea, div.titArea * {margin: 0;padding: 0;list-style:none;}
div.titArea {position: relative;padding: 10px 0 25px;border-bottom: 1px solid #ddd;}
div.titArea h2 {color: #333;font-size: 28px;}
div.titArea p {position: absolute;right: 0;bottom: 5px;color: #666;font-size: 13px;}
div.titArea p img {padding:2px 2px 0 0;vertical-align: top;}

dl#lnb, dl#lnb * {margin: 0;padding: 0;list-style:none;}
dl#lnb {position: absolute;left: 0;top: 0;width: 230px;}
dl#lnb > dt {padding: 43px 0 44px;text-align: center; /*background: url('../image/lnb_titBg.jpg') 0 0 no-repeat;*/ background: linear-gradient(90deg,rgba(171, 205, 76, 1) 10%, rgba(202, 219, 122, 1) 90%); color: #fff;font-size: 22px;}
dl#lnb > dd li {border-bottom: 1px solid #ddd;}
dl#lnb a {display: block;padding: 17px 10px 17px 40px;color: #999;font-size: 16px;background: url('../image/lnb_bg.jpg') 14px 27px no-repeat;text-decoration: none;}
dl#lnb .on a {background-image: url('../image/lnb_bg_on.jpg');color: #562d0f;}

#goTop {position: absolute;left: 50%;bottom: 0;margin-left: 560px;}



/* Main */
div.main * {margin: 0;padding: 0;list-style:none;}
div.main div#footerWrap {background-color: #d8d8d8;}
div.main div#footerWrap, div.main div#footerWrap a {color: #3b3b3b;}


div.main div#container {width: 100%;padding: 0;margin: 0;}


div.main div.contents {width: 1094px;margin: 20px auto 40px;}
div.main div.contents:after {clear: both;display: block;height: 0;line-height: 0;font-size: 0;content: ".";}
div.main div.contents a {display: block;text-decoration: none;}

div.main ul.dateInfo {float: left;width: 600px;}
div.main ul.dateInfo li {float: left;position: relative;width: 200px;height: 74px;padding-top: 116px; padding-bottom:10px; text-align: center;color: #fff;font-size: 16px;}
div.main ul.dateInfo span {position: absolute;left: 0;top: 0;width: 100%;padding: 36px 0 20px;font-size: 22px; font-weight: 600; background: url('../image/dateInfo_bg.png') center bottom no-repeat;}


div.main dl.mainInfo {float: right;width: 484px;}
div.main dl.mainInfo > dt {padding: 10px 52px 10px 30px;color: #fff;background-color: #93b502; font-size: 18px;}
div.main dl.mainInfo > dd {position: relative;border: 1px solid #ddd;border-top: 0 none;}

div.main ul.mainBbs {height: 127px;padding: 25px 20px 0 30px;}
div.main ul.mainBbs li {position: relative;margin-top: 12px;padding:0 90px 0 15px;background: url('../image/bl_dot.png') 0 12px no-repeat;}
div.main ul.mainBbs li:first-child {margin-top: 0;}

div.main ul.mainBbs a {position:relative;overflow:hidden;display: inline-block;max-width:90%;padding-right: 20px;text-overflow:ellipsis;white-space:nowrap;color: #444;vertical-align: top;}
div.main ul.mainBbs a img {position: absolute;right: 0;top: 50%;margin-top: -7px;}
div.main ul.mainBbs span {position: absolute;right: 0;top: 50%;margin-top: -11px;color: #8a8a8a;}

div.main dl.mainInfo p.more {position: absolute;right: 0;top: -52px;}

div.main ul.quick {overflow: hidden;}
div.main ul.quick > li {float: left;width: 50%;}
div.main ul.quick a {position: relative;display: block;height: 27px;padding: 35px 90px 35px 20px;font-size: 18px;color: #333;}
div.main ul.quick > li:nth-child(1) a,
div.main ul.quick > li:nth-child(2) a {padding-bottom: 34px;border-bottom: 1px solid #ddd;}
div.main ul.quick > li:nth-child(even) a {border-left: 1px solid #ddd;}

div.main ul.quick img {position: absolute;right: 25px;top: 50%;margin-top: -29px;}

/*
div.main dl.organ {position: relative;border-top: 1px solid #c5c5c5;}
div.main dl.organ a {display: block;}
div.main dl.organ dt {position: absolute;left: 50%;top: 50%;margin: -9px 0 0 -547px;color: #3e3e3e;font-size: 12px;}
div.main dl.organ dd {width: 984px;height: 26px;padding:26px 0 26px 110px;margin: 0 auto;}
div.main dl.organ dd a {float: left;}
*/
div.main div.sponsorzone {position: relative;border-top: 1px solid #c5c5c5;}
div.main div.sponsorzone > dl {overflow: hidden;width: 1590px;margin: 20px auto;  text-align: center; }
div.main div.sponsorzone dt,
div.main div.sponsorzone dd {float: left;}
div.main div.sponsorzone dt {padding:0 30px 0 100px;color: #000;font-size: 12px;line-height: 52px;}
div.main div.sponsorzone dt:first-child {padding-left: 0;}
div.main div.sponsorzone dd a {float: left;margin-left: 0px;}
div.main div.sponsorzone dd a:first-child {margin-left: 0;}

div.contents {padding:30px 0 45px;font-size:15px;line-height:1.8;color:#4B5765;letter-spacing:-1px;}

.subTit, .pointTit {margin: 0;padding: 0;}

.subTit {margin: 50px 0 10px;padding-left: 25px;background: url('../image/subTit.png') 0 10px no-repeat;color: #333;font-size: 22px;line-height: 30px;font-weight: 400;}
.subTitBg {margin: 30px 0 10px;padding: 10px 20px;border: 1px solid #48495e;background-color: #f7f8fa;color: #222452;font-size: 16px;line-height: 20px;font-weight: 400;}
.pointTit {margin: 30px 0 10px;color: #9b5120;font-size: 18px;line-height: 24px;font-weight: 400;}
.boldTit {margin: 30px 0 10px;color: #333;font-size: 18px;line-height: 24px;font-weight: 400;}

.subTit:first-child, 
.subTitBg:first-child, 
.pointTit:first-child, 
.boldTit:first-child {margin-top: 0;}


ul.col2ea {overflow: hidden;}
ul.col2ea li {float: left;width: 50%;list-style:none;}
ul.overHidden,
div.contents ul.listDot {margin: 0;padding: 0;}
ul.overHidden li {margin: 0;padding: 0;list-style:none;}

div.contents ul.listDot > li,
div.contents .blDot {margin-top: 10px;padding:0 0 0 15px;background: url('../image/bl_dot.png') 0 10px no-repeat;list-style:none;}
div.contents ul.listDot > li:first-child,
div.contents .blDot:first-child {margin-top: 0;}

ul.txtintent10 li {padding-left:10px !important;text-indent:-10px;}
ul.txtintent10 li * {text-indent:0;}


ul.txtIndent20 > li,
.txtIndent20 {padding-left: 20px;text-indent: -20px;}
ul.txtIndent20 > li *,
.txtIndent20 * {text-indent: 0;}
ul.listBl > li, .blBullet,
ul.listBar > li, .blBar,
.blStar {position: relative;margin-top: 5px !important;padding-left: 1em !important;}

ul.listBl > li,
ul.listBar > li {line-height: 1.6em;}

ul.listBl > li:before, .blBullet:before,
ul.listBar > li:before, .blBar:before,
.blStar:before {position: absolute;left: 0;top: 0;}

ul.listBl > li:before, .blBullet:before {content: "· ";font-weight: bold;}
ul.listBar > li:before, .blBar:before {content: "- ";}
.blStar:before {content: "※";}

.ing {padding: 100px 0;text-align: center;}
.ing img {display: inline-block;vertical-align: top;}


.bdArea {padding:20px !important;border:1px solid #ddd;text-align:center;font-size:18px;font-weight:bold;background-color: #f8f8f8;}


ul.tabMenu, ul.tabMenu li {margin: 0;padding: 0;list-style:none;}
ul.tabMenu {overflow: hidden;}
ul.tabMenu li {float: left;width: 25%;}
ul.tabMenu a {display: block;padding: 15px 0 18px;border: 1px solid #ccc;border-left: 0 none;color: #535353;font-size: 16px;line-height: 18px;font-weight: 400;text-decoration: none;text-align: center;}
ul.tabMenu a.twoLine {padding: 6px 0 9px;}
ul.tabMenu li:first-child a {border-left: 1px solid #ccc;}
ul.tabMenu .on a {background-color: #5f636a;5f636a: #ccc;color: #fff;}

ul.menu02 > li {width: 50%;}
ul.menu05 > li {width: 20%;}


/* 로그인 */
div.loginArea, div.loginArea * {margin: 0;padding: 0;list-style:none;}
div.loginArea {width: 640px;padding: 50px;border: 1px solid #d8d8e3;margin: 0 auto;}
div.loginArea h3 {padding-bottom: 20px;margin-bottom: 30px;border-bottom: 1px solid #d8d8e3;font-size: 30px;line-height: 32px;color: #7a5a45;font-weight: 700;}
div.loginArea div.formArea {position: relative;padding: 10px 40px 5px 160px;background: url('../image/login_bg.png') 0 0 no-repeat;}
div.loginArea div.formArea dl {margin-bottom: 5px;}
div.loginArea div.formArea dd input {width: 298px;padding: 7px 10px 8px 20px;border: 1px solid #d8d8e3;color: #686868;}
div.loginArea div.formArea ul {overflow: hidden;padding-top: 3px;}
div.loginArea div.formArea li,
div.loginArea div.formArea li > * {float: left;}
div.loginArea div.formArea li {margin-left: 20px;}
div.loginArea div.formArea li:first-child {margin-left: 0;}
div.loginArea div.formArea li input {margin: 6px 5px 0 0;}
div.loginArea div.formArea p.btn {position: absolute;right:46px;top: 10px;width: 100px;height: 85px;}
div.loginArea div.formArea p.btn * {width: 100%;height: 100%;padding: 0;border: 0 none;background-color: #eb4800;color: #fff;text-align: center;}



/* 팝업 */
div.popupWrap, div.popupWrap * {margin: 0;padding: 0;list-style:none;}
div.popupWrap {position: relative;width:500px;border: 2px solid #7a5a45;}

div.popupWrap h1 {height: 30px;margin: 0;padding: 9px 50px 11px 15px;font-size:22px;line-height:30px;color:#fff;font-weight: 400;background-color: #7a5a45;}
div.popupWrap h1:before {content: "\f5e4";padding-right: 5px;font-weight: 900;font-family: "Font Awesome 5 Free" !important;}
div.popupWrap h1.ss:before {content: "\f3ee" !important;}

div.popupWrap div.popupCon {padding: 20px;}
div.popupWrap div.popupCon th, div.popupWrap div.popupCon td {font-size: 0.9em;}
div.popupWrap p.close {position: absolute;right: 0;top: 0;width: 50px;height: 50px;}
div.popupWrap p.close a {display: block;height: 30px;padding: 8px 0 12px;color: #fff;text-decoration: none;text-align: center;font-size: 22px;line-height: 30px;background-color:rgba(0,0,0,.7);}

div.popupWrap div.scrollArea {overflow-x: hidden;overflow-y: scroll;height: 300px;margin-top: 20px;}
div.popupWrap div.scrollArea th,
div.popupWrap div.scrollArea td {padding: 5px;}


div#poppupMembeSearch {}
div#poppupMembeSearch select {width: 90px;}


div#popupJudgeLogin {}
div#popupJudgeLogin h1:before {content: "\f13e";}

div#popupJudgeLogin div.popupCon {padding:40px;}
div#popupJudgeLogin p.note {text-align: center;font-size: 0.9em;}

div#popupJudgeLogin div.formArea {position: relative;margin-top: 20px;}
div#popupJudgeLogin div.formArea dl {margin-bottom: 5px;}
div#popupJudgeLogin div.formArea dd input {width: 283px;padding: 7px 10px 8px 20px;border: 1px solid #d8d8e3;color: #686868;}

div#popupJudgeLogin div.formArea p.btn {position: absolute;right:0;top: 0;width: 100px;height: 85px;}
div#popupJudgeLogin div.formArea p.btn * {width: 100%;height: 100%;padding: 0;border: 0 none;background-color: #eb4800;color: #fff;text-align: center;}

/* ========================================================================================================== */
/* ================================================ 검색 CSS ============================================== */
/* ========================================================================================================== */

div.searchArea dl, div.searchArea dt, div.searchArea dd, div.searchArea p {margin: 0;padding: 0;}
div.searchArea {position: relative;padding: 20px;background-color: #f2f2f2;}
div.searchArea .formArea {overflow: hidden;position: relative;padding-right: 55px;}
div.searchArea .formArea {}
div.searchArea .formArea dt,
div.searchArea .formArea dd {float: left;}
div.searchArea .formArea dt {width: 50px;font-weight: bold;line-height: 30px;text-align: center;font-size: 14px;}
div.searchArea .formArea dd input[type=text] {width: 248px;margin-left: 5px;}

div.searchArea .btnSearch {position: absolute;right: 20px;bottom: 20px;}

div.absSearch {position: relative;margin-top: 20px;padding:30px 100px 30px 20px;}
div.absSearch dl {overflow: hidden;}
div.absSearch dl dt, div.absSearch dl dd {float: left;}
div.absSearch dl dt {width: 120px;text-align:center;}
div.absSearch dl select {width: 150px;}

div.absSearch dl dd.clear {width: 694px;padding-top: 10px;}
div.absSearch dl dd.clear * {vertical-align: top;}
div.absSearch dl dd.clear input[type=text] {width: 545px;}
div.absSearch dl dd.clear select {width: 120px;}

div.searchArea .btn {position: absolute;right:20px;top: 30px;width: 80px;height: 70px;}
div.searchArea .btn * {width: 100%;height: 100%;padding: 0;border: 0 none;}

/* ========================================================================================================== */
/* ================================================ 게시판 공통 CSS ============================================== */
/* ========================================================================================================== */
ul.bbsNote {padding: 23px 30px 25px;border:1px solid #ddd;font-size:13px;line-height:25px;word-spacing:-1px;}

p.bbsBrief {overflow: hidden;padding: 30px 0 10px;}

table.bbs {border-right: 0 none;}
table.bbs > thead > tr > *,
table.bbs > tbody > tr > * {text-align: center;border-left: 0 none;}
table.bbs > thead > tr > * {background-color: #f3f3f3;}

table.bbs > tbody > tr > td.tit {text-align:left;}
/*table.bbs > tbody > tr > td.tit > a {display:inline-block; overflow:hidden;position:relative;text-overflow:ellipsis; white-space:nowrap; overflow:hidden;text-decoration: none;color: inherit;}*/
table.bbs > tbody > tr > td.tit > a {position:relative;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden;text-decoration: none;color: inherit;padding-right:20px;width:20px;}
table.bbs td.tit a > span {display: inline;}

table.bbs td.bg {border-top: 0 none;background-color: #7a5a45;color: #fff;}
table.bbs td img{max-width:95%; margin:5px auto;}

table.bbs td.tit a.new {padding-right:25px;}
table.bbs td.tit a.new img.new {position:absolute;right:0;top:50%;margin-top:-8px;}
table.bbs td.tit i {color: #2a8be3;font-size: 20px;}

table.bbs td.file,
table.bbs td.con {text-align:left;padding:6px 10px 7px;}

table.bbs td input[type=radio],
table.bbs td input[type=checkbox] {margin-left:15px;}
table.bbs td input[type=radio]:first-child,
table.bbs td input[type=checkbox]:first-child {margin-left:0;}
table.bbs td.pluginArea {padding:0 !important;text-align: left;}

table.bbs span.bullet {display:inline-block;height:24px;padding:0 5px;line-height:20px;text-align:center;color:#fff;}

table.bbs td.utilBtn span,
table.bbs td.utilBtn a {vertical-align: top;}


a.conLink img {vertical-align: middle;}
a.conLink:hover,
a.conLink:focus {color: #f00;}

ul.thumbList, ul.thumbList li {margin: 0;padding: 0;list-style:none;}
ul.thumbList {overflow: hidden;padding: 0 10px;border-top: 2px solid #09397d;background: url('/image/common/bbs_line.png') left bottom repeat-x;}
ul.thumbList a, ul.thumbList span {display: block;color:inherit;}
ul.thumbList > li {position: relative;float: left;width: 25%;padding: 20px 0;border-bottom: 1px solid #ccc;}
ul.thumbList > li > a {display: block;margin: 10px;text-decoration: none;}
ul.thumbList div.vodItem {margin: 10px;}

ul.thumbList img {display: block;width: 100%;}

ul.thumbList span.tit {position:relative;overflow:hidden;padding: 5px 0;text-overflow:ellipsis;white-space:nowrap;text-align: center;}
ul.thumbList span.con {text-align: center;}
ul.thumbList span.info {margin-top: 5px;text-align: right;font-size: 0.8em;color: #666;}
ul.thumbList .admin {position: absolute;left: 10px;bottom: 30px;overflow: hidden;}
ul.thumbList .admin a {float: left;margin-left: 5px;}
ul.thumbList .admin a:first-child {margin-left: 0;}
ul.thumbList .admin img {width: 18px;}


div#imageView {padding:20px 0;}
div#imageView img {display:block;max-width:100%;margin:0 auto;}

div#thumbList {width:800px;height:160px;margin:20px auto;overflow-x:hidden;overflow-y:auto;}
div#thumbList img {float:left;width:100px;height:70px;margin:10px 0 0 10px;cursor:pointer;}






/* 댓글 작성 */
div.reply {margin-top:45px;border-bottom:1px solid #e1e3e6;}
div.reply div.replyWrite {position:relative;overflow:hidden;height:98px;padding:0 155px 20px 0;}
div.reply div.replyWrite textarea {width:96%;height:76px;padding:10px 2%;margin: 0;}
div.reply div.replyWrite input[type=submit] {position:absolute;right:0;top:0;width:145px;height:98px;border:1px solid #b7b7b7;color:#666;background-color: #fff;}

dl.replyItem {position:relative;color:#666;}
div.reply > dl.replyItem {padding-top:10px;border-top:1px solid #d3d3d3;}
dl.replyItem dt,
dl.replyItem dd {padding:0 10px;}

dl.replyItem dt {font-weight:bold;}
dl.replyItem dt span {font-weight:normal;}

dl.replyItem dd.util {position:absolute;right:0;top:10px;padding:0;}
dl.replyItem dd.reply dd.util {right:-10px;}

dl.replyItem dd.util li {float: left;}
dl.replyItem dd.util li:before {content: "|";padding: 0 5px;}
dl.replyItem dd.util li:first-child:before {content: "";padding:0;}
dl.replyItem dd.util a {font-size:12px;color:#666;text-decoration: none;}

div.reply > dl.replyItem > dd.reply {border-top:1px solid #e1e3e6;}

div.reply dd.con {padding:10px;}
dl.replyItem dd.info {color:#2a8be3;}
dl.replyItem dd.reply,
dl.replyItem dd.write {padding:10px 10px 10px 27px;background:url('/image/icon/bbsBl_reply.gif') 5px 15px no-repeat;}

dl.replyItem dd.reply dt,
dl.replyItem dd.reply dd {padding:0;}

dl.replyItem dd.write div.replyWrite {padding-bottom:0;}
dl.replyItem dd.write div.replyWrite label {position:absolute;left:14px;top:5px;color:#2a8be3;}
dl.replyItem dd.write div.replyWrite textarea {width:96%;height:60px;padding:26px 2% 10px;}



/* 게시판 검색 */
div.bbsSearch {padding:16px 0;background-color:#f4f4f4;text-align:center;}
div.bbsSearch input,
div.bbsSearch select,
div.bbsSearch .btn {vertical-align:top;}
div.bbsSearch input[type=text] {width:300px;height: 24px;}
div.bbsSearch .btnSmall {height: 30px;font-size: 13px;vertical-align:top;background-color: #3e3e3e;color: #fff;border-color: #3e3e3e;}

div.bbsUtil {padding-top:30px;text-align: right;}
div.bbsUtil.btn * {min-width:90px;height:30px;font-size:15px;text-align: center;}
div.bbsUtil.btn a {height: auto;padding: 4px 0 5px;}





/* pager */
ul.pager {padding:30px 0;text-align:center;}
ul.pager li {display:inline;vertical-align: top;}
ul.pager li {margin-left:2px;}
ul.pager li:first-child {margin-left:0;}
ul.pager img {display:inline;width: 100%;vertical-align: top;}

ul.pager a {display: inline-block;width: 28px;border:0 none;padding: 3px 0 5px;vertical-align: top;font-size: 14px;line-height:20px;text-decoration: none;color: #303030;text-align: center;}

ul.pager .first a,
ul.pager .prev a,
ul.pager .next a,
ul.pager .last a {display:inline-block;width: 28px;padding:0;}

ul.pager a.btnDef,
ul.pager a.on {background-color: #868686;color: #fff;text-align: center;}
ul.pager a img {vertical-align: top;}





p.SSBar{margin: 0px; line-height: 40px; font-size: 16px; color: #fff; background: #7a5a45;}



/* hotel 200221 */
div.hotel{}
div.hotel a{display:inline-block;}
div.hotel p.bgArea{padding: 20px; font-size: 16px;}
div.hotel p.bgArea strong{font-size: 16px;}
	div.reservationInfo{position: relative; padding: 20px 0 20px 250px; border-top: 2px solid #3e90b5; border-bottom: 2px solid #3e90b5;}
	div.reservationInfo a{position: absolute; top: 50%; margin-top: -27px; left: 20px; width: 180px; padding: 17px 0 16px; color: #fff; background-color: #3e92b6; text-align: center; text-decoration: none;}

div.hotel table.tblDef{border-top: 2px solid #458cef;}


/* 26.01.28 추가 */
.sakura-visual-wrap {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: 290px;
	overflow: hidden;
	background-color: transparent;
}
.sakura {
	overflow: hidden;
	position: relative;
	perspective: 1000px;
	opacity: 0.7;
}
.sakura .petal {
	position: absolute;
	background-image: linear-gradient(163.3deg, #fef9d0 11.54%, #ffe714 90.45%);
	border-radius: 10% 50% 50% 50%;
	z-index: 0;
	box-shadow: 0 0 30px rgba(255, 255, 255,);
	pointer-events: none;
	transform-style: preserve-3d;
	transition: transform 1000ms linear;
}

@keyframes fall {
	0% {
			top: 0;
			opacity: 1;
	}

	80% {
			opacity: 1;
	}

	100% {
			top: 100%;
			opacity: 0.2;
	}
}