@import url(./SpoqaHanSans-kr.css);
@import url(https://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(https://fonts.googleapis.com/css?family=Noto+Sans);
@import url(https://fonts.googleapis.com/earlyaccess/notosanskr.css);
@font-face {font-family:'S-CoreDream-4';src:url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-4Regular.woff') format('woff');font-weight:normal;font-style:normal}
@font-face {font-family: 'S-CoreDream'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-3Light.woff') format('woff'); font-weight: normal; font-style: normal; }
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 100;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 300;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 400;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 500;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 700;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 900;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.otf) format('opentype');}

* {box-sizing: border-box}
html, body {margin:0;padding:0;width:100%;height:100%;-webkit-text-size-adjust:none;overflow:hidden}
body {color:#666;font-family:'Noto Sans KR', 'Spoqa Han Sans', 'Nanum Gothic', 'S-CoreDream';font-size:14px;letter-spacing:-.5px}
p, ul, ol, li, dl, dt, dd {list-style-image:none;list-style-position:outside;list-style-type:none;margin:0;padding:0}
img {border:none}
address{font-style:unset}
a {text-decoration:none}

/* S : Fixed header and footer ---------- */
#header, #footer {
    position:fixed;
    left:0px;
    height: 50px;
    display:block;
    width: 100%;
    background: #1e2327;
    z-index:35;
    text-align:center;
    color: #f2f2f2;
    padding: 20px 0 0 0;
}

#header {
    top:0px;
    padding: 0;
    border-bottom: #ffaf54 3px solid;
}
#footer {
    height: 150px;
    bottom:0px;
    border-top: #fa8478 3px solid;
    padding: 20px;
}
#footer .com-info {width:100%;height:100%}
#footer .com-info .logo {float:left;width:170px;height:100%;padding:20px}
#footer .com-info .center {float:left;width:calc(100% - 300px);padding:0 20px;font-size:12px;font-weight:100;color:#909ca5;text-align:left}
#footer .com-info .center .etc-menu {width:100%;height:35px;border-bottom:1px solid #404447}
#footer .com-info .center .etc-info {width:100%;padding:10px 0;line-height:20px}
#footer .com-info .center a {color:#909ca5;text-decoration:none}
#footer .com-info .right {float:left;width:130px;height:100%;text-align:center}
/* E : Fixed header and footer ---------- */


/* S : background and styles ------------ */
#section2, #section3, #section4, #section5, #section6, #section7, #section8, #section9, #section10 {
    background-size: cover; background-attachment: fixed; padding:0;overflow:hidden
}

