@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Work+Sans:wght@700;800&display=swap');
@font-face {font-family: 'LotteMartDream';font-style:normal;font-weight: 400;src: url('//cdn.jsdelivr.net/korean-webfonts/1/corps/lottemart/LotteMartDream/LotteMartDreamMedium.woff2') format('woff2'), url('//cdn.jsdelivr.net/korean-webfonts/1/corps/lottemart/LotteMartDream/LotteMartDreamMedium.woff') format('woff')}
@font-face {font-family: 'LotteMartDream';font-style:normal;font-weight:700;src:url('//cdn.jsdelivr.net/korean-webfonts/1/corps/lottemart/LotteMartDream/LotteMartDreamBold.woff2') format('woff2'), url('//cdn.jsdelivr.net/korean-webfonts/1/corps/lottemart/LotteMartDream/LotteMartDreamBold.woff') format('woff')}
@font-face {font-family: 'LotteMartDream';font-style: normal;font-weight: 300;src: url('//cdn.jsdelivr.net/korean-webfonts/1/corps/lottemart/LotteMartDream/LotteMartDreamLight.woff2') format('woff2'), url('//cdn.jsdelivr.net/korean-webfonts/1/corps/lottemart/LotteMartDream/LotteMartDreamLight.woff') format('woff')}
.lottemartdream * {font-family: 'LotteMartDream', sans-serif}  

