@charset "UTF-8";

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&family=Noto+Sans:wght@400;700&display=swap');

/*영문용 노트 산스 적용시 2019-03-13 */
@font-face {
    font-family: 'Noto Sans';
    src: url('/resource/font/NotoSans-Light.woff') format('woff');
    font-weight: 100;
}

@font-face {
    font-family: 'Noto Sans';
    src: url('/resource/font/NotoSans-Medium.woff') format('woff');
    font-weight: 200;
}

@font-face {
    font-family: 'Noto Sans';
    src: url('/resource/font/NotoSans-Bold.woff') format('woff');
    font-weight: 300;
}

@font-face {
    font-family: 'Noto Sans';
    src: url('/resource/font/NotoSans-Black.woff') format('woff');
    font-weight: 500;
}

@font-face {
    font-family: 'Noto Sans';
    src: url('/resource/font/NotoSans-Black.woff') format('woff');
    font-weight: 400;
}

@font-face {
    font-family: 'Noto Sans';
    src: url('/resource/font/NotoSans-Black.woff') format('woff');
    font-weight: 600;
}

/*영문용 노트 산스 적용시*/

@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 100;
    src: url('/resource/font/newnotosans/notokr-light.eot');/* IE9 Compat Modes */
    src: url('/resource/font/newnotosans/notokr-light.eot?#iefix') format('embedded-opentype'), /* IE6-8 */ url('/resource/font/newnotosans/notokr-light.woff2') format('woff2'), /* Super Mordern Browsers */ url('/resource/font/newnotosans/notokr-light.woff') format('woff');/* Mordern Browsers */
}

@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 200;
    src: url('/resource/font/newnotosans/notokr-light.eot');/* IE9 Compat Modes */
    src: url('/resource/font/newnotosans/notokr-light.eot?#iefix') format('embedded-opentype'), /* IE6-8 */ url('/resource/font/newnotosans/notokr-light.woff2') format('woff2'), /* Super Mordern Browsers */ url('/resource/font/newnotosans/notokr-light.woff') format('woff');/* Mordern Browsers */
}

@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 300;
    src: url('/resource/font/newnotosans/notokr-light.eot');/* IE9 Compat Modes */
    src: url('/resource/font/newnotosans/notokr-light.eot?#iefix') format('embedded-opentype'), /* IE6-8 */ url('/resource/font/newnotosans/notokr-light.woff2') format('woff2'), /* Super Mordern Browsers */ url('/resource/font/newnotosans/notokr-light.woff') format('woff');/* Mordern Browsers */
}

@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 400;
    src: url('/resource/font/newnotosans/notokr-regular.eot');/* IE9 Compat Modes */
    src: url('/resource/font/newnotosans/notokr-regular.eot?#iefix') format('embedded-opentype'), /* IE6-8 */ url('/resource/font/newnotosans/notokr-regular.woff2') format('woff2'), /* Super Mordern Browsers */ url('/resource/font/newnotosans/notokr-regular.woff') format('woff');/* Mordern Browsers */
}

@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 500;
    src: url('/resource/font/newnotosans/notokr-medium.eot');/* IE9 Compat Modes */
    src: url('/resource/font/newnotosans/notokr-medium.eot?#iefix') format('embedded-opentype'), /* IE6-8 */ url('/resource/font/newnotosans/notokr-medium.woff2') format('woff2'), /* Super Mordern Browsers */ url('/resource/font/newnotosans/notokr-medium.woff') format('woff');/* Mordern Browsers */
}

@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 600;
    src: url('/resource/font/newnotosans/notokr-bold.eot');/* IE9 Compat Modes */
    src: url('/resource/font/newnotosans/notokr-bold.eot?#iefix') format('embedded-opentype'), /* IE6-8 */ url('/resource/font/newnotosans/notokr-bold.woff2') format('woff2'), /* Super Mordern Browsers */ url('/resource/font/newnotosans/notokr-bold.woff') format('woff');/* Mordern Browsers */
}

/* 공통  */
* {
    /*letter-spacing: -1px \9 !important;*/
    -webkit-text-size-adjust: none;
    -moz-text-size-adjust: none;
    -ms-text-size-adjust: none;
    -webkit-text-size-adjust: antialiased;
    -moz-osx-font-smoothing: grayscale;
    padding: 0;
    margin: 0;
    border: none;
    outline: 0;
    list-style: none;
}

/*html {*/
/*    overflow-y: hidden !important;*/
/*}*/

/*드래그 막기 CSS*/
/*-ms-user-select: none; -moz-user-select: -moz-none; -webkit-user-select: none; -khtml-user-select: none; user-select:none;*/

html {
    overflow-y: scroll;
}

html {
    width: 100%;
    margin: 0;
    padding: 0;
    font: 11px '맑은고딕', 'Malgun Gothic', 'Apple SD Gothic Neo', '굴림', '돋움', Arial, Verdana, Helvetica, sans-serif;
    /* font: 11px "Malgun Gothic", "맑은 고딕", -apple-system, BlinkMacSystemFont, helvetica, "Apple SD Gothic Neo", sans-serif;
    폰트 업데이트 예정 네이버*/
    /*font:AppleSDGothicNeo-Regular,'Malgun Gothic','맑은 고딕',dotum,'돋움',sans-serif; 다음*/
    font-variant-ligatures: 'Noto Sans', sans-serif;
    font-variant-numeric: 'Noto Sans', sans-serif;
    color: #555;
    line-height: 105%;
    font-weight: 400;
    font-style: normal;
}

a {
    text-decoration: none;
    color: #808080;
    /* 526372 */
}

a:hover {
    text-decoration: none;
    border: 0;
}

img,
fieldset {
    border: 0;
    vertical-align: top;
}

input,
textarea {
    height: 16px;
    border: 1px solid #bfbfbf;
    font-size: 12px;
    color: #444;
}

input[type=checkbox],
input[type=radio] {
    border: none;
}

input[type=image] {
    border: 0 !important;
    height: auto !important;
}

select {
    height: 20px;
    border: 1px solid #bfbfbf;
    font-size: 11px;
    color: #444;
}

.clear {
    clear: both;
}

.underline {
    text-decoration: underline;
}

form {
    margin: 0;
}

.red {
    color: #ff6633;
}


.blue {
    color: #285180;
}

#wrap {
    position: relative;
    width: 100%;
    margin: 0 auto;
    min-width: 1400px;
    overflow: hidden;
}

#menu-bottom {
    width: 100%;
    height: 66px;
    min-width: 1280px;
    margin: 0 auto;
    border-top: 1px solid #d1d1d1;
    border-bottom: 1px solid #3a6dc3;
    background-color: #f5f5f5;
    margin-bottom: 29px;
}

#menu-bottom .bottom {
    width: 100%;
    height: 66px;
    position: relative;
}

#menu-bottom .bottom .update {
    width: 217px;
    height: 100%;
    display: inline-block;
    margin-left: 13px;
    float: left;
}

#menu-bottom .bottom .update .updateWrap {
    display: inline-block;
    padding: 25px 0 0 42px;
}

#menu-bottom .bottom .update .updateWrap a:hover > span {
}

#menu-bottom .bottom .update img {
    vertical-align: middle;
    margin-bottom: 6px;
}

#menu-bottom .bottom .update .updateIcon {
    float: left;
    width: 23px;
    height: 17px;
    background: url('/resource/images/main/gnb_190403.png') no-repeat -20px -269px;
    text-indent: -9999em;
}

#menu-bottom .bottom .update .title {
    font-size: 15px;
    color: #4273d7;
    float: left;
    margin: 0 0 0 16px;
    letter-spacing: 0.5px;
    font-family: 'Noto Sans KR', sans-serif;
    font-weight: 500;
    line-height: 17px;
}

#menu-bottom .bottom .update .new {
    width: 30px;
    height: 15px;
    position: absolute;
    left: 162px;
    top: 26px;
    background: url('/resource/images/main/gnb_190403.png') no-repeat -20px -209px;
}

#menu-bottom .bottom .wrap {
    display: inline-block;
}

#menu-bottom .bottom.index {
    width: 1280px;
    margin: 0 auto;
}

#menu-bottom .bottom .search {
    float: left;
    height: 67px;
    background: white;
    position: relative;
    top: -1px;
    border-top: 1px solid #d1d1d1;
    width: 610px;
}

#menu-bottom .bottom .search input {
    display: inline-block;
}

#menu-bottom .bottom .search input[type=text] {
    width: 70%;
    margin: 24px 6px 0 37px;
    border: none;
    color: #000000;
    outline: none;
    ime-mode: active;
    font-weight: 500;
    font-size: 15px;
}

#menu-bottom .bottom .search input[type=text]::-webkit-input-placeholder {
    font-weight: normal !important;
    font-size: 13px !important;
    color: #4571c3;
}

#menu-bottom .bottom .search input[type=text]:-ms-input-placeholder {
    font-weight: normal !important;
    font-size: 13px !important;
    color: #4571c3;
}

#menu-bottom .bottom .search input[type="text"]::-moz-placeholder {
    font-weight: normal !important;
    font-size: 13px !important;
    color: #4571c3;
}

#menu-bottom .bottom .search input[type=text]::-ms-clear {
    font-weight: normal !important;
    font-size: 13px !important;
    display: none;
}

#menu-bottom .bottom .search input[type=image] {
    float: right;
    position: absolute;
    right: 0;
    top: -1px;
}

#menu-bottom .bottom .search .xbtn {
    position: absolute;
    top: 26px;
    right: 145px;
    cursor: pointer;
}

#menu-bottom .bottom .search .guide-line {
    position: absolute;
    width: 100%;
}

#menu-bottom .bottom .search .guide-line1 {
    top: 66px;
    height: 1px;
    background-color: #3a6dc3;
}

#menu-bottom .bottom .search .guide-line2 {
    top: 65px;
    height: 2px;
    background-color: #222439;
}

#menu-bottom .bottom .right {
    position: relative;
    white-space: nowrap;
    right: 0;
    height: 41px;
    margin: 0;
    margin-top: 26px;
    margin-right: 33px;
    margin-left: 15px;
    font-size: 12px;
    display: inline-block;
    position: relative;
    /*z-index: 111;*/
    float: right;
}

#menu-bottom .bottom .right .m {
    margin: 0 auto;
    position: relative;
    letter-spacing: -1px;
}

#menu-bottom .bottom .right .m .userinfor {
    border-left: 1px solid #f5f5f5;
    border-right: 1px solid #f5f5f5;
    padding: 5px 6px 8px 9px !important;
    /*z-index: 99999;*/
    cursor: pointer;
    color: #4273d7;
}

#menu-bottom .bottom .right .m .userinfor .userinforimg2 {
    padding-top: 3px;
    padding-left: 3px;
    vertical-align: unset;
}

#menu-bottom .bottom .right .m .userinfor:hover {
    text-decoration: none;
}

#menu-bottom .bottom .right .m .dateing {
    width: 288px;
    height: 251px;
    border: 1px solid #a2a2a2;
    background-color: #fff;
    z-index: 9;
    position: absolute;
    top: 20px;
    left: 0;
    margin: 0;
}

#menu-bottom .bottom .right .m .dateing .eventbtn {
    position: absolute;
    padding-top: 13px;
    padding-left: 12px;
    padding-right: 12px;
}

#menu-bottom .bottom .right .m .dateing .closebtn {
    position: absolute;
    right: 14px;
    top: 11px;
    cursor: pointer;
}

#menu-bottom .bottom .right .m .dateing .top {
    font-size: 16px;
    font-weight: 600;
    letter-spacing: -0.5px;
    padding-top: 26px;
    padding-left: 20px;
    height: 42px;
}

#menu-bottom .bottom .right .m .dateing .top .dateCheck {
    display: inline-block;
    margin-right: 6px;
    width: 17px;
    height: 18px;
}

#menu-bottom .bottom .right .m .dateing .top .dateCheck.icon1 {
    background: url('/resource/images/main/gnb_190403.png') no-repeat -42px -90px;
}

#menu-bottom .bottom .right .m .dateing .top .dateCheck.icon2 {
    background: url('/resource/images/main/gnb_190403.png') no-repeat -71px -90px;
}

#menu-bottom .bottom .right .m .dateing .top .dateCheck.icon3 {
    background: url('/resource/images/main/gnb_190403.png') no-repeat -100px -90px;
}

#menu-bottom .bottom .right .m .dateing .top > span {
    display: inline-block;
    letter-spacing: -1px;
    float: left;
    line-height: 16px;
}

#menu-bottom .bottom .right .m .dateing .top .txt1 {
    color: #1a7c12;
}

#menu-bottom .bottom .right .m .dateing .top .txt2 {
    color: #dc6a4b;
}

#menu-bottom .bottom .right .m .dateing .top .txt3 {
    color: #426cb4;
}

#menu-bottom .bottom .right .m .dateing .middle {
    padding-left: 19px;
    padding-right: 19px;
}

#menu-bottom .bottom .right .m .dateing .middle .wrap {
    border-collapse: collapse;
    width: 100%;
    border-top: 1px solid #cbcbcb;
    border-bottom: 1px solid #cbcbcb;
}

#menu-bottom .bottom .right .m .dateing .middle .wrap td {
    font-size: 12px;
    color: #4f4f4f;
    height: 34px;
    width: 70px;
}

#menu-bottom .bottom .right .m .dateing .middle .wrap td input {
    vertical-align: middle;
    margin-left: 6px;
}

#menu-bottom .bottom .right .m .dateing .middle .wrap2 {
    border-collapse: collapse;
    width: 100%;
    border-top: 1px solid #cbcbcb;
    border-bottom: 1px solid #cbcbcb;
    height: 40px;
}

#menu-bottom .bottom .right .m .dateing .middle .wrap2 td {
    width: 60%;
    font-size: 12px;
    color: #4f4f4f;
    height: 34px;
}

#menu-bottom .bottom .right .m .dateing .middle .wrap2 td input {
    vertical-align: middle;
    margin-left: 6px;
}

#menu-bottom .bottom .right .m .dateing .date-bottom {
    position: absolute;
    bottom: 0;
    text-align: center;
    margin: 0;
}

#menu-bottom .bottom .right .m .dateing .date-bottom div {
    height: 43px;
    border-top: 1px solid #e1e0e0;
    background-color: #f4f4f5;
    float: left;
    margin: 0;
    line-height: 43px;
}


#menu-bottom .bottom .right .m .dateing .date-bottom .btn1 {
    width: 93px;
}

#menu-bottom .bottom .right .m .dateing .date-bottom .btn2 {
    width: 94px;
    border-left: 1px solid #e1e0e0;
    border-right: 1px solid #e1e0e0;
}

#menu-bottom .bottom .right .m .dateing .date-bottom .btn3 {
    width: 99px;
}

#menu-bottom .bottom .right .m .dateing .date-bottom .btn3 .logoutIcon {
    display: inline-block;
    width: 11px;
    height: 14px;
    background: url('/resource/images/main/gnb_190403.png') no-repeat -119px -241px;
    vertical-align: middle;
    margin-right: 6px;
}

#menu-bottom .bottom .right .txtlogin {
    color: #555;
    letter-spacing: -0.4px;
}

#menu-bottom .bottom .right .txtlogin:hover {
    color: #000;
}

#menu-bottom .bottom .right .hline {
    font-size: 11px;
    color: #d1d1d1;
    margin: 0;
    padding: 1px 1px 0 1px;
}

#menu-bottom .bottom .right .txtlogin {
    letter-spacing: -0.4px;
}

#menu-bottom .bottom .right .txt03 {
    color: #555;
}

#menu-bottom .bottom .right .txt03:hover {
    color: #000;
}

#menu-bottom .bottom .right .ntxtlogin {
    color: #555;
}

#menu-bottom .bottom .right .ntxtlogin:hover {
    color: #000;
    text-decoration: none;
}

#menu-bottom .bottom .right .check {
    border-top: 2px solid #3A6DC3;
    border-left: 1px solid #a2a2a2 !important;
    border-right: 1px solid #a2a2a2 !important;
    background-color: #FFF;
    padding: 5px 6px 8px 9px;
    position: relative;
    left: 0;
    z-index: 25;
    color: #3a73dc !important;
    top: 0;
}

#menu-bottom .bottom .right .check img {
    margin-top: 3px;
    margin-left: 3px;
    vertical-align: unset;
}

#menu-bottom .bottom .wall {
    width: 270px;
    height: 90px;
    position: absolute;
    bottom: 0;
    right: 0;
    overflow: hidden;
}

#menu-bottom .bottom .wall .wallWrap {
    width: 10000px;
    position: absolute;
    left: 0;
}

#menu-bottom .keyword {
    height: 40px;
    margin-left: 410px;
    position: relative;
    top: 9px;
    text-align: center;
    word-spacing: 5px;
    text-align: left;
}

#menu {
    width: 100%;
    min-width: 1280px;
    height: 72px;
    margin: 0 auto;
    background: #ffffff;
    font-size: 15px;
}

#menu .menuWrap {
    width: 1280px;
    margin: 0 auto;
    padding: 0;
    position: relative;
}

#menu .menuWrap h1 {
    width: 217px;
    height: 71px;
    margin: 0;
    display: inline-block;
    text-align: center;
    position: absolute;
    left: -11px;
}

#menu .menuWrap h1 .iclickart_logo {
    display: inline-block;
    width: 135px;
    height: 35px;
    background-image: url('/resource/images/common/logo_new.jpg');
    background-repeat: no-repeat;
    margin: 20px 0 0 34px;

}

#menu .mtopb {
    position: absolute;
    right: 243px;
    top: 8px;
    display: inline-block;
    margin: 0 auto;
    padding: 0;
    list-style: none;
}


#menu .m {
    position: absolute;
    right: 0;
    display: inline-block;
    margin: 0 auto;
    padding: 0;
    list-style: none;
}

#menu .m li {
    float: left;
    letter-spacing: -1px;
    position: relative;
}

#menu .m li.millust a {
    width: 115px;
}

#menu .m li.mphoto a {
    width: 89px;
}

#menu .m li.micon a {
    width: 103px;
}

#menu .m li.meditimage a {
    width: 90px;
}

#menu .m li.mtemplate a {
    width: 104px;
}

#menu .m li.mforeign a {
    width: 128px;
}

#menu .m li.mweb a {
    width: 115px;
}

#menu .m li.mfont a {
    width: 92px;
}

#menu .m li.m3d a {
    width: 81px;
}

#menu .m li.mfree a {
    width: 132px;
}

#menu .m a {
    height: 40px;
    padding: 32px 0 0;
    display: inline-block;
    font-weight: 500;
    color: #3b3b3b;
    text-align: center;
    font-family: 'Noto Sans KR', sans-serif;
}

#menu .m a.on,
#menu .m a:hover {
    color: #2362E2 !important;
    font-weight: 500;
}

#menu .m .hitIcon {
    position: absolute;
    top: 11px;
    left: 53px;
    width: 32px;
    height: 18px;
    background: url('/resource/images/main/new_icon.png') no-repeat;
}

#promotion {
    position: relative;
    /* top: -29px;
    margin-top: 29px;
    margin-bottom: -29px; */
}

#promotion .bg {
    width: 100%;
    height: 560px;
    position: absolute;
    left: -1px;
    top: 0;
    background-position: center top;
    z-index: 1;
}

#promotion .warp {
    width: 1280px;
    min-width: 1280px;
    margin: 0 auto;
    position: relative;
    z-index: 2;
}

#promotion .warp2 {
    position: relative;
    width: 1280px;
    margin: 0 auto;
}

#promotion .prev,
#promotion .next {
    position: absolute;
    z-index: 10;
    right: 22px;
}

#promotion .prev {
    top: 218px;
}

#promotion .next {
    top: 262px;
}

#promotion .area {
    overflow: hidden;
    z-index: 3;
    width: 1280px;
    margin: 0 auto;
}

#promotion ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

#promotion ul li {
    display: inline;
}

#promotion ul.promotion {
    width: 1280px;
    height: 580px;
    overflow: hidden;
}

#promotion ul.promotion li {
    position: absolute;
}

#promotion ul.promotion li img {
    position: absolute;
    left: -310px;
    z-index: 8;
}

#promotion ul.promotion .more {
    position: absolute;
    z-index: 10;
}

#promotion ul.select {
    width: 1280px;
    display: block;
    text-align: center;
    position: absolute;
    top: 517px;
    z-index: 10;
}

#promotion ul.select li {
    margin-right: 2px;
}

#membership_new {
    background-color: #f6f6f6;
    letter-spacing: -1px;
    position: relative;
}

.middleCenter {
    display: table;
    margin: 0 auto;
    width: 1280px;
}

/*190308 메인 수정*/
.signLicense {
    float: left;
}

.signLicense > .licenseList {
    margin-top: 16px;
    overflow: hidden;
}

.signLicense > .licenseList > li {
    float: left;
    width: 106px;
    margin-left: 5px;
    text-align: center;
}

.signLicense > .licenseList > li.dotted {
    width: 10px !important;
    height: 80px;
    margin: 0;
}

.signLicense > .licenseList > li > a > .name {
    font-weight: 400;
    height: 45px;
    border-radius: 5px;
    text-align: center;
    color: #fff;
    line-height: 17px;
    padding-top: 7px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 12px;
    font-family: 'Noto Sans KR', sans-serif;
}

.signLicense > .licenseList > li > a > .name > b {
    font-size: 14px;
    font-weight: 500;
}

.signLicense > .licenseList > li > a > .singleF {
    line-height: 30px;
}

.signLicense > .licenseList > li > a > .extend {
    line-height: 36px;
    padding-top: 5px;
    border-radius: 0;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.signLicense > .licenseList > li > a > .schoolF {
    line-height: 30px;
}

.signLicense > .licenseList > li > .in {
    line-height: 16px;
    margin-top: 8px;
    letter-spacing: -1px
}

.signLicense > .licenseList > li > .in .day {
    display: inline-block;
    font-size: 12px;
    color: #393939;
}

.signLicense > .licenseList > li > .in .day > i {
    float: right;
    font-size: 15px;
    font-style: normal;
    width: 69px;
    font-family: 'Nanum Gothic', sans-serif;
}

.signLicense > .licenseList > li > .in .day > span {
    float: left;
    font-size: 11px;
    font-style: normal;
    width: 20px;
    text-align: left;
}

.signLicense > .licenseList > li > .in .day > i::before {
    content: '￦';
    display: inline-block;
    font-size: 13px;
    margin-right: 3px;
}

.signLicense > .licenseList > li > .in .won {
    font-size: 18px;
    font-weight: 400;
    letter-spacing: -1px;
    font-family: 'Nanum Gothic', sans-serif;
}

.signLicense > .licenseList > li > .in .won::before {
    content: '￦';
    display: inline-block;
    font-size: 15px;
    margin-right: 3px;

}

.signLicense > .licenseList > li > .in .extendSub {
    font-size: 13px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    background-color: #939393;
    margin-top: -8px;
    height: 31px;
    color: #fff;
    line-height: 31px;
    text-align: center;
    font-family: 'Noto Sans KR', sans-serif;
}

.signLicense > .licenseList > li > .in .extendSub > b {
    font-weight: 400;
}

.callcenter {
    float: left;
    padding: 27px 6px 27px 13px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.callcenter > .txt1 {
    font-size: 16px;
    color: #333;
    line-height: 22px;
    margin-left: 5px;
    font-family: 'Noto Sans', sans-serif;
}

.callcenter > .txt2 {
    font-size: 21px;
    color: #4273d7;
    font-weight: 300;
    margin-left: 5px;
    font-family: 'Noto Sans', sans-serif;
}

.callcenter > .txt3 {
    margin-top: 5px;
}

.callcenter > .txt3,
.callcenter > .txt4 {
    font-size: 12px;
    color: #5f5f5f;
    line-height: 17px;
    margin-left: 32px;
    font-weight: 200;
}

.moveButton {
    float: left;
    padding: 27px 15px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.moveButton > a {
    float: left;
    width: 90px;
    height: 60px;
    font-size: 13px;
    background-color: #fff;
    line-height: 60px;
    text-align: center;
    font-weight: 600;
}

.moveButton .helpM {
    border: 1px solid #4276d9;
    color: #4276d9;
    margin-right: 5px;
}

.moveButton .lecensM {
    border: 1px solid #5b5c66;
    color: #5b5c66;
}

.middleContens {
    width: 1280px;
    display: table;
    margin: 0 auto;
    padding: 25px 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    letter-spacing: -1px
}

.middleContens > li {
    float: left;
    width: 140px;
    height: 73px;
    border-right: 1px solid #ccc;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.middleContens > li.last {
    border: 0;
}

.middleContens > li .contentIcon {
    width: 100%;
    height: 50px;
}

.middleContens > li .img1 {
    background: url('/resource/images/main/icon/main_middle_1.png') no-repeat center;
}

.middleContens > li .img2 {
    background: url('/resource/images/main/icon/main_middle_2.png') no-repeat center;
}

.middleContens > li .img3 {
    background: url('/resource/images/main/icon/main_middle_3.png') no-repeat center;
}

.middleContens > li .img4 {
    background: url('/resource/images/main/icon/main_middle_4.png') no-repeat center;
}

.middleContens > li .img5 {
    background: url('/resource/images/main/icon/main_middle_5.png') no-repeat center;
}

.middleContens > li .img6 {
    background: url('/resource/images/main/icon/main_middle_6.png') no-repeat center;
}

.middleContens > li .img7 {
    background: url('/resource/images/main/icon/main_middle_7.png') no-repeat center;
}

.middleContens > li .img8 {
    background: url('/resource/images/main/icon/main_middle_8.png') no-repeat center;
}

.middleContens > li .img9 {
    background: url('/resource/images/main/icon/main_middle_9.png') no-repeat center;
}

.middleContens > li .text {
    font-size: 12px;
    text-align: center;
    font-weight: 400;
}

/*190308 메인 수정*/


#new_update {
    clear: both;
    height: 450px;
    /* padding-bottom:5px;*/
}

#new_update .warp {
    width: 1280px;
    margin: 0 auto;
}

#new_update .warp .top {
    padding-top: 35px;
    width: 1280px;
}