#section1{
    background-image: url('../images/BG_PLUSPAY.png');
    background-size: initial;
    background-repeat: initial;
    background-attachment: fixed;
    padding:0;
    overflow:hidden;
}
#section2{
    background-image: linear-gradient(22.5deg, rgba(67, 67, 67, 0.02) 0%, rgba(67, 67, 67, 0.02) 29%,rgba(47, 47, 47, 0.02) 29%, rgba(47, 47, 47, 0.02) 37%,rgba(23, 23, 23, 0.02) 37%, rgba(23, 23, 23, 0.02) 55%,rgba(182, 182, 182, 0.02) 55%, rgba(182, 182, 182, 0.02) 69%,rgba(27, 27, 27, 0.02) 69%, rgba(27, 27, 27, 0.02) 71%,rgba(250, 250, 250, 0.02) 71%, rgba(250, 250, 250, 0.02) 100%),linear-gradient(67.5deg, rgba(117, 117, 117, 0.02) 0%, rgba(117, 117, 117, 0.02) 14%,rgba(199, 199, 199, 0.02) 14%, rgba(199, 199, 199, 0.02) 40%,rgba(33, 33, 33, 0.02) 40%, rgba(33, 33, 33, 0.02) 48%,rgba(135, 135, 135, 0.02) 48%, rgba(135, 135, 135, 0.02) 60%,rgba(148, 148, 148, 0.02) 60%, rgba(148, 148, 148, 0.02) 95%,rgba(53, 53, 53, 0.02) 95%, rgba(53, 53, 53, 0.02) 100%),linear-gradient(135deg, rgba(190, 190, 190, 0.02) 0%, rgba(190, 190, 190, 0.02) 6%,rgba(251, 251, 251, 0.02) 6%, rgba(251, 251, 251, 0.02) 18%,rgba(2, 2, 2, 0.02) 18%, rgba(2, 2, 2, 0.02) 27%,rgba(253, 253, 253, 0.02) 27%, rgba(253, 253, 253, 0.02) 49%,rgba(128, 128, 128, 0.02) 49%, rgba(128, 128, 128, 0.02) 76%,rgba(150, 150, 150, 0.02) 76%, rgba(150, 150, 150, 0.02) 100%),linear-gradient(90deg, #ffffff,#ffffff);
}
#section3{
    background-image: repeating-linear-gradient(90deg, rgba(246,246,246, 0.1) 0px, rgba(246,246,246, 0.1) 20px,transparent 20px, transparent 40px),repeating-linear-gradient(0deg, rgba(246,246,246, 0.1) 0px, rgba(246,246,246, 0.1) 20px,transparent 20px, transparent 40px),linear-gradient(90deg, #ffffff,#ffffff);
}
#section4{
    background-image: radial-gradient(circle at 13% 47%, rgba(140, 140, 140,0.03) 0%, rgba(140, 140, 140,0.03) 25%,transparent 25%, transparent 100%),radial-gradient(circle at 28% 63%, rgba(143, 143, 143,0.03) 0%, rgba(143, 143, 143,0.03) 16%,transparent 16%, transparent 100%),radial-gradient(circle at 81% 56%, rgba(65, 65, 65,0.03) 0%, rgba(65, 65, 65,0.03) 12%,transparent 12%, transparent 100%),radial-gradient(circle at 26% 48%, rgba(60, 60, 60,0.03) 0%, rgba(60, 60, 60,0.03) 6%,transparent 6%, transparent 100%),radial-gradient(circle at 97% 17%, rgba(150, 150, 150,0.03) 0%, rgba(150, 150, 150,0.03) 56%,transparent 56%, transparent 100%),radial-gradient(circle at 50% 100%, rgba(25, 25, 25,0.03) 0%, rgba(25, 25, 25,0.03) 36%,transparent 36%, transparent 100%),radial-gradient(circle at 55% 52%, rgba(69, 69, 69,0.03) 0%, rgba(69, 69, 69,0.03) 6%,transparent 6%, transparent 100%),linear-gradient(90deg, rgb(255,255,255),rgb(255,255,255));
}
#section5{
    background-image: linear-gradient(222deg, rgba(137, 137, 137,0.02) 0%, rgba(137, 137, 137,0.02) 21%,transparent 21%, transparent 63%,rgba(101, 101, 101,0.02) 63%, rgba(101, 101, 101,0.02) 99%,rgba(35, 35, 35,0.02) 99%, rgba(35, 35, 35,0.02) 100%),linear-gradient(267deg, rgba(40, 40, 40,0.02) 0%, rgba(40, 40, 40,0.02) 23%,transparent 23%, transparent 48%,rgba(87, 87, 87,0.02) 48%, rgba(87, 87, 87,0.02) 98%,rgba(47, 47, 47,0.02) 98%, rgba(47, 47, 47,0.02) 100%),linear-gradient(78deg, rgba(103, 103, 103,0.02) 0%, rgba(103, 103, 103,0.02) 40%,transparent 40%, transparent 64%,rgba(100, 100, 100,0.02) 64%, rgba(100, 100, 100,0.02) 84%,rgba(35, 35, 35,0.02) 84%, rgba(35, 35, 35,0.02) 100%),linear-gradient(136deg, rgba(135, 135, 135,0.02) 0%, rgba(135, 135, 135,0.02) 14%,transparent 14%, transparent 67%,rgba(51, 51, 51,0.02) 67%, rgba(51, 51, 51,0.02) 68%,rgba(178, 178, 178,0.02) 68%, rgba(178, 178, 178,0.02) 100%),linear-gradient(90deg, rgb(255,255,255),rgb(255,255,255));
}
#section6{
    background: radial-gradient(circle at 57% 36%, hsla(263,0%,78%,0.04) 0%, hsla(263,0%,78%,0.04) 10%,transparent 10%, transparent 100%),radial-gradient(circle at 22% 61%, hsla(263,0%,78%,0.04) 0%, hsla(263,0%,78%,0.04) 36%,transparent 36%, transparent 100%),radial-gradient(circle at 68% 97%, hsla(263,0%,78%,0.04) 0%, hsla(263,0%,78%,0.04) 41%,transparent 41%, transparent 100%),radial-gradient(circle at 57% 89%, hsla(263,0%,78%,0.04) 0%, hsla(263,0%,78%,0.04) 30%,transparent 30%, transparent 100%),radial-gradient(circle at 39% 80%, hsla(263,0%,78%,0.04) 0%, hsla(263,0%,78%,0.04) 22%,transparent 22%, transparent 100%),radial-gradient(circle at 88% 71%, hsla(263,0%,78%,0.04) 0%, hsla(263,0%,78%,0.04) 30%,transparent 30%, transparent 100%),linear-gradient(0deg, rgb(255,255,255),rgb(255,255,255));
}
#section7{
   background-image: linear-gradient(6deg, rgba(0, 0, 0,0.02) 0%, rgba(0, 0, 0,0.02) 39%,transparent 39%, transparent 74%,rgba(117, 117, 117,0.02) 74%, rgba(117, 117, 117,0.02) 100%),linear-gradient(129deg, rgba(222, 222, 222,0.02) 0%, rgba(222, 222, 222,0.02) 65%,transparent 65%, transparent 73%,rgba(83, 83, 83,0.02) 73%, rgba(83, 83, 83,0.02) 100%),linear-gradient(90deg, rgb(255,255,255),rgb(255,255,255));
}
#section8{
    background-image: radial-gradient(circle at center center, transparent,rgb(255,255,255)),linear-gradient(309deg, rgba(90, 90, 90,0.05) 0%, rgba(90, 90, 90,0.05) 50%,rgba(206, 206, 206,0.05) 50%, rgba(206, 206, 206,0.05) 100%),linear-gradient(39deg, rgba(13, 13, 13,0.05) 0%, rgba(13, 13, 13,0.05) 50%,rgba(189, 189, 189,0.05) 50%, rgba(189, 189, 189,0.05) 100%),linear-gradient(144deg, rgba(249, 249, 249,0.05) 0%, rgba(249, 249, 249,0.05) 50%,rgba(111, 111, 111,0.05) 50%, rgba(111, 111, 111,0.05) 100%),linear-gradient(166deg, rgba(231, 231, 231,0.05) 0%, rgba(231, 231, 231,0.05) 50%,rgba(220, 220, 220,0.05) 50%, rgba(220, 220, 220,0.05) 100%),linear-gradient(212deg, rgba(80, 80, 80,0.05) 0%, rgba(80, 80, 80,0.05) 50%,rgba(243, 243, 243,0.05) 50%, rgba(243, 243, 243,0.05) 100%),radial-gradient(circle at center center, hsl(107,19%,100%),hsl(107,19%,100%));
}
#section9{
    background-image: linear-gradient(45deg, transparent 0%, transparent 2%,rgba(116, 116, 116,0.04) 2%, rgba(116, 116, 116,0.04) 36%,transparent 36%, transparent 100%),linear-gradient(0deg, transparent 0%, transparent 48%,rgba(116, 116, 116,0.04) 48%, rgba(116, 116, 116,0.04) 64%,transparent 64%, transparent 100%),linear-gradient(90deg, transparent 0%, transparent 70%,rgba(116, 116, 116,0.04) 70%, rgba(116, 116, 116,0.04) 73%,transparent 73%, transparent 100%),linear-gradient(90deg, transparent 0%, transparent 17%,rgba(116, 116, 116,0.04) 17%, rgba(116, 116, 116,0.04) 54%,transparent 54%, transparent 100%),linear-gradient(90deg, rgb(255,255,255),rgb(255,255,255));
}
#section10{
    background-image: linear-gradient(135deg, rgba(244, 244, 244,0.07) 0%, rgba(244, 244, 244,0.07) 12.5%,rgba(211, 211, 211,0.07) 12.5%, rgba(211, 211, 211,0.07) 25%,rgba(178, 178, 178,0.07) 25%, rgba(178, 178, 178,0.07) 37.5%,rgba(145, 145, 145,0.07) 37.5%, rgba(145, 145, 145,0.07) 50%,rgba(113, 113, 113,0.07) 50%, rgba(113, 113, 113,0.07) 62.5%,rgba(80, 80, 80,0.07) 62.5%, rgba(80, 80, 80,0.07) 75%,rgba(47, 47, 47,0.07) 75%, rgba(47, 47, 47,0.07) 87.5%,rgba(14, 14, 14,0.07) 87.5%, rgba(14, 14, 14,0.07) 100%),linear-gradient(45deg, rgba(236, 236, 236,0.07) 0%, rgba(236, 236, 236,0.07) 12.5%,rgba(210, 210, 210,0.07) 12.5%, rgba(210, 210, 210,0.07) 25%,rgba(183, 183, 183,0.07) 25%, rgba(183, 183, 183,0.07) 37.5%,rgba(157, 157, 157,0.07) 37.5%, rgba(157, 157, 157,0.07) 50%,rgba(130, 130, 130,0.07) 50%, rgba(130, 130, 130,0.07) 62.5%,rgba(104, 104, 104,0.07) 62.5%, rgba(104, 104, 104,0.07) 75%,rgba(77, 77, 77,0.07) 75%, rgba(77, 77, 77,0.07) 87.5%,rgba(51, 51, 51,0.07) 87.5%, rgba(51, 51, 51,0.07) 100%),linear-gradient(90deg, #ffffff,#ffffff);
}
.endsection {
    background:rgba(254,108,147,0.6);
    background-image: linear-gradient(90deg, rgba(255,255,255,0.3) 40%, transparent 40%), linear-gradient(rgba(238,60,35,0.3) 40%, transparent 40%);  background-size: 5px 5px;
    overflow:hidden;
}
/* E : background and styles ------------ */



