@charset "UTF-8";/* reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,button{margin:0;padding:0;}
fieldset,img{border:0 none;}
dl,ul,ol,menu,li{list-style:none;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
input,select,textarea,button{vertical-align:middle;}
input::-ms-clear{display:none;}
button{border:0 none;background-color:transparent;cursor:pointer;}
body{background:#fff;}
body,th,td,input,select,textarea,button{font-size:14px;line-height:1.5;font-family:'Pretendard','Spoqa Han Sans Neo','Apple SD Gothic Neo',sans-serif;letter-spacing:-0.05em;color:#000;}
/* color값은 디자인가이드에 맞게사용 */
a{color:#000;text-decoration:none;}
a:active,a:hover{text-decoration:underline;}
a:active{background-color:transparent;}
address,caption,cite,code,dfn,em,var{font-style:normal;font-weight:normal;}
/* icon-dkbi - 임시 플레이스홀더 (background-image,background-position 추후 적용) */
.ico_dkbi{display:inline-block;flex-shrink:0;margin:0;padding:0;text-indent:100%;white-space:nowrap;overflow:hidden;background-image:url(https://t1.daumcdn.net/gamepub/ui-contents/service/dkbi/board/pc/ico_dkbi.png);background-size:150px auto;vertical-align:top;box-sizing:border-box;}
.ico_noti{width:24px;height:24px;background-position:0 0;}
.ico_evt{width:24px;height:24px;background-position:-30px 0;}
.ico_new{width:14px;height:14px;background-position:0 -30px;}
.ico_new_l{width:16px;height:16px;background-position:-120px -50px;}
.ico_outlink{width:18px;height:18px;background-position:-80px -70px;}
.link_paging .ico_dkbi{width:7px;height:12px;background-position:-60px -30px;}
.link_paging.disabled .ico_dkbi{background-position:-70px -30px;pointer-events:none;}
.link_prev .ico_dkbi{transform:rotate(180deg);}
.ico_logout{width:20px;height:20px;background-position:-20px -30px;}
.ico_login{width:20px;height:20px;background-position:-40px -30px;}
.ico_del{width:26px;height:26px;background-position:-60px 0;}
.ico_home{width:32px;height:32px;background-position:0 -50px;}
.ico_pin{width:22px;height:22px;background-position:-120px 0;}
.ico_arr{width:16px;height:16px;background-position:-80px -50px;}
.ico_back{width:32px;height:32px;background-position:0 -90px;}
.btn_nav .ico_dkbi{width:16px;height:16px;background-position:-80px -30px;}
.btn_nav:hover .ico_dkbi{background-position:-100px -30px;}
.btn_prev .ico_prev{transform:rotate(180deg);}
.ico_list{width:16px;height:16px;background-position:-80px -90px;}
.btn_list:hover .ico_list{background-position:-100px -90px;}
/* global */
.direct-link{position:absolute;top:-1px;left:0;z-index:1000;height:1px;}
/* 바로가기 */
.direct-link a{position:absolute;top:-999px;padding:5px 10px;font-weight:bold;color:#fff;background:#333;text-decoration:none;white-space:nowrap;}
.direct-link a:focus{top:0;}
.ir_pm{display:block;overflow:hidden;font-size:0;line-height:0;text-indent:-9999px;}
/* PC용 사용된 이미지내 의미있는 텍스트의 대체텍스트를 제공할때 */
.screen_out{overflow:hidden;position:absolute;width:1px;height:1px;font-size:1px;line-height:1px;clip-path:inset(100%);clip:rect(1px,1px,1px,1px);}
/* 대체텍스트가 아닌 접근성을 위한 숨김텍스트를 제공할때 */
.hide{display:none;}
/* font - Pretendard */
@font-face{font-family:'Pretendard';font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/Pretendard/Pretendard-Regular.woff) format("woff");}
@font-face{font-family:'Pretendard';font-style:normal;font-weight:500;font-display:swap;src:url(../fonts/Pretendard/Pretendard-Medium.woff) format("woff");}
@font-face{font-family:'Pretendard';font-style:normal;font-weight:600;font-display:swap;src:url(../fonts/Pretendard/Pretendard-SemiBold.woff) format("woff");}
@font-face{font-family:'Pretendard';font-style:normal;font-weight:700;font-display:swap;src:url(../fonts/Pretendard/Pretendard-Bold.woff) format("woff");}
/* font - Spoqa Han Sans Neo */
@font-face{font-family:'Spoqa Han Sans Neo';font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/SpoqaHanSans/SpoqaHanSansNeo-Regular.woff2) format("woff2");}
@font-face{font-family:'Spoqa Han Sans Neo';font-style:normal;font-weight:700;font-display:swap;src:url(../fonts/SpoqaHanSans/SpoqaHanSansNeo-Bold.woff2) format("woff2");}
/* doc layout */
html,body{width:100%;}
.container-doc{display:flex;flex-direction:column;min-width:1920px;min-height:100vh;background-color:#fff;}
.doc-main{display:flex;flex:1;justify-content:center;position:relative;}
.main-content{display:flex;justify-content:center;position:relative;z-index:50;min-width:1500px;background-color:#fff;box-sizing:border-box;}
.wrap_bg{position:absolute;top:0;left:0;width:100%;height:100%;}
.wrap_bg .box_bg{position:absolute;top:0;}
.wrap_bg .box_bg .img_g{width:calc((100vw - 1500px) / 2);max-width:530px;min-width:290px;height:auto;object-fit:cover;}
.wrap_bg .box_bg_1{left:0;}
.wrap_bg .box_bg_2{right:0;}
.layout_home .main-content{padding:28px 0 269px;}
.layout_board .main-content{padding:20px 26px 200px;}
.content-article{width:920px;}
.content-feature{padding:44px 90px 0 0;box-sizing:border-box;}
@media screen and (max-width:1920px){.main-content{min-width:1340px;}
  .wrap_bg .box_bg .img_g{width:calc((100vw - 1340px) / 2);} }
.doc-header{display:flex;justify-content:center;position:relative;min-width:1500px;height:72px;background-color:#1A1A1A;}
.doc-header .inner_header{display:flex;align-items:center;justify-content:space-between;width:1500px;max-width:1500px;height:72px;box-sizing:border-box;}
.doc-header .doc-title{flex-shrink:0;font-size:0;line-height:0;}
.doc-header .link_logo{display:block;margin-left:-5px;}
.doc-header .img_bi{display:block;}
.doc-header .util_userdesc{display:flex;align-items:center;gap:16px;position:relative;z-index:10;font-size:14px;line-height:17px;color:#C1C1C1;}
.doc-header .util_userdesc .link_account{padding-left:4px;font-weight:700;color:#C1C1C1;}
.doc-header .btn_util{display:flex;align-items:center;justify-content:center;gap:10px;min-width:140px;height:40px;border:1px solid #C1C1C1;font-size:14px;line-height:16px;color:#F2F2F2;box-sizing:border-box;}
.doc-header .btn_util:hover{border-color:#5860FF;background-color:#5860FF;}
.doc-header .btn_logout:hover{background-color:transparent;}
@media screen and (max-width:1920px){.doc-header{min-width:1340px;}
  .doc-header .inner_header{width:1340px;max-width:1340px;} }
/* .doc-footer{ min-width:1500px;margin:auto;padding:0 32px;box-sizing:border-box;} .doc-footer .inner_foot{ overflow:hidden;} .doc-footer .txt_copy{ display:block;padding:42px 0;font-size:12px;line-height:16px;color:#bfbfbf;text-align:center;} .doc-footer .link_corp{ color:#bfbfbf;} .doc-footer .link_corp:hover{ text-decoration:none }2026-06-30 삭제 */
/* 2026-06-30 추가 :푸터 스타일 시작 */
/* footer */
.doc-footer{position:relative;width:100%;}
.doc-footer .inner_footer{position:relative;width:1220px;height:100%;margin:0 auto;padding:63px 0;box-sizing:border-box;}
.doc-footer .inner_footer::before{content:'';position:absolute;top:0;left:50%;transform:translateX(-50%);width:1220px;height:1px;background-color:#d9d9d9;}
.logo_foot{display:flex;align-items:center;gap:24px;}
.logo_foot .link_foot{position:relative;}
.logo_foot .link_foot .img_logo{display:block;}
.info_foot{margin-top:40px;}
.info_foot .info_address,.info_foot .link_g{display:block;font-size:13px;line-height:18px;color:#666;letter-spacing:0;}
.info_foot .info_address{padding-top:40px;}
.info_foot .info_address .txt_addr{display:inline-block;vertical-align:top;padding-top:4px;}
.info_foot .info_address .bar_g{display:inline-block;width:1px;height:12px;margin:7px 16px 3px;background-color:#999A9A;vertical-align:top;}
.info_foot .info_copyright{display:block;padding-top:16px;font-size:13px;line-height:18px;color:#666;}
.info_foot .link_g,.info_foot .link_copyright{display:inline-block;vertical-align:top;}
.info_foot .link_business{margin-left:5px;padding-top:4px;text-decoration:underline;}
.info_foot .link_copyright{color:#666;}
.info_foot .link_cert{display:inline-flex;align-items:center;margin-top:16px;}
.info_foot .link_cert:hover .txt_cert{text-decoration:underline;}
.info_foot .link_cert .txt_cert{margin-right:2px;font-size:14px;line-height:20px;color:#666;}
.info_foot .link_cert .ico_more{width:6px;height:10px;margin:3px 5px;}
html[lang='en'] .info_foot .link_cert .ico_more{margin-top:3px;}
.list_csmenu{display:flex;align-items:center;}
.list_csmenu li{display:flex;align-items:center;position:relative;}
.list_csmenu li:first-child .link_csmenu::before{content:none;}
.list_csmenu li + li::before{width:1px;height:12px;margin:0 12px;background-color:#999A9A;content:'';}
.list_csmenu li .link_csmenu{display:flex;align-items:center;gap:4px;font-weight:500;font-size:14px;line-height:20px;color:#323334;}
.list_csmenu li .link_csmenu.link_privacy{font-weight:600;}
.list_csmenu li .link_csmenu:hover{text-decoration:underline;}
.list_csmenu li .link_grade{position:relative;}
.list_csmenu li .link_grade::after{content:'';flex-shrink:0;width:8px;height:6px;background:url(https://t1.daumcdn.net/gamepub/ui-contents/service/dkbi/board/pc/ico_dkbi.png) no-repeat -120px -30px;background-size:150px auto;}
/* // 2026-06-30 추가 :푸터 스타일 끝 */
/* box-bnr */
.box_bnr{overflow:hidden;position:relative;}
.box_bnr .inner_bnr{position:relative;display:flex;flex-direction:column;align-items:center;background-repeat:no-repeat;background-position:center;background-size:cover;box-sizing:border-box;}
.box_bnr .cont_bnr{position:absolute;top:38px;left:54px;z-index:1;max-width:640px;color:#fff;pointer-events:none;}
.box_bnr .tit_bnr{display:block;font-size:42px;line-height:56px;}
.box_bnr .desc_bnr{margin-top:12px;font-size:20px;line-height:26px;}
.box_bnr .link_detail{display:inline-block;min-width:152px;margin-top:94px;padding:14px 38px;border:1px solid rgba(255,255,255,0.66);color:#fff;background:rgba(0,0,0,0.1);font-size:16px;font-weight:500;line-height:22px;box-sizing:border-box;pointer-events:auto;text-align:center;}
.box_bnr .link_detail:hover{text-decoration:none;}
.box_bnr .wrap_slide{flex-grow:1;width:100%;}
.box_bnr .list_slide{display:flex;}
.box_bnr .list_slide li{width:100%;flex-shrink:0;}
.box_bnr .list_slide .wrap_thumb{position:relative;}
.box_bnr .cont_bnr:has(.link_detail:hover) + .wrap_slide .thumb_img::after,.box_bnr .list_slide .wrap_thumb:hover::after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background-color:#5860FF;opacity:0.11;}
.box_bnr .list_slide .img_g{display:block;width:100%;height:auto;}
/* 슬라이드 페이징 */
.paging_slide{display:flex;justify-content:center;align-self:flex-end;padding-top:6px;}
.paging_slide .inner_paging{display:flex;gap:6px;}
.paging_slide .txt_paging{width:6px;height:6px;background-color:#E3E3E3;border-radius:100%;font-size:1px;line-height:0;color:transparent;}
.paging_slide .txt_paging[aria-current="true"]{background-color:#5860FF;}
/* box_board */
.box_board{width:452px;}
.box_board .link_board{display:block;color:#323334;margin-top:14px;}
.box_board .link_board:hover{text-decoration:none;}
.box_board .wrap_thumb{position:relative;overflow:hidden;}
.box_board .wrap_thumb .img_g{display:block;width:100%;height:auto;}
.box_board .wrap_thumb:after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background-color:rgba(88,96,255,0.11);opacity:0;transition:opacity .2s;pointer-events:none;}
.box_board .link_board:hover .wrap_thumb:after{opacity:1;}
.box_board .txt_tit{display:flex;gap:8px;margin-top:21px;font-size:20px;font-weight:700;line-height:24px;color:#323334;}
.box_board .tit_sub{display:block;margin-top:14px;font-size:20px;font-weight:400;line-height:28px;color:#323334;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal !important;}
.box_board .link_board:hover .tit_sub{color:#5860FF;}
.box_board .desc_sub{display:-webkit-box;overflow:hidden;margin-top:10px;font-size:16px;line-height:22px;color:#999A9A;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
.box_board .link_board:hover .desc_sub{color:#585858;}
.box_board.state_hover .wrap_thumb:after{opacity:1;}
.box_board.state_hover .tit_sub{color:#5860FF;}
.box_board.state_hover .desc_sub{color:#585858;}
/* input */
.group_inp{display:flex;align-items:stretch;gap:10px;width:920px;}
.group_inp .box_tf{flex:1;min-width:0;}
.group_inp .btn_g{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:108px;height:88px;font-size:16px;font-weight:500;line-height:20px;color:#fff;background-color:#5860FF;text-align:center;box-sizing:border-box;}
.group_inp .btn_g:hover{background-color:#2C35ED;}
.group_inp .btn_g:disabled{background-color:#A6AFFC;}
/* group_inp 상태 클래스 - 상태 클래스는 .group_inp 에 추가 (마크업 가이드·정적 노출용) - 실서비스에서는 JS로 상태 클래스 토글,또는 :hover / :focus-within 등 상호작용으로 표현 [Default] 클래스 없음 - 입력 영역 테두리 #E7E7E7,등록 버튼 #5860FF - 마우스 오버 시 아래 :hover 규칙 적용 */
.group_inp:hover .box_tf{border-color:#9999BD;}
.group_inp:hover .btn_g:not(:disabled){background-color:#2C35ED;}
/* [state_hover] 마우스 오버 - 입력 영역 테두리 #9999BD - 등록 버튼 #2C35ED (disabled 제외) - 사용 시점:입력 영역·버튼 hover 상태 */
.group_inp.state_hover .box_tf{border-color:#9999BD;}
.group_inp.state_hover .btn_g:not(:disabled){background-color:#2C35ED;}
/* [state_selected] 입력 포커스(선택) - 입력 영역 테두리 #2C35ED,배경 #FBFBFB - 등록 버튼 rgba(44,53,237,0.44) + 클릭 불가 - 사용 시점:textarea/input focus,텍스트 미입력 */
.group_inp.state_selected .box_tf{border-color:#2C35ED;background-color:#FBFBFB;}
.group_inp.state_selected .box_tf:focus-within{border-color:#2C35ED;background-color:#FBFBFB;}
.group_inp.state_selected .btn_g{background-color:rgba(44,53,237,0.44);cursor:default;pointer-events:none;}
/* [state_filled] 텍스트 입력 완료 - 입력 영역 테두리 #5860FF,텍스트 #323334 - 글자수(.num_write) #727272 - 등록 버튼 #5860FF (활성) - 사용 시점:1자 이상 입력 후,등록 가능 상태 */
.group_inp.state_filled .box_tf{border-color:#5860FF;background-color:#FBFBFB;}
.group_inp.state_filled .box_tf .tf_comm{color:#323334;}
.group_inp.state_filled .txt_byte .num_write{color:#727272;}
.group_inp.state_filled .box_tf:focus-within{border-color:#5860FF;background-color:#FBFBFB;}
.group_inp.state_filled .btn_g{background-color:#5860FF;}
/* [state_disabled] 비활성 - 입력 영역 테두리 #EBEBEB,텍스트·글자수 #ADADAD - 등록 버튼 #A6AFFC + 클릭 불가 - 사용 시점:입력·등록 모두 불가 (textarea/input disabled 속성과 함께 사용) */
.group_inp.state_disabled .box_tf{border-color:#EBEBEB;background-color:#FBFBFB;}
.group_inp.state_disabled .box_tf .tf_comm{color:#ADADAD;}
.group_inp.state_disabled .txt_byte .num_byte,.group_inp.state_disabled .txt_byte .num_write,.group_inp.state_disabled .txt_byte .txt_bar,.group_inp.state_disabled .txt_byte .txt_unit{color:#ADADAD;}
.group_inp.state_disabled .btn_g{background-color:#A6AFFC;pointer-events:none;}
.box_tf{display:flex;position:relative;flex-direction:column;overflow:hidden;height:88px;border:1px solid #E7E7E7;background-color:#FBFBFB;box-sizing:border-box;}
.box_tf:hover{border-color:#9999BD;}
.box_tf:focus-within{border-color:#9999BD;background-color:#FBFBFB;}
.box_tf .tf_comm{display:block;overflow:hidden;resize:none;flex:1;min-height:0;width:100%;padding:24px 104px 24px 20px;border:0 none;font-size:14px;line-height:20px;color:#1A1A1A;background-color:transparent;box-sizing:border-box;outline:none;}
.box_tf .tf_comm::-webkit-input-placeholder{color:#ADADAD;}
.box_tf .tf_comm::-moz-placeholder{color:#ADADAD;}
.box_tf .tf_comm:-ms-input-placeholder{color:#ADADAD;}
.box_tf .tf_comm:-moz-placeholder{color:#ADADAD;}
.box_tf .txt_byte{position:absolute;right:0;bottom:0;flex-shrink:0;padding:0 16px 14px;font-size:0;line-height:0;text-align:right;}
.txt_byte .num_byte{display:inline-block;font-size:12px;line-height:18px;color:#ADADAD;vertical-align:top;}
.txt_byte .num_write{color:#1A1A1A;}
.txt_byte .txt_bar{display:inline-block;margin:0 2px;font-size:12px;line-height:18px;color:#ADADAD;vertical-align:top;}
.txt_byte .txt_unit{display:inline-block;margin-left:2px;font-size:12px;line-height:18px;color:#ADADAD;vertical-align:top;}
/* list */
.list_guestbook{margin-bottom:42px;border-top:1px solid #9c9c9c;}
.list_guestbook li{border-bottom:1px solid #E5E5E5;}
.list_guestbook li:first-child{border-top-color:#9c9c9c;}
.list_guestbook .item_board{display:flex;align-items:center;min-height:64px;padding:21px 19px 21px 20px;color:#323334;box-sizing:border-box;}
.list_guestbook .item_board:hover{background-color:rgba(88,96,255,0.03);text-decoration:none;}
.list_guestbook.state_hover .item_board{background-color:rgba(88,96,255,0.03);}
.list_guestbook .item_board:hover .ico_del{background-position:-90px 0;}
.list_guestbook .txt_username{flex-shrink:0;width:88px;margin-right:20px;font-size:14px;line-height:18px;color:#999A9A;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal !important;}
/* type_mine:내 글 닉네임 컬러 */
.list_guestbook .item_board.type_mine .txt_username{color:#5860FF;}
.list_guestbook .txt_tit{flex:1;min-width:0;font-size:16px;line-height:20px;color:#323334;}
.list_guestbook .txt_date{display:inline-flex;align-items:center;justify-content:flex-end;flex-shrink:0;width:93px;font-family:'Spoqa Han Sans Neo';font-size:14px;line-height:20px;color:#999A9A;}
/* tab */
.tab_comm{max-width:600px;margin:0 auto;}
.tab_comm .list_tab{display:flex;width:100%;}
.tab_comm li{flex:1;min-width:0;}
.tab_comm .link_tab{display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:100%;height:70px;margin-left:-1px;padding:0 16px;border:1px solid #BCBCBC;font-size:22px;line-height:26px;color:#9C9C9C;background-color:#FFFFFF;text-align:center;word-break:break-all;}
.tab_comm li:first-child .link_tab{margin-left:0;}
.tab_comm .link_tab:hover{position:relative;z-index:1;border-color:#323232;color:#323232;text-decoration:none;}
.tab_comm.state_hover .link_tab:first-child{position:relative;z-index:1;border-color:#323232;color:#323232;}
.tab_comm .link_tab[aria-selected="true"]{position:relative;z-index:2;border-color:#323232;color:#FFFFFF;background-color:#323232;font-weight:500;}
.tab_comm .link_tab[aria-selected="true"]:hover{color:#FFFFFF;}
.tab_comm .link_tab.disabled{color:#BCBCBC;pointer-events:none;cursor:default;}
/* paging */
.paging_comm{display:flex;align-items:center;justify-content:center;min-height:48px;font-size:0;line-height:0;}
.paging_comm .link_paging{display:inline-flex;align-items:center;justify-content:center;position:relative;box-sizing:border-box;width:48px;height:48px;padding:0 12px;font-size:14px;line-height:20px;color:#666666;}
.paging_comm .link_paging:hover{color:#323334;text-decoration:none;}
.paging_comm .link_paging.active{color:#323334;font-weight:500;pointer-events:none;text-decoration:underline;}
.paging_comm .link_prev,.paging_comm .link_next{flex-shrink:0;width:38px;height:38px;min-width:38px;padding:0;border:1px solid #EBEBEB;border-radius:50%;}
.paging_comm .link_prev .ico_dkbi,.paging_comm .link_next .ico_dkbi{flex-shrink:0;}
.paging_comm .link_prev{margin-right:34px;}
.paging_comm .link_next{margin-left:34px;}
.paging_comm .link_prev:hover,.paging_comm .link_next:hover{border-color:#5860FF;background-color:rgba(88,96,255,0.11);}
.paging_comm .link_prev.disabled,.paging_comm .link_next.disabled{border-color:#EBEBEB;background-color:transparent;pointer-events:none;cursor:default;}
.paging_comm .txt_ellipsis{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:48px;padding:0 12px;font-size:14px;line-height:20px;color:#666666;}
.paging_comm.state_hover .link_next{border-color:#5860FF;background-color:rgba(88,96,255,0.11);}
.paging_comm.state_disabled .link_prev{border-color:#EBEBEB;background-color:transparent;pointer-events:none;}
/* list_notice */
.list_notice{margin-bottom:26px;border-top:1px solid #9c9c9c;}
.list_notice li{border-bottom:1px solid #E5E5E5;}
.list_notice .link_board{display:flex;align-items:center;min-height:64px;padding:26px 19px 26px 20px;color:#323334;box-sizing:border-box;}
.list_notice .link_board.type_pin{background-color:#FBFBFB;}
.list_notice .link_board:hover{background-color:rgba(55,59,149,0.06);text-decoration:none;}
.list_notice .ico_pin{flex-shrink:0;margin-right:16px;}
.list_notice .txt_tit{flex:1;min-width:0;font-size:16px;line-height:20px;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal !important;}
.list_notice .badge_new{display:inline-flex;flex-shrink:0;margin-left:6px;}
.list_notice .txt_date{flex-shrink:0;width:93px;margin-left:20px;font-family:'Spoqa Han Sans Neo';font-size:14px;line-height:20px;color:#999A9A;text-align:right;}
/* detail_board */
.detail_board .head_detail{padding:24px 28px;background-color:#323232;}
.detail_board .tit_detail{display:flex;align-items:center;font-size:18px;font-weight:500;line-height:22px;color:#fff;word-break:keep-all;}
.detail_board .tit_detail .badge_new{display:inline-flex;vertical-align:top;margin-left:6px;}
.detail_board .info_detail{padding:9px 15px;border:1px solid #F0F0F0;background-color:#FBFBFB;text-align:right;}
.detail_board .date_detail{display:inline-block;font-size:14px;line-height:20px;color:#999A9A;}
.detail_board .body_detail{padding:60px 24px;border-bottom:1px solid #E5E5E5;}
.detail_board .desc_detail{font-size:16px;line-height:24px;color:#323334;white-space:pre-wrap;}
.detail_board .foot_detail{padding-top:50px;}
.detail_board .group_nav{display:flex;align-items:center;justify-content:center;gap:20px;}
.detail_board .btn_nav{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:52px;height:52px;border:1px solid #E5E5E5;color:#666;background-color:#fff;box-sizing:border-box;}
.detail_board .btn_nav:hover{border-color:#323334;color:#323334;text-decoration:none;}
.detail_board .btn_nav.disabled{pointer-events:none;}
.detail_board .btn_list{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-width:120px;height:52px;padding:0 53px;border:1px solid #EBEBEB;font-size:16px;font-weight:500;line-height:18px;color:#666;box-sizing:border-box;}
.detail_board .btn_list:hover{border-color:#323232;color:#323232;text-decoration:none;}
/* home page */
.box_tit{display:flex;align-items:center;gap:14px;width:86px;height:86px;padding-left:5px;}
.box_tit .img_g{display:block;width:86px;height:86px;border-radius:9px;}
.box_tit .tit_game{flex-shrink:0;font-size:20px;color:#5860FF;}
.box_tit .txt_tit{display:block;padding-bottom:3px;font-size:16px;line-height:20px;font-weight:400;color:#666;}
.nav_game{width:210px;margin-top:71px;}
.nav_game .group_nav + .group_nav{margin-top:50px;}
.nav_game .tit_nav{display:block;padding-left:6px;font-size:20px;line-height:24px;color:#323334;}
.nav_game .line_divide{display:block;height:1px;margin-top:14px;background-color:#9C9C9C;}
.nav_game .list_nav{margin-top:19px;}
.nav_game .list_nav li + li{margin-top:24px;}
.nav_game .link_nav{display:flex;align-items:center;padding-left:7px;min-height:20px;font-size:13px;line-height:20px;color:#666666;}
.nav_game .link_nav:hover{color:#323334;text-decoration:none;}
.nav_game .link_nav.on{color:#323334;}
.nav_game .link_nav .txt_link{font-size:16px;line-height:20px;min-width:0;}
.nav_game .link_nav .txt_link:hover{color:#5860FF;text-decoration:underline;}
.nav_game .link_nav .badge_new{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:14px;height:14px;margin-left:6px;}
.nav_game .link_nav .ico_outlink{flex-shrink:0;margin-left:8px;}
.nav_game .link_nav:hover .ico_outlink{background-position:-100px -70px;}
.box_banner{width:212px;height:268px;margin-top:128px;box-sizing:border-box;text-align:center;}
.box_banner .img_g{display:block;width:100%;}
.link_terms{display:table;margin:20px auto 0;font-size:14px;line-height:17px;color:#999A9A;text-decoration:underline;}
/* 2026-06-30 추가 */
.layout_home .content-article{position:relative;}
.area_topbnr{display:flex;align-items:center;position:absolute;top:-100px;left:0;height:72px;text-align:center;}
.area_topbnr .desc_topbnr{font-weight:500;font-size:18px;line-height:21px;color:#C1C1C1;white-space:nowrap;text-align:left;}
.area_topbnr .emph_topbnr{font-weight:500;color:#DC9EFF;}
.area_bnr{width:920px;}
.area_featured{position:relative;display:flex;gap:16px;}
.area_guestbook{margin-top:66px;}
.area_guestbook .tit_guestbook{display:block;margin-bottom:16px;font-size:20px;font-weight:700;line-height:24px;color:#323334;}
.area_guestbook .tit_guestbook .txt_tit{font-weight:400;}
.area_boardlist{width:920px;margin-top:40px;}
/* board page */
.area_boardhead{margin-bottom:40px;}
.area_boardhead .group_boardnav{display:flex;align-items:center;position:absolute;top:20px;left:26px;}
.area_boardhead .group_boardnav .link_back{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;color:#000;}
.area_boardhead .group_boardnav .link_back:hover{text-decoration:none;}
.area_boardhead .group_boardnav .link_back:hover .ico_back{background-position:-40px -90px;}
.area_boardhead .group_boardnav .line_divide{flex-shrink:0;width:1px;height:18px;margin:0 17px 0 10px;background-color:#d9d9d9;}
.area_boardhead .group_boardnav .link_home{display:inline-flex;align-items:center;font-size:16px;line-height:22px;color:#000;}
.area_boardhead .group_boardnav .link_home:hover{color:#5860FF;text-decoration:none;}
.area_boardhead .group_boardnav .ico_home{margin-right:5px;}
.area_boardhead .group_boardnav .link_home:hover .ico_home{background-position:-40px -50px;}
.area_boardhead .box_logo{margin-top:80px;text-align:center;}
.area_boardhead .box_logo .img_bi{display:inline-block;width:404px;height:112px;}
.area_boardtab{margin:70px auto;}
.area_boardlist .btn_more{display:flex;align-items:center;justify-content:center;gap:10px;margin:0 auto;height:32px;padding:0 10px;font-size:16px;font-weight:500;line-height:32px;color:#666;background-color:#fff;box-sizing:border-box;}
.area_boardlist .btn_more:hover{color:#323232;}
.area_boardlist .btn_more:hover .ico_arr{background-position:-100px -50px;}
.area_boarddesc{margin-bottom:40px;}
.area_boarddesc .tit_board{display:block;margin-bottom:20px;font-size:56px;font-weight:700;line-height:67px;color:#323334;}