/*********************************************************************
* Program: main_ib3.css
* Version: 0.1
* Date: 2025/06/27 Writer : Kim Seul gi
 **********************************************************************/
@charset "utf-8";

.main_header {}
.search {position:relative; width:100%; }
.main_header.sticky .search {border-bottom:1px solid #eaeef7; } 
.main_header .search .bg { position:absolute; background-repeat: no-repeat; width:100%; min-width:1160px; height:100%; text-align:center; background-position: center; -webkit-transition: all 0.3s; /* Safari */transition: all 0.3s; opacity: 1; overflow:hidden } 
.main_header .search .bg .name { position:absolute; top:71px; left:50%; width:100px; font-family:notoKR; font-size:14px; color:#fff; text-align:center; transform: translateX(-442px) } 
.main_header .search .bg .balloon { position:absolute; left:50%; width:1600px; height:100%; transform:translateX(-50%); overflow:hidden } 
.main_header .search .bg .balloon > i { position:absolute; top:101%; background:url('/resources/image/design/main/ico_balloon.png') 0 0 no-repeat } 
.main_header .search .bg .balloon > i:nth-child(1) { left:273px; width:31px; height:65px; animation: balloon 6s .2s ease-out infinite } 
.main_header .search .bg .balloon > i:nth-child(2) { left:486px; width:23px; height:36px; background-position-x:-31px; animation: balloon 5s ease-out infinite } 
.main_header .search .bg .balloon > i:nth-child(3) { left:493px; width:31px; height:66px; background-position-x:-54px; animation: balloon 6s 1s ease-out infinite } 
.main_header .search .bg .balloon > i:nth-child(4) { right:333px; width:31px; height:64px; background-position-x:-85px; animation: balloon 5s .2s ease-out infinite } 
.main_header .search .bg .balloon > i:nth-child(5) { right:287px; width:41px; height:64px; background-position-x:-116px; animation: balloon 6s 1s ease-out infinite } 
.main_header .search .bg .balloon > i:nth-child(6) { right:49px; width:31px; height:53px; background-position-x:-157px; animation: balloon 7s ease-out infinite } 

.main_header .search .area {position:relative; display:flex; width:1160px; height:54px; margin:0 auto; padding:43px 0 0;}
.main_header .search .area .ci { position: relative; display: block; width: 164px; height: 54px; -webkit-transition: all 0.2s; /* Safari */transition: all 0.2s } 
.main_header .search .area .ci a { position: absolute; top:0; left: 0; width: 100%; height: 100%; text-indent:-9999px } 

.main_header .search .area .search_box {position:relative; width:600px; height:50px; margin-left:42px; padding:0; border:2px solid #635BCA; border-radius:10px;}
.main_header .search .search_box .sch_ipt { display:flex; position:relative; height:50px; overflow:hidden; align-items:center; box-sizing:border-box; background-color: #fff; border-radius: 12px;} 
.main_header .search .search_box.on .sch_ipt { border-radius: 12px 12px 0 0;} 
.main_header .search .search_box .sch_ipt input[type="text"] { flex:1; font-size:14px; font-family:Malgun Gothic; padding:0 10px 0 12px; background-color: #fff; border:0; box-sizing:border-box } 
.main_header .search .search_box .sch_ipt input[type="text"]:hover { background-color: #fff } 
.main_header .search .search_box .sch_ipt input[type="text"]::placeholder { font-size:14px; color: #9b9b9b; } 
.main_header .search .search_box .sch_ipt .sch_submit { width:26px; height:26px; margin:0 10px 0 10px; background: url('/resources/image/design/common/symbol/sch_22x22_635bca.png') center no-repeat; border: none; cursor: pointer } 
.main_header .search .search_box .sch_ipt .sch_submit .ico { text-indent: -9999px; font-size: 0 } 
.main_header .search .search_box .sch_ipt .sch_del { width: 18px; height: 16px } 
.main_header .search .search_box .sch_ipt .sch_del a { display: block; width: 16px; height: 16px; background: url('/resources/image/design/common/symbol/close_16x16_a9afbd.png') center no-repeat; text-indent: -9999px; font-size: 0 } 
.main_header .search .search_box .sch_ipt .rdo_search { display:flex; } 
.main_header .search .search_box .sch_ipt .rdo_search > input { position:absolute; visibility:hidden; width:0; height:0; margin:0 } 
.main_header .search .search_box .sch_ipt .rdo_search > label { display:block; height:100%; padding:0 15px; line-height:42px; border-radius:26px; font-size:14px; font-weight:700; text-align:center; color:#a9afbd; white-space: nowrap; cursor:pointer; transition:all .2s; } 
.main_header .search .search_box .sch_ipt .rdo_search > input:checked + label { background-color:#8a39ce; color:#fff } 

.main_header .search .main_top_nav {display:flex; width:305px; height:54px; margin-left:52px; background:url('/resources/image/design/main/20250627/top_ico_nav.png') }
.main_header .search .main_top_nav li {position:relative; width: calc(100% / 4)}
.main_header .search .main_top_nav li.out {background-image:url('/resources/image/design/main/20250627/logout.png'); background-color: #fff; background-position: 10px 1px; background-repeat: no-repeat;}
.main_header .search .main_top_nav a {position: absolute; top:0; left: 0; width: 100%; height: 100%; text-indent:-9999px } 

/* main nav */
.main_header .search .main_nav {margin-top:36px; padding-bottom: 39px; border-bottom:1px solid #F4F4F4; box-shadow: 0 3px 3px #F4F4F4 }
.main_header .search .main_nav .box {position:relative; display:flex; align-items:center; width:1160px; margin:0 auto; border:0 !important;}
.main_header .search .main_nav .game_list_nav {margin-right:80px;}
.main_header .search .main_nav .game_list_nav .btn_tgl label { display: flex; align-items: center; position: relative; font-size: 16px; line-height: 16px; color: #120b3d; cursor: pointer; box-sizing: border-box; } 
.main_header .search .main_nav .game_list_nav .btn_tgl label input { display: inline-block; width: 18px; height: 16px; position: absolute; top: 0px; left: 0px; cursor: pointer; opacity: 0; z-index: 2; -webkit-touch-callout: none; } 
.main_header .search .main_nav .game_list_nav .btn_tgl label .icon_hbg { float: left; display:flex; flex-direction: column; align-items: center; justify-content: center; width: 28px; height: 28px; border-radius: 100%; background: #635bca; } 
.main_header .search .main_nav .game_list_nav .btn_tgl label .icon_hbg span { display: block; width: 16px; height: 2px; margin-bottom: 3px; position: relative; background: #fff; z-index: 1; transform-origin: 4px 0px; transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0), background 0.5s cubic-bezier(0.77,0.2,0.05,1.0), opacity 0.55s ease } 
.main_header .search .main_nav .game_list_nav .btn_tgl label .icon_hbg .line01 { transform-origin: 0% 0% } 
.main_header .search .main_nav .game_list_nav .btn_tgl label .icon_hbg .line02 { transform-origin: 0% 100% } 
.main_header .search .main_nav .game_list_nav .btn_tgl label .icon_hbg .line03 { transform-origin: 0% 0%; margin-bottom: 0px } 
.main_header .search .main_nav .game_list_nav .btn_tgl label input:checked ~ .icon_hbg .line01 { opacity: 1; transform: rotate(45deg) translate(2px, -2px) } 
.main_header .search .main_nav .game_list_nav .btn_tgl label input:checked ~ .icon_hbg .line02 { transform: rotate(0deg) scale(0.2, 0.2); opacity: 0 } 
.main_header .search .main_nav .game_list_nav .btn_tgl label input:checked ~ .icon_hbg .line03 { transform: rotate(-45deg) translate(0, 2px) } 
.main_header .search .main_nav .game_list_nav .btn_tgl label .tgl_txt { font-size: 16px; font-weight: bold; margin-left: 13px; color: #635bca; } 
.main_header .search .main_nav .game_list_nav .btn_tgl label .tgl_txt::selection { color: #635bca; background: transparent; } 
.main_header .search .main_nav .game_list_nav .area { position: absolute; top:52px; left: 0; height: 380px; z-index: 999; padding-top:0; } 
.main_header .search .main_nav .game_list_nav .area .btn_all_game a { display: block; position: relative; font-size: 16px; letter-spacing: -0.075em; line-height: 22px; color: #fff7cf; padding: 16px 17px 17px 17px; border-bottom:1px solid RGBA(255,255,255,0.1); background-color: RGBA(138,57,206,0.2); z-index: 100 } 
.main_header .search .main_nav .game_list_nav .area .btn_all_game a.on { background-color: #8939ce } 
.main_header .search .main_nav .game_list_nav .area .btn_all_game a.on:after { content:''; position: absolute; top:50%; right:-10px; margin-top:-9px; width: 10px; height: 19px; background:url('/resources/image/design/main/ib2/main_arrow_b.png') no-repeat } 
.main_header .search .main_nav .game_list_nav .box_spc_game { display: flex; height:380px; border-radius: 10px; box-sizing: border-box; background-color: #fff; overflow: hidden; box-shadow: 2px 3px 7px 0px rgba(0, 0, 0, 0.36); } 
.main_header .search .main_nav .game_list_nav .box_spc_game .spc_lst_srvr { width: 230px; height: 380px; overflow: auto; box-sizing: border-box; } 
.main_header .search .main_nav .game_list_nav .box_spc_game .spc_lst_srvr h4 { padding-left: 20px; padding-top:24px } 
.main_header .search .main_nav .game_list_nav .box_spc_game .spc_lst_srvr h4 span { display: inline-block; line-height: 30px; height: 30px; border-bottom: 1px solid #8a39ce; color: #8a39ce; font-family:notoKR; font-size: 18px; letter-spacing: -0.075em } 
.main_header .search .main_nav .game_list_nav .box_spc_game .spc_lst_srvr ul { padding:20px 20px } 
.main_header .search .main_nav .game_list_nav .box_spc_game .spc_lst_srvr ul li+li { margin-top: 10px; } 
.main_header .search .main_nav .game_list_nav .box_spc_game .spc_lst_srvr ul li a { display: block; letter-spacing: -0.5px; } 
.main_header .search .main_nav .game_list_nav .box_spc_game .spc_lst_srvr ul li a:hover { font-weight: bold; color: #635bca; } 
.main_header .search .main_nav .game_list_nav .box_spc_game .spc_lst_srvr ul li a.on { font-weight: bold; color: #635bca; } 
.main_header .search .main_nav .game_list_nav .box_spc_game .event { width: 220px; height:380px; background-color: #fff } 


.main_header .search .main_nav .tab_box { padding: 10px 20px 10px 21px } 
.main_header .search .main_nav .tab_box:after { content:""; display:block; clear:both } 
.main_header .search .main_nav .tab_box .clm01 { float: left; width: 276px } 
.main_header .search .main_nav .tab_box .clm02 { float: left; width: 232px } 
.main_header .search .main_nav .tab_box .clm03 { float: left; width: 237px } 
.main_header .search .main_nav .tab_box h4 { display: block; position: relative; font-family: notoKr, sans-serif; font-size:14px; line-height: 20px; padding: 7px 0px 7px; color: #616781; letter-spacing: -0.025em; font-weight: normal } 
.main_header .search .main_nav .tab_box h4 ~ p { display: block; position: relative; font-family: notoKr, sans-serif; font-size:12px; line-height: 16px; padding: 0px 0px 7px; color: #9b9fa7; letter-spacing: -0.025em; margin-top: -2px } 
.main_header .search .main_nav .tab_box .sch_intl:after { content:""; display:block; clear:both } 
.main_header .search .main_nav .tab_box .box_intl li { float: left } 
.main_header .search .main_nav .tab_box .box_intl li label { display: block; position: relative; font-family: notoKr, sans-serif; font-size: 16px; line-height: 16px; color: #616781; padding: 7px 7px 8px 8px; width: 16px; border:1px solid #eaeef7; cursor: pointer; margin-right: 4px; margin-bottom: 16px; text-align: center } 
.main_header .search .main_nav .tab_box .box_intl li label.lst { margin-bottom: 8px; min-width: 53px; font-size: 14px; letter-spacing: -0.025em } 
.main_header .search .main_nav .tab_box .box_intl li input { display: inline-block; width: 18px; height: 16px; position: absolute; top: 0px; left: 0px; cursor: pointer; opacity: 0; z-index: 2; -webkit-touch-callout: none } 
.main_header .search .main_nav .tab_box .box_intl li input:checked ~ label { background-color: #ffe353; color: #120b3d } 
.main_header .search .main_nav .tab_box .box_clf li { float: left } 
.main_header .search .main_nav .tab_box .box_clf li label { display: block; position: relative; font-family: notoKr, sans-serif; font-size: 14px; letter-spacing: -0.025em; line-height: 16px; color: #616781; padding: 7px 7px 8px 8px; min-width: 65px; border:1px solid #eaeef7; cursor: pointer; margin-right: 4px; margin-bottom: 16px; text-align: center } 
.main_header .search .main_nav .tab_box .box_clf li input { display: inline-block; width: 18px; height: 16px; position: absolute; top: 0px; left: 0px; cursor: pointer; opacity: 0; z-index: 2; -webkit-touch-callout: none } 
.main_header .search .main_nav .tab_box .box_clf li input:checked ~ label { background-color: #ffe353; color: #120b3d } 
.main_header .search .main_nav .tab_box .sch_lst_game ul { border: 1px solid #eaeef7; width: 231px; height: 327px; overflow: auto } 
.main_header .search .main_nav .tab_box .sch_lst_game ul li a { display: block; font-size: 12px; line-height: 16px; padding: 8px 10px; color: #616781 } 
.main_header .search .main_nav .tab_box .sch_lst_game ul li a:hover { font-weight: bold; background-color: #f3f5fa } 
.main_header .search .main_nav .tab_box .sch_lst_game ul li a.on { font-weight: bold; background-color: #f3f5fa } 
.main_header .search .main_nav .tab_box .sch_lst_srvr ul { border: 1px solid #eaeef7; width: 235px; height: 327px; overflow: auto } 
.main_header .search .main_nav .tab_box .sch_lst_srvr ul li { position: relative } 
.main_header .search .main_nav .tab_box .sch_lst_srvr ul li a { display: block; font-size: 12px; line-height: 16px; padding: 8px 10px; color: #616781 } 
.main_header .search .main_nav .tab_box .sch_lst_srvr ul li a:hover { font-weight: bold; background-color: #f3f5fa } 
.main_header .search .main_nav .tab_box .sch_lst_srvr ul li a.on { font-weight: bold; background-color: #f3f5fa } 
.main_header .search .main_nav .tab_box .sch_lst_srvr ul li label { display: block; position: absolute; width: 15px; height: 14px; right: 10px; top:50%; margin-top: -7px; cursor: pointer; background:url('/resources/image/design/main/ib2/btn_fav_off.png') no-repeat; text-indent: -9999px } 
.main_header .search .main_nav .tab_box .sch_lst_srvr ul li input { display: inline-block; width: 0px; height: 0px; position: absolute; top: 0px; left: 0px; cursor: pointer; opacity: 0; z-index: 2; -webkit-touch-callout: none } 
.main_header .search .main_nav .tab_box .sch_lst_srvr ul li input:checked ~ label { background:url('/resources/image/design/main/ib2/btn_fav_on.png') no-repeat } 
.main_header .search .main_nav .tab_box .app_lnk { position: absolute; width: 100%; bottom:0; left: 0; background-color: #f3f5fa } 
.main_header .search .main_nav .tab_box .app_lnk a { position: absolute; z-index: 1; top:50%; margin-top:-14px; left: 21px; display: block; width: 90px; height: 23px; background-color: #fff; border:1px solid #eaeef7; border-radius: 20px; font-family: notoKr, sans-serif; font-size: 14px; line-height: 23px; color: #7e86a8; padding: 2px 12px; text-align: center } 
.main_header .search .main_nav .tab_box .app_lnk p { display: block; position: relative; font-family: notoKr, sans-serif; font-size: 12px; letter-spacing: -0.025em; line-height: 20px; color: #7e86a8; padding: 10px 7px 10px 147px } 
.main_header .search .main_nav .tab_box .box_sel { padding-top:9px } 
.main_header .search .main_nav .tab_box .alarm_per_box { padding: 11px 0 } 
.main_header .search .main_nav .tab_box .alarm_per_box .rdobox span { font-size: 12px } 
.main_header .search .main_nav .tab_box .alarm_per_box .inp_box { margin-left:24px } 
.main_header .search .main_nav .tab_box .alarm_per_box .inp_box:first-child { margin-left:0px } 
.main_header .search .main_nav .tab_box .alarm_per_box .ntc_s { margin-left: 12px } 
.main_header .search .main_nav .tab_box .alarm_per_box .inp_box input:checked + label { color: #635bca } 
.main_header .search .main_nav .tab_box .fnd_min .btn_box { padding-top: 20px; text-align: center } 
.main_header .search .main_nav .game_list_nav .lst_all_game { width:220px; height: 380px; padding: 20px 20px 0; box-sizing: border-box; background-color: #635bca; border-radius: 10px; box-shadow: 2px 3px 7px 0px rgba(0, 0, 0, 0.36); } 
.main_header .search .main_nav .game_list_nav .lst_all_game li + li { margin-top: 20px; } 
.main_header .search .main_nav .game_list_nav .lst_all_game li a { display: flex; align-items: center; position: relative; font-size:14px; font-weight: bold; color: #fff; letter-spacing: -.5px; z-index: 100 } 
.main_header .search .main_nav .game_list_nav .lst_all_game li a span { position: relative; letter-spacing: -2px; } 
.main_header .search .main_nav .game_list_nav .lst_all_game li a span i.imp { position: absolute; top:0px; right:-20px } 
.main_header .search .main_nav .game_list_nav .lst_all_game li a.on span { color: #00ffc6; text-decoration: underline; } 
.main_header .search .main_nav .game_list_nav .lst_all_game li a i { font-style: normal; font-size: 10px; font-weight: bold; color: #635bca; display: flex; align-items: center; justify-content: center; width: 42px; height: 16px; margin-left: 5px; border-radius: 8px; background: #fff99e; } 
.main_header .search .main_nav .main_nav_area { width: 1037px; } 
.main_header .search .main_nav .main_nav_area > ul { display: flex; justify-content: space-between; } 
.main_header .search .main_nav .main_nav_area > ul > li { position:relative; } 
.main_header .search .main_nav .main_nav_area > ul > li > a { display: block; position: relative; font-size: 22px; font-family: GongGothic; font-weight: 700; line-height: 22px; color: #191919; text-align: center } 
.main_header .search .main_nav .main_nav_area > ul > li > a:hover { font-style: normal; color: #635bca } 
.main_header .search .main_nav .main_nav_area > ul > li > a.nav_01 { color: #635BCA } 
.main_header .search .main_nav .main_nav_area > ul > li > a.nav_02 { color: #22CCA4 } 
 .main_header .search .main_nav .main_nav_area > ul > li > a.nav_03 { color: #353535 } 
.main_header .search .main_nav .main_nav_area > ul > li > a.nav_02 i.forfree { position: absolute; top: -20px; left: 50%; transform: translateX(-50%); right: 22px; width: 60px; height: 20px; background: url(/resources/image/design/main/ib2/ico_forfree.png) 0 0 no-repeat; } 
.main_header .search .main_nav .reg_item { position: relative; float: left } 
.main_header .search .main_nav .reg_item > a { display: block; position: relative; float: left; font-family: notoKr, sans-serif; font-size: 15px; line-height: 22px; color: #8a39ce; padding: 15px 5px 16px 42px; width: 68px; border-left:1px solid #eaeef7; border-right:1px solid #eaeef7; background:url('/resources/image/design/main/ib2/btn_reg.png') no-repeat; background-position: 20px center } 
.main_header .search .main_nav .reg_item .dtl { display: none; position: absolute; top: 44px; left: -21px; width: 138px; height: 25px; padding:10px 33px 10px 10px; border:1px solid #616161; box-shadow:0 0 4px RGBA(0,0,0,0.15); background-color: #fff; opacity: 0; z-index: 1000 } 
.main_header .search .main_nav .reg_item .dtl:after { content:""; display:block; clear:both } 
.main_header .search .main_nav .reg_item .dtl li { float: left } 
.main_header .search .main_nav .reg_item .dtl li > a { display: block; font-family: notoKr, sans-serif; font-style: 12px; line-height: 19px; padding:3px; background-color: #635bca; color: #fff; min-width: 58px; text-align: center } 
.main_header .search .main_nav .reg_item .dtl li { margin-left: 10px } 
.main_header .search .main_nav .reg_item .dtl li:first-child { margin-left: 0px } 
.main_header .search .main_nav .reg_item .dtl button { position: absolute; display: block; top:8px; right: 5px; width: 23px; height: 22px; text-indent: -9999px; background:url('/resources/image/design/main/ib2/btn_reg_close.png') no-repeat } 
.main_header.sticky .search { position: fixed; top: -1px; width: 100%; z-index:1001 } 
.main_header.sticky .search ~ .main_nav { margin-top:106px } 
.main_cont { position: relative; min-height: 600px; font-family: Malgun Gothic; overflow: hidden; } 
.main_cont h3 {display: inline-block; font-family: GongGothic; font-weight: 700; font-size: 30px; line-height:35px; color: #2B2B2B; } 

.main_header .search .area .sch_box { position: absolute; top:45px; left:50%; width: 600px; height: 450px; background: #fff; border: 1px solid #635bca; border-radius:0 0 10px 10px; transform:translateX(-50%); box-sizing:border-box; overflow:hidden; box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);; z-index:999 } 

.main_header .search .area .sch_box .sch_game { display: flex; height: 450px; } 
.main_header .search .area .sch_box .sch_game:after { content:""; display:block; clear:both } 
.main_header .search .area .sch_box .sch_game .search_no_new {width: 100%;}
.main_header .search .area .sch_box .sch_game .search_no_new .no_lst {margin-bottom: 14px;}
.main_header .search .area .sch_box .tab_trade { position: absolute; bottom:0px; left: 0px; width: 100%; height: 32px } 
.main_header .search .area .sch_box .tab_trade:after { content: ''; position: absolute; bottom: 32px; left: 0; display: block; width: 100%; height: 15px; box-shadow: 0px -10px 10px 0px #fff inset } 
.main_header .search .area .sch_box .tab_trade ul { position: absolute; bottom:8px; left: 8px } 
.main_header .search .area .sch_box .tab_trade ul:after { content:""; display:block; clear:both } 
.main_header .search .area .sch_box .tab_trade li { float: left } 
.main_header .search .area .sch_box .tab_trade li a { display: block; font-family: notoKr, sans-serif; font-size: 12px; line-height: 18px; padding: 2px 0; width: 45px; border: 1px solid #ebeef7; color: #7f85a5; text-align: center; background-color: #fff } 
.main_header .search .area .sch_box .tab_trade li a.on { z-index: 11; background-color: #7f85a5; color: #fff } 
.main_header .search .area .sch_box .tab_trade li:last-child { margin-left: -1px } 
.main_header .search .area .sch_box .game { position: relative; overflow-y: auto; overflow-x: visible; width:100% } 
/* .main_header .search .area .sch_box .game ul { padding: 20px 0 } */
.main_header .search .area .sch_box .game li a { position:relative; display:block; line-height: 19px; padding:6px 12px; font-size: 14px; color: #666 } 
.main_header .search .area .sch_box .game li a.on { font-weight:bold; color:#626882; background-color:#eaeef9 } 
.main_header .search .area .sch_box .game li a.on:after { content:''; position: absolute; top:50%; right:7px; margin-top:-5px; width: 6px; height: 10px; background:url('/resources/image/design/main/ib2/sch_clamp.png') no-repeat } 
.main_header .search .area .sch_box .game li a:hover { font-weight:bold; color:#626882; background-color:#eaeef9 } 
.main_header .search .area .sch_box .game.on { width: 220px; padding: 0 0 20px; } 
.main_header .search .area .sch_box .game a:hover { font-weight:normal; color:#626882; background-color:#eaeef9 } 
.main_header .search .area .sch_box .game a em { font-style: normal; font-weight: bold; color: #635bca } 
.main_header .search .area .sch_box .server { position:relative; height: 448px; overflow: auto; width:380px; border-left:1px solid #eaeef7 } 
.main_header .search .area .sch_box .server .scr_area { position: relative; height: auto; min-height: 100% } 
.main_header .search .area .sch_box .server ul { padding: 0 0 20px; height: 100% } 
.main_header .search .area .sch_box .server li { float:left; width:50% } 
.main_header .search .area .sch_box .server ul li a { display:block; font-size: 14px; line-height: 19px; padding:6px 12px; color: #666 } 
.main_header .search .area .sch_box .server ul li a:hover { font-weight:bold; color:#635bca; background: #eaeef9; } 
.main_header .search .area .sch_box .server ul li a.on { font-weight:bold; color:#635bca; background: #eaeef9; } 
.main_header .search .area .sch_box .server ul:before { content:''; position: absolute; top:0px; left:50%; width: 0; height: 100%; border-left:1px solid #eaeef7 } 
.main_header .search .area .sch_box .server ul:after { content:""; display:block; clear:both } 
.main_header .search .area .sch_box .no_lst { font-size: 14px; color: #666; text-align: center; } 
.main_header .search .area .sch_box .cfg_my_game a { font-size: 14px; font-weight: bold; color: #fff; display: inline-flex; align-items: center; justify-content: center; width: 165px; height: 40px; color: #fff; padding: 0; background: #635bca; border-radius: 5px; } 
 .main_header .search .area .sch_box .cfg_my_game a img { margin-right: 5px; } 
 .main_header .search .area .sch_box .game_lst_not { height: 90%; display: flex; align-items: center; flex-direction: column; justify-content: center; } 
.main_header .search .area .sch_box .sch_game_tab { padding: 20px } 
.main_header .search .area .sch_box .sch_game_tab .tab { width: 100%; position: relative } 
.main_header .search .area .sch_box .sch_game_tab .tab:after { content:""; display:block; clear:both } 
.main_header .search .area .sch_box .sch_game_tab .tab li { float: left; width: 50% } 
.main_header .search .area .sch_box .sch_game_tab .tab li:last-child { margin-left: -1px; margin-right: -1px } 
.main_header .search .area .sch_box .sch_game_tab .tab li a { display: block; font-size: 14px; line-height: 20px; padding: 10px 0 9px; border: 1px solid #eaeef7; color: #a9afbd; text-align: center; background-color: #fafafa } 
.main_header .search .area .sch_box .sch_game_tab .tab li a.on { font-weight: bold; background-color: #fff; color: #000 } 
.main_header .search .area .sch_box .sch_game_tab .game_lst { padding-left: 10px; margin-top: 17px; height: 350px; overflow: auto } 
.main_header .search .area .sch_box .sch_game_tab .game_lst .cfg_my_game { margin-top: 14px; text-align: center; } 
.main_header .search .area .sch_box .sch_game_tab .game_lst li + li { margin-top: 10px; } 
.main_header .search .area .sch_box .sch_game_tab .game_lst li a { display: flex; font-size: 14px; color: #7e86a8; line-height: 23px } 
.main_header .search .area .sch_box .sch_game_tab .game_lst li a:hover { font-weight:bold; color:#626882; background-color:#eaeef9 } 
.main_header .search .area .sch_box .sch_game_tab .game_lst li a.on { font-weight:bold; color:#626882; background-color:#eaeef9 } 
.main_header .search .area i { font-size: 11px; font-weight: bold; font-style: normal; display: flex; align-items: center; justify-content: center; min-width: 46px; width: 46px; height: 22px; margin-right: 9px; color: #1398ff; border: 1px solid #1398ff; border-radius: 11px; box-sizing: border-box; } 
.main_header .search .area i.buy { color: #ff8711; border: 1px solid #ff8711; } 
.main_header .nav { position: relative; background-color: #ffffff; z-index: 700; } 
.main_header.submain .nav { border-bottom: 1px solid #e8eaf4; } 
.main_header .nav .box { position:relative; width:1000px; margin:0 auto; border: 0; display: flex; justify-content: space-between; padding: 6px 0 15px 0; align-items: center; box-sizing: border-box; } 



/* 메인 비주얼 영역 */
.main_cont .main_visual { position: relative; display: flex; display: -ms-flexbox; justify-content: space-between; width:1160px; margin: 0 auto; margin-top: 40px; } 
.main_visual .main-banner-pagination {position:absolute; display: flex; justify-content: center; align-items: center; width:100%; bottom: 28px; z-index:1; } 
.main_visual .main-banner-pagination span {display: block; width:8px; height:8px; margin:0 10px; background:#fff; border-radius: 8px; line-height: 1; text-indent:-9999px; font-size: 0; opacity: 0.5; -webkit-transition: all 0.2s; /* Safari */transition: all 0.5s; cursor:pointer;  } 
/* .main_visual .main-banner-pagination .swiper-pagination-switch { display: none; }  */
.main_visual .main-banner-pagination .swiper-active-switch { width:40px; opacity: 1; } 

.main_cont .banner { position: relative; width: 1160px; height: 500px; border-radius:20px; overflow: hidden;} 
.main_cont .banner ul li div { height: 500px; background-position: center; display: block; background-repeat: no-repeat; border-radius: 10px; } 
.main_cont .banner ul li div a { display: block; width: 100%; height: 100%; text-indent: -9999px } 

.main_cont .banner .indg a {position: absolute; top: 50%; transform: translateY(-50%); z-index: 10; display:block;  width:62px; height:62px; border-radius: 62px; text-indent:-9999px; font-size: 0}
.main_cont .banner .indg a.btn_prev {left:36px; background:url('/resources/image/design/main/20250627/left_arrow.png') no-repeat; } 
.main_cont .banner .indg a.btn_next {right:36px; background:url('/resources/image/design/main/20250627/right_arrow.png') no-repeat;} 

.cont_wrap { position: relative; overflow: hidden; min-width: 1160px } 
.cont_wrap .sticky_side { position: fixed; background-color: #fff; width: 141px; height: 100%; top:286px; right:-141px; box-shadow: 0px 2px 3px RGBA(0,0,0,0.35); z-index: 801 } 
.cont_wrap .skyscraper { width: 100%; top:0px; width: 141px; height: 100%; font-family: Malgun Gothic; } 
.cont_wrap .skyscraper .ssw { height: 100% } 
.cont_wrap .skyscraper .btn_scs_toggle { position: absolute; top:225px; left: -34px } 
.cont_wrap .skyscraper .btn_scs_toggle a { display: block; width: 34px; height: 140px; background: url(/resources/image/design/main/ib2/btn_scs_off.png) center no-repeat; text-indent: -9999px; font-size: 0 } 
.cont_wrap .skyscraper .btn_scs_toggle a.on { background: url(/resources/image/design/main/ib2/btn_scs_on.png) center no-repeat } 
.scs_banner { margin:10px; width: 121px; height: 141px; overflow: hidden; padding-bottom:20px; margin-bottom: 0 } 
.scs_banner .swiper-container { height: 161px } 
.scs_banner .pagination { position: absolute; top:151px; display: flex; justify-content: flex-end; padding-right: 8px; box-sizing: border-box; width: 100%; text-align: center; font-size: 0px; line-height: 0px } 
.scs_banner.scs_banner_all { margin:10px; width: 120px; height: 145px; margin-bottom: 0; border-radius: 10px; overflow: hidden; box-sizing: border-box;} 
.scs_banner.scs_banner_all .swiper-container { height: 145px; } 
.scs_banner.scs_banner_all .pagination { position: absolute; top:151px; right: 18px; padding-right: 0; display: flex; justify-content: flex-end; box-sizing: border-box; width: auto; text-align: center; font-size: 0px; line-height: 0px } 
.scs_banner .swiper-pagination-switch { background: #d8d8d8; width: 6px; height: 6px; position: relative; display: inline-block; border-radius:100%;; margin-left: 3px; cursor: pointer } 
.scs_banner .swiper-pagination-switch:first-child { margin-left: 0px } 
.scs_banner .swiper-active-switch { background-color: #635bca; } 
.cont_wrap .skyscraper .summary { font-family: notoKr, sans-serif; font-size: 14px; line-height: 19px; color: #1f2152; letter-spacing: -0.025em } 
.cont_wrap .skyscraper .summary > p { margin: 0 22px; border-bottom:1px solid #b7c1d9; text-align: center; line-height: 22px; padding: 25px 0 15px } 
.cont_wrap .skyscraper .summary > p.tit { padding-top:26px } 
.cont_wrap .skyscraper .summary > p.rw_sub { padding: 10px 0 15px } 
.cont_wrap .skyscraper .summary > p.rw_sub span { display: block; line-height: 19px; padding-top: 4px } 
.cont_wrap .skyscraper .summary > a { display: block; margin: 0 22px; border-bottom:1px solid #b7c1d9; text-align: center; line-height: 22px; padding: 25px 0 15px } 
.cont_wrap .skyscraper .summary > a.tit { padding-top:26px } 
.cont_wrap .skyscraper .summary > a.rw_sub { padding: 10px 0 15px } 
.cont_wrap .skyscraper .summary > a.rw_sub span { display: block; line-height: 19px; padding-top: 4px } 
.cont_wrap .skyscraper .summary ul li a { display: block } 
.cont_wrap .skyscraper .summary ul li span { display: block; line-height: 19px; padding-top: 4px } 
.cont_wrap .skyscraper .summary ul li em { font-style: normal; display: block; line-height: 19px; padding-top: 4px; color: #635bca } 
.cont_wrap .skyscraper .summary ul li { padding: 10px 0 15px; border-top:1px solid #b7c1d9; text-align: center } 
.cont_wrap .skyscraper .summary ul li:first-child { border-top:0; padding-top:2px } 
.cont_wrap .skyscraper .summary ul { padding:0 22px } 
.cont_wrap .skyscraper .cont { width: 120px; padding: 25px 0 0; border: 1px solid #f0f0f0; border-radius: 10px; margin: 0 auto; margin-top: 22px; box-sizing: border-box; } 
.cont_wrap .skyscraper .mailage_box { text-align: center; padding-bottom: 30px; } 
.cont_wrap .skyscraper .mailage_box p { display: block } 
.cont_wrap .skyscraper .mailage_box span { font-weight: bold; display: block; line-height: 19px; color: #666; } 
.cont_wrap .skyscraper .mailage_box em { font-style: normal; display: block; line-height: 19px; font-size: 14px; font-weight: bold; margin-top: 3px; color: #635bca } 
.cont_wrap .skyscraper .btn_mailage a { display: flex; align-items: center; justify-content: center; font-size:12px; font-weight: bold; padding: 20px 0; color: #666; border-top: 1px solid #f0f0f0; } 
 .cont_wrap .skyscraper .btn_mailage a img { margin-left: 5px; } 
.cont_wrap .skyscraper .float_tp { position: relative } 
.cont_wrap .skyscraper .float_bt { width: 141px; right: 0px; bottom:0px; background-color: #fff } 
.cont_wrap .skyscraper .float_bt .sch_safe_bay { height: 71px; text-align: center; margin-top: 20px; } 
.cont_wrap .skyscraper .float_bt .sch_safe_bay p { text-align: center; margin-bottom: 10px; } 
.cont_wrap .skyscraper .float_bt .sch_safe_bay .inp_box input[type='text'].type01 { font-size:11px; padding: 0 25px 0 9px; letter-spacing: -0.025em; display: block; width: 120px; border:2px solid #635bca; border-radius: 28px; height: 28px; text-align: left; } 
.cont_wrap .skyscraper .float_bt .sch_safe_bay .inp_box input[type='text'].type01#input_pushitem_keyword { text-align:left } 
.cont_wrap .skyscraper .float_bt .sch_safe_bay .inp_box input[type='text'].type01::placeholder { font-size: 11px; color: #b6b6b6; } 
.cont_wrap .skyscraper .float_bt .sch_safe_bay .inp_box .input_sch { right: inherit; right: 7px; width: 16px; height: 16px; cursor: pointer; background: url(/resources/image/design/main/ib2/btn_safebay_sch.png) 0 0 no-repeat } 
.cont_wrap .skyscraper .float_bt .btn_go_top a { position: fixed; bottom: 0; display: block;font-family: Malgun Gothic; text-align: center; width: 121px; height: 19px; font-size:15px; font-weight: 700; letter-spacing: -0.025em; line-height: 19px; padding: 67px 10px 25px; color: #120b3d; background: url(/resources/image/design/main/ib2/btn_go_top.png) center 40px no-repeat } 
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .cont_wrap .skyscraper .float_bt .btn_go_top a { position: absolute;} 
}
.cont_wrap .skyscraper .btn_sns { position:relative; top:21px; left:19.5px; width:102px; height:30px; background:url(/resources/image/design/main/ib2/img_snsIcon.png) 0 0 no-repeat; font-size:0 } 
.cont_wrap .skyscraper .btn_sns.on { position:absolute; top:auto; bottom:10px } 
.cont_wrap .skyscraper .btn_sns a { display:inline-block; width:30px; height:30px; margin-left:6px } 
.cont_wrap .skyscraper .btn_sns a:first-child { margin-left:0 } 

/* 개인화 영역 */
.main_cont .main_personalize {display:flex; flex-direction: row; width: 1160px; margin: 0 auto; margin-top: 80px; } 
.main_cont .main_personalize .main_top5 {width:686px; margin-right:38px;}
.main_cont .main_personalize .main_top5 ul {display:flex; flex-direction:column; margin-top:28px; }
.main_cont .main_personalize .main_top5 ul li {position:relative; width:686px; height:90px; border-bottom:1px solid #DADADA; }
.main_cont .main_personalize .main_top5 ul li ::before {position:absolute; top: 50%; left:40px; transform:translateY(-50%); font-family:Pretendard; font-size:28px; font-weight:700; color:#3D3D3D; }
.main_cont .main_personalize .main_top5 ul li:nth-of-type(1) ::before {content:'1'; }
.main_cont .main_personalize .main_top5 ul li:nth-of-type(2) ::before {content:'2'; }
.main_cont .main_personalize .main_top5 ul li:nth-of-type(3) ::before {content:'3'; }
.main_cont .main_personalize .main_top5 ul li:nth-of-type(4) ::before {content:'4'; }
.main_cont .main_personalize .main_top5 ul li:nth-of-type(5) ::before {content:'5'; }
.main_cont .main_personalize .main_top5 ul li.on {border:2px solid #635BCA; box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2); box-sizing:border-box; z-index: 1;}
.main_cont .main_personalize .main_top5 ul li a {width:686px; height:90px;border-bottom:1px solid #DADADA; }
.main_cont .main_personalize .main_top5 ul li img {width:100%; height:100%; object-fit: cover;}


.main_cont .main_personalize .main_direct_click {width:496px;}
.main_cont .main_personalize .main_direct_click .main_direct_list {display:flex; flex-direction:row; flex-wrap:wrap; justify-content:space-between; width:436px; margin-top:28px;}
.main_cont .main_personalize .main_direct_click .main_direct_list li {position:relative; display:flex; align-items:center; justify-content:center; width:132px; height:130px; margin-bottom:20px; border:1px solid #E8E8E8; border-radius:10px; text-align:center;} 
.main_cont .main_personalize .main_direct_click .main_direct_list li.on {background:#FAFAFF; border-color:#A9A3F8;}
.main_cont .main_personalize .main_direct_click .main_direct_list li:nth-of-type(1) .main_direct_count {position:absolute; top:12px; right:26px; padding:0 5px; height:24px; line-height:24px; background:#535EDD; border-radius:8px; text-align:center; font-family:Pretendard; font-size: 14px; color:#fff;}
.main_cont .main_personalize .main_direct_click .main_direct_list li:nth-of-type(1) .main_direct_count::after{content:''; position: absolute; display: block; bottom:-5px; left:50%; transform:(-50%); width:5px; height:5px; background:#535EDD; clip-path: polygon(0 0, 0% 100%, 100% 0);}
.main_cont .main_personalize .main_direct_click .main_direct_list li:nth-of-type(2) .main_direct_count {position:absolute; top:12px; right:26px; padding:0 5px; height:24px; line-height:24px; background:#F55C4E; border-radius:8px; text-align:center; font-family:Pretendard; font-size: 14px; color:#fff;}
.main_cont .main_personalize .main_direct_click .main_direct_list li:nth-of-type(2) .main_direct_count::after{content:''; position: absolute; display: block; bottom:-5px; left:50%; transform:(-50%); width:5px; height:5px; background:#F55C4E; clip-path: polygon(0 0, 0% 100%, 100% 0);}
.main_cont .main_personalize .main_direct_click .main_direct_list li .main_direct_title {margin-top:11px; font-family:GongGothic; font-weight: 500; font-size:16px; color:#1D1D1D;}

/* 자주 찾는 게임 */
.main_cont .main_personalize .main_direct_click .often {position:relative; width:436px; height:155px; padding:32px; border:1px solid #E8E8E8; border-radius:10px; box-sizing: border-box;}
.main_cont .main_personalize .main_direct_click .often .title_often { display: flex; justify-content: space-between; } 
.main_cont .main_personalize .main_direct_click .often .title_often h3 { font-size: 18px; font-weight: 500; color: #000; } 
.main_cont .main_personalize .main_direct_click .often .title_often a {font-family: GongGothic; font-size:18px; font-weight: 500; color: #737373; } 
.main_cont .main_personalize .main_direct_click .often .item { display: flex; flex-direction: column; align-items: flex-start;; justify-content: center; margin-top: 18px; } 
.main_cont .main_personalize .main_direct_click .often .item p {position:absolute; overflow: hidden; z-index: 1; top:0; left:0; margin:0 auto; border-radius: 10px; font-family:Pretendard; font-size: 16px; color: #565656; } 
/* 로그인 됐을 경우 (자주 찾는 게임-게임등록X) */
.main_cont .main_personalize .main_direct_click .often .item .btn_submit { font-size: 14px; font-weight: bold; color: #fff; display: inline-flex; align-items: center; justify-content: center; width: 100%; height: 50px; padding: 0; margin-top: 0; background: #635bca; border-radius: 5px; } 
/* 로그인 됐을 경우 (자주 찾는 게임-게임등록o) */
.main_cont .main_personalize .main_direct_click .often .often_game {height: 100%; padding: 0;}
.main_cont .main_personalize .main_direct_click .often .often_game li+li { margin-top: 15px; } 
.main_cont .main_personalize .main_direct_click .often .often_game li a {position:relative; display:block; width:372px; padding-left:12px; font-family:Pretendard; font-size: 16px; text-align: left; color: #565656; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; word-break: keep-all;} 
.main_cont .main_personalize .main_direct_click .often .often_game li a::before {content:''; display: inline-block; position:absolute; top:6px; left:0; width:4px; height:4px; border-radius: 4px; background:#565656;}
.main_cont .main_personalize .main_direct_click .often .often_game li a:hover {text-decoration: underline;}


/* 상품권 영역*/
.main_cont .main_ticket_wrap {position:relative; overflow:hidden; width:1160px; margin:80px auto 0; height:107px; }
.main_cont .main_ticket_wrap::before {content:'';position: absolute; top:0; left:0; z-index:1; background:linear-gradient(90deg, rgb(255, 255, 255) 0%, transparent 100%);  width: 100px; height:100%; pointer-events: none;}
.main_cont .main_ticket_wrap::after {content:'';position: absolute; top:0; right:0; z-index:1; background: linear-gradient(90deg, transparent 0%, rgb(255, 255, 255) 100%); width: 100px; height:100%; pointer-events: none;}
.main_cont .main_ticket_wrap .swiper-wrapper {position:relative; width: 100%; }
.main_cont .main_ticket_wrap .swiper-wrapper a {display:block; float:left; flex-direction:row; justify-content: center; width:123px;}
.main_cont .main_ticket_wrap .swiper-wrapper a .main_ticket_img {overflow:hidden; width:80px; height:80px; margin:0 auto; border-radius: 40px; background:#dfdfdf;}
.main_cont .main_ticket_wrap .swiper-wrapper a .main_ticket_img img {width:100%; height:100%; object-fit: cover;}
.main_cont .main_ticket_wrap .swiper-wrapper a .main_ticket_title {margin-top:8px; font-family:Pretendard; font-size: 16px; color:#000; word-break: keep-all; word-wrap: normal; text-align: center;}


/* 필수 모음 영역 */
.main_cont .main_essential {display: flex; flex-direction:column; width:1160px; margin:80px auto 0;}
.main_cont .main_essential h3 {margin:0 auto;}
.main_cont .main_essential .cont {display:flex; flex-direction:row; justify-content:space-between; margin-top:40px; }
.main_cont .main_essential .cont a {display:block; width:260px; height:218px; border-radius: 40px; background:#dfdfdf;}
.main_cont .main_essential .cont a img {width:100%; height:100%; object-fit: cover;}


/* 베이만의 혜택 */
.main_cont .main_benefit {display: flex; flex-direction:column; width:1160px; margin:80px auto 0;}
.main_cont .main_benefit h3 {margin:0 auto;}
.main_cont .main_benefit .cont {display:flex; flex-direction:row; flex-wrap:wrap; justify-content:space-between;}
.main_cont .main_benefit .cont a {margin-top:40px;}

/* 공지사항 */
.main_cont .main_notice {display: flex; flex-direction:row; width:1160px; height:72px; box-sizing: border-box; margin:60px auto 120px; border:1px solid #EAEAEA; border-radius: 8px;}
.main_cont .main_notice h3 {width:76px; margin-right:23px; padding:24px 0 24px 28px; font-size:20px; line-height: 24px;}
.main_cont .main_notice .swiper-container {position: relative; width:1000px; }
.main_cont .main_notice .swiper-wrapper {position:relative; width: 100%; width:100%; }
.main_cont .main_notice .swiper-wrapper li {display: flex; align-items: center;}
.main_cont .main_notice .swiper-wrapper li a {position:relative; display:flex; justify-content:space-between; width:1000px; font-family:Pretendard; padding-left:15px; font-size:20px; color:#000; line-height:24px;}
.main_cont .main_notice .swiper-wrapper li a::before {content:''; display: inline-block; position:absolute; top:10px; left:0; width:4px; height:4px; border-radius: 4px; background:#565656;}
.main_cont .main_notice .swiper-wrapper li a span {display:block;}

/* 왼쪽 윙배너 */
.banner_left_wing { position: absolute; top: 0; left: -340px; } 
.banner_left_wing button { position: absolute; bottom: 0; right: 0; width: 47px; height: 20px; padding: 0; text-indent: -9999px; cursor: pointer; } 



.ie_check_banner { display:none; height:35px; background:#f9f4b6; border-top:1px solid #e6e094; border-bottom:1px solid #e6e094 } 
.ie_check_banner > div { position:relative; width:1000px; margin:0 auto; padding-left:20px; font-size:0; box-sizing:border-box } 
.ie_check_banner .info { display:inline-block; height:35px; line-height:35px; font-size:12px; color:#363636; vertical-align:middle } 
.ie_check_banner .info:before { content:''; display:inline-block; width:16px; height:16px; margin-right:10px; background:url('/resources/image/design/main/ib2/ico_checkIE.png') 0 0 no-repeat; vertical-align:middle } 
.ie_check_banner a[class^="btn_"] { margin-left:30px } 
.ie_check_banner a[class^="btn_"]:before { content:''; display:inline-block; height:20px; margin-right:8px; background-image:url('/resources/image/design/main/ib2/ico_checkIE.png'); background-repeat:no-repeat; vertical-align:middle } 
.ie_check_banner a[class^="btn_"]:after { display:inline-block; width:60px; height:20px; background:#fff; border:1px solid #5d5d5d; line-height:20px; font-size:11px; color:#000; text-align:center; vertical-align:middle; box-sizing:border-box } 
.ie_check_banner a[class^="btn_"]:hover:after,
.ie_check_banner a[class^="btn_"]:active:after { background:#e6e6e6 } 
.ie_check_banner .btn_ie:before { width:21px; background-position:-16px 0 } 
.ie_check_banner .btn_ie:after { content:'업데이트' } 
.ie_check_banner .btn_chrome:before { width:20px; background-position:-37px 0 } 
.ie_check_banner .btn_chrome:after { content:'다운로드' } 
.ie_check_banner .close { position:absolute; top:10px; right:0; width:16px; height:15px; background:url('/resources/image/design/main/ib2/ico_checkIE.png') -57px 0 no-repeat; vertical-align:middle } 

/*내pc점검*/
.popup_box .popup_dimmed { display: block; display: none; width: 100%; height: 100%; top:0; left: 0; position: fixed; background-color: RGBA(0,0,0,0.67); z-index: 1001; opacity: 0 } 
.popup_freevc { position: fixed; display: none; width: 332px; height: 576px; top:50%; left: 50%; margin-top:-288px; margin-left: -166px; background-color: #fff; border:1px solid #616161; opacity: 0; z-index: 1002; font-family: notoKr, sans-serif } 
.popup_freevc .area { padding:24px 16px 28px; background: url(/resources/image/design/main/ib2/bg_freevc.png) 49px 110px no-repeat; height: 494px } 
.popup_freevc h4 { font-size: 26px; color: #336ecd; line-height: 36px; letter-spacing: -0.025em; font-weight: normal; text-align: center } 
.popup_freevc p { font-size: 14px; color: #616781; line-height: 18px; letter-spacing: -0.025em; text-align: center; margin-top: 5px; margin-bottom: 251px } 
.popup_freevc .btn_full02 { background-color: #3d68cd; font-size: 16px; letter-spacing: -0.025em; margin:17px 4px 0 } 
.popup_freevc p.ntc { margin:0; padding:19px 0 0 18px; font-size: 12px; line-height: 14px; color: #f42e4f; text-align: left } 
.popup_freevc .cls_box { height: 16px; text-align: right; background-color: #333b58; color: #fff; padding:7px 20px } 
.popup_freevc .cls_box .inp_box { display: inline-block } 
.popup_freevc .cls_box .inp_box label { line-height: 16px; font-size: 12px; color: #d7dbe3; padding-left: 0px; padding-right: 25px; margin-right: 10px } 
.popup_freevc .cls_box .inp_box label.chkbox::before { background: url(/resources/image/design/main/ib2/btn_cls_nv_s.png) 0px 0px no-repeat; right: 8px; left: inherit; width: 12px; height: 12px; top:50%; margin-top:-6px } 
.popup_freevc .cls_box .inp_box input[type='checkbox'].type01:checked + label::before { background-position-x: -12px } 
.popup_freevc .cls_box .inp_box input[type='checkbox'].type01 { opacity: 0 } 
.popup_freevc .cls_box .btn_cls { display: inline-block; line-height: 16px } 
.popup_freevc .cls_box .btn_cls a { display: inline-block; color: #d7dbe3; padding-right: 16px; background: url(/resources/image/design/main/ib2/btn_pop_cls.png) right center no-repeat } 
.popup_video_01 { position: fixed; display: none; width: 853px; height: 479px; top:50%; left: 50%; margin-top:-242px; margin-left: -429px; background-color: #fff; border:4px solid #161616; opacity: 0; z-index: 1002 } 
.popup_video_01 iframe { background-color: #161616 } 
.popup_video_01 .btn_cls a { position: absolute; right: -4px; top:-76px; width: 72px; height: 72px } 
.popup_video_01 .btn_cls a { display: block; width: 72px; height: 72px; background: url(/resources/image/design/main/ib2/ico_close.png) 18px no-repeat; background-color: #161616; text-indent: -99999px } 



/* 베이글 검색 팝업 */
.popup_search_baygle { display:none; position:fixed; top:0; left:0; right:0; bottom:0; background-color:rgba(0,0,0,0.7); line-height:1.2; font-family:'Malgun Gothic',sans-serif; backdrop-filter:blur(3px); z-index:1002 } 
.popup_search_baygle > .pop_inner { position:relative; margin-top:90px; width:100%; height:calc(100% - 90px); background-color:#fff; overflow-y: auto } 
.popup_search_baygle > .pop_inner > .baygle_container { display:none; width:1000px; margin:55px auto 0; padding-bottom:40px } 
.popup_search_baygle > .pop_inner > .baygle_container .banner_left { position:absolute; top:0; left:-280px } 
.popup_search_baygle > .pop_inner > .baygle_container .banner_left > *[class^="banner"] { display:block; width:200px; height:200px; background-color:gray } 
.popup_search_baygle > .pop_inner > .baygle_container .banner_left .banner01 { margin-bottom:10px } 
.popup_search_baygle
  > .pop_inner
  > .baygle_container
  .banner_left
  .banner_diablo {
  display: none;
}
.popup_search_baygle > .pop_inner > .baygle_container .banner_right { position:absolute; top:0; right:-200px } 
.popup_search_baygle > .pop_inner > .baygle_container .banner_right .baygle_right_banner { margin:0 } 
.popup_search_baygle .baygle_notice { position: relative; z-index: 1; margin-top: 0px; margin-bottom: 20px; font-family: 'Malgun Gothic',sans-serif; font-size: 12px; color: #7e86a8; text-align: center; display: block; } 
.popup_search_baygle > .pop_inner > .baygle_header.sticky .baygle_notice { display: none; } 
.popup_search_baygle > .pop_inner > .baygle_container .check_list_wrap .li_td2_inp1 { width:480px } 
.popup_search_baygle > .pop_inner > .baygle_container .check_list_wrap .li_td2_inp1 > input { font-family: 'Malgun Gothic',sans-serif; width:100% } 
.popup_search_baygle > .btn_close {
  position: absolute;
  top: 42px;
  left: 50%;
  width: 88px;
  height: 29px;
  margin-left: 450px;
  background: url("/resources/image/design/common/symbol/close_88x29.png")
    center no-repeat;
  cursor: pointer;
}
.popup_search_baygle .season_logo { position:relative; width:1000px; height:43px; margin:0 auto } 
.popup_search_baygle .season_logo img:nth-child(1) {
  display: none;
}
.popup_search_baygle .season_logo .baygle_guide_hover { position:absolute; top:152px; left:604px; animation-name:guide_hover_width_out; animation-duration: 1s; animation-delay: 0.5s; animation-direction: alternate; animation-iteration-count:infinite; width:19px; height:16px; background:url('/resources/image/design/main/ib2/baygle_guide_hover2.jpg') 0 0 no-repeat; border-radius:16px; cursor:pointer; color: transparent; text-shadow: 0 0 0 #2196f3; } 
.popup_search_baygle .season_logo .baygle_guide_hover:hover { position:absolute; top:152px; left:604px; animation-name:guide_hover_width_in; width:48px; height:16px; animation-play-state:paused; background:url('/resources/image/design/main/ib2/baygle_guide_hover2.jpg') 0 0 no-repeat; cursor:pointer; color: transparent; text-shadow: 0 0 0 #2196f3; } 
@keyframes guide_hover_width_out { 
 0% { width:16px; height:16px; border-radius:16px; background-color:#000; } 
 100% { width:48px; height:16px; border-radius:16px; background:url('/resources/image/design/main/ib2/baygle_guide_hover2.jpg') 0 0 no-repeat; background-color:#000 } 
 }
@keyframes guide_hover_width_in { 
 0% { width:48px; height:16px; border-radius:16px; background:url('/resources/image/design/main/ib2/baygle_guide_hover2.jpg') 0 0 no-repeat; background-color:#000 } 0% { width:16px; height:16px; border-radius:16px; background-color:#000; } 
 100% { width:48px; height:16px; border-radius:16px; background:url('/resources/image/design/main/ib2/baygle_guide_hover2.jpg') 0 0 no-repeat; background-color:#000 } 
 }

.popup_search_baygle .search_area { position:relative; display:flex; width:720px; margin:0 auto; box-shadow:1px 0 5px 0 rgba(0,0,0,0.13); border:1px solid transparent; border-radius:32px; align-items:center; flex-wrap:wrap; box-sizing:border-box } 
.popup_search_baygle .search_area img:nth-child(1) {
  width: 70px;
  height: 19px;
  margin-left: 28px;
  z-index: 20;
}
.popup_search_baygle .search_area:hover,
.popup_search_baygle .search_area:hover .keyword_layer { border:1px solid #e7e7e7 } 
.popup_search_baygle .search_area .sch_del { width:21px; height:21px; margin-right:10px; background:url('/resources/image/design/common/symbol/close_20x20_a9afbd.png') 0 0 no-repeat; cursor:pointer; z-index:11 } 
.popup_search_baygle .search_area .inp_search { position:relative; flex:1; height:64px; margin-left:30px; border:0; font-family:'Malgun Gothic',sans-serif; font-size:18px; color:#000; box-sizing:border-box; z-index:11 } 
.popup_search_baygle .search_area .inp_search:hover,
.popup_search_baygle .search_area .inp_search:focus { background-color:#fff } 
.popup_search_baygle .search_area .btn_submit { position:relative; width:59px; height:59px; margin-right:3px; background:url('/resources/image/design/common/symbol/sch_circle_59x59_8a39ce.png') 0 0 no-repeat; cursor:pointer; z-index: 11 } 
.popup_search_baygle .search_area .keyword_layer { position:absolute; top:-1px; left:-1px; right:-1px; display:none; padding:86px 30px 20px; background-color:#fff; border:1px solid transparent; border-radius:32px; box-shadow:1px 0 5px 0 rgba(0,0,0,0.13); box-sizing:border-box; z-index:10 } 
.popup_search_baygle .search_area .keyword_layer::before { content:''; position:absolute; top:64px; left:0; width:100%; height:1px; background:#ebebeb } 
.popup_search_baygle .search_area .recent_list > h6 { margin-bottom:20px; font-size:18px; color:#000 } 
.popup_search_baygle .search_area .recent_list li { display:flex; align-items:center } 
.popup_search_baygle .search_area .recent_list li + li { margin-top:10px } 
.popup_search_baygle .search_area .recent_list li > a { display:flex; flex:1; font-size:14px; color:#666; align-items:center } 
.popup_search_baygle .search_area .recent_list li > a::before { content:''; display:block; width:22px; height:22px; margin-right:10px; background:url('/resources/image/design/common/symbol/sch_circle_22x22_b7c1d9.png') } 
.popup_search_baygle .search_area .recent_list li > a:hover { font-weight:700 } 
.popup_search_baygle .search_area .recent_list .recent_clear { width:20px; height:20px; background:url('/resources/image/design/common/symbol/close_10x10_c5c5c5.png') center no-repeat; cursor:pointer } 
.popup_search_baygle .search_area .recent_list .recent_clear_all { display:flex } 
.popup_search_baygle .search_area .recent_list .recent_clear_all > button { padding:5px; margin-right:-5px; margin-left:auto; font-size:12px; font-weight:700; color:#999; text-decoration:underline; cursor:pointer; } 
.popup_search_baygle .search_area .recent_list .no_data { padding:5px 0 20px; font-size:14px; color:#666 } 

.popup_search_baygle .item_list_top { display:flex; align-items:flex-end } 
.popup_search_baygle .item_list_top > h6 { font-family:'Malgun Gothic',sans-serif; font-size:16px; color:#1f2152 } 
.popup_search_baygle .item_list_top .item_list_tab { margin-left:auto; margin-bottom:0 } 
.popup_search_baygle .view_area .item_list_area1 { margin-bottom:20px } 
.popup_search_baygle .view_area table tr td { padding:0 5px; font-family:'Malgun Gothic',sans-serif; word-break:keep-all; word-wrap:break-word } 
.popup_search_baygle .view_area table tr:hover:not(.search_no) td { background-color:#c8effe } 

.popup_search_baygle .view_area tr:hover td.goods_name .btn_before_view1::after { background:#fbfbff url('/resources/image/itemList/btn_search2.gif') 6px 8px no-repeat; border:1px solid #e1e3e8 } 
.popup_search_baygle .view_area td.goods_name .title { text-align:left; color: #2c2d34; } 
.popup_search_baygle .view_area .game_server { text-align:center } 
.popup_search_baygle .view_area .game_server > p { white-space:nowrap; text-overflow:ellipsis; overflow:hidden; } 
.popup_search_baygle .view_area .price { font-size:14px; font-weight:700; color:#ea254f; letter-spacing:-.1px } 
.popup_search_baygle .view_area .unit_price { font-size:14px; font-weight:700; color:#2c2d34; letter-spacing:.1px } 
.popup_search_baygle .btn_more { display:flex; width:100%; height:50px; background-color:#fbfbff; border:1px solid #dee7ea; font-size:16px; color:#666; align-items:center; justify-content:center; cursor:pointer } 
.popup_search_baygle .btn_more::after { content:''; display:block; width:15px; height:15px; margin-left:10px; background:url('/resources/image/design/common/symbol/plus_15x15_7d7e80.png') 0 0 no-repeat } 
.popup_search_baygle .page_top_down { display:flex; display:none; position:fixed; bottom:100px; left:50%; margin-left:570px; flex-direction:column } 
.popup_search_baygle .page_top_down > a { display:flex; width:45px; height:58px; border:1px solid #dee7ea; font-size:10px; color:#666; align-items:center; justify-content:center; flex-direction:column; box-sizing:border-box } 
.popup_search_baygle .page_top_down .btn_top { border-bottom:0 } 
.popup_search_baygle .page_top_down .btn_down::after,
.popup_search_baygle .page_top_down .btn_top::before { content:''; display:block; width:13px; height:16px; background:url('/resources/image/design/common/symbol/arrow_13x16_7d7e80.png') 0 0 no-repeat } 
.popup_search_baygle .page_top_down .btn_down::after { transform:rotate(180deg) } 
.popup_search_baygle .popup_detail { position:fixed; top:50%; left:50%; width:960px; padding:30px; margin-top:-305px; margin-left:-480px; background:#fff; border-radius:10px; box-shadow:0 0 21px rgba(0,0,0,0.17); box-sizing:border-box; z-index:99 } 
.popup_search_baygle .popup_detail .pop_header { display:flex; margin-bottom:20px; align-items:center } 
.popup_search_baygle .popup_detail .pop_header > h5 { font-size:18px; color:#000; word-break:keep-all } 
.popup_search_baygle .popup_detail .pop_header > .btn_close { width:40px; height:40px; padding:5px; margin:-5px; margin-left:auto; background:url('/resources/image/design/common/symbol/close_20x20_1d1b1b.png') center no-repeat; cursor:pointer } 
.popup_search_baygle .popup_detail .pop_container { display:flex } 
.popup_search_baygle .popup_detail .pop_container .detail_slide { position:relative; width:500px; height:500px; margin-right:30px; background-color:#000; overflow:hidden } 
.popup_search_baygle .popup_detail .pop_container .detail_info { flex:1; display:flex; height:500px; border-top:1px solid #666; flex-direction:column } 
.popup_search_baygle .popup_detail .pop_container .detail_info .btn_detail { display:flex; padding:10px 16px; border:1px solid #e9ecf4; line-height:1; font-family:notoKr, sans-serif; font-size:12px; color:#231f20; align-items:center } 
.popup_search_baygle .popup_detail .pop_container .detail_info .btn_detail::before { content:''; display:block; width:9px; height:9px; margin-right:8px; background:url('/resources/image/design/common/symbol/plus_9x9_231f20.png') center no-repeat } 
.popup_search_baygle .popup_detail .pop_container .detail_tit { padding:10px 0; border-bottom:1px solid #e0e0e0; line-height:1.2; font-size:18px; color:#666; word-break:break-all } 
.popup_search_baygle .popup_detail .pop_container .detail_content { flex:1; padding:20px 0; border-bottom:1px solid #666; line-height:1.7; color:#666; word-break:break-all; overflow-y:auto } 
.popup_search_baygle .popup_detail .slide_container { position:relative; max-width:100%; height:500px; overflow:hidden } 
.popup_search_baygle .popup_detail .slide_container .baygle_slide_wrap { height:100% } 
.popup_search_baygle .popup_detail .slide_container .baygle_slide_wrap ul { height:100% } 
.popup_search_baygle .popup_detail .slide_container li { display:flex; width:100%; height:100%; text-align:center; overflow:hidden; align-items:center; justify-content:center } 
.popup_search_baygle .popup_detail .slide_container li > img { width:100% } 
.popup_search_baygle .popup_detail .detail_slide .baygle_slide_page { position:absolute; bottom:0; left:50%; padding:5px 10px; margin-bottom:20px; background-color:rgba(0,0,0,0.8); border-radius:17px; font-size:16px; color:#fff; text-align:center; transform:translateX(-50%) } 
.popup_search_baygle .popup_detail .detail_slide .baygle_slide_page .current { font-weight:700; color:#635bca } 
.popup_search_baygle .popup_detail .detail_slide .baygle_slide_page .current::after { content:' / '; margin:0 2px; font-size:12px; font-weight:100; color:#fff; vertical-align:2px; } 
.popup_search_baygle .popup_detail .detail_slide .baygle_btn_prev, 
.popup_search_baygle .popup_detail .detail_slide .baygle_btn_next { position:absolute; top:50%; width:80px; height:80px; background:rgba(255,255,255,0.2); border-radius:50%; transform:translateY(-50%); cursor:pointer } 
.popup_search_baygle .popup_detail .detail_slide .baygle_btn_prev { left:-40px } 
.popup_search_baygle .popup_detail .detail_slide .baygle_btn_next { right:-40px } 
.popup_search_baygle .popup_detail .detail_slide .baygle_btn_prev::before,
.popup_search_baygle .popup_detail .detail_slide .baygle_btn_next::before { content:''; display:block; position:absolute; top:50%; width:11px; height:22px; background:url('/resources/image/design/common/symbol/arrow_11x22_fff.png') 0 0 no-repeat } 
.popup_search_baygle .popup_detail .detail_slide .baygle_btn_prev::before { right:20px; transform:translateY(-50%) } 
.popup_search_baygle .popup_detail .detail_slide .baygle_btn_next::before { left:20px; transform:translateY(-50%) rotate(180deg); } 
.popup_search_baygle .popup_detail.none_image { width:640px; margin-left:-320px } 
.popup_search_baygle .popup_detail.none_image .detail_slide { display:none } 
.popup_search_baygle .basic_logo { display:none; position:absolute; top:70px; left:50%; width:101px; height:31px; background:url('/resources/image/design/main/ib2/img_baygle_small_logo.png') 0 0 no-repeat; background-size:100%; transform:translateX(-50%) } 
.popup_search_baygle > .pop_inner > .baygle_header.sticky { display:flex; position:fixed; top:90px; left:0; width:calc(100% - 17px); height:70px; background:rgba(255,255,255,0.97); box-shadow:0 3px 5px rgba(0,0,0,0.05); align-items:center; justify-content:center; z-index:99 } 
.popup_search_baygle > .pop_inner > .baygle_header.sticky .season_logo { display:none } 
.popup_search_baygle > .pop_inner > .baygle_header.sticky .basic_logo { display:block; position:static; transform:translate(0) } 
.popup_search_baygle > .pop_inner > .baygle_header.sticky .search_area { margin-left:70px; margin-right:0; border-color:#e7e7e7; box-shadow:none } 
.popup_search_baygle > .pop_inner > .baygle_header.sticky .search_area:hover { border-color:transparent; box-shadow:1px 0 5px 0 rgba(0,0,0,0.13) } 
.popup_search_baygle > .pop_inner > .baygle_header.sticky .search_area .inp_search { height:36px; font-size:14px } 
.popup_search_baygle > .pop_inner > .baygle_header.sticky .search_area .sch_del { width:14px; height:14px; background-size:100% } 
.popup_search_baygle > .pop_inner > .baygle_header.sticky .search_area .btn_submit { width:30px; height:30px; background-size:100% } 
.popup_search_baygle > .pop_inner > .baygle_header.sticky .search_area .keyword_layer { padding-top:58px; border-radius:20px } 
.popup_search_baygle > .pop_inner > .baygle_header.sticky .search_area .keyword_layer::before { top:38px } 
.popup_search_baygle > .pop_inner > .baygle_header.sticky .search_area .recent_list > h6 { font-size:14px } 
.popup_search_baygle > .pop_inner > .baygle_header.sticky ~ .baygle_container { margin-top:356px } 
.popup_search_baygle > .pop_guide_baygle { display:none; position:absolute; top:50%; left:50%; transform: translate(-50%, -50%); width:966px; height:722px; background:#fff; border-radius:10px; box-shadow: 1px 1px 20px #9f9a9a; z-index:101; } 
.popup_search_baygle > .pop_guide_baygle button { cursor:pointer; } 
.popup_search_baygle > .pop_guide_baygle .btn_close { position:absolute; top:25px; right:31px; width:21px; height:23px; background:url('/resources/image/design/main/ib2/baygle_guide_close.jpg') 0 0 no-repeat; } 
.popup_search_baygle > .pop_guide_baygle .guide_title { margin-top:43px; text-align:center; font-size:26px; font-weight:700; color:#000 } 
.popup_search_baygle > .pop_guide_baygle .guide_btn_wrap { overflow:hidden; margin-top:53px; margin-bottom:23px } 
.popup_search_baygle > .pop_guide_baygle .btn_slide1 { float:left; margin-left:227px; width:166px; height:76px; background:url('/resources/image/design/main/ib2/baygle_guide_btn1.jpg') 0 0 no-repeat; } 
.popup_search_baygle > .pop_guide_baygle .btn_slide2 { float:left; margin-left:80px; width:100px; height:76px; background:url('/resources/image/design/main/ib2/baygle_guide_btn2.jpg') 0 100% no-repeat; } 
.popup_search_baygle > .pop_guide_baygle .btn_slide3 { float:left; margin-left:63px; width:100px; height:76px; background:url('/resources/image/design/main/ib2/baygle_guide_btn3.jpg') 0 100% no-repeat; } 
.popup_search_baygle > .pop_guide_baygle .btn_right { position:absolute; top:393px; right:57px; width:35px; height:67px; background:url('/resources/image/design/main/ib2/baygle_guide_right.jpg') 0 0 no-repeat; } 
.popup_search_baygle > .pop_guide_baygle .btn_left { position:absolute; top:393px; left:56px; width:35px; height:67px; background:url('/resources/image/design/main/ib2/baygle_guide_left.jpg') 0 0 no-repeat; } 
.popup_search_baygle > .pop_guide_baygle .guide_slide_wrap { overflow:hidden; position:relative; margin:0 auto; width:600px; height:384px; border:1px solid #bec3c6; } 
.popup_search_baygle > .pop_guide_baygle .guide_slide_wrap > div { width:600px; height:384px; } 
.popup_search_baygle > .pop_guide_baygle .guide_slide_wrap > div img { width:600px; height:384px; } 
.popup_search_baygle > .pop_guide_baygle .guide_slide_btn { overflow:hidden; margin:10px auto 20px; width:600px; text-align:center; } 
.popup_search_baygle > .pop_guide_baygle .guide_slide_btn li { display:inline-block; margin:0 3px; width:8px; height:8px; border-radius:8px; background:#fff; border:2px solid #8a39ce; box-sizing:border-box } 
.popup_search_baygle > .pop_guide_baygle .guide_slide_btn li.on { background:#8a39ce } 
.popup_search_baygle > .pop_guide_baygle .guide_text p { display:none; text-align:center; font-size:18px; color:#666; } 
.popup_search_baygle > .pop_guide_baygle .guide_text p:nth-child(1) { display:block; } 

.popup_search_baygle .cnt_list { font-family: 'Malgun Gothic',sans-serif; } 
.popup_search_baygle .cnt_list .check_list_wrap th.check_li_th1,
.popup_search_baygle .cnt_list .check_list_wrap .check_li_td1 span { font-weight: 700; } 
.popup_search_baygle .inp_box label.chkbox { font-family: 'Malgun Gothic',sans-serif; } 
.popup_search_baygle .item_list_wrap tbody td.goods_name .btn_before_view1 { font-size: 0; } 
.popup_search_baygle .item_list_area1 .tblList1 tbody td:nth-child(3) { padding-left: 5px; padding-right: 5px; white-space: nowrap; font-size: 11px; color: #a9afbd; } 
.popup_search_baygle .item_list_area1 .tblList1 tbody td:last-child { white-space: nowrap; font-size: 11px; color: #a9afbd; } 

@keyframes animatedgradient { 
 0% { background-position: 0% 50% } 
100% { background-position: 150% 50%; } 
 }
/* 인기검색어 추가 */
.popup_search_baygle .popular_search_area {
  display: flex;
  justify-content: center;
  margin-top: 20px;
}
.popup_search_baygle > .pop_inner > .baygle_header.sticky .popular_search_area {
  display: none;
}
.popup_search_baygle .popular_search_area h6 {
  font-family: "Malgun Gothic", sans-serif;
  font-size: 14px;
  color: #5649ba;
  margin-right: 18px;
}
.popup_search_baygle .popular_search_area .popular_search_list {
  display: flex;
}
.popup_search_baygle .popular_search_area .popular_search_list li + li {
  margin-left: 13px;
}
.popup_search_baygle .popular_search_area .popular_search_list li a {
  font-family: "Malgun Gothic", sans-serif;
  font-size: 14px;
  color: #000;
}
/* 거래완료 추가시 */
.popup_search_baygle .view_area table tr.trade_done:hover td {
  background-color: transparent;
}
.popup_search_baygle .deal_fin_ico {
  font-size: 12px !important;
  white-space: nowrap;
  padding: 0 !important;
}
/* 베이글 게임/서버 검색추가 */
.popup_search_baygle .sch_game {
  display: flex;
  height: 400px;
}
.popup_search_baygle .sch_box {
  z-index: 12;
  position: absolute;
  top: 124px;
  left: 145px;
  height: 400px;
  width: 480px;
  border: 1px solid #6f748c;
  box-sizing: border-box;
  background: #fff;
  overflow: hidden;
}
.popup_search_baygle .sch_box .sch_game:after {
  content: "";
  display: block;
  clear: both;
}
.popup_search_baygle .sch_box .tab_trade {
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 100%;
  height: 32px;
}
.popup_search_baygle .sch_box .tab_trade:after {
  content: "";
  position: absolute;
  bottom: 32px;
  left: 0;
  display: block;
  width: 100%;
  height: 15px;
  box-shadow: 0px -10px 10px 0px #fff inset;
}
.popup_search_baygle .sch_box .tab_trade ul {
  position: absolute;
  bottom: 8px;
  left: 8px;
}
.popup_search_baygle .sch_box .tab_trade ul:after {
  content: "";
  display: block;
  clear: both;
}
.popup_search_baygle .sch_box .tab_trade li {
  float: left;
}
.popup_search_baygle .sch_box .tab_trade li a {
  display: block;
  font-family: notoKr, sans-serif;
  font-size: 12px;
  line-height: 18px;
  padding: 2px 0;
  width: 45px;
  border: 1px solid #ebeef7;
  color: #7f85a5;
  text-align: center;
  background-color: #fff;
}
.popup_search_baygle .sch_box .tab_trade li a.on {
  z-index: 11;
  background-color: #7f85a5;
  color: #fff;
}
.popup_search_baygle .sch_box .tab_trade li:last-child {
  margin-left: -1px;
}
.popup_search_baygle .sch_box .game {
  position: relative;
  overflow-y: auto;
  overflow-x: visible;
  width: 100%;
}
.popup_search_baygle .sch_box .game li a {
  font-family: "Malgun Gothic", sans-serif;
  position: relative;
  display: block;
  line-height: 19px;
  padding: 6px 10px;
  font-size: 12px;
  color: #616781;
}
.popup_search_baygle .sch_box .game li a.on {
  font-weight: bold;
  color: #626882;
  background-color: #eaeef9;
}
.popup_search_baygle .sch_box .game li a:hover {
  font-weight: bold;
  background-color: #eaeef9;
}
.popup_search_baygle .sch_box .game.on {
  width: 175px;
  padding: 20px 0;
}
.popup_search_baygle .sch_box .game a:hover {
  font-weight: normal;
  color: #626882;
  background-color: #eaeef9;
}
.popup_search_baygle .sch_box .game a em {
  font-style: normal;
  font-weight: bold;
  color: #635bca;
}
.popup_search_baygle .sch_box .server {
  position: relative;
  overflow: auto;
  width: 305px;
  border-left: 1px solid #eaeef7;
}
.popup_search_baygle .sch_box .server .scr_area {
  position: relative;
  height: auto;
  min-height: 100%;
}
.popup_search_baygle .sch_box .server ul {
  padding: 20px 0 20px;
  height: 100%;
}
.popup_search_baygle .sch_box .server li {
  float: left;
  width: 50%;
}
.popup_search_baygle .sch_box .server ul li a {
  font-family: "Malgun Gothic", sans-serif;
  display: block;
  line-height: 19px;
  padding: 6px 10px;
  font-size: 12px;
  color: #616781;
}
.popup_search_baygle .sch_box .server ul li a:hover {
  font-weight: bold;
  background-color: #eaeef9;
}
.popup_search_baygle .sch_box .server ul li a.on {
  font-weight: bold;
  color: #626882;
  background-color: #eaeef9;
}
.popup_search_baygle .sch_box .server ul:before {
  content: "";
  position: absolute;
  top: 0px;
  left: 50%;
  width: 0;
  height: 100%;
  border-left: 1px solid #eaeef7;
}
.popup_search_baygle .sch_box .server ul:after {
  content: "";
  display: block;
  clear: both;
}
.popup_search_baygle .sch_box .no_lst {
  font-family: "Malgun Gothic", sans-serif;
  font-size: 14px;
  line-height: 20px;
  padding: 10px 0 10px;
  color: #616781;
}
.popup_search_baygle
  > .pop_inner
  > .baygle_container
  .check_list_wrap
  .check_li_td2
  > button {
  font-family: "Malgun Gothic", sans-serif;
  font-weight: 600;
  font-size: 12px;
  width: 73px;
  height: 32px;
  margin-left: 5px;
  color: #616781;
  background: #f1f2f4;
  border: 1px solid #6f748c;
  cursor: pointer;
}
.popup_search_baygle
  > .pop_inner
  > .baygle_container
  .check_list_wrap
  .check_li_td2
  > button::before {
  margin-top: 0;
}
.popup_search_baygle .pop_tip_area {
  position: relative;
  width: 720px;
  height: 500px;
  margin: 42px auto;
  background-image: url("/resources/image/design/main/ib2/tip.jpg");
  background-repeat: no-repeat;
}
.popup_search_baygle .img_diablo_check {
  position: absolute;
  top: 192px;
  left: 184px;
  animation: blink-check 0.7s step-end infinite;
}

/* 디아블로 베이글 */
.diablo_baygle.popup_search_baygle {
  margin: 0;
}
.diablo_baygle.popup_search_baygle > .pop_inner {
  background-color: #020001;
  background-image: url(/resources/image/design/main/ib2/main_baygle_diablo.jpg);
  background-repeat: no-repeat;
  background-position: 50% 0;
  background-attachment: local;
}
.diablo_baygle.popup_search_baygle > .pop_inner > .baygle_header.sticky {
  display: flex;
  position: fixed;
  top: 90px;
  left: 0;
  width: calc(100% - 17px);
  height: 120px;
  background: rgba(17, 17, 17, 0.95);
  box-shadow: 0 3px 5px rgba(0, 0, 0, 0.05);
  align-items: center;
  justify-content: center;
  z-index: 99;
}
.diablo_baygle.popup_search_baygle
  > .pop_inner
  > .baygle_header.sticky
  .search_area {
  margin-left: 22px;
}
.diablo_baygle.popup_search_baygle
  > .pop_inner
  > .baygle_header.sticky
  .search_area
  .inp_search {
  height: 70px;
  font-size: 18px;
}
.diablo_baygle.popup_search_baygle
  > .pop_inner
  > .baygle_header.sticky
  .search_area
  .keyword_layer::before {
  top: 70px;
}
.diablo_baygle.popup_search_baygle
  > .pop_inner
  > .baygle_header.sticky
  .search_area
  .keyword_layer {
  padding-top: 86px;
}
.diablo_baygle.popup_search_baygle .season_logo {
  height: 167px;
}
.diablo_baygle.popup_search_baygle .basic_logo {
  width: 149px;
  height: 70px;
  margin-left: -140px;
  background-image: url("/resources/image/design/main/ib2/logo_baygle_diablo.png");
  background-position: 0 0;
  background-repeat:no-repeat;
}

@keyframes blink-check {
  50% {
    opacity: 0;
  }
}
.diablo_baygle.popup_search_baygle .pop_container_bg {
  position: absolute;
  top: -18px;
  left: 50%;
  transform: translate(-50%, 0);
  width: 1039px;
  height: 169px;
  background: url(/resources/image/design/main/ib2/sch_bar_diablo.png) no-repeat
    0 0;
}
.diablo_baygle.popup_search_baygle .baygle_notice {
  display: none;
}

.diablo_baygle.popup_search_baygle .season_logo .diablo_logo {
  display: block;
  position: absolute;
  top: 36px;
  left: 50%;
  transform: translateX(-50%);
}

.diablo_baygle.popup_search_baygle .search_area {
  width: 720px;
  padding: 0 10px 0 0;
  background: url("/resources/image/design/main/ib2/search_bg_diablo.png");
  box-shadow: none;
  border: 0 none;
}

.diablo_baygle.popup_search_baygle .search_area img:nth-child(1) {
  display: none;
}
.diablo_baygle.popup_search_baygle .search_area .inp_search {
  height: 70px;
  background: transparent;
}
.diablo_baygle.popup_search_baygle
  > .pop_inner
  > .baygle_header.sticky
  .search_area
  .btn_submit {
  width: 59px;
  height: 59px;
}
.diablo_baygle.popup_search_baygle .popular_search_area h6 {
  color: #ffdb9c;
}
.diablo_baygle.popup_search_baygle .item_list_wrap .item_list_top {
  background:none;
}
.diablo_baygle.popup_search_baygle
  .popular_search_area
  .popular_search_list
  li
  a,
.diablo_baygle.popup_search_baygle .item_list_top > h6,
.diablo_baygle.popup_search_baygle .view_area td.game_server {
  color: #fff;
}
.diablo_baygle.popup_search_baygle .search_area .btn_submit {
  background: url("/resources/image/design/main/ib2/sch_circle_diablo.png") 0 0
    no-repeat;
}
.diablo_baygle.popup_search_baygle .page_top_down > a {
  background: #212121;
  border: 1px solid #d01212;
  color: #d01212;
}
.diablo_baygle.popup_search_baygle .item_list_top > h6 > strong {
  margin-left: 15px;
}
.diablo_baygle.popup_search_baygle .cnt_list .check_list_wrap {
  overflow: hidden;
  border-radius: 10px;
  margin-bottom: 70px;
}
.diablo_baygle.popup_search_baygle .cnt_list .check_list_wrap th.check_li_th1 {
  background: #f7f7f7;
  font-weight: 500;
  color: #1d1d1d;
}
.diablo_baygle.popup_search_baygle .check_list_wrap table tr .check_li_td2 .inp_box {margin: 0;}
.diablo_baygle.popup_search_baygle .inp_box input.type03 {
  position: absolute;
  left: 1px;
  top: 50%;
  transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  width: 1px;
  height: 1px;
  margin: 0;
  -webkit-appearance: none;
}
.diablo_baygle.popup_search_baygle .inp_box label.rdobox::before {
  width: 19px;
  height: 19px;
  margin-top: -1px;
  background: url("/resources/image/design/main/ib2/rdo_bg_diablo.png") 0 0;
}
.diablo_baygle.popup_search_baygle
  input[type="radio"].type03:checked
  + label.rdobox::before {
  background-position-y: -19px;
}
.diablo_baygle.popup_search_baygle .view_area td.goods_name .title {
  text-align: left;
  color: #fff;
}
.diablo_baygle.popup_search_baygle
  .item_list_area1
  .tblList1
  tbody
  td:nth-child(3) {
  color: #d6bba9;
}
.diablo_baygle.popup_search_baygle .view_area .unit_price,
.diablo_baygle.popup_search_baygle .view_area .price {
  color: #bea373;
}
.diablo_baygle.popup_search_baygle
  .cnt_list
  .check_list_wrap
  .check_li_td1
  span {
  font-weight: 500;
}
.diablo_baygle.popup_search_baygle .inp_box label {
  color: #555555;
}
.diablo_baygle.popup_search_baygle .inp_box label.rdobox {
  margin-right: 38px;
  padding-left: 25px;
}
.diablo_baygle.popup_search_baygle
  .view_area
  table
  tr:hover:not(.search_no)
  td {
  background-color: #796f5f;
}
.diablo_baygle.popup_search_baygle
  .item_list_area1
  .tblList1
  tbody
  td:nth-child(5) {
  color: #dcdcdc;
}
.diablo_baygle.popup_search_baygle
  .item_list_area1
  .tblList1
  tbody
  td:last-child {
  color: #d4d4d4;
}
.diablo_baygle.popup_search_baygle .btn_more {
  background-color: #b09b77;
  border: 1px solid #b09b77;
  color: #222222;
}
.diablo_baygle.popup_search_baygle .btn_more:after {
  background: url("/resources/image/design/common/symbol/plus_15x15.png");
}
.diablo_baygle.popup_search_baygle .page_top_down .btn_down::after,
.diablo_baygle.popup_search_baygle .page_top_down .btn_top::before {
  background: url("/resources/image/design/common/symbol/arrow_13x16.png") 0 0
    no-repeat;
}
.diablo_baygle.popup_search_baygle .banner_right,
.diablo_baygle.popup_search_baygle .banner_left > *[class^="banner0"] {
  display: none !important;
}
.diablo_baygle.popup_search_baygle .banner_left .banner_diablo {
  display: block !important;
}
.diablo_baygle.popup_search_baygle .pop_tip_area {
  background-image: url("/resources/image/design/main/ib2/tip_diablo.png");
  background-position: 40px 0;
}

/* footer */
.footer button { background: none; border: 0; color: inherit; font: inherit; line-height: normal; overflow: visible; padding: 0; -webkit-appearance: button; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; cursor: pointer } 
.footer img { margin:0px } 
.footer { position: relative; border-bottom:1px solid #b7c1d9; margin:0px !important; overflow: inherit !important; font-family: Malgun Gothic; font-size: 12px; line-height: 17px; color: #616781; } 
.footer .area { background-color: #FAFAFA; padding-bottom: 30px; } 
.footer .line { width: 100%; margin:0px auto } 
.footer .line .cont {display:flex; width:100%; padding: 22px 0 21px; background:#F5F5F5; } 
.footer .line .cont .fml_site { z-index: 1; position: absolute; top: 0; right: 0; display: flex; width: 180px; height: 30px; background:#fff; border: 1px solid #DEDEDE; box-sizing: border-box; transition: all .3s; overflow: hidden; } 
.footer .line .cont .fml_site.on { height: 140px; background: #fff; z-index: 10; } 
.footer .line .cont .fml_site button { position: relative; font-size: 12px; font-weight: bold; width: 100%; height: 30px; padding: 0 20px; font-family:Pretendard;  text-align: left; color: #000; cursor: pointer; box-sizing: border-box; } 
.footer .line .cont .fml_site button::before { content: ""; position: absolute; top: 50%; right: 20px; transform: translateY(-50%); width: 10px; height: 6px; background: url(/resources/image/design/main/ib2/arw_fml.png); background-size: 100%; } 
.footer .line .cont .fml_site.on button::before { transform: translateY(-50%) rotate(180deg); } 
.footer .line .cont .fml_site .fml_site_list { display:none; z-index: 1; position: absolute; top: 40px; left: 0; padding-left: 20px; width: 100%; box-sizing: border-box; } 
.footer .line .cont .fml_site .fml_site_list li+li { margin-top: 15px; } 
.footer .line .cont .fml_site .fml_site_list li a { font-size: 14px; color: #000; }  
.footer .line:after { content:""; display:block; clear:both } 
.footer .line .cont .cont_dl {position: relative; width:1160px; margin: 0 auto;}
.footer .info_link { display: flex; justify-content: space-between; width:782px; } 
.footer .info_link li a { font-size: 14px; line-height: 20px; color: #000 !important; font-family:Pretendard; } 
.footer .info_link li em { font-style: normal; font-weight: bold; color: #000; } 

.ft_info_wrap {position: relative; width:1160px; margin: 0 auto;}
.footer .ft_info {position:absolute; display: flex; top:-3px; right:0; z-index: 1; margin:0 auto;} 
#footer .ft_info > a { font-size: 24px; display: flex; align-items: center; margin-right: 12px; font-family:Pretendard; color: #000; } 
#footer .ft_info > a img { margin-right: 3px; } 
.footer .ft_info .ft_info_sns { display: flex;} 
.footer .ft_info .ft_info_sns li {position:relative; width:24px; height:24px; border-radius: 12px; background:#BABABA; } 
.footer .ft_info .ft_info_sns li+li { margin-left: 10px; } 
.footer .ft_info .ft_info_sns a {display:block; width:24px;height:24px; font-size:0; text-indent:-9999px;}
.footer .ft_info .ft_info_sns li:nth-of-type(1) a::before {content:'B'; position:absolute; display:block; top:50%; left:50%; transform: translate(-50%, -50%); font-family:Pretendard; font-size:14px; text-indent: 0; color:#fff;}
.footer .ft_info .ft_info_sns li:nth-of-type(2) a::before {content:'f'; position:absolute; display:block; top:50%; left:50%; transform: translate(-50%, -50%); font-family:Pretendard; font-size:14px; text-indent: 0; color:#fff;}
.footer .ft_info .ft_info_sns li:nth-of-type(3) a::before {content:'Y'; position:absolute; display:block; top:50%; left:50%; transform: translate(-50%, -50%); font-family:Pretendard; font-size:14px; text-indent: 0; color:#fff;}


.footer .info_cop {position: relative; width:1160px; margin:0 auto;}
.footer .info_cop:after {content:""; display:block; clear:both } 
.footer .info_cop .info {margin-top: 31px; font-family:Pretendard;} 
.footer .info_cop .info .foot_logo {margin-bottom:32px;}
.footer .info_cop .info a { color: #3a3a3a; line-height: 17px; display: inline-flex; align-items: center; justify-content: center; padding: 1px 7px; margin-left: 7px; background: #fff; border: 1px solid #dcdcdc; } 
.footer .info_cop .info a img { margin-left: 3px; } 
.footer .info_cop .info p { font-size: 12px; line-height: 21px; padding-bottom: 3px; color: #2B2B2B; letter-spacing: -0.025em } 
.footer .info_cop .info p.foot_caution {margin-top:31px; color:#898989; padding:0;}
.footer .link {width:1030px; margin:0 auto; background-color: #fff; font-size:12px; } 
.footer .link .line {text-align: justify; padding: 23px 0; line-height: 28px; height: 28px } 
.footer .link .line:after {content:""; display: inline-block; width: 100%; height: 0 }