@charset "UTF-8";

.photo_list ul.list li .gall_cont,
.photo_list ul.list li .gall_cont p.over,
.photo_list ul.list li .gall_cont p.over:before,
.photo_list ul.list li .gall_cont p.over:after,
.photo_list ul.list li .gall_cont p.over>span{transition: all .3s ease-out; transform-origin: 50% 50%;}

/* multi-tab */
.multi-tab:not(.sort_li, .sct_ct_li){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; 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%; transition:all 0.3s ease-out;}
.multi-tab .name:after{right:2rem; transform:rotate(45deg);}
.multi-tab .name:before{right:1rem; transform:rotate(-45deg);}
.multi-tab .name.active:before{transform:rotate(45deg);}
.multi-tab .name.active::after{transform:rotate(-45deg);}

.multi-tab:not(.sort_li, .sct_ct_li) ul.multi-list{margin:-0.5rem; display: flex; flex-wrap: wrap; flex-direction: row; justify-content: center;}
.multi-tab:not(.sort_li, .sct_ct_li) ul.multi-list>li{margin:0.5rem; flex:0 1 1.6rem; display:inline-block; vertical-align: top; position: relative;}
.multi-tab:not(.sort_li, .sct_ct_li) 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:not(.sort_li, .sct_ct_li) ul.multi-list>li.active a,
.multi-tab:not(.sort_li, .sct_ct_li) ul.multi-list>li:hover a{background-color:var(--point); border-color:var(--point); color:#fff;}
.multi-tab:not(.sort_li, .sct_ct_li) ul.multi-list>li.active a{font-weight: 500;}


/* 캡챠 자동등록(입력)방지 기본 -pc */
#captcha {display:inline-block;position:relative}
#captcha legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
#captcha #captcha_img {height:40px;border:1px solid #898989;vertical-align:top;padding:0;margin:0}
#captcha #captcha_mp3 {margin:0;padding:0;width:40px;height:40px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer;background:url("http://host.iceserver.co.kr/theme/prix/css/../../../img/captcha2.png") no-repeat;text-indent:-999px;border-radius:3px}
#captcha #captcha_reload {margin:0;padding:0;width:40px;height:40px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer;background:url("http://host.iceserver.co.kr/theme/prix/css/../../../img/captcha2.png") no-repeat 0 -40px;text-indent:-999px;border-radius:3px}
#captcha #captcha_key {margin:0 0 0 3px;padding:0 5px;width:90px;height:40px;border:1px solid #ccc;background:#fff;font-size:1.333em;font-weight:bold;text-align:center;border-radius:3px;vertical-align:top}
#captcha #captcha_info {display:block;margin:5px 0 0;font-size:0.95em;letter-spacing:-0.1em}
#captcha audio{position: absolute; left:0; top:0; z-index:-999;}

@media only screen and (max-width : 640px){
	.multi-tab{width:100%;position:relative;z-index:15;}
	.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; border-top:0.1rem solid #ddd;}
	.multi-tab ul.multi-list>li+li{}
	.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>table td p{margin-bottom:0.4rem;}

.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;box-shadow:none;}

/* .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 select.required{background-image:url("/img/require.png"), url("/img/board/bg_select.svg") !important; background-repeat:no-repeat !important; background-position:right top, calc(100% - 1rem) center !important;}
.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 .bo_w_flie .file_cus{display:flex; gap: 1rem;}
.board_write .bo_w_flie .file_cus label{flex:1; display:flex; justify-content:space-between; align-items:center; gap:1rem; padding:1rem; border:0.1rem solid #e2e2e2;}
.board_write .bo_w_flie .file_cus input[type=file]{margin:0; padding:0; width:0; height:0; font-size:0; overflow:hidden; border:none; clip: rect(0 0 0 0); position:absolute; left:0; top:0; display:none;}
.board_write .bo_w_flie .file_cus .file_name{display: -webkit-box; text-overflow: ellipsis; -webkit-line-clamp: 1; -webkit-box-orient: vertical; word-break:break-all !important; overflow:hidden;}
.board_write .bo_w_flie .file_cus .file_btn{display:inline-block; padding:0 1rem; line-height:3.3rem; color:#fff; text-align:center; background-color:#333; border-radius:0.3rem;}
.board_write .bo_w_flie .file_cus > button{padding:0 2rem; min-width:8.7rem; background-color:#f8f8f8; border:1px solid #e2e2e2; font-family:var(--prtd);}
.board_write .bo_w_flie .file_cus + .file_cus{margin-top:1rem;}

.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:2.6rem 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: 500; 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; width:100%; 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_list.package_case table td{padding:2rem}
.board_list.package_case .td_thumb figure{border-radius:1rem; overflow:hidden;}
.board_list.package_case .td_thumb figure img{width:100%;}
.board_list.package_case .td_opt{font-size:1.8rem; line-height:2.6rem;}
.board_list.package_case .td_opt .td_opt_size{font-weight:600; color:#111}
.board_list.package_case .td_opt .td_opt_ea{color:#999;}
.board_list.package_case .td_subject{text-align:left;}
.board_list.package_case .td_subject a{font-size:2rem; line-height:2.8rem; color:#555; text-align:left; -webkit-line-clamp:4;}
.board_list.package_case .td_subject .bo_tit{display:block; font-weight:600; color:#111;}
.board_list.package_case table td.btm img{vertical-align:middle;}

.board_list.review table td{padding:1rem}
.board_list.review .td_thumb figure{border-radius:1rem; overflow:hidden;}
.board_list.review .td_thumb figure a{display:block;}
.board_list.review .td_thumb figure img{width:100%;}
.board_list.review .td_opt{font-size:1.8rem; line-height:2.6rem;}
.board_list.review .td_opt .td_opt_size{font-weight:600; color:#111}
.board_list.review .td_opt .td_opt_ea{color:#999;}
.board_list.review .td_subject{text-align:left; padding:1rem 2rem}
.board_list.review .td_subject a{font-size:2rem; line-height:2.8rem; font-weight:600; color:#111; text-align:left; word-wrap:break-word; display: -webkit-box; text-overflow: ellipsis; -webkit-line-clamp: 1; -webkit-box-orient: vertical; word-break:break-all !important; overflow:hidden; white-space:normal;}
.board_list.review .td_subject .bo_tit{display:block; font-weight:600; color:#111;}
.board_list.review table td.btm img{vertical-align:middle;}



/* 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.8rem; 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:0.8rem 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; gap:1rem; position: relative; z-index:3;}
.board_btn>*{}
.board_btn>.total{padding:1.1rem 0; font-weight: 400; font-size:1.5rem; line-height:1; color: #333; 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 #333; 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: #333; 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.cnt{justify-content: center;}
.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: #111; 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 0.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;}
.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 15rem; 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:#000;}
.category_top>ul>li a#bo_cate_on,
.category_top>ul>li a.active{font-weight: 500;}

.category_top.cate_overflow{overflow:hidden; overflow-x:auto; margin:0 0 -1px;}
.category_top.cate_overflow > ul{margin:0; min-width:fit-content; flex-wrap:nowrap; gap:3.6rem}
.category_top.cate_overflow > ul > li{margin:0; padding-bottom:2.5rem; flex:none;}
.category_top.cate_overflow > ul > li > a{height:auto; padding:0; border:0; border-radius:0; font-size:1.8rem; line-height:3rem; color:#000; font-family:var(--nanum_s_r);}
.category_top.cate_overflow > ul > li > a::after{content:""; display:block; width:100%; height:0.2rem; background-color:#000; position:absolute; left:0; bottom:0; opacity:0; transition:all 0.3s ease-out;}

.category_top.cate_overflow>ul>li#bo_cate_on{}
.category_top.cate_overflow>ul>li a#bo_cate_on,
.category_top.cate_overflow>ul>li a.active,
.category_top.cate_overflow>ul>li:hover a{font-weight:600; background-color:transparent; color:#000;}
.category_top.cate_overflow>ul>li a#bo_cate_on::after,
.category_top.cate_overflow>ul>li a.active::after,
.category_top.cate_overflow>ul>li:hover a::after{opacity:1;}

.category_top.oem{}
.category_top.oem>ul>li{flex:1 0 4.6rem; max-width:4.6rem;}
.category_top.oem>ul>li a{padding:0; display:flex; align-items:center; justify-content:center;}

/* 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;box-shadow:none;}

.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.5rem 0 0 -0.1rem; background-color: #333; 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:#000; font-weight:500;}
.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;}

.bo_li_top{margin-bottom:2rem; justify-content:space-between; flex-direction:row-reverse;}
.bo_li_top .board_search{width:auto; margin:0}
.bo_li_top .board_btn{width:auto; padding:0}
.bo_li_top .board_search input[type=submit]{background-color:#111; border-color:#111;}

/* Photo List */
	.photo_list{width:100%; padding-top:2rem; font-size:0; line-height:0; position: relative; border-top:0.2rem solid #666;}
	.photo_list ul.list{text-align: left; display: flex; flex-flow: row wrap; gap:3rem;}
	.photo_list ul.list li{width:calc((100% - 9rem) / 4); position: relative;}
	.photo_list ul.list li .gall_cont{width:100%; background-color: #fff; display:block; position: relative;}
	.photo_list ul.list li .gall_cont .thumb{width:100%; border:1px solid #eee; aspect-ratio: 1/1; display:block; overflow:hidden; position: relative;}
	.photo_list ul.list li .gall_cont .thumb img{width:100%; max-width:none; height:100%; object-fit:cover; vertical-align: top; transition: all .7s ease-out;}

	.photo_list ul.list li .gall_cont p.over{width:100%; height:100%; background-color: rgba(0,0,0,0.3); position: absolute; left:0; top:0; opacity: 0; z-index:1; z-index:3;}
	.photo_list ul.list li .gall_cont p.over:before,
	.photo_list ul.list li .gall_cont p.over:after{content: ""; background-color: #fff; display: inline-block; position:absolute; left: 50%; top:50%; opacity: 0;}
	.photo_list ul.list li .gall_cont p.over:before{width: 100px; height: 1px; margin:-0.5px 0 0 -50px;}
	.photo_list ul.list li .gall_cont p.over:after{width: 1px; height: 100px; margin:-50px 0 0 -0.5px;}
	.photo_list ul.list li .gall_cont p.over>span{width:100%; font-weight: 300; font-size:1.5rem; line-height:1; color: #fff; text-align: center; position: absolute; left:0; top:65%; opacity: 0;}

	.photo_list ul.list li .gall_cont p.over.move{transition: all 0s ease-out; opacity: 1; display:none;}

	.photo_list ul.list li .gall_cont .area{width:100%; min-height:13rem; padding:2rem 0 5.6rem; display: flex; flex-flow: column wrap; position: relative;}
	.photo_list ul.list li .gall_cont .area .tt{width:100%; font-size:1.8rem; line-height:2.6rem; color: #666; display: block; overflow:hidden; position: relative; word-break:keep-all; word-wrap:break-word; word-break:break-all;}

	.photo_list ul.list li .gall_cont .area .title{width:100%; font-weight: 700; font-size:1.8rem; line-height:1.4; color: #333; display: inline-flex; align-items: center; gap:1rem;}
	.photo_list ul.list li .gall_cont .area .title.tac{justify-content: center;}
	.photo_list ul.list li .gall_cont .area .title .icon{}
	.photo_list ul.list li .gall_cont .area .title .icon:before{content: ""; width:1.8rem; height:1.8rem; background-color: var(--btn_c); font-weight: 300; font-size:1rem; line-height:1.8rem; color: #fff; letter-spacing: 1px; text-align: center; border-radius:99px; display:block;}
	.photo_list ul.list li .gall_cont .area .title .icon.new:before{content: "N";}
	.photo_list ul.list li .gall_cont .area .title .icon.hot:before{content: "H";}

	.photo_list ul.list li .gall_cont .area .cate{margin-bottom:0.5rem; font-size:1.6rem; color: #999;}
	.photo_list ul.list li .gall_cont .area .text{margin-top:1rem;}

	.photo_list ul.list li .gall_cont .area .day{margin-top:2rem; font-size:1.6rem; color: #999; position: absolute; left:0; bottom:2rem;}

	.photo_list ul.list li .gall_cont .area .btns{margin-top:2.5rem; display: flex; justify-content: center;}
	.photo_list ul.list li .gall_cont .area .btns>*{height:4rem; padding:0 2rem; background-color: #666; font-size:1.4rem; line-height:1; color: #fff; text-align: center; display: inline-flex; align-items: center; justify-content: center; gap:0.7rem; white-space: nowrap; border-radius:0.3rem; box-shadow:0 0 2rem rgba(0,0,0,0.1); transition: all .3s ease-out;}
	.photo_list ul.list li .gall_cont .area .btns.down img{width:1.5rem;}
	.photo_list ul.list li .gall_cont:hover .area .btns *{background-color: var(--point);}

	.photo_list ul.list li .gall_cont .category{display: flex; justify-content: center; position: relative; z-index:4;}
	.photo_list ul.list li .gall_cont .category p{width:9.2rem; height:3.4rem; margin-top:-5.4rem; background-color: #7030a0; font-size:1.5rem; line-height:1; color: #fff; text-align: center; border-radius:99px; display: flex; align-items: center; justify-content: center;}
	.photo_list ul.list li .gall_cont .category p.video{background-color: #00a5bb;}

	.photo_list ul.list li .gall_cont .area .state{margin-bottom:1.5rem;}
	.photo_list ul.list li .gall_cont .area .state .icon{width:8rem; height:3.5rem; background-color: var(--point); border:1px solid var(--point); font-size:1.5rem; line-height:1; color: #fff; text-align: center; display: inline-flex; align-items: center; justify-content: center; border-radius:99px;}
	.photo_list ul.list li .gall_cont .area .state .icon.end{background-color: #ddd; border-color: var(--bor_c); color: #666;}


	.photo_list ul.list li .gall_cont .area .one{display: -webkit-box; text-overflow: ellipsis; -webkit-line-clamp: 1; -webkit-box-orient: vertical; word-break:break-all !important;}
	.photo_list ul.list li .gall_cont .area .two{max-height:5.2rem; display: -webkit-box; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-break:break-all !important;}
	.photo_list ul.list li .gall_cont .area .three{max-height:7.6rem; display: -webkit-box; text-overflow: ellipsis; -webkit-line-clamp: 3; -webkit-box-orient: vertical; word-break:break-all !important;}
	.photo_list ul.list li .gall_cont .area .fore{max-height:10.4rem; display: -webkit-box; text-overflow: ellipsis; -webkit-line-clamp: 4; -webkit-box-orient: vertical; word-break:break-all !important;}

	.photo_list button.more{width:23rem; height:5.4rem; margin:7rem auto 0; padding:0; border:1px solid #aaa; font-weight: 700; font-size:1.8rem; line-height:1; color: var(--point); text-align: center; position: relative; cursor: pointer; display:block; border-radius:99px;}
	.photo_list button.more:after{content: "↓"; font-weight: normal; font-size:1.5rem; color: #999; position:absolute; right: 3rem; top:50%; transform: translateY(-50%);}

	/* 색상표 */
	.photo_list.color_palette{padding-top:4.6rem; border-top:1px solid #e2e2e2}
	.photo_list.color_palette ul.list{gap:2rem; font-family:var(--nanum_s_r);}
	.photo_list.color_palette ul.list li{width:calc((100% - 8rem) / 5); border:1px solid #e2e2e2; border-radius:1rem; overflow:hidden;}
	.photo_list.color_palette ul.list li .gall_cont .thumb_color{width:100%; height:17.9rem;}
	.photo_list.color_palette ul.list li .gall_cont .area{padding:1.3rem 1.3rem 2rem; text-align:center;}
	.photo_list.color_palette ul.list li .gall_cont .area .tt{font-size:1.7rem; line-height:2.6rem; color:#000;}
	.photo_list.color_palette ul.list li .gall_cont .area .title{margin-bottom:0.6rem; justify-content:center; font-size:2rem; line-height:3rem; color:#000; font-weight:600;}
	.photo_list.color_palette ul.list li .gall_cont .area .color_hex{margin-top:.8rem; font-weight:600;}

    /* OEM브랜드 */
    .photo_list.oem ul.list{gap:3rem 5.1rem}
    .photo_list.oem ul.list li{width:calc((100% - 35.7rem) / 8);}
    .photo_list.oem ul.list li .gall_cont{}
    .photo_list.oem ul.list li .gall_cont .thumb{border:0; aspect-ratio:140/98; text-align:center;}
    .photo_list.oem ul.list li .gall_cont .thumb img{object-fit:contain; max-width:140px;}

@media only screen and (max-width : 1340px) {
	/* 색상표 */
	.photo_list.color_palette ul.list li{width:calc((100% - 6rem) / 4);}

    /* OEM브랜드 */
    .photo_list.oem ul.list li{width:calc((100% - 25.5rem) / 6);}
}

@media only screen and (max-width : 1024px) {
	/* Photo List */
		.photo_list ul.list li {width: calc((100% - 6rem) / 3);}

	/* 색상표 */
	.photo_list.color_palette ul.list li{width:calc((100% - 2rem) / 2);}

    /* OEM브랜드 */
    .photo_list.oem ul.list li{width:calc((100% - 15.3rem) / 4);}
}
@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:2.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.package_case .td_opt{font-size:2.2rem; line-height:3rem;}
        .board_list>table .bo_tit{font-size:2.6rem;}
        .board_list.package_case .td_subject a{font-size:2.4rem; line-height:3.2rem;}

        .board_list.review .td_subject a{font-size:2.4rem;}

	/* 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;}

    /* package_case */
        .board_list.review table td.btm{padding:1rem; font-size:2.2rem; display:inline-flex; gap:0.5rem}
        

    /* 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;}

	/* Category Style */
	.category_top.cate_overflow > ul > li > a{font-size:2.2rem; line-height:3.4rem;}

    /* 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;}

	.bo_li_top{flex-direction:column; gap:2rem}
	.bo_li_top .board_btn{align-self:flex-start;}

	/* Photo List */
		.photo_list ul.list{gap:2rem;}
		.photo_list ul.list li{width:calc((100% - 2rem) / 2);}

		.photo_list ul.list li .gall_cont p.over>span{font-size:2rem;}

		.photo_list ul.list li .gall_cont .area{min-height:14.1rem; padding:2rem 0 5.6rem;}
		.photo_list ul.list li .gall_cont .area .tt{font-size:2rem; line-height:3rem;}

		.photo_list ul.list li .gall_cont .area .title{font-size:2.2rem;}
		.photo_list ul.list li .gall_cont .area .title .icon{}
		.photo_list ul.list li .gall_cont .area .title .icon:before{min-width:2.4rem; min-height:2.4rem; font-size:1.4rem; line-height:2.4rem;}

		.photo_list ul.list li .gall_cont .area .cate,
		.photo_list ul.list li .gall_cont .area .day{font-size:2rem;}

		.photo_list ul.list li .gall_cont .area .btns{margin-top:2.5rem; display: flex; justify-content: center;}
		.photo_list ul.list li .gall_cont .area .btns>*{height:4.6rem; padding:0 2.2rem; font-size:1.8rem;}
		.photo_list ul.list li .gall_cont .area .btns.down img{width:1.7rem;}

		.photo_list ul.list li .gall_cont .area .e_icon{}
		.photo_list ul.list li .gall_cont .area .e_icon>span{width:100%; height:4rem; line-height:3.5rem; border-radius:4px;}

		.photo_list ul.list li .gall_cont .area .two{max-height:6rem;}
		.photo_list ul.list li .gall_cont .area .three{max-height:9rem;}
		.photo_list ul.list li .gall_cont .area .fore{max-height:12rem;}

		.photo_list button.more{width:28rem; height:7rem; font-size:2.2rem;}
		.photo_list button.more:after{font-size:2rem;}

		.photo_list ul.list li.noPost{font-size:2.2rem;}

	/* 색상표 */
		.photo_list.color_palette ul.list li .gall_cont .area .tt{font-size:2.2rem; line-height:3rem;}
		.photo_list.color_palette ul.list li .gall_cont .area .title{font-size:2.4rem; line-height:3.4rem;;}

    
}

@media only screen and (max-width : 480px) {
    /* OEM브랜드 */
        .photo_list.oem ul.list{gap:3rem 4rem}
        .photo_list.oem ul.list li{width:calc(50% - 2rem);}
}