#new_update .warp .top .title_bg1 {
    width: 43%;
    height: 7px;
    background: url("/resource/images/main/pattern_img.png");
    display: inline-block;
    vertical-align: top;
    margin-top: 2px;
    margin-left: 3px;
}

#new_update .warp .top .title_bg2 {
    width: 40%;
    height: 7px;
    background: url("/resource/images/main/pattern_img.png");
    display: inline-block;
    vertical-align: top;
    margin-top: 2px;
    margin-left: 7px;
    margin-right: 5px;
}

#new_update .warp .top .title {
    display: inline-block;
    font-family: 'Noto Sans KR', sans-serif;
    color: #27282C;
    margin-left: 6px;
    letter-spacing: -0.5px;
    font-weight: bold;
    width: 13%;
    text-align: center;
}

#new_update .warp .top .title .txt1 {
    font-weight: 500;
    font-size: 23px;
}

#new_update .warp .top .title .txt2 {
    font-weight: 200;
    font-size: 18px;
}

#new_update .warp .top img {
    margin-left: 2px;
    margin-top: -1px;
}

#new_update .new_update_contents .new_contents {
    margin-top: 34px;
    margin-right: 1px;
    width: 391px;
    position: relative;
    float: left;
    overflow: hidden;
}

#new_update .new_update_contents .new_contents .listImageWarp,
#new_update .new_update_contents .new_contents .listWarp {
    height: 289px;
    top: 0;
    overflow: hidden;
}

#new_update .new_update_contents .new_contents .listImageWarp li,
#new_update .new_update_contents .new_contents .listWarp li {
    position: absolute;
}

#new_update .new_update_contents .new_contents .listImageWarp {
    width: 391px;
    left: 0;
}

#new_update .new_update_contents .new_contents .listImageWarp li {
    width: 391px;
    left: 391px;
}

#new_update .new_update_contents .new_contents .listImageWarp li img {
    display: inline-block;
}

#new_update .new_update_contents .new_contents .listImage {
    width: 5000px;
    margin: 0;
    padding: 0;
    list-style: none;
}

#new_update .new_update_contents .new_contents .select {
    margin: 0;
    padding: 0;
    bottom: 0;
    list-style: none;
    margin: 14px auto;
    display: block;
    text-align: center;
}

#new_update .new_update_contents .new_contents .select li {
    margin-right: 5px;
    display: inline;
}

#new_update .new_update_contents .update_contents {
    margin-top: 34px;
    display: inline-block;
}

#new_update .new_update_contents .update_contents .update_list {
    list-style: none;
    padding: 0;
    margin: 0;
}

#new_update .new_update_contents .update_contents .update_list li {
    float: left;
    display: block;
    width: 213px;
    margin-left: 9px;
}

#new_update .new_update_contents .update_contents .update_list li .title {
    font-size: 15px;
    color: #333;
    display: block;
    text-align: center;
    margin-top: 19px;
    font-weight: 400;
    letter-spacing: -1px;
}

#new_update .new_update_contents .update_contents .update_list li:last-child {
    width: 213px;
}

#new_update .new_update_contents .update_contents .update_list li:last-child img {
    width: 213px;
}

#themeselect .warp {
    width: 1280px;
    margin: 0 auto;
    height: 385px;
}

#themeselect .warp .top {
    display: inline-block;
    padding-top: 42px;
    width: 100%;
}

#themeselect .warp .top .title_bg1 {
    width: 43%;
    height: 7px;
    background: url("/resource/images/main/pattern_img.png");
    float: left;
    vertical-align: top;
    margin-top: 3px;
}

#themeselect .warp .top .title_bg2 {
    width: 43%;
    height: 7px;
    background: url("/resource/images/main/pattern_img.png");
    vertical-align: top;
    margin-top: 3px;
    float: right;
}

#themeselect .warp .top .title {
    width: 13%;
    text-align: center;
    float: left;
    font-family: 'Noto Sans KR', sans-serif;
    color: #27282C;
}

#themeselect .warp .top .title .txt1 {
    font-weight: 500;
    font-size: 23px;
}

#themeselect .warp .top img {
    margin-left: 1px;
    margin-top: -1px;
}

#themeselect .warp .themeselectList {
    position: relative;
    margin-top: 32px;
}

#themeselect .warp .themeListWrap {
    margin: 23px 0 0 20px;
    width: 1240px;
    position: relative;
    height: 273px;
    overflow: hidden;
}

#themeselect .warp .themeList {
    width: 10000px;
    list-style: none;
    padding: 0;
    margin: 0;
    position: absolute;
}

#themeselect .warp .themeList li {
    float: left;
    display: block;
    width: 302px;
    margin-right: 10px;
}

#themeselect .warp .themeList li .title {
    font-size: 15px;
    color: #333;
    display: block;
    text-align: center;
    margin-top: 19px;
    letter-spacing: -1px;
}

#themeselect .warp .prev,
#themeselect .warp .next {
    position: absolute;
    top: 108px;
}

#themeselect .warp .prev {
    left: -25px;
}

#themeselect .warp .next {
    right: -25px;
}

#weeklybest .warp {
    width: 1280px;
    height: 420px;
    margin: 0 auto;
}

#weeklybest .warp .top {
    padding-top: 59px;
    width: 100%;
}

#weeklybest .warp .top .title_bg1 {
    width: 43%;
    height: 7px;
    background: url("/resource/images/main/pattern_img.png");
    display: inline-block;
    vertical-align: top;
    margin-top: 3px;
}

#weeklybest .warp .top .title_bg2 {
    width: 43%;
    height: 7px;
    background: url("/resource/images/main/pattern_img.png");
    display: inline-block;
    vertical-align: top;
    margin-top: 3px;
    margin-left: 5px;
    -webkit-margin-start: 9px;
}

#weeklybest .warp .top .title {
    width: auto;
    display: inline-block;
    font-family: 'Noto Sans KR', sans-serif;
    color: #27282C;
    margin-left: 6px;
    -webkit-margin-start: 7px;
    width: 12%;
    text-align: center;
}

#weeklybest .warp .top .title .txt1 {
    font-weight: 500;
    font-size: 23px;
}

#weeklybest .warp .top img {
    margin-left: 1px;
    margin-top: -1px;
}

#weeklybest .warp .top_menu {
    position: relative;
    margin-top: 29px;
}

#weeklybest .warp .top_menu .morebtn {
    width: 57px;
    height: 30px;
    position: absolute;
    right: 0;
    border-top: 1px solid #d8d8d8;
    border-left: 1px solid #d8d8d8;
    border-right: 1px solid #d8d8d8;
    border-bottom: 1px solid #888b9e;
    background-color: #f5f5f5;
    padding-top: 17px;
    text-align: center;
}

#weeklybest .warp .top_menu dt {
    display: block;
    height: 47px;
    cursor: pointer;
    border-top: 1px solid #d8d8d8;
    border-left: 1px solid #d8d8d8;
    border-right: 1px solid #d8d8d8;
    border-bottom: 1px solid #888b9e;
    text-align: center;
    font-size: 15px;
    color: #333;
    line-height: 48px;
    background-color: #f5f5f5;
    position: absolute;
    top: 0;
}

#weeklybest .warp .top_menu dd {
    margin: 0;
    padding-top: 68px;
    display: none;
    font-weight: normal !important;
    font-size: 15px;
    letter-spacing: -1px;
}

#weeklybest .warp .top_menu dd div {
    display: inline-block;
    width: 248px;
    position: relative;
    margin-right: 10px;
    float: left;
}

#weeklybest .warp .top_menu dd div:last-child {
    margin-right: 0;
}

#weeklybest .warp .top_menu dd .number {
    position: absolute;
    width: 25px;
    display: inline-block;
    text-align: center;
    background-color: rgba(0, 0, 0, 0.6);
    font-size: 12px;
    color: #FFF;
    padding-top: 5px;
    padding-bottom: 5px;
    top: 11px;
    left: 10px;
}

#weeklybest .warp .top_menu dd .title {
    display: block;
    text-align: center;
    font-size: 15px;
    color: #333;
    margin-top: 18px;
}

#weeklybest .warp .top_menu .m1 dt {
    left: 0;
    width: 244px;
}

#weeklybest .warp .top_menu .m2 dt {
    left: 245px;
    width: 242px;
}

#weeklybest .warp .top_menu .m3 dt {
    left: 488px;
    width: 243px;
}

#weeklybest .warp .top_menu .m4 dt {
    left: 732px;
    width: 243px;
}

#weeklybest .warp .top_menu .m5 dt {
    left: 976px;
    width: 244px;
}

#weeklybest .warp .top_menu .active dt {
    border-top: 1px solid #888b9e;
    border-left: 1px solid #888b9e;
    border-right: 1px solid #888b9e;
    border-bottom: none;
    background-color: #fff;
    z-index: 3;
    font-weight: bold;
}

#weeklybest .warp .top_menu .active dd {
    display: block;
}

/* 190312 무료 이미지 업데이트 */
#freeImage {
}

#freeImage > .warp {
    width: 1280px;
    height: 530px;
    margin: 0 auto;
    font-family: 'Noto Sans KR', sans-serif;
}

#freeImage > .warp > .top {
    padding-top: 59px;
    width: 100%;
}

#freeImage > .warp > .top > .title_bg1 {
    float: left;
    width: 44%;
    border-top: 1px solid black;
    height: 5px;
    margin-top: -5px;
}

#freeImage > .warp > .top > .title_bg2 {
    float: left;
    width: 27.2%;
    border-top: 1px solid black;
    height: 5px;
}

#freeImage > .warp > .top > .title {
    float: left;
    color: #27282C;
    margin-left: 6px;
    -webkit-margin-start: 7px;
    width: 12%;
    text-align: center;
    margin-top: -10px;
}

#freeImage > .warp > .top > .title > span {
    font-size: 23px;
    font-weight: 500;
}

#freeImage > .warp > .top > .boxLime {
    width: 99px;
    border: 1px solid #dadada;
    height: 26px;
    float: left;
    margin-top: -14px;
    line-height: 26px;
    text-align: center;
    font-size: 12px;
    font-weight: bold;
    cursor: pointer
}

#freeImage > .warp > .top > .active {
    border: 1px solid black;
}

#freeImage > .warp > .top > .last {
    margin-left: 4px;
}

#freeImage > .warp > .word {
    width: 100%;
    text-align: center;
    margin-top: 10px;
    height: 40px;
}

#freeImage > .warp > .word > .text1 {
    font-size: 16px;
    font-weight: 600;
    letter-spacing: -1px;
    margin-right: 5px;
}

#freeImage > .warp > .word > .text2 {
    font-size: 13px;
    font-weight: 400;
    color: #868686
}

#freeImage > .warp > .freeWeek {
    margin: 0 0 0 8px;
}

#freeImage > .warp > .freeMom {
    margin: 0 0 0 8px;
}

/* 190312 무료 이미지 업데이트 */


#contents.main {
    width: 1220px;
    margin: 0 auto;
}

#contents.main > div {
    padding-top: 60px;
    position: relative;
    clear: both;
}

#contents.main > div > .col,
#contents.main > div > .col2 {
    float: left;
    margin-bottom: 50px;
}

#contents.main > div > .col2 {
    margin-left: 60px;
    width: 350px;
    position: relative;
    margin-right: -100px;
}

#contents.main .list {
    margin: 0;
    padding: 0;
    list-style: none;
}

#contents.main .list li {
    display: inline-block;
}

#contents.main .special {
    width: 810px;
    height: 210px;
    position: relative;
    float: left;
    overflow: hidden;
}

#contents.main .special .listImageWarp,
#contents.main .special .listWarp {
    height: 210px;
    position: absolute;
    top: 0;
    overflow: hidden;
}

#contents.main .special .listImageWarp li,
#contents.main .special .listWarp li {
    position: absolute;
}

#contents.main .special .listImageWarp {
    width: 560px;
    left: 0;
}

#contents.main .special .listImageWarp li {
    width: 560px;
    left: 560px;
}

#contents.main .special .listImageWarp li img {
    border: 1px solid #e8e8e8;
    display: inline-block;
}

#contents.main .special .listWarp {
    width: 240px;
    left: 579px;
}

#contents.main .special .listWarp li {
    width: 235px;
    left: 235px;
}

#contents.main .special .listImage,
#contents.main .special .list {
    width: 5000px;
    margin: 0;
    padding: 0;
    list-style: none;
}

#contents.main .special .list li > div {
    width: 235px;
    height: 175px;
    margin: 36px 16px 0 0;
    position: relative;
    display: inline-block;
}

#contents.main .special .list .date {
    margin-bottom: 7px;
    font-size: 11px;
    color: #999;
    font-weight: 600;
}

#contents.main .special .list .text1 {
    font-weight: lighter;
    font-size: 21px;
    color: #333;
    letter-spacing: -1.2px;
    line-height: 24px;
}

#contents.main .special .list .text2 {
    font-weight: bolder;
    font-size: 28px;
    color: #333;
    letter-spacing: -1.6px;
    line-height: 32px;
}

#contents.main .special .list .line {
    width: 35px;
    height: 1px;
    margin: 13px 0 11px 1px;
    background: #d6493f;
}

#contents.main .special .list .description {
    margin-left: 1px;
    font-size: 11px;
    color: #999;
    line-height: 16px;
}

#contents.main .special .list .more {
    position: absolute;
    left: 0;
    bottom: 1px;
}

#contents.main .special .select {
    margin: 0;
    padding: 0;
    position: absolute;
    top: 1px;
    left: 580px;
    list-style: none;
}

#contents.main .special .select li {
    margin-right: 2px;
    display: inline;
}

#contents.main .join {
    width: 350px;
    margin-left: 60px;
    float: left;
    position: relative;
}

#contents.main .join > .promotion_banner {
    position: absolute;
    bottom: 183px;
    right: 3px;
    z-index: 100;
}

#contents.main .join > div {
    height: 181px;
    margin-top: 15px;
    border: 1px solid #e8e8e8;
    font-weight: 600;
    background: white;
}

#contents.main .join > div > div {
    width: 170px;
    height: 23px;
    margin: 3px 0 0 3px;
    padding-top: 11px;
    background: #5a606a;
    float: left;
    text-align: center;
    font-size: 15px;
    color: white;
    letter-spacing: -1.5px;
}

#contents.main .join > div > div a {
    color: white;
}

#contents.main .join > div > div.price {
    width: 132px;
    height: 34px;
    padding: 0 38px 0 0;
    background: white;
    font-size: 13px;
    font-weight: 700;
    color: #999;
    line-height: 16px;
    text-align: right;
}

#contents.main .join > div > div.price > span {
    padding-left: 5px;
    color: #d6493f;
    letter-spacing: -0.9px;
}

#contents.main .join > div > div.pricePromotion {
    width: 132px;
    height: 34px;
    padding: 0 38px 0 0;
    background: white;
    font-size: 13px;
    font-weight: 700;
    color: #999;
    line-height: 16px;
    text-align: left;
}

#contents.main .join > div > div.pricePromotion > .pp1 {
    width: 100%;
    padding-left: 27px;
}

#contents.main .join > div > div.pricePromotion .pp_sale {
    vertical-align: middle;
    margin-left: 12px;
    margin-right: 1px;
}

#contents.main .join > div > div.pricePromotion .pp_month {
    vertical-align: middle;
    display: inline-block;
    margin-top: -1px;
}

#contents.main .join > div > div.pricePromotion .div-pp-2 {
    margin-top: -1px;
}

#contents.main .join > div > div.pricePromotion .pp_month_6 {
    display: inline-block;
    margin-top: 1px;
}

#contents.main .join > div > div.pricePromotion .pp_price_6 {
    color: #5A606A;
    margin-left: 29px;
    letter-spacing: -0.9px;
    display: inline-block;
    margin-top: 1px;
}

#contents.main .join > div > div.pricePromotion .pp_price_12 {
    color: #D6493F;
    vertical-align: middle;
    display: inline-block;
    margin-top: -1px;
    letter-spacing: -0.9px;
}

#contents.main .join > div > div.pricePromotion > span {
    padding-left: 5px;
    color: #d6493f;
    letter-spacing: -0.9px;
}

#contents.main .join > div > div > small {
    margin-left: -0.5px;
    font-size: 10px;
    font-weight: 600;
    color: #ccc;
    letter-spacing: -0.5px;
}

#contents.main .join > div > div > small a {
    color: #ccc;
}

#contents.main .join > div > div.tl {
    text-align: left;
    width: 160px;
    padding-left: 10px;
}

#contents.main .join > div .clearboth {
    clear: both;
}

#contents.main .join > div .info {
    width: 174px;
    height: auto;
    margin: 4px 0 0 0;
    border-top: 1px solid #e8e8e8;
    padding-top: 10px;
    background: white;
    color: #333;
    line-height: 20px;
}

#contents.main .join > div .info > a {
    height: 24px;
    display: block;
    color: #333;
}

#contents.main .join > div .info > span {
    height: 24px;
    display: block;
}

#contents.main .join > div .info.account {
    width: 173px;
    border-left: 1px solid #e8e8e8;
    margin-right: -200px;
}

#contents.main .update {
    width: 810px;
    height: 650px;
    position: relative;
}

#contents.main .update .line {
    width: 493px;
    height: 1px;
    background: #ececec;
    position: absolute;
    top: 6px;
    left: 126px;
}

#contents.main .update .date {
    padding-right: 8px;
    position: absolute;
    top: 0;
    right: 111px;
    color: #999;
    font-weight: 600;
    font-size: 11px;
}

#contents.main .update .move {
    padding-left: 8px;
    border-left: 1px solid #e6e6e6;
    position: absolute;
    top: -2px;
    right: 61px;
    letter-spacing: -1.5px;
}

#contents.main .update .more {
    position: absolute;
    top: -2px;
    right: 0;
}

#contents.main .update .wrap {
    width: 810px;
    height: 650px;
    position: relative;
    overflow: hidden;
}

#contents.main .update ul {
    width: 820px;
    margin: 15px 0 0 -10px;
    padding: 0;
    position: absolute;
    left: 810px;
    list-style: none;
}

#contents.main .update ul li {
    margin: 0 0 20px 10px;
    width: 400px;
    height: 300px;
    float: left;
}

#contents.main .update ul li img {
    border: 1px solid #e8e8e8;
}

#contents.main .update ul li .category {
    margin: 14px 0 0 1px;
    font-size: 14px;
    color: #333;
    letter-spacing: -0.75px;
}

#contents.main .update ul li .category .bg {
    margin-bottom: 1px;
    padding-bottom: 10px;
    background: url("/resource/images/main/bg_weekly_category.jpg") no-repeat left bottom;
}

#contents.main .update ul li .category .bg span {
    padding: 4px 5px;
    background: #23241c;
    font-size: 11px;
    color: white;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 0;
}

#contents.main .best {
    width: 350px;
    height: 430px;
    position: relative;
}

#contents.main .best > .line {
    width: 183px;
    height: 1px;
    background: #ececec;
    position: absolute;
    top: 6px;
    left: 105px;
}

#contents.main .best .more {
    position: absolute;
    top: -2px;
    right: 0;
}

#contents.main .best ul {
    margin: 15px 0 0;
    padding: 0;
    list-style: none;
}

#contents.main .best ul li {
    margin-top: 10px;
}

#contents.main .best ul li img {
    border: 1px solid #e8e8e8;
}

#contents.main .best ul li > div {
    width: 130px;
    height: 107px;
    padding: 19px 0 0 20px;
    border-bottom: 1px solid #e7e7e7;
    float: right;
    margin-left: -100px;
}

#contents.main .best ul li .rank {
    padding: 1px 5px 2px 5px;
    background: #23241c;
    color: white;
    font-weight: bold;
    letter-spacing: -0.2px;
}

#contents.main .best ul li .no {
    margin-top: 5px;
    font-size: 15px;
    color: #333;
    letter-spacing: -1.15px;
}

#contents.main .best ul li .line {
    width: 35px;
    height: 1px;
    margin: 15px 0 11px 1px;
    background: #d6493f;
}

#contents.main .best ul li .keyword {
    font-size: 11px;
    line-height: 130%;
    letter-spacing: -0.5px;
}

#contents.main .best ul li .keyword a {
    color: #999;
}

#contents.main .web {
    height: 150px;
    margin: 58px 0 0 0;
}

#contents.main .web > div {
    height: 120px;
    margin-top: 15px;
    padding: 14px 9px;
    border: 1px solid #e6e6e6;
    position: relative;
}

#contents.main .web .left,
#contents.main .web .right {
    position: absolute;
    top: 64px;
}

#contents.main .web .left {
    left: 9px;
}

#contents.main .web .right {
    right: 9px;
}

#contents.main .web div.wrap {
    width: 745px;
    height: 120px;
    margin: 0 0 0 23px;
    position: relative;
    overflow: hidden;
}

#contents.main .web ul {
    width: 5000px;
    margin: 0;
    padding: 0;
    position: relative;
    list-style: none;
}

#contents.main .web ul li {
    width: 118px;
    height: 118px;
    margin-right: 5px;
    border: 1px solid #e6e6e6;
    float: left;
    display: table;
    text-align: center;
}

#contents.main .web ul li > a {
    display: table-cell;
    vertical-align: middle;
}

#contents.main .web ul li img {
    vertical-align: middle;
}

#contents.main .web ul li img.w {
    width: 118px;
}

#contents.main .web ul li img.h {
    height: 118px;
}

#contents.main .qur {
    margin-top: 50px;
    position: relative;
}

#contents.main .qur .line {
    width: 666px;
    height: 1px;
    background-color: #ececec;
    position: absolute;
    top: 6px;
    left: 86px;
}

#contents.main .qur .more {
    position: absolute;
    top: -2px;
    right: 2px;
}

#contents.main .qur ul.list {
    margin-top: 2px;
    margin-left: 1px;
}

#contents.main .qur ul.list li {
    width: 153px;
    height: 138px;
    display: inline-block;
    border: 1px solid #e6e6e6;
    margin-right: 5px;
    position: relative;
}

#contents.main .qur ul.list li span.title {
    width: 100%;
    height: 19px;
    padding-top: 7px;
    position: absolute;
    left: 0;
    bottom: 0;
    background: #5a606a;
    font-weight: normal;
    display: inline-block;
    text-align: center;
    color: white;
    background-color: rgba(90, 96, 106, 0.9);
    letter-spacing: -0.2px;
}

