.center {text-align: center !important;}

.search_top>span,
	.search_top select,
	.search_top input[type=text],
	.search_top input[type=submit],

	.board_list,
	.board_list>.table .tr,
	.board_list>.table .tr>div,
	.board_list>.table .tr>.stat>.icon,

	.paging_all>.btn,
	.paging_all>.btn:before,
	.paging_all>.btn:after,
	.paging_all>.num,
	.paging_all>.num>strong,
	.paging_all>.num>a,

	.board_view>table th,
	.board_view>table td,
	.board_view>table>thead>tr>th,
	.board_view>table .etc,
	.board_view>table .etc>p,

	.pageNavigation,
	.pageNavigation>dl,
	.pageNavigation>dl>dd>a,

	.btnArea a,
	.btnArea input[type=image],
	.btnArea input[type=submit],
	.btnArea button,

	.checkIn input[type=checkbox]+label:before,
	.checkIn input[type=radio]+label:after,
	.checkIn input[type=checkbox]:checked+label,
	.checkIn input[type=radio]:checked+label,

	.board_write>table .file>.file_wrap>.btnFile,
	.board_write>table .type.point,
	.board_write>table .btnBox>.btns,

	.faqArea>li .q:before,
	.faqArea>li .a:before,
	.faqArea>li .q>.bul:before,
	.faqArea>li .q>.bul:after{transition: all .3s ease-out; transform-origin: 50% 50%;}


.thumb,
.thumb>span{background-image: url('../../images/front/noimage.jpg');}
.thumb>span.bg,
.thumb>span.stat{background-image:none !important;}

.board {padding-bottom: 15rem;}