/* S : Fixed MenuLayer ------------------ */
#MenuLayer {
    display:block;
    position:fixed;
    top:50px;
    left:0px;
    z-index:30;
    width:350px;
    height:calc(100% - 50px);
    background:rgba(254,108,147,0.8);
    padding: 50px;
    font-family:'S-CoreDream-4';
}
.txt_01 {font-size:25px;color:#fff}
.txt_02 {height:35px; line-height:35px;font-size:14px;color:#FFFF5A}

.menu {width:100%;height:70px;margin-top:20px;padding:0 20px;border-radius:40px;background:rgba(254,108,147,0.8);cursor:pointer;text-align:left}
.menu-img {float:left;content:"";display:inline-block;background:url('../images/icon-menu.png') no-repeat;background-size:auto 70px}
.menu-search {width:70px;height:70px;background-position:1px 0px}
.menu-member {width:70px;height:70px;background-position:-314px 0px}
.menu-partner {width:70px;height:70px;background-position:-60px 0px}
.menu-kakao {width:70px;height:70px;background-position:-121px 0px}
.menu-home {width:70px;height:70px;background-position:-181px 0px}
.menu-shopuser {width:70px;height:70px;background-position:-241px 0px}
.menu-txt {float:left;width:calc(100% - 70px);height:100%;padding:0 15px;line-height:70px;font-size:15px;color:#FFFFDE}
.line {width:100%;height:1px;margin:30px 0;background:#fe6c93}
.selectmenu {border:red 2px dashed}
/* E : Fixed MenuLayer ------------------ */


/* S : box & text  ---------------------- */
.outer {display:table;width:100%;height:100%;padding:70px 50px 170px 370px}
.inner {display:table-cell;text-align:center;vertical-align:middle}
.content_area {display:inline-block;width:650px;height:100%;border-radius:15px;box-shadow:0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);overflow:hidden}
.contents {width:100%;height:100%;text-align:left}
.end_section {display:table-cell;min-width:600px;text-align:center;vertical-align:middle}
.footinfo {width:100%;display:inline-block;width:100%;text-align:left;vertical-align:bottom}
.title_area {padding:1vh 1.5vh}
.main_title {width:100%;height:8%;line-height:6vh;background:#fa8478;font-family:'S-CoreDream-4';font-size:28px;color:#fff;text-align:center}
.sub_title {display:inline-block;position:relative;height:6vh;font-family:'S-CoreDream-4';font-size:18px;color:#FE6C93;line-height:5.5vh}
.sub_title:before {content:'';display:block;position:absolute;left:-4px;right:-4px;bottom:17px;height:8px;background-color:#FFEBFE;border-radius:2px}
.sub_title_2 {display:inline-block;position:relative;height:3.5vh;font-family:'S-CoreDream-4';font-size:18px;color:#FE6C93;line-height:3vh}
.sub_title_2:before {content:'';display:block;position:absolute;left:-4px;right:-4px;bottom:7px;height:8px;background-color:#FFEBFE;border-radius:2px}
.txt_info {display:inline-block;position:relative;width:100%}
.content {width:100%;height:100%;padding:2vh;text-align:left}
.content .imgarea_h {width:35%;text-align:left;float:left}
.content .imgarea_h img {width:100%}
.content .txtarea_h {width:65%;padding-left:3vh;float:right}
.content .imgarea_w {width:100%;text-align:left;float:left}
.content .txtbox {width:100%;min-height:120px;padding:0 20px 0 150px;}
.content .imgarea_w .img100 {width:100%}
.content .imgarea_w .img98 {width:98%;border-radius:30px}
.content .imgarea_w .img20 {width:20%}
.content .txtarea_w {width:100%;float:right}
.content .txt_i {display:inline-block;position:relative;margin:2vh 0;font-family:'S-CoreDream-4';font-size:17px;color:#24A6BD}
.content .txt_i:before {content:'';display:block;position:absolute;left:-4px;right:-4px;bottom:0vh;height:1.2vh;background-color:#EBF7FF;border-radius:2px}
.content .txt_c {line-height:22px;font-size:14px;color:#111}
.content .txt_c_icon {padding-left:45px;line-height:25px;color:#111}
.content .txt_c_icon_dash {padding-left:45px}
.content .txt_c_dash {padding-left:30px;line-height:25px;font-size:14px;color:#111}

.content .textup {font-size:1.2em}
.content .margin30 {margin:30px 0}
.content .margintop30 {margin-top:30px}
.content .margintop50 {margin-top:50px}
.content .marginleft5 {margin-left:5%}

.bottomInfo {display:none}
.bottomtxt100 {display:inline-block;font-size:7vh;font-family:Baloo;color:#fff}
.bottomtxt100_2 {display:inline-block;font-size:7vh;font-family:Baloo;color:#FFE400}
.bottomtxt100_3 {font-size:10vh;font-family:Baloo;color:#ee3c23}


.popup-layer {display:none;position:absolute;z-index:999999;width:500px;height:650px;overflow:hidden}
.popup-body {height:100%;overflow:hidden}

/* E : box & text  ---------------------- */

/* S : IMAGE ----- ---------------------- */
.icon_dash {background: url('../images/icon_s_site_dash.png') no-repeat}
.icon_s_1 {background: url('../images/icon_s_site_1.png') no-repeat}
.icon_s_2 {background: url('../images/icon_s_site_2.png') no-repeat}
.icon_s_3 {background: url('../images/icon_s_site_3.png') no-repeat}
.icon_s_4 {background: url('../images/icon_s_site_4.png') no-repeat}
.icon_s_5 {background: url('../images/icon_s_site_5.png') no-repeat}
.icon_s_8_1 {background: url('../images/icon_s_site_8_1.png') no-repeat}
.icon_m_12 {background: url('../images/icon_m_site_12.png') no-repeat}
.icon_m_13 {background: url('../images/icon_m_site_13.png') no-repeat}
.icon_m_14 {background: url('../images/icon_m_site_14.png') no-repeat}
.icon_m_15 {background: url('../images/icon_m_site_15.png') no-repeat}
.icon_m_16 {background: url('../images/icon_m_site_16.png') no-repeat}
.icon_m_17 {background: url('../images/icon_m_site_17.png') no-repeat}
.icon_m_18 {background: url('../images/icon_m_site_18.png') no-repeat}
.icon_m_19 {background: url('../images/icon_m_site_19.png') no-repeat}
.icon_m_20 {background: url('../images/icon_m_site_20.png') no-repeat}
.icon_m_21 {background: url('../images/icon_m_site_21.png') no-repeat}
.icon_m_22 {background: url('../images/icon_m_site_22.png') no-repeat}

.com-info {width:100%;text-align:left}
.com-info .etc-menu {width:100%;height:35px;border-bottom:1px solid #404447}
.com-info .etc-info {width:100%;padding:10px 0;line-height:20px}
.com-info a {color:#909ca5;text-decoration:none}

/* E : IMAGE --------------------------- */





/* S : 원본수정 ------------------------ */
#fp-nav ul li,
.fp-slidesNav ul li {
    margin: 15px;
}
#fp-nav ul li a span,
.fp-slidesNav ul li a span {
    background: #ff6699;
    height:10px;width:10px;
}
#fp-nav ul li:hover a span,
.fp-slidesNav ul li:hover a span{
    background: #fa8478;
    height:20px;width:20px;
    margin: -7px 0 0 -6px;
}
#fp-nav ul li .fp-tooltip {
    color: #111;
}
.fp-controlArrow.fp-prev {
    left: 365px;
    border-color: transparent #fe6c93 transparent transparent;
}
.fp-controlArrow.fp-next {
    border-color: transparent transparent transparent #fe6c93;
}
#fp-nav.fp-right {
    top: 50%;
    right: 7px;
}
#fp-nav ul li a.active span,
.fp-slidesNav ul li a.active span,
#fp-nav ul li:hover a.active span,
.fp-slidesNav ul li:hover a.active span{
    background:#FFD9EC;
    height: 25px;
    width: 25px;
    margin: -9px;
    border:#ff6699 5px solid;
}
/* E : 원본수정 ------------------------ */


















/* ----------------------------------------------------------------------------------------------- */


@media all and (max-height: 840px) {
    #MenuLayer {padding:30px 50px}
    .main_title {font-size:22px}
    .sub_title {height:4vh;line-height:3.5vh;font-size:16px}
    .sub_title:before {bottom:6px}
    .sub_title_2 {height:3.5vh;line-height:3.5vh;font-size:16px}
    .sub_title_2:before {bottom:1px}
    .content .imgarea_h {width:30%}
    .content .txtarea_h {width:70%}
    .content .txtbox {min-height:90px;padding:0 20px 0 130px;}
    .content .txt_i {margin:2vh 0;font-size:15px;color:#24A6BD}
    .content .txt_i:before {bottom:-1px}
    .content [class*="icon_m_"] {width:100%;min-height:90px;padding:0 20px 0 120px;background-size:90px;}
    .content .imgarea_w {text-align:center}
    .content .imgarea_w .img20 {width:15%}
    .content .imgarea_w .img98 {width:80%}
    .content .imgarea_w .img100 {width:80%}
    .content .margin30 {margin:15px 0}
    .content .margintop30 {margin-top:15px}
    .content .margintop50 {margin-top:25px}
    .PC_HiddenContent {display:none;}
}

@media all and (max-height: 680px) {
    #footer {display:none}
    #MenuLayer {width:300px;padding:20px 20px}
    .outer {padding:70px 50px 20px 350px}
    .end_section {display:table-cell;text-align:center;vertical-align:bottom}
    .content_area {width:700px}
    .main_title {font-size:20px;line-height:6.5vh;}
    .sub_title {height:4vh;line-height:3.5vh;font-size:15px}
    .sub_title:before {bottom:6px}
    .sub_title_2 {height:3.5vh;line-height:3.5vh;font-size:15px}
    .sub_title_2:before {bottom:1px}
    .content .imgarea_h {width:30%}
    .content .imgarea_h img {width:90%}
    .content .txtarea_h {width:70%}
    .content .txtbox {min-height:90px;padding:0 20px 0 130px;}
    .content .txt_i {margin:2vh 0;font-size:14px;color:#24A6BD}
    .content .txt_i:before {bottom:-1px}
    .content [class*="txt_c"] {font-size:13px}
    .content [class*="icon_m_"] {width:100%;min-height:100px;padding:0 20px 0 120px;background-size:100px;}
    .content .imgarea_w {text-align:center}
    .content .imgarea_w .img20 {width:15%}
    .content .imgarea_w .img98 {width:80%}
    .content .imgarea_w .img100 {width:80%}
    .com-info {background: #1e2327;border-radius:10px;padding:20px;font-size:12px}
    .bottomInfo {display:block}
}

@media all and (max-width: 1079px) {
    #MenuLayer {width:250px;padding:20px 20px}
    .outer {padding:70px 50px 20px 270px}
    .txt_01 {font-size:22px;color:#fff}

    .menu {width:100%;height:50px;margin-top:20px;padding:0 20px}
    .menu-img {background-size:auto 50px}
    .menu-search {width:50px;height:50px;background-position:1px 1px}
    .menu-member {width:50px;height:50px;background-position:-230px 0px}
    .menu-partner {width:50px;height:50px;background-position:-43px 0px}
    .menu-kakao {width:50px;height:50px;background-position:-87px 0px}
    .menu-home {width:50px;height:50px;background-position:-181px 0px}
    .menu-shopuser {width:50px;height:50px;background-position:-241px 0px}
    .menu-txt {float:left;width:calc(100% - 50px);padding:0 5px;line-height:50px}
    .line {width:100%;height:1px;margin:30px 0;background:#fe6c93}
}


@media screen and (max-device-width: 800px) and (orientation:portrait) {
    body {font-family:'Noto Sans KR','S-CoreDream', 'Nanum Gothic', 'Spoqa Han Sans';font-size:14px}
    .site_icon_common {content:"";display:inline-block;background:url('../images/site_icon_common.png') no-repeat;background-size:auto 200px;font-size:0;line-height:0}
    .icon_home {width:60px;height:60px;background-position:-540px -90px}
    .icon_menu {width:30px;height:30px;background-position:-395px -170px}
    .icon_paylist {width:30px;height:30px;background-position:-180px -125px}
    .icon_member {width:30px;height:30px;background-position:-100px -125px}
    .icon_partner {width:30px;height:30px;background-position:-140px -125px}
    .icon_kakao {width:30px;height:30px;background-position:-60px -125px}
    .icon_gift {width:30px;height:30px;background-position:-425px -170px}
    .icon_logo {width:100px;height:50px;background-position:0 -125px}


    .floating-area {position:fixed;left:0;right:0;bottom:0;z-index:35}
    .floating-area .floating-box {position:relative;height:55px;background-color:#fff;box-shadow:0 1px 4px rgba(0,0,0,.15)}
    .floating-area .floating-box:after {content:'';display:block;clear:both}
    .floating-area .floating-box .icon_home {position:absolute;left:50%;margin-left:-30px;top:-8px}
    .floating-area .floating-box [class*="link-"] {float:left;width:50%;display:block;height:55px;line-height:55px;text-align:center;font-size:15px;color:#333;font-family:'S-CoreDream', 'sans-serif'}
    .floating-area .floating-box [class*="link-"] i {margin-right:12px;vertical-align:middle}
    .floating-area .floating-box .link-paylist {padding-right:30px}
    .floating-area .floating-box .link-menu {padding-left:30px}

    .m_menu {position:fixed;right:0px;bottom:100px;z-index:30;width:150px;height:250px;display:none}
    .m_menu .site_icon_common {float:left}
    .menu {height:50px;padding:10px 10px;border-radius:40px 0 0 40px;margin-top:10px;background:rgba(254,108,147,0.9)}
    .menu-txt {width:calc(100% - 30px);padding:0 10px;line-height:30px;font-size:13px}


    #section1, #section2, #section3, #section4, #section5, #section6, #section7, #section8, #section9, #section10, #section11, #section12, #section13, #section14, #section15 {position:relative;z-index:5;background-size:cover;background-attachment: fixed; background-repeat:no-repeat;background-position:center 70px;background-size:auto 55%;overflow:hidden}

    #section0 {background-image: url('../images/BG_PLUSPAY.png');background-size: initial;background-repeat: initial;background-attachment: fixed;padding:0;overflow:hidden;}
    #section1 {background-image: url('../images/Phone_img_1.png')}
    #section2 {background-image: url('../images/Phone_img_2.png')}
    #section3 {height:300px;background-image: url('../images/BG_PLUSPAY_1.png');background-size: initial;background-repeat: initial;background-attachment: fixed;padding:0;overflow:hidden}
    #section4 {background-image: url('../images/Phone_img_1_1.png')}
    #section5 {background-image: url('../images/Pluspay_img_4.png')}
    #section6 {background-image: url('../images/Pluspay_img_5_1.png')}
    #section7 {background-image: url('../images/Phone_img_1_3.png')}
    #section8 {background-image: url('../images/Pluspay_img_4.png')}
    #section9 {background-image: url('../images/Phone_img_2.png')}
    #section10 {background-image: url('../images/Phone_img_1_2.png')}
    #section11 {background-image: url('../images/Pluspay_img_6_1.png')}
    #section12 {background-image: url('../images/Pluspay_img_9.png')}
    #section13 {background-image: url('../images/Pluspay_img_10.png')}
    #section14 {background-image: url('../images/Pluspay_img_11.png')}
    #endsection {height:300px;background-image: url('../images/BG_PLUSPAY_1.png');background-size: initial;background-repeat: initial;background-attachment: fixed;padding:0;overflow:hidden}
    .endsection {
        background:rgba(254,108,147,0.6);
        background-image: linear-gradient(90deg, rgba(255,255,255,0.3) 40%, transparent 40%), linear-gradient(rgba(238,60,35,0.3) 40%, transparent 40%);  background-size: 5px 5px;
    }

    .m_area {width:100vw;height:100%;padding:50px 0px 55px 0px;overflow:auto}
    .section {position:relative;z-index:10;margin-top:-100px;background:#fff;background-image: url('../images/BG_PLUSPAY.png');background-size: initial;background-repeat: initial;background-attachment: fixed}
    .infosection {position:relative;z-index:10;margin-top:0px;background:#fff}
    .outer {width:100%;height:100%;padding:0;}
    .end_section {display:table-cell;text-align:center;vertical-align:bottom;min-width:250px}
    .content_area {width:100%;height:100%;overflow:hidden}

    .main_title {height:40px;line-height:40px;font-size:18px}
    .sub_title_2 {height:25px;line-height:25px;font-size:15px}
    .sub_title_2:before {bottom:1px}
    .content .margintop30 {margin-top:15px}
    .content .margintop50 {margin-top:25px}
    .content .imgarea_w {text-align:center}
    .content .imgarea_w .img100 {width:100%}
    .content .txtbox {min-height:80px;padding:0 20px 0 100px}
    .content [class*="icon_m_"] {min-height:80px;padding:0 20px 0 100px;background-size:80px;}

    .com-info {background: rgba(254,108,147,0.2);color:#4C4C4C;border-radius:0px;padding:10px;font-size:11px}
    .com-info a {color:#4C4C4C}
    .bottomInfo {display:block}
    .bottomtxt100 {font-size:5vh}
    .bottomtxt100_2 {font-size:5vh}
    .bottomtxt100_3 {font-size:10vh}

    .popup-layer {display:none;position:absolute;top:5%;left:5%;z-index:999999;width:90%;height:90%;overflow:hidden}
    .popup-body {height:100%;overflow:hidden}
}

@media screen and (max-device-width: 360px) and (orientation:portrait) {
    .content .txtbox {min-height:60px;padding:0 10px 0 60px}
    .content [class*="icon_m_"] {min-height:60px;padding:0 20px 0 80px;background-size:60px;}
    .M_HiddenContent {display:none;}
}
@supports (-webkit-overflow-scrolling: touch) {
    .m_area {background-image: url('./images/BG_PLUSPAY.png')}
    #endsection, #section1, #section2, #section3, #section4, #section5, #section6, #section7, #section8, #section9, #section10, #section11, #section12, #section13, #section14, #section15, .m_area {
        background-attachment: scroll;
    }
    .com-info {background: rgba(254,108,147,0.2);color:#4C4C4C;border-radius:0px;padding:10px;font-size:11px}
    .com-info a {color:#4C4C4C}
  }