@charset "utf-8";
/* **************************************** *
 * RESET FILES
 * **************************************** */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,time,figure,article,nav,header,footer,hgroup,video,audio,aside,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,section,input,textarea,select {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-style: inherit;
    vertical-align: baseline;
    font-family: 'NotoSansKR', sans-serif;
    box-sizing:border-box;
    font-size:16px;
    font-weight:300;
    color:#333;
}
ol,ul{list-style: none;}
li{list-style-type:none;}
table{border-collapse: separate;border-spacing: 0;}
caption,th,td{text-align:left;	font-weight: 300;word-break:break-all}
figure,article,header,main,footer,nav,hgroup,video,audio,aside,form{display: block;}
a,input,textarea,select,label{display:inline-block;text-decoration:none;}
img{border:0;vertical-align:top;}
sup{vertical-align:super}
button{border:0;cursor:pointer;}
strong{font-weight:700;font-size: inherit;color:inherit}
/* 스크롤바의 폭 너비 */
.scrollbar::-webkit-scrollbar {width: 10px;}
.scrollbar::-webkit-scrollbar-thumb {border: 2px solid rgba(239, 239, 239); background: rgba(0, 0, 0, .2); /* 스크롤바 색상 */border-radius: 10px; /* 스크롤바 둥근 테두리 */}
.scrollbar::-webkit-scrollbar-track {background: rgba(0, 0, 0, 0);  /*스크롤바 뒷 배경 색상*/}
/* **************************************** *
 * z-index
 * **************************************** */

.popup02{z-index: 10000;}
.popup03{z-index: 10000;}
.popup04{z-index: 10000;}
.popup05{z-index: 10000;}
.pop-wrap{z-index: 1500;}
.mask{z-index: 9999;}
.header{z-index:2000;}
.header .gnb>.bg{z-index:100;}
.header .gnb>ul{z-index:200;}

/* **************************************** *
 * COMMON-array
 * **************************************** */
