/*********************************************************************
* Program: main_ib2.css
* Version: 0.1
* Date: 2018/08/27Writer : Kim Seong-eun
 **********************************************************************/
@charset "utf-8";
.main_header 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 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 } 
.main_cont img { margin:0px } 
.footer img { margin:0px } 
hr.dot_line { display: block; border:0; border-top:1px dotted #eaeef7; margin: 12px 0; padding: 0; line-height: 0; height: 0; position: relative; width: 100%; visibility: inherit } 
span.ntc_s { font-family: notoKr, sans-serif; font-size:12px; color: #a9afbd } 
.major_01 { color: #449717 !important } 
.major_02 { color: #635bca !important } 
.major_03 { color: #ca6a0d !important } 
.sch_fcs { color: #ff3252 !important } 

/* mCustomScrollBar */
.mCSB_scrollTools { width: 9px; border: 1px solid #eaeef7 } 
.mCSB_scrollTools a + .mCSB_draggerContainer { margin:11px 0 } 
.mCSB_inside > .mCSB_container { margin-right: 11px } 
.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail { width: 9px; background-color: #fff; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px } 
.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp { background: url(/resources/image/design/main/ib2/btn_mcs_up.png) center no-repeat; height: 9px } 
.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown { background: url(/resources/image/design/main/ib2/btn_mcs_down.png) center no-repeat; height: 9px } 
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #7e86a8; width: 9px; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; margin:0px } 
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background-color: #7e86a8 } 
.mCS-dark.mCSB_scrollTools .mCSB_draggerRail { width: 9px; background-color: #fff; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px } 
.mCS-dark.mCSB_scrollTools .mCSB_buttonUp { background: url(/resources/image/design/main/ib2/btn_mcs_up.png) center no-repeat; height: 9px } 
.mCS-dark.mCSB_scrollTools .mCSB_buttonDown { background: url(/resources/image/design/main/ib2/btn_mcs_down.png) center no-repeat; height: 9px } 
.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #7e86a8; width: 9px; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; margin:0px } 
.mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background-color: #7e86a8 } 
#main_wrap { width:1000px; height:auto; margin:10px auto 0 auto; *zoom:1; position:relative; zoom:1; clear:both } 
/* 2023-05-08 10707_IB_PC_MAIN_개편 */
#header.main_header {z-index: inherit; }
.main_header { font-family: Malgun Gothic; } 
.main_header .main_header_top { background: #f3f4f8; } 
.main_header .main_header_top_nav { display: flex; justify-content: space-between; align-items: center; width:1000px; margin:0 auto; height:40px; } 
.main_header .main_header_top_nav ul { display: flex; } 
.main_header .main_header_top_nav ul.main_header_top_left { display: flex; align-items:flex-end; width: 185px; height: 100%; padding: 0 0 8px 12px; box-sizing: border-box; background: url(/resources/image/design/main/ib2/bg_top_nav.png) no-repeat; background-position: center bottom; background-size: 100%; } 
.main_header .main_header_top_nav ul.main_header_top_left03 {width: 262px; background: url(/resources/image/design/main/ib2/bg_top_nav03.png) no-repeat; background-position: center bottom; background-size: 100%;} 
.main_header .main_header_top_nav ul li { position: relative; } 
.main_header .main_header_top_nav ul li a { color: #666; } 
.main_header .main_header_top_right li + li { margin-left: 15px; } 
.main_header .main_header_top_right li + li::before { position: absolute; content: ""; top: 50%; left: -8px; transform: translateY(-50%); width: 1px; height: 10px; background: #dbdbdb; } 
.main_header .main_header_top_nav ul.main_header_top_left li+li { margin-left: 27px; } 
.main_header .main_header_top_nav ul.main_header_top_left li a { display: flex; align-items: center; font-size: 11px; font-weight: bold; color: #4e4e4e; } 
.main_header .main_header_top_nav ul.main_header_top_left li:nth-of-type(2) a { color: #fff; } 
.main_header .main_header_top_nav ul.main_header_top_left li:nth-of-type(3) a { color: #fff; } 
.main_header .main_header_top_nav ul.main_header_top_left li a img { margin-left: 5px; } 

.main_header .search { position: relative; background-color: #fff } 
.main_header.sticky .search { border-bottom:1px solid #eaeef7; } 
.main_header .search .bg { position:absolute; background-repeat: no-repeat; width:100%; min-width:1000px; 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 } 

/* 생일 시즌로고 풍선 애니메이션 */
@keyframes balloon { 
 0% { top: 101% } 
 15% { transform:translateX(-5px) } 
 30% { transform:translateX(5px) } 
 45% { transform:translateX(-5px) } 
 60% { transform:translateX(5px) } 
 75% { transform:translateX(-5px) } 
 90% { transform:translateX(5px) } 
 100% { top: -101% } 
 }
.main_header .search .box { display:flex; position:relative; width:1000px; margin:0 auto; border: 0; align-items:center; } 
.main_header .search .box .season_logo { position:absolute; top:0; left:-300px; width:1600px; height:105px; font-size:0; text-indent:-9999px } 
.main_header .search .ci { position: relative; display: block; width: 130px; height: 105px; -webkit-transition: all 0.2s; /* Safari */transition: all 0.2s } 
.main_header .search .ci a { position: absolute; top:0; left: 0; width: 100%; height: 100%; text-indent:-9999px } 
.main_header .search .area { position:relative; width:540px; border-radius: 12px; border: 1px solid #635bca; box-sizing: border-box; } 
.main_header .search .area.on { border-radius: 12px 12px 0 0; box-shadow: 0 0 5px #9f9f9f;} 
.main_header .search .area .sch_ipt { display:flex; position:relative; height:43px; overflow:hidden; align-items:center; box-sizing:border-box; background-color: #fff; border-radius: 12px;} 
.main_header .search .area.on .sch_ipt { border-radius: 12px 12px 0 0;} 
.main_header .search .area .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 .area .sch_ipt input[type="text"]:hover { background-color: #fff } 
.main_header .search .area .sch_ipt input[type="text"]::placeholder { font-size:14px; color: #9b9b9b; } 
.main_header .search .area .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 .area .sch_ipt .sch_submit .ico { text-indent: -9999px; font-size: 0 } 
.main_header .search .area .sch_ipt .sch_del { width: 18px; height: 16px } 
.main_header .search .area .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 .area .sch_ipt .rdo_search { display:flex; } 
.main_header .search .area .sch_ipt .rdo_search > input { position:absolute; visibility:hidden; width:0; height:0; margin:0 } 
.main_header .search .area .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 .area .sch_ipt .rdo_search > input:checked + label { background-color:#8a39ce; color:#fff } 
/* .main_header .search .btn_stk_reg { position: absolute; bottom:-55px; right: 0px; background-color: #fff; -webkit-transition: all 0.3s; transition: all 0.3s; z-index:1001 } */
.main_header .search .btn_stk_reg { display: flex; margin-left: auto; } 
.main_header .search .btn_stk_reg > a { font-size: 14px; font-weight: bold; display: flex; align-items: center; justify-content: center; width: 120px; height: 40px; color: #fff; background: #635bca; border-radius: 10px; transition: all .3s; } 
.main_header .search .btn_stk_reg > a:hover { background: #857ed8; } 
.main_header .search .btn_stk_reg > a+a { margin-left: 10px; } 
.main_header .search .btn_stk_reg .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 .btn_stk_reg .dtl:after { content:""; display:block; clear:both } 
.main_header .search .btn_stk_reg .dtl li { float: left } 
.main_header .search .btn_stk_reg .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 .btn_stk_reg .dtl li { margin-left: 10px } 
.main_header .search .btn_stk_reg .dtl li:first-child { margin-left: 0px } 
.main_header .search .btn_stk_reg .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 .bg { opacity: 0 } 
.main_header.sticky .search .ci { height: 81px } 
.main_header.sticky .search .ci a { position: absolute; top:50%; transform: translateY(-50%); left: 0; width: 104px; height:24px; background: url(/resources/image/design/main/ib2/logo_ib2.png) center no-repeat } 
/* .main_header.sticky .search .btn_stk_reg { bottom:19px } */
/* .main_header.sticky .search .btn_stk_reg a { padding: 6px 5px 7px 42px } */
.main_header.sticky .btn_sns { position:fixed; bottom:5px; right:19.5px } 
.main_header.sticky .box .season_logo { display:none } 
.main_header .search .area .sch_box { position: absolute; left:50%; width: 540px; 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: 200px; 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:340px; 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_header .nav .box .game_list_nav { float:left } */
.main_header .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 .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 .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 .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 .nav .game_list_nav .btn_tgl label .icon_hbg .line01 { transform-origin: 0% 0% } 
.main_header .nav .game_list_nav .btn_tgl label .icon_hbg .line02 { transform-origin: 0% 100% } 
.main_header .nav .game_list_nav .btn_tgl label .icon_hbg .line03 { transform-origin: 0% 0%; margin-bottom: 0px } 
.main_header .nav .game_list_nav .btn_tgl label input:checked ~ .icon_hbg .line01 { opacity: 1; transform: rotate(45deg) translate(2px, -2px) } 
.main_header .nav .game_list_nav .btn_tgl label input:checked ~ .icon_hbg .line02 { transform: rotate(0deg) scale(0.2, 0.2); opacity: 0 } 
.main_header .nav .game_list_nav .btn_tgl label input:checked ~ .icon_hbg .line03 { transform: rotate(-45deg) translate(0, 2px) } 
.main_header .nav .game_list_nav .btn_tgl label .tgl_txt { font-size: 16px; font-weight: bold; margin-left: 13px; color: #635bca; } 
.main_header .nav .game_list_nav .btn_tgl label .tgl_txt::selection { color: #635bca; background: transparent; } 
.main_header .nav .game_list_nav .area { position: absolute; top:52px; left: 0; height: 380px; z-index: 999; } 
.main_header .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 .nav .game_list_nav .area .btn_all_game a.on { background-color: #8939ce } 
.main_header .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 .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 .nav .game_list_nav .box_spc_game .spc_lst_srvr { width: 230px; height: 380px; overflow: auto; box-sizing: border-box; } 
.main_header .nav .game_list_nav .box_spc_game .spc_lst_srvr h4 { padding-left: 20px; padding-top:24px } 
.main_header .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 .nav .game_list_nav .box_spc_game .spc_lst_srvr ul { padding:20px 20px } 
.main_header .nav .game_list_nav .box_spc_game .spc_lst_srvr ul li+li { margin-top: 10px; } 
.main_header .nav .game_list_nav .box_spc_game .spc_lst_srvr ul li a { display: block; letter-spacing: -0.5px; } 
.main_header .nav .game_list_nav .box_spc_game .spc_lst_srvr ul li a:hover { font-weight: bold; color: #635bca; } 
.main_header .nav .game_list_nav .box_spc_game .spc_lst_srvr ul li a.on { font-weight: bold; color: #635bca; } 
.main_header .nav .game_list_nav .box_spc_game .event { width: 220px; height:380px; background-color: #fff } 

.main_header .nav .tab_box { padding: 10px 20px 10px 21px } 
.main_header .nav .tab_box:after { content:""; display:block; clear:both } 
.main_header .nav .tab_box .clm01 { float: left; width: 276px } 
.main_header .nav .tab_box .clm02 { float: left; width: 232px } 
.main_header .nav .tab_box .clm03 { float: left; width: 237px } 
.main_header .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 .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 .nav .tab_box .sch_intl:after { content:""; display:block; clear:both } 
.main_header .nav .tab_box .box_intl li { float: left } 
.main_header .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 .nav .tab_box .box_intl li label.lst { margin-bottom: 8px; min-width: 53px; font-size: 14px; letter-spacing: -0.025em } 
.main_header .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 .nav .tab_box .box_intl li input:checked ~ label { background-color: #ffe353; color: #120b3d } 
.main_header .nav .tab_box .box_clf li { float: left } 
.main_header .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 .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 .nav .tab_box .box_clf li input:checked ~ label { background-color: #ffe353; color: #120b3d } 
.main_header .nav .tab_box .sch_lst_game ul { border: 1px solid #eaeef7; width: 231px; height: 327px; overflow: auto } 
.main_header .nav .tab_box .sch_lst_game ul li a { display: block; font-size: 12px; line-height: 16px; padding: 8px 10px; color: #616781 } 
.main_header .nav .tab_box .sch_lst_game ul li a:hover { font-weight: bold; background-color: #f3f5fa } 
.main_header .nav .tab_box .sch_lst_game ul li a.on { font-weight: bold; background-color: #f3f5fa } 
.main_header .nav .tab_box .sch_lst_srvr ul { border: 1px solid #eaeef7; width: 235px; height: 327px; overflow: auto } 
.main_header .nav .tab_box .sch_lst_srvr ul li { position: relative } 
.main_header .nav .tab_box .sch_lst_srvr ul li a { display: block; font-size: 12px; line-height: 16px; padding: 8px 10px; color: #616781 } 
.main_header .nav .tab_box .sch_lst_srvr ul li a:hover { font-weight: bold; background-color: #f3f5fa } 
.main_header .nav .tab_box .sch_lst_srvr ul li a.on { font-weight: bold; background-color: #f3f5fa } 
.main_header .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 .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 .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 .nav .tab_box .app_lnk { position: absolute; width: 100%; bottom:0; left: 0; background-color: #f3f5fa } 
.main_header .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 .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 .nav .tab_box .box_sel { padding-top:9px } 
.main_header .nav .tab_box .alarm_per_box { padding: 11px 0 } 
.main_header .nav .tab_box .alarm_per_box .rdobox span { font-size: 12px } 
.main_header .nav .tab_box .alarm_per_box .inp_box { margin-left:24px } 
.main_header .nav .tab_box .alarm_per_box .inp_box:first-child { margin-left:0px } 
.main_header .nav .tab_box .alarm_per_box .ntc_s { margin-left: 12px } 
.main_header .nav .tab_box .alarm_per_box .inp_box input:checked + label { color: #635bca } 
.main_header .nav .tab_box .fnd_min .btn_box { padding-top: 20px; text-align: center } 
.main_header .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 .nav .game_list_nav .lst_all_game li + li { margin-top: 20px; } 
.main_header .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 .nav .game_list_nav .lst_all_game li a span { position: relative; letter-spacing: -2px; } 
.main_header .nav .game_list_nav .lst_all_game li a span i.imp { position: absolute; top:0px; right:-20px } 
.main_header .nav .game_list_nav .lst_all_game li a.on span { color: #00ffc6; text-decoration: underline; } 
.main_header .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 .nav .main_nav { width: 820px; } 
.main_header .nav .main_nav > ul { display: flex; justify-content: space-between; } 
.main_header .nav .main_nav > ul > li { position:relative; } 
.main_header .nav .main_nav > ul > li > a { display: block; position: relative; font-size: 16px; font-weight: bold; line-height: 22px; color: #191919; text-align: center } 
.main_header .nav .main_nav > ul > li > a:hover { font-style: normal; color: #635bca } 
/* .main_header .nav .main_nav > ul > li > a.nav_01 { width: 98px } 
.main_header .nav .main_nav > ul > li > a.nav_02 { width: 98px } 
.main_header .nav .main_nav > ul > li > a.nav_03 { width: 98px } 
.main_header .nav .main_nav > ul > li > a.nav_04 { width: 119px } 
.main_header .nav .main_nav > ul > li > a.nav_05 { width: 98px } */
.main_header .nav .main_nav > 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 .nav .reg_item { position: relative; float: left } 
.main_header .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 .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 .nav .reg_item .dtl:after { content:""; display:block; clear:both } 
.main_header .nav .reg_item .dtl li { float: left } 
.main_header .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 .nav .reg_item .dtl li { margin-left: 10px } 
.main_header .nav .reg_item .dtl li:first-child { margin-left: 0px } 
.main_header .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: 0; width: 100%; z-index:1001 } 
.main_header.sticky .search ~ .nav { margin-top:106px } 
.main_cont { position: relative; min-height: 600px; font-family: Malgun Gothic; overflow: hidden; } 
/* 2023-05-08 10707_IB_PC_MAIN_개편 */
/* 공통 서브 타이틀 */
.main_cont .main_tit { line-height: 1; display: flex; align-items: flex-end; } 
.main_cont .main_tit h3 { font-size: 24px; font-weight: bold; color: #000; } 
.main_cont .main_tit span { font-size: 18px; display: inline-block; color: #666; margin-left: 12px; } 
.main_cont .main_tit_sub p { font-size: 18px;display: inline-block;color: #635bca;}
/* 메인 비주얼 영역 */
.main_cont .main_visual { position: relative; display: flex; display: -ms-flexbox; justify-content: space-between; width: 1000px; margin: 0 auto; margin-top: 3px; } 
.main_visual .main-banner-pagination { display: flex; align-items: center; margin: 0 11px; } 
.main_visual .main-banner-pagination span { font-size: 14px; color: #fff; line-height: 1; } 
.main_visual .main-banner-pagination .swiper-pagination-switch { display: none; } 
.main_visual .main-banner-pagination .swiper-active-switch { display: block; } 
.main_cont .banner .indg .box { display: flex; } 

.main_cont .banner { position: relative; width: 670px; height: 418px; border-radius: 10px; overflow: hidden; } 
.main_cont .banner .banner_01 { background-color: #00b6b7 } 
.main_cont .banner ul li div { height: 418px; 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 { position: absolute; bottom: 30px; left: 30px; z-index: 10 } 

.main_cont .banner .indg > .box a { display: block; width: 28px; height: 28px; text-indent: -9999px } 
.main_cont .banner .indg > .box a.btn_prev { background: url(/resources/image/design/main/ib2/btn_slide_left.png) no-repeat center #f3f5f7; opacity: .7; border-radius: 7px; } 
.main_cont .banner .indg > .box a.btn_stop { background: url(/resources/image/design/main/ib2/btn_slide_stop.png) no-repeat center #f3f5f7; opacity: .7; border-radius: 7px; } 
.main_cont .banner .indg > .box a.btn_next { background: url(/resources/image/design/main/ib2/btn_slide_right.png) no-repeat center #f3f5f7; opacity: .7; border-radius: 7px; margin-right: 4px; } 
.main_cont .banner .indg > .box a.btn_start { background: url(/resources/image/design/main/ib2/btn_slide_play.png) no-repeat center #f3f5f7; opacity: .7; border-radius: 7px; display: none } 

.main_cont .main_visual_cont { display: flex; flex-direction: column; justify-content: space-between; } 
.main_cont .main_visual_cont .item { text-align: center; width: 300px; height: 190px; padding: 0 20px; box-shadow: 0px 0px 5.22px 0.78px rgba(230, 230, 230, 0.52); border-radius: 10px; box-sizing: border-box; } 
.main_cont .main_visual_cont .login { position: relative; height: 180px; } 
.main_cont .main_visual_cont .login h3 { font-size: 18px; font-weight: bold; color: #191919; padding-top: 35px; } 
.main_cont .main_visual_cont .login .btn_login { 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: 30px; background: #635bca; border-radius: 5px; } 
.main_cont .main_visual_cont .login .login_info { display: flex; justify-content: space-between; margin-top: 10px; } 
.main_cont .main_visual_cont .login .login_info a { color: #666; } 
/* 자주 찾는 게임 */
.main_cont .main_visual_cont .often .title_often { display: flex; justify-content: space-between; } 
.main_cont .main_visual_cont .often .title_often h3 { font-size: 18px; font-weight: bold; color: #000; } 
.main_cont .main_visual_cont .often .title_often a { font-weight: bold; color: #000; } 
.main_cont .main_visual_cont .often .item { display: flex; flex-direction: column; align-items: center; justify-content: center; margin-top: 10px; } 
.main_cont .main_visual_cont .often .item p { font-size: 14px; color: #000; } 
/* 로그인 됐을 경우 */
.main_cont .main_visual_cont .login.on > a { position: absolute; top: 11px; right: 11px; } 
.main_cont .main_visual_cont .login.on h3 { line-height: 1.2; font-size: 18px; font-weight: 500; text-align: left; color: #191919; } 
.main_cont .main_visual_cont .login.on h3 span { font-weight: bold; color: #635bca; } 
.main_cont .main_visual_cont .login.on .login_current { display: flex; justify-content: center; margin-top: 34px; } 
.main_cont .main_visual_cont .login.on .login_current li { position: relative; width: 50%; color: #191919; } 
.main_cont .main_visual_cont .login.on .login_current li+li::before { content: ""; position: absolute; top: 0; left: 0; width: 1px; height: 100%; background: #b6b6b6; } 
.main_cont .main_visual_cont .login.on .login_current li a { font-size: 18px; font-weight: bold; color: #666; display: block; } 
.main_cont .main_visual_cont .login.on .login_current li a span { font-weight: 500; font-size: 12px; color: #191919; display: inline-block; margin-top: 9px; }
/* 로그인 됐을 경우 (자주 찾는 게임-게임등록X) */
.main_cont .main_visual_cont .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: 30px; background: #635bca; border-radius: 5px; } 
/* 로그인 됐을 경우 (자주 찾는 게임-게임등록o) */
.main_cont .main_visual_cont .often .often_game {height: 100%; padding: 20px 0;}
.main_cont .main_visual_cont .often .often_game li+li { margin-top: 10px; } 
.main_cont .main_visual_cont .often .often_game li a { display: flex; align-items: center; } 
.main_cont .main_visual_cont .often .often_game li span { font-size: 11px; font-weight: bold; display: flex; align-items: center; justify-content: center; min-width: 46px; width: 46px; height: 22px; color: #1398ff; border: 1px solid #1398ff; border-radius: 11px; box-sizing: border-box; } 
.main_cont .main_visual_cont .often .often_game li span.buy { color: #ff8711; border: 1px solid #ff8711; } 
.main_cont .main_visual_cont .often .often_game li p { font-size: 12px; width: 200px; text-align: left; color: #666; margin-left: 9px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } 

/* 개인화 영역 */
.main_cont .main_personalize .main_tit a { font-size: 18px; display: inline-block; color: #666; color: #635bca; } 
.main_cont .main_personalize { width: 1000px; margin: 0 auto; margin-top: 60px; } 
.main_cont .main_personalize .cont { display: flex; justify-content: space-between; margin-top: 27px; } 
.main_cont .main_personalize .cont li { position: relative}
.main_cont .main_personalize .cont li .box_text { position: absolute; width: 100%; top: 0; left: 0; padding: 35px 30px 0; box-sizing: border-box; } 
.main_cont .main_personalize .cont li .box_text p { line-height: 1.2; letter-spacing: -.5px; font-size: 22px; font-weight: bold; color: #fff; } 
.main_cont .main_personalize .cont li .box_text p.text_center { text-align: center; } 
.main_cont .main_personalize .cont li .box_text span { letter-spacing: -.5px; font-size: 16px; font-weight: bold; display: inline-block; color: #fff; margin-top: 10px; } 
.main_cont .main_personalize .cont li .box_text sub { letter-spacing: -.5px; font-size: 16px; font-weight: bold; display: block; text-align: center; margin-top: 50px; } 
.main_cont .main_personalize .cont li .box_text p.c_9179d1 { color: #9179d1; } 
.main_cont .main_personalize .cont li .box_text p.c_44bc6f { color: #44bc6f; } 
.main_cont .main_personalize .cont li .box_text p.c_5f8eee { color: #5f8eee; } 
.main_cont .main_personalize .cont li .box_text p.c_f26363 { color: #f26363; } 
.main_cont .main_personalize .cont li .box_text sub.c_4e23a9 { color: #4e23a9; } 
.main_cont .main_personalize .cont li .box_text sub.c_ba0d25 { color: #ba0d25; } 
.main_cont .main_personalize .cont li .box_text sub.c_175bae { color: #175bae; } 
/* 개인화 영역 - 최근 본 게임 */
.main_cont .main_personalize .cont_game { margin-top: 27px; padding: 40px 30px 30px; box-shadow: 0px 0px 5.22px 0.78px rgba(230, 230, 230, 0.52); border-radius: 10px; } 
.main_cont .main_personalize .cont_game_tab { display: flex; } 
.main_cont .main_personalize .cont_game_tab li + li { margin-left: 32px; } 
.main_cont .main_personalize .cont_game_tab li a { font-size: 18px; font-weight: bold; color: #b6b6b6; } 
.main_cont .main_personalize .cont_game_tab li.on a { color: #000; border-bottom: 2px solid #000; padding-bottom: 5px; box-sizing: border-box; } 
.main_cont .main_personalize .item { display: none; } 
.main_cont .main_personalize .item.on { display: block; } 
.main_cont .main_personalize .item_list { margin-top: 40px; } 
.main_cont .main_personalize .item_list li + li { margin-top: 20px; padding-top: 20px; box-sizing: border-box; border-top: 1px solid #f0f0f0; } 
.main_cont .main_personalize .item_list li a { display: flex; align-items: center; } 
.main_cont .main_personalize .item_list li span { font-size: 14px; font-weight: bold; display: flex; align-items: center; justify-content: center; width: 100px; height: 50px; margin-right: 22px; border: 1px solid #000; border-radius: 5px; box-sizing: border-box; } 
.main_cont .main_personalize .item_list li span.item_list_money { color: #b9a368; border: 1px solid #b9a368; } 
.main_cont .main_personalize .item_list li span.item_list_item { color: #2064ff; border: 1px solid #2064ff; } 
.main_cont .main_personalize .item_list li span.item_list_account { color: #ff4b7a; border: 1px solid #ff4b7a; } 
.main_cont .main_personalize .item_list li span.item_list_etc { color: #5abda0; border: 1px solid #5abda0; } 
.main_cont .main_personalize .item_list li h4 { font-size: 14px; width: 620px; color: #3c3c3c; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } 
.main_cont .main_personalize .item_list li .price { margin-left: auto; } 
.main_cont .main_personalize .item_list li .price p { font-size: 14px; text-align: right; color: #666; } 
.main_cont .main_personalize .item_list li .price p.price_all { font-weight: bold; margin-top: 15px; color: #635bca; } 
/* 개인화영역 - 게임머니 최저가 시세 */
.main_cont .main_personalize .item_chart.on { display: flex; justify-content: center; margin-top: 97px; padding-bottom: 35px; } 
.main_cont .main_personalize .item_chart .price_info { margin-right: 90px; } 
.main_cont .main_personalize .item_chart .price_change { line-height: 1; font-size: 46px; font-weight: bold; color: #000; } 
.main_cont .main_personalize .item_chart .price_change span { font-size: 16px; margin-left: 5px; } 
.main_cont .main_personalize .item_chart .price_change.plus span { color: #f43e3e; } 
.main_cont .main_personalize .item_chart .price_change.minus span { color: #6c6ce5; } 
.main_cont .main_personalize .item_chart .price_game_info { font-size: 14px; font-weight: bold; text-align: center; margin-top: 13px; color: #000; } 
.main_cont .main_personalize .item_chart .price_unit { color: #b6b6b6; margin-top: 37px; } 
.main_cont .main_personalize .item_chart .price_graph { position: relative; width: 570px; } 
.main_cont .main_personalize .item_chart .price_graph .price_graph_info { position: absolute; top: -25px; left: 50%; transform: translateX(-50%); display: flex; } 
.main_cont .main_personalize .item_chart .price_graph .price_graph_info p:nth-child(1) { margin-right: 20px; color: #1e85fa; } 
.main_cont .main_personalize .item_chart .price_graph .price_graph_info p:nth-child(2) { color: #6c6ce5; } 
.main_cont .main_personalize .item_chart .price_graph .price_graph_info p:nth-child(1)::before { content: ''; display: inline-block; width: 14px; height: 8px; margin-right: 5px; background: url(/resources/image/design/main/ib2/ico_lineGraph.png) 0 0 no-repeat; } 
.main_cont .main_personalize .item_chart .price_graph .price_graph_info p:nth-child(2)::before { content: ''; display: inline-block; width: 9px; height: 8px; margin-right: 5px; background: #dde5ff; } 
/* 메인 광고영역 */
.main_cont .ad_bar { width: 100%; margin-top: 70px; max-height: 220px; min-width: 1000px; } 
.main_cont .ad_bar .area { position: relative; margin:0px auto; height: 180px; } 
.main_cont .ad_bar .area iframe { position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); height: 220px; }
/* 메인 광고영역 끝 */

/* 메인 지금 뜨는 게임 */
.main_cont .main_popular_game { width: 1000px; margin: 0 auto; margin-top: 60px; } 
.main_cont .main_popular_game .main_tit_sub {margin-top: 20px;}
.main_cont .main_popular_game .main_popular_game_item {display: flex; margin-top: 23px; height: auto !important;}
.main_cont .main_popular_game .main_popular_game_item li {margin-right: 35px; height: auto !important;}
.main_cont .main_popular_game .main_popular_game_item li:nth-of-type(3n) {margin-right: 0}
.main_cont .main_popular_game .main_popular_game_item li .is_img {width: 310px; height: 140px; border-radius: 10px; border: 1px solid #e0e7f7; overflow: hidden; box-sizing: border-box;}
.main_cont .main_popular_game .main_popular_game_item li img {width: 100%; height: 100%; object-fit: cover;}
.main_cont .main_popular_game .main_popular_game_item li p {line-height: 1.2; font-size: 18px; text-align: center; padding-top: 20px; color: #000;}
/* 메인 지금 뜨는 게임 끝 */

/* 메인 유튜브 비디오 영역 */
.main_cont .main_video { width: 1000px; margin: 0 auto; margin-top: 60px; } 
.main_cont .main_video .cont { display: flex; margin-top: 20px; } 
.main_cont .main_video .cont li { width: 33.33%; } 
.main_cont .main_video .cont li + li { margin-left: 35px; } 
.main_cont .main_video .cont li a > img { width: 100%; height: 173px; object-fit: cover; border-radius: 10px; }
.main_cont .main_video .cont li p { line-height: 1.2; font-size: 18px; font-weight: bold; padding-top: 20px; color: #000; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; } 
.main_cont .main_video .cont li .views { display: flex; align-items: center; margin-top: 14px; } 
.main_cont .main_video .cont li .views img { margin-right: 6px; } 
.main_cont .main_video .cont li .views span { font-size: 14px; color: #666; } 
/* 메인 유튜브 비디오 영역 끝 */

/* 메인 사전예약 및 공지사항 */
.main_cont .main_etc { display: flex; justify-content: space-between; width: 1000px; margin: 0 auto; margin-top: 60px; padding-bottom: 100px; } 

.main_cont .main_etc .main_grid { width: 570px; } 
.main_cont .main_etc .main_grid .cont { display: flex; margin-top: 20px; } 
.main_cont .main_etc .main_grid .cont li { width: calc(50% - 10px); } 
.main_cont .main_etc .main_grid .cont li a { display: block; height: 150px; padding: 20px 20px 18px; box-shadow: 0px 0px 5.22px 0.78px rgba(230, 230, 230, 0.52); border-radius: 10px; box-sizing: border-box; } 
.main_cont .main_etc .main_grid .cont li+li { margin-left: 20px; } 
.main_cont .main_etc .main_grid .cont .main_grid_ico { display: flex; } 
.main_cont .main_etc .main_grid .cont .main_grid_ico i { font-size: 11px; font-weight: bold; font-style: normal; display: flex; align-items: center; justify-content: center; width: 58px; height: 22px; color: #fff; background: #3d2eff; border-radius: 11px; } 
.main_cont .main_etc .main_grid .cont .main_grid_ico i.soon { color: #000; background: #ffea02; } 
.main_cont .main_etc .main_grid .cont .main_grid_ico i + i { margin-left: 4px; } 
.main_cont .main_etc .main_grid .cont .main_grid_info { display: flex; align-items: center; margin-top: 10px; } 
.main_cont .main_etc .main_grid .cont .main_grid_info img { min-width: 80px; width: 80px; height: 80px; border-radius: 6px;}
.main_cont .main_etc .main_grid .cont .box_text { margin-left: 9px; max-width: 100%; } 
.main_cont .main_etc .main_grid .cont .box_text h4,
.main_cont .main_etc .main_grid .cont .box_text p { max-width: 155px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } 
.main_cont .main_etc .main_grid .cont .box_text h4 { line-height: 1.1; font-size: 18px; font-weight: bold; color: #000; } 
.main_cont .main_etc .main_grid .cont .box_text p { line-height: 1; font-size: 11px; color: #666; } 
.main_cont .main_etc .main_grid .cont .box_text p+p { margin-top: 5px; } 
.main_cont .main_etc .main_grid .cont .box_text p.name_co { margin-top: 15px; } 


.main_cont .main_etc .notice { width: 400px; } 
.main_cont .main_etc .notice .cont { margin-top: 20px; height: 150px; padding: 30px 30px 30px 20px; box-shadow: 0px 0px 5.22px 0.78px rgba(230, 230, 230, 0.52); border-radius: 10px; box-sizing: border-box; } 
.main_cont .main_etc .notice .cont li + li { margin-top: 21px; } 
.main_cont .main_etc .notice .cont li a { display: flex; justify-content: space-between; } 
.main_cont .main_etc .notice .cont li span { font-size: 14px; } 
.main_cont .main_etc .notice .cont li span.title { position: relative; max-width: 290px; padding-left: 12px; color: #000; display: inline-block; box-sizing: border-box; } 
.main_cont .main_etc .notice .cont li span.title::before { content: ""; position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 3px; height: 3px; background: #000; } 
.main_cont .main_etc .notice .cont li span.title.new::after { content: "N"; position: absolute; right: -10px; top: 50%; transform: translateY(-50%); font-size: 10px; font-weight: bold; color: #635bca; } 
.main_cont .main_etc .notice .cont li span.data { color: #666; } 
/* 메인 사전예약 및 공지사항 끝 */
/* 왼쪽 윙배너 */
.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; } 



.cont_wrap { position: relative; overflow: hidden; min-width: 1000px } 
.cont_wrap .sticky_side { position: fixed; background-color: #fff; width: 141px; height: 100%; top:124px; 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_tp li iframe { border-radius: 10px; } 
.cont_wrap .skyscraper .float_tp li img { border-radius: 10px; }  */
.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 } 
.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 .app_dl { background: #ececec; } 

.footer .app_dl .cont { position: relative; display: flex; justify-content: space-between; align-items: center; width: 1000px; height: 80px; margin: 0 auto; } 
.footer .app_dl .cont_dl { display: flex; align-items: center; } 
.footer .app_dl .cont_dl h4 { font-size: 20px; margin-right: 20px; color: #000; } 
.footer .app_dl .cont_dl .cont_dl_link { display: flex; } 
#footer .app_dl .cont_dl .cont_dl_link li a { font-size: 14px; font-weight: bold; display: flex; align-items: center; justify-content: center; width: 120px; height: 40px; color: #000; background: #fff; border-radius: 20px; } 
.footer .app_dl .cont_dl .cont_dl_link li+li { margin-left: 10px; } 
.footer .app_dl .cont_dl .cont_dl_link li img { margin-right: 10px; } 
.footer .app_dl .fml_site { z-index: 1; position: absolute; top: 20px; right: 0; display: flex; width: 180px; height: 40px; border: 1px solid #c3c3c3; border-radius: 20px; box-sizing: border-box; transition: all .3s; overflow: hidden; } 
.footer .app_dl .fml_site.on { height: 140px; background: #fff; } 
.footer .app_dl .fml_site button { position: relative; font-size: 14px; font-weight: bold; width: 100%; height: 40px; padding: 0 20px; text-align: left; color: #000; cursor: pointer; box-sizing: border-box; } 
.footer .app_dl .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 .app_dl .fml_site.on button::before { transform: translateY(-50%) rotate(180deg); } 
.footer .app_dl .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 .app_dl .fml_site .fml_site_list li+li { margin-top: 15px; } 
.footer .app_dl .fml_site .fml_site_list li a { font-size: 14px; color: #000; } 
.footer .ft_info { display: flex; } 
#footer .ft_info > a { font-size: 24px; display: flex; align-items: center; margin-right: 10px; color: #000; } 
#footer .ft_info > a img { margin-right: 3px; } 
.footer .ft_info .ft_info_link { display: flex; align-items: center; margin-right: 15px; } 
#footer .ft_info .ft_info_link li+li { margin-left: 4px; } 
#footer .ft_info .ft_info_link a { display: flex; align-items: center; justify-content: center; color: #3a3a3a; padding: 1px 7px; background: #fff; border: 1px solid #dcdcdc; box-sizing: border-box; } 
#footer .ft_info .ft_info_link a img { margin-left: 3px; } 
.footer .ft_info .ft_info_sns { display: flex; } 
.footer .ft_info .ft_info_sns li+li { margin-left: 6px; } 
.footer .area { background-color: #f8f8f8; padding-bottom: 40px; } 
.footer .line { width: 1000px; margin:0px auto } 
.footer .line:after { content:""; display:block; clear:both } 
.footer .info_link { display: flex; justify-content: space-between; padding: 40px 0 23px; } 
.footer .info_link li a { font-size: 14px; line-height: 20px; color: #666; } 
.footer .info_link li em { font-style: normal; font-weight: bold; color: #3a3a3a; } 

.footer .info_cop {position: relative;}
.footer .info_cop:after { content:""; display:block; clear:both } 
.footer .info_cop .info { margin-top: 18px; } 
.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: #999; letter-spacing: -0.025em } 
.footer .info_cop .info .copyrights { font-size: 11px; line-height: 16px; color: #999999 } 
.footer .info_cop .danal_link {position: absolute; top:0; right:0;}
.footer .link { background-color: #fff } 
.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 } 
.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 } 
.directPopBox { width: 1000px; margin:0 auto; position: relative } 
.directPop { position: absolute; top:0px; left: 0px; z-index: 1010 } 
.login_wrap .area { width: 460px; margin:0px auto } 
.login_wrap .area .ci { position: relative; height: 177px } 
.login_wrap .area .ci a { display: block; position: absolute; width: 208px; height: 48px; left:50%; top:78px; margin-left: -104px; background: url(/resources/image/design/main/ib2/login.png) no-repeat; text-indent: -99999px } 
.login_wrap .area .inp_box { display: block } 
.login_wrap .area input[type='text'].type01 { position: relative; display: block; width: 100%; height: 48px; padding: 0 10px; box-sizing: border-box; color: #1f2152; text-align: left; font-family: notoKr, sans-serif; font-size: 16px; margin-bottom: 20px } 
.login_wrap .area input[type='password'].type01 { position: relative; display: block; width: 100%; height: 48px; padding: 0 10px; box-sizing: border-box; border: 1px solid #d7dbe3; color: #1f2152; text-align: left; font-family: notoKr, sans-serif; font-size: 16px; margin-bottom: 10px } 
.login_wrap .area input[type='password'].type01:focus { border-color: #1f2152 } 
.login_wrap .area a.btn_full02 { height: 65px; line-height: 65px; background-color: #8a39ce; font-size: 22px; margin:22px 0 15px 0 } 
.login_wrap .area ul { text-align: center; font-size: 0; margin-bottom: 76px } 
.login_wrap .area ul li { display: inline-block; padding: 6px 0 } 
.login_wrap .area ul li a { font-family: notoKr, sans-serif; letter-spacing: -0.025em; display: inline-block; font-size: 14px; line-height: 13px; height: 13px; padding: 0 18px; border-left: 1px solid #7e86a8; color: #7e86a8 } 
.login_wrap .area ul li:first-child a { border-left: 0 } 
.login_wrap .area .mem_nvr a.btn_full02 { position: relative; background-color: #1ec800; margin:22px 0 10px 0 } 
.login_wrap .area .mem_nvr a.btn_full02:after { position: absolute; content: ''; width: 33px; height: 31px; top:17px; left:16px; background: url(/resources/image/design/main/ib2/login.png) no-repeat; background-position: 0 -48px } 
.login_wrap .area .mem_otp { position:relative } 
.login_wrap .area .mem_otp a.btn_full02 { display:flex; line-height:1; margin-top:10px; background:#87bcf1; flex-direction:column; justify-content:center } 
.login_wrap .area .mem_otp a.btn_full02 > span { display:block; margin-top:9px; font-size:12px } 
.login_wrap .area .mem_otp a.btn_full02 ~ .otp_ntc { display:none; position:absolute; top:-180px; left:10px; width:438px; padding:12px; background:#fff; border:1px solid #616161; line-height:1.3; font-family:notoKR; font-size:14px; text-align:center; box-sizing:border-box } 
.login_wrap .area .mem_otp a.btn_full02:hover ~ .otp_ntc { display:block } 
.login_wrap .area .mem_otp .otp_ntc:before { content:''; display:block; width:156px; height:26px; margin:0 auto 10px; background:url('/resources/image/design/main/ib2/img_otp_notice.png') } 
.login_wrap .area .ntc_ipin { font-family: notoKr, sans-serif; line-height: 24px; font-size: 12px; color: #7e86a8 } 
.login_wrap .area .ntc_ipin em { font-style: normal; color:#616781 } 
.login_wrap .area .ntc_ipin a { display: inline-block; height: 22px; border: 1px solid #eaeef7; width: 97px; text-align: center; border-radius: 24px; line-height: 22px; color: #7e86a8; letter-spacing: -0.075em; margin-left: 8px } 
.btm_ntc { margin:181px 0 20px 0; border-top:1px solid #b7c1d9 } 
.btm_ntc .area { width: 540px; margin:0 auto } 
.btm_ntc .area .wng_txt { position: relative; padding-left: 65px; padding-top: 4px; margin-top:34px; font-size: 14px; font-family: notoKr, sans-serif; line-height: 18px; color: #333333; margin-bottom:28px } 
.btm_ntc .area .wng_txt:after { position: absolute; content: ''; width: 46px; height: 46px; top:0px; left: 0px; background: url(/resources/image/design/main/ib2/login.png) no-repeat; background-position: 0 -79px } 
.btm_ntc .area .btn_box { text-align: center } 
.btm_ntc .area a { display: inline-block; width: 152px; font-family: notoKr, sans-serif; font-size: 13px; line-height: 28px; background-color: #505050; color: #fff; text-align: center } 
input[type='password'].type01::placeholder { font-weight:400; color:#a9afbd; text-align:left } 
input[type='password'].type01:-webkit-input-placeholder { font-weight:400; color:#a9afbd; text-align:left } 
input[type='password'].type01:-moz-placeholder { color:#a9afbd; text-align:left } 
input[type='password'].type01:-ms-placeholder { color:#a9afbd; text-align:left } 
input[type='password'].type01:-ms-input-placeholder { color:#a9afbd; text-align:left } 
.btn_login input { display: block; width: 100%; font-family: notoKr, sans-serif; height: 65px; line-height: 65px; background-color: #8a39ce; font-size: 22px; margin:22px 0 15px 0; border: 0px; padding: 0px; color: #fff; cursor: pointer } 
#MainTopBanner { position: relative; height: 84px; overflow: hidden; min-width: 1000px } 
#MainTopBanner .close { position: absolute; left: 50%; top: 0; width: 30px; height: 30px; margin-left: 475px; background: #fff; opacity: 0; -moz-opacity: 0; -ms-filter: alpha(opacity=0); filter: alpha(opacity=0) } 

.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 } 

/* 상품권샵 해시태그 슬라이더 애니메이션*/
@keyframes slider { 
 0% { transform:translateX(0); } 
 100% { transform:translateX(-50%); } 
 }

/* 베이글 검색 팝업 */
.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;
}

/* 디아블로 끝*/
/* 2023-02-22 #10202 광고용 로그인 랜딩페이지 */


#wrap.loginLanding { min-width: 500px; display: flex; flex-direction: column; align-items: center; width: 100%; height: 1500px; background-repeat: no-repeat; background-position: top center; background-size: cover; } 
#wrap.loginLanding::before { content: ""; z-index: 0; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.7); } 
@media (min-width:1921px){
 #wrap.loginLanding { background-repeat: no-repeat; background-position: top center; background-size: 1920px; } 
 }
/* #wrap.loginLanding #wrap { position: sticky; top: 130px; } */
#wrap.loginLanding .login_wrap { position: sticky; top: 130px; z-index: 1; width: 500px; height: 598px; padding: 0 70px 20px; background: #fff; border-radius: 30px; box-sizing: border-box; } 
#wrap.loginLanding .login_wrap .area { width: auto; margin: 0px; } 
#wrap.loginLanding .login_wrap .area .ci { height: 97px; } 
#wrap.loginLanding .login_wrap .area .ci a { width: 145px; height: 33px; left: 107.5px; top: 34px; margin-left: 0; background: url(/resources/image/design/main/ib2/login.png) no-repeat; background-size: 100%; } 
#wrap.loginLanding .login_wrap .area ul { margin-bottom: 0; } 
#wrap.loginLanding .btn_login input { font-size: 16px; margin: 25px 0 15px 0; } 
#wrap.loginLanding .login_wrap .area .mem_nvr a.btn_full02 { position: relative; background-color: #1ec800; margin: 22px 0 0; text-align: right; padding-right: 22px; box-sizing: border-box; } 
#wrap.loginLanding .login_wrap .area .mem_nvr a.btn_full02:after { top: 11px; left: 21px; } 
#wrap.loginLanding .login_wrap .area a.btn_full02 { width: 170px; height: 50px; line-height: 50px; font-size: 14px; margin: 0; } 
#wrap.loginLanding .login_wrap .area .mem_otp a.btn_full02 { position: absolute; top: -50px; right: 0; } 
#wrap.loginLanding .login_wrap .area .mem_otp a.btn_full02 > span { display: none; } 
#wrap.loginLanding .btm_ntc { position: sticky; top: 650px; z-index: 1; width: 500px; margin: 0; padding: 17px 20px 20px; border-top: none; background: #fff; border-radius: 0 0 30px 30px; box-sizing: border-box; border-top: 1px solid #b7c1d9; } 
#wrap.loginLanding .login_wrap .area .ntc_ipin { padding-top: 5px; } 
#wrap.loginLanding .login_wrap .area .ntc_ipin a { margin-left: 0; margin-top: 3px; } 
#wrap.loginLanding .login_wrap .area .mem_otp a.btn_full02 ~ .otp_ntc { top: -160px; left: -38px; } 
#wrap.loginLanding .btm_ntc .area .wng_txt { font-size: 12px; letter-spacing: -.5px; margin-top: 0; margin-bottom: 0; } 
#wrap.loginLanding .btm_ntc .area { width: auto; margin: 0; } 
#wrap.loginLanding .btm_ntc .area a { display: none; }