@charset"utf-8";
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css); 
@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.8/dist/web/static/pretendard.css");
@import url('https://fonts.googleapis.com/css2?family=Exo:wght@100;200;300;400;500;600;700;800;900&display=swap');


*{	-webkit-box-sizing: border-box;	-moz-box-sizing: border-box;	box-sizing: border-box;}
html,body,header,section,footer,div,p,h1,h2,h3,h4,h5,h6,ul,li,ol,dl,dt,dd{margin:0;padding:0;font-family:'Exo',"Pretendard","Noto Sans KR",sans-serif, "NanumGothic", dotum ; font-size:14px;}
ul,li,ol,dl,dd,dt{list-style:none;word-break:keep-all;line-height:150%;}
caption{width:1px;height:1px;overflow:hidden;display:none}
table{margin:0px;border-collapse:collapse;}
div{display:block;}
td,th{-ms-word-break:break-all;word-break:break-all;font-size:14px;}
a{text-decoration:none;}
a:hover{color:auto}

p,div{word-break:keep-all;}
.hidden{overflow:hidden}

.float_l{float:left;}
.float_r{float:right;}
.clear{clear:both}
.align_l{text-align:left}
.align_c{text-align:center}
.align_r{text-align:right}

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


/* IE 10, 11의 네이티브 화살표 숨기기 */
select::-ms-expand { display: none; }

.txt_blue{color:#2385c6}
iframe{border:0;padding:0;margin:0;display:block;}
.mt-20{margin-top:20px;}
.mt-30{margin-top:30px;}

.quick_kakao{z-index:9999999999999999;position:fixed; bottom:30px; right:30px; width:100px;}
.quick_kakao img{width:100%}
.quick_kakao a{display:block}
.quick_kakao a.btn-delivery{width:100%;height:0; padding-bottom:100%;; background:#2e4db6;position:relative;}
.quick_kakao a.btn-delivery p{color:#fff;text-align:center;position:absolute; top:50%;-webkit-transform: translateY(-50%); -moz-transform: translateY(-50%);-ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%);width:100%}
.quick_kakao a.btn-delivery p span{display:block; font-size:40px}

.popup_wrap img {max-width: 100%;}
@media(max-width:1000px){
.quick_kakao{position:fixed; bottom:10px; right:10px; width:70px}
.quick_kakao a.btn-delivery p span{font-size:30px}

}


@media(max-width:768px){
.quick_kakao{position:fixed; bottom:10px; right:10px; width:50px}
.quick_kakao a.btn-delivery p{font-size:12px}
.quick_kakao a.btn-delivery p span{font-size:20px}


.popup_area{position:absolute; left:5% !important; top:100px; max-width:90% !important}
.popup_area > div{max-width:100% !important;height:auto !important }
.popup_area img{width:100%;height:auto}

}

@font-face { 
  font-family: 'Noto Sans KR'; 
  font-style: normal; 
  font-weight: 100; 
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2) format('woff2'), 
      url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff) format('woff'), 
      url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf) format('opentype'); 
} 
@font-face { 
  font-family: 'Noto Sans KR'; 
  font-style: normal; 
  font-weight: 300; 
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'), 
      url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'), 
      url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype'); 
} 
@font-face { 
  font-family: 'Noto Sans KR'; 
  font-style: normal; 
  font-weight: 400; 
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype'); 
 } 
@font-face { 
  font-family: 'Noto Sans KR'; 
  font-style: normal; 
  font-weight: 500; 
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype'); 
 } 
@font-face { 
  font-family: 'Noto Sans KR'; 
  font-style: normal; 
  font-weight: 700; 
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype'); 
 } 
@font-face { 
  font-family: 'Noto Sans KR'; 
  font-style: normal; 
  font-weight: 900; 
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff2) format('woff2'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff) format('woff'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.otf) format('opentype'); 
 }