@charset "UTF-8";
/*@import url(../fonts/NotoSans/font.css); /*
/* Roboto */
@font-face { font-family: 'RobotoL'; src: url("../fonts/roboto/roboto-v20-latin-300.eot"); src: local("Roboto Light"), local("Roboto-Light"), url("../fonts/roboto/roboto-v20-latin-300.eot?#iefix") format("embedded-opentype"), url("../fonts/roboto/roboto-v20-latin-300.woff2") format("woff2"), url("../fonts/roboto/roboto-v20-latin-300.woff") format("woff"), url("../fonts/roboto/roboto-v20-latin-300.ttf") format("truetype"); }
@font-face { font-family: 'RobotoR'; src: url("../fonts/roboto/roboto-v20-latin-regular.eot"); src: local("Roboto"), local("Roboto-Regular"), url("../fonts/roboto/roboto-v20-latin-regular.eot?#iefix") format("embedded-opentype"), url("../fonts/roboto/roboto-v20-latin-regular.woff2") format("woff2"), url("../fonts/roboto/roboto-v20-latin-regular.woff") format("woff"), url("../fonts/roboto/roboto-v20-latin-regular.ttf") format("truetype"); }
@font-face { font-family: 'RobotoB'; src: url("../fonts/roboto/roboto-v20-latin-700.eot"); src: local("Roboto Bold"), local("Roboto-Bold"), url("../fonts/roboto/roboto-v20-latin-700.eot?#iefix") format("embedded-opentype"), url("../fonts/roboto/roboto-v20-latin-700.woff2") format("woff2"), url("../fonts/roboto/roboto-v20-latin-700.woff") format("woff"), url("../fonts/roboto/roboto-v20-latin-700.ttf") format("truetype"); }
@font-face {
    font-family: 'NEXONFootballGothicBA1';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-04@2.1/NEXONFootballGothicBA1.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'GmarketSansBold';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'GmarketSansLight';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansLight.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
/* reset */
html { font-size: 10px; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; background-color: #fff; }
html * { -webkit-text-size-adjust: none; -webkit-tap-highlight-color:transparent;}
html, body { height: 100%; font-family: sans-serif; background-color: #fff; }
body * { font-family: 'NotoKr-Regular',sans-serif; }
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, hr, button, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { margin: 0; padding: 0; font-family: 'NotoKr-Regular',sans-serif; }
input, select, textarea { font-size: 100%; -webkit-appearance: none; -webkit-border-radius: 0; }
table { border-collapse: collapse; border-spacing: 0; }
/* fieldset, img { border: 0; } */
abbr, acronym { border: 0; font-variant: normal; }
del { text-decoration: line-through; }
address, caption, cite, code, dfn, em, th, var { font-style: normal; font-weight: 500; }
ol, ul { list-style: none; }
caption, th { text-align: left; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: 500; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -.5em; }
sub { bottom: -.25em; }
ins, a { text-decoration: none; color: #151515; }
button { border: 0; outline: 0; background-color: transparent; cursor: pointer; }
em { font-style: normal; }
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder, input[readonly]::-webkit-input-placeholder { color: #777 !important; }
input:-ms-input-placeholder, textarea:-ms-input-placeholder, input[readonly]:-ms-input-placeholder { color: #777 !important; }
input::-ms-input-placeholder, textarea::-ms-input-placeholder, input[readonly]::-ms-input-placeholder { color: #777 !important; }
input::placeholder, textarea::placeholder, input[readonly]::placeholder { color: #777 !important; }
input:placeholder, textarea:placeholder, input[readonly]:placeholder { color: #777 !important; }
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder, input[readonly]::-webkit-input-placeholder { color: #777 !important; }
input:-webkit-input-placeholder, textarea:-webkit-input-placeholder, input[readonly]:-webkit-input-placeholder { color: #777 !important; }
input[type="number"] { -webkit-appearance: none; -webkit-border-radius: 0; }
input[type="number"]::-webkit-outer-spin-button, input[type="number"]::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
.box_header_container { z-index: 300; }
.box_nav_container { z-index: 500; }
.box_nav_container .box_nav_header { z-index: 520; }
.box_nav_container .nav_inner_wrap { position: relative; z-index: 510; }
.box_nav_container:after { z-index: 480; }
.box_filter_wrap { z-index: 100; }
.box_filter_wrap .box_btn { z-index: 130; }
.box_filter_wrap .box_filter_contents { z-index: 120; }
.box_filter_wrap .box_dim { z-index: 110; }
.button_floatfix01 { z-index: 80; }
.button_floatfix02 { z-index: 80; }
.box_description_wrap { z-index: 150; }
.box_popup_container { z-index: 700; }
.box_popup_container .box_popup_wrap { z-index: 720; }
.box_popup_container .box_dim { z-index: 710; }
.box_tabwrap { z-index: 200; }
.box_writeformgroup { z-index: 100; }
.box_float_wrap { z-index: 400; }
/* common style */
.status_tag01, .status_tag03 { display: inline-block; width: 60px; height: auto; line-height: 1; padding: 3px 0; border: 1px solid #4f2a7f; font-size: 11px; color: #4f2a7f; -webkit-box-sizing: border-box; box-sizing: border-box; text-align: center; background-color: #fff; font-weight: 400; }
.status_tag02 { display: inline-block; width: 60px; height: auto; line-height: 1; padding: 3px 0; border: 1px solid #4f2a7f; font-size: 11px; color: #fff; -webkit-box-sizing: border-box; box-sizing: border-box; text-align: center; background-color: #4f2a7f; font-weight: 400; }
.status_tag03 { border: 1px solid #ddd; color: #777; }
.status_tag04 { display: inline-block; padding: 0 10px; height: 20px; border: 1px solid #4f2a7f; line-height: 18px; font-size: 11px; color: #4f2a7f; background-color: #fff; -webkit-box-sizing: border-box; box-sizing: border-box; text-align: center; }
.status_tag05 { display: inline-block; width: 60px; height: auto; line-height: 1; padding: 3px 0; border: 1px solid #f4f4f4; background-color: #f4f4f4; font-size: 11px; -webkit-box-sizing: border-box; box-sizing: border-box; text-align: center; font-weight: 400; color: #ccc; }
.tag_type00, .tag_type02 { display: inline-block; padding: 3px 5px; line-height: 1; font-size: 11px; color: #fff; background-color: #4f2a7f; text-align: center; font-weight: 400; }
.tag_type01 { display: inline-block; padding: 5px 5px 3px; line-height: 1; font-size: 11px; color: #ffffff; background-color: #4f2a7f; text-align: center; font-weight: 400; }
.icon_rock { display: block; width: 100%; height: 19px; background: url(../images/common/icon_rock.png) right center no-repeat; background-size: 16px auto; }
div + .text_title01 { margin-top: 20px; }
.text_title01 { font-size: 17px; color: #3f1479; }
.text_title01 + div { margin-top: 5px; }
.text_title01 + ul { margin-top: 5px; }
.text_title01 + table { margin-top: 5px; }
/* hide text */
.blind_text { font-size: 1px; color: transparent; width: 1px; height: 1px; visibility: hidden; overflow: hidden; }
.hidden_input { width: 1px; height: 1px; visibility: hidden; position: absolute; left: 0; top: 0; }
.txt_iconstar { color: #e67429; }
/* textarea style */
.text_field { min-width: 100%; max-width: 100%; width: 100%; background-color: #f4f4f4; font-size: 14px; color: #888888; border: 0; }
/* input default style */
input[type="text"],
input[type="password"],
input[type="number"] {
	width: 100%;
	height: 40px;
	padding: 0 10px;
	font-size: 14px;
	color: #151515;
	border: 1px solid #f4f4f4;
	background-color: #f4f4f4;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	outline: 0;
	letter-spacing: -1px;
}
input[type="text"][readonly], input[type="password"][readonly], input[type="number"][readonly] { background-color: #f5f5f5; border: 1px solid #f5f5f5; color: #959595; }
input[type="text"]:active, input[type="password"]:active, input[type="number"]:active { border: 1px solid #4f2a7f; background-color: #fff; }
input[type="text"]:focus, input[type="password"]:focus, input[type="number"]:focus { border: 1px solid #4f2a7f; background-color: #fff; }
/* list style01 */
.list_type01 .list { padding: 20px 0; border-bottom: 1px solid #eeeeee; }
.list_type01 .list:first-child { border-top: 1px solid #eeeeee; }
.list_type01 .list a > span { display: block; width: 100%; }
.list_type01 .list .txt_tag { font-size: 13px; color: #f06f1a; }
.list_type01 .list .txt_title { overflow: hidden; max-height: 44px; margin-top: 10px; font-size: 17px; color: #151515; line-height: 22px; text-overflow: ellipsis; white-space: normal; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.list_type01 .list .txt_title01 { overflow: hidden;margin-top: 10px; font-size: 17px; color: #151515; line-height: 22px; text-overflow: ellipsis; white-space: nowrap;}
.list_type01 .list .txt_content{overflow: hidden;font-size: 16px; color: #777; line-height: 22px; text-overflow: ellipsis; white-space: nowrap;font-weight: lighter;}
.list_type01 .list .txt_date { margin-top: 15px; font-size: 14px; color: #777777; }
/* list style02 */
.list_type02 .list { height: auto; border-bottom: 1px solid #eee; }
.list_type02 .list:first-child { border-top: 1px solid #eee; }
.list_type02.session_info { padding-top: 10px; }
/* list style03 */
.list_type03 > li { border-bottom: 1px solid #ddd; }
.list_type03 .text_cat { display: block; font-size: 13px; color: #f06f1a; font-weight: 400; }
.list_type03 .text_title { font-size: 17px; color: #151515; font-weight: 400; }
.list_type03 .button_faq { position: relative; width: 100%; min-height: 100px; padding-left: 50px; padding-right: 40px; text-align: left; background: url(../images/common/icon_faq_q.png) 15px center no-repeat; background-size: 14px auto; }
.list_type03 .button_faq:after { content: ''; position: absolute; right: 10px; top: 50%; display: block; width: 20px; height: 20px; margin-top: -10px; background-image: url(../images/common/icon_button_togglearrow.png); background-repeat: no-repeat; background-position: 0 0; background-size: 20px 40px; }
.list_type03 .button_faq.active:after { background-position: 0 -20px; }
.list_type03 .button_faq.active ~ .box_detailwrap { display: block; }
.list_type03 .box_detailwrap { display: none; padding: 30px 50px 30px 50px; border-top: 1px solid #ddd; background: url(../images/common/icon_faq_a.png) 15px 35px no-repeat; background-size: 14px auto; background-color: #f9f9f9; font-size: 14px; color: #666666; font-weight: 100; line-height: 23px; }
.list_type03 > li:first-child { border-top: 1px solid #ddd; }
.list_type03 .fixed_notice { background-color: #f5f5f5; }
/* list style04 */
.list_type04 > li, .list_type05 > li { position: relative; padding: 18px 0px 14px 0px; border-bottom: 1px solid #ddd; }
.list_type04 > li:first-child, .list_type05 > li:first-child { border-top: 1px solid #ddd; }
.list_type05 > li:first-child { border-top: 1px solid #151515; }
/* filter style */
.box_filter_wrap { position: relative; background-color: #fff; padding-bottom: 15px; }
.box_filter_wrap ~ .box_innerwrap { padding-top: 0px; }
.box_filter_wrap.active { position: absolute; left: 0; top: 55px; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; }
.box_filter_wrap.active ~ .box_innerwrap { padding-top: 56px; }
.box_filter_wrap.active .box_filter_contents { display: block; }
.box_filter_wrap.active .box_dim { display: block; }
.box_filter_wrap.active .box_btn { padding-bottom: 10px; }
.box_filter_wrap .box_btn { position: relative; text-align: right; padding:5px 20px 0 20px; background-color: #fff; }
.box_filter_wrap .box_btn .button_checktype04 { position: absolute; left: 20px; top: 30px; }
.box_filter_wrap .box_btn .box_members_legendwrap { position: absolute; left: 20px; top: 30px; }
.box_filter_wrap .box_filter_contents { display: none; position: absolute; left: 0; top: 30px; width: 100%; height: auto; padding: 0px 20px 30px 20px; background-color: #fff; -webkit-box-sizing: border-box; box-sizing: border-box; }
.box_filter_wrap .box_filter_contents div + .filter_search { margin-top: 20px; }
.box_filter_wrap .box_filter_contents .filter_option ~ .filter_option { margin-top: 20px; }
.box_filter_wrap .filter_option .text_title { font-size: 14px; color: #151515; }
.box_filter_wrap .option_category { letter-spacing: -5px; padding: 10px 0 20px 0; border-bottom: 1px solid #eee; }
.box_filter_wrap .option_category .button_filter_category { letter-spacing: 0; margin-bottom: 5px; margin-right: 5px; }
.box_filter_wrap .option_category label { letter-spacing: 0; margin-right: 5px; margin-bottom: 5px; }
.box_filter_wrap .option_category.type_scrollx { white-space: nowrap; overflow-x: auto; padding-bottom: 10px; }
.box_filter_wrap .option_category.type_scrollx::-webkit-scrollbar { -webkit-appearance: none; }
.box_filter_wrap .option_category.type_scrollx::-webkit-scrollbar-thumb { background: #4f2a7f; }
.box_filter_wrap .option_category.type_scrollx::-webkit-scrollbar:horizontal { height: 2px; }
.box_filter_wrap .option_category.type_scrollx::-webkit-scrollbar-track { border-radius: 2px; background-color: #cccccc; }
.box_filter_wrap .option_category.type_nobd { border-bottom: 0; padding-bottom: 0; }
.box_filter_wrap .filter_search .text_title { font-size: 14px; color: #151515; }
.box_filter_wrap .filter_search .search_field { margin-top: 10px; position: relative; }
.box_filter_wrap .filter_search .search_field input { padding-right: 40px; }
.box_filter_wrap .filter_search .search_field .button_icon_search { position: absolute; right: 0; top: 0; }
.box_filter_wrap .box_dim { display: none; position: fixed; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.4); }
.box_btn span.badge {color:#666;font-size: 14px;margin-right: 0px;position:relative;display: inline;background: none;}
.box_btn span.badge:before {
    content: '';
    width: 15px;
    height: 15px;
    display: inline-block;
    background: url(../images/common/badge.png)no-repeat;
    position: absolute;
    left: -20px;
    top: 3px;
    background-size: 100%;
}
.box_tabwrap { position: relative; background-color: #fff; padding: 30px 20px 0 20px; }
.list_tabmenu { letter-spacing: -5px; }
.list_tabmenu > li { display: inline-block; width: 50%; height: auto; letter-spacing: 0; }
.list_tabmenu2 { letter-spacing: -5px; }
.list_tabmenu2 > li { display: inline-block; width: 33%; height: auto; }
.list_tabmenu2 > li:last-child { width: 34%; }
.box_popup_container { display: none; position: fixed; left: 0; top: 0; width: 100%; height: 100%; }
.box_popup_container.active { display: block; }
.box_popup_container .pop_title { font-size: 16px; color: #151515; font-weight: 400; }
.box_popup_container .pop_title02 { text-align: center; padding-top: 40px; font-size: 22px; color: #451c8b; font-weight: 100; }
.box_popup_container .pop_title02 strong { font-weight: bold; }
.box_popup_container .pop_close { position: absolute; right: 20px; top: 20px; text-align: right; height: 18px; width: 100%; }
.box_popup_container .pop_close + .pop_contbox { margin-top: 20px; }
.box_popup_container .box_popup_wrap { position: absolute; left: 5%; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 90%; height: auto; min-height: 230px; padding: 20px; -webkit-box-sizing: border-box; box-sizing: border-box; background-color: white; }
.box_popup_container .pop_contbox .txt01 { font-size: 15px; color: #151515; font-weight: 400; line-height: 21px; text-align: center; }
.box_popup_container .pop_contbox .txt01 em { color: #f06f1a; }
.box_popup_container .pop_contbox .txt01 + .txt01 { margin-top: 10px; }
.box_popup_container .pop_contbox .txtgroup { margin-top: 20px; margin-bottom: 10px; width: 100%; height: auto; padding: 8px 0; background-color: #f5f5f5; }
.box_popup_container .pop_contbox .txtgroup > span { display: block; width: 100%; height: auto; }
.box_popup_container .pop_contbox .txtgroup .txt { text-align: center; font-size: 13px; color: #777777; font-weight: 400; }
.box_popup_container .pop_contbox .txtgroup .cont { font-size: 22px; color: #151515; font-weight: 700; text-align: center; }
.box_popup_container .pop_contbox .txt02 { font-size: 13px; color: #777777; line-height: 21px; font-weight: 400; text-align: center; }
.box_popup_container .pop_contbox * + .form_field01 { margin-top: 20px; }
.box_popup_container .pop_contbox * + .descbox { margin-top: 30px; }
.box_popup_container .pop_contbox .descbox { padding: 10px 15px; color: #333333; font-size: 13px; font-weight: 100; line-height: 20px; background-color: #f4f4f4; }
.box_popup_container .pop_button_wrap { margin-top: 40px; letter-spacing: -5px; text-align: center; }
.box_popup_container .pop_button_wrap a, .box_popup_container .pop_button_wrap button { letter-spacing: -1px; }
.box_popup_container .box_dim { position: fixed; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); }
* + .box_subtab { margin-top: 40px; }
.box_subtab { letter-spacing: -5px; }
.box_subtab.type01 > a, .box_subtab.type01 > button { display: inline-block; width: 50%; -webkit-box-sizing: border-box; box-sizing: border-box; letter-spacing: 0; }
.box_subtab .button_subtabmenu { position: relative; z-index: 20; height: 36px; border: 1px solid #f06f1a; background-color: #fff; color: #f06f1a; border-bottom: 1px solid #4f2a7f; vertical-align: top; }
.box_subtab .button_subtabmenu.active { z-index: 30; border: 1px solid #4f2a7f; color: #4f2a7f; border-bottom: 1px solid #fff; }
.list_place { padding-top: 30px; letter-spacing: -5px; }
.list_place > li { display: inline-block; width: 50%; letter-spacing: 0; margin-bottom: 15px; }
.list_place > li > span { display: inline-block; letter-spacing: 0; vertical-align: middle; }
.list_place > li .txtnum { display: inline-block; width: 24px; height: 24px; line-height: 24px; text-align: center; font-size: 13px; color: #fff; background-color: #4f2a7f; }
.list_place > li .txt { padding-left: 10px; font-size: 13px; color: #151515; font-weight: 400; }
.box_terms_wrap .text_termtit01 { font-size: 15px; color: #151515; font-weight: 700; padding-bottom: 7px; line-height: 1.1; border-bottom: 1px solid #ddd; }
.box_terms_wrap .text_termtit01 ~ .text_termtit01 { margin-top: 30px; }
.box_terms_wrap .text_termtit01 ~ .text_termtit02 { margin-top: 15px; }
.box_terms_wrap .text_termtit01 + p { margin-top: 15px; }
.box_terms_wrap .text_termtit02 { font-size: 13px; color: #777777; font-weight: 400; line-height: 20px; }
.box_terms_wrap .text_termtit02 ~ .text_termtit02 { margin-top: 20px; }
.box_terms_wrap .text_term01 { font-size: 13px; color: #777777; font-weight: 400; line-height: 20px; }
.box_terms_wrap p + p { margin-top: 20px; }
.box_terms_wrap .text_term02 { font-size: 13px; color: #777777; font-weight: 400; line-height: 20px; }
.box_terms_wrap .list_terms > li { font-size: 13px; color: #777777; font-weight: 400; line-height: 20px; }
.box_terms_wrap .list_terms > li + li { margin-top: 20px; }
.box_live_wrap { width: 100%; height: auto; min-height: 450px; -webkit-box-sizing: border-box; box-sizing: border-box; }
.box_live_wrap img { max-width: 100%; height: auto; }
.box_map_menu { margin: -29px -20px 0 -20px; letter-spacing: -5px; }
.box_map_menu .button_map_menu { display: inline-block; width: 50%; height: 41px; letter-spacing: 0; border-bottom: 1px solid #eeeeee; color: #451c8b; font-size: 13px; font-weight: 400; }
.box_map_menu .button_map_menu:nth-child(odd) { border-right: 1px solid #eee; }
.box_map_menu .button_map_menu.active { background-color: #451c8b; color: #fff; }
.box_map_image { overflow: hidden; width: 100%; height: auto; }
.box_map_image img { max-width: 100%; height: auto; }
.box_map_legend { position: relative; margin-top: 40px; }
.box_map_legend .button_legend_map { width: 16px; height: 16px; margin-left: 3px; background: url(../images/common/icon_legend_off.png) 0 0 no-repeat; background-size: 16px auto; vertical-align: middle; }
.box_map_legend .button_legend_map.active { background: url(../images/common/icon_legend_on.png) 0 0 no-repeat; background-size: 16px auto; }
.box_map_legend .button_legend_map.active + .box_legned_map { display: block; }
.box_map_legend .box_legned_map { display: none; position: absolute; left: 0; top: 17px; width: 180px; height: auto; padding: 15px; border: 1px solid #4f2a7f; text-align: left; -webkit-box-sizing: border-box; box-sizing: border-box; background-color: #fff; }
.box_map_legend .box_legned_map .list_legendsns > li { font-size: 13px; color: #333333; letter-spacing: -1px; }
.box_map_legend .box_legned_map .list_legendsns > li + li { margin-top: 5px; }
.box_share { letter-spacing: -5px; padding: 40px 0; }
.box_share .button_share { width: 25%; text-align: center; letter-spacing: 0; }
.box_share .button_share .icon_box.icon_share { display: block; width: 40px; height: 40px; margin: auto; }
.box_share .button_share .txt { display: block; margin-top: 10px; font-size: 13px; color: #111111; font-weight: 400; text-align: center; }
.icon_share { display: inline-block; width: 40px; height: 40px; background-repeat: no-repeat; background-position: center center; background-size: 40px auto; }
.icon_share.type01 { background-image: url(../images/common/icon_share01.png); }
.icon_share.type02 { background-image: url(../images/common/icon_share02.png); }
.icon_share.type03 { background-image: url(../images/common/icon_share03.png); }
.icon_share.type04 { background-image: url(../images/common/icon_share04.png); }
.box_total_searchform .search_field { position: relative; }
.box_total_searchform .search_field button { position: absolute; right: 0; top: 0; }
.box_total_searchform .search_field input:focus { border: 1px solid #4f2a7f; background-color: #fff; width:100%}
.box_total_searchform .search_field input:focus ~ .button_icon_search { width: 40px; height: 40px; background: url(../images/common/icon_totalsearch_on.png) center center no-repeat; background-size: 17px auto; }
.box_total_searchform .search_field input:active { border: 1px solid #4f2a7f; background-color: #fff; }
.box_total_searchform .search_field input:active ~ .button_icon_search { width: 40px; height: 40px; background: url(../images/common/icon_totalsearch_on.png) center center no-repeat; background-size: 17px auto; }
.box_total_searchform .search_field .button_icon_search { width: 40px; height: 40px; background: url(../images/common/icon_totalsearch_off.png) center center no-repeat; background-size: 17px auto; }
.box_result_text { margin-top: 40px; font-size: 16px; color: #151515; font-weight: 400; line-height: 23px; text-align: center; }
.box_result_text > span { color: #f06f1a; }
.box_result_container { margin-top: 40px; }
.box_search_result .text_title { font-size: 17px; color: #151515; font-weight: 700; margin-bottom: 5px; }
.box_search_result .text_title .cnt { font-weight: 100; }
.box_search_result .result_wrap { position: relative; height: auto; }
.box_search_result .result_wrap .no_result { width: 100%; height: auto; padding: 40px 0; text-align: center; font-size: 16px; color: #777777; font-weight: 100; border-top: 1px solid #eee; border-bottom: 1px solid #eee; }
.box_search_result ~ .box_search_result { margin-top: 40px; }
.font_l { font-weight: 100 !important; }
.font_b { font-weight: 700 !important; }
.box_popup_container.boxlocation .box_popup_wrap { padding: 0; padding-bottom: 2px; }
.box_popup_container.boxlocation .pop_close + .pop_contbox { margin-top: 0; }
.box_popup_container.boxlocation .pop_title { padding-left: 20px; padding-top: 20px; }
.box_popup_container.boxlocation .box_location_subway { width: auto; max-width: 100%; height: auto; padding: 30px 20px 0 20px; }
.box_popup_container.boxlocation img { max-width: 100%; }
.box_popup_container.boxlocation .box_map_tabs { padding: 0 10px; margin-top: 20px; letter-spacing: -5px; }
.box_popup_container.boxlocation .button_map_tab { width: 50%; height: 45px; border: 0; color: #969696; background-color: #e1e1e1; font-weight: 400; border: 1px solid #e1e1e1; border-bottom: 1px solid #451c8b; }
.box_popup_container.boxlocation .button_map_tab.active { background-color: #fff; border: 1px solid #451c8b; border-bottom: 1px solid #fff; color: #451c8b; font-weight: 400; }
.box_popup_container.boxlocation .box_infogroup { letter-spacing: -5px; }
.box_popup_container.boxlocation .box_infogroup .txtgroup, .box_popup_container.boxlocation .box_infogroup .imggroup { display: block; width: auto; max-width: 100%; margin: 0 20px; height: auto; vertical-align: top; -webkit-box-sizing: border-box; box-sizing: border-box; letter-spacing: 0; }
.box_popup_container.boxlocation .box_infogroup .txtgroup { padding-top: 20px; background-color: #fff; }
.box_popup_container.boxlocation .box_infogroup .txtgroup ul > li { position: relative; padding-left: 5px; font-size: 15px; color: #777; line-height: 1.3; }
.box_popup_container.boxlocation .box_infogroup .txtgroup ul > li:before { position: absolute; left: 0; top: 9px; display: inline-block; width: 1px; height: 1px; background-color: #777; vertical-align: middle; content: ''; }
.box_popup_container.boxlocation .box_infogroup .txtgroup ul > li > span { color: #151515; }
.box_popup_container.boxlocation .box_infogroup .txtgroup ul > li + li { margin-top: 10px; }
.box_popup_container.boxlocation .box_infogroup .imggroup { margin-top: 10px; text-align: center; }
.box_popup_container.boxlocation .box_map_tabcontwrap { max-height: 250px; overflow: hidden; overflow-y: auto; }
.box_popup_container.boxlocation .box_map_tabcontwrap .tab_contents { display: none; }
.box_popup_container.boxlocation .box_map_tabcontwrap .tab_contents.active { display: block; }
.box_popup_container.boxlocation .box_map_tabcontwrap .box_map { margin-top: 30px; background-color: #f5f5f5; }
.box_location_subway img { max-width: 100%; }
.box_photoview { position: fixed; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: #111111; text-align: center; -webkit-box-sizing: border-box; box-sizing: border-box; }
.box_photoview img { position: relative; top: 50%; max-width: 100%; height: auto; -webkit-transform: translateY(-50%); transform: translateY(-50%); vertical-align: middle; }
/* header */
.box_header_container { position: fixed; left: 0; top: 0; width: 100%; height: auto; border-bottom: 1px solid #eeeeee; background-color: #fff;z-index: 500;}
.box_header_container .box_qr { position: absolute; left: 0; top: 0; width: 55px; height: 55px; }
.box_header_container .box_logo { width: 113px; height: 55px; margin: auto; }
.box_header_container .box_logo img { max-width: 100%; height: auto; }
.box_header_container .box_nav { position: absolute; right: 0; top: 0; width: 55px; height: 55px; }
/* .box_header_container .nav_list { letter-spacing: -5px; font-size: 0; } */
.box_header_container .nav_list{ letter-spacing: -5px; font-size: 0;width:100%;white-space: nowrap;overflow-x: scroll; }/*0721?섏젙*/
/* .box_header_container .nav_list li { position: relative; display: inline-block; width: 25%; height: 42px; letter-spacing: 0; text-align: center; } */
.box_header_container .nav_list li{background:#fff; position: relative; display: inline-block;width: 120px;padding: 0 15px; height: 42px; letter-spacing: 0; text-align: center; }0721?섏젙
.box_header_container .nav_list li .button_gnb { display: inline-block; height: 42px; line-height: 42px; text-align: center; font-size: 16px; color: #151515;font-family:'NotoKr-Medium' }
.box_header_container .nav_list li .button_gnb.active_on { border-bottom: 2px solid #4f2a7f; font-weight: 700; color: #4f2a7f; }

.box_header_container .nav_list li .button_gnb.gnbinsub.active + .gnb_sublist { display: block; }
.box_header_container .nav_list .gnb_sublist {overflow-y: auto; position: fixed; z-index: 200; left: 0; top: 97px; display: none; width: 100%; height: auto; letter-spacing: -5px; border-top: 1px solid #eee; }/*0727?섏젙*/
.box_header_container .nav_list .gnb_sublist > li {background: #fff;border-right: 1px solid #eeeeee; display: inline-block; width: 50%; height: 41px; -webkit-box-sizing: border-box; box-sizing: border-box; border-bottom: 1px solid #eeeeee; }
.box_header_container .nav_list .gnb_sublist > li:last-child {border-right:none  }
.box_header_container .nav_list .gnb_sublist > li > a { display: inline-block; width: 100%; height: 40px; padding-left: 20px; line-height: 40px; text-align: left; background-color: #fff; color: #4f2a7f; font-weight: 400; font-size: 13px; -webkit-box-sizing: border-box; box-sizing: border-box; }
.box_header_container .nav_list .gnb_sublist > li > a:after { content: ''; display: inline-block; position: absolute; right: 0; top: 52%; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 20px; height: 20px; background: url(../images/common/icon_gnb_arrow01.png) center center no-repeat; background-size: 5px auto; }/*0727?섏젙*/
.box_header_container .box_back, .box_header_container .box_title { vertical-align: middle; }
.box_header_container .box_back { position: absolute; display: block; left: 0; top: 0; width: 53px; height: 55px; }
.box_header_container .box_title { display: block; padding-left: 55px; height: 55px; line-height: 55px; font-size: 17px; color: #111; }
.box_header_container .box_title.type01 { padding-left: 20px; }
.box_header_container .box_title span { color: #e67429; font-weight: 400; }
.box_header_container .button_page_close { position: absolute; right: 0; top: 0; width: 55px; height: 55px; background: url(../images/etc/icon_close.png) center center no-repeat; background-size: 17px auto; }
/*gnb異붽?*/
#gnb {
    width: 100%;
    overflow: auto;
    overflow-y: hidden;
    height: 47px;
    border-bottom: 1px solid #d3d3d3;
    background: #fff;
    z-index: 200;
	
}
#gnb .gnb {
    white-space: nowrap;
}

#gnb .gnb > li {
    display: inline-block;
    padding: 0 10px
}
#gnb .gnb > li > a {
    display: inline-block;
    box-sizing: border-box;
    min-width: 25px;
    height: 47px;
    line-height: 51px;
    border-bottom: 2px solid #fff;
    text-align: center;
    font-size: 16px;
    font-weight: 600;
    color: #0c0c0c;
    letter-spacing: -1px;
	font-family: 'NEXONFootballGothicBA1';
	font-weight: normal;
}
#gnb .gnb > li.on > a {
    color: #4f2a7f;;
    border-color: #4f2a7f;
}
#gnb .gnb > li > div.gnb_sublist{position:absolute;top:102px;left:0}

#gnb .gnbinsub.active + .gnb_sublist { display: block; }
#gnb .gnb_sublist {overflow-y: auto; position: fixed; z-index: 200; left: 0; top: 97px;display: none;width: 100%; height: auto; letter-spacing: -5px; border-top: 1px solid #eee; }/*0727?섏젙*/
/* 2021.08.18 최경수 li가 2개일때 오류 - 50% 유지 */
#gnb .gnb_sublist > ul li {position:relative;background: #fff;border-right: 1px solid #eeeeee; display: inline-block; width: 50%; height: 41px; -webkit-box-sizing: border-box; box-sizing: border-box; border-bottom: 1px solid #eeeeee; }
#gnb .gnb_sublist.type2 > ul li {width: 50% !important;}
#gnb .gnb_sublist > ul li:last-child {border-right:none  }
#gnb .gnb_sublist > ul li > a { display: inline-block;letter-spacing: 0; width: 100%; height: 40px; padding-left: 20px; line-height: 40px; text-align: left; background-color: #fff; color: #4f2a7f; font-weight: 400; font-size: 13px; -webkit-box-sizing: border-box; box-sizing: border-box; }
#gnb .gnb_sublist > ul li > a:after { content: ''; display: inline-block; position: absolute; right: 0; top: 52%;-webkit-transform: translateY(-50%); transform: translateY(-50%); width: 20px; height: 20px; background: url(../images/common/icon_gnb_arrow01.png) center center no-repeat; background-size: 5px auto; }/*0727?섏젙*/
/*怨듭?*/
.box_notice_wrap { position: relative; width: 100%; height: auto; }
.box_notice_wrap .button_link_notice { position: relative; display: block; width: auto; max-width: 100%; height: 49px; padding: 0 15px; border-top: 1px solid #eeeeee; background-color: #f5f5f5; }
.box_notice_wrap .button_link_notice > span { display: block; }
.box_notice_wrap .button_link_notice .notice_tag { position: absolute; left: 15px; top: 51%; width: 50px; height: auto; margin-top: -10px; padding: 5px 0 3px; line-height: 1; background-color: #4f2a7f; font-size: 11px; color: #fff; text-align: center; letter-spacing: 0px; text-transform: uppercase; }
.box_notice_wrap .button_link_notice .notice_tag ~ .link_text { padding-left: 59px; }
.box_notice_wrap .link_text { width: auto; max-width: 100%; height: auto; line-height: 46px; padding-right: 50px; font-size: 13px; color: #777777; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.box_notice_wrap .button_notice_close { position: absolute; right: 0; top: 0; width: 46px; height: 46px; background-image: url(../images/main/icon_button_close16.png); background-repeat: no-repeat; background-position: center center; background-size: 16px; background-color: transparent; border: 0; outline: 0; }
.box_notice_wrap .slidenotice_wrap { width: 100%; height: 46px; overflow: hidden; }
.box_float_wrap { position: fixed; left: 0; bottom: -86%; width: 100%; height: 92%; height: calc(100% - 97px); background-color: #4f2a7f; -webkit-transition-property: bottom; transition-property: bottom; -webkit-transition-delay: 0s; transition-delay: 0s; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; bottom: calc(-100% + 97px); }
.box_float_wrap.box_show { bottom: 0; }
.box_float_wrap .box_float_menu { position: absolute; right: 0; top: -41px; width: 138px; height: 41px; }
.button_floatmenu { width: 138px; height: 41px; padding-right: 12px; background: url(../images/main/bg_floatbox.png) right 0 no-repeat; background-size: 100% auto; font-size: 15px; font-weight: bold; color: #fff; text-align: right; }
.button_floatmenu .menu_text { display: inline-block; line-height: 1; vertical-align: middle; }
.button_floatmenu:after { content: ''; display: inline-block; width: 20px; height: 20px; vertical-align: middle; margin-left: 5px; background-image: url(../images/main/icon_button_arrow120.png); background-repeat: no-repeat; background-position: 0 0; background-size: 20px auto; }
.button_floatmenu.active:after { background-position: 0 -20px; }

/* ?곗륫 硫붾돱 */
/*  .box_nav_container { position: fixed; right: -85%; top: 0; width: 75%; height: 100%; }
 .box_nav_container { -webkit-transition-property: right; transition-property: right; -webkit-transition-delay: 0s; transition-delay: 0s; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; background: url(../images/nav/img_bg_nav.png) right bottom no-repeat #fff; background-size: 100% auto; }
 .box_nav_container:after { content: ''; display: none; position: fixed; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.6); }
 .box_nav_container.nav_open { right: 0; }
 .box_nav_container.nav_open:after { display: block; }
 .box_nav_container.nav_close { right: -85%; }
 .box_nav_container.nav_close:after { display: none; }
 .box_nav_container .box_nav_header { position: absolute; width: 100%; height: 55px; left: 0; top: 0; background-color: #4f2a7f; }
 */


 .box_nav_container{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.6);
    z-index: 1000;
    visibility: hidden;
    opacity: 0;
    transition: .3s;
}
.box_nav_container.nav_open{    
	opacity: 1;
    visibility: inherit;
}
.nav_area{
	position: fixed;  top: 0; width: 75%; height: 100%;
	right: -85%;
    transition: .3s;
    transform: translateX(150%);
	-webkit-transition-property: right; 
	transition-property: right;
	-webkit-transition-delay: 0s; transition-delay: 0s; 
	-webkit-transition-duration: 0.5s; 
	transition-duration: 0.5s; 
	background: url(../images/nav/img_bg_nav.png) right bottom no-repeat #fff;
	background-size: 100% auto; 
}

.box_nav_container.nav_open .nav_area {
    right:0;
	transition: .3s;
	transform: translateX(0);
}
.box_nav_container.nav_close .nav_area{
	right: -85%;
	transition: .9s;
    transform: translateX(150%);
}
.nav_area .box_nav_header { position: absolute; width: 100%; height: 55px; left: 0; top: 0; background-color: #4f2a7f; }

.onclick {
    height: 100%;
    width: 24.4%;
}


.nav_inner_wrap {height: 100%;padding-top:129px; padding-bottom: 30px;-webkit-box-sizing: border-box; box-sizing: border-box;overflow-y: auto; overflow-x: hidden; background: url(../images/nav/menu_bg.png) right bottom no-repeat #fff;background-size: 130px;}
.box_nav_container .nav_utilmenu { position: absolute; right: 10px; top: 10px; }
.nav_utilmenu > a, .nav_utilmenu > button, .nav_utilmenu > div { vertical-align: top; }
.box_change_lang { position: relative; display: inline-block; width: 68px; height: 32px; border: 1px solid #fff; }
.box_change_lang.active { height: 64px; border: 1px solid #ccc; }
.box_change_lang.active .button_lang { display: inline-block; }
.box_change_lang.active .button_lang.active { background-color: #eeeeee; }
.box_change_lang .button_lang { position: absolute; left: 0; top: 32px; display: none; width: 68px; height: 32px; padding-left: 30px; font-size: 13px; color: #333333; font-weight: 400; background-repeat: no-repeat; background-position: 6px center; background-size: 20px auto; text-align: left; }
.box_change_lang .button_lang.type_ko { background-image: url(../images/nav/icon_nav_langflag_ko.png); }
.box_change_lang .button_lang.type_en { background-image: url(../images/nav/icon_nav_langflag_en.png); }
.box_change_lang .button_lang.active { display: block; top: 0; }
.box_change_lang .button_lang.active:after { display: block; content: ''; display: inline-block; position: absolute; right: 10px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 6px; height: 3px; background: url(../images/nav/icon_nav_langarrow.png) center center no-repeat; background-size: 100% auto; }
.nav_profilebox {padding: 10px 0 20px;;background: #4f2a7f; }
.nav_profilebox > p { font-size: 16px; color: #fff; font-weight: bold; text-align: center; }
.nav_profilebox .box_profile { letter-spacing: -5px;padding: 20px 20px 0;}
.nav_profilebox .box_profile > a > span { display: inline-block; letter-spacing: 0; vertical-align: middle; }
.nav_profilebox .box_profile > a > span.imgbox { width: 44px; height: 44px; overflow: hidden; border-radius: 44px; margin-right: 10px;border: 1px solid #fff;background:url(../images/common/img_profile_default.png);background-size:100% }
.nav_profilebox .box_profile > a > span.imgbox img { max-width: 100%; height: auto; }
.nav_profilebox .box_profile > a > span.txtbox { font-size: 16px; color: #fff; font-weight: 400; }
.nav_profilebox .box_profile > a > span.txtbox em { color: #fff }
.nav_profilebox .box_buttons {padding: 10px 20px 0; text-align: right;}
.button_home {display: inline-block;width: 32px;height: 32px;background: url(../images/nav/nav_home.png) center center no-repeat;background-size: 21px auto;position: relative; top: 10px;left: 20px}
.button_total_search { display: inline-block; width: 32px; height: 32px; background: url(../images/nav/nav_search.png) center center no-repeat; background-size: 21px auto; }
.button_setting { display: inline-block; width: 32px; height: 32px; background: url(../images/nav/nav_setting.png) center center no-repeat; background-size: 21px auto; }
.button_nav_login, .button_nav_mypage { padding-right: 11px; font-size: 14px; color: #fff; font-weight: 400; background: url(../images/nav/nav_arrow.png) right center no-repeat; background-size: 5px auto; }
.box_nav_group { margin-top:25px; padding-bottom:20px; border-bottom: 1px solid #eee; }
.list_nav { padding:0 30px; }
.list_nav > li + li { margin-top: 15px; }
.list_nav_sub { padding-left: 30px; }
.list_nav_sub > li { padding-top: 13px; }
.list_nav_sub > li a { font-size: 14px; color: #151515; font-weight: 400; }
.etc_list_menu { margin-top: 15px;padding: 0 30px; }
.etc_list_menu > li { margin-top: 13px; }
.etc_list_menu > li:first-child { margin-top: 0; }
.etc_list_menu > li .button_etcmenu { padding-left: 10px; }
.button_menu { display: inline-block; height: 30px; line-height: 30px; padding-left: 30px; font-size:18px; font-weight:bold; color: #151515; background-repeat: no-repeat; background-position: left center; background-size: 20px auto; }
.button_menu.type01 { background-image: url(../images/nav/icon_nav01.png); }
.button_menu.type02 { background-image: url(../images/nav/icon_nav02.png); }
.button_menu.type03 { background-image: url(../images/nav/icon_nav03.png); }
.button_menu.type04 { background-image: url(../images/nav/icon_nav04.png); }
.button_menu.type05 { background-image: url(../images/nav/icon_nav05.png);}
.button_menu.new:after { content: ''; position: relative; top: 7px; left: 3px; display: inline-block; width: 3px; height: 3px; background: url(../images/nav/icon_newdot.png) 0 0 no-repeat; background-size: 3px; vertical-align: top; }
.button_etcmenu {font-family: 'NotoKr-Medium'; display: inline-block; height: auto; font-size: 14px; color: #151515; font-weight: 400; }
.button_etcmenu.new:after { content: ''; position: relative; top: 3px; left: 5px; display: inline-block; width: 3px; height: 3px; background: url(../images/nav/icon_newdot.png) 0 0 no-repeat; background-size: 3px; vertical-align: top; }
.button_sovacshow { display: inline-block; height: auto; line-height: 1; padding: 7px 20px 7px 10px; color: #ffffff; font-weight: 400; font-size: 13px; background: url(../images/nav/icon_button_arrow01.png) 95% center no-repeat #4f2a7f; background-size: 5px auto;width: 92px; }
.hidden_scroll { overflow: hidden !important; }
.button_top_qr { width: 55px; height: 55px; background-color: transparent; background-image: url(../images/common/icon_button_topqr.png); background-repeat: no-repeat; background-position: 15px 20px; background-size: 21px auto; border: 0; outline: 0; }
.button_alarm { position: relative; width: 55px; height: 55px; background-color: transparent; background-image: url(../images/common/icon_alarm00.png); background-repeat: no-repeat; background-position: 15px 20px; background-size: 21px auto; border: 0; outline: 0; }
.button_alarm .text_alarm { display: inline-block; position: absolute; right: 10px; top: 15px; width: 18px; height: 18px; background-color: #f06f1a; border-radius: 20px; font-size: 9px; color: #fff; font-weight: 400; line-height: 18px; text-align: center; }
.button_nav, .button_nav2 { width: 32px; height: 32px; background-color: transparent; color: #fff; font-size: 14px; border: 0; outline: 0; background-repeat: no-repeat; background-position: center center; background-size: 20px auto; }
.button_nav { background-image: url(../images/common/icon_button_topmenu.png);width: 55px;height: 55px }
.button_nav2 { background-image: url(../images/nav/nav_close.png); }
.button_page_back { width: 53px; height: 55px; background: url(../images/common/icon_button_topback.png) center center no-repeat; background-size: 20px auto; }
.button_large_type01 { width: 100%; height: 45px; border: 1px solid #4f2a7f; color: #4f2a7f; font-size: 15px; }
.button_large_type02 { height: 45px; border: 1px solid #bbbbbb; color: #777; font-size: 15px; background-color: #fff; }
.button_large_type03 { height: 45px; border: 1px solid #4f2a7f; color: #fff; font-size: 15px; background-color: #4f2a7f; }
input[type="radio"] { position: absolute; left: 0; top: 0; visibility: hidden; }
input[type="radio"] + .button_radiotype01, input[type="radio"] + .button_radiotype02, input[type="radio"]:checked + .button_radiotype02 { display: inline-block; height: 40px; border: 1px solid #dddddd; font-size: 14px; color: #777777; text-align: center; line-height: 40px; -webkit-box-sizing: border-box; box-sizing: border-box; }
input[type="radio"]:checked + .button_radiotype01, input[type="radio"]:checked + .button_radiotype02 { color: #4f2a7f; border: 1px solid #4f2a7f; }
input[type="radio"]:checked + .button_radiotype01:before, input[type="radio"]:checked + .button_radiotype02:before { content: ''; display: inline-block; width: 14px; height: 40px; margin-right: 3px; background: url(../images/common/icon_button_checkp.png) center center no-repeat; background-size: 100% auto; vertical-align: top; }
input[type="radio"]:checked + .button_radiotype01.select_etc ~ input, input[type="radio"]:checked + .select_etc.button_radiotype02 ~ input { display: block; margin-top: 8px; }
input[type="radio"]:checked + .button_radiotype02.select_etc ~ input { display: block; margin-top: 8px; }
input[type="radio"] + .button_radiotype03 { display: inline-block; height: 26px; padding-left: 36px; line-height: 26px; font-size: 14px; color: #151515; font-weight: 400; background-image: url(../images/common/icon_button_radio01.png); background-repeat: no-repeat; background-position: 0 0; background-size: 26px auto; -webkit-box-sizing: border-box; box-sizing: border-box; }
input[type="radio"]:checked + .button_radiotype03 { background-position: 0 -26px; }
input[type="radio"] + .button_radiotype04 { display: inline-block; height: 20px; padding-left: 30px; line-height: 20px; font-size: 14px; color: #151515; font-weight: 400; background-image: url(../images/common/icon_button_radio03.png); background-repeat: no-repeat; background-position: 0 0; background-size: 20px auto; -webkit-box-sizing: border-box; box-sizing: border-box; }
input[type="radio"]:checked + .button_radiotype04 { background-position: 0 -20px; }
input[type="radio"][disabled] + .button_radiotype04 { background-position: 0 -40px; }
input[type="radio"][disabled]:checked + .button_radiotype04 { background-position: 0 -40px; }
input[type="radio"] + .button_radiotype05 { display: inline-block; height: auto; padding: 5px 10px; line-height: 1; border: 1px solid #ddd; border-radius: 24px; font-size: 13px; color: #888; }
input[type="radio"]:checked + .button_radiotype05 { border: 1px solid #4f2a7f; color: #4f2a7f; }
input[type="checkbox"] {display:none;position: absolute; left: 0; top: 0; width: 1px; height: 1px; border: 0; background-color: transparent; visibility: hidden; }
input[type="checkbox"] + .button_checktype01, input[type="checkbox"] + .button_checktype02, input[type="checkbox"]:checked + .button_checktype02 { display: inline-block; height: 40px; border: 1px solid #dddddd; font-size: 14px; color: #777777; text-align: center; line-height: 38px; -webkit-box-sizing: border-box; box-sizing: border-box; letter-spacing: -1px; }
input[type="checkbox"]:checked + .button_checktype01, input[type="checkbox"]:checked + .button_checktype02 { color: #4f2a7f; border: 1px solid #4f2a7f; }
input[type="checkbox"]:checked + .button_checktype01:before, input[type="checkbox"]:checked + .button_checktype02:before { content: ''; display: inline-block; width: 14px; height: 40px; margin-right: 3px; background: url(../images/common/icon_button_checkp.png) center 14px no-repeat; background-size: 100% auto; vertical-align: top; }
input[type="checkbox"]:checked + .button_checktype01.select_etc ~ input, input[type="checkbox"]:checked + .select_etc.button_checktype02 ~ input { display: block; margin-top: 8px; }
input[type="checkbox"]:checked + .button_checktype02.select_etc ~ input { display: block; margin-top: 8px; }
input[type="checkbox"] + .button_checktype03 { position: relative; display: inline-block; height: 21px; line-height: 23px; padding-left: 30px; font-size: 14px; color: #777777; font-weight: 400; letter-spacing: -1px; }
input[type="checkbox"] + .button_checktype03.inline {display: inline;}
input[type="checkbox"] + .button_checktype03.type01 { height: auto; padding-left: 35px; }
input[type="checkbox"] + .button_checktype03.type01:before { background-image: url(../images/common/icon_button_check2.png); background-position: 0 0; background-repeat: no-repeat; background-size: 23px auto; }
input[type="checkbox"] + .button_checktype03.type02 { font-size: 17px; font-weight: 700; color: #333333; line-height: 1.3; }
input[type="checkbox"] + .button_checktype03.type02 span { color: #f06f1a; font-weight: 400; }
input[type="checkbox"] + .button_checktype03:before { content: ''; position: absolute; left: 0; top: 50%; display: inline-block; width: 23px; height: 23px; margin-top: -11.5px; background-image: url(../images/common/icon_button_check.png); background-position: 0 0.4px; background-repeat: no-repeat; background-size: 23px auto; }
input[type="checkbox"] + .button_checktype03 > a { border-bottom: 1px solid #8a8a8a; color: #151515; }
input[type="checkbox"]:checked + .button_checktype03:before { background-position: 0 -23px; }
input[type="checkbox"][disabled] + .button_checktype03:before { background-image: url(../images/common/icon_button_check2.png); background-position: 0 -47px; background-repeat: no-repeat; background-size: 23px auto; }
input[type="checkbox"] + .button_checktype04 { height: 20px; padding-right: 30px; font-size: 14px; color: #333333; background-image: url(../images/common/icon_button_radio02.png); background-repeat: no-repeat; background-position: right 0; background-size: 24px 40px; }
input[type="checkbox"]:checked + .button_checktype04 { background-position: right -20px; }
input[type="checkbox"] + .button_checktype05 { display: inline-block; height: auto; padding: 5px 10px; line-height: 1; font-size: 14px; color: #333333; border: 1px solid #333; border-radius: 14px; }
input[type="checkbox"]:checked + .button_checktype05 { color: #fff; background-color: #333; }
input[type="checkbox"] + .button_checktype06 { height: 22px; font-size: 14px; color: #151515; background-image: url(../images/common/icon_button_radio04.png); background-repeat: no-repeat; background-position: right 0; background-size: 40px 44px; }
input[type="checkbox"]:checked + .button_checktype06 { background-position: right -22px; }
input[type="checkbox"] + .button_checktype07 { display: inline-block; height: auto; padding: 5px 10px; line-height: 1; border: 1px solid #ddd; border-radius: 24px; font-size: 13px; color: #888; }
input[type="checkbox"]:checked + .button_checktype07 { border: 1px solid #4f2a7f; color: #4f2a7f; }
.button_icon_filter { height: 16px; line-height: 16px; font-size: 15px; color: #151515; padding-left: 20px; background-image: url(../images/common/icon_button_filter.png); background-repeat: no-repeat; background-position: 0 0px; background-size: 16px 32px; }
.button_icon_filter.active { background-position: 0 -16px; color: #4f2a7f; }
.button_filter_category { height: 28px; padding: 0 12px; border: 1px solid #ddd; border-radius: 14px; font-size: 14px; color: #888; }
.button_filter_category.checked { border: 1px solid #4f2a7f; color: #4f2a7f; }
.button_midium_type01, .button_midium_type02 { width: 60px; height: 36px; background-color: #aaaaaa; color: #fff; font-size: 14px; }
.button_midium_type01[disabled], .button_midium_type02[disabled] { background-color: #f1f1f1; }
.button_icon_search { width: 40px; height: 40px; background: url(../images/common/icon_button_search.png) 0 0 no-repeat; background-size: 100% auto; }
.button_toggle_info { position: relative; width: 100%; height: auto; padding: 15px 45px 15px 15px; }
.button_toggle_info .desc_txt { text-align: left; display: block; width: 100%; height: auto; }
.button_toggle_info:after { content: ''; position: absolute; right: 10px; top: 50%; display: block; width: 20px; height: 20px; margin-top: -10px; background-image: url(../images/common/icon_button_togglearrow.png); background-repeat: no-repeat; background-position: 0 0; background-size: 20px 40px; }
.button_toggle_info.active:after { background-position: 0 -20px; }
.button_type_w01, .button_type_w02, .button_type_w03{ width: 100%; height: 45px; border: 1px solid #4f2a7f; color: #fff; font-size: 15px; background-color: #4f2a7f;margin-top: 5px; }
.button_type_w01[disabled], .button_type_w02[disabled], .button_type_w03[disabled] { background-color: #3f2266; opacity: 0.5; -webkit-filter: opacity(0.5); filter: opacity(0.5); }
.button_type_w02 { background-color: #fff; color: #4f2a7f; }
.button_type_w02[disabled] { border: 1px solid rgba(79, 42, 117, 0.5); background-color: #fff; }
.button_type_w02.w05{margin-top:10px}
.button_type_w03 { border: 1px solid #ddd; color: #777; background-color: #fff; }
.button_type_w03[disabled] { border: #fff; background-color: #fff; }
.button_type_w04 { width: 100%; height: 45px; border: 1px solid #4f2a7f; color: #fff; font-size: 15px; background-color: #4f2a7f; }
.button_type_w04[disabled] { background-color: #f4f4f4; border: 1px solid #f4f4f4; color: #cacaca; }
.button_type_m01 { width: 120px; height: 36px; font-size: 14px; color: #fff; border: 1px solid #4f2a7f; background-color: #4f2a7f; color: #fff; }
.button_list_moreshow { font-size: 14px; color: #777; }
.button_list_moreshow:after { content: ''; display: inline-block; width: 10px; height: 6px; margin-left: 5px; background-image: url(../images/common/icon_button_moreshowarrow.png); background-repeat: no-repeat; background-position: 0 center; background-size: 10px auto; vertical-align: middle; }
.button_list_moreshow .emtxt01 { color: #151515; font-weight: bold; }
.button_type_s01, .button_type_s02, .button_type_s03, .button_type_s04 { height: 36px; font-size: 14px; color: #ffffff; font-weight: 400; background-color: #aaaaaa; }
.button_type_s02 { background-color: #888888; }
.button_type_s03 { background-color: #4f2a7f; }
.button_type_s04 { background-color: #3f2266; }
.button_alink { font-size: 14px; color: #777777; border-bottom: 1px solid #a3a3a3; }
.box_flex_buttons { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; }
.box_flex_buttons > button { width: 49%; }
.box_flex_buttons > button + button { margin-left: 2%; }
.flex_field { position: relative; padding-right: 90px; }
.flex_field .text_time { display: inline-block; position: absolute; right: 90px; height: 40px; line-height: 40px; padding-right: 10px; color: #e67429; font-size: 11px; }
.flex_field .text_time02 { display: inline-block; position: absolute; right: 10px; height: 40px; line-height: 40px; padding-right: 10px; color: #e67429; font-size: 11px; }
.flex_field .button_in_form01 { position: absolute; right: 0; width: 90px; height: 40px; font-size: 14px; color: #777777; letter-spacing: -1px; border: 1px solid #bbb; }
.flex_field.nopd { padding-right: 0; }
.flex_field.type02 { padding-right: 57px; }
.flex_field.type02 .button_in_form01 { width: 57px; }
.button_notice { display: block; width: auto; max-width: 100%; height: auto; padding: 20px 15px; letter-spacing: -1px; }
.button_notice > span { display: block; }
.button_notice .txttit { font-size: 17px; color: #151515; font-weight: 400; line-height: 23px; }
.button_notice .txtdate { margin-top: 10px; font-size: 14px; color: #777777; font-weight: 200; }
/* tab menu style */
.button_tabmenu01, .button_tabmenu02 { display: inline-block; width: 100%; height: 37px; border-bottom: 3px solid #eeeeee; border-left: 0; border-top: 0; border-right: 0; font-size: 16px; color: #888; font-weight: bold; text-align: center; }
.button_tabmenu01.active, .active.button_tabmenu02 { border-bottom: 3px solid #4f2a7f; color: #4f2a7f; }
.button_tabmenu01 span, .button_tabmenu02 span { font-weight: 200; }
.button_tabmenu02 { height: auto; padding-bottom: 10px; padding-top: 5px; font-weight: 200; letter-spacing: -1px; }
.button_tabmenu01.typesv > span, .typesv.button_tabmenu02 > span { font-weight: 200; }
.button_floatfix01 { position: fixed; right: 15px; bottom: 100px; width: 66px; height: 66px; background: url(../images/common/icon_button_fix01.png) 0 0 no-repeat; background-size: 100% auto; }
.button_floatfix02 { position: fixed; right: 15px; bottom: 100px; width: 66px; height: 66px; background: url(../images/common/icon_button_fix02.png) 0 0 no-repeat; background-size: 100% auto; }
.button_formshow { width: 100%; height: 40px; padding: 0 10px; border: 1px solid #dddddd; font-size: 14px; text-align: left; color: #151515; text-align: center; background-color: #fff; }
.button_reply_reg { width: 54px; height: 27px; color: #fff; font-size: 14px; text-align: center; background-color: #bbbbbb; }
.button_icon_l { height: 20px; padding-left: 25px; background: url(../images/common/icon_reply01.png); background-repeat: no-repeat; background-position: 0 0; background-size: 20px auto; vertical-align: middle; color: #999999; }
.button_icon_l[disabled] { background-position: 0 -40px; }
.button_icon_l:active { background-position: 0 -20px; }
.button_icon_l.active { background-position: 0 -20px; }
.button_icon_f { width: 20px; height: 20px; background: url(../images/common/icon_reply02.png); background-repeat: no-repeat; background-position: 0 0; background-size: 20px auto; vertical-align: middle; }
.button_icon_f[disabled] { background-position: 0 -40px; }
.button_icon_f:active { background-position: 0 -20px; }
.button_icon_f.active { background-position: 0 -20px; }
.button_icon_s { width: 20px; height: 20px; background: url(../images/common/icon_reply03.png); background-repeat: no-repeat; background-position: 0 0; background-size: 20px auto; vertical-align: middle; }
.button_icon_s[disabled] { background-position: 0 -40px; }
.button_icon_s:active { background-position: 0 -20px; }
.button_icon_s.active { background-position: 0 -20px; }
.button_popup_close { width: 18px; height: 18px; background: url(../images/common/icon_button_popupclose.png) 0 0 no-repeat; background-size: 100% auto; }
.button_popup_w01, .button_popup_w02, .button_popup_w03, .button_popup_w04 { width: 158px; height: 36px; color: #fff; font-weight: 400; background-color: #4f2a7f; border: 0; }
.button_popup_w02, .button_popup_w03, .button_popup_w04 { width: 49%; }
.button_popup_w02 + button, .button_popup_w03 + button, .button_popup_w04 + button { margin-left: 2%; }
.button_popup_w03 { border: 1px solid #ddd; color: #777; background-color: #fff; }
.button_popup_w04 { background-color: #aaaaaa; color: #fff; }
.downfile { font-size: 14px; font-weight: 400; color: #777777; padding-right: 25px; background: url(../images/common/icon_button_filedownload.png) right center no-repeat; background-size: 18px auto; }
.button_session_info { display: inline-block; padding: 0 7px; height: 25px; line-height: 25px; font-size: 13px; color: #ffffff; font-weight: 400; text-align: left; background-color: #4f2a7f; }
.button_session_info.adv { position: absolute;right: 0;top: -2px;}
.button_session_info:after { content: ''; display: inline-block; margin-left: 5px; position: relative; top: -2px; width: 7px; height: 10px; background: url(../images/common/icon_button_arrow01.png) center center no-repeat; vertical-align: middle; background-size: 5px auto; }
.button_changepassword { width: 100%; height: 40px; background-color: #aaaaaa; color: #fff; font-size: 14px; }
.button_confirmnumber { width: 100%; height: 40px; border: 1px solid #bbb; background-color: #fff; font-size: 13px; color: #777777; }

.pop_contbox p{text-align:center}
p.btn_c {
    position: relative;
    top: 20px;
}
p.btn_c a {
    width: 39%;
    display: inline-block;
    box-sizing: border-box;
    padding: 19px 0;
    background: url(../images/login/googleplay.jpg)no-repeat;
    background-size: 100%;
    font-size: 0;
    margin: 0 4%;
}
p.btn_c a.appstore{
	background: url(../images/login/appstore.jpg)no-repeat;
    background-size: 100%;
}
/*
@media (max-width:320px){
.button_session_info.adv { position: relative;right: 0; top: 7px;}
}*//*21.05.25*/
/*0820異붽?*/
button.button_type_w01.w05 {background: #aaa;border: 1px solid #aaa}
.button_type_w02.btn_121{width:121px}
.box_buttons div {
    position: relative;
}
.box_buttons div p{padding-right: 125px;}
.box_buttons div > button{position:absolute;top:0;right:0}

.list_apply_table th{font-size:13px;font-weight:bold;text-align:center;border-top:1px solid #151515;border-bottom:1px solid #ddd;padding:10px 0}
.list_apply_table td.fixed_number{font-size:13px;text-align:center}
.list_apply_table .colsize03{width:7%} 
.list_apply_table .colsize04{width:auto} 
.list_apply_table .colsize05{width:10%} 
.list_apply_table .colsize06{width:30%} 
.pagination {margin: 20px 0;text-align: center;font-size: 14px;}
p.pagination a {margin: 0 10px;}
p.pagination a.on {font-weight:bold;border-bottom:2px solid #000}
p.pagination a img {position: relative;top: 2px;}
.box_buttons p{overflow:hidden}
.box_buttons p button {float: left;}
.box_buttons p.half button {width: 48%;margin: 1%}

/*0413*/
.box_rdset.box_nic{
    margin: 15px 0;
    border-top: 1px solid #eee;
    padding-top: 10px;
}

input[type="radio"] + .button_radiotype03.br03-2 {
    height: 20.7px;
    background-size: 21px auto;
	padding-left: 27px;margin-right: 10px;
	line-height: 1.4;width:auto
}/*21.05.24*/
input[type="radio"]:checked + .button_radiotype03.br03-2 { background-position: 0 -19px; height: 21px;background-size: 20px auto;}
.btn_h{overflow:hidden;margin:10px 0}
.btn_h p{text-align:center;float:left;width:48%}
.btn_h a{display:block;text-align:center;font-size:15px;padding: 9px 0;font-size:13px }/*21.05.25*/
.btn_h a.btn_gray.return_btn {display: inline-block;float: left;text-align: center; background: url(../images/common/return.png)no-repeat center left 13px;background-size: 15px;padding: 9px 0 9px 14px;box-sizing: border-box;}
.btn_h a.btn_gray{float:right;border:1px solid #ddd;color:#777;width:48%;}
.orange_txt {color: #f06f1a;font-size: 13px;text-indent: -15px;padding-left: 15px;line-height: 1.5;}
.return_inp input{ padding: 0 10px; background:#f4f4f4; background-size:15px;}/*21.05.25*/
.pop_ct.pop_att_event.nic_pop{top:35%}
.pop_ct.pop_att_event.nic_pop h3 {border: 0;padding: 19px 20px 11px;}
.b-button.nic_button{margin:10px 20px 0;padding-bottom:20px;overflow:hidden}
.b-button.nic_button button{width:48%;height: 40px;line-height: 0.7;font-weight: normal;box-sizing:border-box}
.b-button.nic_button button.btn_again{background:#4F2A7F;color:#fff;border:1px solid #4F2A7F}
.b-button.nic_button button.btn_cancle{border:1px solid #777;color:#777;float:right;}

@media screen and (max-width: 360px){
	.btn_h a.btn_gray.return_btn {padding:9px 0 9px 18px;background:url(../images/common/return.png)no-repeat center left 9px;background-size: 15px;}
}
@media screen and (max-width: 320px){
	.btn_h a.btn_gray.return_btn{background: none; padding: 9px 0}
}

/* 2021.02.25 최경수 말줄임 */
.txt_ellipsis {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

/* 2022.01.07 gnb scrollbar hide*/
#gnb {
   -ms-overflow-style: none; /* IE and Edge */
   scrollbar-width: none; /* Firefox */
}
#gnb::-webkit-scrollbar {
    display: none; /* Chrome, Safari, Opera*/
}