@charset "utf-8";

/* 컬러코드 업데이트 - 25.05.29 jde */
:root{  /* 기본색상을 기준으로 호버 _b(전), _h(후) 색상으로 사용 */
    --point_wv_00_b: #3e7fea; --point_wv_00: #0e63f0; --point_wv_01: #2174ff; --point_wv_01_h: #3983ff; --point_wv_02: #609bff; --point_wv_03: #adc6f1; --point_wv_04: #2c77f5; --point_wv_05: #4b8eff; --point_wv_06: #007eff; --point_wv_07: #6ca1e0; --point_wv_08: #7ec6ff;
    --point_wv_10: #f0811a; --point_wv_11: #f9a150;
    --point_wv_20: #3f4550; --point_wv_20_h: #aaa; --point_wv_21: #262626;/*21:헤더&윗부분*/
    --point_wv_30: #beff1d;
    /* box : 박스 테두리 색상, radius */
    --box_radius_0: 4px;
    --box_border_00: #d4dde5; --box_border_00_h: #687881; --box_border_01: #d8dfe7; --box_border_02: #d4dce7;
    --box_border_10: #2174ff; --box_border_10_h: #3983ff;
    /* point_payment : 이용권 포인트 색상 */
    --point_payment_0_free: #c4ccd8; --point_payment_1_standard: #4ebde9; --point_payment_2_premium: #00ccb7; --point_payment_3_enterprise: var(--point_payment_3_enterprise);
    /* etc */
    --profile_border: 0 0 0 1px rgba(216,223,231,0.3) inset;  /* --siteMap_fixed_width: 260px; */ --siteMap_fixed_width: 176px; --openHideTransition: 0.7s ease 0s;


    /* == 구버전 == (css깨짐방지를 위해 남겨둠 안정화되면 삭제 필요) */
    /* 즉시 - 23.06.01 jde */
    /* point_mint, point_orange : 즉시민트, 즉시오렌지 */
    --point_mint_0_before: #4eb0ac; --point_mint_0: #27a0a3; --point_mint_1: #02bdb7; --point_mint_1_h: #02c5bf; --point_mint_2: #67d6d1; --point_mint_3: #bddddc;
    --point_orange_0: #f0811a; --point_orange_1: #f9a150;
    --point_black_0: #3f4550; --point_black_0_h: #aaa;
    /* box : 박스 테두리 색상, radius */
    --box_border_0: #d4dde5; --box_border_0_h: #687881; --box_border_1: #d8dfe7; --box_border_2: #d4dce7;
    --box_border_mint: #4dc7c2; --box_border_mint_h: #00afa8;
    /* point_blue : 재밋 블루 */
    --point_blue_0: #2174ff;
}
.point_wv_00{ color: var(--point_wv_00) !important; }
.point_wv_01{ color: var(--point_wv_01) !important; }
.point_wv_02{ color: var(--point_wv_01) !important; }
.point_wv_03{ color: var(--point_wv_03) !important; }
.point_wv_10{ color: var(--point_wv_10) !important; }
.point_wv_11{ color: var(--point_wv_11) !important; }
.point_wv_20{ color: var(--point_wv_20) !important; }
.point_wv_20_h{ color: var(--point_wv_20_h) !important; }
.point_payment_0_free, .point_free{ color: var(--point_payment_0_free) !important; }
.point_payment_1_standard, .point_standard{ color: var(--point_payment_1_standard) !important; }
.point_payment_2_premium, .point_premium{ color: var(--point_payment_2_premium) !important; }
.point_payment_2_business, .point_business{ color: var(--point_payment_2_premium) !important; }
.point_payment_3_enterprise, .point_enterprise{ color: var(--point_payment_3_enterprise) !important; }

