@charset "utf-8";			

body{background:#FFF;overflow-y:scroll;font-family:'Spoqa Han Sans', sans-serif;}
body.os-window{font-family:'Lato', 'Malgun Gothic';}
#wrap{margin-top:0;transition:margin-top 0.2s ease-out;}
#wrap.no_login{margin-top:66px;}
#wrap.no_login.no_login_mobile{margin-top:44px;}
#wrap.no_login.no_login_phone{margin-top:54px;}
@media only screen and (max-width:599px) {
	body{background:#FFF;}
}

/********
 텍스트 스타일
*/
.t_8{font-size:8px;font-weight:400;letter-spacing:-0.3px;}
.t_10{font-size:10px;font-weight:400;}
.t_11{font-size:11px;font-weight:400;letter-spacing:-0.3px;}
.t_12{font-size:12px;font-weight:400;letter-spacing:-0.2px;}
.t_13{font-size:13px;font-weight:400;letter-spacing:-0.4px;}
.t_14{font-size:14px;font-weight:400;letter-spacing:-0.3px;}
.t_15{font-size:15px;font-weight:400;letter-spacing:-0.4px;}
.t_16{font-size:16px;font-weight:400;letter-spacing:-0.4px;}
.t_17{font-size:17px;font-weight:400;letter-spacing:-0.4px;}
.t_18{font-size:18px;font-weight:400;letter-spacing:-0.5px;}
.t_20{font-size:20px;font-weight:400;letter-spacing:-0.5px;}
.t_22{font-size:22px;font-weight:400;letter-spacing:-0.5px;}
.t_24{font-size:24px;font-weight:400;letter-spacing:-0.6px;}
.t_25{font-size:25px;font-weight:400;letter-spacing:-0.6px;}
.t_26{font-size:26px;font-weight:400;letter-spacing:-0.6px;}
.t_28{font-size:28px;font-weight:400;letter-spacing:-0.56px;}
.t_32{font-size:32px;font-weight:400;letter-spacing:-0.9px;}
.t_34{font-size:34px;font-weight:400;letter-spacing:-0.9px;}
.t_36{font-size:36px;font-weight:400;letter-spacing:-0.87px;}
.t_42{font-size:42px;font-weight:400;letter-spacing:-1px;}
.t_46{font-size:46px;font-weight:400;letter-spacing:-1.11px;}
.t_60{font-size:60px;font-weight:400;letter-spacing:2px;}

.t_10_b{font-size:10px;font-weight:700;letter-spacing:-0.3px;}
.t_11_b{font-size:11px;font-weight:700;letter-spacing:-0.3px;}
.t_12_b{font-size:12px;font-weight:700;letter-spacing:-0.4px;}
.t_13_b{font-size:13px;font-weight:700;letter-spacing:-0.4px;}
.t_14_b{font-size:14px;font-weight:700;letter-spacing:-0.3px;}
.t_15_b{font-size:15px;font-weight:700;letter-spacing:-0.4px;}
.t_16_b{font-size:16px;font-weight:700;letter-spacing:-0.4px;}
.t_17_b{font-size:17px;font-weight:700;letter-spacing:-0.4px;}
.t_18_b{font-size:18px;font-weight:700;letter-spacing:-0.4px;}
.t_20_b{font-size:20px;font-weight:700;letter-spacing:-0.5px;}
.t_21_b{font-size:21px;font-weight:700;letter-spacing:-0.5px;}
.t_22_b{font-size:22px;font-weight:700;letter-spacing:-0.5px;}
.t_23_b{font-size:23px;font-weight:700;letter-spacing:-0.6px;}
.t_24_b{font-size:24px;font-weight:700;letter-spacing:-0.6px;}
.t_26_b{font-size:26px;font-weight:700;letter-spacing:-0.6px;}
.t_28_b{font-size:28px;font-weight:700;letter-spacing:-0.4px;}
.t_30_b{font-size:30px;font-weight:700;letter-spacing:-0.7px;}
.t_32_b{font-size:32px;font-weight:700;letter-spacing:-0.8px;}
.t_36_b{font-size:36px;font-weight:700;letter-spacing:-0.87px;}
.t_40_b{font-size:40px;font-weight:700;letter-spacing:-0.85px;}
.t_42_b{font-size:42px;font-weight:700;letter-spacing:-1px;}
.t_80_b{font-size:80px;font-weight:700;letter-spacing:0.5px;}

.t_32_l{font-size:32px;font-weight:300;letter-spacing:-0.8px;}


.text_60{font-size:60px;font-weight:300;letter-spacing:2px;}
.text_46{font-size:46px;font-weight:300;letter-spacing:-1.1px;}
.text_30{font-size:30px;font-weight:300;letter-spacing:-0.3px;}
.text_26{font-size:26px;font-weight:700;letter-spacing:-0.4px;}
.text_22{font-size:22px;font-weight:300;letter-spacing:-0.3px;}
.text_20{font-size:20px;font-weight:700;letter-spacing:-0.5px;}
.text_18{font-size:18px;font-weight:700;letter-spacing:-0.3px;}
.text_t_18{font-size:18px;font-weight:300;letter-spacing:-0.3px;}
.text_17{font-size:17px;font-weight:700;letter-spacing:-0.4px;}
.text_16{font-size:16px;font-weight:700;letter-spacing:-0.4px;}
.text_16_n{font-size:16px;font-weight:400;letter-spacing:-0.4px;}
.text_15{font-size:15px;font-weight:400;letter-spacing:-0.4px;}
.text_14{font-size:14px;font-weight:400;letter-spacing:-0.3px;}
.text_13{font-size:13px;font-weight:400;letter-spacing:-0.3px;}
.text_12{font-size:12px;font-weight:300;letter-spacing:0px;}
.text_11{font-size:11px;font-weight:300;letter-spacing:-0.3px;}

.text_m_80{font-size:80px;font-weight:700;font-family:'Lato', 'Spoqa Han Sans', sans-serif;letter-spacing:0.5px;}
.text_m_40{font-size:40px;font-weight:700;font-family:'Lato', 'Spoqa Han Sans', sans-serif;letter-spacing:0.5px;}
.text_m_30{font-size:30px;font-weight:700;font-family:'Lato', 'Spoqa Han Sans', sans-serif;letter-spacing:0.5px;}
.text_m_20{font-size:20px;font-weight:700;font-family:'Lato', 'Spoqa Han Sans', sans-serif;letter-spacing:0.5px;}
.text_m_15{font-size:15px;font-weight:700;font-family:'Lato', 'Spoqa Han Sans', sans-serif;letter-spacing:0.5px;}
.text_m_14{font-size:14px;font-weight:700;font-family:'Lato', 'Spoqa Han Sans', sans-serif;letter-spacing:0.5px;}
.text_m_13{font-size:13px;font-weight:700;font-family:'Lato', 'Spoqa Han Sans', sans-serif;letter-spacing:0.4px;}
.text_m_12{font-size:12px;font-weight:700;font-family:'Lato', 'Spoqa Han Sans', sans-serif;letter-spacing:0.4px;}

.os-window .text_m_80{font-family:'Lato', 'Malgun Gothic', sans-serif;}
.os-window .text_m_40{font-family:'Lato', 'Malgun Gothic', sans-serif;}
.os-window .text_m_30{font-family:'Lato', 'Malgun Gothic', sans-serif;}
.os-window .text_m_20{font-family:'Lato', 'Malgun Gothic', sans-serif;}
.os-window .text_m_15{font-family:'Lato', 'Malgun Gothic', sans-serif;}
.os-window .text_m_14{font-family:'Lato', 'Malgun Gothic', sans-serif;}
.os-window .text_m_13{font-family:'Lato', 'Malgun Gothic', sans-serif;}
.os-window .text_m_12{font-family:'Lato', 'Malgun Gothic', sans-serif;}

.fc_white{color:#FFF;}
.fc_9b{color:#9B9B9B;}
.fc_69{color:#696969;}
.fc_66{color:#666666;}
.fc_4a{color:#4A4A4A;}
.fc_highlight{color:#21A8AF;}
.fc_wrong{color:#E30000;}

.search_highlight_background{background:rgba(33,168,175,0.3);}

.ellipsis{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.ellipsis > span{display:inline;}
.ellipsis > a > span{display:inline;}
.ellipsis_multiline{overflow:hidden;}
.ellipsis_multiline.can_expend{transition:height 0.15s ease-in;transition:max-height 0.15s ease-in;}
.ellipsis_multiline_dot{overflow:hidden;position:relative;}
.ellipsis_multiline_dot .ellipsis_mark{position:absolute;bottom:0;right:0;background:#FFF;padding-left:3px;}
.ellipsis_show_more{display:none;}

.a_t_10{display:inline;background:linear-gradient(-225deg, rgb(255, 191, 56) 0%, rgb(255, 163, 0) 100%);-webkit-background-clip:text;-moz-background-clip:text;text-fill-color:transparent;}
.a_t_20{display:inline;background:linear-gradient(-225deg, rgb(79, 211, 76) 0%, rgb(0, 167, 137) 100%);-webkit-background-clip:text;-moz-background-clip:text;text-fill-color:transparent;}
.a_t_30{display:inline;background:linear-gradient(-225deg, rgb(74, 201, 227) 0%, rgb(62, 141, 255) 100%);-webkit-background-clip:text;-moz-background-clip:text;text-fill-color:transparent;}
.a_t_40{display:inline;text-shadow:0px 0px 4px rgba(255, 78, 78, 0.25);background:linear-gradient(-225deg, rgb(254, 129, 103) 0%, rgb(246, 43, 35) 100%);-webkit-background-clip:text;-moz-background-clip:text;text-fill-color:transparent;}
.a_t_50{display:inline;text-shadow:0px 0px 4px rgba(173, 46, 253, 0.25);background:linear-gradient(-45deg, rgb(98, 54, 255) 0%, rgb(201, 44, 253) 100%);-webkit-background-clip:text;-moz-background-clip:text;text-fill-color:transparent;}
.a_t_60{display:inline;background:linear-gradient(-135deg, rgb(50, 197, 255) 0%, rgb(182, 32, 224) 41%, rgb(254, 53, 40) 72%, rgb(247, 181, 0) 100%);-webkit-background-clip:text;-moz-background-clip:text;text-fill-color:transparent;}
.a_t_d_10{display:inline;color:#f89e09;}
.a_t_d_20{display:inline;color:#01bc9a;}
.a_t_d_30{display:inline;color:#3f9dff;}
.a_t_d_40{display:inline;color:#f15353;text-shadow:0px 0px 4px rgba(255, 78, 78, 0.25);}
.a_t_d_50{display:inline;color:#9032fe;text-shadow:0px 0px 4px rgba(173, 46, 253, 0.25);}
.a_t_d_60{display:inline;color:#ff4b14;text-shadow:0px 0px 4px rgba(253, 46, 46, 0.25);}

/********
 페이지 버튼 스타일
*/
.pagination_wrap{line-height:40px;height:40px;text-align:center;}
.pagination_wrap > span{margin:0 6px;cursor:pointer;}
.pagination_wrap .page_button_left{display:none;}
.pagination_wrap .page_button_left img{height:24px;vertical-align:top;margin-top:8px;}
.pagination_wrap .page_button{display:none;width:40px;height:40px;border-radius:20px;user-select:none;}
.pagination_wrap .page_button.selected{background:#3F9DFF;color:#FFF;}
.pagination_wrap .page_button_right{display:none;}
.pagination_wrap .page_button_right img{height:24px;vertical-align:top;margin-top:8px;transform:scaleX(-1);}
@media only screen and (max-width:350px) {
	.pagination_wrap > span{margin:0 3px;}
}
/********
 버튼 스타일
*/
button{font-family:'Spoqa Han Sans', sans-serif;}
.os-window button{font-family:'Lato', 'Malgun Gothic';}
.btn_r{cursor:pointer;display:inline-block;border:solid 1px;user-select:none;position:relative;text-align:center;}
.btn_r > a{display:inline-block;width:100%;height:100%;}
.btn_r:focus{outline:none;}
.btn_r:disabled{cursor:auto;}
.btn_r.size_s{height:28px;line-height:26px;padding:0px 6px;border-radius:14px;font-size:11px;letter-spacing:-0.3px;}
.btn_r.size_m{height:36px;line-height:34px;padding:0px 6px;border-radius:18px;font-size:13px;letter-spacing:-0.3px;}
.btn_r.size_l{height:50px;line-height:48px;padding:0px 6px;border-radius:25px;font-size:15px;letter-spacing:-0.4px;}
.btn_r.size_l .btn_img{position:absolute;height:24px;left:24px;top:12px;}
.btn_r.size_xl{}

.btn_r_t{cursor:pointer;display:inline-block;border:solid 2px;user-select:none;position:relative;text-align:center;}
.btn_r_t:focus{outline:none;}
.btn_r_t.size_s{}
.btn_r_t.size_m{height:36px;line-height:32px;padding:0px 6px;border-radius:18px;font-size:13px;letter-spacing:-0.3px;}
.btn_r_t.size_l{height:50px;line-height:46px;padding:0px 6px;border-radius:25px;font-size:15px;letter-spacing:-0.4px;}
.btn_r_t.size_xl{}

.btn_t{text-decoration:underline;cursor:pointer;}

.btn_toggle{height:20px;width:34px;position:relative;cursor:pointer;}
.btn_toggle .background{width:34px;height:14px;border-radius:7px;position:absolute;top:3px;left:0;z-index:1;background:#b2bdce;opacity:0.38;transition:background 0.11s linear;}
.btn_toggle.toggle_on .background{background:#3f9dff;}
.btn_toggle .toggle_circle{width:20px;height:20px;border-radius:10px;position:absolute;top:0px;left:0;z-index:2;background:#b2bdce;transition:background 0.11s linear, left 0.11s ease-in-out;box-shadow:0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 2px 1px -1px rgba(0, 0, 0, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.14);}
.btn_toggle.toggle_on .toggle_circle{background:#3f9dff;left:14px;}

.button_r{cursor:pointer;display:inline-block;border:solid 1px;font-size:14px;font-weight:400;letter-spacing:-0.3px;user-select:none;}
.button_r.b_tiny{height:22px;line-height:20px;border-radius:11px;padding:0 16px;}
.button_r.b_small{height:30px;line-height:28px;border-radius:15px;padding:0 16px;}
.button_r.b_large{height:36px;line-height:34px;border-radius:18px;padding:0 20px;}
.button_r.b_huge{height:66px;line-height:64px;border-radius:33px;padding:0 26px;font-size:20px;font-weight:300;letter-spacing:-0.5px;}

.b_disabled{background:#FFF;border-color:#B7B7B7;color:#B7B7B7;}
.b_primary{background:#21A8AF;border-color:#21A8AF;color:#FFF;}
.b_secondary{background:#FFF;border-color:#21A8AF;color:#21A8AF;}
.b_primary_wrong{background:#E30000;border-color:#E30000;color:#FFF;}
.b_wrong{background:#FFF;border-color:#E30000;color:#E30000;}
.b_transparent{background:transparent;border-color:transparent;color:#4A4A4A;}



/********
 이미지 관련
*/
.image_container{overflow:hidden;position:relative;}
.size_fixed_image{position:absolute;margin:auto;min-height:100%;min-width:100%;left:-1000%;right:-1000%;top:-1000%;bottom:-1000%;}
.gif_image_mark{position:absolute;left:6px;bottom:6px;height:20px;z-index:3;}
.mobile_icon{height:12px;vertical-align:top;margin-left:2px;}
.gif_play_button{position:absolute;left:50%;top:50%;height:36px;transform:translate(-50%, -50%);z-index:4;}
.playing_gif .gif_play_button{display:none;}
.autoplay_gif + .gif_play_button{display:none;}
.gif_play_size{position:absolute;left:50%;top:calc(50% + 20px);line-height:13px;transform:translate(-50%, 0);opacity:0.8;}
.playing_gif .gif_play_size{display:none;}
.dev_user_icon{height:16px;vertical-align:top;margin-left:2px;}

.mobile_width .image{user-select:none;touch-callout:none;}

/********
 자동완성
*/
.autocomplete_wrap{position:absolute;max-height:326px;background:#FFF;border:solid 1px #D8D8D8;box-shadow:0 2px 4px 0 #d8d8d8;overflow:auto;z-index:1000;}
.autocomplete_wrap .autocomplete_item{cursor:pointer;width:100%;height:50px;display:table;}
.autocomplete_wrap .autocomplete_item:nth-child(odd){background:#FFF;}
.autocomplete_wrap .autocomplete_item:nth-child(even){background:#FBFBFB;}
.autocomplete_wrap .autocomplete_item.selected{background:#E8F6F7;}

.autocomplete_wrap .autocomplete_image{width:50px;height:50px;float:left;margin-right:14px;}
.autocomplete_wrap .autocomplete_image img{height:50px;}
.autocomplete_wrap .autocomplete_value{width:100%;height:50px;vertical-align:middle;display:table-cell;font-size:14px;font-weight:400;letter-spacing:-0.3px;}
.autocomplete_wrap .autocomplete_value.tag_value{padding-left:14px;}
.autocomplete_wrap .autocomplete_value .value_text{width:100%;line-height:18px;max-height:36px;}
.autocomplete_wrap .autocomplete_value .highlight{color:#21A8AF;}
.autocomplete_wrap .autocomplete_value .mobile_icon{vertical-align:top;height:12px;margin-left:4px;}


@media only screen and (max-width:599px) {
	.autocomplete_wrap{max-height:175px;}
}

/********
 자동완성 신규 스타일
*/
.autocomplete_wrap.new_autocomplete{position:absolute;max-height:410px;background:#FFF;border:none;box-shadow:0 6px 10px 6px rgba(3, 24, 39, 0.07);overflow:hidden;z-index:1000;border-radius:13px;}
.autocomplete_wrap.new_autocomplete .autocomplete_item_list{max-height:348px;overflow-y:auto;}
.autocomplete_wrap.new_autocomplete .autocomplete_item{cursor:pointer;width:100%;height:64px;display:block;}
.autocomplete_wrap.new_autocomplete .autocomplete_item:nth-child(odd){background:#FFF;}
.autocomplete_wrap.new_autocomplete .autocomplete_item:nth-child(even){background:#FFF;}
.autocomplete_wrap.new_autocomplete .autocomplete_item.selected{background:#e5f3ff;}
.autocomplete_wrap.new_autocomplete .autocomplete_content_wrap{width:calc(100% - 32px);height:100%;border-bottom:solid 1px #ebeff8;margin:0 auto;padding:12px 0;}
.autocomplete_wrap.new_autocomplete .autocomplete_item:last-child .autocomplete_content_wrap{border-bottom:none;}

.autocomplete_wrap.new_autocomplete .game_cover_image{width:40px;height:40px;border-radius:8px;display:inline-block;margin-right:12px;vertical-align:top;}
.autocomplete_wrap.new_autocomplete .game_name_wrap{display:inline-block;vertical-align:top;width:calc(100% - 52px);height:100%;overflow:hidden;}
.autocomplete_wrap.new_autocomplete .game_name_wrap .game_name_table{display:table;height:100%;}
.autocomplete_wrap.new_autocomplete .game_name_wrap .game_name{display:table-cell;vertical-align:middle;line-height:20px;}
.autocomplete_wrap.new_autocomplete .game_name_wrap .mobile_icon_new{height:18px;vertical-align:top;margin:1px 4px 0 0;}
.autocomplete_wrap.new_autocomplete .go_detail_search_wrap{width:100%;height:62px;background:#f4faff;padding:10px 20px 12px 20px;border-top:solid 1px #ebeff8}
.autocomplete_wrap.new_autocomplete .go_detail_search_text{line-height:20px;width:calc(100% - 80px);vertical-align:top;}
.autocomplete_wrap.new_autocomplete .go_detail_search_button{text-align:right;cursor:pointer;width:80px;line-height:40px;vertical-align:top;}

.autocomplete_wrap.new_autocomplete .user_profile_image{width:40px;height:40px;border-radius:20px;display:inline-block;margin-right:12px;vertical-align:top;border:solid 1px #ced8e5;background:#FFF;}
.autocomplete_wrap.new_autocomplete .user_info_wrap{display:inline-block;vertical-align:top;width:calc(100% - 52px);height:100%;overflow:hidden;}
.autocomplete_wrap.new_autocomplete .user_info_wrap .user_name{line-height:18px;}
.autocomplete_wrap.new_autocomplete .user_info_wrap .user_intro{line-height:18px;margin-top:2px;}

.autocomplete_wrap.new_autocomplete .tag_info_wrap{display:inline-block;vertical-align:top;width:100%;height:100%;overflow:hidden;padding:0 4px;}
.autocomplete_wrap.new_autocomplete .tag_info_wrap .tag_name{line-height:20px;}
.autocomplete_wrap.new_autocomplete .tag_info_wrap .tag_cnt{line-height:18px;margin-top:2px;}

#mobileTotalSearchPopup .autocomplete_wrap.new_autocomplete{position:relative;width:100%;max-height:calc(100vh - 126px);box-shadow:none;border-radius:0px;}
#mobileTotalSearchPopup .autocomplete_wrap.new_autocomplete .autocomplete_item_list{max-height:calc(100vh - 188px);overflow-y:auto;}
#mobileTotalSearchPopup .autocomplete_wrap.new_autocomplete .autocomplete_item_list.full_list{max-height:calc(100vh - 124px);overflow-y:auto;}

/********
 글쓰기 자동완성 신규 스타일
*/
.autocomplete_wrap.autocomplete_write .autocomplete_item{height:44px;}
.autocomplete_wrap.autocomplete_write .autocomplete_item:nth-child(odd){background:#FFF;}
.autocomplete_wrap.autocomplete_write .autocomplete_item:nth-child(even){background:#FFF;}
.autocomplete_wrap.autocomplete_write .autocomplete_item.selected{background:transparent;}

.autocomplete_wrap.autocomplete_write{max-height:285px;border-radius:8px;border:none;box-shadow:0 2px 5px 0 rgba(3, 24, 39, 0.2);overflow:hidden;background:#FFF;}
.autocomplete_wrap.autocomplete_write .autocomplete_item_list{max-height:285px;overflow-y:auto;}

.autocomplete_wrap.autocomplete_write .autocomplete_item.selected .background{background:#e5f3ff;}
.autocomplete_wrap.autocomplete_write .autocomplete_item .cover_image{display:inline-block;vertical-align:top;width:32px;height:32px;border-radius:8px;margin:6px 8px;background-size:cover;background-position:center;}
.autocomplete_wrap.autocomplete_write .autocomplete_item .game_name_wrap{display:inline-block;vertical-align:top;width:calc(100% - 48px);height:36px;overflow:hidden;margin:4px 0;padding-right:12px;}
.autocomplete_wrap.autocomplete_write .autocomplete_item .game_name_table{display:table;height:100%;}
.autocomplete_wrap.autocomplete_write .autocomplete_item .game_name{display:table-cell;vertical-align:middle;line-height:18px;}
.autocomplete_wrap.autocomplete_write .autocomplete_item .game_name .mobile_icon_new{height:16px;vertical-align:top;margin:1px 2px 0 0;}
.autocomplete_wrap.autocomplete_write .autocomplete_item .select_link_type{height:0px;overflow:hidden;transition:height 0.1s linear;}
.autocomplete_wrap.autocomplete_write .autocomplete_item.selected .select_link_type{height:44px;padding:4px 0;}
.autocomplete_wrap.autocomplete_write .autocomplete_item .link_type_item{display:inline-block;width:50%;text-align:center;}
.autocomplete_wrap.autocomplete_write .autocomplete_item .link_type_item .link_button{width:85%;max-width:135px;}
.autocomplete_wrap.autocomplete_write .autocomplete_item .link_type_item img{height:16px;vertical-align:top;margin:9px 2px 0 0;}
.autocomplete_wrap.autocomplete_write .autocomplete_item .tag_name{padding:6px 12px 0 12px;line-height:16px;}
.autocomplete_wrap.autocomplete_write .autocomplete_item .tag_cnt{padding:0 12px 6px 12px;line-height:16px;}
.autocomplete_wrap.autocomplete_write .autocomplete_item .profile_image{display:inline-block;vertical-align:top;width:32px;height:32px;border-radius:16px;border:solid 1px #ced8e5;margin:6px 8px;background-size:cover;background-position:center;}
.autocomplete_wrap.autocomplete_write .autocomplete_item .user_name{vertical-align:top;width:calc(100% - 48px);height:44px;line-height:44px;padding-right:12px;}

.autocomplete_wrap.autocomplete_write.autocomplete_phone{max-height:154px;}
.autocomplete_wrap.autocomplete_write.autocomplete_phone .autocomplete_item_list{max-height:154px;}

.autocomplete_wrap.goty_2020{max-height:154px;}
.autocomplete_wrap.goty_2020 .autocomplete_item_list{max-height:154px;}

.autocomplete_wrap.game_collection{max-height:154px;}
.autocomplete_wrap.game_collection .autocomplete_item_list{max-height:154px;}

/********
 3점 옵션
*/

#optionWrap{position:absolute;z-index:1200;}
#optionWrap.option_post{width:288px;width:fit-content;min-width:140px;}
#optionWrap .option_button_cover{position:absolute;cursor:pointer;}

#optionWrap .option_list{width:100%;background:#FFF;border-radius:8px;overflow:hidden;box-shadow:0 2px 4px -1px rgba(3, 24, 39, 0.16), 0 1px 10px 0 rgba(3, 24, 39, 0.12), 0 4px 5px 0 rgba(3, 24, 39, 0.06);}
#optionWrap .option_list .option_item{height:44px;line-height:44px;cursor:pointer;}
#optionWrap .option_list .option_item:hover{background:#e5f3ff;}
#optionWrap .option_list .option_item.has_help{height:65px;padding:12px 0px 10px 0px;cursor:pointer;line-height:20px;}
#optionWrap .option_list .option_item.disabled_option{opacity:0.3;}
#optionWrap .option_list .option_item .item_content{padding:0 12px;width:100%;}
#optionWrap.news_option .option_list .option_item .item_content{padding:0 12px 0 16px;}

#optionWrap .option_list .option_item .item_content .option_icon{height:20px;width:20px;margin:12px 8px 0 0;}
#optionWrap .option_list .option_item.has_help .item_content .option_icon{margin:0px 8px 0 0;}
#optionWrap .option_list .option_item .option_help{padding:0 12px 0 40px;margin-top:2px;}
#optionWrap .option_list .option_divider{width:calc(100% - 24px);height:1px;background:#ebeff8;margin:auto;}

#optionWrap.option_rating_state .option_list .option_item{height:32px;line-height:30px;font-size:13px;font-weight:400;}
#optionWrap.option_rating_state .option_list .option_item img{height:20px;vertical-align:top;margin-top:5px;margin-right:6px;}

#optionWrap.option_user .option_triangle_wrap{top:0px;left:10px;}
#optionWrap.option_user .option_triangle{transform:translate(-50%, 0) rotate(-135deg);bottom:-4px;left:50%;}

#optionWrap.option_rating_state .option_triangle_wrap{top:0px;right:0;}
#optionWrap.option_rating_state .option_triangle{transform:translate(-50%, 0) rotate(-135deg);bottom:-4px;left:50%;}

#optionWrap.option_user .option_list .option_item:first-child .indicator_tip{transform:translate(-50%, 0) rotate(-135deg);}
#optionWrap.option_rating_state .option_list .option_item:first-child .indicator_tip{transform:translate(50%, 0) rotate(-135deg);}

/********
 툴팁
*/
.info_tooltip{height:16px;width:16px;border-radius:8px;background:#D8D8D8;color:#FFF;vertical-align:top;font-size:12px;font-weight:300;letter-spacing:0px;display:inline-block !important;text-align:center;line-height:16px;cursor:pointer;margin-left:4px;}

#tooltipWrap{position:absolute;width:fit-content;max-width:calc(100vw - 32px);z-index:500;user-select:none;}
#tooltipWrap .tooltip_triangle_wrap{position:absolute;width:10px;height:10px;}
#tooltipWrap .tooltip_triangle{width:10px;height:10px;box-shadow:1px 1px 5px 1px rgba(0, 0, 0, 0.2);background:#FFF;position:absolute;}
#tooltipWrap .indicator_tip{width:13px;height:13px;background:#FFF;position:absolute;z-index:1;}

#tooltipWrap.tooltip_like .tooltip_triangle_wrap{top:-10px;left:25px;}
#tooltipWrap.tooltip_like .tooltip_triangle{transform:rotate(-135deg);left:0px;top:5px;}
#tooltipWrap.tooltip_like .indicator_tip{transform:rotate(-135deg);top:-4px;left:24px;}
#tooltipWrap.tooltip_share .tooltip_triangle_wrap{top:-10px;left:25px;}
#tooltipWrap.tooltip_share .tooltip_triangle{transform:rotate(-135deg);left:0px;top:5px;}
#tooltipWrap.tooltip_share .indicator_tip{transform:rotate(-135deg);top:-4px;left:24px;}

#tooltipWrap.tooltip_top .tooltip_triangle_wrap{bottom:0px;left:50%;transform:translate(-50%, 0);}
#tooltipWrap.tooltip_top .tooltip_triangle{transform:rotate(45deg);left:0px;top:5px;}
#tooltipWrap.tooltip_top .indicator_tip{transform:translate(-50%, 0) rotate(45deg);bottom:-4px;left:50%;}
#tooltipWrap.tooltip_right .tooltip_triangle_wrap{top:50%;left:0px;transform:translate(0, -50%);}
#tooltipWrap.tooltip_right .tooltip_triangle{transform:rotate(135deg);left:-6px;top:0px;}
#tooltipWrap.tooltip_right .indicator_tip{transform:translate(0, -50%) rotate(135deg);top:50%;left:-5px;}
#tooltipWrap.tooltip_bottom .tooltip_triangle_wrap{top:-10px;left:50%;transform:translate(-50%, 0);}
#tooltipWrap.tooltip_bottom .tooltip_triangle{transform:rotate(-135deg);left:0px;top:5px;}
#tooltipWrap.tooltip_bottom .indicator_tip{transform:translate(-50%, 0) rotate(-135deg);top:-4px;left:50%;}
#tooltipWrap.tooltip_left .tooltip_triangle_wrap{top:50%;right:0px;transform:translate(0, -50%);}
#tooltipWrap.tooltip_left .tooltip_triangle{transform:rotate(-45deg);left:6px;top:0px;}
#tooltipWrap.tooltip_left .indicator_tip{transform:translate(0, -50%) rotate(-45deg);top:50%;right:-5px;}

#tooltipWrap .tooltip_content{min-width:60px;width:fit-content;background:#FFF;box-shadow:1px 1px 4px 2px rgba(0, 0, 0, 0.2);border-radius:4px;overflow:hidden;}
#tooltipWrap .tooltip_list{padding:8px;position:relative;z-index:10;}
#tooltipWrap .tooltip_list .tooltip_item{line-height:18px;height:18px;}
#tooltipWrap .tooltip_text{padding:4px 8px;line-height:18px;position:relative;z-index:10;}
#tooltipWrap .text_button{cursor:pointer;text-decoration:underline;}

#tooltipWrap.new_tooltip .tooltip_triangle_wrap{position:absolute;width:6px;height:6px;}
#tooltipWrap.new_tooltip .tooltip_triangle{width:6px;height:6px;box-shadow:1px 1px 5px 1px rgba(0, 0, 0, 0.2);background:#4a596d;position:absolute;}
#tooltipWrap.new_tooltip .indicator_tip{width:8px;height:8px;background:#4a596d;position:absolute;z-index:1;}
#tooltipWrap.new_tooltip.blue .tooltip_triangle{background:#3b69d8;}
#tooltipWrap.new_tooltip.blue .indicator_tip{background:#3b69d8;}
#tooltipWrap.new_tooltip.l_blue .tooltip_triangle{background:#3f9dff;}
#tooltipWrap.new_tooltip.l_blue .indicator_tip{background:#3f9dff;}

#tooltipWrap.new_tooltip.tooltip_top .tooltip_triangle_wrap{bottom:1px;left:50%;transform:translate(-50%, 0);}
#tooltipWrap.new_tooltip.tooltip_top .tooltip_triangle{transform:rotate(45deg);left:0px;top:5px;}
#tooltipWrap.new_tooltip.tooltip_top .indicator_tip{transform:translate(-50%, 0) rotate(45deg);bottom:-4px;left:50%;}
#tooltipWrap.new_tooltip.tooltip_right .tooltip_triangle_wrap{top:50%;left:1px;transform:translate(0, -50%);}
#tooltipWrap.new_tooltip.tooltip_right .tooltip_triangle{transform:rotate(135deg);left:-5px;top:0px;}
#tooltipWrap.new_tooltip.tooltip_right .indicator_tip{transform:translate(0, -50%) rotate(135deg);top:50%;left:-4px;}
#tooltipWrap.new_tooltip.tooltip_bottom .tooltip_triangle_wrap{top:-9px;left:50%;transform:translate(-50%, 0);}
#tooltipWrap.new_tooltip.tooltip_bottom .tooltip_triangle{transform:rotate(-135deg);left:0px;top:5px;}
#tooltipWrap.new_tooltip.tooltip_bottom .indicator_tip{transform:translate(-50%, 0) rotate(-135deg);top:-4px;left:50%;}
#tooltipWrap.new_tooltip.tooltip_left .tooltip_triangle_wrap{top:50%;right:1px;transform:translate(0, -50%);}
#tooltipWrap.new_tooltip.tooltip_left .tooltip_triangle{transform:rotate(-45deg);left:5px;top:0px;}
#tooltipWrap.new_tooltip.tooltip_left .indicator_tip{transform:translate(0, -50%) rotate(-45deg);top:50%;right:-4px;}

#tooltipWrap.new_tooltip .tooltip_content{min-width:60px;text-align:center;width:fit-content;background:#4a596d;box-shadow:0 4px 6px 0 rgba(3, 24, 39, 0.3);border-radius:8px;overflow:hidden;}
#tooltipWrap.new_tooltip .tooltip_text{padding:12px;line-height:20px;position:relative;z-index:10;}
#tooltipWrap.new_tooltip.blue .tooltip_content{background:#3b69d8;}
#tooltipWrap.new_tooltip.l_blue .tooltip_content{background:#3f9dff;}

#gameTooltipWrap{position:absolute;z-index:500;}
#gameTooltipWrap .game_tooltip{background:#FFF;border-radius:8px;overflow:hidden;box-shadow:0 5px 5px -3px rgba(3, 24, 39, 0.16), 0 3px 14px 2px rgba(3, 24, 39, 0.08), 0 8px 10px 1px rgba(3, 24, 39, 0.07);}
#gameTooltipWrap .game_tooltip.game_tooltip_horizontal{height:165px;}
#gameTooltipWrap .game_tooltip.game_tooltip_vertical{width:343px;}
#gameTooltipWrap .game_tooltip .cover_image{background-size:cover;background-position:center;}
#gameTooltipWrap .game_tooltip.game_tooltip_horizontal .cover_image{height:100%;display:inline-block;vertical-align:top;}
#gameTooltipWrap .game_tooltip.game_tooltip_vertical .cover_image{width:100%;}
#gameTooltipWrap .game_tooltip.game_tooltip_horizontal .info_wrap{display:inline-block;width:240px;height:165px;vertical-align:top;padding:20px;}
#gameTooltipWrap .game_tooltip.game_tooltip_vertical .info_wrap{padding:16px 20px 20px 20px;}
#gameTooltipWrap .game_tooltip .game_name{line-height:24px;}
#gameTooltipWrap .game_tooltip .game_name .mobile_icon_new{height:20px;margin:2px 2px 0 0;}
#gameTooltipWrap .game_tooltip .game_score{line-height:18px;margin-top:4px;}
#gameTooltipWrap .game_tooltip.game_tooltip_horizontal .game_score{height:18px;}
#gameTooltipWrap .game_tooltip .game_genre{height:24px;line-height:24px;overflow:hidden;}
#gameTooltipWrap .game_tooltip.game_tooltip_horizontal .game_genre{margin-top:54px;}
#gameTooltipWrap .game_tooltip.game_tooltip_vertical .game_genre{margin-top:8px;}
#gameTooltipWrap .game_tooltip .game_genre_item{margin-right:4px;border-radius:6px;background:#ebeff8;padding:0 6px;}
#gameTooltipWrap .game_tooltip .game_genre_item:last-child{margin-right:0px;}


/********
 form 컴포넌트 스타일
*/
.input_text_group{position:relative;}
.input_text_group .input_text_label{height:18px;line-height:18px;font-size:12px;font-weight:700;letter-spacing:-0.3px;}
.input_text_group .n_input_text{padding:0px;height:40px;line-height:22px;padding:9px 0 8px 0;border-bottom:solid 1px;font-size:14px;font-weight:400;letter-spacing:-0.3px;border-radius:0;appearance:none;}
.input_text_group .input_text_help{line-height:17px;margin-top:4px;font-size:11px;font-weight:400;letter-spacing:-0.3px;}
.input_text_group .input_text_help .bold{display:inline;font-weight:700;}

.input_text_area_group{position:relative;}
.input_text_area_group .input_text_area_label{height:18px;line-height:18px;font-size:12px;font-weight:700;letter-spacing:-0.3px;}
.input_text_area_group textarea{padding:12px 16px;height:260px;width:100%;line-height:20px;margin-top:4px;font-size:14px;font-weight:400;letter-spacing:-0.3px;border-radius:8px;appearance:none;background:#ebeff8;font-family:'Spoqa Han Sans', sans-serif;}
.os-window .input_text_area_group textarea{font-family:'Lato', 'Malgun Gothic';}
.input_text_area_group textarea::placeholder{color:#9FA8B6;}
.input_text_area_group .input_text_cnt{line-height:17px;margin-top:4px;font-size:11px;font-weight:400;letter-spacing:-0.3px;text-align:right;}

.input_check_group{display:inline-block;position:relative;cursor:pointer;margin-right:4px;}
.input_check_group input{opacity:0;cursor:pointer;width:0px;height:0px;padding:0;margin:0;}
.input_check_group .check_text{margin-left:24px;user-select:none;vertical-align:top;}
.input_check_group .checkmark{position:absolute;top:0px;left:0;height:20px;width:20px;border-radius:10px;border:solid 1px;}
.input_check_group .checkmark .cm1{width:6px;height:2px;border-radius:1px;position:absolute;top:9px;left:3px;transform:rotate(45deg);display:none;}
.input_check_group .checkmark .cm2{width:10px;height:2px;border-radius:1px;position:absolute;top:8px;left:6px;transform:rotate(-45deg);display:none;}
.input_check_group input:checked ~ .checkmark .cm1{display:block;}
.input_check_group input:checked ~ .checkmark .cm2{display:block;}

.search_input_wrap_n{position:relative;vertical-align:top;cursor:pointer;}
.search_input_wrap_n .search_icon{position:absolute;height:16px;top:3px;left:0;}
.search_input_wrap_n .search_input{border:solid 1px transparent;vertical-align:top;height:100%;line-height:100%;padding:0 0 0 20px;width:50px;transition:width 0.1s linear, padding 0.1s linear;appearance:none;}
.search_input_wrap_n .search_input::placeholder{color:#697B96;}
.search_input_wrap_n .search_close{display:none;}
.search_input_wrap_n.active_search .search_icon{left:12px;}
.search_input_wrap_n.active_search .search_input{width:200px;border:solid 1px #ced8e5;padding:0 12px 0 32px;border-radius:20px;}
.search_input_wrap_n.active_search .search_close{display:inline-block;margin-left:6px;}

.input_select_box{position:relative;display:inline-block;line-height:24px;height:24px;cursor:pointer;user-select:none;}
.input_select_box .select_text{line-height:24px;vertical-align:top;}
.input_select_box .select_img{height:20px;vertical-align:top;margin-top:2px;}
.input_select_box .select_option_wrap{overflow:hidden;display:none;position:absolute;right:0;top:30px;background:#FFF;border-radius:8px;box-shadow:0 2px 5px 0 rgba(3, 24, 39, 0.2);line-height:44px;z-index:5;}
.input_select_box .select_option_wrap.left{left:0;right:auto;}
.input_select_box .select_option_wrap.center{left:50%;right:auto;transform:translate(-50%, 0);text-align:center;}
.input_select_box.open .select_option_wrap{display:block;}
.input_select_box .select_option{padding-left:16px;}
.input_select_box .center .select_option{padding-left:0px;}
.input_select_box .select_option.selected{color:#3f9dff;}
.input_select_box .select_option:hover{background:#e5f3ff;}
.input_select_box .select_option_title{padding:12px 0 4px 16px;font-size:11px;font-weight:700;line-height:13px;}
.input_select_box .select_option_divider{width:calc(100% - 32px);height:1px;background:#ebeff8;margin:auto;}

.calendar_select_box{position:relative;display:inline-block;height:24px;user-select:none;}
.calendar_select_box .select_text{line-height:24px;vertical-align:top;}
.calendar_select_box .select_img{height:20px;vertical-align:top;margin-top:2px;}
.calendar_select_box .calendar_select_wrap{overflow:hidden;display:none;position:absolute;right:0;top:30px;background:#FFF;border-radius:8px;box-shadow:0 3px 12px 0 rgba(61, 65, 77, 0.13);z-index:5;width:352px;padding:16px 8px 12px 8px;}
.calendar_select_box .calendar_select_wrap.left{left:0;right:auto;}
.calendar_select_box.open .calendar_select_wrap{display:block;}
.calendar_select_box .calendar_select_wrap .calendar_background{display:none;}
.calendar_select_box .calendar_select_wrap .year_month_row{line-height:24px;text-align:center;}
.calendar_select_box .calendar_select_wrap .year_month_row .move_year_button{margin-right:12px;}
.calendar_select_box .calendar_select_wrap .year_month_row .move_left_button{height:24px;vertical-align:top;padding:4px;cursor:pointer;margin-right:12px;}
.calendar_select_box .calendar_select_wrap .year_month_row .move_right_button{height:24px;vertical-align:top;padding:4px;transform:rotate(180deg);cursor:pointer;margin-left:12px;}
.calendar_select_box .calendar_select_wrap .year_month_row .move_left_button.disable{opacity:0.2;cursor:unset;}
.calendar_select_box .calendar_select_wrap .year_month_row .move_right_button.disable{opacity:0.2;cursor:unset;}
.calendar_select_box .calendar_select_wrap .divider{width:calc(100% - 16px);height:1px;margin:16px auto;background:#ebeff8;}
.calendar_select_box .calendar_select_wrap .week_name_row{line-height:19px;text-align:center;}
.calendar_select_box .calendar_select_wrap .week_name_row .week_name{width:32px;margin-right:16px;}
.calendar_select_box .calendar_select_wrap .week_name_row .week_name:last-child{margin-right:0px;}
.calendar_select_box .calendar_select_wrap .calendar_number_wrap{padding-top:8px;text-align:center;line-height:32px;}
.calendar_select_box .calendar_select_wrap .calendar_number_wrap .week_number_wrap{width:48px;height:40px;padding:4px 8px;cursor:pointer;}
.calendar_select_box .calendar_select_wrap .calendar_number_wrap .week_number_wrap.week_sunday{color:#ec5245;}
.calendar_select_box .calendar_select_wrap .calendar_number_wrap .week_number_wrap.other_month{color:#CDD1D4;}
.calendar_select_box .calendar_select_wrap .calendar_number_wrap .week_number_wrap.other_month.week_sunday{color:#FBDCDA;}
.calendar_select_box .calendar_select_wrap .calendar_number_wrap .week_number_wrap.disable{color:#CDD1D4;cursor:unset;}
.calendar_select_box .calendar_select_wrap .calendar_number_wrap .week_number_wrap.week_today{color:#3f9dff;}
.calendar_select_box .calendar_select_wrap .calendar_number_wrap .week_number_wrap .week_number{width:32px;height:32px;border-radius:16px;}
.calendar_select_box .calendar_select_wrap .calendar_number_wrap .week_number_wrap .week_number.selected{background:#3f9dff;color:#FFF;}
.calendar_select_box .calendar_select_wrap .calendar_number_wrap .week_number_wrap.week_sunday .week_number.selected{color:#ec5245;}
.calendar_select_box .calendar_select_wrap .calendar_number_wrap .week_number_wrap:hover:not(.disable) .week_number{background:#e5f3ff;color:#031827;}
.calendar_select_box .calendar_select_wrap .calendar_number_wrap .week_number_wrap.week_sunday:hover:not(.disable) .week_number{color:#ec5245;}
.calendar_select_box .calendar_select_wrap .calendar_number_wrap .week_number_wrap.touched .week_number{background:#e5f3ff;color:#031827;}
.calendar_select_box .calendar_select_wrap .calendar_number_wrap .week_number_wrap.week_sunday.touched .week_number{color:#ec5245;}
.calendar_select_box .calendar_select_wrap .calendar_number_wrap .week_select_wrap{display:inline;}
.calendar_select_box .calendar_select_wrap .calendar_number_wrap .week_select_wrap .week_number_wrap{padding:4px 0px;}
.calendar_select_box .calendar_select_wrap .calendar_number_wrap .week_select_wrap .week_number{border-radius:0px;width:100%;}
.calendar_select_box .calendar_select_wrap .calendar_number_wrap .week_select_wrap .week_monday .week_number{border-top-left-radius:16px;border-bottom-left-radius:16px;}
.calendar_select_box .calendar_select_wrap .calendar_number_wrap .week_select_wrap .week_sunday .week_number{border-top-right-radius:16px;border-bottom-right-radius:16px;}
.calendar_select_box .calendar_select_wrap .calendar_number_wrap .week_select_wrap.selected .week_number{background:#3f9dff;color:#FFF;}
.calendar_select_box .calendar_select_wrap .calendar_number_wrap .week_select_wrap.selected .week_sunday .week_number{color:#ec5245;}
.calendar_select_box .calendar_select_wrap .calendar_number_wrap .week_select_wrap.selected .other_month .week_number{color:#CDD1D4;}
.calendar_select_box .calendar_select_wrap .calendar_number_wrap .week_select_wrap.selected .other_month.week_sunday .week_number{color:#FBDCDA;}
.calendar_select_box .calendar_select_wrap .calendar_number_wrap .week_select_wrap:hover:not(.disable) .week_number{background:#e5f3ff;color:#031827;}
.calendar_select_box .calendar_select_wrap .calendar_number_wrap .week_select_wrap:hover:not(.disable) .week_sunday .week_number{color:#ec5245;}
.calendar_select_box .calendar_select_wrap .calendar_number_wrap .week_select_wrap.touched .week_number{background:#e5f3ff;color:#031827;}
.calendar_select_box .calendar_select_wrap .calendar_number_wrap .week_select_wrap.touched .week_sunday .week_number{color:#ec5245;}
.calendar_select_box .calendar_select_wrap .select_button{margin-top:16px;text-align:center;}
.calendar_select_box .calendar_select_wrap .select_button button{width:calc(100% - 16px);max-width:344px;}
@media only screen and (max-width:599px) {
	.calendar_select_box .calendar_select_wrap{height:0;opacity:0;display:block;position:fixed;left:0;right:auto;top:auto;bottom:0;border-radius:0;z-index:1500;width:100vw;padding:0;background:rgba(0,0,0,0.4);}
	.calendar_select_box .calendar_select_wrap.left{left:0;right:auto;}	
	.calendar_select_box.open .calendar_select_wrap{display:block;opacity:1;height:100vh;}
	.calendar_select_box .calendar_select_wrap .calendar_background{display:block;position:absolute;width:100vw;height:100vh;left:0;top:0;}
	.calendar_select_box .calendar_select_wrap .calendar_data_wrap{background:#FFF;width:100vw;min-height:391px;padding:16px 8px 20px 8px;position:absolute;bottom:0;left:0;overflow:hidden;border-top-left-radius:13px;border-top-right-radius:13px;}
	.calendar_select_box .calendar_select_wrap .year_month_row{line-height:28px;font-size:18px;}
	.calendar_select_box .calendar_select_wrap .year_month_row .move_year_button{margin-right:16px;}
	.calendar_select_box .calendar_select_wrap .year_month_row .move_left_button{height:28px;}
	.calendar_select_box .calendar_select_wrap .year_month_row .move_right_button{height:28px;}
	.calendar_select_box .calendar_select_wrap .week_name_row .week_name{width:14%;margin-right:0;} 
	.calendar_select_box .calendar_select_wrap .calendar_number_wrap{min-height:248px;}
	.calendar_select_box .calendar_select_wrap .calendar_number_wrap .week_number_wrap{width:14%;}
}


a.underline_link:hover{text-decoration:underline;}
a.underline_link:hover span{text-decoration:underline;}
a.hover_underline_link:hover{text-decoration:underline;color:#b2bdce;}
a.hover_underline_link:hover span{text-decoration:underline;color:#b2bdce;}
a.inline_block_link{display:inline-block;width:100%;height:100%;vertical-align:top;}
a.animate_background{display:inline-block;width:100%;height:100%;}
.web_width a.animate_background .image_container{z-index:0;}
.web_width a.animate_background .image{z-index:1;transition:transform .15s ease-in;}
.web_width a.animate_background:hover .image{transform:scale(1.1);}

.nice-select.nice_select{width:100%;height:32px;line-height:30px;border-radius:3px;border:solid 1px #D8D8D8;padding:0 20px 0 6px;font-size:13px;font-weight:300;letter-spacing:0px;color:#696969;}
.nice-select.nice_select .list{width:100%;border-radius:2px;margin-top:6px;overflow:auto;max-height:236px;}
.nice-select.nice_select .list li{min-height:36px;height:36px;line-height:36px;font-size:13px;padding:0 20px 0 6px;font-weight:300;letter-spacing:0px;color:#696969;}
.nice-select.nice_select .list li.disabled{color:#D8D8D8;}

.nice-select.nice_select.new_nice_select{width:100%;height:40px;line-height:39px;border-radius:0px;border:none;border-bottom:solid 1px #95a3b8;padding:0 24px 0 0;font-size:14px;font-weight:400;color:#031827;}
.nice-select.nice_select.new_nice_select .list{width:100%;border-radius:8px;margin-top:4px;box-shadow:0 3px 12px 0 rgba(61, 65, 77, 0.13);}
.nice-select.nice_select.new_nice_select .list li{min-height:44px;height:44px;line-height:44px;font-size:14px;padding:0 0 0 16px;font-weight:400;color:#031827;}
.nice-select.nice_select.new_nice_select .option.selected{color:#3f9dff;}
.nice-select.nice_select.new_nice_select .list li.disabled{color:#9fa8b6;}
.nice-select.nice_select.new_nice_select .option:hover{background:#e5f3ff;}
.nice-select.nice_select.new_nice_select:after{background-image:url('/images/icon_v3/arrow_down.png');background-size:cover;background-position:center;width:24px;height:24px;border:none;right:0;top:12px;}

.check_label{display:inline-block;position:relative;cursor:pointer;}
.check_label input{opacity:0;cursor:pointer;width:0px;height:0px;padding:0;margin:0;}
.check_label .check_text{margin-left:20px;user-select:none;}
.check_label .checkmark{position:absolute;top:0px;left:0;height:14px;width:14px;background:#fff;border-radius:2px;border:solid 1px #21A8AF;}
.check_label input:checked ~ .checkmark{background:#21A8AF;}
.check_label .checkmark:after{content:"";position:absolute;display:none;}
.check_label input:checked ~ .checkmark:after{display:block;}
.check_label .checkmark:after{left:3px;top:-1px;width:5px;height:9px;border:solid #FFF;border-width:0 2px 2px 0;transform:rotate(45deg);}
.check_label input:disabled ~ .checkmark{background:#D8D8D8;border:solid 1px #D8D8D8;}
.check_label input:disabled ~ .check_text{color:#D8D8D8;}

.radio_label{display:inline-block;position:relative;cursor:pointer;}
.radio_label input{opacity:0;cursor:pointer;width:0px;height:0px;padding:0;margin:0;}
.radio_label .radio_text{margin-left:22px;user-select:none;}
.radio_label .radiomark{position:absolute;top:0px;left:0;height:18px;width:18px;background:#FFF;border:solid 1px #95a3b8;border-radius:9px;}
.radio_label input:checked ~ .radiomark{background:#3f9dff;border:none;}
.radio_label .radiomark:after{content:"";position:absolute;display:none;}
.radio_label input:checked ~ .radiomark:after{display:block;}
.radio_label .radiomark:after{left:5px;top:5px;width:8px;height:8px;border-radius:4px;background:#FFF;}

.input_text{border:solid 1px #EFEFEF;background:#FFF;padding:8px;height:34px;line-height:18px;color:#4A4A4A;font-size:13px;font-weight:400;letter-spacing:-0.3px;border-radius:0;appearance:none;}
.input_text::placeholder{color:#D8D8D8;font-size:13px;font-weight:400;letter-spacing:-0.3px;}
.input_text:disabled{background:#D8D8D8;}
.input_cancel{width:34px;height:34px;position:absolute;right:0px;top:0px;cursor:pointer;padding:6px;display:none;}
.input_textarea{line-height:18px;color:#4A4A4A;}
.input_textarea::placeholder{color:#D8D8D8;font-size:13px;font-weight:400;letter-spacing:-0.3px;}
.input_textarea:disabled{background:#D8D8D8;}

.toggle_background{width:42px;height:24px;border-radius:12px;background:#B7B7B7;cursor:pointer;vertical-align:top;position:relative;transition:all .15s ease-in;}
.toggle_indicator{width:22px;height:22px;margin:1px;border-radius:11px;background:#FFF;position:absolute;left:0px;top:0px;transition:all .15s ease-in;}
.toggle_background.toggle_on{background:#21A8AF;}
.toggle_background.toggle_on .toggle_indicator{left:18px;}

/********
 배너
*/
#headerBanner{width:100%;height:400px;position:relative;overflow:hidden;}
#headerBanner .header_banner_wrap{width:1440px;height:400px;position:absolute;left:50%;transform:translate(-50%, 0);}
#headerBanner .header_banner_item_wrap{min-width:100%;position:absolute;}
#headerBanner .header_banner_item{width:1440px;height:400px;display:inline-block;}
#headerBanner .banner_button{position:absolute;bottom:20px;left:50%;transform:translate(-50%, 0);}
#headerBanner .banner_button .banner_button_item{padding:11px;width:30px;height:30px;cursor:pointer;}
#headerBanner .banner_button .banner_button_item .mark{width:8px;height:8px;border-radius:4px;background:#C9C9C9;vertical-align:top;}
#headerBanner .banner_button .banner_button_item .mark.selected{background:#21A8AF;}

@media only screen and (max-width:1000px) and (min-width:600px) {
	.mobile_width #headerBanner{width:100%;height:300px;}
	.mobile_width #headerBanner .header_banner_wrap{width:1000px;height:300px;}
	.mobile_width #headerBanner .header_banner_item{width:1000px;height:300px;}
}
@media only screen and (max-width:599px) {
	#headerBanner{width:100%;height:53vw;}
	#headerBanner .header_banner_wrap{width:100%;height:100%;}
	#headerBanner .header_banner_item_wrap{height:100%;}
	#headerBanner .header_banner_item{width:100vw;height:100%;}	
	#headerBanner .banner_button{width:max-content;bottom:0px;}	
}

/********
 quick library
*/
#quickLibrary{width:224px;min-height:180px;position:absolute;background:#FFF;border-radius:13px;box-shadow:0 6px 10px 6px rgba(3, 24, 39, 0.07);z-index:900;user-select:none;}
#quickLibrary .review_point_wrap{padding:16px 0;border-bottom:solid 1px #ebeff8;text-align:center;}
#quickLibrary .review_point_wrap .review_point{width:160px;height:32px;margin:auto;position:relative;}
#quickLibrary .review_point_wrap .review_point_star{height:32px;vertical-align:top;}
#quickLibrary .review_point_wrap .background{position:absolute;top:0;left:0;z-index:1;}
#quickLibrary .review_point_wrap .foreground{position:absolute;top:0;left:0;z-index:2;}
#quickLibrary .review_point_wrap .drag_area{position:absolute;width:176px;height:32px;top:0;left:-16px;cursor:pointer;z-index:3;}
#quickLibrary .review_point_wrap .review_point_text{margin-top:4px;line-height:21px;text-align:center;}
#quickLibrary .review_point_wrap .write_review_button{width:196px;margin-top:8px;}
#quickLibrary .review_point_wrap .write_review_button img{height:16px;vertical-align:top;margin:9px 4px 0 0;}
#quickLibrary .review_point_wrap .show_review_button{line-height:19px;margin-top:8px;cursor:pointer;}
#quickLibrary .review_point_wrap .show_review_button img{height:14px;vertical-align:top;margin:2px 0 0 4px;}
#quickLibrary .library_state_wrap{padding:16px 0;}
#quickLibrary .library_state_wrap .state_button_wrap{width:190px;margin:auto;}
#quickLibrary .library_state_wrap .state_button_wrap.platform_game{opacity:0.3;}
#quickLibrary .library_state_wrap .library_button_item{width:38px;height:32px;position:relative;}
#quickLibrary .library_state_wrap .library_button_item .library_state_button{width:100%;height:100%;position:absolute;top:0;left:0;z-index:10;cursor:pointer;}
#quickLibrary .library_state_wrap .platform_game .library_button_item .library_state_button{cursor:default;}
#quickLibrary .library_state_wrap .library_button_item .background{width:32px;height:32px;border-radius:16px;background:#ebeff8;position:absolute;top:0px;left:3px;z-index:1;overflow:hidden;transition:background 0.1s linear;}
#quickLibrary .library_state_wrap .library_button_item .background .selected_background{width:80px;height:80px;border-radius:40px;position:absolute;top:-24px;left:-24px;transform:scale(0);transition:transform 0.1s linear;}
#quickLibrary .library_state_wrap .library_button_item.selected .selected_background{transform:scale(1);transition:transform 0.25s linear;}
#quickLibrary .library_state_wrap .library_button_item .state_icon{position:absolute;height:18px;top:7px;left:10px;z-index:5;}
#quickLibrary .library_state_wrap .library_state_1.can_hover:hover .background{background:#bfe1ff;}
#quickLibrary .library_state_wrap .library_state_2.can_hover:hover .background{background:#adeae1;}
#quickLibrary .library_state_wrap .library_state_3.can_hover:hover .background{background:#fbd0d4;}
#quickLibrary .library_state_wrap .library_state_4.can_hover:hover .background{background:#ced8e5;}
#quickLibrary .library_state_wrap .library_state_5.can_hover:hover .background{background:#fff5bd;}
#quickLibrary .library_state_wrap .library_state_1 .selected_background{background:#3f9dff;}
#quickLibrary .library_state_wrap .library_state_2 .selected_background{background:#00b597;}
#quickLibrary .library_state_wrap .library_state_3 .selected_background{background:#e75f5b;}
#quickLibrary .library_state_wrap .library_state_4 .selected_background{background:#3b4757;}
#quickLibrary .library_state_wrap .library_state_5 .selected_background{background:#f99b00;}
#quickLibrary .library_state_wrap .state_text{line-height:19px;margin-top:8px;text-align:center;}
#quickLibrary .rating_black_list_wrap{border-top:solid 1px #ebeff8;text-align:center;padding:12px 0 16px 0;line-height:20px;}
#quickLibrary .rating_black_list_wrap:hover{background:#e5f3ff;}
#quickLibrary .rating_black_list_wrap .black_list_button{cursor:pointer;}
#quickLibrary .rating_black_list_wrap .black_list_icon{height:20px;vertical-align:top;margin-right:4px;}



/********
 기본 레이아웃
*/
#pageHeaderHolder{position:relative;}
#pageHeader{width:100%;position:relative;}
#pageHeaderHolder.mobile_width{width:100%;margin-top:44px;}
#pageHeaderHolder.web_width{width:100%;margin-top:65px;}

#pageBodyHolder{min-height:100%;}
#pageBodyHolder.mobile_width{width:100%;padding-bottom:54px;margin-top:44px;min-height:256px;}
#pageBodyHolder.web_width{width:100%;margin-top:65px;min-height:256px;}
#pageBodyHolder .page_body{width:960px;margin:auto;}
#pageBodyHolder .body_row{overflow:hidden;}
#pageBodyHolder .body_left{width:600px;float:left;}
#pageBodyHolder .body_right{width:320px;float:right;}
#pageBodyHolder .body_row_divider{width:100%;height:1px;background:#D8D8D8;margin-top:80px;}

#headerSpace.mobile_width{width:100%;height:44px;}
#headerSpace.web_width{width:100%;height:76px;}

#pageHeaderHolder_NEW{position:relative;overflow:hidden;}
#pageHeaderHolder_NEW.mobile_width{width:100%;}
#pageHeaderHolder_NEW.web_width{width:100%;}
#pageHeaderHolder_NEW #pageHeader{width:100%;position:relative;}

#pageBodyHolder_NEW.mobile_width{width:100%;padding-bottom:54px;min-height:256px;}
#pageBodyHolder_NEW.web_width{width:100%;min-height:256px;}
#pageBodyHolder_NEW .page_body{width:960px;margin-left:auto;margin-right:auto;}
#pageBodyHolder_NEW .body_row{overflow:hidden;}
#pageBodyHolder_NEW .body_left{width:600px;float:left;}
#pageBodyHolder_NEW .body_right{width:320px;float:right;}
#pageBodyHolder_NEW .body_left_half{width:460px;float:left;}
#pageBodyHolder_NEW .body_right_half{width:460px;float:right;}
#pageBodyHolder_NEW .body_center{width:100%;}
#pageBodyHolder_NEW .body_row_divider{width:100%;height:1px;background:#D8D8D8;margin-top:80px;}
#pageBodyHolder_NEW .body_left_invert{width:300px;display:inline-block;margin-right:30px;vertical-align:top;}
#pageBodyHolder_NEW .body_right_invert{width:630px;display:inline-block;vertical-align:top;}

@media only screen and (max-width:1000px) and (min-width:600px) {
	#pageHeaderHolder_NEW.web_width{width:1000px;}
	#pageBodyHolder_NEW.web_width{width:1000px;}
	#pageBodyHolder_NEW.web_width.exact_width{width:auto;}
	
	#pageBodyHolder_NEW.mobile_width .page_body{width:100%;}
}
@media only screen and (max-width:599px) {
	#pageBodyHolder_NEW .page_body{width:100%;}
	#pageBodyHolder_NEW .body_left{width:100%;float:none;}
	#pageBodyHolder_NEW .body_right{width:100%;float:none;}
	#pageBodyHolder_NEW .body_left_half{width:100%;float:none;}
	#pageBodyHolder_NEW .body_right_half{width:100%;float:none;}
	#pageBodyHolder_NEW .body_center{width:100%;}
	#pageBodyHolder_NEW .body_row_divider{display:none;}
}

#subMenuTab{width:100%;height:50px;border-top:solid 1px #D8D8D8;border-bottom:solid 1px #D8D8D8;background:#FFF;}
#subMenuTab .submenu_drag_wrap{width:100%;}
#subMenuTab .tab_wrap{width:960px;height:100%;margin:auto;position:relative;}
#subMenuTab .tab_item{display:inline-block;width:140px;height:50px;line-height:50px;text-align:center;color:#9B9B9B;}
#subMenuTab .tab_item.selected{color:#4A4A4A;}
#subMenuTab .tab_item .item_cnt{margin-left:13px;}
#subMenuTab .tab_item a{display:inline-block;width:100%;height:100%;}
#subMenuTab .indicator{position:absolute;bottom:2px;width:140px;height:2px;background:#000;}
#subMenuTab .tab_right{position:absolute;top:0;right:0;height:50px;line-height:50px;}

#subheaderTab{width:100%;height:81px;padding-top:38px;position:relative;}
#subheaderTab.empty_subheader{padding:0;height:0;}
#subheaderTab .tab_wrap{width:960px;height:100%;margin:auto;position:relative;border-bottom:solid 1px #D8D8D8;}
#subheaderTab .tab_item{display:inline-block;height:42px;line-height:42px;text-align:center;margin-right:10px;}
#subheaderTab .tab_item:last-child{margin-right:0px;}
#subheaderTab .tab_item.selected{color:#4A4A4A;}
#subheaderTab .tab_item .item_cnt{margin-left:6px;display:none;}
#subheaderTab .tab_item a{display:inline-block;width:100%;height:100%;padding:0 10px;}
#subheaderTab .indicator{position:absolute;bottom:0px;height:1px;background:#000;}

#subheaderTab.search_subheader{height:auto;}
#subheaderTab.search_subheader .search_page_title{width:960px;margin:auto;margin-bottom:16px;}

#tempUserSubheader .tab_wrap{width:1064px;}

@media only screen and (max-width:1064px) and (min-width:1001px) {
	#tempUserSubheader .tab_wrap{width:100%;}
	#tempSearchHeader.tab_wrap{width:100%;}
}
@media only screen and (max-width:1000px) and (min-width:600px) {
	#subMenuTab .tab_wrap{width:100%;}
	#subMenuTab .tab_right{right:20px;}
	
	#subheaderTab .tab_wrap{width:calc(100% - 40px);margin:0 20px;}	
	#tempUserSubheader .tab_wrap{width:100%;margin:0;}
	#tempSearchHeader.tab_wrap{width:100%;margin:0;}
	
	.mobile_width #subheaderTab.search_subheader .search_page_title{width:calc(100% - 40px);margin:auto;margin-bottom:16px;}
}
@media only screen and (max-width:599px) {
	#subMenuTab{height:42px;overflow:hidden;padding:0 16px;}
	#subMenuTab .submenu_drag_wrap{width:max-content;min-width:100%;}
	#subMenuTab .tab_wrap{width:max-content;min-width:100%;}
	#subMenuTab .tab_wrap .dragdealer_item{position:relative;}
	#subMenuTab .tab_item{width:auto;min-width:80px;height:42px;line-height:42px;margin-right:10px;}
	#subMenuTab .tab_item:last-child{margin-right:0px;}	
	#subMenuTab .tab_item .item_cnt{margin-left:10px;}
	#subMenuTab .tab_item a{padding:0 10px;}
	#subMenuTab .indicator{height:1px;}
	#subMenuTab .tab_right{display:none;}
	
	#subheaderTab{height:42px;background:#FFF;border-bottom:solid 1px #D8D8D8;overflow:hidden;padding:0 16px;}
	#subheaderTab .subheader_drag_wrap{width:max-content;min-width:100%;}
	#subheaderTab .tab_wrap{width:max-content;min-width:100%;border-bottom:none;}	
	#subheaderTab .tab_wrap .dragdealer_item{position:relative;}
	#subheaderTab .indicator{bottom:1px;}
	#subheaderTab .tab_item{margin-right:0px;min-width:0px;}
	#subheaderTab .tab_item a{padding:0 12px;}
	
	#subheaderTab.search_subheader .search_page_title{display:none;}
}

/********
 오른쪽 구글 광고
*/
.body_right .ad_wrap{margin-top:40px;}
.body_right .ad_wrap:first-child{margin-top:0px;}
.body_right .ad_text{line-height:19px;margin-bottom:4px;}
.body_right .ad_div{box-sizing:content-box;margin-bottom:20px;position:relative;}

/********
 공통 결과없음
*/
.no_search_result_wrap{width:100%;text-align:center;}
.no_search_result_wrap .no_search_result_image{width:80px;}
.no_search_result_wrap .no_result_image{height:80px;}
.no_search_result_wrap .no_search_result_text{line-height:24px;margin-top:24px;}
.no_search_result_wrap .no_search_result_text .mobile_icon_new{height:20px;margin-top:2px;}
.no_search_result_wrap .no_search_result_text .no_result_button_wrap{margin-top:16px;}
.no_search_result_wrap .no_search_result_text .no_result_button_wrap .btn_r{width:120px;}
.no_search_result_wrap .no_search_result_description{margin-top:8px;line-height:19px;}
.no_search_result_wrap .no_search_result_button{margin-top:24px;}
.no_search_result_wrap .no_search_result_button .btn_r{width:184px;}


/********
 페이지 로딩 인디케이터
*/
#overlayLoading{position:fixed;z-index:1600;width:100vw;height:100vh;background:rgba(0, 0, 0, 0.4);display:none;top:0;left:0;}
.loading_wrap{top:50%;left:50%;transform:translate(-50%, -50%);width:128px;height:128px;position:relative;}
.loading_background{z-index:10;background:#fff;width:calc(100% - 10px);height:calc(100% - 10px);border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);}
.loading_logo{width:100%;height:100%;}
.loading_logo .loading_image{animation:logoTail 1s steps(2) infinite;width:100%;height:100%;background-image:url(/images/icon_v3/page_loading_sprite.png);background-position:left center;background-repeat:no-repeat;background-size:200% 100%;}
.loading_indicator, .loading_indicator_cover1, .loading_indicator_cover2{position:absolute;border-radius:50%;z-index:5;}
.loading_indicator{left:50%;top:50%;transform:translate(-50%, -50%);width:calc(100% - 2px);height:calc(100% - 2px);color:#3F9DFF;box-shadow:inset 0 0 0 5px;}
.loading_indicator_cover1, .loading_indicator_cover2{content:'';}
.loading_indicator_cover1{width:50%;height:100%;border-radius:128px 0px 0px 128px;transform-origin:64px 64px 0px;background:#ffffff;top:0px;left:0px;animation:loadingCover 2s infinite ease 1.5s;}
.loading_indicator_cover2{width:50%;height:100%;border-radius:0px 128px 128px 0px;transform-origin:0px 64px 0px;background:#ffffff;top:0px;left:50%;animation:loadingCover 2s infinite ease;}

@keyframes logoTail{
	100% {background-position: 200%;}
}
@keyframes loadingCover {
  0% {
    transform: rotate(0deg);
  }
  100% {    
    transform: rotate(360deg);
  }
}

/********
 텍스트 로딩 인디케이터
*/
.text_placeholder{background:#EFEFEF linear-gradient(to right, #EFEFEF, #FFFFFF, #EFEFEF);background-repeat:no-repeat;background-size:100% 100%;background-position:-50rem top;}
.web_width .text_placeholder{animation-name:shimmer;animation-duration:3s;animation-iteration-count:infinite;}
@keyframes shimmer{
    0% {background-position: -25rem top;}
    100% {background-position: 25rem top;}
}

/********
 챠트 로딩 인디케이터
*/
.chart_loader{position:relative;width:70px;height:100px;left:50%;top:50%;transform:translate(-50%, -75%);}
.chart_loader_bar{position:absolute;bottom:0;width:10px;height:50%;background:#21A8AF;transform-origin:center bottom;box-shadow: 1px 1px 0 rgba(0,0,0,.2);}
.chart_loader_bar.bar_1{left:0;transform:scale(1, 0.2);animation:barUp1 4s infinite;}
.chart_loader_bar.bar_2{left:15px;transform:scale(1, 0.4);animation:barUp2 4s infinite;}
.chart_loader_bar.bar_3{left:30px;transform:scale(1, 0.6);animation:barUp3 4s infinite;}
.chart_loader_bar.bar_4{left:45px;transform:scale(1, 0.8);animation:barUp4 4s infinite;}
.chart_loader_bar.bar_5{left:60px;transform:scale(1, 1);animation:barUp5 4s infinite;}
.chart_loader_ball{position: absolute;bottom: 10px;left: 0;width: 10px;height: 10px;background:#21A8AF;border-radius: 50%;animation: ball 4s infinite;}
@keyframes ball {
  0% {
    transform: translate(0, 0);
  }
  5% {
    transform: translate(8px, -14px);
  }
  10% {
    transform: translate(15px, -10px)
  }
  17% {
    transform: translate(23px, -24px)
  }
  20% {
    transform: translate(30px, -20px)
  }
  27% {
    transform: translate(38px, -34px)
  }
  30% {
    transform: translate(45px, -30px)
  }
  37% {
    transform: translate(53px, -44px)
  }
  40% {
    transform: translate(60px, -40px)
  }
  50% {
    transform: translate(60px, 0)
  }
  57% {
    transform: translate(53px, -14px)
  }
  60% {
    transform: translate(45px, -10px)
  }
  67% {
    transform: translate(37px, -24px)
  }
  70% {
    transform: translate(30px, -20px)
  }
  77% {
    transform: translate(22px, -34px)
  }
  80% {
    transform: translate(15px, -30px)
  }
  87% {
    transform: translate(7px, -44px)
  }
  90% {
    transform: translate(0, -40px)
  }
  100% {
    transform: translate(0, 0);
  }
}

@keyframes barUp1 { 
  0% {
    transform: scale(1, .2);
  }
  40%{
    transform: scale(1, .2);
  }
  50% {
    transform: scale(1, 1);
  }
  90% {
    transform: scale(1,1);
  }
  100% {
    transform: scale(1,.2);
  }
}
@keyframes barUp2 { 
  0% {
    transform: scale(1, .4);
  }
  40% {
    transform: scale(1, .4);
  }
  50% {
    transform: scale(1, .8);
  }
  90% {
    transform: scale(1, .8);
  }
  100% {
    transform: scale(1, .4);
  }
}
@keyframes barUp3 { 
  0% {
    transform: scale(1, .6);
  }
  100% {
    transform: scale(1, .6);
  }
}
@keyframes barUp4 { 
  0% {
    transform: scale(1, .8);
  }
  40% {
    transform: scale(1, .8);
  }
  50% {
    transform: scale(1, .4);
  }
  90% {
    transform: scale(1, .4);
  }
  100% {
    transform: scale(1, .8);
  }
}
@keyframes barUp5 { 
  0% {
    transform: scale(1, 1);
  }
  40% {
    transform: scale(1, 1);
  }
  50% {
    transform: scale(1, .2);
  }
  90% {
    transform: scale(1, .2);
  }
  100% {
    transform: scale(1, 1);
  }
}



/********
 이미지 로딩 인디케이터
*/
@keyframes pulse {
  0%   { opacity: 1; }
  100% { opacity: 0; }
}


.ctnr {
  display: flex;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #D8D8D8;
}

.ldr {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-around;
  align-items: center;
  margin: auto;
  width: 2.5em;
  height: 2.5em;
}

.ldr-blk {
  height: 35%;
  width: 35%;
  background-color: #9B9B9B;
}
.web_width .ldr-blk{animation: pulse 0.75s ease-in infinite alternate;}
.web_width .an_delay {
  animation-delay: 0.75s;
}

/********
 인라인 로딩 인디케이터
*/
.inline_loader {
  position: relative;
  margin: 0px auto;
  width: 200px;
  height:200px;
}
.inline_loader:before {
  content: '';
  display: block;
  padding-top: 100%;
}
.circular_loader {
	animation: rotateInlineLoader 2s linear infinite;
    height: 100%;
          transform-origin: center center;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  margin: auto;
}
.loader_path {
  stroke-dasharray: 150,200;
  stroke-dashoffset: -10;
  animation: rotateInlineDash 1.5s ease-in-out infinite;
  stroke-linecap: round;
}

@keyframes rotateInlineLoader {
  100% {
            transform: rotate(360deg);
  }
}
@keyframes rotateInlineDash {
  0% {
    stroke-dasharray: 1,200;
    stroke-dashoffset: 0;
  }
  50% {
    stroke-dasharray: 89,200;
    stroke-dashoffset: -35;
  }
  100% {
    stroke-dasharray: 89,200;
    stroke-dashoffset: -124;
  }
}

.onboarding_banner{width:100%;height:265px;background:#3b69d8;border-radius:13px;position:relative;}
.onboarding_banner .banner_image{height:250px;position:absolute;top:2px;right:50px;}
.onboarding_banner .title{line-height:41px;position:absolute;left:110px;top:56px;}
.onboarding_banner .onboarding_button{width:140px;border-width:2px;line-height:46px;position:absolute;left:110px;top:158px;}
@media only screen and (max-width:599px) {
	.onboarding_banner{height:390px;border-radius:0px;overflow:hidden;}
	.onboarding_banner .banner_image{height:197px;top:16px;right:auto;left:50%;transform:translateX(-50%);}
	.onboarding_banner .title{font-size:24px;line-height:34px;text-align:center;width:100%;left:0px;top:214px;}
	.onboarding_banner .onboarding_button{left:50%;top:296px;transform:translateX(-50%);}

}