@charset "euc-kr";
/* 
------------------------------------------------------------
MGAME Web Design Team
first written : Shin 250410
updated : 250514
------------------------------------------------------------
*/
/* search */
.mid_menu.community>div {position: relative;}
.mid_menu.community div .search_title_box {position: absolute; top: 0px; right: 0px; margin-top: 5px;}

    /* community free - list */
.info.community {margin-top: 0;}
.commu_cont>a {display: flex; text-align: center; color: #eaeaea; font-size: 16px; font-weight: 300; align-items: center;}
.commu_cont>a {border-bottom: 1px solid #383838; background: none; width: 1280px; height: 60px;}
.commu_cont>a:last-child {border-bottom: 2px solid #383838; background: none;}
.commu_cont>a:hover {background: #2f291f;}
.commu_cont>a>div {padding-left: 15px;}
.commu_cont .head>div {padding-left: 0;}
.commu_cont .head, .commu_cont .head:hover {background: #2d2d2d;}
.commu_cont .head>div {text-align: center; width: 1280px;}
.commu_cont>a>div {text-align: left;}
.commu_cont>a>div:nth-child(1) {width: 120px; padding-left: 0px; text-align: center;}
.commu_cont>a>div:nth-child(2) {width: 95px; text-align: center; padding-left: 0;}
.commu_cont>a>div:nth-child(3) {width: 585px; padding-left: 25px;}
.commu_cont>a>div:nth-child(4) {width: 175px; padding-left: 30px;}
.commu_cont>a>div:nth-child(5) {width: 160px; padding-left: 40px;}
.commu_cont>a>div:nth-child(6) {width: 145px; text-align: center; padding-left: 0;}
.commu_cont .head>div:nth-child(1) {width: 120px; padding-left: 0;}
.commu_cont .head>div:nth-child(3) {width: 585px;}
.commu_cont .head>div:nth-child(4) {width: 175px; padding-left: 0;}
.commu_cont .head>div:nth-child(5) {width: 160px; padding-left: 0px;}
.commu_cont .head>div:nth-child(6) {width: 145px;}
.commu_cont span {width: 70px; height: 28px; display: inline-flex; justify-content: center; align-items: center; border-radius: 8px; font-size: 14px;}
.commu_cont .required {background: #151515;}
.commu_cont .required .count span {background: #dc6b07;}
.commu_cont .teti span {background: #553d28;}
.commu_cont .hipe span {background: #434850;}
.commu_cont .crio span {background: #473c53;}
.commu_cont .required>div {text-align: center; padding: 0;}
.commu_cont .required>div:nth-child(1){padding-left: 0px;}
.commu_cont .required>div:nth-child(3){text-align: left; padding-left: 25px;}
.commu_cont .required>div:nth-child(5) {text-align: left; padding-left: 40px;}
.commu_cont .required>div:nth-child(4) {padding-left: 0;}
.commu_cont .title_news {display:flex;} /* count, new_img */
.commu_cont .title_news .new_count {margin-top: 0px;}

    /* community free - view */
.community_view .icoUser {padding-right: 40px;}
.community_view .icoUser:before {content:'';display:inline-block;margin:-1px 10px 0 0;width:13px;height:14px;background:url(https://mgameimage.gscdn.com/mgamezzang/games/knight_v3/community/user_1.png) no-repeat 0 0px;vertical-align:middle}
.community_view .pagination {margin: -60px 0 0;}
.community_view .cont_news {display: flex; flex-direction: column; justify-content: space-between;}
.community_view .cont_news>div:first-child {line-height: 26px;}
.community_view .cont_news .represent {display: flex; align-items: center; margin-top: 80px; height: 140px; border: 1px solid #5f523d;}
.community_view .cont_news .represent>div:first-child {width: 92px; height: 92px; overflow: hidden; border-radius: 46px; background: #151515; margin: 0 30px;}
.community_view .cont_news .represent>div:nth-child(2) {line-height: 32px;}
.community_view .cont_news .represent>div:nth-child(2) span {color: #7d7d7d;}
.community_view .cont_news .represent>div img {margin: -3px 0 0 -20px;}
.community_view .cont_news .represent>div button {width: 100px; height: 40px; font-size: 14px; color: #d7c6ac; border-radius: 12px; background: #453d31; margin-left: 700px; transition: .1s;}
.community_view .cont_news .represent>div button:hover {background: #594f40; transition: .3s;}

/* community free - write   
.info_box>div:first-child ÀÌ°Å wform µé¾î°¡¼­ Ʋ¾îÁ®¼­ .info_box #tx_editor_form .firstChild ·Î ¹Ù²Þ
.info_box>div:nth-child(2) À̰ŵµ .info_box #tx_editor_form .secondChild ·Î ¹Ù²Þ
*/
.free_write {margin: 0 0 150px 0; border-bottom: none;}
.free_write .info_box #tx_editor_form .firstChild {display: flex; column-gap: 7px; margin-top: 20px; font-size: 18px; border-bottom: 1px solid #383838; padding-bottom: 25px;}
.free_write .info_box #tx_editor_form .secondChild {margin-top: 30px;}
.free_write .info_box>div:first-child {display: flex; column-gap: 7px; margin-top: 20px; font-size: 18px; border-bottom: 1px solid #383838; padding-bottom: 25px;}
.free_write .info_box>div:nth-child(2) {margin-top: 30px;}



.free_write .select_title_box {display: flex;width: 176px;height: 44px; background: white;}
.free_write .select_title_box .opt {background: url(https://mgameimage.gscdn.com/mgamezzang/games/knight_v3/community/icon_arrow_down.gif) no-repeat 135px 18px; cursor: pointer; user-select: none;}
.free_write .select_title_box .opt div {width: 176px; height: 44px; text-align: left; line-height: 45px; padding-left: 30px;}    
.free_write .select_title_box .opt.over {position: absolute; z-index: 20; height: 1px; overflow: hidden; transition: .1s;}
.free_write .select_title_box.one .opt.over {z-index: 21;}
.free_write .select_title_box .opt.over div {height: 34px; width: 176px;}
.free_write .select_title_box .opt.over a:first-child div {height: 44px; width: 176px;}
.free_write .select_title_box .opt.over a:last-child div {height: 45px;}
.free_write .select_title_box .opt.over.on {height: 145px; transition: .2s;}
.free_write .select_title_box .opt #title11 {font-weight: 400; color:#626262;}
.free_write .select_title_box .opt.over a div {border-top:none; color:#626262; cursor: pointer; user-select: none; font-weight: 400; background: white; padding-right: 20px;}
.free_write .select_title_box .opt.over a:first-child div {background: url(https://mgameimage.gscdn.com/mgamezzang/games/knight_v3/community/icon_arrow_up.gif) no-repeat 135px 18px; border-bottom: none;}
.free_write .select_title_box .opt.over a:last-child div {border-bottom: none;}
.free_write .select_title_box .opt.over a:hover div {text-decoration: underline; text-decoration-color: #626262; text-underline-offset:4px; color:#282828;}
.free_write .select_title_box .opt.over .title {background: white;}   
.free_write .info_box #tx_editor_form .firstChild .txt input {width: 1100px; font-size: 19px; padding: 0 20px; height: 44px;}
.free_write .info_box #tx_editor_form .firstChild .txt input::placeholder{color:#888;}
.free_write .info_box>div:first-child .txt input {width: 1100px; font-size: 19px; padding: 0 20px; height: 44px;}
.free_write .info_box>div:first-child .txt input::placeholder{color:#888;}

.free_write .represent {text-align: center;}
.free_write .represent button {font-size: 18px; padding: 16px 0; margin-top: 40px; display: inline-block; width: 140px; transition: .3s; font-weight: 300;}
.free_write .represent button:first-child {color: #eaeaea; border: 1px solid #767676; background: #343230;}
.free_write .represent button:first-child:hover {border-color: #dc6b07;}        
.free_write .represent button:last-child{background:#8d521d; color:#fff; margin-left: 20px;}     
.free_write .represent button:last-child:hover{background:#dc6b07;transition: .2s;}

    /* community tip - list */
.info.tip {margin-top: 0;}
.info.tip .commu_cont>a>div:nth-child(1) {width: 120px; padding-left: 0px; text-align: center;}
.info.tip .commu_cont>a>div:nth-child(2) {width: 515px; padding-left: 5px; padding-right: 0px}
.info.tip .commu_cont>a>div:nth-child(3) {width: 155px; text-align: center; padding-left:45px;}
.info.tip .commu_cont .head>div:nth-child(1) {padding-left: 0px; text-align: center;}
.info.tip .commu_cont .head>div:nth-child(2) {width: 515px; padding-left: 5px; padding-right: 0px}
.info.tip .commu_cont .head>div:nth-child(3) {padding-left: 30px;}
.info.tip .commu_cont .required>div:nth-child(1){padding-left: 0px;}
.info.tip .commu_cont .required>div:nth-child(3){text-align: center; padding-left: 45px;}
.info.tip .icoLike {text-align: left !important;}

    /* community tip - view */
.info.tip_view .icoLike {margin-left: 40px;}
.info.tip_view .like_button {text-align: center; margin: 80px 0 40px;}
.info.tip_view .represent {margin-top: 0px}
.info.tip_view .like_button button {width: 180px; height: 60px; background: #343230; font-size: 15px; color: #eaeaea; font-weight: 200; transition: .1s;}
.info.tip_view .like_button button:hover {background: #3f3d3a; transition: .3s;}
.info.tip_view .like_button button img { margin-right: 7px;}

    /* community tip - write */
.tip_write .info_box #tx_editor_form .firstChild .txt input {width: 1280px; font-size: 19px; padding: 0 20px; height: 44px;}
.tip_write .info_box>div:first-child .txt input {width: 1280px; font-size: 19px; padding: 0 20px; height: 44px;}

    /* community poll - list */
.commu_cont.poll>a>div:nth-child(1) {width: 110px; padding-left: 0px; text-align: center;}
.commu_cont.poll>a>div:nth-child(2) {width: 85px; text-align: center; padding-left: 0;}
.commu_cont.poll>a>div:nth-child(3) {width: 720px; padding-left: 25px;}
.commu_cont.poll>a>div:nth-child(4) {width: 240px; padding-left: 30px;}
.commu_cont.poll>a>div:nth-child(5) {width: 110px; padding-left: 0px; text-align: center;}
.commu_cont.poll .head>div:nth-child(1) {width: 110px; padding-left: 0;}
.commu_cont.poll .head>div:nth-child(3) {width: 720px;}
.commu_cont.poll .head>div:nth-child(4) {width: 240px; padding-left: 20px;}
.commu_cont.poll .head>div:nth-child(5) {width: 110px; padding-left: 0px;}
.commu_cont.poll .discussion span {background: #59811f;}
.commu_cont.poll .survey span {background: #1f4d81;}
.commu_cont.poll .ing span {background: #81421f;}
.commu_cont.poll .done span {background: #3d3d3d;}

    /* community poll - view */
.poll_view .cont_news {min-height: 150px;}
.poll_view .poll_graph {width: 1200px; min-height: 100px; background: url(https://mgameimage.gscdn.com/mgamezzang/games/knight_v3/community/knight.png) no-repeat 0 0 #443c34; margin-top: 65px; padding: 38px 83px; margin-bottom: 30px;}
.poll_graph>div:first-child{margin-bottom: 45px; font-size: 16px; font-weight: 300; color: white;}
.poll_graph>div:nth-child(2){display: flex; column-gap: 10px;}
.poll_graph li{margin-bottom: 35px; color: white;}
.poll_graph>div:nth-child(2)>div:nth-child(1) {min-width: 10px;}
.poll_graph>div:nth-child(2)>div:nth-child(2) {margin-top: 2px;}
.poll_graph>div:nth-child(2)>div:nth-child(2) li{margin-bottom: 21px; color: white;}
.poll_graph li>div:first-child{display: flex; width: 1000px; justify-content: space-between; align-items: flex-end;}
.poll_graph li>div:first-child>div:first-child{font-size: 18px; font-weight: 300;}
.poll_graph li>div:last-child{width: 1000px; height: 7px; margin-top: 10px; background: #777777; position: relative;}
.poll_graph li>div:last-child span {width: 0px; height: 7px; background: #f3932d; display: inline-block; position: absolute; text-indent : -10000px;}
.poll_graph .tabs li{height: 24px; overflow: hidden;}
.poll_graph .tabs li.on img{margin-top:-24px;}    

.poll_graph button {width: 210px; height: 60px; background: #e47100; font-size: 18px; color: white; transition: .1s; margin: 10px 0 12px;}
.poll_graph button:hover {background: #cb6706; transition: .3s;}
.poll_view .ellipsis span {width: 70px; height: 28px; display: inline-flex; justify-content: center; align-items: center; border-radius: 8px; font-size: 14px; margin-right: 10px;}
.poll_view .ing {background: #81421f;}
.poll_view .done {background: #3d3d3d;}
.poll_view .new_count {margin-top: 2px;}

    /* community ucc - list */
.info.ucc {background: url(https://mgameimage.gscdn.com/mgamezzang/games/knight_v3/community/ucc_bg.gif) repeat-x;}
.info.ucc .info_box #tx_editor_form .firstChild {display: flex; justify-content: space-between;}
.info.ucc .info_box>div:first-child {display: flex; justify-content: space-between;}
.info.ucc .info_box .honor_place {display: flex; font-size: 16px; align-items: center; column-gap: 10px; margin-top: -8px; padding-right: 7px;}
.info.ucc .info_box .honor_place>div:first-child {color: #eaeaea; align-items: center; column-gap: 10px;}
.info.ucc .info_box .honor_place>div:last-child {position: relative; width: 146px;}


.info.ucc .search_update_box {width: 153px; font-weight:400;font-size: 14px; color:#383838; position: absolute;z-index: 1; margin: -18px 0 0; background: url(https://mgameimage.gscdn.com/mgamezzang/games/knight_v3/common/btn_icon_arrow_down.jpg) no-repeat 122px 15px #fff;}
.info.ucc .search_update_box div {user-select: none;}
.info.ucc .search_update_box .selbox {padding: 10px 0 10px 20px; font-variant-numeric: tabular-nums; letter-spacing: -0.5px;}
.info.ucc .search_update_box .selbox:hover {cursor: pointer;}
.info.ucc .search_update_box .datebox {width: 133px; max-height: 155px; overflow-y: auto; display: none; margin: 0px 0 10px;}
.info.ucc .search_update_box .datebox .box {padding: 5px 0 5px 20px; font-variant-numeric: tabular-nums; letter-spacing: -0.5px;}
.info.ucc .search_update_box .datebox .box:hover {text-decoration: underline; text-decoration-color: #626262; text-underline-offset:4px; color:#282828; cursor: pointer;}
.info.ucc .search_update_box .datebox .box:first-child {padding-top: 1px;}
.info.ucc .search_update_box .datebox .box:last-child {padding-bottom: 10px;}
.info.ucc .search_update_box .datebox::-webkit-scrollbar{width:7px;}
.info.ucc .search_update_box .datebox::-webkit-scrollbar-thumb{border-radius:4px; background:#858585;}
.info.ucc .search_update_box .datebox::-webkit-scrollbar-track{background:none;border-radius:13px;}


#event11 .eventList{display:flex;flex-wrap:wrap;justify-content:flex-start;padding:0px; border-bottom:none; position: relative; margin-top: -3px; border-bottom: 2px solid #373737;}
#event11 .eventList * {color: #b0b0b0;}
#event11 .eventList .pic_opa{position: absolute; top: 0; left: 0; width: 410px; height: 360px; transition: .5s; background: rgb(0,0,0,.0); border: 1px solid rgba(45, 45, 45, 0);}
#event11 .eventList>li{position:relative;margin:0 22px 40px 0;width:410px;height: 360px; background:#383838; transition: .5s;box-sizing:content-box;}
#event11 .eventList>li{margin-bottom:35px;}
#event11 .eventList>li a>div:first-child{width: 410px; height: 230px; overflow: hidden;}
#event11 .eventList>li:nth-child(-n+3){margin-top: 30px; margin-bottom: 65px;}
#event11 .eventList>li:nth-child(3n){margin-right: 0px;}
#event11 .eventList>li:hover .pic_opa{background: rgb(0,0,0,.2); border: 1px solid rgba(45, 45, 45, 1); transition: .3s;}
#event11 .eventList>li img {transition: .5s;}
#event11 .eventList>li:hover img {transform: scale(1.02); transition: .3s;}
#event11 .eventList .honor{position: absolute; width: 84px; height: 101px;left: 9px; top: -3px;}
#event11 .eventList .title {padding:15px 30px; display: flex;}
#event11 .eventList .title>div:first-child {max-width: 350px; color: #eaeaea; font-size: 20px; overflow: hidden; display: inline-block;}
#event11 .eventList .icoUser:before {content:'';display:inline-block;margin:-4px 7px 0 0;width:13px;height:14px;background:url(https://mgameimage.gscdn.com/mgamezzang/games/knight_v3/community/user_1.png) no-repeat;vertical-align:middle}
#event11 .eventList .icoUser {margin: 15px 30px 0px; font-size: 15px;}
#event11 .eventList .icoRead1 {display: inline-block; padding: 8px 0 0; width: 290px; text-align: right; margin-right: 20px;}
#event11 .eventList .icoRead1 img {margin: -1px 3px 0 0px;}
#event11 .eventList .icoEtc {display: flex; justify-content: space-between; padding: 0 30px; margin-top: 10px;}
#event11 .eventList .icoEtc>div:last-child {display: flex; column-gap: 25px;}

    /* community ucc - view */
.info.community_view .img_mov {text-align: center; margin: 30px 0 -10px;}