@charset "utf-8";

/* CSS Document */

*{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
#boardSkin {font-size:16px; font-style:normal; font-weight:normal; line-height:1.5; letter-spacing:-0.04em;}
#boardSkin .boardList {font-family:"Noto Sans KR",맑은고딕, "Malgun Gothic", "Apple SD Gothic Neo", sans-serif, 나눔고딕, "Nanum Gothic", Dotum;}
#board_content #boardSkin .boardList {}
select, input[type="text"], input[type="password"], .textForm, textarea {font-family:"Noto Sans KR",맑은고딕, "Malgun Gothic", "Apple SD Gothic Neo", sans-serif, 나눔고딕, "Nanum Gothic", Dotum; background:#ffffff; border:1px solid #d3d3d3; font-size:16px; color:#585858;}
select {height:35px; padding:5px 5px 5px 10px; vertical-align:middle;}
input[type="text"], input[type="password"],.textForm {padding:0 10px; font-family:"Noto Sans KR",맑은고딕, "Malgun Gothic", "Apple SD Gothic Neo", sans-serif, 나눔고딕, "Nanum Gothic", Dotum;}
input[type="text"], input[type="password"], input[type="file"], .textForm {font-size:16px; color:#585858; height:35px;}
input[type="submit"], button {font-family:"Noto Sans KR",맑은고딕, "Malgun Gothic", "Apple SD Gothic Neo", sans-serif, 나눔고딕, "Nanum Gothic", Dotum;}
textarea {padding:10px;}

#boardSkin .no_data {padding:50px; text-align:center; background:#f7f7f7;}

.main_pop {}
.main_pop .pop_cont {background:#fff;}
.main_pop .pop_cont img {display:block; max-width:100%;}
.main_pop .pop_footer {overflow:hidden; font-style:normal; font-weight:normal; position:relative; line-height:50px; color:#fff; text-align:center;}
.main_pop .pop_footer * {vertical-align:middle;}
.main_pop .pop_footer a {float:left; position:relative; width:50%;}
.main_pop .pop_footer a+a:before {position:absolute; top:50%; left:0; width:1px; height:20px; margin-top:-10px; background:#fff; content:'';}
.main_pop .pop_footer {}



.mpop_dimmed_bg {position:fixed; top:0; left:0; right:0; bottom:0; z-index:1000; background:rgba(0,0,0,0.6);}


#pop_swiper {position:absolute; top:177px; left:50%; z-index:101111100; width:480px; margin-left:-240px;}
#pop_swiper .swiper-pagination {bottom:auto; top:-30px; width:100%;}
/*#pop_swiper .swiper-container {position:relative;}*/
#pop_swiper .swiper-container {position:relative; height:672px;}/*2021.02.09 수정*/
#pop_swiper .swiper-pagination-bullet {width:14px; height:14px; margin:0 4px; background:#fff; opacity:0.4;}
#pop_swiper .swiper-pagination-bullet-active {background:#fff; opacity:1;}



.boardTop {overflow:hidden; margin-bottom:30px;}
.boardTitle {float:left; font-size:36px; font-weight:700; color:#383838;}


strong,b, th {font-weight:500;}


.noticeBox {margin:10px 0 40px; padding:30px; color:#585858; font-size:15px; line-height:30px; background:#eeeeee;}

/*############################################################# 리스트 #############################################################*/
table.boardList {width:100%; border-top:2px solid #383838; word-break:break-all; text-align:center;}
table.boardList th {border-bottom:1px solid #c8c8c8; font-size:16px; font-weight:normal; color:#383838; line-height:55px; background:#f8f8f8;}
table.boardList td {border-bottom:1px solid #cbcbcb; padding:17px 5px; font-size:16px; color:#585858; text-align:center; line-height:25px;}
table.boardList td.td_category {color:#fa99c6;}
table.boardList td.td_subject {text-align:left;}


/*############################################################# 카테고리 #############################################################*/

#categoryBox {margin-bottom:60px; font-family:"Noto Sans KR",맑은고딕, "Malgun Gothic", "Apple SD Gothic Neo", sans-serif, 나눔고딕, "Nanum Gothic", Dotum;}
#categoryBox .group {display:inline-block; width:100%;}
#categoryBox .group+group {margin-top:10px;}
#categoryBox .group > em {float:left; width:115px; font-size:24px; color:#222222; line-height:50px;}


#categoryBox .category {overflow:hidden; float:left; border:1px solid #c1c1c1; vertical-align:top;}
#categoryBox .category li {float:left; width:150px; vertical-align:middle; background:#f3f3f3;}
#categoryBox .category li+li {border-left:1px solid #c1c1c1;}
#categoryBox .category li a {display:block; text-align:center; font-size:20px; line-height:48px; font-weight:normal; color:#2c2c2c; -webkit-transition: all 0.4s ease; transition: all 0.4s ease;}
#categoryBox .category li a:hover {background:#fb99c5; color:#fff; font-weight:400; text-decoration:none;}
#categoryBox .category li.select a { background:#fb99c5; color:#fff;}
#categoryBox .category li.select a:hover { background:#fb99c5; color:#fff; text-decoration:none;}


/*
#tab_menu01 {position:relative; max-width:1400px; margin:-65px auto 75px; background:#fff;}
#tab_menu01:before {position:absolute; top:-15px; left:50%; width:5000px; height:15px; margin-left:-2500px; border-top:1px solid #c5c5c6; border-bottom:1px solid #c5c5c6; background:#f1f1f1; content:'';}
#tab_menu01:after {position:absolute; bottom:-15px; left:50%; width:5000px; height:15px; margin-left:-2500px; border-top:1px solid #c5c5c6; background:#f1f1f1; content:'';}
#tab_menu01 ul {display:inline-block; vertical-align:top;}
#tab_menu01 li {float:left;}
#tab_menu01 a, #tab_menu01 span {display:block; position:relative; z-index:1; padding:0 23px; font-size:20px; color:#1a1a1a; line-height:62px; font-weight:500; text-align:center;}
#tab_menu01 span {color:#cfcfcf;}
#tab_menu01 .on a, #tab_menu01 .select a {color:#ee2261;}
#tab_menu01 .on a:after, #tab_menu01 .select a:after {position:absolute; left:0; bottom:0; height:4px; width:100%; background:#ee2261; content:'';}
*/

/*
#tab_menu01 {position:relative; max-width:1400px; height:162px; margin:-80px auto 75px; text-align:center;}
#tab_menu01:before {position:absolute; top:0; left:50%; bottom:0; z-index:0; width:5000px; margin-left:-2500px; background:#f1f1f1; content:'';}
#tab_menu01 ul {display:inline-block; position:relative; z-index:2; width:100%; min-width:1200px; max-width:1400px; vertical-align:top; padding-top:14px;}
#tab_menu01 ul:before {position:absolute; top:15px; left:50%; z-index:1; width:5000px; height:59px; margin-left:-2500px; border-top:1px solid #c5c5c6; border-bottom:1px solid #c5c5c6; background:#fff; content:'';}
#tab_menu01 ul:after {position:absolute; top:86px; left:50%; z-index:1; width:5000px; height:59px; margin-left:-2500px; border-top:1px solid #c5c5c6; border-bottom:1px solid #c5c5c6; background:#fff; content:'';}
#tab_menu01 li {float:left; position:relative; z-index:2; width:11.11%; margin-bottom:10px;}
#tab_menu01 a, #tab_menu01 span {display:block; position:relative; padding:0 !important; z-index:1; font-size:20px; color:#1a1a1a; line-height:62px; font-weight:500; text-align:center;}
#tab_menu01 span {color:#cfcfcf;}
#tab_menu01 .on a, #tab_menu01 .select a {color:#ee2261;}
#tab_menu01 .on a:after, #tab_menu01 .select a:after {position:absolute; left:0; bottom:0; height:4px; width:100%; background:#ee2261; content:'';}
*/

#tab_menu01 {position:relative; max-width:1400px; margin-top:-85px; margin-left: auto; margin-right: auto;  text-align:center; }
#tab_menu01 ul {display:inline-block; position:relative; z-index:2; width:100%; min-width:1200px; max-width:1400px; vertical-align:top; padding-top:14px;}
#tab_menu01 li {float:left; position:relative; z-index:2; width:11.11%; margin-bottom:10px;}
#tab_menu01 a, #tab_menu01 span {display:block; position:relative; padding:0 !important; z-index:1; font-size:20px; color:#1a1a1a; line-height:61px; font-weight:500; text-align:center;}
#tab_menu01 li:before, #tab_menu01 li:before {position:absolute; left:0; top:0; height:2px; width:100%; background:#dbdbdb; content:'';}
#tab_menu01 li:after, #tab_menu01 li:after {position:absolute; left:0; bottom:0; height:2px; width:100%; background:#dbdbdb; content:'';}
#tab_menu01 span {color:#cfcfcf;}
#tab_menu01 .on a, #tab_menu01 .select a {color:#ee2261;}
#tab_menu01 .on a:after, #tab_menu01 .select a:after {position:absolute; left:0; bottom:0; height:4px; width:100%; background:#ee2261; content:'';}
#tab_menu01 .fake_first {position:absolute; top:0; left:50%; bottom:0; z-index:0; width:5000px; margin-left:-2500px; background:#f1f1f1; content:'';}
#tab_menu01 .fake_line {position:absolute; left:50%; z-index:1; width:5000px; height:61px; margin-left:-2500px; border-top:1px solid #c5c5c6; border-bottom:1px solid #c5c5c6; background:#fff;} 

#tab_menu02 {position:relative; max-width:1400px; margin:-66px auto 85px;}
#tab_menu02 ul {display:inline-block; width:100%; max-width:1400px; vertical-align:top;}
#tab_menu02 li {float:left; width:12.5%; border-right:1px solid #e6e6e6;}
#tab_menu02 li:last-child {border-right:none}
#tab_menu02 a {display:block; position:relative; font-size:19px; text-align:center; color:#1a1a1a; line-height:100px; font-weight:500;}
#tab_menu02:before {position:absolute; top:-15px; left:50%; width:5000px; height:15px; margin-left:-2500px; border-top:1px solid #c5c5c6; border-bottom:1px solid #c5c5c6; background:#f1f1f1; content:'';}
#tab_menu02:after {position:absolute; bottom:-15px; left:50%; width:5000px; height:15px; margin-left:-2500px; border-top:1px solid #c5c5c6; background:#f1f1f1; content:'';}
#tab_menu02 li a:before {display:inline-block; width:44px; height:100px; margin-right:10px; vertical-align:top; background:no-repeat center; content:'';transform: scale(0.9);}
#tab_menu02 li.select a {color:#ee2261;}
#tab_menu02 li.select a:after {position:absolute; left:0; bottom:0px; right:0; z-index:2; height:4px; background:#ee2261; content:'';}
#tab_menu02 li:nth-child(1) a:before {background-image:url('../images/icon_tab00.jpg');}
#tab_menu02 li:nth-child(2) a:before {background-image:url('../images/icon_tab06.png');}
#tab_menu02 li:nth-child(3) a:before {background-image:url('../images/icon_tab01.jpg?v=1');}
#tab_menu02 li:nth-child(4) a:before {background-image:url('../images/icon_tab02.jpg?v=1');}
#tab_menu02 li:nth-child(5) a:before {background-image:url('../images/icon_tab03.jpg?v');}
#tab_menu02 li:nth-child(6) a:before {background-image:url('../images/icon_tab_booster2.png');width: 60px; margin-right: 5px;}
#tab_menu02 li:nth-child(7) a:before {background-image:url('../images/icon_tab04.png');}
#tab_menu02 li:nth-child(8) a:before {background-image:url('../images/icon_tab05.jpg?v=1');}


#tab_menu01 + #tab_menu02 {margin-top:15px;}
#tab_menu01 + #tab_menu02:before {border-top:0;}



.contentsArea #tab_menu01 {margin-top:15px;}
.contentsArea #tab_menu02 {margin-top:15px;}
.contentsArea #tab_menu01 + #tab_menu02 {}

.sub_event.sub_best {position:relative;}
.sub_event.sub_best .boardList {position:relative;}
.sub_event.sub_best .btn_more {position:absolute; top:-55px; right:0;}

/*
#categoryBox .category.grid2 li {width:25%;}
#categoryBox .category.grid3 li {width:33.33%;}
#categoryBox .category.grid4 li {width:25%;}
#categoryBox .category.grid5 li {width:20%;}
#categoryBox .category.grid6 li {width:33.33%;}
#categoryBox .category.grid7 li {width:14.2857%;}
#categoryBox .category.grid8 li {width:12.5%;}
#categoryBox .category.grid9 li {width:11.1111%;}
#categoryBox .category.grid10 li {width:20%;}
#categoryBox .category.grid11 li {width:16.6666%;}
#categoryBox .category.grid12 li {width:16.6666%;}
#categoryBox .category.grid13 li {width:14.2857%;}
#categoryBox .category.grid14 li {width:14.2857%;}
#categoryBox .category.grid15 li {width:12.5%;}
#categoryBox .category.grid16 li {width:12.5%;}
*/



/*
#categoryBox {overflow:hidden; margin-bottom:20px; text-align:left;}
#categoryBox .category {overflow:hidden; position:relative; border-top:1px solid #d9d9d9; border-left:1px solid #d9d9d9; vertical-align:top;}
#categoryBox .category li {float:left; vertical-align:middle; background:#f3f3f3;}
#categoryBox .category li:first-child {position:absolute; top:0; left:0;}
#categoryBox .category li:first-child a {line-height:107px;}
#categoryBox .category li a {display:block; text-align:center; font-size:17px; line-height:53px; font-weight:normal; color:#303030; -webkit-transition: all 0.4s ease; transition: all 0.4s ease;}
#categoryBox .category li a {border-right:1px solid #d9d9d9; border-bottom:1px solid #d9d9d9;}
#categoryBox .category li a:hover {background:#fa99c6; color:#fff; font-weight:400; text-decoration:none;}
#categoryBox .category li.select a { background:#fa99c6; color:#fff;}
#categoryBox .category li.select a:hover { background:#fa99c6; color:#fff; text-decoration:none;}

#categoryBox .category.grid7 {padding-left:24.8%;}
#categoryBox .category.grid7 li {width:33.33%;}
#categoryBox .category.grid7 li:first-child {width:25%;}

#categoryBox .category.grid8 {padding-left:20%;}
#categoryBox .category.grid8 li {width:25%;}
#categoryBox .category.grid8 li:first-child {width:20%;}

#categoryBox .category.grid9 {padding-left:20%;}
#categoryBox .category.grid9 li {width:25%;}
#categoryBox .category.grid9 li:first-child {width:20%;}

#categoryBox .category.grid10 {padding-left:16.666%;}
#categoryBox .category.grid10 li {width:20%;}
#categoryBox .category.grid10 li:first-child {width:16.666%;}

#categoryBox .category.grid11 {padding-left:16.666%;}
#categoryBox .category.grid11 li {width:20%;}
#categoryBox .category.grid11 li:first-child {width:16.666%;}

#categoryBox .category.grid12 {padding-left:14.2857%;}
#categoryBox .category.grid12 li {width:16.666%;}
#categoryBox .category.grid12 li:first-child {width:14.2857%;}

#categoryBox .category.grid13 {padding-left:14.2857%;}
#categoryBox .category.grid13 li {width:16.666%;}
#categoryBox .category.grid13 li:first-child {width:14.2857%;}


#categoryBox .category.grid14 {padding-left:12.5%;}
#categoryBox .category.grid14 li {width:14.2857%;}
#categoryBox .category.grid14 li:first-child {width:12.5%;}


#categoryBox .category.grid15 {padding-left:12.5%;}
#categoryBox .category.grid15 li {width:14.2857%;}
#categoryBox .category.grid15 li:first-child {width:12.5%;}

*/

/*############################################################# 페이징 #############################################################*/
.pageArea {text-align:center; margin:40px 0 40px;}
.pageArea .pagingList {text-align:center; display:inline-block;}
.pageArea .pagingList > span, .pageArea .pagingList > a {float:left; margin:0 5px; border:1px solid #383838;}
.pageArea  img {vertical-align:top;}
.pageArea .paging {display:inline-block; float:left;}
.pageArea .paging li {float:left; width:40px; height:40px; margin:0 5px;}
.pageArea .paging li a {display:block; height:40px; border:1px solid #a8a8a8; font-size:15px; color:#595959; line-height:38px; -webkit-transition: all 0.4s ease; transition: all 0.4s ease;}
.pageArea .paging li.over a, .pageArea .paging li a:hover {border-color:#383838; color:#fff; background:#383838;}




/*############################################################# 검색 #############################################################*/
#searchBox {padding:35px; border:1px solid #a8a8a8; text-align:center;}
#searchBox form {display:inline-block;}
#searchBox select, #searchBox input[type='text'] {float:left; height:40px; font-size:16px; color:#595959;}
#searchBox select {width:120px; margin-right:14px; padding:5px;}
#searchBox input[type='text'] {width:270px; margin-right:14px;}
#searchBox input[type='submit'] {float:left; width:120px; height:40px; margin-right:0; border:0px; font-size:16px; color:#fff; cursor:pointer; background:#383838;}
#searchBox .btn {float:left !important; width:120px; min-width:auto; margin-left:14px;}



/*################################# view #################################*/
.boardView {width:100%; border-top:2px solid #383838;}
.boardView .subject {float:left; width:55%; font-size:17px; color:#383838; line-height:23px;}
.boardView .subject em {color:#339ea4;}
.boardView .bInfo {position:relative; top:0; right:0; float:right; max-width:45%;}
.boardView .top {overflow:hidden; padding:23px 10px; position:relative; border-bottom:1px solid #cbcbcb;}
.boardView .contents {padding:20px; border-bottom:1px solid #a8a8a8;}
.boardView .contents .tit {display:block; width:100px; margin-bottom:20px; font-size:15px; color:#fff; text-align:center; line-height:30px; background:#383838;}
#replay_cont {padding:50px; border-bottom:1px solid #a8a8a8; background:#f8f8f8;}
#replay_cont .tit {display:block; width:100px; margin-bottom:20px; border:1px solid #595959; font-size:15px; color:#595959; text-align:center; line-height:30px; background:#fff;}
.boardView .file {border-bottom:1px solid #cbcbcb; padding:15px; }
.boardView .file * {vertical-align:middle;}
.boardView .file .tit {float:left; font-size:15px; color:#383838;}
.boardView .file ul {position:relative; margin-left:90px;}
.boardView .file ul:before {position:absolute; top:0; left:-17px; content:'|';}
.boardView .file a {display:inline-block; color:#0971ba; line-height:20px;}
.boardView .file img {vertical-align:middle !important;}
.boardView .file li {padding-left:20px; background:url('../images/ico_file.gif') no-repeat 0 6px;}
.boardView .contents .imgWrap {margin-bottom:7px; text-align:center;}
.boardView .contents .imgWrap img {width:auto; max-width:100%;}
.boardView .contents img {max-width:100%;}

.bInfo {overflow:hidden; position:absolute; top:22px; right:10px;}
.bInfo li {float:left; position:relative; padding:0 13px; font-size:15px;}
.bInfo li+li:before {position:absolute; left:-5px; top:0px; content:'|';}
.bInfo b {font-weight:normal; color:#339ea4;}

.bListInfo {overflow:hidden;}
.bListInfo li {float:left; position:relative; font-size:14px; color:#a8aaac;}
.bListInfo li+li {margin-left:12px;}
.bListInfo li+li:before {position:absolute; top:0; left:-9px; content:'/'}
.bListInfo li.writer {color:#4a80d8;}

/*################################# write #################################*/
.agreeBox.type01 {margin:40px 0; padding:40px; border:1px solid #d9d9d9; background:#f8f8f8;}
.agreeBox.type01 h2 {font-size:16px; color:#fff; line-height:51px; text-align:center; font-weight:500; background:#f897c3;}
.agreeBox.type01 .scroll_cont {max-height:200px; padding:25px 45px; overflow:hidden; overflow-y:auto; font-size:15px; line-height:1.6; background:#fff;}
.agreeBox.type01 .agreeChk {padding-top:15px; font-size:14px; color:#666666; text-align:center;}
.agreeBox.type01 .pointTxt {padding:20px 0 0; color:#5b95ff; text-align:center;}

.agreeBox.type02 {margin-bottom:40px; background:#f8f8f8; border:1px solid #e1e1e1; padding:40px;}
.agreeBox.type02 p {text-align:center; padding-top:15px; font-size:15px;}
.agreeBox.type02 p .smallT { font-size:13px; color:#999;}
.agreeBox.type02 table {width:100%; background:#FFF;}
.agreeBox.type02 table th {height:50px; border-left:1px solid #d3d3d3; border-right:1px solid #d3d3d3; font-size:16px; color:#fff; background:#bcb8ba;}
.agreeBox.type02 table td {border:1px solid #d3d3d3; padding:12px; font-size:16px; text-align:center;}

.writeForm {width:100%; border-top:2px solid #242633;}
.writeForm td * {vertical-align:middle;}
.writeForm td, .writeForm th {border-bottom:1px solid #cbcbcb; padding:20px; text-align:left;}
.writeForm th {font-size:16px; color:#585858; padding:17px 10px 17px 30px; vertical-align:top; line-height:22px; vertical-align:middle; font-weight:500; background:#f8f8f8;}
.boardTxt {font-size:15px; color:#585858;}
span.boardTxt, em.boardTxt {display:inline-block; padding-left:10px;}
p.boardTxt {padding-top:5px;}
em.boardTxt, .boardTxt em {color:#fc62ae;}
.writeForm .file_list li+li {margin-top:5px;}
.writeForm .file_img {margin-top:5px;}
.auto_input_box b {color:#ff0000;}
.auto_input_box b.txt {display:inline-block; padding-left:15px;}


/*################################# passwordBox #################################*/
.passwordBox {position:relative; width:700px; margin:100px auto; padding:100px 45px 45px; border:1px solid #ededed; text-align:center; background:#f8f8f8;}
.passwordBox .timg {position:absolute; top:-100px; left:270px;}
.passwordBox strong {display:block; font-size:21px; color:#383838;}
.passwordBox > p {padding:15px 0 30px; font-size:15px; color:#585858;}
.passwordBox input[type="password"] {width:380px;}
.passwordBox .btn {margin-top:20px;}


/*############################################################# 버튼 #############################################################*/



.btnArea {overflow:hidden; margin:30px 0; text-align:center;}
.btnArea * {vertical-align:middle;}
.btnArea p {display:inline-block;}
.btnArea p.right {float:right; margin-right:-5px;}
.btnArea p.left {float:left; margin-left:-5px;}
.btnArea p .btn {float:left; margin:0 5px;}
.btn {display:inline-block; min-width:150px; height:40px; padding:0 20px; border:0; font-size:16px; color:#fff !important; text-align:center; line-height:40px; background:#383838; cursor:pointer;} 

.btn.larger {min-width:240px; height:65px; line-height:65px; font-size:20px;}
.btn.small {width:75px; min-width:75px; height:30px; padding:0; border-radius:5px; font-size:14px; color:#fff; line-height:30px; background:#c2c2c2;}
.btn.normal {min-width:auto; height:30px; font-size:15px; line-height:30px;}

.btn.round {border-radius:5px;}

.btn.gray01 {background:#c2c2c2;}
.btn.gray02 {background:#7f7f7f;}
.btn.btn_border {color:#383838  !important; border:1px solid #595959; line-height:38px; background:none;}
.btn.c_point {background:#fa99c6;}
.btn.c_point02 {background:#fc62ae;}
.btn.b_gray {border:1px solid #595959; color:#595959 !important; background:#fff;}
.btn.b_point {border:1px solid #fa99c6; color:#fa99c6 !important; background:#fff;}

.btn.small.border {line-height:28px;}

.btn_view {display:block; position:relative; padding-right:20px; text-align:center; font-size:18px; color:#fff; line-height:65px; background:url('../images/icon_arrow01.png') no-repeat 82% center #fa99c6;}
.btn_view02 {display:inline-block; padding:0 10px; border-radius:3px; font-size:14px; color:#fff !important; text-align:center; line-height:30px; background:#fa99c6;}

/* common */
.btnArea + .pageArea {margin-top:20px;}
.full {width:100%;}
.fSize60 {width:60%;}
.fSize01 {width:250px;}
.fSize02 {width:100px;}
.fSize03 {width:200px;}
input.number, select.number {width:100px;}
.red {color:#c90b0b;}
.point {color:#f875b1;}
.hr  {display:block; height:100px; border:0;}
.left {float:left;}
.right {float:right;}
.space_t {display:inline-block; padding:0 6px; vertical-align:top;}