#contents.main .qur ul.list li div.listinfor {
    display: none;
}

#contents.main .qur ul.list li:last-child {
    margin: 0;
}

#contents.main .qur ul.list li.listover span {
    display: none;
}

#contents.main .qur ul.list li.listover div.listinfor {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 153px;
    height: 138px;
    background: #2e3238;
    background-color: rgba(46, 50, 56, 0.87);
}

#contents.main .qur ul.list li.listover span.listNo {
    display: inline-block;
    font-size: 11px;
    font-weight: bold;
    color: #ffffff;
    background: #000000;
    margin: 11px 0 0 11px;
    padding: 2px 4px 2px 5px;
}

#contents.main .qur ul.list li.listover div.listTitle {
    display: inline-block;
    white-space: normal;
    text-align: left;
    color: #ffffff;
    font-weight: bold;
    font-size: 14px;
    line-height: 17px;
    margin: 4px 0 0 11px;
    width: 135px;
}

#contents.main .qur ul.list li.listover div.listline {
    width: 35px;
    height: 1px;
    background: #d6493f;
    margin: 14px 0 13px 11px;
}

#contents.main .qur ul.list li.listover div.listSubTitle {
    width: 108px;
    line-height: 16px;
    font-size: 11px;
    color: #ACACAC;
    margin-left: 11px;
}

#contents.main .qur ul.list li.listover img.listViewIcon {
    position: absolute;
    bottom: 0;
    right: 0;
}

#contents.main .qur div.page {
    text-align: right;
}

#contents.main .qur div.page span {
    font-size: 11px;
    color: #999999;
}

#contents.main .qur div.page span.front-pageNumber {
    font-weight: bold;
}

#contents.main .qur div.page ul.select {
    display: inline-block;
    padding: 0;
    margin: 8px 5px 0 3px;
    list-style: none;
    width: 30px;
}

#contents.main .qur div.page ul.select li {
    margin-left: 1px;
    display: inline;
}

#contents.main .theme {
    margin: 57px 0 0 0;
    width: 350px;
    height: 399px;
    position: relative;
    overflow: hidden;
}

#contents.main .theme .wrap {
    width: 5000px;
    height: 350px;
    margin: 9px 0 0 0;
}

#contents.main .theme ul.list {
    width: 357px;
    margin: 0 0 0 -7px;
    padding: 0;
    position: absolute;
    left: 352px;
}

#contents.main .theme ul.list li {
    margin: 7px 0 0 7px;
    display: inline-block;
    float: left;
    width: 112px;
}

#contents.main .theme ul.list li a {
    width: 110px;
    height: 110px;
    border: 1px solid #e8e8e8;
    position: relative;
    display: block;
}

#contents.main .theme ul.list li span {
    width: 100%;
    height: 19px;
    padding-top: 7px;
    position: absolute;
    left: 0;
    bottom: 0;
    background: #5a606a;
    font-weight: normal;
    display: inline-block;
    text-align: center;
    color: white;
    opacity: 0.9;
    filter: alpha(opacity=90);
    -ms-filter: "alpha(opacity=90)";
}

#contents.main .theme ul.select {
    width: 100%;
    margin: 0;
    padding: 0;
    list-style: none;
    text-align: center;
    position: absolute;
    bottom: 0;
}

#contents.main .theme ul.select li {
    display: inline;
    margin-right: 2px;
}

#contents.main .notice {
    position: absolute;
    top: -85px;
    left: 0;
    z-index: 1;
}

#contents.main .news,
#contents.main .board .faq,
.board #contents.main .faq {
    width: 350px;
    height: 210px;
    clear: both;
    position: absolute;
    top: 35px;
    right: 0;
}

#contents.main .weekend {
    position: absolute;
    bottom: 0;
    left: 0;
}

.board {
    clear: both;
    background: #f3f3f3;
    color: #999;
    border-top: 1px solid #d8d8d8;
    min-width: 1280px
}

.board .warp {
    width: 1280px;
    margin: 0 auto;
    height: 228px;
}

.board .warp > div {
    float: left;
}

.board .warp .news {
    width: 382px;
    margin-right: 106px;
    margin-top: 35px;
    position: relative;
    display: inline-block;
}

.board .faq {
    width: 382px;
    margin-right: 106px;
    margin-top: 37px;
    position: relative;
    display: inline-block;
}

.board .faq .title {
    font-family: "Noto Sans KR", sans-serif;
    color: #000;
    font-size: 20px;
    font-weight: 700;
    letter-spacing: -0.8px;
    line-height: 100%;
}

.board .faq .more {
    position: absolute;
    top: -3px;
    right: 0;
}

.board .warp .news .title {
    font-family: "Noto Sans KR", sans-serif;
    color: #000;
    font-size: 20px;
    font-weight: 700;
    letter-spacing: -0.8px;
    line-height: 100%;
}

.board .warp .news .more {
    position: absolute;
    top: -3px;
    right: 0;
}

.board .warp .news ul {
    margin: 14px 0 0;
    padding: 0;
    list-style: none;
}

.board .faq ul {
    margin: 19px 0 0;
    padding: 0;
    list-style: none;
}

.board .faq li {
    height: 19px;
    padding-top: 9px;
    -webkit-padding-before: 7px;
    padding-left: 2px;
    font-size: 13px;
    color: #333;
}

.board .news li {
    width: 385px;
    height: 19px;
    padding-top: 7px;
    -webkit-padding-before: 7px;
    padding-left: 2px;
    font-size: 13px;
    color: #333;
}

.board .news li span.date,
.board .faq li span.date {
    float: right;
    letter-spacing: -0.5px;
}

.board .news li span.dot,
.board .faq li span.dot {
    font-weight: bolder;
    padding-right: 5px;
}

.board .news li a,
.board .faq li a {
    color: #333;
    letter-spacing: -0.25px;
}

.board .news li.last,
.board .faq li.last {
    border-bottom: none;
}

.board .warp .service {
    display: inline-block;
    position: relative;
    margin: 0;
    width: 295px;
    height: 158px;
    margin-top: 39px;
    margin-left: 10px;
}

.board .service .title {
    font-family: 'Noto Sans KR', sans-serif;
    color: #000;
    font-size: 20px;
    font-weight: 700;
    margin-top: 0;
    letter-spacing: -1.5px;
}

.board .service .tel {
    font-family: 'Noto Sans KR', sans-serif;
    color: #3A82E5;
    font-size: 50px;
    height: 40px;
    margin-top: 36px;
    font-weight: 300;
    letter-spacing: -0.5px;
    margin-left: -2px;
}

.board .service .bottom .visitConsultSide {
    margin-top: 6px;
}

.board .service .bottom .visitConsultSide > a, .board .service .bottom .visitConsultSide > div {
    position: relative;
    float: left;
    width: 178px;
    height: 35px;
    border-radius: 3px;
    font-size: 12px;
    color: #fff;
    overflow: hidden;
    font-weight: 600;
    letter-spacing: -0.8px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    letter-spacing: -0.8px;
}

.board .service .bottom .visitConsultSide > a > img {
    position: absolute;
    top: 14px;
    right: 28px;
}

.board .service .bottom .visitConsultSide > a.visitConsult {
    background-color: #3e6ed9;
    line-height: 33px;
    padding-left: 37px;
    border: 1px solid #3e6ed9;
    -webkit-border: 1px solid #3e6ed9;
}

.board .service .bottom .visitConsultSide > a.visitConsultMail {
    position: relative;
    margin-left: 6px;
    font-weight: 400;
    color: #fff;
    width: 109px;
    line-height: 33px;
    background-color: #686868;
    text-align: center;
    border: 1px solid #686868;
}

.board .service .bottom .visitConsultSide > a.visitConsultMail > span {
    padding-right: 0;
}

.board .service .bottom .visitConsultSide > a.visitConsultMail > img.mailto {
    position: absolute;
    top: 11px;
    left: 17px;
}

.board .service .bottom .visitConsultSide > a.visitConsultMail > img.arrow {
    position: absolute;
    top: 13px;
    right: 22px;
}

.board .service ul {
    list-style: none;
    margin: 13px 0 0 0;
    padding: 0;
}

.board .service ul li {
    font-size: 13px;
    color: #595959;
    height: 12px;
    margin-top: -10px;
    padding-bottom: 10px;

}

.board .service ul li .txt1 {
    font-weight: 600;
}

.board .warp .bank {

    margin: 0;
    width: 381px;
    height: 158px;
    margin-top: 39px;
    margin-left: 105px;
}

.board .bank .title {
    font-family: 'Noto Sans KR', sans-serif;
    color: #000;
    font-size: 20px;
    font-weight: 700;
    margin-top: 0;
    letter-spacing: -1.5px;
}

.board .bank .bankbox {
    width: 381px;
    height: 40px;
    background-color: #3E6ED9;
    font-size: 15px;
    margin-top: 16px;
    border-radius: 3px;
}

.board .bank .bankbox img {
    margin-top: 7px;
    margin-left: 15px;
}

.board .bank .bankbox .text {
    display: inline-block;
    margin-top: 14px;
    margin-left: 4px;
}

.board .bank .bankbox .txt1 {
    color: #FFF;
    font-weight: 600;
    font-family: '나눔고딕';
    letter-spacing: -1px;
}

.board .bank .bankbox .txt2 {
    color: #FFF;

    font-weight: 600;
    font-family: '나눔고딕';

}

.board .bank .bankbox .txt3 {
    color: #4B4B4A;
}

.board .bank .bankbox2 {
    width: 380px;
    height: 80px;
    border: 1px solid #e6e6e6;
    background-color: #FFF;
    margin-top: 6px;
    /*margin-left: 2px;*/
}

.board .bank .bankbox2 .bank {
    margin: 0;
    float: left;
    border-right: 1px solid #e6e6e6 !important;
    margin-top: 13px;
    width: 94px;
    height: 50px;
}

.board .bank .bankbox2 .bank.icon1 {
    background: url("/resource/images/main/footer_201231.png") -15px -15px;
}

.board .bank .bankbox2 .bank.icon2 {
    background: url("/resource/images/main/footer_201231.png") -106px -15px;
}

.board .bank .bankbox2 .bank.icon3 {
    background: url("/resource/images/main/footer_201231.png") -200px -15px;
}

.board .bank .bankbox2 .bank.icon4 {
    background: url("/resource/images/main/footer_201231.png") -294px -15px;
    border-right: 0 !important;
}

.board .faq {
    margin-right: 0;
}

.board .faq .more {
    right: -1px;
}

.board .quick {
    margin-top: -3px;
    float: right;
    display: inline-block;
}

.board .quick a {
    width: 112px;
    height: 113px;
    margin-left: 3px;
    display: inline-block;
    background: url("/resource/images/main/bg_quick.jpg") no-repeat left top;
    text-align: center;
    font-weight: 600;
    font-size: 13px;
    letter-spacing: -1.25px;
    color: #333;
}

.board .quick a img {
    margin: 13px auto 21px;
    display: block;
}

.board .quick a span.brown {
    color: #d6493f;
    letter-spacing: -1.2px;
}

#footer {
    width: 100%;
    min-width: 1280px;
    position: relative;
}

#footer .top {
    height: 44px;
    padding-top: 10px;
    border-top: 1px solid #e0e5e7;
    border-bottom: 1px solid #e0e5e7;
}

#footer .top .wrap {
    width: 1280px;
    height: 44px;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    padding-top: 10px;
}

#footer .top ul {
    padding: 0;
    margin: 0;
    float: left;
}

#footer .top .link2 {
    /*   width: 1280px;
         padding: 42px 0 10px 0;*/
    list-style: none;
    padding: 0;
    width: 100%;
}

#footer .top .link2 a {
    margin: 0;
    border: 0;
    padding: 0;
    font-size: 14px;
    color: #333;
    letter-spacing: -1px;
}

#footer .top .link2 a.privacy,
#footer .top .link2 a.recruit {
    color: #3a82e5;
    font-weight: 600;
}

#footer .top .link2 li {
    padding: 0 30px;
    border-right: 1px solid #dddddd;
    float: left;
}

#footer .top .link2 li:first-child {
    border-left: none;
}

#footer .top .link2 li:last-child,
#footer .top .link2 li.last-child {
    padding-right: 0;
    border-right: 0;
}

#footer .bottom {
    clear: both;
    width: 100%;
}

#footer .bottom .wrap {
    width: 1280px;
    margin: 0 auto;
}

#footer .logo {
    width: 175px;
    height: 120px;
    margin: 40px 5px 0 4px;
    display: inline-block;
    float: left;
}

#footer .info_add {
    width: 777px;
    display: inline-block;
    color: #595959;
    line-height: 17px;
    float: left;
    font-size: 13px;
    line-height: 21px;
    margin-top: 28px;
    margin-left: 2px;
}

#footer .info_add span {
    padding-right: 23px;
    font-weight: 500;
    letter-spacing: -0.9px;
}

#footer .info_add span em {
    font-style: normal;
    padding-right: 5px;
}

#footer .info_add span .contact {
    letter-spacing: -0.1px;
    font-style: normal;
}


/*190321 풋터 sns 추가*/
#footer .snsicon {
}

#footer .snsicon > p {
    float: left;
    margin-top: 40px
}

#footer .snsicon .link {
    float: left;
    width: 35px;
    height: 35px;
}

#footer .snsicon .link.blog {
    background: url("/resource/images/main/footer_201231.png") -23px -89px;
}

#footer .snsicon .link.post {
    background: url("/resource/images/main/footer_201231.png") -64px -89px;
}

#footer .snsicon .link.facebook {
    background: url("/resource/images/main/footer_201231.png") -108px -89px;
}

#footer .snsicon .link.pinterest {
    background: url("/resource/images/main/Pinterest.png") no-repeat;
}

/* #footer .snsicon .link.instagram {
	background:url("/resource/images/main/footer_201231.png") -149px -89px;
} */

/*190321 풋터 sns 추가*/


#footer .sub_logo {
    display: inline-block;
    margin-top: 32px;
}

#footer .sub_logo .footer_award1 {
    float: left;
    width: 86px;
    height: 51px;
    background: url("/resource/images/main/footer_201231.png") -14px -144px;
}

#footer .sub_logo .footer_award2 {
    float: left;
    width: 86px;
    height: 51px;
    background: url("/resource/images/main/footer_201231.png") -116px -144px;
}


#footer select[name=family] {
    width: 173px;
    height: 31px;
    margin: 2px -1px 0 0;
    border: 1px solid #545963;
    padding-left: 6px;
    float: right;
    background: #363c48;
    color: white;
}

#footer .extra {
    height: 30px;
    margin-top: 9px;
    float: left;
    font-size: 13px;
    color: white;
    font-weight: bold;
    letter-spacing: -1.1px;
}

#footer .extra > span {
    padding: 0 23px;
    display: inline-block;
    vertical-align: bottom;
}

#footer .extra > span:first-child {
    padding-left: 0;
    border-right: 1px solid #424753;
}

#footer .extra > span:first-child small {
    margin-left: 0;
}

#footer .extra .up {
    margin-top: -2px;
    padding-left: 5px;
    display: inline-block;
    font-size: 20px;
}

#footer .extra small {
    margin-left: 4px;
    display: inline-block;
    letter-spacing: -0.3px;
    color: #999;
    font-size: 11px;
}

#footer .award {
    margin-top: 8px;
    float: right;
}

#footer .award embed,
#footer .award img[name=seal] {
    margin-top: -16px;
}

#footer .copyright {
    padding: 16px 0 0 209px;
    color: #fff;
    font-size: 10px;
}

#footer .copyright a {
    margin-left: 11px;
    color: #7697bc;
    letter-spacing: -0.25px;
}

#footer .copyright a img {
    margin-top: 2px;
}

#downpop {
    width: 138px;
    height: auto;
    margin: 0 auto;
    padding: 10px 0 0;
    position: absolute;
    left: 0;
    float: left;
    z-index: 1500;
    cursor: default;
}

#downpop > div {
    padding-top: 8px;
    background: url("/resource/images/sub/bg_filedownload.png") no-repeat center top;
}

#downpop .fileDownloadText {
    background: #3e3f47;
    font-size: 12px;
    color: #fff;
    line-height: 32px;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: -0.25px;
    font-weight: bold;
}

#downpop .savecon {
    width: 100%;
    padding-bottom: 7px;
    background: #484a5b;
    text-align: left;
}

#downpop .savecon .inner {
    padding: 6px 6px 3px 14px;
}

#downpop .savecon .inner * {
    vertical-align: middle;
}

#downpop .savecon .inner img {
    margin-right: 5px;
}

#downpop .savecon a {
    color: #d4d4d7;
    letter-spacing: -0.45px;
    font-weight: 500;
}

#downpop .savecon a:hover {
    color: white;
}

#downpop div > img,
#downpop div div.lastChild img {
    margin: 0 !important;
}

.singlecutUse {
    width: 150px;
    margin: -10px auto 0;
    position: absolute;
    z-index: 10000;
}

.singlecutUse > div {
    padding-top: 0;
    background: #fff;
}

.singlecutUse .savecon {
    width: 148px;
    border-left: 1px solid #c2c2c2;
    border-right: 1px solid #c2c2c2;
    float: left;
    background: white !important;
}

.singlecutUse .savecon .inner {
    width: 126px;
    margin: 0;
    padding: 10px;
    float: left;
    background: url("/resource/images/sub/line_dot.png") repeat-x bottom;
}

.singlecutUse .savecon select {
    width: 125px;
    margin: 10px 0 0;
    font-size: 11px;
}

.singlecutUse .savecon .last-child {
    background: #fff;
}

.singlecutUse .savecon .btnbox {
    width: 100%;
    margin: 10px 0;
    position: relative;
    float: left;
    text-align: center;
}

.singlecutUse .savecon .btnbox img {
    padding-right: 4px;
}

.singlecutUse div > img,
.singlecutUse div div.lastChild img {
    margin: 0 !important;
}

.search-guide {
    width: 99.7%;
    height: 196px;
    position: absolute;
    background: #fff;
    z-index: 100;
    border: 1px solid #222439;
    left: 0;
    top: 66px;
}

header .search-guide {
    height: auto;
}

.search-guide .search-guide-title {
    width: 494px;
    height: 36px;
    border: 1px solid #d6d6d6;
    background: #F0F0F0;
    margin: 13px 0 0 19px;
    line-height: 33px;
}

.search-guide .search-guide-title img {
    margin: 0 4px 0 158px;
    vertical-align: middle;
}

.search-guide .search-guide-title span {
    display: inline-block;
    color: #222439;
}

.search-guide .search-guide-title .title-e {
    font-size: 12pt;
    font-weight: 600;
    letter-spacing: -0.2px;
    vertical-align: middle;
}

.search-guide .search-guide-title .title-k {
    padding-top: 3px;
    vertical-align: top;
}

.search-guide .guide-tab {
    width: 100%;
    height: 43px;
    margin: 0;
    float: left;
    list-style: none;
}

.search-guide .guide-tab span {
    float: left;
    line-height: 43px;
    text-align: center;
    cursor: pointer;
    font-size: 14px;
    letter-spacing: -1px;
    background-color: #efefef;
    border-bottom: 1px solid #d6d6d6;
}

.search-guide .guide-tab span a,
.search-guide .guide-tab span a:hover {
    color: #222439;
}

.search-guide .guide-tab span.actived {
    font-size: 15px;
    font-weight: bold;
    background-color: #ffffff;
}

.search-guide .guide-tab span.actived a,
.search-guide .guide-tab span a.actived:hover {
    color: #1e2031;
}

.search-guide .guide-tab .searchTab-0.actived {
    border-right: 1px solid #d6d6d6;
    border-bottom: 1px solid #ffffff;
}

.search-guide .guide-tab .searchTab-1.actived {
    border-left: 1px solid #d6d6d6;
    border-bottom: 1px solid #ffffff;
}

.search-guide .guide-tab .searchTab-0 {
    width: 49.8%;
}

.search-guide .guide-tab .searchTab-1 {
    width: 50%;
}

.search-guide .recent-search-middle {
    list-style: none;
    line-height: 13px;
    height: 104px;
}

.search-guide .recent-search-middle .words {
    padding-left: 14px;
    padding-top: 17px;
    height: 104px;
    overflow-y: scroll;
}

.search-guide .recent-search-middle li {
    font-size: 12px;
    color: #808080;
    letter-spacing: -1px;
    margin-bottom: 10px;
    position: relative;
}

.search-guide .recent-search-middle li span {
    font-size: 12px;
    cursor: pointer;
}

.search-guide .recent-search-middle li span:hover {
    font-size: 13px;
    color: #282828;
    font-weight: bold;
}

.search-guide .recent-search-middle li .deleteKeyword {
    background: url("/resource/images/main/gnb_190403.png") -87px -59px;
    width: 15px;
    height: 14px;
    position: absolute;
    right: 15px;
    cursor: pointer;
}

.search-guide .recent-search-middle li .deleteKeyword:hover {
    background: url("/resource/images/main/gnb_190403.png") -20px -59px;
}

.search-guide .no-recent {
    text-align: center;
    padding-left: 14px;
    padding-top: 17px;
}

.search-guide .no-recent > div {
    padding-top: 12px;
}

.search-guide .no-recent .no-recent-img {
    display: inline-block;
    width: 18px;
    height: 18px;
    background: url("/resource/images/main/gnb_190403.png") -130px -91px;
}

.search-guide .no-recent .no-recent-0 {
    margin-top: 7px;
    line-height: 13px;
    font-size: 13px;
    color: #282828;
    letter-spacing: -1px;
    font-weight: bold;
}

.search-guide .no-recent .no-recent-1 {
    margin-top: 5px;
    line-height: 13px;
    font-size: 13px;
    color: #808080;
    letter-spacing: -1px;
}

.search-guide .search-guide-middle {
    padding-left: 15px;
    margin: 18px 0 0 0;
    font-size: 8.3pt;
    line-height: 12px;
}

.search-guide .search-guide-middle span {
    display: inline-block;
}

.search-guide .search-guide-middle > .search-text-weight,
.search-guide .search-guide-middle .search-text {
    padding-top: 0;
}

.search-guide .search-guide-middle .sgIcon {
    display: inline-block;
    width: 17px;
    height: 13px;
    margin-right: 5px;
}

.search-guide .search-guide-middle .sgIcon.all {
    background: url('/resource/images/main/gnb_190403.png') no-repeat -19px -24px;
}

.search-guide .search-guide-middle .sgIcon.and {
    background: url('/resource/images/main/gnb_190403.png') no-repeat -53px -24px;
}

.search-guide .search-guide-middle .sgIcon.or {
    background: url('/resource/images/main/gnb_190403.png') no-repeat -86px -24px;
}

.search-guide .search-guide-middle .sgIcon.not {
    background: url('/resource/images/main/gnb_190403.png') no-repeat -120px -24px;
}

.search-guide .search-guide-middle .text-all {
    margin-top: 20px;
    margin-bottom: 11px;
    color: #282828;
}

.search-guide .search-guide-middle .text-and {
    margin-bottom: 10px;
    color: #282828;
}

.search-guide .search-guide-middle .text-or {
    margin-bottom: 10px;
    color: #282828;
}

.search-guide .search-guide-middle .text-not {
    color: #282828;
}

.search-guide .search-guide-middle .search-text-weight {
    font-weight: 600;
    vertical-align: top;
}

.search-guide .search-guide-middle .search-text {
    color: #109210;
    margin-left: 3px;
    letter-spacing: -0.68px;
}

.search-guide .search-guide-middle .search-ex {
    float: right;
    margin-right: 15px;
    padding-top: 1px;
    color: #939393;
    font-size: 9pt;
    letter-spacing: 0.32px;
}

.search-guide .search-guide-bottom {
    width: 100%;
    height: 32px;
    background: #222439;
    position: absolute;
    bottom: 0;
}

.search-guide .search-guide-bottom a {
    height: 23px;
    float: right;
    padding: 10px 9px 0 0;
    color: #d3d3d7;
}

.search-guide .search-guide-bottom a .arrrow {
    display: inline-block;
    width: 7px;
    height: 9px;
    background: url('/resource/images/main/gnb_190403.png') no-repeat -20px -94px;
    margin-left: 7px;
    margin-top: 1px;
}

