@charset "UTF-8";


/* multi-tab */
.multi-tab{width:100%; margin: 0 auto 40px; font-size:0; line-height:0; text-align: center; display:block; position: relative;}
.multi-tab .name{width:100%; height:70px; padding:0 50px 0 20px; border:1px solid #ddd; font-weight: 500; font-size:17px; line-height:1.4; color: #333; text-align: left; position: relative; display: none; flex-direction: row; align-items: center; justify-content: flex-start; -ms-flex-align:center;}
.multi-tab .name:after,
.multi-tab .name:before{content: ""; width:14px; height:1px; margin:0 0 0 0; background-color: #333; display: block; position:absolute; top:50%;}
.multi-tab .name:after{right:20px; transform:rotate(45deg);}
.multi-tab .name:before{right:10px; transform:rotate(-45deg);}

.multi-tab ul.multi-list{margin:-5px; display: flex; flex-wrap: wrap; flex-direction: row; justify-content: center;}
.multi-tab ul.multi-list>li{margin:5px; flex:0 1 16px; display:inline-block; vertical-align: top; position: relative;}
.multi-tab ul.multi-list>li a{width:180px; height:60px; padding:0 20px; background-color:#ddd; font-weight: 400; font-size:18px; font-family:var(--prtd); line-height:1.4; color: #666; display: flex; flex-direction: row; align-items: center; justify-content: center; -ms-flex-align:center; white-space: nowrap; border-radius:6px;}

.multi-tab ul.multi-list>li.active a,
.multi-tab ul.multi-list>li:hover a{background-color:var(--point); border-color:var(--point); color:#fff;}
.multi-tab ul.multi-list>li.active a{font-weight: 500;}

@media only screen and (max-width : 840px){
	.multi-tab{}
	.multi-tab .name{font-size:22px; display: flex;}

	.multi-tab ul.multi-list{width:100%; margin:0; background-color: #fff; border:1px solid #ddd; display: none; position: absolute; left:0; top:calc(100% - 1px); z-index:3;}
	.multi-tab ul.multi-list>li{margin:0; display:block;}
	.multi-tab ul.multi-list>li+li{border-top:1px solid #ddd;}
	.multi-tab ul.multi-list>li a{height:65px; border:none; font-size:20px; text-align: left; white-space: normal; border-radius:0; justify-content: flex-start;}
	.multi-tab ul.multi-list>li a>span{}

	.multi-tab.open .name:after{transform:rotate(-45deg);}
	.multi-tab.open .name:before{transform:rotate(45deg);}
}

/* fron */
/* Pageing Style */
.paging_all{width:100%; margin:30px 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:40px; height:40px; background-color: #fff; border:1px solid #dbdbdb;border-radius:unset; 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: 12px; height: 12px; 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:-6px 0 0 -3px; transform:rotate(-45deg);}
.paging_all .btns.next:before{margin:-6px 0 0 -9px; transform:rotate(135deg);}

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

.paging_all>.num>strong,
.paging_all>.num>a{font-weight: 300; font-size:16px; line-height:38px; color:#666;}
.paging_all>.num .btns{margin:0 10px}
.paging_all>.num .pg_page+.pg_page:not(.btns){border-left:none;}
.paging_all>.num .pg_start{margin-left:0;}
.paging_all>.num .pg_end{}

.paging_all .btns:hover{background-color: var(--point); border-color:var(--point);}
.paging_all .btns:hover:before,
.paging_all .btns:hover:after{border-color:#fff;}

.paging_all>.num>strong,
.paging_all>.num>a:hover{background-color: var(--point); border-color:var(--point); color:#fff; z-index:2;}

/* Board Write */
.board_write{width:100%; border-top:2px solid #333; border-bottom:1px solid #bdbdbd; overflow:hidden;}
.board_write + .board_write{margin-top:60px;}
.board_write>table{width:100%; border-spacing:0; margin-bottom:-1px; table-layout: fixed;}
.board_write>table th,
.board_write>table td{height:70px; padding:12px 0 12px 20px; border-bottom:1px solid #e2e2e2; font-weight: 400; font-size:17px; line-height:1.5; color: #666; text-align:left; vertical-align: middle; border-collapse:collapse; empty-cells:show;}

.board_write>table th{width:170px; padding:0px; background-color:#fbfbfb; border-right:1px solid #e2e2e2; color: #333; text-align: center;}

.board_write input[type=button],
.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:46px; padding:0 10px; background-color:#fff; border:1px solid #e2e2e2; font-weight: 300; font-size:15px; line-height:44px; color:#888; vertical-align:middle; display:inline-block;}

/* .board_write .email,
.board_write .hd_phone{width:calc(100% - );} */


.board_write .small{max-width:525px;}

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

.board_write select{padding-right:30px; background-image: url("/img/board/bg_select.svg"); background-repeat: no-repeat; background-position:calc(100% - 10px) center; background-size: 14px; /*line-height:4.60px;*/ -webkit-appearance: none; -moz-appearance: none; appearance: none;}
.board_write select::-ms-expand{display:none;}
.board_write textarea{width:100%; height:300px; padding:20px; line-height:1.6; display:block;}

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

.board_write .board_option{padding-bottom:10px;}

.board_write .btns{width:auto; margin-left:10px; padding:0 20px; 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 .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:10px}

.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:10px;}
.board_write .three.email .btns{}

.board_write .bo_w_flie>div.script{padding:10px; border:1px solid #e2e2e2; display: flex; justify-content: flex-start;}
.board_write .bo_w_flie>div.script input[type=button]{width:auto; height:36px; padding:0 20px; background-color: #efefef; border:1px solid #767676; line-height:34px; color: #000;}
.board_write .bo_w_flie>div.script>span{margin-left:10px !important; padding-right:2px; line-height:34px; display:block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

.board_write .juso{margin-top:10px; 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:10px;}

.board_write .checkBox{margin:-10px 0 0 0; font-size:0; line-height:0; display: flex; flex-wrap: wrap; flex-direction: row; align-items:center; justify-content: flex-start;}
.board_write .checkBox>*{margin-top:10px;}
.board_write .checkBox .checkIn{margin-left:0 !important; margin-right: 30px; vertical-align: middle; white-space: nowrap;}
.board_write .checkBox .checkIn label{font-size:15px;}
.board_write .checkBox .checkIn input[type=text]{margin-left:10px; max-width:220px;}
.board_write .checkBox .type{height:20px; line-height:20px;}

.board_write>table .type{font-size:15px; line-height:1; display:inline-block; vertical-align:middle;}
.board_write>table .type.n{white-space: nowrap;}
.board_write>table .type.l{margin:0 15px 0 10px;}
.board_write>table .type.r{margin:0 10px 0 15px;}
.board_write>table .type.c{margin:0 10px;}
.board_write>table .point{color: #ff0000;}

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

/* 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:20px 0; background-color: #fff; border-bottom:1px solid #e2e2e2; font-size:15px; 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:16px; color: #333;}

.board_list>table .portlet-header{margin-top:5px; padding:5px 10px; background-color:rgba(0,0,0,0.5); font-size:13px; line-height:1.4; color: #fff; cursor:move; display:inline-block;}

.board_list>table .notice_icon{padding:0px 10px 0.20px; background-color: var(--point); font-weight: 300; font-size:14px; color: #fff; border-radius:3px;}

.board_list>table .bo_tit{font-weight: 500; text-align:left; display: flex; justify-content: flex-start;align-items:center;}
.board_list>table .bo_tit>a{padding:0 5px 0 20px; 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:var(--point);}
.board_list>table .tac .bo_tit,
.board_list>table .bo_tit.tac{justify-content: center;}
.board_list>table .bo_tit .icon{margin:4px 0 0 5px;}
.board_list>table .bo_tit .icon:before{content: ""; min-width:18px; min-height:18px; background-color: var(--point); font-weight: 300; font-size:10px; line-height:18px; 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:14px 0;}
.board_list>table .state .icon{width:100px; height:38px; background-color: #fafafa; border:1px solid #ccc; line-height:36px; color: #666; text-align: center; display:inline-block; border-radius:4px;}
.board_list>table .state .icon.end{background-color: var(--point); border-color:var(--point); color: #fff;}

.board_list>table .file{font-size:18px;}

.board_list>table .store_photo{padding:10px;}
.board_list>table .store_photo img{max-height:120px; object-fit:contain;}

.board_list>table .noPost>td{height:200px; 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;}

/* 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:20px 0; background-color: #fff; font-weight: 400; font-size:16px; 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:25px 20px 25px; border-bottom:1px solid #e2e2e2; font-size:0; text-align: left;}
.board_view>table .view_cate{padding-bottom:3px; font-weight: 400; font-size:15px; color:var(--point);}
.board_view>table .view_title{font-weight: 500; font-size:22px; line-height:1.4; color: #333; word-break: break-word !important;}
.board_view>table .view_tit{margin-top:5px; font-size:17px;}

.board_view>table .view_info{margin-top:10px; 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:15px; 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:4px;}
.board_view>table .view_info p.txt+p.txt{margin-left:33px;}
.board_view>table .view_info p.txt+p.txt:before{content: ""; width:1px; height:10px; margin-top:-5px; background-color: #ccc; display: inline-block; position:absolute; left: -17px; top:50%;}

.board_view>table .state{padding-left:20px;}
.board_view>table .state .icon{width:100px; height:38px; background-color: #f17f06; border:1px solid #f17f06; font-size:15px; line-height:36px; color: #fff; text-align: center; display:inline-block; border-radius:4px;}
.board_view>table .state .icon.end{background-color: #fff; border-color:#ddd; color: #929292;}

.board_view>table .e_icon{padding-left:20px;}
.board_view>table .e_icon>span{width:100px; height:30px; background-color: #fff; border:1px solid #035ab6; font-size:15px; line-height:28px; 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:45px 20px;}
.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:30px;}
.board_view>table #bo_v_con{padding-bottom:65px;}
html[lang="en"] .board_view>table #bo_v_con *{word-break:break-word !important;}

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

.view_file{margin:-10px 0 0 -10px; display: flex; flex-wrap: wrap; justify-content: flex-start;}
.view_file>a{margin:10px 0 0 10px; padding:9.5px 16px; background-color: #fff; border:1px solid #999; font-size:15px; 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:var(--point); color:var(--point);}

/* Board Option */
.board_btn{width:100%; padding:20px 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:11px 0; font-weight: 300; font-size:15px; line-height:1; color: #626262; text-align: left;}
.board_btn>.total>strong{font-weight: 400; color:#333;}

.board_btn .click{padding:8px 13px; background-color:#fff; border:1px solid var(--point); font-size:17px; 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.icon{display: flex; align-items: center; justify-content: center; gap: 10px;}
.board_btn .click .fa{margin-top:-3px; vertical-align: middle;}
.board_btn .click .fa.fa-pencil{text-decoration: underline;}

.board_btn .click.big{min-width:120px; padding:12px 25px; font-weight: 400;}
.board_btn .click.admin{background-color: #d51020; border-color:#d51020; color: #fff;}
.board_btn .click.write{background-color: var(--point); 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:10px;}

.board_btn.end{justify-content: flex-end;}
.board_btn.write{margin-top:20px; justify-content: center;}
.board_btn.write .click.big{min-width:200px; padding:17px 25px; font-weight: 400;}

/* Category Style */
.category_top{width:100%; margin: 0 auto 40px; font-size:0; line-height:0; text-align: center; display:block; position: relative; z-index:7;}
.category_top h2{width:100%; height:70px; padding:0 50px 0 20px; border:1px solid #ddd; font-weight: 500; font-size:17px; line-height:1.4; color: #333; text-align: left; position: relative; display: none; flex-direction: row; align-items: center; justify-content: flex-start; }
.category_top h2:after,
.category_top h2:before{content: ""; width:14px; height:1px; margin:0 0 0 0; background-color: #333; display: block; position:absolute; top:50%;}
.category_top h2:after{right:20px; transform:rotate(45deg);}
.category_top h2:before{right:10px; transform:rotate(-45deg);}

.category_top>ul{margin:-5px; display: flex; flex-wrap: wrap; flex-direction: row; justify-content: center;}
.category_top>ul>li{margin:5px; flex:0 1 160px; display:inline-block; vertical-align: top; position: relative;}
.category_top>ul>li a{width:100%; height:46px; padding:0 20px; border:1px solid #ddd; font-weight: 400; font-size:16px; line-height:1.4; color: #666; display:table; white-space: nowrap; border-radius:99px;}
.category_top>ul>li a>span{display:table-cell; vertical-align: middle; word-break:keep-all; word-wrap:break-word;}

.category_top>ul>li#bo_cate_on{}
.category_top>ul>li a#bo_cate_on,
.category_top>ul>li a.active,
.category_top>ul>li:hover a{background-color:var(--point); border-color:var(--point); color:#fff;}
.category_top>ul>li a#bo_cate_on,
.category_top>ul>li a.active{font-weight: 500;}

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

.board_search select{padding:0 40px 0 20px; background-image: url("/theme/soda/img/board/bg_select.svg"); background-repeat: no-repeat; background-position:calc(100% - 10px) center; background-size: 14px; -webkit-appearance: none; -moz-appearance: none; appearance: none;}
.board_search select::-ms-expand{display:none;}

.board_search input[type=text]{width:250px;}
.board_search input[type=submit]{min-width:90px; margin-left:-1px; background-color: var(--point); border-color:var(--point); font-size:16px; line-height:1; color: #fff; cursor: pointer;}

/* 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=radio]+label{padding-left:26px; font-size:16px; line-height:16px; color: #666; 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: 16px; height: 16px; 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("/theme/soda/img/board/check.svg") no-repeat left top; background-size: cover; position: absolute; left:0; top:0; opacity: 0.3;}
.checkIn input[type=checkbox]:checked+label:before{border-color:#333;}
.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: 10px; height: 10px; margin:-5px 0 0 0; background-color: var(--point); border:none; left: 3px; 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:var(--point);}
.checkIn input[type=radio]:checked+label:after{opacity: 1;}
.checkIn.noTxt input[type=checkbox]+label,
.checkIn.noTxt input[type=radio]+label{width:22px; height:22px; padding:0; font-size:0; line-height:0; display: inline-block; cursor: pointer; position: relative;}
.checkIn.noTxt input[type=checkbox]+label:after{width:22px; height:22px;}
.checkIn.noTxt input[type=checkbox]+label:before,
.checkIn.noTxt input[type=radio]+label:after,
.checkIn.noTxt input[type=radio]+label:before{width: 22px; height: 22px; top:0px;}
.checkIn.top{margin-bottom:15px;}
.checkIn.noTxt.in{margin:10px 0 -15px; position: relative; z-index:2;}

/* 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:16px; 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:105px; height:65px; text-align:center; color:#333;}
.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:35px;}
.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:0 125px 0 45px;}
.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:65px; font-weight: 300; color: #666; position: absolute; right:30px; top:0; display: flex; flex-direction: row; align-items: center; justify-content: flex-end;}

/* Clause -webkit-Box Style */
.clauseArea{width:100%; font-size:0; line-height:0; overflow:hidden;}
.clauseArea + .clauseArea,
.board_write + .clauseArea{margin-top:60px;}
.clauseArea>.tit{height:40px; font-weight: 500; font-size:20px; line-height:1; color: #333;}
.clauseArea .scroll{width:100%; height:390px; padding:30px; background-color: #fff; border:1px solid #e2e2e2; font-weight: 300; font-size:15px; 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:30px 0 5px; color: #111;}
.clauseArea .scroll>p:first-child{margin-top:0px;}
.clauseArea .scroll>p>strong{font-weight: 400; color: #111;}

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

.clauseArea .scroll ol>li{margin-left:-5px; padding-left:25px; position: relative; box-sizing:border-box;}
.clauseArea .scroll ol>li:before {counter-increment: item; content: counter(item)"."; width:20px; 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:10px ; 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:7px;}

.clauseArea .nTable{width:100%; margin-top:5px; 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:15px; 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 .checkIn{padding-top:15px; float:right;}
.clauseArea .checkIn input[type=checkbox]+label{height:20px; padding-left:28px;; line-height:18px;}
.clauseArea .checkIn input[type=checkbox]+label:before,
.clauseArea .checkIn input[type=checkbox]+label:after{width: 20px; height: 20px;}

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

@media only screen and (max-width : 840px) {
    /* Board Option */
	.board_btn{padding:30px 0;}
	.board_btn>*{}
	.board_btn>.total{}
	.board_btn>.total>strong{}

	.board_btn .click{}
	.board_btn .click .fa{}
	.board_btn .click .fa.fa-pencil{}

	.board_btn .click.big{}

	.board_btn.write .board_user{width:calc(100% + 20px); margin:-10px; display: flex; flex-flow: row wrap; justify-content: space-between;}
	.board_btn.write .board_user>li{flex:1 1 30%; margin:10px !important;}
	.board_btn.write .click.big{width:100%; min-width:auto; padding:18px 25px;}

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

	.paging_all>.btn:before,
	.paging_all>.btn:after{width: 16px; height: 16px;}
	.paging_all>.btn.prev:before{margin:-8px 0 0 -5px; transform:rotate(-45deg);}
	.paging_all>.btn.next:before{margin:-8px 0 0 -12px; transform:rotate(135deg);}

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

	.paging_all>.num>strong,
	.paging_all>.num>a{font-size:20px; line-height:46px;} */

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

	.board_view>table>thead>tr>th{padding:3px 0;}
	.board_view>table .view_cate{padding-bottom:8px; font-size:20px;}
	.board_view>table .view_title{}
	.board_view>table .view_tit{margin-top:8px; font-size:22px;}

	.board_view>table .view_info{}
	.board_view>table .view_info>*{}
	.board_view>table .view_info p.txt{}
	.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:14px; margin-top:-5px;}

	.board_view>table .state{}
	.board_view>table .state .icon{width:120px; height:40px; font-size:20px; line-height:36px;}

	.board_view>table .e_icon{padding-left:20px;}
	.board_view>table .e_icon>span{width:13px; height:40px; font-size:20px; line-height:36px;}

	.board_view>table .view_cont{padding:45px 0px;}
	.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:24px;}

	.view_file>a{padding:12px 16px; font-size:20px;}
	.view_file>a:hover{}
    
	/* 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; display:block;}
	.board_list>table .td_num2,
	.board_list>table>thead{display:none;}
	.board_list>table .td_chk{width:auto; margin:-10px 0 10px; text-align: left; font-size:0; line-height:0; position: relative;}

	.board_list>table .portlet-header{margin-top:0; position: absolute; right:0; top:0;}

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

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

	.board_list>table .notice_icon{font-size:16px;}

	.board_list>table .bo_tit{}
	.board_list>table .bo_tit>a{padding-left:0; -webkit-line-clamp: 2;}
	.board_list>table .bo_tit .icon{}
	.board_list>table .bo_tit .icon:before{}

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

	.board_list>table .state{margin-top:8px; padding:0;}
	.board_list>table .state .icon{width:120px; height:40px; line-height:38px;}

	.board_list>table .file{font-size:22px;}

	.board_list>table .store_photo{padding:0 0 30px;}
	.board_list>table .store_photo img{max-height:400px;}

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

	.board_list.many{}
	.board_list.many>table tr{padding-bottom:20px;}
	.board_list.many>table td{margin-bottom:10px; 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:120px; min-width:120px; content: attr(data-title); padding-right:20px; font-weight: 500; color: #222; text-align: justify;}
	.board_list.many>table td:after{content:""; width:1px; height:16px; background-color: #ccc; font-size:0; position: absolute; left:85px; top:50%; transform: translateY(-50%);}

	.board_list>table .td_chk{}
	.board_list>table .noPost>td{height:300px; 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 Write */
	.board_write{}
	.board_write>table{}
	.board_write>table th,
	.board_write>table td{}

	.board_write>table th{width:110px; padding-left:0;}

	.board_write input[type=button],
	.board_write input[type=text],
	.board_write input[type=password],
	.board_write input[type=file],
	.board_write select,
	.board_write textarea,
	.board_write .btns{}

	.board_write select{padding-right:50px; background-position: calc(100% - 15px) center; background-size: 20px; line-height:70px;}
	.board_write textarea{height:300px; padding:15px;}

	.board_write .btnBox{flex-wrap:wrap;}
	.board_write .btnBox>*{flex:100%;margin-left:0;margin-top:10px;text-align:center;}
	.board_write .btnBox>input,
	.board_write .btnBox>select{}
	.board_write .btnBox>input+.btns{}

	.board_write .minicolors-theme-default .minicolors-swatch{height: 70px;}

	.board_write .two{max-width:100%;}

	.board_write .three{flex-wrap: wrap;}
	.board_write .three.days{margin:-5px 0;}
	.board_write .three.days .gap{display:none;}
	.board_write .three.days input,
	.board_write .three.days select{flex:1 1 100%; margin:5px 0;}
	.board_write .three.days .type{display:none;}

	.board_write .three.phone{max-width:100%; margin:-5px 0;}
	.board_write .three.phone input,
	.board_write .three.phone select{flex:1 1 45%; margin:5px 0;}

	.board_write .three.email{max-width:100%; margin:-5px 0;}
	.board_write .three.email input{flex:1 1 45%; margin:5px 0;}
	.board_write .three.email select{flex:1 1 100%; margin:5px 0;}
	.board_write .three.email input+select{margin-left:0;}

	.board_write .bo_w_flie>div.script{}
	.board_write .bo_w_flie>div.script input[type=button]{width:auto; height:56px; padding:0 20px; line-height:54px;}
	.board_write .bo_w_flie>div.script>span{line-height:54px;}

	.board_write .juso{margin-top:0px; flex-wrap: wrap;}
	.board_write .juso>input{flex:1 1 100%; width:100%; margin-top:10px;}
	.board_write .juso>input+input{width:100%; margin-left:0;}

	.board_write .checkBox{margin:-15px 0 0 0;}
	.board_write .checkBox>*{margin-top:15px;}
	.board_write .checkBox .checkIn label{}
	.board_write .checkBox .checkIn input[type=text]{max-width:calc(100% - 80px);}
	.board_write .checkBox .checkIn.lastEtc{width:100%;}

	.board_write>table .type{font-size:20px;}

    /* Search Style */
	.board_search{}
	.board_search .mobile_Block{width:100%; position: absolute; left:0; top:0; display: flex; justify-content: space-between;}
	.board_search *+*{}
	.board_search select,
	.board_search input[type=text],
	.board_search input[type=submit]{}

	.board_search select{padding:0 35px 0 10px; background-size: 20px;}

	.board_search input[type=text]{width:100%;}
	.board_search input[type=submit]{}

	.board_search.store2{padding-top:90px; justify-content: space-between;}
	.board_search.store2 *+*{margin-left:0;}
	.board_search.store2 select+select{margin-left:20px;}
	.board_search.store2 select{width:50%;}

	.board_search.divide{flex-wrap: wrap;}
	.board_search.divide *+*{margin-left:0;}
	.board_search.divide select+select{margin-left:20px;}
	.board_search.divide select{width:calc(50% - 10px);}
	.board_search.divide .mflex{width:100%; margin-top:20px; display: flex; justify-content: space-between;}

}