/*
 *  MEMO : 怨듯넻 �ㅽ��� �뚯씪�낅땲��.
 * �묒꽦�� : 誘쇱�
 * �묒꽦�� : 2021/03/29.
*/

/* css 珥덇린�� */



*{-webkit-tap-highlight-color:rgba(0,0,0,0)}
*:focus{outline:none;-webkit-touch-callout:none; -webkit-user-select:none;-webkit-tap-highlight-color:rgba(0, 0, 0, 0);}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,textarea,button {margin:0;padding:0}
fieldset,img {border:0 none}
dl,ul,ol,menu,li {list-style:none; -webkit-tap-highlight-color:transparent;}
input,select,textarea,button {font-size:100%;vertical-align:middle}
button {border:0 none;background-color:transparent;cursor:pointer;outline:none;}
table {border-collapse:collapse;border-spacing:0;width: 100%;text-align: left; font-weight: normal; }
body {-webkit-text-size-adjust:none; background:#F7F3FD} /* 酉고몴�� 蹂��섏떆 �고듃�ш린 �먮룞�뺣� 諛⑹� */
html{-webkit-touch-callout:none; -webkit-user-select:none; -webkit-tap-highlight-color:rgba(0, 0, 0, 0);-webkit-text-size-adjust:antialiased; -moz-osx-font-sommthing:grayscale;}
a{outline: 0;color:inherit;text-decoration:none; border:none; -webkit-tap-highlight-color:transparent;}
a.inherit{color:inherit;}
a:active, a:hover {text-decoration:none}
a[href^=tel] {text-decoration:inherit;color: inherit;}
input:focus,select:focus,textarea:focus{outline: none;}
input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-internal-autofill-selected {background: #fff !important; -webkit-box-shadow: 0 0 0 1000px white inset;}
ul>li>a{width: 100%;display: block;height: 100%;}

/* �� �대옒�� */
.trigger{cursor: pointer;}
.row{overflow: hidden;}
.clearfix{display: block; content: ''; clear: both;}
.middle{vertical-align: middle;}
.w_100{width:100%;}
.img_block{width: 100%; display: block;}
.inline_block{display: inline-block;}
.relative{position: relative;}
.hide_text{text-indent: 100%; white-space: nowrap; overflow: hidden;}
.txt_overflow{text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.txt_overflow2{overflow: hidden;text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.label{margin: 30px 0 10px;}
pre{font-family: 'font-r';font-size: 12px;color:#999}
/* layout */
.wrap{position: relative;overflow-x:hidden}
.mt0{margin-top: 0!important}
.mt5{margin-top: 5px}
.mt10{margin-top: 10px}
.mt15{margin-top: 16px}
.mt20{margin-top: 20px!important;}
.mt30{margin-top: 30px}
.mt40{margin-top: 40px}
.mb10{margin-bottom: 10px;}
.mb20{margin-bottom: 20px;}
.mb30{margin-bottom: 30px;}
.mb40{margin-bottom: 40px;}

/* font */
.fs_12{font-size: 12px;}
.fs_14{font-size: 14px;}
.fs_16{font-size: 16px;}
.fs_18{font-size: 18px;}
.fs_20{font-size: 20px;}
.font_gray_f{color: #fff;}
.font_gray_3{color: #333;}
.font_gray_6{color: #666;}
.font_gray_9{color: #999;}
.font_gray_0{color: #000;}

/* �뺣젹 */
.f_left{float: left;}
.f_right{float: right;}
.txt_right{text-align: right;}
.txt_center{text-align: center;}
.txt_left{text-align: left;}
.clearboth{clear:both;}
.clearfix{display: inline-block;}
.clearfix:after{content: "";display: table;clear: both;}

/* modal 怨듯넻 �덉씠�꾩썐 */
.modal{background: #F7F3FD; overflow: auto; position: fixed; width:calc(100% - 100px); height:auto; z-index: 1000; top:50%; left: 50%; transform: translate(-50%, -50%); display: none; }
.modal .md_container{position: relative; margin: 50px auto 0; padding:20px; box-sizing: border-box;}
.md_overlay{position: fixed; width: 100%; height: 100%; top:0; left:0; background: rgba(0,0,0,.3); opacity: 0; visibility: hidden; z-index: 200}
.modal_terms{width:100%; height:100%;}

/* scroll */
::-webkit-scrollbar {width:4px; height:0px; background: #999; border-radius:30px; padding:5px;}
::-webkit-scrollbar-button:start:decrement, ::-webkit-scrollbar-button:end:increment {display: block; height:0px;}
::-webkit-scrollbar-track {background:#eee; -webkit-border-radius:30px; border-radius:30px; }
::-webkit-scrollbar-thumb {height:20px; width:6px; background:#ccc; -webkit-border-radius:30px; border-radius:30px; }
::-webkit-scrollbar-thumb:hover{background:#c8c8c8;}
::-webkit-scrollbar-thumb:active{background:#a5a5a5;}
::-webkit-scrollbar-thumb:horizontal{background:#ff0;}


/* edit */
#edit blockquote{padding:5px 20px !important; margin: 0 0 20px 0; border-left: 5px solid #eee; font-size: 17px;}
#edit pre{display: block; padding: 9.5px!important; margin: 0 0 10px; font-size: 13px; line-height: 1.42857143; color: #333; word-break: break-all; word-wrap: break-word; background-color: #f5f5f5; border: 1px solid #ccc; border-radius: 4px;}
#edit span{color:inherit;font-size: inherit}
#edit a, #edit b{color:inherit; font-size: inherit;}
#edit h1{color:inherit;font-family: inherit; font-weight: inherit;}
#edit h2, #edit h3, #edit h4, #edit h5, #edit h6{color:inherit;font-family: inherit; font-weight: inherit;}
#edit body, #edit div, #edit dl, #edit dt, #edit dd, #edit ul, #edit ol, #edit li, #edit h1, #edit h2, #edit h3, #edit h4, #edit h5, #edit h6, #edit pre, #edit code,
#edit form, #edit fieldset, #edit legend, #edit textarea, #edit p, #edit blockquote, #edit th, #edit td, #edit input, #edit select, #edit textarea, #edit button{padding:revert;}
#edit dl, #edit ul, #edit ol, #edit menu, #edit li{list-style: revert;}
.table-bordered > thead > tr > th, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > td{border:1px solid #ddd; vertical-align: middle;}
#edit .table > thead > tr > th, #edit .table > tbody > tr > th,
#edit .table > tfoot > tr > th, #edit .table > thead > tr > td, #edit .table > tbody > tr > td, #edit .table > tfoot > tr > td{padding: 8px 12px;line-height: 1.5;}
#edit iframe, #edit img{max-width: 100% !important; }
#edit iframe{width: 100% !important; height:100%; position: absolute; top: 0; left: 0;}
#edit .iframe_wrap{position: relative; padding-bottom: 56.25%; /* 16:9 */ height: 0;}
#edit ul {list-style:none; padding-left:0px;}




body *  {
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
input, textarea {
    -moz-user-select: auto !important;
    -webkit-user-select: auto !important;
    -ms-user-select: auto !important;
    user-select: auto !important;
}

#floating_btm div {display: flex; flex-direction: column; margin-right: 5rem;}
#floating_btm div a {width: 150px;
    height: 40px;
    background-color: #7256B2FF;
    font-size: 1rem;
    border-radius: 20px;
    color: white;
    display: flex;
    justify-content: center;
    align-items: center;
    text-decoration: none;}

@media screen and (max-width: 500px) {
    #floating_btm div {
        margin-right: 20px;
    }
    #floating_btm div a {
        width: 120px;
        font-size: 0.8rem;
    }
}