.search-guide .search-guide-bottom .deleteWordAll {
    height: 23px;
    float: right;
    padding: 2px 32px 0 0;
    color: #d3d3d7;
    font-size: 11px;
    font-weight: bold;
    cursor: pointer;
    letter-spacing: -1px;
}

.search-guide .search-guide-bottom .deleteWordAll .delrite {
    display: inline-block;
    width: 15px;
    height: 19px;
    background: url('/resource/images/main/gnb_190403.png') no-repeat -54px -51px;
    margin-left: 7px;
}


.expirePopup {
    width: 294px;
    height: 339px;
    position: absolute;
    left: 40%;
    top: 300px;
    z-index: 10;
}

.expirePopup img {
    position: absolute;
}

.expirePopup .expireImage {
    position: relative;
    left: -50%;
}

.expirePopup .text {
    position: absolute;
    text-align: center;
    top: 86px;
    left: 36px;
    width: 222px;
    letter-spacing: -1px;
    color: #16181b;
    font-weight: bold;
    font-size: 14px;
    font-weight: 600;
    font-family: 'Noto Sans KR', sans-serif;
}

.expirePopup .text span {
    color: #CF1208;
}

.expirePopup .textSub {
    position: absolute;
    top: 287px;
    left: 38px;
    letter-spacing: -0.5px;
    color: #c9e0ff;
    font-size: 11px;
}

.expirePopup .dayText {
    position: absolute;
    top: 162px;
    right: 54px;
    text-align: center;
    width: 70px;
    font-weight: bold;
    color: #ffffff;
    font-size: 12px;
    letter-spacing: -1px;
    line-height: 20px;
}

.expirePopup .dayText span {
    font-size: 24px;
}

.contractWrapper {
    width: 1220px;
    margin: 0 auto;
    position: relative;
}

.contractorPopup {
    width: 250px;
    height: 87px;
    position: absolute;
    right: 3px;
    top: -157px;
    border-radius: 2px;
    border: 1px solid #4c6ba5;
    background-color: #4c6ba5;
    -webkit-box-shadow: 3px 3px 2px 0 rgba(0, 0, 0, 0.33);
    -moz-box-shadow: 3px 3px 2px 0 rgba(0, 0, 0, 0.33);
    box-shadow: 3px 3px 2px 0 rgba(0, 0, 0, 0.33);
}

.contractorPopup .contractor-1 {
    height: 32px;
}

.contractorPopup .contractor-1 div:first-child {
    float: left;
    width: 34px;
    height: 32px;
    background-color: #4c6ba5;
    border-top-left-radius: 1px;
    position: relative;
}

.contractorPopup .contractor-1 div:first-child .popup-img-1 {
    width: 19px;
    height: 19px;
    position: absolute;
    top: 6px;
    left: 7px;
}

.contractorPopup .contractor-1 div:last-child {
    display: inline-block;
    width: 216px;
    height: 32px;
    background-color: #799bdc;
    border-top-right-radius: 1px;
    position: relative;
}

.contractorPopup .contractor-1 div:last-child .name {
    font-size: 13px;
    font-weight: bold;
    color: #ffffff;
    letter-spacing: -0.7px;
    line-height: 15px;
    position: absolute;
    left: 6px;
    top: 8px;
}

.contractorPopup .contractor-1 div:last-child .contractor-popup-close {
    width: 9px;
    height: 9px;
    top: 10px;
    right: 10px;
    position: absolute;
    cursor: pointer;
}

.contractorPopup .contractor-2 {
    position: absolute;
    width: 250px;
    height: 55px;
    background-color: #ffffff;
    border-bottom-left-radius: 1px;
    border-bottom-right-radius: 1px;
}

.contractorPopup .contractor-2 div:first-child {
    padding-top: 12px;
    margin-left: 5px;
}

.contractorPopup .contractor-2 div:last-child {
    padding-top: 4px;
    margin-left: 5px;
}

.contractorPopup .contractor-2 div:last-child .contractor-mail {
    position: absolute;
    right: 10px;
    bottom: 6px;
}

.contractorPopup .contractor-2 div:last-child .contractor-mail img {
    width: 59px;
    height: 20px;
}

.contractorPopup .contractor-2 .popup-img-3 {
    width: 15px;
    height: 15px;
    vertical-align: middle;
}

.contractorPopup .contractor-2 span {
    font-size: 11px;
    letter-spacing: -0.7px;
    line-height: 13px;
}

/* ie hack */
/* ie 9 */
:root #footer .info span {
    padding-right: 21px \0/ IE9;
}

:root #header .bottom #search {
    margin-top: 5px \0/ IE9;
}

:root #contents.main .col2 {
    width: 350px \0/ IE9;
}

:root .qur .wrap {
    margin-top: 10px \0/ IE9;
}


:root #membership_new .wrap .member_box .member_btn {
    font-size: 11px \0/ IE9;
    letter-spacing: -0.5px \0/ IE9;
}

:root #membership_new .wrap .member_box .member_box_1 .txt2 {
    letter-spacing: -0.6px \0/ IE9;
}

:root #new_update .warp .top .title .txt1 {
    letter-spacing: -0.5px \0/ IE9;
}

:root #themeselect .warp .top .title .txt1 {
    letter-spacing: -0.5px \0/ IE9;
}

:root #weeklybest .warp .top .title .txt1 {
    letter-spacing: -0.5px \0/ IE9;
}

:root #freeImage .warp .top .title .txt1 {
    letter-spacing: -0.5px \0/ IE9;
}

:root #menu-bottom .bottom .right {
    letter-spacing: -0.5px \0/ IE9;
}

:root #menu-bottom .bottim .right .m .ntxtlogin:hover {
    font-size: 11px \0/ IE9;
    font-weight: 500 \0/ IE9;
    text-decoration: none \0/ IE9;
}

:root #menu-bottom .bottom .search input[type=text] {
    margin: 20px 6px 0 30px \0/ IE9 !important;
    font-weight: 400 \0/ IE9 !important;
}


/* ie 8 */
body {
    font-family: "맑은고딕", "Malgun Gothic", "Apple SD Gothic Neo", Arial, sans-serif \0/ IE8;
}

#header .bottom #search {
    margin-top: 10px \0;
}

#footer .info span {
    padding-right: 8px \0/ IE8;
}

.qur .wrap {
    margin-top: 10px \0/ IE8;
}

#membership_new .wrap .member_box .member_btn {
    font-size: 11px \0/ IE8;
    letter-spacing: -0.5px \0/ IE8;
}

#membership_new .wrap .member_box .member_box_1 .txt2 {
    letter-spacing: -0.6px \0/ IE8;
}

#new_update .warp .top .title .txt1 {
    font-size: 23px \0/ IE8;
    letter-spacing: -0.5px \0/ IE8;
}

#themeselect .warp .top .title .txt1 {
    letter-spacing: -0.5px \0/ IE8;
}

#weeklybest .warp .top .title .txt1 {
    letter-spacing: -0.5px \0/ IE8;
}

#freeImage .warp .top .title .txt1 {
    letter-spacing: -0.5px \0/ IE8;
}

#menu-bottom .bottom .right {
    letter-spacing: -0.5px \0/ IE8;
}

#menu-bottom .bottim .right .m .ntxtlogin:hover {
    font-size: 11px \0/ IE8;
    font-weight: 500 \0/ IE8;
    text-decoration: none \0/ IE8;
}

#weeklybest .warp .top_menu dd div {
    margin-right: 8px \0/ IE8;
}

#new_update .new_update_contents .new_contents {
    margin-right: 0 \0/ IE8;
}

#menu-bottom .bottom .search input[type=text] {
    height: 30px \0/ IE8;
    margin: 24px 6px 0 30px \0/ IE8;
    font-size: 14px \0/ IE8;
    color: #4571c3 \0/ IE8;
    font-weight: 400 \0/ IE8;
}

.signLicense > .licenseList > li > a > .name {
    font-weight: 400 \0/ IE8;
}

/*라이선스 구입 안내 IE8+IE9 제어*/
.section > .payment > a {
    padding: 6px 8px 6px 10px \0/ IE8+9;
}

/* ie 7 */
*:first-child + html #mwrap {
    z-index: 203;
}

*:first-child + html #header {
    z-index: 202;
}

*:first-child + html #header .bottom {
    z-index: 201;
}

*:first-child + html #downpop {
    z-index: 9999;
}

*:first-child + html #header .bottom #search {
    margin-top: 8px;
}

*:first-child + html #header input[type=image] {
    margin-top: -37px;
}

*:first-child + html #menu a.update {
    padding: 11px 0 0 0 !important;
    height: 31px;
}

*:first-child + html .typeahead {
    margin-top: 11px;
}

*:first-child + html #promotion {
    margin-bottom: 30px;
}

*:first-child + html #contents.main > div {
    padding-top: 30px;
}

*:first-child + html #contents.main .join .tl small {
    letter-spacing: -1px;
}

*:first-child + html #contents.main .update ul {
    margin-top: 25px;
}

*:first-child + html #contents.main .web ul {
    margin-top: 0;
}

*:first-child + html #contents.main .web li {
    display: inline;
    zoom: 1;
    margin-right: 5px;
    padding-right: 0;
    height: 120px;
    line-height: 120px;
}

*:first-child + html #contents.main .web div.wrap {
    margin-right: 22px;
    height: 122px;
}

*:first-child + html #contents.main .best li {
    clear: both;
}

*:first-child + html #contents.main .best li > a {
    float: left;
}

*:first-child + html #contents.main .best li > div {
    float: right;
}

*:first-child + html #contents.main .theme li {
    display: inline;
    zoom: 1;
}

*:first-child + html #contents.main .colContents {
    margin-bottom: 60px;
}

*:first-child + html .board .warp > * {
    display: inline;
    zoom: 1;
}

*:first-child + html .board .date {
    margin-top: -13px;
}

*:first-child + html .board .quick {
    margin-top: -120px;
}

*:first-child + html .board .quick a {
    margin-left: 3px;
}

*:first-child + html #footer .logo {
    display: inline;
    zoom: 1;
}

*:first-child + html #footer .link {
    display: inline;
    zoom: 1;
    width: 950px;
}

*:first-child + html #footer .link li {
    display: inline;
    zoom: 1;
    padding: 0 21px;
    line-height: 160%;
}

*:first-child + html #footer .link li:first-child {
    padding-left: 0;
}

*:first-child + html #footer .section1 {
    margin: 10px 0 0 250px;
    width: 950px;
}

*:first-child + html #footer .info {
    display: inline;
    zoom: 1;
}

*:first-child + html #footer .info span {
    padding-right: 8px;
}

*:first-child + html #footer select[name=family] {
    color: #000 !important;
}

*:first-child + html #footer .section2 {
    margin: 0 0 0 250px;
    width: 950px;
}

*:first-child + html #footer .section2 span {
    line-height: 100%;
}

*:first-child + html #footer .section2 span.up {
    margin-top: -6px;
}

*:first-child + html #footer .section2 small {
    margin-top: 2px;
}

*:first-child + html .qur .list .title {
    opacity: 0.9;
    filter: alpha(opacity=90);
    -ms-filter: "alpha(opacity=90)";
}

*:first-child + html .qur .listover .listinfo {
    opacity: 0.87;
    filter: alpha(opacity=87);
    -ms-filter: "alpha(opacity=87)";
}


/* ie 10+ */
@media screen and (-ms-high-contrast: active),
(-ms-high-contrast: none) {
    .typeahead {
        margin-top: 13px;
    }

    #footer .info span {
        padding-right: 23px !important;
    }

    #footer .top .link2 a {
        font-size: 14px;
    }

    #membership_new .wrap .member_box .member_btn {
        font-size: 11px;
        letter-spacing: -0.5px;
    }

    #membership_new .wrap .member_box .member_box_1 .txt2 {
        letter-spacing: 0.2px !important;
    }

    #membership_new .wrap .member_1 .txt3 {
        vertical-align: middle;
    }

    #membership_new .wrap .member_2 .txt3 {
        vertical-align: middle;
    }

    #new_update .warp .top .title .txt1 {
        letter-spacing: 1px;
    }

    #themeselect .warp .top .title .txt1 {
        letter-spacing: 1px;
    }

    #weeklybest .warp .top .title .txt1 {
        letter-spacing: 1px;
    }

    #menu-bottom .bottom .right {
        letter-spacing: -0.5px;
    }

    #menu-bottom .bottom .right .check {
        top: 0 !important;
        padding: 5px 6px 8px 9px;
    }

    #menu-bottom .bottom .right .dateing {
        top: 20px !important;
        left: 0 !important;
    }

    #menu-bottom .bottim .right .m .ntxtlogin:hover {
        font-size: 11px;
        font-weight: 500;
        text-decoration: none;
    }

    #menu-bottom .bottom .search input[type=text] {
        margin-top: 18px !important;
        vertical-align: middle;
        font-size: 15px;
    }

    .board .news,
    .board .faq,
    .board .faq {
        margin-top: 37px;
    }

    .board .bank {
        margin-top: 43px;
    }

    #weeklybest .warp .top_menu dd div {
        margin-right: 10px;
    }

    #new_update .warp .top .title_bg2 {
        width: 40%;
        margin-right: 5px;
    }

    #menu-bottom .bottom .update .title {
        letter-spacing: -0.5px;
    }

    .typeahead {
        width: 83%;
    }

    /* new & hot update */
    #new_update .warp .top {
        /* padding-top: 55px !important; */
    }

    #new_update .warp .top .title_bg1 {
        margin-top: 4px !important;
    }

    #new_update .warp .top .title_bg2 {
        margin-top: 4px !important;
    }

    #new_update .warp .top img {
        margin-left: -1px !important;
        margin-top: 1px !important;
    }

    #new_update .new_update_contents .update_contents {
        margin-left: 1px !important;
    }


    /* weeklybest */
    #weeklybest .warp .top_menu {
        margin-top: 27px !important;
    }

    /* footer board */
    .board .news,
    .board .faq,
    .board .faq {
        margin-top: 37px !important;
    }

    .board .news ul,
    .board .faq ul,
    .board .faq ul {
        margin: 13px 0 0 !important;
    }

    .board .service .title {
        font-family: 'Noto Sans KR', sans-serif;
    }

    /* ie 11 */
    *::-ms-backdrop,
    .qur div.listTitle {
        font-size: 13px;
    }

    *::-ms-backdrop,
    .qur .wrap {
        margin-top: 10px;
    }

    *::-ms-backdrop,
    #footer .info {
        font-size: 12px;
    }

    *::-ms-backdrop,
    #menu .m a {
        font-weight: 400;
    }

    *::-ms-backdrop,
    #menu .m a.on {
        font-weight: 400;
    }

    *::-ms-backdrop,
    #menu .m a:hover {
        font-weight: 400;
    }


    *::-ms-backdrop,
    .signLicense > .licenseList > li > .in .day > i {
        letter-spacing: -1px;
    }

    *::-ms-backdrop,
    #menu-bottom .bottom .update .title {
        font-weight: 400;
    }

    *::-ms-backdrop,
    #menu-bottom .bottom .right .txtlogin {
        font-weight: 400;
    }

    *::-ms-backdrop,
    .moveButton > a {
        font-weight: 500;
    }

    *::-ms-backdrop,
    .updateHeader .title h4 {
        font-weight: 600;
    }

    /*IE 전용 마이페이지*/
    /*노토산스 폰트 IE,CHROME font-weight 격차로 인해 아래 클래스 적용 (적용해야 폰트 사이즈 동일하게 보임)*/
    *::-ms-backdrop,
    .mypage_SB_1 {
        font-weight: 400 !important;
    }
}

/* Microsoft Edge Browser 12+ (All) - @supports method */
@supports (-ms-ime-align: auto) {
    #menu-bottom .bottom .search input[type=text] {
        margin-top: 24px !important;
        vertical-align: top;
        font-size: 13px;
        letter-spacing: -0.4px;
    }

    #search {
        margin-top: 0 !important;
    }

    #subcon .submenu ul.typelist .showUpdateTree {
        position: relative !important;
    }
}

/* firefox hack */
@-moz-document url-prefix() {
    .qur .wrap {
        margin-top: 9px;
    }

    .qur .list {
        width: 100%;
    }

    .qur .list > li {
        float: left;
        margin-right: 8px !important;
    }

    .qur .list > li:last-child {
        margin-right: 0 !important;
    }

    .search-guide .search-guide-middle {
        font-size: 7.6pt;
    }

    #membership_new .wrap .member_box .member_box_2 .txt1 {
        letter-spacing: -1.1px;
    }

    #membership_new .wrap .member_box .member_btn {
        font-size: 11px;
        letter-spacing: -0.5px;
    }

    #membership_new .wrap .member_box .member_box_1 .txt2 {
        letter-spacing: -0.6px;
    }

    #new_update .warp .top .title .txt1 {
        letter-spacing: -0.5px;
    }

    #themeselect .warp .top .title .txt1 {
        letter-spacing: -0.5px;
    }

    #weeklybest .warp .top .title .txt1 {
        letter-spacing: -0.5px;
    }

    #menu-bottom .bottom .right {
        letter-spacing: -0.5px;
    }

    #menu-bottom .bottom .right .m .userinfor {
        margin-right: 5px;
        padding: 5px 5px 5px 10px;
    }

    #menu-bottom .bottom .right .check {
        top: 0 !important;
        padding: 5px 6px 8px 9px;
    }

    #menu-bottom .bottom .right .m .dateing {
        top: 20px !important;
    }

    #menu-bottom .bottim .right .m .ntxtlogin:hover {
        font-size: 11px;
        font-weight: 500;
        text-decoration: none;
    }

    #menu-bottom .bottom .search input[type=text] {
        height: 68px;
    }

    .board .news,
    .board .faq,
    .board .faq {
        margin-top: 37px;
    }

    .board .bank {
        margin-top: 43px;
    }

    #weeklybest .warp .top_menu dd div {
        margin-right: 10px;
    }

    #new_update .warp .top .title_bg2 {
        width: 41%;
        margin-right: 5px;
    }


    #weeklybest .warp .top .title_bg2 {
        width: 43%;
    }

    #menu-bottom .bottom .update .title {
        letter-spacing: -0.5px;
        line-height: 15px;
    }

    #search {
        margin: 0 0 0 37px !important;
        font-size: 14px !important;
    }

    /* new & hot update */
    #new_update .warp .top {
        padding-top: 55px !important;
    }

    #new_update .warp .top .title_bg1 {
        margin-top: 4px !important;
    }

    #new_update .warp .top .title_bg2 {
        margin-top: 4px !important;
        width: 40%;
        margin-right: 5px;
    }

    #new_update .warp .top img {
        margin-left: 4px !important;
        margin-top: 1px !important;
    }

    #new_update .new_update_contents .update_contents {
        margin-left: 0 !important;
    }


    /* weeklybest */
    #weeklybest .warp .top_menu {
        margin-top: 27px !important;
    }

    /* footer board */
    .board .news,
    .board .faq,
    .board .faq {
        margin-top: 37px !important;
    }

    .board .news ul,
    .board .faq ul,
    .board .faq ul {
        margin: 13px 0 0 !important;
    }
}

/* chrome */
@media screen and (-webkit-min-device-pixel-ratio: 0) {
    #search {
        margin: 22px 6px 0 37px;
    }
}


.mainPopWrap {
    position: absolute;
    top: 30px;
    left: 1200px;
    z-index: 10;
    background-color: white;
    overflow: hidden;

}

.mainCenterWrap {
    position: relative;
    left: -550px;
    top: 51px;
    border: 0;
    margin: 0 auto;
}

.mainCenterPopWrap {
    position: absolute;

    left: 50%;
    z-index: 30;


}


.epw_center_checkjuly {
    position: absolute;
    margin-top: -50px;
    color: white;
    margin-right: 120px;
    width: 60%;
    font-size: 15px;
    /* height: 30px; */
    /* border: 1px solid #f1f1f1; */
    box-sizing: border-box;
}

.epw_center_check {
    position: absolute;
    margin-top: -50px;
    color: white;
    margin-right: 120px;
    width: 98%;
    font-size: 15px;
    /* height: 30px; */
    /* border: 1px solid #f1f1f1; */
    box-sizing: border-box;
}


.epwc_center_right {
    height: 100%;
    width: 180px;
    float: right;
}

.epwc_center_right div {
    float: right;
    display: inline-block;
    *display: inline;
    zoom: 1;
}

.epwc_center_right .epw_label {
    width: 100px;
    font-family: 'Noto Sans KR', sans-serif;
    font-size: 12px;

}

.epwc_center_right .epw_input {
    width: 30px;
}

.epwc_center_right .epw_img {
    width: 32px;
    border-left: 1px solid #f1f1f1;
}

.epwc_center_right label {
    float: right;
    margin: 7.5px 0;
    cursor: pointer;
}

.epwc_center_right input {
    float: right;
    height: auto;
    margin: 7.5px;
    margin-left: 5px;
    margin-right: 12px;
    cursor: pointer;
    padding: 0;
}

.epwc_center_right img {
    float: right;
    padding: 9.5px 11px;
    cursor: pointer;
}


.eventPopWrap {
    position: absolute;
    top: 300px;
    right: 35%;
    z-index: 10;
    background-color: white;
    width: 299px;
    height: 399px;
    overflow: hidden;
}

@media (max-width: 1340px) {
    .eventPopWrap {
        right: 100px;
    }
}

.eventPopWrap2 {
    position: absolute;
    top: 320px;
    right: 450px;
    z-index: 100;
    background-color: white;
    width: 290px;
    height: 410px;
    overflow: hidden;
}

.eventPopWrap .bx-wrapper {
    width: 300px;
    height: 370px;
}

.epw_image {
    width: 100%;
    height: 380px;
    overflow: hidden;
    margin: 0 !important;
    padding: 0;
}

.epw_check {
    width: 100%;
    height: 30px;
    border: 1px solid #f1f1f1;
    box-sizing: border-box;
}


.epwc_right {
    height: 100%;
    width: 180px;
    float: right;
}

.epwc_right div {
    float: right;
    display: inline-block;
    *display: inline;
    zoom: 1;
}

.epwc_right .epw_label {
    width: 100px;
    font-family: 'Noto Sans KR', sans-serif;
    font-size: 12px;

}

.epwc_right .epw_input {
    width: 30px;
}

.epwc_right .epw_img {
    width: 32px;
    border-left: 1px solid #f1f1f1;
}

.epwc_right label {
    float: right;
    margin: 7.5px 0;
    cursor: pointer;
}

.epwc_right input {
    float: right;
    height: auto;
    margin: 7.5px;
    margin-left: 5px;
    margin-right: 12px;
    cursor: pointer;
    padding: 0;
}

.epwc_right img {
    float: right;
    padding: 9.5px 11px;
    cursor: pointer;
}

.eventPopWrap .epw_image li {
    width: 300px;
    height: 370px;
    list-style: none;
}

.eventPopWrap #epw-pager {
    display: inline-block;
    *display: inline;
    zoom: 1;
    margin: 10px;
}

.eventPopWrap #epw-pager a {
    margin-right: 3px;
}

.swiperWrap {
    height: 280px;
    width: 1240px;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
}

.swiperWrap .bx-wrapper {
    height: 280px;
}

.swiperWrap .bxslider {
    height: 280px;
    display: inline-block;
    margin: 0;
    padding: 0;
}

.swiperWrap li {
    height: 280px;
    float: left;
    margin-right: 10px;
    list-style: none;
}

.themeselectList .title {
    font-size: 15px;
    color: #333;
    display: block;
    text-align: center;
    margin-top: 19px;
    letter-spacing: -1px;
}

.prev,
.next {
    cursor: pointer;
}


/* 리뉴얼 추가 */
.container {
    line-height: normal;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: -0.7px;
    color: #000000;
}

