@charset "utf-8";
@import url(font.css);

@font-face {
    font-family: 'Glyphicons Halflings';
    src: url(/vendors/bootstrap/dist/fonts/glyphicons-halflings-regular.eot);
    src: url(/vendors/bootstrap/dist/fonts/glyphicons-halflings-regular.eot?#iefix) format('embedded-opentype'), url(/vendors/bootstrap/dist/fonts/glyphicons-halflings-regular.woff2) format('woff2'), url(/vendors/bootstrap/dist/fonts/glyphicons-halflings-regular.woff) format('woff'), url(/vendors/bootstrap/dist/fonts/glyphicons-halflings-regular.ttf) format('truetype'), url(/vendors/bootstrap/dist/fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular) format('svg')
}
/*리뉴얼전임시 강제 css*/
.renewal-before-modal{text-align: center !important;}
/*리뉴얼전임시 강제 css*/

.goods-detail-wrap #detailSubImgList .img-list{display: none !important;;}

.button-off,
input.styled-checkbox.off:checked + label:before{background: #cdd6de !important;;}

.dis-none{display: none;}

/*버튼 비활성화*/
.button-off{background: #cdd6de !important;;}


*{  /* 전체선택자 */
    margin:0;
    padding:0;
}
html,body{
    width:100%;
    height:100%;
}
html{
    /* ************************************************************
        종류:overflow(가로,세로)/overflow-x(가로)/overflow-y(세로)
        표현방식:auto/scroll/hidden
        ************************************************************ */
    /* 작품별 거래가 차트 scroll top 기능 막음
    overflow-y:scroll; !* 문서전체에 세로 스크롤바자국 항상 표시 *!
    overflow-x:hidden; !* 문서전체에 가로 스크롤바자국 항상 숨김 *!*/
}
/*select-box 화살표 사라지는 오류 수정1.10*/
.fordesign{
    position: relative;
    width: 150px;
    height: 40px;
    float:left;
    background: url(/images/fo/select-down.webp) 130px center no-repeat;
}
select.select-lists{
    position: absolute;
    top: 0;
    left: 0;
    width: 150px;
    height: 40px;
    padding: 10px;
    color: #212529;
    font-size: 14px;
    border: 1px solid #dddddf;
    border-radius: 5px;
    background: transparent;
    background: -webkit-linear-gradient(transparent, transparent);
    -webkit-appearance: none;
}

.tooltip-text{
    position: absolute;
    padding: 10px;
    background: #f1f3f5;
    border: 1px solid #e9ecef;
    border-radius: 3px;
    -webkit-box-shadow: 0 3px 9px rgb(52 58 64 / 6%);
    box-shadow: 0 3px 9px rgb(52 58 64 / 6%);
    color: #868e96;
    font-size: 12px;
    font-weight: 300 !important;
    text-align: left;
    margin-right: 5px;
}

/*select오류 1.10*/
.product-sorting select{
    -webkit-border-radius:0;
    -webkit-appearance:none;
}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section{
    display:block;
    /*시맨틱태그를 지원하지 않은 브라우저
    -> 인식하지 못하는 태그를 인라인으로 인식하기때문에 강제로 블럭으로 설정함*/
}
li{list-style:none;}   /*목록에 점 없애기 */
a{
    text-decoration:none;
    color: #212529;
}  /* 하이퍼링크 밑줄없앰 */

a:hover {
    text-decoration: none;
}

a:link {
    outline: none;
}

textarea{
    background:rgb(247, 247, 247);
    border:1px solid rgb(211, 211, 211);
    outline: none;
    resize: none;
}

body,input,textarea{
    font-size:16px;
    font-weight:300; /* IE8 이하버전 대응 */
    font-family: 'Pretendard', 'Roboto','Malgun Gothic', sans-serif;
    color: #212529;
    letter-spacing: -0.55px !important;
}

img{
    vertical-align:top;
    font-size:0;
    border:0; /* 이미지 링크시 기본적으로 나타나는 테두리 제거 */
}
table{border-collapse:collapse;} /* 칸사이의 기본 여백 제거 및 중첩 테두리 상쇄 효과 */
input,select{vertical-align:middle;} /*세로정렬 가운데 */

.clear:after{    /* 자식이 모두 float 을 사용할때 부모가 높이를 갖게하기 위함 */
    content:"";
    display:block;
    clear:both;
    *zoom:1;  /* IE8 이하버전 대응 */
}
.indent{     /* 글자 안보이게 밀어놓기 */
    display:block;
    text-indent:-9999px;
}
.hidden{display:none;}

html {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

*, *:before, *:after {
    -webkit-box-sizing: inherit;
    box-sizing: inherit;
}


fieldset{outline:none;border:none;}

/*글씨컬러클래스명 추가 -reset */
.maincolor{color: #001639;}
.blue{color: #5A8DFC;}
.red{color: #f75467;}
.yellow{color: #FFD26C;}
.pink{color: #f75467;}
.sky{color:#4386f9;}
.gray{color: #868e96;}
.dred{color : #FD0D1B;}

/*글씨컬러클래스명 추가*/
.orange{color: #f17519;}
.invest-color{color: #38C1CE;}

.w-notice{font-size: 14px; text-align: right; margin-top: 15px; font-weight: 500;}

::placeholder{
    font-size:12px;
    color:rgb(201, 201, 201);
}

.message{
    display:inline-block;
    padding:5px;
    font-size:12px;
}
.message_text{text-align: left; display:block;font-size: 14px; font-weight: 400;padding: 5px 0 5px 5px; color:#868e96; text-indent: -5px;}
.black{color:#212529; font-weight: 600;}
span.error-message{font-size:14px; padding-left: 3px; text-align: left; width: 100%; display: inline-block; line-height: 18px;}
p.shipping_fee{font-size:14px; text-align: center; padding: 10px 0; font-weight: 400; color:  #E85555; }

button,a,input[type="submit"]{cursor: pointer;}

.none{display:none !important;}

.close-btn{cursor: pointer;}

.submit-btn{
    background:#001639;
    color:#fff;
    border:none;
    font-size:16px;
    font-weight:600;
    letter-spacing: -0.72px;
    max-width: 500px;
    width:100%;
    height: 60px;
    margin-bottom:40px;
    border-radius: 5px;
}
.submit-btn.emailBtns{margin-bottom: 10px;}
.submit-btn.emailBtns.kakao{background: #FEE500; color: #212529;}
.confirm-btn{
    display:inline-block;
    max-width:250px;
    width: 100%;
    height:50px;
    background:#001639;
    color:#fff;
    font-weight: 400;
    font-size:15px;
    line-height: 50px;
    margin-top:30px;
    border-radius: 5px;
}


.phone-confirm{
    display:inline-block;
    max-width: 400px;
    width: 100%;
    height:40px;
    background:#4bb7e2;
    color:#fff;
    text-align: center;
    font-weight:500;
    line-height: 40px;
    letter-spacing: 3px;
    margin-top:20px;
    font-size:14px;
}



input[type="text"],
input[type="password"],
input[type="submit"],
input[type="number"],
input[type="email"],
input[type="tel"]{
    max-width: 380px;
    height: 50px;
    border-radius: 5px;
    width: 100%;
    text-indent: 4px;
    /*맥에서input 라인 안보이는 부분 */
    border: 1px solid #e9ecef;
}
input[name=email]::placeholder,
input[name=pswrd]::placeholder{font-size:16px;}

input[name=search]::placeholder,
input[name=searchWord]::placeholder,
input[name=title]::placeholder,
input[name=cntnt]::placeholder{font-size:16px;}
input::placeholder{font-size: 16px !important;}



select{border:1px solid #ccc; border-radius:0; font-family: 'Pretendard';}

.modal {
    -webkit-overflow-scrolling: touch;
}

.modal .close-x-btn{
    position: absolute;
    top: 15px;
    right: 15px;
    width: 22px;
    height: 22px;
}

.blocker {z-index: 100 !important;}
/* //////////////////체크박스///////////////// */


.styled-checkbox {
    position: absolute;
    opacity: 0;
}
.styled-checkbox + label{
    position: relative;
    cursor: pointer;
    color:#212529;
    font-size: 16px;
    padding:0;
    font-weight: 400;
}
.styled-checkbox + label:before {
    content: '';
    margin-right: 6px;
    display: inline-block;
    vertical-align: bottom;
    width: 20px;
    height: 20px;
    background: white;
    border: 1px solid #adb5bd;
    border-radius: 4px !important;
}

.styled-checkbox:checked + label:before {
    background: #4bb7e2;
    border:1px solid #fff;
}

.styled-checkbox:checked + label:after {
    content: '';
    position: absolute;
    left:0;
    top:0;
    background:url(/images/fo/svg/chk_box_check.svg)no-repeat;
    width:20px;
    height:20px;
    background-size:100%;
}

/*탭 화살표*/
.que .arrow-top {display: none;}
.que .arrow-bottom {display: block;}
.que.on .arrow-bottom {display: none;}
.que.on .arrow-top {display: block;}
.que .que-in{display: inline-block;}

/* //////////////////nav&footer///////////////// */
span.line_m{display: none;}

h1#logo a{
    display: block;
    width: 50px;
}
h1#logo a img{
    width: 100%;
    padding-top: 5px;
    text-align: center;
}

h1#logo-M{display: none;}

.bg_box{   /*서브배경박스*/
    display:none;
    width:100%;
    height:200px;
    background:#fff;
    position: absolute;
    z-index: -1;
    border-bottom: 1px solid #e9ecef;
}

/*common-css*/
.right{float: right;}
.left{float:left;}
i.fa-solid{padding: 0 3px; font-size: 12px;}
.certification{background:#cdd6de !important;}
.certification span.toss,
.certification a{color: #868e96 !important;}
.certification span.iconimg img{filter: grayscale(80%);}

/*footer*/
footer{width:100%; background:#383840; color:#CDD6DE; padding-top: 75px !important;}
#footer .footer-in{max-width:1200px; width: 100%; margin:0 auto;}
#footer .footer-nav li{float:left;padding-right:30px; line-height: 28px;}
#footer .footer-nav li:last-child{padding-right: 0;}
#footer .footer-nav li a{color:#fff; font-weight: 400;}
#footer .footer-nav li a.blue{color: #548DFC !important;}
#footer .footer-nav li a:hover{opacity: 0.7;}
#footer .footer-nav i.fa-solid{transform: rotate( 135deg );}
#footer .footer-sns li:first-child{margin: 0 5px 0 0;}
#footer .footer-in .footer-sns{margin-top: 30px;}
#footer  .footer-address{padding: 3% 0; padding-top: 5% !important;}
#footer  .footer-address p{font-weight:300; font-size: 14px; line-height: 24px;}
#footer  .footer-address p span{padding: 0 15px;}
#footer  .footer-address p span.number{font-family: 'Malgun Gothic', sans-serif !important; padding: 0 !important;}
#footer .footer-bottom{background: #303136; padding: 70px 0;}
#footer .footer-bottom h1{font-size: 14px; color: #fff; font-weight: 400; margin-bottom: 15px; }
#footer .footer-bottom ul li{line-height: 22px; font-size: 13px;  font-weight: 200;}
#footer .footer-bottom .bottom{margin-top: 80px;}
#footer .footer-bottom .bottom .left{font-size: 14px;}
#footer .footer-bottom .bottom .left>span{margin-bottom: 15px; display: inline-block;}
#footer .footer-sns li{float:left;text-align: center;vertical-align: center;margin:0 5px;}
#footer .footer-sns li:hover{opacity: 0.6;}

.top-btn{
    border: 1px solid #fff;
    position: fixed;
    bottom:30px;
    right:25px;
    cursor: pointer;
    border-radius: 50%;
    background: #fff;
    width: 30px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 100;
    box-shadow: 0 3px 9px rgba(0, 0, 0, 0.06);
}
.top-btn i{
    color: #545969;
}

/*ios-로그인버튼 오류수정2.7*/
input{
    -webkit-border-radius:0;
    -webkit-appearance: none;
    outline: none;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type='radio'] {
    appearance: none;
    background-color: #2f2f2f;
    width: 10px !important;
    height: 10px !important;
    border-radius: 50%;
    opacity: 30%;
    margin: 10px;
    border: none;
    display: none;
}

.login-submit input.submit-btn{
    -webkit-border-radius:0;
    -webkit-appearance:none;
}

/*공통 모양*/
/*동그란레이아웃*/
.content-inner{
    width: 48%;
    height: 180px;
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 1px 2px 0 rgba(0,0,0,0.16);
    position: relative;
    padding-top: 10px;
}
/*현재상태*/
.content-inner p.content-state{
    width: 65px;
    height: 20px;
    background: #4bb7e2;
    color: #fff;
    line-height: 20px;
    text-align: center;
    font-weight: 400;
    font-size: 14px;
}
/*안에 내용 박스*/
.content-inner .inner-in{
    width: 100%;
    height: 115px;
    padding: 15px;
}
/*이미지 품고있는 박스 사이즈*/
.content-inner .inner-in .inner-img{
    width: 90px;
    height: 90px;
    float: left;
    margin-right: 15px;
    overflow: hidden;
}
.content-inner .inner-in .inner-img img{width: 100%;}
/*안에 내용*/
.content-inner .inner-in .inner-text{}

/*버튼두개*/
.content-inner .content-btn{
    width: 100%;
    height: 35px;
    line-height: 35px;
    text-align: center;
    position: absolute;
    bottom: 0;
}
.content-inner .content-btn a{
    display: block;
    font-size: 15px;
    font-weight: 400;
    letter-spacing: 1.5px;
}
.content-inner .content-btn .content-btn-L{
    border-radius: 0 0 0 10px;
    width: 50%;
    height: 35px;
    float: left;
    border:2px solid #4bb7e2;
}
.content-inner .content-btn .content-btn-R{
    border-radius: 0 0 10px 0;
    width: 50%;
    height: 35px;
    float: right;
    background: #4bb7e2;
}

/*텍스트컬러는 변경가능*/
.content-inner .content-btn .content-btn-L a{color: #4bb7e2;}
.content-inner .content-btn .content-btn-R a{color: #fff;}
/*-------------------------------------*/

/*로그인 +말풍선 추가*/
.chatbox1{display:block;}
.chatbox2{display:none;}
div.wraps{text-align: center; width:70px; z-index: 100; margin-top: 5px;  font-weight:500; top: 66px;  font-size:12px; position: absolute; left: -6px; background:#e7e7e7; border-radius:10px; padding:3px 8px;}
div.wraps:before {
    position: absolute;
    bottom: 100%;
    left: 45%;
    content: "";
    width:0;
    border-bottom: 5px solid #e7e7e7;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
}
.chatbox {animation: motion 1.4s linear 0s infinite; margin-top: 0;}

/*myDeposit.jsp 정렬 아이콘*/
.glyphicon {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}
.glyphicon-asterisk:before {content: "\002a"}
.glyphicon-plus:before {content: "\002b"}
.glyphicon-eur:before, .glyphicon-euro:before {content: "\20ac"}
.glyphicon-minus:before {content: "\2212"}
.glyphicon-cloud:before {content: "\2601"}
.glyphicon-envelope:before {content: "\2709"}
.glyphicon-pencil:before {content: "\270f"}
.glyphicon-glass:before {content: "\e001"}
.glyphicon-music:before {content: "\e002"}
.glyphicon-search:before {content: "\e003"}
.glyphicon-heart:before {content: "\e005"}
.glyphicon-star:before {content: "\e006"}
.glyphicon-star-empty:before {content: "\e007"}
.glyphicon-user:before {content: "\e008"}
.glyphicon-film:before {content: "\e009"}
.glyphicon-th-large:before {content: "\e010"}
.glyphicon-th:before {content: "\e011"}
.glyphicon-th-list:before {content: "\e012"}
.glyphicon-ok:before {content: "\e013"}
.glyphicon-remove:before {content: "\e014"}
.glyphicon-zoom-in:before {content: "\e015"}
.glyphicon-zoom-out:before {content: "\e016"}
.glyphicon-off:before {content: "\e017"}
.glyphicon-signal:before {content: "\e018"}
.glyphicon-cog:before {content: "\e019"}
.glyphicon-trash:before {content: "\e020"}
.glyphicon-home:before {content: "\e021"}
.glyphicon-file:before {content: "\e022"}
.glyphicon-time:before {content: "\e023"}
.glyphicon-road:before {content: "\e024"}
.glyphicon-download-alt:before {content: "\e025"}
.glyphicon-download:before {content: "\e026"}
.glyphicon-upload:before {content: "\e027"}
.glyphicon-inbox:before {content: "\e028"}
.glyphicon-play-circle:before {content: "\e029"}
.glyphicon-repeat:before {content: "\e030"}
.glyphicon-refresh:before {content: "\e031"}
.glyphicon-list-alt:before {content: "\e032"}
.glyphicon-lock:before {content: "\e033"}
.glyphicon-flag:before {content: "\e034"}
.glyphicon-headphones:before {content: "\e035"}
.glyphicon-volume-off:before {content: "\e036"}
.glyphicon-volume-down:before {content: "\e037"}
.glyphicon-volume-up:before {content: "\e038"}
.glyphicon-qrcode:before {content: "\e039"}
.glyphicon-barcode:before {content: "\e040"}
.glyphicon-tag:before {content: "\e041"}
.glyphicon-tags:before {content: "\e042"}
.glyphicon-book:before {content: "\e043"}
.glyphicon-bookmark:before {content: "\e044"}
.glyphicon-print:before {content: "\e045"}
.glyphicon-camera:before {content: "\e046"}
.glyphicon-font:before {content: "\e047"}
.glyphicon-bold:before {content: "\e048"}
.glyphicon-italic:before {content: "\e049"}
.glyphicon-text-height:before {content: "\e050"}
.glyphicon-text-width:before {content: "\e051"}
.glyphicon-align-left:before {content: "\e052"}
.glyphicon-align-center:before {content: "\e053"}
.glyphicon-align-right:before {content: "\e054"}
.glyphicon-align-justify:before {content: "\e055"}
.glyphicon-list:before {content: "\e056"}
.glyphicon-indent-left:before {content: "\e057"}
.glyphicon-indent-right:before {content: "\e058"}
.glyphicon-facetime-video:before {content: "\e059"}
.glyphicon-picture:before {content: "\e060"}
.glyphicon-map-marker:before {content: "\e062"}
.glyphicon-adjust:before {content: "\e063"}
.glyphicon-tint:before {content: "\e064"}
.glyphicon-edit:before {content: "\e065"}
.glyphicon-share:before {content: "\e066"}
.glyphicon-check:before {content: "\e067"}
.glyphicon-move:before {content: "\e068"}
.glyphicon-step-backward:before {content: "\e069"}
.glyphicon-fast-backward:before {content: "\e070"}
.glyphicon-backward:before {content: "\e071"}
.glyphicon-play:before {content: "\e072"}
.glyphicon-pause:before {content: "\e073"}
.glyphicon-stop:before {content: "\e074"}
.glyphicon-forward:before {content: "\e075"}
.glyphicon-fast-forward:before {content: "\e076"}
.glyphicon-step-forward:before {content: "\e077"}
.glyphicon-eject:before {content: "\e078"}
.glyphicon-chevron-left:before {content: "\e079"}
.glyphicon-chevron-right:before {content: "\e080"}
.glyphicon-plus-sign:before {content: "\e081"}
.glyphicon-minus-sign:before {content: "\e082"}
.glyphicon-remove-sign:before {content: "\e083"}
.glyphicon-ok-sign:before {content: "\e084"}
.glyphicon-question-sign:before {content: "\e085"}
.glyphicon-info-sign:before {content: "\e086"}
.glyphicon-screenshot:before {content: "\e087"}
.glyphicon-remove-circle:before {content: "\e088"}
.glyphicon-ok-circle:before {content: "\e089"}
.glyphicon-ban-circle:before {content: "\e090"}
.glyphicon-arrow-left:before {content: "\e091"}
.glyphicon-arrow-right:before {content: "\e092"}
.glyphicon-arrow-up:before {content: "\e093"}
.glyphicon-arrow-down:before {content: "\e094"}
.glyphicon-share-alt:before {content: "\e095"}
.glyphicon-resize-full:before {content: "\e096"}
.glyphicon-resize-small:before {content: "\e097"}
.glyphicon-exclamation-sign:before {content: "\e101"}
.glyphicon-gift:before {content: "\e102"}
.glyphicon-leaf:before {content: "\e103"}
.glyphicon-fire:before {content: "\e104"}
.glyphicon-eye-open:before {content: "\e105"}
.glyphicon-eye-close:before {content: "\e106"}
.glyphicon-warning-sign:before {content: "\e107"}
.glyphicon-plane:before {content: "\e108"}
.glyphicon-calendar:before {content: "\e109"}
.glyphicon-random:before {content: "\e110"}
.glyphicon-comment:before {content: "\e111"}
.glyphicon-magnet:before {content: "\e112"}
.glyphicon-chevron-up:before {content: "\e113"}
.glyphicon-chevron-down:before {content: "\e114"}
.glyphicon-retweet:before {content: "\e115"}
.glyphicon-shopping-cart:before {content: "\e116"}
.glyphicon-folder-close:before {content: "\e117"}
.glyphicon-folder-open:before {content: "\e118"}
.glyphicon-resize-vertical:before {content: "\e119"}
.glyphicon-resize-horizontal:before {content: "\e120"}
.glyphicon-hdd:before {content: "\e121"}
.glyphicon-bullhorn:before {content: "\e122"}
.glyphicon-bell:before {content: "\e123"}
.glyphicon-certificate:before {content: "\e124"}
.glyphicon-thumbs-up:before {content: "\e125"}
.glyphicon-thumbs-down:before {content: "\e126"}
.glyphicon-hand-right:before {content: "\e127"}
.glyphicon-hand-left:before {content: "\e128"}
.glyphicon-hand-up:before {content: "\e129"}
.glyphicon-hand-down:before {content: "\e130"}
.glyphicon-circle-arrow-right:before {content: "\e131"}
.glyphicon-circle-arrow-left:before {content: "\e132"}
.glyphicon-circle-arrow-up:before {content: "\e133"}
.glyphicon-circle-arrow-down:before {content: "\e134"}
.glyphicon-globe:before {content: "\e135"}
.glyphicon-wrench:before {content: "\e136"}
.glyphicon-tasks:before {content: "\e137"}
.glyphicon-filter:before {content: "\e138"}
.glyphicon-briefcase:before {content: "\e139"}
.glyphicon-fullscreen:before {content: "\e140"}
.glyphicon-dashboard:before {content: "\e141"}
.glyphicon-paperclip:before {content: "\e142"}
.glyphicon-heart-empty:before {content: "\e143"}
.glyphicon-link:before {content: "\e144"}
.glyphicon-phone:before {content: "\e145"}
.glyphicon-pushpin:before {content: "\e146"}
.glyphicon-usd:before {content: "\e148"}
.glyphicon-gbp:before {content: "\e149"}
.glyphicon-sort:before {content: "\e150"}
.glyphicon-sort-by-alphabet:before {content: "\e151"}
.glyphicon-sort-by-alphabet-alt:before {content: "\e152"}
.glyphicon-sort-by-order:before {content: "\e153"}
.glyphicon-sort-by-order-alt:before {content: "\e154"}
.glyphicon-sort-by-attributes:before {content: "\e155"}
.glyphicon-sort-by-attributes-alt:before {content: "\e156"}
.glyphicon-unchecked:before {content: "\e157"}
.glyphicon-expand:before {content: "\e158"}
.glyphicon-collapse-down:before {content: "\e159"}
.glyphicon-collapse-up:before {content: "\e160"}
.glyphicon-log-in:before {content: "\e161"}
.glyphicon-flash:before {content: "\e162"}
.glyphicon-log-out:before {content: "\e163"}
.glyphicon-new-window:before {content: "\e164"}
.glyphicon-record:before {content: "\e165"}
.glyphicon-save:before {content: "\e166"}
.glyphicon-open:before {content: "\e167"}
.glyphicon-saved:before {content: "\e168"}
.glyphicon-import:before {content: "\e169"}
.glyphicon-export:before {content: "\e170"}
.glyphicon-send:before {content: "\e171"}
.glyphicon-floppy-disk:before {content: "\e172"}
.glyphicon-floppy-saved:before {content: "\e173"}
.glyphicon-floppy-remove:before {content: "\e174"}
.glyphicon-floppy-save:before {content: "\e175"}
.glyphicon-floppy-open:before {content: "\e176"}
.glyphicon-credit-card:before {content: "\e177"}
.glyphicon-transfer:before {content: "\e178"}
.glyphicon-cutlery:before {content: "\e179"}
.glyphicon-header:before {content: "\e180"}
.glyphicon-compressed:before {content: "\e181"}
.glyphicon-earphone:before {content: "\e182"}
.glyphicon-phone-alt:before {content: "\e183"}
.glyphicon-tower:before {content: "\e184"}
.glyphicon-stats:before {content: "\e185"}
.glyphicon-sd-video:before {content: "\e186"}
.glyphicon-hd-video:before {content: "\e187"}
.glyphicon-subtitles:before {content: "\e188"}
.glyphicon-sound-stereo:before {content: "\e189"}
.glyphicon-sound-dolby:before {content: "\e190"}
.glyphicon-sound-5-1:before {content: "\e191"}
.glyphicon-sound-6-1:before {content: "\e192"}
.glyphicon-sound-7-1:before {content: "\e193"}
.glyphicon-copyright-mark:before {content: "\e194"}
.glyphicon-cloud-download:before {content: "\e197"}
.glyphicon-cloud-upload:before {content: "\e198"}
.glyphicon-tree-conifer:before {content: "\e199"}
.glyphicon-tree-deciduous:before {content: "\e200"}
.glyphicon-cd:before {content: "\e201"}
.glyphicon-save-file:before {content: "\e202"}
.glyphicon-open-file:before {content: "\e203"}
.glyphicon-level-up:before {content: "\e204"}
.glyphicon-copy:before {content: "\e205"}
.glyphicon-paste:before {content: "\e206"}
.glyphicon-alert:before {content: "\e209"}
.glyphicon-equalizer:before {content: "\e210"}
.glyphicon-king:before {content: "\e211"}
.glyphicon-queen:before {content: "\e212"}
.glyphicon-pawn:before {content: "\e213"}
.glyphicon-bishop:before {content: "\e214"}
.glyphicon-knight:before {content: "\e215"}
.glyphicon-baby-formula:before {content: "\e216"}
.glyphicon-tent:before {content: "\26fa"}
.glyphicon-blackboard:before {content: "\e218"}
.glyphicon-bed:before {content: "\e219"}
.glyphicon-apple:before {content: "\f8ff"}
.glyphicon-erase:before {content: "\e221"}
.glyphicon-hourglass:before {content: "\231b"}
.glyphicon-lamp:before {content: "\e223"}
.glyphicon-duplicate:before {content: "\e224"}
.glyphicon-piggy-bank:before {content: "\e225"}
.glyphicon-scissors:before {content: "\e226"}
.glyphicon-bitcoin:before {content: "\e227"}
.glyphicon-btc:before {content: "\e227"}
.glyphicon-xbt:before {content: "\e227"}
.glyphicon-yen:before {content: "\00a5"}
.glyphicon-jpy:before {content: "\00a5"}
.glyphicon-ruble:before {content: "\20bd"}
.glyphicon-rub:before {content: "\20bd"}
.glyphicon-scale:before {content: "\e230"}
.glyphicon-ice-lolly:before {content: "\e231"}
.glyphicon-ice-lolly-tasted:before {content: "\e232"}
.glyphicon-education:before {content: "\e233"}
.glyphicon-option-horizontal:before {content: "\e234"}
.glyphicon-option-vertical:before {content: "\e235"}
.glyphicon-menu-hamburger:before {content: "\e236"}
.glyphicon-modal-window:before {content: "\e237"}
.glyphicon-oil:before {content: "\e238"}
.glyphicon-grain:before {content: "\e239"}
.glyphicon-sunglasses:before {content: "\e240"}
.glyphicon-text-size:before {content: "\e241"}
.glyphicon-text-color:before {content: "\e242"}
.glyphicon-text-background:before {content: "\e243"}
.glyphicon-object-align-top:before {content: "\e244"}
.glyphicon-object-align-bottom:before {content: "\e245"}
.glyphicon-object-align-horizontal:before {content: "\e246"}
.glyphicon-object-align-left:before {content: "\e247"}
.glyphicon-object-align-vertical:before {content: "\e248"}
.glyphicon-object-align-right:before {content: "\e249"}
.glyphicon-triangle-right:before {content: "\e250"}
.glyphicon-triangle-left:before {content: "\e251"}
.glyphicon-triangle-bottom:before {content: "\e252"}
.glyphicon-triangle-top:before {content: "\e253"}
.glyphicon-console:before {content: "\e254"}
.glyphicon-superscript:before {content: "\e255"}
.glyphicon-subscript:before {content: "\e256"}
.glyphicon-menu-left:before {content: "\e257"}
.glyphicon-menu-right:before {content: "\e258"}
.glyphicon-menu-down:before {content: "\e259"}
.glyphicon-menu-up:before {content: "\e260"}

div.Money-title {
    font-size: 16px;
    font-weight: 500;
    width: 100%;
    border-bottom: 1px solid #f4f5f7;
    height: 60px;
    line-height: 30px;
    color: #343a40;
    padding: 0px 30px 0px 30px;
}

div.Money-title h1 {
    font-size: inherit;
    font-weight: inherit
}

div.Money-title .withdraw,
div.Money-title .deposit {
    text-align: right;
}



@keyframes motion {
    0% {margin-top: 0px;}
    20% {margin-top: 5px;}
    40% {margin-top: 0px;}
    60% {margin-top: 5px;}
    80% {margin-top: 0px;}
    100% {margin-top: 0px;}
}


/* //////////////////태블릿////////////////// */
@media screen and (min-width:790px) and (max-width:1200px){

    .mo_dis_none {
        display: none;
    }

    .mo_dis_block {
        display: block !important;
    }

    .mo_dis_flex {
        display: flex !important;
    }

    span.line_m{display: inline-block;}

    h1#logo{display: none;}
    h1#logo-M{
        display: block;
        margin:0 auto;
        padding-top:10px;
    }
    h1#logo-M a{
        display: block;
        width: 100%;
    }
    h1#logo-M a img{
        width: 90px;
        padding-top: 5px;
        text-align: center;
    }

    .bg_box{display:none !important; height: auto !important;}
    .bg_boxB{/*까만배경*/
        display:none;
        z-index: 100;
        background: rgba(0, 0, 0, 0.61);
        width: 100%;
        height: 100%;
        position: absolute;
    }

    /*footer*/
    #footer .footer-in{padding: 0 25px;}
    #footer .footer-nav li{padding-right: 15px;}

}





/* //////////////////모바일////////////////// */
/* gnb mobile */
@media(max-width:1024px) {
    /*로그인 +말풍선 추가*/
    .chatbox1{display:none;}
    .chatbox2{display:block;}
    div.wraps{top:-40px; font-size:12px; padding: 3px 4px; left: -10px;}
    div.wraps:before{top: 100%; transform: rotate(180deg);}


}
@media screen and (max-width:789px){
    /*버튼 position : fixed*/
    .bottom-fixed-button{  max-width: inherit !important; position: fixed; bottom: 20px;    box-shadow: 0 3px 9px rgb(0 0 0 / 40%); background: #001639; z-index: 10;width: 90% !important;height: 60px;font-size: 14px;font-weight: 500;left: 5% !important;letter-spacing: -0.52px;line-height: 60px;transition: all .3s ease-in;}
    .bottom-fixed-button a{margin: 0 !important;; font-size: 16px !important;}

    span.line_m{display: inline-block;}

    h1#logo{display: none;}
    h1#logo-M{
        display: block;
        margin:0 auto;
        padding-top:10px;
    }
    h1#logo-M a{
        display: block;
        width: 100%;
    }
    h1#logo-M a img{
        width: 90px;
        padding-top: 5px;
        text-align: center;
    }
    #mnav-btn{
        width: 60px;
        position: absolute;
        right: 0;
        cursor: pointer;
        display: block;
        border-left: 1px solid #e9ecef;
        height: 60px !important;
    }

    .bg_box{display:none !important; height: auto !important;}
    .bg_boxB{/*까만배경*/
        display:none;
        z-index: 100;
        background: rgba(0, 0, 0, 0.61);
        width: 100%;
        height: 100%;
        position: absolute;
    }

    /*ios-로그인버튼 오류수정1.10*/
    input{
        -webkit-border-radius:0;

    }
    /*공통 모양*/
    /*동그란레이아웃*/
    .content-inner{
        width: 100%;
        height: 180px;
    }
    /*현재상태*/
    .content-inner p.content-state{
        width: 60px;
        height: 20px;
        line-height: 15px;
        padding: 2px;
        font-size: 12px;
    }
    /*안에 내용 박스*/
    .content-inner .inner-in{
        width: 100%;
        height: 115px;
        padding: 15px;
    }
    /*이미지 품고있는 박스 사이즈*/
    .content-inner .inner-in .inner-img{
        width: 80px;
        height: 80px;
        margin-right: 10px;
    }
    /*버튼두개*/
    .content-inner .content-btn a{
        font-size: 13px;
        letter-spacing: 1px;
    }

    /*텍스트컬러는 변경가능*/
    .content-inner .content-btn .content-btn-L a{color: #4bb7e2;}
    .content-inner .content-btn .content-btn-R a{color: #fff;}
    /*-------------------------------------*/

    /*로그인 +말풍선 추가*/
    .chatbox1{display:none;}
    .chatbox2{display:block;}
    div.wraps{top:-40px; font-size:12px; padding: 3px 4px; left: -10px;}
    div.wraps:before{top: 100%; transform: rotate(180deg);}


    input[name=email]::placeholder,
    input[name=pswrd]::placeholder{font-size:14px;}

    input[name=search]::placeholder,
    input[name=searchWord]::placeholder,
    input[name=title]::placeholder,
    input[name=cntnt]::placeholder{font-size:12px;}

    select.select-lists{font-size:12px;}

    /*footer*/
    footer{padding-top: 55px !important;}
    #footer .footer-in{padding: 0 25px;}
    #footer .footer-nav li{padding-right:20px;}
    #footer .flogo{width: 100%; float: left; margin-top: 50px;}
    #footer  .footer-address{padding: 8% 0;}
    #footer  .footer-address p{font-size:12px; line-height: 20px;}
    #footer  .footer-address p span{padding: 0 5px;}
    #footer .footer-bottom{padding: 60px 0;}
    #footer .footer-bottom h1{ margin-bottom: 10px; }
    #footer .footer-bottom .bottom{margin-top: 40px;}
    #footer .footer-bottom ul li{font-size: 12px; line-height: 20px; width: 32px; height: 32px;}
    #footer .footer-bottom ul li img{ width: 100%; }
    #footer .footer-sns li{margin: 0 3px;}
    #footer .footer-bottom .bottom .left>span{margin-bottom: 10px; }
    #footer .footer-sns{width: 100%; float: left; margin-top: 30px; width: max-content;}
    #footer .footer-bottom .bottom .left{font-size:13px;}

}

#map > div { z-index: 0 !important; }

.display-none{
    display:none;
}

.iw_inner {
    padding: 5px;
}

.xd{
    display: none;
}

@media (max-width: 767px) {
    .xd {
        display: block;
    }
}

@media (max-width: 760px) {
    div.Money-title {
        height: inherit;
        font-size: 14px;
        padding: 0 20px 0 20px;
    }

    div.Money-title .withdraw,
    div.Money-title .deposit {
        line-height: 20px;
    }
    .styled-checkbox + label{
        font-size:15px;
    }
    .agree-cont-in{
        padding: 4px 0;
    }
    #pdfModal .pdf-modal,
    #optionalPdfModal .pdf-modal{
        height: 500px;
    }
    .modal.modal-essential-pdf,
    #optionalPdfModal{
        max-width: 900px !important;
        width: 100%;
        border-radius: 10px 10px 0 0 !important;
        bottom: 0;
        position: absolute;
        left: 0;
        padding: 10px 5px;
    }
    .modal-essential-pdf .agree-cont-in{display: flex; justify-content: center; padding: 10px 0 25px 0;}
    .modal-essential-pdf .agree-cont-in-right{padding-right:15px; justify-content: flex-end !important;}
    .modal .pdf-modal-in{padding-right: 10px;}
    .modal .pdf-modal-in .close{font-size: 16px;}

    .modal.modal-essential-pdf button.scroll-down-button{
        max-width: 220px;
        font-size: 14px;
        height: 50px;
        bottom: 60px;
        font-weight: 400;
    }
    .modal.modal-essential-pdf button.scroll-down-button i{font-size: 12px;}
}


/* 유튜브 링크 반응형 조정 */
.embed-responsive {
    position: relative;
    display: block;
    height: 0;
    padding: 0;
    overflow: hidden;
}
.embed-responsive .embed-responsive-item,
.embed-responsive iframe,
.embed-responsive embed,
.embed-responsive object,
.embed-responsive video {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}
.embed-responsive.embed-responsive-16by9 {
    padding-bottom: 56.25%;
}
.embed-responsive.embed-responsive-4by3 {
    padding-bottom: 75%;
}

.com_pop_noti{
    position:absolute;
    z-index:9000;
    background-color:rgba(0, 0, 0, 0.35);
    left:0;
    top:0;
}
.com_pop_noti .msgbox{
    background-color:#fff;
    width:100%;
    max-width:320px;
    margin:auto;
    top:20%;
    left:50%;
    margin-left:-160px;
    position:fixed;
    padding:10px 20px 20px 20px;
    border-radius:4px;
    text-align:center;
    border:1px solid #000;
    box-shadow:2px 2px 2px #777;
    font-size:14px !important;
}
.icon_spin{
    display:block;
    width:25px;
    margin:auto;
    position:fixed;
    left:50%;
    top:20%;
    margin-left:-25px;
}
.com_pop_noti .msgbox .icon_spin{
    width:25px;
    margin:auto;
    position:relative;
    left:0;
    margin-top:10px;
    margin-bottom:10px;
}

/*VR갤러리*/
.ownership .ownership-text h2.art-name{padding: 0px 30px 5px; line-height: 19px;}
.ownership .ownership-text .text{padding: 0px 40px 0px;}


/* 공동구매 관련 이미지 우클릭 방지 */
body { -webkit-touch-callout: none important; }
.product-list img, #detailImgList img, #detailSubImgList img, .in-content-left-img img, .detail-bottom img,
.section2-bottom img, .Section4 img, #marketGoodsList img, #artworkInfo img,
.buyForm img, .mypageRental-img img, .artwork-img, #auctionMenuTabContents img, #auctionHistoryDetail img,
.ownership-box-img img {pointer-events : none; }