@charset "UTF-8";


/* multi-tab */
.multi-tab{width:100%; margin: 0 auto 4rem; font-size:0; line-height:0; text-align: center; display:block; position: relative;}
.multi-tab .name{width:100%; height:7rem; padding:0 5rem 0 2rem; border:0.1rem solid #ddd; font-weight: 500; font-size:1.7rem; 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:1.4rem; height:0.1rem; margin:0 0 0 0; background-color: #333; display: block; position:absolute; top:50%;}
.multi-tab .name:after{right:2rem; transform:rotate(45deg);}
.multi-tab .name:before{right:1rem; transform:rotate(-45deg);}

.multi-tab ul.multi-list{margin:-0.5rem; display: flex; flex-wrap: wrap; flex-direction: row; justify-content: center;}
.multi-tab ul.multi-list>li{margin:0.5rem; flex:0 1 1.6rem; display:inline-block; vertical-align: top; position: relative;}
.multi-tab ul.multi-list>li a{width:18rem; height:6rem; padding:0 2rem; background-color:#ddd; font-weight: 400; font-size:1.8rem; 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:0.6rem;}

.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:2.2rem; display: flex;}

	.multi-tab ul.multi-list{width:100%; margin:0; background-color: #fff; border:0.1rem solid #ddd; display: none; position: absolute; left:0; top:calc(100% - 0.1rem); z-index:3;}
	.multi-tab ul.multi-list>li{margin:0; display:block;}
	.multi-tab ul.multi-list>li+li{border-top:0.1rem solid #ddd;}
	.multi-tab ul.multi-list>li a{height:6.5rem; border:none; font-size:2rem; 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: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:0.1rem 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: 1.2rem; height: 1.2rem; border-width:0.1rem 0 0 0.1rem; 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{font-weight: 300; font-size:1.6rem; line-height:3.8rem; color:#666;}
.paging_all>.num .btns{margin:0 1rem}
.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:0.2rem solid #333; border-bottom:0.1rem solid #bdbdbd; overflow:hidden;}
.board_write + .board_write{margin-top:6rem;}
.board_write>table{width:100%; border-spacing:0; margin-bottom:-0.1rem; table-layout: fixed;}
.board_write>table th,
.board_write>table td{height:7rem; padding:1.2rem 0 1.2rem 2rem; border-bottom:0.1rem solid #e2e2e2; font-weight: 400; font-size:1.7rem; line-height:1.5; color: #666; text-align:left; vertical-align: middle; border-collapse:collapse; empty-cells:show;}

.board_write>table th{width:17rem; padding:0px; background-color:#fbfbfb; border-right:0.1rem 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:4.6rem; padding:0 1rem; background-color:#fff; border:0.1rem solid #e2e2e2; font-weight: 300; font-size:1.5rem; line-height:4.4rem; color:#888; vertical-align:middle; display:inline-block;}

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


.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("/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("/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: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 .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:-0.1rem;}

.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 .bo_w_flie>div.script{padding:1rem; border:0.1rem solid #e2e2e2; display: flex; justify-content: flex-start;}
.board_write .bo_w_flie>div.script input[type=button]{width:auto; height:3.6rem; padding:0 2rem; background-color: #efefef; border:0.1rem solid #767676; line-height:3.4rem; color: #000;}
.board_write .bo_w_flie>div.script>span{margin-left:1rem !important; padding-right:0.2rem; line-height:3.4rem; display:block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

.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{margin:-1rem 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:1rem;}
.board_write .checkBox .checkIn{margin-left:0 !important; margin-right: 3rem; vertical-align: middle; white-space: nowrap;}
.board_write .checkBox .checkIn label{font-size:1.5rem;}
.board_write .checkBox .checkIn input[type=text]{margin-left:1rem; max-width:22rem;}
.board_write .checkBox .type{height:2rem; line-height:2rem;}

.board_write>table .type{font-size:1.5rem; line-height:1; display:inline-block; vertical-align:middle;}
.board_write>table .type.n{white-space: nowrap;}
.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;}

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

.board_list>table>thead>tr>th{background-color: #fdfdfe; font-weight: 700; font-size:1.8rem; color: #333;}
/* .board_list>table td+td,
.board_list>table>thead>tr>th+th{border-left:1px solid #e5e5e5;} */

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

.board_list>table .notice_icon{padding:0px 1rem 0.2rem; background-color: var(--point); font-weight: 300; font-size:1.4rem; color: #fff; border-radius:0.3rem;}

.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 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:var(--point);}
.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: var(--point); font-weight: 300; font-size:1rem; line-height:1.8rem; color: #fff; text-align: center; border-radius:9.9rem; 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:10rem; height:3.8rem; background-color: #fafafa; border:0.1rem solid #ccc; line-height:3.6rem; color: #666; text-align: center; display:inline-block; border-radius:0.4rem;}
.board_list>table .state .icon.end{background-color: var(--point); border-color:var(--point); 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% + 0.1rem);}
.board_list.line>table th,
.board_list.line>table td{border-right:0.1rem solid #e2e2e2;}

/* Board View */
.board_view{width:100%; border-top:0.2rem solid #333; border-bottom:0.1rem solid #bdbdbd; overflow:hidden;}
.board_view>table{width:100%; margin-bottom:-0.1rem; 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:0.1rem 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:var(--point);}
.board_view>table .view_title{font-weight: 500; font-size:2.2rem; line-height:1.4; color: #333; word-break: break-word !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:0.1rem; 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:10rem; height:3.8rem; background-color: #f17f06; border:0.1rem solid #f17f06; font-size:1.5rem; line-height:3.6rem; color: #fff; text-align: center; display:inline-block; border-radius:0.4rem;}
.board_view>table .state .icon.end{background-color: #fff; border-color:#ddd; color: #929292;}

.board_view>table .e_icon{padding-left:2rem;}
.board_view>table .e_icon>span{width:10rem; height:3rem; background-color: #fff; border:0.1rem solid #035ab6; font-size:1.5rem; line-height:2.8rem; color: #035ab6; text-align: center; display: block; border-radius:9.9rem;}
.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;}
html[lang="en"] .board_view>table #bo_v_con *{word-break:break-word !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:9.0.5rem 1.6rem; background-color: #fff; border:0.1rem 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:0.4rem; 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:2rem 0; font-size:0; line-height:0; display: flex; flex-flow: row wrap; justify-content: space-between; position: relative; z-index:3;}
.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:0.1rem solid var(--point); 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:0.3rem; cursor: pointer; position: relative; white-space: nowrap;}
.board_btn .click.icon{display: flex; align-items: center; justify-content: center; gap: 1rem;}
.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: 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:1rem;}

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

/* 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.8rem; line-height:1.6; color: #333; display:block; position: relative;}
.faqArea>li .q:before{content: "Q"; width:3.5rem; height:3.5rem; background-color: var(--point); 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%);}
.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;}
.faqArea>li .q>.bul:after{width:1px; height:100%;}

.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.8rem ; 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 var(--point); font-size:1.8rem; line-height:3.3rem; color: var(--point); 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;}

/* Category Style */
.category_top{width:100%; margin: 0 auto 4rem; font-size:0; line-height:0; text-align: center; display:block; position: relative; z-index:7;}
.category_top h2{width:100%; height:7rem; padding:0 5rem 0 2rem; border:0.1rem solid #ddd; font-weight: 500; font-size:1.7rem; 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:1.4rem; height:0.1rem; margin:0 0 0 0; background-color: #333; display: block; position:absolute; top:50%;}
.category_top h2:after{right:2rem; transform:rotate(45deg);}
.category_top h2:before{right:1rem; transform:rotate(-45deg);}

.category_top>ul{margin:-0.5rem; display: flex; flex-wrap: wrap; flex-direction: row; justify-content: center;}
.category_top>ul>li{margin:0.5rem; flex:0 1 16rem; display:inline-block; vertical-align: top; position: relative;}
.category_top>ul>li a{width:100%; height:4.6rem; padding:0 2rem; border:0.1rem solid #ddd; font-weight: 400; font-size:1.6rem; line-height:1.4; color: #666; display:table; white-space: nowrap; border-radius:9.9rem;}
.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: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:0.1rem 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("/theme/soda/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]{min-width:9rem; margin-left:-0.1rem; background-color: var(--point); border-color:var(--point); font-size:1.6rem; 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:2.6rem; font-size:1.6rem; line-height:1.6rem; 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: 1.6rem; height: 1.6rem; background-color: #fff; border:0.1rem 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:9.9rem;}
.checkIn input[type=radio]+label:after{width: 1rem; height: 1rem; margin:-0.4rem 0 0 0; background-color: var(--point); border:none; left: 0.4rem; top:50%; border-radius:9.9rem; -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: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;}

/* PageNavigation Style */
.pageNavigation{width:100%; margin-top:-0.1rem; border-bottom:0.1rem solid #aaa; overflow:hidden; position: relative; z-index:2;}
.pageNavigation>dl{width:100%; border-top:0.1rem 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:0.1rem 0 0 0.1rem; 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;}

/* 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;}
.clauseArea .scroll{width:100%; height:39rem; padding:3rem; background-color: #fff; border:0.1rem 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:0px;}
.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:0px;}

.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:1.5rem; position: relative;}
.clauseArea .scroll ul.circle>li:before{content: "ο"; display: inline-block; position:absolute; left: 0; top:-0.1rem;}

.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:0.1rem solid #ebebeb; border-right:0.1rem 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:0.1rem solid #ebebeb; border-bottom:0.1rem 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:1.5rem; float:right;}
.clauseArea .checkIn input[type=checkbox]+label{height:2.2rem; padding-left:2.8rem;; line-height:1.8rem;}
.clauseArea .checkIn input[type=checkbox]+label:before,
.clauseArea .checkIn input[type=checkbox]+label:after{width: 2rem; height: 2rem;}

.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:3rem 0;}
	.board_btn>*{}
	.board_btn>.total{font-size:2rem;}
	.board_btn>.total>strong{}

	.board_btn .click{font-size:2.2rem;}
	.board_btn .click .fa{}
	.board_btn .click .fa.fa-pencil{}

	.board_btn .click.big{min-width:15rem; padding:1.8rem 2.5rem; font-size:2.4rem;}

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

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

	.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 -0.1rem 0 0;}

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

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

	.board_view>table>thead>tr>th{padding:0.3rem 0;}
	.board_view>table .view_cate{padding-bottom:0.8rem; font-size:2rem;}
	.board_view>table .view_title{}
	.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{}
	.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:12rem; height:4rem; font-size:2rem; line-height:3.6rem;}

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

	.board_view>table .view_cont{padding:4.5rem 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:2.4rem;}

	.view_file>a{padding:1.2rem 1.6rem; font-size:2rem;}
	.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; font-size:2rem; display:block;}
		.board_list>table td+td{border:none}
		.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; position: relative;}

		.board_list>table .portlet-header{margin-top:0; position: absolute; right:0; top: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:12rem; 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 List Style 2 */
		.board_area .list{}
		.board_area .list>li{}
		.board_area .list>li>*{}
		.board_area .list>li>a{max-width:100%;}
		.board_area .list .title{overflow:hidden;}
		.board_area .list .title>dt{font-size:2.4rem;}
		.board_area .list .title>dd{margin-left:0rem;}
		.board_area .list .title>dd>span{padding:0; font-size:2.2rem; line-height:3.2rem; display:block;}
		.board_area .list .title>dd>span:before{display:none;}
		.board_area .list .title>dd>div{padding:0; font-size:2.2rem; line-height:3.2rem;}

		.board_area .list>li>.etc{}
		.board_area .list>li>.etc>.category>span,
		.board_area .list>li>.etc>.day{height:auto; display: block;}
		.board_area .list>li>.etc .category{display:none !important;}
		.board_area .list>li>.etc .day{margin-left:0; font-size:2rem;}

    /* Board Write */
	.board_write{}
	.board_write>table{}
	.board_write>table th,
	.board_write>table td{}

	.board_write>table th{width:11rem; 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:5rem; background-position: calc(100% - 1.5rem) center; background-size: 2rem;}
	.board_write textarea{height:30rem; padding:1.5rem;}

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

	.board_write .minicolors-theme-default .minicolors-swatch{height: 7rem;}

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

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

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

	.board_write .three.email{max-width:100%; margin:-0.5rem 0;}
	.board_write .three.email input{flex:1 1 45%; margin:0.5rem 0;}
	.board_write .three.email select{flex:1 1 100%; margin:0.5rem 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:5.6rem; padding:0 2rem; line-height:5.4rem;}
	.board_write .bo_w_flie>div.script>span{line-height:5.4rem;}

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

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

	.board_write>table .type{font-size:2rem;}

    /* 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]{height:7rem; font-size:2rem; line-height:6.8rem;}

	.board_search select{padding:0 3.5rem 0 1rem; background-size: 2rem;}

	.board_search input[type=text]{width:100%;}
	.board_search input[type=submit]{min-width:12rem; font-size:2rem;}

	.board_search.store2{padding-top:9rem; justify-content: space-between;}
	.board_search.store2 *+*{margin-left:0;}
	.board_search.store2 select+select{margin-left:2rem;}
	.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:2rem;}
	.board_search.divide select{width:calc(50% - 1rem);}
	.board_search.divide .mflex{width:100%; margin-top:2rem; display: flex; justify-content: space-between;}

}