#wrap img {display:block;}
img {vertical-align:top;}

#q_counsel_pop {display:none; position:absolute; top:1000px; left:0px; z-index:1111000; width:640px; min-height:100vh; padding:50px 20px 80px; background:#e7efff;}
#q_counsel_pop h2 {margin-bottom:30px; font-size:45px; color:#1f2f53; text-align:center; line-height:1;}
#q_counsel_pop h2 strong {font-weight:bold;}
#q_counsel_pop .frow +.frow {margin-top:15px;}
#q_counsel_pop .frow input {width:100%; height:60px; padding-left:20px; font-size:26px; color:#404040;}
#q_counsel_pop .frow select {width:100%; height:60px; padding-left:20px; font-size:26px; color:#404040;}
#q_counsel_pop input,
#q_counsel_pop select {border-radius: 0px; -webkit-appearance: none; -moz-appearance: none; appearance: none;}
#q_counsel_pop select::-ms-expand {display: none;}
#q_counsel_pop select {background: #fff url('../images/icon_select.png') 100% 50% no-repeat;}

#q_counsel_pop .tel_wrap {overflow:hidden;}
#q_counsel_pop .tel_wrap input,
#q_counsel_pop .tel_wrap select {float:left; width:32%;}
#q_counsel_pop .tel_wrap input {margin-left:2%;}
#q_counsel_pop .label {position:relative; padding-left:20px; margin-bottom:8px; font-size:28px; color:#191919; line-height:45px; font-weight:bold;}
#q_counsel_pop .label:before {position:absolute; top:50%; left:0; width:10px; height:10px; margin-top:-5px; border-radius:50%; background:#191919; content:'';}
#q_counsel_pop .frow.type02 {position:relative; padding-left:136px;}
#q_counsel_pop .frow.type02 .label {position:absolute; top:0; left:0; line-height:60px;}
#q_counsel_pop .time_wrap {overflow:hidden;}
#q_counsel_pop .time_wrap select {float:left; width:20%; margin-left:2%;}
#q_counsel_pop .time_wrap select:first-child {width:34%; margin:0;}
#q_counsel_pop textarea {width:100%; height:120px; padding:10px 20px; font-size:26px; color:#404040;}




#q_counsel_pop .checkbox {display:inline-block; overflow:hidden; margin:15px 0 25px; position:relative; vertical-align:middle;}
#q_counsel_pop .checkbox * {vertical-align:top;}
#q_counsel_pop .checkbox input {position: absolute;  width: 1px;  height: 1px;  padding: 0;  overflow: hidden;  clip: rect(0, 0, 0, 0);  white-space: nowrap;  border: 0;}
#q_counsel_pop .checkbox label {display:inline-block; position:relative; padding-left:60px; font-size:26px; color:#333333; line-height:60px;}
#q_counsel_pop .checkbox label em {color:#999999;}
#q_counsel_pop .checkbox label:before {position:absolute; top:5px; left:0; width:50px; height:50px; border:1px solid #535353; content:'';}
#q_counsel_pop .checkbox input:checked+label:before {border-color:#fff; background:url('../images/icon_checkbox.png');}

#q_counsel_pop .btn_submit {display:block; width:520px; height:75px; margin:auto; font-size:35px; color:#fff; font-weight:bold; border-radius:5px; cursor:pointer; background:#729fff;}

#q_counsel_pop .btn_counsel_close {position:absolute; right:30px; top:20px;}



#quick_menu {position:fixed; left:0; bottom:0; z-index:1111111000; width:640px;}
#quick_menu ul {overflow:hidden;}
#quick_menu ul li {float:left; width:33.333%;}
#quick_menu img {display:block; width:100%;}




#intro_kakao_pop {position:fixed; top:100px; left:-700px; z-index:1111000; width:580px; margin-left:-290px; padding:30px; background:rgba(231,239,255,0.8); transition:left .4s;}
#intro_kakao_pop .inbox {}
#intro_kakao_pop.open {left:50%; }
#intro_kakao_pop ul {overflow:hidden; margin:8px -2px -2px;}
#intro_kakao_pop ul li {float:left; width:33.333%; padding:2px;}
#intro_kakao_pop ul li a {display:block; font-size:24px; color:#381e1f; line-height:60px; text-align:center; background:#fff;}
#intro_kakao_pop .btn_wrap {display:block; margin-top:15px;}
#intro_kakao_pop .btn_wrap a {display:block;}
#intro_kakao_pop .btn_close {position:absolute; left:0; top:-74px;}


.topArea2 {width:640px; background-color:#FFF; position:fixed; bottom:-100%; left:0; z-index:100; padding:30px 15px; overflow:hidden; transition:all .4s;}
.topArea2.open {bottom:170px;}
.topArea2 img {width:100%;}
.topArea2 .top_img {position:relative; background-color:#FFF;}
.topArea2 .top_img .img1 img {width:108px;}
.topArea2 .top_img .img2 img {width:450px; margin-top:10px;}
.topArea2 .top_img .close {position:absolute; top:0; right:10px; z-index:2; width:30px; height:30px;}
.topArea2 .top_img02 {overflow:hidden; margin-top:15px;}
.topArea2 .top_img02 img {width:100%;}
.topArea2 .top_img02 .call {float:left; width:20%;}
.topArea2 .top_img02 a {display:block; padding:2px;}