.container.update {
    padding-top: 15px;
    border-top: solid 1px #ddd;
    background: linear-gradient(to bottom, #f1f3f5 1px, #f1f3f5 10px, white 10px);
}

.container_pop {
    width: 100%;
    line-height: normal;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: -0.7px;
    color: #000000;
    background: #f5f5f5;
    position: relative;
}

.containerSub {
    font-weight: 400;
    letter-spacing: -0.7px;
    color: #000000;
    font-size: 13px;
    font-family: 'Noto Sans KR', sans-serif;
    border-top: solid 1px #ddd;
    background: linear-gradient(to bottom, #f1f3f5 0, #f1f3f5 9px, white 10px);
    padding-top: 9px;
}

.containerSub > .inner {
    width: 1280px;
    margin: 0 auto;
    background: white;
}

.containerSub:after {
    display: block;
    clear: both;
    content: "";
}

.containerSub .contents {
    min-height: 600px;
}

li {
    list-style: none;
}

* {
    margin: 0;
    padding: 0;
}

a {
    text-decoration: none;
}

#menu-bottom {
    margin: 0;
}


.active {
    padding: 0;
}

.bold {
    font-weight: bold;
    color: black !important;
}

.detailSearch {
    position: relative;
    float: left;
    margin-left: 2px;
    z-index: 1;
    margin-top: -5px;
}

.detailSearch .detailSearchBtn {
    width: 95px;
    height: 34px;
    font-size: 13px;
    font-weight: 500;
    line-height: 33px;
    color: black;
    display: block;
    border: 1px solid white;
    z-index: 5;
    position: relative;
    background: white;
    text-align: center;
    cursor: pointer;
}

.detailSearch .detailSearchBtn img {
    margin-top: -3px;
    margin-right: 3px;
    vertical-align: middle;
}

.detailSearch .open {
    border: 1px solid #333333;
    border-bottom: white;
}

.detailSearch .optionWrap {
    width: 575px;
    height: 305px;
    border-collapse: collapse;
    position: absolute;
    background: white;
    border: 1px solid #333333;
    top: 34px;
    left: 0;
    font-size: 12px;
    z-index: 4;
}

.detailSearch table {
    height: 100%;
    width: 100%;
    border-collapse: collapse;
}

.detailSearch table tr {
}

.detailSearch table th {
    border-bottom: 1px solid #bec3bc;
}

.detailSearch table td {
    border-bottom: 1px solid #bec3bc;
}

.detailSearch table .last th,
.detailSearch table .last td {
    border-bottom: none;
}

.detailSearch table tr.file_choice {
    height: 50px;
}

.detailSearch table tr.file_choice {
    height: 50px;
}

.detailSearch table tr.position_choice {
    height: 60px;
}

.detailSearch table .depthColor {
    background: #f2f2f2;
}

.detailSearch table .titleOp {
    font-size: 13px;
    text-align: right;
    font-weight: 400;
    padding-right: 27px;
}

.detailSearch table .checkBox {
    padding: 0 5px;
}

.detailSearch table label {
    font-size: 12px;
    letter-spacing: -0.5px;
    font-weight: 300;
    margin-right: 5px;
    line-height: 27px;
    cursor: pointer;
}

.detailSearch table input[type=checkbox] {
    width: 13px;
    height: 13px;
    margin-right: 3px;
    margin-top: -2px;
    position: relative;
    cursor: pointer;
    vertical-align: middle;
}

.detailSearch table .searchBox {
    height: 53px;
}

.detailSearch table .searchBox input[type=text] {
    width: 370px;
    height: 28px;
    line-height: 27px;
    padding: 0 10px;
    border: 1px solid #c4c2c2;
    border-radius: 2px;
}

.detailSearch table .character_choice {
    height: 100px;
}

.detailSearch table .optionSearchFooter {
    font-size: 13px;
    letter-spacing: -0.6px;
    height: 45px;
    color: white;
    text-align: center;
    border-bottom: none;
}

.detailSearch table .refresh {
    background: #3f444e;
    border-bottom: none;
}

.detailSearch table .searchBtn {
    font-size: 14px;
    font-weight: bold;
    background: #565c66;
    cursor: pointer;
}

.detailSearch table .searchBtn .serach {
    display: inline-block;
    width: 15px;
    height: 15px;
    background: url("/resource/images/main/search_190403.gif") -17px -119px;
    margin: -3px 6px 0 0;
    vertical-align: middle;
}

.detailSearch table .popupClose {
    width: 75px;
    background: #3f444e;
    cursor: pointer;
}

.detailSearch table .popupClose .close {
    display: inline-block;
    width: 10px;
    height: 12px;
    background: url("/resource/images/main/search_190403.gif") -79px -195px;
    vertical-align: top;
    margin: 4px 0 0 11px;
}

.detailSearch table .icon_horizontal {
    display: inline-block;
    width: 27px;
    height: 19px;
    background: url("/resource/images/main/search_190403.gif") -15px -154px;
    vertical-align: middle;
}

.detailSearch table .icon_vertical {
    display: inline-block;
    width: 20px;
    height: 25px;
    background: url("/resource/images/main/search_190403.gif") -59px -151px;
    vertical-align: middle;
}

.detailSearch table .icon_square {
    margin-top: 5px;
}

.singlecutDown {
    width: 181px;
    height: 120px;
    color: #fff;
    line-height: 32px;
    text-align: center;
    text-transform: uppercase;
    position: absolute;
    top: -37px;
    left: 81px;
    z-index: 5;
}

.singlecutDown .fu_title {
    height: 39px;
    font-size: 14px;
    line-height: 38px;
    letter-spacing: -0.6px;
    font-weight: bold;
}

.singlecutDown .fu_title span {
    color: #37c54e;
    font-weight: 400;
}

.singlecutDown .fu_select {
    height: 51px;
    background: #f5f5f5;
    padding-top: 10px;
    box-sizing: border-box;
    border-left: 1px solid #444f63;
    border-right: 1px solid #444f63;
}

.singlecutDown .fu_select .selectric-wrapper {
    width: 160px;
    height: 29px;
    line-height: 28px;
    display: inline-block;
    *display: inline;
    zoom: 1;
    text-align: left;
}

.singlecutDown .fu_submit {
    height: 32px;
    background: #d5d5d5;
    padding: 6px 42px;
    box-sizing: border-box;
    border-left: 1px solid #444f63;
    border-right: 1px solid #444f63;
    border-bottom: 1px solid #444f63;
}

.singlecutDown .fu_submit a {
    width: 47px;
    height: 19px;
    line-height: 19px;
    font-size: 11px;
    cursor: pointer;
    color: white;
    background: #4a4d53;
    display: block;
    float: left;
}

.singlecutDown .fu_submit .ok {
    background: #4a4d53;
    margin-right: 1px;
}

.singlecutDown .fu_submit .no {
    background: #999a9d;
}

.alertLayerPopup {
    position: fixed;
    _position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 100;
}

.alertLayerPopup_Content {
    height: auto !important;
    top: 20% !important;
    left: 43% !important;
    right: 0 !important;
    background-color: #fff;
}

.alertLayerPopup_BG {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.2;
    filter: alpha(opacity=20);
}

.alertLayerPopup_Content .middle .boxForm {
    width: 100%;
    display: inline-block;
    *display: inline;
    zoom: 1;
    margin: 20px 0;
}

.alertLayerPopup_Content .middle .boxForm .title {
    text-align: center;
    line-height: 29px;
    font-size: 13px;
    font-weight: bold;
}

.alertLayerPopup_Content .bottom .alertLayer_closeBtn {
    background: #aaabab;
}

.alertLayerPopup_Content .bottom .extensionBtn {
    width: 85px;
}

.lightbox, .alertLayerPopup_Content {
    width: 315px;
    height: 221px;
    border: 1px solid #444a52;
    position: absolute;
    top: 26px;
    right: 0;
    z-index: 3;
    font-family: 'Noto Sans KR', sans-serif;
}

.lightbox .header, .alertLayerPopup_Content .header {
    width: 100%;
    height: 40px;
    line-height: 39px;
    background: #2c333c;
}

.lightbox .header h3, .alertLayerPopup_Content .header h3 {
    padding: 0 13px;
    color: white;
    font-size: 14px
}

.lightbox .header span, .alertLayerPopup_Content .header span {
    color: #37c54e;
}

.lightbox .middle {
    width: 275px;
    height: 110px;
    background: #f5f5f5;
    padding: 15px 20px;
}

.lightbox .middle .guid {
    color: #777d81;
    margin-bottom: 15px;
    font-size: 13px;
    line-height: 13px;
    margin-left: -7px;
    font-weight: 400;
}

.lightbox .middle .boxForm {
    width: 100%;
    display: inline-block;
    *display: inline;
    zoom: 1;
    margin-top: 6px;
}

.lightbox .middle .boxForm .title {
    color: black;
    line-height: 29px;
    margin-right: 10px;
    float: left;
    font-size: 13px;
    font-weight: 400;
}

.lightbox .middle .boxForm select {
    width: 131px;
    height: 30px;
    line-height: 29px;
    float: left;
}

.lightbox .middle .boxForm .selectric-wrapper {
    width: 126px;
    height: 30px;
    line-height: 29px;
    float: left;
}

.lightbox .middle .boxForm input[type=text] {
    width: 119px;
    height: 29px;
    padding-left: 5px;
    border: 1px solid #cfcfcf;
    float: left;
    border-radius: 2px;
}

.lightbox .middle .boxForm span a {
    width: 57px;
    height: 31px;
    line-height: 30px;
    display: inline-block;
    *display: inline;
    zoom: 1;
    float: right;
    color: white;
    background: #aaabab;
    text-align: center;
    border-radius: 2px;
    cursor: pointer;
    font-size: 12px;
}

.lightbox .middle .boxForm span a:hover {
    background: #35373a
}

.lightbox .middle .boxForm span input[type=submit] {
    width: 57px;
    height: 31px;
    line-height: 30px;
    display: inline-block;
    *display: inline;
    zoom: 1;
    float: right;
    color: white;
    background: #aaabab;
    text-align: center;
    border-radius: 2px;
    cursor: pointer;
}

.lightbox .middle .boxForm span input[type=submit]:hover {
    background: #35373a
}

.lightbox .bottom, .alertLayerPopup_Content .bottom {
    width: 100%;
    height: 41px;
    background: #d5d5d5;
    text-align: center;
}

.lightbox .bottom a, .alertLayerPopup_Content .bottom a {
    width: 67px;
    height: 27px;
    line-height: 26px;
    color: white;
    display: inline-block;
    *display: inline;
    zoom: 1;
    background: #4a4d53;
    margin-top: 8px;
    cursor: pointer;
}


/* 이벤트 배너 */
.eventWrap {
    position: fixed;
    bottom: 5px;
    left: 50%;
    z-index: 9;
    cursor: pointer;
}

.eventWrapInner {
    position: absolute;
    margin-left: -751px;
    bottom: 0;
}

.evenBox.close .bottomImg {
    width: 616px;
}

.evenBox.open .bottomImg {
    width: 86px;
}

.evenBox.close .topImg {
    display: none;
}

.evenBox.open .topImg {
    display: block;
}

@media screen and (max-width: 1528px) {
    .eventWrap {
        left: 5px;
    }

    .eventWrapInner {
        margin-left: 0;
    }

    .evenBox.open .bottomImg {
        width: 65px;
    }

    .evenBox.open .topImg {
        width: 65px;
    }
}

.eventWrap {
    position: fixed;
    bottom: 5px;
    left: 50%;
    z-index: 9;
    cursor: pointer;
}

.eventWrapInner {
    position: absolute;
    margin-left: -751px;
    bottom: 0;
}

.evenBox.close .bottomImg {
    width: 616px;
}

.evenBox.open .bottomImg {
    width: 86px;
}

.evenBox.close .topImg {
    display: none;
}

.evenBox.open .topImg {
    display: block;
}

@media screen and (max-width: 1528px) {
    .eventWrap {
        left: 5px;
    }

    .eventWrapInner {
        margin-left: 0;
    }

    .evenBox.open .bottomImg {
        width: 65px;
    }

    .evenBox.open .topImg {
        width: 65px;
    }
}

#eventfig {
    z-index: 9999
}

/* 이벤트 배너 */


/* NEW MAIN */

/* header */
#wrap header {
    position: relative;
    z-index: 100;
    font-family: 'Noto Sans KR', sans-serif, 'Noto Sans';
    font-weight: 400;
    font-style: normal;
}

#wrap header * {
    box-sizing: border-box;
}

#wrap header h1 img.after {
    display: none;
}

#wrap header .lnb {
    background: #f0f0f0;
    border-bottom: 1px solid #e4e4e4;
    height: 34px;
    box-sizing: unset;
}

#wrap header .lnb .container {
    height: 34px;
    max-width: 1280px;
    margin: 0 auto;
    overflow: hidden;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    background: none;
}

#wrap header .lnb .container {
    height: 34px;
    max-width: 1280px;
    margin: 0 auto;
    overflow: hidden;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-lines: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -moz-box-pack: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    background: none;
}

#wrap header .lnb .control {
    width: 11px;
    position: relative;
}

#wrap header .lnb .control .swiper-button-prev {
    width: 11px;
    height: 17px;
    background: none;
    right: 0;
    left: auto;
    top: 0;
    margin: 0;
}

#wrap header .lnb .control .swiper-button-next {
    width: 11px;
    height: 17px;
    background: none;
    right: 0;
    bottom: 0;
    margin: 0;
}

#wrap header .lnb .swiper-container {
    width: -webkit-calc(100% - 11px);
    width: -moz-calc(100% - 11px);
    width: calc(100% - 11px);
    height: 34px;
    margin: 0;
    padding-right: 10px;
    top: -2px;
}

#wrap header .lnb .swiper-container ul li {
    text-align: right;
    line-height: 34px;
    padding-top: 1px
}

#wrap header .lnb .swiper-container ul li a {
    width: 100%;
    text-align: right;
    height: 34px;
    line-height: 34px;
    position: relative;
    font-size: 13px;
    color: #171717;
    font-weight: 500;
    vertical-align: middle;
}

#wrap header .lnb .swiper-container ul li a img {
    position: relative;
    margin-right: 5px;
    line-height: 34px;
    vertical-align: middle;
    margin-bottom: 2px;
}

#wrap header .header-wrap {
    height: 100px;
    background: #fff;
    padding-top: 35px;
}

#wrap header .header-wrap.fixed {
    position: fixed;
    top: 0;
    left: 0;
    padding: 25px 0;
    height: 115px;
    width: 100%;
    z-index: 9;
    border-bottom: 1px solid #E4E4E4;
    box-shadow: 0 5px 13px rgb(77 77 77 / 15%);
}

#wrap header .header-wrap.fixed.no-shadow {
    box-shadow: none;
}

#wrap header .header-wrap .container {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}

#wrap header .header-wrap .container {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-lines: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 0 auto;
    width: 100%;
    min-width: 1400px;
    max-width: 1536px;
}

#wrap header .header-wrap .container > .flex-box .form-box form .form-word-wrap {
    display: none;
    z-index: 2;
    position: absolute;
    left: 0;
    top: 43px;
    border: 1px solid #e6e6e6;
    border-radius: 15px;
    width: 100%;
    background: #fff;
    overflow: hidden;
}

#wrap header .header-wrap .container > .flex-box .form-box form.active .form-word-wrap {
    display: block;
}

#wrap header .header-wrap .container > .flex-box .form-box form .form-word-wrap .box {
    padding-right: 10px;
    padding-top: 7px;
}

#wrap header .header-wrap .container > .flex-box .form-box form .form-word-wrap .box ul {
    padding: 12px 17px 19px;
    height: 237px;
    overflow-y: auto;
}

#wrap header .header-wrap .container > .flex-box .form-box form .form-word-wrap .box ul::-webkit-scrollbar {
    width: 7px;
    border-radius: 10px;
    background: #ececec;
}

#wrap header .header-wrap .container > .flex-box .form-box form .form-word-wrap .box ul::-webkit-scrollbar-thumb {
    background: #3c3c3c;
    border-radius: 10px;
}

#wrap header .header-wrap .container > .flex-box .form-box form .form-word-wrap .box ul li {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-lines: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -moz-justify-content: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -moz-justify-content: center;
    justify-content: space-between;
    margin-bottom: 6px;
}

#wrap header .header-wrap .container > .flex-box .form-box form .form-word-wrap .box ul li:last-of-type {
    margin-bottom: 0;
}

#wrap header .header-wrap .container > .flex-box .form-box form .form-word-wrap .box ul li .flex-box:first-of-type {
    width: calc(100% - 12px);
    padding-right: 10px;
}

#wrap header .header-wrap .container > .flex-box .form-box form .form-word-wrap .box ul li .flex-box:first-of-type a {
    position: relative;
    display: block;
    letter-spacing: 0;
    font-size: 13px;
    color: #171717;
    padding-left: 14px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

#wrap header .header-wrap .container > .flex-box .form-box form .form-word-wrap .box ul li .flex-box:first-of-type a:before {
    position: absolute;
    left: 0;
    top: 60%;
    transform: translateY(-50%);
    width: 4px;
    height: 4px;
    background: #171717;
    border-radius: 50%;
    content: "";
}

#wrap header .header-wrap .container > .flex-box .form-box form .form-word-wrap .box a#allDelete span {
    display: inline-block;
    font-size: 13px;
    color: #171717;
    background: url('/resource/images/new_main/icon_delete_all.png') no-repeat left 5px / 12px 11px;
    padding-left: 20px;
}

#wrap header .header-wrap .container > .flex-box .form-box form .form-word-wrap .box.noword {
    height: 183px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-lines: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -moz-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -moz-justify-content: center;
    justify-content: center;
}

#wrap header .header-wrap .container > .flex-box .form-box form .form-word-wrap .box.noword.hide {
    display: none;
}

#wrap header .header-wrap .container > .flex-box .form-box form .form-word-wrap .box.noword p {
    font-size: 14px;
    color: #808080;
    font-weight: 500;
}

#wrap header .header-wrap .container > .flex-box .form-box form .form-word-wrap .box.noword p strong {
    display: block;
    text-align: center;
    font-size: 14px;
    color: #282828;
    font-weight: 600;
    margin-bottom: 5px;
}

#wrap header .header-wrap .container > .flex-box .form-box form .form-word-wrap .box.noword p strong:before {
    display: block;
    width: 27px;
    height: 26px;
    content: "";
    margin: 0 auto;
    background: url('/resource/images/new_main/icon_noword.png') no-repeat center / cover;
    margin-bottom: 7px;
}

#wrap header .header-wrap .container > .flex-box .form-box .more {
    z-index: 2;
    width: calc(100% - 545px);
    position: relative;
}

#wrap header .header-wrap .container > .flex-box .form-box .more.active:after {
    transform: rotate(45deg);
    left: 5px;
    top: 46px;
    position: absolute;
    content: "";
    width: 20px;
    height: 20px;
    border: 1px solid #535353;
    border-width: 1px 0 0 1px;
    background: #fff;
}

#wrap header .header-wrap .container > .flex-box .form-box .more > a#moreBtn {
    display: block;
    width: 100%;
    height: 45px;
    font-size: 0;
    background: url('/resource/images/new_main/icon_more.png') no-repeat right center / 5px 22px;
}

#wrap header .header-wrap .container > .flex-box .form-box .more > .more-box {
    display: none;
    position: absolute;
    top: 56px;
    width: 297px;
    background: #fff;
    border: 1px solid #535353;
    border-radius: 10px;
    left: -129px;
    overflow: hidden;
}

#wrap header .header-wrap .container > .flex-box .form-box .more.active > .more-box {
    display: block;
}

#wrap header .header-wrap .container > .flex-box .form-box .more > .more-box ul {
    padding: 19px;
}

#wrap header .header-wrap .container > .flex-box .form-box .more > .more-box ul li {
    margin-bottom: 11px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}

#wrap header .header-wrap .container > .flex-box .form-box .more > .more-box ul li:last-of-type {
    margin-bottom: 0;
}

#wrap header .header-wrap .container > .flex-box .form-box .more > .more-box ul li .flex-box:first-of-type {
    width: 115px;
    background: #f2f2f2;
}

#wrap header .header-wrap .container > .flex-box .form-box .more > .more-box ul li .flex-box:first-of-type p {
    text-align: center;
    padding: 10px 0;
    font-size: 13px;
    color: #17171c;
    font-weight: 500;
}

#wrap header .header-wrap .container > .flex-box .form-box .more > .more-box ul li .flex-box:first-of-type p strong {
    display: block;
    font-size: 13px;
    color: #5771e6;
    font-weight: 500;
}

#wrap header .header-wrap .container > .flex-box .form-box .more > .more-box ul li .flex-box:last-of-type {
    width: calc(100% - 115px);
    padding-left: 20px;
}

#wrap header .header-wrap .container > .flex-box .form-box .more > .more-box ul li .flex-box:last-of-type p:first-of-type {
    font-size: 12px;
    color: #17171c;
    font-weight: 500;
    margin-bottom: 3px;
}

#wrap header .header-wrap .container > .flex-box .form-box .more > .more-box ul li .flex-box:last-of-type p:last-of-type {
    font-size: 12px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    color: #95979f;
}

#wrap header .header-wrap .container > .flex-box .form-box .more > .more-box ul li .flex-box:last-of-type p:last-of-type > b {
    display: inline-block;
    margin-right: 2px;
    height: 16px;
    line-height: 16px;
    color: #5771e6;
    background: #e6effb;
    border-radius: 7px;
    padding: 0 7px;
    font-weight: 500;
}

#wrap header .header-wrap .container > .flex-box .form-box .more > .more-box ul li .flex-box:last-of-type p:last-of-type span {
    color: #5771e6;
}

#wrap header .header-wrap .container > .flex-box .form-box .more > .more-box ul li .flex-box:last-of-type p:last-of-type span b {
    color: #5771e6;
    font-weight: 600;
    display: inline-block;
    margin: 0 3px;
}

#wrap header .header-wrap .container > .flex-box .form-box .more > .more-box ul li:last-of-type .flex-box:last-of-type p:last-of-type span b {
    font-size: 20px;
    margin-top: -7px;
    position: relative;
    top: 3px;
}

#wrap header .header-wrap .container > .flex-box .form-box .more > .more-box > a#moreClose {
    display: block;
    text-align: center;
    height: 45px;
    line-height: 45px;
    background: #3c3c3c;
    font-size: 15px;
    color: #fff;
    font-weight: 600;
}

#wrap header .header-wrap .container > .flex-box:last-of-type ul {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-lines: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -moz-box-pack: flex-end;
    -ms-flex-pack: justify;
    justify-content: flex-end;
    width: 340px;
    line-height: 40px;
    height: 40px;
}

#wrap header .header-wrap .container > .flex-box:last-of-type ul li {
    margin-left: 15px;
}

#wrap header .header-wrap .container > .flex-box:last-of-type ul li:first-child {
    margin-left: 0;
}

#wrap header .header-wrap .container > .flex-box:last-of-type ul li a,
#wrap header .header-wrap .container > .flex-box:last-of-type ul li a.login span {
    font-size: 13px;
    color: #797979;
    font-weight: 500;
    display: block;
    letter-spacing: -.25px;
}

#wrap header .header-wrap .container > .flex-box:last-of-type ul li a.login span {
    font-size: 14px;
}

#wrap header .header-wrap .container > .flex-box:last-of-type ul li.mem {
    z-index: 2;
    position: relative;
    height: 38px;
    top: 1px;
}

#wrap header .header-wrap .container > .flex-box:last-of-type ul li.mem > a {
    display: block;
    color: #fff;
    font-weight: 400;
    padding: 0 20px;
    border-radius: 20px;
    height: 38px;
    line-height: 42px;
    background: #678AF3;
    font-size: 14px;
    min-width: 87px;
}

#wrap header .division {
    display: block;
    width: 1px;
    height: 12px;
    background: #bfbfbf;
    margin-left: 15px;
    margin-right: 5px;
}

#wrap header .header-wrap .container > .flex-box:last-of-type ul li.mem > a > span {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: -.25px;
}

#wrap header .header-wrap .container > .flex-box:last-of-type ul li.mem > a .user_name {
    letter-spacing: -.25px;
    font-weight: 500;
    font-size: 14px;
}

#wrap header .header-wrap .container > .flex-box:last-of-type ul li.mem .mem-box {
    display: none;
    position: absolute;
    right: 0;
    width: 283px;
    border: 1px solid #6b7784;
    border-radius: 15px;
    background: #fff;
    overflow: hidden;
    transform: translateY(5px);
}

#wrap header .header-wrap .container > .flex-box:last-of-type ul li.mem.active .mem-box {
    display: block;
}

