@charset "utf-8";

/* header */
.fixed_header_wrap{ height: 48px; background-color: #fff; box-sizing: border-box; z-index: 10000; position: fixed; top: 0; display: flex; }
.fixed_header_wrap .header_con{ flex: 1; -ms-flex: 1 0 auto; display: flex; justify-content: space-between; /*padding: 0 11px;*/ padding-left: 11px; }
.fixed_header_wrap .header_con > ul > li{ height: 100%; position: relative; cursor: pointer; display: inline-flex; align-items: center; }
.fixed_header_wrap .header_con > ul > li .icon{ display: inline-block; position: relative; width: 24px; height: 24px; border-radius: 3px; transition: background-color .3s, background-image .2s; background-position: center center; background-repeat: no-repeat; font-size: 0; line-height: 0; text-indent: -10000px; overflow: hidden; }
/*.fixed_header_wrap .header_con > ul > li:hover .icon{ background-color: rgba(63,135,245,0.1); }*/

.fixed_header_wrap li:hover .header_dropdown_wrap{ opacity: 1; margin-top: 0px; visibility: visible; --header_dropdown_pd: 23px 11px 11px 11px; }
.fixed_header_wrap .header_dropdown_wrap{ opacity: 0; visibility: hidden; margin-top: 10px; transition: opacity 0.3s ease, margin 0.3s; width: 280px; height: 132px; padding: var(--header_dropdown_pd); background-color: var(--color_green_1); border-radius: 14px; position: absolute; top: var(--header_height); right: 102%; transform: translateX(50%); box-sizing: border-box; cursor: default; }
.fixed_header_wrap .header_dropdown_wrap::before{ content: ''; border-bottom: 8px solid var(--color_green_1); border-left: 9px solid transparent; border-right: 9px solid transparent; position: absolute; top: -8px; right: 46%; transform: translateX(50%); }
.fixed_header_wrap .header_dropdown_inner{ padding-left: 16px; }
.fixed_header_wrap .header_dropdown_title{ font-size: 16px; font-size: 1.6rem; line-height: 22px; line-height: 2.2rem; font-weight: 800; }
.fixed_header_wrap .header_dropdown_desc{ font-size: 12px; font-size: 1.2rem; line-height: 18px; line-height: 1.8rem; font-weight: 500; word-break: keep-all; margin-top: 6px; }
.fixed_header_wrap .header_dropdown_bottom_con{ padding-top: 17px; padding-right: 3px; text-align: right; font-size: 0; }
.fixed_header_wrap ul.dropdown_alert_list{ margin-top: 14px; margin-bottom: 19px; }
.fixed_header_wrap ul.dropdown_alert_list li{ padding-left: 10px; margin-top: 4px; position: relative; font-size: 13px; font-size: 1.3rem; line-height: 19px; line-height: 1.9rem; font-weight: 700; word-break: keep-all; }
.fixed_header_wrap ul.dropdown_alert_list li:first-child{ margin-top: 0; }
.fixed_header_wrap ul.dropdown_alert_list li::before{ content: ''; width: 4px; height: 2px; background-color: #000; position: absolute; top: 9px; left: 0; }

/*(메뉴 여닫기)*/
.fixed_header_wrap .menu_toggle_btn .icon{ background-image: url("../img/icon_hamburger_left.png"); background-size: 14px 10px; transform: rotate(180deg); }
.is_expand .fixed_header_wrap .menu_toggle_btn .icon{ transform: rotate(0deg); }
/*(로고)*/
.fixed_header_wrap .header_logo{ margin-left: 7px; }
.fixed_header_wrap .header_logo .logo_btn{ display: inline-block; padding: 10px 5px; }
.fixed_header_wrap .header_logo img{ width: 108px; height: 12px; }
/*(자주묻는질문)*/
.fixed_header_wrap .faq_wrap{ margin-right: 10px; }
.fixed_header_wrap .faq_wrap .faq_background { width: 24px; height: 24px; background-color:#000; border-radius: 50%; }
.fixed_header_wrap .faq_wrap:hover .faq_background { background-color: var(--color_green_1); }
.fixed_header_wrap .faq_wrap .icon{ background-image: url("../img/svg/help_FILL0_wght400_GRAD0_opsz20_white.svg"); background-size: 16px; }
.fixed_header_wrap .faq_wrap:hover .icon{ background-image: url("../img/svg/help_FILL0_wght400_GRAD0_opsz20.svg"); }
.fixed_header_wrap .faq_wrap .header_dropdown_wrap .header_dropdown_bottom_con { padding-top: 5px; }
/*(알림)*/
/*.alert_wrap .alert_con{position: relative; padding-top: 11px; padding-right: 13px; cursor: pointer;}*/
/*.alert_wrap .alert_icon{width: 14px; height: 17px; background-image: url('../img/14x17_56566c_alert_icon.png'); background-size: 14px 17px; background-position: center; background-repeat: no-repeat; transition: all 0.3s;}*/
/*[data-wv-os="Mac"] .alert_wrap .alert_icon { background-image: url("../img/retina/14x17_56566c_alert_icon_mac.png"); }*/
/*[data-wv-pc="mobile"] .alert_wrap .alert_icon { background-image: url("../img/retina/14x17_56566c_alert_icon_mac.png"); }*/
/*.alert_wrap .alert_num{position: absolute; top:0; right: 0; width: 20px; height: 19px; padding-top: 1px; font-size: 12px; font-size: 1.2rem; line-height: 19px; line-height: 1.9rem; letter-spacing: 0.0em; font-weight: 400; color:#fff; text-align: center; background-color: #4eb3f3; border-radius: 50%; box-sizing: border-box;}*/
.fixed_header_wrap .alert_wrap{ margin-right: 12px; }
.fixed_header_wrap .alert_wrap .icon{ background-image: url("../img/svg/notifications_FILL0_wght400_GRAD0_opsz20.svg"); background-size: 20px; }
.fixed_header_wrap .alert_wrap:hover .icon{ background-image: url("../img/svg/notifications_FILL0_wght400_GRAD0_opsz20_00cd9f.svg"); }
.fixed_header_wrap .alert_wrap.is_new .icon:after{ content: ''; width: 5px; height: 5px; background-color: #a626ff; border-radius: 50%; border: 1px solid #fff; position: absolute; top: 10px; right: 7px; }
/*(만들기)*/
.fixed_header_wrap .create_wrap{ margin-right: 10px;}

.fixed_header_wrap .create_wrap .dropdown_btn{ display: flex; width: 24px; height: 24px; background-color: #000; border-radius: 100px; position: relative; z-index: 1; font-size: 0; line-height: 0; text-indent: -10000px; overflow: hidden; }
.fixed_header_wrap .create_wrap:hover .dropdown_btn{ background-color: var(--color_green_1); }
.fixed_header_wrap .create_wrap .dropdown_btn::before{ content:''; position: absolute; top: 2px; left: 2px; width: 20px; height: 20px; transition: left .1s, opacity .1s;
    background-image: url("../img/svg/deployed_code_FILL0_wght400_GRAD0_opsz20_white.svg"); background-size: 16px; background-position: center center; background-repeat: no-repeat; }
.fixed_header_wrap .create_wrap:hover .dropdown_btn::before { background-image: url("../img/svg/deployed_code_FILL0_wght400_GRAD0_opsz20.svg"); }
.fixed_header_wrap .create_wrap .header_dropdown_wrap{ width: 235px; height: 240px; top: 36px; right: -164%; transform: unset; padding: var(--header_dropdown_pd); }
.fixed_header_wrap .create_wrap .header_dropdown_wrap::before{ right: 18%; transform: unset; }
/*.fixed_header_wrap .create_wrap .dropdown_btn span{ width: 20px; height: 20px; background-color: #fff; border-radius: 50%; position: absolute; top: 4px; right: 4px; }*/
/*.fixed_header_wrap .create_wrap .dropdown_btn span:after{ content: ''; border-top: 4px solid #000; border-left: 4px solid transparent; border-right: 4px solid transparent; position: absolute; top: 8px; left: 6px; transition: transform .3s; }*/
/*.fixed_header_wrap .create_wrap .header_dropdown_wrap{ display: block; width: var(--create_btn_width); height: var(--create_btn_height); padding: var(--header_dropdown_pd); position: absolute; right: 0; transform: unset; overflow: hidden; }*/
/*.fixed_header_wrap .create_wrap .header_dropdown_wrap::before{ content: none; }*/
/*.fixed_header_wrap .create_wrap .header_dropdown_inner{ opacity: 0; }*/
.fixed_header_wrap .create_wrap ul.dropdown_create_list{ margin-top: 13px; }
.fixed_header_wrap .create_wrap ul.dropdown_create_list li { margin-bottom: 34px; }
.fixed_header_wrap .create_wrap ul.dropdown_create_list li:last-child { margin-bottom: 0px; }
.fixed_header_wrap .create_wrap ul.dropdown_create_list li:first-child::after { content: ''; position:absolute; width: 182px; border-top: 1px solid #36af86; border-bottom: 1px solid #ecf2f0; margin-top: 17px;  }
/*.fixed_header_wrap .create_wrap ul.dropdown_create_list li{ display: flex; align-items: center; justify-content: space-between; font-size: 13px; font-size: 1.3rem; line-height: 19px; line-height: 1.9rem; font-weight: 500; }*/
/*.fixed_header_wrap .create_wrap ul.dropdown_create_list li:not(:last-child){ margin-bottom: 7px; }*/
/*.fixed_header_wrap .create_wrap ul.dropdown_create_list li div{ display: inline-block; }*/
.fixed_header_wrap .create_wrap ul.dropdown_create_list .dropdown_create_title{ display: inline-block; font-weight: 600; font-size: 13px; font-size: 1.3rem; line-height: 19px; line-height: 1.9rem; position: relative; }
.fixed_header_wrap .create_wrap ul.dropdown_create_list .dropdown_create_count{ margin-top: 2px; width: 182px; display: flex; align-items: center; justify-content: space-between; font-weight: 700; font-size: 18px; font-size: 1.8rem; line-height: 19px; line-height: 1.9rem; position: relative; }
/*.fixed_header_wrap .create_wrap ul.dropdown_create_list .dropdown_create_title::after{ content: ''; width: 1px; height: 12px; background-color: #33b68e; position: absolute; top: 3px; right: 0; }*/
/*!*(만들기)-호버*!*/
/*.fixed_header_wrap .create_wrap:hover .dropdown_btn{ cursor: default; }*/
/*.fixed_header_wrap .create_wrap:hover .header_dropdown_wrap{ width: 290px; height: 172px; padding: var(--header_dropdown_pd); transition: width .2s .1s, height .2s .1s, padding 0s .1s; }*/
/*.fixed_header_wrap .create_wrap:hover .header_dropdown_inner{ opacity: 1; transition: opacity .1s .2s; }*/
/*.fixed_header_wrap .create_wrap:hover .dropdown_btn::before{ opacity: 0; }*/
/*.fixed_header_wrap .create_wrap:hover .dropdown_btn span:after{ transform: rotate(180deg); }*/
/*(멤버)*/
.fixed_header_wrap .member_info_wrap{ padding-right: 11px; }
.fixed_header_wrap .member_info_wrap > div{ height: 100%; }
.fixed_header_wrap .member_info_wrap .member_info_con{ height: 100%; display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
.fixed_header_wrap .member_info_wrap .header_dropdown_wrap{ width: 280px; height: 127px; right: 5px; transform: unset; }
/*.fixed_header_wrap .member_info_wrap .header_dropdown_wrap::before{ right: 32%; transform: unset; }*/
.fixed_header_wrap .member_info_wrap .header_dropdown_wrap::before{ content: none; }
.fixed_header_wrap .member_info_wrap .header_dropdown_desc{ margin-top: 7px; }
.fixed_header_wrap .member_info_wrap .header_dropdown_page_con{ font-size: 0; margin-top: 10px; margin-bottom: 19px; }
.fixed_header_wrap .member_info_wrap .header_dropdown_page{ display: inline-block; position: relative; /*width: 50%;*/ width: 100%; padding-top: 40px; padding-bottom: 10px; font-size: 14px; font-size: 1.4rem; line-height: 20px; line-height: 2.0rem; font-weight: 800; text-align: center;
    background-size: 29px; background-position: bottom 34px center; background-repeat: no-repeat; }
.fixed_header_wrap .member_info_wrap .header_dropdown_page.credit_info{ background-image: url("../img/svg/toll_FILL0_wght300_GRAD0_opsz24.svg"); }
.fixed_header_wrap .member_info_wrap .header_dropdown_page:not(:last-child)::after{ content: ''; position: absolute; bottom: 13px; right: 0; width: 1px; height: 47px; background-color: #3ec99a; }
.fixed_header_wrap .member_info_wrap .member_id_con{ display: flex; flex-wrap: wrap; align-items: center; position: relative; padding-right: 25px; }
.fixed_header_wrap .member_info_wrap:hover .member_id_con::before{ content: ''; border-bottom: 8px solid var(--color_green_1); border-left: 9px solid transparent; border-right: 9px solid transparent; position: absolute; bottom: -12px; left: 3px; }
.fixed_header_wrap .member_info_wrap .member_id_con:after{ content: ''; border-top: 4px solid #000; border-left: 4px solid transparent; border-right: 4px solid transparent; position: absolute; top: 10px; right: 4px; }
.fixed_header_wrap .member_info_wrap .member_img_con{ margin-right: 7px; }
.fixed_header_wrap .member_info_wrap .member_img{ width: 24px; height: 24px; border-radius: 50%; overflow: hidden; background-color: #eee; background-size: cover; background-position: center; background-repeat: no-repeat; }
.fixed_header_wrap .member_info_wrap .member_img.png{ background-size: contain; }
.fixed_header_wrap .member_info_wrap .member_img.member_img_default{ background-color: transparent; display: flex; justify-content: center; align-items: center; }
.fixed_header_wrap .member_info_wrap .member_img.member_img_default > div{ color: transparent; font-size: 9px; font-weight: 700; overflow: hidden; }
.fixed_header_wrap .member_info_wrap .member_info_box{ display: flex; flex-direction: column; }
.fixed_header_wrap .member_info_wrap .member_id{ font-size: 12px; font-size: 1.2rem; line-height: 17px; line-height: 1.7rem; letter-spacing: -0.02em; font-weight: 700; color:#2a2a2a; max-width: 120px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

/* header_long_btn (width70, height26) */
a.header_long_btn{ /*width: 70px;*/display: inline-block; padding: 5px 16px 4px 16px; margin-left: 5px; border-radius: 100px; background-color: #000; font-size: 11px; font-size: 1.1rem; line-height: 17px; line-height: 1.7rem; font-weight: 700; color: #fff; }

/* pc_logoframe - header */
.header_wrap { position: absolute; top: 0; left: 0; z-index: 10; padding-top: 15px; padding-left: 30px; padding-right: 30px; }
.header_wrap .header_left_con { display: flex; flex-wrap: nowrap; align-items: center; }
.header_wrap .logo_con { margin-top: -2px; padding-bottom: 2px; }
.header_wrap .logo_con .logo { display: inline-block; width: 109px; margin-top: 8px; }



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

    /*(메뉴 여닫기)*/
    .fixed_header_wrap .menu_toggle_btn .icon{ transform: rotate(0deg); }
    .is_folded .fixed_header_wrap .menu_toggle_btn .icon{ transform: rotate(180deg); }

    /* pc_logoframe - header */
    .header_wrap { position: absolute; top: 0; left: 0; z-index: 10; padding-top: 15px; padding-left: 30px; padding-right: 30px; }
    .header_wrap .header_left_con { display: flex; flex-wrap: nowrap; align-items: center; }
    .header_wrap .logo_con { margin-top: -2px; padding-bottom: 2px; }
    .header_wrap .logo_con .logo { display: inline-block; width: 109px; margin-top: 8px; }

}

@media (min-width: 1440px) {

}