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;font-weight:500;background:#fff;padding:0 8px 0 11px;margin:0 0 0 3px;vertical-align:middle;border-radius:5px;align-items:center;box-sizing:border-box;}
.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;}

/* footer 고객센터 */
.footer .footer_body .footer_service_center {position:absolute;display:flex;padding:15px;right:123px;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;}
.quickMenu .quickMenuIn li: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;}

/* 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;}
	
}