#wrap header .header-wrap .container > .flex-box:last-of-type ul li.mem .mem-box .mem-info {
    padding: 20px 20px 26px;
}

#wrap header .header-wrap .container > .flex-box:last-of-type ul li.mem .mem-box .mem-info strong {
    display: flex;
    align-items: center;
    position: relative;
    margin-left: 2px;
}

#wrap header .header-wrap .container > .flex-box:last-of-type ul li.mem .mem-box .mem-info strong:before {
    content: "P";
    display: block;
    width: 25px;
    height: 25px;
    line-height: 25px;
    text-align: center;
    z-index: 2;
    background: #57bef8;
    color: #fff;
    border-radius: 30px;
    font-weight: 800;
    font-family: 'Noto Sans Black', 'Noto Sans KR', sans-serif, 'Noto Sans';
    font-size: 17px;
}

#wrap header .header-wrap .container > .flex-box:last-of-type ul li.mem .mem-box .mem-info strong.creator:before {
    display: none;
}

#wrap header .header-wrap .container > .flex-box:last-of-type ul li.mem .mem-box .mem-info strong.creator b {
    margin-left: 0;
}

#wrap header .header-wrap .container > .flex-box:last-of-type ul li.mem .mem-box .mem-info strong.creator img {
    margin-right: 9px;
}
#wrap header .header-wrap .container > .flex-box:last-of-type ul li.mem .mem-box .mem-info strong.free:before {
    content:"F";
    background: #6c87c4;
}

#wrap header .header-wrap .container > .flex-box:last-of-type ul li.mem .mem-box .mem-info strong.std:before {
    content:"S";
    background: #52d5d3;
}

#wrap header .header-wrap .container > .flex-box:last-of-type ul li.mem .mem-box .mem-info strong.sig:before {
    content:"C";
    background: #6c99fd;
}

#wrap header .header-wrap .container > .flex-box:last-of-type ul li.mem .mem-box .mem-info strong.school:before {
    content:"E";
    background: #9b90f9;
}

#wrap header .header-wrap .container > .flex-box:last-of-type ul li.mem .mem-box .mem-info strong.npine:before {
    background: url('/resource/images/new_main/icon_npine.png') no-repeat center / cover;
}

#wrap header .header-wrap .container > .flex-box:last-of-type ul li.mem .mem-box .mem-info strong b {
    position: relative;
    z-index: 2;
    display: flex;
    margin-left: 9px;
    align-items: flex-end;
    font-size: 14px;
    color: #565659;
    font-weight: 400;
    line-height: 1;
}

#wrap header li.mem .mem-box .mem-info strong b span {
    display: block;
    position: relative;
}

#wrap header .mem-info .division {
    margin: 0 10px 3px;
    height: 12px;
    background: #ddd;
}

#wrap header .mem-info .division + span {
    font-size: 18px;
    font-weight: 600;
    color: #2B2C2D;
    letter-spacing: .25px;
}

#wrap header .mem-info .division + span::before {
    position: absolute;
    right: -5px;
    bottom: 0;
    width: calc(100% + 10px);
    height: 10px;
    background: #fff588;
    content: "";
    z-index: -1;
}

.mem-box .mem-info strong span.expiry-status {
    padding: 1px 8px 0 9px;
    font-size: 15px;
}

.mem-box .mem-info strong span.expiry-date {
    font-size: 18px;
    font-weight: 600;
    display: flex;
    letter-spacing: 0;
    position: relative;
    z-index: 1;
}

.mem-box .mem-info strong span.expiry-date:before {
    display: block;
    width: 1px;
    height: 14px;
    content: '';
    background: #ddd;
    margin-right: 10px;
    margin-top: 5px;
}

.mem-box .mem-info .singlecut_info {
    height: 45px;
    background: #f1f3f5;
    font-size: 14px;
    display: flex;
    border-radius: 5px;
    align-items: center;
    padding-left: 20px;
    line-height: 14px;
}

.mem-box .mem-info .singlecut_info::before {
    display: block;
    width: 19px;
    height: 16px;
    content: "";
    background: url('/resource/images/main/renewal/2024/user_icon_image.png') no-repeat center / cover;
    margin-right: 6px;
}

.mem-box .mem-info .singlecut_info span:first-child {
    flex: 0 0 100px;
}

.mem-box .mem-info .singlecut_info span b {
    margin-right: 4px;
}

.mem-box .mem-info .singlecut_info1 {
    margin: 20px 0 2px;
}

.mem-box .mem-info .singlecut_info2 {
    margin-bottom: -8px;
}

.mem-box .mem-info .singlecut_info2::before {
    background-image: url('/resource/images/main/renewal/2024/user_icon_vidio.png')
}

#wrap header .header-wrap .container > .flex-box:last-of-type ul li.mem .mem-box .mem-info ul {
    display: block;
    margin-top: 20px;
    margin-bottom: -6px;
}

#wrap header .header-wrap .container > .flex-box:last-of-type ul li.mem .mem-box .mem-info ul li {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-start;
    margin: 0;
    font-size: 12px;
    color: #5f5e5c;
}

#wrap header .header-wrap .container > .flex-box:last-of-type ul li.mem .mem-box .mem-info ul li + li {
    margin-top: 5px;
}

#wrap header .header-wrap .container > .flex-box:last-of-type ul li.mem .mem-box .mem-info ul li span {
    font-size: 14px;
    color: #565659;
}

#wrap header .header-wrap .container > .flex-box:last-of-type ul li.mem .mem-box .mem-info ul li span.title {
    width: 94px;
    height: 27px;
    line-height: 27px;
    background: #eee;
    border-radius: 15px;
    display: block;
    text-align: center;
    margin-right: 8px;
}

#wrap header .header-wrap .container > .flex-box:last-of-type ul li.mem .mem-box .mem-info ul li a {
    font-size: 12px;
    color: #5f5e5c;
    display: flex;
    align-items: center;
}

#wrap header .header-wrap .container > .flex-box:last-of-type ul li.mem .mem-box .mem-info ul li span a {
    display: inline-block;
    width: 53px;
    height: 18px;
    line-height: 16px;
    text-align: center;
    color: #fff;
    background: #3c3c3c;
    font-size: 11px;
    border-radius: 10px;
}

#wrap header .header-wrap .container > .flex-box:last-of-type ul li.mem .mem-box .top-mem-ext span a {
    display: block;
    margin: 20px 0 0;
    width: 100%;
    height: 40px;
    line-height: 44px;
    letter-spacing: .5px;
    text-align: center;
    color: #fff;
    background: #6486eb;
    font-size: 14px;
    font-weight: 400;
    border-radius: 10px;
}

#wrap header .header-wrap .container > .flex-box:last-of-type ul li.mem .mem-btn {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    font-weight: 600;
    border-top: 1px solid #cfcfcf;
}

#wrap header .header-wrap .container > .flex-box:last-of-type ul li.mem .mem-btn a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 50%;
    text-align: center;
    background: #f7f7f7;
    font-size: 15px;
    color: #2b2c2d;
    font-weight: 500;
    height: 55px;
    line-height: 55px;
    letter-spacing: -.25px;
}

#wrap header .header-wrap .container > .flex-box:last-of-type ul li.mem .mem-btn a:first-of-type {
    border-right: 1px solid #cfcfcf;
}

#wrap header .header-wrap .container > .flex-box:last-of-type ul li.mem .mem-btn a:before {
    display: block;
    width: 18px;
    height: 19px;
    content: "";
    background: url('/resource/images/main/renewal/2024/logout.png') no-repeat center / cover;
    position: relative;
    margin-right: 4px;
}

#wrap header .header-wrap .container > .flex-box:last-of-type ul li.mem .mem-btn a:first-of-type:before {
    display: block;
    width: 16px;
    height: 17px;
    content: "";
    background: url('/resource/images/main/renewal/2024/my_page.png') no-repeat center / cover;
    position: relative;
}

#wrap header .header-wrap .container > .flex-box:last-of-type ul li a.maevent {
    font-size: 14px;
    color: #000000;
    font-weight: 400;
    letter-spacing: -0.25px;
}


#wrap header .gnb {
}

#wrap header .gnb .container {
    margin: 0 auto;
    min-width: 1280px;
    max-width: 1536px;
}

/*#wrap header .header-wrap.active:after {*/
/*    display: block;*/
/*    clear: both;*/
/*    content: "";*/
/*    width: 100%;*/
/*    height: 101px;*/
/*    background: transparent;*/
/*}*/

/*#wr   z-index: 99999999;*/
/*    position: fixed;*/
/*    left: 0;*/
/*    top: -101px;*/
/*    width: 100%;*/
/*    background: #fff;*/
/*    border-bottom: 1px solid #ddd;*/
/*    animation-name: fixed;*/
/*    animation-duration: 0.5s;*/
/*    animation-fill-mode: forwards;*/
/*}*/

/*#wrap header .header-wrap.active .fixed-box .container {*/
/*    padding: 20px 0;*/
/*}*/

/*#wrap header .header-wrap.active h1 img.after {*/
/*    display: block;*/
/*}*/

/*#wrap header .header-wrap.active h1 img.before {*/
/*    display: none;*/
/*}*/

/*#wrap header .header-wrap.active .container > .flex-box:first-of-type h1 a { !*justify-content:flex-end;*!*/
/*    padding-right: 15px;*/
/*}*/

/*#wrap header .header-wrap.active .container > .flex-box:first-of-type {*/
/*    width: 42px;*/
/*}*/

/*#wrap header .header-wrap.active .container > .flex-box:nth-of-type(2) {*/
/*    width: 764px;*/
/*}*/

/*#wrap header .header-wrap.active .container > .flex-box:last-of-type {*/
/*    width: calc(100% - 900px);*/
/*}*/

/*#wrap header .header-wrap.active .container > .flex-box .form-box form {*/
/*    width: 745px;*/
/*}*/

/*#wrap header .header-wrap.active .container > .flex-box .form-box .more {*/
/*    width: calc(100% - 745px);*/
/*}*/

@keyframes fixed {
    from {
        top: -101px;
    }
    to {
        top: 0;
    }
}

#wrap header .gnb .container > ul {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-lines: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -moz-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -moz-justify-content: center;
    justify-content: space-between;
    padding: 0 200px;
}

#wrap header .gnb .container > ul > li {
    text-align: center;
    position: relative;
}

#wrap header .gnb .container > ul > li.current::after {
    position: absolute;
    bottom: 0;
    left: calc(50% - 30px);
    width: 60px;
    height: 4px;
    background: #678AF3;
    content: '';
    display: block;
}

#wrap header .gnb .container > ul > li > a {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -moz-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -moz-justify-content: center;
    justify-content: center;
    background: #fff;
    height: 86px;
}

#wrap header .gnb .container > ul > li > a span {
    font-size: 17px;
    color: #000;
    position: relative;
    font-weight: 500;
    display: flex;
    align-items: center;
    letter-spacing: -.25px;
    text-shadow: 0px 0px 0px rgba(0, 0, 0, 0.5);
}

#wrap header .gnb .container > ul > li > a span.new:after {
    content: "";
    display: block;
    width: 15px;
    height: 15px;
    background: url('/resource/images/main/renewal/2024/icon_new.png') no-repeat center / cover;
    margin-left: 4px;
}

#wrap header .gnb .container > ul > li.current span,
#wrap header .gnb .container > ul > li.active2 > a span {
    color: #678af3;
    font-weight: 500;
}

#wrap header .gnb .container > ul > li > a:hover span {
    color: #678af3;
}

#wrap header .gnb .container > ul > li:hover a span {
    color: #678af3;
}

/*
#wrap header .gnb .container > ul > li.active > a span:before {content:""; position:absolute; width:5px; height:5px; background:#f54a4a; border-radius:50%; right:-8px;}
*/
#wrap header .gnb .container > ul > li.gnb-depth {
    position: relative;
}

#wrap header .gnb .container > ul > li.gnb-depth > a span:after {
    content: "";
    display: inline-block;
    width: 11px;
    height: 7px;
    background: url('/resource/images/new_main/icon_arrow.png') no-repeat center / cover;
    margin-left: 12px;
    position: absolute;
    top: 6px;
}

#wrap header .gnb .container > ul > li.gnb-depth.active:before, #wrap header .gnb .container > ul > li.gnb-depth.active2:before {
    position: absolute;
    left: 0;
    top: 0;
    content: "";
    width: 100%;
    height: 4px;
    background: #678af3;
}

#wrap header .gnb .container > ul > li.gnb-depth.active > a span:after {
    transform: rotate(180deg);
}

#wrap header .gnb .container > ul > li.gnb-depth .gnb-box {
    display: none;
    position: absolute;
    background: #fff;
    border-radius: 0 0 10px 10px;
    min-width: 170px;
    left: -17px;
    padding-bottom: 7px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

#wrap header .gnb .container > ul > li.gnb-depth.active .gnb-box {
    display: block;
}

#wrap header .gnb .container > ul > li.gnb-depth .gnb-box ul li {
    padding: 0 17px;
}

#wrap header .gnb .container > ul > li.gnb-depth .gnb-box ul li a {
    display: block;
    text-align: left;
    padding: 7.5px 0;
    font-size: 14px;
    color: #3d3d3d;
}

#wrap header .gnb .container > ul > li.gnb-depth .gnb-box ul li a:hover {
    font-weight: 500;
    color: #678af3;
}

#wrap header .gnb .container > ul > li.gnb-depth .gnb-box ul li.active a {
    font-weight: 500;
    color: #678af3;
}

#wrap header .gnb .container > ul > li.gnb-depth.active > a span:before {
    display: none;
}

#wrap header .gnb .container > ul > li.first > a span {
    color: #678af3 !important;
    font-weight: 500 !important;
}

#wrap header .gnb .container > ul > li.first > a span:before {
    content: "";
    position: absolute;
    width: 5px;
    height: 5px;
    background: #f54a4a;
    border-radius: 50%;
    right: -8px;
}

.buy_license.index {
    top: 77px;
    content: "";
    /*position: absolute;*/
    margin-bottom: 15px;
    width: 4.4px;
    height: 4.4px;
    background: #ff5b7a;
    border-radius: 50%;
    right: 404px;
    margin-left: 2px;
}

.buy_license.main {
    top: 77px;
    content: "";
    /*position: absolute;*/
    margin-bottom: 15px;
    width: 4.4px;
    height: 4.4px;
    background: #f54a4a;
    border-radius: 50%;
    right: 402px;
    margin-left: 2px;
}

#wrap header .gnb .container > ul > li.mfirst > a span {
}

#wrap header .gnb .container > ul > li.mfirst > a span:before {
    content: "";
    position: absolute;
    width: 5px;
    height: 5px;
    background: #f54a4a;
    border-radius: 50%;
    right: -8px;
}

#wrap header .gnb .container ul ul {
    position: absolute;
    top: 68px;
    background: #fff;
    width: auto;
    white-space: nowrap;
    border: 1px solid #e4e4e4;
    border-radius: 15px;
    box-shadow: 0 3px 16px rgb(77 77 77 / 10%);
    padding: 15px 1px 15px 0px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 1;
    display: none;
}

#wrap header .gnb .container ul ul li a {
    padding: 6px 25px;
    letter-spacing: -0.25px;
    display: block;
    text-align: left;
    font-size: 16px;
    color: #797979;
}

#wrap header .gnb .container ul ul li a.current,
#wrap header .gnb .container ul ul li a:hover {
    color: #678af3;
}

/* footer */
#wrap footer {
    border-top: 1px solid #e0e5e7;
    font-family: 'Noto Sans KR', sans-serif, 'Noto Sans';
    font-weight: 400;
    font-style: normal;
}

#wrap footer * {
    box-sizing: border-box;
}

#wrap footer .container {
    width: 1280px;
    margin: 0 auto;
}

#wrap footer .footer-cate {
    border-bottom: 1px solid #e0e5e7;
}

#wrap footer .footer-cate ul {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}

#wrap footer .footer-cate ul {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;

    -webkit-box-lines: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;

    -webkit-box-align: center;
    -moz-align-items: center;
    -ms-flex-align: center;
    align-items: center;

    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -moz-justify-content: center;
    justify-content: space-between;
}

#wrap footer .footer-cate ul li a {
    display: block;
    height: 60px;
    line-height: 60px;
    font-size: 14px;
    color: #333;
    font-weight: 500;
}

#wrap footer .footer-cate ul li.active a {
    color: #678af3;
}

#wrap footer .footer-btm {
    padding: 25px 0;
}

/
/
#wrap footer .footer-btm .container {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}

#wrap footer .footer-btm .container {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;

    -webkit-box-lines: wrap;
    -moz-box-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;

    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;

    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

#wrap footer .footer-btm .flex-box:first-of-type ul li span {
    font-size: 13px;
    color: #595959;
    display: inline-block;
    margin-right: 20px;
    letter-spacing: -0.5px;
    font-weight: 400;
}

#wrap footer .footer-btm .flex-box:first-of-type ul li span:last-of-type {
    margin-right: 0;
}

/
/
#wrap footer .footer-btm .flex-box:last-of-type ul {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
}

#wrap footer .footer-btm .flex-box:last-of-type ul {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;

    -webkit-box-lines: wrap;
    -moz-box-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;

    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;

    -webkit-box-pack: justify;
    -moz-box-pack: flex-end;
    -ms-flex-pack: justify;
    justify-content: flex-end;
}

#wrap footer .footer-btm .flex-box:last-of-type ul li {
    margin-left: 5px;
}

#wrap footer .footer-btm .flex-box:last-of-type ul li:nth-of-type(4) {
    margin-left: 20px;
}

#wrap footer .footer-btm .flex-box:last-of-type ul li:nth-of-type(5) {
    margin-left: 15px;
}


/** 루비 수정 **/
/** gnb 시작 **/
.rb_newbatge {
    -webkit-margin-before: -3px;
    -webkit-margin-start: 1px;
}

/** 사파리 **/

.rb_newbatge_other {
    -webkit-margin-before: -3px;
    -webkit-margin-start: 1px;
}

/** 사파리 **/

/* Chrome 29+ */
@media screen and (-webkit-min-device-pixel-ratio: 0) /** 크롬에서만 **/
and (min-resolution: .001dpcm) {
    .rb_newbatge {
        -webkit-margin-before: -1px;
    }

    .rb_newbatge_other {
        -webkit-margin-before: 0;
    }
}

/* FireFox */
@-moz-document url-prefix() {
    .rb_newbatge {
        margin-top: -1.5px;
        margin-left: 1px;
    }

    .rb_newbatge_other {
        margin-top: 0;
        margin-left: 1px;
    }
}

/** gnb 끝 **/

/** 메인팝업 **/
.epw_center_checkjuly1 {
    font-size: 13px !important;
    padding-right: 100px;
}

.epwc_center_right div {
}

.creatorper {
    line-height: 1;
    word-spacing: 1px;
}

.creatorper .expiration {
    position: relative;
    display: -webkit-flex;
    font-size: 17px;
    color: #5771E6;
    padding: 3px 0 13px;
    letter-spacing: -.5px;
}

.creatorper .expiration::after {
    content: '';
    display: block;
    background: #FFEB33;
    width: 138px;
    height: 7px;
    position: absolute;
    top: 13px;
    left: 26px;
    z-index: 0;
}

.creatorper .expiration img {
    display: block;
    width: 20px;
    height: 20px;
    margin-right: 6px;
    margin-top: -3px;
}

.creatorper .expiration strong {
    font-weight: 500;
    font-size: 17px;
    z-index: 1;
    padding: 0 !important;
    letter-spacing: -.5px;
}

.creatorper .expiration span {
    font-weight: normal;
    position: static;
    z-index: 1;
    padding-left: 3px;
    letter-spacing: -.5px;
}

.creatorper .info {
    padding-left: 4px;
}

.creatorper .info .title {
    display: -webkit-flex;
    justify-content: space-between;
    font-size: 14px;
}

.creatorper .info .title p {
    letter-spacing: -.3px;
}

.creatorper .info .title a {
    width: 53px;
    height: 18px;
    background: #3C3C3C;
    display: block;
    color: #fff !important;
    text-align: center;
    font-size: 11px !important;
    border-radius: 10px;
    line-height: 20px;
    margin-top: -2px;
    margin-right: -2px;
    letter-spacing: -.75px;
}

.creatorper .info .list_item {
    margin-top: 6px;
    font-size: 13px;
    letter-spacing: -.75px;
}

.creatorper .info .notice {
    font-size: 10px;
    color: #91908f;
    padding: 6px 0 1px;
    letter-spacing: -.5px;
}

.renewal_popup_wrap {
    position: fixed;
    top: 180px;
    left: 50%;
    transform: translate(-50%, 0);
    display: flex;
    justify-content: center;
    /*width: max-content;*/
    min-width: 400px;
    z-index: 999;
    max-width: 1200px;
    /*width: 100%;*/
}

.renewal_popup {
    display: block;
    width: 400px;
    height: 500px;
    border-radius: 15px;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #2b2c2d;
    box-shadow: 5px 5px 16px rgba(0, 0, 0, 0.23);
}

.renewal_popup > a {
    display: block;
    height: calc(100% - 50px);
    overflow: hidden;
    position: relative;
}

.renewal_popup img {
    /*width: 100%;*/
}

.renewal_popup > a > span {
    display: block;
    position: absolute;
    top: 118px;
    left: 92px;
    text-align: left;
    width: 230px;
    font-size: 15px;
    letter-spacing: -.3px;
    word-spacing: 0.8px;
    color: #2d2e31;
}

.renewal_popup > a > span span {
    color: #f15e7a;
}

.renewal_popup > a > span.period {
    left: 262px;
    top: 217px;
    font-size: 23px;
    color: #fff;
    font-weight: 600;
    width: 50px;
    text-align: center;
}


.renewal_popup .button_box {
    height: 50px;
    display: flex;
    border-top: solid #ddd 1px;
    color: #797979;
    text-align: center;
    background: #fff;
}

.renewal_popup .button_box * {
    display: block;
    flex: 1 1;
    font-size: 16px;
    line-height: 50px;
    cursor: pointer;
}

.renewal_popup .button_box .close {
    background: #fff;
    color: #565659;
    font-weight: 500;
    border-left: solid #ddd 1px;
}

.float_banner {
    z-index: 99;
    width: 167px;
    background-color: #fff;
    border-radius: 10px;
    padding: 4px 4px 0;
    text-align: center;
    position: fixed;
    border: 1px solid #e4e4e4;
    /*transform: translateX(390%);*/
    left : 56.2%;
    top: 185px;
    margin-left: 655px;
}

@media (max-width: 1400px) {
    .float_banner {
        display: none;
    }
}

.float_banner .swiper-slide a {
    display: block;
}

.float_banner .swiper-slide a {
    width: 100%;
    height: auto;
}

