.sub_visual_wrap { width:100%; max-width:1920px; height:320px; margin:171px auto 0; position:relative; background-color:#ddd; }
.sub_visual_wrap .page_tit { font-family: 'GmarketSans'; font-size:60px; font-weight:bold; color:#fff; text-align:center; padding-top:120px; }
/* .sub_visual_wrap.bg_sub01 { background:url("../img/bg/bg_sub01.jpg") center no-repeat; }
.sub_visual_wrap.bg_sub02 { background:url("../img/bg/bg_sub02.jpg") center no-repeat; }
.sub_visual_wrap.bg_sub03 { background:url("../img/bg/bg_sub03.jpg") center no-repeat; }
.sub_visual_wrap.bg_sub04 { background:url("../img/bg/bg_sub04.jpg") center no-repeat; }
.sub_visual_wrap.bg_sub05 { background:url("../img/bg/bg_sub05.jpg") center no-repeat; }
.sub_visual_wrap.bg_sub06 { background:url("../img/bg/bg_sub06.png") no-repeat center / cover; } */

.sub_visual_wrap.bg_sub01 { background:url("../img/bg/bg_sub_01.jpg") center no-repeat; }
.sub_visual_wrap.bg_sub02 { background:url("../img/bg/bg_sub_02.jpg") center no-repeat; }
.sub_visual_wrap.bg_sub03 { background:url("../img/bg/bg_sub_03.jpg") center no-repeat; }
.sub_visual_wrap.bg_sub04 { background:url("../img/bg/bg_sub_04.jpg") center no-repeat; }
.sub_visual_wrap.bg_sub05 { background:url("../img/bg/bg_sub_05.jpg") center no-repeat; }
.sub_visual_wrap.bg_sub06 { background:url("../img/bg/bg_sub_06.png") no-repeat center / cover; }

.sub_wrap { width:100%; max-width:1920px; margin:0 auto; padding-bottom:100px; }
.inner_wrap { width:100%; max-width:1320px; padding-right: 60px; padding-left: 60px; margin:0 auto; padding-bottom:100px; }

.nav_wrap { width:calc(100% - 120px); max-width:1200px; margin:0 auto; margin-top:-30px; margin-bottom:60px; position: relative; background-color:#fff; padding:19px 22px; border-radius:10px; box-shadow: 2px 2px 5px #ddd; }
.nav_wrap > ul { display:flex; align-items: center; }
.nav_wrap > ul > li { position:relative; padding-left:20px; margin-left:19px; }
.nav_wrap > ul > li:first-child { padding-left:0; margin-left:0; }
.nav_wrap > ul > li:first-child::before { display:none; }
.nav_wrap > ul > li::before { content:""; width:1px; height:10px; background-color:#d9d9d9; position:absolute; left:0; top:5px; }
.nav_wrap > ul > li .select_depth { display:none; position:absolute; top:25px; left:10px; background-color:#d9d9d9; padding:10px 15px; width:100%; border-radius:5px; z-index:10; }
.nav_wrap > ul > li .select_depth a { display:block; padding:5px 0; }
.nav_wrap > ul > li button { min-width:140px; text-align:left; font-size:16px; position:relative; color:#666; padding-right:50px; }
.nav_wrap > ul > li button::before { content:""; width:11px; height:5px; position:absolute; right:10px; top:8px; background:url("../img/icon/icon_nav_arrow.png") center no-repeat; }
.nav_wrap > ul > li button.on::before { transform:rotate(180deg); }
.nav_wrap > ul > li:last-child button { font-weight:bold; color:#444; }

.sub_con_tit { font-size:40px; font-weight:bold; color:#222; text-align:center; }
.sub_con_tit2 { font-size: 29px; font-weight: bold; color:#222; margin-bottom: 25px; }
.sub_con_tit + .pic_banner_tit { margin-top:60px; }

.list_type1 { text-align: left; }
.list_type1 li { position: relative; font-size: 18px; padding-left: 15px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.44; letter-spacing: -0.36px; text-align: left; color: #444; }
.list_type1 > li::after { width: 4px; position: absolute; height: 4px; background: #444; content: ""; display: block; border-radius: 50%; left: 5px; top: 10px; }

.table_wrap { margin-top: 60px; }
.table_wrap .tb01 { border-top: 2px solid #333; }

.gray_list_wrap { width: 100%; margin-bottom: 60px; margin-top: 28px; }
.gray_list { display: flex; justify-content: center; gap: 60px; background: #f8f8f8; padding-top: 38px; padding-bottom: 38px; }
.gray_list li { position: relative; }
.gray_list li::after { width: 1px; height: 13px; background: #e5e5e5; content: ""; display: block; position: absolute; right: -30px; top: 50%; transform: translateY(-50%); }
.gray_list li dl { display: flex; gap: 20px; align-items: center; }
.gray_list li dl dt { font-size: 17px; color: #555; }
.gray_list li dl dd { color: #333; font-size: 20px; font-weight: bold; position: relative; }


.result_txt_wrap { position: absolute; left: 50%; display: flex; gap: 5px; top: 50%; transform: translateX(-50%); font-weight: 600; }
.win .result_txt_wrap { color: var(--mainColor1); }
.match_tournament .tournament_wrap div.center_line > div:nth-child(2n) .result_txt_wrap { top: 20px; transform: translateX(-50%) translateY(-50%); }
.match_tournament .tournament_wrap div.center_line > div:nth-child(2n-1) .result_txt_wrap { bottom: 20px; top: auto; transform: translateX(-50%) translateY(50%); }
.match_tournament .tournament_wrap div.center_line:first-of-type > div:nth-child(2n-1) .result_txt_wrap { bottom: 34px; }
.match_tournament .tournament_wrap div.center_line:last-of-type > div:nth-child(2n-1) .result_txt_wrap { bottom: 34px; }
.match_tournament .tournament_wrap div.center_line:first-of-type > div:nth-child(2n) .result_txt_wrap { bottom: auto; top: 34px; }
.match_tournament .tournament_wrap div.center_line:last-of-type > div:nth-child(2n) .result_txt_wrap { bottom: auto; top: 34px; }
.win .result_txt_wrap .score { color: var(--mainColor1); }
.result_txt_wrap.score { color: var(--mainColor1); }

.board_wrap { margin-top: 20px; }
.board_wrap .bottom_btn_wrap { justify-content: flex-end; margin-top: 20px; }
.board_list { display: flex; flex-direction: column; border-top: 2px solid #116ecd; }
.board_list > * { flex-shrink: 0; }
.board_list .num { width: 5%; min-width: 84px; flex-shrink: 0 !important; }
.board_list .si { width: 8%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.board_list .event { width: 10%; }
.board_list .person_type { width: 8%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.board_list .gender { width: 5%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.board_list .subject { width: 55%; overflow: hidden; }
.board_list .subject a { display: inline-block; max-width: 100%; width: fit-content; }
.board_list .file { width: 5%; }
.board_list .name { width: 11%; }
.board_list .date { width: 14%; word-break: break-all; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.board_list .view { width: 9%; }
.board_list .info1 { width: 20%; overflow: hidden; }
.board_list .etc { width: 50%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.board_list .list_head { display: flex; text-align: center; background-color: #f8f8f8; border-bottom: 1px solid #bbbec3; font-size: 18px; }
.board_list .list_head div { padding: 16px 10px; font-size: 18px; font-weight: 600; color: #333; }
.board_list .list_item li { display: flex; border-bottom: 1px solid #eaeaea; align-items: center; }
.board_list .list_item li div { flex-shrink: 1; flex-grow: 0; padding: 16px 10px; text-align: center; font-size: 18px; color: #444; }
.board_list .list_item li .subject { text-align: left; display: flex; gap: 5px; }
.board_list .list_item li .subject a:hover { text-decoration: underline; }
@media (hover: hover){
 .board_list.list_hover .list_item li:hover { background:#f4faff; }
}


.match_wrap { margin-top: 40px; }
.match_wrap .tab_match_type_wrap { display: flex; max-width: 840px; width: 100%; }
.match_wrap .tab_match_type_wrap div { margin-right: -1px; max-width: 120px; font-size: 17px; font-weight: 500; color: #333; flex: 1 1 auto; text-align: center; }
.match_wrap .tab_match_type_wrap div a { padding-top: 12px; padding-bottom: 12px; display: inline-block; width: 100%; border: solid 1px #ccc; }
.match_wrap .tab_match_type_wrap div a.active { background: var(--mainColor1); color: white; border-color: var(--mainColor1); }
.match_wrap .tab_match_type_wrap div a.active:focus-visible { outline-color: black; }

.tab_match_con_wrap .left_wrap { flex-shrink: 0; width:170px; }
.tab_match_con_wrap .right_wrap { flex-shrink: 0; width:170px; }
.tab_match_con { display: flex; justify-content: space-between; padding: 40px 32px; border: solid 1px #ccc; margin-top: -1px; gap: 10px; }
.tab_match_con ul { display: flex; gap:0 15px; flex-direction: column; justify-content: space-between; }
.tab_match_con ul > li { display: flex; min-height:46px; align-items: center; justify-content: flex-start; gap: 20px; max-width: 176px; }
.tab_match_con ul > li:nth-child(2n) { border-bottom: 1px solid #e5e5e5; }
.tab_match_con ul > li:nth-child(2n):last-child { border-bottom: none; }
.tab_match_con ul li .team { font-size: 16px; font-weight: 600; color: #444; }
.tab_match_con ul li .name { font-size: 15px; color: #444; max-width: 94px; white-space: normal; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.tab_match_con ul li .result { font-size: 16px; font-weight: 600; }
.tab_match_con ul li .result.win { color: var(--mainColor1); }

.match_1on1 .tournament_wrap { position: relative; display:flex; align-items: stretch; width:100%; }
.match_1on1 .tournament_wrap:before { content: ""; position: absolute; top: 50%; left: 0; transform: translateY( -50% ); width: 100%; height: 1px; background: #777; }
.match_1on1 .tournament_wrap:after { content: ""; position: absolute; top: 50%; left: 0; transform: translateY( -50% ); width: 50%; height: 1px; background: #116ecd; }
.match_1on1 .tournament_wrap.win_right:after { content: ""; position: absolute; top: 50%; left: 50%; transform: translateY( -50% ); width: 50%; height: 1px; background: #116ecd; }
.match_1on1 .tournament_wrap.win_all:after { content: ""; position: absolute; top: 50%; left: 0%; transform: translateY( -50% ); width: 100%; height: 1px; background: #116ecd; }
.match_1on1 .tournament_wrap.lose_all:after { content: ""; position: absolute; top: 50%; left: 0%; transform: translateY( -50% ); width: 0%; height: 1px; background: #116ecd; }

.match_tournament .tournament_wrap { position: relative; display:flex; align-items: stretch; width:100%; }
.match_tournament .tournament_wrap div { align-items: stretch; display:flex; flex-grow: 1;white-space: nowrap; }
.match_tournament .tournament_wrap div.center { position:relative; }
.match_tournament .tournament_wrap div.center:before { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50% , -50% ); width: 100%; height: 2px; background: #c0c0c0; }

.match_tournament .tournament_wrap div.left_type { background-color:#fff; position:relative; flex-direction: column; }
.match_tournament .tournament_wrap div.left_type div { align-items: stretch; display:flex; position:relative; }
.match_tournament .tournament_wrap div.left_type div:before { content: ""; position: absolute; top:calc( 50% - 1px ); transform: translateY( 0% ); left:0; width: 100%; height: 2px; background: #c0c0c0; }
.match_tournament .tournament_wrap div.left_type div:after { content: ""; position: absolute; top:calc( 50% - 1px ); transform: translateY( 0% ); left:100%; width: 2px; height:calc( 50% + 1px); background: #c0c0c0; }
.match_tournament .tournament_wrap div.left_type div:nth-child(2n):after { top:1px; }
.match_tournament .tournament_wrap div.left_type div.win::before { background-color:#116ecd; height: 2px; }
.match_tournament .tournament_wrap div.left_type div.win::after { background-color:#116ecd; width: 2px; }

.match_tournament .tournament_wrap div.right_type { background-color:#fff; position:relative; flex-direction: column; }
.match_tournament .tournament_wrap div.right_type div { align-items: stretch; display:flex; position:relative; }
.match_tournament .tournament_wrap div.right_type div:before { content: ""; position: absolute; top:calc( 50% - 1px ); transform: translateY( 0% ); left:0; width: 100%; height: 2px; background: #c0c0c0; }
.match_tournament .tournament_wrap div.right_type div:after { content: ""; position: absolute; top:calc( 50% - 1px ); transform: translateY( 0% ); left:0; width: 2px; height:50%; background: #c0c0c0; }
.match_tournament .tournament_wrap div.right_type div:nth-child(2n):after { top:0; }
.match_tournament .tournament_wrap div.right_type div.win::before { background-color:#116ecd; height: 2px; }
.match_tournament .tournament_wrap div.right_type div.win::after { background-color:#116ecd; width: 2px; }

.match_tournament .tournament_wrap div.center_line.line_right div:after { left:-1px; }

.sub_visual_wrap.bg_sub02 { background:url("../img/bg/bg_sub02.jpg") no-repeat center / cover; }
.organization_wrap { max-width: 1320px; width: 100%; margin: 0 auto; padding-right: 60px; padding-left: 60px; }
.organization_wrap .sub_con_tit { margin-bottom: 60px; }


.card_wrap { padding: 35px 30px; display: block; border: solid 1px #e5e5e5; border-radius: 15px; margin-top: 20px; }
.card_wrap .card_tit { display: flex; gap: 21px; margin-bottom: 30px; }
.card_wrap .card_tit span { font-family: Pretendard; color: #222; font-size: 20px; font-weight: 600; }
.card_wrap .card_tit span:last-child { position: relative; }
.card_wrap .card_tit span:last-child::after { position: absolute; content: ""; left: -10px; top: 50%; transform: translateY(-50%); display: block; background: #666; width: 1px; height: 14px; }
.card_wrap .card_tit span:first-child:last-child::after { display: none; }

.card_wrap .col_wrap { display: flex; gap: 10px; }
.card_wrap .col_wrap .col { width: 33.33%; flex-shrink: 0; display: flex; flex-direction: column; gap: 15px; }
.card_wrap .col_wrap .col dl { display: flex; gap: 21px; width: 100%; }
.card_wrap .col_wrap .col dl dt { font-family: Pretendard; color: #444; font-size: 16px; font-weight: 500; min-width: 60px; }
.card_wrap .col_wrap .col dl dd { position: relative; font-family: Pretendard; color: #666; font-size: 16px; font-weight: normal; word-break: break-all; }
.card_wrap .col_wrap .col dl:nth-child(3) dd { width: 100%; }
.card_wrap .col_wrap .col dl dd::after { position: absolute; content: ""; left: -11px; top: 2px; display: block; background: #e5e5e5; width: 1px; height: 14px; }


.match_tournament .tournament_wrap div.center_line { display:flex; flex-direction: column; }
.match_tournament .tournament_wrap div.center_line .info_wrap { position: absolute; }
.match_tournament .tournament_wrap div.center_line > div { position: relative; display:flex; align-items: stretch; width:100%; height:50%; }
.match_tournament .tournament_wrap div.center_line > div:before { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50% , -50% ); width: 100%; height: 2px; background: #c0c0c0; }
.match_tournament .tournament_wrap div.center_line > div:after { content: ""; position: absolute; top:calc( 50% - 1px ); left:100%; width: 2px; height:calc( 50% + 2px ); background: #c0c0c0; }
.match_tournament .tournament_wrap div.center_line > div:nth-child(2n):after { top:-1px; }
.match_tournament .tournament_wrap div.center_line > div.win::before { background-color:#116ecd; height: 2px; }
.match_tournament .tournament_wrap div.center_line > div.win::after { background-color:#116ecd; width: 2px; }


.greet_box_wrap { display: flex; gap:100px; margin-top:60px; }
.greet_box_wrap .greet_box_pic { position:relative; width:380px; height:542px; flex-shrink: 0; overflow: hidden; border-radius:10px; }
.greet_box_wrap .greet_box_pic::before { content:""; z-index: -1; bottom: -30px; right: -30px; display:block; width:312px; height:375px; background-color:#116ecd; position:absolute; }
.greet_box_wrap .greet_box_txt { }
.greet_box_wrap .greet_box_txt .greet_tit01 { font-size:28px; font-weight:bold; line-height:150%; }
.greet_box_wrap .greet_box_txt .greet_tit01 span { color:#116ecd; }
.greet_box_wrap .greet_box_txt .greet_tit02 { font-size:22px; margin-top:30px; color:#444; }
.greet_box_wrap .greet_box_txt .greet_txt01 { font-size:18px; margin-top:50px; color:#555; line-height:160%; }
.greet_box_wrap .greet_box_txt .greet_txt02 { font-size:20px; margin-top:50px; color:#444; }
.greet_box_wrap .greet_box_txt .greet_txt02 span { font-size:26px; color:#333; margin-left:10px; font-weight:bold; }

.pic_banner_tit { font-size:32px; font-weight:bold; color:#333; margin-top:100px; text-align: center; }
.pic_banner_wrap { position:relative; width:100%; height:240px; max-width:1920px; margin-top:40px; }
.pic_banner_wrap::before { content:""; width:100%; height:100%; background:linear-gradient(to right, #00000033 30%, #07386b 100%); position:absolute; left:0; top:0; }
.pic_banner_wrap.bg01 { background:url("../img/photo/pic_banner_bg01.jpg") center no-repeat; }
.pic_banner_wrap.bg02 { background:url("../img/photo/pic_banner_bg02.jpg") center no-repeat; height:335px; }
.pic_banner_wrap.bg01 .pic_banner_txt { position:absolute; left:15%; top:50%; transform: translateY( -50% ); font-size:27px; line-height:150%; color:#fff; font-weight:bold; text-shadow: 2px 2px 5px #333; }
.pic_banner_wrap.bg02 .pic_banner_txt { position:absolute; left:50%; top:50%; text-align:center; transform: translate( -50% , -50% ); font-size:38px; line-height:180%; color:#fff; font-weight:bold; text-shadow: 2px 2px 5px #333; }
.pic_banner_wrap.bg02 .pic_banner_txt span { color:#fff; font-size:32px; font-weight:bold; }

.graph01_wrap { margin-top:40px; padding-right: 20px; padding-left: 20px; }
.graph01_wrap ul { display:flex; justify-content: center; max-width: 1300px; margin: 0 auto; }
.graph01_wrap ul li { position:relative; background:#116ecd url("../img/icon/bull_bg_tab01.png") 40px center no-repeat; padding:40px; min-width:570px; color:#fff; line-height:150%; font-size:24px; padding-left:120px; }
.graph01_wrap ul li:last-child:before { content:""; width:50px; height:100%; position:absolute; left:0; top:50%; transform: translateY( -50% ); background:url("../img/bg/bg_tab_step.jpg") left center no-repeat; }
.graph01_wrap ul li span { font-weight:bold; color:#fff; }
.graph01_wrap ul li.bg_color02 { background:#07386b url("../img/icon/bull_bg_tab02.png") 80px center no-repeat; padding-left:170px; }

.pic_graph_wrap { position:relative; padding:100px 0; padding-bottom:50px; display: flex; justify-content: center; margin-top:50px; }
.pic_graph_wrap .pic_graph_center { display:flex; justify-content: center; align-items: center; width:385px; height:385px; border:90px solid #ededed; border-radius:50%; color:#116ecd; font-size:40px; font-weight:bold; }
.pic_graph_wrap .pic_graph { font-size:24px; flex-direction: column; align-items: center; padding-top:45px; }
.pic_graph_wrap .pic_graph p { font-size:18px; color:#d7e4f2; margin-top:8px; letter-spacing: 0; }
.pic_graph_wrap .pic_graph p span { font-size:18px; font-weight:bold; color:#fff; }

.pic_graph_wrap .pic_graph01 { display:flex; position:absolute; top:0; left:50%; transform: translateX( -50% ); width:160px; height:160px; background-color:#3089e3; color:#fff; border-radius:50%; }
.pic_graph_wrap .pic_graph02 { display:flex; position:absolute; bottom:0; left:50%; margin-left:-180px; transform: translateX( -50% ); width:160px; height:160px; background-color:#07386b; color:#fff; border-radius:50%; }
.pic_graph_wrap .pic_graph03 { display:flex; position:absolute; bottom:0; left:50%; margin-left:180px; transform: translateX( -50% ); width:160px; height:160px; background-color:#367abf; color:#fff; border-radius:50%; }

.pic_graph_bottom_txt { margin-top:35px; padding-bottom:70px; font-size:22px; color:#444; line-height:150%; text-align: center; }
.pic_graph_bottom_txt span { color:#444; font-weight:#444; font-weight:bold; }

.div_graph_wrap { width:100%; max-width: 1200px; margin:0 auto; margin-top:40px; }
.div_graph_wrap .div_graph_top { display:flex; justify-content: space-between; gap:123px; }
.div_graph_wrap .div_graph_top p { padding:20px; color:#fff; text-align:center; }
.div_graph_wrap .div_graph_top p.box01 { width:240px; flex-shrink: 0; background-color:#116ecd; }
.div_graph_wrap .div_graph_top p.box02 { flex-grow: 1; background-color:#07386b; }

.div_graph_con { display:flex; gap:123px; position:relative; }
.div_graph_con::before { content:""; width:33px; height:113px; background:url("../img/icon/bull_step_arrow.png") center no-repeat; position:absolute; left:290px; top:50%; transform: translateY( -50% ); }
.div_graph_con .div_graph_con_left { text-align:center; width:240px; flex-shrink: 0; background-color:#f7f7f7; padding:10px; }
.div_graph_con .div_graph_con_left p { display: flex; align-items: center; justify-content: center; height:100%; background-color:#fff; line-height:150%; font-size:18px; color:#116ecd; align-items: center; border:1px solid #e5e5e5; }
.div_graph_con .div_graph_con_right { width:100%; background-color:#f4faff; padding:10px; }
.div_graph_con .div_graph_con_right div { background-color:#fff; line-height:150%; font-size:18px; color:#116ecd; align-items: center; padding:10px; border:1px dashed #116ecd; }
.div_graph_con .div_graph_con_right div ul li { margin-top:12px; font-size:17px; }
.div_graph_con .div_graph_con_right div ul li:first-child { margin-top:0; }
.div_graph_con .div_graph_con_right div ul li span { display:inline-block; width:80px; background-color:#07386b; text-align:center; color:#fff; font-size:14px; padding:3px 0; margin-right:10px; }

.major_step_wrap .major_step_box { display:flex; gap:40px; margin-top:40px; position:relative; }
.major_step_wrap .major_step_box::before { content:""; width:10px; height:16px; position:absolute; left:50%; top:20px; transform: translateX( -50% ); background:url("../img/icon/bull_step_arrow2.png") center no-repeat; }
.major_step_wrap .major_step_box:first-child { margin-top:60px; }
.major_step_wrap .major_step_box > div { width:calc( 50% - 20px ); position:relative; border-bottom:1px solid #e5e5e5; }
.major_step_top { background-color:#f4faff; text-align:center; padding:15px 10px; font-size:18px; font-weight:bold; }
.major_step_top span { display:inline-block; width:30px; height:30px; text-align:center; line-height: 30px; font-size:14px; background-color: #fff; border-radius:50%; margin-right:10px; }

.major_step_box .step01:before { content:""; width:120px; height:120px; position:absolute; right:8%; bottom:50px; background:url("../img/icon/bull_step_mark01.png") center no-repeat; }
.major_step_box .step02:before { content:""; width:120px; height:120px; position:absolute; right:8%; bottom:50px; background:url("../img/icon/bull_step_mark02.png") center no-repeat; }
.major_step_box .step03:before { content:""; width:120px; height:120px; position:absolute; right:8%; bottom:50px; background:url("../img/icon/bull_step_mark03.png") center no-repeat; }
.major_step_box .step04:before { content:""; width:120px; height:120px; position:absolute; right:8%; bottom:50px; background:url("../img/icon/bull_step_mark04.png") center no-repeat; }
.step02 .major_step_top { background-color:#81bdfb; }
.step03 .major_step_top { background-color:#116ecd; color:#fff; }
.step04 .major_step_top { background-color:#07386b; color:#fff; }

.major_step_con { padding:20px 0 50px; align-self: stretch; }
.major_step_con ul { }
.major_step_con ul li { padding:5px 10px 5px 15px; color:#555; position:relative; }
.major_step_con ul li::before { content:""; width:2px; height:2px; position:absolute; left:2px; top:14px; background-color:#aaaaaa; }

.brand_box_wrap { position:relative; display: flex; justify-content: space-between; }
.brand_box_wrap .brand_box_tit { font-size:32px; color:#000; font-weight:bold; }
.brand_box_all .color_box { width: 100%; max-width: 790px; margin-left: auto; }
.brand_box_wrap .brand_box { position:relative; border:1px solid #e5e5e5; padding:30px 35px; min-height:340px; display:flex; justify-content: center; align-items: center; width: 100%; max-width: 790px; }
.brand_box .brand_img_tit { position:absolute; left:35px; top:30px; font-size:18px; color:#444; font-weight:500; }
.btn_brand_down { text-align: right; margin-top:5px; padding-bottom:40px; }
.btn_brand_down button { padding:14px 50px 13px 15px; border:1px solid #000; font-size:16px; background:url("../img/icon/icon_download.png") right 20px center no-repeat; }
.brand_box_wrap { margin-top:60px; }
.sub_con_tit + .brand_box_wrap { margin-top:40px; display: flex; justify-content: space-between; }
.brand_box_all { width: calc(100% - 220px); display: flex; flex-direction: column; align-items: flex-end; }
.brand_box_all .color_box { display:flex; gap:20px; }
.brand_box_all .color_box .color_chip { width:100%; max-width: 250px; padding:40px 30px; }
.brand_box_all .color_box .color_chip .color_chip_tit { font-size:22px; color:#fff; font-weight:bold; }
.brand_box_all .color_box .color_chip.color_chip01 { background-color:#e6002d; }
.brand_box_all .color_box .color_chip.color_chip02 { background-color:#0d955a; }
.brand_box_all .color_box .color_chip.color_chip03 { background-color:#005bac; }
.brand_box_all .color_box .color_number_list { margin-top:80px; }
.brand_box_all .color_box .color_number_list li { margin-top:10px; color:#fff; font-size:18px; }
.brand_box_all .color_box .color_number_list li:first-child { margin-top:0; }

.history_top_bg { position:relative; width:100%; max-width:1920px; margin:0 auto; margin-top:60px; height:380px; background:url("../img/bg/bg_history_top.jpg") center no-repeat; }
.history_top_bg::before { content:""; width:100%; height:100%; background:linear-gradient(to right, #00000033 30%, #07386b 100%); position:absolute; left:0; top:0; }
.history_top_bg02 { position:relative; width:100%; max-width:1920px; margin:0 auto; margin-top:60px; height:380px; background:url("../img/bg/bg_history_top02.jpg") center no-repeat; }
.history_top_bg02::before { content:""; width:100%; height:100%; background:linear-gradient(to right, #00000033 30%, #00000090 100%); position:absolute; left:0; top:0; }
.history_top_bg03 { position:relative; width:100%; max-width:1920px; margin:0 auto; margin-top:60px; height:380px; background:url("../img/bg/bg_history_top03.jpg") center no-repeat; }
.history_top_bg03::before { content:""; width:100%; height:100%; background:linear-gradient(to right, #00000033 30%, #00000090 100%); position:absolute; left:0; top:0; }

.history_con { position:relative; margin:80px auto; display: flex; justify-content: space-between; }
.history_con .history_date dt { font-size:60px; color:#222; font-weight:bold; }
.history_con .history_date dd { font-size:18px; color:#444; font-weight:bold; margin-top:20px; }
.history_list_wrap li { padding:30px 0; border-bottom:1px solid #e5e5e5; display:flex; align-items: center; }
.history_list_wrap li > div { position: relative; }
.history_list_wrap li > div.history_list_year { font-size:21px; color:#333; font-weight:bold; flex-shrink: 0; width:80px; }
.history_list_wrap li > div.history_list_date { font-size:21px; color:#555; font-weight:500; flex-shrink: 0; width:120px; }
.history_list_wrap li > div.history_list_txt { font-size:21px; color:#555; flex-grow: 1; padding-left:15px; }
.history_list_wrap li > div.history_list_txt::before { content:""; width:3px; height:3px; background-color:#aaa; position:absolute; left:0; top:11px; }

.code_conduct_top { margin-top:60px; position:relative; width:100%; max-width:1920px; padding-right:500px; background:url("../img/bg/bg_code_conduct_top.jpg") right center repeat-x; }
.code_conduct_top .code_conduct_con { display:flex; justify-content: end; min-height:318px; background-color:#f4faff; }
.code_conduct_top div div { position:relative; width:1100px; padding:95px 60px 0 60px; font-size:24px; line-height:170%; }
.code_conduct_top div div::before { content:""; position:absolute; top:60px; left:60px; width:50px; height:4px; background-color:#07386b; }
.code_conduct_top div div::after { content:""; position:absolute; top:0; right:0; width:130px; height:186px; background:url("../img/bg/bg_code_conduct.png") center no-repeat; opacity:0.05; }
.code_conduct_top div div .color_point { color:#116ecd; }

.code_conduct_bottom { position:relative; width:100%; max-width:1200px; margin:0 auto; }
.code_conduct_ex { text-align: center; font-size:18px; color:#222; margin-top:50px; line-height:150%; }
.code_conduct_ex .masic_line { position:relative; }
.code_conduct_ex .masic_line::before { content:""; width:100%; height:10px; background-color:#dbe8f5; position:absolute; left:0; top:50%; z-index:-1; }

.code_conduct_step_all { position:relative; padding-top:100px; }
.code_conduct_step_all::before { content:""; width:1px; height:50px; background-color:#e5e5e5; position:absolute; left:50%; top:40px; transform:translateX( -50% ); }
.code_conduct_step_all ol li { position:relative; font-size:20px; color:#444; padding:50px 0; padding-left:160px; }
.code_conduct_step_all ol li strong { color:#444; }
.code_conduct_step_all ol li::before { content:"1"; font-size:80px; position:absolute; left:-40px; top:12px; color:#f2f2f2; font-weight:bold; font-style: italic; letter-spacing: -2px; width:100px; text-align:center; }
.code_conduct_step_all ol li:nth-child(2):before { content:"2"; }
.code_conduct_step_all ol li:nth-child(3):before { content:"3"; }
.code_conduct_step_all ol li:nth-child(4):before { content:"4"; }
.code_conduct_step_all ol li:nth-child(5):before { content:"5"; }
.code_conduct_step_all ol li:nth-child(6):before { content:"6"; }
.code_conduct_step_all ol li:nth-child(7):before { content:"7"; }
.code_conduct_step_all ol li:nth-child(8):before { content:"8"; }
.code_conduct_step_all ol li:nth-child(9):before { content:"9"; }
.code_conduct_step_all ol li:nth-child(10):before { content:"10"; }
.code_conduct_step_num { font-size:24px; font-weight:bold; color:#222; display:inline-block; padding:20px 0; position:absolute; left:0; top:28px; }

.integrity_wrap { }
.integrity_wrap .integrity_tit { font-size:24px; color:#222; font-weight:bold; text-align: center; margin-top:60px; margin-bottom:20px; }
.integrity_wrap .integrity_ol_tit01 { font-size:18px; color:#444; font-weight:bold; padding-top:20px; }
.integrity_wrap p { font-size:16px; color:#444; line-height:150%; padding-top:5px; }
.integrity_wrap ol { padding-top:5px; }
.integrity_wrap ol > li { position:relative; padding:2px; padding-left:24px; color:#444; }
.integrity_wrap ol > li::before { content:"1."; font-size:16px; position:absolute; left:3px; top:2px; }
.integrity_wrap ol > li:nth-child(2):before { content:"2."; }
.integrity_wrap ol > li:nth-child(3):before { content:"3."; }
.integrity_wrap ol > li:nth-child(4):before { content:"4."; }
.integrity_wrap ol > li:nth-child(5):before { content:"5."; }
.integrity_wrap ol > li:nth-child(6):before { content:"6."; }
.integrity_wrap ol > li:nth-child(7):before { content:"7."; }
.integrity_wrap ol > li:nth-child(8):before { content:"8."; }
.integrity_wrap ol > li:nth-child(9):before { content:"9."; }
.integrity_wrap .dot_list { margin-top:5px; }
.integrity_wrap .dot_list li { position:relative; padding:2px; padding-left:15px; color:#444; }
.integrity_wrap .dot_list li::before { content:""; width:3px; height:3px; border-radius:3px; position:absolute; left:2px; top:9px; background-color:#444; }
.integrity_bc_list { width:100%; max-width:400px; margin:0 auto; }
.integrity_bc_list > li { position:relative; padding:2px; padding-left:24px; color:#444; }
.integrity_bc_list > li::before { content:"1."; font-size:16px; position:absolute; left:3px; top:2px; }
.integrity_bc_list > li:nth-child(2):before { content:"2."; }
.integrity_bc_list > li:nth-child(3):before { content:"3."; }
.integrity_bc_list > li:nth-child(4):before { content:"4."; }
.integrity_bc_list > li:nth-child(5):before { content:"5."; }
.integrity_bc_list > li:nth-child(6):before { content:"6."; }
.integrity_bc_list > li:nth-child(7):before { content:"7."; }
.integrity_bc_list > li:nth-child(8):before { content:"8."; }
.integrity_bc_list > li:nth-child(9):before { content:"9."; }

.lock_btn { display: inline-block; flex-shrink: 0; width: 15px !important; height: 21px !important; background: url(../img/icon/icon_lock.svg) no-repeat center / 100%; }

.map_wrap { margin-top:40px; }
.map_area { width:100%; height: 472px; border: 1px solid #e5e5e5; border-bottom: none; }
.map_area img { width:100%; }
.map_ex { padding:20px; border:1px solid #e5e5e5; }
.map_ex .map_ex_tit { font-size:24px; font-weight:bold; color:#222; padding-bottom:10px; border-bottom:1px solid #e5e5e5; }
.map_ex_list { margin-top:20px; }
.map_ex_list li { position:relative; margin-top:10px; padding-left:140px; color:#666; }
.map_ex_list li:first-child { margin-top:0; }
.map_ex_list li span { position:absolute; left:40px; top:0; font-size:16px; font-weight:bold; color:#333; display:inline-block; width:150px; }
.map_ex_list li.bull_mark01 { background:url("../img/icon/icon_address.png") 10px 2px no-repeat; }
.map_ex_list li.bull_mark02 { background:url("../img/icon/icon_tel.png") 10px 2px no-repeat; }
.map_ex_list li.bull_mark03 { background:url("../img/icon/icon_print.png") 10px 2px no-repeat; }

.map_wrap .map_tit { font-size:28px; font-weight:bold; color:#222; margin-top:60px; }
.load_map_wrap { margin-top:45px; position:relative; padding-left:260px; }
.load_map_wrap .load_map_tit { position:absolute; left:0; top:0; font-size:20px; color:#333; font-weight:bold; padding-left:40px; }
.load_map_wrap .load_map_tit.bull_mark01 { background:url("../img/icon/icon_bus.png") no-repeat; }
.load_map_wrap .load_map_tit.bull_mark02 { background:url("../img/icon/icon_subway.png") no-repeat; }
.load_map_wrap .load_map_tit.bull_mark03 { background:url("../img/icon/icon_car.png") no-repeat; }
.load_map_box { padding:30px; border:1px solid #e5e5e5; }
.load_map_box + .load_map_box { margin-top:10px; }
.load_map_box dt { font-size:18px; color:#333; font-weight:bold; }
.load_map_box dt span { font-size:18px; color:#116ecd; font-weight:bold; }
.load_map_box dd { font-size:16px; color:#555; margin-top:20px; position:relative; padding-left:15px; line-height:170%; }
.load_map_box dd::before { content:""; width:3px; height:3px; background-color:#aaa; position:absolute; left:0; top:12px; }

.directors_wrap { }
.directors_wrap ul { display: flex; gap: 20px; width: 100%; flex-wrap: wrap; }
.directors_wrap ul li { width: calc(25% - 17px) }
.directors_wrap ul li .d_box { position: relative; padding: 35px 30px 30px; border: solid 1px #e5e5e5; display: flex; flex-direction: column; gap: 100px; height: 100%; }
.directors_wrap ul li .d_box.type1 { background: url(../img/icon/icon_d_box1.svg) no-repeat 30px 32px / 65px; }
.directors_wrap ul li .d_box.type2 { background: url(../img/icon/icon_d_box2.svg) no-repeat 30px 35px / 86px 50px; }
.directors_wrap ul li .d_box.type3 { background: url(../img/icon/icon_d_box3.svg) no-repeat 30px 35px / 86px 63px; }
.directors_wrap ul li .d_box.type4 { background: url(../img/icon/icon_d_box4.svg) no-repeat 30px 35px / 86px 63px; }
.directors_wrap ul li .d_box.type5 { background: url(../img/icon/icon_d_box5.svg) no-repeat 30px 35px / 86px 63px; }
.directors_wrap ul li .d_box .name_wrap { display: flex; align-items: flex-end; flex-direction: column; gap: 10px; }
.directors_wrap ul li .d_box .name_wrap strong { font-size: 24px; font-weight: 600; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: -0.48px; text-align: right; color: #000; }
.directors_wrap ul li .d_box .name_wrap .name { font-size: 18px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: -0.36px; text-align: right; color: #000; }
.directors_wrap ul li .d_box .txt_wrap { display: flex; gap: 10px; align-items: center; }
.directors_wrap ul li .d_box .txt_wrap .status { font-size: 18px; min-width: 31px; align-self: baseline; flex-shrink: 0; font-weight: 600; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: -0.36px; text-align: left; color: #666; }
.directors_wrap ul li .d_box .txt_wrap .title2 { font-size: 17px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.2; letter-spacing: -0.34px; text-align: left; word-break: keep-all; color: #666; word-break: break-all; }

.search_box.type3 .select_wrap:nth-child(1) { width: 192px; overflow: hidden; }
.search_box.type3 .select_wrap:nth-child(1) select { width: 100%; white-space: nowrap; text-overflow: ellipsis; }
.search_box.type3 .select_wrap:nth-child(2) { max-width: 320px; overflow: hidden; width: 100%; }
.search_box.type3 .select_wrap:nth-child(2) select { width: calc(100% - 10px); white-space: nowrap; text-overflow: ellipsis; }

/* 통합검색 */
.search_result_wrap { }
.search_result_wrap .search_box { margin-top: 60px; }
.search_result_wrap .search_box .input_box input { max-width: unset; }
.search_result_wrap .search_box .input_box button:focus-visible { outline:3px dotted black; }
.search_result_wrap .result_txt { font-size: 18px; font-weight: 500; margin-bottom: 40px; font-stretch: normal; margin-top: 40px; font-style: normal; line-height: normal; letter-spacing: -0.36px; text-align: center; color: #333; }
.search_result_wrap .result_txt strong { color: var(--mainColor1); }

.search_result_wrap .search_result_box { margin-top: 40px; position: relative; }
.search_result_wrap .search_result_box .top_wrap { padding-top: 20px; padding-bottom: 20px; display: flex; }
.search_result_wrap .search_result_box .top_wrap .subject_wrap { display: flex; gap: 3px; font-size: 20px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: -0.8px; text-align: left; }
.search_result_wrap .search_result_box .top_wrap .subject_wrap .subject { color: #333; }
.search_result_wrap .search_result_box .top_wrap .subject_wrap .num { color: #757575; font-weight: 500; }
.search_result_wrap .search_result_box .top_wrap .subject_wrap .num strong { color: var(--mainColor1); }
.search_result_wrap .search_result_box .btn_wrap { }
.search_result_wrap .search_result_box .btn_wrap .more_btn { top: 23px; right: 0px; font-size: 16px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: normal; padding-right: 24px; letter-spacing: -0.64px; text-align: left; color: #555; display: inline-block; position: absolute; }
.search_result_wrap .search_result_box .btn_wrap .more_btn::after { display: block; background-color: #757575; content: ""; -webkit-mask:url(../img/icon/icon_plus.svg) no-repeat center / cover; width: 12px; height: 12px; position: absolute; transform: translateY(-50%); top: 48%; right: 0px; }

.search_result_wrap .search_list { display: flex; flex-direction: column; border-top: 2px solid var(--mainColor1) }
.search_result_wrap .search_list li { padding-top: 20px; padding-bottom: 20px; border-bottom: solid 1px #e5e5e5; }
.search_result_wrap .search_list li a { display: flex; flex-direction: column; align-items: flex-start; gap: 15px; }
.search_result_wrap .search_list li a .tit { font-size: 18px; font-weight: 500; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: -0.36px; text-align: left; color: #333; }
.search_result_wrap .search_list li a .tit strong { color: var(--mainColor1); }
.search_result_wrap .search_list li a .txt { font-size: 16px; display: -webkit-box; overflow: hidden; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; font-weight: normal; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: -0.32px; text-align: left; color: #444; }
.search_result_wrap .search_list li a .date { font-size: 16px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: -0.32px; text-align: center; color: #444; }
.search_result_wrap .search_list li .no_result_txt { font-family: Pretendard; padding-top: 65px; padding-bottom: 65px; font-size: 16px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: -0.32px; text-align: center; color: #444; }

/* 조직현황 */
.organization_d_wrap .line-h {display: none;}
.organization_d_wrap .sub_con_tit { margin-bottom: 40px; }



.organization_d_wrap { margin-bottom: 80px; display: flex; max-width: 1200px; padding-right: 60px; padding-left: 60px; padding-top: 50px; padding-bottom: 50px; justify-content: center; border: solid 1px #e5e5e5; margin-top: 60px; flex-direction: column; }
.organization_d_wrap:has(.directors_wrap) { border: none; }
.organization_d_wrap div .box { width: 200px; display: flex; flex-direction: column; justify-content: center; align-items: center; }
.organization_d_wrap div .box .department { color: white; font-size: 20px; font-weight: bold; text-align: center; height: 50px; line-height: 50px; }
.organization_d_wrap div .box .name { height: 40px; line-height: 40px; text-align: center; font-size: 16px; font-weight: 600; width: 100%; }
.organization_d_wrap .o_depth01 { width: 100%; }
.organization_d_wrap .o_depth01 > div > .box { margin: 0 auto; }
.organization_d_wrap .o_depth01 > div > .box > .department { background: #222; width: 100%; }
.organization_d_wrap .o_depth01 > div > .box > .name { border: 1px solid #222; }

.organization_d_wrap .o_depth02 { padding-top: 92px; position: relative; }
.organization_d_wrap .o_depth02::after { content: ""; width: 6px; height: 6px; background-color: #222; position: absolute; top: 31px; border-radius: 50%; left: calc(50% - 1px); transform: translateX(-50%); }
.organization_d_wrap .o_depth02::before { content: ""; height: 60px; border-left: 1px dashed #aaa; background-color: transparent; width: 1px; position: absolute; top: 32px; left: 50%; transform: translateX(-50%) }
.organization_d_wrap .o_depth02 > div > .box { margin: 0 auto; position: relative; }
.organization_d_wrap .o_depth02 > div > .box > .department { background: #116ecd; width: 100%; }
.organization_d_wrap .o_depth02 > div > .box > .name { border: 1px solid #116ecd; color: #116ecd; }

.organization_d_wrap .o_depth03 { padding-top: 120px; display: flex; justify-content: space-between; position: relative; }
.organization_d_wrap .o_depth03::after { content: ""; height: 1px; border-bottom: 1px dashed #aaa; background-color: transparent; width: calc(100% - 640px); position: absolute; top: 80px; left: 36.5%; transform: translateX(-50%); }
.organization_d_wrap .o_depth03::before { content: ""; height: 80px; border-left: 1px dashed #aaa; background-color: transparent; width: 1px; position: absolute; top: 0px; left: 50%; transform: translateX(-50%) }
.organization_d_wrap .o_depth03 > div { position: relative; }
.organization_d_wrap .o_depth03 > div > .box { margin: 0 auto; }
.organization_d_wrap .o_depth03 > div > .box > .department { background: #2259be; width: 100%; }
.organization_d_wrap .o_depth03 > div > .box > .name { border: 1px solid #2259be; color: #2259be; }
.organization_d_wrap .o_depth03 > div:not(:last-child)::after { content: ""; width: 6px; height: 6px; background-color: #116ecd; position: absolute; top: -16px; border-radius: 50%; left: 50%; transform: translateX(-50%); }

.organization_d_wrap .o_depth03 > div:not(:last-child)::before  { content: ""; width: 1px; height: 25px; background-color: transparent; border-left: 1px dashed #b7b7b7; position: absolute; top: -40px; left: calc(50% + 0.4px); transform: translateX(-50%); }
.organization_d_wrap .o_depth03 > div:last-child::before { content: ""; width: 440px; height: 1px; background-color: transparent; border-bottom: 1px dashed #b7b7b7; position: absolute; top: -90px; left: -340px;  /* transform: translateY(-50%); */ }
.organization_d_wrap .right { position: absolute; right: 140px; top: 34px; }
.organization_d_wrap .right::before { content: ""; width: 200px; height: 1px; background-color: transparent; border-bottom: 1px dashed #b7b7b7; position: absolute;  left: -200px; top: 24px; /* transform: translateY(-50%); */ }
.organization_d_wrap .right .department { background: #116ecd; width: 100%; }
.organization_d_wrap .right .name_wrap { display: flex; width: 100%; border: 1px solid #116ecd; color: #116ecd; flex: 1 1 auto; }
.organization_d_wrap .right .name_wrap .name { border-right: 1px solid #116ecd; text-align: center; color: #116ecd; }
.organization_d_wrap .right .name_wrap .name:last-of-type { border-right: none; }

.organization_d_wrap .o_depth04 { padding-top: 72px; display: flex; gap: 10px; justify-content: center; align-items: center; position: relative; }
.organization_d_wrap .o_depth04::after { content: ""; height: 1px; border-bottom: 1px dashed #aaa; background-color: transparent; width: calc(100% - 110px); position: absolute; top: 30px; left: 50%; transform: translateX(-50%); }
.organization_d_wrap .o_depth04 > div { width: 110px; display: flex; flex-direction: column; position: relative; }
.organization_d_wrap .o_depth04 > div::before { content: ""; width: 1px; height: 25px; background-color: transparent; border-left: 1px dashed #b7b7b7; position: absolute; top: -41px; border-radius: 50%; left: calc(50% + 0.4px); transform: translateX(-50%); }

.organization_d_wrap .o_depth04 > div::after { content: ""; width: 6px; height: 6px; background-color: #aaa; position: absolute; top: -16px; border-radius: 50%; left: 50%; transform: translateX(-50%); }
.organization_d_wrap .o_depth04 > div > .list_box { display: flex;  flex-direction: column; text-align: center; align-items: center;}
.organization_d_wrap .o_depth04 > div > .list_box > .department { border: solid 1px #e5e5e5; background: #f8f8f8; width: 100%; color: #222; font-weight: bold; height: 50px; line-height: 1.2; display: flex; justify-content: center; align-items: center; }
.organization_d_wrap .o_depth04 > div > .list_box > .name { margin-top: -1px; border: solid 1px #e5e5e5; color: #757575; height: 40px; line-height: 40px; }

.organization_d_wrap .emptyBox .box {visibility: hidden;}
.organization_d_wrap .emptyBox .o_depth04::after {visibility: hidden;}
.organization_d_wrap .emptyBox .o_depth04 > div::before {height: 200px; top: -215px;}
.organization_d_wrap .emptyBox .o_depth04 {padding-top: 35px;}

.organization_d_wrap .o_depth04.hasSubmenu::before { content: ""; width: 1px; height: 28px; background-color: transparent; border-left: 1px dashed #b7b7b7; position: absolute; top: 0; border-radius: 50%; left: calc(50% + 0.4px); transform: translateX(-50%); }

/* 상세페이지 */
.detail_wrap { margin-top:40px; }
.detail_top { border-top:2px solid #116ecd; }
.detail_top_tit { padding:20px; background-color:#f4faff; font-size:23px; color:#222; font-weight:bold; border-bottom:1px solid #dbe8f5; }
.detail_top_tit span { display: -webkit-box; overflow: hidden; overflow: hidden; line-height: 1.3; font-size:23px; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.detail_top_info { padding:15px 20px; display:flex; justify-content: end; border-bottom:1px solid #dbe8f5; }
.detail_top_info ul { display:flex; gap:20px; }
.detail_top_info ul li { position:relative; font-size:18px; color:#757575; padding-left:45px; }
.detail_top_info ul li::before { content:""; width:1px; height:12px; background-color:#d9d9d9; position:absolute; left:0; top:50%; transform: translateY( -50% ); }
.detail_top_info ul li:first-child::before { display: none; }
.detail_top_info ul li.bull_mark01 { background:url("../img/icon/bull_detail_mark01.png") 20px center no-repeat; }
.detail_top_info ul li.bull_mark02 { background:url("../img/icon/bull_detail_mark02.png") 20px center no-repeat; }
.detail_top_info ul li.bull_mark03 { background:url("../img/icon/bull_detail_mark03.png") 20px center no-repeat; }
.detail_wrap .detail_con { padding:20px 20px 60px; }
.detail_wrap .detail_con img { max-width:100%; height:auto; }
.detail_wrap .detail_con p { font-size:17px; line-height:150%; color:#444; padding:20px 0; }

.video_wrap { position: relative; width: 100%; padding-bottom: 56.25%; }
.video_wrap iframe { position: absolute; width: 100%; height: 100%; top: 0; left: 0; }

.file_add_wrap { background-color:#f9f9f9; padding:15px 20px; border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; }
.file_add_wrap ul li { padding:5px 0; padding-left:24px; background:url("../img/icon/bull_file.png") left center no-repeat; }
.file_add_wrap ul li a { font-size:16px; color:#757575; }
.file_add_wrap ul li a:hover { color:#333; text-decoration: underline; }

.personl_policy_wrap { font-size: 16px; font-weight: normal; font-stretch: normal; font-style: normal; line-height:22px; letter-spacing: -0.64px; text-align: left; color: #444; margin-top: 60px; }
.personl_policy_wrap strong { font-size: 16px; color: #444; line-height: 22px; margin-top: 20px; display: inline-block; margin-bottom: 5px; }
.personl_policy_wrap .txt_indent { font-size: 16px; color: #444; padding-left: 8px; line-height: 1.38; }
.personl_policy_wrap .list_type1 { display: flex; flex-direction: column; gap: 6px; }
.personl_policy_wrap .list_type1 li { font-size: 16px; color: #444; }
.personl_policy_wrap .list_type1 > li::after { }
.personl_policy_wrap .tb_wrap { margin-top: 20px; margin-bottom: 20px; }
.personl_policy_wrap .tb_wrap + strong { margin-top: 0px; }
.personl_policy_wrap .tb01 thead th { padding: 14px; font-size: 16px; }
.personl_policy_wrap .tb01 tbody td { padding: 14px; font-size: 16px; word-break: break-all; }

/* 하단 목록 */
.bottom_list_wrap { display:flex; justify-content: space-between; margin-top:40px; align-items: center; }
.bottom_list_left { color:#666; width: calc(50% - 100px); display: flex; align-items: center; }
.bottom_list_left > span { display: -webkit-box; -webkit-line-clamp: 2; overflow: hidden; -webkit-box-orient: vertical; color:#666; }
.bottom_list_right > span { display: -webkit-box; -webkit-line-clamp: 2; overflow: hidden; -webkit-box-orient: vertical; color:#666; text-align: left; }
.bottom_list_wrap .btn.bg_color01 { flex-shrink: 0; }
.bottom_list_wrap .btn.bg_color01:focus-visible { outline-color: #07386b; }
.bottom_list_left > a { display:inline-block; padding:20px; color:#333; font-size:16px; font-weight:bold; background:url("../img/icon/bull_list_arrow_prev.svg") left center no-repeat; flex-shrink: 0; }
.bottom_list_right { color:#666; width: calc(50% - 100px); text-align: right; display: flex; align-items: center; justify-content: flex-end; }
.bottom_list_right > a { display:inline-block; padding:20px; color:#333; font-size:16px; font-weight:bold; background:url("../img/icon/bull_list_arrow_next.svg") right center no-repeat; flex-shrink: 0; }
.bottom_list_left > a.disabled { pointer-events: none; }
.bottom_list_right > a.disabled { pointer-events: none; }

/* 사진자료 */
.pic_list_wrap { margin-top:30px; }
.pic_list_wrap ul { display:flex; gap:20px; flex-wrap: wrap; }
.pic_list_wrap ul li { width:calc( 33.3% - 15px ); }
.pic_list_wrap ul li dl dt { display: -webkit-box; -webkit-line-clamp: 2; overflow: hidden; -webkit-box-orient: vertical; }
@media (hover : hover){
 .pic_list_wrap ul li a:hover dl dt { text-decoration: underline; text-underline-position: under; }
}
.pic_list_wrap ul li .pic_area { position:relative; overflow: hidden; background:#f5f5f5 url("../img/bg/bg_no_data.png") center no-repeat; min-height:240px; }
.pic_list_wrap ul li .pic_area img { width:100%; height:100%; position:absolute; left:50%; top:50%; transform: translate( -50% , -50% ); object-fit: cover; }
.pic_list_wrap ul li dl { margin-top:20px; margin-bottom:40px; }
.pic_list_wrap ul li dl dt { font-size:18px; font-weight: bold; color:#444; line-height:150%; }
.pic_list_wrap ul li dl dd { display:flex; justify-content: space-between; margin-top:20px; }
.pic_list_wrap ul li dl dd p { color:#757575; }
.pic_list_wrap ul li dl dd p.view_area { padding-left:20px; background:url("../img/icon/bull_view.png") left center no-repeat; }

/* 클린신고센터 */
.clean_all_wrap .sub_con_tit2 { text-align: center; margin-top: 60px; }
.clean_all_wrap .clean_way_wrap { display: flex; gap: 70px; align-items: center; }
.clean_all_wrap .qr_img_box { border-radius: 15px; padding: 50px; text-align: center; border: solid 1px #e5e5e5; }
.clean_all_wrap .qr_img_box strong { font-family: Pretendard; font-size: 18px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: -0.36px; text-align: left; color: #116ecd; }
.clean_all_wrap .qr_img_box .img_wrap { margin-top: 30px; max-width: 200px; height: auto; }
.clean_all_wrap .qr_img_box .img_wrap img { width: 100%; height: 100%; }

.clean_all_wrap .way_list { display: flex; flex-direction: column; gap: 15px; }
.clean_all_wrap .way_list li { }
.clean_all_wrap .way_list li dl { display: flex; }
.clean_all_wrap .way_list li dl dt { min-width: 180px; font-size: 18px; line-height: 24px; font-weight: bold; color: #444; }
.clean_all_wrap .way_list li dl dd { position: relative; width: calc(100% - 180px); padding-left: 10px; font-size: 16px; line-height: 24px; }
.clean_all_wrap .way_list li dl dd .strong_txt { color: var(--mainColor1); font-weight: 600; }
.clean_all_wrap .way_list li dl dd::before { position: absolute; width: 1px; background-color: #e5e5e5; height: 14px; content: ""; display: block; left: 0px; top: 50%; transform: translateY(-50%); }
.clean_all_wrap .clean_step_wrap { }
.clean_all_wrap .clean_step_wrap ul { display: flex; justify-content: space-between; margin-top: 40px; }
.clean_all_wrap .clean_step_wrap ul li { width: 25%; position: relative; }
.clean_all_wrap .clean_step_wrap ul li::after { content: ""; width: 97px; height: 10px; background:url(../img/icon/icon_bigarrow.jpg) no-repeat center / cover; position: absolute; right: -16%; top: 50%; transform: translateY(-50%); }
.clean_all_wrap .clean_step_wrap ul li:last-of-type::after { display: none; }
.clean_all_wrap .clean_step_wrap ul li .step_num { font-family: Pretendard; font-size: 18px; font-weight: 500; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: -0.72px; text-align: center; color: #444; }
.clean_all_wrap .clean_step_wrap ul li .circle_box { position: relative; width: 130px; height: 130px; background: #f9f9f9; border-radius: 45%; margin: 15px auto 20px; }
.clean_all_wrap .clean_step_wrap ul li .circle_box::after { position: absolute; content: ""; display: block; width: 50px; height: 50px; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.clean_all_wrap .clean_step_wrap ul li.c_step1 .circle_box::after { background: url(../img/icon/icon_step1.jpg) no-repeat center / 50px; }
.clean_all_wrap .clean_step_wrap ul li.c_step2 .circle_box::after { background: url(../img/icon/icon_step2.jpg) no-repeat center / 50px; }
.clean_all_wrap .clean_step_wrap ul li.c_step3 .circle_box::after { background: url(../img/icon/icon_step3.jpg) no-repeat center / 50px; }
.clean_all_wrap .clean_step_wrap ul li.c_step4 .circle_box::after { background: url(../img/icon/icon_step4.jpg) no-repeat center / 50px; }
.clean_all_wrap .clean_step_wrap ul li .tit { font-size: 18px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: -0.36px; text-align: center; color: #116ecd; }

.tournament_top_wrap { margin-top: 62px; }
.tournament_top_wrap .tit_wrap { display: flex; justify-content: space-between; align-items: center; }
.tournament_top_wrap .tit_wrap .tit { font-size: 18px; font-weight: 500; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: -0.72px; text-align: left; color: #000; }
.tournament_top_wrap .result_tit_wrap { display: flex; border: solid 1px #ccc; margin-bottom: -20px; margin-top: 20px; background-color: #fff;  align-items: center; justify-content: center; padding-top: 20px; padding-bottom: 20px; }
.tournament_top_wrap .left_wrap { display: flex; align-items: center;gap: 20px;width: 50%; justify-content: flex-end; border-right: 1px solid #d9d9d9;padding-right: 120px;}
.tournament_top_wrap .right_wrap { display: flex; align-items: center;gap: 20px;width: 50%; padding-left: 120px; }

.tournament_top_wrap .type { padding-left: 20px; position: relative; }
.tournament_top_wrap .type.match1 { font-size: 26px; font-weight: 600; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: -1.04px; text-align: left; color: #116ecd; }
.tournament_top_wrap .type.match2 { font-size: 26px; font-weight: 600; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: -1.04px; text-align: left; color: #07386b; }
.tournament_top_wrap .type.match1::after { content: ""; display: block; position: absolute; width: 14px; height: 23px; top: 50%; transform: translateY(-50%); left: 0px; background: url(../img/icon/icon_medal_gold.png) no-repeat center / cover; }
.tournament_top_wrap .type.match2::after { content: ""; display: block; position: absolute; width: 14px; height: 23px; top: 50%; transform: translateY(-50%); left: 0px; background: url(../img/icon/icon_medal_bronze.png) no-repeat center / cover; }
.tournament_top_wrap .team { display: flex; gap: 20px;}
.tournament_top_wrap .team.win .score {color: var(--mainColor1);}
.tournament_top_wrap .team:last-of-type {margin-left: 20px; position: relative;}
.tournament_top_wrap .team:last-of-type::after {content: ""; display: block; content: ""; width: 8px; height: 1px; background-color: #ccc; left: -25px; position: absolute; top: 50%; transform: translateY(-50%);}
.match_1on1 .tournament_wrap {gap: 10px; justify-content: center;}
.match_1on1 .tournament_wrap .result_txt_wrap {position: static; top: auto; left: auto; transform: none;}
/* 게시판 공통 */
.search_no_result { text-align: center; color: #555; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; padding-top: 100px; padding-bottom: 100px; }
.search_no_result p { color: #555; }
/* 대회개요 */
.contest_wrap { margin-top: 60px; }

@media screen and (max-width:1320px){

 .organization_d_wrap { margin-bottom: 80px; display: flex; max-width: 1200px; padding-right: 60px; padding-left: 60px; padding-top: 50px; padding-bottom: 50px; justify-content: center; border: solid 1px #e5e5e5; margin-top: 60px; flex-direction: column; }
 .organization_d_wrap .o_depth02 > div {display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 100px;}
 .organization_d_wrap .o_depth02 > div::before {content: ""; height: 81%; border-left: 1px dashed #aaa; background-color: transparent; width: 1px; position: absolute; top: 115px; left: 0; transform: translateX(-50%) }
 .organization_d_wrap .o_depth03 {display: flex; flex-direction: column; align-items: center; justify-content: center; padding-top: 0px; gap: 50px;}
 .organization_d_wrap .o_depth03 > div {display: inline-block;}
 .organization_d_wrap .o_depth03::before { content: ""; height: 80px; border-left: 1px dashed #aaa; background-color: transparent; width: 1px; position: absolute; top: 0px; left: 50%; transform: translateX(-50%) }
 .organization_d_wrap .right { position: absolute; right: 0px; top: 10px; }
 .organization_d_wrap .o_depth02::before { content: ""; height: 100px; border-left: 1px dashed #aaa; background-color: transparent; width: 1px; position: absolute; top: 0; left: 50%; transform: translateX(-50%) }
 .organization_d_wrap .o_depth02::after {z-index: -10; content: ""; width: 30%; height: 1px; border-radius: 0; background-color: transparent; border-bottom: 1px dashed #b7b7b7; position: absolute;  left: 50%; top: 36px; transform: translateY(-50%);}
 .organization_d_wrap .o_depth03::after { content: ""; height: 1px; border-bottom: 1px dashed #aaa; background-color: transparent; width: calc(100% - 640px); position: absolute; top: 80px; left: 36.5%; transform: translateX(-50%); }
 .organization_d_wrap .line-h {display: block; position: absolute; z-index: -10; content: ""; width: 50%; height: 1px; border-radius: 0; background-color: transparent; border-bottom: 1px dashed #aaa; }
 .organization_d_wrap .lineH01 {top: 115px;}
 .organization_d_wrap .lineH02 {top: 265px;}
 .organization_d_wrap .lineH03 {bottom: 285px;}
 .organization_d_wrap .lineH04 {bottom: 30px;}
 .organization_d_wrap .right::before {display: none; }
 .organization_d_wrap .o_depth03::before {display: none;}
 .organization_d_wrap .o_depth03>div::before {display: none;}
 .organization_d_wrap .o_depth03>div::after {display: none;}
 .organization_d_wrap  .o_depth03 .emptyBox .box {display: none;}
 .organization_d_wrap .emptyBox .o_depth04 > div::before {display: none;}


}



/* 반응형 */
@media screen and (max-width:1300px){
 .graph01_wrap ul li { padding: 20px; background-image: none; }
 .graph01_wrap ul li.bg_color02 { padding: 20px; background-image: none; padding-left: 74px !important; }
 .graph01_wrap ul li { min-width: unset; }
 .graph01_wrap ul li { width: 44%; }

}


@media screen and (max-width:1250px){
 .contest_wrap .tab_depth01_wrap { border-bottom: none; overflow-x: auto; overflow-y: hidden; flex-wrap: nowrap; width: fit-content; max-width: 100%; margin: 0 auto; justify-content: flex-start; }
 .contest_wrap .tab_depth01_wrap > div { min-width: fit-content; }
 .contest_wrap .tab_depth01_wrap > div a { padding: 15px; }
 .contest_wrap .tab_depth01_wrap > div a.active { text-decoration: underline; text-underline-position: under; }
 .tab_depth01_wrap > div a.active::after { display: none; }
 .clean_all_wrap .clean_step_wrap ul li::after { width: 77px; }
}
@media screen and (max-width:1070px){
 .directors_wrap ul li { width:calc(50% - 10px); }
}
@media screen and (max-width:1024px){
 .history_con { flex-direction: column; }
 .gnb_area nav ul li a { font-size: 15px; }

 .tab_match_con_wrap .left_wrap { width:170px; }
 .tab_match_con_wrap .right_wrap { width:170px; }
 .tab_match_con ul li .name { max-width:100px; }

 .clean_all_wrap .clean_step_wrap ul li::after { width: 50px; right: -11%; }
}
@media screen and (max-width:960px){
 .pic_list_wrap ul li { width:calc( 50% - 10px ); }
 .gnb_area nav { display: none; }
 .clean_all_wrap .clean_step_wrap ul li::after { background:none; }
}
@media screen and (max-width:768px) {
 /* 조직도 */
 .organization_d_wrap .o_depth02 > div::before {content: ""; height: 86%; border-left: 1px dashed #aaa; background-color: transparent; width: 1px; position: absolute; top: 115px; left: 0; transform: translateX(-50%) }
 .organization_d_wrap .o_depth02 > div {display: flex; flex-direction: column; align-items: end; justify-content: center; gap: 100px;}
 .organization_d_wrap .o_depth01 > div > .box > .department { background: #222; width: 60%; }
 .organization_d_wrap .o_depth02 > div > .box > .department { background: #116ecd; width: 60%; }
 .organization_d_wrap .o_depth03,.organization_d_wrap .o_depth04 {width: 100%; display: flex; flex-direction: column; gap: 30px; justify-content: center; align-items: center; position: relative; }
 .organization_d_wrap .o_depth03 > div > .box > .department { background: #2259be; width: 60%; }
 .organization_d_wrap .right .department { background: #116ecd; width: 60%; }
 .organization_d_wrap .o_depth04 > div > .list_box > .department {font-size: 14px; border: solid 1px #e5e5e5; background: #f8f8f8; width: 80%; color: #222; font-weight: bold; height: 50px; line-height: 1.2; display: flex; justify-content: center; align-items: center; }
 .organization_d_wrap div .box .department { color: white; font-size: 16px; font-weight: bold; text-align: center; height: 50px; line-height: 50px; }
 .organization_d_wrap .o_depth04 > div::before {display: none; }
 .organization_d_wrap .o_depth04::after { display: none;}
 .organization_d_wrap .o_depth04 { padding-top: 30px; display: flex; gap: 10px; justify-content: center; align-items: center; position: relative; }
 .organization_d_wrap .o_depth04 > div::after { display: none;}
 .organization_d_wrap .lineH03 {bottom: 400px;}
 .organization_d_wrap .lineH04 {bottom: 20px;}

 /* 조직현황 */
 .search_result_wrap .tab_depth01_wrap > div a { font-size: 14px; }
 .search_result_wrap .search_result_box .btn_wrap .more_btn { top: 10px; }
 .search_result_wrap .search_result_box .top_wrap { padding-top: 10px; padding-bottom: 10px; }
 .search_result_wrap .search_result_box .top_wrap .subject_wrap .subject { font-size: 14px; }
 .search_result_wrap .search_result_box .top_wrap .subject_wrap .num { font-size: 14px; }
 .search_result_wrap .search_list li { padding-top: 10px; padding-bottom: 10px; }
 .search_result_wrap .search_list li a .tit { font-size: 13px; }
 .search_result_wrap .search_list li a .txt { font-size: 12px; }
 .search_result_wrap .search_list li a .date { font-size: 12px; }
 .search_result_wrap .result_txt { font-size: 14px; }
 .search_result_wrap .search_list li .no_result_txt { font-size: 13px; }
 .search_result_wrap .search_list li a { gap: 8px; }
 .search_result_wrap .search_list li .no_result_txt { padding-top: 30px; padding-bottom: 30px; }
 .search_result_wrap .search_result_box .btn_wrap .more_btn { font-size: 13px; padding-right: 12px; }
 .search_result_wrap .search_result_box .btn_wrap .more_btn::after { width: 9px; height: 9px; }
 .all_search_area .search_inner .input_box { height: 32px; }
 .all_search_area .search_inner .input_box input { height: 32px; line-height: 32px; font-size: 12px; }
 .all_search_area .search_inner .input_box input::placeholder { font-size: 12px; }
 .all_search_area .search_inner .input_box .search::after { position: absolute; left: auto; display: block; content: ""; right: -6px; top: 15px; transform: translate(-50%, -50%); background-color: var(--mainColor1); mask: url(../img/icon/icon_search.svg) no-repeat center / cover; width: 16px; height: 16px; }
 .contest_wrap { margin-top: 30px; }
 .all_search_area .close_btn { top: 20px; right: 20px; width: 14px; height: 14px; }
 .sub_visual_wrap { margin-top: 60px; }
 .sub_con_tit2 { font-size: 20px; margin-bottom: 10px; }
 .table_wrap { margin-top: 25px; }
 .gray_list { padding: 15px; flex-direction: column; gap: 15px; }
 .gray_list li::after { display: none; }
 .gray_list li dl { gap: 8px; }
 .gray_list li dl dt { font-size: 13px; }
 .gray_list li dl dd { font-size: 15px; }
 .gray_list_wrap { margin-bottom: 20px; }
 .directors_wrap ul li .d_box .name_wrap strong { font-size: 18px; }
 .directors_wrap ul li .d_box .name_wrap .name { font-size: 15px; }
 .directors_wrap ul li .d_box .txt_wrap .status { font-size: 14px; }
 .directors_wrap ul li .d_box .txt_wrap .title2 { font-size: 14px; }
 .directors_wrap ul li .d_box .name_wrap { gap: 4px; }
 .directors_wrap ul li .d_box .txt_wrap { gap: 4px; }
 .directors_wrap ul li .d_box { gap: 20px; padding: 20px; background: none !important; }
 .directors_wrap ul li .d_box .name_wrap { align-items: flex-start; }
 .sub_wrap { padding-bottom: 50px; }
 .tb_result_top { align-items: flex-end; }
 .nav_wrap > ul > li .select_depth { min-width: 100px; }
 .nav_wrap > ul > li .select_depth a { font-size: 12px; }
 .search_no_result { padding-top: 50px; padding-bottom: 50px; }
 /* 기관소개 */
 .sub_con_tit + .pic_banner_tit { font-size: 22px; margin-top:30px; }
 .pic_banner_tit { font-size: 22px; margin-top: 50px; }
 .pic_banner_wrap.bg01 .pic_banner_txt { font-size: 20px; }
 .pic_banner_wrap.bg01 .pic_banner_txt { left: 20px; }
 .graph01_wrap ul li.bg_color02 { padding: 15px; background-image: none; min-width: unset; flex-shrink: 0; width: 50%; padding-left: 45px !important; }
 .graph01_wrap ul li { padding: 10px 15px; background-image: none; min-width: unset; font-size: 14px; flex-shrink: 0; width:44%; }
 .graph01_wrap ul li:last-child:before { background-size: 30px auto; }
 .pic_graph_wrap { padding: 35px 0; margin-top:40px; }
 .pic_graph_wrap .pic_graph_center { width: 180px; height: 180px; }
 .pic_graph_wrap .pic_graph { word-break:break-all; text-align:center; padding:0 10px; padding-top: 28px; }
 .pic_graph_wrap .pic_graph01 { width: 90px; height: 90px; font-size: 12px; margin-top:-25px; }
 .pic_graph_wrap .pic_graph02 { width: 90px; height: 90px; font-size: 12px; }
 .pic_graph_wrap .pic_graph03 { width: 90px; height: 90px; font-size: 12px; }
 .pic_graph_wrap .pic_graph02 { margin-left: -80px; }
 .pic_graph_wrap .pic_graph03 { margin-left: 82px; }
 .pic_graph_wrap .pic_graph p, .pic_graph_wrap .pic_graph p span { font-size: 13px; margin-top:2px; }
 .pic_graph_bottom_txt { font-size: 18px; padding-bottom: 15px; }
 .pic_banner_wrap.bg02 .pic_banner_txt { font-size: 22px; }
 .pic_banner_wrap.bg02 { height: 180px; }
 .pic_banner_tit { margin-top: 40px; }
 .div_graph_wrap { width: calc(100% - 40px); }
 .div_graph_con .div_graph_con_right div ul li { font-size: 14px; }
 .div_graph_con .div_graph_con_left p { font-size: 14px; }
 .div_graph_con .div_graph_con_left { width: 120px; }
 .div_graph_wrap .div_graph_top p.box01 { width: 120px; }
 .div_graph_con::before { left: 126px; }
 .div_graph_con { gap: 26px; }
 .pic_banner_wrap.bg02 .pic_banner_txt { font-size: 18px }
 .pic_banner_wrap.bg02 .pic_banner_txt span { font-size: 20px; }
 .div_graph_wrap .div_graph_top { gap: 26px; }
 .div_graph_con .div_graph_con_right div ul li p { line-height: 1.3; }
 .div_graph_con .div_graph_con_right div ul li span { font-size: 13px; width: 64px; }
 .div_graph_con::before { width: 17px; height: 63px; background-size: cover; }
 .div_graph_wrap .div_graph_top p { padding: 10px; }
 .div_graph_con .div_graph_con_right div ul li { display: flex; gap: 8px; flex-direction: column; }
 .div_graph_con .div_graph_con_right div ul li span { width: 100%; height: 20px; line-height: 20px; padding: 0; }

 .list_type1 li { font-size: 12px; padding-left: 12px; }
 .list_type1 li::after { width: 2px; height: 2px; top: 7px; transform: none; }

 .organization_d_wrap { padding: 20px; }
 .major_step_wrap .major_step_box { flex-direction: column; }
 .major_step_wrap .major_step_box:first-child { margin-top: 30px; }
 .major_step_wrap .major_step_box > div { width: 100%; }
 .major_step_wrap .major_step_box::before { display: none; }
 .major_step_con { padding: 20px 0 30px; }
 .major_step_con ul li { padding: 2px 8px 2px 12px; }
 .major_step_top { padding-top: 12px; padding-bottom: 12px; }

 .sub_con_tit + .brand_box_wrap { flex-direction: column; }

 .brand_box_wrap { display: flex; flex-direction: column; }
 .brand_box_all .color_box .color_chip { max-width: unset; }
 .brand_box_wrap .brand_box_tit { font-size: 22px; margin-bottom: 20px; }
 .brand_box_all { width: 100%; }
 .brand_img_area { max-height: 120px; }
 .brand_img_area img { width: 100%; }
 .brand_box_wrap .brand_box { min-height: 250px; }
 .btn_brand_down { width: 100%; }
 .btn_brand_down button { width: 100%; }
 .brand_box_all { align-items: normal; }
 .brand_box_all .color_box { flex-direction: column; }
 .brand_box_all .color_box .color_chip { width: 100%; }
 .history_con { margin: 40px auto; }
 .history_con .history_date dt { font-size: 38px; }
 .history_con .history_date dd { margin-top: 10px; }
 .history_list_wrap li { padding: 10px 0; }
 .history_list_wrap li > div.history_list_year { font-size: 16px; width: 53px; }
 .history_list_wrap li > div.history_list_date { font-size: 16px; width: 92px; }
 .history_list_wrap li > div.history_list_txt { font-size: 14px; }

 .code_conduct_top { background: none; width: 100%; padding-right: 0; }
 .code_conduct_top div div { font-size: 16px; padding: 20px; }
 .code_conduct_top .code_conduct_con { min-height: 175px; }
 .code_conduct_top div div::before { display: none; }
 .code_conduct_step_all { padding-top: 45px; }
 .code_conduct_ex { font-size: 14px; margin-top: 20px; word-break: keep-all; }
 .code_conduct_step_num { font-size: 21px; top: 19px; }
 .code_conduct_step_all ol li { font-size: 14px; padding: 30px; padding-left: 58px; padding-right: 0; }
 .code_conduct_step_all ol li::before { font-size: 60px; }
 .code_conduct_step_all::before { top: 10px; }
 .load_map_wrap { padding-top: 40px; padding-left: 0; }

 .tb01 thead th { font-size: 13px; padding: 5px 1px; }
 .tb01 tbody td { font-size: 12px; }
 .tb01 thead th { }
 .tb01 tbody td { padding: 16px 2px; }
 .tab_depth02_wrap.row2 div { width: 50%; }
 .tb_top_ex { font-size: 14px; }
 .map_ex_list li.bull_mark01 { background-position: 3px 0; }
 .map_ex_list li.bull_mark02 { background-position: 3px 0; }
 .map_ex_list li.bull_mark03 { background-position: 3px 0; }
 .map_ex_list li span { left: 28px; font-size:14px; }
 .map_ex_list li { padding-left: 95px; font-size: 14px; }
 .load_map_wrap { margin-top: 30px; }
 .load_map_box { padding: 15px; }
 .load_map_box dt span, .load_map_box dt { font-size: 14px; }
 .load_map_box dd { margin-top: 8px; font-size: 14px; line-height: 1.4; }
 .load_map_box dd::before { top: 6px; }
 .map_ex .map_ex_tit { font-size:20px; }
 .map_wrap .map_tit { font-size:22px; margin-top:30px; }
 .load_map_wrap .load_map_tit { font-size:16px; padding-left:30px; background-size:22px auto !important; }

 .sub_visual_wrap .page_tit { font-size: 36px; padding-top: 80px; }
 .sub_visual_wrap { height: 200px; }
 .sub_con_tit { font-size: 30px; }

 .greet_box_wrap .greet_box_txt .greet_tit01 { font-size: 22px; }
 .nav_wrap { margin-bottom: 40px; padding:14px 20px; margin-top:-25px; }
 .nav_wrap > ul > li { padding-left: 7px; }
 .nav_wrap > ul > li button { font-size: 14px; padding-right: 0; min-width: unset; }
 .nav_wrap > ul > li { padding-left: 10px; margin-left: 0; margin-right: 0px; }
 .nav_wrap > ul > li:last-child button { font-size: 14px; padding-right: 0; }
 .nav_wrap > ul > li::before { display: none; }
 .nav_wrap > ul > li button::before { display: none; }
 .inner_wrap { padding-right: 20px; padding-left: 20px; padding-bottom: 0; }
 .total_search_area { align-items: flex-start; flex-direction: column; gap: 10px; }
 .search_result_wrap .search_box { flex-direction: column; width: 100%; margin-top:40px; }

 .select_wrap:first-of-type { width: 100%; border-radius: 4px 4px 0 0; }
 .select_wrap + .select_wrap { width: 100%; }
 .select_wrap { border-bottom: none; border-right: 1px solid #e5e5e5; }
 .select_wrap select { width: 100%; }
 .search_box .icon_btn.search { border-radius: 0 0 4px 0; }
 .input_box input { max-width: unset; }
 .board_list .list_head { display: none; }
 .board_list { border-top: 1px solid #eaeaea; }
 .board_list .list_item li { padding-left: 60px; padding-top: 10px; position: relative; flex-wrap: wrap; padding-bottom: 10px; }
 .board_list .num { min-width: unset; position: absolute; left: 0px; top: 50%; transform: translateY(-50%); left: 10px; }
 .board_list .list_item li .file { width: auto; position: relative; padding: 0; }
 .board_list .file:has(button) { width: fit-content !important; }
 .board_list .file:has(button) button { padding: 0 10px 0 10px; margin-right: 10px; }
 .board_list .file button::after { content:""; width:1px; height:12px; background-color:#aaa; position:absolute; right:0; top:5px; }
 .board_list .list_item li .name { width: auto; position: relative; padding: 0 10px 0 3px; }
 .board_list .name::after { content:""; width:1px; height:12px; background-color:#aaa; position:absolute; right:0; top:3px; }
 .board_list .list_item li .date { width: auto; position: relative; padding: 0 10px; }
 .board_list .date::after { content:""; width:1px; height:12px; background-color:#aaa; position:absolute; right:0; top:3px; }
 .board_list .list_item li .view { width: auto; padding: 0 10px; }
 .board_list .list_item li .subject { width: 100%; margin-bottom: 10px; padding: 0 0 0 10px; }
 .btn_download { padding-left: 20px; }
 .nav_wrap { width:calc(100% - 40px); }
 .board_list .list_head div { font-size: 15px; padding: 5px; }
 .board_list .bull_caution { color:#444; font-size: 15px; background: none; padding: 0; font-weight: normal; white-space: nowrap; }
 .board_list .list_item li div { font-size: 15px; flex-shrink: 1; }
 .board_list.type2 .list_item li { padding-left: 0; }
 .map_area { height: 238px; }
 .board_list .info1 { width: 100%; display: flex; align-items: flex-start; padding-top: 10px !important; padding-bottom: 10px !important; text-align: left !important; }

 .card_wrap { padding: 20px; }
 .card_wrap .card_tit { flex-wrap: wrap; gap: 6px 20px; }
 .card_wrap .col_wrap { flex-direction: column; }
 .card_wrap .col_wrap .col { width: 100%; }
 .card_wrap .card_tit span { font-size: 16px; }
 .card_wrap .col_wrap .col dl dt { font-size: 14px; }
 .card_wrap .col_wrap .col dl dd { font-size: 14px; }
 .card_wrap .col_wrap .col { gap: 6px; }
 .card_wrap .col_wrap { gap: 6px; }
 .card_wrap .card_tit { margin-bottom: 15px; }

 .tab_depth01_wrap { position: relative; flex-wrap: wrap; }
 .tab_depth01_wrap > div { width: 33.33%; text-align: center; height: 33px; display:flex; align-items: center; justify-content: center; }
 /* .tab_depth01_wrap:has(div:nth-child(2):last-child)::before { display: none; }
 .tab_depth01_wrap:has(div:nth-child(3):last-child)::before { display: none; }
 .tab_depth01_wrap::before { position: absolute; width: 100%; height: 1px; background: #dbe8f5; content: ""; display: block; bottom: 50%; } */
 .tab_depth01_wrap::before { display: none; }
 .tab_depth01_wrap { border-bottom: none; }
 .tab_depth01_wrap > div a { font-size: 16px; padding: 4px; word-break: keep-all; }
 .tab_depth01_wrap > div a.active { border-bottom: 2px solid var(--mainColor1); }
 .tab_depth01_wrap > div a.active::after { display: none; }

 .tab_depth02_wrap > div { width: 16.66%; margin-left: -1px; }
 .tab_depth02_wrap > div a { font-size: 14px; min-width: unset; padding:10px 6px; width: 100%; margin-top: -1px; }

 /* 공지사항 */
 .detail_top_tit span { display: -webkit-box; overflow: hidden; font-size: 20px; overflow: hidden; line-height: 1.3; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
 .detail_wrap .detail_con { padding: 0 0 40px; }
 .detail_top_info { justify-content: center; }
 .detail_top_info ul { gap: 12px; }
 .detail_top_info ul li { font-size: 16px; padding-left: 32px; background-position: 10px center !important; }
 .detail_wrap .detail_con p { font-size: 16px; }
 .file_add_wrap ul li a { font-size: 15px; }

 .bottom_list_left { display: none; }
 .bottom_list_right { display: none; }
 .bottom_list_wrap .btn.bg_color01 { width: 100%; }


 .board_list .list_item li { gap: 5px; }
 .board_list .list_item li div.si { width:100%; padding: 0 10px; text-align: left; }
 .board_list .list_item li div.event { width:100%; padding: 0 10px; text-align: left; }
 .board_list .list_item li div.person_type { width:100%;; padding: 0 10px; text-align: left; }
 .board_list .list_item li div.gender { width: 20%; padding: 0 10px; text-align: left; }
 .board_list .list_item li div.etc { width:100%; padding: 0 10px; text-align: left; }

 .tb_result_top ul { gap: 10px; }
 .tb_result_top ul li { font-size: 12px; }

 ul.game_detail { gap: 10px; }
 ul.game_detail li { font-size: 12px; }

 .greet_box_wrap { flex-direction: column; gap: 50px; margin-top: 40px; align-items: center; }
 .greet_box_wrap .greet_box_pic { height: 250px; width: 200px; }
 .greet_box_wrap .greet_box_pic::before { width: 100%; height: 100%; bottom: -13px; right: -10px; transform: translate( 0% , 0% ); z-index:-1; }
 .greet_box_wrap .greet_box_pic img { width: calc(100% - 10px); height: calc(100% - 10px); object-fit: cover; }
 .greet_box_wrap .greet_box_txt .greet_tit01 { line-height: 1.3; }
 .greet_box_wrap .greet_box_txt .greet_tit02 { margin-top: 15px; }
 .greet_box_wrap .greet_box_txt .greet_txt01 { font-size: 14px; line-height: 1.4; margin-top: 25px; }
 .greet_box_wrap .greet_box_txt .greet_txt02 { font-size: 16px; margin-top: 25px; }
 .greet_box_wrap .greet_box_txt .greet_txt02 span { font-size: 20px; }

 .tb01 { margin-top: 15px; }
 .match_wrap .tab_match_type_wrap div a { font-size: 12px; }
 .tab_match_con { padding: 10px 10px; }

 .select_wrap { background: url(../img/icon/icon_arrow1.svg) no-repeat calc(100% - 13px) center / 9px; }
 .select_wrap select { padding-right: 30px; padding-left: 10px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
 .select_wrap select option { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
 .search_box.type2 { flex-direction: row; width: 100%; font-size: 12px; }
 .search_box.type2 .select_wrap { border-radius: 0; border-bottom: 1px solid #e5e5e5; }
 .search_box.type2 select { font-size: 12px; }
 .search_box.type2 .txt_btn { font-size: 12px; padding: 10px; width: 60px; }



 .white_btn { padding: 8px 12px; font-size: 13px; }
 .tb_result_top ul li::after { right: -7px; }
 ul.game_detail li::after { right: -7px; }
 .list_wrap1 li { font-size: 12px; padding-left: 13px; }

 .tab_match_con ul > li { flex-direction: column; height:auto; position:relative; padding-top:30px; }
 .tab_match_con ul > li { gap: 0px; }
 .tab_match_con ul li .team { font-size: 12px; }
 .tab_match_con ul li .result { font-size: 12px; }
 .tab_match_con ul li .name { font-size: 11px; margin-top:5px; }


 .tab_match_con ul > li:nth-child(2n) { padding-bottom: 5px; }
 .tab_match_con_wrap .left_wrap { width:65px; }
 .tab_match_con_wrap .left_wrap .result { position:absolute; left:50%; top:10px; transform: translateX( -50% ); }
 .tab_match_con_wrap .right_wrap { width:65px; }
 .tab_match_con_wrap .right_wrap .result { position:absolute; left:50%; top:10px; transform: translateX( -50% ); }


 /* 사진자료 */
 .organization_wrap { padding-right: 20px; padding-left: 20px; }
 .pic_list_wrap ul li { width: 100%; }

 .pic_list_wrap ul li dl dt { display: -webkit-box; overflow: hidden; font-size: 20px; font-size: 16px; overflow: hidden; line-height: 1.3; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical }
 .pic_list_wrap ul li dl dd { margin-top: 16px; }
 .pic_list_wrap ul li dl dd p { font-size: 15px; }
 .pic_list_wrap ul li dl { margin-bottom: 0; }
 .organization_wrap .paging_wrap ul { margin-top: 30px; }

 /* 윤리강령 */
 .integrity_wrap .integrity_tit { margin-top:30px; margin-bottom:10px; font-size:20px; }
 .integrity_wrap .integrity_ol_tit01 { font-size:16px; padding-top:15px; }
 .integrity_wrap ol > li { font-size:14px; padding-left:20px; }
 .integrity_wrap ol > li::before { font-size:14px; }
 .integrity_wrap p { font-size:14px; }

 .search_box.type3 { align-items: flex-start; position: relative; }
 .search_box.type3 .select_wrap { height: 40px; }
 .search_box.type3 .select_wrap select { font-size: 14px; height: 40px; line-height: 40px; }
 .search_box.type3 .select_wrap:nth-child(1) { width: calc(100% - 40px); }
 .search_box.type3 .select_wrap:nth-child(2) { width: calc(100% - 40px); max-width: unset; border-bottom: 1px solid #e5e5e5; border-radius: 0 0 0 4px; }
 .search_box.type3 .txt_btn { position: absolute; right: 0px; width: 40px; height: 80px; padding: 0; font-size: 14px; }

 .major_step_box .step01:before { width:60px; height:60px; background-size:auto 60px; right:10px; bottom:20px; }
 .major_step_box .step02:before { width:60px; height:60px; background-size:auto 60px; right:10px; bottom:20px; }
 .major_step_box .step03:before { width:60px; height:60px; background-size:auto 60px; right:0px; bottom:20px; }
 .major_step_box .step04:before { width:60px; height:60px; background-size:auto 60px; right:10px; bottom:20px; }

 /* 처리절차 */
 .clean_all_wrap .clean_way_wrap { gap: 10px; flex-direction: column; margin-top: 20px; }
 .clean_all_wrap .clean_step_wrap ul { flex-wrap: wrap; }
 .clean_all_wrap .clean_step_wrap ul li .circle_box { width: 60px; height: 60px; }
 .clean_all_wrap .clean_step_wrap ul li.c_step1 .circle_box::after { background-size: 26px; }
 .clean_all_wrap .clean_step_wrap ul li.c_step2 .circle_box::after { background-size: 26px; }
 .clean_all_wrap .clean_step_wrap ul li.c_step3 .circle_box::after { background-size: 26px; }
 .clean_all_wrap .clean_step_wrap ul li.c_step4 .circle_box::after { background-size: 26px; }
 .clean_all_wrap .clean_step_wrap ul li .tit { font-size: 12px; word-break: keep-all; }
 .clean_all_wrap .clean_step_wrap ul li .step_num { font-size: 14px; }
 .clean_all_wrap .clean_step_wrap ul li .circle_box { margin: 5px auto 12px; }
 .clean_all_wrap .clean_step_wrap ul { margin-top: 20px; }

 .clean_all_wrap .way_list { gap: 8px; }
 .clean_all_wrap .qr_img_box .img_wrap { max-width: 130px; }
 .clean_all_wrap .qr_img_box { padding: 10px 0; width: 100%; margin-bottom: 10px; }
 .clean_all_wrap .qr_img_box .img_wrap { margin: 10px auto; }
 .clean_all_wrap .way_list li dl dt { min-width: 130px; font-size: 13px; line-height: 15px; }
 .clean_all_wrap .way_list li dl dd { font-size: 12px; line-height: 15px; }
 .clean_all_wrap .way_list li dl dd::before { height: 100%; }

 /* 개인정보처리방침 */
 .personl_policy_wrap { margin-top: 30px; }
 .personl_policy_wrap strong { margin-top: 10px; }
 .personl_policy_wrap .tb01 thead th { padding: 12px 2px; font-size: 12px; line-height: 1.2; }
 .personl_policy_wrap .tb01 tbody td { padding: 12px 2px; font-size: 12px; line-height: 1.2; }
 .personl_policy_wrap .txt_indent { font-size: 13px; }
 .personl_policy_wrap strong { font-size: 13px; line-height: 17px; margin-bottom: 2px; }
 .personl_policy_wrap .list_type1 li { font-size: 13px; line-height: 1.2; }
 .personl_policy_wrap { font-size: 13px; line-height: 17px; }
 .personl_policy_wrap .tb_wrap { margin-top: 10px; margin-bottom: 10px; }
}

.alert_wrap { padding: 40px 40px 40px 180px; border-radius: 20px; border: solid 1px #dbe8f5; margin-top: 60px; margin-bottom: 40px; background: url(../img/icon/icon_warning.svg) no-repeat 40px center / 100px; }
.alert_wrap .strong_txt { text-align: left; display: inline-block; color: #116ecd; margin-bottom: 30px; }
.alert_wrap ul li { font-size: 16px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.5; letter-spacing: normal; text-align: left; color: #222; text-indent: -10px; }
.e_guide_txt { font-size: 16px; font-weight: 500; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; text-align: right; color: #116ecd; }
.bottom_list_wrap { position: relative; }
.bottom_list_wrap .btn03 { right: 0px; }
.bottom_list_wrap .bottom_btn_wrap { display: flex; margin: 0 auto; justify-content: center; }
@media screen and (max-width:768px){
 .alert_wrap { margin-top: 20px; margin-bottom: 20px; }
 .alert_wrap .strong_txt { font-size: 16px; margin-bottom: 12px; }
 .e_guide_txt { margin-bottom: -10px; }
 .wd350 { width: 100%; }
 .tb02 th { font-size: 14px; padding: 0 7px; }
 .alert_wrap { padding: 80px 20px 20px 20px; background: url(../img/icon/icon_warning.svg) no-repeat 20px 20px / 50px; }
 .alert_wrap ul li { font-size: 14px; }
 .filebox label { width: 80px; }
 .e_guide_txt { font-size: 14px; }
 .bottom_btn_wrap .btn01 { padding: 5px 10px; }
 .bottom_btn_wrap .btn02 { padding: 5px 10px; }
 .btn03 { padding: 5px 10px; }
}
@media screen and (max-width:450px){
 .directors_wrap ul li { width: 100%; }
 .directors_wrap ul li .d_box { padding: 10px; gap: 10px; }
}


@media screen and (max-width:1200px){
 .tournament_top_wrap .left_wrap {padding-right: 20px;}
 .tournament_top_wrap .right_wrap {padding-left: 20px;}
 .match_tournament .tournament_wrap div.result_txt_wrap { display: none; }
}

@media screen and (max-width:960px){
 .tournament_top_wrap .result_tit_wrap {flex-direction: column; gap: 10px;}
 .tournament_top_wrap .left_wrap {border-right: 0; padding: 0;  width: 100%; justify-content: center;}
 .tournament_top_wrap .right_wrap { padding: 0; justify-content: center; width: 100%;}
 .tournament_top_wrap .type.match1 {font-size: 18px;}
 .tournament_top_wrap .team {gap: 3px;}
 .tournament_top_wrap .team:last-of-type {margin-left: -10px;}
 .tournament_top_wrap .team:last-of-type::after { left: -6px; width: 4px;}
 .tournament_top_wrap .type.match2 {font-size: 18px;}
}