body { position:relative; width:100%; max-width:640px; margin:0 auto; padding-bottom:160px; }
body img { max-width:100%; }


.main01 { position:relative; width:100%; height:11557px; min-width:1280px; background:url(/landing/wart/images/pc.jpg)no-repeat 50% 0; }

.mainbtwrap { position:relative; width:100%; max-width:1124px; margin:0 auto; }
.mainbtwrap ul { width:100%; display:flex; flex-direction: row; }
.mainbtwrap ul li { width:25%; }





.topArea { position:fixed; bottom:0; left:0; height:160px; width:100%; background-color:#FFF; overflow:hidden; z-index:20}
.topArea .formWrap {  background:url(/landing/dayojung_pc/images/form_bg.gif) top center no-repeat; width:1200px; margin:0 auto; text-align:left; height:160px; position:absolute; left:50%; margin-left:-600px;}
.topArea table.formList { position:absolute; left:300px; top:15px;}
.topArea table.formList th, 
.topArea table.formList td { text-align:left;} 
.topArea table.formList .t_form { height:20px; border:1px solid #ccc; color:#000; font-size:12px; font-weight:bold;}
.topArea table.formList textarea { border:1px solid #ccc; color:#000; font-size:12px; font-weight:bold;}
.topArea table.formList .b_area{ padding-left:20px;}
.topArea table.formList .t_agree { font-size:12px; color:#fff; font-weight:bold; text-align:right;}
.topArea table.formList .t_agree img,
.topArea table.formList .t_agree input { vertical-align:middle;}
.topArea table.formList .t_p { padding-right:20px;}

.topArea input[type="radio"] { display:inline-block; }




#quick_menu {position:fixed; left:0; bottom:0; z-index:50; width:100%; }
#quick_menu ul { width:100%; max-width:640px; margin:0 auto; display:flex; flex-direction: row; }
#quick_menu ul li { width:33.333%;}
#quick_menu img { display:block; width:100%;}

#quick_menu .frow { position:relative; width:90%; margin:0 auto; }

#intro_kakao_pop { position:fixed; top:0px; left:-700px; z-index:50; width:100%; height:100%; max-width:640px; padding:30px; box-sizing:border-box; background:rgba(231,239,255,0.8); transition:left .4s;}
#intro_kakao_pop h2 { padding-top:20%; }
#intro_kakao_pop.open { left:0px; }
#intro_kakao_pop ul { width:100%; margin-top:5%; display:flex; flex-wrap: wrap; justify-content: flex-start; flex-direction: row; }
#intro_kakao_pop ul li { width:32.3333%; margin-right:1.5%; margin-bottom:1.5%; height:46px; }
#intro_kakao_pop ul li:nth-child(3n) { margin-right:0px; }
#intro_kakao_pop ul li a {display:block; font-size:15px; font-weight:500; color:#381e1f; line-height:46px; text-align:center; background:#fff;}
#intro_kakao_pop ul li a span { padding-left:10px; }
#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; top:10px; right:10px; width:60px; }








#q_counsel_pop { display:none; position:fixed; top:1000px; left:0px; z-index:50; width:100%; max-width:640px; min-height:100vh; padding:10% 5%; box-sizing:border-box; background:#e7efff;}
#q_counsel_pop h2 {margin-bottom:20px; font-size:30px; 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:40px; padding-left:20px; font-size:20px; color:#404040;}
#q_counsel_pop .frow select {width:100%; height:40px; padding-left:20px; font-size:20px; color:#404040;}
#q_counsel_pop input,
#q_counsel_pop select {border-radius: 0px; -webkit-appearance: none; -moz-appearance: none; appearance: none; font-size:20px;}
#q_counsel_pop select option {font-size:20px;}
#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:20px; 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:40px;}
#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:80px; padding:10px 20px; font-size:20px; 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:20px; color:#333333; line-height:40px;}
#q_counsel_pop .checkbox label em {color:#999999;}
#q_counsel_pop .checkbox label:before {position:absolute; top:5px; left:0; width:30px; height:30px; 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:100%; height:55px; margin:auto; font-size:30px; color:#fff; font-weight:bold; border-radius:5px; cursor:pointer; background:#729fff;}

#q_counsel_pop .btn_counsel_close {position:absolute; right:10px; top:10px; width:32px; }
#q_counsel_pop .btn_counsel_close img { width:100%; }