@charset "utf-8";

/* 웹폰트 추가 */
/* font-family: 'Manrope', sans-serif; */
@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@200;300;400;500;600;700;800&display=swap');

/* font-family:  sans-serif; */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');


*{font-family: 'Manrope','Noto Sans KR',sans-serif;}

.translate-n50{transform:translate(-50%,-50%);}
.background-center-cover{background-size:cover; background-position:center; background-repeat:no-repeat;}

/* 팝업관련스타일 */
#hd_pop{width:100%;}
#hd_pop {z-index:1000;position:relative;margin:0 auto;height:0}
#hd_pop h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
.hd_pops {position:absolute;border:1px solid #e9e9e9;background:#fff}
.hd_pops img {max-width:100%}
.hd_pops_con {}
.hd_pops_footer {padding:0;background:#000;color:#fff;text-align:left;position:relative}
.hd_pops_footer:after {display:block;visibility:hidden;clear:both;content:""}
.hd_pops_footer button {padding:10px;border:0;color:#fff}
.hd_pops_footer .hd_pops_reject {background:#000;text-align:left}
.hd_pops_footer .hd_pops_close {background:#393939;position:absolute;top:0;right:0}

/* 화면낭독기 사용자용 */
#hd_login_msg {position:absolute;top:0;left:0;font-size:0;line-height:0;overflow:hidden}
.msg_sound_only, .sound_only {display:inline-block !important;position:absolute;top:0;left:0;width:0;height:0;margin:0 !important;padding:0 !important;font-size:0;line-height:0;border:0 !important;overflow:hidden !important}




/* quick animation  */
#quk_warp>.qus_area>.btn_quk_warp>span{-webkit-transition: .3s; transition: .3s; transform-origin: 50% 50%;}
#quk_warp {width:70px; font-size:0; line-height:0;right:50px; bottom:100px; position:fixed;   z-index:998 !important;display:inline-block;}
#quk_warp>.qus_area{position: relative;}

#quk_warp>.qus_area>.btn_quk_warp {width:70px; height:70px; background-color:#fff; background-repeat:no-repeat; background-position:right center;  display:inline-block; box-sizing:border-box; overflow:hidden; border-radius:50px; position: relative;box-shadow: 5px 5px 8px 0px rgba(0,0,0,0.1);
-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}
#quk_warp>.qus_area>.btn_quk_warp:first-child {background-color:#39c0c0;}

#quk_warp>.qus_area>.btn_quk_warp>span{font-size:16px; line-height:70px; color: #fff; position: relative; opacity: 0; display:block;}
#quk_warp>.qus_area>.btn_quk_warp+.btn_quk_warp{margin-top:10px;}
#quk_warp>.qus_area>.btn_quk_warp.iconss01{background-image: url(/theme/bootstrap/img/common/quick_icon01.png); background-color:#4f9544;}
#quk_warp>.qus_area>.btn_quk_warp.iconss02{background-image: url(/theme/bootstrap/img/common/quick_icon02.png); background-color:#fedc00;}
#quk_warp>.qus_area>.btn_quk_warp.iconss03{background-image: url(/theme/bootstrap/img/common/quick_icon03.png); background-color:#fff;}
#quk_warp>.qus_area>.btn_quk_warp.iconss01:hover {width:155px; background-color:#4f9544;
-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease; margin-left:-85px;}
#quk_warp>.qus_area>.btn_quk_warp.iconss02:hover {width:155px; background-color:#fedc00;
-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease; margin-left:-85px;}
#quk_warp>.qus_area>.btn_quk_warp.iconss03:hover {width:155px; background-color:#4f9544;
-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease; margin-left:-85px;}
#quk_warp>.qus_area>.btn_quk_warp:hover>span{padding-left:25px; opacity:1; -webkit-transition-delay: .2s; transition-delay: .2s;}
#quk_warp>.qus_area>.btn_quk_warp:hover.iconss01{background-image: url(/theme/bootstrap/img/common/quick_icon01.png);}
#quk_warp>.qus_area>.btn_quk_warp:hover.iconss02{background-image: url(/theme/bootstrap/img/common/quick_icon02.png);}
#quk_warp>.qus_area>.btn_quk_warp:hover.iconss03{background-image: url(/theme/bootstrap/img/common/quick_icon03_on.png);}

@media (max-width: 767px){
	#quk_warp {width:50px; right:10px; bottom:20px;}
	#quk_warp>.qus_area>.btn_quk_warp {width:50px; height:50px;background-position:95% 50%; background-size:50px 50px;}
	#quk_warp>.qus_area>.btn_quk_warp>span { font-size:14px; line-height:50px;}
	#quk_warp>.qus_area>.btn_quk_warp:hover {width:135px;}
	#quk_warp>.qus_area>.btn_quk_warp:hover>span {padding-left:20px;}
}

@media (max-width: 499px){
	#quk_warp>.qus_area>.btn_quk_warp:first-child:hover {background-color:#39c0c0;}
	#quk_warp>.qus_area>.btn_quk_warp:hover {width:50px; margin-left:0;}
	#quk_warp>.qus_area>.btn_quk_warp:hover>span {font-size:12px;}
  #quk_warp>.qus_area>.btn_quk_warp:hover.iconss01{background-image: url(/theme/bootstrap/img/common/quick_icon01.png); background-color:#4f9544;}
	#quk_warp>.qus_area>.btn_quk_warp:hover.iconss02{background-image: url(/theme/bootstrap/img/common/quick_icon02.png); background-color:#fedc00;}
	#quk_warp>.qus_area>.btn_quk_warp:hover.iconss03{background-image: url(/theme/bootstrap/img/common/quick_icon03.png); background-color:#4f9544;}
}


/* mainslide */
.bg-gradient1{background-image: linear-gradient(90.13deg,#e03d42 .11%,#673cbf 99.76%); background-clip: text; -webkit-background-clip: text; color: transparent;}