/*noto sans kr*/
@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 250;
    src: local('NotoSansKR-Thin'),
    url('//cdn.jsdelivr.net/korean-webfonts/latest/corps/google/NotoSansKR/NotoSansKR-Thin-Hangul.woff2') format('woff2'),
    url('//cdn.jsdelivr.net/korean-webfonts/latest/corps/google/NotoSansKR/NotoSansKR-Thin-Hangul.woff') format('woff');
    font-stretch: normal;
    unicode-range: U+0021-33FF,U+A000-F8FF,U+FB00-F251;
}

@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 250;
    src: local('NotoSansKR-Thin'),
    url('//cdn.jsdelivr.net/korean-webfonts/latest/corps/google/NotoSansKR/NotoSansKR-Thin-Hanja.woff2') format('woff2'),
    url('//cdn.jsdelivr.net/korean-webfonts/latest/corps/google/NotoSansKR/NotoSansKR-Thin-Hanja.woff') format('woff');
    font-stretch: normal;
    unicode-range: U+4E00-9F95,U+F900-FA0B;
}

/* Light */
@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 300;
    src: local('NotoSansKR-Light'),
    url('//cdn.jsdelivr.net/korean-webfonts/latest/corps/google/NotoSansKR/NotoSansKR-Light-Hangul.woff2') format('woff2'),
    url('//cdn.jsdelivr.net/korean-webfonts/latest/corps/google/NotoSansKR/NotoSansKR-Light-Hangul.woff') format('woff');
    font-stretch: normal;
    unicode-range: U+0021-33FF,U+A000-F8FF,U+FB00-F251;
}

@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 300;
    src: local('NotoSansKR-Light'),
    url('//cdn.jsdelivr.net/korean-webfonts/latest/corps/google/NotoSansKR/NotoSansKR-Light-Hanja.woff2') format('woff2'),
    url('//cdn.jsdelivr.net/korean-webfonts/latest/corps/google/NotoSansKR/NotoSansKR-Light-Hanja.woff') format('woff');
    font-stretch: normal;
    unicode-range: U+4E00-9F95,U+F900-FA0B;
}

/* DemiLight */
@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 350;
    src: local('NotoSansKR-DemiLight'),
    url('//cdn.jsdelivr.net/korean-webfonts/latest/corps/google/NotoSansKR/NotoSansKR-DemiLight-Hangul.woff2') format('woff2'),
    url('//cdn.jsdelivr.net/korean-webfonts/latest/corps/google/NotoSansKR/NotoSansKR-DemiLight-Hangul.woff') format('woff');
    font-stretch: normal;
    unicode-range: U+0021-33FF,U+A000-F8FF,U+FB00-F251;
}


@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 350;
    src: local('NotoSansKR-DemiLight'),
    url('//cdn.jsdelivr.net/korean-webfonts/latest/corps/google/NotoSansKR/NotoSansKR-DemiLight-Hanja.woff2') format('woff2'),
    url('//cdn.jsdelivr.net/korean-webfonts/latest/corps/google/NotoSansKR/NotoSansKR-DemiLight-Hanja.woff') format('woff');
    font-stretch: normal;
    unicode-range: U+4E00-9F95,U+F900-FA0B;
}

/* Regular */
@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 400;
    src: local('NotoSansKR-Regular'),
    url('//cdn.jsdelivr.net/korean-webfonts/latest/corps/google/NotoSansKR/NotoSansKR-Regular-Hangul.woff2') format('woff2'),
    url('//cdn.jsdelivr.net/korean-webfonts/latest/corps/google/NotoSansKR/NotoSansKR-Regular-Hangul.woff') format('woff');
    font-stretch: normal;
    unicode-range: U+0021-33FF,U+A000-F8FF,U+FB00-F251;
}

@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 400;
    src: local('NotoSansKR-Regular'),
    url('//cdn.jsdelivr.net/korean-webfonts/latest/corps/google/NotoSansKR/NotoSansKR-Regular-Hanja.woff2') format('woff2'),
    url('//cdn.jsdelivr.net/korean-webfonts/latest/corps/google/NotoSansKR/NotoSansKR-Regular-Hanja.woff') format('woff');
    font-stretch: normal;
    unicode-range: U+4E00-9F95,U+F900-FA0B;
}

/* Medium */
@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 500;
    src: local('NotoSansKR-Medium'),
    url('//cdn.jsdelivr.net/korean-webfonts/latest/corps/google/NotoSansKR/NotoSansKR-Medium-Hangul.woff2') format('woff2'),
    url('//cdn.jsdelivr.net/korean-webfonts/latest/corps/google/NotoSansKR/NotoSansKR-Medium-Hangul.woff') format('woff');
    font-stretch: normal;
    unicode-range: U+0021-33FF,U+A000-F8FF,U+FB00-F251;
}

