@charset "utf-8";
 
body{font-family: 'Noto Sans KR', sans-serif; letter-spacing:-1.5px; line-height:1.2; color:#222;}
 
/* main */
.top_inner{margin: 0 8vw;}
.top_inner img {width:100%;}
.prd_cont_top {background-color:#fff; position:relative; width:100%; height:100vh; height: calc(var(--vh, 1vh) * 100); overflow:hidden; display: flex; align-items:center;}
.prd_top{padding:0; margin: 28vw 0 8vw;}
 
.top_logo {position:relative;top:0; z-index:1; margin-left:8vw}
.top_logo img{width:40%; padding-top:6vw; /* padding-bottom:10vw; */}
.top_productname {position:relative; color:#666; font-size:4vw; font-family:'NotoSansLight'; padding-bottom:3vw}
.top_title {position:relative; color:#000; font-size:9vw; font-family:'NotoSansLight';}
.top_title b{font-family:'NotoSansBold';}
.list {padding-bottom:5vw} 
.ebizBtn img {/*box-shadow: 4px 4px 21px 0 rgba(20, 123, 253, 0.5);*/ } 
 
/* DB 입력영역 */
input[type="text"]{color: #222; box-sizing:border-box;}
input:-ms-input-placeholder {color:#bcbcbc;}
input::-webkit-input-placeholder {color:#bcbcbc;}
input::-moz-placeholder {color:#bcbcbc;}
input:input-placeholder{color:#bcbcbc;}
 
.keyvisual_db{position:relative;}
.keyvisual_db .input_s_area input[type='text'],
.keyvisual_db .input_s_area input[type='number'] {
	height: 100%;text-align:left;font-size:4.8vw;letter-spacing:-0.5vw;border:0;border-bottom:1px solid #bcbcbc;background-color:#fff; padding: 0 1.5vw}
.keyvisual_db .input_s_area {text-align:left;}
.keyvisual_db .input_s_area:after {content:""; display:block; clear:both;}
.keyvisual_db .input_s_area li {height:12vw; float:left; margin-bottom:5%;}
.keyvisual_db .input_s_area li.name input {border-radius:0; width:100%;}
.keyvisual_db .input_s_area li.name input:focus{border-bottom:2px solid #150f96;outline:none;border-radius:0;} 
.keyvisual_db .input_s_area li.birth {float:left;}
.keyvisual_db .input_s_area li.birth input {border-radius:0; width:40vw; margin-right:2.5vw;}
.keyvisual_db .input_s_area li.birth input:focus {border-bottom:2px solid #150f96;outline:none;border-radius:0;}  
.keyvisual_db .input_s_area li.birth input#gender02{width:10vw;padding:0 10px;margin-left:2.5vw;margin-right:2vw;}
.keyvisual_db .input_s_area li.birth b{font-weight:normal;font-size:4.8vw;color:#444;}
.keyvisual_db .input_s_area li.birth b.ct{position:relative;top:5px;}
.keyvisual_db .input_s_area li.number {float:left;/* padding-bottom:5vw; */}
.keyvisual_db .input_s_area li.number input {border-radius:0; width:70vw;height:12vw;}
.keyvisual_db .input_s_area li.number input:focus {border-bottom:2px solid #150f96;outline:none;border-radius:0;} 
 
.btn img{border-radius:10px;margin:0 auto;}
 
.scroll {position:relative;}
.scroll img {position:relative; width:20%; display:block; margin:0 auto; padding-bottom:10vw; }