@charset 'utf-8';
/* setting */
#wrap{min-width:1280px;}
.sub{padding:80px 0 120px}

/* issues/2776 추가 */
body.dim {overflow:hidden;}
body.dim:before {background-color:rgba(0, 0, 0, 0.4); content:""; position:fixed; left:0; top:0; height:100vh; width:100%; z-index:800;}

/* ------------------------------ [ 헤더:#header ] ---------------------------------------------------------------------------------------------------------------------- */
header{border-bottom:1px solid #DBE1DC;background-color:#fff;transition:all .3s;}
.service_area{height:36px;text-align:center;padding:7px 18px 10px 0;box-sizing:border-box;align-items:center;}
.service_area ul li{margin-right:10px;line-height:19px;}
.service_area ul li a{font-size:14px;color:#555;vertical-align:middle;}
.service_area ul{display:flex;justify-content:flex-end;}
.service_area ul li ~ li:before{content:'';display:inline-block;height:12px;background:#ddd;width:1px;margin-right:10px;vertical-align:middle;}

.gnb_area{height:104px;padding:40px 30px;box-sizing:border-box;position:relative;}
.gnb_area h1{position:absolute;top:40px;left:30px}
.gnb_area nav > ul{display:flex;justify-content:center;width:100%;}
.gnb_area nav > ul > li{position:relative;padding-bottom:38px;}
.gnb_area nav > ul > li:hover h2 a,
.gnb_area nav > ul > li.on h2 a{color:#37D243}
.gnb_area nav > ul > li h2{padding:0 35px;}
.gnb_area nav > ul > li h2 a{font-size:20px;font-weight:bold;}
.sub_2depth{background-color:#37D243;padding:25px 20px;border-radius:16px;position:absolute;top:44px;left:50%;transform:translate(-50%,0);width:auto;display:none;z-index:1;}
.sub_2depth li a{color:#fff;font-size:18px;white-space:nowrap;}
.sub_2depth li ~ li{margin-top:7px;}
.gnb_area nav > ul > li:hover .sub_2depth{display:block;animation:menu_ani .3s;}
.gnb_area nav > ul > li .sub_2depth a:hover{text-decoration:underline;}
@keyframes menu_ani{
    0%{transform:translate(-50%,-10px);opacity:0;}
    100%{transform:translate(-50%,0);opacity: 1;}
}
/* 스크롤시 고정 */
.head_fixed{position:fixed;top:0;left:0;width:100%;z-index:10;}
.head_fixed .service_area{display:none;}

/* ------------------------------ [ 푸터:#footer ] ---------------------------------------------------------------------------------------------------------------------- */
footer{background-color:#F0F0F0;}
.footer_area{max-width:1280px;margin:0 auto;padding:62px 0 35px;clear:both;overflow:hidden;display:flex;}
.txt_cust{color:#787878;}
.txt_cust strong{color:#000}
.txt_cust span:nth-of-type(1){font-weight:bold;}
.addr_area{margin:24px 0 30px;}
.addr_area p{color:#787878;font-weight:bold;}
.addr_area p ~ p{margin-top:7px;}
.addr_area p.txt_tel{font-weight:normal;}
.sns_area a{display:inline-block;}
.sns_area a + a{margin-left:15px;}

.foo_quick{margin-left:61px;width:322px;}
.foo_link h3{color:#8059EA;font-weight:bold;margin-bottom:26px;}
.foo_link ul{display:flex;flex-wrap:wrap;}
.foo_link ul li{width:50%;line-height:16px;}
.foo_link ul li:nth-child(even){text-align:right;}
.foo_link ul li a{font-size:14px;color:#787878}
.foo_link ul li:nth-child(n+3){margin-top:12px;}
.foo_link ul li strong{color:#000}
.foo_site{margin-left:68px;width:217px}

/* ------------------------------ [ BG Icon 32x32 ] ------------------------------------------------------------------------------------------------------------------- */
.icon_sprite_32 {background:url(../images/common/icon_32x32.png) no-repeat 0 0; background-size:494px 118px; display:block; overflow:hidden; height:32px; width:32px;}
.icon_sprite_32.arrow_bk_left {background-position:0 -44px;}
.icon_sprite_32.close_bk {background-position:-42px -44px;}
.icon_sprite_32.alarm {background-position:-84px -44px;}
.icon_sprite_32.cart {background-position:-126px -44px;}
.icon_sprite_32.search {background-position:-168px -44px;}
.icon_sprite_32.home {background-position:-210px -44px;}
.icon_sprite_32.refresh {background-position:-252px -44px;}
.icon_sprite_32.setting {background-position:-294px -44px;}
.icon_sprite_32.like {background-position:-336px -44px;}
.icon_sprite_32.like_on {background-position:-378px -44px;}
.icon_sprite_32.share {background-position:-420px -44px;}
.icon_sprite_32.out {background-position:-462px -44px;}
/* .icon_sprite_32.flag {background-position:-0 -86px;} 2021-11-09 사용안함 */
.icon_sprite_32.star_on {background-position:-42px -86px;}
.icon_sprite_32.star_off {background-position:-84px -86px;}

/* ------------------------------ [ 메인 ] ---------------------------------------------------------------------------------------------------------------------- */

.main_sec {padding-bottom:100px;overflow:hidden;}
.main_visual_wrap {height:780px;background:url("../images/main/bg_main_visu.jpg") center no-repeat;background-size:cover;}
.main_visu_area {display:flex; align-items:flex-start; max-width:1280px; margin:0 auto;}
.tit_visu {padding-top:140px; padding-left:108px;}
.tit_visu h3 {animation:main_ani 1.2s both .2s;}
.tit_visu h3 span {font-size:64px; font-weight:bold; color:#fff; display:inline-block;vertical-align:middle; line-height:93px;}
.tit_visu h3 img {display:inline-block; vertical-align:middle; height:43px; margin-top:20px;}
.tit_visu p {font-size:18px; font-weight:bold; color:#fff; letter-spacing:0px; line-height:24px;}

.visu_con {display:flex;justify-content:space-between; width:676px; height:817px; padding-top:129px; margin-right:-9px;}
.visu_con > img {animation:main_img 1.2s both;animation-delay:.2s;}
.qr_area{margin-top:80px;animation:main_qr 1.2s both;animation-delay:.2s;}
.qr_area ul {display:flex; gap:60px;}
.qr_area ul li {text-align:center;}
.qr_area .qr_img_wrap {background:#fff; width:200px; height:200px; box-sizing:border-box;margin-bottom:16px;}
.qr_area .qr_img_wrap img {width:100%;}
.qr_area p img {display:inline-block;vertical-align:middle;}
.qr_area p span {display:inline-block;vertical-align:middle;color:#fff;font-weight:bold;font-size:18px;}
.main_content {max-width:1280px;margin:0 auto;padding-top:120px}
.main_content .sub_title {margin-left:108px; font-size:24px; font-weight:bold; line-height:35px;}
.main_content .sub_title .round_dot {position:relative; display:inline; padding:0 3.5px; vertical-align:middle;}
.main_content .sub_title .round_dot::after {content:''; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:4px; height:4px; border-radius:6px; background-color:black;}

.main_service_wrap {display:grid; grid-template-columns:repeat(3, 1fr); gap:100px 172px; padding:100px 108px 0; text-align:center;}

.main_service_wrap .service_thumb {border-radius:240px; box-shadow: 16px 16px 20px 0px rgba(116, 74, 232, 0.1);}
.main_service_wrap .service_thumb img {display:block;}
.main_service_wrap h5 {margin-top:20px; font-size:24px; font-weight:bold; line-height:29px;}
.main_service_wrap h5 .round_dot {position:relative; display:inline; padding:0 3.5px; vertical-align:middle;}
.main_service_wrap h5 .round_dot::after {content:''; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:4px; height:4px; border-radius:6px; background-color:black;}
.main_service_wrap p {margin-top:12px; font-size:20px; font-weight:normal; line-height:28px; color:#686868;}
.main_service_wrap p .round_dot {position:relative; display:inline; padding:0 3.8px; vertical-align:middle;}
.main_service_wrap p .round_dot::after {content:''; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:3px; height:3px; border-radius:6px; background-color:#686868;}


@keyframes main_ani{
    0%{
        opacity:0;
        transform:translateY(-80%);
    }
    100%{
        opacity:1;
        transform:translateY(0px);
    }
}
@keyframes main_img{
    0%{
        opacity:0;
        transform:translateX(100%);
    }
    100%{
        opacity:1;
        transform:translateX(0px);
    }
}
@keyframes main_qr{
    0%{
        opacity:0;
        transform:translateX(-100%);
    }
    100%{
        opacity:1;
        transform:translateX(0);
    }
}


/* ------------------------------ [ 서브 페이지 ] ---------------------------------------------------------------------------------------------------------------------- */

/* setting */
.sub{max-width:1280px;margin:0 auto;}

/* 탭 */
.tab_menu{height:60px;background:#313842;border-radius:30px;overflow:hidden;}
.tab_menu ul{display:flex;}
.tab_menu li{padding:16px 33.46px;border-radius:30px;}
.tab_menu li{color:#fff;font-size:20px;font-weight:bold;}
.tab_menu li.on{background-color:#37D243;}
.tab_cont{display:none;}
/* 주의사항 */
.affi_wrap .info_area{margin-top:72px}
.info_area h5{position:relative;padding-left:28px;margin-bottom:20px;}
.info_area h5 span{font-size:18px;font-weight:bold;}
.info_area i{width:20px;height:20px;background:url("../assets/images/common/icon_info.png") no-repeat;display:block;position:absolute;top:2px;left:0;}
.info_area li{color:#999;font-weight:bold;position:relative;padding-left:13px;}
.info_area li ~ li{margin-top:8px;}
.info_area li:before{position:absolute;top:50%;left:0;background:#999;border-radius:3px;width:3px;height:3px;margin-top:-1.5px;content:'';display:block;}
/* 버튼 */
.btn_area{text-align:center;margin-top:82px;}
.btn_60_pur{color:#fff;padding:0 69px;height:60px;font-size:20px;font-weight:bold;background-color:#652C8D;border-radius:60px;min-width:240px;}


/* 제휴인증 */
.affi_wrap{margin-top:82px;}
.affi_sec .affi_wrap ~ .affi_wrap{max-width:768px;margin:82px auto 0;}
.box_gy{height:169px;background-color:#F6F6F6;border-radius:30px;display:flex;align-items:center;justify-content:center;}
.box_gy p{display:inline-block;text-align:center;margin:0 15px;}
.box_gy p span{display:block;font-size:14px;margin-top:11px;font-weight:bold;}
.tit_44{font-size:44px;font-weight:bold;}
.txt_14_gy{font-size:18px;color:#999}
.affi_con01{text-align:center;}
.affi_con01 .txt_14_gy{margin-top:11px;}
.affi_con02 .tit_30,
.affi_con03 .tit_30{margin-bottom:21px;margin-left:-20px;}
.tit_30{font-size:30px;font-weight:bold;}
.step_area ul{display:flex;justify-content:space-around;}
.step_area ul li{text-align:center;}
.step_area ul li h5{font-weight:bold;font-size:20px;margin-top:11px;}
.step_area ul li p{font-weight:bold;margin-top:11px;color:#999}

/* 포켓CU 소개 */
.intro .sub {max-width:initial; padding-top:0; padding-bottom:0; margin:initial;}
.intro_sec{margin:0 auto;}
.intro_sec > .title_box {padding:100px 0; background-color:#F6F2FF;}
.intro_sec .tit_intro{text-align:center;display:flex;align-items:center;justify-content:center;}
.tit_intro span{font-size:52px; font-weight:bold; line-height:75px;}
.tit_intro img{margin-left:16px;}
.intro_wrap li {padding:80px 0;}
.intro_wrap li:nth-child(2) {background-color:#F8F8F8;}
.intro_wrap li:nth-child(4) {background-color:#F6F2FF;}
.intro_wrap li:nth-child(6) {padding:100px 0; background-color:#F8F8F8;}

.intro_wrap .intro_inner {display:flex; justify-content:space-between; align-items:center;  max-width:1280px; padding:0 108px; margin:0 auto; box-sizing:border-box;}
.intro_wrap .intro_inner:has(.intro_thumbnail:nth-child(1)) {justify-content:flex-start;}
.intro_wrap .title_box > span {display:block; font-size:20px; font-weight:bold; line-height:29px; color:#603EF4;}
.intro_wrap .title_box > span .round_dot {position:relative; display:inline-block; padding:0 3.5px; vertical-align:middle;}
.intro_wrap .title_box > span .round_dot::after {content:''; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:4px; height:4px; border-radius:4px; background-color:#603EF4;}

.intro_wrap .title_box h4 {margin-top:12px; font-size:34px; font-weight:bold; line-height:48px; letter-spacing:0px;}
.intro_wrap .title_box h4 .round_dot {position:relative; display:inline-block; padding:0 5px; vertical-align:middle;}
.intro_wrap .title_box h4 .round_dot::after {content:''; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); display:block; width:6px; height:6px; border-radius:6px; background-color:black;}
.intro_wrap .title_box h5 {font-size:24px; font-weight:bold; line-height:34px; letter-spacing:0px;}
.intro_wrap .title_box p {margin-top:12px; font-size:24px; font-weight:bold; line-height:35px; letter-spacing:0px; white-space:nowrap; color:#999999;}
.intro_wrap .title_box p .round_dot {position:relative; display:inline-block; padding:0 3.5px; vertical-align:middle;}
.intro_wrap .title_box p .round_dot::after {content:''; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:4px; height:4px; border-radius:6px; background-color:#999999;}


.intro_wrap .intro_thumbnail {flex:none;}
.intro_wrap .intro_thumbnail img {display:block; width:100%; height:auto;}
.intro_wrap li:nth-child(1) .intro_thumbnail {width:779px; height:720px; margin-right:-108px;}
.intro_wrap li:nth-child(2) .intro_thumbnail {width:664px; height:720px;}
.intro_wrap li:nth-child(3) .intro_thumbnail {width:664px; height:720px;}
.intro_wrap li:nth-child(4) .intro_thumbnail {width:734px; height:720px;}
.intro_wrap li:nth-child(4) .keeping_card .intro_thumbnail {width:904px; height:535px;}
.intro_wrap li:nth-child(4) .intro_inner > .title_box {margin-left:-81px;}
.intro_wrap li:nth-child(5) .intro_thumbnail {width:721px; height:720px; margin-left:-16px;}
.intro_wrap li:nth-child(6) .intro_thumbnail {width:664px; height:720px;}


.intro_wrap .intro_inner:has(.keeping_card) {flex-wrap:wrap; row-gap:100px;}
.intro_wrap .keeping_card {flex-basis:100%;}
.intro_wrap .keeping_card .intro_thumbnail {margin-top:40px;}
.intro_wrap .keeping_card p {font-size:20px; line-height:29px;}

.intro_sec .typograph_box {display:flex; justify-content:center; align-items:center; padding:100px 0; gap:40px; overflow:hidden;}
.intro_sec .typograph_box > div {position:relative; display:flex; gap:20px;}
.intro_sec .typograph_box > div::after {content:""; position:absolute; left:100%; top:calc(100% - 7px); width:229px; height:116px; background:url("/images/sub/intro_shyru.png") bottom center/100% no-repeat;}
.intro_sec .typograph_box > div img {width:166px; height:52px;}
.intro_sec .typograph_box .typograph {display:block; font-size:44px; font-weight:bold; line-height:53px;}
.intro_sec .typograph_box .quotation_mark {font-size:60px; font-weight:bold; line-height:72px; color:#ccc;}

/* CU멤버십 소개 페이지 */ /* issues/4178 추가 */
.mbership_info {}
.mbership_info .tab_menu ul ul,
.mbership_info .tab_menu li {flex:1; text-align:center;}
.mbership_info .tab_menu li {padding:16.5px 92.46px;}
.mbership_info .sub_visual .txt {font-size:44px; font-weight:bold; text-align:center; line-height:1.54; margin-bottom:57.5px;}
.mbership_info .tab_cont {padding:80px 130px 0;}
.mbership_info .mbership_wrap ~ .mbership_wrap {margin-top:40px;}
.mbership_info .tit {font-size:28px; font-weight:500; color:#111;}
.mbership_info .text {font-weight:500; color:#111; margin:30px 0 40px;}
.mbership_info .point {color:#772A90;}

.mbership_info .info_area li {font-weight:500; line-height:1.375; color:#111;}
.mbership_info .info_area.notice_list li::before {background-color:#111;}
.mbership_info .info_area li::before {top:13px;}
.mbership_info .info_text {padding-left:8px; margin-top:8px;}
.mbership_info .info_text::before {content: "※ ";}
.mbership_info dl {display:table;}
.mbership_info dl ~ dl {margin-top:40px;}
.mbership_info dl dt {display:table-cell; padding-right:25px;}
.mbership_info dl dd {display:table-cell; vertical-align:middle;}
.mbership_info h5 {font-size:20px; margin-bottom:15px;}

.mbership_info #tab_con01 .mbership_wrap:first-child {background:url("/images/sub/img_mship_info_01.png") 300px 230px no-repeat; background-position:60% 0;}
.mbership_info #tab_con01 .mbership_wrap ~ .mbership_wrap {margin:0;}
.mbership_info #tab_con01 .mbership_con01 {padding-bottom:50px;}
.mbership_info #tab_con01 .mbership_con02 {margin-top:-10px;}
.mbership_info #tab_con01 .info_box dl {display:flex; align-items:center;}
.mbership_info #tab_con01 .info_box dl ~ dl {margin-top:25px;}
.mbership_info #tab_con01 .info_box dl dt {padding-right:59px;}
.mbership_info #tab_con01 .info_box dl dt img {max-width:240px;}
.mbership_info #tab_con01 .info_box dl h5 {font-size:28px; font-weight:500; color:#111; margin-bottom:30px;}
.mbership_info #tab_con01 .info_box .sub_tit {margin-top:20px;}
.mbership_info #tab_con01 .info_box .sub_tit + .info_area {margin:8px 0 0 10px;}
.mbership_info #tab_con01 .info_text {margin-top:30px;}

.mbership_info #tab_con02 .point_box {display:flex; padding:28px 60px; border:1px solid #DEDEDE; margin-bottom:50px;}
.mbership_info #tab_con02 .point_box > div {display:flex; align-items:center;}
.mbership_info #tab_con02 .point_box > div ~ div {border-left:1px solid #DEDEDE; padding-left:60px;}
.mbership_info #tab_con02 .point_box > div .icon span {display:flex; align-items:center; justify-content:center; width:100px; height:68px; border-radius:100px; font-size:24.842px; font-weight:500; color:#ffffff; text-align:center; margin-right:40px;}
.mbership_info #tab_con02 .point_box > .vip .icon span {background-color:#693D98;}
.mbership_info #tab_con02 .point_box > .friend .icon span {background-color:#A0CD50;}
.mbership_info #tab_con02 .point_box > div .txt_wrap {width:280px;}
.mbership_info #tab_con02 .point_box > div .txt_wrap h5 {font-size:20px; margin-bottom:15px;}
.mbership_info #tab_con02 .point_box > div .txt_wrap p {color:#888;}
.mbership_info #tab_con02 .mbership_con01 .info_area li {color:#888; line-height:1.625;}

.mbership_info #tab_con03 .img_area {margin-top:30px;}
.mbership_info #tab_con03 .info_area li ~ li {margin-top:0;}
.mbership_info #tab_con03 .info_box .sub_tit {margin-top:10px;}
.mbership_info #tab_con03 .info_box .sub_tit + .info_area {margin-left:10px;}

.mbership_info .partner_list {display:flex;}
.mbership_info .partner_list li ~ li {margin-left:60px;}
.mbership_info .partner_list li p {text-align:center;}

.mbership_info #tab_con04 .mbership_wrap ~ .mbership_wrap {margin-top:75px;}
.mbership_info #tab_con04 .txt_wrap {margin-bottom:40px;}
.mbership_info #tab_con04 .txt_wrap h5 {margin-bottom:0;}
.mbership_info #tab_con04 .txt_wrap h5 + p {margin-top:10px;}
.mbership_info #tab_con04 li p {font-size:20px; margin-top:20px;}
.mbership_info #tab_con04 ul ~ ul {margin-top:40px;}






/* 약관 */
.policy .sub{max-width:768px;margin:0 auto;}

/* 타이틀 및 알기 쉬운 개인정보처리방침 버튼 */ /* issues/3704 추가 */
.policy .common_terms .tit_28 {position:relative; margin-bottom:28px;}
.policy .common_terms .btn_policy {position:absolute; right:0; bottom:0; font-size:15px; font-weight:normal; color:#fff; background:#632b8e; border-radius:4px; height:36px; line-height:36px; padding:0 10px 0 14px;}
.policy .common_terms .btn_policy:after {content:""; display:inline-block; width:13px; height:13px; background:url("../images/common/arrow_wh_16x16.png") center no-repeat; background-size:contain; margin-left:10px; vertical-align:middle;}

/* 개인정보처리방침 : 주요 개인정보 표시 */ /* issues/4511 */
.policy .personal_policy .key_personal {margin-top:32px;}
.policy .personal_policy .key_personal h3 {font-weight:bold; margin-bottom:30px;}
.policy .personal_policy .key_personal .key_wrap {display:flex; flex-wrap:wrap; align-items:flex-start; justify-content:center;}
.policy .personal_policy .key_personal .key_item {position:relative; width:calc(100% / 3); cursor:pointer; margin-bottom:40px;}
.policy .personal_policy .key_personal .key_item figure {width:154px; height:177px; margin:0 auto;}
.policy .personal_policy .key_personal strong {display:block; width:100%; font-size:15px; text-align:center; margin:20px auto 0;}
.policy .personal_policy .key_personal .key_wrap .tooltip {display:none; position:absolute; left:0; top:calc(100% - 40px); width:100%; border:1px solid #eee; background-color:#ffffff; box-sizing:border-box; border-radius:12px; padding:20px 32px 24px 20px; margin-top:4px; box-shadow:-2px 0px 12px 0px rgba(0, 0, 0, 0.08); z-index:1;}
.policy .personal_policy .key_personal .key_wrap .key_item .tit_16 {font-weight:bold;}
.policy .personal_policy .key_personal .key_wrap .key_item .info_area {margin-top:11px;}
.policy .personal_policy .key_personal .key_wrap .key_item .info_area p {color:#666666; font-size:14px; line-height:1.429em; word-break:keep-all;}
.policy .personal_policy .key_personal .key_wrap .key_item:hover .tooltip {display:block;}
.policy .personal_policy .key_personal .info_txt {font-size:14px;}

/* 회원이용약관 */
.common_terms {padding:0 16px 40px;}
.Table1 {margin-top:11px; overflow:hidden;}
.Table1 thead th,
.Table1 tbody td {border:1px solid #dce1e5; box-sizing:border-box; font-size:12px; text-align:left; padding:11px 8px;}
.Table1 thead th {background-color:#f2f5f7; border-bottom:none; text-align:center;}
.terms_view_area {padding:32px 8px 0;}
.terms_view_area .Section2,
.terms_view_area .Section3 {margin-top:32px;}
.terms_view_area .Section1 p {font-size:14px;}
.terms_view_area .Section3 .BigPara + .BigPara {margin-top:32px;}
.terms_view_area .Section3 h3 {font-weight:bold;}
.terms_view_area .Section3 h4 {margin-top:11px; font-size:14px; font-weight:bold;}
.terms_view_area .Section3 li {margin-top:8px; font-size:14px;}
.terms_view_area .Section3 p {margin-top:11px; font-size:14px;}
.terms_view_area .Section2 li,
.terms_view_area2 .Section2 li {font-size:14px; font-weight:bold;}
.terms_view_area2 .Section3 {margin-top:32px;}
.terms_view_area2 .Section3 h4 {font-weight:bold;}
.terms_view_area2 .Section3 p + h4 {margin-top:32px;}
.terms_view_area2 .Section3 p {margin-top:11px; font-size:14px;line-height:24px;}
.terms_view_area2 .accent {color:#0070C0;}


/* 위치기반 서비스이용약관 */
.announce {padding:20px 24px;}
.rule_wrap {margin-top:32px}
.rule_wrap .rule_tit {font-size:16px; font-weight:bold;}
.rule_wrap .rule_sub {padding-top:11px;}
.rule_wrap .rule_txt {font-size:14px;}
.rule_wrap .rule_txt ~ .rule_txt {margin-top:6px;}


/* ie 브라우저 대응 */
.browser #contents{display:flex;align-items:center;justify-content:center;height:100vh;min-height:450px;}
.brow_list{margin-top:100px;}
.brow_list ul{display:flex;justify-content:center;}
.brow_list li{margin:0 70px;text-align:center;}
.brow_list img{margin-bottom:17px;}
.brow_list strong{font-weight:bold;font-size:20px;display:block;text-align:center;}
.brow_list span{font-weight:bold;display:block;color:#999;margin-top:5px;text-align:center;}
.brow_sec .txt_44{font-size:44px;text-align:center;font-weight:bold;margin-bottom:19px;}
.brow_sec .txt_18{font-size:18px;text-align:center;font-weight:bold;color:#999}


/* 오픈 준비중 */
.coming #contents{display:flex;align-items:center;justify-content:center;height:100vh;min-height:400px;}
.coming_sec{text-align:center;}
.coming_sec img{margin-bottom:43px;}
.coming_sec .txt_44{font-size:44px;text-align:center;font-weight:bold;margin-bottom:19px;}
.coming_sec .txt_18{font-size:18px;text-align:center;font-weight:bold;color:#999}

/* 개인정보 수집 출처 페이지 */ /* issues/4568 */
.privacy_source .tit_28 {font-size:28px; font-weight:bold;}
.privacy_source h3 {font-size:14px;}
.privacy_source .point {color:#DC0000;}
.privacy_source .txt_center {text-align:center;}
.privacy_source .common_terms {padding:0;}
.privacy_source .terms_view_area {padding:0;}
.privacy_source .terms_view_area .tit_14 {font-size:14px;}

/* ------------------------------ [ 셀렉트박스 ] --------------------------------------------------------------------------------------------------------------------------- */
.form_select {background-color:#ffffff; position:relative;}
.form_select select {display:inline-block; border:2px solid #eeeeee; border-radius:16px; box-sizing:border-box; color:#222222; font-size:18px; font-weight:bold; padding:16px 40px 16px 16px; height:58px; width:100%;position:relative;z-index:1;background:transparent;}
.form_select select {transition:border 0.2s;}
.form_select select:focus {border-color:#37d243;}
.form_select select:disabled {background-color:#f6f6f6; border-color:#f6f6f6; color:#dddddd;}
.form_select [class*="icon_sprite_"] {position:absolute; right:10px; top:50%; margin-top:-12px;z-index:0;}
.form_select select:disabled + [class*="icon_sprite_"] {background-position:-44px -44px;}

/* 필수입력 셀렉트 */
.ess_select {overflow:hidden; position:relative;}

/* ------------------------------ [ 전체팝업 ] ---------------------------------------------------------------------------------------------------------------------------- */
.full_popup {/* display:none; */ background-color:#ffffff; overflow:hidden; box-sizing:border-box; opacity:0; position:fixed; right:0; left:0; top:100%; margin:0 auto; height:100%; max-width:540px; width:100%;}
.full_popup {transition:top 0.4s ease-in-out, opacity 0.2s 0.2s;}
.full_popup.on {opacity:1; top:0; z-index:999;}
.full_popup .head {overflow:hidden; box-sizing:border-box; position:relative; padding:18px 16px 17px 24px; height:56px; z-index:5;}
.full_popup .head .closed {position:absolute; right:16px; top:50%; margin-top:-16px; height:32px; width:32px;}
.full_popup .contents {/* border:1px solid blue; */ box-sizing:border-box; overflow-x:hidden; overflow-y:auto; height:100%; max-height:calc(100vh - 136px);}
.no_foot_full_pop .contents {max-height:calc(100vh - 56px);}
.full_popup .pop_sub {padding-bottom:150px;}
.full_popup .foot {overflow:hidden; box-sizing:border-box; position:absolute; left:0; bottom:0; padding:10px 16px 10px 16px; width:100%;}
.full_popup .foot {
    padding:10px 16px calc(constant(safe-area-inset-bottom) + 10px);
    padding:10px 16px calc(env(safe-area-inset-bottom) + 10px);
}

/* 제휴/광고문의 팝업 */ /* issues/2776 추가 */
.layer_pop {background-color:#ffffff; display:none; overflow:hidden; position:fixed; left:50%; top:50%; transform:translate(-50%, -50%); width:calc(100% - 20px); max-width:520px; z-index:9999;}
.layer_pop .closed {position:absolute; right:20px; top:20px;}
.ad_inquiry .inquiry_info {text-align:center; padding:50px 30px; letter-spacing:-0.32px;}
.ad_inquiry .inquiry_info .tit {font-size:40px; color:#000; font-weight:bold;}
.ad_inquiry .inquiry_info .txt {margin:20px 0 30px; font-size:20px; font-weight:500;}
.ad_inquiry .inquiry_info .inquiry_box {box-sizing:border-box; padding:30px 28px; border-radius:20px; background:#f0f0f0;} /* issues/2776 */
.ad_inquiry .inquiry_info .inquiry_box {background:#f0f0f0; border-radius:20px; padding:30px 28px; box-sizing:border-box;}
.ad_inquiry .inquiry_info .inquiry_box li {display:flex; text-align:left; justify-content:center;}
.ad_inquiry .inquiry_info .inquiry_box li p {position:relative; width:50%; flex-shrink:0; padding:0 10px; color:#333; font-size:17px;} /* issues/4642 수정 */
.ad_inquiry .inquiry_info .inquiry_box li p:before {content:''; position:absolute; left:0; top:8px; width:3px; height:3px; background:#333;}
.ad_inquiry .inquiry_info .inquiry_box li p span {display:block; font-size:15px;} /* issues/4642 수정 */
.ad_inquiry .inquiry_info .inquiry_box li a {width:50%; color:#333; font-size:17px; word-break:break-all;} /* issues/4642 수정 */
.ad_inquiry .inquiry_info .inquiry_box li ~ li {margin-top:20px;}

/* 알기 쉬운 개인정보처리방침 */ /* issues/3704 추가 */
.privacy_infographic .sub {width:960px; margin:0 auto;}
.privacy_infographic .common_terms {padding:0;}
.privacy_infographic .txt_area {color:#888; line-height:1.5;}
.privacy_infographic .top_area .tit_28 {position:relative; margin-bottom:25px;}
.privacy_infographic .top_area .sub_tit {font-size:20px; font-weight:bold; margin:20px 0 10px;}
.privacy_infographic .top_area .txt_area .point {font-size:17px; color:#632b8e; font-weight:bold;}
.privacy_infographic .privacy_tab_menu {margin-top:46px;}
.privacy_infographic .privacy_tab_menu ul {display:flex; justify-content:space-between; flex-wrap:nowrap;}
.privacy_infographic .privacy_tab_menu li {background:#f3f3f3; border-radius:40px; width:calc(20% - 12px); padding:19px 0 15px; border:3px solid #f3f3f3; box-sizing:border-box; cursor:pointer;}
.privacy_infographic .privacy_tab_menu li a {display:block; padding-top:10px; font-size:20px; color:#222; text-align:center;}
.privacy_infographic .privacy_tab_menu li:before {content:""; display:block; width:50px; height:50px; background-repeat:no-repeat; background-position:center; margin:0 auto;}
.privacy_infographic .privacy_tab_menu li.tab01:before {background-image:url("https://arqachylpmku8348141.edge.naverncp.com/app/policy/easy_privacy/privacy_tab_menu01.png");}
.privacy_infographic .privacy_tab_menu li.tab02:before {background-image:url("https://arqachylpmku8348141.edge.naverncp.com/app/policy/easy_privacy/privacy_tab_menu02.png");}
.privacy_infographic .privacy_tab_menu li.tab03:before {background-image:url("https://arqachylpmku8348141.edge.naverncp.com/app/policy/easy_privacy/privacy_tab_menu03.png");}
.privacy_infographic .privacy_tab_menu li.tab04:before {background-image:url("https://arqachylpmku8348141.edge.naverncp.com/app/policy/easy_privacy/privacy_tab_menu04.png");}
.privacy_infographic .privacy_tab_menu li.tab05:before {background-image:url("https://arqachylpmku8348141.edge.naverncp.com/app/policy/easy_privacy/privacy_tab_menu05.png");}
.privacy_infographic .privacy_tab_menu li.on {background:#fff; border-color:#aace37;}

.privacy_infographic .privacy_tab_cont {padding-top:95px;}
.privacy_infographic .privacy_tab_cont ul {margin-top:47px;}
.privacy_infographic .privacy_tab_cont li {display:flex; flex-direction:row; align-items:center; margin-top:40px;}
.privacy_infographic .privacy_tab_cont li .img {display:flex; justify-content:center; align-items:center; flex-shrink:0; background:#fff; width:160px; height:160px; border:1px solid #e8e8e8; border-radius:100%; box-sizing:border-box;}
.privacy_infographic .privacy_tab_cont li .img img {width:85px; height:85px;}
.privacy_infographic .privacy_tab_cont li .txt_area {padding-left:50px;}
.privacy_infographic .privacy_tab_cont li .txt_area .tit_24 {margin-bottom:7px;}

/* 메인팝업 */ /* issues/4894 추가 */
.openpopup_wrapper{position:absolute; left:20px; transform:none; top:30px; z-index:999; background-color:#791a90; padding:3px 4px 0;}
.openpopup_wrapper .openpopup_footer{height:29px; position:relative; margin:0 15px;}
.openpopup_wrapper .openpopup_footer label{cursor:pointer; display:inline-block; overflow:hidden; color:#fff; height:29px; line-height:29px; font-size:13px;}
.openpopup_wrapper .openpopup_footer label input{vertical-align:middle; position:relative; top:9px; float:left; margin-right:5px; appearance:auto;}
.openpopup_wrapper .openpopup_footer label img{display:block; float:left; padding-right:4px;}
.openpopup_wrapper .openpopup_footer .Btnclose{position:absolute; right:-15px; top:0}
.openpopup_wrapper + .openpopup_wrapper {transform: translateX(105%);}

.openpopup_wrapper .openpopup_content {min-width:400px; background:#fff; min-height:360px; overflow-y:auto;}
.openpopup_wrapper .openpopup_content * {font-family:'Noto Sans' !important; line-height:1.4 !important; word-break:break-all !important;}
.openpopup_wrapper .openpopup_content a:hover{text-decoration:none;}
.openpopup_wrapper .openpopup_content img {display:block; max-width:100%; width:auto !important; height:auto !important; margin:0 auto;}
.openpopup_wrapper .openpopup_content .content_area {padding:20px;}

.openpopup_wrapper .openpopup_content .tabel_wrap {overflow:hidden; margin-bottom:15px;}
.openpopup_wrapper .openpopup_content .tabel_wrap table {table-layout:fixed; width:100%; margin-bottom:15px; border:2px solid #111;}
.openpopup_wrapper .openpopup_content .tabel_wrap table tr th {background-color:#f5f5f5; border:1px solid #dcdcdc; font-size:14px; font-weight:bold; padding:10px 0;}
.openpopup_wrapper .openpopup_content .tabel_wrap table tr td {font-size:13px; border:1px solid #dcdcdc; vertical-align:middle; padding:10px;}
.openpopup_wrapper .openpopup_content .tabel_wrap table tr td .text_point{color:#ea0000;}