.float_banner .button_box {
    height: 15px;
    margin: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.float_banner .button_box > * {
    position: relative;
    color: #9e9e9e;
    top: 0;
}

.float_banner .button_box .swiper-button-prev,
.float_banner .button_box .swiper-button-next {
    width: 7px;
    height: 7px;
    border-top: 2px solid #57575a;
    border-right: 2px solid #57575a;
    transform: rotate(225deg);
    background: none;
    margin: 0;
    z-index: 99;
}

.float_banner .button_box .swiper-button-next {
    transform: rotate(45deg);
}

.float_banner .button_box .swiper-pagination {
    width: 90px;
    display: flex;
    justify-content: center;
}

.float_banner .button_box span {
    font-size: 13px;
    font-weight: 600;
    color: #2b2c2d;
    letter-spacing: 1px;
    display: flex;
    font-family: 'Pretendard', sans-serif;
    min-width: 18px;
}

.float_banner .button_box span:last-child {
    color: #9e9e9e;
}

.float_banner .button_box span:last-child::before {
    content: '·';
    display: block;
    color: #9e9e9e;
    margin: 0 6px;
}

.epwc_wing_right {
    height: 100%;
    width: 180px;
    float: right;
    margin-right: 18px;
}

.epwc_wing_right div {
    float: right;
    display: inline-block;
    *display: inline;
    zoom: 1;
}

.epwc_wing_right .epw_wing_label {
    width: 100px;
    font-family: 'Noto Sans KR', sans-serif;
    font-size: 12px;
}

.epwc_wing_right .epw_wing_input {
    width: 30px;
}

.epwc_wing_right .epw_img {
    width: 32px;
    border-left: 1px solid #f1f1f1;
}

.epwc_wing_right label {
    float: right;
    margin: 7.5px 0;
    cursor: pointer;
}

.epwc_wing_right input {
    float: right;
    height: auto;
    margin: 7.5px;
    margin-left: 5px;
    margin-right: 12px;
    cursor: pointer;
    padding: 0;
}

.epwc_wing_right img {
    float: right;
    padding: 9.5px 11px;
    cursor: pointer;
}

.form-box.renewal {
    display: flex;
    position: relative;
    width: 878px;
}

.form-box.renewal > form {
    border-radius: 32px;
    border: 2px solid #2b2c2d;
    width: 878px;
    height: 64px;
    display: flex;
    box-sizing: border-box;
    padding: 0;
}

.form-box.renewal > form input {
    width: 100%;
    height: 60px;
    line-height: 60px;
    display: block;
    border: none;
    font-size: 16px;
    background: none;
    vertical-align: middle;
    letter-spacing: -.2px;
}

.form-box.renewal > form input::placeholder {
    font-family: 'Noto Sans KR', sans-serif;
    font-size: 16px;
    color: #9c9ea4 !important;
    letter-spacing: -.2px;
}

.form-box.renewal .search_new_category {
    flex: 0 0 170px;
    min-height: 64px;
    overflow: hidden;
    z-index: 9;
    position: relative;
}

.form-box.renewal .search_new_category.active {
    background: #fff;
    box-shadow: 0 5px 13px rgba(76, 76, 76, 13%);
    border-radius: 25px;
    border: 1px solid #2b2c2d;
    margin-left: -2px;
    margin-top: -2px;
    flex: 0 0 172px;
    height: 417px;
}

.form-box.renewal .search_new_category.active .search_new_category_button {
    padding-top: 2px;
    padding-left: 29px;
}

.form-box.renewal .search_new_category_button {
    display: flex;
    cursor: pointer;
    align-items: center;
    padding: 0 30px 0 28px;
    box-sizing: border-box;
    width: 170px;
    height: 61px;
    font-size: 16px;
    justify-content: space-between;
    background: none;
    line-height: 1;
    letter-spacing: 0;
    word-spacing: -1px;
    color: #2b2c2d;
    display: -webkit-flex; /* 구형 사파리 Flexbox */
    -webkit-align-items: center;
}

.form-box.renewal .search_new_category_button::after {
    display: block;
    content: '';
    width: 8px;
    height: 8px;
    border-bottom: 2px solid #000;
    border-right: 2px solid #000;
    transition: transform .2s;
    transform: rotate(45deg);
    margin-top: -5px;
}

.form-box.renewal .search_new_category.active .search_new_category_button::after {
    margin-top: 4px;
    transform: rotate(-135deg);
}

.form-box.renewal [for="search_new"] {
    width: 704px;
    text-align: left;
    padding: 0 10px 0 28px;
    height: 61px;
    display: flex;
}

.form-box.renewal [for="search_new"]::before {
    display: block;
    position: absolute;
    top: calc(50% - 7px);
    left: 0;
    content: '';
    background: #DDDDDD;
    width: 1px;
    height: 14px;
}

.form-box.renewal .search.active [for="search_new"] {
    padding-left: 27px;
}

.form-box.renewal .search.active [for="search_new"] > input {
    padding-top: 2px;
}

.form-box.renewal .search_new_category.active + [for="search_new"]::before {
    display: none;
}

.form-box.renewal .search_submit {
    font-size: 0;
    cursor: pointer;
    flex: 0 0 50px;
    height: 60px;
    background: url('/resource/images/main/renewal/2024/icon_search.png') no-repeat center;
}

.form-box.renewal .search.active .search_submit {
    background-position: 11px 18px;
}

.form-box.renewal .category_box {
    background: #fff;
    border-top: 1px solid #2B2C2D;
    padding: 18px 0;
    overflow: hidden;
    z-index: 9;
    display: none;
}

.form-box.renewal .search_new_category.active .category_box {
    display: block;
}

.form-box.renewal .category_box input {
    cursor: pointer;
    display: none;
}

.category_box li + li {
    border-top: 1px solid #DDDDDD;
    margin-top: 5px;
    padding-top: 5px;
}

.category_box label {
    font-size: 15px;
    font-weight: 400;
    font-family: "Noto Sans KR", sans-serif;
    color: #565659;
    width: 171px;
    height: 34px;
    padding: 0 20px;
    position: relative;
    display: flex;
    align-items: center;
    box-sizing: border-box;
    cursor: pointer;
    letter-spacing: -.25px;
    line-height: 1;
    word-spacing: 2px;
}

.category_box label:hover {
    background: #E6F0FE;
}

.category_box label::before {
    display: block;
    content: '';
    width: 18px;
    height: 18px;
    margin-right: 10px;
    background: #fff url('/resource/images/main/renewal/2024/checkbox_unchecked.png') 100% center / cover;
    border-radius: 3px;
}

.category_box input:checked + label::before {
    background-image: url('/resource/images/main/renewal/2024/checkbox.png');
}

.form-box.renewal .search_box {
    z-index: 99;
    position: relative;
    overflow: hidden;
    flex: 0 0 706px;
    min-height: 64px;
}

.form-box.renewal .active .search_box {
    height: 443px;
    box-shadow: 0 5px 13px rgba(76, 76, 76, 13%);
    border-radius: 25px;
    border: 1px solid #000;
    margin-right: -2px;
    margin-top: -2px;
    background: #fff;
}

.form-box.renewal .search_object {
    width: 710px;
    height: 380px;
    background: #fff;
    padding: 26px 28px;
    overflow: hidden;
    z-index: 9;
    align-items: flex-start;
    display: none;
}

.form-box.renewal .active .search_object {
    border-top: 1px solid #2B2C2D;
    display: flex;
}

.form-box.renewal .search_object .tab .buttons {
    display: flex;
    align-items: center;
}

.form-box.renewal .search_object .tab .buttons button,
.form-box.renewal .search_object .recommend .title {
    font-size: 16px;
    font-weight: 600;
    color: #9C9EA4;
    background: none;
}

#wrap .form-box.renewal .search_object .tab .buttons .division {
    background: #DDDDDD;
    width: 1px;
    height: 16px;
    margin: 0 10px;
}

.form-box.renewal .search_object .tab .buttons button.active,
.form-box.renewal .search_object .recommend .title {
    color: #000;
}

.form-box.renewal .tab {
    width: 257px;
    margin-right: 45px;
}

.form-box.renewal .tab_content {
    display: none;
    position: relative;
    width: 257px;
}

.form-box.renewal .tab_content.active {
    display: block;
}

.form-box.renewal .recently .words {
    overflow-x: hidden;
    overflow-y: auto;
    width: calc(100% + 10px);
    height: 260px;
    padding-right: 10px;
    margin-top: 12px;
}

.form-box.renewal .recently .words li {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 32px;
    line-height: 32px;
}

.form-box.renewal .recently .words::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 0 red;
    border-radius: 10px;
    background: #eee;
}

.form-box.renewal .recently .words::-webkit-scrollbar {
    width: 5px;
    background: #eee;
}

.form-box.renewal .recently .words::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 0 red;
    background: #878E94;
}

.form-box.renewal .recently .words li a {
    display: block;
    height: 100%;
    font-size: 14px;
    color: #565659;
    cursor: pointer;

    width: 235px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.form-box.renewal .recently .words li .searchKey:hover {
    text-decoration: underline;
}

.form-box.renewal .recently .words .deleteKeyword2 {
    position: relative;
    width: 30px;
    height: 30px;
}

.form-box.renewal .recently .words .deleteKeyword2::before,
.form-box.renewal .recently .words .deleteKeyword2::after {
    content: '';
    position: absolute;
    width: 15px;
    height: 1px;
    background-color: #A3A3A3;
    top: 50%;
    right: 0;
    transform-origin: center;
}

.form-box.renewal .recently .words .deleteKeyword2::before {
    transform: rotate(45deg);
}

.form-box.renewal .recently .words .deleteKeyword2::after {
    transform: rotate(-45deg);
}

.form-box.renewal .recently .words .deleteKeyword2:hover::after,
.form-box.renewal .recently .words .deleteKeyword2:hover::before {
    background-color: #101010;
}

.form-box.renewal .recently .empty,
.form-box.renewal .recently .un_auto_save {
    position: absolute;
    top: 62px;
    left: 62px;
    width: 140px;
    padding-top: 100px;
    background: #fff url('/resource/images/main/renewal/2024/off_auto_save.png') no-repeat top center;
    font-size: 14px;
    text-align: center;
    color: #9c9ea4;
}

.un_auto_save {
    z-index: 1;
}
.form-box.renewal .recently .auto_save,
.form-box.renewal .typo_autocomplete {
    display: block;
    background: none;
    position: absolute;
    bottom: -25px;
    right: 0;
    background: #fff;
    font-size: 13px;
    border-bottom: 1px solid #000;
    color: #000;
    line-height: 1;
    padding-top: 5px;
}

.form-box.renewal .recently .auto_save span,
.form-box.renewal .typo_autocomplete span {
    font-weight: 600;
    color: #6B7784;
    margin-left: 2px;
}

.form-box.renewal .recently .auto_save span.on,
.form-box.renewal .typo_autocomplete span.on {
    color: #678AF3;
}

.form-box.renewal .guide {
    margin-top: 15px;
}

.form-box.renewal .guide .search-operator {
    display: flex;
    align-items: center;
    background-color: #f5f7f9;
    padding: 10px 15px;
    border-radius: 15px;
    margin-bottom: 8px;
    width: 255px;
    height: 88px;
    box-sizing: border-box;
}

.form-box.renewal .guide .operator-icon {
    background-color: #fff;
    color: #5771e6;
    font-weight: bold;
    border-radius: 50%;
    margin-right: 18px;
    text-align: center;
    width: 66px;
    height: 66px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    font-size: 16px;
    font-family: 'Pretendard', sans-serif;
}

.form-box.renewal .guide .operator-icon span {
    font-size: 12px;
    color: #565659;
    margin-top: -4px;
    font-weight: 400;
    font-family: 'noto sans kr', sans-serif;
    text-shadow: 0px 0px 0px rgba(0, 0, 0, 0.5);
}

.form-box.renewal .guide .operator-icon b {
    font-weight: 600;
}

.form-box.renewal .guide .operator-details {
    flex-grow: 1;
    font-size: 14px;
    color: #565659;
}

.form-box.renewal .operator-details > span {
    text-shadow : 0px 0px 0px rgba(0, 0, 0, 0.5);
}

.form-box.renewal .guide .example {
    margin-top: 4px;
}

.form-box.renewal .guide .example .symbol {
    color: #fff;
    margin-right: 5px;
    width: 37px;
    height: 19px;
    font-size: 12px;
    line-height: 12px;
    text-align: center;
    background-color: #cccdd0;
    padding: 1px 9px;
    border-radius: 10px;
}

.form-box.renewal .guide .example .highlight {
    color: #3e71e4;
    padding-left: 2px;
    text-shadow: 0px 0px 0px rgba(62, 113, 228, 0.5)
}

.form-box.renewal .deleteWordAllNew {
    display: block;
    position: absolute;
    top: -32px;
    right: 0;
    font-size: 13px;
    letter-spacing: 0;
    color: #000;
}

.form-box.renewal .recommend .tag {
    width: 360px;
    display: flex;
    flex-wrap: wrap;
    margin: 12px 0 43px;
    height: 112px;
    overflow: hidden;
    display: -ms-flexbox; /* IE 10용 구형 Flexbox */
    display: flex;
    -ms-flex-wrap: wrap; /* IE 10용 flex-wrap */
}

.form-box.renewal .recommend .tag a {
    background-color: #f1f3f5;
    border: 1px solid #f1f3f5;
    border-radius: 20px;
    padding: 8px 16px;
    line-height: 1;
    font-size: 14px;
    color: #797979;
    cursor: pointer;
    display: block;
    margin: 0 8px 8px 0;
}

.form-box.renewal .recommend .tag a:hover {
    border: 1px solid #678af3;
    color: #678af3;
    background-color: #ffffff;
}

.form-box.renewal .recommend .banner {
    display: flex;
    width: 348px;
    height: 130px;
    border-radius: 10px;
    overflow: hidden;
}

.form-box.renewal .recommend .banner a {
    flex: 0 0 185px;
    display: block;
}

.form-box.renewal .recommend .banner a img {
    width: 100%;
    height: auto;
    display: block;
}

.form-box.renewal .recommend .banner .text {
    border: 1px solid #EBEBEB;
    border-left: 1px;
    border-radius: 0 10px 10px 0;
    padding: 20px;
    padding-right: 30px;
    position: relative;
    word-break: keep-all;
}

.form-box.renewal .recommend .banner .text .title {
    font-size: 15px;
    color: #4C4C4F;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: -.25px;
}

.form-box.renewal .recommend .banner .text .desc {
    color: #91939A;
    font-size: 13px;
    margin-top: 9px;
    font-weight: 400;
    letter-spacing: -.25px;
    line-height: 17px;
}

.form-box.renewal .recommend .banner .text .link {
    width: 26px;
    height: 26px;
    position: absolute;
    bottom: 12px;
    right: 14px;
    display: block;
    background: transparent url('/resource/images/main/renewal/2024/link.png') 100% center;
}

.typeahead-wrapper {
    position: absolute;
    z-index: 99;
    top: 89px;
    left: 0;
    display: none;
    background: #fff;
    width: 300px;
    height: 320px;
    padding-bottom: 10px;
}


.typeahead::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 0 transparent;
    border-radius: 10px;
    background: #eee;
}

.typeahead::-webkit-scrollbar {
    width: 7px;
    border-radius: 10px;
    background: #eee;
}

.typeahead::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 0 transparent;
    background: #6b7784;
}

.typeahead {
    overflow-x: hidden;
    overflow-y: auto;
    width: 285px;
    height: 100%;
}

.form-box.renewal .typo_autocomplete {
    bottom: 0;
    right: 15px;
    padding: 0;
}

.typeahead li {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 31px;
    line-height: 31px;
    font-size: 14px;
    color: #565659;
    padding-left: 30px;
}

.typeahead li.active, 
.typeahead li:hover {
    background: #E6F0FE;
}

.typeahead li span {
    color: #678AF3;
}

.floating_box {
    position: fixed;
    bottom: 60px;
    right: 5px;
    z-index: 9999;
}

.floating_box > * {
    display: block;
    width: 54px;
    height: 54px;
    background: transparent url('/resource/images/main/renewal/2024/chanel_event.png') 100% center / cover;
    cursor: pointer;
    border: 1px solid #fff;
    box-sizing: border-box;
    border-radius: 50%;
    box-shadow: 0px 5px 8px #4c4c4c50;
    margin-top: 5px;
}

.floating_box .event {
    position: relative;
}

.floating_box .event.active::before {
    display: none;
}

.floating_box .event::before {
    position: absolute;
    bottom: 56px;
    left: -4px;
    content: '';
    width: 61px;
    height: 37px;
    background: transparent url('/resource/images/main/renewal/2024/chanel_text.png') 100% center;
}

.floating_box .chanel {
    background-image: url('/resource/images/main/renewal/2024/chanel_chat.png');
}

.floating_box .up {
    box-shadow: none;
    border: none;
    background-image: url('/resource/images/main/renewal/2024/chanel_up.png');
}

.floating_wrap {
    position: fixed;
    top: 0;
    left: 0;
    display: none;
    width: 100%;
    height: 100%;
    background: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.5));
    z-index: 999;
}

.floating_wrap.active {
    display: block;
}

.floating_event {
    position: absolute;
    bottom: -200px;
    left: calc(50% - 310px);
    width: 620px;
    height: 200px;
    background: #48484c;
    padding: 25px;
    box-sizing: border-box;
    border-radius: 20px 20px 0 0;
    z-index: 999;
    transition: bottom .2s;
}

.floating_wrap.active .floating_event {
    bottom: 0;
}

.floating_event .title {
    font-size: 20px;
    font-weight: 500;
    color: #fff;
    display: flex;
    justify-content: space-between;
    height: 20px;
    line-height: 20px;
}

.floating_event .title p {
    font-size: 20px;
    font-weight: 500;
    color: #fff;
    font-family: 'Noto Sans KR', sans-serif;
}

.floating_event .event {
    display: flex;
    justify-content: space-between;
    margin-top: 15px;
}

.floating_event .event a {
    display: block;
    width: 176px;
    height: 115px;
    border-radius: 10px;
    overflow: hidden;
}

.floating_event .event a img {
    width: 100%;
    height: auto;
    display: block;
}

.floating_event .floating_close {
    position: relative;
    width: 24px;
    height: 24px;
    background-color: transparent;
    border: none;
    cursor: pointer;
    text-indent: -9999999px;
    margin: -2px 0 0 0;
}

.floating_event .floating_close::before,
.floating_event .floating_close::after {
    content: '';
    position: absolute;
    width: 2px;
    height: 100%;
    background-color: #FEFEFE;
    top: 0;
    left: 50%;
    transform-origin: center;
}

.floating_event .floating_close::before {
    transform: rotate(45deg);
}

.floating_event .floating_close::after {
    transform: rotate(-45deg);
}

.mem-box-renew {
    display: none;
    position: absolute;
    right: 0;
    width: 283px;
    border: 1px solid #6b7784;
    border-radius: 15px;
    background: #fff;
    overflow: hidden;
    transform: translateY(5px);
    letter-spacing: .5px;
}

.mem.active .mem-box-renew {
    display: block;
}

.mem-box-renew .inner {
    padding: 20px 20px 25px;
    display: flex;
    flex-direction: column;
}

.mem-box-renew .inner > * {
    margin-top: 20px;
}

.mem-box-renew .inner > *:first-child {
    margin-top: 0;
}

.mem-box-renew .expiration {
    display: flex;
    align-items: center;
    font-size: 15px;
    color: #565659;
    font-weight: 500;
    line-height: 1;
    letter-spacing: -.25px;
}

#wrap .mem-box-renew .expiration * {
    margin-left: 10px;
}

#wrap .mem-box-renew .expiration *:first-child {
    margin-left: 0;
}

.mem-box-renew .expiration i {
    width: 25px;
    height: 25px;
    background: url('/resource/images/main/renewal/2024/user_creator.png') no-repeat center;
    border-radius: 50%;
    margin-left: 2px;
}

.mem-box-renew .expiration.std i {
    background-image: url('/resource/images/main/renewal/2024/user_std.png');
}
.mem-box-renew .expiration.pre i {
    background-image: url('/resource/images/main/renewal/2024/user_pre.png');
}
.mem-box-renew .expiration.free i {
    background-image: url('/resource/images/main/renewal/2024/user_free.png');
}
.mem-box-renew .expiration.sig i {
    background-image: url('/resource/images/main/renewal/2024/user_sig.png');
}
.mem-box-renew .expiration.school i {
    background-image: url('/resource/images/main/renewal/2024/user_school.png');
}
.mem-box-renew .expiration.fonco i {
    background-image: url('/resource/images/main/renewal/2024/user_fonco.png');
}

#wrap .mem-box-renew .expiration span:first-of-type {
    letter-spacing: -0.25px;
    font-weight: 500;
    font-size: 15px;
}

#wrap .mem-box-renew .expiration .division {
    margin: 0 0 0 10px;
}

#wrap .mem-box-renew .expiration span.date {
    color: #2B2C2D;
    position: relative;
    font-family: 'Pretendard', sans-serif, '맑은 고딕';
    font-size: 19px;
    font-weight: 700;
    letter-spacing: -.25px;
}

.mem-box-renew .expiration .date::before {
    position: absolute;
    right: -5px;
    bottom: 0;
    width: calc(100% + 10px);
    height: 10px;
    content: "";
    z-index: -1;
    background: #fff588;
    font-family: predandard, sans-serif;
    font-size: 19px;
    font-weight: 600;
    letter-spacing: 0;
}

.mem-box-renew .expiration.free .date::before {
    display: none;
}

#wrap #memMore + .mem-box-renew .btn-action {
    width: 241px;
    height: 41px;
    line-height: 41px;
    border-radius: 10px;
    background: #678AF3;
    color: #fff;
    font-size: 15px;
    letter-spacing: 0;
    text-align: center;
}

#wrap #memMore + .mem-box-renew .contract-info {
    flex-direction: column;
    font-size: 14px;
    color: #565659;
    font-weight: 400;
    height: auto;
    line-height: 1;
}

#wrap #memMore + .mem-box-renew .contract-info li {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    margin: 5px 0 0;
}

#wrap #memMore + .mem-box-renew .contract-info li:first-child {
    margin-top: 0;
}

.mem-box-renew .contract-info span {
    display: block;
}

.mem-box-renew .contract-info .title {
    background: #eee;
    height: 27px;
    line-height: 27px;
    text-align: center;
    margin-right: 8px;
    width: 94px;
    border-radius: 13px;
}

.mem-box-renew .contract-info span {
    display: block;
}

.mem-box-renew .remaining-content .title {
    font-size: 14px;
    color: #2d2d2d;
    font-family: 'Pretendard', sans-serif;
    font-weight: 600;
    margin-bottom: 15px;
    letter-spacing: -.5px;
    line-height: 1;
}

#wrap #memMore + .mem-box-renew .remaining-content ul {
    flex-direction: column;
    font-size: 14px;
    color: #626265;
    font-weight: 400;
    border-radius: 5px;
    overflow: hidden;
    width: 100%;
    min-width: 241px;
    height: auto;
}

#wrap #memMore + .mem-box-renew .remaining-content li {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    margin: 2px 0 0;
    background: #F1F3F5;
    height: 45px;
    padding: 0 25px;
}

#wrap #memMore + .mem-box-renew .remaining-content li:first-child {
    margin-top: 0;
}

.mem-box-renew .remaining-content li span {
    display: flex;
    align-items: center;
    color: #565659;
    letter-spacing: -.25px;
}

.mem-box-renew .remaining-content li span b {
    color: #000;
    margin-right: 3px;
    letter-spacing: -.25px;
    font-weight: 600;
    padding-bottom: 1px;
}

.mem-box-renew .remaining-content li i {
    display: block;
    width: 26px;
    height: 17px;
    background: url('/resource/images/main/renewal/2024/icon_music.png') no-repeat left center;
}

.mem-box-renew .remaining-content li i.image {
    height: 16px;
    background-image: url('/resource/images/main/renewal/2024/icon_image.png');
}

.mem-box-renew .remaining-content li i.vidio {
    height: 16px;
    background-image: url('/resource/images/main/renewal/2024/icon_vidio.png');
}

.mem-box-renew .remaining-content .notice {
    font-size: 11px;
    color: #7d7d80;
    margin-top: 10px;
    letter-spacing: -.5px;
    line-height: 1;
    text-shadow: 0px 0px 0px rgba(0, 0, 0, 0.5);
}

#wrap #memMore + .mem-box-renew .sig + .remaining-content li {
    justify-content: flex-start;
}

#wrap #memMore + .mem-box-renew .sig + .remaining-content span:first-child {
    flex: 0 0 125px;
}

.renew_soyoo * {
    font-family: 'Noto Sans KR', sans-serif, 'Noto Sans';
    font-weight: 400;
    font-style: normal;
}

.renew_soyoo a,
.renew_soyoo button,
.renew_soyoo label {
    cursor: pointer;
}

.main-license-new .lcs-top > ul > li:nth-child(2) { margin-right: 3px; }
.main-license-new .lcs-top > ul > li{ margin-right: 3px; }

.renew_mini_popup {
    width: 552px;
    height: 221px;
    border: 1px solid #2B2C2D;
    border-radius: 10px;
    position: absolute;
    left: 270px;
    z-index: 98;
    box-sizing: border-box;
    padding: 0 0 25px;
    background: #F8F8F8;
    font-family: 'Noto Sans KR', sans-serif, 'Noto Sans';
    font-weight: 400;
    font-style: normal;
}

.renew_mini_popup .header {
    border-radius: 9px 9px 0 0;

    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;

    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;

    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;

    height: 50px;
    line-height:50px;
    letter-spacing:-0.5px;
    padding: 0 20px;

    background: #2B2C2D;
    box-sizing: border-box;
}