*{-webkit-text-size-adjust:none}
body{background:#fff;font-size:0.81em;font-family:'Nanum Gothic'}
h1, h2, h3, h4, h5, h6, input, button, textarea, select{font-family:'Nanum Gothic'}

/* 메뉴오픈 - 스크롤막기 */
body.open{overflow:hidden;position:absolute;width:100%;height:100%}

#sh_wrapper{position:relative;max-width:1920px;width:100%;margin:0 auto}

/* head 전체 100% 혹은 min-width 사용 */
#sh_hd {z-index:10;position:relative;width:100%;height:98px;font-family:'LotteMartDream'}
@media (max-width: 540px){
#sh_hd{height:80px}
}
/* head 센터 및 넓이 지정 */
#sh_hd_wrapper {margin:0 auto;padding:0;width:100%;zoom:1;height:100px;z-index:0}
#sh_hd_wrapper:after {display:block;visibility:hidden;clear:both;content:""}
@media (max-width: 540px){
#sh_hd_wrapper{height:80px}
}

/* CONTAINER */
#sh_container{position:relative;width:100%;z-index:0}
#sh_container_wrapper{position:relative;width:100%;margin:0 auto;zoom:1;z-index:99}
#sh_container_wrapper:after{display:block;visibility:hidden;clear:both;content:""}

/* SNB */
#sh_aside{position:relative;width:100%;margin-top:-75px;background: rgb(0 0 0 / 47%);overflow:hidden;font-family:'notokr-regular'}
#sh_aside:after{display:block;content:"";position:absolute;left:0;bottom:0;z-index:-1;width:100%;height:1px;background-color:#e1e1e1}
#sh_aside_wrapper{overflow:hidden;position:relative;max-width:1200px;margin:0 auto;zoom:1}

/* CONTENT */
#sh_content{position:relative;z-index:4;max-width:1200px;min-height:580px;margin:0 auto;padding:70px 0;background-color:#fff}
#sh_content:after{display:block;visibility:hidden;clear:both;content:""}
 
#sh_section{font-size:15px;font-weight:300;color:#777;letter-spacing:-.3px;font-family:'LotteMartDream'}
#sh_section .ws{white-space:pre-line}
@media (max-width: 1200px){
#sh_section .ws{white-space:normal}
}
/* MAIN  */
#main_banner{position:relative;z-index:10;width:100%;height:620px;background: url(/sh_img/index/main_banner/main_img.jpg) top left no-repeat;font-family:'LotteMartDream'}
@media (max-width: 1200px){
#main_banner {height:auto;background-image:url(/sh_img/index/main_banner/main_img_b.jpg);background-position:center}

}
@media (max-width: 768px){
#main_banner {background:none}
}

/* 하단 */
#sh_ft {z-index:10;position:relative;font-size:14px;font-weight:300;color: #777;font-family:'LotteMartDream'} 
#sh_ft.sub{padding-top:70px;background-color:#f7f7f7}
#sh_ft .quck_bnr{max-width:1200px;margin: 0 auto 40px;padding-bottom:30px;border-bottom:solid 1px #e1e1e1;}
#sh_ft .quck_bnr dl{margin-bottom:20px;overflow:hidden}
#sh_ft .quck_bnr dl dt{display:inline-block;font-size: 15px;font-weight:700;color:#222;}
#sh_ft .quck_bnr dl dt:after{display:inline-block;margin-left: 15px;width:1px;height:9px;content:'';background-color: #cacaca}
#sh_ft .quck_bnr dl dd{display:inline-block}
#sh_ft .quck_bnr dl dd a{display:inline-block;padding:0 10px;color: #333;}
#sh_ft .quck_bnr dl dd a:hover{text-decoration:underline}
#sh_ft .sh_ft_wrapper{position:relative;max-width:1200px;margin: 0 auto 70px;line-height: 23px;}
#sh_ft .sh_ft_wrapper .copy{margin-top:40px}
#sh_ft .sh_ft_wrapper .adm_icon{position:absolute;right:0;bottom:0}
#sh_ft .loan_btm{padding: 45px 0;font-size: 25px;background-color:#14100e;}
#sh_ft .loan_btm .ws{max-width:1200px;margin:0 auto;color:#fff;line-height: 32px;/* white-space: pre-line; */}
#sh_ft .loan_btm .ws span{display: block;padding-top: 20px;font-weight: 600;color:#f4ae0a;word-break:keep-all}

#ft_chat_bnr{display:none;position:fixed;left:0;right:0;bottom: -30px;width: 100%;padding: 0 12px;margin: 0 auto;opacity:0;z-index:15;overflow:hidden;font-family:'LotteMartDream';transition:ease-in-out 0.3s;}
#ft_chat_bnr.fixed{bottom: 0;opacity:1;padding-bottom: 10px;}
#ft_chat_bnr a{display:inline-block;float:left;width: 49%;height:78px;border-radius: 5px;font-size:17px;font-weight:700;line-height: 78px;text-align:center;background-color: #ffae00;box-shadow: 0 3px 8px rgb(0 0 0 / 17%);}
#ft_chat_bnr a.req{margin-left: 2%;color: #fff;background-color:#d64903;}

/* 상담신청 */
#ft_chat_bnr a.chat{display:none}
#ft_chat_bnr a{width:100%}

@media (max-width: 1200px){
#sh_ft .quck_bnr{padding:0 20px 30px 20px}
#sh_ft .sh_ft_wrapper{padding:0 20px}
#sh_ft .loan_btm{padding:45px 20px}
#sh_ft .sh_ft_wrapper .adm_icon{right:20px}
}
@media (max-width: 768px){
#ft_chat_bnr{display:block}
#sh_ft .loan_btm{padding-bottom: 105px;}
#sh_ft .quck_bnr dl{margin-bottom:25px}
#sh_ft .quck_bnr dl dt{display:block;margin-bottom:10px} 
#sh_ft .quck_bnr dl dt:after{display:none}
#sh_ft .quck_bnr dl dd a{padding:0 5px 0 0;line-height: 26px;margin-right:3px;}

}
@media (max-width: 540px){
#sh_ft .loan_btm .ws{line-height:25px}
#sh_ft .sh_ft_wrapper .adm_icon{position:relative;margin-top:15px;right:auto;bottom:auto}
#sh_ft .loan_btm{font-size:17px}
}
@media (max-width: 430px){
#ft_chat_bnr a{font-size:15px}
}

/* 사이트맵 */
a{text-decoration:none !important}
a:hover{text-decoration:none !important}

#sh_site_map{width:100%;position:relative;min-height:500px;height:500px auto;margin:0 auto}
.sh_site_map01{width:30%;float:left;margin-right:3%;min-height:200px;height:200px auto;margin-bottom: 60px;border-bottom: solid 1px #e1e1e1;}
.sh_site_map_title{font-size: 17px;font-weight: normal;color: #222;font-family: 'notokr-medium';}

.sh_site_map_title a{color: #222;}

.sh_site_map_line{border-bottom:2px solid #222;margin:10px 0}
.sh_site_map_box{margin:0 auto;min-height:80px}
.sh_site_map_txt{font-size:14px;line-height:1.2em;color:#666;padding:5px;font-family:'notokr-regular'}
.sh_site_map_txt a{color:#666}

#device_change{border:1px solid #666;font-size:3.5em;box-shadow:none}
