@charset "UTF-8";
/* Common Class */
.row { clear: both; min-width: 1200px; margin: 0 auto; }
.cell { display: table-cell; width: 100%; height: 100%; vertical-align: middle; }
.inner { clear: both; width: 1200px; margin: 0 auto; }
.blind { display: block; overflow: hidden; visibility: hidden; text-indent: -9999px; font-size: 0; height: 0; }
.ir { display: block; }
.ir, .btn { overflow: hidden; text-indent: -9999px; font-size: 0 !important; }
.fl { float: left; }
.fr { float: right; }
.clear:before, .clear:after { content: ''; display: table; }
.clear { *zoom: 1; }
.clear:after { clear: both; }
.ipt_select, .ipt_keyword { height: 38px; padding: 0 0 0 10px; font-size: 15px; line-height: 38px; color: #8d8d8d; background: #fff; border: 1px solid #d8d0c6; -webkit-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; }
.ipt_select.open, .ipt_select:active, .ipt_select:focus, .ipt_keyword:focus { border-color: #d0b6a9; }
.ipt_radio { position: absolute; display: block; top: -1px; left: -1px; width: 1px; height: 1px; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none; }
.ipt_radio + .ipt_label_radio { position: relative; overflow: hidden; display: block; cursor: pointer; }
.ipt_radio + .ipt_label_radio:before, .selected .ipt_radio + .ipt_label_radio:after { position: absolute; display: block; top: 50%; content: ''; border: 1px solid #94a0a9; background-color: #fff; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; }
.ipt_radio + .ipt_label_radio:before { left: 0; width: 13px; height: 13px; margin-top: -7px; }
.selected .ipt_radio + .ipt_label_radio:after { left: 3px; width: 7px; height: 7px; margin-top: -4px; background: #db6006; }

/* Buttons */
.btn_board, .btn_guide, .btn_security, .btn_pop, .btn_pcCheck, .btn_driveDown, .btn_galleryDown {display:inline-block;vertical-align:top;outline:none;border:none;color:#fff;text-align:center;background-color:transparent; transition:all 0.2s ease;}
.btn_board:hover, .btn_security:hover, .btn_pop:hover, .btn_pcCheck:hover, .btn_driveDown:hover, .btn_galleryDown:hover {text-decoration:none;}
.btn_board.l_write,
.btn_board.w_cancel,
.btn_board.w_update {width:148px;height:55px;border-radius:27.5px;line-height:57px;font-size:18px;}
.btn_board.v_list,
.btn_board.v_write,
.btn_board.v_modify,
.btn_board.v_delete,
.btn_pop.r_report,
.btn_pop.r_cancel,
.btn_pop.r_confirm,
.btn_pop.p_confirm,
.btn_pop.writeStart {width:143px;height:50px;border-radius:26.5px;line-height:48px;font-size:17px;}
.btn_board.p_cancel,
.btn_board.p_update {width:126px;height:46px;border-radius:23px;line-height:47px;font-size:15px;}
.btn_board.c_write {width:82px;height:82px;border-radius:50%;line-height:84px;font-size:17px;}
.btn_security.headerBtn,
.btn_security.bodyBtn,
.btn_pcCheck {height:53px;border-radius:26.5px;line-height:55px;font-size:17px;}
.btn_security.headerBtn,
.btn_pcCheck {width:187px;}
.btn_security.bodyBtn {padding:0 40px;}
.btn_pop.alertBtn {width:152px;height:36px;border-radius:18px;line-height:37px;font-size:15px;}
.btn_pop.findBtn {width:113px;height:34px;border-radius:17px;line-height:35px;font-size:14px;}
.btn_guide.btn_search {width:97px;height:37px;border-radius:19px;line-height:39px;font-size:15px;}
.btn_guide.list, .btn_guide.top {width:126px;height:36px;border-radius:18px;line-height:37px;font-size:15px;}
.btn_guide.s_list {width:136px;height:50px;border-radius:25px;line-height:52px;font-size:16px;}
.btn_driveDown {width:145px;height:45px;border-radius:23px;line-height:47px;font-size:16px;}
.btn_galleryDown {width:131px;height:38px;border-radius:20px;line-height:38px;font-size:15px;}
.btn_driveDown:before, .btn_galleryDown:before {content:'';display:inline-block;vertical-align:middle;width:21px;height:38px;}
.btn_driveDown:before {background: url('../image/common/icon_down.png') 0px 10px no-repeat;}
.btn_galleryDown:before {background: url('../image/common/icon_down1.png') 0px 11px no-repeat;}
.btn_board.v_list,
.btn_board.v_modify,
.btn_board.v_delete,
.btn_board.w_cancel,
.btn_board.p_cancel,
.btn_security.headerBtn,
.btn_security.bodyBtn,
.btn_pop.alertBtn,
.btn_pop.findBtn,
.btn_guide.btn_search,
.btn_guide.top,
.btn_guide.s_list,
.btn_pop.r_cancel,
.btn_pcCheck,
.btn_driveDown,
.btn_galleryDown,
.btn_pop.r_confirm,
.btn_board.p_confirm {background-color:#383648;}
.btn_board.v_list:hover,
.btn_board.v_modify:hover,
.btn_board.v_delete:hover,
.btn_board.w_cancel:hover,
.btn_board.p_cancel:hover,
.btn_security.headerBtn:hover,
.btn_security.bodyBtn:hover,
.btn_pop.alertBtn:hover,
.btn_pop.findBtn:hover,
.btn_guide.btn_search:hover,
.btn_guide.top:hover,
.btn_guide.s_list:hover,
.btn_pop.r_cancel:hover,
.btn_pcCheck:hover,
.btn_driveDown:hover,
.btn_galleryDown:hover,
.btn_pop.r_confirm:hover,
.btn_board.p_confirm:hover {background-color:#61606e;}
.btn_board.l_write,
.btn_board.v_write,
.btn_board.w_update,
.btn_board.p_update,
.btn_board.c_write,
.btn_guide.list,
.btn_pop.r_report,
.btn_pop.writeStart {background-color:#dc4461;}
.btn_board.l_write:hover,
.btn_board.v_write:hover,
.btn_board.w_update:hover,
.btn_board.p_update:hover,
.btn_board.c_write:hover,
.btn_guide.list:hover,
.btn_pop.r_report:hover,
.btn_pop.writeStart:hover {background-color:#f56681;}

.btn_board.copyUrl,
.btn_board.report,
.btn_board.fileDelete {height:24px;border-radius:13px;line-height:26px;font-size:13px;}
.btn_board.copyUrl,
.btn_board.report,
.btn_board.fileDelete {padding:0 12px;}
.btn_board.fileDelete:hover {color:#5262ae;border:1px solid #6875af;}
.btn_board.copyUrl,
.btn_board.report,
.btn_board.w_youtube,
.btn_board.fileDelete {color:#999aa2;border:1px solid #c2c2c7;}
.btn_board.copyUrl:hover,
.btn_board.report:hover,
.btn_board.w_youtube:hover,
.btn_board.fileDelete:hover {color:#413f55;border:1px solid #8d8c99;}
.btn_board.w_youtube {width:90px;height:24px;border-radius:13px;color:transparent !important;line-height:26px;background: url('../image/common/icon_youtube.png') center center no-repeat;}

.btn_board.recommend_s,
.btn_board.decommend_s {height:24px;box-sizing:border-box;border-radius:12px;line-height:24px;font-size:12px;}
.btn_board.recommend_s, .btn_board.decommend_s {min-width:90px;padding:0 12px;color:#535263;border:1px solid #777584;}
.btn_board.recommend_s:hover {color:#df4258;border:1px solid #df4258;}
.btn_board.decommend_s:hover {color:#5262ae;border:1px solid #5262ae;}
.btn_board.recommend_s span, .btn_board.decommend_s span {display:inline-block;background-repeat:no-repeat;}
.btn_board.recommend_s span {padding:0 10px 0 18px;}
.btn_board.decommend_s span {padding:0 10px 0 18px;}
.btn_board.recommend_s span {color:#df4258;background-image: url('../image/common/icon_recommend_s.png');background-position:0 4px;}
.btn_board.decommend_s span {color:#5262ae;background-image: url('../image/common/icon_decommend_s.png');background-position:0 5px;}

.btn_board.v_delete_s, .btn_board.v_report_s {position:relative;width:22px;height:22px;overflow:hidden;border-radius:11px;font-size:12px;text-indent:20px;line-height:22px;text-align:left;box-sizing:border-box;border-width:1px;border-style:solid;}

.btn_board.v_delete_s {border-color:#4d4b5d;font-weight:100;color:#fff;background-color:#4d4b5d;}
.btn_board.v_delete_s:hover {width:73px;border-color:#767484;background-color:#767484;}
.btn_board.v_delete_s:before, .btn_board.v_delete_s:after {display:block;position:absolute;top:0;left:0;width:100%;height:100%;transition: all 0.2s ease;}
.btn_board.v_delete_s:before {content:'';opacity:0;padding-left:18px;}
.btn_board.v_delete_s:after {content:'';background-image: url('../image/common/icon_x.png');background-repeat:no-repeat;background-position:6px 6px;}
.btn_board.v_delete_s:hover:before {opacity:1;}

.btn_board.v_report_s {border-color:#767484;font-weight:400;color:#dc4461;}
.btn_board.v_report_s:hover {width:73px;border-color:#dc4461;}
.btn_board.v_report_s:before, .btn_board.v_report_s:after {content:'';display:block;position:absolute;top:0;left:0;width:100%;height:100%;background-image: url('../image/common/icon_report.png');background-repeat:no-repeat;transition: all 0.2s ease;}
.btn_board.v_report_s:before {background-position:4px 4px;opacity:1;}
.btn_board.v_report_s:after {background-position:4px -40px;opacity:0;}
.btn_board.v_report_s:hover:before {opacity:0;}
.btn_board.v_report_s:hover:after {opacity:1;}


.btn_board.like,
.btn_board.recommend,
.btn_board.decommend,
.btn_board.tradeComplete,
.btn_board.anotherThread {width:auto;min-width:116px;height:50px;border-radius:25px;line-height:53px;font-size:18px;color:#383648;padding:0 30px;border:1px solid #7a7888;}
.btn_board.like span,
.btn_board.recommend span,
.btn_board.decommend span {display:inline-block;padding:0 20px 0 22px;background-repeat:no-repeat;}

.btn_board.like span {color:#df4258;background-image: url('../image/common/icon_like.png');background-position:left 19px;}
.btn_board.like:hover {color:#df4258;border:1px solid #df4258;}
.btn_board.recommend span {color:#df4258;background-image: url('../image/common/icon_recommend_red.png');background-position:left 17px;}
.btn_board.recommend:hover {color:#df4258;border:1px solid #df4258;}
.btn_board.decommend span {color:#5262ae;background-image: url('../image/common/icon_decommend.png');background-position:left 19px;}
.btn_board.decommend:hover {color:#5262ae;border:1px solid #5262ae;}
.btn_board.tradeComplete {color:#fff;background-color:#383648;border:1px solid #383648;margin-left:10px;}
.btn_board.tradeComplete:before {content:'';display:inline-block;vertical-align:middle;width:30px;height:40px;background-image: url('../image/common/icon_arrow_trade.png');background-repeat:no-repeat;background-position:0px 7px;}
.btn_board.tradeComplete:hover {background-color:#61606e;border:1px solid #61606e;}
.btn_board.tradeComplete:hover:before {background-position:0px -43px;}
.btn_board.tradeComplete.off {cursor:no-drop;}
.btn_board.tradeComplete.off,
.btn_board.tradeComplete.off:hover {background-color:#fff;border:1px solid #999aa2;color:#999aa2;}
.btn_board.tradeComplete.off:before, .btn_board.tradeComplete.off:hover:before {background-position:0px -93px;}
.btn_board.anotherThread {margin-left:10px;}
.btn_board.anotherThread:hover {color:#dc4461;border-color:#dc4461;}

/* Icons */
.icon_board, .icon_guide {display:inline-block;vertical-align:middle;height:20px;overflow:hidden;text-indent:-50000px;font-weight:400;background-repeat:no-repeat;}
.icon_board.comment {width:auto;text-indent:0;color:#df4258;background-image:none;padding-right:4px; transform: translate(0px, 0px);}
.icon_board.comment:before {content:'';display:inline-block;vertical-align:middle;width:14px;height:14px;background: url('../image/common/icon_comment.png') left top no-repeat;}
.icon_board.mobile {width:10px;background-image: url('../image/common/icon_mobile.png'); background-position:center 3px;}
.icon_board.new, .icon_guide.new {width:15px;background-image: url('../image/common/icon_new.png'); background-position:center 3px; margin-top:3px;}
.icon_board.date {width:14px;background-image: url('../image/common/icon_time.png'); background-position:center 1px;}
.icon_board.vCount {width:18px;background-image: url('../image/common/icon_view.png'); background-position:center 3px;}
.icon_board.lCount {width:13px;background-image: url('../image/common/icon_like_count.png'); background-position:center 2px;}
.icon_board.recom {width:15px;background-image: url('../image/common/icon_recommend.png'); background-position:center 1px;}
.icon_board.decom {width:15px;background-image: url('../image/common/icon_recommend.png'); background-position:center 2px;transform: rotate(180deg);}
.icon_board.reply {width:13px;background-image: url('../image/common/icon_reply.png'); background-position:center 1px;}
.icon_board.calendar {width:18px;background-image: url('../image/common/icon_calendar.png'); background-position:center 1px;}
.icon_board.s_server {width:17px;background-image: url('../image/common/icon_server_s.png'); background-position:center 0px;}
.icon_board.g_server {width:17px;background-image: url('../image/common/icon_server_g.png'); background-position:center 0px;}
.icon_board.gm {width:34px;background-image: url('../image/common/icon_gm.png'); background-position:center 0px;}
.icon_board.situation {width:31px;background-image: url('../image/common/icon_step.png'); background-position:left 3px;}
.icon_guide.hot {width:40px;background-image: url('../image/common/icon_hot.png'); background-position:left 2px;}

/* Tags */
.tag_year {display:inline-block;width:auto;height:21px;border-radius:12px;padding:0 12px;font-weight:400;font-size:12px;color:#fff;line-height:22px;text-align:center;background-color:#413f55;}
.tag_board {display:block;width:auto;height:26px;border-radius:12px;padding:0 15px;font-weight:400;font-size:13px;color:#383648;line-height:25px;text-align:center;border:1px solid #595769;background-color:transparent;}
.tag_board.notice,
.eventBoard .viewPage_list .tag_board {color:#fff;background-color:#413f55 !important;}
.noticeBoard .board_view .tag_board,
.gmBoard .board_view .tag_board,
.eventBoard .board_view .tag_board {display:block;width:auto;height:26px;border-radius:13.5px;padding:0 12px;font-weight:400;font-size:14px;color:#fff;line-height:25px;border:1px solid #595769;background-color:#413f55;}
.issueBoard .board_view .tag_board,
.strategyBoard .board_view .tag_board,
.ideaBoard .board_view .tag_board {width:64px;height:26px;border-radius:12.5px;font-size:14px;text-align:center;line-height:25px;padding:0px;}
.tag_guide {display:inline-block;height:23px;border-radius:12px;padding:0 12px;font-weight:400;font-size:13px;color:#fff;line-height:24px;text-align:center;background-color:#413f55;}
.noticeBoard .board_default .board_view .view_header .header_subject .v_tag .tag_board {padding:0 18px;}

/* Board Paging */
.paging_board {font-size:0px;line-height:0px;zoom:1;text-align:center;}
.paging_board a {position:relative;display:inline-block;vertical-align:top;height:33px;}
.paging_board a span {position:relative;display:block;}
.paging_board a:before {content:'';display:block;position:absolute;left:0;top:0;width:100%;height:100%;}
.paging_board a.num {font-size:16px;color:#413f55;line-height:34px;padding:0 12px;margin:0 3px;}
.paging_board a.num span {z-index:2;}
.paging_board a.num:hover {color:#413f55;text-decoration:none;}
.paging_board a.num.on {color:#e2435b;}
.paging_board a.num.on:before, .paging_board a.num.on:hover:before {background-color:transparent;}
.paging_board a.num:before {transform: scale(0); transition:all 0.2s ease;}
.paging_board a.num:hover:before/*, .paging_board a.num.on:before*/ {z-index:1;border-radius:16.5px;background-color:#e6e5e5;transform: scale(1);}
.paging_board a.btn {width:33px;border-radius:50%;overflow:hidden;text-indent:-50000px;background-color:#413f55; transition:all 0.3s ease;}
.paging_board a.btn span {z-index:1;}
.paging_board a.first {margin-right:3px;}
.paging_board a.prev {margin-right:16px;}
.paging_board a.next {margin-left:16px;}
.paging_board a.last {margin-left:3px;}
.paging_board a.btn:hover {background-color:#696779;}
.paging_board a.btn:before {z-index:2;background-repeat:no-repeat;}
.paging_board a.first:before {background-position:10px center;}
.paging_board a.prev:before {background-position:13px center;}
.paging_board a.next:before {background-position:13px center;}
.paging_board a.last:before {background-position:10px center;}
.paging_board a.prev:before, .paging_board a.next:before {background-image: url('../image/common/pg_s_arrow.png');}
.paging_board a.first:before, .paging_board a.last:before {background-image: url('../image/common/pg_d_arrow.png');}
.paging_board a.next:before, .paging_board a.last:before {transform: rotate(180deg);}

/* Board Searching */
.search_board h3 {display: block; overflow: hidden; visibility: hidden; text-indent: -9999px; font-size: 0; height: 0;}
.search_board fieldset {position:relative;display:table;vertical-align:top;width:343px;height:41px;border-radius:6px;padding-top:12px;background-color:#fff;box-shadow:0px 3px 4px #ecebeb;margin:0 auto;}
.search_board fieldset > div {display:table-cell;vertical-align:top;}
.search_board fieldset .cateOption {width:146px;}
.search_board fieldset .cateOption .nice-select:after {right:14px;}
.search_board fieldset .input_area {width:397px;padding-left:23px;overflow:hidden;}
.search_board fieldset .input_area .input_keyword {width:320px;height:32px;font-size:16px;color:#31323a;border:none;background-color:transparent;}
.search_board fieldset .input_area .btn_search {position:absolute;right:10px;top:5px;display:block;width:43px;height:43px;border-radius:50%;overflow:hidden;text-indent:-50000px;background: transparent url('../image/common/btn_search.png') center 10px no-repeat;}
.search_board fieldset .input_area .btn_search:before,
.search_board fieldset .input_area .btn_search:after {content:'';display:block;position:absolute;top:0;left:0;width:100%;height:100%;border-radius:50%; transition: all 0.3s ease;}
.search_board fieldset .input_area .btn_search:before {background-color:#efefef; transform: scale(0);}
.search_board fieldset .input_area .btn_search:after {background: url('../image/common/btn_search.png') center -60px no-repeat;opacity:0;}
.search_board fieldset .input_area .btn_search:hover:before {transform: scale(0);}
.search_board fieldset .input_area .btn_search:hover:after {opacity:1;}

/* Board Editer Nexon Version Style */
#editorLayerSec { position:absolute;top:0;left:0;z-index:9; }

.selectColor { width:230px;height:122px;border:1px solid #808080;background-color:#FFFFFF; }
.editorColorSelectionTopSec { padding:10px;background-color:#F2F2F2; }
.editorColorSelectionTopSec ul { overflow:hidden;border-top:1px solid #333333;border-left:1px solid #333333;width:209px;height:33px; }
.editorColorSelectionTopSec ul li { float:left;width:10px;height:10px;border-right:1px solid #333333;border-bottom:1px solid #333333; }
.editorColorSelectionTopSec ul li a { display:block;width:10px;height:10px;font-size:0px; }
.editorColorSelectionBottomSec { padding:10px 10px 5px ;width:210px; }
.editorColorSelectionBottomSec * { vertical-align:top; }
.editorColorSelectionBottomSec #editorColorSelectionTempColorText + a { display:inline-block;width:35px;height:18px;background: url('../image/common/bt_cfm_s.gif') no-repeat;float:right;font-size:0;line-height:0;zoom:1; }
.editorColorSelectionBottomSec a img {display:none;}
.editorColorSelectionBottomSec .confirm { float:right;font-size:0;line-height:0;zoom:1; }
.editorColorSelectionBottomSec .confirm a { display:inline-block;width:35px;height:18px;background: url('../image/common/bt_cfm_s.gif') no-repeat; }
.editorColorSelectionBottomSec .confirm a img { display:none; }
.editorColorSelectionBottomSec .close { padding-top:5px;clear:both;float:right;display:inline;font-size:0;line-height:0;zoom:1; }
.editorColorSelectionBottomSec .close a { display:inline-block;width:48px;height:17px;background: url('../image/common/bt_close_pb.gif') no-repeat; }
.editorColorSelectionBottomSec .close img { display:none;margin-right:5px; }
#editorColorSelectionTempColor { float:left;margin:2px 5px 0 0;width:10px;height:10px;border:1px solid #333333;background-color:#FFFFFF; }
#editorColorSelectionTempColorText { float:left;height:16px;border:1px solid #D7D7D7;font-size:11px;width:55px; }

.selectLink { width:308px;border:1px solid #808080;background-color:#FFFFFF; }
.selectLink p.cmnt { margin:0;padding:0;height:37px;line-height:37px;font-size:12px;padding-left:10px;color:#444444; }
.selectLink fieldset { margin:0;padding:0;padding:3px;background-color:#F5F5F5;border:1px solid #D7D7D7;border-width:1px 0; }
.selectLink fieldset .link { border:1px solid #D7D7D7;width:253px;height:13px;padding:2px;font-size:11px; }
.selectLink fieldset label { padding:0 5px;font-size:11px;font-weight:bold;color:#444444; }
.selectLink p.confirm { margin:5px 0 14px 0;padding:0;width:308px;text-align:center;font-size:0;line-height:0;zoom:1; }
.selectLink p.confirm a { display:inline-block;width:35px;height:18px;background: url('../image/common/bt_cfm_s.gif') no-repeat; }
.selectLink p.confirm a img { display:none; }
.selectLink p.close { margin:0;padding:0 10px 0 0;text-align:right;font-size:0;line-height:0;zoom:1; }
.selectLink .close a { display:inline-block;width:48px;height:17px;background: url('../image/common/bt_close_pb.gif') no-repeat; }
.selectLink .close img { display:none; }

.youtubeLayer {display:none;position:absolute;top:100px;left:50%;margin-left:-340px;z-index:9;border:1px solid #d1d1d3;border-radius:6px;box-shadow:0px 0px 3px #d1d1d3;background-color:#fff;width:474px;}
.youtubeLayer dt {width:100%;height:57px;background-color:#fff;padding-top:16px;font-size:16px;color:#31323a;line-height:57px;}
.youtubeLayer dt span {display:inline-block;width:136px;height:57px;overflow:hidden;text-indent:-50000px;background: url('../image/common/ytb_logo.png') 30px 15px no-repeat;vertical-align:middle;}
.youtubeLayer dd {width:440px;margin:0px auto;}
.youtubeLayer dd .ytlTit {padding-bottom:26px;background: url('../image/common/list_line.png') left bottom repeat-x;}
.youtubeLayer dd .ytlTit input {display:block;width:383px;height:40px;padding:0 15px;margin:0 auto;background-color:#f1f1f1;border:1px solid #d1d1d3;font-size:16px;color:#52545e;}
.youtubeLayer dd ul {padding:22px 0px;}
.youtubeLayer dd ul li {font-size:14px;color:#a1a2a8;line-height:18px;background: url('../image/common/bu_ytbLayer.png') 32px 8px no-repeat;padding:2px 0 2px 42px;}
.youtubeLayer dd .ytlBtn {text-align:center;padding:5px 0 34px;}

#textWindow {display:block;color:#666;}
#editWindow {display:block;color:#666;}

.write_body .inputOption .txtStyle { display:block; float:left; width:90px !important; margin-left:28px; margin-top:21px;  }
.write_body .inputOption .txtSize { display:block; float:left; width:90px !important; margin-left:5px; margin-top:21px; }
.write_body .inputOption .txtStyle select, .write_body .inputOption .txtSize select { width:100%;font-size:12px;height:20px;color:#666; vertical-align:top;border:1px solid #ccc;border-radius:6px; }
.write_body .inputOption .txtOption { float:left; width:96px; overflow:hidden; margin-left:10px; margin-top:22px; }
.write_body .inputOption .txtOption img { display:block; float:left; }
.write_body .inputOption .txtAlign { float:left; width:58px; overflow:hidden; margin-left:5px; margin-top:22px; }
.write_body .inputOption .txtAlign img { display:block; float:left; }
.write_body .inputOption .txtURL { float:left; margin-left:5px; margin-top:22px; }
.write_body .inputOption .txtURL img { display:block; float:left; }
.write_body .inputOption .imgPlus { float:left;font-size:0px;line-height:0px;zoom:1;margin-left:10px; margin-top:22px; }
.write_body .inputOption .imgPlus img {  }
.write_body .inputOption .youtubePlus { float:left;font-size:0px;line-height:0px;zoom:1;margin-left:16px; margin-top: 19px; }
.write_body .inputOption .youtubePlus img {  }
.write_body .inputOption p { width:514px; height:27px; font-family:dotum; font-size:11px; color:#9d9d9d; margin:0 auto; padding:14px 0 0 68px; }

.write_body .inputTextBox textarea { display:block; width:1264px; height:375px; margin:0 auto; padding:38px 42px; overflow-y:auto; border:none; outline:none; }
.write_body .inputTextBox iframe { width:1264px; height:375px; margin:0 auto; padding:38px 33px; overflow-y:auto; border:none; outline:none; }

.write_body .inputTextBox textarea::-webkit-input-placeholder {color:#b3b3b7;}
.write_body .inputTextBox textarea:-ms-input-placeholder {color:#b3b3b7;}


/* Report Write File Upload */
.fileUploadWrap {margin-top:6px;}
.fileUploadWrap > p {height:79px;overflow:hidden;font-size:17px;color:#31323a;line-height:82px;padding-left:40px;}
.fileUploadWrap ul {width:1298px;overflow:hidden;font-size:0;line-height:0;zoom:1;padding:0 0 30px 40px;}
.fileUploadWrap ul li {display:inline-block;width:640px;box-sizing:border-box;overflow:hidden;font-size:16px;line-height:22px;background-color:#f1f1f1;padding:9px 13px 9px 22px;margin:0 6px 6px 0;}
.fileUploadWrap ul li > * {vertical-align:top;}
.fileUploadWrap ul li .ipt_fileName {width:350px;}
.fileUploadWrap ul li .ipt_fileName,
.fileUploadWrap ul li .fileNameText {float:left;display:block;max-width:350px;height:26px;overflow:hidden;border:none;outline:none;line-height:28px;margin-top:4px;text-overflow:ellipsis;white-space:nowrap;word-break:break-all;}
.fileUploadWrap ul li .fileType {float:left;display:block;line-height:28px;margin-top:3px;}
.fileUploadWrap ul li .fileDelete {float:left;margin:5px 0 0 12px;}
.fileUploadWrap ul li .findBtn {float:right;}


/* Page Style */
#wrapper {position:relative;width:100%;max-width:1920px;min-width:1400px;padding-top:92px;margin:0 auto;box-shadow: 0 0 40px black;}

/* Navigation Interaction */
.fix_nav {position:fixed;z-index:4;}

@media screen and (max-width: 1600px) {
	header h1 {width:208px !important;}
	header nav {margin-left:0px !important;}
	header nav ul.nav > li > a {padding:0 28px !important;}
	header nav ul.nav > li > span {padding:0 40px !important;}
}

header:hover:after {height:100%; transition:all 0.4s 0s cubic-bezier(.47,1.64,.41,.8);}
header:hover .gnb_wrap nav ul.nav > li ul.nav_sub {height:140px;padding:24px 0 24px;opacity:1; transform: translate(0, 0); transition:opacity 0.4s 0.1s ease-in, height 0.1s 0.1s ease, padding 0.1s 0.1s ease, transform 0.6s 0.1s ease;}
header:hover .gnb_wrap .snsQuick {opacity:1; transition:opacity 0.4s 0.2s ease;}
.mainBody header:hover span.cur {opacity:0.4;}
.mainBody header.fix_nav:hover span.cur {opacity:0.6;}

header a, header sup {display:block;overflow:hidden;}
header h1 a, header .snsQuick ul li a, header sup {text-indent:-50000px;}

/* header */
header h3 {display: block; overflow: hidden; visibility: hidden; text-indent: -9999px; font-size: 0; height: 0;}
header {position:absolute;left:0;top:0;width:100%;min-width:1400px;}
header:before, header:after {content:'';display:block;position:absolute;top:0;left:0;width:100%;height:91px;border-bottom:1px solid #dcdbe1;}
header:before {z-index:3;background-color:#fff;transition: all 0.3s ease;}
.mainBody #wrapper {padding-top:0;}
.mainBody header:before {background-color: #000;border-color:#000;opacity:0.2;}
.mainBody header.fix_nav:before {background-color: #fff;border-color:#dcdbe1;opacity:1;}
header:after {z-index:2;background-color:#f5f5f5; transition:all 0.4s 0.1s ease-in;}
.mainBody header:after {background-color:#302f3d;border-bottom:1px solid #302f3d;opacity:0;}
.mainBody header.fix_nav:after {background-color:#f5f5f5;border-bottom:1px solid #dcdbe1;}
.mainBody header:hover:after {opacity:0.97;}
header .gnb_wrap {position:relative;z-index:4;letter-spacing:0px;}
header .gnb_wrap:after {content:'';display:block;clear:both;}

/* Logo */
header h1 {float:left;width:220px;height:91px; transition:width 0.3s ease;}
header h1 a {width:100%;height:100%;background: url('../image/common/gnb_logo.png') 26px center no-repeat;}

/* Navigation */
header nav {float:left;margin-left:15px;text-align:center; transition:margin 0.3s ease;}
header nav ul.nav {overflow:hidden;}
header nav ul.nav li a {transition:all 0.3s ease;}
header nav ul.nav > li {position:relative;float:left;font-size:18px;line-height:91px;}
header nav ul.nav > li:hover .nav_sub:before {height:24px;opacity:1;}
header nav ul.nav > li > a, header nav ul.nav > li > span {display:block;position:relative;z-index:3;height:91px;overflow:hidden;font-weight:400;color:#31323a;padding:0 44px; transition:all 0.3s ease;}
.mainBody header nav ul.nav > li > a {color:#fff;}
.mainBody header.fix_nav nav ul.nav > li > a {color:#31323a;}
header nav ul.nav > li > a:hover, header nav ul.nav > li > a.on {color:#df4258;text-decoration:none;}
.mainBody header nav ul.nav > li > a:hover, .mainBody header nav ul.nav > li > a.on {color:#ff556d;}
.mainBody header.fix_nav nav ul.nav > li > a:hover, .mainBody header.fix_nav nav ul.nav > li > a.on {color:#df4258;}
header nav ul.nav > li sup {position:absolute;}
header nav ul.nav > li > a > sup {top:30px;left:50%;width:12px;height:12px;background: url('../image/common/gnb_new.png') no-repeat;}
header nav ul.nav > li.information > a > sup {margin-left:36px;}
header nav ul.nav > li.library > a > sup {margin-left:36px;}
header nav ul.nav > li.support > a > sup {margin-left:36px;}
header nav ul.nav > li.guide > a > sup {margin-left:19px;}
header nav ul.nav > li ul.nav_sub {position:relative;z-index:2;width:100%;height:0px;padding:0px;font-size:15px;line-height:34px;opacity:0;  transform: translate(0, -15px);transition:opacity 0.4s 0s ease-out, height 0.1s 0.4s ease, padding 0.1s 0.4s ease, transform 0.6s 0s ease;}
header nav ul.nav > li ul.nav_sub:before {content:'';display:block;position:absolute;top:0px;left:0px;width:100%;height:0px;background-image: url('../image/common/snb_on.png');background-position:center 10px;background-repeat:no-repeat;opacity:0; transition:all 0.2s 0.2s ease-out;}
.mainBody header nav ul.nav > li ul.nav_sub:before {background-image: url('../image/common/snb_on_top.png');}
.mainBody header.fix_nav nav ul.nav > li ul.nav_sub:before {background-image: url('../image/common/snb_on.png');}
header nav ul.nav > li ul.nav_sub li {width:100%;height:34px;}
header nav ul.nav > li ul.nav_sub li a {position:relative;display:block;width:100%;height:100%;color:#52545e;}
.mainBody header nav ul.nav > li ul.nav_sub li a {color:#8f909b;}
.mainBody header.fix_nav nav ul.nav > li ul.nav_sub li a {color:#52545e;}

header nav ul.nav > li ul.nav_sub li a[target="_blank"] span sub {position:relative;display:inline-block;vertical-align:top;width:11px;height:19px;margin-left:5px;}
header nav ul.nav > li ul.nav_sub li a[target="_blank"] span sub:before,
header nav ul.nav > li ul.nav_sub li a[target="_blank"] span sub:after {content:'';display:block;position:absolute;top:0;left:0;width:100%;height:100%;background-image: url('../image/common/icon_blank.png');background-repeat:no-repeat;transition: opacity 0.3s ease;}
header nav ul.nav > li ul.nav_sub li a[target="_blank"] span sub:before {background-position:0px 8px;opacity:1;}
header nav ul.nav > li ul.nav_sub li a[target="_blank"]:hover span sub:before {opacity:0.5;}
header nav ul.nav > li ul.nav_sub li a[target="_blank"] span sub:after {background-position:-30px 8px;opacity:0;}
header nav ul.nav > li ul.nav_sub li a[target="_blank"]:hover span sub:after {opacity:1;}

.mainBody header nav ul.nav > li ul.nav_sub li a[target="_blank"] span sub:before {background-position:0px -11px;}
.mainBody header nav ul.nav > li ul.nav_sub li a[target="_blank"] span sub:after {background-position:0px -11px;}
.mainBody header nav ul.nav > li ul.nav_sub li a[target="_blank"]:hover span sub:before {background-position:-30px -11px;}
.mainBody header nav ul.nav > li ul.nav_sub li a[target="_blank"]:hover span sub:after {background-position:-30px -11px;}

header nav ul.nav > li ul.nav_sub li a:hover, header nav ul.nav > li ul.nav_sub li a.on {color:#df4258;}
.mainBody header nav ul.nav > li ul.nav_sub li a:hover, .mainBody header nav ul.nav > li ul.nav_sub li a.on {color:#ff556d;}
.mainBody header.fix_nav nav ul.nav > li ul.nav_sub li a:hover, .mainBody header nav ul.nav > li ul.nav_sub li a.on {color:#df4258;}
header nav ul.nav > li ul.nav_sub li a span {position:relative;display:inline-block;padding:0 7px;}
header nav ul.nav > li ul.nav_sub li a sup {top:7px;right:0px;width:4px;height:4px;border-radius:50%;background-color:#e34c62;}

/* gameStart & logInfo */
span.cur {display:inline-block;vertical-align:top;width:2px;height:12px;overflow:hidden;text-indent:-50000px;line-height:12px;background-image: repeating-linear-gradient(0deg, #d3d1d6, #d3d1d6 2px, transparent 2px, transparent 4px);background-size: 4px 4px;}
.mainBody span.cur {background-image: repeating-linear-gradient(0deg, #fff, #fff 2px, transparent 2px, transparent 4px);opacity:0.6;transition: opacity 0.3s ease;}
.mainBody header.fix_nav span.cur {background-image: repeating-linear-gradient(0deg, #d3d1d6, #d3d1d6 2px, transparent 2px, transparent 4px);}
header aside {position:absolute;top:0px;right:0px;display:flex;justify-content:center;align-items:center;gap:1px;height:91px;}
	/*header aside > div {display:table-cell;vertical-align:middle;}*/
/*header aside > div + div:before  {content:''; display:inline-block; width:1px; background-color:#fff;}*/

#particles-js {position:absolute;left:0;top:0;z-index:1;width:100%;height:100%;overflow:hidden;}
header aside > .gameStart {position:relative;width:264px;height:92px;background-color:#e2435b;margin:100px auto;}
header aside > .gameStart a {position:relative;z-index:2;display:block;width:100%;height:100%;font-weight:1000;font-size:29px;color:#fff;text-align:center;line-height:92px;background-color:transparent;text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.25); transition:all 0.3s ease;}
header aside > .gameStart a:hover {text-decoration:none;background-color:#5d35f4;text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.25);}

header aside > .steam {position:relative;width:264px;height:92px;margin:100px auto;}
header aside > .steam a {background:url('../image/nav/bt_steam.png')no-repeat 0 0;position:relative;z-index:2;display:block;width:100%;height:100%;font-weight:700;font-size:24px;color:#fff;text-align:center;line-height:92px;background-color:transparent;}
header aside > .steam a:hover {background-position-y:-92px;}

header aside > .steam.login {position:relative;width:264px;height:92px;margin:100px auto;}
header aside > .steam.login a {background:url('../image/nav/bt_login.png')no-repeat 0 0;position:relative;z-index:2;display:block;width:100%;height:100%;font-weight:700;font-size:24px;color:#fff;text-align:center;line-height:92px;background-color:transparent;}
header aside > .steam.login a:hover {background-position-y:-92px;}

header aside > .steam.logout {position:relative;width:264px;height:92px;margin:100px auto;}
header aside > .steam.logout a {background:url('../image/nav/bt_logout.png')no-repeat 0 0;position:relative;z-index:2;display:block;width:100%;height:92px;font-weight:700;font-size:24px;color:#fff;text-align:center;line-height:92px;background-color:transparent;}
header aside > .steam.logout a:hover {background-position-y:-92px;}

header aside > .hangame {position:relative;width:264px;height:92px;margin:100px auto;}
header aside > .hangame a {background:url('../image/nav/bt_hangame.png')no-repeat 0 0;position:relative;z-index:2;display:block;width:100%;height:100%;font-weight:700;font-size:24px;color:#fff;text-align:center;line-height:92px;background-color:transparent;}
header aside > .hangame a:hover {background-position-y:-92px;}

header aside > .elcoin {position:relative;width:264px;height:92px;margin:100px auto;}
header aside > .elcoin a {background:url('../image/nav/bt_elcoin.png')no-repeat 0 0;position:relative;z-index:2;display:block;width:100%;height:100%;font-weight:700;font-size:24px;color:#fff;text-align:center;line-height:92px;background-color:transparent;}
header aside > .elcoin a:hover {background-position-y:-92px;}

header aside > .hangame_btn {position:relative;width:264px;height:92px;margin:100px auto;}
header aside > .hangame_btn iframe {position:relative;z-index:2;display:block;width:100%;height:100%;font-weight:700;font-size:24px;color:#fff;text-align:center;line-height:92px;background-color:transparent;}

header aside > .hangame_btn .balloon {position:relative;top:3px;left:17px;width:236px;height:124px;background-image:url('../image/main/bg_balloon.png');}
header aside > .hangame_btn .balloon a.btn {position:relative;top:-11px;left:208px;width:24px;height:24px;}
header aside > .hangame_btn .balloon a.link {position:relative;top:86px;left:45px;width:144px;height:25px;}

/*header aside > .gameStart a:after {content:'';display:block;position:absolute;top:10px;left:10px;width:244px;height:71px;box-sizing:border-box;border-radius:5px;border:1px solid #fff;box-shadow: inset 0 0 8px 4px  rgba(0, 0, 0, 0.4); opacity:0; transition:all 0.3s ease;}
header aside > .gameStart a:hover:after {opacity:0.5;}*/

header aside > .log_info {position:relative;width:199px;height:100%;}
header aside > .log_info .login {width:100%;height:100%;box-sizing:border-box;padding-top:22px;text-align:center;}
header aside > .log_info .login > a {font-weight:400;font-size:16px;color:#2d2f3e;line-height:30px;letter-spacing:0.5px;transition: color 0.3s ease;}
header aside > .log_info .login > a span {position:relative;display:inline-block;vertical-align:middle;width:18px;height:20px;}
header aside > .log_info .login > a span:before, header aside > .log_info .login > a span:after {content:'';position:absolute;top:1px;right:0px;width:13px;height:13px;background-repeat:no-repeat;transition: opacity 0.3s ease;}
header aside > .log_info .login > a span:before {opacity:1;}
header aside > .log_info .login > a:hover span:before {opacity:0.5;}
header aside > .log_info .login > a span:after {opacity:0;}
header aside > .log_info .login > a:hover span:after {opacity:1;}
.mainBody header aside > .log_info .login > a {color:#fff;}
header aside > .log_info .login > a:hover {color:#df4258;text-decoration:none;}
.mainBody header aside > .log_info .login > a:hover {color:#ff556d;text-decoration:none;}
.mainBody header.fix_nav aside > .log_info .login > a:hover {color:#df4258;}
.mainBody header.fix_nav aside > .log_info .login > a {color:#2d2f3e;}
.mainBody header aside > .log_info .my_info dl dd {color:#f4f4f8;}
.mainBody header.fix_nav aside > .log_info .my_info dl dd {color:#52545e;}
header aside > .log_info .login > a span:before, header aside > .log_info .my_info dl dd a span:before {background-image: url('../image/common/icon_login.png');}
header aside > .log_info .login > a span:after, header aside > .log_info .my_info dl dd a span:after {background-image: url('../image/common/icon_login_on.png');}
.mainBody header aside > .log_info .login > a span:before, .mainBody header aside > .log_info .my_info dl dd a span:before {background-image: url('../image/common/icon_login_main.png');}
.mainBody header aside > .log_info .login > a span:after, .mainBody header aside > .log_info .my_info dl dd a span:after {background-image: url('../image/common/icon_login_main_on.png');}
.mainBody header.fix_nav aside > .log_info .login > a span:before, .mainBody header aside > .log_info .my_info dl dd a span:before {background-image: url('../image/common/icon_login.png');}
.mainBody header.fix_nav aside > .log_info .login > a span:after, .mainBody header aside > .log_info .my_info dl dd a span:after {background-image: url('../image/common/icon_login_on.png');}
header aside > .log_info .login > a:after {height:17px;}
header aside > .log_info > div .find {font-size:0px;line-height:0px;zoom:1;}
header aside > .log_info > div .find a {display:inline-block;font-size:13px;color:#a8aab5;line-height:20px;padding:0 7px;}
.mainBody header aside > .log_info > div .find a {color:#fff;opacity:0.6;}
.mainBody header.fix_nav aside > .log_info > div .find a {color:#a8aab5;opacity:1;}
header aside > .log_info > div .find span.cur {margin:3px 0 0 0;}

header aside > .log_info .my_info,
.board_view .view_header .my_Info {width:100%;height:100%;box-sizing:border-box;}
header aside > .log_info .my_info dl,
.board_view .view_header .my_Info dl {display:table;vertical-align:middle;height:100%;}
header aside > .log_info .my_info dl dt,
.board_view .view_header .my_Info dl dt {display:table-cell;vertical-align:middle;}
header aside > .log_info .my_info dl dt {width:60px;}
.board_view .view_header .my_Info dl dt {width:42px;padding-right:12px;}
header aside > .log_info .my_info dl dt img,
.board_view .view_header .my_Info dl dt img {display:block;}
header aside > .log_info .my_info dl dt img {width:50px;height:50px;background-size:50px 50px;border-radius:25px;}
.board_view .view_header .my_Info dl dt img {width:42px;height:42px;background-size:42px 42px;border-radius:21px;}
header aside > .log_info .my_info dl dd,
.board_view .view_header .my_Info dl dd {display:table-cell;vertical-align:middle;}
header aside > .log_info .my_info dl dd a,
.board_view .view_header .my_Info dl dd a {font-size:15px;color:#2d2f3e;line-height:21px;letter-spacing:0.5px;}
header aside > .log_info .my_info dl dd a strong,
.board_view .view_header .my_Info dl dd a strong {display:block;font-weight:700;}
header aside > .log_info .my_info dl dd span,
.board_view .view_header .my_Info dl dd span {display:block;font-weight:400;}
header aside > .log_info .my_info dl dd a:after {display:none;}
header aside > .log_info .my_info dl dd a:after,
.board_view .view_header .my_Info dl dd a:after {height:16px;}
header aside > .log_info .my_info dl dd strong,
.board_view .view_header .my_Info dl dd strong {display:block;color:#2d2f3e;font-weight:400;font-size:16px;line-height:23px;}
.mainBody header aside > .log_info .my_info dl dd strong, .mainBody header aside > .log_info .my_info dl dd a {font-weight:400;color:#fff;transition: color 0.3s ease;}
.mainBody header aside > .log_info .my_info dl dd a:hover {color:#ff556d;text-decoration:none;}
.mainBody header.fix_nav aside > .log_info .my_info dl dd strong, .mainBody header.fix_nav aside > .log_info .my_info dl dd a {color:#2d2f3e;}
.mainBody header.fix_nav aside > .log_info .my_info dl dd a:hover {color:#df4258;text-decoration:none;}
header aside > .log_info .my_info dl dd strong {max-width:102px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-break:break-all;}
header aside > .log_info .my_info dl dd > div,
.board_view .view_header .my_Info dl dd > div {font-size:14px;color:#a8aab5;line-height:20px;}
.mainBody header aside > .log_info .my_info dl dd > div {color:#fff;opacity:0.6;}
.mainBody header.fix_nav aside > .log_info .my_info dl dd > div {color:#a8aab5;opacity:1;}
header aside > .log_info .my_info dl dd > div span.cur,
.board_view .view_header .my_Info dl dd > div span.cur {display:inline-block;margin:3px 8px 0 12px;}

header aside > .log_info .agree {position:absolute;top:0px;left:0px;width:100%;text-align:center;background-color:#f1f0f0;}
header aside > .log_info .agree p {font-size:15px;color:#2d2f3e;line-height:21px;padding:22px 10px 15px;}
header aside > .log_info .agree > a {display:block;overflow:hidden;margin:0 auto;width:175px;height:34px;border-radius:17px;font-size:13px;color:#fff;line-height:34px;background-color:#413f55;}
header aside > .log_info .agree .find {padding:8px 0 15px;}

.mainBody header aside > .log_info .agree {background-color:#403f4e;}
.mainBody header.fix_nav aside > .log_info .agree {background-color:#f1f0f0;}
.mainBody header aside > .log_info .agree p {color:#ebebeb;}
.mainBody header.fix_nav aside > .log_info .agree p {color:#2d2f3e;}
.mainBody header aside > .log_info .agree > a {color:#403f4e;background-color:#e2e2e8;}
.mainBody header.fix_nav aside > .log_info .agree > a {color:#fff;background-color:#413f55;}

/* SNS Quick */
header .snsQuick {margin-top:20px;}
header .snsQuick ul {display:table;}
header .snsQuick ul li {display:table-cell;width:57px;}
header .snsQuick ul li a {display:block;position:relative;width:49px;height:49px;margin:0 auto;}
header .snsQuick ul li a:before,
header .snsQuick ul li a:after {content:'';display:block;position:absolute;left:0px;top:0px;height:49px;width:100%;background-image: url('../image/common/gnb_sns.png');background-repeat:no-repeat;}

header .snsQuick ul li.fb a:before {background-position:0px top;}
.mainBody header.fix_nav .snsQuick ul li.fb a:before {background-position:0px top;}
header .snsQuick ul li.tw a:before {background-position:-57px top;}
.mainBody header.fix_nav .snsQuick ul li.tw a:before {background-position:-57px top;}
header .snsQuick ul li.blog a:before {background-position:-114px top;}
.mainBody header.fix_nav .snsQuick ul li.blog a:before {background-position:-114px top;}
header .snsQuick ul li.ytb a:before {background-position:-171px top;}
.mainBody header.fix_nav .snsQuick ul li.ytb a:before {background-position:-171px top;}

header .snsQuick ul li.fb a:after {background-position:0px -60px;}
.mainBody header.fix_nav .snsQuick ul li.fb a:after {background-position:0px -60px;}
header .snsQuick ul li.tw a:after {background-position:-57px -60px;}
.mainBody header.fix_nav .snsQuick ul li.tw a:after {background-position:-57px -60px;}
header .snsQuick ul li.blog a:after {background-position:-114px -60px;}
.mainBody header.fix_nav .snsQuick ul li.blog a:after {background-position:-114px -60px;}
header .snsQuick ul li.ytb a:after {background-position:-171px -60px;}
.mainBody header.fix_nav .snsQuick ul li.ytb a:after {background-position:-171px -60px;}

header .snsQuick ul li a:before {opacity:1; transition:opacity 0.2s ease;}
header .snsQuick ul li a:hover:before {opacity:0;}
header .snsQuick ul li a:after {opacity:0; transition:opacity 0.2s ease;}
header .snsQuick ul li a:hover:after {opacity:1;}

.mainBody header .snsQuick ul li.fb a:before {background-position:0px -120px;}
.mainBody header .snsQuick ul li.tw a:before {background-position:-57px -120px;}
.mainBody header .snsQuick ul li.blog a:before {background-position:-114px -120px;}
.mainBody header .snsQuick ul li.ytb a:before {background-position:-171px -120px;}

.mainBody header .snsQuick ul li.fb a:after {background-position:0px -180px;}
.mainBody header .snsQuick ul li.tw a:after {background-position:-57px -180px;}
.mainBody header .snsQuick ul li.blog a:after {background-position:-114px -180px;}
.mainBody header .snsQuick ul li.ytb a:after {background-position:-171px -180px;}



/* 대표캐릭터 레이어 팝업 */
#representPop.active {transform: translateY(-20px);opacity:1;}
#representPop {display:none;position:fixed;top:50%;left:50%;z-index:9;margin:-275px 0 0 -450px;width:900px;transform: translateY(0px);opacity:0; transition: all 0.8s ease;}
#representPop .closePop {}
#representPop .popTit {background-position:831px center;}
#representPop .popTit .server_choice {float:right;width:150px;padding:18px 83px 0px 0px;}
#representPop .no_Char, #representPop .list_myChar {box-sizing:border-box;box-shadow:inset 0 8px 8px 0 #ebeaea;}
#representPop .no_Char {height:492px;text-align:center;padding-top:250px;background: url('../image/common/noChar_deco.png') 394px 149px no-repeat;}
#representPop .no_Char strong, #representPop .no_Char span {display:block;}
#representPop .no_Char strong {font-weight:400;font-size:20px;color:#31323a;line-height:34px;}
#representPop .no_Char span {font-size:16px;color:#9b9ca3;line-height:25px;}
#representPop .list_myChar {position:relative;}
#representPop .list_myChar > ul.listInner {position:relative;width:100%;height:475px;box-sizing:border-box;}
#representPop .list_myChar > ul.listInner.isChoice {padding-top:79px;}
#representPop .list_myChar > ul.listInner:after {content:'';position:absolute;left:16px;bottom:0px;display:block;width:864px;height:1px;background-color:#9997a2;}
#representPop .list_myChar > ul.listInner li:last-child {background-image:none;}
#representPop .list_myChar > ul.listInner li {display:table;vertical-align:middle;width:864px;height:79px;margin:0 auto;background: url('../image/common/list_line.png') left bottom repeat-x;}
#representPop .list_myChar > ul.listInner li > span {display:table-cell;vertical-align:middle;}
#representPop .list_myChar > ul.listInner li > span.char_thumb {width:80px;position:relative;}
#representPop .list_myChar > ul.listInner li.choiceChar > span.char_thumb:before {content:'';display:block;position:absolute;top:21px;left:55px;width:15px;height:15px;overflow:hidden;text-indent:-50000px;background: url('../image/common/icon_crown.png') no-repeat;}
#representPop .list_myChar > ul.listInner li > span.char_thumb img {display:block;vertical-align:middle;width:50px;height:50px;border-radius:50%;margin:0 auto;}
#representPop .list_myChar > ul.listInner li > span.r_author {font-size:14px;color:#a5a8b2;padding-left:8px;}
#representPop .list_myChar > ul.listInner li > span.r_author > * {display:inline-block;vertical-align:middle;}
#representPop .list_myChar > ul.listInner li > span.r_author .author {font-weight:400;font-size:16px;color:#2d2f3e;padding:0 6px 0 2px;}
#representPop .list_myChar > ul.listInner li > span.make_date {width:266px;font-size:14px;color:#a5a8b2;padding-left:34px;background: url('../image/common/dot_line.png') 0px center no-repeat;}
#representPop .list_myChar > ul.listInner li > span.make_date > * {display:inline-block;}
#representPop .list_myChar > ul.listInner li > span.make_date strong {font-weight:400;font-size:16px;color:#2d2f3e;padding-right:14px;background: url('../image/common/dot_v_line.png') right center no-repeat;}
#representPop .list_myChar > ul.listInner li > span.make_date span {padding-left:12px;}
#representPop .list_myChar > ul.listInner li > span.btn_choice {width:218px;}
#representPop .list_myChar > ul.listInner li > span.btn_choice button {position:relative;display:block;width:192px;height:36px;margin:0 auto;border-radius:18px;font-weight:400;font-size:15px;color:#fff;text-align:center;line-height:37px;background-color:#413f55; transition: all 0.3s ease;}
#representPop .list_myChar > ul.listInner li > span.btn_choice button:hover {background-color:#69677c;}
#representPop .list_myChar > ul.listInner li > span.btn_choice button:after {content:'';display:inline-block;width:28px;height:30px;vertical-align:middle;background: url('../image/common/icon_arrow_white.png') right 8px no-repeat;}
#representPop .list_myChar > ul.listInner li.choiceChar {position:absolute;top:0;left:0;width: calc(100% - 32px);padding:0 16px;background-color:#fff;border-bottom:1px solid #413f55;background-image:none;}
#representPop .list_myChar > ul.listInner li.choiceChar:before {content:'';position:absolute;top:0px;left:16px;display:block;width:864px;height:1px;background: url('../image/common/list_line.png') 0px 0px repeat-x;}
#representPop .list_myChar > ul.listInner li.choiceChar > span.btn_choice button {overflow:hidden;text-indent:-50000px;background-color:#e2445c;}
#representPop .list_myChar > ul.listInner li.choiceChar > span.btn_choice button:before {content:'대표 캐릭터입니다';display:block;position:absolute;top:0px;left:0px;width:100%;height:100%;text-indent:0px;cursor:default;}
#representPop .list_myChar > ul.listInner li.choiceChar > span.btn_choice button:after {display:none;}
#representPop .paging_board {padding:34px 0 37px;}
.overlay {width:100%; height:100%; background:#000; opacity:0.7; filter:alpha(opacity=70); position:fixed; left:0; top:0; z-index:8; display:none;}

/* 보호모드 적용 안내 팝업 */
#securityAlert.active {transform: translateY(-20px);opacity:1;}
#securityAlert {display:none;position:fixed;bottom:0px;right:20px;z-index:9;width:408px;padding-bottom:36px;border-radius:5px;overflow:hidden;border:1px solid #aeaeb4;background-color:#f1f0f0;transform: translateY(0px);opacity:0; transition: all 0.8s ease;}
#securityAlert > button.closePop {display:block;position:absolute;top:19px;right:18px;width:19px;height:19px;overflow:hidden;text-indent:-50000px;background-image: url('../image/common/alert_close.png');background-repeat:no-repeat;background-position:center 2px;transform: rotate(0deg); transition:transform 0.3s ease;}
#securityAlert > button.closePop:hover {background-position:center -68px;transform: rotate(180deg);}
#securityAlert > h3 {height:58px;font-size:18px;color:#31323a;line-height:60px;overflow:hidden;padding-left:23px;background: #fff url('../image/common/dot_v_line.png') 350px center no-repeat;}
#securityAlert > dl {font-size:15px;color:#52545e;line-height:24px;text-align:center;padding:36px 0 0px;}
#securityAlert > dl dt {font-weight:700;font-size:18px;color:#31323a;line-height:26px;padding-bottom:31px;background: url('../image/common/dot_line_v.png') center 61px no-repeat;}
#securityAlert > dl dt strong {color:#df4258;}
#securityAlert > div {font-size:0;line-height:0;zoom:1;text-align:center;padding-top:24px;}
#securityAlert > div a.btn_pop.alertBtn {margin:0 3px;}

/* 신고하기 팝업 */
#reportPop, #reportLogin {display:none;position:fixed;top:50%;left:50%;margin:-328.5px 0 0 -450px;width:900px;height:657px;transform: scale(0);opacity:0; transition:transform 0.3s 0.2s ease, opacity 0.3s 0s ease;}
#reportPop.active, #reportLogin.active {transform: scale(1);opacity:1; transition:transform 0.3s 0s ease, opacity 0.3s 0.2s ease;}
#reportPop .popTit, #reportLogin .popTit {background-position:827px center;}
#reportPop .popCont {padding:35px 36px 0px;}
#reportPop .popCont h4 {height:35px;}
#reportPop .popCont p.t1 {font-size:16px;color:#706f81;line-height:24px;padding-bottom:22px;}
#reportPop .popCont p.t2 {font-size:15px;color:#e2435a;line-height:21px;padding:17px 0 29px 8px;}
#reportPop .popCont table {width:100%;font-size:15px;border-style:solid;border-color:#cfcdd2;border-width:1px 0px;}
#reportPop .popCont table tbody tr > * {padding-top:9px;padding-bottom:9px;background: url('../image/common/list_line.png') left bottom repeat-x;}
#reportPop .popCont table tbody tr:last-child > * {padding-top:18px;padding-bottom:18px;background-image:none;}
#reportPop .popCont table tbody th {width:179px;font-weight:400;color:#31323a;background-color:#e6e6e7;border-right:1px solid #e3e2e5;}
#reportPop .popCont table tbody td {color:#6e6f74;padding-left:22px;}
#reportPop .popCont table tbody td ul li {display:inline-block;width:140px;}
#reportPop .popCont table tbody td ul li input[type=radio] {display:none;}
#reportPop .popCont table tbody td ul li label {position:relative;display:inline-block;width:117px;padding-left:23px;cursor:pointer;background-image: url('../image/common/report_radio.png');background-repeat:no-repeat;background-position:0px 4px;}
#reportPop .popCont table tbody td ul li label:before {content:'';display:block;position:absolute;top:0;left:0;width:21px;height:21px;background: url('../image/common/report_radio.png') 0 -26px no-repeat;opacity:0;transition: all 0.2s ease;}
#reportPop .popCont table tbody td ul li label:hover:before {opacity:1;}
#reportPop .popCont table tbody td ul li input[type=radio]:checked + label {background-position:0px -56px;}
#reportPop .popCont table tbody td ul li input[type=radio]:checked + label:before {display:none;}
#reportPop .btn_wrap, #reportLogin .btn_wrap {text-align:center;}
#reportPop .btn_wrap .btn_pop, #reportLogin .btn_wrap .btn_pop {margin:0 2px;}
#reportLogin .popCont {height:498px;background: url('../image/common/login_deco.png') 360px 145px no-repeat;}
#reportLogin .popCont p {font-size:20px;color:#31323a;text-align:center;padding-top:88px;background: url('../image/common/snb_on.png') center 50px no-repeat;}

/* 거래게시판 필독사항 팝업 */
#tradeWritePop {display:none;position:fixed;top:50%;left:50%;margin:-325px 0 0 -375px;width:750px;height:650px;transform: scale(0);opacity:0; transition:transform 0.3s 0.2s ease, opacity 0.3s 0s ease;}
#tradeWritePop.active {transform: scale(1);opacity:1; transition:transform 0.3s 0s ease, opacity 0.3s 0.2s ease;}
#tradeWritePop .popTit {background-position:827px center;}
#tradeWritePop .popCont {padding:35px 36px 0px;}
#tradeWritePop .popCont .requiredTxt {border:2px solid #c8c8cc;background-color:#fff;font-size:16px;color:#b3b3b7;line-height:24px;height:360px;padding:20px;overflow-y:auto;}
#tradeWritePop .popCont .requiredTxt strong {color:#999;}
#tradeWritePop .popCont .requiredTxt a {color:#b3b3b7;}
#tradeWritePop .popCont .requiredTxt a:hover {text-decoration:underline;}
#tradeWritePop .agreeCheck {font-size:14px;color:#848295;text-align:center;line-height:56px;}
#tradeWritePop .btn_wrap {text-align:center;}
#tradeWritePop .btn_wrap .btn_pop {margin:0 2px;}

/* 공통 alert 팝업 */
.popTemp.alertPop {position:fixed;top:50%;left:50%;margin:-135px 0 0 -221px;width:442px;height:270px;transform: scale(0);opacity:0; transition:transform 0.3s 0.2s ease, opacity 0.3s 0s ease;}
.popTemp.alertPop.active {transform: scale(1);opacity:1; transition:transform 0.3s 0s ease, opacity 0.3s 0.2s ease;}
.popTemp.alertPop.active .popTit {height:60px;background-position:376px center;}
.popTemp.alertPop.active .closePop {top:12px;}
.popTemp.alertPop .popCont {display:table;vertical-align:middle;width:100%;font-size:20px;color:#31323a;line-height:30px;text-align:center;}
.popTemp.alertPop .popCont p {display:table-cell;vertical-align:middle;height:104px;padding-top:19px;}
.popTemp.alertPop .btn_wrap {text-align:center;}
.popTemp.alertPop .btn_wrap .btn_pop {margin:0 2px;}


/* Layer Popup */
#pop_img .modal_body { width: 960px; }
#pop_img .modal_body > img { display: block; max-width: 100%; margin: 0 auto; }
.popup { opacity: 0; display: none; position: absolute; left: 50%; z-index: 999; cursor: default; }
.modal_bg { display: none; position: fixed; z-index: 30; top: 0; left: 0; width: 100%; height: 100%; background-color: #000; filter: alpha(opacity=80); -moz-opacity: 0.8; -khtml-opacity: 0.8; opacity: 0.8; }
.gf_btn_popupClose { position: absolute; top: -128px; left: 50%; margin-left: -53px; }
.gf_btn_popupClose > a, .gf_btn_popupClose > a .ir { width: 107px; height: 107px; }




/* 이벤트 레이어 팝업 */
/* Popup_Common */
body.locked-scroll {height:100%;padding-right:17.5px;overflow:hidden;box-sizing:border-box}
body.locked-scroll .eventPopup {overflow-y:auto}
.eventPopup {display:none;position:fixed;top:0;left:0;width:100%;height:100%;overflow-y:hidden;z-index:300}
.eventPopup .modal_body {position:relative;margin:0 auto;padding-bottom:70px;transition:top 600ms ease; }
.eventPopup .modal_close {position:absolute;top:0;right:0px; width: 65px; height: 65px;cursor:pointer;outline:none; }
.eventPopup .modal_close a {display:block;text-indent: -9999px; width: 100%; height: 100%; background:#fff; opacity:0;}

.eventPopup.inactive .modal_body:after {content:'';display:block;position:absolute;top:0;left:0;width:100%;height:100%;background-color:#000;opacity:0.7}
.eventPopup.inactive .modal_close {display:none}




/* .modal_bg {display:none;position:fixed;z-index:30;top:0;left:0;width:100%;height:100%;background-color:#000;opacity:0.85} */



/* Footer */
footer .inner > p {display:none;}
footer .inner ul.identity {top:97px;}
footer.naver .inner > p {display:block;}
footer.naver .inner ul.identity {top:122px;}

footer {clear:both;padding:50px 0;background-color:#383C3D; color:#a4a4a4;}
footer .inner {position:relative;width:1366px;margin:0 auto;}

footer .inner .snsQuick {position:absolute;top:-16px;right:0;}
footer .inner .snsQuick ul {display:table;}
footer .inner .snsQuick ul li {display:table-cell;padding-left:9px;}
footer .inner .snsQuick ul li a {display:block;position:relative;width:54px;height:54px;overflow:hidden;text-indent:-5000px;}
footer .inner .snsQuick ul li a:before,
footer .inner .snsQuick ul li a:after {content:'';display:block;position:absolute;left:0px;top:0;width:100%;height:100%;opacity:0;background-image: url('../image/common/foot_sns.png');background-repeat:no-repeat;}

footer .inner .snsQuick ul li.fb a:before {background-position:0px top;}
footer .inner .snsQuick ul li.tw a:before {background-position:-63px top;}
footer .inner .snsQuick ul li.blog a:before {background-position:-126px top;}
footer .inner .snsQuick ul li.ytb a:before {background-position:-189px top;}

footer .inner .snsQuick ul li.fb a:after {background-position:0px -98px;}
footer .inner .snsQuick ul li.tw a:after {background-position:-63px -98px;}
footer .inner .snsQuick ul li.blog a:after {background-position:-126px -98px;}
footer .inner .snsQuick ul li.ytb a:after {background-position:-189px -98px;}

footer .inner .snsQuick ul li a:before {opacity:1;}
footer .inner .snsQuick ul li a:hover:before {opacity:1;}
footer .inner .snsQuick ul li a:after {opacity:0; transition:opacity 0.2s ease;}
footer .inner .snsQuick ul li a:hover:after {opacity:1;}

footer .inner > p {position:absolute;top:89px;left:0px;font-size:11px;color:#605f68;}

footer .inner ul.identity {position:absolute;left:0px;font-size:0px;line-height:0px;zoom:1;}
footer .inner ul.identity li {display:inline-block;height:33px;}
footer .inner ul.identity li.fnaver {padding-right:33px;}
footer .inner ul.identity li.fnexon {padding-right:31px;}
footer .inner ul.identity li a {display:block;width:100%;height:100%;overflow:hidden;text-indent:-50000px;background-repeat:no-repeat;}
footer .inner ul.identity li.fnaver a {width:70px;background-image: url('../image/common/f_naver.png');background-position:center center;}
footer .inner ul.identity li.fnexon a {width:73px;background-image: url('../image/common/f_nexon.png');background-position:center center;}
footer .inner ul.identity li.fkog a {width:50px;background-image: url('../image/common/f_kog.png');background-position:center center;}

footer .inner ul.fnb {font-size:12px;line-height:18px;letter-spacing:0.7px;padding-bottom:7px;overflow:hidden;}
footer .inner ul.fnb li {position:relative;float:left;padding:0 15px;}
footer .inner ul.fnb li:before, footer .inner ul.fnb li:after {content:'';display:block;position:absolute;top:4px;width:1px;height:11px;}
footer .inner ul.fnb li:before {left:0px;background-color:#363541;}
footer .inner ul.fnb li:after {right:0px;background-color:#3a3945;}
footer .inner ul.fnb li:first-child {padding-left:0px;}
footer .inner ul.fnb li:first-child:before, footer .inner ul.fnb li:last-child:after {display:none;}
footer .inner ul.fnb li a {color:#93949a;}
footer .inner ul.fnb li.privacy a {color:#8c98b5;font-weight:700;}

footer .inner address.address {font-size:0px;line-height:0px;zoom:1;letter-spacing:-0.6px;}
footer .inner address.address span, footer .inner address.address a {display:inline-block;font-size:12px;color:#605f68;line-height:15px;}
footer .inner address.address span {padding-right:14px;}
footer .inner address.address a {text-decoration:underline;}
footer .inner address.address span.copy {color:#93949a;letter-spacing:-0.7px;padding-top:6px;}



/** * Owl Carousel v2.3.4 * Copyright 2013-2018 David Deutsch * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE */
.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}



/* Nice Select */
.nice-select, .nice-select .option { cursor: pointer; font-weight: 400; outline: 0; }
.nice-select .current {display:block;width:100%;height:100%;line-height:32px;padding-left:15px;box-sizing:border-box;}
.nice-select { width: 100%; box-sizing: border-box; -webkit-tap-highlight-color: transparent; clear: both; display: block; float: left; font-family: inherit; font-size: 16px; min-height: 30px; padding-right: 35px; position: relative; text-align: left !important; -webkit-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; white-space: nowrap; }
.nice-select:hover { border-color: #dbdbdb; }
.nice-select.open, .nice-select:active, .nice-select:focus { border-color: #d0b6a9; }
.nice-select:after { content: ''; display: block; width: 16px; height: 16px; margin-top: -9px; pointer-events: none; position: absolute; right: 10px; top: 50%; background: url('../image/common/sel_arrow.png') no-repeat; -webkit-transform-origin: center; -ms-transform-origin: center; transform-origin: center; -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: all .15s ease-in-out; -o-transition: all .15s ease-in-out; transition: all .15s ease-in-out; }
.nice-select.open:after { -webkit-transform: rotate(-180deg); -ms-transform: rotate(-180deg); transform: rotate(-180deg); }
.nice-select.open .list { opacity: 1; pointer-events: auto; -webkit-transform: scale(1) translateY(0); -ms-transform: scale(1) translateY(0); transform: scale(1) translateY(0); }
.nice-select.disabled { border-color: #ededed; color: #999; pointer-events: none; }
.nice-select.disabled:after { border-color: #ccc; }
.nice-select.wide { width: 100%; }
.nice-select.wide .list { left: 0 !important; right: 0 !important; }
.nice-select.right { float: right; }
.nice-select.right .list { left: auto; right: 0; }
.nice-select.small { font-size: 12px; height: 36px; line-height: 34px; }
.nice-select.small:after { height: 4px; width: 4px; }
.nice-select.small .option { line-height: 34px; min-height: 34px; }
.nice-select .list { color:#808292; min-width: 100%; margin-top: 1px; border-radius: 6px; overflow:hidden; background-color: #fff; -webkit-box-shadow: 0 0 0 1px #b1b1bc; box-shadow: 0 0 0 1px #b1b1bc; -webkit-box-sizing: border-box; box-sizing: border-box; opacity: 0; padding: 0; pointer-events: none; position: absolute; top: 100%; left: 0; -webkit-transform-origin: 50% 0; -ms-transform-origin: 50% 0; transform-origin: 50% 0; -webkit-transform: scale(0.75) translateY(-21px); -ms-transform: scale(0.75) translateY(-21px); transform: scale(0.75) translateY(-21px); -webkit-transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out; -o-transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out; transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out; z-index: 9; }
.nice-select .list:hover .option:not(:hover) { background-color: transparent !important; }
.nice-select .option { line-height: 40px; list-style: none; min-height: 40px; padding-left: 16px; padding-right: 29px; text-align: left; -webkit-transition: all .2s; -o-transition: all .2s; transition: all .2s; }
.nice-select .option.focus, .nice-select .option.selected.focus, .nice-select .option:hover { color: #413f55; background-color: #f6f6f6; }
.nice-select .option.selected { font-weight: 700; color: #413f55; }
.nice-select .option.disabled { background-color: transparent; color: #94959b; cursor: default; }
.no-csspointerevents .nice-select .list { display: none; }
.no-csspointerevents .nice-select.open .list { display: block; }



/* Scrollbar */
.scroll-wrapper { overflow: hidden !important; padding: 0 !important; position: relative; }
.scroll-wrapper > .scroll-content { border: none !important; -webkit-box-sizing: content-box !important; box-sizing: content-box !important; height: auto; left: 0; margin: 0; max-height: none; max-width: none !important; overflow-y: scroll !important; overflow-x: hidden; padding: 0; position: relative !important; top: 0; width: auto !important; }
.scroll-wrapper > .scroll-content::-webkit-scrollbar { height: 0; width: 0; }
.scroll-element { display: none; }
.scroll-element, .scroll-element div { -webkit-box-sizing: content-box; box-sizing: content-box; }
.scroll-element.scroll-x.scroll-scrollx_visible, .scroll-element.scroll-y.scroll-scrolly_visible { display: block; }
.scroll-element .scroll-arrow, .scroll-element .scroll-bar { cursor: default; }
.scroll-textarea { border: 1px solid #ccc; border-top-color: #999; }
.scroll-textarea > .scroll-content { overflow: hidden !important; }
.scroll-textarea > .scroll-content > textarea { border: none !important; -webkit-box-sizing: border-box; box-sizing: border-box; height: 100% !important; margin: 0; max-height: none !important; max-width: none !important; overflow: scroll !important; outline: 0; padding: 2px; position: relative !important; top: 0; width: 100% !important; }
.scroll-textarea > .scroll-content > textarea::-webkit-scrollbar { height: 0; width: 0; }
.scrollbar-macosx > .scroll-element, .scrollbar-macosx > .scroll-element div { background: 0 0; border: none; margin: 0; padding: 0; position: absolute; z-index: 10; }
.scrollbar-macosx > .scroll-element div { display: block; height: 100%; left: 0; top: 0; width: 100%; }
.scrollbar-macosx > .scroll-element .scroll-element_track { display: none; }
.scrollbar-macosx > .scroll-element .scroll-bar { background-color: #ccc; display: block; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter: alpha(opacity=70); opacity: 0.7; border-radius: 7px; -webkit-transition: opacity .2s linear; -o-transition: opacity .2s linear; transition: opacity .2s linear; }
.scrollbar-macosx:hover > .scroll-element .scroll-bar, .scrollbar-macosx > .scroll-element.scroll-draggable .scroll-bar { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; }
.scrollbar-macosx > .scroll-element.scroll-x { bottom: 0; height: 0; left: 0; min-width: 100%; overflow: visible; width: 100%; }
.scrollbar-macosx > .scroll-element.scroll-y { height: 100%; min-height: 100%; right: 0; top: 0; width: 0; }
.scrollbar-macosx > .scroll-element.scroll-x .scroll-bar { height: 7px; min-width: 10px; top: -9px; }
.scrollbar-macosx > .scroll-element.scroll-y .scroll-bar { left: -9px; min-height: 10px; width: 7px; }
.scrollbar-macosx > .scroll-element.scroll-x .scroll-element_outer { left: 2px; }
.scrollbar-macosx > .scroll-element.scroll-x .scroll-element_size { left: -4px; }
.scrollbar-macosx > .scroll-element.scroll-y .scroll-element_outer { top: 2px; }
.scrollbar-macosx > .scroll-element.scroll-y .scroll-element_size { top: -4px; }
.scrollbar-macosx > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size { left: -11px; }
.scrollbar-macosx > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size { top: -11px; }

.nice-select .scrollbar-macosx > .scroll-element.scroll-y {width:21px;top:0px;background-color:#fff;}
.nice-select .scrollbar-macosx > .scroll-element.scroll-y .scroll-element_size {top:0px;}
.nice-select .scrollbar-macosx > .scroll-element.scroll-y .scroll-element_outer {height: calc(100% - 12px);min-height: calc(100% - 12px);top:6px;left:8px;}
.nice-select .scrollbar-macosx > .scroll-element.scroll-y .scroll-element_outer:before {content:'';display:block;position:absolute;left:0px;top:0px;width:6px;height:100%;border-radius:3px;background-color:#e9e9ec;}
.nice-select .scrollbar-macosx > .scroll-element.scroll-y .scroll-bar {left:-2px;width:10px;border-radius:5px;background-color:#413f55;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter:alpha(opacity=100);opacity:1;}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.nice-select .scrollbar-macosx > .scroll-element.scroll-y .scroll-element_outer {height: calc(100% - 3px);min-height: calc(100% - 3px);top:6px;left:8px;}
.nice-select .scrollbar-macosx > .scroll-element.scroll-y .scroll-element_outer:before {content:'';display:block;position:absolute;left:0px;top:0px;width:6px;height: calc(100% - 9px);border-radius:3px;background-color:#e9e9ec;}
}

.wrap_banner.sub {
	position: relative;
	overflow: hidden;
	height: 377px;
	background-color: #fff;
}
.wrap_banner.sub .banner {
	position: absolute;
	left: 50%;
	width: 2560px;
	height: 100%;
	overflow: hidden;
	margin-left: -1280px;
}
.wrap_banner.sub .banner_item {
	height: 316px;
}
.wrap_banner.sub .banner_item > a {
	position: relative;
	display: block;
	width: 100%;
	height: 100%;
}
.wrap_banner.sub .banner_item > a:hover {
	text-decoration: none;
}
.wrap_banner.sub .banner_item > a img {
	display: block;
	vertical-align: top;
	width: 1920px;
	margin: 0 auto;
}
.wrap_banner.sub .owl-nav {
	position: absolute;
	bottom: 13px;
	left: 50%;
	margin-left: -499.5px;
	width: 72px;
	overflow: hidden;
}
.wrap_banner.sub .owl-nav .owl-prev,
.wrap_banner.sub .owl-nav .owl-next {
	width: 35px;
	height: 35px;
	border-radius: 50%;
	overflow: hidden;
	text-indent: -50000px;
	background-color: #413f55;
	background-image: url("../image/common/pg_s_arrow.png");
	background-repeat: no-repeat;
	transition: background 0.3s ease;
}
.wrap_banner.sub .owl-nav .owl-prev:hover,
.wrap_banner.sub .owl-nav .owl-next:hover {
	background-color: #5d5b6f;
}
.wrap_banner.sub .owl-nav .owl-prev {
	float: left;
	background-position: 14px center;
}
.wrap_banner.sub .owl-nav .owl-next {
	float: right;
	background-position: 14px center;
	transform: rotate(180deg);
}
.wrap_banner.sub .dots-wrap {
	position: absolute;
	bottom: 0px;
	left: 50%;
	margin-left: -592px;
	width: 1086px;
	height: 61px;
	overflow: hidden;
}
.wrap_banner.sub .owl-dots {
	position: absolute;
	top: 0;
	left: 0;
	display: table;
	vertical-align: middle;
	width: auto;
	height: 61px;
	transition: left 0.8s ease-out;
}
.wrap_banner.sub .owl-dots > .owl-dot {
	display: table-cell;
	vertical-align: middle;
	width: 333px;
	height: 61px;
	font-size: 16px;
	color: #b4b5b9;
	text-align: center;
	transition: color 0.3s ease;
}
.wrap_banner.sub .owl-dots > .owl-dot.active,
.wrap_banner.sub .owl-dots > .owl-dot.active button:hover {
	color: #df4258; /*text-shadow: 1px 1px 1px rgba(49, 5, 58, 0.2);*/
}
.wrap_banner.sub .owl-dots > .owl-dot button {
	position: relative;
	vertical-align: middle;
	width: 318px;
	height: 100%;
	box-sizing: border-box;
	padding: 0 20px !important;
	overflow: hidden;
	letter-spacing: -1.2px;
	text-shadow: 0px 0px 0px transparent;
	transition: all 0.3s ease;
}
.wrap_banner.sub .owl-dots > .owl-dot button:hover {
	color: #31323a; /*text-shadow: 1px 1px 1px rgba(49, 55, 58, 0.2);*/
}
.wrap_banner.sub .owl-dots > .owl-dot button:before {
	content: "";
	display: block;
	position: absolute;
	top: 24px;
	right: 0;
	width: 3px;
	height: 14px;
	background: url("../image/common/dot_v_line.png") no-repeat;
}
.wrap_banner.sub .bnr_nav {
	position: absolute;
	bottom: 0;
	left: 50%;
	z-index: 1;
	margin-left: -680.5px;
	width: 154px;
	height: 61px;
	overflow: hidden;
}
.wrap_banner.sub .bnr_nav a {
	display: block;
	width: 100%;
	font-size: 18px;
	color: #31323a;
	line-height: 63px;
	text-align: left;
	transition: all 0.3s ease;
}
.wrap_banner.sub .bnr_nav a:hover {
	color: #df4258;
	text-decoration: none;
}
.wrap_banner.sub .bnr_nav a:before,
.wrap_banner.sub .bnr_nav a:after {
	content: "";
	display: block;
	position: absolute;
	top: 23px;
	right: 0px;
	width: 15px;
	height: 15px;
	background-image: url("../image/common/icon_bnr.png");
	background-repeat: no-repeat;
	transition: all 0.3s ease;
}
.wrap_banner.sub .bnr_nav a:before {
	background-position: 0px top;
	transform: scale(1);
}
.wrap_banner.sub .bnr_nav a:after {
	background-position: 0px bottom;
	transform: scale(0);
}
.wrap_banner.sub .bnr_nav a:hover:before {
	transform: scale(0);
}
.wrap_banner.sub .bnr_nav a:hover:after {
	transform: scale(1);
}