@charset "utf-8";
@import url(https://use.fontawesome.com/d00b556be3.css);

/* reset */
* { padding:0; margin:0 }
*, :after, :before { -webkit-box-sizing: border-box;  -moz-box-sizing: border-box;  box-sizing: border-box; }
html { overflow-y:scroll; height:100%; font-size:12px }
@media (max-width:359px){html{font-size:12px;}}
@media (min-width:360px) and (max-width:399px){html{font-size:13px;}}
@media (min-width:400px) and (max-width:439px){html{font-size:14px;}}
@media (min-width:440px) and (max-width:479px){html{font-size:15px;}}
@media (min-width:480px){html{font-size:16px;}}
body { line-height:1.4; font-family:sans-serif; color:#222; font-weight:400; background:#fff; height:100%; letter-spacing:-.05em }

ul, ol { list-style:none }
html, h1, h2, h3, h4, h5, h6, form, fieldset, img { border:0 }
h1, h2, h3, h4, h5, h6 { font-weight:900; font-size:1rem; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block }
label, input, button, select, img { vertical-align:middle }
label.refer { color:#999; vertical-align:-2px }
label { color:#222; vertical-align:0 }

input, button, textarea, select { font-size:1em; font-family:sans-serif; font-weight:400 }
input[type=text], input[type=password], input[type=date] { padding:0 .6rem; border:1px solid #ddd; color:#222; line-height:3rem; height:3rem; width:10rem; background:#fff }
input[type=text]::-webkit-input-placeholder, input[type=password]::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color:#bbb }
input[type=text]:-ms-input-placeholder, input[type=password]:-ms-input-placeholder, textarea:-ms-input-placeholder { color:#bbb }
input[type=text]:-moz-placeholder, input[type=password]:-moz-placeholder, textarea:-moz-placeholder { color:#bbb }
input[type=text], input[type=password], input[type=submit], input[type=image], input[type=date], button {border-radius:.3rem;-webkit-appearance:none}

input[type=checkbox].styled, input[type=radio].styled { width:17px; height:17px; border:none; opacity:0; cursor:pointer; position:relative; z-index:1  }
input[type=checkbox].styled + i, input[type=radio].styled + i {width:17px; height:17px; display:inline-block; vertical-align:middle; background:url(../img/common/icon_input.png) no-repeat -27px 0; margin:0 0 0 -17px;  }
input[type=checkbox].styled:checked + i { background-position:-54px 0 }
input[type=checkbox].styled:disabled + i { background-position:0 0 }
input[type=radio].styled + i { background-position:-27px -27px }
input[type=radio].styled:checked + i { background-position:-54px -27px }
input[type=radio].styled:disabled + i { background-position:0 -27px }

input[type=date] { width:10rem !important; box-sizing: content-box !important; background-image:url(../img/common/icon_calendar.png); background-repeat:no-repeat; background-position:90%; background-size:1.2rem  }

input.inbutton { padding-right:2.67rem !important; box-sizing: content-box !important; height:calc(3rem - 2px) !important; line-height:2.8rem !important;  }
input.inbutton + button { margin-left:-3rem; width:2.67rem; text-align:center; background:#fff; border:0; line-height:2.67rem }
input.date { width:5.8rem !important; }
input.long { width:100% !important; }
input.half { width:48% !important; }
input.short { width:5rem !important; text-align:center }
input.select { background:#fff url(../img/common/select_btn.png) no-repeat right; padding-right:2rem }

.styled_file { position: relative; overflow: hidden; }
.styled_file .button { width:8rem; padding-left:0; padding-right:0; background:#fff; border-radius:3px; border:1px solid #ddd; line-height:2.8rem; height:3rem; font-weight:600  }
.styled_file .button i { vertical-align:-1px }
.styled_file input[type=file] { position:absolute; left:0; top:0; width:8rem; height:3rem; line-height:2.8rem; opacity:0; cursor:default }
.styled_file input[type=text] { position:absolute; left:8.3rem; width:calc(100% - 8.3rem); border:1px solid #ddd; border-radius:3px }

button { cursor:pointer }
select { border:1px solid #e4e4e4; height:3rem; padding:0 0 0 .6rem; cursor:pointer; color:#222; }
.styled_select { height:3rem; overflow:hidden; background:#fff url(../img/common/select_btn.png) no-repeat right; border:1px solid #e4e4e4; display:inline-block; border-radius:.3rem; vertical-align:middle; }
.styled_select:hover { background-image:url(../img/common/select_btn_on.png) }
.styled_select select { background:transparent; height:3rem; line-height:3rem; border:0; -webkit-appearance: none; outline:none; padding-right:2rem; width:100%; vertical-align:top }
.styled_select select:disabled { background:#f4f4f4; cursor:default }
.styled_select select::-ms-expand { display:none }
hr { display:none; background:#ddd; border:none; height:1px }
a, a:link, a:visited { text-decoration:none; color:#222; }
a { -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-tap-highlight-color: transparent; }
strong, b, th { font-weight:600; }
table { width:100%; border-collapse:collapse; border-spacing:0 }
caption { display:none; font-size:0; line-height:0 }
textarea {color:#222; line-height:1.5; border:1px solid #ddd; padding:.6rem; width:100%; border-radius:.3rem; vertical-align:top }
address { font-style:normal }
small { font-size:0.pem; font-weight:400 }

/* global */
.txt_black { color:#222 !important }
.txt_white { color:#fff !important }
.txt_gray { color:#aaa !important }
.txt_red { color:#ee2e24 !important }
.txt_blue { color:#069be8 !important }
.txt_orange { color:#ffaa00 !important }
.txt_green { color:#8ecd09 !important }
.txt_brown { color:#9f5e15 !important }
.wrap:after { content:""; display:block; clear:both }
.clear:after { content:""; display:block; clear:both }
.center { text-align:center !important }
.left { text-align:left !important }
.right { text-align:right !important }
.f_left { float:left !important }
.f_right { float:right !important }
.skip { font-size:0; text-indent:-9000px; line-height:0; display:none }
.ellipsis { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; display:inline-block; max-width:100%; word-break:break-all }
ul:after { clear:both; content:""; display:block }
.overflow_y { overflow-x:hidden; overflow-y:scroll }

.succession { margin-top:1rem !important }
.paragraph { margin-bottom:4.4rem !important }
span.space { display:inline-block; width:20px }
.prepare { width:500px; margin:50px auto; padding:50px; border:1px solid #eaeaea}
.prepare h2 { font-size:24px; text-align:center; margin:0 0 20px }
.prepare h2 i { font-size:50px; margin:0 0 20px; display:block; color:#ddd }
.prepare p { text-align:center; font-size:13px }

.pc_no { display:none !important }
.ahref { position:absolute; text-indent:-9000px; background:red; display:inline-block; opacity:0; filter:alpha(opacity=0) }

img{ max-width:100% }

/* btn */
.btn { display:inline-block; padding:0 2rem; margin-bottom:0; font-size:1rem; height:3.4rem; line-height:3.4rem; font-family:sans-serif; font-weight:600; text-align:center; white-space:nowrap; vertical-align:middle; cursor:pointer; border:1px solid transparent; border-radius:.5rem; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; -o-user-select:none; user-select:none; text-decoration:none; transition:.2s all }
.btn:focus { outline:thin dotted #333; outline:5px auto -webkit-focus-ring-color; outline-offset:-2px }
.btn:hover, .btn:focus { color:#333; text-decoration:none }
.btn:active, .btn.active { background-image:none; outline:0; -webkit-box-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125); box-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125) }
.btn.disabled, .btn[disabled], fieldset[disabled] .btn { pointer-events:none; cursor:not-allowed; opacity:.65; filter:alpha(opacity=65); -webkit-box-shadow:none; box-shadow:none }
.btn-default { color:#666; background-color:#fff; border-color:#ddd; text-decoration:none; }
.btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .open .dropdown-toggle.btn-default { color:#666; background-color:#f4f4f4; border-color:#adadad }
.btn-default:active, .btn-default.active, .open .dropdown-toggle.btn-default { background-image:none }
.btn-default.disabled, .btn-default[disabled], fieldset[disabled] .btn-default, .btn-default.disabled:hover, .btn-default[disabled]:hover, fieldset[disabled] .btn-default:hover, .btn-default.disabled:focus, .btn-default[disabled]:focus, fieldset[disabled] .btn-default:focus, .btn-default.disabled:active, .btn-default[disabled]:active, fieldset[disabled] .btn-default:active, .btn-default.disabled.active, .btn-default[disabled].active, fieldset[disabled] .btn-default.active { background-color:#fff; border-color:#ccc }

.btn-primary { color:#fff !important; background-color:#ee2e24; border-color:#dc231a }
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary { color:#fff; background-color:#ce1e15; border-color:#bd170f }
.btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary { background-image:none }
.btn-primary.disabled, .btn-primary[disabled], fieldset[disabled] .btn-primary, .btn-primary.disabled:hover, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary:hover, .btn-primary.disabled:focus, .btn-primary[disabled]:focus, fieldset[disabled] .btn-primary:focus, .btn-primary.disabled:active, .btn-primary[disabled]:active, fieldset[disabled] .btn-primary:active, .btn-primary.disabled.active, .btn-primary[disabled].active, fieldset[disabled] .btn-primary.active { background-color:#428bca; border-color:#357ebd }
.btn-warning { color:#fff !important; background-color:#f0ad4e; border-color:#eea236 }
.btn-warning:hover, .btn-warning:focus, .btn-warning:active, .btn-warning.active, .open .dropdown-toggle.btn-warning { color:#fff; background-color:#ed9c28; border-color:#d58512 }
.btn-warning:active, .btn-warning.active, .open .dropdown-toggle.btn-warning { background-image:none }
.btn-warning.disabled, .btn-warning[disabled], fieldset[disabled] .btn-warning, .btn-warning.disabled:hover, .btn-warning[disabled]:hover, fieldset[disabled] .btn-warning:hover, .btn-warning.disabled:focus, .btn-warning[disabled]:focus, fieldset[disabled] .btn-warning:focus, .btn-warning.disabled:active, .btn-warning[disabled]:active, fieldset[disabled] .btn-warning:active, .btn-warning.disabled.active, .btn-warning[disabled].active, fieldset[disabled] .btn-warning.active { background-color:#f0ad4e; border-color:#eea236 }
.btn-danger { color:#fff !important; background-color:#d9534f; border-color:#d43f3a }
.btn-danger:hover, .btn-danger:focus, .btn-danger:active, .btn-danger.active, .open .dropdown-toggle.btn-danger { color:#fff; background-color:#d2322d; border-color:#ac2925 }
.btn-danger:active, .btn-danger.active, .open .dropdown-toggle.btn-danger { background-image:none }
.btn-danger.disabled, .btn-danger[disabled], fieldset[disabled] .btn-danger, .btn-danger.disabled:hover, .btn-danger[disabled]:hover, fieldset[disabled] .btn-danger:hover, .btn-danger.disabled:focus, .btn-danger[disabled]:focus, fieldset[disabled] .btn-danger:focus, .btn-danger.disabled:active, .btn-danger[disabled]:active, fieldset[disabled] .btn-danger:active, .btn-danger.disabled.active, .btn-danger[disabled].active, fieldset[disabled] .btn-danger.active { background-color:#d9534f; border-color:#d43f3a }
.btn-success { color:#fff !important; background-color:#5cb85c; border-color:#4cae4c }
.btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active, .open .dropdown-toggle.btn-success { color:#fff; background-color:#47a447; border-color:#398439 }
.btn-success:active, .btn-success.active, .open .dropdown-toggle.btn-success { background-image:none }
.btn-success.disabled, .btn-success[disabled], fieldset[disabled] .btn-success, .btn-success.disabled:hover, .btn-success[disabled]:hover, fieldset[disabled] .btn-success:hover, .btn-success.disabled:focus, .btn-success[disabled]:focus, fieldset[disabled] .btn-success:focus, .btn-success.disabled:active, .btn-success[disabled]:active, fieldset[disabled] .btn-success:active, .btn-success.disabled.active, .btn-success[disabled].active, fieldset[disabled] .btn-success.active { background-color:#5cb85c; border-color:#4cae4c }
.btn-info { color:#fff !important; background-color:#575551; border-color:#43413d }
.btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info.active, .open .dropdown-toggle.btn-info { color:#fff; background-color:#43413d; border-color:#2a2825 }
.btn-info:active, .btn-info.active, .open .dropdown-toggle.btn-info { background-image:none }
.btn-info.disabled, .btn-info[disabled], fieldset[disabled] .btn-info, .btn-info.disabled:hover, .btn-info[disabled]:hover, fieldset[disabled] .btn-info:hover, .btn-info.disabled:focus, .btn-info[disabled]:focus, fieldset[disabled] .btn-info:focus, .btn-info.disabled:active, .btn-info[disabled]:active, fieldset[disabled] .btn-info:active, .btn-info.disabled.active, .btn-info[disabled].active, fieldset[disabled] .btn-info.active { background-color:#937665; border-color:#866957 }
.btn-gray { color:#fff !important; background-color:#b2b2b2; border-color:#a1a1a1 }
.btn-gray:hover, .btn-gray:focus, .btn-gray:active, .btn-gray.active, .open .dropdown-toggle.btn-gray { color:#fff; background-color:#a1a1a1; border-color:#929292 }
.btn-link { font-weight:normal; color:#428bca; cursor:pointer; border-radius:0 }
.btn-link, .btn-link:active, .btn-link[disabled], fieldset[disabled] .btn-link { background-color:transparent; -webkit-box-shadow:none; box-shadow:none }
.btn-link, .btn-link:hover, .btn-link:focus, .btn-link:active { border-color:transparent }
.btn-link:hover, .btn-link:focus { color:#2a6496; text-decoration:underline; background-color:transparent }
.btn-link[disabled]:hover, fieldset[disabled] .btn-link:hover, .btn-link[disabled]:focus, fieldset[disabled] .btn-link:focus { color:#999; text-decoration:none }
.btn-lg { padding:0 3rem; font-size:1.2rem; height:3.5rem; line-height:3.5rem; }
.btn-sm, .btn-xs { padding:0 1rem; height:3rem; line-height:3rem; font-size:0.95rem; border-radius:.3rem }
.btn-xs { padding:0 .5rem; border-radius:0; height:2rem; line-height:2rem; border-radius:.3rem }
.btn-block { display:block; width:100%; padding-right:0; padding-left:0 }

/* pop layer */
#popLayerBg { position:fixed; z-index:99; width:100%; height:100%; background:#000; opacity:0.8; filter:alpha(opacity=80); display:none }
.pop_layer { z-index:100; display:none; position:fixed; left:50%; top:50%; background:#fff; border:2px solid #b5262d; border-radius:5px; box-shadow:0 0 5px rgba(0,0,0,0.6); }
.pop_layer header { background:#b5262d; height:46px; border-radius:3px 3px 0 0 }
.pop_layer header h2 { text-align:center; font-size:18px; font-weight:600; color:#fff; line-height:42px }
.pop_layer .btn_close { position:absolute; top:8px; right:12px; display:block; font-size:0; text-align:center; width:20px; height:20px; line-height:20px; color:#fff; background:url(../img/common/btn_close.png); background-size:100% }
.pop_layer .con { padding:40px 35px }
.pop_layer .btn_area { text-align:center; margin:30px 0 0 0  }

/* layout */
.wrap { margin:0 auto; position:relative; }
#header { height:6rem; line-height:4rem; background:#ee2e24; position:fixed; width:100%; z-index:10; border-top: 2rem solid #ee2e24; }
#header.main { height:6.5rem; line-height:4.5rem; border-top: 2rem solid #ee2e24; }
#contents { padding-top:6rem; padding-bottom:4rem; margin-bottom:2rem; /*background:url(../img/common/ci.png) no-repeat center bottom 4rem; background-size:11rem;*/ min-height:calc(100% - 2rem); }
#contents.bottom_btn { margin-bottom:5rem; padding-bottom: 8rem; }
#contents.main { padding-top:6.5rem; height:calc(100% - 1.250em); background:none; min-height:auto; margin:0; padding-bottom: 4rem; }
#footer.main { height:1.250em; background:#ee2e24 }
#footer .ci { text-align:center; margin:1.8rem 0 }
#footer .ci img { height:1.5rem }
#bottomFix { position:fixed; bottom:0; width:100%; z-index:10; background-color: #fff; padding-bottom: 40px; }
#bottomFix:after { content:""; display:block; clear:both }
#bottomFix .btn { float:left; border-radius:0; font-size:1.15rem; }
#bottomFix .btn i { margin:0 .3rem }


/* header main */
#header h1.logo { line-height:4.5rem; font-size:0; text-align:center }
#header h1.logo img { width:10.083rem; }
#header .btn_gnb { position:absolute; top:1.25rem; left:1.25rem; color:#fff; display:block; width:1.75rem; padding-top:1.5rem; line-height:1; background:url(../img/common/icon_menu.png) no-repeat center top; background-size:100%; text-align:center; font-size:0.8rem; font-weight:600 }
#header .btn_alarm { position:absolute; top:.9rem; right:1.25rem; color:#fff; display:block; width:1.75rem; padding-top:1.9rem; line-height:1; background:url(../img/common/icon_alarm.png) no-repeat center top; background-size:80%; text-align:center; font-size:0.8rem; font-weight:600 }

/* header sub */
#header a.btn_prev { color:#fff; font-size:3rem; float:left; display:inline-block; width:3.6rem; height:4rem; line-height:3.9rem; text-align:center }
#header h1.title { float:left; line-height:4rem; height:4rem; color:#fff; font-size:1.6rem; font-weight:600; margin-left:.2rem }

#contents.main .wrap { height:100% }
#contents.main .point_area { background:#e7e8e8; text-align:center; height:calc(100% - 23.3rem); min-height:18.3rem; position:relative }
#contents.main .banner_area { background:#fff; text-align:center; height:23.3rem; position:relative }
#contents.main .point_area .location { position:absolute; top:12%; width:100%; }
#contents.main .point_area .txt01 { font-size:1.25rem; line-height:1.5; }
#contents.main .point_area .txt01 strong { font-weight:700; font-size:1.5rem }
#contents.main .point_area .txt02 { font-size:3.333rem; line-height:1; color:#ee2e24; font-weight:900; letter-spacing:-.2rem; margin:0 0 1.5rem }
#contents.main .point_area .btn_point_view { position:absolute; right:20px; top:4.1rem; font-size:0.8rem; color:#4d4d4e; display:inline-block; text-align:center; line-height:1 }
#contents.main .point_area .btn_point_view i { display:block; width:2.5rem; height:2.5rem; line-height:2.5rem; text-align:center; border-radius:50%; background:#fff; margin:0 auto 0.5rem auto; font-size:0; text-align:center }
#contents.main .point_area .btn_point_view i img { width:70% }
#contents.main .point_area .btn_barcode_view { position:absolute; right:42px; top:11rem; font-size:0; width:1.5rem; display:block }

#contents.main .banner_area { padding:1.5rem 0 }
#contents.main .banner_area li { width:calc(100%/3); float:left; border-left:1px solid #bfc0c0 }
#contents.main .banner_area li:first-child { border:0 }
#contents.main .banner_area li a { display:block; padding:1.6rem 0 }
#contents.main .banner_area li img { width:45% }
#contents.main .banner_area li span { display:block; text-align:center; font-size:1.1rem; line-height:1.2; margin:.56rem 0 0; font-weight:600 }
#contents.main .banner_area .parti:after { content:""; display:block; clear:both }
#contents.main .banner_area .parti { margin:1rem 0 }
#contents.main .banner_area .parti span { height:1px; background:#bfc0c0; width:calc(100%/3 - 2rem); margin:0 1rem; float:left }

.table_basic table { border-top:1px solid #ddd}
.table_basic th{ text-align:left }
.table_basic th, .table_basic td { padding:.4rem; border-bottom:1px solid #ddd;height:3rem }

.table_h01 table { border-top:2px solid #ee2e24 }
.table_h01 th, .table_h01 td { border-bottom:1px solid #e0e0e0; padding:1rem .5rem; text-align:center }
.table_h01 th { background:#f4f4f4 }

#login { padding:0 1.6rem; text-align:center; overflow:hidden; position:absolute; width:100%; top:50%; transform:translateY(-50%) }
#login h1.logo { text-align:center; padding:0 0 1.5rem 0 }
#login h1.logo img { width:14rem }
#login .txt01 { margin:0 0 1.5rem; font-size:1.1rem; font-weight:600 }
#login fieldset { width:100% margin:0 auto }
#login input[type=text], #login input[type=password] { width:100%; height:3.2rem; line-height:3.4rem; margin:0 0 .5rem; font-size:1.05rem }
#login .btn { width:100%; height:3.4rem; line-height:3.4rem; margin:0 0 .4rem; font-size:1.05rem; font-weight:700 }
#login .txt02 { margin:.6rem 0 2rem 0; color:#999 }
#login .txt02 a { color:#999; margin:0 15px; display:inline-block; line-height:24px }
#login .txt02 strong { color:#333 }
#login input[type=checkbox].styled { width:20px; height:20px; border:none; opacity:0; cursor:pointer; position:relative; z-index:1  }
#login input[type=checkbox].styled + i {width:20px; height:20px; display:inline-block; vertical-align:-5px; background:url(../img/common/input_check.png) no-repeat; margin:0 3px 0 -20px; background-size:100%  }
#login input[type=checkbox].styled:checked + i { background-image:url(../img/common/input_check_on.png) }
#login .auto_login { text-align:left; margin:8px 0 15px 0; font-weight:bold }
.sns_login .btn { height:3.4rem !important; line-height:3.3rem !important; margin:0 0 .8rem !important }
.btn-kakao, .btn-kakao:hover { background:#ffe400 url(/static/img/common/icon_kakao.png) no-repeat 20px center; background-size:26px 24px; border-color:#ffe400; color:#3a1c1c !important }
.btn-naver, .btn-naver:hover { background:#1fc800 url(/static/img/common/icon_naver.png) no-repeat 24px center; background-size:18px 16px; border-color:#1fc800; color:#fff !important }
.btn-google-plus, .btn-google-plus:hover { background:#dc4a38 url(/static/img/common/icon_google.png) no-repeat 24px center; background-size:20px 21px; border-color:#dc4a38; color:#fff !important }
#login.pre_join .txt02 { margin:40px 0 15px; font-weight:bold; color:#222 }
#login.pre_join .btn { margin:5px 0 }

#contents h3.title { font-size:1.2em; margin:0 0 .65em }
p.refer { margin-top:.5rem !important; line-height:1.3 !important; font-weight:400; color:#999; font-size:0.9em !important }
span.colum { display:inline-block; vertical-align:middle }
a.btn_call { display:inline-block; width:3.4rem; height:3.4rem; line-height:3.4rem; border:1px solid #333; border-radius:50%; text-align:center; }
a.btn_call i { font-size:2em; line-height:3.4rem }
span.icon_txt { display:inline-block; padding:0 .7rem; height:1.8rem; line-height:1.83rem; background:#ee2e24; color:#fff; border-radius:.3rem; font-size:0.8em; font-weight:600 }
.ul01 li { text-align:left; margin:.3rem 0 0 0; background:url(../img/common/dot01.png) no-repeat 0 .3rem; padding-left:10px; line-height:1.3 }
.ul01 li:first-child { margin:0 }
.box01 { padding:1rem; background:#e7e8e8; border-radius:.3rem }

#contents.join .wrap { padding:.5rem; padding-bottom:0 }
#contents.join {  }
#contents.join .overflow_y { height:300px; }
#contents.join div.event { background:#fbf9ef; padding:.5rem .7rem; border:1px solid #f2f0e1; border-radius:.3rem; margin:0 0 1.5rem }
#contents.join div.event h4 { color:#ee2e24; margin:0 0 .3rem; text-transform:uppercase; font-size:1.05rem }
#contents.join .table_basic table { border-top:2px solid #666 }
.join_process ul { margin:0 0 1.2em -.5em }
.join_process li { float:left; width:calc(100%/4 - .5em); margin:0 0 0 .5em; font-size:0.9em; border-radius:.5em; background:#ddd; color:#aaa; padding:.3em .5em; font-weight:600 }
.join_process li span { display:block; font-size:0.9em; color:#fff }
.join_process li.on { background:#ee2e24; color:#fff; font-weight:700 }
.join_process li.on span { background:#ee2e24; color:rgba(255,255,255,0.5) }

.agree_all { text-align:center; font-size:1.1em; font-weight:600; border:1px solid #e0e0e0; border-left:0; border-right:0; padding:.7rem 0; margin-bottom:2rem }

.join_certify { text-align:center; margin:3rem 0 0 0 }
.join_certify .txt01 { font-size:1.2rem; color:#666; margin:0 0 2rem; font-weight:600 }
.join_certify i.icon { background:#faf7e4; width:14rem; height:14rem; border-radius:50%; display:inline-block; padding:4.5rem; text-align:center; margin:0 0 2em }
.join_certify .btn { display:block; width:15rem; margin:0 auto 2rem auto }
.join_certify ul { padding:1rem }

.join_complete { text-align:center; margin:4rem 0 0 0 }
.join_complete header h3 { font-size:1.2rem; margin:0 0 1.5rem; font-weight:600 }
.join_complete .card_area { background:url(../img/common/bg_card.png) no-repeat; width:24rem; height:13.8rem; background-size:100%; margin:0 auto; position:relative }
.join_complete .card_area .txt01 {position:absolute; width:100%; text-align:center; top:7rem; color:#666 }
.join_complete .card_area .txt01 strong { font-size:1.2em; font-weight:700 }
.join_complete .card_area .barcode { position:absolute; top:8rem; left:1.7rem }
.join_complete .card_area .date { position:absolute; top:11.6rem; color:#999; left:1.3rem; font-size:0.7em; letter-spacing:0 }
.join_complete .txt02 { margin:.4rem 0 0 0; background:#f2f2f2; padding:15px; border-radius:10px; font-size:0.95rem; width:24rem; margin:1rem auto 0 auto; word-break:keep-all }
.join_complete .txt02 strong { color:#106cdf }
.join_complete .btn { display:block; width:15rem; margin:2rem auto }

#contents.fontbig { font-size:1.1rem }
#contents.whole_search_list { padding-top:13rem }

.whole_search { position:fixed; width:100%; top:6rem; padding:.4rem; background:#e7e8e8; z-index:9 }
.whole_search .catg { margin-bottom:.3rem }
.whole_search .catg ul { margin-left:1px }
.whole_search .catg li { float:left; width:calc(100%/3 + 1px); margin-left:-1px; overflow:hidden; }
.whole_search .catg li:first-child a { border-radius:.3rem 0 0 .3rem }
.whole_search .catg li:last-child a { border-radius:0 .3rem .3rem 0 }
.whole_search .catg li a { display:block; text-align:center; border:1px solid #ddd; line-height:3rem; height:3rem; background:#fff; font-weight:600 }
.whole_search .catg li.on a { background:#ee2e24; color:#fff; border-color:#ee2e24; z-index:1; position:relative }
.whole_search .styled_select { width:33.3%; float:left }
.whole_search input[type=text] { float:left; width:50% }
.whole_search .btn { float:right; width:16.3% }
.whole_search .btn i { font-size:1.2em }

.list01 li { border-top:1px solid #ddd; padding:.6rem; position:relative }
.list01 li:first-child { border:0 }
.list01 li p { font-size:0.9em; margin:0 0 .1rem; display:block }
.list01 li .subj { font-weight:900; margin-bottom:.4rem; font-size:1.1em }
.list01 li .subj a { color:#222 }
.list01 li .subj.cancel, .list01 li .subj.cancel a { color:#999 }
.list01 .icon_member { margin:.2rem 0 }
.list01 img.icon { height:20px; margin:.1rem }
.list01 .old p, .list01 .old p a, .list01 .old * { color:#aaa }
.list01 .old .btn_circle i { background:#999; color:#fff }

.list01.product_list li { padding:1rem }
.list01 .product_con h3 { font-size:1.3em; line-height:1.2; margin:0 0 .5rem; font-weight:900 }
.list01 .product_con h3 img { height:13px }
.list01 .product_con li { text-align:left; margin:.3rem 0 0 0; background:url(../img/common/dot01.png) no-repeat 0 .4rem; padding:0; padding-left:.6rem; border:0; line-height:1.2 }
.list01 .product_con { display:inline-block; width:calc(98% - 100px); vertical-align:middle }
.list01 .product_con .info { color:#999; margin:.5rem 0 0 0 }
.list01 .product_img { display:inline-block; width:100px; vertical-align:middle }

.tab_snb { background:#eee; padding:.5rem }
.tab_snb li { float:left; width:50% }
.tab_snb li a { display:block; height:3rem; line-height:3rem; text-align:center; background:#fff; color:#aaa; font-weight:700 }
.tab_snb li.on a { color:#fff; background:#ee2e24 }

.tab_con > section { display:none }

.btn_favorite { position:fixed; top:.7rem; right:.8rem; color:#ffd200 !important; display:inline-block; line-height:1; text-align:center; font-size:0.8rem; font-weight:600; z-index:11 }
.btn_favorite i { font-size:1.8rem; display:block; line-height:1; margin:0 0 .3rem }
.btn_fnothing { position:fixed; top:.7rem; right:.8rem; color:#fff !important; display:inline-block; line-height:1; text-align:center; font-size:0.8rem; font-weight:600; z-index:11; }
.btn_fnothing i { font-size:1.8rem; display:block; line-height:1; margin:0 0 .3rem }
#touchSlider li { text-align:center }
.slide_area { position:relative }
.slide_area button { position:absolute; left:0; top:50%; margin-top:-2rem; width:4rem; height:4rem; line-height:2.8rem; overflow:hidden; text-align:center; display:block; border:0; background:rgba(0,0,0,0.5); color:#fff; font-size:3rem; border-radius:0 }
.slide_area { overflow:hidden }
.slide_area button.btn_next { left:auto; right:0 }
.agency_detail_sec01 { background:#e7e8e8; border-top:2px solid #333; border-bottom:1px solid #ccc; padding:1rem }
.agency_detail_sec01 .addr { font-weight:600; line-height:1.3; margin:0 0 .5rem; font-size:1.05em }
.agency_detail_sec01 .tel { font-size:1.1em; font-weight:700; float:left; line-height:1 }
.agency_detail_sec01 .icon { float:right }
.agency_detail_sec01 .icon span { display:inline-block; vertical-align:2px }
.agency_detail_sec01 img.icon { height:20px; margin:.1rem 0 0 .4rem; vertical-align:middle }
.agency_detail_sec02 { border-bottom:1px solid #e0e0e0; padding:1rem 0; position:relative }
.agency_detail_sec02 dl:after { content:""; display:block; clear:both }
.agency_detail_sec02 dt { float:left; font-weight:600 }
.agency_detail_sec02 dt { width:7rem; text-align:center; padding:.2rem 0 0 0 }
.agency_detail_sec02 dt i { font-size:2em; display:block; }
.agency_detail_sec02 dd { margin-left:7rem; font-size:0.9em; margin-top:0 }
.agency_detail_sec02 dd li { margin:.1rem 0 0 0 }
.agency_detail_sec02 .btn_call { position:absolute; right:1rem; top:1.3rem }
.agency_service_list { margin-left:-5px }
.agency_service_list li { float:left; width:calc(100%/4 - 5px); text-align:center; background:#faf6e4; border-radius:.5rem; font-size:.9rem; margin:5px 0 0 5px; padding:.7rem 0 }
.agency_service_list li img { width:70%; margin:0 0 .4rem }

.agency_con .subj { font-weight:700; margin:0 0 .5rem; font-size:1.05em }

.btn_keyword { position:fixed; top:3.1rem; right:1.2rem; color:#fff !important; display:inline-block; line-height:1; text-align:center; font-size:0.8rem; font-weight:600; z-index:11 }
.btn_keyword i { font-size:1.8rem }

.product_detail { padding:1rem }
.product_detail_sec01 { background:#e7e8e8; padding:1rem; border-radius:.3rem }
.product_detail_sec01 h3 { font-size:1.3em; line-height:1.2; margin:0 0 .5rem; font-weight:900 }
.product_detail .ul01 li { word-break:keep-all  }

.product_keyword { padding:1rem }
.product_keyword ul { margin:0 0 0 -.5rem }
.product_keyword li { float:left; width:calc(100%/4 - .5rem); margin:0 0 .5rem .5rem }
.product_keyword li a { display:block; text-align:center; border:1px solid #ddd; border-radius:1rem; height:2.4rem; line-height:2.4rem }

.btn_warranty_info { position:fixed; top:.7rem; right:.8rem; color:#fff !important; display:inline-block; line-height:1; text-align:center; font-size:0.8rem; font-weight:600; z-index:11 }
.btn_warranty_info i { font-size:1.8rem; display:block; line-height:1; margin:0 0 .3rem }

.warranty_intro .con { }
.warranty_intro .btn_area { margin:0 .5rem; }
.warranty_intro .btn_area .btn { width:100%; margin:.5rem 0 0 0 }

.warranty_list li { padding:.3rem; padding-right:.6rem }
.warranty_list li li { border:0; padding:0 0 0 .6rem; margin:.1rem 0 0 0 }
.warranty_list .btn-xs { width:6rem; height:auto; padding:.3rem 0; margin:.12rem 0 }
.warranty_list .btn_expire { color:#999; line-height:1.2; padding:.5rem 0 }
.warranty_list .btn_expire i { color:#ee2e24; font-size:1.2rem; margin-bottom:.3rem }

.warranty_list .warranty_list_box { display:inline-block; width:calc(100% - 6.4rem); vertical-align:middle }
.warranty_list .btn_area { display:inline-block; width:6rem; padding-left:.2rem; vertical-align:middle; text-align:right }
.warranty_list_box { background:#ee2e24; padding:.8rem; }
.warranty_list_box .box { border-radius:.5rem; padding:.8rem; background:#fff url(../img/common/warranty_mark.png) no-repeat 95% 87%; background-size:4rem }
.warranty_list_box p.subj { line-height:1; border-bottom:1px solid #ddd; padding:0 0 .6rem; font-weight:bold; }
.warranty_list_box .ul01 { margin:.8rem 0 0 .2rem }
.warranty_list_box .ul01 li { background:none; padding-left:0; font-size:.9em; margin:.5rem 0 0 0; line-height:1 }

.warranty_view { padding:1rem; padding-bottom:0 }
.warranty_view .table_basic table { border-top:2px solid #666 }
.warranty_write {  }
.warranty_write .box01 { margin:1rem 0 0 0 }
.warranty_write .agency_con { margin:.7rem 0 0 }

.warranty_complete .btn_call { position:absolute; right:1.5rem; top:5.2rem}
.warranty_complete .agency_con { width:calc(100% - 4.8rem) }

.write_form dl { border:1px solid #ddd; padding:1rem .3rem; border-left:0; border-right:0; border-top:0 }
.write_form dl:first-child { border-top:2px solid #666 }
.write_form dt { margin:0 0 .7rem; font-weight:600 }
.write_form dd { margin:0 0 .3rem }

.purchase_list dl:after { content:""; display:block; clear:both }
.purchase_list dt { float:left }
.purchase_list dd { float:right; font-weight:700; color:#217fdf }
.purchase_list .box01 { margin:.5rem 0 0 0; position:relative }
.purchase_list .purchase_agency { font-size:1em; font-weight:600 }
.purchase_list .purchase_date { color:#999; margin:0 0 .5rem }
.purchase_list .btn_star { position:absolute; right:.7rem; top:.75rem }
.purchase_list .agency_star { position:absolute; right:1rem; top:1.2rem }
.agency_star i { color:#ee2e24 }

.purchase_view01 li { border-color:#ee2e24 !important }
.purchase_view01 dl, .purchase_view02 dl, .purchase_view03 dl { margin:.2rem 0 }
.purchase_view01 dd, .purchase_view02 dd, .purchase_view03 dd { color:#333; font-weight:600 }
.purchase_view02 { background:#faf7e4; border-top:1px solid #e3e0cc; border-bottom:1px solid #e3e0cc }
.purchase_view02 li { border-color:#e3e0cc !important }
.purchase_view02 .total { font-size:1.05em }
.purchase_view02 .total dt { font-weight:700 }
.purchase_view02 .total dd { font-weight:700; color:#ee2e24 }
.purchase_view02 .box01 { margin-top:.3rem; padding:.5rem; background:#fff; border:1px solid #e3e0cc; width:100% }
.purchase_view03 { background:#e7e8e8 }

.list01.message li { padding:1rem; border:0 }
.list01.message .ci i { width:3rem; height:3rem; background-color:#ee2e24; background-image:url(../img/common/intro.png); background-position:center; background-repeat:no-repeat; background-size:60%; border-radius:50%; display:inline-block }
.list01.message .ci span { font-size:0.95rem; color:#555; vertical-align:top; display:inline-block; padding:.3rem 0 0 .5rem; line-height:1 }
.list01.message .box { background:#fbe700; padding:.7rem .8rem; margin:-1.8rem 0 0 3.3rem; border-radius:.8rem }
.list01.message .subj { width:auto; font-size:1.1rem; line-height:1.3; margin-bottom:.3rem }
.list01.message .con { font-size:1em; line-height:1.3; word-break:keep-all }
.list01.message .date { color:#999; margin:.3rem 0 0 3.6rem; font-size:0.85rem; letter-spacing:0 }
.list01.message .btn_message { display:inline-block; position:absolute; right:1rem; top:50%; transform:translateY(-50%); border-radius:2rem; text-align:center; }
.list01.message .btn_message i { font-size:1.5rem; width:3rem; height:3rem; line-height:3rem; background:#ee2e24; color:#fff; border-radius:50% }
.list01.message .btn_circle { position:static; transform:none; margin:.3rem 0 0 0 }
.message_view { padding:1rem }
.message_view .subj { font-size:1.2em; font-weight:700; margin:0 0 .7rem }
.message_view .date { font-size:.9em; color:#999; margin:0 0 .7rem }

.mymenu { font-size:1.2rem }
.mymenu li { width:calc(100%/2); float:left; border-left:1px solid #ddd; border-bottom:1px solid #ddd }
.mymenu li:nth-child(odd) { border-left:0 }
.mymenu li a { display:block; padding:2rem 0; text-align:center; font-weight:600 }
.mymenu i.icon { margin-bottom:.7rem; display:inline-block; width:3.2rem; height:3.2rem; line-height:3.2rem }
.mymenu .custom { padding:2rem 0 1rem 0; text-align:center; }
.mymenu .custom i.icon { margin:0 1.5rem 0 0; }
.mymenu .custom p { display:inline-block; text-align:left; vertical-align:middle; line-height:1 }
.mymenu .custom p strong { font-size:1.8rem; font-weight:900; margin:.5rem 0 0; display:inline-block }
.mymenu .custom a.btn_tel { width:3.2rem; height:3.2rem; line-height:3.2rem; background:#ee2e24; color:#fff; border-radius:50%; display:inline-block; vertical-align:middle; margin-left:1.5rem }
.mymenu .custom a.btn_tel i { line-height:3.2rem; font-size:1.8rem }
.mymenu .custom p.info { font-size:1rem; margin:1rem 0; display:block; text-align:center }
.mymenu .custom p.mail { margin:0; font-weight:700 }

#contents.myinfo {  }
#contents.myinfo .wrap { padding:.5rem; padding-top:1rem; padding-bottom:0 }
#contents.myinfo .table_basic table { border-top:2px solid #666 }
.table_myinfo_setting td { height:4.6rem }
.table_myinfo_setting h4 { font-size:1.1em; font-weight:600 }
.btn_setting { background:url(../img/common/icon_off.png) no-repeat; background-size:100%; display:inline-block; width:48px; height:22px; text-indent:-9000px }
.btn_setting.on { background-image:url(../img/common/icon_on.png) }

.btn_circle { display:inline-block; position:absolute; right:1rem; top:50%; transform:translateY(-50%); border-radius:2rem; text-align:center; }
.btn_circle i { font-size:1.5rem; width:3rem; height:3rem; line-height:3rem; background:#ee2e24; color:#fff; border-radius:50% }

#contents.mycar {  }
#contents.mycar div.event { margin:0 0 .5rem }
#contents.mycar .list01 li { padding:1rem }

#contents.mytire .box01 p.result { margin:0 0 1rem }
#contents.mytire .list01 { background:#fff; border-radius:.3rem }
#contents.mytire .list01 li { padding:1rem }

.board_list_header { position:relative; padding:.5rem; border-bottom:1px solid #ddd }
.board_search { position:relative; }
.board_search .btn { padding:0; width:3.33rem; position:absolute; right:0 }
.board_search .btn i { font-size:1.2rem }
.board_search input[type=text] { width:calc(100% - 3.6rem) }

.board_list li { padding:1rem }
.board_list li p.subj { font-weight:600 }
.board_list li:last-child { border-bottom:1px solid #ddd }
.board_list li dl { line-height:1; font-size:0.9em; color:#666; margin-top:.7rem }
.board_list li dt, .board_list li dd { display:inline-block }
.board_list li dd { margin:0 1em 0 .3em }
.board_list_bottom { margin:1em }
.board_list_bottom:after { display:block; content:""; clear:both }
.board_list_bottom .pagenum { text-align:center }

.board_view_header .subj { border-bottom:1px solid #e0e0e0; padding:1rem; font-size:1.1em; line-height:1.3; font-weight:600 }
.board_view_header dl { line-height:1; font-size:0.9em; color:#666; padding:1rem }
.board_view_header dt, .board_view_header dd { display:inline-block }
.board_view_header dd { margin:0 1em 0 .3em }
.board_view_header .file { font-size:0.9em; background:#f4f4f4; border-top:1px solid #e0e0e0; border-bottom:1px solid #e0e0e0; padding:.7rem 1rem; line-height:1 }
.board_view_header .file i { margin:0 .3em 0 0 }
.board_view_header .file a { color:#3599ee }
.board_view { padding:1rem; }
.board_img { text-align:center }
.board_img img { max-width:100% }

.pagenum span { font-size:0.9em; display:inline-block; padding:.5em }
.pagenum span a { color:#999; line-height:1}
.pagenum span.current, .pagenum span.current a { color:#ee4035; font-weight:600 }
.pagenum span i { font-size:1.5em; background:#ccc; color:#fff; border-radius:50%; width:2rem; height:2rem; line-height:2rem; text-align:center; vertical-align:-.2rem }

.point_header { background:#e7e8e8; text-align:center; padding:.8rem }
.point_header .txt01 { font-weight:600; margin:1rem 0 0 0; line-height:1 }
.point_header .txt01 strong { color:#ee2e24; font-size:3rem; font-weight:900; display:block; margin:.8rem 0 0; line-height:1 }
.point_header .dl_area { margin:1.5rem 0 0 1px }
.point_header .dl_area:after { content:""; display:block; clear:both; }
.point_header dl { float:left; width:50%; text-align:center; background:#fff; border:1px solid #ccc; margin:0 0 0 -1px }
.point_header dt { border-bottom:1px solid #ddd; height:2rem; line-height:2rem }
.point_header dd { height:2.6rem; line-height:2.6rem; font-size:1.3rem; font-weight:700; color:#aaa }
.point_header dl:first-child dd { color:#069be8 }
#contents.point .list01 li { padding:1rem; padding-right:.5rem }
#contents.point .list01 li .center { color:#999 }
#contents.point .list01 li .center strong { display:block; font-weight:700; color:#069be8 }
#contents.point .list01 li .center .minus strong { color:#ee2e24 }

#contents.coupon .list01 li { padding:1rem; padding-right:.5rem }
#contents.coupon .list01 .ci img { height:1rem; margin:0 0 .3rem }
#contents.coupon .list01 .con { font-weight:600; color:#069be8 }
#contents.coupon .list01 .btn-sm { line-height:1; padding:.7rem 1rem .5rem 1rem; height:auto }
#contents.coupon .list01 .btn-sm i { display:block; font-size:14px; margin:0 0 .3rem }
#contents.coupon .list01 .refer { margin-bottom:0 !important }

.coupon_view { padding:1rem }
.coupon_view header h3 { font-size:1.3rem; margin:0 0 .5rem }
.coupon_view header .colum { width:49.3% }
.coupon_view header .colum.right { color:#999 }
.coupon_view .barcode { text-align:center; margin:2rem 0 }
.coupon_view .table_basic th, .coupon_view .table_basic td { padding:.5rem 1rem }
.coupon_view .table_basic th { text-align:center; background:#f4f4f4 }
.coupon_view .table_basic li { margin:.4rem 0 }
.coupon_view .table_basic i { font-size:1.4rem; vertical-align:-.1rem; margin:0 0 0 .3rem }
.coupon_view .btn_agency { font-size:1.1rem; font-weight:700; width:100%; margin:2rem 0 }
.coupon_view .btn_agency i { margin:0 .3rem 0 0 }

.coupon_regist { padding:1rem }
.coupon_regist h2 { font-size:1.1em; font-weight:700; margin:1rem 0 1rem }
.coupon_regist .btn_area { margin:1.5rem 0; padding:1.5rem 0; border-top:1px solid #e0e0e0 }
.coupon_regist .btn-primary { width:100%; font-size:1.05em }

.star_regist { padding:1rem }
.star_regist h2 { font-size:1.2em; font-weight:900; margin:1rem 0 .3rem }
.star_regist p { font-size:1em; color:#999; margin:0 0 1rem }
.star_regist .btn_area { margin:1.5rem 0; padding:1.5rem 0; border-top:1px solid #e0e0e0 }
.star_regist .btn-primary { width:100%; font-size:1.05em }
.star_regist li { margin:.7rem 0; }
.star_regist label { color:#e31d1a; font-size:1.1em }

.size_area { border:1px solid #ee2e24; border-radius:.3rem; background:#fff; overflow:hidden }
.size_area header { margin:-1px; margin-bottom:0; background:#ee2e24; color:#fff; height:3rem; line-height:3rem; font-size:1.05em; font-weight:bold; text-align:center }
.size_area table { margin:-1px; width:calc(100% + 2px) }
.size_area th, .size_area td { text-align:center; border:1px solid #e0e0e0; padding:1rem }
.size_area th { background:#f9ebea }
.size_area td { letter-spacing:0 }
.size_area td:first-child { font-weight:500 }

.pop_select_agency { width:100%; height:100%; left:0; top:0; border:0; border-radius:0; box-shadow:none; z-index:1000 }
.pop_select_agency #header { z-index:1001; border-radius:0; top:0 }
.pop_select_agency #contents { height:100%; background-image:none; padding-bottom:0 }
.pop_select_agency #contents .wrap { height:100% }
.pop_select_agency .list01 { overflow-y:scroll; height:100% }

#intro { height:100%; background:#ee2e24; }
#intro .img { width:45%; position:absolute; left:50%; top:40%; transform:translate(-50%,-50%) }

.idsearch { text-align:center; margin:5rem 0 0 0; font-size:1.1rem }
.idsearch dl {  }
.idsearch dt, .idsearch dd { display:inline-block; margin:0 0 .7rem }
.idsearch dt { width:7rem; text-align:left }
.idsearch dd { width:15rem; text-align:left }
.idsearch input { width:100%; font-weight:bold; font-size:1.1rem;  }
.idsearch .dl_id input { color:#069be8; background:#f9f9f9 }
.idsearch .txt01 { border-top:1px solid #e0e0e0; border-bottom:1px solid #e0e0e0; padding:1rem 0 .7rem 0; width:22.5rem; margin:1rem auto 2rem auto; font-size:0.9em }
.idsearch .btn_area { width:22.5rem; margin:0 auto }
.idsearch .btn { width:100%; margin:0 0 .5rem; height:3.8rem; line-height:3.8rem; font-size:1.1rem }

.btn_logout { position:fixed; top:3.45rem; right:1.4rem; color:#fff !important; display:inline-block; line-height:1; text-align:center; font-size:1.1rem; font-weight:600; z-index:11; }
.barcode_img { height:80px }
.agency_map { width:100%; height:25rem }

.pop_barcode { width:100%; height:100%; left:0; top:0; transform:none; border:0; border-radius:0; box-shadow:none; z-index:100; background:#fff; }
.pop_barcode .btn_close { top:20px; right:20px }
.pop_barcode .con { position:absolute; width:100%; top:50%; text-align:center; transform:translateY(-50%) }
.pop_barcode .con .txt01 { font-size:1.3rem; margin:0 0 1rem }
.pop_barcode .con .txt01 strong { font-size:2rem }
.pop_barcode .con .barcode_img { height:120px }

#header .btn_alarm span { display:block; width:20px; height:20px; line-height:20px; text-align:center; background:#000; color:#fff; position:absolute; top:2px; right:11px; border-radius:10px; font-size:0.8rem }

.pop_warranty_detail { width:100%; height:100%; left:0; top:0; border:0; border-radius:0; box-shadow:none; z-index:100; background:#ee2e24 }
.pop_warranty_detail .btn_close { width:30px; height:30px; top:15px; right:15px; background-image: url(../img/common/btn_close_w.png); }
.pop_warranty_detail .con { padding:0 }

.privacy_con { padding:.5rem; word-break:keep-all }
.privacy_con p { margin:0 0 1rem }
.privacy_con ol, .privacy_con ul { margin:0 0 1rem 0 }
.privacy_con li { margin:.5rem 0 0 0 }
.privacy_con li:first-child { margin:0 }
.privacy_con th, .privacy_con td { border:1px solid #ddd; padding:.5rem }

.product_detail .table_h01 td br:first-child { display:none }
.warranty_write .table_basic td span.space:first-child { display:none }
.coupon_view .barcode img { width:85% }

.nodata { text-align:center; padding:12rem 0 0 0 !important; border:0 !important }
.nodata h3 { background:url(../img/common/icon_nodata.png) no-repeat top; background-size:4rem; padding-top:4.7rem; font-size:1.2rem; opacity:.3; font-weight:bold }

.member_leave { margin:1rem 0 0 0 }
.member_leave .txt01 { margin:0 0 1rem }
.member_leave .txt02 { border:5px solid #eee; padding:1rem; width:85%; margin:0 auto 1rem auto; font-size:1.1rem; font-weight:bold }
.member_leave .txt02 strong { color:#ee2e24 }
.member_leave .txt03 { margin:0 0 1.5rem }

.agency_colum01 { width:calc(98% - 9.2rem) }
.agency_colum02 { width:5rem }
.agency_colum03 { width:4rem }

.pop_select_agency .agency_colum01 { width:calc(98% - 9.2rem) }
.pop_select_agency .agency_colum02 { width:5rem }
.pop_select_agency .agency_colum03 { width:4rem }

.pop_point { transform:translate(-50%,-50%); width:90% }
.pop_point .btn_close { top:13px; background: url(../img/btn_close.png); width:15px; height:15px }
.pop_point .con { padding:20px; font-size:1.05rem }
.pop_point .con p { word-break:keep-all; margin:0 0 15px; line-height:1.6 }
.pop_point .con p strong { color:#2868de }
.pop_point .con .btn_area { margin:10px 0 0 0 }
.pop_point .con .btn { width:100%; margin:8px 0 0 0 }

#parking { font-size:14px; font-family:noto sans kr; }
#parking .wrap { width:1000px; margin:0 auto }
#parking header { text-align:center; background:#ebebeb; padding:100px 0 80px }
#parking header h1 { width:350px; margin:0 auto 30px auto }
#parking header .txt01 { margin:0 0 20px; font-size:22px; font-weight:600; color:#ee2e24; line-height:1.3 }
#parking header .txt02 { color:#666; font-size:16px }
#parking header .txt02 strong { display:block; margin:0 0 .2rem; color:#000; font-weight:500 }
#parking .con { margin:60px 0; text-align:center }
#parking .btn_download { display:inline-block; width:300px; height:60px; line-height:58px; font-size:20px; font-weight:600; color:#fff; background:#ee2e24; border-radius:30px; text-align:center }
#parking .con ul { margin:60px 0 0 -10px }
#parking .con li { font-size:15px; letter-spacing:-1px; font-weight:300; border:1px solid #ddd; float:left; width:calc(100%/4 - 10px); margin:0 0 0 10px; word-break:keep-all; padding:30px }
#parking .con img { width:100px; margin:0 0 15px }
#parking .con h3 { font-size:18px; color:#ee2e24; font-weight:600; margin:0 0 10px }
#parking .capture { margin:40px 0 0 0; text-align:center }
#parking .capture ul { margin:0 0 2rem -10px }
#parking .capture li { width:calc(50% - 10px); float:left; margin:10px 0 0 10px }
#parking .capture li:nth-child(odd) { clear:both }

#inspect { font-size:14px; font-family:noto sans kr; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); text-align:center; width:80%; text-align:center }
#inspect .icon { width:60%; margin:0 auto 20px auto }
#inspect h2 { font-size:2em; font-weight:700; margin:0 0 8px;}
#inspect p { color:#666; margin:0 0 25px }
#inspect dl { width:96%; margin:0 auto; border:7px solid #eee; padding:15px 0; text-align:center; font }
#inspect dt { margin:0 0 3px; font-weight:500 }
#inspect dd { font-size:2.2em; color:#d42a2a; font-weight:600 }

/* 200601 event */
#event { position:relative }
#event .ahref { width:100%; height:20%; top:80%; left:0 }
.pop_complete_200601 { width:80%; transform:translate(-50%,-50%); border:0; background:transparent; box-shadow:none }
.pop_complete_200601 .btn_close { width:20%; height:20%; top:-2vw; right:-2vw; line-height:20%; background:red; background-image:none }
.pop_complete_200601 .btn_confirm { width:100%; height:30vw; top:50vw; left:0 }

/* 200602 pop */
.pop_200602 { width:90%; transform:translate(-50%,-50%); border-radius:0; border:1px solid #333; }
.pop_200602 .ahref01 { width:20%; height:13%; right:0; top:0 }
.pop_200602 .ahref02 { width:100%; height:20%; left:0; bottom:0 }

/* 200630 이벤트 당첨자 */
.pop_200630 { width:90%; transform:translate(-50%,-50%); border-radius:0; border:1px solid #333; }
.pop_200630 .ahref01 { width:20%; height:13%; right:0; top:0 }
.pop_200630 .ahref02 { width:100%; height:20%; left:0; bottom:0 }

.event_200630 p { text-align:center }
.event_200630 .txt01 { margin:0 0 .5rem; font-weight:bold; font-size:1.2rem }
.event_200630 .txt02 { color:#666; font-size:0.95rem; margin:0 0 1.2rem }
.event_200630 fieldset { margin:1.2rem 0; text-align:center }
.event_200630 fieldset input { width:200px }
.event_200630 thead th { background:#ee2e24; color:#fff; height:30px; border-left:1px solid rgba(255,255,255,0.2) }
.event_200630 thead th:first-child { border-radius:5px 0 0 0; border:0 }
.event_200630 thead th:last-child { border-radius:0 5px 0 0 }
.event_200630 tbody td { text-align:center; border-bottom:1px solid #e0e0e0; border-left:1px solid #e0e0e0; height:30px }
.event_200630 tbody td:first-child { border-left:0 }
.event_200630 tbody tr.on td { background:#fdf6de }

#addrWrap {
    width: 100%;
}
#addrWrapTr {
    display: none;
}
#__daum__layer_1, #__daum__layer_2, #__daum__layer_3, #__daum__layer_4 {
    width: 100% !important;
}