@charset "utf-8";
*{ margin:0; padding:0; list-style:none; font-family:"GmarketSans", 맑은 고딕, 微软雅黑, sans-serif; font-weight:400; letter-spacing:-0.5px; box-sizing:border-box; color:#000;}
html{ overflow-y:scroll; width:100%; height:100%;}
body{ -webkit-text-size-adjust:none; margin: 0 auto; padding:60px 15px 25px 15px; max-width: 450px; background:#ebf1f7;}


.header{ overflow:hidden; position:fixed; z-index:100; top:0; right:0; left:0; height:60px; background:#FFF; box-shadow:0 1px 0 0 rgba(0,0,0,0.05); transition:all .3s;}
.header .tit{ padding:1px 0 0 0; text-align:center; line-height:60px; font-size:18px; font-weight:500; color:#000;}


.visual{ display: flex; align-items: center; position: relative; margin: 0 -15px; padding: 0 0 0 53%; height: 250px; background: url(/images/bg_01.jpg) center; background-size: cover;}
.visual .img{ display: block; position: absolute; right: 50%; bottom: 0; height: 200px;}
.visual .vr{}
.visual .vr .tit{ font-size: 25px; font-weight: 500; color: #252728;}
.visual .vr .txt{ margin: 5px 0 0 0; font-size: 18px; color: #ee2257;}
.visual .vr a{ display: flex; justify-content: center; align-items: center; position: relative; z-index: 10; margin: 10px 0 0 0; width: 140px; height: 40px; border-radius: 20px; background: #fff000; cursor: pointer;}
.visual .vr a img{ display: block; height: 16px;}
.visual .vr a p{ margin: 0 0 0 5px; font-size: 16px;}


.search{ overflow: hidden; position: relative; margin: -40px 0 0 0; border-radius: 10px; background: #FFF; box-shadow: 0 5px 10px 0 rgba(0 0 0 / 5%);}
.search .st{ padding: 25px; background: #fff000;}
.search .st img{ display: block; margin: 0 auto; width: 90%;}
.search .st p{ margin: 15px 0 0 0; text-align: center; font-size: 18px;}
.search .st p span{ color: #F00;}
.search .sb{ padding: 25px;}
.search .sb input{ display:block; padding:0 15px; width:100%; height:40px; border-radius:20px; border:1px solid #DDD; background:#f5f5f5; text-align: center; line-height:40px; font-size:14px; color:#000; outline:none; -webkit-appearance:none;}
.search .sb .btn{ display: flex; justify-content: center; align-items: center; margin: 10px 0 0 0; height: 40px; border-radius: 20px; background: #1393ea;}
.search .sb .btn img{ display: block; height: 16px;}
.search .sb .btn p{ margin: 0 0 0 5px; font-size: 16px; color: #FFF;}
.search .sb .txt{ margin: 20px 0 0 0; text-align: center; font-size: 12px; color: #666;}
.search .sb .txt span{ color: #1393ea;}


.tel{ display: flex; justify-content: space-between; align-items: center; margin: 15px 0 0 0; padding: 25px; border-radius: 10px; background: url(/images/bg_02.jpg) center right no-repeat #ee2257; background-size: auto 100%;}
.tel .tl{}
.tel .tl .tit{ font-size: 20px; font-weight: 500; color: #FFF;}
.tel .tl .txt{ font-size: 12px; color: rgba(255 255 255 / 80%);}
.tel .tl .number{ margin: 5px 0 0 0; font-size: 25px; color: #FFF;}
.tel .btn{ display: flex; justify-content: center; align-items: center; margin: 10px 0 0 0; padding: 0 15px; height: 40px; border-radius: 20px; background: #fff000;}
.tel .btn img{ display: block; height: 16px;}
.tel .btn p{ margin: 0 0 0 5px; font-size: 15px; color: #000;}


.type_popup{ display: none; justify-content: center; align-items: center; position: fixed; z-index: 200; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0 0 0 / 70%);}
.type_popup .close{ position: fixed; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0 0 0 / 000.1%);}
.type_popup .row{ overflow: hidden; position: relative; z-index: 10; width: 320px; border-radius: 10px; background: #FFF;}
.type_popup.on{ display: flex;}

.p_search .st{ padding: 25px; background: #fff000;}
.p_search .st img{ display: block; margin: 0 auto; width: 90%;}
.p_search .st p{ margin: 15px 0 0 0; text-align: center; font-size: 16px;}
.p_search .st p span{ color: #F00;}
.p_search .sb{ padding: 25px;}
.p_search .sb input{ display:block; padding:0 15px; width:100%; height:40px; border-radius:20px; border:1px solid #DDD; background:#f5f5f5; text-align: center; line-height:40px; font-size:14px; color:#000; outline:none; -webkit-appearance:none;}
.p_search .sb img{ display: block; margin: 0 auto; height: 80px;}
.p_search .sb .txt{ margin: 20px 0 0 0; text-align: center; font-size: 14px; color: #666;}
.p_search .sb .txt span{ color: #03d402;}



.popup_area{ display: none; justify-content: center; align-items: center; position: fixed; z-index: 500; top: 0; right: 0; bottom: 0; left: 0; padding: 0 30px; background: rgba(0 0 0 / 70%);}
.popup_area .row{ max-width: 350px; width: 100%; border-radius: 15px; background: #FFF;}
.popup_area .row .head{ display: flex; justify-content: space-between; align-items: center; padding: 0 20px; height: 50px; border-bottom: 1px solid #DDD;}
.popup_area .row .head p{ font-size: 18px;}
.popup_area .row .head i{ font-size: 20px; color: #666; cursor: pointer;}
.popup_area .row .body{ padding: 20px;}
.popup_area .row .body select{ display:block; margin:0; padding:0 30px 0 15px; width:100%; height:45px; border-radius: 5px; border:1px solid #DDD; background:url(/images/basic_select_icon.png) no-repeat center right 15px #f5f5f5; background-size:14px auto; line-height:45px; font-size:15px; letter-spacing:0; color:#000; outline:none; -webkit-appearance:none;}
.popup_area.on{ display: flex;}