@import url(//fonts.googleapis.com/earlyaccess/notosanskr.css);
@import url(//spoqa.github.io/spoqa-han-sans/css/SpoqaHanSans-kr.css);




body { font-family: "Noto Sans KR",'Malgun Gothic'; margin: 0; padding: 0; height: 100%; }
ul { margin: 0; padding: 0; }
ul li { list-style: none; }
a { color: #000; text-decoration: none; outline: none }
a:active { color: #000; text-decoration: none; outline: none }
p, span { margin: 0; padding: 0; }
img { border: none; padding: 0; margin: 0; z-index: 2 }
table { border-collapse: collapse; border-spacing: 0; }
input:-ms-input-placeholder { color: #a8a8a8; }
input::-webkit-input-placeholder { color: #a8a8a8; }
input::-moz-placeholder { color: #a8a8a8; }
input::-moz-placeholder { color: #a8a8a8; }
input[type=text]::-ms-clear { display: none }
.clear { clear: both }
.Clear { clear: both }
input:-webkit-autofill { -webkit-box-shadow: 0 0 0px 1000px white inset; }
.paginate span { font-size: 16px; font-family: SpoqaHanSans,"malgun gothic" }
.darkpage { display: none; opacity: 0.7; background: rgb(0, 0, 0); position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 2000; }
.noselect { -webkit-touch-callout: none; /* iOS Safari */ -webkit-user-select: none; /* Safari */ -khtml-user-select: none; /* Konqueror HTML */ -moz-user-select: none; /* Old versions of Firefox */ -ms-user-select: none; /* Internet Explorer/Edge */ user-select: none; /* Non-prefixed version, currently supported by Chrome, Opera and Firefox */ }

.header { min-width: 1200px; background: #fff; z-index: 9; position: relative; }
.header .head_pt1 { height: 49px; border-bottom: 1px solid #e8e8e8; margin: 0 auto; }
.header .head_pt1 .member { width: 1200px; height: 100%; margin: 0 auto; position: relative; }
.header .head_pt1 .member .logo { position: absolute; top: 10px; left: 30px; z-index: 1001; }
.header .head_pt1 .member ul { float: right; font-size: 13px; }
.header .head_pt1 .member ul li { float: left; padding: 0 20px; border-right: 1px solid #f6f4f5; height: 19px; margin-top: 15px; }
.header .head_pt1 .member ul li:last-child { border-right: none }
.header .head_pt1 .member ul li.login a { color: #444; }
.header .head_pt1 .member ul li.join a { color: #444; }
.header .head_pt1 .member ul li.find { padding-right: 0px }
.header .head_pt1 .member ul li.find a { color: #b1a4b1 }
.header .head_pt1 .member ul li.as a { color: #444; }
.header .head_pt1 .mypagespan { text-decoration: underline }
.header .head_pt1 .mypagespan span { font-weight: bold }
.header .head_pt2 { height: 80px; position: relative; border-bottom: 1px solid #ff0030; background: #fff; }
.header .head_pt2 .menu { width: 1200px; height: 81px; margin: 0 auto; position: relative; z-index: 9; }
.header .head_pt2 .menu .btn { float: left; width: 50px; padding: 20.5px 0; }
.header .head_pt2 .menu .list { float: left; padding: 22px 0; }
.header .head_pt2 .menu .list ul li { float: left; font-size: 17px; width: 200px; text-align: center; padding: 4.5px 0; }
.header .head_pt2 .menu .list ul li a { color: #444; }
.header .head_pt2 .menu .list ul li a.active span { border-bottom: 5px solid #f67b4d; }
.header .head_pt2 .menu .list ul li.new { border: none; }
.header .head_pt2 .me nu .list ul li.new a { color: #ff0030; }
.header .head_pt2 .menu .list ul li.chat { width: 151px; height: 37px; border: none; padding: 0; margin-right: 20px; position: relative; transition: 0.2s; }
.header .head_pt2 .menu .list ul li.chat .init_wrap { height: 37px; overflow: hidden; transition: all 0.2s; }
.header .head_pt2 .menu .list ul li.chat .init_wrap .btn_box { height: 59px; background: #ff0030; transition: all 0.2s; }
.header .head_pt2 .menu .list ul li.chat .init_wrap .btn_box a { width: 151px; height: 22px; display: block; transition: all 0.2s; color: #fff; padding: 5px 0; }
.header .head_pt2 .menu .list ul li.chat .init_wrap .btn_box a span { font-size: 16px; width: 151px; display: inline-block; text-align: center; transition: 0.2s; vertical-align: top; }
.header .head_pt2 .menu .list ul li.chat .init_wrap .btn_box .live { position: absolute; top: 5px; right: 5px; }
.header .head_pt2 .menu .list ul li.chat .init_wrap:hover .btn_box { background: #ffcb05; }
.header .head_pt2 .menu .list ul li.chat .init_wrap:hover .btn_box span { font-weight: bold; }
.header .head_pt2 .menu .list ul li.chat .init_wrap .count_box { height: 150px; background: #fbdee3; transition: all 0.2s }
.header .head_pt2 .menu .list ul li.chat .init_wrap .count_box .count { font-family: SpoqaHanSans; color: #666; font-size: 13px }
.header .head_pt2 .menu .list ul li.chat .init_wrap .count_box .count span { font-size: 13px; font-weight: 500; color: #000 }
.header .head_pt2 .menu .list ul li.chat .init_wrap .count_box .chat_Date { padding: 11px 0; font-size: 15px; color: #000 }
.header .head_pt2 .menu .list ul li.chat .init_wrap .count_box .people_No { text-align: center }
.header .head_pt2 .menu .list ul li.chat .init_wrap .count_box .talk_No { float: left; width: 50%; height: 75px }
.header .head_pt2 .menu .list ul li.chat .init_wrap .count_box .enter { display: inline-block; background: #ff0030; margin-top: 18px; color: #fff; border-radius: 6px; font-size: 14px; padding: 3px 10px 4px; transition: 0.2s }
.header .head_pt2 .menu .list ul li.chat .init_wrap:hover .count_box { background: #f7f4e9 }
.header .head_pt2 .menu .list ul li.chat .init_wrap:hover .count_box .enter { background: #ffcb05 }
.header .head_pt2:hover .menu .list ul li.chat .init_wrap { height: 236px; transition-delay: 0.2s }
.header .head_pt2:hover .menu .list ul li.chat .init_wrap .btn_box a { height: 22px; padding: 17px 0; transition-delay: 0.2s; }
.header .head_pt2:hover .menu .list ul li.chat .init_wrap:hover .btn_box a { transition-delay: 0s; }
.header .head_pt2:hover .menu_list { height: 170px; }
.header .head_pt2 .menu_list { width: 100%; height: 0; background: #fff; position: absolute; top: 81px; left: 0; transition: all 0.2s; overflow: hidden; border-bottom: 1px solid #eee }
.header .head_pt2 .menu_list .list { width: 1200px; margin: 0 auto; overflow: hidden; }
.header .head_pt2 .menu_list .list ul { float: left; width: 200px; margin-top: 13px; padding-bottom: 20px }
.header .head_pt2 .menu_list .list ul li { text-align: center; font-size: 14px; height: 26px; }
.header .head_pt2 .menu_list .list ul li a { color: #5c5c5c; }
.header .head_pt2 .menu_list .list ul:first-child { position: relative; padding-bottom: 0 }
.header .head_pt2 .menu_list .list ul:first-child li { position: absolute; top: -21px; left: 0; width: 149px; background-color: #ffcb05; border: 1px solid #e5b604 }
.header .head_pt2 .menu_list .list ul li a:hover { color: #f67b4d; border-bottom: 1px solid #f67b4d; }
.header .head_pt2 .menu_list .list ul:first-child { width: 149px; margin-right: 20px }

.low_Browser { width: 100%; background-color: #f2f2f2; border-bottom: 1px solid #e8e8e8 }
.low_Browser .wrap { width: 1200px; margin: 0 auto; overflow: hidden }
.low_Browser .wrap img { vertical-align: middle; }
.low_Browser .wrap .lb1 { padding-top: 28px; float: left; }
.low_Browser .wrap .lb2 { float: right; }
.low_Browser .wrap .lb3 { float: right; }
.low_Browser .wrap .lb4 { float: right; }

body.scr .header { position: fixed; top: -50px; left: 0; height: 110px; width: calc(100% - 70px); z-index: 9; opacity: 0.95 }
body.scr .header .head_pt1 .member .logo { position: absolute; top: 64px; left: 0; }
body.scr .header .head_pt2 { height: 60px; transition: all 0.2s; background: #fff; }
body.scr .header .head_pt2 .menu .btn { display: none; }
body.scr .header .head_pt2 .menu .list { padding: 13px 0; }
body.scr .header .head_pt2 .menu .list ul { margin-left: 168px; }
body.scr .header .head_pt2 .menu .list ul li { width: 123px; }
body.scr .header .head_pt2 .menu .list ul li.chat { width: 151px; }
body.scr .header .head_pt2 .menu .list ul li.chat .init_wrap .btn_box { height: 48px; }
body.scr .header .head_pt2 .menu_list { top: 61px; }
body.scr .header .head_pt2 .menu_list .list { padding-left: 168px; width: 1032px; }
body.scr .header .head_pt2 .menu_list .list ul { width: 123px; }
body.scr .header .head_pt2 .menu_list .list ul:first-child { width: 151px; margin-right: 20px; }
body.scr .header .head_pt2 .menu_list .list ul li { font-size: 14px; }
body.scr .header .head_pt2:hover .menu .list ul li.chat .init_wrap .btn_box { height: 48px; }
body.scr .header .head_pt2:hover .menu .list ul li.chat .init_wrap .btn_box a { padding: 12.5px 0; }
.right_Fixedmenu { width: 69px; height: 100%; position: fixed; right: 0; top: 0px; background-color: #f2f2f2; border-left: 1px solid #e8e8e8; z-index: 10; transition: 0.2s; }
.right_Fixedmenu a { display: block; height: 120px; text-align: center; cursor: pointer; transition: 0.1s }
.right_Fixedmenu a:first-child { height: 130px }
.right_Fixedmenu.lihov { width: 109px }
.right_Fixedmenu.lihov .rf_Top { background-image: url(/img/2018/right_fixmenu_top_th.png) }
.right_Fixedmenu.lihov .bimg1 { background-image: url(/img/2018/right_fixmenu_1_th.png) }
.right_Fixedmenu.lihov .bimg2 { background-image: url(/img/2018/right_fixmenu_2_th.png) }
.right_Fixedmenu.lihov .bimg3 { background-image: url(/img/2018/right_fixmenu_3_th.png) }
.right_Fixedmenu.lihov .bimg4 { background-image: url(/img/2018/right_fixmenu_4_th.png) }
.right_Fixedmenu.lihov .bimg5 { background-image: url(/img/2018/right_fixmenu_5_th.png?d=190123); cursor: default }
.right_Fixedmenu.lihov .bimg6 { background-image: url(/img/2018/right_fixmenu_6_th.png) }
body.scr .right_Fixedmenu .rf_Top { height: 60px; transition: all 0.1s; opacity: 0.7 }
.right_Fixedmenu .rf_Top { background-color: #fff; background-image: url(/img/2018/right_fixmenu_top.png); background-position: 50%; background-repeat: no-repeat; border-bottom: 1px solid #e8e8e8 }
.right_Fixedmenu .bimg1 { background-color: #ffd123; background-image: url(/img/2018/right_fixmenu_1.png); background-position: 50%; background-repeat: no-repeat }
.right_Fixedmenu .bimg1:hover { background-color: #ff0030; background-image: url(/img/2018/right_fixmenu_1_hover.png) }
.right_Fixedmenu .bimg2 { background-image: url(/img/2018/right_fixmenu_2.png); background-position: 50%; background-repeat: no-repeat }
.right_Fixedmenu .bimg2:hover { background-color: #ff0030; background-image: url(/img/2018/right_fixmenu_2_hover.png) }
.right_Fixedmenu .bimg3 { background-image: url(/img/2018/right_fixmenu_3.png); background-position: 50%; background-repeat: no-repeat }
.right_Fixedmenu .bimg3:hover { background-color: #ff0030; background-image: url(/img/2018/right_fixmenu_3_hover.png) }
.right_Fixedmenu .bimg4 { background-image: url(/img/2018/right_fixmenu_4.png); background-position: 50%; background-repeat: no-repeat }
.right_Fixedmenu .bimg4:hover { background-color: #ff0030; background-image: url(/img/2018/right_fixmenu_4_hover.png) }
.right_Fixedmenu .bimg5 { background-image: url(/img/2018/right_fixmenu_5.png?d=190123); background-position: 50%; background-repeat: no-repeat }
.right_Fixedmenu .bimg5:hover { background-color: #ff0030; background-image: url(/img/2018/right_fixmenu_5_hover.png?d=190123) }
.right_Fixedmenu .bimg6 { background-image: url(/img/2018/right_fixmenu_6.png); background-position: 50%; background-repeat: no-repeat }
.right_Fixedmenu .bimg6:hover { background-color: #ff0030; background-image: url(/img/2018/right_fixmenu_6_hover.png) }

.w_Mypage { min-width: 1200px; margin: 0 auto; overflow: hidden; background-color: #fafafa; padding-bottom: 100px }
body.scr .w_Mypage { margin-top: 110px; }
.w_Mypage .mp_Topmenu { width: 1200px; margin: 50px auto 30px; border-bottom: 2px solid #b4b6bc; overflow: hidden }
.w_Mypage .mp_Topmenu li { position: relative; float: left; width: 20%; height: 50px; line-height: 50px; text-align: center; border-right: 3px solid #fafafa; box-sizing: border-box }
.w_Mypage .mp_Topmenu li:last-child { border-right: 0px }
.w_Mypage .mp_Topmenu li a { display: inline-block; width: 100%; height: 100%; background-color: #e8e8e8; color: #444; font-size: 15px; border-top-left-radius: 15px; border-top-right-radius: 15px }
.w_Mypage .mp_Topmenu li a.sel { background-color: #b4b6bc; color: #fff }
.w_Mypage .mp_Topmenu li .alarm_no { font-weight: bold }
.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; }
.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; top: 201px; left: 0; width: 326px; background-color: #fff; border: 1px solid #e8e8e8; overflow: hidden; text-align: center; }
.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; padding: 20px 0; height: 119px; overflow: auto; }
.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 }
.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 }
.w_Mypage .mp_Cont .myaddinfo_Ch .cont .money { padding: 20px 0 10px }
.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: 283px; 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 }

.cs_Center { min-width: 1200px; background-color: #fafafa; padding: 20px 0 100px }
body.scr .cs_Center { margin-top: 110px; }
.cs_Center .web_Cont { width: 1200px; margin: 0 auto; overflow: hidden }
.cs_Center .web_Cont .cs_Pnumber { width: 1198px; border: 1px solid #e8e8e8; background: #fff; height: 150px; text-align: center; margin-top: 70px; }
.cs_Center .web_Cont .cs_Pnumber .info { float: left; width: 340px; 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: 359px }
.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: 385px; 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: 1198px; 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: 180px; 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; }

.danta { min-width: 1200px; }
body.scr .danta { margin-top: 110px; }
.danta_pt1 { min-width: 1200px; height: 700px; background-image: url('/img/2018/premium_pt1_bg.png'); background-position: center center; background-repeat: no-repeat; }
.danta_pt2 { min-width: 1200px; height: 230px; background-image: url('/img/2018/premium_pt2_bg.png'); background-position: center center; background-repeat: no-repeat; }
.danta_pt3 { min-width: 1200px; height: 765px; background: #ffd541; }
.danta_pt3 .top { height: 106px; padding-top: 100px; text-align: center; }
.danta_pt3 .mid { height: 295px; text-align: center; position: relative; padding-top: 45px; }
.danta_pt3 .mid .left { display: inline-block; margin-right: 3px; width: 317px; height: 264px; z-index: 3; }
.danta_pt3 .mid .right { display: inline-block; margin-left: 3px; width: 317px; height: 264px; z-index: 3; }
.danta_pt3 .mid .arrow { position: absolute; width: 92px; height: 63px; top: 50%; left: 50%; margin: -31.5px 0 0 -46px; z-index: 2 }
.danta_pt3 .bot { height: 95px; text-align: center; }
.danta_pt4 { height: 1050px; }
.danta_pt4 .ment { height: 149px; text-align: center; padding-top: 80px; }
.danta_pt4 .circle { width: 765px; height: 618px; margin: 50px auto 0 auto; position: relative; }
.danta_pt4 .circle .cc1 { position: absolute; top: 10px; right: 108px; z-index: 1; }
.danta_pt4 .circle .cc2 { position: absolute; top: 0; right: 190px; z-index: 2; }
.danta_pt4 .circle .cc3 { position: absolute; top: 98px; right: 0; z-index: 3; }
.danta_pt4 .circle .cc4 { position: absolute; top: 315px; right: 46px; z-index: 4; }
.danta_pt4 .circle .cc5 { position: absolute; top: 10px; left: 0; z-index: 5; }
.danta_pt4 .circle .cc5 a { position: absolute; bottom: 120px; left: 170px; }
.danta_pt5 { height: 820px; background: #393939; }
.danta_pt5 .title { height: 97px; text-align: center; padding-top: 103px; }
.danta_pt5 .content { height: 550px; width: 1200px; margin: 60px auto 0 auto; text-align: center; }
.danta_pt5 .content .left { width: 400px; height: 100%; float: left; position: relative; margin-left:130px; }
.danta_pt5 .content .center { width: 400px; height: 100%; float: left; position: relative; }
.danta_pt5 .content .right { width: 300px; height: 100%; float: left; position: relative; }
.danta_pt5 .content .line { margin: 0 74px; float: left; width: 1px; height: 460px; background-color: #464646 }
.danta_pt5 .content a.view_btn { position: absolute; bottom: 0; left: 50%; margin-left: -90px; width: 180px; height: 54px; }
.danta_pt6 { height: 750px; text-align: center; }
.danta_pt6 .top { padding-top: 100px; height: 230px; }
.danta_pt6 .mid { height: 361px; }
.danta_pt6 .mid .line_top { padding: 65px 0 40px 0; height: 35px; }
.danta_pt6 .mid .line_bot { padding: 40px 0 45px 0; height: 21px; }
.danta_pt6 .mid .count span.number { font-family: 'Spoqa Han Sans'; font-size: 90px; }
.danta_pt6 .mid .count span.text { font-size: 33px; margin-left: 20px; margin-bottom: 11px; display: inline-block; vertical-align: bottom; }
.danta_pt6 .bot { margin-top: 50px; height: 105px; }
.danta_pt7 { height: 1070px; background: #fafafa; }
.danta_pt7 .title { padding-top: 100px; text-align: center; height: 112px; }
.danta_pt7 .content { height: 800px; width: 1200px; margin: 58px auto 0 auto; overflow: hidden; }
.danta_pt7 .content .left { float: left; width: 592px; height: 800px; position: relative; }
.danta_pt7 .content .left .box1 { position: absolute; top: 32px; left: 0; }
.danta_pt7 .content .left .box3 { position: absolute; top: 283px; left: 0; }
.danta_pt7 .content .center { float: left; width: 7px; height: 800px; margin: 0 4px; overflow: hidden; }
.danta_pt7 .content .right { float: left; width: 592px; height: 800px; position: relative; }
.danta_pt7 .content .right .box2 { position: absolute; top: 116px; right: 0; }
.danta_pt7 .content .right .box4 { position: absolute; top: 365px; right: 0; }
.danta_pt8 { height: 199px; background-image: url('/img/2018/danta_pt8_bg.png'); background-position: center center; background-repeat: no-repeat; }
.danta_pt9 { height: 685px; text-align: center; letter-spacing: -0.3px }
.danta_pt9 .table { height: 491px; padding-top: 100px }
.danta_pt10 { height: 710px; background-image: url('/img/2018/premium_pt10_bg.png'); background-position: center center; background-repeat: no-repeat; }
.danta_pt10 .content { font-size: 0; display: block; padding-top: 300px; text-align: center; }

.soac { min-width: 1200px; }
body.scr .soac { margin-top: 110px; }
.soac_pt1 { height: 750px; background-image: url('/img/2018/jongga_pt1_bg.png'); background-position: center center; background-repeat: no-repeat; }
.soac_pt2 { height: 550px; text-align: center; padding-top: 100px; }
.soac_pt3 { height: 785px; background: #f2f2f2; }
.soac_pt3 .title { text-align: center; padding: 100px 0; }
.soac_pt3 .content { width: 1200px; margin: 0 auto; }
.soac_pt3 .content .t1 { padding: 0 60px 0 399px; }
.soac_pt3 .content .t2 { width: 1200px; height: 90px; margin-top: 10px; margin-bottom: 15px; }
.soac_pt3 .content .t2 .b1 { float: left; margin-right: 10px; }
.soac_pt3 .content .t2 .b2 { float: left; margin-right: 10px; }
.soac_pt3 .content .t2 .b3 { float: left; }
.soac_pt3 .content .t3 { width: 930px; padding-left: 270px; margin-top: 15px; height: 15px; }
.soac_pt3 .content .t3 img { display: inline-block; vertical-align: top; }
.soac_pt3 .content .t3 .b1 { float: left; width: 320px; text-align: center; margin-right: 10px; height: 15px; }
.soac_pt3 .content .t3 .b2 { float: left; width: 600px; text-align: center; height: 15px; }
.soac_pt3 .content .t4 { width: 930px; padding-left: 270px; height: 16px; }
.soac_pt3 .content .t4 img { display: inline-block; vertical-align: top; }
.soac_pt3 .content .t4 .b1 { float: left; width: 293px; margin-right: 10px; height: 16px; margin-top: 25px; }
.soac_pt3 .content .t4 .b1 a { margin-left: 5px; }
.soac_pt3 .content .t4 .b2 { float: left; width: 542px; padding-left: 55px; height: 16px; margin-top: 26px; }
.soac_pt4 { height: 1050px; }
.soac_pt4 .title { padding-top: 118px; text-align: center; }
.soac_pt4 .circle { width: 765px; height: 618px; margin: 50px auto 0 auto; position: relative; }
.soac_pt4 .circle .cc1 { position: absolute; top: 10px; right: 108px; z-index: 1; }
.soac_pt4 .circle .cc2 { position: absolute; top: 0; right: 190px; z-index: 2; }
.soac_pt4 .circle .cc3 { position: absolute; top: 98px; right: 0; z-index: 3; }
.soac_pt4 .circle .cc4 { position: absolute; top: 315px; right: 46px; z-index: 4; }
.soac_pt4 .circle .cc5 { position: absolute; top: 10px; left: 0; z-index: 5; }
.soac_pt4 .circle .cc5 a { position: absolute; bottom: 120px; left: 170px; }
.soac_pt5 { background: #f2f2f2; height: 590px; text-align: center; }
.soac_pt5 .content { width: 1200px; margin: 0 auto; }
.soac_pt5 .content .left { width: 600px; height: 180px; float: left; margin-top: 180px; }
.soac_pt5 .content .right { width: 600px; height: 500px; float: left; margin-top: 100px; position: relative; }
.soac_pt5 .content .right .box1 { float: left; position: absolute; top: 25px; left: 0; z-index: 1; }
.soac_pt5 .content .right .box2 { float: left; position: absolute; top: 0; left: 260px; z-index: 2; }
.soac_pt6 { height: 970px; }
.soac_pt6 .title { text-align: center; padding-top: 155px; }
.soac_pt6 .content { text-align: center; width: 1200px; height: 400px; margin: 100px auto 0 auto; }
.soac_pt6 .content .qna1 { width: 378px; height: 600px; float: left; margin-right: 32px; }
.soac_pt6 .content .qna2 { width: 378px; height: 600px; float: left; margin-right: 32px; }
.soac_pt6 .content .qna3 { width: 378px; height: 600px; float: left; }
.soac_pt6 .content .q { margin-bottom: 55px; }
.soac_pt6 .content .a { position: relative; }
.soac_pt6 .content .qna1 .a a { position: absolute; top: 193px; left: 50%; margin-left: -160.5px; }
.soac_pt6 .content .qna3 .a a { position: absolute; top: 235px; left: 50%; margin-left: -160.5px; }
.soac_pt7 { height: 790px; background: #fff; text-align: center; }
.soac_pt7 .top { padding-top: 100px; height: 230px; }
.soac_pt7 .mid { height: 361px; }
.soac_pt7 .mid .line_top { padding: 65px 0 40px 0; height: 35px; }
.soac_pt7 .mid .line_bot { padding: 40px 0 45px 0; height: 21px; }
.soac_pt7 .mid .count span.number { font-family: 'Spoqa Han Sans'; font-size: 90px; }
.soac_pt7 .mid .count span.text { font-size: 33px; margin-left: 20px; margin-bottom: 11px; display: inline-block; vertical-align: bottom; }
.soac_pt7 .bot { margin-top: 50px; height: 105px; }
.soac_pt8 { height: 500px; background-image: url('/img/2018/jongga_pt8_bg.png'); background-position: center center; background-repeat: no-repeat; }
.soac_pt9 { height: 710px; background-image: url('/img/2018/jongga_pt9_bg.png'); background-position: center center; background-repeat: no-repeat; }
.soac_pt9 .content { font-size: 0; display: block; padding-top: 300px; text-align: center; }

.tenMinute { min-width: 1200px; }
body.scr .tenMinute { margin-top: 110px; }
.tenMinute_pt1 { height: 750px; background-image: url('/img/2018/tenminute_pt1_bg.png'); background-position: center center; background-repeat: no-repeat; }
.tenMinute_pt1 .time { width: 454px; height: 165px; margin: 0 auto; padding-top: 315px; position: relative; }
.tenMinute_pt1 .time div { position: absolute; }
.tenMinute_pt1 .time div img { position: absolute; top: 0; left: 0; }
.tenMinute_pt1 .time .m_ten { top: 315px; left: 0; }
.tenMinute_pt1 .time .m_one { top: 315px; left: 110px; }
.tenMinute_pt1 .time .point { top: 345px; left: 220px; }
.tenMinute_pt1 .time .s_ten { top: 315px; left: 254px; }
.tenMinute_pt1 .time .s_one { top: 315px; left: 364px; }
.tenMinute_pt2 { height: 450px; }
.tenMinute_pt2 .content { height: 250px; padding-top: 100px; width: 1200px; margin: 0 auto; }
.tenMinute_pt2 .content .ment { float: left; width: 457px; padding-top: 59.5px; }
.tenMinute_pt2 .content .check { float: left; width: 185px; text-align: center; }
.tenMinute_pt2 .content .check.c1 { border-right: 1px solid #f2f2f2; }
.tenMinute_pt2 .content .check.c2 { border-right: 1px solid #f2f2f2; }
.tenMinute_pt2 .content .check.c3 { border-right: 1px solid #f2f2f2; }
.tenMinute_pt2 .content .check.c4 { }
.tenMinute_pt2 .content .check .p1 { height: 84px; }
.tenMinute_pt2 .content .check .p1 .before { display: block; margin: 0 auto; }
.tenMinute_pt2 .content .check .p1 .after { display: none; margin: 0 auto; }
.tenMinute_pt2 .content .check.active .p1 .before { display: none; margin: 0 auto; }
.tenMinute_pt2 .content .check.active .p1 .after { display: block; margin: 0 auto; }
.tenMinute_pt2 .content .check .p2 { height: 66px; }
.tenMinute_pt2 .content .check .p3 { height: 77px; padding-top: 15px; }
.tenMinute_pt2 .content .check .p3 input[type=checkbox] { border: 2px solid #999999; width: 23px; height: 23px; }
.tenMinute_pt2 .content .check .p4 { height: 23px; font-size: 14px; line-height: 23px; }
.tenMinute_pt2 .content .check .p4 img { display: inline-block; vertical-align: top; height: 23px; margin-right: 5px; }
.tenMinute_pt2 .content .check .p4 img.before { display: inline-block; }
.tenMinute_pt2 .content .check .p4 img.after { display: none; }
.tenMinute_pt2 .content .check.active .p4 img.before { display: none; }
.tenMinute_pt2 .content .check.active .p4 img.after { display: inline-block; }
.tenMinute_pt2 .content .check .p4 span { display: inline-block; vertical-align: top; height: 23px; color: #999999; }
.tenMinute_pt2 .content .check .p4 span strong { margin-right: 2px; color: #292929; }
.tenMinute_pt3 { height: 300px; background-image: url('/img/2018/tenminute_pt3_bg.png'); background-position: center center; background-repeat: no-repeat; }
.tenMinute_pt4 { height: 1020px; background-image: url('/img/2018/tenminute_pt4_bg.png'); background-position: center center; background-repeat: no-repeat; z-index: 1 }
.tenMinute_pt4 .content { width: 1200px; height: 1020px; margin: 0 auto; position: relative; overflow: hidden; }
.tenMinute_pt4 .content .piece { position: absolute; width: 203px; height: 152px; left: 354px; top: 606px; transform: scale(0.7); transition: all 1.5s; }
.tenMinute_pt4 .content .piece.ani { left: 384px; top: 585px; transform: scale(1); }
.tenMinute_pt4 .content .message { position: absolute; left: 669px; top: 1019px; width: 280px; height: 1px; }
.tenMinute_pt4 .content .message img { position: absolute; left: 0; bottom: -249px; width: 280px; height: 249px; transition: all 1.5s; z-index: 1 }
.tenMinute_pt4 .content .message.ani img { bottom: 0; }
.tenMinute_pt5 { height: 910px; background-image: url('/img/2018/tenminute_pt5_bg.png'); background-position: center center; background-repeat: no-repeat; }
.tenMinute_pt5 .c { width: 1200px; height: 910px; position: relative; margin: 0 auto; }
.tenMinute_pt5 .c .cc1 { position: absolute; top: 472px; left: 100px; z-index: 1 }
.tenMinute_pt5 .c .cc2 { position: absolute; top: 472px; left: 370px; z-index: 1 }
.tenMinute_pt5 .c .cc3 { position: absolute; top: 472px; left: 798px; z-index: 1 }
.tenMinute_pt6 { height: 850px; background-image: url('/img/2018/tenminute_pt6_bg.png'); background-position: center center; background-repeat: no-repeat; }
.tenMinute_pt7 { height: 795px; background-image: url('/img/2018/tenminute_pt7_bg.png'); background-position: center center; background-repeat: no-repeat; }
.tenMinute_pt7 .content { width: 1200px; height: 795px; margin: 0 auto; position: relative; }
.tenMinute_pt7 .content .chart { position: absolute; width: 80px; height: 1px; right: 253px; bottom: 192px; }
.tenMinute_pt7 .content .chart .stick { width: 80px; height: 1px; background: #f47622; position: absolute; bottom: 0; left: 0; transition: all 1.5s; }
.tenMinute_pt7 .content .chart.ani .stick { height: 350px; }
.tenMinute_pt7 .content .message { position: absolute; top: 278px; right: 15px; }
.tenMinute_pt7 .content .message img { opacity: 0; transform: scale(0.3); transition: all 1.5s; }
.tenMinute_pt7 .content .message.ani img { opacity: 1; transform: scale(1); }
.tenMinute_pt8 { height: 710px; background-image: url('/img/2018/premium_pt10_bg.png'); background-position: center center; background-repeat: no-repeat; }
.tenMinute_pt8 .content { font-size: 0; display: block; padding-top: 300px; text-align: center; }

.fact { min-width: 1200px; }
body.scr .fact { margin-top: 110px; }
.fact_con1 { background: url('/img/2018/fact_bg1.png')center top no-repeat; height: 2749px; text-align: center; }
.fact_con2 { background: url('/img/2018/fact_bg2.png')center top no-repeat; height: 1370px; text-align: center; }
.fact_con2 .con2_btn { padding-top: 825px; }
.fact_con2 .con2_btn p { letter-spacing: -1px; font-size: 30px; }
.fact_con2 .con2_btn p span { font-weight: bold; }
.fact_con2 .con2_btn p a { font-size: 24px; display: inline-block; background-color: #111; color: #ffd541; margin-left: 20px; padding: 0 20px; border-radius: 30px; }
.fact_con2 .con2_btn p a:hover { background-color: #fff; color: #111; transition: 0.3s; font-weight: bold; }
.fact_con3 { background: url('/img/2018/fact_bg3.png')center top no-repeat; height: 1450px; text-align: center; }
.fact_con3 .con3_cons { width: 1200px; margin: 0 auto; }
.fact_con3 .con3_cons .con3_con { width: 300px; display: inline-block; margin-top: 530px; }
.fact_con3 .con3_cons .con3_con:nth-child(2) { margin: 0 100px; }
.fact_con3 .con3_cons .con3_con img { width: 300px; }
.fact_con3 .con3_cons .con3_con p { font-size: 24px; letter-spacing: -1px; margin-top: 50px; margin-bottom: 50px; font-weight: lighter; }
.fact_con3 .con3_cons .con3_con .con3_btn { font-size: 24px; letter-spacing: -1px; padding: 15px 30px; background-color: #ff0030; color: #fff; border-radius: 10px; }
.fact_con3 .con3_cons .con3_con .con3_btn:hover { color: #ff0030; background-color: #fff; transition: 0.3s; }
.fact_con4 { background: url('/img/2018/fact_bg4_fix.png')center top no-repeat; height: 6040px; text-align: center; }

.rank { min-width: 1200px; }
body.scr .rank { margin-top: 110px; }
.rank_pt1 { background: url('/img/2018/rank_bg1.png')center top no-repeat; height: 720px; position: relative; }
.rank_pt1 .content { width: 1200px; margin: 0 auto; padding-top: 320px; }
.rank_pt1 .content .medal_box { width: 457px; height: 400px; }
.rank_pt1 .content .medal_box.left { float: left; margin-left: 73px; }
.rank_pt1 .content .medal_box.right { float: right; margin-right: 73px; }
.rank_pt1 .content .medal_box .rank_user { height: 200px; float: left; text-align: center; }
.rank_pt1 .content .medal_box .rank_user.first { width: 155px; }
.rank_pt1 .content .medal_box .rank_user.second { width: 151px; margin-top: 68px; }
.rank_pt1 .content .medal_box .rank_user.third { width: 151px; margin-top: 68px; }
.rank_pt1 .content .medal_box .rank_user .nick_name { color: #fff; font-size: 18px; text-shadow: 1px 1px 3px #333; }
.rank_pt1 .content .medal_box .rank_user .nick_name span { font-weight: bold; }
.rank_pt1 .content .medal_box .rank_user .nick_name .ranking { display: block; margin: 0 auto 5px auto; }
.rank_pt1 .content .medal_box .rank_user .profile { margin-top: 10px; position: relative; }
.rank_pt1 .content .medal_box .rank_user .profile .user_image { width: 100px; height: 100px; border-radius: 50px; position: absolute; top: 8px; left: 50%; margin-left: -50px; z-index: 2; }
.rank_pt1 .content .medal_box .rank_user .profile .bay_tree { width: 134px; height: 121px; position: absolute; top: 0; left: 50%; margin-left: -67px; z-index: 3; }
.rank_pt1 .content .medal_box .rank_user .profile .medal { width: 45px; height: 73px; position: absolute; top: 100px; left: 50%; margin-left: -22.5px; z-index: 1; }
.rank_pt1 > canvas { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.rank_pt2 { }
.rank_pt2 .content { width: 1200px; margin: 0 auto; overflow: hidden; padding-bottom: 40px; }
.rank_pt2 .content .caption { color: #a0a0a0; font-size: 12px; text-align: right; margin: 50px 0; }
.rank_pt2 .content .rank_box { float: left; }
.rank_pt2 .content .rank_box.left { width: 470px; padding-right: 70px; }
.rank_pt2 .content .rank_box.right { width: 589px; padding-left: 70px; border-left: 1px solid #868686; }
.rank_pt2 .content .rank_box .title { text-align: center; }
.rank_pt2 .content .rank_box .title img { display: block; margin: 0 auto 5px auto; }
.rank_pt2 .content .rank_box .title span { font-size: 14px; color: #727374; }
.rank_pt2 .content .rank_box .rank_list { margin-top: 50px; }
.rank_pt2 .content .rank_box .rank_list .item { border: 1px solid #636363; border-radius: 31.5px; padding: 0 32px; height: 63px; margin-bottom: 10px; overflow: hidden; }
.rank_pt2 .content .rank_box .rank_list .item > span { float: left; vertical-align: top; }
.rank_pt2 .content .rank_box .rank_list .item .num { width: 48px; text-align: center; }
.rank_pt2 .content .rank_box .rank_list .item .num > span { font-size: 26px; display: inline-block; vertical-align: top; height: 63px; line-height: 63px; font-family: 'Spoqa Han Sans'; }
.rank_pt2 .content .rank_box .rank_list .item .updown { font-size: 20px; font-family: 'Spoqa Han Sans'; height: 63px; line-height: 63px; width: 80px; text-align: center; }
.rank_pt2 .content .rank_box .rank_list .item .updown > span { vertical-align: top; display: inline-block; }
.rank_pt2 .content .rank_box .rank_list .item .updown > strong { font-size: 12px; vertical-align: top; margin-top: 2px; display: inline-block; margin-left: 2px; }
.rank_pt2 .content .rank_box .rank_list .item .updown.red { color: #ff4f4f; }
.rank_pt2 .content .rank_box .rank_list .item .updown.blue { color: #00a2ff; }
.rank_pt2 .content .rank_box .rank_list .item .profile { padding-top: 8px; width: 110px; text-align: center; }
.rank_pt2 .content .rank_box .rank_list .item .profile img { width: 47px; height: 47px; border-radius: 47px; }
.rank_pt2 .content .rank_box .rank_list .item .nick_name { width: 166px; height: 63px; line-height: 63px; text-align: center; }
.rank_pt2 .content .rank_box .rank_list .item .count { font-family: 'Spoqa Han Sans'; width: 119px; height: 63px; line-height: 63px; text-align: center; }


/*-----------------------------------------------------------------------
    
    VIP체험신청 홈

-----------------------------------------------------------------------*/

/*initial*/

.free_apply_wrap { min-width: 1200px; }
body.scr .free_apply_wrap { margin-top: 110px; }

.free_apply_wrap { position: relative; letter-spacing: -0.8px; background: #f5f5f5; background: url(/img/2018/free_apply_bg.png)center top; background-size: 38%; }
.free_apply_wrap .aplineL { width: 100%; height: 12px; border-top: 1px solid #e8e8e8; background-color: #f2f2f2 }
.free_apply_wrap .aplineS { width: 100%; height: 3px; border-top: 1px solid #e8e8e8; background-color: #f2f2f2 }
.free_apply_wrap .li_more { display: inline-block; width: 100%; height: 80px; line-height: 80px; background: #fff; text-align: center; border-top: 1px solid #f2f2f2; }
.free_apply_wrap .li_more span { vertical-align: middle; color: #777; font-size: 13px }
.free_apply_wrap .li_more img { width: 12px; vertical-align: middle; opacity: 0.8; margin-left: 4px; margin-bottom: 2px; }

.free_apply_wrap .header_top { display: block; min-width: 1200px; margin: 0 auto; background-color: #333; }
.free_apply_wrap .header_top h1 { margin: 0 auto; color: #fff; text-align: center; padding: 20px 0 20px 0; font-size: 24px; font-weight: 400; }
.free_apply_wrap .header_bottom { background-color: #fff; min-width: 1200px; border-bottom: 1px solid #f0f0f0; margin: 0 auto; text-align: center; }
.free_apply_wrap .header_bottom a { width: 7%; display: inline-block; font-size: 15px; color: #777; border-right: 1px solid #eee; margin: 10px 0 10px 0; font-weight: 300; }
.free_apply_wrap .header_bottom a:last-child { border: none; }
.free_apply_home { margin: 0 auto; margin-top: 20px; overflow: hidden; }
.free_apply_home .top_menu { width: 1200px; margin: 0 auto; }
.free_apply_home .top_menu .left_menu { width: 55%; float: left; }
.free_apply_home .top_menu .left_menu .applicant { background: #fff; border: 1px solid #eee; padding: 20px; overflow: hidden; text-align: left }
.free_apply_home .top_menu .left_menu .applicant span { color: #0f70ba; font-size: 25px; }
.free_apply_home .top_menu .left_menu .applicant .count { font-weight: 600; margin: 0 5px 0 5px; font-size: 32px; }
.free_apply_home .top_menu .left_menu .applicant .btn { color: #0f70ba; border: 1px solid#0f70ba; padding: 10px 20px; font-size: 18px; float: right; transition: 0.3s; }
.free_apply_home .top_menu .left_menu .applicant .btn:hover { color: #fff; background-color: #0f70ba; transition: 0.3s; }
.applicant_message_group { margin: 20px 0 20px 0; }
.applicant_message_group .applicant_message { display: flex; padding-left: 20px; height: 50px; line-height: 50px; background: #fff; border: 1px solid #eee; margin-top: 2px; }
.applicant_message_group .applicant_message .message { color: #777; flex: 2.0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-align: left; }
.applicant_message_group .applicant_message .message .date { color: #999; font-size: 14px; margin-right: 20px; }
.applicant_message_group .applicant_message .profile { flex: 1; float: right; }
.applicant_message_group .applicant_message .profile img { height: 30px; vertical-align: middle; border-radius: 30px; margin: 0 10px 2px 10px; }
.applicant_message_group .applicant_message .profile .user_nick { color: #333; }
.applicant_message_group .applicant_message .new { background: #ffc000; color: #fff; padding: 2px 10px 4px; border-radius: 10px; margin-right: 10px; }
.free_apply_home .right_menu { width: calc(45% - 20px); float: right; margin-left: 20px; }
.free_apply_home .right_menu .realtime_encore { background: #0f70ba; border: 1px solid #eee; overflow: hidden; height: 132px; }
.free_apply_home .right_menu .realtime_encore .title { padding: 20px; color: #fff; font-size: 24px; font-weight: 500; width: 20%; float: left; }
.free_apply_home .right_menu .realtime_encore .encore_list { background: #fff; width: 60%; float: right; margin: 3px 3px 0 0; height: 40px; line-height: 40px; }
.free_apply_home .right_menu .realtime_encore a { margin-bottom: 3px; }
.free_apply_home .right_menu .realtime_encore .encore_list .profile { color: #777; font-size: 14px; overflow: hidden; }
.free_apply_home .right_menu .realtime_encore .encore_list .profile .left { width: 70%; float: left; text-overflow: ellipsis; text-align: left; }
.free_apply_home .right_menu .realtime_encore .encore_list .profile .right { width: 25%; float: right; }
.free_apply_home .right_menu .realtime_encore .encore_list .profile img { height: 25px; border-radius: 25px; vertical-align: middle; margin-bottom: 2px; margin-left: 10px; margin-right: 10px; }
.free_apply_home .right_menu .realtime_encore .encore_list .profile .date { float: right; margin-right: 10px; font-size: 12px; color: #999 }
.free_apply_home .right_menu .vip_intro { background: #fff; border: 1px solid #eee; margin: 20px 0 20px 0; padding: 30px 30px 28px 30px; text-align: left; position: relative; }
.free_apply_home .right_menu .vip_intro p { color: #666; font-size: 38px; font-weight: 600; line-height: 46px; letter-spacing: -1.5px; margin-top: 10px; }
.free_apply_home .right_menu .vip_intro img { width: 65%; position: absolute; left: 280px; bottom: 0px; }
.free_apply_home .right_menu .vip_intro p.bold { color: #0f70ba; }
.free_apply_home .right_menu .vip_intro span { font-weight: 200; color: #666; display: block; margin-top: 10px; }
.free_apply_home .right_menu .vip_intro a { display: block; width: 110px; background: #0f70ba; transition: 0.3s; color: #fff; padding: 10px 20px; margin-top: 20px; margin-bottom: 9px; }
.free_apply_home .diary { background: url('/img/2018/diary_bg.png')center top no-repeat; min-width: 1200px; height: 650px; clear: both; margin-bottom: 30px; background-size: 143%; }
.free_apply_home .diary .diary_conts { width: 1200px; margin: 0px auto; position: relative; }
.free_apply_home .diary .diary_conts .con { width: 190px; height: 190px; overflow: hidden; position: relative; float: left; top: 120px; margin-right: 12px; margin-bottom: 12px; }
.free_apply_home .diary .diary_conts .con:nth-child(6n+1) { margin-right: 0; }
.free_apply_home .diary .diary_conts .con:nth-child(12n+1) { margin-right: 0; }
.free_apply_home .diary .diary_conts .more_btn { position: absolute; right: 0; top: 80px; color: #eee; font-size: 18px; }
.free_apply_home .diary .diary_conts .con .mouse_over { background: rgba(0,0,0,0.7); text-align: center; height: 240px; vertical-align: middle; padding-top: 30px; position: absolute; display: none; }
.free_apply_home .diary .diary_conts .con:hover .mouse_over { display: block; }
.free_apply_home .diary .diary_conts .con .mouse_over img { width: 60px; display: block; margin: 0 auto; border-radius: 300px; }
.free_apply_home .diary .diary_conts .con .mouse_over span { color: #eee; margin: 10px 0 10px; display: inline-block; font-weight: 200; font-size: 14px; }
.free_apply_home .diary .diary_conts .con .mouse_over .user_nick { font-weight: 600; }
.free_apply_home .diary .diary_conts .con .mouse_over p { color: #eee; border: 1px solid #999; display: inline-block; padding: 2px 30px; }
.free_apply_home .diary .diary_conts .con .mouse_out { background: #eee; height: 190px; }
.free_apply_home .diary .diary_conts .con .mouse_out .table { display: table; }
.free_apply_home .diary .diary_conts .con .mouse_out .table_cell { display: table-cell; height: 190px; vertical-align: middle; }
.free_apply_home .diary .diary_conts .con .mouse_out img { width: 190px; }
.free_apply_home .bottom_menu { width: 1200px; margin: 0 auto; overflow: hidden; }
.free_apply_home .bottom_menu a { display: inline-block; width: 240px; }
.free_apply_home .bottom_menu a p { font-weight: bold; font-size: 18px; margin-top: 20px; }
.free_apply_home .bottom_menu a img { width: 100px; }
.free_apply_home .bottom_menu a img.mouse_over { display: none; }
.free_apply_home .bottom_menu a span { font-size: 14px; color: #777; }
/*----a:hover----*/
.free_apply_home .bottom_menu a:hover img.mouse_over { display: inline-block; }
.free_apply_home .bottom_menu a:hover img.mouse_out { display: none; }

/*----VIP체험신청 소개----*/

.free_apply_intro { min-width: 1200px; padding-bottom: 100px; }
.free_apply_intro .banner { text-align: center; background: #3d9fea; padding-top: 30px; height: 218px; }
.free_apply_intro .banner p { }
.free_apply_intro .conts { width: 1200px; margin: -53px auto 0; background: #fff; border: 1px solid #eee; letter-spacing: -1px; font-size: 14px; }
.free_apply_intro .conts .con1 { overflow: hidden; border-bottom: 1px solid #eee; width: 900px; margin: 0 auto; }
.free_apply_intro .conts .con1 .left { width: 300px; float: left; text-align: right; padding-right: 10px; }
.free_apply_intro .conts .con1 .left h2 { font-size: 120px; color: #e2f1fc; margin: 0; }
.free_apply_intro .conts .con1 .right { width: 400px; float: left; padding-top: 20px; margin-left: 10px; text-align: left; }
.free_apply_intro .conts .con1 .right strong { display: block; font-size: 24px; color: #383838; }
.free_apply_intro .conts .con1 .right span { display: block; color: #888888; font-weight: lighter; margin-top: 7px; }
.free_apply_intro .conts .con1 .right a { background: #0f70ba; padding: 3px 20px; color: #fff; font-weight: lighter; margin-top: 10px; display: inline-block; font-size: 16px; }

.free_apply_intro .conts .con2 { overflow: hidden; border-bottom: 1px solid #eee; width: 900px; margin: 0 auto; text-align: left; }
.free_apply_intro .conts .con2 .left { width: 300px; float: left; text-align: right; padding-right: 10px; }
.free_apply_intro .conts .con2 .left h2 { font-size: 120px; color: #e2f1fc; margin: 0; }
.free_apply_intro .conts .con2 .right { width: 580px; float: left; padding-top: 20px; margin-left: 10px; }
.free_apply_intro .conts .con2 .right strong { display: block; font-size: 24px; color: #383838; }
.free_apply_intro .conts .con2 .right span { display: block; color: #888888; font-weight: lighter; margin-top: 7px; }
.free_apply_intro .conts .con2 .right a { background: #0f70ba; padding: 3px 20px; color: #fff; font-weight: lighter; margin-top: 10px; display: inline-block; margin-right: 10px; margin-bottom: 33px; font-size: 16px; }

.free_apply_intro .conts .con3 { overflow: hidden; border-bottom: 1px solid #eee; width: 900px; margin: 0 auto; text-align: left; }
.free_apply_intro .conts .con3 .left { width: 300px; float: left; text-align: right; padding-right: 10px; }
.free_apply_intro .conts .con3 .left h2 { font-size: 120px; color: #e2f1fc; margin: 0; }
.free_apply_intro .conts .con3 .right { width: 510px; float: left; padding-top: 20px; margin-left: 10px; }
.free_apply_intro .conts .con3 .right strong { display: block; font-size: 24px; color: #383838; }
.free_apply_intro .conts .con3 .right span { display: block; color: #888888; font-weight: lighter; margin-top: 7px; }
.free_apply_intro .conts .con3 .right img { margin: 10px 0 10px 0; }
.free_apply_intro .conts .con3 .right a { background: #0f70ba; padding: 3px 20px; color: #fff; font-weight: lighter; display: inline-block; margin-bottom: 33px; font-size: 16px; }

.free_apply_intro .conts .con4 { overflow: hidden; border-bottom: 1px solid #eee; width: 900px; margin: 0 auto; text-align: left; }
.free_apply_intro .conts .con4 .left { width: 300px; float: left; text-align: right; padding-right: 10px; }
.free_apply_intro .conts .con4 .left h2 { font-size: 120px; color: #e2f1fc; margin: 0; }
.free_apply_intro .conts .con4 .right { width: 580px; float: left; padding-top: 20px; margin-left: 10px; }
.free_apply_intro .conts .con4 .right strong { display: block; font-size: 24px; color: #383838; }
.free_apply_intro .conts .con4 .right span { display: block; color: #888888; font-weight: lighter; margin-top: 7px; }
.free_apply_intro .conts .con4 .right a { background: #0f70ba; padding: 3px 20px; color: #fff; font-weight: lighter; display: inline-block; margin-bottom: 33px; margin-top: 10px; margin-right: 10px; font-size: 16px; }

/*----VIP체험신청 신청하기----*/

.free_apply_list { min-width: 1200px; margin: 0 auto; text-align: center; padding-bottom: 50px; }
.free_apply_list .banner { text-align: center; background-color: #3d9fea; height: 200px; }
.free_apply_list .banner img { margin: 0 auto; }
.free_apply_list .conts { width: 1200px; margin: 50px auto 0; background: #fff; padding-top: 50px; position: relative; }
.free_apply_list .conts .already { padding: 20px; }
.free_apply_list .conts .already span { display: block; text-align: center; }
.free_apply_list .conts .already a { padding: 5px 20px; background: #00508c; color: #fff; margin: 10px; display: inline-block; }
.free_apply_list .ex_applytxt { display: block; overflow: hidden; margin: 0 auto; width: 800px; padding-top: 50px; }
.free_apply_list .ex_applytxt .tx { float: left; resize: none; width: calc(82% - 17px); height: 62px; padding: 8px; font-size: 14px; border: 1px solid #ddd; border-right: none; outline-style: none; vertical-align: middle; letter-spacing: -0.7px; background-color: #f2f2f2; }
.free_apply_list .ex_applytxt .combtn { float: left; display: block; width: 18%; height: 80px; line-height: 80px; background-color: #00508c; color: #fff; text-align: center; vertical-align: middle; font-size: 14px; font-weight: bold; }
.free_apply_list .exm { width: 800px; margin: 0px auto; text-align: left; padding-bottom: 30px; }
.free_apply_list .exm img { width: 21px; opacity: 0.6; vertical-align: middle; margin-bottom: 1px; }
.free_apply_list .exm span { font-weight: lighter; color: #666; display: inline-block; margin-top: 10px; }
.free_apply_list .apply_list { width: 1200px; margin: 0 auto; background: #fff; padding-bottom: 10px; }
.free_apply_list .apply_list .list { width: 800px; margin: 00px auto; border-top: 1px solid #eee; border-bottom: 1px solid #eee; padding-top: 20px; }
.free_apply_list .apply_list .list .top { width: 100%; overflow: hidden; }
.free_apply_list .apply_list .list .top .left { float: left; padding-left: 10px; }
.free_apply_list .apply_list .list .top .left img { width: 40px; border-radius: 40px; vertical-align: middle; margin-bottom: 3px; }
.free_apply_list .apply_list .list .top .left span { vertical-align: middle; font-size: 16px; color: #666; }
.free_apply_list .apply_list .list .top .left .bar { border-right: 1px solid #eee; margin: 10px; height: 12px; display: inline-block; }
.free_apply_list .apply_list .list .top .left .user_nick { margin-left: 10px; }
.free_apply_list .apply_list .list .top .left .date { color: #999; font-weight: 200; font-size: 12px; }
.free_apply_list .apply_list .list .top .right { float: right; }
.free_apply_list .apply_list .list .top .right .case1 { background: #777; color: #fff; padding: 0px 15px 2px; }
.free_apply_list .apply_list .list .top .right .case2 { background: #ddd; color: #666; padding: 0px 15px 2px; }
.free_apply_list .apply_list .list .top .right .case3 { background: #f37333; color: #fff; padding: 0 15px 2px; }
.free_apply_list .apply_list .list .bottom { }
.free_apply_list .apply_list .list .bottom .text_area { text-align: left; padding: 10px; font-size: 14px; color: #444; line-height: 20px; letter-spacing: -1px; }
.free_apply_list .apply_list .list .bottom .reaple_area { text-align: left; background: #eee; padding: 10px; font-weight: 300; color: #666; font-size: 14px; letter-spacing: -1px; }
.free_apply_list .page { width: 800px; margin: 0 auto; background: #fff; padding: 20px 0 50px 0; border-top: 1px solid #eee; }
.free_apply_list .page a { font-size: 14px; color: #777; font-weight: 300; letter-spacing: 2px; }
.free_apply_list .page a .sel { font-weight: 500; color: #333; }

/*-----VIP체험신청 문의하기-----*/

.free_apply_qna { min-width: 1200px; margin: 0 auto; text-align: center; padding-bottom: 50px; }
.free_apply_qna .banner { text-align: center; background-color: #3d9fea; height: 200px; }
.free_apply_qna .banner img { }
.free_apply_qna .conts { width: 1200px; margin: 0 auto; }
.free_apply_qna .asked_qna { width: 1200px; margin: 0 auto; overflow: hidden; }
.free_apply_qna .qna_before { float: left; width: 69%; margin: 10px auto; background: #fff; border: 1px solid #eee; overflow: hidden; padding: 20px 0 20px 0; display: inline-block; margin-top: 50px; }
.free_apply_qna .qna_before img { width: 30px; opacity: 0.6; vertical-align: middle; margin-bottom: 1px; float: left; margin-left: 20px; }
.free_apply_qna .qna_before span { font-weight: lighter; color: #666; font-size: 18px; float: left; margin-left: 20px; }
.free_apply_qna .qna_before p { float: right; margin-right: 20px; color: #777; }
.free_apply_qna .qna_before p img { float: right; width: 20px; margin-top: 3px; }
.free_apply_qna .qna_write { float: right; width: 30%; margin: 10px auto; background: #fff; border: 1px solid #eee; overflow: hidden; display: inline-block; margin-top: 50px; height: 67px; line-height: 67px; color: #fff; background: #0f70ba; font-weight: 600; font-size: 18px }
.free_apply_qna .qna_write img { width: 25px; opacity: 0.6; vertical-align: middle; margin-bottom: 3px; margin-right: 5px; }
.free_apply_qna .conts { }
.free_apply_qna .conts .qna_list { border: 1px solid #eee; background: #fff; margin-bottom: 2px; font-size: 14px; height: 35px; line-height: 35px; padding-bottom: 2px; }
.free_apply_qna .conts .qna_list .con { overflow: hidden; }
.free_apply_qna .conts .qna_list .con .left { text-align: left; width: 821px; float: left; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.free_apply_qna .conts .qna_list .con .left a { color: #666; font-size: 14px; vertical-align: middle; padding-left: 20px; display: inline-block; }
.free_apply_qna .conts .qna_list .con .right { float: left; }
.free_apply_qna .conts .qna_list .con .right .profile img { width: 20px; border-radius: 20px; vertical-align: middle; }
.free_apply_qna .conts .qna_list .con .right .profile span { margin-left: 15px; margin-right: 15px; padding: 0; vertical-align: middle; }
.free_apply_qna .conts .qna_list .con .right .profile .user_nick { color: #666; overflow: hidden; text-overflow: ellipsis; width: 130px; display: inline-block; white-space: nowrap; }
.free_apply_qna .conts .qna_list .con .right .profile .date { color: #999; font-weight: 200; font-size: 12px; display: inline-block; width: 50px; }
.free_apply_qna .conts .qna_list .con .right .profile .case1 { background: #ddd; color: #666; padding: 2px 10px; }
.free_apply_qna .conts .qna_list .con .right .profile .case2 { background: #f37333; color: #fff; padding: 2px 10px; }
.free_apply_qna .page { padding: 20px 0 50px 0; }
.free_apply_qna .page a { font-size: 14px; color: #777; font-weight: 300; letter-spacing: 2px; }
.free_apply_qna .page a .sel { font-weight: 500; color: #333; }

/*----VIP체험신청 문의 상세페이지----*/

.free_apply_qna .view_wrap { width: 1200px; margin: 50px auto; background-color: #fff; border: 1px solid #eee; }
.free_apply_qna .view_wrap .view_list { padding: 20px; }
.free_apply_qna .view_wrap .view_list .top { width: 100%; overflow: hidden; border-bottom: 1px dashed #666; height: 50px; line-height: 50px; }
.free_apply_qna .view_wrap .view_list .top .title { width: 65%; float: left; text-align: left; font-size: 21px; font-weight: bold; color: #333; }
.free_apply_qna .view_wrap .view_list .top .profile { width: 30%; float: right; overflow: hidden; font-size: 14px; }
.free_apply_qna .view_wrap .view_list .top .profile .date { width: 30%; overflow: hidden; font-size: 13px; color: #999; margin: 0px 10px; border-left: 1px solid #eee; padding: 0px 10px; font-weight: lighter; }
.free_apply_qna .view_wrap .view_list .top .profile img { width: 30px; border-radius: 30px; float: left; margin-top: 10px; }
.free_apply_qna .view_wrap .view_list .top .profile .case1 { background: #ddd; color: #666; padding: 2px 10px; margin-left: 10px; }
.free_apply_qna .view_wrap .view_list .top .profile .case2 { background: #f37333; color: #fff; padding: 2px 10px; margin-left: 10px; }
.free_apply_qna .view_wrap .view_list .bottom { margin-top: 10px; font-size: 14px; color: #666; }
.free_apply_qna .view_wrap .view_list .bottom .text_area { text-align: left; border-bottom: 1px solid #eee; padding-bottom: 10px; margin-bottom: 20px; min-height: 300px; }
.free_apply_qna .view_wrap .view_list .bottom .answer { text-align: left; }
.free_apply_qna .view_wrap .view_list .bottom .answer .ttl { width: 250px; background: #7aa0d0; padding: 5px 10px; color: #fff; display: block; font-size: 18px; margin-bottom: 10px; }
.free_apply_qna .view_wrap .view_list .bottom .answer .comment { display: inline-block; }

.free_apply_qna .other_list { border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; width: 1200px; margin: 0 auto; padding: 20px 0 20px 0; margin-bottom: 25px; }
.free_apply_qna .prev { overflow: hidden; background: #fff; height: 37px; line-height: 37px; font-size: 14px; border: 1px solid #eee; margin-bottom: 3px; }
.free_apply_qna .prev .prv_btn { display: inline-block; width: 10%; float: left }
.free_apply_qna .prev .qna_list { margin-bottom: 1px; font-size: 14px; height: 35px; line-height: 35px; padding-bottom: 2px; width: 85%; float: right; }
.free_apply_qna .prev .qna_list .con { overflow: hidden; }
.free_apply_qna .prev .qna_list .con .left { text-align: left; width: 60%; float: left; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.free_apply_qna .prev .qna_list .con .left a { color: #666; font-size: 14px; vertical-align: middle; padding-left: 20px; display: inline-block; }
.free_apply_qna .prev .qna_list .con .right { float: right; }

.free_apply_qna .prev .qna_list .con .right .profile img { width: 20px; border-radius: 20px; vertical-align: middle; }
.free_apply_qna .prev .qna_list .con .right .profile span { margin-left: 15px; margin-right: 15px; padding: 0; vertical-align: middle; }
.free_apply_qna .prev .qna_list .con .right .profile .user_nick { color: #666; overflow: hidden; text-overflow: ellipsis; width: 100px; display: inline-block; white-space: nowrap; }
.free_apply_qna .prev .qna_list .con .right .profile .date { color: #999; font-weight: 200; font-size: 12px; }
.free_apply_qna .prev .qna_list .con .right .profile .case1 { background: #ddd; color: #666; padding: 2px 10px; }
.free_apply_qna .prev .qna_list .con .right .profile .case2 { background: #f37333; color: #fff; padding: 2px 10px; }

.free_apply_qna .next { width: 1200px; margin: 0 auto; overflow: hidden; background: #fff; height: 37px; line-height: 37px; font-size: 14px; border: 1px solid #eee; }
.free_apply_qna .next .next_btn { display: inline-block; width: 10%; float: left }
.free_apply_qna .next .qna_list { margin-bottom: 1px; font-size: 14px; height: 35px; line-height: 35px; padding-bottom: 2px; width: 85%; float: right; }
.free_apply_qna .next .qna_list .con { overflow: hidden; }
.free_apply_qna .next .qna_list .con .left { text-align: left; width: 60%; float: left; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.free_apply_qna .next .qna_list .con .left a { color: #666; font-size: 14px; vertical-align: middle; padding-left: 20px; display: inline-block; }
.free_apply_qna .next .qna_list .con .right { float: right; }

.free_apply_qna .next .qna_list .con .right .profile img { width: 20px; border-radius: 20px; vertical-align: middle; }
.free_apply_qna .next .qna_list .con .right .profile span { margin-left: 15px; margin-right: 15px; padding: 0; vertical-align: middle; }
.free_apply_qna .next .qna_list .con .right .profile .user_nick { color: #666; overflow: hidden; text-overflow: ellipsis; width: 100px; display: inline-block; white-space: nowrap; }
.free_apply_qna .next .qna_list .con .right .profile .date { color: #999; font-weight: 200; font-size: 12px; }
.free_apply_qna .next .qna_list .con .right .profile .case1 { background: #ddd; color: #666; padding: 2px 10px; }
.free_apply_qna .next .qna_list .con .right .profile .case2 { background: #ddd; color: #666; padding: 2px 10px; }

.free_apply_qna .back_list { color: #666; background: #7aa0d0; padding: 10px 0 10px; color: #fff; display: inline-block; width: 200px; }
.free_apply_qna .back_list:hover { background: #00508c; transition: 0.3s; }

/*---VIP체험신청 문의작성---*/

.free_apply_qna .write_wrap { width: 1200px; margin: 50px auto; background: #fff; border: #eee; }
.free_apply_qna .ex_applytxt { display: block; margin: 0 auto; padding-top: 50px; }
.free_apply_qna .ex_applytxt .ttl { resize: none; width: 800px; height: 24px; padding: 8px; font-size: 14px; border: 1px solid #ddd; outline-style: none; vertical-align: middle; letter-spacing: -0.7px; background-color: #f2f2f2; margin-bottom: 10px; }
.free_apply_qna .ex_applytxt .tx { resize: none; width: 800px; height: 102px; padding: 8px; font-size: 14px; border: 1px solid #ddd; outline-style: none; vertical-align: middle; letter-spacing: -0.7px; background-color: #f2f2f2; margin-bottom: 10px; }
.free_apply_qna .ex_applytxt .combtn { display: block; width: 818px; height: 40px; line-height: 40px; background: #7aa0d0; color: #fff; text-align: center; vertical-align: middle; font-size: 18px; font-weight: bold; margin: 0 auto; }
.free_apply_qna .ex_applytxt .combtn:hover { background: #00508c; transition: 0.3s; }
.free_apply_qna .exm { width: 800px; margin: 10px auto; text-align: left; margin-bottom: 20px; }
.free_apply_qna .exm img { width: 21px; opacity: 0.6; vertical-align: middle; margin-bottom: 1px; }
.free_apply_qna .exm span { font-weight: lighter; color: #666; }
.free_apply_qna .back_btn { padding-bottom: 50px; }
.free_apply_qna .back_btn .back_list { color: #666; background: #7aa0d0; padding: 10px 0 10px; color: #fff; display: inline-block; width: 200px; }
.free_apply_qna .back_btn .back_list:first-child { margin-right: 5px; }
.free_apply_qna .back_btn .back_list:last-child { margin-left: 5px; }
.free_apply_qna .back_btn .back_list:hover { background: #00508c; transition: 0.3s; }

/*----체험신청 문의하기 자주묻는질문----*/

.qna_freq .ex_faq { width: 1200px; margin: 0 auto; overflow-y: auto; margin-top: 20px; overflow-x: hidden; }
.qna_freq .freq_ttl { width: 1200px; margin: 0 auto; text-align: left; margin-top: 50px; padding: 0; color: #00508c }
.qna_freq .ex_faq li { border-bottom: 1px solid #e8e8e8; text-align: left; }
.qna_freq .ex_faq li:last-child { margin-bottom: 0px; }
.qna_freq .ex_faq .title_Part { padding: 15px; background: #fff; cursor: pointer; position: relative; overflow: hidden }
.qna_freq .ex_faq .title_Part span { float: left; display: inline-block; }
.qna_freq .ex_faq .title_Part .title { font-size: 16px; color: #3f3f52; width: 93% }
.qna_freq .ex_faq .title_Part .arrow_Img { width: 7%; text-align: center }
.qna_freq .ex_faq .title_Part .arrow_Img .upa { display: none; }
.qna_freq .ex_faq .title_Part .arrow_Img img { width: 13px }
.qna_freq .ex_faq .cont_Part { width: 1200px; background-color: #fff; padding: 15px; font-size: 14px; color: #777; display: none; overflow-x: hidden; }
.qna_freq .ex_faq li.sel .title_Part { background-color: #e8e8e8 }
.qna_freq .ex_faq li.sel .title_Part .arrow_Img .uda { display: none; }
.qna_freq .ex_faq li.sel .title_Part .arrow_Img .upa { display: inline-block; }
.qna_freq .ex_faq li.sel .cont_Part { display: inline-block; }
.free_apply_qna .qna_freq .back_btn { width: 1200px; margin: 20px auto; text-align: left; }
.free_apply_qna .qna_freq .back_btn .back_list { color: #666; background: #7aa0d0; padding: 10px 0 10px; color: #fff; display: inline-block; width: 200px; text-align: center; margin-right: 10px; }
.free_apply_qna .qna_freq .back_btn .back_list:hover { background: #00508c; transition: 0.3s; }

/*----체험신청 공지사항----*/

.free_apply_notice { min-width: 1200px; margin: 0 auto; text-align: center; padding-bottom: 50px; }
.free_apply_notice .banner { background: #3d9fea; height: 200px; margin: 0 auto; }
.free_apply_notice .banner img { }
.free_apply_notice .ex_nlist { width: 1200px; margin: 50px auto 20px; background: #fff; border: #eee; }
.free_apply_notice .ex_nlist li { border-bottom: 1px solid #ddd; text-align: left; }
.free_apply_notice .ex_nlist li:last-child { border-bottom: none }
.free_apply_notice .ex_nlist li a { padding: 10px; width: calc(100% - 30px); height: 100%; display: inline-block; font-size: 14px; color: #444; overflow: hidden; vertical-align: middle; }
.free_apply_notice .ex_nlist li a .left { float: left; overflow: hidden; width: 900px; }
.free_apply_notice .ex_nlist li a .right { float: left; overflow: hidden; }
.free_apply_notice .ex_nlist li a .left .case1 { float: left; background: #f37333; padding: 2px 5px; color: #fff; border-radius: 5px; margin-right: 10px; }
.free_apply_notice .ex_nlist li a .left .case2 { float: left; background: #ddd; padding: 2px 5px; color: #333; border-radius: 5px; margin-right: 10px; }
.free_apply_notice .ex_nlist li a .left .ttl { color: #666; vertical-align: middle; }
.free_apply_notice .ex_nlist li a .right img { width: 20px; border-radius: 20px; vertical-align: middle; margin-right: 20px; }
.free_apply_notice .ex_nlist li a .right .writer { display: inline-block; width: 100px; text-align: center; }
.free_apply_notice .ex_nlist li a .right .date { font-weight: lighter; font-size: 12px; color: #999; margin-left: 20px; }
.free_apply_notice .page { width: 800px; margin: 0 auto; }
.free_apply_notice .page a { font-size: 14px; color: #777; font-weight: 300; letter-spacing: 2px; }
.free_apply_notice .page a .sel { font-weight: 500; color: #333; }


/*체험신청 체험미션 헤더 + 공통*/
.free_apply_wrap .mission_header { border-top: 1px solid #eee; border-bottom: 1px solid #eee; overflow: hidden; background-color: #fcfcfc; width: 800px; margin: 0 auto 20px; margin-top: 30px; }
.free_apply_wrap .mission_header li { float: left; width: 50%; text-align: center; font-size: 14px; height: 60px; line-height: 60px; }
.free_apply_wrap .mission_header li.bar { width: 1px; background: #ddd; height: 30px; margin-top: 15px }
.free_apply_wrap .mission_header li a { display: inline-block; width: 100%; height: 100%; line-height: 40px; height: 40px; color: #999; font-size: 18px; }
.free_apply_wrap .mission_header li a.sel { padding: 25px 165px; background: #0f70ba; color: #fff; font-weight: bold; display: inline }
.free_apply_wrap .ectop { text-align: center; font-weight: bold; font-size: 32px; background-color: #00508c; margin: 0 auto; color: #fff; }
.free_apply_wrap .ectop p { color: #ffc000; margin-bottom: 5px; }
.free_apply_wrap .ectop span { font-weight: lighter; font-size: 16px; }

/*체험신청 체험미션 앵콜요청*/

.trade_banner { background: #fff; height: 198px; border: 1px solid #f0f0f0; }
.trade_banner p { color: #666; padding-top: 55px; padding-bottom: 10px; font-size: 46px; font-weight: bold; letter-spacing: -1px; }
.trade_banner p span { color: #ffc000; }
.trade_banner > span { color: #fff; font-weight: lighter; }
.mission_banner { border: 1px solid #f0f0f0; overflow: hidden; background: #3d9fea; height: 200px; }
.mission_banner img { }
.free_apply_wrap .ex_encore { display: none; }
.free_apply_wrap .ex_encore.show { display: block; }
.free_apply_wrap .ex_encore .ecipt { height: 52px; width: 800px; margin: 0 auto; }
.free_apply_wrap .ex_encore .ecipt input { float: left; text-indent: 20px; border: 2px solid #0f70ba; outline-style: none; width: 80%; height: 60px; box-sizing: border-box; vertical-align: middle; font-size: 18px; }
.free_apply_wrap .ex_encore .ecipt a { float: left; display: inline-block; background: #0f70ba; width: 20%; font-size: 18px; font-weight: bold; color: #fff; height: 60px; line-height: 60px; text-align: center; vertical-align: middle; }
.free_apply_wrap { min-width: 1200px; margin: 0 auto; text-align: center; padding-bottom: 50px; }
.free_apply_wrap .ex_encore .ms_liwrap { width: 800px; margin: 0 auto; }
.free_apply_wrap .ex_encore .ms_liwrap .eclist { background-color: #fff; box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.04); margin-top: 30px; }
.free_apply_wrap .ex_encore .ms_liwrap .eclist li { padding: 10px 0 9px; overflow: hidden; position: relative; border-bottom: 1px solid #f2f2f2; box-sizing: border-box }
.free_apply_wrap .ex_encore .ms_liwrap .eclist li:last-child { border-bottom: none }
.free_apply_wrap .ex_encore .ms_liwrap .eclist li .profnick { float: left; width: 15%; text-align: center }
.free_apply_wrap .ex_encore .ms_liwrap .eclist li .profnick img { width: 30px; border-radius: 15px; }
.free_apply_wrap .ex_encore .ms_liwrap .eclist li .profnick p { font-size: 14px; width: 100%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; color: #999; margin-top: 1px }
.free_apply_wrap .ex_encore .ms_liwrap .eclist li .ment { float: left; width: calc(70% - 10px); font-size: 16px; padding: 0 5px; color: #666; line-height: 55px; text-align: left; }
.free_apply_wrap .ex_encore .ms_liwrap .eclist li .bar { width: 1px; height: 80px; background: #f0f0f0; position: absolute; top: 0px; right: 15%; }
.free_apply_wrap .ex_encore .ms_liwrap .eclist li .hotc { width: 10px; height: 10px; border-radius: 5px; background: #0f70ba; position: absolute; top: 33px; right: calc(15% - 5px); }
.free_apply_wrap .ex_encore .ms_liwrap .eclist li .nohotc { width: 10px; height: 10px; border-radius: 5px; background: #b9b9b9; position: absolute; top: 33px; right: calc(15% - 5px); }
.free_apply_wrap .ex_encore .ms_liwrap .eclist li .date { float: left; width: 15%; height: 100%; color: #aaa; font-size: 16px; text-align: center; padding-top: 16px; }
.free_apply_wrap .ex_encore .ms_liwrap .eclist li.nopad { padding: 0 }
.free_apply_wrap .ex_encore .ms_liwrap .topb { border-top: 1px solid #f2f2f2; }
.free_apply_wrap .ex_encore .ms_liwrap .three_pp { background-color: #fff; box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.04); margin-top: 50px; padding: 0 100px; position: relative; min-height: 215px; margin-bottom: 50px; }
.free_apply_wrap .ex_encore .ms_liwrap .three_pp .top { text-align: center; padding: 15px 0; font-size: 17px; font-weight: bold }
.free_apply_wrap .ex_encore .ms_liwrap .three_pp ul { background-color: #f2f2f2; padding: 15px 0 0; border: 1px solid #ddd; box-sizing: border-box; overflow: hidden }
.free_apply_wrap .ex_encore .ms_liwrap .three_pp li { float: left; width: 33.333%; text-align: center; margin-bottom: 15px }
.free_apply_wrap .ex_encore .ms_liwrap .three_pp li img { width: 70px; border-radius: 35px; }
.free_apply_wrap .ex_encore .ms_liwrap .three_pp li p { font-size: 13px; }
.free_apply_wrap .ex_encore .ms_liwrap .three_pp .bottom { text-align: center; font-size: 16px; font-weight: bold; color: #7aa0d0; padding: 15px 0 }
.free_apply_wrap .ex_encore .ms_liwrap .three_pp .bottom p { font-size: 14px; color: #666; margin-top: 5px; }
.free_apply_wrap .ex_encore .ms_liwrap .three_pp .notsel_dark { position: absolute; top: 50px; left: 3%; width: 94%; height: 155px; background-color: #000; opacity: 0.9; border-radius: 5px }
.free_apply_wrap .ex_encore .ms_liwrap .three_pp .notsel_dark .ment { color: #fff; width: 100%; text-align: center; margin-top: 50px; font-size: 20px; font-weight: bold }
.free_apply_wrap .ex_encore .ms_liwrap .three_pp .notsel_dark .ment p { font-size: 16px; font-weight: normal; color: #b9b9b9; margin-top: 5px; }

/*체험신청 체험미션 매매일지*/

.free_apply_wrap .ex_trade { display: block; background-color: #f2f2f2 }
.free_apply_wrap .ex_trade.show { display: none; }
.free_apply_wrap .ex_trade .ecbtn { height: 52px; padding: 20px 0; text-align: center; z-index: 10 }
.free_apply_wrap .ex_trade .ecbtn a { display: inline-block; background: #0f70ba; width: 800px; font-size: 18px; font-weight: bold; color: #fff; height: 60px; line-height: 60px; text-align: center; vertical-align: middle }
.free_apply_wrap .ex_trade .ecbtn a span { font-weight: lighter; letter-spacing: 1px }
.free_apply_wrap .ex_trade .ms_liwrap { width: 800px; margin: 0 auto; padding-bottom: 50px; }
.free_apply_wrap .ex_trade .ms_liwrap .trlist { overflow: hidden }
.free_apply_wrap .ex_trade .ms_liwrap .trlist li { float: left; width: 49%; margin-right: 2%; background: #fff; box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.04); margin-bottom: 2% }
.free_apply_wrap .ex_trade .ms_liwrap .trlist li:nth-child(2n) { margin-right: 0 }
.free_apply_wrap .ex_trade .ms_liwrap .trlist li a { width: 100%; height: 100%; display: inline-block; vertical-align: middle }
.free_apply_wrap .ex_trade .ms_liwrap .trlist li .pf_top { text-align: left; padding: 8px 10px; border-bottom: 1px solid #eee }
.free_apply_wrap .ex_trade .ms_liwrap .trlist li .prof { width: 30px; border-radius: 15px; vertical-align: middle }
.free_apply_wrap .ex_trade .ms_liwrap .trlist li .nick { font-size: 14px; vertical-align: middle; margin: 0 4px }
.free_apply_wrap .ex_trade .ms_liwrap .trlist li .date { float: right; color: #aaa; font-size: 14px; vertical-align: middle; margin-top: 6px; }
.free_apply_wrap .ex_trade .ms_liwrap .trlist li .pf_img { overflow: hidden; min-height: 100px }
.free_apply_wrap .ex_trade .ms_liwrap .trlist li .pf_img img { width: 100%; vertical-align: middle }
.free_apply_wrap .ex_trade .ms_liwrap .topb { box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.04); border-top: none }
.free_apply_wrap .ex_trade .ms_liwrap .add_pp { background-color: #fff; box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.04); margin-top: 20px; padding: 15px; text-align: center }
.free_apply_wrap .ex_trade .ms_liwrap .add_pp img { vertical-align: middle; width: 14px; margin-right: 5px; margin-bottom: 1px; }
.free_apply_wrap .ex_trade .ms_liwrap .add_pp span { vertical-align: middle; font-size: 13px; color: #777 }

.freeapply { min-width: 1200px; }
body.scr .freeapply { margin-top: 110px; }
.freeapply .point1 { background: url('/img/2018/freeapplyBg1_51.png')center top no-repeat; height: 1665px; text-align: center; }
.freeapply .point1 a { display: inline-block; color: #fff; font-size: 28px; border: 1px solid #aaa; width: 500px; height: 100px; line-height: 100px; margin-top: 665px; padding-bottom: 2px; border-radius: 20px; letter-spacing: -1px; }
.freeapply .point1 a img { display: inline-block; vertical-align: middle; height: 25px; margin-left: 10px; margin-bottom: 2px; }
.freeapply .point1 a:hover { background-color: #ff0030; border: 2px solid #ff0030; }
.freeapply .point2 { background: url('/img/2018/freeapply_bg2.png')center top no-repeat; height: 1447px; }
.freeapply .point2 img { vertical-align: middle }
.freeapply .point2 .point2_contents { }
.freeapply .point2 .point2_contents { width: 1200px; margin: 0 auto; padding-top: 351px; }
.freeapply .point2 .point2_contents .s_ttl { font-size: 26px; }
.freeapply .point2 .point2_contents .s_ttl .redbold { color: #ff0030; font-weight: bold; margin-left: 10px }
.freeapply .point2 .point2_content1 { float: left; width: 350px; text-align: center; }
.freeapply .point2 .point2_content1 .s_ttl2 { font-size: 18px; color: #666; position: absolute; margin-left: 60px; }
.freeapply .point2 .point2_content1 .deco { display: inline-block; width: 30px; height: 5px; background: #000; margin-bottom: 8px }
.freeapply .point2 .point2_content2 .deco { display: inline-block; width: 30px; height: 5px; background: #000; margin-bottom: 8px }
.freeapply .point2 .point2_content1 img { margin-top: 93px; }
.freeapply .point2 a { display: inline-block; font-size: 21px; border: 1px solid #111; padding: 20px 80px; margin-top: 106px; border-radius: 50px; }
.freeapply .point2 a:hover { background-color: #111; color: #fff; }
.freeapply .point2 .point2_content2 { float: right; width: 660px; text-align: center }
.freeapply .point2 .point2_content2 ul { margin-top: 93px }
.freeapply .point2 .point2_content2 li { border: 1px solid #ddd; background-color: #fff; box-sizing: border-box; height: 130px; width: 660px; overflow-y: hidden }
.freeapply .point2 .point2_content2 li .user_info { padding: 15px 0; width: 158px; border-right: 1px solid #ddd; float: left; box-sizing: border-box }
.freeapply .point2 .point2_content2 li .user_info p img { height: 60px; border-radius: 40px; vertical-align: middle }
.freeapply .point2 .point2_content2 li .user_info .nick { font-size: 14px; color: #444; text-overflow: ellipsis; white-space: nowrap }
.freeapply .point2 .point2_content2 li .user_info .phone { font-size: 12px; color: #b9b9b9; }
.freeapply .point2 .point2_content2 li .user_info .phone img { height: 12px; margin-right: 6px; vertical-align: middle; margin-bottom: 1px }
.freeapply .point2 .point2_content2 li .user_info .phone span { vertical-align: middle }
.freeapply .point2 .point2_content2 li .textArea { width: 500px; float: right; }
.freeapply .point2 .point2_content2 li .textArea .text_top { overflow: hidden; border-bottom: 1px solid #ddd; width: 500px; height: 45px; line-height: 45px }
.freeapply .point2 .point2_content2 li .textArea .text_top .ttl { width: 400px; float: left; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; text-align: left; text-indent: 10px }
.freeapply .point2 .point2_content2 li .textArea .text_top .date { width: 100px; float: right; font-size: 12px; color: #b9b9b9 }
.freeapply .point2 .point2_content2 li .textArea .text_bottom { padding: 10px; word-break: break-all; overflow-y: hidden; height: 60px; line-height: 22px; text-align: left }
.freeapply .point2 .point2_content2 li .textArea .text_bottom span { font-size: 14px; color: #999 }
.freeapply .point2 .point2_contents ul li { margin-top: 20px; }
.freeapply .point2 .point2_contents ul li a { font-size: 21px; border: 1px solid #111; padding: 20px 80px; }
.freeapply .point2 .point2_contents ul li a:hover { font-size: 21px; background-color: #111; padding: 20px 80px; color: #fff; }
.freeapply .point2 .point2_contents .point1_content1 { }
.freeapply .point2 .point2_contents .point1_content2 { }
.freeapply .point3 { background: url('/img/2018/freeapplyBg3.png')center top no-repeat; height: 870px; }
.freeapply .point4 { background: url('/img/2018/freeapply_bg4.png')center top no-repeat; height: 1173px; }
.freeapply .point4 .point4_contents { width: 1200px; margin: 0 auto; text-align: center; }
.freeapply .point4 .point4_contents a { color: #fff; font-size: 21px; border: 1px solid #fff; padding: 20px 80px; display: inline-block; margin-top: 973px; border-radius: 50px; }
.freeapply .point4 .point4_contents a:hover { color: #000; font-size: 21px; background-color: #fff; padding: 20px 80px; }
.freeapply .point5 { background: url('/img/2018/freeapply_bg5.png')center top no-repeat; height: 1067px; }
.freeapply .point5 .point5_contents { width: 1200px; margin: 0 auto; text-align: center; }
.freeapply .point5 .point5_contents a { color: #000; font-size: 24px; border: 1px solid #000; padding: 20px 80px; display: inline-block; margin-top: 867px; border-radius: 50px; }
.freeapply .point5 .point5_contents a:hover { color: #fff; font-size: 24px; background-color: #000; padding: 20px 80px; }
.freeapply .point6 { background: url('/img/2018/freeapply_bg6.png')center top no-repeat; height: 950px; }
.freeapply .point6 .point6_contents p { color: #fff; font-size: 120px; font-weight: 400; padding-top: 390px; }
.freeapply .point6 .point6_contents { width: 1200px; margin: 0 auto; text-align: center; }
.freeapply .point6 .point6_contents a { color: #fff; font-size: 24px; border-radius: 50px; letter-spacing: -1px; font-weight: 300; width: 400px; border: 1px solid #fff; height: 70px; line-height: 70px; display: inline-block; margin-top: 100px; }
.freeapply .point6 .point6_contents a:hover { color: #fff; background-color: #ff0030; border: 1px solid #ff0030; }
.freeapply .point7 { background: url('/img/2018/freeapply_bg7.png')center top no-repeat; height: 950px; }
.freeapply .point7 .point7_contents { width: 1200px; margin: 0 auto; text-align: center; }
.freeapply .point7 .point7_contents p { color: #000; font-size: 120px; font-weight: 400; padding-top: 390px; }
.freeapply .point7 .point7_contents a { display: inline-block; color: #111; font-size: 24px; border-radius: 50px; letter-spacing: -1px; font-weight: 300; border: 1px solid #777; width: 400px; height: 70px; line-height: 70px; padding-bottom: 2px; margin-top: 100px; }
.freeapply .point7 .point7_contents a img { display: inline-block; vertical-align: middle; height: 25px; margin-bottom: 7px; margin-left: 10px; }
.freeapply .point7 .point7_contents a .over { display: none; }
.freeapply .point7 .point7_contents a:hover { background-color: #ff0030; border: 2px solid #ff0030; color: #fff; }
.freeapply .point7 .point7_contents a:hover .over { display: inline-block; }
.freeapply .point7 .point7_contents a:hover .out { display: none; }


.bonus_wrap { min-width: 1200px; margin: 0 auto; }
.bonus_wrap .bonus_1 { background: url('/img/2018/bonusevent_Desktop3_01_02.png')center no-repeat; height: 700px; }
.bonus_wrap .bonus_1 .contents { width: 1200px; margin: 0 auto; position: relative }
.bonus_wrap .bonus_1 .contents a { display: inline-block; position: absolute; top: 440px; left: 0; padding: 10px 50px; color: #ffbe00; font-size: 18px; background: #000; transition: 0.3s; }
.bonus_wrap .bonus_1 .contents a:hover { background: #fff; }
.bonus_wrap .bonus_2 { background: url('/img/2018/bonusevent_Desktop3_02.png')center top no-repeat; min-width: 1200px; height: 2215px; }
.bonus_wrap .bonus_3 { background: url('/img/2018/bonusevent_Desktop3_03.png')center top no-repeat; min-width: 1200px; height: 870px; text-align: center; }
.bonus_wrap .bonus_3 .contents { width: 1200px; margin: 0 auto; text-align: center; }
.bonus_wrap .bonus_3 a { display: inline-block; margin-top: 600px; height: 110px; width: 726px; background-color: #fff; }
.bonus_wrap .bonus_3 a:hover img { opacity: 0.7; transition: 0.3s }

/*봄맞이 이벤트페이지*/

.spring_event { min-width: 1200px; margin: 0 auto; }
.spring_event .contents1 { background: url('/img/2018/spring_1_2.png')center no-repeat; height: 795px; }
.spring_event .contents2 { background: url('/img/2018/spring_2_2.png')center top no-repeat; min-width: 1200px; height: 513px; }
.spring_event .contents3 { background: url('/img/2018/spring_3.png?d=180403')center top no-repeat; min-width: 1200px; height: 2054px; text-align: center; }
.spring_event .contents4 { min-width: 1200px; width: 1200px; text-align: center; margin: 0 auto; }
.spring_event .contents4 .contents4_content { margin: 0 auto; width: 1200px; background: #111; margin-top: 100px; margin-bottom: 25px; }
.spring_event .contents4 .contents4_content .picture { width: 1200px; display: block; background: #b9b9b9; overflow: hidden; padding-bottom: 50px; }
.spring_event .contents4 .contents4_content .picture li { width: 525px; background-color: #333; height: 300px; position: relative; overflow: hidden; float: left; margin: 50px 50px 0 50px; border: 1px #b9b9b9; }
.spring_event .contents4 .contents4_content .picture li:nth-child(2n) { margin-left: 0; }
.spring_event .contents4 .contents4_content .picture li a img { transition: 0.5s; }
.spring_event .contents4 .contents4_content .picture li a:hover .mouseover { display: block; z-index: 1 }
.spring_event .contents4 .contents4_content .picture li a:hover .photo { animation-name: imgplus; animation-duration: 0.5s; animation-delay: 0; animation-fill-mode: forwards; z-index: 0 }
.spring_event .contents4 .contents4_content .picture li a .mouseover { width: 100%; background-color: rgba(0,0,0,0.5); position: absolute; height: 300px; padding-top: 50px; display: none; }
.spring_event .contents4 .contents4_content .picture li a .mouseover p { color: #eee; padding-top: 10px; font-size: 24px; }
.spring_event .contents4 .contents4_content .picture li a .mouseover p span { color: #fff; font-weight: bold; }
.spring_event .contents4 .contents4_content .picture li a .mouseover img { width: 150px; border-radius: 150px; }
.spring_event .contents4 .contents4_content .picture li a > img { width: 525px; }
.spring_event .contents4 .page { width: 600px; margin: 0 auto; }
.spring_event .contents4 .page a { display: inline-block; color: #777; height: 50px; line-height: 50px; font-size: 18px; letter-spacing: 18px; margin: 50px 0px 50px 18px; }
.spring_event .contents4 .page a.sel { font-weight: bold; color: #000; }
.spring_event .contents4 .btn { margin-bottom: 200px; margin-top: 25px; }
.spring_event .contents4 .btn a { display: block; width: 800px; font-size: 36px; background: #fd979f; margin: 0 auto; color: #fff; padding: 20px 0; }
.spring_event .contents4 .btn a:hover { color: #fd979f; background: #ffe5e7; }

/*카카오플러스 이벤트페이지*/

.kakaoPlus_W { min-width: 1200px; margin: 0 auto; }
.kakaoPlus_W1 { background: url('/img/2018/kakaoPlusFriend_bg1.png')center no-repeat; height: 1739px; }
.kakaoPlus_W2 { background: url('/img/2018/kakaoPlusFriend_bg2_2.png')center no-repeat; height: 1258px; }
.kakaoPlus_W2 .W2_conts { text-align: center; width: 750px; margin: 0 auto; padding-top: 430px; }
.kakaoPlus_W2 .W2_conts .W2_con1 { width: 50%; float: left; }
.kakaoPlus_W2 .W2_conts .W2_con1 li:first-child { margin-bottom: 30px; }
.kakaoPlus_W2 .W2_conts .W2_con1 li { margin: 20px 0 100px 0; }
.kakaoPlus_W2 .W2_conts .W2_con2 { width: 50%; float: right; }
.kakaoPlus_W2 .W2_conts .W2_con2 li { margin: 20px 0 100px 0; }
.kakaoPlus_W2 .W2_conts .W2_con2 li:first-child { margin-bottom: 30px; }
.kakaoPlus_W2 .W2_conts .W2_warning { margin-top: 200px; }
.kakaoPlus_W3 { background: url('/img/2018/kakaoPlusFriend_bg3.png')center no-repeat; height: 620px; margin-top: 300px; }

/*월드컵 이벤트페이지*/

.worldcup_W { min-width: 1200px; margin: 0 auto; }
.worldcup_W1 { position: relative; background: url('/img/2018/Worldcup_eventBg1.png')center no-repeat; height: 2620px; }
.worldcup_W2 { min-width: 1200px; margin: 100px auto; text-align: center; }

.worldcup_event_comment { width: 1200px; margin: 0px auto 100px }
.worldcup_event_comment .not_Login { text-align: center; }
.worldcup_event_comment .not_Login p { font-size: 45px; color: #b00e0e; font-weight: bold; letter-spacing: -5px }
.worldcup_event_comment .not_Login a { display: inline-block; background-color: #b00e0e; margin-top: 30px; width: 360px; height: 70px; line-height: 70px; font-size: 31px; text-align: center; color: #fff; border-radius: 5px }
.worldcup_event_comment .reply_Input { display: block }
.worldcup_event_comment .reply_Input span { display: inline-block; vertical-align: middle }
.worldcup_event_comment .reply_Input .prof { position: relative; width: 200px; text-align: center }
.worldcup_event_comment .reply_Input .prof img { width: 120px; border-radius: 60px }
.worldcup_event_comment .reply_Input .prof .nick { font-size: 15px; color: #444; display: block; }
.worldcup_event_comment .reply_Input .input { width: 800px; position: relative }
.worldcup_event_comment .reply_Input .input .ri { width: 100%; height: 60px; font-size: 21px; outline-style: none; border: 3px solid #b00e0e; text-indent: 15px; background-color: #f8f8f8 }
.worldcup_event_comment .reply_Input .input .em { font-size: 14px; color: #777; margin: 5px 0 0 10px; position: absolute; left: 10px; top: 70px }
.worldcup_event_comment .reply_Input .savebtn { display: inline-block; background-color: #b00e0e; width: 160px; height: 68px; vertical-align: middle; color: #fff; font-size: 25px; line-height: 68px; text-align: center }
.worldcup_event_comment .ohter_Reply { width: 1200px; margin: 60px auto; border-top: 1px solid #b00e0e; border-bottom: 1px solid #b00e0e }
.worldcup_event_comment .ohter_Reply span { display: inline-block; vertical-align: middle }
.worldcup_event_comment .ohter_Reply li { padding: 20px; border-bottom: 1px dashed #e8e8e8 }
.worldcup_event_comment .ohter_Reply li:last-child { border-bottom: none }
.worldcup_event_comment .ohter_Reply .prof { position: relative; width: 200px; text-align: center }
.worldcup_event_comment .ohter_Reply .prof img { width: 50px; border-radius: 25px }
.worldcup_event_comment .ohter_Reply .prof .nick { font-size: 13px; color: #444; display: block }
.worldcup_event_comment .ohter_Reply .cont { width: 790px; font-size: 35px; color: #b00e0e; font-weight: bold }
.worldcup_event_comment .ohter_Reply .date { font-family: SpoqaHanSans; color: #777; font-size: 19px }

/*유튜브 이벤트페이지*/

.youtube_event { min-width: 1200px; margin: 0 auto; }
.youtube_event .page1 { background: url('/img/2018/youtube_page1.png')center no-repeat; height: 1580px; }
.youtube_event .page2 { background: #fff; width: 1200px; margin: 0 auto; text-align: center; margin-top: 100px; margin-bottom: 100px; }
.youtube_event .page2 .page_ban { margin-bottom: 70px; }
.youtube_event .page2 .top { overflow: hidden; }
.youtube_event .page2 .top .left { float: left; width: 600px; }
.youtube_event .page2 .top .left a { display: inline-block; margin-top: 30px; }
.youtube_event .page2 .top .right { float: left; width: 600px; }
.youtube_event .page2 .top .right a { display: inline-block; margin-top: 30px; }
.youtube_event .page2 .bottom { width: 600px; margin: 70px auto; }
.youtube_event .page2 .bottom a { display: block; margin-top: 30px; }
.youtube_event .page3 { background: url('/img/2018/youtube_page3.png')center top no-repeat; min-width: 1200px; height: 418px; text-align: center; }
.youtube_event .page4 { position: relative; background: url('/img/2018/youtube_page4.png')center top no-repeat; min-width: 1200px; height: 1446px; text-align: center; }
.youtube_event .page4 .page4_cont { position: absolute; width: 1200px; height: 680px; border-radius: 30px; background: #fff; top: 350px; left: 50%; transform: translateX(-50%); }
.youtube_event .page4 .page4_cont .picture { width: 1000px; margin: 0 auto; overflow: hidden; box-sizing: border-box; }
.youtube_event .page4 .page4_cont .picture li { width: 200px; float: left; margin: 50px 50px 0 0; }
.youtube_event .page4 .page4_cont .picture li:nth-child(4n) { margin-right: 0; }
.youtube_event .page4 .page4_cont .picture li:nth-child(4n+1) { margin-left: 25px; }
.youtube_event .page4 .page4_cont .picture li:first-child { margin-left: 25px; }
.youtube_event .page4 .page4_cont .picture li a { height: 200px; display: block; border: 1px solid #d9d9d9; overflow: hidden; }
.youtube_event .page4 .page4_cont .picture li a .top { }
.youtube_event .page4 .page4_cont .picture li a .top img { width: 200px; }
.youtube_event .page4 .page4_cont .picture li .bottom { width: 200px; text-align: right; margin-top: 20px; }
.youtube_event .page4 .page4_cont .picture li .bottom .user_nick { font-size: 16px; color: #333; display: block; }
.youtube_event .page4 .page4_cont .picture li .bottom .date { font-size: 13px; color: #999; display: block; font-weight: lighter; }

.youtube_event .page4 .page { position: absolute; bottom: 300px; left: 50%; color: #d9d9d9; transform: translateX(-50%); }
.youtube_event .page4 .page a { color: #d9d9d9; font-weight: lighter; margin: 0 8px; }
.youtube_event .page4 .page a .sel { font-weight: bold; }
.youtube_event .page4 .btn { position: absolute; bottom: 180px; left: 50%; transform: translateX(-50%); }
.youtube_event .page4 .btn a { }
.youtube_event .page4 .btn a img { }

/*따봉 이벤트페이지*/

.premium_review_W { background: #fafafa; padding-bottom: 100px; }
.premium_review_W .con1 { background: url('/img/2018/premium_review_w2.png?a=12')center no-repeat; height: 3486px; }
.premium_review_W .btn { background: #222; color: #fff; font-size: 24px; display: block; text-align: center; width: 400px; height: 80px; line-height: 80px; margin: 50px auto 70px; transition: 0.3s; }
.premium_review_W .btn:hover { background: #fff; border: 1px solid#a8a8a8; color: #222; transition: 0.3s; box-sizing: border-box; }
.premium_review_W .con2 { background: #fff; width: 1150px; margin: 0 auto 100px; border: 1px solid #eee; display: block; overflow: hidden; padding-bottom: 10px; }
.premium_review_W .con2 .review { border: 1px solid #eee; width: 158px; max-height: 231px; padding: 10px; float: left; margin: 10px 0 0 10px; overflow: hidden; text-overflow: ellipsis; height: 253px; }
.premium_review_W .con2 .review:nth-child(6n) { margin-right: 10px; }
.premium_review_W .con2 .review .top { overflow: hidden; }
.premium_review_W .con2 .review .top .profile { float: left; margin-top: 7px; }
.premium_review_W .con2 .review .top .profile img { width: 30px; border-radius: 30px; }
.premium_review_W .con2 .review .top .info { float: left; }
.premium_review_W .con2 .review .top .info span { display: block; margin-left: 10px; }
.premium_review_W .con2 .review .top .info .nick { font-weight: bold; }
.premium_review_W .con2 .review .top .info .date { font-size: 11px; color: #999; }
.premium_review_W .con2 .review .pic { width: 158px; height: 120px; margin: 0 auto; background: #111; margin: 10px 0 10px 0; overflow: hidden; }
.premium_review_W .con2 .review .pic img { width: 100%; }
.premium_review_W .con2 .review .text { font-size: 12px; color: #666; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; /* 라인수 */ -webkit-box-orient: vertical; word-wrap: break-word; line-height: 1.5em; }
.premium_review_W .con2 .review .text span { }

/*상점리뉴얼 안내페이지*/
.shop_renewal { }
.shop_renewal .page1 { background: url('/img/2018/starshop_bg1.png')center top no-repeat; position: relative; padding-top: 700px; }
.shop_renewal .page2 { background: url('/img/2018/starshop_bg2.png')center top no-repeat; position: relative; padding-top: 1700px; }
.shop_renewal .page3 { background: url('/img/2018/starshop_bg3.png')center top no-repeat; position: relative; padding-top: 850px; }
.shop_renewal .page4 { background: url('/img/2018/starshop_bg4.png')center top no-repeat; position: relative; padding-top: 1900px; }
.shop_renewal .page5 { background: url('/img/2018/starshop_bg5.png')center top no-repeat; position: relative; padding-top: 553px; }

@keyframes imgplus {
    from { transform: scale3d(1, 1, 1); }
    100% { transform: scale3d(1.10, 1.10, 1.10); }
}


.jungta { min-width: 1200px; }
body.scr .jungta { margin-top: 110px; }
.jungta_pt1 { height: 800px; background-image: url('/img/2018/jungta_pt1_bg.png'); background-position: center top; background-repeat: no-repeat; }
.jungta_pt1 .content { width: 1200px; height: 800px; margin: 0 auto; position: relative; }
.jungta_pt1 .btn { position: absolute; top: 510px; left: 523px; }
.jungta_pt1 .arrow { position: absolute; top: 730px; left: 297px; transition: all 1s; }
.jungta_pt1 .arrow.ani { top: 757px; transition: all 1s; }
.jungta_pt2 { height: 3277px; padding-top: 150px; background-image: url('/img/2018/jungta_pt2_bg.png'); background-position: center center; background-repeat: no-repeat; }
.jungta_pt2 ._pt1 { height: 469px; width: 1200px; margin: 0 auto; position: relative; }
.jungta_pt2 ._pt1 .message { position: absolute; top: 149px; left: 180px; }
.jungta_pt2 ._pt2 { height: 653px; width: 1200px; margin: 0 auto; position: relative; }
.jungta_pt2 ._pt2 .graphA { position: absolute; top: 169px; left: 912px; }
.jungta_pt2 ._pt2 .graphB { position: absolute; top: 169px; left: 753px; }
.jungta_pt2 ._pt2 .graphC { position: absolute; top: 327px; left: 750px; }
.jungta_pt2 ._pt3 { height: 619px; width: 1200px; margin: 0 auto; position: relative; }
.jungta_pt2 ._pt3 .circle1 { position: absolute; top: 149px; left: 241px; }
.jungta_pt2 ._pt3 .circle2 { position: absolute; top: 338px; left: 123px; }
.jungta_pt2 ._pt3 .circle3 { position: absolute; top: 338px; left: 359px; }
.jungta_pt2 ._pt4 { height: 716px; width: 1200px; margin: 0 auto; position: relative; }
.jungta_pt2 ._pt4 .chart1 { position: absolute; top: 150px; left: 737px; }
.jungta_pt2 ._pt4 .chart2 { position: absolute; top: 371px; left: 737px; }
.jungta_pt2 ._pt5 { height: 664px; width: 1200px; margin: 0 auto; position: relative; }
.jungta_pt2 ._pt5 .phone { position: absolute; top: 219px; left: 246px; }
.jungta_pt3 { height: 203px; background-image: url('/img/2018/jungta_pt3_bg.png'); background-position: center center; background-repeat: no-repeat; position: relative; }
.jungta_pt4 { height: 1824px; min-width: 1200px; text-align: center; }
.jungta_pt4 .title { width: 1200px; display: inline-block; margin-top: 100px; }
.jungta_pt4 .text1 { width: 1200px; display: inline-block; margin-top: 101px; }
.jungta_pt4 .text2 { width: 1200px; display: inline-block; margin-top: 179px; }
.jungta_pt4 .image1 { width: 1200px; display: inline-block; margin-top: 98px; }
.jungta_pt4 .image2 { width: 1200px; display: inline-block; margin-top: 90px; position: relative; }
.jungta_pt4 .image2 .circle1 { position: absolute; bottom: 63px; left: 219px; }
.jungta_pt4 .image2 .circle2 { position: absolute; bottom: 63px; right: 227px; }
.jungta_pt5 { min-width: 1200px; height: 4092px; text-align: center; }
.jungta_pt5 .title { height: 209px; min-width: 1200px; background: #20202a; padding-top: 158px; }
.jungta_pt5 .content1 { height: 598px; min-width: 1200px; background: #272731; border-top: 1px solid #2e2e38; font-size: 0; text-align: center; }
.jungta_pt5 .content1 .text { display: inline-block; width: 600px; margin-top: 85px; vertical-align: top; }
.jungta_pt5 .content1 .chart { display: inline-block; width: 600px; margin-top: 94px; vertical-align: top; }
.jungta_pt5 .content2 { height: 619px; min-width: 1200px; background: #20202a; border-top: 1px solid #2e2e38; font-size: 0; text-align: center; }
.jungta_pt5 .content2 .text { display: inline-block; width: 600px; margin-top: 81px; vertical-align: top; }
.jungta_pt5 .content2 .chart { display: inline-block; width: 600px; margin-top: 94px; vertical-align: top; }
.jungta_pt5 .content3 { height: 598px; min-width: 1200px; background: #272731; border-top: 1px solid #2e2e38; font-size: 0; text-align: center; }
.jungta_pt5 .content3 .text { display: inline-block; width: 600px; margin-top: 81px; vertical-align: top; }
.jungta_pt5 .content3 .chart { display: inline-block; width: 600px; margin-top: 94px; vertical-align: top; }
.jungta_pt5 .content4 { height: 685px; min-width: 1200px; background: #20202a; border-top: 1px solid #2e2e38; font-size: 0; text-align: center; }
.jungta_pt5 .content4 .text { display: inline-block; width: 600px; margin-top: 81px; vertical-align: top; }
.jungta_pt5 .content4 .chart { display: inline-block; width: 600px; margin-top: 94px; vertical-align: top; }
.jungta_pt5 .content5 { height: 605px; min-width: 1200px; background: #272731; border-top: 1px solid #2e2e38; font-size: 0; text-align: center; }
.jungta_pt5 .content5 .text { display: inline-block; width: 600px; margin-top: 81px; vertical-align: top; }
.jungta_pt5 .content5 .chart { display: inline-block; width: 600px; margin-top: 94px; vertical-align: top; }
.jungta_pt5 .content6 { height: 620px; min-width: 1200px; background: #20202a; border-top: 1px solid #2e2e38; font-size: 0; text-align: center; }
.jungta_pt5 .content6 .text { display: inline-block; width: 600px; margin-top: 81px; vertical-align: top; }
.jungta_pt5 .content6 .chart { display: inline-block; width: 600px; margin-top: 94px; vertical-align: top; }

.jungta_pt6 { height: 850px; background-image: url('/img/2018/jungta_pt6_bg.png'); background-position: center center; background-repeat: no-repeat; text-align: center; }
.jungta_pt6 .chart { width: 1200px; height: 224px; position: relative; display: inline-block; margin-top: 413px; overflow: hidden; }
.jungta_pt6 .chart .arrow1 { position: absolute; top: -224px; left: 210px; transition: all 1.5s; }
.jungta_pt6 .chart .arrow1.ani { top: 0; transition: all 1s; }
.jungta_pt6 .chart .arrow2 { position: absolute; bottom: -137px; left: 530px; transition: all 1.5s; }
.jungta_pt6 .chart .arrow2.ani { bottom: 0; transition: all 1s; }
.jungta_pt6 .chart .arrow3 { position: absolute; bottom: -223px; left: 821px; transition: all 1.5s; }
.jungta_pt6 .chart .arrow3.ani { bottom: 0; transition: all 1s; }
.jungta_pt7 { height: 710px; background-image: url('/img/2018/jungta_pt7_bg.png'); background-position: center center; background-repeat: no-repeat; }
.jungta_pt7 .content { font-size: 0; display: block; padding-top: 300px; text-align: center; }


.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 }
}





.web_Top { width: 1198px; margin: 30px auto 50px; overflow: hidden }
.web_Top.blistbg { background-color: #fafafa }
.web_Top span { display: inline-block; letter-spacing: 0.3px }
.web_Top .wt_Big { font-size: 29px; font-weight: bold; padding: 20px 20px 20px 30px; color: #444 }
.web_Top .wt_Small { font-size: 16px; color: #999; font-weight: normal }
.web_Top .web_Cont { width: 1200px; margin: 0 auto }

.pay_Page { min-width: 1200px; background-color: #fafafa; padding: 20px 0 100px }
body.scr .pay_Page { margin-top: 110px; }
.pay_Page .web_Cont { width: 1200px; margin: 0 auto }
.pay_Page .web_Cont .vip_Goods { overflow: hidden; position: relative }
.pay_Page .web_Cont .vip_Goods img { vertical-align: middle }
.pay_Page .web_Cont .vip_Goods li { float: left; display: inline-block; width: 548px; padding: 20px; background-color: #fff; border: 1px solid #e8e8e8; overflow: hidden }
.pay_Page .web_Cont .vip_Goods li.rgap { margin-right: 20px }
.pay_Page .web_Cont .vip_Goods li.ugap { margin-bottom: 20px }
.pay_Page .web_Cont .vip_Goods li .img_P { position: relative; float: left; display: inline-block; width: 200px; height: 200px; cursor: pointer; margin-bottom: 20px }
.pay_Page .web_Cont .vip_Goods li .img_P:hover .ex_Ment { display: block }
.pay_Page .web_Cont .vip_Goods li .img_P .ex_Ment { display: none; position: absolute; bottom: 0px; background-color: #000; color: #fff; text-align: center; width: 200px; padding: 10px 0; font-size: 15px; font-weight: lighter; opacity: 0.8 }
.pay_Page .web_Cont .vip_Goods li .img_P .ex_Best { position: absolute; left: 0; top: -20px; }
.pay_Page .web_Cont .vip_Goods li .goods_Exp { float: right; width: 328px }
.pay_Page .web_Cont .vip_Goods li .ge_Ttl { font-size: 21px; color: #fff; width: 180px; padding: 3px 0; text-align: center; border-radius: 2px }
.pay_Page .web_Cont .vip_Goods li .ge_Exment { margin-top: 8px; color: #aaa; font-size: 14px; line-height: 24px; overflow: hidden }
.pay_Page .web_Cont .vip_Goods li .ge_Bottom { padding-top: 20px; border-top: 1px dashed #e8e8e8 }
.pay_Page .web_Cont .vip_Goods li .ge_Bottom .gb_Price { font-size: 25px; padding-left: 10px }
.pay_Page .web_Cont .vip_Goods li .ge_Bottom .gb_Price strong { font-family: SpoqaHanSans }
.pay_Page .web_Cont .vip_Goods li .ge_Bottom .gb_Price .eventAl { display: none; font-size: 15px; color: #fff }
.pay_Page .web_Cont .vip_Goods li .ge_Bottom .gb_Price .eventAl img { vertical-align: middle }
.pay_Page .web_Cont .vip_Goods li .ge_Bottom .gb_Price .eventAl .alm { vertical-align: middle; display: inline-block; height: 22px; padding: 1px 7px; background-color: #ff0030 }
.pay_Page .web_Cont .vip_Goods li .ge_Bottom .gb_Price .psp { vertical-align: middle }
.pay_Page .web_Cont .vip_Goods li .ge_Bottom .gb_paybtn { display: inline-block; text-align: center; width: 548px; padding: 10px 0; height: 35px; margin-top: 20px; color: #fff; font-size: 21px; border-radius: 2px; cursor: pointer }
.pay_Page .web_Cont .vip_Goods li .ge_Bottom .gb_paybtn.pack_Css { width: 340px; float: right }
.pay_Page .web_Cont .vip_Goods li .ge_Bottom .pack_Sel { display: inline-block; float: left; width: 207px; background-color: #08388d; height: 55px; margin-top: 20px }
.pay_Page .web_Cont .vip_Goods li .ge_Bottom .pack_Sel select { background-color: #08388d; color: #fff; outline-style: none; border: none; width: 100%; font-size: 17px; font-weight: bold; font-family: 'Noto Sans'; height: 55px; text-indent: 12px }
.pay_Page .web_Cont .vip_Goods li .ge_Bottom.premium { border-top: none; margin-top: 90px }
/*.pay_Page .web_Cont .vip_Goods .cs_Info {position:absolute;bottom:0;right:0;height:89px;text-align:center }
.pay_Page .web_Cont .vip_Goods .cs_Info p {font-size:17px;color:#aaa;margin:5px 0 2px }
.pay_Page .web_Cont .vip_Goods .cs_Info .big {font-size:37px;color:#676767;font-weight:bold;font-family:SpoqaHanSans }*/

.pay_Page .danta_Bg { background-color: #c29c39 }
.pay_Page .jungta_Bg { background-color: #df2a55 }
.pay_Page .soec_Bg { background-color: #283840 }
.pay_Page .pack_Bg { background-color: #08388d }
.pay_Page .pay_Pop { display: none; width: 600px; position: fixed; top: 20%; right: 50%; margin-right: -300px; z-index: 2500; background-color: #fff }
.pay_Page .pay_Pop .pp_Top { text-align: center; width: 100%; padding: 10px 0; height: 35px; color: #fff; font-size: 21px; position: relative; }
.pay_Page .pay_Pop .pp_Top .pop_Close { position: absolute; right: -50px; cursor: pointer }
.pay_Page .pay_Pop .pp_Content .selbox { overflow: hidden; border-bottom: 1px solid #e8e8e8; }
.pay_Page .pay_Pop .pp_Content .selbox .group_display { float: left; width: 50% }
.pay_Page .pay_Pop .pp_Content .selbox .group_display .ipt { width: 100%; height: 45px; border: none; font-size: 15px; outline: none; text-indent: 10px; color: #777; font-family: 'Noto Sans KR' }
.pay_Page .pay_Pop .pp_Content .selbox .month_select { float: right; width: 50% }
.pay_Page .pay_Pop .pp_Content .selbox .month_select select { width: 100%; height: 45px; text-indent: 10px; border: none; font-size: 16px; outline-style: none; font-family: 'Noto Sans KR'; color: #777 }
.pay_Page .pay_Pop .pp_Content .startSet { border-bottom: 1px solid #e8e8e8; overflow: hidden }
.pay_Page .pay_Pop .pp_Content .startSet .left { display: inline-block; float: left; width: 50%; height: 45px; box-sizing: border-box; line-height: 45px; font-size: 15px; color: #777; text-indent: 10px }
.pay_Page .pay_Pop .pp_Content .startSet .right { display: inline-block; float: left; width: 50%; box-sizing: border-box; }
.pay_Page .pay_Pop .pp_Content .startSet .right input { width: 100%; height: 45px; border: none; font-size: 15px; outline: none; text-indent: 10px; color: #777; cursor: pointer; font-family: SpoqaHanSans }
.pay_Page .pay_Pop .pp_Content .last_cost { padding: 30px 0; font-size: 18px; text-align: center; border-bottom: 1px solid #e8e8e8 }
.pay_Page .pay_Pop .pp_Content .last_cost p { font-size: 18px; }
.pay_Page .pay_Pop .pp_Content .last_cost strong { font-size: 50px; font-family: SpoqaHanSans }
.pay_Page .pay_Pop .pp_Content .last_cost .br { font-size: 11px; background-color: #ddd; color: #777; border-radius: 10px; margin: 5px auto; width: 25px; height: 20px; line-height: 20px; font-family: 'Segoe UI' }
.pay_Page .pay_Pop .pp_Content .last_cost .whydc_ment { font-size: 13px; margin: 5px }
.pay_Page .pay_Pop .pp_Content .last_cost .whydc_ment span { color: #ff0030; font-weight: bold }
.pay_Page .pay_Pop .pp_Content .last_cost .whydc_ment_p { font-size: 12px; margin: 5px 0; display: none; color: #000 }
.pay_Page .pay_Pop .pp_Content .paypop_bottom { background-color: #fafafa; height: 30px; line-height: 30px; font-size: 12px; text-indent: 10px; color: #aaa }
.pay_Page .pay_Pop .pp_Content .paypop_bottom label { }
.pay_Page .pay_Pop .pp_Content .paypop_bottom label input[type=checkbox] { width: 16px; height: 16px; vertical-align: top; margin-top: 8px; }
.pay_Page .pay_Pop .pp_Content .paypop_bottom label span { color: #000; font-weight: bold; vertical-align: top; }
.pay_Page .pay_Pop .pp_Content .paypop_bottom a { color: #aaa; vertical-align: top; }
.pay_Page .pay_Pop .pp_Content .paybtn_box { text-align: center; }
.pay_Page .pay_Pop .pp_Content .paybtn_box .payok { float: left; width: 33.3333333333%; height: 82px; cursor: pointer }
.pay_Page .pay_Pop .pp_Content .paybtn_box .payok .cardimg { padding: 14px 0 1px }
.pay_Page .pay_Pop .pp_Content .paybtn_box .payok .cashimg { padding: 11px 0 1px }
.pay_Page .pay_Pop .pp_Content .paybtn_box .payok p { color: #fff; font-size: 16px; cursor: pointer }
.pay_Page .pay_Pop .pp_Content .paybtn_box .payok.card { background-color: #8f8f8f; }
.pay_Page .pay_Pop .pp_Content .paybtn_box .payok.bank { background-color: #676767; }
.pay_Page .pay_Pop .pp_Content .paybtn_box .payok.star { background-color: #444; }
.vip_Cunsult { min-width: 1200px; background-color: #fafafa; padding: 20px 0 100px; }
body.scr .vip_Cunsult { margin-top: 110px }
.vip_Cunsult .web_Cont { width: 1200px; margin: 0 auto }
.vip_Cunsult .web_Cont .input { width: 1198px; height: 200px; background: url(/img/2018/w_vip_consult_bg.png) no-repeat; background-position-y: 50%; background-color: #fff; border: 1px solid #e8e8e8; position: relative }
.vip_Cunsult .web_Cont .input input { outline-style: none; border: 1px solid #e8e8e8; background-color: #fdfdfd; font-size: 15px; text-indent: 10px; }
.vip_Cunsult .web_Cont .input .name { height: 43px; width: 300px; position: absolute; left: 530px; top: 49px }
.vip_Cunsult .web_Cont .input .pipt { position: absolute; left: 530px; top: 107px }
.vip_Cunsult .web_Cont .input .fp { height: 43px; width: 60px; vertical-align: middle }
.vip_Cunsult .web_Cont .input .bp { height: 43px; width: 228px; margin-left: 10px; vertical-align: middle }
.vip_Cunsult .web_Cont .input .btn { position: absolute; top: 49px; right: 133px }
.vip_Cunsult .web_Cont .input .kakao { margin-right: 7px }
.vip_Cunsult .web_Cont .list { margin-top: 20px; border: 1px solid #e8e8e8; background-color: #fff }
.vip_Cunsult .web_Cont .list .ltop { text-align: center; margin: 0 40px; padding: 25px 0; font-size: 27px; color: #444; border-bottom: 1px solid #e8e8e8 }
.vip_Cunsult .web_Cont .list .ltop strong { font-family: SpoqaHanSans; color: #ff0030 }
.vip_Cunsult .web_Cont .list .consult_list { padding: 0 30px 30px 30px; overflow: hidden; }
.vip_Cunsult .web_Cont .list .consult_list .lt { float: left; width: 568px; }
.vip_Cunsult .web_Cont .list .consult_list .lt ul li { font-size: 18px; font-weight: normal; width: 526px; display: inline-block; margin: 10px; text-align: center; color: #777; border: 1px solid #e8e8e8; padding: 10px; background-color: #fafafa }
.vip_Cunsult .web_Cont .list .consult_list .lt ul li span { display: inline-block; text-align: center }
.vip_Cunsult .web_Cont .list .consult_list .lt ul li .c_Date { font-family: SpoqaHanSans; width: 100px }
.vip_Cunsult .web_Cont .list .consult_list .lt ul li .c_Name { width: 140px }
.vip_Cunsult .web_Cont .list .consult_list .lt ul li .c_Phone { font-family: SpoqaHanSans; width: 160px }
.vip_Cunsult .web_Cont .list .consult_list .lt ul li .c_Nocomp { width: 100px }
.vip_Cunsult .web_Cont .list .consult_list .lt ul li .c_Comp { color: #ff0030; font-weight: bold; width: 100px }
.vip_Cunsult .web_Cont .list .consult_list .rt { float: left; width: 568px; }
.vip_Cunsult .web_Cont .list .consult_list .rt ul li { font-size: 18px; font-weight: normal; width: 526px; display: inline-block; margin: 10px; text-align: center; color: #777; border: 1px solid #e8e8e8; padding: 10px; background-color: #fafafa }
.vip_Cunsult .web_Cont .list .consult_list .rt ul li span { display: inline-block; text-align: center }
.vip_Cunsult .web_Cont .list .consult_list .rt ul li .c_Date { font-family: SpoqaHanSans; width: 100px }
.vip_Cunsult .web_Cont .list .consult_list .rt ul li .c_Name { width: 140px }
.vip_Cunsult .web_Cont .list .consult_list .rt ul li .c_Phone { font-family: SpoqaHanSans; width: 160px }
.vip_Cunsult .web_Cont .list .consult_list .rt ul li .c_Nocomp { width: 100px }
.vip_Cunsult .web_Cont .list .consult_list .rt ul li .c_Comp { color: #ff0030; font-weight: bold; width: 100px }

.suc_Story { min-width: 1200px; background-color: #fafafa; padding: 20px 0 100px }
body.scr .suc_Story { margin-top: 110px }
.suc_Story .web_Cont { width: 1200px; margin: 0 auto }
.suc_Story .web_Cont .play_List { width: 1200px; margin: 0 auto; overflow: hidden }
.suc_Story .web_Cont .play_List li { width: 1198px; height: 377px; border: 1px solid #e8e8e8; margin-bottom: 20px }
.suc_Story .web_Cont .play_List li iframe { vertical-align: middle }
.suc_Story .web_Cont .play_List li .left_Youtube { float: left; width: 600px; padding: 20px }
.suc_Story .web_Cont .play_List li .right_Youtube { float: right; width: 600px; padding: 20px }
.suc_Story .web_Cont .play_List .bg1 { background: url(/img/2018/story_list1_bg.png) }
.suc_Story .web_Cont .play_List .bg2 { background: url(/img/2018/story_list2_bg.png) }
.suc_Story .web_Cont .play_List .bg3 { background: url(/img/2018/story_list3_bg.png) }
.suc_Story .web_Cont .play_List .bg4 { background: url(/img/2018/story_list4_bg.png) }
.suc_Story .web_Cont .play_List .bg5 { background: url(/img/2018/story_list5_bg.png) }
.suc_Story .web_Cont .best_Postscript { margin-top: 20px; padding-bottom: 50px; border: 1px solid #e8e8e8; background-color: #fff; overflow: hidden }
.suc_Story .web_Cont .best_Postscript .ltop { text-align: center; margin: 0 40px; padding: 25px 0; font-size: 27px; color: #444; font-weight: bold }
.suc_Story .web_Cont .best_Postscript .ltop span { color: #c53929 }
.suc_Story .web_Cont .best_Postscript .best_List { float: left; width: 800px; height: 255px; border-top: 1px solid #e8e8e8; margin: 0 30px 0 60px; }
.suc_Story .web_Cont .best_Postscript .best_List ul { width: 100% }
.suc_Story .web_Cont .best_Postscript .best_List ul li { height: 50px; line-height: 50px; border-bottom: 1px solid #e8e8e8; white-space: nowrap; word-break: break-all; text-overflow: ellipsis; overflow: hidden; padding-right: 10px }
.suc_Story .web_Cont .best_Postscript .best_List ul li:last-child { border-bottom: none }
.suc_Story .web_Cont .best_Postscript .best_List ul li .bl_Name { display: inline-block; width: 100px; padding-right: 20px; text-align: right; font-size: 16px; color: #444; }
.suc_Story .web_Cont .best_Postscript .best_List ul li .bl_Cont { display: inline-block; font-size: 15px; color: #777; }
.suc_Story .web_Cont .best_Postscript .more_Btn { margin: 4px 20px 0 0 }

.post_Script { min-width: 1200px; background-color: #fafafa; padding: 20px 0 100px; position: relative; padding-top: 0; }
.post_Script .post_bg { background: url(/img/2018/post_banner1.png)no-repeat center top; }
.post_Script .post_bg .web_Top { height: 170px; margin-top: 0px; text-align: center; color: #fff; }
body.scr .post_Script { margin-top: 110px; }
.post_Script .post_bg .web_Top .post_ttl { font-size: 24px; display: block; border-bottom: 3px solid #ff0030; width: 100px; margin: 40px auto; margin-bottom: 10px; padding-bottom: 10px; font-weight: bold; }
.post_Script .post_bg .web_Top .ttl_text { font-size: 18px; display: block; font-weight: lighter; }
.post_Script .web_Cont { width: 1200px; margin: 0 auto; position: relative }
.post_Script .web_Cont .top_Func { margin-top: 20px; width: 1198px; overflow: hidden; font-size: 20px; color: #444 }
.post_Script .web_Cont .top_Func .tf_Number { width: 450px; float: left; background-color: #fff; border: 1px solid #e8e8e8; height: 60px; line-height: 60px; text-align: center; margin-right: 20px }
.post_Script .web_Cont .top_Func .tf_Number span { font-family: SpoqaHanSans; font-weight: bold; color: #ff0030 }
.post_Script .web_Cont .top_Func .tf_Bestch { display: inline-block; float: left; width: 450px; background-color: #fff; height: 60px; line-height: 60px; cursor: pointer; vertical-align: middle; position: relative; border: 1px solid #e8e8e8; margin-right: 20px; text-align: center }
.post_Script .web_Cont .top_Func .tf_Bestch span { color: #ff0030; 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: 85px; 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: 254px; height: 62px; line-height: 62px; float: left; background-color: #ffd123; color: #fff; border-radius: 5px; text-align: center; transition: 0.3s }
.post_Script .web_Cont .top_Func .tf_Write:hover { background-color: #ff0030 }
.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: 1200px; box-sizing: border-box; float: left; margin-top: 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 { float: left; width: 588px; border: 1px solid #e8e8e8; margin-bottom: 20px; background-color: #fff; overflow: hidden; position: relative; box-sizing: border-box; }
.post_Script .web_Cont .ps_List li:nth-child(2n-1) { margin-right: 20px }
.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; position: relative; margin-top: 10px; }
.post_Script .web_Cont .ps_List .ps_Profile .thumb img { border-radius: 50px; position: absolute; width: 60px; position: absolute; z-index: 2; left: 50%; transform: translateX(-50%) }
/*.post_Script .web_Cont .ps_List .ps_Profile .thumb img:nth-of-type(1) {width:90px;position:absolute; z-index:3; top:40px; left:50%; transform:translateX(-50%); border-radius:;}*/
/*.post_Script .web_Cont .ps_List .ps_Profile .thumb img:nth-of-type(2) {width:60px;position:absolute; z-index:2; left:50%; transform:translateX(-50%);border:2px solid #636363; }*/
/*.post_Script .web_Cont .ps_List .ps_Profile .thumb img:nth-of-type(3) {width:30px;position:absolute; z-index:1; top:-20px; left:50%; transform:translateX(-50%); z-index:0;}*/
.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; }
.post_Script .web_Cont .ps_List .ps_Profile .grade .fill { color: #f37333; vertical-align: middle; margin-bottom: 1px; font-size: 12px; }
.post_Script .web_Cont .ps_List .ps_Profile .grade .nofill { color: #ddd; vertical-align: middle; margin-bottom: 1px; font-size: 12px; }
.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: url(/img/2018/e8e8e8_bg.png); background-repeat: repeat-y }
.post_Script .web_Cont .ps_List .ps_Content { float: left; width: 456px; 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 #e8e8e8; padding: 10px 20px; letter-spacing: -0.4px }
.post_Script .web_Cont .ps_List .ps_Content .contpart_Top span { vertical-align: middle; display: inline-block; }
.post_Script .web_Cont .ps_List .ps_Content .contpart_Top .best { margin: 6px 5px 0 0 }
.post_Script .web_Cont .ps_List .ps_Content .contpart_Top .best img { width: 50px }
.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; background: #eee; 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: #ff0030; 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; font-family: 'Noto Sans KR'; 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; }
.post_Script .ps_Write_pop .pw_Content .ttl_grade .star_grade .star .empty { color: #ccc; }
.post_Script .ps_Write_pop .pw_Content .ttl_grade .star_grade .star .select { color: #ffa800; display: none; }
.post_Script .ps_Write_pop .pw_Content .ttl_grade .star_grade[count='1'] .star[c='1'] .empty { display: none; }
.post_Script .ps_Write_pop .pw_Content .ttl_grade .star_grade[count='1'] .star[c='1'] .select { display: inline; }
.post_Script .ps_Write_pop .pw_Content .ttl_grade .star_grade[count='2'] .star[c='1'] .empty { display: none; }
.post_Script .ps_Write_pop .pw_Content .ttl_grade .star_grade[count='2'] .star[c='1'] .select { display: inline; }
.post_Script .ps_Write_pop .pw_Content .ttl_grade .star_grade[count='2'] .star[c='2'] .empty { display: none; }
.post_Script .ps_Write_pop .pw_Content .ttl_grade .star_grade[count='2'] .star[c='2'] .select { display: inline; }
.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; margin-left: 20px; display: inline-block; vertical-align: top; min-width: initial; }
.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; }
.post_Script .ps_Write_pop .pw_Content .star_grade[count='3'] .star[c='1'] .empty { display: none; }
.post_Script .ps_Write_pop .pw_Content .star_grade[count='3'] .star[c='1'] .select { display: inline; }
.post_Script .ps_Write_pop .pw_Content .star_grade[count='3'] .star[c='2'] .empty { display: none; }
.post_Script .ps_Write_pop .pw_Content .star_grade[count='3'] .star[c='2'] .select { display: inline; }
.post_Script .ps_Write_pop .pw_Content .star_grade[count='3'] .star[c='3'] .empty { display: none; }
.post_Script .ps_Write_pop .pw_Content .star_grade[count='3'] .star[c='3'] .select { display: inline; }
.post_Script .ps_Write_pop .pw_Content .star_grade[count='4'] .star[c='1'] .empty { display: none; }
.post_Script .ps_Write_pop .pw_Content .star_grade[count='4'] .star[c='1'] .select { display: inline; }
.post_Script .ps_Write_pop .pw_Content .star_grade[count='4'] .star[c='2'] .empty { display: none; }
.post_Script .ps_Write_pop .pw_Content .star_grade[count='4'] .star[c='2'] .select { display: inline; }
.post_Script .ps_Write_pop .pw_Content .star_grade[count='4'] .star[c='3'] .empty { display: none; }
.post_Script .ps_Write_pop .pw_Content .star_grade[count='4'] .star[c='3'] .select { display: inline; }
.post_Script .ps_Write_pop .pw_Content .star_grade[count='4'] .star[c='4'] .empty { display: none; }
.post_Script .ps_Write_pop .pw_Content .star_grade[count='4'] .star[c='4'] .select { display: inline; }
.post_Script .ps_Write_pop .pw_Content .star_grade[count='5'] .star[c='1'] .empty { display: none; }
.post_Script .ps_Write_pop .pw_Content .star_grade[count='5'] .star[c='1'] .select { display: inline; }
.post_Script .ps_Write_pop .pw_Content .star_grade[count='5'] .star[c='2'] .empty { display: none; }
.post_Script .ps_Write_pop .pw_Content .star_grade[count='5'] .star[c='2'] .select { display: inline; }
.post_Script .ps_Write_pop .pw_Content .star_grade[count='5'] .star[c='3'] .empty { display: none; }
.post_Script .ps_Write_pop .pw_Content .star_grade[count='5'] .star[c='3'] .select { display: inline; }
.post_Script .ps_Write_pop .pw_Content .star_grade[count='5'] .star[c='4'] .empty { display: none; }
.post_Script .ps_Write_pop .pw_Content .star_grade[count='5'] .star[c='4'] .select { display: inline; }
.post_Script .ps_Write_pop .pw_Content .star_grade[count='5'] .star[c='5'] .empty { display: none; }
.post_Script .ps_Write_pop .pw_Content .star_grade[count='5'] .star[c='5'] .select { display: inline; }
.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 }
.post_Script .scr_Wbtn { display: none; position: absolute; right: -110px; top: 80px; width: 70px; text-align: center; color: #fff; background-color: #ffd123; transition: background-color 0.2s; padding: 10px; border-radius: 5px }
.post_Script .scr_Wbtn:hover { background-color: #ff0030 }


.trade_Diary { min-width: 1200px; background-color: #fafafa; padding: 20px 0 100px; position: relative }
body.scr .trade_Diary { margin-top: 110px }
.trade_Diary { min-width: 1200px; background-color: #fafafa; padding: 20px 0 100px; position: relative; padding-top: 0; }
.trade_Diary .trade_bg { background: url(/img/2018/post_banner2.png)no-repeat center top; }
.trade_Diary .trade_bg .web_Top { height: 170px; margin-top: 0px; text-align: center; color: #fff; }
.trade_Diary .trade_bg .web_Top .post_ttl { font-size: 24px; display: block; border-bottom: 3px solid #ff0030; width: 100px; margin: 40px auto; margin-bottom: 10px; padding-bottom: 10px; font-weight: bold; }
.trade_Diary .trade_bg .web_Top .ttl_text { font-size: 18px; display: block; font-weight: lighter; }
.trade_Diary .web_Cont { width: 1200px; margin: 0 auto; position: relative }
.trade_Diary .web_Cont .top_Func { margin-top: 20px; width: 1198px; overflow: hidden; font-size: 20px; color: #444 }
.trade_Diary .web_Cont .top_Func .tf_Number { width: 450px; float: left; background-color: #fff; border: 1px solid #e8e8e8; height: 60px; line-height: 60px; text-align: center; margin-right: 20px }
.trade_Diary .web_Cont .top_Func .tf_Number span { font-family: SpoqaHanSans; font-weight: bold; color: #ff0030 }
.trade_Diary .web_Cont .top_Func .tf_Write { display: inline-block; width: 254px; height: 62px; line-height: 62px; float: right; background-color: #ffd123; color: #fff; border-radius: 5px; text-align: center; transition: 0.3s }
.trade_Diary .web_Cont .top_Func .tf_Write:hover { background-color: #ff0030 }
.trade_Diary .web_Cont .top_Func .tf_Write img { vertical-align: middle; margin: 0 8px 4px 0 }
.trade_Diary .scr_Wbtn { display: block; position: absolute; right: -110px; top: 80px; width: 70px; text-align: center; color: #fff; background-color: #ffd123; transition: background-color 0.2s; padding: 10px; border-radius: 5px }
.trade_Diary .scr_Wbtn:hover { background-color: #ff0030 }

.tradeDiary_wrap { min-width: 1200px; background-color: #fafafa; padding: 20px 0 100px; position: relative; }
.tradeDiary { width:1200px; margin:0 auto;  }
.tradeDiary .top_Func { margin-top: 20px; width: 1198px; overflow: hidden; font-size: 20px; color: #444 }
.tradeDiary .top_Func .tf_Number { width: 450px; float: left; background-color: #fff; border: 1px solid #e8e8e8; height: 60px; line-height: 60px; text-align: center; margin-right: 20px }
.tradeDiary .top_Func .tf_Number span { font-family: SpoqaHanSans; font-weight: bold; color: #ff0030 }
.tradeDiary .top_Func .tf_Bestch { display: inline-block; float: left; width: 450px; background-color: #fff; height: 60px; line-height: 60px; cursor: pointer; vertical-align: middle; position: relative; border: 1px solid #e8e8e8; margin-right: 20px; text-align: center }
.tradeDiary .top_Func .tf_Bestch span { color: #ff0030; font-weight: bold }
.tradeDiary .top_Func input[type="checkbox"] { display: none; }
.tradeDiary .top_Func input[type="checkbox"] + label:before { position: absolute; top: 15px; right: 85px; 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 }
.tradeDiary .top_Func input[type="checkbox"]:checked + label:before { color: #777; content: "\2714"; text-align: center; }
.tradeDiary .top_Func .tf_Write { display: inline-block; width: 254px; height: 62px; line-height: 62px; float: left; background-color: #ffd123; color: #fff; border-radius: 5px; text-align: center; transition: 0.3s }
.tradeDiary .top_Func .tf_Write:hover { background-color: #ff0030 }
.tradeDiary .top_Func .tf_Write img { vertical-align: middle; margin: 0 8px 4px 0 }
.tradeDiary .list { margin-top:20px; }
.tradeDiary .list table { width:1200px; }
.tradeDiary .list table thead tr { background:#eee; }
.tradeDiary .list table thead tr th { padding:20px 0px; }
.tradeDiary .list table thead tr th:nth-child(1) { width:80px; }
.tradeDiary .list table thead tr th:nth-child(2) { width:120px; }
.tradeDiary .list table thead tr th:nth-child(3) { width:700px; }
.tradeDiary .list table thead tr th:nth-child(4) { width:150px; }
.tradeDiary .list table thead tr th:nth-child(5) { width:150px; }
.tradeDiary .list table tbody tr:hover td { background:#eee; }
.tradeDiary .list table tbody tr:nth-child(odd) { background: #fff; }
.tradeDiary .list table tbody tr:nth-child(even) { background:#fcfcfc ; }
.tradeDiary .list table tbody tr td { padding: 20px 0px; }
.tradeDiary .list table tbody tr td:hover { cursor:pointer; }
.tradeDiary .list table tbody tr td.number { text-align:center; font-size:14px; }
.tradeDiary .list table tbody tr td.thumb { text-align:center  }
.tradeDiary .list table tbody tr td.thumb img { width:100px; border-radius:10px; margin-top:10px; border:2px solid #666;  }
.tradeDiary .list table tbody tr td.content { padding-left:20px; }
.tradeDiary .list table tbody tr td.content div:nth-child(1) { font-size:22px; }
.tradeDiary .list table tbody tr td.content div:nth-child(2) { color:#777; }
.tradeDiary .list table tbody tr td.content .cnt { max-height:70px; overflow:hidden; text-overflow:ellipsis; word-break:break-all; vertical-align:middle; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }
.tradeDiary .list table tbody tr td.writer { text-align:center; }
.tradeDiary .list table tbody tr td.writer div:nth-child(1) img { width:80px; border-radius:50%; }
.tradeDiary .list table tbody tr td.date { text-align:center; }


/* KB 콜라보 */
.pt_kbcolabo { text-align: center; width: 100% }
.pt_kbcolabo .kb_bg1 { background: url(/img/2018/KB_bg2.png)no-repeat center top; height: 1335px; }
.pt_kbcolabo .bg .h1 { width: 100%; background-color: #39352c }
.pt_kbcolabo .bg .c1 { width: 100%; background-color: #fbaf1d }
.pt_kbcolabo .bg .l1 { width: 100%; background-color: #f8f8f8; height: 300px; padding-top: 50px }
.pt_kbcolabo .bg .l1 .box { max-width: 300px; margin: 0 auto; font-size: 0; margin-top: 50px; }
.pt_kbcolabo .bg .l1 .box .ipt { width: 300px; display: inline-block; }
.pt_kbcolabo .bg .l1 .box .ipt p { margin-bottom: 10px }
.pt_kbcolabo .bg .l1 .box .ipt input { border: 1px solid #d6d6d8; text-indent: 10px; font: 14px dotum; outline: none }
.pt_kbcolabo .bg .l1 .box .ipt .name input { width: 298px; height: 40px; }
.pt_kbcolabo .bg .l1 .box .ipt .phone input:first-child { width: 80px; height: 40px; }
.pt_kbcolabo .bg .l1 .box .ipt .phone input:last-child { width: 206px; height: 40px; margin-left: 10px }
.pt_kbcolabo .bg .l1 .box .btn { display: inline-block; width: 300px; }
.pt_kbcolabo .bg .l1 .box .btn_1 { width: 150px; height: 43px; line-height: 43px; background-color: #f47524; color: #fff; font-weight: bold; font-size: 14px; cursor: pointer; display: inline-block; }
.pt_kbcolabo .bg .l1 .box .btn_2 { width: 150px; height: 43px; line-height: 43px; background-color: #f9e000; color: #3b1e1e; font-weight: bold; font-size: 14px; cursor: pointer; display: inline-block; }
.pt_kbcolabo .bg .l1 .box .btn_2 img { vertical-align: middle; width: 26px; margin: 0 4px 2px 0 }

/* 유안타증권 콜라보 */
.pt_yuantacolabo { text-align: center }
.pt_yuantacolabo .yu2_cont_1 { background: url(/img/2018/yuanta_bg2.png)no-repeat center top; height: 901px; }
.pt_yuantacolabo .cont_3 { padding: 50px 0; }
.pt_yuantacolabo .cont_3 .box { max-width: 300px; margin: 0 auto; font-size: 0; margin-top: 50px; }
.pt_yuantacolabo .cont_3 .box .ipt { width: 300px; display: inline-block; }
.pt_yuantacolabo .cont_3 .box .ipt p { margin-bottom: 10px }
.pt_yuantacolabo .cont_3 .box .ipt input { border: 1px solid #d6d6d8; text-indent: 10px; font: 14px dotum; outline: none }
.pt_yuantacolabo .cont_3 .box .ipt .name input { width: 298px; height: 40px; }
.pt_yuantacolabo .cont_3 .box .ipt .phone input:first-child { width: 80px; height: 40px; }
.pt_yuantacolabo .cont_3 .box .ipt .phone input:last-child { width: 206px; height: 40px; margin-left: 10px }
.pt_yuantacolabo .cont_3 .box .btn { display: inline-block; width: 300px; }
.pt_yuantacolabo .cont_3 .box .btn_1 { width: 150px; height: 43px; line-height: 43px; background-color: #f47524; color: #fff; font-weight: bold; font-size: 14px; cursor: pointer; display: inline-block; }
.pt_yuantacolabo .cont_3 .box .btn_2 { width: 150px; height: 43px; line-height: 43px; background-color: #f9e000; color: #3b1e1e; font-weight: bold; font-size: 14px; cursor: pointer; display: inline-block; }
.pt_yuantacolabo .cont_3 .box .btn_2 img { vertical-align: middle; width: 26px; margin: 0 4px 2px 0 }
.pt_yuantacolabo .yFoot { text-align: center; margin: 0 auto; padding: 30px 0; border-top: 1px solid #f2f2f2; background-color: #444 }
.pt_yuantacolabo .yFoot .copy_logo { padding-bottom: 10px }
.pt_yuantacolabo .yFoot .copy_ment { font: 12px dotum; color: #888 }


/* 메뉴 베너 */

.pay_Page { padding-top: 0; }
.pay_Page .pay_page_top { min-width: 1200px; background-color: #fafafa; position: relative; padding-top: 0; text-align: center; margin-bottom: 20px; }
.pay_Page .pay_page_top { background: url(/img/2018/post_banner9.png)no-repeat no-repeat center top; height: 170px; margin-top: 0px; text-align: center; color: #fff; }
.pay_Page .pay_page_top .wt_Big { font-size: 24px; display: block; border-bottom: 3px solid #ff0030; width: 270px; margin: 0px auto; margin-bottom: 10px; padding-bottom: 10px; font-weight: bold; padding-top: 40px; }
.pay_Page .pay_page_top .wt_Small { font-size: 18px; display: block; font-weight: lighter; }

.vip_Cunsult { padding-top: 0; }
.vip_Cunsult .vip_cunsult_top { min-width: 1200px; background-color: #fafafa; position: relative; padding-top: 0; text-align: center; margin-bottom: 20px; }
.vip_Cunsult .vip_cunsult_top { background: url(/img/2018/post_banner9.png)no-repeat no-repeat center top; height: 170px; margin-top: 0px; text-align: center; color: #fff; }
.vip_Cunsult .vip_cunsult_top .wt_Big { font-size: 24px; display: block; border-bottom: 3px solid #ff0030; width: 270px; margin: 0px auto; margin-bottom: 10px; padding-bottom: 10px; font-weight: bold; padding-top: 40px; }
.vip_Cunsult .vip_cunsult_top .wt_Small { font-size: 18px; display: block; font-weight: lighter; }

.event_List { min-width: 1200px; background-color: #fafafa; position: relative; padding-top: 0; text-align: center; }
.event_Top { background: url(/img/2018/post_banner8.png)no-repeat no-repeat center top; height: 170px; margin-top: 0px; text-align: center; color: #fff; }
.event_Top .event_ttl { font-size: 24px; display: block; border-bottom: 3px solid #ff0030; width: 150px; margin: 0px auto; margin-bottom: 10px; padding-bottom: 10px; font-weight: bold; padding-top: 40px; }
.event_Top .ttl_text { font-size: 18px; display: block; font-weight: lighter; }

.cs_Center { padding-top: 0; }
.cs_Center_Top { min-width: 1200px; background-color: #fafafa; position: relative; padding-top: 0; text-align: center; }
.cs_Center_Top { background: url(/img/2018/post_banner9.png)no-repeat no-repeat center top; height: 170px; margin-top: 0px; text-align: center; color: #fff; }
.cs_Center_Top .cs_Center_ttl { font-size: 24px; display: block; border-bottom: 3px solid #ff0030; width: 270px; margin: 0px auto; margin-bottom: 10px; padding-bottom: 10px; font-weight: bold; padding-top: 40px; }
.cs_Center_Top .ttl_text { font-size: 18px; display: block; font-weight: lighter; }

.notice_ban { min-width: 1200px; background-color: #fafafa; position: relative; padding-top: 0; text-align: center; }
.notice_ban { background: url(/img/2018/post_banner7.png)no-repeat no-repeat center top; height: 170px; margin-top: 0px; text-align: center; color: #fff; }
.notice_ban .notice_ttl { font-size: 24px; display: block; border-bottom: 3px solid #ff0030; width: 130px; margin: 0px auto; margin-bottom: 10px; padding-bottom: 10px; font-weight: bold; padding-top: 40px; }
.notice_ban .ttl_text { font-size: 18px; display: block; font-weight: lighter; }

.open_broadcast { min-width: 1200px; background-color: #fafafa; position: relative; padding-top: 0; text-align: center; }
.open_broadcast { background: url(/img/2018/post_banner4.png)no-repeat no-repeat center top; height: 170px; margin-top: 0px; text-align: center; color: #fff; }
.open_broadcast .broad_ttl { font-size: 24px; display: block; border-bottom: 3px solid #ff0030; width: 130px; margin: 0px auto; margin-bottom: 10px; padding-bottom: 10px; font-weight: bold; padding-top: 40px; }
.open_broadcast .ttl_text { font-size: 18px; display: block; font-weight: lighter; }

.stock_info { min-width: 1200px; background-color: #fafafa; position: relative; padding-top: 0; text-align: center; }
.stock_info { background: url(/img/2018/post_banner6.png)no-repeat no-repeat center top; height: 170px; margin-top: 0px; text-align: center; color: #fff; }
.stock_info .info_ttl { font-size: 24px; display: block; border-bottom: 3px solid #ff0030; width: 130px; margin: 0px auto; margin-bottom: 10px; padding-bottom: 10px; font-weight: bold; padding-top: 40px; }
.stock_info .ttl_text { font-size: 18px; display: block; font-weight: lighter; }

.core_info { min-width: 1200px; background-color: #fafafa; position: relative; padding-top: 0; text-align: center; }
.core_info { background: url(/img/2018/post_banner5.png)no-repeat no-repeat center top; height: 170px; margin-top: 0px; text-align: center; color: #fff; }
.core_info .info_ttl { font-size: 24px; display: block; border-bottom: 3px solid #ff0030; width: 220px; margin: 0px auto; margin-bottom: 10px; padding-bottom: 10px; font-weight: bold; padding-top: 40px; }
.core_info .ttl_text { font-size: 18px; display: block; font-weight: lighter; }

.trade_Benefit { min-width: 1200px; background-color: #fafafa; padding: 20px 0 100px }
body.scr .trade_Benefit { margin-top: 110px }
.trade_Benefit { min-width: 1200px; background-color: #fafafa; padding: 20px 0 100px; position: relative; padding-top: 0; }
.trade_Benefit .benefit_bg { background: url(/img/2018/post_banner3.png)no-repeat center top; }
.trade_Benefit .benefit_bg .web_Top { height: 170px; margin-top: 0px; text-align: center; color: #fff; }
.trade_Benefit .benefit_bg .web_Top .post_ttl { font-size: 24px; display: block; border-bottom: 3px solid #ff0030; width: 130px; margin: 40px auto; margin-bottom: 10px; padding-bottom: 10px; font-weight: bold; }
.trade_Benefit .benefit_bg .web_Top .ttl_text { font-size: 18px; display: block; font-weight: lighter; }
.trade_Benefit .web_Cont { width: 1200px; margin: 0 auto }
.trade_Benefit .web_Cont p { padding: 0px 0 10px; font-size: 16px; color: #666 }
.trade_Benefit .web_Cont p span { display: inline-block; width: 32%; margin-right: 2%; text-indent: 5px }
.trade_Benefit .web_Cont p span:last-child { margin-right: 0 }
.trade_Benefit .web_Cont .selectClass { padding: 20px; background: #fff; border: 1px solid #e8e8e8; line-height: 19px; }
.trade_Benefit .web_Cont .selectClass select { width: 32%; margin-right: 2%; height: 45px; font-size: 18px; text-indent: 5px; border: none; vertical-align: middle; outline-style: none; background-color: #fafafa; font-family: 'Noto Sans KR' }
.trade_Benefit .web_Cont .selectClass select:last-child { margin-right: 0 }
.trade_Benefit .web_Cont .result { overflow: hidden; margin-top: 20px; padding: 0 40px 40px; background-color: #fff; border: 1px solid #e8e8e8 }
.trade_Benefit .web_Cont .result .graph { width: 100%; background: #fff }
.trade_Benefit .web_Cont .result .graph .th { padding: 25px 0; font-size: 25px; color: #666; border-bottom: 1px solid #e8e8e8; text-align: center }
.trade_Benefit .web_Cont .result .graph .th .v { color: #444; font-weight: bold; }
.trade_Benefit .web_Cont .result .graph .td { padding: 10px 0 }
.trade_Benefit .web_Cont .result .graph .td .chart_image { height: 450px; display: none; }
.trade_Benefit .web_Cont .result .graph .td .loading_image { text-align: center; margin: 50px 0; font-size: 13px }
.trade_Benefit .web_Cont .result .graph .td .loading_image img { width: 55px }
.trade_Benefit .web_Cont .result .graph .td .pt_vipResult .web_Cont .result .box { float: left; width: 258px; margin-left: 0px; }
.trade_Benefit .web_Cont .result .box:first-child { margin-left: 0px; }
.trade_Benefit .web_Cont .result .box .body { position: relative; padding: 20px 0; background: #fff; border: 1px solid #e8e8e8; font-size: 13px; overflow: hidden }
.trade_Benefit .web_Cont .result .box .left_Part { float: left; width: 50%; box-sizing: border-box; border-right: 1px dashed #e8e8e8; padding: 0 20px }
.trade_Benefit .web_Cont .result .box .right_Part { float: left; width: 50%; box-sizing: border-box; padding: 0 20px }
.trade_Benefit .web_Cont .result .box .body .expn { position: relative; overflow: hidden; margin-bottom: 10px; font-size: 16px }
.trade_Benefit .web_Cont .result .box .body .expn:last-child { margin-bottom: 0px }
.trade_Benefit .web_Cont .result .box .body .expn .left { display: inline-block; float: left; color: #666 }
.trade_Benefit .web_Cont .result .box .body .expn .left .sub { display: inline-block; color: #aaa; font-size: 12px }
.trade_Benefit .web_Cont .result .box .body .expn .right { display: inline-block; float: right; font-weight: bold }
.trade_Benefit .web_Cont .result .box .body .expn .right .red { color: #f00; }
.trade_Benefit .web_Cont .result .box .body .expn .right .blue { color: #00f; }
.trade_Benefit .web_Cont .sellStock { overflow: hidden; background: #fff; border: 1px solid #e8e8e8; margin-top: 20px; padding: 0 40px 40px }
.trade_Benefit .web_Cont .sellStock .head { position: relative; padding: 25px 0; font-size: 25px; color: #666; border-bottom: 1px solid #e8e8e8; text-align: center; font-weight: bold }
.trade_Benefit .web_Cont .sellStock .body { background: #fff; overflow: hidden; border-top: none; }
.trade_Benefit .web_Cont .sellStock .body li { overflow: hidden; border-bottom: 1px solid #e8e8e8 }
.trade_Benefit .web_Cont .sellStock .body li.loading { text-align: center; margin: 50px 0; font-size: 13px }
.trade_Benefit .web_Cont .sellStock .body li.loading img { width: 55px; text-align: center; }
.trade_Benefit .web_Cont .sellStock .body li.selected { background: #fafafa; color: #000 }
.trade_Benefit .web_Cont .sellStock .body li div.title { padding: 15px 0; overflow: hidden }
.trade_Benefit .web_Cont .sellStock .body li div.title div { display: inline-block; text-align: center }
.trade_Benefit .web_Cont .sellStock .body .listSingle div.title .stockName { width: 30%; float: left; font-size: 18px; font-weight: bold; margin-top: 17px }
.trade_Benefit .web_Cont .sellStock .body .listSingle div.title .sellDate { width: 20%; float: left; font-size: 16px }
.trade_Benefit .web_Cont .sellStock .body .listSingle div.title .stockEarn { width: 15%; float: left; font-size: 15px }
.trade_Benefit .web_Cont .sellStock .body .listSingle div.title .stockWEarn { width: 15%; float: left; font-size: 15px }
.trade_Benefit .web_Cont .sellStock .body .listSingle div.title .moreSee { width: 20%; float: left; font-size: 13px; color: #000; margin-top: 16px }
.trade_Benefit .web_Cont .sellStock .body .listTotal div.title .eachGroup { width: 10%; float: left; color: #c53929; font-weight: bold; font-size: 16px; margin-top: 16px }
.trade_Benefit .web_Cont .sellStock .body .listTotal div.title .stockName { width: 24%; float: left; font-size: 16px; font-weight: bold; margin-top: 16px }
.trade_Benefit .web_Cont .sellStock .body .listTotal div.title .sellDate { width: 18%; float: left; font-size: 15px }
.trade_Benefit .web_Cont .sellStock .body .listTotal div.title .stockEarn { width: 15%; float: left; font-size: 15px }
.trade_Benefit .web_Cont .sellStock .body .listTotal div.title .stockWEarn { width: 15%; float: left; font-size: 15px }
.trade_Benefit .web_Cont .sellStock .body .listTotal div.title .moreSee { width: 18%; float: left; font-size: 13px; color: #000; margin-top: 16px }
.trade_Benefit .web_Cont .sellStock .body li div.title .moreSee img { margin-left: 5px }
.trade_Benefit .web_Cont .sellStock .body li div.title .moreSee span { display: inline-block; background-color: #c53929; cursor: pointer; width: 90px; height: 30px; line-height: 30px; color: #fff }
.trade_Benefit .web_Cont .sellStock .body li div.title .major { font-size: 14px; margin-top: 5px }
.trade_Benefit .web_Cont .sellStock .body li div.title div p.red { color: red }
.trade_Benefit .web_Cont .sellStock .body li div.title div p.blue { color: blue }
.trade_Benefit .web_Cont .sellStock .body li div.title.selected .moreSee span { background: #eee; color: #787878; border: 1px solid #e8e8e8 }
.trade_Benefit .web_Cont .sellStock .body li div.content { display: none; padding: 0px 20px 20px; line-height: 1.3; }
.trade_Benefit .web_Cont .sellStock .body li div.content table { width: 100% }
.trade_Benefit .web_Cont .sellStock .body li div.content thead tr td { font-size: 14px; text-align: center; border: 1px solid #e8e8e8; padding: 10px 0; width: 25%; background: #eaeaea; color: #aaa; }
.trade_Benefit .web_Cont .sellStock .body li div.content tbody tr th { padding: 10px 0; text-align: center; border: 1px solid #e8e8e8; font-size: 14px; background: #fff }
.trade_Benefit .web_Cont .sellStock .body li div.title .highEarn { font-weight: bold }
.trade_Benefit .web_Cont .sellStock .paneN { text-align: center; margin-top: 30px; cursor: pointer }
.trade_Benefit .web_Cont .sellStock .paneN ul li { display: inline-block; margin: 0 7px; }
.trade_Benefit .web_Cont .sellStock .paneN ul li span { color: #aaa; }
.trade_Benefit .web_Cont .sellStock .paneN ul li span.selected { color: #000; font-weight: bold; }

/*
.broadcast_list {min-width: 1200px;background-color:#fff }
body.scr .broadcast_list { margin-top: 110px }
.broadcast_list .web_Cont {margin:0 auto;width:1200px;overflow:hidden;font-family:'Noto Sans KR' }
.broadcast_list li {letter-spacing:-0.5px;border:1px solid #e8e8e8;padding:10px;position:relative;box-sizing:border-box;width:590px;float:left;margin-right:20px;margin-top:20px;background:#f8f8f8}
.broadcast_list li:nth-child(2n) {margin-right:0px }
.broadcast_list li:nth-child(1),.broadcast_list li:nth-child(2) {margin-top:0px }
.broadcast_list li a {display:inline-block;overflow:hidden;width:100%;vertical-align:middle }
.broadcast_list li a .thumb {position:relative;display:inline-block;float:left;width:160px;height:90px;overflow:hidden }
.broadcast_list li a .thumb .moimg {width:100%;vertical-align:middle }
.broadcast_list li a .playbtn {position:absolute;top:25px;left:50%;margin-left:-20px; opacity:0.7;}
.broadcast_list li a .playbtn img {width:40px;vertical-align:middle}
.broadcast_list li a .playtime {position:absolute;bottom:0px;right:8px;}
.broadcast_list li a .playtime span {background-color:#000;border-radius:3px;color:#fff;text-align:center;padding:1px 5px;font-size:14px;opacity:0.5}
.broadcast_list li a .vipmark {position:absolute;top:0;left:0;}
.broadcast_list li a .vipmark img {width:40px;vertical-align:middle}
.broadcast_list li a .twrap {display:inline-block;float:left;padding-left:10px;width:calc(100% - 170px) }
.broadcast_list li a .twrap .expert {font-size:16px;color:#ff0f00;font-weight:bold;margin:5px 0 }
.broadcast_list li a .twrap .ttl {font-size:18px;color:#000 }
.broadcast_list li a .star_btn {display:inline-block;font-family:'Segoe UI';position:absolute;right:18px;bottom:16px;text-align:center }
.broadcast_list li a .star_btn span {display:inline-block;width:75px;padding:3px 5px;border-radius:2px;vertical-align:middle;background-color:#fc3333;color:#fff;font-size:15px; }
.broadcast_list li a .star_btn span.comp {background-color:#525252;color:#fff }
.broadcast_list li a .star_btn span.vip {background-color:#fc3333;color:#fff }
.broadcast_list li a .star_btn span.free {background-color:#b9b9b9;color:#444}
.broadcast_list li a .star_btn span.star {background-color:#525252;color:#f6db5a }
.broadcast_list li a .star_btn img {width:18px;vertical-align:middle;margin-bottom:2px;margin-right:5px }
.broadcast_list li a .dateNreply { position: absolute;left:180px;bottom:8px; }
.broadcast_list li a .dateNreply .date {font-size:15px;color:#777;vertical-align:middle }
.broadcast_list li a .dateNreply .bar {display:inline-block;width:1px;height:12px;background:#ddd;vertical-align:middle;margin:0 10px }
.broadcast_list li a .dateNreply .reply img {width:16px;vertical-align:middle;margin:0 3px 1px 0;opacity:0.7 } 
.broadcast_list li a .dateNreply .reply span {font-size:16px;color:#999;vertical-align:middle;font-weight:bold;display:inline-block; } 
*/

.broadcast_list { min-width: 1200px; background-color: #fff }
body.scr .broadcast_list { margin-top: 110px }
.broadcast_list .web_Cont { margin: 0 auto; width: 1200px; overflow: hidden; font-family: 'Noto Sans KR'; border-bottom: 1px solid #e8e8e8; padding-bottom: 20px; }
.broadcast_list .web_Cont:last-child { border-bottom: none; }
.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 .date { position: absolute; right: 10px; }
.broadcast_list .broad_cont_list { width: 1200px; margin: 0 auto; overflow: hidden; padding: 40px 0 30px 0; }
.broadcast_list .broad_con1 { font-size: 18px; font-weight: bold; display: inline-block; float: left; }
.broadcast_list .open_btn { display: inline-block; float: right; }
.broadcast_list .open_btn a { border: 1px solid #b9b9b9; padding: 10px 20px; color: #777; }




/*.broadcast_list li {letter-spacing:-0.5px;border:1px solid #e8e8e8;padding:10px;position:relative;box-sizing:border-box;width:180px;height:210px;float:left;margin-right:20px;margin-top:20px;background:#f8f8f8}
.broadcast_list li a {display:inline-block;overflow:hidden;width:100%;vertical-align:middle }
.broadcast_list li a .thumb {position:relative;display:inline-block;float:left;width:160px;height:90px;overflow:hidden }
.broadcast_list li a .thumb .moimg {width:100%;vertical-align:middle }
.broadcast_list li a .playbtn {position:absolute;top:25px;left:50%;margin-left:-20px; opacity:0.7;}
.broadcast_list li a .playbtn img {width:40px;vertical-align:middle}
.broadcast_list li a .playtime {position:absolute;bottom:0px;right:8px;}
.broadcast_list li a .playtime span {background-color:#000;border-radius:3px;color:#fff;text-align:center;padding:1px 5px;font-size:14px;opacity:0.5}
.broadcast_list li a .vipmark {position:absolute;top:0;left:0;}
.broadcast_list li a .vipmark img {width:40px;vertical-align:middle}
.broadcast_list li a .twrap { }
.broadcast_list li a .twrap .expert {font-size:14px;color:#ff0f00;font-weight:bold;margin:5px 0 }
.broadcast_list li a .twrap .ttl {font-size:16px;color:#000 }
.broadcast_list li a .star_btn {display:inline-block;font-family:'Segoe UI';bottom:16px;text-align:center }
.broadcast_list li a .star_btn span {display:inline-block;width:75px;padding:3px 5px;border-radius:2px;vertical-align:middle;background-color:#fc3333;color:#fff;font-size:15px; }
.broadcast_list li a .star_btn span.comp {background-color:#525252;color:#fff }
.broadcast_list li a .star_btn span.vip {background-color:#fc3333;color:#fff }
.broadcast_list li a .star_btn span.free {background-color:#b9b9b9;color:#444}
.broadcast_list li a .star_btn span.star {background-color:#525252;color:#f6db5a }
.broadcast_list li a .star_btn img {width:18px;vertical-align:middle;margin-bottom:2px;margin-right:5px }
.broadcast_list li a .dateNreply {}
.broadcast_list li a .dateNreply .date {font-size:15px;color:#777;vertical-align:middle }
.broadcast_list li a .dateNreply .bar {display:inline-block;width:1px;height:12px;background:#ddd;vertical-align:middle;margin:0 10px }
.broadcast_list li a .dateNreply .reply img {width:16px;vertical-align:middle;margin:0 3px 1px 0;opacity:0.7 } 
.broadcast_list li a .dateNreply .reply span {font-size:16px;color:#999;vertical-align:middle;font-weight:bold;display:inline-block; }*/





/*.broadcast_list .web_Cont {width:1200px;margin:0 auto }
.broadcast_list ul li {letter-spacing:-0.3px;position:relative;margin-bottom:10px}
.broadcast_list ul li a {display:inline-block;overflow:hidden;box-sizing:border-box;background-color:#fff;border:1px solid #e8e8e8;width:100%}
.broadcast_list ul li a .eximg {display:inline-block;float:left }
.broadcast_list ul li a .eximg img {height:70px;vertical-align:middle }
.broadcast_list ul li a .eximg {display:inline-block;vertical-align:middle;float:left }
.broadcast_list ul li a .title {float:left;line-height:70px;margin-left:10px;font-size:17px }
.broadcast_list ul li a .title .date {color:#ff0300;display:inline-block;margin-right:5px;font-weight:bold }
.broadcast_list ul li a .title .ttl {color:#222; }
.broadcast_list ul li a .title .reply {font-size:15px;margin-left:5px;color:#ff0300}
.broadcast_list ul li a .star_btn {display:inline-block;font-family:'Segoe UI';position:absolute;right:25px;top:20px;width:75px;padding:5px 5px;border-radius:3px;background-color:#555;color:#fff;font-size:16px;text-align:center;transition:0.3s }
.broadcast_list ul li a .star_btn img {width:15px;vertical-align:middle;margin-bottom:3px;margin-right:5px }
.broadcast_list ul li a:hover .star_btn {background-color:#ff0300 }*/



/*별 합성 */

.star_compose { min-width: 1200px; overflow: hidden }
body.scr .star_compose { margin-top: 110px }
.star_compose .background { width: 100%; height: 950px; position: relative; background: url(/img/2018/scomp_bg.png) center; background-size: 100% }
.star_compose .background .starfade { opacity: 0; animation-name: starfadeIn }
.star_compose .background .starfade.staranimated_1 { animation-duration: 1s; animation-delay: 0.2s; animation-direction: alternate-reverse; animation-iteration-count: infinite; }
.star_compose .background .starfade.staranimated_2 { animation-duration: 2.8s; animation-delay: 0.5s; animation-direction: alternate-reverse; animation-iteration-count: infinite; }
.star_compose .background .starfade.staranimated_3 { animation-duration: 1.4s; animation-delay: 0.8s; animation-direction: alternate-reverse; animation-iteration-count: infinite; }
.star_compose .background .starfade.staranimated_4 { animation-duration: 2.2s; animation-delay: 0.4s; animation-direction: alternate-reverse; animation-iteration-count: infinite; }
.star_compose .background .starfade img { width: 10px }
.star_compose .background .starfade .s1_1 { position: absolute; top: 52.71%; left: 12.52%; }
.star_compose .background .starfade .s1_2 { position: absolute; top: 33.71%; left: 17.31%; }
.star_compose .background .starfade .s1_3 { position: absolute; top: 12.71%; left: 93.32%; }
.star_compose .background .starfade .s1_4 { position: absolute; top: 86.71%; left: 62.11%; }
.star_compose .background .starfade .s1_5 { position: absolute; top: 52.71%; left: 72.31%; }
.star_compose .background .starfade .s1_6 { position: absolute; top: 7.71%; left: 52.31%; }
.star_compose .background .starfade .s2_1 { position: absolute; top: 18.71%; left: 88.14%; }
.star_compose .background .starfade .s2_2 { position: absolute; top: 77.71%; left: 29.52%; }
.star_compose .background .starfade .s2_3 { position: absolute; top: 75.71%; left: 70.61%; }
.star_compose .background .starfade .s2_4 { position: absolute; top: 63.71%; left: 55.52%; }
.star_compose .background .starfade .s2_5 { position: absolute; top: 51.71%; left: 85.21%; }
.star_compose .background .starfade .s2_6 { position: absolute; top: 80.71%; left: 80.21%; }
.star_compose .background .starfade .s3_1 { position: absolute; top: 90.71%; left: 90.12%; }
.star_compose .background .starfade .s3_2 { position: absolute; top: 45.71%; left: 71.56%; }
.star_compose .background .starfade .s3_3 { position: absolute; top: 33.71%; left: 81.21%; }
.star_compose .background .starfade .s3_4 { position: absolute; top: 82.71%; left: 44.44%; }
.star_compose .background .starfade .s3_5 { position: absolute; top: 97.71%; left: 66.82%; }
.star_compose .background .starfade .s3_6 { position: absolute; top: 23.71%; left: 77.82%; }
.star_compose .background .starfade .s4_1 { position: absolute; top: 24.71%; left: 87.14%; }
.star_compose .background .starfade .s4_2 { position: absolute; top: 88.71%; left: 9.42%; }
.star_compose .background .starfade .s4_3 { position: absolute; top: 72.71%; left: 17.82%; }
.star_compose .background .starfade .s4_4 { position: absolute; top: 58.71%; left: 31.19%; }
.star_compose .background .starfade .s4_5 { position: absolute; top: 69.71%; left: 13.28%; }
.star_compose .background .starfade .s4_6 { position: absolute; top: 84.71%; left: 70.28%; }
.star_compose .compose_content { width: 1200px; height: 850px; margin: 0 auto; position: relative; }
.star_compose .compose_content .ttl { padding-top: 100px; color: #fff; font-size: 70px; text-align: center; letter-spacing: -4.5px; font-weight: bold; text-shadow: 0px 1px 3px #fff }
.star_compose .compose_content .ttl span { color: #f5c435 }
.star_compose .compose_content .servttl { color: #ddd; text-align: center; margin-top: 5px; font-size: 18px; font-weight: lighter }
.star_compose .compose_content .servttl span { font-weight: bold; color: #fff }
.star_compose .compose_content .compose_part { text-align: center; height: 500px; margin-top: 5px; }
.star_compose .compose_content .compose_part .major_star { padding-top: 100px }
.star_compose .compose_content .compose_part .major_star.shake { animation-name: shake; animation-duration: 1.2s; animation-iteration-count: infinite }
.star_compose .compose_content .compose_part .voiduse_ment { font-size: 15px; color: #fff; margin-top: 40px }
.star_compose .compose_content .compose_part .voiduse_ment img { width: 13px; vertical-align: middle; margin: 0 3px 3px 2px }
.star_compose .compose_content .compose_part .voiduse_ment span { vertical-align: middle }
.star_compose .compose_content .compose_part .voiduse_ment strong { color: #f5c435 }
.star_compose .compose_content .compose_btn { display: inline-block; margin: 50px 30px; width: 270px; transition: 0.3s; background: #f5c435; padding: 10px 20px; border-radius: 10px; }
.star_compose .compose_content .compose_btn img { vertical-align: middle; width: 270px; }
.star_compose .compose_content .compose_btn:hover { opacity: 1; box-shadow: 0px 0px 15px #f5c435 }
.star_compose .compose_content .compose_result { text-align: center; display: none; padding-top: 100px; }
.star_compose .compose_content .compose_result .compose { display: inline-block; width: 200px; height: 200px; margin: 5px 15px; vertical-align: top; position: relative; }
.star_compose .compose_content .compose_result .compose .effect { width: 150%; height: 150%; position: absolute; top: -25%; left: -25%; z-index: 2; }
.star_compose .compose_content .compose_result .compose .effect .sprite_image { width: 100%; height: 100%; position: absolute; }
.star_compose .compose_content .compose_result .compose .effect .sprite_image.start_effect { background: url('/img/test/light_sprite.png') 0px 0px; background-size: calc(100% * 5); }
.star_compose .compose_content .compose_result .compose .effect .sprite_image.epic_effect { background: url('/img/test/fire_sprite.png') 0px 0px; background-size: calc(100% * 8); }
.star_compose .compose_content .compose_result .compose .slider { overflow: hidden; width: 100%; height: 100%; border-radius: 100px; position: relative; z-index: 1; }
.star_compose .compose_content .compose_result .compose .slider .slide_effect { height: 100%; position: relative; }
.star_compose .compose_content .compose_result .compose .slider .slide_effect .image_list { height: 100%; background-size: cover; background-position: 0 0, -200px 0, -400px 0, -600px 0, -800px 0; transition: all 1s linear; width: 1000px; position: absolute; z-index: 3; }
.star_compose .compose_content .compose_result .compose .slider .slide_effect .ready { width: 100%; height: 100%; position: absolute; z-index: 4; background: #0e0e0e; }
.star_compose .compose_content .compose_result .compose .slider .slide_effect .ready img { width: 80%; margin-top: 10%; }
.star_compose .compose_content .compose_result .recompose_btn { display: inline-block; }
.star_compose .compose_content .mystarNprob { position: absolute; bottom: 20px; left: 50%; margin-left: -400px; width: 800px; letter-spacing: -0.5px }
.star_compose .compose_content .mystarNprob .starinfo { float: left; text-align: center; background: #fff; overflow: hidden }
.star_compose .compose_content .mystarNprob .starinfo .sttl { float: left; background-color: #f5c435; height: 80px; width: 140px; font-weight: bold; font-size: 24px }
.star_compose .compose_content .mystarNprob .starinfo .sttl p { margin-top: -10px }
.star_compose .compose_content .mystarNprob .starinfo .star { float: left; height: 80px; line-height: 80px; width: 230px; box-sizing: border-box; border-right: 1px solid #e8e8e8; }
.star_compose .compose_content .mystarNprob .starinfo .star img { width: 40px; vertical-align: middle; margin-bottom: 2px; margin-right: 10px }
.star_compose .compose_content .mystarNprob .starinfo .void { float: left; height: 80px; line-height: 80px; width: 230px }
.star_compose .compose_content .mystarNprob .starinfo .void img { width: 30px; vertical-align: middle; margin-bottom: 2px; margin-right: 10px }
.star_compose .compose_content .mystarNprob .starinfo span { vertical-align: middle; font-size: 26px; font-family: SpoqaHanSans; font-weight: bold }
.star_compose .compose_content .mystarNprob .probtext { display: block; float: right; background-color: #f5c435; width: 190px; height: 80px; }
.star_compose .compose_content .noVoidPop { display: none; width: 500px; height: 400px; position: absolute; top: 280px; left: 50%; margin-left: -250px; background-color: #fff; border: 3px solid #f5c435; box-sizing: border-box; box-shadow: 0px 0px 50px #000 }
.star_compose .compose_content .noVoidPop .close { position: absolute; right: -50px; top: 5px }
.star_compose .compose_content .noVoidPop .popt { margin-top: 35px; text-align: center; }
.star_compose .compose_content .noVoidPop .btnset { margin-top: 55px }
.star_compose .compose_content .noVoidPop .btnset a { display: inline-block; margin-left: 37px }
.star_compose .compose_content .UsePopup { display: none; width: 500px; height: 320px; position: absolute; top: 340px; left: 50%; margin-left: -250px; background-color: #f2f2f2; border: 3px solid #f5c435; box-sizing: border-box; box-shadow: 0px 0px 50px #000 }
.star_compose .compose_content .UsePopup .popt { margin-top: 60px; text-align: center; font-size: 26px; margin-bottom: 60px }
.star_compose .compose_content .UsePopup .popt span { vertical-align: middle }
.star_compose .compose_content .UsePopup .popt img { vertical-align: middle; width: 21px; margin-right: 5px; margin-bottom: 6px }
.star_compose .compose_content .UsePopup .popt strong { text-shadow: 0px 0px 1px #000 }
.star_compose .compose_content .UsePopup a { display: inline-block; background-color: #f5c435; font-weight: bold; width: 180px; height: 70px; line-height: 70px; text-align: center; font-size: 22px; margin-left: 45px }
.star_compose .compose_content .UsePopup a:last-child { font-weight: normal; margin-right: 0 }
.star_compose .compose_content .expectpop { display: none; width: 320px; height: 435px; position: absolute; bottom: 110px; left: 50%; margin-left: -160px; background-color: #fff; border: 3px solid #f5c435; box-sizing: border-box; box-shadow: 0px 0px 50px #000 }
.star_compose .compose_content .expectpop .close { position: absolute; right: -50px; top: 5px }
.star_compose .compose_content .expectpop .title { font-size: 12px }
.star_compose .compose_content .expectpop .title p { font-size: 20px; text-align: center; padding: 8px 0; letter-spacing: -0.5px }
.star_compose .compose_content .expectpop .title img { vertical-align: middle; width: 11px; margin: 0 3px 2px 0 }
.star_compose .compose_content .expectpop .title span { vertical-align: middle; color: #777; display: block; text-align: center; margin: 0 auto }
.star_compose .compose_content .expectpop .title strong { color: #f5c435 }
.star_compose .compose_content .expectpop .cont { border: 1px solid #ccc; margin: 15px 20px 0; background-color: #f8f8f8 }
.star_compose .compose_content .expectpop .cont li { overflow: hidden; border-bottom: 1px solid #ccc }
.star_compose .compose_content .expectpop .cont li:last-child { border-bottom: none }
.star_compose .compose_content .expectpop .cont li .img { float: left; width: 65%; height: 100%; text-align: center }
.star_compose .compose_content .expectpop .cont li .right { float: right; width: 35%; text-align: left; font-size: 13px; color: #777 }
.star_compose .compose_content .expectpop .cont li .right p { padding: 1px 0; text-align: center; }
.star_compose .compose_content .expectpop .cont li.star { height: 315px; }
.star_compose .compose_content .expectpop .cont li.star .img img { width: 100px; height: 66px; margin-top: 124px; }


@keyframes starfadeIn {
    from { opacity: 0.4; }
    to { opacity: 0; }
}

@keyframes shake {
    from,to { transform: translate3d(0, 0, 0); }
    10%,30%,50% { transform: translate3d(-3px, 0, 0); }
    20%,40%,60% { transform: translate3d(3px, 0, 0); }
    70%,80%,90% { transform: translate3d(0, 0, 0); }
}

@keyframes shakesmall {
    from,to { transform: translate3d(0, 0, 0); }
    10%,30%,50% { transform: translate3d(-1px, 0, 0); }
    20%,40%,60% { transform: translate3d(1px, 0, 0); }
    70%,80%,90% { transform: translate3d(0, 0, 0); }
}

@keyframes tada {
    from { transform: scale3d(1, 1, 1); }
    5%,10% { transform: scale3d(0.9, 0.9, 0.9) 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); }
    to { transform: scale3d(1, 1, 1); }
}

@keyframes fadeInslow {
    from { opacity: 1 }
    to { opacity: 1; }
}

@keyframes textfadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}

@keyframes fadeIn {
    from { opacity: 0 }
    to { opacity: 0.4; }
}

@keyframes fadeInDown {
    from { opacity: 0; transform: translate3d(0, -30%, 0); }
    to { opacity: 1; transform: translate3d(0, 0, 0); }
}

@keyframes bounceInDown {
    from,60%,75%,90%,to { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
    0% { opacity: 1; transform: translate3d(0, -200px, 0); }
    60% { opacity: 1; transform: translate3d(0, 25px, 0); }
    75% { transform: translate3d(0, -10px, 0); }
    90% { transform: translate3d(0, 5px, 0); }
    to { transform: translate3d(0, 0, 0); }
}

@keyframes zoomInDown {
    from { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
    60% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); }
}

@keyframes zoomOutRight {
    from { opacity: 0; transform: scale3d(0.3, 0.3, 0.3) translate3d(-400px, 0, 0) }
    50% { opacity: 1; transform: scale3d(1, 1, 1) translate3d(0, 0, 0) }
    to { opacity: 0; transform: scale3d(0.3, 0.3, 0.3) translate3d(400px, 0, 0) }
}



.event_List { min-width: 1200px; background-color: #fafafa; padding-bottom: 100px }
body.scr .event_List { margin-top: 110px }
.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 li:nth-child(3),
.event_List .web_Cont .small_Event li:nth-child(4) { margin: 48px 0 }
.event_List .web_Cont .small_Event li:nth-child(2n-1) { margin-right: 54px }
.event_List .web_Cont .small_Event li .se_Img img { vertical-align: middle; width: 530px; height: 250px }
.event_List .web_Cont .small_Event li .se_Bot { width: 530px; overflow: hidden; margin-top: 15px }
.event_List .web_Cont .small_Event li .stat_Icon { width: 65px; float: left; }
.event_List .web_Cont .small_Event 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 li .stat_Icon span.ing { background-color: #c53929; font-weight: bold; }
.event_List .web_Cont .small_Event li .stat_Icon span.quit { background-color: #b9b9b9; }
.event_List .web_Cont .small_Event li .two_Ttl { width: 325px; float: left; }
.event_List .web_Cont .small_Event li .two_Ttl .big { font-size: 16px; color: #222; word-break: break-word; padding: 0 10px }
.event_List .web_Cont .small_Event li .two_Ttl .small { font-size: 13px; color: #999; letter-spacing: -1px; padding: 0 10px }
.event_List .web_Cont .small_Event li .date { width: 140px; float: left; color: #999; font-size: 12px; padding-top: 3px; text-align: right }
.event_List .web_Cont .small_Event .paneN { margin: 45px auto 0; cursor: pointer; text-align: center; border-top: 1px solid #e8e8e8; padding-top: 30px }
.event_List .web_Cont .small_Event .paneN li { display: inline-block; color: #999 }
.event_List .web_Cont .small_Event .paneN li.selected { font-weight: bold; color: #222 }






/*
채팅방 2017-12-06
height:최소값은 800px (2007년 이전에 나온 노트북은 최대화 시 스크롤 생길 수 있음)
width:최소값은 400px (박소원 모니터 1440px, 송철호 노트북 1366px 최적화)
*/

/*헤더*/

body { min-width: 400px }
.CR_header { background-color: #424242; width: 100%; height: 70px; }
.CR_header .header_Left { float: left; width: 210px; height: 70px; }
.CR_header .header_Left a { display: block; width: 100%; height: 100%; }
.CR_header .header_Left a img { margin-top: 20px; margin-left: 12px; }
.CR_header .header_Center { float: left; width: calc(100% - 813px); padding: 21px 20px 0; text-overflow: clip; white-space: nowrap; }
.CR_header .header_Center .hc_Time { margin-right: 30px; font-size: 15px; letter-spacing: -0.2px; color: #a8a8a8; font-weight: 300 }
.CR_header .header_Center .hc_Time img { vertical-align: middle; padding-bottom: 2px; margin-right: 5px }
.CR_header .header_Center .hc_Time .clr_wgt { font-weight: 400; color: #fff; }
.CR_header .header_Center .hc_Notice { font-size: 15px; letter-spacing: -0.2px; color: #a8a8a8; font-weight: 600; position: relative; margin-right: 30px; }
.CR_header .header_Center .hc_Notice img { vertical-align: middle; padding-bottom: 2px; margin-right: 3px }
.CR_header .header_Center .hc_Notice .notice_content { color: #fff; font-weight: 400; margin-left: 4px }
.CR_header .header_Center .hc_Notice .red_point { position: absolute; top: 0; left: 0; display: block; width: 8px; height: 8px; border-radius: 4px; background: #f00; display: none; }
.CR_header .header_Center .hc_PTOP { position: relative; }
.CR_header .header_Center .hc_PTOP span { margin-right: 30px; font-size: 15px; letter-spacing: -0.2px; font-weight: 400; color: #fff; vertical-align: top; margin-top: 2px; display: inline-block; }
.CR_header .header_Center .hc_PTOP img { width: 19px; vertical-align: top; margin-right: 3px; margin-top: 3px; }
.CR_header .header_Center .hc_PTOP .red_point { position: absolute; top: 0; left: 0; display: none; width: 8px; height: 8px; border-radius: 4px; background: #f00; }
.CR_header .header_Right { float: left; width: 503px; padding: 19px 30px 0; text-align: right }
.CR_header .header_Right .no_Login a { display: inline-block; margin-top: 3px; background-color: #757575; color: #fff; border-radius: 2px; font-size: 15px; text-align: center; padding: 2px 8px }
.CR_header .header_Right .no_Login a:last-child { margin-left: 10px }
.CR_header .header_Right .hr_Starshop { position: relative }
.CR_header .header_Right .hr_Starshop img { vertical-align: middle; padding: 0 5px 4px 0 }
.CR_header .header_Right .hr_Starshop .star_no { font-family: SpoqaHanSans; color: #fff; font-size: 15px }
.CR_header .header_Right .hr_Profile { position: relative }
.CR_header .header_Right .hr_Profile img { vertical-align: middle; width: 32px; height: 32px; margin: 0 0 2px 5px; border-radius: 20px }
.CR_header .header_Right .hr_Profile .hr_Profname { color: #fff; font-size: 15px; margin-right: 5px; text-decoration: underline }
.CR_header .header_Right .hr_Cs { margin-right: 15px }
.CR_header .header_Right .hr_Cs img { vertical-align: middle; padding: 0 4px 2px 0 }
.CR_header .header_Right .hr_Cs span { color: #a8a8a8; font-size: 15px; font-weight: 600 }
.CR_header .header_Right .hr_Set img { vertical-align: middle; padding: 0 4px 2px 0 }
.CR_header .header_Right .hr_Set span { color: #a8a8a8; font-size: 15px; font-weight: 600 }
.CR_header .header_Right .hr_bar img { vertical-align: middle; padding: 0px 20px 3px; }

/*왼쪽메뉴*/
.CR_leftmenu { width: 210px; height: calc(100vh - 70px); float: left; position: relative; background: #5a5a5b; }
.CR_leftmenu .majer_Menu { width: 210px; position: relative; z-index: 1; }
.CR_leftmenu .majer_Menu li { position: relative; }
.CR_leftmenu .majer_Menu li img { vertical-align: middle }
.CR_leftmenu .majer_Menu li .count { position: absolute; top: 20px; left: 142px; background: #f95841; border-radius: 100px; padding: 4px 7px 3px; color: #fff; font-weight: bold; font-size: 12px; font-family: Dotum; display: none; }
.CR_leftmenu .majer_Menu li .red_point { position: absolute; top: 16px; left: 11px; background: #f00; width: 8px; height: 8px; border-radius: 4px; display: none; }
.CR_leftmenu .majer_Menu .leftmenu_Broadcast .live { position: absolute; width: 50px; height: 22px; top: 19px; right: 30px; display: none; }
.CR_leftmenu .leftmenu_Sixmenu { width: 210px; background: url(/img/2018/cr_menu_sixback.png); overflow: hidden; }
.CR_leftmenu .leftmenu_Sixmenu a { display: inline-block; float: left; width: 105px; height: 60px }
.CR_leftmenu .leftmenu_Sixmenu a span { display: inline-block }
.CR_leftmenu .leftmenu_Sixmenu a span img { vertical-align: top }
.CR_leftmenu .leftmenu_Sixmenu .lm1 { position: relative; }
.CR_leftmenu .leftmenu_Sixmenu .lm1 span { padding: 24px 0 0 15px }
.CR_leftmenu .leftmenu_Sixmenu .lm2 { position: relative; }
.CR_leftmenu .leftmenu_Sixmenu .lm2 span { padding: 22px 0 0 15px }
.CR_leftmenu .leftmenu_Sixmenu .lm3 { position: relative; }
.CR_leftmenu .leftmenu_Sixmenu .lm3 span { padding: 22px 0 0 15px }
.CR_leftmenu .leftmenu_Sixmenu .lm4 { position: relative; }
.CR_leftmenu .leftmenu_Sixmenu .lm4 span { padding: 21px 0 0 15px }
.CR_leftmenu .leftmenu_Sixmenu .lm5 { position: relative; }
.CR_leftmenu .leftmenu_Sixmenu .lm5 span { padding: 22px 0 0 15px }
.CR_leftmenu .leftmenu_Sixmenu .lm6 { position: relative; }
.CR_leftmenu .leftmenu_Sixmenu .lm6 span { padding: 23px 0 0 15px }
.CR_leftmenu .leftmenu_Sixmenu .botbar { width: 210px; height: 2px; background: url(/img/2018/cr_menu_dbartop.png); float: left; }
.CR_leftmenu .big_menu { border-top: 1px solid #666666; border-bottom: 1px solid #484848; z-index: 2; position: relative; }
.CR_leftmenu .big_menu.last { border-top:1px solid #444; }
.CR_leftmenu .big_menu:first-child { border-top: 1px solid #555 }
.CR_leftmenu .big_menu li { display: block; }
.CR_leftmenu .big_menu li a { display: block; width: calc(100% - 24px); height: 15px; background: #535353; padding: 24px 12px; }
.CR_leftmenu .big_menu li a .dis { vertical-align: top; }
.CR_leftmenu .big_menu li a .sel { display: none; vertical-align: top; }
.CR_leftmenu .big_menu li a .arrow { width: 8px; height: 12px; vertical-align: top; margin-top: 4px; float: right; display: none; }
.CR_leftmenu .big_menu li a .live { width: 46px; height: 20px; display: none; margin-left: 8px; }
.CR_leftmenu .big_menu li a span { color: #a8a8a8; display: inline-block; vertical-align: top; line-height: 1; font-size: 18px; margin-top: 1px; margin-left: 8px; }
.CR_leftmenu .big_menu li a.active {  background: #424242; }
.CR_leftmenu .big_menu li a.sel .dis { display: none; }
.CR_leftmenu .big_menu li a.sel .sel { display: inline; }
.CR_leftmenu .big_menu li a.sel .arrow { display: inline-block; }
.CR_leftmenu .big_menu li a.sel span { color: #fff; }
.CR_leftmenu .small_menu { border-top: 1px solid #666666; z-index: 2; position: relative; }
.CR_leftmenu .small_menu:after { content: ""; display: block; clear: both; }
.CR_leftmenu .small_menu li { display: block; width: 50%; float: left; border-bottom: 1px solid #5d5d5e; }
.CR_leftmenu .small_menu li:nth-child(2n - 1) { width: calc(50% - 1px); border-right: 1px solid #5d5d5e; }
.CR_leftmenu .small_menu li:nth-child(5) { border-bottom: 1px solid #484848; }
.CR_leftmenu .small_menu li:nth-child(6) { border-bottom: 1px solid #484848; }
.CR_leftmenu .small_menu li a { display: block; width: calc(100% - 24px); height: 14px; padding: 24px 12px; background: #535353; }
.CR_leftmenu .small_menu li a .dis { vertical-align: top; }
.CR_leftmenu .small_menu li a .sel { vertical-align: top; display: none; }
.CR_leftmenu .small_menu li a span { color: #a8a8a8; line-height: 1; font-size: 14px; display: inline-block; vertical-align: top; margin-left: 2px; }
.CR_leftmenu .small_menu li a.sel .dis { display: none; }
.CR_leftmenu .small_menu li a.sel .sel { display: inline; }
.CR_leftmenu .small_menu li a.sel span { color: #fff; }
.CR_leftmenu .resize_Info { width: 210px; clear: both; position: absolute; overflow: hidden; left: 0; bottom: 70px; }
.CR_leftmenu .resize_Info .botbar { width: 210px; height: 2px; background: url(/img/2018/cr_menu_dbarbot.png); }
.CR_leftmenu .resize_Info .topbar { width: 210px; height: 2px; background: url(/img/2018/cr_menu_dbartop.png) }
.CR_leftmenu .resize_Info .resize_Space { width: 210px; height: calc(100vh - 682px); min-height: 36px; background-color: #5a5a5b; text-align: center }
.CR_leftmenu .resize_Info .resize_Space .people_No { position: absolute; bottom: 15px; left: 25px; }
.CR_leftmenu .resize_Info .resize_Space .talk_No { position: absolute; bottom: 15px; right: 25px; }
.CR_leftmenu .resize_Info .resize_Space .count { font-family: SpoqaHanSans; color: #a8a8a8; font-size: 12px }
.CR_leftmenu .resize_Info .resize_Space .count span { font-size: 13px; font-weight: 500; color: #fff }
.CR_leftmenu .bottom_Copy { width: 210px; height: 70px; background: url(/img/2018/cr_menu_copyright.png); position: absolute; left: 0; bottom: 0; }
.CR_leftmenu .lm_Show { display: none }
.CR_leftmenu .lm_Hide { display: none }

/*채팅공간*/
.CR_chatwraper { float: left; width: calc(100% - 813px); height: calc(100vh - 110px); min-height: 502px; background-color: #e3e5e8; padding: 20px; position: relative }
.CR_chatwraper .chat_List { position: relative; overflow: hidden; background-color: #f0f2f5; height: calc(100vh - 220px); min-height: 392px; }
.CR_chatwraper .chat_List div[name='normal_chat_box'] { display: block; }
.CR_chatwraper .chat_List div.resize_bar { display: block; } 
.CR_chatwraper .chat_List .loading_Progress { text-align: center; padding: 20px 0; height: 34px; position: absolute; width: 100%; top: 0; left: 0; background: #fff; z-index: 2; opacity: 0.8; }
.CR_chatwraper .chat_List .loading_Progress img { width: 30px }
.CR_chatwraper .chat_List .chat_Display { width: calc(100% - 2px); height: 100%; border: 1px solid #d7dbe1; border-bottom: none; font-family: 'Malgun Gothic'; overflow: auto; }
.CR_chatwraper .chat_List .chat_Display .admin_chat_div_img { display: block; margin-bottom: 30px; text-align: center }
.CR_chatwraper .chat_List .chat_Display .admin_chat_div_img img { width: calc(100% - 40px); max-width: 640px; cursor: pointer }
.CR_chatwraper .chat_List .chat_Display .othergroup_Alarm { width: calc(100% - 40px); max-width: 640px; font-size: 19px; background: url(/img/2018/led_bg.png); margin: 0 auto 30px; text-align: center; color: #fff; border: 5px solid #d7dbe1; letter-spacing: -0.5px; font-weight: bold; }
.CR_chatwraper .chat_List .chat_Display .othergroup_Alarm .red { color: #c53929 }
.CR_chatwraper .chat_List .chat_Display .othergroup_Alarm p { font-size: 15px; color: #ffff00; margin-bottom: 5px; font-weight: bold }
.CR_chatwraper .chat_List .chat_Display .othergroup_Alarm .recommend { width: 90%; max-width: 640px; font-size: 19px; /*background:url(/img/2018/led_bg.png);*/ margin: 0px auto; text-align: center; color: #fff; font-size: 19px; font-weight: normal; letter-spacing: -0.5px }
.CR_chatwraper .chat_List .chat_Display .othergroup_Alarm .recommend a { display: block; overflow: hidden; padding: 20px 0 10px; }
.CR_chatwraper .chat_List .chat_Display .othergroup_Alarm .recommend a img { float: left; margin-left: 40px; }
.CR_chatwraper .chat_List .chat_Display .othergroup_Alarm .recommend a span { color: #fff; float: left; margin-top: 10px; }
.CR_chatwraper .chat_List .chat_Display .othergroup_Alarm .recommend a .ment { margin-top: 12px; }
.CR_chatwraper .chat_List .chat_Display .othergroup_Alarm .recommend a .type1 { color: #ea6363; border: 1px solid#ea6363; padding: 2px 5px; margin-right: 5px; }
.CR_chatwraper .chat_List .chat_Display .othergroup_Alarm .recommend a .type2 { color: #aaa; border: 1px solid#aaa; padding: 2px 5px; margin-right: 5px; }
.CR_chatwraper .chat_List .chat_Display .othergroup_Alarm .recommend a .limit { color: #a6d4f6; font-weight: bold; margin-left: 5px; margin-top: 12px; }
.CR_chatwraper .chat_List .chat_Display .stargift_Alarm { width: calc(100% - 40px); max-width: 380px; margin: 0 auto 30px; text-align: center; border: 5px solid #d7dbe1; letter-spacing: -0.5px }
.CR_chatwraper .chat_List .chat_Display .stargift_Alarm .top { text-align: center; position: relative; background-color: #fff; padding: 10px 0 }
.CR_chatwraper .chat_List .chat_Display .stargift_Alarm .top .top_Star { background: url(/img/mob/star_setimg.png) center 10px no-repeat; background-size: 85%; height: 180px; line-height: 170px }
.CR_chatwraper .chat_List .chat_Display .stargift_Alarm .top .top_Star span { font-family: SpoqaHanSans; font-size: 60px; font-weight: bold; color: #ff7d00; text-shadow: 0px 0px 7px #000; text-shadow: -4px -4px 3px white, 4px 4px 3px white, -4px 4px 3px white, 4px -4px 3px white; }
.CR_chatwraper .chat_List .chat_Display .stargift_Alarm .top .det_Ment { font-size: 16px; width: 250px; position: absolute; bottom: 20px; left: 50%; margin-left: -125px; animation-name: pulsestar; animation-duration: 1.2s; animation-delay: 0; animation-iteration-count: infinite; }
.CR_chatwraper .chat_List .chat_Display .stargift_Alarm .top .det_Ment .nick { font-weight: bold }
.CR_chatwraper .chat_List .chat_Display .stargift_Alarm .top .det_Ment .star { font-family: SpoqaHanSans; font-weight: bold; }
.CR_chatwraper .chat_List .chat_Display .stargift_Alarm .bot { text-align: center; background-color: #f2f2f2; overflow: hidden; padding: 15px; }
.CR_chatwraper .chat_List .chat_Display .stargift_Alarm .bot span { font-size: 14px; color: #444 }
.CR_chatwraper .chat_List .chat_Display .cd_Date { margin: 25px 0; text-align: center; line-height: 30px; }
.CR_chatwraper .chat_List .chat_Display .cd_Date span { display: inline-block; border-radius: 15px; background-color: #cdd3d8; font-size: 14px; color: #f0f2f5; letter-spacing: -1px; font-weight: bold; padding: 0 20px; }
.CR_chatwraper .chat_List .chat_Display .cd_Expert { margin: 0 0 30px 20px; position: relative }
.CR_chatwraper .chat_List .chat_Display .cd_Expert:first-child { margin: 20px 0 30px 20px; }
.CR_chatwraper .chat_List .chat_Display .cd_Expert .ex_Prof { float: left; position: absolute; top: -5px; text-align: center; }
.CR_chatwraper .chat_List .chat_Display .cd_Expert .ex_Prof img { width: 32px; height: 32px; border-radius: 20px }
.CR_chatwraper .chat_List .chat_Display .cd_Expert .ex_Prof .user_Name { color: #000; font-size: 12px; font-weight: bold; margin-top: 3px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.CR_chatwraper .chat_List .chat_Display .cd_Expert .ex_Ment { float: left; max-width: 66%; margin-left: 59px; position: relative }
.CR_chatwraper .chat_List .chat_Display .cd_Expert .ex_Ment .wh_edge { position: absolute; top: -2px; left: -12px }
.CR_chatwraper .chat_List .chat_Display .cd_Expert .ex_Ment .red_edge { position: absolute; top: -3px; left: -12px }
.CR_chatwraper .chat_List .chat_Display .cd_Expert .ex_Ment .mentbox { font-size: 14px; padding: 10px 12px; line-height: 21px; letter-spacing: -0.1px; background-color: #fff; word-break: break-all; box-shadow: 0px 1px 1px #dee0e3 }
.CR_chatwraper .chat_List .chat_Display .cd_Expert .ex_Ment .mentbox img { width: 100%; max-width: 300px }
.CR_chatwraper .chat_List .chat_Display .cd_Expert .ex_Ment .mentbox.redbg { background-color: #f3d7d4; box-shadow: 0px 1px 1px #c6dad9 }
.CR_chatwraper .chat_List .chat_Display .cd_Expert .ex_Time_Target { position: absolute; width: 100px; right: -110px; bottom: 2px }
.CR_chatwraper .chat_List .chat_Display .cd_Expert .ex_Time_Target .tg { font-size: 14px; font-weight: bold; color: #c53929; letter-spacing: -0.5px; margin-bottom: 3px }
.CR_chatwraper .chat_List .chat_Display .cd_Expert .ex_Time_Target .time { font-size: 12px; font-weight: bold; color: #aeb1b4; letter-spacing: -0.5px }
.CR_chatwraper .chat_List .chat_Display .cd_User { margin: 0 10px 30px 0; position: relative }
.CR_chatwraper .chat_List .chat_Display .cd_User:first-child { margin: 20px 25px 30px 0 }
.CR_chatwraper .chat_List .chat_Display .cd_User .user_Prof { width: 75px; position: absolute; top: -5px; right: 0; text-align: center }
.CR_chatwraper .chat_List .chat_Display .cd_User .user_Prof img { width: 32px; height: 32px; border-radius: 16px }
.CR_chatwraper .chat_List .chat_Display .cd_User .user_Prof .user_Name { color: #000; font-size: 12px; font-weight: bold; margin-top: 3px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.CR_chatwraper .chat_List .chat_Display .cd_User .user_Prof .user_Vipmark { position: absolute; top: -8px; right: 12px; }
.CR_chatwraper .chat_List .chat_Display .cd_User .user_Prof .user_Vipmark img { width: 23px; height: 12px; border-radius: 0px }
.CR_chatwraper .chat_List .chat_Display .cd_User .user_Ment { float: right; max-width: 64%; margin-right: 75px; position: relative }
.CR_chatwraper .chat_List .chat_Display .cd_User .user_Ment .bl_edge { position: absolute; top: -4px; right: -11px }
.CR_chatwraper .chat_List .chat_Display .cd_User .user_Ment .red_edge { position: absolute; top: -3px; right: -12px }
.CR_chatwraper .chat_List .chat_Display .cd_User .user_Ment .mentbox { font-size: 14px; padding: 10px 12px; line-height: 21px; letter-spacing: -0.1px; background-color: #dce8fa; word-break: break-all; box-shadow: 1px 1px 1px #d6d7da }
.CR_chatwraper .chat_List .chat_Display .cd_User .user_Ment .mentbox img { width: 100%; max-width: 300px }
.CR_chatwraper .chat_List .chat_Display .cd_User .user_Ment .mentbox.redbg { background-color: #f3d7d4; box-shadow: 1px 1px 1px #C6dad9 }
.CR_chatwraper .chat_List .chat_Display .cd_User .ex_Time_Target { position: absolute; width: 100px; left: -110px; bottom: 2px; text-align: right }
.CR_chatwraper .chat_List .chat_Display .cd_User .ex_Time_Target .tg { font-size: 14px; font-weight: bold; color: #c53929; letter-spacing: -0.5px; margin-bottom: 3px }
.CR_chatwraper .chat_List .chat_Display .cd_User .ex_Time_Target .time { font-size: 12px; font-weight: bold; color: #aeb1b4; letter-spacing: -0.5px }
.CR_chatwraper .chat_List .message_alram { position: absolute; bottom: 0; left: 1px; background: #fff; width: calc(100% - 2px); text-align: center; font-size: 18px; padding: 10px 0; opacity: 0.6; cursor: pointer; display: none; }
.CR_chatwraper .chat_List .resize_bar { position: absolute; bottom: -9px; width: 100%; z-index: 1; }
.CR_chatwraper .chat_List .resize_bar .line { height: 1px; background: #454546; }
.CR_chatwraper .chat_List .resize_bar .drag { height: 8px; text-align: center; }
.CR_chatwraper .chat_List .resize_bar .drag img { width: 45px; height: 8px; vertical-align: top; }
.CR_chatwraper .chat_List .ui-resizable-s { height: 17px; bottom: -9px; }
.CR_chatwraper .chat_Space { width: calc(100% - 2px); height: 108px; border: 1px solid #d7dbe1; background-color: #fff }
.CR_chatwraper .chat_Space .writer_Box { display:none;cursor: }
.CR_chatwraper .chat_Space .writer_Box .box_top { height: 38px; border-bottom: 1px solid #d7dbe1; }
.CR_chatwraper .chat_Space .writer_Box .box_top .send_target { line-height: 38px; padding-left: 20px }
.CR_chatwraper .chat_Space .writer_Box .box_top .send_target .sended { float: left; font-size: 15px; font-weight: 500 }
.CR_chatwraper .chat_Space .writer_Box .box_top .send_target .all_ck { float: left; line-height: 1; text-align: center; display: inline-block; height: 30px; margin-left: 16px; margin-top: 4px; }
.CR_chatwraper .chat_Space .writer_Box .box_top .send_target .all_ck span { display: block; font-size: 12px; }
.CR_chatwraper .chat_Space .writer_Box .box_top .send_target .all_ck input[type=checkbox] { }
.CR_chatwraper .chat_Space .writer_Box .box_top .send_target .bar { float: left; padding: 0 20px }
.CR_chatwraper .chat_Space .writer_Box .box_top .send_target .mygroup { float: left; }
.CR_chatwraper .chat_Space .writer_Box .box_top .send_target .mygroup li { float: left; color: #a8a8a8; font-weight: 100; font-size: 15px; cursor: pointer; margin-right: 10px }
.CR_chatwraper .chat_Space .writer_Box .box_top .send_target .mygroup li:last-child { margin-right: 0 }
.CR_chatwraper .chat_Space .writer_Box .box_top .send_target .mygroup li .sel { color: #fff; background-color: #535353; font-weight: 500; padding: 1px 4px; border-radius: 3px }
.CR_chatwraper .chat_Space .writer_Box .box_top .send_target_selbox { display: none }
.CR_chatwraper .chat_Space .writer_Box .box_top .chat_Function { float: right; line-height: 38px }
.CR_chatwraper .chat_Space .writer_Box .box_top .chat_Function a { display: inline-block; height: 38px; padding: 0 20px; border-left: 1px solid #d7dbe1; position: relative }
.CR_chatwraper .chat_Space .writer_Box .box_top .chat_Function .hover_Text { visibility: hidden; position: absolute; top: -16px; left: 0; display: inline-block; font-size: 10px; background-color: #d7dbe1; height: 16px; line-height: 16px; width: 100%; text-align: center }
.CR_chatwraper .chat_Space .writer_Box .box_top .chat_Function a:hover .hover_Text { visibility: visible }
.CR_chatwraper .chat_Space .writer_Box .box_top .img_upload { float: left }
.CR_chatwraper .chat_Space .writer_Box .box_top .expert_filter { float: left }
.CR_chatwraper .chat_Space .writer_Box .box_bottom { height: 69px }
.CR_chatwraper .chat_Space .writer_Box .box_bottom .input { float: left; line-height: 69px; width: calc(100% - 90px ) }
.CR_chatwraper .chat_Space .writer_Box .box_bottom .input input { background-color: #fff; padding: 10px 0; text-indent: 10px; font-size: 17px; margin-left: 20px; border: none; color: #777; width: 100%; outline-style: none }
.CR_chatwraper .chat_Space .writer_Box .box_bottom .send { float: right }
.CR_chatwraper .chat_Space .writer_Box .box_bottom .send a { display: inline-block; width: 49px; height: 49px; margin: 10px 10px 0 0; line-height: 50px; text-align: center }
.CR_chatwraper .chat_Space .writer_Box .box_bottom.choice { background: #fee; }
.CR_chatwraper .chat_Space .writer_Box .box_bottom.choice .input input { background: #fee; }
.CR_chatwraper .chat_Space .fix_Box { float: right; text-align: center }
.CR_chatwraper .chat_Space .fix_Box a { display: inline-block; width: 108px; height: 108px; border-left: 1px solid #d7dbe1 }
.CR_chatwraper .chat_Space .fix_Box a:hover { background-color: #fafafa }
.CR_chatwraper .chat_Space .fix_Box img { margin: 15px 0 1px }
.CR_chatwraper .chat_Space .fix_Box .starsend { font-weight: 500; font-size: 15px }

.Holdevent_list { margin-bottom: 20px; font-family: 'Noto Sans KR' }
.Holdevent_list .Holdevent_thing { background-color: #fff; border: 1px solid #d7dbe1; margin: 0 auto 20px; max-width: 640px; width: calc(100% - 40px); position: relative; }
.Holdevent_list .Holdevent_thing .list_top { background-color: #d7dbe1; height: 40px; line-height: 40px }
.Holdevent_list .Holdevent_thing .list_top .event_thing { font-size: 16px; float: left; width: 25%; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; word-break: break-all }
.Holdevent_list .Holdevent_thing .list_top .buy_cost { float: left; width: 35%; text-align: center; font-size: 14px }
.Holdevent_list .Holdevent_thing .list_top .now_rate { float: left; width: 40%; font-size: 14px }
.Holdevent_list .Holdevent_thing .list_top .now_rate strong { font-family: SpoqaHanSans }
.Holdevent_list .Holdevent_thing .list_top .now_rate .red { color: #c53929; font-weight: bold }
.Holdevent_list .Holdevent_thing .list_top .now_rate .blue { color: #2959c5; font-weight: bold }
.Holdevent_list .Holdevent_thing .list_mid { text-align: center }
.Holdevent_list .Holdevent_thing .list_mid li { margin-bottom: 10px; }
.Holdevent_list .Holdevent_thing .list_mid li:first-child { margin-top: 10px; margin-bottom: 10px; }
.Holdevent_list .Holdevent_thing .list_mid li div { display: inline; margin-right: 5px; font-size: 13px; }
.Holdevent_list .Holdevent_thing .list_mid li div:first-child { font-size: 15px; font-weight: bold }
.Holdevent_list .Holdevent_thing .list_mid li div:last-child { font-size: 14px }
.Holdevent_list .Holdevent_thing .list_mid li div span.red { color: #c53929; }
.Holdevent_list .Holdevent_thing .list_mid li div span.blue { color: #2959c5; }
.Holdevent_list .Holdevent_thing .list_mid li .not_sign { color: #8f8f8f }
.Holdevent_list .Holdevent_thing .list_mid li .sign { color: red; font-weight: bold }
.Holdevent_list .Holdevent_thing .list_bot { padding: 15px 0; text-align: center; border-top: 1px solid #d7dbe1 }
.Holdevent_list .Holdevent_thing .list_bot .average_cost { float: left; width: 30%; font-size: 13px }
.Holdevent_list .Holdevent_thing .list_bot .goal_cost { float: left; width: 23%; font-size: 13px }
.Holdevent_list .Holdevent_thing .list_bot .loss_cost { float: left; width: 23%; font-size: 13px }
.Holdevent_list .Holdevent_thing .list_bot strong { font-size: 16px }
.Holdevent_list .Holdevent_thing .end_list_top { background: #d7dbe1; padding: 10px 0; font-size: 15px; font-weight: bold; text-align: center; }
.Holdevent_list .Holdevent_thing .end_list_mid { text-align: center; padding-top: 10px; background-color: #fff; border-top: 1px solid #d7dbe1; }
.Holdevent_list .Holdevent_thing .end_list_mid li { padding-bottom: 10px; }
.Holdevent_list .Holdevent_thing .end_list_mid li span { font-size: 13px; margin: 0 3px; color: #000; }
.Holdevent_list .Holdevent_thing .end_list_mid li .buy_sell { font-size: 15px; }
.Holdevent_list .Holdevent_thing .end_list_mid li .buy_sell.red { color: #f00; font-weight: bold; }
.Holdevent_list .Holdevent_thing .end_list_mid li .buy_sell.blue { color: #00f; font-weight: bold; }
.Holdevent_list .Holdevent_thing .end_list_mid li .date { color: #565656; }
.Holdevent_list .Holdevent_thing .end_list_bot { padding: 15px 0; text-align: center; border-top: 1px solid #d7dbe1; height: 38px; background: #fff; }
.Holdevent_list .Holdevent_thing .end_list_bot li { float: left; width: 50%; font-size: 13px; }
.Holdevent_list .Holdevent_thing .end_list_bot li p strong { font-size: 16px; }
.Holdevent_list .Holdevent_thing .end_list_bot li p strong.red { color: #f00; }
.Holdevent_list .Holdevent_thing .end_list_bot li p strong.blue { color: #00f; }
.Holdevent_list .Holdevent_thing .attack_end_img { position: absolute; width: 100%; text-align: center; top: 50%; transform: translateY(-50%); }
.Holdevent_list .Holdevent_thing .attack_end_img li > .endimg { width: 180px; }

/*우측공간*/
.CR_rightwraper { float: right; width: 543px; height: calc(100vh - 110px); min-height: 502px; background-color: #e3e5e8; padding: 20px 20px 20px 0; position: relative }
.CR_rightwraper .bonus_Stock { width: 541px; height: 58px; line-height: 58px; background-color: #fff; border: 1px solid #d7dbe1; position: relative }
.CR_rightwraper .bonus_Stock .info { display: block; }
.CR_rightwraper .bonus_Stock .info img { vertical-align: middle; margin-bottom: 3px }
.CR_rightwraper .bonus_Stock .info .bs_Ttl { float: left; margin-left: 20px; font-size: 17px; font-weight: bold }
.CR_rightwraper .bonus_Stock .info .bs_Nobg { float: left; margin-left: 5px; position: relative; }
.CR_rightwraper .bonus_Stock .info .bs_Nobg .stock_no { position: absolute; top: 0; left: 4px; font-family: SpoqaHanSans; font-size: 15px; color: #fff }
.CR_rightwraper .bonus_Stock .info .bs_Bbar { float: left; margin: 0 18px }
.CR_rightwraper .bonus_Stock .info .bs_Remaintime { float: left; font-size: 17px; font-weight: 300; }
.CR_rightwraper .bonus_Stock .info .bs_Remaintime span { color: #c53929; font-weight: bold }
.CR_rightwraper .bonus_Stock .info .bs_Remaintime .bs_Soldout { display: none; font-size: 15px }
.CR_rightwraper .bonus_Stock .info .bs_Sbar { float: left; margin: 0 15px }
.CR_rightwraper .bonus_Stock .info .bs_Person { float: left; font-size: 17px; font-weight: 300 }
.CR_rightwraper .bonus_Stock .info .bs_Btn { float: left; margin-left: 15px }
.CR_rightwraper .bonus_Stock .info .no { font-size: 17px; font-family: SpoqaHanSans; font-weight: 600; color: #c53929 }
.CR_rightwraper .bonus_Stock .not { display: none; text-align: center; }
.CR_rightwraper .bonus_Stock.empty .info { display: none; }
.CR_rightwraper .bonus_Stock.empty .not { display: block; }
.CR_rightwraper .bonus_Stock.empty .not img { vertical-align: middle; margin-bottom: 3px }
.CR_rightwraper .bonus_Stock.empty .not .bs_Ttl { float: left; margin-left: 20px; font-size: 17px; font-weight: bold; }
.CR_rightwraper .bonus_Stock.empty .not .bs_Ttl span { font-size: 15px; font-weight: normal; color: #999; margin-left: 10px }
.CR_rightwraper .bonus_Stock.empty .not .bs_Bbar { float: left; margin: 0 18px }
.CR_rightwraper .bonus_Stock.empty .not .bs_Person { float: left; font-size: 15px; font-weight: 300; margin: 0 15px }
.CR_rightwraper .bonus_Stock.empty .not .bs_Btn { float: left; margin-left: 15px }
.CR_rightwraper .secpart_wrap { overflow: hidden; position: relative; height: 100%; }
.CR_rightwraper .stock_Detail { display: block; float: left; width: 260px; height: calc(100vh - 422px); min-height: 217px; border: 1px solid #d7dbe1; background-color: #fff; margin-bottom: 20px; }
.CR_rightwraper .stock_Detail .sd_Title { padding: 15px 7px; border-bottom: 1px solid #d7dbe1; margin: 0 13px; font-size: 17px; font-weight: bold }
.CR_rightwraper .stock_Detail .sd_Content { padding: 15px }
.CR_rightwraper .stock_Detail .sd_Content .my_Rec { margin-bottom: 20px }
.CR_rightwraper .stock_Detail .sd_Content .my_Rec .mr_Top { font-size: 15px; padding: 5px 10px 10px }
.CR_rightwraper .stock_Detail .sd_Content .my_Rec .mr_Top span { font-family: SpoqaHanSans; color: #c53929; font-weight: bold }
.CR_rightwraper .stock_Detail .sd_Content .my_Rec .mr_Cont li { background-color: #f0f2f5; margin-bottom: 10px }
.CR_rightwraper .stock_Detail .sd_Content .my_Rec .mr_Cont li .t_Sect { margin: 0 10px; padding: 10px; border-bottom: 1px solid #d7dbe1; overflow: hidden }
.CR_rightwraper .stock_Detail .sd_Content .my_Rec .mr_Cont li .t_Sect .lp { float: left; width: 140px }
.CR_rightwraper .stock_Detail .sd_Content .my_Rec .mr_Cont li .t_Sect .lp .gr { font-size: 13px; color: #777; font-weight: 500 }
.CR_rightwraper .stock_Detail .sd_Content .my_Rec .mr_Cont li .t_Sect .lp .s_Name { font-size: 16px; color: #222; font-weight: 500; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; word-break: break-all }
.CR_rightwraper .stock_Detail .sd_Content .my_Rec .mr_Cont li .t_Sect .rp { float: right; margin-top: 5px }
.CR_rightwraper .stock_Detail .sd_Content .my_Rec .mr_Cont li .b_Sect { padding: 5px 10px 5px; text-align: center }
.CR_rightwraper .stock_Detail .sd_Content .my_Rec .mr_Cont li .b_Sect .s_Cost { float: left; width: 100px }
.CR_rightwraper .stock_Detail .sd_Content .my_Rec .mr_Cont li .b_Sect .s_Cost span { font-family: SpoqaHanSans; font-size: 16px; font-weight: 600; color: #777 }
.CR_rightwraper .stock_Detail .sd_Content .my_Rec .mr_Cont li .b_Sect .buyed_Portion { float: right; width: 100px }
.CR_rightwraper .stock_Detail .sd_Content .my_Rec .mr_Cont li .b_Sect .buyed_Portion span { font-family: SpoqaHanSans; font-size: 16px; font-weight: 600; }
.CR_rightwraper .stock_Detail .sd_Content .my_Rec .mr_Cont li .b_Sect .buyed_Portion span.red { color: #c53929 }
.CR_rightwraper .stock_Detail .sd_Content .my_Rec .mr_Cont li .b_Sect .buyed_Portion span.blue { color: #2959c5 }
.CR_rightwraper .stock_Detail .sd_Content .my_Rec .mr_Cont li .b_Sect .jbar { display: inline-block; width: 1px; padding-top: 5px }
.CR_rightwraper .stock_Detail .sd_Content .my_Rec .mr_Cont li .b_Sect p { font-size: 13px; color: #b9b9b9; font-weight: 400 }
.CR_rightwraper .stock_Detail .sd_Content .latest_Sell .ls_Top { font-size: 15px; padding: 5px 10px 10px }
.CR_rightwraper .stock_Detail .sd_Content .latest_Sell .ls_Top span { font-family: SpoqaHanSans; color: #c53929; font-weight: bold }
.CR_rightwraper .stock_Detail .sd_Content .latest_Sell .ls_Cont li { background-color: #f0f2f5; margin-bottom: 10px; padding: 10px; overflow: hidden }
.CR_rightwraper .stock_Detail .sd_Content .latest_Sell .ls_Cont li:last-child { margin-bottom: 0 }
.CR_rightwraper .stock_Detail .sd_Content .latest_Sell .ls_Cont li .lp { float: left; width: 125px; padding: 0 5px }
.CR_rightwraper .stock_Detail .sd_Content .latest_Sell .ls_Cont li .lp .gr { font-size: 13px; color: #777; font-weight: 500 }
.CR_rightwraper .stock_Detail .sd_Content .latest_Sell .ls_Cont li .lp .s_Name { font-size: 16px; color: #222; font-weight: 500; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; word-break: break-all }
.CR_rightwraper .stock_Detail .sd_Content .latest_Sell .ls_Cont li .rp { float: right; width: 70px; text-align: center }
.CR_rightwraper .stock_Detail .sd_Content .latest_Sell .ls_Cont li .rp p { font-size: 13px; color: #b9b9b9; font-weight: 400 }
.CR_rightwraper .stock_Detail .sd_Content .latest_Sell .ls_Cont li .rp span { font-family: SpoqaHanSans; font-size: 16px; font-weight: 600; }
.CR_rightwraper .stock_Detail .sd_Content .latest_Sell .ls_Cont li .rp span.red { color: #c53929 }
.CR_rightwraper .stock_Detail .sd_Content .latest_Sell .ls_Cont li .rp span.blue { color: #2959c5 }
.CR_rightwraper .stock_Detail .sd_Content .latest_Sell .ls_Cont li .jbar { display: inline-block; width: 1px; padding-top: 5px }
.CR_rightwraper .stock_Detail .sd_Content .norec { font-size: 12px; padding: 5px 10px 10px; color: #bbb }
.CR_rightwraper .person_Detail { display: block; float: right; width: 259px; height: calc(100vh - 422px); min-height: 209px; border: 1px solid #d7dbe1; background-color: #fff; margin-bottom: 20px; }
.CR_rightwraper .person_Detail .pd_Title { padding: 15px 7px; border-bottom: 1px solid #d7dbe1; margin: 0 13px; font-size: 17px; font-weight: bold }
.CR_rightwraper .person_Detail .pd_Content { padding: 15px }
.CR_rightwraper .person_Detail .pd_Content .expert_List { margin-bottom: 25px }
.CR_rightwraper .person_Detail .pd_Content .expert_List .el_Top { font-size: 15px; padding: 5px 10px 15px }
.CR_rightwraper .person_Detail .pd_Content .expert_List .el_Top span { font-family: SpoqaHanSans; color: #c53929; font-weight: bold }
.CR_rightwraper .person_Detail .pd_Content .expert_List .el_Cont { padding-left: 3px; overflow: hidden }
.CR_rightwraper .person_Detail .pd_Content .expert_List .el_Cont li { float: left; width: 60px; text-align: center }
.CR_rightwraper .person_Detail .pd_Content .expert_List .el_Cont li p { display: inline-block; background-color: #f0f2f5; color: #777; font-size: 12px; padding: 0 2px }
.CR_rightwraper .person_Detail .pd_Content .expert_List .el_Cont li img { vertical-align: middle; width: 40px; }
.CR_rightwraper .person_Detail .pd_Content .user_List .ul_Top { font-size: 15px; padding: 5px 10px 15px }
.CR_rightwraper .person_Detail .pd_Content .user_List .ul_Top span { font-family: SpoqaHanSans; color: #c53929; font-weight: bold }
.CR_rightwraper .person_Detail .pd_Content .user_List .ul_Cont { padding-left: 3px }
.CR_rightwraper .person_Detail .pd_Content .user_List .ul_Cont li { display: inline-block; width: 40px; text-align: center; position: relative; margin-bottom: 6px; clear: both }
.CR_rightwraper .person_Detail .pd_Content .user_List .ul_Cont li .vip_Mark { position: absolute; top: -10px; right: 3px }
.CR_rightwraper .person_Detail .pd_Content .user_List .ul_Cont li .li_user_image { width: 32px; height: 32px; border-radius: 16px; z-index: 1 }
.CR_rightwraper .person_Detail .pd_Content .user_List .ul_Cont li .usernick { display: none; position: absolute; bottom: 5px; left: -20px; font-size: 11px; width: 80px; text-align: center; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.CR_rightwraper .person_Detail .pd_Content .user_List .ul_Cont li .usernick span { background-color: #f0f2f5; padding: 0 2px; color: #777; cursor: default; z-index: 2 }
.CR_rightwraper .person_Detail .pd_Content .user_List .ul_Cont li:hover .usernick { display: block }
.CR_rightwraper .board_Section { background: #fff; height: 100%; border: 1px solid #d7dbe1; }
.CR_rightwraper .board_Section.small { height: calc(100% - 400px); }
.CR_rightwraper .board_Section .board_title { margin: 0 16px; padding: 16px 0; font-size: 17px; font-weight: bold; border-bottom: 1px solid #d7dbe1; height: 25px; }
.CR_rightwraper .board_Section .board_list { overflow: auto; height: calc(100% - 58px); }
.CR_rightwraper .board_Section .board_list .item { cursor: pointer; padding: 16px; }
.CR_rightwraper .board_Section .board_list .item:active { background: #eee; }
.CR_rightwraper .board_Section .board_list .item .thumbnail { }
.CR_rightwraper .board_Section .board_list .item .thumbnail img { width: 100%; border-radius: 8px; }
.CR_rightwraper .board_Section .board_list .item .title { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; margin-bottom: 8px; line-height: 16px; }
.CR_rightwraper .board_Section .board_list .item .title span { font-size: 14px; color: #444; }
.CR_rightwraper .board_Section .board_list .item .sub { height: 12px; }
.CR_rightwraper .board_Section .board_list .item .sub label { font-size: 12px; color: #999; display: inline-block; vertical-align: top; line-height: 1; margin-right: 16px; }
.CR_rightwraper .board_Section .board_list .item .sub label span { display: inline-block; vertical-align: top; }
.CR_rightwraper .board_Section .board_list .item .sub label img { width: 12px; height: 8px; margin-top: 3px; vertical-align: top; }
.CR_rightwraper .board_Section .board_list .item .sub label.date { float: right; margin-right: 0; }
.CR_rightwraper .banner_Slide { width: 541px; height: 288px; border: 1px solid #d7dbe1; background-color: #fff; position: absolute; bottom: 0; }
.CR_rightwraper .banner_Slide .slide_dots { position: absolute; width: 80px; bottom: 20px; left: 20px }
.CR_rightwraper .banner_Slide .slide_dots li { float: left; margin-right: 8px; text-align: center }
.CR_rightwraper .banner_Slide .slide_dots li button { background: #aaa; border: none; width: 12px; height: 12px; border-radius: 15px; font-size: 0; cursor: pointer; outline: none; }
.CR_rightwraper .banner_Slide .slide_dots li:last-child { margin-right: 0px }
.CR_rightwraper .banner_Slide .slide_dots li.slick-active button { background-color: #fff }
.CR_rightwraper .banner_Slide .slick-dotted.slick-slider { margin-bottom: 0px }

.none_Member_pop { display: none; position: absolute; top: 15%; left: 50%; margin-left: -320px; background: url(/img/2018/chat_room_pop.png); width: 640px; height: 580px; z-index: 2001 }
.none_Member_pop .pop_Close { position: absolute; top: 10px; right: -55px; text-align: center }
.none_Member_pop .pop_Close p { color: #fff; font-size: 13px; letter-spacing: 2px; font-weight: lighter }
.none_Member_pop .join_Btn { position: absolute; bottom: 50px; left: 50%; margin-left: -78px }

@media screen and (max-height: 800px) {
    .CR_rightwraper .banner_Slide { display: none }
    .CR_rightwraper .sudden_Broad_POP { min-height: 500px; }
    .CR_rightwraper .sudden_Broad_POP .video .video_Style { height: calc(100vh - 170px); min-height: 442px; }
    .CR_rightwraper .bonus_Stock_POP { height: calc(100vh - 207px); min-height: 512px; }
    .CR_rightwraper .person_Detail { height: calc(100vh - 112px); min-height: 500px; }
    .CR_rightwraper .stock_Detail { height: calc(100vh - 112px); min-height: 500px; }
}


@media screen and (max-width: 1365px) and (min-width: 1024px) {
    .CR_leftmenu { position: absolute; left: -210px; top: 70px; z-index: 10; transition: all 0.2s; }
    .CR_leftmenu .lm_Show { display: block; position: absolute; top: 30%; right: -12px; cursor: pointer }
    .CR_leftmenu .lm_Hide { display: none; position: absolute; top: 30%; right: -12px; cursor: pointer }
    .CR_leftmenu.lm_Btn { left: 0; }
    .CR_leftmenu.lm_Btn .lm_Show { display: none; }
    .CR_leftmenu.lm_Btn .lm_Hide { display: block; }
    .CR_chatwraper { width: calc(100% - 603px) }
    .CR_header .header_Center { width: calc(100% - 550px) }
    .CR_header .header_Right { width: 260px; padding: 19px 20px 0 }
    .CR_header .header_Right .hr_Cs { display: none }
    .CR_header .header_Right .hr_Set { display: none }
    .CR_header .header_Right .hr_Profname { display: none }
    .CR_header .header_Right .hr_bar.two { display: none }
    .CR_chatwraper .chat_List .chat_Display .cd_User .user_Ment { max-width: 52%; }
    .CR_chatwraper .chat_List .chat_Display .cd_Expert .ex_Ment { max-width: 52%; }
    .CR_chatwraper .chat_Space .writer_Box .box_top .send_target .sended { font-size: 13px }
    .CR_chatwraper .chat_Space .writer_Box .box_top .send_target .bar { display: none }
    .CR_chatwraper .chat_Space .writer_Box .box_top .send_target .mygroup { display: none }
    .CR_chatwraper .chat_Space .writer_Box .box_bottom .input input { font-size: 15px }
    .CR_chatwraper .chat_Space .writer_Box .box_top .send_target_selbox { display: inline-block; padding-left: 20px; height: 38px }
    .CR_chatwraper .chat_Space .writer_Box .box_top .send_target_selbox select { width: 95px; height: 38px; text-indent: 5px; border: none; border-right: 1px solid #d7dbe1; border-left: 1px solid #d7dbe1; font-size: 13px; outline-style: none }
}

@media screen and (max-width: 1023px) and (min-width: 871px) {
    .CR_rightwraper { display: none }
    .CR_header .header_Right { display: none }
    .CR_chatwraper { width: calc(100% - 250px) }
    .CR_header .header_Center { width: calc(100% - 250px) }
}

@media screen and (max-width: 870px) and (min-width: 0px) {
    .CR_rightwraper { display: none }
    .CR_leftmenu { display: none }
    .CR_chatwraper { width: calc(100% - 40px) }
    .CR_header .header_Right { display: none }
    .CR_header .header_Left { display: none }
    .CR_header .header_Center { width: calc(100% - 40px) }
    .CR_chatwraper .chat_Space .fix_Box { display: none; }
    .CR_chatwraper .chat_Space .writer_Box { width: 100% }
    .CR_chatwraper .chat_Space .writer_Box .box_top .send_target .sended { font-size: 13px }
    .CR_chatwraper .chat_Space .writer_Box .box_top .send_target .bar { display: none }
    .CR_chatwraper .chat_Space .writer_Box .box_top .send_target .mygroup { display: none }
    .CR_chatwraper .chat_Space .writer_Box .box_top .send_target_selbox { display: inline-block; padding-left: 20px; height: 38px }
    .CR_chatwraper .chat_Space .writer_Box .box_top .send_target_selbox select { width: 95px; height: 38px; text-indent: 5px; border: none; border-right: 1px solid #d7dbe1; border-left: 1px solid #d7dbe1; font-size: 13px; outline-style: none }
    .CR_chatwraper .chat_Space .writer_Box .box_bottom .input input { font-size: 15px }
    .CR_chatwraper .chat_List .chat_Display .cd_Expert { margin-bottom: 35px }
    .CR_chatwraper .chat_List .chat_Display .cd_User { margin-bottom: 35px; margin: 0 5px 30px 0; }
    .CR_chatwraper .chat_List .chat_Display .ex_Time_Target { display: none }
}

@media screen and (max-width: 670px) and (min-width: 0px) {
    .CR_header .header_Center .hc_Notice { display: none }
}


/*팝업*/

.leftmenu_Vipjt_POP { display: none; width: calc(100% - 2px); height: calc(100vh - 112px); min-height: 608px; background-color: #fff; border: 1px solid #d7dbe1; overflow-y: scroll }
.leftmenu_Vipjt_POP .pop_Top { background: #20202a; height: 260px; position: relative; text-align: center }
.leftmenu_Vipjt_POP .pop_Top .pt_Ttl { font-size: 31px; font-weight: bold; color: #fff; padding: 70px 0 }
.leftmenu_Vipjt_POP .pop_Top .pt_Ttl p { font-size: 18px; margin-top: 10px; font-weight: lighter; color: #777777 }
.leftmenu_Vipjt_POP .pop_Top .pt_Ttl span { font-family: SpoqaHanSans; }
.leftmenu_Vipjt_POP .pop_Top .pop_Close { display: inline-block; position: absolute; top: 20px; right: 20px; }
.leftmenu_Vipjt_POP .pop_Cont { padding: 60px 0; background-color: #272731; }
.leftmenu_Vipjt_POP .pop_Cont li { position: relative; text-align: center; margin-bottom: 80px }
.leftmenu_Vipjt_POP .pop_Cont li:last-child { margin-bottom: 0px }
.leftmenu_Vipjt_POP .pop_Cont li:hover p { display: block; transition: 0.2s }
.leftmenu_Vipjt_POP .pop_Cont li p { display: none; position: absolute; top: 0; left: 0; background-color: #272731; opacity: 0.9; width: 100%; height: 100%; font-size: 21px; color: #fff; transition: 0.2s }
.leftmenu_Vipjt_POP .pop_Cont li p span { display: inline-block; padding-top: 5px }
.leftmenu_Vipjt_POP .pop_Cont a .or1 { width: 100%; max-width: 580px }
.leftmenu_Vipjt_POP .pop_Cont li .last_Ment { display: inline-block; width: 440px; background-color: #20202a; font-size: 14px; color: #fff; padding: 6px 0; border-radius: 5px }

.leftmenu_Knowhow_POP { display: none; width: calc(100% - 2px); height: calc(100vh - 112px); min-height: 500px; background-color: #fff; border: 1px solid #d7dbe1; overflow-y: scroll }
.leftmenu_Knowhow_POP .pop_Top { background-image: url("/img/2018/leftmenu_Knowhow_bg.png"); background-repeat: no-repeat; background-color: #d7dbe1; height: 160px; position: relative; }
.leftmenu_Knowhow_POP .pop_Top .pt_Ttl { position: absolute; top: 20px; left: 20px; font-size: 35px; font-weight: normal; color: #fff; text-shadow: 1px 1px 1px #666 }
.leftmenu_Knowhow_POP .pop_Top .pt_Ttl p { font-size: 18px; margin-top: 10px; font-weight: lighter }
.leftmenu_Knowhow_POP .pop_Top .pt_Ttl span { font-family: SpoqaHanSans; }
.leftmenu_Knowhow_POP .pop_Top .pop_Close { display: inline-block; position: absolute; top: 20px; right: 20px; background-color: #b4b6bc; text-align: center; padding: 10px 12px; border-radius: 3px }
.leftmenu_Knowhow_POP .pop_Top .pop_Close p { color: #fff; font-size: 13px; letter-spacing: 2px }
.leftmenu_Knowhow_POP .pop_Cont { padding: 20px; }
.leftmenu_Knowhow_POP .pop_Cont .video { text-align: center; text-align: center; }
.leftmenu_Knowhow_POP .pop_Cont .strKnowhow { padding-top: 10px }
.leftmenu_Knowhow_POP .pop_Cont .strKnowhow .t3 { font-size: 15px; background-color: #eee; border: 1px solid #d7dbe1; padding: 10px; color: #444; margin-top: 20px }
.leftmenu_Knowhow_POP .pop_Cont .strKnowhow .t3 span { font-weight: bold; color: #c53929 }
.leftmenu_Knowhow_POP .pop_Cont .strKnowhow .t2 { border: 1px solid #ddd; padding: 10px; margin: 5px 0; overflow: hidden; font-size: 14px }
.leftmenu_Knowhow_POP .pop_Cont .strKnowhow .t2 div { float: left; }
.leftmenu_Knowhow_POP .pop_Cont .strKnowhow .t2 .smsIcon img { margin: 8px 12px 0 5px; width: 28px }
.leftmenu_Knowhow_POP .pop_Cont .strKnowhow .t2 span { font-weight: bold }
.leftmenu_Knowhow_POP .pop_Cont .strKnowhow p { padding: 5px 5px 5px 10px; font-size: 13px; margin-bottom: 5px; color: #777 }
.leftmenu_Knowhow_POP .pop_Cont .swingKnowhow { padding-top: 10px }
.leftmenu_Knowhow_POP .pop_Cont .swingKnowhow .t3 { font-size: 15px; background-color: #eee; border: 1px solid #d7dbe1; padding: 10px; color: #444; margin-top: 20px }
.leftmenu_Knowhow_POP .pop_Cont .swingKnowhow .t3 span { font-weight: bold; color: #c53929 }
.leftmenu_Knowhow_POP .pop_Cont .swingKnowhow .t2 { border: 1px solid #ddd; padding: 10px; margin: 5px 0; overflow: hidden; font: 12px malgun gothic }
.leftmenu_Knowhow_POP .pop_Cont .swingKnowhow .t2 div { float: left; }
.leftmenu_Knowhow_POP .pop_Cont .swingKnowhow .t2 .smsIcon img { margin: 8px 12px 0 5px; width: 28px }
.leftmenu_Knowhow_POP .pop_Cont .swingKnowhow .t2 span { font-weight: bold }
.leftmenu_Knowhow_POP .pop_Cont .swingKnowhow p { padding: 5px 5px 5px 10px; font-size: 13px; margin-bottom: 5px; color: #777 }
.leftmenu_Holding_POP { display: none; width: calc(100% - 2px); height: calc(100vh - 112px); min-height: 500px; background-color: #fff; border: 1px solid #d7dbe1; overflow-y: scroll }
.leftmenu_Holding_POP .pop_Top { background-image: url("/img/2018/leftmenu_Holding_bg.png"); background-repeat: no-repeat; background-color: #d7dbe1; height: 160px; position: relative; }
.leftmenu_Holding_POP .pop_Top .pt_Ttl { position: absolute; top: 20px; left: 20px; font-size: 35px; font-weight: normal; color: #fff; text-shadow: 1px 1px 1px #666 }
.leftmenu_Holding_POP .pop_Top .pt_Ttl p { font-size: 18px; margin-top: 10px; font-weight: lighter }
.leftmenu_Holding_POP .pop_Top .pt_Ttl span { font-family: SpoqaHanSans; }
.leftmenu_Holding_POP .pop_Top .pop_Close { display: inline-block; position: absolute; top: 20px; right: 20px; background-color: #b4b6bc; text-align: center; padding: 10px 12px; border-radius: 3px }
.leftmenu_Holding_POP .pop_Top .pop_Close p { color: #fff; font-size: 13px; letter-spacing: 2px }
.leftmenu_Holding_POP .holdInfo { background-color: #b4b6bc; overflow: hidden; color: #fff; height: 50px; padding-top: 20px; text-align: center }
.leftmenu_Holding_POP .holdInfo .left { float: left; width: 50% }
.leftmenu_Holding_POP .holdInfo .right { float: left; width: 50% }
.leftmenu_Holding_POP .holdInfo img { vertical-align: middle; margin-right: 10px; }
.leftmenu_Holding_POP .holdInfo span { vertical-align: middle; font-size: 16px; }
.leftmenu_Holding_POP .holdInfo .hold_no { background-color: #d7dbe1; color: #222; font-size: 17px; text-align: center; padding: 4px 10px; margin-left: 10px }
.leftmenu_Holding_POP .content li:last-child { border-bottom: none }
.leftmenu_Holding_POP .content li.list { padding: 25px 15px; background-color: #fff; border-bottom: 1px solid #d7dbe1 }
.leftmenu_Holding_POP .content li.complete_list { opacity: 0.7; padding: 25px 15px; position: relative }
.leftmenu_Holding_POP .content li.complete_list .stamp { position: absolute; top: 130px; left: 90px }
.leftmenu_Holding_POP .content li .head { position: relative; font-size: 13px; padding-bottom: 10px; border-bottom: 1px solid #ddd; padding-left: 5px }
.leftmenu_Holding_POP .content li .head .name { font-size: 14px; margin-bottom: 5px; color: #555 }
.leftmenu_Holding_POP .content li .head .name .code { font-size: 13px; color: #aaa; font-weight: 600 }
.leftmenu_Holding_POP .content li .head .value .now { font-size: 18px; color: #000 }
.leftmenu_Holding_POP .content li .head .value .fluctuation { margin-left: 3px; font-size: 13px }
.leftmenu_Holding_POP .content li .head .value .fluctuation .plus { color: #f93345 }
.leftmenu_Holding_POP .content li .head .value .fluctuation .minus { color: blue }
.leftmenu_Holding_POP .content li .head .kind { position: absolute; right: 0; bottom: 15px; }
.leftmenu_Holding_POP .content li .head .kind span { display: inline-block; width: 110px; height: 35px; line-height: 35px; border: 1px solid #d7dbe1; vertical-align: middle; text-align: center; background-color: #f2f2f2 }
.leftmenu_Holding_POP .content li .body { position: relative; overflow: hidden; }
.leftmenu_Holding_POP .content li .body .left { float: left; width: 60%; border-right: 1px solid #ddd; border-left: 1px solid #ddd; box-sizing: border-box; border-bottom: 1px solid #ddd }
.leftmenu_Holding_POP .content li .body .left .title { height: 35px; font-size: 13px; line-height: 35px; text-indent: 10px; border-bottom: 1px solid #ddd; background-color: #fafafa }
.leftmenu_Holding_POP .content li .body .left .title span { }
.leftmenu_Holding_POP .content li .body .left ul { overflow-y: auto; height: 161px }
.leftmenu_Holding_POP .content li .body .left li { height: 33px; line-height: 33px; font-size: 14px; text-indent: 8px; }
.leftmenu_Holding_POP .content li .body .left li:last-child { }
.leftmenu_Holding_POP .content li .body .left .turn { font-size: 12px; }
.leftmenu_Holding_POP .content li .body .left .volume { font-size: 12px; margin-left: 8px }
.leftmenu_Holding_POP .content li .body .left .comp { margin-left: 8px; color: #fff; background-color: #f93345; padding: 3px 6px; border-radius: 5px; font-size: 12px }
.leftmenu_Holding_POP .content li .body .left .no_comp { color: #bbb; background-color: #f9f9f9; padding: 3px 6px; border-radius: 5px; font-size: 12px }
.leftmenu_Holding_POP .content li .body .right { float: left; width: 40%; font-size: 13px }
.leftmenu_Holding_POP .content li .body .right .red { color: #f00; }
.leftmenu_Holding_POP .content li .body .right .blue { color: #00f; }
.leftmenu_Holding_POP .content li .body .right div { width: 50%; height: 74px; float: left; box-sizing: border-box; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; text-align: center }
.leftmenu_Holding_POP .content li .body .right .top { padding-top: 12px; }
.leftmenu_Holding_POP .content li .body .right .bottom { font-weight: bold; font-size: 14px; padding-top: 8px; }
.leftmenu_Holding_POP .content li .body .right .contrast { width: 100%; height: 50px; }
.leftmenu_Holding_POP .content li .body .right .contrast .top { padding-top: 3px; }
.leftmenu_Holding_POP .content li .body .right .contrast .bottom { padding-top: 4px; }
.leftmenu_Holding_POP .content li .body .right .top_part { height: 99px; float: none; width: 100% }
.leftmenu_Holding_POP .content li .body .right .top_part .top { padding-top: 30px }
.leftmenu_Holding_POP .content li .body .right .bottom_part { height: 99px; float: none; width: 100% }
.leftmenu_Holding_POP .content li .body .right .bottom_part .top { padding-top: 30px }
.leftmenu_Holding_POP .noList { text-align: center; padding-top: 100px; display: none; }
.leftmenu_Holding_POP .noList p { margin-bottom: 5px }
.sms_list_POP { display: none; width: calc(100% - 2px); height: calc(100vh - 112px); min-height: 500px; background-color: #fff; border: 1px solid #d7dbe1; overflow-y: auto; }
.sms_list_POP .pop_Top { background-image: url("/img/2018/postscript_bg.png"); background-repeat: no-repeat; background-color: #d7dbe1; height: 160px; position: relative; }
.sms_list_POP .pop_Top .pt_Ttl { position: absolute; top: 20px; left: 20px; font-size: 35px; font-weight: normal; color: #fff; text-shadow: 1px 1px 1px #666 }
.sms_list_POP .pop_Top .pt_Ttl p { font-size: 18px; margin-top: 10px; font-weight: lighter }
.sms_list_POP .pop_Top .pt_Ttl span { font-family: SpoqaHanSans; }
.sms_list_POP .pop_Top .pop_Close { display: inline-block; position: absolute; top: 20px; right: 20px; background-color: #b4b6bc; text-align: center; padding: 10px 12px; border-radius: 3px }
.sms_list_POP .pop_Top .pop_Close p { color: #fff; font-size: 13px; letter-spacing: 2px }
.sms_list_POP .pop_option { background: #b4b6bc; padding: 16px 24px; }
.sms_list_POP .pop_option:after { content: ""; display: block; clear: both; }
.sms_list_POP .pop_option .left { float: left; width: 50%; }
.sms_list_POP .pop_option .left input[type=text] { outline-style: none; border: 1px solid #d7dbe1; background-color: #fdfdfd; font-size: 15px; padding: 4px 8px; width: 180px; }
.sms_list_POP .pop_option .left .search_btn { display: inline-block; height: 27px; line-height: 27px; padding: 0 8px; background: #f2f2f2; border-radius: 2px; vertical-align: top; cursor: pointer; }
.sms_list_POP .pop_option .left .search_btn:active { background: #e2e2e2; }
.sms_list_POP .pop_option .right { float: left; width: 50%; text-align: right; }
.sms_list_POP .pop_option .right select { outline-style: none; border: 1px solid #d7dbe1; background-color: #fdfdfd; font-size: 13px; padding: 4px 8px; }
.sms_list_POP .content { }
.sms_list_POP .content .CR_chatwraper { padding: 0; float: initial; width: 100%; height: calc(100vh - 331px); min-height: 281px; }
.sms_list_POP .content .CR_chatwraper .chat_List { height: 100%; min-height: initial; }
.sms_list_POP .noList { text-align: center; padding-top: 100px; display: none; }
.sms_list_POP .noList p { margin-bottom: 5px }
.iframe_POP { display: none; width: calc(100% - 2px); height: calc(100vh - 112px); min-height: 500px; background-color: #fff; border: 1px solid #d7dbe1; overflow-y: auto; }
.iframe_POP .pop_Top { position: relative; z-index: 1; }
.iframe_POP .pop_Top .pop_Close { display: inline-block; position: absolute; top: 20px; right: 20px; background-color: #b4b6bc; text-align: center; padding: 10px 12px; border-radius: 3px }
.iframe_POP .pop_Top .pop_Close p { color: #fff; font-size: 13px; letter-spacing: 2px }
.iframe_POP .iframe_wrap { position: relative; width: 100%; height: 100%; }
.iframe_POP .iframe_wrap iframe { width: 100%; height: 100%; border: 0; vertical-align: top; position: absolute; }
.Sixmenu_lm1_POP { display: none; width: calc(100% - 2px); height: calc(100vh - 112px); min-height: 500px; background-color: #fff; border: 1px solid #d7dbe1 }
.Sixmenu_lm1_POP .pop_Top { background-image: url("/img/2018/Sixmenu_lm1_bg.png"); background-repeat: no-repeat; background-color: #d7dbe1; height: 160px; position: relative; }
.Sixmenu_lm1_POP .pop_Top .pt_Ttl { position: absolute; top: 20px; left: 20px; font-size: 35px; font-weight: normal; color: #fff; text-shadow: 1px 1px 1px #666 }
.Sixmenu_lm1_POP .pop_Top .pt_Ttl p { font-size: 18px; margin-top: 10px; font-weight: lighter }
.Sixmenu_lm1_POP .pop_Top .pt_Ttl span { font-family: SpoqaHanSans; }
.Sixmenu_lm1_POP .pop_Top .pop_Close { display: inline-block; position: absolute; top: 20px; right: 20px; background-color: #b4b6bc; text-align: center; padding: 10px 12px; border-radius: 3px }
.Sixmenu_lm1_POP .pop_Top .pop_Close p { color: #fff; font-size: 13px; letter-spacing: 2px }
.Sixmenu_lm1_POP .pop_Top .pop_Write { display: inline-block; position: absolute; top: 20px; right: 106px; background-color: #b4b6bc; text-align: center; padding: 10px 12px; border-radius: 3px }
.Sixmenu_lm1_POP .pop_Top .pop_Write p { color: #fff; font-size: 13px; letter-spacing: 2px }
.Sixmenu_lm1_POP .pop_Mid { overflow: hidden; overflow-y: auto }
.Sixmenu_lm1_POP .conf_List { padding: 20px; height: calc(100vh - 312px); min-height: 300px; overflow-y: scroll }
.Sixmenu_lm1_POP .conf_List .img_Wrap { padding: 10px; background-color: #e3e5e8; cursor: pointer; }
.Sixmenu_lm1_POP .conf_List .img_Wrap .img_Part { max-height: 280px; overflow: hidden; }
.Sixmenu_lm1_POP .conf_List .img_Wrap .img_Part table { width: 100%; height: 100%; }
.Sixmenu_lm1_POP .conf_List .img_Wrap .img_Part table tr td { text-align: center; }
.Sixmenu_lm1_POP .conf_List .img_Wrap .img_Part table tr td img { max-width: 100%; vertical-align: middle; }
.Sixmenu_lm1_POP .conf_List .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 }
.Sixmenu_lm1_POP .conf_List .img_Wrap:hover .hover_Part { display: inline-block; }
.Sixmenu_lm1_POP .conf_List .img_Wrap .hover_Part { display: none; position: absolute; top: 0; left: 0; width: 270px; height: 100%; background-color: #e3e5e8; opacity: 0.95; }
.Sixmenu_lm1_POP .conf_List .img_Wrap .hover_Part .hp_Ttl { padding: 10px 15px 0; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.Sixmenu_lm1_POP .conf_List .img_Wrap .hover_Part .hp_Ttl img { margin-right: 4px; }
.Sixmenu_lm1_POP .conf_List .img_Wrap .hover_Part .hp_Ttl span { font-size: 14px }
.Sixmenu_lm1_POP .conf_List .img_Wrap .hover_Part .hp_Profdate { padding: 10px 15px 15px; border-bottom: 1px dashed #ccc; overflow: hidden; color: #777 }
.Sixmenu_lm1_POP .conf_List .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; }
.Sixmenu_lm1_POP .conf_List .img_Wrap .hover_Part .hp_Profdate .lp img { width: 14px; border-radius: 7px; margin: 0 3px 2px 0 }
.Sixmenu_lm1_POP .conf_List .img_Wrap .hover_Part .hp_Profdate .lp .nick { display: inline-block; vertical-align: top; }
.Sixmenu_lm1_POP .conf_List .img_Wrap .hover_Part .hp_Profdate .rp { display: inline-block; float: right; width: 50px; font-size: 12px; text-align: left }
.Sixmenu_lm1_POP .conf_List .img_Wrap .hover_Part .hp_Ment { display: inline-block; padding: 10px; height: calc(100% - 110px); font-size: 13px; color: #444; overflow: hidden; text-overflow: ellipsis; }
.Sixmenu_lm1_POP .conf_List .img_Wrap .hover_Part .hp_Ment .noment { color: #999; }
.Sixmenu_lm1_POP .conf_List .img_Wrap .hover_Part .hp_Ment img { max-width: 100%; }
.Sixmenu_lm3_POP { display: none; width: calc(100% - 2px); height: calc(100vh - 112px); min-height: 608px; background-color: #fff; border: 1px solid #d7dbe1 /*;overflow-y:scroll*/ }
.Sixmenu_lm3_POP .pop_Top { background-image: url("/img/2018/Sixmenu_lm3_bg.png"); background-repeat: no-repeat; background-color: #d7dbe1; height: 160px; position: relative; }
.Sixmenu_lm3_POP .pop_Top .pt_Ttl { position: absolute; top: 15px; left: 30px; font-size: 35px; font-weight: normal; color: #fff; text-shadow: 1px 1px 1px #666 }
.Sixmenu_lm3_POP .pop_Top .pt_Ttl p { font-size: 18px; margin-top: 10px; font-weight: lighter }
.Sixmenu_lm3_POP .pop_Top .pop_Close { display: inline-block; position: absolute; top: 40px; right: 60px; background-color: #b4b6bc; text-align: center; padding: 10px 12px; border-radius: 3px }
.Sixmenu_lm3_POP .pop_Top .pop_Close p { color: #fff; font-size: 13px; letter-spacing: 2px }
.Sixmenu_lm3_POP .pop_Cont { text-align: center; padding-top: 150px }
.Sixmenu_lm4_POP { display: none; width: calc(100% - 2px); height: calc(100vh - 112px); min-height: 608px; background-color: #fff; border: 1px solid #d7dbe1; overflow-y: auto }
.Sixmenu_lm4_POP .pop_Top { background-image: url("/img/2018/Sixmenu_lm4_bg.png"); background-repeat: no-repeat; background-color: #d7dbe1; height: 160px; position: relative; }
.Sixmenu_lm4_POP .pop_Top .pt_Ttl { position: absolute; top: 15px; left: 30px; font-size: 35px; font-weight: normal; color: #fff; text-shadow: 1px 1px 1px #666 }
.Sixmenu_lm4_POP .pop_Top .pt_Ttl p { font-size: 18px; margin-top: 10px; font-weight: lighter }
.Sixmenu_lm4_POP .pop_Top .pop_Close { display: inline-block; position: absolute; top: 40px; right: 60px; background-color: #b4b6bc; text-align: center; padding: 10px 12px; border-radius: 3px }
.Sixmenu_lm4_POP .pop_Top .pop_Close p { color: #fff; font-size: 13px; letter-spacing: 2px }
.Sixmenu_lm4_POP .pop_Mid { overflow: hidden; margin: 0 20px; padding: 40px 10px 40px; border-bottom: 1px solid #f2f2f2 }
.Sixmenu_lm4_POP .pop_Mid .input { float: left; width: 50% }
.Sixmenu_lm4_POP .pop_Mid .input p { font-size: 17px; font-weight: normal }
.Sixmenu_lm4_POP .pop_Mid .input input { outline-style: none; border: 1px solid #d7dbe1; background-color: #fdfdfd; font-size: 15px; text-indent: 10px }
.Sixmenu_lm4_POP .pop_Mid .input .name { width: calc(75% + 10px); height: 43px; margin: 20px 0 8px }
.Sixmenu_lm4_POP .pop_Mid .input .fp { width: 25%; height: 43px; margin-right: 8px }
.Sixmenu_lm4_POP .pop_Mid .input .bp { width: 50%; height: 43px }
.Sixmenu_lm4_POP .pop_Mid .input .btn { font-size: 15px; margin-top: 8px }
.Sixmenu_lm4_POP .pop_Mid .input .kakao { display: inline-block; width: 45%; height: 45px; line-height: 45px; margin-right: 9px; background-color: #ffe812; text-align: center; border-radius: 2px }
.Sixmenu_lm4_POP .pop_Mid .input .kakao img { vertical-align: middle; padding: 0 3px 2px 0 }
.Sixmenu_lm4_POP .pop_Mid .input .phone { display: inline-block; width: 30%; height: 45px; line-height: 45px; background-color: #b4b6bc; text-align: center; border-radius: 2px }
.Sixmenu_lm4_POP .pop_Mid .bar { width: 1px; height: 100px; background-color: #d7dbe1; float: left; margin: 0 20px }
.Sixmenu_lm4_POP .pop_Mid .list { float: right; width: 50% }
.Sixmenu_lm4_POP .pop_Mid .list p { font-size: 17px; font-weight: normal }
.Sixmenu_lm4_POP .pop_Mid .list .lt { width: calc(100% - 2px); height: 149px; margin-top: 20px; border: 1px solid #d7dbe1; overflow-y: scroll; background-color: #fdfdfd; padding-top: 5px }
.Sixmenu_lm4_POP .pop_Mid .list .lt li { font-size: 14px; font-weight: normal; margin-bottom: 5px }
.Sixmenu_lm4_POP .pop_Mid .list .lt li span { display: inline-block; text-align: center }
.Sixmenu_lm4_POP .pop_Mid .list .lt li .c_Name { width: 20% }
.Sixmenu_lm4_POP .pop_Mid .list .lt li .c_Phone { width: 50%; font-family: SpoqaHanSans }
.Sixmenu_lm4_POP .pop_Mid .list .lt li .c_Nocomp { width: 25% }
.Sixmenu_lm4_POP .pop_Mid .list .lt li .c_Comp { width: 25%; color: #c53929; font-weight: bold }
.Sixmenu_lm4_POP .pop_Bot { padding: 40px 30px 30px }
.Sixmenu_lm4_POP .pop_Bot .ttl { font-size: 17px; font-weight: normal; margin-bottom: 20px }
.Sixmenu_lm4_POP .pop_Bot a { display: inline-block; width: calc(25% - 3px); text-align: center }
.Sixmenu_lm4_POP .pop_Bot a img { vertical-align: middle }
.Sixmenu_lm4_POP .pop_Bot a p { font-size: 13px; margin-top: 3px }
.Sixmenu_lm4_POP .pop_Bot a img { max-width: 200px; width: 90%; }
.Sixmenu_lm5_POP { display: none; width: calc(100% - 2px); height: calc(100vh - 112px); min-height: 608px; background-color: #fff; border: 1px solid #d7dbe1; overflow-y: auto; }
.Sixmenu_lm5_POP .pop_Top { background-image: url("/img/2018/Sixmenu_lm5_bg.png"); background-repeat: no-repeat; background-color: #d7dbe1; height: 160px; position: relative; }
.Sixmenu_lm5_POP .pop_Top .pt_Ttl { position: absolute; top: 15px; left: 30px; font-size: 35px; font-weight: normal; color: #fff; text-shadow: 1px 1px 1px #666 }
.Sixmenu_lm5_POP .pop_Top .pt_Ttl p { font-size: 18px; margin-top: 10px; font-weight: lighter }
.Sixmenu_lm5_POP .pop_Top .pop_Close { display: inline-block; position: absolute; top: 40px; right: 60px; background-color: #b4b6bc; text-align: center; padding: 10px 12px; border-radius: 3px }
.Sixmenu_lm5_POP .pop_Top .pop_Close p { color: #fff; font-size: 13px; letter-spacing: 2px }
.Sixmenu_lm5_POP .cnt .selectClass { padding: 20px; background: #b4b6bc; color: #fff; font-size: 16px; line-height: 19px; }
.Sixmenu_lm5_POP .cnt .selectClass select { width: 32%; margin-right: 2%; height: 35px; font-size: 15px; text-indent: 5px; border: none; vertical-align: middle; outline-style: none }
.Sixmenu_lm5_POP .cnt .selectClass select:last-child { margin-right: 0 }
.Sixmenu_lm5_POP .cnt .result { overflow: hidden; margin-top: 0px; padding: 20px; }
.Sixmenu_lm5_POP .cnt .result .graph { width: 100%; background: #fff; font-size: 16px; }
.Sixmenu_lm5_POP .cnt .result .graph .th { padding: 10px; border-bottom: 1px dashed #b4b6bc }
.Sixmenu_lm5_POP .cnt .result .graph .th .v { color: #222 }
.Sixmenu_lm5_POP .cnt .result .graph .th .l { color: #555 }
.Sixmenu_lm5_POP .cnt .result .graph .td { padding: 10px; }
.Sixmenu_lm5_POP .cnt .result .graph .td .chart_image { height: 300px; display: none; }
.Sixmenu_lm5_POP .cnt .result .graph .td .loading_image { text-align: center; margin: 50px 0; font-size: 13px }
.Sixmenu_lm5_POP .cnt .result .graph .td .loading_image img { width: 55px }
.Sixmenu_lm5_POP .cnt .result .graph .td .pt_vipResult .cnt .result .box { float: left; width: 258px; margin-left: 0px; }
.Sixmenu_lm5_POP .cnt .result .box:first-child { margin-left: 0px; }
.Sixmenu_lm5_POP .cnt .result .box .body { position: relative; padding: 20px 0; background: #fff; border: 1px solid #d7dbe1; font-size: 13px; overflow: hidden }
.Sixmenu_lm5_POP .cnt .result .box .left_Part { float: left; width: 50%; box-sizing: border-box; border-right: 1px dashed #d7dbe1; padding: 0 20px }
.Sixmenu_lm5_POP .cnt .result .box .right_Part { float: left; width: 50%; box-sizing: border-box; padding: 0 20px }
.Sixmenu_lm5_POP .cnt .result .box .body .expn { position: relative; overflow: hidden; margin-bottom: 10px; font-size: 14px }
.Sixmenu_lm5_POP .cnt .result .box .body .expn:last-child { margin-bottom: 0px }
.Sixmenu_lm5_POP .cnt .result .box .body .expn .left { display: inline-block; float: left; color: #666 }
.Sixmenu_lm5_POP .cnt .result .box .body .expn .left .sub { display: inline-block; color: #aaa; font-size: 12px }
.Sixmenu_lm5_POP .cnt .result .box .body .expn .right { display: inline-block; float: right; font-weight: bold }
.Sixmenu_lm5_POP .cnt .result .box .body .expn .right .blue { color: #00f; }
.Sixmenu_lm5_POP .cnt .result .box .body .expn .right .red { color: #f00; }
.Sixmenu_lm5_POP .cnt .sellStock { overflow: hidden; background: #fff }
.Sixmenu_lm5_POP .cnt .sellStock .head { position: relative; background: #b4b6bc; padding: 20px 0; color: #fff; text-align: center; font-size: 15px }
.Sixmenu_lm5_POP .cnt .sellStock .body { background: #fff; overflow: hidden; border-top: none; }
.Sixmenu_lm5_POP .cnt .sellStock .body li { overflow: hidden; border-bottom: 1px solid #d7dbe1 }
.Sixmenu_lm5_POP .cnt .sellStock .body li.loading { text-align: center; margin: 50px 0; font-size: 13px }
.Sixmenu_lm5_POP .cnt .sellStock .body li.loading img { width: 55px; text-align: center; }
.Sixmenu_lm5_POP .cnt .sellStock .body li.selected { background: #fafafa; color: #000 }
.Sixmenu_lm5_POP .cnt .sellStock .body li div.title { padding: 15px 0; overflow: hidden }
.Sixmenu_lm5_POP .cnt .sellStock .body li div.title div { display: inline-block; text-align: center }
.Sixmenu_lm5_POP .cnt .sellStock .body .listSingle div.title .stockName { width: 30%; float: left; font-size: 13px; font-weight: bold; margin-top: 8px }
.Sixmenu_lm5_POP .cnt .sellStock .body .listSingle div.title .sellDate { width: 20%; float: left; font-size: 12px }
.Sixmenu_lm5_POP .cnt .sellStock .body .listSingle div.title .stockEarn { width: 15%; float: left; font-size: 12px }
.Sixmenu_lm5_POP .cnt .sellStock .body .listSingle div.title .stockWEarn { width: 15%; float: left; font-size: 12px }
.Sixmenu_lm5_POP .cnt .sellStock .body .listSingle div.title .moreSee { width: 20%; float: left; font-size: 12px; color: #000 }
.Sixmenu_lm5_POP .cnt .sellStock .body .listTotal div.title .eachGroup { width: 10%; float: left; color: #c53929; font-weight: bold; font-size: 13px; margin-top: 8px }
.Sixmenu_lm5_POP .cnt .sellStock .body .listTotal div.title .stockName { width: 24%; float: left; font-size: 13px; font-weight: bold; margin-top: 8px }
.Sixmenu_lm5_POP .cnt .sellStock .body .listTotal div.title .sellDate { width: 18%; float: left; font-size: 12px }
.Sixmenu_lm5_POP .cnt .sellStock .body .listTotal div.title .stockEarn { width: 15%; float: left; font-size: 12px }
.Sixmenu_lm5_POP .cnt .sellStock .body .listTotal div.title .stockWEarn { width: 15%; float: left; font-size: 12px }
.Sixmenu_lm5_POP .cnt .sellStock .body .listTotal div.title .moreSee { width: 18%; float: left; font-size: 12px; color: #000; margin-top: 4px }
.Sixmenu_lm5_POP .cnt .sellStock .body li div.title .moreSee img { margin-left: 5px }
.Sixmenu_lm5_POP .cnt .sellStock .body li div.title .moreSee span { display: inline-block; background-color: #4b6a89; cursor: pointer; width: 90px; height: 30px; line-height: 30px; color: #fff }
.Sixmenu_lm5_POP .cnt .sellStock .body li div.title .major { font-size: 11px; margin-top: 4px }
.Sixmenu_lm5_POP .cnt .sellStock .body li div.title div p.red { color: red }
.Sixmenu_lm5_POP .cnt .sellStock .body li div.title div p.blue { color: blue }
.Sixmenu_lm5_POP .cnt .sellStock .body li div.title.selected .moreSee span { background: #eee; color: #787878; border: 1px solid #d7dbe1 }
.Sixmenu_lm5_POP .cnt .sellStock .body li div.content { display: none; padding: 0px 20px 20px; line-height: 1.3; }
.Sixmenu_lm5_POP .cnt .sellStock .body li div.content table { width: 100% }
.Sixmenu_lm5_POP .cnt .sellStock .body li div.content thead tr td { font-size: 12px; text-align: center; border: 1px solid #ddd; padding: 10px 0; width: 25%; background: #eaeaea; color: #aaa; }
.Sixmenu_lm5_POP .cnt .sellStock .body li div.content tbody tr th { padding: 5px; text-align: center; border: 1px solid #ddd; font-size: 12px; background: #fff }
.Sixmenu_lm5_POP .cnt .sellStock .body li div.title .highEarn { font-weight: bold }
.Sixmenu_lm5_POP .cnt .page_list { text-align: center; padding: 20px 0 40px 0 }
.Sixmenu_lm5_POP .cnt .page_list ul li { display: inline-block; }
.Sixmenu_lm5_POP .cnt .page_list ul li .normal span { color: #aaa; margin: 0 7px; }
.Sixmenu_lm5_POP .cnt .page_list ul li .normal span.selected { font-weight: bold; color: #000; }

.send_Star_POP { display: none; width: calc(100% - 2px); height: calc(100vh - 112px); min-height: 608px; background-color: #fff; border: 1px solid #d7dbe1 /*;overflow-y:scroll*/ }
.send_Star_POP .pop_Top { background-image: url("/img/2018/send_star_bg.png"); background-repeat: no-repeat; background-color: #d7dbe1; height: 160px; position: relative; }
.send_Star_POP .pop_Top .pt_Ttl { position: absolute; top: 15px; left: 30px; font-size: 35px; font-weight: normal; color: #fff; text-shadow: 1px 1px 1px #666 }
.send_Star_POP .pop_Top .pt_Ttl p { font-size: 18px; margin-top: 10px; font-weight: lighter }
.send_Star_POP .pop_Top .pop_Close { display: inline-block; position: absolute; top: 40px; right: 60px; background-color: #b4b6bc; text-align: center; padding: 10px 12px; border-radius: 3px }
.send_Star_POP .pop_Top .pop_Close p { color: #fff; font-size: 13px; letter-spacing: 2px }
.send_Star_POP .pop_Cont { padding: 20px }
.send_Star_POP .pop_Cont .star_Sel { height: 360px }
.send_Star_POP .pop_Cont .star_Sel li { padding: 20px 10px; float: left; width: calc(25% - 35px); box-shadow: 0 5px 12px rgba(0,0,0,0.2); margin-right: 20px; text-align: center; position: relative; height: 300px; overflow: hidden }
.send_Star_POP .pop_Cont .star_Sel li:hover { background-color: #fafafa }
.send_Star_POP .pop_Cont .star_Sel li img { width: 100%; vertical-align: middle }
.send_Star_POP .pop_Cont .star_Sel li .img_1 { max-width: 102px }
.send_Star_POP .pop_Cont .star_Sel li .img_2 { max-width: 152px }
.send_Star_POP .pop_Cont .star_Sel li .img_3 { max-width: 150px }
.send_Star_POP .pop_Cont .star_Sel li .img_4 { max-width: 170px }
.send_Star_POP .pop_Cont .star_Sel li .enterIpt { width: 50%; height: 25px; text-indent: 5px; outline-style: none; border: 1px solid #d7dbe1; font-size: 13px }
.send_Star_POP .pop_Cont .star_Sel li:last-child { margin-right: 0; padding: 15px 10px 25px }
.send_Star_POP .pop_Cont .star_Sel li input[type="radio"] { display: none; }
.send_Star_POP .pop_Cont .star_Sel li label { display: inline-block; height: 150px; line-height: 150px; cursor: pointer; vertical-align: middle; color: #777; font-size: 13px; }
.send_Star_POP .pop_Cont .star_Sel li span { display: block; font-size: 19px; letter-spacing: 1px; font-family: SpoqaHanSans; font-weight: bold }
.send_Star_POP .pop_Cont .star_Sel li input[type="radio"] + label:before { position: absolute; bottom: 50px; left: 50%; margin-left: -25px; background: #e3e5e8; border: 1px solid #d7dbe1; content: "\00a0"; display: inline-block; font: 12px/1em malgun gothic; height: 50px; width: 50px; vertical-align: middle; }
.send_Star_POP .pop_Cont .star_Sel li input[type="radio"]:checked + label:before { color: #777; content: "\2714"; text-align: center; font-size: 45px; font-weight: bold }
.send_Star_POP .pop_Cont .thx_Ment { width: calc(75% - 25px); float: left; }
.send_Star_POP .pop_Cont .thx_Ment textarea { width: 100%; height: 45px; padding: 10px; resize: none; outline-style: none; border: none; box-shadow: 0 5px 12px rgba(0,0,0,0.2); font-size: 17px; font-family: 'Noto Sans' }
.send_Star_POP .pop_Cont .star_sendBtn { float: right; width: calc(25% - 15px); background-color: #c53929; height: 65px; line-height: 65px; text-align: center; color: #fff; cursor: pointer; font-size: 19px; border-radius: 3px }
.stock_Detail_POP { display: none; width: calc(100% - 2px); height: calc(100vh - 112px); min-height: 608px; background-color: #fff; border: 1px solid #d7dbe1; overflow-y: auto }
.stock_Detail_POP .pop_Top { background-image: url("/img/2018/stock_Detail_bg.png"); background-repeat: no-repeat; background-color: #d7dbe1; height: 160px; position: relative; }
.stock_Detail_POP .pop_Top .pt_Ttl { position: absolute; top: 15px; left: 30px; font-size: 35px; font-weight: normal; color: #fff; text-shadow: 1px 1px 1px #666 }
.stock_Detail_POP .pop_Top .pt_Ttl p { font-size: 18px; margin-top: 10px; font-weight: lighter }
.stock_Detail_POP .pop_Top .pop_Close { display: inline-block; position: absolute; top: 40px; right: 60px; background-color: #b4b6bc; text-align: center; padding: 10px 12px; border-radius: 3px }
.stock_Detail_POP .pop_Top .pop_Close p { color: #fff; font-size: 13px; letter-spacing: 2px }
.stock_Detail_POP .stock_Text { padding: 20px 30px; background-color: #b4b6bc; text-overflow: ellipsis; overflow: hidden; white-space: nowrap }
.stock_Detail_POP .stock_Text p { display: inline-block; margin-right: 25px }
.stock_Detail_POP .stock_Text p span { display: inline-block; font-size: 17px; color: #fff; font-family: SpoqaHanSans; font-weight: bold; margin-left: 5px }
.stock_Detail_POP .stock_Text .name { font-size: 21px; color: #fff; font-weight: bold }
.stock_Detail_POP .stock_Text .goal { font-size: 15px; color: #eee }
.stock_Detail_POP .stock_Text .buy { font-size: 15px; color: #eee }
.stock_Detail_POP .pop_Cont { padding: 20px; overflow: hidden }
.stock_Detail_POP .pop_Cont .left_Hoga { float: left; width: 260px; border: 1px solid #d7dbe1; font-size: 12px; font-family: Gulim }
.stock_Detail_POP .pop_Cont .left_Hoga .stock_Now { background-color: #f0f2f5; padding: 4px 0; font-weight: bold; border-bottom: 1px solid #d7dbe1 }
.stock_Detail_POP .pop_Cont .left_Hoga .stock_Now span { display: inline-block; width: 60px; text-align: left; position: relative; cursor: default }
.stock_Detail_POP .pop_Cont .left_Hoga .stock_Now span:first-child { width: 100px; padding-left: 5px }
.stock_Detail_POP .pop_Cont .left_Hoga .stock_Now a { position: absolute; display: none; width: 50px; top: -20px; left: 0px; background-color: #ffffe1; border: 1px solid#646464; font-weight: lighter; text-align: center }
.stock_Detail_POP .pop_Cont .left_Hoga .stock_Now .fa { left: 5px }
.stock_Detail_POP .pop_Cont .left_Hoga .stock_Now span:hover a { display: inline-block }
.stock_Detail_POP .pop_Cont .left_Hoga .red { color: #e61e09 }
.stock_Detail_POP .pop_Cont .left_Hoga .blue { color: #1248c2 }
.stock_Detail_POP .pop_Cont .left_Hoga .black { color: #000; font-weight: bold }
.stock_Detail_POP .pop_Cont .left_Hoga table { text-align: right }
.stock_Detail_POP .pop_Cont .left_Hoga table tr { cursor: default }
.stock_Detail_POP .pop_Cont .left_Hoga table tr td { padding: 4px 5px 4px 0; width: 85px; border-right: 1px solid #d7dbe1 }
.stock_Detail_POP .pop_Cont .left_Hoga table tr.nowcost_Box td.pirce { border: 1px solid #000 }
.stock_Detail_POP .pop_Cont .left_Hoga table tr td:hover { background-color: #f2f2f2 }
.stock_Detail_POP .pop_Cont .left_Hoga table tr td:first-child.pirce { width: 70px }
.stock_Detail_POP .pop_Cont .left_Hoga table tr.nowcost_Box td:first-child { width: 70px; border-right: 1px solid #000 }
.stock_Detail_POP .pop_Cont .left_Hoga table tr td:last-child { width: 105px; border-right: none; font-weight: bold; text-align: center }
.stock_Detail_POP .pop_Cont .left_Hoga .sTable { border-bottom: 1px solid #d7dbe1 }
.stock_Detail_POP .pop_Cont .right_Chart { float: left; width: calc(100% - 282px); height: 467px; margin-left: 20px }
.stock_Detail_POP .pop_Cont .notice_Ment { margin-top: 487px; padding: 20px; text-align: center; color: #777; font-size: 12px }
.hr_Profile_POP { display: none; width: calc(100% - 2px); height: calc(100vh - 112px); min-height: 608px; background-color: #fff; border: 1px solid #d7dbe1; overflow-y: auto }
.hr_Profile_POP .pop_Top { background-image: url("/img/2018/hr_Profile_bg.png"); background-repeat: no-repeat; background-color: #d7dbe1; height: 160px; position: relative; }
.hr_Profile_POP .pop_Top .pt_Ttl { position: absolute; top: 15px; left: 30px; font-size: 35px; font-weight: normal; color: #fff; text-shadow: 1px 1px 1px #666 }
.hr_Profile_POP .pop_Top .pt_Ttl p { font-size: 18px; margin-top: 10px; font-weight: lighter }
.hr_Profile_POP .pop_Top .pop_Close { display: inline-block; position: absolute; top: 40px; right: 60px; background-color: #b4b6bc; text-align: center; padding: 10px 12px; border-radius: 3px }
.hr_Profile_POP .pop_Top .pop_Close p { color: #fff; font-size: 13px; letter-spacing: 2px }
.hr_Profile_POP .pop_Mid { margin: 0 20px }
.hr_Profile_POP .pop_Mid .my_Serv { width: 100%; text-align: center; padding: 20px 0; font-size: 19px; font-weight: normal; border-bottom: 1px solid #f2f2f2; color: #777; font-weight: lighter }
.hr_Profile_POP .pop_Mid .my_Serv span { color: #ff0030; font-weight: normal }
.hr_Profile_POP .pop_Mid .my_Info { padding: 40px 0; overflow: hidden; border-bottom: 1px solid #f2f2f2 }
.hr_Profile_POP .pop_Mid .my_Info .left { float: left; width: 25%; text-align: center }
.hr_Profile_POP .pop_Mid .my_Info .myimg { display: inline-block; width: 80px; height: 80px; text-align: center }
.hr_Profile_POP .pop_Mid .my_Info .myimg span { position: relative }
.hr_Profile_POP .pop_Mid .my_Info .myimg .imgP { max-width: 80px; }
.hr_Profile_POP .pop_Mid .my_Info .myimg .imgC { cursor: pointer; position: absolute; width: 80px }
.hr_Profile_POP .pop_Mid .my_Info .mynick { font-size: 14px; color: #777 }
.hr_Profile_POP .pop_Mid .my_Info .mynick .ch_Ipt { width: 120px; height: 16px; text-indent: 5px; outline-style: none; border: 1px solid #d7dbe1 }
.hr_Profile_POP .pop_Mid .my_Info .mynick .nickChbtn { display: inline-block; background-color: #b4b6bc; font-size: 13px; color: #fff; padding: 1px 4px; border-radius: 3px; margin-top: 5px }
.hr_Profile_POP .pop_Mid .my_Info .center { float: left; width: 40%; }
.hr_Profile_POP .pop_Mid .my_Info .center .phone_Ch { margin-top: 5px }
.hr_Profile_POP .pop_Mid .my_Info .center .phone_Ch p { font-size: 13px; }
.hr_Profile_POP .pop_Mid .my_Info .center .phone_Ch input { height: 25px; text-indent: 5px; outline-style: none; border: 1px solid #d7dbe1; font-size: 13px }
.hr_Profile_POP .pop_Mid .my_Info .center .phone_Ch .pIpt { margin-top: 5px }
.hr_Profile_POP .pop_Mid .my_Info .center .phone_Ch .pIpt .uBtn { display: inline-block; height: 29px; width: 50px; font-size: 11px; background-color: #b4b6bc; line-height: 29px; text-align: center; color: #fff; border-radius: 3px }
.hr_Profile_POP .pop_Mid .my_Info .center .phone_Ch .cIpt { margin-top: 5px }
.hr_Profile_POP .pop_Mid .my_Info .center .phone_Ch .cIpt .dBtn { display: inline-block; height: 29px; width: 50px; font-size: 11px; background-color: #b4b6bc; line-height: 29px; text-align: center; color: #fff; border-radius: 3px }
.hr_Profile_POP .pop_Mid .my_Info .center .phone_Ch .fi { width: calc(20% - 5px); vertical-align: middle }
.hr_Profile_POP .pop_Mid .my_Info .center .phone_Ch .bi { width: 40%; vertical-align: middle }
.hr_Profile_POP .pop_Mid .my_Info .center .phone_Ch .ci { width: 60% }
.hr_Profile_POP .pop_Mid .my_Info .center .sms_Agree { margin-top: 5px }
.hr_Profile_POP .pop_Mid .my_Info .center .sms_Agree input[type="checkbox"] { display: none; }
.hr_Profile_POP .pop_Mid .my_Info .center .sms_Agree label { cursor: pointer; vertical-align: middle; color: #777; font-size: 13px; }
.hr_Profile_POP .pop_Mid .my_Info .center .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 3px 3px 0; vertical-align: middle }
.hr_Profile_POP .pop_Mid .my_Info .center .sms_Agree input[type="checkbox"]:checked + label:before { color: #fff; content: "\2714"; text-align: center; }
.hr_Profile_POP .pop_Mid .my_Info .right { float: left; width: 35%; color: #222; font-size: 14px; position: relative }
.hr_Profile_POP .pop_Mid .my_Info .right .top .lb { position: absolute; top: 32px }
.hr_Profile_POP .pop_Mid .my_Info .right .top .rb { position: absolute; top: 32px; left: 60% }
.hr_Profile_POP .pop_Mid .my_Info .right .bot .rb { position: absolute; top: 64px; }
.hr_Profile_POP .pop_Mid .my_Info .right .bot .lb { position: absolute; top: 64px; left: 60% }
.hr_Profile_POP .pop_Mid .my_Info .right span a { font-size: 11px; color: #777; padding: 3px 6px; background-color: #777777; color: #fff; border-radius: 3px; margin-right: 3px }
.hr_Profile_POP .pop_Mid .my_Alarm { padding: 30px 0; overflow: hidden; border-bottom: 1px solid #f2f2f2 }
.hr_Profile_POP .pop_Mid .my_Alarm .left { float: left; width: 25%; text-align: center; margin-top: 65px }
.hr_Profile_POP .pop_Mid .my_Alarm .left .imgRel { position: relative; display: inline-block; width: 40px; height: 40px }
.hr_Profile_POP .pop_Mid .my_Alarm .left span { display: inline-block; position: absolute; top: -5px; right: 1px; background: url(/img/2018/cr_bs_nobg_sm.png); width: 20px; height: 20px; font-size: 11px; color: #fff; background-repeat: no-repeat; vertical-align: middle }
.hr_Profile_POP .pop_Mid .my_Alarm .left p { color: #b4b6bc; font-size: 15px; margin-top: 5px }
.hr_Profile_POP .pop_Mid .my_Alarm .right { float: left; width: 75%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.hr_Profile_POP .pop_Mid .my_Alarm .right .mail_List { height: 200px; display: block; }
.hr_Profile_POP .pop_Mid .my_Alarm .right .mail_List li { border-bottom: 1px dashed #d7dbe1; line-height: 39px; height: 39px; overflow: hidden }
.hr_Profile_POP .pop_Mid .my_Alarm .right .mail_List li span { display: inline-block; }
.hr_Profile_POP .pop_Mid .my_Alarm .right .mail_List li .ml_Date { font-size: 11px; color: #b9b9b9; width: 60px; text-align: left }
.hr_Profile_POP .pop_Mid .my_Alarm .right .mail_List li .ml_Ttl { display: inline-block; font-size: 13px; color: #222; width: calc(100% - 159px); text-align: left }
.hr_Profile_POP .pop_Mid .my_Alarm .right .mail_List li .ml_Ttl p { display: inline-block; margin-right: 5px; }
.hr_Profile_POP .pop_Mid .my_Alarm .right .mail_List li .ml_Act { width: 99px; text-align: left }
.hr_Profile_POP .pop_Mid .my_Alarm .right .mail_List li .ml_Act a { background-color: #777; color: #fff; border-radius: 3px; font-size: 12px; padding: 1px 3px; cursor: pointer }
.hr_Profile_POP .pop_Mid .my_Alarm .right .mail_List li .ml_Act.used a { background-color: #b4b6bc; color: #eee }
.hr_Profile_POP .pop_Mid .my_Alarm .right .mail_List li:last-child { border-bottom: none }
.hr_Profile_POP .pop_Mid .my_Alarm .right .mail_Viewer { height: 200px; display: none; overflow-y: auto; /*상우야 여기도 스크롤 라이브러리써줘*/ }
.hr_Profile_POP .pop_Mid .my_Alarm .right .mail_Viewer .mv_Top { border-bottom: 1px dashed #d7dbe1; height: 39px }
.hr_Profile_POP .pop_Mid .my_Alarm .right .mail_Viewer .mv_Top span { display: inline-block; }
.hr_Profile_POP .pop_Mid .my_Alarm .right .mail_Viewer .mv_Top .ml_Date { font-size: 11px; color: #b9b9b9; width: 60px; text-align: left }
.hr_Profile_POP .pop_Mid .my_Alarm .right .mail_Viewer .mv_Top .ml_Ttl { display: inline-block; font-size: 13px; color: #222; width: calc(100% - 137px); text-align: left }
.hr_Profile_POP .pop_Mid .my_Alarm .right .mail_Viewer .mv_Top .ml_Ttl p { display: inline; margin-right: 5px }
.hr_Profile_POP .pop_Mid .my_Alarm .right .mail_Viewer .mv_Top .ml_Act { width: 69px; text-align: center }
.hr_Profile_POP .pop_Mid .my_Alarm .right .mail_Viewer .mv_Top .ml_Act a { background-color: #777; color: #fff; border-radius: 3px; font-size: 12px; padding: 1px 3px; cursor: pointer }
.hr_Profile_POP .pop_Mid .my_Alarm .right .mail_Viewer .mv_Top .ml_Act.used a { background-color: #b4b6bc; color: #eee }
.hr_Profile_POP .pop_Mid .my_Alarm .right .mail_Viewer .mv_Cont { font-size: 13px; color: #777; margin-top: 10px }
.hr_Profile_POP .pop_Mid .my_Alarm .right .mail_Viewer .mv_Cont .ment { overflow: hidden; white-space: pre-line }
.hr_Profile_POP .pop_Mid .my_Alarm .right .mail_Viewer .mv_Cont .use_Btn { display: inline-block; margin-top: 8px; width: 90px; height: 30px; line-height: 30px; background-color: #777777; color: #fff; border-radius: 3px; text-align: center }
.hr_Profile_POP .pop_Mid .my_Alarm .right .no_Mail { text-align: center; color: #777; font-size: 17px; height: 200px; line-height: 200px }
.hr_Profile_POP .pop_Mid .my_Alarm .page_list { padding-top: 10px; clear: both; }
.hr_Profile_POP .pop_Mid .my_Alarm .page_list ul { text-align: center; }
.hr_Profile_POP .pop_Mid .my_Alarm .page_list ul li { display: inline-block; color: #aaa; margin: 0 7px; cursor: pointer; font-size: 13px }
.hr_Profile_POP .pop_Mid .my_Alarm .page_list ul li.active { color: #000; font-weight: bold; }
.hr_Profile_POP .pop_Mid .my_Act { padding: 30px 0; overflow: hidden; border-bottom: 1px solid #f2f2f2 }
.hr_Profile_POP .pop_Mid .my_Act .left { float: left; width: 25%; text-align: center; margin-top: 40px }
.hr_Profile_POP .pop_Mid .my_Act .left p { color: #b4b6bc; font-size: 15px; line-height: 16px; margin-top: 5px }
.hr_Profile_POP .pop_Mid .my_Act .right { float: left; width: 75%; text-align: center; text-overflow: ellipsis; white-space: nowrap; height: 180px }
.hr_Profile_POP .pop_Mid .my_Act .right span { display: inline-block }
.hr_Profile_POP .pop_Mid .my_Act .right .act_Category { font-size: 11px; padding-bottom: 10px; border-bottom: 1px dashed #d7dbe1; color: #999 }
.hr_Profile_POP .pop_Mid .my_Act .right .free_Part { font-size: 13px; padding: 15px 0; border-bottom: 1px dashed #d7dbe1 }
.hr_Profile_POP .pop_Mid .my_Act .right .vip_Part { font-size: 13px; padding: 15px 0; }
.hr_Profile_POP .pop_Mid .my_Act .right .vip_Part li { margin-bottom: 8px }
.hr_Profile_POP .pop_Mid .my_Act .right .vip_Part li:last-child { margin-bottom: 0 }
.hr_Profile_POP .pop_Mid .my_Act .right .stred { font-weight: bold; color: #c53929 }
.hr_Profile_POP .pop_Mid .my_Act .right .t1 { width: 30% }
.hr_Profile_POP .pop_Mid .my_Act .right .t2 { width: 25% }
.hr_Profile_POP .pop_Mid .my_Act .right .t3 { width: 25% }
.hr_Profile_POP .pop_Mid .my_Act .right .t4 { width: 20% }
.hr_Profile_POP .pop_Mid .my_Pay { padding: 30px 0; overflow: hidden }
.hr_Profile_POP .pop_Mid .my_Pay .left { float: left; width: 25%; text-align: center; margin-top: 65px }
.hr_Profile_POP .pop_Mid .my_Pay .left p { color: #b4b6bc; font-size: 15px; line-height: 16px; margin-top: 5px }
.hr_Profile_POP .pop_Mid .my_Pay .right { float: left; width: 75%; text-align: center; text-overflow: ellipsis; white-space: nowrap }
.hr_Profile_POP .pop_Mid .my_Pay .right span { display: inline-block }
.hr_Profile_POP .pop_Mid .my_Pay .right .pay_Category { font-size: 11px; color: #999; }
.hr_Profile_POP .pop_Mid .my_Pay .right .pay_List { font-size: 13px; margin-top: 5px; height: 200px }
.hr_Profile_POP .pop_Mid .my_Pay .right .pay_List li { padding: 8px 0; border-bottom: 1px dashed #d7dbe1; }
.hr_Profile_POP .pop_Mid .my_Pay .right .pay_List li:last-child { margin-bottom: 0; border-bottom: none }
.hr_Profile_POP .pop_Mid .my_Pay .right .stred { font-weight: bold; color: #c53929 }
.hr_Profile_POP .pop_Mid .my_Pay .right .t1 { width: 65%; text-align: left; overflow: hidden; text-overflow: ellipsis; word-break: break-all; }
.hr_Profile_POP .pop_Mid .my_Pay .right .t2 { width: 15% }
.hr_Profile_POP .pop_Mid .my_Pay .right .t3 { width: 20% }
.hr_Profile_POP .pop_Mid .my_Pay .right .no_Pay { text-align: center; color: #777; font-size: 17px; height: 200px; line-height: 200px }
.hr_Profile_POP .pop_Mid .my_Pay .page_list { padding-top: 10px; clear: both; }
.hr_Profile_POP .pop_Mid .my_Pay .page_list ul { text-align: center; }
.hr_Profile_POP .pop_Mid .my_Pay .page_list ul li { display: inline-block; color: #aaa; margin: 0 7px; cursor: pointer; font-size: 13px }
.hr_Profile_POP .pop_Mid .my_Pay .page_list ul li.active { color: #000; font-weight: bold; }
.hr_Starshop_POP { display: none; width: calc(100% - 2px); height: calc(100vh - 112px); min-height: 608px; background-color: #fff; border: 1px solid #d7dbe1; overflow-y: auto }
.hr_Starshop_POP .pop_Top { background-image: url("/img/2018/hr_Starshop_bg.png"); background-repeat: no-repeat; background-color: #d7dbe1; height: 160px; position: relative; }
.hr_Starshop_POP .pop_Top .pt_Ttl { position: absolute; top: 15px; left: 30px; font-size: 35px; font-weight: normal; color: #fff; text-shadow: 1px 1px 1px #222 }
.hr_Starshop_POP .pop_Top .pt_Ttl p { font-size: 18px; margin-top: 10px; font-weight: lighter }
.hr_Starshop_POP .pop_Top .pop_Close { display: inline-block; position: absolute; top: 40px; right: 60px; background-color: #b4b6bc; text-align: center; padding: 10px 12px; border-radius: 3px }
.hr_Starshop_POP .pop_Top .pop_Close p { color: #fff; font-size: 13px; letter-spacing: 2px }
.hr_Starshop_POP .pop_Cont { padding: 20px; }
.hr_Starshop_POP .pop_Cont .starList { height: 360px }
.hr_Starshop_POP .pop_Cont .starList li { padding: 20px 10px; float: left; width: calc(20% - 40px); box-shadow: 0 5px 12px rgba(0,0,0,0.2); margin-right: 25px; text-align: center; position: relative; height: 300px; overflow: hidden }
.hr_Starshop_POP .pop_Cont .starList li:hover { background-color: #fafafa }
.hr_Starshop_POP .pop_Cont .starList li img { width: 100%; vertical-align: middle }
.hr_Starshop_POP .pop_Cont .starList li .img_1 { max-width: 92px }
.hr_Starshop_POP .pop_Cont .starList li .img_2 { max-width: 130px }
.hr_Starshop_POP .pop_Cont .starList li .img_3 { max-width: 130px }
.hr_Starshop_POP .pop_Cont .starList li .img_4 { max-width: 140px }
.hr_Starshop_POP .pop_Cont .starList li .img_5 { max-width: 140px }
.hr_Starshop_POP .pop_Cont .starList li:last-child { margin-right: 0 }
.hr_Starshop_POP .pop_Cont .starList li input[type="radio"] { display: none; }
.hr_Starshop_POP .pop_Cont .starList li label { display: inline-block; height: 150px; line-height: 150px; cursor: pointer; vertical-align: middle; color: #777; font-size: 13px; }
.hr_Starshop_POP .pop_Cont .starList li span { display: block; font-size: 19px; letter-spacing: 1px; font-family: SpoqaHanSans; font-weight: bold }
.hr_Starshop_POP .pop_Cont .starList li input[type="radio"] + label:before { position: absolute; bottom: 50px; left: 50%; margin-left: -25px; background: #e3e5e8; border: 1px solid #d7dbe1; content: "\00a0"; display: inline-block; font: 12px/1em malgun gothic; height: 50px; width: 50px; vertical-align: middle; }
.hr_Starshop_POP .pop_Cont .starList li input[type="radio"]:checked + label:before { color: #777; content: "\2714"; text-align: center; font-size: 45px; font-weight: bold }
.hr_Starshop_POP .pop_Cont .but_Btn { width: calc(100% - 80px); background-color: #d7dbe1; cursor: pointer; padding: 23px 40px; text-align: center }
.hr_Starshop_POP .pop_Cont .but_Btn .star_No { font-size: 19px; color: #666; margin-right: 15px; vertical-align: middle }
.hr_Starshop_POP .pop_Cont .but_Btn .star_No .no { color: #444; font-family: SpoqaHanSans; font-weight: bold }
.hr_Starshop_POP .pop_Cont .but_Btn .realBtn img { vertical-align: middle }
.hr_Starshop_POP .pop_Cont .policy { font-size: 12px; color: #999; text-align: center; margin: 20px 0 }
.hr_Starshop_POP .pop_Cont .policy a { background-color: #f2f2f2; padding: 3px 5px; border-radius: 5px; color: #777; cursor: pointer; margin-left: 5px; }
.bonus_Stock_POP { display: none; width: 541px; height: calc(100vh - 517px); min-height: 217px; border: 1px solid #d7dbe1; background-color: #fff; padding-bottom: 15px; overflow-y: auto }
.bonus_Stock_POP .pop_Cont { margin: 0 20px }
.bonus_Stock_POP .pop_Cont .first_Bstock { height: 200px; padding: 25px 0; border-bottom: 1px dashed #d7dbe1 }
.bonus_Stock_POP .pop_Cont .second_Bstock { height: 200px; padding: 25px 0 }
.bonus_Stock_POP .pop_Cont .possible_Bs { display: none; text-align: center }
.bonus_Stock_POP .pop_Cont .possible_Bs .t1 { margin-bottom: 25px }
.bonus_Stock_POP .pop_Cont .possible_Bs .t2 { font-size: 14px; float: left; width: 50%; color: #999 }
.bonus_Stock_POP .pop_Cont .possible_Bs .t2 .num { display: block; font-family: SpoqaHanSans; font-size: 21px; font-weight: bold; color: #c53929 }
.bonus_Stock_POP .pop_Cont .possible_Bs .t2 .soldout { display: block; font-size: 21px; font-weight: bold; color: #c53929 }
.bonus_Stock_POP .pop_Cont .possible_Bs .t3 { font-size: 14px; float: left; width: 50%; color: #999 }
.bonus_Stock_POP .pop_Cont .possible_Bs .t3 .num { display: block; font-family: SpoqaHanSans; font-size: 21px; font-weight: bold; color: #c53929 }
.bonus_Stock_POP .pop_Cont .possible_Bs .rBtn { display: inline-block; margin-top: 25px; background-color: #f2f2f2; padding: 15px 20px; color: #777 }
.bonus_Stock_POP .pop_Cont .possible_Bs .rBtn:hover { background-color: #d7dbe1 }
.bonus_Stock_POP .pop_Cont .possible_Bs .rBtn .no { font-family: SpoqaHanSans; color: #444; font-weight: bold }
.bonus_Stock_POP .pop_Cont .possible_Bs .rBtn .realBtn { padding: 4px 8px; background-color: #c53929; color: #fff; border-radius: 3px; margin-left: 15px; }
.bonus_Stock_POP .pop_Cont .not_Bs { display: none; text-align: center; margin-top: 55px }
.bonus_Stock_POP .pop_Cont .not_Bs p { margin-top: 15px; color: #777; font-size: 19px }
.bonus_Stock_POP .pop_Cont .reserve_Bs { display: block; text-align: center; margin-top: 45px }
.bonus_Stock_POP .pop_Cont .reserve_Bs p { margin-top: 15px; color: #777 }
.bonus_Stock_POP .pop_Cont .reserve_Bs p span { font-size: 19px; font-weight: bold; color: #222 }
.bonus_Stock_POP .pop_Cont .extra_Ment { background-color: #424242; font-size: 13px; color: #a6a6a6; padding: 20px; line-height: 25px; position: relative }
.bonus_Stock_POP .pop_Cont .extra_Ment p { font-size: 15px; border-bottom: 1px solid #666; padding: 5px 0 8px; margin-bottom: 8px }
.bonus_Stock_POP .pop_Cont .extra_Ment .imp { color: #add8ff }
.bonus_Stock_POP .pop_Cont .extra_Ment .em_Ttl { position: absolute; top: -15px; left: 20px; display: inline-block; background-color: #c53929; color: #fff; padding: 2px 4px; border-radius: 2px; font-size: 16px }
.bbs_part_POP { display: none; width: calc(100% - 2px); height: calc(100vh - 110px); min-height: 502px; background-color: #fff; border: 1px solid #d7dbe1 /*;overflow-y:scroll*/ }
.bbs_part_POP .pop_Top { background-image: url("/img/2018/Sixmenu_lm2_bg.png"); background-repeat: no-repeat; background-color: #d7dbe1; height: 160px; position: relative; }
.bbs_part_POP .pop_Top .pt_Ttl { position: absolute; top: 20px; left: 20px; font-size: 35px; font-weight: normal; color: #fff; text-shadow: 1px 1px 1px #666 }
.bbs_part_POP .pop_Top .pt_Ttl p { font-size: 18px; margin-top: 10px; font-weight: lighter }
.bbs_part_POP .pop_Top .pt_Ttl span { font-family: SpoqaHanSans; }
.bbs_part_POP .pop_Top .pop_Write { display: inline-block; position: absolute; top: 20px; right: 106px; background-color: #b4b6bc; text-align: center; padding: 10px 12px; border-radius: 3px }
.bbs_part_POP .pop_Top .pop_Write p { color: #fff; font-size: 13px; letter-spacing: 2px }
.bbs_part_POP .pop_Top .pop_Close { display: inline-block; position: absolute; top: 20px; right: 20px; background-color: #b4b6bc; text-align: center; padding: 10px 12px; border-radius: 3px }
.bbs_part_POP .pop_Top .pop_Close p { color: #fff; font-size: 13px; letter-spacing: 2px }

.sudden_Broad_POP { display: none; width: 541px; border: 1px solid #d7dbe1; background-color: #fff; margin-bottom: 20px; }
.sudden_Broad_POP .pop_Top { height: 58px; }
.sudden_Broad_POP .pop_Top p { padding: 15px 7px; margin: 0 13px; font-size: 17px; font-weight: bold; float: left }
.sudden_Broad_POP .pop_Top .pop_Close { float: right; margin: 17px 17px 0 0; background-color: #b4b6bc; text-align: center; border-radius: 2px; z-index: 3; padding: 1px 5px; color: #fff; font-size: 14px }
.sudden_Broad_POP .pop_Top .pop_Close img { vertical-align: middle; margin: 0 5px 3px 0 }
.sudden_Broad_POP .pop_Top .pop_Close span { color: #fff; font-size: 14px; letter-spacing: 2px; z-index: 1 }
.sudden_Broad_POP .flash_Error { height: calc(100vh - 560px); min-height: 159px; text-align: center; padding-top: 20px }
.sudden_Broad_POP .video_Style { width: 100%; height: 320px; }
.sudden_Broad_POP .video button.vjs-big-play-button { display: none; }
.sudden_Broad_POP .video .vjs-play-control.vjs-control.vjs-button.vjs-playing { display: none; }
.sudden_Broad_POP .video .vjs-progress-control.vjs-control .vjs-progress-holder.vjs-slider.vjs-slider-horizontal { display: none; }
.sudden_Broad_POP .video .vjs-tech { }
.suddenbroad_Bigger { position: absolute; top: 200px; right: 0; display: none; }

/* 1:1 영업 채팅 */

.chat_1on1_alarm { display: none; position: absolute; top: 10%; background: #fff; box-shadow: 0 0 15px #bbb; width: calc(60% - 40px); margin-left: 20% }
.chat_1on1_alarm a { display: inline-block; height: 60px; line-height: 60px; vertical-align: middle; width: 100% }
.chat_1on1_alarm .alarm { overflow: hidden; }
.chat_1on1_alarm .alarm .imgrel { position: relative; vertical-align: middle; display: inline-block; width: 15%; text-align: center; float: left }
.chat_1on1_alarm .alarm .imgrel img { width: 34px; vertical-align: middle; margin-bottom: 6px }
.chat_1on1_alarm .alarm .imgrel .redchatnum { position: absolute; right: 23%; top: 8px; background: #f00; color: #fff; display: inline-block; width: 20px; height: 20px; border-radius: 10px; line-height: 20px; text-align: center; font-family: 'Malgun Gothic'; font-size: 12px; font-weight: bold; vertical-align: middle }
.chat_1on1_alarm .cont { color: #666; vertical-align: middle; font-size: 18px; display: inline-block; float: left; width: 73%; text-indent: 5px; animation-duration: 0.7s; animation-direction: alternate-reverse; animation-iteration-count: infinite; animation-name: chatfadeIn }
.chat_1on1_alarm .cont .nickname { font-weight: bold; color: #444; }
.chat_1on1_alarm .cont .matxt { font-weight: bold; color: #f00; }
.chat_1on1_alarm .btnimg { float: left; width: 12%; vertical-align: middle; display: inline-block; text-align: center; height: 100%; box-sizing: border-box; border-left: 1px solid #f2f2f2 }
.chat_1on1_alarm .btnimg img { width: 16px; vertical-align: middle; margin-bottom: 3px; opacity: 0.7 }
.chat_1on1_alarm .chatmsg { background: #656d78; padding: 20px; text-align: center; width: calc(100% - 40px); text-overflow: ellipsis; overflow: hidden; white-space: nowrap; color: #ccc }
.chat_1on1_alarm .chatmsg .prof { vertical-align: middle; width: 26px; border-radius: 13px; margin-bottom: 1px }
.chat_1on1_alarm .chatmsg .msg { vertical-align: middle; font-size: 16px; margin-left: 7px }

.chat_1on1_popup { display: block; position: absolute; background: #fff; box-shadow: 0 0 15px #bbb; width: 100%; }
.chat_1on1_popup .pophead { background: #5a5a5b; height: 60px; line-height: 60px; color: #fff; font-size: 18px; text-indent: 20px }
.chat_1on1_popup .pophead .minimum { display: none; float: right; height: 100%; width: 10%; text-align: center; text-indent: 0px }
.chat_1on1_popup .pophead .minimum span { display: inline-block; width: 25px; height: 4px; background: #fff; vertical-align: middle; margin-bottom: 3px }
.chat_1on1_popup .popcont { overflow: auto; background-color: #f5f5f5; position: fixed; top: 60px; width: 100%; height: calc(100% - 120px); }
.chat_1on1_popup .popcont .cd_firstment { text-align: center; font-size: 13px; color: #aaa; margin: 20px 0 }
.chat_1on1_popup .popcont .cd_firstment span { font-weight: bold; color: #999 }
.chat_1on1_popup .popcont .cd_Date { width: 110px; height: 27px; border-radius: 15px; margin: 25px auto; background-color: #cdd3d8; text-align: center }
.chat_1on1_popup .popcont .cd_Date span { font-size: 14px; color: #f0f2f5; letter-spacing: -1px; }
.chat_1on1_popup .popcont .cd_Expert .readconf { position: absolute; width: 100px; right: -110px; bottom: 20px; font-size: 12px }
.chat_1on1_popup .popcont .cd_Expert .readconf span.no { color: #999 }
.chat_1on1_popup .popcont .cd_Expert .readconf span.yes { color: #f37333; font-weight: bold }
.chat_1on1_popup .popcont .cd_Expert { margin: 0 0 30px 20px; position: relative }
.chat_1on1_popup .popcont .cd_Expert:first-child { margin: 20px 0 30px 20px; }
.chat_1on1_popup .popcont .cd_Expert .ex_Prof { float: left; position: absolute; top: -5px }
.chat_1on1_popup .popcont .cd_Expert .ex_Prof img { width: 40px; height: 40px; border-radius: 20px }
.chat_1on1_popup .popcont .cd_Expert .ex_Ment { float: left; max-width: 66%; margin-left: 59px; position: relative }
.chat_1on1_popup .popcont .cd_Expert .ex_Ment .wh_edge { position: absolute; top: -4px; left: -12px }
.chat_1on1_popup .popcont .cd_Expert .ex_Ment .red_edge { position: absolute; top: -5px; left: -12px }
.chat_1on1_popup .popcont .cd_Expert .ex_Ment .mentbox { font-size: 14px; padding: 10px 12px; line-height: 21px; letter-spacing: -0.1px; background-color: #fff; word-break: break-all; box-shadow: 0px 1px 1px #dee0e3 }
.chat_1on1_popup .popcont .cd_Expert .ex_Ment .mentbox img { width: 100%; max-width: 300px }
.chat_1on1_popup .popcont .cd_Expert .ex_Ment .mentbox.redbg { background-color: #f3d7d4; box-shadow: 0px 1px 1px #c6dad9 }
.chat_1on1_popup .popcont .cd_Expert .ex_Time_Target { position: absolute; width: 100px; right: -110px; bottom: 2px }
.chat_1on1_popup .popcont .cd_Expert .ex_Time_Target .tg { font-size: 14px; color: #c53929; letter-spacing: -0.5px; margin-bottom: 3px }
.chat_1on1_popup .popcont .cd_Expert .ex_Time_Target .time { font-size: 12px; color: #aeb1b4; letter-spacing: -0.5px }
.chat_1on1_popup .popcont .cd_User { margin: 0 10px 30px 0; position: relative }
.chat_1on1_popup .popcont .cd_User:first-child { margin: 20px 10px 30px 0 }
.chat_1on1_popup .popcont .cd_User .user_Prof { width: 75px; position: absolute; top: -5px; right: 0; text-align: center }
.chat_1on1_popup .popcont .cd_User .user_Prof img { width: 32px; height: 32px; border-radius: 16px }
.chat_1on1_popup .popcont .cd_User .user_Prof .user_Name { color: #000; font-size: 12px; margin-top: 3px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.chat_1on1_popup .popcont .cd_User .user_Prof .user_Vipmark { position: absolute; top: -8px; right: 12px; }
.chat_1on1_popup .popcont .cd_User .user_Prof .user_Vipmark img { width: 23px; height: 12px; border-radius: 0px }
.chat_1on1_popup .popcont .cd_User .user_Ment { float: right; max-width: 64%; margin-right: 75px; position: relative }
.chat_1on1_popup .popcont .cd_User .user_Ment .bl_edge { position: absolute; top: -6px; right: -11px }
.chat_1on1_popup .popcont .cd_User .user_Ment .red_edge { position: absolute; top: -5px; right: -12px }
.chat_1on1_popup .popcont .cd_User .user_Ment .mentbox { font-size: 14px; padding: 10px 12px; line-height: 21px; letter-spacing: -0.1px; background-color: #dce8fa; word-break: break-all; box-shadow: 1px 1px 1px #d6d7da }
.chat_1on1_popup .popcont .cd_User .user_Ment .mentbox img { width: 100%; max-width: 300px }
.chat_1on1_popup .popcont .cd_User .user_Ment .mentbox.redbg { background-color: #f3d7d4; box-shadow: 1px 1px 1px #C6dad9 }
.chat_1on1_popup .popcont .cd_User .readconf { position: absolute; width: 100px; left: -110px; bottom: 20px; text-align: right; font-size: 12px }
.chat_1on1_popup .popcont .cd_User .readconf span.no { color: #999; display: block; }
.chat_1on1_popup .popcont .cd_User .readconf span.yes { color: #f37333; font-weight: bold; display: none; }
.chat_1on1_popup .popcont .cd_User.is_read .readconf span.no { display: none; }
.chat_1on1_popup .popcont .cd_User.is_read .readconf span.yes { display: block; }
.chat_1on1_popup .popcont .cd_User .ex_Time_Target { position: absolute; width: 100px; left: -110px; bottom: 2px; text-align: right }
.chat_1on1_popup .popcont .cd_User .ex_Time_Target .tg { font-size: 14px; color: #c53929; letter-spacing: -0.5px; margin-bottom: 3px }
.chat_1on1_popup .popcont .cd_User .ex_Time_Target .time { font-size: 12px; color: #aeb1b4; letter-spacing: -0.5px }
.chat_1on1_popup .popwrt { height: 60px; width: 100%; box-sizing: border-box; border-top: 1px solid #eee; position: fixed; left: 0; bottom: 0; }
.chat_1on1_popup .popwrt input { vertical-align: middle; border: none; box-sizing: border-box; width: 90%; display: inline-block; height: 100%; text-indent: 20px; outline-style: none; font-size: 16px }
.chat_1on1_popup .popwrt a { display: inline-block; width: 10%; text-align: center; }
.chat_1on1_popup .popwrt a img { vertical-align: middle; width: 18px; height: 22px }


.index { min-width: 1200px; }
body.scr .index { margin-top: 110px; }
.apply_banner { height: 100px; min-width: 1200px; background: #070b11; text-align: center; }
.apply_banner a { width: 100%; }
.apply_banner a img { text-align: center; padding-top: 2px; height: 100px; }
.index_pt1 { }
.index_pt1 .content .pt { width: 100%; height: 700px; }
.index_pt1 .content .part1 { background: #f55; position: relative; text-align: center; }
.index_pt1 .content .part1 .slide_banner_list { display: inline-block; width: 100%; background: #aaa; height: 700px; }
.index_pt1 .content .part1 .slide_banner_list .item { margin: 0 auto; height: 700px; font-size: 50px; font-weight: bold; background-position: center center; background-repeat: no-repeat; outline: none; }
.index_pt1 .content .part1 .slide_banner_list .item.i1 { background-image: url("/img/2018/main_ban1.png"); }
.index_pt1 .content .part1 .slide_banner_list .item.i2 { background-image: url("/img/2018/event_info_pt202311_bg.png?46"); width: 100%; }
.index_pt1 .content .part1 .slide_banner_list .item.i3 { background-image: url("/img/2018/event_result_2310_pt001.png?46"); }
.index_pt1 .content .part1 .slide_banner_list .item.i4 { background-image: url("/img/2018/main_ban4.png"); }
.index_pt1 .content .part1 .slide_banner_list .item.i5 { background-image: url("/img/2018/premium_review_w_banner.png"); }
.index_pt1 .content .part1 .slide_banner_list .item.i6 { background-image: url("/img/2018/kakaoPlusFriend_banner_bg.png?=180406"); }
.index_pt1 .content .part1 .slide_banner_list .item.i7 { background-image: url("/img/2018/main_ban3_7.png"); }
.index_pt1 .content .part1 .slide_banner_list .item.i8 { background-image: url("/img/2018/main_game_dice.png"); }
.index_pt1 .content .part1 .slide_banner_list .item.i4 .link { width: 1200px; margin: 0 auto; height: 20px; position: relative; }
.index_pt1 .content .part1 .slide_banner_list .item.i4 .link .yuanta { position: absolute; top: 320px; left: 175px; }
.index_pt1 .content .part1 .slide_banner_list .item.i4 .link .kb { position: absolute; top: 320px; right: 175px; }
.index_pt1 .content .part1 .slide_banner_list .item a { display: block; width: 100%; height: 100%; }
.index_pt1 .content .part1 .slide_banner_list .slide_prev { position: absolute; top: 50%; left: 48%; margin: -26px 0 0 -570px; font-size: 30px; font-weight: bold; cursor: pointer; z-index: 2; }
.index_pt1 .content .part1 .slide_banner_list .slide_next { position: absolute; top: 50%; right: 48%; margin: -26px -570px 0 0; font-size: 30px; font-weight: bold; cursor: pointer; z-index: 2; }
.index_pt1 .content .part1 .slide_banner_list .slide_dots { position: absolute; bottom: 40px; left: 50%; margin-left: -100px; width: 200px; }
.index_pt1 .content .part1 .slide_banner_list .slide_dots li { display: inline-block; margin: 0 5px; }
.index_pt1 .content .part1 .slide_banner_list .slide_dots li button { background: #fff; border: none; width: 12px; height: 12px; border-radius: 15px; font-size: 0; cursor: pointer; outline: none; }
.index_pt1 .content .part1 .slide_banner_list .slide_dots li.slick-active button { background: #f51313; width: 30px; }
.index_pt2 { min-width: 1200px; height: 630px; background-image: url('/img/2018/index_pt2_bg.png?180418'); background-position: center center; background-repeat: no-repeat; }
.index_pt2 .content { width: 1200px; height: 100%; position: relative; margin: 0 auto; overflow: hidden; }
.index_pt2 .content .ment1 { position: absolute; top: 150px; right: 0; }
.index_pt2 .content .ment2 { position: absolute; top: 265px; right: 0; }
.index_pt2 .content .ment3 { position: absolute; top: 380px; right: 0; }
.index_pt3 { min-width: 1200px; height: 1240px; background: #f6f6f6; text-align: center; }
.index_pt3 .title { display: inline-block; width: 1200px; margin-top: 128px; }
.index_pt3 .content { width: 1200px; margin: 0 auto; text-align: left; overflow: hidden; margin-top: 100px; }
.index_pt3 .content .chat { float: left; width: 650px; height: 660px; }
.index_pt3 .content .chat .wrap { background: #36393f; border-radius: 5px; height: 100%; }
.index_pt3 .content .chat .wrap .head { border-bottom: 1px solid #131313; height: 60px; }
.index_pt3 .content .chat .wrap .head .live { display: inline-block; margin: 19px 0 0 24px; width: 50px; height: 22px; }
.index_pt3 .content .chat .wrap .head .live_text { display: inline-block; font-size: 18px; color: #e2e1e1; vertical-align: top; margin-top: 16px; margin-left: 8px; }
.index_pt3 .content .chat .wrap .head .live_timer1 { float: right; font-size: 15px; color: #bbbbbb; vertical-align: top; margin-top: 19px; margin-right: 5px; }
.index_pt3 .content .chat .wrap .head .live_timer2 { float: right; font-size: 15px; color: #ffffff; vertical-align: top; margin-top: 19px; margin-right: 24px; }
.index_pt3 .content .chat .wrap .body { }
.index_pt3 .content .chat .wrap .body .left { float: left; width: 429px; height: 597px; background: #36393f; border-top: 2px solid #575a5f; border-right: 1px solid #35383e; border-radius: 2px; position: relative; border-bottom-left-radius: 5px; }
.index_pt3 .content .chat .wrap .body .left .notice { position: absolute; top: 5px; left: 7px; width: 383px; height: 24px; padding: 18px 16px; background: #1e1e1e; color: #ffffff; opacity: 0.8; overflow: hidden; text-overflow: ellipsis; word-break: break-all; z-index: 1; }
.index_pt3 .content .chat .wrap .body .left .notice span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 16px; }
.index_pt3 .content .chat .wrap .body .left .chat_list { padding: 7px; height: 583px; z-index: 2; }
.index_pt3 .content .chat .wrap .body .left .chat_list .chat_item { margin-bottom: 25px; position: relative; display: inline-block; }
.index_pt3 .content .chat .wrap .body .left .chat_list .chat_item .profile { float: left; margin-right: 7px; }
.index_pt3 .content .chat .wrap .body .left .chat_list .chat_item .profile img { width: 40px; height: 40px; border-radius: 20px; }
.index_pt3 .content .chat .wrap .body .left .chat_list .chat_item .msg { background: #45484d; padding: 15px; max-width: 225px; color: #85959b; font-size: 14px; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; border-top-right-radius: 8px; float: left; position: relative; display: inline-block; margin-left: 10px; margin-top: 5px; }
.index_pt3 .content .chat .wrap .body .left .chat_list .chat_item .msg:after { background: #45484d; position: absolute; top: 0px; left: -10px; border-top: 0px solid transparent; border-left: 0px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid #36393f; content: ""; }
.index_pt3 .content .chat .wrap .body .left .chat_list .chat_item .time { color: #53565a; font-size: 12px; vertical-align: bottom; position: absolute; bottom: 0; right: -75px; }
.index_pt3 .content .chat .wrap .body .right { float: right; width: 220px; background: #2b2d30; height: 599px; border-bottom-right-radius: 5px; }
.index_pt3 .content .chat .wrap .body .right .expert { padding: 30px 0 30px 30px; }
.index_pt3 .content .chat .wrap .body .right .expert .list_count { color: #6c6d71; font-size: 14px; margin-bottom: 20px; }
.index_pt3 .content .chat .wrap .body .right .expert .list .item { display: inline-block; margin-right: 10px; }
.index_pt3 .content .chat .wrap .body .right .expert .list .item:last-child { margin-right: 0 }
.index_pt3 .content .chat .wrap .body .right .expert .list .item img { width: 40px; height: 40px; }
.index_pt3 .content .chat .wrap .body .right .user { padding: 0 0 30px 22px; }
.index_pt3 .content .chat .wrap .body .right .user .list_count { color: #6c6d71; font-size: 14px; margin-bottom: 20px; margin-left: 8px; }
.index_pt3 .content .chat .wrap .body .right .user .list { font-size: 0; }
.index_pt3 .content .chat .wrap .body .right .user .list .item { display: inline-block; margin: 0 0 8px 8px; }
.index_pt3 .content .chat .wrap .body .right .user .list .item img { width: 32px; height: 32px; border-radius: 16px; }

.index_pt3 .content .count { float: right; width: 480px; height: 660px; margin-left: 70px; }
.index_pt3 .content .count .c { text-align: center; overflow: hidden; height: 250px; }
.index_pt3 .content .count .c .left { float: left; width: 240px; }
.index_pt3 .content .count .c .right { float: left; width: 240px; }
.index_pt3 .content .count .c img { margin-top: 37px; }
.index_pt3 .content .count .c .num { font-size: 40px; font-family: 'Spoqa Han Sans'; color: #ff0030; display: inline-block; vertical-align: top; margin-top: 10px; }
.index_pt3 .content .count .c .txt { font-size: 14px; display: inline-block; vertical-align: top; margin-top: 38px; }
.index_pt3 .content .count .btn { margin: 50px 0 40px 0; text-align: center; height: 70px; }
.index_pt4 { min-width: 1200px; height: 1099px; overflow: hidden; }
.index_pt4 .content { width: 1200px; height: 100%; position: relative; margin: 0 auto; }
.index_pt4 .content .ment { position: absolute; top: 367px; left: -42px; z-index: 2; }
.index_pt4 .content .ment span { color: #dcb338; font-size: 26px; margin-left: 42px; margin-top: 15px; display: inline-block; }
.index_pt4 .content .btn { position: absolute; top: 505px; left: 555px; z-index: 2; }
.index_pt4 .content .btn:hover + .bg { transform: scale(1.1); }
.index_pt4 .content .bg { position: absolute; top: 0; left: -360px; width: 1920px; min-width: 1200px; height: 100%; background-image: url('/img/2018/index_pt4_bg.png'); background-position: center center; background-repeat: no-repeat; z-index: 1; transition: all 1s; }
.index_pt5 { min-width: 1200px; min-height: 990px; padding-bottom: 150px; background-image: url('/img/2018/index_pt5_bg.png'); background-position: center bottom; background-repeat: no-repeat; background-color: #031a4c; }
.index_pt5 .title { text-align: center; }
.index_pt5 .title .ment { margin: 125px 45px 0 0; display: inline-block; }
.index_pt5 .title .line_top { padding: 65px 0 40px 0; height: 35px; }
.index_pt5 .title .line_bot { padding: 40px 0 45px 0; height: 21px; }
.index_pt5 .title .count span.number { font-family: 'Spoqa Han Sans'; font-size: 90px; color: #fff; }
.index_pt5 .title .count span.text { font-size: 33px; margin-left: 20px; margin-bottom: 11px; display: inline-block; vertical-align: bottom; color: #fff; }
.index_pt5 .list { overflow: hidden; width: 1200px; margin: 0 auto; }
.index_pt5 .list .img_Wrap { background-color: #e3e5e8; cursor: pointer; border: 10px solid #7a91be; }
.index_pt5 .list .img_Wrap .img_Part { max-height: 480px; overflow: hidden; }
.index_pt5 .list .img_Wrap .img_Part table { width: 100%; height: 100%; }
.index_pt5 .list .img_Wrap .img_Part table tr td { text-align: center; width: 100%; }
.index_pt5 .list .img_Wrap .img_Part table tr td img { max-width: 100%; vertical-align: middle; }
.index_pt5 .list .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 }
.index_pt5 .list .img_Wrap:hover .hover_Part { display: inline-block; }
.index_pt5 .list .img_Wrap .hover_Part { display: none; position: absolute; top: 0; left: 0; width: 390px; height: 100%; background-color: #000; opacity: 0.8; color: #fff; }
.index_pt5 .list .img_Wrap .hover_Part .hp_Ttl { padding: 10px 15px 0; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.index_pt5 .list .img_Wrap .hover_Part .hp_Ttl img { margin-right: 4px; }
.index_pt5 .list .img_Wrap .hover_Part .hp_Ttl span { font-size: 14px }
.index_pt5 .list .img_Wrap .hover_Part .hp_Profdate { padding: 10px 15px 15px; border-bottom: 1px dashed #444; overflow: hidden; color: #fff }
.index_pt5 .list .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; }
.index_pt5 .list .img_Wrap .hover_Part .hp_Profdate .lp img { width: 14px; border-radius: 7px; margin: 0 3px 2px 0 }
.index_pt5 .list .img_Wrap .hover_Part .hp_Profdate .lp .nick { display: inline-block; vertical-align: top; }
.index_pt5 .list .img_Wrap .hover_Part .hp_Profdate .rp { display: inline-block; float: right; width: 50px; font-size: 12px; text-align: left }
.index_pt5 .list .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; }
.index_pt5 .list .img_Wrap .hover_Part .hp_Ment .noment { color: #fff; }
.index_pt5 .list .img_Wrap .hover_Part .hp_Ment img { max-width: 100%; }
.index_pt5 .btn { text-align: center; margin-top: 100px; }
.index_pt6 { height: 960px; text-align: center; min-width: 1200px; background-image: url('/img/2018/index_pt6_bg.png'); background-position: center center; background-repeat: no-repeat; }
.index_pt6 .top { padding-top: 100px; height: 260px; }
.index_pt6 .mid { height: 361px; }
.index_pt6 .mid .line_top { padding: 65px 0 40px 0; height: 35px; }
.index_pt6 .mid .line_bot { padding: 40px 0 45px 0; height: 21px; }
.index_pt6 .mid .count span.number { font-family: 'Spoqa Han Sans'; font-size: 90px; }
.index_pt6 .mid .count span.text { font-size: 33px; margin-left: 20px; margin-bottom: 11px; display: inline-block; vertical-align: bottom; }
.index_pt6 .bot { margin-top: 50px; height: 105px; }
.index_pt7 { height: 1000px; background: #f6f6f6; text-align: center; }
.index_pt7 .top { display: inline-block; width: 1200px; margin-top: 125px; }
.index_pt7 .mid { display: inline-block; width: 1200px; margin-top: 80px; height: 380px; font-size: 0; }
.index_pt7 .mid .box1 { display: inline-block; width: 380px; margin-right: 30px; }
.index_pt7 .mid .box2 { display: inline-block; width: 380px; margin-right: 30px; }
.index_pt7 .mid .box3 { display: inline-block; width: 380px; }
.index_pt7 .bot { display: inline-block; width: 1200px; margin-top: 75px; }
.index_pt8 { height: 1098px; text-align: center; min-width: 1200px; background-image: url('/img/2018/index_pt8_bg.png'); background-position: center center; background-repeat: no-repeat; }
.index_pt8 .content { display: inline-block; width: 1200px; }
.index_pt8 .content .title { width: 420px; height: 20px; padding: 15px 10px; background: #000000; margin-top: 480px; margin-left: 562px; text-align: right; }
.index_pt8 .content .title img { display: inline-block; vertical-align: top; width: 15px; height: 9px; margin-top: 5.5px; }
.index_pt8 .content .title span { font-size: 14px; color: #fff; display: inline-block; vertical-align: top; }
.index_pt8 .content .video { width: 440px; height: 231px; margin-left: 562px; }
.index_pt9 { height: 1097px; text-align: center; min-width: 1200px; background-image: url('/img/2018/index_pt9_bg.png'); background-position: center center; background-repeat: no-repeat; }
.index_pt9 .phone { display: inline-block; margin-top: 328px; }
.index_pt10 { height: 1071px; text-align: center; letter-spacing: -0.3px }
.index_pt10 .table { height: 544px; padding-top: 100px }
.index_pt10 .link { width: 640px; height: 98px; background-image: url('/img/2018/danta_pt9_link_bg.png'); background-position: center center; background-repeat: no-repeat; margin: 95px auto 0 auto; padding: 40px 20px 15px 20px; }
.index_pt10 .link ul { font-size: 12px; font-weight: bold; }
.index_pt10 .link ul li { color: #929292; margin-bottom: 8px; height: 19px; }
.index_pt10 .link ul li.point { color: #4c4b48; margin-bottom: 0; }
.index_pt10 .link ul li span { float: left; vertical-align: top; display: inline-block; }
.index_pt10 .link ul li .li_th { text-align: right; width: 90px; margin-right: 15px; }
.index_pt10 .link ul li .li_td { text-align: left; width: 455px; }
.index_pt10 .link ul li .li_btn { width: 80px; }
.index_pt11 { height: 737px; min-width: 1200px; background-image: url('/img/2018/index_pt11_bg.png'); background-position: center center; background-repeat: no-repeat; }
.index_pt12 { height: 765px; text-align: center; min-width: 1200px; }
.index_pt12 .content { display: inline-block; width: 1200px; }
.index_pt12 .content .title { margin-top: 128px; }
.index_pt12 .content .ment { margin-top: 80px; overflow: hidden; }
.index_pt12 .content .ment .left { float: left; margin-left: 230px; width: 250px; }
.index_pt12 .content .ment .arrow { float: left; margin-left: 95px; margin-top: 90px; width: 50px; }
.index_pt12 .content .ment .right { float: right; margin-right: 230px; width: 250px; }
.index_pt12 .content .ment .right p.p1 { font-size: 20px; height: 30px; color: #272727; }
.index_pt12 .content .ment .right p.p2 { font-size: 55px; color: #272727; height: 82px; font-family: 'Spoqa Han Sans'; }
.index_pt12 .content .ment .right p.p3 { font-size: 14px; color: #a5a5a5; height: 20px; }
.index_pt12 .content .ment .right p.p4 { height: 52px; margin-top: 28px; }
.index .youtube_video { display: none; position: fixed; width: 800px; height: 450px; top: 50%; left: 50%; margin-left: -400px; margin-top: -225px; z-index: 2001; }
.index .youtube_video .close_btn { position: absolute; top: 10px; right: -50px; }
.index .youtube_video .close_btn img { width: 35px; height: 35px; }


/*메인 스타터 체험유도 팝업*/

.starter_Banner { display: none; position: absolute; top: 9%; left: 50%; margin-left: -320px; background: url(/img/2018/index_starter_pop.png); width: 640px; height: 700px; z-index: 2001 }
.starter_Banner .pop_Close { position: absolute; top: 10px; right: -55px; text-align: center }
.starter_Banner .pop_Close p { color: #fff; font-size: 13px; letter-spacing: 2px; font-weight: lighter }
.starter_Banner .input_Part { position: absolute; bottom: 158px; right: 112px; color: #666; font-size: 15px }
.starter_Banner .input_Part p { margin-bottom: 3px }
.starter_Banner .input_Part input { border: 2px solid #aa9b86; height: 35px; outline-style: none; font-size: 14px; width: 50px; text-indent: 5px; vertical-align: middle }
.starter_Banner .input_Part input:last-child { width: 110px }
.starter_Banner .check_Part { position: absolute; bottom: 130px; right: 118px; color: #aa9b86 }
.starter_Banner .check_Part label { cursor: pointer; font-size: 12px }
.starter_Banner .check_Part input[type="checkbox"] { display: none; }
.starter_Banner .check_Part input[type="checkbox"] + label:before { background: #fff; content: "\00a0"; display: inline-block; font: 11px/1em malgun gothic; height: 11px; width: 11px; margin: 0 5px 3px 0; vertical-align: middle; border: 2px solid #aa9b86 }
.starter_Banner .check_Part input[type="checkbox"]:checked + label:before { color: #aa9b86; content: "\2714"; text-align: center; }
.starter_Banner .btn_Part { position: absolute; bottom: 82px; right: 112px }
.starter_Banner .btn_Part img { vertical-align: middle }
.starter_Banner .close_Part { position: absolute; bottom: 14px; left: 195px }
.starter_Banner .close_Part label { cursor: pointer; font-size: 14px; color: #fff; }
.starter_Banner .close_Part input[type="checkbox"] { display: none; }
.starter_Banner .close_Part input[type="checkbox"] + label:before { background: #fff; content: "\00a0"; display: inline-block; font: 16px/1em malgun gothic; height: 16px; padding-top: 1px; width: 17px; margin: 0 7px 3px 0; vertical-align: middle; border: 2px solid #b22a34 }
.starter_Banner .close_Part input[type="checkbox"]:checked + label:before { color: #b22a34; content: "\2714"; text-align: center; }

/*메인 스타터 체험유도 팝업 3개 리뉴얼*/

.first_visitor_pop { display: none; position: fixed; top: 25%; left: 50%; margin-left: -195px; width: 290px; height: 460px; background: url("/img/firstv_popup_bg3.png?=20180406") no-repeat; z-index: 5000 }
.first_visitor_pop .closebtn { display: inline-block; position: absolute; top: 0; right: -20px }
.first_visitor_pop .visit_count { position: absolute; top: 260px; color: #eee; font-size: 16px; width: 290px; text-align: center; text-indent: 15px }
.first_visitor_pop .visit_count span { font-weight: bold; color: #fff }
.first_visitor_pop .apply_date { position: absolute; width: 230px; left: 40px; bottom: 25px; letter-spacing: -0.5px; text-align: center; }
.first_visitor_pop .apply_date strong { color: #aaa; font-size: 11px; font-weight: normal }
.first_visitor_pop .apply_date span { margin-left: 5px; font-weight: bold; color: #000 }
.first_visitor_pop .apply_date p { font-size: 17px; font-weight: normal; color: #777 }
.first_visitor_pop .btn { position: absolute; width: 230px; left: 40px; bottom: 50px; display: inline-block; width: 230px; height: 60px; }

.applier_pop { display: none; position: fixed; top: 20%; left: 50%; margin-left: -210px; width: 340px; height: 441px; background: url("/img/mob/applier_popup_bg.png") no-repeat; z-index: 5000 }
.applier_pop .closebtn { display: inline-block; position: absolute; top: -40px; left: 50%; margin-left: -17px }
.applier_pop .remaintime { position: absolute; top: 90px; text-align: center; width: 340px; font-weight: bold; font-size: 40px; letter-spacing: -2.5px }
.applier_pop .btn { position: absolute; left: 30px; bottom: 30px; display: inline-block; width: 280px; height: 60px }

.quit_Pop { display: none; position: fixed; top: 20%; left: 50%; margin-left: -210px; width: 340px; height: 441px; background: url("/img/mob/quit_popup_bg.png") no-repeat; z-index: 5000 }
.quit_Pop .closebtn { display: inline-block; position: absolute; top: -40px; left: 50%; margin-left: -17px }
.quit_Pop .btn { position: absolute; left: 30px; bottom: 30px; display: inline-block; width: 280px; height: 60px }

.close_Part_noSee { position: absolute; width: 360px; bottom: -30px; left: 50%; margin-left: -180px; text-align: center }
.close_Part_noSee label { cursor: pointer; font-size: 12px; color: #fff; }
.close_Part_noSee input[type="checkbox"] { display: none; }
.close_Part_noSee input[type="checkbox"] + label:before { background: #fff; content: "\00a0"; display: inline-block; font: 16px/1em malgun gothic; height: 16px; padding-top: 1px; width: 17px; margin: 0 7px 3px 0; vertical-align: middle; border: 2px solid #ff0300 }
.close_Part_noSee input[type="checkbox"]:checked + label:before { color: #b22a34; content: "\2714"; text-align: center; }


/*풋터*/

.footer { width: 100%; min-width: 1200px; background-color: #363636 }
.footer .footer_Wrap { width: 1200px; margin: 0 auto; padding: 50px 0; overflow: hidden }
.footer .footer_Wrap a { color: #fff; }
.footer .footer_Wrap ul { float: left; font-size: 13px }
.footer .footer_Wrap ul li { display: inline-block; margin-right: 10px }
.footer .footer_Wrap .sns_Btn { float: right }
.footer .footer_Wrap .sns_Btn a { margin-left: 5px; vertical-align: middle; display: inline-block }
.footer .footer_Wrap .ft_Ment { margin-top: 40px }
.footer .footer_Wrap .ft_Ment p { font-size: 12px; color: #a6a6a6; letter-spacing: 0.3px }
.footer .footer_Wrap .ft_Ment p:last-child { color: #add8ff; font-size: 14px; margin-top: 10px }

/*청약철회규정팝업*/

.refund_Policy { min-width: 320px; }
.refund_Policy .menu { }
.refund_Policy .menu ul { border-bottom: 2px solid #000; overflow: hidden; padding: 10px; }
.refund_Policy .menu ul li { float: left; font-size: 16px; margin-left: 15px; }
.refund_Policy .menu ul li a { color: #bbb; }
.refund_Policy .menu ul li a.active { color: #000; }
.refund_Policy .head { padding: 20px; color: #fff; text-shadow: 1px 1px #000; font-size: 20px; background-image: url("/img/2018/hr_Starshop_bg.png"); background-repeat: no-repeat; background-color: #d7dbe1; }
.refund_Policy .body { padding: 10px; font-size: 13px; color: #777; line-height: 26px }
.refund_Policy .body p { font-size: 15px; color: #222; padding: 15px 5px }
.refund_Policy .body div { border: 1px solid #d7dbe1; padding: 10px }

/*-----------------------------------------------------------------------
    
    로그인 & 가입 & 아이디/비번 찾기

-----------------------------------------------------------------------*/


/*회원가입*/
.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 }


/*로그인*/
.login_Wrap { padding: 100px 0; margin: 0 auto; width: 100%; background-color: #fafafa }
.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 }

/* 인증 이벤트 월별 */

.event_info { min-width: 1200px }
.event_info img { vertical-align: middle; }
body.scr .event_info { margin-top: 100px }
.event_info_pt1 { min-width: 1200px; height: 700px; position: relative; }
.event_info_pt1 > img { position: absolute; top: 0; left: 50%; margin-left: -960px; }
.event_info_pt1_1803 { min-width: 1200px; height: 700px; background-image: url('/img/2018/event_info_pt1_bg_1803.png'); background-position: center center; background-repeat: no-repeat; }
.event_info_pt1_1804 { min-width: 1200px; height: 700px; background-image: url('/img/2018/event_info_pt1_bg_1804.png'); background-position: center center; background-repeat: no-repeat; }
.event_info_pt2 { min-width: 1200px; height: 849px; background-image: url('/img/2018/event_info_pt2_bg.png'); background-position: center center; background-repeat: no-repeat; }
.event_info_pt3 { min-width: 1200px; height: 763px; background-image: url('/img/2018/event_info_pt3_bg.png'); background-position: center center; background-repeat: no-repeat; }
.event_info_pt4 { min-width: 1200px; height: 831px; background-image: url('/img/2018/event_info_pt4_re_bg.png'); background-position: center center; background-repeat: no-repeat; }
.event_info_pt5 { min-width: 1200px; height: 400px; background-image: url('/img/2018/event_info_pt5_bg.png'); background-position: center center; background-repeat: no-repeat; }
.event_info_pt6 { min-width: 1200px; height: 831px; background-image: url('/img/2018/event_info_pt4_bg.png'); background-position: center center; background-repeat: no-repeat; height: 830px }
.event_info_pt7 { min-width: 1200px; height: 831px; background-image: url('/img/2018/event_info_pt4_re_bg.png'); background-position: center center; background-repeat: no-repeat; }
.event_info_pt5 .btn { display: inline-block; width: 100%; text-align: center; margin-top: 242px; }

/* 인증 이벤트 월별 결과 */
.event_info_pt5_result { min-width: 1200px; height: 400px; background-image: url('/img/2018/event_result_1802_pt5.png'); background-position: center center; background-repeat: no-repeat; }
.event_info_pt5_result .btn { display: inline-block; width: 100%; text-align: center; margin-top: 242px; }
.pt_person { margin: 0 auto; width: 1200px; letter-spacing: -1px; overflow: hidden; padding-bottom: 150px }
.pt_person .title { font-size: 65px; color: #c0a31b; font-weight: bolder; text-align: center }
.pt_person .title.ty2 { color: #347af6 }
.pt_person .title.ty3 { color: #f8f7e5 }
.pt_person .title p { font-size: 20px; color: #777; font-weight: normal }
.pt_person .content { padding-top: 70px }
.pt_person.ty1 .content .person { overflow: hidden; margin-bottom: 40px; width: 900px; margin: 0px auto 40px; }
.pt_person.ty1 .content .person .profile { float: left; width: 180px; text-align: center; margin-right: 20px; height: 120px; padding: 30px 0 }
.pt_person.ty1 .content .person .profile img { vertical-align: middle; width: 100px; border-radius: 50px }
.pt_person.ty1 .content .person .profile p { font-size: 18px; font-weight: bold; margin-top: 5px }
.pt_person.ty1 .content .person ul { float: left }
.pt_person.ty1 .content .person ul li { float: left; margin-right: 20px }
.pt_person.ty1 .content .person ul li:last-child { margin-right: 0 }
.ty2wrap { background-color: #f9f5e9; width: 100% }
.pt_person.ty2 .content .person { float: left; width: 33.3333333%; text-align: center }
.pt_person.ty2 .content .person .profile { margin-bottom: 20px; }
.pt_person.ty2 .content .person .profile img { vertical-align: middle; width: 100px; border-radius: 50px }
.pt_person.ty2 .content .person .profile p { font-size: 18px; font-weight: bold; margin-top: 5px }
.ty3wrap { background-color: #434343; width: 100%; }
.pt_person.ty3 .content { }
.pt_person.ty3 .content .person { float: left; width: 33.33333333%; text-align: center }
.pt_person.ty3 .content .person .profile { margin-bottom: 20px; }
.pt_person.ty3 .content .person .profile img { vertical-align: middle; width: 100px; border-radius: 50px }
.pt_person.ty3 .content .person .profile p { font-size: 18px; font-weight: bold; margin-top: 5px; color: #fff }




/* 평창올림픽 댓글 이벤트 페이지 */
.pyeongchang_event { min-width: 1200px; background-image: url('/img/2018/pyeongchang_event_bg.png'); background-position: center top; background-repeat: no-repeat; padding-top: 3122px; position: relative; }
body.scr .pyeongchang_event { margin-top: 110px; }
.pyeongchang_event_arrow { position: absolute; width: 268px; top: 2920px; left: 50%; margin-left: -134px; }
.pyeongchang_event_comment { width: 1200px; margin: 0px auto 100px }
.pyeongchang_event_comment .not_Login { text-align: center; }
.pyeongchang_event_comment .not_Login p { font-size: 45px; color: #076978; font-weight: bold; letter-spacing: -5px }
.pyeongchang_event_comment .not_Login a { display: inline-block; background-color: #076978; margin-top: 30px; width: 360px; height: 70px; line-height: 70px; font-size: 31px; text-align: center; color: #fff; border-radius: 5px }
.pyeongchang_event_comment .reply_Input { display: block }
.pyeongchang_event_comment .reply_Input span { display: inline-block; vertical-align: middle }
.pyeongchang_event_comment .reply_Input .prof { position: relative; width: 200px; text-align: center }
.pyeongchang_event_comment .reply_Input .prof img { width: 120px; border-radius: 60px }
.pyeongchang_event_comment .reply_Input .prof .nick { font-size: 15px; color: #444; display: block; }
.pyeongchang_event_comment .reply_Input .input { width: 800px; position: relative }
.pyeongchang_event_comment .reply_Input .input .ri { width: 100%; height: 60px; font-size: 21px; outline-style: none; border: 3px solid #076978; text-indent: 15px; background-color: #f8f8f8 }
.pyeongchang_event_comment .reply_Input .input .em { font-size: 14px; color: #777; margin: 5px 0 0 10px; position: absolute; left: 10px; top: 70px }
.pyeongchang_event_comment .reply_Input .savebtn { display: inline-block; background-color: #076978; width: 160px; height: 68px; vertical-align: middle; color: #fff; font-size: 25px; line-height: 68px; text-align: center }
.pyeongchang_event_comment .ohter_Reply { width: 1200px; margin: 60px auto; border-top: 1px solid #076978; border-bottom: 1px solid #076978 }
.pyeongchang_event_comment .ohter_Reply span { display: inline-block; vertical-align: middle }
.pyeongchang_event_comment .ohter_Reply li { padding: 20px; border-bottom: 1px dashed #e8e8e8 }
.pyeongchang_event_comment .ohter_Reply li:last-child { border-bottom: none }
.pyeongchang_event_comment .ohter_Reply .prof { position: relative; width: 200px; text-align: center }
.pyeongchang_event_comment .ohter_Reply .prof img { width: 50px; border-radius: 25px }
.pyeongchang_event_comment .ohter_Reply .prof .nick { font-size: 13px; color: #444; display: block }
.pyeongchang_event_comment .ohter_Reply .cont { width: 790px; font-size: 35px; color: #076978; font-weight: bold }
.pyeongchang_event_comment .ohter_Reply .date { font-family: SpoqaHanSans; color: #777; font-size: 19px }

/* 후기 이벤트 페이지 */

.review_event { min-width: 1200px; box-sizing: border-box; letter-spacing: -1px; }

body.scr .review_event { margin-top: 100px; }
.review_content_1 { background: url('/img/2018/review_eventBg3.jpg')no-repeat center top; position: relative; height: 2200px; margin: 0 auto; }
.review_event .review_content_1 .star_btn { text-align: center; padding-top: 1570px }
.review_event .review_content_1 .star_btn a { display: block; margin-bottom: 20px; }
.review_event .review_content_1 .star_btn a:last-child { margin: 0; }
.review_content_2 { width: 1200px; margin: 0 auto; }
.review_content_2 .review_list { background-color: #e8e8e8; padding-bottom: 20px; margin-bottom: 40px; }
.review_content_2 .review_list .title { text-align: center; height: 100px; line-height: 100px; font-size: 1.5em; font-weight: 600; letter-spacing: -1px; background-color: #ffd123; }
.review_content_2 .review_list .list_A { overflow: hidden; padding: 0 20px 20px; }
.review_content_2 .review_list .list_A li { float: left; width: 570px; margin-top: 20px; background-color: #fff; overflow: hidden; position: relative }
.review_content_2 .review_list .list_A li:nth-child(2n-1) { margin-right: 20px; }
.review_content_2 .review_list .list_A li a { display: inline-block; width: 100%; height: 100% }
.review_content_2 .review_list .list_A li a .ps_Profile { float: left; width: 130px; text-align: center; padding: 20px 0; box-sizing: border-box }
.review_content_2 .review_list .list_A li a .thumb { margin-bottom: 5px }
.review_content_2 .review_list .list_A li a .thumb img { width: 60px; border-radius: 30px }
.review_content_2 .review_list .list_A li a .nick { font-size: 14px; color: #444 }
.review_content_2 .review_list .list_A li a .phone { font-size: 12px; color: #999; margin-top: 3px }
.review_content_2 .review_list .list_A li a .phone img { vertical-align: middle; margin: 0 4px 3px 0; width: 9px }
.review_content_2 .review_list .list_A li a .bar { overflow: hidden; position: absolute; top: 0; left: 129px; width: 1px; height: 400px; background: url(/img/2018/e8e8e8_bg.png); background-repeat: repeat-y }
.review_content_2 .review_list .list_A li a .ps_Content { float: left; width: 440px; text-overflow: ellipsis; overflow: hidden; box-sizing: border-box }
.review_content_2 .review_list .list_A li a .ps_Content .contpart_Top { overflow: hidden; border-bottom: 1px solid #e8e8e8; padding: 10px 20px; letter-spacing: -0.4px }
.review_content_2 .review_list .list_A li a .ps_Content .contpart_Top span { vertical-align: middle; display: inline-block; }
.review_content_2 .review_list .list_A li a .ps_Content .contpart_Top .best { margin: 6px 5px 0 0 }
.review_content_2 .review_list .list_A li a .ps_Content .contpart_Top .best img { width: 50px }
.review_content_2 .review_list .list_A li a .ps_Content .contpart_Top .ttl { font-size: 17px }
.review_content_2 .review_list .list_A li a .ps_Content .contpart_Top .date { float: right; margin-top: 5px; font-weight: normal; color: #999; font-size: 15px }
.review_content_2 .review_list .list_A li a .ps_Content .contpart_Bot { padding: 10px 20px; font-size: 15px; color: #777; letter-spacing: -0.4px; word-break: break-all }
.review_content_2 .review_list .list_B { overflow: hidden; padding: 0 20px 20px; }
.review_content_2 .review_list .list_B li { float: left; width: 275px; height: 300px; margin-right: 20px; margin-top: 20px; background-color: #fff; overflow: hidden; position: relative; overflow-y: hidden }
.review_content_2 .review_list .list_B li:nth-child(4n) { margin-right: 0; }
.review_content_2 .review_list .list_B li a { display: inline-block; width: 100%; height: 100% }
.review_content_2 .review_list .list_B li a .pimg img { width: 100%; }
.review_content_2 .review_list .list_B li a .hv { display: none; position: absolute; top: 0; left: 0; background-color: #000; opacity: 0.8; width: 100%; height: 100%; text-align: center }
.review_content_2 .review_list .list_B li a .hv .top { padding: 70px 0 30px; }
.review_content_2 .review_list .list_B li a .hv .top img { width: 60px; border-radius: 30px; vertical-align: middle }
.review_content_2 .review_list .list_B li a .hv .top p { font-size: 15px; color: #fff; margin-top: 4px; color: #ddd }
.review_content_2 .review_list .list_B li a .hv .top p span { font-weight: bold; margin-right: 3px }
.review_content_2 .review_list .list_B li a .hv .bname { color: #fff; font-size: 17px }
.review_content_2 .review_list .list_B li a .hv .bname img { vertical-align: middle; margin: 0 0 3px 3px }
.review_content_2 .review_list li a .hv { display: none; position: absolute; top: 0; left: 0; background-color: #000; opacity: 0.8; width: 100%; height: 100%; text-align: center }
.review_content_2 .review_list li a .hv .top { padding: 10px 0 15px }
.review_content_2 .review_list li a .hv .top img { width: 60px; border-radius: 30px; vertical-align: middle }
.review_content_2 .review_list li a .hv .top p { font-size: 15px; color: #fff; margin-top: 4px; color: #ddd }
.review_content_2 .review_list li a .hv .top p span { font-weight: bold; margin-right: 3px }
.review_content_2 .review_list li a .hv .bname { color: #fff; font-size: 17px }
.review_content_2 .review_list li a .hv .bname img { vertical-align: middle; margin: 0 0 3px 3px }
.review_content_2 .review_list li a:hover .hv { display: block }
.review_content_2 .review_list .page { width: 600px; margin: 0 auto; text-align: center }
.review_content_2 .review_list .page a { display: inline-block; color: #777; width: 50px; height: 50px; line-height: 50px; font-size: 18px }
.review_content_2 .review_list .page a.sel { font-weight: bold; color: #000; }
.review_content_2 .review_list .btn { display: block; width: 350px; height: 100px; line-height: 100px; background: #ffd123; color: #fff; border-radius: 10px; text-align: center; margin: 20px auto; font-size: 24px; transition: 0.4s }
.review_content_2 .review_list .btn:hover { background-color: #ff0300; }
.review_content_3 { width: 1200px; margin: 0 auto; margin-top: 150px; margin-bottom: 150px; }
.review_content_3 > p { text-align: center; font-size: 2.0em; }
.review_content_3 p span { font-weight: 600; }
.review_content_3 ul { width: 800px; margin: 0 auto; overflow: hidden; }
.review_content_3 ul li { float: left; text-align: center; width: 400px; margin-top: 50px; }


/* 고객센터 - 원격지원 */
.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; }