@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 500;
    src: local('NotoSansKR-Medium'),
    url('//cdn.jsdelivr.net/korean-webfonts/latest/corps/google/NotoSansKR/NotoSansKR-Medium-Hanja.woff2') format('woff2'),
    url('//cdn.jsdelivr.net/korean-webfonts/latest/corps/google/NotoSansKR/NotoSansKR-Medium-Hanja.woff') format('woff');
    font-stretch: normal;
    unicode-range: U+4E00-9F95,U+F900-FA0B;
}

/* Bold */
@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 700;
    src: local('NotoSansKR-Bold'),
    url('//cdn.jsdelivr.net/korean-webfonts/latest/corps/google/NotoSansKR/NotoSansKR-Bold-Hangul.woff2') format('woff2'),
    url('//cdn.jsdelivr.net/korean-webfonts/latest/corps/google/NotoSansKR/NotoSansKR-Bold-Hangul.woff') format('woff');
    font-stretch: normal;
    unicode-range: U+0021-33FF,U+A000-F8FF,U+FB00-F251;
}

@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 700;
    src: local('NotoSansKR-Bold'),
    url('//cdn.jsdelivr.net/korean-webfonts/latest/corps/google/NotoSansKR/NotoSansKR-Bold-Hanja.woff2') format('woff2'),
    url('//cdn.jsdelivr.net/korean-webfonts/latest/corps/google/NotoSansKR/NotoSansKR-Bold-Hanja.woff') format('woff');
    font-stretch: normal;
    unicode-range: U+4E00-9F95,U+F900-FA0B;
}

/* Black */
@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 900;
    src: local('NotoSansKR-Black'),
    url('//cdn.jsdelivr.net/korean-webfonts/latest/corps/google/NotoSansKR/NotoSansKR-Black-Hangul.woff2') format('woff2'),
    url('//cdn.jsdelivr.net/korean-webfonts/latest/corps/google/NotoSansKR/NotoSansKR-Black-Hangul.woff') format('woff');
    font-stretch: normal;
    unicode-range: U+0021-33FF,U+A000-F8FF,U+FB00-F251;
}


@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 900;
    src: local('NotoSansKR-Black'),
    url('//cdn.jsdelivr.net/korean-webfonts/latest/corps/google/NotoSansKR/NotoSansKR-Black-Hanja.woff2') format('woff2'),
    url('//cdn.jsdelivr.net/korean-webfonts/latest/corps/google/NotoSansKR/NotoSansKR-Black-Hanja.woff') format('woff');
    font-stretch: normal;
    unicode-range: U+4E00-9F95,U+F900-FA0B;
}


