﻿@charset "utf-8";
/* CSS Document */
/* reset */
a, abbr, acronym, address, applet, article, aside, audio,
b, blockquote, big, body,
center, canvas, caption, cite, code, command,
datalist, dd, del, details, dfn, dl, div, dt,
em, embed,
fieldset, figcaption, figure, font, footer, form,
h1, h2, h3, h4, h5, h6, header, hgroup, html,
i, iframe, img, ins, input, select, textarea, button,
kbd,
keygen,
label, legend, li,
meter,
nav, menu,
object, ol, output,
p, pre, progress,
q,
s, samp, section, small, span, source, strike, strong, sub, sup,
table, tbody, tfoot, thead, th, tr, colgroup, col, tdvideo, tt,
u, ul,
var{ margin:0; padding:0; }
article,aside,canvas,dialog,details,eventsource,figcaption,figure,
footer,header,hgroup,menu,meter,nav,output,progress,section,
time,video{ display:block; }
fieldset,img{ border:0 none; }
img, label{vertical-align:middle;}
dl,ul,ol,menu,li{list-style:none;}
blockquote, q{quotes: none;}
blockquote:before, blockquote:after,q:before, q:after{ content:''; content:none; }
/* img,input,select,textarea,button,textarea{ vertical-align:middle;outline:0 none;} */
button{ border:0 none; background-color:transparent; cursor:pointer;/*outline:0 none;*/}/*웹접근성1차수정 outline:0 none 삭제*/
legend, hr { overflow:hidden; position:absolute; top:0; left:0;visibility:hidden; font-size:0; width:0; height:0; line-height:0;}
address,caption,cite,code,dfn,em,var{ font-style:normal; font-weight:normal; }
a{font-family: NotoSansKR,NotoSansJP,"돋움",Dotum,AppleGothic,Tahoma,Sans-serif;color:#333; text-decoration:none; }
a:link, a:visited, a:hover, a:focus, a:active{ text-decoration:none; }
a.under{ text-decoration:underline; }
input::-ms-clear{ display: none; }
html{min-width:320px;height:100%;}
body{min-width:320px;height:100%;background:#fff;overflow-x:hidden;}

.dimmed {content: '';position: fixed;top: 0;left: 0;z-index: -1;width: 100%;height: 100%;background:rgba(0,0,0,.5);}


.wrap_layerpop {display: none;position: fixed;top: 0;left: 0;z-index: 999;width: 100%;height: 100%;}

/* 피드백 시스템 배너, 팝업 */
.feedback_system_banner{height:120px;position:fixed;left:0;bottom:0;width:100%;z-index: 9999;}
.feedback_system_banner .inr{width:940px;margin:0 auto;position: relative;}
.feedback_system_banner .inr a{position:absolute;right:0;top:0;background:#333;display:inline-block;padding:0 20px;height:35px;line-height:35px;color:#fff;border-radius: 0 0 6px 6px;font-size:15px;letter-spacing: -0.8px;}
.feedback_system_banner .inr a:after{content:'';display:inline-block;width:6px;height:10px;margin-left:6px;background: url(../images/common/btn_feedback_banner.png);}
.feedback_system_banner .mo{display:none;}
.feedback_system_banner .btn{position:absolute;padding:0 15px;right:0;top:-30px;display:flex;align-items: center;height:30px;background:rgba(0,0,0,.6);}
.feedback_system_banner .btn button{color:#fff;font-size:12px;letter-spacing: -0.6px;}
.feedback_system_banner .btn .close{margin-left:20px;text-indent: -9999px;width:10px;height:10px;background: url(../images/common/btn_feedback_banner1.png);}

.feedbackSystemPop .layerpop {width: 500px;padding: 0;border-radius: 6px;overflow: hidden;background:none;}
.feedbackSystemPop .feedback_system{padding:0 0 40px;}
.feedbackSystemPop .feedback_system img{width:100%;}
.feedbackSystemPop .feedback_system a{display:block;height:100%;}
.feedbackSystemPop .btn{position:absolute;padding:0;right:0;left:0;top:auto;bottom:0;height:50px;background:#fff;display:flex;}
.feedbackSystemPop .btn button{flex-grow: 1;flex-basis: 0;color:#333;height:100% !important;position: relative;font-size:14px;letter-spacing: -0.7px;}
.feedbackSystemPop .btn .close{margin-left:0;text-indent:0;width:100%;}
.feedbackSystemPop .btn .close:before{content:'';display:inline-block;width:1px;height:100%;background:#E6E6E6;position:absolute;left:0;top:0;}

@media screen and (max-width: 1023px) {
    /* 피드백 시스템 배너, 팝업 */
	.feedback_system_banner{height:auto;bottom: 40px;height: 100%;border-radius: 10px 10px 0 0;background:rgba(0,0,0,.5) !important;}
	.feedback_system_banner img{width:100%;}
	.feedback_system_banner .inr{width:auto;border-radius: 10px 10px 0 0;position:absolute;left:0;bottom:0;}
	.feedback_system_banner .pc{display:none;}
	.feedback_system_banner .mo{display:block;}
	.feedback_system_banner .inr a{text-indent: -9999px;background:none;height:100%;padding:0;left:0;}
	.feedback_system_banner .btn{position:absolute;padding:0;right:0;left:0;top:auto;bottom:-40px;height:40px;background:#fff;}
	.feedback_system_banner .btn button{flex-grow: 1;flex-basis: 0;color:#333;height:100% !important;position: relative;}
	.feedback_system_banner .btn .close{margin-left:0;text-indent:0;width:100%;}
	.feedback_system_banner .btn .close:before{content:'';display:inline-block;width:1px;height:100%;background:#E6E6E6;position:absolute;left:0;top:0;}

	.feedbackSystemPop .layerpop {left: 15px !important;right: 15px !important;width: auto !important;margin-left: 0 !important;}
	.feedbackSystemPop .btn{height:40px;}
	.feedbackSystemPop .btn button{font-size:12px;letter-spacing: -0.6px;}
}
