/* 초기화 */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, yh, td { margin: 0; padding: 0; }
body { min-width:1000px;font: 14px 'Malgun Gothic',Gulim,"굴림",dotum,"돋움",Helvetica,AppleGothic; color: #202020; }
table { border-collapse: collapse; border-spacing: 0; }
fieldset, img { border: 0; }
address, caption, cite, code, dfn, em, th, var { font-style: normal; font-weight: normal; }
ol, ul { list-style: none; }
caption, th, td { text-align: left; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; }
q:before, q:after { content: ""; }
abbr, acronym { border: 0; }
em, address { font-style: normal; }
select { cursor: pointer }
a { text-decoration: none; }
a:link, a:hover, a:active, a:focus, a:visited { text-decoration: none; color: inherit; }
a:active, a:focus { outline: none; }
a img, :link img, :visited img, abbr { border: 0; }
a img { border: none; vertical-align: top; user-select: none; }
img { border: none; }
.clear:after { display: block; content: ""; clear: both; }
.wrapper { width: 1000px;  margin: 0 auto; }
.textcut { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.textcut2 { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; }
.btn_style1 { display: inline-block; width: 55px; height: 25px; line-height: 25px; font-size: 12px; font-weight: bold; color: #f57620 !important; border: 1px solid #f57620; border-radius: 0px; text-align: center;  }
.btn_style1:hover { background:#f57620; color:#fff !important; } 
.big_title { font-weight: bold; letter-spacing: -2.25px; font-size: 18px; margin-bottom: 32px; }
.darkpage { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: #000; opacity: 0.6; display: none; z-index: 1000; }
.category_select { margin-bottom: 10px;   }
.category_select > a { font-weight: bold; letter-spacing: -2.25px; font-size: 18px; margin-bottom: 32px; }
/* .category_select > a { display: block; float: left; font-size: 17px;  letter-spacing: -1px; color: #bcbcbc; border: 1px solid #bcbcbc; border-top-left-radius: 8px; border-top-right-radius: 8px; min-width: 94px; padding: 0 16px; height: 46px; line-height: 46px; text-align: center; }
.category_select > a.active { color: #fff; background: #ff8534; border-color: #f57620; }
.category_select:after { display: block; height: 1px; background: #bcbcbc; position: relative; top: -1px; } */

#Header { position: relative; border-bottom:1px dashed #f57620;  }
/* #Header .wrapper { border:1px solid red; }  */
#Header .status { background: #fafafa;  position: relative; z-index: 2; border-bottom:1px dashed #f57620; }
#Header .status .wrapper { background : #fafafa; padding-top: 8px; padding-bottom: 8px;   } 
#Header .status .login { float: right; margin-right:20px; }
#Header .status .login a.user { font-size: 12px; display: inline-block; vertical-align: top; height: 32px; line-height: 32px; margin-left: 16px; }
#Header .status .login a.logout { font-size: 12px; display: inline-block; vertical-align: top; height: 32px; line-height: 32px; margin-left: 16px; color: #666; }
#Header .status .link { float: right; margin-left: 8px; margin-right:30px; }
#Header .status .link a { display: block; width: 32px; height: 100%; margin-left: 16px; float: left; }
#Header .status .link a img { width: 32px; height: 32px; }
#Header .status .link a.link_vip img { width: 41px; height:18px; margin-top:6px; }

#Header .menu_list {  width:100%;position: relative; z-index: 2; background: #fff;   }
#Header .menu_list .wrapper {  background: #fff;  } 
#Header .menu_list .logo { float: left; }
#Header .menu_list .logo a { margin-top: 27px; display: inline-block; }
#Header .menu_list .logo a img { }
#Header .menu_list .big_menu { float: right; }
#Header .menu_list .big_menu .menu { }
#Header .menu_list .big_menu .menu ul { }
#Header .menu_list .big_menu .menu ul li { float: left; width: 140px; display: block; }
#Header .menu_list .big_menu .menu ul li a { color: #525252; font-size: 18px; font-weight: bold; display: block; width: 100%; height: 100%; text-align: center; padding: 31px 0; letter-spacing: -2.25px; }
#Header .menu_list .big_menu .menu ul li a.active { color: #f57620; }
#Header .menu_list .big_menu .menu ul li a:hover { color: #f57620; }
#Header .menu_list:hover + .slide_menu { top: 135px;   }
#Header .slide_menu {  border-top:1px dashed #f57620;border-bottom:1px dashed #f57620;  background: #fdfdfd;  position: absolute; top: -128px; left: 0; width: 100%; transition: top 0s; z-index: 1; }
#Header .slide_menu:hover { top: 135px;  }
#Header .slide_menu .reading { float: left; height: 134px; margin-top: 13px; }
#Header .slide_menu .reading .info { box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1); background: #fff; border-radius: 2px; width: 208px; padding: 16px; }
#Header .slide_menu .reading .info .date { font-size: 18px; font-weight: bold; float: left; letter-spacing: -0.8px; height: 46px; line-height: 46px; }
#Header .slide_menu .reading .info .count { float: right; height: 46px; }
#Header .slide_menu .reading .info .count img { }
#Header .slide_menu .reading .info .count span { font-size: 12px; color: #8d8d8d; font-weight: bold; display: block; letter-spacing: -0.8px; text-align: center; }
#Header .slide_menu .reading .enter { margin-top: 8px; }
#Header .slide_menu .reading .enter a { display: block; width: 240px; height: 48px; line-height: 48px; box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1); background: #f57620; color: #fff; font-size: 18px; font-weight: bold; text-align: center; border-radius: 2px; }
#Header .slide_menu .list { float: right; padding:20px 0px; }
#Header .slide_menu .list ul { }
#Header .slide_menu .list ul li { float: left; width: 140px; display: block; }
#Header .slide_menu .list ul li a { font-size: 16px; color: #525252; letter-spacing: -2.25px; display: block; text-align: center; padding: 16px 0px; }
#Header .slide_menu .list ul li a:hover { color: #f57620; }

#Header .menu_list:hover + .slide_menu { top: -135px; }
#Header .slide_menu { top: -135px; transition: none; }
#Header .slide_menu:hover { top: -135px; }



#Footer { background: #f7f7f7; border-top:1px dashed #f57620; }
#Footer .wrapper { border-bottom: 0; border-top: 1px solid #eee; }
#Footer .company { border-bottom: 1px solid #d7d7d7; }
#Footer .company .info { padding-top: 40px; float: left; }
#Footer .company .info .title { font-size: 18px; font-weight: bold; color: #f57620; margin-bottom: 16px; }
#Footer .company .info .policy { font-size: 14px; font-weight: bold; color: #373737; margin-bottom: 16px; }
#Footer .company .info .policy a { color: #373737; }
#Footer .company .info .address { font-size: 12px; }
#Footer .company .phone_list { float: right; padding-top: 48px; padding-bottom: 36px; }
#Footer .company .phone_list div { width: 248px; height: 25px; line-height: 25px; text-align: center; border: 1px solid #d7d7d7; border-radius: 2px; background: #fff; font-size: 14px; color: #6f6f6f; margin-bottom: 4px; }
#Footer .copyright { padding-top: 16px; padding-bottom: 90px; }
#Footer .copyright strong { font-size: 10px; color: #525252; font-weight: bold; }
#Footer .copyright span { font-size: 9px; color: #525252; }

.index_wrap { }
.index_wrap .section { border-bottom: 1px dashed #eee; }
.index_wrap .section:first-child { border-bottom:0px; }
.index_wrap .section:last-child { border-bottom: 0; }
.index_wrap .section .part_title { margin-bottom: 14px; }
.index_wrap .section .part_title > img { vertical-align: top; margin-right: 4px; }
.index_wrap .section .part_title > .main_title { vertical-align: top; font-size: 17px; letter-spacing: -2.25px; font-weight: bold; margin-right: 14px; }
.index_wrap .section .part_title > .sub_title { vertical-align: top; font-size: 15px; letter-spacing: -2.25px; color: #6f6f6f; display: inline-block; margin-top: 5px; }
.index_wrap .section .part_title > .more_btn { margin-top: -4px; float: right; }
.index_wrap .sec1 { padding-top:15px; }
.index_wrap .sec1 .part1 { float: left; padding-right: 25px; padding-bottom: 20px; width: 658px; border-right: 1px dashed #EEE; }
.index_wrap .sec1 .part1 .part1_1 { padding-top: 40px; }
.index_wrap .sec1 .part1 .part1_2 { margin-bottom: 0px; padding-top: 8px; }
.index_wrap .sec1 .part1 .part1_2 .part1_2_1 { float: left; width: 410px; height: 304px; border: 1px solid #D7D7D7; margin-right: 32px; border-radius: 2px; }
.index_wrap .sec1 .part1 .part1_2 .part1_2_1 img { width: 100%; height: 100%; }
.index_wrap .sec1 .part1 .part1_2 .part1_2_2 { float: left; width: 294px; height: 306px; background: url("/img/w/recomend_bg.png"); background-size: 100% 100%; }
.index_wrap .sec1 .part1 .part1_2 .part1_2_2 .date { display: inline-block; font-size: 18px; color: #fff; text-align: center; margin-top: 64px; width: 100%; }
.index_wrap .sec1 .part1 .part1_2 .part1_2_2 .count { display: inline-block; font-size: 18px; color: #fff; text-align: center; margin-top: 73px; width: 100%; }
.index_wrap .sec1 .part1 .part1_2 .part1_2_2 .enter_btn { display: block; box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1); color: #f57620; font-size: 16px; font-weight: bold; background: #fff; border-radius: 2px; margin: 47px 24px 0 24px; text-align: center; padding: 13px 0; }
.index_wrap .sec1 .part1 .part1_3 { }
.index_wrap .sec1 .part1 .part1_3 .board_list .number { width: 53px; }
.index_wrap .sec1 .part1 .part1_3 .board_list .title { width: 330px; }
.index_wrap .sec1 .part1 .part1_3 .board_list .title > span { max-width: calc(100% - 54px); }
.index_wrap .sec1 .part1 .part1_3 .board_list .writer { width: 110px; }
.index_wrap .sec1 .part1 .part1_3 .board_list .writer > span { max-width: calc(100% - 30px); }
.index_wrap .sec1 .part1 .part1_3 .board_list .date { width: 80px; }
.index_wrap .sec1 .part1 .part1_3 .board_list .views { width: 80px; }
.index_wrap .sec1 .part1 .part1_3 .board_list .likes { width: 40px; }
.index_wrap .sec1 .part2 { float: left; padding-left: 20px; padding-top: 10px; padding-bottom: 20px; width: 290px; }
.index_wrap .sec1 .part2 .part2_1 { margin-bottom: 16px; }
.index_wrap .sec1 .part2 .part2_1 .slide_list .item { display: none; }
.index_wrap .sec1 .part2 .part2_1 .slide_list .item a { display: block; width: 100%; height: 100%; }
.index_wrap .sec1 .part2 .part2_1 .slide_list .item a img { width: 260px;  }
.index_wrap .sec1 .part2 .part2_1 .slide_list .slide_dots { position: absolute; bottom: 16px; right: 16px; }
.index_wrap .sec1 .part2 .part2_1 .slide_list .slide_dots li { float: left; margin-right: 8px; text-align: center }
.index_wrap .sec1 .part2 .part2_1 .slide_list .slide_dots li button { background: #aaa; border: none; width: 12px; height: 12px; border-radius: 15px; font-size: 0; cursor: pointer; outline: none; }
.index_wrap .sec1 .part2 .part2_1 .slide_list .slide_dots li:last-child { margin-right: 0px }
.index_wrap .sec1 .part2 .part2_1 .slide_list .slide_dots li.slick-active button { background-color: #fff }
.index_wrap .sec1 .part2 .part2_1 .slide_list .slick-dotted.slick-slider { margin-bottom: 0px }
.index_wrap .sec1 .part2 .part2_2 { }
.index_wrap .sec1 .part2 .part2_2 .rank_list { }
.index_wrap .sec1 .part2 .part2_2 .rank_list table { width: 100%; border-top: 1px solid #eee; border-bottom: 1px solid #eee; }
.index_wrap .sec1 .part2 .part2_2 .rank_list table tbody tr td { height: 48px; text-align: center; font-size: 14px; }
.index_wrap .sec1 .part2 .part2_2 .rank_list table tbody tr td.rank { width: 52px; }
.index_wrap .sec1 .part2 .part2_2 .rank_list table tbody tr td.rank img { width: 36px; height: 36px; }
.index_wrap .sec1 .part2 .part2_2 .rank_list table tbody tr td.rank span { font-size: 22px; font-weight: bold; }
.index_wrap .sec1 .part2 .part2_2 .rank_list table tbody tr td.updown { width: 56px; }
.index_wrap .sec1 .part2 .part2_2 .rank_list table tbody tr td.updown span { font-weight: bold; font-size: 16px; }
.index_wrap .sec1 .part2 .part2_2 .rank_list table tbody tr td.updown span.up { color: #FA8181; }
.index_wrap .sec1 .part2 .part2_2 .rank_list table tbody tr td.updown span.down { color: #1234E6; }
.index_wrap .sec1 .part2 .part2_2 .rank_list table tbody tr td.profile { width: 34px; }
.index_wrap .sec1 .part2 .part2_2 .rank_list table tbody tr td.profile img { width: 22px; height: 22px; border-radius: 12px; border: 1px solid #eee; }
.index_wrap .sec1 .part2 .part2_2 .rank_list table tbody tr td.nickname { padding-left: 16px; width: 102px; text-align: left; }
.index_wrap .sec1 .part2 .part2_2 .rank_list table tbody tr td.nickname span { display: inline-block; width: 102px; }
.index_wrap .sec1 .part2 .part2_2 .rank_list table tbody tr td.score { width: 93px; font-weight: bold; }
.index_wrap .sec1 .part2 .part2_2 .rank_list p { text-align: right; color: #aaa; font-size: 12px; padding-top:5px; }
.index_wrap .sec2 { padding: 40px 0; }
.index_wrap .sec2 .vod_list { padding-top: 8px; }
.index_wrap .sec2 .vod_list ul { }
.index_wrap .sec2 .vod_list ul li { float: left; width: 320px; margin-right: 20px; }
.index_wrap .sec2 .vod_list ul li:last-child { margin-right: 0; }
.index_wrap .sec2 .vod_list ul li a { display: block; width: 100%; height: 100%; }
.index_wrap .sec2 .vod_list ul li a .thumbnail { border: 1px solid #d7d7d7; border-radius: 2px; width: 336px; height: 228px; width:318px; height:217px; }
.index_wrap .sec2 .vod_list ul li a .thumbnail img { width: 100%; min-height: 100%; vertical-align: top; border-radius: 2px; }
.index_wrap .sec2 .vod_list ul li a .desc { margin-top: 16px; }
.index_wrap .sec2 .vod_list ul li a .desc .profile { width: 36px; margin-right: 16px; float: left; }
.index_wrap .sec2 .vod_list ul li a .desc .profile img { width: 34px; height: 34px; border-radius: 18px; border: 1px solid #eee; vertical-align: top; }
.index_wrap .sec2 .vod_list ul li a .desc .info { width: calc(100% - 52px); float: left; }
.index_wrap .sec2 .vod_list ul li a .desc .info .title { font-size: 16px; letter-spacing: -0.8px; color: #202020; }
.index_wrap .sec2 .vod_list ul li a .desc .info .writer { margin-top: 16px; color: #525252; font-size: 12px; letter-spacing: -0.8px; }
.index_wrap .sec2 .vod_list ul li a .desc .info .date { margin-top: 8px; color: #6F6F6F; letter-spacing: -0.8px; }
.index_wrap .sec3 { padding: 32px 0; }
.index_wrap .sec3 .part_title { margin-bottom: 12px; }
.index_wrap .sec4 { padding: 48px 0; }
.index_wrap .sec4 .part1 { float: left; width: calc(50% - 65px); padding-right: 64px; border-right: 1px solid #eee; }
.index_wrap .sec4 .part1 .board_list { }
.index_wrap .sec4 .part1 .board_list .title { padding-left: 0; width: calc(100% - 176px); }
.index_wrap .sec4 .part1 .board_list .title > span { max-width: calc(100% - 30px); }
.index_wrap .sec4 .part1 .board_list .writer { padding-left: 16px; width: 80px; }
.index_wrap .sec4 .part1 .board_list .writer > span { max-width: calc(100% - 30px); }
.index_wrap .sec4 .part1 .board_list .date { width: 80px; }
.index_wrap .sec4 .part2 { float: left; width: calc(50% - 64px); padding-left: 64px; }
.index_wrap .sec5 { padding: 48px 0; }
.index_wrap .sec5 .part1 { float: left; width: calc(50% - 65px); padding-right: 64px; border-right: 1px dashed #eee; }
.index_wrap .sec5 .part2 { float: left; width: calc(50% - 64px); padding-left: 64px; }
.index_wrap .sec5 .part2 .board_list { }
.index_wrap .sec5 .part2 .board_list .title { padding-left: 0; width: calc(100% - 70px); }
.index_wrap .sec5 .part2 .board_list .title > span { max-width: calc(100% - 30px); }
.index_wrap .sec5 .part2 .board_list .writer { padding-left: 0px; width: 100px; }
.index_wrap .sec5 .part2 .board_list .writer > span { max-width: calc(100% - 30px); font-size: 14px; }
.index_wrap .sec5 .part2 .board_list .date { width: 50px; text-align: right; }

.board_list_wrap { padding-top:40px; }
.board_list_wrap .wrapper { width: 1000px; }
.board_list_wrap .board_list { border-bottom: 1px solid #eee; }
.board_list_wrap .board_list ul li.notice { background: #fafafa; }
.board_list_wrap .board_list.normal.type1 ul li .title { width: calc(100% - 316px); }
.board_list_wrap .board_list.normal.type1 ul:first-child { border-bottom: 0; }
.board_list_wrap .board_list.normal.type2 ul li .title { width: calc(100% - 476px); }
.board_list_wrap .board_list.normal.type2 ul:first-child { border-bottom: 0; }
.board_list_wrap .write_btn { float: right; }
.board_list { }
.board_list.normal ul { width: 100%; border-top: 1px solid #eee; border-bottom: 1px solid #eee; }
.board_list.normal ul.board_head li { font-weight: bold; text-align: center; background:#fcfcfc; }
.board_list.normal ul li { display: block; font:14px malgun-gothic; border-bottom: 1px solid #eee; height: 48px; line-height: 48px;  }
.board_list.normal ul li:last-child { border-bottom: 0; }
.board_list.normal ul li > a { display: block; width: 100%; font-size: 14px; color: #202020; }
.board_list.normal ul li .number { float: left; text-align: center; letter-spacing: -1px; width: 60px; }
.board_list.normal ul li .title { float: left; padding-left: 8px; }
.board_list.normal ul li .title span { display: inline-block; vertical-align: top; max-width: calc(100% - 75px); }
.board_list.normal ul li .title strong { color: #f57620; font-size: 14px; vertical-align: top; }
.board_list.normal ul li .title .new { width: 12px; height: 12px; margin-bottom:2px; vertical-align: middle; margin-left: 4px; }
.board_list.normal ul li .writer { float: left; padding-left: 8px; width: 140px; }
.board_list.normal ul li .writer > span { display: inline-block; vertical-align: top; }
.board_list.normal ul li .writer .user_img { width: 22px; height: 22px; border-radius: 12px; border: 1px solid #eee; margin-top: 12px; vertical-align: top; }
.board_list.normal ul li .date { float: left; text-align: center; width: 100px; }
.board_list.normal ul li .views { float: left; text-align: center; width: 80px; }
.board_list.normal ul li .likes { float: left; text-align: center; width: 80px; }
.board_list.detail { }
.board_list.detail ul { width: 100%; }
.board_list.detail ul li { float: left; width: calc(50% - 25px); padding: 12px 0; }
.board_list.detail ul li:nth-child(odd) { padding-right: 24px; border-right: 1px dashed #eee; }
.board_list.detail ul li:nth-child(even) { width: calc(50% - 24px); padding-left: 24px; }
.board_list.detail ul li a { display: block; width: 100%; height: 100%; color: #202020; }
.board_list.detail ul li a .mark { margin-bottom: 16px; }
.board_list.detail ul li a .desc { float: left; width: calc(100% - 293px); margin-right: 24px; }
.board_list.detail ul li a .desc .title { font-size: 18px; letter-spacing: -2.25px; margin-bottom: 16px; height: 24px; }
.board_list.detail ul li a .desc .cont { font-size: 14px; letter-spacing: -0.8px; margin-bottom: 10px; height: 36px; }
.board_list.detail ul li a .desc .writer { height: 24px; }
.board_list.detail ul li a .desc .writer img { width: 22px; height: 22px; border-radius: 12px; border: 1px solid #eee; vertical-align: top; }
.board_list.detail ul li a .desc .writer span { display: inline-block; vertical-align: top; margin-left: 4px; font-size: 14px; color: #2f2f2f; font-weight: bold; margin-top: 3px; }
.board_list.detail ul li a .thumbnail { float: left; width: 267px; height: 150px; border: 1px solid #D7D7D7; border-radius: 2px; }
.board_list.detail ul li a .thumbnail img { width: 100%; height: 100%; vertical-align: top; border-radius: 2px; }
.board_list.image { }
.board_list.image ul { width: 100%; }
.board_list.image ul li { float: left; width: calc(50% - 8px); margin-bottom: 8px; }
.board_list.image ul li:nth-child(odd) { margin-right: 8px; }
.board_list.image ul li:nth-child(even) { margin-left: 8px; }
.board_list.image ul li:nth-last-child(-n+2) { margin-bottom: 0; }
.board_list.image ul li a { display: block; width: calc(100% - 34px); border: 1px solid #f5f5f5; background: #fcfcfc; padding: 8px 16px; border-radius: 2px; }
.board_list.image ul li a .desc { margin-bottom: 2px; }
.board_list.image ul li a .desc .title { display: inline-block; max-width: calc(100% - 66px); font-size: 12px; font-weight: bold; letter-spacing: -0.8px; vertical-align: top; }
.board_list.image ul li a .desc .date { display: inline-block; font-size: 10px; float: right; color: #f57620; vertical-align: top; }
.board_list.image ul li a .desc .new { width: 12px; height: 12px; vertical-align: top; margin-top: 2px; }
.board_list.image ul li a .writer { margin-bottom: 5px; }
.board_list.image ul li a .writer img { width: 15px; height: 15px; border-radius: 8px; border: 1px solid #eee; vertical-align: middle; }
.board_list.image ul li a .writer span { font-size: 12px; font-weight: bold; color: #2f2f2f; vertical-align: middle;  }
.board_list.image ul li a .thumbnail { border: 1px solid #F5F5F5; border-radius: 2px; }
.board_list.image ul li a .thumbnail img { width: 100%; height: 54px; border-radius: 2px; }
.board_list.review { }
.board_list.review ul { border-top: 1px solid #eee; border-bottom: 1px solid #eee; width: 100%; }
.board_list.review ul li { border-bottom: 1px solid #eee; padding: 22px 0; }
.board_list.review ul li:last-child { border-bottom: 0; }
.board_list.review ul li .desc { border-right: 1px solid #eee; padding-left: 22px; padding-right: 16px; float: left; width: calc(100% - 165px); }
.board_list.review ul li .desc .title { height: 40px; }
.board_list.review ul li .desc .title .mark { vertical-align: top; margin-right: 4px; }
.board_list.review ul li .desc .title span { color: #2f2f2f; font-weight: bold; font-size: 16px; letter-spacing: -2.25px; display: inline-block; max-width: calc(100% - 56px); vertical-align: top; margin-top: 1px; }
.board_list.review ul li .desc .cont { height: 54.5px; line-height: 20px; }
.board_list.review ul li .desc .cont span { font-size: 14px; letter-spacing: -2.25px; display: inline-block; height: 40px; }
.board_list.review ul li .desc .writer { }
.board_list.review ul li .desc .writer .user_img { width: 22px; height: 22px; border-radius: 12px; border: 1px solid #eee; vertical-align: top; }
.board_list.review ul li .desc .writer .nickname { font-size: 14px; color: #2f2f2f; letter-spacing: -0.8px; font-weight: bold; vertical-align: top; display: inline-block; margin-top: 3px; }
.board_list.review ul li .desc .writer .date { font-size: 14px; color: #9f9f9f; display: inline-block; vertical-align: top; margin-top: 3px; float: right; }
.board_list.review ul li .thumbnail { padding-left: 16px; padding-right: 22px; float: left; width: 88px; }
.board_list.review ul li .thumbnail .image { height: 95px; }
.board_list.review ul li .thumbnail .image img { width: 100%; max-height: 100%; }
.board_list.review ul li .thumbnail .score { color: #f57620; font-size: 16px; font-weight: bold; text-align: center; }

.lay_bview_wrap { position: relative; width: 1000px; margin: 0 auto; overflow: hidden; padding: 40px 0;  }
.lay_bview_content { float: right; width: 1000px; padding: 10px 0px 50px; font: 15px nanum gothic, malgun gothic; overflow: hidden }
.lay_bview_content p { margin-bottom: 4px; }
.brdView { }
.brdView .head { position: relative; border-bottom: 1px dashed #ddd; }
.brdView .head .top {  }
.brdView .head .top .title { color: #222; font-weight: bold; float: left; font-size:18px; padding-top:15px;padding-left:5px; }
.brdView .head .top .user { font: 12px dotum; float: right; padding-right:10px; }
.brdView .head .top .user span { vertical-align: middle; }
.brdView .head .top .user img { width: 28px; height: 28px; margin-right: 5px; margin-bottom: 2px; border-radius: 12px; vertical-align: middle; }
.brdView .head .bottom { position: relative; margin-bottom: 10px; padding-right:10px; }
.brdView .head .bottom .date { font: 12px dotum; color: #aaa; float: right; }
.brdView .head .bottom .btnlist { float: left; }
.brdView .body { display: block; padding: 50px 15px 80px; word-break: break-all; font:15px/150% nanum gothic,malgun gothic; }
.brdView .body img { max-width: 100%; }
.brdView .body .youtube_iframe { text-align: center; }
.brdView .body .youtube_iframe iframe { width: 930px;  height:523px; }
.brdView .foot { min-height: 100px; padding: 50px 0 20px }
.brdView .foot .vote { text-align: center; width: 150px; margin: 0 auto; overflow: hidden }
.brdView .foot .btn { cursor: pointer; float: left; width: 50px; text-align: center }
.brdView .foot .btn .number { display: block; margin-top: 5px }
.brdView .foot .btn .in { color: #e94747; }
.brdView .foot .btn .out { color: #3272b0; margin-left: 5px; }
.brdView .foot .btn .inter { color: #22ac46; }
.brdView .foot .btn span { cursor: pointer; }
.brdView .foot .vote_expn { font-size: 13px; text-align: center; color: #777 }
.brdView .foot .join_banner { border: 1px solid #eee; margin: 0 auto 30px auto; width: 1148px; font-size: 0; }
.brdView .foot .join_banner img { width: 1148px; }
.brdView .other { overflow: hidden; margin-bottom: 30px; border-top: 1px solid #f2f2f2; padding: 15px 15px 0 15px; }
.brdView .other .title { text-align: left; margin: 0 0 15px 0; }
.brdView .other .title span { font-weight: bold; margin-right: 3px; font-size: 14px; color: #666; }
.brdView .other ul { }
.brdView .other ul li { float: left; width: 19%; margin-left: 1%; }
.brdView .other ul li .thumb { border: 1px solid #ddd; height: 140px; overflow: hidden; }
.brdView .other ul li .thumb table { width: 100%; height: 100%; }
.brdView .other ul li .thumb table tr td { padding: 0; }
.brdView .other ul li .thumb table tr td img { width: 100%; }
.brdView .other ul li .info { position: relative; font: 13px tahoma; color: #666; margin-top: 7px; margin-left: 3px; }
.brdView .other ul li .info .date { }
.brdView .other ul li .info .readcount { }
.brdView .other ul li .info .deco { font-size: 10px; color: #888; margin: 0px 5px; }

/* btn */
.brdViewBtn { position: relative; }
.brdViewBtn .list { position: absolute; left: 0px; top: 10px; color: rgb(68, 68, 68); cursor: pointer; display: inline-block; min-width: 60px; height: 30px; text-align: center; white-space: nowrap; width: 54px; column-rule-color: rgb(68, 68, 68); perspective-origin: 36px 14.5px; transform-origin: 36px 14.5px; user-select: none; background-image: -ms-linear-gradient(top,#f5f5f5,#f1f1f1);; background: rgba(0, 0, 0, 0) -webkit-linear-gradient(top, rgb(245, 245, 245), rgb(241, 241, 241)) repeat scroll 0% 0% / auto padding-box border-box; border: 1px solid rgba(0, 0, 0, 0.0980392); border-radius: 2px 2px 2px 2px; font: normal normal bold normal 14px / 27px arial, sans-serif; outline: rgb(68, 68, 68) none 0px; line-height: 30px; }
.brdViewBtn .write { position: absolute; right: 0px; top: 10px; color: rgb(68, 68, 68); cursor: pointer; display: inline-block; min-width: 60px; height: 30px; text-align: center; white-space: nowrap; width: 54px; column-rule-color: rgb(68, 68, 68); perspective-origin: 36px 14.5px; transform-origin: 36px 14.5px; user-select: none; background-image: -ms-linear-gradient(top,#f5f5f5,#f1f1f1);; background: rgba(0, 0, 0, 0) -webkit-linear-gradient(top, rgb(245, 245, 245), rgb(241, 241, 241)) repeat scroll 0% 0% / auto padding-box border-box; border: 1px solid rgba(0, 0, 0, 0.0980392); border-radius: 2px 2px 2px 2px; font: normal normal bold normal 14px / 27px arial, sans-serif; outline: rgb(68, 68, 68) none 0px; line-height: 30px; }

/* write */
.lay_bwrite_wrap { position: relative; width: 1000px; margin: 40px auto; overflow: hidden; }
.lay_bwrite_content { float: right; width: 978px; padding: 10px; float: right; line-height: 18px; font: 12px dotum; }
.brdWrite { position: relative; }
.brdWrite .head { padding-top: 20px; border: 1px solid #ccc; border-bottom: 0px; padding-bottom:10px;}
.brdWrite .head .top { position: relative; height: 50px; padding-top: 15px; }
.brdWrite .head .bottom { }
.brdWrite .head .ipt_title { width: 400px; }
.brdWrite .head tr { height: 40px; }
.brdWrite .head td:first-child { width: 70px; text-align: left; padding-left:40px; }
.brdWrite .head td input { width: 750px; height: 30px; padding: 0px 10px; border: 1px solid #ddd; }
.brdWrite .body { width: 978px; padding: 0px; border-top: 0px; }
.brdWrite .body textarea { width: 1050px; min-height: 400px; padding: 10px 10px 30px 10px; resize: vertical; outline: none; border: 1px solid #ccc; }
.brdWrite .body .tx-list.imgup_deligate { padding: 0 14px 0 0; float: left; position: relative; }
.brdWrite .body .tx-list.imgup_deligate a { width: 35px; height: 25px; background: url(/img/tx_text2.gif); background-repeat: no-repeat; background-position: 0 6px; height: 25px; display: block; float: left; font-size: 0; line-height: 0; overflow: hidden; text-indent: -1000px; }
.brdWrite .foot { padding-top: 30px; text-align: center }
.brdWrite .foot span { position: relative; color: rgb(68, 68, 68); cursor: pointer; display: inline-block; min-width: 110px; height: 40px; text-align: center; white-space: nowrap; width: 54px; column-rule-color: rgb(68, 68, 68); perspective-origin: 36px 14.5px; transform-origin: 36px 14.5px; user-select: none; background-image: -ms-linear-gradient(top,#f5f5f5,#f1f1f1); background: rgba(0, 0, 0, 0) -webkit-linear-gradient(top, rgb(245, 245, 245), rgb(241, 241, 241)) repeat scroll 0% 0% / auto padding-box border-box; border: 1px solid rgba(0, 0, 0, 0.0980392); border-radius: 2px 2px 2px 2px; font: normal normal bold normal 14px / 27px arial, sans-serif; margin: 0px 16px 0px 0px; outline: rgb(68, 68, 68) none 0px; padding: 0px 8px; line-height: 40px; }
.brdWrite .foot span:hover { background: #e8e8e8; color: #000; border: 1px solid #c7c7c7; }
.brdWrite .foot span.next:hover { background: red; background: rgba(0, 0, 0, 0) -webkit-linear-gradient(top, rgb(255, 58, 58), rgb(246, 98, 98)) repeat scroll 0% 0%; color: #fff; border: 1px solid #cc0a0a }
#tx_editor_file { width: 1px; height: 1px; display: none; }

/* comment */
.brdComment { position: relative; }
.brdComment .head { width: 998px; margin: 0 auto; height: 30px; }
.brdComment .head .left { float: left; color: #777 }
.brdComment .head .left .ccnt, .rcnt { font-weight: bold; color: #444 }
.brdComment .head .left li { float: left; margin-left: 15px; }
.brdComment .head .right { float: right; }
.brdComment .head .right li { float: right; margin-right: 15px; }
.brdComment .head .right li span:hover { text-decoration: underline; cursor: pointer; }
.brdComment .body { width: 998px; margin: 0 auto; border: 1px solid #eee; border-bottom: 0px; }
.brdComment .body li { padding: 20px 30px 20px 20px; border-bottom: 1px dotted #ddd; }
.brdComment .body li .hnt { height: 29px; font-family: gulim; }
.brdComment .body li .hnt span { vertical-align: middle; }
.brdComment .body li .hnt img { vertical-align: middle }
.brdComment .body li .hnt img.memberPhoto { width: 20px; height: 20px; border-radius: 9px; opacity: 0.8; margin-bottom:2px; }
.brdComment .body li .hnt img.picon { width: 17px; height: 17px; vertical-align: middle; margin-bottom: 2px; margin-left: 0px; }
.brdComment .body li .hnt .ico { color: #b6b6b6;  }
.brdComment .body li .hnt .nickname { color: #9b9b9b; font:14px dotum; margin-left:4px; }
.brdComment .body li .hnt .date { margin-left: 10px; font-size: 13px; color: #bbb; }
.brdComment .body li .hnt .icon_reply { width: 8px; margin-left: 5px; margin-right: 0px; }
.brdComment .body li .hnt .btn_rp { margin-left: 2px; font: 11px dotum; color: #bbb; cursor: pointer; }
.brdComment .body li .hnt .btn_rp.cancle { color: #ea1212; cursor: pointer; }
.brdComment .body li .cnt { color: #222; font: 13px gulim; line-height: 15px; padding-left: 30px; }
.brdComment .body li .cnt.writer { color: #009816; }
.brdComment .body li span { vertical-align: middle; }
.brdComment .body li textarea { vertical-align: middle; }
.brdComment .body li.reply { padding: 14px 30px 16px 40px; }
.brdComment .body li.reply .cnt { padding-left: 44px; }
.brdComment .body li.replyInput { display: none; padding: 15px 30px 15px 40px; position: relative; }
.brdComment .body li.replyInput div[contenteditable] { width: 650px; padding: 10px; min-height: 40px; max-height: 100px; resize: none; margin-right: 10px; border: 1px solid #eee; display: inline-block; overflow: auto; }
.brdComment .body li.reply.admin { background: #fff; }
.brdComment .body li.org.admin { background: #fff; }
.brdComment .body .ico { color: #e84c4c; vertical-align: top; }
.brdComment .body .btn_img { position: absolute; bottom: 63px; left: 744px; width: 16px; height: 16px; cursor: pointer; }
.brdComment .body .btn { position: absolute; bottom: 18px; color: rgb(68, 68, 68); cursor: pointer; display: inline-block; height: 30px; text-align: center; white-space: nowrap; width: 54px; column-rule-color: rgb(68, 68, 68); perspective-origin: 36px 14.5px; transform-origin: 36px 14.5px; user-select: none; background-image: -ms-linear-gradient(top,#f5f5f5,#f1f1f1); background: rgba(0, 0, 0, 0) -webkit-linear-gradient(top, rgb(245, 245, 245), rgb(241, 241, 241)) repeat scroll 0% 0% / auto padding-box border-box; border: 1px solid rgba(0, 0, 0, 0.0980392); border-radius: 2px 2px 2px 2px; font: normal normal bold normal 14px / 27px arial, sans-serif; margin: 0px 0px 0px 5px; outline: rgb(68, 68, 68) none 0px; padding: 0px 8px; line-height: 30px; }
.brdComment .body .btn.up { left: 739px; }
.brdComment .body .btn.cancle { left: 826px; }
.brdComment .body .btn.up:hover { background: #eee; color: #000; border: 1px solid #ccc; }
.brdComment .body .cnt .tgNick { color: #aaa; }
.brdComment .body .pgn { background:#fdfdfd; text-align: center; padding: 30px 0px; }
.brdComment .body .pgn a.normal { display: inline-block; border: 1px solid #333; border-radius: 4px; padding: 2px 3%; text-decoration: none; color: #222; }
.brdComment .body .pgn a.normal span { vertical-align: middle; }
.brdComment .body .pgn a.active { display: inline-block; border: 1px solid #333; border-radius: 4px; padding: 2px 3%; background: #ffbb00; color: #000; text-decoration: none; }
.brdComment .body .pgn a.active span span { vertical-align: middle; }
.brdComment .body .pgn a.active span img { vertical-align: middle; }
.brdComment .body .pgn a.active span img.refresh { }
.brdComment .foot { width: 998px; margin: 0 auto; position: relative; border: 1px solid #eee; border-top: 1px solid f7f7f7; background: #fdfdfd; padding: 25px 0px 25px 0px }
.brdComment .foot.none { min-height: 100px; }
.brdComment .foot .lgm { width: 950px; font-size: 0; position: relative; margin: 0 auto;  }
.brdComment .foot .lgm input { position: absolute; bottom: 20px; right: 0px; }
.brdComment .foot .lgm input:focus { outline: #93b5ec auto; }
.brdComment .foot span { vertical-align: middle; }
.brdComment .foot .btn { position: relative; color: rgb(68, 68, 68); cursor: pointer; display: inline-block; min-width: 90px; height: 42px; text-align: center; white-space: nowrap; width: 54px; column-rule-color: rgb(68, 68, 68); perspective-origin: 36px 14.5px; transform-origin: 36px 14.5px; user-select: none; background-image: -ms-linear-gradient(top,#f5f5f5,#f1f1f1); background: rgba(0, 0, 0, 0) -webkit-linear-gradient(top, rgb(245, 245, 245), rgb(241, 241, 241)) repeat scroll 0% 0% / auto padding-box border-box; border: 1px solid rgba(0, 0, 0, 0.0980392); border-radius: 2px 2px 2px 2px; font: normal normal bold normal 14px / 27px arial, sans-serif; margin: 0px 0px 0px 5px; outline: rgb(68, 68, 68) none 0px; padding: 0px 8px; line-height: 40px; }
.brdComment .foot .btn_img { position: absolute; top: 0px; right: 0px; width: 20px; height: 20px; cursor: pointer; }
.brdComment .foot div[contenteditable] { background:#fff; vertical-align: middle; width: 820px; padding: 10px; min-height: 70px; max-height: 100px; resize: none; margin-right: 10px; border: 1px solid #ddd; font-size: 14px; text-align: left; overflow: auto; }
.brdComment .foot textarea { width: 640px; padding: 10px; height: 40px; resize: none; margin-right: 10px;  border: 1px solid #ddd; outline: none; font-size: 14px; text-align: left; }








/*페이징*/
.paginate { margin: 48px 0; }
.paginate ul { text-align: center; }
.paginate ul li { display: inline-block; }
.paginate ul li a { font-size: 14px; letter-spacing: -1px; color: #f57620; font-weight: bold; display: block; height: 30px; line-height: 30px; padding: 0 12px; border: 1px solid #e9e9e9; border-radius: 2px; }
.paginate ul li a.next { border-color: #ededed; background: #f5f5f5; }
.paginate ul li a.active { border-color: #f57620; background: #f57620; color: #fff; }
.paginate ul li a.empty { color: #ccc; }

/*로그인*/
.login_Wrap { padding: 100px 0; margin: 0 auto; width: 100%; }
.login_Topspace { text-align: center; }
.login_Topspace .top1 { font-size: 32px; font-weight: 700; color: #242424 }
.login_Topspace .top2 { font-size: 16px; margin-top: 4px; color: #666; letter-spacing: -0.5px }
.login_Box { margin: 50px auto 20px; width: 480px }
.login_Box .ipt_Wrap { width: 478px; height: 122px; border: 1px solid #e8e8e8 }
.login_Box .ipt_Wrap .iptbox_ID { background-color: #fff; }
.login_Box .ipt_Wrap .iptLine { width: 100%; background-color: #eee; height: 1px }
.login_Box .ipt_Wrap .iptbox_PW { background-color: #fff }
.login_Box .ipt_Wrap span { display: inline-block; vertical-align: middle; width: 13%; text-align: center; background-color: #fff; padding-bottom: 2px }
.login_Box .ipt_Wrap span img { vertical-align: middle; padding: 15px }
.login_Box .ipt_Wrap input { width: 87%; height: 58px; border: none; outline-style: none; background-color: #fff; font-size: 15px; vertical-align: middle; box-sizing: border-box }
.login_Box .login_Btn { margin-top: 20px }
.login_Box .login_Btn a { display: inline-block; width: 480px; height: 80px; line-height: 80px; background-color: #ffd123; text-align: center; color: #fff; font-size: 21px; transition: 0.5s }
.login_Box .login_Btn a:hover { background-color: #ff0030; transition: 0.5s }
.login_Box .saveNfind { overflow: hidden; margin-top: 20px; padding-bottom: 10px; border-bottom: 1px solid #eee }
.login_Box .save { float: left }
.login_Box .save input[type="checkbox"] { display: none; }
.login_Box .save label { cursor: pointer; vertical-align: middle; color: #777; font-size: 15px; }
.login_Box .save input[type="checkbox"] + label:before { border-radius: 4px; background: #ffd123; content: "\00a0"; display: inline-block; font: 12px/1em malgun gothic; height: 15px; padding-top: 3px; width: 18px; margin: 0 3px 3px 0; vertical-align: middle }
.login_Box .save input[type="checkbox"]:checked + label:before { color: #fff; content: "\2714"; text-align: center; }
.login_Box .finder { float: right; cursor: pointer }
.login_Box .finder a { text-decoration: none; color: #777; font-size: 15px }
.login_Box .finder span { display: inline-block; width: 1px; height: 15px; background-color: #e8e8e8; margin: 0 10px 3px 10px; vertical-align: middle }
.join_Banner { text-align: center; margin: 50px 0 }

/*아이디 및 패스워드 찾기*/
.idfind_Wrap { padding: 100px 0 110px; margin: 0 auto; width: 100%; background-color: #fafafa }
.idfind_Topspace { text-align: center; }
.idfind_Topspace .top1 { font-size: 32px; font-weight: 700; color: #242424 }
.idfind_Topspace .top2 { font-size: 16px; margin-top: 4px; color: #666; letter-spacing: -0.5px }

/*아이디 및 패스워드 찾기 결과 */
.idinfo_Wrap { padding: 50px 0; margin: 0 auto; width: 100%; background-color: #fafafa }
.idfind_Info { width: 640px; margin: 50px auto 20px; overflow: hidden }
.idfind_Info .cont { background: url(/img/2018/Sixmenu_lm2_bg.png); width: 638px; height: 150px; padding-top: 50px; border: 1px solid #e8e8e8 }
.idfind_Info .text { display: block; margin: 0 auto; font-size: 16px; line-height: 27px; color: #444; text-align: center }
.idfind_Info .text strong { color: #000 }
.idfind_Info .jBtn { margin: 20px 0 50px; float: left; }
.idfind_Info .jBtn a { display: inline-block; width: 310px; height: 80px; line-height: 80px; background-color: #676767; text-align: center; color: #fff; font-size: 21px; transition: 0.5s }
.idfind_Info .jBtn a:hover { background-color: #444; transition: 0.5s }
.idfind_Info .cBtn { margin: 20px 0 70px; float: right; }
.idfind_Info .cBtn a { display: inline-block; width: 310px; height: 80px; line-height: 80px; background-color: #ffd123; text-align: center; color: #fff; font-size: 21px; transition: 0.5s }
.idfind_Info .cBtn a:hover { background-color: #ff0030; transition: 0.5s }

/*회원가입*/
.join_Wrap { padding: 100px 0; margin: 0 auto; width: 100%; background-color: #fafafa }
.join_Topspace { text-align: center; }
.join_Topspace .top1 { font-size: 32px; font-weight: 700; color: #242424 }
.join_Topspace .top2 { font-size: 16px; margin-top: 4px; color: #666; letter-spacing: -0.5px }
.iptNclause { width: 480px; margin: 50px auto 20px }
.iptNclause .idNpw { width: 478px; border: 1px solid #e8e8e8; position: relative; }
.iptNclause .idNpw input { height: 58px; border: none; background-color: #fff; text-indent: 15px; font-size: 15px; outline-style: none }
.iptNclause .idNpw .id { width: 100%; box-sizing: border-box; vertical-align: middle }
.iptNclause .idNpw .pw1 { width: 50%; border-right: 1px solid #eee; border-top: 1px solid #eee; border-bottom: 1px solid #eee; box-sizing: border-box; vertical-align: middle }
.iptNclause .idNpw .pw2 { width: 50%; border-top: 1px solid #eee; border-bottom: 1px solid #eee; box-sizing: border-box; vertical-align: middle }
.iptNclause .idNpw .error_Ment { display: block; position: absolute; top: 19px; right: 21px; color: #ff0030; font-size: 13px; font-weight: bold }
.iptNclause .phoneBox { width: 478px; border: 1px solid #e8e8e8; margin-top: 20px }
.iptNclause .phoneBox input { height: 58px; border: none; background-color: #fff; text-indent: 15px; font-size: 15px; outline-style: none }
.iptNclause .phoneBox p { position: relative; }
.iptNclause .phoneBox p > a { position: absolute; top: 9px; right: 10px; display: inline-block; border: 1px solid #e8e8e8; background-color: #fafafa; width: 80px; padding: 8px 0; text-align: center; font-size: 15px; color: #777 }
.iptNclause .phoneBox .phone1 { width: 90px; border-right: 1px solid #eee; border-bottom: 1px solid #eee; box-sizing: border-box; vertical-align: middle }
.iptNclause .phoneBox .phone2 { width: 388px; border-bottom: 1px solid #eee; box-sizing: border-box; vertical-align: middle }
.iptNclause .phoneBox .confirm { width: 100%; box-sizing: border-box; vertical-align: middle }
.iptNclause .phoneBox .error_Ment { display: block; position: absolute; top: 19px; right: 110px; color: #ff0030; font-size: 13px; font-weight: bold }
.iptNclause .clauseBox { width: 478px; border: 1px solid #e8e8e8; margin-top: 20px; overflow: hidden }
.iptNclause .clauseBox .bothT { float: left; width: 50%; box-sizing: border-box; background-color: #fff }
.iptNclause .clauseBox .indvisual_agree { border-left: 1px solid #e8e8e8 }
.iptNclause label { display: inline-block; width: calc(100% - 15px); height: 60px; line-height: 60px; cursor: pointer; vertical-align: middle; color: #777; font-size: 15px; position: relative; padding-left: 15px }
.iptNclause label strong { color: #ff0030 }
.iptNclause input[type="checkbox"] { display: none; }
.iptNclause input[type="checkbox"] + label:before { position: absolute; top: 15px; right: 10px; background: #fafafa; content: "\00a0"; display: inline-block; font: 23px/1em malgun gothic; height: 26px; padding-top: 2px; width: 28px; margin: 0 3px 3px 0; vertical-align: middle; border: 1px solid #e8e8e8 }
.iptNclause input[type="checkbox"]:checked + label:before { color: #777; content: "\2714"; text-align: center; }
.iptNclause .clauseBox .agree_text { height: 80px; overflow: auto; padding: 10px; border: none; color: #929292; background-color: #f2f2f2; font-size: 11px }
.iptNclause .clauseBox .agree_text h4,
.iptNclause .clauseBox .agree_text h5 { padding: 10px 0; font-size: 13px; font-weight: bold }
.iptNclause .smsAgree { width: 478px; border: 1px solid #e8e8e8; background-color: #fff; margin-top: 20px; overflow: hidden }
.iptNclause .jBtn { margin: 20px 0 50px }
.iptNclause .jBtn a { display: inline-block; width: 478px; height: 80px; line-height: 80px; background-color: #ffd123; text-align: center; color: #fff; font-size: 21px; transition: 0.5s }
.iptNclause .jBtn a:hover { background-color: #ff0030; transition: 0.5s }

/*회원가입 완료*/
.join_Complete { padding: 50px 0; margin: 0 auto; width: 100%; background-color: #fafafa; background: url('/img/2018/join_complet_02.png')no-repeat center top; padding-top: 1000px; position: relative; }
.jc_Topspace { text-align: center; }
.jc_Topspace > p { position: absolute; top: 70px; left: 50%; transform: translateX(-50%) }
.jc_Topspace .top1 { font-size: 60px; font-weight: lighter; color: #666; }
.jc_Topspace .top2 { font-size: 18px; margin-top: 100px; color: #666; letter-spacing: -0.5px }
.our_Merit { width: 640px; margin: 50px auto 20px; overflow: hidden; text-align: center; }
.our_Merit img { margin-right: 20px; vertical-align: middle; height: 25px; margin-bottom: 4px; margin-left: 10px; }
.our_Merit .imgl a { margin-right: 0px }
.our_Merit .jBtn { margin: 65px 0 50px; position: absolute; top: 700px; left: 50%; transform: translateX(-50%); }
.our_Merit .jBtn a { display: inline-block; width: 480px; height: 80px; line-height: 80px; background-color: #676767; text-align: center; color: #fff; font-size: 21px; transition: 0.5s; }
.our_Merit .jBtn a:hover { background-color: #ff0030; transition: 0.5s }
.our_Merit .cBtn { margin: 65px 0 50px; float: right; }
.our_Merit .cBtn a { display: inline-block; width: 310px; height: 80px; line-height: 80px; background-color: #676767; text-align: center; color: #fff; font-size: 21px; transition: 0.5s }
.our_Merit .cBtn a:hover { background-color: #ff0030; transition: 0.5s }

/*출석체크*/
.attend_Web { min-width: 1200px; background: #43c2be }
body.scr .attend_Web { margin-top: 110px; }
.attend_Web .aw_Top { min-width: 1200px; height: 722px; background-image: url('/img/2018/attend_topbg.png'); background-position: center center; background-repeat: no-repeat; }
.attend_Web .aw_Mid { letter-spacing: -0.8px; width: 900px; margin: 0 auto }
.attend_Web .aw_Mid .month_title { width: 320px; background-color: #164956; height: 80px; line-height: 80px; border-radius: 40px; text-align: center; color: #fff; font-size: 34px; margin: 0 auto 20px; letter-spacing: -0.5px; font-weight: 500 }
.attend_Web .aw_Mid .daily { padding: 10px 10px 0; overflow: hidden }
.attend_Web .aw_Mid .daily li { position: relative; margin-right: 10px; float: left; width: calc(20% - 8px); box-shadow: 0 0 4px #38b5b1; margin-bottom: 10px; text-align: center }
.attend_Web .aw_Mid .daily li:nth-child(5n) { margin-right: 0px; }
.attend_Web .aw_Mid li a.opa { opacity: 0.4 }
.attend_Web .aw_Mid li a.comp .stamp { display: block }
.attend_Web .aw_Mid li a { display: inline-block; background-color: #fff; text-align: center; width: 100% }
.attend_Web .aw_Mid li a .day { background-color: #128784; color: #fff; font-size: 18px; padding: 8px 0 }
.attend_Web .aw_Mid li a .star { padding: 19px 0 14px }
.attend_Web .aw_Mid li a .star img { width: 60px; vertical-align: middle }
.attend_Web .aw_Mid li a .num { padding-bottom: 15px; font-size: 22px; font-weight: bold; color: #164956 }
.attend_Web .aw_Mid li a .stamp { display: none; position: absolute; top: 62px; left: 50%; margin-left: -50px; opacity: 0.6 }
.attend_Web .aw_Mid li a .stamp.effect { animation-name: tadastamp; animation-duration: 1.6s; animation-delay: 1.5s; animation-iteration-count: infinite; opacity: 0 }
.attend_Web .aw_Mid li a .stamp img { width: 100px }
.attend_Web .aw_Mid .accrue { padding: 10px 5px; overflow: hidden; width: 680px; margin: 0 auto }
.attend_Web .aw_Mid .accrue li { position: relative; margin-right: 10px; float: left; width: 220px; box-shadow: 0 0 4px #38b5b1; text-align: center }
.attend_Web .aw_Mid .accrue li:last-child { margin-right: 0px; }
.attend_Web .aw_Mid .accrue li a { display: inline-block; background-color: #fff; text-align: center; width: 100% }
.attend_Web .aw_Mid .accrue li a .day { background: #164956; padding: 15px 0; font-size: 22px }
.attend_Web .aw_Mid .accrue li a .stamp { top: 84px }
.attend_Web .aw_Mid .mm { text-align: center; font-size: 16px; color: #fff; }
.attend_Web .aw_Bot { padding: 30px 10px 0; width: 1000px; margin: 0 auto }
.attend_Web .aw_Bot .titlepart { width: 100%; margin-top: 15px; text-align: center; overflow: hidden }
.attend_Web .aw_Bot .titlepart .left { width: 60%; background: #fff; float: left; padding: 15px 0; font-size: 22px; border-top-right-radius: 7px; border-top-left-radius: 7px }
.attend_Web .aw_Bot .titlepart .left p { font-size: 18px; color: #777 }
.attend_Web .aw_Bot .titlepart .left span { color: #ff0300; font-weight: bold; font-size: 24px; color: #164956 }
.attend_Web .aw_Bot .titlepart .right { width: 40%; float: right; font-size: 15px }
.attend_Web .aw_Bot .titlepart .right .wr { width: 92%; background: #fff; margin-left: 4%; padding: 10px 0; margin-top: 10px; color: #777; border-radius: 7px }
.attend_Web .aw_Bot .titlepart .right span { font-weight: bold; color: #128784 }
.attend_Web .aw_Bot .titlepart .right p { color: #777; font-size: 16px }
.attend_Web .aw_Bot .memberpart { background: #fff; overflow: hidden; border-top-right-radius: 7px }
.attend_Web .aw_Bot .memberpart li { position: relative; float: left; width: 12.5%; height: 50px; text-align: center; padding: 27px 0 23px }
.attend_Web .aw_Bot .memberpart li .memberImg { width: 40px; border-radius: 20px; }
.attend_Web .aw_Bot .memberpart li .nick { display: block; font-size: 14px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; width: 100%; color: #128784 }
.attend_Web .aw_Bot .memberpart .vip_Mark { position: absolute; top: 20px; left: 50%; margin-left: -2px; }
.attend_Web .aw_Bot .memberpart .vip_Mark img { width: 28px }
.attend_Web .aw_Bot .memberpart li.load { text-align: center; width: 100%; padding: 20px 0 10px; }
.attend_Web .aw_Bot .memberpart li.load img { width: 30px; vertical-align: middle }

@keyframes tadastamp {
    0% { transform: scale3d(1, 1, 1); opacity: 0.6 }
    5%,10% { transform: scale3d(0.8, 0.8, 0.8) rotate3d(0, 0, 1, -3deg); }
    15%,25%,35%,45% { transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); }
    20%,30%,40% { transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); }
    100% { transform: scale3d(1, 1, 1); opacity: 0.6 }
}

/*이용후기*/
.post_Script { min-width: 1000px; position: relative; padding-top: 40px; }
.post_Script .web_Cont { width: 1000px; margin: 0 auto; position: relative }
.post_Script .web_Cont .top_Func { margin-top: 20px; width: 1000px; overflow: hidden; font-size: 20px; color: #444 }
.post_Script .web_Cont .top_Func .tf_Number { width: 410px; float: left; background-color: #fff; border: 1px solid #d7d7d7; color: #525252; height: 60px; line-height: 60px; text-align: center; margin-right: 20px; font-weight: bold; border-radius: 2px; }
.post_Script .web_Cont .top_Func .tf_Number span { font-family: SpoqaHanSans; font-weight: bold; color: #f57620; }
.post_Script .web_Cont .top_Func .tf_Bestch { display: inline-block; float: left; width: 372px; background-color: #fff; height: 60px; line-height: 60px; cursor: pointer; vertical-align: middle; position: relative; border: 1px solid #d7d7d7; color: #525252; font-weight: bold; margin-right: 20px; text-align: center; border-radius: 2px; }
.post_Script .web_Cont .top_Func .tf_Bestch span { color: #f57620; font-weight: bold }
.post_Script .web_Cont .top_Func input[type="checkbox"] { display: none; }
.post_Script .web_Cont .top_Func input[type="checkbox"] + label:before { position: absolute; top: 15px; right: 65px; background: #fafafa; content: "\00a0"; display: inline-block; font: 23px/1em malgun gothic; height: 26px; padding-top: 2px; width: 28px; margin: 0 3px 3px 0; vertical-align: middle; border: 1px solid #e8e8e8 }
.post_Script .web_Cont .top_Func input[type="checkbox"]:checked + label:before { color: #777; content: "\2714"; text-align: center; }
.post_Script .web_Cont .top_Func .tf_Write { display: inline-block; width: 174px; height: 62px; line-height: 62px; float: left; background-color: #f57620; color: #fff; border-radius: 2px; text-align: center; }
.post_Script .web_Cont .top_Func .tf_Write img { vertical-align: middle; margin: 0 8px 4px 0 }
.post_Script .web_Cont .ps_List { overflow: hidden; width: 1000px; box-sizing: border-box; margin-top: 20px; }
.post_Script .web_Cont .ps_List.any { display: grid; grid-template-columns: repeat(2, calc(50% - 10px)); grid-gap: 20px; }
.post_Script .web_Cont .ps_List.IE { }
.post_Script .web_Cont .ps_List.IE li { float: left; width: calc(50% - 10px); margin-bottom: 20px; }
.post_Script .web_Cont .ps_List.IE li:nth-child(odd) { margin-right: 20px; }
.post_Script .web_Cont .ps_List.ul_left { }
.post_Script .web_Cont .ps_List.ul_right { margin-left: 20px; }
.post_Script .web_Cont .ps_List li { border: 1px solid #d7d7d7; overflow: hidden; position: relative; box-sizing: border-box; border-radius: 2px; }
.post_Script .web_Cont .ps_List .ps_Profile { float: left; width: 130px; text-align: center; padding: 20px 0; }
.post_Script .web_Cont .ps_List .ps_Profile .thumb { width: 130px; height: 70px; margin-bottom: 5px; margin-top: 10px; text-align: center; }
.post_Script .web_Cont .ps_List .ps_Profile .thumb img { border-radius: 50px; width: 60px; }
.post_Script .web_Cont .ps_List .ps_Profile p { margin: 0 auto; }
.post_Script .web_Cont .ps_List .ps_Profile .nick { font-size: 14px; color: #444 }
.post_Script .web_Cont .ps_List .ps_Profile .nm { vertical-align: middle; color: #b9b9b9; font-size: 13px }
.post_Script .web_Cont .ps_List .ps_Profile .bar { display: inline-block; vertical-align: middle; width: 1px; height: 11px; background: #e2e2e2; margin: 0 7px 0 4px }
.post_Script .web_Cont .ps_List .ps_Profile .grade { text-align: center; font-size: 0; }
.post_Script .web_Cont .ps_List .ps_Profile .grade .fill { color: #f37333; vertical-align: middle; margin-bottom: 1px; font-size: 16px; }
.post_Script .web_Cont .ps_List .ps_Profile .grade .nofill { color: #ddd; vertical-align: middle; margin-bottom: 1px; font-size: 16px; }
.post_Script .web_Cont .ps_List .ps_Profile .num { vertical-align: middle; font-size: 14px; font-weight: bold; color: #f37333; margin-left: 5px; }
.post_Script .web_Cont .ps_List .ps_Profile .phone { font-size: 12px; color: #999; margin-top: 3px }
.post_Script .web_Cont .ps_List .ps_Profile .phone img { vertical-align: middle; margin: 0 4px 3px 0; width: 9px }
.post_Script .web_Cont .ps_List .bar { overflow: hidden; position: absolute; top: 0; left: 130px; width: 1px; height: 100%; background: #d7d7d7; background-repeat: repeat-y }
.post_Script .web_Cont .ps_List .ps_Content { float: left; width: calc(100% - 130px); box-sizing: border-box; text-overflow: ellipsis; overflow: hidden;  }
.post_Script .web_Cont .ps_List .ps_Content .contpart_Top { overflow: hidden; border-bottom: 1px solid #d7d7d7; padding: 10px 20px; letter-spacing: -0.4px }
.post_Script .web_Cont .ps_List .ps_Content .contpart_Top span { vertical-align: top; }
.post_Script .web_Cont .ps_List .ps_Content .contpart_Top .best { }
.post_Script .web_Cont .ps_List .ps_Content .contpart_Top .best img { vertical-align: top; }
.post_Script .web_Cont .ps_List .ps_Content .contpart_Top .ttl { font-size: 17px }
.post_Script .web_Cont .ps_List .ps_Content .contpart_Top .date { float: right; margin-top: 5px; font-weight: normal; color: #999; font-size: 15px }
.post_Script .web_Cont .ps_List .ps_Content .contpart_Bot { padding: 10px 20px; font-size: 15px; color: #777; letter-spacing: -0.4px }
.post_Script .web_Cont .ps_List .ps_Content .pic { width: 300px; margin: 20px auto 0; overflow: hidden; text-align: center; max-height: 400px; overflow-y: hidden; position: relative; cursor: pointer; }
.post_Script .web_Cont .ps_List .ps_Content .pic img { width: 100%; vertical-align: middle; }
.post_Script .web_Cont .ps_List .ps_Content .pic .plus { background: rgba(0,0,0, 0.7); width: 100%; height: 100%; display: block; }
.post_Script .web_Cont .ps_List .ps_Content .pic .plus_icon { position: absolute; top: 10px; right: 10px; z-index: 999; width: 30px; }
.post_Script .ps_Write_pop { display: none; position: fixed; top: 20%; left: 50%; margin-left: -300px; width: 600px; background-color: #fff; z-index: 2001 }
.post_Script .ps_Write_pop .pw_Top { text-align: center; width: 100%; padding: 10px 0; height: 35px; color: #fff; background-color: #f57620; font-size: 21px; position: relative; }
.post_Script .ps_Write_pop .pw_Top img { vertical-align: middle; margin: 0 4px 3px 0 }
.post_Script .ps_Write_pop .pw_Top .pop_Close { position: absolute; right: -50px; cursor: pointer }
.post_Script .ps_Write_pop .pw_Content input { border: none; width: 600px; height: 60px; font-size: 15px; text-indent: 20px; border-bottom: 1px solid #e8e8e8; color: #888; outline-style: none; letter-spacing: -0.4px }
.post_Script .ps_Write_pop .pw_Content textarea { border: none; width: 560px; height: 200px; padding: 20px; color: #888; font-size: 15px; resize: none; outline-style: none; letter-spacing: -0.4px }
.post_Script .ps_Write_pop .pw_Content .ttl_grade { height: 60px; line-height: 60px; border-bottom: 1px solid #e8e8e8; overflow: hidden; }
.post_Script .ps_Write_pop .pw_Content .ttl_grade .star_grade { float: left; overflow: hidden; margin-left: 20px; cursor: pointer; }
.post_Script .ps_Write_pop .pw_Content .ttl_grade .star_grade .star { float: left; font-size: 21px; color: #ccc; }
.post_Script .ps_Write_pop .pw_Content .ttl_grade .star_grade[count='1'] .star:nth-child(-n + 2) { color: #ffa800; }
.post_Script .ps_Write_pop .pw_Content .ttl_grade .star_grade[count='1'] .star:nth-child(n + 2) { color: #ccc; }
.post_Script .ps_Write_pop .pw_Content .ttl_grade .star_grade[count='2'] .star:nth-child(-n + 3) { color: #ffa800; }
.post_Script .ps_Write_pop .pw_Content .ttl_grade .star_grade[count='2'] .star:nth-child(n + 3) { color: #ccc; }
.post_Script .ps_Write_pop .pw_Content .ttl_grade .star_grade[count='3'] .star:nth-child(-n + 4) { color: #ffa800; }
.post_Script .ps_Write_pop .pw_Content .ttl_grade .star_grade[count='3'] .star:nth-child(n + 4) { color: #ccc; }
.post_Script .ps_Write_pop .pw_Content .ttl_grade .star_grade[count='4'] .star:nth-child(-n + 5) { color: #ffa800; }
.post_Script .ps_Write_pop .pw_Content .ttl_grade .star_grade[count='4'] .star:nth-child(n + 5) { color: #ccc; }
.post_Script .ps_Write_pop .pw_Content .ttl_grade .star_grade[count='5'] .star:nth-child(-n + 6) { color: #ffa800; }
.post_Script .ps_Write_pop .pw_Content .ttl_grade .star_grade[count='5'] .star:nth-child(n + 6) { color: #ccc; }
.post_Script .ps_Write_pop .pw_Content .ttl_grade .ttl_star_grade { float: right; height: 60px; line-height: 60px; margin-right: 20px; font-size: 16px; }
.post_Script .ps_Write_pop .pw_Content .ttl_grade .ttl_star_grade span { float: left; color: #777; }
.post_Script .ps_Write_pop .pw_Content .ttl_grade .ttl_star_grade .score { color: #ff0030; margin-left: 5px; font-weight: bold; }
.post_Script .ps_Write_pop .pw_Content .event_info { font-size: 13px; color: #777; vertical-align: top; display: inline-block; margin-left: 20px;  }
.post_Script .ps_Write_pop .pw_Content .more_info { font-size: 13px; color: #a8a8a8; font-weight: lighter; border-left: 1px solid #eee; padding-left: 10px; margin-left: 10px; transition: 0.3s; }
.post_Script .ps_Write_pop .pw_Content .more_info:hover { color: #ff0030; transition: 0.3s; }
.post_Script .ps_Write_pop .pw_Content .btn { float: right; max-width: 180px; height: 30px; margin: 0px 20px 0 20px; text-align: center; text-indent: 0; color: #777; font-weight: bold; cursor: pointer; border: 1px solid #aaa; background: none; font-size: 13px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; vertical-align: top; }
.post_Script .ps_Write_pop .comp_Btn { display: inline-block; border: 1px solid #e8e8e8; width: 558px; height: 50px; line-height: 50px; text-align: center; margin: 20px; color: #777; font-size: 17px; transition: 0.2s }
.post_Script .ps_Write_pop .comp_Btn:hover { background-color: #e8e8e8 }

/*공개방송 리스트*/
.broadcast_list { min-width: 1000px; background-color: #fff }
.broadcast_list .web_Cont { margin: 0 auto; width: 1000px; overflow: hidden; border-bottom: 1px solid #e8e8e8; padding-bottom: 20px; }
.broadcast_list .web_Cont:last-child { border-bottom: none; }
.broadcast_list .broad_cont_list { width: 1000px; margin: 0 auto; overflow: hidden; padding-top: 40px; }
.broadcast_list .open_btn { display: inline-block; float: right; }
.broadcast_list .open_btn a { vertical-align: top; }
.broadcast_list li { float: left; margin-right: 8px; width: 192px; height: 216px; margin-bottom: 30px; }
.broadcast_list li .pt_thumbnail { position: relative; }
.broadcast_list li .pt_thumbnail img.thumb { width: 192px; height: 108px; }
.broadcast_list li .pt_thumbnail img.mark { position: absolute; top: 0px; left: 0px; width: 40px; }
.broadcast_list li .pt_thumbnail img.play_btn { display: none; position: absolute; top: 35px; left: 76px; width: 40px; }
.broadcast_list li a:hover .pt_thumbnail img.play_btn { display: block; position: absolute; top: 35px; left: 76px; width: 40px; }
.broadcast_list li .pt_thumbnail .star { position: absolute; top: 6px; left: 6px; padding: 3px 10px; background: rgba(0,0,0,0.7); border-radius: 3px; }
.broadcast_list li .pt_thumbnail .star img { width: 15px; vertical-align: middle; margin-bottom: 1px; }
.broadcast_list li .pt_thumbnail .free { position: absolute; top: 6px; left: 6px; padding: 3px 10px; background: rgba(0,0,0,0.7); color: #fff; border-radius: 3px; }
.broadcast_list li .pt_thumbnail .star span { vertical-align: middle; font: bold 13px tahoma; color: #fff; }
.broadcast_list li .pt_thumbnail .playtime { position: absolute; bottom: 10px; right: 5px; }
.broadcast_list li .pt_thumbnail .playtime span { background-color: #000; border-radius: 3px; color: #fff; text-align: center; padding: 1px 5px 3px 3px; font-size: 12px; opacity: 0.8 }
.broadcast_list li .pt_text { position: relative; font: 14px tahoma; width: 180px; }
.broadcast_list li .pt_text h4 { display: block; margin: 6px 0px 2px 0px; white-space: normal; overflow: hidden; text-overflow: ellipsis; word-break: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.broadcast_list li .pt_text h5 { display: block; margin: 3px 0px 5px 0px; height: 20px; }
.broadcast_list li .pt_text p { font: 12px tahoma; color: #999; position: relative; }
.broadcast_list li .pt_text p .reaple { position: absolute; left: 0; }
.broadcast_list li .pt_text p .count { margin-left: 5px; margin-right: 5px; }
.broadcast_list li .pt_text p .date { position: absolute; right: 10px; }

/* 매매인증 리스트 */
.trade_Diary { width: 1000px; padding: 40px 0; position: relative; margin: 0 auto; }
.trade_Diary .web_Cont { width: 100%; position: relative }
.trade_Diary .web_Cont .write_btn { float: right; margin-top:15px; }
.trade_Diary .web_Cont .write_btn .totalNumber { margin-right:15px; }
.trade_Diary .web_Cont .write_btn .totalNumber span { color:red; font-weight:bold; }
.trade_Diary .web_Cont .write_btn .btn_style1 { display: inline-block; width: 130px; height: 30px; line-height: 30px; font-size: 14px; font-weight: bold; color: #f57620 !important; border: 1px solid #f57620; border-radius: 2px; text-align: center; }
.trade_Diary .web_Cont .write_btn .btn_style1:hover { color:#fff !important; } 
.trade_Diary .web_Cont .brdStockList { width: 1010px; margin-left: -5px; }
/* .trade_Diary .web_Cont .brdStockList .img_Wrap { background-color: #e3e5e8; cursor: pointer; border: 10px solid #7a91be; border-radius: 4px; } */
.trade_Diary .web_Cont .brdStockList .img_Wrap { background-color: #f3f6f8; cursor: pointer; border: 1px dashed #f37333; border-radius: 4px; padding:10px; }
.trade_Diary .web_Cont .brdStockList .img_Wrap .img_Part { max-height: 480px; overflow: hidden; }
.trade_Diary .web_Cont .brdStockList .img_Wrap .img_Part table { width: 100%; height: 100%; }
.trade_Diary .web_Cont .brdStockList .img_Wrap .img_Part table tr td { text-align: center; width: 100%; }
.trade_Diary .web_Cont .brdStockList .img_Wrap .img_Part table tr td img { max-width: 100%; vertical-align: middle; }
.trade_Diary .web_Cont .brdStockList .img_Wrap .img_Part .ul_Date { display: inline-block; position: absolute; right: 5px; top: 5px; background-color: #525252; padding: 1px 3px; border-radius: 3px; opacity: 0.9; font-size: 13px; color: #fff; font-weight: lighter }
.trade_Diary .web_Cont .brdStockList .img_Wrap:hover .hover_Part { display: inline-block; }
.trade_Diary .web_Cont .brdStockList .img_Wrap .hover_Part { display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #000; opacity: 0.8; color: #fff; border-radius: 4px; }
.trade_Diary .web_Cont .brdStockList .img_Wrap .hover_Part .hp_Ttl { padding: 10px 15px 0; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.trade_Diary .web_Cont .brdStockList .img_Wrap .hover_Part .hp_Ttl img { margin-right: 4px; }
.trade_Diary .web_Cont .brdStockList .img_Wrap .hover_Part .hp_Ttl span { font-size: 14px }
.trade_Diary .web_Cont .brdStockList .img_Wrap .hover_Part .hp_Profdate { padding: 10px 15px 15px; border-bottom: 1px dashed #ccc; overflow: hidden; color: #fff }
.trade_Diary .web_Cont .brdStockList .img_Wrap .hover_Part .hp_Profdate .lp { display: inline-block; float: left; font-size: 12px; width: 105px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.trade_Diary .web_Cont .brdStockList .img_Wrap .hover_Part .hp_Profdate .lp img { width: 14px; border-radius: 7px; margin: 0 3px 2px 0 }
.trade_Diary .web_Cont .brdStockList .img_Wrap .hover_Part .hp_Profdate .lp .nick { display: inline-block; vertical-align: top; }
.trade_Diary .web_Cont .brdStockList .img_Wrap .hover_Part .hp_Profdate .rp { display: inline-block; float: right; width: 50px; font-size: 12px; text-align: left }
.trade_Diary .web_Cont .brdStockList .img_Wrap .hover_Part .hp_Ment { display: inline-block; padding: 10px; height: calc(100% - 110px); font-size: 13px; color: #fff; overflow: hidden; text-overflow: ellipsis; }
.trade_Diary .web_Cont .brdStockList .img_Wrap .hover_Part .hp_Ment .noment { color: #fff; }
.trade_Diary .web_Cont .brdStockList .img_Wrap .hover_Part .hp_Ment img { max-width: 100%; }

/* 고객센터 */
.cs_Center { min-width: 1000px; padding: 48px 0; }
.cs_Center .web_Cont { width: 1000px; margin: 0 auto; overflow: hidden }
.cs_Center .web_Cont .cs_Pnumber { width: 998px; border: 1px solid #e8e8e8; background: #fff; height: 150px; text-align: center; }
.cs_Center .web_Cont .cs_Pnumber .info { float: left; width: 280px; text-align: left; padding: 0 50px; margin-top: 25px; }
.cs_Center .web_Cont .cs_Pnumber .info p { font-size: 25px; color: #444; font-weight: bold }
.cs_Center .web_Cont .cs_Pnumber .info p span { color: #ff0030 }
.cs_Center .web_Cont .cs_Pnumber .info p img { vertical-align: middle; margin: 0 8px 4px 0 }
.cs_Center .web_Cont .cs_Pnumber .info a { display: inline-block; font-size: 16px; margin-top: 10px; color: #666; }
.cs_Center .web_Cont .cs_Pnumber .number { float: left; width: 290px }
.cs_Center .web_Cont .cs_Pnumber .number span { display: inline-block; margin: 38px 0 -5px; font-weight: normal; font-size: 19px; color: #ff0030 }
.cs_Center .web_Cont .cs_Pnumber .number p { font-family: SpoqaHanSans; color: #444; font-size: 31px; font-weight: bold; letter-spacing: -1px }
.cs_Center .web_Cont .cs_Popmenu { margin-top: 20px; text-align: center; overflow: hidden }
.cs_Center .web_Cont .cs_Popmenu .imgwrap { text-align: center; margin: 20px 0 15px }
.cs_Center .web_Cont .cs_Popmenu .imgwrap span img { vertical-align: middle; margin-top: 15px; width: 100px }
.cs_Center .web_Cont .cs_Popmenu .cp_ttl { font-size: 25px; text-align: center; font-weight: bold; color: #444 }
.cs_Center .web_Cont .cs_Popmenu .quest { float: left; width: 285px; border: 1px solid #e8e8e8; background: #fff; margin-right: 20px }
.cs_Center .web_Cont .cs_Popmenu .quest:last-child { margin-right: 0px; width: 384px }
.cs_Center .web_Cont .cs_Popmenu p { color: #999; font-size: 14px; margin-top: 2px }
.cs_Center .web_Cont .cs_Popmenu a { display: inline-block; margin: 15px 0 30px; background-color: #ff0030; font-size: 19px; color: #fff; padding: 5px 10px; border-radius: 5px }
.cs_Center .web_Cont .cs_Popmenu a.bl { background-color: #444 }
.cs_Center .web_Cont .cs_htsNbrowse { width: 998px; border: 1px solid #e8e8e8; background: #fff; height: 250px; text-align: center; margin-top: 20px }
.cs_Center .web_Cont .cs_htsNbrowse.bot li { margin-top: 50px }
.cs_Center .web_Cont .cs_htsNbrowse .left_Ttl { float: left; font-size: 25px; text-align: left; font-weight: bold; color: #444; padding: 85px 15px 85px 75px; width: 310px }
.cs_Center .web_Cont .cs_htsNbrowse .left_Ttl p { color: #999; font-size: 14px; margin-top: 2px; font-weight: normal }
.cs_Center .web_Cont .cs_htsNbrowse li { float: left; text-align: center; margin: 65px 20px 0 0; width: 120px; position: relative }
.cs_Center .web_Cont .cs_htsNbrowse li:last-child { margin-right: 0px }
.cs_Center .web_Cont .cs_htsNbrowse li p { font-size: 17px; color: #777; margin: 7px 0 }
.cs_Center .web_Cont .cs_htsNbrowse li span { display: inline-block; color: #999; font-size: 13px; border: 1px solid #e8e8e8; padding: 3px 6px; }
.cs_Center .web_Cont .cs_htsNbrowse li span img { margin-left: 8px }
.cs_Center .web_Cont .cs_htsNbrowse li .partner { position: absolute; top: -7px; left: 40px; display: inline-block; background-color: #ff0030; color: #fff; font-size: 11px; padding: 2px 4px; border-radius: 3px }
.anyquest_Popup { display: none; position: fixed; top: 15%; left: 50%; margin-left: -250px; width: 640px; height: 600px; background-color: #fff; z-index: 2100 }
.anyquest_Popup .ap_Top { text-align: center; width: 100%; color: #fff; font-size: 21px }
.anyquest_Popup .ap_Top span { display: inline-block; width: 50%; height: 60px; line-height: 60px; cursor: pointer; background-color: #e8e8e8; color: #b9b9b9 }
.anyquest_Popup .ap_Top span.sel { background-color: #ff0030; color: #fff; }
.anyquest_Popup .ap_Top .pop_Close { position: absolute; right: -50px; top: 12px; cursor: pointer }
.anyquest_Popup .ap_Content { border-top: 2px solid #c8c8c8; overflow-y: auto }
.anyquest_Popup .ap_Content.bg { background: url(/img/2018/letter_spacefill.png); height: 538px }
.anyquest_Popup .ap_Content .title_Ipt input { width: 100%; height: 60px; text-indent: 15px; border: none; border-bottom: 1px solid #e8e8e8; outline-style: none; font-size: 16px; }
.anyquest_Popup .ap_Content .cont_Ipt textarea { width: calc(100% - 30px); height: 318px; padding: 15px; border: none; resize: none; outline-style: none; font-family: 'Noto Sans KR'; font-size: 16px; color: #777 }
.anyquest_Popup .ap_Content .sms_Agree { margin: 5px 0 0 15px; }
.anyquest_Popup .ap_Content .sms_Agree input[type="checkbox"] { display: none; }
.anyquest_Popup .ap_Content .sms_Agree label { cursor: pointer; vertical-align: middle; color: #777; font-size: 13px; }
.anyquest_Popup .ap_Content .sms_Agree input[type="checkbox"] + label:before { border-radius: 4px; background: #b4b6bc; content: "\00a0"; display: inline-block; font: 12px/1em malgun gothic; height: 15px; padding-top: 3px; width: 18px; margin: 0 7px 3px 0; vertical-align: middle }
.anyquest_Popup .ap_Content .sms_Agree input[type="checkbox"]:checked + label:before { color: #fff; content: "\2714"; text-align: center; }
.anyquest_Popup .ap_Content .send_Btn { display: inline-block; width: 610px; height: 60px; line-height: 60px; border: 1px solid #b9b9b9; text-align: center; margin: 10px 0 0 15px; color: #777; font-size: 17px; transition: 0.3s }
.anyquest_Popup .ap_Content .send_Btn:hover { background-color: #ff0030; color: #fff; border: 1px solid #ff0030 }
.anyquest_Popup .ap_Content .no_Listment { display: block; text-align: center; font-size: 21px; margin-top: 180px }
.anyquest_Popup .ap_Content li { border-bottom: 1px solid #e8e8e8; }
.anyquest_Popup .ap_Content .title_Part { padding: 15px 20px; background: #f8f8f8; cursor: pointer; position: relative; overflow: hidden }
.anyquest_Popup .ap_Content .title_Part span { float: left; display: inline-block; }
.anyquest_Popup .ap_Content .title_Part .re_Comp { color: #fff; background-color: #ff0030; font-size: 13px; font-weight: bold; padding: 2px 4px; border-radius: 3px; margin-right: 5px }
.anyquest_Popup .ap_Content .title_Part .re_Not { background-color: #e8e8e8; color: #aaa; font-size: 13px; padding: 2px 4px; border-radius: 3px; margin-right: 5px }
.anyquest_Popup .ap_Content .title_Part .title { font-size: 15px; color: #444; }
.anyquest_Popup .ap_Content .title_Part .arrow_Img { position: absolute; right: 20px; }
.anyquest_Popup .ap_Content .title_Part .arrow_Img .upa { display: none; }
.anyquest_Popup .ap_Content .cont_Part { background-color: #fff; display: none; }
.anyquest_Popup .ap_Content .cont_Part .myQ { padding: 20px 20px 40px; }
.anyquest_Popup .ap_Content .cont_Part .gochA { border-top: 1px dashed #b9b9b9; padding: 40px 20px 20px; position: relative }
.anyquest_Popup .ap_Content .cont_Part .gochA .holdttl { display: inline-block; background-color: #b9b9b9; color: #fff; padding: 3px 6px; border-radius: 5px; position: absolute; top: -15px; left: 190px }
.anyquest_Popup .ap_Content li.sel .title_Part .arrow_Img .uda { display: none; }
.anyquest_Popup .ap_Content li.sel .title_Part .arrow_Img .upa { display: block; }
.anyquest_Popup .ap_Content li.sel .cont_Part { display: block; }
.faq_Popup { display: none; position: fixed; top: 15%; left: 50%; margin-left: -250px; width: 640px; height: 600px; background-color: #fff; z-index: 2100 }
.faq_Popup .fp_Top { text-align: center; width: 100%; color: #fff; font-size: 21px }
.faq_Popup .fp_Top span { display: inline-block; width: 100%; height: 60px; line-height: 60px; background-color: #777; color: #fff }
.faq_Popup .fp_Top .pop_Close { position: absolute; right: -50px; top: 12px; cursor: pointer }
.faq_Popup .fp_Content { border-top: 2px solid #c8c8c8; overflow-y: auto }
.faq_Popup .fp_Content.bg { background: url(/img/2018/letter_spacefill.png); height: 538px }
.faq_Popup .fp_Content li { border-bottom: 1px solid #e8e8e8; }
.faq_Popup .fp_Content .title_Part { padding: 15px 20px; background: #f8f8f8; cursor: pointer; position: relative; overflow: hidden }
.faq_Popup .fp_Content .title_Part span { float: left; display: inline-block; }
.faq_Popup .fp_Content .title_Part .title { font-size: 15px; color: #444; }
.faq_Popup .fp_Content .title_Part .arrow_Img { position: absolute; right: 20px; }
.faq_Popup .fp_Content .title_Part .arrow_Img .upa { display: none; }
.faq_Popup .fp_Content .cont_Part { background-color: #fff; padding: 20px; font-size: 14px; color: #777; display: none; }
.faq_Popup .fp_Content li.sel .title_Part .arrow_Img .uda { display: none; }
.faq_Popup .fp_Content li.sel .title_Part .arrow_Img .upa { display: inline-block; }
.faq_Popup .fp_Content li.sel .cont_Part { display: inline-block; }

/* 고객센터 - 원격지원 */
.help_wrap { padding: 48px 0; }
.help_wrap .remote_section01 { background: white; padding: 20px 0; }
.help_wrap .remote_section01 .remote_title { text-align: center; font-size: 27px; margin-bottom: 2px; }
.help_wrap .remote_section01 .remote_subtitle { text-align: center; font-size: 16px; color: #707070 }
.help_wrap .remote_section01 .remote_img01 { width: 1000px; height: 341px; display: block; margin: 0 auto; margin-top: 40px; margin-bottom: 30px; }
.help_wrap .remote_section02 { background: #FAFAFA; padding: 75px 0; }
.help_wrap .remote_section02 .step_title { text-align: center; font-size: 27px; }
.help_wrap .remote_section02 .step_title span { color: #8F0101; font-size: 27px; font-weight: bold; padding-right: 6px; }
.help_wrap .remote_section02 .download_button { display: block; margin: 0 auto; border: 1px solid #8F0101; background: white; border-radius: 50px; padding: 20px 60px; color: #8F0101; font-size: 18px; margin-top: 40px; font-weight: bold; cursor: pointer; }
.help_wrap .remote_section02 .download_button:hover { background: #8F0101; color: #fff; }
.help_wrap .remote_section02 .step1_info { width: 1088px; margin: 0 auto; }
.help_wrap .remote_section02 .step1_info .info_list:first-child { margin-top: 136px; }
.help_wrap .remote_section02 .step1_info .info_list p { margin-bottom: 22px; }
.help_wrap .remote_section02 .step1_info .info_list .remote_img02 { width: 1088px; height: 140px; display: block; margin: 0 auto; margin-bottom: 22px; }
.help_wrap .remote_section02 .step1_info .info_list .remote_img003 { width: 1088px; height: 656px; display: block; margin: 0 auto; }
.help_wrap .remote_section03 { padding: 75px 0; }
.help_wrap .remote_section03 .step_title { text-align: center; font-size: 27px; margin-bottom: 32px; }
.help_wrap .remote_section03 .step_title span { color: #8F0101; font-size: 27px; font-weight: bold; padding-right: 6px; }
.help_wrap .remote_section03 p { text-align: center; margin-top: 25px; font-size: 16px; }
.help_wrap .remote_section03 .remote_img04 { width: 381px; height: 605.69px; display: block; margin: 0 auto; }
.help_wrap .remote_section04 { padding: 75px 0; background: #FAFAFA; }
.help_wrap .remote_section04 .step_title { text-align: center; font-size: 27px; }
.help_wrap .remote_section04 .step_title span { color: #8F0101; font-size: 27px; font-weight: bold; padding-right: 6px; }
.help_wrap .remote_section04 .remote_img05 { width: 141px; height: 120px; display: block; margin: 0 auto; margin-top: 30px; }
.help_wrap .remote_section04 p { text-align: center; margin-top: 26px; font-size: 16px; }

/* 별상점 */
.star_store_wrap { padding-top: 40px; }
.star_store_wrap .sec1 { border-bottom: 1px solid #eee; }
.star_store_wrap .sec1 .category_select { width: 1000px; margin-left: auto; margin-right: auto; }
.star_store_wrap .sec1 .my_star_count { width: 998px; border: 1px solid #e6e6e6; text-align: center; height: 46px; line-height: 46px; margin: 0 auto 16px auto; border-radius: 2px; }
.star_store_wrap .sec1 .my_star_count label { display: inline-block; }
.star_store_wrap .sec1 .my_star_count label img { display: inline-block; vertical-align: top; width: 32px; height: 32px; margin-top: 7px; margin-left: 24px; margin-right: 8px; }
.star_store_wrap .sec1 .my_star_count label span { display: inline-block; vertical-align: top; font-size: 14px; font-weight: bold; }
.star_store_wrap .sec1 .store_list { width: 1000px; margin: 0 auto; margin-bottom: 32px; }
.star_store_wrap .sec1 .store_list ul { width: 100%; }
.star_store_wrap .sec1 .store_list ul li { width: 490px; height: 126px; border: 1px solid #e6e6e6; border-radius: 2px; float: left; margin-bottom: 16px; }
.star_store_wrap .sec1 .store_list ul li:nth-child(odd) { margin-right: 8px; }
.star_store_wrap .sec1 .store_list ul li:nth-child(even) { margin-left: 8px; }
.star_store_wrap .sec1 .store_list ul li .left { float: left; width: 213px; border-right: 1px solid #e6e6e6; text-align: center; height: 100%; }
.star_store_wrap .sec1 .store_list ul li .left img { height: 32px; vertical-align: top; margin-top: 47px; }
.star_store_wrap .sec1 .store_list ul li .right { float: left; width: 276px; margin-top: 37px; }
.star_store_wrap .sec1 .store_list ul li .right .price { float: left; width: calc(50% - 16px); margin-right: 12px; text-align: right; height: 52px; }
.star_store_wrap .sec1 .store_list ul li .right .price p:nth-child(1) { font-size: 14px; color: #575757; }
.star_store_wrap .sec1 .store_list ul li .right .price p:nth-child(1) span { font-size: 18px; font-weight: bold; color: #f57620; }
.star_store_wrap .sec1 .store_list ul li .right .price p:nth-child(2) { font-size: 21px; }
.star_store_wrap .sec1 .store_list ul li .right .buy { float: left; width: calc(50% - 16px); margin-left: 12px; }
.star_store_wrap .sec1 .store_list ul li .right .buy a { font-weight: normal; height: 40px; line-height: 40px; margin-top: 5px; }
.star_store_wrap .sec1 .item_list { width: 1000px; margin: 0 auto; margin-bottom: 48px; }
.star_store_wrap .sec1 .item_list table { width: 100%; height: 126px; border: 1px solid #e6e6e6; border-radius: 2px; margin-bottom: 16px; }
.star_store_wrap .sec1 .item_list table .image { width: 213px; height: 126px; border-right: 1px solid #e6e6e6; }
.star_store_wrap .sec1 .item_list table .image img { height: 100%; vertical-align: top; }
.star_store_wrap .sec1 .item_list table .image.img1 { text-align: center; background: #ff5959; }
.star_store_wrap .sec1 .item_list table .image.img2 { text-align: right; background: #ff5959; }
.star_store_wrap .sec1 .item_list table .image.img3 { text-align: center; background: #ffcf7c; }
.star_store_wrap .sec1 .item_list table .image.img4 { text-align: left; background: #ffcf7c; }
.star_store_wrap .sec1 .item_list table .image.img5 { font-size: 24px; color: #c4c4c4; text-align: center; }
.star_store_wrap .sec1 .item_list table .image.img5 img { width: 32px; height: 32px;  }
.star_store_wrap .sec1 .item_list table .image.img5 span { font-weight: bold; color: #000; }
.star_store_wrap .sec1 .item_list table .item_info { }
.star_store_wrap .sec1 .item_list table .item_info p { margin-left: 36px; }
.star_store_wrap .sec1 .item_list table .item_info p span { color: #f57620; }
.star_store_wrap .sec1 .item_list table .item_info p:nth-child(1) { font-size: 18px; font-weight: bold; color: #f57620; letter-spacing: -2.25px; margin-bottom: 4px; }
.star_store_wrap .sec1 .item_list table .item_info p:nth-child(2) { font-size: 14px; color: #575757; letter-spacing: -2.25px; }
.star_store_wrap .sec1 .item_list table .price { width: 110px; text-align: right; }
.star_store_wrap .sec1 .item_list table .price p { font-size: 14px; }
.star_store_wrap .sec1 .item_list table .price p span { font-size: 18px; }
.star_store_wrap .sec1 .item_list table .price p:nth-last-child(1) { color: #575757; }
.star_store_wrap .sec1 .item_list table .price p:nth-last-child(1) span { color: #f57620; }
.star_store_wrap .sec1 .item_list table .price p:nth-last-child(2) { color: #f00; text-decoration: line-through; }
.star_store_wrap .sec1 .item_list table .btn { width: 141px; text-align: center; }
.star_store_wrap .sec1 .item_list table .btn a { height: 40px; line-height: 40px; font-weight: normal; }
.star_store_wrap .sec2 { }
.star_store_wrap .sec2 .caution { width: 1000px; margin: 0 auto; padding: 12px 0 40px 0; }
.star_store_wrap .sec2 .caution h3 { font-size: 18px; font-weight: bold; margin-top: 24px; }
.star_store_wrap .sec2 .caution h4 { font-size: 16px; color: #888; margin-left: 16px; }
.star_store_wrap .sec2 .caution h4 a { color: #000; }
.star_store_wrap .rule_popup { position: fixed; width: 512px; padding: 24px 32px; box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.1); top: calc(50% - 176px); left: calc(50% - 288px); background: #fff; border-radius: 2px; display: none; z-index: 2000; }
.star_store_wrap .rule_popup .close { position: absolute; top: 24px; right: 32px; }
.star_store_wrap .rule_popup .close img { width: 24px; height: 24px; cursor: pointer; }
.star_store_wrap .rule_popup .title { font-size: 18px; font-weight: bold; color: #000; margin-bottom: 16px; }
.star_store_wrap .rule_popup .rule { border: 1px solid #d7d7d7; border-radius: 2px; padding: 8px; overflow: auto; height: 120px; margin-bottom: 40px; font-size: 12px; }
.star_store_wrap .rule_popup .rule h3 { margin-bottom: 8px; }
.star_store_wrap .rule_popup .rule ol li { margin-left: 4px; margin-bottom: 4px }
.star_store_wrap .rule_popup .agree { margin-bottom: 16px; color: #000; }
.star_store_wrap .rule_popup .agree label { }
.star_store_wrap .rule_popup .agree label input[type=checkbox] { width: 18px; height: 18px; vertical-align: top; }
.star_store_wrap .rule_popup .agree label span { display: inline-block; vertical-align: top; font-size: 16px; color: #000; margin-left: 8px; line-height: 1; margin-top: 1px; }
.star_store_wrap .rule_popup .btn { width: 100%; }
.star_store_wrap .rule_popup .btn a { display: block; width: 100%; height: 52px; line-height: 52px; background: #f57620; border-radius: 2px; color: #fff; font-size: 18px; font-weight: bold; text-align: center; }

/* 마이페이지 */
.w_Mypage { min-width: 1200px; margin: 0 auto; overflow: hidden; padding: 40px 0; }
.w_Mypage .category_select { width: 1200px; margin: 0 auto; }
.w_Mypage .mp_Cont { margin: 0 auto; width: 1200px; position: relative; margin-top: 20px; }
.w_Mypage .mp_Cont .my_prof { float: left; width: 326px; background-color: #fff; border: 1px solid #e8e8e8; overflow: hidden; margin: 0 20px 20px 0 }
.w_Mypage .mp_Cont .my_prof .top { margin: 0 20px; padding: 15px 0; font-size: 21px; text-align: center; border-bottom: 1px solid #e8e8e8 }
.w_Mypage .mp_Cont .my_prof .top .quest { display: inline-block; margin-left: 1px; cursor: pointer; position: relative; }
.w_Mypage .mp_Cont .my_prof .top .quest_Detail { display: none; font-size: 12px; position: absolute; top: 35px; left: -75px; width: 150px; padding: 5px; background-color: #b4b6bc; color: #fff; z-index: 101; box-shadow: 1px 1px 2px #999; letter-spacing: -0.5px }
.w_Mypage .mp_Cont .my_prof .top .quest:hover .quest_Detail { display: inline-block }
.w_Mypage .mp_Cont .my_prof .cont { color: #444; font-weight: normal; overflow: hidden; text-align: center; padding: 20px 0; }
.w_Mypage .mp_Cont .my_prof .cont div { display: inline-block; vertical-align: middle }
.w_Mypage .mp_Cont .my_prof .cont .profimg {width: 140px; height: 80px; text-align: center; display: inline-block; }
.w_Mypage .mp_Cont .my_prof .cont .imgP { max-width: 80px; }
.w_Mypage .mp_Cont .my_prof .cont .imgC { cursor: pointer; position: absolute; width: 80px }
.w_Mypage .mp_Cont .my_prof .cont .nick_Ch { width: 140px; text-align: center; }
.w_Mypage .mp_Cont .my_prof .cont .nick_Ch p { color: #aaa; font-size: 13px; margin-bottom: 1px }
.w_Mypage .mp_Cont .my_prof .cont .nick_Ch .ch_Ipt { width: 120px; height: 22px; text-indent: 5px; outline-style: none; border: 1px solid #e8e8e8 }
.w_Mypage .mp_Cont .my_prof .cont .nick_Ch .btn_Group { display: block; margin-top: 5px; }
.w_Mypage .mp_Cont .my_prof .cont .nick_Ch .nickChbtn { padding: 2px 4px; background-color: #b4b6bc; border-radius: 5px; font-size: 12px; color: #fff }
.w_Mypage .mp_Cont .my_serving { position: absolute; left: 0; top: 201px; width: 326px; background-color: #fff; border: 1px solid #e8e8e8; overflow: hidden; text-align: center; margin-bottom: 20px; }
.w_Mypage .mp_Cont .my_serving .top { margin: 0 20px; padding: 15px 0; font-size: 21px; border-bottom: 1px solid #e8e8e8 }
.w_Mypage .mp_Cont .my_serving .cont { color: #444; font-weight: normal; overflow: auto; padding: 20px; height: 119px; }
.w_Mypage .mp_Cont .my_serving .cont div { display: inline-block }
.w_Mypage .mp_Cont .my_serving .cont .group { font-size: 16px; text-align: left; }
.w_Mypage .mp_Cont .my_serving .cont .group span { font-weight: bold; color: #ff0030; display: block; }
.w_Mypage .mp_Cont .my_serving .cont .arw { padding: 0 20px; vertical-align: top; }
.w_Mypage .mp_Cont .my_serving .cont .arw img { width: 15px; vertical-align: middle; }
.w_Mypage .mp_Cont .my_serving .cont .remain { font-size: 16px; color: #ff0030; }
.w_Mypage .mp_Cont .my_serving .cont .remain p { color: #aaa; font-size: 14px; margin-bottom: 1px }
.w_Mypage .mp_Cont .my_serving .cont .remain p img { margin: 0 5px 3px 0; vertical-align: middle; opacity: 0.6 }
.w_Mypage .mp_Cont .my_serving .cont .remain span { display: block; }
.w_Mypage .mp_Cont .mi_Left { width: 414px; background-color: #fff; border: 1px solid #e8e8e8; overflow: hidden; text-align: center; }
.w_Mypage .mp_Cont .mi_Left .top { margin: 0 20px; padding: 15px 0; font-size: 21px; border-bottom: 1px solid #e8e8e8; text-align: center }
.w_Mypage .mp_Cont .mi_Left .mypw_Ch { float: left; width: 50%; border-right: 1px dashed #e8e8e8; box-sizing: border-box }
.w_Mypage .mp_Cont .mi_Left .myphone_Ch { float: left; width: 50%; }
.w_Mypage .mp_Cont .mi_Left .sTtl { display: inline-block; font-size: 16px; height: 30px; line-height: 30px; width: 150px; border: 1px solid #b4b6bc; color: #999; border-radius: 40px; margin: 20px 0; font-weight: normal }
.w_Mypage .mp_Cont .mi_Left .cont { height: 288px; text-align: left }
.w_Mypage .mp_Cont .mi_Left .cont input { border: 1px solid #e8e8e8; outline-style: none; height: 29px; text-indent: 5px; color: #777; font-size: 13px }
.w_Mypage .mp_Cont .mi_Left .cont span { display: inline-block; width: 85px; color: #aaa; font-size: 12px; margin: 0 10px 0 20px; text-align: right; letter-spacing: -0.8px; }
.w_Mypage .mp_Cont .mi_Left .cont .id { padding-top: 20px; }
.w_Mypage .mp_Cont .mi_Left .cont .pw1 { margin: 5px 0 }
.w_Mypage .mp_Cont .mi_Left .cont .i1 { width: 250px }
.w_Mypage .mp_Cont .mi_Left .cont .p1 { width: 250px }
.w_Mypage .mp_Cont .mi_Left .cont .p2 { width: 250px }
.w_Mypage .mp_Cont .mi_Left .cont .error_Ment { color: #ff0030; text-align: center; margin-top: 20px; font-size: 12px }
.w_Mypage .mp_Cont .mi_Left .cont .phone2 { margin: 5px 0 }
.w_Mypage .mp_Cont .mi_Left .cont .ph1 { width: 58px; margin-right: 5px; }
.w_Mypage .mp_Cont .mi_Left .cont .ph2 { width: 120px }
.w_Mypage .mp_Cont .mi_Left .cont .ph3 { width: 252px }
.w_Mypage .mp_Cont .mi_Left .cont .uBtn { display: inline-block; font-size: 12px; margin-left: 5px; border: 1px solid #e8e8e8; height: 29px; vertical-align: middle; line-height: 29px; width: 60px; text-align: center; color: #777 }
.w_Mypage .mp_Cont .mi_Left .sms_Agree { text-align: left; margin-left: 115px; }
.w_Mypage .mp_Cont .mi_Left .sms_Agree input[type="checkbox"] { display: none; }
.w_Mypage .mp_Cont .mi_Left .sms_Agree label { display: inline-block; cursor: pointer; font-size: 13px; vertical-align: middle }
.w_Mypage .mp_Cont .mi_Left .sms_Agree input[type="checkbox"] + label:before { background: #b4b6bc; content: "\00a0"; display: inline-block; font: 12px/1em malgun gothic; height: 16px; padding-top: 1px; width: 17px; vertical-align: middle; margin-right: 5px }
.w_Mypage .mp_Cont .mi_Left .sms_Agree input[type="checkbox"]:checked + label:before { color: #fff; content: "\2714"; text-align: center; font-size: 14px; }
.w_Mypage .mp_Cont .mi_Left .save_Btn { margin-bottom: 20px; }
.w_Mypage .mp_Cont .mi_Left .save_Btn a { display: inline-block; border: 1px solid #b4b6bc; height: 50px; line-height: 50px; text-align: center; width: 350px; color: #777; transition: 0.2s }
.w_Mypage .mp_Cont .mi_Left .save_Btn a:hover { background-color: #b4b6bc; color: #fff }
.w_Mypage .mp_Cont .myaddinfo_Ch { position: absolute; top: 0; right: 0; width: 414px; background-color: #fff; border: 1px solid #e8e8e8; overflow: hidden; text-align: center; }
.w_Mypage .mp_Cont .myaddinfo_Ch .top { margin: 0 20px; padding: 15px 0; font-size: 21px; border-bottom: 1px solid #e8e8e8 }
.w_Mypage .mp_Cont .myaddinfo_Ch .top .quest { display: inline-block; margin-left: 1px; cursor: pointer; position: relative; }
.w_Mypage .mp_Cont .myaddinfo_Ch .top .quest_Detail { display: none; font-size: 12px; position: absolute; top: 35px; left: -140px; width: 220px; padding: 5px; background-color: #b4b6bc; color: #fff; z-index: 101; box-shadow: 1px 1px 2px #999; letter-spacing: -0.5px }
.w_Mypage .mp_Cont .myaddinfo_Ch .top .quest:hover .quest_Detail { display: inline-block }
.w_Mypage .mp_Cont .myaddinfo_Ch .cont { height: 288px; text-align: left }
.w_Mypage .mp_Cont .myaddinfo_Ch .cont input { border: 1px solid #e8e8e8; outline-style: none; height: 29px; text-indent: 5px; color: #777; font-size: 13px }
.w_Mypage .mp_Cont .myaddinfo_Ch .cont span { display: inline-block; width: 80px; color: #aaa; font-size: 12px; margin: 0 10px 0 20px; text-align: right; letter-spacing: -0.8px; }
.w_Mypage .mp_Cont .myaddinfo_Ch .cont .money { padding: 20px 0 10px 0; }
.w_Mypage .mp_Cont .myaddinfo_Ch .cont .money select { height: 33px; width: 250px; border: 1px solid #e8e8e8; outline-style: none; text-indent: 5px; color: #777; font-size: 13px }
.w_Mypage .mp_Cont .myaddinfo_Ch .n1, .w_Mypage .mp_Cont .myaddinfo_Ch .b1 { width: 248px }
.w_Mypage .mp_Cont .myaddinfo_Ch .fi, .w_Mypage .mp_Cont .myaddinfo_Ch .bi { width: 115px }
.w_Mypage .mp_Cont .myaddinfo_Ch .gender { margin: 5px 0 }
.w_Mypage .mp_Cont .myaddinfo_Ch .gender a { display: inline-block; width: 120px; border: 1px solid #e8e8e8; height: 31px; line-height: 31px; text-align: center; color: #999; font-size: 13px }
.w_Mypage .mp_Cont .myaddinfo_Ch .gender a:last-child { margin-left: 6px }
.w_Mypage .mp_Cont .myaddinfo_Ch .gender a.sel { border: 1px solid #999; color: #777 }
.w_Mypage .mp_Cont .myaddinfo_Ch .email { margin-top: 10px; }
.w_Mypage .mp_Cont .myaddinfo_Ch .email a { display: inline-block; margin: 0 3px; font-size: 11px; color: #777 }
.w_Mypage .mp_Cont .myaddinfo_Ch .cont .error_Ment { color: #ff0030; text-align: center; margin-top: 20px; font-size: 12px }
.w_Mypage .mp_Cont .myaddinfo_Ch .email_Agree { text-align: center }
.w_Mypage .mp_Cont .myaddinfo_Ch .email_Agree input[type="checkbox"] { display: none; }
.w_Mypage .mp_Cont .myaddinfo_Ch .email_Agree label { display: inline-block; cursor: pointer; vertical-align: middle; font-size: 13px; vertical-align: middle }
.w_Mypage .mp_Cont .myaddinfo_Ch .email_Agree input[type="checkbox"] + label:before { background: #b4b6bc; content: "\00a0"; display: inline-block; font: 12px/1em malgun gothic; height: 16px; padding-top: 1px; width: 17px; vertical-align: middle; margin-right: 5px }
.w_Mypage .mp_Cont .myaddinfo_Ch .email_Agree input[type="checkbox"]:checked + label:before { color: #fff; content: "\2714"; text-align: center; font-size: 14px; }
.w_Mypage .mp_Cont .myaddinfo_Ch .save_Btn { margin-bottom: 20px; }
.w_Mypage .mp_Cont .myaddinfo_Ch .save_Btn a { display: inline-block; border: 1px solid #b4b6bc; height: 50px; line-height: 50px; text-align: center; width: 350px; color: #777; transition: 0.2s }
.w_Mypage .mp_Cont .myaddinfo_Ch .save_Btn a:hover { background-color: #b4b6bc; color: #fff }
.w_Mypage .mp_Cont .my_Letter { width: 1198px; overflow: hidden; }
.w_Mypage .mp_Cont .my_Letter .top { padding: 15px 0; font-size: 21px; background-color: #fff; border: 1px solid #e8e8e8; text-align: center; margin-bottom: 20px }
.w_Mypage .mp_Cont .my_Letter .top .quest { display: inline-block; margin-left: 1px; cursor: pointer; position: relative; }
.w_Mypage .mp_Cont .my_Letter .top .quest_Detail { display: none; font-size: 12px; position: absolute; top: 35px; left: -130px; width: 260px; padding: 5px; background-color: #b4b6bc; color: #fff; z-index: 101; box-shadow: 1px 1px 2px #999; box-shadow: 1px 1px 2px #999; letter-spacing: -0.5px }
.w_Mypage .mp_Cont .my_Letter .top .quest:hover .quest_Detail { display: inline-block }
.w_Mypage .mp_Cont .my_Letter .cont { color: #444; font-weight: normal; font-size: 17px }
.w_Mypage .mp_Cont .my_Letter .cont .left_List { float: left; width: 588px }
.w_Mypage .mp_Cont .my_Letter .cont .left_List .func_Btn { background-color: #fff; border: 1px solid #e8e8e8; height: 50px; line-height: 50px; }
.w_Mypage .mp_Cont .my_Letter .cont .left_List .func_Btn a { display: inline-block; float: left; width: 100%; box-sizing: border-box; border-right: 1px solid #e8e8e8; font-size: 14px; color: #777; text-align: center; font-weight: bold; transition: 0.2s }
.w_Mypage .mp_Cont .my_Letter .cont .left_List .func_Btn a:hover { background-color: #e8e8e8 }
.w_Mypage .mp_Cont .my_Letter .cont .left_List .func_Btn img { vertical-align: middle; margin: 0 5px 2px 0 }
.w_Mypage .mp_Cont .my_Letter .cont .left_List .func_Btn a:last-child { border-right: none }
.w_Mypage .mp_Cont .my_Letter .cont .left_List .letter_Bd { margin-top: 20px; background-color: #fff; border: 1px solid #e8e8e8; height: 509px; background: url(/img/2018/letter_spacefill.png); background-position: 20px 5px; box-sizing: border-box }
.w_Mypage .mp_Cont .my_Letter .cont .left_List .letter_Bd li { border-bottom: 1px solid #e8e8e8; }
.w_Mypage .mp_Cont .my_Letter .cont .left_List .letter_Bd li.no_listment { text-align: center; padding-top: 180px; border-bottom: none }
.w_Mypage .mp_Cont .my_Letter .cont .left_List .letter_Bd li.no_listment p { color: #b4b6bc; font-weight: bold; font-size: 15px; margin-top: 10px; }
.w_Mypage .mp_Cont .my_Letter .cont .left_List .letter_Bd li a { display: inline-block; width: 100%; height: 50px; line-height: 50px; font-size: 16px; color: #777; vertical-align: middle; background-color: #fff }
.w_Mypage .mp_Cont .my_Letter .cont .left_List .letter_Bd li a img { vertical-align: middle }
.w_Mypage .mp_Cont .my_Letter .cont .left_List .letter_Bd li a div { float: left; }
.w_Mypage .mp_Cont .my_Letter .cont .left_List .letter_Bd li a.sel { background-color: #fafafa }
.w_Mypage .mp_Cont .my_Letter .cont .left_List .letter_Bd li a .readNnot { width: 50px; text-align: center; height: 50px; line-height: normal; border-right: 1px solid #e8e8e8; box-sizing: border-box; background-color: #fafafa }
.w_Mypage .mp_Cont .my_Letter .cont .left_List .letter_Bd li a .readNnot .read { display: none; color: #b4b6bc; font-size: 11px; font-weight: bold; margin-top: 8px }
.w_Mypage .mp_Cont .my_Letter .cont .left_List .letter_Bd li a .readNnot .read span { display: block; margin-top: 2px }
.w_Mypage .mp_Cont .my_Letter .cont .left_List .letter_Bd li a .readNnot.readOK .read { display: inline-block; }
.w_Mypage .mp_Cont .my_Letter .cont .left_List .letter_Bd li a .category { font-size: 12px; font-weight: bold; float: left; width: 78px; text-align: center }
.w_Mypage .mp_Cont .my_Letter .cont .left_List .letter_Bd li a .category span { padding: 2px 4px; background-color: #b4b6bc; border-radius: 5px; color: #fff }
.w_Mypage .mp_Cont .my_Letter .cont .left_List .letter_Bd li a .ttl { font-size: 17px; width: 358px; float: left; text-overflow: ellipsis; overflow: hidden }
.w_Mypage .mp_Cont .my_Letter .cont .left_List .letter_Bd li a .ttl span { }
.w_Mypage .mp_Cont .my_Letter .cont .left_List .letter_Bd li a .ttl p { display: inline-block; margin-right: 10px; }
.w_Mypage .mp_Cont .my_Letter .cont .left_List .letter_Bd li a .delre { float: left; width: 100px; line-height: 15px; font-size: 12px; text-align: center; margin-top: 10px }
.w_Mypage .mp_Cont .my_Letter .cont .left_List .letter_Bd li a .delre p { color: #b9b9b9 }
.w_Mypage .mp_Cont .my_Letter .cont .left_List .letter_Bd li a .receive { float: right; width: 50px; text-align: center; margin-bottom: 3px }
.w_Mypage .mp_Cont .my_Letter .cont .left_List .letter_Bd li a .receive img { vertical-align: middle; margin-bottom: 3px }
.w_Mypage .mp_Cont .my_Letter .cont .left_List .letter_Bd li a .arrow { float: right; width: 50px; text-align: center; display: none; }
.w_Mypage .mp_Cont .my_Letter .cont .left_List .letter_Bd li a .arrow img { vertical-align: middle; margin-bottom: 4px }
.w_Mypage .mp_Cont .my_Letter .cont .left_List .letter_Bd li a.sel .arrow { background-color: #fafafa; display: block; }
.w_Mypage .mp_Cont .my_Letter .cont .left_List .pagen { background-color: #fff; border: 1px solid #e8e8e8; height: 50px; line-height: 50px; margin-top: 20px; text-align: center; padding: 0 !important; }
.w_Mypage .mp_Cont .my_Letter .cont .right_View { float: right; width: 590px; height: 655px; background: url(/img/2018/letter_page.png); background-repeat: no-repeat }
.w_Mypage .mp_Cont .my_Letter .cont .right_View .no_Selment { display: block; text-align: center; padding-top: 220px }
.w_Mypage .mp_Cont .my_Letter .cont .right_View .no_Selment p { color: #b4b6bc; font-weight: bold; font-size: 15px; margin-top: 10px; }
.w_Mypage .mp_Cont .my_Letter .cont .right_View .letter_Viewer { display: none }
.w_Mypage .mp_Cont .my_Letter .cont .right_View .letter_Viewer .lv_Top { height: 120px; border-bottom: 1px solid #e8e8e8; margin: 30px }
.w_Mypage .mp_Cont .my_Letter .cont .right_View .letter_Viewer .category { font-size: 16px; font-weight: bold; margin: 0 0 5px 10px }
.w_Mypage .mp_Cont .my_Letter .cont .right_View .letter_Viewer .category span { padding: 2px 4px; background-color: #b4b6bc; border-radius: 5px; color: #fff; }
.w_Mypage .mp_Cont .my_Letter .cont .right_View .letter_Viewer .ttl { font-size: 22px; vertical-align: middle; margin-left: 10px }
.w_Mypage .mp_Cont .my_Letter .cont .right_View .letter_Viewer .ttl p { display: inline-block; margin-right: 10px; }
.w_Mypage .mp_Cont .my_Letter .cont .right_View .letter_Viewer .ttl span { color: #ff0030; }
.w_Mypage .mp_Cont .my_Letter .cont .right_View .letter_Viewer .date { float: right; margin: 15px 10px 0 0; color: #b9b9b9 }
.w_Mypage .mp_Cont .my_Letter .cont .right_View .letter_Viewer .lv_cont { margin: 30px; height: 383px; word-break: break-all; overflow-y: auto }
.w_Mypage .mp_Cont .my_Letter .cont .right_View .letter_Viewer .lv_cont .ment { word-break: break-all; display: block; line-height: 30px; padding: 10px }
.w_Mypage .mp_Cont .my_Letter .cont .right_View .letter_Viewer .lv_cont .item_Btn { display: inline-block; margin: 20px 10px 10px; background-color: #b4b6bc; padding: 3px 6px; color: #fff; font-weight: bold; border-radius: 5px; }
.w_Mypage .mp_Cont .my_Letter .cont .right_View .letter_Viewer .lv_cont .alert { font-size: 12px; color: #777; vertical-align: middle }
.w_Mypage .mp_Cont .my_Letter .cont .right_View .letter_Viewer .lv_Navi { height: 60px; line-height: 60px; overflow: hidden }
.w_Mypage .mp_Cont .my_Letter .cont .right_View .letter_Viewer .lv_Navi a { border: 1px solid #e8e8e8; border-bottom: none; box-sizing: border-box; width: 295px; text-align: center; color: #999; background-color: #fff; float: left; transition: 0.2s }
.w_Mypage .mp_Cont .my_Letter .cont .right_View .letter_Viewer .lv_Navi a:last-child { border-left: none; }
.w_Mypage .mp_Cont .my_Letter .cont .right_View .letter_Viewer .lv_Navi a:hover { background-color: #e8e8e8; color: #666; }
.w_Mypage .mp_Cont .my_Free { float: left; width: 588px; background-color: #fff; border: 1px solid #e8e8e8; overflow: hidden; margin-right: 20px }
.w_Mypage .mp_Cont .my_Free .top { margin: 0 20px; padding: 15px 0; font-size: 21px; border-bottom: 1px solid #e8e8e8; text-align: center }
.w_Mypage .mp_Cont .my_Free .cont { color: #444; font-weight: normal; height: 150px; font-size: 17px }
.w_Mypage .mp_Cont .my_Free .cont div { float: left; text-align: center }
.w_Mypage .mp_Cont .my_Free .cont .group { width: 167px; height: 150px; border-right: 1px dashed #e8e8e8 }
.w_Mypage .mp_Cont .my_Free .cont .start { width: 150px }
.w_Mypage .mp_Cont .my_Free .cont .end { width: 150px; }
.w_Mypage .mp_Cont .my_Free .cont .stat { width: 110px; }
.w_Mypage .mp_Cont .my_Free .cont .stat .red { color: #ff0030; font-weight: bold }
.w_Mypage .mp_Cont .my_Free .cont p { font-size: 13px; color: #aaa; margin: 45px 0 5px }
.w_Mypage .mp_Cont .my_Vip { float: left; width: 588px; background-color: #fff; border: 1px solid #e8e8e8; overflow: hidden }
.w_Mypage .mp_Cont .my_Vip .top { margin: 0 20px; padding: 15px 0; font-size: 21px; border-bottom: 1px solid #e8e8e8; text-align: center }
.w_Mypage .mp_Cont .my_Vip .cont { color: #444; font-weight: normal; height: 150px; font-size: 17px; overflow-y: auto }
.w_Mypage .mp_Cont .my_Vip .cont ul { float: left; text-align: center }
.w_Mypage .mp_Cont .my_Vip .cont li:first-child { font-size: 13px; color: #aaa; margin: 20px 0 5px }
.w_Mypage .mp_Cont .my_Vip .cont li { margin-bottom: 5px }
.w_Mypage .mp_Cont .my_Vip .cont li:last-child { margin-bottom: 0px; }
.w_Mypage .mp_Cont .my_Vip .cont .group { width: 30%; box-sizing: border-box; height: 150px; border-right: 1px dashed #e8e8e8 }
.w_Mypage .mp_Cont .my_Vip .cont .start { width: 25% }
.w_Mypage .mp_Cont .my_Vip .cont .end { width: 25% }
.w_Mypage .mp_Cont .my_Vip .cont .stat { width: 20%; }
.w_Mypage .mp_Cont .my_Vip .cont .stat .red { color: #ff0030; font-weight: bold }
.w_Mypage .mp_Cont .my_Vip .cont .no_Vip { text-align: center; font-size: 13px; color: #aaa; padding-top: 35px; }
.w_Mypage .mp_Cont .my_Vip .cont .no_Vip a { display: inline-block; margin-top: 10px; font-size: 18px; color: #fff; background-color: #ff0030; padding: 4px 8px; border-radius: 3px }
.w_Mypage .mp_Cont .my_Act { float: left; width: 384px; background-color: #fff; border: 1px solid #e8e8e8; overflow: hidden; margin-right: 20px; margin-top: 20px }
.w_Mypage .mp_Cont .my_Act:last-child { margin-right: 0px }
.w_Mypage .mp_Cont .my_Act .top { margin: 0 20px; padding: 15px 0; font-size: 21px; border-bottom: 1px solid #e8e8e8; text-align: center }
.w_Mypage .mp_Cont .my_Act .cont { color: #444; font-weight: normal; height: 160px; font-size: 17px; font-family: SpoqaHanSans; text-align: center; line-height: 160px; font-size: 35px; font-weight: bold }
.w_Mypage .mp_Cont .my_Act .cont.c1 { background: url(/img/2018/myact_join.png); background-position: 50%; background-repeat: no-repeat }
.w_Mypage .mp_Cont .my_Act .cont.c2 { background: url(/img/2018/myact_visit.png); background-position: 50%; background-repeat: no-repeat }
.w_Mypage .mp_Cont .my_Act .cont.c3 { background: url(/img/2018/myact_ps.png); background-position: 50%; background-repeat: no-repeat }
.w_Mypage .mp_Cont .my_Act .cont.c4 { background: url(/img/2018/myact_conf.png); background-position: 50%; background-repeat: no-repeat }
.w_Mypage .mp_Cont .mystarset { float: left; }
.w_Mypage .mp_Cont .my_Star { width: 353px; background-color: #fff; border: 1px solid #e8e8e8; overflow: hidden; margin-right: 20px; margin-bottom: 20px }
.w_Mypage .mp_Cont .my_Star .top { margin: 0 20px; padding: 15px 0; font-size: 21px; border-bottom: 1px solid #e8e8e8; text-align: center }
.w_Mypage .mp_Cont .my_Star .cont { color: #444; font-weight: normal; height: 183px; font-size: 17px; font-family: SpoqaHanSans; text-align: center; line-height: 183px; font-size: 35px; font-weight: bold }
.w_Mypage .mp_Cont .my_Star .cont.c1 { background: url(/img/2018/mystar_opacity_plus.png); background-position: 50%; background-repeat: no-repeat }
.w_Mypage .mp_Cont .my_Star .cont.c2 { background: url(/img/2018/mystar_opacity_minus.png); background-position: 50%; background-repeat: no-repeat }
.w_Mypage .mp_Cont .my_Starlist { float: left; width: 823px; background-color: #fff; border: 1px solid #e8e8e8; overflow: hidden; margin-bottom: 20px }
.w_Mypage .mp_Cont .my_Starlist .top { margin: 0 20px; padding: 15px 0; font-size: 21px; border-bottom: 1px solid #e8e8e8; text-align: center; position: relative; }
.w_Mypage .mp_Cont .my_Starlist .top .filter_Btn { position: absolute; top: 20px; right: 30px; font-size: 15px }
.w_Mypage .mp_Cont .my_Starlist .top .filter_Btn a { margin-left: 5px; padding: 2px 4px; border: 1px solid #e8e8e8; color: #aaa }
.w_Mypage .mp_Cont .my_Starlist .top .filter_Btn a.sel { border: 1px solid #777; color: #444 }
.w_Mypage .mp_Cont .my_Starlist .cont { color: #444; font-weight: normal; height: 450px; font-size: 17px; text-align: center; font-size: 35px; padding: 0 40px; overflow-y: auto }
.w_Mypage .mp_Cont .my_Starlist .cont span { float: left }
.w_Mypage .mp_Cont .my_Starlist .cont .pay_Category { font-size: 11px; color: #999; padding: 20px 0 }
.w_Mypage .mp_Cont .my_Starlist .cont .pay_List { font-size: 14px; margin-top: 5px; height: 200px }
.w_Mypage .mp_Cont .my_Starlist .cont .pay_List li { padding: 14px 0; }
.w_Mypage .mp_Cont .my_Starlist .cont .pay_List li:last-child { margin-bottom: 0; border-bottom: none }
.w_Mypage .mp_Cont .my_Starlist .cont .pay_List li .t1 > span { float: none; }
.w_Mypage .mp_Cont .my_Starlist .cont .stred { font-weight: bold; color: #c53929 }
.w_Mypage .mp_Cont .my_Starlist .cont .t1 { width: 443px; text-align: left; overflow: hidden; text-overflow: ellipsis; word-break: break-all; }
.w_Mypage .mp_Cont .my_Starlist .cont .t2 { width: 140px; font-family: SpoqaHanSans }
.w_Mypage .mp_Cont .my_Starlist .cont .t3 { width: 140px; font-family: SpoqaHanSans }
.w_Mypage .mp_Cont .my_Starlist .cont .no_Pay { text-align: center; color: #777; font-size: 17px; height: 200px; line-height: 200px }
.w_Mypage .mp_Cont .my_Starlist .cont .page_list { padding-top: 10px; clear: both; }
.w_Mypage .mp_Cont .my_Starlist .cont .page_list ul { text-align: center; }
.w_Mypage .mp_Cont .my_Starlist .cont .page_list ul li { display: inline-block; color: #aaa; margin: 0 7px; cursor: pointer; font-size: 13px }
.w_Mypage .mp_Cont .my_Starlist .cont .page_list ul li.active { color: #000; font-weight: bold; }
.w_Mypage .mp_Cont .my_Mission { overflow: hidden }
.w_Mypage .mp_Cont .my_Mission .mission_cl { width: 590px; letter-spacing: -0.5px; float: left; margin-right: 20px }
.w_Mypage .mp_Cont .my_Mission .mission_cl:last-child { margin-right: 0 }
.w_Mypage .mp_Cont .my_Mission .mission_cl .title { background: #fff; text-align: center; padding: 15px 0; font-size: 21px; border: 1px solid #e8e8e8; font-weight: bold }
.w_Mypage .mp_Cont .my_Mission .mission_cl .title span { margin-left: 10px; font-size: 15px; color: #999; font-weight: lighter; }
.w_Mypage .mp_Cont .my_Mission .mission_cl .mList { margin-top: 20px; }
.w_Mypage .mp_Cont .my_Mission .mission_cl .mList .cl { background-color: #fff; border: 1px solid #e8e8e8; padding: 15px 10px 5px; margin-bottom: 15px }
.w_Mypage .mp_Cont .my_Mission .mission_cl .mList .cl.el { padding: 15px 0; display: block }
.w_Mypage .mp_Cont .my_Mission .mission_cl .mList .cl.el .ttl { margin-bottom: 0 }
.w_Mypage .mp_Cont .my_Mission .mission_cl .mList .cl.el .am { text-align: center; color: #777; font-size: 14px }
.w_Mypage .mp_Cont .my_Mission .mission_cl .mList .cl.el .ttl .earnstar { display: inline-block; position: absolute; top: 8px; right: 18px; font-size: 16px; background-color: #ff0300; color: #fff; padding: 4px 5px; border-radius: 3px; font-weight: bold; text-align: center; z-index: 50 }
.w_Mypage .mp_Cont .my_Mission .mission_cl .mList .cl.el .ttl .earnstar img { width: 20px; vertical-align: middle; margin: 0 2px 2px 0 }
.w_Mypage .mp_Cont .my_Mission .mission_cl .mList .cl.el .ttl .earnstar .ss { vertical-align: middle }
.w_Mypage .mp_Cont .my_Mission .mission_cl .mList .cl:last-child { margin-bottom: 0 }
.w_Mypage .mp_Cont .my_Mission .mission_cl .mList .cl .ttl { font-size: 18px; position: relative; margin-bottom: 15px; position: relative; padding-left: 5px; display: block; text-align: center }
.w_Mypage .mp_Cont .my_Mission .mission_cl .mList .cl .ttl .quest { display: inline-block; width: 16px; height: 16px; vertical-align: middle; margin-bottom: 2px; margin-left: 5px }
.w_Mypage .mp_Cont .my_Mission .mission_cl .mList .cl .ttl .exp { display: none; position: absolute; top: -5px; left: 115px; font-size: 14px; color: #777; width: 200px; background-color: #f2f2f2; padding: 5px; box-shadow: 1px 1px 2px #aaa; z-index: 100; cursor: pointer }
.w_Mypage .mp_Cont .my_Mission .mission_cl .mList .cl .ttl .imgwrap:hover .exp { display: block }
.w_Mypage .mp_Cont .my_Mission .mission_cl .mList .cl .ttl .exp p { margin-top: 6px }
.w_Mypage .mp_Cont .my_Mission .mission_cl .mList .cl .ttl .exp a { width: 100%; height: 20px; padding-top: 10px; font-weight: bold; text-align: center; display: inline-block; font-size: 14px; border-top: 1px solid #ddd; margin-top: 10px }
.w_Mypage .mp_Cont .my_Mission .mission_cl .mList .cl .ttl .earnstar { display: inline-block; position: absolute; right: 10px; font-size: 16px; background-color: #ff0300; color: #fff; padding: 2px 5px; border-radius: 3px; font-weight: bold; text-align: center; z-index: 50 }
.w_Mypage .mp_Cont .my_Mission .mission_cl .mList .cl .ttl .earnstar img { width: 20px; vertical-align: middle; margin: 0 2px 2px 0 }
.w_Mypage .mp_Cont .my_Mission .mission_cl .mList .cl .ttl .earnstar .ss { vertical-align: middle }
.w_Mypage .mp_Cont .my_Mission .mission_cl .mList .cl .cont { border-top: 1px dashed #e8e8e8 }
.w_Mypage .mp_Cont .my_Mission .mission_cl .mList .cl .cont .nolist { text-align: center; padding: 15px 0 5px; font-size: 15px; color: #b9b9b9 }
.w_Mypage .mp_Cont .my_Mission .mission_cl .mList .cl .cont .nolist p { text-align: center; font-size: 17px; font-weight: bold; margin-bottom: 5px; color: #777 }
.w_Mypage .mp_Cont .my_Mission .mission_cl .mList .cl .cont .ttl { height: 25px; line-height: 25px }
.w_Mypage .mp_Cont .my_Mission .mission_cl .mList .cl .cont ul { padding: 15px 0 0 }
.w_Mypage .mp_Cont .my_Mission .mission_cl .mList .cl .cont li { overflow: hidden; text-align: center; font-size: 16px; height: 27px }
.w_Mypage .mp_Cont .my_Mission .mission_cl .mList .cl .cont li .date { float: left; width: 50% }
.w_Mypage .mp_Cont .my_Mission .mission_cl .mList .cl .cont li .result { float: left; width: 25%; }
.w_Mypage .mp_Cont .my_Mission .mission_cl .mList .cl .cont li .result.ing { color: #777 }
.w_Mypage .mp_Cont .my_Mission .mission_cl .mList .cl .cont li .result.not { color: #b9b9b9 }
.w_Mypage .mp_Cont .my_Mission .mission_cl .mList .cl .cont li .result.comp { color: #ff0300; font-weight: bold }
.w_Mypage .mp_Cont .my_Mission .mission_cl .mList .cl .cont li .give { float: left; width: 25% }
.w_Mypage .mp_Cont .my_Mission .mission_cl .mList .cl .cont li .give img { width: 15px; vertical-align: middle; margin: 0 2px 2px 0 }
.w_Mypage .mp_Cont .my_Mission .mission_cl .mList .cl .cont li .give span { vertical-align: middle; font-weight: bold }
.w_Mypage .mp_Cont .my_Mission .mission_cl .mList .cl .cont li.category { font-size: 12px; color: #b9b9b9 }
.w_Mypage .mp_Cont .my_Mission .mission_cl .mList .cl .btn { padding: 5%; overflow: hidden; text-align: center }
.w_Mypage .mp_Cont .my_Mission .mission_cl .mList .cl .btn a { width: 50%; border: 1px solid #e8e8e8; text-align: center; display: inline-block; height: 35px; line-height: 35px; font-size: 17px; color: #777; background-color: #eee }
.w_Mypage .mp_Cont .my_Mission .mission_cl .mList .cl .btn a:last-child { }
.w_Mypage .mp_Cont .my_Mission .mission_cl .oList { margin-top: 20px }
.w_Mypage .mp_Cont .my_Mission .mission_cl .oList li { width: 100%; background-color: #fff; border: 1px solid #e8e8e8; position: relative; margin-bottom: 15px; box-sizing: border-box }
.w_Mypage .mp_Cont .my_Mission .mission_cl .oList li:last-child { margin-bottom: 0 }
.w_Mypage .mp_Cont .my_Mission .mission_cl .oList a { display: inline-block; padding: 12px 0; width: 100%; }
.w_Mypage .mp_Cont .my_Mission .mission_cl .oList a .ttl { font-size: 18px; padding-left: 15px; }
.w_Mypage .mp_Cont .my_Mission .mission_cl .oList a .ttl .yimg { width: 70px; margin-right: 10px; }
.w_Mypage .mp_Cont .my_Mission .mission_cl .oList a .ttl .timg { height: 20px; margin-right: 10px; }
.w_Mypage .mp_Cont .my_Mission .mission_cl .oList a .txt { font-size: 13px; color: #999; letter-spacing: -0.8px; margin-left: 8px; }
.w_Mypage .mp_Cont .my_Mission .mission_cl .oList a .earnstar { display: inline-block; position: absolute; top: 12px; right: 15px; font-size: 16px; background-color: #ff0300; color: #fff; padding: 2px 5px; border-radius: 3px; font-weight: bold; text-align: center; z-index: 50 }
.w_Mypage .mp_Cont .my_Mission .mission_cl .oList a .earnstar img { width: 20px; vertical-align: middle; margin: 0 2px 2px 0 }
.w_Mypage .mp_Cont .my_Mission .mission_cl .oList a .earnstar .ss { vertical-align: middle }
.w_Mypage .mp_Cont .my_Mission .mission_cl .oList a .earnstar_comp { display: inline-block; position: absolute; top: 12px; right: 15px; font-size: 16px; color: #fff; padding: 3px 5px; border-radius: 3px; font-weight: bold; text-align: center; z-index: 50; background-color: #777; }
.w_Mypage .mp_Cont .my_Mission .mission_cl .oList .addli { border: none; background-color: #f8f8f8; text-align: center; color: #aaa }

/* 이벤트 리스트 */
.event_List { min-width: 1200px; background-color: #fafafa; padding: 40px 0; }
.event_List .web_Cont { width: 1200px; margin: 0 auto }
.event_List .web_Cont .main_Event { width: 1198px; background: #fff; border: 1px solid #e8e8e8; margin-top: 20px; }
.event_List .web_Cont .main_Event img { width: 100%; max-height: 1198px; vertical-align: middle }
.event_List .web_Cont .small_Event { width: 1118px; background: #fff; border: 1px solid #e8e8e8; margin-top: 20px; padding: 0 40px 40px }
.event_List .web_Cont .small_Event .se_Ttl { padding: 25px 0; font-size: 27px; color: #444; font-weight: normal; border-bottom: 1px solid #e8e8e8 }
.event_List .web_Cont .small_Event .se_Ttl span { font-family: SpoqaHanSans; color: #c53929; font-weight: bold }
.event_List .web_Cont .small_Event .lWrap { overflow: hidden; margin-top: 40px }
.event_List .web_Cont .small_Event .lWrap li { float: left }
.event_List .web_Cont .small_Event .lWrap li:nth-child(3),
.event_List .web_Cont .small_Event .lWrap li:nth-child(4) { margin: 48px 0 }
.event_List .web_Cont .small_Event .lWrap li:nth-child(2n-1) { margin-right: 54px }
.event_List .web_Cont .small_Event .lWrap li .se_Img img { vertical-align: middle; width: 530px; height: 250px }
.event_List .web_Cont .small_Event .lWrap li .se_Bot { width: 530px; overflow: hidden; margin-top: 15px }
.event_List .web_Cont .small_Event .lWrap li .stat_Icon { width: 65px; float: left; }
.event_List .web_Cont .small_Event .lWrap li .stat_Icon span { width: 65px; height: 65px; text-align: center; line-height: 65px; border-radius: 5px; display: inline-block; color: #fff; font-size: 14px; }
.event_List .web_Cont .small_Event .lWrap li .stat_Icon span.ing { background-color: #c53929; font-weight: bold; }
.event_List .web_Cont .small_Event .lWrap li .stat_Icon span.quit { background-color: #b9b9b9; }
.event_List .web_Cont .small_Event .lWrap li .two_Ttl { width: 325px; float: left; }
.event_List .web_Cont .small_Event .lWrap li .two_Ttl .big { font-size: 16px; color: #222; word-break: break-word; padding: 0 10px }
.event_List .web_Cont .small_Event .lWrap li .two_Ttl .small { font-size: 13px; color: #999; letter-spacing: -1px; padding: 0 10px }
.event_List .web_Cont .small_Event .lWrap li .date { width: 140px; float: left; color: #999; font-size: 12px; padding-top: 3px; text-align: right }