/* Reset styles */
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,img {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}

/* Global Styles */
html {
    width: 100%;
    height: 100%;
}

body {
    font: 0.75em Verdana, Dotum, AppleGothic, sans-serif;
    color: #353535;
    background: #fff;
    min-width: 0;
    width: 100%;
    overflow-x: hidden;
    font-family: 'Pretendard', 'Montserrat', sans-serif;
    
    
    /* 드래그 방지 */
     -webkit-user-select: none; /* 크롬, 사파리, 오페라 */
  -moz-user-select: none; /* 파이어폭스 */
  -ms-user-select: none; /* IE 10/11 */
  user-select: none; /* 일반 */
    
    
}

.en {
    font-family: 'Montserrat';
  }



body#popup {
    min-width: 0;
}

li {
    list-style: none;
}

img, fieldset {
    border: none;
    vertical-align: top;
}

table {
    width: 100%;
    border-spacing: 0;
    border-collapse: collapse;
}

a {
    text-decoration: none;
    color: #000;
}

a:hover {
    
}

a:active {
    text-decoration: none;
}

/* WCAG 2.2 AA Focus Indicator & Accessibility Focus Visible */
a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible {
    outline: 2px solid #0071ce !important;
    outline-offset: 2px !important;
}

/* Accessibility Skip Navigation */
#skipNavigation,
#homeSkipNavigation {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 100;
    width: 100%;
    height: 0;
}

#skipNavigation p a,
#homeSkipNavigation p a {
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    overflow: hidden;
    width: 1px;
    height: 1px;
    margin-left: -1px;
    margin-bottom: -1px;
    text-align: center;
    color: #000;
    white-space: nowrap;
}

#skipNavigation p a:focus, #skipNavigation p a:hover, #skipNavigation p a:active,
#homeSkipNavigation p a:focus, #homeSkipNavigation p a:hover, #homeSkipNavigation p a:active {
    width: 100%;
    height: auto;
    padding: 10px 0;
    background: #c4122f;
    color: #fff;
    z-index: 100;
}

/* Dim Overlay */
.dimmed {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99;
    width: 100%;
    height: 100%;
    background: #fff;
    opacity: 0.8;
    filter: alpha(opacity=80);
}

/* Additional Styles */
.displaynone {
    display: none;
}




/* Media Query for Mobile */
@media (max-width: 768px) {
    body {
        font-size: 14px; /* Adjust font size for smaller screens */
        min-width: initial; /* Remove minimum width */
    }
}










@charset "euc-kr";

/* **************************** //필수 CSS 수정 및 삭제 불가 **************************** */

/* tag reset */



li { list-style:none; }
img,fieldset { border:none; vertical-align:top; }
table { width:100%; border:0; border-spacing:0; border-collapse:collapse; }
caption { display:none; }
th,td { border:0; vertical-align:top; }
input,select,textarea { font-size:100%; font-family:"돋움", Dotum; color:#555; vertical-align:middle; }
.inputTypeText { height:19px; padding:3px 0 0 9px; border:1px solid #d5d5d5; }
select { height:24px; border:1px solid #d5d5d5; }
textarea { padding:5px 6px; border:1px solid #d5d5d5; line-height:1.5; }
legend { visibility:hidden; position:absolute; left:-9999px; top:-9999px; width:0; height:0; line-height:0; }
button { overflow:visible; padding:0; margin:0; border:0; cursor:pointer; }
hr.layout { display:none; }
a { text-decoration:none; color:#555; }
a:hover { }
a:active { text-decoration:none; }
.objHidden { visibility:hidden; position:absolute; left:-1000px; top:-1000px; height:0; width:0; }
table tr.radioType input,
span.noBorder input { border:none !important; width:auto !important; height:auto !important; margin:0 3px 0 0 !important; vertical-align:middle !important; background:none !important; }
#content_CONTAINER td { width:auto !important; }
table.nneditor-table { width:auto !important; }

/* 결제진행바 */
#progressPaybarBackground { position:absolute; z-index:99; left:0; top:0; width:100%; height:100%; }
#progressPaybarView { position:absolute; z-index:100; top:160px; left:20px; width:471px; font-size:12px; }
#progressPaybarView .box { height:180px; background:url(http://img.cafe24.com/images/ec_hosting/popup/layer_guide/bg_layer_box1.gif) 0 0 no-repeat; }
#progressPaybarView .box .graph { padding:15px 0 0 0; text-align:center;}
#progressPaybarView .box .graph span { display:block; text-align:center; margin:20px 0; }
#progressPaybarView .box .txt { text-align:center; padding:15px 0 0; color:#555555; }
div.layerProgress { filter:alpha(opacity=40); opacity:0.4; -moz-opacity:0.4; background-color:#999; }

/* contents */
#skipNavigation {position:absolute; top:0; left:0; z-index:100; width:100%; height:0;}
#skipNavigation p, #skipNavigation ul, #skipNavigation ul li {height:0;}
#skipNavigation p a {position:absolute; left:0; top:0; display:block; overflow:hidden; width:1px; height:1px; margin-left:-1px; margin-bottom:-1px;  text-align:center; color:#000; white-space:nowrap;}
#skipNavigation p a:focus, #skipNavigation p a:hover, #skipNavigation p a:active {width:100%; height:auto; padding:10px 0; background:#c4122f; color:#fff; z-index:100;}

.displaynone { display:none; }

/* **************************** 필수 CSS 수정 및 삭제 불가 **************************** */

.mbi-simpletalk-kakao > .bridges>a { width:50px; height: 50px; }

.mbi-simpletalk-kakao > .bridges {
border-width: 0px !important; 
}