.renew_mini_popup .header h3 {
    color: white;
    font-size: 16px;
    font-weight: 500;
    padding: 0;
    width: 100%;
}

.renew_mini_popup .header span {
    font-weight: 500;
    color: #90B2FF;
    font-size: 16px;
}

.renew_mini_popup .header span#alertLayerPopup_body {
    color: #fff;
}

.renew_mini_popup .renew_mini_popup_close {
    position: relative;
    width: 17px;
    height: 17px;
    background-color: transparent;
    border: none;
    cursor: pointer;
    text-indent: -9999999px;
}

.renew_mini_popup .renew_mini_popup_close::before,
.renew_mini_popup .renew_mini_popup_close::after {
    content: '';
    position: absolute;
    width: 2px;
    height: 100%;
    background-color: #FEFEFE;
    top: 0;
    left: 50%;
    transform-origin: center;
}

.renew_mini_popup .renew_mini_popup_close::before {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.renew_mini_popup .renew_mini_popup_close::after {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.renew_mini_popup .middle {
    padding: 20px;
    width: 100%;
    background: transparent;
    height: 100%;
    color : #5d666f;
    box-sizing: border-box;
}

.renew_mini_popup .middle .guid {
    color: #5d666f;
    font-size: 13px;
    line-height: 13px;
    margin: 0 0 20px;
    letter-spacing: -.25px;
}

.renew_mini_popup .middle .boxForm {
    width: 100%;
    height: 43px;
    display: flex;
    align-items: center;
    margin-top: 7px;
}

.renew_mini_popup .middle .boxForm .selectric-wrapper {
    height: 100%;
    line-height: 1;
    width: 158px;
    margin-right: 0;
    float: none;
}

.renew_mini_popup .middle .boxForm input[type=text],
.renew_mini_popup .boxForm input,
.renew_mini_popup .selectric {
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 5px;
    color: #535557;
    display: block;
    height: 43px;
    line-height: 43px;
    font-size: 13px;
    box-sizing: border-box;
    letter-spacing: -.25px;
    float: none;
    width: auto;
    padding: 0 15px;
}

.renew_mini_popup .selectric {
    padding: 0;
}

.renew_mini_popup .selectric .label {
    margin: 0 15px;
    letter-spacing: -.25px;
    font-size: 13px;
}

.renew_mini_popup .boxForm input {
    padding: 0 15px;
}

.renew_mini_popup .boxForm a,
.renew_mini_popup .boxForm input.button {
    width: 77px;
    height: 43px;
    line-height: 40px;
    background: #678AF3;
    color: #fff;
    border-radius: 5px;
    display: block;
    margin-left: 5px;
    font-size: 14px;
    text-align: center;
}

.renew_mini_popup .header span.alertLayerPopup_body {
    color: #fff;
}

.renew_mini_popup .selectric .button {
    background-position-y: center;
    margin-right: 15px;
}

.renew_mini_popup .subject {
    width: 90px;
    color: #000;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: -.5px
}

.alertLayerPopup_Content.renew_mini_popup {
    transform: translate(0, 0);
    height: auto;
    z-index: 999;
    width: 330px;
    padding-bottom: 32px;
}

.alertLayerPopup_Content.renew_mini_popup .middle .boxForm {
    margin: 0;
    height: auto;
}

.alertLayerPopup_Content.renew_mini_popup .middle {
    padding: 30px 0 20px;
}

.alertLayerPopup_Content.renew_mini_popup .middle .boxForm .title {
    font-weight: 500;
    letter-spacing: -.4px;
    font-size: 16px;
    line-height: 22px;
    width: 100%;
}

.alertLayerPopup_Content.renew_mini_popup .boxForm {
    padding: 0 20px;

    display: -webkit-box;
    display: -webkit-flex;
    display: flex;

    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;

    box-sizing: border-box;
}

.alertLayerPopup_Content.renew_mini_popup .boxForm a {
    margin-left: 0;
    width: 140px;
    height: 40px;
    line-height: 40px;
}

.alertLayerPopup_Content.renew_mini_popup .boxForm a:last-child {
    margin-left: 5px;
    background: #6D7587;
}

.header-wrap .flex-box.logo_box,
.header-wrap .flex-box.user_status {
    flex: 1 1;
}

#wrap header .header-wrap .container > .flex-box.user_status ul {
    min-width: 360px;
    margin-left: auto;
}

#wrap header .header-wrap .container > .flex-box.user_status ul.short {
    min-width: 320px;
    width: 320px;
}

@media (min-width: 1536px) {
    .header-wrap .flex-box.logo_box {
        max-width: 284px;
    }

    .header-wrap .flex-box.user_status {
        max-width: 374px;
    }
}

@media (max-width: 1400px) {
    .header-wrap .flex-box.logo_box,
    .header-wrap .flex-box.user_status {
        max-width: none;
        flex-basis: 0;
        flex-grow: 1;
    }
}

.renew_mini_popup.lightbox.fixed {
    transform: translateY(-102px);
}

.renew_mini_popup.lightbox.non-fixed {
    transform: translateY(-202px);
}

.renew_mini_popup.singlecutDown.fixed {
    transform: translateY(-100px);
}

.renew_mini_popup.singlecutDown.non-fixed {
    transform: translateY(-200px);
}

.categoryContents.font .renew_mini_popup.lightbox.fixed {
    transform: translateY(-92px);
}
.categoryContents.font .renew_mini_popup.lightbox.non-fixed {
    transform: translateY(-192px);
}

.soundContent ~ .renew_mini_popup.lightbox.fixed {
    transform: translateY(-235px);
}

.soundContent ~ .renew_mini_popup.lightbox.non-fixed {
    transform: translateY(-335px);
}

.soundContent ~ .renew_mini_popup.lightbox.player-fixed {
    position: fixed;
    top: auto !important;
    bottom: 90px;
    transform: translate(60px, 0);
}

.corres_popup.renew_mini_popup {
    z-index: 999 !important;
    position: fixed;
    transform: translate(0, 0);
    padding: 0;
    height: auto;
    left: 50%;
    word-spacing: -1px;
}

.corres_popup.renew_mini_popup > .imageBg {
    background-color: #678af3;
    height: 100px;
}

.corres_popup.renew_mini_popup > .imageBg .Bg {
    right: 38px;
}

.corres_popup.renew_mini_popup .header {
    height: 50px;
}

.corres_popup.renew_mini_popup .middle {
    padding: 24px 30px 20px;
    font-size: 13px;
    line-height: 22px;
    font-weight: 400;
    width: auto;
    letter-spacing: -.2px;
    word-spacing: -1.5px;
}

.corres_popup.renew_mini_popup .imageBg strong {
    font-weight: 600;
    font-size: 19px;
    letter-spacing: -.5px;
}
.corres_popup.renew_mini_popup .imageBg strong i {
    font-weight: 300;
    font-size: 18px;
}

.corres_popup.renew_mini_popup .middle strong {
    font-weight: 600;
    color: #000;
}

.corres_popup.renew_mini_popup .boxForm {
    display: flex;
    padding: 0 65px 30px;
}

.corres_popup.renew_mini_popup .boxForm a {
    width: 100%;
    margin-left: 0;
}

.corres_popup.renew_mini_popup .boxForm a:last-child {
    margin-left: 5px;
    background: #6D7587;
}

.renew_mini_popup.adult_popup {
    position: fixed;
    transform: translate(0, 0);
    height: auto;
    left: 50%;
    z-index: 999 !important;
    background: linear-gradient(to bottom, #2B2C2D 0px, #2B2C2D 49px, #fff 50px, #fff 100%);
    width: 405px;
}

.renew_mini_popup.adult_popup .imageBg {
    font-size: 14px;
    font-weight: 400;
    text-align: left;
    line-height: 23px;

    display: -webkit-box;
    display: -webkit-flex;
    display: flex;

    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;

    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
}

.renew_mini_popup.adult_popup .imageBg .Bg {
    width: 91px;
    height: 91px;
    background-position: -338px -139px;
    padding-right: 15px;
}

.renew_mini_popup.adult_popup .middle {
    padding: 30px 0 20px 0;
}

.renew_mini_popup.adult_popup .middle .text {
    font-size: 14px;
    line-height: 22px;
    letter-spacing: -.2px;
    word-spacing: -1.5px;
    margin-left: 5px;
    font-weight: 400;
}

.renew_mini_popup.adult_popup .middle .text b {
    font-weight: 600;
    color: #000;
}

.renew_mini_popup.adult_popup .boxForm {
    padding: 0 0 13px;

    display: -webkit-box;
    display: -webkit-flex;
    display: flex;

    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;

    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
}

.renew_mini_popup.adult_popup .boxForm a {
    width: 155px;
    margin-left: 0;
}

.renew_mini_popup.adult_popup .boxForm a:last-child {
    margin-left: 5px;
    background: #6D7587;
}

.errorReport.renew_mini_popup {
    height: auto;
    z-index: 999;
    font-family: 'Noto Sans KR', sans-serif, 'Noto Sans';
    font-weight: 400;
    font-style: normal;
    top: auto;
    left: auto;
    right: -8px;
    bottom: -42px;
    background: #f8f8f8;
}

.errorReport.renew_mini_popup .header {
    height: 51px;
    margin: 0;
    padding: 0 20px;
}

.errorReport.renew_mini_popup .header h3 {
    font-size: 16px;
    font-weight: 500;
    padding: 0;
}

.errorReport.renew_mini_popup .header span {
    font-weight: 500;
    color: #90B2FF;
    font-size: 16px;
}

.errorReport.renew_mini_popup .middle {
    padding: 25px 20px 10px;
    background: transparent;
}

.errorReport.renew_mini_popup .middle .guid {
    margin: 0;
    padding-top: 0;
}

.errorReport.renew_mini_popup .middle table th span {
    padding: 0 20px 0 0;
    color: #000;
    font-weight: 600;
}

.errorReport.renew_mini_popup .middle table td + th {
    margin-left: 10px;
}

.errorReport.renew_mini_popup .middle table textarea {
    width: 462px;
}

.errorReport.renew_mini_popup .middle .boxForm {
    margin: 0;
}

.errorReport.renew_mini_popup .middle .boxForm .title {
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
}

.errorReport.renew_mini_popup .boxForm {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;

    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;

    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
}

.errorReport.renew_mini_popup .boxForm a {
    width: 110px;
    margin-left: 0;
    height: 40px;
    line-height: 40px;
}

.errorReport.renew_mini_popup .boxForm a:last-child {
    margin-left: 5px;
    background: #6D7587;
}

.renew_mini_popup_parent {
    position: fixed;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(0, 0, 0, .5);
}

.renew_mini_popup_parent .renew_mini_popup {
    position: initial;
    margin: 0;
    left: 0;
    top: 0;
    transform: translate(0, 0);
}

.singlecutDown.renew_mini_popup .middle .boxForm {
    margin-top: 13px;
}

.singlecutDown.renew_mini_popup .middle .boxForm a {
    height: 40px;
}

.modal {
    font-size: 15px;
    font-weight: 600;
    padding: 25px 30px;
}

.channel-io-floating-button {
    display: none !important;
}

.ch-desk-messenger {
    bottom: 50px !important;
    right: 70px !important;
}

.category_link:hover .favorite-button {
    display: block !important;
}

.selectric-items .selectric-scroll::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 0 transparent;
    border-radius: 10px;
    background: #eee;
}

.selectric-items .selectric-scroll::-webkit-scrollbar {
    width: 7px;
    border-radius: 10px;
    background: #eee;
}

.selectric-items .selectric-scroll::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 0 transparent;
    background: #6b7784;
}

/* similar upload */
.form-box.renewal .similar_toggle {
    font-size: 0;
    cursor: pointer;
    flex: 0 0 50px;
    height: 60px;
    background: url('/resource/images/main/renewal/2024/icon_similar.png') no-repeat center / 26px;
}

.form-box.renewal .search.active .similar_toggle {
    background-position: 11px 19.5px;
}

/*
.form-box.renewal .upload_object {
    width: 686px;
    height: 360px;
    background: #fff;
    padding: 26px 28px;
    overflow: hidden;
    z-index: 9;
    position: absolute;
    top: 71px;
    left: 10px;
    display: none;
}
*/
.form-box.renewal .upload_object {
		width: 686px;
		height: 360px;
		background: #fff;
		padding: 26px 28px;
		overflow: hidden;
		z-index: 9;
		position: absolute;
		top: 71px;
		left: 9px;
		display: none;
}

.form-box.renewal .similar_active .upload_object {
    display: flex;
}

/*
.upload_object {
    position: relative;
    width: 100%;
    height: 650px;
    background: #fff;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    gap: 15px;
    align-items: center;
    justify-content: center;
}
*/

.upload_object {
		position: relative;
		width: 100%;
		height: 400px;
		background: #f0f0f0;
		border-radius: 15px;
		display: flex;
		flex-direction: column;
		/*gap: 15px;*/
		align-items: center;
		justify-content: flex-start;
		padding-top: 0 !important;
}


.text-smooth {
		-webkit-font-smoothing: antialiased;
		text-rendering: optimizeLegibility;
}
.upload_bg_box {
		background-color: #f5f5f5;
		border: 1px solid #f5f5f5;
		border-radius: 15px !important;
		width: 645px;
		text-align: center;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		padding-bottom: 38px !important;
		transform: none !important;
		filter: none !important;
		opacity: 1 !important;
		backface-visibility: hidden;
		will-change: auto;
}
.upload_inner_box {
		position: relative;
		display: block;
		padding-top: 0;
		margin-top: 0;
}

.image-upload-title {
		font-size: 16px;
		font-weight: bold;
		color: #000;
		text-align: left;
		line-height:18px;
		margin-bottom:18px;
		padding-top:19px;
}
.upload_body_text {
		font-size: 17px;
		color:#000;
		line-height: 18px;
		font-weight:500;
		letter-spacing:0px;
		margin-bottom:15px;
}
.upload_body_text .highlight {
		color: #4B75F3;
		font-weight: 500;
		font-size: 17px;
		line-height: 18px;
		letter-spacing:0px;
		margin-bottom:15px;
}

/*
.upload_object i.filebox {
    display: block;
    width: 82px;
    height: 61px;
    background: url('/resource/images/aitools/sub/icon_filebox.png') 100% center;
}

.upload_object p {
    font-size: 24px;
    color: #323232;
    margin: -4px 0;
}
*/

.upload_object i.filebox {
		display: block;
		width: 58px;
		height: 57px;
		/* background: url('/resource/images/new_main/icon_upload_img.png') 100% center;*/
		margin: 44px auto 18px auto; /* 위 20px, 아래 0, 가운데 정렬까지 함께 처리 */
}

/*
.upload_object label {
    font-size: 18px;
    width: 358px;
    height: 52px;
    color: #fff;
    background: #688BF3;
    display: flex;
    gap: 10px;
    align-items: center;
    justify-content: center;
    text-indent: 0;
    border-radius: 10px;
    cursor: pointer;
    margin-bottom: 3px;
}

.upload_object label i {
    display: block;
    width: 13px;
    height: 15px;
    background: url('/resource/images/aitools/sub/icon_upload_white.png') 100% center;
}

.upload_object sub {
    display: flex;
    gap: 10px
}
*/

.upload_object label {
		font-size: 15px;
		width: 184px;
		height: 44px;
		color: #fff;
		background: #688BF3;
		letter-spacing:-0.5px;
		font-weight:500;
		display: flex;
		align-items: center;
		justify-content: center;
		text-indent: 0;
		border-radius: 30px;
		cursor: pointer;
		margin-bottom: 31px;
		text-rendering: optimizeLegibility;
		-webkit-font-smoothing: antialiased;
}
.upload_object label i {
		display: block;
		width: 13px;
		height: 15px;
		background: url('/resource/images/aitools/sub/icon_upload_white.png') 100% center;
}
.upload_object sub {
		display: flex;
		gap: 10px;
		backface-visibility: hidden;
		transform: translateZ(0);
		will-change: transform;
}

/*
.upload_object sub span {
    font-size: 13px;
    color: #323232;
}

.upload_object .loading_indicator {
    margin-top: 20px;
    font-size: 16px;
    color: #007bff;
}

.upload_object .upload_results {
    margin-top: 20px;
}
*/

.upload_object .loading_indicator {
		margin-top: 20px;
		font-size: 16px;
		color: #007bff;
}

.upload_notice_text {
		font-size: 13px !important;
		font-weight: 400 !important;
		color: #9c9ea4!important;
		letter-spacing:-0.5px;
}
.upload_object .upload_results {
		margin-top: 20px;
}

/*
.upload_object .loading_wrap {
    display: none;
    position: absolute;
    align-items: center;
    justify-content: center;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /*background: no-repeat rgba(0, 0, 0, .2) url(/resource/images/aitools/sub/loading.gif) center center;*/
  /*  background: #fff;
    font-size: 18px;
}
*/

.upload_object .popup_wrap {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.2);
    z-index: 999;
    display: none;
}

.upload_object .popup_wrap .popup_inner {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.upload_object .popup_wrap .popup_inner > div {
    width: 432px;
    height: 242px;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: space-between;
    border: 1px solid #9B9B9B;
    border-radius: 10px;
    text-align: center;
    background: #fff;
    overflow: hidden;
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.2);
}

.upload_object .popup_wrap .popup_inner > div i {
    width: 56px;
    height: 50px;
    background: url('/resource/images/aitools/sub/icon_warning.png') center;
    margin: 40px 0 10px;
    flex: 0 0 50px
}

.upload_object .popup_wrap .popup_inner > div .title {
    font-size: 20px;
}

.upload_object .popup_wrap .popup_inner > div .description {
    font-size: 14px;
    color: #9e9e9e;
    margin: 0 0 24px;
}

.upload_object .popup_wrap .popup_inner .button_wrap {
    display: flex;
    width: 100%;
}

.upload_object .popup_wrap .popup_inner .button_wrap button {
    width: 100%;
    height: 60px;
    background: #688BF3;
    color: #fff;
    font-size: 18px;
    line-height: 60px;
}

.upload_object .popup_wrap .popup_inner .button_wrap button:nth-child(2) {
    background: #e2e6f3;
    color: #474747;
}

.grid-item .info .block2 {
    width: 96px;
}

.grid-item .info .block2 .similarSearch {
    float: left;
    width: 15px;
    height: 18px;
    background: red;
    display: block;
    position: relative;
    padding: 9px 4px;
    background: url('/resource/images/main/renewal/2024/icon_info_similar.png') no-repeat center;
}

.grid-item .info .block2 .similarSearch:hover {
    background-image: url('/resource/images/main/renewal/2024/icon_info_similar_active.png');
}

/*
.grid-item .info .block2 .similarSearch .message {
    display: block;
    background: #fff;
    border: 1px solid #ddd;
    position: absolute;
    width: max-content;
    box-sizing: border-box;
    top: 31px;
    left: 0;
    line-height: 1;
    padding: 7px;
    font-size: 12px;
    text-align: left;
    z-index: 1;
}
*/

.grid-item .info .block2 .similarSearch .message {
		display: inline-block;
		background-color: #5b5b5b; /* 회색 배경 */
		color: white;
		width:95px;
		font-size: 11px;
		padding: 2px 2px;
		border-radius: 4px;
		position: relative;
		box-sizing: border-box;
		top: -32px;
		left: -40px;
		line-height: 1;
		padding: 7px;
		font-size: 12px;
		text-align: left;
		z-index: 1;
		letter-spacing:-0.5px;
}

.grid-item .info .block2 .similarSearch .message::after {
		content: "";
		position: absolute;
		bottom: -6px;
		left: 50%;
		transform: translateX(-50%);
		border-width: 6px 5px 0 5px;
		border-style: solid;
		border-color: #5b5b5b transparent transparent transparent;
}

/*
.sideMenu.similar .mainList > ul {
    border-bottom: 0;
}
.sideMenu .mainList .similar_item {
    display: flex;
    justify-content: space-between;
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative;
    background: transparent;
}

.sideMenu .mainList .similar_list li + li {
    margin-top: 20px;
}

.sideMenu .mainList .similar_item .icon {
    border: 1px solid #444546;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    box-sizing: border-box;
    display: block;
    background: url('/resource/images/main/renewal/2024/icon_similar_list_new.png') no-repeat center;
}

.sideMenu .mainList .similar_item::after {
    content: '';
    display: block;
    width: 2px;
    height: 100%;
    background-image: repeating-linear-gradient(
            to bottom, #ddd 0, #ddd 5px,
            transparent 5px,
            transparent 10px
    );
    position: absolute;
    top: 50px;
    left: 14px;
}

.sideMenu .mainList .similar_item .figure_wrap {
    margin: 0 auto;
}

.sideMenu .mainList .similar_item figure {
    width: 100px;
    min-height: 66px;
    overflow: hidden;
    display: flex;
    align-items: center;
    border: 1px solid #678AF3;
    box-sizing: border-box;
}

.sideMenu .mainList .similar_list li:first-child figure {
    width: 150px;
    min-height: 100px;
}

*/

.sideMenu.similar .mainList > ul {
		border-bottom: 0px;
		display: flex;
		justify-content: center;
		list-style: none;
		padding: 0;
		margin: 0;
		flex-direction: column;
		flex-wrap: nowrap;
		align-items: center;
		align-content: center;
}
.sideMenu .mainList .similar_item {
		display: flex;
		justify-content: space-between;
		width: 185px;
		height: 100%;
		overflow: hidden;
		position: relative;
		background: transparent;
		align-content: center;
		flex-direction: row;
		flex-wrap: nowrap;
		padding-bottom: 3px;
}
.sideMenu .mainList .similar_list li + li {
		margin-top: 30px;
}
.sideMenu .mainList .similar_item .icon {
		border: 1px solid #808080;
		border-radius: 50%;
		width: 35px;
		height: 35px;
		box-sizing: border-box;
		display: block;
		background: url('/resource/images/main/renewal/2024/icon_similar_list_new.png') no-repeat center;
		background-color: #8c8c8c;
		margin-right:20px;
}
.sideMenu .mainList .similar_item::after {
		content: '';
		display: block;
		width: 2px;
		height: 100%;
		background-image: repeating-linear-gradient(
		to bottom, #b5b5b5 1px, #9d9d9d 2px,
		transparent 4px,
		transparent 6px
		);
		position: absolute;
		top: 40px;
		left: 16px;
}

.sideMenu .mainList .similar_item .figure_wrap {
		margin: 0 auto;
}
.sideMenu .mainList .similar_item figure {
		width: 117px;
		min-height: 66px;
		overflow: hidden;
		display: flex;
		border: 1px solid #e6e6e6;
		box-sizing: border-box;
		border-radius: 12px;
		flex-direction: row;
}
.sideMenu .mainList .similar_list li:first-child figure {
/* width: 150px; */
/* min-height: 100px; */
}


.categoryContents.fixed.similar .categoryHeader {
    padding-bottom: 0;
}

.sideMenu .mainList .similar_item figure img {
    width: 100%;
    height: auto;
}

.sideMenu.similar .smLeft {
    width: 223px;
    padding-top: 40px;
}

.sideMenu.similar .smLeft.fixed {
    position: fixed;
    top: 115px;
    left: 30px;
    padding-top: 20px;
    height: calc(100vh - 115px);
    background: #fff;
}

.sideMenu.similar .smLeft.fixed.fixed_bottom {
    position: absolute;
    top: auto;
    bottom: 0;
}
 
.form-box.renewal::after {
    content: '';
    width: 37px;
    height: 27px;
    background: url('/resource/images/common/icon_new.png') no-repeat center / 26px;
    position: absolute;
    right: 68px;
    top: -10px;
    z-index: 99;
}
  
.sideMenu.similar .smLeft.fixed {
    overflow-y: scroll;
    margin: 20px 0;
    height: calc(100vh - 155px);
    padding: 0;
}

.sideMenu.similar .smLeft.fixed::-webkit-scrollbar {
    width: 10px;
}

.sideMenu.similar .smLeft.fixed::-webkit-scrollbar-track {
    background: #eee;
    border-radius: 10px;
}

.sideMenu.similar .smLeft.fixed::-webkit-scrollbar-thumb {
    background: #878E94;
    border-radius: 10px;
}