/* check style */
	.checkIn{display: inline-block; vertical-align: top;}
	.checkIn input[type=checkbox],
	.checkIn input[type=radio]{display: none;}

	.checkIn input[type=checkbox]+label,
	.checkIn input[type=radio]+label{padding-left:3rem; font-size: 1.7rem; line-height:2rem; color: #666; display: inline-block; cursor: pointer; position: relative;}

	.checkIn input[type=checkbox]+label:before,
	.checkIn input[type=radio]+label:after,
	.checkIn input[type=radio]+label:before{content: ""; width: 2rem; height: 2rem; background-color: #fff; border:1px solid #d2d2d2; display: inline-block; position:absolute; left: 0; top:0; box-sizing: border-box;}

	.checkIn input[type=checkbox]+label{}
	.checkIn input[type=checkbox]+label:before {background-position: center center; background-repeat: no-repeat; background-size: cover; border-radius:2px;}
	.checkIn input[type=checkbox]+label:after{content: ""; width: 2rem; height: 2rem; background: url("/img/check.svg") no-repeat left top; font-size:0; line-height:0; position: absolute; left:0; top:0; opacity: 0;}
	.checkIn input[type=checkbox]:checked+label:before{border-color:#003976;}
	.checkIn input[type=checkbox]:checked+label:after{opacity: 1;}

	.checkIn input[type=radio]+label{}
	.checkIn input[type=radio]+label:before{border-radius:99px;}
	.checkIn input[type=radio]+label:after{width: 12px; height: 12px; margin:-5px 0 0 0; left: 4px;  top:50%; border:none; border-radius:99px; -webkit-transition: .3s; transition: .3s; transform-origin: 50% 50%;}
	.checkIn input[type=radio]:checked+label:before{border-color:#003976;}
	.checkIn input[type=radio]:checked+label:after{background-color: #003976;}

	.checkIn.point input[type=checkbox]+label,
	.checkIn.point input[type=radio]+label{color: #c52936;}

/* Clause Box Style */


	.clauseArea .checkIn{padding-top:1.5rem;}
/*
	.clauseArea .checkIn input[type=checkbox]+label{height:20px; padding-left:28px; font-weight: 300; font-size: 14px; line-height:18px; color: #666;}
	.clauseArea .checkIn input[type=checkbox]+label:before{width: 20px; height: 20px; top:0;}
*/
	.clauseArea.no .tit{display:none;}
	.clauseArea.no .scroll{height:auto; padding:0px; background-color: #fff; border:none; line-height:1.5; color: #666; overflow: visible;}

/* Btn Style */
	.btnArea{width:100%; margin-top:2rem; font-size:0; line-height:0;}
	.clauseArea+.btnArea{margin-top:5rem; }
	.btnArea a,
	.btnArea input[type=image],
	.btnArea input[type=submit],
	.btnArea button{width:20rem; height:5rem; margin:0 1rem 0 0; background-color:#333; border:1px solid #333; font-size:1.8rem; line-height:4.8rem; color:#fff; text-align: center; overflow:hidden; display:inline-block; vertical-align: top; box-sizing:border-box; border-radius:2px; cursor: pointer; position: relative;}
	.btnArea button{line-height:5rem;}

	.btnArea *.small{width:84px !important; height:30px !important; background-color:#adadad !important; border:none !important; line-height:30px !important; border-radius:0px !important;}

	.btnArea a.ok,
	.btnArea input.ok,
	.btnArea button.ok{background-color: #003976; color: #fff;}

	.btnArea a.write,
	.btnArea input.write,
	.btnArea button.write{width:30rem; height:7rem; background-color: #003976; border:1px solid #003976; line-height:6.8rem; color: #fff;}

	.btnArea a.cancel,
	.btnArea input.cancel,
	.btnArea button.cancel{background-color: #fff; border:1px solid #666; line-height:48px; color: #444;}

	.btnArea a.big,
	.btnArea input.big,
	.btnArea button.big{width:140px;}

	.btnArea.tar{text-align: right;}
	.btnArea.tac{text-align: center;}
	.btnArea.tj{display: flex; justify-content: space-between;}

	.btnArea.tar a,
	.btnArea.tar input[type=image],
	.btnArea.tar input[type=submit],
	.btnArea.tar button{margin:0 0 0 10px;}

	.btnArea.tac a,
	.btnArea.tac input[type=image],
	.btnArea.tac input[type=submit],
	.btnArea.tac button{margin:0 5px;}

	.btnArea.tj a,
	.btnArea.tj input[type=image],
	.btnArea.tj input[type=submit],
	.btnArea.tj button{margin:0;}

	.paging_all+.btnArea{margin-top:-45px;}

/* Search Style */
	.search_top{width:100%; margin-bottom:2rem; font-size:0; line-height:0; display:block; position: relative; text-align: right;}
	.search_top>.total{font-weight: 500; font-size:1.7rem; line-height:1; color: #333; text-align: left; position: absolute; left:0; bottom:1.2rem;}
	.search_top>.total>strong{font-weight: 500;}
	.search_top select,
	.search_top input[type=text],
	.search_top input[type=submit]{height:4.8rem; padding:0 2rem; background-color: #fff; border:1px solid #ccc; font-weight: 400; font-size:1.6rem; line-height:4.8rem; color: #999; display:inline-block; vertical-align: top;}
	.search_top select{height:5rem; margin-right:1rem; padding:0 5rem 0 2rem; background:#fff url('../../images/front/bg_select_arr.gif') no-repeat right center; -webkit-appearance: none; -moz-appearance: none; appearance: none; background-size: 3.1rem auto;}
	.search_top select::-ms-expand{display:none;}
	.search_top>span{border:1px solid #ccc; display:inline-block; vertical-align: top;}
	.search_top input[type=text]{width:27rem; border:none;}
	.search_top input[type=submit]{width:5.6rem; background:#fff url('../../images/btn_sch.png') no-repeat center center; border:none; color:rgba(255,255,255,0); cursor: pointer; background-size: 2rem auto;}

/* Board Write */
.board_write{width:100%; border-top:2px solid #23408f; border-bottom:1px solid #bdbdbd; overflow:hidden;}
.board_write.mg {margin-top: 5rem;}
.board_write + .board_write{margin-top:6rem;}
.board_write>table{width:100%; border-spacing:0; margin-bottom:-1px; table-layout: fixed;}
.board_write>table th,
.board_write>table td{height:7rem; padding:1rem 0 1rem 3rem; border-bottom:1px solid #e2e2e2; font-weight: 400; font-size:1.7rem; line-height:1.5; color: #333; text-align:left; vertical-align: middle; border-collapse:collapse; empty-cells:show;}

.board_write>table th{width:17rem; font-weight: 500; background-color:#fcfdfe; border-right:1px solid #e2e2e2; color: #333; text-align: left; padding: 0 2rem;}
.board_write>table td.pd {padding: 1.5rem 3rem;}

.board_write input[type=text],
.board_write input[type=password],
.board_write input[type=file],
.board_write select,
.board_write textarea,
.board_write .btns{width:100%; height:4.6rem; padding:0 1rem; background-color:#fff; border:1px solid #e2e2e2; font-weight: 300; font-size:1.5rem; line-height:4.4rem; color:#888; vertical-align:middle; display:inline-block;}

.board_write span.color {color: #035ab6;}
.board_write span.red {color: #e60012;}
.file_size {font-size: 1.6rem;}
.board_write td input.day {width: 15rem;}
.board_write td .dayflex {display: flex;}


.board_write .small{max-width:52.5rem;}

.board_write .minicolors-theme-default.minicolors {width: 100%; max-width:52.5rem;}
.board_write .minicolors input[type=hidden] + .minicolors-swatch {width: 100%; background-image:none;}
.board_write .minicolors-theme-default .minicolors-swatch{height: 4.6rem;}

.board_write select{padding-right:3rem; background-image: url("http://host.iceserver.co.kr/theme/prix/img/board/bg_select.svg"); background-repeat: no-repeat; background-position:calc(100% - 1rem) center; background-size: 1.4rem; line-height:4.6rem; -webkit-appearance: none; -moz-appearance: none; appearance: none;}
.board_write select::-ms-expand{display:none;}
.board_write textarea{width:100%; height:30rem; padding:2rem; line-height:1.6; display:block;}

.board_write input[type=text].datetimepicker{background-image:url("http://host.iceserver.co.kr/theme/prix/css/../img/require.png"), url("http://host.iceserver.co.kr/theme/prix/img/board/icon_calendar4.gif") !important; background-repeat:no-repeat !important; background-position:right top, right center !important; background-size:auto, contain;}

.board_write .board_option{padding-bottom:1rem;}

.board_write .btns{width:auto; margin-left:1rem; padding:0 2rem; background-color: #333; border-color:#333; font-weight: 500; color: #fff;}
.board_write .btnBox{font-size:0; line-height:0; display: flex; flex-direction: row; align-items: center; align-content: center; justify-content: space-between;}
.board_write .btnBox>*{flex:1 1 auto;}
.board_write .btnBox>input,
.board_write .btnBox>select{}

.board_write .two{max-width:43.5%; font-size:0; line-height:0; display: flex; flex-direction: row; align-items: center; justify-content: space-between;}

.board_write .fs{ display: flex; flex-direction: row; align-items: center; justify-content: flex-start; gap: 1rem;}
.board_write .fs input,
.board_write .fs select{width:23.7%;}

.board_write .three{font-size:0; line-height:0; display: flex; flex-direction: row; align-items: center; justify-content: space-between;}
.board_write .three input,
.board_write .three select{width:33%;}

.board_write .three.birth{max-width:65%;}

.board_write .three.phone{max-width:77%;}
.board_write .three.phone input{width:36%;}
.board_write .three.phone select{width:26%;}
.board_write .three.phone select+input{margin-left:-1px;}

.board_write .three.days{max-width:60%;}
.board_write .three.days .gap,
.board_write .three.days input,
.board_write .three.days select{width:100%;}
.board_write .three.days *+*{margin-left:1rem}

.board_write .three.email{max-width:77%;}
.board_write .three.email input{width:32%;}
.board_write .three.email select{width:35%;}
.board_write .three.email input+select{margin-left:1rem;}
.board_write .three.email .btns{}

.board_write .juso{margin-top:1rem; font-size:0; line-height:0; display: flex; justify-content: space-between;}
.board_write .juso>input{width:40%;}
.board_write .juso>input+input{width:60%; margin-left:1rem;}

.board_write .checkBox{ font-size:0; line-height:0; display: flex; flex-wrap: wrap; flex-direction: row; align-items:center; justify-content: flex-start;}
.board_write .checkBox .checkIn{margin-left:0 !important; margin-right: 3rem; margin-bottom: 3rem; vertical-align: middle; white-space: nowrap;}
.board_write .checkBox .checkIn.mg {margin-bottom: 0;}
.board_write .checkBox .checkIn label{font-size:1.7rem;}
.board_write .checkBox .checkIn input[type=text]{margin-left:1rem; max-width:22rem;}
.board_write .checkBox .type{display: block;  height:2rem; line-height:2rem;}



.board_write>table .type {font-size:1.7rem; line-height: 3.2rem; display:block; vertical-align:middle; letter-spacing: -0.05rem;}
.board_write>table .type span {color: #ff0000;}
.board_write>table .type1 {font-size: 1.6rem; font-weight: 300; color: #666666; padding: 0 0 1.5rem ; line-height: 3rem;}
.board_write>table .type1.pd {padding: 1rem 0 0;}
.board_write>table .type.bd {font-weight: 500; margin: 3rem 0 2rem;}
.board_write>table .type.l{margin:0 1.5rem 0 1rem;}
.board_write>table .type.r{margin:0 1rem 0 1.5rem;}
.board_write>table .type.c{margin:0 1rem;}
.board_write>table .point{color: #ff0000;}

.board_write>table input[type=password] + .checkIn{margin-left:1rem;}

.registration .checkBox{ font-size:0; line-height:0; display: flex; flex-wrap: wrap; flex-direction: row; align-items:center; justify-content: flex-start;}
.registration .checkBox .checkIn{margin-left:0 !important; margin-right: 3rem; margin-bottom: 3rem; vertical-align: middle; white-space: nowrap;}
.registration .checkBox .checkIn.mg {margin-bottom: 0;}
.registration .checkBox .checkIn label{font-size:1.7rem; margin: 2rem 0;}
.registration .checkBox .checkIn input[type=text]{margin-left:1rem; max-width:22rem;}
.registration .checkBox .type{display: block;  height:2rem; line-height:2rem;}

/* Search Style */
.board_search{width:100%; margin-bottom:2rem; font-size:0; line-height:0; display: flex; justify-content: center; position: relative;}
.board_search .mobile_Block{display:inline;}
.board_search *+*{margin-left:1rem;}
.board_search select,
.board_search input[type=text],
.board_search input[type=submit]{height:4.5rem; padding:0 2rem; background-color: #fff; border:1px solid #e2e2e2; font-weight: 400; font-size:1.5rem; line-height:4.3rem; color: #555; display:inline-block; vertical-align: top;}

.board_search select{padding:0 4rem 0 2rem; background-image: url("http://host.iceserver.co.kr/theme/prix/img/board/bg_select.svg"); background-repeat: no-repeat; background-position:calc(100% - 1rem) center; background-size: 1.4rem; -webkit-appearance: none; -moz-appearance: none; appearance: none;}
.board_search select::-ms-expand{display:none;}

.board_search input[type=text]{width:25rem;}
.board_search input[type=submit]{width:9rem; margin-left:-1px; background-color: #23408f; border-color:#23408f; font-size:1.6rem; line-height:1; color: #fff; cursor: pointer;}

/* Board List Style */
.board_list{width:100%; border-top:2px solid #333; border-bottom:1px solid #bdbdbd; font-size:0; line-height:0; overflow:hidden;}
.board_list>table{width:100%; margin-bottom:-1px; border-spacing:0;}
.board_list>table th,
.board_list>table td{padding:2rem 0; background-color: #fff; border-bottom:1px solid #e2e2e2; font-size:1.5rem; line-height:1.6; color:#626262; text-align:center; border-collapse:collapse; empty-cells:show; word-break:break-all;}

.board_list>table>thead>tr>th{background-color: #fdfdfe; font-weight: 500; font-size:1.6rem; color: #333;}

.board_list>table .notice_icon{padding:0rem 1rem 0.2rem; background-color: #23408f; font-weight: 300; font-size:1.4rem; color: #fff; border-radius:3px;}

.board_list>table .bo_tit{font-weight: 500; text-align:left; display: flex; justify-content: flex-start;}
.board_list>table .bo_tit>a{padding:0 0.5rem 0 2rem; color:#333; cursor:pointer; max-width:100%; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; word-break:break-all !important;}
.board_list>table .bo_tit>a:hover{color:#23408f;}
.board_list>table .tac .bo_tit,
.board_list>table .bo_tit.tac{justify-content: center;}
.board_list>table .bo_tit .icon{margin:0.4rem 0 0 0.5rem;}
.board_list>table .bo_tit .icon:before{content: ""; min-width:1.8rem; min-height:1.8rem; background-color: #23408f; font-weight: 300; font-size:1rem; line-height:1.8rem; color: #fff; text-align: center; border-radius:99px; display:block;}
.board_list>table .bo_tit .icon.new:before{content: "N";}
.board_list>table .bo_tit .icon.hot:before{content: "H";}

.board_list>table .state{padding:1.4rem 0;}
.board_list>table .state .icon{width:8.6rem; height:3.8rem; background-color: #fafafa; border:1px solid #ccc; line-height:3.6rem; color: #666; text-align: center; display:inline-block; border-radius:4px;}
.board_list>table .state .icon.end{background-color: #23408f; border-color:#23408f; color: #fff;}

.board_list>table .file{font-size:1.8rem;}

.board_list>table .store_photo{padding:1rem;}
.board_list>table .store_photo img{max-height:12rem; object-fit:contain;}

.board_list>table .noPost>td{height:20rem; vertical-align: middle;}

.board_list.line>table{width:calc(100% + 1px);}
.board_list.line>table th,
.board_list.line>table td{border-right:1px solid #e2e2e2;}


/* Clause -webkit-Box Style */
	.clauseArea{width:100%; font-size:0; line-height:0; overflow:hidden;}
	.clauseArea + .clauseArea,
	.board_write + .clauseArea{margin-top:6rem;}
	.clauseArea>.tit{height:4rem; font-weight: 500; font-size:2rem; line-height:1; color: #333; margin-top: 5rem;}
	.clauseArea .scroll{width:100%; height:39rem; padding:3rem; background-color: #fff; border:1px solid #e2e2e2; font-weight: 300; font-size:1.5rem; line-height:1.6; color: #666; overflow:hidden; overflow-y:auto; box-sizing:border-box;}
	.clauseArea .scroll strong{font-weight: 400;}
	.clauseArea .scroll>p{margin:3rem 0 0.5rem; color: #111;}
	.clauseArea .scroll>p:first-child{margin-top:0rem;}
	.clauseArea .scroll>p>strong{font-weight: 400; color: #111;}

	.clauseArea .scroll ol{counter-reset:item; margin-top:1rem;}
	.clauseArea .scroll li>p{margin-top:1rem;}
	.clauseArea .scroll ol>li>ol{margin-top:0rem;}

	.clauseArea .scroll ol>li{margin-left:-0.5rem; padding-left:2.5rem; position: relative; box-sizing:border-box;}
	.clauseArea .scroll ol>li:before {counter-increment: item; content: counter(item)"."; width:2rem; text-align: right; display: inline-block; position: absolute; top: 0; left: 0;}
	.clauseArea .scroll ol>li:nth-child(-n+9)::before {content: "0"counter(item);}

	.clauseArea .scroll ol.type>li{}
	.clauseArea .scroll ol.type>li:before{content: counter(item)")";}

	.clauseArea .scroll ol.cNum>li{}
	.clauseArea .scroll ol.cNum>li:before{content: "";}
	.clauseArea .scroll ol.cNum>li:nth-child(1):before{content: "①";}
	.clauseArea .scroll ol.cNum>li:nth-child(2):before{content: "②";}
	.clauseArea .scroll ol.cNum>li:nth-child(3):before{content: "③";}
	.clauseArea .scroll ol.cNum>li:nth-child(4):before{content: "④";}
	.clauseArea .scroll ol.cNum>li:nth-child(5):before{content: "⑤";}
	.clauseArea .scroll ol.cNum>li:nth-child(6):before{content: "⑥";}
	.clauseArea .scroll ol.cNum>li:nth-child(7):before{content: "⑦";}
	.clauseArea .scroll ol.cNum>li:nth-child(8):before{content: "⑧";}
	.clauseArea .scroll ol.cNum>li:nth-child(9):before{content: "⑨";}
	.clauseArea .scroll ol.cNum>li:nth-child(10):before{content: "⑩";}
	.clauseArea .scroll ol.cNum>li:nth-child(11):before{content: "⑪";}
	.clauseArea .scroll ol.cNum>li:nth-child(12):before{content: "⑫";}

	.clauseArea .scroll ol.kr>li{}
	.clauseArea .scroll ol.kr>li:before{}
	.clauseArea .scroll ol.kr>li:nth-child(1):before{content: "가.";}
	.clauseArea .scroll ol.kr>li:nth-child(2):before{content: "나.";}
	.clauseArea .scroll ol.kr>li:nth-child(3):before{content: "다.";}
	.clauseArea .scroll ol.kr>li:nth-child(4):before{content: "라.";}
	.clauseArea .scroll ol.kr>li:nth-child(5):before{content: "마.";}
	.clauseArea .scroll ol.kr>li:nth-child(6):before{content: "바.";}
	.clauseArea .scroll ol.kr>li:nth-child(7):before{content: "사.";}
	.clauseArea .scroll ol.kr>li:nth-child(8):before{content: "아.";}
	.clauseArea .scroll ol.kr>li:nth-child(9):before{content: "자.";}
	.clauseArea .scroll ol.kr>li:nth-child(10):before{content: "차.";}
	.clauseArea .scroll ol.kr>li:nth-child(11):before{content: "카.";}
	.clauseArea .scroll ol.kr>li:nth-child(12):before{content: "타.";}
	.clauseArea .scroll ol.kr>li:nth-child(13):before{content: "파.";}
	.clauseArea .scroll ol.kr>li:nth-child(14):before{content: "하.";}

	.clauseArea .scroll ul.buls>li{padding-left:1rem ; position: relative;}
	.clauseArea .scroll ul.buls>li:before{content: "-"; display: inline-block; position:absolute; left: 0; top:0;}

	.clauseArea .scroll ul.circle>li{padding-left:15px; position: relative;}
	.clauseArea .scroll ul.circle>li:before{content: "ο"; display: inline-block; position:absolute; left: 0; top:-1px;}

	.clauseArea .scroll li>ol,
	.clauseArea .scroll li>ul{margin-bottom:0.7rem;}

	.clauseArea .nTable{width:100%; margin-top:0.5rem; background-color: #fff; border-top:1px solid #ebebeb; border-right:1px solid #ebebeb;}
	.clauseArea .nTable>table{width:100%; border-spacing:0; table-layout: fixed;}
	.clauseArea .nTable>table th,
	.clauseArea .nTable>table td{padding:1.5rem; border-left:1px solid #ebebeb; border-bottom:1px solid #ebebeb; font-weight: 300; font-size:var(--f__size--15); line-height:1.3; color:#888; text-align:center; border-collapse:collapse; empty-cells:show;}

	.clauseArea .nTable>table>thead>tr>th{background-color: #f8f8f8; border-right:none; font-weight:500; color:#222; position: relative;}
	.clauseArea .nTable>table>thead>tr>th+th{}

	.clauseArea.no .tit{display:none;}
	.clauseArea.no .scroll{height:auto; padding:0px; background-color: transparent; border:none; overflow: visible;}

	.clauseArea.sw .scroll{width:100%; height:25rem; padding:3rem; background-color: #fcfdfe; border:1px solid #ddd; font-weight: 400; font-size:1.6rem; line-height:1.5; color: #999; overflow:hidden; overflow-y:auto; box-sizing:border-box;}
	.clauseArea.sw .tit{padding-bottom:1.5rem; font-weight: 500; font-size:1.7rem; line-height:1.2; color: #222;}
	.clauseArea.sw .scroll p.type1 {font-size: 1.6rem; font-weight: 300; color: #666666; line-height: 2.6rem;}
	.clauseArea.sw .scroll>p {margin-top: 2rem;}


/* Check Style */
.checkIn{display: inline-block; vertical-align: top;}
.checkIn input[type=checkbox],
.checkIn input[type=radio]{display: none; position: absolute; left:0; top:0;}

.checkIn input[type=checkbox]+label,
..checkIn input[type=checkbox]+label {padding-left:2.6rem; margin-bottom: 1.5rem; font-size:1.6rem; line-height:1.6rem; color: #000; display: inline-block; vertical-align: middle; cursor: pointer; position: relative;}
.checkIn input[type=radio]+label {padding-left:2.6rem;  font-size:1.6rem; line-height:1.6rem; color: #000; display: inline-block; vertical-align: middle; cursor: pointer; position: relative;}

.checkIn input[type=checkbox]+label:before,
.checkIn input[type=checkbox]+label:after,
.checkIn input[type=radio]+label:before,
.checkIn input[type=radio]+label:after{content: ""; width: 1.6rem; height: 1.6rem; background-color: #fff; border:1px solid #dedede; font-size:0; line-height:0; display: inline-block; vertical-align: top; position:absolute; left: 0; top:0;}

.checkIn input[type=checkbox]+label{}
.checkIn input[type=checkbox]+label:before{}
.checkIn input[type=checkbox]+label:after{border:none; background: url("/img/check.svg") no-repeat left top; background-size: cover; position: absolute; left:0; top:0; opacity: 0;}
.checkIn input[type=checkbox]:checked+label:before{border-color:#333;}
.checkIn input[type=checkbox]:checked+label:after{opacity: 1; background-color: rgba(142,178,239,0.5);}

.checkIn input[type=radio]+label{}
.checkIn input[type=radio]+label:before{border-radius:99px;}
.checkIn input[type=radio]+label:after{width: 1rem; height: 1rem; margin:-0.5rem 0 0 0; background-color: #23408f; border:none; left: 0.3rem; top:50%; border-radius:99px; -webkit-transition: .3s; transition: .3s; transform-origin: 50% 50%; opacity: 0.3;}
.checkIn input[type=radio]:checked+label:before{border-color:#23408f;}
.checkIn input[type=radio]:checked+label:after{opacity: 1;}

.checkIn.noTxt input[type=checkbox]+label,
.checkIn.noTxt input[type=radio]+label{width:2.2rem; height:2.2rem; padding:0; font-size:0; line-height:0; display: inline-block; cursor: pointer; position: relative;}
.checkIn.noTxt input[type=checkbox]+label:after{width:2.2rem; height:2.2rem;}
.checkIn.noTxt input[type=checkbox]+label:before,
.checkIn.noTxt input[type=radio]+label:after,
.checkIn.noTxt input[type=radio]+label:before{width: 2.2rem; height: 2.2rem; top:0px;}

.checkIn.top{margin-bottom:1.5rem;}
.checkIn.noTxt.in{margin:1rem 0 -1.5rem; position: relative; z-index:2;}

/* Board Option */
.board_btn{width:100%; padding:2rem 0; font-size:0; line-height:0; display: flex; flex-flow: row wrap; justify-content: space-between; position: relative; z-index:6;}
.board_btn>*{}
.board_btn>.total{padding:1.1rem 0; font-weight: 300; font-size:1.5rem; line-height:1; color: #626262; text-align: left;}
.board_btn>.total>strong{font-weight: 400; color:#333;}



/* Pageing Style */
	.paging_all{width:100%; margin:3rem auto 0; font-size:0; line-height:0; text-align:center; position:relative;}
	.board_btn + .paging_all{margin-top:0;}
	.paging_all .btns,
	.paging_all>.num>strong,
	.paging_all>.num>a{width:4rem; height:4rem; background-color: #fff; border:1px solid #dbdbdb; text-align: center; display:inline-block; vertical-align:top; position: relative;}

	.paging_all .btns,
	.paging_all .btns *{font-size:0 !important; line-height:0 !important;}
	.paging_all .btns:before,
	.paging_all .btns:after{content: ""; width: 1.2rem; height: 1.2rem; border-width:1px 0 0 1px; border-style:solid; border-color:#666; display: inline-block; position:absolute; left: 50%; top:50%;}
	.paging_all .btns:after{opacity: 0;}
	.paging_all .btns.prev:before{margin:-0.6rem 0 0 -0.3rem; transform:rotate(-45deg);}
	.paging_all .btns.next:before{margin:-0.6rem 0 0 -0.9rem; transform:rotate(135deg);}

	.paging_all>.num{margin:0; display:inline-block; vertical-align:top}

	.paging_all>.num>strong,
	.paging_all>.num>a{margin-left:1rem; font-weight: 300; font-size:1.6rem; line-height:3.8rem; color:#666;}
	.paging_all>.num .pg_start{margin-left:0;}
	.paging_all>.num .pg_end{}

	.paging_all .btns:hover{background-color: #23408f; border-color:#23408f;}
	.paging_all .btns:hover:before,
	.paging_all .btns:hover:after{border-color:#fff;}

	.paging_all>.num>strong,
	.paging_all>.num>a:hover{background-color: #23408f; border-color:#23408f; color:#fff; z-index:2;}

/* Board View */
	.board_view{width:100%; border-bottom:1px solid #222; overflow:hidden; box-sizing: border-box;}
	.board_view>table{width:100%; margin-bottom:-1px; border-spacing:0;}
	.board_view>table th,
	.board_view>table td{padding:1.5rem 0; border-bottom:1px solid #ccc; font-weight: 300; font-size:1.6rem; line-height:1.4; color:#444; text-align:center; border-collapse:collapse; empty-cells:show; box-sizing: border-box;}

	.board_view>table>thead>tr>*{border-bottom:1px solid #222; font-weight: 500; color: #222;}

	.board_view>table>thead>tr>th{height:6rem; font-size:1.8rem;}
	.board_view>table .etc{text-align:left; overflow:hidden;}
	.board_view>table .etc>p{display:inline-block; vertical-align: top; position: relative;}
	.board_view>table .etc>p+p{padding-left:2rem;}
	.board_view>table .etc>p>strong{padding-right:1rem; display: inline-block; vertical-align: top; position: relative;}
	.board_view>table .etc>p.r{float:right;}

	.board_view>table>tbody>tr>td.cont{height:25rem; padding:5rem 3rem 7rem; border-bottom:none; text-align: left; vertical-align: top;}
	.board_view>table>tbody>tr>td.cont img{width:auto !important; height:auto !important;}

	.board_view>table>tbody>tr>td.file{border-bottom:none; text-align: left;}
	.board_view>table>tbody>tr>td.file>a{margin-right:1.5rem; color: #444; display:inline-block; vertical-align: top;}

	.board_view td.answer{padding:30px; background-color: #fafafa; text-align: left;  vertical-align: top;}
	.board_view td.answer>.tit{padding-bottom:15px; font-weight: 500; font-size:19px; line-height:1; color: #222;}

	.board_view table.inTb{width:100%; margin-top:50px; border-top:1px solid #d3d3d3; border-spacing:0; table-layout: fixed;}
	.board_view table.inTb th,
	.board_view table.inTb td{padding:20px; border-bottom:1px solid #d3d3d3; font-weight: 300; font-size:15px; line-height:1.4; color:#666; text-align:left; border-collapse:collapse; empty-cells:show; box-sizing: border-box;}
	.board_view table.inTb th{padding:20px 0; background-color: #f7f7f7; color: #333; text-align:center;}
	.board_view table.inTb .money{font-weight: 400; color: #f43131;}

	.board_view table.inTb+table.inTb{margin-top:30px;}

/* Comment Style */
	.commentArea{font-size:0; line-height:0;}
	.commentArea .writeArea{padding:20px; background-color:#f9f9f9; border:1px solid #dedede;}
	.commentArea .writeArea dt{height:40px; font-weight:500; font-size:21px; line-height:1; color:#262626; position:relative;}
	.commentArea .writeArea dd+dd{margin-top:12px;}

	.commentArea .writeArea dd input[type=text],
	.commentArea .writeArea dd input[type=password]{width:100%; height:40px; margin-right:12px; padding:0 15px; background-color:#fff; border:1px solid #dedede; font-weight: 300; font-size:16px; line-height:38px; color:#444754; box-sizing: border-box; vertical-align:middle; display:inline-block;}

	.commentArea .writeArea dd.two{display: flex; justify-content: space-between;}
	.commentArea .writeArea dd.two>textarea{width:91%; height:100px; margin-right:10px; padding:15px; border:1px solid #dedede; font-size:16px; line-height:1.4; color:#444754; box-sizing: border-box;}
	.commentArea .writeArea dd.two>input[type=submit]{width:130px; min-width:130px; height:100px; background-color:#0168b7; border:none; font-weight: 300; font-size:14px; line-height:1; color:#fff; text-align: center; overflow:hidden; display:inline-block; vertical-align: top; box-sizing:border-box; border-radius:2px; cursor: pointer; position: relative;}

	.commentArea .writeArea .checkIn{padding-left:5px; vertical-align: middle;}
	.commentArea .writeArea .checkIn input[type=checkbox]+label{padding-left:20px; line-height:18px; color: #666;}
	.commentArea .writeArea .checkIn input[type=checkbox]+label:before{ width: 15px; height: 15px; border:1px solid #dedede; top:1px;}

	.commentArea{font-size:0; line-height:0;}
	.commentArea .cwriteArea{}
	.commentArea .cwriteArea dt{height:30px; font-weight:500; font-size:18px; line-height:1; color:#262626; position:relative;}
	.commentArea .cwriteArea dd{display: flex; justify-content: space-between;}
	.commentArea .cwriteArea dd>textarea{width:91%; height:100px; margin-right:5px; padding:15px; border:1px solid #d6d4d5; font-size:14px; line-height:1.4; color:#666; box-sizing: border-box;}
	.commentArea .cwriteArea dd>input[type=submit]]{width:100px; min-width:100px; height:100px; background-color:#5a4599; border:none; font-weight: 300; font-size:14px; line-height:1; color:#fff; text-align: center; overflow:hidden; display:inline-block; vertical-align: top; box-sizing:border-box; border-radius:2px; cursor: pointer; position: relative;}

	.commentArea .viewArea{margin-top:30px; border-top:1px solid #dedede;}
	.commentArea .viewArea>dl{padding:20px; border-bottom:1px solid #dedede; font-size:14px; line-height:1.4; color:#666; position:relative;}
	.commentArea .viewArea>dl>dt{font-size:16px;}
	.commentArea .viewArea>dl>dd{padding-top:10px; position: relative;}
	.commentArea .viewArea>dl>dd>span{color:#888; display:inline-block; vertical-align: top; position: relative;}
	.commentArea .viewArea>dl>dd>span+span{margin-left:15px;}
	.commentArea .viewArea>dl>dd>span+span:before{content: ""; width:1px; height:10px; margin-top:-4px; background-color: #ccc; font-size:0; line-height:0; position: absolute; left:-8px; top:50%;}

	.commentArea .viewArea>dl>dd .comment_btn{display:inline-block; position:absolute; right:0; bottom:-4px;}
	.commentArea .viewArea>dl>dd .comment_btn>a{padding:0 10px; border:1px solid #ccc; font-size:14px; line-height:25px; color:#666; display:inline-block; vertical-align:top; position: relative; border-radius:3px;}
	.commentArea .viewArea>dl>dd .comment_btn>a+a{margin-left:3px;}

/* PageNavigation Style */
	.pageNavigation{width:100%; margin-top:-1px; border-top:1px solid #ccc; border-bottom:1px solid #222; overflow:hidden; box-sizing:border-box; position: relative; z-index:2;}
	.pageNavigation>dl{width:100%; font-weight: 300; font-size:15px; line-height:1.1; color: #333; display:table; table-layout: fixed;}
	.pageNavigation>dl+dl{border-top:1px solid #ccc;}
	.pageNavigation>dl>*{display:table-cell; vertical-align:middle; box-sizing:border-box; position: relative;}
	.pageNavigation>dl>dt{width:105px; height:50px; text-align:center; color: #474a52;}
	.pageNavigation>dl>dt:before{content: ""; width: 10px; height: 10px; border-width:1px 0 0 1px; border-style:solid; border-color:#474a52; display: inline-block; position:absolute; right: 0; top:50%; box-sizing: border-box;}
	.pageNavigation>dl.prev>dt:before{margin:-2px 0 0 0; transform:rotate(45deg);}
	.pageNavigation>dl.next>dt:before{margin:-7px 0 0 0; transform:rotate(-135deg);}

	.pageNavigation>dl>dd{padding:10px 25px 7px;}
	.pageNavigation>dl>dd>a{max-width:95%; font-weight: 400; color: #333; display:inline-block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
	.pageNavigation>dl>dd>a:hover{color:#003976; }

/* Member Style */
	.memberArea{width:530px; margin:0 auto; background-color: #fff; border:1px solid #dcdcdc; font-size:0; line-height:0; box-sizing: border-box; border-radius:10px; overflow:hidden;}
	.memberArea .txt{padding-bottom:25px; font-weight: 300; font-size:15px; line-height:1; color: #777; text-align: center;}
	.memberArea .memTit{padding:42px 0 20px; text-align: center;}
	.memberArea .memTit>dt{font-weight: 500; font-size:24px; line-height:1; color: #333;}
	.memberArea .memTit>dd{padding-top:13px; font-weight: 300; font-size:14px; line-height:1.5; color: #333;}
	.memberArea .memTit>dd>p{color: #666;}

	.memberArea .fildBox{padding:0 35px;}
	.memberArea .fildBox input[type=text],
	.memberArea .fildBox input[type=password]{width:100%; height:55px; padding:0 20px; background-color:#ffff; border:1px solid #c7c7c7; font-weight: 300; font-size:15px; line-height:53px; color:#444754; box-sizing: border-box; display:block;}
	.memberArea .fildBox input + input{margin-top:7px;}

	.memberArea .findBtn{text-align: right;}
	.memberArea .findBtn>span,
	.memberArea .findBtn>a{font-weight: 300; font-size:14px; line-height:1; color: #6a777c; display:inline-block; vertical-align: top;}
	.memberArea .btnArea>input[type=submit]{width:100%; height:55px; font-size:16px;}

	.memberArea .txtBtn{margin-top:45px; padding:30px 38px; background-color: #f9f9f9;}
	.memberArea .txtBtn>li{display: flex; justify-content: space-between;}
	.memberArea .txtBtn>li+li{margin-top:5px;}
	.memberArea .txtBtn>li>*{display:inline-block; vertical-align: top;}
	.memberArea .txtBtn>li>span{font-weight: 300; font-size:13px; line-height:35px; color: #666;}
	.memberArea .txtBtn>li>a{width:146px; background-color: #444; border:1px solid #444; font-size:13px; line-height:33px; color: #fff; text-align: center;}

	.memberArea.find{width:890px; padding:50px 0;}
	.memberArea.find .memTit{padding-top:0;}
	.memberArea.find .inBox{width:421.5px; padding:0 20px; display:inline-block; vertical-align: top; box-sizing: border-box;}
	.memberArea.find .inBox+.inBox{border-left:1px solid #d3d3d3;}
	.memberArea.find .fildBox{padding:0 0px;}

	.memGray{padding:25px 30px; background-color: #f8f8f8; font-size:0; line-height:0;}
	.memGray>li{padding-left:8px; font-weight: 300; font-size:14px; line-height:1.3; color: #666; position: relative;}
	.memGray>li+li{margin-top:7px;}
	.memGray>li:before{content: "·"; color: #f16c9f; display: inline-block; position:absolute; left: 0; top:0px;}
	.memGray>li.point>span{font-weight: 400; color: #333; display:inline-block; vertical-align: top; position: relative;}
	.memGray>li.point>span+span{margin-left:41px;}
	.memGray>li.point>span+span:before{content: ""; width: 1px; height: 10px; margin-top:-5px; background-color: #333; display: inline-block; position:absolute; left: -21px; top:50%;}
	.memGray>li.point+li{margin-top:17px;}

	/*
	.joinEnd{height:366px; padding:55px 0 0 95px; background:url('../../images/sub/bg_join_end.gif') no-repeat left top; font-size:0; line-height:0; color: #333; box-sizing: border-box;}
	.joinEnd>dt{font-size:24px; line-height:1;}
	.joinEnd>dd{padding-top:15px; font-weight: 300; font-size:14px; line-height:22px;}
	*/
	.joinEnd{width:100%; padding:80px 60px; background-color: #f8f8f8; font-size:0; line-height:0; display:table; box-sizing: border-box;}
	.joinEnd>div{display:table-cell; vertical-align: top; box-sizing: border-box;}
	.joinEnd>.textArea{width:407px; color: #333;}
	.joinEnd>.textArea .title{font-weight: 500; font-size:24px; line-height:1;}
	.joinEnd>.textArea .text{font-weight: 300; font-size:14px; line-height:22px;}
	.joinEnd>.textArea .text .point{color: #666;}
	.joinEnd>.textArea>a{width:140px; height:50px; background-color: #003976; font-size:15px; line-height:50px; color: #fff; text-align: center; display:inline-block; vertical-align: top; cursor: pointer;}
	.joinEnd>.imgArea{width:362px; text-align: center; vertical-align: middle;}
	.joinEnd>.imgArea>p{padding:0; background-color: #e8e8e8;}

	.secedeArea{padding:35px 30px; background-color: #f8f8f8; font-weight: 400; font-size:15px; line-height:26px; color: #666;}
	.secedeArea>p>span{padding-left:17px;}
	.secedeArea>p+p{padding-top:15px;}
	.secedeArea .point{font-weight: 500; color: #db232b;}






/* Photo List */
	.photo_list{width:100%; font-size:0; line-height:0; overflow:hidden;}
	.photo_list>ul{}
	.photo_list>ul>li{box-sizing: border-box;}
	.photo_list>ul>li>a{width:100%; display:block; position: relative;}
	.photo_list>ul>li>a .thumb{height:231px; background-position: center center; background-repeat: no-repeat; background-size: cover; overflow:hidden; position: relative; box-sizing: border-box;}
	.photo_list>ul>li>a span.bg{width:100%; height:100%; background-color: rgba(0,0,0,0.4); position: absolute; left:0; top:0; opacity: 0; z-index:1; transition: all .3s ease-out;  transform-origin: 50% 50%;}
	.photo_list>ul>li>a span.bg:before,
	.photo_list>ul>li>a span.bg:after{content: ""; background-color: #fff; display: inline-block; position:absolute; left: 50%; top:50%; box-sizing: border-box; transition: all .3s ease-out;  transform-origin: 50% 50%; opacity: 0;}
	.photo_list>ul>li>a span.bg:before{width: 100px; height: 2px; margin:-1px 0 0 -50px;}
	.photo_list>ul>li>a span.bg:after{width: 2px; height: 100px; margin:-50px 0 0 -1px;}

	.photo_list>ul>li>a .area{width:100%; border:1px solid #ebebeb; box-sizing: border-box; display:table; table-layout: fixed;}
	.photo_list>ul>li>a .area .in_area{height:112px; padding:15px; display:table-cell; vertical-align: middle; box-sizing: border-box; transition: all .3s ease-out; }
	.photo_list>ul>li>a .area p{font-weight: 300; font-size:14px; line-height:18px; color: #666; overflow: hidden; display: block; position: relative; box-sizing: border-box;}
	.photo_list>ul>li>a .area .title{font-weight: 400; font-size:15px; color: #222;}
	.photo_list>ul>li>a .area .title .icon{margin:0 0 2px 5px; vertical-align: middle;}
	.photo_list>ul>li>a .area .txt{margin-top:5px;}
	.photo_list>ul>li>a .area .day{margin-top:5px;}

	.photo_list>ul>li>a .area .one{text-overflow: ellipsis; white-space: nowrap;}
	.photo_list>ul>li>a .area .two{max-height:36px; display: -webkit-box; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}

	.photo_list>ul>li>a:hover span.bg{opacity: 1;}
	.photo_list>ul>li>a:hover span.bg:before{width: 50px; margin:-1px 0 0 -25px; opacity: 1;}
	.photo_list>ul>li>a:hover span.bg:after{height: 50px; margin:-25px 0 0 -1px; opacity: 1;}

	/* card style */
		.photo_list.card>ul>li>a .thumb{height:375px;}
		.photo_list.card>ul>li>a span.bg{display:none; z-index:-999;}

		.photo_list.card>ul>li>a .area{height:auto; background-color: rgba(0,0,0,0.6); border:none; position: absolute; left:0; bottom:0px; z-index:2;}
		.photo_list.card>ul>li>a .area .in_area{height:95px; vertical-align: top;}
		.photo_list.card>ul>li>a .area p{color: #ccc;}
		.photo_list.card>ul>li>a .area .title{color: #fff;}

		.photo_list.card>ul>li>a:hover .area .in_area{height:375px;}

	/* board style */
		.photo_list.board{border-top:2px solid #222; border-bottom:1px solid #222;}
		.photo_list.board>ul{margin:0 0 -1px 0;}
		.photo_list.board>ul>li{width:100%; padding:20px 31px; border-bottom:1px solid #d9d9d9;}
		.photo_list.board>ul>li>a{display:table; table-layout: fixed;}
		.photo_list.board>ul>li>a .thumb{width:380px; min-width:380px; height:220px; background-position: center center; background-repeat: no-repeat; background-size: cover; overflow:hidden; display:table-cell; vertical-align: middle;}

		.photo_list.board>ul>li>a .area{width:auto; height:auto; padding:0 0 0 0; border:none; display:table-cell; vertical-align: middle;}
		.photo_list.board>ul>li>a .area .in_area{height:auto; padding:0; display:inline;}
		.photo_list.board>ul>li>a .thumb+.area{padding:0 0 0 30px;}
		.photo_list.board>ul>li>a .area .txt{margin-top:15px;}

	.photo_list.two>ul,
	.photo_list.three>ul,
	.photo_list.four>ul,
	.photo_list.five>ul{margin:-12px 0 0 -12px;}

	.photo_list.two>ul>li,
	.photo_list.three>ul>li,
	.photo_list.four>ul>li,
	.photo_list.five>ul>li{padding:12px 0 0 12px; display:inline-block; vertical-align: top;}

	.photo_list.two>ul>li{width:50%;}
	.photo_list.three>ul>li{width:33.3333%;}
	.photo_list.four>ul>li{width:25%;}
	.photo_list.five>ul>li{width:20%;}

	.photo_list>ul>li.noPost{width:100%; height:400px; padding-top:190px; font-size:16px; line-height:1; color: #474a52; text-align: center; box-sizing: border-box;}

/* 비밀번호 입력 레이어 */
	.passLayer,
	.passLayer .mpl_box{-webkit-transition: .4s; transition: .4s; transform-origin: 50% 50%;}
	.passLayer{background-color: rgba(0,0,0,0.7); font-size:0; line-height:0; position:fixed; left:0; top:0; right:0; bottom:0; z-index:-1; overflow:hidden; overflow-y:auto; opacity:0;}
	.passLayer .closeLy{width:100px; display:inline-block; position: fixed; right:0; top:0;}
	.passLayer .mpl_In{width:100%; height:100%; display: table; position:relative;}
	.passLayer .mpl_cell{width:100%; height:100%; padding:70px 0; display: table-cell; vertical-align:middle; position:relative; box-sizing: border-box;}
	.passLayer .mpl_box{width:90%; max-width:400px; margin:0 auto; background-color: #fff; font-size:0; line-height:0; text-align: center; position: relative; box-sizing: border-box; opacity:0;}
	.passLayer .mpl_box .mpl_in{padding:20px; font-size:20px; line-height:1.4; text-align: left;}
	.passLayer .mpl_box .mpl_in .form{padding-top:10px; display: flex; justify-content: space-between;}
	.passLayer .mpl_box .mpl_in .form>a{width:30%; height:50px; background-color: #5d6670; font-weight: 300; font-size:14px; line-height:48px; color: #fff; text-align: center; display:inline-block; vertical-align: top;}

	.passLayer input[type=password]{width:70%; height:50px; padding:0 10px; background-color:#fff; border:1px solid #9e9e9e; font-weight: 300; font-size:14px; line-height:48px; color:#666; box-sizing: border-box; display:inline-block; vertical-align:top;}

	.passLayer.active{z-index:99; opacity: 1;}
	.passLayer.active .mpl_box{opacity: 1;}


    /*point */

    .point__box {border: 1px solid #dddddd; background: #fff; padding: 3rem 8rem; margin: 7rem 0;}
    .point__box b {display: block; position: relative; font-size: 2rem; font-weight: 700; color: #1b1b1b;}
    .point__box b::before {content: ""; position: absolute; top: 50%; transform: translateY(-50%); left: -5rem; width: 3.3rem ;height: 3.3rem; background: url('/img/sub/point__icon.png') no-repeat center; background-size: contain;}
    .point__box p {font-size: 1.8rem; font-weight: 400; color: #1b1b1b; line-height: 2.8rem;}

    /* Board View */
	.board_view{width:100%; border-top:2px solid #333; border-bottom:1px solid #bdbdbd; overflow:hidden;}
	.board_view>table{width:100%; margin-bottom:-1px; border-spacing:0;}
	.board_view>table th,
	.board_view>table td{padding:2rem 0; background-color: #fff; font-weight: 400; font-size:1.6rem; line-height:1.6; color:#555; text-align:left; border-collapse:collapse; empty-cells:show; word-break:break-all;}

	.board_view>table>thead>tr>th{padding:2.5rem 2rem 2.5rem; border-bottom:1px solid #e2e2e2; font-size:0; text-align: left;}
	.board_view>table .view_cate{padding-bottom:0.3rem; font-weight: 400; font-size:1.5rem; color:#23408f;}
	.board_view>table .view_title{font-weight: 500; font-size:2.2rem; line-height:1.4; color: #333; word-break: break-all !important;}
	.board_view>table .view_tit{margin-top:0.5rem; font-size:1.7rem;}

	.board_view>table .view_info{margin-top:1rem; display: flex; flex-direction: row; align-items: center; justify-content: space-between;}
	.board_view>table .view_info>*{display: flex; flex-direction: row; align-items: center; justify-content: space-between;}
	.board_view>table .view_info p.txt{font-size:1.5rem; color: #888; text-align:center; display:inline-block; vertical-align: top; position: relative;}
	.board_view>table .view_info p.txt>strong{font-weight: 400; color: #333;}
	.board_view>table .view_info p.txt>strong:after{content: ":"; padding-left:0.4rem;}
	.board_view>table .view_info p.txt+p.txt{margin-left:3.3rem;}
	.board_view>table .view_info p.txt+p.txt:before{content: ""; width:1px; height:1rem; margin-top:-0.5rem; background-color: #ccc; display: inline-block; position:absolute; left: -1.7rem; top:50%;}

	.board_view>table .state{padding-left:2rem;}
	.board_view>table .state .icon{width:8.6rem; height:3.8rem; background-color: #fafafa; border:1px solid #ccc; font-size:1.5rem; line-height:3.6rem; color: #666; text-align: center; display:inline-block; border-radius:4px;}
	.board_view>table .state .icon.end{background-color: #23408f; border-color:#23408f; color: #fff;}

	.board_view>table .e_icon{padding-left:2rem;}
	.board_view>table .e_icon>span{width:8rem; height:3rem; background-color: #fff; border:1px solid #035ab6; font-size:1.5rem; line-height:2.8rem; color: #035ab6; text-align: center; display: block; border-radius:99px;}
	.board_view>table .e_icon.ing>span{background-color: #035ab6; border-color:#035ab6; color: #fff;}
	.board_view>table .e_icon.end>span{background-color: #b3b3b3; border-color:#b3b3b3; color: #fff;}

	.board_view>table .view_cont{padding:4.5rem 2rem;}
	.board_view>table #bo_v_img{text-align: center;}
	.board_view>table #bo_v_img img,
	.board_view>table .wideFrame{width:auto !important; height:auto !important; margin-bottom:3rem;}
	.board_view>table #bo_v_con{padding-bottom:6.5rem;}
	.board_view>table #bo_v_con *{word-break:break-all !important;}

	.board_view td.answer{padding:3rem; background-color: #f9f9f9; text-align: left; vertical-align: top;}
	.board_view td.answer>.tit{padding-bottom:1.5rem; font-weight: 500; font-size:2rem; line-height:1; color: #333;}

	.view_file{margin:-1rem 0 0 -1rem; display: flex; flex-wrap: wrap; justify-content: flex-start;}
	.view_file>a{margin:1rem 0 0 1rem; padding:0.95rem 1.6rem; background-color: #fff; border:1px solid #999; font-size:1.5rem; line-height:1; color: #333; display: flex; flex-wrap: wrap; flex-direction: row; align-items: center; justify-content: center; border-radius:4px; box-sizing:border-box; white-space: nowrap;}
	.view_file>a:hover{border-color:#23408f; color:#23408f;}


    /* Faq List */
	.faqArea{width:100%; border-top:2px solid #333; font-size:0; line-height:0; position:relative; overflow:hidden;}
	.faqArea>li{border-bottom:1px solid #dbdbdb; position: relative;}
	.faqArea>li .checkIn{position: absolute; left:1.5rem; top:1rem;}
	.faqArea>li .admGos{right:auto; left:4.5rem; top:0.7rem;}
	.faqArea>li+li{}
	.faqArea>li .q{padding:2rem 9rem 2rem 7rem; font-weight: 400; font-size:1.5rem; line-height:1.6; color: #333; display:block; position: relative;}
	.faqArea>li .q:before{content: "Q"; width:3.5rem; height:3.5rem; background-color: #23408f; font-size:1.8rem; line-height:3.3rem; color: #fff; text-align: center; display: inline-block; position:absolute; left: 1.5rem; top:1.5rem; border-radius:3px;}
	.faqArea>li .q>.bul{width:2rem; height:2rem; display:block; position: absolute; right:2rem; top:50%; transform: translateY(-50%); transition: all .3s ease-out;}
	.faqArea>li .q>.bul:before,
	.faqArea>li .q>.bul:after{content: ""; background-color: #666; position: absolute; left:50%; top:50%; transform: translate(-50%, -50%); display:block;}
	.faqArea>li .q>.bul:before{width:100%; height:1px; transition: all .3s ease-out;}
	.faqArea>li .q>.bul:after{width:1px; height:100%; transition: all .3s ease-out;}

	.faqArea>li .q:hover{}

	.faqArea>li .a{padding:2rem 7rem 4rem 7rem; background-color: #f9f9f9; border-top:1px solid #e5e5e5; font-weight: 300; font-size:1.5rem; line-height:1.6; color: #333; display:none; position: relative;}
	.faqArea>li .a:before{content: "A"; width:3.5rem; height:3.5rem; background-color: #fff; border:1px solid #23408f; font-size:1.8rem; line-height:3.3rem; color: #23408f; text-align: center; display: inline-block; position:absolute; left: 1.5rem; top:1.5rem; border-radius:3px;}

	.faqArea>li .view_file{margin-top:2rem;}

	.faqArea>li.active .q{background-color: #f9f9f9; font-weight: 500;}
	.faqArea>li.active .q:before{}
	.faqArea>li.active .q>.bul{transform:translateY(-50%) rotate(45deg);}
	.faqArea>li.active .q>.bul:before,
	.faqArea>li.active .q>.bul:after{background-color: #333;}

	.faqArea>li.noPost{width:100%; height:30rem; font-size:1.6rem; line-height:1; color: #666; text-align: center; display:table;}
	.faqArea>li.noPost>p{display:table-cell; vertical-align: middle;}

	.faqArea>li.ad{padding-top:3rem;}


    /* PageNavigation Style */
	.pageNavigation{width:100%; margin-top:-1px; border-bottom:1px solid #aaa; overflow:hidden; position: relative; z-index:2;}
	.pageNavigation>dl{width:100%; border-top:1px solid #e2e2e2; font-size:1.6rem; line-height:1.1; color: #333; display:table; table-layout: fixed;}
	.pageNavigation>dl>*{display:table-cell; vertical-align:middle; box-sizing:border-box; position: relative;}
	.pageNavigation>dl>dt{width:10.5rem; height:6.5rem; text-align:center; color:#333;}
	.pageNavigation>dl>dt:before{content: ""; width: 1rem; height: 1rem; border-width:1px 0 0 1px; border-style:solid; border-color:#474a52; display: inline-block; position:absolute; right: 0; top:3.5rem;}
	.pageNavigation>dl.prev>dt:before{margin:-0.2rem 0 0 0; transform:rotate(45deg);}
	.pageNavigation>dl.next>dt:before{margin:-0.7rem 0 0 0; transform:rotate(-135deg);}

	.pageNavigation>dl>dd{padding:0 12.5rem 0 4.5rem;}
	.pageNavigation>dl>dd>a{max-width:100%; font-weight: 400; color:#333; display:inline-block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
	.pageNavigation>dl>dd>a:hover{color:var(--point);}
	.pageNavigation>dl>dd>.day{height:6.5rem; font-weight: 300; color: #666; position: absolute; right:3rem; top:0; display: flex; flex-direction: row; align-items: center; justify-content: flex-end;}


    /* cate__list */

.cate__list {display: flex; align-items: center; border-bottom: 1px solid #0153a5; margin: 6rem 0 3rem; }
.cate__list.mypage { margin: 6rem 0; }
.cate__list.mypage li {flex: 1;}
.cate__list li {width: 22rem; height: 6rem; border: 1px solid #ddd; }
.cate__list li + li { border-left: 1px solld #0153a5;}
.cate__list li:first-of-type {border-right: none;}
.cate__list li a img {display: none;}
.cate__list li.on {position: relative; border: 1px solid #0153a5;  font-weight: 700; color: #0153a5; border-bottom: none;}
.cate__list li.on::after {content: ""; position: absolute; left: 0; bottom: -1px; border-bottom: 1px solid #fff; width: 100%; height: 1px;}
.cate__list li.on a img {display: block;}
.cate__list li a {display: flex; align-items: center; justify-content: center; height: 100%; gap: 1rem; }
.cate__list li a p {font-size: 1.9rem; font-weight: 400; color: #333333; }

.cate__list img {width: 2.4rem;}


/* Board Option */
.board_btn{width:100%;  font-size:0; line-height:0; display: flex; flex-flow: row wrap; justify-content: space-between; position: relative; z-index:6;}
.board_btn>*{}
.board_btn>.total{padding:1.1rem 0; font-weight: 300; font-size:1.5rem; line-height:1; color: #626262; text-align: left;}
.board_btn>.total>strong{font-weight: 400; color:#333;}

.board_btn .click{padding:0.8rem 1.3rem; background-color:#fff; border:1px solid#23408f; font-size:1.7rem; line-height:1.2; color:#333; text-align: center; overflow:hidden; display:inline-block; vertical-align: top; box-sizing:border-box; border-radius:3px; cursor: pointer; position: relative; white-space: nowrap;}
.board_btn .click .fa{margin-top:-0.3rem; vertical-align: middle;}
.board_btn .click .fa.fa-pencil{text-decoration: underline;}

.board_btn .click.big{min-width:12rem; padding:1.2rem 2.5rem; font-weight: 400;}
.board_btn .click.admin{background-color: #d51020; border-color:#d51020; color: #fff;}
.board_btn .click.write{background-color:#23408f; color: #fff;}
.board_btn .click.cancel{border-color:#aaa;}
.board_btn .click.delete{border-color:#aaa; background-color: #aaa;color: #fff;}

.board_btn .board_user{}
.board_btn .board_user>li{display:inline-block; vertical-align: top;}
.board_btn .board_user>li+li{margin-left:1rem;}

.board_btn.end{justify-content: flex-end;}
.board_btn.write{ justify-content: center;}
.board_btn.write .click.big{min-width:20rem; padding:1.7rem 2.5rem; font-weight: 400;}



/* 팝업창!!!!!!!!!!!!*/

.modal {/* cursor: pointer; */position: fixed; left: 0; top: 0; width: 100%; height: 100vh; overflow: auto; z-index: 100; background: rgba(0,0,0,0.6);  opacity: 0;  visibility: hidden; transition: .3s ease;}
.modal.active {opacity: 1; visibility: visible;}
.modal__inner {background: #fff; max-width: 45rem; text-align: center; width: calc(100% - 2rem); margin: 15rem auto 5rem; padding: 4rem; cursor: auto; box-shadow: 8px 8px 20px 0 rgba(0,0,0,0.6);position: relative;}
.modal--close {position: absolute;top: 1rem;right: 1rem; padding: 1rem;}

.modal__inner p {font-size: 1.8rem; font-weight: 400; color: #1b1b1b; padding: 2rem 0;}
.modal__inner .md__close {display: flex; align-items: center; justify-content: center; margin: 0 auto; width: 13rem; height: 4.5rem; color: #fff; font-weight: 400; font-size: 1.8rem; border-radius: 2px; background-color: #bb9632;}




/* 로그인 , 회원가입 */
.popUp_auth {position: fixed; left: 0; top: 0; width: 100%; height: 100vh; overflow: auto; background: rgba(0,0,0,0.5); z-index: 100000;  cursor: pointer; opacity: 0; visibility: hidden; transition: .3s ease;}
.popUp_auth.active {opacity: 1; visibility: visible;}
.popUp__inner {width: calc(100% - 2rem); margin: 30px auto; background: #fff; max-width: 90rem; cursor: auto;}
.popUp__inner.membershipWrap {max-width: 110rem;}
.btn__popClose {cursor: pointer;}

/* .login_wrap,
.login_fineWrap {width: 100%; max-width: 90rem;} */
.login_top {display: flex; align-items: center; justify-content: space-between; padding: 3rem 5rem; background: #09539c;}
.login_top p {font-size: 3.2rem; font-weight: 700; color: #fff;}
.login_btm img {width: 24rem;}
.complete_cont > img {width: 15.5rem;}
.login_btm input {font-size: 1.6rem;}
.find_wr input {font-size: 1.6rem;}


/* 로그인창*/
.login_wrap .login_btm {width: 100%; text-align: center; padding: 6rem 12rem 7rem;} 
.login_wrap .login_tit01 {font-size: 3rem; font-weight: 500; color: #333333; margin: 4rem 0; }
.login_wrap .frm_inputId {background: url('/images/icon_login_id.png') no-repeat #f0f0f0; background-size: 3rem; background-position: 2rem 50%; width: 100%; border: none;  padding: 3rem 6rem; margin-bottom: 2rem;}
.login_wrap .frm_inputPw {background: url('/images/icon_login_pw.png') no-repeat #f0f0f0; background-size: 3rem; background-position: 2rem 50%; width: 100%; border: none;  padding: 3rem 6rem; margin-bottom: 2rem;}
.login_wrap #login_fs .btn_submit {color: #fff; font-weight: 500; font-size: 2.2rem; background: #bb9632; padding: 2rem; border: 1px solid #bb9632; width: 100%; font-family: 'Noto Sans KR', sans-serif; margin-bottom: 2rem;}
.login_wrap .login_auto_login { margin-left: 2rem;}
.login_wrap .login_tit02 {display: block ; font-size: 2rem; font-weight: 500; color: #333333; padding: 5rem 0 3rem; border-top: 1px solid #ddd; margin-top: 4rem;}
.login_wrap .login_btn {display: flex; margin-bottom: 2rem;}
.login_wrap .login_find_btn {width: calc((100% - 1rem)/2); background: #fff; border-radius: 2px; border: 1px solid #ddd; padding: 2rem; font-size: 1.8rem; font-weight: 300; color: #888888; margin-left: 1rem;}
.login_wrap .login_find_btn:first-of-type {margin: 0;}
.login_wrap .join {background: #fff;  color: #333; display: flex; align-items: center; justify-content: center; width: 100%; padding: 2rem; border-radius: 2px; border: 1px solid #ddd; font-size: 2rem; font-weight: 300;}

.login_wrap .login_if_auto {display: flex; justify-content: center;}
.login_wrap .login_if_auto label {display: flex; cursor: pointer; margin: 0 0 0 5rem; align-items: center;}
.login_wrap .login_if_auto label:first-of-type {margin: 0;}
.login_wrap .login_if_auto label p {font-size: 1.8rem; margin-left: 1rem; color: #666666; font-weight: 300;}
.login_if_auto label span {display: inline-block; width: 22px; height: 22px; border: 1px solid #ddd; position: relative;}
.login_if_auto label span::after {content: ""; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 11px; height: 11px; background: #003976; opacity: 0; transition: .3s ease;}
.login_if_auto label input:checked + span::after {opacity: 1;}

/**/

/* 아이디 비밀번호 찾기 */

.login_fineWrap .fine_cont {width: 100%; text-align: center; padding: 0 10rem;}
.login_fineWrap .fine_box {padding: 7rem 9rem 6rem; }
/* .login_fineWrap .fine_box.id {border-bottom: 1px solid #ddd; } */
.login_fineWrap .fine_tit {font-size: 3rem; color: #000;}
.login_fineWrap .fine_arti {font-size:  2rem; font-weight: 300; color: #333333; margin: 2rem 0 3rem;}
.login_fineWrap .fine_arti span {font-size:  1.6rem; font-weight: 300; color: #666666; }
.login_fineWrap .find_wr .wr_id {width: 100%; background: #f0f0f0; padding: 2rem; margin-bottom: 1.5rem; border: none; border-radius: 2px;}
.login_fineWrap .find_wr .wr_name {width: 100%; background: #f0f0f0; padding: 2rem; margin-bottom: 1.5rem; border: none; border-radius: 2px;}
.login_fineWrap .find_wr .wr_mail {width: 100%; background: #f0f0f0; padding: 2rem; margin-bottom: 3rem; border: none; border-radius: 2px;}
.login_fineWrap .find_btnWrap {display: flex; margin-bottom: 2rem;}
.login_fineWrap .find_btn {width: calc((100% - 2rem)/2); background: #fff; border-radius: 2px; border: 1px solid #ddd; padding: 2rem; font-size: 1.7rem; font-weight: 400; color: #888888; margin-left: 2rem;}
.login_fineWrap .find_btn:first-of-type {margin: 0;}
.login_fineWrap .find_btn.color {background: #bb9632; color: #fff; border: none;}
/**/

/* 회원가입 동의 */

/* join agree */
.jd__txtWrap {text-align: center; margin: 2rem 0 6rem;}

.join__table {width: 100%; border-top: 2px solid #000}
.join__table tr {border-bottom: 1px solid #ddd;}
.join__table th {border-right: 1px solid #ddd;     background: #fbfbfc; font-size: 1.8rem; font-weight: 500; color: #1b1b1b; padding: 1rem; width: 20rem;}
.join__table td {padding: 1.5rem 1rem; font-size: 1.7rem; font-weight: 400;}
.join__table input,
.join__table select {height: 4rem; border: 1px solid #ccc; padding: 0 1rem; max-width: 40rem; width: 100%; font-size: 1.6rem; border-radius: 2px;}
.join__table select {background: url('/images/sub/subNav_arrow.png') no-repeat; background-position: right 1rem center;}

.join__table p {font-size: 1.6rem; font-weight: 400; color: #666;}

.labelChkLeft {display: flex; justify-content: flex-start;}
.labelChkLeft + .labelChkLeft {margin: 1rem 0 0;}
.labelChk + .labelChk {margin: 0 0 0 2rem;}

.join__phoneWrap {display: flex; align-items: center;}
.join__tr--phone input,
.join__tr--phone select {width: calc((100% - 2rem) / 3); max-width: none; max-width: 15rem;}
.join__phoneWrap i {width: 0.4rem; height: 1px; background: #999; margin: 0 0.3rem;}

.join_mailWrap {display: flex; align-items: center;}
.join__tr--mail input,
.join__tr--mail select {width: calc((100% - 3rem) / 3); max-width: 20rem;}
.join__tr--mail select {margin: 0 0 0 1rem;}
.join_mailWrap i {display: inline-block; font-size: 1.6rem; width: 2rem; text-align: center; color: #666;}

.adress__top {display: flex; margin: 0 0 0.5rem;}
.adress__btm {display: flex;}
.adress__btm input + input {margin-left: 0.5rem;}
.btn__adressSearch {background: #888; border: none; width: 12rem; justify-content: center; align-items: center; border: none; color: #fff; font-size: 1.6rem; margin: 0 0 0 0.5rem;}
.join__tr--adress input {width: calc(100% / 2); max-width: 25rem;}
#fregisterform .adress__btm input {margin: 0.5rem 0 0;}
#fregisterform .adress__btm input + input {margin: 0.5rem 0 0 10px;}

.labelChk {display: flex; align-items: center; cursor: pointer;}
.labelChk__box {position: relative; display: inline-block; width: 2rem; height: 2rem; border: 1px solid #999999; margin: 0 1rem 0 0; background: #fff;}
.labelChk__box::before {content: ""; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 1.2rem; height: 1.2rem; background: #003976; opacity: 0; transition: .3s ease;}
input:checked + .labelChk__box::before {opacity: 1;}
.labelChk__tit {font-weight: 400; font-size: 2rem; color: #1b1b1b; margin: 0 1rem 0 0;}
.labelChk__txt {font-size: 1.6rem; font-weight: 400; color: #777777; transition: .3s ease; flex: 1;}

.rdi .labelChk__box {border-radius: 50%;}
.rdi .labelChk__box::before {border-radius: 50%;}

.join_title {margin: 2rem 0 5rem; font-size: 1.6rem;}
.join_cont .tos_btnWrap {display: flex; justify-content: center; margin-top: 5rem;}
.join_cont .tos_btn {border: 1px solid #ddd; max-width: 18rem; width: 100%; padding: 1.5rem; font-size: 1.7rem; font-weight: 400; color: #888888; margin-left: 2rem; text-align: center; background: #fff; border-radius: 2px;}
.join_cont .tos_btn:first-child {margin: 0;}
.join_cont .tos_btn.color {background: #bb9632; color: #fff; border: none;}


.subTit {font-size: 4rem; margin-bottom: 3rem;}
.mbskin {margin: 0 auto ; padding: 20rem 0 0; max-width: 360px; width: 100%;}
.mbskin .btn_submit {background: #bb9632;}

.agree__cnts + .agree__cnts {margin: 3rem 0 0;}
.agree__tit {display: block; font-size: 2rem; font-weight: 500; padding: 0 0 0.5rem;}
.btnWrap {margin: 5rem 0 0;}
.btnConfirm {display: flex; align-items: center; justify-content: center; margin: 0 auto; width: 20rem; height: 4.5rem; border: none; background: #bb9632; color: #fff; font-weight: 500; font-size: 2rem;}

.commu__tapList {display: flex; justify-content: center; margin: 2rem 0 0;}
.commu__tapList li + li {margin: 0 0 0 1rem;}
.commu__tapList button {border: none;  color: #fff; padding: 0.8rem 1rem; min-width: 10rem; transition: .3s ease; color: #333; font-weight: 500;}
.commu__tapList button.on {background: #bb9632; color: #fff;} 

.register__result {text-align: center;}
.regRes__txt {font-size: 3rem; font-weight: 700; color: #333333; margin: 5rem 0 0;}

.confirm__pw {text-align: center; max-width: 600px; margin: 0 auto;}
.confirm__tit {display: block; font-size: 2rem; margin: 0 0 2rem;}
.confirm__id {display: block; font-size: 1.6rem; border-top: 1px solid #ddd; margin: 2rem 0 0; padding: 2rem 0 0;}
.mb_confirm_id {font-size: 2.4rem; display: block; font-weight: 500;}
.confirm__inputWrap {display: flex; justify-content: center; margin: 1rem 0 0;}
.confirm__inputWrap .btn_submit {padding: 0 2rem; background: #bb9632; color: #fff; margin: 0 0 0 0.5rem;}


.privacyChk {display: flex; cursor: pointer; margin: 2rem 0 0; align-items: center;}
.privacyChk p {font-size: 1.6rem; font-weight: 400; color: #666666; margin: 0 0 0 1rem;}
.privacyChk span {display: inline-block; width: 2.2rem; height: 2.2rem; border: 1px solid #ddd; position: relative;}
.privacyChk span::after {content: ""; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 1.1rem; height: 1.1rem; background: #003976; opacity: 0; transition: .3s ease;}
.privacyChk input:checked + span::after {opacity: 1;}

.privacy__tit {display: block; font-size: 1.7rem; font-weight: 500; color: #333333; margin: 3rem 0 1rem;}
.privacy__contents {padding: 1.5rem; overflow: auto; height: 20rem; border: 1px solid #ddd; background: #f6f6f6;}

.agree {margin: 2rem 0 4rem;}
.agree b { font-size: 2.8rem; color: #222; font-weight: 700;}
.agree p { font-size: 2.2rem; color: #222; font-weight: 400;}


.board_list colgroup {display: table-column-group;}


.uploadFileINFO {text-align: left;}
.fileDelBtn {border: 1px solid #000; padding: 0 1rem 0.2rem; font-size: 1.6rem; line-height: 1.6rem; border-radius: 4px;}

.clauseArea .checkIn input[type=checkbox]+label::after{width: 2rem !important; height: 2rem !important; top:0;}
.required__tit {font-size: 1.6rem; text-align: right; margin-bottom: 1rem;}


/* 필수입력 */
.required,
textarea.required{background-image:url("/img/require.png") !important; background-repeat:no-repeat !important; background-position:right top !important}
select.required{background-image:url("/img/require.png"), url("http://host.iceserver.co.kr/theme/prix/img/board/bg_select.svg") !important; background-repeat:no-repeat !important; background-position:right top, calc(100% - 1rem) center !important;}
@media only screen and (max-width : 840px){
	select.required{background-position:right top, calc(100% - 1.5rem) center !important;}
}



@media only screen and (max-width : 840px){
	/* check style */
		/* .checkIn input[type=checkbox]+label,
		.checkIn input[type=radio]+label{padding-left:3.5rem; font-size: 2rem; line-height:2.5rem; color: #666; display: inline-block; cursor: pointer; position: relative;}
		.checkIn input[type=checkbox]+label:before,
		.checkIn input[type=radio]+label:after,
		.checkIn input[type=radio]+label:before,
		.checkIn input[type=checkbox]+label:after{width: 2.5rem; height: 2.5rem;} */

        .board_write .fs input,
        .board_write .fs select{min-width:33%;}

	/* Clause Box Style */
		.clauseArea{}
		.clauseArea>.tit{padding-bottom:2rem; font-weight: 500; font-size:2.4rem;}

		.clauseArea .scroll{height:30rem; padding:2rem 2rem; font-size:2rem; line-height:1.5; color: #999; overflow:hidden; overflow-y:auto; box-sizing:border-box;}

	/* Btn Style */
		.btnArea{margin-top:3rem;}
		.board_write+.btnArea{}
		.btnArea a,
		.btnArea input[type=image],
		.btnArea input[type=submit],
		.btnArea button{width:auto; height:7rem; margin:0 0 0 0; font-weight: 500; font-size:2rem; line-height:7rem;}
		.btnArea button{line-height:7rem}

		.btnArea *.small{}

		.btnArea a.ok,
		.btnArea input.ok,
		.btnArea button.ok{}

		.btnArea a.write,
		.btnArea input.write,
		.btnArea button.write{height:9rem; line-height:8.8rem;}

		.btnArea a.cancel,
		.btnArea input.cancel,
		.btnArea button.cancel{line-height:6.8rem;}

		.btnArea a.big,
		.btnArea input.big,
		.btnArea button.big{}

		.btnArea.tar a,
		.btnArea.tar input[type=image],
		.btnArea.tar input[type=submit],
		.btnArea.tar button{margin:0 0 0 0;}

		.btnArea.tac a,
		.btnArea.tac input[type=image],
		.btnArea.tac input[type=submit],
		.btnArea.tac button{margin:0 0;}

		.btnArea.tj a,
		.btnArea.tj input[type=image],
		.btnArea.tj input[type=submit],
		.btnArea.tj button{margin:0;}

		.btnArea.one a,
		.btnArea.one input[type=image],
		.btnArea.one input[type=submit],
		.btnArea.one button{width:100%; margin:0;}

		.btnArea.two a,
		.btnArea.two input[type=image],
		.btnArea.two input[type=submit],
		.btnArea.two button{width:49%; margin:0;}

		.btnArea.three a,
		.btnArea.three input[type=image],
		.btnArea.three input[type=submit],
		.btnArea.three button{width:32%; margin:0;}

		.paging_all+.btnArea{margin-top:-4.5rem;}

	/* Search Style */
		.search_top{margin-bottom:3rem; display: flex; flex-wrap: wrap; justify-content: space-between;}
		.search_top>span{width:67%; display: flex; justify-content: space-between;}
		.search_top>.total{padding-top:3rem; font-size:2.2rem; flex-basis: 100%; position: relative; bottom:0;}
		.search_top select,
		.search_top input[type=text],
		.search_top input[type=submit]{height:6.8rem; font-size:2.2rem; line-height:6.8rem;}
		.search_top select{width:30%; height:7rem;}
		.search_top input[type=text]{width:100%;}
		.search_top input[type=submit]{min-width:9rem; background-size: 3rem auto;}

		.search_top.two{display: block;}
		.search_top.two>div{width:100%; display: flex; justify-content: space-between;}
		.search_top.two>div+div{margin-top:10px;}
		.search_top.two select{width:50%; margin-left:0px;}
		.search_top.two select+select{margin-left:10px;}
		.search_top.two input[type=text]{width:80%; margin:0 -1px 0 0;}
		.search_top.two input[type=submit]{width:20%;}

	/* Board List Style */
		.board_list>.table .thead,
		.board_list>.table .tr>.num{display:none !important;}

		.board_list>.table .tr{padding:3rem 0; border-bottom:1px solid #ddd; display:block;}
		.board_list>.table .tr>div{height:auto; padding:0; border-bottom:none; font-size:2.2rem; text-align: left; display:block;}

		.board_list>.table .tr>.title{padding:0 2rem;}
		.board_list>.table .tr>.title>a{max-width:90%; font-weight: 500;}

		.board_list>.table .tr>.etc{padding:1rem 0 0 2.1rem; font-size:2rem; display:inline-block;}
		.board_list>.table .tr>.etc+.etc:before{content: ""; width:1px; height:2rem; background-color: #ccc; font-size:0; line-height:0; position: absolute; left:0.8rem; top:1.3rem;}

		.board_list>.table .tr>.stat{padding:0; position: absolute; right:2rem; bottom:1rem; display:inline-block;}
		.board_list>.table .tr>.stat>.icon{width:auto; height:3.5rem; padding:0 0.7rem; font-size:1.8rem; line-height:3.3rem;}
		.board_list>.table .tr>.stat>.icon.end{}

		.board_list>.table .tr.noPost .td>p{top:50%;}

	/* Pageing Style */
		.paging_all>.btn,
		.paging_all>.num>strong,
		.paging_all>.num>a{width:6rem; height:6rem;}

		.paging_all>.btn:before,
		.paging_all>.btn:after{width: 1.6rem; height: 1.6rem;}
		.paging_all>.btn.prev:before{margin:-0.8rem 0 0 -0.5rem; transform:rotate(-45deg);}
		.paging_all>.btn.next:before{margin:-0.8rem 0 0 -1.2rem; transform:rotate(135deg);}

		.paging_all>.num{margin:0 -1px 0 0;}

		.paging_all>.num>strong,
		.paging_all>.num>a{font-size:2rem; line-height:5.8rem;}

	/* Board View */
		.board_view{}
		.board_view>table{}
		.board_view>table th,
		.board_view>table td{padding:2rem 0; font-size:2rem;}

		.board_view>table>thead>tr>th{font-size:2.4rem;}

		.board_view>table>tbody>tr>td.cont img{width:auto !important; height:auto !important;}

	/* PageNavigation Style */
		.pageNavigation{}
		.pageNavigation>dl{font-size:2rem;}
		.pageNavigation>dl+dl{}
		.pageNavigation>dl>*{}
		.pageNavigation>dl>dt{width:10rem; height:6rem;}
		.pageNavigation>dl>dt:before{width: 1rem; height: 1rem;}
		.pageNavigation>dl.prev>dt:before{margin:-0.2rem 0 0 0;}
		.pageNavigation>dl.next>dt:before{margin:-0.7rem 0 0 0;}

		.pageNavigation>dl>dd{padding:1rem 2.5rem 0.7rem;}
		.pageNavigation>dl>dd>a{}



        /**/

        /* Board List Style */
		.board_list{}
		.board_list>table{}
		.board_list>table,
		.board_list>table tbody,
		.board_list>table tr,
		.board_list>table td,
		.board_list>table th{padding:0; background-color: #fff; border:none; font-size:2rem; display:block;}
		.board_list>table .td_num2,
		.board_list>table>thead{display:none;}
		.board_list>table .td_chk{width:auto; margin:-1rem 0 1rem; text-align: left; font-size:0; line-height:0;}

		.board_list>table tr{padding:3rem 0; border-bottom:1px solid #e2e2e2;}
		.board_list>table tr+tr{}

		.board_list>table>thead>tr>th{}

		.board_list>table .notice_icon{font-size:1.6rem;}

		.board_list>table .bo_tit{font-size:2.2rem;}
		.board_list>table .bo_tit>a{padding-left:0; -webkit-line-clamp: 2;}
		.board_list>table .bo_tit .icon{margin:0.7rem 0 0 0.5rem;}
		.board_list>table .bo_tit .icon:before{min-width:2.3rem; min-height:2.3rem; font-size:1.4rem; line-height:2.3rem;}

		.board_list>table .btm{margin-top:0.5rem; display:inline-block; vertical-align: middle; position: relative;}
		.board_list>table .btm+.btm{margin-left:3.1rem;}
		.board_list>table .btm+.btm:before{content: ""; width: 1px; height: 1.4rem; margin-top:-0.5rem; background-color: #aaa; display: inline-block; position:absolute; left: -1.6rem; top:50%;}

		.board_list>table .state{margin-top:0.8rem; padding:0;}
		.board_list>table .state .icon{width:9rem; height:4rem; line-height:3.8rem;}

		.board_list>table .file{font-size:2.2rem;}

		.board_list>table .store_photo{padding:0 0 3rem;}
		.board_list>table .store_photo img{max-height:40rem;}

		.board_list>table .store_info{margin-top:1rem; text-align: left; display: flex; justify-content: flex-start; position: relative;}
		.board_list>table .store_info:before{width:12rem; content: attr(data-title);font-weight: 400; color: #333; white-space: nowrap;}
		.board_list>table .store_info:after{content:":"; position: absolute; left:9.3rem; top:50%; transform: translateY(-50%);}
		.board_list>table .store_info+.store_info{margin-top:0.5rem;}

		.board_list.many{}
		.board_list.many>table tr{padding-bottom:2rem;}
		.board_list.many>table td{margin-bottom:1rem; text-align: left; position: relative; display: flex; flex-direction: row; align-items: center; justify-content: flex-start;}
		.board_list.many>table .bo_tit{justify-content: flex-start;}
		.board_list.many>table td.td_num2{display:none;}
		.board_list.many>table td:before{width:12rem; min-width:12rem; content: attr(data-title); padding-right:2rem; font-weight: 500; color: #222; text-align: justify;}
		.board_list.many>table td:after{content:""; width:1px; height:1.6rem; background-color: #ccc; font-size:0; position: absolute; left:8.5rem; top:50%; transform: translateY(-50%);}

		.board_list>table .td_chk{}
		.board_list>table .noPost>td{height:30rem; display: flex; flex-wrap: wrap; flex-direction: row; align-items: center; justify-content: center;}
		.board_list>table .td_chk:before,
		.board_list>table .td_chk:after,
		.board_list>table .noPost>td:before,
		.board_list>table .noPost>td:after{display:none;}

		.board_list.line>table{width:100%;}
		.board_list.line>table th,
		.board_list.line>table td{border-right:none;}

		.board_list.line>table .tac .bo_tit,
		.board_list.line>table .bo_tit.tac{justify-content: flex-start;}

        /**/


	/* Board View */
		.board_view{}
		.board_view>table{}
		.board_view>table th,
		.board_view>table td{padding:3rem 0; font-size:2rem;}

		.board_view>table>thead>tr>th{padding:3rem 0;}
		.board_view>table .view_cate{padding-bottom:0.8rem; font-size:2rem;}
		.board_view>table .view_title{font-size:2.4rem;}
		.board_view>table .view_tit{margin-top:0.8rem; font-size:2.2rem;}

		.board_view>table .view_info{}
		.board_view>table .view_info>*{}
		.board_view>table .view_info p.txt{font-size:2rem;}
		.board_view>table .view_info p.txt>strong{display:none;}
		.board_view>table .view_info p.txt+p.txt{}
		.board_view>table .view_info p.txt+p.txt:before{height:1.4rem; margin-top:-0.5rem;}

		.board_view>table .state{}
		.board_view>table .state .icon{width:9rem; height:4rem; font-size:2rem; line-height:3.6rem;}

		.board_view>table .e_icon{padding-left:2rem;}
		.board_view>table .e_icon>span{width:9rem; height:4rem; font-size:2rem; line-height:3.6rem;}

		.board_view>table .view_cont{padding:4.5rem 0rem;}
		.board_view>table #bo_v_img{}
		.board_view>table #bo_v_img img{}
		.board_view>table #bo_v_con{}

		.board_view td.answer>.tit{font-size:2.4rem;}

		.view_file>a{padding:1.2rem 1.6rem; font-size:2rem;}
		.view_file>a:hover{}

        /**/
        .board_write>table td.pd {padding: 1rem;}
        .board_write>table th {width: 16rem;}
        .registration table td {padding: 2rem;}

        .board_write>table th, .board_write>table td {padding: 1rem;}
        .bo_w_flie  input {width: 100%;}


        .login_wrap .login_btm {padding: 3rem;}
        .login_top {padding: 2rem 3rem;}
        .btn__popClose img {width: 3rem; }
        .login_fineWrap .fine_box { padding: 0; }
        .login_fineWrap .fine_cont {padding: 3rem ;}
        
}

@media only screen and (max-width : 480px){
    .board_write .three.phone {max-width: 100%;}
    .board_write .three.email {max-width: 100%;}
    .join__table th {width: 14rem;}
    .cate__list li.on a img {display: none;}
    .cate__list li a {text-align: center; gap: 0;}

    .board_write>table th {width: 12rem;}

}
/*
transition: all .5s linear;
transition: all .5s ease-out;
transform:rotate(180deg);
-webkit-transition-timing-function:ease-in linear; transition-timing-function:ease-in linear;
-webkit-transition-delay: .8s; transition-delay: .8s;
:before{content: ""; width: 24px; height: 24px; background-color: #fff; border:1px solid #666; display: inline-block; position:absolute; left: 0; top:0px; box-sizing: border-box;}
display: flex; justify-content: space-between; // 양쪽 끝 정렬
display: flex; justify-content: space-around; // 센터 정렬
display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; //한줄 감추기
display: block; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; //두줄 감추기
active
:first-child
text-indent:-99999px;
!important
display:table;
table-layout:fixed;
display:table-row;
display:table-cell;
box-sizing:border-box;
word-break:keep-all; word-wrap:break-word;
border-radius:2px;
*/