@charset "utf-8"; @import url(//fonts.googleapis.com/earlyaccess/nanumgothic.css); @import url(//cdn.rawgit.com/hiun/NanumSquare/master/nanumsquare.css); body { margin:0 auto; padding:0; font-size:1em; color:#666666; overflow-x:hidden; /*background:#f5f5f7;*/ font-family:'Nanum Square', 'Nanum Gothic', verdana !important; max-width: 800px;} .moby { background:#f0f0f0; } /* body.pushable { background:#f0f0f0 !important; } */ input[type="date"]::-webkit-inner-spin-button, input[type="date"]::-webkit-calendar-picker-indicator { margin:0;padding:0; } /** * 공통 */ a { color: #666; text-decoration:none; } a:link { color:#666; text-decoration:none; } a:visited { color:#666; text-decoration:none; } a:hover { color:#666; text-decoration:none; } a:active { color:#666; text-decoration:none; } select { min-height:1.0em; padding-top:2px; padding-bottom:2px; background:#fff; border:1px solid rgba(34,36,38,.15); vertical-align:middle; font-size:1em; } ul, li { margin:0; padding:0; list-style:none; } h1, h2, h3, h4, h5, .ui.button, .ui.steps .step .title, .ui.items>.item>.content>.header, .ui.card>.content>.header, .ui.cards>.card>.content>.header {font-family:'Nanum Square', 'Nanum Gothic', verdana !important;} /* .font-nanum { font-family:'Nanum Gothic', verdana !important; } .font-barunnanum { font-family:'NanumBarunGothic', verdana !important; } */ .font-num { font-family:Lato,'Helvetica Neue',Arial,Helvetica,sans-serif !important; } /* display */ .block { display:block; } .inblock { display:inline-block; } /* margin */ .m-0 { margin:0 !important; } .m-0a { margin:0 auto; } .ml-4 { margin-left:4px !important; } .ml-5 { margin-left:5px !important; } .ml-8 { margin-left:8px !important; } .ml-10 { margin-left:10px !important; } .ml-12 { margin-left:12px !important; } .ml-15 { margin-left:15px !important; } .mr--28 { margin-right:-28px !important; } .mr-5px { margin-right:5px !important; } .mr-5 { margin-right:8px !important; } .mr-10 { margin-right:10px !important; } .mr-12 { margin-right:12px !important; } .mr-50 { margin-right:50px !important; } .mt--1rem { margin-top:-1rem; } .mt--35 { margin-top:-35px } .mt--10 { margin-top:-10px } .mt-0 { margin-top:0 !important; } .mt-4 { margin-top:4px !important; } .mt-6 { margin-top:6px; } .mt-8 { margin-top:8px !important; } .mt-10 { margin-top:10px !important; } .mt-15 { margin-top:15px !important; } .mt-20 { margin-top:20px !important; } .mt-30 { margin-top:30px; } .mt-40 { margin-top:40px; } .mt-47 { margin-top:47px; } .mt-50 { margin-top:50px !important; } .mt-64 {margin-top: 64px;} .mt-65 {margin-top: 65px;} .mt-75 {margin-top: 75px;} .mt-77 {margin-top: 77px;} .mt-03em {margin-top: .3em !important;} .mt-06em {margin-top: .6em;} .mb-0 { margin-bottom:0px !important; } .mb-2 { margin-bottom:2px !important; } .mb-4 { margin-bottom:4px !important; } .mb-8 { margin-bottom:8px !important; } .mb-10 { margin-bottom:10px !important; } .mb-15 { margin-bottom:15px !important; } .mb-20 { margin-bottom:20px !important; } .mb-30 { margin-bottom:30px !important; } .mb-40 { margin-bottom:40px !important; } .mb-50 { margin-bottom:50px !important; } p.mb-03em {margin-bottom:0.3em;} p.mb-05em {margin-bottom:0.5em;} p.mb-1em {margin-bottom:1em;} @media (max-width: 767.98px) { .mt-40.mobile-mt-20 {margin-top:20px !important;} .mt-40.mobile-mt-30 {margin-top:30px !important;} } @media (max-width: 370px) { .ww370-mb03em {margin-bottom: .3em !important;} } /* padding */ .p-0 { padding:0 !important; } .p-1 { padding:1px !important; } .p-10 { padding:10px !important; } .p-10-5 { padding:10px 5px !important; } .pt-1 { padding-top:1px; } .pt-4 { padding-top:4px !important; } .pt-5 { padding-top:5px; } .pt-7 { padding-top:7px !important; } .pt-10 { padding-top:10px; } .pt-13 { padding-top:13px; } .pt-20 { padding-top:20px !important; } .pt-25 { padding-top:25px; } .pt-30 { padding-top:30px !important; } .pb-4 { padding-bottom:4px !important; } .pb-10 { padding-bottom:10px; } .pb-20 { padding-bottom:20px !important; } .pb-35 { padding-bottom:35px !important; } .pb-40 { padding-bottom:40px; } .pb-50 { padding-bottom:50px; } .pl-2 { padding-left:2px !important; } .pl-10 { padding-left:10px !important; } .pl-12 { padding-left:12px !important; } .pr-2 { padding-right:2px !important; } .pr-4 { padding-right:4px; } .pr-10 { padding-right:10px !important; } .pr-30 { padding-right:30px !important; } .pt-02em { padding-top:.2em !important; } .pl-09em { padding-left:.9em !important; } /* absolute position */ .t-0 {top:0;} .t-3 {top:3px;} .t-17 {top:17px;} .t-20 {top:20px;} .t-35 {top:35px;} .l-3 {left:3px;} .r-0 {right:0;} .r-10 {right:10px;} /* width */ .w-auto { width:auto !important; } .w-20p { width:20%; } .w-25p { width:25%; } .w-35p { width:35%; } .w-40p { width:40%; } .w-50p { width:50%; } .w-50p-4 { width:calc(50% - 4px) !important; } .w-70p { width:70%; } .w-80p { width:80% !important; } .w-100, .w-100p { width:100% !important; } .w-13 { width:13px; } .w-20 { width:20px !important; } .w-55 { width:55px; } .w-70 { width:70px; } .w-90 { width:90px; } .w-100px { width:100px; } .wmax-1200 { max-width:1200px !important; } .mw-260 {min-width: 260px;} .mw-400 {min-width: 400px;} .mw-600 {min-width: 600px;} .mw-700 {min-width: 700px;} .mw-1200 {min-width: 1200px;} .mw-1300 {min-width: 1300px;} @media (max-width: 400px) { img.ww400-w100p {width: 100%;} } @media (max-width: 370px) { .ww370-w100p {width: 100% !important;} } /* height */ .h20 { height:20px;} .h-25 { height:25px;} .h-30 { height:30px;} .h-36 { height:36px;} .h-100 { height:100px;} .h-250 { height:250px;} /* border */ .no-border { border:none !important; } .no-border-l { border-left:none !important; } .no-border-r { border-right:none !important; } .border-radius-0 { border-radius:0 !important; } .box-shadow-none { box-shadow:none !important; } /* hide/show */ .hideI { display:none !important; } .hide { display:none; } .show { display:block; } /* position */ .relative {position:relative;} .absolute {position:absolute;} /* float */ .pull-left { float:left !important; } .pull-right { float:right !important; } /* clear */ .clearfix { clear:both; content:''; display:block; height:0; visibility:hidden; } .clearnone { clear: none;} .afterclear:after { clear:both; content:''; display:block; } /* alignment */ .align-left { text-align:left; } .align-center { text-align:center !important; } .align-right { text-align:right !important; } .v-middle {vertical-align:middle;} .text-top {vertical-align:text-top;} /* font size */ .fs-065em {font-size: .65em;} .fs-07em {font-size: .7em;} .fs-08em {font-size: .8em;} .fs-085em {font-size: .85em;} .fs-09em {font-size: .9em;} .fs-92857143em {font-size: .92857143em;} .fs-1em {font-size: 1em;} .fs-1-1em {font-size: 1.1em;} .fs-1-2em {font-size: 1.2em;} /* font bold */ .bold { font-weight:bold !important; } .normal { font-weight:normal !important; } /* color */ .text-red { color:#FF0000 !important; } .text-blue { color:#2185d0 !important; } .text-teal { color:#11bab5 !important; } .text-white { color:#FFF !important; } .text-black { color:#000 !important; } .text-666 { color:#666 !important; } .text-999, .c-999 { color:#999 !important; } .text-ccc, .c-ccc {color: #ccc;} .white { color:#fff !important; } .bg-white {background: #fff !important;} .bg-f5f5f7 {background: #f5f5f7 !important;} .bg-none {background: none;} .btn-error { background:#fff6f5 !important; color:#b15f5e !important; -webkit-box-shadow:none !important; box-shadow:none !important; } /* font-size */ .fs085em {font-size:0.85em;} .fs1_1em {font-size:1.1em;} .fs1_2em {font-size:1.2em;} .fs1_3em, i.icon.fs1_3em {font-size:1.3em;} .fs1_5em, i.icon.fs1_5em {font-size:1.5em;} /* line-height */ .lh3 {line-height:3;} .lh1_3 {line-height:1.3;} .lh1_4 {line-height:1.4;} .lh1_5 {line-height:1.5;} /* ellipsis */ .ellipsis { text-overflow:ellipsis !important; white-space:nowrap !important; word-wrap:normal !important; overflow:hidden !important; } /* mouse pointer */ .pointer { cursor:pointer !important; } /* 스크롤바 */ .ui.left.sidebar::-webkit-scrollbar, .moby::-webkit-scrollbar { width:0 !important; } .ui.left.sidebar, .moby { overflow:-moz-scrollbars-none; } .ui.left.sidebar, .moby { -ms-overflow-style:none; } .overflow-x-auto {overflow-x:auto;} .overflow-y-auto {overflow-y:auto;} /* dimmer */ .ui.dimmer { background-color:rgba(0,0,0,0.3) !important; } /* modal popup */ .ui.modal>.close { color:#333 !important; } /* 아이콘 */ .icon-soldout { background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pg0KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIxLjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPg0KPHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJDYXBhXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgNTEyLjAwMSA1MTIuMDAxIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1MTIuMDAxIDUxMi4wMDE7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxsaW5lYXJHcmFkaWVudCBpZD0iU1ZHSURfMV8iIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMjc5LjE5OTgiIHkxPSIyOTkuNzkyNSIgeDI9IjI3OS4xOTk4IiB5Mj0iLTE2LjAwNzQiIGdyYWRpZW50VHJhbnNmb3JtPSJtYXRyaXgoMS4wMDM5IDAgMCAtMS4wMDM5IDAuMTkyMiA1MTYuNTU5OSkiPg0KCTxzdG9wICBvZmZzZXQ9IjAiIHN0eWxlPSJzdG9wLWNvbG9yOiNGRkI5MkQiLz4NCgk8c3RvcCAgb2Zmc2V0PSIxIiBzdHlsZT0ic3RvcC1jb2xvcjojRjU5NTAwIi8+DQo8L2xpbmVhckdyYWRpZW50Pg0KPHBhdGggc3R5bGU9ImZpbGw6dXJsKCNTVkdJRF8xXyk7IiBkPSJNNzcuMDkyLDI2NS40NTRsMjMzLjM4MywyMzMuMzgzYzE3LjU1MywxNy41NTMsNDYuMDEzLDE3LjU1Myw2My41NjUsMGwxMDguMTM1LTEwOC4xMzUNCgljMTcuNTYyLTE3LjU2MiwxNy41NjItNDYuMDIyLDAuMDA5LTYzLjU3NEwyNDguODY1LDkzLjgwN2MtOS43MjktOS43MjktMjMuODUtMTMuNjMxLTM3LjE5MS0xMC4yOTFsLTkzLjQ3OCwyMy4zNzgNCgljLTE0LjA2NywzLjUyMi0yNS4wNCwxNC41My0yOC41MTUsMjguNjA2bC0xOC4wOTcsNzMuMzQ5bC00LjgxOSwxOS41MzlDNjMuNDg4LDI0MS43MDMsNjcuMzksMjU1Ljc1Miw3Ny4wOTIsMjY1LjQ1NHoNCgkgTTE2OS42NzIsMjAzLjMzMWMtMC4yOTksMC4wOTktMC42MTcsMC4yLTAuOTQ0LDAuMjcyYy0wLjMwOCwwLjA5LTAuNjI2LDAuMTczLTAuOTUzLDAuMjQ1Yy0wLjk1MywwLjIyNy0xLjk0MywwLjQtMi45MzEsMC41MTcNCgljLTAuMjk5LDAuMDQ1LTAuNjE3LDAuMDcyLTAuOTI2LDAuMDljLTAuNjk5LDAuMDYzLTEuNDA2LDAuMDgxLTIuMTIzLDAuMDljLTE0LjQyMS0wLjAwOS0yNi4wOTItMTEuNjgxLTI2LjA5Mi0yNi4wOTINCgljMC0wLjM4MiwwLjAxOC0wLjc0NCwwLjAyNy0xLjExNmMwLjAzNi0wLjg4OSwwLjExOC0xLjc3LDAuMjQ1LTIuNjIzYzEuODE1LTEyLjY1MSwxMi42NzktMjIuMzUzLDI1LjgyLTIyLjM1Mw0KCWMxNC40MTIsMCwyNi4wODMsMTEuNjcyLDI2LjA5MiwyNi4wOTJDMTg3Ljg4NiwxOTAuMTI2LDE4MC4yMzYsMTk5Ljk5MSwxNjkuNjcyLDIwMy4zMzF6Ii8+DQo8bGluZWFyR3JhZGllbnQgaWQ9IlNWR0lEXzJfIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjI1OC42NTc4IiB5MT0iMTgzLjgzNjciIHgyPSI0Ny41Mjc5IiB5Mj0iNDM2LjMxNjciIGdyYWRpZW50VHJhbnNmb3JtPSJtYXRyaXgoMS4wMDM5IDAgMCAtMS4wMDM5IDAuMTkyMiA1MTYuNTU5OSkiPg0KCTxzdG9wICBvZmZzZXQ9IjAiIHN0eWxlPSJzdG9wLWNvbG9yOiNCRTNGNDU7c3RvcC1vcGFjaXR5OjAiLz4NCgk8c3RvcCAgb2Zmc2V0PSIxIiBzdHlsZT0ic3RvcC1jb2xvcjojQkUzRjQ1Ii8+DQo8L2xpbmVhckdyYWRpZW50Pg0KPHBhdGggc3R5bGU9ImZpbGw6dXJsKCNTVkdJRF8yXyk7IiBkPSJNMjY5LjE2NSw0NTcuNTI4bC0xMTEuOTYtMTExLjk1OVYyNDIuNjA2Yy0wLjU1LTQuODgsMC4zMTUtOC40NTksMi41ODgtMTAuNzMzDQoJYzEuMzg2LTEuMzg2LDMuMjgyLTIuMjYyLDUuNjkzLTIuNjIzYzIuNDA1LTAuMzY2LDQuMjc4LDAuMTA4LDUuNTksMS40MjFjMC44MDIsMC44MDIsMS4zLDIuMjQsMS40OTUsNC4zMTMNCgljMC4xOTUsMi4wNjIsMC4zMDMsNC4xODYsMC4zMDksNi4zNjljMC4wMTcsMi4xODIsMC42NjUsNC44NTcsMS45NTksOC4wMThjMS4yODksMy4xNjcsMy4zMTYsNi4xMzQsNi4wOTQsOC45MTINCgljNC4xNjMsNC4xNjMsOC40OTksNi41MDYsMTMuMDAxLDcuMDQ0YzIuMjQsMC4yNjksNC40MDQtMC4wMDYsNi40NzctMC44MTlsMC4wNC01NC44OTRjLTAuMTcyLTIuMzk0LTAuMTAzLTQuODQ1LDAuMjQxLTcuMzU0DQoJYzAuNzg1LTUuNjc2LDMuNTk3LTEwLjkzOSw4LjQ0OC0xNS43OWMzLjg2LTMuODYsNy45NjEtNi40NiwxMi4zMDItNy44YzQuMzM2LTEuMzQ2LDguNTUtMS41MDYsMTIuNjM0LTAuNDgxDQoJYzQuMDgzLDEuMDI1LDcuODgxLDIuNiwxMS4zODUsNC43MTljMy41MDUsMi4xMTksNi44MzMsNC43NDgsOS45NzEsNy44ODZjMS45NywxLjk3LDMuOTA2LDQuMTY5LDUuODA4LDYuNTc1DQoJYzEuOTAxLDIuNDA1LDMuNjI1LDQuOTU0LDUuMTY2LDcuNjUyYzEuNTQxLDIuNjk4LDIuNDYzLDUuMjgxLDIuNzY2LDcuNzQ4YzAuMTYxLDEuMzUxLDAuMDY4LDIuNTMyLTAuMjY5LDMuNTU3DQoJYzAuMDIzLDAuMTAzLDAuMDQ2LDEwLjA1NywwLjA3NCwyNS45MzhDMjY5LjA2MiwyOTcuNzA3LDI2OS4xNDIsNDI1LjMzLDI2OS4xNjUsNDU3LjUyOHoiLz4NCjxsaW5lYXJHcmFkaWVudCBpZD0iU1ZHSURfM18iIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMjc2Ljg4NDciIHkxPSIxNzMuODg3NyIgeDI9IjY1Ljc1NDciIHkyPSI0MTMuNDY3NyIgZ3JhZGllbnRUcmFuc2Zvcm09Im1hdHJpeCgxLjAwMzkgMCAwIC0xLjAwMzkgMC4xOTIyIDUxNi41NTk5KSI+DQoJPHN0b3AgIG9mZnNldD0iMCIgc3R5bGU9InN0b3AtY29sb3I6I0JFM0Y0NTtzdG9wLW9wYWNpdHk6MCIvPg0KCTxzdG9wICBvZmZzZXQ9IjEiIHN0eWxlPSJzdG9wLWNvbG9yOiNCRTNGNDUiLz4NCjwvbGluZWFyR3JhZGllbnQ+DQo8cGF0aCBzdHlsZT0iZmlsbDp1cmwoI1NWR0lEXzNfKTsiIGQ9Ik0zMjMuNjQ3LDUwNy45NzljLTQuNzc3LTIuMTY0LTkuMjQ5LTUuMjE3LTEzLjE3Mi05LjE0MWwtOTEuMzk0LTkxLjM5NGwwLjA3NC0xMDEuNTk0DQoJYy0wLjA0LTAuMzcyLTAuMDc0LTAuNzUtMC4wOTctMS4xMjhjLTAuNTE2LTguMzk2LDMuNDM2LTE2Ljc5MiwxMS44MzItMjUuMTg4bDMxLjg4My0zMS44ODNjMi4wNjctMi4wNjcsNC4xMzUtMy44Niw2LjIwMi01LjM4OQ0KCWM2LjMyOS00LjY3OSwxMi42NTEtNi44MzMsMTguOTg1LTYuNDQzYzguNDAyLDAuNTEsMTYuMzI4LDQuNDk2LDIzLjc3NCwxMS45NDFjNy40NTEsNy40NTEsMTEuNDQ5LDE1LjM4OSwxMS45OTgsMjMuODMxDQoJbC0wLjAxNyw0MC42NTdMMzIzLjY0Nyw1MDcuOTc5eiIvPg0KPGxpbmVhckdyYWRpZW50IGlkPSJTVkdJRF80XyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIyODAuNzExMSIgeTE9IjE2Ny42NDE5IiB4Mj0iNjkuNTgxMSIgeTI9IjM2Mi4wNjE5IiBncmFkaWVudFRyYW5zZm9ybT0ibWF0cml4KDEuMDAzOSAwIDAgLTEuMDAzOSAwLjE5MjIgNTE2LjU1OTkpIj4NCgk8c3RvcCAgb2Zmc2V0PSIwIiBzdHlsZT0ic3RvcC1jb2xvcjojQkUzRjQ1O3N0b3Atb3BhY2l0eTowIi8+DQoJPHN0b3AgIG9mZnNldD0iMSIgc3R5bGU9InN0b3AtY29sb3I6I0JFM0Y0NSIvPg0KPC9saW5lYXJHcmFkaWVudD4NCjxwYXRoIHN0eWxlPSJmaWxsOnVybCgjU1ZHSURfNF8pOyIgZD0iTTM1OC45NTUsNTA4Ljc4NmMtMTAuODY0LDQuMzQ3LTIzLjA4LDQuMjg0LTMzLjg5OS0wLjIwMQ0KCWMtMC40NzUtMC4xODktMC45NDUtMC4zOTYtMS40MDktMC42MDdjLTQuNzc3LTIuMTY0LTkuMjQ5LTUuMjE3LTEzLjE3Mi05LjE0MWwtMzcuNjg0LTM3LjY4NGwtMC4zMjYtOTQuNTgzDQoJYy0wLjMzMi0xLjcxOSwwLjA5MS0zLjE2MSwxLjI2LTQuMzNsNzIuNTIzLTcyLjUyM2MxLjIzNy0xLjIzNywyLjczMi0xLjYwOSw0LjQ5MS0xLjA5OWMxLjc1MywwLjUxNSwzLjQzLDEuNTc1LDUuMDQsMy4xODQNCgljMS42MDMsMS42MDMsMi42NjMsMy4yODIsMy4xNzgsNS4wMzVMMzU4Ljk1NSw1MDguNzg2TDM1OC45NTUsNTA4Ljc4NnoiLz4NCjxsaW5lYXJHcmFkaWVudCBpZD0iU1ZHSURfNV8iIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMzE0LjAxOCIgeTE9IjEzNS4wMDMiIHgyPSIxMDIuODg4IiB5Mj0iMzIxLjkyMyIgZ3JhZGllbnRUcmFuc2Zvcm09Im1hdHJpeCgxLjAwMzkgMCAwIC0xLjAwMzkgMC4xOTIyIDUxNi41NTk5KSI+DQoJPHN0b3AgIG9mZnNldD0iMCIgc3R5bGU9InN0b3AtY29sb3I6I0JFM0Y0NTtzdG9wLW9wYWNpdHk6MCIvPg0KCTxzdG9wICBvZmZzZXQ9IjEiIHN0eWxlPSJzdG9wLWNvbG9yOiNCRTNGNDUiLz4NCjwvbGluZWFyR3JhZGllbnQ+DQo8cGF0aCBzdHlsZT0iZmlsbDp1cmwoI1NWR0lEXzVfKTsiIGQ9Ik00MzguNjY1LDQzNC4yMDhsLTY0LjYyNSw2NC42MjVjLTQuNDUsNC40NS05LjU5Myw3Ljc3MS0xNS4wODUsOS45NTQNCgljLTEwLjg2NCw0LjM0Ny0yMy4wOCw0LjI4NC0zMy44OTktMC4yMDFsLTAuMzM4LTg5Ljg3NmMtMC4yNTgtMS43MTMsMC4xMjYtMy4wODEsMS4xNTEtNC4xMDZsNzIuNjMyLTcyLjYzMg0KCWMxLjAxOS0xLjAxOSwyLjM4OC0xLjQwMyw0LjEwNi0xLjE1MWMxLjcxMywwLjI1OCwzLjMwNSwxLjExNiw0Ljc2NSwyLjU3N2wxOS4zOTIsMTkuMzkyYzcuNDQ1LDcuNDQ1LDExLjQ0OSwxNS4zODksMTEuOTkzLDIzLjgyNQ0KCWMwLjA5MSwxLjM0LDAuMDUxLDIuNjg2LTAuMDkxLDQuMDMydjQzLjU2MUg0MzguNjY1eiIvPg0KPGc+DQoJPHBhdGggc3R5bGU9ImZpbGw6I0ZGRkZGRjsiIGQ9Ik0xNTkuNzkyLDIzMS44NzZjMS4zODYtMS4zODYsMy4yODUtMi4yNjUsNS42OTYtMi42MjljMi40MDgtMC4zNjQsNC4yNzMsMC4xMDksNS41ODcsMS40MjUNCgkJYzAuODAzLDAuODAzLDEuMzAxLDIuMjM5LDEuNDk4LDQuMzA5YzAuMTk2LDIuMDY4LDAuMyw0LjE5MiwwLjMxLDYuMzczczAuNjYsNC44NTIsMS45NTIsOC4wMTcNCgkJYzEuMjksMy4xNjMsMy4zMjQsNi4xMzEsNi4xMDEsOC45MDhjNC4xNjMsNC4xNjMsOC40OTUsNi41MTIsMTIuOTk3LDcuMDUxYzQuNTAyLDAuNTM4LDguNjYzLTEuMTA0LDEyLjQ4Mi00LjkyMw0KCQljMy41MjMtMy41MjMsNS4yMzYtNy42ODQsNS4xNDEtMTIuNDhjLTAuMDk5LTQuNzk3LTEuMTg1LTkuNjI3LTMuMjU2LTE0LjQ5MmMtMi4wNzUtNC44NjQtNC4wNTctOS44NTYtNS45NDYtMTQuOTc4DQoJCWMtMS44ODktNS4xMjEtMi40NDUtMTAuNTItMS42NTgtMTYuMTk4YzAuNzgyLTUuNjc4LDMuNTk4LTEwLjkzOCw4LjQ0NS0xNS43ODZjMy44NjItMy44NjIsNy45NjItNi40NjUsMTIuMzAxLTcuODENCgkJYzQuMzM3LTEuMzQ1LDguNTUtMS41MDUsMTIuNjM3LTAuNDc4YzQuMDg2LDEuMDI1LDcuODgxLDIuNTk4LDExLjM4NCw0LjcxOWMzLjUwMywyLjExOSw2LjgyNyw0Ljc0OSw5Ljk2Nyw3Ljg4OQ0KCQljMS45NzIsMS45NzIsMy45MDgsNC4xNjEsNS44MSw2LjU3YzEuOSwyLjQwNiwzLjYyMiw0Ljk1Niw1LjE2Myw3LjY1NGMxLjUzOSwyLjY5NiwyLjQ2Miw1LjI4LDIuNzY3LDcuNzUNCgkJYzAuMzAyLDIuNDcxLTAuMjMsNC4zOTMtMS42MDIsNS43NjZjLTEuMzcyLDEuMzcyLTMuMTk0LDIuMzE3LTUuNDY1LDIuODM2Yy0yLjI3MSwwLjUxOS00LjEzNywwLjA0Ni01LjU5OC0xLjQxNQ0KCQljLTAuNzMxLTAuNzMxLTEuMzY5LTIuMDY1LTEuOTExLTQuMDA0Yy0wLjU0NS0xLjk0MS0xLjUwOC00LjI5OC0yLjg5MS03LjA3OGMtMS4zODQtMi43NzktMy40MjgtNS41MjEtNi4xMy04LjIyMQ0KCQljLTQuMTYyLTQuMTYyLTguMzEzLTYuNjYtMTIuNDQ4LTcuNDljLTQuMTM3LTAuODMtNy44OTIsMC40NDMtMTEuMjcsMy44MjFjLTIuMjAzLDIuMjAzLTMuNDM3LDQuNzUyLTMuNzAxLDcuNjQ1DQoJCWMtMC4yNjQsMi44OTIsMC4xMzEsNS44OTUsMS4xODUsOS4wMDNjMS4wNTMsMy4xMSwyLjM2MSw2LjQzOCwzLjkyNiw5Ljk4NmMxLjU2NSwzLjU0NiwyLjk0OCw3LjI0LDQuMTQ1LDExLjA4MQ0KCQljMS4xOTksMy44NDEsMS45NzQsNy42NjcsMi4zMywxMS40NzRjMC4zNTYsMy44MDctMC4zMTQsNy44NzQtMi4wMDksMTIuMTk4Yy0xLjY5Nyw0LjMyNS00LjUyOCw4LjQ3MS04LjQ5MSwxMi40MzYNCgkJYy03LjU0Nyw3LjU0Ny0xNS41ODIsMTEuMDE1LTI0LjEsMTAuNDA2Yy04LjUxOS0wLjYxMS0xNi41NC00LjY3OC0yNC4wNjEtMTIuMmMtNi43Mi02LjcyLTExLjAyOS0xMy44MzktMTIuOTI4LTIxLjM2Mg0KCQlDMTU2LjI0OCwyNDAuMTMxLDE1Ni43OTYsMjM0Ljg3MiwxNTkuNzkyLDIzMS44NzZ6Ii8+DQoJPHBhdGggc3R5bGU9ImZpbGw6I0ZGRkZGRjsiIGQ9Ik0yMzAuODksMjc5LjUyOWwzMS44NzktMzEuODc5YzguMzk4LTguMzk4LDE2Ljc5Ny0xMi4zNDMsMjUuMTk2LTExLjgzMQ0KCQljOC4zOTgsMC41MTEsMTYuMzIzLDQuNDkzLDIzLjc3MiwxMS45NDFjNy40NSw3LjQ1LDExLjQ0OCwxNS4zOTIsMTEuOTk3LDIzLjgyN2MwLjU0Nyw4LjQzNi0zLjM3OSwxNi44NTQtMTEuNzc3LDI1LjI1Mg0KCQlsLTMxLjg3OSwzMS44NzljLTguMzk5LDguMzk5LTE2LjgxNiwxMi4zMjQtMjUuMjUyLDExLjc3N2MtOC40MzUtMC41NDgtMTYuMzc4LTQuNTQ3LTIzLjgyNy0xMS45OTcNCgkJYy03LjQ0OS03LjQ0OS0xMS40My0xNS4zNzQtMTEuOTQxLTIzLjc3MkMyMTguNTQ3LDI5Ni4zMjcsMjIyLjQ5LDI4Ny45MjksMjMwLjg5LDI3OS41Mjl6IE0yNDIuNTAxLDI5MS4xNDINCgkJYy05LjQyMiw5LjQyMi05LjgyMywxOC40NDEtMS4yMDYsMjcuMDU5YzQuMTYzLDQuMTYzLDguNTQzLDYuMjA4LDEzLjE0Niw2LjEzNWM0LjYtMC4wNzMsOS4yNzUtMi40ODMsMTQuMDIzLTcuMjNsMzEuODc5LTMxLjg3OQ0KCQljNC43NDctNC43NDcsNy4xNTUtOS40MjIsNy4yMy0xNC4wMjNjMC4wNzEtNC42MDEtMS45NzItOC45ODMtNi4xMzUtMTMuMTQ2Yy04LjYxOC04LjYxOC0xNy42MzgtOC4yMTYtMjcuMDU5LDEuMjA2DQoJCUwyNDIuNTAxLDI5MS4xNDJ6Ii8+DQoJPHBhdGggc3R5bGU9ImZpbGw6I0ZGRkZGRjsiIGQ9Ik0yNzMuNzIzLDM2Mi4yNGw3Mi41MjItNzIuNTIyYzEuMjQxLTEuMjQxLDIuNzM3LTEuNjA3LDQuNDkyLTEuMDk1DQoJCWMxLjc1MSwwLjUxMiwzLjQzMiwxLjU3LDUuMDM5LDMuMTc2YzEuNjA1LDEuNjA1LDIuNjYzLDMuMjg3LDMuMTc3LDUuMDRjMC41MSwxLjc1MywwLjE0NiwzLjI1MS0xLjA5NSw0LjQ5MmwtNjYuMDU5LDY2LjA1OQ0KCQlsMjguNDgyLDI4LjQ4MmMxLjA5NSwxLjA5NSwxLjQ0MiwyLjQ2NSwxLjA0MSw0LjEwOWMtMC40MDQsMS42NDItMS4yOTgsMy4xNTktMi42ODMsNC41NDZjLTEuMzg4LDEuMzg4LTIuOTA0LDIuMjgyLTQuNTQ3LDIuNjg1DQoJCWMtMS42NDUsMC40MDItMy4wMTMsMC4wNTQtNC4xMDgtMS4wNDFsLTM0Ljk0Ny0zNC45NDdjLTEuMzg4LTEuMzg4LTIuMjQ3LTIuOTM4LTIuNTc0LTQuNjU1DQoJCUMyNzIuMTMzLDM2NC44NSwyNzIuNTU0LDM2My40MDgsMjczLjcyMywzNjIuMjR6Ii8+DQoJPHBhdGggc3R5bGU9ImZpbGw6I0ZGRkZGRjsiIGQ9Ik0zMjUuODY4LDQxNC42MDRsNzIuNjMzLTcyLjYzM2MxLjAyMi0xLjAyMiwyLjM5LTEuNDA0LDQuMTA4LTEuMTUNCgkJYzEuNzE1LDAuMjU3LDMuMzAzLDEuMTEyLDQuNzY2LDIuNTc0bDE5LjM5MSwxOS4zOTFjNy40NDksNy40NDksMTEuNDQ4LDE1LjM5MiwxMS45OTYsMjMuODI3DQoJCWMwLjU0Nyw4LjQzNi0zLjM3OSwxNi44NTQtMTEuNzc3LDI1LjI1MmwtMzEuMjIyLDMxLjIyMmMtOC4zOTksOC4zOTktMTYuODE2LDEyLjMyNC0yNS4yNTIsMTEuNzc3DQoJCWMtOC40MzUtMC41NDgtMTYuMzc4LTQuNTQ3LTIzLjgyNy0xMS45OTZsLTE5LjM5MS0xOS4zOTFjLTEuNDYyLTEuNDYyLTIuMzE5LTMuMDQ5LTIuNTc0LTQuNzY2DQoJCUMzMjQuNDYsNDE2Ljk5NiwzMjQuODQ1LDQxNS42MjcsMzI1Ljg2OCw0MTQuNjA0eiBNMzQ0LjA1Myw0MTkuNjQzbDEyLjkyNiwxMi45MjdjOC42OSw4LjY5LDE3Ljc0Nyw4LjMyNiwyNy4xNjktMS4wOTUNCgkJbDMxLjIyMi0zMS4yMjJjOS40MjItOS40MjIsOS43ODYtMTguNDc4LDEuMDk1LTI3LjE2OWwtMTIuOTI3LTEyLjkyNkwzNDQuMDUzLDQxOS42NDN6Ii8+DQo8L2c+DQo8bGluZWFyR3JhZGllbnQgaWQ9IlNWR0lEXzZfIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjkzLjM1NzYiIHkxPSI0MTYuMDc2MyIgeDI9IjE2Mi40OTc2IiB5Mj0iNDMyLjQ1NjMiIGdyYWRpZW50VHJhbnNmb3JtPSJtYXRyaXgoMS4wMDM5IDAgMCAtMS4wMDM5IDAuMTkyMiA1MTYuNTU5OSkiPg0KCTxzdG9wICBvZmZzZXQ9IjAiIHN0eWxlPSJzdG9wLWNvbG9yOiNBN0YzQ0UiLz4NCgk8c3RvcCAgb2Zmc2V0PSIxIiBzdHlsZT0ic3RvcC1jb2xvcjojNjFEQjk5Ii8+DQo8L2xpbmVhckdyYWRpZW50Pg0KPHBhdGggc3R5bGU9ImZpbGw6dXJsKCNTVkdJRF82Xyk7IiBkPSJNMTcxLjUwMSwxNTQuMjM5Yy0wLjA5LDAuMTEtMC4xOTIsMC4yMTItMC4yOTIsMC4zMTJjLTQuNjc2LDQuNjg2LTEzLjkyOCw1LjgxNi0yNS4zNjgsMy4yNjYNCgljLTEuOTY2LTAuNDM0LTQuMDAyLTAuOTc4LTYuMDg4LTEuNjMyYy0xNS4yMzktNC43ODgtMzIuMDYtMTQuOTk4LTQ3LjIyOC0yOC40OTJjLTIuNDctMi4yMDgtNC44OTgtNC40OTYtNy4yNjYtNi44NjQNCgljLTE2Ljg5Mi0xNi45MDItMjkuNzgyLTM2Ljc2OC0zNS4zNTYtNTQuNDk2Yy00LjQ2NC0xNC4yMTItMy44Ni0yNS45NzIsMS42MzItMzEuNDU2YzMuMDQ0LTMuMDU0LDguMDQyLTQuNTk2LDE0LjMxMi00LjU5Ng0KCWM1LjAxLDAsMTAuODM0LDAuOTc4LDE3LjE0NCwyLjk2NGMxNy43MjgsNS41NzQsMzcuNTg0LDE4LjQ2NCw1NC40ODYsMzUuMzY2YzguNzE4LDguNzE4LDE2LjM3OCwxOC4yMjIsMjIuNTA2LDI3LjgyN2wzMC42Ny03LjY2DQoJYy0xLjY1Mi0yLjk4NC0zLjQzNi01Ljk1Ni01LjMzMi04LjkxYy03LjI1Ni0xMS4zMTgtMTYuMTg2LTIyLjM3NC0yNi40NTYtMzIuNjQ2QzEzOC4zMzEsMjYuNjk0LDExNC42MDYsMTEuNDg0LDkyLjA0OSw0LjQNCgljLTI1LjkxMi04LjE0NC00Ny44OTQtNC45MDgtNjEuOTA0LDkuMDkyQzE2LjEzNywyNy41LDEyLjkxMSw0OS40ODIsMjEuMDU1LDc1LjM5NGM3LjA4NiwyMi41NTYsMjIuMjk0LDQ2LjI4MSw0Mi44MjQsNjYuODEyDQoJYzYuMzYsNi4zNiwxMy4wMTIsMTIuMTk1LDE5Ljg0NSwxNy40NDZjMTUuMjYsMTEuNzIyLDMxLjM5NiwyMC40OSw0Ni45NjYsMjUuMzc4YzIuMTU2LDAuNjc2LDQuMjg0LDEuMjgsNi4zOCwxLjc5NA0KCWM3LjAxNCwxLjc0NCwxMy43MDcsMi42MSwxOS45NzYsMi42MWMxMS45OTQsMCwyMi40NTYtMy4xNTQsMzAuNzktOS4zODRjMC4wMy0wLjUyNCwwLjA1LTEuMDU4LDAuMDUtMS41OTINCglDMTg3Ljg3OSwxNjcuNDczLDE4MS4xMDUsMTU4LjA4LDE3MS41MDEsMTU0LjIzOXoiLz4NCjxsaW5lYXJHcmFkaWVudCBpZD0iU1ZHSURfN18iIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMjEwLjkzOTciIHkxPSIzODguMjAzNCIgeDI9Ijg0LjQ2OTciIHkyPSI1NjMuOTMzNCIgZ3JhZGllbnRUcmFuc2Zvcm09Im1hdHJpeCgxLjAwMzkgMCAwIC0xLjAwMzkgMC4xOTIyIDUxNi41NTk5KSI+DQoJPHN0b3AgIG9mZnNldD0iMCIgc3R5bGU9InN0b3AtY29sb3I6I0JFM0Y0NTtzdG9wLW9wYWNpdHk6MCIvPg0KCTxzdG9wICBvZmZzZXQ9IjEiIHN0eWxlPSJzdG9wLWNvbG9yOiNCRTNGNDUiLz4NCjwvbGluZWFyR3JhZGllbnQ+DQo8cG9seWdvbiBzdHlsZT0iZmlsbDp1cmwoI1NWR0lEXzdfKTsiIHBvaW50cz0iMjc2LjM1LDE3NC40NzggMTkwLjY1LDg4Ljc3OCAxNTkuOTgxLDk2LjQzOCAyMzguMDIxLDE3NC40NzggIi8+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8L3N2Zz4NCg==); background-repeat: no-repeat; background-position: top left; background-size: 50px; padding-left: 0px; padding-bottom: 0px; width: 100%; } /* 버튼 */ .ui.ui.inverted.menu .primary.active.item, .ui.ui.inverted.primary.menu, .ui.primary.button, .ui.primary.buttons .button {background-color: #11bab5;} .ui.primary.button:hover, .ui.primary.buttons .button:hover {background-color: #009c95;} .ui.inverted.primary.button, .ui.inverted.primary.buttons .button { -webkit-box-shadow: 0 0 0 2px #11bab5 inset; box-shadow: 0 0 0 2px #11bab5 inset; color: #11bab5; } .ui.inverted.primary.button:hover, .ui.inverted.primary.buttons .button:hover, .ui.inverted.primary.button:focus, .ui.inverted.primary.buttons .button:focus { -webkit-box-shadow: 0 0 0 2px #009c95 inset; box-shadow: 0 0 0 2px #009c95 inset; color: #009c95; background-color: transparent; } .button.bg-white {color: #666; background: #fff;} .button.bg-white:hover {background: #fff;} .ui.labeled.icon.button>.icon.bg-white, .button i.bg-white {background: #fff;} .ui.compact.labeled.icon.button.pl-40, .ui.compact.labeled.icon.buttons .button.pl-40 { padding-left: 40px !important;} .ui.compact.labeled.icon.button.pr-10, .ui.compact.labeled.icon.buttons .button.pr-10 { padding-right: 10px !important;} .ui.button.p-07-1em {padding: .7em 1em;} /* UI & 그리드 */ .ui.celled.grid>.column.box-shadow-no:not(.row), .ui.celled.grid>.row>.column.box-shadow-no { -webkit-box-shadow: none; box-shadow: none; } .ui[class*="very compact"].grid>.column.pl-0:not(.row), .ui[class*="very compact"].grid>.row>.column.pl-0 { padding-left:0; } .ui[class*="very compact"].grid>.column.pr-0:not(.row), .ui[class*="very compact"].grid>.row>.column.pr-0 { padding-right:0; } .ui.grid>.column:not(.row).pt-17 {padding-top:17px;} .ui.grid>.column:not(.row).pt-25 {padding-top:25px;} .ui.grid>.column:not(.row).pl-0 {padding-left:0;} .ui.grid>.column:not(.row).pr-0 {padding-right:0;} .ui.horizontal.segments.m-0 {margin:0;} .ui.segments.no-radius, .ui.horizontal.segments.no-radius {border-radius:0;} .ui.segment.fs-09em, .ui.segments .segment.fs-09em {font-size:.9em;} .ui.segment.fs-085em, .ui.segments .segment.fs-085em {font-size:0.85em;} .ui.segment.pl-0 {padding-left:0;} .ui.segment.pr-0 {padding-right:0;} .ui.segment.pt-07em {padding-top:.7em;} .ui.segment.pb-07em {padding-bottom:.7em;} .ui.segment[class*="bottom attached mb-0"]:last-child {margin-bottom: 0;} .ui.attached.segment.no-border-t {border-top: none;} .ui.attached.segment.no-border-l {border-left: none;} .ui.attached.segment.no-border-r {border-right: none;} .ui.attached.segment.no-border-b {border-bottom: none;} .ui.no-border.inverted.segment {border: none;} .ui.bg-f5f5f7.inverted.segment {background: #f5f5f7;} .ui.floating.label.right-10 {right:10px;} .ui.floating.label.right-1-3em {right:1.3em;} .ui.floating.label.right-1-5em {right:1.5em;} .ui.floating.label.right-2-1em {right:2.1em;} .ui.floating.label.top-09em {top:.9em;} .ui.floating.label.top-1-5em {top:1.5em;} .ui.floating.label.lh-1 {line-height:1;} .ui.floating.label.no-radius {border-radius:0;} .ui.floating.label.ml-5 {margin-left:5px;} .ui.floating.label.ml-37 {margin-left:37px;} .ui.floating.label.ml-38 {margin-left:38px;} .ui.floating.label.ml-93 {margin-left:93px;} .ui.floating.label.ml-105 {margin-left:105px;} .ui.floating.label.ml-106 {margin-left:106px;} .ui.floating.label.ml-166 {margin-left:166px;} .ui.floating.label.ml-182 {margin-left:182px;} .ui.floating.label.mt-15 {margin-top:15px !important;} .ui.floating.label.mt-20 {margin-top:20px;} .ui.floating.label.mt-30 {margin-top:30px !important;} .ui.floating.label.b-0 {bottom: 0;} .ui.menu .item.lh1_3 {line-height: 1.3;} .ui.menu .item>.label.ml-03em:not(.floating) {margin-left: .3em;} .ui.grid.p0>.column:not(.row) {padding:0;} .ui.header {font-family: 'Nanum Square', 'Nanum Gothic', verdana !important;} .ui.header>img+.content.pl-03rem {padding-left:.3rem;} .ui.label>img.w-20 {width:20px !important;} .ui.label.pb-02em {padding-bottom: 0.2em;} .ui.label.pb-05em {padding-bottom: 0.5em;} .ui.attached.label.t-3 {top:3px;} .ui.attached.label.t-35 {top:35px;} .ui.attached.label.l-3 {left:3px;} .ui.attached.label.r-3 {right:3px;} .ui.attached.label.no-radius {border-radius:0;} .ui.tag.label.h-1-7em:before {height:1.7em;} .ui.header>img.w-25 {width:25px;} .ui.header>img.w-37 {width:37px;} .ui.header.relative {position:relative;} .ui.header.no-first:first-child {margin-top:calc(2rem - .1428571428571429em);} .ui.header.no-last:last-child {padding-bottom: .21428571rem;margin-bottom:1rem;} .ui.header.con_wrap.dividing>.icon {font-size:1em;} .ui.image>.ribbon.label.t-3-1rem {top:3.1rem;} .ui.avatar.image.noborder {border:none;} .ui.avatar.image.noradius {border-radius:0;} .ui.avatar.image.mt--5 {margin-top:-5px;} .ui.ribbon.label.noborder:after {border:none;} .ui.corner.label.dc {text-align:right;padding-top:10px;padding-right:5px;} .ui.fluid.image img.inblock {display: inline-block;} .ui.images>.img-con {display: inline-block !important;margin: 0 .25rem .5rem !important;} .ui.images>.img-con.active {border:2px solid #11bab5;} .ui.tiny.images>.img-con .image {margin:0;} .ui.tiny.images>.img-con .image, .ui.tiny.images>.img-con img {width:60px;height:60px;} .ui.card, .ui.cards>.card.noshadow {box-shadow:none;-webkit-box-shadow:none;} .ui.inverted.menu .item.grey01 {background-color:#ccc;color:#fff;} .ui.inverted.menu .item.grey02 {background-color:#bbb;color:#fff;} .ui.menu {font-family:'Nanum Square', 'Nanum Gothic', verdana !important;} .ui.menu.mt-0 {margin-top:0;} .ui.item.menu .item.w-20p {width:20% !important;} .ui.item.menu .item.w-40p {width:40% !important;} .ui.tabular.menu .item.p-lr-1em {padding: .92857143em 1em;} .ui.menu:not(.vertical) .item.block {display:block;} .ui.items.m-0 {margin:0 !important;} .ui.items.box {margin-left:0 !important; margin-right:0 !important; padding: 12px;border: 1px solid #e3e3e3;} .ui.items.box:last-child {margin-bottom: 20px !important;} .ui.items.box:first-child {margin-top: 20px !important;} .ui.items.box>.item {margin: 0;} h2.ui.ui.ui.con_wrap:not(.fluid) {font-size:1.5em;} @media (max-width:767.98px){ .con_wrap h2.ui.header {font-size:1.2rem;} .con_wrap h2.ui.header .mt--35 {margin-top:-25px;} .con_wrap h2.ui.header span.ui.tiny.text, .con_wrap h2.ui.header .tiny.icon {font-size:.7em;} } @media (max-width:500px){ .ui.floating.label.ml-38 {margin-left:33px;} .ui.floating.label.ml-106 {margin-left:100px;} } /* form */ .ui.form .field>label.pointing { display:inline; } .ui.form .field .ui.input input:read-only, .ui.form .fields .field .ui.input input:read-only { background: #eee; } .ui.form .field .dropdown, .ui.form .field .dropdown .menu>.item {font-size: .9rem;} .ui.form input:not([type]), .ui.form input[type=date], .ui.form input[type=datetime-local], .ui.form input[type=email], .ui.form input[type=file], .ui.form input[type=number], .ui.form input[type=password], .ui.form input[type=search], .ui.form input[type=tel], .ui.form input[type=text], .ui.form input[type=time], .ui.form input[type=url] {font-size: .9rem;} .ui.form input.fs-085em[type=text] {font-size: .85em;} .ui.form.align-width .field .dropdown, .ui.form.align-width .field .dropdown .menu>.item {font-size: .9rem;} .ui.form.align-width .field .ui.selection.dropdown { min-height:auto; padding-top:10px; padding-bottom:10px; } .ui.form.align-width input:not([type]), .ui.form.align-width input[type=date], .ui.form.align-width input[type=datetime-local], .ui.form.align-width input[type=email], .ui.form.align-width input[type=file], .ui.form.align-width input[type=number], .ui.form.align-width input[type=password], .ui.form.align-width input[type=search], .ui.form.align-width input[type=tel], .ui.form.align-width input[type=text], .ui.form.align-width input[type=time], .ui.form.align-width input[type=url] {font-size: .9rem;} .ui.form.align-width .field>label.w-70 {float:left; display:inline-block; margin-top: 5px; width:70px;} .ui.form.align-width .field>label.w-55 {float:left; display:inline-block; margin-top: 5px; width:55px;} .ui.form.align-width .field>.selection.dropdown.w-100p-70 { float: left; width: calc(100% - 70px); clear: none; } .ui.form.align-width .field>.selection.dropdown.w-100p-55, .ui.form.align-width .field>.w-100p-55 { float: left; width: calc(100% - 55px); clear: none; } .ui.form.align-width .field>input.w-100p-70 { float: left; width: calc(100% - 70px); clear: none; } .ui.form.align-width .field>input.w-50p-45, .ui.form.align-width .field>.w-50p-45 { float: left; width: calc(50% - 45px); clear: none; } .ui.form.align-width .field>input.w-50p-37, .ui.form.align-width .field>.w-50p-19 { float: left; width: calc(50% - 19px); clear: none; } .ui.form.align-width .field>.w-50p-37 { float: left; width: calc(50% - 37px); clear: none; } .ui.form.align-width .field>.w-50p-38 { float: left; width: calc(50% - 38px); clear: none; } .ui.form.align-width .field>.w-50p-40 { float: left; width: calc(50% - 40px); clear: none; } .ui.form.align-width .field>.w-50p-10 { float: left; width: calc(50% - 10px); clear: none; } .ui.form.align-width .field>.w-50p-2 { float: left; width: calc(50% - 2px); clear: none; } /* dropdown */ .ui.selection.dropdown { min-width:8em; min-height:2em; padding-top:8px; padding-bottom:8px; margin-top:2px;} .ui.selection.dropdown .icon { padding-top:8px; padding-bottom:8px; } .ui.selection.dropdown>.delete.icon, .ui.selection.dropdown>.dropdown.icon, .ui.selection.dropdown>.search.icon { top:0.6em; } .ui.dropdown .menu .selected.item, .ui.dropdown.selected { background:#f7f7f7 !important; } .ui.form .field>.selection.dropdown.w-150 {width:150px;} .ui.form .field>.selection.dropdown.pull-right {float:right !important;} /* checkbox */ .ui.checkbox.error input[type=checkbox] { border-color:#e0b4b4 !important; color:#da262c !important; } .ui.checkbox.error input[type=checkbox]:checked + label { color:#da262c !important; } .ui.checkbox.error label { color: #da262c; } .ui.checkbox.top-6 .box:before, .ui.checkbox.top-6 label:before {top:6px;} .ui.checkbox.left-5 .box:before, .ui.checkbox.left-5 label:before {left:5px;} .ui.checkbox.top-6 .box:after, .ui.checkbox.top-6 label:after {top:6px;} .ui.checkbox.left-5 .box:after, .ui.checkbox.left-5 label:after {left:5px;} .ui.checkbox input.hidden+label.pl-35 {padding-left:35px;} .ui.checkbox.middle01 input[type=checkbox], .ui.checkbox.middle01 input[type=radio] {top:20px;} .ui.checkbox.middle01 .box:before, .ui.checkbox.middle01 label:before {top:20px;} .ui.checkbox.middle01 .box:after, .ui.checkbox.middle01 label:after {top:20px;} .ui.checkbox label.fs-09em {font-size: .9em;} /* input */ .ui.form input:not([type]):focus, .ui.form input[type=date]:focus, .ui.form input[type=datetime-local]:focus, .ui.form input[type=email]:focus, .ui.form input[type=file]:focus, .ui.form input[type=number]:focus, .ui.form input[type=password]:focus, .ui.form input[type=search]:focus, .ui.form input[type=tel]:focus, .ui.form input[type=text]:focus, .ui.form input[type=time]:focus, .ui.form input[type=url]:focus { border-color: #85d9d2; } input[readonly], input[type=text][readonly], .ui.form input[type=text][readonly] {background: #eee; opacity: 1;} .ui.form .inline.field>input.w-100px {width: 100px;} /* moby.js */ .moby.right-side { width:100%; } .moby .moby-close { padding:0; font-size:1em; } .body-contents { width:100%; } /* bxslider */ .bx-style-01 .bx-wrapper {margin-left: 25px;} .bx-style-01 .bx-wrapper .bx-controls-direction a {margin-top: -10px; width: 20px; height: 20px;border: 1px solid #ccc; z-index: 99;} .bx-style-01 .bx-wrapper .bx-prev { left:-15px; background:rgba(255, 255, 255, .1) url(/assets/images/offline/prev02_on.png) no-repeat center center; background-size: cover;} .bx-style-01 .bx-wrapper .bx-next {right:-15px;background:rgba(255, 255, 255, .1) url(/assets/images/offline/next02_on.png) no-repeat center center; background-size: cover} .bx-style-02 .bx-wrapper {margin-left: 0;-moz-box-shadow: none;-webkit-box-shadow: none;box-shadow: none;} .bx-style-02 .bx-wrapper img {display: inline-block;} .bx-style-02 .bx-wrapper .bx-controls-direction a {margin-top: -10px; width: 20px; height: 20px;border: 1px solid #ccc; z-index: 99;} .bx-style-02 .bx-wrapper .bx-prev { left:-10px; background:rgba(255, 255, 255, .1) url(/assets/images/offline/prev02_on.png) no-repeat center center; background-size: cover;} .bx-style-02 .bx-wrapper .bx-next {right:-10px;background:rgba(255, 255, 255, .1) url(/assets/images/offline/next02_on.png) no-repeat center center; background-size: cover} .bx-style-03 .bx-wrapper {margin-left: 0;-moz-box-shadow: none;-webkit-box-shadow: none;box-shadow: none; border:0; background: none;} .bx-style-03 .bx-wrapper img {display: inline-block;} .bx-style-03 img {width:100%;} .bx-style-03 .bx-wrapper .bx-controls-direction a {margin-top: -10px; width: 20px; height: 20px;border: 1px solid #ccc; z-index: 99;} .bx-style-03 .bx-wrapper .bx-prev { left:-5px; background:rgba(255, 255, 255, .1) url(/assets/images/offline/prev02_on.png) no-repeat center center; background-size: cover;} .bx-style-03 .bx-wrapper .bx-next {right:-5px;background:rgba(255, 255, 255, .1) url(/assets/images/offline/next02_on.png) no-repeat center center; background-size: cover} .bx-style-03 .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {top:5px;right:10px;} .bx-style-03 .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {text-align: right; top:5px; bottom:auto; padding-top: 0;} .bx-style-03 .bx-wrapper .bx-pager, .bx-style-03 .bx-wrapper .bx-controls-auto {bottom: -20px;} .bx-style-03 .bx-wrapper .bx-pager.bx-default-pager a {margin:0 3px;background:#ccc;} .bx-style-03 .bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-style-03 .bx-wrapper .bx-pager.bx-default-pager a.active, .bx-style-03 .bx-wrapper .bx-pager.bx-default-pager a:focus {background:#11bab5;} .bx-style-03 .bx-wrapper .bx-controls-auto .bx-stop {background: url(/assets/images/offline/controls.png) -86px -44px no-repeat;} .bx-style-03 .bx-wrapper .bx-controls-auto .bx-stop:hover, .bx-style-03 .bx-wrapper .bx-controls-auto .bx-stop.active, .bx-style-03 .bx-wrapper .bx-controls-auto .bx-stop:focus {background-position:-86px -33px;} .bx-style-03 .bx-wrapper .bx-controls-auto .bx-start {background: url(/assets/images/offline/controls.png) -86px -11px no-repeat;} .bx-style-03 .bx-wrapper .bx-controls-auto .bx-start:hover, .bx-style-03 .bx-wrapper .bx-controls-auto .bx-start.active, .bx-style-03 .bx-wrapper .bx-controls-auto .bx-start:focus {background-position: -86px 0;} /* list */ .ui.bulleted.list .list.bull01 > .item::before, .ui.bulleted.list.bull01 > .item::before, ul.ui.list.bull01 li::before { content: "●"; font-size: 7px; } .ui.list>.item.hide {display: none;} /* tabla */ .ui.table>tbody>tr>td.border-b, .ui.table>tr>td.border-b {border-bottom: 1px solid rgba(34,36,38,.1);} .basic01.ui.table {font-size: .85em;} .basic01.ui.basic.table.t--10 {margin-top: -10px;} .basic01.ui.basic.table.t--13 {margin-top: -13px;} .basic01.ui.table>tbody>tr>td, .basic01.ui.table>tbody>tr:last-child>td, .basic01.ui.table>tr:last-child>td { border-top: 0; border-bottom: 1px solid rgba(0,0,0,.1) !important; } .basic01.ui[class*="very basic"].table:not(.sortable):not(.striped)>thead>tr:first-child>th {padding-top:auto !important;} .basic01.ui.table:not(.unstackable)>tbody>tr>td.p-tb-10 { padding-top:10px !important;padding-bottom:10px !important; } @media (max-width:767.98px){ .basic01.ui.table {font-size: .85em;} .basic01.ui.basic.table.mobile-t--10 {margin-top: -10px;} .basic01.ui.basic.table.t--13 {margin-top: -13px;} .basic01.ui.basic.table>tfoot, .basic01.ui.basic.table>thead { display: none !important; } .basic01.ui.table:not(.unstackable)>tbody{ display: table-row-group !important; } .basic01.ui.table:not(.unstackable)>tbody>tr{ display: table-row !important; } .basic01.ui.table:not(.unstackable)>tbody>tr>td { display: table-cell !important; /* border-bottom: 0 !important; */ padding: .78571429em .2em !important; } .basic01.ui.table:not(.unstackable)>tbody>tr>td.p-10 { padding: 10px !important; } .basic01.ui.table:not(.unstackable)>tbody>tr>td.no-mobile { display: none !important; } .basic01.ui.table:not(.unstackable)>tbody>tr>td.moblie-left { text-align: left !important; } .basic01.ui.table:not(.unstackable)>tbody>tr>td.moblie-right { text-align: right !important; } .basic01.ui.table:not(.unstackable)>tbody>tr>td:first-child { font-weight: normal; } .basic01.ui.table:not(.unstackable)>tbody>tr>td.mobile-p-tb-10 { padding-top:10px !important;padding-bottom:10px !important; } /* .board.basic01.ui.table:not(.unstackable)>tbody>tr>td img { height: 12px; } */ } .basic02.ui.table {border-top: 1px solid rgba(0,0,0,.1) !important;font-size: .85em;} .basic02.ui.table>thead>tr>td, .basic02.ui.table>tbody>tr>td, .basic02.ui.table>tbody>tr:last-child>td, .basic02.ui.table>tr:last-child>td { border-top: 0; border-bottom: 1px solid rgba(0,0,0,.1) !important; padding: .78571429em .78571429em !important; } .basic02.ui.table>tbody.content {background: #f7f7f7;} .basic02.ui[class*="very basic"].table:not(.sortable):not(.striped)>thead>tr:first-child>th {padding-top:auto !important;} @media (max-width:767.98px){ .basic02.ui.table {border-top: 1px solid rgba(0,0,0,.2) !important;} .basic02.ui.table {font-size: .85em;} .basic02.ui.table:not(.unstackable)>thead, .basic02.ui.table:not(.unstackable)>tbody { display: table-row-group !important; } .basic02.ui.table:not(.unstackable)>thead>tr, .basic02.ui.table:not(.unstackable)>tbody>tr { display: table-row !important; } .basic02.ui.table:not(.unstackable)>thead>tr>td, .basic02.ui.table:not(.unstackable)>tbody>tr>td { display: table-cell !important; /* border-bottom: 0 !important; */ padding: .78571429em .2em !important; } .basic02.ui.table:not(.unstackable)>thead>tr>td.no-mobile, .basic02.ui.table:not(.unstackable)>tbody>tr>td.no-mobile { display: none !important; } .basic02.ui.table:not(.unstackable)>thead>tr>td.moblie-left, .basic02.ui.table:not(.unstackable)>tbody>tr>td.moblie-left { text-align: left !important; } .basic02.ui.table:not(.unstackable)>thead>tr>td.moblie-right, .basic02.ui.table:not(.unstackable)>tbody>tr>td.moblie-right { text-align: right !important; } .basic02.ui.table:not(.unstackable)>thead>tr>td:first-child, .basic02.ui.table:not(.unstackable)>tbody>tr>td:first-child { font-weight: normal; } .basic02.ui.table:not(.unstackable)>thead>tr>td.mobile-p-tb-10, .basic02.ui.table:not(.unstackable)>tbody>tr>td.mobile-p-tb-10 { padding-top:10px !important;padding-bottom:10px !important; } } .basic03.ui.table {font-size: .85em;} .basic03.ui.table.fs-1em {font-size: 1em;} .basic03.ui.basic.table.t--10 {margin-top: -10px;} .basic03.ui.table>tbody>tr>th, .basic03.ui.table>tbody>tr:last-child>th, .basic03.ui.table>tr:last-child>th, .basic03.ui.table>tbody>tr>td, .basic03.ui.table>tbody>tr:last-child>td, .basic03.ui.table>tr:last-child>td { border-top: 0; border-bottom: 1px solid rgba(0,0,0,.1) !important; } .basic03.ui.table>tbody>tr>th {color: #999; font-weight: normal !important;line-height: 1.3;} .basic03.ui.table>tbody>tr>th, .basic03.ui.ui.ui.ui.table:not(.unstackable)>thead>tr>th, .basic03.ui.table>tbody>tr>th.bg-f0f0f0, .basic03.ui.ui.ui.ui.table:not(.unstackable)>tbody>tr>th.bg-f0f0f0 {background: #f0f0f0;} .basic03.ui[class*="very basic"].table:not(.sortable):not(.striped)>thead>tr:first-child>th {padding-top:auto !important;} @media (max-width:767.98px){ .basic03.ui.table {font-size: .85em;} .basic03.ui.table.fs-1em {font-size: 1em;} .basic03.ui.basic.table>thead, .basic03.ui.table:not(.unstackable)>thead, .basic03.ui.table:not(.unstackable)>tbody, .basic03.ui.basic.table>tfoot { display: table-row-group !important; } .basic03.ui.table:not(.unstackable)>thead>tr, .basic03.ui.table:not(.unstackable)>tbody>tr{ display: table-row !important; } .basic03.ui.table:not(.unstackable)>thead>tr>th { background: #f9fafb; line-height: 1.3; } .basic03.ui.table:not(.unstackable)>thead>tr>th, .basic03.ui.table:not(.unstackable)>thead>tr>td, .basic03.ui.table:not(.unstackable)>tbody>tr>th, .basic03.ui.table:not(.unstackable)>tbody>tr>td { display: table-cell !important; /* border-bottom: 0 !important; */ padding: .78571429em .2em !important; } .basic03.ui.table:not(.unstackable)>thead>tr>td.no-mobile, .basic03.ui.table:not(.unstackable)>tbody>tr>td.no-mobile { display: none !important; } .basic03.ui.table:not(.unstackable)>thead>tr>td.moblie-left, .basic03.ui.table:not(.unstackable)>tbody>tr>td.moblie-left { text-align: left !important; } .basic03.ui.table:not(.unstackable)>thead>tr>td.moblie-right, .basic03.ui.table:not(.unstackable)>tbody>tr>td.moblie-right { text-align: right !important; } .basic03.ui.table:not(.unstackable)>thead>tr>td:first-child, .basic03.ui.table:not(.unstackable)>tbody>tr>td:first-child { font-weight: normal; } .basic03.ui.table:not(.unstackable)>thead>tr>td.mobile-p-tb-10, .basic03.ui.table:not(.unstackable)>tbody>tr>td.mobile-p-tb-10 { padding-top:10px !important;padding-bottom:10px !important; } } /* 이미지 슬라이드 */ .slider-loader { position:absolute; top:0px; left:0px; width:100%; height:100%; text-align:center; background-color:rgba(0,0,0,0.7); } .slider-loader img { animation-name:slider-loader; animation-duration:1.6s; animation-iteration-count:infinite; animation-timing-function:linear; margin-top:-19px; position:relative; top:50%; width:38px; height:38px; } @keyframes slider-loader { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } .slider-bullet .i { position:absolute; cursor:pointer; } .slider-bullet .i .b { fill:#fff; fill-opacity:0.5; } .slider-bullet .i:hover .b { fill-opacity:0.7; } .slider-bullet .iav .b { fill-opacity:1.0; } .slider-bullet .i.idn { opacity:0.3; } .slider-arrow { display:block; position:absolute; cursor:pointer; } .slider-arrow .a { fill:none; stroke:#fff; stroke-width:360; stroke-miterlimit:10; } .slider-arrow:hover { opacity:0.8;} /* 페이지네이션 */ .pagination { margin-top:30px; padding-bottom:30px; width:100%; text-align:center; } .pagination a { font-size:0.95em; width:30px !important; margin:0 1px; padding:4px 6px; border:0px solid #ddd; } .pagination .pagelink.current a { font-weight:normal; color:#fff !important; background:#11bab5; border:0px solid #11bab5; } /* APP 타이틀바 */ /* body.pushable>.pusher {background: #f0f0f0;} */ .pusher {margin:0 auto;} /* .pusher:last-child { max-height:300px !important; } */ .pusher.dimmed { z-index:100; } .full.height { height:calc(100vh - 4em); } .fixed.menu .container { margin-left:0; margin-right:0; width:100% !important; max-width:none !important; } .top-header {margin:0 auto;padding: 5px;} .top-header .ui.container {padding:0;} .top-header.ui[class*="top fixed"].menu {border:0;background: #fff;} /* .top-header.ui.menu {-webkit-box-shadow:none;box-shadow:none;} */ .top-header.ui.menu .item { font-size:1.2em !important; padding:0 !important; } .top-header.ui.menu .item.p-0 { padding:0 !important; } .top-header.ui.menu .item.main-menu, .top-header.ui.menu .item.back-menu { position:absolute; z-index:5; } .top-header.ui.menu .item.main-menu {padding:19px 10px !important; left: 5px; top:5px;} .top-header.ui.menu .item.back-menu {padding:19px 0 !important; left: 50px; font-size: 1.1em !important;} .top-header.ui.menu .item.main-menu:hover, .top-header.ui.menu .item.back-menu:hover { background: none;} .top-header.ui.menu .item.title { padding:12px 0 5px !important; width:80%; margin:0 10%; display:inline-block; font-weight:bold; text-align:center; font-size: 1.5em !important; font-family: 'Helvetica Neue',Arial,Helvetica,sans-serif !important;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;} /*.top-header.ui.menu .item.title a {color:#2185d0; }*/ .top-header.ui.menu .item.title a, .top-header.ui.menu .item.title span {color: #11bab5;} .top-header.ui.menu a.sch-btn { position:absolute; display:inline-block; padding:19px 10px !important; z-index:6; font-size: 1.1em !important;right:5px;} .top-header.ui.menu a.sch-btn i { margin:0; } .top-header.ui.menu a.sch-btn:hover { background: none; } .top-header.ui.menu a.noti-btn { position:absolute; display:inline-block; padding:19px 5px !important; z-index:6;right:40px;} .top-header.ui.menu a.noti-btn i { margin:0; font-weight: bold;} .top-header.ui.menu a.noti-btn:hover { background: none; } .top-header.ui.menu .sch-pop { display:none; margin-top:5px; padding-top:10px; padding-bottom:5px; border-top:1px dotted #ddd;} .top-header.ui.menu .sch-pop .bc-4cbfba { background: #4cbfba; } .top-header.ui.menu .sch-pop .bc-4cbfba:hover { background: #3ea5a0; } .top-header.ui.menu a.home-btn { position:absolute; display:inline-block; padding:19px 10px !important; z-index:6; font-size: 1.1em !important;right:5px; top:5px;} .top-header.ui.menu a.home-btn img { width: 20px; opacity: .9; } .top-header.ui.menu a.home-btn:hover { background: none; } /* 로그인 */ .login-box { width:100%; margin:0 auto; padding-top:40px; } .login-box.pb-20 { padding-bottom:20px; } .login-box .login-logo { width:100%; text-align:center; margin-bottom:0px; text-align:center; } .login-box img { width:70%; max-width:200px; } .login-box .sns-login img { width: auto; margin: 10px 3px 0 3px; } .login-box .ui { width:80%; max-width:250px; margin:4px auto; } .login-box .ui.w100p { width:100%;} .login-box .ui.mt-10 { margin-top:10px;} .login-box .ui.mt-30 { margin-top:30px;} .login-box .ui.mb-30 { margin-bottom:30px;} .login-box .ui .w50p { width:50%;} /* .login-box .form { display:none; } */ .login-box .ui.loader { margin-top:0px; } .login-box .ui.toggle.checkbox label { padding-left:4rem; } .login-service-center { width:80%; max-width:250px; margin:20px auto; font-size:0.85em; text-align:center; } .login-service-center .ui.list .item i.ui.avatar.image { width:auto; height:auto; font-size:2em; line-height:1; vertical-align:middle; padding:0;} .login-service-center .ui.list .item .content { padding:0; font-size:0.85em; line-height:160%; font-family:'NanumBarunGothic', verdana !important; } .login-service-center .ui.list .item .content .phone-number .ui.button { padding:4px 8px !important; font-size:0.85em !important; font-weight:normal !important; margin-left:5px; } /* 회원가입 */ .signup-box { width:100%; margin:0 auto 50px; padding-top:50px; } .signup-box.border-top {border-top:5px solid #2185d0;} .signup-box .signup-logo { width:100%; margin-bottom:0px; text-align:center; } .signup-box img { width:70%; max-width:220px;} .signup-box img.max-width-110 { max-width:110px; } .signup-box img.max-width-170 { max-width:170px; } .signup-box .ui.segment, .signup-box .ui.form { width:80%; min-width:300px; max-width:400px; margin:4px auto; } .signup-box .ui.form .field.mt2em { margin:2em 0 0 0; } .signup-box .ui.form .ui.fluid.button.inblock { display:inline-block; } .signup-box .ui.form .ui.fluid.button.w70p { width:70%; } .signup-box .ui.message .header { padding-bottom:10px; font-size:1em;} .signup-box .ui.message ol.list:not(.ui) li { list-style-type: decimal; } .signup-box .ui.loader { margin-top:0px; display:none; } .search-zipcode { display:none; position:fixed; overflow:hidden; z-index:10000; -webkit-overflow-scrolling:touch; } .search-zipcode button { margin:0 !important; border-radius:0 !important; cursor:pointer; position:absolute; right:-2px; top:-2px; z-index:1; } /* 아이디/패스워드 찾기 */ .idpw-tit { padding:10px 0; border-top:5px solid #2185d0; border-bottom:1px solid #ccc; } .idpw-tit h1 { min-height:auto; margin:15px auto; font-size:1.3em; color:#000; line-height:0; } .idpw-tit a { position:absolute; left:10px; top:15px; } /* 구분자 */ /* .ui.divider { margin:4px 0; } */ .ui.divider.mt-0 { margin-top:0; } .ui.divider.mb-0 { margin-bottom:0; } .ui.divider.m-1-5rem {margin:1.5rem 0;} .ui.divider.black, .ui.divider.black:not(.vertical):not(.horizontal) { border-top: 1px solid rgba(34,36,38,1); } .ui.divider.teal-2:not(.vertical):not(.horizontal), .ui.divider.teal-2 { border-top: 2px solid #11bab5; } /* 상단 서브메뉴 */ .ui.popup.submenu a { line-height:180% !important; color:#333 !important; } .ui.link.list .item, .ui.link.list .item a:not(.ui), .ui.link.list a.item { line-height:160% !important; color:rgba(0,0,0,0.4); } .ui.link.list .item:hover, .ui.link.list .item a:not(.ui):hover, .ui.link.list a.item:hover { color:rgba(0,0,0,1.0); font-weight:bold; } /* 로딩 전 파라그래프 */ .ui.placeholder { margin:8px 12px; } .ui.placeholder .image.header .line { margin-left:6em; } .ui.placeholder .image.header:after { margin-left:6em; } /* 로딩이미지 */ .ui.centered.inline.loader.active, .ui.centered.inline.loader.visible { position:absolute; top:calc(100% / 4); left:calc((100% - 40px) / 2); z-index:10; } /* 메뉴타이틀 */ .menu-title { font-size:18px; font-weight:bold; margin-bottom:4px; } /* breadcrumb */ .ui.breadcrumb {position: absolute;; top: 0; right: 0; font-size:11px; margin:0 12px; } .ui.breadcrumb:after { clear:both; content:''; display:block; height:0; visibility:hidden; } /* numeric-spinner */ .numeric-spinner .button {margin:0; width:24px !important; height:24px !important; padding:0 !important; } .numeric-spinner.ui.input>input { width:50px !important; padding:0 !important; font-size:1.0em !important; text-align:center !important;margin:0;border-radius:unset;height:24px;-webkit-appearance: none;-moz-appearance: none;} .numeric-spinner.red .ui.circular.button { background-color:#DB2828 !important; color:#fff !important; } .numeric-spinner.red .ui.basic.button { border:1px solid #DB2828 !important; color:#DB2828 !important; box-shadow:none !important; -webkit-box-shadow:none !important; } .ui.items>.item .meta .numeric-spinner button, .ui.items>.item .meta .numeric-spinner input {margin-right: 0;} .numeric-spinner button.ml-5 {margin-left:5px;} .numeric-spinner.red input { border-color:#DB2828 !important; } .numeric-spinner .ui.left.attached.button, .numeric-spinner .ui.right.attached.button {text-align:center;box-shadow:none;} .numeric-spinner .ui.button:not(.icon)>.icon:not(.button):not(.dropdown), .numeric-spinner .ui.button:not(.icon)>.icons:not(.button):not(.dropdown) {margin:0;} .text-dark-red { color:#CF151F !important; } .border-dark-red { border-color:#CF151F !important; } .bg-dark-red { background-color:#CF151F !important; } /** * 좌측메뉴 */ .sidebar { overflow-x:hidden; } .sidebar .login-info { background:#fff; } .sidebar .login-info.field { padding:40px 0; } .ui.vertical.menu.inblock .item {display:inline-block;width:100%;} .ui.vertical.menu.inblock .menu {margin: .5em 0 0;} .ui.vertical.menu.inblock .menu .item {padding:.5em 0;width:49%; text-align:left;} .ui.vertical.menu.inblock .menu .item.w-32p {width:32%;} .ui.vertical.menu.inblock .menu .item.center {text-align:center;line-height:1.4em;} .ui.vertical.menu.inblock .menu .item.border-l {border-left:1px solid #eee;} .ui.vertical.menu.inblock .menu .item.border-r {border-right:1px solid #eee;} .ui.vertical.menu.inblock .menu .item.border-t {border-top:1px solid #eee;} .ui.vertical.menu.inblock .menu .item.border-b {border-bottom:1px solid #eee;padding-bottom:1em;} .ui.vertical.menu.inblock .menu .item.blue {color:#2185d0;} .ui.vertical.menu.inblock .menu .item.blue:hover {color:#1678c2;} .ui.vertical.menu.inblock .menu .item.pl-1em {padding:.5em 0 .5em 1em;} .ui.vertical.menu.inblock .item>i.icon {float:none;margin: .5em .5em .5em 0;font-size:1.6em;} .ui.vertical.menu.inblock .menu.sm-icon .item>i.icon {margin: 0 .1em 0 0;font-size:1.3em; vertical-align: middle;} .ui.vertical.menu.inblock .item>i.icon.block {display:block;} .ui.vertical.menu.inblock .item>i.icon.w-100p {width:100%;} .ui.vertical.menu.inblock .item>.label {float:none;margin-left:0;} .ui.vertical.menu.inblock .item>img:not(.ui):only-child {display:inline; width:17px; margin:0 .5em 0 0;} .ui.vertical.menu.inblock .item>img.vip-code:not(.ui):only-child {width: 13px;margin-left: 2px; margin-right: 9px;} .ui.vertical.menu.inblock .menu.sm-icon .item>img:not(.ui):only-child {width:15px;} .ui.vertical.menu.inblock .item.cs {width:100%;margin-top:20px;padding-bottom:40px;} .ui.vertical.menu.inblock .item.cs>.icon {float: left;line-height: 1;font-size: 2em;margin: 0 .2rem 0 0;display: block;-webkit-box-flex: 0;-ms-flex: 0 1 auto;flex: 0 1 auto;-ms-flex-item-align: middle;align-self: middle;} .ui.vertical.menu.inblock .item.cs>.icon.ui.avatar.image {height:1.6em;} .ui.vertical.menu.inblock .item.cs>.icon~.content {display: block;-webkit-box-flex: 0;-ms-flex: 0 1 auto;flex: 0 1 auto;-ms-flex-item-align: middle;align-self: middle;} .ui.vertical.menu.inblock .item.cs .content .title {font-size: 1em;font-weight: 700;} .ui.vertical.menu.inblock .item.cs .content .description {font-weight: 400;font-size: .8em;color: rgba(0,0,0,.87);margin-top: .5em;} html.ios { overflow-x:hidden; -webkit-overflow-scrolling:touch; } html.ios, html.ios body { height:initial !important; } /** * 메인 */ .ui.ui.ui.container:not(.fluid) {width:100%;min-width:auto;max-width:800px;padding-left:15px;padding-right:15px;} .ui.ui.ui.con_wrap:not(.fluid) {width:100%;min-width:auto;max-width:800px;padding-left:15px;padding-right:15px; margin-left:auto;margin-right:auto;} .con_wrap {width:100%; min-width:auto;max-width:800px; padding-left:15px;padding-right:15px; margin-left:auto;margin-right:auto;} #index h2 {margin:40px 0 20px;border-bottom: 2px solid #222;padding-bottom: 15px;} #index h2 a {border-bottom: 2px solid #4183c4;padding-bottom: 17px;color:#222;} #index h2 a:hover {color:#2185d0;} @media (max-width: 767.98px) { #index h2 {margin:30px 0 20px;font-size:1.1rem;} #index h2 a {padding-bottom: 16px;} } /* 메인 상단 주소 */ .main-address {width:100%;padding:15px 10px;background:#fff;} .main-address span {width:calc(100% - 30px);display: inline-block; vertical-align: top; word-break: keep-all;} /* 메인 롤링배너 */ .carousel-inner > .item > img, .carousel-inner > .item > a > img { display: block; max-width: 100%; height: auto; } .carousel { position: relative; } .carousel-inner { position: relative; overflow: hidden; width: 100%; } .carousel-inner > .item { display: none; position: relative; -webkit-transition: 0.6s ease-in-out left; -o-transition: 0.6s ease-in-out left; transition: 0.6s ease-in-out left; } .carousel-inner > .item > img, .carousel-inner > .item > a > img { line-height: 1; } @media all and (transform-3d), (-webkit-transform-3d) { .carousel-inner > .item { -webkit-transition: -webkit-transform 0.6s ease-in-out; -o-transition: -o-transform 0.6s ease-in-out; transition: transform 0.6s ease-in-out; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-perspective: 1000px; perspective: 1000px; } .carousel-inner > .item.next, .carousel-inner > .item.active.right { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); left: 0; } .carousel-inner > .item.prev, .carousel-inner > .item.active.left { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); left: 0; } .carousel-inner > .item.next.left, .carousel-inner > .item.prev.right, .carousel-inner > .item.active { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); left: 0; } } .carousel-inner > .active, .carousel-inner > .next, .carousel-inner > .prev { display: block; } .carousel-inner > .active { left: 0; } .carousel-inner > .next, .carousel-inner > .prev { position: absolute; top: 0; width: 100%; } .carousel-inner > .next { left: 100%; } .carousel-inner > .prev { left: -100%; } .carousel-inner > .next.left, .carousel-inner > .prev.right { left: 0; } .carousel-inner > .active.left { left: -100%; } .carousel-inner > .active.right { left: 100%; } .carousel-control { position: absolute; top: 0; left: 0; bottom: 0; width: 15%; opacity: 0.5; filter: alpha(opacity=50); font-size: 20px; color: #ffffff; text-align: center; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); background-color: rgba(0, 0, 0, 0); } .carousel-control.left { background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%); background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%); background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0.0001))); background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1); } .carousel-control.right { left: auto; right: 0; background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%); background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%); background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.0001)), to(rgba(0, 0, 0, 0.5))); background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1); } .carousel-control:hover, .carousel-control:focus { outline: 0; color: #ffffff; text-decoration: none; opacity: 0.9; filter: alpha(opacity=90); } .carousel-control .icon-prev, .carousel-control .icon-next, .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right { position: absolute; top: 50%; margin-top: -10px; z-index: 5; display: inline-block; } .carousel-control .icon-prev, .carousel-control .glyphicon-chevron-left { left: 50%; margin-left: -10px; } .carousel-control .icon-next, .carousel-control .glyphicon-chevron-right { right: 50%; margin-right: -10px; } .carousel-control .icon-prev, .carousel-control .icon-next { width: 20px; height: 20px; line-height: 1; font-family: serif; } .carousel-control .icon-prev:before { content: '\2039'; } .carousel-control .icon-next:before { content: '\203a'; } .carousel-indicators { position: absolute; bottom: 10px; left: 50%; z-index: 15; width: 60%; margin-left: -30%; padding-left: 0; list-style: none; text-align: center; } .carousel-indicators li { display: inline-block; width: 10px; height: 10px; margin: 1px; text-indent: -999px; border: 1px solid #ffffff; border-radius: 10px; cursor: pointer; background-color: #000 \9; background-color: rgba(0, 0, 0, 0); } .carousel-indicators .active { margin: 0; width: 12px; height: 12px; background-color: #ffffff; } .carousel-caption { position: absolute; left: 15%; right: 15%; bottom: 20px; z-index: 10; padding-top: 20px; padding-bottom: 20px; color: #ffffff; text-align: center; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); } .carousel-caption .btn { text-shadow: none; } @media screen and (min-width: 768px) { .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-prev, .carousel-control .icon-next { width: 30px; height: 30px; margin-top: -10px; font-size: 30px; } .carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev { margin-left: -10px; } .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next { margin-right: -10px; } .carousel-caption { left: 20%; right: 20%; padding-bottom: 30px; } .carousel-indicators { bottom: 20px; } } .sr-only { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; } #main_banner .carousel-inner .item {height:150px;} #main_banner .carousel-indicators {bottom:0;} #main_banner .carousel-indicators li {border:0;width:14px;height:14px;margin:0 1px; background: #f0f0f0;} #main_banner .carousel-indicators li.active {background:#2185d0;border: 0;} #main_banner .carousel-caption {padding-bottom:0px;top:20%;font-size:40px;left:5%;right:5%;} #main_banner .carousel-caption h1 {font-size:40px;font-weight:bold;padding-bottom:10px;text-shadow:none;} #main_banner .carousel-caption p {font-size:25px; margin:0 0 25px 0;text-shadow:none;line-height:25px;} #main_banner .carousel-caption a {display:block;border:2px solid #fff;color:#fff;text-decoration:none;width:190px;margin:0 auto;padding:5px 0;font-weight:bold;font-size:20px;} #main_banner .carousel-control {width:30px;height:30px;top:50%;border:1px solid #ccc;opacity:.5;margin-top:-20px;} #main_banner .carousel-control.left {background:url(/assets/images/offline/prev02_on.png) no-repeat center center;} #main_banner .carousel-control.right {background:url(/assets/images/offline/next02_on.png) no-repeat center center;} #main_banner .carousel-control.left:hover, #main_banner .carousel-control.right:hover {opacity:1;} @media (max-width:767.98px){ #main_banner .carousel-caption h1 {font-size:37px;} #main_banner .carousel-caption p {font-size:23px;} } @media (max-width:405px){ #main_banner .carousel-caption h1 {font-size:25px;} #main_banner .carousel-caption p {font-size:16px;line-height:18px;} #main_banner .carousel-caption a {font-size:16px;} } /* 메인 통계 */ #main_stats .carousel-inner .item {height:200px;} #main_stats .carousel-indicators {top:0;left:auto;right:20px;text-align: right;} #main_stats .carousel-indicators li {border:0;width:14px;height:14px;margin:0 1px; background: #f0f0f0;} #main_stats .carousel-indicators li.active {background:#2185d0;border: 0;} #main_stats .carousel-caption {padding-bottom:0px;top:20%;font-size:40px;left:5%;right:5%;} #main_stats .carousel-caption h1 {font-size:40px;font-weight:bold;padding-bottom:10px;text-shadow:none;} #main_stats .carousel-caption p {font-size:25px; margin:0 0 25px 0;text-shadow:none;line-height:25px;} #main_stats .carousel-caption a {display:block;border:2px solid #fff;color:#fff;text-decoration:none;width:190px;margin:0 auto;padding:5px 0;font-weight:bold;font-size:20px;} #main_stats .carousel-control {width:30px;height:30px;top:50%;border:1px solid #ccc;opacity:.5;margin-top:-20px;} #main_stats .carousel-control.left {background:url(/assets/images/offline/prev02_on.png) no-repeat center center;} #main_stats .carousel-control.right {background:url(/assets/images/offline/next02_on.png) no-repeat center center;} #main_stats .carousel-control.left:hover, #main_stats .carousel-control.right:hover {opacity:1;} @media (min-width:768px){ #main_stats .carousel-indicators {bottom: 20px;} } @media (max-width:767.98px){ #main_stats .carousel-caption h1 {font-size:37px;} #main_stats .carousel-caption p {font-size:23px;} } @media (max-width:405px){ #main_stats .carousel-caption h1 {font-size:25px;} #main_stats .carousel-caption p {font-size:16px;line-height:18px;} #main_stats .carousel-caption a {font-size:16px;} } /* 메인 링크 */ .main_links {list-style:none;padding:0;} .main_links:after {content:'';display:block;clear:both;} .main_links.mt-40 {margin-top:40px;} .main_links li {float:left; width:50%; padding:2%;} .main_links li a {display:block; color:#999;text-decoration:none;} .main_links li a img {width: 100%;} .main_links li.link01 {background: url(/assets/images/offline/main_links/link01.png?20211103) no-repeat center center;background-size:cover;} .main_links li.link02 {background: url(/assets/images/offline/main_links/link02.png?20211103) no-repeat center center;background-size:cover;} .main_links li.link03 {background: url(/assets/images/offline/main_links/link03.png?20211103) no-repeat center center;background-size:cover;} .main_links li.link04 {background: url(/assets/images/offline/main_links/link04.png?20211103) no-repeat center center;background-size:cover;} .main_links li.link05 {background: url(/assets/images/offline/main_links/link05.png?20211103) no-repeat center center;background-size:cover;} .main_links li.link06 {background: url(/assets/images/offline/main_links/link06.png?20211103) no-repeat center center;background-size:cover;} .main_links li.link07 {background: url(/assets/images/offline/main_links/link07.png?20211103) no-repeat center center;background-size:cover;} .main_links li.link08 {background: url(/assets/images/offline/main_links/link08.png?20211103) no-repeat center center;background-size:cover;} .main_links li.link09 {background: url(/assets/images/offline/main_links/link09.png?20211103) no-repeat center center;background-size:cover;} .main_links li.link10 {background: url(/assets/images/offline/main_links/link10.png?20211103) no-repeat center center;background-size:cover;} .main_links li.link11 {background: url(/assets/images/offline/main_links/link11.png?20211103) no-repeat center center;background-size:cover;} .main_links li.link12 {background: url(/assets/images/offline/main_links/link12.png?20211103) no-repeat center center;background-size:cover;} .main_links li.link01:hover {background: url(/assets/images/offline/main_links/link01on.png?20211103) no-repeat center center;background-size:cover;} .main_links li.link02:hover {background: url(/assets/images/offline/main_links/link02on.png?20211103) no-repeat center center;background-size:cover;} .main_links li.link03:hover {background: url(/assets/images/offline/main_links/link03on.png?20211103) no-repeat center center;background-size:cover;} .main_links li.link04:hover {background: url(/assets/images/offline/main_links/link04on.png?20211103) no-repeat center center;background-size:cover;} .main_links li.link05:hover {background: url(/assets/images/offline/main_links/link05on.png?20211103) no-repeat center center;background-size:cover;} .main_links li.link06:hover {background: url(/assets/images/offline/main_links/link06on.png?20211103) no-repeat center center;background-size:cover;} .main_links li.link07:hover {background: url(/assets/images/offline/main_links/link07n.png?20211103) no-repeat center center;background-size:cover;} .main_links li.link08:hover {background: url(/assets/images/offline/main_links/link08on.png?20211103) no-repeat center center;background-size:cover;} .main_links li.link09:hover {background: url(/assets/images/offline/main_links/link09on.png?20211103) no-repeat center center;background-size:cover;} .main_links li.link06.off {background: url(/assets/images/offline/main_links/link06off.png?20211103) no-repeat center center;background-size:cover;} .main_links li.link10:hover {background: url(/assets/images/offline/main_links/link10on.png) no-repeat center center;background-size:cover;} .main_links li.link11:hover {background: url(/assets/images/offline/main_links/link11on.png) no-repeat center center;background-size:cover;} .main_links li.link12:hover {background: url(/assets/images/offline/main_links/link12on.png?20211103) no-repeat center center;background-size:cover;} /* 메인 고객센터 */ .main_cs_center {background: #d2e5f3;padding: 30px 10px;} .main_cs_center .ui.list { margin: 0 auto; width: 250px;} .main_cs_center .title {font-size: 1.5em; font-weight: bolder; color: #666;} .main_cs_center .title i, .main_cs_center .ui.list>.item>i.icon:not(.loading) {font-size: 2em;vertical-align: middle;padding: 0;} .main_cs_center .ui.list>.item>.icon+.content {color: #666;} .main_cs_center .content {font-size: .85em;} /** * 서브공통 */ .ctitle .breadcrumb {background:none;} /* 상품 카테고리 */ .cate {list-style:none;margin:0 1px;padding:0;} .cate:after {content:'';display:block;clear:both;} .cate.mt-40 {margin-top:40px;} .cate li {float:left;width:calc(25%);margin:0 0 0 0px;padding:0;} .cate li:first-child {margin:0;} .cate li a {width:100%; text-align:center;display:block;padding:7px 0;color:#666;border-bottom:2px solid #eee;text-decoration:none;background:#fff;font-weight:bold;} .cate li a br {display:none;} .cate li a span {display:block;padding-top:0;font-size:0.85em;} .cate li a img {width:25px;} .cate li a:hover, .cate li a.on {color:#fff;background:#11bab5;} .cate.swiper-wrapper {margin:0;} .cate.swiper-wrapper li {width: 25%;} .cate.swiper-wrapper li:first-child a {border-top-left-radius: .28571429rem;border-bottom-left-radius: .28571429rem;} .cate.swiper-wrapper li:last-child a {border-top-right-radius: .28571429rem;border-bottom-right-radius: .28571429rem;} .cate.swiper-wrapper li a span {font-size:0.7em;} /** * 카드결제주문 */ .agency-list .ui.tiny.image, .agency-list .ui.tiny.images .image, .agency-list .ui.tiny.images img, .agency-list .ui.tiny.images svg {width: 60px;} /** * 상품목록 */ .container_goods_list { margin:0 !important;max-width:1200px;} .container_goods_list img { width:100%; } .vipmall-list .ui.selection.dropdown:first-child { min-width:8em !important; } /* 정렬 */ .vipmall-list .ui.selection.dropdown:last-child { min-width:12em !important; } /* 카테고리 */ .vipmall-list .no-goods-list { height:100px; line-height:100px; font-size:0.9em; text-align:center; } .pinto { box-sizing: border-box; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter:alpha(opacity=0); zoom:1; opacity:0; } .pinto { margin-bottom:15px; color:#333; text-align:left; border:none; border-radius:0; overflow:hidden; } .pinto img { width:100%; cursor:pointer; } .pinto img.w-13 { width:13px; } .pinto .info { padding:10px 0; background-color:none; } .pinto .info .cp-name { margin:0; font-size:0.85em; line-height:130%; height:1.5em;color:#999;} .pinto .info .cp-name a { color:#999; } .pinto .info .cp-name a:hover { color:#2185d0; } .pinto .info .goods-exdate { margin:0; font-size:0.8em; line-height:200%; height:1.5em;color:#999;} #container_goods_info .vipmall-list .pinto .info .goods-name, .vipmall-list .pinto .info .goods-name, .pinto .info .goods-name{ margin:0; font-size:.85em; line-height:130%; height:2.6em; color:#222; font-weight:bold;text-overflow:ellipsis;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-break:break-word; } .pinto .info .goods-price { margin:10px 0 0; font-size:1em;} .pinto .info .goods-price .grey.line-through { color:#999; font-size:0.8em;text-decoration:line-through;} .pinto .icon-soldout { position:absolute; top:0; left:0; margin:-1px 0 0 -2px; padding:0; width:50px; height:50px; z-index:1; } .pinto .icon-recommend { position:absolute; left:0px; top:-1px; z-index:2; width:55px; height:57px; background:url(/assets/images/tourist_no.png?20170208) no-repeat; background-position:-65px 1px; } .pinto.active { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter:alpha(opacity=100); zoom:1; opacity:1.0; animation: fadein 0.25s; -moz-animation: fadein 0.25s; /* Firefox */ -webkit-animation: fadein 0.25s; /* Safari and Chrome */ -o-animation: fadein 0.25s; /* Opera */ } @keyframes fadein { from { opacity:0; } to { opacity:1; } } @-moz-keyframes fadein { /* Firefox */ from { opacity:0; } to { opacity:1; } } @-webkit-keyframes fadein { /* Safari and Chrome */ from { opacity:0; } to { opacity:1; } } @-o-keyframes fadein { /* Opera */ from { opacity:0; } to { opacity: 1; } } @media (max-width: 767.98px) { .pinto .ui.big.label {font-size:1rem;} .pinto .ui.ribbon.label {padding-left:calc(1rem + 0.5em); padding-right:0.5em;font-size:0.72em;} .pinto .ui.ribbon.label>img {display:none;} .pinto .ui.card .image>.ribbon.label, .ui.image>.ribbon.label {top:0.5rem;} .pinto .ui.image>.ribbon.label.t-3-1rem {top:2.2rem;} .pinto .ui.cards>.card>.extra .fs085em {font-size:0.72em;} } @media (max-width: 423px) { .pinto .w-423-no {display:none;} } @media (max-width: 350px) { .ww360-clear {display: block;} } /** * VIP mall 상품상세정보 */ #container_goods_info .ui.grid>.column:not(.row), #container_goods_info .ui.grid>.row>.column {padding-right:0;} #container_goods_info .image-slide {position:relative; top:0px; left:0px; width:400px; height:400px; overflow:hidden; border:1px solid #eee;} #container_goods_info .slides {position:absolute; top:0px; left:0px; width:400px; height:400px; overflow:hidden;} #container_goods_info .slider-bullet {position:absolute;bottom:12px;right:12px;} #container_goods_info .slider-bullet .i {width:13px;height:13px;} #container_goods_info .slider-bullet .i .svg {position:absolute;top:0;left:0;width:100%;height:100%;} #container_goods_info .slider-arrow {width:35px;height:35px;top:0px;} #container_goods_info .slider-arrow.left {left:0px;} #container_goods_info .slider-arrow.right {right:0px;} #container_goods_info .slider-arrow .svg {position:absolute;top:0;left:0;width:100%;height:100%;} #container_goods_info ul.prod-sns {float:right;} #container_goods_info ul.prod-sns li {float:left;margin:0 0 0 -1px;font-size:0;line-height:0;} #container_goods_info ul.prod-sns li a, #container_goods_info ul.prod-sns li span {border:1px solid #dedede;color:#222;display:inline-block;} #container_goods_info ul.prod-sns li a:hover {background:#0e76bc;border-color:#0e76bc;} #container_goods_info ul.prod-sns li.prod-sns-facebook a {background:url(/assets/images/offline/icon_facebook_off.png) no-repeat center center;font-size:0;width:42px;height:42px;} #container_goods_info ul.prod-sns li.prod-sns-tweeter a {background:url(/assets/images/offline/icon_tweeter_off.png) no-repeat center center;font-size:0;width:42px;height:42px;} #container_goods_info ul.prod-sns li.prod-sns-insta a {background:url(/assets/images/offline/icon_insta_off.png) no-repeat center center;font-size:0;width:42px;height:42px;} #container_goods_info ul.prod-sns li.prod-sns-blog a {background:url(/assets/images/offline/icon_blog_off.png) no-repeat center center;font-size:0;width:42px;height:42px;} #container_goods_info ul.prod-sns li.prod-sns-facebook a:hover {background:#0e76bc url(/assets/images/offline/icon_facebook_on.png) no-repeat center center;font-size:0;width:42px;height:42px;} #container_goods_info ul.prod-sns li.prod-sns-tweeter a:hover {background:#0e76bc url(/assets/images/offline/icon_tweeter_on.png) no-repeat center center;font-size:0;width:42px;height:42px;} #container_goods_info ul.prod-sns li.prod-sns-insta a:hover {background:#0e76bc url(/assets/images/offline/icon_insta_on.png) no-repeat center center;font-size:0;width:42px;height:42px;} #container_goods_info ul.prod-sns li.prod-sns-blog a:hover {background:#0e76bc url(/assets/images/offline/icon_blog_on.png) no-repeat center center;font-size:0;width:42px;height:42px;} #container_goods_info .goods-info { text-align:center; } #container_goods_info .goods-info img { width:100%; max-width:780px; } #container_goods_info div.top-info h3.prod-title {font-size:1.5em;padding:20px 0 40px;margin:0;letter-spacing:-1px;border-bottom:2px solid #222;clear:both;font-weight:bold;} #container_goods_info div.top-info table.add-info01 {width:100%;border-collapse:collapse;} #container_goods_info div.top-info table.add-info01 th, #container_goods_info div.top-info table.add-info01 td {padding: 15px 0; border-bottom:1px solid #e3e3e3;} #container_goods_info div.top-info table.add-info01 th {width:80px;padding:0;text-align:left;font-weight:normal;color: #999;} #container_goods_info div.top-info table.add-info01 td {font-weight:bold;color:#222;} #container_goods_info div.top-info table.add-info01 .bpd {padding:26px 0 10px;} #container_goods_info div.top-info table.add-info01 .tpd {padding:20px 0;vertical-align:top;} #container_goods_info div.top-info table.add-info02 {width:100%;border-collapse:collapse;border-bottom:1px solid #e3e3e3;} #container_goods_info div.top-info table.add-info02 th {width:120px;padding:0;text-align:left;} #container_goods_info div.top-info table.add-info02 td {padding:30px 0;} #container_goods_info div.top-info table.add-info03 {width:100%;border-collapse:collapse;border-bottom:1px solid #e3e3e3;} #container_goods_info div.top-info table.add-info03 th {width:120px;padding:0;text-align:left;} #container_goods_info div.top-info table.add-info03 td {padding:25px 0;} #container_goods_info div.top-info span em {font-style:normal;font-family:tahoma;} #container_goods_info div.top-info span.ori {text-decoration:line-through;} #container_goods_info div.top-info span.out {font-size:1.5em;font-weight:bold;float:left;} #container_goods_info div.top-info span.rate {margin-top: 6px; margin-left:10px;color:#f54449;border:1px solid #f54449;padding:5px 10px;float:left;} #container_goods_info ul.fl-list {list-style:none;margin:0;padding:0;} #container_goods_info ul.fl-list:after {content:'';display:block;clear:both;} #container_goods_info ul.fl-list li {float:left;margin:0;padding:0;} #container_goods_info ul.icon-list li {margin:5px 0 0 0;padding:0 10px 0 0;width:33%;white-space:nowrap;} #container_goods_info ul.icon-list li .ficon {margin-right:6px;} #container_goods_info div.top-info i.ficon:before {color:#01b5ff;} /* 옵션영역 */ .opt-tbl {border-collapse:collapse;width:100%;border-bottom:1px solid #e3e3e3;table-layout:fixed;} .opt-tbl th.opt-tbl01 {width:120px;text-align:left;padding:15px 0 5px 0;} .opt-tbl td.opt-tbl01 {padding:15px 0;} .opt-tbl th.opt-tbl02 {width:120px;text-align:left;padding:0 0 15px 0;} .opt-tbl td.opt-tbl02 {padding:0 0 15px 0;} #container_goods_info .prod-top div.top-info .opt-list-wrap {position:relative;} #container_goods_info .prod-top div.top-info .opt-list-wrap .opt-sel {position:relative;display:block;border:1px solid #e3e3e3;height:45px;line-height:45px;padding:0;width:100%;padding:0 40px 0 10px;color:#999;cursor:pointer;font-size:15px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;} #container_goods_info .prod-top div.top-info .opt-list-wrap:after {position:absolute;display:block;width:43px;height:43px;right:5px;top:0;content:'';background:url(/assets/images/offline/bt_close.png) no-repeat center center;} #container_goods_info .prod-top div.top-info .opt-list-wrap .opt-list {position:absolute;background:#fff;display:none;border:1px #e3e3e3 solid;margin:0;top:45px;left:0;width:100%;padding:0;min-height:45px;overflow:hidden;z-index:20;list-style:none;} #container_goods_info .prod-top div.top-info .opt-list-wrap .opt-list li {margin:0;padding:0;max-height:250px;overflow-y:auto;} #container_goods_info .prod-top div.top-info .opt-list-wrap .opt-list li a {display:block;padding:10px;text-decoration:none;color:#222;font-size:14px;} #container_goods_info .prod-top div.top-info .opt-list-wrap .opt-list li a:hover {background-color:#efefef} /* 총금액 */ #container_goods_info .prod-top div.top-info .sumprice {text-align: right;font-weight: 600;color: #333333;font-size: 16px;border-bottom: 1px #CCCCCC solid;padding: 10px 0 5px 0;} /* 선택 옵션영역 */ #container_goods_info .prod-top div.top-info .add-tbl {margin:0;border-collapse:collapse;width:100%;table-layout:fixed;} #container_goods_info .prod-top div.top-info .add-tbl table {background-color:#ffffff;width:100%;border-top:1px solid #000000;} #container_goods_info .prod-top div.top-info .add-tbl td {padding:10px 0;border-bottom:1px solid #e3e3e3;} #container_goods_info .prod-top div.top-info .add-tbl td select {width:100%;height:20px;} /*#container_goods_info .prod-top div.top-info .add-tbl td.sel-title {white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} 잘리면 옵션이 안보이므로 ellipsis 처리 안함*/ #container_goods_info .wi-cross:before {content:"";display:block;width:15px;height:15px;background:url(/assets/images/offline/bt_close.gif) no-repeat center center;} #container_goods_info .prod-top div.top-info .add-tbl .sel-price {text-align:right;padding-right:10px;} #container_goods_info .prod-top div.top-info .add-tbl .sel-close {text-align:right;padding:5px 0;} #container_goods_info .prod-top div.top-info .add-tbl .sel-close a {display:block;font-size:10px;line-height:20px;text-decoration:none;color:#ccc;text-align:center;} #container_goods_info .sel-del {display:inline-block;vertical-align:middle;line-height:20px;margin-left:5px;} #container_goods_info .sel-minus, #container_goods_info .sel-plus, #container_goods_info .sel-cnt {width:45px;height:45px;float:left;text-align:center;border:1px solid #e3e3e3;background:#fff;color:#222;border-left:0;padding:0;} #container_goods_info .sel-minus:hover, #container_goods_info .sel-plus:hover {background:#f9f9f9;} #container_goods_info .sel-minus, #container_goods_info .sel-plus {font-size:25px;line-height:0;} #container_goods_info .sel-minus {border-left:1px solid #e3e3e3;} #container_goods_info .prod-top div.top-info .total-wrap {margin:0;padding:20px 0;border-top:2px solid #11bab5;border-bottom:none;font-weight:bold;text-align:right;} #container_goods_info .prod-top div.top-info .total-wrap .total-tit {font-size:14px;} #container_goods_info .prod-top div.top-info .total-wrap .total-tit:after {content:':';padding-left:5px;} #container_goods_info .prod-top div.top-info .total-wrap .total-price, #container_goods_info .prod-top div.top-info .total-wrap .total-won {font-size:1.5em;color:#11bab5;font-weight:bold;} #container_goods_info .prod-top div.top-info .cart-wrap {margin-top:20px;padding-bottom:20px;border-bottom:2px solid #222;} #container_goods_info .prod-top div.top-info .cart-wrap:after {content:'';display:block;clear:both;} #container_goods_info .prod-top div.top-info .cart-wrap button {padding:14px;font-size:20px;cursor:pointer;} #container_goods_info .prod-top div.top-info .cart-wrap button.btn-fav {width:45px;margin:0;padding:14px 28px;text-indent:-999em;border:1px solid #e3e3e3;background:url(/assets/images/offline/icon_fav_off.png) no-repeat center center;float:left;} #container_goods_info .prod-top div.top-info .cart-wrap button.btn-fav:hover {background:url(/assets/images/offline/icon_fav_on.png) no-repeat center center;} #container_goods_info .prod-top div.top-info .cart-wrap button.btn-cart {margin:0 0 0 5px;border:1px solid #333743;color:#fff;background:#333743;} #container_goods_info .prod-top div.top-info .cart-wrap button.btn-order {margin:0 0 0 5px;border:1px solid #0e76bc;color:#fff;background:#0e76bc;} #container_goods_info .prod-top div.top-info .cart-wrap button.btn-cart:hover {border:1px solid #262932;background:#262932;} #container_goods_info .prod-top div.top-info .cart-wrap button.btn-order:hover {border:1px solid #0d68a5;background:#0d68a5;} #container_goods_info .prod-top div.top-info .cart-wrap .cart-wrap02 {width:calc(100% - 60px);float:right;} #container_goods_info .prod-top div.top-info .cart-wrap .cart-wrap02 button {width:calc(50% - 7px);} #container_goods_info .prod-cont-div {text-align:center;} #container_goods_info .prod-cont-div img {width:100% !important;height:auto !important;max-width:100%;} #container_goods_info .tab-info {list-style:none;margin:40px 0 15px;padding:0;border-bottom:#00b5ad 2px solid;} #container_goods_info .tab-info:after {content:'';display:block;clear:both;} #container_goods_info .tab-info li {float:left;width:30%;margin:0;padding:0;} #container_goods_info .tab-info li a {text-align:center;display:block;font-size:.9em;line-height:1.5; margin-bottom:-2px; padding:8px 0 9px;color:#999;border:1px solid #e3e3e3;border-left:0;border-bottom:0;text-decoration:none;} #container_goods_info .tab-info li a br {display:none;} #container_goods_info .tab-info li a:hover {padding:8px 0 9px;background:#f2f2f2;} #container_goods_info .tab-info li:first-child a {border-left:1px solid #e3e3e3;} #container_goods_info .tab-info li a.on {color:#666;border:#00b5ad 2px solid;border-bottom:#fff 2px solid; margin-bottom:-2px; padding:8px 0;font-weight: bolder;} #container_goods_info .tab-info li a.on:hover {background:#fff;} #container_goods_info .bbs-after dl {margin-top:30px;border-bottom:1px solid #e3e3e3;cursor:pointer;} #container_goods_info .bbs-after dl dt {position:relative;} #container_goods_info .bbs-after dl dt div.write-info {position:absolute;top:0;right:0;color:#999;font-weight:normal;font-size:15px;} #container_goods_info .bbs-after dl dt div.write-info span {display:inline-block;margin-left:10px;height:50px;line-height:50px;} #container_goods_info .bbs-after dl dt div.write-info-small {display:none;} #container_goods_info .bbs-after dl dd {line-height:20px;margin-top:10px;margin-bottom:30px;max-height:40px;overflow:hidden;text-overflow:ellipsis;white-space:normal;word-wrap:break-word;text-align:left;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:16px;} #container_goods_info .bbs-after dl dd.on {max-height:initial;-webkit-line-clamp:initial;} #container_goods_info .bbs-after ul.bbs-img-list {list-style:none;height:50px;overflow:hidden;} #container_goods_info .bbs-after ul.bbs-img-list:after {content:'';display:block;clear:both;} #container_goods_info .bbs-after ul.bbs-img-list li {float:left;margin-right:5px;} #container_goods_info .bbs-after ul.bbs-img-list li img {width:50px;} #container_goods_info .bbs-after dl:last-child {border-bottom:0;} #container_goods_info .after-write {display:none;} #container_goods_info .after-write-ul {list-style:none;border-top:1px solid #e3e3e3;border-left:1px solid #e3e3e3;font-size:1rem;} #container_goods_info .after-write-ul:after {content:'';display:block;clear:both;} #container_goods_info .after-write-ul li {float:left;overflow:hidden;} #container_goods_info .after-write-ul li.write-lbl {width:15%;padding:20px 0;text-align:center;background:#f9f9f9;border-right:1px solid #e3e3e3;border-bottom:1px solid #e3e3e3;line-height:20px;} #container_goods_info .after-write-ul li.write-lbl label {margin-bottom:0;font-weight:bold;} #container_goods_info .after-write-ul li.write-txt {width:35%;padding:15px 30px;border-right:1px solid #e3e3e3;border-bottom:1px solid #e3e3e3;line-height:20px;} #container_goods_info .after-write-ul li.write-txt input {width:100%;height:30px;border:0;outline:none;} #container_goods_info .after-write-ul li.write-lbl.big {height:110px;line-height:70px;} #container_goods_info .after-write-ul li.write-txt.big {height:110px} #container_goods_info .g-recaptcha {width:100%;height:80px !important;overflow:hidden;} #container_goods_info .after-write-ul li.write-lbl.cont {height:110px;line-height:70px;} #container_goods_info .after-write-ul li.write-txt.cont {width:85%;height:110px;} #container_goods_info .after-write-ul li.write-txt.cont textarea {width:100%;height:100%;border:0;resize:none} #container_goods_info .after-write-ul .imgPreview {width:50px;height:50px;} @media (max-width:1199px) { #container_goods_info .after-write-ul li.write-lbl {width:13%;padding:20px 0;} #container_goods_info .after-write-ul li.write-txt {width:37%;padding:15px 20px;} #container_goods_info .after-write-ul li.write-txt.cont {width:87%;} } @media (max-width:993px) { #container_goods_info .after-write-ul li.write-lbl {width:20%;} #container_goods_info .after-write-ul li.write-txt {width:80%;} #container_goods_info .after-write-ul li.write-txt.cont {width:80%;} } @media (max-width:767.98px){ #container_goods_info .ui.grid>.stackable.stackable.row>.column, #container_goods_info .ui.stackable.grid>.column.grid>.column, #container_goods_info .ui.stackable.grid>.column.row>.column, #container_goods_info .ui.stackable.grid>.column:not(.row), #container_goods_info .ui.stackable.grid>.row>.column, #container_goods_info .ui.stackable.grid>.row>.wide.column, #container_goods_info .ui.stackable.grid>.wide.column {padding-left: 0 !important; padding-right: 0 !important;} #container_goods_info div.top-info h3.prod-title {font-size:1.2em; padding: 20px 0;} #container_goods_info div.top-info span.out {font-size: 1.2em;} #container_goods_info .prod-top div.top-info .total-wrap .total-price, #container_goods_info .prod-top div.top-info .total-wrap .total-won {font-size: 1.4em;} #container_goods_info .prod-top div.top-info .total-wrap {border-bottom: none;} } @media (max-width: 566px) { #container_goods_info .after-write-ul li.write-lbl {width:100%;padding:10px 0;} #container_goods_info .after-write-ul li.write-txt {width:100%;padding:10px 10px;} #container_goods_info .after-write-ul li.write-txt.cont {width:100%;} #container_goods_info .after-write-ul li.write-lbl.big {line-height:16px;height:auto;} #container_goods_info .after-write-ul li.write-lbl.cont {height:auto;line-height:16px;} } @media (max-width:330px) { #container_goods_info .after-write-ul li.write-txt.photo {height:auto;} #container_goods_info .after-write-ul li.write-txt.big {height:auto;} } #container_goods_info ul.img-field {margin:0 auto;padding:0;} #container_goods_info ul.img-field:after {content:'';display:block;clear:both;} #container_goods_info ul.img-field li {margin:0 5px 0 0;float:left;;position:relative;vertical-align:top;} #container_goods_info ul.img-field li img {background:#fff;width:50px;height:50px;} #container_goods_info ul.img-field li.ui-state-highlight {border:0;} #container_goods_info ul.img-field li.ui-sortable-helper {background:#fffa90;} #container_goods_info ul.img-field span.imgUpload {display:block;margin-top:4px;position:relative;} #container_goods_info ul.img-field strong.lbl {height:20px;line-height:20px;} #container_goods_info ul.img-field input[type=file] {display:none;} #container_goods_info ul.img-field button.imgFileBtn {padding:2px;margin:0;outline:none;background:#71737c;border:none;border-radius:5px;vertical-align:top;width:100%;font-size:13px;color:#fff} #container_goods_info ul.img-field button.imgFileBtn i {font-size:7px;color:#fff;display:inline-block;margin:3px 3px 3px 0;} #container_goods_info ul.img-field li img[src=""]:before {content:'No Image';display:inline-block;position:absolute;width:100%;vertical-align:middle;padding-top:25%;text-align:center;font-size:13px;line-height:13px;color:#999;} #container_goods_info iframe#after_iframe {display:none;} #container_goods_info div.cart-alert {display:none;} #container_goods_info div.cart-alert h5 {background:#333743;color:#fff;margin:0;padding:30px;font-size:22px;line-height:22px;position:relative;} #container_goods_info div.cart-alert .alert-img {text-align:center;padding:40px;} #container_goods_info div.cart-alert .alert-cont {position:fixed;width:320px;height:450px;top:50%;left:50%;margin:-225px 0 0 -160px;background:#fff;z-index:201;} #container_goods_info div.cart-alert .alert-txt {text-align:center;font-size:18px;line-height:25px;} #container_goods_info div.cart-alert .btn-close {border:0;outline:none;background:#333743;display:block;position:absolute;top:0;right:0;width:80px;height:80px;} #container_goods_info div.cart-alert .darkArea {background:rgba(0,0,0,.5);position:fixed;top:0;left:0;right:0;bottom:0;z-index:200;} #container_goods_info div.cart-alert .alert-btn {text-align:center;padding:40px 0;} #container_goods_info div.cart-alert .alert-btn a {display:inline-block;width:44%;padding:15px 0;text-align:center;border:1px solid #e3e3e3;background:#f9f9f9;color:#000;font-size:20px;line-height:18px;text-decoration:none;} #container_goods_info div.cart-alert .alert-btn a:last-child {background:#0e76bc;border-color:#0e76bc;color:#fff;} @media (max-width: 768px) { #container_goods_info div.top-info span.rate {margin-left:10px;} #container_goods_info div.view-top div.top-img {width:100%;float:none;overflow:hidden;margin:0 auto;} #container_goods_info div.view-top div.top-info {width:100%;float:none;margin:60px 0 0 0;} #container_goods_info a.btn-big, #container_goods_info button.btn-big {padding-left:10px;padding-right:10px;} #container_goods_info .bbs-after dl dt div.write-info {display:none;} #container_goods_info .bbs-after dl dt div.write-info-small {display:block;padding:10px 0 0 0;color:#999} } @media (max-width: 374px) { #container_goods_info div.top-info span.rate {margin:10px 0 0 0;padding:5px 10px;clear:both;} } #container_goods_info div.img-view {position:fixed;width:50%;top:10%;left:50%;margin-left:-25%;padding:10px;border:3px solid #e3e3e3;background:#fff;z-index:300;text-align:center;max-height:80%;overflow-y:scroll;} #container_goods_info div.img-view img {max-width:100%;} #container_goods_info div.img-view-wrap .darkArea {position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);z-index:299} @media (max-width:639px) { #container_goods_info div.img-view {width:320px;top:10%;left:50%;margin-left:-160px;} } #container_goods_info .bbs-none {padding:20px 0;text-align:center;border-bottom:1px solid #e3e3e3;} #container_goods_info .bbs-after .bbs-none {border-top:1px solid #e3e3e3;margin-top:20px;font-size:16px;} #container_goods_info #qna_write_wrap {display:none;} #container_goods_info #qna_write_ifr {margin:30px 0;padding:0;border:0;min-height:300px;width:100%;vertical-align:top} /* #container_goods_info #qna_write_wrap .qna-body {position:fixed;width:50%;top:10%;left:50%;margin-left:-25%;min-width:320px;padding:0px;border:3px solid #e3e3e3;background:#fff;z-index:300;text-align:center;max-height:80%;overflow-y:scroll;} #container_goods_info #qna_write_wrap .qna-body #qna_write_ifr {margin:0;padding:0;border:0;min-height:300px;width:100%;vertical-align:top} #container_goods_info #qna_write_wrap .darkArea {position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);z-index:299} @media (max-width:639px) { #container_goods_info #qna_write_wrap .qna-body {width:320px;top:10%;left:50%;margin-left:-160px;} } */ #container_goods_info .prod-list .row {margin-left:-10px;margin-right:-10px;} #container_goods_info .prod-list div.item {border:1px solid #dedede;border-bottom:1px solid #cbcbcb;margin-bottom:30px;} #container_goods_info .prod-list div.item a.prod-link {text-decoration:none;color:#333;} #container_goods_info .prod-list div.item {text-align:center;font-size:16px;} #container_goods_info .prod-list div.item div.item-img {border-bottom:1px solid #e3e3e3;position:relative;} #container_goods_info .prod-list div.item div.item-img img {width:100%;} #container_goods_info .prod-list div.item h2 {font-size:1em;margin:25px 0 0 0;padding:0 25px;width:100%;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;letter-spacing:-0.01em;} #container_goods_info .prod-list div.item div.price {font-size:.9em;margin:5px 0 20px 0;letter-spacing:-0.01em;} #container_goods_info .prod-list div.item span.price-big {font-size:1.5em;font-weight:bold;} #container_goods_info .prod-list div.item div.abtn {background:#f9f9f9;} #container_goods_info .prod-list div.item div.abtn a {width:50%;display:block;float:left;padding:17px 0;border-top:1px solid #e3e3e3;line-height:20px;text-decoration:none;color:#999999;font-size:0.9em;} #container_goods_info .prod-list div.item div.abtn a:first-child {border-right:1px solid #e3e3e3;} #container_goods_info .prod-list div.item div.abtn:after {content:'';display:block;clear:both;} #container_goods_info .prod-list div.item div.abtn i {display:inline-block;width:20px;height:20px;background:url(/assets/images/offline/icon_people.png) no-repeat center center;vertical-align:top;margin-right:5px;} #container_goods_info .prod-list div.item div.abtn i.i-heart {background-image:url(/assets/images/offline/icon_love.png);} #container_goods_info .prod-list div.item:hover {border-color:#0e76bc} #container_goods_info .prod-list div.item .add-info {display:none;position:absolute;bottom:0;width:100%;} #container_goods_info .prod-list div.item .add-info div {width:50%;display:block;float:left;line-height:0;text-decoration:none;color:#fff;font-weight:normal;background:#333743;font-size:1.2em;height:58px} #container_goods_info .prod-list div.item .add-info div.add-info01 {background:#0e76bc;padding:30px 0 25px;} #container_goods_info .prod-list div.item .add-info div.add-info02 {padding:30px 0 27px;} #container_goods_info .prod-list div.item .add-info span.disc_num {font-weight:bold;font-size:1.1em;padding-right:3px;} #container_goods_info .prod-list div.item .add-info span.disc_txt {font-size:1em;vertical-align:top;} #container_goods_info .prod-list div.item .add-info:after {content:'';display:block;clear:both;} #container_goods_info .prod-list div.item .pct-info {position:absolute;top:0;width:100%;height:100%;padding-top:45%;color:#fff; background:url(/assets/images/offline/best_bg_black.png);} #container_goods_info .prod-list div.item .pct-info span {display:block;} #container_goods_info .prod-list div.item .pct-info span:first-child {font-size:4em;font-weight:normal;line-height:0;letter-spacing:-0.1em;} #container_goods_info .prod-list div.item .pct-info span:last-child {font-size:1.4em;} #container_goods_info .prod-list div.item .pct-info hr {margin:35px auto 8px;border-top:1px solid #fff;width:50%;} #container_goods_info .prod-list div.item:hover .add-info {display:block;} #container_goods_info .prod-list div.item:hover .pct-info {display:none;} @media (min-width: 768px) { #container_goods_info .prod-list div.item .add-info div.add-info01 {padding:30px 0 26px;} } @media (max-width: 992px) {#container_goods_info .prod-list div.item {font-size:14px}} @media (min-width: 992px) { #container_goods_info .prod-list div.item .add-info div.add-info02 {padding:30px 0 28px;} } @media (max-width: 767px) { #container_goods_info .prod-list div.item .add-info div.add-info01 {padding:30px 0 26px;} #container_goods_info .prod-list .col-sm-3 {width:100%;float:none;} } #container_goods_info .no-prod {padding:20px;margin-bottom:60px;text-align:center;font-size:16px;} /* 상품상세 - Q&A */ .prod-qna .bbs-qna {font-size:1rem;} .prod-qna .qna-th {border-top:1px solid #e3e3e3;border-bottom:1px solid #e3e3e3;background:#f9f9f9;} .prod-qna .qna-td {border-bottom:1px solid #e3e3e3;} .prod-qna .bbs-qna ul:after {content:'';display:block;clear:both;} .prod-qna .bbs-qna ul li {float:left;padding:15px 0;text-align:center;} .prod-qna .bbs-qna ul.pagination li {padding:0;} .prod-qna .bbs-qna ul li.qna-num {width:8%;} .prod-qna .bbs-qna ul li.qna-subject {width:62%;} .prod-qna .bbs-qna ul li.qna-subject span.red-box {border:2px solid #f54449;color:#f54449;padding:1px 3px;font-size:13px;font-weight:bold;margin-right:6px;} .prod-qna .bbs-qna ul li.qna-writer {width:10%;} .prod-qna .bbs-qna ul li.qna-date {width:10%;} .prod-qna .bbs-qna ul li.qna-ans {width:10%;color:#f54449;} .prod-qna .bbs-qna ul li.qna-ans.has-ans {color:#0e74bc;} .prod-qna .bbs-qna ul.qna-th li.qna-ans {color:#222} .prod-qna .qna-td .qna-subject {cursor:pointer;text-align:left;} .prod-qna .qna-content {padding:0;display: none;} .prod-qna .qna-content .que {border-bottom:1px solid #e3e3e3;padding:15px 30px;background:#f9f9f9;font-size:1rem;} .prod-qna .qna-content .ans {padding:15px 30px;border-bottom:1px solid #e3e3e3;background:#f9f9f9;font-size:1rem;} .prod-qna .qna-content p {margin:0 0 0 50px;} .prod-qna .qna-content p:after {content:'';display:block;clear:both;} .prod-qna .qna-content .icon {display:inline-block;font-size:1.2rem;font-weight:bold;float:left;padding:2px 9px;} .prod-qna .qna-content .que .icon {color:#fff;background:#f54449;} .prod-qna .qna-content .ans .icon {color:#fff;background:#0e74bc;} @media (max-width:760px) { .prod-qna .bbs-qna ul li.qna-num, .prod-qna .bbs-qna ul li.qna-date {display:none;} .prod-qna .bbs-qna ul li.qna-subject {width:60%;} .prod-qna .bbs-qna ul li.qna-writer {width:20%;} .prod-qna .bbs-qna ul li.qna-ans {width:20%;} .prod-qna .qna-content .que, .prod-qna .qna-content .ans{padding:15px 20px;} } @media (max-width:330px) { .prod-qna .bbs-qna ul li.qna-subject {width:55%;} .prod-qna .bbs-qna ul li.qna-ans {width:25%;} } /* 상품상세 - Q&A - 비밀번호확인 팝업창 */ div#pass_layer {display:none;} div#pass_layer h5 {background:#333743;color:#fff;margin:0;padding:30px;font-size:22px;line-height:22px;position:relative;} div#pass_layer .login-img {text-align:center;padding:40px;} div#pass_layer .login-cont {position:fixed;width:320px;height:500px;top:50%;left:50%;margin:-250px 0 0 -160px;background:#fff;z-index:201;} div#pass_layer .login-txt {text-align:center;font-size:16px;line-height:25px;} div#pass_layer .login-txt table {width:280px;margin:0 auto;border-collapse:collapse;border-spacing:0;} div#pass_layer .login-txt table th {width:90px;padding:10px;text-align:center;line-height:30px;border:1px solid #e3e3e3;background:#f9f9f9} div#pass_layer .login-txt table td {width:190px;padding:10px;line-height:30px;border:1px solid #e3e3e3;} div#pass_layer .login-txt input[type="password"] {width:100%;height:30px;border:0;} div#pass_layer .btn-close {border:0;outline:none;background:inherit;display:block;position:absolute;top:0;right:0;width:80px;height:80px;} div#pass_layer .darkArea {background:rgba(0,0,0,.5);position:fixed;top:0;left:0;right:0;bottom:0;z-index:200;} div#pass_layer .login-btn {text-align:center;padding:40px 0;} div#pass_layer .login-btn button {display:block;width:280px;margin:0 auto;padding:15px 0;text-align:center;background:#0e76bc;color:#fff;font-size:20px;line-height:18px;text-decoration:none;border:0;outline:none;height:50px;} div#pass_layer iframe {display:none;} /* 상품상세 - Q&A - 질문작성하기 */ .qna-write-wrap {min-width:290px;display:none;} .qna-write-ul {list-style:none;border-top:1px solid #e3e3e3;border-left:1px solid #e3e3e3;font-size:1rem;} .qna-write-ul:after {content:'';display:block;clear:both;} .qna-write-ul li {float:left;overflow:hidden;} .qna-write-ul li.write-lbl {width:15%;padding:20px 0;text-align:center;background:#f9f9f9;border-right:1px solid #e3e3e3;border-bottom:1px solid #e3e3e3;line-height:20px;} .qna-write-ul li.write-lbl label {margin-bottom:0;font-weight:bold;} .qna-write-ul li.write-txt {width:35%;padding:15px 30px;border-right:1px solid #e3e3e3;border-bottom:1px solid #e3e3e3;line-height:20px;} .qna-write-ul li.write-lbl.big {height:110px;line-height:70px;} .qna-write-ul li.write-txt.big {height:110px;width:85%} .qna-write-ul li.write-txt.hori {width:65%;} .qna-write-ul li.write-txt.sec {width:20%;padding:20px 30px 19px;} .qna-write-ul li.write-txt.sec label {margin-bottom:0;line-height:1;cursor:pointer;} .qna-write-ul li.write-txt.sec input[type="checkbox"] {width:20px;height:20px;vertical-align:middle;margin-top:0} .qna-write-ul li input {width:100%;height:30px;border:0;outline:none;} .qna-write-ul li textarea {width:100%;height:100%;border:0;resize:none} .qna-write-ul .imgPreview {width:50px;height:50px;} .g-recaptcha {width:100%;height:80px !important;overflow:hidden;} /* .btn-big-wrap {padding:10px 40px;text-align:center;border:1px solid #e3e3e3;border-top:0;} */ @media (max-width:767px) { .qna-write-ul li.write-txt.hori {width:55%;} .qna-write-ul li.write-txt.sec {width:30%;} } @media (max-width:599px) { .qna-write-ul li.write-lbl {width:20%} .qna-write-ul li.write-txt {width:80%} .qna-write-ul li.write-txt.big {width:80%} .qna-write-ul li.write-txt.hori {width:50%;} .qna-write-ul li.write-txt.sec {width:30%;} } @media (max-width:480px) { .qna-write-ul li {width:100% !important;} .qna-write-ul li.write-lbl {height:62px !important;line-height:20px !important;} .qna-write-ul li.write-txt {padding:15px 10px;} .qna-write-ul li.captcha {padding:5px 0;} .qna-write-ul li.captcha .g-recaptcha {margin:10px auto;width:304px;} .btn-big-wrap button {width:40%;padding-left:0;padding-right:0;text-align:center;} } #qna_iframe {display:none;} /** * 주문하기 단계별 스탭 */ .ui.steps.row-steps {margin-top: 0;} @media (max-width: 767.98px) { .ui.steps.row-steps .step {display:block;} .ui.steps.row-steps:not(.unstackable) { display: -webkit-inline-box; display: -ms-inline-flexbox; display: horizontal; overflow: visible; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .ui.steps.row-steps:not(.unstackable) .step { width: 33.33%!important;-webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; border-radius: 0; padding: .8em .5em; border-right: 1px solid rgba(34,36,38,.15); border-bottom: none; } .ui.steps.row-steps:not(.unstackable) .step:last-child {border-right:0} .ui.steps.row-steps .step:after {width:.8em;height:.8em;} .ui.steps.row-steps:not(.unstackable) .step:after { top: 50%; bottom: unset; right: 0; -webkit-transform: translateY(-50%) translateX(50%) rotate(-45deg); transform: translateY(-50%) translateX(50%) rotate(-45deg); } .ui.steps.row-steps .step>.icon {font-size:1.2em;} .ui.steps.row-steps .step .title {font-size:.9em;} .ui.steps .disabled.step, .ui.steps .disabled.step:after {background: #f5f5f7;} .ui.steps .step.active, .ui.steps .step.active:after {background: #11bab5;} .ui.steps .step.active .title {color: #fff;} } /** * 푸터 */ .footer { display:block; border-top: 2px solid #f0f0f0; } /* 링크 */ .footer-link-wrap { margin-top:0; padding:1em 0; text-align:left; border-bottom: 2px solid #f0f0f0; font-weight:bolder; background: #fff;} .footer-link-wrap a {padding:0 1em;} .footer-link-wrap a:first-child {padding-left:0;} .footer-link-wrap a:last-child {padding-right:0;} .footer-link-wrap a:hover {color: #2185d0;} @media (max-width: 767.98px) { .footer-link-wrap {font-size:0.9em;} .footer-link-wrap a {padding:0 .4em;} } /* 푸터 */ .footer-copyrights { background:#fff; text-align:left; padding:1.5em 1em; display:table; width:100%; max-width:1200px; margin:0 auto; text-align:center; } .footer-copyrights .ui.list { padding:0 auto; text-align:left; } .footer-copyrights .ui.list .item .header, .footer-copyrights .ui.list>.item .header {padding-bottom:1em; font-size:13px;font-family: 'Nanum Square', 'Nanum Gothic', verdana !important;font-weight: 900;} .footer-copyrights .ui.list .item {font-size:12px; line-height:110%; padding:0; margin-top:0; margin-bottom:0; } .footer-copyrights .ui.list .item:last-child {padding-top:.5em; color:#999;} @media (max-width: 767.98px) { .footer-copyrights .ui.list .item .header {font-size:12px; } .footer-copyrights .ui.list .item {font-size:10px;} .footer-copyrights .ui.list .item:last-child {padding-top:.6em;} } @media (max-width: 456px) { .footer-copyrights { padding:1.5em 1em; } } /* 상단/하단 바로가기 */ .floating-btn {position:fixed;bottom:20px;width:30px;left:50%;margin-left:600px;z-index:5;display: none;} .floating-btn button {border:1px solid #ccc;outline:0;display:block;width:30px;height:30px;text-indent:-999em;margin-bottom:3px;} .floating-btn .btn-top {background:url(/assets/images/offline/btn_top_off.png) no-repeat center center;} .floating-btn .btn-top:hover {background-image:url(/assets/images/offline/btn_top_on.png);} .floating-btn .btn-bot {background:url(/assets/images/offline/btn_bott_off.png) no-repeat center center;} .floating-btn .btn-bot:hover {background-image:url(/assets/images/offline/btn_bott_on.png);} @media (max-width: 768px) {.floating-btn {left:auto;right:11px;}} @media (min-width: 768px) {.floating-btn {margin-left:390px;}} @media (min-width: 992px) {.floating-btn {margin-left:500px;}} @media (min-width: 1200px) {.floating-btn {margin-left:600px;}} /** * 결제하기 */ .order-request h3 { color:#555 !important; } .order-request .ui.table:not(#tbl_goods_list) tr td { font-size:0.9em !important; padding:4px 0 !important; } .order-request .ui.table:not(#tbl_goods_list) tr td:first-child { width:120px !important; font-size:0.9em !important; } .order-request .ui.table:not(#tbl_goods_list) tr:first-child td { padding-top:0 !important; } .order-request .ui.table:not(#tbl_goods_list) input { width:100%; max-width:350px; padding:6px 14px; } .order-request .header-recv-info { vertical-align:bottom !important; } .order-request .header-recv-info .ui.selection.dropdown { min-width:150px !important; padding:6px 14px !important; font-size:0.7em; } .order-request .header-recv-info .ui.selection.dropdown>.delete.icon, .ui.selection.dropdown>.dropdown.icon, .ui.selection.dropdown>.search.icon { top:0.55em !important; } .order-request .header-recv-info:after { clear:both; content:''; display:block; height:0; visibility:hidden; } .order-request #tbl_recv_info tr td:first-child { width:120px; font-size:0.9em; } .order-request #tbl_recv_info input { width:100%; max-width:350px; padding:6px 14px; } .order-request #tbl_recv_info button { font-size:0.9em; padding:10px 8px 9px; font-weight:normal !important; } .order-request #tbl_recv_info select { width:100%; max-width:350px; padding:6px 14px; } .order-request #tbl_recv_info .ui.selection.dropdown { min-width:200px !important; padding:8px 14px !important; } .order-request #tbl_recv_info .ui.selection.dropdown>.delete.icon, .ui.selection.dropdown>.dropdown.icon, .ui.selection.dropdown>.search.icon { top:0.55em !important; } .order-request #tbl_goods_list tr td { font-size:0.9em; } .order-request .total-goods-amount { font-size:1.3em; } .order-request .payment-method { margin-left:12px; } .order-request .payment-method li { margin-bottom:10px; font-size:0.9em; } .order-request .payment-method li .ui.selection.dropdown { min-width:100px !important; font-size:1em !important; } .order-request .payment-method li .ui.dropdown .menu>.item { font-size:1em !important; } .order-request .payment-method li .credit-installment-info { font-size:0.85em; } .order-request .payment-method li ul.p-10-0-0-25 {padding: 10px 0 0 25px;} .order-request .payment-method li ul.pl-25 {padding: 0 0 0 25px;} .order-request .payment-method li ul.regist_credit_wrap {padding: 10px 10px 0 10px;} .order-request .order-agreement {font-size:0.95em; } .order-request .order-agreement ul { margin-left:2em; width:90%; max-width:300px; } .order-request .order-agreement ul li { margin-top:8px; font-size:0.85em; } .order-request .order-agreement ul li:last-child { font-size:0.8em; line-height:150%; } .order-request .order-agreement ul li .ui.button, .order-request .order-agreement .ui.ui.ui.ui.mini.button { padding:.5em .8em; font-size:0.85em !important; } .order-request .order-agreement .accordion .title { position: absolute; top: 10px; right: 5px; } .order-request .payment-info { font-size:0.9em; } .order-request .payment-info.fs-1em {font-size:1em;} .order-request .payment-info:after { clear:both; content:''; display:block; height:0; visibility:hidden; } .order-request-list .ui.horizontal.divider { margin:25px 0 !important; } .order-request-list .ui.horizontal.divider span { font-size:1.15em; font-weight:normal; border:1px solid #ccc; border-radius:2em; margin:0 -0.9em; padding:0.6em 1em; letter-spacing:-0.5px; } .order-request-list .item .ui.image { max-width:60px !important; border:0px solid #eee !important; } .order-request-list .item .content .header, .order-request-list.ui.items>.item>.content>.header:not(.ui) { font-size:.9em !important; font-weight:normal !important; line-height:120% !important; padding-top:4px; } .order-request-list .item .content .payment-amount { font-size:1.05em !important; color:#666 !important; margin-right:10px; } .order-request-list .item .content .order-date { font-size:0.9em !important; color:#999 !important; margin-left:10px; } .order-request-list .item .content .delivery-status { font-size:1em !important; color:#999 !important; } .order-request-list .item .content .cancel-status { font-size:1em !important; color:#db2828 !important; } .order-request-list .item .content .meta.mt-06em {margin-top: .6em;} /* 약관보기 */ .view-terms { display:none; background:#fff; position:fixed; overflow-x:hidden; overflow-y:scroll; z-index:10000; -webkit-overflow-scrolling:touch; border:5px solid #2f7bb6; } .view-terms #btn_close_temrs { margin:0 !important; padding:6px !important; border-radius:0 !important; cursor:pointer; position:absolute; right:-2px; top:-2px; z-index:1; } .view-terms .contents { font-size: 0.8em; line-height:160%; margin:12px; } /* 신용카드 결제 */ .credit-payment { display:none; background:#fff; position:fixed; overflow-x:hidden; overflow-y:scroll; z-index:10000; -webkit-overflow-scrolling:touch; border:5px solid #2f7bb6; } .credit-payment #btn_close_payment { margin:0 !important; border-radius:0 !important; cursor:pointer; position:absolute; right:0px; top:0px; z-index:1; } .credit-payment .contents .field label { font-size:0.8em !important; } .credit-payment .contents .ui.selection.dropdown .menu>.item { padding-top:0.7em !important; padding-bottom:0.7em !important; } .credit-payment ul { width:236px; margin:0 auto; padding:60px 0 35px 0; } .credit-payment ul li { border:1px solid #ddd; border-radius:4px; width:36px; float:left; text-align:center; margin-right:4px; padding:12px 0; background:#fff; } .credit-payment ul li i { margin-right:0; } .credit-payment ul li:last-child { margin-right:0; } .credit-payment ul:after { clear:both; content:''; display:block; } .credit-payment .entered-password { background:#f5f5f5; } .credit-payment .entered-password ul li { border:1px solid #ddd; border-radius:4px; } .credit-payment .entered-password .description { font-size:0.8em; text-align:center; padding-bottom:10px; } .credit-payment-background { display:none; background:rgba(0,0,0,0.7); z-index:9999; width:100%; height:100vh; position:absolute; top:0; left:0; } .credit-payment::-webkit-scrollbar { display:none; width:0 !important; } .credit-payment { -ms-overflow-style:none; scrollbar-width:none; } /** * 결제결과 */ /* .order-result { width:100%; max-width:500px; margin:30px auto 50px auto; } .order-result td { font-size:0.95em; } */ .order-result .ui.button { padding-top:15px; padding-bottom:15px; } /** * 입고/반품처리 */ /* 물건 입고 상세 */ .order-view { margin-bottom:0 !important;} .order-view .ui.horizontal.divider { margin:25px 0 !important; } .order-view .ui.horizontal.divider span { font-size:1.15em; font-weight:normal; border:1px solid #ccc; border-radius:2em; margin:0 -0.9em; padding:0.6em 1em; letter-spacing:-0.5px; } .order-view .item .ui.image { max-width:60px !important; border:0px solid #eee !important; } .order-view.ui.items>.item .meta {margin-top: 0;} .order-view .item .content .header, .order-view.ui.items>.item>.content>.header:not(.ui) { font-size:1em !important; font-weight:normal !important; line-height:120% !important; padding-top:4px; } .order-view .item .content .goods-info { font-size:0.9em !important; color:#999 !important; line-height: 1.5;} .order-view .item .content .goods-name { font-size:0.9em !important; color:#333 !important; line-height: 1.3;} .order-view .item .content .payment-amount { font-size:1.05em !important; color:#666 !important; } .order-view.ui.items.box>.item .ui.image {max-width:70px !important;} /* 입고팝업 */ .pop-warehouse { display:none; background:#fff; position:fixed; top: 100px; left: 50%; margin-left: -150px; width: 300px; height: 430px; overflow-x:hidden; overflow-y:scroll; z-index:10000; -webkit-overflow-scrolling:touch; border:5px solid #2f7bb6; } .pop-warehouse .btn_close_warehouse { margin:0 !important; padding:6px !important; border-radius:0 !important; cursor:pointer; position:absolute; right:-2px; top:-2px; z-index:1; } .pop-warehouse .contents { font-size: 0.8em; line-height:160%; margin:12px; } /* 반품팝업 */ .pop-return { display:none; background:#fff; position:fixed; top: 100px; left: 50%; margin-left: -150px; width: 300px; overflow-x:hidden; overflow-y:scroll; z-index:10000; -webkit-overflow-scrolling:touch; border:5px solid #2f7bb6; } .pop-return .btn_close_return { margin:0 !important; padding:6px !important; border-radius:0 !important; cursor:pointer; position:absolute; right:-2px; top:-2px; z-index:1; } .pop-return .contents { font-size: 0.8em; line-height:160%; margin:12px; } /** * 거래내역 */ /* 거래내역 상세팝업 */ .pop-order-detail { display:none; background:#fff; position:fixed; top: 100px; left: 50%; margin-left: -150px; width: 300px; overflow-x:hidden; overflow-y:scroll; z-index:10000; -webkit-overflow-scrolling:touch; border:5px solid #2f7bb6; } .pop-order-detail .btn_close_order_detail { margin:0 !important; padding:6px !important; border-radius:0 !important; cursor:pointer; position:absolute; right:-2px; top:-2px; z-index:1; } .pop-order-detail .contents { font-size: 0.8em; line-height:160%; margin:12px; } .pop-order-detail-pop {position:fixed;top:0;right:0;width:100%;background:#fff;z-index:103;padding:13px 16px;font-weight:bold;border-bottom:1px solid rgba(34, 36, 38, 0.1);font-weight:900;color:#000;} .pop-order-detail-pop button {border:0;outline:none;float:right;padding:0;} .pop-order-detail-pop button i {margin:0;} .pop-order-detail-pop:after {clear:both;content:'';display:block;} /** * 택배요청 */ /* 택배요청 list 미리보기 팝업 */ .pop-preview { display:none; background:#fff; position:fixed; top: 100px; left: 50%; margin-left: -150px; width: 300px; overflow-x:hidden; overflow-y:scroll; z-index:10000; -webkit-overflow-scrolling:touch; border:5px solid #11bab5; } .pop-preview .btn_close_preview { margin:0 !important; padding:6px !important; border-radius:0 !important; cursor:pointer; position:absolute; right:-2px; top:-2px; z-index:1; } .pop-preview .contents { font-size: 0.8em; line-height:160%; margin:12px; } /** * VIP몰 관리 */ /* VIP코드보내기 확인팝업 */ .pop-confirm { display:none; background:#fff; position:fixed; top: 100px; left: 50%; margin-left: -150px; width: 300px; overflow-x:hidden; overflow-y:scroll; z-index:10000; -webkit-overflow-scrolling:touch; border:5px solid #2f7bb6; } .pop-confirm .btn_close_confirm { margin:0 !important; padding:6px !important; border-radius:0 !important; cursor:pointer; position:absolute; right:-2px; top:-2px; z-index:1; } .pop-confirm .contents { font-size: 0.8em; line-height:160%; margin:12px; } /* VIP코드보내기 안내팝업 */ .pop-message { display:none; background:#fff; position:fixed; top: 100px; left: 50%; margin-left: -150px; width: 300px; overflow-x:hidden; overflow-y:scroll; z-index:10000; -webkit-overflow-scrolling:touch; border:5px solid #2f7bb6; } .pop-message .btn_close_message { margin:0 !important; padding:6px !important; border-radius:0 !important; cursor:pointer; position:absolute; right:-2px; top:-2px; z-index:1; } .pop-message .contents { font-size: 0.8em; line-height:160%; margin:12px; } /** * MY PAGE - 회원정보관리 */ .my-info .ui.table td { padding:4px 0 4px 0 !important; } .my-info .ui.table.border-b {border-bottom: 1px solid rgba(34,36,38,.1);} .my-info .ui.table.middle th, .my-info .ui.table.middle td {vertical-align:middle;} .my-info .ui.table td input { font-size:1.0em; padding:7px 12px !important; } .my-info .ui.dividing.header .ui.button { padding:6px 18px !important; } .my-info .list-user-addr { margin-top:0 !important; } .my-info .list-user-addr .item { border:1px solid #ddd; border-radius:4px; padding:10px 12px 4px 16px !important; margin-top:8px !important; margin-bottom:0px !important; } .my-info .list-user-addr .item .header {font-size:1.1em !important; color:#333 !important; margin-bottom:4px !important; } .my-info .list-user-addr .item .description { margin-top:3px !important; font-size:0.9em !important; line-height:130% !important; } .my-info .list-user-addr .item .extra { margin-top:2px !important; } .my-info .list-user-addr .item .extra .ui.button { padding:8px 18px; } /* 배송지관리 */ .regist-useraddr { max-width:550px; opacity:1.0; } .regist-useraddr .ui.modal>.close {top: .2em; right: 0;} .regist-useraddr .ui.form input { font-size: .85em;} .regist-useraddr .header { width:100% !important; font-size:1.1em !important; color:#333 !important; background:#eee !important; padding:10px 14px !important; } .regist-useraddr .content { padding:14px !important; } .regist-useraddr .content .ui.table td { font-size:0.9em !important; border:none !important; padding:2px 0 !important; } .regist-useraddr .content .ui.table td:first-child { font-size:0.85em !important; font-weight:500; } /* 패스워드 변경 팝업 */ .popup-pw { max-width:550px; opacity:1.0; margin-top:100px !important; } .popup-pw .ui.modal>.close {top: .2em; right: 0;} .popup-pw .ui.form input { font-size: .85em;} .popup-pw .header { width:100% !important; font-size:1.1em !important; color:#333 !important; background:#eee !important; padding:10px 14px !important; } .popup-pw .content { padding:14px !important; } .popup-pw .content .ui.table td { font-size:0.9em !important; border:none !important; padding:2px 0 !important; } .popup-pw .content .ui.table td:first-child { font-size:0.85em !important; font-weight:500; } /* .popup-pw { display:none; background:#fff; position:fixed; top: 100px; left: 50%; margin-left: -150px; width: 300px; overflow-x:hidden; overflow-y:scroll; z-index:10000; -webkit-overflow-scrolling:touch; border:5px solid #2f7bb6; } .popup-pw .btn_close_pw { margin:0 !important; padding:6px !important; border-radius:0 !important; cursor:pointer; position:absolute; right:-2px; top:-2px; z-index:1; } .popup-pw .contents { font-size: 0.8em; line-height:160%; margin:12px; } */ @media (max-width: 991.98px) { .ui.modal>.close {top: .2em; right: 0;} } /** * MY PAGE - 주문/배송정보 */ .my-info .my-order-list { margin-bottom:50px !important; margin-left:12px !important; margin-right:12px !important; } .my-info .my-order-list .ui.horizontal.divider { margin:25px 0 !important; } .my-info .my-order-list .ui.horizontal.divider span { font-size:1.15em; font-weight:normal; border:1px solid #ccc; border-radius:2em; margin:0 -0.9em; padding:0.6em 1em; letter-spacing:-0.5px; } .my-info .my-order-list .item .ui.image { max-width:60px !important; border:0px solid #eee !important; } .my-info .my-order-list .item .content .header, .my-info .my-order-list.ui.items>.item>.content>.header:not(.ui) { font-size:1em !important; font-weight:normal !important; line-height:120% !important; padding-top:4px; } .my-info .my-order-list .item .content .payment-amount { font-size:1.05em !important; color:#666 !important; margin-right:10px; } .my-info .my-order-list .item .content .order-date { font-size:0.9em !important; color:#999 !important; margin-left:10px; } .my-info .my-order-list .item .content .delivery-status { font-size:1em !important; color:#999 !important; } .my-info .my-order-list .item .content .cancel-status { font-size:1em !important; color:#db2828 !important; } /* .my-info .my-order-list .ui.divider:last-child { display:none !important; } */ .my-info .my-order-list.ui.items.box>.item .ui.image {max-width:70px !important;} /* 찜한상품목록 */ .my-info .my-order-list .ui.checkbox {min-width: 25px;} .my-info .my-order-list .item .content .expiration-date { font-size:0.9em !important; color:#999 !important; } /* 판매자몰 */ .my-info.seller_mall h4 {line-height:1;margin:1rem 0 .7rem;word-break: keep-all;} .my-info.seller_mall .ui.items>.item>.content>.description {font-size: 0.9em !important;color: #999 !important;word-break: keep-all;} /* 하단메뉴 */ .ui.bottom.fixed.menu { font-size:0.8em; } .ui.bottom.fixed.menu .item { padding:14px 0; } /* 하단 버튼 - 장바구니담기, 바로구매하기 */ #order-buttons { z-index:1000 !important;} #order-buttons .item { font-size:1.5em; padding:16px 0; cursor:pointer; border:0;outline:none } /** * 장바구니 */ .cart-goods-list .ui.info.message {box-shadow: none;border-top: 2px solid #222;border-bottom: 2px solid #222; border-radius:0; background:none; text-align:center;padding-top:20px;padding-bottom:20px;color:#666;} .cart-goods-list .ui.info.message.teal {border-top: 2px solid #11bab5;border-bottom: 2px solid #11bab5;} .cart-goods-list .ui.info.message .total-goods-amount {font-size: 1.3em; color:#11bab5;} /* 배송조회 */ .tracking-invoice { width:90%; max-width:400px; height:600px; max-height:90vh; overflow-y:auto; overflow:-moz-scrollbars-none; -ms-overflow-style:none; } .tracking-invoice::-webkit-scrollbar, .moby::-webkit-scrollbar { width:0 !important; } .tracking-invoice .header { width:100% !important; font-size:1.1em !important; color:#333 !important; background:#eee !important; padding:10px 14px !important; } .tracking-invoice .goods-name { font-size:1em !important; font-weight:bold; line-height:120%; color:#333 !important; } .tracking-invoice .inquiry-datetime { width:100%; text-align:right; font-size:0.7em !important; padding-right:4px; } .tracking-invoice .ui.table th, .tracking-invoice .ui.table td { font-size:0.7em !important; padding:5px 7px !important; } .tracking-invoice .ui.table.order-info td:first-child { font-weight:bold; background:#f9fafb; } .tracking-invoice .ui.table.tracking-list th:last-child, .tracking-invoice .ui.table.tracking-list td:last-child { text-align:center; } .tracking-invoice .close { color:#666 !important; top:0.25rem !important; right:0.5rem !important; } /* 주문상세정보 */ /* .my-order-info .ui.table tr:first-child td { border-top:1px solid rgba(34,36,38,.1) !important; } */ /* .my-order-info .ui.table tr:last-child td { border-bottom:1px solid rgba(34,36,38,.1) !important; } .my-order-info .ui.table td { font-size:0.9em !important; padding:7px 0 7px 14px !important; } .my-order-info .ui.table td:first-child { background:#f9fafb; } .my-order-info .ui.dividing.header .ui.button { padding:6px 18px !important; } .my-order-info .order-goods-list .item .ui.image { max-width:80px !important; border:0px solid #eee !important; } .my-order-info .order-goods-list .item .content .header { font-size:1.0em !important; font-weight:normal !important; line-height:120% !important; padding-top:4px; } .my-order-info .order-goods-list .item .content .goods-qty { font-size:0.9em !important; color:#666 !important; margin-right:10px; } .my-order-info .order-goods-list .item .content .payment-amount { font-size:0.9em !important; color:#666 !important; margin-left:10px; } .my-order-info .order-goods-list .item .content .order-date { font-size:0.9em !important; color:#999 !important; margin-left:10px; } .my-order-info .order-goods-list .item .content .delivery-status { font-size:0.9em !important; color:#999 !important; } .my-order-info .order-goods-list .item .content .cancel-status { font-size:0.9em !important; color:#db2828 !important; } .my-order-info .order-goods-list .item .content .invoice-no { font-size:0.75em !important; color:#999; } .my-order-info .order-goods-list .ui.divider:last-child { display:none !important; } .modify-recvaddr { max-width:550px; opacity:1.0; } .modify-recvaddr .ui.form input { padding:5px 14px !important; } .modify-recvaddr .header { width:100% !important; font-size:1.1em !important; color:#333 !important; background:#eee !important; padding:10px 14px !important; } .modify-recvaddr .content { padding:14px !important; } .modify-recvaddr .content .ui.table td { font-size:0.9em !important; border:none !important; padding:2px 0 !important; } .modify-recvaddr .content .ui.table td:first-child { font-size:0.85em !important; font-weight:500; } */ /** * MY PAGE - 정산내역 */ .vip-settlement .info-settlement { max-width:700px; font-size:0.9em !important; margin-left:12px !important; margin-right:12px !important; } .vip-settlement .info-vip { max-width:700px; font-size:0.8em !important; margin:20px 12px 50px 12px !important; } .vip-settlement .info-settlement td:first-child, .vip-settlement .info-vip td:first-child { width:100px; } .vip-settlement .ui.form .inline.fields .field.search-month-button:before { clear:both; content:''; display:block; margin-bottom:4px; } .vip-settlement .ui.form .inline.fields .field.search-month-button { padding-left:34px; } /** * MY PAGE - 알림 */ /* .ui.accordion .title { font-size:0.9em !important; line-height:130% !important; padding-left:4px !important; } .ui.accordion .title .send-date { color:#888; font-size:0.8em; margin-top:4px; margin-left:20px; } .ui.accordion .content { background:#f7f7f7; font-size:0.9em !important; margin-left:-12px !important; margin-right:-12px !important; padding:8px 20px !important; } .ui.accordion .no-data { font-size:0.85em; line-height:100px; text-align:center; } .btn-more { display:none; margin-top:8px; margin-bottom:10px; padding:10px 12px; text-align:center !important; } .btn-more .ui.button { max-width:600px !important; padding:12px 0 !important; margin:0 auto !important; background:#f7f7f7 !important; } .changed-push-setting { max-width:270px !important; } .changed-push-setting .header { font-size:1.1em; font-weight:700; margin-bottom:14px; } .changed-push-setting .changed-date { font-size:0.75em; color:#999; margin-bottom:10px; } .changed-push-setting .result-msg { font-size:0.85em; color:#333; } */ /** * MY PAGE - 신용카드 */ /* 신용카드목록 */ .list-credit .no-data { font-size:0.85em; height:120px; padding-top:50px; text-align:center; } /* 신용카드정보 등록 */ .regist-credit { display:none; background:#fff; position:fixed; overflow-x:hidden; overflow-y:scroll; z-index:10000; -webkit-overflow-scrolling:touch; border:5px solid #2f7bb6; } .regist-credit .contents .field label { font-size:0.8em !important; } .regist-credit .contents .ui.selection.dropdown .menu>.item { padding-top:0.7em !important; padding-bottom:0.7em !important; } .regist-credit .contents .ui.form .field .dropdown { font-size:1em !important; } .regist-credit .contents .ui.form .field .dropdown .menu>.item { font-size:1em !important; } .regist-credit .description { font-size:0.7em; padding-left:20px; padding-right:10px; text-indent:-9px; } .regist-credit .description p { line-height:130%; margin-bottom:4px !important; } .regist-credit .description p:last-child { margin-bottom:0 !important; } .regist-credit::-webkit-scrollbar { display:none; width:0 !important; } .regist-credit { -ms-overflow-style:none; scrollbar-width:none; } /** * 고객센터 - 자주묻는질문 */ .faq.ui.accordion .title {font-size:1.1em !important;} .faq.ui.accordion .title:before {content: 'Q';color:#2185d0;margin-right:0;padding-left:10px;font-weight:900;font-size:1.3em;vertical-align:top;} .faq.ui.accordion .title:not(.ui) {padding:.78571429em 0;border-top:1px solid rgba(34,36,38,.1);} .faq.ui.accordion .title:first-child {padding-top:0;border-top:0;} .faq.ui.accordion .title>span {width:calc(100% - 63px);display:inline-block;padding-left: 10px;} .faq.ui.accordion .content {font-size:1em !important;background:#f7f7f7;} .faq.ui.accordion .content:before {content: 'A';position:absolute;color:#db2828;font-weight:900;font-size:1.5em;margin-top:17px;padding-left:10px;} .faq.ui.accordion .content p {padding-left:40px;padding-top:.78571429em;padding-bottom:.78571429em;line-height:1.8;} .ui.accordion .accordion .title~.content:not(.active), .ui.accordion .title~.content:not(.active) {display: none !important;} @media (max-width: 767.98px) { .review h3 {font-size:1em;margin:0;} .review .user-name {position:relative;display:block;margin-top:.5em;width:100%;top:0;right:0;font-size:.9em;} .review .no-mobile {display: none;} .review h4.ui.header {font-size:1rem;} .review .ui p, .review .ui.header+p {font-size:.9em;} } @media (max-width: 405px) { .review .ui.tiny.images>.img-con .image, .review .ui.tiny.images>.img-con img {width:55px; height:55px;} } /** * media query */ /* @media only screen and (max-width: 767.98px) { .ui.table.nomobile:not(.unstackable)>thead { display: table-header-group !important; } .ui.table.nomobile:not(.unstackable)>tbody { display: table-row-group !important; } .ui.table.nomobile:not(.unstackable)>tbody>tr, .ui.table.nomobile:not(.unstackable)>tfoot>tr, .ui.table.nomobile:not(.unstackable)>thead>tr, .ui.table.nomobile:not(.unstackable)>tr { display: table-row !important; } .ui.table.nomobile:not(.unstackable)>tbody>tr>td, .ui.table.nomobile:not(.unstackable)>tbody>tr>th, .ui.table.nomobile:not(.unstackable)>tfoot>tr>td, .ui.table.nomobile:not(.unstackable)>tfoot>tr>th, .ui.table.nomobile:not(.unstackable)>thead>tr>td, .ui.table.nomobile:not(.unstackable)>thead>tr>th, .ui.table.nomobile:not(.unstackable)>tr>td, .ui.table.nomobile:not(.unstackable)>tr>th { display: table-cell !important; } } */ .media-320 { display:none; } @media all and (max-width: 320px) { .mobile-only { display:block !important; } .computer-only { display:none !important; } .media-320 { display:block; } .ui.dropdown { font-size:0.9em !important; } .ui.dropdown .menu .item, .ui.dropdown .menu .selected.item, .ui.dropdown.selected { font-size:0.9em !important; } /* pagination */ .pagination a { font-size:0.8em; } /* 푸터 */ .footer-service-center .phone-number { font-size:1em; } /* 메뉴타이틀 */ .menu-title { font-size:16px; } /* breadcrumb */ .ui.breadcrumb { font-size:9px; } /* 모바일 상단검색 */ /* .top-header.mobile-only .right.menu.icon-only { display:block; } .top-header.mobile-only .right.menu.include-input { display:none; } */ /* cacao plus */ .mobile-only.cacao-plus-989 { display:none !important; } .mobile-only.cacao-plus-480 { display:block !important; } /* VIP mall 정렬/카테고리 */ .vipmall-list .ui.breadcrumb:after { clear:both; content:''; display:block; height:0; visibility:hidden; margin-bottom:8px; } .vipmall-list .ui.dropdown, .vipmall-list .ui.dropdown .text, .vipmall-list .ui.dropdown .menu .item { font-size:0.9em !important; } .vipmall-list .ui.selection.dropdown:first-child { min-width:8em !important; } /* 정렬 */ .vipmall-list .ui.selection.dropdown:last-child { min-width:12em !important; } /* 카테고리 */ /* VIP mall 상품상세보기 */ #container_goods_info .seven.wide.column { padding-left:0 !important; } #container_goods_info .goods-name { font-size:1.2em; } #container_goods_info .goods-price { font-size:1.0em; } #container_goods_info .goods-price .vip-price { font-size:1.2em; } #container_goods_info .goods-price .vip-price .unit { font-size:0.9em; } #container_goods_info .order-amount .ui.segment { font-size:1.0em; } #container_goods_info .order-amount .ui.segment.goods-amount { font-size:1.2em; } #container_goods_info .order-goods-list .item .order-goods-name { font-size:0.9em; } /* #container_goods_info .order-goods-list .item .order-goods-amount { font-size:0.9em; } */ /* #container_goods_info .order-goods-list .item .unit { font-size:0.9em; } */ #container_goods_info .nind.wide.column { } #container_goods_info .ui.divider { margin-left:-14px; margin-right:-14px; } #container_goods_info .goods-info-tab-menu .item { font-size:0.95em; } /* 장바구니 */ /* .cart-goods-list .table thead th { font-size:0.9em; } .cart-goods-list .goods-name { font-size:0.9em; margin-top:0px; } .cart-goods-list .goods-price { font-size:0.9em; } .cart-goods-list .goods-amount { font-size:1.05em; margin-top:12px; } .cart-goods-list .ui.info.message div { font-size:0.9em; } .cart-goods-list .ui.info.message div .total-goods-amount { font-size:1.2em; } */ #order-buttons div { font-size:1.2em !important; } .cart-goods-list .ui.horizontal.divider { margin:25px 0 !important; } .cart-goods-list .ui.horizontal.divider span { font-size:0.95em; border-radius:2em; margin:0 -1.1em; } .cart-goods-list .item .ui.image { max-width:70px !important; } .cart-goods-list .item .content .header { font-size:0.9em !important; } .cart-goods-list .item .content .payment-amount { font-size:0.8em !important; } .cart-goods-list .item .content .order-date { font-size:0.75em !important; } .cart-goods-list .item .content .delivery-status { font-size:0.8em !important; } .cart-goods-list .item .content .cancel-status { font-size:0.8em !important; } /* 결제하기 */ .order-request .ui.table:not(#tbl_goods_list) tr td { font-size:0.9em !important; padding:4px 0 !important; } .order-request .ui.table:not(#tbl_goods_list) tr td:first-child { width:80px !important; font-size:0.85em !important; } .order-request .ui.table:not(#tbl_goods_list) tr:first-child td { padding-top:0 !important; } .order-request .ui.dividing.header { font-size:1.0em !important; } .order-request .ui.dividing.header .button { padding:6px 16px; margin-top:-6px; } .order-request #tbl_goods_list td { font-size:0.9em !important; } .order-request #tbl_goods_list td .ui.image { max-width:70px !important; } .order-request #tbl_goods_list td .goods-name { font-size:1.0em !important; line-height:130% !important; margin-bottom:4px; } .order-request .ui.selection.dropdown { font-size:0.85em !important; } .order-request .ui.selection.dropdown>.delete.icon, .ui.selection.dropdown>.dropdown.icon, .ui.selection.dropdown>.search.icon { top:0.4em !important; } .order-request .payment-method li .ui.dropdown .menu>.item { padding:8px !important; } .order-request .payment-method li .credit-installment-info { margin-left:24px; } .order-request .payment-method li .credit-installment-info:before { content:'\A'; } .order-request .order-agreement { font-size:0.9em; } .order-request .order-agreement ul li { font-size:0.85em; } .order-request .order-agreement ul li:last-child { font-size:0.8em; } .order-request .order-agreement ul li .ui.button { font-size:0.9em !important; } .order-request .payment-info { font-size:0.9em; } /* 결제결과 */ /* .order-result td { font-size:0.88em; } */ /* MY PAGE - 회원정보관리 */ .my-info .ui.table td { font-size:0.85em; } .my-info .ui.dividing.header { font-size:1.0em !important; } .my-info .ui.dividing.header .button { padding:6px 16px; margin-top:-6px; } .my-info .ui.large.button { font-size:1.2em !important; } .my-info .list-user-addr .item .header { font-size:0.95em !important; } .my-info .list-user-addr .item .header .ui.label { font-size:0.8em !important; } .my-info .list-user-addr .item .description { font-size:0.82em !important; } .my-info .list-user-addr .item .extra .ui.button { font-size:0.8em !important; padding:6px 16px; } /* MY PAGE - 주문/배송정보 */ .my-info .my-order-list .ui.horizontal.divider { margin:25px 0 !important; } .my-info .my-order-list .ui.horizontal.divider span { font-size:0.95em; border-radius:2em; margin:0 -1.1em; } .my-info .my-order-list .item .content .header { font-size:0.9em !important; } .my-info .my-order-list .item .content .payment-amount { font-size:0.8em !important; } .my-info .my-order-list .item .content .order-date { font-size:0.75em !important; } .my-info .my-order-list .item .content .delivery-status { font-size:0.8em !important; } .my-info .my-order-list .item .content .cancel-status { font-size:0.8em !important; } /* MY PAGE - 주문상세정보 */ .my-order-info .ui.dividing.header { font-size:1.0em !important; } .my-order-info .ui.dividing.header .button { padding:6px 16px; margin-top:-6px; } .my-order-info .ui.table td { font-size:0.8em !important; line-height:130% !important; } .my-order-info .ui.table colgroup col:first-child { width:80px; } .my-order-info .order-goods-list .item .ui.image { max-width:70px !important; } .my-order-info .order-goods-list .item .content { font-size:0.9em !important; line-height:130%; } .my-order-info .order-goods-list .item .content .header { font-size:0.9em !important; } .my-order-info .order-goods-list .item .content .goods-qty { font-size:0.85em !important; } .my-order-info .order-goods-list .item .content .payment-amount { font-size:0.85em !important; } .my-order-info .order-goods-list .item .content .order-date { font-size:0.85em !important; } .my-order-info .order-goods-list .item .content .delivery-status { font-size:0.85em !important; } .my-order-info .order-goods-list .item .content .cancel-status { font-size:0.85em !important; } .my-order-info .order-goods-list .item .content .invoice-no { font-size:0.75em !important; } .my-order-info .order-goods-list .item .content .invoice-no:before { content:'\A'; white-space:pre; } .my-order-info .order-goods-list .ui.divider:last-child { display:none !important; } /* MY PAGE - 주문상세정보 - 배송지변경 */ .modify-recvaddr { max-width:550px; opacity:1.0; } .modify-recvaddr .ui.form input { padding:5px 14px !important; } .modify-recvaddr .header { font-size:1.1em !important; } .modify-recvaddr .content { padding:14px !important; } .modify-recvaddr .content .ui.table td { font-size:0.85em !important; } .modify-recvaddr .content .ui.table td:first-child { font-size:0.8em !important; } .modify-recvaddr .content .ui.table colgroup col:first-child { width:60px; } /* MY PAGE - 알림 */ /* .ui.accordion .title { font-size:0.82em !important; } .ui.accordion .content { font-size:0.82em !important; } */ } @media all and (min-width: 321px) and (max-width: 480px) { .mobile-only { display:block !important; } .computer-only { display:none !important; } .media-320 { display:none; } /* pagination */ .pagination a { font-size:0.85em; } /* 푸터 */ .footer-service-center .phone-number { font-size:1em; } /* 메뉴타이틀 */ .menu-title { font-size:18px; } /* breadcrumb */ .ui.breadcrumb { font-size:10px; } /* cacao plus */ .mobile-only.cacao-plus-989 { display:none !important; } .mobile-only.cacao-plus-480 { display:block !important; } /* VIP mall 정렬/카테고리 */ .vipmall-list .ui.breadcrumb:after { clear:both; content:''; display:block; height:0; visibility:hidden; margin-bottom:8px; } .vipmall-list .ui.dropdown, .vipmall-list .ui.dropdown .text, .vipmall-list .ui.dropdown .menu .item { font-size:0.9em !important; } .vipmall-list .ui.selection.dropdown:first-child { min-width:8em !important; } /* 정렬 */ .vipmall-list .ui.selection.dropdown:last-child { min-width:13em !important; } /* 카테고리 */ /* VIP mall 상품상세보기 */ #container_goods_info .seven.wide.column { padding-left:0 !important; } #container_goods_info .goods-name { font-size:1.2em; } #container_goods_info .goods-price { font-size:1.0em; } #container_goods_info .goods-price .vip-price { font-size:1.2em; } #container_goods_info .goods-price .vip-price .unit { font-size:0.9em; } #container_goods_info .order-amount .ui.segment { font-size:1.0em; } #container_goods_info .order-amount .ui.segment.goods-amount { font-size:1.2em; } #container_goods_info .order-goods-list .item .order-goods-name { font-size:0.95em; } /* #container_goods_info .order-goods-list .item .order-goods-amount { font-size:0.95em; } */ /* #container_goods_info .order-goods-list .item .unit { font-size:0.95em; } */ #container_goods_info .nind.wide.column { } #container_goods_info .ui.divider { margin-left:-14px; margin-right:-14px; } #container_goods_info .goods-info-tab-menu .item { font-size:0.95em; } /* 장바구니 */ /* .cart-goods-list .table thead th { font-size:0.9em; } .cart-goods-list .goods-name { font-size:0.9em; margin-top:0px; } .cart-goods-list .goods-price { font-size:0.9em; } .cart-goods-list .goods-amount { font-size:1.05em; margin-top:12px; } .cart-goods-list .ui.info.message div { font-size:0.9em; } .cart-goods-list .ui.info.message div .total-goods-amount { font-size:1.2em; } */ .cart-goods-list .ui.horizontal.divider { margin:25px 0 !important; } .cart-goods-list .ui.horizontal.divider span { font-size:0.95em; border-radius:2em; margin:0 -1.1em; } .cart-goods-list .item .ui.image { max-width:80px !important; } .cart-goods-list .item .content .header { font-size:1.0em !important; } .cart-goods-list .item .content .payment-amount { font-size:0.85em !important; } .cart-goods-list .item .content .order-date { font-size:0.8em !important; } .cart-goods-list .item .content .delivery-status { font-size:0.85em !important; } .cart-goods-list .item .content .cancel-status { font-size:0.85em !important; } /* 결제하기 */ .order-request #tbl_order_info tr td:first-child { width:80px; } .order-request #tbl_recv_info tr td:first-child { width:80px; } .order-request .ui.dividing.header { font-size:1.1em !important; } .order-request .ui.dividing.header .button { padding:6px 16px; margin-top:-6px; } .order-request .payment-method li .credit-installment-info { margin-left:24px; } .order-request .payment-method li .credit-installment-info:before { content:'\A'; } /* MY PAGE - 회원정보관리 */ .my-info .ui.table td { font-size:0.85em; } .my-info .ui.dividing.header { font-size:1.1em !important; } .my-info .ui.dividing.header .button { padding:6px 16px; margin-top:-6px; } .my-info .ui.large.button { font-size:1.2em !important; } .my-info .list-user-addr .item .header { font-size:0.95em !important; } .my-info .list-user-addr .item .header .ui.label { font-size:0.8em !important; } .my-info .list-user-addr .item .description { font-size:0.82em !important; } .my-info .list-user-addr .item .extra .ui.button { font-size:0.8em !important; padding:6px 16px; } /* MY PAGE - 주문/배송정보 */ .my-info .my-order-list .ui.horizontal.divider { margin:25px 0 !important; } .my-info .my-order-list .ui.horizontal.divider span { font-size:0.95em; border-radius:2em; margin:0 -1.1em; } .my-info .my-order-list .item .content .header { font-size:1.0em !important; } .my-info .my-order-list .item .content .payment-amount { font-size:0.85em !important; } .my-info .my-order-list .item .content .order-date { font-size:0.8em !important; } .my-info .my-order-list .item .content .delivery-status { font-size:0.85em !important; } .my-info .my-order-list .item .content .cancel-status { font-size:0.85em !important; } /* MY PAGE - 주문상세정보 */ .my-order-info .ui.dividing.header { font-size:1.1em !important; } .my-order-info .ui.dividing.header .button { padding:6px 16px; margin-top:-6px; } .my-order-info .ui.table td { font-size:0.85em !important; line-height:130% !important; } .my-order-info .ui.table colgroup col:first-child { width:90px; } .my-order-info .order-goods-list .item .ui.image { max-width:80px !important; } .my-order-info .order-goods-list .item .content { font-size:0.9em !important; line-height:130%; } .my-order-info .order-goods-list .item .content .header { font-size:0.9em !important; } .my-order-info .order-goods-list .item .content .goods-qty { font-size:0.85em !important; } .my-order-info .order-goods-list .item .content .payment-amount { font-size:0.85em !important; } .my-order-info .order-goods-list .item .content .order-date { font-size:0.85em !important; } .my-order-info .order-goods-list .item .content .delivery-status { font-size:0.85em !important; } .my-order-info .order-goods-list .item .content .cancel-status { font-size:0.85em !important; } .my-order-info .order-goods-list .item .content .invoice-no { font-size:0.75em !important; } .my-order-info .order-goods-list .item .content .invoice-no:before { content:'\A'; white-space:pre; } .my-order-info .order-goods-list .ui.divider:last-child { display:none !important; } /* MY PAGE - 주문상세정보 - 배송지변경 */ .modify-recvaddr { max-width:550px; opacity:1.0; } .modify-recvaddr .ui.form input { padding:5px 14px !important; } .modify-recvaddr .header { font-size:1.1em !important; } .modify-recvaddr .content { padding:14px !important; } .modify-recvaddr .content .ui.table td { font-size:0.85em !important; } .modify-recvaddr .content .ui.table td:first-child { font-size:0.8em !important; } .modify-recvaddr .content .ui.table colgroup col:first-child { width:60px; } /* MY PAGE - 알림 */ /* .ui.accordion .title { font-size:0.82em !important; } .ui.accordion .content { font-size:0.82em !important; } */ } @media all and (min-width: 481px) and (max-width: 989.98px) { .mobile-only { display:block !important; } .computer-only { display:none !important; } .media-320 { display:none; } /* pagination */ .pagination a { font-size:0.9em; } /* 메뉴타이틀 */ .menu-title { font-size:18px; } /* breadcrumb */ .ui.breadcrumb { font-size:10px; } /* 모바일 상단검색 */ /* .top-header.mobile-only .right.menu.icon-only { display:none; } .top-header.mobile-only .right.menu.include-input { display:block; } */ /* cacao plus */ .mobile-only.cacao-plus-989 { display:block !important; } .mobile-only.cacao-plus-480 { display:none !important; } /* VIP mall 정렬/카테고리 */ .vipmall-list .ui.selection.dropdown:first-child { min-width:9em !important; } /* 정렬 */ .vipmall-list .ui.selection.dropdown:last-child { min-width:14em !important; } /* 카테고리 */ /* VIP mall 상품상세보기 */ #container_goods_info .seven.wide.column { padding-left:0 !important; } #container_goods_info .nind.wide.column { } #container_goods_info .ui.divider { margin-left:-14px; margin-right:-14px; } /* 장바구니 */ /* .cart-goods-list .table thead th { font-size:0.9em; } .cart-goods-list .goods-name { font-size:0.9em; margin-top:0px; } .cart-goods-list .goods-price { font-size:0.9em; } .cart-goods-list .goods-amount { font-size:1.05em; margin-top:12px; } .cart-goods-list .ui.info.message div { font-size:0.9em; } .cart-goods-list .ui.info.message div .total-goods-amount { font-size:1.2em; } */ .cart-goods-list .ui.horizontal.divider { margin:25px 0 !important; } .cart-goods-list .ui.horizontal.divider span { font-size:1em; border-radius:2em; margin:0 -1.1em; } .cart-goods-list .item .ui.image { max-width:80px !important; } .cart-goods-list .item .content .header { font-size:1.08em !important; } .cart-goods-list .item .content .payment-amount { font-size:0.95em !important; } .cart-goods-list .item .content .order-date { font-size:0.85em !important; } .cart-goods-list .item .content .delivery-status { font-size:0.95em !important; } .cart-goods-list .item .content .cancel-status { font-size:0.95em !important; } /* 결제하기 */ .order-request #tbl_order_info tr td:first-child { width:90px; } .order-request #tbl_recv_info tr td:first-child { width:90px; } .order-request .ui.dividing.header { font-size:1.1em !important; } .order-request .ui.dividing.header .button { padding:6px 16px; margin-top:-6px; } /* MY PAGE - 회원정보관리 */ .my-info .ui.table td { font-size:0.9em; } .my-info .ui.dividing.header { font-size:1.1em !important; } .my-info .ui.dividing.header .button { padding:6px 16px; margin-top:-6px; } .my-info .ui.large.button { font-size:1.2em !important; } .my-info .list-user-addr .item .header { font-size:0.95em !important; } .my-info .list-user-addr .item .header .ui.label { font-size:0.8em !important; } .my-info .list-user-addr .item .description { font-size:0.82em !important; } .my-info .list-user-addr .item .extra .ui.button { font-size:0.8em !important; padding:6px 16px; } /* MY PAGE - 주문/배송정보 */ .my-info .my-order-list .ui.horizontal.divider { margin:25px 0 !important; } .my-info .my-order-list .ui.horizontal.divider span { font-size:1em; border-radius:2em; margin:0 -1.1em; } .my-info .my-order-list .item .content .header { font-size:1.08em !important; } .my-info .my-order-list .item .content .payment-amount { font-size:0.95em !important; } .my-info .my-order-list .item .content .order-date { font-size:0.85em !important; } .my-info .my-order-list .item .content .delivery-status { font-size:0.95em !important; } .my-info .my-order-list .item .content .cancel-status { font-size:0.95em !important; } /* MY PAGE - 주문상세정보 */ .my-order-info .ui.dividing.header { font-size:1.1em !important; } .my-order-info .ui.dividing.header .button { padding:6px 16px; margin-top:-6px; } .my-order-info .ui.table td { font-size:0.85em !important; line-height:130% !important; } .my-order-info .ui.table colgroup col:first-child { width:90px; } .my-order-info .order-goods-list .item .ui.image { max-width:80px !important; } .my-order-info .order-goods-list .item .content { font-size:0.9em !important; line-height:130%; } .my-order-info .order-goods-list .item .content .header { font-size:0.9em !important; } .my-order-info .order-goods-list .item .content .goods-qty { font-size:0.85em !important; } .my-order-info .order-goods-list .item .content .payment-amount { font-size:0.85em !important; } .my-order-info .order-goods-list .item .content .order-date { font-size:0.85em !important; } .my-order-info .order-goods-list .item .content .delivery-status { font-size:0.85em !important; } .my-order-info .order-goods-list .item .content .cancel-status { font-size:0.85em !important; } .my-order-info .order-goods-list .item .content .invoice-no { font-size:0.75em !important; } .my-order-info .order-goods-list .item .content .invoice-no:before { content:'\A'; white-space:pre; } .my-order-info .order-goods-list .ui.divider:last-child { display:none !important; } /* MY PAGE - 주문상세정보 - 배송지변경 */ .modify-recvaddr { max-width:550px; opacity:1.0; } .modify-recvaddr .ui.form input { padding:5px 14px !important; } .modify-recvaddr .header { font-size:1.1em !important; } .modify-recvaddr .content { padding:14px !important; } .modify-recvaddr .content .ui.table td { font-size:0.85em !important; } .modify-recvaddr .content .ui.table td:first-child { font-size:0.8em !important; } .modify-recvaddr .content .ui.table colgroup col:first-child { width:60px; } /* MY PAGE - 알림 */ /* .ui.accordion .title { font-size:0.85em !important; } .ui.accordion .content { font-size:0.85em !important; } */ } @media all and (min-width: 1200px) { .ui.ui.ui.container:not(.fluid) {width:100%;min-width:900px;max-width:1200px;} } @media all and (min-width: 990px) { .mobile-only { display:none !important; } .computer-only { display:block !important; } .media-320 { display:none; } .pusher { padding-top:0 !important; } .ui.visible.left.sidebar ~ .pusher {-webkit-transform:none !important;transform:none !important;} .ui.visible.left.overlay.sidebar {-webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0);z-index:999;} /* .ui.visible.left.sidebar ~ .fixed, .ui.visible.left.sidebar ~ .pusher {-webkit-transform:translate3d(260px, 0, 0);transform:translate3d(260px, 0, 0);} */ /* .ui.visible.left.sidebar ~ .fixed, .ui.visible.left.sidebar ~ .pusher { -webkit-transform: translate3d(0px, 0, 0) !important; transform: translate3d(0px, 0, 0) !important; } */ /* dropdown */ .ui.selection.dropdown { min-width:8em; min-height:2em; padding-top:0.8em; padding-bottom:0.8em; } .ui.selection.dropdown .icon { padding-top:1em !important; padding-bottom:1em !important; } .ui.selection.dropdown>.delete.icon, .ui.selection.dropdown>.dropdown.icon, .ui.selection.dropdown>.search.icon { top:0.6em; } /* 본문 가로 */ /* .top-header { margin:0 auto; } .ui.ui.ui.container:not(.fluid) {width:100%;min-width:900px;max-width:1200px;padding-left:15px;padding-right:15px;} .ui.ui.ui.con_wrap:not(.fluid) {width:100%; min-width:900px;max-width:1200px;padding-left:15px;padding-right:15px; margin-left:auto;margin-right:auto;} .con_wrap {width:100%; min-width:900px;max-width:1200px; padding-left:15px;padding-right:15px; margin-left:auto;margin-right:auto;} */ /* 상단메뉴 */ .header-logo { padding-left:12px; } .header-logo img { width:200px; height:38px; } .ui.secondary.menu .item { letter-spacing:2px; padding:11px 20px; } .ui.vertical.menu { height:100% !important; max-height:100%; width:260px !important; box-shadow:none !important; } /* 본문 */ /* .ui.visible.left.sidebar~.fixed, .ui.visible.left.sidebar~.pusher { width:100%; margin:0 auto; padding:0 12px; transform:none; -webkit-transform:none; } */ .pusher.dimmed { z-index:100; } .full.height { height:calc(100vh - 0em); } /* 메뉴타이틀 */ .menu-title { font-size:24px; margin:1.5em 0; } /* VIP mall 정렬/카테고리 */ .vipmall-list .ui.selection.dropdown:first-child { min-width:9em !important; } /* 정렬 */ .vipmall-list .ui.selection.dropdown:last-child { min-width:14em !important; } /* 카테고리 */ /* VIP mall 상품상세보기 */ #container_goods_info .nine.wide.column { padding-left:15px !important; } #container_goods_info .goods-name { font-size:2.2em; } #container_goods_info .goods-info-tab-menu { margin-left:12px !important; margin-right:12px !important; } #container_goods_info .order-amount .ui.segment { font-size:1.2em; } /* MY PAGE - 알림 */ /* .ui.accordion .content { margin-left:0px !important; margin-right:0px !important; padding:8px 20px !important; } */ /* MY PAGE - 배송조회 */ .my-order-list .ui.vertical.menu {margin-top:0;} } @media all and (max-width: 989.98px) { /* body {margin-top:49px;} */ .mobile-mt--85 {margin-top: 85px;} .ui.ui.ui.con_wrap:not(.fluid) {width:100%; padding-left: 0; padding-right: 0;} .con_wrap {width:100%; padding-left: 15px; padding-right: 15px;} } @media all and (max-width: 340px) { /* .con_wrap {width:calc(100% - 15px);box-sizing:border-box;} */ } /* 거래내역 - 캘린더 */ .clear-after:after {display:block;clear:both;content:''} .cal-head:after {display:block;clear:both;content:''} ul.cal-head, ul.cal-wrap {list-style:none;padding:0;margin:0;} ul.cal-head, ul.cal-wrap {padding:0;margin:0;} ul.cal-head li {background:#efefef;padding:8px 0;text-align:center;font-weight:bold;font-size:.92857143rem;width:14.2857%;border:1px solid #e1e1e1;float:left;border-left:0;} ul.cal-head li:first-child {border-left:1px solid #e1e1e1;} ul.cal-wrap:after {content:'';display:block;clear:both;} ul.cal-wrap li {width:14.2857%;border:1px solid #e1e1e1;float:left;border-left:0;border-top:0;font-size:.92857143rem;height:68px;} ul.cal-wrap li:nth-child(7n+1) {border-left:1px solid #e1e1e1;} ul.cal-wrap li.cal-item span {display:inline;} ul.cal-wrap li.cal-item span.cal-day {display:block;text-align:center;padding-top:7px;padding-bottom:7px;font-size:.86em;} .cal-sun {color:#db2828;} .cal-sat {color:#2185d0;} ul.cal-wrap .cal-data {padding:7px 5px;line-height:20px;background:#efefef;color:blue;font-weight: bolder;text-align:center;} ul.cal-wrap .cal-data.cal-none {color:#666} ul.cal-wrap .cal-data.cal-minus {color:#db2828;} ul.cal-wrap .expect {color:#db2828;line-height:20px;} ul.cal-wrap .complete {color:#2185d0;;line-height:20px;} .order-list { display:block; } .order-list .ui.divider { margin:0; } .order-list .ui.divider:first-child { margin-top:4px; } .order-list .item.detail-list {border-bottom:1px dashed #dededf;padding-bottom:5px;} .order-list .trading-date { font-size:1em; margin-top:4px; } .order-list .text-goods-amount { font-size:1em; color:#666; } .order-list .ui.items .item { padding-left:12px; padding-right:12px; margin:8px 0; } .order-list .ui.items .item .content .description { margin-top:4px; font-size:1em; } .order-list .ui.items .item .content .description div:first-child { width:calc(100% - 90px); } .order-list .description:after { clear:both; content:''; display:block; } .blue-gradient {color:#fff !important;background:linear-gradient(180deg, #a2b4cc, #2185d0, #92bcf5 85%) !important;border:0 !important;text-shadow:1px 1px 4px #2e2d38 !important} .red-gradient {color: #fff !important;background: linear-gradient(180deg, #ffa15d 10%, #fe5c17 50%, #fd601d 90%) !important;border: 0 !important;text-shadow: 1px 1px 4px #2e2d38 !important} .gray-gradient {color: #fff !important;background: linear-gradient(180deg, #d0d0d0 10%, #929292 50%, #d0d0d0 90%) !important;border: 0 !important;text-shadow: 1px 1px 4px #2e2d38 !important} .ui.button.gray-btn-grad {background: radial-gradient(#d0d0d0, #929292);color: #fff;text-shadow: 1px 1px 3px #000;box-shadow:1px 1px rgba(202,202,202,.5) inset;} .div-cate {display:flex;flex-wrap:wrap;border-top:1px solid #eee;} .div-cate a {display: block;position:relative;height: 37px;line-height: 37px;width: 33.33%;margin: 0 0 0 0;text-align: left;color: #333;font-size: .857em;text-indent: 10px;border-bottom:1px solid #eee;border-left:1px solid #eee;letter-spacing:-1px;} .div-cate a:after {content:'';position:absolute;top:50%;right:5px;width:6px;height:6px;margin-top:-4px;border-right:1px solid;border-bottom:1px solid;border-color:#bababa;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)} .div-cate a:nth-child(3n+1) {border-left:0} .div-cate a.on {color: #fff;background: #11bab5;} .div-cate a.on:after {border-color:#fff;}