@charset "utf-8";
html, body, div, span, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address,em, img, ins, kbd, q, samp,small, strong, sub, sup, var,b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
    padding:0;
    margin:0;
    border:0;
    outline:0;
    background:transparent;
    font-family:  "Roboto","Apple SD Gothic Neo",sans-serif;
	box-sizing: border-box;
	-webkit-text-size-adjust:none;
    text-size-adjust:none;/* 뷰표트 변환시 폰트크기 자동확대 방지 */
	font-size-adjust: none;
    word-break: keep-all;
	line-height: 1.1;
	box-sizing: border-box;
    font-size:16px;
	letter-spacing: 0px;
}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {display:block;}
html,body{width: 100%;height: 100%;position: relative;font-size: 15px;-webkit-text-size-adjust:100%;color: #242936;}
ul, ol, li,dl,dt {list-style:none;}
h1, h2, h3, h4, h5, h6,p{font-size:100%; font-weight:normal;}
table{width: 100%; border-collapse:collapse; border-spacing:0; vertical-align:middle;border:0 none;}
table th,table td{ vertical-align:middle;}
legend {display:none; visibility:hidden;}
fieldset, button {vertical-align:middle; border:0;}
img{border:0;vertical-align:top;width: 100%;}
input, textarea, select{letter-spacing:normal;vertical-align:middle;}
a {display: inline-block; vertical-align:top; text-decoration:none;color: #363636;box-sizing: border-box;}
a:hover, a:active, a:focus{text-decoration:none;}
button {border:0; vertical-align:middle; cursor:pointer; overflow:visible; background:transparent;}
.off{display: none}
.ir span,i span{position: relative; display: block; width: 0; height: 0; margin: 0; padding: 0; overflow: hidden; visibility: hidden; line-height: 0; font-size: 0;  text-indent:-9999px; z-index: -1;}
input, select, textarea, button {font-size:100%;letter-spacing:normal;vertical-align:middle;border:1px solid #d9d9d9;padding: 0;box-shadow:0;border-radius:0;}
input,select,textarea,button {-webkit-appearance: none;appearance: none;}
input:focus, select:focus, button:focus{outline:none}
button {cursor:pointer;background:transparent;}
input[type="text"], input[type="password"], input[type="email"], input[type="tel"], input[type="number"], input[type="date"], select, button{margin:0;height:53px;line-height: 24px;padding: 0 15px;background: #fff;border-radius: 2px;box-sizing: border-box;}
textarea{padding:15px;border-radius:0;resize: none;box-sizing:border-box;font-family:  "Helvetica Neue","Apple SD Gothic Neo",sans-serif;;}
input::placeholder{color: #b4b4b4;}
input[type="password"]{letter-spacing: -0.5px;}
input[type="date"],input[type="month"]{position: relative;letter-spacing: -0.5px;padding: 0;font-family:  "Roboto","Apple SD Gothic Neo",sans-serif;text-indent:-999999em;}
input[type="date"]::-webkit-calendar-picker-indicator,input[type="month"]::-webkit-calendar-picker-indicator{color: transparent;background: none;z-index: 1;width:100%;margin: 0;padding: 0;height: 100%;}
input[type="date"]:before,input[type="month"]:before{color: transparent; background: url(/static/img/icon_ui.png);background-size: 288px 212px;background-position: -0 -156px; display: block; content: ''; width: 24px; height: 24px; position: absolute; top: 50%;transform: translateY(-50%); right: 0;}
input[type="date"]::after,input[type="month"]::after{color: #161616;content: attr(data-content);display: block;width: 100%;position: absolute;left: 0;top: 0;text-indent:0;}
textarea::placeholder{color: #b4b4b4;}
b{font-style:normal;}
.swiper-pagination{z-index: 1!important;}
i,em{font-style:normal}
textarea:focus, input:focus{outline: none;-webkit-tap-highlight-color: rgba(255, 255, 255, 0);}
.swiper-slide{position: relative;}
.swiper-pagination .swiper-pagination-bullet{transition: all ease 0.3s}
.swiper-pagination .swiper-pagination-bullet-active{background-color: #ff0132;width:25px;border-radius:20px}
.swiper-pagination{z-index: 1!important;}
.swiper-container-horizontal{position: relative;}
@font-face {
    font-family: Roboto;
    src:url('/static/fonts/Roboto-Regular.woff') format('woff'), /*모던브라우저*/
		url('/static/fonts/Roboto-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: Roboto;
    src:url('/static/fonts/Roboto-Medium.woff') format('woff'), /*모던브라우저*/
		url('/static/fonts/Roboto-Medium.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}
/* 아이콘 */
i.icon{position: relative;display: inline-block;vertical-align: middle;}
i.icon:after{content:""; display: block;position: absolute;left:50%;top:50%;transform: translate(-50%,-50%);background-size: cover;background-repeat: no-repeat;}
i.header_menu{width: 32px;height: 32px;}
i.header_menu:after{width: 32px;height: 32px;background-image: url(/static/img/header_menu.png);}
i.header_home{width: 32px;height: 32px;}
i.header_home:after{width: 32px;height: 32px;background-image: url(/static/img/header_home.png);}
i.header_back{width: 24px;height: 24px;}
i.header_back:after{width: 24px;height: 24px;background-image: url(/static/img/header_back.png);}
i.icon_navi{width: 28px;height: 28px;}
i.icon_navi:after{width: 28px;height: 28px;background-image: url(/static/img/icon_navi.png);}
i.icon_dot{width: 32px;height: 32px;}
i.icon_dot:after{width: 32px;height: 32px;background-image: url(/static/img/icon_dot.png);}
i.icon_phone{width: 24px;height: 24px;}
i.icon_phone:after{width: 24px;height: 24px;background-image: url(/static/img/icon_phone.png);}
i.icon_copy{width: 24px;height: 24px;}
i.icon_copy:after{width: 24px;height: 24px;background-image: url(/static/img/icon_copy.png);}
/* Layout */
#wrap{width: 100%;overflow:hidden;min-height: 100%;}
.page_content{background-color: #fff;padding-bottom: 64px;}
.c_gray{color: #979797!important;}
/* header */
header{padding: 0 16px;background-color: #efece6;}
header{display:flex;align-items: center; justify-content: left;padding:13px 11px 13px 16px;height: 62px;box-shadow: 0 0 0 0 rgba(0,0,0,0.1);transition: all ease 0.2s;}
header .btn_left{padding: 5px;margin-right: 6px;}
header .btn_right{margin-left: auto;padding:5px}
header .btn_right_side{padding: 5px;margin-left: 7px;}
header .btn_right + .btn_right_side{margin-left: 3px;}
header a{position: relative;}
header a em{position: absolute;right: -1px;top: 6px;z-index: 1;display: block;background-color: #ee2737;width: 17px;height: 17px;border-radius: 9px;text-align: center;font-size: 12px;color: #fbf9f4;letter-spacing:-0.5px;padding-top: 2px;}
header h1{font-size: 22px;letter-spacing: -0.5px;}
header h1 img{width: 160px;}
header_fixed{position: fixed;left: 0;top: 0;width:100%;z-index: 3;background-color: #fff;}

.top_content{padding: 8px 16px 0;background: linear-gradient(to top, #fff 24px, #efece6 24px);}
.top_content > span{display: block;font-size: 14px;line-height: 19px;}
.top_content > strong{display: block;font-size: 18px;padding: 16px 0 24px;}
.top_content .top_button{display: flex;justify-content: space-between;align-items: center;}
.top_content .top_button .btn_as{margin: 0 8px 0 auto;padding: 0 20px;}
.top_content .top_button .btn_navi{background-color: #ffe100;color: #242936;}

.box_content{padding: 24px 16px 8px;}
.box_content .title{display: block;font-size: 16px;border-bottom: 1px solid #eb4d4b;padding-bottom: 8px;}
.box_content ul{padding: 16px 0 0;}
.box_content ul li{display: flex;justify-content:flex-start;align-items: flex-start;font-size: 16px;padding-bottom: 8px;}
.box_content ul li span{color: #979797;width: 22%;line-height: 28px;}
.box_content ul li p{width: 78%;line-height: 28px;}
.box_content ul.type_product li{justify-content: space-evenly;}
.box_content ul.type_product li span{width: 80%;white-space: nowrap;word-break: break-all;overflow: hidden;text-overflow:ellipsis}
.box_content ul.type_product li p{width: 20%;}
/* 버튼 */
.btn_wrap{position: relative;text-align: center;}
.btn_wrap:after{content: "";display: block;clear: both;}
.btn_wrap .btn_fixed_bottom{position: fixed;left:0;right: 0;bottom:0;width:100%;z-index: 1;background-color: #eb4d4b;display: flex;justify-content: space-between;align-items: center;}
.btn_wrap .btn_fixed_bottom a.btn{width: 100%;border-radius:0;line-height: 64px;font-size: 16px;font-weight: bold;}
.btn_wrap .btn_fixed_bottom a.btn_botn{position: relative;width: 50%;border-radius:0;line-height: 64px;font-size: 16px;font-weight: bold;}
.btn_wrap .btn_fixed_bottom i.stick{display: inline-block;width: 4px;height: 16px;background-color: #fff;}
.btn_wrap .btn_fixed_bottom a.btn_disable{color: #ec8777;}
.btn{position: relative;display: inline-block;line-height: 48px;background-color: #eb4d4b;border-radius: 10px;color: #fff;font-size: 14px;padding: 0 8px;}
.btn_phone{display: inline-block;width: 36px;height: 24px;border:1px solid #eb4d4b;border-radius: 12px;text-align: center;vertical-align: middle;margin-top: -7px;margin-left: 3px;}
.btn_phone i{vertical-align: top;margin-top: -1px;}
.btn_copy{display: inline-block;color: #eb4d4b;line-height: 24px;font-size: 14px;}
.btn_copy i{margin-right: 1px;vertical-align: middle;margin-top: -5px;}