@charset "UTF-8"; .board_search, .board_search *, .board_list>table .bo_tit>a, .paging_all *, .view_file>a, .pageNavigation, .pageNavigation>dl, .pageNavigation>dl>dd>a, .comment_Area a, .board_write input[type=text], .board_write input[type=password], .board_write input[type=file], .board_write select, .board_write textarea, .board_write .btns, .faqArea>li .q, .faqArea>li .q:before, .faqArea>li .q>p, .faqArea>li .q>em:before, .faqArea>li .q>em:after, .faqArea>li .q:after, .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, .storeMapType2 .storeMap_list .link{transition: all .3s ease-out; transform-origin: 50% 50%;} /* Input Style */ input[type=button], input[type=text], input[type=password], input[type=file], input[type=submit], select, textarea, .my-change-form .flex-btn .btns, .board_write .btns{width:auto; height:5.2rem; padding:0 2rem; background-color:#fff; border:1px solid var(--bor_c); font-size:1.8rem; line-height:1.3; color:var(--btn_c); letter-spacing: 0 !important; display: inline-flex; align-items: center; justify-content: center; vertical-align: middle;} select{padding-right:3.5rem; background:url('/images/bg_select.svg') no-repeat calc(100% - 1rem) center; background-size:1.5rem; -webkit-appearance: none; -moz-appearance: none; appearance: none;} select::-ms-expand{display:none;} textarea{width:100%; height:30rem; padding:2rem; line-height:1.55;} /* input[required], textarea[required]{background-image:url('/images/require.png'); background-repeat:no-repeat; background-position:right top} select[required]{background-image:url('/images/require.png'), url('/images/bg_select.svg'); background-repeat:no-repeat; background-position:right top, calc(100% - 1rem) center; background-size:1.5rem;} */ input[type=text].datetimepicker{padding-right:4rem; background-image:url('/images/icon_calendar.png'); background-repeat:no-repeat; background-position:right 1rem center; background-size:1.6rem;} /*input[type=text].datetimepicker[required]{background-image:url('/images/require.png'), url('/images/icon_calendar4.gif'); background-position:right top, right center; background-size:auto, contain;}*/ input[type=button][disabled], input[type=text][disabled], input[type=password][disabled], input[type=file][disabled], input[type=submit][disabled], select[disabled], textarea[disabled]{background-color:#f2f2f2; pointer-events: none;} input[type=button][readOnly], input[type=text][readOnly], input[type=password][readOnly], input[type=file][readOnly], input[type=submit][readOnly], select[readOnly], textarea[readOnly]{pointer-events: none;} input::placeholder{color:#999} .placeholder-design{position:relative;} .placeholder-design .placeholder{display:flex; align-items:center; font-size:1.8rem; line-height:1.3; color:#999; letter-spacing: 0 !important; position:absolute; inset:0 0 0 0;} .placeholder-design .placeholder strong{color:#000; font-weight:400;} .placeholder-design:focus-within .placeholder, .placeholder-design:has(input:required:valid) .placeholder{opacity:0; visibility:hidden;} /* .phone-form :where(select, textarea, input):is(:focus, :required:valid){background-color: #fff; border-color: #0075c2 !important; font-weight: 500; color: #222; box-shadow:0.3rem 0.3rem 0.7rem rgba(8,8,8,0.07)} */ /* Check New Style */ .check-new{font-size:0; line-height:0; display: inline-block; vertical-align: top; position: relative;} .check-new input[type=checkbox], .check-new input[type=radio]{display: none; position: absolute; left:0; top:0;} .check-new input[type=checkbox]+label, .check-new input[type=radio]+label{font-size:1.7rem; line-height:2rem; color: #555; display: inline-flex; align-items: flex-start; cursor: pointer; position: relative; gap:1rem;} .check-new .more{font-weight: 500; font-size:1.8rem; line-height:2rem; color: #111; display: inline-block; vertical-align: top; cursor: pointer; position: relative;} input[type=text].type, .check-new input[type=checkbox]+label+input[type=text], .check-new input[type=radio]+label+input[type=text]{background-color: #f3f3f3; pointer-events: none;} input[type=text].type.on, .check-new input[type=checkbox]:checked+label+input[type=text], .check-new input[type=radio]:checked+label+input[type=text]{background-color: #fff; pointer-events: auto;} .check-new input[type=checkbox]+label>.graphic, .check-new input[type=checkbox]+label>.graphic:before, .check-new input[type=radio]+label>.graphic, .check-new input[type=radio]+label>.graphic:before{content: ""; width: 2rem; height: 2rem; background-color: #fff; border:1px solid var(--bor_c); font-size:0; line-height:0; display: inline-block; vertical-align: top; position: relative; transition: .3s;} .check-new input[type=checkbox]+label>.graphic:before{background: url('data:image/svg+xml;utf8,') no-repeat center center/80%; border:none; left:-1px; top:-1px; z-index:2; opacity: 0;} .check-new input[type=radio]+label>.graphic{border-radius:99px;} .check-new input[type=radio]+label>.graphic:before{width: 50%; height: 50%; background-color:var(--btn_c); border:none; left: 50%; top:50%; border-radius:99px; transform-origin: 50% 50%; transform: translate(-50%, -50%); opacity:0;} .check-new input[type=checkbox]:checked+label>.graphic{border-color:var(--btn_c);} .check-new input[type=radio]:checked+label>.graphic{border-color:var(--btn_c);} .check-new input[type=radio]:checked+label>.graphic:before{background-color:var(--btn_c);} .check-new input[type=checkbox]:checked+label>.graphic, .check-new input[type=checkbox]:checked+label>.graphic:before, .check-new input[type=radio]:checked+label>.graphic, .check-new input[type=radio]:checked+label>.graphic:before{opacity: 1;} .check-new input[type=checkbox]:checked+label, .check-new input[type=radio]:checked+label{color: var(--btn_c);} .check-new.noTxt label{font-size:0 !important; line-height:0 !important; color: transparent !important; gap:0 !important;} /* Clause Box Style */ .clauseArea{width:100%; font-size:0; line-height:0; overflow:hidden;} .clauseArea.etc_clause{overflow: visible;} .clauseArea + .clauseArea, .board_write + .clauseArea{margin-top:8rem;} .clauseArea>.tit{margin-bottom:1.5rem; font-weight:400; font-size:1.8rem; line-height:1; color: #666;} .clauseArea .scroll{width:100%; max-height:30rem; padding:3rem; background-color: #f6f6f6; border:1px solid #e6e6e6; font-size:1.6rem; line-height:1.55; color: #666; overflow:hidden; overflow-y:auto; box-sizing:border-box;} .clauseArea .scroll strong{font-weight: 400;} .clauseArea .scroll>p{margin:4rem 0 0.5rem; font-weight: 500; color: #111;} .clauseArea .scroll>p:first-child{margin-top:0rem;} .clauseArea .scroll>p>strong{font-weight: 700; color: #1b1b1b; display:inline-block;} .clauseArea .scroll *+p>strong{} .clauseArea .scroll ol{counter-reset:item; margin-top:1rem;} .clauseArea .scroll li>p{margin-top:1rem;} .clauseArea .scroll ol>li>ol{margin-top:0rem;} .clauseArea .scroll ol>li{padding-left:1.5rem; position: relative; box-sizing:border-box;} .clauseArea .scroll ol>li:before {counter-increment: item; content: counter(item)"."; 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{padding-left:2rem;} .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{padding-left:2rem; } .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:1.5rem ; position: relative;} .clauseArea .scroll ul.buls>li:before{content: "-"; display: inline-block; position:absolute; left: 0; top:0;} .clauseArea .scroll ul.circle>li{padding-left:15px; position: relative;} .clauseArea .scroll ul.circle>li:before{content: "ο"; display: inline-block; position:absolute; left: 0; top:-1px;} .clauseArea .scroll li>ol, .clauseArea .scroll li>ul{margin-bottom:0.7rem;} .clauseArea .nTable{width:100%; margin-top:0.5rem; background-color: #fff; border-top:1px solid #ddd;} .clauseArea .nTable>table{width:calc(100% + 1px); border-spacing:0; table-layout: fixed;} .clauseArea .nTable>table th, .clauseArea .nTable>table td{height:auto; padding:1rem; 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; font-weight:500; color:#222; position: relative;} .clauseArea .nTable>table>thead>tr>th+th{} .clauseArea .check-new{padding-top:1.5rem;} .clauseArea.no .tit{display:none;} .clauseArea.no .scroll{max-height:none; padding:0px; background-color: transparent; border:none; overflow: visible;} /* Search Style */ .board_search{width:100%; margin-bottom:-7rem; font-size:0; line-height:0; display: flex; justify-content: flex-end; position: relative; z-index:1;} .board_search .mobile_Block{display:inline;} .board_search select{margin-right:1rem; height:4.5rem; font-size:1.7rem;} .board_search input[type=text]{width:30rem; height:4.5rem; font-size:1.7rem;} .board_search input[type=submit]{min-width:9rem; height:4.5rem; margin-left:-1px; background-color: var(--btn_c); border-color:var(--btn_c); font-size:1.7rem; color: #fff; cursor: pointer;} .board_search.small{margin-bottom:-1.6rem; justify-content: flex-end;} /* Category Style */ .multi-tab{width:100%; margin: 0 0 4rem; font-size:0; line-height:0; display:block; position: relative;} .multi-tab .name{width:100%; height:7rem; padding:0 5rem 0 2rem; border:none; font-weight: 600; font-size:2.4rem; line-height:1.3; color:#fff; text-align: left; position: relative; display: none; align-items: center; /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#0a9e1f+0,096e43+100 */ background: linear-gradient(to bottom, rgba(10,158,31,1) 0%,rgba(9,110,67,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ } .multi-tab .name:after, .multi-tab .name:before{content: ""; width:1.4rem; height:1px; margin:0 0 0 0; background-color: #fff; display: block; position:absolute; top:50%; transition: all .3s ease-out;} .multi-tab .name:after{right:3rem; transform:rotate(45deg);} .multi-tab .name:before{right:2rem; transform:rotate(-45deg);} .multi-tab ul.multi-list{display: flex; flex-wrap: wrap; flex-direction: row; gap:1rem;} .multi-tab ul.multi-list>li{display:inline-block; vertical-align: top; position: relative;} .multi-tab ul.multi-list>li a{width:20rem; height:6rem; background-color:#eee; font-size:2rem; line-height:1.3; color: #999; text-align: center; display: flex; align-items: center; justify-content: center; white-space: nowrap; border-radius:99px; transition: all .3s ease-out;} .multi-tab ul.multi-list>li:is(:hover, .active) a{font-weight: 600; color:#fff; /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#0a9e1f+0,096e43+100 */ background: linear-gradient(to bottom, rgba(10,158,31,1) 0%,rgba(9,110,67,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ } .multi-tab-conts{display:none;} #bo_cate_ul{} #bo_cate_ul{display:flex; gap:3.5rem;} #bo_cate_ul a{padding-bottom:2.3rem; font-size:1.7rem; line-height:1; color:#999; white-space: nowrap; transition: all .3s ease-out; position: relative;} #bo_cate_ul a:after{content: ""; max-width:4rem; width:100%; height:0.3rem; background-color:var(--point); position:absolute; left:50%; bottom:0;z-index:0; transform:translateX(-50%); opacity:0; transition:all 0.3s ease-out;} #bo_cate_ul a:is(:hover, #bo_cate_on){font-weight:500; color:#000;} #bo_cate_ul a:is(:hover, #bo_cate_on)::after{opacity:1;} /* Sort(정렬) */ .board_sort{margin-bottom:-3.5rem; display:flex; justify-content:flex-end;} .sort_list {position:relative; z-index:3;} .sort_list button{padding-left:2.3rem; font-size:1.6rem; line-height:3.5rem; color:#000; font-weight:500; border:0; background:none; font-family:inherit;text-align:left;position: relative;} .sort_list button::before{content:""; display:block; width:1.7rem; height:3.5rem; background:url("/images/sort_ico.png") no-repeat center/1.7rem; position:absolute; left:0; top:0; z-index:0;} .sort_list button.active{} .sort_list ul {width:8rem; padding:0.6rem 0; display:none;position: absolute;right:0;top:100%; background:#fff; border:1px solid #ccc; border-radius:0.5rem; z-index:2;} .sort_list li{position:relative;} .sort_list li a{display:block;text-align:center;color:#999; font-size:1.4rem;padding:0.5rem 1rem;line-height:2.2rem;} .sort_list li.active a{color:#000;} /* 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;} .board_btn>.total{padding:1.1rem 0; font-weight: 400; font-size:1.5rem; line-height:1; color: #555; text-align: left;} .board_btn>.total>strong{font-weight: 400;} .board_btn .click{min-width:9.2rem; height:5rem; margin:0; padding: 1rem 2.5rem; background-color:#555; font-weight: bold; font-size:1.8rem; line-height:1.3; color:#fff; text-align: center; overflow:hidden; display: flex; gap: 0.7rem; align-items: center; justify-content: center; border-radius:1rem; cursor: pointer; position: relative; transition: all .3s ease-out;} .board_btn .click .fa-fw{width: 2rem; height: 2rem;font-size: 2rem;line-height: 1;margin: 0;padding: 0; aspect-ratio: 1/1;} .board_btn .click .fa{ vertical-align: middle;} .board_btn .click .fa.fa-pencil{text-decoration: underline;} .board_btn .click em{font-size:0;} .board_btn .click img[src*="icon_calc.png"]{width:1.9rem;} .board_btn .click img[src*="icon_calc2.png"]{width:2.2rem;} .board_btn .click.half{width:calc(50% - 0.5rem);} .board_btn .click.bor{background-color:#fff; border:1px solid #555; color: #555;} .board_btn .click.cancel{background-color:#999;} .board_btn .click.delete{background-color:#555;} .board_btn .click.line{background-color:#fff; border:1px solid var(--point); color: var(--point);} .board_btn img[src*="icon_calc6"]{width:2.4rem;} .board_btn .click:is(:hover, .point){background-color:var(--point); border-color:var(--point); color: #fff !important;} .board_btn .click.line:hover img{-webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1);} .board_btn.r99 .click{border-radius:999px !important;} .board_btn .text{min-width:10rem; height:5rem; padding: 1.5rem 1.8rem; background-color: var(--point); font-weight: bold; font-size:2rem; line-height:1.2; color:#fff; text-align: center; overflow:hidden; display: flex; gap: 0.5rem; align-items: center; justify-content: center; position: relative;} .board_btn a.text{cursor: pointer;} .board_btn.front .click{min-width:20rem; height:6rem; margin:0; padding: 0 2.5rem; font-weight: 600; font-size:2rem; border-radius:99px;} .board_btn.center{justify-content: center;} .board_btn.start{justify-content: flex-start;} .board_btn.end{justify-content: flex-end;} .board_btn.long{justify-content: center; gap:2rem;} .board_btn.long .click{width:100%; max-width:24rem;} /* Board List Style */ .board-total{margin-bottom:1.5rem; font-weight: 400; font-size:1.7rem; line-height:2.7rem; color: #999; text-align: left;} .board-total>strong{font-weight:400; color:#000} .board-total.arrow_box{padding-left:2.7rem; position:relative;} .board-total.arrow_box::before{content:"→"; display:block; width:2rem; height:1.6rem; font-size:0.8rem; line-height:1.6rem; font-weight:800; color:#fff; text-align:center; font-family:"SUIT Variable", sans-serif; background-color:var(--point); border-radius:0.3rem; position:absolute; left:0; top:0.6rem;} .board_list{width:100%; border-top:1px solid #333; border-bottom:1px solid #e6e6e6; font-size:0; line-height:0; overflow:hidden;} .board_list>table{width:100%; margin-bottom:-1px; border-spacing:0;} .board_list>table th, .board_list>table td{height:6.8rem; padding:1.7rem 0; background-color: #fff; border-bottom:1px solid #e6e6e6; font-size:1.7rem; line-height:1.3; color:#555; text-align:center; border-collapse:collapse; empty-cells:show; word-break:break-all;} .board_list>table tr.notis>*{} .board_list>table tr.notis>.td_num2 p{width:4.3rem; height:2.8rem; background-color: #f54949; font-size:1.4rem; line-height:1.3; color: #fff; display: inline-flex; align-items: center; justify-content: center; border-radius:0.3rem;} .board_list>table tr.notis>.td_subject>a{font-weight: 500; color: var(--point);} .board_list>table>thead>tr>th{background-color: #f8f8f8; font-weight: 600; color: #111;} .board_list>table .th{font-weight: 500; color: #333;} .board_list>table .td_subject{padding:1.7rem 2rem; text-align:left;} .board_list>table .td_subject>a{color:#555; cursor:pointer; max-width:95%; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; word-break:break-all !important;} .board_list>table .td_subject>a:hover{color:var(--point);} .board_list>table .td_subject>a .fa{margin:0 0.7rem 0.2rem 0; display:inline-block; vertical-align: middle;} .board_list>table .td_subject>p{font-weight: 500; color:#000; display: flex; align-items: center; gap:0 0.7rem;} .board_list>table .td_subject>p img[src*="ico_file_attach"]{width:2.4rem;} .board_list>table .td_subject>p+p{margin-top:0.5rem;} .board_list>table .state{} .board_list>table .state .icon{width:7rem; height:3rem; background-color:#999; border:1px solid #999; font-weight: 500; font-size:1.4rem; line-height:1; color: #fff; text-align: center; display: inline-flex; align-items: center; justify-content: center; border-radius:0.5rem;} .board_list>table .state .icon.end{background-color: var(--point); border-color: var(--point); color: #fff;} .board_list>table .state .icon.payment{background-color: #911111; border-color: #911111; color: #fff;} .board_list>table .file{font-size:1.8rem;} .board_list>table .file>a{color: #666;} .board_list>table .store_photo{padding:1rem;} .board_list>table .store_photo img{max-height:12rem; object-fit:contain;} .board_list>table .noPost>td{height:20rem; vertical-align: middle;} .board_list.line>table{width:calc(100% + 1px);} .board_list.line>table th, .board_list.line>table td{border-right:1px solid #e6e6e6;} /* Pageing Style */ .paging_all{width:100%; margin:6rem auto 0; font-size:0; line-height:0; text-align:center; position:relative; display: flex; align-items: center; justify-content: center; gap:0 1rem;} .paging_all .btns, .paging_all>.num>strong, .paging_all>.num>a{width:4rem; height:4rem; background-color: #fff; border:1px solid #e6e6e6; text-align: center; display: flex; align-items: center; justify-content: center; position: relative;} .paging_all .btns, .paging_all .btns *{font-size:0 !important; line-height:0 !important;} .paging_all .btns:before, .paging_all .btns:after{content: ""; width: 1.2rem; height: 1.2rem; border-width:1px 0 0 1px; border-style:solid; border-color:#666; display: inline-block; position:absolute; left: 50%; top:50%;} .paging_all .btns:after{opacity: 0;} .paging_all .btns.prev:before{margin:-0.6rem 0 0 -0.3rem; transform:rotate(-45deg);} .paging_all .btns.next:before{margin:-0.6rem 0 0 -0.9rem; transform:rotate(135deg);} .paging_all>.num{margin:0; display: inline-flex; align-items: center;} .paging_all>.num>*+*{margin-left:-1px;} .paging_all>.num>strong, .paging_all>.num>a{font-weight: 300; font-size:1.6rem; line-height:1; color:#666;} .paging_all>.num .pg_start{} .paging_all>.num .pg_end{} .paging_all .btns:hover{background-color: var(--btn_c); border-color:var(--btn_c);} .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(--btn_c); border-color:var(--btn_c); color:#fff; z-index:2;} /* Board View */ .board_view{width:100%; overflow:hidden;} .board_view>table{width:100%; border-spacing:0;} .board_view>table th, .board_view>table td{background-color: #fff; font-weight: 400; font-size:1.8rem; line-height:1.5; color:#111; text-align:left; border-collapse:collapse; empty-cells:show; word-break:break-all;} .board_view>table>thead>tr>th{} .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: 600; font-size:2.4rem; line-height:1.4; word-break: break-word !important; display: flex; align-items: center; } .board_view>table .view_tit{margin-top:0.5rem; font-size:1.6rem;} .board_view>table .view_info{min-height:7rem; padding:1.5rem 2rem; margin-top:2rem; background-color: #f4f6f8; border-top:1px solid #666; border-bottom:1px solid #e6e6e6; display: flex; align-items: center; justify-content: space-between;} .board_view>table .view_info>*{display: flex; align-items: center; justify-content: space-between; gap:0 4.5rem;} .board_view>table .view_info p.txt{font-size:1.7rem; text-align:center; display: flex; align-items: center; gap:0 1rem; position: relative;} .board_view>table .view_info p.txt>strong{padding-left:1rem; font-weight: 500; position: relative;} .board_view>table .view_info p.txt>strong:before{content: "·"; position:absolute; left: 0; top:0;} .board_view>table .view_tags{padding:2rem 2rem; border-bottom:1px solid #e6e6e6; font-size:1.7rem; color: var(--point); display: flex; align-items: center;} .board_view>table .state{padding-left:2rem;} .board_view>table .state .icon{width:7rem; height:2.8rem; background-color:#fff; border:1px solid #999; font-weight: 600; font-size:1.4rem; line-height:1; color: #999; text-align: center; display: inline-flex; align-items: center; justify-content: center; border-radius:0.5rem;} .board_view>table .state .icon.end{background-color: var(--point); border-color: var(--point); color: #fff;} .board_view>table .state .icon.payment{background-color: #911111; border-color: #911111; color: #fff;} .board_view>table .state.event .icon{border-radius:99px;} .board_view>table .e_icon{padding-left:2rem;} .board_view>table .e_icon>span{width:10rem; height:3rem; background-color: #fff; border:1px solid #035ab6; font-size:1.5rem; line-height:2.8rem; color: #035ab6; text-align: center; display: block; border-radius:99px;} .board_view>table .e_icon.ing>span{background-color: #035ab6; border-color:#035ab6; color: #fff;} .board_view>table .e_icon.end>span{background-color: #b3b3b3; border-color:#b3b3b3; color: #fff;} .board_view>table .view_cont{padding:4.5rem 2rem;} .board_view>table #bo_v_img{text-align: center;} .board_view>table #bo_v_img img, .board_view>table .wideFrame{width:auto !important; height:auto !important; margin-bottom:3rem;} .board_view>table #bo_v_con{padding-bottom:6.5rem;} .board_view>table #bo_v_con p{word-break:break-all} html[lang="en"] .board_view>table #bo_v_con *{word-break:break-word !important;} .board_view td.answer{padding:0; text-align: left; vertical-align: top;} .board_view td.answer .answer-in{padding:4rem 2.9rem 5rem; border:1px solid #e6e6e6; position: relative; border-radius:3rem; overflow: hidden;} .board_view td.answer .view_info{margin-bottom:3rem; padding-bottom:2.5rem; border-bottom:1px solid #e6e6e6; font-size:2.5rem; line-height:1.3; color: #000; text-align: center;} .view_file{display: flex; flex-wrap: wrap; justify-content: flex-start; gap:1rem;} .view_file>a{padding:1rem 1.6rem; background-color: #fff; border:1px solid #999; font-weight: 500; font-size:1.6rem; line-height:1; color: #555; display: flex; flex-wrap: wrap; flex-direction: row; align-items: center; justify-content: center; border-radius:4px; box-sizing:border-box; white-space: nowrap;} .view_file>a:hover{border-color:var(--point); color:var(--point);} /* 이벤트 게시판 */ .event_view .board_view_hd{padding:0 0 4rem; text-align:center;} .event_view .view_title{font-size:2.4rem; line-height:1.3; font-weight:700; color:#000;} .event_view .view_info{margin-top:1rem; font-size:1.8rem; line-height:1.3; font-weight:400; color:#999;} /* 매장찾기 */ #storeMap{width:100%; height:40rem; margin-bottom:4rem;} #storeLayMap{width:100%; height:40rem; margin-bottom:4rem;} .customoverlay{border: 1px solid #ccc; border-bottom:2px solid #ddd; position:relative; bottom:50px; border-radius:6px;} .customoverlay:nth-of-type(n) {border:0; box-shadow:0px 1px 2px #888;} .customoverlay .coBox{background: #258ff6 url("https://t1.daumcdn.net/localimg/localimages/07/mapapidoc/arrow_white.png") no-repeat right 14px center; background-size: 8px; font-weight:500; font-size:1.4rem; color:#111; text-align:center; border-radius:6px; overflow:hidden; display:block;} .customoverlay .title {margin-right:35px; padding:5px 15px 7px; background-color:#fff; font-weight:500; font-size:1.4rem; line-height:1.6; text-align:center; display:block;} .customoverlay:after {content:''; width:22px;height:12px; margin-left:-11px; background:url('https://t1.daumcdn.net/localimg/localimages/07/mapapidoc/vertex_white.png') no-repeat left top; background-size: cover; position:absolute; left:50%; bottom:-12px;} .store_view{width:100%; padding-bottom:5rem; display: flex; justify-content: space-between;} .store_view #storeMap{margin-bottom:0;} .store_view>*{width:50%; max-width:66.5rem; order: 2; border:1px solid #ccc;} .store_view .right_box{margin-right:3rem; order: 1;} .storePhoto{width:100%; position: relative; overflow:hidden;} .storePhoto .slider{width:100%; background-repeat: no-repeat; background-position: center center; /*background-size: cover; */background-size: contain; box-sizing: border-box; position: relative; display:inline-block; vertical-align: top;} .storePhoto .slider img{width:100%;} .storePhoto .store-big{width:100%; position: relative;} .storePhoto .store-big_in{white-space: nowrap;} .storePhoto .store-big .slider{width:100%; min-height:40rem;} .storePhoto .store-big .store-big-cont{width:9rem; height:4rem; background-color:rgba(235,235,235,0.7); text-align: center; position: absolute; left:50%; bottom:0; z-index:7; display: flex; flex-wrap: wrap; flex-direction: row; align-content: center; justify-content: center; border-radius:4px 4px 0 0; transform: translateX(-50%);} .storePhoto .store-big .store-big-cont>span.l{padding:0 0.4rem; display:inline-block;} .storePhoto .store-big .store-big-cont.op{display:none;} .storePhoto .slick-arrow{width:4rem; height:9rem; background-color:rgba(235,235,235,0.7); background-repeat: no-repeat; background-position: center center; background-size: 2.5rem; border:none; font-size:0; line-height:0; position: absolute; top:50%; transform: translateY(-50%); z-index:7; cursor: pointer;} .storePhoto .slick-arrow.slick-prev{background-image: url('/theme/prix/img/board/arrow_30_left.svg'); left:0; border-radius:0 4px 4px 0;} .storePhoto .slick-arrow.slick-next{background-image: url('/theme/prix/img/board/arrow_30_right.svg'); right:0; border-radius:4px 0 0 4px;} .storePhoto .slick-arrow.slick-disabled{opacity: 0.3; cursor: default;} /* 제품 상세 */ .product_view{width:100%; padding-bottom:5rem; display: flex; justify-content: space-between;} .product_view>*{width:50%; max-width:58rem;} .product_view .right_box{margin-left:4.5rem;} .product_view .productText{} .product_view .productText .view-hGroup{padding-bottom:3rem; margin-bottom:3rem; border-bottom:1px solid #111;} .product_view .productText .title{font-weight: bold; font-size:3.6rem; line-height:1.4; color: #0066b3;} .product_view .productText .tit{padding-top:1.5rem; font-weight: 500; font-size:2rem; line-height:3rem; color: #111;} .product_view .productText .view-scroll{max-height:40rem; font-size:1.8rem; line-height:1.7; color: #666; overflow:hidden; overflow-y:auto;} .product_view .productText .view-scroll ul{} .product_view .productText .view-scroll ul>li{padding:0 0 0 22px !important; background: url('/theme/prix/img/board/bul_check.gif') no-repeat left 7px; background-size: 14px;} .product_view .productText .view-scroll ul>li+li{margin-top:5px;} .product_view .productText .view-scroll ul .fa {display:none !important;} .productPhoto{width:100%; position: relative; overflow:hidden;} .productPhoto .slider{width:100%; background-repeat: no-repeat; background-position: center center; /*background-size: cover; */background-size: contain; position: relative; display:inline-block; vertical-align: top;} .productPhoto .slider img{width:100%;} .productPhoto .product-big{width:100%; margin-bottom:2.5rem; position: relative;} .productPhoto .product-big_in{white-space: nowrap;} .productPhoto .product-big .slider{width:100%; min-height:46rem; border:1px solid #ccc;} .productPhoto .product-small{width:100%; position: relative;} .productPhoto .product-small_in{width:calc(100% + 2.2rem); margin-left:-1.1rem; white-space: nowrap;} .productPhoto .product-small .slider{width:100%; min-height:10.1rem; margin:0 1.1rem; cursor: pointer;} /*.productPhoto .product-small .slider:before{content: ""; width: 100%; height: 100%; background-color: rgba(0,0,0,0.4); display: inline-block; position:absolute; left: 0; top:0px; } box-shadow:0 0 10px rgba(0,0,0,0.1);*/ .productPhoto .product-small .slick-slide{margin:0 1.1rem;} .productPhoto .product-small .slick-slide .slider{margin:0;} .productPhoto .product-small .slick-current .slider:before{opacity: 0;} .productPhoto .slick-arrow{width:4rem; height:9rem; background-color:rgba(235,235,235,0.7); background-repeat: no-repeat; background-position: center center; background-size: 2.5rem; border:none; font-size:0; line-height:0; position: absolute; top:50%; transform: translateY(-50%); z-index:7; cursor: pointer;} .productPhoto .slick-arrow.slick-prev{background-image: url('/theme/prix/img/board/arrow_30_left.svg'); left:0; border-radius:0 4px 4px 0;} .productPhoto .slick-arrow.slick-next{background-image: url('/theme/prix/img/board/arrow_30_right.svg'); right:0; border-radius:4px 0 0 4px;} .productPhoto .slick-arrow.slick-disabled{opacity: 0.3; cursor: default;} .product_view.consult{gap:8rem; padding-bottom:8rem;} .product_view.consult .left_box{width:auto; max-width:none;} .product_view.consult .productPhoto .product-big{margin-bottom:0;} .product_view.consult .productPhoto .product-big .slider{min-height:auto; aspect-ratio:560/372; border:0; border-radius:1rem; overflow:hidden;} .product_view.consult .productPhoto .product-big .slider img{width:100%; height:100%; object-fit:cover;} .product_view.consult .right_box{margin-left:0; max-width:none;} .product_view.consult .productText .view-hGroup{padding-bottom:2.4rem; margin-bottom:2.5rem; border-bottom:1px solid #e6e6e6;} .product_view.consult .productText .title{font-size:2.5rem; line-height:4rem; font-weight:700; color:#000;} .product_view.consult .productText .productHistory{} .product_view.consult .productText .productHistory li{padding-left:1.4rem; font-size:1.8rem; line-height:2.8rem; color:#555; position:relative;} .product_view.consult .productText .productHistory li::before{content:"·"; display:block; position:absolute; left:0; top:0;} .product_view.consult .productText .productHistory li+li{margin-top:0.7rem;} .product_view.consult .productText .board_btn{margin-top:5.2rem;} .product_view.consult .productText .board_btn a{height:6rem;} .product_view_his{padding:7.5rem 0 10rem; background-color:#f6f6f6;} .product_view_his h4{margin-bottom:2.5rem; font-size:3rem; line-height:4rem; font-weight:700; color:#555; text-align:center;} .product_view_his .detail_wr{padding:3.5rem 4rem; background-color:#fff;} .product_view_his .detail_wr ol{display:flex; gap:2.2rem 8rem; flex-wrap:wrap;} .product_view_his .detail_wr ol li{padding-left:1.8rem; width:calc(50% - 4rem); font-size:1.7rem; line-height:2.5rem; font-weight:500; color:#222; position:relative;} .product_view_his .detail_wr ol li::before{content:counter(num_li)"."; position:absolute; left:0; top:0;} .product_view_his .detail_wr ol dd{margin-top:1rem; color:#666; font-weight:400;} /* sch_op_wr */ .sch_op_wr{margin-bottom:5.5rem; display:flex; flex-wrap:wrap; border:1px solid #e6e6e6; border-top-color:#555; border-bottom:0;} .sch_op_wr > *{width:100%; min-height:6rem; border-bottom:1px solid #e6e6e6;} .sch_op_wr input[type="text"], .sch_op_wr select{padding:0 1rem; max-width:28rem; width:100%; height:3.6rem; font-size:1.6rem;} .sch_op_wr select{color:#999;} .sch_op_wr .check-new input[type=checkbox]+label{font-size:1.6rem; line-height:1.8rem;} .sch_op_wr .half{width:50%;} .sch_op_wr .flex{height:100%; display:flex; align-items:center;} .sch_op_wr .flex.wrap{flex-wrap:wrap;} .sch_op_wr .flex.two{gap:1rem 0.7rem} .sch_op_wr .flex.two input{max-width:11.5rem;} .sch_op_wr dl{display:flex;} .sch_op_wr dl dt{padding:1.5rem 2rem 1.8rem; width:12.9rem; font-size:1.6rem; line-height:2.6rem; color:#000; font-weight:500; background-color:#f6f6f6;} .sch_op_wr dl dd{flex:1; padding:1.1rem 1rem} .sch_op_wr .cate_op .flex{gap:1.5rem 3.4rem;} .sch_op_wr .sch_op_btn{display:flex; gap:0.8rem; padding:1.1rem 2rem;} .sch_op_wr .sch_op_btn.end{justify-content:flex-end;} .sch_op_wr .sch_op_btn button{min-width:8rem; height:3.6rem; font-size:1.5rem; line-height:2.6rem; display:flex; gap:0.4rem; align-items:center; justify-content:center; color:#fff; border-radius:0.5rem; background-color:#555;} .sch_op_wr .sch_op_btn button::before{content:""; display:block; width:1.6rem; height:1.6rem; background-repeat:no-repeat; background-position:center; background-size:contain;} .sch_op_wr .sch_op_btn button.point{background-color:var(--point);} .sch_op_wr .sch_op_btn button.reset::before{background-image:url("/images/reset_btn_ico.png");} .sch_op_wr .sch_op_btn button.sch::before{background-image:url("/images/sch_btn_ico.png");} /* 상품목록 */ .sct_wr{display:flex; gap:2rem 2.7rem; flex-wrap:wrap;} .sct_wr .sct_li{border-radius:1rem 1rem 0 0; overflow:hidden; position:relative;} .sct_wr .sct_li > a{display:block;} .sct_wr .sct_li .thumb{border-radius:1rem; position:relative; overflow:hidden;} .sct_wr .sct_li .thumb img{width:100%; height:100%; aspect-ratio:1/1; object-fit:cover; transition:all 0.3s ease-out;} .sct_wr .sct_li .sct_txt{padding:1.6rem 0 1.5rem;} .sct_wr .sct_li .sct_name{font-size:1.7rem; line-height:2.2rem; font-weight:400; color:#000; display: -webkit-box; text-overflow: ellipsis; -webkit-line-clamp: 1; -webkit-box-orient: vertical; word-break:break-all !important; overflow:hidden;} .sct_wr .sct_li .sct_criteria{font-size:1.8rem; line-height:2.7rem; color:#000; font-weight:500; display: -webkit-box; text-overflow: ellipsis; -webkit-line-clamp: 1; -webkit-box-orient: vertical; word-break:break-all !important;} .sct_wr .sct_li .sct_price_wr{margin-top:0.7rem;} .sct_wr .sct_li .sct_prime{font-size:2rem; line-height:2.2rem; color:var(--point); font-weight:700;} .sct_wr .sct_li .sct_price{font-size:2rem; line-height:3rem; font-weight:700; color:var(--point);} .sct_wr .sct_li .sct_lowest_price{margin-top:0.5rem; font-size:1.6rem; line-height:2.6rem; color:#555;} .sct_wr .sct_li .sct_net_profit{padding:0.8rem 1rem 1rem; font-size:1.3rem; line-height:1; font-weight:500; color:#fff; text-align:center; background-color:rgba(39,170,219,0.8); border-radius:0 0 1rem 0; position:absolute; left:0; top:0;} .sct_wr .sct_li .sold_out{padding:0.8rem 1rem 1rem; font-size:1.3rem; line-height:1; font-weight:500; color:#fff; text-align:center; background-color:rgba(255, 96, 0, 0.8); border-radius:0 0 0 1rem; position:absolute; right:0; top:0;} .sct_wr .sct_li .state_label{min-width:7.6rem; padding:0.4rem 1rem 0.5rem; display:block; font-size:1.6rem; line-height:2.5rem; font-weight:500; color:#fff; text-align:center; border-radius:3.4rem; position:absolute; left:1rem; top:1rem;} .sct_wr .sct_li .state_label.end{background-color:rgba(0,0,0,0.8);} .shop_sct{} .shop_sct .sct_wr{padding-top:2rem; border-top:1px solid #555;} .shop_sct .sct_li{width:calc((100% - 8.1rem)/4);} .shop_sct .btn_area{margin-top:4rem;} .sct_wr .sct_li:hover .thumb img{transform:scale(1.03);} /* 상품 상세 */ #sit_ov_wrap {margin:4.4rem auto 2rem; display:flex;gap:4rem 8rem;align-items:flex-start; justify-content:space-between; color:#111} /* 상품 상세보기 - 이미지 미리보기 */ .sit_pvi_wrap{flex:1; max-width:47.6rem; position:relative;} .sit_pvi_wrap .sw_btn{color:#999;} .sit_pvi_wrap .sw_btn::after{font-size:3rem;} .sit_pvi_wrap .swiper-pagination-bullet-active{background-color:#ff163c;} #sit_pvi {background:#fff;text-align:center;overflow:hidden;width:100%;/*max-width:58rem;*/} #sit_pvi .swiper-slide img{width:100%;height:100%;aspect-ratio:1/1;object-fit:cover;} #sit_pvi .swiper-wrapper{height:auto;} #sit_pvi .swiper-slide{height:auto;} #sit_pvi_big{border-radius:1rem; overflow:hidden;} .sit_pvi_thumbs{margin:2rem auto 0; padding:0 2rem; max-width:35.7rem; position:relative;} .sit_pvi_thumbs .sw_contain{overflow:hidden;} .sit_pvi_thumbs .swiper-slide::after{content:""; display:block; border:1px solid #e6e6e6; position:absolute; inset:0 0 0 0; z-index:1;} .sit_pvi_thumbs .swiper-slide+.swiper-slide::after{margin-left:-1px;} .sit_pvi_thumbs .swiper-slide.swiper-slide-thumb-active{z-index:1;} .sit_pvi_thumbs .swiper-slide.swiper-slide-thumb-active::after{border-color:var(--point);} /* 260911 — Swiper 기본값이 .swiper-button-next/prev{z-index:10} 인데 고정 헤더(#header)는 z-index:8 이다. 그대로 두면 스크롤할 때 이 화살표가 헤더 위로 뚫고 올라온다. 헤더 아래로 내린다. (슬라이드의 ::after 테두리가 z-index:1 이라 그보다는 위여야 해서 2 로 둔다) */ .sit_pvi_thumbs .swiper-button-prev, .sit_pvi_thumbs .swiper-button-next{z-index:2;} .sit_pvi_thumbs .swiper-button{width:2rem;} .sit_pvi_thumbs .swiper-button::after{font-size:1.6rem; font-weight:900; color:var(--point)} .sit_pvi_thumbs .swiper-button.swiper-button-disabled::after{color:#999; opacity:1;} .sit_pvi_thumbs .swiper-button-prev{left:0;} .sit_pvi_thumbs .swiper-button-next{right:0;} #sit_ov{flex:1; max-width:73.3rem;position:relative;background:#fff;height:auto !important;} #sit_title{display:block;font-size:2.5rem;line-height:4rem;} #sit_title span{display:inline-block;width:100%;font-size:2rem;color:#262626;font-weight:500;} #sit_opt_info{position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden;} .sit_simple_info{font-size:1.8rem; line-height:1.2; color:#555; margin:0.5rem 0 1rem;} .sit_price{padding:0.5rem 0;} .sit_price .price_wr{} .sit_price .it_dict{font-size:1.6rem;color:#999;line-height:3rem;} .sit_price .it_dict span{} .sit_price .it_lowest_price{margin-top:1rem; display:flex; align-items:center; gap:1.5rem;} .sit_price .it_lowest_price .tit{padding:0.6rem 0.8rem 0.8rem 0.9rem; font-size:1.5rem; line-height:1; color:#555; border:0.1rem solid var(--point); border-radius:1rem; background-color:#fff; position:relative; z-index:3;} .sit_price .it_lowest_price .tit::before{content:""; display:block; width:0; border-width:0.5rem 0 0.5rem 0.7rem; border-style:solid; border-color:transparent transparent transparent #fff; position:absolute; left:100%; top:50%; transform:translateY(-50%); z-index:1;} .sit_price .it_lowest_price .tit::after{content:""; display:block; width:0; border-width:0.6rem 0 0.6rem 0.8rem; border-style:solid; border-color:transparent transparent transparent var(--point); position:absolute; left:100%; top:50%; transform:translateY(-50%); z-index:0;} .sit_price .it_price{font-size:3rem;line-height:4rem;font-weight:700;} .sit_price .it_code{margin:1rem 0;display:flex;gap:2.5rem;font-size:1.8rem;} .sit_price .it_code dt{color:#666;font-weight:500;} .sit_price .it_code dd{color:#333;font-weight:500;} .period_sale{padding:1.5rem 0; display:flex; gap:0.7rem; align-items:center; font-size:1.7rem; line-height:2rem; font-weight:500; color:#999;} .period_sale em{padding-left:2.4rem; color:#000; font-weight:inherit; background:url("/images/period_sale_ico.png") no-repeat top left/1.8rem;} .sit_ov_tbl table{border-collapse:collapse;width:100%;margin:0 0;border:0;font-size:1.8rem;} .sit_ov_tbl tr{border-bottom:1px solid #e6e6e6;} .sit_ov_tbl th{font-weight:normal;text-align:left;padding:0.5rem 0;width:16.5%;color:#555;min-width:fit-content;} .sit_ov_tbl td{height:6rem;padding:1.5rem 0 1.5rem 1.5rem; font-weight:500;;color:#000;text-align:left;} .buy_wr #sit_sel_option{margin:0;} #sit_buy .btn_close{display:none;} #sit_buy_op{display:none;} #sit_ov_soldout{padding:2rem 0;margin:1rem 0;color:#ff3061;background:#fff6f6;border:0.1rem solid #fadada;font-weight:bold;text-align:center;} #sit_ov_btn{margin:2.5rem 0 0;padding:0;text-align:center;display:flex;gap:1rem; flex-wrap:wrap;} #sit_ov_btn > .btn{flex:1 0 24rem; height:6rem; font-size:1.8rem; font-weight:500; color:#fff; border-radius:0.5rem; display:flex; align-items:center; justify-content:center; background-color:#555;} #sit_ov_btn > .btn.point{background-color:var(--point);color:#fff;} #sit_ov_btn > .btn.bor{color:#555; border:1px solid #555; background-color:#fff;} #sit_ov_btn > .btn.disabled{opacity:0.2; cursor:default;} /* #sit_btn_sample{background-color:var(--point);color:#fff;} #sit_btn_link{background-color:#555;color:#fff;} #sit_btn_group{color:#555; border:1px solid #555; background-color:#fff;} */ #sit_ov_btn .sit_btn_list{width:calc(24% - 0.5rem);line-height:6.4rem;font-weight:500;color:#666;border:1px solid #666;background-color:#f8f8f8;text-decoration:none;display:inline-block;} #sit_sel_option{margin:1.5rem 0;} #sit_tot_price{margin-top:2rem;font-size:3rem;line-height:4rem;font-weight:700;color:var(--point);display:flex;justify-content:space-between;align-items:center;} #sit_tot_price .tot_price_tit{font-size:2rem; line-height:3rem; font-weight:500; color:#000;} .sit_option_wr{padding:1.8rem 0 0.5rem;} .sit_option_wr h4{margin:0 0 1.8rem; font-size:1.8rem; color:#555} .sit_option_wr select{width:100%;height:5rem;padding:0 3.5rem 0 1rem;border:1px solid var(--point); color:#555; background-image:url("/images/sit_select_arrow.png"); background-size:1rem;} #sit_opt_added {margin:0;padding:0;border-bottom:0;list-style:none} #sit_opt_added li {padding:1.1rem 1.9rem 1.5rem; border:1px solid #e6e6e6; background:#f6f6f6;position:relative;} #sit_opt_added li+li {margin-top:-1px;} #sit_opt_added li .opt_name{margin-bottom:0.5rem;line-height:2.7rem;padding:0 4rem 0.5rem 0;font-size:1.7rem;font-weight:400;color:#555; display:flex; justify-content:space-between; gap:1rem} #sit_opt_added li .sit_opt_subj{flex:1;} .opt_count{display:flex; justify-content:space-between; flex-wrap:wrap;} .opt_count .opt_count_wr{display:flex;} .opt_count button {width:3rem;height:3rem;border:0.1rem solid #e6e6e6;background:#fff;color:#aaa;font-size:0.92em;display:flex;align-items:center;justify-content:center;} .sit_opt_list .num_input {border:0; padding:0; height:3rem;width:4rem;border-top:0.1rem solid #e6e6e6;border-bottom:0.1rem solid #e6e6e6;text-align:center; font-size:1.7rem; color:#555;background-color:#fff;} .sit_opt_list .num_input:focus{background:#e6f8f0} .sit_opt_list .sit_opt_del{background:transparent;position:absolute;right:1.9rem;top:1rem;border:none;} .sit_opt_list .sit_opt_del::before, .sit_opt_list .sit_opt_del::after{content:"";width:1.5rem;height:1px;background-color:#666;position:absolute;left:50%;top:50%;margin:0 0 0 -0.7rem} .sit_opt_list .sit_opt_del::before{transform:rotate(45deg);} .sit_opt_list .sit_opt_del::after{transform:rotate(-45deg);} .sit_opt_list .sit_opt_prc{display:block;text-align:right;font-size:1.7rem;line-height:2.7rem;font-weight:400;color:#555} .it_count{display:flex;align-items:center;gap:1rem;} .sit_qty_btns{display:flex;gap:0.5rem;} .sit_qty_btns button{width:3rem;height:3rem;background:#f5f5f5;border:1px solid #ddd;} .sit_qty_btns button img{width:1.5rem;height:1.5rem;} .sound_only{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden;} .sit_detail{display:flex;max-width:128rem;margin:6rem auto 0;} #sit_tab{padding:0;text-align:left;position:relative;width:100%;} #sit_tab .tab_tit{margin:0 auto;width:100%;display:flex;list-style:none;} #sit_tab .tab_tit li{flex:1;text-align:center;} #sit_tab .tab_tit li button{display:flex;align-items:center;justify-content:center;width:100%;position:relative;height:6.8rem;font-size:1.8rem;color:#666;font-weight:600;font-family:var(--prtd);background:#fff;border:0;text-align:center;z-index:1;border:0.1rem solid #e6e6e6; border-bottom:2px solid #555;} #sit_tab .tab_tit li button span{display:inline-block;margin-left:0.3rem;min-width:1.8rem;font-weight:500;font-family:var(--prtd);} #sit_tab .tab_tit li+li button{border-left:none;} #sit_tab .tab_tit li .selected{color:#fff;background-color:#555; border-color:#555;} #sit_tab .tab_con{margin:0 auto;width:100%;padding:5rem 2rem 2rem;text-align:left;border-top:none;min-height:75rem;list-style:none;} #sit_inf_explan{margin:0 0 1rem;line-height:1.5em;} #sit_inf_explan img{max-width:100%;height:auto;} #sit_qa .hd_area{display:flex; justify-content:space-between; align-items:center; margin-bottom:1.5rem;} #sit_qa .hd_area .total{color:#666;} #sit_qa .hd_area .total strong{color:var(--point);} #sit_qa .hd_area > button{padding:0.8rem 1.6rem; background:#4a90d9; color:#fff; border:none; border-radius:0.5rem; font-size:1.6rem; cursor:pointer;} #sit_qa .hd_area > button.non_mb{background:#aaa;} #sit_qa #qnaWriteForm{display:none; background:#f8f9fa; padding:2rem; border-radius:0.8rem; margin-bottom:2rem;} #sit_qa #qnaWriteForm .tit{margin-bottom:1rem;} #sit_qa #qnaWriteForm .tit input{width:100%; padding:1rem} #sit_qa #qnaWriteForm .cont_txt{margin-bottom:1rem;} #sit_qa #qnaWriteForm .cont_txt textarea{width:100%; padding:10px;} #sit_qa #qnaWriteForm input[type="text"]::placeholder, #sit_qa #qnaWriteForm textarea::placeholder{color:#999} #sit_qa #qnaWriteForm .ft_area{display:flex; justify-content:flex-end; align-items:center; gap:2rem} #sit_qa #qnaWriteForm .ft_area .check-new label{font-size:1.6rem; color:#666;} #sit_qa #qnaWriteForm .ft_area .btns{display:flex; gap:1rem;} #sit_qa #qnaWriteForm .ft_area .btns button{padding:0.8rem 1.6rem; background:#aaa; color:#fff; border:none; border-radius:0.4rem; font-size:1.6rem; cursor:pointer;} #sit_qa #qnaWriteForm .ft_area .btns button.submit{background:#4a90d9;} #sit_qa #itemuse > table{ width:100%; border-collapse:collapse; border-top:0.2rem solid #333;} #sit_qa #itemuse > table thead{background:#f5f5f5;} #sit_qa #itemuse > table thead th{padding:1rem; text-align:center;} #sit_qa #itemuse > table tbody tr{cursor:pointer;} #sit_qa #itemuse > table tbody td{padding:1rem; text-align:center; border-bottom:1px solid #eee;} #sit_qa #itemuse > table tbody td.subject{text-align:left;} #sit_qa #itemuse > table tbody td.btm{color:#999} #sit_qa #itemuse > table tbody tr.qna_detail_a{display:none; background:#f9f9f9;} #sit_qa #itemuse > table tbody tr.qna_detail_a.on{display:table-row;} #sit_qa #itemuse > table tbody tr.qna_detail_a td{padding:1.5rem 2rem} #sit_qa #itemuse > table tbody tr.qna_detail_a .a_cont{text-align:left; color:#333; line-height:1.6; white-space:pre-wrap;} #sit_qa #itemuse > table tbody tr.qna_detail_a button{padding:0.4rem 1.2rem; border:none; border-radius:0.3rem; font-size:1.4rem; color:#fff; cursor:pointer; background-color:#666;} #sit_qa #itemuse > table tbody tr.qna_detail_a button.btn_red{background-color:#e74c3c; color:#fff;} #sit_dex{font-size:1.8rem;} #sit_dex strong{font-size:2.2rem; line-height:1.4; color:#000;} #sit_dex table{width:100%; border-collapse:collapse; table-layout:fixed;} #sit_dex table th, #sit_dex table td{padding:1rem; border:1px solid #e6e6e6;} #sit_dex table th{width:18rem; font-weight:500; background-color:#f6f6f6; color:#000; text-align: center;} #sit_dex table td{color:#666} #sit_dex ul>li{} #sit_dex ul>li+li{margin-top:0.5rem;} /* 상품 장바구니 */ .basket_wrap{} .basket_wrap .bsk_li{display:flex; align-items:flex-start; border-top:1px solid #555;} .basket_wrap .bsk_li+.bsk_li{margin-top:2rem;} .basket_wrap .bsk_it_li{width:calc(100% - 37rem);} .basket_wrap .bsk_it_li .it_li_hd{padding:1.5rem 1.9rem; font-size:1.7rem; line-height:2.8rem; font-weight:500; color:#000; display:flex; align-items:center; gap:1rem; background-color:#f6f6f6; border-left:1px solid #e6e6e6; border-right:1px solid #e6e6e6;} .basket_wrap .bsk_it_li .it_li_hd .badge{padding:0 0.9rem; font-size:1.5rem; line-height:2.8rem; color:#fff; font-weight:500; text-align:center; border:1px solid #555; border-radius:1rem; background-color:#555;} .basket_wrap .bsk_it_li > ul{border:1px solid #e6e6e6;} .basket_wrap .bsk_it_li > ul > li{padding:2.4rem 12.3rem 2.4rem 2.9rem; font-size:1.8rem; line-height:2.2rem; color:#000; display:flex; align-items:center; gap:1rem 5rem; position:relative;} .basket_wrap .bsk_it_li > ul > li + li{border-top:1px solid #e6e6e6;} .basket_wrap .bsk_it_li .it_info{flex:1; display:flex; gap:1.9rem; align-items:center;} .basket_wrap .bsk_it_li .it_info .thumb{width:12rem; aspect-ratio:3/2; overflow:hidden;} .basket_wrap .bsk_it_li .it_info .thumb img{width:100%; height:100%; object-fit:cover;} .basket_wrap .bsk_it_li .it_info .it_name_area{flex:1;} .basket_wrap .bsk_it_li .it_info .it_name_area > p{margin-top:0.3rem; font-size:1.4rem; color:#888;} .basket_wrap .bsk_it_li .it_info .it_name{flex:1; display:-webkit-box; text-overflow:ellipsis; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-break:break-all !important; overflow:hidden;} .basket_wrap .bsk_it_li .it_info .it_name .sold_out{display:block; margin-top:;;} .basket_wrap .bsk_it_li .it_price{width:21.4rem; text-align:center;} .basket_wrap .bsk_it_li .it_price .deliv_charge{display:block; margin-top:0.5rem; font-size:1.4rem; color:#999;} .basket_wrap .bsk_it_li .it_opt_count{display:flex;} .basket_wrap .bsk_it_li .it_opt_count button {width:3rem;height:3rem;border:0.1rem solid #e6e6e6;background:#fff;color:#aaa;font-size:0.92em;display:flex;align-items:center;justify-content:center;} .basket_wrap .bsk_it_li .it_opt_count .num_input {border:0; padding:0; height:3rem;width:4rem;border-top:0.1rem solid #e6e6e6;border-bottom:0.1rem solid #e6e6e6;text-align:center; font-size:1.6rem; color:#555;background-color:#fff;} .basket_wrap .bsk_it_li .it_opt_count .num_input:focus{background:#e6f8f0} .basket_wrap .bsk_it_li .it_li_btn{height:100%; display:flex; flex-direction:column; justify-content:center; position:absolute; right:2.9rem; top:0;} .basket_wrap .bsk_it_li .it_li_btn button, .basket_wrap .bsk_it_li .it_li_btn a{display:inline-block; width:4.4rem; height:3rem; font-size:1.3rem; line-height:2.8rem; color:#fff; text-align:center; border:1px solid #555; border-radius:0.3rem; background-color:#555;} .basket_wrap .bsk_it_calculator{margin-left:-1px; width:calc(37rem + 1px); border-left:1px solid #e6e6e6; border-right:1px solid #e6e6e6;} .basket_wrap .bsk_it_calculator .bsk_it_receipt{padding:0.5rem 2.9rem 1.2rem} .basket_wrap .bsk_it_calculator .bsk_it_receipt li{padding:1.3rem 0 1.6rem;} .basket_wrap .bsk_it_calculator .bsk_it_receipt li+li{border-top:1px solid #e6e6e6} .basket_wrap .bsk_it_calculator .bsk_it_receipt .receipt_li{font-size:1.5rem; line-height:3rem; font-weight:500; color:#000; display:flex; align-items:center; justify-content:space-between;} .basket_wrap .bsk_it_calculator .bsk_it_receipt .total p{font-size:2.2rem; font-weight:700;} .basket_wrap .bsk_it_calculator .bsk_it_receipt .proposal p{font-size:1.8rem; color:var(--point)} .basket_wrap .bsk_it_calculator .bsk_it_receipt .proposal p input{padding:0 1rem 0.3rem; width:11rem; height:3rem; font-size:1.8rem; color:var(--point); line-height:calc(3rem - 2px); text-align:right;} .basket_wrap .bsk_it_calculator .bsk_it_receipt .proposal p input::placeholder{font-size:1.5rem; line-height:calc(3rem - 2px);} .basket_wrap .bsk_it_calculator .bsk_it_receipt .profit p{font-size:1.8rem; color:var(--point);} .basket_wrap .bsk_it_calculator .bsk_it_receipt .coupon button{color:inherit; font-size:inherit; font-weight:inherit;} .basket_wrap .bsk_it_calculator .bsk_it_receipt .coupon button::after{content:">"; display:inline-block; margin-left:0.3rem; font-family:"SUIT Variable", sans-serif !important;} .basket_wrap .bsk_it_calculator .bsk_it_receipt .receipt_detail .receipt_li{color:#555} .basket_wrap .bsk_it_calculator .submit_btn{padding:1.5rem 0; display:block; font-size:1.8rem; line-height:3rem; font-weight:700; color:#fff; text-align:center; background-color:var(--point);} .basket_wrap.sample{} .basket_wrap.sample .bsk_li{gap:0 1rem; border-top:0} .basket_wrap.sample .bsk_it_li > ul > li{padding-right:2.9rem;} .basket_wrap.sample .bsk_it_calculator{border-top:1px solid #e6e6e6} .basket_wrap.sample .bsk_it_calculator .bsk_it_receipt .total p{color:var(--point)} /* 상품정보 */ .order_sect:not(:first-child){margin-top:4.5rem;} .order_sect .tit_wr{margin-bottom:1.5rem;} .order_sect .my-table>table, .order_sect .board_write>table{border-left:1px solid var(--bor_c); border-right:1px solid var(--bor_c);} .order_sect .my-table>table th, .order_sect .my-table>table td, .order_sect .board_write>table th, .order_sect .board_write>table td{height:6rem;} .receipt_info .tit_wr{gap:2rem;} .receipt_info .tit_wr .receipt_chk{align-self:center; display:flex; gap:2rem;} /* 결제 메세지 */ .payment_result_msg{padding:3rem 0; text-align:center; display:flex; justify-content:center; align-items:center;} .payment_result_msg .result_msg_area{padding:0 2rem; max-width:500px; width:100%; background-color:#fff; border:1px solid #555; border-radius:1rem; box-shadow:0 0.5rem 2rem 0 rgba(0,0,0,0.1);} .payment_result_msg .msg_hd{padding:2rem; border-bottom:1px solid #e6e6e6;} .payment_result_msg .top_tit{font-size:2rem; line-height:3rem; font-weight:500; color:var(--point);} .payment_result_msg .msg_bd{padding:3rem 0; margin:0 auto; max-width:400px;} .payment_result_msg .msg_bd .ico_box{margin-bottom:0.8rem;} .payment_result_msg .msg_bd .tit{font-size:2rem; line-height:3rem; font-weight:500; color:#000;} .payment_result_msg .msg_bd .txt{margin-top:0.3rem; font-size:1.6rem; line-height:2.6rem; color:#555} .payment_result_msg .msg_bd .btns{margin-top:2rem; display:flex; justify-content:center; align-items:center;} .payment_result_msg .msg_bd .btns .link{font-size:1.6rem; line-height:2.5rem; color:#555; text-decoration:underline; text-underline-offset:0.2rem;} .payment_result_msg .msg_bd .btns .btn{display:inline-block; padding:1.2rem 2rem; min-width:18rem; height:4.4rem; font-size:1.6rem; line-height:1; font-weight:600; color:#fff; background-color:#000; border-radius:0.3rem;} .payment_result_msg .msg_bd .tp_box{margin-top:1.5rem; padding:1.8rem 2.5rem 2rem; background-color:#f6f6f6; border-radius:1rem;} .payment_result_msg .msg_bd table{margin-top:1.5rem; width:100%; font-size:1.6rem 2rem; line-height:1.4; color:#000; border-top:1px solid #000;} .payment_result_msg .msg_bd table th{padding:0.5rem 2rem; width:12rem; height:4.5rem; background-color:#fef4ee; border-bottom:1px solid #ddd;} .payment_result_msg .msg_bd table td{padding:0.5rem 1rem; border-bottom:1px solid #ddd;} /* PageNavigation Style */ .pageNavigation{width:100%; margin-top:-1px; border-bottom:1px solid #e6e6e6; overflow:hidden; position: relative; z-index:2;} .pageNavigation>dl{width:100%; border-top:1px solid #e6e6e6; font-size:1.6rem; line-height:1.1; color: #333; display:table; table-layout: fixed;} .pageNavigation>dl>*{display:table-cell; vertical-align:middle; box-sizing:border-box; position: relative;} .pageNavigation>dl>dt{width:10.5rem; height:6.5rem; text-align:center; color:#333;} .pageNavigation>dl>dt:before{content: ""; width: 1rem; height: 1rem; border-width:1px 0 0 1px; border-style:solid; border-color:#474a52; display: inline-block; position:absolute; right: 0; top:3.5rem;} .pageNavigation>dl.prev>dt:before{margin:-0.2rem 0 0 0; transform:rotate(45deg);} .pageNavigation>dl.next>dt:before{margin:-0.7rem 0 0 0; transform:rotate(-135deg);} .pageNavigation>dl>dd{padding:0 12.5rem 0 4.5rem;} .pageNavigation>dl>dd>a{max-width:100%; font-weight: 400; color:#333; display:inline-block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;} .pageNavigation>dl>dd>a:hover{color:var(--point);} .pageNavigation>dl>dd>.day{height:6.5rem; font-weight: 300; color: #666; position: absolute; right:3rem; top:0; display: flex; align-items: center; justify-content: flex-end;} /* Comment Style */ .comment_Area{margin-top:6rem; font-size:0; line-height:0;} .comment_Area input[type=text], .comment_Area input[type=password], .comment_Area textarea{height:4.6rem; margin-right:1.4rem; padding:0 1.5rem; border:1px solid #e2e2e2; font-weight: 300; font-size:1.5rem; line-height:4.4rem; color:#666; vertical-align:middle; display:inline-block;} .comment_Area textarea{width:100%; height:13rem; margin-right:2rem; padding:1.5rem; font-size:1.6rem; line-height:1.6;} .comment_Area *[type=submit]{width:15.5rem; min-width:15.5rem; background-color:#333; border:none; font-weight: 400; font-size:1.8rem; line-height:1; color:#fff; text-align: center; overflow:hidden; display:inline-block; vertical-align: top; box-sizing:border-box; cursor: pointer; position: relative;} .comment_Area .comment_title{padding-bottom:1.8rem; font-size:2rem; line-height:1; color: #1b1b1b;} .comment_Area .comment_write{padding:3rem 2rem; background-color: #fdfdfe; border-top:2px solid var(--btn_c);} .comment_Area .comment_write>div{display: flex; justify-content: space-between;} .comment_Area .comment_write>div.top{flex-direction: row; align-items: end; justify-content: flex-start;} .comment_Area .comment_write>div.btm{margin-top:3rem;} .comment_Area .comment_list{border-bottom:1px solid #e6e6e6;} .comment_Area .comment_list>dl{padding:2.5rem 19.5rem 2.5rem 2rem; border-top:1px solid #e6e6e6; position: relative;} .comment_Area .comment_list>dl>dt{font-size:1.6rem; line-height:1.4; color:#1b1b1b;} .comment_Area .comment_list>dl>dd{margin-top:1rem;} .comment_Area .comment_list>dl>dd p{font-weight: 300; font-size:1.5rem; line-height:1.6; color: #999; display:inline-block; vertical-align: top; position: relative;} .comment_Area .comment_list>dl>dd p+p{margin-left:2.1rem;} .comment_Area .comment_list>dl>dd p+p:before{content: ""; width:1px; height:1rem; margin-top:-0.5rem; background-color: #ccc; display: inline-block; position:absolute; left: -1.1rem; top:50%;} .comment_Area .comment_list>dl>dd .comment_option{position: absolute; right:2rem; top:50%; transform: translateY(-50%); display:inline-block; white-space: nowrap;} .comment_Area .comment_list>dl>dd .comment_option>a{min-width:7.2rem; height:3.6rem; padding:0 2rem; border:1px solid #ccc; font-size:1.5rem; line-height:3.4rem; color: #666; text-align: center; border-radius:3px; display:inline-block; vertical-align: top;} .comment_Area .comment_list>dl>dd .comment_option>a+a{margin-left:1rem;} .comment_Area .comment_list>dl.no_comment{height:20rem; padding:0; color: #999; text-align: center; display: flex; flex-wrap: wrap; flex-direction: row; align-content: center; justify-content: center;} /* Board Write */ span[required]{padding-right:1.4rem; position: relative; display:inline-block;} span[required]:before{content: "*"; color: var(--point); position:absolute; right: 0; top:-0.4rem;} span[required][left]{padding:0 0 0 1.4rem;} span[required][left]:before{right:auto; left:0;} .board_write{width:100%; border-top:1px solid var(--btn_c); border-bottom:1px solid var(--bor_c); overflow:hidden;} .board_write + .board_write{margin-top:6rem;} .board_write>table{width:100%; border-spacing:0; margin-bottom:-1px; table-layout: fixed;} .board_write>table th, .board_write>table td{height:7rem; padding:1.4rem 2rem; border-bottom:1px solid var(--bor_c); 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:24rem; padding:0 2rem; background-color:#f4f6f8; font-weight: 500; color: #000; text-align: center;} .board_write>table th .small{font-weight: 400; font-size:0.9em; color: #999;} .board_write.w150>table th{width:15rem;} .board_write.w280>table th{width:28rem;} .board_write.w320>table th{width:32rem;} .board_write.w350>table th{width:35rem; padding:1rem 0;} .board_write>table th.left{text-align: left;} .board_write>table th.right{padding-left:3rem; border-left:1px solid var(--bor_c); text-align: left;} .board_write>table th.th{background-color: var(--table_th); font-weight: bold;} .board_write>table th.th+td{font-weight: bold; color: #000;} .board_write>table .bold{font-weight: 500; color: #000;} .board_write>table th.th+td input{border-color: #000; font-weight: bold; color: #000 !important;} .board_write>table th span{display:inline-block; max-width:11.2rem; width:100%; text-align:right; padding-right:1.4rem;} .board_write>table tr.line>*{border-bottom:none;} .board_write>table tr.line+tr>*{border-top:1px solid #000;} .board_write>table input.tar{} .board_write>table .pt-txt{text-align: center;} .board_write>table .pt-txt+td{width:16rem;} .board_write>table .btn-down{min-width:11rem; padding:0.8rem 1.6rem 0.8rem 2rem; background-color: var(--point); border:1px solid var(--point); font-weight: 500; font-size:1.6rem; line-height:1; color: #fff; display: inline-flex; align-items: center; justify-content: center; gap:0 0.7rem; border-radius:0.3rem;} .board_write>table .btn-down img{width:1.4rem;} .board_write>table .btn-down[disabled]{background-color: #fff; border-color:#ccc; color: #999; pointer-events: none;} .board_write>table .btn-down[disabled] img{filter: brightness(0) saturate(100%) invert(88%) sepia(0%) saturate(62%) hue-rotate(198deg) brightness(97%) contrast(85%);} .board_write input[type=button], .board_write input[type=text], .board_write input[type=password], .board_write input[type=file], .board_write input[type=submit], .board_write select, .board_write textarea, .board_write .btns{width:100%; height:4rem;} .board_write textarea{height:12rem;} :where(.board_write, .my-table) .xmall{max-width:16rem;} :where(.board_write, .my-table) .small{max-width:30rem;} :where(.board_write, .my-table) .middle{max-width:40rem;} :where(.board_write, .my-table) .small.postcode{max-width:16rem;} .board_write .btns{width:auto; padding:0 2rem; background-color:#333; border-color:#333; font-weight: 500; color: #fff; text-align: center; white-space: nowrap;} .board_write .btn-small{min-width:5rem; height:2.8rem; padding:0 1.8rem; background-color:var(--point); font-weight: 600; font-size:1.4rem; line-height:1; color: #fff; text-align: center; display: inline-flex; align-items: center; justify-content: center; border-radius:0.5rem;} .board_write .btn-small.del{background-color:#000;} :where(.board_write, .my-table) .flex{display: flex; align-items: center; gap:1rem;} :where(.board_write, .my-table) .flex.wrap{flex-flow: row wrap;} :where(.board_write, .my-table) .flex + .flex{margin-top:1rem;} :where(.board_write, .my-table) .flex.check{gap:1rem 4rem;} :where(.board_write, .my-table) .flex.three .check-new{width:27%; white-space: nowrap;} :where(.board_write, .my-table) .flex.tac{justify-content: center;} :where(.board_write, .my-table) .flex.end{justify-content: end;} :where(.board_write, .my-table) .flex.taj{justify-content: space-between;} :where(.board_write, .my-table) .flex.juso{} :where(.board_write, .my-table) .flex.juso>input{width:40%;} :where(.board_write, .my-table) .flex.juso>input+input{width:60%;} :where(.board_write, .my-table) .juso{margin-top:1rem;} :where(.board_write, .my-table) .juso:not(.flex)>input+input{margin-top:1rem;} :where(.board_write, .my-table) .juso span{white-space:nowrap;} .board_write .flex.three{width:100%; max-width:80rem;} .board_write .flex.three>*{width:auto;} .board_write .flex.three input{width:100%;} .board_write .flex.email{} .board_write .flex.day select{width:100%;} .board_write .type{font-size:1.6rem; line-height:1; display:inline-block; vertical-align:middle;} :where(.board_write, .my-table) .fileArea{position: relative;} :where(.board_write, .my-table) .fileArea .filePlus{width:100%; margin-bottom:1rem; background-color: var(--btn_c); color: #fff; text-align: center; z-index:5; box-sizing: border-box; cursor: pointer; display:block;} :where(.board_write, .my-table) .fileArea .filePlus:before{content: "+ ";} :where(.board_write, .my-table) .file{width:100%; font-size:0; line-height:0; position:relative; overflow:hidden; display: flex; align-items:center;} :where(.board_write, .my-table) .file+.file{margin-top:1rem;} :where(.board_write, .my-table) .file>*{display:inline-block; vertical-align: middle;} :where(.board_write, .my-table) .file>*+*{margin-left:1rem;} :where(.board_write, .my-table) .fileArea .filePlus, :where(.board_write, .my-table) .file>.file_wrap>.btnFile, :where(.board_write, .my-table) .file .thumb{height:4rem;} :where(.board_write, .my-table) .fileArea .filePlus, :where(.board_write, .my-table) .file>.file_wrap>.btnFile, :where(.board_write, .my-table) .file .thumb.text{font-size:1.7rem; line-height:4rem;} :where(.board_write, .my-table) .file .checkIn{} :where(.board_write, .my-table) .file>.file_wrap{} :where(.board_write, .my-table) .file>.file_wrap>.btnFile{width:10rem; background-color: var(--btn_c); color: #fff; text-align: center; vertical-align:middle; cursor:pointer; overflow:hidden; display:inline-block; position: relative; box-sizing: border-box;} :where(.board_write, .my-table) .file>.file_wrap>.btnFile>input[type=file]{width:100%; height:100%; opacity:0; cursor:pointer; position: absolute; left:0; top:0; z-index:3;} :where(.board_write, .my-table) .file .thumb.text{width:100%; max-width:30rem; margin:0 0 0 0; padding:0 2rem; border:1px solid var(--bor_c); color:#555; display: block; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; word-break:break-all;} :where(.board_write, .my-table) .file.full{flex:1;} :where(.board_write, .my-table) .file.full .thumb.text{max-width:none;} .board_write.two>table{} .board_write.two>table tr>th{width:20rem; padding:0 0 0 3rem; border-right:1px solid var(--bor_c); text-align: left;} .board_write.two>table tr>th:first-of-type+td{border-right:1px solid var(--bor_c);} .board_write.two>table .flex{width:100%; max-width:40rem;} .board_write.two>table .flex-box{display: flex; flex-flow: row wrap; align-items: center; gap:1rem;} .board_write input[name='boardpwd'] {width:200px; display:inline-block;} .board_write .antispam { vertical-align: middle; border-collapse: collapse; empty-cells: show; height:40px; } .board_write .captcha{} .board_write .captcha #captcha_img{width:10rem;} .board_write .captcha .captcha_box{max-width:30rem;} .board_write .captcha button{font-size:1.7rem; line-height:1; color:#555;} .board_write .captcha #captcha_info{} .board_write.gr_proposal_form>table th span{max-width:none;} /* .board_write.gr_proposal_form .check-new input[type=checkbox]+label+input[type=text], .board_write.gr_proposal_form .check-new input[type=radio]+label+input[type=text]{display:none;} .board_write.gr_proposal_form .check-new input[type=checkbox]:checked+label+input[type=text], .board_write.gr_proposal_form .check-new input[type=radio]:checked+label+input[type=text]{display:block;} */ /* Faq List */ .faqArea{width:100%; border-top:2px solid var(--btn_c); font-size:0; line-height:0; position:relative; overflow:hidden;} .faqArea>li{border-bottom:1px solid var(--bor_c); position: relative; transition:background-color 0.3s ease-out;} .faqArea>li+li{} .faqArea>li .q{padding:2.5rem 5rem; font-size:1.8rem; line-height:2.8rem; color: #555; display:block; position: relative;} .faqArea>li .q:before{content: "Q"; width:3.2rem; height:2.2rem; background-color: #555; font-size:1.4rem; line-height:1.2; font-weight:600; color: #fff; text-align: center; display: flex; align-items: center; justify-content: center; position:absolute; left:1rem; top:2.8rem; border-radius:0.3rem;} .faqArea>li .q:after{content: "↓"; font-weight: 500; font-size:2rem; line-height:1.2; color: #111; text-align: center; position:absolute; right: 4rem; top:50%; transform: translateY(-50%); font-family:"SUIT Variable", sans-serif !important;} .faqArea>li .q:hover{} .faqArea>li .a{padding:0rem 8rem 2.5rem 9rem; font-weight: 400; font-size:1.8rem; line-height:2.6rem; color: #000; display:none; position: relative; background:url("/images/faq_a_arrow.png") no-repeat 2.2rem top/2rem;} .faqArea>li .a>p{font-weight: 400; font-size:1.6rem; line-height:2.7rem;} .faqArea>li .a:before{content: "A"; width:3.2rem; height:2.2rem; background-color: var(--point); font-weight: 600; font-size:1.4rem; line-height:1.2; color:#fff; text-align: center; display: flex; align-items: center; justify-content: center; position:absolute; left: 5rem; top:0; border-radius:0.3rem;} .faqArea>li .view_file{margin-top:2rem;} .faqArea>li.active{background-color:#f4f6f8;} .faqArea>li.active .q{} .faqArea>li.active .q:before{} .faqArea>li.active .q:after{transform:translateY(-50%) rotate(-180deg);}/* color: var(--point); */ .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;} /* Photo List */ .photo_list{width:100%; padding:2rem 0; border-top:1px solid var(--btn_c); font-size:0; line-height:0; position: relative; overflow: hidden;} .photo_list ul.list{margin:0; text-align: left; display: flex; flex-flow: row wrap; gap:0 3.125%;} .photo_list ul.list li{width:calc((100% - 9.375%) / 4); position: relative;} .photo_list ul.list li:nth-child(n+3){} .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 #ddd; aspect-ratio: 290/193; display: flex; align-items: center; justify-content: center; 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 .3s ease-out;} .photo_list ul.list li .gall_cont .thumb img.noIMG{max-width:70%; max-height:70%; object-fit: contain; filter:grayscale(100%); opacity: 0.6;} .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; display:none !important;} .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%; padding:1.5rem 0rem 3rem; display: flex; flex-flow: column wrap; position: relative;} .photo_list ul.list li .gall_cont .area .in_area{width:100%;} .photo_list ul.list li .gall_cont .area .tt{width:100%; font-size:1.7rem; line-height:2.4rem; color: #555; 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%; margin-bottom:0.5rem; font-weight: 600; font-size:2rem; line-height:1.4; color: #000; 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-weight: 600; color: var(--point);} .photo_list ul.list li .gall_cont .area .text{} .photo_list ul.list li .gall_cont .area .text+.text{margin-top:0;} .photo_list ul.list li .gall_cont .area .day{margin-top:2rem; font-size:1.6rem; color: #999;} .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: #e6e6e6; color: #666;} .photo_list ul.list li .gall_cont .area .one{display:block; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;} .photo_list ul.list li .gall_cont .area .two{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{display: -webkit-box; text-overflow: ellipsis; -webkit-line-clamp: 3; -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.noLine{border:none !important;} .photo_list.noLine ul.list>li{border-bottom:none !important} .photo_list.noLine ul.list>li:before{display:none !important;} /* 이벤트 */ .photo_list.event{overflow:visible;} .photo_list.event ul.list{gap:4rem 2.7rem;} .photo_list.event ul.list li{width:calc((100% - 8.1rem)/4);} .photo_list.event ul.list li .gall_cont{border-radius:1rem; box-shadow:0 2rem 2rem rgba(0,0,0,0.07); overflow:hidden;} .photo_list.event ul.list li .gall_cont .thumb{width:100%; aspect-ratio:1/1; overflow:hidden;} .photo_list.event ul.list li .gall_cont .thumb img{width:100%; height:100%; object-fit:cover; transition:all 0.3s ease-out;} .photo_list.event ul.list li .gall_cont .area{padding:1.7rem 1.9rem 3.5rem;} .photo_list.event ul.list li .gall_cont .state{min-width:7.6rem; margin-bottom:0.6rem; padding:0.4rem 0 0.5rem; display:inline-block; font-size:1.6rem; line-height:2.5rem; color:#fff; font-weight:500; color:#fff; text-align:center; background-color:#555; border-radius:4rem;} .photo_list.event ul.list li .gall_cont .state.live{background-color:var(--point);} .photo_list.event ul.list li .gall_cont .title{margin-bottom:0; font-size:1.8rem; line-height:3rem; font-weight:700; display:-webkit-box; text-overflow:ellipsis; -webkit-line-clamp:1; -webkit-box-orient:vertical; word-break:break-all !important; overflow:hidden;} .photo_list.event ul.list li .gall_cont .date{font-size:1.7rem; line-height:3rem; color:#999; display:flex; flex-wrap:wrap;} .photo_list.event ul.list li .gall_cont .date em{color:#555; display:inline-block; margin-right:0.8rem;} /* newsletter */ .photo_list.newsletter{} .photo_list.newsletter ul.list{gap:4rem 7rem;} .photo_list.newsletter ul.list li{width:calc((100% - 14rem) / 3);} .photo_list.newsletter ul.list li .gall_cont{background-color: transparent;} .photo_list.newsletter ul.list li .gall_cont .thumb{aspect-ratio: 1/1.29; transition: all .3s ease-out;} .photo_list.newsletter ul.list li .gall_cont .thumb:before{content: ""; border:0 solid #00a8bf; position:absolute; left: -1px; top:-1px; right:-1px; bottom:-1px; box-sizing: border-box; z-index:3; transition: all .3s ease-out; display:none !important;} .photo_list.newsletter ul.list li .gall_cont .over{display:none !important;} .photo_list.newsletter ul.list li .gall_cont .area{min-height:auto; padding:3.5rem 0;} .photo_list.newsletter ul.list li .gall_cont:hover .thumb{box-shadow:0 0 3rem rgba(0,0,0,0.1); border-color:#00a8bf;} .photo_list.newsletter ul.list li .gall_cont:hover .thumb:before{border-width:1px;} .photo_list.newsletter.swiper-initialized ul.list{padding-bottom:2.5rem; gap:0rem; flex-wrap: nowrap; } html.main .photo_list.newsletter ul.list li{width:38rem; min-width:38rem;} .photo_list.recipe ul.list li .gall_cont .thumb{aspect-ratio: 1/1.40263;} /* format */ .photo_list.format ul.list{margin:0 0 -1px; gap:0;} .photo_list.format ul.list li{width:calc(100% / 2);} .photo_list.format ul.list li .gall_cont{padding:3rem 1.6rem 3rem 2rem; display: flex; justify-content: space-between; gap:2rem;} .photo_list.format ul.list li .gall_cont .thumb{width:18.1rem; padding:0; aspect-ratio: 179/254;} .photo_list.format ul.list li .gall_cont .area{flex:1; max-width:39rem; padding:0; justify-content: space-between;} .photo_list.format ul.list li .gall_cont .area .title{margin-bottom:1rem; font-size:2.2rem;} .photo_list.format ul.list li .gall_cont .area .down-box{border:1px solid #e2e2e2; display: flex; flex-flow: row wrap; align-items: center; border-radius:1rem; overflow: hidden;} .photo_list.format ul.list li .gall_cont .area .down-box>*{width:25%; text-align: center; display: flex; align-items: center; justify-content: center;} .photo_list.format ul.list li .gall_cont .area .down-box>p{min-height:9.8rem; background-color: #f4f6f8; font-weight: 500; font-size:1.6rem; line-height:1.3; color: #999; flex-flow: column wrap;} .photo_list.format ul.list li .gall_cont .area .down-box>p>span{display:block;} .photo_list.format ul.list li .gall_cont .area .down-box>a+a{border-left:1px dotted #ccc;} .photo_list.format ul.list li .gall_cont .area .down-box img{width:3.8rem;} /* speakers */ .photo_list.speakers ul.list{gap:4rem 2rem;} .photo_list.speakers ul.list li{width:calc((100% - 8rem) / 5);} .photo_list.speakers ul.list li .gall_cont{background-color: #fff; border-radius:1rem; overflow:hidden; box-shadow:3rem 3rem 5rem rgba(0,0,0,0.2);} .photo_list.speakers ul.list li .gall_cont .session{height:4.6rem; padding:0 1.3rem; font-weight: bold; font-size:1.7rem; line-height:1; color: #fff; display: flex; align-items: center; justify-content: center; position: absolute; left:0; top:0; z-index:2; border-radius:1rem 0 0 0; /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#0a9e1f+0,096c45+100 */ background: linear-gradient(to bottom, rgba(10,158,31,1) 0%,rgba(9,108,69,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ } .photo_list.speakers ul.list li .gall_cont .thumb{border:none; overflow: visible; position: static;} .photo_list.speakers ul.list li .gall_cont p.over{} .photo_list.speakers ul.list li .gall_cont p.over:before, .photo_list.speakers ul.list li .gall_cont p.over:after{display:none !important;} .photo_list.speakers ul.list li .gall_cont p.over>span{font-weight: bold; font-size:1.5rem; top:50% !important; text-decoration: underline;} .photo_list.speakers ul.list li .gall_cont .area{padding:2rem; background-color: #fff; border-radius:0 0 1rem 1rem;} .photo_list.speakers ul.list li .gall_cont .area .title{font-weight: bold;} /* store */ .photo_list.store{margin-top:4rem;} .photo_list.store ul.list{gap:4rem;} .photo_list.store ul.list li{width:calc((100% - 12rem) / 4);} .photo_list.store ul.list li .gall_cont .thumb{border:1px solid #e6e6e6; aspect-ratio: 1.6/0.6511;} /* event */ .photo_list.events{} .photo_list.events ul.list{gap:2rem 7rem;} .photo_list.events ul.list li{width:calc((100% - 14rem) / 3);} .photo_list.events ul.list li .gall_cont{background-color: transparent;} .photo_list.events ul.list li .gall_cont .area{min-height:auto; padding:2rem 0;} .photo_list.events ul.list li .gall_cont .area .day{margin-top:0.5rem; text-align: center; position: static;} .photo_list.events ul.list li .gall_cont .area .state{margin:1.5rem 0 0 0; text-align: center;} /* 인증서 */ .photo_list.certificate{} .photo_list.certificate ul.list li .gall_cont .area{min-height:auto; padding-bottom:2rem;} /* 컨설팅의 달인 */ .photo_list.consult ul.list{gap:2rem 2.7rem} .photo_list.consult ul.list li{width:calc((100% - 8.1rem)/4);} .photo_list.consult ul.list li .gall_cont .thumb{aspect-ratio:1/1;border:0; border-radius:1rem; overflow:hidden;} .photo_list.consult ul.list li .gall_cont .area{padding:2rem 0 1.5rem;} .photo_list.consult ul.list li .gall_cont .area .in_area{padding-top:3.7rem; position:relative;} .photo_list.consult ul.list li .gall_cont .area .cate{display:inline-block; padding:0.7rem 1rem 0.9rem; width:auto; font-size:1.4rem; line-height:1; font-weight:500; color:#fff; text-align:center; background-color:var(--point); border-radius:1rem; position:absolute; left:0; top:0;} .photo_list.consult ul.list li .gall_cont .area .title{font-size:1.7rem; line-height:2.7rem; font-weight:500;} /* intetview */ .photo_list.intetview ul.list{gap:2rem 2.7rem} .photo_list.intetview ul.list li{width:calc((100% - 8.1rem)/4); border:1px solid #e6e6e6; border-radius:1rem; overflow:hidden;} .photo_list.intetview ul.list li .gall_cont{height:100%;} .photo_list.intetview ul.list li .gall_cont .thumb{width: calc(100% + 2px); margin: -1px 0 0 -1px; aspect-ratio: 3 / 2; overflow: hidden;} .photo_list.intetview ul.list li .gall_cont .area{padding:2.6rem 2rem 3.7rem; position:static;} .photo_list ul.list li .gall_cont .area .in_area{padding-bottom:4rem;} .photo_list.intetview ul.list li .gall_cont .area .day{margin-top: 1.2rem; font-size: 1.8rem; line-height: 2.8rem; color: #999; position:absolute; bottom:3.7rem;} .photo_list:not(.format) ul.list li .gall_cont:hover .thumb img{transform: scale(1.05);} .photo_list:not(.format) ul.list li .gall_cont:hover p.over{opacity: 1;} .photo_list:not(.format) ul.list li .gall_cont:hover p.over:before{width: 28px; margin-left:-14px; opacity: 1;} .photo_list:not(.format) ul.list li .gall_cont:hover p.over:after{height: 28px; margin-top:-14px; opacity: 1;} .photo_list:not(.format) ul.list li .gall_cont:hover p.over>span{top:60%; opacity: 1;} .photo_list ul.list li.noPost{width:100% !important; height:30rem; padding:0; border-bottom:1px solid #666; font-size:1.7rem; line-height:1; color: #666; text-align: center; display: flex; align-items: center; justify-content: center;} /* 추천 */ .recommend_wr{margin-bottom:5.4rem;} .recommend_wr .tit_wr{margin-bottom:1.5rem;} .recommend_wr .recommend_sw{padding:3rem 4rem; background-color:#f6f6f6; position:relative;} .recommend_wr .sw_contain{position:relative; overflow:hidden;} .recommend_wr .sw_contain .swiper-slide{width:28.5rem;} .recommend_wr .sw_contain .swiper-slide > a{display:block; border-radius:1rem; overflow:hidden; position:relative;} .recommend_wr .gall_cont{background-color:#fff;} .recommend_wr .thumb{width:100%; aspect-ratio:1/1; overflow:hidden;} .recommend_wr .thumb img{width:100%; height:100%; object-fit:cover; transition:all 0.3s ease-out;} .recommend_wr .area{padding:2rem 2rem 4.6rem;} .recommend_wr .in_area{padding-top:3.7rem; position:relative;} .recommend_wr .cate{display:inline-block; padding:0.7rem 1rem 0.9rem; font-size:1.4rem; line-height:1; font-weight:500; color:#fff; text-align:center; background-color:var(--point); border-radius:3rem; position:absolute; left:0; top:0;} .recommend_wr .title{font-size:1.7rem; line-height:2.7rem; color:#000; font-weight:500; display:block; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;} .recommend_wr .swiper-button{margin-top:-2.5rem; width:5rem; height:5rem; border-radius:50%; background-color:var(--point); z-index:1;} .recommend_wr .swiper-button::after{font-size:1.2rem; color:#fff;} .recommend_wr .swiper-button-prev{left:-2.5rem;} .recommend_wr .swiper-button-next{right:-2.5rem;} .recommend_wr .swiper-button-next::after{margin-right:-0.3rem;} .recommend_wr .sw_contain .swiper-slide:hover .thumb img, .recommend_wr .gall_cont:hover .thumb img{transform:scale(1.03);} .recommend_wr.event .area{padding:2rem 2rem 3.3rem;} .recommend_wr.event .in_area{padding:0} .recommend_wr.event .state{min-width:7.6rem; margin-bottom:0.6rem; padding:0.4rem 0 0.5rem; display:inline-block; font-size:1.6rem; line-height:2.5rem; color:#fff; font-weight:500; color:#fff; text-align:center; background-color:#555; border-radius:4rem;} .recommend_wr.event .state.live{background-color:var(--point);} .recommend_wr.event .date{font-size:1.6rem; line-height:2.6rem; color:#999; display:flex; flex-wrap:wrap;} .recommend_wr.event .date em{color:#555; display:inline-block; margin-right:0.6rem;} /* 추천 상품 */ /* .recommend_wr.sit_rcm .sct_net_profit{padding-bottom:3.2rem;} */ .recommend_wr.sit_rcm .sct_net_profit{padding:0.8rem 1rem 1rem; font-size:1.3rem; line-height:1; font-weight:500; color:#fff; text-align:center; background-color:rgba(39,170,219,0.8); border-radius:0 0 1rem 0; position:absolute; left:0; top:0;} .recommend_wr.sit_rcm .sold_out{padding:0.8rem 1rem 1rem; font-size:1.3rem; line-height:1; font-weight:500; color:#fff; text-align:center; background-color:rgba(255, 96, 0, 0.8); border-radius:0 0 0 1rem; position:absolute; right:0; top:0;} .recommend_wr.sit_rcm .area{padding-bottom:3.2rem;} .recommend_wr.sit_rcm .in_area{padding-top:0;} .recommend_wr.sit_rcm .price{margin-top:0.6rem; font-size:2rem; line-height:1; font-weight:700; color:var(--point);} .recommend_wr.sit_rcm .lowest_price{margin-top:0.5rem; font-size:1.6rem; line-height:2.6rem; color:#555;} /* 이벤트 참여 상품 (관련 상품)*/ .relevant_wr .tit_wr{margin-top:4rem;} .relevant_wr .tit_wr{margin-bottom:1.5rem;} .relevant_wr .relevant_sw .sw_contain{position:relative; overflow:hidden;} .relevant_wr .relevant_sw .swiper-slide{width:24rem;} /* 매장 찾기 */ .storeMapType2{width:100%; position: relative; display: flex; justify-content: space-between;} .storeMapType2 .storeMap_list{width:34rem; min-width:34rem; height:70rem; border:1px solid #ddd; border-right:0; overflow:hidden; overflow-y:scroll; order:2;} .storeMapType2 .storeMap_list>li{position: relative;} .storeMapType2 .storeMap_list>li .checkIn.noTxt{position: absolute; left:1rem; top:1rem;} .storeMapType2 .storeMap_list>li .admGos{position: absolute; right:1rem; top:0.6rem;} .storeMapType2 .storeMap_list>li+li{border-top:1px solid #ddd;} .storeMapType2 .storeMap_list>li.noPost{height:100%; font-weight: 400; font-size: 1.6rem; line-height:1.5; color: #666; display: flex; flex-wrap: wrap; flex-direction: row; align-items: center; justify-content: center;} .storeMapType2 .storeMap_list .link{padding:3.5rem 2.5rem; display:block;} .storeMapType2 .storeMap_list .link .title{padding-right:2.6rem; font-weight: 500; font-size: 2rem; line-height:1.5; color: #000; display: flex; justify-content: space-between; position: relative;} .storeMapType2 .storeMap_list .link .title:after{content: "\e724"; font-family: 'fontello'; font-size: 1.3em; color: var(--point); position: absolute; right:0; top:50%; transform: translateY(-50%);} .storeMapType2 .storeMap_list .link .text{margin-top:1rem; font-size:1.6rem; line-height:1.5; color: #666;} .storeMapType2 .storeMap_list .link .btns{margin-top:1.5rem;} .storeMapType2 .storeMap_list .link .btns>span{width:11rem; height:3.6rem; background-color: #fff; border:1px solid #dadada; font-size:1.5rem; line-height:3.4rem; color: #666; display: flex; flex-wrap: wrap; flex-direction: row; align-content: center; justify-content: center;} .storeMapType2 .storeMap_list .link.open, .storeMapType2 .storeMap_list .link:hover{background-color: #f4f4f4;} .storeMapType2 #storeMap{height:70rem; margin-bottom:0; order:1;} .storeFancyLay{width: 100%; max-width:1280px !important; margin:0 auto; padding:5rem !important; font-size:1.6rem; line-height:1.6; color:#555; box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23); display: none; overflow: visible !important;} .storeFancyLay .store_view{padding-bottom:4rem;} .storeFancyLay #storeLayMap{margin-bottom:0;} .storeFancyLay .store_view .left_box{border:none;} .storeFancyLay .storePhoto .store-big .slider{min-height:30rem;} .storeFancyLay .store_info{width:100%; height:100%; border-top:1px solid #333; font-size:0; line-height:0; border-spacing:0; table-layout : fixed;} .storeFancyLay .store_info th, .storeFancyLay .store_info td{height:6rem; padding:1.2rem 0 1.2rem 3rem; background-color: #fff; border-bottom:1px solid #dadada; font-size:1.8rem; line-height:1.5; color:#666; text-align:left; vertical-align: middle; border-collapse:collapse; empty-cells:show; box-sizing: border-box; word-break:keep-all; word-wrap:break-word;} .storeFancyLay .store_info th{width:15rem; background-color: var(--point); font-weight: 600; color: #fff;} .storeFancyLay .fancybox-button.fancybox-close-small{padding:0.5rem; background-color:rgba(0,0,0,0.7); color: #fff; right: -2.2rem; top: -2.2rem; border-radius: 99px; opacity: 1 !important;} @media only screen and (max-width : 1480px){ .storeFancyLay{width:calc(100% - 6rem);} } @media only screen and (max-width : 1340px){ .recommend_wr .recommend_sw{padding:3rem 7rem;} .recommend_wr .swiper-button-prev{left:1rem;} .recommend_wr .swiper-button-next{right:1rem;} } @media only screen and (max-width : 1280px){ /* speakers */ .photo_list.speakers ul.list li{width:calc((100% - 6rem) / 4);} .basket_wrap .bsk_it_li .it_info{flex-wrap:wrap;} .basket_wrap .bsk_it_li .it_info .it_name, .basket_wrap .bsk_it_li .it_info .it_name_area{max-width:none; flex:none; width:100%;} /* 상품 장바구니 */ .basket_wrap .bsk_li{flex-wrap:wrap;} .basket_wrap .bsk_it_li{width:100%;} .basket_wrap .bsk_it_calculator{width:100%; margin-left:0;} .basket_wrap.sample .bsk_it_calculator{border-top:0;} } @media only screen and (max-width : 1024px){ .board_list.trans { /* color */ --w : 1; --h : 1; } .board_list.trans>table{table-layout: auto; display: flex;} .board_list.trans>table thead, .board_list.trans>table tbody, .board_list.trans>table th, .board_list.trans>table td{width: auto; border-left:0; border-right:0; padding:0; display: block;} .board_list.trans>table thead{width:150px; border-right:1px solid #e6e6e6; float: left; white-space: nowrap;} .board_list.trans>table tbody{width:100%; overflow-x: auto; white-space: nowrap; display: flex;} .board_list.trans>table tr{flex:1 0 calc(33vw - 50px); border-left:1px solid #e6e6e6; display: block;} .board_list.trans>table tbody tr:nth-of-type(1){border-left:none;} .board_list.trans>table th, .board_list.trans>table td{width:calc(100% * var(--w)); height:calc(7rem * var(--h)); padding:0 2rem; display: flex; flex-wrap: wrap; align-items: center; justify-content: center;} .board_list.trans>table th{} .board_list.trans>table td{} .board_list.trans>table *[data-align="center"]{justify-content: flex-start;} .board_list.trans>table *[data-align="center"]>*{max-width:calc(30vw - 4rem - 1px); display:block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} .board_list.trans>table *[data-hide]{display:flex;} .board_list.trans>table *[colspan="2"]{--h:2;} .board_list.trans>table *[colspan="3"]{--h:3;} .board_list.trans>table *[colspan="4"]{--h:4;} .board_list.trans>table *[colspan="5"]{--h:5;} .board_list.trans>table *[colspan="6"]{--h:6;} .board_list.trans>table *[colspan="7"]{--h:7;} .board_list.trans>table *[rowspan]{position: relative; z-index:2;} .board_list.trans>table *[rowspan="2"]{--w:2;} .board_list.trans>table *[rowspan="3"]{--w:3;} .board_list.trans>table *[rowspan="4"]{--w:4;} .board_list.trans>table *[rowspan="5"]{--w:5;} .board_list.trans>table *[rowspan="6"]{--w:6;} .board_list.trans>table *[rowspan="7"]{--w:7;} /* Board View */ /* 매장찾기 */ .store_view{display: block;} .store_view>*{width:100%; max-width:none;} .store_view .right_box{margin:4rem 0 0 0;} .storePhoto{max-width:calc(100vw - 10rem);} /* 제품 상세 */ .product_view{display: block;} .product_view>*{width:100%; max-width:none;} .product_view .right_box{margin:6rem 0 0 0;} .product_view .productText .view-scroll{max-height:none; overflow: visible;} .product_view_his .detail_wr ol li{width:100%;} /* Board Write */ :where(.board_write, .my-table) .xmall{max-width:none;} .board_write .small, .board_write .middle{max-width:100%;} /* Photo List */ .photo_list ul.list li{width:calc((100% - 3.125%) / 2);} /* newsletter */ .photo_list.newsletter{} .photo_list.newsletter ul.list{gap:4rem;} .photo_list.newsletter ul.list li{width:calc((100% - 8rem) / 2);} /* store */ .photo_list.store ul.list li{width:calc((100% - 8rem) / 2);} /* cooking */ .photo_list.cooking ul.list li{width:calc((100% - 8rem) / 2);} /* speakers */ .photo_list.speakers ul.list{gap:4rem 4rem;} .photo_list.speakers ul.list li{width:calc((100% - 4rem) / 2);} /* format */ .photo_list.format ul.list{} .photo_list.format ul.list li{width:100%;} .photo_list.format ul.list li .gall_cont{gap:4rem;} .photo_list.format ul.list li .gall_cont .thumb{} .photo_list.format ul.list li .gall_cont .area{max-width:none;} .photo_list ul.list li.noPost{width:100%;} /* Store2 */ .storeMapType2{display:block;} .storeMapType2 .storeMap_list{width:100%; min-width:auto; height:40rem; border-right:1px solid #ddd;} .storeMapType2 .storeMap_list>li{} .storeMapType2 .storeMap_list>li .checkIn.noTxt{} .storeMapType2 .storeMap_list>li .admGos{} .storeMapType2 .storeMap_list>li+li{} .storeMapType2 .storeMap_list .link{} .storeMapType2 .storeMap_list .link .title{} .storeMapType2 .storeMap_list .link .text{} .storeMapType2 .storeMap_list .link .btns{} .storeMapType2 .storeMap_list .link .btns>span{width:100%;} .storeMapType2 .storeMap_list .link:hover{} .storeMapType2 #storeMap{height:40rem;} .storeFancyLay{padding:2rem !important;} .storeFancyLay .store_view .left_box{margin-top:3rem;} /* sch_op_wr */ .sch_op_wr .half{width:100%;} /* 상품 상세 */ #sit_ov_wrap{flex-wrap:wrap;} .sit_pvi_wrap{flex:none; width:100%; max-width:none;} #sit_ov{flex:none; width:100%; max-width:none;} /* 상품 장바구니 */ .basket_wrap .bsk_it_li > ul > li{padding-right:9.3rem; flex-wrap:wrap; justify-content:space-between;} .basket_wrap .bsk_it_li .it_info{flex:none; width:100%;} .basket_wrap .bsk_it_li .it_price{text-align:left;} } @media only screen and (max-width : 840px){ /* Input Style */ input[type=button], input[type=text], input[type=password], input[type=file], input[type=submit], select, textarea, .my-change-form .flex-btn .btns, .board_write .btns{height:7rem; font-size:2.4rem;} select{padding-right:4rem; background-position: calc(100% - 1rem) center; background-size: 2rem; line-height:7rem;} textarea{height:30rem; line-height:1.55;} input[type=text].datetimepicker{padding-right:5rem; background-position:right 1.5rem center; background-size:2rem;} /* input[required], textarea[required]{background-image:url('/images/require.png'); background-repeat:no-repeat; background-position:right top} select[required]{background-image:url('/images/require.png'), url('/images/bg_select.svg'); background-repeat:no-repeat; background-position:right top, calc(100% - 1rem) center; background-size:2rem;} */ /* Check New Style */ .check-new{} .check-new input[type=checkbox]+label, .check-new input[type=radio]+label{font-size:2.2rem; line-height:3rem;} .check-new input[type=checkbox]+label>.graphic, .check-new input[type=checkbox]+label>.graphic:before, .check-new input[type=radio]+label>.graphic, .check-new input[type=radio]+label>.graphic:before{width: 3rem; height: 3rem;} .check-new input[type=radio]+label>.graphic:before{width: 50%; height: 50%;} /* Clause Box Style */ .clauseArea>.tit{font-size:2.4rem;} .clauseArea .scroll{font-size:2.2rem;} .clauseArea .scroll>p{} .clauseArea .scroll>p>strong{font-size:2.4rem;} .clauseArea .scroll ol>li{padding-left:2.5rem; position: relative; box-sizing:border-box;} .clauseArea .scroll ol>li:before {} .clauseArea .scroll ol.kr>li{padding-left:3rem; } .clauseArea .scroll ul.bul>li{position: relative;} .clauseArea .scroll ul.bul>li:before{} .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:-1px;} /* Search Style */ .board_search{margin-bottom:4rem;} .board_search.two{flex-wrap: wrap;} .board_search .mobile_Block{width:100%; margin-bottom:2rem; display: flex; justify-content: space-between; gap:2rem;} .board_search .mobile_Block select{width:100%; margin-right:0;} .board_search select{padding:0 5.5rem 0 2rem; background-size: 2rem; height:7rem;} .board_search input[type=text]{width:calc(100% - 14rem); height:7rem;} .board_search input[type=submit]{min-width:14rem; font-size:2.2rem; height:7rem;} .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;} .board_search.small{margin-bottom:3rem;} /* Category Style */ .multi-tab{} .multi-tab .name{display: flex;} .multi-tab ul.multi-list{width:100%; margin:0; background-color: #fff; display: none; position: absolute; left:0; top:100%; z-index:3;} .multi-tab ul.multi-list>li{margin:0; display:block;} .multi-tab ul.multi-list>li+li{border-top:1px solid #eee;} .multi-tab ul.multi-list>li a{width:100%; height:6.5rem; padding:0 2rem; background-color: #fff; font-size:2.2rem; color: #999; text-align: left; white-space: normal; border-radius:0; justify-content: flex-start;} .multi-tab ul.multi-list>li a>span{} .multi-tab ul.multi-list>li:is(:hover, .active) a{background:none; background-color:#eee; color: #333;} .multi-tab.open .name:after{transform:rotate(-45deg);} .multi-tab.open .name:before{transform:rotate(45deg);} /* Sort(정렬) */ .board_sort{margin-bottom:-4.5rem;} .sort_list button{padding-left:2.8rem; font-size:2.2rem; line-height:4.5rem;} .sort_list button::before{height:4.5rem; width:2.2rem; background-size:2.2rem;} .sort_list ul{width:16rem;} .sort_list li a{font-size:2rem; line-height:3.2rem;} /* Board Option */ .board_btn{padding:0 0;} .board_btn>*{} .board_btn>.total{font-size:2rem;} .board_btn>.total>strong{} .board_btn .click{width:100%; height:7rem; font-size:2.4rem;} .board_btn .click .fa{} .board_btn .click .fa.fa-pencil{} .board_btn .click.big{width:30rem; height:7rem; 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;} .board_btn.two, .board_btn.three{justify-content: space-between; flex-wrap: nowrap;} .board_btn.two .click{width:calc((100% - 1rem) / 2);} .board_btn.three .click{width:calc((100% - 2rem) / 3);} .board_btn.front .click{min-width:none; height:8rem; font-size:2.4rem;} /* Board List Style */ .board-total{margin-bottom:2rem; font-size:2.4rem;} .board_list:not(.trans){} .board_list:not(.trans)>table{} .board_list:not(.trans)>table, .board_list:not(.trans)>table tbody, .board_list:not(.trans)>table tr, .board_list:not(.trans)>table td, .board_list:not(.trans)>table th{height:auto; padding:0; background-color: #fff; border:none; font-size:2.4rem; display:block;} .board_list:not(.trans)>table .td_num2, .board_list:not(.trans)>table>thead{display:none;} .board_list:not(.trans)>table .td_chk{width:auto; margin:-1rem 0 1rem; text-align: left; font-size:0; line-height:0;} .board_list:not(.trans)>table tr{padding:3rem 2rem; border-bottom:1px solid #e2e2e2;} .board_list:not(.trans)>table tr.notis{padding:3rem 2rem; background-color: #f4f4f4;} .board_list:not(.trans)>table tr.notis>*{background-color: #f4f4f4;} .board_list:not(.trans)>table tr+tr{} .board_list:not(.trans)>table>thead>tr>th{} .board_list:not(.trans)>table .notice_icon{font-size:1.6rem;} .board_list:not(.trans)>table .td_subject{padding:0; margin-bottom:1.5rem;} .board_list:not(.trans)>table *+.td_subject{margin-top:1rem;} .board_list:not(.trans)>table .td_subject>a{max-width:100%; font-size:2.6rem; -webkit-line-clamp: 2;} .board_list>table .td_subject.tac{text-align:left !important;} .board_list:not(.trans)>table .btm{display:inline-block; vertical-align: middle; position: relative;} .board_list:not(.trans)>table .btm:first-child{margin-top:0;} .board_list:not(.trans)>table .btm+.btm{margin-left:3.1rem;} .board_list:not(.trans)>table .btm+.btm:before{content: ""; width: 1px; height: 1.4rem; margin-top:-0.7rem; background-color: #aaa; display: inline-block; position:absolute; left: -1.8rem; top:50%;} .board_list>table .state{padding:0;} .board_list>table .state .icon{width:10rem; height:4rem; font-size:2rem;} .board_list:not(.trans)>table .file{font-size:2.2rem;} .board_list:not(.trans)>table .store_photo{padding:0 0 3rem;} .board_list:not(.trans)>table .store_photo img{max-height:40rem;} .board_list:not(.trans)>table .store_info{margin-top:1rem; text-align: left; display: flex; justify-content: flex-start; position: relative;} .board_list:not(.trans)>table .store_info:before{width:12rem; content: attr(data-title);font-weight: 400; color: #333; white-space: nowrap;} .board_list:not(.trans)>table .store_info:after{content:":"; position: absolute; left:9.3rem; top:50%; transform: translateY(-50%);} .board_list:not(.trans)>table .store_info+.store_info{margin-top:0.5rem;} .board_list.trans>table th, .board_list.trans>table td{height:calc(8rem * var(--h)); padding:0 1rem;} .board_list.trans>table tr{flex:1 0 calc(60vw - 50px);} .board_list.trans>table td, .board_list.trans>table th{font-size:2.4rem;} .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:10.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>table .td_subject>p img[src*="ico_file_attach"]{width:3rem;} .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;} /* Pageing Style */ .paging_all .btns, .paging_all>.num>strong, .paging_all>.num>a{width:5rem; height:5rem;} .paging_all .btns:before, .paging_all .btns:after{width: 1.6rem; height: 1.6rem;} .paging_all .btns.prev:before{margin:-0.8rem 0 0 -0.5rem; transform:rotate(-45deg);} .paging_all .btns.next:before{margin:-0.8rem 0 0 -1.2rem; transform:rotate(135deg);} .paging_all>.num{} .paging_all>.num>strong, .paging_all>.num>a{font-size:2rem;} /* Board View */ .board_view{} .board_view>table{} .board_view>table th, .board_view>table td{padding:3rem 0; font-size:2.4rem;} .board_view>table>thead>tr>th{padding:3rem 0;} .board_view>table .view_cate{padding-bottom:0.8rem; font-size:2.2rem;} .board_view>table .view_title{font-size:2.6rem;} .board_view>table .view_tit{margin-top:0.8rem; font-size:2.4rem;} .board_view>table .view_info{} .board_view>table .view_info>*{} .board_view>table .view_info p.txt{font-size:2.2rem;} .board_view>table .view_info p.txt>strong{} .board_view>table .view_info p.txt+p.txt{} .board_view>table .view_tags{font-size:2.2rem;} .board_view>table .state{} .board_view>table .state .icon{width:10rem; height:4rem; font-size:2rem;} .board_view>table .e_icon{padding-left:2rem;} .board_view>table .e_icon>span{width:13rem; height:4rem; font-size:2rem; line-height:3.6rem;} .board_view>table .view_cont{padding:4.5rem 0rem;} .board_view>table #bo_v_img{} .board_view>table #bo_v_img img{} .board_view>table #bo_v_con{} .board_view td.answer .answer-in{padding:3rem 2rem 4rem;} .board_view td.answer>.tit{} .view_file>a{font-size:2.2rem;} .view_file>a:hover{} /* 매장찾기 */ .customoverlay .coBox, .customoverlay .title{font-size:2rem;} .storePhoto{max-width:calc(100vw - 6rem);} /* 제품 상세 */ .product_view{display: block;} .product_view>*{width:100%; max-width:none;} .product_view .right_box{} .product_view .productText{} .product_view .productText .view-hGroup{padding-bottom:4rem; margin-bottom:4rem;} .product_view .productText .title{font-size:4rem;} .product_view .productText .tit{padding-top:2rem; font-size:2.4rem; line-height:3.6rem;} .product_view .productText .view-scroll{font-size:2.2rem; line-height:1.6;} .product_view .productText .view-scroll ul>li{background-position: left 5px;} .product_view.consult .productText .title{font-size:3rem;} .product_view.consult .productText .productHistory li{font-size:2.4rem; line-height:3.4rem;} .product_view_his h4{font-size:3.5rem; line-height:4.5rem;} .product_view_his .detail_wr ol{gap:2.7rem} .product_view_his .detail_wr ol li{font-size:2.2rem; line-height:3rem;} .product_view_his .detail_wr ol dd{margin-top:1.5rem;} /* PageNavigation Style */ .pageNavigation{} .pageNavigation>dl{font-size:2.2rem;} .pageNavigation>dl+dl{} .pageNavigation>dl>*{} .pageNavigation>dl>dt{width:10rem; height:7rem;} .pageNavigation>dl>dt:before{width: 1rem; height: 1rem;} .pageNavigation>dl.prev>dt:before{margin:-0.2rem 0 0 0;} .pageNavigation>dl.next>dt:before{margin:-0.7rem 0 0 0;} .pageNavigation>dl>dd{padding:1rem 12.5rem 0.7rem 2.5rem;} .pageNavigation>dl>dd>a{} .pageNavigation>dl>dd>.day{height:7rem; right:2rem; display:none;} /* Comment Style */ .comment_Area{} .comment_Area input[type=text], .comment_Area input[type=password], .comment_Area textarea{width:35%; height:5.5rem; margin-right:1rem; font-size:2.2rem; line-height:5.3rem;} .comment_Area textarea{width:100%; height:20rem; margin-right:0; font-size:2.2rem;} .comment_Area *[type=submit]{width:100%; height:7rem; margin-top:2rem; font-size:2.4rem;} .comment_Area .comment_title{font-size:2.4rem;} .comment_Area .comment_write{padding:3rem 0 4rem;} .comment_Area .comment_write>div{} .comment_Area .comment_write>div.top{} .comment_Area .comment_write>div.top>*{flex:1 1 100%;} .comment_Area .comment_write>div.top>.checkIn{flex-basis:auto;} .comment_Area .comment_write>div.btm{margin-top:2rem; display:block;} .comment_Area .comment_list{} .comment_Area .comment_list>dl{padding:3rem 10rem 3rem 0;} .comment_Area .comment_list>dl>dt{font-size:2.4rem;} .comment_Area .comment_list>dl>dd{} .comment_Area .comment_list>dl>dd p{font-size:2.2rem;} .comment_Area .comment_list>dl>dd p+p{margin-left:2.7rem;} .comment_Area .comment_list>dl>dd p+p:before{height:1.4rem; margin-top:-0.7rem; left: -1.4rem;} .comment_Area .comment_list>dl>dd .comment_option{width:8.6rem; right:0; display:block;} .comment_Area .comment_list>dl>dd .comment_option>a{width:100%; height:4.2rem; padding:0; font-size:2rem; line-height:4rem;display:block;} .comment_Area .comment_list>dl>dd .comment_option>a+a{margin:1rem 0 0 0;} .comment_Area .comment_list>dl.no_comment{} /* Board Write */ span[required]{padding-right:1.8rem;} span[required][left]{padding:0 0 0 1.8rem;} .board_write{} .board_write:not(.txt)>table{} .my-table:not(.lock)>table, .my-table:not(.lock)>table thead, .my-table:not(.lock)>table tbody, .my-table:not(.lock)>table tr, .my-table:not(.lock)>table th, .my-table:not(.lock)>table td{height:auto; padding:0; display:block;} .board_write:not(.txt)>table, .board_write:not(.txt)>table thead, .board_write:not(.txt)>table tbody, .board_write:not(.txt)>table tr, .board_write:not(.txt)>table th, .board_write:not(.txt)>table td{height:auto; padding:0; display:block;} .my-table:not(.lock)>table th, .board_write:not(.txt)>table th{width:100%; padding:4rem 0 2rem; background-color: #fff; border:none; font-size:2.6rem; text-align: left;} .my-table:not(.lock)>table td, .board_write:not(.txt)>table td{padding-bottom:4rem; font-size:2.4rem;} .my-table>table th, .my-table>table td, .board_write.txt>table th, .board_write.txt>table td{font-size:2.4rem;} .board_write.txt>table .pt-txt{display:none !important;} .board_write.txt>table .pt-txt+td{width:auto; text-align: center !important;} .board_write table th span{max-width:none; text-align:left; width:fit-content;} .board_write>table .btn-down{padding:1rem 1.6rem 1rem 2rem; font-size:2.2rem; gap:0 1rem;} .board_write>table .btn-down img{width:2rem;} .board_write>table th.tac{} .board_write>table th.w290{width:29rem;} .board_write input[type=button], .board_write input[type=text], .board_write input[type=password], .board_write input[type=file], .board_write input[type=submit], .board_write select, .board_write textarea, .board_write .btns{height:7rem;} .board_write textarea{height:20rem;} /* .board_write>table th{width:16rem; padding-left:0;} */ .board_write>table th.th{color: var(--point) !important;} .board_write>table tr.line>td{border-bottom:1px solid var(--bor_c);} .board_write>table tr.line+tr>*{border-top:none;} .board_write .btns{} .board_write .btnBox{} .board_write .btnBox>input, .board_write .btnBox>select{} .board_write .btnBox>input+.btns{} .board_write .btnBox>.btns{padding:0 2.5rem;} .board_write .flex.check{gap:2rem 4rem;} .board_write .flex.three input{width:100%;} .board_write .flex.three{max-width:100%;} .board_write .flex.emall.e-n{flex-flow: row wrap;} .board_write .flex.emall.e-n input[type=text]{width:calc((100% - 4rem) / 2);} .board_write .flex.emall.e-n select, .board_write .flex.emall.e-n .btns{width:calc((100% - 1rem) / 2);} .board_write .file{} .board_write .fileArea .filePlus, .board_write .file>.file_wrap>.btnFile, .board_write .file>.thumb, .board_write .file>.thumb.text{height:7rem;} .board_write .fileArea .filePlus, .board_write .file>.file_wrap>.btnFile, .board_write .file .thumb.text{font-size:2.4rem; line-height:7rem;} .board_write .file+.file{} .board_write .file>.file_wrap>.btnFile{width:14rem;} /*.board_write .file>.file_route{font-size:18px;}*/ .board_write .file>.thumb{width:5.5rem;} .board_write .file>.thumb.text{width:100%; max-width:calc(100% - 15rem);} .board_write .fileArea .filePlus{} .board_write .type{font-size:2.2rem;} .board_write.two>table{} .board_write.two>table tr>th{width:100%; padding:4rem 0 2rem; border-right:none;} .board_write.two>table tr>th:first-of-type+td{border-right:none;} .board_write.two>table .flex{max-width:none;} /* Faq List */ .faqArea{} .faqArea>li{} .faqArea>li .checkIn{position: absolute; left:1.5rem; top:1rem;} .faqArea>li .admGos{right:auto; left:5.5rem; top:0.8rem;} .faqArea>li+li{} .faqArea>li .q{padding:2.5rem 7rem; font-size:2.2rem; line-height:3.4rem;} .faqArea>li .q:before{width:4.2rem; height:3rem; font-size:2rem;} .faqArea>li .q:after{font-size:2.5rem; right:3.5rem;} .faqArea>li .q:hover{} .faqArea>li .a{padding:0rem 8rem 2.5rem 11rem; font-size:2.2rem; line-height:3.4rem;} .faqArea>li .a:before{width:4.2rem; height:3rem; font-size:2rem;} .faqArea>li.noPost{font-size:2.2rem;} .faqArea>li.ad{padding-top:3rem;} /* Photo List */ .photo_list ul.list{gap:3rem 2rem;} .photo_list ul.list li{width:calc((100% - 2rem) / 2);} .photo_list ul.list li .gall_cont p.over{display:none !important;} .photo_list ul.list li .gall_cont .area{} .photo_list ul.list li .gall_cont .area .tt{font-size:2.4rem; line-height:3.4rem;} .photo_list ul.list li .gall_cont .area .title{} .photo_list ul.list li .gall_cont .area .cate{margin-bottom:1rem;} .photo_list ul.list li .gall_cont .area .text{} .photo_list ul.list li .gall_cont .area .title{font-size:2.6rem; line-height:1.3;} .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 .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{} .photo_list ul.list li .gall_cont .area .three{} .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;} /* newsletter */ .photo_list.newsletter{} .photo_list.newsletter ul.list{gap:2rem;} .photo_list.newsletter ul.list li{width:calc((100% - 4rem) / 2);} /* gallery */ .photo_list.gallery ul.list{gap:3rem 2rem;} .photo_list.gallery ul.list li{width:calc((100% - 2rem) / 2);} /* store */ .photo_list.store ul.list{gap:2rem;} .photo_list.store ul.list li{width:calc((100% - 4rem) / 2);} /* speakers */ .photo_list.speakers ul.list{gap:4rem 2rem;} .photo_list.speakers ul.list li{width:calc((100% - 2rem) / 2);} .photo_list.speakers ul.list li .gall_cont .session{font-size:2rem;} /* format */ .photo_list.format ul.list li .gall_cont{padding:3rem 0; gap:3rem;} .photo_list.format ul.list li .gall_cont .area .title{font-size:2.6rem;} .photo_list.format ul.list li .gall_cont .area .down-box{} .photo_list.format ul.list li .gall_cont .area .down-box>*{width:23%;} .photo_list.format ul.list li .gall_cont .area .down-box>p{width:31%; min-height:10rem; font-size:2.4rem;} .photo_list.format ul.list li .gall_cont .area .down-box>a{} /* event */ .photo_list.event ul.list{gap:2rem} .photo_list.event ul.list li{width:calc(50% - 1rem);} .photo_list.event ul.list li .gall_cont .area{padding:2.5rem 1.9rem 3.5rem} .photo_list.event ul.list li .gall_cont .area .in_area{} .photo_list.event ul.list li .gall_cont .state{padding:0.8rem 1.4rem 0.9rem; font-size:2rem;} .photo_list.event ul.list li .gall_cont .area .title{font-size:2.4rem; line-height:3.4rem;} .photo_list.event ul.list li .gall_cont .area .date{margin-top:0.8rem; font-size:2rem;} /* 컨설팅의 달인 */ .photo_list.consult ul.list{gap:2rem} .photo_list.consult ul.list li{width:calc(50% - 1rem);} .photo_list.consult ul.list li .gall_cont .area .in_area{padding-top:4.5rem;} .photo_list.consult ul.list li .gall_cont .area .cate{padding:0.8rem 1.4rem 0.9rem; font-size:2rem;} .photo_list.consult ul.list li .gall_cont .area .title{font-size:2.4rem; line-height:3.4rem;} /* intetview */ .photo_list.intetview ul.list{gap:2rem} .photo_list.intetview ul.list li{width:calc(50% - 1rem);} .photo_list ul.list li.noPost{width:100%; font-size:2.2rem;} /* 추천 */ .recommend_wr .sw_contain .swiper-slide{width:calc(50% - 1rem);} .recommend_wr .in_area{padding-top:4.5rem;} .recommend_wr .cate{padding:0.8rem 1.4rem 0.9rem; font-size:2rem;} .recommend_wr .title{font-size:2.4rem; line-height:3.4rem;} .recommend_wr.sit_rcm .sct_net_profit{padding:1.4rem 1.7rem 1.6rem; font-size:2rem;} .recommend_wr.sit_rcm .sold_out{padding:1.4rem 1.7rem 1.6rem; font-size:2rem;} .recommend_wr.event .state{padding:0.8rem 1.4rem 0.9rem; font-size:2rem;} .recommend_wr.event .date{margin-top:0.8rem; font-size:2rem;} /* 추천상품 */ .recommend_wr.sit_rcm .price{margin-top:0.6rem; font-size:3rem; line-height:3.6rem;} .recommend_wr.sit_rcm .lowest_price{margin-top:0.5rem; font-size:2.2rem; line-height:3.2rem;} /* 이벤트 참여 상품 (관련 상품)*/ .relevant_wr .relevant_sw .swiper-slide{width:40rem;} /* sch_op_wr */ .sch_op_wr{border-left:0; border-right:0;} .sch_op_wr dl{flex-wrap:wrap;} .sch_op_wr dl dt{padding:3rem 2rem 1rem; width:100%; font-size:2.4rem; background-color:transparent;} .sch_op_wr dl dd{padding:1rem 2rem 3rem} .sch_op_wr input[type="text"], .sch_op_wr select{height:7rem; max-width:none; font-size:2.2rem;} .sch_op_wr .check-new input[type=checkbox]+label{font-size:2.2rem; line-height:3.2rem;} .sch_op_wr .flex.two input{max-width:none; flex:1;} .sch_op_wr .sch_op_btn{padding:1.5rem 2rem} .sch_op_wr .sch_op_btn button{min-width:12rem; height:5.6rem; font-size:2rem; line-height:3.1rem;} /* 상품목록 */ .sct_wr{gap:2rem;} .sct_wr .sct_li{width:calc(50% - 1rem);} .sct_wr .sct_li .sct_txt{padding-top:2.3rem} .sct_wr .sct_li .sct_name{font-size:2.4rem; line-height:3.6rem;} .sct_wr .sct_li .sct_prime{margin-top:0.7rem; font-size:3rem; line-height:3.6rem;} .sct_wr .sct_li .sct_lowest_price{margin-top:0.7rem; font-size:2.2rem; line-height:3.2rem;} .sct_wr .sct_li .sct_net_profit{padding:1.4rem 1.7rem 1.6rem; font-size:2rem;} .sct_wr .sct_li .sold_out{padding:1.4rem 1.7rem 1.6rem; font-size:2rem;} /* 상품 상세 */ .sit_pvi_thumbs{padding:0 5rem; max-width:68rem;} .sit_pvi_thumbs .swiper-button{} .sit_pvi_thumbs .swiper-button::after{font-size:3.6rem;} #sit_title{font-size:3rem; line-height:4.5rem;} .sit_price .it_price{font-size:3.5rem; line-height:4.5rem;} .sit_price .it_lowest_price .tit{padding:0.8rem 0.8rem 1rem 0.9rem; font-size:2rem;} .sit_price .it_dict{font-size:2.2rem;} .period_sale{font-size:2.2rem; line-height:2.6rem;} .period_sale em{background-position:left top 0.2rem; background-size:2rem;} .sit_ov_tbl table{font-size:2.2rem;} .sit_ov_tbl th{width:12rem;} .sit_option_wr h4{font-size:2.2rem;} .sit_option_wr select{height:7rem; padding-left:2rem;} #sit_opt_added li .opt_name{font-size:2.4rem; line-height:3rem;;} .sit_opt_list .sit_opt_prc{font-size:2.4rem; line-height:3rem;} .sit_opt_list .sit_opt_del::before, .sit_opt_list .sit_opt_del::after{width:2.5rem;} #sit_opt_added li{padding:3rem 2rem} .opt_count button{width:5rem; height:5rem;} .opt_count .sit_qty_minus img{width:0.9rem;} .opt_count .sit_qty_plus img{width:1rem;} .sit_opt_list .num_input{width:8rem; height:5rem;} #sit_tot_price .tot_price_tit{font-size:2.5rem; line-height:3.5rem;} #sit_ov_btn > .btn{height:8rem; font-size:2rem; flex:1 0 23rem;} #sit_tab .tab_tit li button{height:8rem; font-size:2rem;} #sit_tab .tab_con{font-size:2.4rem;} #sit_qa .hd_area > button{font-size:2.2rem;} #sit_qa #itemuse > table thead{display:none;} #sit_qa #itemuse > table, #sit_qa #itemuse > table tbody, #sit_qa #itemuse > table tbody td, #sit_qa #itemuse > table tbody tr.qna_detail_a.on{display:block;} #sit_qa #itemuse > table tbody tr{padding-bottom:1rem; display:flex; flex-wrap:wrap; border-bottom:1px solid #eee;} #sit_qa #itemuse > table tbody td{border:0} #sit_qa #itemuse > table tbody td.subject{width:100%;} #sit_qa #itemuse > table tbody td.btm{padding:0 1rem; width:fit-content; font-size:2rem; white-space:nowrap; display:flex; gap:0 0.5rem} #sit_qa #itemuse > table tbody tr.qna_detail_a button{font-size:2rem;} /* 상품 장바구니 */ .basket_wrap .bsk_li+.bsk_li{margin-top:4rem;} .basket_wrap .bsk_it_li .it_li_hd{font-size:2.2rem;} .basket_wrap .bsk_it_li .it_li_hd .badge{padding-bottom:0.2rem; font-size:2rem;} .basket_wrap .bsk_it_li > ul > li{padding-right:2.9rem; font-size:2.4rem; line-height:2.8rem; gap:3rem 5rem} .basket_wrap .bsk_it_li .it_info{width:calc(100% - 7rem);} .basket_wrap .bsk_it_li .it_info .thumb{width:20rem;} .basket_wrap .bsk_it_li .it_info .it_name_area > p{font-size:2.2rem; margin-top:0.8rem;} .basket_wrap .bsk_it_li .it_price .deliv_charge{font-size:2.2rem; margin-top:0.8rem;} .basket_wrap .bsk_it_li .it_opt_count button{width:5rem; height:5rem;} .basket_wrap .bsk_it_li .it_opt_count .sit_qty_minus img{width:0.9rem;} .basket_wrap .bsk_it_li .it_opt_count .sit_qty_plus img{width:1rem;} .basket_wrap .bsk_it_li .it_opt_count .num_input{width:8rem; height:5rem;} .basket_wrap .bsk_it_li .it_li_btn{height:auto; top:2.4rem;} .basket_wrap .bsk_it_li .it_li_btn button, .basket_wrap .bsk_it_li .it_li_btn a{width:6.4rem; height:4rem; font-size:1.8rem; line-height:2.3rem;} .basket_wrap .bsk_it_calculator .bsk_it_receipt .receipt_li{font-size:2.2rem; line-height:4rem;} .basket_wrap .bsk_it_calculator .bsk_it_receipt .total p{font-size:2.6rem;} .basket_wrap .bsk_it_calculator .bsk_it_receipt .proposal p{font-size:2.2rem;} .basket_wrap .bsk_it_calculator .bsk_it_receipt .proposal p input{width:17rem; height:4rem; font-size:2.2rem;} .basket_wrap .bsk_it_calculator .bsk_it_receipt .proposal p input::placeholder{font-size:2.2rem;} .basket_wrap .bsk_it_calculator .bsk_it_receipt .profit p{font-size:2.2rem;} .basket_wrap .bsk_it_calculator .submit_btn{font-size:2.4rem; line-height:4rem;} .basket_wrap .bsk_it_calculator .submit_btn.disabled{opacity:0.2; cursor:default;} /* 상품정보 */ .order_sect .my-table>table, .order_sect .board_write>table{border:0;} .order_sect .my-table>table th, .order_sect .my-table>table td, .order_sect .board_write>table th, .order_sect .board_write>table td{height:auto; background-color:#fff; font-size:2.4rem; line-height:1.5;} /* Store2 */ .storeMapType2{} .storeMapType2 .storeMap_list{} .storeMapType2 .storeMap_list>li{} .storeMapType2 .storeMap_list>li .checkIn.noTxt{} .storeMapType2 .storeMap_list>li .admGos{} .storeMapType2 .storeMap_list>li+li{} .storeMapType2 .storeMap_list>li.noPost{font-size:2rem;} .storeMapType2 .storeMap_list .link{} .storeMapType2 .storeMap_list .link .title{padding-right:3.2rem; background-size:2.2rem; font-size:2.4rem;} .storeMapType2 .storeMap_list .link .text{font-size:2rem;} .storeMapType2 .storeMap_list .link .btns{} .storeMapType2 .storeMap_list .link .btns>span{height:6rem; font-size:2rem; line-height:5.8rem;} .storeMapType2 .storeMap_list .link:hover{} .storeMapType2 #storeMap{height:40rem;} .storeFancyLay{padding:2rem !important; font-size:2rem;} .storeFancyLay .store_view .left_box{margin-top:3rem;} .storeFancyLay .store_info th, .storeFancyLay .store_info td{padding:0.8rem 0 0.8rem 2rem; font-size:2rem;} } @media only screen and (max-width : 500px){ .photo_list ul.list li, .photo_list.gallery ul.list li{width:100%;} } /* transform: scale(1.1) 부분을 transform: scale(1.1) rotate(.001deg); 로 변경하면 부드럽게 처리되네요 display: flex; flex-flow: row wrap; align-items: center; justify-content: center; display: flex; flex-flow: column wrap; align-items: center; justify-content: center; flex-flow: column wrap; align-content: center; justify-content: space-between; justify-content: space-around; flex-wrap: wrap; transform:rotate(180deg); transform: translateY(-50%); transform: scale(1) filter:grayscale(100%); -webkit-filter:grayscale(100%); backdrop-filter: blur(50px); transition: all .5s linear; transition: all .5s ease-out; transition-delay: .8s; :before{content: ""; width: 24px; height: 24px; background-color: #fff; border:1px solid #666; display: inline-block; position:absolute; left: 0; top:0px; box-sizing: border-box;} display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; //한줄 감추기 display: block; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; word-break:break-all; //두줄 감추기 active border-radius:2px; width:calc(100% / 6); box-shadow:0 0 1rem rgba(0,0,0,0.2); */