@import url(https://fonts.googleapis.com/css?family=Noto+Sans+KR:400,500&subset=korean);
@import url(https://cdn.jsdelivr.net/gh/moonspam/NanumSquare@1.0/nanumsquare.css);

@charset "utf-8";
@import url(http://bomcdn.bomgames.com/web_font/nanumgothic.css);

/* 원스토어 모바일POP체 */
@font-face {
    font-family: 'ONE-Mobile-POP';
    src: url('http://bomcdn.bomgames.com/web_font/ONE-Mobile-POP.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

/* 원스토어 모바일고딕 제목체 */
@font-face {
    font-family: 'ONE-Mobile-Title';
    src: url('http://bomcdn.bomgames.com/web_font/ONE-Mobile-Title.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

/* 원스토어 모바일고딕 본문체 */
@font-face {
    font-family: 'ONE-Mobile-Regular';
    src: url('http://bomcdn.bomgames.com/web_font/ONE-Mobile-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}


.inputbox
	{ 
	font-size:10pt; color:#666666; 
	font-family:Nanum Gothic; border-top:1px #A2A2A2 solid; border-right:1px #DEDEDE solid; 
	border-bottom:1px #DEDEDE solid; border-left:1px #A2A2A2 solid; padding:3 0 0 3 
	}
	
.inputbox_g
	{ 
	font-size:10pt; color:#c7c7c7; background-color:#6a6a6a;
	font-family:Nanum Gothic; border-top:1px #313131 solid; border-right:1px #22201A solid; 
	border-bottom:1px #131008 solid; border-left:1px #454032 solid; padding:3 0 0 3 
	}

.inputbox_search
	{ 
	font-size:10pt; color:#003440; 
	font-family:Nanum Gothic; border-top:3px #623827 solid; border-right:3px #623827 solid; 
	border-bottom:3px #623827 solid; border-left:3px #623827 solid; padding:3 0 0 3 
	}

.angel video{width:100%;}


.article-container {
  display: inline-flex;
}

.article-container div {
  background-color: paleturquoise;
  width: 100px;
  height: 100px;
  margin: 10px;
  border: 1px solid black;
  text-align: center;
  margin-left: 5px;
  padding: 10px;
}






/* 테이블 색상 */
.table01 {background-color:#D0D7DA;}
.table02 {background-color:#F4F6F7;}
.table03 {background-color:#E4E8EB;}
.table_back {background-color:#FFFFFF;}
.table_line01 {background-color:#5d5d5d;}
.table_s {border:1px solid #666666;background-color:transparent;}


#q_pagelink {height:20px;padding:5px 0;text-align:center;display:block;}
#q_pagelink .pg_num {cursor:pointer;border:#929292 solid 1px;padding:4px 8px;margin:0px 2px;font-family:arial;font-size:13px;}
#q_pagelink .pg_num1 {cursor:pointer;border:#929292 solid 1px;padding:4px 8px;margin:0px 2px;font-weight:normal;font-family:arial;font-size:13px;}
#q_pagelink .pg_num:hover {border:#424242 solid 1px;color:#424242;}
#q_pagelink .pg_num1:hover {border:#424242 solid 1px;color:#424242;}
#q_pagelink .pg_num_select {border:#000000 solid 1px;background-color:#000000;color:#fff;padding:4px 8px;margin:0 2px;font-weight:bold;font-family:arial;font-size:13px;}
#q_pagelink .skipl {padding-right:6px;color:#c0c0c0;}
#q_pagelink .skipr {padding-left:6px;color:#c0c0c0;}


/* 메인하단3개 롤오버 */
.wrapEvent{*zoom:1}.wrapEvent:after{content:"";display:table;clear:both}.wrapEvent .boxThemeContents{position:relative}.wrapEvent .boxType{display:block;height:296px;cursor:pointer}.wrapEvent .boxType:hover{text-decoration:none}.wrapEvent .boxType:hover h2{text-decoration:underline}.wrapEvent .boxType:hover .thumb img{-moz-transform:scale(1.1);-ms-transform:scale(1.1);-webkit-transform:scale(1.1);transform:scale(1.1);-moz-transition:-moz-transform 0.4s ease-in;-o-transition:-o-transform 0.4s ease-in;-webkit-transition:-webkit-transform 0.4s ease-in;transition:transform 0.4s ease-in}.wrapEvent .boxType .thumb{height:296px; overflow:hidden}

.one_pop12 {font-size:12px; font-family:ONE-Mobile-POP; line-height:100%;}
.one_pop13 {font-size:13px; font-family:ONE-Mobile-POP; line-height:100%;}
.one_pop14 {font-size:14px; font-family:ONE-Mobile-POP; line-height:100%;}
.one_pop15 {font-size:15px; font-family:ONE-Mobile-POP; line-height:100%;}
.one_pop16 {font-size:16px; font-family:ONE-Mobile-POP; line-height:100%;}
.one_pop18 {font-size:18px; font-family:ONE-Mobile-POP; line-height:100%;}
.one_pop20 {font-size:20px; font-family:ONE-Mobile-POP; line-height:100%;}
.one_pop26 {font-size:26px; font-family:ONE-Mobile-POP; line-height:100%;}
.one_pop30 {font-size:30px; font-family:ONE-Mobile-POP; line-height:100%;}
.one_pop40 {font-size:40px; font-family:ONE-Mobile-POP; line-height:100%;}
.one_pop50 {font-size:50px; font-family:ONE-Mobile-POP; line-height:100%;}
.one_pop60 {font-size:60px; font-family:ONE-Mobile-POP; line-height:100%;}
.one_pop70 {font-size:70px; font-family:ONE-Mobile-POP; line-height:100%;}
.one_pop80 {font-size:80px; font-family:ONE-Mobile-POP; line-height:100%;}
.one_pop90 {font-size:90px; font-family:ONE-Mobile-POP; line-height:100%;}
.one_pop100 {font-size:100px; font-family:ONE-Mobile-POP; line-height:100%;}

.one_big11 {font-size:11px; font-family:ONE-Mobile-Title; line-height:140%;}
.one_big12 {font-size:12px; font-family:ONE-Mobile-Title; line-height:140%;}
.one_big13 {font-size:13px; font-family:ONE-Mobile-Title; line-height:140%;}
.one_big14 {font-size:14px; font-family:ONE-Mobile-Title; line-height:140%;}
.one_big15 {font-size:15px; font-family:ONE-Mobile-Title; line-height:140%;}
.one_big16 {font-size:16px; font-family:ONE-Mobile-Title; line-height:140%;}
.one_big18 {font-size:18px; font-family:ONE-Mobile-Title; line-height:140%;}
.one_big20 {font-size:20px; font-family:ONE-Mobile-Title; line-height:140%;}
.one_big26 {font-size:26px; font-family:ONE-Mobile-Title; line-height:140%;}
.one_big30 {font-size:30px; font-family:ONE-Mobile-Title; line-height:140%;}
.one_big40 {font-size:40px; font-family:ONE-Mobile-Title; line-height:140%;}
.one_big50 {font-size:50px; font-family:ONE-Mobile-Title; line-height:140%;}
.one_big60 {font-size:60px; font-family:ONE-Mobile-Title; line-height:140%;}
.one_big70 {font-size:70px; font-family:ONE-Mobile-Title; line-height:140%;}
.one_big80 {font-size:80px; font-family:ONE-Mobile-Title; line-height:140%;}
.one_big90 {font-size:90px; font-family:ONE-Mobile-Title; line-height:140%;}
.one_big100 {font-size:100px; font-family:ONE-Mobile-Title; line-height:140%;}

.one_sub11 {font-size:11px; font-family:ONE-Mobile-Regular; line-height:140%;}
.one_sub12 {font-size:12px; font-family:ONE-Mobile-Regular; line-height:140%;}
.one_sub13 {font-size:13px; font-family:ONE-Mobile-Regular; line-height:140%;}
.one_sub14 {font-size:14px; font-family:ONE-Mobile-Regular; line-height:140%;}
.one_sub16 {font-size:16px; font-family:ONE-Mobile-Regular; line-height:140%;}
.one_sub18 {font-size:18px; font-family:ONE-Mobile-Regular; line-height:140%;}
.one_sub20 {font-size:20px; font-family:ONE-Mobile-Regular; line-height:140%;}
.one_sub26 {font-size:26px; font-family:ONE-Mobile-Regular; line-height:140%;}
.one_sub30 {font-size:30px; font-family:ONE-Mobile-Regular; line-height:140%;}
.one_sub40 {font-size:40px; font-family:ONE-Mobile-Regular; line-height:140%;}
.one_sub50 {font-size:50px; font-family:ONE-Mobile-Regular; line-height:140%;}
.one_sub60 {font-size:60px; font-family:ONE-Mobile-Regular; line-height:140%;}
.one_sub70 {font-size:70px; font-family:ONE-Mobile-Regular; line-height:140%;}
.one_sub80 {font-size:80px; font-family:ONE-Mobile-Regular; line-height:140%;}
.one_sub90 {font-size:90px; font-family:ONE-Mobile-Regular; line-height:140%;}
.one_sub100 {font-size:100px; font-family:ONE-Mobile-Regular; line-height:140%;}



.divTable{
	display: table;
	width: 100%;
}
.divTableRow {
	display: table-row;
}
.divTableHeading {
	background-color: #EEE;
	display: table-header-group;
}
.divTableCell, .divTableHead {
	border: 1px solid #999999;
	display: table-cell;
	padding: 3px 10px;
}
.divTableHeading {
	background-color: #EEE;
	display: table-header-group;
	font-weight: bold;
}
.divTableFoot {
	background-color: #EEE;
	display: table-footer-group;
	font-weight: bold;
}
.divTableBody {
	display: table-row-group;
}


.kg-modal{background-color:rgba(0,0,0,.7)}
.slick-slider{box-sizing:border-box;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;touch-action:pan-y;-webkit-tap-highlight-color:transparent}
.slick-list,.slick-slider{position:relative;display:block}
.slick-list{overflow:hidden;margin:0;padding:0}
.slick-list:focus{outline:none}
.slick-list.dragging{cursor:pointer;cursor:hand}
.slick-slider .slick-list,.slick-slider .slick-track{transform:translateZ(0)}
.slick-track{position:relative;left:0;top:0;display:block;margin-left:auto;margin-right:auto}
.slick-track:after,.slick-track:before{content:"";display:table}
.slick-track:after{clear:both}
.slick-loading .slick-track{visibility:hidden}

.s_contents { width: 100%; text-align:center; background: #fff;}
.s_contents .required img { width: 100%; }
.s_contents .btn_m_pc img {position:absolute; width: 94%; top: 500px; margin: 0 3%;}
.s_contents .btn_m_homebtn img {position:absolute; width: 94%; top: 80%; margin: 0 3%;}

.slick-slide{float:left;height:100%;min-height:1px;outline:none;display:none}
[dir=rtl] .slick-slide{float:right}
.slick-slide img{display:block}
.slick-slide.slick-loading img{display:none}
.slick-slide.dragging img{pointer-events:none}
.slick-initialized .slick-slide{display:block}
.slick-loading .slick-slide{visibility:hidden}
.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}
.slick-arrow.slick-hidden{display:none}
.icon-board-new{background-image:url(/m/images/img_total.png);background-position:-34px -103.5px;width:10px;height:10px;background-size:120px auto;background-repeat:no-repeat;display:block;overflow:hidden;font-size:0;line-height:0;text-indent:-9999px;display:inline-block;vertical-align:top}
.icon-board-search{background-position:-76.5px 0;width:16px}
.icon-board-reply,.icon-board-search{background-image:url(/m/images/img_total.png);height:16px;background-size:120px auto;background-repeat:no-repeat;display:block;overflow:hidden;font-size:0;line-height:0;text-indent:-9999px;display:inline-block;vertical-align:top}
.icon-board-reply{background-position:-53.5px -23px;width:18px}
.icon-board-like-s{display:block;overflow:hidden;font-size:0;line-height:0;text-indent:-9999px;background-position:-17px -103.5px;display:inline-block;vertical-align:top}
.icon-board-like-s,.icon-board-like-s--on{background-image:url(/m/images/img_total.png);width:12px;height:10.5px;background-size:120px auto;background-repeat:no-repeat}
.icon-board-like-s--on{background-position:0 -103.5px}
.icon-board-like-m{display:block;overflow:hidden;font-size:0;line-height:0;text-indent:-9999px;background-position:-74px -65px;display:inline-block;vertical-align:top}
.icon-board-like-m,.icon-board-like-m--on{background-image:url(/m/images/img_total.png);width:14px;height:11.5px;background-size:120px auto;background-repeat:no-repeat}
.icon-board-like-m--on{background-position:-55px -65px}
.icon-board-like-l{display:block;overflow:hidden;font-size:0;line-height:0;text-indent:-9999px;background-position:-48px -46px;display:inline-block;vertical-align:top}
.icon-board-like-l,.icon-board-like-l--on{background-image:url(/m/images/img_total.png);width:18px;height:14px;background-size:120px auto;background-repeat:no-repeat}
.icon-board-like-l--on{background-position:-25px -46px}
.icon-board-read{display:block;overflow:hidden;font-size:0;line-height:0;text-indent:-9999px;background-image:url(/m/images/img_total.png);background-position:-34px -86px;width:14px;height:10px;background-size:120px auto;background-repeat:no-repeat;display:inline-block;vertical-align:top}
.icon-board-report{background-position:0 -86px;height:12.5px}
.icon-board-report,.icon-search-del{display:block;overflow:hidden;font-size:0;line-height:0;text-indent:-9999px;background-image:url(/m/images/img_total.png);width:12px;background-size:120px auto;background-repeat:no-repeat;display:inline-block;vertical-align:top}
.icon-search-del{background-position:-17px -86px;height:12px}
.icon-board-list{background-position:-69px -85px;width:20px;height:13px}
.icon-board-list,.icon-board-prev{background-image:url(/m/images/img_total.png);background-size:120px auto;background-repeat:no-repeat;display:block;overflow:hidden;font-size:0;line-height:0;text-indent:-9999px;display:inline-block;vertical-align:top}
.icon-board-prev{background-position:-111px -20px;width:9px;height:15px}
.icon-board-prev2{background-position:-97.5px 0;width:8.5px;height:17.5px}
.icon-board-next,.icon-board-prev2{background-image:url(/m/images/img_total.png);background-size:120px auto;background-repeat:no-repeat;display:block;overflow:hidden;font-size:0;line-height:0;text-indent:-9999px;display:inline-block;vertical-align:top}
.icon-board-next{background-position:-111px 0;width:9px;height:15px}
.icon-board-search2{background-position:-76.5px -21px;width:16px;height:16px}
.icon-board-search2,.icon-board-write{background-image:url(/m/images/img_total.png);background-size:120px auto;background-repeat:no-repeat;display:block;overflow:hidden;font-size:0;line-height:0;text-indent:-9999px;display:inline-block;vertical-align:top}
.icon-board-write{background-position:-53.5px 0;width:18px;height:18px}
.icon-board-option{background-position:-49px -103.5px;width:19px;height:3px}
.icon-board-more,.icon-board-option{background-image:url(/m/images/img_total.png);background-size:120px auto;background-repeat:no-repeat;display:block;overflow:hidden;font-size:0;line-height:0;text-indent:-9999px;display:inline-block;vertical-align:top}
.icon-board-more{background-position:-111px -40px;width:9px;height:13px}
.icon-board-admin-user{background-image:url(/m/images/img_total.png);background-position:0 0; width:64.6px;height:18.6px;background-size:160px; auto;background-repeat:no-repeat;display:block;overflow:hidden;font-size:0;line-height:0;text-indent:-9999px;display:inline-block;vertical-align:top}
.icon-board-notice-user{background-position:-35px -19px}
.icon-board-notice-user,.icon-board-ontari-user{background-image:url(/m/images/img_total.png);width:13px;height:16px;background-size:120px auto;background-repeat:no-repeat;display:block;overflow:hidden;font-size:0;line-height:0;text-indent:-9999px;display:inline-block;vertical-align:top}
.icon-board-ontari-user{background-position:0 -65px}
.icon-board-vulpin-user{background-position:-18px -65px;width:13px;height:16px}
.icon-board-close,.icon-board-vulpin-user{background-image:url(/m/images/img_total.png);background-size:120px auto;background-repeat:no-repeat;display:block;overflow:hidden;font-size:0;line-height:0;text-indent:-9999px;display:inline-block;vertical-align:top}
.icon-board-close{background-position:-76.5px -42px;width:14.5px;height:15.5px}
.icon-board-attach{display:block;overflow:hidden;font-size:0;line-height:0;text-indent:-9999px;display:inline-block;vertical-align:top}
.icon-board-attach--image{background-image:url(/m/images/img_total.png);background-position:0 -19px;width:30px;height:22px;background-size:120px auto;background-repeat:no-repeat}
.icon-board-select{background-position:-53px -86px;width:15px;height:9px}
.icon-board-select,.icon-remove-upload{background-image:url(/m/images/img_total.png);background-size:120px auto;background-repeat:no-repeat;display:block;overflow:hidden;font-size:0;line-height:0;text-indent:-9999px;display:inline-block;vertical-align:top}
.icon-remove-upload{background-position:-36px -65px;width:14px;height:14px}
.icon-product-buy{background-position:0 -46px;width:20px;height:14px}
.icon-product-buy,.icon-product-detail{background-image:url(/m/images/img_total.png);background-size:120px auto;background-repeat:no-repeat;display:block;overflow:hidden;font-size:0;line-height:0;text-indent:-9999px;display:inline-block;vertical-align:top}
.icon-product-detail{background-position:-111px -58px;width:4px;height:7px}
@media screen and (min-width:640px){.icon-board-new{background-image:url(/m/images/img_total.png);background-position:-68px -207px;width:20px;height:20px;background-size:240px auto;background-repeat:no-repeat;display:block;overflow:hidden;font-size:0;line-height:0;text-indent:-9999px;display:inline-block;vertical-align:top}
.icon-board-search{background-position:-153px 0;width:32px}
.icon-board-reply,.icon-board-search{background-image:url(/m/images/img_total.png);height:32px;background-size:240px auto;background-repeat:no-repeat;display:block;overflow:hidden;font-size:0;line-height:0;text-indent:-9999px;display:inline-block;vertical-align:top}
.icon-board-reply{background-position:-107px -46px;width:36px}
.icon-board-like-s{display:block;overflow:hidden;font-size:0;line-height:0;text-indent:-9999px;background-position:-34px -207px;display:inline-block;vertical-align:top}
.icon-board-like-s,.icon-board-like-s--on{background-image:url(/m/images/img_total.png);width:24px;height:21px;background-size:240px auto;background-repeat:no-repeat}
.icon-board-like-s--on{background-position:0 -207px}
.icon-board-like-m{display:block;overflow:hidden;font-size:0;line-height:0;text-indent:-9999px;background-position:-148px -130px;display:inline-block;vertical-align:top}
.icon-board-like-m,.icon-board-like-m--on{background-image:url(/m/images/img_total.png);width:28px;height:23px;background-size:240px auto;background-repeat:no-repeat}
.icon-board-like-m--on{background-position:-110px -130px}
.icon-board-like-l{display:block;overflow:hidden;font-size:0;line-height:0;text-indent:-9999px;background-position:-96px -92px;display:inline-block;vertical-align:top}
.icon-board-like-l,.icon-board-like-l--on{background-image:url(/m/images/img_total.png);width:36px;height:28px;background-size:240px auto;background-repeat:no-repeat}
.icon-board-like-l--on{background-position:-50px -92px}
.icon-board-read{display:block;overflow:hidden;font-size:0;line-height:0;text-indent:-9999px;background-image:url(/m/images/img_total.png);background-position:-68px -172px;width:28px;height:20px;background-size:240px auto;background-repeat:no-repeat;display:inline-block;vertical-align:top}
.icon-board-report{background-position:0 -172px;height:25px}
.icon-board-report,.icon-search-del{display:block;overflow:hidden;font-size:0;line-height:0;text-indent:-9999px;background-image:url(/m/images/img_total.png);width:24px;background-size:240px auto;background-repeat:no-repeat;display:inline-block;vertical-align:top}
.icon-search-del{background-position:-34px -172px;height:24px}
.icon-board-list{background-position:-138px -169px;width:40px;height:24px}
.icon-board-list,.icon-board-prev{background-image:url(/m/images/img_total.png);background-size:240px auto;background-repeat:no-repeat;display:block;overflow:hidden;font-size:0;line-height:0;text-indent:-9999px;display:inline-block;vertical-align:top}
.icon-board-prev{background-position:-222px -40px;width:18px;height:30px}
.icon-board-prev2{background-position:-195px 0;width:17px;height:35px}
.icon-board-next,.icon-board-prev2{background-image:url(/m/images/img_total.png);background-size:240px auto;background-repeat:no-repeat;display:block;overflow:hidden;font-size:0;line-height:0;text-indent:-9999px;display:inline-block;vertical-align:top}
.icon-board-next{background-position:-222px 0;width:18px;height:30px}
.icon-board-search2{background-position:-153px -42px;width:32px;height:32px}
.icon-board-search2,.icon-board-write{background-image:url(/m/images/img_total.png);background-size:240px auto;background-repeat:no-repeat;display:block;overflow:hidden;font-size:0;line-height:0;text-indent:-9999px;display:inline-block;vertical-align:top}
.icon-board-write{background-position:-107px 0;width:36px;height:36px}
.icon-board-option{background-position:-98px -207px;width:38px;height:6px}
.icon-board-more,.icon-board-option{background-image:url(/m/images/img_total.png);background-size:240px auto;background-repeat:no-repeat;display:block;overflow:hidden;font-size:0;line-height:0;text-indent:-9999px;display:inline-block;vertical-align:top}
.icon-board-more{background-position:-222px -80px;width:18px;height:26px}
.icon-board-admin-user{background-image:url(/m/images/img_total.png);background-position:0 0;width:97px;height:28px;background-size:240px auto;background-repeat:no-repeat;display:block;overflow:hidden;font-size:0;line-height:0;text-indent:-9999px;display:inline-block;vertical-align:top}
.icon-board-notice-user{background-position:-70px -38px}
.icon-board-notice-user,.icon-board-ontari-user{background-image:url(/m/images/img_total.png);width:26px;height:32px;background-size:240px auto;background-repeat:no-repeat;display:block;overflow:hidden;font-size:0;line-height:0;text-indent:-9999px;display:inline-block;vertical-align:top}
.icon-board-ontari-user{background-position:0 -130px}
.icon-board-vulpin-user{background-position:-36px -130px;width:26px;height:32px}
.icon-board-close,.icon-board-vulpin-user{background-image:url(/m/images/img_total.png);background-size:240px auto;background-repeat:no-repeat;display:block;overflow:hidden;font-size:0;line-height:0;text-indent:-9999px;display:inline-block;vertical-align:top}
.icon-board-close{background-position:-153px -84px;width:29px;height:31px}
.icon-board-attach{display:block;overflow:hidden;font-size:0;line-height:0;text-indent:-9999px;display:inline-block;vertical-align:top}
.icon-board-attach--image{background-image:url(/m/images/img_total.png);background-position:0 -38px;width:60px;height:44px;background-size:240px auto;background-repeat:no-repeat}
.icon-board-select{background-position:-106px -172px;width:30px;height:18px}
.icon-board-select,.icon-remove-upload{background-image:url(/m/images/img_total.png);background-size:240px auto;background-repeat:no-repeat;display:block;overflow:hidden;font-size:0;line-height:0;text-indent:-9999px;display:inline-block;vertical-align:top}
.icon-remove-upload{background-position:-72px -130px;width:28px;height:28px}
.icon-product-buy{background-position:0 -92px;width:40px;height:28px}
.icon-product-buy,.icon-product-detail{background-image:url(/m/images/img_total.png);background-size:240px auto;background-repeat:no-repeat;display:block;overflow:hidden;font-size:0;line-height:0;text-indent:-9999px;display:inline-block;vertical-align:top}
.icon-product-detail{background-position:-222px -116px;width:8px;height:14px}
}
blockquote,body,button,code,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,legend,li,ol,p,pre,select,td,textarea,th,ul{margin:0;padding:0}
fieldset,img{border:0}
dl,li,menu,ol,ul{list-style:none}
blockquote,q{quotes:none}
blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}
button,input,select,textarea{vertical-align:middle}
button{border:0;background-color:transparent;cursor:pointer}
body,button,input,select,td,textarea,th{font-size:0;font-weight:400;line-height:1.5;letter-spacing:-.025em;color:#333;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}
a{color:#333}
a,a:active,a:hover{text-decoration:none}
a:active{background-color:transparent}
a:focus{outline:none}
address,caption,cite,code,dfn,em,var{font-style:normal;font-weight:400}
caption{left:-9999px;width:.01em;height:.01em;font-size:.01em;line-height:.01em}
.skip,caption{overflow:hidden}
.skip{display:block;font-size:0;line-height:0;text-indent:-9999px}
input{-webkit-appearance:none;-moz-appearance:none;appearance:none}
input::-ms-clear{display:none}
input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none}
input[type=number]{-moz-appearance:textfield}
@media screen and (min-width:640px){body,button,input,select,td,textarea,th{font-family:Noto Sans KR,留묒� 怨좊뵓,Malgun Gothic}
.screen-out{position:absolute;width:0;height:0}
.screen-out,.screen-skip{overflow:hidden;line-height:0;text-indent:-9999px}
.screen-skip{display:block;font-size:0}
body.page--fixed{position:fixed;top:0;left:0;right:0}
.wrap-title{position:fixed;top:122px;left:0;z-index:10;width:100%;height:120px;background:url(/m/images/bg_topline.jpg);color:#fff;text-align:center} /* 상단칼라탭 */
.wrap-title>h3{font-size:32px;font-weight:400;line-height:120px;color:#fff;letter-spacing:-.05em}
.wrap-title .func-btn{position:absolute;top:0;height:120px}
.wrap-title .func-btn--left{left:0}
.wrap-title .func-btn--right{right:0}
.wrap-title .page-search__link{display:block;box-sizing:border-box;overflow:hidden;position:relative;width:122px;height:122px}
.wrap-title .page-search__link .icon-board-search2{position:absolute;left:50%;top:50%;transform:translate3d(-50%,-50%,0)}
.wrap-title .page-prev__link{display:block;overflow:hidden;width:122px;height:122px;box-sizing:border-box}
.wrap-title .page-prev__link .icon-board-prev2{position:absolute;left:50%;top:50%;transform:translate3d(-50%,-50%,0)}
.wrap-title .page-more__link{display:block;overflow:hidden;width:122px;height:122px;box-sizing:border-box}
.wrap-title .page-more__link .icon-board-option{position:absolute;left:50%;top:50%;transform:translate3d(-50%,-50%,0)}
.wrap-title .page-write__link{overflow:hidden;display:block;box-sizing:border-box;position:relative;width:122px;height:122px}
.wrap-title .page-write__link .icon-board-write{position:absolute;left:50%;top:50%;transform:translate3d(-50%,-50%,0)}
.wrap-more .more__btn{width:100%;height:94px;background:#d19f67;text-align:center;font-size:26px;font-weight:400;line-height:90px;color:#fff}
.wrap-more .icon-board-more{margin:34px 0 0 8px}
.input__text{position:relative;width:100%}
.input__text>input,.input__text>label{width:100%;height:98px;padding:0 34px;font-size:26px;font-weight:400;line-height:98px;color:#666;border:0;box-sizing:border-box;background:none;letter-spacing:-.025em;outline:none}
.input__text>input{border-bottom:2px solid #646474;background:rgba(128,133,153,.3);transition:.2s}
.input__text>input[disabled]{background:rgba(25,24,24,.4);color:#5f5f5f;border-color:#3c3b40}
.input__text>input[disabled]~label{color:#5f5f5f}
.input__text>label{position:absolute;top:0;left:0;cursor:text;color:#d9e1eb;letter-spacing:-.05em}
.input__text.write--on>label{display:none}
.input__text.write--on>input{border-color:#f9c228;background:rgba(128,133,153,.5)}
.input__text.write--on>input[disabled]{background:rgba(25,24,24,.4);color:#5f5f5f;border-color:#3c3b40}
.input__text.write--on>input[disabled]~label{color:#5f5f5f}
.input__text:hover>input{background:rgba(128,133,153,.5)}
.input__text:hover>input[disabled]{background:rgba(25,24,24,.4);color:#5f5f5f;border-color:#3c3b40}
.input__text:hover>input[disabled]~label{color:#5f5f5f}
.input__check{position:relative;width:100%}
.input__check>input{position:absolute;top:0;left:0;opacity:0}
.input__check>input:checked+label .form--icon{background-position-y:bottom}
.input__check>label{display:block;width:100%;height:42px;cursor:pointer}
.input__check>label .form--icon{width:100%;height:42px;display:block;overflow:hidden;font-size:0;line-height:0;text-indent:-9999px;background-repeat:no-repeat}
.section-input--agree{width:552px;margin:0 auto}
.section-input--agree .form--icon{background-image:url(/m/images/check-agree.png);background-size:552px 92px;background-repeat:no-repeat}
}
.kg-modal,.kg-modal .modal{visibility:hidden;opacity:.01}
.kg-modal--show,.kg-modal .modal--show{visibility:visible;opacity:1}
.kg-modal{position:fixed;left:0;top:0;width:0;height:0;max-width:100%;max-height:100%;z-index:9999;background-color:rgba(0,0,0,.88);outline:0;-webkit-overflow-scrolling:touch}
.kg-modal--show{width:100%;height:100%}
.kg-modal .modal{position:absolute;left:0;top:0;max-height:100%;z-index:110}
.kg-modal .modal:focus{outline:none}
.kg-modal .modal .modal__container{position:relative;width:100%;opacity:0;transform:translateZ(0)}
.kg-modal .modal--show .modal__container{opacity:1}
.kg-modal .modal--scroll{overflow-y:scroll;height:100%}
.kg-modal>.modal--animate{transform:scale(0);transition:transform .3s,opacity .3s}
.kg-modal>.modal--show{transform:scale(1)}
.kg-modal .modal--video{width:100%;max-width:1280px}
.kg-modal .modal--video .modal__container{position:relative;height:auto}
.kg-modal .modal--video .modal__container .modal__contents,.kg-modal .modal--video .modal__container .modal__contents-wrap,.kg-modal .modal--video .modal__container iframe{width:100%;height:100%}
.kg-modal .modal--video .modal__container iframe{position:absolute;top:0;left:0;width:100%;height:100%}
.kg-modal .modal--video .modal__container .vod-dimmed--background{width:100%;height:auto}
.kg-modal .modal--video .modal__button-close{position:absolute;left:50%;top:-56px;width:41px;height:41px;margin-left:-20.5px;background:url(/m/images/btn-close-modal.png) no-repeat;background-size:cover}
.kg-modal .modal--intro{width:296px;outline:none}
.kg-modal .modal--intro .modal__container{height:400.5px}
.kg-modal .modal--intro .modal__container .modal__contents .intro-link{display:block;position:relative}
.kg-modal .modal--intro .modal__container .modal__contents .intro-link img{width:100%;height:auto}
.kg-modal .modal--intro .modal__container .modal__contents .intro-link .border-box{box-sizing:border-box;position:absolute;left:0;top:0;width:100%;height:100%;border:1px solid hsla(0,0%,100%,.15)}
.kg-modal .modal--intro .modal__container .modal__button-area{box-sizing:border-box;position:relative;padding-top:0;border:1px solid #454445;border-top:none;background-color:#161517}
.kg-modal .modal--intro .modal__container .modal__button-area:after{display:block;content:"";clear:both}
.kg-modal .modal--intro .modal__container .modal__button-area button{height:46.5px;color:#878688;font-size:12px;letter-spacing:-.05em}
.kg-modal .modal--intro .modal__container .modal__button-area button.modal__button-block{float:left;width:147px}
.kg-modal .modal--intro .modal__container .modal__button-area button.modal__button-close{position:absolute;right:0;top:0;border-left:1px solid #454445;width:147.5px}
.kg-modal .modal--dialog .modal__container{width:300px;height:202px;background:#fff;letter-spacing:-.05em;text-align:center}
.kg-modal .modal--dialog .modal__label{padding:18.5px 0 19.5px;border-bottom:1px solid #eaeaea;font-size:15px;font-weight:500;line-height:18px;color:#2b2b2b;letter-spacing:-.05em}
.kg-modal .modal--dialog .modal__contents{display:table;width:100%;height:74px}
.kg-modal .modal--dialog .modal__contents .modal__contents-wrap{display:table-cell;vertical-align:middle;font-size:13px;font-weight:400;line-height:17px;color:#7d7d7d}
.kg-modal .modal--dialog .modal__button-area{overflow:hidden;width:276px;margin:0 auto}
.kg-modal .modal--dialog .modal__button-alert{display:inline-block;width:144px;height:43px;vertical-align:top;background:#d19f67}
.kg-modal .modal--dialog .modal__button-alert>span{display:inline-block;font-size:13px;font-weight:400;line-height:41px;color:#fff;vertical-align:top}
.kg-modal .modal--dialog .modal__button-confirm{float:right;width:134px;height:43px;background:#d19f67}
.kg-modal .modal--dialog .modal__button-confirm>span{display:inline-block;font-size:13px;font-weight:400;line-height:41px;color:#fff;vertical-align:top}
.kg-modal .modal--dialog .modal__button-cancel{float:left;width:134px;height:43px;border:1px solid #d19f67;box-sizing:border-box;background:#fff}
.kg-modal .modal--dialog .modal__button-cancel>span{display:inline-block;font-size:13px;font-weight:400;line-height:39px;color:#d19f67;vertical-align:top}
.kg-modal .modal--agree .modal__container{width:300px;height:511px;background:#fff;letter-spacing:-.05em}
.kg-modal .modal--agree .modal__label{padding:18.5px 0 19.5px}
.kg-modal .modal--agree .modal__label .title{display:block;text-align:center;font-size:15px;font-weight:500;line-height:18px;color:#2b2b2b;letter-spacing:-.05em}
.kg-modal .modal--agree .modal__contents{padding:0 12px}
.kg-modal .modal--agree .modal__contents .box-agree__cont{padding:16.5px 16px 17.5px;font-size:12px;font-weight:400;line-height:17px;color:#7d7d7d;letter-spacing:-.05em;background:#f8f8f8}
.kg-modal .modal--agree .modal__contents .box-agree__cont .agree__title{display:block;margin-bottom:11px;font-size:13px;line-height:18px}
.kg-modal .modal--agree .modal__contents .box-agree__cont .agree-text__list li{position:relative;padding-left:10px;margin-bottom:7px}
.kg-modal .modal--agree .modal__contents .box-agree__cont .agree-text__list li:before{position:absolute;top:8px;left:1px;width:2.5px;height:2.5px;background:#7d7d7d;content:""}
.kg-modal .modal--agree .modal__contents .box-agree__cont .agree-text__list li:last-child{margin:0}
.kg-modal .modal--agree .modal__contents .agree-user{padding:22px 0 11.5px;text-align:center}
.kg-modal .modal--agree .modal__contents .agree-user>dd,.kg-modal .modal--agree .modal__contents .agree-user>dt{display:inline-block;vertical-align:top}
.kg-modal .modal--agree .modal__contents .agree-user>dt{margin-right:12px;font-size:14px;font-weight:400;line-height:16px;color:#2b2b2b}
.kg-modal .modal--agree .modal__contents .agree-user>dd{font-size:14px;font-weight:500;line-height:16px;color:#d19f67}
.kg-modal .modal--agree .modal__button-area{margin-top:21.5px;text-align:center}
.kg-modal .modal--agree .modal__button-area .modal__button-off{position:absolute;top:9.5px;right:4px;padding:10px}
.kg-modal .modal--agree .modal__button-area .modal__button-off>span{display:block;width:17px;height:17px;background-image:url(/m/images/btn-close-modal.png);background-size:17px 17px;background-repeat:no-repeat}
.kg-modal .modal--agree .modal__button-area .modal__button-cancel{position:static;display:inline-block;width:134px;height:43px;border:1px solid #d19f67;vertical-align:top;box-sizing:border-box;background:#fff;text-indent:0}
.kg-modal .modal--agree .modal__button-area .modal__button-cancel>span{display:inline-block;font-size:13px;font-weight:400;line-height:39px;color:#d19f67;vertical-align:top}
.kg-modal .modal--agree .modal__button-area .modal__button-agree{display:inline-block;width:134px;height:43px;margin-left:8px;vertical-align:top;background:#d19f67}
.kg-modal .modal--agree .modal__button-area .modal__button-agree>span{display:inline-block;font-size:13px;font-weight:400;line-height:41px;color:#fff;vertical-align:top}
.kg-modal .modal--ticket{overflow-x:hidden}
.kg-modal .modal--ticket .modal__container{width:300px;height:627px;background:#fff;letter-spacing:-.05em}
.kg-modal .modal--ticket .modal__label{padding:18.5px 0 19.5px;border-bottom:1px solid #eaeaea}
.kg-modal .modal--ticket .modal__label .title{display:block;text-align:center;font-size:15px;font-weight:500;line-height:18px;color:#2b2b2b;letter-spacing:-.05em}
.kg-modal .modal--ticket .layer-foot{padding:0 12px}
.kg-modal .modal--ticket .ticket__list{width:288px;height:188px}
.kg-modal .modal--ticket .ticket__list>li{overflow:hidden;position:relative;width:100%;height:58px;margin-bottom:7px}
.kg-modal .modal--ticket .ticket__list>li .ticket__title{float:left;width:50px;height:58px;display:block;overflow:hidden;font-size:0;line-height:0;text-indent:-9999px}
.kg-modal .modal--ticket .ticket__list>li .ticket__input-text{display:block;width:185px;height:18px;font-size:13px;font-weight:400;line-height:18px;color:#2b2b2b;border:0;background:transparent;letter-spacing:-.01em}
.kg-modal .modal--ticket .ticket__list>li .ticket__input-text:focus{outline:none}
.kg-modal .modal--ticket .ticket__list>li .copy__btn--on{background-position-y:100%}
.kg-modal .modal--ticket .ticket-caution__list{padding-top:16px;font-size:11px;font-weight:400;line-height:16px;color:#888;letter-spacing:-.05em}
.kg-modal .modal--ticket .ticket-caution__list>li{position:relative;padding-left:9px;margin-bottom:6px}
.kg-modal .modal--ticket .ticket-caution__list>li:before{position:absolute;top:8px;left:0;width:2.5px;height:2.5px;background:#7d7d7d;content:""}
.kg-modal .modal--ticket .modal__button-area{text-align:center;padding-top:13.5px}
.kg-modal .modal--ticket .modal__button-area .modal__button-off{position:absolute;top:9.5px;right:4px;padding:10px}
.kg-modal .modal--ticket .modal__button-area .modal__button-off>span{display:block;width:17px;height:17px;background-image:url(/m/images/btn-close-modal.png);background-size:17px 17px;background-repeat:no-repeat}
.kg-modal .modal--ticket .modal__button-area .modal__button-confirm{display:inline-block;width:134px;height:43px;vertical-align:top;background:#d19f67}
.kg-modal .modal--ticket .modal__button-area .modal__button-confirm>span{display:inline-block;font-size:13px;font-weight:400;line-height:41px;color:#fff;vertical-align:top}
.kg-modal .modal--ticket-input .modal__container{width:300px;height:484px;letter-spacing:-.05em}
.kg-modal .modal--ticket-input .modal__label{padding:18.5px 0 19.5px;border-bottom:1px solid #eaeaea}
.kg-modal .modal--ticket-input .modal__label .title{display:block;text-align:center;font-size:15px;font-weight:500;line-height:18px;color:#2b2b2b;letter-spacing:-.05em}
.kg-modal .modal--ticket-input .modal__container{background:#fff}
.kg-modal .modal--ticket-input .modal__container .modal__contents{width:276px;padding:12.5px 12px 0}
.kg-modal .modal--ticket-input .modal__container .ticket__title{display:block;margin-bottom:12.5px;font-size:13px;font-weight:400;line-height:18px;color:#575757;letter-spacing:-.05em;text-align:center}
.kg-modal .modal--ticket-input .modal__container .ticket-caution__list{padding-top:19.5px;font-size:11px;font-weight:400;line-height:16px;color:#888;letter-spacing:-.05em}
.kg-modal .modal--ticket-input .modal__container .ticket-caution__list>li{position:relative;padding-left:9px;margin-bottom:6px}
.kg-modal .modal--ticket-input .modal__container .ticket-caution__list>li:before{position:absolute;top:8px;left:0;width:2.5px;height:2.5px;background:#7d7d7d;content:""}
.kg-modal .modal--ticket-input .modal__container .fieldset-box .form__text{height:49px;border:1px solid #d19f67;background:#fff;padding-left:17.5px;font-size:13px;font-weight:400;line-height:49px;color:#666}
.kg-modal .modal--ticket-input .modal__container .fieldset-box .form__label--ticket{height:49px;border:1px solid #e8e8e8;background:#f7f7f7;text-indent:-9999px}
.kg-modal .modal--ticket-input .modal__container .modal__button-area{margin-top:20.5px;text-align:center}
.kg-modal .modal--ticket-input .modal__container .modal__button-area .modal__button-off{position:absolute;top:9.5px;right:4px;padding:10px}
.kg-modal .modal--ticket-input .modal__container .modal__button-area .modal__button-off>span{display:block;width:17px;height:17px;background-image:url(/m/images/btn-close-modal.png);background-size:17px 17px;background-repeat:no-repeat}
.kg-modal .modal--ticket-input .modal__container .modal__button-area .modal__button-submit{display:inline-block;width:134px;height:43px;margin-left:8px;vertical-align:top;background:#d19f67}
.kg-modal .modal--ticket-input .modal__container .modal__button-area .modal__button-submit>span{display:inline-block;font-size:13px;font-weight:400;line-height:41px;color:#fff;vertical-align:top}
.kg-modal .modal--ticket-input .modal__container .modal__button-area .modal__button-cancel{position:static;display:inline-block;width:134px;height:43px;border:1px solid #d19f67;vertical-align:top;box-sizing:border-box;background:#fff;text-indent:0}
.kg-modal .modal--ticket-input .modal__container .modal__button-area .modal__button-cancel>span{display:inline-block;font-size:13px;font-weight:400;line-height:39px;color:#d19f67;vertical-align:top}
.kg-modal .modal--ticket-fin .modal__container{width:300px;height:202px;background:#fff;letter-spacing:-.05em}
.kg-modal .modal--ticket-fin .modal__label{padding:18.5px 0 19.5px;border-bottom:1px solid #eaeaea}
.kg-modal .modal--ticket-fin .modal__label .title{display:block;text-align:center;font-size:15px;font-weight:500;line-height:18px;color:#2b2b2b;letter-spacing:-.05em}
.kg-modal .modal--ticket-fin .modal__contents{padding-top:25px;text-align:center}
.kg-modal .modal--ticket-fin .modal__contents .ticket-fin__text{margin-bottom:11.5px;font-size:13px;font-weight:400;line-height:17px;color:#7d7d7d}
.kg-modal .modal--ticket-fin .modal__button-area{text-align:center;padding-top:14.5px}
.kg-modal .modal--ticket-fin .modal__button-area .modal__button-off{position:absolute;top:9.5px;right:4px;padding:10px}
.kg-modal .modal--ticket-fin .modal__button-area .modal__button-off>span{display:block;width:17px;height:17px;background-image:url(/m/images/btn-close-modal.png);background-size:17px 17px;background-repeat:no-repeat}
.kg-modal .modal--ticket-fin .modal__button-area .modal__button-confirm{display:inline-block;width:144px;height:43px;vertical-align:top;background:#d19f67}
.kg-modal .modal--ticket-fin .modal__button-area .modal__button-confirm>span{display:inline-block;font-size:13px;font-weight:400;line-height:41px;color:#fff;vertical-align:top}
.article-view-modal{overflow:hidden;position:fixed;left:0;top:0;width:0;height:0;z-index:0;background-color:rgba(0,0,0,.7)}
.article-view-modal .article-view-modal__container{position:absolute;left:50%;top:50%;width:177px;height:143px;margin-left:-88.5px;margin-top:-71.5px;transform:scale(0);transition:transform .3s}
.article-view-modal .article-view-modal__container .board-view-option{width:177px;margin:0 auto}
.article-view-modal .article-view-modal__container .board-view-option .board-view-option__item{position:relative;height:35px;margin-bottom:1px;background-color:#fff}
.article-view-modal .article-view-modal__container .board-view-option .board-view-option__item a{position:absolute;left:0;top:0;width:100%;height:100%;color:#2b2b2b;font-size:10px;letter-spacing:-.01em;text-align:center;line-height:35px}
.article-view-modal .article-view-modal__container .board-view-option .board-view-option__item--cancel{background-color:#e3e3e3}
.article-view-modal--on{display:block;width:100%;height:100%;z-index:100}
.article-view-modal--on .article-view-modal__container{transform:scale(1)}
@media screen and (min-width:640px){.kg-modal .modal--video{width:100%;max-width:1280px}
.kg-modal .modal--video .modal__container{position:relative;height:auto}
.kg-modal .modal--video .modal__container .modal__contents,.kg-modal .modal--video .modal__container .modal__contents-wrap,.kg-modal .modal--video .modal__container iframe{width:100%;height:100%}
.kg-modal .modal--video .modal__container iframe{position:absolute;top:0;left:0;width:100%;height:100%}
.kg-modal .modal--video .modal__container .vod-dimmed--background{width:100%;height:auto}
.kg-modal .modal--video .modal__button-close{position:absolute;left:50%;top:-112px;width:82px;height:82px;margin-left:-41px;background:url(/m/images/btn-close-modal.png) no-repeat;background-size:cover}
.kg-modal .modal--intro{width:592px;outline:none}
.kg-modal .modal--intro .modal__container{height:801px}
.kg-modal .modal--intro .modal__container .modal__contents .intro-link{display:block;position:relative}
.kg-modal .modal--intro .modal__container .modal__contents .intro-link img{width:100%;height:auto}
.kg-modal .modal--intro .modal__container .modal__contents .intro-link .border-box{box-sizing:border-box;position:absolute;left:0;top:0;width:100%;height:100%;border:1px solid hsla(0,0%,100%,.15)}
.kg-modal .modal--intro .modal__container .modal__button-area{box-sizing:border-box;position:relative;padding-top:0;border:1px solid #454445;border-top:none;background-color:#161517}
.kg-modal .modal--intro .modal__container .modal__button-area:after{display:block;content:"";clear:both}
.kg-modal .modal--intro .modal__container .modal__button-area button{height:93px;color:#878688;font-size:24px;letter-spacing:-.05em}
.kg-modal .modal--intro .modal__container .modal__button-area button.modal__button-block{float:left;width:294px}
.kg-modal .modal--intro .modal__container .modal__button-area button.modal__button-close{position:absolute;right:0;top:0;border-left:1px solid #454445;width:295px}
.kg-modal .modal--dialog .modal__container{width:600px;height:404px;background:#fff;letter-spacing:-.05em;text-align:center}
.kg-modal .modal--dialog .modal__label{padding:37px 0 39px;border-bottom:2px solid #eaeaea;font-size:30px;font-weight:500;line-height:36px;color:#2b2b2b;letter-spacing:-.05em}
.kg-modal .modal--dialog .modal__contents{display:table;width:100%;height:148px}
.kg-modal .modal--dialog .modal__contents .modal__contents-wrap{display:table-cell;vertical-align:middle;font-size:26px;font-weight:400;line-height:34px;color:#7d7d7d}
.kg-modal .modal--dialog .modal__button-area{overflow:hidden;width:552px;margin:0 auto}
.kg-modal .modal--dialog .modal__button-alert{display:inline-block;width:288px;height:86px;vertical-align:top;background:#d19f67}
.kg-modal .modal--dialog .modal__button-alert>span{display:inline-block;font-size:26px;font-weight:400;line-height:82px;color:#fff;vertical-align:top}
.kg-modal .modal--dialog .modal__button-confirm{float:right;width:268px;height:86px;background:#d19f67}
.kg-modal .modal--dialog .modal__button-confirm>span{display:inline-block;font-size:26px;font-weight:400;line-height:82px;color:#fff;vertical-align:top}
.kg-modal .modal--dialog .modal__button-cancel{float:left;width:268px;height:86px;border:2px solid #d19f67;box-sizing:border-box;background:#fff}
.kg-modal .modal--dialog .modal__button-cancel>span{display:inline-block;font-size:26px;font-weight:400;line-height:78px;color:#d19f67;vertical-align:top}
.kg-modal .modal--agree .modal__container{width:600px;height:1022px;background:#fff;letter-spacing:-.05em}
.kg-modal .modal--agree .modal__label{padding:37px 0 39px}
.kg-modal .modal--agree .modal__label .title{display:block;text-align:center;font-size:30px;font-weight:500;line-height:36px;color:#2b2b2b;letter-spacing:-.05em}
.kg-modal .modal--agree .modal__contents{padding:0 24px}
.kg-modal .modal--agree .modal__contents .box-agree__cont{padding:33px 32px 35px;font-size:24px;font-weight:400;line-height:34px;color:#7d7d7d;letter-spacing:-.05em;background:#f8f8f8}
.kg-modal .modal--agree .modal__contents .box-agree__cont .agree__title{display:block;margin-bottom:22px;font-size:26px;line-height:36px}
.kg-modal .modal--agree .modal__contents .box-agree__cont .agree-text__list li{position:relative;padding-left:20px;margin-bottom:14px}
.kg-modal .modal--agree .modal__contents .box-agree__cont .agree-text__list li:before{position:absolute;top:16px;left:2px;width:5px;height:5px;background:#7d7d7d;content:""}
.kg-modal .modal--agree .modal__contents .box-agree__cont .agree-text__list li:last-child{margin:0}
.kg-modal .modal--agree .modal__contents .agree-user{padding:44px 0 23px;text-align:center}
.kg-modal .modal--agree .modal__contents .agree-user>dd,.kg-modal .modal--agree .modal__contents .agree-user>dt{display:inline-block;vertical-align:top}
.kg-modal .modal--agree .modal__contents .agree-user>dt{margin-right:12px;font-size:28px;font-weight:400;line-height:32px;color:#2b2b2b}
.kg-modal .modal--agree .modal__contents .agree-user>dd{font-size:28px;font-weight:500;line-height:32px;color:#d19f67}
.kg-modal .modal--agree .modal__button-area{margin-top:43px;text-align:center}
.kg-modal .modal--agree .modal__button-area .modal__button-off{position:absolute;top:19px;right:8px;padding:20px}
.kg-modal .modal--agree .modal__button-area .modal__button-off>span{display:block;width:34px;height:34px;background-image:url(/m/images/btn-close-modal.png);background-size:34px 34px;background-repeat:no-repeat}
.kg-modal .modal--agree .modal__button-area .modal__button-cancel{position:static;display:inline-block;width:268px;height:86px;border:2px solid #d19f67;vertical-align:top;box-sizing:border-box;background:#fff;text-indent:0}
.kg-modal .modal--agree .modal__button-area .modal__button-cancel>span{display:inline-block;font-size:26px;font-weight:400;line-height:78px;color:#d19f67;vertical-align:top}
.kg-modal .modal--agree .modal__button-area .modal__button-agree{display:inline-block;width:268px;height:86px;margin-left:16px;vertical-align:top;background:#d19f67}
.kg-modal .modal--agree .modal__button-area .modal__button-agree>span{display:inline-block;font-size:26px;font-weight:400;line-height:82px;color:#fff;vertical-align:top}
.kg-modal .modal--ticket{overflow-x:hidden}
.kg-modal .modal--ticket .modal__container{width:600px;height:1254px;background:#fff;letter-spacing:-.05em}
.kg-modal .modal--ticket .modal__label{padding:37px 0 39px;border-bottom:2px solid #eaeaea}
.kg-modal .modal--ticket .modal__label .title{display:block;text-align:center;font-size:30px;font-weight:500;line-height:36px;color:#2b2b2b;letter-spacing:-.05em}
.kg-modal .modal--ticket .layer-foot{padding:0 24px}
.kg-modal .modal--ticket .ticket__list{width:576px;height:376px}
.kg-modal .modal--ticket .ticket__list>li{overflow:hidden;position:relative;width:100%;height:116px;margin-bottom:14px}
.kg-modal .modal--ticket .ticket__list>li .ticket__title{float:left;width:100px;height:116px;display:block;overflow:hidden;font-size:0;line-height:0;text-indent:-9999px}
.kg-modal .modal--ticket .ticket__list>li .ticket__input-text{display:block;width:370px;height:36px;font-size:26px;font-weight:400;line-height:36px;color:#2b2b2b;border:0;background:transparent;letter-spacing:-.01em}
.kg-modal .modal--ticket .ticket__list>li .ticket__input-text:focus{outline:none}
.kg-modal .modal--ticket .ticket__list>li .copy__btn--on{background-position-y:100%}
.kg-modal .modal--ticket .ticket-caution__list{padding-top:32px;font-size:22px;font-weight:400;line-height:32px;color:#888;letter-spacing:-.05em}
.kg-modal .modal--ticket .ticket-caution__list>li{position:relative;padding-left:18px;margin-bottom:12px}
.kg-modal .modal--ticket .ticket-caution__list>li:before{position:absolute;top:16px;left:0;width:5px;height:5px;background:#7d7d7d;content:""}
.kg-modal .modal--ticket .modal__button-area{text-align:center;padding-top:27px}
.kg-modal .modal--ticket .modal__button-area .modal__button-off{position:absolute;top:19px;right:8px;padding:20px}
.kg-modal .modal--ticket .modal__button-area .modal__button-off>span{display:block;width:34px;height:34px;background-image:url(/m/images/btn-close-modal.png);background-size:34px 34px;background-repeat:no-repeat}
.kg-modal .modal--ticket .modal__button-area .modal__button-confirm{display:inline-block;width:268px;height:86px;vertical-align:top;background:#d19f67}
.kg-modal .modal--ticket .modal__button-area .modal__button-confirm>span{display:inline-block;font-size:26px;font-weight:400;line-height:82px;color:#fff;vertical-align:top}
.kg-modal .modal--ticket-input .modal__container{width:600px;height:968px;letter-spacing:-.05em}
.kg-modal .modal--ticket-input .modal__label{padding:37px 0 39px;border-bottom:2px solid #eaeaea}
.kg-modal .modal--ticket-input .modal__label .title{display:block;text-align:center;font-size:30px;font-weight:500;line-height:36px;color:#2b2b2b;letter-spacing:-.05em}
.kg-modal .modal--ticket-input .modal__container{background:#fff}
.kg-modal .modal--ticket-input .modal__container .modal__contents{width:552px;padding:25px 24px 0}
.kg-modal .modal--ticket-input .modal__container .ticket__title{display:block;margin-bottom:25px;font-size:26px;font-weight:400;line-height:36px;color:#575757;letter-spacing:-.05em;text-align:center}
.kg-modal .modal--ticket-input .modal__container .ticket-caution__list{padding-top:39px;font-size:22px;font-weight:400;line-height:32px;color:#888;letter-spacing:-.05em}
.kg-modal .modal--ticket-input .modal__container .ticket-caution__list>li{position:relative;padding-left:18px;margin-bottom:12px}
.kg-modal .modal--ticket-input .modal__container .ticket-caution__list>li:before{position:absolute;top:16px;left:0;width:5px;height:5px;background:#7d7d7d;content:""}
.kg-modal .modal--ticket-input .modal__container .fieldset-box .form__text{height:98px;border:2px solid #d19f67;background:#fff;padding-left:35px;font-size:26px;font-weight:400;line-height:98px;color:#666}
.kg-modal .modal--ticket-input .modal__container .fieldset-box .form__label--ticket{height:98px;border:2px solid #e8e8e8;background:#f7f7f7;text-indent:-9999px}
.kg-modal .modal--ticket-input .modal__container .modal__button-area{margin-top:41px;text-align:center}
.kg-modal .modal--ticket-input .modal__container .modal__button-area .modal__button-off{position:absolute;top:19px;right:8px;padding:20px}
.kg-modal .modal--ticket-input .modal__container .modal__button-area .modal__button-off>span{display:block;width:34px;height:34px;background-image:url(/m/images/btn-close-modal.png);background-size:34px 34px;background-repeat:no-repeat}
.kg-modal .modal--ticket-input .modal__container .modal__button-area .modal__button-submit{display:inline-block;width:268px;height:86px;margin-left:16px;vertical-align:top;background:#d19f67}
.kg-modal .modal--ticket-input .modal__container .modal__button-area .modal__button-submit>span{display:inline-block;font-size:26px;font-weight:400;line-height:82px;color:#fff;vertical-align:top}
.kg-modal .modal--ticket-input .modal__container .modal__button-area .modal__button-cancel{position:static;display:inline-block;width:268px;height:86px;border:2px solid #d19f67;vertical-align:top;box-sizing:border-box;background:#fff;text-indent:0}
.kg-modal .modal--ticket-input .modal__container .modal__button-area .modal__button-cancel>span{display:inline-block;font-size:26px;font-weight:400;line-height:78px;color:#d19f67;vertical-align:top}
.kg-modal .modal--ticket-fin .modal__container{width:600px;height:404px;background:#fff;letter-spacing:-.05em}
.kg-modal .modal--ticket-fin .modal__label{padding:37px 0 39px;border-bottom:2px solid #eaeaea}
.kg-modal .modal--ticket-fin .modal__label .title{display:block;text-align:center;font-size:30px;font-weight:500;line-height:36px;color:#2b2b2b;letter-spacing:-.05em}
.kg-modal .modal--ticket-fin .modal__contents{padding-top:50px;text-align:center}
.kg-modal .modal--ticket-fin .modal__contents .ticket-fin__text{margin-bottom:23px;font-size:26px;font-weight:400;line-height:34px;color:#7d7d7d}
.kg-modal .modal--ticket-fin .modal__button-area{text-align:center;padding-top:29px}
.kg-modal .modal--ticket-fin .modal__button-area .modal__button-off{position:absolute;top:19px;right:8px;padding:20px}
.kg-modal .modal--ticket-fin .modal__button-area .modal__button-off>span{display:block;width:34px;height:34px;background-image:url(/m/images/btn-close-modal.png);background-size:34px 34px;background-repeat:no-repeat}
.kg-modal .modal--ticket-fin .modal__button-area .modal__button-confirm{display:inline-block;width:288px;height:86px;vertical-align:top;background:#d19f67}
.kg-modal .modal--ticket-fin .modal__button-area .modal__button-confirm>span{display:inline-block;font-size:26px;font-weight:400;line-height:82px;color:#fff;vertical-align:top}
.article-view-modal{overflow:hidden;position:fixed;left:0;top:0;width:0;height:0;z-index:0;background-color:rgba(0,0,0,.7)}
.article-view-modal .article-view-modal__container{position:absolute;left:50%;top:50%;width:354px;height:286px;margin-left:-177px;margin-top:-143px;transform:scale(0);transition:transform .3s}
.article-view-modal .article-view-modal__container .board-view-option{width:354px;margin:0 auto}
.article-view-modal .article-view-modal__container .board-view-option .board-view-option__item{position:relative;height:70px;margin-bottom:2px;background-color:#fff}
.article-view-modal .article-view-modal__container .board-view-option .board-view-option__item a{position:absolute;left:0;top:0;width:100%;height:100%;color:#2b2b2b;font-size:20px;letter-spacing:-.01em;text-align:center;line-height:70px}
.article-view-modal .article-view-modal__container .board-view-option .board-view-option__item--cancel{background-color:#e3e3e3}
.article-view-modal--on{display:block;width:100%;height:100%;z-index:100}
.article-view-modal--on .article-view-modal__container{transform:scale(1)}
}
.kg-input{display:inline-block;position:relative;vertical-align:top}
.kg-input input,.kg-input select{position:absolute;left:0;top:0;width:100%;height:100%;margin:0;padding:0;opacity:.01;border-color:transparent;background-color:transparent}
.board-category{position:relative;height:49px;border-bottom:1px solid #ececec}
.board-category .board-category__list{display:flex;height:100%}
.board-category .board-category__list li{flex-grow:1;position:relative}
.board-category .board-category__list li .board-category__link{position:absolute;left:0;top:-1px;width:100%;height:100%;border-bottom:2px solid transparent}
.board-category .board-category__list li .board-category__link span{position:absolute;left:0;top:50%;width:100%;transform:translate3d(0,-50%,0);color:#7d7d7d;font-size:13px;letter-spacing:-.05em;text-align:center}
.board-category .board-category__list li .board-category__link--on{border-color:#000}
.board-category .board-category__list li .board-category__link--on span{color:#000}
.board-category--server .board-category__list{overflow-x:scroll;overflow-y:hidden;display:block;height:100%;white-space:nowrap;-ms-overflow-style:none}
.board-category--server .board-category__list::-webkit-scrollbar{display:none}
.board-category--server .board-category__list li{display:inline-block;min-width:60px;width:auto;height:100%;position:relative;white-space:nowrap}
.board-category--server .board-category__list li .board-category__link{display:inline-block;box-sizing:border-box;position:relative;left:0;top:-1px;min-width:100%;height:100%;padding:0 10px;border-bottom:2px solid transparent}
.board-category--server .board-category__list li .board-category__link span{position:relative;left:0;top:0;width:auto;transform:translateZ(0);color:#7d7d7d;font-size:13px;line-height:49px}
.board-category--server .board-category__list li .board-category__link--on{border-color:#000}
.board-category--server .board-category__list li .board-category__link--on span{color:#000}
@media screen and (min-width:640px){.board-category{position:relative;height:98px;border-bottom:2px solid #ececec}
.board-category .board-category__list{display:flex;height:100%}
.board-category .board-category__list li{flex-grow:1;position:relative}
.board-category .board-category__list li .board-category__link{position:absolute;left:0;top:-2px;width:100%;height:100%;border-bottom:4px solid transparent}
.board-category .board-category__list li .board-category__link span{position:absolute;left:0;top:50%;width:100%;transform:translate3d(0,-50%,0);color:#7d7d7d;font-size:26px;letter-spacing:-.05em;text-align:center}
.board-category .board-category__list li .board-category__link--on{border-color:#000}
.board-category .board-category__list li .board-category__link--on span{color:#000}
.board-category--server .board-category__list{overflow-x:scroll;overflow-y:hidden;display:block;height:100%;white-space:nowrap;-ms-overflow-style:none}
.board-category--server .board-category__list::-webkit-scrollbar{display:none}
.board-category--server .board-category__list li{display:inline-block;min-width:60px;width:auto;height:100%;position:relative;white-space:nowrap}
.board-category--server .board-category__list li .board-category__link{display:inline-block;box-sizing:border-box;position:relative;left:0;top:-2px;min-width:100%;height:100%;padding:0 20px;border-bottom:4px solid transparent}
.board-category--server .board-category__list li .board-category__link span{position:relative;left:0;top:0;width:auto;transform:translateZ(0);color:#7d7d7d;font-size:26px;line-height:98px}
.board-category--server .board-category__list li .board-category__link--on{border-color:#000}
.board-category--server .board-category__list li .board-category__link--on span{color:#000}
}
.page--board-list{padding-top:121px}
.search-box{box-sizing:border-box;height:49px;border-bottom:1px solid #000;background:#fff}
.search-box .search-cont{position:relative;padding:15px 48px 16px}
.search-box .search__input{display:block;width:100%;padding:0 4px;border:0;outline:0 none;box-sizing:border-box;font-size:12px;font-weight:400;line-height:12px;color:#000;letter-spacing:-.05em}
.search-box .del__button{right:0;width:12px;height:12px;padding:18px 20px 18px 5px}
.search-box .del__button,.search-box .search__button{position:absolute;top:0;box-sizing:content-box;outline:none}
.search-box .search__button{display:block;left:0;width:16px;height:16px;padding:17px 5px 15px 24px}
.search-result-box{padding:27.5px 0;border-bottom:1px solid #ececec}
.search-result-box p{color:#2b2b2b;font-size:12px;letter-spacing:-.05em;text-align:center}
.search-result-box p em{color:#d19f67;font-weight:700}
.board__list>li{border-bottom:1px solid #ececec;letter-spacing:-.05em}
.board__list>li.item-notice{background:#f7f7f7}
.board__list>li.item-admin .board-info .writer{padding-left:0!important;font-size:0}
.board__list>li.item-empty{display:table;width:100%;height:359px}
.board__list>li.item-empty .item-empty__text{display:table-cell;vertical-align:middle;color:#d19f67;font-size:12px;font-weight:700;letter-spacing:-.05em;text-align:center}
.board__list .icon-board-new{float:right;margin:4px 0 0 5px}
.board__list .comment-count{float:right;margin-left:4px;color:#d19f67}
.board__list .board__link{display:block;padding:16.5px 19px 19px}
.board__list .board-cont{display:block;overflow:hidden;font-size:13px;font-weight:400;line-height:18px;color:#2b2b2b}
.board__list .board__title{float:left;max-width:100%}
.board__list .board__title .title{display:block;overflow:hidden;margin-right:2px;font-weight:400;white-space:nowrap;text-overflow:ellipsis}
.board__list .board__title em{color:#d19f67;font-weight:700;text-decoration:underline}
.board__list .board__title .category{display:inline-block;font-weight:700;vertical-align:top;color:#2b2b2b;font-weight:400;text-decoration:none}
.board__list .board__title .category:after{display:inline-block;width:1px;height:10px;margin:-2px 5px 0 7px;background-color:#2b2b2b;vertical-align:middle;content:""}
.board__list .board-info{display:block;margin-top:7px;font-size:11px;font-weight:400;line-height:14px;color:#2b2b2b}
.board__list .board-info .writer{position:relative;padding-left:15px}
.board__list .board-info .writer .icon{position:absolute;left:0;top:50%;transform:translate3d(0,-50%,0)}
.board__list .board-info .bar{display:inline-block;overflow:hidden;height:9px;margin:-2px 2.5px 0 3px;line-height:9px;color:#2b2b2b;vertical-align:middle}
.board__list-event{padding:20px 20px 14px}
.board__list-event>li{position:relative;margin-bottom:20px}
.board__list-event>li .board__link{display:block}
.board__list-event>li .board__link .board-cont{display:block;position:relative}
.board__list-event>li .board__link .board-cont .board__thumb{display:block}
.board__list-event>li .board__link .board-cont .board__thumb img{width:100%;height:auto}
.board__list-event>li .board__link .board-cont .board__d-day{box-sizing:border-box;position:absolute;right:0;top:0;min-width:59px;height:21px;padding:0 5px;color:#fff;font-size:11px;line-height:21px;letter-spacing:-.01em;text-align:center;background-color:#d19f67}
.board__list-event>li .board__link .board-cont .board__d-day--end{background-color:#8a8a8a}
.board__list-event>li .board__link .board-info{display:block;padding:15px;border:1px solid #ececec}
.board__list-event>li .board__link .board-info .title{display:block;margin-bottom:3px;color:#000;font-size:12px;font-weight:400;letter-spacing:-.05em}
.board__list-event>li .board__link .board-info .date{display:block;color:#8a8a8a;font-size:11px;letter-spacing:-.05em}
.board__list-event>li.item-empty{display:table;width:100%;height:359px}
.board__list-event>li.item-empty .item-empty__text{display:table-cell;vertical-align:middle;color:#d19f67;font-size:12px;font-weight:700;letter-spacing:-.05em;text-align:center}
.board__list-event>li:last-of-type{margin-bottom:0}
.section-event--end{padding:81.5px 0 93.5px}
.section-event--end .event-end__icon{width:75px;height:65px;margin:0 auto 30px}
.section-event--end .event-end__icon>img{display:block;width:100%;height:auto}
.section-event--end .event-end__title{font-size:23px;font-weight:700;line-height:28px;color:#000;text-align:center;letter-spacing:-.05em}
.section-event--end .event-end__btn-area{text-align:center;padding-top:34px}
.section-event--end .event-end__btn-area .event-end__link{display:inline-block;width:147px;height:44px;border:1px solid #e2e2e2;margin:0 4px;font-size:12px;font-weight:400;line-height:43px;color:#121212;letter-spacing:-.05em;text-align:center;vertical-align:top}
.board__list-media{padding:20px}
.board__list-media>li{position:relative;margin-bottom:20px}
.board__list-media>li .board__link{display:block}
.board__list-media>li .board__link .board-cont{display:block;position:relative}
.board__list-media>li .board__link .board-cont .board__thumb{display:block}
.board__list-media>li .board__link .board-cont .board__thumb img{width:100%;height:auto}
.board__list-media>li .board__link .board-info1{display:block;position:relative;padding:15px 70px 15px 15px;border:1px solid #ececec;border-bottom:0}
.board__list-media>li .board__link .board-info1 .title{display:block;position:relative}
.board__list-media>li .board__link .board-info1 .title .title-text{display:inline-block;overflow:hidden;box-sizing:border-box;max-width:85%;margin-bottom:3px;vertical-align:top;color:#000;font-size:12px;font-weight:400;line-height:12px;letter-spacing:-.05em;white-space:nowrap;text-overflow:ellipsis}
.board__list-media>li .board__link .board-info1 .title .reply-count{display:inline-block;vertical-align:top;color:#d19f67;font-size:12px;font-weight:400;line-height:12px;letter-spacing:-.05em}
.board__list-media>li .board__link .board-info1 .date{position:absolute;right:15px;top:15px;color:#8a8a8a;font-size:11px;line-height:12px;letter-spacing:-.05em}
.board__list-media>li .board__link .board-info2{display:block;position:relative;padding:15px;border:1px solid #ececec}
.board__list-media>li .board__link .board-info2:after{display:block;content:"";clear:both}
.board__list-media>li .board__link .board-info2 .user{display:inline-block;box-sizing:border-box;position:relative;width:62%;min-height:16px;padding-left:15px;vertical-align:middle}
.board__list-media>li .board__link .board-info2 .user span{display:inline-block;vertical-align:top}
.board__list-media>li .board__link .board-info2 .user .server,.board__list-media>li .board__link .board-info2 .user .writer{color:#000;font-size:11px;font-weight:400;letter-spacing:-.05em;white-space:nowrap;text-overflow:ellipsis}
.board__list-media>li .board__link .board-info2 .user .server.writer,.board__list-media>li .board__link .board-info2 .user .writer.writer{overflow:hidden;position:relative;max-width:60%}
.board__list-media>li .board__link .board-info2 .user .server.server,.board__list-media>li .board__link .board-info2 .user .writer.server{position:relative;padding-left:6px;margin-left:5px}
.board__list-media>li .board__link .board-info2 .user .server.server:before,.board__list-media>li .board__link .board-info2 .user .writer.server:before{display:block;content:"";position:absolute;left:0;top:50%;width:1px;height:8px;margin-top:-4px;background-color:#000}
.board__list-media>li .board__link .board-info2 .user .icon{position:absolute;left:0;top:50%;transform:translate3d(0,-50%,0)}
.board__list-media>li .board__link .board-info2 .item-count{float:right;width:35%;vertical-align:middle;text-align:right}
.board__list-media>li .board__link .board-info2 .item-count:after{display:block;content:"";clear:both}
.board__list-media>li .board__link .board-info2 .item-count>span{display:inline-block;overflow:hidden;box-sizing:border-box;position:relative;max-width:47%;padding-left:15px;color:#2b2b2b;font-size:11px;letter-spacing:-.05em;white-space:nowrap;text-overflow:ellipsis}
.board__list-media>li .board__link .board-info2 .item-count>span span{position:absolute;left:0;top:50%;transform:translate3d(0,-50%,0)}
.board__list-media>li .board__link .board-info2 .item-count>span.read{margin-left:6%}
.board__list-media>li.item-empty{display:table;width:100%;height:359px}
.board__list-media>li.item-empty .item-empty__text{display:table-cell;vertical-align:middle;color:#d19f67;font-size:12px;font-weight:700;letter-spacing:-.05em;text-align:center}
.board__list-media>li:last-of-type{margin-bottom:0}
@media screen and (min-width:640px){.page--board-list{padding-top:242px}
.search-box{box-sizing:border-box;height:98px;border-bottom:2px solid #000;background:#fff}
.search-box .search-cont{position:relative;padding:30px 96px 32px}
.search-box .search__input{display:block;width:100%;padding:0 8px;border:0;outline:0 none;box-sizing:border-box;font-size:24px;font-weight:400;line-height:24px;color:#000;letter-spacing:-.05em}
.search-box .del__button{right:0;width:24px;height:24px;padding:36px 40px 36px 10px}
.search-box .del__button,.search-box .search__button{position:absolute;top:0;box-sizing:content-box;outline:none}
.search-box .search__button{display:block;left:0;width:32px;height:32px;padding:34px 10px 30px 48px}
.search-result-box{padding:55px 0;border-bottom:1px solid #ececec}
.search-result-box p{color:#2b2b2b;font-size:24px;letter-spacing:-.05em;text-align:center}
.search-result-box p em{color:#d19f67;font-weight:700}
.board__list>li{border-bottom:2px solid #ececec;letter-spacing:-.05em}
.board__list>li.item-notice{background:#f7f7f7}
.board__list>li.item-admin .board-info .writer{padding-left:0!important;font-size:0}
.board__list>li.item-empty{display:table;width:100%;height:718px}
.board__list>li.item-empty .item-empty__text{display:table-cell;vertical-align:middle;color:#d19f67;font-size:24px;font-weight:700;letter-spacing:-.05em;text-align:center}
.board__list .icon-board-new{float:right;margin:8px 0 0 10px}
.board__list .comment-count{float:right;margin-left:8px;color:#d19f67}
.board__list .board__link{display:block;padding:33px 38px 38px}
.board__list .board-cont{display:block;overflow:hidden;font-size:26px;font-weight:400;line-height:36px;color:#2b2b2b}
.board__list .board__title{float:left;max-width:100%}
.board__list .board__title .title{display:block;overflow:hidden;margin-right:4px;font-weight:400;white-space:nowrap;text-overflow:ellipsis}
.board__list .board__title em{color:#d19f67;font-weight:700;text-decoration:underline}
.board__list .board__title .category{display:inline-block;font-weight:700;vertical-align:top;color:#2b2b2b;font-weight:400;text-decoration:none}
.board__list .board__title .category:after{display:inline-block;width:2px;height:20px;margin:-4px 10px 0 14px;background-color:#2b2b2b;vertical-align:middle;content:""}
.board__list .board-info{display:block;margin-top:14px;font-size:22px;font-weight:400;line-height:28px;color:#2b2b2b}
.board__list .board-info .writer{position:relative;padding-left:30px}
.board__list .board-info .writer .icon{position:absolute;left:0;top:50%;transform:translate3d(0,-50%,0)}
.board__list .board-info .bar{display:inline-block;overflow:hidden;height:18px;margin:-4px 5px 0 6px;line-height:18px;color:#2b2b2b;vertical-align:middle}
.board__list-event{padding:40px 40px 28px}
.board__list-event>li{position:relative;margin-bottom:40px}
.board__list-event>li .board__link{display:block}
.board__list-event>li .board__link .board-cont{display:block;position:relative}
.board__list-event>li .board__link .board-cont .board__thumb{display:block}
.board__list-event>li .board__link .board-cont .board__thumb img{width:100%;height:auto}
.board__list-event>li .board__link .board-cont .board__d-day{box-sizing:border-box;position:absolute;right:0;top:0;min-width:118px;height:42px;padding:0 10px;color:#fff;font-size:22px;line-height:42px;letter-spacing:-.01em;text-align:center;background-color:#d19f67}
.board__list-event>li .board__link .board-cont .board__d-day--end{background-color:#8a8a8a}
.board__list-event>li .board__link .board-info{display:block;padding:30px;border:2px solid #ececec}
.board__list-event>li .board__link .board-info .title{display:block;margin-bottom:6px;color:#000;font-size:24px;font-weight:400;letter-spacing:-.05em}
.board__list-event>li .board__link .board-info .date{display:block;color:#8a8a8a;font-size:22px;letter-spacing:-.05em}
.board__list-event>li.item-empty{display:table;width:100%;height:718px}
.board__list-event>li.item-empty .item-empty__text{display:table-cell;vertical-align:middle;color:#d19f67;font-size:24px;font-weight:700;letter-spacing:-.05em;text-align:center}
.board__list-event>li:last-of-type{margin-bottom:0}
.section-event--end{padding:163px 0 187px}
.section-event--end .event-end__icon{width:150px;height:130px;margin:0 auto 60px}
.section-event--end .event-end__icon>img{display:block;width:100%;height:auto}
.section-event--end .event-end__title{font-size:46px;font-weight:700;line-height:56px;color:#000;text-align:center;letter-spacing:-.05em}
.section-event--end .event-end__btn-area{text-align:center;padding-top:68px}
.section-event--end .event-end__btn-area .event-end__link{display:inline-block;width:294px;height:88px;border:2px solid #e2e2e2;margin:0 8px;font-size:24px;font-weight:400;line-height:86px;color:#121212;letter-spacing:-.05em;text-align:center;vertical-align:top}
.board__list-media{padding:40px}
.board__list-media>li{position:relative;margin-bottom:40px}
.board__list-media>li .board__link{display:block}
.board__list-media>li .board__link .board-cont{display:block;position:relative}
.board__list-media>li .board__link .board-cont .board__thumb{display:block}
.board__list-media>li .board__link .board-cont .board__thumb img{width:100%;height:auto}
.board__list-media>li .board__link .board-info1{display:block;position:relative;padding:30px 140px 30px 30px;border:2px solid #ececec;border-bottom:0}
.board__list-media>li .board__link .board-info1 .title{display:block;position:relative}
.board__list-media>li .board__link .board-info1 .title .title-text{display:inline-block;overflow:hidden;box-sizing:border-box;max-width:85%;margin-bottom:6px;vertical-align:top;color:#000;font-size:24px;font-weight:400;line-height:24px;letter-spacing:-.05em;white-space:nowrap;text-overflow:ellipsis}
.board__list-media>li .board__link .board-info1 .title .reply-count{display:inline-block;vertical-align:top;color:#d19f67;font-size:24px;font-weight:400;line-height:24px;letter-spacing:-.05em}
.board__list-media>li .board__link .board-info1 .date{position:absolute;right:30px;top:30px;color:#8a8a8a;font-size:22px;line-height:24px;letter-spacing:-.05em}
.board__list-media>li .board__link .board-info2{display:block;position:relative;padding:30px;border:2px solid #ececec}
.board__list-media>li .board__link .board-info2:after{display:block;content:"";clear:both}
.board__list-media>li .board__link .board-info2 .user{display:inline-block;box-sizing:border-box;position:relative;width:62%;min-height:32px;padding-left:30px;vertical-align:middle}
.board__list-media>li .board__link .board-info2 .user span{display:inline-block;vertical-align:top}
.board__list-media>li .board__link .board-info2 .user .server,.board__list-media>li .board__link .board-info2 .user .writer{color:#000;font-size:22px;font-weight:400;letter-spacing:-.05em;white-space:nowrap;text-overflow:ellipsis}
.board__list-media>li .board__link .board-info2 .user .server.writer,.board__list-media>li .board__link .board-info2 .user .writer.writer{overflow:hidden;position:relative;max-width:60%}
.board__list-media>li .board__link .board-info2 .user .server.server,.board__list-media>li .board__link .board-info2 .user .writer.server{position:relative;padding-left:12px;margin-left:10px}
.board__list-media>li .board__link .board-info2 .user .server.server:before,.board__list-media>li .board__link .board-info2 .user .writer.server:before{display:block;content:"";position:absolute;left:0;top:50%;width:2px;height:16px;margin-top:-8px;background-color:#000}
.board__list-media>li .board__link .board-info2 .user .icon{position:absolute;left:0;top:50%;transform:translate3d(0,-50%,0)}
.board__list-media>li .board__link .board-info2 .item-count{float:right;width:35%;vertical-align:middle;text-align:right}
.board__list-media>li .board__link .board-info2 .item-count:after{display:block;content:"";clear:both}
.board__list-media>li .board__link .board-info2 .item-count>span{display:inline-block;overflow:hidden;box-sizing:border-box;position:relative;max-width:47%;padding-left:30px;color:#2b2b2b;font-size:22px;letter-spacing:-.05em;white-space:nowrap;text-overflow:ellipsis}
.board__list-media>li .board__link .board-info2 .item-count>span span{position:absolute;left:0;top:50%;transform:translate3d(0,-50%,0)}
.board__list-media>li .board__link .board-info2 .item-count>span.read{margin-left:6%}
.board__list-media>li.item-empty{display:table;width:100%;height:718px}
.board__list-media>li.item-empty .item-empty__text{display:table-cell;vertical-align:middle;color:#d19f67;font-size:24px;font-weight:700;letter-spacing:-.05em;text-align:center}
.board__list-media>li:last-of-type{margin-bottom:0}
}
.page--board-view{padding-top:121px}
.article-view .article-info{padding:29px 20px;border-bottom:1px solid #ececec}
.article-view .article-info .board-title{display:block;box-sizing:border-box;width:100%;color:#000;font-size:16px;font-weight:400;letter-spacing:-.05em}
.article-view .article-info .board-title .catetory{display:block;padding-bottom:6px;line-height:1;font-weight:700}
.article-view .article-info .board-title .text{display:block;line-height:1.25}
.article-view .article-info .board-info{display:block;position:relative;min-height:27px;padding-left:1px;margin-top:6.5px}
.article-view .article-info .board-info .thumb{position:absolute;left:0;top:50%;width:27px;height:27px;transform:translate3d(0,-50%,0)}
.article-view .article-info .board-info .thumb img{display:block;width:100%;height:auto}
.article-view .article-info .board-info .user{overflow:hidden;display:block;position:relative;padding-left:12px;white-space:nowrap;text-overflow:ellipsis}
.article-view .article-info .board-info .user .icon-board-notice-user,.article-view .article-info .board-info .user .icon-races{position:absolute;left:0;top:50%;transform:translate3d(0,-50%,0)}
.article-view .article-info .board-info .user .icon-board-notice-user img,.article-view .article-info .board-info .user .icon-races img{width:10px;height:auto}
.article-view .article-info .board-info .user .server,.article-view .article-info .board-info .user .writer{display:inline-block;vertical-align:top;color:#3d3d3d;font-size:11px;letter-spacing:-.025em}
.article-view .article-info .board-info .user .server{position:relative;padding-left:8.5px;margin-left:7px}
.article-view .article-info .board-info .user .server:before{display:block;content:"";position:absolute;left:0;top:50%;width:1px;height:9px;background-color:#3d3d3d;transform:translate3d(0,-50%,0)}
.article-view .article-info .board-info .user--admin{padding-left:0}
.article-view .article-info .board-info .user--admin .writer{width:100%}
.article-view .article-info .board-info .user--admin .writer strong{display:inline-block;position:relative;width:100%;min-height:20px;vertical-align:top;color:#fff;letter-spacing:-99em}
.article-view .article-info .board-info .user--admin .writer strong img{position:absolute;left:0;top:50%;width:auto;height:10px;transform:translate3d(0,-50%,0)}
.article-view .article-info .board-info .date{display:block;color:#666;font-size:11px;letter-spacing:-.05em}
.article-view .article-contents .content{padding:19px 22px 0;font-size:12px;font-weight:400;line-height:15px;color:#000;word-break:break-all;letter-spacing:-.014em}
.article-view .article-contents .content table{max-width:100%}
.article-view .article-contents .content table td,.article-view .article-contents .content table th,.article-view .article-contents .content table tr{font-size:12px;font-weight:400;line-height:15px;color:#000;letter-spacing:-.014em}
.article-view .article-contents .content em{color:#d19f67;font-weight:700;text-decoration:underline}
.article-view .article-contents iframe,.article-view .article-contents img{max-width:100%;height:auto}
.article-view .article-side .wrap-function{margin-top:37px;text-align:center}
.article-view .article-side .wrap-function .like__link{display:inline-block;width:71px;height:71px;padding-top:14px;margin:0 5px;border:1px solid #e2e2e2;font-size:13px;color:#4d4c4c;vertical-align:top;box-sizing:border-box}
.article-view .article-side .wrap-function .like__link--on .icon{background-position:-15px}
.article-view .article-side .wrap-function .like__link .icon-board-like-m{display:block;margin:4px auto 4.5px}
.article-view .article-side .wrap-function .like__link .count{display:inline-block;font-size:16px;font-weight:500;line-height:18px;color:#4d4d4d;vertical-align:top}
.article-view .article-side .wrap-function .report__link{display:inline-block;width:71px;height:71px;padding-top:14px;margin:0 5px;border:1px solid #e2e2e2;font-size:13px;color:#4d4c4c;vertical-align:top;box-sizing:border-box}
.article-view .article-side .wrap-function .report__link .icon-board-report{display:block;margin:3px auto 4px}
.article-view .article-side .wrap-nav{position:relative;margin-top:40px;padding:0 63px;border-top:1px solid #e1e1e1;text-align:center}
.article-view .article-side .wrap-nav .all-list__link{display:block;position:relative;width:63px;height:47px;margin:0 auto}
.article-view .article-side .wrap-nav .all-list__link .icon-board-list{position:absolute;left:50%;top:50%;transform:translate3d(-50%,-50%,0)}
.article-view .article-side .wrap-nav .nav__link{position:absolute;top:0;width:63px;height:47px}
.article-view .article-side .wrap-nav .nav__link span{position:absolute;left:50%;top:50%;transform:translate3d(-50%,-50%,0)}
.article-view .article-side .wrap-nav .nav__link--prev{left:0}
.article-view .article-side .wrap-nav .nav__link--next{right:0}
.article-comment{border-top:1px solid #e1e1e1;background-color:#fff}
.article-comment .icon-board-reply{position:absolute;top:10.5px;left:20px}
.article-comment .comment-register .title{padding:22px 20px 4px;font-size:13px;font-weight:400;line-height:21px;color:#bb0000} /* 댓글버튼 */
.article-comment .comment-register .title>span{font-weight:700;color:#d19f67}
.article-comment .fieldset-box{position:relative;margin:0 20px 17px}
.article-comment .fieldset-box .comment__label{position:absolute;top:0;left:0;padding:11.5px 14px;line-height:15px;color:#a8a8a8;z-index:10;cursor:pointer}
.article-comment .fieldset-box .area-comment,.article-comment .fieldset-box .comment__label{box-sizing:border-box;width:100%;height:90px;font-size:11px;font-weight:400;letter-spacing:-.058em}
.article-comment .fieldset-box .area-comment{padding:10.5px 13px;border:1px solid #e1e1e1;border-bottom:0;line-height:16px;color:#000;background:#fcfcfc;resize:none;outline:0}
.article-comment .fieldset-box .area-comment--on{background-color:#fff}
.article-comment .fieldset-box .wrap-btn{display:flex;width:100%;justify-content:space-around}
.article-comment .fieldset-box .register{display:block;flex-grow:1;height:55px;padding-bottom:3px;font-size:16px;font-weight:500;line-height:55px;color:#fff;background-color:#bb0000} /* 댓글버튼 */
.article-comment .fieldset-box .register--cancel{border:1px solid #e1e1e1;background-color:#fff;color:#000}  /* 댓글버튼 */
.article-comment .comment-list .comment-cont{position:relative;padding:14px 20px 16px;border-bottom:1px solid #e1e1e1}
.article-comment .comment-list .comment-cont--reply{padding:13.5px 20px 16px 54px}
.article-comment .comment-list .comment-info{font-size:11px;font-weight:400;line-height:15px;color:#4d4c4c;height:16px;letter-spacing:-.05em}
.article-comment .comment-list .comment-info .name-info{font-weight:500}
.article-comment .comment-list .comment-info .name-info .img-race{display:inline-block;vertical-align:top;width:13px;height:16px}
.article-comment .comment-list .comment-info .name-info .img-race img{width:100%;height:auto}
.article-comment .comment-list .comment-info .name-info.admin{display:inline-block;font-size:0;line-height:0;vertical-align:top}
.article-comment .comment-list .comment-info .name-info.admin img{width:auto;height:13.5px}
.article-comment .comment-list .comment-info .bar{display:inline-block;width:1px;height:9px;margin:3.5px 2.5px 0 3.5px;background:#2b2b2b;text-indent:-9999px;vertical-align:top}
.article-comment .comment-list .comment-info .date-server{font-weight:500}
.article-comment .comment-list .comment-info .date-info{padding-left:7px;color:#8a8a8a;letter-spacing:-.05em}
.article-comment .comment-list .comment-body{margin-top:3px;font-size:11px;font-weight:400;line-height:16px;color:#7d7d7d;letter-spacing:-.058em;word-break:break-all}
.article-comment .comment-list .comment-btn{position:relative;margin-top:11px}
.article-comment .comment-list .comment-btn:after{display:block;content:"";clear:both}
.article-comment .comment-list .comment-btn .func__btn{float:left;min-width:45px;height:26px;padding:0 8px 1px;border:1px solid #e1e1e1;margin-right:5px;font-size:10px;font-weight:400;line-height:24px;color:#8a8a8a;background-color:#fff;box-sizing:border-box;text-align:center}
.article-comment .comment-list .comment-btn .func__btn--heart{position:absolute;top:3px;right:7px;font-size:14px;font-weight:400;line-height:20px;color:#8a8a8a}
.article-comment .comment-list .comment-btn .func__btn--heart .icon-board-like-l{margin:3px 4px 0 0}
.article-comment .comment-list .comment-reply{position:relative;padding:12px 20px 12px 45px;border-bottom:1px solid #e1e1e1;background-color:#fcfcfc}
.article-comment .comment-list .comment-reply .icon-board-reply{top:15px}
.article-comment .comment-list .comment-reply .comment-tab__link{display:block;width:100%;height:31px;padding-left:10px;border:1px solid #e1e1e1;font-size:11px;font-weight:400;line-height:27px;color:#8a8a8a;background:#fff;text-align:left;box-sizing:border-box;outline:0;letter-spacing:-.05em}
.article-comment .comment-list .comment-reply .comment-form--reply{display:none}
.article-comment .comment-list .comment-reply .fieldset-comment{margin:0}
.article-comment .comment-list .comment-reply .fieldset-comment .area-comment,.article-comment .comment-list .comment-reply .fieldset-comment .comment__label{height:104px}
.article-comment .comment-list .comment-reply .info-byte{margin-top:6px;font-size:10px;font-weight:400;line-height:14px;color:#8a8a8a;text-align:right;letter-spacing:-.03em}
.article-comment .comment-list .comment-reply .info-byte .byte{color:#d19f67}
.article-comment .comment-list .comment-reply .register{height:32px;font-size:13px;font-weight:400;line-height:30px;color:#fff;padding-bottom:1px}
.article-comment .comment-list .comment-reply .register--cancel{color:#bb0000}
.article-comment .comment-list .comment-reply--active{background:#fff}
.article-comment .comment-list .comment-reply--active .comment-tab__link{display:none}
.article-comment .comment-list .comment-reply--active .comment-form--reply{display:block}
@media screen and (min-width:640px){.page--board-view{padding-top:242px}
.article-view .article-info{padding:58px 40px;border-bottom:2px solid #ececec}
.article-view .article-info .board-title{display:block;box-sizing:border-box;width:100%;color:#000;font-size:32px;font-weight:400;letter-spacing:-.05em}
.article-view .article-info .board-title .catetory{display:block;padding-bottom:12px;line-height:1;font-weight:700}
.article-view .article-info .board-title .text{display:block;line-height:1.25}
.article-view .article-info .board-info{display:block;position:relative;min-height:54px;padding-left:1px;margin-top:13px}
.article-view .article-info .board-info .thumb{position:absolute;left:0;top:50%;width:54px;height:54px;transform:translate3d(0,-50%,0)}
.article-view .article-info .board-info .thumb img{display:block;width:100%;height:auto}
.article-view .article-info .board-info .user{overflow:hidden;display:block;position:relative;padding-left:24px;white-space:nowrap;text-overflow:ellipsis}
.article-view .article-info .board-info .user .icon-board-notice-user,.article-view .article-info .board-info .user .icon-races{position:absolute;left:0;top:50%;transform:translate3d(0,-50%,0)}
.article-view .article-info .board-info .user .icon-board-notice-user img,.article-view .article-info .board-info .user .icon-races img{width:20px;height:auto}
.article-view .article-info .board-info .user .server,.article-view .article-info .board-info .user .writer{display:inline-block;vertical-align:top;color:#3d3d3d;font-size:22px;letter-spacing:-.025em}
.article-view .article-info .board-info .user .server{position:relative;padding-left:17px;margin-left:14px}
.article-view .article-info .board-info .user .server:before{display:block;content:"";position:absolute;left:0;top:50%;width:2px;height:18px;background-color:#3d3d3d;transform:translate3d(0,-50%,0)}
.article-view .article-info .board-info .user--admin{padding-left:0}
.article-view .article-info .board-info .user--admin .writer{width:100%}
.article-view .article-info .board-info .user--admin .writer strong{display:inline-block;position:relative;width:100%;min-height:20px;vertical-align:top;color:#fff;letter-spacing:-99em}
.article-view .article-info .board-info .user--admin .writer strong img{position:absolute;left:0;top:50%;width:auto;height:20px;transform:translate3d(0,-50%,0)}
.article-view .article-info .board-info .date{display:block;color:#666;font-size:22px;letter-spacing:-.05em}
.article-view .article-contents .content{padding:38px 44px 0;font-size:24px;font-weight:400;line-height:30px;color:#000;word-break:break-all;letter-spacing:-.014em}
.article-view .article-contents .content table{max-width:100%}
.article-view .article-contents .content table td,.article-view .article-contents .content table th,.article-view .article-contents .content table tr{font-size:24px;font-weight:400;line-height:30px;color:#000;letter-spacing:-.014em}
.article-view .article-contents .content em{color:#d19f67;font-weight:700;text-decoration:underline}
.article-view .article-contents iframe,.article-view .article-contents img{max-width:100%;height:auto}
.article-view .article-side .wrap-function{margin-top:74px;text-align:center}
.article-view .article-side .wrap-function .like__link{display:inline-block;width:142px;height:142px;padding-top:28px;margin:0 10px;border:2px solid #e2e2e2;font-size:26px;color:#4d4c4c;vertical-align:top;box-sizing:border-box}
.article-view .article-side .wrap-function .like__link--on .icon{background-position:-30px}
.article-view .article-side .wrap-function .like__link .icon-board-like-m{display:block;margin:8px auto 9px}
.article-view .article-side .wrap-function .like__link .count{display:inline-block;font-size:32px;font-weight:500;line-height:36px;color:#4d4d4d;vertical-align:top}
.article-view .article-side .wrap-function .report__link{display:inline-block;width:142px;height:142px;padding-top:28px;margin:0 10px;border:2px solid #e2e2e2;font-size:26px;color:#4d4c4c;vertical-align:top;box-sizing:border-box}
.article-view .article-side .wrap-function .report__link .icon-board-report{display:block;margin:6px auto 8px}
.article-view .article-side .wrap-nav{position:relative;margin-top:80px;padding:0 126px;border-top:2px solid #e1e1e1;text-align:center}
.article-view .article-side .wrap-nav .all-list__link{display:block;position:relative;width:126px;height:94px;margin:0 auto}
.article-view .article-side .wrap-nav .all-list__link .icon-board-list{position:absolute;left:50%;top:50%;transform:translate3d(-50%,-50%,0)}
.article-view .article-side .wrap-nav .nav__link{position:absolute;top:0;width:126px;height:94px}
.article-view .article-side .wrap-nav .nav__link span{position:absolute;left:50%;top:50%;transform:translate3d(-50%,-50%,0)}
.article-view .article-side .wrap-nav .nav__link--prev{left:0}
.article-view .article-side .wrap-nav .nav__link--next{right:0}
.article-comment{border-top:2px solid #e1e1e1;background-color:#fff}
.article-comment .icon-board-reply{position:absolute;top:21px;left:40px}
.article-comment .comment-register .title{padding:44px 40px 8px;font-size:26px;font-weight:400;line-height:42px;color:#000}
.article-comment .comment-register .title>span{font-weight:700;color:#d19f67}
.article-comment .fieldset-box{position:relative;margin:0 40px 34px}
.article-comment .fieldset-box .comment__label{position:absolute;top:0;left:0;padding:23px 28px;line-height:30px;color:#a8a8a8;z-index:10;cursor:pointer}
.article-comment .fieldset-box .area-comment,.article-comment .fieldset-box .comment__label{box-sizing:border-box;width:100%;height:180px;font-size:22px;font-weight:400;letter-spacing:-.058em}
.article-comment .fieldset-box .area-comment{padding:21px 26px;border:2px solid #e1e1e1;border-bottom:0;line-height:32px;color:#000;background:#fcfcfc;resize:none;outline:0}
.article-comment .fieldset-box .area-comment--on{background-color:#fff}
.article-comment .fieldset-box .wrap-btn{display:flex;width:100%;justify-content:space-around}
.article-comment .fieldset-box .register{display:block;flex-grow:1;height:110px;padding-bottom:6px;font-size:32px;font-weight:500;line-height:110px;color:#fff;background-color:#bb0000}
.article-comment .fieldset-box .register--cancel{border:2px solid #e1e1e1;background-color:#fff;color:#bb0000}
.article-comment .comment-list .comment-cont{position:relative;padding:28px 40px 32px;border-bottom:2px solid #e1e1e1}
.article-comment .comment-list .comment-cont--reply{padding:27px 40px 32px 108px}
.article-comment .comment-list .comment-info{font-size:22px;font-weight:400;line-height:30px;color:#4d4c4c;height:32px;letter-spacing:-.05em}
.article-comment .comment-list .comment-info .name-info{font-weight:500}
.article-comment .comment-list .comment-info .name-info .img-race{display:inline-block;vertical-align:top;width:26px;height:32px}
.article-comment .comment-list .comment-info .name-info .img-race img{width:100%;height:auto}
.article-comment .comment-list .comment-info .name-info.admin{display:inline-block;font-size:0;line-height:0;vertical-align:top}
.article-comment .comment-list .comment-info .name-info.admin img{width:auto;height:27px}
.article-comment .comment-list .comment-info .bar{display:inline-block;width:2px;height:18px;margin:7px 5px 0 7px;background:#2b2b2b;text-indent:-9999px;vertical-align:top}
.article-comment .comment-list .comment-info .date-server{font-weight:500}
.article-comment .comment-list .comment-info .date-info{padding-left:14px;color:#8a8a8a;letter-spacing:-.05em}
.article-comment .comment-list .comment-body{margin-top:6px;font-size:22px;font-weight:400;line-height:32px;color:#7d7d7d;letter-spacing:-.058em;word-break:break-all}
.article-comment .comment-list .comment-btn{position:relative;margin-top:22px}
.article-comment .comment-list .comment-btn:after{display:block;content:"";clear:both}
.article-comment .comment-list .comment-btn .func__btn{float:left;min-width:90px;height:52px;padding:0 16px 2px;border:2px solid #e1e1e1;margin-right:10px;font-size:20px;font-weight:400;line-height:48px;color:#8a8a8a;background-color:#fff;box-sizing:border-box;text-align:center}
.article-comment .comment-list .comment-btn .func__btn--heart{position:absolute;top:6px;right:14px;font-size:28px;font-weight:400;line-height:40px;color:#8a8a8a}
.article-comment .comment-list .comment-btn .func__btn--heart .icon-board-like-l{margin:6px 8px 0 0}
.article-comment .comment-list .comment-reply{position:relative;padding:24px 40px 24px 90px;border-bottom:2px solid #e1e1e1;background-color:#fcfcfc}
.article-comment .comment-list .comment-reply .icon-board-reply{top:30px}
.article-comment .comment-list .comment-reply .comment-tab__link{display:block;width:100%;height:62px;padding-left:20px;border:2px solid #e1e1e1;font-size:22px;font-weight:400;line-height:54px;color:#8a8a8a;background:#fff;text-align:left;box-sizing:border-box;outline:0;letter-spacing:-.05em}
.article-comment .comment-list .comment-reply .comment-form--reply{display:none}
.article-comment .comment-list .comment-reply .fieldset-comment{margin:0}
.article-comment .comment-list .comment-reply .fieldset-comment .area-comment,.article-comment .comment-list .comment-reply .fieldset-comment .comment__label{height:208px}
.article-comment .comment-list .comment-reply .info-byte{margin-top:12px;font-size:20px;font-weight:400;line-height:28px;color:#8a8a8a;text-align:right;letter-spacing:-.03em}
.article-comment .comment-list .comment-reply .info-byte .byte{color:#d19f67}
.article-comment .comment-list .comment-reply .register{height:64px;font-size:26px;font-weight:400;line-height:60px;color:#fff;padding-bottom:2px}
.article-comment .comment-list .comment-reply .register--cancel{color:#bb0000}
.article-comment .comment-list .comment-reply--active{background:#fff}
.article-comment .comment-list .comment-reply--active .comment-tab__link{display:none}
.article-comment .comment-list .comment-reply--active .comment-form--reply{display:block}
}
.page--board-write{padding-top:60.5px}
.page--board-write .wrap-category{position:relative;left:0;z-index:10;width:100%;background-color:#2d2d2d;color:#fff;text-align:center}
.page--board-write .wrap-category .kg-input{display:none}
.page--board-write .wrap-category .kg-input.kg-input--select{box-sizing:border-box;position:absolute;left:50%;top:50%;padding:0 25px;transform:translate3d(-50%,-50%,0);vertical-align:middle}
.page--board-write .wrap-category .kg-input.kg-input--select select{color:#000;font-size:16px}
.page--board-write .wrap-category .kg-input.kg-input--select .kg-input__bu{position:absolute;right:0;top:50%;width:15px;height:9px;transform:translate3d(0,-50%,0)}
.page--board-write .wrap-category .kg-input.kg-input--select .kg-input__bu .icon-board-select{position:absolute;left:0;top:0}
.page--board-write .wrap-category .kg-input.kg-input--select .kg-input__value{color:#fff;font-size:16px;letter-spacing:-.05em}
.page--board-write .wrap-category .kg-input--on{display:block}
.page--board-write .wrap-category .wrap-category__depth1{position:relative;height:60px;text-align:center;background-color:#1e1e1e}
.page--board-write .wrap-category .wrap-category__depth1 .wrap-category__close{position:absolute;left:0;top:0;width:61px;height:61px}
.page--board-write .wrap-category .wrap-category__depth1 .wrap-category__close .icon-board-close{position:absolute;left:50%;top:50%;transform:translate3d(-50%,-50%,0)}
.page--board-write .wrap-category .wrap-category__depth2{position:relative;height:0;transition:height .25s;text-align:center;background-color:#343434}
.page--board-write .wrap-category .wrap-category__depth2--on{height:60px}
.page--board-write .board__write .item-attach{display:table;width:100%;height:62px;border-bottom:1px solid #ececec}
.page--board-write .board__write .item-attach .item-attach__wrap{display:table-cell;padding:0 18px;vertical-align:middle}
.page--board-write .board__write .item-attach .item-attach__wrap .img-attach__btn{display:inline-block;position:relative;width:30px;height:22px;margin-right:5px}
.page--board-write .board__write .item-attach .item-attach__wrap .img-attach__btn input{position:absolute;left:0;top:0;width:100%;height:100%;opacity:.01}
.page--board-write .board__write .item-attach .item-attach__wrap .img-attach__btn label{display:block;position:relative;width:60px;height:44px;cursor:pointer}
.page--board-write .board__write .item-subject{display:table;width:100%;height:62px;border-bottom:1px solid #ececec}
.page--board-write .board__write .item-subject .item-subject__wrap{display:table-cell;padding:0 18px;vertical-align:middle}
.page--board-write .board__write .item-subject .item-subject__wrap input{width:100%;height:31px;border:0;color:#2b2b2b;font-size:16px;letter-spacing:-.05em}
.page--board-write .board__write .item-text{min-height:180px;border-bottom:1px solid #ececec}
.page--board-write .board__write .item-text .item-text__wrap{box-sizing:border-box;position:relative;padding:15px 18px}
.page--board-write .board__write .item-text .item-text__wrap .item-text__caution{position:absolute;top:35px;padding:15px 0}
.page--board-write .board__write .item-text .item-text__wrap .item-text__caution li{color:#a8a8a8;font-size:12px;letter-spacing:-.05em;line-height:16px}
.page--board-write .board__write .item-text .item-text__wrap .item-text__caution--off{display:none}
.page--board-write .board__write .item-text .item-text__wrap textarea{position:relative;width:100%;height:100%;resize:none;border:0;color:#2b2b2b;font-size:12px;letter-spacing:-.05em;line-height:16px;background-color:transparent}
.page--board-write .board__write .item-upload{position:relative;padding:10px 40px 30px;border-top:1px solid #ccc}
.page--board-write .board__write .item-upload>ul{display:flex;flex-wrap:wrap;float:none;width:100%;max-width:none;margin-left:0;background:none}
.page--board-write .board__write .item-upload>ul .item-upload__item{display:inline-block;float:none;position:relative;width:20%;height:auto;padding-top:20%;margin:0 2.5% 10px;vertical-align:top;cursor:pointer}
.page--board-write .board__write .item-upload>ul .item-upload__item img{position:absolute;top:0;left:0;bottom:0;right:0}
.page--board-write .board__write .item-upload>ul .item-upload__item .icon-remove-upload{position:absolute;right:3.5px;top:3.5px;z-index:10}
.page--board-write .board__write .item-upload>ul .item-upload__item:nth-of-type(4n){margin-right:0}
.page--board-write .board__write .item-upload p{padding:0;color:#2b2b2b;font-size:12px;letter-spacing:-.05em}
.page--board-write .board__write .item-submit{height:55px}
.page--board-write .board__write .item-submit .submit__btn{width:100%;height:100%;color:#fff;font-size:16px;letter-spacing:-.05em;background-color:#d19f67}
@media screen and (min-width:640px){.page--board-write{padding-top:121px}
.page--board-write .wrap-category{position:relative;left:0;z-index:10;width:100%;background-color:#2d2d2d;color:#fff;text-align:center}
.page--board-write .wrap-category .kg-input{display:none}
.page--board-write .wrap-category .kg-input.kg-input--select{box-sizing:border-box;position:absolute;left:50%;top:50%;padding:0 50px;transform:translate3d(-50%,-50%,0);vertical-align:middle}
.page--board-write .wrap-category .kg-input.kg-input--select select{color:#000;font-size:32px}
.page--board-write .wrap-category .kg-input.kg-input--select .kg-input__bu{position:absolute;right:0;top:50%;width:30px;height:18px;transform:translate3d(0,-50%,0)}
.page--board-write .wrap-category .kg-input.kg-input--select .kg-input__bu .icon-board-select{position:absolute;left:0;top:0}
.page--board-write .wrap-category .kg-input.kg-input--select .kg-input__value{color:#fff;font-size:32px;letter-spacing:-.05em}
.page--board-write .wrap-category .kg-input--on{display:block}
.page--board-write .wrap-category .wrap-category__depth1{position:relative;height:120px;text-align:center;background-color:#1e1e1e}
.page--board-write .wrap-category .wrap-category__depth1 .wrap-category__close{position:absolute;left:0;top:0;width:122px;height:122px}
.page--board-write .wrap-category .wrap-category__depth1 .wrap-category__close .icon-board-close{position:absolute;left:50%;top:50%;transform:translate3d(-50%,-50%,0)}
.page--board-write .wrap-category .wrap-category__depth2{position:relative;height:0;transition:height .25s;text-align:center;background-color:#343434}
.page--board-write .wrap-category .wrap-category__depth2--on{height:120px}
.page--board-write .board__write .item-attach{display:table;width:100%;height:124px;border-bottom:2px solid #ececec}
.page--board-write .board__write .item-attach .item-attach__wrap{display:table-cell;padding:0 36px;vertical-align:middle}
.page--board-write .board__write .item-attach .item-attach__wrap .img-attach__btn{display:inline-block;position:relative;width:60px;height:44px;margin-right:10px}
.page--board-write .board__write .item-attach .item-attach__wrap .img-attach__btn input{position:absolute;left:0;top:0;width:100%;height:100%;opacity:.01}
.page--board-write .board__write .item-attach .item-attach__wrap .img-attach__btn label{display:block;position:relative;width:60px;height:44px;cursor:pointer}
.page--board-write .board__write .item-subject{display:table;width:100%;height:124px;border-bottom:2px solid #ececec}
.page--board-write .board__write .item-subject .item-subject__wrap{display:table-cell;padding:0 36px;vertical-align:middle}
.page--board-write .board__write .item-subject .item-subject__wrap input{width:100%;height:62px;border:0;color:#2b2b2b;font-size:32px;letter-spacing:-.05em}
.page--board-write .board__write .item-text{min-height:360px;border-bottom:2px solid #ececec}
.page--board-write .board__write .item-text .item-text__wrap{box-sizing:border-box;position:relative;padding:30px 36px}
.page--board-write .board__write .item-text .item-text__wrap .item-text__caution{position:absolute;top:70px;padding:30px 0}
.page--board-write .board__write .item-text .item-text__wrap .item-text__caution li{color:#a8a8a8;font-size:24px;letter-spacing:-.05em;line-height:32px}
.page--board-write .board__write .item-text .item-text__wrap .item-text__caution--off{display:none}
.page--board-write .board__write .item-text .item-text__wrap textarea{position:relative;width:100%;height:100%;resize:none;border:0;color:#2b2b2b;font-size:24px;letter-spacing:-.05em;line-height:32px;background-color:transparent}
.page--board-write .board__write .item-upload{position:relative;padding:20px 80px 60px;border-top:2px solid #ccc}
.page--board-write .board__write .item-upload>ul{display:flex;flex-wrap:wrap;float:none;width:100%;max-width:none;margin-left:0;background:none}
.page--board-write .board__write .item-upload>ul .item-upload__item{display:inline-block;float:none;position:relative;width:20%;height:auto;padding-top:20%;margin:0 2.5% 20px;vertical-align:top;cursor:pointer}
.page--board-write .board__write .item-upload>ul .item-upload__item img{position:absolute;top:0;left:0;bottom:0;right:0}
.page--board-write .board__write .item-upload>ul .item-upload__item .icon-remove-upload{position:absolute;right:7px;top:7px;z-index:10}
.page--board-write .board__write .item-upload>ul .item-upload__item:nth-of-type(4n){margin-right:0}
.page--board-write .board__write .item-upload p{padding:0;color:#2b2b2b;font-size:24px;letter-spacing:-.05em}
.page--board-write .board__write .item-submit{height:110px}
.page--board-write .board__write .item-submit .submit__btn{width:100%;height:100%;color:#fff;font-size:32px;letter-spacing:-.05em;background-color:#d19f67}
}

.header{position:relative;z-index:99}
.header .inner-header{position:fixed;top:0;left:0;width:100%;height:61px;background-color:#111;text-align:center}
.header .bomnal__title{width:138px;height:36px;margin:15px auto 0}
.header .bomnal__title .logo-bomnal__link{width:100%;height:100%;background:url(/m/images/header-logo.png) no-repeat;background-size:auto 100%}
.header .bomnal__title .logo-bomnal__link,.header .gnb-open__link{display:block;overflow:hidden;font-size:0;line-height:0;text-indent:-9999px}

.header .gnb-open__link{position:absolute;top:0;left:0;width:61px;height:61px;background:url(/m/images/header-btn.png) no-repeat;background-size:100% auto}
.header .gnb-login{position:absolute;top:0;right:10px;width:86px;height:62px;background:url(/m/images/btn_login.png) no-repeat;background-size:100% auto}
.header .gnb-logout{position:absolute;top:0;right:10px;width:86px;height:62px;background:url(/m/images/btn_logout.png) no-repeat;background-size:100% auto}
.header .gnb-home{position:absolute;top:55px;right:10px;width:86px;height:62px;background:url(/m/images/btn_home.gif) no-repeat;background-size:100% auto} /* 홈화면추가 */
.header .gnb-kakao{position:absolute;top:0px;left:50px;width:86px;height:62px;background:url(/m/images/btn_kakao.gif) no-repeat;background-size:100% auto} /* 카카오 추가 */


.header .gnb-menu{position:fixed;top:0;left:0;z-index:20;width:100%;height:100%;transform:translateX(-110%);transition:transform .4s;letter-spacing:-.05em}
.header .gnb-menu--open{transform:translateX(0)}
.header .gnb-menu .inner-menu{overflow-y:auto;position:relative;left:0;top:0;width:320px;height:100%;padding-bottom:50px;background:url(/m/images/bg_left.jpg);box-shadow:0 0 5px #000;box-sizing:border-box} /* 좌메뉴배경 */
.header .gnb-menu .gnb-logo a{width:185px;height:75px;margin:50px 0 0 65px;background:url(/m/images/gnb-logo.png) no-repeat;background-size:auto 100%}
.header .gnb-menu .gnb-close__link,.header .gnb-menu .gnb-logo a{display:block;overflow:hidden;font-size:0;line-height:0;text-indent:-9999px}
.header .gnb-menu .gnb-close__link{position:absolute;top:0;right:0;width:61px;height:61px;background:url(/m/images/header-btn.png) no-repeat;background-position-y:bottom;background-size:100% auto}

.header .gnb-menu .user-info{width:260px;padding:10px 0 20px;margin-left:30px;border-bottom:1px solid #3f3f3f}
.header .gnb-menu .user-info>strong{display:block;margin-bottom:7.5px;word-break:break-all;font-size:12px;font-weight:400;line-height:15px;color:#9a9a9a}
.header .gnb-menu .user-info .login__link{display:block;width:126px;height:32px;border:1px solid #f2f2f2;font-size:12px;font-weight:400;line-height:32px;color:#f2f2f2;text-align:center;text-decoration:none}

.header .gnb-menu .wrap-menu{padding:22px 0}
.header .gnb-menu .wrap-menu .gnb-menu__link{display:block;position:relative;padding:16px 30px 15px;font-size:20px;font-weight:500;line-height:24px;color:#9a9a9a;letter-spacing:-.05em;text-decoration:none}
.header .gnb-menu .wrap-menu .gnb-menu__link--on{color:#d19f67}
.header .gnb-menu .wrap-menu .menu-list .menu-list__sub{overflow:hidden;padding:2px 0;transition:height .3s}
.header .gnb-menu .wrap-menu .menu-list .menu-list__sub .menu-list__sub-link{display:block;padding:10px 43px;font-size:15px;font-weight:500;line-height:20px;color:#bdbdbd;letter-spacing:-.05em;text-decoration:none}
.header .gnb-menu .wrap-menu .menu-list .menu-list__sub .menu-list__sub-link:before{display:inline-block;width:4px;height:4px;border:1px solid #bdbdbd;margin:9px 13px 0 0;vertical-align:top;box-sizing:border-box;transform:rotate(45deg);content:""}
.header .gnb-menu .wrap-menu .menu-list .menu-list__sub .menu-list__sub-link--on{color:#d19f67}
.header .gnb-menu .wrap-menu .menu-list .menu-list__sub .menu-list__sub-link--on:before{border-color:#d19f67}

.header .gnb-menu .gnb-banner{overflow:hidden;width:261px;padding-top:40px;margin-left:30px;border-top:1px solid #3f3f3f}
.header .gnb-menu .gnb-banner .float-bnr__link{display:block;width:260px;height:101px;margin-bottom:29px}
.header .gnb-menu .gnb-banner .float-bnr__link>img{display:block;width:100%;height:auto}
.header .gnb-menu .gnb-banner .gnb-bnr__link{float:left;width:67px;height:67px;display:block;overflow:hidden;font-size:0;line-height:0;text-indent:-9999px;background-image:url(/m/images/gnb-banner.png);background-size:207px 67px;background-repeat:no-repeat}
.header .gnb-menu .gnb-banner .gnb-bnr__link--bomcash{margin-right:29.5px;background-position-x:0}
.header .gnb-menu .gnb-banner .gnb-bnr__link--bomlist{margin-right:29.5px;background-position-x:-70px}
.header .gnb-menu .gnb-banner .gnb-bnr__link--bomcon{background-position-x:-140px}

@media screen and (min-width:640px)
{.header{position:relative;z-index:99}
.header .inner-header{position:fixed;top:0;left:0;width:100%;height:122px;background-color:#111;text-align:center}
.header .bomnal__title{width:230px;height:60px;margin:30px auto 0}
.header .bomnal__title .logo-bomnal__link{width:100%;height:100%;background:url(/m/images/header-logo.png) no-repeat;background-size:auto 100%}
.header .bomnal__title .logo-bomnal__link,.header .gnb-open__link{display:block;overflow:hidden;font-size:0;line-height:0;text-indent:-9999px}

.header .gnb-open__link{position:absolute;top:0;left:0;width:122px;height:122px;background:url(/m/images/header-btn.png) no-repeat;background-size:100% auto}
.header .gnb-login{position:absolute;top:0;right:10px;width:169px;height:122px;background:url(/m/images/btn_login.png) no-repeat;background-size:100% auto}
.header .gnb-logout{position:absolute;top:0;right:10px;width:169px;height:122px;background:url(/m/images/btn_logout.png) no-repeat;background-size:100% auto}
.header .gnb-home{position:absolute;top:110px;right:10px;width:169px;height:122px;background:url(/m/images/btn_home.gif) no-repeat;background-size:100% auto} /* 홈화면추가 */
.header .gnb-kakao{position:absolute;top:0;left:85px;width:169px;height:122px;background:url(/m/images/btn_kakao.gif) no-repeat;background-size:100% auto} /* 카카오 추가 */


.header .gnb-menu{position:fixed;top:0;left:0;z-index:20;width:100%;height:100%;transform:translateX(-110%);transition:transform .4s;letter-spacing:-.05em}
.header .gnb-menu--open{transform:translateX(0)}
.header .gnb-menu .inner-menu{overflow-y:auto;position:relative;left:0;top:0;width:640px;height:100%;padding-bottom:100px;background:url(/m/images/bg_left.jpg);box-shadow:0 0 10px #000;box-sizing:border-box} /* 좌메뉴배경 */

.header .gnb-menu .gnb-logo a{width:370px;height:150px;margin:100px 0 0 130px;background:url(/m/images/gnb-logo.png) no-repeat;background-size:auto 100%}
.header .gnb-menu .gnb-close__link,.header .gnb-menu .gnb-logo a{display:block;overflow:hidden;font-size:0;line-height:0;text-indent:-9999px}
.header .gnb-menu .gnb-close__link{position:absolute;top:0;right:0;width:122px;height:122px;background:url(/m/images/header-btn.png) no-repeat;background-position-y:bottom;background-size:100% auto}

.header .gnb-menu .user-info{width:520px;padding:0px 0 30px;margin-left:60px;border-bottom:2px solid #3f3f3f}
.header .gnb-menu .user-info>strong{display:block;margin-bottom:15px;word-break:break-all;font-size:24px;font-weight:400;line-height:30px;color:#9a9a9a}
.header .gnb-menu .user-info .login__link{display:block;width:252px;height:64px;border:2px solid #f2f2f2;font-size:24px;font-weight:400;line-height:64px;color:#f2f2f2;text-align:center;text-decoration:none}

.header .gnb-menu .wrap-menu{padding:44px 0}
.header .gnb-menu .wrap-menu .gnb-menu__link{display:block;position:relative;padding:32px 60px 30px;font-size:40px;font-weight:500;line-height:48px;color:#9a9a9a;letter-spacing:-.05em;text-decoration:none}
.header .gnb-menu .wrap-menu .gnb-menu__link--on{color:#d19f67}
.header .gnb-menu .wrap-menu .menu-list .menu-list__sub{overflow:hidden;padding:4px 0;transition:height .3s}
.header .gnb-menu .wrap-menu .menu-list .menu-list__sub .menu-list__sub-link{display:block;padding:20px 86px;font-size:30px;font-weight:500;line-height:40px;color:#bdbdbd;letter-spacing:-.05em;text-decoration:none}
.header .gnb-menu .wrap-menu .menu-list .menu-list__sub .menu-list__sub-link:before{display:inline-block;width:8px;height:8px;border:2px solid #bdbdbd;margin:18px 26px 0 0;vertical-align:top;box-sizing:border-box;transform:rotate(45deg);content:""}
.header .gnb-menu .wrap-menu .menu-list .menu-list__sub .menu-list__sub-link--on{color:#d19f67}
.header .gnb-menu .wrap-menu .menu-list .menu-list__sub .menu-list__sub-link--on:before{border-color:#d19f67}

.header .gnb-menu .gnb-banner{overflow:hidden;width:522px;padding-top:80px;margin-left:60px;border-top:2px solid #3f3f3f}
.header .gnb-menu .gnb-banner .float-bnr__link{display:block;width:520px;height:202px;margin-bottom:58px}
.header .gnb-menu .gnb-banner .float-bnr__link>img{display:block;width:100%;height:auto}
.header .gnb-menu .gnb-banner .gnb-bnr__link{float:left;width:134px;height:134px;display:block;overflow:hidden;font-size:0;line-height:0;text-indent:-9999px;background-image:url(/m/images/gnb-banner.png);background-size:414px 134px;background-repeat:no-repeat}
.header .gnb-menu .gnb-banner .gnb-bnr__link--bomcash{margin-right:59px;background-position-x:0}
.header .gnb-menu .gnb-banner .gnb-bnr__link--bomlist{margin-right:59px;background-position-x:-140px}
.header .gnb-menu .gnb-banner .gnb-bnr__link--bomcon{background-position-x:-280px}
}
.footer{padding:26px 0;background-color:#111}
.footer .footer__wrap{position:relative;width:100%;margin:0 auto}
.footer .footer__pc-area{text-align:center}
.footer .footer__pc-area .footer__link-pc{display:inline-block;padding:10px 16px;border:1px solid #696969;color:#898989;font-size:12.5px;letter-spacing:-.025em}
.footer .footer__company{margin-top:17.5px;color:#898989;font-size:10px;line-height:19px;letter-spacing:-.025em;text-align:center}
.footer .footer__company a{color:#898989;text-decoration:underline}
.footer .footer__logo-area{position:relative;margin-top:19.5px;text-align:center}
.footer .footer__logo-area .footer__logo-item{display:inline-block;position:relative;vertical-align:top;padding-right:12px;margin-right:11px;height:20px}
.footer .footer__logo-area .footer__logo-item .footer__logo-link{display:inline-block;width:100%;height:100%;background-repeat:no-repeat;background-size:cover}
.footer .footer__logo-area .footer__logo-item:after{content:"";display:inline-block;position:absolute;right:0;top:5px;width:1px;height:11px;cursor:default;background-color:#5d5d5d}
.footer .footer__logo-area .footer__logo-item--bom .footer__logo-link{width:81px;background-image:url(/m/images/logo-bom.png)}
.footer .footer__logo-area .footer__logo-item--ch01 .footer__logo-link{width:88px;background-image:url(/m/images/logo-ch01.png)}
.footer .footer__logo-area .footer__logo-item--ch02{margin-right:0;padding-right:0}
.footer .footer__logo-area .footer__logo-item--ch02 .footer__logo-link{width:73px;background-image:url(/m/images/logo-ch02.png)}
.footer .footer__logo-area .footer__logo-item--ch02:after{display:none}
.footer .footer__copyright{margin-top:21px;color:#898989;font-size:10px;letter-spacing:-.025em;line-height:34px;text-align:center}
.footer .footer__copyright>a{color:#898989;text-decoration:none}
.footer .footer__copyright>span{display:inline-block;margin:0 7.5px}
@media screen and (min-width:640px){.footer{padding:52px 0;background-color:#111}
.footer .footer__wrap{position:relative;width:100%;margin:0 auto}
.footer .footer__pc-area{text-align:center}
.footer .footer__pc-area .footer__link-pc{display:inline-block;padding:20px 32px;border:1px solid #696969;color:#898989;font-size:25px;letter-spacing:-.025em}
.footer .footer__company{margin-top:35px;color:#898989;font-size:20px;line-height:38px;letter-spacing:-.025em;text-align:center}
.footer .footer__company a{color:#898989;text-decoration:underline}
.footer .footer__logo-area{position:relative;margin-top:39px;text-align:center}
.footer .footer__logo-area .footer__logo-item{display:inline-block;position:relative;vertical-align:top;padding-right:24px;margin-right:22px;height:40px}
.footer .footer__logo-area .footer__logo-item .footer__logo-link{display:inline-block;width:100%;height:100%;background-repeat:no-repeat;background-size:cover}
.footer .footer__logo-area .footer__logo-item:after{content:"";display:inline-block;position:absolute;right:0;top:10px;width:2px;height:22px;cursor:default;background-color:#5d5d5d}
.footer .footer__logo-area .footer__logo-item--bom .footer__logo-link{width:162px;background-image:url(/m/images/logo-bom.png)}
.footer .footer__logo-area .footer__logo-item--ch01 .footer__logo-link{width:176px;background-image:url(/m/images/logo-ch01.png)}
.footer .footer__logo-area .footer__logo-item--ch02{margin-right:0;padding-right:0}
.footer .footer__logo-area .footer__logo-item--ch02 .footer__logo-link{width:146px;background-image:url(/m/images/logo-ch02.png)}
.footer .footer__logo-area .footer__logo-item--ch02:after{display:none}
.footer .footer__copyright{margin-top:42px;color:#898989;font-size:20px;letter-spacing:-.025em;line-height:34px;text-align:center}
.footer .footer__copyright>a{color:#898989;text-decoration:none}
.footer .footer__copyright>span{display:inline-block;margin:0 15px}
}
.page--board{padding-top:121px}
@media screen and (min-width:640px){.page--board{padding-top:242px}
}
body,button,input,select,td,textarea,th{font-family:Noto Sans KR,留묒� 怨좊뵓,Malgun Gothic}
.screen-out{position:absolute;width:0;height:0}
.screen-out,.screen-skip{overflow:hidden;line-height:0;text-indent:-9999px}
.screen-skip{display:block;font-size:0}
body.page--fixed{position:fixed;top:0;left:0;right:0}
.wrap-title{position:fixed;top:61px;left:0;z-index:10;width:100%;height:60px;background:url(/m/images/bg_topline.jpg);color:#fff;text-align:center} /* 상단칼라탭 */
.wrap-title>h3{font-size:16px;font-weight:400;line-height:60px;color:#fff;letter-spacing:-.05em}
.wrap-title .func-btn{position:absolute;top:0;height:60px}
.wrap-title .func-btn--left{left:0}
.wrap-title .func-btn--right{right:0}
.wrap-title .page-search__link{display:block;box-sizing:border-box;overflow:hidden;position:relative;width:61px;height:61px}
.wrap-title .page-search__link .icon-board-search2{position:absolute;left:50%;top:50%;transform:translate3d(-50%,-50%,0)}
.wrap-title .page-prev__link{display:block;overflow:hidden;width:61px;height:61px;box-sizing:border-box}
.wrap-title .page-prev__link .icon-board-prev2{position:absolute;left:50%;top:50%;transform:translate3d(-50%,-50%,0)}
.wrap-title .page-more__link{display:block;overflow:hidden;width:61px;height:61px;box-sizing:border-box}
.wrap-title .page-more__link .icon-board-option{position:absolute;left:50%;top:50%;transform:translate3d(-50%,-50%,0)}
.wrap-title .page-write__link{overflow:hidden;display:block;box-sizing:border-box;position:relative;width:61px;height:61px}
.wrap-title .page-write__link .icon-board-write{position:absolute;left:50%;top:50%;transform:translate3d(-50%,-50%,0)}
.wrap-more .more__btn{width:100%;height:47px;background:#d19f67;text-align:center;font-size:13px;font-weight:400;line-height:45px;color:#fff}
.wrap-more .icon-board-more{margin:17px 0 0 4px}
.input__text{position:relative;width:100%}
.input__text>input,.input__text>label{width:100%;height:98px;padding:0 34px;font-size:26px;font-weight:400;line-height:98px;color:#666;border:0;box-sizing:border-box;background:none;letter-spacing:-.025em;outline:none}
.input__text>input{border-bottom:2px solid #646474;background:rgba(128,133,153,.3);transition:.2s}
.input__text>input[disabled]{background:rgba(25,24,24,.4);color:#5f5f5f;border-color:#3c3b40}
.input__text>input[disabled]~label{color:#5f5f5f}
.input__text>label{position:absolute;top:0;left:0;cursor:text;color:#d9e1eb;letter-spacing:-.05em}
.input__text.write--on>label{display:none}
.input__text.write--on>input{border-color:#f9c228;background:rgba(128,133,153,.5)}
.input__text.write--on>input[disabled]{background:rgba(25,24,24,.4);color:#5f5f5f;border-color:#3c3b40}
.input__text.write--on>input[disabled]~label{color:#5f5f5f}
.input__text:hover>input{background:rgba(128,133,153,.5)}
.input__text:hover>input[disabled]{background:rgba(25,24,24,.4);color:#5f5f5f;border-color:#3c3b40}
.input__text:hover>input[disabled]~label{color:#5f5f5f}
.input__check{position:relative;width:100%}
.input__check>input{position:absolute;top:0;left:0;opacity:0}
.input__check>input:checked+label .form--icon{background-position-y:bottom}
.input__check>label{display:block;width:100%;height:21px;cursor:pointer}
.input__check>label .form--icon{width:100%;height:21px;display:block;overflow:hidden;font-size:0;line-height:0;text-indent:-9999px;background-repeat:no-repeat}
.section-input--agree{width:276px;margin:0 auto}
.section-input--agree .form--icon{background-image:url(/m/images/check-agree.png);background-size:276px 46px;background-repeat:no-repeat}
.page--main--fixed{position:fixed;top:0;left:0;right:0}
.page--main body{background-color:#000}
.page--main .section{overflow:hidden}
.page--main .section .slider-banner__arrow{position:absolute;bottom:34px;width:41px;height:41px;z-index:1;background-image:url(/m/images/btn-slide-arrow.png);background-size:86px 41px;background-repeat:no-repeat;outline:none}
.page--main .section .slider-banner__arrow--next{left:50%;margin-left:39px;background-position-x:100%}
.page--main .section .slider-banner__arrow--prev{right:50%;margin-right:39px}
.page--main .section .slider-count{position:absolute;bottom:44px;left:0;width:100%;font-size:14px;font-weight:400;line-height:20px;color:#b3b3b3;text-align:center}
.page--main .section--main{padding-top:61px}
.page--main .section--main .section__contents .promotion{height:330px}
.page--main .section--main .section__contents .promotion .promotion__list{width:100%;height:100%}
.page--main .section--main .section__contents .promotion .promotion__list .promotion__item{position:relative;height:100%}
.page--main .section--main .section__contents .promotion .promotion__list .promotion__item .promotion__item__wrap{position:relative;background-position:50%;background-repeat:no-repeat;background-size:cover}
.page--main .section--main .section__contents .promotion .promotion__list .promotion__item .promotion__item__wrap .promotion__link{display:block;overflow:hidden;width:100%;height:100%;transform:translate3d(0,5%,0);opacity:0;transition:transform .6s,opacity .8s}
.page--main .section--main .section__contents .promotion .promotion__list .promotion__item .promotion__item__wrap .promotion__link .promotion__image{display:block;width:320px;height:auto;margin:0 auto}
.page--main .section--main .section__contents .promotion .promotion__list .promotion__item .promotion__item__wrap .promotion__link--video{position:absolute;left:50%;top:34.5px;width:237px;height:132px;margin-left:-118.5px;transform:translateZ(0);opacity:1;background-color:rgba(0,0,0,.001)}
.page--main .section--main .section__contents .promotion .promotion__list .promotion__item .promotion__item__wrap .promotion__link--on{transform:translateZ(0);opacity:1}
.page--main .section--main .section__contents .promotion .promotion__list .promotion__arrow{position:absolute;top:50%;width:34px;height:34px;margin-top:-17px;z-index:10;background:url(/m/images/btn-promotion-arrow.png) no-repeat;background-size:100% auto}
.page--main .section--main .section__contents .promotion .promotion__list .promotion__arrow--prev{left:0;background-position-y:top}
.page--main .section--main .section__contents .promotion .promotion__list .promotion__arrow--next{right:0;background-position-y:bottom}
.page--main .section--main .section__contents .promotion .promotion__list .slick-dots{position:absolute;left:0;bottom:33px;width:100%;height:13px;z-index:10;text-align:center}
.page--main .section--main .section__contents .promotion .promotion__list .slick-dots li{position:relative;display:inline-block;width:13px;height:13px;margin:0 3.5px;cursor:pointer;outline:none;background:url(/m/images/bu-promotion.png) 0 0 no-repeat;background-size:100% auto}
.page--main .section--main .section__contents .promotion .promotion__list .slick-dots li button{position:absolute;left:0;top:0;width:100%;height:100%;opacity:.01;transition:opacity .35s;outline:none;background:url(/m/images/bu-promotion.png) 0 100% no-repeat;background-size:100% auto}
.page--main .section--main .section__contents .promotion .promotion__list .slick-dots li.slick-active button{opacity:1}
.page--main .section--notice{background:#fff}
.page--main .section--notice .section__wrap{padding:33px 20px 20px}
.page--main .section--notice .section__contents .notice{position:relative}
.page--main .section--notice .section__contents .notice .notice__title{height:38px;border-bottom:1px solid #e5e5e5;color:#222;font-size:18px;letter-spacing:-.024em}
.page--main .section--notice .section__contents .notice .notice__list{margin-top:11.5px}
.page--main .section--notice .section__contents .notice .notice__list .notice__item{margin-bottom:11px}
.page--main .section--notice .section__contents .notice .notice__list .notice__item .notice__link{display:block;position:relative;padding-right:80px;font-size:12px;letter-spacing:-.025em}
.page--main .section--notice .section__contents .notice .notice__list .notice__item .notice__link .notice__subject{display:block;overflow:hidden;width:100%;color:#2b2b2b;white-space:nowrap;text-overflow:ellipsis}
.page--main .section--notice .section__contents .notice .notice__list .notice__item .notice__link .notice__date{position:absolute;right:0;top:0;color:#8c8c8c;text-align:right}
.page--main .section--notice .section__contents .notice .btn-notice-more{position:absolute;right:0;top:8.5px;width:14px;height:14px;background:url(/m/images/btn-notice-more.png) no-repeat;background-size:cover}
.page--main .section--notice .section__contents .guide{margin:0 auto}
.page--main .section--notice .section__contents .guide .kg-tab{margin-top:37.5px}
.page--main .section--notice .section__contents .guide .kg-tab .kg-tab__list{font-size:0}
.page--main .section--notice .section__contents .guide .kg-tab .kg-tab__list .kg-tab__list-item{box-sizing:border-box;display:inline-block;width:50%;height:43px;border:1px solid #e5e5e5;cursor:pointer;outline:none;text-align:center}
.page--main .section--notice .section__contents .guide .kg-tab .kg-tab__list .kg-tab__list-item>span{display:inline-block;height:43px;margin:0 auto;color:#999;font-size:14px;line-height:43px}
.page--main .section--notice .section__contents .guide .kg-tab .kg-tab__list .kg-tab__list-item--note{border-right:0}
.page--main .section--notice .section__contents .guide .kg-tab .kg-tab__list .kg-tab__list-item--guide{border-left:0}
.page--main .section--notice .section__contents .guide .kg-tab .kg-tab__list .kg-tab__list-item--guide>span{}
.page--main .section--notice .section__contents .guide .kg-tab .kg-tab__list .kg-tab__list-item--on{border-color:#145d95;background-color:#145d95}
.page--main .section--notice .section__contents .guide .kg-tab .kg-tab__list .kg-tab__list-item--on>span{color:#fff}
.page--main .section--notice .section__contents .guide .kg-tab .kg-tab__list .kg-tab__list-item--on.kg-tab__list-item--guide span{}
.page--main .section--notice .section__contents .guide .kg-tab .kg-tab__panel{position:relative}
.page--main .section--notice .section__contents .guide .kg-tab .kg-tab__panel .kg-tab__panel-item{display:none;z-index:0}
.page--main .section--notice .section__contents .guide .kg-tab .kg-tab__panel .kg-tab__panel-item--on{display:block;z-index:10}
.page--main .section--notice .section__contents .guide .kg-tab .kg-tab__panel .kg-tab__panel-item .gm-note .gm-note__item img{width:100%;height:auto}
.page--main .section--notice .section__contents .guide .kg-tab .kg-tab__panel .kg-tab__panel-item .gm-note .gm-note__arrow{position:absolute;top:50%;width:20px;height:20px;margin-top:-10px;outline:none;z-index:10;background:url(/m/images/btn-note-arrow.png) no-repeat;background-size:100% auto}
.page--main .section--notice .section__contents .guide .kg-tab .kg-tab__panel .kg-tab__panel-item .gm-note .gm-note__arrow--prev{left:9.5px;background-position-y:top}
.page--main .section--notice .section__contents .guide .kg-tab .kg-tab__panel .kg-tab__panel-item .gm-note .gm-note__arrow--next{right:9.5px;background-position-y:bottom}
.page--main .section--notice .section__contents .guide .kg-tab .kg-tab__panel .kg-tab__panel-item .guide{position:relative}
.page--main .section--notice .section__contents .guide .kg-tab .kg-tab__panel .kg-tab__panel-item .guide img{width:100%;height:auto}
.page--main .section--notice .section__contents .guide .kg-tab .kg-tab__panel .kg-tab__panel-item .guide .guide__search{box-sizing:border-box;position:absolute;left:50%;top:50%;width:83%;height:50px;padding-right:50px;transform:translate3d(-50%,-50%,0);background-color:#fff}
.page--main .section--notice .section__contents .guide .kg-tab .kg-tab__panel .kg-tab__panel-item .guide .guide__search .guide__input{box-sizing:border-box;width:100%;height:100%;padding:0 19px;border:none;outline:none;color:#666;font-size:12px;line-height:50px}
.page--main .section--notice .section__contents .guide .kg-tab .kg-tab__panel .kg-tab__panel-item .guide .guide__search .btn-guide__input{position:absolute;right:0;top:0;width:50px;height:50px;background:url(/m/images/btn-guide-search.png) no-repeat;background-size:cover}
.page--main .section--shop{padding:30px 0 5.5px}
.page--main .section--shop .section__title{height:49.5px}
.page--main .section--shop .section__title h3{text-align:center}
.page--main .section--shop .section__title h3 img{width:auto;height:26px}
.page--main .section--shop .section__contents .product{position:relative;padding-bottom:42px}
.page--main .section--shop .section__contents .product .product__list{position:relative;height:256.5px}
.page--main .section--shop .section__contents .product .product__list .slick-slide>div{width:210px;margin:0 2.5px 23.5px}
.page--main .section--shop .section__contents .product .product__list .slick-slide>div .product__item{position:relative;width:100%;height:100%}
.page--main .section--shop .section__contents .product .product__list .slick-slide>div .product__item .product__item-wrap{display:inline-block;position:relative;width:100%;height:100%;box-shadow:0 0 0 #ccc;transition:box-shadow .3s}
.page--main .section--shop .section__contents .product .product__list .slick-slide>div .product__item .product__image{display:inline-block;position:relative;padding-top:1px}
.page--main .section--shop .section__contents .product .product__list .slick-slide>div .product__item .product__image>img{width:100%;height:auto}
.page--main .section--shop .section__contents .product .product__list .slick-slide>div .product__item .product__link-buy{display:inline-block;position:relative;width:100%;height:54px;background-color:#d19f67}
.page--main .section--shop .section__contents .product .product__list .slick-slide>div .product__item .product__link-buy .text{font-family:NanumSquare,留묒� 怨좊뵓,Malgun Gothic;position:absolute;left:50%;top:50%;min-height:14px;padding-right:27px;color:#2b2b2b;font-size:15px;font-weight:700;letter-spacing:-.05em;transform:translate3d(-50%,-50%,0)}
.page--main .section--shop .section__contents .product .product__list .slick-slide>div .product__item .product__link-buy .text span{position:absolute;right:0;top:50%;transform:translate3d(0,-50%,0)}
.page--main .section--shop .section__contents .product .product__list .slick-slide>div .product__item .product__link-buy--disabled{cursor:default;background-color:#b0b0b0}
.page--main .section--shop .section__contents .product .product__list .slick-slide>div .product__item .product__link-buy--disabled .text{padding-right:0;color:#fff}
.page--main .section--shop .section__contents .product .product__list .slick-slide>div .product__item .product__link-detail{box-sizing:border-box;display:inline-block;position:relative;width:100%;height:45px;border:1px solid #e5e5e5;text-align:center}
.page--main .section--shop .section__contents .product .product__list .slick-slide>div .product__item .product__link-detail .text{font-family:NanumSquare,留묒� 怨좊뵓,Malgun Gothic;position:absolute;left:50%;top:50%;padding-right:11px;transform:translate3d(-50%,-50%,0);color:#2b2b2b;font-size:13px;white-space:nowrap;letter-spacing:-.05em}
.page--main .section--shop .section__contents .product .product__list .slick-slide>div .product__item .product__link-detail .text span{position:absolute;right:0;top:50%;transform:translate3d(0,-50%,0)}
.page--main .section--shop .section__contents .product .product__list .slick-slide>div .product__item--ticket .product__image{position:relative;padding-top:0}
.page--main .section--shop .section__contents .product .product__list .slick-slide.slick-center>div .product__item .product__item-wrap{box-shadow:0 3.5px 5px #ccc}
.page--main .section--shop .section__contents .product .product__list .slick-slide.slick-center>div .product__item .product__item-wrap .product__link-detail{border-color:transparent}
.page--main .section--shop .section__contents .product .product__list .slick-dots{position:absolute;left:0;bottom:0;width:100%;height:13px;z-index:10;text-align:center}
.page--main .section--shop .section__contents .product .product__list .slick-dots li{position:relative;display:inline-block;width:13px;height:13px;margin:0 3.5px;cursor:pointer;outline:none;background:url(/m/images/bu-promotion.png) 0 0 no-repeat;background-size:100% auto}
.page--main .section--shop .section__contents .product .product__list .slick-dots li button{position:absolute;left:0;top:0;width:100%;height:100%;opacity:.01;transition:opacity .35s;outline:none;background:url(/m/images/bu-promotion.png) 0 100% no-repeat;background-size:100% auto}
.page--main .section--shop .section__contents .product .product__list .slick-dots li.slick-active button{opacity:1}


.page--main .section--gamestart .section__contents .gamestart .gamestart__link{display:block;position:relative;width:100%;height:100px;text-align:center;background-repeat:no-repeat;background-position:top;background-size:cover}
.page--main .section--gamestart .section__contents .gamestart .gamestart__link>img{display:block;width:auto;height:100%;margin:0 auto}

.page--main .section--mlogin .section__contents .mlogin .mlogin__link{display:block;position:relative;width:100%;height:60px;text-align:center;background-repeat:no-repeat;background-position:top;background-size:cover}
.page--main .section--mlogin .section__contents .mlogin .mlogin__link>img{display:block;width:auto;height:100%;margin:0 auto}

.page--main .section--mangel .section__contents .mangel .mangel__link{display:block;position:relative;width:100%;height:100px;text-align:center;background-repeat:no-repeat;background-position:top;background-size:cover}
.page--main .section--mangel .section__contents .mangel .mangel__link>img{display:block;width:auto;height:100%;margin:0 auto}

.login__title{height:40px; text-align:center; color:#222;font-size:15px;}
.mangel__title{height:80px; text-align:center; color:#222;font-size:15px;}

.bbs__line {padding:10px 0px 50px 0px; height:60px; text-align:center; color:#222;font-size:15px;}
.cash_pop {position:absolute; width:77px;height:31px;background:url(/item/images/btn_cash.png) no-repeat;background-size:100% auto}



.page--main .section--contents .section__contents .game-contents{height:479px}
.page--main .section--contents .section__contents .game-contents .game-contents__item{position:relative;height:479px;background-repeat:no-repeat;background-position:50%;background-size:cover}
.page--main .section--contents .section__contents .game-contents .game-contents__item .game-contents__link{display:inline-block;position:relative;width:100%;height:100%}
.page--main .section--contents .section__contents .game-contents .game-contents__item .game-contents__image{position:absolute;left:50%;top:0;width:auto;height:100%;max-width:360px;transform:translate3d(-50%,5%,0);opacity:0;transition:transform .6s,opacity .8s}
.page--main .section--contents .section__contents .game-contents .game-contents__item .game-contents__image--on{transform:translate3d(-50%,0,0);opacity:1}
.page--main .section--contents .section__contents .game-contents .game-contents__item--clan{background-position-y:top}
.page--main .section--contents .section__contents .game-contents .game-contents__arrow{position:absolute;top:50%;width:40px;height:40px;transform:translate3d(0,-50%,0);outline:none;z-index:10;background:url(/m/images/btn-contents-arrow.png) no-repeat;background-size:100% auto}
.page--main .section--contents .section__contents .game-contents .game-contents__arrow--prev{left:0;background-position-y:top}
.page--main .section--contents .section__contents .game-contents .game-contents__arrow--next{right:0;background-position-y:bottom}
.page--main .section--recommend .section__contents .recommend{height:318.5px;margin-top:50.5px;background-color:#fff}
.page--main .section--recommend .section__contents .recommend .recommend__title h4{height:27px;background:url(/m/images/title-section-recommend.png) top no-repeat;background-size:auto 100%}
.page--main .section--recommend .section__contents .recommend .recommend__list{position:relative;padding-bottom:27.5px;margin-top:22.5px}
.page--main .section--recommend .section__contents .recommend .recommend__list .slick-slide>div{width:262.5px;height:183px;margin:0 6px 12px}
.page--main .section--recommend .section__contents .recommend .recommend__list .slick-slide .recommend__item{width:100%;height:100%}
.page--main .section--recommend .section__contents .recommend .recommend__list .slick-slide .recommend__item .recommend__link{display:inline-block;width:100%;height:100%;box-shadow:0 0 0 #ccc;transition:box-shadow .3s}
.page--main .section--recommend .section__contents .recommend .recommend__list .slick-slide .recommend__item .recommend__image{position:relative;height:142px}
.page--main .section--recommend .section__contents .recommend .recommend__list .slick-slide .recommend__item .recommend__image>img{width:100%;height:auto}
.page--main .section--recommend .section__contents .recommend .recommend__list .slick-slide .recommend__item .recommend__image .recommend__icon--video{position:absolute;left:50%;top:50%;width:73.5px;height:72px;transform:translate3d(-50%,-50%,0);background:url(/m/images/icon-recommend-video.png) no-repeat;background-size:cover}
.page--main .section--recommend .section__contents .recommend .recommend__list .slick-slide .recommend__item .recommend__subject{display:block;height:40px;text-align:center;border:1px solid #d6d6d6;border-top:none;background-color:#fff}
.page--main .section--recommend .section__contents .recommend .recommend__list .slick-slide .recommend__item .recommend__subject>span{overflow:hidden;display:inline-block;max-width:90%;height:100%;color:#2b2b2b;font-size:12px;letter-spacing:-.05em;line-height:40px;text-overflow:ellipsis;white-space:nowrap}
.page--main .section--recommend .section__contents .recommend .recommend__list .slick-slide.slick-center>div .recommend__item .recommend__link{box-shadow:0 3.5px 2.5px #ccc}
.page--main .section--recommend .section__contents .recommend .recommend__list .slick-slide.slick-center>div .recommend__item .recommend__link .recommend__subject{border-color:transparent}
.page--main .section--recommend .section__contents .recommend .recommend__list .slick-dots{position:absolute;left:0;bottom:0;width:100%;height:13px;z-index:10;text-align:center}
.page--main .section--recommend .section__contents .recommend .recommend__list .slick-dots li{position:relative;display:inline-block;width:13px;height:13px;margin:0 3.5px;cursor:pointer;outline:none;background:url(/m/images/bu-promotion.png) 0 0 no-repeat;background-size:100% auto}
.page--main .section--recommend .section__contents .recommend .recommend__list .slick-dots li button{position:absolute;left:0;top:0;width:100%;height:100%;opacity:.01;outline:none;transition:opacity .35s;background:url(/m/images/bu-promotion.png) 0 100% no-repeat;background-size:100% auto}
.page--main .section--recommend .section__contents .recommend .recommend__list .slick-dots li.slick-active button{opacity:1}
.page--main .section--recommend .section__contents .main-big-banner .main-big-banner__link{display:block;text-align:center}
.page--main .section--recommend .section__contents .main-big-banner .main-big-banner__link img{width:auto;height:368.5px}
.page--main .section--class{position:relative;background:url(/m/images/bg-section-class.jpg) no-repeat;background-size:cover;background-position:50% 50%}
.page--main .section--class .section__wrap{padding:40px 0 50px}
.page--main .section--class .section__title h3{height:26.5px;background:url(/m/images/title-section-class.png) top no-repeat;background-size:auto 100%}
.page--main .section--class .section__contents{margin-top:32.5px}
.page--main .section--class .section__contents .class-info .class-info__list{box-sizing:border-box}
.page--main .section--class .section__contents .class-info .class-info__list .class-info__item .class-info__item-wrap{margin:0 7.5px;background-size:cover;background-position:50% 50%}
.page--main .section--class .section__contents .class-info .class-info__list .class-info__item .class-info__title{position:relative;display:block;opacity:0;transform:translate3d(0,50px,0);transition:transform .2s,opacity .4s}
.page--main .section--class .section__contents .class-info .class-info__list .class-info__item .class-info__vod{position:relative;z-index:1}
.page--main .section--class .section__contents .class-info .class-info__list .class-info__item .class-info__vod .class__link{display:block}
.page--main .section--class .section__contents .class-info .class-info__list .class-info__item .class-info__text{position:relative;opacity:0;transform:translate3d(0,-50px,0);transition:transform .2s,opacity .4s}
.page--main .section--class .section__contents .class-info .class-info__list .class-info__item img{width:100%;height:auto}
.page--main .section--class .section__contents .class-info .class-info__list .class-info__item--on .class-info__text,.page--main .section--class .section__contents .class-info .class-info__list .class-info__item--on .class-info__title{transform:translateZ(0);opacity:1}
@media screen and (min-width:640px){body,button,input,select,td,textarea,th{font-family:Noto Sans KR,留묒� 怨좊뵓,Malgun Gothic}
.screen-out{position:absolute;width:0;height:0}
.screen-out,.screen-skip{overflow:hidden;line-height:0;text-indent:-9999px}
.screen-skip{display:block;font-size:0}
body.page--fixed{position:fixed;top:0;left:0;right:0}
.wrap-title{position:fixed;top:122px;left:0;z-index:10;width:100%;height:120px;background-color:#ba1111;color:#fff;text-align:center}
.wrap-title>h3{font-size:32px;font-weight:400;line-height:120px;color:#fff;letter-spacing:-.05em}
.wrap-title .func-btn{position:absolute;top:0;height:120px}
.wrap-title .func-btn--left{left:0}
.wrap-title .func-btn--right{right:0}
.wrap-title .page-search__link{display:block;box-sizing:border-box;overflow:hidden;position:relative;width:122px;height:122px}
.wrap-title .page-search__link .icon-board-search2{position:absolute;left:50%;top:50%;transform:translate3d(-50%,-50%,0)}
.wrap-title .page-prev__link{display:block;overflow:hidden;width:122px;height:122px;box-sizing:border-box}
.wrap-title .page-prev__link .icon-board-prev2{position:absolute;left:50%;top:50%;transform:translate3d(-50%,-50%,0)}
.wrap-title .page-more__link{display:block;overflow:hidden;width:122px;height:122px;box-sizing:border-box}
.wrap-title .page-more__link .icon-board-option{position:absolute;left:50%;top:50%;transform:translate3d(-50%,-50%,0)}
.wrap-title .page-write__link{overflow:hidden;display:block;box-sizing:border-box;position:relative;width:122px;height:122px}
.wrap-title .page-write__link .icon-board-write{position:absolute;left:50%;top:50%;transform:translate3d(-50%,-50%,0)}
.wrap-more .more__btn{width:100%;height:94px;background:#d19f67;text-align:center;font-size:26px;font-weight:400;line-height:90px;color:#fff}
.wrap-more .icon-board-more{margin:34px 0 0 8px}
.input__text{position:relative;width:100%}
.input__text>input,.input__text>label{width:100%;height:98px;padding:0 34px;font-size:26px;font-weight:400;line-height:98px;color:#666;border:0;box-sizing:border-box;background:none;letter-spacing:-.025em;outline:none}
.input__text>input{border-bottom:2px solid #646474;background:rgba(128,133,153,.3);transition:.2s}
.input__text>input[disabled]{background:rgba(25,24,24,.4);color:#5f5f5f;border-color:#3c3b40}
.input__text>input[disabled]~label{color:#5f5f5f}
.input__text>label{position:absolute;top:0;left:0;cursor:text;color:#d9e1eb;letter-spacing:-.05em}
.input__text.write--on>label{display:none}
.input__text.write--on>input{border-color:#f9c228;background:rgba(128,133,153,.5)}
.input__text.write--on>input[disabled]{background:rgba(25,24,24,.4);color:#5f5f5f;border-color:#3c3b40}
.input__text.write--on>input[disabled]~label{color:#5f5f5f}
.input__text:hover>input{background:rgba(128,133,153,.5)}
.input__text:hover>input[disabled]{background:rgba(25,24,24,.4);color:#5f5f5f;border-color:#3c3b40}
.input__text:hover>input[disabled]~label{color:#5f5f5f}
.input__check{position:relative;width:100%}
.input__check>input{position:absolute;top:0;left:0;opacity:0}
.input__check>input:checked+label .form--icon{background-position-y:bottom}
.input__check>label{display:block;width:100%;height:42px;cursor:pointer}
.input__check>label .form--icon{width:100%;height:42px;display:block;overflow:hidden;font-size:0;line-height:0;text-indent:-9999px;background-repeat:no-repeat}
.section-input--agree{width:552px;margin:0 auto}
.section-input--agree .form--icon{background-image:url(/m/images/check-agree.png);background-size:552px 92px;background-repeat:no-repeat}
.page--main--fixed{position:fixed;top:0;left:0;right:0}
.page--main body{background-color:#000}
.page--main .section{overflow:hidden}
.page--main .section .slider-banner__arrow{position:absolute;bottom:68px;width:82px;height:82px;z-index:1;background-image:url(/m/images/btn-slide-arrow.png);background-size:172px 82px;background-repeat:no-repeat;outline:none}
.page--main .section .slider-banner__arrow--next{left:50%;margin-left:78px;background-position-x:100%}
.page--main .section .slider-banner__arrow--prev{right:50%;margin-right:78px}
.page--main .section .slider-count{position:absolute;bottom:88px;left:0;width:100%;font-size:28px;font-weight:400;line-height:40px;color:#b3b3b3;text-align:center}
.page--main .section--main{padding-top:122px}
.page--main .section--main .section__contents .promotion{height:600px}
.page--main .section--main .section__contents .promotion .promotion__list{width:100%;height:100%}
.page--main .section--main .section__contents .promotion .promotion__list .promotion__item{position:relative;height:100%}
.page--main .section--main .section__contents .promotion .promotion__list .promotion__item .promotion__item__wrap{position:relative;background-position:50%;background-repeat:no-repeat;background-size:cover}
.page--main .section--main .section__contents .promotion .promotion__list .promotion__item .promotion__item__wrap .promotion__link{display:block;overflow:hidden;width:100%;height:100%;transform:translate3d(0,5%,0);opacity:0;transition:transform .6s,opacity .8s}
.page--main .section--main .section__contents .promotion .promotion__list .promotion__item .promotion__item__wrap .promotion__link .promotion__image{display:block;width:640px;height:auto;margin:0 auto}
.page--main .section--main .section__contents .promotion .promotion__list .promotion__item .promotion__item__wrap .promotion__link--video{position:absolute;left:50%;top:69px;width:474px;height:264px;margin-left:-237px;transform:translateZ(0);opacity:1;background-color:rgba(0,0,0,.001)}
.page--main .section--main .section__contents .promotion .promotion__list .promotion__item .promotion__item__wrap .promotion__link--on{transform:translateZ(0);opacity:1}
.page--main .section--main .section__contents .promotion .promotion__list .promotion__arrow{position:absolute;top:50%;width:68px;height:68px;margin-top:-34px;z-index:10;background:url(/m/images/btn-promotion-arrow.png) no-repeat;background-size:100% auto}
.page--main .section--main .section__contents .promotion .promotion__list .promotion__arrow--prev{left:0;background-position-y:top}
.page--main .section--main .section__contents .promotion .promotion__list .promotion__arrow--next{right:0;background-position-y:bottom}
.page--main .section--main .section__contents .promotion .promotion__list .slick-dots{position:absolute;left:0;bottom:66px;width:100%;height:26px;z-index:10;text-align:center}
.page--main .section--main .section__contents .promotion .promotion__list .slick-dots li{position:relative;display:inline-block;width:26px;height:26px;margin:0 7px;cursor:pointer;outline:none;background:url(/m/images/bu-promotion.png) 0 0 no-repeat;background-size:100% auto}
.page--main .section--main .section__contents .promotion .promotion__list .slick-dots li button{position:absolute;left:0;top:0;width:100%;height:100%;opacity:.01;transition:opacity .35s;outline:none;background:url(/m/images/bu-promotion.png) 0 100% no-repeat;background-size:100% auto}
.page--main .section--main .section__contents .promotion .promotion__list .slick-dots li.slick-active button{opacity:1}
.page--main .section--notice{background:#fff}
.page--main .section--notice .section__wrap{padding:66px 40px 40px}
.page--main .section--notice .section__contents .notice{position:relative}
.page--main .section--notice .section__contents .notice .notice__title{height:76px;border-bottom:2px solid #e5e5e5;color:#222;font-size:36px;letter-spacing:-.024em}
.page--main .section--notice .section__contents .notice .notice__list{margin-top:23px}
.page--main .section--notice .section__contents .notice .notice__list .notice__item{margin-bottom:22px}
.page--main .section--notice .section__contents .notice .notice__list .notice__item .notice__link{display:block;position:relative;padding-right:160px;font-size:24px;letter-spacing:-.025em}
.page--main .section--notice .section__contents .notice .notice__list .notice__item .notice__link .notice__subject{display:block;overflow:hidden;width:100%;color:#2b2b2b;white-space:nowrap;text-overflow:ellipsis}
.page--main .section--notice .section__contents .notice .notice__list .notice__item .notice__link .notice__date{position:absolute;right:0;top:0;color:#8c8c8c;text-align:right}
.page--main .section--notice .section__contents .notice .btn-notice-more{position:absolute;right:0;top:17px;width:28px;height:28px;background:url(/m/images/btn-notice-more.png) no-repeat;background-size:cover}
.page--main .section--notice .section__contents .guide{margin:0 auto}
.page--main .section--notice .section__contents .guide .kg-tab{margin-top:75px}
.page--main .section--notice .section__contents .guide .kg-tab .kg-tab__list{font-size:0}
.page--main .section--notice .section__contents .guide .kg-tab .kg-tab__list .kg-tab__list-item{box-sizing:border-box;display:inline-block;width:50%;height:86px;border:2px solid #e5e5e5;cursor:pointer;outline:none;text-align:center}
.page--main .section--notice .section__contents .guide .kg-tab .kg-tab__list .kg-tab__list-item>span{display:inline-block;height:86px;margin:0 auto;color:#999;font-size:28px;line-height:86px}
.page--main .section--notice .section__contents .guide .kg-tab .kg-tab__list .kg-tab__list-item--note{border-right:0}
.page--main .section--notice .section__contents .guide .kg-tab .kg-tab__list .kg-tab__list-item--guide{border-left:0}
.page--main .section--notice .section__contents .guide .kg-tab .kg-tab__list .kg-tab__list-item--guide>span{}
.page--main .section--notice .section__contents .guide .kg-tab .kg-tab__list .kg-tab__list-item--on{border-color:#145d95;background-color:#145d95}
.page--main .section--notice .section__contents .guide .kg-tab .kg-tab__list .kg-tab__list-item--on>span{color:#fff}
.page--main .section--notice .section__contents .guide .kg-tab .kg-tab__list .kg-tab__list-item--on.kg-tab__list-item--guide span{}
.page--main .section--notice .section__contents .guide .kg-tab .kg-tab__panel{position:relative}
.page--main .section--notice .section__contents .guide .kg-tab .kg-tab__panel .kg-tab__panel-item{display:none;z-index:0}
.page--main .section--notice .section__contents .guide .kg-tab .kg-tab__panel .kg-tab__panel-item--on{display:block;z-index:10}
.page--main .section--notice .section__contents .guide .kg-tab .kg-tab__panel .kg-tab__panel-item .gm-note .gm-note__item img{width:100%;height:auto}
.page--main .section--notice .section__contents .guide .kg-tab .kg-tab__panel .kg-tab__panel-item .gm-note .gm-note__arrow{position:absolute;top:50%;width:40px;height:40px;margin-top:-20px;outline:none;z-index:10;background:url(/m/images/btn-note-arrow.png) no-repeat;background-size:100% auto}
.page--main .section--notice .section__contents .guide .kg-tab .kg-tab__panel .kg-tab__panel-item .gm-note .gm-note__arrow--prev{left:19px;background-position-y:top}
.page--main .section--notice .section__contents .guide .kg-tab .kg-tab__panel .kg-tab__panel-item .gm-note .gm-note__arrow--next{right:19px;background-position-y:bottom}
.page--main .section--notice .section__contents .guide .kg-tab .kg-tab__panel .kg-tab__panel-item .guide{position:relative}
.page--main .section--notice .section__contents .guide .kg-tab .kg-tab__panel .kg-tab__panel-item .guide img{width:100%;height:auto}
.page--main .section--notice .section__contents .guide .kg-tab .kg-tab__panel .kg-tab__panel-item .guide .guide__search{box-sizing:border-box;position:absolute;left:50%;top:50%;width:83%;height:100px;padding-right:100px;transform:translate3d(-50%,-50%,0);background-color:#fff}
.page--main .section--notice .section__contents .guide .kg-tab .kg-tab__panel .kg-tab__panel-item .guide .guide__search .guide__input{box-sizing:border-box;width:100%;height:100%;padding:0 38px;border:none;outline:none;color:#666;font-size:24px;line-height:100px}
.page--main .section--notice .section__contents .guide .kg-tab .kg-tab__panel .kg-tab__panel-item .guide .guide__search .btn-guide__input{position:absolute;right:0;top:0;width:100px;height:100px;background:url(/m/images/btn-guide-search.png) no-repeat;background-size:cover}
.page--main .section--shop{padding:60px 0 11px}
.page--main .section--shop .section__title{height:99px}
.page--main .section--shop .section__title h3{text-align:center}
.page--main .section--shop .section__title h3 img{width:auto;height:52px}
.page--main .section--shop .section__contents .product{position:relative;padding-bottom:84px}
.page--main .section--shop .section__contents .product .product__list{position:relative;height:513px}
.page--main .section--shop .section__contents .product .product__list .slick-slide>div{width:420px;margin:0 5px 47px}
.page--main .section--shop .section__contents .product .product__list .slick-slide>div .product__item{position:relative;width:100%;height:100%}
.page--main .section--shop .section__contents .product .product__list .slick-slide>div .product__item .product__item-wrap{display:inline-block;position:relative;width:100%;height:100%;box-shadow:0 0 0 #ccc;transition:box-shadow .3s}
.page--main .section--shop .section__contents .product .product__list .slick-slide>div .product__item .product__image{display:inline-block;position:relative;padding-top:2px}
.page--main .section--shop .section__contents .product .product__list .slick-slide>div .product__item .product__image>img{width:100%;height:auto}
.page--main .section--shop .section__contents .product .product__list .slick-slide>div .product__item .product__link-buy{display:inline-block;position:relative;width:100%;height:108px;background-color:#d19f67}
.page--main .section--shop .section__contents .product .product__list .slick-slide>div .product__item .product__link-buy .text{font-family:NanumSquare,留묒� 怨좊뵓,Malgun Gothic;position:absolute;left:50%;top:50%;min-height:28px;padding-right:54px;color:#2b2b2b;font-size:30px;font-weight:700;letter-spacing:-.05em;transform:translate3d(-50%,-50%,0)}
.page--main .section--shop .section__contents .product .product__list .slick-slide>div .product__item .product__link-buy .text span{position:absolute;right:0;top:50%;transform:translate3d(0,-50%,0)}
.page--main .section--shop .section__contents .product .product__list .slick-slide>div .product__item .product__link-buy--disabled{cursor:default;background-color:#b0b0b0}
.page--main .section--shop .section__contents .product .product__list .slick-slide>div .product__item .product__link-buy--disabled .text{padding-right:0;color:#fff}
.page--main .section--shop .section__contents .product .product__list .slick-slide>div .product__item .product__link-detail{box-sizing:border-box;display:inline-block;position:relative;width:100%;height:90px;border:2px solid #e5e5e5;text-align:center}
.page--main .section--shop .section__contents .product .product__list .slick-slide>div .product__item .product__link-detail .text{font-family:NanumSquare,留묒� 怨좊뵓,Malgun Gothic;position:absolute;left:50%;top:50%;padding-right:22px;transform:translate3d(-50%,-50%,0);color:#2b2b2b;font-size:26px;white-space:nowrap;letter-spacing:-.05em}
.page--main .section--shop .section__contents .product .product__list .slick-slide>div .product__item .product__link-detail .text span{position:absolute;right:0;top:50%;transform:translate3d(0,-50%,0)}
.page--main .section--shop .section__contents .product .product__list .slick-slide>div .product__item--ticket .product__image{position:relative;padding-top:0}
.page--main .section--shop .section__contents .product .product__list .slick-slide.slick-center>div .product__item .product__item-wrap{box-shadow:0 7px 10px #ccc}
.page--main .section--shop .section__contents .product .product__list .slick-slide.slick-center>div .product__item .product__item-wrap .product__link-detail{border-color:transparent}
.page--main .section--shop .section__contents .product .product__list .slick-dots{position:absolute;left:0;bottom:0;width:100%;height:26px;z-index:10;text-align:center}
.page--main .section--shop .section__contents .product .product__list .slick-dots li{position:relative;display:inline-block;width:26px;height:26px;margin:0 7px;cursor:pointer;outline:none;background:url(/m/images/bu-promotion.png) 0 0 no-repeat;background-size:100% auto}
.page--main .section--shop .section__contents .product .product__list .slick-dots li button{position:absolute;left:0;top:0;width:100%;height:100%;opacity:.01;transition:opacity .35s;outline:none;background:url(/m/images/bu-promotion.png) 0 100% no-repeat;background-size:100% auto}
.page--main .section--shop .section__contents .product .product__list .slick-dots li.slick-active button{opacity:1}


.page--main .section--gamestart .section__contents .gamestart .gamestart__link{display:block;position:relative;width:100%;height:200px;text-align:center;background-repeat:no-repeat;background-position:top;background-size:cover}
.page--main .section--gamestart .section__contents .gamestart .gamestart__link>img{display:block;width:auto;height:100%;margin:0 auto}

.page--main .section--mlogin .section__contents .mlogin .mlogin__link{display:block;position:relative;width:100%;height:120px;text-align:center;background-repeat:no-repeat;background-position:top;background-size:cover}
.page--main .section--mlogin .section__contents .mlogin .mlogin__link>img{display:block;width:auto;height:100%;margin:0 auto}

.page--main .section--mangel .section__contents .mangel .mangel__link{display:block;position:relative;width:100%;height:100px;text-align:center;background-repeat:no-repeat;background-position:top;background-size:cover}
.page--main .section--mangel .section__contents .mangel .mangel__link>img{display:block;width:auto;height:100%;margin:0 auto}

.login__title{height:80px; text-align:center; color:#222;font-size:30px;}
.mangel__title{height:160px; text-align:center; color:#222;font-size:30px;}

.bbs__line {padding:10px 0px 50px 0px; height:120px; text-align:center; color:#222;font-size:15px;}
.cash_pop {position:absolute; width:169px;height:122px;background:url(/item/images/btn_cash.png) no-repeat;background-size:100% auto}

.page--main .section--contents .section__contents .game-contents{height:958px}
.page--main .section--contents .section__contents .game-contents .game-contents__item{position:relative;height:958px;background-repeat:no-repeat;background-position:50%;background-size:cover}
.page--main .section--contents .section__contents .game-contents .game-contents__item .game-contents__link{display:inline-block;position:relative;width:100%;height:100%}
.page--main .section--contents .section__contents .game-contents .game-contents__item .game-contents__image{position:absolute;left:50%;top:0;width:auto;height:100%;max-width:720px;transform:translate3d(-50%,5%,0);opacity:0;transition:transform .6s,opacity .8s}
.page--main .section--contents .section__contents .game-contents .game-contents__item .game-contents__image--on{transform:translate3d(-50%,0,0);opacity:1}
.page--main .section--contents .section__contents .game-contents .game-contents__item--clan{background-position-y:top}
.page--main .section--contents .section__contents .game-contents .game-contents__arrow{position:absolute;top:50%;width:80px;height:80px;transform:translate3d(0,-50%,0);outline:none;z-index:10;background:url(/m/images/btn-contents-arrow.png) no-repeat;background-size:100% auto}
.page--main .section--contents .section__contents .game-contents .game-contents__arrow--prev{left:0;background-position-y:top}
.page--main .section--contents .section__contents .game-contents .game-contents__arrow--next{right:0;background-position-y:bottom}
.page--main .section--recommend .section__contents .recommend{height:637px;margin-top:101px;background-color:#fff}
.page--main .section--recommend .section__contents .recommend .recommend__title h4{height:54px;background:url(/m/images/title-section-recommend.png) top no-repeat;background-size:auto 100%}
.page--main .section--recommend .section__contents .recommend .recommend__list{position:relative;padding-bottom:55px;margin-top:45px}
.page--main .section--recommend .section__contents .recommend .recommend__list .slick-slide>div{width:525px;height:366px;margin:0 12px 24px}
.page--main .section--recommend .section__contents .recommend .recommend__list .slick-slide .recommend__item{width:100%;height:100%}
.page--main .section--recommend .section__contents .recommend .recommend__list .slick-slide .recommend__item .recommend__link{display:inline-block;width:100%;height:100%;box-shadow:0 0 0 #ccc;transition:box-shadow .3s}
.page--main .section--recommend .section__contents .recommend .recommend__list .slick-slide .recommend__item .recommend__image{position:relative;height:284px}
.page--main .section--recommend .section__contents .recommend .recommend__list .slick-slide .recommend__item .recommend__image>img{width:100%;height:auto}
.page--main .section--recommend .section__contents .recommend .recommend__list .slick-slide .recommend__item .recommend__image .recommend__icon--video{position:absolute;left:50%;top:50%;width:147px;height:144px;transform:translate3d(-50%,-50%,0);background:url(/m/images/icon-recommend-video.png) no-repeat;background-size:cover}
.page--main .section--recommend .section__contents .recommend .recommend__list .slick-slide .recommend__item .recommend__subject{display:block;height:80px;text-align:center;border:1px solid #d6d6d6;border-top:none;background-color:#fff}
.page--main .section--recommend .section__contents .recommend .recommend__list .slick-slide .recommend__item .recommend__subject>span{overflow:hidden;display:inline-block;max-width:90%;height:100%;color:#2b2b2b;font-size:24px;letter-spacing:-.05em;line-height:80px;text-overflow:ellipsis;white-space:nowrap}
.page--main .section--recommend .section__contents .recommend .recommend__list .slick-slide.slick-center>div .recommend__item .recommend__link{box-shadow:0 7px 5px #ccc}
.page--main .section--recommend .section__contents .recommend .recommend__list .slick-slide.slick-center>div .recommend__item .recommend__link .recommend__subject{border-color:transparent}
.page--main .section--recommend .section__contents .recommend .recommend__list .slick-dots{position:absolute;left:0;bottom:0;width:100%;height:26px;z-index:10;text-align:center}
.page--main .section--recommend .section__contents .recommend .recommend__list .slick-dots li{position:relative;display:inline-block;width:26px;height:26px;margin:0 7px;cursor:pointer;outline:none;background:url(/m/images/bu-promotion.png) 0 0 no-repeat;background-size:100% auto}
.page--main .section--recommend .section__contents .recommend .recommend__list .slick-dots li button{position:absolute;left:0;top:0;width:100%;height:100%;opacity:.01;outline:none;transition:opacity .35s;background:url(/m/images/bu-promotion.png) 0 100% no-repeat;background-size:100% auto}
.page--main .section--recommend .section__contents .recommend .recommend__list .slick-dots li.slick-active button{opacity:1}
.page--main .section--recommend .section__contents .main-big-banner .main-big-banner__link{display:block;text-align:center}
.page--main .section--recommend .section__contents .main-big-banner .main-big-banner__link img{width:auto;height:737px}
.page--main .section--class{position:relative;background:url(/m/images/bg-section-class.jpg) no-repeat;background-size:cover;background-position:50% 50%}
.page--main .section--class .section__wrap{padding:80px 0 100px}
.page--main .section--class .section__title h3{height:53px;background:url(/m/images/title-section-class.png) top no-repeat;background-size:auto 100%}
.page--main .section--class .section__contents{margin-top:65px}
.page--main .section--class .section__contents .class-info .class-info__list{box-sizing:border-box}
.page--main .section--class .section__contents .class-info .class-info__list .class-info__item .class-info__item-wrap{margin:0 15px;background-size:cover;background-position:50% 50%}
.page--main .section--class .section__contents .class-info .class-info__list .class-info__item .class-info__title{position:relative;display:block;opacity:0;transform:translate3d(0,50px,0);transition:transform .2s,opacity .4s}
.page--main .section--class .section__contents .class-info .class-info__list .class-info__item .class-info__vod{position:relative;z-index:1}
.page--main .section--class .section__contents .class-info .class-info__list .class-info__item .class-info__vod .class__link{display:block}
.page--main .section--class .section__contents .class-info .class-info__list .class-info__item .class-info__text{position:relative;opacity:0;transform:translate3d(0,-50px,0);transition:transform .2s,opacity .4s}
.page--main .section--class .section__contents .class-info .class-info__list .class-info__item img{width:100%;height:auto}
.page--main .section--class .section__contents .class-info .class-info__list .class-info__item--on .class-info__text,.page--main .section--class .section__contents .class-info .class-info__list .class-info__item--on .class-info__title{transform:translateZ(0);opacity:1}
}