File name
Commit message
Commit date
File name
Commit message
Commit date
File name
Commit message
Commit date
File name
Commit message
Commit date
File name
Commit message
Commit date
body{position:relative;width:100%;font-family:'Pretendard';font-weight:400;overflow-x:hidden !important;font-synthesis: none;}
.skip_menu a {position: absolute;background: rgba(255,255,255,0.95);width: 100%;height: 40px;text-align: center;color: #000;z-index: 100;line-height: 40px; top: -40px;font-weight: 600;opacity: 0;}
/* 공통요소 */
caption, .label{position:absolute;width:1px;height:1px;margin:-1px;border:none;clip:rect(0,0,0,0);overflow:hidden;}
.clearfix::after{display:block;content:"";clear:both;}
/* 관리자 화면에서 사용자 코드 사용하기 */
.admCont {padding-top: 30px;}
.admCont.sub .inner {padding: 20px 0 70px 0;min-width: 1240px;}
/* =============================================
layout
============================================= */
.inner {width:100%;max-width:1300px;height: 100%; margin: 0 auto;position: relative;}
.main .inner {max-width: 1400px;}
.cont {padding-top: 177px;min-width:1280px;}
.cont.sub .inner {padding: 20px 0 70px 0;min-width: 1240px;}
/* header */
.header{position:fixed;width:100%;min-width:1280px;top:0;left:0;z-index:10;box-shadow:0px 0px 10px 4px rgba(0,0,0,0.1);}
.header .header_top{height:40px;font-size:14px;font-weight:300;color:#555;background:#f2f2f2;transition:all 0.2s ease-in-out;}
.header .header_top .inner{display:flex;justify-content:space-between;align-items:center;}
.header .header_top .menu_left{display:flex;height:100%;align-items:center;gap:20px;}
.header .header_top .menu_left a{display:flex;font-size:14px;font-weight:400;color:#555;align-items:center;gap:8px;}
.header .header_top .menu_left .hdTop_fav {background-image: url(/publish/images/hdTop_FavStar.png);width: 15px;height: 15px;}
.header .header_top .menu_left .hdTop_mypage {background-image: url(/publish/images/hdTop_center.png);width: 15px;height: 15px;}
.header .header_top .menu_left .hdTop_center {background-image: url(/publish/images/hdTop_mypage.png);width: 15px;height: 15px;}
.header .header_top .menu_right {display:flex;height:100%;}
.header .header_top .menu_right li {display:flex;font-size:14px;font-weight:400;color:#555;padding:0 20px;align-items:center;}
.header .header_top li:hover{font-weight:500;text-decoration:underline;}
.header .header_body{height:75px;background:#fff;border-bottom:1px solid #e7e7e7;}
.header .header_body .inner{display:flex;align-items:center;}
.header .header_body .gnb_right{display:flex;width:calc(100% - 130px);align-items:center;justify-content:flex-end;gap:48px;}
.header .header_body .gnbWrap {display:flex;align-items:center;gap:35px;}
.header .header_body .gnbWrap li a {position:relative;display:inline-block;font-size:18px;font-weight:500;color:#222;}
.header .header_body .gnbWrap li a::before {left: 50%}
.header .header_body .gnbWrap li a::after {right: 50%}
.header .header_body .gnbWrap li a::before, .header .header_body .gnbWrap li a::after {content: '';position: absolute;bottom: -10px;width:0;height: 2px;background-color: var(--primary-color);transition: all 0.2s ease-in-out;}
.header .header_body .gnbWrap li.over a{color: var(--primary-color);}
.header .header_body .gnbWrap li.over a::before {left: 0;}
.header .header_body .gnbWrap li.over a::after {right: 0;}
.header .header_body .gnbWrap li.over a::before, .header .header_body .gnbWrap li.over a::after{width: 51%;transition: all 0.2s ease-in-out;}
.header .header_body .gnbWrap li.new{position: relative;}
.header .header_body .gnbWrap li.new::after{position: absolute; content: " "; width:100%; height: 47px; background: no-repeat url(/publish/images/content/new.gif); left: 67%; top: -39px; transform: translateX(-50%);}
.header .header_body .s_menu{display:flex;gap:12px;}
.header .header_body .s_menu .allSitemap {width:29px;height:24px;background:url(/publish/images/all_menu.png) no-repeat center center;}
.header .header_body .s_menu .allSitemap.active {background-image:url(/publish/images/btn_searchclose.png);background-size:auto auto;}
.header .header_body .s_menu .allSearch_info{display:none;}
/* IE미지원 탑배너 */
.header .topbanner {display:none;height:45px;background:url(/publish/images/main/banner_ie_top01.jpg) no-repeat center top;}
.header .topbanner .inner:after {content:'';display:block;clear:both;}
.header .topbanner .inner .today_close {position:relative;float:right;display:flex;height:45px;align-items:center;}
.header .topbanner .inner .today_close input[type=checkbox] {vertical-align:top;}
.header .topbanner .inner .today_close input[type=checkbox] + label {padding:0 0 0 8px;font-size:15px;line-height:16px;vertical-align:top;color:#000;opacity:0.8;filter:opacity(80);}
.header .topbanner .inner .today_close button {display:inline-block;width:16px;height:40px;margin:0 0 0 30px;font-size:0;text-indent:-9999em;background:url(/publish/images/main/icon_topbanner_close01.png) no-repeat left top;}
/* 로그인 */
.login{width:100%;height:60px;background:#fff;}
.login .inner {display:flex;justify-content:space-between;align-items:center;}
.login .login_left {display:flex;align-items:center;gap:10px;}
.login .login_left .login_put{display:flex;align-items:center;gap:8px;}
.login .login_left .login_put>div {position: relative; display: inline-block;}
.login .login_left .login_put input {width:200px;height:36px;font-size:15px;background:#fff;border-radius:3px;border:1px solid #d5d5d5;}
.login .login_left .login_put input:focus {border: 2px solid var(--primary-color);outline:none;}
.login .login_left .login_put input::placeholder,
.login .login_left .login_put input:-ms-input-placeholder{color:#999;font-weight:300;font-size:15px;}
.login .login_left .login_put .password_text {padding:0 10px;}
.login .login_left .login_save,
.login .login_left .login_find{position:relative;display:flex;font-size:16px;color:#555;align-items:center;gap:6px;}
.login .login_left .login_find{margin:0 0 0 20px;}
.login .login_left .login_find::before{position:absolute;content:"";width:1px;height:12px;background:#888;top:46%;left:-15px;transform:translateY(-50%);}
.login .login_left .login_button{width:72px;}
.login_right {vertical-align: middle; text-align: right;}
.login .login_right span {color: #222;font-weight: 500;margin-right: 8px;font-size:16px;}
.login .login_right span i {position: relative; background-image: url(/publish/images/login_gift.png);width: 25px;height: 25px; margin-bottom: 5px;margin-right: 4px;}
.login .login_right span i::after{position: absolute; content: " "; width: 20px; height: 20px; background-image: url(/publish/images/event.gif); left: -12px; top: -5px;}
.login .login_right .btnType {width:26px;height:26px;margin:-2px 0 0;padding:0;font-size:12px;line-height:24px;}
/* header, login 스크롤 내릴 시 */
.header.scroll .header_top {height: 0;transition: all 0.2s ease-in-out;}
.header.scroll .header_top .menu_left,.header.scroll .header_top .menu_right {display: none;}
/* 로그인 후 */
.login2 {width:100%;height:60px;background:#fff;border-bottom:1px solid #d4d5d7;color:#222;}
.login2 .inner {display:flex;justify-content:space-between;align-items:center;}
.login2 .login_left {display:flex;width:100%;justify-content:space-between;align-items:center;}
.login2 .login_info {position: relative;vertical-align: middle;}
.login2 .login_info p {display: inline-block;vertical-align: middle; max-width: 180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.login2 .login_info button {padding:0 14px;font-weight:500;}
.login2 .login_info .login2_name {display: inline-flex; min-width: 110px; position: relative; vertical-align: middle;align-items:center; cursor:pointer;}
.login2 .login_info .login2_name p {color: #222; font-weight: 600; vertical-align: top; height: 16px; white-space:nowrap;}
.login2 .login_info .login2_name span {width: 61px; color:#666;padding:0 10px 0 0;margin:0 0 0 0;}
.login2 .login_info .icon_user{background-image: url(/publish/images/icon_header_user.png);width: 28px;height: 28px;}
/* 로그인 세션 */
.login2 .login_info{display:flex;align-items:center;gap:10px;}
.login2 .session{display:flex;width:110px;height:34px;border:1px solid #d5d5d5;border-radius:5px;background:#fff;overflow:hidden;}
.login2 .session div{display:flex;width:calc(100% - 48px);height:100%;padding:0 10px;align-items:center;justify-content:center;}
.login2 .session button{width:48px;padding:0 10px;font-size:16px;color:#5d5d5d;background:#f2f2f2;border-left:1px solid #d5d5d5;}
.login2 .login_info,
.login2 .check_money,
.login2 .point,
.login2 .event {white-space:nowrap;}
/* 보안로그인 */
.security_box{display:inline-flex;height:36px;margin:0 0 0 3px;padding:0 8px 0 11px;background:#fff;border-radius:5px;box-sizing:border-box;font-weight:500;vertical-align:middle;align-items:center;cursor:pointer;}
.security_box.yellow_box{border:1px solid #eea301;gap:4px;padding:0 13px 0 11px;}
.security_box .security{width:20px;height:20px;background:url(/publish/images/icon_security.png) no-repeat center;}
.security_box.red_box{border:1px solid #ca1a1a;}
.security_box.green_box{border:1px solid #0ca448;}
.security_box p{cursor:pointer;}
.security_box .state{display:flex;width:40px;height:25px;font-size:13px;font-weight:600;margin:0 0 0 5px;border-radius:5px;justify-content:center;align-items:center;cursor:pointer;}
.security_box .state.on{background:#18bb59;color:#fff;}
.security_box .state.off{background:#e62c2c;color:#fff;}
.login2 .login_pay {display:flex;}
.login2 .check_money button {margin:0 0 0 8px;font-weight:500;}
.login2 .check_money .account_box {position:relative;display:inline-block;}
.login2 .check_money .account_box dl {display:none;position:absolute;left:50%;top:41px;padding:12px 24px 14px 14px;border:2px solid var(--primary-color);background:#fff;border-radius:10px;box-shadow:0px 3px 10px 0px rgba(0, 0, 0, 0.5);transform:translateX(-50%);}
.login2 .check_money .account_box dl:after {content:'';position:absolute;left:50%;top:-10px;width:16px;height:10px;margin:0 0 0 -8px;background:url(/publish/images/content/icon_account_arrow.png) no-repeat left top;}
.login2 .check_money .account_box dl dt {font-size:16px;line-height:18px;}
.login2 .check_money .account_box dl dt:before {content:'';display:inline-block;width:22px;height:20px;margin:0 5px 0 0;vertical-align:top;background:url(/publish/images/content/icon_account_layer.png) no-repeat left top;}
.login2 .check_money .account_box dl dd {margin:7px 0 0;font-size:15px;font-weight:500;white-space:nowrap;}
.login2 .check_money .account_box:hover dl {display:block;}
.login2 .check_money .user_money_wrap{position:relative;display:flex;align-items:center;gap:4px;margin:0 6px 0 0;}
.login2 .check_money .user_money_wrap::before{position:absolute;content:"";width:4px;height:4px;background:#d5d5d5;border-radius:100%;left:-10px;}
.login2 .check_money .hover_content_wrap{display:inline-block;position:relative;}
.login2 .check_money .hover_content_wrap .qmMark{display:flex;width:14px;height:14px;margin:-1px 4px 0 0;background:#888;border-radius:2px;font-size:12px;color:#fff;text-align:center;justify-content:center;align-items:center;}
.login2 .check_money .hover_content_wrap .qmMark:hover+.hover_content{display:block;}
.login2 .check_money .hover_content{display:none;position:absolute;padding:12px 12px 8px 12px;border:2px solid #555;background:#fff;box-shadow: 0 3px 10px 0 rgba(0,0,0,0.5);transform:translateX(-50%);border-radius:5px;top:34px;left:8px;}
.login2 .check_money .hover_content::after{content:'';position:absolute;left:50%;top:-24px;width:45px;height:30px;margin:0 0 0 -21px;background:url(../images/content/icon_account_arrow.png) no-repeat left top;}
.login2 .check_money .hover_content .hover_content_title{font-size:14px;font-weight:600;margin:0 0 10px 0;}
.login2 .check_money .hover_content .hover_content_title span{padding:0;font-size:13px;font-weight:400;}
.login2 .check_money .hover_content .hover_content_title img{width:16px;margin:-4px 0 0 0;}
.login2 .check_money .hover_content .send_available_number{display:flex;flex-direction:column;gap:7px;}
.login2 .check_money .hover_content .send_available_number li{display:flex;justify-content:space-between;font-size:13px;}
.login2 .check_money .hover_content .title{min-width:70px;}
.login2 .check_money .hover_content .number{text-align:right;padding:0;}
.login2 .check_money .hover_content .event_term{display:flex;width:100%;padding:4px 5px 4px 7px;margin:8px 0 0 0;background:#FFE5E5;font-size:13px;color:#e40000;text-align:center;border-radius:25px;justify-content:space-between;box-sizing:border-box;}
.login2 .check_money .hover_content .event_term p:last-child{color:#222;}
.login2 .check_money .hover_content .event_term p:last-child span{color:#e40000;}
/*후불 회원에게만 노출되는 안내레이어*/
.login2 .check_money .holdingsum_box {position: relative; display:flex; align-items: center;}
.login2 .check_money .holdingsum_box dl {display:none;position:absolute;left:50%;top:41px;padding:12px;border:2px solid var(--primary-color);background:#fff;border-radius:10px;box-shadow:0px 3px 10px 0px rgba(0, 0, 0, 0.5);transform:translateX(-50%);}
.login2 .check_money .holdingsum_box dl:after {content:'';position:absolute;left:50%;top:-10px;width:16px;height:10px;margin:0 0 0 -8px;background:url(../images/content/icon_account_arrow.png) no-repeat left top;}
.login2 .check_money .holdingsum_box dl dd {margin:3px;font-size:15px;font-weight:500;white-space:nowrap; line-height:20px;}
.login2 .check_money .holdingsum_box:hover dl {display:block;}
.login2 .point p {padding-right: 6px;display: inline-block; vertical-align: middle;}
.login2 .point i {background-image: url(/publish/images/pointIcon2.png);width: 30px;height: 28px;margin-right: 3px;margin-top: -2px;}
.login2 .login_right button i {background-image: url(/publish/images/login_introIcon.png);width: 20px;height: 18px;margin: 0 6px 3px 0;}
/*등급별 아이콘*/
.login2 .login_info i.vvip{background-image: url(/publish/images/level/level_icon/vvip_icon.png);}
.login2 .login_info i.vip{background-image: url(/publish/images/level/level_icon/vip_icon.png);}
.login2 .login_info i.gold{background-image: url(/publish/images/level/level_icon/gold_icon.png);}
.login2 .login_info i.sliver{background-image: url(/publish/images/level/level_icon/sliver_icon.png);}
.login2 .login_info i.black{background-image: url(/publish/images/level/level_icon/black_icon.png);}
.login2 .login_info i.red{background-image: url(/publish/images/level/level_icon/red_icon.png);}
.login2 .login_info i.purple{background-image: url(/publish/images/level/level_icon/purple_icon.png);}
.login2 .login_info i.blue{background-image: url(/publish/images/level/level_icon/blue_icon.png);}
.login2 .login_info i.orange{background-image: url(/publish/images/level/level_icon/orange_icon.png);}
.login2 .login_info i.green{background-image: url(/publish/images/level/level_icon/green_icon.png);}
.login2 .login_info i.yellow{background-image: url(/publish/images/level/level_icon/yellow_icon.png);}
.login2 .login_info i.white{background-image: url(/publish/images/level/level_icon/white_icon.png);}
/*등급별 아이콘 끝*/
/* 검색 */
.pop_search{display: block; width: 100%;background-color: #Fff; border-top: 1px solid #d5d5d5; position: relative; height: 0; overflow: hidden;}
.pop_search .inner form{display:flex;width:100%;padding: 55px 0;justify-content:center;flex-wrap:wrap;}
.pop_search.on{z-index: 10;height: auto; overflow: visible;box-shadow:0px 40px 45px -30px rgb(0 0 0 / 30%);}
.header+.mask2.on{width: 100%;min-width: 1240px; height: 100%; background-color: rgba(0,0,0,0.7); display: block; position: absolute; z-index: 9;}
.area_search{max-width:100%;width:50%; margin: 0 auto;position: relative;}
.area_search select{width: 170px; height: 50px; padding-left: 15px;border: 1px solid #555; border-radius: 5px;margin-right: 1px; font-size: 18px; background-image: url(/publish/images/select_search.png); background-repeat: no-repeat; background-position: 85% center; position: relative;color: #555;}
.area_search input[type="text"]{width: calc(100% - 180px);height: 50px;padding-left: 20px;border: 1px solid #555; border-radius: 5px; box-sizing: border-box;font-size: 18px; font-weight: 300;box-sizing: border-box;}
.area_search button {position: absolute;right: 0;width: 55px;height: 50px;border: 1px solid #555; border-radius: 0 5px 5px 0; background-color: var(--secondary-light-color);}
.area_search button:hover {box-shadow: 0px 0px 5px 3px rgba(0,0,0,0.12);}
.area_popular{max-width: 1400px;width:100%; margin: 20px auto 0; display: flex; justify-content: center;}
.area_popular p{font-size: 16px; color: #000; font-weight: 500;width: 95px; margin-right: 32px; line-height: 2.2;position: relative;}
.area_popular p::after {width: 95px; content: "";position: absolute;width: 2px;height: 15px;background-color: var(--secondary-light-color);top: 50%;transform: translateY(-50%);right: -17px;}
.area_popular p i {background-image: url(/publish/images/search_popular.png);width: 16px;height: 16px;margin-right: 5px;margin-bottom: 3px;}
.area_popular ul{display: flex;}
.area_popular ul li{margin: 2px 3px 0 3px;}
.area_popular ul li a{color: #888; font-size: 16px; padding: 7px 15px; border-radius: 20px; border: 1px solid #b0b0b0; font-weight: 300;}
.area_popular ul li:hover a{border: 1px solid var(--primary-color);background-color: var(--secondary-light-color); color: #222;font-weight:500;}
.pop_search .btn_close{position: absolute; top: 24px;right: 14px;}
/* 사이트맵 */
.layer_sitemap {overflow:hidden;position:relative;display:block;width:100%;height:0;background:#fff;z-index:16;/*transition:height 0.4s;*/}
.layer_sitemap.active {height:670px;border-bottom:1px solid #d5d5d5;box-shadow:0px 20px 30px 0px rgba(0, 0, 0, 0.1);}
.layer_sitemap .inner {padding:0;letter-spacing:-0.025em;}
.layer_sitemap .menu {display:flex;width:100%;justify-content:space-between;}
.layer_sitemap .menu dl dt {margin:54px 0 0;}
.layer_sitemap .menu dl dt a {position:relative;display:inline-block;font-family:'GmarketSansMedium';font-size:22px;}
.layer_sitemap .menu dl dt a:hover:after {content:'';position:absolute;left:0;bottom:2px;width:100%;height:7px;background:var(--primary-color);opacity:0.2;filter:opacity(20);}
.layer_sitemap .menu dl dd {margin:18px 0 0;}
.layer_sitemap .menu dl dd li {line-height:40px;}
.layer_sitemap .menu dl dd li a {display:inline-block;font-size:18px;font-weight:300;white-space:nowrap;color:#444;}
.layer_sitemap .menu dl dd li a:hover {font-weight:400;color:var(--primary-color);}
/* footer */
.footer {background:#fff;min-width:1240px;height:206px;}
.footer .footer_top {height:56px;border-bottom:1px solid #e7e7e7;border-top:1px solid #b0b0b0;}
.footer .footer_top ul li {display:inline-block;padding:0 25px;color:#666;}
.footer .footer_top ul li:first-child {padding: 0 25px 0 0;}
.footer .footer_top ul li:hover {text-decoration: underline;}
.footer .footer_top ul li a {font-size:16px;}
.footer .footer_body {height: 200px;color: #666;}
.footer .footer_body .inner {height:200px;}
.footer .footer_body .inner .table_cell {height:200px;}
.footer .footer_body .footer_logo {display: inline-block;}
.footer .footer_body .footer_info {display: inline-block;vertical-align: middle;}
.footer .footer_body .footer_info p {padding: 5px 0 5px 25px; font-size: 15px; line-height:1.4;letter-spacing:-0.5px;}
/* footer 고객센터 */
.footer .footer_body .footer_service_center {position:absolute;display:flex;padding:15px;right:120px;top:50%;background:#fff;border:1px solid #d5d5d5;border-radius:5px;transform:translateY(-50%);align-items:center;overflow:hidden;gap:10px;}
.footer .footer_body .footer_service_center p{font-family:'GmarketSansBold';font-size:16px;font-weight:bold;color:#1A4B8E;}
.footer .footer_body .footer_service_center span{font-family: 'GmarketSansMedium';font-size:12px;font-weight:400;color:#454545;}
.footer .footer_body .footer_mark{position: absolute; top: 50%; right: 0; cursor: pointer; width: 95px; height: 95px; transform:translateY(-50%);}
/* //footer */
/* quick Menu */
.quickMenu {position: fixed;top: 190px;right:15px;text-align: center;z-index: 15;box-shadow: 3px 3px 10px 4px rgba(0,0,0,0.1);border-radius: 8px;transition:right 0.3s ease-in-out, top 0.2s ease-in-out;width: 90px;}
.quickMenu.quickSub.active {top:150px;}
.quickMenu>div {width: 90px;}
.quickMenu.main {right: 20px;top:150px;}
.quickMenu .quick_title {padding: 12px 0px 6px 0; font-family: 'GmarketSansMedium'; font-size: 13px;color: #fff;background-color: #b0b0b0;border-radius: 8px 8px 0 0;line-height: 1.3;}
.quickMenu .quick_title2 {padding: 10px 0px; font-size: 13px;color: #fff;background-color: #b0b0b0;border-radius: 8px 8px 0 0;line-height: 1.3;display: none;}
.quickMenu .quickMenuIn {background-color: #fff;}
.quickMenu .quickMenuIn > li {position:relative;display:flex;height:55px;justify-content:center;align-items:center;}
/* .quickMenu .quickMenuIn > li::before {content: "";background-color: #e5e5e5;width: 70px;height: 1px;position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);} */
.quickMenu .quickMenuIn > li:last-child:before {display: none;}
.quickMenu .quickMenuIn > li a {padding-top: 5px; display: block;}
.quickMenu .quickMenuIn li i {display:inline-block;width:20px;height:20px;transition:all .1s ease-in-out;}
.quickMenu .quickMenuIn li .custom{background:url(/publish/images/quick1.png) no-repeat center;}
.quickMenu .quickMenuIn li a:hover .custom{background:url(/publish/images/quick1_hover.png) no-repeat center;}
.quickMenu .quickMenuIn li .address{background:url(/publish/images/quick2.png) no-repeat center;}
.quickMenu .quickMenuIn li a:hover .address{background:url(/publish/images/quick2_hover.png) no-repeat center;}
.quickMenu .quickMenuIn li .number{background:url(/publish/images/quick3.png) no-repeat center;}
.quickMenu .quickMenuIn li a:hover .number{background:url(/publish/images/quick3_hover.png) no-repeat center;}
.quickMenu .quickMenuIn li .excel{background:url(/publish/images/quick4.png) no-repeat center;}
.quickMenu .quickMenuIn li a:hover .excel{background:url(/publish/images/quick4_hover.png) no-repeat center;}
.quickMenu .quickMenuIn li .linkage{background:url(/publish/images/quick5.png) no-repeat center;}
.quickMenu .quickMenuIn li a:hover .linkage{background:url(/publish/images/quick5_hover.png) no-repeat center;}
.quickMenu .quickMenuIn li .pay{background:url(/publish/images/quick6.png) no-repeat center;}
.quickMenu .quickMenuIn li a:hover .pay{background:url(/publish/images/quick6_hover.png) no-repeat center;}
.quickMenu .quickMenuIn li .tax{background:url(/publish/images/quick7.png) no-repeat center;}
.quickMenu .quickMenuIn li a:hover .tax{background:url(/publish/images/quick7_hover.png) no-repeat center;}
.quickMenu .quickMenuIn li .service_center{background:url(/publish/images/quick8.png) no-repeat center;}
.quickMenu .quickMenuIn li a:hover .service_center{background:url(/publish/images/quick8_hover.png) no-repeat center;}
.quickMenu .quickMenuIn li span {display: block;font-size: 12px;color: #555;padding-top: 8px;transition:all .1s ease-in-out;}
.quickMenu .quickMenuIn a:hover span {color:var(--primary-color);font-weight: 500;}
.quickMenu .goTop {display:flex;font-family: 'GmarketSansMedium';font-size:13px;color:#fff;background:#b0b0b0;width:90px;padding:10px 0;border-radius:0 0 8px 8px;justify-content:center;align-items:center;gap:4px;}
.quickMenu .goTop i {background:url(/publish/images/goTop.png);width:15px;height:10px;margin:0 0 3px 0;}
.quickMenu .quick_kakaobtn {position:absolute;right:0;bottom:-180px;width:90px;height:90px;font-size:0;text-indent:-9999em;background:url(/publish/images/content/icon_quick_kakao.png) no-repeat left top;z-index:15;}
.quickMenu.quickSub .quick_kakaobtn{bottom:-100px;}
.quickMenu .quick_kakaobtn a {display:block;width:100%;height:100%;}
/* 퀵메뉴 세로 스크롤 시 */
.quickMenu.main.scroll {transition: all 0.3s ease-in-out;right:-100px;}
/* 퀵메뉴 1440px부터 메뉴 호버 시 말풍선 */
.quickMenu .hover_cont {width: 80px;position: absolute;height: auto;background-color: #fff;box-shadow: 0px 0px 10px 4px rgba(0,0,0,0.1);padding: 8px;border: 1px solid #d5d5d5; border-radius: 5px; font-size: 14px;top:18px; right: 45px;z-index: 1;line-height: 1.3;display: none;}
.quickMenu .cscenter:hover .hover_cont {display:block;}
.quickMenu .cscenter .hover_cont {display:none;top:inherit;bottom:-49px;right:90px;width:240px;height:auto;padding:23px 25px;text-align:left;background:#fff;border-radius:5px;box-sizing:border-box;box-shadow:0px 3px 10px 0px rgba(0, 0, 0, 0.2);}
.quickMenu .cscenter .hover_cont .title {display:flex;height:26px;padding:0 0 0 35px;font-size:17px;font-weight:500;color:#888;background:url(/publish/images/icon_qucik_cscenter.png) no-repeat left top;align-items:center;}
.quickMenu .cscenter .hover_cont .number {margin:2px 0 0;font-size:30px;font-weight:700;color:var(--primary-dark-color-hover);background:none;}
.quickMenu .cscenter .hover_cont .email {margin:2px 0;font-size:14px;font-weight:300;color:#666;}
.quickMenu .cscenter .hover_cont ul li {font-size:14px;color:#555;line-height:1.5;}
.quickMenu .cscenter .hover_cont .cskakao {display:flex;margin:12px 0 0 0;gap:5px;}
.quickMenu .cscenter .hover_cont .cskakao a{display:flex;width:50%;height:36px;padding:0;font-size:14px;font-weight:400;color:#222;background:#f0f0f0;border-radius:3px;gap:8px;justify-content:center;align-items:center;}
.quickMenu .cscenter .hover_cont .cskakao .circle{display:inline-block;width:10px;height:10px;border-radius:100%;}
.quickMenu .cscenter .hover_cont .cskakao i.kakao{background:#564742;}
.quickMenu .cscenter .hover_cont .cskakao i.remote{background:#4673B7;}
/* //quick Menu */
/* pagenation */
.pagination{width: 40%; margin: 0 auto 40px auto; display: flex; justify-content: center;}
.pagination li button{display:flex;width: 32px; height: 34px; margin: 0 2px; letter-spacing: -0.5px; border:0; border-radius: 3px; text-align: center; color: #666; background-color: #fff;justify-content:center;align-items:center;}
.pagination li.on button{background-color: var(--primary-color); border: 1px solid var(--primary-color); color: #fff; font-weight: 500;}
.pagination li button:hover {box-shadow: 0px 0px 3px 3px rgba(0,0,0,0.05);}
.pagination li.page_first button,.pagination li.page_prev button,.pagination li.page_next button,.pagination li.page_last button{background-color: #f2f2f2; line-height: 1; font-size: 13px;}
.pagination li.page_prev button {margin-right: 5px;}
.pagination li.page_next button {margin-left: 5px;}
.pagination li.page_first button img,.area_page li.page_prev button img{margin-left: -2px;}
.pagination li.page_next button img,.area_page li.page_last button img{margin-right: -2px;}
/* //pagenation */
/* 테이블별 페이지 */
.tb_wrap+.pagination{margin:20px auto 0 auto;}
/* //테이블별 페이지 */
/* 광고배너 */
.main_cont4{min-width: 1200px; background-color: #f5f5f5; padding: 30px 0;}
.main_cont4 .inner{height: auto;}
.adv_list{display: flex; justify-content: space-between; align-items: center;}
.adv_list li{width: calc((100% / 4) - 27px); background-color: #fff; border: 2px solid #808080; border-radius: 5px; text-align: center; height: 96px; max-height: 96px; overflow: hidden;}
.adv_list li a{height: 100%;}
.adv_list li img{max-height: 96px; height: 100%; object-fit: scale-down;}
.login_wrap .adv_list{margin: 68px 0 0 0;}
.login_wrap .adv_list li{width: calc((100% / 2) - 10px); border: 0;}
.login_wrap .adv_list li img{margin-left: -10px;}
/* ==========================================
Case Switcher
================================---------- */
.case_switcher { position: fixed; left: 40px; top: 50%; z-index: 9999; min-width: 130px; padding: 14px; border: 1px solid #dbeafe; border-radius: 12px; background: #fff; box-shadow: 0 6px 20px rgba(37, 99, 235, .12); transform: translateY(-50%); }
.case_switcher_title { display: block; margin-bottom: 10px; color: #2563eb; font-size: 13px; font-weight: 700; }
.case_switcher_list { display: flex; flex-direction: column; gap: 5px; }
.case_item { display: flex; align-items: center; gap: 7px; padding: 8px 9px; border-radius: 7px; color: #64748b; font-size: 12px; white-space:nowrap; cursor: pointer; transition: .2s; }
.case_item:hover { background: #eff6ff; color: #2563eb; }
.case_item input { width: 14px; height: 14px; margin: 0; accent-color: #2563eb; }
.case_item input:checked + span { color: #1d4ed8; font-weight: 700;}
/* ie */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
/* login */
.login .login_left .login_put input {width: 200px;}
}
@media only screen and (max-width:1540px){
.header .inner {padding:0 30px;box-sizing:border-box;}
.header .header_top .menu_left {left:30px;}
.header .header_top .menu_right {right:30px;}
.header .header_body .logo {left:30px;}
.header .header_body .s_menu {right:30px;}
.header .header_body .gnbWrap li:last-child{margin: 0 0 0 10px;}
.pop_search .inner {padding:40px 0;}
}
/* media queries */
@media only screen and (max-width:1480px){
/* header */
.header .header_body .gnb_right{gap:20px;}
.header .inner {padding:0 70px;box-sizing:border-box;}
.header .login .inner {padding:0 46px 0 48px;}
.header .header_top .menu_left {left:70px;}
.header .header_top .menu_right {right:70px;}
.header .header_body .logo {left:70px;}
.header .header_body .gnbWrap{gap:28px;}
.header .header_body .s_menu {right:70px;}
.header .header_body .s_menu button {margin-left: 20px;}
.pop_search .inner {padding:30px 0;}
/* login */
.login_right {margin-right: 20px; text-align: inherit;}
.login2 .login_info {margin-right: 30px;}
.login2 .login_info::after {right: -25px;}
.login2 .login_info .login2_name p{font-size:14px;}
.login2 .login_info button.btn_36.fill_gray{padding:0 8px;font-size:14px;}
.security_box,.login2 .check_money .user_money_wrap, .login2 .point,.login2 .session span,.login2 .login_info .login2_name span{font-size:14px;}
.login2 .check_money {margin-right: 15px;}
.login2 .login_right button {padding: 0 8px; margin-right: 20px;}
/* quick Menu */
.quickMenu {right: 0px;width: 60px;border-radius: 8px 0 0 8px;}
.quickMenu.main {right: 0px;}
.quickMenu>div {width: 60px;}
.quickMenu .quick_title {display: none;}
.quickMenu .quick_title2 {border-radius: 8px 0 0 0;display: block;}
.quickMenu .quickMenuIn li {height: 40px;}
.quickMenu .quickMenuIn li::before {width: 45px;}
.quickMenu .quickMenuIn li:hover .hover_cont{display: block;}
.quickMenu .quickMenuIn li a {padding-top: 7px;}
.quickMenu .quickMenuIn li i.quick3 {margin-left: 3px;}
.quickMenu .quickMenuIn li i.quick4 {margin-left: 5px;}
.quickMenu .quickMenuIn li i.quick7 {margin-left: 3px;}
.quickMenu .quickMenuIn li span {display: none;}
.quickMenu .quickMenuIn li.cscenter .hover_cont {bottom:-35px;right:60px;}
.quickMenu .quickMenuIn li.cscenter .hover_cont .info li {height:auto;}
.quickMenu .quick_kakaobtn {bottom:-160px;width:60px;height:60px;background-size:100%;}
.quickMenu.quickSub .quick_kakaobtn{top:auto;bottom:-80px;}
.quickMenu .goTop {border-radius: 0 0 0 8px;font-size: 16px;width: 60px; padding:5px 0;font-size:13px; text-indent:-9999px;}
.quickMenu .goTop i {margin-left: 3px;}
/* footer */
.footer .footer_top {padding: 0 20px;}
.footer .footer_body {padding: 0 20px;}
.footer .footer_body .footer_info {font-size:14px;}
}
@media only screen and (max-width:1380px){
/* login */
.login .login_right span {margin-right: 0;font-size:15px;}
.login .login_left .login_save {margin:0 20px 0 10px;}
.login .login_left .login_find::before {left: -8px;}
.login .login_left .login_find {margin-right: 0;}
.login .login_right span i {margin-right: 0;}
.login2 .login_info button {margin-right: 0;}
.login2 .login_info {margin-right: 25px;}
.login2 .login_info::after {right: -15px;}
.login2 .login_info p {padding-right: 5px;}
.login2 .check_money {margin-right: 10px;}
.login2 .check_money p {padding-right: 0px;}
.login2 .check_money p span, .login2 .point p span {padding-left: 0;}
.login2 .check_money button {margin-right: 0;}
.login2 .point p {padding-right: 0px;}
.login2 .login_right button {padding: 0 5px; margin-right: 0;}
.login2 .session {margin-right: 5px;}
.header .header_body .gnbWrap{letter-spacing: -.5px;}
/* footer */
.footer .footer_body .footer_info p {padding: 5px 0 5px 15px; letter-spacing: -0.08em;}
.footer .footer_body .footer_service_center dt {width: 60px;}
.footer .footer_body .footer_service_center dd span {letter-spacing: -0.04em;}
}
@media only screen and (max-width:1300px){
/* login */
.login2 .login_info {margin-right: 10px;}
.login2 .login_info::after {right: -10px;}
}
/* 모바일 */
@media screen and (max-width: 767px){
.login2 .check_money i,
.login2 .check_money p em,
.login2 .point i,
.login2 .point p em,
.login2 .event span i {display:none;}
.login2 .login_info,
.login2 .check_money,
.login2 .point,
.login2 .event {white-space:nowrap;}
}