*{font-family: "Noto Sans KR", sans-serif;box-sizing: border-box}
html {overflow-y:scroll}
body {margin:0;padding:0;font-size:0.75em;font-family: 'Noto Sans KR', sans-serif;background:#e7eaf3;min-width: 320px;}
html, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin:0;padding:0;border:0}
h1, h2, h3, h4, h5, h6 {font-size:1em;font-family: 'Noto Sans KR', sans-serif;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}
ul, dl,dt,dd {margin:0;padding:0;list-style:none}
legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
label, input, button, select, img {vertical-align:middle;font-size:1em}
input, button {margin:0;padding:0;font-family:'Malgun Gothic', dotum, sans-serif;font-size:1em}
input[type="submit"]{cursor:pointer;-webkit-appearance: none;}
input[type="text"]{-webkit-appearance: none;-moz-appearance: none;appearance: none;}
input[type="button"]{-webkit-appearance: none;-moz-appearance: none;appearance: none;}
button {cursor:pointer}
textarea, select {font-family: 'Noto Sans KR', sans-serif;font-size:1em}
select {margin:0}
p {margin:0;padding:0;word-break:break-all}
hr {display:none}
pre {overflow-x:scroll;font-size:1.1em}
a {color:#000;text-decoration:none}
*, :after, :before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
input[type=text],input[type=password], textarea {
    -webkit-transition: all 0.30s ease-in-out;
    -moz-transition: all 0.30s ease-in-out;
    -ms-transition: all 0.30s ease-in-out;
    -o-transition: all 0.30s ease-in-out;
    outline: none;
}
.placeholdersjs { color: #aaa !important; }

/*reset*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,textarea,button {margin:0;padding:0}
dl,ul,ol,menu,li {list-style:none}
img,fieldset{border:0}
a {text-decoration:none}
a:active, a:hover, a:focus {text-decoration:none}
address,caption,cite,code,dfn,em,var {font-style:normal;font-weight:normal}
table {border-collapse: collapse;border-spacing: 0;}
caption{display: none;}


/* global - littlesong jekim 0628 */
.f_l {float:left}
.f_r {float:right}
.show {display:block}
.hide {display:none}
.clearfix:after {display:block;clear:both;content:'';}
a:hover{text-decoration: none;}
.full{width:100%;}
.empty_data{font-size:20px;color:#737373}
/* layout - littlesong jekim 0628 */
#visualWrap textarea{width:100%;height:50px;background:transparent;border:0;overflow:hidden;}
#visualWrap textarea:focus{box-shadow: none;border:0 !important}
.wrap{position: relative;}
#headerWrap{position:relative;z-index:30;font-family: 'Noto Sans KR', sans-serif;}
.gnb{position:relative;z-index:30;}
.sta{position:relative;z-index:30;}
.lnb{position:relative;z-index:10;}
#containerWrap{position:relative;z-index:20;margin:95px 0 0 0;font-family: 'Noto Sans KR', sans-serif;}
#footer{position:relative;z-index:10;font-family: 'Noto Sans KR', sans-serif;}
.container{max-width:980px;margin:0 auto;width: 100%;position: relative;}
#containerWrap .container{padding:80px 0 90px;}
#containerWrap .inner_bod{padding:70px 0 100px;}
.container .title_comm{text-align: center;font-size: 45px;margin:0 0 18px 0;color: #171b1d;letter-spacing: -1px;}
.container .desc_comm{text-align: center;font-size: 20px;margin:0 0 45px 0;font-weight:400;color: #666;}
.m_m{display:none;}
@media only screen and (max-width:1200px) {
    #containerWrap .container{padding:50px 15px}
}
@media only screen and (max-width: 1080px) {
    #containerWrap{margin:71px 0 0 0;}
    #containerWrap .container{width:100%;padding:60px 10px !important;}
    #containerWrap .inner_bod{padding:10px 10px;}
    .container .title_comm{font-size: 30px;margin:0 0 10px 0;}
    .container .desc_comm{font-size: 16px;margin: 0 0 30px 0;}
    .pc_m{display:none;}
    .m_m{display: block;}
    .empty_data{font-size: 16px;}
}

.left{float: left;}
.right{float: right;}
.for_pc{display: block;}
.for_mobile{display: none;}

#header{position: fixed;top:0;left:0;width: 100%;padding: 32px 10px;background-color: #3776ca;height: 95px;}
#header .container{padding: 0;max-width: 1080px;}
#header .title{position: absolute;top: -8px;color: #fff;font-size: 28px;font-weight: bold;letter-spacing: -1px;line-height: 46px;}
#header .list{}
#header .list .li{margin-right: 20px;float: left;line-height: 29px;}
#header .list .li img{width: 100%; height: 100%;}
#header .list .li:last-child{margin-right: 0;}
#header .list .li a{color: #fff;font-size: 16px; float: left;font-weight: 500;letter-spacing: -0.5px;}
#header .list .blessing2020{width: 120px;height: 30px;border-radius: 30px; font-size: 16px;background-color: #c1dafc;display: flex;justify-content: space-around; align-items: center;}
#header .list .blessing2020 a{color: #3776ca;font-size: 16px;}

.row .title{font-size: 28px; color: darkblue}
.row .title_desc{font-size: 16px; color: #fff;}
.main_row{float: left;width: 100%;background-color: cornflowerblue;}
.main_row .container{padding: 200px 0 100px 0;}
.main_row .title{font-size: 30px;color: darkblue;}
.form_row.original_row{display: none;}


#vip_main{background: url("../img/page_bg.png") no-repeat top center; background-size: cover;margin: 0 0 -90px}
#vip_main .container{padding: 160px 0 0;max-width: 1080px;}
#vip_main .title{font-size: 45px; color: #003378;padding-bottom: 45px;line-height: 55px;}
#vip_main .title p{font-weight: 300;letter-spacing: -2.5px;}
#vip_main .title p strong{font-weight: 500;}
#vip_main .list{padding-bottom: 25px;float: left;}
#vip_main .list .li{float: left; margin-right: 10px;width: 120px;}
#vip_main .list .li img{width: 100%; height: 100%;}

.vip{background-color: #e7eaf2;}
.vip .vip_top_wrap{text-align: center;}
.vip .vip_middle_wrap > .left, .vip .vip_middle_wrap > .right{width: 49%}
.vip .vip_tag{color: #682c85;font-size: 22px;font-weight: 600;width: 172px; height: 40px;border: 1px solid #682c85; border-radius: 40px;padding-top: 2px;text-align: center;margin: 0 auto;}
.vip .vip_title{padding: 10px 0 30px;font-size: 45px; color: #003378; font-weight: 300;letter-spacing: -2.5px;line-height: 55px;word-break: keep-all}
.vip .vip_title strong{font-weight: 500;}
.vip .form_wrap{background-color: #fff;padding: 35px 20px 30px}
.vip .form_wrap .form_title{font-size: 27px; color: #003378;font-weight: 600;letter-spacing: -1px;}
.vip .form_wrap .form_num{padding-top: 8px;}
.vip .form_wrap .form_num .num{width: 22px; height: 22px;background-color: #f3f3f3;border-radius: 50%;color: #2e2e2e;display: flex;justify-content: space-around;align-items: center;float: left;margin-left: 6px;font-size: 14px;}
.vip .form_wrap .form_num .num.on{background-color: #682c85;color: #fefefe;}
.vip .form_wrap .top{padding-bottom: 20px; border-bottom: 1px solid #114182;}
.vip .form_wrap .bottom{padding-top: 30px;}
.vip .form_wrap .bottom .form_row{padding-bottom: 20px;}
.vip .form_wrap .bottom .form_row span{color: #2e2e2e; font-size: 16px; font-weight: 500;letter-spacing: -1.5px;padding-top: 3px;}
.vip .form_wrap .bottom .form_row span span{color: #733b8e;font-weight: 600;}
.vip .form_wrap .bottom .form_row:after{clear: both;content: '';display: block;}
.vip .form_wrap .bottom label{float: left;font-size: 20px;font-weight: 600; color: #2e2e2e;letter-spacing: -1px;}
.vip .form_wrap .bottom input, .vip .form_wrap .bottom select{float: right;border: 1px solid #88abda;background-color: #f6f9fd;border-radius: 0;outline: 0;height: 38px; width: 100%;font-size: 17px;font-weight: 400;padding: 0 5px}
.vip .form_wrap .bottom select:not(.base):not(.for15){display: none;}
.vip .form_wrap .bottom select{font-size: 18px; color: #2e2e2e; font-weight: 500;width: 35%}
.vip .form_wrap .bottom .select_wrap{display: flex;justify-content: space-between;float: right;width: 100%;}
.vip .form_wrap .bottom .base{width: 60%}
.vip .form_wrap .bottom .base.on{width: 100%;}
.vip .form_wrap .address .wrap{float: right;width: 100%}
.vip .form_wrap .address #addr_1{width: 60%;float: left;border-right: 0;}
.vip .form_wrap .address input.do_btn{width: 40%;float: right;background-color: #114182;color: #fff;font-size: 18px; font-weight: 500;letter-spacing: -1px;border: 1px solid #114182;cursor: pointer;}
.vip .form_wrap .address input{margin-bottom: 11px;}
.vip .form_wrap .address input:last-child{margin-bottom: 0px;}
.vip .form_wrap .bottom .form_row:last-child{padding-bottom: 0;}
.vip .info_wrap{padding-top: 30px;}
.vip .info_wrap p{font-size: 16px; font-weight: 500; color: #2e2e2e;letter-spacing: -1px;padding-left: 48px;line-height: 28px;}
.vip .info_wrap p span{position: relative;display: block;}
.vip .info_wrap .p_wrap p span:before{position: absolute;content: '';width: 12px; height: 12px;border-radius: 50%;background-color: #114182;left: -23px;top: 9px;}
.vip .info_wrap .privacy_check{padding-top: 28px;text-align: center;margin: 0 auto;display: flex;justify-content: space-around;}
.vip .info_wrap .privacy_check a{color: #114182}
.vip .info_wrap .privacy_check .checked_forflex{}
.vip .info_wrap .checked{width: 18px; height: 18px;position: relative;background-color: #d0d0d0;cursor: pointer;float: left;margin: 9px 7px 0 0;}
.vip .info_wrap .isChecked{width: 12px;height: 12px;position: absolute;left: 50%; top: 50%; transform: translate(-50%, -50%);background-color:#682c85;display: none;}
.vip .info_wrap .isChecked.on{display: block;}
.vip .info_wrap label[for='privacy_check']{display: block;float: left;font-size: 22px; font-weight: 500; color: #114182;letter-spacing: -1px;}
label[for='privacy_check'] a:hover{text-decoration: underline;}
.vip .info_wrap .button input{border: 0;outline: 0;width: 100%;height: 65px;display: flex;justify-content: space-around;align-items: center;color: #fff;font-size: 22px;font-weight: 500;background-color: #114182;margin-top: 35px;}
.vip .right .img img{width: 100%;}

.vip_top_wrap img{width:60%}

#vip_gift{}
#vip_gift .container{padding: 60px 0 120px;}
#vip_gift .background_image{position: absolute;bottom: -117px;right: 0;}
#vip_gift .form_wrap .bottom .form_row .left{min-width: 90px;}
#vip_gift .form_wrap .bottom .form_row .right{width: 100%;max-width: 315px;}
#vip_gift .form_wrap .bottom input, #vip_gift .form_wrap .bottom select{max-width: 315px;}
#vip_gift .form_wrap .bottom .select_wrap{max-width: 315px;}
#vip_gift .form_wrap .address .wrap{max-width: 315px;}

#vip_gift2 .form_wrap .top{padding-bottom: 10px;}
#vip_gift2 .vip_middle_wrap > .left, #vip_gift2 .vip_middle_wrap > .right{width: 100%;}
#vip_gift2 form .bottom{padding-top: 0;}
#vip_gift2 .form_wrap{padding: 35px 20px 65px;position: relative;}
#vip_gift2 .form_wrap .add_btn{position:absolute;left: 50%;transform: translateX(-50%);bottom: -105px;text-align: center;width: 100%;}
#vip_gift2 .form_wrap .add_btn img{position: absolute;cursor: pointer;left: 50%;transform: translateX(-50%);top: -80px;}
#vip_gift2 .form_wrap .add_btn span{font-size: 14px;color: #5c5c5c;}
#vip_gift2 .form_row{padding: 30px 10px;border-bottom: 1px solid #a6a6a6;position: relative;}
#vip_gift2 .form_row .de_box{width: 90px; height: 90px;text-align: center;color: #fff;background: #114182;font-size: 20px;font-weight: bold;letter-spacing: -1px;line-height: 25px;padding-top: 20px;}
#vip_gift2 .form_row .de_box span{color: #fff;font-size: 20px;}
#vip_gift2 .form_row .input_row{min-width: 381px;padding-bottom: 10px;max-width: 381px;}
#vip_gift2 .form_row .input_row:after{content: '';clear: both;display: block;}
#vip_gift2 .form_row input{max-width: 300px; height: 38px;float: left;}
#vip_gift2 .form_row label{min-width: 80px;float: left;}
#vip_gift2 .form_row .right .left{padding-right: 35px;}
#vip_gift2 .form_row .input_row .address_wrap{float: left;max-width: 300px;}
#vip_gift2 .info_wrap{padding-top: 130px;}
#vip_gift2 .info_wrap .p_wrap{display: flex;justify-content: space-around;}
#vip_gift2 .info_wrap p span{display: inline;}
#vip_gift2 .info_wrap .p_wrap p span{display: block;}
#vip_gift2 .info_wrap .result{padding-top:30px;}
#vip_gift2 .info_wrap .result p{text-align: center;font-size: 22px;font-weight: 500; color: #2e2e2e;padding-left: 0;}
#vip_gift2 .info_wrap .result p strong, #vip_gift2 .info_wrap .result p span{font-size: 27px;color: #114182;font-weight: bold;}
#vip_gift2 .info_wrap .button{max-width: 430px;margin: 0 auto;}
#vip_gift2 .form_wrap .form_title{float: left;}
#vip_gift2 .reset{float: left;padding: 14px 0 0 15px;cursor:pointer;}
#vip_gift2 .qty_wrap{display: flex;justify-content: space-between;}
#vip_gift2 .qty_wrap button{width: 38px; height: 38px;background: none;border: 0;}
#vip_gift2 .delete_btn{background-color: #6b6b6b;font-size: 20px;color: white;text-align: center;height: 40px;line-height: 40px;width: 120px;font-weight: 500;position: absolute;bottom: 40px;right: 10px;cursor: pointer;}
#vip_gift2 .load_btn{background-color: #114182;font-size: 20px;color: white;text-align: center;height: 40px;line-height: 40px;padding: 0 10px;font-weight: 500;cursor: pointer;width: 100%; max-width: 300px; float: right;}
#vip_gift2:not(.vip3) .qty_wrap input{text-align: center;}

#vip_gift2.vip3 .form_wrap .input_row .address_wrap{width: 100%;}
#vip_gift2.vip3 .form_wrap .address #addr_1{width: 100%;margin-bottom: 11px; border-right: 1px solid #88abda}
#vip_gift2.vip3 .info_wrap label[for='privacy_check']{text-align: left;}
#vip_gift2.vip3 .form_wrap{padding: 35px 20px 30px;}
#vip_gift2.vip3 .info_wrap .result{padding-top: 0}

#vip_gift2.vip4 .container{padding-bottom: 0;}
#vip_gift2.vip4 .vip_middle_wrap .box{padding: 25px 20px;background-color: #fff;max-width: 550px;margin: 0 auto;}
#vip_gift2.vip4 .vip_middle_wrap .box p{font-size: 22px;font-weight: 500;text-align: center;letter-spacing: -2px;}
#vip_gift2.vip4 .vip_middle_wrap .box p:first-child{line-height: 35px;padding-bottom: 15px;}
#vip_gift2.vip4 .vip_middle_wrap .box strong{font-size: 27px; color: #114182;}
#vip_gift2.vip4 .vip_middle_wrap .phone{color: #6d3689; font-size: 19px; font-weight: 500;text-align: center;padding-top: 18px;}
#vip_gift2.vip4 .vip_middle_wrap .background_image{text-align: center;margin-bottom: -149px;}

#vip_gift.vip_list form > .left, #vip_gift.vip_list form > .right{width: 49%;}
#vip_gift.vip_list .vip_check{font-size: 15px;padding-top: 15px;}
#vip_gift.vip_list .vip_check strong{font-size: 18px;}
#vip_gift.vip_list .vip_check .list{padding-top: 3px;color: #616161;}
#vip_gift.vip_list .form_wrap .bottom{position: relative}
#vip_gift.vip_list .form_wrap .bottom .form_row .left{min-width: 0;}
#vip_gift.vip_list .form_wrap .bottom .form_row span{letter-spacing: -2.1px;}
#vip_gift.vip_list .right .form_wrap .bottom .form_row .right{max-width: 345px;}
#vip_gift.vip_list .right .form_row{padding: 30px 0;border-bottom: 1px solid #a6a6a6;}
#vip_gift.vip_list .right .form_wrap .bottom{padding-top: 0;}
#vip_gift.vip_list .form_row .de_box{width: 75px; height: 90px;text-align: center;color: #fff;background: #114182;font-size: 20px;font-weight: bold;letter-spacing: -1px;line-height: 25px;padding-top: 20px;}
#vip_gift.vip_list .form_row .de_box span{color: #fff;font-size: 20px;}
#vip_gift.vip_list .form_row .input_row{padding-bottom: 15px;max-width: 381px;min-width: 345px;}
#vip_gift.vip_list .form_row .input_row:after{content: '';clear: both;display: block;}
#vip_gift.vip_list .form_row .right .input_row:nth-of-type(2){padding-bottom: 0;}
#vip_gift.vip_list .form_row input{max-width: 295px; height: 38px;float: left;}
#vip_gift.vip_list .left .form_row input{max-width: 315px;}
#vip_gift.vip_list .form_row label{min-width: 50px;float: left;}
#vip_gift.vip_list .form_wrap .add_btn{position:absolute;left: 50%;transform: translateX(-50%);bottom: -65px;cursor: pointer;}
#vip_gift.vip_list .check_row{padding-top: 25px;float: right;display: flex;justify-content: space-between;width: 100%;max-width: 295px;}
#vip_gift.vip_list .check_row input{width: 30px; height: 30px;border: 1px solid #88abda;}
#vip_gift.vip_list .original_row{display: none;}
#vip_gift.vip_list .info_wrap{padding-top: 50px;}

#vip_gift.sermon .right .form_row{border-bottom: 0;padding-bottom: 0;}
#vip_gift.sermon .form_row textarea{width: 100%; height: 100%;padding: 10px 15px;font-size: 16px;color: #2e2e2e; font-weight: 500;background: #f6f9fd;border: 1px solid #88abda;min-height: 415px;}
#vip_gift.sermon .info_wrap{padding-top: 30px;}

#footer{position: relative;z-index: 30;padding: 45px 0;background-color: #45494d;}
#footer .container{max-width: 1080px;}
#footer .logo{float: left;}
#footer .ft_info{float: left;padding: 6px 0 0 50px;}
#footer .ft_info p{color: #dcdcdc; font-size: 16px; font-weight: 500;}
#footer .btn{position: absolute;right:0;width: 300px; height: 54px;display: flex;justify-content: space-around;align-items: center;color: #114182;font-size: 22px;font-weight: bold;background-color: #fff;border-radius: 12px;letter-spacing: -0.5px;}

#vip_main .container{padding-top: 70px;}
#vip_main .title{padding-bottom: 25px;}
#vip_main .vip_list_panel{width: 390px; height: 120px;margin-bottom: 30px;}
#vip_main .vip_list_panel .top{padding: 9px 22px;background-color: #003378;height: 44px;border-top-left-radius: 5px;border-top-right-radius: 5px;}
#vip_main .vip_list_panel .top .title_2{font-size: 19px;color: #fff;letter-spacing: -0.5px;font-weight: bold;}
#vip_main .vip_list_panel .top .right{width: fit-content;text-align: right;letter-spacing: -0.5px;}
#vip_main .vip_list_panel .top .right span{color: #c3d6f2;font-size: 16px;padding-top: 2px;display: block;float: left;}
#vip_main .vip_list_panel .top .right span .time{padding-top: 0;margin-right: 3px !important;}
#vip_main .vip_list_panel .top .right span:first-child{margin-right: 6px;}
#vip_main .vip_list_panel .top .right span img{margin-top: -3px;cursor: pointer;}
#vip_main .vip_list_panel .bottom{padding: 21px 45px;height: 76px;background: white;border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;}
#vip_main .vip_list_panel .bottom .wrap{display: flex;justify-content: space-between;align-items: center;}
#vip_main .vip_list_panel .bottom .wrap .div{font-size: 24px; color: #37393b;font-weight: 500;letter-spacing: -1px;}

#vip_gift.vip_welcome .vip_tag{width: 215px;padding-top: 3px;}
#vip_gift.vip_welcome .form_row .right .input_row:nth-of-type(2){padding-bottom: 15px;}
#vip_gift.vip_welcome .form_row .right .input_row:last-child{padding-bottom: 0;}
#vip_gift.vip_welcome .form_wrap .sw_v2 select.for_10{display: block;}
#vip_gift.vip_welcome .form_wrap .sw_v2 select{width: 60%;}
#vip_gift.vip_welcome .form_wrap .sw_v2 select:nth-of-type(2){width: 35%}
#vip_gift.vip_welcome .form_wrap .sw_v2:last-child{padding-top: 5px;}
#vip_gift.vip_welcome .form_wrap .sw_v2:last-child select{width: 100%;}
#vip_gift.vip_welcome .form_row .check_row{padding-top: 0 !important;}
#vip_gift.vip_welcome .form_row .check_row input{width: 0; height: 0;}
#vip_gift.vip_welcome .form_row .check_row .radio_ct{float: left;width: 100%;}
#vip_gift.vip_welcome .form_row .check_row .radio_wrap{width: 50%;}
#vip_gift.vip_welcome .right .form_row{padding: 20px 0 0;border-bottom: 0}

#vip_gift.vip_card .form_row .input_row{max-width: 100%;}
#vip_gift.vip_card .form_row .check_row{max-width: 100%;}
#vip_gift.vip_card .form_row input{max-width: 315px;}
#vip_gift.vip_card .right .form_wrap .bottom .form_row .right{max-width: 315px;}
#vip_gift.vip_card .form_row .check_row .radio_ct{float: right; width: 88%;}
#vip_gift.vip_card .info_wrap{padding-top: 20px;}
#vip_gift.vip_card .vip_tag{width: 240px;}
#vip_gift.vip_card .left .form_wrap .bottom .info_wrap span{letter-spacing: -0.5px;}


@media only screen and (max-width: 1080px) {
    .for_pc{display: none;}
    .for_mobile{display: block;}
    .container{padding: 0 10px;}

    #header{padding: 20px 0;height: 71px;}
    #header .title{font-size: 21px;top: -1px;left: 20px;line-height: 36px;}
    #header .container > .for_mobile.nav_wrap .black_bg{height: 100vh;background-color: rgba(0,0,0,0.8);position: fixed;left: 0;width: 100%;top: 71px;opacity: 0;transition: 0.5s;height: 0;}
    #header .container > .for_mobile.nav_wrap .black_bg.on{opacity: 1;height: 100vh;}
    .btn_nav{display: flex;}

    #vip_main{margin: 0;background: #88abda}
    #vip_main .icon{display: none;}
    #vip_main .for_mobile.img{text-align: center;max-width: 600px;margin: 0 auto;}
    #vip_main .for_mobile.img img{width: 100%;}
    #vip_main .title{padding: 30px 35px;}
    #vip_main .list{padding: 0 35px;width: 100%;display: flex ;justify-content: space-around;}
    #vip_main .title p {font-size: 35px;line-height: 45px;}
    #vip_gift .vip_middle_wrap .right{width: 100%;}
    #vip_gift .vip_middle_wrap .right .img{text-align: center;margin-bottom: 30px;}
    #vip_gift .vip_middle_wrap .left{width: 100%;}
    #vip_gift .form_wrap .bottom input, .vip .form_wrap .bottom select{max-width: 100%;}
    #vip_gift .form_wrap .bottom .form_row .right{max-width: 100%;}
    #vip_gift .form_wrap .bottom .select_wrap{max-width: 100%;}
    #vip_gift .form_wrap .bottom label{padding-bottom: 10px;}
    #vip_gift .background_image{display: none;}

    #vip_gift.vip_list form > .left, #vip_gift.vip_list form > .right{width: 100%;}
    #vip_gift.vip_list form > .left{margin-bottom: 40px;}
    #vip_gift.vip_list form .form_wrap .de_box{width: 100%;margin-bottom: 30px;}
    #vip_gift.vip_list .right .form_wrap .bottom .form_row .right{max-width: 100%;}
    #vip_gift.vip_list .check_row, #vip_gift.vip_list .left .form_row input, #vip_gift .form_wrap .bottom select{max-width: 100%;}
    #vip_gift.vip_list .form_row .input_row {max-width: 100%;min-width: 0;}

    #vip_gift2 .form_row .de_box{width: 100%;margin-bottom: 30px;}
    #vip_gift2 .form_row .right{width: 100%;}
    #vip_gift2 .form_row .right .left{width: 100%;padding-right: 0;}
    #vip_gift2 .form_row .input_row label{padding-bottom: 5px;width: 100%;}
    #vip_gift2 .form_row .input_row{max-width: 100%;min-width: 0;}
    #vip_gift2 .form_row .input_row .qty_wrap{float: left;width: 100%;max-width: 100%;}
    #vip_gift2 .form_row .input_row .address_wrap{max-width: 100%; width: 100%;}
    #vip_gift2 .form_row input{max-width: 100%;min-width: 0;}
    #vip_gift2 .delete_btn{bottom: auto;right: auto;position: initial;width: 100%;}
    #vip_gift2 .load_btn{max-width: 100%;margin-top: 20px;}

    #vip_gift.vip_welcome .form_row .check_row{display: block;}
    #vip_gift.vip_welcome .form_row .check_row > label{width: 100%;}
    #vip_gift.vip_welcome .form_row .check_row .radio_ct{width: 100%;}
    #vip_gift.vip_welcome .form_row .check_row .radio_ct .radio_wrap{width: 50%;}

    #footer .left{width: 100%;}
    #footer .right{float: left;display: none;}
    #footer .right .btn{margin-top: 20px;}

    #vip_main .vip_list_panel{margin: 0 0 30px 37px;}
}

@media only screen and (max-width: 800px) {
    .vip .info_wrap label[for='privacy_check']{font-size: 18px;}
    .vip .info_wrap .checked {margin: 6px 6px 0 0;}
    #vip_gift2.vip4 .vip_middle_wrap .background_image img{width: 100%;}
    #vip_main .list{display: block;}
    #vip_main .list .li{width: 32%;text-align: center;margin-bottom: 20px;float: left;margin-right: 2%;}
    #vip_main .list .li:nth-of-type(3){margin-right: 0;}
    #vip_main .list .li:nth-of-type(n+4){margin: 0 1% 0 17%;}
    #vip_main .list .li:last-child{margin: 0 17% 0 1%;}
}

@media only screen and (max-width: 700px) {
    #footer{padding: 20px 0;height: auto;}
    #footer .logo{margin: 0 auto;width: 100%;text-align: center;}
    #footer .ft_info{width: 100%; margin: 15px 0 0;padding-left: 0;text-align: center;padding-top: 0;}

    #vip_gift2 .top .left{width: 100%;}
    #vip_gift2 .top .right{width: 100%;}
    #vip_gift.vip_list form > .left, #vip_gift.vip_list form > .right{width: 100%;}
    #vip_gift.vip_list form > .left{margin-bottom: 40px;}
    #vip_gift.vip_list .left .form_row input{max-width: 100%;}

    .vip_top_wrap img{width:80%}
}

@media only screen and (max-width: 600px) {
    #vip_main .vip_list_panel{margin: 0 auto 30px;}
    .vip .form_wrap .address input.do_btn{font-size: 16px;}
    .vip .vip_title{font-size: 32px;line-height: 42px;}
}

@media only screen and (max-width: 500px){
    #vip_main .vip_list_panel{width: 100% !important;}
    #vip_main .vip_list_panel{height: 149px !important;}
    #vip_main .vip_list_panel .top{height: 70px !important;}
    #vip_main .vip_list_panel .top .left{width: 100%;line-height: 25px;}
    #vip_main .vip_list_panel .top .right{width: 100%;float: left;}
    #vip_main .vip_list_panel .bottom{height: 78px !important;padding: 25px 20px;}
    #vip_main .vip_list_panel .bottom .wrap div{width: 100%;float: left;text-align: center;}
    #vip_main .vip_list_panel .bottom .wrap .div{font-size: 20px;}
    #vip_main .vip_list_panel .bottom .wrap div:nth-of-type(2){width: 1%;margin-left: 12px;}
}

@media only screen and (max-width: 453px) {
    #vip_gift2 .top .left .form_title{width: 100%;}
    #vip_gift2 .top .left .reset{padding: 5px 0 20px 0;}
    #vip_main .title{padding: 30px 15px;}
    #vip_main .list{padding: 0 15px;}
}


.btn_nav{position:absolute;top:-4px;right:20px;cursor:pointer;z-index:65;background: #d7e8ff; border-radius: 50%;width: 40px; height: 40px;justify-content: space-around;align-items: center;}
#icoNav{position:relative;width:20px;height:14px;transition: none;}
#icoNav span{display:block;position:absolute;left:0;width:100%;height:2px;opacity:1;border-radius:5px;transition:.25s ease-in-out;background-color:#3776ca}
#icoNav span:nth-child(1){top:0}
#icoNav span:nth-child(2){top:6px}
#icoNav span:nth-child(3){top:12px }
#icoNav.open{height: 17px;}
#icoNav.open span:nth-child(1) {top: 8px;transform: rotate(135deg);}
#icoNav.open span:nth-child(2) {opacity: 0;  left: -60px;}
#icoNav.open span:nth-child(3) {top: 8px;transform: rotate(-135deg);}
.nav_ov{opacity: 0;z-index: -1;position: fixed;top:0;left:0;width: 100%;height:100%;background-color: rgba(0,0,0,.5);}
.nav_ov.on{opacity: 1;z-index:25;}
.m_nav{background: #d7e8ff;width: 100%;  display: none;position: absolute;top: 50px;border-top: 1px solid #d7e8ff;left: 0;padding: 40px 0;transition: none;z-index:999;}
.m_nav li a{display: block;font-size: 20px;padding:10px 20px;color: #3776ca;text-align: center;}
.m_nav li.blessing2020{width: 120px; height: 30px;background: #c1dafc;border-radius: 30px;margin: 10px auto 0;display: flex;justify-content: space-around;align-items: center;}
.m_nav li.blessing2020 a{font-size: 16px;}

.radio_wrap {display: block;position: relative;padding-left: 35px;cursor: pointer;font-size: 22px;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
.radio_wrap input {position: absolute;opacity: 0;cursor: pointer;height: 0;width: 0;}
.checkmark {position: absolute;top: 3px;left: 0;height: 25px;width: 25px;background-color: #eee;border-radius: 50%;}
.radio_wrap:hover input ~ .checkmark {background-color: #ccc;}
.radio_wrap input:checked ~ .checkmark {background-color: #682c85;}
.checkmark:after {content: "";position: absolute;display: none;}
.radio_wrap input:checked ~ .checkmark:after {display: block;}
.radio_wrap .checkmark:after {top: 9px;left: 9px;width: 8px;height: 8px;border-radius: 50%;background: white;}