/* == 구버전 == (css깨짐방지를 위해 남겨둠 안정화되면 삭제 필요) */
.point_mint_0{ color: #4eb0ac !important; } /*진한 민트*/
.point_mint_1{ color: #02bdb7 !important; } /*연한 민트*/
.point_mint_2{ color: #67d6d1 !important; }
.point_mint_3{ color: #bddddc !important; } /*회색빛 민트*/
.point_orange_0{ color: #f0811a !important; }
.point_orange_1{ color: #f9a150 !important; }
.point_black_0{ color: #000 !important; } /*(input,) select, radio, checkbox 사용*/
.point_black_0_h{ color: #000 !important; } /*(input,) select, radio, checkbox 사용*/
.main_mint_0{ color: #2bd3cc !important; }
.main_orange_0{ color: #f0921a !important; }
.main_ing_0{ color: #1482ff !important; }
.main_complete_0{ color: #00bb97 !important; }


/*      =======================================================================================================      */

/* 메인페이지 관련 공통css (페이지팝업에서 사용하기 위함) */

/* 공통 */
input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active {
    transition: background-color 5000s ease-in-out 0s;
    -webkit-transition: background-color 9999s ease-out;
    -webkit-box-shadow: 0 0 0px 1000px transparent inset !important;
}
.no_header_footer{ padding-top: 0 !important; padding-bottom: 0 !important; }
.flex_center_wrapper{ display: flex; align-items: center; min-height: 100vh; padding-top: 60px; padding-bottom: 73px; background-color: #fff; }
.flex_center_con{ float: none; margin-left: auto; margin-right: auto;}
.flex_center_con.width_full{ width: 100%; overflow: hidden; max-width: 4000px; }
.flex_center_wrapper.align_top{ align-items: flex-start; }
.flex_center_wrapper.align_top .flex_center_con{ margin-top: 50px; }
div[class^=top_background_]{width: 100%; transition: width 0.5s;}
/*.site_map_active div[class^=top_background_]{width: calc(100% - var(--siteMap_fixed_width));}*/
.top_background_white{width: 100%; height: 360px; background-color: #fff; position: absolute; top: 0; }
.top_background_white.full{ height: 100vh; position: fixed; }
.top_background_black{width: 100%; height: 360px; background-color: #2c2e2f; position: absolute; top: 0; }
.top_background_circle{width: 100%; height: 100%; position: fixed; top: 0; background-image: url("/weven_template/theme/weven/resource/img/top_background_circle.png"); background-repeat: no-repeat; background-position: top -1260px center; background-size: 2250px; background-color: #f4f6fb;}
.main_page_select_theme .top_background_circle{top: -114px; height: calc(100% + 200px);}
.wrapper.main .site_map_active .top_background_circle{width: 100%;}
/* .wrapper.main .container { margin-bottom: 100px; } */
.wrapper.sub .site_map_active .top_background_circle{width: calc(100% - var(--siteMap_fixed_width));}
.top_background_grey{width: 100%; height: 360px; background-color: #f0eff8; position: absolute; top: 0; }
.flex_jcc_wrap { display: flex; justify-content: center; }
.common_title {font-size: 27px; font-size:2.7rem; line-height: 39px; line-height: 3.9rem; color: #000; font-weight: 700; margin-bottom: 12px; word-break: keep-all; text-align: center; }
.common_title.white {font-size: 27px; font-size:2.7rem; line-height: 39px; line-height: 3.9rem; color: #fff; font-weight: 700; margin-bottom: 12px; word-break: keep-all; text-align: center; }
.common_title.type_2{ font-size:30px; font-size:3.0rem; line-height:38px; line-height:3.8rem; font-weight: 800; }
.common_title.type_3{ font-size:33px; font-size:3.3rem; line-height:40px; line-height:4rem; font-weight: 800; margin-bottom: 0;}
.common_title.tl{ text-align: left; }
.common_content {margin-top: 40px;}
.common_sub_title {font-size: 26px; line-height: 40px; color: #000; font-weight: 800; padding-bottom: 7px; word-break: keep-all; text-align: center; }
ul.hasLeft li{ padding-left: 8px; margin-bottom: 5px; font-size: 14px; font-size: 1.4rem; line-height: 19px; line-height: 1.9rem; font-weight: 500; word-break: keep-all; }
ul.hasLeft li::before{ content: ""; position: relative; display: inline-block; }
ul.hasLeft.dot li::before{ top: -3px; right: 8px; width: 3px; height: 3px; background-color: #677a91; /*border-radius: 50%;*/ }
ul.hasLeft.bar li::before{ top: -4px; right: 5px; width: 4px; height: 1px; background-color: #677a91; }
ul.center li{ padding-left: 10px; margin-bottom: 4px; font-size: 15px; font-size: 1.5rem; line-height: 19px; line-height: 1.9rem; font-weight: 400; text-align: center; }
ul.no_pl li{ padding-left: 0 !important; }

.flex{display: flex;}

/* 채널톡 버튼 */
#chTokCon{position: absolute; top: -102px; right: 27px;}
#chTokCon.fixed{position: fixed; top:auto; bottom: 19px; right: 27px; z-index: 9999;}
#chTok{width: 56px; height: 56px; background-image: url("/weven_service/asset/img/svg/1_1qna_default.svg"); background-repeat: no-repeat; background-size: 56px; background-position: right 0px top 0px; background-color: transparent; cursor: pointer; border-radius:50%; box-shadow:  0px 2px 5px 0px rgba(0, 0, 0, 0.1);}
#chTok:hover{background-image: url("/weven_service/asset/img/svg/1_1qna_hover.svg"); background-repeat: no-repeat; background-size: 56px; background-position: right 0px top 0px; background-color: transparent; cursor: pointer;box-shadow: 1px 3px 8px 0px rgba(15, 107, 146, 0.25)}
#chTokCon .chTokLabel{position: absolute; transform: translate(-100%, 0);background-color: #fff; top: 0px; left: -9px; padding: 10px 58px 7px 30px; border-radius: 30px; box-shadow:0px 2px 4px 0px rgba(0,0,0,0.15)}
#chTokCon .chTokLabel_inner{display: flex; flex-direction: column; white-space: nowrap;}
#chTokCon .chTokLabel_title{font-size: 13px; font-size: 1.3rem; line-height: 20px; line-height: 2rem; font-weight: 700;}
#chTokCon .chTokLabel_desc{font-size: 11px; font-size: 1.1rem; line-height: 18px; line-height: 1.8rem; color: rgb(153,153,153); position: relative; font-weight: 500; margin-top: 0px; letter-spacing: -0.02em;}
#chTokCon .chTokLabel_close{position: absolute; top: 7px; right: 6px; width: 41px; height: 41px; border-radius: 50%; background-image: url("/weven_service/asset/img/svg/chTok_label_close-default.svg"); background-repeat: no-repeat; background-position: 10px 10px; background-size: 21px; cursor: pointer; transition: background 0.3s;}
#chTokCon .chTokLabel_close:hover{background-image: url("/weven_service/asset/img/svg/chTok_label_close-hover.svg");}

/* 버튼 */
.common_btn_con { text-align: center; }
/*common_btn_0 -- bg:mint1, color:fff*/
.common_btn_0{ display: inline-block; text-align: center; width: 161px; padding-top: 12px; padding-bottom: 12px; border: 1px solid var(--point_wv_01); border-radius: 5px;
    font-size: 15px; font-size: 1.5rem; line-height: 21px; line-height: 2.1rem; font-weight: 700; position: relative; cursor: pointer;
    background-color: var(--point_wv_01); color: #fff !important; }
/*common_btn_0.white -- bg:fff, color:mint1*/
.common_btn_0.white{ background-color: #fff; color:  var(--point_wv_01) !important; }
.common_btn_0.width_type_2{ width: 130px; }
html[lang="en"] .common_btn_0.width_type_2{ width: 150px; }
.common_btn_0.width_type_3{ width: 170px; }
.common_btn_0:after{ content: none; width: 12px; height: 12px; position: absolute; right: 12px; top: 16px;
    background-size: contain; background-position: center; background-repeat: no-repeat; transform: translateX(-100%); opacity: 0; transition: all 0.3s;
    background-image: url("/weven_service/asset/img/svg/icons8-arrow_2_white.svg"); }
.common_btn_0.white:after{ background-image: url("/weven_service/asset/img/svg/icons8-arrow_2_blue.svg"); }
.common_btn_0:hover:after{ transform: translateX(0); opacity: 1; }
/*common_btn_1 -- color:000 (영상보기 버튼)*/
.common_btn_1{ display: inline-block; text-align: center; /*padding-right: 33px;*/padding: 10px 33px 10px 10px; font-size: 15px; font-size: 1.5rem; line-height: 29px; line-height: 2.9rem; font-weight: 800; color: #000;
    background-image: url("/weven_service/asset/img/svg/icons8-play_circle.svg"); background-size: 28px; background-position: right -2px top 9px; background-repeat: no-repeat; }
/*common_btn_2 -- tl, 왼쪽에 이미지 (회원가입하고 크레딧받기 버튼)*/
.common_btn_2{ display: inline-block; text-align: left; padding-left: 68px; font-size: 18px; font-size: 1.8rem; line-height: 26px; line-height: 2.6rem; font-weight: 800; color: #000;
    background-image: url("/weven_service/asset/img/svg/credit_many_icon.svg"); background-size: 55px; background-position: left center; background-repeat: no-repeat;}
.common_btn_2 .common_btn_2_line2{ display: inline-block; padding-right: 17px; color: var(--point_wv_10);
    background-image: url("/weven_service/asset/img/svg/icons8-arw_right.svg"); background-size: 12px; background-position: right center; background-repeat: no-repeat;}
/*common_btn_3 -- 위븐로고, 우측에 화살표 (위븐바로가기 버튼)*/
.common_btn_3{ display: inline-block; text-align: left; padding-left: 82px; padding-right: 26px; position: relative; margin-top: 11px; margin-right: 10px;
    font-size: 14px; font-size: 1.4rem; line-height: 26px; line-height: 2.6rem; font-weight: 900; color: #000;
    background-image: url("/weven_service/asset/img/logo/weven_logo_eng.svg"); background-size: 80px 11px; background-position: left center; background-repeat: no-repeat; }
.common_btn_3:after{ content: ''; width: 20px; height: 20px; position: absolute; right: 0; top: 3px;
    background-image: url("/weven_service/asset/img/svg/icons8-arw_right.svg"); background-size: 12px; background-position: center; background-repeat: no-repeat;}
/*sticky_top_btn_con*/
.sticky_top_btn_con{ padding-top: 11px; padding-bottom: 11px; background-color: #fff; }
.sticky_top_btn_con.fixed{ width: 100%; position: fixed; left: 0; top: 0; z-index: 1; }
.sticky_top_btn_con.fixed + .res_content_img{ padding-top: 68px; }
.sticky_top_btn_con .common_btn_0{ width: 140px; }
/*theme_btn*/
.theme_btn_con{ color: #000; /*position: fixed;*/ position: absolute; right: 20px; bottom: 20px; z-index: 1000; }
.theme_btn_con .theme_btn{ display: inline-block; text-align: right; font-size:20px; font-size:2.0rem; line-height:19px; line-height:1.9rem; font-weight: 800; letter-spacing: 0.02em;
    padding-right: 21px; transition: color 0.3s; }
.theme_btn_con .theme_btn svg{ position: absolute; right: 1px; top: -1px; width: 11px; height: 100%; transition: fill 0.3s; }
.theme_btn_con .theme_btn:hover{ color: var(--point_wv_01); }
.theme_btn_con .theme_btn:hover svg{ fill: var(--point_wv_01); }
/*go_to_main_btn*/
.go_to_main_btn_con{ position: absolute; top: 22px; margin-left: 25px; }
.go_to_main_btn_con:before{ content: ''; width: 21px; height: 21px; background-color: #000; border-radius: 50%; position: absolute; top: -1px; left: 0; z-index: 0; transition: 0.2s; }
.go_to_main_btn_con .go_to_main_btn{ font-size: 13px; font-size: 1.3rem; line-height: 20px; line-height: 2.0rem; font-weight: 600; padding-left: 28px; position: relative; z-index: 2;
    background-image: url("/weven_service/asset/img/svg/icons8-arw_left_bold_white.svg"); background-size: 18px; background-position: left 1px center; background-repeat: no-repeat; }
.go_to_main_btn_con:hover:before{ background-color: #fff; }
.go_to_main_btn_con:hover .go_to_main_btn{ background-image: url("/weven_service/asset/img/svg/icons8-arw_left_bold.svg"); }
.go_to_main_btn_con.white:before{ background-color: #fff; }
.go_to_main_btn_con.white .go_to_main_btn{ color: #fff; background-image: url("/weven_service/asset/img/svg/icons8-arw_left_bold.svg"); }

/* input */
input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active {
    transition: background-color 5000s ease-in-out 0s;
    -webkit-transition: background-color 9999s ease-out;
    -webkit-box-shadow: 0 0 0px 1000px white inset !important;
}
.common_input_0_con.width_type_1{ width: 315px; }
.common_input_0_con .label_for_input{ font-size: 19px; font-size: 1.9rem; line-height:25px; line-height:2.5rem; font-weight: 700; color:#000;
    position: relative; /*z-index: -1;*/ transition: 0.3s ease all; left: 2px; top: 42px; }
.common_input_0_con .label_for_input.active{ font-size:16px; font-size:1.6rem; line-height:22px; line-height:2.2rem; font-weight: 500; color:#000; top: 5px; }
.common_input_0_con .label_for_input span{ font-size:13px; font-size:1.3rem; line-height:22px; line-height:2.2rem; font-weight: 300; color:#3d3d3d; }
.common_input_0_con .bar-input-effect{ display: block; position: relative; }
.common_input_0_con .bar-input-effect:before{ content: ''; background-color: #e5e5e5; left: 0; bottom: 0; height: 2px; width: 100%; position: absolute; transition: 0.3s ease all; z-index: 1; }
.common_input_0_con .bar-input-effect.active:before{ background-color: #000; height: 2px; }
.wrong_alert_msg{ font-size: 11px; font-size: 1.1rem; line-height: 22px; line-height: 2.2rem; font-weight: 500; word-break: keep-all; letter-spacing: -0.02em; text-align: left;
    margin-top: 10px; margin-right: 5px; color: #d54fa1; opacity: 0; /*display: none;*/}
.wrong_alert_msg.active{ opacity: 1;/*display: block;*/ }
.common_input_0_con .common_input_0{ font-size: 19px; font-size: 1.9rem; line-height:25px; line-height:2.5rem; font-weight: 700; color:#000; letter-spacing: 0em;
    width: 100%; text-align: left; border: none; padding: 20px 10px 26px 2px; box-sizing: border-box; background-color: transparent; position: relative; z-index: 1; }
.common_input_0_con .common_input_0:focus{ outline: none; }
.common_input_0_con.type_2 .label_for_input{ font-size: 20px; font-size: 2.0rem; top: 44px;}
.common_input_0_con.type_2 .label_for_input.active{ font-size: 14px; font-size: 1.4rem; font-weight: 600; top: 5px;}
.common_input_0_con.type_2 .bar-input-effect:before{ background-color: #e5e5e5; height: 2px; }
.common_input_0_con.type_2 .bar-input-effect.active:before{ background-color: #000; }
.common_input_0_con.type_2 .common_input_0{ font-size: 20px; font-size: 2.0rem; padding: 15px 10px 13px 2px; width: 100%; }
.common_input_0_con.type_3 .common_input_0 {font-size: 19px; font-size: 1.9rem; line-height: 25px; line-height: 2.5rem; padding: 14px 26px 15px 26px; text-align: center;}
.common_input_0_con.type_3 { width: 190px; border-radius: 100px; background-color: #fff; box-shadow: 3px 4px 10px 0px rgba(50, 97, 156, 0.1); text-align: center; margin-left: 13px; margin-right: 15px; overflow: hidden; }

.common_input_0_con.type_3 .common_input_0.conf{color: var(--point_wv_05);}
.common_input_0_con.type_3 .common_input_0.err{color: #dc1e7c;}
.common_input_0_con.type_3 .common_input_0::placeholder{ font-size: 23px; font-size: 2.3rem; line-height: 29px; line-height: 2.9rem; color: var(--point_wv_05); }
.common_input_0_con.type_3 .common_input_0::-webkit-input-placeholder{ font-size: 23px; font-size: 2.3rem; line-height: 29px; line-height: 2.9rem; color: var(--point_wv_05); }
.common_input_0_con.type_3 .common_input_0:-ms-input-placeholder{ font-size: 23px; font-size: 2.3rem; line-height: 29px; line-height: 2.9rem; color: var(--point_wv_05); }
.common_input_0_con.type_3 .label_for_input{position: absolute; left: 53px; font-size: 23px; font-size: 2.3rem; line-height: 29px; line-height: 2.9rem; top: 27px; color: var(--point_wv_05);}


/* 팝업 */
/* 기본스타일 (confirm 디자인팝업 - 텍스트 중앙정렬) */
.common_pop_0_wrap { display: none; position: fixed; z-index: 999999; background-color: #fff; border-radius: 5px; overflow: hidden auto; /*max-width: 500px;*/ max-height: 90%; top: 0; width: 90%;}
.common_pop_0_wrap.overflow_visible { overflow: visible; }
.common_pop_0_wrap .common_pop_0_con { display: flex; flex-direction: column; }
/*header*/
.common_pop_0_wrap .popup_header { padding-top: 10px; padding-bottom: 10px; border-bottom: 1px solid #e8eef6;}
.common_pop_0_wrap .popup_header.no_border { border: none; }
.common_pop_0_wrap .popup_inner { display: flex; flex-wrap: wrap; justify-content: space-between; padding-left: 28px; padding-right: 8px; }
.common_pop_0_wrap .popup_title { font-size:14px; font-size:1.4rem; line-height:21px; line-height:2.1rem; font-weight: 800; letter-spacing: -0.02em; /*margin-top: 8px;*/ padding-top: 10px;}
.common_pop_0_wrap .popup_close_btn > a { width: 11px; height: 11px; text-indent: -10000px; background-image: url("/weven_service/asset/img/svg/icons8-close.svg"); background-size: 24px; background-position: center center;
    background-repeat: no-repeat; font-size: 0px; font-size: 0rem; line-height: 0px; line-height: 0.0rem; /*padding: 9px;*/ display: inline-block; transition: background-color 0.3s; border-radius: 4px; padding: 20px;}
[data-wv-os="Mac"] .common_pop_0_wrap .popup_close_btn > a { background-image: url("/weven_service/asset/img/svg/icons8-close.svg"); }
[data-wv-pc="mobile"] .common_pop_0_wrap .popup_close_btn > a { background-image: url("/weven_service/asset/img/svg/icons8-close.svg"); }
/*body*/
.common_pop_0_wrap .popup_body { flex: 1 1 auto; padding: 45px 50px 32px 50px; font-size:14px; font-size:1.4rem; line-height:24px; line-height:2.4rem; font-weight: 400; color: #000; }
.common_pop_0_wrap .popup_body .panel{ margin-bottom: 0; text-align: center;}
.common_pop_0_wrap .popup_body .box_label{ font-size:15px; font-size:1.5rem; line-height:24px; line-height:2.4rem; font-weight: 700; }
/*.common_pop_0_wrap .popup_body .panel .confirm_title{ font-size: 18px; font-size: 1.8rem; line-height: 28px; line-height: 2.8rem; font-weight: 700; color: #2a2a2a; margin-bottom: 7px;}*/
/*.common_pop_0_wrap .popup_body .panel .confirm_text{ font-size:14px; font-size:1.4rem; line-height:24px; line-height:2.4rem; letter-spacing: -0.02em; font-weight: 400; color: #677a91; margin-bottom: 10px; }*/
.common_pop_0_wrap .popup_body .panel .panel_util{ margin-top: 28px; }
.common_pop_0_wrap .board_contents_inner .panel_util > a{margin-right: 8px;}
.common_pop_0_wrap .board_contents_inner .panel_util > a:first-child{margin-right: 8px;}
.common_pop_0_wrap .board_contents_inner .panel_util > a:last-child{margin-right: 0;}
/* type_2 (confirm 디자인팝업 - 텍스트 왼쪽정렬) */
.common_pop_0_wrap.type_2 .popup_body { padding: 30px 30px 36px 30px; }
.common_pop_0_wrap.type_2 .popup_body .panel{ margin-bottom: 0; text-align: left;}
.common_pop_0_wrap.type_2 .popup_body .panel .panel_list{ margin-bottom: 28px; }
.common_pop_0_wrap.type_2 .popup_body .panel .panel_list:last-child{ margin-bottom: 0; }
.common_pop_0_wrap.type_2 .popup_body .panel .panel_list.no_mb{ margin-bottom: 0; }
.common_pop_0_wrap.type_2 .popup_body .panel .panel_list div{ margin-bottom: 0; }
html[lang="en"] .common_pop_0_wrap.type_2 .popup_body .panel .panel_list div.card_valid_date{ width: 30%; }
html[lang="en"] .common_pop_0_wrap.type_2 .popup_body .panel .panel_list div.user_birth_info{ width: 68%; }

/*.common_pop_0_wrap.type_2 .popup_body .panel .panel_list textarea{ margin-bottom: 0; }*/
/*.common_pop_0_wrap.type_2 .popup_body .panel .panel_list .check_request_text{ font-size:15px; font-size:1.5rem; line-height:24px; line-height:2.4rem; word-break: break-all; color: #000; font-weight: 500; white-space: pre;}*/
/*버튼0(취소/닫기버튼)*/
.cmn_pop_btn_style_0{ display: inline-block; vertical-align: middle; padding: 7px 24px 8px 26px; font-size: 14px; font-size: 1.4rem; line-height: 20px; line-height: 2.0rem; letter-spacing: -0.02em; font-weight: 400;
    color: #000 !important; background-color: #fff; border: 1px solid #dce2f4; border-radius: 4px; overflow: hidden; cursor: pointer; }
.cmn_pop_btn_style_0:hover{ color: #000 !important; background-color: #ebf3fe; border: 1px solid #96b8d9; }
/*버튼1(확인버튼)*/
.cmn_pop_btn_style_1{ display: inline-block; vertical-align: middle; padding: 8px 19px 9px 18px; font-size: 14px; font-size: 1.4rem; line-height: 20px; line-height: 2.0rem; letter-spacing: -0.02em; font-weight: 400;
    color: #fff !important; background-color: #2d62e4; border-radius: 4px; overflow: hidden; cursor: pointer; }
.cmn_pop_btn_style_1:hover{ color: #fff !important; background-color: #4775e7; }
.cmn_pop_btn_style_1.check_icon{ padding: 8px 17px 9px 38px; background-image: url("/weven_template/theme/weven/resource/img/checkbtn_icon.svg"); background-size: 11px 9px; background-position: left 20px top 14px; background-repeat: no-repeat; }


/* 공통 탭 - 250626 jde */
.page_tab_wrap{ display: flex; justify-content: center; }
ul.page_tab{ display: flex; max-width: 100%; width: fit-content; background-color: #f3f6f8; border-radius: 8px; }
ul.page_tab li{ flex: 1 1 auto; padding: 13px 3px; width: 160px; font-size: 13px; line-height: 20px; letter-spacing: -0.02em; font-weight: 500; text-align: center; color: #000; word-break: keep-all; box-sizing: border-box; cursor: pointer; 
    min-width: fit-content;
}
ul.page_tab li:hover{ color: var(--point_wv_00); }
ul.page_tab li.active{ background-color: var(--point_wv_01); border-radius: 8px; font-weight: 700; color: #fff; }


/* 테마 선택 IMAGINE&QUICK (템플릿) */
.wrapper.main #selectTheme{display: none;}
.wrapper.sub #selectTheme{display: block;}
.list_style_wrapper .theme_title_con{position: relative;}
.list_style_wrapper .theme_title{font-size: 44px; font-size: 4.4rem; line-height: 57px; line-height: 5.7rem; font-weight: 600; /*font-family: 'GmarketSans';*/ margin-left: -2px;}
.list_style_wrapper .theme_title div:first-child{margin-left: -1px;}
.list_style_wrapper .theme_con {overflow: hidden; z-index: 2;}
/* .list_style_wrapper .theme_content{margin-top: 40px;} */
.list_style_wrapper .theme_content_inner{width: -webkit-calc(100% + 20px);width: -moz-calc(100% + 20px); width: calc(100% + 20px); margin-left: -20px; margin-top: 35px; z-index: 1;}
.list_style_wrapper .category_btn_con{position: relative; left: 0; top: 0px; margin-top: 25px; justify-content: flex-start; z-index: 2; display: flex !important; }

[lang="en"] .list_style_wrapper .category_btn_con{ position: relative; left: 0; top: 0px; margin-top: 25px; justify-content: left; z-index: 2; display: flex !important; }
/* [lang="en"] .list_style_wrapper .category_btn_con > div{ width: 80%; } */

/* .list_style_wrapper .category_btn:nth-child(1) a{padding-right: 18px;}
.list_style_wrapper .category_btn:nth-child(2) a{padding-left: 21px; padding-right: 16px;}
.list_style_wrapper .category_btn:nth-child(3) a{padding-left: 20px; ; padding-right: 16px;}
.list_style_wrapper .category_btn:nth-child(4) a{padding-left: 20px;} */
.list_style_wrapper .category_btn:nth-child(2)::after{content: ''; position: absolute; border-right: 1px solid rgba(255, 255, 255, 0.4); height: 15px; left: 1px; top: 6px; z-index: 0;}
.list_style_wrapper .category_btn:nth-child(3)::after{content: ''; position: absolute; border-right: 1px solid rgba(255, 255, 255, 0.4); height: 15px; left: 1px; top: 6px; z-index: 0;}
.list_style_wrapper .category_btn:nth-child(4)::after{content: ''; position: absolute; border-right: 1px solid rgba(255, 255, 255, 0.4); height: 15px; left: 1px; top: 6px; z-index: 0;}
.list_style_wrapper .category_btn:nth-child(5)::after{content: ''; position: absolute; border-right: 1px solid rgba(255, 255, 255, 0.4); height: 15px; left: 1px; top: 6px; z-index: 0;}
.list_style_wrapper .category_btn:nth-child(6)::after{content: ''; position: absolute; border-right: 1px solid rgba(255, 255, 255, 0.4); height: 15px; left: 1px; top: 6px; z-index: 0;}
.list_style_wrapper .category_btn:nth-child(7)::after{content: ''; position: absolute; border-right: 1px solid rgba(255, 255, 255, 0.4); height: 15px; left: 1px; top: 6px; z-index: 0;}
.list_style_wrapper .category_btn {text-align: center;}
.list_style_wrapper .category_btn a,.list_style_wrapper .category_btn>div { font-size: 16px; font-size: 1.6rem; line-height: 28px; line-height: 2.8rem; color: #ffffff88; font-weight: 500; transition: color 0.2s; white-space: nowrap; 
    -webkit-user-select: none; /* Chrome, Safari, Opera */
        -moz-user-select: none;    /* Firefox */
        -ms-user-select: none;     /* Internet Explorer 10+ */
        user-select: none;
}
.list_style_wrapper .category_btn div {color: #fff; font-weight: 600;}
.list_style_wrapper .category_btn a.active {color: #fff; font-weight: 600;}
.list_style_wrapper .category_btn a:hover {color: #fff; font-weight: 600;}
.list_style_wrapper .category_select_con {position: absolute; right: 0; /*top: -7px;*/ top: -90px; width: 142px; height: 42px;}
html[lang="en"] .list_style_wrapper .category_select_con, html[lang="en"] .list_style_wrapper .category_select_con .selected_item{min-width: 150px;}
.list_style_wrapper .category_select_con .selected_item{font-size: 14px; font-size: 1.4rem; line-height: 30px; line-height: 3rem; font-weight: 800; color: #fff; background-color: #000; border-radius: 21px; border: 1px solid #000; box-sizing: border-box; background-image: url("/weven_service/asset/img/svg/icons8-arw_down_white.svg");
    padding: 5px 35px 5px 23px; width: max-content; min-width: 142px;
}
.list_style_wrapper .category_select_con .select_style_0{background-color: #000; color: rgba(255, 255, 255, 0.6)}
.list_style_wrapper .category_select_con .select_style_0 > li a { color: rgba(255, 255, 255, 0.8); padding: 0 24px 14px 23px; font-size: 14px; font-size: 1.4rem;}
.list_style_wrapper .category_select_con .select_style_0 > li:hover a { color: rgb(255, 255, 255); font-weight: 800;}
.list_style_wrapper .category_select_con .select_style_0 > li.active a { color: rgb(255, 255, 255); font-weight: 800;}
.list_style_wrapper .category_select_con .selected_item.active + .select_style_0_con{border-bottom-left-radius: 21px; border-bottom-right-radius: 21px; border: none;}
.list_style_wrapper .category_select_con .selected_item.active {border-bottom: 1px solid rgba(255, 255, 255, 0.3);}
.list_style_wrapper .card:not(.store_card) .card_inner_wrap{border-radius: 15px; background-color: #fff; box-shadow: 1px 2px 4px 0px rgba(19, 102, 206, 0.15); padding: 8px 8px 8px 8px;}
.list_style_wrapper .card_inner {aspect-ratio: 1/1.30085; overflow: hidden; transition: transform 0.15s ease-in-out; cursor: pointer; border-radius: 10px; border: 1px solid #e1edf4;}
.list_style_wrapper .card_inner.type_2 {aspect-ratio: 1/1.50347; }
.list_style_wrapper .card_inner.type_2 img{width: 100%;}
/* .list_style_wrapper .card_inner_wrap:hover .card_inner {transform: translateY(-8px);} */
.list_style_wrapper .back_btn_wrap{ position: fixed; top: 100px; left: 10px; z-index: 1; }
.list_style_wrapper .back_btn{ width: 19px; height: 19px; padding: 20px;
    background-image: url("/weven_service/asset/img/svg/icons8-arw_left.svg"); background-position: center; background-size: 19px; background-repeat: no-repeat;}
/* .list_style_wrapper .theme_content{ } */
/* .list_style_wrapper { box-sizing: border-box; background-color: #eaeef7; } */
.list_style_wrapper#selectTheme .card {cursor: default;}
.list_style_wrapper .card { width: 100%; padding-left: 20px; margin-bottom: 20px; /*cursor: pointer;*/ cursor: default;
    position: relative; display: block; height: 100%; overflow: visible; text-decoration: none; }
.list_style_wrapper .card_image { width: 100%; height: auto;}
/* .list_style_wrapper .card_overlay { position: absolute; bottom: 0; right: 0; z-index: 1; background-color: #f2f8fb; transform: translateY(100%); transition: .2s ease-in-out; } */
.list_style_wrapper .card_overlay {padding: 23px 12px 12px 12px;}
/* .list_style_wrapper .card:hover .card_overlay { transform: translateY(0); } */
.list_style_wrapper .card_category_con div{padding: 4px 8px 3px 9px; border-radius: 11px; border-width: 1px; border-style: solid; box-sizing: border-box; font-size: 12px; font-size: 1.2rem; line-height: 12px; line-height: 1.2rem; font-weight: 600; margin-top: -1px;}
.list_style_wrapper .card_category_con div.AI_MALL{border-color: #99e4d5; color: #10bf9e;}
.list_style_wrapper .card_category_con div.GD{border-color: #c1bff7; color: #6360eb;}
/* .list_style_wrapper .card:hover .card_section_1 { transform: translateY(0); } */
.list_style_wrapper .card_profile_img { width: 18px; height: 18px; border-radius: 50%; background-color: var(--point_wv_02); display: flex; align-items: center; justify-content: center; margin-left: 1px; margin-right: 7px; background-repeat: no-repeat; background-position: center;  background-size: cover;}
.list_style_wrapper .card_profile_img img {/*width: 100%;*/ width: 13px; margin-bottom: 1px; }
.list_style_wrapper .card_nickname { font-size:15px; font-size:1.5rem; line-height:21px; line-height:2.1rem; font-weight: 800; color: #000; margin-bottom: 15px; margin-left: 9px; width: calc(100% - 70px);}
.list_style_wrapper .card_url_link { font-size:13px; font-size:1.3rem; line-height:21px; line-height:2.1rem; font-weight: 700; color: #000; text-overflow: ellipsis; overflow: hidden; width: 88%; white-space: nowrap;}
.list_style_wrapper .card_desc{font-size:12px; font-size:1.2rem; line-height:19px; line-height:1.9rem; color: #000; margin-bottom: 9px; letter-spacing: 0.02em;}
.list_style_wrapper .card_section_2 {position: absolute; bottom: 2px; left: 31px;}
.list_style_wrapper .card:hover .card_section_2 { opacity: 1; }
.artist_name { font-size:12px; font-size:1.2rem; line-height:18px; line-height:1.8rem; font-weight: 500; color: #000; }
.list_style_wrapper .favorite_con {position: absolute; top: -3px; right: 0px; cursor: pointer;}
.list_style_wrapper .favorite_mark {width: 30px;height: 30px; background-image: url("/weven_service/asset/img/svg/favorite_icon_bd_black.svg"); background-position: top 6px right 6px; background-repeat: no-repeat; background-size: 18px;}
/* .list_style_wrapper .favorite_con:hover .favorite_mark {background-image: url("/weven_service/asset/img/svg/favorite_icon_bd_black_full.svg");} */
.list_style_wrapper .favorite_mark.active, .list_style_wrapper .favorite_mark.hover {background-image: url("/weven_service/asset/img/svg/favorite_icon_bd_black_full.svg");}
.list_style_wrapper .favorite_cnt {color: #000; font-size: 13px; font-size: 1.3rem; line-height: 19px; line-height: 1.9rem; font-weight: 600; margin-left: 4px; margin-top: 2px;}
.list_style_wrapper .favorite_cnt.active {color: #f12898;}
.list_style_wrapper .card_credit_con{font-size: 13px; font-size: 1.3rem; line-height: 19px; line-height: 1.9rem;}
.list_style_wrapper .discount_perc{font-weight: 700; color: var(--point_wv_01); margin-right: 9px;}
.list_style_wrapper .origin_credit{font-weight: 400;}
.list_style_wrapper .origin_credit::after {content: ''; position: absolute; width: calc(100% + 1px); top: 9px; left: 0px; border-bottom: 1px solid #fff;}
.list_style_wrapper .total_credit{font-size: 13px; font-size: 1.3rem; line-height: 19px; line-height: 1.9rem; font-weight: 400; margin-left: 9px;}
.list_style_wrapper .member_email {margin-left: 10px; margin-top: 4px; font-size: 16px; font-size: 1.6rem;}
.section_content_con .list_style_wrapper .card_nickname{margin-left: 0;}
.section_content_con .list_style_wrapper .card_category_con{margin-bottom: 9px;}
#selectTheme.list_style_wrapper .theme_con {padding-top: 60px;}
#selectTheme.list_style_wrapper .category_select_con .selected_item{color: #000; background-color: #fff; border-top-color: #fff; border-left-color: #fff; border-right-color: #fff; background-image: url("/weven_service/asset/img/svg/icons8-arw_down.svg"); border: none;}
#selectTheme.list_style_wrapper .category_select_con .select_style_0{background-color: #fff; color: rgba(0, 0, 0, 0.6)}
#selectTheme.list_style_wrapper .category_select_con .select_style_0 > li a { color: rgba(0, 0, 0, 0.8); padding: 0 24px 14px 26px; font-size: 14px; font-size: 1.4rem;}
#selectTheme.list_style_wrapper .category_select_con .select_style_0 > li:hover a { color: rgb(0, 0, 0);}
#selectTheme.list_style_wrapper .category_select_con .select_style_0 > li.active a { color: rgb(0, 0, 0);}
#selectTheme.list_style_wrapper .category_select_con .selected_item.active {border-bottom: 1px solid rgba(0, 0, 0, 0.3);}
#selectTheme.list_style_wrapper .theme_title{/*background-image: linear-gradient(to right, #4b8eff, #0e63f0);*/   letter-spacing: -0.04em;}

[selectTheme]#selectTheme.list_style_wrapper .theme_title { width: 100%; font-size: 55px; font-size: 5.5rem; letter-spacing: -0.2px; font-weight: 800; line-height: 70px; line-height: 7rem; 
   background-image: linear-gradient(90deg, #fff 40%, var(--point_wv_01) 60%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; color: transparent;
}

#selectTheme.list_style_wrapper .card .card_inner_wrap{background-color: transparent; box-shadow:  none; border-radius: 14px; border: 1px solid rgba(255, 255, 255, 0.2); padding: 12px 12px; cursor: pointer; transition: all 0.8s;}
#selectTheme.list_style_wrapper .card .card_inner_wrap:hover{outline: 1px solid rgba(255, 255, 255, 0.4); border-color: rgba(255, 255, 255, 0.4);}
#selectTheme.list_style_wrapper .card_nickname {color: #fff; font-weight: 400; font-size: 14px; font-size: 1.4rem; line-height: 20px; line-height: 2rem; width: 100%; margin-left: 0;}
#selectTheme.list_style_wrapper .favorite_cnt {color: #fff;}
#selectTheme.list_style_wrapper .favorite_mark {background-image: url("/weven_service/asset/img/svg/favorite_icon_bd_white_1.svg"); border-radius: 50%; background-color: transparent; width: 23px; height: 23px; background-position: top 5px left 4px; background-size: 14px;}
#selectTheme.list_style_wrapper .favorite_mark.active, #selectTheme.list_style_wrapper .favorite_mark.hover {background-image: url("/weven_service/asset/img/svg/favorite_icon_white_1.svg");background-color: #f12898;}
#selectTheme.list_style_wrapper .artist_name {color: #fff; font-weight: 400;}
#selectTheme.list_style_wrapper .card_inner {border-radius: 8px; border: none;}
#selectTheme.list_style_wrapper .card_desc{margin-bottom: 10px;}


/*노데이터(내사이트)*/
.mysite_list .mysite_box{border-radius: 15px; text-align: left; padding: 25px 25px 25px 25px; background-color: rgba(255, 255, 255, 0.7); position: relative; margin-bottom: 10px; box-shadow: 1px 2px 4px 0px rgba(19, 102, 206, 0.1);}
.mysite_list .mysite_box:last-child{ margin-bottom: 4px; }
.mysite_list .nodata_con{ text-align: center; padding-top: 45px; padding-bottom: 45px;}
.mysite_list .nodata_icon{ display: inline-block; vertical-align: middle; font-size: 14px; font-size: 1.4rem; line-height: 14px; line-height: 1.4rem; font-weight: 600; color: #fff;
    width: 20px; height: 20px; background-color: var(--box_border_10_h); border-radius: 50%; padding-top: 3px; padding-right: 1px; box-sizing: border-box; margin-top: 0px; margin-right: 7px; }
.mysite_list .nodata_text{ display: inline-block; vertical-align: middle; font-size: 13px; font-size: 1.3rem; line-height: 13px; line-height: 1.3rem; font-weight: 700; }


/* 즉시 소식 */
.list_style_wrapper .news_title {margin-bottom: 42px; margin-top: 6px;}
.list_style_wrapper .help_search {position: absolute;width: 79%; top: 0; left: 50%; transform: translateX(-50%);}
.list_style_wrapper .search_trigger{position: absolute;top: 10px; right: 0; width: 33px; height: 33px; background-image: url("/weven_service/asset/img/svg/icons8-search.svg"); background-size: 17px; background-repeat: no-repeat; background-position: 14px 6px; cursor: pointer;}
.list_style_wrapper .search_trigger.active{background-image: url("/weven_service/asset/img/svg/icons8-close_popPage.svg"); background-position: 7px 1px; background-size: 30px;}
.list_style_wrapper .news_notice_contents_inner{width: -webkit-calc(100% + 30px);width: -moz-calc(100% + 30px); width: calc(100% + 30px); margin-left: -30px; margin-top: 10px;}
.list_style_wrapper .news_notice_card {width: 100%; padding-left: 30px; cursor: pointer; position: relative; display: block; height: 100%; overflow: hidden; margin-bottom: 40px;}
.list_style_wrapper .news_notice_card_inner{background-color: #fff; text-align: left; height: 413px;}
.list_style_wrapper .img_box{height: 290px; border-radius: 5px; overflow: hidden;}
.list_style_wrapper .img_box img{width: 100%;height: 100%; object-fit: cover; object-position: top; }
.list_style_wrapper .text_box{height: 100px; margin-top: 22px;}
.list_style_wrapper .text_box_title{font-size: 16px; font-size: 1.6rem; line-height: 23px; line-height: 2.3rem; font-weight: 700; word-break: break-all; width: 76%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.list_style_wrapper .text_box_desc{font-size: 14px; font-size: 1.4rem; line-height: 2rem; line-height: 20px; font-weight: 400; margin-top: 10px; width: 80%; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.list_style_wrapper .text_box_date{position: absolute; left: 0px; bottom: 0px; font-size: 12px; font-size: 1.2rem; line-height: 1.8rem; line-height: 18px; font-weight: 300;}



/* 즉시 소식 상세페이지 */
#wevenNewsView .popup_weven_news_img{height: 250px; clip: rect(0,auto,auto,0); display: block; width: 100%; top: 0; left: 0;/*  background-size: auto 100%; */ background-size: cover; background-repeat: no-repeat; background-position: top center;}
#wevenNewsView .popup_weven_news_title{font-size: 32px; font-size: 3.2rem; line-height: 38px; line-height: 3.8rem; font-weight: 700; max-width: fit-content; word-break: keep-all; margin-bottom: 15px;}
#wevenNewsView .popup_weven_news_info{margin-bottom: 30px; font-size: 0; line-height: 0;}
#wevenNewsView .popup_weven_news_info li{position: relative; display: inline-block; font-size: 15px; font-size: 1.5rem; line-height: 21px; line-height: 2.1rem;}
#wevenNewsView .popup_weven_news_type{padding-right: 10px; margin-right: 10px;}
#wevenNewsView .popup_weven_news_type::after {content: ''; position: absolute; border-right: 1px solid #000; height: 13px; right: 0; top: 3px;}
#wevenNewsView .popup_weven_news_sub_title{font-size: 20px;font-size: 2rem; line-height: 26px; line-height: 2.6rem; font-weight: 500; margin-bottom: 10px;}
#wevenNewsView .btn_style_00_con{margin-top: 50px;}

/* 즉시 스토어 */
.list_style_wrapper .extension_price_wrap {position: absolute; right: 0; top: 0;}
.list_style_wrapper .extension_price {font-size: 12px; font-size: 1.2rem; line-height: 18px; line-height: 1.8rem;font-weight: 500; text-align: right; color: var(--point_wv_00);}
.list_style_wrapper .extension_standard {font-size: 10px; font-size: 1rem; line-height: 16px; line-height: 1.6rem; font-weight: 400;}
.list_style_wrapper .zgai_official { top: 0px; padding: 1px 7px 1px 7px; border: 1px solid #6e767e; font-size: 13px; font-size: 1.3rem; line-height: 19px; line-height: 1.9rem; font-weight: 600; margin-right: 10px; border-radius: 4px; letter-spacing: -0.04em;}
.list_style_wrapper .card_profile{position: absolute; bottom: 6px; left: 0;}
.list_style_wrapper .btn_style_00_con {position: absolute; bottom: 0;right: 0;}
.list_style_wrapper .ai_site_list .btn_style_00_con {position: relative; bottom: 0;right: 0;}
.list_style_wrapper .ai_site_list.btn_style_00_con {position: relative; bottom: 0;right: 0;}
.list_style_wrapper .btn_style_1 {padding: 5px 10px 5px 10px;}
.list_style_wrapper a+a{margin-left: 5px;}
.list_style_wrapper .store_card{cursor: auto;}
.list_style_wrapper .store_title{font-size: 16px; font-size: 1.6rem; line-height: 23px; line-height: 2.3rem;font-weight: 700;}
.list_style_wrapper .extension_price{font-size: 16px; font-size: 1.6rem; line-height: 23px; line-height: 2.3rem;font-weight: 600;}
.list_style_wrapper .store_text_box{height: 119px;}
.list_style_wrapper .store_name{color: #000;}
.list_style_wrapper .store_btn_wrap{position: absolute; bottom: 0px; left: 0;; font-size: 13px; font-size: 1.3rem; line-height: 19px; line-height: 1.9rem; font-weight: 600;}
.list_style_wrapper .store_install_wrap{margin-left: 13px; padding-left: 13px;}
.list_style_wrapper .store_install_wrap::before{content: ''; position: absolute; left: 0; top: 3px; height: 12px; border-right: 1px solid #b8c3d5;}
.list_style_wrapper .arrow_box { display: inline-block; width: 0px; height: 20px; background-image: url("/weven_service/asset/img/svg/icons8-arrow_right_1.svg"); background-position: top 0px right -5px; background-repeat: no-repeat; background-size: 18px; transition: all 0.1s ease-in-out; transform: translateX(100%);}
.list_style_wrapper .store_btn_wrap>div{overflow: hidden; cursor: pointer;}
.list_style_wrapper .store_btn_wrap>div:hover .arrow_box{transform: translateX(0); width: 15px;}



/*
    page_style_00 검정테마, 좌우 분리 (메인페이지 사이트분석결과 페이지, IMAGINE AND QUICK 테마 상세보기 페이지)

        페이지타입 (중복 가능)
        page_type_ai_result : ai분석결과 포함 (메인페이지 사이트분석결과 페이지, AI추천결과 상세 페이지팝업)
        page_type_detail_popup : 페이지팝업 스타일로 보임 (IMAGINE AND QUICK 상세 페이지팝업, AI추천결과 상세 페이지팝업)
 */
.page_style_00{ --page00_box_border: #e5ecf4; --page00_box_border_h: #a1b4ca; }
.page_style_00 .result_left_con{ width: 100%; transition: width var(--openHideTransition); }
.page_style_00 .result_left_con.right_folded{ width: 100%; }
.page_style_00 .result_right_con{ width: 320px; min-height: 100vh; max-height: 100vh; overflow: hidden auto; /*padding: 60px 0 40px 0;*/ padding: 74px 0 0 0; background-color: #fff; color: #000; border-left: 1px solid #dbeaea; position: absolute; right: 0; /*transition: right 0.5s cubic-bezier(0.74, 0, 0.34, 0.99);*/ transition: right var(--openHideTransition); z-index: 10; }
.page_style_00 .result_right_con.is_set{ padding-bottom: 195px; }
[data-wv-os="ipad"] .page_style_00 .result_right_con.is_set{ padding-bottom: 215px; }
.page_style_00 .result_right_con.folded{ right: -320px; }
.page_style_00 .page_dim{ display: none; width: 100vw; height: 100vh; background-color: #000; opacity: 0.2; position: fixed; z-index: 5; }
.page_style_00 .result_right_con:not(.folded) ~ .page_dim{ display: block; }
/*좌*/
.page_style_00 .result_left_con .left_content_area{ width: 100%; min-height: 100vh; max-height: 100vh; overflow-y: auto; box-sizing: border-box; }
.page_style_00 .result_left_con .left_content_area::-webkit-scrollbar{ width: 0;}
/*우*/
.page_style_00 .fold_btn_con{ position: absolute; top: 11px; left: 9px; z-index: 9; }
.page_style_00 .fold_btn_con .fold_btn{ text-indent: -10000px; width: 29px; height: 29px; transition: background-image 0.3s; padding: 10px; box-sizing: content-box;
    background-image: url("/weven_service/asset/img/svg/icons8-right_fold.svg"); background-size: 20px; background-position: center; background-repeat: no-repeat; }
.page_style_00 .fold_btn_con.unfold{ position: fixed; align-items: center; opacity: 0; display: none; right: -36px; }
.page_style_00 .fold_btn_con.unfold:after{ content: ''; display: inline-block; width: 36px; height: 36px; border-radius: 50%; background-color: #fff; transition: 0.2s; position: absolute; top: 7px; right: 6px; z-index: -1; box-shadow: 1px 3px 8px rgba(0,0,0,0.25); }
.page_style_00 .fold_btn_con.unfold .fold_btn{ background-image: url("/weven_service/asset/img/svg/icons8-right_unfold.svg"); }
.page_style_00 .result_right_con::-webkit-scrollbar{ width: 0; }
.page_style_00 .result_right_con .section_con{ margin-bottom: 40px; padding: 0 25px; }
/*.page_style_00 .result_right_con .section_con:last-child{ margin-bottom: 0; }*/
.page_style_00 .result_right_con .section_con.credit{ margin-bottom: 0; }
.page_style_00 .result_right_con .section_con.has_swiper_con{ padding: 0; }
.page_style_00 .result_right_con .section_title_con{ font-size: 0; margin-bottom: 20px; }
.page_style_00 .result_right_con .section_title{ font-size: 16px; font-size: 1.6rem; line-height: 16px; line-height: 1.6rem; font-weight: 700; padding-left: 0; background-size: 24px; background-position: left -2px center; background-repeat: no-repeat;
    letter-spacing: inherit; word-spacing: inherit; color: inherit; word-break: inherit; cursor: default; }
.page_style_00 .result_right_con .section_content_con{ cursor: default; }
.page_style_00 .result_right_con .img_outer{ height: 100%; overflow: hidden; }
/*정보 (info)*/
.page_style_00 .result_page_btn_0{ display: inline-block; position: relative; width: 100%; padding: 12px 0 11px 0; background-color: #fff; color: #000; border: 2px solid #fff; border-radius: 5px; font-size: 15px; font-size: 1.5rem; line-height: 16px; line-height: 1.6rem; font-weight: 700; text-align: center; transition: .3s; }
.page_style_00 .result_page_btn_0:after{ content: ''; width: 12px; height: 12px; position: absolute; right: 15px; top: 13px;
    background-image: url("/weven_service/asset/img/svg/icons8-arrow_2_black.svg"); background-size: 12px; background-position: center; background-repeat: no-repeat; transform: translateX(-100%); opacity: 0; transition: all 0.3s; }
.page_style_00 .result_page_btn_0:hover:after{ transform: translateX(0); opacity: 1; }
.page_style_00 .result_page_btn_0 span{ padding-right: 0; transition: padding-right 0.3s; }
.page_style_00 .result_page_btn_0:hover span{ padding-right: 15px; }
/*스와이퍼 (has_swiper_con)*/
.page_style_00 .has_swiper_title_wrap{ padding-left: 25px; padding-right: 25px; }
.page_style_00 .plus_btn_con{ position: absolute; top: -5px; right: 2px; }
.page_style_00 .plus_btn{ text-indent: -10000px; width: 36px; height: 36px; display: inline-block;
    background-image: url("/weven_service/asset/img/svg/icons8-plus_circle_2empty_white.svg"); background-size: 24px; background-position: center; background-repeat: no-repeat; }
.page_style_00 .plus_btn:hover{ background-image: url("/weven_service/asset/img/svg/icons8-plus_circle_2fill_white.svg"); }
.page_style_00 .history_box{ margin-right: 15px; width: 220px; display: inline-block; cursor: pointer; }
.page_style_00 .history_box:last-child{ margin-right: 0; }
.page_style_00 .history_box .img_con{ background-color: #fff; height: 240px; overflow: hidden; position: relative;
    height: 140px; border: 1px solid var(--page00_box_border); border-radius: 6px; padding: 7px; cursor: pointer; overflow: hidden; position: relative; box-sizing: border-box;}
.page_style_00 .history_box .text_con{ margin-top: 12px; padding: 0 5px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;
    text-align: center; font-size: 13px; font-size: 1.3rem; line-height: 17px; line-height: 1.7rem; font-weight: 600; position: relative; word-break: keep-all; }
.page_style_00 .swiper-container { max-width: 475px; overflow: visible; padding-left: 25px; }
.page_style_00 .swiper_arw_con{ position: absolute; z-index: 2; height: 100%; opacity: 0; transition: opacity 0.5s; }
.page_style_00 .swiper_arw_con:hover{ opacity: 1; }
.page_style_00 .swiper_arw_con.left{ left: 0; }
.page_style_00 .swiper_arw_con.right{ right: 0; }
.page_style_00 .swiper_arw_con:after{ content: ''; width: 35px; height: 35px; background-color: #fff; border-radius: 50%; position: absolute; top: 60px; z-index: 0; box-shadow: 1px 1px 10px 1px rgba(0,0,0,0.2); }
.page_style_00 .swiper_arw_con.left:after{ left: 8px; }
.page_style_00 .swiper_arw_con.right:after{ right: 8px; }
.page_style_00 .swiper_arw{ display: inline-block; height: 100%; position: relative; z-index: 2; background-size: 16px; background-repeat: no-repeat; }
.page_style_00 .swiper_arw.left{ width: 51px; background-image: url("/weven_service/asset/img/svg/icons8-arw_left.svg"); background-position: top 69px left 17px; }
.page_style_00 .swiper_arw.right{ width: 51px; background-image: url("/weven_service/asset/img/svg/icons8-arw_right.svg"); background-position: top 69px right 17px; }
/*테마리스트 (theme)*/
.page_style_00 .theme_box{ margin-bottom: 15px; /*padding-bottom: 20px; border-bottom: 1px solid var(--page00_box_border);*/ transition: 0.3s; cursor: pointer; }
.page_style_00 .theme_box:last-child{ padding-bottom: 0; margin-bottom: 0; border-bottom: none; }
.page_style_00 .theme_box .img_con{ width: 85px; height: 85px; display: inline-block; overflow: hidden; background-color: #fff; vertical-align: middle;
    box-sizing: border-box; padding: 6px; border: 1px solid var(--page00_box_border); border-radius: 6px; }
.page_style_00 .theme_box.active .img_con{ border-color: var(--page00_box_border_h); }
.page_style_00 .theme_box .text_con{ width: auto; height: auto; padding-left: 20px; display: inline-block; vertical-align: middle; }
.page_style_00 .theme_box .text_con > div{ max-width: 160px; }
/*하단 플로팅 (미리보기, 사이트개설)(새롭게분석, 사이트개설)*/
.page_style_00 .right_floating_btn_con{ position: fixed; right: 0; bottom: -320px; z-index: 5; width: 320px; padding: 30px 25px 31px 25px; background-color: var(--point_wv_04); transition: right var(--openHideTransition), bottom 0.5s; cursor: default; border-top-left-radius: 25px; border-top-right-radius: 25px;}
.page_style_00 .right_floating_btn_con .block_req.speech_bubble{ width: auto; z-index: 9999; border-radius: 7px; background-color: #000; padding: 4px 9px 3px 10px; position: absolute; box-shadow: 2px 2px 4px rgba(0, 0, 0,0.2); font-size: 12px; line-height: 18px; font-weight: 400; color: #fff; border: none; word-break: keep-all; top: 71px; left: unset; right:25px; text-align: center; font-weight: 800; animation: speechBubbleAni 0.5s infinite alternate}
.page_style_00 .right_floating_btn_con .block_req.speech_bubble::before{content: ''; z-index: 2; bottom: -3px; left: 19px; position: absolute; width: 5px; height: 5px; border: none; background: #000; transform: rotate(135deg);}
.page_style_00 .result_right_con.is_set .right_floating_btn_con{ bottom: 0; }
.page_style_00 .result_right_con.folded .right_floating_btn_con{ right: -320px !important; }
.page_style_00 .right_floating_btn_con .top_text{ font-size: 15px; font-size: 1.5rem; line-height: 22px; line-height: 2.2rem; font-weight: 600; color: #fff; margin-bottom: 18px; word-break: keep-all; text-align: center; }
/* 무료 배너 애니메이션 */
@keyframes speechBubbleAni {
    0% { transform: translateY(0); }
    100% { transform: translateY(-3px); }
}


/* 페이지타입 page_type_detail_popup */
.page_type_detail_popup .result_left_con iframe{ width: 100%; height: 100vh; }

/* AI추천결과 페이지 팝업 */


/* IMAGINE AND QUICK 테마 */
#portfolioDetailPopup .content_con{ overflow-y: auto; max-height: 100vh; }
#portfolioDetailPopup .content_con::-webkit-scrollbar{ width: 0; }
#portfolioDetailPopup .popup_page_close_btn{ top: 18px; }
#portfolioDetailPopup .popup_page_close_btn a{ background-image: url("/weven_service/asset/img/svg/icons8-close_popPage.svg"); }
#portfolioDetailPopup .report_text_box{ background-color: #f1f3f8; border-radius: 10px; padding: 20px 26px 20px 27px; font-size: 14px; font-size: 1.4rem; line-height: 22px; line-height: 2.2rem; font-weight: 300; word-break: keep-all; }
#portfolioDetailPopup .report_text_box .bold{ font-weight: 700; }
#portfolioDetailPopup .list_style_wrapper .card_overlay{ padding: 0; margin-bottom: 25px; }
#portfolioDetailPopup .history_box:hover .img_con{ border-color: var(--page00_box_border_h); }
#portfolioDetailPopup .history_box.active .img_con{ border-color: var(--page00_box_border_h); }
#portfolioDetailPopup .theme_box{ cursor: pointer; }
#portfolioDetailPopup .theme_box:hover .img_con{ border-color: var(--page00_box_border_h); }
#portfolioDetailPopup .theme_box .theme_subject{ font-size: 14px; font-size: 1.4rem; line-height: 16px; line-height: 1.6rem; font-weight: 600; word-break: break-all; }
#portfolioDetailPopup .theme_box .theme_tag{ margin-top: 11px; font-size: 11px; font-size: 1.1rem; line-height: 11px; line-height: 1.1rem; font-weight: 300; }
#portfolioDetailPopup .list_style_wrapper .card_nickname{font-weight: 700; font-size: 16px; font-size: 1.6rem;}
#portfolioDetailPopup .list_style_wrapper .favorite_cnt{font-weight: 500; margin-top: 2px;}
#portfolioDetailPopup .list_style_wrapper .origin_credit::after{border-bottom: 1px solid #000;}
#portfolioDetailPopup .list_style_wrapper .card_nickname{margin-bottom: 9px; margin-left: 3px;}
#portfolioDetailPopup .list_style_wrapper .card_desc{margin-bottom: 10px;}
#portfolioDetailPopup .list_style_wrapper .total_credit{font-weight: 500;}
#portfolioDetailPopup .list_style_wrapper .origin_credit{font-weight: 500;}
#portfolioDetailPopup .list_style_wrapper .favorite_con{top: -2px;}
#portfolioDetailPopup .list_style_wrapper .favorite_mark{width: 23px; height: 23px; border-radius: 50%; background-color: transparent; background-size: 14px; background-position: top 5px center;}
#portfolioDetailPopup .list_style_wrapper .favorite_mark:hover, #portfolioDetailPopup .list_style_wrapper .favorite_mark.active{background-color: #f12898; background-image: url("/weven_service/asset/img/svg/favorite_icon_white_1.svg");}





/* 5-1 분석결과 로그인 요구 팝업 */
.login_popup_wrapper{max-width: 560px;}
.login_popup_wrapper .btn_style_00_con .btn_style_0 {padding: 10px 25px 9px 25px; font-weight: 600;}
.login_panel_list {margin-top: 10px;}
.pop_login_txt {font-size: 17px; font-size: 1.7rem; line-height: 25px; line-height: 2.5rem; font-weight: 700; word-break: keep-all; }
.pop_login_desc{word-break: keep-all; font-size: 14px; font-size: 1.4rem; line-height: 22px; line-height: 2.2rem; font-weight: 400;}
#popLoginRequest .login_panel_list{margin-bottom: 20px;}
#popLoginRequest .btn_style_00_con{margin-bottom: 12px;}
#popLoginRequest .btn_style_3{font-weight: 400;}
#popLoginRequest .btn_style_3:hover{font-weight: 400;}
#popLoginRequest .btn_style_3:hover::after{content: ''; position: absolute; width: 100%; height: 0; border-bottom: 1px solid #000; left: 0; bottom: 0; top: auto; opacity: 0.5;}

/* 5-2 휴면해제 알림 팝업 */
#popLoginWaiting .login_panel_list{margin-bottom: 15px;}
#popLoginWaiting .login_desc_list {padding-left: 34px;padding-right: 34px;}

/* 5-3 회원탈퇴 팝업 */
#popLoginQuit .checkbox_con{text-align: center;}
#popLoginQuit .login_panel_list{margin-bottom: 15px;}
#popLoginQuit .login_panel_list.one_line_desc{margin-bottom: 10px;}
#popLoginQuit .position_ab {left: 128px;}

/* 하나의 파일로 합쳐지면 지울 예정 */
#popLoginQuit2 .login_panel_list.one_line_desc{margin-bottom: 10px;}
#popLoginQuit3 .login_panel_list.one_line_desc{margin-bottom: 10px;}

/* 5-4 비밀번호 변경 안내 팝업 */
#popLoginPwChange{ border-radius: 30px; }
#popLoginPwChange .start_wrap{ padding: 70px 75px; background-color: #fff; border-radius: 30px; }
#popLoginPwChange .popup_page_close_btn{ position: absolute; top: 15px; right: 15px; width: 40px; height: 40px; display: inline-block; }
#popLoginPwChange .popup_page_close_btn a{ display: inline-block; width: 100%; height: 100%; background-image: url("/weven_service/asset/img/svg/icons8-close_popPage.svg"); background-size: 27px; background-position: center; background-repeat: no-repeat; }
#popLoginPwChange .start_desc{ margin-top: 14px; margin-bottom: 40px;}
#popLoginPwChange .site_name_wrap{ height: 124px; display: flex; align-items: flex-end; margin-top: 4px;}
#popLoginPwChange .site_name_info{ font-size:15px; font-size:1.5rem; line-height:21px; line-height:2.1rem; margin-top: 16px; }
#popLoginPwChange .info_site_url{ font-size:15px; font-size:1.5rem; line-height:22px; line-height:2.2rem; font-weight: 700; letter-spacing: 0.01em; }
#popLoginPwChange .info_site_url{ color: var(--point_wv_01); font-weight: 600; }
#popLoginPwChange .info_site_url #urlText{ color: #000; font-weight: 700; }
#popLoginPwChange .info_format{ font-size:13px; font-size:1.3rem; line-height:20px; line-height:2.0rem; font-weight: 400; margin-top: 10px; }
#popLoginPwChange .valid_pw{margin-bottom: 15px;}
#popLoginPwChange .btn_style_00_con .btn_style_0.mint {padding: 10px 22px 9px 22px;}
#popLoginPwChange .input_style_0 {letter-spacing: 0.2em;}


/* 5-5 자동 로그아웃 안내 팝업 */
#popLogoutAuto .login_panel_list{margin-bottom: 10px;}


/* 6. 사이트개설 팝업 - 메인페이지에서 개설(start_site), IMAGINE&QUICK에서 개설(theme_detail_popup) */
.result_page_pop{ border-radius: 80px; overflow: visible; max-width: 420px;}
.result_page_pop .login_popup_style_close_btn_con{top: 13px; right: 33px; z-index: 5;}
.start_site_wrapper.result_page_pop .login_popup_style_close_btn_con{top: 13px; right: 13px; z-index: 5;}
.result_page_pop .result_pop_wrap{ padding: 60px 32px 57px 32px; border-radius: 20px; background-color: #f4f6fb; }
.result_page_pop .popup_page_close_btn{ position: absolute; top: 11px; right: 11px; width: 50px; height: 50px; display: inline-block; border: 2px solid #fff; background-color: #000; border-radius: 50%; box-sizing: border-box;}
.result_page_pop .popup_page_close_btn a{ display: inline-block; width: 100%; height: 100%; background-image: url("/weven_service/asset/img/svg/icons8-site_start_close.svg"); background-size: 26px; background-position: center; background-repeat: no-repeat; }
.result_page_pop .start_title{font-size: 29px; font-size: 2.9rem; line-height: 37px; line-height: 3.7rem; margin-bottom: 0; font-weight: 800;}
.result_page_pop .start_desc{ margin-top: 41px;}
.result_page_pop .start_desc::before{content: ''; position: absolute; width: 48px; border-bottom: 1px solid #000; top: -22px; left: 50%; transform: translateX(-50%);}
.result_page_pop .start_desc_txt{ margin-top:1px; font-size: 14px; font-size: 1.4rem; line-height: 22px; line-height: 2.2rem; font-weight: 500;}
.result_page_pop .start_desc_txt span { font-weight: 700;}

.result_page_pop .start_tip { margin-top: 15px; margin-bottom: 3px; display: flex; align-items: center; justify-content: center; }
.result_page_pop .tip_icon { display: inline-block; padding: 0px 6px; margin-right: 8px; border-radius: 3px; background-color: var(--point_wv_05); color: #ffffff; font-size: 10px; font-size: 1rem; line-height: 17.5px; line-height: 1.75rem; font-weight: 600; }
.result_page_pop .start_tip_txt { display: inline-block; font-size: 13px; font-size: 1.3rem; line-height: 22px; line-height: 2.2rem; font-weight: 300; }
.result_page_pop .start_tip_txt span { font-weight: 700; }

.result_page_pop .site_name_wrap{margin-top: 26px;display: flex; align-items: center; justify-content: center;}
.result_page_pop .site_name_wrap div{font-size: 20px; font-size: 2.0rem; line-height: 29px; line-height: 2.9rem; font-weight: 700;}
.result_page_pop .site_name_info{ font-size:15px; font-size:1.5rem; line-height:21px; line-height:2.1rem; margin-top: 30px; }
.result_page_pop .info_msg{font-size: 14px; font-size: 1.4rem; line-height: 22px; line-height: 2.2rem; font-weight: 700;}
.result_page_pop .info_msg.conf{color: var(--point_wv_05);}
.result_page_pop .info_msg.err{color: #dc1e7c;}
.result_page_pop .info_format{ font-size:14px; font-size:1.4rem; line-height:20px; line-height:2.0rem; font-weight: 400; margin-top: 4px; }
.result_page_pop .start_btn_con{text-align: center;}
.result_page_pop .site_start_btn{display: inline-block; min-width: 170px; font-size: 17px; font-size: 1.7rem; line-height: 24px; line-height: 2.4rem; font-weight: 600; background-color: #e1e6ef; border-radius: 28px; color: #f5f6f8; padding: 13px 30px 13px 33px; box-sizing: border-box; cursor: default; user-select: none; border: none; transition: padding 0.3s, background-color 0.3s; pointer-events: none;}
.result_page_pop .site_start_btn.active{background-color: var(--point_wv_04); color: #fff; min-width: 180px; padding: 13px 35px 13px 23px;background-image: url("/weven_service/asset/img/svg/icons8-chevron_right_w.svg"); background-position: right 11px top 13px; background-repeat: no-repeat; background-size: 23px; cursor: pointer; user-select: auto; font-weight: 800; pointer-events: auto;}
.start_site_complete { z-index: 10005; }
.start_site_complete .start_wrap{ margin-bottom: 110px;}
.start_site_complete .start_desc{ margin-top: 5px; margin-bottom: 55px; }
.start_site_complete .complete_img { width: 110px; height: 140px; background-image: url("/weven_service/asset/img/svg/zgai_symbol.svg"); background-size: contain; background-position: center; background-repeat: no-repeat;}
.start_site_complete  .weight_point_0 {font-weight: 800;}
.start_site_complete ul.center li{ padding-left: 10px; margin-bottom: 5px; font-size: 16px; font-size: 1.6rem; line-height: 19px; line-height: 1.9rem; font-weight: 400; text-align: center; }
.start_site_complete .flex_center_con {max-width: 500px;}

.result_page_pop .site_name_wrap .common_input_0_con .common_input_0::-webkit-input-placeholder{font-size:16px; font-size:1.8rem; }
.result_page_pop .site_name_wrap .common_input_0_con .common_input_0:-ms-input-placeholder{font-size:16px; font-size:1.8rem; }
.result_page_pop .site_name_wrap .common_input_0_con .common_input_0:-moz-placeholder{font-size:16px; font-size:1.8rem; }
.result_page_pop .site_name_wrap .common_input_0_con .common_input_0::-moz-placeholder{font-size:16px; font-size:1.8rem; }

/*FREE요금제 사이트생성 개수 제한 팝업*/
#freePaymentCreationLimit ul li{ position: relative; margin-bottom: 4px; padding-left: 10px; word-break: keep-all; font-size: 14px; font-size: 1.4rem; line-height: 20px; line-height: 2.0rem; }
#freePaymentCreationLimit ul li:last-child{ margin-bottom: 0; }
#freePaymentCreationLimit ul li:before{ content: ''; position: absolute; top: 11px; left: 0; width: 4px; height: 1px; background-color: #000; }
#freePaymentCreationLimit ul li.point_color{ color: red; }
#freePaymentCreationLimit ul li.point_color:before{ background-color: red; }
#freePaymentCreationLimit.result_page_pop .bottom_text{ text-align: center; font-weight: 700; margin-top: 20px; }
#freePaymentCreationLimit.result_page_pop .start_desc {margin-top: 62px;}
#freePaymentCreationLimit.result_page_pop .start_desc::before{top: -32px;}
#freePaymentCreationLimit.result_page_pop .start_desc_txt{padding: 0 20px;}
#freePaymentCreationLimit.result_page_pop .start_desc_content{padding-left: 10px; margin-bottom: 10px; word-break: keep-all;}
#freePaymentCreationLimit.result_page_pop .start_desc_content::before{content: '-'; position: absolute; left: 0; top: 0;}
#freePaymentCreationLimit.result_page_pop .start_desc_content.point_color{color: red; }
#freePaymentCreationLimit.result_page_pop .start_desc_content.point_color::before{color: red; }
#freePaymentCreationLimit.result_page_pop .site_name_info{margin-top: 60px;}
#freePaymentCreationLimit.result_page_pop .site_start_btn{cursor: pointer; color: #fff;}
#freePaymentCreationLimit.result_page_pop .info_msg{font-size: 18px; font-size: 1.8rem;}
#freePaymentCreationLimit.result_page_pop .site_start_btn.active{min-width: 170px;}


/* 아티스트 정보, 승인 거부 팝업 */
.retention_popup_body .pop_approve_wrap {margin-top: 40px;}
.retention_popup_body .pop_approve_wrap:first-child {margin-top: 0;}
.retention_popup_body .pop_approve_img_con { border-radius: 50%; width: 150px; height: 150px; margin: auto; display: flex; align-items: center; justify-content: center; border: 1px solid #e7e8ea; overflow:hidden; }
.retention_popup_body .pop_approve_img { width: 100%; height: 100%; object-fit: contain; }
.retention_popup_body .pop_approve_img.is_default{ width: 80px; height: 80px; }
.retention_popup_body .pop_approve_wrap textarea {margin-bottom: 0; font-size: 14px; font-size: 1.4rem; line-height: 22px; line-height: 2.2rem; font-weight: 400; }
.retention_popup_body .pop_approve_box{ border: 1px solid #e7e8ea; border-radius: 4px; padding: 19px 26px; font-size: 17px; font-size: 1.7rem; line-height: 23px; line-height: 2.3rem; font-weight: 700; word-break: keep-all; }
.retention_popup_body .pop_approve_title{ font-size: 17px; font-size: 1.7rem; line-height: 26px; line-height: 2.6rem; font-weight: 700; word-break: keep-all; }
.retention_popup_body .pop_approve_title { margin-bottom: 20px; }
.retention_popup_body .content_wrap { display:flex; align-items: center; margin-top: 9px; }
.retention_popup_body .content_wrap:first-child { margin-top: 0; }
.retention_popup_body .title_con { display: inline-block; width: 140px; font-size: 14px; font-size: 1.4rem; line-height: 22px; line-height: 2.2rem; font-weight: 700; }
.retention_popup_body .text_con{ display: inline-block; font-size: 14px; font-size: 1.4rem; line-height: 22px; line-height: 2.2rem; font-weight: 400; word-break: keep-all; position: relative; }
.retention_popup_body .text_con li { margin-top: 9px; }
.retention_popup_body .text_con li:first-child { margin-top: 0px; }


/*      =======================================================================================================      */


/* 페이지팝업(popup_page 클래스 붙은 페이지) 관련 */

/*공통*/
.popup_page_close_btn{ display: none; }
.view_popup_wrap .popup_page_close_btn{ display: block; z-index: 21; position: fixed; right: 15px; top: 200px; opacity: 0; }
.view_popup_wrap .popup_page_close_btn a{ display: inline-block; width: 40px; height: 40px; border-radius: 50%; transition: .3s;
    background-image: url("/weven_service/asset/img/svg/icons8-close_popPage.svg"); background-position: center; background-size: 27px; background-repeat: no-repeat; }
/* .view_popup_wrap .popup_page_close_btn a:hover{ background-color: #e2e8f3; } */
.view_popup_wrap .popup_page_close_btn a::before{content: ''; position: absolute; display: inline-block; width: 36px; height: 36px; border-radius: 50%; background-color: #fff; transition: 0.2s; box-shadow: 1px 3px 8px rgba(0, 0, 0, 0.25); top: 2px; left: 2px; z-index: -1;}
.view_popup_wrap .popup_page_close_btn.popup_show{ top: 13px; opacity: 1; transition: top .6s .3s, opacity .4s .3s; }


/*테마 상세*/
.site_favorite{ width: 21px; height: 21px; border-radius: 50%; background-color: #fff; position: absolute; right: 15px; top: 15px; text-indent: -1000px; overflow: hidden; cursor: pointer; transition: .2s;
    background-image: url("/weven_service/asset/img/svg/favorite_icon_before.svg"); background-position: left 4px top 4px; background-size: 13px 15px; background-repeat: no-repeat; }
.site_favorite:hover{ background-color: #ff75a4; background-image: url("/weven_service/asset/img/svg/favorite_icon_white.svg"); }
.site_favorite.active{ background-color: #ff75a4; background-image: url("/weven_service/asset/img/svg/favorite_icon_white.svg"); }
#portfolioDetailPopup .site_favorite{ width: 40px; height: 40px; right: 0; top: 0;
    background-image: url("/weven_service/asset/img/svg/favorite_icon_2_before.svg"); background-size: 17px; background-position: center; }
#portfolioDetailPopup .site_favorite:hover{ background-color: #e2e8f3; }
#portfolioDetailPopup .site_favorite.active{ background-color: #ff75a4; background-image: url("/weven_service/asset/img/svg/favorite_icon_2_white.svg"); }
#portfolioDetailPopup .designer_profile_wrap{ padding: 14px 68px 0 14px; }
#portfolioDetailPopup .designer_page_btn{ display: inline-block; font-size: 14px; font-size: 1.4rem; line-height: 24px; line-height: 2.4rem; font-weight: 700; padding-right: 16px; margin-left: 11px; margin-top: 8px;
    /*background-image: url("/weven_service/asset/img/svg/icons8-arw_right.svg");*/ background-position: right top 7px; background-size: 9px; background-repeat: no-repeat; }
#portfolioDetailPopup .designer_page_btn span{ font-size: 16px; font-size: 1.6rem; line-height: 24px; line-height: 2.4rem; font-weight: 700; }

/* 감상하기 - 팝업 */
.view_popup_wrap{position: fixed !important; z-index: 10005; top:10%; margin-top: 0 !important; left: 0 !important; margin-left: 0 !important; display:none; background-color: #eaeef7;
    transition:top .2s, opacity .2s; opacity:0; overflow-y: auto; -webkit-overflow-scrolling:touch; height: 100%; }
.view_popup_wrap.on{ display: block; }
.view_popup_wrap.popup_on{top: 0; opacity:1; transition:top .6s .3s, opacity .4s .3s; }
[data-wv-os="Mac"] .view_popup_wrap.popup_on { -webkit-transition:top .5s, opacity .8s; }
.view_popup_dim {position: fixed; display: none; top:0; left:0; width:100%; height:100%; background-color: #1b1c1e; opacity: 0; transform: translateY(15%); transition:transform .4s, opacity .4s; z-index:10001;}
.view_popup_dim.on { display: block; }
.view_popup_dim.popup_on{ transform:translateY(0); opacity: 1; transition:transform .8s, opacity .4s; }
.view_popup_wrap.theme_select { z-index: 20010; }
.view_popup_wrap .content_wrap{z-index: 10; transition:all .2s ease; padding-top:0; }
.view_popup_wrap .content_wrap.opacity_off{opacity:0 !important;}
.view_popup_wrap .content_wrap .bg_wrap {position: absolute; z-index: 1; top: 0; left: 0; background-color: transparent; height: 100%;}
.view_popup_wrap .content_wrap .bg_wrap .top_bg_box{background-color:#f0eff8; height:1088px;}
.view_popup_wrap .content_wrap .bg_wrap .bottom_bg_box{background-color:#f0eff8; height:calc(100% - 1088px);}
.view_popup_wrap .content_wrap .top_con{position: fixed; top:0; left: 0; z-index: 4;}
.view_popup_wrap.site_open_wrap .content_wrap .top_con{margin-bottom: 74px;}
.view_popup_wrap .content_wrap .top_con .logo{float: left; margin: 48px 0px 0px 51px;}
.view_popup_wrap .content_wrap .fixed_btn_con{position: fixed; top:24px; right:calc( (100% - ((1060 / 1400) * (100% + 100px))) / 2  ); z-index:9;
    display: flex; flex-direction: column; align-items: center;}

[data-wv-agent="iphone"] .view_popup_wrap .content_wrap .fixed_btn_con{position: -webkit-sticky; position: sticky; width: 41px; height: 41px; float: right; top:24px; right:calc( (100% - ((1060 / 1400) * (100% + 100px))) / 2  ); z-index:9;
    display: flex; flex-direction: column; align-items: center;}

.view_popup_wrap .content_wrap .top_con .close_btn img{}
.view_popup_wrap .content_wrap .content_con{}
.view_popup_wrap .content_wrap .step1,.view_popup_wrap .content_wrap .step2,.view_popup_wrap .content_wrap .step3{overflow: hidden; position: absolute; width: 100%;}

[data-wv-agent="iphone"] .view_popup_wrap .content_wrap .step1,.view_popup_wrap .content_wrap .step2,.view_popup_wrap .content_wrap .step3{overflow: visible; position: absolute; width: 100%;}

.view_popup_wrap .content_wrap .main_content_con{ padding-top: 48px; display: flex; align-items: stretch; justify-content: space-between;}
#blockDetailPopup .content_wrap .main_content_con{ padding-top: 67px; }
.view_popup_wrap .content_wrap .main_content_inner{ z-index: 3; transition:margin .6s ease, opacity .8s ease; margin-top:0; max-width: 4000px; }
.view_popup_wrap .content_wrap .sub_content_con{padding-top: 110px; margin-bottom: 145px;}
.view_popup_wrap .content_wrap .sub_content_inner{}

.sticky_top_btn_con .sticky_top_btn_inner{ display: flex; justify-content: center; }
.sticky_top_btn_con .popup_header_inner{ max-width: 4000px; }
.sticky_top_btn_con.fixed .popup_header_inner{ padding-left: 20px; padding-right: 20px; }
.sticky_top_btn_con.fixed + .popup_header_inner .popup_fixed_title_con{ position: fixed; top: 20px; z-index: 1; }

/*.view_popup_wrap .content_wrap .main_content_inner .userface_wrap { display: flex; align-items: center; }*/
/*.view_popup_wrap .content_wrap .main_content_inner .userface_wrap .userface { width:34px; height:34px; display: flex; align-items: center; justify-content: center; }*/
/*.view_popup_wrap .content_wrap .main_content_inner .userface_wrap .userface img { border-radius: 50%; height: 100%;}*/
/*.view_popup_wrap .content_wrap .main_content_inner .userface_wrap .user_info { font-size:0; line-height:0; }*/
/*.view_popup_wrap .content_wrap .main_content_inner .userface_wrap .user_info > li {display: inline-block; vertical-align: middle; font-size:13px; font-size:1.3rem; line-height:19px; line-height:1.9rem; font-weight: 300; letter-spacing: 0.0em; color: #fff; }*/
/*[data-wv-os="Mac"] .view_popup_wrap .content_wrap .main_content_inner .userface_wrap .user_info > li { font-weight: 300; }*/


.view_popup_wrap .content_wrap .main_content_con .close_popup_btn{position: absolute; right: 0; top: 0; width: 76px; height: 91px;}
.view_popup_wrap .content_wrap .main_content_con .close_popup_btn > a{display: inline-block; position: relative; width: 100%; height: 100%; z-index: 1;}
.view_popup_wrap .content_wrap .main_content_con .close_popup_btn > a > span{display: block; width: 34px; background-color: #fff; height: 3px; margin-left: 21px; margin-top: 28px;}
.view_popup_wrap .content_wrap .main_content_con .close_popup_btn > a > span:first-child{transform: rotate(45deg);}
.view_popup_wrap .content_wrap .main_content_con .close_popup_btn > a > span:last-child{margin-top: -3px; transform: rotate(-45deg);}

.view_popup_wrap .content_wrap .main_content_con .move_btn_con { display: none; min-width: 80px; justify-content: center; width: calc((100% - 960px) / 2);}
.view_popup_wrap .content_wrap .main_content_con .move_btn_con.on { cursor: pointer; }
.view_popup_wrap .content_wrap .main_content_con .move_btn_con .move_btn { position: fixed; }
.view_popup_wrap .content_wrap .main_content_con .move_btn_con .move_btn.prev { top: calc(50% + 22px);}
.view_popup_wrap .content_wrap .main_content_con .move_btn_con .move_btn.next { top: calc(50% - 48px);  }
.view_popup_wrap .content_wrap .main_content_con .move_btn_con .move_btn img { width: 0;}
.view_popup_wrap .content_wrap .main_content_con .move_btn_con.on .move_btn img { width: 30px; }

.view_popup_wrap .go_to_top_btn_con { position: fixed; right: 21px; bottom: 20px; z-index: 10002; width: 50px; height: 50px; display: none; justify-content: center; align-items: center; cursor: pointer; }
.view_popup_wrap .go_to_top_btn_con .go_to_top_btn { position: relative; padding-top: 14px; font-size:14px; font-size:1.4rem; line-height:20px; line-height:2.0rem; font-weight: 700; letter-spacing: 0.04em; color: #000; transition: color .2s;}
.view_popup_wrap .go_to_top_btn_con .go_to_top_btn::before { content: ''; position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 0; height:0; border-bottom: 6px solid #000; border-left: 6px solid transparent; border-right: 6px solid transparent; transition: .2s; }

.view_popup_wrap .popup_header_con{position: fixed; top:0; left:0; z-index: 11;}
.view_popup_wrap .popup_header_con .popup_top_content_wrap { display: flex; align-items: center; }
.view_popup_wrap .popup_header_inner {  }
.view_popup_wrap .popup_header_con .popup_header_inner{ position: fixed; top: 0px; z-index: 1; transform: translateY(-100%); background-color: #fff; }
#blockDetailPopup .popup_header_con .popup_header_inner { display: block; transform: translateY(0); opacity: 0; }
#blockDetailPopup .popup_header_con .popup_header_inner.fixed { opacity: 1; transition: opacity 0.4s 0.4s; }
.view_popup_wrap .popup_header_con .popup_header_inner .popup_header_box { padding: 17px 20px 18px;}
#blockDetailPopup .popup_header_con .popup_header_inner .popup_header_box { padding: 17px 20px 18px;}
.view_popup_wrap .popup_header_con .popup_header_inner .popup_header_box .create_site_btn_con { display: none; }
.view_popup_wrap .popup_header_con .popup_fixed_title_con{display:block;}
.view_popup_wrap .popup_fixed_title_con{float:left; /*display:none; */font-size:0; line-height:0; /*width:calc(100% - 280px);*/ overflow:hidden; text-overflow: ellipsis; white-space:nowrap;}
.view_popup_wrap .popup_fixed_title_con.off { opacity: 0; }
#pageDetailPopup.view_popup_wrap .popup_fixed_title_con{font-size:22px; font-size:2.2rem; line-height:28px; line-height:2.8rem; letter-spacing: 0.04em; color:#fff; font-weight:500; }
.view_popup_wrap .popup_fixed_title_con span{font-size:19px; font-size:1.9rem; line-height:29px; line-height:2.9rem; letter-spacing: 0.04em; color:#000; font-weight:600; }
.view_popup_wrap .popup_fixed_title_con .opacity{opacity:0.2;}
.view_popup_wrap .popup_fixed_title_con .popup_fixed_title {  font-size:17px; font-size:1.7rem; line-height:23px; line-height:2.3rem; font-weight: 400; letter-spacing: -0.02em; color: #fff; }
.view_popup_wrap .popup_fixed_btn_con{float:right; font-size:0; line-height:0; text-align: right;}
.view_popup_wrap .popup_fixed_btn_con .popup_fixed_btn{ font-size: 0; line-height: 0; margin-right: 35px; position: relative; display:inline-block; vertical-align: top; text-align: center; width: 18px; height: 25px; background-repeat: no-repeat; background-size: 18px 17px; background-position: center center; background-image: url('../img/18x17_ffffff_X_icon.png'); transition: opacity 0.2s ease; opacity: 0.3;}
.view_popup_wrap .popup_fixed_btn_con .popup_fixed_btn:hover { opacity: 1; }
.view_popup_wrap .popup_fixed_btn_con .popup_fixed_btn:last-child{ margin-right: 0; }
.view_popup_wrap .popup_fixed_btn_con .popup_fixed_btn.top{display:none; background-image: url('../img/arrow_17x9_ffffff_top.png'); background-size: 17px 9px;}
.view_popup_wrap .popup_header_con.fixed .popup_fixed_btn_con .popup_fixed_btn.top{display:inline-block; margin-right: 39px;}
.view_popup_wrap .popup_fixed_btn_con .popup_fixed_btn.prev {background-image: url('../img/arrow_9x17_ffffff_left.png'); background-size: 9px 17px; margin-right: 41px;}
.view_popup_wrap .popup_fixed_btn_con .popup_fixed_btn.next {background-image: url('../img/arrow_9x17_ffffff_right.png'); background-size: 9px 17px;}

.view_popup_wrap .popup_fixed_size_btn_con { float: right; font-size:17px; font-size:1.7rem; line-height:23px; line-height:2.3rem; font-weight: 500; }
.view_popup_wrap .popup_fixed_size_btn_con a:after{content: ''; height: calc(100% - 16px); width: 1px; background-color: #000; opacity: 0.3; position: absolute; top: 8px; right: -12px; }
.view_popup_wrap .popup_fixed_size_btn_con a:last-child:after{ content: none; }
.view_popup_wrap .popup_header_con .popup_fixed_size_btn_con { bottom: 16px; }
.view_popup_wrap .popup_fixed_size_btn_con .popup_fixed_size_btn{ display: inline-block; position: relative; opacity: 0.3; box-sizing: border-box; padding: 4px 3px 3px 3px; margin-right: 19px; }
.view_popup_wrap .popup_fixed_size_btn_con .popup_fixed_size_btn > img { width: 18px; }
.view_popup_wrap .popup_fixed_size_btn_con .popup_fixed_size_btn > img.retina { display: none; }
[data-wv-pc="mobile"] .view_popup_wrap .popup_fixed_size_btn_con .popup_fixed_size_btn > img.default { display: none; }
[data-wv-pc="mobile"] .view_popup_wrap .popup_fixed_size_btn_con .popup_fixed_size_btn > img.retina { display: inline-block; }
[data-wv-os="Mac"] .view_popup_wrap .popup_fixed_size_btn_con .popup_fixed_size_btn > img.default { display: none; }
[data-wv-os="Mac"] .view_popup_wrap .popup_fixed_size_btn_con .popup_fixed_size_btn > img.retina { display: inline-block; }
.view_popup_wrap .popup_fixed_size_btn_con .popup_fixed_size_btn.web > img { width: 30px; }
.view_popup_wrap .popup_fixed_size_btn_con .popup_fixed_size_btn:last-child{ margin-right: 0; }
.view_popup_wrap .popup_fixed_size_btn_con .popup_fixed_size_btn.active{ opacity: 1; }
.view_popup_wrap .popup_fixed_size_btn_con .popup_fixed_size_btn:hover { opacity: 1; }

.popup_title_desc_con {color: #fff; text-align: left;}
.popup_title_desc_con .title_con{}
.popup_title_desc_con .title_con .title{opacity: 0; transition:all .4s .3s ease; display:none; font-size:0; line-height:0;}
#pageDetailPopup .popup_title_desc_con .title_con .title{font-size: 25px; font-size: 2.5rem; line-height: 31px; line-height: 3.1rem; letter-spacing: 0.04em; font-weight: 500; color: #fff; }
.popup_title_desc_con .title_con .title.on{display:block;}
.popup_title_desc_con .title_con .title.event_on{opacity:1;}
.popup_title_desc_con .title_con .title span{font-size: 25px; font-size: 2.5rem; line-height: 31px; line-height: 3.1rem; letter-spacing: 0.04em; font-weight: 500; color: #fff;}
.popup_title_desc_con .title_con .title .opacity{opacity: 0.2;}
.popup_title_desc_con .title_con .serial_no{margin-top: 20px; font-size: 18px; font-size: 18px; line-height: 1.8px; line-height: 1.8rem; font-weight: 400; letter-spacing: -0.02px;}
.popup_title_desc_con .desc_con{}
.popup_title_desc_con .desc_con .name{text-transform: uppercase; color: #fff; font-size: 15px; font-size: 1.5rem; line-height: 22px; line-height: 2.2rem; letter-spacing: 0.06em; font-weight: 300; opacity: 0; transition:all .4s .4s ease; display:none;}
.popup_title_desc_con .desc_con .name.on{display:block;}
.popup_title_desc_con .desc_con .name.event_on{opacity: 1;}
.popup_title_desc_con .desc_con .desc{font-size: 17px; font-size: 1.7rem; line-height: 28px; line-height: 2.8rem; letter-spacing: -0.01em; font-weight: 100; word-break: keep-all;}
.popup_title_desc_con .desc_con .desc br{display:none;}
.popup_title_desc_con .date{font-size: 21px; font-size: 2.1rem; line-height: 27px; line-height: 2.7rem; letter-spacing: 0.04em; font-weight: 400; color:#fff; word-break: keep-all;
    position: absolute; top:0; right:0;}


/* portfolio popup */
.list_style_1_con{}
.list_style_1_con li{position: relative; padding-left:13px; box-sizing: border-box; margin-bottom: 8px;}
.list_style_1_con li:before{content: ""; border-bottom: 1px solid #000; position: absolute;  top: 16px;  left: 0;  width: 5px;}

.popup_title_desc_con{padding-left: 35px;}

.theme_img_con{opacity: 0; display:none; font-size:0; line-height:0; text-align: center;}
.theme_img_con.on{display:block;}
.theme_img_con .theme_img_box_list{margin-bottom: 0; font-size: 0; line-height: 0;}
.theme_img_con img { width: 100%; margin-bottom: 30px; }
#blockDetailPopup .theme_img_con img { opacity: 0; transition: opacity 1s, background-image .5s; }
#blockDetailPopup .theme_img_con img.lazy { opacity: 1; }
#blockDetailPopup .theme_img_con img.loaded { opacity: 1; }

.theme_mobile_img_con { opacity: 0; transition:all .4s .2s ease; display:none; font-size:0; line-height:0; }
.theme_mobile_img_con.on {display: block;}
.theme_mobile_img_con.event_on { opacity: 1; }

.view_popup_wrap .create_site_btn_con { font-size: 0; line-height: 0; margin-bottom: 50px; display: flex; justify-content: center; }
.view_popup_wrap.theme_select .create_site_btn_con { display: none; }
.view_popup_wrap.theme_select .create_site_btn_con.theme_select_btn_con { display: flex; }
.view_popup_wrap .design_info_wrap .create_site_btn_con { display: none; }
.view_popup_wrap.theme_select .design_info_wrap .create_site_btn_con.theme_select_btn_con { display: none; }
.view_popup_wrap .create_site_btn_con.fixed { position: fixed; /*left: 0; */top: 30px; margin-top: 0; z-index: 11; }
.view_popup_wrap .create_site_dim { width: 100%; position: fixed; height: 100%; left: 0; top: 0; background-color: #000; opacity: 0.6; z-index: 10; display: none; }
.view_popup_wrap .create_site_dim.on { display: block; }
.create_site_btn_con .create_site_btn { width: 236px; padding: 15px 20px 15px 28px; cursor: pointer;  font-size:17px; font-size:1.7rem; line-height:24px; line-height:2.4rem; font-weight: 700; letter-spacing: -0.02em;  color:#fff; word-break: keep-all; border-radius: 50px; background-color: #453fe8;}
.create_site_btn_con .create_site_btn.theme_select_btn { width: 156px; }
[data-wv-os="Mac"] .create_site_btn_con .create_site_btn{ padding: 14px 20px 14px 28px; }
[data-wv-pc="mobile"] .create_site_btn_con .create_site_btn{ padding: 14px 20px 14px 28px; }
.create_site_btn_con .create_site_btn > span{display: inline-block; position: relative; padding-left: 28px; /*padding-right: 90px; */}
.create_site_btn_con .create_site_btn > span:not(.free_term)::before { content: ''; position: absolute; top: 4px; left: 0; width: 23px; height: 18px; background-image: url("../img/makesite_icon.png"); background-size: 23px 18px; background-position: center center; background-repeat: no-repeat; }
[data-wv-pc="mobile"] .create_site_btn_con .create_site_btn > span:not(.free_term)::before { background-image: url("../img/retina/makesite_icon_mac.png"); top: 3px; }
[data-wv-os="Mac"] .create_site_btn_con .create_site_btn > span:not(.free_term)::before { background-image: url("../img/retina/makesite_icon_mac.png"); top: 3px; }
.create_site_btn_con .create_site_btn > span.free_term { margin-left: 7px; font-size: 15px; font-size: 1.5rem; line-height: 22px; line-height: 2.2rem; font-weight: 500; padding: 2px 13px; background-color: #fff; border-radius: 30px; color: #453fe8; vertical-align: top;}
[data-wv-pc="mobile"] .create_site_btn_con .create_site_btn > span.free_term { padding: 2px 13px 1px; }
.popup_header_box .create_site_btn_con .create_site_btn > span.free_term { margin-left: 10px; border-radius: 5px; padding: 2px 10px; }

.create_site_btn_con .create_site_btn .create_site_free_btn{position: relative; width:77px; text-align: center; margin-left: 12px; padding-bottom: 1px;
    display: inline-block; font-size:15px; font-size:1.5rem; line-height:24px; line-height:2.4rem; font-weight: 300; letter-spacing: -0.06em; color:#fff;
    border:1px solid #fff; border-radius: 3px; box-sizing: border-box;}
.create_site_btn_con .create_site_btn .create_site_free_btn::before{content: ""; position: absolute; z-index: 1; left: -4px; top:8px; width: 0; height: 0; border-top: 4px solid transparent; border-bottom: 4px solid transparent; border-right: 4px solid #453fe8; border-left: none;}
.create_site_btn_con .create_site_btn .create_site_free_btn::after{content: ""; position: absolute; left: -5px; top:7px; width: 0; height: 0; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-right: 5px solid #fff; border-left: none;}









/*      =======================================================================================================      */


body{-webkit-text-size-adjust:none; -webkit-overflow-scrolling:touch; -webkit-font-smoothing: antialiased; overflow-anchor: none;}
a{-webkit-tap-highlight-color:transparent;}
a:link, a:visited {text-decoration:none; color: inherit;}
a:hover {text-decoration:none;}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    transition: background-color 5000s ease-in-out 0s;
    -webkit-transition: background-color 9999s ease-out;
    -webkit-box-shadow: 0 0 0px 1000px white inset !important;
}

/*.font_helve{font-family: 'Helvetica Neue' !important;}*/
/*.font_roboto{font-family: 'Roboto' !important;}*/
/*.font_playfair{font-family: 'Playfair Display' !important;}*/
/*.font_carmen { font-family: 'Carmen Sans' !important; letter-spacing: -0.0em !important; }*/

[data-wv-agent="ipad"][data-wv-os="Mac"] .pb6-ipad{padding-bottom: 6px;}

/* point color #6738ff */
.point0{color:#5c56f1 !important;}
.bg_point0{background-color:#5c56f1 !important;}
.svg_point0{fill:#5c56f1 !important;}
.stroke_point0{stroke:#5c56f1 !important;}
.border_point0{border-color:#5c56f1 !important;}
.before_point0::before{color:#5c56f1 !important;}
.before_bg_point0::before{background-color:#5c56f1 !important;}
input:checked + label.checked_before_bg_point0::before{background-color: #5c56f1 !important;}
.after_point0::after{color:#5c56f1 !important;}
.after_bg_point0::after{background-color:#5c56f1 !important;}

.point1{color:#4eb3f3 !important;}
.bg_point1{background-color:#4eb3f3 !important;}
.svg_point1{fill:#4eb3f3 !important;}
.stroke_point1{stroke:#4eb3f3 !important;}
.border_point1{border-color:#4eb3f3 !important;}
.before_point1::before{color:#4eb3f3 !important;}
.before_bg_point1::before{background-color:#4eb3f3 !important;}
input:checked + label.checked_before_bg_point1::before{background-color: #4eb3f3 !important;}
.after_point1::after{color:#4eb3f3 !important;}
.after_bg_point1::after{background-color:#4eb3f3 !important;}

.section .section_title{ font-size:35px; font-size:3.5rem; line-height:46px; line-height:4.6rem; font-weight: 700; letter-spacing: -0.06em; word-spacing: -0.015em; color: #000; word-break: keep-all;}
.section.solution .section_title{ text-align: center; font-size:27px; font-size:2.7rem; line-height:40px; line-height:4.0rem; font-weight: 600; max-width: 420px; float: none; margin-left: auto; margin-right: auto; overflow:hidden; letter-spacing: -0.04em;}
.section .section_sub_title{position: relative; font-size:19px; font-size:1.9rem; line-height:25px; line-height:2.5rem; font-weight: 700; letter-spacing: 0.0em; word-spacing: -0.04em; color: #000; margin-bottom: 18px; display: none;}
.section.reverse .section_title{color: #fff;}
.section.reverse .section_sub_title{color: #fff;}

.intro_wrap_inner { max-width:1500px; overflow:hidden; }
.intro_wrap_inner img { width: 100%; }

[data-wv-para] { opacity: 0; transform: translateY(60px); transition: opacity .3s cubic-bezier(.39,.575,.565,1), transform .3s cubic-bezier(.39,.575,.565,1); /*transition-property: opacity, transform !important; transition-duration: 0.3s !important; transition-delay: 0s !important; */}
[data-wv-para].fadeup { opacity: 1; transform: translateY(0); }

.text_wv_eng { line-height: 0 !important; letter-spacing: -0.01em !important;}

/* btn_style_0_con  btn_style_0 - bg:#5c56f1, color:#fff, border-radius:50px -> (hover) bg:#6f69ff*/
.btn_style_0_con{}
.btn_style_0_con .btn_style_0{ padding-top: 1px; border-radius: 50px; display:inline-flex; align-items: center; justify-content: center; /*width:166px; */ width: auto; height: 46px; font-size:18px; font-size:1.8rem; line-height:24px; line-height:2.4rem; letter-spacing: -0.02em; font-weight: 600; color:#fff; text-align: center; background-color: #5c56f1;
    padding-left: 5px; padding-right: 0; box-sizing: border-box; cursor: pointer; transition: .2s; }
[data-wv-os="Mac"] .btn_style_0_con .btn_style_0 { padding-bottom: 0; padding-top: 1px;}
.btn_style_0_con button[type="submit"].btn_style_0{margin:0; border:none; -webkit-appearance: none; -moz-appearance: none; outline:none;}
.btn_style_0_con .btn_style_0.width105{width: 85px;}
.btn_style_0_con .btn_style_0.width145{width: 125px;}
.btn_style_0_con .btn_style_0.width155{width: 135px;}
.btn_style_0_con .btn_style_0.width165{width: 145px;}
.btn_style_0_con .btn_style_0.width174{width: 154px;}
.btn_style_0_con .btn_style_0.width174Important{width: 174px !important;}
.btn_style_0_con .btn_style_0.width194{width: 174px;}
.btn_style_0_con .btn_style_0.width214{width: 194px;}
.btn_style_0_con .btn_style_0.width225{width: 205px;}
.btn_style_0_con .btn_style_0.width240{width: 220px;}
.btn_style_0_con .btn_style_0.width265{width: 245px;}
.btn_style_0_con .btn_style_0.width_auto{width: auto; padding-left: 24px; padding-right: 24px;}
.btn_style_0_con .btn_style_0.type_2{/*width: 84px; */ padding-left: 10px; padding-right: 10px; width: auto; height: 35px; font-size:15px; font-size:1.5rem; line-height:21px; line-height:2.1rem; font-weight: 400; transition: width .2s ease;}
[data-wv-os="Mac"] .btn_style_0_con .btn_style_0.type_2{ font-weight: 500; }

.btn_style_0_con .btn_style_0.login_btn{width: 100%; height: auto; display: inline-block; font-size:14px; font-size:1.4rem; line-height:20px; line-height:2.0rem;
    padding: 15px 30px 15px 30px; border-radius: 4px; background-color: #3d3d3d; color: #fff;}
.btn_style_0_con .btn_style_0.login_btn:hover{background-color: #4d4d4d;}
.btn_style_0_con .btn_style_0.login_btn.type_2{width: auto; padding: 11px 22px 11px 22px;}

/* btn_style_1_con  btn_style_1 - border:#5c56f1, bg:#fff, color:#5c56f1 -> (hover) bg:#5c56f1, color:#fff */
.btn_style_1_con{}
.btn_style_1_con .btn_style_1{ position: relative; display: flex; align-items: center; justify-content: center; height: 33px; font-size:15px; font-size:1.5rem; line-height:21px; line-height:2.1rem; font-weight: 600; letter-spacing: -0.01em; color:#5c56f1; border: 1px solid #5c56f1; padding-left: 14px; padding-right:13px; padding-top: 1px; padding-bottom: 0; box-sizing: border-box; cursor: pointer; border-radius: 3px; transition: background-color 0.2s, color 0.2s;}
[data-wv-os="Mac"] .btn_style_1_con .btn_style_1 { padding-bottom: 0; padding-left: 11px; padding-right: 10px; letter-spacing: -0.02em;}
[data-wv-agent="iphone"] .btn_style_1_con .btn_style_1 { letter-spacing: -0.02em;}
.btn_style_1_con .btn_style_1.type_2{height: 40px;}
.btn_style_1_con .btn_style_1.width99{width: 85px;}
.btn_style_1_con .btn_style_1.available { cursor: default; background-color: #5c56f1; text-indent: -10000px; background-image: url("../img/check_fff_17x12.png"); background-size: 17px 12px; background-position: center center; background-repeat: no-repeat; }

/* btn_style_2_con  btn_style_2 - color:#000, 오른쪽 화살표 -> (hover) color:#6738ff */
.btn_style_2_con{font-size:0px; font-size:0rem; line-height:0px; line-height:0.0rem;}
.btn_style_2_con .btn_style_2{position: relative; display: inline-block; font-size:17px; font-size:1.7rem; line-height:23px; line-height:2.3rem; height: auto; padding: 0 19px 0 19px; background-color: transparent; border: none; border-radius: 0; letter-spacing: -0.025em; font-weight: 500; color:#000; box-sizing: border-box; transition: all .2s;}
.btn_style_2_con .btn_style_2:first-child{padding-left: 0;}
.btn_style_2_con .btn_style_2:last-child{padding-right: 0;}
.btn_style_2_con .btn_style_2:after{content:''; position: absolute; top:5px; right: 0; height: calc(100% - 7px); border-right:1px solid #e6e5ef; display: none;}
.btn_style_2_con .btn_style_2:last-child:after{content: none;}
.btn_style_2_con .btn_style_2 span { padding-right: 17px; position: relative; }
.btn_style_2_con .btn_style_2 span::after { content: ''; position: absolute; top: 7px; right:0; width: 7px; height: 12px; background-image: url("../img/arrow_black_7x12_right.png"); background-size: 7px 12px; background-position: center; background-repeat: no-repeat; transition: background-image .2s; }
[data-wv-pc="mobile"] .btn_style_2_con .btn_style_2 span::after { background-image: url("../img/retina/arrow_black_7x12_right_mac.png"); top: 5px; }
[data-wv-os="Mac"] .btn_style_2_con .btn_style_2 span::after { background-image: url("../img/retina/arrow_black_7x12_right_mac.png"); top: 5px; }

/* btn_style_3_con  btn_style_3 - color:#000 -> (hover) color:#6738ff */
.btn_style_3_con .btn_style_3{position: relative; display: inline-block; font-size:15px; font-size:1.5rem; line-height:21px; line-height:2.1rem; font-weight: 600; color:#4eb3f3; box-sizing: border-box; transition: .2s; padding-right: 20px; margin-right: 16px;}
.btn_style_3_con .btn_style_3:after{content: ''; position: absolute; right: 0; top: 3px; border-right: 1px solid #dbe3f1; height: calc(100% - 6px);}
.btn_style_3_con .btn_style_3:last-child{padding-right: 0; margin-right: 0;}
.btn_style_3_con .btn_style_3:last-child:after{content: none;}
/* btn_style_3 type */
.btn_style_3_con .btn_style_3.white{color:#fff;}
.btn_style_3_con .btn_style_3.type_2{font-size:14px; font-size:1.4rem; font-weight: 500; color:#000;}

/* btn_style_4_con  btn_style_4 - bg:#453fe8, color:#fff */
.btn_style_4_con { /*font-size: 0;*/ }
.btn_style_4 { display: inline-block; box-sizing: border-box; background-color: #453fe8; border-radius: 12px; overflow: hidden; padding: 13px 19px; }
.btn_style_4.type_icon { padding: 13px 22px 13px 19px; }
.btn_style_4 > span { font-size:17px; font-size:1.7rem; line-height:23px; line-height:2.3rem; letter-spacing: -0.02em; font-weight: 600; color:#fff; }
.btn_style_4.type_icon > span { padding-left: 32px; position: relative; }
.btn_style_4.type_icon > span::before { content: ''; position: absolute; top: -1px; left: 0; width: 25px; height: 25px; background-image: url("../img/retina/weven_bg_circle_retina.png"); background-size: cover; background-position: center center; background-repeat: no-repeat; }
.btn_style_4.type_icon.artist > span::before { background-image: url("../img/retina/weven_artist_bg_circle_retina.png"); }
.btn_style_4.type_icon.theme > span::before { background-image: url("../img/retina/weven_theme_bg_circle_retina.png"); }
.btn_style_4.type_lg { padding: 12px 28px 12px 26px; border-radius: 8px; }
.btn_style_4.type_lg > span { font-size:20px; font-size:2.0rem; line-height:26px; line-height:2.6rem; }
.btn_style_4.type_lg > span { padding-left: 36px; }
.btn_style_4.type_lg > span::before { content: ''; position: absolute; top: 1px; left: 0; width: 26px; height: 26px; background-image: url("../img/retina/weven_bg_circle_retina.png"); background-size: cover; background-position: center center; background-repeat: no-repeat; }
.btn_style_4.type_xl { padding: 28px 56px 28px 52px; border-radius: 20px; }
.btn_style_4.type_xl > span { font-size:40px; font-size:4.0rem; line-height:48px; line-height:4.8rem; }
.btn_style_4.type_xl > span { padding-left: 80px; }
.btn_style_4.type_xl > span::before { top: 1px; width: 55px; height: 55px; }
.btn_style_4.type_border { padding: 11px 17px; border: 2px solid #fff; }
/* btn_style_4 type */
.btn_style_4.type_2 { border: none; padding: 11px 17px; background-color: #2d62e4; border-radius: 4px; color: #fff;
    font-size: 14px; font-size: 1.4rem; line-height: 20px; line-height: 2.0rem; letter-spacing: -0.02em; font-weight: 400; }
.btn_style_4.type_3 { border: 1px solid #d7dfe7; padding: 5px 17px 5px 17px; background-color: #fff; border-radius: 4px; color: #2a2a2a;
    font-size: 13px; font-size: 1.3rem; line-height: 20px; line-height: 2.0rem; letter-spacing: -0.02em; font-weight: 400; }
.btn_style_4.type_3:hover {border-color: #8899aa; font-weight: 700;}

/* btn_style_5_con  btn_style_5 - color:#000, weight:500, underline -> (hover) weight:700 */
.btn_style_5_con .btn_style_5{position: relative; display: inline-block; font-size:13px; font-size:1.3rem; line-height:20px; line-height:2.0rem; font-weight: 500; color:#000; box-sizing: border-box; transition: .2s;}
.btn_style_5_con .btn_style_5:after{content: ''; position: absolute; left: 0px; bottom: 1px; background-color: #848d94; height: 1px; width: 100%;}
.btn_style_5_con .btn_style_5:hover{font-weight: 700;}
.btn_style_5_con .btn_style_5:hover:after{background: #000;}
.btn_style_5_con .btn_style_5.type_2{line-height:24px; line-height:2.4rem;}
.btn_style_5_con .btn_style_5:after{bottom: 0px;}

/* btn_style_6_con  btn_style_6 - color:#fff, bg:#2d62e4, 체크아이콘 -> (hover) bg:#4775e7 */
.btn_style_6_con .btn_style_6{ padding: 13px 21px 14px 45px; background-image: url("/weven_template/theme/weven/resource/img/svg/checkbtn_icon.svg"); background-size: 11px 9px; background-position: left 27px top 19px; background-repeat: no-repeat;
    display: inline-block; vertical-align: middle; font-size: 14px; font-size: 1.4rem; line-height: 20px; line-height: 2.0rem; letter-spacing: -0.02em; font-weight: 400;
    color: #fff; background-color: #3d3d3d; border-radius: 4px; overflow: hidden; cursor: pointer; }
.btn_style_6_con .btn_style_6:hover{ background-color: #47494f; }



/*      =======================================================================================================      */


/*새로운 스타일 - 23.06.15 jde*/

/*버튼*/
/* btn_style_00_con */
/* btn_style_00_con 공통속성 */
.btn_style_00_con a[class^=btn_style_]{ display: inline-block; box-sizing: border-box; text-align: center; transition: color,background-color 0.15s; }
.btn_style_00_con a[class^=btn_style_].w100{ width: 100%; padding-left: 0; padding-right: 0; }
/*.btn_style_00_con a[class^=btn_style_].credit { background-image: url("/weven_service/asset/img/svg/credit_icon.svg"); background-position: left 35px center; background-size: 18px; background-repeat: no-repeat; }*/
.btn_style_00_con a[class^=btn_style_].credit span{ padding-left: 25px; background-image: url("/weven_service/asset/img/svg/credit_icon.svg"); background-position: left center; background-size: 18px; background-repeat: no-repeat; }
/*.btn_style_00_con a[class^=btn_style_].plus{ background-image: url("/weven_service/asset/img/svg/icons8-plus_circle_blue.svg"); background-position: right 11px center; background-size: 15px; background-repeat: no-repeat; }*/
/*.btn_style_00_con a[class^=btn_style_].plus span{ padding-right: 15px;}*/
.btn_style_00_con a[class^=btn_style_].plus span{ padding-right: 23px; background-image: url("/weven_service/asset/img/svg/icons8-plus_circle_blue.svg"); background-position: right center; background-size: 17px; background-repeat: no-repeat; }
.btn_style_00_con.po_ab{ position: absolute; left: 50%; bottom: 0; transform: translate(-50%, 0); z-index: 1; }
.btn_style_00_con.po_ab_bottom_right{ position: absolute; right: 0; bottom: 13px; z-index: 1; }


/* btn_style_00_con  btn_style_0 - bg: mint1, color: 흰색, hover: 화살표 등장 */
.btn_style_00_con .btn_style_0{ display: inline-block; text-align: center; padding: 14px 35px 13px 35px; background-color: var(--point_wv_01); color: #fff !important; border: 1px solid var(--point_wv_01); border-radius: var(--box_radius_0);
    font-size: 15px; font-size: 1.5rem; line-height: 21px; line-height: 2.1rem; font-weight: 700; text-align: center; position: relative; cursor: pointer; }
.btn_style_00_con .btn_style_0.white{ background-color: #fff; color:  var(--point_wv_01) !important; border-color: var(--box_border_10);}
.btn_style_00_con .btn_style_0.white:hover{border-color: var(--box_border_10_h);}
/* 230719 jsw 화살표 삭제*/
/*.btn_style_00_con .btn_style_0:after{ content: none; width: 12px; height: 12px; position: absolute; right: 12px; top: 16px; transform: translateX(-100%); opacity: 0; transition: all 0.3s; background-image: url(""); background-size: contain; background-position: center; background-repeat: no-repeat; }*/
/*.btn_style_00_con .btn_style_0.white:after{ background-image: url(""); }*/
.btn_style_00_con .btn_style_0:hover:after{ transform: translateX(0); opacity: 1; }
.btn_style_00_con .btn_style_0.mint:hover{ background-color: var(--point_wv_01_h); border-color: var(--point_wv_01_h); }
.btn_style_00_con .btn_style_0.light{font-size: 14px; font-size: 1.4rem; font-weight: 500; padding: 5px 10px 5px 10px;}
.btn_style_00_con .btn_style_0.long_txt{padding-left: 10px; padding-right: 10px;}


/* btn_style_00_con  btn_style_1 - bg: 흰색, border: 있음 */
.btn_style_00_con .btn_style_1{ /*width: 150px;*/ padding: 13px 15px 13px 15px; background-color: #fff; border: 1px solid var(--point_wv_00_b); border-radius: 4px; color: var(--point_wv_00_b);
    font-size: 13px; font-size: 1.3rem; line-height: 19px; line-height: 1.9rem; font-weight: 600; }
.btn_style_00_con .btn_style_1:hover{ border-color: var(--point_wv_00); color: var(--point_wv_00); }
/* btn_style_00_con  btn_style_1  thin - 높이 작음 */
.btn_style_00_con .btn_style_1.thin{ padding: 7px 15px 7px 18px; }
.btn_style_00_con .btn_style_1.thin_type_2{ padding: 7px 10px 7px 14px; }
/* btn_style_00_con  btn_style_1  w_type_2 - 너비 고정 */
.btn_style_00_con .btn_style_1.w_type_2{ width: 96px; }
.btn_style_00_con .btn_style_1.w_type_3{ min-width: 370px; padding: 21px 14px 21px 16px; font-size: 17px; font-size: 1.7rem; border-radius: 8px; border: 1px solid var(--point_wv_00_b); font-weight: 700; box-sizing: border-box; margin-bottom: 14px;}
.btn_style_00_con .btn_style_1.w_type_3:hover{border-color: var(--point_wv_00);}
.btn_style_00_con .btn_style_1.w_type_4{}
/* btn_style_00_con  btn_style_1  type_2 - 폰트, padding 변경 ( 요금제(이용권) 화면에서 사용 ) */
.btn_style_00_con .btn_style_1.type_2{ border-radius: 5px; padding: 14px 20px 13px 20px; font-size: 16px; font-size: 1.6rem; line-height: 22px; line-height: 2.2rem; font-weight: 500; }
/* btn_style_00_con  btn_style_1  bg_mint1 - bg: mint1, color: fff */
.btn_style_00_con .btn_style_1.bg_mint1{ background-color: var(--point_wv_01); border-color: var(--point_wv_01); color: #fff; }
.btn_style_00_con .btn_style_1.bg_mint1:hover{ background-color: var(--point_wv_01_h); border-color: var(--point_wv_01_h); }
/* btn_style_00_con  btn_style_1  bg_black - bg: black, color: white */
.btn_style_00_con .btn_style_1.bg_black{ background-color:#000; border-color: #000; color: #fff; }
.btn_style_00_con .btn_style_1.bg_black:hover{ background-color:#555; border-color: #555; }
/*in_list*/
.btn_style_00_con .btn_style_1.in_list{ border-radius: var(--box_radius_0); border: none; box-shadow: 0 0 0 1px var(--box_border_00) inset; padding: 17px 15px 17px 15px;}
.btn_style_00_con .btn_style_1.in_list:hover{ border: none; box-shadow: 0 0 0 1px var(--point_wv_00) inset; font-weight: 600; }


/* btn_style_00_con  btn_style_2 - 텍스트버튼 color: 민트1 */
.btn_style_00_con .btn_style_2{ font-size: 13px; font-size: 1.3rem; line-height: 19px; line-height: 1.9rem; font-weight: 700; position: relative; color: var(--point_wv_01); }
/* btn_style_00_con  btn_style_2  type_2 폰트타입(반응형O) - color: 검정 */
.btn_style_00_con .btn_style_2.type_2{ font-size: 14px; font-size: 1.4rem; line-height: 22px; line-height: 2.2rem; }
/* btn_style_00_con  btn_style_2  c_type_2 컬러타입 - color: 검정 */
.btn_style_00_con .btn_style_2.c_type_2{ color: #000; }
.btn_style_00_con .btn_style_2.c_type_3{ color: #000; font-size: 15px; font-size: 1.5rem; line-height: 21px; line-height: 2.1rem;}
/* btn_style_00_con  btn_style_0  line - underline(hover시 opacity 변경) */
.btn_style_00_con .btn_style_2.line{ font-weight: 500; font-size: 14px; font-size: 1.4rem; }
.btn_style_00_con .btn_style_2.line:after{ content: ''; width: 100%; height: 1px; background-color: var(--point_wv_01); opacity: 0.5; position: absolute; bottom: -1px; left: 0; }
.btn_style_00_con .btn_style_2.line:hover:after{ opacity: 1; }
.btn_style_00_con .btn_style_2.c_type_2.line:after{ background-color: #000; }
/* btn_style_00_con  btn_style_0  more - 우측에 arw_down */
.btn_style_00_con .btn_style_2.more{ font-weight: 700; padding-right: 22px; background-image: url("/weven_service/asset/img/svg/icons8-arw_down.svg"); background-size: 18px; background-position: right center; background-repeat: no-repeat; cursor: pointer; }
/* btn_style_00_con  btn_style_0  arw_right - 우측에 arw_right */
.btn_style_00_con .btn_style_2.arw_right{ font-weight: 600; padding-right: 15px; background-image: url("/weven_service/asset/img/svg/icons8-arw_right_blue.svg"); background-size: 10px; background-position: right top 6px; background-repeat: no-repeat; }
.btn_style_00_con .btn_style_2.c_type_3.arw_right{ background-image: url("/weven_service/asset/img/svg/icons8-arw_right.svg"); padding-right: 19px; }


/* btn_style_00_con  btn_style_3 - 텍스트버튼에 원형 */
.btn_style_00_con .btn_style_3{ font-size: 13px; font-size: 1.3rem; line-height: 19px; line-height: 1.9rem; font-weight: 700; padding-right: 39px; position: relative; z-index: 1;
    background-image: url("/weven_service/asset/img/svg/icons8-plus_white.svg"); background-size: 21px; background-position: right 4px top -2px; background-repeat: no-repeat; }
.btn_style_00_con .circle_bg{ width: 29px; height: 29px; background-color: #000;  border-radius: 50%; position: absolute; top: -6px; right: 0; transition: 0.2s; }
.btn_style_00_con .btn_style_3:hover + .circle_bg{ transform: scale(1.2); transform-origin: center; }



/*input*/
input.position_ab { position: absolute !important;}
input.position_ab + div { padding-left: 33px; max-width: 280px; }
.wrap_test input.position_ab + div { padding-left: 39px; }
input[type^=checkbox].position_ab + div { margin-top: 1px; }
input[readonly]{cursor: default;}
.input_style_00{ width: 100px; /*padding: 10px 14px 9px 14px;*/ padding: 5px 14px 6px 14px; border: 1px solid var(--box_border_00); border-radius: var(--box_radius_0); box-sizing: border-box; outline: none;
    color: #000; font-size: 15px; font-size: 1.5rem; line-height: 20px; line-height: 2.0rem; font-weight: 500; overflow: hidden; }
.input_style_00.size_type_2{ padding: 14px 21px 13px 21px; }
.input_style_00:hover{ border-color: var(--box_border_00_h); }
.input_style_00:focus{ border-color: var(--box_border_00_h); }
.input_style_00.tr{ text-align: right; }
.input_style_00.w100{ width: 100%; /*padding-left: 0; padding-right: 0;*/ }

.input_style_0_con .input_style_00::-webkit-input-placeholder{font-weight: 300; color:#93a6c7; font-size:15px; font-size:1.5rem; line-height:21px; line-height:2.1rem;}
.input_style_0_con .input_style_00:-ms-input-placeholder{font-weight: 300; color:#93a6c7; font-size:15px; font-size:1.5rem; line-height:21px; line-height:2.1rem;}
.input_style_0_con .input_style_00:-moz-placeholder{font-weight: 300; color:#93a6c7; font-size:15px; font-size:1.5rem; line-height:21px; line-height:2.1rem;}
.input_style_0_con .input_style_00::-moz-placeholder{font-weight: 300; color:#93a6c7; font-size:15px; font-size:1.5rem; line-height:21px; line-height:2.1rem;}
/*연락처 input*/
.tel_con .col-4:first-child:before{ content: none; }
.tel_con .col-4:before{ content: ''; width: 7px; height: 1px; background-color: #000; position: absolute; left: 7px; top: 50%; transform: translateY(-50%); }



/*select*/
.select_style_00_wrap.w100{ width: 100%; }

.select_style_00_wrap{position: relative; width: 220px; height: 49px; font-size: 0; line-height: 0; box-sizing: border-box; text-align: left;
    right: 0;
}
.select_style_00_wrap .selected_item_con{position: absolute; top: 0px; left:0; display: inline-block; margin-right:10px; width: 100%; height: 100%;}

[lang="en"] .select_style_00_wrap .selected_item_con { right: 0; left: unset; width: auto; }
[lang="en"] .siteSelectPopup .select_style_00_wrap .selected_item_con { right: auto; width: 100%; }

.select_style_00_wrap .selected_item_con:last-child{margin-right: 0;}
.select_style_00_wrap .selected_item_con:focus{ outline: none; }
.select_style_00_wrap .selected_item{width:100%; height: 100%; font-size:15px; font-size:1.5rem; line-height:21px; line-height:2.1rem; letter-spacing: 0em; font-weight: 500; color:#000;
    padding: 15px 45px 12px 21px; border:1px solid var(--box_border_00); border-radius: var(--box_radius_0); box-sizing: border-box;
    background-image: url("/weven_service/asset/img/svg/icons8-arw_down.svg"); background-size: 20px; background-repeat: no-repeat; background-position: right 14px center; cursor: pointer;}
.select_style_00_wrap .selected_item:hover{ border-color:var(--box_border_00_h); }
.select_style_00_wrap .selected_item.active{ border-bottom-left-radius: 0; border-bottom-right-radius: 0;
    border-top: 1px solid var(--box_border_00_h); border-left: 1px solid var(--box_border_00_h); border-right: 1px solid var(--box_border_00_h);
    border-bottom: 1px solid var(--box_border_00); }
.select_style_00_wrap .selected_item.active + .select_style_0_con{ border-bottom-left-radius: var(--box_radius_0); border-bottom-right-radius: var(--box_radius_0); }
.select_style_00_wrap .select_style_0_con{display:none; position: absolute; width:100%; max-height: 488px; overflow-y: auto; border:1px solid var(--box_border_00_h); border-top: none; /*border-radius: 0px; */box-sizing: border-box; z-index: 1; }
.select_style_00_wrap .select_style_0_con::-webkit-scrollbar-thumb{background: #cde4f0 !important; background-clip: padding-box !important; border-left: 5px solid transparent !important; border-right: 4px solid transparent !important;border-top: 4px solid transparent !important;}
.select_style_00_wrap .select_style_0_con::-webkit-scrollbar-track{background: rgb(255, 255, 255) !important; }
.select_style_00_wrap .select_style_0_con::-webkit-scrollbar{width: 11px !important; }
.select_style_00_wrap .select_style_0_con::-webkit-scrollbar-button{display: none !important; }
.select_style_00_wrap .select_style_0{background-color: #fff; padding-top: 20px; padding-bottom: 7px;}
.select_style_00_wrap .select_style_0 > li{text-align: left;}
.select_style_00_wrap .select_style_0 > li > a{display: block; box-sizing: border-box; padding: 0 24px 24px 24px;
    font-size:15px; font-size:1.5rem; line-height:21px; line-height:2.1rem; font-weight: 500; color: #000; }
.select_style_00_wrap .select_style_0 > li:hover > a { color: #000; }
.select_style_00_wrap .select_style_0 > li.active > a{ color: #000; }
.select_style_00_wrap .select_style_0 > li:last-child > a{border-bottom:none;}
/* 테이블 내부의 셀렉트 박스 */
.select_style_00_wrap.in_table{height: 45px; width: 120px;}
.select_style_00_wrap.in_table .selected_item{padding: 12px 45px 12px 21px;}

.select_style_00_wrap select.select_style_0{width: 100%; height: 100%; font-size:19px; font-size:1.9rem; line-height:25px; line-height:2.5rem; letter-spacing: 0.02em; font-weight: 500; color:#000; padding-bottom: 17px;
    -webkit-appearance: none; -moz-appearance: none; border:none; border-bottom:1px solid #e6e5ef; background-image: url('../img/arrow_black_12x7_bottom.png'); background-size: 12px 7px; background-repeat: no-repeat; background-position: right 10px top 12px;
    outline:none; cursor: pointer; box-sizing: border-box;}

.select_style_00_wrap.type_sm { width: 160px; height: 44px; }
.select_style_00_wrap.type_sm .selected_item { padding: 10px 40px 7px 19px; }
.select_style_00_wrap.type_sm .select_style_0 { padding-top: 10px; padding-bottom: 4px; }
.select_style_00_wrap.type_sm .select_style_0 > li > a { padding: 0 24px 11px 19px; }

[list_subscribe] .select_style_00_wrap { height: 37px; width: auto; min-width: 127px; z-index: 10px; }
[list_subscribe] .select_style_00_wrap .selected_item { padding: 7px 45px 8px 16px; border: 1px solid var(--box_border_01); font-size: 13px; font-weight: 400; background-size: 15px; background-position: right 10px center; }
[list_subscribe] .select_style_00_wrap .select_style_0 > li > a { font-size: 13px; font-weight: 400; }
[list_subscribe] .select_style_00_wrap .select_style_0_con { border: 1px solid var(--box_border_01); }
[list_subscribe] .btn_style_00_con .btn_style_1.thin_type_2 { max-height: 37px; padding: 8px 11px 9px 11px; }
[list_subscribe] .btn_style_00_con a[class^=btn_style_].plus span { background-position: right 2.2px center; }
[list_subscribe] .common_card_con { position: absolute; top: 15px; right: 53px; }
[list_subscribe] .common_card_con .card_status { box-sizing: border-box; background-color: #fff; outline: 1px solid var(--box_border_01); border: none; margin-left: 0; font-size: 12px; font-size: 1.2rem; line-height: 1; letter-spacing: -20; font-weight: 600; padding: 7.5px; min-width: 74px; text-align: center;}
[list_subscribe].my_pay_list_con .operation_list_wrap .operation_title { color: #000; font-size: 21px; font-weight: 700; }
[list_subscribe] .point_payment_1_standard, [list_subscribe] .point_standard { color: #000 !important; }
[list_subscribe] .dropdown_more > a { width: 29px; height: 27px; }
[list_subscribe].my_pay_list_con .operation_more { top: 14px !important; right: 14px; }
[list_subscribe] .select_wrap { width: auto; }
[list_subscribe].my_pay_list_con .operation_list_wrap .operation_list, .my_pay_list_con .previous_list_wrap .previous_list { border: 1px solid var(--box_border_01); padding: 37px 22px 43px 50px; }
[list_subscribe].my_pay_list_con .operation_list_wrap .operation.left { font-size: 14px; letter-spacing: 0; font-weight: 600; line-height: 18px; }
[list_subscribe].my_pay_list_con .operation_list_wrap .operation.right { font-size: 14px; line-height: 18px; letter-spacing: 0; font-weight: 400; padding-left: 0; }
[list_subscribe] .sub_contents_title { white-space: nowrap; }
[list_subscribe].my_pay_list_con .payment_type_img { margin-top: 0; background-size: cover; padding: 15.5px; }
[list_subscribe].my_pay_list_con .operation_list_inner { padding-left: 29px; }
[list_subscribe].my_pay_list_con .operation_list_wrap .operation_desc { margin-top: 17px; }
[list_subscribe].my_pay_list_con .operation_list_wrap .operation.right.url { padding-left: 0; }
[list_subscribe].my_pay_list_con .operation_list_con { margin-bottom: 10px; }
[list_subscribe].my_pay_list_con .operation_list_con:last-child { margin-bottom: 44px; }


/* 마이페이지 > 문의내역 - lhr */
[history_subscribe] .my_qna_list_con .input_style_00, [history_subscribe] .my_qna_list_con .qna_refresh_btn, [history_subscribe] .my_qna_list_con .btn_style_0 { height: 37px; } 


[lang="ko"] [list_subscribe] .common_card_con .card_status { width: 74px !important; }
[lang="ko"] [list_subscribe] .btn_style_00_con .btn_style_1.thin_type_2 { width: 102px; letter-spacing: -0.2px; }

/*연락처 select*/
.tel_con .select_style_00_wrap{ height: 49px; }

/* 마이페이지 결제내역 : lhr */
/* [list_subscribe] .dropdown_more .dropdown_more_list.w_type_2 { width: auto; left: -110px; } */
[list_subscribe] .dropdown_more .dropdown_more_list.w_type_2 { width: max-content !important; min-width: 166px; left: -136px !important; box-sizing: border-box; }

/*radio*/
.radio_style_00_wrap .radio_con{ font-size: 15px; font-size: 1.6rem; line-height: 21px; line-height: 2.1rem; font-weight: 400; margin-bottom: 10px; text-align: left; }
.radio_style_00_wrap .radio_con:last-child{ margin-bottom: 0px; }
.radio_style_00_wrap .radio_con label{ cursor: pointer; }
.radio_style_00_wrap .radio_con label:hover input:not(:checked){border-color: var(--box_border_00_h); }
.radio_style_00_wrap .radio_con label:hover input:checked{border-color: #CDD9ED; }
.radio_style_00_wrap .radio_con label.box_label{ padding: 16px 25px; border: 1px solid var(--box_border_00); border-radius: var(--box_radius_0); }
[data-wv-pc="pc"] .radio_style_00_wrap .radio_con label.box_label:hover{ border-color: var(--box_border_00_h); }
.radio_style_00_wrap .radio_con label.active{ border-color: var(--box_border_00_h); }
@supports(-webkit-appearance: none) or (-moz-appearance: none) {
    input[type='radio'] {
        --radio-active: #fff;
        --radio-active-inner: var(--point_wv_20);
        --radio-active-border: var(--box_border_00);
        --radio-input-border: #CDD9ED;
        --radio-input-border-hover: var(--point_wv_20_h);
        --radio-background: #fff;
        --radio-disabled: #F5F9FF;
        --radio-disabled-inner: #E4ECFA;
        --radio-shadow-inner: rgba(18, 22, 33, .1);
        --point_payment_s: var(--point_payment_1_standard); --point_payment_p: var(--point_payment_2_premium); --point_payment_e: var(--point_payment_3_enterprise);
        height: 23px; outline: none; position: relative; -webkit-appearance: none; -moz-appearance: none; margin: 0px 0 0 0; padding: 0; box-shadow: none; cursor: pointer;
        border: 1px solid var(--radio-input-border); border-radius: 50%; background: var(--radio-background); transition: background .3s ease, border-color .3s ease; }
    input[type='radio']:checked { background: var(--radio-active); /*border-color: var(--radio-active-border);*/}
    input[type='radio']:checked::after{ content:'';position: absolute;width: 100%;height: 100%;border-radius: 50%;left: 0;top: 0;background: var(--point_wv_01); transform: scale(0.6);}
    input[type='radio']:checked + label{font-weight: 700;}
    input[type='radio']:disabled { cursor: not-allowed; opacity: .9; background: var(--radio-disabled); }
    input[type='radio']:disabled:checked { background: var(--radio-disabled-inner); border-color: var(--radio-input-border); }
    input[type='radio']:not(.toggle) { width: 23px; }
    input[type='radio']:not(.toggle):after { opacity: 0; }
    input[type='radio']:not(.toggle):checked:after { opacity: 1; }
    input[type='radio'] + label { position: relative; top: 1px; left: 6px; }

    /* 크레딧 구매 페이지 팝업 */
    /* input[type='radio'].big_radio{width: 27px; height: 27px; margin-top: -3px;}
    input[type='radio'].big_radio:checked {width: 27px; height: 27px; margin-top: -3px;}
    input[type='radio'].big_radio:hover:not(:checked):not(:disabled) {width: 27px; height: 27px; margin-top: -3px;} */

    /*메인페이지 - 이용권 업그레이드 팝업*/
    input[type='radio']#payment_type_0:checked { border-color: var(--point_payment_s); }
    input[type='radio']#payment_type_0:checked:after { background: var(--point_payment_s); }
    input[type='radio']#payment_type_0:hover:not(:checked):not(:disabled) { border-color: var(--point_payment_s); }
    input[type='radio']#payment_type_1:checked { border-color: var(--point_payment_p); }
    input[type='radio']#payment_type_1:checked:after { background: var(--point_payment_p); }
    input[type='radio']#payment_type_1:hover:not(:checked):not(:disabled) { border-color: var(--point_payment_p); }
    input[type='radio']#payment_type_2:checked { border-color: var(--point_payment_e); }
    input[type='radio']#payment_type_2:checked:after { background: var(--point_payment_e); }
    input[type='radio']#payment_type_2:hover:not(:checked):not(:disabled) { border-color: var(--point_payment_e); }
}


/*checkbox*/
.checkbox_style_00_wrap{ }
.checkbox_style_00_wrap .checkbox_con{ font-size: 15px; font-size: 1.5rem; line-height: 21px; line-height: 2.1rem; font-weight: 700; margin-bottom: 17px; text-align: left; }
.checkbox_style_00_wrap .checkbox_con.f_type_2{ font-size: 14px; font-size: 1.4rem; line-height: 20px; line-height: 2.0rem; font-weight: 500; }
.checkbox_style_00_wrap .checkbox_con:last-child{ /*margin-bottom: 20px;*/margin-bottom: 0; }
.checkbox_style_00_wrap .checkbox_con label{ cursor: pointer; }
.checkbox_style_00_wrap .checkbox_con label.box_label{ padding: 16px 25px 14px 25px; border: 1px solid var(--box_border_00); border-radius: var(--box_radius_0); }
.checkbox_style_00_wrap .checkbox_con label.box_label:hover{ border-color:var(--box_border_00_h); }

@supports(-webkit-appearance: none) or (-moz-appearance: none) {
    input[type='checkbox'] {
        --checkbox-active: var(--point_wv_20);
        --checkbox-active-inner: #fff;
        --checkbox-input-border: #CDD9ED;
        --checkbox-input-border-hover: var(--box_border_00_h);
        --checkbox-background: #fff;
        --checkbox-disabled: #F5F9FF;
        --checkbox-disabled-inner: #E4ECFA;
        --checkbox-shadow-inner: rgba(18, 22, 33, .1);
        height: 28px; outline: none; position: relative; -webkit-appearance: none; -moz-appearance: none; margin: 0px 0 0 0; padding: 0; box-shadow: none; cursor: pointer;
        border: 1px solid var(--checkbox-input-border); background: var(--checkbox-background); transition: background .3s ease, border-color .3s ease;}
    input[type='checkbox']:after { content: ''; display: block; left: 0; top: 0; position: absolute; transition: /*transform .3s ease,*/ opacity .2s ease, filter .3s ease; }
    input[type='checkbox']:checked { background: var(--checkbox-active); border-color: var(--checkbox-active); }
    input[type='checkbox']:checked:after { content: ''; position: absolute; width: 23px; height: 23px; background-image: url(/weven_service/asset/img/svg/icons8-check_small_white.svg); background-position: center; background-size: 26px; background-repeat: no-repeat; left: 2px; top: 2px; }
    input[type='checkbox']:disabled { cursor: not-allowed; opacity: .9; background: var(--checkbox-disabled); }
    input[type='checkbox']:disabled:checked { background: var(--checkbox-disabled-inner); border-color: var(--checkbox-input-border); }
    input[type='checkbox']:hover:not(:checked):not(:disabled) { border-color: var(--checkbox-input-border-hover); }
    input[type='checkbox']:not(.toggle) { width: 28px; }
    input[type='checkbox']:not(.toggle):after { opacity: 0; }
    input[type='checkbox']:not(.toggle):checked:after { opacity: 1; }
    input[type='checkbox']:not(.toggle) { border-radius: 3px; }
    input[type='checkbox']:not(.toggle)::after { content: ''; position: absolute; width: 23px; height: 23px; background-image: url(/weven_service/asset/img/svg/icons8-check_small_white.svg); background-position: center; background-size: 26px; background-repeat: no-repeat; left: 2px; top: 2px; transform: rotate(0deg);border: none;}
    input[type='checkbox'].toggle:after { left: 2px; top: 2px; border-radius: 50%; width: 15px; height: 15px; background: var(--checkbox-input-border); }
    input[type='checkbox'].toggle:checked:after { background: var(--checkbox-active-inner); transform: translateX(17px); }
    input[type='checkbox'].toggle:disabled:not(:checked):after { opacity: .6; }
    [data-wv-os="iOS"] input[type='checkbox']{left: 0;}
    [data-wv-os="ipad"] input[type='checkbox']{left: 0;}
    [data-wv-os="Mac"] input[type='checkbox']{left: 0;}
}

.textarea_00{width: 100%; border-width: 1px; border-style: solid; border-color: var(--box_border_00); min-height: 200px; box-sizing: border-box; border-radius: var(--box_radius_0); font-size: 15px; font-size: 1.5rem; line-height: 22px; line-height: 2.2rem; font-weight: 500; color: #000; text-align: left; padding: 15px 10px 15px 1px; appearance: none; -webkit-appearance: none; -moz-appearance: none; position: relative; z-index: 1; margin-bottom: 0; outline: none;}
.textarea_00::-webkit-input-placeholder{font-weight: 300; color:#93a6c7; font-size:15px; font-size:1.5rem; line-height:21px; line-height:2.1rem; letter-spacing: -0.02em;}
.textarea_00::-moz-placeholder{font-weight: 300; color:#93a6c7; font-size:15px; font-size:1.5rem; line-height:21px; line-height:2.1rem; letter-spacing: -0.02em;}
.textarea_00:-moz-placeholder{font-weight: 300; color:#93a6c7; font-size:15px; font-size:1.5rem; line-height:21px; line-height:2.1rem; letter-spacing: -0.02em;}
.textarea_00:-ms-input-placeholder{font-weight: 300; color:#93a6c7; font-size:15px; font-size:1.5rem; line-height:21px; line-height:2.1rem; letter-spacing: -0.02em;}

/* number */
input[type="number"].input_style_00{color: #000;}
input[type="number"].input_style_00::-webkit-input-placeholder{color: #000;}
input[type="number"].input_style_00:-ms-input-placeholder{color: #000;}
input[type="number"].input_style_00:-moz-placeholder{color: #000;}
input[type="number"].input_style_00::-moz-placeholder{color: #000;}

/* number */
input[type="text"].phone{color: #000;}
input[type="text"].phone::-webkit-input-placeholder{color: #000;}
input[type="text"].phone:-ms-input-placeholder{color: #000;}
input[type="text"].phone:-moz-placeholder{color: #000;}
input[type="text"].phone::-moz-placeholder{color: #000;}


/*아코디언*/
/* accordion_style_0 - 아코디언형태 */
.accordion_style_00_wrap{}
.accordion_style_00_wrap .accordion_style_0_con{ text-align: left; }
.accordion_style_00_wrap .accordion_style_0_con .accordion_style_0{margin-bottom: 5px; padding: 0px 40px 0px 29px; background-color: #fff; border: 1px solid #e8eef6; border-radius: 4px;
    background-image: url('/weven_service/asset/img/svg/icons8-arw_down.svg'); background-size: 20px; background-position: right 15px top 25px; background-repeat: no-repeat; transition: 0.2s;}
.accordion_style_00_wrap .accordion_style_0_con .accordion_style_0.open{padding-bottom: 43px; background-image: url('/weven_service/asset/img/svg/icons8-arw_up.svg');}
.accordion_style_00_wrap .accordion_style_0_con .accordion_style_0:last-child{margin-bottom: 0;}
.accordion_style_00_wrap .accordion_style_0_con .accordion_style_0 .accordion_title{font-size:15px; font-size:1.5rem; line-height:21px; line-height:2.1rem; letter-spacing: -0.00em; font-weight: 700; color: #2a2a2a;
    padding-top: 25px; padding-bottom: 23px; transition: padding 0.2s; cursor: pointer; }
/*.accordion_style_00_wrap .accordion_style_0_con .accordion_style_0.open .accordion_title{padding-top: 21px;}*/
.accordion_style_00_wrap .accordion_style_0_con .accordion_style_0 .accordion_title .left{margin-bottom: 10px;}
.accordion_style_00_wrap .accordion_style_0_con .accordion_style_0 .accordion_title .right{text-align: right;}
.accordion_style_00_wrap .accordion_style_0_con .accordion_style_0 .accordion_title .date{width: 73px; font-weight: 700;}
.accordion_style_00_wrap .accordion_style_0_con .accordion_style_0 .accordion_title .account{width: auto;}
.accordion_style_00_wrap .accordion_style_0_con .accordion_style_0 .accordion_title .button{width: auto; padding-left: 14px; margin-left: 14px;}
.accordion_style_00_wrap .accordion_style_0_con .accordion_style_0 .accordion_title .button:after{content: ''; position: absolute; top: 3px; left: 0; height: calc(100% - 7px); border-left: 1px solid #dbe3f1;}
.accordion_style_00_wrap .accordion_style_0_con .accordion_style_0 .accordion_title .button a{position: relative; transition: 0.2s;}
.accordion_style_00_wrap .accordion_style_0_con .accordion_style_0 .accordion_title .button a:hover:after{content: ''; position: absolute; left: 0; bottom: 0; width: 100%; border-bottom: 1px solid #4eb3f3;}
.accordion_style_00_wrap .accordion_style_0_con .accordion_style_0 .accordion_title .period{width: 175px;}
.accordion_style_00_wrap .accordion_style_0_con .accordion_style_0 .accordion_title .price{width: 185px; font-weight: 700;}
.accordion_style_00_wrap .accordion_style_0_con .accordion_style_0 .accordion_content{height: 0px; overflow: hidden; padding-left:11px; padding-right:11px; transition: 0.2s;}
.accordion_style_00_wrap .accordion_style_0_con .accordion_style_0.open .accordion_content{height: auto; overflow: visible;}
.accordion_style_00_wrap .accordion_style_0_con .accordion_style_0 .accordion_content .settle_month{margin-bottom: 29px; text-align: center; font-size:26px; font-size:2.6rem; line-height:32px; line-height:3.2rem; letter-spacing: -0.00em; font-weight: 500; color: #4eb3f3;}
/* accordion_style_0 type_2 - bg투명, 좌우여백X */
.accordion_style_00_wrap.type_2 .accordion_style_0_con .accordion_style_0{background-color: transparent; border: none; padding: 0; background-position: top 15px right;}
.accordion_style_00_wrap.type_2 .accordion_style_0_con .accordion_style_0.open{background-position: top 14px right;}
.accordion_style_00_wrap.type_2 .accordion_style_0_con .accordion_style_0 .accordion_title{padding-top: 15px; padding-bottom: 15px;}
.accordion_style_00_wrap.type_2 .accordion_style_0_con .accordion_style_0 .accordion_content{padding-left: 0; padding-right: 0; }
.accordion_style_00_wrap.type_2 .accordion_style_0_con .accordion_style_0 .accordion_content ul.depth_1{margin-left: 0;}
.accordion_style_00_wrap.type_2 .accordion_style_0_con .accordion_style_0 .accordion_content ul.depth_2{margin-left: 15px;}
.accordion_style_00_wrap.type_2 .accordion_style_0_con .accordion_style_0 .accordion_content ul.depth_1 > li{font-size:13px; font-size:1.3rem; line-height:20px; line-height:2.0rem; letter-spacing: -0.02em; font-weight: 700; margin-top: 10px; }
.accordion_style_00_wrap.type_2 .accordion_style_0_con .accordion_style_0 .accordion_content ul.depth_2 > li{font-size:13px; font-size:1.3rem; line-height:20px; line-height:2.0rem; letter-spacing: -0.02em; font-weight: 500; margin-top: 3px;}
.accordion_style_00_wrap.type_2 .accordion_style_0_con .accordion_style_0 .accordion_content li{line-height:20px; line-height:2.0rem; /*margin-top: 0;*/}
.accordion_style_00_wrap.type_2 .accordion_style_0_con .accordion_style_0 .accordion_content .important{color: #ee5e5e; font-size:14px; font-size:1.4rem; line-height:260px; line-height:2.0rem; letter-spacing: -0.02em; font-weight: 300; margin-left: 15px;}
.accordion_style_00_wrap.type_2 .accordion_style_0_con .accordion_style_0 .accordion_content .important{color: #ee5e5e; font-size:14px; font-size:1.4rem; line-height:260px; line-height:2.0rem; letter-spacing: -0.02em; font-weight: 300; margin-left: 15px;}


/*테이블*/
/*.table_style_00{display: table; position: relative; width: 100%; table-layout: fixed; border-collapse: collapse;}*/
/*.table_style_00 thead{border-bottom: 2px solid #000;}*/
/*.table_style_00 th{height: 41px; font-size: 12px; font-size: 1.2rem; line-height: 19px; line-height: 1.9rem; letter-spacing: -0.02em; font-weight: 500; color: #1e1e2d; text-align: center; border-bottom: 1px solid #e8eef6; box-sizing: border-box;}*/
/*.table_style_00 td{position: relative; height: 50px; box-sizing: border-box; border-bottom: 1px solid #edf1ff; padding-left: 19px; padding-right: 19px;*/
/*text-align: center; font-size: 14px; font-size: 1.4rem; line-height: 22px; line-height: 2.2rem; letter-spacing: -0.02em; font-weight: 600; color: #000;}*/
.table_style_00{ text-align: center; width: 100%; box-shadow: 0 0 0 1px var(--box_border_01); border-radius: var(--box_radius_0); table-layout:fixed }
.table_style_00 thead tr{ height: 44px; }
.table_style_00 thead tr th{ font-size: 12px; font-size: 1.2rem; line-height: 18px; line-height: 1.8rem; font-weight: 600; padding: 0 20px; background-color: #f6f8fa; }
.table_style_00 thead tr th:first-child{ border-top-left-radius: var(--box_radius_0); }
.table_style_00 thead tr th:last-child{ border-top-right-radius: var(--box_radius_0); }
.table_style_00 tbody tr{ height: 56px; border-bottom: 1px solid #ecf3f5; }
.table_style_00 tbody tr:last-child{ border-bottom: none; }
.table_style_00 tbody tr td{ font-size: 14px; font-size: 1.4rem; line-height: 20px; line-height: 2.0rem; font-weight: 500; padding: 0 10px; word-break: keep-all; }
.table_style_00 tbody tr td.title{ padding: 0 20px; font-weight: 600; overflow: hidden; text-overflow: ellipsis; white-space:nowrap; }



/*      =======================================================================================================      */

.check_btn_style_0_con{position: relative; /* overflow: hidden; */}
.check_btn_style_0_con .check_btn_style_0{width: 35px; height: 35px; background-color: transparent; opacity: 0; margin: 0; top:0; left:0;}
.check_btn_style_0_con .check_btn_style_0 + label{cursor: pointer; position: absolute; left: 0; top: 0; width: 33px; height: 33px; border: 1px solid #dbe3f1; border-radius: 4px; transition: .2s; /*background-size: 16px 12px;*/background-size: 12px 12px; /*background-position: left 6px top 6px;*/ background-position: center; background-repeat: no-repeat;}
.check_btn_style_0_con .check_btn_style_0 + label p{position: relative; left: 35px; top: 1px; width: max-content; max-width: 350px;}
.check_btn_style_0_con .check_btn_style_0:checked + label{border-color: #55c7f9; background-color: #55c7f9; background-image: url('/weven_template/theme/weven/resource/img/svg/checkbox_icon_white.svg'); background-position: left 6px center; }
.check_btn_style_0_con.block_to_garbage {    position: absolute;
    top: 5px;
    right: 15px;
    background: #cf05ec; z-index: 2;}
.check_btn_style_0_con.block_to_garbage .check_btn_style_0:checked + label {background-position: center; }
#analyticsResult0 [data-wv-layout-element="block"].block_selected { border: '2px solid #735994'; border-radius: '2px'; }

.policy_btn .check_btn_style_0_con .check_btn_style_0:checked + label{border-color: #3d3d3d; background-color: #3d3d3d; background-image: url('/weven_template/theme/weven/resource/img/svg/checkbox_icon_white.svg'); background-size: 12px 12px;}
.policy_btn.check_all .check_btn_style_0_con label{border: 1px solid #646d75; background-image: url('/weven_template/theme/weven/resource/img/svg/checkbox_icon_dark.svg'); background-size: 12px 12px; /*background-position: left 6px top 6px;*/ background-position: left 6px center; background-repeat: no-repeat;}
.policy_btn.check_all .check_btn_style_0_con .check_btn_style_0:checked + label{background-image: url('/weven_template/theme/weven/resource/img/svg/checkbox_icon_white.svg');}


.check_btn_style_1_con{position: relative; overflow: hidden; font-size:0px; font-size:0rem; line-height:0px; line-height:0.0rem;}
.check_btn_style_1_con .check_btn_style_1{position: relative; display: inline-block; vertical-align: middle; width: 30px; height: 30px; background-color: transparent; opacity: 0; margin: 0; top:0; left:0;}
.check_btn_style_1_con .check_btn_style_1 + label{display: inline-block; vertical-align: middle; box-sizing: border-box; cursor:pointer;}
.check_btn_style_1_con .check_btn_style_1 + label:before {content: ''; position: absolute; left: 0; top:0px; width: 30px; height: 30px; border:1px solid #cfcce6;
    background-image: none; background-repeat: no-repeat; background-position: center; background-size:17px 12px; box-sizing: border-box; transition: border-color .2s;}
.check_btn_style_1_con .check_btn_style_1:checked + label{}
.check_btn_style_1_con .check_btn_style_1:checked + label:before{border-color:#6738ff; background-color: #6738ff; background-image: url("../img/check_fff_17x12.png"); background-position: center center; background-repeat:no-repeat; background-size: 17px 12px;}
[data-wv-pc="mobile"] .check_btn_style_1_con .check_btn_style_1:checked + label:before{background-image: url("../img/svg/check_icon.svg"); }
[data-wv-os="Mac"] .check_btn_style_1_con .check_btn_style_1:checked + label:before{background-image: url("../img/svg/check_icon.svg"); }

.check_btn_style_1_con .check_btn_style_1.type_2 + label{font-size:19px; font-size:1.9rem; line-height:30px; line-height:3.0rem; font-weight: 500; color:#000; margin-left: 15px; padding-bottom: 1px;}
.check_btn_style_1_con .check_btn_style_1.type_2 + label:before{top:1px;}

.check_btn_style_2_wrap { font-size: 0px; font-size: 0rem; line-height: 0px; line-height: 0.0rem; margin-bottom: -15px; }
.check_btn_style_2_wrap .check_btn_style_2_con { display: inline-flex; align-items: center; position: relative; overflow: hidden; margin-bottom: 15px; }
.check_btn_style_2 { display: none; }
.check_btn_style_2 + label { font-size:16px; font-size:1.6rem; line-height:28px; line-height:2.8rem; font-weight: 400; letter-spacing: -0.02em; color: #4eb3f3; cursor: pointer; }
.check_btn_style_2 + label::before { content: ""; width: 24px; height: 24px; display: inline-block; margin-right: 10px; border: 1px solid #dbe3f1; border-radius: 3px; vertical-align: middle; text-align: center;
    background-position: center center; background-size: 11px 9px; background-repeat: no-repeat; background-color: #fff; color: transparent; cursor: pointer; transition: all 0.2s ease-in-out; }
.check_btn_style_2:checked + label::before { background-color: #3f87f5; border-color: #3f87f5; background-image: url("/weven_template/theme/_admin_style4_new/resource/img/11x9_ffffff_check_icon.png"); }
[data-wv-os="Mac"] .check_btn_style_2:checked + label::before { background-image: url("/weven_template/theme/_admin_style4_new/resource/img/retina/11x9_ffffff_check_icon_mac.png"); }
[data-wv-pc="mobile"] .check_btn_style_2:checked + label::before { background-image: url("/weven_template/theme/_admin_style4_new/resource/img/retina/11x9_ffffff_check_icon_mac.png"); }

.radio_btn_style_0_wrap{margin-bottom: -10px;}
.radio_btn_style_0_con{position: relative; overflow: hidden; margin-bottom: 10px;}
.radio_btn_style_0_con .radio_btn_style_0{position: absolute; width: 30px; height: 30px; background-color: transparent; opacity: 0; margin: 0; top:0px; left:0; pointer-events: none;}
.radio_btn_style_0_con .radio_btn_style_0 + label{position: relative; display: inline-block; vertical-align: middle;  box-sizing: border-box; cursor:pointer; font-size:14px; font-size:1.4rem; line-height:20px; line-height:2.0rem; letter-spacing: -0.02em; color: #3b4044; padding-left: 36px; height: 30px; padding-top: 2px;}
.radio_btn_style_0_con .radio_btn_style_0 + label:before {content: ''; position: absolute; left: 0; top: 0; width: 27px; height: 27px; border-radius: 50%; border:1px solid #dbe3f1; box-sizing: border-box;}
.radio_btn_style_0_con .radio_btn_style_0:checked + label:after{content: ''; position: absolute; top: 7px; left: 7px; width: 13px; height: 13px; border-radius: 50%; background-color: #5c56f1;  box-sizing: border-box;}

.radio_btn_style_0_con .radio_btn_style_0.type_2 + label{width: auto; height: auto; font-size:20px; font-size:2.0rem; line-height:30px; line-height:3.0rem; letter-spacing: -0.04em; word-spacing: -0.03em; font-weight: 300; color:#000; word-break: keep-all; padding-top: 2px; padding-bottom: 2px; padding-left: 47px;}
.radio_btn_style_0_con .radio_btn_style_0.type_2:checked + label{font-weight: 700;}

.select_style_0_wrap{position: relative; height: 41px; font-size: 0; line-height: 0;}
.select_style_0_wrap .selected_item_con{position: absolute; width: 100%; height: 100%; top: 0px; left:0; display: inline-block; margin-right:10px;}
.select_style_0_wrap .selected_item_con:last-child{margin-right: 0;}
.select_style_0_wrap .selected_item{width:100%; height: 100%; font-size:14px; font-size:1.4rem; line-height:20px; line-height:2.0rem; letter-spacing: -0.02em; font-weight: 400; color:#3b4044;
    border: 1px solid #edf2f9; border-radius: 3px; padding: 10px 30px 11px 16px; box-sizing: border-box; text-align: left; background-color: #fff;
    background-image: url('../img/8x11_343a40_select_icon.png'); background-size: 8px 11px; background-repeat: no-repeat; background-position: right 14px center; cursor: pointer; }
.select_style_0_wrap .selected_item.active{border-color: #3f87f5; box-shadow: 0 0 0 2px rgba(63,135,245,0.2);}
.select_style_0_wrap .selected_item.active + .select_style_0_con::-webkit-scrollbar{width: 2px;}
.select_style_0_wrap .selected_item.active + .select_style_0_con::-webkit-scrollbar-thumb{background-color: #6d97f2; border-radius: 10px;}
.select_style_0_wrap .selected_item.active + .select_style_0_con::-webkit-scrollbar-track{background-color: transparent;}
.select_style_0_wrap .select_style_0_con{display:none; position: absolute; width:100%; max-height: 210px; overflow-y: auto; box-sizing: border-box;  z-index: 1; border: 1px solid #767676; box-shadow: 1px 3px 5px rgba(118,118,118,0.1); transition: .3s; background-color: #fff;}
.select_style_0_wrap .select_style_0 > li{text-align: left;}
.select_style_0_wrap .select_style_0 > li.active{display: none;}
.select_style_0_wrap .select_style_0 > li > a{display: block; font-size:14px; font-size:1.4rem; line-height:20px; line-height:2.0rem; letter-spacing: -0.02em; font-weight: 400; color:#677a91;
    padding-top: 3px; padding-bottom: 4px; padding-left:17px; padding-right:17px; box-sizing: border-box; word-break: keep-all; }
.select_style_0_wrap select{width: 100%; height: 100%; font-size: 14px; font-size: 1.4rem; line-height: 20px; line-height: 2.0rem; letter-spacing: -0.02em; font-weight: 400; color: #677a91; border: 1px solid #edf2f9; border-radius: 3px; padding: 10px 10px 11px 13px; box-sizing: border-box; text-align: left; background-color: #fff; cursor: pointer;}

.select_style_0_wrap.live .selected_item{border-color: #4eb3f3; color: #4eb3f3;}
.select_style_0_wrap.not_live .selected_item{color: #bfcde5;}

/*pagination_style_0_wrap - default -> 배경이 흰색일 떄 사용 reverse -> 배경이 흰색이 아닐 때 사용*/
.pagination_style_0_wrap{font-size:0px; font-size:0rem; line-height:0px; line-height:0.0rem; text-align: center;}
.pagination_style_0_wrap .pagination_con{position: relative; display: inline-block; vertical-align: middle; font-size: 0; line-height: 0; bottom:0;}
.pagination_style_0_wrap.arrow .pagination_con{margin-left: 21px; margin-right: 21px; margin-top: 2px;}
.pagination_style_0_wrap .swiper-pagination-bullet{width: 9px; height: 9px; margin-right: 18px; background-color: #f0eefe; opacity: 1; transition: background-color .15s;}
.pagination_style_0_wrap .swiper-pagination-bullet.active { background-color: #6738ff; }
.pagination_style_0_wrap .swiper-pagination-bullet.swiper-pagination-bullet-active{background-color: #6738ff;}
.pagination_style_0_wrap .swiper-pagination-bullet.swiper-pagination-bullet-active.deactive {background-color: #f0eefe;}
.pagination_style_0_wrap .swiper-pagination-bullet:last-child{margin-right: 0;}
.pagination_style_0_wrap .rolling_arrow{display: inline-block; vertical-align: middle; width: 30px; height: 30px; font-size: 0; line-height: 0; cursor: pointer; position: relative; transition: opacity 0.2s, transform .15s; outline: none;}
.pagination_style_0_wrap .rolling_arrow.left::before { content: ''; position: absolute; top: 10px; left: 10px; width: 7px; height: 12px; background-image: url("../img/arrow_black_7x12_left.png"); background-position: center; background-size: 7px 12px; background-repeat: no-repeat; transition: all .2s; z-index: 1; }
[data-wv-pc="mobile"] .pagination_style_0_wrap .rolling_arrow.left::before { background-image: url('../img/retina/arrow_black_7x12_left_mac.png'); }
[data-wv-os="Mac"] .pagination_style_0_wrap .rolling_arrow.left::before { background-image: url('../img/retina/arrow_black_7x12_left_mac.png'); }
.pagination_style_0_wrap .rolling_arrow.right::before { content: ''; position: absolute; top: 10px; left: 12px; width: 7px; height: 12px; background-image: url("../img/arrow_black_7x12_right.png"); background-position: center; background-size: 7px 12px; background-repeat: no-repeat; transition: all .2s; z-index: 1; }
[data-wv-pc="mobile"] .pagination_style_0_wrap .rolling_arrow.right::before { background-image: url('../img/retina/arrow_black_7x12_right_mac.png'); }
[data-wv-os="Mac"] .pagination_style_0_wrap .rolling_arrow.right::before { background-image: url('../img/retina/arrow_black_7x12_right_mac.png'); }
.pagination_style_0_wrap .rolling_arrow::after { content: ''; position: absolute; top: 1px; left: -1px; width: 100%; height: 100%; opacity: 0; background-color: #6738ff; border-radius: 50%; transform: scale(0); transition: transform .15s, opacity .1s; }

/*.pagination_style_0_wrap .rolling_arrow.left{background-image: url('../img/arrow_black_8x14_left.png'); background-position: center; }*/
/*.pagination_style_0_wrap .rolling_arrow.right{background-image: url('../img/arrow_black_8x14_right.png'); background-position: center;}*/
/*[data-wv-pc="mobile"] .pagination_style_0_wrap .rolling_arrow.left{background-image: url('../img/retina/arrow_black_8x14_left_mac.png'); }*/
/*[data-wv-os="Mac"] .pagination_style_0_wrap .rolling_arrow.left{background-image: url('../img/retina/arrow_black_8x14_left_mac.png'); }*/
/*[data-wv-pc="mobile"] .pagination_style_0_wrap .rolling_arrow.right{background-image: url('../img/retina/arrow_black_8x14_right_mac.png'); }*/
/*[data-wv-os="Mac"] .pagination_style_0_wrap .rolling_arrow.right{background-image: url('../img/retina/arrow_black_8x14_right_mac.png'); }*/


.pagination_style_0_wrap.reverse .swiper-pagination-bullet{background-color: #fff;}
.pagination_style_0_wrap.reverse .swiper-pagination-bullet.active {background-color: #6738ff;}
.pagination_style_0_wrap.reverse .swiper-pagination-bullet.swiper-pagination-bullet-active{background-color: #6738ff;}
.pagination_style_0_wrap.reverse .swiper-pagination-bullet.swiper-pagination-bullet-active.deactive {background-color: #fff;}

/*200316 jsj 사이트디자인상세 팝업*/
.tag_style_0{font-size:17px; font-size:1.7rem; line-height:23px; line-height:2.3rem;  font-weight: 300;
    width: auto; height: 39px; border:1px solid #e5e5e5; box-sizing: border-box;
    padding-left: 14px; padding-right: 14px;
    margin-right: 10px; margin-bottom: 10px;
    display: flex; align-items: center;
}

.tag_style_1_con { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; max-width: 500px; }
.tag_style_1_con .tag_style_1 { opacity: 0; font-size:15px; font-size:1.5rem; line-height:21px; line-height:2.1rem; letter-spacing: -0.025em; font-weight: 300; color: #fff; transition: border .2s ease;
    cursor: pointer; width: auto; box-sizing: border-box; padding: 5px 10px 5px 12px; border: 1px solid rgba(255,255,255, 0.1); border-radius: 4px; margin-right: 7px; margin-bottom: 5px;
}
.tag_style_1_con .tag_style_1:hover { border: 1px solid rgba(255,255,255, 0.7);  }

.tag_style_1_con .tag_style_1.fade { animation: borderFade 1s ease alternate; }

@keyframes borderFade { 0% { border-color: rgba(255,255,255, 0.1); } 50% { border-color: rgba(255,255,255, 0.7); }}

/*공통으로 쓰일수도 - 메인과 주요기능 메인에서 쓰임

default -> play_btn 모바일 : 72px, 웹 : 100px, titlle
type_2 -> 모바일, 웹 모두 72px

*/

.intro_video_con{cursor: pointer; position: relative; text-align: center;}
.intro_video_con > img{width: 100%;}
.intro_video_con .intro_video_title{position: absolute; top: 15px; left: 18px; font-size:19px; font-size:1.9rem; line-height:25px; line-height:2.5rem; font-weight: 700; letter-spacing: -0.043em; color: #fff;}
.intro_video_con .intro_video_play_btn{position: absolute; top: 50%; left: 50%; transform: scale(0.8) translate(-50%,-50%); transform-origin: center; width: 62px; height: 62px; overflow: hidden; border-radius: 50%; background-image: url('../img/video_play_btn_25x27.png'); background-size: 25px 27px; background-position: left 22px center; background-repeat: no-repeat;}
[data-wv-os="Mac"] .intro_video_con .intro_video_play_btn,
[data-wv-pc="mobile"] .intro_video_con .intro_video_play_btn{background-image: url('../img/retina/video_play_btn_25x27_mac.png'); }

.intro_video_con.type_2 .intro_video_title{font-size:21px; font-size:2.1rem; line-height:27px; line-height:2.7rem; font-weight: 700; letter-spacing:-0.1rem;}


.service_list_wrap{text-align: center; margin-bottom: 100px;}
.service_list_wrap .service_list_con{max-width: 440px; display: inline-flex; flex-wrap: wrap; justify-content: center; margin-bottom: -50px;}
.service_list_wrap .service_list{display: block; width: 110px; text-align: center; margin-bottom: 38px;}
/*.service_list_wrap .service_list{ width: 220px; }*/
.service_list_wrap .service_list_img{height: 38px; margin-bottom: 7px;}
.service_list_wrap .service_list img { width: 36px; padding-left: 1px;}
.service_list_wrap .service_list_title{position: relative; font-size:14px; font-size:1.4rem; line-height:20px; line-height:2.0rem; letter-spacing: -0.02em; word-spacing: -0.015em; font-weight: 300; color:#000;}
.service_list_wrap .service_list_title::after{content: ''; position: absolute; top:4px; right:0; height: calc(100% - 7px); border-right:1px solid #e6e5ef; display: none;}
.service_list_wrap .service_list:nth-child(2n) .service_list_title:after{content: none;}

.wrapper.main .service_list_wrap{margin-bottom: 52px;}
.wrapper.main .service_list_wrap .service_list_title { color: #fff;}

/* 테마 선택 IMAGINE&QUICK (템플릿) 여백 */
.wrapper.main .container.main_page_select_theme{ padding-top: 60px; padding-bottom: 73px; margin-top: 50px; }

/* 210511 hjy - 주요기능 관련 추가 */
.technology_list_wrap{}
.technology_list_wrap .technology_list{}
.technology_list_wrap .technology_list .img_box .img_box_inner img { max-width:60%; }
.technology_list_wrap .technology_list .text_box .text_box_inner{text-align: left;}
.technology_list_wrap .technology_list .text_box .text_box_inner .name{position: relative; padding-bottom: 12px; margin-bottom: 15px; font-size:19px; font-size:1.9rem; line-height:25px; line-height:2.5rem; font-weight: 700; text-align: center;}
.technology_list_wrap .technology_list .text_box .text_box_inner .name:after{content: ''; position: absolute; left: 50%; bottom: 0; width: 40px; border-bottom: 2px solid #000; transform: translateX(-50%);}
.technology_list_wrap .technology_list .text_box .text_box_inner .title{margin-bottom: 5px; font-size:24px; font-size:2.4rem; line-height:34px; line-height:3.4rem; letter-spacing: -0.04em; font-weight: 700; text-align: center;}
.technology_list_wrap .technology_list .text_box .text_box_inner .desc{font-size:16px; font-size:1.6rem; line-height:28px; line-height:2.8rem; font-weight: 400; letter-spacing: -0.02em; word-break: keep-all; text-align: center; max-width: 350px; overflow:hidden; margin-left: auto; margin-right: auto; float: none;}
.technology_list_wrap .technology_list .text_box .text_box_inner .desc .font_helve{line-height: 20px; line-height: 2.0rem;}

.editor_function_list_wrap .sub_contents_title{color: #fff;}
.editor_function_list_wrap .sub_contents_desc{color: #fff;}
.editor_function_list_wrap .editor_function_list_con .editor_function_list{margin-bottom: 53px;}
.editor_function_list_wrap .editor_function_list_con .editor_function_list:last-child{margin-bottom: 0;}
.editor_function_list_wrap .editor_function_list .left_box { margin-bottom: 45px; font-size:21px; font-size:2.1rem; line-height:27px; line-height:2.7rem; letter-spacing: -0.04em; font-weight: 700; color: #fff; }
.editor_function_list_wrap .editor_function_list .right_box{margin-bottom: -25px;}
.editor_function_list_wrap .editor_function_list .right_box .function_list{margin-bottom: 35px;}
.editor_function_list_wrap .editor_function_list .right_box .function_list .img_box { margin-bottom: 15px;}
.editor_function_list_wrap .editor_function_list .right_box .function_list .text_box{font-size:15px; font-size:1.5rem; line-height:21px; line-height:2.1rem; font-weight: 400; color: #fff;}

.site_manage_wrap{}
.site_manage_wrap .img_con img { max-width: 60%; }
.site_manage_wrap .site_manage_list_con .site_manage_list { margin-bottom: 30px; word-break: keep-all; padding-left: 25px; padding-right: 25px; text-align: left;}
.site_manage_wrap .site_manage_list_con .site_manage_list:last-child{padding-bottom: 0; margin-bottom: 0;}
.site_manage_wrap .site_manage_list_con .site_manage_list:after{content: ''; position: absolute; right: 0; top: 5px; border-right: 1px solid #dddddd; height:69px;}
.site_manage_wrap .site_manage_list_con .site_manage_list:nth-child(2n):after { content: none; }
.site_manage_wrap .site_manage_list_con .site_manage_list:last-child:after{content: none;}
.site_manage_wrap .site_manage_list_con .site_manage_list .title{margin-bottom: 8px; font-size:17px; font-size:1.7rem; line-height:23px; line-height:2.3rem; letter-spacing: -0.02em; font-weight: 700;}
.site_manage_wrap .site_manage_list_con .site_manage_list .desc{font-size:15px; font-size:1.5rem; line-height:23px; line-height:2.3rem; font-weight: 300;}


/* 디자인안나온 팝업들이 있어서 기존 스타일 살려둠 (쓸일은 없을듯) ... hsj*/
.popup_style_0_wrap{background-color: transparent !important; padding-left: 20px; padding-right: 20px; max-height: 100%; overflow-y: auto;}
.popup_style_0_con{overflow: hidden; background-color: #fff; border-radius: 17px;}
.popup_style_0_con .contents{background-color: #fff; padding-right: 44px; padding-left: 44px; height: 296px;display: table; padding-top: 54px; padding-bottom: 30px; border-top-left-radius: 20px; border-top-right-radius: 20px;}
.popup_style_0_con .popup_title_con { padding-bottom: 22px; border-bottom: 1px solid #dfddeb; margin-bottom: 22px;}
.popup_style_0_con .popup_title_con .title{ font-size:20px; font-size:2.0rem; line-height:27px; line-height:2.7rem; letter-spacing: -0.04em; font-weight: 700; color:#5c56f1; word-break: keep-all;}
.popup_style_0_con .popup_title_con .sub_title{position: relative; font-size:14px; font-size:1.4rem; line-height:20px; line-height:2.0rem;}
.popup_style_0_con .popup_title_con .sub_title:before{content:'!'; position: absolute; top:3px; display: flex; align-items: center; justify-content: center; width: 15px; height: 15px; border:1px solid #ccc; border-radius: 50%;
    font-size:10px; font-size:1.0rem; line-height:16px; line-height:1.6rem;}
.popup_style_0_con .popup_desc_con .desc{font-size:16px; font-size:1.6rem; line-height:29px; line-height:2.9rem; letter-spacing: -0.02em; font-weight: 300; word-break: keep-all; }
.popup_style_0_con .btn_box{}
.popup_style_0_con .popup_style_0_btn_con > a{position: relative;}
.popup_style_0_con .popup_style_0_btn_con > a:after{content:''; position: absolute; height: 100%; border-right: 1px solid rgba(255,255,255,0.15); top:50%; right: 0; transform: translate(50%,-50%);}
.popup_style_0_con .popup_style_0_btn_con:first-child > a{border-bottom-left-radius: 20px;}
.popup_style_0_con .popup_style_0_btn_con:last-child > a{border-bottom-right-radius: 20px;}
.popup_style_0_con .popup_style_0_btn_con:last-child > a:after{display: none;}
.popup_style_0_btn_con .popup_style_0_btn{display:block; padding-top: 18px; padding-bottom: 17px; transition: all 0.3s; cursor: pointer; background-color: #f8f7fc;}
.popup_style_0_btn_con .popup_style_0_btn > span{display:inline-block; font-size:16px; font-size:1.6rem; line-height:22px; line-height:2.2rem; letter-spacing: -0.0em; font-weight: 500; color:#000; transition: all 0.2s; }
.popup_style_0_btn_con .popup_style_0_btn .domain_cancel{color:#8591b6;}
.popup_style_0_btn_con .popup_style_0_btn .domain_connect{color:#6738ff;}

.popup_style_0_wrap .contents.type_table .nodata { padding-top: 95px; padding-bottom: 65px; font-size:15px; font-size:1.5rem; line-height:26px; line-height:2.6rem; font-weight: 300; }

.popup_style_0_btn_con .popup_style_0_btn.close > span{background-image: url("../img/new/popup_style_0_close_btn.png");}
.popup_style_0_btn_con .popup_style_0_btn.agree > span{background-image: url("../img/new/popup_style_0_agree_btn.png");}

.popup_style_0_close_btn_con{ position: absolute; top: 40px; right: 40px; font-size: 0; line-height: 0;}
.popup_style_0_close_btn_con > a { font-size: 0; line-height: 0; display: inline-flex; justify-content: center; align-items: center; width: 27px; height: 27px; }
.popup_style_0_close_btn_con > a > span{width: 17px; height: 17px; display: inline-block; position: relative; overflow: hidden; transition: all 0.2s ease;}
.popup_style_0_close_btn_con > a > span::before { content: ''; position: absolute; width: 200%; height: 2px; top: 50%; left: calc(-50% - 1px); transform: rotate(45deg); margin-top: -1px; background-color: #fff; }
.popup_style_0_close_btn_con > a > span::after { content: ''; position: absolute; width: 200%; height: 2px; top: 50%; left: -50%; transform: rotate(-45deg); margin-top: -1px; background-color: #fff; }

.popup_style__close_btn_con {  }

/* popup_style_0_con type_2 (계산서 발행 팝업) */
.popup_style_0_con.type_2 .contents{overflow: hidden; padding-top: 55px; padding-bottom: 70px; padding-left: 20px; padding-right: 20px;}
.popup_style_0_con.type_2 .popup_title_con .title{position: relative; font-size: 30px; font-size: 3.0rem; line-height: 36px; line-height: 3.6rem; letter-spacing: -0.06em;}
.popup_style_0_con.type_2 .popup_title_con .title:after{content: ''; position: absolute; width: 100vw; bottom:-25px; left:calc(-100vw + 100%); border-bottom:3px solid #000;}
.popup_style_0_con.type_2 .popup_title_con .desc{font-size: 15px; font-size: 1.5rem; line-height: 26px; line-height: 2.6rem; }

/* popup_style_0_con type_3 (도메인 팝업) */ /*2020 05 27 정승준 css 수정*/
.domain_point{color:#2dbae3;}
/*.popup_style_0_con.type_3 .contents{overflow: hidden; padding-top: 83px; padding-bottom: 84px; padding-left: 70px; padding-right: 70px;}*/
.popup_style_0_con.type_3 .contents.type_2{overflow: hidden; padding-top: 67px; padding-bottom: 70px; padding-left: 90px; padding-right: 90px;}
.popup_style_0_con.type_3 .popup_title_con .title > span{display:block;}
.popup_style_0_con.type_3 .contents.type_table{display: block; padding-left: 0; padding-right: 0; padding-bottom: 75px; height: auto;}
.popup_style_0_con.type_3 .contents.type_table .popup_title_con { margin-bottom: 0; }
/*.popup_style_0_con.type_3 .popup_title_con .title > :first-child{margin-bottom:7px;}*/
/*.popup_style_0_con.type_3 .popup_title_con .title{position: relative; font-size:27px; font-size:2.7rem; line-height:33px; line-height:3.3rem; font-weight:700; letter-spacing: -0.05em; }*/
.popup_style_0_con.type_3 .popup_sub_title_con .popup_sub_title{font-size:19px; font-size:1.9rem; line-height:27px; line-height:2.7rem; font-weight: 300; letter-spacing: -0.05em;}
.popup_style_0_con.type_3 .radio_btn_style_0_con{display: inline-block; padding-top:39px; padding-left:4px; vertical-align: middle; width: 100%; height: 100%;}
#domainPopup .popup_style_0_con.type_3 .radio_btn_style_0_con{ padding-top:0; }
[data-wv-os="Mac"] .popup_style_0_con.type_3 .radio_btn_style_0_con{ padding-top:19px; }
.popup_style_0_con.type_3 .radio_btn_style_0_con .radio_btn_style_0 + label{padding-left: 34px;}
.popup_style_0_con.type_3 .table_style_0{border-top:none;}
.popup_style_0_con.type_3 .table_style_0 thead { background-color: #f8f7fc; }
.popup_style_0_con.type_3 .table_style_0 thead > tr > th {/*padding-top:16px; padding-bottom:19px; */ height: 46px; font-size:15px; font-size:1.5rem; line-height:21px; line-height:2.1rem; font-weight: 400;}
.popup_style_0_con.type_3 .table_style_0 tbody > tr > td.point1 > p {font-size:17px; font-size:1.7rem; line-height:23px; line-height:2.3rem; font-weight: 300; text-align: right;}
.popup_style_0_con.type_3 .table_style_0 tbody > tr > td .radio_btn_style_0_con .radio_btn_style_0 + label:before { top: 0; width: 28px; height: 28px; }
.popup_style_0_con.type_3 .table_style_0 tbody > tr > td .radio_btn_style_0_con .radio_btn_style_0:checked + label:after { top: 7px; left: 7px; }

/*login_popup_style - 21/03/30 jm 추가*/
.login_popup_style_wrap{ background-color: transparent !important; padding-left: 20px; padding-right: 20px; max-height: 100%; overflow-y: auto; }
.login_popup_style_wrap::-webkit-scrollbar{ display: none}
/* .login_popup_style_wrap::-webkit-scrollbar-track{ background: transparent;} */
/* .login_popup_style_wrap::-webkit-scrollbar-thumb{ background-color: #fff;} */
.login_popup_style_wrap .login_popup_style_con{ background-color: #fff; overflow: hidden; border-radius: 17px; }
.login_popup_style_wrap .login_form_wrap { height: auto; min-height: auto; }
.login_popup_style_close_btn_con { position: absolute; top: 10px; right: 10px; font-size: 0; line-height: 0; }
.login_popup_style_close_btn_con .login_popup_style_close_btn { font-size: 0; line-height: 0; display: inline-flex; justify-content: center; align-items: center; width: 36px; height: 36px; background-color: transparent; border-radius: 50%; overflow:hidden; transition: background-color .2s; }
/*.login_popup_style_wrap .login_popup_style_close_btn_con .login_popup_style_close_btn > span { width: 17px; height: 17px; display: inline-block; position: relative; overflow: hidden; transition: all 0.2s ease; }*/
.login_popup_style_close_btn_con .login_popup_style_close_btn > svg { width: 15px; display: inline-block; position: relative; overflow: hidden; transition: all 0.2s ease; fill: #7d7d97; }
/*.login_popup_style_wrap .login_popup_style_close_btn_con .login_popup_style_close_btn > span::after{content: ''; position: absolute; width:200%; height:2px; top:50%; left:-50%; transform: rotate(-45deg); margin-top: -1px; background-color: #fff;}*/
/*.login_popup_style_wrap .login_popup_style_close_btn_con .login_popup_style_close_btn > span::before{content: ''; position: absolute; width:200%; height:2px; top:50%; left: -50%; transform: rotate(45deg); margin-top: -1px; background-color: #fff;}*/
.login_popup_style_close_btn_con .login_popup_style_close_btn:hover { background-color: #4d4d4d; }
.login_popup_style_close_btn_con .login_popup_style_close_btn:hover > svg { fill: #fff; }

/*아이프레임 팝업으로 로그인 페이지 띄울 때*/
.flex_center_wrapper.login_form_wrap.is_pop_iframe{ padding-top: 40px; padding-bottom: 40px;}
.is_pop_iframe .login_popup_style_close_btn_con { top: 13px; right: 13px; }
.is_pop_iframe .login_popup_style_close_btn_con .login_popup_style_close_btn > svg {  width: 15px; }
.is_pop_iframe .login_popup_style_close_btn_con .login_popup_style_close_btn:hover { background-color: unset; }
.is_pop_iframe .login_popup_style_close_btn_con .login_popup_style_close_btn:hover > svg { fill: unset; }

/*
grid_style_0_wrap - 메인, 사이트 디자인, 사이트 디자인 크리에이터, 페이지 디자인, 블럭 디자인, 제작사례
default - max-width: 2650px; type_2 - max-width : 2570px
list 개수 - 모바일 : 1 & 2개, 768: 2개, 1200 : 3개, 1920 : 4개
양쪽 여백이 grid_list 중간 여백과 같게 설정됨.
default - 양쪽과 아래 여백 - 모바일 : 20px, 768 : 40px, 992 : 60px, 1200 : 71px, 1920 : 87px, 2200 : 142px
type_2 -  양쪽과 아래 여백 - 모바일 : 20px, 768 : 40px, 992 : 51px, 1920 : 74px, 2200 : 102px
*/
.grid_style_0_wrap{padding-left: 20px; padding-right: 20px; max-width: 2650px; overflow: hidden; float: none; margin: 0 auto; padding-bottom: 30px;}
.grid_style_0_wrap .grid_style_0_con{background-color: transparent; width: calc(100% + 20px); margin-left: -20px; margin-bottom: -40px;}
.grid_style_0_wrap #blockDesignGrid { margin-bottom: -20px; }
.grid_style_0_wrap .grid_style_0_con .grid_style_0{padding-left: 20px; padding-bottom: 40px;}
.grid_style_0_wrap .grid_style_0_con .grid_style_0 .text_box{cursor: pointer;}
.grid_style_0_wrap .grid_style_0_con .grid_style_0 .img_box{cursor: pointer;}
.grid_style_0_wrap .grid_style_0_con .grid_style_0 .img_box img{width: 100%; height: 100%;}

.grid_style_0_wrap.type_2{max-width: 2570px;}
.grid_style_0_wrap.type_2 #blockDesignGrid .grid_style_0 { padding-bottom: 20px; }
/*.grid_style_0_wrap.type_2 .grid_style_0_con .grid_style_0 .img_box{padding:20px; background-color: #fff;}*/

.wrapper.sub .grid_style_0_wrap .grid_style_0_con .grid_style_0 > div { cursor: pointer;}
/*.grid_style_0_wrap #blockDesignGrid .grid_style_0 .img_box img { opacity: 0; transition: opacity 1s, background-image .5s; }*/
/*.grid_style_0_wrap #blockDesignGrid .grid_style_0 .img_box img.lazy { opacity: 1; }*/
/*.grid_style_0_wrap #blockDesignGrid .grid_style_0 .img_box img.loaded { opacity: 1; }*/

/*
grid_style_1_wrap - 고객지원 메인
default - max-width : 2454px
list 개수 - 모바일 : 1개, 1200: 2개, 1920 : 3개
양쪽 여백이 grid_list 중간 여백과 같게 설정됨.
default - 양쪽과 아래 여백 - 모바일 : 20px, 768 : 40px, 992 : 60px, 1200 : 88px
*/
.grid_style_1_wrap{padding-left: 20px; padding-right: 20px; max-width: 2454px; overflow: hidden; float: none; margin: 0 auto;}
.grid_style_1_wrap .grid_style_1_con{background-color: transparent; width: calc(100% + 88px); margin-left: -88px; margin-bottom: -20px;}
.grid_style_1_wrap .grid_style_1_con .grid_style_1{padding-left: 88px; padding-bottom: 20px;}

/*
grid_style_2_wrap - 위븐소식 메인
default - max-width: 2434px;
list 개수 - 모바일 : 1개, 768 : 2개, 992 : 3개, 1200 : 4개, 1600 : 5개, 1920 : 6개
양쪽 여백이 grid_list 중간 여백과 같게 설정됨.
default - 양쪽과 아래 여백 - 모바일 : 20px, 992 : 34px
*/
.grid_style_2_wrap{padding-left: 20px; padding-right: 20px; max-width: 2434px; overflow: hidden; float: none; margin: 0 auto;}
.grid_style_2_wrap .grid_style_2_con{background-color: transparent; margin-bottom: -20px; width: calc(100% + 34px); margin-left: -34px;}
.grid_style_2_wrap .grid_style_2_con .grid_style_2{padding-bottom: 20px; padding-left: 34px;}
.grid_style_2_wrap .grid_style_2_con .grid_style_2 .img_box img{width: 100%;}

/*
grid_style_3_wrap - 사이트디자인 상세 팝업
default - max-width: 1760px;
list 개수 - 모바일 : 2개, 992 : 3개, 1200: 4개, 1600 : 5개
양쪽 여백이 grid_list 중간 여백과 같게 설정됨.
default - 양쪽과 아래 여백 - 모바일 : 20px, 992 : 35px, 1200 : 45px
*/
.grid_style_3_wrap { max-width: 1760px; overflow: hidden; float: none; margin-left: auto; margin-right: auto; margin-bottom: 70px;}
.grid_style_3_wrap .grid_style_3_con{background-color: transparent; margin-bottom: -20px; margin-left: -20px; width: calc(100% + 20px);}
.grid_style_3_wrap .grid_style_3_con .grid_style_3 { padding-bottom: 20px; padding-left: 20px;}
.grid_style_3_wrap .grid_style_3_con .grid_style_3 .img_box img{width: 100%;}

#enableAtIEAlert{}
#enableAtIEAlert .contents_wrap{ width:100%; height:100%; display:flex; align-items: center; justify-content: center; padding-right:15px; padding-left:15px; box-sizing: border-box;}
#enableAtIEAlert .contents_inner{text-align: center; vertical-align: middle; display:table-cell; padding-top:50px; padding-bottom:50px;}
#enableAtIEAlert .img_box{margin-bottom:18px;}
#enableAtIEAlert .img_box > img{width: 70px;}
#enableAtIEAlert .title{font-size:22px; line-height:30px; letter-spacing: -0.02em; color:#000; font-weight:600; margin-bottom:8px;}
#enableAtIEAlert .desc{font-size:15px; line-height:24px; letter-spacing: -0.02em; color:#000; font-weight:300; margin-bottom:30px;}
#enableAtIEAlert .desc span{font-size:14px; line-height:20px; font-weight:500;}
#enableAtIEAlert .desc span.email_title{margin-right:4px;}
#enableAtIEAlert .desc .font_roboto{font-size:17px; line-height: 0; font-weight:400;}
#enableAtIEAlert .btn_style_0_con{text-align: center; display:table; margin-right:auto; margin-left:auto; overflow: hidden; box-sizing: border-box; transition: border-color 0.3s; padding: 4px 10px 8px 12px; border: 1px solid #000; border-radius: 3px;}
#enableAtIEAlert .btn_style_0_con .btn_style_0{display:table-cell; vertical-align: middle; padding: 0; height: auto; background-color: transparent;}
#enableAtIEAlert .btn_style_0_con:hover{border-color:#6d13ff;}
#enableAtIEAlert .btn_style_0_con:hover .text{color:#6d13ff;}
#enableAtIEAlert .btn_style_0_con .text{font-size:15px; line-height:21px; letter-spacing: -0.02em; color:#000; font-weight:300; transition: all 0.3s;}


/*
grid_style_4_wrap - 고객지원 도움말센터
default - max-width : 2454px
list 개수 - 모바일 : 1개, 992: 2개, 1200: 3개, 1600 : 4개, 1929: 5개
양쪽 여백이 grid_list 중간 여백과 같게 설정됨.
default - 양쪽과 아래 여백 - 모바일 : 20px, 992 : 40px, 1200 : 60px, 1600 : 88px, 1920 : 100px
*/
.grid_style_4_wrap{padding-left: 20px; padding-right: 20px; max-width: 2454px; overflow: hidden; float: none; margin: 0 auto;}
.grid_style_4_wrap .grid_style_4_con{background-color: transparent; width: calc(100% + 20px); margin-left: -20px; margin-bottom: -20px;}
.grid_style_4_wrap .grid_style_4_con .grid_style_4{padding-left: 20px; padding-bottom: 20px;}
.grid_style_4_wrap .grid_style_4_con .grid_style_4 .help_center_grid_inner { padding: 30px; background-color: #fff; height: 240px; text-align: left;}
.grid_style_4_wrap .grid_style_4_con .grid_style_4 .help_center_grid_inner .help_center_title { font-size:19px; font-size:1.9rem; line-height:25px; line-height:2.5rem; font-weight: 700; margin-bottom: 10px;}

.list_style_2_con > li { margin-bottom: 10px; }
.list_style_2_con > li > a { font-size:16px; font-size:1.6rem; line-height:22px; line-height:2.2rem; letter-spacing: -0.02em; font-weight: 300; white-space: nowrap; text-overflow: ellipsis; overflow:hidden; }
.list_style_2_con > li > a > span { position: relative; padding-left: 15px; }
.list_style_2_con > li > a > span::before { content: ''; position: absolute; top: 8px; left: 0; width: 6px; height: 10px; background-image: url("../img/arrow_black_6x10_right.png"); background-size: 6px 10px; background-position: center center; background-repeat: no-repeat; }
[data-wv-os="Mac"] .list_style_2_con > li > a > span::before { background-image: url("../img/retina/arrow_black_6x10_right_mac.png"); }
[data-wv-pc="mobile"] .list_style_2_con > li > a > span::before { background-image: url("../img/retina/arrow_black_6x10_right_mac.png"); }

.login_method {position: absolute; min-width: 71px; border-radius: var(--box_radius_0); background-color: #fff; box-sizing: border-box; border-width: 1px; border-style: solid; padding: 3px 6px 2px 7px; cursor: pointer; display: none;}
.login_method.site{border-color: #000; box-shadow: 1px 2px 3px 0px rgba(0, 0, 0, 0.07);display: block;}
.login_method.naver{border-color: #01b143; box-shadow: 1px 2px 3px 0px rgba(0, 0, 0, 0.07); display: block;}
.login_method.google{border-color: #c3d5ec;box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.05); display: block;}
.login_method.kakao{border-color: #dbcb00; box-shadow: 1px 2px 3px 0px rgba(0, 0, 0, 0.07); display: block;}
.login_method div {font-size: 12px; font-size: 1.2rem; line-height: 17px; line-height: 1.7rem; font-weight: 500; color: #000;}
.login_method.naver div{color: #01a23d;}
.sns_login_con{}
.sns_login_list_con .sns_login_list .sns_login_list_box{padding: 15px 30px 15px 30px; margin-bottom: 8px; border-radius: 4px;}
.sns_login_list_con .sns_login_list.google .sns_login_list_box{padding: 14px 30px 14px 30px;}
.sns_login_list_con .sns_login_list.naver .sns_login_list_box{background-color: #03c44b;}
.sns_login_list_con .sns_login_list.naver .sns_login_list_box:hover{background-color: #04cd56;}
.sns_login_list_con .sns_login_list.naver .sns_login_list_box .sns_text{color: #fff;}
.sns_login_list_con .sns_login_list.google .sns_login_list_box{background-color: #fff; border: 1px solid #e6e4f1;}
.sns_login_list_con .sns_login_list.google .sns_login_list_box:hover{ border: 1px solid #bac0cf;}
.sns_login_list_con .sns_login_list.kakao .sns_login_list_box{background-color: #f4e200;}
.sns_login_list_con .sns_login_list.kakao .sns_login_list_box:hover{background-color: #f6e600;}
.sns_login_list_con .sns_login_list.facebook .sns_login_list_box{background-color: #547dcb;}
.sns_login_list_con .sns_login_list.facebook .sns_login_list_box:hover{background-color: #567dfb;}
.sns_login_list_con .sns_login_list > a {display: block; }
.sns_login_list_con .sns_login_list:nth-last-child(1),.sns_login_list_con .sns_login_list:nth-last-child(2){margin-bottom: 0;}
.sns_login_list_con .sns_login_list .sns_icon{ position: absolute; width: 20px; height: 20px; margin-top: -1px; background-size: contain; background-repeat: no-repeat; background-position: center;}
.sns_login_list_con .sns_login_list.naver .sns_icon{ background-image: url("/weven_service/asset/img/logo/login_icon_naver.svg"); }
.sns_login_list_con .sns_login_list.kakao .sns_icon{ margin-left: 0px; width: 20px; height: 22px; background-image: url("/weven_service/asset/img/logo/login_icon_kakao.svg"); }
.sns_login_list_con .sns_login_list.google .sns_icon{ margin-left: -1px; background-image: url("/weven_service/asset/img/logo/login_icon_google.svg"); }
.sns_login_list_con .sns_login_list.facebook .sns_icon{ background-image: url("/weven_service/asset/img/logo/login_icon_facebook.svg"); }

.login_btn .login_icon{ display: block; position: absolute; width: 21px; height: 21px; margin-top: -1px; background-size: contain; background-repeat: no-repeat; background-position: center; background-image: url("/weven_service/asset/img/logo/login_icon_ZgAI.svg"); }

.sns_login_list_con .sns_login_list .sns_icon img { width: 15px; }
.sns_login_list_con .sns_login_list .sns_icon img.default{display: none;}
.sns_login_list_con .sns_login_list.google .sns_icon img { width: 15px; }
.sns_login_list_con .sns_login_list .sns_icon > svg { width: 15px; }
[data-wv-agent="ie"] .sns_login_list_con .sns_login_list .sns_icon > svg { height: 15px; }
.sns_login_list_con .sns_login_list.naver .sns_icon > svg { width: 20px; }
.sns_login_list_con .sns_login_list.kakao .sns_icon > svg { width: 15px; }

.sns_login_list_con .sns_login_list .sns_text{ font-size:14px; font-size:1.4rem; line-height:20px; line-height:2.0rem; letter-spacing: -0.02em; font-weight: 300; color:#000; text-align: center; }
.sns_login_list_con .sns_login_list .sns_text br{display: inline;}

.form_style_0 .form_style_0_list{margin-top: 44px; margin-bottom: 0;}
.form_style_0 .form_style_0_list:first-child{margin-top: 30px;}
.form_style_0.type_2 .form_style_0_list{margin-top: 36px;}
/*.form_style_0.type_2 .form_style_0_list.valid_pw_check{margin-bottom: 34px;}*/
.form_style_0.type_2 .form_style_0_list:first-child{margin-top: 30px;}

.login_wrap{text-align: center;}
.login_wrap .form_style_0 .form_style_0_list{}
#resellerLogo { max-width: 200px; max-height: 200px; margin-bottom: 30px; }
.login_title{font-size:26px; font-size:2.2rem; line-height:36px; line-height:3.6rem; font-weight: 900; margin-bottom: 15px;}
.wrap_test .login_title{font-size:26px; font-size:2.2rem; line-height:36px; line-height:3.6rem; font-weight: 900; margin-bottom: 52px;}
.login_title.type_2{margin-bottom: 23px;}
.login_desc{font-size:14px; font-size:1.4rem; line-height:25px; line-height:2.5rem; letter-spacing: -0.02em; font-weight: 300; margin-bottom: 19px; margin-top: 10px;}
.login_desc .bold{font-weight: 700;}
.login_type_seperate{font-size:14px; font-size:1.4rem; line-height:20px; line-height:2.0rem; font-weight: 300; color:#93a6c7; margin-top: 20px; margin-bottom: 0;}
.login_con{}
.login_con .login_form_title{font-size:20px; font-size:2.0rem; line-height:26px; line-height:2.6rem; letter-spacing: -0.02em; font-weight: 700;}
.login_con .login_form_title.studio { font-size:24px; font-size:2.4rem; line-height:31px; line-height:3.1rem; letter-spacing: -0.02em; }
.login_con .login_form_desc{font-size:14px; font-size:1.4rem; line-height:22px; line-height:2.2rem; font-weight: 300;}
/*.login_con .input_style_0_con .input_style_0 + div { margin-top: -4px; }*/
.login_con .input_style_0_con .input_style_0 { font-size:16px; font-size:1.6rem; line-height:25px; line-height:2.5rem; letter-spacing: 0em; font-weight: 700; position: relative; z-index: 1;}
.login_con .input_style_0_con .input_style_0[type='password'] {font-family: 'Noto Sans KR'; letter-spacing: 0.1em;}

.input_style_0_con .label_for_input{font-size:14px; font-size:1.4rem; line-height:22px; line-height:2.2rem; font-weight: 300; color:#93a6c7; position: absolute; /*z-index: -1;*/ transition: 0.3s ease all; left: 2px; top: 17px;
    text-align: left;
}
html[lang="en"] .form_style_0_list:nth-child(3) .input_style_0_con .label_for_input, html[lang="en"] .form_style_0_list:nth-child(5) .input_style_0_con .label_for_input{top: 0;}
html[lang="en"] .form_style_0_list:nth-child(3) .input_style_0_con .label_for_input.active, html[lang="en"] .form_style_0_list:nth-child(5) .input_style_0_con .label_for_input.active{top: -30px; z-index: 999;}
html[lang="jp"] .form_style_0_list:nth-child(5) .input_style_0_con .label_for_input{word-break: keep-all; top: 0;}
html[lang="jp"] .form_style_0_list:nth-child(5) .input_style_0_con .label_for_input.active{top: -30px;}

.input_style_0_con .label_for_input.active{font-size:13px; font-size:1.3rem; line-height:22px; line-height:2.2rem; font-weight: 500; color:#3d3d3d; top: -18px;}
.input_style_0_con .label_for_input.active-input-form-contact{font-size:13px; font-size:1.3rem; line-height:22px; line-height:2.2rem; font-weight: 300; color:#3d3d3d; top: -15px;}
.input_style_0_con .label_for_input span{font-size:13px; font-size:1.3rem; line-height:22px; line-height:2.2rem; font-weight: 300; color:#3d3d3d;}
.radio_label_for_input{font-size:13px; font-size:1.3rem; line-height:22px; line-height:2.2rem; font-weight: 500; color:#3d3d3d; margin-right: 28px; }
/*.input_style_0_con .delete_text_btn{display: none; background-image: url("/weven_service/asset/img/close_icon.svg"); background-size: 11px; background-repeat: no-repeat; background-position: center; cursor: pointer; padding: 10px; position: absolute; right: 6px; top: 23px; }*/
.input_style_0_con .delete_text_btn.active{display: block;}
.input_style_0_con .bar-input-effect{display: block; position: relative; z-index: 1;}
.input_style_0_con .bar-input-effect:before{content: ''; background-color: #e6e4f1; left: 0; bottom: 0; height: 1px; width: 100%; position: absolute; transition: 0.3s ease all;}
.input_style_0_con .bar-input-effect.active:before{background-color: #3d3d3d; height: 2px;}
.input_style_0_con .bar-input-effect.active.wrong:before{background-color: #f14c96; height: 2px;}
.input_style_0_con .input_style_0{flex:1 0 0; -ms-flex: 1 0 0; width: 100%; font-size:16px; font-size:1.6rem; line-height:22px; line-height:2.2rem; font-weight: 700; color:#000; text-align: left;
    background-color: transparent;  padding: 14px 0px 13px 0px;box-sizing: border-box; border: none;
    position: relative; z-index: 1; }
.input_style_0_con .input_style_0:not(:placeholder-shown){ background-color: #fff; }
.input_style_0_con .input_style_0.input_readonly{color: #d4d5da;}
.input_style_0_con .input_style_0.border_line{padding: 14px 18px 13px 18px;}
.input_style_0_con .input_style_0 + div{flex:0 0 auto ; -ms-flex: 0 0 auto;}
.input_style_0_con .input_style_0.font_helve{font-weight: 500;}
.input_style_0_con input[type="password"].input_style_0.border_line{letter-spacing: 0.4em; text-indent: 8px; padding-top: 13px; padding-bottom: 14px; padding-left: 0; padding-right: 0;}
.input_style_0_con .input_style_0:focus{outline: none;}
.input_style_0_con .input_style_0::-webkit-input-placeholder{font-weight: 300; color:#93a6c7; font-size:15px; font-size:1.5rem; line-height:21px; line-height:2.1rem;}
.input_style_0_con .input_style_0:-ms-input-placeholder{font-weight: 300; color:#93a6c7; font-size:15px; font-size:1.5rem; line-height:21px; line-height:2.1rem;}
.input_style_0_con .input_style_0:-moz-placeholder{font-weight: 300; color:#93a6c7; font-size:15px; font-size:1.5rem; line-height:21px; line-height:2.1rem;}
.input_style_0_con .input_style_0::-moz-placeholder{font-weight: 300; color:#93a6c7; font-size:15px; font-size:1.5rem; line-height:21px; line-height:2.1rem;}
.input_style_0_con .btn_style_1_con{position: absolute; right: 0;}
.input_style_0_desc{font-size:15px; font-size:1.5rem; line-height:21px; line-height:2.1rem; font-weight: 300; color: #93a6c7;}
.input_style_0_desc .emphasis{color: #ef4b0b;}

.wrong_alert_msg {opacity: 0; font-size:11px; font-size:1.1rem; /*font-size:1.2rem;*/ line-height:22px; line-height:2.2rem; font-weight: 500; word-break: keep-all; letter-spacing: -0.02em; text-align: left; margin-top: 6px; margin-right: 5px;}
.wrong_alert_msg.active {opacity: 1;}
.caps_lock {color: #4c8ef1; opacity: 0; font-size:11px; font-size:1.2rem; line-height:22px; line-height:2.2rem; font-weight: 500; word-break: keep-all; letter-spacing: -0.02em; text-align: left; margin-top: 6px;}
.caps_lock.active {opacity: 1;}
.caution {color: #d54fa1;}
.confirm {color: #4c8ef1;}
.complete {color: #4c8ef1;}
.bar-input-effect.active.caution:before {background-color: #d54fa1 !important;}
.bar-input-effect.active.confirm:before {background-color: #4c8ef1 !important;}
.bar-input-effect.active.complete:before {background-color: #4c8ef1 !important;}
.wrong_alert_msg.complete:before {content: ""; display: inline-block; width: 14px; height: 13px; -webkit-mask-image: url('../img/svg/checkbox_icon_white.svg'); -webkit-mask-size: contain; -webkit-mask-repeat: no-repeat; -webkit-mask-position: center; background-color: #4c8ef1; margin-right: 5px; position: relative; top: 3px;}

/* web gpt 전용 에디터 관련 스타일 */
#webGpt .bottomBar { display: flex; align-items: center; justify-content: center; position: fixed; font-size: 19px; bottom: 0; z-index: 90000; background: #2174ff; width: 100%; text-align: center; color: #fff; padding: 11px 0; }
#webGpt .bottomBar_text { margin-right: 10px; font-size: 14px; line-height: 23px; font-weight: 700; }
#webGpt .bottomBar_button { cursor: pointer; padding: 4px 26px 4px 13px; font-size: 14px; line-height: 23px; font-weight: 700; border-radius: 50px; border: 2px solid #fff; background-image: url('../img/svg/chevron_right_24dp_000000_FILL1_wght400_GRAD0_opsz24.svg'); background-repeat: no-repeat; background-position: 85px 11px; }

/*@media all and (min-width: 768px) {*/

/*.intro_video_con .intro_video_title{top:15px;}*/

/*.grid_style_0_wrap{padding-left: 40px; padding-right: 40px;}*/
/*!*.main .grid_style_0_wrap .grid_style_0_con{display: flex; justify-content: center;}*!*/
/*.grid_style_0_wrap .grid_style_0_con{ width: calc(100% + 40px); margin-left: -40px; margin-bottom: -40px;}*/
/*.grid_style_0_wrap .grid_style_0_con .grid_style_0{padding-left: 40px; padding-bottom: 40px;}*/

/*.grid_style_1_wrap{padding-left: 40px; padding-right: 40px;}*/
/*.grid_style_1_wrap .grid_style_1_con{margin-bottom: -40px;}*/
/*.grid_style_1_wrap .grid_style_1_con .grid_style_1{padding-bottom: 40px;}*/

/*.grid_style_3_wrap .grid_style_3_con{width: calc(100% + 20px); margin-left: -20px;}*/
/*.grid_style_3_wrap .grid_style_3_con .grid_style_3{padding-left: 20px;}*/

/*.login_popup_style_wrap{ border-radius: 19px; }*/

/*}*/

/* @media all and (max-height: 1200px) {
    #themeViewStartSite { overflow-y: auto; height: 100%; align-items: flex-start; }
} */


#selectTheme.list_style_wrapper .category_btn::after { display: none; }
    #selectTheme.list_style_wrapper .category_btn::after{ content: ''; display: block; position: absolute; height: 15px; left: -24px; top: 6px; z-index: 0; border-right: 1px solid rgba(255, 255, 255, 0.3);}


@media all and (min-width: 700px){
    .list_style_wrapper .help_search{display: block; width: 220px; right: 0; top: 0; left:auto; transform:none;}
    .list_style_wrapper .search_trigger {display: none;}
    .list_style_wrapper .news_title{margin-bottom: 12px; margin-top: 6px;}
    .list_style_wrapper .news_notice_contents_inner{margin-top: 60px;}
}

@media all and (min-width: 768px){
    ul.page_tab li{ padding: 13px; font-size: 14px; letter-spacing: 0; }
    ul.page_tab li.active{ font-size: 15px; }


    .start_site_complete .flex_center_con {max-width: 100%;}
    .btn_style_00_con .btn_style_1.w_type_3{ min-width: 170px; padding: 15px 14px 14px 16px; font-size: 15px; font-size: 1.5rem; border-radius: 6px; margin-bottom: auto; }
    .start_site_complete .start_desc{margin-bottom: 40px; }

    .editor_function_list_wrap .editor_function_list .right_box{margin-bottom: 0;}
    .editor_function_list_wrap .editor_function_list .right_box .function_list{margin-bottom: 0;}

    /* .list_style_wrapper .theme_content_inner { width: -webkit-calc(100% + 45px); width: -moz-calc(100% + 45px); width: calc(100% + 45px); margin-left: -45px;} */
    .list_style_wrapper .card{width: 50%; }
    .list_style_wrapper .card_category_con{margin-bottom: 9px;}
    .list_style_wrapper .card_nickname { margin-bottom: 8px; margin-left: 2px; width: 100%;}
    
    .list_style_wrapper .category_btn_con{margin-top: 30px;}
    .list_style_wrapper .theme_content_inner{margin-top: 40px;}
    .list_style_wrapper .card_overlay {padding: 17px 12px 12px 12px;}
    .list_style_wrapper .card_category_con div{margin-top: 0;}
    .section_content_con .list_style_wrapper .card_category_con{margin-bottom: 9px;}
    .section_content_con .list_style_wrapper .card_nickname{margin-left: 2px;}
    
    .list_style_wrapper .favorite_con {top: 0px; right: 0;}
    .list_style_wrapper .favorite_mark {width: 20px;height: 20px;background-position: top 2px center; background-size: 17px;}
    .list_style_wrapper .favorite_cnt {font-weight: 500; margin-top: 0;}
    
    .list_style_wrapper .theme_title{font-size: 50px; font-size: 5.0rem; line-height: 64px; line-height: 6.4rem;}
    .list_style_wrapper .news_title {margin-bottom: 12px;}
    .list_style_wrapper .news_notice_card{width: 50%;}
    .list_style_wrapper .news_notice_card_inner{height: 363px;}
    .list_style_wrapper .img_box{height: 240px;}
    .list_style_wrapper .help_search{position: absolute; width: 250px;}
    
    #selectTheme.list_style_wrapper .theme_title{font-size: 51px; font-size: 5.1rem;}
    #selectTheme.list_style_wrapper .theme_title span {margin-left: 0;}
    /* #selectTheme.list_style_wrapper .category_btn:nth-child(1) a{padding-right: 23px;}
    #selectTheme.list_style_wrapper .category_btn:nth-child(2) a{padding-left: 26px; padding-right: 21px;}
    #selectTheme.list_style_wrapper .category_btn:nth-child(3) a{padding-left: 25px; padding-right: 21px;}
    #selectTheme.list_style_wrapper .category_btn:nth-child(4) a{padding-left: 26px; padding-right: 21px;}
    #selectTheme.list_style_wrapper .category_btn:nth-child(5) a{padding-left: 26px; padding-right: 21px;}
    #selectTheme.list_style_wrapper .category_btn:nth-child(6) a{padding-left: 26px; padding-right: 21px;}
    #selectTheme.list_style_wrapper .category_btn:nth-child(7) a{padding-left: 26px; padding-right: 21px;} */
    #selectTheme.list_style_wrapper .card_overlay {padding: 20px 11px 8px 12px;}
    #selectTheme.list_style_wrapper .card_nickname { margin-bottom: 9px; margin-left: 3px; width: 100%;}
    #selectTheme.list_style_wrapper .favorite_cnt {font-weight: 600; margin-top: 2px;}
    #selectTheme.list_style_wrapper .favorite_con {top: -2px;}

    .start_site_complete .start_wrap{ margin-bottom: 50px;}
    .start_site_complete ul.center li{font-size: 15px; font-size: 1.5rem;}
    
    .common_title.type_3{ font-size:36px; font-size:3.6rem;}
    .common_input_0_con.type_3 { width: 240px;}
    .common_input_0_con.type_3 .common_input_0{ padding: 16px 26px 17px 26px; text-align: center;}
    
    #chTokCon{position: absolute; top: -110px; right: 27px;}
    #chTokCon.fixed{bottom: 42px; right: 42px;}

}

@media all and (min-width: 992px) {


    /*      =======================================================================================================      */

    /*새로운 버튼 스타일 - 23.06.15 jde*/
    /* btn_style_00_con */
    /* 230719 ::after 화살표삭제 */
    .btn_style_00_con .btn_style_1.type_2{ padding: 10px 20px 10px 20px; font-size: 14px; font-size: 1.4rem; line-height: 20px; line-height: 2.0rem; }

    /*radio*/
    .select_style_00_wrap .select_style_0 > li > a{ padding: 0 24px 14px 24px; color: #868fa0; }

    #wevenNewsView .popup_weven_news_title{font-size: 43px; font-size: 4.3rem; line-height: 50px; line-height: 5rem; margin-bottom: 20px;}
    #wevenNewsView .popup_weven_news_info{margin-bottom: 40px;}


    /*      =======================================================================================================      */

    /* 메인페이지 관련 공통css */

    /* 테마 선택 IMAGINE&QUICK (템플릿) 여백 */
    .wrapper.main .container.main_page_select_theme{ padding-top: 64px; padding-bottom: 68px; margin-top: 50px; }
    .list_style_wrapper .theme_title{font-size: 70px; font-size: 7.0rem; line-height: 90px; line-height: 9.0rem;}
    #selectTheme.list_style_wrapper .theme_title{font-size: 70px; font-size: 7.0rem; text-align: left;}
    /* 공통 */
    .common_title {font-size: 30px; font-size:3.0rem; line-height: 43px; line-height: 4.3rem;}
    .common_content { margin-top: 50px; }
    .common_btn_0{ padding-top: 12px; padding-bottom: 11px; }
    .common_btn_0:after{ content: ''; }
    .theme_btn_con{ right: 23px; bottom: 26px; }
    .theme_btn_con .theme_btn{ padding-right: 29px; }
    /*.container.site_map_active .theme_btn_con{ right: calc(23px + var(--siteMap_fixed_width)); }*/
    .sticky_top_btn_con .common_btn_0 { width: 161px; }
    .flex_center_wrapper{ padding-top: 80px; padding-bottom: 68px; }
    .flex_center_wrapper.align_top .flex_center_con{ margin-top: 40px; }
    /* 팝업 */
    .common_pop_0_wrap.type_2 .popup_body { padding: 32px 48px 40px 48px; }


    /*      =======================================================================================================      */

    /* 테마 선택 IMAGINE&QUICK (템플릿) */
    .list_style_wrapper .theme_con{max-width: 850px; float: none; margin: 0 auto; overflow: hidden;}
    .list_style_wrapper .theme_content_inner{margin-top: 92px;}
    .list_style_wrapper .category_btn_con{position: absolute; left: 0px; top: 28px; margin-top: 0; justify-content: center;}
    .list_style_wrapper.ai_result .category_btn_con{top: 21px;}
    /* .list_style_wrapper .category_btn_wrap{float: right;} */
    /* .list_style_wrapper .theme_content{margin-top: 60px;} */
    .list_style_wrapper .back_btn_wrap{ /*top: 112px; left: 20px;*/ top: 2px; left: 90px; }
    .list_style_wrapper .card { margin-bottom: 20px; }
    /* .list_style_wrapper .category_btn:nth-child(1) a{padding-right: 27px;}
    .list_style_wrapper .category_btn:nth-child(2) a{padding-left: 30px; padding-right: 25px;}
    .list_style_wrapper .category_btn:nth-child(3) a{padding-left: 29px;}
    .list_style_wrapper .category_btn:nth-child(4) a{padding-left: 30px; padding-right: 25px;} */
    #selectTheme.list_style_wrapper .category_btn:nth-child(2)::after{border-right: 1px solid rgba(255, 255, 255, 0.3);}
    #selectTheme.list_style_wrapper .category_btn:nth-child(3)::after{border-right: 1px solid rgba(255, 255, 255, 0.3);}
    #selectTheme.list_style_wrapper .category_btn:nth-child(4)::after{border-right: 1px solid rgba(255, 255, 255, 0.3);}
    #selectTheme.list_style_wrapper .category_btn:nth-child(5)::after{border-right: 1px solid rgba(255, 255, 255, 0.3);}
    #selectTheme.list_style_wrapper .category_btn:nth-child(6)::after{border-right: 1px solid rgba(255, 255, 255, 0.3);}
    #selectTheme.list_style_wrapper .category_btn:nth-child(7)::after{border-right: 1px solid rgba(255, 255, 255, 0.3);}
    #selectTheme.list_style_wrapper .theme_con {padding-top: 100px;}
    #selectTheme.list_style_wrapper .theme_content_inner{margin-top: 142px;}
    #selectTheme.list_style_wrapper .category_btn_con{top: 49px;}

    /* zaemit 개선 : 테마선택 : lhr */
    /* .list_style_wrapper .category_btn:nth-child(5) a, .list_style_wrapper .category_btn:nth-child(6) a, .list_style_wrapper .category_btn:nth-child(7) a{padding-left: 30px; padding-right: 25px;} */
    #selectTheme.list_style_wrapper .category_btn:first-child:after{display: none;}

    /* 즉시 소식 상세페이지 */
    #wevenNewsView .btn_style_00_con{margin-top: 70px;}
    #wevenNewsView .popup_weven_news_img{height: 450px;}

    /* 이용권 등록 팝업 */
    #popAddCoupon .discount_coupon_btn{ padding: 10px 15px 10px 15px;}
    #popAddCoupon .discount_coupon_con{top: 0px;}

    /* 페이지팝업(popup_page 클래스 붙은 페이지) 관련 */

    /*테마 상세*/
    .view_popup_wrap .content_wrap .main_content_con{ padding-top: 38px; }
    .view_popup_wrap .content_wrap .content_con{}
    .view_popup_wrap .content_wrap .fixed_btn_con > .close_btn{width: 45px; height: 45px; overflow: hidden; border: 2px solid #000; transition:all .2s;}
    .view_popup_wrap .content_wrap .fixed_btn_con > .close_btn:hover{background-color:#ffc514;}
    .view_popup_wrap .content_wrap .fixed_btn_con{right:35px;}
    
    .page_style_00 .result_right_con.is_set{ padding-bottom: 165px; }
    .page_style_00 .theme_box:hover .img_con{ border-color: var(--page00_box_border_h); }

    /* 감상하기 - 팝업 */
    .popup_title_desc_con .title_con{}
    .popup_title_desc_con .title_con .title span{font-size: 29px; font-size: 2.9rem; line-height: 42px; line-height: 4.2rem; text-align: left;}
    .popup_title_desc_con .desc_con .name{font-size: 14px; font-size: 1.4rem; line-height: 20px; line-height: 2.0rem; letter-spacing: 0.05em;}
    .popup_title_desc_con .desc_con .desc{font-size: 19px; font-size: 1.9rem; line-height: 35px; line-height: 3.5rem;}
    .popup_title_desc_con .desc_con .desc br{display:inline;}
    .popup_title_desc_con .date{font-size: 21px; font-size: 2.1rem; line-height: 27px; line-height: 2.7rem; position: absolute;}

    .popup_title_desc_con .title_con .serial_no {display: table-cell; text-align: right; vertical-align: bottom; margin-top: 0;}
    .popup_title_desc_con .desc_con .etc_con {width: 50%;}

    .view_popup_wrap .content_wrap .fixed_btn_con{top:30px; right:30px;}
    .view_popup_wrap .content_wrap .fixed_btn_con > .top_btn{display: block;}

    .theme_img_con img { margin-bottom: 80px; }

    /*scroll bar css*/
    .view_popup_wrap{
        scrollbar-base-color: #000;
        scrollbar-Face-Color: #3d3d3d;
        scrollbar-Highlight-Color: #000;
        scrollbar-arrow-color: #000;
    }
    .view_popup_wrap::-webkit-scrollbar {width: 0px; border: 4px solid transparent; }
    .view_popup_wrap::-webkit-scrollbar-button:start:decrement, ::-webkit-scrollbar-button:end:increment {display: block; height: 5px; background: transparent}
    .view_popup_wrap::-webkit-scrollbar-track { background: transparent; -webkit-box-shadow: inset 0 0 4px transparent}
    .view_popup_wrap::-webkit-scrollbar-thumb { background: transparent; border:12px solid transparent; -webkit-box-shadow: inset 0 0 40px #fff;  }

    .view_popup_wrap .popup_fixed_title_con .popup_fixed_title { font-size:19px; font-size:1.9rem; line-height:25px; line-height:2.5rem; }
    .view_popup_wrap .popup_header_con .popup_header_inner { height: 67px; }
    #blockDetailPopup .popup_header_con .popup_header_inner .popup_header_box { padding: 0 80px; }
    .view_popup_wrap .popup_header_con .popup_header_inner .popup_header_box { padding: 0 80px; }
    .view_popup_wrap .popup_header_con .popup_header_inner .popup_header_box .create_site_btn_con { display: block; }
    .view_popup_wrap .popup_header_con .popup_header_inner .popup_header_box .create_site_btn_con.theme_select_btn_con { display: none;  }
    .view_popup_wrap.theme_select .popup_header_con .popup_header_inner .popup_header_box .create_site_btn_con { display: none; }
    .view_popup_wrap.theme_select .popup_header_con .popup_header_inner .popup_header_box .create_site_btn_con.theme_select_btn_con { display: block; }
    .view_popup_wrap .popup_header_con .popup_fixed_size_btn_con { top: 18px; bottom: auto;}
    #blockDetailPopup .popup_header_con .popup_fixed_size_btn_con { top: auto; }

    .view_popup_wrap .create_site_btn_con { display: inline-block; margin-bottom: 0; float: right; margin-top: -62px; }
    .view_popup_wrap .popup_header_con .create_site_btn_con { margin-top: 0; }
    .view_popup_wrap .popup_header_con .create_site_btn_con .create_site_btn { border-radius: 0; padding: 19px 20px 22px 29px; }
    [data-wv-os="Mac"] .view_popup_wrap .popup_header_con .create_site_btn_con .create_site_btn { padding: 21px 20px 21px 28px; }
    .view_popup_wrap .main_content_con .popup_header_inner .create_site_btn_con { display: none; }
    .view_popup_wrap .design_info_wrap .create_site_btn_con { display: inline-block; }
    .view_popup_wrap .design_info_wrap .theme_select_btn_con { display: none; }
    .view_popup_wrap.theme_select .design_info_wrap .create_site_btn_con { display: none; }
    .view_popup_wrap.theme_select .design_info_wrap .create_site_btn_con.theme_select_btn_con { display: block; margin-top: -45px; }
    .create_site_btn_con .create_site_btn { font-size:19px; font-size:1.9rem; line-height:25px; line-height:2.5rem; width: 248px;}

    .view_popup_wrap .content_wrap .main_content_con .move_btn_con { display: flex;}
    .view_popup_wrap .content_wrap .main_content_con .move_btn_con.on .move_btn { opacity: 0.07; top: calc(50% - 18px); transition: opacity .2s, top .2s; }
    .view_popup_wrap .content_wrap .main_content_con .move_btn_con .move_btn { opacity: 0; }
    .view_popup_wrap .content_wrap .main_content_con .move_btn_con.on:hover .move_btn { opacity: 1; }

    .view_popup_wrap .go_to_top_btn_con { display: flex; }
    .view_popup_wrap .go_to_top_btn_con:hover .go_to_top_btn { color: var(--point_wv_01); }
    .view_popup_wrap .go_to_top_btn_con:hover .go_to_top_btn::before { border-bottom: 6px solid var(--point_wv_01); }

    /* FREE요금제 사이트생성 개수 제한 팝업 */
    #freePaymentCreationLimit .site_name_info{margin-top: 81px;}



    /*      =======================================================================================================      */


    /* default point color */
    .h_point0:hover{color:#6738ff !important;}
    .bg_h_point0:hover{background-color:#6738ff !important;}
    .svg_h_point0:hover{fill:#6738ff !important;}
    .border_h_point0:hover{border-color:#6738ff !important;}


    .btn_style_0_con .btn_style_0 {font-size:17px; font-size:1.7rem; line-height:23px; line-height:2.3rem; padding-bottom: 2px; padding-top: 2px;}
    .btn_style_0_con .btn_style_0.width105{width: 105px;}
    .btn_style_0_con .btn_style_0.width145{width: 145px;}
    .btn_style_0_con .btn_style_0.width155{width: 155px;}
    .btn_style_0_con .btn_style_0.width165{width: 165px;}
    .btn_style_0_con .btn_style_0.width174{width: 174px;}
    .btn_style_0_con .btn_style_0.width194{width: 194px;}
    .btn_style_0_con .btn_style_0.width214{width: 214px;}
    .btn_style_0_con .btn_style_0.width225{width: 225px;}
    .btn_style_0_con .btn_style_0.width240{width: 240px;}
    .btn_style_0_con .btn_style_0.width265{width: 265px;}

    .btn_style_0_con .btn_style_0:hover{background-color: #6f69ff;}

    .btn_style_1_con .btn_style_1 { padding-bottom: 0; padding-top: 0px; }
    .btn_style_1_con .btn_style_1.type_2{ padding-bottom: 3px; padding-top: 5px; }
    .btn_style_1_con .btn_style_1:hover{background-color: #5c56f1; color: #fff;}
    .btn_style_1_con .btn_style_1.width99{width: 99px;}

    .btn_style_2_con .btn_style_2:hover { color: #6738ff; }
    .btn_style_2_con .btn_style_2:hover span::after { background-image: url("../img/arrow_6738ff_7x12_right.png");}
    [data-wv-pc="mobile"] .btn_style_2_con .btn_style_2:hover span::after { background-image: url("../img/retina/arrow_6738ff_7x12_right_mac.png");}
    [data-wv-os="Mac"] .btn_style_2_con .btn_style_2:hover span::after { background-image: url("../img/retina/arrow_6738ff_7x12_right_mac.png");}

    .btn_style_3_con .btn_style_3:hover{color: #5c56f1;}
    .btn_style_3_con .btn_style_3.type_2:hover{color: #000; font-weight: 700;}
    /*.btn_style_3_con .btn_style_3.type_3:hover{}*/
    /*.btn_style_5_con .btn_style_5:hover{font-weight: 700;}*/

    .btn_style_4.type_icon > span::before { top: 0; width: 23px; height: 23px; }
    .btn_style_4.type_lg { padding: 16px 32px 16px 30px; border-radius: 20px; }
    .btn_style_4.type_lg > span { font-size:24px; font-size:2.4rem; line-height:30px; line-height:3.0rem; }
    .btn_style_4.type_lg > span { padding-left: 44px; }
    .btn_style_4.type_lg > span::before { top: -1px; width: 36px; height: 36px; }

    .btn_style_4.type_xl { padding: 36px 64px 32px 60px; border-radius: 30px; }
    .btn_style_4.type_xl > span { font-size:48px; font-size:4.8rem; line-height:54px; line-height:5.4rem; }
    .btn_style_4.type_xl > span { padding-left: 95px; }
    .btn_style_4.type_xl > span::before { top: -1px; width: 70px; height: 70px; }

    .pagination_style_0_wrap .swiper-pagination-bullet { width: 10px; height: 10px; }
    .pagination_style_0_wrap .rolling_arrow.left:hover::before { background-image: url("../img/arrow_fff_7x12_left.png"); }
    [data-wv-pc="mobile"] .pagination_style_0_wrap .rolling_arrow.left:hover::before { background-image: url("../img/retina/arrow_fff_7x12_left_mac.png"); }
    [data-wv-os="Mac"] .pagination_style_0_wrap .rolling_arrow.left:hover::before { background-image: url("../img/retina/arrow_fff_7x12_left_mac.png"); }
    .pagination_style_0_wrap .rolling_arrow.right:hover::before { background-image: url("../img/arrow_fff_7x12_right.png"); }
    [data-wv-pc="mobile"] .pagination_style_0_wrap .rolling_arrow.right:hover::before { background-image: url("../img/retina/arrow_fff_7x12_right_mac.png"); }
    [data-wv-os="Mac"] .pagination_style_0_wrap .rolling_arrow.right:hover::before { background-image: url("../img/retina/arrow_fff_7x12_right_mac.png"); }
    .pagination_style_0_wrap .rolling_arrow:hover::after { transform: scale(1); opacity: 1; }

    .check_btn_style_1_con .check_btn_style_1:hover + label:before { border-color: #6738ff; }

    .check_btn_style_2 + label { font-size:15px; font-size:1.5rem; line-height:28px; line-height:2.8rem;  }

    .section .section_title{font-size:37px; font-size:3.7rem; line-height:48px; line-height:4.8rem; }
    .section.solution .section_title { font-size:37px; font-size:3.7rem; line-height:48px; line-height:4.8rem; text-align: left; overflow: visible; float: left; margin-right: 0; margin-left: 0; max-width:none;}

    .section .section_sub_title{margin-bottom: 15px; display: block;}

    .intro_video_con .intro_video_title{top: 25px; left: 38px; font-size:22px; font-size:2.2rem; line-height:28px; line-height:2.8rem;}
    .intro_video_con .intro_video_play_btn{width: 80px; height: 80px; background-position: left 31px center; transform: scale(1) translate(-50%, -50%); }
    .intro_video_con.type_2 .intro_video_play_btn{width: 72px; height: 72px; background-image: url('../img/icon_play_btn_23x24_img.png'); background-size: 23px 24px;}

    .grid_style_0_wrap{padding-left: 50px; padding-right: 50px; padding-bottom: 0;}
    .grid_style_0_wrap .grid_style_0_con{width: calc(100% + 50px); margin-left: -50px; margin-bottom: -40px;}
    .grid_style_0_wrap .grid_style_0_con .grid_style_0{padding-left: 50px; padding-bottom: 40px;}
    .wrapper.sub .grid_style_0_wrap .grid_style_0_con .grid_style_0 > div { transform: translateY(0); transition: transform .15s ease; }
    .wrapper.sub .grid_style_0_wrap .grid_style_0_con .grid_style_0 > div:hover { transform: translateY(-20px); }
    .wrapper.sub .grid_style_0_wrap .grid_style_0_con .grid_style_0 > div:hover img { padding-bottom: 20px; }
    .wrapper.sub .grid_style_0_wrap .grid_style_0_con .grid_style_0 > div .img_box_shadow { position: absolute; top: 0; left: 0; width: 100%; height: calc(100% - 20px); z-index: -1; transition: box-shadow .2s; }
    .wrapper.sub .grid_style_0_wrap .grid_style_0_con .grid_style_0 > div:hover .img_box_shadow { box-shadow: 20px 20px 40px rgb(0 0 0 / 5%); }

    .grid_style_0_wrap.type_2{padding-left: 31px; padding-right: 31px;}
    .grid_style_0_wrap.type_2 .grid_style_0_con{width: calc(100% + 31px); margin-left: -31px; margin-bottom: -11px;}
    .grid_style_0_wrap.type_2 .grid_style_0_con .grid_style_0{padding-left: 31px; padding-bottom: 11px;}

    .grid_style_0_wrap.type_2 #blockDesignGrid { width: calc(100% + 50px); margin-left: -50px; margin-bottom: -30px; }
    .grid_style_0_wrap.type_2 #blockDesignGrid .grid_style_0{padding-left: 50px; padding-bottom: 50px;}

    .grid_style_1_wrap{padding-left: 60px; padding-right: 60px;}
    .grid_style_1_wrap .grid_style_1_con{margin-bottom: -60px;}
    .grid_style_1_wrap .grid_style_1_con .grid_style_1{padding-bottom: 60px;}

    .grid_style_2_wrap{padding-left: 34px; padding-right: 34px;}
    .grid_style_2_wrap .grid_style_2_con{margin-bottom: -14px;}
    .grid_style_2_wrap .grid_style_2_con .grid_style_2{padding-bottom: 14px;/* max-width: 400px;*/ margin: 0 auto;}


    .grid_style_3_wrap { }
    .grid_style_3_wrap .grid_style_3_con{margin-bottom: -35px; width: calc(100% + 35px); margin-left: -35px;}
    .grid_style_3_wrap .grid_style_3_con .grid_style_3{padding-bottom: 35px; padding-left: 35px;}

    .grid_style_4_wrap{padding-left: 40px; padding-right: 40px; }
    .grid_style_4_wrap .grid_style_4_con{ width: calc(100% + 40px); margin-left: -40px; margin-bottom: -40px;}
    .grid_style_4_wrap .grid_style_4_con .grid_style_4{padding-left: 40px; padding-bottom: 40px;}

    .login_popup_style_close_btn_con { top: 13px; right: 13px;}
    .login_popup_style_close_btn_con .login_popup_style_close_btn > svg { width: 11px; }

    .popup_style_0_con { border-radius: 20px; }
    .popup_style_0_con .contents{ padding-right: 74px; padding-left: 74px; padding-top: 61px; padding-bottom: 30px; height: 336px; }
    .popup_style_0_con .popup_title_con { padding-bottom: 32px; margin-bottom: 27px;}
    .popup_style_0_con .popup_title_con .title{ font-size:25px; font-size:2.5rem; line-height:32px; line-height:3.2rem; }
    .popup_style_0_con .popup_desc_con .desc{font-size:17px; font-size:1.7rem; line-height:32px; line-height:3.2rem; }
    .popup_style_0_con.type_3 .contents.type_table {  }

    .popup_style_0_btn_con .popup_style_0_btn{ padding-top: 23px; padding-bottom: 24px; }
    .popup_style_0_btn_con .popup_style_0_btn > span{ font-size:17px; font-size:1.7rem; line-height:23px; line-height:2.3rem; }
    .popup_style_0_btn_con .popup_style_0_btn:hover { background-color: #ede9f8; }
    .popup_style_0_btn_con .popup_style_0_btn:hover > span{ color:#5c56f1;}
    .popup_style_0_close_btn_con .popup_style_0_close_btn:hover > span { width: 27px; height: 27px; }

    .service_list_wrap .service_list_con{max-width: 720px; }
    .service_list_wrap .service_list:nth-child(2n) .service_list_title:after{content: '';}
    .service_list_wrap .service_list:nth-child(4n) .service_list_title:after{content: none;}
    .service_list_wrap .service_list_img{height: 63px; margin-bottom: 2px;}

    .service_list_wrap .service_list{width: 180px; margin-bottom: 50px; }
    .service_list_wrap .service_list:hover .service_list_title { font-weight: 700; }
    /*.service_list_wrap .service_list{width: 200px; }*/
    .service_list_wrap .service_list img { width: 50px; transform: translateY(7px);  transition: transform .15s; }
    .service_list_wrap .service_list:hover img { transform: translateY(0);}

    .wrapper.main .service_list_wrap{margin-bottom: 65px;}

    .service_list_wrap .service_list_title { font-size:15px; font-size:1.5rem; line-height:23px; line-height:2.3rem; }
    .wrapper.main .service_list_wrap .service_list:hover .service_list_title { font-weight: 700; }

    .technology_list_wrap .technology_list_bg_con{position: absolute; left: 0; top: 53px; background-color: #f0eff8; height: calc(50% - 238px);}
    /*.technology_list_wrap .technology_list_bg_con{top: 120px; height: calc(50% - 328px);}*/
    .technology_list_wrap .technology_list.reverse > div{float: right;}
    .technology_list_wrap .technology_list .img_box .img_box_inner img { max-width:100%; }
    .technology_list_wrap .technology_list .img_box{text-align: left; }
    .technology_list_wrap .technology_list .img_box .img_box_inner .mw-95-per { max-width:95%; }
    .technology_list_wrap .technology_list .img_box .img_box_inner .mw-85-per { max-width:85%; }
    .technology_list_wrap .technology_list.reverse .img_box{text-align: right;}
    .technology_list_wrap .technology_list .text_box .text_box_inner{max-width: 560px;}
    .technology_list_wrap .technology_list .text_box .text_box_inner{float: right;}
    .technology_list_wrap .technology_list.reverse .text_box .text_box_inner{float: left;}
    .technology_list_wrap .technology_list .text_box .text_box_inner .desc { font-size:17px; font-size:1.7rem; line-height:30px; line-height:3.0rem; max-width: 480px; float: left; overflow: visible; margin-left: 0; margin-right: 0; text-align: left;}
    .technology_list_wrap .technology_list .text_box .text_box_inner .name{padding-bottom: 23px; margin-bottom: 17px; font-size:21px; font-size:2.1rem; line-height:29px; line-height:2.9rem; text-align: left;}
    [data-wv-os="Mac"] .technology_list_wrap .technology_list .text_box .text_box_inner .name { padding-bottom: 18px; margin-bottom: 20px;}
    .technology_list_wrap .technology_list .text_box .text_box_inner .name:after{width: 63px; left: 0; transform: translateX(0);}
    .technology_list_wrap .technology_list .text_box .text_box_inner .title{margin-bottom: 13px; font-size:30px; font-size:3.0rem; line-height:41px; line-height:4.1rem; text-align: left;}
    /*.technology_list_wrap .technology_list .text_box .text_box_inner .title{margin-bottom: 15px; font-size:46px; font-size:4.6rem; line-height:61px; line-height:6.1rem;}*/

    .editor_function_list_wrap .editor_function_list_con .editor_function_list{margin-bottom: 70px;}
    .editor_function_list_wrap .editor_function_list{display: flex; align-items: center;}
    .editor_function_list_wrap .editor_function_list .left_box{font-size:20px; font-size:2.0rem; line-height:26px; line-height:2.6rem; margin-bottom: 0; width: 220px; text-align: left;}
    /*.editor_function_list_wrap .editor_function_list .left_box{font-size:27px; font-size:2.7rem; line-height:33px; line-height:3.3rem; margin-bottom: 0; width: 220px;}*/
    .editor_function_list_wrap .editor_function_list .right_box{width: calc(100% - 220px); padding-left: 30px;}
    .editor_function_list_wrap .editor_function_list .right_box:after{content: ''; position: absolute; left: 0; top: 0; height: calc(100% - 4px); border-left: 1px solid rgba(255, 255, 255, 0.2);}
    [data-wv-os="Mac"] .editor_function_list_wrap .editor_function_list .right_box:after{height: calc(100% - 2px);}
    .editor_function_list_wrap .editor_function_list .right_box .function_list .text_box { font-size:14px; font-size:1.4rem; line-height:20px; line-height:2.0rem; font-weight: 300; }
    [data-wv-os="Mac"] .editor_function_list_wrap .editor_function_list .right_box .function_list .text_box { font-weight: 400; }
    .editor_function_list_wrap .editor_function_list .right_box .function_list .img_box { margin-bottom: 20px; }


    .site_manage_wrap .site_manage_list_con{margin-bottom: -55px; display: flex; flex-wrap: wrap;}
    .site_manage_wrap .site_manage_list_con .site_manage_list{padding-bottom: 0; margin-bottom: 55px; padding-right: 30px; padding-left: 30px; text-align: center;}
    .site_manage_wrap .site_manage_list_con .site_manage_list:last-child{margin-bottom: 55px;}
    .site_manage_wrap .site_manage_list_con .site_manage_list:after{content: ''; top: auto; left: auto; right: 0; bottom: 50%; transform: translateY(50%); width: auto; height: calc(100% - 3px); border-bottom: 0px none; border-right: 1px solid #dddddd;}
    .site_manage_wrap .site_manage_list_con .site_manage_list:nth-child(2n):after{content: '';}
    .site_manage_wrap .site_manage_list_con .site_manage_list:nth-child(3n):after{content: none;}
    .site_manage_wrap .site_manage_list_con .site_manage_list:last-child:after{content: none;}
    .site_manage_wrap .img_con img { max-width: 100%; }

    .site_manage_wrap .site_manage_list_con .site_manage_list .title { font-size:20px; font-size:2.0rem; line-height:26px; line-height:2.6rem; margin-bottom: 12px;}
    .site_manage_wrap .site_manage_list_con .site_manage_list .desc { /*font-size:15px; font-size:1.5rem; line-height:21px; line-height:2.1rem; */letter-spacing: -0.02em; }

    .login_popup_style_wrap .login_popup_style_con { border-radius: 33px; }


    


}

@media all and (min-width: 1024px) {

    /*      =======================================================================================================      */

    /* 페이지팝업(popup_page 클래스 붙은 페이지) 관련 */

    /*테마 상세*/
    .view_popup_wrap .content_wrap .main_content_inner{ max-width: 960px; }
    .sticky_top_btn_con .sticky_top_btn_inner .popup_header_inner{ max-width: 960px; }



    /*      =======================================================================================================      */

}

@media all and (min-width: 1200px) {

    /* 테마 */
    .list_style_wrapper .theme_con {max-width: 1000px;}
    #selectTheme.list_style_wrapper .theme_con {padding-top: 163px;}
    /* .list_style_wrapper .card { padding-left: 40px;} */
    /* .list_style_wrapper .theme_content_inner{width: -webkit-calc(100% + 40px);width: -moz-calc(100% + 40px); width: calc(100% + 40px); margin-left: -40px;} */
    /* .list_style_wrapper .card_overlay {left: 40px;width: calc(100% - 40px);} */

    .list_style_wrapper .news_notice_card_inner {height: 363px;}


    /*      =======================================================================================================      */

    /* 페이지팝업(popup_page 클래스 붙은 페이지) 관련 */

    /*테마 상세*/
    .view_popup_wrap .content_wrap .main_content_inner{ max-width: 1060px; }
    .view_popup_wrap .content_wrap .main_content_con .move_btn_con { width: calc((100% - 1060px) / 2);}
    .sticky_top_btn_con .sticky_top_btn_inner .popup_header_inner{ max-width: 1060px; }



    /*      =======================================================================================================      */

    /*새로운 버튼 스타일 - 23.06.15 jde*/
    /* btn_style_00_con */
    .btn_style_00_con .btn_style_2.type_2{ font-size: 12px; font-size: 1.4rem; line-height: 18px; line-height: 1.8rem; }
    .btn_style_00_con .btn_style_2.arw_right{ background-position: right top 4px; }


    /*      =======================================================================================================      */

    /*.section .section_title{font-size:47px; font-size:4.7rem; line-height:61px; line-height:6.1rem; }*/

    /*.wrapper.main .service_list_wrap{margin-bottom: 80px;}*/
    /*.wrapper.main .service_list_wrap{margin-bottom: 112px;}*/

    /*.service_list_wrap .service_list{width: 230px;}*/
    /*.wrapper.main .service_list_wrap .service_list{width: 240px;}*/

    .grid_style_0_wrap{padding-left: 55px; padding-right: 55px;}
    .grid_style_0_wrap .grid_style_0_con{width: calc(100% + 55px); margin-left: -55px; margin-bottom: -45px;}
    .grid_style_0_wrap .grid_style_0_con .grid_style_0{padding-left: 55px; padding-bottom: 45px;}

    .grid_style_0_wrap.type_2 #blockDesignGrid { width: calc(100% + 55px); margin-left: -55px; margin-bottom: -35px; }
    .grid_style_0_wrap.type_2 #blockDesignGrid .grid_style_0{padding-left: 55px; padding-bottom: 55px;}

    .grid_style_1_wrap{padding-left: 88px; padding-right: 88px;}
    .grid_style_1_wrap .grid_style_1_con{margin-bottom: -88px;}
    .grid_style_1_wrap .grid_style_1_con .grid_style_1{padding-bottom: 88px;}

    .grid_style_3_wrap .grid_style_3_con{margin-bottom: -45px; width: calc(100% + 45px); margin-left: -45px;}
    .grid_style_3_wrap .grid_style_3_con .grid_style_3{padding-bottom: 45px; padding-left: 45px;}

    .grid_style_4_wrap{padding-left: 60px; padding-right: 60px; }
    .grid_style_4_wrap .grid_style_4_con{ width: calc(100% + 60px); margin-left: -60px; margin-bottom: -60px;}
    .grid_style_4_wrap .grid_style_4_con .grid_style_4{padding-left: 60px; padding-bottom: 60px;}



}

@media all and (min-width: 1280px) {

    /*      =======================================================================================================      */

    /* 메인페이지 관련 공통css */

    /* page_style_00 (메인페이지 사이트분석결과 페이지, IMAGINE AND QUICK 테마 상세보기 페이지) */
    .page_style_00 .result_left_con{ width: calc(100% - 320px); }
    .page_style_00 .result_right_con:not(.folded) ~ .page_dim{ display: none; }

}

@media all and (min-width: 1300px) {
    .section .section_sub_title{left: calc((100% - 1112px) / 2);}

}

@media all and (min-width: 1390px) {

    /* 메인페이지 관련 공통css */

    /* 공통 */
    .wrapper .container.site_map_active{ width: calc(100% - var(--siteMap_fixed_width)); }

}

@media all and (min-width: 1400px) {

    /*      =======================================================================================================      */

    /* 테마 선택 IMAGINE&QUICK (템플릿) */
    /* 테마 */
    .list_style_wrapper .theme_con {max-width: 1300px;}
    .list_style_wrapper .card {width: 33.33%; padding-left: 20px;}
    .list_style_wrapper .theme_content_inner{width: -webkit-calc(100% + 20px);width: -moz-calc(100% + 20px); width: calc(100% + 20px); margin-left: -20px;}
    #selectTheme.list_style_wrapper .theme_content_inner{width: -webkit-calc(100% + 40px);width: -moz-calc(100% + 40px); width: calc(100% + 40px); margin-left: -40px;}
    #selectTheme.list_style_wrapper .card {padding-left: 40px; margin-bottom: 40px;}
    /* .list_style_wrapper .card_overlay {left: 60px;width: calc(100% - 60px);} */

    .list_style_wrapper .news_notice_card{width: 33%; margin-bottom: 60px;}
    .list_style_wrapper .news_notice_card_inner{height: 343px;}
    .list_style_wrapper .img_box{height: 220px;}


    /* 페이지팝업(popup_page 클래스 붙은 페이지) 관련 */

    /*테마 상세*/
    .sticky_top_btn_con .sticky_top_btn_inner .popup_header_inner{ max-width: 1200px; }
    .view_popup_wrap .content_wrap .main_content_inner{ max-width: 1200px; }
    .view_popup_wrap .content_wrap .main_content_con .move_btn_con { width: calc((100% - 1200px) / 2);}

    #selectTheme.list_style_wrapper .theme_title { text-align: center; }
    .list_style_wrapper .category_select_con { top: -7px; }
}

@media all and (min-width: 1500px) {
    .intro_wrap_inner { max-width: 1112px; }

    .service_list_wrap .service_list{width: 145px;}
    .service_list_wrap .service_list_img { margin-bottom: 6px; }
    .service_list_wrap .service_list_con{max-width: none; }
    .service_list_wrap .service_list:nth-child(4n) .service_list_title:after{content: '';}
    .service_list_wrap .service_list:last-child .service_list_title:after{content: none;}

    .editor_function_list_wrap .editor_function_list .left_box{width: 325px; padding-left: 50px; font-size:22px; font-size:2.2rem; line-height:28px; line-height:2.8rem; }
    .editor_function_list_wrap .editor_function_list .right_box{width: calc(100% - 325px); padding-left: 50px;}

    .editor_function_list_wrap .editor_function_list .right_box .function_list .text_box { font-size:15px; font-size:1.5rem; line-height:21px; line-height:2.1rem; }
}

@media all and (min-width: 1600px) {

    /*      =======================================================================================================      */

    /* 페이지팝업(popup_page 클래스 붙은 페이지) 관련 */

    /*테마 상세*/
    .view_popup_wrap .content_wrap .main_content_inner{ max-width: 1300px; }
    .view_popup_wrap .content_wrap .main_content_con .move_btn_con { width: calc((100% - 1300px) / 2);}
    .view_popup_wrap .create_site_btn_con { margin-top: -22px;}
    .view_popup_wrap .popup_header_con .create_site_btn_con { margin-top: 0; }
    .sticky_top_btn_con .sticky_top_btn_inner .popup_header_inner{ max-width: 1300px; }



    /*      =======================================================================================================      */

    .technology_list_wrap .technology_list_bg_con {top: 133px; height: calc(50% - 398px);}
    /*.service_list_wrap .service_list_title { font-size:16px; font-size:1.6rem; line-height:22px; line-height:2.2rem;  }*/

    .grid_style_4_wrap{padding-left: 80px; padding-right: 80px; }
    .grid_style_4_wrap .grid_style_4_con{ width: calc(100% + 80px); margin-left: -80px; margin-bottom: -80px;}
    .grid_style_4_wrap .grid_style_4_con .grid_style_4{padding-left: 80px; padding-bottom: 80px;}
}

@media all and (min-width: 1700px) {
    /* 테마 */
    /* .list_style_wrapper .theme_con {max-width: 1600px;} */
}

@media all and (min-width: 1800px) {
    
    .list_style_wrapper .theme_con {max-width: 1600px;}
    .list_style_wrapper .card{width: 25%;}

    .list_style_wrapper .news_notice_card{width: 25%;}



    .section.website .section_title { margin-bottom: 20px; }
    .section .section_title { font-size: 46px; font-size: 4.6rem; line-height: 55px; line-height: 5.5rem; }
    .section.solution .section_title { font-size: 46px; font-size: 4.6rem; line-height: 55px; line-height: 5.5rem; }
    /*.service_list_wrap .service_list{width: 190px;}*/
    /*.wrapper.main .service_list_wrap .service_list_title { font-size:18px; font-size:1.8rem; line-height:24px; line-height:2.4rem; }*/

    .btn_style_4.type_lg { padding: 20px 36px 20px 34px; border-radius: 25px; }
    .btn_style_4.type_lg > span { font-size:28px; font-size:2.8rem; line-height:34px; line-height:3.4rem;  }
    .btn_style_4.type_lg > span { padding-left: 50px; }
    .btn_style_4.type_lg > span::before { top: 0; width: 40px; height: 40px; }

    .btn_style_4.type_xl { padding: 40px 72px 40px 68px; border-radius: 35px; }
    .btn_style_4.type_xl > span { font-size:56px; font-size:5.6rem; line-height:62px; line-height:6.2rem; }
    .btn_style_4.type_xl > span { padding-left: 110px; }
    .btn_style_4.type_xl > span::before { top: 0; width: 80px; height: 80px; }

    .section .section_sub_title{position: absolute; z-index: 1; width: auto; top:11px; left: 65px; margin-bottom: 0;} /* section_title lineheight때문에 top:11px ...hsj */

    .editor_function_list_wrap { padding-top: 153px; padding-bottom: 190px; margin-bottom: 158px; }
    .editor_function_list_wrap .sub_contents_desc { margin-bottom: 112px; }

    .site_manage_wrap .site_manage_list_con .site_manage_list .title { font-size:23px; font-size:2.3rem; line-height:29px; line-height:2.9rem; margin-bottom: 17px; }
    .site_manage_wrap .site_manage_list_con .site_manage_list .desc { font-size:17px; font-size:1.7rem; line-height:23px; line-height:2.3rem;  }
    .site_manage_wrap .site_manage_list_con .site_manage_list { margin-bottom: 65px;}

    [lang="en"] .list_style_wrapper .category_btn_con { justify-content: center; }
}

@media all and (min-width: 1900px) {

    /*      =======================================================================================================      */

    /* 메인페이지 관련 공통css */

    /* 공통 */
    .flex_center_wrapper.align_top .flex_center_con{ margin-top: 40px; }


    /*      =======================================================================================================      */

    /* 페이지팝업(popup_page 클래스 붙은 페이지) 관련 */

    /*테마 상세*/
    .view_popup_wrap .content_wrap .main_content_inner{ max-width: 1400px; }
    .view_popup_wrap .content_wrap .main_content_con .move_btn_con { width: calc((100% - 1400px) / 2);}
    .sticky_top_btn_con .sticky_top_btn_inner .popup_header_inner{ max-width: 1400px; }



    /*      =======================================================================================================      */

    /*.section.solution .section_title { font-size:53px; font-size:5.3rem; line-height:75px; line-height:7.5rem; padding-left: 30px; }*/
}

@media all and (min-width: 1920px) {

    /*      =======================================================================================================      */

    /* 페이지팝업(popup_page 클래스 붙은 페이지) 관련 */

    /*테마 상세*/
    .view_popup_wrap .content_wrap .main_content_con .move_btn_con.on .move_btn img { width: auto; }

    .view_popup_wrap .popup_header_con .popup_header_inner .popup_header_box { padding-left: 0; padding-right: 0; max-width: 1760px; overflow:hidden; float: none; clear: both; margin-left: auto; margin-right: auto; }
    #blockDetailPopup .popup_header_con .popup_header_inner .popup_header_box { padding-left: 0; padding-right: 0; max-width: 1760px; overflow:hidden; float: none; clear: both; margin-left: auto; margin-right: auto; }

    /*      =======================================================================================================      */

    /* 메인페이지 관련 공통css */

    /* page_style_00 (메인페이지 사이트분석결과 페이지, IMAGINE AND QUICK 테마 상세보기 페이지) */
    /*.page_style_00 .result_left_con{ width: calc(100% - 500px); }*/
    /*.page_style_00 .result_right_con{ width: 500px; }*/
    /*.page_style_00 .result_right_con.folded{ right: -500px; }*/
    /*.page_style_00 .history_box .img_con{ height: 290px; }*/
    /*.page_style_00 .swiper-container { max-width: 420px; }*/
    /*.page_style_00 .swiper_arw_con:after{ top: 136px; }*/
    /*.page_style_00 .swiper_arw_con.right:after{ right: 23px; }*/
    /*.page_style_00 .swiper_arw.left{ background-position: top 145px left 26px; }*/
    /*.page_style_00 .swiper_arw.right{ width: 65px; background-position: top 145px right 32px; }*/


    /*      =======================================================================================================      */

    .grid_style_0_wrap{padding-left: 87px; padding-right: 87px;}
    .grid_style_0_wrap .grid_style_0_con{width: calc(100% + 87px); margin-left: -87px;}
    .grid_style_0_wrap .grid_style_0_con .grid_style_0{padding-left: 87px; width: 25%;}
    .main .grid_style_0_wrap .grid_style_0_con .grid_style_0{width: 40%;}

    .grid_style_0_wrap.type_2{padding-left: 54px; padding-right: 54px;}
    .grid_style_0_wrap.type_2 .grid_style_0_con{width: calc(100% + 54px); margin-left: -54px; margin-bottom: -34px;}
    .grid_style_0_wrap.type_2 .grid_style_0_con .grid_style_0{padding-left: 54px; padding-bottom: 34px;}

    .grid_style_1_wrap .grid_style_1_con .grid_style_1{width: 33.33%;}

    .grid_style_2_wrap .grid_style_2_con .grid_style_2{width: 20%;}

    /*.service_list_wrap .service_list{width: 210px;}*/
    /*.wrapper.main .service_list_wrap .service_list_title { font-size:20px; font-size:2.0rem; line-height:26px; line-height:2.6rem; }*/
    .grid_style_4_wrap{padding-left: 100px; padding-right: 100px; }
    .grid_style_4_wrap .grid_style_4_con{ width: calc(100% + 100px); margin-left: -100px; margin-bottom: -100px;}
    .grid_style_4_wrap .grid_style_4_con .grid_style_4 { width: 20%; padding-left: 100px; padding-bottom: 100px;}
}

@media all and (min-width: 2000px) {

    /*      =======================================================================================================      */

    /* 페이지팝업(popup_page 클래스 붙은 페이지) 관련 */

    /*테마 상세*/
    .view_popup_wrap .content_wrap .main_content_inner{ max-width: 1570px; }
    .view_popup_wrap .content_wrap .main_content_con .move_btn_con { width: calc((100% - 1570px) / 2);}
    .sticky_top_btn_con .sticky_top_btn_inner .popup_header_inner{ max-width: 1570px; }



    /*      =======================================================================================================      */

}

@media all and (min-width: 2200px) {

    /* 테마 */
    /* .list_style_wrapper .theme_con {max-width: 1800px;} */
    .list_style_wrapper .card {width: 25%;}




    .grid_style_0_wrap{padding-left: 100px; padding-right: 100px;}
    .grid_style_0_wrap .grid_style_0_con{width: calc(100% + 100px); margin-left: -100px;}
    .grid_style_0_wrap .grid_style_0_con .grid_style_0{padding-left: 100px;}

    .grid_style_0_wrap.type_2{padding-left: 72px; padding-right: 72px;}
    .grid_style_0_wrap.type_2 .grid_style_0_con{width: calc(100% + 72px); margin-left: -72px; margin-bottom: -52px;}
    .grid_style_0_wrap.type_2 .grid_style_0_con .grid_style_0{padding-left: 72px; padding-bottom: 52px;}
    .grid_style_0_wrap.type_2 .grid_style_0_con .grid_style_0{padding-left: 72px; padding-bottom: 52px;}
}

@media all and (min-width: 2400px) {

    /*      =======================================================================================================      */

    /* 메인페이지 관련 공통css */

    /* 공통 */
    .common_content {margin-top: 60px;}
    .common_title { font-size: 33px; font-size: 3.3rem; }


    /*      =======================================================================================================      */

}

@media all and (min-width: 2500px) {
    .section .section_title{font-size:56px; font-size:5.6rem; line-height:68px; line-height:6.8rem;}
    .section.solution .section_title { font-size:56px; font-size:5.6rem; line-height:68px; line-height:6.8rem; }

    .btn_style_4.type_lg { padding: 24px 40px 24px 38px; border-radius: 30px; }
    .btn_style_4.type_lg > span { font-size:32px; font-size:3.2rem; line-height:38px; line-height:3.8rem; }
    .btn_style_4.type_lg > span { padding-left: 59px; }
    .btn_style_4.type_lg > span::before { top: 1px; width: 44px; height: 44px; }

    .btn_style_4.type_xl { padding: 48px 80px 48px 76px; border-radius: 40px; }
    .btn_style_4.type_xl > span { font-size:64px; font-size:6.4rem; line-height:70px; line-height:7.0rem; }
    .btn_style_4.type_xl > span { padding-left: 125px; }
    .btn_style_4.type_xl > span::before { top: 1px; width: 90px; height: 90px; }

    .technology_list_wrap .technology_list .text_box .text_box_inner .desc { font-size:19px; font-size:1.9rem; line-height:33px; line-height:3.3rem;  }
    .editor_function_list_wrap { padding-top: 173px; padding-bottom: 220px; margin-bottom: 178px; }
    .editor_function_list_wrap .sub_contents_desc { margin-bottom: 122px; }
    .editor_function_list_wrap .editor_function_list .left_box { font-size:24px; font-size:2.4rem; line-height:30px; line-height:3.0rem; width: 340px; }
    .editor_function_list_wrap .editor_function_list .right_box{width: calc(100% - 340px); }

    .service_list_wrap .service_list{width: 190px;}
    .service_list_wrap .service_list_img { margin-bottom: 13px;}
    .service_list_wrap .service_list img { width: 60px; }

    .grid_style_0_wrap .grid_style_0_con{ margin-bottom: -55px;}
    .grid_style_0_wrap .grid_style_0_con .grid_style_0{  padding-bottom: 55px;}
}

@media all and (min-width: 2560px) {
    #wevenNewsView .popup_weven_news_img{background-size: cover;}

    /*      =======================================================================================================      */

    /* 메인페이지 관련 공통css */

    /* page_style_00 (메인페이지 사이트분석결과 페이지, IMAGINE AND QUICK 테마 상세보기 페이지) */
    /*.page_style_00 .result_left_con{ width: calc(100% - 590px); }*/
    /*.page_style_00 .result_right_con{ width: 590px; }*/
    /*.page_style_00 .result_right_con.folded{ right: -590px; }*/
    /*.page_style_00 .result_right_con .section_con{ margin-bottom: 47px; padding: 0 40px; }*/
    /*.page_style_00 .has_swiper_title_wrap{ padding-left: 40px; padding-right: 40px; }*/
    /*.page_style_00 .swiper-container { max-width: 500px; padding-left: 40px; }*/
    /*.page_style_00 .history_box .img_con{ height: 349px; }*/
    /*.page_style_00 .swiper_arw_con:after{ top: 156px; }*/
    /*.page_style_00 .swiper_arw_con.left:after{ left: 23px; }*/
    /*.page_style_00 .swiper_arw_con.right:after{ right: 23px; }*/
    /*.page_style_00 .swiper_arw.left{ width: 61px; background-position: top 165px left 32px; }*/
    /*.page_style_00 .swiper_arw.right{ width: 104px; background-position: top 165px right 32px; }*/
    /*.page_style_00 .theme_box{ padding: 30px; }*/
    /*.page_style_00 .theme_box .img_con{ width: 160px; height: 160px; }*/
    /*.page_style_00 .theme_box .text_con{ width: calc(100% - 160px); height: 160px; padding-top: 31px; padding-left: 40px; }*/

}