@charset "utf-8";

body,input{font-size:16px;}
html,legend{color:#000}
.skipnav a,article,aside,details,figcaption,figure,footer,header,hgroup,nav,section{display:block}
html{background:#fff;font-size:100%;-webkit-text-size-adjust:none;-ms-text-size-adjust:none}
article,aside,audio,blockquote,body,canvas,code,dd,details,div,dl,dt,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,input,legend,li,mark,menu,nav,ol,p,pre,section,summary,td,textarea,th,time,ul,video{margin:0;padding:0}
body{background-color:#fff;color:#333;font-family:Helvetica,sans-serif;line-height:1.4;letter-spacing:-1px}
img{max-width:100%;border:0;vertical-align:middle}
button,input,select,textarea{margin:0;-webkit-border-radius:0;vertical-align:middle;line-height:19px}
button,select,textarea{font-size:14px;-webkit-appearance:none}
table{border-spacing:0;border-collapse:collapse}
fieldset{border:0}
address,caption,cite,code,dfn,em,th,var{font-weight:400;font-style:normal}
strong{font-style:normal}
ol,ul{list-style:none}
caption,th{text-align:left}
h1,h2,h3,h4,h5,h6{font-weight:400;font-size:100%}
caption,hr,legend{width:0;height:0;font-size:1px;text-indent:-9999em;line-height:0}
a,a:active,a:focus,a:hover,a:link,a:visited{color:#666;font-size:100%;text-decoration:none;cursor:pointer}
.skipnav{position:absolute;top:0;left:0;width:100%;height:0;line-height:0}
.skipnav a{overflow:hidden;width:1px;height:1px;margin:0 -1px -1px 0;padding:0;font-size:0;line-height:0}
.skipnav a:active,.skipnav a:focus,.skipnav a:hover{position:absolute;top:0;left:0;z-index:50;width:100%;height:19px;margin:0;padding:10px 0 5px;border:1px solid #000;background:#333;color:#fff;font-size:17px;text-align:center;line-height:100%}
.clfix{*zoom:1}
.clfix:after,.clfix:before{display:table;line-height:0;content:""}
.clfix:after{clear:both}
.hide_guide_title,.hide_txt{display:inline-block;overflow:hidden;position:absolute;width:1px;height:1px;font-size:1px;line-height:0;clip:rect(1px 1px 1px 1px)}
.dimm{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background-color:#000;opacity:.8}
.sub_tit{margin:0 0 24px;font-size:17px}
.sub_tit:before{display:block;width:14px;height:3px;margin-bottom:7px;background-color:#e11b22;content:""}

.mt50{margin-top:50px !important;}

/* layout */
#wrap_mobile_pn{position:relative;width:100%;}
#wrap_mobile_pn #header{position:relative;top:0;left:0;z-index:95;width:100%;height:50px;background:url(../images/bg_dt_top.png) left bottom repeat-x;background-size:5px 5px}
#wrap_mobile_pn #header .header_wrap{height:32px;padding:13px 0 0;background:#333333}
#wrap_mobile_pn #header .header_wrap .logo_pn a{display:block;position:absolute;top:11px;left:15px;width:122px;height:20px;background:url(../images/logo_direct.png) left top no-repeat;background-size:122px auto;text-indent:-999em}
#wrap_mobile_pn #header .header_wrap h2{padding:0 15px 0 0;color:#fff;font-size:13px;text-align:right}

#wrap_mobile_pn #container {margin-top:-5px;}
#wrap_mobile_pn #container .top_content{padding:30px 15px 25px;background:#2a2a2a;}
#wrap_mobile_pn #container .content{padding:30px 15px 25px}
#wrap_mobile_pn #footer{background-color:#444444;padding:16px 15px;text-align: center;}

/* style */
#wrap_mobile_pn #container .top_content .sub_tit{margin:0;font-size:13px;color:#ababab;}
#wrap_mobile_pn #container .top_content .top_copy{margin-top:10px;color:#fff;font-size:17px;font-weight: 700;line-height:22px;}
#wrap_mobile_pn #container .top_content .premium_total{margin-top:20px;font-weight: 700;text-align: right;}
#wrap_mobile_pn #container .top_content .premium_total .total_txt{display:inline-block;margin-right:15px;font-size:16px;color:#fff;}
#wrap_mobile_pn #container .top_content .premium_total .total_price{font-size:36px;color:#ff141d;}
#wrap_mobile_pn #container .top_content .premium_total .won {margin-left: -2px;font-size: 21px;vertical-align: 3px;color:#ff141d;}

#wrap_mobile_pn #container .content h3{font-weight:700;}

dl.list_paid{width:100%;margin-bottom:15px;}
dl.list_paid:last-child{margin-bottom:0;}
dl.list_paid dt{position:relative;width:100%;height:45px;padding:12px 45px 0 20px;background:#475069;color:#fff;font-size:17px;font-weight: 700;box-sizing: border-box;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-o-text-overow:ellipsis}
dl.list_paid dt:before{position:absolute;right:20px;top:18px;display:block;width:16px;height:10px;background:url(../images/ico_arrow.png) left -11px repeat-x;background-size:16px 20px;content:""}
dl.list_paid.on dt:before{background-position:0 0;}
dl.list_paid dd{display:none;padding:20px;border:1px solid #dddddd;background:#fff;}
dl.list_paid.first dd{display:block;}
dl.list_paid dd li{display:table;margin-bottom:8px;}
dl.list_paid dd li:last-child{margin-bottom:0;}
dl.list_paid dd li>*{display:table-cell;font-size:16px;color:#000;}
dl.list_paid dd li strong{width:95px;font-weight: 700;}

.banner_wrap{margin-top:50px;}
.lms_banner_list li{margin-bottom:15px;}
.lms_banner_list li:last-child{margin-bottom:0;}

.bx_valid_wrap{margin:0 0 15px 0;padding: 15px;background: #f4f4f4;}/*2016-03-23*/
.bx_valid{position:relative;margin:0 0 15px}
.bx_valid .addr_same{position:absolute;top:0;right:0;z-index:5}
.bx_valid .addr_same label em{top:-2px;font-size:14px}
.bx_valid.s_round{margin:27px 0 0}
.bx_valid .txt_error{display:none}

.group{position:relative}
.group.virtual_wrap .virtual{position:absolute;top:22px;left:77px;color:#000;font-weight:700}
.group.virtual_wrap .virtual em{color:#666;font-weight:400;font-size:13px}
.group .input_static,.group input{display:block;padding:0 0 5px;background-color:transparent;font-weight:700;font-size:16px;color:#000}
.group .guide_txt{position:absolute;right:0;bottom:7px;color:#000;font-weight:700}
.group input{width:300px;height:25px;border:none;border-bottom:1px solid #333}
.group .input_static{width:100%;min-height:25px;border:none;border-bottom:1px solid #333;text-indent:6px}
.group input:focus{border-bottom:1px solid #fff;outline:0}
.group label{color:#000;font-weight:400;font-size:13px}
.group label .message{color:#999;font-size:13px}
.group label.active,.group.notnull label{color:#00819a!important}
.bx_valid.error .group label.active{color:#000!important}
.group.readonly input{border-bottom:1px solid #ddd}
.group.readonly .bar{display:none}
.bx_valid.error .txt_error,.bx_valid_car.error>.txt_error,.group .bar,.tit_label{display:block}
.group.readonly .guide_txt{color:#999}
.group.readonly.notnull .guide_txt{color:#000}
.group.readonly.notnull input{border-bottom:1px solid #000}
.group .bar{position:relative}
.group .bar:after,.group .bar:before{position:absolute;bottom:0;width:0;height:2px;background:#005baf;content:"";-webkit-transition:.2s ease all;-moz-transition:.2s ease all;-ms-transition:.2s ease all;-o-transition:.2s ease all;transition:.2s ease all}
.group .bar:before{left:0}
.group input:focus+.bar:after,.group input:focus+.bar:before,.group input:focus~.bar:after,.group input:focus~.bar:before{width:100%}
.group.line{margin:0 0 15px;padding-bottom:8px;border-bottom:1px solid #e4e4e4}
.group.line_black{padding-bottom:8px;border-bottom:1px solid #000}
.group.line_black .tit_label{color:#00819a}
.bx_valid.error .group.line{padding:0;border:0}
.group .pay{margin-top:-5px;color:#000;line-height:19px}
.group .pay em{color:#666;font-size:14px}
.bx_valid.error .group label,.tit_label{color:#000}
.bx_valid.error{margin-bottom:15px}
.bx_valid.error .grouping.btn_type,.bx_valid.error .selectbx .txt_error,.bx_valid.error .selectbx+.txt_error{margin:0}
.bx_valid.error .bar:after,.bx_valid.error .bar:before{background:#e11b22}
.bx_valid.error input+.bar:before,.bx_valid.error input~.bar:before{width:100%}
.bx_valid.error input{border-bottom:1px solid #fff;outline:0}

.bx_valid .group input:disabled~label{top:-13px;color:#00819a;font-size:13px}
.bx_valid .bar.lock{display:block;margin-top:8px;border-bottom:1px solid #ddd}
.bx_valid.error .bar.lock{border-bottom:1px solid #fff}
.bx_valid.error .bar.lock:after,.bx_valid.error .bar.lock:before{bottom:0;width:100%}
.bx_valid.error .list_type01,.bx_valid.error .list_type04,.bx_valid.error .list_type05{padding-bottom:0;border:0}
.txt_error{width:100%;padding-top:6px;color:#e11b22!important;font-size:12px}
.txt_error .ico{display:inline-block;width:15px;height:15px;margin:-3px 3px 0 0;background:url(../images/ico_comm.png) left -22px no-repeat;background-size:250px 250px;vertical-align:middle}

.btn_area{text-align:center}
.btns{color:#fff;line-height:1}
.btn_big_blue span{display:inline-block;width:162px;height:35px;background-color:#0096af;text-align:center;line-height:35px;color:#fff;}
.btn_big_gray span{display:inline-block;width:162px;height:35px;background-color:#ccc;text-align:center;line-height:35px;color:#fff;}