@charset "utf-8";
/* 요소(element) 여백 초기화  */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,
p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,
em,img,ins,kbd,q,s,samp,small,strike,strong,
sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,
fieldset,form,label,legend,table,
caption,tbody,tfoot,thead,tr,th,td,
article,aside,canvas,details,embed,figure, 
figcaption,footer,header,hgroup,
menu,nav,output,ruby,section,summary,time,mark,audio,video{word-wrap:break-word;margin:0;padding:0;border:0;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
html {-webkit-text-size-adjust: none;} 
body {color:#626262; font-size:13px; font-family:'Nanum Gothic','나눔고딕',Gulim,'굴림',Dotum,'돋움',Sans-serif;}
a:link {color:#626262; text-decoration: none;}
a:visited {color:#626262;} /*sj20181119 */
a:hover, a:active, a:focus {text-decoration:underline;}
img {border:0; vertical-align:top;}
/* 목록 */
ol, ul {list-style:none;}
/* 텍스트 관련 요소 초기화 */
address, caption, em, cite {font-weight:normal; font-style:normal;}
/* 테두리 없애기 */
fieldset, img, abbr, acronym {border:none; margin:0; padding:0;} 
/* 테이블 - 마크업에 'cellspacing="0"' 지정 함께 필요 */
table {border-collapse:collapse; border-spacing:0;}
/* 수평선*/
hr {display:none;}
/* 나눔고딕 볼드 설정 */
b, strong {font-weight:600;}
/* 윗첨자 아래첨자 */
sup, sub {font-size:10px;}
/* button 초기화 */
button {border:0; vertical-align:middle; cursor:pointer; font-family:'Nanum Gothic','나눔고딕',Gulim,'굴림',Dotum,'돋움',Sans-serif;}
button::-moz-focus-inner {padding:0; border:0;}
/* 전역클래스 */
.hidden {position:absolute; top:-10000em; overflow:hidden; height:0px; width:0px;}
.fl {float:left;}
.fr {float:right;}
.ta_l {text-align:left !important;}
.ta_c {text-align:center !important;}
.ta_r {text-align:right !important;}
.va_t {vertical-align:top !important;}
.va_m {vertical-align:middle !important;}
.dp_none {display: none;}
.dp_block {display: block !important;}
.fontGreen {color:#008000;}/*sj20181116*/

/* PWA ICON */
/*
.pwa-icon{ position: fixed; bottom: 20px; right: 20px; padding: 5px; border: 2px solid #1b435f; border-radius: 5px; background: #ffffff; z-index: 999998; display: none; }
.pwa-icon img{ width: 30px; display: block; margin: 0 auto 5px auto; }
*/
@font-face {
    font-family: 'KoddiUD On Gothic Bold';
    font-style: normal;
    font-weight: 700;
    src: local("KoddiUD On Gothic Bold"), local("KoddiUD On Gothic Bold"), url(../fonts/KoddiUDOnGothic-Bold.eot), url(../fonts/KoddiUDOnGothic-Bold.eot?#iefix) format("embedded-opentype"), url(../fonts/KoddiUDOnGothic-Bold.woff) format("woff");
}

/*.pwa-icon{ position: fixed; bottom: 30px; right: 20px; z-index: 999998; display: none; background: rgba(0,0,0,0.76); height: 190px; border-radius: 10px}*/
.pwa-icon {
    position: fixed;
    width: 390px;
    height: 520px;
    /*border: 10px solid red;*/
    bottom: 30px;
    right: 20px;
    z-index: 999998;
    background: url(../a2hs/speech-bubble.png);
    /*border-radius: 4.4em;*/
}

/*.pwa-icon:after {*/
/*    content: '';*/
/*    position: absolute;*/
/*    bottom: 0;*/
/*    left: 50%;*/
/*    width: 0;*/
/*    height: 0;*/
/*    border: 10px solid transparent;*/
/*    border-top-color: #daa7a5;*/
/*    border-bottom: 0;*/
/*    border-right: 0;*/
/*    margin-left: -10px;*/
/*    margin-bottom: -20px;*/
/*}*/
.pwa-icon>.content{ margin-top: 40px }
.pwa-icon button{ display: block; margin: 14px auto 45px auto; }
.pwa-icon img{ height:144px;width: 144px; }
.pwa-icon h1{ margin: 4px; padding: 4px; font-family: 'KoddiUD On Gothic Bold' ; color: black;}
.installNo{ display: none !important; }
.align-c{   text-align:center !important;   }

@media screen and (max-width:1200px){
    .pwa-icon{ display: block; }
}

.pwa-icon button[type="button"] {
    height: 110px;
    line-height: 26px;
    border-radius: 3px;
    font-size: 14px;
    padding: 0 15px;
    text-align: center;
    position: relative;
    cursor: pointer;
    border: 0;
    background: none;
}