html,body{width:100%;min-width:1200px;height:100%;background-color:#0c2645;}
main{padding-top:110px;background:#fff;min-height:800px;}
caption,.blind{overflow:hidden !important;visibility:hidden !important;padding:0 !important;margin:0 !important; width:0!important;height:0 !important;font-size:0 !important;line-height:0 !important;}
.wrap{position:relative;width:1200px;margin:0 auto;}
.link{cursor:pointer}
.ellipsis{overflow:hidden; white-space:nowrap; text-overflow:ellipsis}
.line{border-bottom:2px solid #000;}
.scrollOff{position:fixed;overflow:hidden;height:100%;}
.w90{width:90px !important;}
.w120{width:120px !important;}
.w200{width:200px !important;}
.w220{width:220px !important;}
.w230{width:230px !important;}
.w240{width:240px !important;}
.w260{width:260px !important;}
.w270{width:270px !important;}
.w300{width:300px !important;}
.w310{width:310px !important;}
.w340{width:340px !important;}
.w380{width:380px !important;}
.w430{width:430px !important;}
.w450{width:450px !important;}
.w480{width:480px !important;}
.w550{width:550px !important;}
.w610{width:610px !important;}
.w800{width:800px !important;}
.p4{width:4% !important;}
.p8{width:8% !important;}
.p10{width:10% !important;}
.p11{width:11% !important;}
.p12{width:12% !important;}
.p14{width:14% !important;}
.p15{width:15% !important;}
.p16{width:16% !important;}
.p17{width:17% !important;}
.p18{width:18% !important;}
.p22{width:22% !important;}
.p23{width:23% !important;}
.p25{width:25% !important;}
.p28{width:28% !important;}
.p30{width:30% !important;}
.p35{width:35% !important;}
.p37{width:37% !important;}
.p40{width:40% !important;}
.p43{width:43% !important;}
.p47{width:47% !important;}
.p61{width:61% !important;}
.p68{width:68% !important;}
.p73{width:73% !important;}
.mg-t50{margin-top:50px !important;}
.mgt40{margin-top:40px !important;}
.mgt50{margin-top:50px !important;}
.mgt60{margin-top:60px !important;}
.mgt70{margin-top:70px !important;}
.error{border-color:#F51A1A !important; }
.mask{display: none; position: fixed;left:0;top:0;width:100%;height:100%;overflow-y:auto;background:rgba(0,0,0,0.7)}
/*
.mask:before{content:'';display:block;width:100%;height:100%;position: fixed;left:0;top:0;background-color: #000;opacity:0.7;}
*/
.mask.v1{background:transparent}
.mask.v1:before{opacity: 0;}
.mask.v2{position:fixed;}
.mask.v2 .popup02{position:absolute;top:50px;margin-top:0;}
.pop-wrap{position:absolute;top:0;left:50%;width:1200px;margin-left:-600px;}
.popup02{position:fixed;top:50%;left:50%;background:#fff;}
.popup03{position:fixed;top:50%;left:50%;background:#fff;}
.popup04{position:absolute;background:#fff;}
b span{font-weight:inherit;}

/* **************************************** *
 * COMMON-form
 * **************************************** */
::-webkit-input-placeholder { color:#999 !important;}
::-moz-placeholder { color:#999 !important;}
:-ms-input-placeholder {color:#999 !important;}
:-moz-placeholder { color:#999 !important;}
input:disabled{background-color:#f8f8f8 !important;}
input[type="text"],
input[type="number"],
input[type="password"]{margin-top:10px;width:100%;padding:12px 20px;color:#000;border:1px solid #ccc;box-sizing:border-box;font-size:16px;vertical-align: middle;font-weight:500}
input[type="text"]:focus,
input[type="number"]:focus,
input[type="password"]:focus,
textarea:focus{outline:none;border:1px solid #3289e8}

/*common - input - radio*/
.radio { position: relative;display:inline-block; height:25px;margin-top:10px;margin-right:30px;vertical-align: top;}
.radio input[type="radio"] { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0; }
.radio input[type="radio"] + label { display: inline-block; position: relative; padding-left:25px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none;line-height:25px;font-weight:400;color:#000;}
.radio input[type="radio"] + label:before { content: ''; position: absolute; left: 0; top:5px; width: 18px; height: 18px;background: url(../images/01_common/radio_off.png) 0 0 no-repeat;}
.radio input[type="radio"]:checked + label:before {background: url(../images/01_common/radio_on.png) 0 0 no-repeat;}
.radio02 {overflow:hidden;position: relative;display:inline-block; height:29px;vertical-align: top;border:1px solid #ccc;border-left:0;}
.radio02 input[type="radio"] { float:left;position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border:0; }
.radio02 input[type="radio"] + label {float:left;display: inline-block; position: relative; padding:0 11px;height:27px;line-height:27px;cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none;font-weight:400;color:#333;font-size:14px;vertical-align:middle;border-left:1px solid #ccc;background:#fff}
.radio02 input[type="radio"]:checked + label{background:#3289e8;color:#fff;}
.radio03 { position: relative;display:inline-block; height:24px;line-height:24px; vertical-align: top;}
.radio03 input[type="radio"] { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0; }
.radio03 input[type="radio"] + label { display: inline-block; position: relative; padding-left:30px;height:24px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none;line-height:24px;font-weight:400;color:#000;font-size:16px;}
.radio03 input[type="radio"] + label:before { content: ''; position: absolute; left: 0; top:4px; width: 18px; height: 18px;background: url(../images/01_common/radio_off.png) 0 0 no-repeat;}
.radio03 input[type="radio"]:checked + label:before {background: url(../images/01_common/radio_on.png) 0 0 no-repeat;}
.radio03 .i-kakao{display:inline-block;width:24px;height:24px;vertical-align:top;margin-right:6px; background: url(../images/01_common/kakao03.svg) 0 0 no-repeat;background-size: contain}

/*common - input - checkbox*/
.check { position: relative;display:inline-block; height:25px;margin-top:10px;margin-right:30px;vertical-align: top;}
.check input[type="checkbox"] { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0; }
.check input[type="checkbox"] + label { display: inline-block; position: relative; padding-left:25px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none;line-height:25px;font-weight:400;color:#000;}
.check input[type="checkbox"] + label:before { content: ''; position: absolute; left: 0; top:5px; width: 18px; height: 18px;background: url(../images/01_common/check_off.png) 0 0 no-repeat;}
.check input[type="checkbox"]:checked + label:before {background: url(../images/01_common/check_on.png) 0 0 no-repeat;}
.check.v1{margin-bottom:15px;}
.check.v1 label{font-weight:500!important;}
.check02 { position: relative;display:inline-block;width:16px;height:16px;background: url(../images/01_common/check_off.png) 0 0 no-repeat;cursor:pointer;}
.check02 input[type="checkbox"] { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0; }
.check02.on{background: url(../images/01_common/check_on.png) 0 0 no-repeat;}
.check03 { position: relative;display:inline-block; height:33px;margin-top:10px;margin-right:30px;vertical-align: top;}
.check03 input[type="checkbox"] { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0; }
.check03 input[type="checkbox"] + label { display: inline-block; position: relative; padding-left:35px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none;line-height:33px;font-weight:500;color:#000;font-size:18px;}
.check03 input[type="checkbox"] + label:before { content: ''; position: absolute; left: 0; top:5px; width: 22px; height: 22px;background: url(../images/01_common/check02_off.png) 0 0 no-repeat;}
.check03 input[type="checkbox"]:checked + label:before {background: url(../images/01_common/check02_on.png) 0 0 no-repeat;}

.check04 { position: relative;display:inline-block; height:24px;margin-right:5px;vertical-align: top;}
.check04 input[type="checkbox"] { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0; }
.check04 input[type="checkbox"] + label { display: inline-block; position: relative; padding-left:22px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none;line-height:24px;font-weight:400;color:#000;font-size:16px;}
.check04 input[type="checkbox"] + label:before { content: ''; position: absolute; left: 0; top:4px; width: 18px; height: 18px;background: url(../images/01_common/check04_off.svg) 0 0 no-repeat;background-size:contain;}
.check04 input[type="checkbox"]:checked + label:before {background: url(../images/01_common/check04_on.svg) 0 0 no-repeat;background-size:contain;}

.check05 { position: relative;display:inline-block;width:24px;height:24px;background: url(../images/01_common/check04_off.svg) 0 0 no-repeat;background-size:contain; cursor:pointer;}
.check05 input[type="checkbox"] { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0; }
.check05.on{background: url(../images/01_common/check04_on.svg) 0 0 no-repeat;background-size:contain;}


/*common - select*/
select{width:220px;height:50px;padding:0 40px 0 15px;color:#000;border:1px solid #ccc;box-sizing:border-box;font-size:16px;line-height:48px;font-weight:400;-webkit-appearance:none;-moz-appearance:none;background: url(../images/01_common/down3.svg) no-repeat calc(100% - 15px) 50%;vertical-align: middle;}
select::-ms-expand {display:none;}
select{color:#121212;font-weight:500;}

.select01{padding:0 20px 0 10px; line-height:21px;width:81px;height:21px;border:0;text-align:left;background: url(../images/01_common/down2.svg) no-repeat 100% 50%;background-size:16px 16px; font-size:14px;color:#333;font-weight:400;}

/*common -textarea*/
textarea{width:100%;height:150px;border:1px solid #ccc;padding:16px 20px;font-size:16px;background:#fff;font-weight:500}

/*common - date*/
.search-date:after{content:'';clear:both;}
.search-date input{float:left;width:100px;height:29px;padding:5px 12px;margin-top:0;font-size:14px;}
.search-date a{display:inline-block;float:left;width:26px;height:29px;border:1px solid #ccc;border-left:0;background:url(../images/01_common/icon_date.png) center center no-repeat;background-size: 14px 14px;}
.search-date span{display:inline-block;float:left;padding:0 10px;}

/*common - number count*/
.area-count{overflow:hidden;height:31px;width:66px;margin:0 auto;background:#fff;font-size:0;}
.area-count input{display:inline-block;width:44px;height:31px;padding:0;margin:0;border:1px solid #8b8b8b;text-align:center;font-size:14px;color:#191919;vertical-align:top;}
.area-count span{display:inline-block;width:22px;height:31px;vertical-align:top;font-size:0;}
.area-count span a{display:block;width:100%;height:15px;border:1px solid #8b8b8b;border-left:0;transition: all .1s ease-in;}
.area-count span a.plus{height:15px;border-bottom:0;background: url(../images/01_common/plus.png) center center no-repeat;}
.area-count span a.minus{height:16px;background: url(../images/01_common/minus.png) center center no-repeat;}
.area-count span a:hover{background-color:#f5f5f5; }


/* **************************************** *
 * COMMON-text
 * **************************************** */
.txt-type01{font-size:12px;}
.txt-type02{font-size:14px;}
.txt-type03{font-size:16px;}
.txt-type04{font-size:18px;}
.txt-type05{font-size:20px;}
.txt-type06{font-size:22px;}
.txt-type07{font-size:24px;}
.txt-type08{font-size:12px;color:#28272b !important;}
.txt-type09{font-size:14px;color:#28272b !important;}
.txt-type10{font-size:16px;color:#28272b !important;}
.txt-type11{font-size:18px;color:#28272b !important;}
.txt-type12{font-size:20px;color:#28272b !important;}
.txt-type13{font-size:22px;color:#28272b !important;}
.txt-type14{font-size:24px;color:#28272b !important;}
.txt-type15{font-size:12px;color:#000 !important;}
.txt-type16{font-size:14px;color:#000 !important;}
.txt-type17{font-size:16px;color:#000 !important;}
.txt-type18{font-size:18px;color:#000 !important;}
.txt-type19{font-size:20px;color:#000 !important;}
.txt-type20{font-size:22px;color:#000 !important;}
.txt-type21{font-size:24px;color:#000 !important;}
.txt-dv-line{position:relative;font-size:12px;height:18px;width:100%;display:flex;justify-content:center;}
.txt-dv-line:before{display:block;position:absolute;top:8.5px;left:0;width:100%;content:'';border-top:1px solid #e5e5e5;}
.txt-dv-line span{position:relative; display:block; font-size:12px;height:18px;line-height:18px;padding:0 16px;background:#fff;color:#4d4d4d;}
.left{text-align:left !important}
.center{text-align:center !important;}
.txt-c01{color:#3289e8 !important;}
.att div{color:#28272b;letter-spacing:-0.5px;font-weight:500;}
.att span{display:block;padding-left:23px;color:#999;margin-top:9px;background:url(../images/01_common/info.png) 0 3px no-repeat;font-weight:300;font-size:14px;}
.att02{display:block;padding-left:23px;color:#28272b;margin-top:45px;background:url(../images/01_common/info.png) 0 5px no-repeat;font-weight:400;}
.att.v1{width:435px;margin:70px auto 0 !important;}
.att.v1 span{color:#28272b;}
.att.v2 div{margin-bottom:8px;}
.att.v2 span{color:#4D4D4D;margin-top:4px;font-weight:400;background:url(../images/01_common/info03.svg) 0 2px no-repeat;}
.att03{display:block;padding-left:23px;background:url(../images/01_common/info02.png) 0 5px no-repeat;font-weight:400;}
.info-txt{margin-top:4px; font-size:14px;line-height:21px;font-weight:400;color:#4D4D4D}
.error-txt{margin-top:4px; font-size:14px;line-height:21px;font-weight:400;color:#F51A1A}
.att04{margin-top:24px;}
.att04 li{position:relative;padding-left:10px; margin-top:4px; font-size:12px;font-weight:400;color:#121212;word-break: keep-all}
.att04 li.t01{color:#F51A1A; }
.att04 li:before{content: '\00B7';position:absolute;top:0;left:0}
/* **************************************** *
 * COMMON-button
 * **************************************** */
.btn{width:220px;height:60px;font-size:18px;line-height:60px;color:#fff;text-align:center;vertical-align: middle;font-weight:700;transition: all .1s ease-in;}
.btn.gray{background:#676767;}
.btn.gray:hover{background: #888;}
.btn.gray02{background:#3b3b3b;}
.btn.gray02:hover{background: #5c5c5c;}
.btn.gray03{background:#707070;}
.btn.gray03:hover{background: #888;}
.btn.blue{background:#3289e8;}
.btn.blue:hover{background: #1D74D3;}
.btn.blue02{background:#0C2645;}
.btn.blue02:hover{background: #1c477a;}
.btn.black{background:#121212;}
.btn.black:hover{background: #333;}
.btn.black02{background:#121212;}
.btn.black02:hover{background: #333;}
.btn.white{background:#fff;border:1px solid #121212;color:#121212;}
.btn.white:hover{background: #f5f5f5;}
.btn.white02{background:#fff;border:1px solid #999;color:#8d8d8d;}
.btn.white02:hover{background: #f8f8f8;}
.btn.white03{background:#fff;border:1px solid #929292;color:#707070;}
.btn.white03:hover{background: #f8f8f8;}
.btn.v1{float:right;width:245px;margin-top:44px;height:115px;line-height:115px; font-size:20px;font-weight:300;}
.btn.v2{margin-left:20px; height:50px;line-height:50px;font-weight:300}
.btn.v3{height:50px;line-height:50px;font-weight:300}
.btn.v4{margin-top:40px;height:50px;line-height:50px;font-weight:300}
.btn.v5{height:50px;width:96px;line-height:50px;font-weight:300}
.btn.v6{width:100px;height:40px;line-height:40px;font-size:16px;border-radius:20px;font-weight:400;}
.btn.v7{width:100px;height:35px;line-height:35px;font-size:14px;font-weight:400;}
.btn.v8{font-size:16px;}
.btn.v9{height:50px;width:100px;line-height:50px;font-weight:500}
.btn.v10{height:50px;line-height:50px;font-weight:300;width: 210px;margin-left:-7px;}
.btn.v11{height:40px;line-height:40px;font-weight:500;width: 115px;color:#fff;font-size:16px;}
.btn.v12{height:28px;line-height:28px;padding:0 12px;font-weight:500;width: auto;color:#fff;font-size:12px;border-radius:4px;}
.btn.kakao{position:relative;display:flex;justify-content:center;align-items:center;width:384px;height:56px;background:#FEE500;border-radius:12px;font-size:16px;font-weight:500;color:#121212;line-height:24px;}
.btn.kakao:before{display:block;content:'';margin-right:8px; width:24px;height:24px;background:url(../images/01_common/kakao.svg) no-repeat;background-size:contain;}
a.btn-more {display: inline-block;font-size: 16px;font-weight: 500;color: #666;}
a.btn-more:before {content: '';display: inline-block;margin-right: 20px;width: 26px;height: 26px;border: 1px solid #666;border-radius: 20px;background: url(../images/01_common/bt_more.png) no-repeat;vertical-align: middle;transition: all .2s ease-in;}
a.btn-more:hover:before {transform: rotate(180deg);background:#000 url(../images/01_common/bt_more_on.png) no-repeat;border:1px solid #000;}
a.btn-more:hover {color: #000;}
.bottom-group{position:relative;text-align:center;padding-top:60px;padding-bottom:60px;border-top:1px solid #ccc;}
.bottom-group.v1{border:0}
.bottom-group.v2{border:0;text-align:right;}
.bottom-group.v3{border-color:#000}
.bottom-group.v4{padding-top:65px;padding-bottom:20px;border:0}
.bottom-group.v5{padding-top:10px;padding-bottom:0;border:0}
.bottom-group.v6{border:0; padding-top:100px}
.bottom-group.v7{border:0; padding-top:10px;padding-bottom:0}
.bottom-group a{margin:0 3px;font-weight:600}
.bottom-group .btn-next{display:inline-block;position:absolute;top:50%;right:0;padding:5px 35px 5px 5px;margin-top:-17px;margin-right:5px;font-weight:400;color:#000;background:url(../images/01_common/btn_next02.png)95% center no-repeat}
.btn-readonly{background:#BDBDBD}
.btn-active{background:#4D4D4D}

/*common - paging*/
.page-nav{text-align:center;margin-top:40px;}
.page-nav a, .page-nav span{display:inline-block;margin:0 2px;width:27px;height:27px;font-size:14px;color:#000;font-weight:400;line-height:27px;vertical-align:top}
.page-nav a:hover{color:#3289e8;text-decoration:underline;}
.page-nav .on{background-color:#292929;color:#fff;font-size:12px;}
.page-nav a.first{background:url(../images/01_common/btn_first.png) center center no-repeat;}
.page-nav a.prev{background:url(../images/01_common/btn_prev.png) center center no-repeat;}
.page-nav a.next{background:url(../images/01_common/btn_next.png) center center no-repeat;}
.page-nav a.last{background:url(../images/01_common/btn_last.png) center center no-repeat;}
.page-nav02{text-align:center;margin-top:60px;}
.page-nav02 a, .page-nav02 span{display:inline-block;margin:0 4px;padding:0 3px;height:25px;font-size:16px;color:#000;font-weight:500;line-height:25px;vertical-align:top}
.page-nav02 a:hover{border-bottom:1px solid #000}
.page-nav02 .on{color:#3289e8;border-bottom:1px solid #3289e8}
.page-nav02 a.first{width:27px;background:url(../images/01_common/btn_first.png) center center no-repeat;}
.page-nav02 a.prev{width:27px;background:url(../images/01_common/btn_prev.png) center center no-repeat;}
.page-nav02 a.next{width:27px;background:url(../images/01_common/btn_next.png) center center no-repeat;}
.page-nav02 a.last{width:27px;background:url(../images/01_common/btn_last.png) center center no-repeat;}
.page-nav02 a.first:hover,
.page-nav02 a.prev:hover,
.page-nav02 a.next:hover,
.page-nav02 a.last:hover{border-bottom:0;}

.page-nav02{display:flex;align-items:center;justify-content:center;margin-top:40px;}
.page-nav02 a{position:relative; margin:0 ;padding: 0 2px;}
.page-nav02 a + a{margin-left:12px;}
.page-nav02 a.first{width:20px;height:20px;background:url(../images/01_common/page_first.svg) center center no-repeat;}
.page-nav02 a.prev{margin-right:4px;margin-left:8px;width:20px;height:20px;background:url(../images/01_common/page_prev.svg) center center no-repeat;}
.page-nav02 a.next{margin-left:16px;width:20px;height:20px;background:transparent;}
.page-nav02 a.next:before{display:block;content:'';width:20px;height:20px;background:url(../images/01_common/page_prev.svg) center center no-repeat;transform: rotate(180deg)}
.page-nav02 a.last{margin-left:8px;width:20px;height:20px;background:transparent;}
.page-nav02 a.last:before{display:block;content:'';width:20px;height:20px;background:url(../images/01_common/page_first.svg) center center no-repeat;transform: rotate(180deg)}

/* **************************************** *
 * COMMON-list-type
 * **************************************** */
/*common - 입력list*/
.write-group{overflow:hidden;padding-top:25px;padding-bottom:50px;border-top:1px solid #000;}
.write-group.v1{padding: 0 0 30px;}
.write-group.v2{padding-top:15px;border-top:2px solid #000;border-bottom:1px solid #ccc;margin-bottom:20px}
.write-group.v3{padding:0 0 30px; border-bottom:1px solid #000;}
.write-group.v4{padding:0 0 20px;}
.write-group li{position:relative;padding-left:165px;margin-top:25px;min-height:50px;}
.write-group li.odd{display:inline-block;width:53%;}
.write-group li.even{display:inline-block;width:46%;}
.write-group li.v1{min-height:24px;}
.write-group li .sort{position:absolute;top:0;left:0;padding-top:12px;padding-left:5px;font-weight:400;color:#121212;vertical-align:top;}
.write-group li .sort.v1{padding-top:0;top:0}
.write-group li .sort.v2{padding-top:0;top:0}
.write-group li .sort span{display:inline-block;padding-left:3px;color:#3289e8;font-weight:700;}
.write-group li .radio03{margin-top:12px;margin-right:31px;}
.write-group li .radio03 input[type="radio"] + label{padding-left:27px;}
.write-group li .box02{overflow:hidden}
.write-group input, .write-group select, .write-group textarea{margin-top:0;margin-right:12px;}
.write-group select + .txt{margin-left:-7px;color:#121212}
.write-group input + .txt.v1{margin-left:-7px;padding-right:5px;color:#121212}
.write-group .info{display: block; padding-top:20px;padding-bottom:20px;line-height:32px;color:#4D4D4D}
.write-group .info em{color:#ee202e}
.write-group .txt{display:inline-block;min-height:50px;padding-top: 12px;padding-right:20px;color:#999;vertical-align: middle;}
.write-group .txt.v1{padding-right:12px;}
.write-group .txt02{display:inline-block;padding-left:20px;font-size:14px;color:#000;vertical-align: middle;}
.write-group .txt02 img{vertical-align:middle;padding-left:10px;}
.write-group .txt03{display:inline-block;min-height:50px;padding-top: 12px;padding-right:50px;}
.write-group .txt03 span{display:block;margin-top:10px;}
.write-group .inner-txt{display:flex;padding-top:13px;line-height: 24px;}
.write-group .inner-txt .i-kakao{display:inline-block;width:24px;height:24px;vertical-align:top;margin-right:6px; background: url(../images/01_common/kakao03.svg) 0 0 no-repeat;background-size: contain}
.write-group .inner-txt .t1{margin-left:8px;font-size:16px;font-weight:500;color:#121212;line-height:24px;}
.write-group .inner-txt .t2{margin-left:8px;font-size:16px;font-weight:400;color:#929292;line-height:24px;}

.write-group .line{padding-bottom:25px;border-bottom:1px solid #e5e5e5;}
.write-group .box{overflow:hidden;display: inline-block;}
.write-group .box input, .ul-type .box a, .ul-type .box label{float:left;margin:0}
.write-group .box02 div{padding-top:22px;}
.write-group02{padding-top:33px;padding-bottom:60px;border-top:1px solid #000;}
.write-group02 li{position:relative; padding-left:20px;padding-top:9px;color:#28272b;}
.write-group02 li:before{content:'\00B7';display:block;font-weight:700;position:absolute;top:8px;left:4px;}
.write-group02 li>span{color:#ee202e;}
.write-group .pw_notice{margin-top: 8px; color: #f00;}


/*common - list*/
.list-group{margin-top:19px;}
.list-group .list-f + .title{margin-top:60px;}
.list-group .tit-wrap{position:relative;}
.list-group .tit-wrap a{display:inline-block;vertical-align:top;position:absolute;top:0;right:0;padding-bottom:3px;font-size:16px;color:#999;border-bottom:1px solid #999;}
.list-group .title{font-size:20px;height:auto;line-height:20px;margin-top:30px;}
.list-group .list-top{padding:15px 0;background:#f5f5f5;border-top:1px solid #000;}
.list-group .list-top>div{display:inline-block;font-weight:500;color:#000;text-align:center;vertical-align:middle;}
.list-group .list-h{padding:22px 0;border-top:1px solid #000;}
.list-group .list-h.v1{background:#f5f5f5;}
.list-group .list-h>div{display:inline-block;font-weight:500;color:#000;text-align:center;vertical-align:middle;}
.list-group .list-cont{border-bottom:1px solid #e5e5e5;}
.list-group .list-cont li{padding:20px 0;border-top:1px solid #e5e5e5;}
.list-group .list-cont li>div{display:inline-block;color:#000;text-align:center;font-size:14px;vertical-align:middle;}
.list-group .list-cont li>div>div{display:inline-block;color:#000;text-align:center;font-size:14px;vertical-align:middle;}
.list-group .list-cont li>div p.txt{font-size:14px;letter-spacing:-0.38px;opacity:.8;white-space:nowrap}
.list-group .list-cont li>div p.txt02{font-size:14px;letter-spacing:-0.38px;opacity:.8;white-space:nowrap}
.list-group .list-f{padding:20px 20px;border-bottom:1px solid #e5e5e5;}
.list-group .list-f .btn-group{display:inline-block; width:52%;}
.list-group .list-f .btn{margin-right:5px;}
.list-group .list-f p{display:inline-block;font-size:12px;line-height:18px;color:#5c5c5c;vertical-align: middle;}
.list-group .list-total{position:relative;overflow:hidden;height:100px;border-bottom:1px solid #000;background:#f5f5f5;}
.list-group .list-total div{float:left;padding-top:30px;width:32%;height:100%; border-right:1px solid #e5e5e5;text-align:center;}
.list-group .list-total .total{border-right:0;width:36%;}
.list-group .list-total p{display:inline-block;font-size:16px;font-weight:500;color:#010101;vertical-align: middle}
.list-group .list-total em{display:inline-block;padding-left:18px;font-size:28px;font-weight:700;color:#0a0a0a;vertical-align: middle}
.list-group .list-total span{display:inline-block;font-size:18px;color:#0a0a0a;vertical-align:middle;}
.list-group .list-total .total em{color:#3289e8}
.list-group .list-total .total span{color:#3289e8;font-weight:700;}
.list-group .list-total:before{content:'';display:block;position:absolute;top:32px;left:300px;width:38px;height:38px;background: url(../images/01_common/icon_plus.png) 0 0 no-repeat;}
.list-group .list-total:after{content:'';display:block;position:absolute;top:32px;left:621px;width:38px;height:38px;background: url(../images/01_common/icon_equal.png) 0 0 no-repeat;}

.list-group02{margin-top:60px;border-top:2px solid #000;}
.list-group02 .list-cont li{padding:65px 0 65px 75px;border-bottom:1px solid #000;}
.list-group02 .list-cont li>div{display:inline-block;vertical-align: middle;}
.list-group02 .list-cont li a{display:inline-block;vertical-align: middle;}

/* **************************************** *
 * COMMON-etc
 * **************************************** */
/*common - breadcrumbs*/
.breadcrumbs{display:block;height:36px;}
.breadcrumbs li{display:inline-block;height:24px;min-width:24px;padding:0 0 0 24px; font-size:13px;color:#666;font-weight:400;line-height:24px;vertical-align:top;background:url(../images/01_common/arrow08.svg) 4px 4px no-repeat;}
.breadcrumbs li:first-child{background:none;padding:0 }
.breadcrumbs li a{display:block;font-size:14px;font-weight:400;line-height:24px;vertical-align:top;color:#4D4D4D}
.breadcrumbs li:first-child a{height:24px;min-width:24px;background:url(../images/01_common/icon_home.svg) 0 0 no-repeat;}
.breadcrumbs li:nth-child(2){background:transparent;padding-left:12px; }
.breadcrumbs li:last-child,
.breadcrumbs li:last-child>a{font-size:14px;color:#121212;font-weight:500;line-height:24px;}

/*common - title*/
.title-group{position:relative;}
.title-group .cont{display:inline-block;position:absolute;top:12px;right:0;}
.title-group02{display:flex;flex-direction: column;justify-content:center;align-items:center;margin-top:40px;}
.title-group02 .txt-dv-line{margin-top:32px;}
h3.title{padding-bottom:20px;font-size:22px;height:72px;line-height:70px; font-weight:700;color:#202020;}
h3.title.v1{background:url(../images/03_log-in/icon10.png) 10px 20px no-repeat;padding-left:60px}
h3.title.v2{background:url(../images/03_log-in/icon11.png) 10px 17px no-repeat;padding-left:60px}
h3.title.v3{background:url(../images/04_top-quickmenu/icon05.png) 10px 11px no-repeat;padding-left:75px;background-size: 46px 46px;}
h3.title.v4{background:url(../images/05_buy_event/icon02.png) 30px 15px no-repeat;padding-left:75px;height:65px;line-height:63px;}
h3.title02{margin-bottom:16px;padding-left:74px;height:58px;font-size:22px;line-height:33px; font-weight:600;color:#000000;}
h3.title02 span{display:block;color:#4D4D4D;line-height:24px;font-weight:400;}
h3.title02.v1{background:url(../images/07_mypage/icon02.svg) 0 0 no-repeat;background-size:58px auto;}
h3.title02.v2{background:url(../images/07_mypage/icon03.svg) 0 0 no-repeat;background-size:58px auto;}
.title02-group{display:flex;justify-content:space-between;align-items:center;}
/*common - terms*/
.terms-box{padding:30px 50px;height:440px;overflow-y:auto;border-top:1px solid #cccccc;color:#0060ca;}

.terms-box h3{padding:40px 0 10px 0;font-size:16px;font-weight:700;color:#0060ca;}
.terms-box p{padding:10px 0 10px 20px;color:#0060ca;}
.terms-box ol li{position:relative;padding:10px 0 10px 45px;border:0 !important;color:#0060ca;}
.terms-box ol li span{position:absolute;top:10px;left:20px;color:#0060ca;}
.terms-box ol li li{position:relative;padding:5px 0 0 20px;color:#0060ca;}
.terms-box ol li ul li:before{content:'\00B7';position:absolute;top:5px;left:5px;color:#0060ca;}
.terms-box ol li ul.tri li:before{content:'\25B6';left:0;color:#0060ca;}
.terms-box ol li ol li span{position:absolute;top:5px;left:0;color:#0060ca;}

.terms-box table{margin:10px 0 0;border-collapse:collapse;border: 1px solid #e5e5e5;color:#0060ca;}
.terms-box th,
.terms-box td{border: 1px solid #a3c4ea;padding:10px;color:#0060ca;}
.terms-box th{background:#f1f6ff;font-weight:500;text-align: center;color:#0060ca;}
.terms-box a{color:#0060ca;}

/*common - detail-view*/
.detail-view{border-top:2px solid #000;border-bottom:1px solid #000;}
.detail-view .d-title{overflow:hidden;padding:21px 30px;border-bottom:1px solid #ccc;}
.detail-view .d-title div{display:inline-block;float:left;width:700px;font-size:20px;font-weight:400;color:#000;}
.detail-view .d-title.v1 div{width:100%;}
.detail-view .d-title span{float:right;color:#666;}
.detail-view .d-date{overflow:hidden;padding:21px 30px;border-bottom:1px solid rgba(0,0,0,0.4);}
.detail-view .d-date div{display:inline-block;float:left;font-size:16px;font-weight:400;color:#000;line-height:19px;}
.detail-view .d-date div.line-add{padding-left:37px;border-left:1px solid #666;}
.detail-view .d-date span{display:inline-block;float:left;padding-left:20px; padding-right:37px;color:#666;line-height:19px;}
.detail-view .d-content{padding:100px 50px;}
.detail-view .d-content img{width: 100% !important;}


/* **************************************** *
 *HEADER
 * **************************************** */
.header{overflow:hidden;position:fixed;top:0;left:0;width:100%;height:110px;background-color: #002B5E;transition: background-color 200ms ease, height 200ms ease;}
.header:before{content:'';display:block; position:absolute;top:109px;left:0;width:100%;border-top:1px solid #002B5E;opacity:0;}
.header h1{display:inline-block;vertical-align:top;}
.header h1 a{display:block;width:237px;filter: brightness(2000%);transition: all 200ms ease;}
.header h1 a img{width:100%;}
.header.on{overflow: visible; background-color: #fff;height:314px;box-shadow: 0px 2px 8px 0px #0000001A;}
.header.on2{overflow: visible;}
.header.on:before{border-color:#DEDEDE;opacity:1}
.header.on h1 a{filter: brightness(100%);}

/*GNB*/
.gnb{display:inline-block;margin:0 0 0 85px;vertical-align:top;height:110px;}
.gnb .on{color:#3289e8 !important;}
.gnb a:hover{color:#3289e8;}
.gnb > ul{font-size:0;position:relative;}
.gnb > ul > li{display:inline-block;vertical-align:top;}
.gnb > ul > li.n1{width:223px;}
.gnb > ul > li.n2{width:157px;}
.gnb > ul > li.n3{width:188px;}
.gnb > ul > li > a{position:relative;display:block;height:110px;line-height:110px;color:#fff;font-weight:600;font-size:16px;text-align:center;}
.header.on .gnb > ul > li > a{color:#121212}
.header.on .gnb > ul > li:hover > a{ color:#0055AD;border-bottom:2px solid #0055AD}
.gnb > ul > li > ul{width:100%;height:100%;font-size:0;padding-top:12px;opacity:0;transition: opacity 100ms ease;}
.gnb.on > ul > li > ul{opacity: 1}
.gnb > ul > li > ul > li{display:block;text-align:center;}
.gnb > ul > li > ul > li > a{display:block;height:44px;line-height:44px;font-size:16px;font-weight:500;color:#333;}
.gnb > ul > li > ul > li > a:hover{color:#0055AD;}
.gnb > ul > li > ul > li >  div{padding-top:5px;}
.gnb > ul > li > ul > li >  div > a{display:block;font-size:14px;padding:3px 10px;}

.header-user{display:inline-block;height:110px;float: right; vertical-align:top;font-size:0;}
.header-user>ul{font-size:0;}
.header-user>ul > li{display:inline-block;position:relative;margin:0 0 0 32px;vertical-align:top;font-size:0;}
.header-user>ul > li>a{width:32px;height:110px;background:url(../images/01_common/header-ico01.svg) center center no-repeat;filter: brightness(2000%);transition: all 300ms ease;}
.header.on .header-user>ul>li>a{filter: brightness(100%);}
.header-user>ul > li.m01>a{ background-image:url(../images/01_common/header-ico01.svg);}
.header-user>ul > li.m02>a{ background-image:url(../images/01_common/header-ico02.svg);}
.header-user>ul > li.m03>a{ background-image:url(../images/01_common/header-ico03.svg);}
.header-user>ul > li.m04>a{ background-image:url(../images/01_common/header-ico04.svg);}
.header-user>ul > li.m05>a{ background-image:url(../images/01_common/header-ico01.svg);}
.header-user>ul > li>a + span{display:inline-block;position:absolute;bottom:5px;left:50%;height:30px;font-size:11px;color:#fff;white-space:nowrap;border-bottom:5px solid #3289e8;font-family: Dotum,'돋움',Helvetica,"Apple SD Gothic Neo",sans-serif;}
.header-user>ul > li>a + span{opacity:0;transition: all .1s ease-in;}
.header-user>ul > li>a:hover + span{opacity:1;}
.header-user>ul > li.m01>a + span{margin-left: -16px;}
.header-user>ul > li.m02>a + span{margin-left: -22px;}
.header-user>ul > li.m03>a + span{margin-left: -22px;}
.header-user>ul > li.m04>a + span{margin-left: -35px;}
.header-user>ul > li.m05>a + span{margin-left: -18px;}

.header-user>ul>li>ul{opacity:0;display:none; position:absolute;top:80px;left:calc(50% - 50px);width:100px;padding:4px;border-radius:10px;background:#fff;box-shadow: 0px 4px 8px 0px #0000001A;z-index:2100;transition: all 300ms ease;}
.header-user>ul>li>ul>li{display:block;}
.header-user>ul>li>ul>li a{display:block;height:34px;line-height:34px;border-radius:8px; color:#4D4D4D;font-size:12px;font-weight:400;text-align:center;}
.header-user>ul>li>ul>li a:hover{background:#F7F7F7;color:#0055AD;font-weight:600; }
.header-user>ul>li:hover >ul{opacity:1;display:block;}
/* **************************************** *
 *FOOTER
 * **************************************** */
.footer{padding-top:65px;padding-bottom:110px;}
.footer .wrap{width:100%;}
.footer .f-group{padding-bottom:25px; text-align: center;border-bottom:1px solid rgba(255,255,255,0.1)}
.footer .f-group li{display:inline-block;padding:0 25px;}
.footer .f-group li a{color:#fff;padding-left:15px;background:url(../images/01_common/dot.png) 0 10px no-repeat;}
.footer .logo{text-align: center;padding:29px 0;}
.footer p{text-align: center;color:rgba(255,255,255,0.4);font-size:13px;line-height:26px;}

/* **************************************** *
 *terms
 * **************************************** */
.terms main .wrap{padding-top:18px;}
.terms h2{padding:50px 0;font-size:30px;font-weight:700;text-align:center;border-bottom: 1px solid #e5e5e5;}
.terms h3{padding:40px 0 10px 0;font-size:16px;font-weight:700;}
.terms p{padding:10px 0 10px 20px;}
.terms section{padding:40px 40px 150px;line-height:30px}
.terms ol li{position:relative;padding:10px 0 10px 45px;}
.terms ol li span{position:absolute;top:10px;left:20px;}
.terms ol li li{position:relative;padding:5px 0 0 20px;}
.terms ol li ul li:before{content:'\00B7';position:absolute;top:5px;left:5px;}
.terms ol li ul.tri li:before{content:'\25B6';left:0;}
.terms ol li ol li span{position:absolute;top:5px;left:0;}

.terms table{margin:10px 0 0;border-collapse:collapse;border: 1px solid #e5e5e5;}
.terms th,
.terms td{border: 1px solid #e5e5e5;padding:10px;}
.terms th{background: #f5f5f5;font-weight:500;text-align: center;}
.terms section a{color:#006ade;}
/* **************************************** *
 *MAIN
 * **************************************** */

.main section{margin:0 auto;}

.main .swiper-bnr {height:540px;}
.main .swiper-bnr .wrap{width:100%;height:540px;overflow:hidden;}
.main .swiper-bnr .swiper-slide{overflow:hidden; width:1920px;height:540px;}
.main .swiper-bnr .swiper-slide a{display:block;width:100%;height:100%;background:url(../images/02_main/slider01_1.png) center center no-repeat;background-size:auto 540px;}
.main .swiper-bnr .swiper-button-prev{left:calc(50% - 600px);z-index:100;width:56px;height:56px;background:url(../images/02_main/btn_prev.svg) 0 0 no-repeat;background-size:contain;}
.main .swiper-bnr .swiper-button-next{right:calc(50% - 600px);;z-index:100;width:56px;height:56px;background:url(../images/02_main/btn_next.svg) 0 0 no-repeat;background-size:contain;}
.main .swiper-bnr .swiper-button-prev svg,
.main .swiper-bnr .swiper-button-next svg{display:none}
.main .swiper-bnr .swiper-counter{position:absolute;bottom:32px;left:calc(50% - 57px);width:114px;height:32px;display:flex;justify-content:center;align-items:center;z-index:100; }
.main .swiper-bnr .swiper-counter>div{z-index:100;display:flex;justify-content:center;align-items:center;width:81px;height:28px;line-height:28px;background:rgba(0,0,0,0.3);border-radius:30px;}
.main .swiper-bnr .swiper-counter>div{margin-left:5px; font-size:16px;font-weight:600;color:rgba(255,255,255,0.4);}
.main .swiper-bnr .swiper-counter>div .total{display:block;margin-left:6px; font-size:16px;font-weight:600;color:rgba(255,255,255,0.4);}
.main .swiper-bnr .swiper-counter>div .current{display:block;margin-right:6px;font-size:16px;font-weight:600;color:#fff;}
.main .swiper-bnr .btn-move{z-index:100;display:inline-block;width:28px;height:28px;background:url(../images/02_main/btn_stop.svg) 0 0 no-repeat;background-size:contain;}
.main .swiper-bnr .btn-move.active{background-image:url(../images/02_main/btn_start.svg);}

.main .card-number{padding:130px 0 0 0; height:477px;background-color:#F0F6FA;}
.main .card-number .wrap{padding-left:506px;}
.main .card-number .wrap:before{content:'';display:block;position:absolute;top:-14px;left:94px;width:361px;height:237px;border-radius:18px; background:url(../images/02_main/membership_card2.png) 0 0 no-repeat;background-size:contain;}
.main .card-number h2{margin-top:10px; font-size:30px;color:#121212; line-height:45px;letter-spacing:-1px;font-weight:500;}
.main .card-number h2>span{display: inline-block;font-size:28px;color:#121212;line-height:40px;font-weight:500;}
.main .card-number .step02{padding-top:10px;}
.main .card-number .step02 a{vertical-align: bottom;margin-top:20px;margin-left:0}
.main .card-number .step02 h2{ font-size:28px;line-height:40px;}
.main .card-number input{margin-top:56px;padding:13px 16px;width:341px; background:#F0F6FA;border-top:0;border-left:0;border-right:0;border-bottom:1px solid #121212;font-size:16px;color:#121212;font-weight:400; vertical-align:top;}
.main .card-number input::-webkit-input-placeholder { color:#929292 !important;}
.main .card-number input::-moz-placeholder { color:#929292 !important;}
.main .card-number input:-ms-input-placeholder {color:#929292 !important;}
.main .card-number input:-moz-placeholder { color:#929292 !important;}
.main .card-number input:focus{outline:none;}
.main .card-number a{margin:46px 0 0 20px;padding:0;width:240px;height:60px;line-height:60px;color:#fff;font-size:18px;font-weight:600;border-radius:40px;background-color:#233B77;text-align:center;vertical-align:top;transition: all 300ms ease;}
.main .card-number a:hover{filter:brightness(120%);}
.main .main-product{overflow:hidden; display:flex;justify-content:center;padding:120px 0;height:778px;}
.main .main-product h2{opacity:0; display:flex;justify-content:center;line-height:60px;font-weight:600;font-size:40px;color:#0C2645;}
.main .main-product ul{opacity:0; display:flex;justify-content:center;margin-top:48px;}
.main .main-product li{position:relative;width:282px;height:400px;}
.main .main-product li + li{margin-left:24px;}
.main .main-product li a{position:relative;display:block;justify-content:center;padding:8px 0 0 0;width:282px;height:400px;background:url(../images/02_main/product_bg.svg) 0 0;background-size: contain;}
.main .main-product li a:before{content:'';display:block;position:absolute;bottom:0;right:0;width:282px;height:400px;background:url(../images/02_main/product_bg.png) 0 0;background-size: contain;transition: all 300ms ease;}
.main .main-product li a .ico-arr{position:absolute;bottom:0;right:0;width:50px;height:50px;background: url(../images/02_main/arr.svg) center center no-repeat;background-size: 24px auto;transition: all 300ms ease;}
.main .main-product li a .ico-bg{position:absolute;bottom:0;right:0;width:50px;height:50px;border-radius:100%;background:#0C2645;transition: all 100ms ease;}
.main .main-product li a:hover:before{filter:brightness(90%)}
.main .main-product li a:hover .ico-bg{filter:brightness(150%);width:54px;height:54px;bottom:-2px;right:-2px;}
.main .main-product li a img{position:relative;display:block;width:auto;height:282px;margin:0 auto; }
.main .main-product li a .t01{position:relative;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;max-height:48px; margin-top:20px;font-size:16px;font-weight:400;line-height:24px;color:#4D4D4D;}
.main .main-product li a .t02{position:relative;overflow: hidden;width:192px;margin-top:16px;margin-left:24px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;max-height:54px;font-size:18px;font-weight:700;line-height:27px;color:#4D4D4D;}

.main .service{overflow:hidden;position:relative;padding:108px 0;height:634px;background:url(../images/02_main/bg01.png) center center no-repeat;background-size:auto 634px;}
.main .service .wrap{display:flex;flex-wrap: wrap;justify-content:center; text-align:center;}
.main .service h2{opacity:0; display:flex;width:100%; justify-content:center;margin-bottom:40px; line-height:60px;font-weight:600;font-size:40px;color:#fff;}
.main .service .box{opacity:0; position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;padding:124px 0 24px;width:220px;height:202px;vertical-align:top;border-radius:16px;background:rgba(255,255,255,0.45) ;backdrop-filter:blur(20px);}
.main .service .box + .box{margin-left:24px;}
.main .service .box:before{content:'';display:block;width:100%;height:100%;position:absolute;top:0;left:0; background:linear-gradient(311.88deg, #0C2645 2.72%, #1E5EAB 97.28%);opacity:0;transition: all .1s ease-in;}
.main .service .box:hover:before{opacity:1}
.main .service .box.active:before{opacity:1}
.main .service .box span{position:relative;font-size:18px;line-height:27px;font-weight:500;color:#fff;}
.main .service .box:after{content:'';display:block;width:80px;height:80px;position:absolute;top:24px;left:calc(50% - 40px); background:url(../images/02_main/icon_service01.png) 0 0 no-repeat;background-size:80px auto;}
.main .service .box.n01:after{ background-image:url(../images/02_main/icon_vipclub01.png);}
.main .service .box.n02:after{ background-image:url(../images/02_main/icon_vipclub02.png);}
.main .service .box.n03:after{ background-image:url(../images/02_main/icon_vipclub03.png); }
.main .service .box.n04:after{ background-image:url(../images/02_main/icon_vipclub04.png);}
.main .service .box.n05:after{ background-image:url(../images/02_main/icon_vipclub05.png);}
.main .service .box > a{position:absolute;top:0;left:0;display:block;width:100%;height:100%;z-index:2;}
.main .service .btn-group{width:100%;display:flex;justify-content: center;}
.main .service .btn-group a{margin-top:56px;padding-right:28px; width:240px; height:60px;line-height:60px;color:#0C2645;font-size:18px;font-weight:600;border-radius:30px;vertical-align:top;text-align:center;background:#fff url(../images/02_main/arr02.svg) 67% 20px no-repeat; transition: all .1s ease-in;}
.main .service .btn-group a:hover{background-position:70% 20px; }
.main .news{overflow:hidden; padding:120px 0 120px;height:645px;}
.main .news .wrap{font-size:0;width:1000px;opacity: 1}
.main .news .group01 .title{display:flex;justify-content:space-between;align-items: end; height:60px;line-height:60px;margin-bottom:16px;}
.main .news .group01 h2{line-height:60px;font-size:40px;font-weight:600;color:#0C2645;}
.main .news .group01 .more-btn{display:flex;justify-content:center;align-items:center;width:111px; height:37px;color:#233B77;font-size:14px;font-weight:600;border-radius:30px;border:1px solid #233B77;}
.main .news .group01 .more-btn:after{content:'';display:block;margin-left:4px; width:20px;height:20px;background:url(../images/02_main/plus.svg) 0 0 no-repeat;background-size: contain;transition: all .2s ease-in;}
.main .news .group01 .more-btn:hover:after{transform: rotate(90deg)}
.main .news .group01 ul{border-top:1px solid #121212;}
.main .news .group01 li{border-bottom:1px solid #E5E5E5;}
.main .news .group01 li:first-child{border-top:1px solid #dfdfdf;}
.main .news .group01 li a{display:flex;align-items:center;justify-content:space-between;padding:0 8px; height:49px;}
.main .news .group01 li a p{width:800px;font-size:14px;font-weight:500;color:#333333;overflow:hidden; white-space:nowrap; text-overflow:ellipsis}
.main .news .group01 li a span{font-size:14px;font-weight:400;color:#4D4D4D;}
.main .news .group02{opacity:0;margin-top:40px;}
.main .news .group02 a{display:flex;justify-content:space-between;align-items:center;padding:0 40px; width:100%;height:138px;background: #233B77;border-radius: 16px; box-shadow: -4px 4px 12px 0px #00000017;transition: all .1s ease-in;}
.main .news .group02 a *{color:#fff;font-size:14px;font-weight:400;}
.main .news .group02 a div *{display:block}
.main .news .group02 a div .n2{font-size:24px;font-weight:500;line-height:36px;margin-bottom:12px; }
.main .news .group02 a .n4{display:flex;justify-content:center;align-items:center;width:111px; height:37px;color:#fff;font-size:14px;font-weight:600;border-radius:30px;border:1px solid #fff;transition: all .1s ease-in;}
.main .news .group02 a .n4:after{content:'';display:block;margin-left:4px; width:20px;height:20px;background:url(../images/02_main/arr.svg) 0 0 no-repeat;background-size: contain;transition: all .1s ease-in;}
.main .news .group02 a:hover .n4{background:#fff;color:#233B77;}
.main .news .group02 a:hover .n4:after{background-image:url(../images/02_main/arr03.svg);}

.main .banner{height:268px;background-color:#3f4450;}

.main .qna{overflow:hidden; padding:120px 0 120px;background:#F0F6FA}
.main .qna .wrap{opacity:0; font-size:0;width:1000px;padding:52px 40px; border-radius:24px;background:#fff;}
.main .qna h2{line-height:60px;font-size:40px;font-weight:600;color:#0C2645;text-align:center;}
.main .customer .qna-type .q01:before{top:25px; left:12px;width:28px;height:28px;line-height:27px;font-size: 16px;}
.main .customer .qna-type .q01{padding:24px 40px 24px 12px; min-height:78px;background:#fff url(../images/01_common/down2.svg) calc(100% - 12px) center no-repeat;background-size:24px 24px;transition: all .1s ease-in; }
.main .customer .qna-type li.open .q01{background-image:url(../images/01_common/up2.svg) ;}
.main .customer .qna-type .q01 div{padding-left:40px;font-size:20px;font-weight:500;transition: all .1s ease-in;}
.main .customer .qna-type .a01{padding-left:95px;padding-right:60px; background-position:26px 35px;}
.main .customer .qna-type .a01:before{left:50px;width:28px;height:28px;line-height:27px;font-size: 16px;}
.main .customer .qna-type .q01 span{display:none;}
.main .customer .qna-type .q01:hover{background-color:#F7F7F7}
.main .customer .qna-type .q01:hover div{color:#3289E8}
/* **************************************** *
 *LOGIN
 * **************************************** */
.login main .wrap{padding:18px 100px 150px;}
.login main .wrap.v1{padding:18px 100px 0;}
.login main .wrap.v2{display:block;margin:60px auto 0;padding:70px 0 0 507px;width:1200px;height:332px;background:#f0f1f3 url(../images/03_log-in/card.png) 100px 50px no-repeat;}
.login main .wrap.v3{padding:0 100px 150px;}
.login main .wrap.v4{padding:60px 100px 150px;}
.login main .wrap-inner{display:block;margin:40px 0 0 -100px;padding:71px 0 0 539px;width:1200px;height:332px;background:#f0f1f3 url(../images/03_log-in/card.png) 100px 50px no-repeat;}
.login main .wrap-inner .txt-type12{font-weight:500}
.login main .wrap-inner .att02{margin-top:46px;color:#121212;font-size:14px;background: url(../images/01_common/info03.svg) 0 1px no-repeat;background-size:18px auto;}

.login main h2{font-weight:700;font-size:50px;color:#000;text-align: center;line-height:126px;border-bottom:2px solid #000;}
.login main h2.title-type{font-weight:500;font-size:55px;line-height:145px;border-top:2px solid #000;border-bottom:0;}
.login main h2.v1{height:148px;line-height:148px;font-size:56px;color:#121212; border-bottom:1px solid #DEDEDE;}
.login main h2.v2{height:148px;line-height:148px;font-size:56px;color:#121212; border-bottom:0;}
.login main h2.v3{width:1200px;margin-left:-100px;height:148px;line-height:148px;font-size:56px;color:#121212; border-bottom:1px solid #DEDEDE;}

.login main .title-type2{font-weight:600;font-size:20px;padding-top:56px;line-height:30px;height:98px;border-bottom:1px solid #121212;color: #121212}
.login main .title-type3{font-weight:500;font-size:18px;padding-top:8px;line-height:27px;;color: #121212}
.login main h3.title.v1{font-size:20px;line-height:36px;height:42px;padding-bottom:6px;color:#121212;font-weight:600;padding-left:0;background:transparent; }
.login main h3.title.v2{margin-top:70px;font-size:20px;line-height:36px;height:42px;padding-bottom:6px;color:#121212;font-weight:600;padding-left:0;background:transparent; }

.login .tab-type{overflow:hidden;margin-top:40px;}
.login .tab-type li{float:left;width:50%;}
.login .tab-type li:first-child a{border-right:0 !important;border-left:1px solid #cccccc;}
.login .tab-type li a{display:block;padding:14px 0;text-align:center;height:62px;line-height:34px;border:1px solid #cccccc;border-left:1px solid #3289e8;border-bottom:1px solid #3289e8;color:#808081;vertical-align:middle;}
.login .tab-type li a.on{border:1px solid #3289e8;border-bottom:1px solid #fff;color:#3289e8;}
.login .tab-type li.search-id a:before{content:'';display:inline-block;margin-right:8px;width:24px;height:24px;background:url(../images/01_common/icon06.svg) 0 0 no-repeat;vertical-align:top;}
.login .tab-type li.search-id a.on:before{background-image:url(../images/01_common/icon04.svg)}
.login .tab-type li.search-pw a:before{content:'';display:inline-block;margin-right:8px;width:24px;height:24px;background:url(../images/01_common/icon05.svg) 0 0 no-repeat;vertical-align:top;}
.login .tab-type li.search-pw a.on:before{background-image:url(../images/01_common/icon07.svg)}
.login .tab-type.v1 li:first-child a{border-left:1px solid #D3D3D3;}
.login .tab-type.v1 li a{display:flex;justify-content: center;align-items:center; border:1px solid #D3D3D3;border-left:1px solid #121212;border-bottom:1px solid #121212;color:#808081;}
.login .tab-type.v1 li a.on{border:1px solid #121212;border-bottom:1px solid #fff;color:#121212;font-weight:500}

.login .tab-type.v2 li a{display:flex;justify-content: center;align-items:center; border:0;border-bottom:1px solid #E5E5E5;color:#929292;}
.login .tab-type.v2 li a.on{border:0;border-bottom:2px solid #121212;color:#121212;font-weight:500}

.login .btn-group{display:flex;justify-content:center;align-items: center; margin-top:74px;}
.login .btn-group li{display:flex;justify-content:center;align-items: center;padding:0 62px;height:32px; background:url(../images/03_log-in/line.png) 0 center no-repeat}
.login .btn-group li:first-child{background:transparent;padding-left:0;}
.login .btn-group li:last-child{padding-right:0;}
.login .btn-group li a{position:relative;padding-left:64px;line-height:32px;font-size:18px;font-weight:400; color:#333;transition: all .1s ease-in;}
.login .btn-group li a:hover{color:#3289e8;}
.login .btn-group li a:after{content:'';display:block;position:absolute;top:0;left:0;width:32px;height:32px;background: url(../images/01_common/login_icon01.svg) center center no-repeat;transition: all .1s ease-in;}
.login .btn-group li:nth-child(1) a:after{background-image:url(../images/01_common/login_icon01.svg)}
.login .btn-group li:nth-child(1) a:hover:after{background-image:url(../images/01_common/login_icon01-1.svg);}
.login .btn-group li:nth-child(2) a:after{background-image:url(../images/01_common/login_icon02.svg);}
.login .btn-group li:nth-child(2) a:hover:after{background-image:url(../images/01_common/login_icon02-1.svg);}
.login .btn-group li:nth-child(3) a:after{background-image:url(../images/01_common/login_icon03.svg);}
.login .btn-group li:nth-child(3) a:hover:after{background-image:url(../images/01_common/login_icon03-1.svg);}
.login .join-nav{overflow:hidden;padding-top:50px;border-top:1px solid #e5e5e5;}
.login .join-nav li{position:relative;float:left;padding-top:10px;padding-left:90px;width:28%;height:70px;background: url(../images/03_log-in/icon06.png) 0 0 no-repeat;letter-spacing:-0.5px;}
.login .join-nav li:nth-child(2){background-image:url(../images/03_log-in/icon07.png);}
.login .join-nav li:nth-child(3){background-image:url(../images/03_log-in/icon08.png);}
.login .join-nav li:nth-child(4){background-image:url(../images/03_log-in/icon09.png);}
.login .join-nav li.on,
.login .join-nav li.on span{color:#3289e8;}
.login .join-nav li.on:nth-child(1){background-image:url(../images/03_log-in/icon06_on.png);}
.login .join-nav li.on:nth-child(2){background-image:url(../images/03_log-in/icon07_on.png);}
.login .join-nav li.on:nth-child(3){background-image:url(../images/03_log-in/icon08_on.png);}
.login .join-nav li.on:nth-child(4){background-image:url(../images/03_log-in/icon09_on.png);}
.login .join-nav li:last-child{width:16%;letter-spacing:-0.5px;}
.login .join-nav li span{display:block;font-size:14px;}
.login .join-nav li:after{content:'';display:block;position:absolute;right:54px;top:25px;width:11px;height:20px;background: url(../images/03_log-in/arrow.png) 0 0 no-repeat;}
.login .join-nav li:last-child:after{background:transparent;}
.login .group{overflow:hidden;padding:0 142px 8px;}
.login .group.v1{padding:0;}
.login .group .form-type{overflow:hidden;text-align: center;}
.login .group .txt-type13{display:block;margin-top:40px;}
.login .group .txt-type09{display:block;line-height:26px}
.login .group .txt-type09.v1{position:absolute;top:20px;left:-130px;}
.login .group .txt-type09.v2{position:absolute;top:20px;right:-60px;}
.login .group .txt-type07{margin-top:48px;text-align:center;font-size:22px;font-weight:400;}
.login .group .txt-type10{display:block;margin-top:12px;color:#4D4D4D}
.login .group .cont02{position:relative;width:345px;margin:82px auto 90px;text-align: center;}
.login .group .cont02.v1{width:435px}
.login .group .cont03{display:flex;flex-direction: column;align-items:center;}
.login .group .cont03 .inp-wrap{display:flex;justify-content:center;align-items:center;}
.login .group .cont03 .inp-wrap input{width:341px;margin:0 12px;}
.login .group .cont03 .inp-wrap .txt-type09{font-size:14px;color:#121212;font-weight:400;}
.login .group .cont03 .inp-wrap02{margin-top:32px;}
.login .group .cont03 .inp-wrap02 input{width:384px;}
.login .group .cont03 .i-kakao{display:inline-block;margin:0 8px;width:24px;height:24px;background: url(../images/01_common/kakao02.svg) center center no-repeat;background-size:contain}
.login .group .cont03 .inner{display:flex;align-items:center;margin-top:34px;line-height:30px; font-size:20px;color:#707070;}
.login .group .cont03 .inner a{display:inline-block;margin-left:10px; font-size:20px;font-weight:400;text-decoration: underline;color:#707070;}
.login .group .cont03 .btn.blue{margin-top:32px;width:222px; height:60px;line-height:60px;}
.login .group .cont03 .inp-wrap02 + .btn.blue{margin-top:48px;}
.login .group .cont01{float:left;width:453px;margin-top:56px;}
.login .group .cont01 input{font-size:14px;padding:12px 20px;height:50px;margin:0}
.login .group .cont01 input + input{margin-top:8px;}
.login .group .cont01 +.btn{width:251px;height:108px;margin-top:56px;}
.login .group .inp-wrap{position:relative;margin-top:50px; }
.login .group .inp-wrap input{text-align:center;font-weight:600;color:#000;}
.login .group02{overflow:hidden;padding:0;}
.login .group02.v1{margin-top:40px;border-bottom:1px solid #dedede;}
.login .group02.v1 .check04 input[type="checkbox"] + label{font-size:18px;font-weight:600;}
.login .group02 li{border-bottom:1px solid #dedede;}
.login .group02 .top-box{overflow:hidden; height:74px;padding:25px 24px 0 5px;}
.login .group02 .check03{float:left;margin-top:5px;}
.login .group02 .terms-view {position:relative;float:right;line-height:20px;}
.login .group02 .terms-view:after{display:block; position:absolute;top:2px;right:0;width:20px;height:20px; content:'';background:url("../images/01_common/down2.svg") center center no-repeat;background-size:contain;}
.login .group02 .terms-box{display:none;border:0;height:140px;padding:0 0 0 28px;margin-bottom:24px; }
.login .terms-box{color:#929292;font-size:14px;}
.login .terms-box *{font-size:14px}
.login .terms-box h3{font-size:16px;font-weight:400;color:#4D4D4D;padding: 20px 0 4px 0;}
.login .terms-box p{padding:4px 0 4px 0;color:#929292;font-size:14px;}
.login .terms-box ol li{position:relative;padding:4px 0 4px 20px; color:#929292;}
.login .terms-box ol li span{position:absolute;top:4px;left:0;color:#929292;}
.login .terms-box ol li li{position:relative;padding:5px 0 0 20px;color:#929292;}
.login .terms-box ol li ul li:before{content:'\00B7';position:absolute;top:5px;left:0;color:#929292;}
.login .terms-box ol li ul.tri li:before{content:'\25B6';left:0;color:#929292;}
.login .terms-box ol li ol li span{position:absolute;top:5px;left:0;color:#929292;}
.login .terms-box table{margin:10px 0 0;border-collapse:collapse;border: 1px solid #e5e5e5;color:#929292;}
.login .terms-box th,
.login .terms-box td{border: 1px solid #929292;padding:10px;color:#929292;}
.login .terms-box th{background:#f1f6ff;font-weight:500;text-align: center;color:#929292;}
.login .terms-box a{color:#0060ca;}

.login .group02 .open .terms-box{display:block;}
.login .group02 .open .terms-box .h3{padding-top:0}
.login .group02 .open .terms-view:after{background-image:url("../images/01_common/up2.svg"); }

.login .row-dv{display:flex;justify-content:center}
.login .row-dv .radio03 + .radio03{margin-left:85px;}

.login .group03{position:relative;padding:56px 0 0 503px;margin-top:10px;margin-bottom:35px;height:306px;background:#0e2240 url(../images/03_log-in/card02.png) 115px 60px no-repeat;}
.login .group03 h2{font-size:35px;font-weight:700;color:#fff;text-align: left;line-height:100px;border:0;}
.login .group03 p{font-size:22px;color:#fff;}
.login .group03 p strong{}
.login .group03 h3{font-size:30px;font-weight:600;line-height:45px;color:#3289E8;}
.login .group03 .inner1{margin-top:20px;}
.login .group03 .inner1 + .inner1{margin-top:16px;}
.login .group03 .inner1 div{font-size:18px;font-weight:700;color:#fff;line-height:27px;}
.login .group03 .inner1 span{display:flex;align-items:center; margin-top:4px;font-size:16px;font-weight:300;color:#fff;line-height:24px;}
.login .group03 .inner1 span.v1{font-weight:400;}
.login .group03 .inner1 .i-kakao{display:inline-block;margin:4px 8px 0 0;width:24px;height:24px;background: url(../images/01_common/kakao02.svg) center center no-repeat;background-size:contain}

.login .group04{text-align:center;}
.login .group04 h3{text-align:left;font-size:22px;font-weight:700;}
.login .group04 ul{overflow:hidden;margin-top:18px;border:1px solid #dedede;}
.login .group04 li{float:left;padding-top:125px;width:20%;height:185px;text-align:center;font-size:14px;color:#545454;font-weight:500;border-left:1px solid #dedede;background:url(../images/03_log-in/icon_service01.png) center 15px no-repeat;}
.login .group04 li:first-child{border-left:0;}
.login .group04 li:nth-child(2){background-image:url(../images/03_log-in/icon_service02.png)}
.login .group04 li:nth-child(3){background-image:url(../images/03_log-in/icon_service03.png)}
.login .group04 li:nth-child(4){background-image:url(../images/03_log-in/icon_service04.png)}
.login .group04 li:nth-child(5){background-image:url(../images/03_log-in/icon_service05.png)}
.login .group04 p{text-align:center;margin-top:85px;}
.login .group04 a{margin-top:35px;}
.login .group04-n1{margin-top:37px;}
.login .group04-n1 .tit{font-size:22px;font-weight:600;color:#121212;line-height:33px;}
.login .group04-n1 ul{margin-top:24px;display:flex;flex-wrap:wrap;justify-content: space-between}
.login .group04-n1 li{display:inline-block;width: 320px;height:100px;background: url(../images/01_common/coupon01.svg) 0 0 no-repeat;background-size:contain;}
.login .group04-n1 li .inner{margin:27px 0 0 28px; width:240px;height:47px;background:#fff;}
.login .group04-n1 li .inner div{font-size:15px;font-weight:500;color:#333333;line-height:23px;}
.login .group04-n1 li .inner span{display:block;margin-top:4px; font-size:13px;font-weight:400;color:#707070;line-height:20px;}
.login .group04-n2{display:flex;flex-wrap:wrap; margin-top:37px;}
.login .group04-n2 .tit{font-size:22px;font-weight:600;color:#121212;line-height:33px;}
.login .group04-n2 ul{display:flex;flex-wrap:wrap;column-gap: 26px;}
.login .group04-n2 li{display:flex;align-items:center;margin-top:24px; padding:0 0 0 108px; width: 316px;height:96px;border-radius:8px;border:1px solid #E5E5E5; background: url(../images/02_main/icon_vipclub01.png) 32px center no-repeat;background-size:56px auto;}
.login .group04-n2 li .inner div{font-size:14px;font-weight:500;color:#4D4D4D;line-height:21px;}
.login .group04-n2 li:nth-child(2){background-image:url(../images/02_main/icon_vipclub02.png) }
.login .group04-n2 li:nth-child(3){background-image:url(../images/02_main/icon_vipclub03.png)}
.login .group04-n2 li:nth-child(4){background-image:url(../images/02_main/icon_vipclub04.png)}
.login .group04-n2 li:nth-child(5){background-image:url(../images/02_main/icon_vipclub05.png)}
/* .login .group04-n2 li:nth-child(6){background-image:url(../images/01_common/end_icon06.png)} */
.login .group04-n2 .btn-box{display:flex;flex-direction:column;align-items:center;width:100%;margin-top:73px;}
.login .group04-n2 .btn-box .txt-type18{color:#121212;font-weight:400;}
.login .group04-n2 .btn-box .btn{margin-top:36px;}
.login .att{margin:24px 0 60px;}
.login .att.v2{margin:24px 0 54px;}
.login .inp-wrap02{overflow:hidden;padding-top:13px;}
.login .inp-wrap02 input{float:left;margin:0;width:356px;height:50px;}

.login .group05 .box01{padding:40px 160px 50px;height:405px;background:#f0f1f2;}
.login .group05 div{text-align:center;}
.login .group05 .title{display:block;padding:65px 0 40px;text-align:center;font-size:24px;}
.login .group05 .att02{margin:20px auto 0;text-align:left;width:410px;}
.login .group05 .box01 .cont{position:relative;margin:45px auto 0;padding-top:70px;padding-right:270px;width:685px;height:166px;background:#fff;border:1px solid #ccc;font-size:20px;font-weight:400;color:#000;text-align: center;}
.login .group05 .box01 .txt01{font-size:24px;letter-spacing:1px;}
.login .group05 .box01 .txt01 strong{font-weight:500;font-size:24px;letter-spacing:1px;}
.login .group05 .box01 .btn{position:absolute;top:28px;right:28px;width:244px; height:110px;line-height:110px;font-size:20px;font-weight:300;}

.login #model_present{width: 200px;height: 50px; display: none; background-color: #e8f1f8;border: 1px solid #d3d3d3; color: #0e84ab;}
.login .gift_info{color:#8CBFC5; display:none;}                

.login .write-group input[readonly]{background: #f5f5f5;}
.login .title-group02{margin-top:32px;}
.login .title-group02 + .tab-type{margin-top:32px;}

/* **************************************** *
 *QUICK-MENU
 * **************************************** */
.quick-menu main .wrap{padding:18px 100px 150px;}
.quick-menu main .wrap.v1{padding:18px 2px 150px;}

.quick-menu-nav{position:relative;margin-top:17px;padding:38px 0 0 30px;height:120px;border:1px solid #dedede;}
.quick-menu-nav .title-type{font-size:32px;color:#3289e8;font-weight:700;line-height:47px;}
.quick-menu-nav .title-type span{display:inline-block;padding-left:30px;font-size:22px;color:#000;line-height:47px;vertical-align:top;}
.quick-menu-nav ul{overflow:hidden;position:absolute;top:24px;right:0}
.quick-menu-nav li{position:relative;float:left;padding-top:12px;padding-left:90px;width:188px;height:70px;background: url(../images/04_top-quickmenu/icon01.png) 0 0 no-repeat;letter-spacing:-0.5px;font-size:14px;line-height:22px;}
.quick-menu-nav li:nth-child(2){width:180px;background-image:url(../images/04_top-quickmenu/icon02.png);}
.quick-menu-nav li:nth-child(3){width:197px;background-image:url(../images/04_top-quickmenu/icon03.png);}
.quick-menu-nav li.on:nth-child(1){background-image:url(../images/04_top-quickmenu/icon01_on.png);}
.quick-menu-nav li.on:nth-child(2){background-image:url(../images/04_top-quickmenu/icon02_on.png);}
.quick-menu-nav li.on:nth-child(3){background-image:url(../images/04_top-quickmenu/icon03_on.png);}
.quick-menu-nav li span{display:block;font-size:13px;}
.quick-menu-nav li.on,
.quick-menu-nav li.on span{color:#3289e8}
.quick-menu-nav li:after{content:'';display:block;position:absolute;right:18px;top:25px;width:11px;height:20px;background: url(../images/01_common/arrow.png) 0 0 no-repeat;}
.quick-menu-nav li:last-child:after{background:transparent;}

.quick-menu-nav02 .title-type{display:flex;justify-content:center;margin-top:32px;font-size:42px;line-height:63px;font-weight:600;}
.quick-menu-nav02 ul{display:flex;justify-content:center;align-items: center; margin-top:24px;height:27px;}
.quick-menu-nav02 li{display:flex;align-items: center;font-size:18px;font-weight:500;color:#BDBDBD}
.quick-menu-nav02 li span{margin-right:8px;font-size:14px;font-weight:500;color:#BDBDBD}
.quick-menu-nav02 li.on{color:#121212}
.quick-menu-nav02 li.on span{color:#3289E8}
.quick-menu-nav02 li .i-arr{margin:0 32px; width:16px;height:16px;background:url(../images/01_common/arrow06.svg) center center no-repeat;}
.quick-menu-nav02 li .i-arr.on{background-image:url(../images/01_common/arrow07.svg);}

.quick-menu .list-group .chk{text-align: right;padding-right:5px;}
.quick-menu .list-group .list-top .row01{width:43%;padding-left:15px;text-align:left;}
.quick-menu .list-group .list-top .row02{width:30%;text-align:left;}
.quick-menu .list-group .list-h .product{padding-left:100px;}
.quick-menu .list-group .list-cont .product{text-align: left;}
/* 26.04.02 전량소진 이미지 추가 */
.quick-menu .list-group .list-cont .product .p-img{position: relative;overflow: hidden;border-radius: 10px;display:inline-block;width:90px;vertical-align:middle;margin:5px 23px}
.quick-menu .list-group .list-cont .product .p-img.soldout:before{content:'전량소진';display:block;position:absolute;top:0;left:0;width:90px;height:84px;background:rgba(0,0,0,.5);color:#fff;text-align:center;line-height:84px;font-weight:700;font-size:14px; }
.quick-menu .list-group .list-cont .product .p-img img{width:90px}
.quick-menu .list-group .list-cont .product dl{display:inline-block;width:280px;vertical-align:middle;text-align: left;}
.quick-menu .list-group .list-cont .product dt a{font-size:14px;}
.quick-menu .list-group .list-cont .product dt a:hover{text-decoration: underline;}
.quick-menu .list-group .list-cont .product dd{padding-top:7px;}
.quick-menu .list-group .list-cont .product dd span{display:block;font-size:14px;color:#000;padding-top:3px;}
.quick-menu .list-group .list-cont .product .num{width:66px;margin-left:30px;display:inline-block;font-size:14px;text-align:center;vertical-align:middle;}
.quick-menu .list-group .list-cont .product.v1 .p-img{width:90px;margin:5px 15px;}
.quick-menu .list-group .list-cont .product.v1 .p-img img{width:90px;}
.quick-menu .list-group .list-cont .product.v1 dl{width:240px;}
.quick-menu .list-group .list-cont .product.v1 dl.t01{width:340px;}
.quick-menu .list-group .list-cont .product.v1 dt>a{font-weight:500;width:240px;vertical-align:middle;}
.quick-menu .list-group .list-cont .product.v1 dt .area-count{vertical-align:middle;}
.quick-menu .list-group .list-cont .product.v1 dd>div{vertical-align:top;}
.quick-menu .list-group .list-cont .product.v1 dd>div>span{display:inline-block;width:240px; padding:8px 0;font-size:12px;border-top:1px solid #e5e5e5;vertical-align:middle;}
.quick-menu .list-group .list-cont .product.v1 dd>div>span.t01{font-size:14px;border:0;}
.quick-menu .list-group .list-cont .product.v1 dd>div:first-child>span{border-top:0;}
.quick-menu .list-group .list-cont .product.v1  .area-count{margin:2px 0 2px 30px;display:inline-block;vertical-align:middle;}
.quick-menu .list-group .list-cont .product.v1  .area-count span{padding:0;display:inline-block;}
.quick-menu .list-group .list-cont .product.v1 p{display:inline-block;vertical-align:middle;width:calc(100% - 250px);padding-left:20px;padding-top:7px; font-size:14px;text-align:center;}
.quick-menu .list-group .list-cont .p-state span,
.quick-menu .list-group .list-cont .p-state a{display:inline-block;text-align:center;font-size:14px;}
.quick-menu .list-group .list-cont .p-state p + a{margin-top:8px}
.quick-menu .list-group .list-cont .p-state .state01{color:#000;}
.quick-menu .list-group .list-cont .p-state .state02{color:#000;}
.quick-menu .list-group .list-cont .p-state .state03{color:#ccc;}
.quick-menu .list-group .list-cont .p-state .state04{color:#3289e8;}
.quick-menu .list-group .list-cont .p-state .state05{width:100px;height:40px;background:#3289e8;border-radius:20px;text-align:center;line-height:40px;color:#fff;transition: all .1s ease-in;}
.quick-menu .list-group .list-cont .p-state .state05:hover{background: #54a0f3;}
.quick-menu .list-group .list-cont .p-state .state07{width:110px;height:30px;border:1px solid #3289e8;border-radius:20px;text-align:center;line-height:28px;color:#3289e8;transition: all .1s ease-in;}
.quick-menu .list-group .list-cont .p-state .state08{width:100px;height:30px;background:#676767;border-radius:20px;text-align:center;line-height:30px;color:#fff;transition: all .1s ease-in;}
.quick-menu .list-group .list-cont .p-state .state08:hover{background:#5e5e5e;}
.quick-menu .list-group .list-none{position:relative;padding-top:60px;font-size:20px;font-weight:500;text-align:center;border-top:1px solid rgba(0,0,0,.1);}
.quick-menu .list-group .list-none:before{content:'';display:block;margin:0 auto 20px;width:62px;height:52px;background: url(../images/01_common/icon_box.png) center center no-repeat;background-size:contain;box-sizing:border-box;}
.quick-menu .list-group .list-cont .btn-area{margin:5px 0;}
.quick-menu .list-group .list-cont .btn-area .btn{margin:2px 0;}

.quick-menu .list-group.v1{display:flex;justify-content:space-between; margin-top:70px}
.quick-menu .list-group.v1 .list-inner01{width:877px;}
.quick-menu .list-group.v1 .list-h{display:flex;align-items:center;padding:0; height:56px;border-top: 2px solid #121212;}
.quick-menu .list-group.v1 .list-h>div{font-size:14px;}
.quick-menu .list-group.v1 .n1{width:64px;}
.quick-menu .list-group.v1 .product dt>a{font-weight:400 !important;}
.quick-menu .list-group.v1 .n2{width:292px;}
.quick-menu .list-group.v1 .n3{width:126px;}
.quick-menu .list-group.v1 .n4{width:78px;}
.quick-menu .list-group.v1 .n5{width:109px;}
.quick-menu .list-group.v1 .n5 .btn{margin-top:8px;}
.quick-menu .list-group.v1 .n6{width:89px;font-weight:600 !important;font-size:16px;}
.quick-menu .list-group.v1 .n7{width:119px;}
.quick-menu .list-group.v1 .list-cont li{display:flex;align-items:center;justify-content:center; padding:24px 0;min-height:128px;}
.quick-menu .list-group.v1 .list-cont li>div{font-weight:400}
.quick-menu .list-group.v1 .list-cont li>div>div{font-weight:400}
.quick-menu .list-group.v1 .list-cont .product.v1{display:flex;align-items: center;  width:418px;;}
.quick-menu .list-group.v1 .list-cont .product.v1 .p-img{width:80px;height:80px; margin:0 4px 0 3px;}
.quick-menu .list-group.v1 .list-cont .product.v1 .p-img img{width:80px;}
.quick-menu .list-group.v1 .list-cont .product.v1 dl.t01{width:330px;}
.quick-menu .list-group.v1 .list-cont .product dd{padding-top:0}
.quick-menu .list-group.v1 .list-cont .product.v1 dt>a,
.quick-menu .list-group.v1 .list-cont .product.v1 dd>div>span{width:202px}
.quick-menu .list-group.v1 .product.v1 .area-count{width: 102px;margin:0 0 0 12px;height:28px;}
.quick-menu .list-group.v1 .product.v1 .area-count input{width:46px;height:28px;font-weight:400;border:1px solid #D3D3D3}
.quick-menu .list-group.v1 .product.v1 .area-count span{width:28px;height:28px;}
.quick-menu .list-group.v1 .product.v1 .area-count span a{width:28px;height:28px;border:1px solid #D3D3D3}
.quick-menu .list-group.v1 .product.v1 .area-count span .minus{border-right:0;background:  url(../images/01_common/minus.svg) center center no-repeat}
.quick-menu .list-group.v1 .product.v1 .area-count span .plus{border-left:0;background: url(../images/01_common/plus.svg) center center no-repeat}
.quick-menu .list-group.v1 .list-cont .btn-area{margin:0;}
.quick-menu .list-group.v1 .list-cont .btn-area p{font-size:14px;height:32px;line-height:32px;}
.quick-menu .list-group.v1 .list-cont .btn-area .btn{margin:0;width:95px;height:32px;line-height:32px;font-weight:500}
.quick-menu .list-group.v1 .list-cont .btn-area .btn + .btn{margin-top:8px;}
.quick-menu .list-group.v1 .list-f{padding:24px 0 0 0; border:0}
.quick-menu .list-group.v1 .list-f .btn{font-weight:500}
.quick-menu .list-group.v1 .list-f p{display:block; margin-top:32px;font-size:14px;font-weight:400;color:#929292;line-height:21px;}
.quick-menu .list-group.v1 .list-f p + p{margin-top:8px;}
.quick-menu .list-group.v1 .list-total02{width:295px;}
.quick-menu .list-group.v1 .list-total02 .inner{background:#F7F7F7;padding:32px; }
.quick-menu .list-group.v1 .list-total02 .inner>div{display:flex;width:100%;margin-top:12px;justify-content:space-between;align-items:center}
.quick-menu .list-group.v1 .list-total02 .inner .top{display:block; font-size:20px;line-height:30px;font-weight:600;color:#121212}
.quick-menu .list-group.v1 .list-total02 .inner .top span{font-size:20px;line-height:30px;font-weight:600;color:#3289E8}
.quick-menu .list-group.v1 .list-total02 .inner .n1{margin-top:32px;}
.quick-menu .list-group.v1 .list-total02 .inner>div{line-height:21px;}
.quick-menu .list-group.v1 .list-total02 .inner>div p{font-size:14px;color:#333;line-height:21px;font-weight:400;}
.quick-menu .list-group.v1 .list-total02 .inner>div p .btn{margin-left:6px;}
.quick-menu .list-group.v1 .list-total02 .inner>div em{font-size:14px;color:#121212;line-height:21px;font-weight:600;}
.quick-menu .list-group.v1 .list-total02 .inner>div span{font-size:14px;color:#121212;line-height:21px;font-weight:600;}
.quick-menu .list-group.v1 .list-total02 .inner .n2>div *{color:#FF4444}
.quick-menu .list-group.v1 .list-total02 .inner .total{margin-top:24px;padding-top:24px;border-top:1px solid #E5E5E5;}
.quick-menu .list-group.v1 .list-total02 .inner .total p{font-size:16px;color:#121212;line-height:34px;font-weight:600;}
.quick-menu .list-group.v1 .list-total02 .inner .total em,
.quick-menu .list-group.v1 .list-total02 .inner .total span{font-size:24px;color:#121212;line-height:34px;font-weight:600;}
.quick-menu .list-group.v1 .list-total02 .inner .bottom-group{display:flex;flex-direction:column; margin:32px 0 0 0;border:0;padding:0}
.quick-menu .list-group.v1 .list-total02 .inner .bottom-group a{margin:0}
.quick-menu .list-group.v1 .list-total02 .inner .bottom-group a + a{margin-top:8px;}

.quick-menu .list-group.v2 .list-h{display:flex;align-items:center;margin-top:40px;height:73px;}
.quick-menu .list-group.v2 .list-h div{font-weight:600;color:#121212}
.quick-menu .list-group.v2 .n1{width:545px;}
.quick-menu .list-group.v2 .n1-1{width:679px;}
.quick-menu .list-group.v2 .n2{width:134px;}
.quick-menu .list-group.v2 .n3{width:100px;}
.quick-menu .list-group.v2 .n4{width:121px;}
.quick-menu .list-group.v2 .n4 .btn.v12{margin-top:8px;}
.quick-menu .list-group.v2 .n5{width:100px;font-weight:600 !important;}
.quick-menu .list-group.v2 .list-cont li{display:flex;align-items: center; padding:12px 0;}
.quick-menu .list-group.v2 .list-cont li *{font-weight:400; }
.quick-menu .list-group.v2 .list-cont .product.v1 .p-img{width:80px;margin:0 16px;}
.quick-menu .list-group.v2 .list-cont .product.v1 .p-img img{width:80px;}
.quick-menu .list-group.v2 .list-cont .product.v1 dl.t01{width:563px;}
.quick-menu .list-group.v2 .list-cont .product.v1 dt{display:flex;justify-content:space-between;}
.quick-menu .list-group.v2 .list-cont .product.v1 dt>a{width:auto;max-width:400px; margin-left:16px; font-size:16px;font-weight:400}
.quick-menu .list-group.v2 .list-cont .product dd{padding-top:0;}
.quick-menu .list-group.v2 .list-cont .product dd > div{display:flex;justify-content:space-between;width:563px;padding-left:16px;align-items:center;}
.quick-menu .list-group.v2 .list-cont .product .num{width:134px;margin:0;}
.quick-menu .list-group.v2 .list-cont .product.v1 dd>div>span{padding:4px 0;}
.quick-menu .list-group.v2 .n3 >div{font-size:14px;color:#121212;}
.quick-menu .list-group.v2 .n3 .btn{margin-top:8px;}
.quick-menu .list-group.v2 .list-cont li .n5 strong{font-weight:600;}
.quick-menu .list-group.v2 .list-total02{display:flex;flex-direction: column; align-items:center;padding:20px; background:#F7F7F7;border-bottom:1px solid #121212}
.quick-menu .list-group.v2 .list-total02 .inner{display:flex;width:100%; justify-content:center;margin-bottom:8px;}
.quick-menu .list-group.v2 .list-total02 .inner>div{display:flex;}
.quick-menu .list-group.v2 .list-total02 .inner>div.v1{margin:0 8px;}
.quick-menu .list-group.v2 .list-total02 .inner>div *{display:inline-block;font-size:14px;color:#121212;font-weight:400;}
.quick-menu .list-group.v2 .list-total02 .inner>div em{margin-left:4px;font-weight:600}
.quick-menu .list-group.v2 .list-total02 .inner>div span{font-weight:600}
.quick-menu .list-group.v2 .list-total02 .inner .total p{font-weight:600;}
.quick-menu .list-group.v2 .list-total02 .inner .total em,
.quick-menu .list-group.v2 .list-total02 .inner .total span{color:#3289E8; }

.quick-menu h3.title.v3{margin-top:100px;}
.quick-menu .order-step{padding:28px 0 0 120px;height:410px;width:1200px;background:#f9fafb;margin-left:-100px;}
.quick-menu .order-step h4{font-size:18px;font-weight:700;color:#000;}
.quick-menu .order-step ul{overflow:hidden;margin-top:42px;}
.quick-menu .order-step li{position:relative;float:left;padding:180px 40px 0 0;width:200px;text-align:center;font-size:18px;font-weight:500;color:#28272b;background: url(../images/01_common/arrow.png) 175px 75px no-repeat;}
.quick-menu .order-step li:last-child{background:transparent;}
.quick-menu .order-step li p{padding-top:10px;font-size:13px;color:#545454;}
.quick-menu .order-step li div{font-size:14px;color:#3289e8;line-height:18px;height:18px;}
.quick-menu .order-step li:before{content:'';position:absolute;top:0;left:0;width:160px;height:160px;border-radius:100%;border:1px solid #d8d8d8;background:#fff;box-sizing:border-box;}
.quick-menu .order-step li:after{content:'';position:absolute;top:0;left:0;width:160px;height:160px;background: url(../images/04_top-quickmenu/icon06.png) center center no-repeat;box-sizing:border-box;background-size: 80px 80px;}
.quick-menu .order-step li:nth-child(2):after{background-image: url(../images/04_top-quickmenu/icon07.png) }
.quick-menu .order-step li:nth-child(3):after{background-image: url(../images/04_top-quickmenu/icon08.png) }
.quick-menu .order-step li:nth-child(4):after{background-image: url(../images/04_top-quickmenu/icon09.png) }
.quick-menu .order-step li:nth-child(5):after{background-image: url(../images/04_top-quickmenu/icon10.png) }
.quick-menu .end-msg{padding-top:160px;margin-top:29px;height:400px;border:1px solid #e8e8e8;border-top:1px solid #000;text-align:center;background: url(../images/04_top-quickmenu/icon04.png) center 72px no-repeat;}
.quick-menu .end-msg p{font-size:40px;font-weight:700;color:#3289e8;}
.quick-menu .end-msg span{font-size:30px;font-weight:400;color:#666666;}
.quick-menu .end-msg div{margin:26px auto 0;width:350px;height:50px;line-height:50px;background:#f5f5f5;font-size:18px;color:#000;}
.quick-menu .end-msg.v1{padding-top:130px;background-position:center 40px;}
.quick-menu .end-msg.v1 div{padding:20px 0;width:420px;height:auto}
.quick-menu .end-msg.v1 div p{height:30px;line-height:30px; font-size:18px;color:#000;font-weight:300;}
.quick-menu .end-msg.v1 div strong{display:inline-block;vertical-align:top;width:180px;font-size:18px;color:#000;font-weight:300;text-align:left;}
.quick-menu .tab-type{overflow:hidden;margin:60px 0;}
.quick-menu .tab-type li{float:left;width:50%;}
.quick-menu .tab-type li:first-child a{border-right:0 !important;border-left:1px solid #cccccc;}
.quick-menu .tab-type li a{display:block;padding:14px 0;text-align:center;line-height:32px;border:1px solid #cccccc;border-left:1px solid #000;border-bottom:1px solid #000;vertical-align:middle;color:#808081;}
.quick-menu .tab-type li a.on{border:1px solid #000;border-bottom:1px solid #fff;color:#000;font-weight:500;}

/* **************************************** *
 *특별구매 이벤트
 * **************************************** */
/*이벤트*/
.buy-event main .wrap{padding:18px 100px 150px;}
.buy-event main h2{font-weight:700;font-size:50px;color:#000;text-align: center;line-height:126px;letter-spacing:1px;}
.buy-event .tab-type{overflow:hidden;margin-top:20px;}
.buy-event .tab-type li{position:relative;float:left;width:333px;height:62px;border:1px solid #cccccc;border-left:0;border-bottom:1px solid #000;}
.buy-event .tab-type li:first-child{border-left:1px solid #cccccc;}
.buy-event .tab-type li a{position:absolute;top:-1px;left:-1px;display:block;padding:14px 0;width:334px;height:62px;text-align:center;line-height:32px;vertical-align:middle;}
.buy-event .tab-type li:first-child a{width:333px;}
.buy-event .tab-type li a.on{border:1px solid #000;border-bottom:1px solid #fff;color:#000;font-weight:500;}
.buy-event .list-group02 .list-cont .cont{width:507px;padding-left:75px;vertical-align: top;}
.buy-event .list-group02 .list-cont .state01{width:75px;height:30px;line-height:30px;border-radius:15px;background:#3289e8;font-size:12px;color:#fff;text-align:center;}
.buy-event .list-group02 .list-cont .state02{width:75px;height:30px;line-height:30px;border-radius:15px;background:#000;font-size:12px;color:#fff;text-align:center;}
.buy-event .list-group02 .list-cont dl{margin-top:35px;}
.buy-event .list-group02 .list-cont dt{font-size:22px;color:#000;font-weight:400;}
.buy-event .list-group02 .list-cont dd{margin-top:20px;font-size:14px;color:#666;font-weight:400;}
.buy-event .list-group02 .list-cont .date{margin-top:55px;font-size:14px;color:#999;font-weight:700;}
.buy-event .list-group02 .page-nav{margin-top:100px; }
.buy-event .list-group{margin-top:60px;}
.buy-event .list-group .list-h{border-top:2px solid #000}
.buy-event .list-group li{padding:0;}
.buy-event .list-group li a{display:block;padding:25px 0;}
.buy-event .list-group li a div{display:inline-block;vertical-align:middle;text-align: center;font-size:14px;color:#3c3c3c;}
.buy-event .list-group li a:hover div{color:#3289e8;}
.buy-event .list-group li .subject{width:68%;overflow:hidden; white-space:nowrap; text-overflow:ellipsis;text-align:left;padding-left:70px;font-size:20px;color:#000;}
.buy-event .event-none{margin-top:60px;border-top:2px solid #000;}
.buy-event .event-none .cont{padding-top:235px;padding-bottom:30px;background: url(../images/05_buy_event/icon01.png) center 80px no-repeat;}
.buy-event .event-none .cont p{font-size:24px;font-weight:bold;color:#3c3c3c;text-align:center;}
.buy-event .event-none .cont span{display:block;padding-top:20px;font-size:14px;color:#5c5c5c;text-align:center;line-height:26px;}
.buy-event .detail-view .img-type{text-align: center;margin-top:35px;}
.buy-event .detail-view .img-type img{width:100% !important;}
.buy-event .detail-view .write-group{padding-top:25px;padding-bottom:35px;border-top:1px solid #e5e5e5;}
.buy-event .detail-view .write-group li{margin-top:5px;padding-left:190px;padding-right:30px;}
.buy-event .detail-view .write-group li .sort{padding-left:30px;font-weight:500;}
.buy-event .detail-view .write-group .txt03{color:#999999;}
.buy-event .detail-view .write-group li:last-child{margin-top:20px;}
.buy-event .detail-view .att{padding:50px 0 70px 30px;border-top:1px solid #e5e5e5}
.buy-event .detail-view .att div{padding-bottom:25px;}
.buy-event .detail-view .att span{padding-left:0;background:0;color:#000;line-height:26px;}

/*장바구니*/
.e-cart{border-top:2px solid #000;}
.e-cart .top-cont{margin-top:40px;overflow:hidden;}
.e-cart .top-cont .pro-img{display:inline-block;float:left;width:450px;}
.e-cart .top-cont .pro-img .view-img{width:450px;height:420px;border:1px solid #f2f2f2;}
.e-cart .top-cont .pro-img .view-img img{width:448px;height:418px;}
.e-cart .top-cont .pro-img ul{margin-top:12px;height:74px;text-align:center;font-size:0;}
.e-cart .top-cont .pro-img li{display:inline-block;margin:0 4px;}
.e-cart .top-cont .pro-img li a{display:block;width:93px;height:74px;border:1px solid #f2f2f2;text-align:center;}
.e-cart .top-cont .pro-img li a.on{border-color:#1a1a1a;}
.e-cart .top-cont .pro-img li img{height:72px;}
.e-cart .top-cont .pro-detail{display:inline-block;float:left;width:550px;padding-left:50px;}
.e-cart .top-cont .pro-detail h4{padding:15px 0 30px 0;font-size:32px;font-weight:700;color:#000;}
.e-cart .top-cont .pro-type{border-top:1px solid #000;}
.e-cart .top-cont .pro-type li{overflow:hidden;position:relative;padding:0 0 0 180px;height:61px;border-bottom:1px solid #e5e5e5;}
.e-cart .top-cont .pro-type li:after{content:'';clear: both;}
.e-cart .top-cont .pro-type li .left-txt{position: absolute;top:20px;left:0;width:180px;padding-left:10px;font-size:14px;color:#000;font-weight:500;}
.e-cart .top-cont .pro-type li p{padding-top:17px;color:#191919;}
.e-cart .top-cont .pro-type li p.txt01{padding-top:5px;font-size:30px;font-weight:bold;color:#3289e7;}
.e-cart .top-cont .pro-type li p span{display:inline-block;padding-left:10px; font-size:14px;}
.e-cart .top-cont .pro-type li.total .left-txt{padding-left:20px;font-size:16px;}
.e-cart .top-cont .pro-type li.total p.txt01{text-align: right;padding-right:20px}
.e-cart .top-cont .pro-type .area-count{display:inline-block;overflow:hidden;margin:15px 0 0 ;width:87px;height:27px;}
.e-cart .top-cont .pro-type .area-count input{float:left;width:47px;height:27px;}
.e-cart .top-cont .pro-type .area-count a{display:inline-block;float:left;height:27px;width:20px;border:1px solid #8b8b8b;transition: all .1s ease-in;}
.e-cart .top-cont .pro-type .area-count a.plus{border-left:0;background: url(../images/01_common/plus02.png) center center no-repeat;}
.e-cart .top-cont .pro-type .area-count a.minus{border-right:0;background: url(../images/01_common/minus02.png) center center no-repeat;}
.e-cart .top-cont .pro-type .area-count a:hover{background-color:#f5f5f5; }
.e-cart .top-cont .btn-group{padding-top:95px;}
.e-cart .top-cont .btn-group.v1{padding-top:30px;}
.e-cart .top-cont .btn-group a{font-size:18px;margin:0 3px;}
.e-cart .top-cont .pro-type .option-cont{padding:61px  0 0 ;height:auto;border:0;}
.e-cart .top-cont .pro-type .option-cont select{padding-left:20px;width:100%;height:44px;line-height:42px;background: url(../images/01_common/arrow04.png) no-repeat 95% 50%;border:1px solid #f2f2f2}
.e-cart .top-cont .pro-type .option-add{padding:13px 20px;margin-top:10px;background:#f5f5f5;border:1px solid #f2f2f2;}
.e-cart .top-cont .pro-type .option-add p{padding:0;font-size:14px;color:#000;}
.e-cart .top-cont .pro-type .option-add>div{overflow:hidden;}
.e-cart .top-cont .pro-type .option-add>div>span{display:inline-block;padding-right:10px;margin-top:15px;line-height:27px;font-size:14px;vertical-align:top;}
.e-cart .top-cont .pro-type .price{float:right;display:inline-block;text-align:right;margin-top:15px;line-height:27px;font-weight:700;color:#000;}
.e-cart .top-cont .pro-type .price span{display:inline-block;padding-right:5px;line-height:27px;font-weight:700;color:#000;vertical-align:top;}
.e-cart .top-cont .pro-type .price .btn-del{display:inline-block;height:27px;width:27px;border:1px solid #8b8b8b;background:#fff url(../images/01_common/del.png) center center no-repeat;transition: all .1s ease-in;}
.e-cart .top-cont .pro-type .price .btn-del:hover{background-color:#f5f5f5; }
.e-cart .mid-cont{text-align:center;}
.e-cart .mid-cont .title{margin-top:60px;border-bottom:2px solid #000;text-align:left;}
.e-cart .mid-cont .title.v1{margin-top:130px;background:transparent;padding-left:30px;}
.e-cart .mid-cont h4{padding:28px 0;font-size:14px;color:#000;font-weight:500;text-align:left;}
.e-cart .mid-cont .pro-brief{padding:33px 45px;margin-top:30px;background:#f4f4f4;line-height:30px;font-weight:400;font-size:14px;color:#666;text-align:left;}
.e-cart .mid-cont .pro-brief.v1{background:#fff}
.pro-brief img {width:100%}
.e-cart .end-cont{margin-top:40px;border-top:2px solid #000;}
.e-cart .end-cont>li{overflow:hidden;display:flex;align-items:center;border-bottom:1px solid #dedede;font-size:0;background:#f4f4f4;}
.e-cart .end-cont>li div{float:left;width:145px;font-size:14px;font-weight:bold;color:#000;text-align: center;background:#f4f4f4;}
.e-cart .end-cont>li p{float:left;padding:20px 25px;width:855px;border-left:1px solid #dedede;font-size:14px;color:#666;line-height:30px;background:#fff}
.e-cart .end-cont>li p strong{font-weight:400;color:#000;}
.buy-event .popup02{margin-left:-305px;margin-top:-170px;width:610px;height:340px;border:1px solid #000;background:#fff;font-size:22px;color:#000;font-weight:400;}
.buy-event .popup02 .popup-cont{text-align:center;}
.buy-event .popup02 .btn-close{display:block;position:absolute;top:10px;right:10px;width:50px;height:50px;background:#fff url(../images/01_common/icon_close.png) center center no-repeat;}
.buy-event .popup02 p{font-size:22px;color:#000;font-weight:400;}
.buy-event .popup02 .icon01{margin:40px auto 0;width:125px;height:150px;background:#fff url(../images/05_buy_event/icon03.png)0 0 no-repeat;}
.buy-event .popup02 .bottom-group{border:0;padding-top:25px;}
.pro-list-wrap .category{padding-left:11px;height:60px;background:#f5f5f5;border-top:1px solid #000000;border-bottom:1px solid #e5e5e5; }
.pro-list-wrap .category li{display:inline-block;padding:17px 0 0 19px;}
.pro-list-wrap .category li:before{content:'';display:inline-block;height:11px;border-left:1px solid #888;}
.pro-list-wrap .category li a{font-size:14px;font-weight:400;color:#888;margin-left:19px;}
.pro-list-wrap .category li:first-child:before{border:0;}
.pro-list-wrap .category li:first-child a{margin:0}
.pro-list-wrap .category li a.on{color:#010101;font-size:16px;font-weight:500;}
.pro-list-wrap .result{overflow:hidden;height:46px;margin-top:20px;padding:0 18px;font-weight:500;color:#010101;}
.pro-list-wrap .result span{font-weight:500;color:#3289e8;}
.pro-list-wrap .result ul{float:right;display:inline-block;}
.pro-list-wrap .result li{display:inline-block;padding:0 0 0 16px;}
.pro-list-wrap .result li:before{content:'';display:inline-block;height:9px;border-left:1px solid #b8b8b8;}
.pro-list-wrap .result li a{font-size:14px;font-weight:400;color:#999;margin-left:16px;}
.pro-list-wrap .result li:first-child:before{border:0;}
.pro-list-wrap .result li:first-child a{margin:0}
.pro-list-wrap .result li a.on{color:#000;font-weight:500;}
.pro-list-wrap .pro-list{overflow:hidden;}
.pro-list-wrap .pro-list li a{position:relative;display:block;width:100%;height:100%;}
.pro-list-wrap .pro-list li a:after{content:'';display:block;position:absolute;top:-1px;left:-1px;width:334px;height:538px;border:2px solid transparent;box-sizing: border-box;transition: all .1s ease-in;}
.pro-list-wrap .pro-list li{float:left;width:333px;height:537px;border:1px solid #e6e6e6;border-left:0;border-top:0;}
.pro-list-wrap .pro-list li:nth-child(1),
.pro-list-wrap .pro-list li:nth-child(2),
.pro-list-wrap .pro-list li:nth-child(3){border-top:1px solid #e6e6e6;}
.pro-list-wrap .pro-list li:nth-child(3n-2){width:334px;border-left:1px solid #e6e6e6;}
.pro-list-wrap .pro-list li a:hover:after{border:2px solid #3289e8;}
.pro-list-wrap .pro-list li:nth-child(1) a:hover:after,
.pro-list-wrap .pro-list li:nth-child(2) a:hover:after,
.pro-list-wrap .pro-list li:nth-child(3) a:hover:after{height:537px;}
.pro-list-wrap .pro-list .pro-img{position:relative;display:table;width:100%;height:337px;text-align:center;border-bottom:1px solid #e6e6e6;}
.pro-list-wrap .pro-list .pro-img span{display:table-cell;vertical-align:middle;}
.pro-list-wrap .pro-list .pro-img.soldout:before{content:'전량소진';display:block;position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);color:#fff;text-align:center;line-height:337px;font-weight:700;font-size:30px; }
.pro-list-wrap .pro-list .pro-cont{padding:40px 20px 0;}
.pro-list-wrap .pro-list .pro-cont .title{font-size:22px;color:#000;font-weight:400;line-height:30px;}
.pro-list-wrap .pro-list .txt-vip{font-size:14px;color:#444;font-weight:700;}
.pro-list-wrap .pro-list .price{margin-top:15px;}
.pro-list-wrap .pro-list .price .cont{height:31px;}
.pro-list-wrap .pro-list .price strong{display:inline-block;font-size:20px;color:#3289e8;font-weight:700;line-height:31px;letter-spacing:-0.5px;}
.pro-list-wrap .pro-list .price span{display:inline-block;margin-left:10px;font-size:14px;color:#666;font-weight:400;line-height:31px;text-decoration: line-through;letter-spacing:-0.5px;}
.pro-list-wrap .pro-list .price .view{display:inline-block;float:right;margin-top:-3px;padding-left:20px;width:115px;height:31px;border-radius:15px;border:1px solid #0c2543;color:#0c2543;font-size:11px;background:#fff url(../images/01_common/arrow05.png)83px 9px no-repeat;font-weight:400;line-height:29px;transition: all .1s ease-in;}
.pro-list-wrap .pro-list li a:hover .price .view{background:#3289e8 url(../images/01_common/arrow05_on.png)83px 9px no-repeat;border:1px solid #3289e8;color:#fff;}
.pro-list-wrap .none span{display:block;padding-top:20px;font-size:14px;color:#5c5c5c;text-align:center;line-height:26px;}


/* **************************************** *
 *마이페이지
 * **************************************** */
.my-page main .wrap{padding:18px 100px 150px;}
.my-page main h2{font-weight:600;font-size:55px;color:#121212;text-align: center;line-height:130px;letter-spacing:1px;}
.my-page main h2.line{border-bottom: 1px solid #e5e5e5;}
.my-page main h2.v1{font-size:56px;line-height:84px;margin-top:32px;}
.my-page main h2.v1 + p{display:flex;justify-content:center;margin-top:4px;color:#4D4D4D;font-weight:400; }
.my-page main.top-bg{background:#fff url(../images/07_mypage/bg01.png)center 295px no-repeat;}
.my-page .top-cont{overflow:hidden;padding-top:107px;padding-left:360px;height:303px;}
.my-page .top-cont>div{float:left;display:inline-block;height:94px;border-left:1px solid rgba(255,255,255,0.1);text-align:center;color:#999;line-height:48px;}
.my-page .top-cont>div p{color:#ccc;}
.my-page .top-cont .name{width:260px;font-size:40px;color:#fff;line-height:94px;border:0;font-weight:200;text-align:left;}
.my-page .top-cont .m-number{width:180px;}
.my-page .top-cont .end-date{width:200px;}
.my-page .list-group{margin-top:30px;}
.my-page .list-group .list-cont .p-state span,
.my-page .list-group .list-cont .p-state a{display:inline-block;text-align:center;font-size:16px;font-weight:400;}
/*
.my-page .list-group .list-cont .p-state .state01{color:#000;}
.my-page .list-group .list-cont .p-state .state02{color:#3289e8;}
.my-page .list-group .list-cont .p-state .state03{width:100px;height:40px;background:#3289e8;border-radius:20px;text-align:center;line-height:40px;color:#fff;transition: all .1s ease-in;}
.my-page .list-group .list-cont .p-state .state03:hover{background: #54a0f3;}
 */
.my-page .list-group .list-cont .p-state .state04{width:86px;height:32px;background:#3289E8;text-align:center;line-height:32px;color:#fff;transition: all .1s ease-in;font-weight:500;}
.my-page .list-group .list-cont .p-state .state04:hover{background: #1e3a63;}
.my-page .list-group.v1{margin-top:48px; }
.my-page .list-group.v1 .list-h{display:flex;padding:0;height:72px;background:#F7F7F7;}
.my-page .list-group.v1 .list-h>div{display:flex;flex-direction: column;justify-content:center;padding:0 12px;color: #121212;text-align:left}
.my-page .list-group.v1 .list-cont li{display:flex;padding:0;height:77px;font-weight:400;color:#121212}
.my-page .list-group.v1 .list-cont li.no-list{height:184px;justify-content:center;align-items:center}
.my-page .list-group.v1 .list-cont li>div{display:flex;flex-direction: column;justify-content:center;padding:0 12px;color: #121212;font-size:16px;font-weight:400;text-align:left;}
.my-page .list-group.v1 .n1{width:300px;align-items: flex-start;}
.my-page .list-group.v1 .n2{width:120px;align-items: flex-start;}
.my-page .list-group.v1 .n2 .row1{color: #121212;font-size:16px;font-weight:400;}
.my-page .list-group.v1 .n2 .row2{color:#707070;font-size:12px;}
.my-page .list-group.v1 .n3{width:360px;align-items: flex-start;}
.my-page .list-group.v1 .n4{width:120px;align-items:center}
.my-page .list-group.v1 .n5{width:100px;align-items:center}
.my-page .list-group.v1 .state01,
.my-page .list-group.v1 .state02,
.my-page .list-group.v1 .state03{padding:0 12px;height:29px;line-height:29px;border-radius:20px;font-size:14px;font-weight:500;color:#929292;background:#EFEFEF}
.my-page .list-group.v1 .state01{color:#DD0505;background:#FFECEC}
.my-page .list-group.v1 .state02{color:#008255;background:#E7F8F2}
.my-page .list-group.v1 .list-top-cont{display:flex;justify-content:space-between;margin-bottom:16px;}
.my-page .list-group.v1 .list-top-cont .total{font-size:14px;font-weight:500;line-height:21px;}
.my-page .list-group.v1 .list-top-cont .total span{color:#3289E8;font-size:14px;font-weight:500;}
.my-page .list-group.v2{margin-top:48px;}
.my-page .list-group.v2 + .list-group.v2{margin-top:64px;}
.my-page .list-group.v2 .list-h{display:flex;padding:0;height:72px;background:#F7F7F7;}
.my-page .list-group.v2 .list-h>div{display:flex;flex-direction: column;justify-content:center;padding:0 10px;color: #121212;text-align:left}
.my-page .list-group.v2 .list-cont li{display:flex;padding:0;height:77px;font-weight:400;color:#121212}
.my-page .list-group.v2 .list-cont li>div{display:flex;flex-direction: column;justify-content:center;padding:0 10px;color: #121212;font-size:16px;font-weight:400;text-align:left;}
.my-page .list-group.v2 .n1-1{width:194px;align-items: flex-start;padding-left:32px;}
.my-page .list-group.v2 .n1-2{width:194px;align-items: center;}
.my-page .list-group.v2 .n1-3{width:194px;align-items: center;}
.my-page .list-group.v2 .n1-4{width:194px;align-items: center;}
.my-page .list-group.v2 .n1-5{width:194px;align-items: center;}
.my-page .list-group.v2 .n2-1{width:100px;align-items: center;}
.my-page .list-group.v2 .n2-2{width:206px;align-items: center;}
.my-page .list-group.v2 .n2-3{width:206px;align-items: center;}
.my-page .list-group.v2 .n2-4{width:224px;align-items: center;}
.my-page .list-group.v2 .n2-5{width:350px;align-items: center;}
.my-page .list-group.v2 .n2-6{width:120px;align-items: center;}

.my-page .att02{margin-top:15px;margin-bottom:15px;}
.my-page .write-group.v2{padding-bottom:0;margin-top:25px;}
.my-page .info-box{margin-top:35px;padding:40px;background:#f8f8f8;}
.my-page .info-box li{position:relative;padding-left:15px;padding-top:5px;color:#101010;line-height:38px;}
.my-page .info-box li:before{position:absolute;top:6px;left:0;content:'\00B7';font-weight:700;}
.my-page .info-box li span{color:#ee202e;}
.my-page .popup02{margin-left:-450px;margin-top:-535px;padding:0 55px;width:900px;height:1470px;border:20px solid #c0c0c0;font-size:22px;color:#000;font-weight:400;}
.my-page .popup02.v1{margin-top:-303px;height:620px;}
.my-page .popup02 .btn-close{display:block;position:absolute;top:25px;right:15px;width:50px;height:50px;background:#fff url(../images/01_common/icon_close02.png) center center no-repeat;}
.my-page .popup02 h2{height:115px;line-height:115px;font-size:36px;font-weight:700;color:#000;text-align:center;}
.my-page .popup-cont02{display:none;}
.my-page .tab-type{overflow:hidden;}
.my-page .tab-type.v1{padding-top:48px;}
.my-page .tab-type li{float:left;width:50%;}
.my-page .tab-type li:first-child a{border-right:0 !important;border-left:1px solid #cccccc;}
.my-page .tab-type li a{display:block;padding:14px 0;text-align:center;line-height:32px;border:1px solid #cccccc;border-left:1px solid #000;border-bottom:1px solid #000;vertical-align:middle;color:#808081;}
.my-page .tab-type li a.on{border:1px solid #000;border-bottom:1px solid #fff;color:#000;font-weight:500;}
.my-page .info-box02{margin-top:20px;padding:35px 50px;font-size:18px;line-height:32px;background:#f2f2f2;}
.my-page .info-box02.v1{padding:50px;text-align:center;}
.my-page .info-box02.v1 span{font-style: italic;font-size:18px;color:#666;}
.my-page .list-group03{overflow:hidden;}
.my-page .list-group03 li{position:relative;overflow:hidden;float:left;padding-top:30px;width:33.33%;height:260px;text-align:center;}
.my-page .list-group03 li img{width:130px !important; height:130px !important;}
.my-page .list-group03 li.soldout:before{display:block;content:'품절';position:absolute;top:30px;left:calc(50% - 65px);width:130px;height:130px;line-height:130px;text-align:center;color:#fff;font-weight:700;font-size:20px;background:rgba(0,0,0,0.5)}
.my-page .popup02 .radio{margin:20px 0 0;padding-right:25px;height:43px;text-align:left;}
.my-page .popup02 .radio label{font-weight:500;line-height:23px;}
.my-page .popup02 .radio label span{font-size:14px;}
.my-page .list-group04{margin-top:20px;margin-bottom:20px;border-bottom:1px solid #cecece;}
.my-page .list-group04 li{overflow:hidden;border-top:1px solid #cecece}
.my-page .list-group04 li .sort{display:inline-block;float:left; padding:18px 0;width:130px;background:#e5e5e5;border-right:1px solid #cecece;font-weight:500;color:#000;text-align:center;}
.my-page .list-group04 li p{display:inline-block;float:left;width:620px;padding:18px 40px;color:#999;}
.my-page h3.title.v2{margin-top:48px;font-size:20px;line-height:36px;height:42px;padding-bottom:6px;color:#121212;font-weight:600;padding-left:0;background:transparent; }

.my-page .popup02.v1 .popup-cont03{line-height:45px;padding-top:190px;height:320px;background:#f2f2f2 url(../images/07_mypage/icon01.png)center 55px no-repeat;font-size:18px;font-weight:400;color:#000;text-align:center;}
.my-page .popup02.v1 .popup-cont03 strong{display:block;font-size:24px;font-weight:500 !important;color:#3289e8;}
.my-page .popup02.v1 .bottom-group{padding:35px 0;}


/* **************************************** *
 *고객센터
 * **************************************** */
.customer main .wrap{padding:18px 100px 150px;}
.customer main h2{font-weight:700;font-size:50px;color:#000;text-align: center;line-height:130px;letter-spacing:1px;}
.customer main h2.line{border-bottom: 1px solid #e5e5e5;}
.customer .list-group .list-h{border-top: 2px solid #000;}
.customer .list-group.none01{padding-top:155px;height:253px;font-size:24px;color:#000;font-weight:700;text-align:center;background:#f5f5f5 url(../images/08_customer/icon02.png)center 58px no-repeat;}
.customer .list-group li{padding:0;}
.customer .list-group li a{display:block;padding:25px 0;}
.customer .list-group li a div{display:inline-block;vertical-align:middle;text-align: center;font-size:16px;color:#3c3c3c;}
.customer .list-group li a:hover div{color:#3289e8;}
.customer .list-group li .subject{width:73%;overflow:hidden; white-space:nowrap; text-overflow:ellipsis;text-align:left;padding-left:70px;font-size:20px;color:#000;}
.customer .list-group li .subject.v1{width:61%;padding-left:20px;}
.customer .search-box{display:inline-block;position:relative;padding:40px 0 20px}
.customer .search-box.v1{padding:25px 0 5px}
.customer .search-box input{padding:10px 50px 10px 20px;border:1px solid #e8e8e8;}
.customer .search-box input:focus{outline:none;border:1px solid #3289e8}
.customer .search-box a{position:absolute;bottom:20px;right:0;display:block;width:46px;height:46px;background:url(../images/01_common/search.png)center center no-repeat;}
.customer .search-box.v1 a{bottom:5px;}
.customer .top-cont{margin-top:40px;padding:55px 0 55px 180px;line-height:32px;background:#f5f5f5 url(../images/08_customer/icon01.png)50px center no-repeat;}
.customer .date-box{padding:50px 0 23px;font-weight:500;color:#000;text-align: right}
.customer .date-box span{display:inline-block;padding-left:20px;color:#5c5c5c;}
.customer .q-cont{border-top:2px solid #000;margin-bottom:20px;background:#f4f4f4;}
.customer .q-cont>li{position:relative;overflow:hidden;padding-left:145px; border-bottom:1px solid #dedede;font-size:0;}
.customer .q-cont>li .sort{display:inline-block;position:absolute;top:50%;left:0;margin-top:-10px;width:145px;font-size:14px;font-weight:bold;color:#000;text-align: center;vertical-align:middle;}
.customer .q-cont>li .cont{padding:21px 45px;border-left:1px solid #dedede;background:#fff; min-height:70px;color:#000;}
.customer .q-cont>li .cont.v1{min-height:195px;}
.customer .q-cont>li .cont.v2{min-height:265px;}
.customer .tab-type{overflow:hidden;margin-top:20px;}
.customer .tab-type li{position:relative;float:left;width:250px;height:62px;border:1px solid #cccccc;border-left:0;border-bottom:1px solid #000;}
.customer .tab-type li:first-child{border-left:1px solid #cccccc;}
.customer .tab-type li a{position:absolute;top:-1px;left:-1px;display:block;padding:14px 0;width:251px;height:62px;text-align:center;line-height:32px;vertical-align:middle;}
.customer .tab-type li:first-child a{width:250px;}
.customer .tab-type li a.on{border:1px solid #000;border-bottom:1px solid #fff;color:#000;font-weight:500;}
.customer .qna-type{margin-top:60px;border-top:1px solid #000;}
.customer .qna-type li{border-bottom:1px solid #ccc;}
.customer .qna-type .q01{position:relative;overflow:hidden;display:block;padding:33px 85px 33px 0;min-height:95px;background:#fff url(../images/01_common/down.png)950px center no-repeat;}
.customer .qna-type .q01 span{display:inline-block;float:left;width:85px;font-size:14px;color:#3c3c3c;text-align:center;}
.customer .qna-type .q01 div{display:inline-block;float:left;padding-left:55px;width:830px;font-size:18px;color:#000;}
.customer .qna-type .q01:before{content:'Q';display:block;position:absolute;top:30px;left:85px;width:34px;height:34px;line-height:32px;text-align:center;font-size:18px;color:#fff;background:#3289e8;border-radius:17px 17px;}
.customer .qna-type .a01{display:none; position:relative;padding:30px 85px 30px 195px;min-height:95px;background:#f0f1f3 url(../images/01_common/answer.png)100px 35px no-repeat;font-size:14px;}
.customer .qna-type .a01:before{content:'A';display:block;position:absolute;top:35px;left:140px;width:34px;height:34px;line-height:32px;text-align:center;font-size:18px;color:#fff;background:#000;border-radius:17px 17px;}
.customer .qna-type li.open .q01{background-image:url(../images/01_common/up.png);}
.customer .qna-type li.open .q01 div{font-weight:500;}
.customer .qna-type li.open .a01{display:block;}

/***************************** 플래티넘 pc 페이지 *****************************/
.platinum-wrap {padding:12px 0; background:#fff;}
.platinum-breadcrumbs {display:flex; align-items:center; margin:0; padding:0; list-style:none;}
.platinum-breadcrumbs li+li {margin-left:8px;}
.platinum-main-banner {background:linear-gradient(rgba(0,0,0,0.4),rgba(0,0,0,0.4)), url('../images/09_platinum/mainBanner.jpg'); background-repeat:no-repeat; background-position:center; background-size:cover; width:100%; height:455px; display:flex; flex-direction:column; justify-content:center; align-items:center;     max-width:1920px; margin:0 auto; overflow:hidden;}
.platinum-main-title {color:#fff; font-size:55px; font-weight:500; margin:0;}
.platinum-main-desc {color:#fff; font-size:18px; text-align:center; margin:16px 0 0;}
.platinum-scroll-img {margin-top:32px; width:123px; height:auto; display:none;}
.platinum-banner-info {background:url('../images/09_platinum/platinumBanner2.png') no-repeat center/cover; width:100%; height:800px; display:flex; flex-direction:column; justify-content:center; align-items:center; max-width:1920px; margin:0 auto; overflow:hidden;}
.platinum-banner-info.new-banner {background:url('../images/09_platinum/platinumBanner1.png') no-repeat center/cover;}
.platinum-banner-info-wrap {padding:0 0 250px 350px;;}
.platinum-banner-bar-title {display:flex; align-items:center;}
.platinum-banner-bar {width:6px; height:40px; background:#3289e8; margin-right:18px;}
.platinum-banner-h1 {margin:0; font-size:42px; font-weight:500; color:#0c2645;}
.platinum-banner-detail {display:flex; flex-direction:column; margin-top:50px;}
.platinum-banner-detail-title {font-size:28px; font-weight:500;}
.platinum-banner-detail-code {font-size:16px; margin-bottom:32px;}
.platinum-banner-detail-h3 {font-size:20px; font-weight:500; margin-bottom:10px;}
.platinum-banner-detail-desc {font-size:16px; line-height:1.4;}
.platinum-benefit-banner {background:url('../../delonghi2019/images/platinumbackgroundblue.png') no-repeat center/cover; width:100%;  height:auto; display:flex; align-items:flex-start; justify-content:flex-start; position:relative;}
.platinum-benefit-banner-inner {max-width: 1200px; width: 100%; display:flex; flex-direction:row; align-items:flex-start; margin-top:125px; margin-left:20vw;}
.platinum-benefit-title {color:#fff; font-size:48px; font-weight:500; margin:0; line-height:1.2;}
.platinum-benefit-right {display:flex; flex-direction:column; margin-left:500px; max-width:540px;}
.platinum-benefit-right-title {font-size:28px; font-weight:500; color:#fff; margin:0 0 32px 0; line-height:1.6;}
.platinum-benefit-highlight {color:#3289e8; font-size:28px; font-weight:500;}
.platinum-benefit-item {display: flex;gap: 20px;}
.platinum-benefit-item img {width: 86px; height: 86px;}
.platinum-benefit-item .congratu {display: flex; flex-direction: column;}
.platinum-benefit-item h4 {font-size:20px; font-weight:bold; color:#fff;}
.platinum-benefit-item p {color:#ccc; font-size:16px; margin-top:24px; margin-bottom:10px;}
.platinum-benefit-note {color:#ccc; font-size:14px;}


/* 플래티넘 혜택 */
.platinum .introduce03{height:630px;background:#e6e9ec;max-width:1920px; margin:0 auto; overflow:hidden;}
.platinum .introduce03>div{width:1360px;padding:170px 100px 0;background:url("../images/06_club_service/img05.png") 168px 107px no-repeat; position:relative; height:100%; margin:0 auto; font-size:0;}
.platinum .introduce03 h2{margin-left:100px; font-size:42px;line-height:42px;color:#000;font-weight:500;text-align: center;}
.platinum .introduce03 ul{margin-top:105px;font-size:0;}
.platinum .introduce03 li{position: relative; display:inline-block;padding-top:135px;margin-left:2px;width:230px;height:183px;vertical-align:top;font-size:14px;line-height:18px;color:#545454;font-weight:500;text-align:center;border-left:1px solid #c4c6c9;}
.platinum .introduce03 li a{position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2;}
.platinum .introduce03 li:first-child{margin-left:0;background:url("../images/06_club_service/icon04-1.png") center 5px  no-repeat;border-left:none;}
.platinum .introduce03 li:nth-child(2){background:url("../images/06_club_service/icon05-1.png") center 5px  no-repeat}
.platinum .introduce03 li:nth-child(3){background:url("../images/06_club_service/icon06-1.png") center 5px  no-repeat}
.platinum .introduce03 li:nth-child(4){background:url("../images/06_club_service/icon07-1.png") center 5px  no-repeat}
.platinum .introduce03 li:nth-child(5){background:url("../images/06_club_service/icon08-1.png") center 5px  no-repeat}

/* 플래티넘 관련 문의 */
.platinum .contact-box>div{position:relative; width:1200px; padding:70px 100px 0; height:100%; margin:0 auto; font-size:0;}
.platinum .contact-box{height:448px;background:#eeeff3;max-width: 1920px; margin:0 auto; overflow:hidden;}
.platinum .contact-box>div>div{display:inline-block;padding:60px 0 50px 30px;width:477px; height:304px;border:1px solid #dfdfdf;background:#fff;vertical-align:top;box-shadow:-20px 20px 35px rgba(0,0,0,0.25)}
.platinum .contact-box .box01{background:#fff url("../images/06_club_service/icon09.png") 335px 167px no-repeat}
.platinum .contact-box .box02{margin-left:46px;background:#fff url("../images/06_club_service/icon10.png") 347px 160px no-repeat}
.platinum .contact-box h3{margin-bottom:30px;font-size:40px;line-height:40px;color:#102742;font-weight:200;letter-spacing:-0.5px;}
.platinum .contact-box p{margin-top:30px;font-size:18px;color:#102742;font-weight:500;}
.platinum .contact-box p span{display:inline-block;width:90px;padding-left:15px;font-size:18px;color:#666;font-weight:500;}
.platinum .contact-box .box02 p{font-size:16px;}
.platinum .contact-box a{margin-top:10px;padding:0 52px 0 16px;height:34px;line-height:30px;color:#0c2645;font-size:14px;font-weight:500;border-radius:17px;vertical-align:top;text-align:center;background:#fff url(../images/01_common/arrow02.png) 85% 9px no-repeat;border:2px solid #4a5566;transition: all .1s ease-in;}
.platinum .contact-box a:hover{background-position:90% 9px; }
.platinum .contact-box .box01 a{margin-top:20px;}
.platinum .contact-box .box02 a{margin-top:80px;}
.platinum .contact-box .box01.v1{width:1000px;padding:70px 90px;background:#fff;font-size:0;}
.platinum .contact-box .box01.v1 h3{margin-bottom:40px;}
.platinum .contact-box .box01.v1 img{display:inline-block;vertical-align:top;height:47px;margin-top:20px}
.platinum .contact-box .box01.v1 img ~ img{margin-top:15px;margin-left:140px;}
.platinum .contact-box .box01.v1 p{display:inline-block;vertical-align:top;margin-top:0;margin-left:50px;line-height:26px;}
.platinum .contact-box .box01.v1 p ~ p{margin-top:25px;margin-left:40px;font-size:14px;}

/* .platinum-benefit-list{display: flex; flex-direction: column;gap: 50px;} */
/* .platinum .introduce01-1{background:url('../../delonghi2019/images/platinumbackgroundblue.png') no-repeat center/cover; width:100%;  max-height:1000px; height: auto; display:flex; align-items:flex-start; justify-content:flex-start; position:relative;}
.platinum .introduce01-1>div{padding-left: 460px; display:flex;column-gap:249px;padding-top:125px;}
.platinum .introduce01-1>div:before{bottom:65px;left:-273px;width:1833px;height:369px;background:url(../images/06_club_service/bg07.png) 0 0 no-repeat;}
.platinum .introduce01-1 .dec{position:relative;}
.platinum .introduce01-1 .dec div{margin-bottom:65px;}
.platinum .introduce01-1 h2{color:#fff;font-size:45px;font-weight:500;line-height:1.2;word-break: keep-all;}
.platinum .introduce01-1 h3{color:#fff;font-size:28px;font-weight:500;word-break: keep-all;}
.platinum .introduce01-1 .dec span{color: #3289e8;font-size:28px;font-weight:500;word-break: keep-all;display: inline-block;}
.platinum .introduce01-1 p{color:#fff;font-size:20px;font-weight:bold;margin-top:30px;}
.platinum .introduce01-1 span{color:#cccccc;font-size:16px;font-weight:100;display:block;margin-top:24px;} */

/******************************** 플래티넘 css ********************************/


/* **************************************** *
 *CLUB SERVICE INFO
 * **************************************** */
.club-service main .wrap{padding-top:18px;}
.club-service main .btn-type01{display:inline-block;padding:0 80px 0 30px;height:56px;border-radius:28px;line-height:56px;background:#3289e8 url("../images/06_club_service/arrow.png") 87% 18px no-repeat;color:#fff;font-size:20px;font-weight:400;transition: all .1s ease-in;}
.club-service main .btn-type01:hover{background-color: #54a0f3;background-position:91% 18px;}
.club-service section{max-width:1920px;margin:0 auto;overflow:hidden;}
.club-service section>div{position:relative;width:1200px;padding: 70px 100px 0;height:100%;margin:0 auto;font-size:0;}
.club-service section>div:before{content:'';display:block;position:absolute;}
.club-service section h2{font-size:72px;letter-spacing:-0.5px;color: #3289e8;font-weight:200;line-height:72px;}
.club-service section h2 span{display:block;margin-top:25px;font-size:38px;letter-spacing:-0.5px;color: #0c2645;font-weight:500;line-height:42px;padding-left:20px;border-left:6px solid #3289e8;}
.club-service section h5{font-size:20px;font-weight:400;margin-top:45px;}
.club-service .gift01 p {font-weight:300;color:#969696;}
.club-service section p{margin-top:40px;line-height:30px;}
.club-service section p>span{font-size:18px;}
.club-service section p>.c01{font-size:16px;color:#3289e8}
.club-service section .lw,
.club-service section .rw{display:inline-block;vertical-align:top;}
.club-service .top-img{padding-top:130px;height:453px;background:url("../images/06_club_service/bg01.png") center 110px  no-repeat;background-attachment:fixed;background-size: 1920px 507px;}
.club-service .top-img h2{text-align:center;font-size:55px;color:#fff;font-weight:500;letter-spacing:-1px;}
.club-service .top-img p{margin-top:10px;text-align:center;font-size:18px;color:#fff;font-weight:300;}
.club-service .top-img.v1{background-image:url("../images/06_club_service/bg03.png");}
.club-service .top-img.v2{background-image:url("../images/06_club_service/bg06.png");}
.club-service .top-img.v3{background-image:url("../images/06_club_service/bg05.png");}
.club-service .benefit01{height:600px;background:#0d2645;}
.club-service .benefit01>div:before{bottom:-100px;left:255px;width:1043px;height:576px;background:url("../images/06_club_service/bg02_2.png") 0 0  no-repeat}
.club-service .benefit01 h2,
.club-service .benefit01 span,
.club-service .benefit01 p,
.club-service .benefit01 li,
.club-service .benefit01 div{color:#fff;}
.club-service .benefit01 p{margin-top:60px}
.club-service .benefit01 p>span{color:#7aabec}
.club-service .benefit01 .lw{width:560px;}
.club-service .benefit01 .rw{width:440px;padding-top:95px;}
.club-service .benefit01 .rw>div{font-size:24px;font-weight:500;}
.club-service .benefit01 .rw ul{padding-left:140px;height:600px;margin-top:40px;background:url("../images/06_club_service/img01.png") 0 0  no-repeat}
.club-service .benefit01 .rw li{display:table; margin-bottom:25px;height:97px;}
.club-service .benefit01 .rw li span{display:table-cell;position:relative;padding-left:32px;vertical-align: middle;font-size:14px;}
.club-service .benefit01 .rw li span:before{content:'1';display:block;position:absolute;top:50%;margin-top:-11px;left:0;width:22px;height:22px;border-radius:100%;line-height:22px;background:#000;text-align:center;font-size:14px;}
.club-service .benefit01 .rw li:nth-child(2) span:before{content: '2'}
.club-service .benefit01 .rw li:nth-child(3) span:before{content: '3'}
.club-service .benefit01 .rw li:nth-child(4) span:before{content: '4'}
.club-service .benefit01 .rw li:nth-child(5) span:before{content: '5'}
.club-service .benefit02{height:620px;background:#f8f8f8;text-align: right;}
.club-service .benefit02 h2,
.club-service .benefit02 p,
.club-service .benefit02 a{text-align:right;}
.club-service .benefit02 h2 span{margin-top:50px;}
.club-service .benefit02>div{background:url("../images/06_club_service/img02.png") 62px 118px  no-repeat}
.club-service .benefit02>div>div{display:inline-block;text-align:right;}
.club-service .benefit02 .btn-type01{margin-top:60px;}
.club-service .benefit03{height:1184px;background:#fff}
.club-service .benefit03 .lw{width:527px;height:724px;}
.club-service .benefit03 .rw{width:473px;height:724px;padding-top:466px;background:url("../images/06_club_service/img03.png") 0 98px  no-repeat}
.club-service .benefit03 .rw p{margin-top:0;}
.club-service .benefit03 .rw p strong{font-weight:500;}
/*2022-06-22 수정 s*/
.club-service .benefit03 .box01{display:inline-block;padding:55px 40px;width:100%; height:300px;border:1px solid #dfdfdf;vertical-align:top;font-size:0;}
.club-service .benefit03 .box02{position:relative;display:inline-block;padding:50px 36px 50px 220px;margin-top:10px;width:100%;height:280px;border:1px solid #dfdfdf;background:#f8f8f8;vertical-align:top;}
.club-service .benefit03 .box01 h3{height:85px;font-size:24px;color:#102742;background:url("../images/06_club_service/icon01.png") 210px 0 no-repeat}
.club-service .benefit03 .box01>div{display:inline-block;vertical-align:top;font-size:16px;color:#102742;}
.club-service .benefit03 .box01>div>span{display:inline-block;padding-left:10px;font-size:22px;color:#102742;font-weight:500;letter-spacing:-0.5px;line-height:22px;}
.club-service .benefit03 .box01 p{margin-top:7px;font-weight:500;line-height:22px;font-size:12px;}
.club-service .benefit03 .box01 p span{font-weight:300;font-size:12px;}
.club-service .benefit03 .box01 .cont01{width:25%}
.club-service .benefit03 .box01 .cont02{width:29%}
.club-service .benefit03 .box01 .cont03{width:26%}
/*2022-06-22 수정 e*/
.club-service .benefit03 .box02 h3{position:absolute;top:45px;left:40px;height:75px;font-size:24px;color:#102742;}
.club-service .benefit03 .box02 .box02_txt{display:flex;}
.club-service .benefit03 .box02 .box02_txt>div{display:block;color:#102742;line-height:27px;font-weight:500;font-size:22px;}
.club-service .benefit03 .box02 .box02_txt>div:first-child,.club-service .benefit03 .box02 .box02_txt>div:nth-child(2){padding-right:32px;border-right:1px solid #dfdfdf;}
.club-service .benefit03 .box02 .box02_txt>div:nth-child(2),.club-service .benefit03 .box02 .box02_txt>div:nth-child(3){padding-left: 32px;}

.club-service .benefit03 .box02 .box02_txt>div .tit{font-weight:300;color:#102742;margin-bottom:15px;}
.club-service .benefit03 .box02 .box02_txt>div strong{font-size:18px;font-weight:500;}
.club-service .benefit03 .box02 p{position:relative;margin-top:30px;padding-left:10px;letter-spacing:-0.5px;line-height:24px;font-size:12px;}
.club-service .benefit03 .box02 p:last-child{margin-top:0;}
.club-service .benefit03 .box02 p::before{content:'';position:absolute;top:11px;left:0;width:3px;height:3px;background-color:#333;border-radius:50%;}
.club-service .benefit04{height:672px;background:#0d2645;text-align:right;}
.club-service .benefit04>div{background:url("../images/06_club_service/img04.png") 81px 95px  no-repeat}
.club-service .benefit04>div>div{display:inline-block;text-align:right;}
.club-service .benefit04 h2,
.club-service .benefit04 p{text-align:right;}
.club-service .benefit04 span,
.club-service .benefit04 p{color:#fff;}
.club-service .benefit04 p{margin-bottom:47px;}
.club-service .benefit05{height:430px;background:#fff}
.club-service .benefit05>div>div{display:inline-block;text-align:left;}
.club-service .benefit05>div>div>div{padding:25px 0 20px;font-size:24px;font-weight:400;color:#3289e8;}
.club-service .benefit05 li{line-height:30px;}
.club-service .benefit06{height:561px;background:#eeeff3}
.club-service .benefit06>div{padding-top:56px;}
.club-service .benefit06 h2{margin-bottom:35px;font-size:24px;line-height:24px;color:#102742;font-weight:300;}
.club-service .benefit06 .box01,
.club-service .benefit06 .box02{display:inline-block;padding:50px 30px 40px 50px;width:477px; height:304px;border:1px solid #dfdfdf;background:#fff;vertical-align:top;box-shadow:20px 20px 35px rgba(0,0,0,0.25)}
.club-service .benefit06 .box01{background:#fff url("../images/06_club_service/icon02.png") 370px 174px no-repeat}
.club-service .benefit06 .box01 h3{font-size:40px;color:#102742;font-weight:200;letter-spacing:-0.5px;}
.club-service .benefit06 .box01 div{margin-top:5px;font-size:36px;color:#102742;font-weight:500;letter-spacing:-0.5px;}
.club-service .benefit06 .box01 p{margin-top:15px;}
.club-service .benefit06 .box02{margin-left:46px;background:#fff url("../images/06_club_service/icon03.png") 348px 184px no-repeat}
.club-service .benefit06 .box02 h3{height:83px;font-size:35px;line-height:40px;color:#102742;font-weight:200;letter-spacing:-0.5px;background:#fff url("../images/06_club_service/qr.png") 310px 0 no-repeat}
.club-service .benefit06 .box02 p{margin-top:20px;}
.club-service .benefit06 .box02 span{font-size:14px;color:#3289e8;}
.club-service .benefit06 .box02 a{display:block;margin:10px 0 3px;padding:0 0 0 50px;width:185px;height:46px;line-height:46px;background:#ffdc00 url("../images/06_club_service/kakao.png") 20px 9px no-repeat;color:#000;transition: all .1s ease-in;}
.club-service .benefit06 .box02 a:hover{background-color:#ffe74e}
.club-service .introduce01{height:395px;display:flex;align-items:center;justify-content:center;}
.club-service .introduce01 img{width:234px;height:124px;}
.club-service .introduce01 h2{padding-top:15px;font-size:45px;line-height:60px;color:#0c2645;font-weight:500;/* text-align: center; */}
.club-service .introduce01>div{width:unset;margin:unset;padding:70px 0 0 100px;}
/* .club-service .introduce01 p{text-align: center;} */
/**** 2024-12-04 ****/
.club-service .introduce01-1{background:#0c2645;}
.club-service .introduce01-1>div{display:flex;column-gap:118px;padding-top:120px;padding-bottom:65px;}
.club-service .introduce01-1>div:before{bottom:65px;left:-273px;width:1833px;height:369px;background:url(../images/06_club_service/bg07.png) 0 0 no-repeat;}
.club-service .introduce01-1 .dec{position:relative;}
.club-service .introduce01-1 .dec div{margin-bottom:65px;}
.club-service .introduce01-1 h2{color:#fff;font-size:45px;font-weight:500;line-height:1.2;}
.club-service .introduce01-1 h3{color:#3289e8;font-size:28px;font-weight:500;padding-bottom:30px;border-bottom:1px solid rgba(255,255,255,0.5);}
.club-service .introduce01-1 p{color:#fff;font-size:20px;font-weight:bold;margin-top:30px;}
.club-service .introduce01-1 span{color:#cccccc;font-size:16px;font-weight:100;display:block;margin-top:24px;}
/**** 2024-12-04 ****/
.club-service .introduce02{height:700px;background:#0c2645}
.club-service .introduce02>div:before{bottom:0;left:-360px;width:477px;height:700px;background:url("../images/06_club_service/bg04.png") 0 0  no-repeat}
.club-service .introduce02 h2{position:relative;z-index:10; font-size:42px;line-height:42px;color:#fff;font-weight:500;text-align: center;}
.club-service .introduce02 ul{position:relative;z-index:10;font-size:0;margin-top:65px;}
.club-service .introduce02 li{display:inline-block;padding-top:20px;width:50%;height:210px;vertical-align:top;font-size:18px;line-height:24px;color:#fff;font-weight:700;}
.club-service .introduce02 li:first-child{height:240px;border-right:1px solid #2c435e;border-bottom:1px solid #2c435e}
.club-service .introduce02 li:nth-child(2){height:240px;padding-left:80px;border-bottom:1px solid #2c435e;}
.club-service .introduce02 li:nth-child(3){border-right:1px solid #2c435e}
.club-service .introduce02 li:nth-child(4){padding-left:80px;}
.club-service .introduce02 li>span{display:inline-block;margin-bottom: 20px;font-size:14px;line-height:28px;color:#fff;font-weight:500;border-bottom:1px solid #fff}
.club-service .introduce02 p{font-size:14px;line-height:24px;color:#ccc;font-weight:200;margin-top:17px;}
.club-service .introduce02 li:first-child p{margin-top:40px;}
.club-service .introduce03{height:630px;background:#F7F7F7;}
.club-service .introduce03>div{width:1360px;padding-top:170px;background:url("../images/06_club_service/img05.png") 168px 107px no-repeat}
.club-service .introduce03 h2{margin-left:100px; font-size:42px;line-height:42px;color:#000;font-weight:500;text-align: center;}
.club-service .introduce03 ul{margin-top:105px;font-size:0;}
.club-service .introduce03 li{position:relative;display:inline-block;padding-top:125px;margin-left:2px;width:230px;height:183px;box-shadow:15px 15px 30px rgba(0,0,0,0.25);vertical-align:top;font-size:14px;line-height:18px;color:#545454;font-weight:500;text-align:center;border-left:1px solid #c4c6c9;}
.club-service .introduce03 li a{position:absolute;top:0;left:0;display:block;width:100%;height:100%;z-index:2;}
.club-service .introduce03 li:first-child{margin-left:0;background:url("../images/06_club_service/icon04-1.png") center top  no-repeat;background-size: 120px 120px;border-left:none;}
.club-service .introduce03 li:nth-child(2){background:url("../images/06_club_service/icon05-1.png") center top  no-repeat;background-size: 120px 120px;}
.club-service .introduce03 li:nth-child(3){background:url("../images/06_club_service/icon06-1.png") center top  no-repeat;background-size: 120px 120px;}
.club-service .introduce03 li:nth-child(4){background:url("../images/06_club_service/icon07-1.png") center top  no-repeat;background-size: 120px 120px;}
.club-service .introduce03 li:nth-child(5){background:url("../images/06_club_service/icon08-1.png") center top  no-repeat;background-size: 120px 120px;}
.club-service .introduce04{height:1004px;background:#fff;text-align: center;}
.club-service .introduce04 h2{margin-top:25px; font-size:42px;line-height:42px;color:#000;font-weight:200;text-align: center;}
.club-service .introduce04 ul{margin-top:50px;font-size:0;}
.club-service .introduce04 li{position:relative;display:inline-block;width:30%;height:300px;padding-top:190px;text-align:center;font-size:18px;font-weight:500;color:#000;line-height:18px;letter-spacing:-0.5px;}
.club-service .introduce04 li span{display:block;text-align:center;margin-bottom:30px;font-weight:500;}
.club-service .introduce04 li:first-child{background:url("../images/06_club_service/img06.png") center 23px no-repeat}
.club-service .introduce04 li:nth-child(2){width:40%;background:url("../images/06_club_service/img07.png") center 23px no-repeat}
.club-service .introduce04 li:nth-child(3){background:url("../images/06_club_service/img08.png") center 25px no-repeat}
.club-service .introduce04 li:nth-child(4){padding-top:180px;background:url("../images/06_club_service/img09.png") center 30px no-repeat}
.club-service .introduce04 li:nth-child(5){padding-top:230px;width:40%;background:url("../images/06_club_service/img10.png") center 15px no-repeat}
.club-service .introduce04 li:nth-child(6){padding-top:230px;background:url("../images/06_club_service/img11.png") center 33px no-repeat}
.club-service .introduce04 li:nth-child(2):before,
.club-service .introduce04 li:nth-child(2):after,
.club-service .introduce04 li:nth-child(5):before,
.club-service .introduce04 li:nth-child(5):after{content:'';display:block;position: absolute;width:15px;height:29px;background:url("../images/06_club_service/arrow02.png") 0 0 no-repeat}
.club-service .introduce04 li:nth-child(2):before,
.club-service .introduce04 li:nth-child(5):before{top:75px;left: 20px;}
.club-service .introduce04 li:nth-child(2):after,
.club-service .introduce04 li:nth-child(5):after{top:75px;right: 20px;}

.club-service .introduce04 a{margin-top:45px;font-size:16px;font-weight:400;}
.club-service .contact-box{height:448px;background:#eeeff3}
.club-service .contact-box>div>div{display:inline-block;padding:60px 0 50px 30px;width:477px; height:304px;border:1px solid #dfdfdf;background:#fff;vertical-align:top;box-shadow:20px 20px 35px rgba(0,0,0,0.25)}
.club-service .contact-box .box01{background:#fff url("../images/06_club_service/icon09.png") 335px 167px no-repeat}
.club-service .contact-box .box02{margin-left:46px;background:#fff url("../images/06_club_service/icon10.png") 347px 160px no-repeat}
.club-service .contact-box h3{margin-bottom:30px;font-size:40px;line-height:40px;color:#102742;font-weight:200;letter-spacing:-0.5px;}
.club-service .contact-box p{margin-top:30px;font-size:18px;color:#102742;font-weight:500;}
.club-service .contact-box p span{display:inline-block;width:90px;padding-left:15px;font-size:18px;color:#666;font-weight:500;}
.club-service .contact-box .box02 p{font-size:16px;}
.club-service .contact-box a{margin-top:10px;padding:0 52px 0 16px;height:34px;line-height:30px;color:#0c2645;font-size:14px;font-weight:500;border-radius:17px;vertical-align:top;text-align:center;background:#fff url(../images/01_common/arrow02.png) 85% 9px no-repeat;border:2px solid #4a5566;transition: all .1s ease-in;}
.club-service .contact-box a:hover{background-position:90% 9px; }
.club-service .contact-box .box01 a{margin-top:20px;}
.club-service .contact-box .box02 a{margin-top:80px;}
/*2022-06-22 수정 s*/
.club-service .contact-box .box01.v1{width:1000px;padding:70px 90px;background:#fff;font-size:0;}
.club-service .contact-box .box01.v1 h3{margin-bottom:40px;}
.club-service .contact-box .box01.v1 img{display:inline-block;vertical-align:top;height:48px;margin-top:20px}
.club-service .contact-box .box01.v1 img ~ img{margin-top:15px;margin-left:140px;}
.club-service .contact-box .box01.v1 p{display:inline-block;vertical-align:top;margin-top:0;margin-left:50px;line-height:26px;}
.club-service .contact-box .box01.v1 p ~ p{margin-top:25px;margin-left:40px;font-size:14px;}
/*2022-06-22 수정 e*/
.club-service .gift01{height:500px;background:#fff;}
.club-service .gift01>div{padding-top:50px;}
.club-service .gift01>div:before{bottom:-105px;left:250px;width:895px;height:521px;background:url("../images/06_club_service/img16_2.png") 0 0  no-repeat}
.club-service .gift01 h2,
.club-service .gift01 span,
.club-service .gift01 li,
.club-service .gift01 div{color:#000;}
.club-service .gift01 p>span{color:#3289e8}
.club-service .gift01 .lw{width:550px;}
.club-service .gift01 .rw{width:450px;padding-top:25px;}
.club-service .gift01 .rw>div{font-size:24px;font-weight:500;}
.club-service .gift01 .rw ul{padding-left:140px;height:500px;margin-top:40px;background:url("../images/06_club_service/img20.png") 0 0  no-repeat}
.club-service .gift01 .rw li{display:table; margin-bottom:25px;height:97px;}
.club-service .gift01 .rw li span{display:table-cell;position:relative;padding-left:32px;vertical-align: middle;font-size:14px;letter-spacing:-0.5px;line-height:24px;}
.club-service .gift01 .rw li span:before{content:'1';display:block;position:absolute;top:50%;margin-top:-11px;left:0;width:22px;height:22px;border-radius:100%;line-height:22px;background:#000;text-align:center;font-size:14px;color:#fff}
.club-service .gift01 .rw li:nth-child(2) span:before{content: '2'}
.club-service .gift01 .rw li:nth-child(3) span:before{content: '3'}
.club-service .gift01 .rw li:nth-child(4) span:before{content: '4'}
.club-service .gift01 .rw .att02{margin-top:50px;padding-top:2px;font-size:14px;font-weight:300;min-height:22px;}
.club-service .gift01 .btn-type01{padding:0 90px 0 40px;margin-left:140px;}
.club-service .concept-store01{height:1120px;background:#f9f8f6;}
.club-service .concept-store01 h2,
.club-service .concept-store02 h2{position:relative;z-index:10;font-size:36px;font-weight:200;line-height:48px;color:#000;}
.club-service .concept-store01 h2{width:493px}
.club-service .concept-store01 p,
.club-service .concept-store02 p{position:relative;z-index:10;color:#000;}
.club-service .concept-store01>div{padding-top:80px;}
.club-service .concept-store01>div:before{bottom:0;left:-360px;width:970px;height:479px;background:url("../images/06_club_service/img14.png") 0 0  no-repeat}
.club-service .concept-store01 .img01{position:absolute;left:82px;top:223px;width:493px;height:386px;background:url("../images/06_club_service/img12.png") 0 0  no-repeat}
.club-service .concept-store01 .img02{position:absolute;right:92px;top:517px;width:535px;height:416px;background:url("../images/06_club_service/img13.png") 0 0  no-repeat}
.club-service .concept-store01 p{float:right;padding-left:25px;margin-top:160px;width:535px;}
.club-service .concept-store01 p strong{display:block;margin-bottom:20px;font-weight:300;font-size:24px;}
.club-service .concept-store02{height:448px;background:#fefefe;}
.club-service .concept-store02>div:before{bottom:0;right:-360px;width:1795px;height:448px;background:url("../images/06_club_service/img15.png") 0 0  no-repeat}
.club-service .concept-store02>div>div{display:inline-block}
.club-service .concept-store03{height:2315px;}
.club-service .concept-store03 h2{color:#000;}
.club-service .concept-store03>div>div{height:400px;padding-left:625px;margin:70px 0 0;}
.club-service .concept-store03 .box01{background:url("../images/06_club_service/map01.png") 0 0  no-repeat}
.club-service .concept-store03 .box02{background:url("../images/06_club_service/map03.png") 0 0  no-repeat;margin-top:125px;}
.club-service .concept-store03 .box03{opacity:0;background:url("../images/06_club_service/map02.png") 0 0  no-repeat;margin-top:125px;}
.club-service .concept-store03 .box04{opacity:0;background:url("../images/06_club_service/map05.png") 0 0  no-repeat;margin-top:125px;}
.club-service .concept-store03 .title{padding-top:10px;font-size:30px;font-weight:200;color:#000;}
.club-service .concept-store03 p{margin-top:30px;font-size:18px;font-weight:300;color:#102742;line-height:27px;}
.club-service .concept-store03 p>span{font-size:18px;font-weight:500;color:#102742;line-height:27px;}
.club-service .concept-store03 strong{display:block;font-size:30px;font-weight:500;color:#102742;line-height:80px;letter-spacing:-0.5px;}
.club-service .concept-store03 span{font-size:14px;font-weight:300;color:#666;line-height:14px;}

.popup03{padding:47px 50px;margin-left:-405px;margin-top:-450px;width:810px;height:900px;border:20px solid #0e2240;text-align:center;}
.popup03.v1{margin-top:-455px;height:910px;}
.popup03.v2{margin-top:-495px;height:990px;}
.popup03.v3{margin-top:-545px;height:1090px;}
.popup03 .btn-close{display:block;position:absolute;top:40px;right:40px;width:50px;height:50px;background:#fff url(../images/01_common/icon_close02.png) center center no-repeat;}
.popup03 h2{margin-bottom:45px;height:80px;border-bottom:1px solid #000;background:url(../images/01_common/delonghi_vip_club02.png) 0 0 no-repeat;}
.popup03 .icon{height:122px;background:url(../images/01_common/icon01.png) center 0 no-repeat;}
.popup03 .icon.v1{height:115px;background:url(../images/01_common/icon02.png) center 0 no-repeat;}
.popup03 .icon.v2{height:115px;background:url(../images/01_common/icon03.png) center 0 no-repeat;}
.popup03 .popup-cont div{font-size:26px;font-weight:500;color:#000;line-height:26px;text-align:center;}
.popup03 .popup-cont p{margin-top:25px;font-size:18px;font-weight:400;color:#000;line-height:28px;text-align:center;}
.popup03 .popup-cont ul{margin-top:28px;border-top:1px solid #ccc;}
.popup03 .popup-cont ul li{overflow:hidden;position:relative;padding:14px 0 14px 175px;font-weight:300;color:#000;border-bottom:1px solid #ccc;text-align:left;}
.popup03 .popup-cont ul.ul01 li{padding-left:229px;}
.popup03 .popup-cont ul.ul01 .li01{height:77px;padding-top:24px;}
.popup03 .popup-cont ul.ul01 li span{width:200px;}
.popup03 .popup-cont ul li span{display:block;position:absolute;top:0;left:0;width:140px;padding:14px 0;background:#f1f1f1;font-weight:300;color:#000;text-align:center;}
.popup03 .btn{margin:32px 0 42px;width:246px;letter-spacing:1px;}
.popup03 .popup-footer{padding-top:33px;border-top:1px solid #000;font-size:14px;line-height:22px;color:#28272b;text-align:center;}
.popup03 .popup-footer strong{font-weight:400;color:#3289e8;font-size:14px;}
.popup03 .popup-footer span{font-size:14px;line-height:22px;color:#999;}
.popup03 .popup-cont .box01{margin:17px auto 0;padding-top:28px;width:506px;height:143px;font-size:16px;font-weight:300;color:#000;line-height:30px;text-align:center;background:#f1f1f1;}
.popup03 .popup-cont .box01 span{font-size:16px;font-weight:300;color:#888;line-height:30px;text-align:center;}
.popup03 .popup-cont .pop-info{padding-top:30px;}
.popup03 .popup-cont .pop-info div{position:relative;padding-left:25px;font-size:14px;font-weight:300;color:#000;line-height:22px;text-align:left;}
.popup03 .popup-cont .pop-info div span{font-size:14px;font-weight:300;color:#3289e8;line-height:22px;text-align:left;}
.popup03 .popup-cont .pop-info div:before{content:'\00B7';position:absolute;top:0; left:10px;display:inline-block;font-weight:700;}
.popup04{width:300px;background:#e6e9ec;}
.popup04 button{font-size:12px;height:30px;line-height:30px;background:transparent;}
.popup04 button:focus{outline:none;}
.popup04 .btn02{float:right;}

.popup05{position:relative; padding:30px 55px 50px;margin:100px auto;width:900px;border:20px solid #c0c0c0;text-align:center;background:#fff}
.popup05 .btn-close{display:block;position:absolute;top:20px;right:20px;width:50px;height:50px;background:#fff url(../images/01_common/icon_close02.png) center center no-repeat;}
.popup05 h2{font-size:36px;font-weight:700}
.popup05 h2+p{margin-top:20px;font-size:20px;}
.popup05 h2+p strong{color:#3289e8;font-size:30px;}
.popup05 .pop-box{padding:45px;margin-top:20px;background:#f2f2f2;}
.popup05 .pop-box li{position:relative;padding-left:10px;font-size:18px;font-weight:400;}
.popup05 .pop-box li+li{margin-top:20px;}
.popup05 .pop-box li:before{content:'';display:inline-block;vertical-align:top;margin:12px 6px 0 0;width:3px;height:3px;background:#000;}
.popup05 .bottom-group{border:0;padding:35px 0 0;}
.popup05 .bottom-group a{width:246px;height:64px;line-height:64px;}
.popup05 .title-group{text-align:left}
.popup05 .write-group{padding:5px 0 30px;margin-bottom:40px;text-align:left;border-bottom:1px solid rgba(0,0,0,0.2)}

.popup06{position:relative; padding:0 24px 32px;margin:300px auto 0;width:500px;;background:#fff;border-radius:8px;}
.popup06 .btn-close{display:block;position:absolute;top:25px;right:32px;width:24px;height:24px;background:#fff url(../images/01_common/close.svg) center center no-repeat;}
.popup06 h2{display:flex;justify-content:center;align-items:center;font-size:20px;font-weight:600; height:74px}
.popup06 .pop-cont{}
.popup06 h3{display:flex;align-items:center;font-size:16px;font-weight:500; height:50px}
.popup06 h3 + input{margin-top:0}
.popup06 .pop-bottom{display:flex;justify-content:space-between;margin-top:32px;}
.popup06 .pop-bottom a{width:222px;height:59px;font-weight:600;line-height:59px;}

.popup07{position:relative; padding:0;margin:200px auto 0;width:500px;;background:#fff;border-radius:8px;}
.popup07 h2{display:flex;justify-content: center;align-items:center;height:55px; font-size:17px;font-weight:500;color:#121212}
.popup07 .btn-close{display:block;position:absolute;top:6px;right:0;width:44px;height:44px;background:#fff url(../images/01_common/close02.svg) center center no-repeat;}
.popup07 .inner01{background:#EFEFEF;max-height:364px;padding:24px 0 24px 24px;overflow-y: auto; }
.popup07 .inner01 .coupon-box{width:453px;}
.popup07 .inner01 .coupon-box + .coupon-box{margin-top:16px;}
.popup07 .inner01 .coupon-box label{position: relative;display:inline-block;width:453px;min-height:131px;padding:24px  54px  24px 28px; background: url(../images/01_common/coupon03.png) 0 0 no-repeat;background-size:100% 100%; cursor:pointer;}
.popup07 .inner01 .coupon-box input[type="checkbox"] { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0; }
.popup07 .inner01 .coupon-box input[type="checkbox"]:checked + label{background: url(../images/01_common/coupon02.png) 0 0 no-repeat;background-size:contain;}
.popup07 .inner01 .coupon-box input[type="checkbox"]:checked + label .t01,
.popup07 .inner01 .coupon-box input[type="checkbox"]:checked + label .t01 span{color:#3289E8}
.popup07 .inner01 .coupon-box label .chk-inner{display:flex; flex-direction: column;height:calc(100% - 24px); background:#fff;}
.popup07 .inner01 .coupon-box label .apply-coupon{display:flex;margin-bottom:8px;}
.popup07 .inner01 .coupon-box label .apply-coupon span{padding:4px 12px;min-height:21px;color:#3289E8;font-size:14px;border-radius: 24px;background: #E0EFFF;}
.popup07 .inner01 .coupon-box label .t01{min-height:27px;line-height:27px;font-size:18px;font-weight:600; }
.popup07 .inner01 .coupon-box label .t01 span{height:27px;line-height:27px;font-size:16px;font-weight:400; }
.popup07 .inner01 .coupon-box label .t02{margin-top:8px;height:23px;line-height:23px;font-size:15px;font-weight:500; }
.popup07 .inner01 .coupon-box label .t03{margin-top:4px;line-height:20px;font-size:13px;font-weight:400;color:#707070 }
.popup07 .inner01>.txt{text-align:center;padding-right:24px;padding-top:10px;padding-bottom:10px}
.popup07 .inner02{border-top:1px solid #D3D3D3;padding:43px 40px 0 40px;}
.popup07 .inner02>div{display:flex;justify-content: space-between;align-items:center;}
.popup07 .inner02>div p,
.popup07 .inner02>div .link{line-height:24px; font-size:16px;font-weight:400;color:#707070}
.popup07 .inner02>div em{line-height:24px; font-size:18px;font-weight:500;color:#121212}
.popup07 .inner02>div span{line-height:24px; font-size:16px;font-weight:400;color:#121212}
.popup07 .inner02>div.n2{margin-top:12px;}
.popup07 .inner02>div.n2 em,
.popup07 .inner02>div.n2 span{color:#3289E8}
.popup07 .inner02>div.n3{margin-top:14px; line-height: 52px;border-top:1px dashed #E5E5E5}
.popup07 .inner02>div.n3 p{font-size:18px;font-weight:500;color:#121212}
.popup07 .inner02>div.n3 em{font-size:22px;font-weight:700;}
.popup07 .inner02>div.n3 span{font-size:20px;}
.popup07 .inner02>div .link{padding-right:19px;background: url(../images/01_common/down4.svg) 100% center no-repeat; }
.popup07 .pop-bottom{padding:8px 24px 32px 24px;}
.popup07 .pop-bottom .btn{width:100%;font-weight:600}
/* **************************************** *
 *ANIMATION
 * **************************************** */
.club-service .top-img >div,
.main .service h2,
.main .service ul,
.main .service a,
.club-service .concept-store01 h2,
.club-service .concept-store01 .img01,
.club-service .concept-store01 .img02,
.club-service .concept-store01 p,
.club-service .concept-store02>div>div,
.club-service .concept-store03 h2,
.club-service .concept-store03 .box01,
.club-service .concept-store03 .box02,
.club-service .gift01 .lw,
.club-service .gift01 .rw,
.club-service .benefit01 .lw,
.club-service .benefit01 .rw,
.club-service .benefit02>div>div,
.club-service .benefit03 .lw,
.club-service .benefit04>div>div,
.club-service .benefit05>div>div,
.club-service .introduce01>div,
.club-service .introduce02 h2,
.club-service .introduce02 li,
.club-service .introduce03 h2,
.club-service .introduce04 h2,
.club-service .introduce04 ul{opacity:0}
.main .news .group02,
.main .news .group03,
.club-service .introduce03 li,
.club-service .contact-box .box01,
.club-service .contact-box .box02,
.club-service .benefit06 .box01,
.club-service .benefit06 .box02{box-shadow:0 0 0 rgba(0,0,0,0);}

@keyframes slideInLeft {
    from {opacity:0;-webkit-transform: translate3d(-50%, 0, 0);transform: translate3d(-50%, 0, 0);visibility: visible;}
    to {opacity:1;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
}
@keyframes slideInRight {
    from {opacity:0;-webkit-transform: translate3d(50%, 0, 0);transform: translate3d(50%, 0, 0);visibility: visible;}
    to {opacity:1;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
}
@keyframes slideInUp {
    from {opacity:0;-webkit-transform: translate3d(0, 50%, 0);transform: translate3d(0, 50%, 0);visibility: visible;}
    to {opacity:1;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
}
@keyframes slideInShadow {
    0% {box-shadow:0 0 0px rgba(0,0,0,0);visibility: visible;;}
    50% {box-shadow:15px 15px 30px rgba(0,0,0,0.5);}
    100% {box-shadow:30px 30px 30px rgba(0,0,0,0);}
}
.slideInUp {-webkit-animation-name: slideInUp;animation-name: slideInUp;animation-duration: 1s;animation-delay: 0s;animation-iteration-count:1;animation-fill-mode: forwards;}
.slideInUp02{-webkit-animation-name: slideInUp;animation-name: slideInUp;animation-duration: 1s;animation-delay: 0.2s;animation-iteration-count:1;animation-fill-mode: forwards;}
.slideInUp03{-webkit-animation-name: slideInUp;animation-name: slideInUp;animation-duration: 1s;animation-delay: 0.4s;animation-iteration-count:1;animation-fill-mode: forwards;}
.slideInUp04{-webkit-animation-name: slideInUp;animation-name: slideInUp;animation-duration: 1s;animation-delay: 0.6s;animation-iteration-count:1;animation-fill-mode: forwards;}
.slideInUp05{-webkit-animation-name: slideInUp;animation-name: slideInUp;animation-duration: 1s;animation-delay: 0.8s;animation-iteration-count:1;animation-fill-mode: forwards;}
.slideInUp06{-webkit-animation-name: slideInUp;animation-name: slideInUp;animation-duration: 1s;animation-delay: 1s;animation-iteration-count:1;animation-fill-mode: forwards;}
.slideInLeft {-webkit-animation-name: slideInLeft;animation-name: slideInLeft;animation-duration: 1s;animation-delay: 0s;animation-iteration-count:1;animation-fill-mode: forwards;}
.slideInLeft02{-webkit-animation-name: slideInLeft;animation-name: slideInLeft;animation-duration: 1s;animation-delay: 0.2s;animation-iteration-count:1;animation-fill-mode: forwards;}
.slideInLeft03{-webkit-animation-name: slideInLeft;animation-name: slideInLeft;animation-duration: 1s;animation-delay: 0.4s;animation-iteration-count:1;animation-fill-mode: forwards;}
.slideInLeft04{-webkit-animation-name: slideInLeft;animation-name: slideInLeft;animation-duration: 1s;animation-delay: 0.6s;animation-iteration-count:1;animation-fill-mode: forwards;}
.slideInLeft05{-webkit-animation-name: slideInLeft;animation-name: slideInLeft;animation-duration: 1s;animation-delay: 0.8s;animation-iteration-count:1;animation-fill-mode: forwards;}
.slideInRight{-webkit-animation-name: slideInRight;animation-name: slideInRight;animation-duration: 1s;animation-delay: 0s;animation-iteration-count:1;animation-fill-mode: forwards;}
.slideInRight02{-webkit-animation-name: slideInRight;animation-name: slideInRight;animation-duration: 1s;animation-delay: 0.2s;animation-iteration-count:1;animation-fill-mode: forwards;}
.slideInRight03{-webkit-animation-name: slideInRight;animation-name: slideInRight;animation-duration: 1s;animation-delay: 0.4s;animation-iteration-count:1;animation-fill-mode: forwards;}
.slideInRight04{-webkit-animation-name: slideInRight;animation-name: slideInRight;animation-duration: 1s;animation-delay: 0.6s;animation-iteration-count:1;animation-fill-mode: forwards;}
.slideInRight05{-webkit-animation-name: slideInRight;animation-name: slideInRight;animation-duration: 1s;animation-delay: 0.8s;animation-iteration-count:1;animation-fill-mode: forwards;}
.slideInShadow{-webkit-animation-name: slideInShadow;animation-name: slideInShadow;animation-duration: 1.3s;animation-delay: 0s;animation-iteration-count:1;animation-fill-mode: forwards;}
.slideInShadow02 {-webkit-animation-name: slideInShadow;animation-name: slideInShadow;animation-duration: 1.3s;animation-delay: 0.2s;animation-iteration-count:1;animation-fill-mode: forwards;}
.slideInShadow03 {-webkit-animation-name: slideInShadow;animation-name: slideInShadow;animation-duration: 1.3s;animation-delay: 0.4s;animation-iteration-count:1;animation-fill-mode: forwards;}
.slideInShadow04 {-webkit-animation-name: slideInShadow;animation-name: slideInShadow;animation-duration: 1.3s;animation-delay: 0.6s;animation-iteration-count:1;animation-fill-mode: forwards;}
.slideInShadow05 {-webkit-animation-name: slideInShadow;animation-name: slideInShadow;animation-duration: 1.3s;animation-delay: 0.8s;animation-iteration-count:1;animation-fill-mode: forwards;}

.sub-bnr{margin-bottom:50px;margin-top:10px;}
.sub-bnr img{display:block;margin-left:-100px;max-width:1200px;}

/*원두구독 상세*/
.e-cart .top-cont .pro-detail h4{font-size:30px;padding-bottom:10px;padding-top:5px;}
.e-cart .top-cont .pro-detail em{font-size:14px;color:rgba(0,0,0,0.6);font-weight:400;}
.e-cart .top-cont .pro-detail .cont1{margin-top:20px;font-size:0;}
.e-cart .top-cont .pro-detail .cont1 strong{display:inline-block;vertical-align:top;font-size:26px;line-height:38px;color:#3289e7;}
.e-cart .top-cont .pro-detail .cont1 .t1{display:inline-block;vertical-align:top;text-align:right;}
.e-cart .top-cont .pro-detail .cont1 .t1 strong{color:#000;margin-left:12px;height:38px;}
.e-cart .top-cont .pro-detail .cont1 .t1 strong span{font-size:18px;font-weight:700;}
.e-cart .top-cont .pro-detail .cont1 .t1 p{margin-top:2px;font-size:16px;line-height:24px;text-decoration:line-through;opacity:0.5;font-weight:400;}
.e-cart .top-cont .pro-detail .cont1 .t2{display:inline-block;vertical-align:top;margin-top:14px;margin-left:12px;font-size:14px;line-height:20px;opacity:.5;font-weight:400;}
.e-cart .top-cont .pro-detail .cont1 .t2 p{margin-top:8px;font-size:14px;line-height:20px;font-weight:400;}
.e-cart .top-cont .pro-detail .cont1 .t2 p + p{margin-top:6px;}
.e-cart .top-cont .pro-detail .cont2{font-size:0;margin-top:35px;padding:2px 20px;border:1px solid rgba(0,0,0, 0.1);}
.e-cart .top-cont .pro-detail .cont2 strong{position:relative;display:inline-block;vertical-align:top;width:74px;line-height:24px;color:#666;font-weight:400;}
.e-cart .top-cont .pro-detail .cont2 li{padding:14px 0;}
.e-cart .top-cont .pro-detail .cont2 li+li{border-top:1px solid rgba(0,0,0, 0.1);}
.e-cart .top-cont .pro-detail .cont2 li strong:after{content:'';position:absolute;top:6px;right:0;display:inline-block;vertical-align:top;width:1px;height:12px;background:rgba(0,0,0,0.1)}
.e-cart .top-cont .pro-detail .cont2 p{display:inline-block;vertical-align:top;padding-left:15px;width:calc(100% - 91px);text-align:left;font-size:16px;color:#000;line-height:24px;font-weight:400;}
.e-cart .top-cont .pro-detail .cont3{margin-top:50px;overflow:hidden;}
.e-cart .top-cont .pro-detail .cont3 strong{font-size:16px;font-weight:500;line-height:38px;height:38px;}
.e-cart .top-cont .pro-detail .cont3 p{display:inline-block;float:right;font-size:26px;font-weight:700;line-height:38px;height:38px;color:#3289e7;}
.e-cart .top-cont .pro-detail .cont3 p span{font-size:18px;color:#3289e7;font-weight:700}
.e-cart .top-cont .pro-detail .btn.all{width:100%;}

/* 26.04.02 css 추가 */
.quick-menu .list-group.v1 .list-cont .product.v1 .p-img.soldout:before{content:'전량소진';display:block;position:absolute;top:0;left:0;width:90px;height:84px;background:rgba(0,0,0,.5);color:#fff;text-align:center;line-height:84px;font-weight:700;font-size:14px; }