/*********************************************************************
* Program		: main_ib2.css
* Version		: 0.1
* Date			: 2018/08/27		Writer : 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;}

.ellip {display: block;height: 100%;}
.ellip-line {display: block; text-overflow: ellipsis;white-space: nowrap;word-wrap: normal;}
.ellip,.ellip-line {position: relative;overflow: hidden;max-width: 100%;}

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

.main_header .login{height:39px; border-bottom:1px solid #eaeef7;}
.main_header .login > ul{position:relative;width:1000px; margin:0 auto; text-align:right;}
.main_header .login > ul > li{display:inline-block; position: relative; height: 39px; }
.main_header .login > ul > li.open_api {position:absolute;top:0;left:0;width:205px;height:39px;border-left:1px solid #eaeef7;border-right:1px solid #eaeef7;background:url(/resources/image/design/main/ib2/open_api.gif) center center no-repeat;}
.main_header .login > ul > li.open_api a {display:block;width:205px;height:39px;margin:0;font-size:0;text-indent:-9999px;}
.main_header .login > ul > li.my_page_menu .menu_box{position: absolute; z-index: 1002; background-color: #fff; border:1px solid #eaeef7; border-top:0; width: 90px; top:39px; left:50%;margin-left:-65px; display: none; box-shadow:0 0px 4px RGBA(0,0,0,0.15); padding:15px 20px 20px 20px;}
.main_header .login > ul > li.my_page_menu .menu_box:before{content:'';position: absolute; width: 140px; height: 4px; background-color: #fff; top:-4px; left:-5px;}
.main_header .login > ul > li.my_page_menu .menu_box > ul > li > a{display: block; font-size: 12px; line-height: 16px; padding:3px 0; color: #7e86a8; text-align: center;}
.main_header .login > ul > li.my_page_menu .menu_box > ul > li > a:hover{color: #1f2152;}
.main_header .login > ul > li.my_page_menu .menu_box .btn_box{padding-top:17px; font-size: 0px;}
.main_header .login > ul > li.my_page_menu .menu_box .btn_box a{display: inline-block; font-family: notoKR; font-size: 12px; line-height: 17px; padding:3px; border:1px solid #e1e3e8; background-color: #f1f2f4; color:#616781; text-align: center;}
.main_header .login > ul > li.my_page_menu .menu_box .btn_box a.full{display: block; margin-bottom: 6px;}
.main_header .login > ul > li.my_page_menu .menu_box .btn_box a.left{width: 34px; margin-right: 6px;}
.main_header .login > ul > li.my_page_menu .menu_box .btn_box a.right{width: 34px;}
.main_header .login > ul > li > em{font-style: normal;}
.main_header .login > ul > li > em a{color: #8a39ce}
.main_header .login > ul > li > a{position: relative; display: block; color:#7e86a8; font-size:12px; padding:0 8px 0 9px; line-height:18px; margin-top:11px;}
.main_header .login > ul > li > a:hover{color: #8a39ce}
.main_header .login > ul > li > a:after{content:'';position: absolute; top:3px; left:-2px; width: 0; height: 11px;border-left:1px solid #7e86a8; }
.main_header .login > ul > li:nth-child(2) > a:after{display: none;}
.main_header .login > ul > li.direct{position:absolute; top:0; left:0; width:205px; border-left:1px solid #eaeef7; border-right:1px solid #eaeef7; }
.main_header .login > ul > li.direct a{font-weight: bold; line-height: 14px; padding:11px 0; padding-right:13px; margin-top:0; background: url(/resources/image/design/main/ib2/btn_drt_clm_dn.png) center right 61px no-repeat;color:#7e86a8; text-align:center}
.main_header .login > ul > li.direct a:hover{color:#7e86a8}
.main_header .login > ul > li.direct a.on{background: url(/resources/image/design/main/ib2/btn_drt_clm_up.png) center right 61px no-repeat;}
.main_header .login > ul > li.direct a:after{display: none;}


.main_header .search{position: relative;border-bottom:1px solid #eaeef7; background-color: #ffffff}
.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;}
.main_header .search .box{position:relative; width:1000px; margin:0 auto; border: 0;}
.main_header .search .box:after{content:""; display:block; clear:both;}
.main_header .search .ci{float:left; position: relative; display: block;width: 212px;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{float: left;padding-left: 27px; padding-top:34px;-webkit-transition: all 0.2s; /* Safari */transition: all 0.2s;}
.main_header .search .area .sch_ipt{position:relative;}
.main_header .search .area .sch_ipt input{font-size:18px; line-height: 26px;font-family: notoKR; width: 541px; padding:4px 60px 4px 20px; border:0px; border-bottom:2px solid #8a39ce;background-color: #fff;}
.main_header .search .area .sch_ipt input:hover{background-color: #fff;}
.main_header .search .area .sch_ipt .sch_submit{position: absolute; top:0px; right: 0px; width: 45px;height: 34px;background: url(/resources/image/design/main/ib2/btn_sch.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_tgl{position: absolute; top:0px; right: 45px; width: 21px;height: 34px;}
.main_header .search .area .sch_ipt .sch_tgl a{display: block; width: 21px;height: 34px; background: url(/resources/image/design/main/ib2/btn_sch_open.png) center no-repeat; text-indent: -9999px;font-size: 0;}
.main_header .search .area .sch_ipt .sch_tgl a.on{background: url(/resources/image/design/main/ib2/btn_sch_close.png) center no-repeat;}
.main_header .search .area .sch_ipt .sch_del{position: absolute; top:8px; right: 48px; width: 18px;height: 16px;}
.main_header .search .area .sch_ipt .sch_del a{display: block; width: 18px;height: 16px; background: url(/resources/image/design/main/ib2/btn_sch_del.png) center no-repeat; text-indent: -9999px;font-size: 0;}
.main_header .search .btn_stk_reg{position: absolute; top:105px; right: 0px; background-color: #fff; -webkit-transition: all 0.3s; /* Safari */transition: all 0.3s; z-index:1001}
.main_header .search .btn_stk_reg > a{display: block; position: relative; font-family: notoKR; font-size: 15px; line-height: 22px; color: #8a39ce; padding: 15px 5px 16px 42px; width: 68px; border:1px solid #eaeef7;background:url('/resources/image/design/main/ib2/btn_reg.png') no-repeat; background-position: 20px center; }

.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; 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%; left: 50%; margin-top: -15px; margin-left: -65px; width: 130px; height: 30px; background: url(/resources/image/design/main/ib2/logo_ib2.png) center no-repeat}
.main_header.sticky .search .area{padding-top: 19px;}
.main_header.sticky .search .btn_stk_reg{top: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 .search .area .sch_box{position: absolute; width: 619px; height: 448px; background: #fff; border: 1px solid #7e86a8; border-top:0px; z-index:999}
.main_header .search .area .sch_box .sch_game:after{content:""; display:block; clear:both;}
.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; 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 a{}
.main_header .search .area .sch_box .game{float: left; position: relative; height: 448px; 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:5px 21px; font-size: 14px; color: #7e86a8;}
.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: 206px;}
/*.main_header .search .area .sch_box .game.drsv{margin-bottom: 0px; height: 412px;}*/
.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{float: left; position:relative; height: 448px; overflow: auto; width:412px; 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: 20px 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; line-height: 19px; padding:5px 21px; font-size: 14px; color: #7e86a8;}
.main_header .search .area .sch_box .server ul li a:hover{font-weight:bold; color:#626882; background-color:#eaeef9; }
.main_header .search .area .sch_box .server ul li a.on{font-weight:bold; color:#626882; background-color:#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-family: notoKR; font-size: 14px; line-height: 20px; padding: 10px 0 10px; color: #616781; }
.main_header .search .area .sch_box .cfg_my_game a{font-family: notoKR; font-size: 14px; line-height: 20px; padding: 0px 11px 0px 0px; color: #1f2152;background:url('/resources/image/design/main/ib2/sch_clamp_02.png') no-repeat; background-position: right 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-family: notoKR; font-size: 14px; line-height: 20px; padding: 10px 0 9px; border: 1px solid #eaeef7; color: #a9afbd; text-align: center; background-color: #f3f5fa;}
.main_header .search .area .sch_box .sch_game_tab .tab li a.on{border-bottom:1px solid #fff; background-color: #fff; color: #120b3d}
.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{padding: 10px 0}
.main_header .search .area .sch_box .sch_game_tab .game_lst li{margin-bottom: 5px;}
.main_header .search .area .sch_box .sch_game_tab .game_lst li a{display: block; 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{display: inline-block; font-weight: normal; font-family: notoKR; font-size: 12px; line-height: 17px; padding: 3px; width: 42px; font-style: normal; color: #fff; margin-right: 8px; text-align: center;}
.main_header .search .area i.buy{background-color: #f2a833;}
.main_header .search .area i.sell{background-color: #45b0c0;}

.main_header .nav{position: relative;border-bottom:1px solid #eaeef7; background-color: #ffffff; z-index: 700;}
.main_header .nav .box{position:relative; width:1000px; margin:0 auto; border: 0;}
.main_header .nav .box:after{content:""; display:block; clear:both;}
.main_header .nav .box .game_list_nav{float:left}

.main_header .nav .game_list_nav .btn_tgl label{display: block; position: relative; float: left; font-family: notoKR; font-size: 16px; line-height: 16px; color: #120b3d; padding: 18px 10px 19px 20px; width: 180px; border-left:1px solid #eaeef7;border-right:1px solid #eaeef7; background-color: #fbfbff; cursor: pointer;}
.main_header .nav .game_list_nav .btn_tgl label:after{content:""; display:block; clear:both;}
.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;}
.main_header .nav .game_list_nav .btn_tgl label .icon_hbg span{display: block;width: 18px;height: 2px; margin-bottom: 5px;position: relative;background: #120b3d;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(1px, 1px);}
.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(-1px, -1px); }
.main_header .nav .game_list_nav .btn_tgl label .tgl_txt{margin-left: 13px;}
.main_header .nav .game_list_nav .area{position: absolute; top:54px; left: 0; width: 212px; height: 450px;  z-index: 999;background-color: RGBA(1,0,29,0.7); }
.main_header.submain .nav .game_list_nav .area{background-color: RGBA(1,0,29,1);}
.main_header .nav .game_list_nav .area .btn_all_game a{display: block;position: relative; font-family: notoKR; 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 .area .box_all_game{position: absolute;top:0px; left: 211px; width: 787px; height:448px; border: 1px solid #8939ce}
.main_header .nav .game_list_nav .box_all_game{position: absolute; left: 212px; background-color: #fff;}
.main_header .nav .game_list_nav .box_all_game ul.tab{border-bottom: 1px solid #eaeef7; padding: 20px 26px 0px 26px;}
.main_header .nav .game_list_nav .box_all_game ul.tab:after{content:""; display:block; clear:both;}
.main_header .nav .game_list_nav .box_all_game ul.tab li{float: left; margin-left: 36px;}
.main_header .nav .game_list_nav .box_all_game ul.tab li:first-child{margin-left: 0px;}
.main_header .nav .game_list_nav .box_all_game ul.tab li a{display: block; position: relative; font-family: notoKR; font-size: 16px; line-height: 22px; color: #7e86a8;letter-spacing: -0.075em; text-align: center; padding: 6px 14px }
.main_header .nav .game_list_nav .box_all_game ul.tab li a.on{color: #635bca; margin-bottom: -1px; border-bottom:2px solid #635bca; padding-bottom: 5px;}
.main_header .nav .game_list_nav .box_all_game a .icon_hbg{display: inline-block; width: 10px; overflow: hidden; margin-right: 2px;}
.main_header .nav .game_list_nav .box_all_game a .icon_hbg span{display: block;width: 10px;height: 1px; margin-bottom: 3px;position: relative;background: #635bca;z-index: 1;transform-origin: 4px 0px; transition: transform 0.3s cubic-bezier(0.77,0.2,0.05,1.0), background 0.3s cubic-bezier(0.77,0.2,0.05,1.0), opacity 0.33s ease;}
.main_header .nav .game_list_nav .box_all_game a .icon_hbg .line01{transform-origin: 0% 0%;}
.main_header .nav .game_list_nav .box_all_game a .icon_hbg .line02{transform-origin: 0% 100%; width: 7px;}
.main_header .nav .game_list_nav .box_all_game a .icon_hbg .line03{transform-origin: 0% 0%; margin-bottom: 0px;}
.main_header .nav .game_list_nav .box_all_game a.on .icon_hbg .line01{opacity: 1;transform: rotate(42deg) translate(1px, 0px); width: 11px;}
.main_header .nav .game_list_nav .box_all_game a.on .icon_hbg .line02{transform: rotate(0deg) scale(0.2, 0.2);opacity: 0;}
.main_header .nav .game_list_nav .box_all_game a.on .icon_hbg .line03{transform: rotate(-42deg) translate(0px, 0px); width: 11px;}
.main_header .nav .game_list_nav .box_all_game .my_game_lst{position: absolute; right:21px; top:30px;}
.main_header .nav .game_list_nav .box_all_game .my_game_lst .btn_my_game_lst a{font-family: notoKR; font-size: 12px; line-height: 16px; color: #635bca;}
.main_header .nav .game_list_nav .box_all_game .my_game_lst .box_my_game_lst{position: absolute; width: 276px; height: 371px; right: -10px; top: 25px; background-color: #fff; border: 1px solid #635bca; z-index: 10; display: none;}
.main_header .nav .game_list_nav .box_all_game .my_game_lst .box_my_game_lst h4{display: block; position: relative; font-family: notoKR; font-size: 14px; line-height: 23px; color: #1f2152; letter-spacing: -0.075em;border-bottom: 1px solid #b7c1da; padding: 10px 15px; font-weight: normal;}
.main_header .nav .game_list_nav .box_all_game .my_game_lst .box_my_game_lst h4 a{position: absolute; right: 10px; top:50%; margin-top: -10px; display: block; width: 22px; height: 21px; text-indent: -9999px;background:url('/resources/image/design/main/ib2/btn_fav_close.png') no-repeat;}
.main_header .nav .game_list_nav .box_all_game .my_game_lst .box_my_game_lst ul{height: 327px; overflow: auto;}
.main_header .nav .game_list_nav .box_all_game .my_game_lst .box_my_game_lst ul li{position: relative;}
.main_header .nav .game_list_nav .box_all_game .my_game_lst .box_my_game_lst ul li a{display: block; font-size: 12px; line-height: 16px; padding: 10px 40px 10px 10px; color: #616781;}
.main_header .nav .game_list_nav .box_all_game .my_game_lst .box_my_game_lst ul li a:hover{font-weight: bold; letter-spacing: -0.02em;}
.main_header .nav .game_list_nav .box_all_game .my_game_lst .box_my_game_lst ul li button{position: absolute; right: 8px; top:50%; margin-top: -10px; display: block; width: 20px; height: 20px; text-indent: -9999px;background:url('/resources/image/design/main/ib2/btn_fav_del.png') no-repeat;}
.main_header .nav .game_list_nav .box_all_game .my_alarm_lst{position: absolute; right:21px; top:30px;}
.main_header .nav .game_list_nav .box_all_game .my_alarm_lst .btn_my_alarm_lst a{font-family: notoKR; font-size: 12px; line-height: 16px; color: #635bca; }
.main_header .nav .game_list_nav .box_all_game .my_alarm_lst .box_my_alarm_lst{display: none; position: absolute; width: 287px; max-height: 415px; right: -10px; top: 25px; background-color: #fff; border: 1px solid #635bca; z-index: 10;}
.main_header .nav .game_list_nav .box_all_game .my_alarm_lst .box_my_alarm_lst ul{max-height: 415px; overflow: auto;}
.main_header .nav .game_list_nav .box_all_game .my_alarm_lst .box_my_alarm_lst ul li{position: relative; font-family:notoKR; font-size: 12px; line-height: 16px; letter-spacing: -0.075em; color: #635bca; border-top: 1px solid #b7c1da}
.main_header .nav .game_list_nav .box_all_game .my_alarm_lst .box_my_alarm_lst ul li:first-child{border-top:0;}
.main_header .nav .game_list_nav .box_all_game .my_alarm_lst .box_my_alarm_lst ul li .box_info{position: relative; padding: 12px 72px 11px 15px;}
.main_header .nav .game_list_nav .box_all_game .my_alarm_lst .box_my_alarm_lst ul li .depth{ color: #9b9fa7; padding-bottom: 5px; }
.main_header .nav .game_list_nav .box_all_game .my_alarm_lst .box_my_alarm_lst ul li .sch_wrd{ color: #120b3d; letter-spacing: 0;padding-bottom: 2px;}
.main_header .nav .game_list_nav .box_all_game .my_alarm_lst .box_my_alarm_lst ul li .price{ color: #635bca; font-size: 14px;}
.main_header .nav .game_list_nav .box_all_game .my_alarm_lst .box_my_alarm_lst ul li .date{ color: #9b9fa7;  background-color: #f3f5fa; color: #616781; padding: 4px 15px 5px 15px; letter-spacing: 0;}
.main_header .nav .game_list_nav .box_all_game .my_alarm_lst .box_my_alarm_lst ul li button{position: absolute; right: 15px; top:50%; margin-top: -10px; display: block; width: 42px; height: 25px; line-height: 23px; background-color: #f1f2f4; color: #616781; border:1px solid #e1e3e8; text-align: center;}
.main_header .nav .game_list_nav .box_spc_game{position: absolute;top:0px; left: 212px; width: 238px; height:448px; border: 1px solid #8939ce}
.main_header .nav .game_list_nav .box_spc_game{position: absolute; left: 212px; background-color: #fff;}
.main_header .nav .game_list_nav .box_spc_game .spc_lst_srvr{height: 448px; overflow: auto;}
.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:12px 0;}
.main_header .nav .game_list_nav .box_spc_game .spc_lst_srvr ul li a{display: block; font-family:notoKR; font-size: 14px;letter-spacing: -0.025em; padding:6px 10px; line-height: 23px; margin:0 10px;}
.main_header .nav .game_list_nav .box_spc_game .spc_lst_srvr ul li a:hover{background-color: #8a39ce; color: #ffffff;}
.main_header .nav .game_list_nav .box_spc_game .spc_lst_srvr ul li a.on{background-color: #8a39ce; color: #ffffff; margin-left: 1px}
.main_header .nav .game_list_nav .box_spc_game .event{position: absolute; width: 218px; height:428px; top:-1px; left: 238px; padding:10px; border:1px solid #8a39ce; background-color: #fff;}
.main_header .nav .game_list_nav .box_spc_game .event:after{content: ''; display: block; position: absolute; width: 0; height: 448px; border-left: 1px solid #eaeef7; top:0px; left: -1px;}
.main_header .nav .game_list_nav .box_spc_game .event a{border:1px solid #eaeef7;}

.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; 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; 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; 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; 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 .fnd_min .box_sel:after{content:""; display:block; clear:both;}
.main_header .nav .tab_box .fnd_min .box_sel div{float: left;}
.main_header .nav .tab_box .fnd_min .box_sel .ipt_rst{float: none; display: none;  position: absolute; top:35px; box-sizing: border-box; left: 0px; width: 100%; height: 154px; border:1px solid #7e86a8; background-color: #fff; z-index: 2; overflow: auto; padding:10px 0;}
.main_header .nav .tab_box .fnd_min .box_sel .ipt_rst ul li a{position: relative; display: block;line-height: 19px;padding: 5px 11px;font-size: 14px;color: #7e86a8;}
.main_header .nav .tab_box .fnd_min .box_sel .ipt_rst ul li a:hover{font-weight: bold; color: #626882; background-color: #eaeef9;}
.main_header .nav .tab_box .fnd_min .box_sel span{display: block; float: left;}
.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; 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; 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_input{border-collapse:inherit;  border-spacing: 2px 9px;}
.main_header .nav .tab_box .alarm_input tr td{font-family: notoKR; font-size: 12px; line-height: 20px; color: #616781; width: 56px;}
.main_header .nav .tab_box .alarm_input tr td.ipt_td{width: 180px; position: relative;}
.main_header .nav .tab_box .alarm_input tr td select{font-family: notoKR; font-size: 14px; width: 200px;}
.main_header .nav .tab_box .alarm_input tr td input{font-family: notoKR; font-size: 14px; width: 200px;}
.main_header .nav .tab_box .alarm_input tr td input#input_pushitem_keyword {text-align:left !important}
.main_header .nav .tab_box .alarm_input .sel_ipt{background: url(/resources/image/design/main/v3_0/layout_ico_v3_0.png) no-repeat right -193px; width: 200px; padding-right: 30px; text-align: left;}
.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 .tab_box .fnd_min .btn_box a{font-family: notoKR;}

.main_header .nav .game_list_nav .lst_all_game{height: 384px; padding: 5px 0; }
.main_header .nav .game_list_nav .lst_all_game li a{display: block; position: relative; font-family: notoKR; font-size:14px; line-height: 20px; padding: 9px 10px 9px 21px; color: #d7dbe3; letter-spacing: -0.075em; z-index: 100}
.main_header .nav .game_list_nav .lst_all_game li a span{position: relative;}
.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{background-color: #8939ce; color: #fff;}
.main_header .nav .game_list_nav .lst_all_game li a.on:after{content:'';position: absolute; top:50%; right:-1px; margin-top:-8px; width: 9px; height: 17px;background:url('/resources/image/design/main/ib2/main_arrow_n.png') no-repeat;}

.main_header .nav .main_nav{float: left;}
.main_header .nav .main_nav > ul{padding: 0 30px;}
.main_header .nav .main_nav > ul:after{content:""; display:block; clear:both;}
.main_header .nav .main_nav > ul > li{position:relative; float: left;}
.main_header .nav .main_nav > ul > li > a{display: block; position: relative; font-family: notoKR; font-size: 16px; line-height: 22px; color: #120b3d; padding: 15px 10px 16px 10px; text-align: center;}
.main_header .nav .main_nav > ul > li > a:hover{font-style: normal; color: #8a39ce}
.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 .reg_item{position: relative; float: left;}
.main_header .nav .reg_item > a{display: block; position: relative; float: left; font-family: notoKR; 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; 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; overflow: hidden; min-height: 600px;}

.main_cont .banner{position: relative; max-width:1920px; height: 450px; margin:0 auto; overflow: hidden;}
.main_cont .banner .banner_01{background-color: #00b6b7;}
.main_cont .banner ul li div{height: 450px; background-position: center; display: block; background-repeat: no-repeat;}
.main_cont .banner ul li div a{display: block; width: 100%; height: 100%; text-indent: -9999px;}
.main_cont .banner .indg{position: absolute; width: 1000px; height: 450px;top: 0px;left: 50%;margin-left: -500px; height: 0px; z-index: 10;}
.main_cont .banner .indg > .box{position: absolute; width: 75px; top: 415px; right: 9px;}
.main_cont .banner .indg > .box:after{content:""; display:block; clear:both;}
.main_cont .banner .indg > .box a{float: left;display: block; width: 25px; height: 25px; text-indent: -9999px;}
.main_cont .banner .indg > .box a.btn_prev{background:url('/resources/image/design/main/ib2/btn_ind_mb_prev.png') no-repeat;}
.main_cont .banner .indg > .box a.btn_stop{background:url('/resources/image/design/main/ib2/btn_ind_mb_stop.png') no-repeat;}
.main_cont .banner .indg > .box a.btn_next{background:url('/resources/image/design/main/ib2/btn_ind_mb_next.png') no-repeat;}
.main_cont .banner .indg > .box a.btn_start{background:url('/resources/image/design/main/ib2/btn_ind_mb_start.png') no-repeat; display: none;}

.main_cont .shop{border-bottom: 1px solid #b7c1d9; background-color: #fff;}
.main_cont .shop .area{width: 1000px; margin:0 auto; height: 59px;}
.main_cont .shop .area:after{content:""; display:block; clear:both;}
.main_cont .shop .area h4{float: left; font-family: notoKR; font-size: 18px; line-height: 31px; width: 80px; padding: 14px 40px 14px 0px; font-weight: normal; color: #1f2152; background:url('/resources/image/design/main/ib2/icon_shop.png') no-repeat; background-position: 71px 13px; }
.main_cont .shop .area .hashtag{float: left; width: 800px;font-family: notoKR; }
.main_cont .shop .area .hashtag li{float: left;}
.main_cont .shop .area .hashtag li a{font-size: 14px; line-height: 22px; padding: 17px 15px 20px; display: block;}
.main_cont .shop .area .hashtag li a em{font-style: normal; color: #f2366e; }
.main_cont .shop .area .hashtag li a i.imp{margin-top: -14px; margin-left: 0px;}
.main_cont .shop .area .more{float: left; display: block; width: 80px;font-family: notoKR; color: #616781; margin-left: 5px;}
.main_cont .shop .area .more a{position: relative; font-size: 14px; line-height: 22px; text-align: right; padding: 17px 17px 20px 0px; display: block; background:url('/resources/image/design/main/ib2/btn_main_more.png') no-repeat; background-position: right 23px;}
.main_cont .shop .area .more a:after{content: ''; position: absolute; width: 1px; height: 12px; background-color: #616781; left:1px; top:50%; margin-top: -7px;}

.main_cont .item_fav{background-color: #f3f5fa;}
.main_cont .item_fav .area{width: 1000px; margin:0 auto;}
.main_cont .item_fav .area h4{text-align: center; font-family: notoKR; font-weight: normal; font-size: 18px;  color: #1f2152; line-height: 30px; padding:22px 10px 14px;}
.main_cont .item_fav .area h4 i.qut_s{margin-bottom: 8px;}
.main_cont .item_fav .area h4 i.qut_e{margin-bottom: 8px;}
.main_cont .item_fav .area .box ul{padding-bottom: 30px;}
.main_cont .item_fav .area .box ul:after{content:""; display:block; clear:both;}
.main_cont .item_fav .area .box li{float: left; width: 235px;margin-left: 20px;}
.main_cont .item_fav .area .box li:first-child{margin-left: 0px;}
.main_cont .item_fav .area .box li a{display: block; border:1px solid #eaeef7; border-bottom: 1px solid #b7c1d9; background: #fff;}
.main_cont .item_fav .area .box li a:hover{border:1px solid #874dd0; }
.main_cont .item_fav .area .box li a > span{display: block; padding:10px;}
.main_cont .item_fav .area .box li a > span.server{border-bottom: 1px solid #eaeef7; }
.main_cont .item_fav .area .box li a > span.server:after{content:""; display:block; clear:both;}
.main_cont .item_fav .area .box li a > span.server span{float: left; display: block; font-size: 12px; color: #a9afbd; height: 17px; width: 142px; padding:3px 0;}
.main_cont .item_fav .area .box li a > span.name{border-bottom: 1px solid #eaeef7; height: 49px; font-size: 14px; line-height: 22px; font-weight: bold; letter-spacing: -0.075em; color: #616781; word-break:break-all; -ms-word-break:brea-all}
.main_cont .item_fav .area .box li a > span.price{background-color: #f9f9f9; text-align: right;font-family: notoKR; font-size: 18px; line-height: 28px; padding:5px 10px; color: #8a39ce; letter-spacing: -0.075em;}
.main_cont .item_fav .area .box li a > span.login{font-size:15px; text-align:center}
.main_cont .item_fav .area .box i{float: left; display: block; font-weight: normal; font-family: notoKR; font-size: 14px; line-height: 17px; padding: 3px; width: 42px; font-style: normal; color: #fff; margin-right: 10px; text-align: center;}
.main_cont .item_fav .area .box i.buy{background-color: #f2a833;}
.main_cont .item_fav .area .box i.sell{background-color: #45b0c0;}

.main_cont .ad_bar .area{width: 1000px; margin:0px auto; padding: 20px 0 19px 0;}

.main_cont .main_grid{padding-bottom: 73px;}
.main_cont .main_grid h4{position:relative; display: block; font-weight: normal; font-family: notoKR; font-size: 18px; line-height: 26px; padding: 6px 0; color: #1f2152;}
.main_cont .main_grid h4 span{display: inline-block; position:relative;font-size: 14px;  color: #7e86a8; margin-left: 20px;}
.main_cont .main_grid h4 span:before{content: ''; position: absolute; width: 2px; height: 12px; background-color: #a6abc1; left: -10px; top:8px;}
.main_cont .main_grid .line{width: 1000px; margin:0 auto; padding-bottom:19px;}
.main_cont .main_grid .line:after{content:""; display:block; clear:both;}
.main_cont .main_grid .line > div{float: left; margin-left: 20px;}
.main_cont .main_grid .line > div:first-child{margin-left: 0;}
.main_cont .main_grid .ongate .area a{display: block; border:1px solid #eaeef7;}
.main_cont .main_grid .ongate .area a img{width: 318px; height: 168px;}
.main_cont .main_grid .pre_booking .area li{float: left; width:320px; margin-left: 20px;}
.main_cont .main_grid .pre_booking .area li:first-child{margin-left: 0;}
.main_cont .main_grid .pre_booking .area li a{display: block; position: relative; border:1px solid #eaeef7; background-color: #fff; padding:20px 20px 10px; height: 138px;}
.main_cont .main_grid .pre_booking .area li a i.preb{margin-bottom: 18px;}
.main_cont .main_grid .pre_booking .area li a i.comp{margin-bottom: 18px;}
.main_cont .main_grid .pre_booking .area li a > img{position: absolute; width: 80px; height: 80px; top:46px; right: 19px;}
.main_cont .main_grid .pre_booking .area li a > span.title{display: block; font-size: 14px; line-height: 18px; letter-spacing: -0.075em; font-weight: bold; color: #1f2152; width: 196px; height: 18px;}
.main_cont .main_grid .pre_booking .area li a > span.name_co{display: block; font-size: 12px; line-height: 17px; letter-spacing: -0.075em; color: #616781; width: 196px; margin-bottom: 13px; height: 17px;}
.main_cont .main_grid .pre_booking .area li a > span.sub{display: block; font-size: 12px; line-height: 17px; letter-spacing: -0.075em; color: #8a39ce; width:190px; height: 17px;}
.main_cont .main_grid .pre_booking .area li a > span.box_time{display: block; margin-top:16px; font-size: 12px; line-height: 15px; color: #616781;letter-spacing: -0.075em; height: 15px;}
.main_cont .main_grid .pre_booking .area li a > span.box_time:after{content:""; display:block; clear:both;}
.main_cont .main_grid .pre_booking .area li a > span.box_time .date{float: left; padding-left: 13px; background:url('/resources/image/design/main/ib2/icon_date.png') 0% 2px no-repeat;}
.main_cont .main_grid .pre_booking .area li a > span.box_time .open{float: right; padding-left: 13px;background:url('/resources/image/design/main/ib2/icon_open.png') 0% 2px no-repeat;}
.main_cont .main_grid .hot_issue .area li{float: left; width:320px; margin-left: 20px;}
.main_cont .main_grid .hot_issue .area li:first-child{margin-left: 0;}
.main_cont .main_grid .hot_issue .area li a{display: block; position: relative;}
.main_cont .main_grid .hot_issue .area li a img{width: 320px; height: 165px;}
.main_cont .main_grid .rtm_trade{width: 660px; margin-top:11px;}
.main_cont .main_grid .rtm_trade .tab{padding-left: 1px;}
.main_cont .main_grid .rtm_trade .tab:after{content:""; display:block; clear:both;}
.main_cont .main_grid .rtm_trade .tab > li{float: left; border: 1px solid #eaeef7; margin-left: -1px; border-bottom:0;}
.main_cont .main_grid .rtm_trade .tab > li a{position:relative; display: block; font-weight: normal; font-family: notoKR; font-size: 14px; line-height: 19px; height: 19px; padding: 10px 0; color: #7e86a8; background:#fff; width: 198px; text-align: center;}
.main_cont .main_grid .rtm_trade .tab > li a.on{ color: #635bca; background-color: #fbfbff; padding-bottom: 11px; margin-bottom: -1px;}
.main_cont .main_grid .rtm_trade .tab > li a span{display: inline-block; position: relative; padding-right: 21px;}
.main_cont .main_grid .rtm_trade .tab > li a span:after{content: '';position: absolute; width: 12px; height: 9px; top:5px; right: 0px; background:url('/resources/image/design/main/ib2/icon_main_tab.png'); background-position: 0 -9px;}
.main_cont .main_grid .rtm_trade .tab > li a.on span:after{background-position: 0 0;}
.main_cont .main_grid .rtm_trade .tab_cont{display: none; overflow: hidden; background-color: #fbfbff; border: 1px solid #eaeef7; padding:21px 19px 19px;}
.main_cont .main_grid .rtm_trade .tab_cont.show{display: block}
.main_cont .main_grid .rtm_trade .tab_cont table{width: 100%;font-family: notoKR; font-size: 12px; line-height: 18px; border: 1px solid #eaeef7}
.main_cont .main_grid .rtm_trade .tab_cont table th{background-color: #f9f9f9; color: #8e919e; font-weight: normal; text-align: center; padding:5px; height: 25px;border-left: 1px solid #fff;}
.main_cont .main_grid .rtm_trade .tab_cont table th:first-child{border: 0;}
.main_cont .main_grid .rtm_trade .tab_cont table td{border-bottom: 1px solid #eaeef7; font-size:12px; line-height: 28px; padding:5px 5px; height: 28px; color: #616781; max-width: 0;overflow: hidden;text-overflow: ellipsis; white-space: nowrap; background-color: #fff;}
.main_cont .main_grid .rtm_trade .tab_cont table td a{color: #616781;}
.main_cont .main_grid .rtm_trade .tab_cont table td a:hover{text-decoration: underline;}
.main_cont .main_grid .rtm_trade .tab_cont table td.type_crs{text-align: center;}
.main_cont .main_grid .rtm_trade .tab_cont table td.price{text-align: right; color: #f2316a; padding-right: 20px;}
.main_cont .main_grid .rcm_cst .rcm_box{border:1px solid #eaeef7;}
.main_cont .main_grid .rcm_cst .rcm_box > a{display: block;}
.main_cont .main_grid .rcm_cst .rcm_box > a > span{display: block;}
.main_cont .main_grid .rcm_cst .rcm_box > a > span.title{font-family: notoKR; font-size: 16px; line-height: 22px; height: 22px; margin-top: 10px; padding: 0px 10px; color: #616781; letter-spacing: -0.075em;}
.main_cont .main_grid .rcm_cst .rcm_box > a > span.sub{font-family: notoKR; font-size: 14px; line-height: 17px; height: 17px; margin-bottom: 7px; padding: 0px 10px; color: #7e86a8; letter-spacing: -0.075em;}
.main_cont .main_grid .rcm_cst .rcm_box > a img{border:0; margin:0; width: 318px; height: 173px;}
.main_cont .main_grid .rcm_cst .cst_box{border:1px solid #eaeef7; margin-top: 18px;}
.main_cont .main_grid .rcm_cst .cst_box > p{display: block; padding: 14px 20px 15px 97px; background:url('/resources/image/design/main/ib2/icon_cst.png') no-repeat; background-position: 26px 50%;}
.main_cont .main_grid .rcm_cst .cst_box > p > span.title{display: inline-block; font-family: notoKR; font-size: 18px; line-height: 26px; height: 22px; color: #616781; letter-spacing: -0.075em;}
.main_cont .main_grid .rcm_cst .cst_box > p > span.sub{display: inline-block;font-family: notoKR; font-size: 14px; color: #7e86a8; letter-spacing: -0.075em;}
.main_cont .main_grid .rcm_cst .cst_box > p > span.num{display: block;font-family: notoKR; font-size: 36px; color: #883acc; line-height: 38px; font-weight: bold;}
.main_cont .main_grid .rcm_cst .cst_box > p img{border:0; margin:0;}
.main_cont .main_grid .video{width: 660px;}
.main_cont .main_grid .video .box ul:after{content:""; display:block; clear:both;}
.main_cont .main_grid .video .box ul li{width: 213px; float: left; margin-left: 10px;}
.main_cont .main_grid .video .box ul li:first-child{margin-left: 0;}
.main_cont .main_grid .video .box ul li > a{display: block;}
.main_cont .main_grid .video .box ul li > a > span{display:block;font-family: notoKR; font-size: 12px; line-height: 19px; height: 19px; padding: 5px 0px; color: #616781; width: 213px;}
.main_cont .main_grid .notice{width: 320px;}
.main_cont .main_grid .notice .btn_more{display: block; position: absolute; right: 0; width: 12px; height: 12px; top:50%; margin-top:-6px;}
.main_cont .main_grid .notice .box{border-top:1px solid #eaeef7; padding-top:11px;}
.main_cont .main_grid .notice .box ul li a{display: block;}
.main_cont .main_grid .notice .box ul li a:hover{text-decoration: underline;}
.main_cont .main_grid .notice .box ul li a:after{content:""; display:block; clear:both;}
.main_cont .main_grid .notice .box ul li a > span{display:block;font-family: notoKR; font-size: 12px; line-height: 19px; height: 19px; padding: 5px 0px; color: #616781; margin-top:5px; letter-spacing: -0.025em;}
.main_cont .main_grid .notice .box ul li a > span span.ellip:hover{text-decoration: underline;}
.main_cont .main_grid .notice .box ul li a > span.title{width: 275px; float: left;}
.main_cont .main_grid .notice .box ul li a > span.date{width: 45px; float: left; text-align: right;}



.cont_wrap{position: relative; overflow: hidden; min-width: 1000px;}
.cont_wrap .sticky_side{position: absolute; background-color:  #fff; width: 141px; height: 100%; top:0px; right:-141px; box-shadow: 0px 0px 4px RGBA(0,0,0,0.35); z-index: 801;}
.cont_wrap .skyscraper{ width: 100%; top:0px; width: 141px;}
.cont_wrap .skyscraper .ssw{height: 100%;}
.cont_wrap .skyscraper .btn_scs_toggle{position: absolute; top:225px; left: -25px;}
.cont_wrap .skyscraper .btn_scs_toggle a{display: block; width: 25px; height: 90px; 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;}
.cont_wrap .skyscraper .scs_banner{margin:10px; width: 121px;height: 141px; overflow: hidden; padding-bottom:20px; margin-bottom: 0;}
.cont_wrap .skyscraper .scs_banner .swiper-container{height: 161px;}
.cont_wrap .skyscraper .scs_banner .pagination{position: absolute; top:151px; width: 100%;text-align: center; font-size: 0px; line-height: 0px;}
.cont_wrap .skyscraper .scs_banner .swiper-pagination-switch{background: #b7c1d9; width: 8px; height: 3px; position: relative; display: inline-block; margin-left: 3px; cursor: pointer;}
.cont_wrap .skyscraper .scs_banner .swiper-pagination-switch:first-child{margin-left: 0px;}
.cont_wrap .skyscraper .scs_banner .swiper-active-switch{background-color: #716ace; width: 21px;}
.cont_wrap .skyscraper .summary{font-family: notoKR; 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 .mailage_box{font-family: notoKR; font-size: 14px; line-height: 19px; color: #1f2152; letter-spacing: -0.025em; padding: 10px 16px 0px; border-top:1px solid #b7c1d9; text-align: center;}
.cont_wrap .skyscraper .mailage_box p{display: block;}
.cont_wrap .skyscraper .mailage_box span{display: block; line-height: 19px; padding-top: 4px;}
.cont_wrap .skyscraper .mailage_box em{font-style: normal; display: block; line-height: 19px; padding-top: 4px; color: #ff3066;}
.cont_wrap .skyscraper .btn_mailage{padding: 20px 15px 20px 16px;}
.cont_wrap .skyscraper .btn_mailage a{display: block;font-family: notoKR; font-size:12px; letter-spacing: -0.025em; color: #fff; background-color: #716ace; border-radius: 30px; line-height: 18px; padding: 6px 5px 5px 5px; height: 18px; text-align: center; margin-top: 6px}
.cont_wrap .skyscraper .btn_mailage a:first-child{margin-top:0px;}
.cont_wrap .skyscraper .float_tp{position: relative;}
.cont_wrap .skyscraper .float_bt{position: relative; width: 141px; height: 215px; right: 0px; bottom:0px; background-color: #fff;}
.cont_wrap .skyscraper .float_bt .sch_safe_bay{border-top:1px solid #b7c1d9; border-bottom:1px solid #b7c1d9; height: 71px; padding: 20px 16px 18px;}
.cont_wrap .skyscraper .float_bt .sch_safe_bay p{text-align: center;}
.cont_wrap .skyscraper .float_bt .sch_safe_bay p a{display: inline-block; position: relative; padding-left: 16px;font-family: notoKR; font-size:14px; letter-spacing: -0.025em; line-height: 16px; color: #120b3d; margin-bottom: 3px;  border-bottom: 1px solid #120b3d; }
.cont_wrap .skyscraper .float_bt .sch_safe_bay p a:before{content: ''; position: absolute; width: 14px; height: 16px; top:0px; left: 0px; background: url(/resources/image/design/main/ib2/icon_safebay_2.png) no-repeat;}
.cont_wrap .skyscraper .float_bt .sch_safe_bay p span{display: block; font-family: notoKR; font-size:12px; letter-spacing: -0.025em; line-height: 12px; color: #616781; margin-bottom: 9px;}
.cont_wrap .skyscraper .float_bt .sch_safe_bay .inp_box input[type='text'].type01{font-family: notoKR; font-size:12px; letter-spacing: -0.025em; display: block; width: 100%; 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']::-webkit-input-placeholder{}
.cont_wrap .skyscraper .float_bt .sch_safe_bay .inp_box .input_sch{width: 14px;height: 14px;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{display: block; text-align: center; width: 121px; height: 19px; font-family: notoKR; font-size:14px; letter-spacing: -0.025em; line-height: 19px; padding: 81px 10px 25px; color: #120b3d; background: url(/resources/image/design/main/ib2/btn_go_top.png) center 40px no-repeat;}
.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-top:1px solid #b7c1d9;border-bottom:1px solid #b7c1d9;  margin:0px !important; overflow: inherit !important; font-family: notoKR; font-size: 12px; line-height: 17px; color: #616781; }
.footer a{color: inherit !important;}
.footer .area{background-color: #f1f2f5; border-bottom: 1px solid #eaeef7}
.footer .line{width: 1000px; margin:0px auto;}
.footer .line:after{content:""; display:block; clear:both;}
.footer .info_link{padding: 27px 0 32px;  float: left; width: 780px;}
.footer .info_link:after{content:""; display:block; clear:both;}
.footer .info_link li{float: left;margin-left: 20px;}
.footer .info_link li:first-child{margin-left: 0px;}
.footer .info_link li a{font-size: 13px; line-height: 20px; letter-spacing: -0.025em;}
.footer .info_link li em{font-style: normal; color: #1f2152;}
.footer .fml_site{float: right; position: relative; margin-top:22px; }
.footer .fml_site > button{font-size: 14px; line-height: 26px; height: 35px; width: 219px; border:1px solid #616781; text-align: left; background-color: #fff; padding:3px 12px 5px;}
.footer .fml_site > button:after{content: '';position: absolute; width:35px; height:35px; top:0px; right: 0px; background: url(/resources/image/design/main/ib2/btn_footer_sel_down.png) center no-repeat; text-indent: -9999px;}
.footer .fml_site > button.on:after{background: url(/resources/image/design/main/ib2/btn_footer_sel_up.png) center no-repeat;}
.footer .fml_site > ul{display: none; position: absolute; top:34px; left:0px; font-size: 14px; line-height: 20px; width: 217px; border:1px solid #616781; text-align: left; background-color: #fff; padding:4px 0px;}
.footer .fml_site > ul li a{padding:4px 12px; display: block;}
.footer .fml_site > ul li a:hover{background-color: #eceef2}
.footer .info_cop{margin-bottom:28px;}
.footer .info_cop:after{content:""; display:block; clear:both;}
.footer .info_cop .ci{position: relative; float: left; width: 198px; height: 111px;}
.footer .info_cop .ci a{position:absolute; display:block; width: 100px;height: 23px; top:36px; left:20px; background: url(/resources/image/design/main/ib2/icon_ci_footer.png) center no-repeat; text-indent: -9999px;font-size: 0; vertical-align: middle; margin-left: 5px;}
.footer .info_cop .info{float: left;}
.footer .info_cop .info a{display: inline-block; position: relative; color: #616781;  border:1px solid #7e86a8; padding:0 17px 0 5px; line-height: 17px; height: 17px; margin:1px 0; background: url(/resources/image/design/main/ib2/icon_cmp_r_s.png) no-repeat; background-position: 93% 50%;}
.footer .info_cop .info p{font-size: 12px; line-height: 21px; padding-bottom: 11px; color: #616781; width:800px; letter-spacing: -0.025em;}
.footer .info_cop .info .copyrights{font-size: 11px; line-height: 16px; color: #a9afbd}

.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; }
.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; 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; 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; 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{margin-top:10px; background:#87bcf1}
.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;  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; 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; 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; 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);}