@charset "utf-8";

.mt-1 {margin-top:10px;} .mt-2 {margin-top:20px;} .mt-3 {margin-top:30px;} .mt-4 {margin-top:40px;} .mt-5 {margin-top:50px;} .mt-6 {margin-top:60px;} .mt-7 {margin-top:70px;} .mt-8 {margin-top:80px;} .mt-9 {margin-top:90px;}

.mb-1 {margin-bottom:10px;} .mb-2 {margin-bottom:20px;} .mb-3 {margin-bottom:30px;} .mb-4 {margin-bottom:40px;} .mb-5 {margin-bottom:50px;} .mb-6 {margin-bottom:60px;} .mb-7 {margin-bottom:70px;} .mb-8 {margin-bottom:80px;} .mb-9 {margin-bottom:90px;}

.ee {height: 1px; display: block;}
.bold {font-weight: 800;}
.small {padding: 0 5px; font-size: 70%; vertical-align: baseline;}
.text-center {text-align: center;}



.subContentWrap{width: 100%; display: inline-block; margin: 50px 0 50px 0;}
.subContentWrap .contentRight{min-height: 600px; padding: 20px; border-radius: 20px; background: #fafafa;}
.subContentWrap .contentRight_cs {width: 100%; min-height: 400px; padding: 0px 60px 60px 60px; border-radius: 10px; background: #fff;}
.my .subContentWrap .contentRight{min-height: 500px; padding: 40px 60px; border-radius: 20px; background: #fff;}
.subContentWrap .contentRight .comm_bg {width: 100%; background: url('../images/comm_bg.png');}
.subContentWrap .contentRight .comm_bg img {margin: 3em 2.7em;}
.subContentWrap .contentRight .faq_bg {width: 100%; background: url('../images/faq_bg.png');}
.subContentWrap .contentRight .faq_bg img {margin: 3em 2.7em;}
.subContentWrap .contentRight .subVisualWrap{width: 100%; height: 286px; color:#fff; text-align: center;}
.subContentWrap .contentRight .subVisualWrap h2{font-size: 45px; font-weight: 700; text-shadow: 2px 3px 5px #484848; padding: 93px 0px; line-height: 50px;}
.subContentWrap .contentRight .subVisualWrap h2 span{font-size: 20px;}
.subContentWrap .contentRight .subVisual01{ background:url(../images/sub_visual01.jpg) no-repeat; background-size:cover;}
.subContentWrap .contentRight .subVisual02{ background:url(../images/sub_visual02.jpg) no-repeat; background-size:cover;}
.subContentWrap .contentRight .subVisual03{ background:url(../images/sub_visual03.jpg) no-repeat; background-size:cover;}
.subContentWrap .contentRight .subVisual04{ background:url(../images/sub_visual04.jpg) no-repeat; background-size:cover;}
.subContentWrap .contentRight .subVisual05{ background:url(../images/sub_visual05.jpg) no-repeat; background-size:cover;}
.subContentWrap .contentRight .subVisual06{ background:url(../images/sub_visual06.jpg) no-repeat; background-size:cover;}



/* --------------------------------------------
 * introduction
/* ------------------------------------------ */
.subContent h2{color:#141414; font-size: 36px; line-height: 1.4;}
.subContent p{color:#282828; font-size: 20px; line-height: 30px;}
.system-list{width: 100%; margin: 50px 0; gap: 20px; color: #fff; text-align: center;}
.system-list li{width: 100%; min-height: 240px; margin-bottom: 10px; padding: 20px; border-radius: 10px; background-color: #fff; box-shadow: 0px 3px 6px 0px rgb(32 34 40 / 8%);}
.system-list .system-con{flex: 1;}
.system-list .system-img{width: 100%; border-radius: 20px; overflow: hidden;}
.system-list .system-img img{width: 100%;}
.system-list .system-con h3{margin-top: 20px; color: #141414; font-size: 20px; font-weight: 700; letter-spacing: -1.5px;}
.system-list .system-con p{color: #505050; font-size: 16px; font-weight: 400; letter-spacing: -1px;}



/* --------------------------------------------
 * sub visual
/* ------------------------------------------ */
#s-visual {padding: 80px 0 60px 0; text-align: center; color: #fff;}
#s-visual .sv-tit {margin-bottom: 20px; font-size: 36px; font-weight: 400; letter-spacing: -2px; font-family: Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, 'Helvetica Neue', 'Segoe UI', 'Apple SD Gothic Neo', 'Noto Sans KR', 'Malgun Gothic', sans-serif;}
#s-visual .sv-tit span{font-size: 60px; font-weight: bold; letter-spacing: -2px; font-family: Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, 'Helvetica Neue', 'Segoe UI', 'Apple SD Gothic Neo', 'Noto Sans KR', 'Malgun Gothic', sans-serif;}
#s-visual .sv-txt {font-size: 20px; font-weight: 300; letter-spacing: -1px;}

.sv-introduction  {background:url(../images/sub_bg1.png) no-repeat center; background-size:cover;}
.sv-chart  {background:url(../images/sub_bg2.png) no-repeat center; background-size:cover;}
.sv-premium  {background:url(../images/sub_bg3.png) no-repeat center; background-size:cover;}
.sv-faq  {background:url(../images/sub_bg4.png) no-repeat center; background-size:cover;}
.sv-lotto  {background:url(../images/sub_bg5.png) no-repeat center; background-size:cover;}
.sv-local {background:url(../images/sub_bg6.png) no-repeat center; background-size:cover;}
.sv-review {background:url(../images/sub_bg7.png) no-repeat center; background-size:cover;}



/* --------------------------------------------
 * premium
/* ------------------------------------------ */
.svp-wrap .svp-con-wrap1{gap: 20px;}
.svp-wrap .svp-con-wrap2{gap: 20px; margin-top: 20px; align-items:flex-start;}
.svp-wrap {margin:60px auto; display:grid; grid-template-columns: repeat(2, 1fr); gap:20px;}
.svp-wrap .svp-con{ justify-content: flex-start; align-items: center; gap: 40px; padding: 20px; background: #1e1e1e; border-radius: 10px;}
.svp-wrap .svp-con .flex { display:flex; justify-content: flex-start; align-items: center; gap: 40px; }
.svp-wrap .svp-con-warp {width:50%; padding: 20px; background: #1e1e1e; border-radius: 10px;}
.svp-wrap .svp-con-warp #svp-3 {display:flex; align-items:center; justify-content:center; gap:40px;}
.svp-wrap .member-img {position:relative; width:285px;}
.svp-wrap .member-img .img {width:100%; border-radius:10px; overflow:hidden;}
.svp-wrap .member-img .soldout {position:absolute; top:50%; left:50%; width:120px; transform:rotate(-30deg);}
.svp-wrap .member-info{flex-direction: column; align-items: flex-start; color: #fff;}
.svp-wrap .svp-con span{font-size: 16px; font-weight: 800; letter-spacing: 0px; opacity: 0.5;}
.svp-wrap #svp-1 span{color: #0f8cf0;}
.svp-wrap #svp-2 span{color: #913cc8;}
.svp-wrap #svp-3 span{color: #e19c28;}
.svp-wrap #svp-4 span{color: #f01e2d;}
.svp-wrap #svp-5 span{color: #a5f9f0;}
.svp-wrap h5{margin-top: 5px; font-size: 24px; font-weight: 700;}
.svp-wrap  p{margin-top: 5px; color: #ddd; font-size: 16px; letter-spacing: -1.5px; word-break: keep-all;}
.svp-wrap .member-price{margin-top: 10px; font-size: 28px; font-weight: 800; letter-spacing: -1.5px;}
.svp-wrap  button{width: 160px; margin-top: 10px; padding: 15px; border-radius: 5px; color: #fff; font-size: 18px; font-weight: 600;}
.svp-wrap  button.svp-join{background:#969696; transition: all 0.5s ease-in-out;}
.svp-wrap  button.svp-join:hover{background:#646464;}
.svp-wrap  button.svp-cs{background:#e91724; transition: all 0.5s ease-in-out;}
.svp-wrap  button.svp-cs:hover{background:#b4111c;}
.svp-wrap .member-soldout{color:#e91724;}



/* --------------------------------------------
 * local
/* ------------------------------------------ */
.boright {padding: 10px 20px; margin: 20px 0; border: 1px solid #ddd; border-radius: 0px; background:#f9f9f9; text-align: center;}
.boright select {width: 30%; height: 44px; margin: 0 5px; padding: 10px; border: 1px solid #ddd; border-radius: 2px; font-size: 14px; font-weight: 500;}
.boright input[type=text] {height: 32px; line-height: 32px; border: 1px solid #ccc; background:#fff;}
.boright .btn{width: 110px; height: 44px; line-height: 44px; margin-top: -3px; padding: 0 18px; border: 0; border-radius: 5px; background:#ff7a38; color:#fff; font-size: 15px; font-weight: 400; cursor: pointer;}
#mid label[for=bsearch_box] {margin-left: 16px;}
#mid .board_btn,
.wbtns {padding: 20px; text-align: right;}
#mid h3 {margin-top:35px; text-align:center; font-size:25px; }
#mid .g-title {margin-top:40px; padding:15px; text-align:center; color:#fff; background:#2f2f2f;}
#mid .board table.ortb {border-top:2px solid #ff681d;}
#mid .board table {width: 100%;border-top:2px solid #ff681d;}
#mid .board table th,  .board table td {border:0; padding:12px;  border-bottom:1px solid #ddd;}
#mid .board table th {background: #f0f0f0; font-weight: bold; color:#222; }
#mid .board table td.writer { font-size:13px; }
#mid .board table td a {color:#222;}
#mid .board table td a:hover {text-decoration: underline;}



/* --------------------------------------------
 * sub navi
/* ------------------------------------------ */
.contentnavi{padding: 20px 0; border-bottom: 1px solid #dedede; background: #fff;}
.contentnavi ul{display: flex; justify-content: center;}
.contentnavi ul li a{padding: 0 20px; color: #000; font-size: 16px; font-weight: 400; letter-spacing: -1px;}
.contentnavi ul li a:hover{color: #ff681d; font-weight: bold;  text-decoration: none;}
.contentnavi ul li.active a{color: #ff681d; font-weight: bold; text-decoration: none;}



/* --------------------------------------------
 * cs
/* ------------------------------------------ */
.customerList {box-sizing: border-box; margin-bottom: 24px;}
.customerList table {border-top: 2px solid #000; margin-top: 25px; }
.customerList table tr td {line-height: 50px; text-align: center; border-bottom: 1px solid #ddd;}
.customerList table tr td:nth-child(2) {text-align: left;}
.customerList table tr th {background: #f4f4f4; line-height: 50px;}
.customerList table tr td input {font-size: 14px; padding: 10px; margin: 5px; width: 99%;}
.customerList table tr td textarea {font-size: 14px; width: 99%; padding: 10px; margin: 5px; height: 200px; resize: none;}
.customerList .btnArea {text-align: center; margin: 40px 0 0 0;}
.customerList .btnArea a {color:#fff; background: #2f2f2f; font-size: 16px; padding: 15px 40px; border-radius: 5px; cursor: pointer;}
.customerList .writeBtn {text-align: right; margin: 0 0 10px 0;}
.customerList .writeBtn a {background: #ff7a38; font-size: 15px; font-weight: 400;}
.customerList .cstView tr td {padding: 10px; box-sizing: border-box;}
.customerList .cstView tr td:nth-child(2) {line-height: 20px;}
.customerList .cstView tr:last-child td:nth-child(2) {height: 200px; vertical-align: top;}
.customerList .cstView tr:nth-child(2) td:nth-child(2) div,
.customerList .cstView tr:nth-child(3) td:nth-child(2) div {height: 250px; overflow-y: scroll; padding: 5px;}



/* --------------------------------------------
 * cs board
/* ------------------------------------------ */
.sec_cs .inner {width: 100%; margin: auto;}
.sec_cs .cs_schBar {width: 580px; margin: 30px auto; overflow: hidden;}
.sec_cs .cs_schBar .inputWrap_st1 {width: 460px; float: left; margin: 0;}
.sec_cs .cs_schBar .inputWrap_st1:before {display: none;}
.sec_cs .cs_schBar .inputWrap_st1 input {height: 50px; font-size: 14px; line-height: 24px; padding: 12px 12px 12px 20px;}
.sec_cs .cs_schBar .btn {float: right;}
.sec_cs .cs_schBar .btn button {display: inline-block; width: 110px; height: 50px; border-radius: 5px; background: #ff7a38; color: #fff; font-size: 15px; font-weight: 400; line-height: 50px; text-align: center;}
/* .sec_cs .cs_schBar .btn button:hover {background: #2b394e;} */
.sec_cs .cs_tab {margin-bottom: 20px;}
.sec_cs .cs_tab:after {content:''; clear:both; display:table;}
.sec_cs .cs_tab ul {margin: 30px 0 0 1px;}
.sec_cs .cs_tab li {float: left;}
.sec_cs .notice_tab li,.sec_cs .faq_tab li {width: 33.333333%;}
.sec_cs .cs_tab li a {display: block; font-size: 18px; line-height: 28px; padding: 16px 0; text-align: center; color: #555; background: #fff;	border: 1px solid #ddd; margin: -1px 0 0 -1px; z-index: 10;}
.sec_cs .cs_tab li a:hover,
.sec_cs .cs_tab li a:focus {background: #f4f4f4;}
.sec_cs .cs_tab li.active a,
.sec_cs .cs_tab li.active a:hover,
.sec_cs .cs_tab li.active a:focus {border-color: #ff7a38; background: #ff7a38; color: #fff; font-weight:600; z-index: 11;}
.sec_cs .pagination {margin: 60px 0;}
.sec_terms h3{text-align:center; margin-bottom: 30px; font-size: 30px;}
.sec_terms h3.title_st1 span {margin-bottom: 10px;}
.sec_terms {width: 1200px; min-height: 600px; background: #fff; box-shadow: 0px 3px 6px 0px rgba(32, 34, 40, 0.08); padding: 50px 20px; margin: 30px auto;}



/* --------------------------------------------
 * cs board
/* ------------------------------------------ */
.consult_board ul li .qusetion_article a dl {overflow: hidden;	display: inline-block;}
.consult_board ul li .qusetion_article a dt,
.consult_board ul li .qusetion_article a dd {float: left;}
.consult_board ul li .qusetion_article a dt {width: 600px; max-width: 100%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.consult_board ul li .qusetion_article a dd {width: 140px; text-align: center; color: #999;}
.consult_board ul li .qusetion_article a .data {letter-spacing: 0;}
.consult_board ul li .qusetion_article a .state.comp {color: #ff7a38;}
.consult_board ul li.posts_none {font-size: 16px; line-height: 26px; color: #777; text-align: center;	padding: 100px 0;}

/* consult write layerPopup */
#consult_write.layerPopup .contPop {width: 500px; padding: 24px;}
#consult_write.layerPopup .contPop .inputWrap_st1 {margin: 0;}
#consult_write.layerPopup .contPop .inputWrap_st1:before {display: none;}
#consult_write.layerPopup .contPop .inputWrap_st1 input {height: 50px; font-size: 14px; line-height: 24px; padding: 12px 12px 12px 20px;}
#consult_write.layerPopup .contPop button {width: 100%;	display: block;	font-size: 18px; line-height: 28px;	padding: 16px 0; text-align: center; border-radius: 2px; background: #ff7a38; color: #fff; margin-top: 20px;}



/* --------------------------------------------
 * faq board
/* ------------------------------------------ */
.faq_board {border-top: 2px solid #555; border-bottom: 1px solid #777;}
.faq_board ul li {position: relative; border-top: 1px solid #e7e7e7; background: #fff;}
.faq_board ul li .qusetion_article {padding: 0 30px;}
.faq_board ul li.active{border: 1px solid #ff7a38;}
.faq_board ul li .qusetion_article:hover,
.faq_board ul li .qusetion_article:focus {background: #e9ecf1;}
.faq_board ul li .qusetion_article a {position: relative; display: block; font-size: 16px;	padding: 17px 50px 17px 0; color: #333;}
.faq_board ul li .qusetion_article a:before {content: 'Q.';	display: inline-block; font-size: 18px;	font-weight: 600; margin-right: 10px; font-family: Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, 'Helvetica Neue', 'Segoe UI', 'Apple SD Gothic Neo', 'Noto Sans KR', 'Malgun Gothic', sans-serif; color:#3761db;}
.faq_board ul li .qusetion_article a:after {content: ''; display: inline-block;	width: 29px; height: 29px;	background: url(../images/faq_arr.png) no-repeat 0 100%; position: absolute; top: 11.5px; right: -5px;}
.faq_board ul li .answer_article {width: 100%; position: relative; background: #f5f6fa;	padding: 40px; font-size: 14px; line-height: 22px; color: #555;}

/* faq board active */
.faq_board ul li.active .qusetion_article a,
.faq_board ul li.active .qusetion_article a:hover {font-weight: 600;}
.faq_board ul li.active .qusetion_article a:after {background: url(../images/faq_arr.png) no-repeat 0 0;}
.sec_consult .consult_btn {text-align: center; margin-bottom: 30px;}
.sec_consult .consult_btn ul {display: inline-block;}
.sec_consult .consult_btn li {float: left; margin: 0 10px;}
.sec_consult .consult_btn li a {display: block; font-size: 18px; line-height: 28px;	padding: 16px 30px;	text-align: center;	color: #999; background: #fff; border: 1px solid #ddd;	border-radius: 2px;}
.sec_consult .consult_btn li a.btn_write {background: #ff7a38;	border-color: #ff7a38;	color: #fff;}



/* --------------------------------------------
 * board - write
/* ------------------------------------------ */
.board_write {width: 100%; margin: auto;}
.board_write table {background: #fff;}
.board_write .inputWrap_st1:before {display: none;}
.board_write .inputWrap_st1 input {height: 50px; padding: 12px 12px 12px 20px; font-size: 14px; line-height: 24px;}
.board_write .textareaWrap_st1 textarea {min-height: 400px;}
.board_write button {display: block; width: 100%; margin-top: 20px; padding: 16px 0; border-radius: 2px; background: #ff681d; color: #fff; font-size: 18px; line-height: 28px; text-align: center;}



/* --------------------------------------------
 * auth
/* ------------------------------------------ */
body.auth{background: #f4f4f4;}
#auth_header .inner{width: 100%; margin: 0 auto 2em auto; padding: 24px 0;}
#auth_header h1{text-align: center;}
#auth_header h1 .logo{display: inline-block; width: 300px; height: 66px; background: url("../images/logo_bk.png") no-repeat center;}
body.auth #container{width: 460px; margin: 0 auto; display: block; background: transparent;}
input[type=password]{font-family: Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, 'Helvetica Neue', 'Segoe UI', 'Apple SD Gothic Neo', 'Noto Sans KR', 'Malgun Gothic', sans-serif;}
.login_cont .checks label{color: #444;}

.wrap.auth {background: #f0f0f0;}
.login_cont .inputWrap_st2,
.findID_cont .inputWrap_st2 {margin-bottom: 10px;}
.login_cont .checksWrap_st2 {padding: 10px 0 30px;}
.auth_content .agree_box,
.auth_content .join_box {margin-bottom: 20px;}
.auth_content .agree_box .tit {color: #666; font-size: 14px; line-height: 24px; padding: 0 0 6px;}
.auth_content .agree_box .txt_area {height: 160px; padding: 20px; background: #fff; overflow: hidden; margin-bottom: 1px; font-size: 12px; line-height: 18px; color: #777;}
.auth_content .agree_box .txt_area pre {white-space: pre-wrap;}
.auth_content .submit_area {margin-bottom: 100px;}
.login_cont .submit_area,
.findID_cont .submit_area {margin-bottom: 0;}
.auth_content .submit_area a,
.auth_content .submit_area button {width: 100%; display: block; background: #ff681d; font-size: 20px; font-weight: 600; color: #fff; padding: 20px 0; text-align: center; border-radius: 10px;}
/* .auth_content .sns-login{gap: 8px; margin-top: 8px;}
.auth_content .submit_area .naver-btn{padding: 14px 12px; background: #35b227; font-size: 15px;}
.auth_content .submit_area .kakao-btn{padding: 14px 12px; background: #f8dc3b; color: #3a2223; font-size: 15px;} */
.auth_content .btn_area {margin-top: 30px; padding-top: 30px; border-top: 1px solid #ddd;}
.auth_content .btn_area ul {margin: 0 -5px;}
.auth_content .btn_area li {width: 33.333333%; float: left; padding: 0 5px;}
.auth_content.findID_cont .btn_area li {width: 100%;}
.auth_content .btn_area a,
.auth_content .btn_area button {width: 100%; display: block; color: #333; font-size: 16px; line-height: 26px; padding: 15px 0; text-align: center;	font-weight: 500;}
.auth_content .btn_area a.goJoin {color: #ff681d;}
.findIDSubmit {background: #3d4d63; margin-top: 10px; padding: 20px; color: #fff;}
.findIDSubmit .tit {text-align: center; font-size: 14px; word-break: keep-all; line-height: 24px; margin-bottom: 12px;}
.findIDSubmit .userID {font-size: 20px; letter-spacing: 0; line-height: 30px; padding: 10px; text-align: center; background: #515f73;}
.findIDSubmit .info {margin-top: 12px;}
.findIDSubmit .info p {position: relative; font-size: 12px; line-height: 18px; word-break: keep-all; padding: 0 10px;}
.findIDSubmit .info p:before {content: ''; width: 4px; height: 2px; display: inline-block;	background: #9ea6b1; position: absolute; left: 0; top: 8px;}



/* combinationA */
.subContentWrap .contentLeft{float: left; width: 235px;}
.subContentWrap .contentLeft .leftMenu .leftMenuTit{background:#5f6bff; border-radius:5px;}
.subContentWrap .contentLeft .leftMenu ul {border-radius:5px;}
.subContentWrap .contentLeft .leftMenu .leftMenuTit h2{color:#fff; font-size:18px; font-weight:500;text-align: center; padding: 20px;}
.subContentWrap .contentLeft .leftMenu ul li{ font-size:17px; border-bottom:1px solid #eee; text-align:center;}
.subContentWrap .contentLeft .leftMenu ul li:last-child {border-bottom:none;}
.subContentWrap .contentLeft .leftMenu ul li a{ color:#454545; font-size:16px; display:block; width:100%;padding:15px 20px; background:#fff; box-sizing:border-box;}
.subContentWrap .contentLeft .leftMenu ul li.active a{color:#000; font-weight:500; text-decoration:none !important; }
/*.subContentWrap .contentLeft .leftMenu ul li.active a:after{ background:url(../images/after_arw.png) no-repeat;}*/
.subContentWrap .contentLeft .leftMenu ul li a:hover{ background:#b3b3b3; color:#fff;}
/*.subContentWrap .contentLeft .leftMenu ul li a:hover:after{ background:url(../images/after_arw_hover.png) no-repeat;}*/
/*.subContentWrap .contentLeft .leftMenu ul li a:after{content:'';display:inline-block; width:29px; height:29px; background:url(../images/after_arw.png) no-repeat;float: right; margin: -5px;}*/
.subContentWrap .contentLeft .leftBox{width:100%; height:247px; box-shadow:2px 2px 4px #d6d4cc; background:#fff;box-sizing: border-box; margin: 14px 0;border:2px solid #2b261e;}
.subContentWrap .contentLeft .leftBox2 dl{padding:13px 20px;}
.subContentWrap .contentLeft .leftBox2{display:table; width:100%; box-shadow:2px 2px 4px #d6d4cc; border:2px solid #5f6bff; background:#fff;  box-sizing: border-box; margin: 14px 0; border-radius:5px;}
.subContentWrap .contentLeft h3{width: 90%; margin:0 auto; font-size: 16px; line-height: 50px; font-weight: 600; border-bottom: 1px dotted #b3b3b3; letter-spacing: -0.75px; text-align:center; color:#5f6bff;}
.subContentWrap .contentLeft .bankBox dl{float: left; padding: 13px 13px 0 13px;}
.subContentWrap .contentLeft .bankBox p{font-size: 12px; text-align: center; margin: 10px 0;}
.subContentWrap .contentLeft .bankBox dl dt{height: 30px; line-height: 28px; font-size: 15px; float: left; text-align: center; color: #534837; font-weight:400; width:33%;}
.subContentWrap .contentLeft .bankBox dl dd{height: 36px; line-height: 28px; color: #454545; font-size: 15px; text-align: left; padding-left: 11px; float:left; width:67%;}
/*
.subContentWrap .contentLeft .bankBox h2{width:162px; height:19px; background:url(../images/bank_tit1.png) no-repeat; margin:0 auto 15px;}
.subContentWrap .contentLeft .centerBox h2{width:143px; height:19px; background:url(../images/center_tit.png) no-repeat; margin:0 auto 15px;}
*/
.subContentWrap .contentLeft .centerBox dl dt{height: 30px; line-height: 28px; font-size: 15px; float: left; width: 75px; text-align:center; border-right:1px dotted #d2d2d2; font-weight:400;}
.subContentWrap .contentLeft .centerBox dl dd{height: 36px; line-height: 30px; font-size: 15px; text-align: left; padding-left: 11px; float:left;}
.subContentWrap .contentLeft .centerBox .centerNum{font-size: 26px; color: #fff; font-weight: 600; line-height: 32px; padding: 13px 0 8px 0; letter-spacing: 0; background: url(../images/callico.png)no-repeat 12% center #5f6bff; padding-left: 60px; background-size: 24px; letter-spacing: -1px;}

.sub01-pont li{display:inline-block; margin-top:2px; background:#374ea0; padding:10px; color:white; text-align:center; font-weight:100; font-size:14px; letter-spacing:0;}



.wrap .banner{clear: both; border-top: 1px solid #eee; background:#fff;}
.wrap .banner ul{padding: 20px 0; width: 1380px; margin: auto;}
.wrap .banner ul li{float: left; width: 190px; text-align: center; margin-right: 48px; display: flex; flex-direction: row; justify-content: center; align-items: center; height: 80px;}
.wrap .banner ul li:last-child{margin-right: 0 !important;}



.classBox03 .gold_explain .goldBox{margin-top:50px;}
.classBox {border-bottom: 1px solid #ddd; padding: 5px 0;}
.upexplain li{float: left;}
.upexplain li.upimg{width: 200px; height: 215px;}
.upexplain li.rateimg01{background:url(../images/rateicosingle.png)no-repeat center; margin-left:30px;}
.upexplain li.rateimg02{background:url(../images/rateicodouble.png)no-repeat center; margin-left:30px;}
.upexplain li.rateimg03{background:url(../images/rateicotriple.png)no-repeat center; margin-left:30px;}
.upexplain li.rateimg04{background:url(../images/rateicovip.png)no-repeat center; margin-left:30px;}
.classBox .joinbtn {width: 100%; display: inline-block; margin: 20px 0 30px;}
.classBox {padding-top: 50px;}
.classBox .joinbtn .movebtn{float: right; background: #223983; color: #fff; border: 1px solid #fff; font-weight: 500; font-size: 17px; height: 50px; line-height: 47px; width:170px; padding-left:37px; border-radius:30px;}
.classBox .joinbtn .movebtn img{top: 21px}
.upexplain li.upbox {width: 600px; margin-left: 30px;}
.upexplain li.upbox h4{ font-size: 25px; margin:10px 0; color: #3761db; font-weight: 600;}
.upexplain li.upbox p{font-size: 20px; font-weight:500;}
.upexplain li.upbox span{margin-top: 10px; display: block; font-size: 16px; word-break: keep-all; line-height: 28px; color: #777;}

.classBox .gold_explain div{float: left;}
.classBox .gold_explain .goldimg{width: 220px; text-align: center;}
.classBox01 .gold_explain .goldimg,
.classBox02 .gold_explain .goldimg{margin: 52px 0;}
.classBox .gold_explain:after{content: ''; display: block; clear: both;}
.classBox .gold_explain .goldBox{width: 526px; margin-left: 20px;}
.classBox .gold_explain .goldBox dl{border: 1px solid #e1e1e1; margin: 30px 0;}
.classBox .gold_explain .goldBox dl dt{float: left; width: 112px; text-align: center; font-size: 20px; font-weight: 700; line-height: 88px; height: 88px; color: #fff;}
.classBox01 .gold_explain .goldBox dl dt{background:url(../images/gold01_bg.png) no-repeat;}
.classBox02 .gold_explain .goldBox dl dt{background:url(../images/gold02_bg.png) no-repeat;}
.classBox03 .gold_explain .goldBox dl dt{background:url(../images/gold03_bg.png) no-repeat;}
.classBox04 .gold_explain .goldBox dl dt{background:url(../images/gold04_bg.png) no-repeat;}
.classBox04 .gold_explain .goldBox{margin-top: 50px;}
.classBox .gold_explain .goldBox dl dd{float:left; text-align:center;}
.classBox .gold_explain .goldBox dl dd.gold_price01{border-right:1px dashed #cccccc; width:227px; font-size:34px; font-weight:800; color:#fd3131;line-height: 28px;padding: 21px 0 10px;}
.classBox .gold_explain .goldBox dl dd.gold_price01 .font_s{font-size:14px; color:#454545; font-weight:400;}
.classBox .gold_explain .goldBox dl dd.gold_price02{width:184px; font-size:17px; color:#454545;padding: 10px 0;}
.classBox .gold_explain .goldBox dl dd a{display:block; background:#fdb731; box-shadow:0 5px 0 0 #e39f1e; color:#fff; width:113px; border-radius:3px;  padding:8px 0; margin:5px auto 0; }

.guideBox{box-sizing:border-box; padding:30px; margin-top:20px; background: #f5f6fa; border:1px solid #ddd;}
.guideBox h4{font-size: 21px; color: #333; font-weight: 500;}
.guideBox p{font-size:15px; line-height:28px; margin-top:7px;}

.treatyBox{ width: 100%; height: 200px; overflow-y: scroll; margin: 20px 0; border: 1px solid #ccc;padding: 20px;box-sizing: border-box;}
.treatyBox pre{line-height:25px;}



/* --------------------------------------------
 * title_st
/* ------------------------------------------ */
/*
h3.title_st1 {font-size: 30px; font-weight: 500; text-align: left; line-height: 34px; color: #252525; border-bottom: 2px solid; padding-bottom: 18px; letter-spacing: -1px; text-indent: 10px;}
*/
h3.title_st1 span {display: block;	color: #adadad; font-size: 14px; line-height: 20px;	letter-spacing: 0;}
h3.title_st2 {font-size: 40px; line-height: 50px; text-align: center; color: #555; padding: 0 0 40px;	font-weight: 600;}
h3.title_st2 span {display: block; color: #adadad;	font-size: 16px; line-height: 40px;	letter-spacing: -0.05em; font-weight: 400;}



/* --------------------------------------------
 * subnevMenu
/* ------------------------------------------ */
.subVisTitle .svtNevBar .subnevMenu {min-width: 100%; background: #fff; border: 1px solid #ddd; border-top: 0; overflow: hidden; position: absolute; top: 50px; left: 0; right: 0; max-height: 0;	z-index: -1; visibility: hidden;}
.subVisTitle .svtNevBar ul.svtNev > li:hover .subnevMenu {visibility: visible; z-index: 99;	max-height: 500px; -webkit-transition:all 0.3s linear; -moz-transition:all 0.3s linear;	-o-transition:all 0.3s linear; -ms-transition:all 0.3s linear; transition:all 0.3s linear;}
.subVisTitle .svtNevBar .subnevMenu li {border-bottom: 1px solid #eee;}
.subVisTitle .svtNevBar .subnevMenu li:last-child {border: 0;}
.subVisTitle .svtNevBar .subnevMenu li a {display: block; padding: 0 16px; line-height: 42px;	color: #777;}
.subVisTitle .svtNevBar .subnevMenu li a:hover {background: #fafafa; color: #ff7a38;}



/* --------------------------------------------
 * cs - 웹사이트 이용안내
/* ------------------------------------------ */
.sec_siteGuide ul {margin: -20px 0 0 -20px;}
.sec_siteGuide li {width: 340px; height: 340px;	margin: 20px 0 0 20px;}
.sec_siteGuide li.title_box {background: #f4f4f4; padding: 14px 30px 0;}
.sec_siteGuide li.title_box p {font-size: 16px;	color: #777; line-height: 26px; word-break: keep-all; margin-top: 25px;}
.sec_siteGuide li.title_box p strong {color: #333;}
.sec_siteGuide li.download_box .browser {text-align: center; margin-top: 50px;}
.sec_siteGuide li.download_box .browser i {width: 102px; height: 106px;	display: inline-block;	background: url(../images/siteGuide_icon.png) no-repeat; font-size: 0; text-indent: -999999em;	overflow: hidden;}
.sec_siteGuide li.download_box .browser i.icon1 {background-position: 0 0;}
.sec_siteGuide li.download_box .browser i.icon2 {background-position: -102px 0;}
.sec_siteGuide li.download_box .browser i.icon3 {background-position: -204px 0;}
.sec_siteGuide li.download_box .browser i.icon4 {background-position: -306px 0;}
.sec_siteGuide li.download_box .browser i.icon5 {background-position: -408px 0;}
.sec_siteGuide li.download_box .tit {color: #333; font-size: 16px; line-height: 26px; text-align: center; text-transform: uppercase; letter-spacing: 0; font-weight: 700; padding: 20px 0 15px;}
.sec_siteGuide li.download_box .available {text-align: center;}
.sec_siteGuide li.download_box .available dd {display: inline-block; margin: 0 8px;}
.sec_siteGuide li.download_box .available dd span {width: 20px; height: 20px; display: inline-block; background: url(../images/siteGuide_icon.png) no-repeat; font-size: 0;	text-indent: -999999em;	overflow: hidden;}
.sec_siteGuide li.download_box .available dd.windows span {background-position: 0 -116px;}
.sec_siteGuide li.download_box .available dd.mac span {background-position: -20px -116px;}
.sec_siteGuide li.download_box .available dd.linux span {background-position: -40px -116px;}
.sec_siteGuide li.download_box .download {width: 100%; position: absolute; bottom: 0; left: 0; right: 0; border-top: 1px solid #e7e7e7;}
.sec_siteGuide li.download_box .download a {position: relative;	display: block;	background: #f4f4f4; color: #c6c6c6; font-size: 16px; font-weight: 700; letter-spacing: 0; line-height: 26px;	padding: 17px 30px;}
.sec_siteGuide li.download_box .download a:after {content: ''; width: 20px; height: 21px; display: inline-block; background: url(../images/icon_download.png) no-repeat; position: absolute; right: 30px; top: 19.5px;}
.sec_siteGuide .info_lineBar {padding: 30px 0 120px;}
.sec_siteGuide .info_lineBar span {height: 50px; line-height: 50px;	display: block;	text-align: center;	background: #3d4d63; font-size: 16px; color: #fff;}



/* --------------------------------------------
 * 개인정보처리방침, 이용약관
/* ------------------------------------------ */
.policy_wrap {width: 100%; word-break: keep-all; font-size: 16px; line-height: 24px;padding-bottom: 120px;}
.policy_wrap pre {white-space: pre-wrap;}
.term #header{background: #fff; box-shadow: 0px 2px 5px rgb(40 40 40 / 10%);}



/* --------------------------------------------
 * 뉴스 - 게시판
/* ------------------------------------------ */
.sec_news .news_tab li{width: 25%; float: left;}
.sec_news .inner {
	width: 1040px; margin: auto;
}
.sec_news .news_schBar {
	width: 580px; margin:30px auto;
	overflow: hidden;
}
.sec_news .news_schBar .inputWrap_st1 {
	width: 460px;
	float: left;
	margin: 0;
}
.sec_news .news_schBar .inputWrap_st1:before {
	display: none;
}
.sec_news .news_schBar .inputWrap_st1 input {
	height: 50px;
	font-size: 14px;
	line-height: 24px;
	padding: 12px 12px 12px 20px;
}
.sec_news .news_schBar .btn {
	float: right;
}
.sec_news .news_schBar .btn button {
	display: news_schBar;
	width: 110px; height: 50px;
	line-height: 50px;
	background: #3d4d63;
	color: #fff;
	text-align: center;
	font-size: 14px;
	border-radius: 2px;
}
.sec_news .news_schBar .btn button:hover {
	background: #2b394e;
}
.sec_news .news_tab {
	margin-bottom: 20px;
}
.sec_news .news_tab ul {
	margin: 30px 0 0 1px;
}
.sec_news .news_tab li {
	float: left;
}
.sec_news .notice_tab li,.sec_news .faq_tab li { width: 33.333333%; }

.sec_news .news_tab li a {
	display: block;
	font-size: 18px;
	line-height: 28px;
	padding: 16px 0;
	text-align: center;
	color: #555;
	background: #fff;
	border: 1px solid #ddd;
	margin: -1px 0 0 -1px;
	z-index: 10;
}
.sec_news .news_tab li a:hover,
.sec_news .news_tab li a:focus {
	background: #f5f6fa;
}
.sec_news .news_tab li.active a,
.sec_news .news_tab li.active a:hover,
.sec_news .news_tab li.active a:focus {
	border-color: #135197;
	background: #135197;
	color: #fff;
	z-index: 11;
}
.sec_news .pagination {
	margin: 60px 0 120px;
}
.sec_terms h3{
	text-align:center; margin-bottom:30px;font-size:30px;
}
.sec_terms h3.title_st1 span {margin-bottom:10px;}
.sec_terms  {
    width: 1200px;
    min-height: 600px;
    background: #fff;
    box-shadow: 0px 3px 6px 0px rgba(32, 34, 40, 0.08);
    padding: 50px 20px;
    margin: 30px auto;
}



/* --------------------------------------------
 * 뉴스
/* ------------------------------------------ */
.newsWrap {display:inline-block; width:100%; margin-top:30px; word-break:keep-all;}
.newsWrap .newsslide {width:100%; background:#4b5975; color:#fff; overflow:hidden; height:50px;}
.newsWrap .newsslide dt{float:left; font-size:18px; line-height:50px; padding:0 25px; }
.newsWrap .newsslide dd{ float:left; line-height:50px; font-size:16px; opacity:0.8;}
.newsWrap .newsslide dd .date{font-size:13px; display:inline-block; vertical-align:middle; opacity:0.5; margin-left:10px;}
.newsbox {margin-top:20px;}
.newsbox > li{float:left; border-top:1px solid #000;}
.newsbox li .firstnews{width:50%; float:left; padding:10px; border-bottom:1px solid #ddd; height:420px; overflow:hidden;}
.newsbox li .firstnews dt{
    font-size: 17px;
    font-weight: 500;
    padding: 10px;
    height: 69px;
    overflow: hidden;
    line-height: 27px;
    text-overflow: ellipsis;
    white-space: normal;
    word-wrap: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
	display:flex;
	vertical-align: middle;align-items: center;
}
.newsbox li .firstnews dd{
    padding: 0 10px;
    font-size: 15px;
    line-height: 24px;
    color: #777;
	height:149px;
	overflow:hidden;
    text-overflow: ellipsis;
    white-space: normal;
    word-wrap: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
}
.newsbox li .firstnews dd .date{
	float: left;
    margin-top: 5px;
    font-size: 13px;
    color: #999;
    width: 100%;
	text-align: right;
}
.newsbox li .newslist {display:inline-block;padding:20px; }
.newsbox li .newslist dt{font-size:15px; line-height:32px; font-weight:500; white-space:nowrap;text-overflow: ellipsis; }
.newsbox li .newslist dt .date{margin-left:7px; color:#999; font-size:13px;}
.newsbox li dl.firstnews:nth-of-type(1){border-right:1px solid #eee;}
.newsbox li .firstnews .newsphoto{width:100%; height:180px; background:#ccc; overflow:hidden;}
.newsbox li .firstnews .newsphoto img {
    width: 100%;
    height: 180px;
    padding: 0;
}
.newsbox .leftBox{width:675px;border:1px solid #ddd; border-top:1px solid #000;}
.newsbox .rightBox{width:335px; margin-left:25px; }
.newsbox .rightBox > div{display:inline-block; width:100%; height:296px; border:1px solid #ddd;}
.newsbox .rightBox .right01{overflow:hidden; width:333px;}
.newsbox .rightBox .right02{ margin-top:25px;border-top:1px solid #000;}
h3.newstit{    
	width: 100%;
    font-size: 19px;
    line-height: 60px;
    font-weight: 500;
    border-bottom: 1px solid #ddd;
    letter-spacing: -0.75px;
    box-shadow: 0px 3px 6px 0px rgba(32, 34, 40, 0.08);
	padding-left:20px;
	position:relative;
}
h3.newstit a{display:block;}
.mediaboxWrap {border:1px solid #ddd; border-top:1px solid #000; margin-top:25px; display:block; }
.mediaboxWrap .newsslide {background:#fff; height:230px; margin:20px 10px; }
.mediaboxWrap .newsslide .phototum {background:#ccc; height:160px; position:relative; }
.mediaboxWrap .newsslide .phototum img{padding:0;}
.mediaboxWrap .newsslide a{display:block;}
.mediaboxWrap .newsslide dt{
    color: #333;
    line-height: 26px;
	margin-top:12px;padding:0 10px;
	font-size:17px; font-weight:500;
}
.mediaboxWrap .newsslide .phototum:after{
    content: '';
    background: url(../images/mn_img170314.png) no-repeat center;
    width: 100%;
    height: 100%;
    display: inline-block;
    background-color: rgba(2,2,2,0.4);
    position: absolute;
    top: 0;
    left: 0;
}
.newsWrap .rightBox h3{background:#fff; z-index:999; position:absolute; width:331px;}
.newsWrap .rightbox02, .rightbox01 {padding:15px; height:250px;margin-top:60px; display:inline-block; width:100%;}
.newsWrap .rightBox li a{
    font-size: 15px;
    border-bottom: 1px solid #ddd;
    white-space: nowrap;
    overflow: hidden;
    width: 100%;
    display: block;
    text-overflow: ellipsis;
    line-height: 33px;
	padding-left:10px;
	position:relative;
	color:#666; font-weight:400;
}
.newsWrap .rightBox li a:hover{color:#333;}
.newsWrap .rightBox li a:after{
	content:'·';left:0; position:absolute; font-weight:bold;
}


/* --------------------------------------------
 * 인터뷰 - 로또 당첨 후기
/* ------------------------------------------ */
.sec_interview {
	/*background: #f2f3f4;
	padding: 60px 0 100px;*/
	margin-bottom:15px;
}
.sec_interview .interview_board .item_lst a .infoWrap .txt {
	height:73px; 
    text-overflow: ellipsis;
    white-space: normal;
    word-wrap: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
.sec_interview .interview_board .item_lst a {height:395px;  border:1px solid #ddd;}
.sec_interview .interview_board .item_lst a:hover{border:1px solid #135197;}
.sec_interview .inner {
	min-width: 100%;
	max-width: 100%;
	margin: auto;
	position: relative;
}
.interview_tab {
	position: absolute;
	right: 0; top: 0;
}
.interview_tab ul {
	width: 300px;
	display: inline-block;
	margin-left: 1px;
}
.interview_tab li {
	width: 50%;
	float: left;
}
.interview_tab li a {
	display: block;
	font-size: 16px;
	line-height: 26px;
	padding: 12px 0;
	text-align: center;
	border: 1px solid #d8d8d8;
	color: #999;
	margin-left: -1px;
}
.interview_tab li.active a {
	position: relative;
	z-index: 10;
	border: 1px solid #1f4985;
	background: #fff;
	color: #1f4985;
}
.interview_btn {
	text-align: center;
	margin-bottom: 30px;
}
.interview_btn button
,.interview_btn a {
	width: 100%;
	border-radius:3px;
	display: inline-block;
	font-size: 16px;
	line-height: 26px;
	padding: 13px 0;
	text-align: center;
	border-radius: 2px;
	background: #333;
	color: #fff;
}
.interview_board {
	display:block;
}
.interview_board ul {
	position: relative;
}
.interview_board ul li{float:left;  width:33.3333%;}
.interview_board .item_lst {
	padding: 3px;
	float: left ;
	margin-bottom:5px;
	width:100%;
	max-width:260px;
}
.interview_board .item_lst a {
	position: relative;
	display: block;
	background: #fff;
	box-shadow: 2px 2px 4px #dee1e7;
	-webkit-box-shadow: 2px 2px 4px #dee1e7;
	-moz-box-shadow: 2px 2px 4px #dee1e7;
	-ms-box-shadow: 2px 2px 4px #dee1e7;
	-o-box-shadow: 2px 2px 4px #dee1e7;
    margin: 2.5px;
}
.mview_board .item_lst a {width:250px;}
.mview_board .item_lst a:hover{
	transform: translateY(-8px);
    -webkit-transform: translateY(-8px);
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
}
.mview_board .item_lst a .infoWrap .txt {height:135px !important;}
.interview_board .item_lst a .photo {
	width: 100%; height: 170px;
	position: relative;
	background: #3d4d63;
	overflow: hidden;
}
.interview_board .item_lst a .photo *,
.interview_board .item_lst a .photo:after {
	-webkit-transition: all 0.3s cubic-bezier(0.215, 0.610, 0.355, 1.000);
	-moz-transition: all 0.3s cubic-bezier(0.215, 0.610, 0.355, 1.000);
	-ms-transition: all 0.3s cubic-bezier(0.215, 0.610, 0.355, 1.000);
	-o-transition: all 0.3s cubic-bezier(0.215, 0.610, 0.355, 1.000);
	transition: all 0.3s cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
.interview_board .item_lst a .photo:after {
	content: '';
	width: 28px; height: 28px;
	background: url(../images/icon_plus.png) no-repeat;
	position: absolute;
	left: 50%;
	margin: -14px 0 0 -14px;
	top: 150%;
	visibility: hidden;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
}
.interview_board .item_lst a .photo p {
	width: 100%; height: 100%;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}
.interview_board .item_lst a .infoWrap {
	padding: 20px 20px 0;
	background:#fff; position:relative;
}
.interview_board .item_lst a .infoWrap .tit {
	max-height: 48px; max-width: 90%;
	font-size: 18px;
	line-height: 24px;
	color: #534837;
	font-weight: 500;
	word-break: keep-all;
	overflow: hidden;
	position: relative;
}
.interview_board .item_lst a .infoWrap .data {
	position: relative;
	font-size: 12px;
	letter-spacing: 0;
	color: #1f4985;
	margin-top: 6px;
}
.interview_board .item_lst a .infoWrap .data:after {
	content: "";
	display: block;
	width: 30px;
	height: 2px;
	background: #dedede;
	margin: 16px 0;
}
.interview_board .item_lst a .infoWrap .txt {
	font-size: 14px;
	line-height: 23px; max-height: 145px;
	max-width: 100%;
	color: #555;
	margin-top:10px;
	word-break: keep-all;
	overflow: hidden;
}
.interview_board .item_lst a .post_bottom {
	padding: 16px 20px;
	margin-top: 20px;
	border-top: 1px solid #eee;
	background: #f8f8f8;
	position:absolute;
	width:100%; bottom:0;
	}

.interview_board .item_lst a .post_bottom span {
	display: inline-block;
	font-size: 11px;
	line-height: 16px;
	color: #000;
	letter-spacing: 0;
	font-weight: 700;
}
.interview_board .item_lst a .post_bottom span.read {
	margin-right: 16px;
}
.interview_board .item_lst a .post_bottom span.read:before {
	content: "";
	display: inline-block;
	width: 16px; height: 10px;
	background: url(../images/icon_eye2.png) no-repeat;
	vertical-align: middle;
	margin-right: 6px;
}
.interview_board .item_lst a .post_bottom span.comment:before {
	content: "";
	display: inline-block;
	width: 16px; height: 16px;
	background: url(../images/icon_comment.png) no-repeat;
	vertical-align: middle;
	margin-right: 6px;
}
.interview_board .item_lst a:hover .photo:after {
	top: 50%;
	visibility: visible;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}
.interview_board .item_lst a:hover .photo p {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
	filter: alpha(opacity=20);
	-moz-opacity: 0.2;
	opacity: 0.2;
}
.interview_board .item_lst a:hover .txt span {
	border-bottom: 1px solid #ddd;
}
.interview_more {
	text-align: center;
	margin-top: 60px;
}
.interview_more a {
	width: 80px; height: 80px;
	padding: 25px;
	display: inline-block;
	background: #fff;
	border: 1px solid #ddd;
}
.interview_more a:after {
	content: '';
	width: 28px; height: 28px;
	display: inline-block;
	background: url(../images/icon_plus2.png) no-repeat;
}
.sec_interview .pagination {
	margin: 35px 0;
}

/* interview_view */
.sec_interview_view .inner {
	width: 100%;
	margin: auto;
	position: relative;
}
.interview_view {
	width: 100%;
	float: left;
	position: relative;
	background: #fff;
	-webkit-box-shadow: 0 1px 2px 0 rgba(0,0,0,0.1);
	-moz-box-shadow: 0 1px 2px 0 rgba(0,0,0,0.1);
	-ms-box-shadow: 0 1px 2px 0 rgba(0,0,0,0.1);
	-o-box-shadow: 0 1px 2px 0 rgba(0,0,0,0.1);
	box-shadow: 0 1px 2px 0 rgba(0,0,0,0.1);
}
.interview_view .view_btn {
	position: relative;
	border-bottom: 1px solid #eee;
}
.interview_view .view_btn li {
	float: left;
}
.interview_view .view_btn li.list {
	width: 590px;
	border-left: 1px solid #eee;
	border-right: 1px solid #eee;
}
.interview_view .view_btn li a {
	min-width: 225px;
	display: block;
	position: relative;
	font-size: 16px;
	color: #666;
	line-height: 24px;
	padding: 13px 0;
	text-align: center;
	font-weight:500;
}
.interview_view .view_btn li a:hover{color:#135197;}
.interview_view .view_btn li.prev a:before,
.interview_view .view_btn li.next a:after {
	content: '';
	width: 5px; height: 10px;
	display: inline-block;
	background: url(../images/arr_set.png) no-repeat;
	vertical-align: baseline;
}
.interview_view .view_btn li.prev a:before { background-position: 0 0; margin-right: 10px; }
.interview_view .view_btn li.next a:after { background-position: -5px 0; margin-left: 10px; }
.interview_view_btn {
	width: 790px;
	float: left;
	position: relative;
	margin-top: 20px;
	text-align:right;
}
.interview_view_btn a {
	display: inline-block;
	width: 120px; height: 50px;
	line-height: 48px;
	background: #aaa;
	color: #fff;
	text-align: center;
	font-size: 14px;
	margin-right: 10px;
	border-radius: 2px;
}
.interview_view_btn a.btn_del {
	background: #333;
}

.interview_view .view_tit {
	padding: 10px 0 40px;
	text-align: center;
}
.interview_view .view_tit .cate span {
	display: inline-block;
	font-size: 14px;
	color: #fff;
	background: #3761db;
	line-height: 30px;
	padding: 0 20px;
	border-radius: 2em;
}
.interview_view .view_tit .tit {
	font-size: 32px;
	line-height: 40px;
	font-weight: 600;
	color: #333;
	max-width: 80%;
	margin: 30px auto 16px;
	word-break: keep-all;
}
.interview_view .view_tit .data {
	font-size: 16px;
	line-height: 20px;
	color: #999;
	letter-spacing: 0;
}
.interview_view .view_tit .info {
	text-align: center;
	margin-top: 20px;
}
.interview_view .view_tit .info ul {
	display: inline-block;
	background: #f2f3f4;
	border-radius: 3px;
}
.interview_view .view_tit .info li {
	float: left;
	font-size: 14px;
	line-height: 16px;
	padding: 8px 16px;
	color: #555;
	letter-spacing: 0;
	font-weight: 600;
	border-left: 1px solid #dfdfe0;
}
.interview_view .view_tit .info li:first-child {
	border-left: 0;
}
.interview_view .view_tit .info li:before {
	content: '';
	display: inline-block;
	vertical-align: middle;
	margin-right: 10px
}
.interview_view .view_tit .info li.read:before {
	width: 16px; height: 10px;
	background: url(../images/icon_eye2.png) no-repeat;
}
.interview_view .view_tit .info li.cmt:before {
	width: 16px; height: 16px;
	background: url(../images/icon_comment.png) no-repeat;
}
.interview_view .view_tit .info li.nick:before {
	width: 14px; height: 15px;
	background: url(../images/icon_user2.png) no-repeat;
}
.interview_view .view_con {
	position: relative;
	padding: 60px 100px 80px;
	border-top: 1px solid #eee;
	border-bottom: 1px solid #eee;
	font-size:17px; 
	line-height:30px;
}
.interview_view .view_con:before {
	content: '';
	display: inline-block;
	width: 52px; height: 5px;
	background: #1f4985;
	position: absolute;
	top: -1px; left: 50%;
	margin-left: -26px;
}
.interview_view .view_con p {
	font-size: 17px;
	color: #555;
	word-break: keep-all;
	text-align:left;
	line-height:33px;
}
.interview_view .view_con img {
	max-width: 100%;
	padding: 16px 0;
	display:block;
	text-align:center;
}
.interview_comment {
	width: 1060px;
	float: left;
	position: relative;
	background: #fff;
	margin-top: 20px;
	padding-bottom: 60px;
	-webkit-box-shadow: 0 1px 2px 0 rgba(0,0,0,0.1);
	-moz-box-shadow: 0 1px 2px 0 rgba(0,0,0,0.1);
	-ms-box-shadow: 0 1px 2px 0 rgba(0,0,0,0.1);
	-o-box-shadow: 0 1px 2px 0 rgba(0,0,0,0.1);
	box-shadow: 0 1px 2px 0 rgba(0,0,0,0.1);
}
.interview_comment .cmt_write_area {padding: 0;}
.interview_comment .cmt_write_area .tit {font-size: 18px; font-weight: 500;	color: #555; margin-bottom: 20px;}
.interview_comment .cmt_write_area .tit span {color: #1f4985;}
.interview_comment .cmt_write_area .cmt_write {overflow: hidden;}
.interview_comment .cmt_write_area .cmt_write textarea {display: block; width: 85%; height: 120px;	float: left; font-size: 14px; color: #333;	line-height: 24px; padding: 16px 20px; background: #fff; border: 1px solid #ddd; resize: none;}
.interview_comment .cmt_write_area .cmt_write textarea:focus {border-color: #999;}
.interview_comment .cmt_write_area .cmt_write button {width: 15%; height: 120px; float: right; background: #1f4985; color: #fff; font-size: 16px;	font-weight: 800;}
.interview_comment .cmt_list li {position: relative; padding: 30px 0 30px 60px;	border-bottom: 1px solid #eee}
.interview_comment .cmt_list li:nth-child(odd) {background: #f5f6fa}
.interview_comment .cmt_list li .delete {width: 14px; height: 15px;	display: inline-block; font-size: 0; text-indent: -9999999em; overflow: hidden;	background: url(../images/icon_delete.png) no-repeat; position: absolute;	right: 10px; top: 34px;}
.interview_comment .cmt_list li .icon_rating {position: absolute; top: 34px; left: 0;}
.interview_comment .cmt_list li .icon_rating span {width: 40px; height: 40px; display: inline-block; font-size: 0; text-indent: -99999em; overflow: hidden;	background: url(../images/icon_rating_191025.png) no-repeat; -webkit-background-size: 280px 40px; -moz-background-size: 280px 40px;	-o-background-size: 280px 40px;	background-size: 280px 40px;}
.interview_comment .cmt_list li .icon_rating span.mb_normal {background-position: 0 0;}
.interview_comment .cmt_list li .icon_rating span.mb_1 {background-position: -40px 0;}
.interview_comment .cmt_list li .icon_rating span.mb_2 {background-position: -80px 0;}
.interview_comment .cmt_list li .icon_rating span.mb_3 {background-position: -120px 0;}
.interview_comment .cmt_list li .icon_rating span.mb_4 {background-position: -160px 0;}
.interview_comment .cmt_list li .icon_rating span.mb_5 {background-position: -200px 0;}
.interview_comment .cmt_list li .icon_rating span.mb_6 {background-position: -240px 0;}
.interview_comment .cmt_list li .cmt_txt .cmt_info span {
	font-size: 15px;
	line-height: 21px;
	display: inline-block;
	letter-spacing: 0;
}
.interview_comment .cmt_list li .cmt_txt .cmt_info .nick {
	color: #1f4985;
    font-weight: bold;
}
.interview_comment .cmt_list li .cmt_txt .cmt_info .data {
	color: #999;
	margin-left: 6px;
}
.interview_comment .cmt_list li .cmt_txt p {
	font-size: 17px;
	line-height: 32px;
	color: #555;
	margin-top: 2px;
	max-width: 90%;
	word-break: keep-all;
}
.interview_comment .pagination {
	margin: 30px 0 0;
}
.interview_list {
	width: 250px;
	position: absolute;
	right: 0; top: 0;
	background: #fff;
	-webkit-box-shadow: 0 1px 2px 0 rgba(0,0,0,0.1);
	-moz-box-shadow: 0 1px 2px 0 rgba(0,0,0,0.1);
	-ms-box-shadow: 0 1px 2px 0 rgba(0,0,0,0.1);
	-o-box-shadow: 0 1px 2px 0 rgba(0,0,0,0.1);
	box-shadow: 0 1px 2px 0 rgba(0,0,0,0.1);
}
.interview_list h3.tit {
	text-align: center;
	background: #fff;
	line-height: 50px;
	border-bottom: 1px solid #eee;
}
.interview_list .item_lst {
	width: 100%;
	border-bottom: 3px solid #eee;
}
.interview_list .item_lst:last-child {
	border-bottom: 0;
}
.interview_list .item_lst a {
	position: relative;
	display: block;
}
.interview_list .item_lst a * {
	-webkit-transition: all 0.1s linear;
	-moz-transition: all 0.1s linear;
	-ms-transition: all 0.1s linear;
	-o-transition: all 0.1s linear;
	transition: all 0.1s linear;
}
.interview_list .item_lst a .infoWrap {
	padding: 20px 20px 0;
}
.interview_list .item_lst a .infoWrap .tit {
	max-height: 48px; max-width: 90%;
	font-size: 18px;
	line-height: 24px;
	color: #333;
	font-weight: 600;
	word-break: keep-all;
	overflow: hidden;
	position: relative;
}
.interview_list .item_lst a .infoWrap .data {
	position: relative;
	font-size: 12px;
	letter-spacing: 0;
	color: #1f4985;
	margin-top: 6px;
}
.interview_list .item_lst a .infoWrap .data:after {
	content: "";
	display: block;
	width: 30px;
	height: 2px;
	background: #dedede;
	margin: 16px 0;
}
.interview_list .item_lst a .infoWrap .txt {
	font-size: 13px;
	line-height: 23px; max-height: 92px;
	max-width: 100%;
	color: #555;
	font-style: italic;
	word-break: keep-all;
	overflow: hidden;
}
.interview_list .item_lst a .post_bottom {
	padding: 12px 20px;
	margin-top: 20px;
	border-top: 1px solid #eee;
	background: #f8f9f9;
}
.interview_list .item_lst a .post_bottom span {
	display: inline-block;
	font-size: 11px;
	line-height: 16px;
	color: #777;
	letter-spacing: 0;
	font-weight: 700;
}
.interview_list .item_lst a .post_bottom span.read {
	margin-right: 16px;
}
.interview_list .item_lst a .post_bottom span.read:before {
	content: "";
	display: inline-block;
	width: 16px; height: 10px;
	background: url(../images/icon_eye2.png) no-repeat;
	vertical-align: middle;
	margin-right: 6px;
}
.interview_list .item_lst a .post_bottom span.comment:before {
	content: "";
	display: inline-block;
	width: 16px; height: 16px;
	background: url(../images/icon_comment.png) no-repeat;
	vertical-align: middle;
	margin-right: 6px;
}
.interview_list .item_lst a:hover .infoWrap .tit {
	color: #135197;
}
.interview_list .item_lst a:hover .txt span {
	border-bottom: 1px solid #999;
}



/* --------------------------------------------
 * 시스템
/* ------------------------------------------ */
.sec_system .inner {
	width: 1060px;
	margin: auto;
	position: relative;
}
.system_tab {
	margin-bottom: 40px;
}
.system_tab ul {
	margin: 1px 0 0 1px;
}
.system_tab li {
	width: 50%;
	float: left;
}
.system_tab li a {
	display: block;
	font-size: 18px;
	line-height: 28px;
	padding: 16px 0;
	text-align: center;
	color: #555;
	background: #fff;
	border: 1px solid #ddd;
	margin: -1px 0 0 -1px;
	z-index: 10;
}
.system_tab li a:hover,
.system_tab li a:focus {
	background: #f6f6f6;
}
.system_tab li.active a,
.system_tab li.active a:hover,
.system_tab li.active a:focus {
	border-color: #135197;
	background: #135197;
	color: #fff;
	z-index: 11;
}

/* 예측 시스템 소개 */
.sec_systemInt2 {
	overflow: hidden;
	position: relative;
	background: url(../images/bg_img2.png) no-repeat left center #3d4d63;
}
.systemInt_img {
	width: 50%; height: 100%;
	position: absolute;
	top: 0; bottom: 0; right: 0;
	background: url(../images/bg_img1.png) no-repeat center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.systemInt_img:after {
	content: '';
	width: 100%; height: 100%;
	display: block;
	position: absolute;
	top: 0; left: 0; right: 0; bottom: 0;
	background: #3d4d63;
	z-index: 10;
	
	opacity: 0.5;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
}
.systemInt_txt {
	width: 50%;
	float: left;
	text-align: right;
}
.systemInt_txt .systemInt_txt_inner {
	width: 530px;
	display: inline-block;
	text-align: left;
	color: #fff;
	word-break: keep-all;
	padding: 20.3% 15%;
	padding-left: 0;
}
.systemInt_txt .systemInt_txt_inner h3 {
	font-size: 38px;
	line-height: 48px;
	font-weight: 700;
}
.systemInt_txt .systemInt_txt_inner p {
	font-size: 14px;
	line-height: 24px;
	margin-top: 40px;
}
.systemInt_txt .systemInt_txt_inner .btn {
	display: inline-block;
	font-size: 18px;
	line-height: 60px;
	padding: 0 30px;
	color: #fff;
	font-weight: 700;
	background: #1f4985;
	border-radius: 2px;
	margin-top: 40px;
}
.sec_systemInt3 {
	position: relative;
	background: #fff;
	padding: 100px 0 80px;
}
.system_iconBox ul {
	margin: -40px 0 0 -40px;
}
.system_iconBox li {
	width: 50%;
	float: left;
	padding: 60px 0 0 60px;
}
.system_iconBox li .iconBox {
	position: relative;
	padding-left: 162px;
}
.system_iconBox li .icon {
	display: inline-block;
	width: 122px; height: 120px;
	position: absolute;
	top: 0; left: 0;
	
	background: url(../images/intro_iconBox.png) no-repeat;
	-webkit-background-size: 488px 120px;
	-moz-background-size: 488px 120px;
	-o-background-size: 488px 120px;
	background-size: 488px 120px;
}
.system_iconBox li .icon.icon1 { background-position: 0 0; }
.system_iconBox li .icon.icon2 { background-position: -122px 0; }
.system_iconBox li .icon.icon3 { background-position: -244px 0; }
.system_iconBox li .icon.icon4 { background-position: -366px 0; }

.system_iconBox li .tit {
	font-size: 24px;
	line-height: 34px;
	font-weight: 600;
}
.system_iconBox li .tit span {
	font-family: Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, 'Helvetica Neue', 'Segoe UI', 'Apple SD Gothic Neo', 'Noto Sans KR', 'Malgun Gothic', sans-serif;
	display: block;
	font-size: 11px;
	line-height: 24px;
	letter-spacing: 0;
	color: #777;
	text-transform: uppercase;
}
.system_iconBox li .txt {
	font-family: Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, 'Helvetica Neue', 'Segoe UI', 'Apple SD Gothic Neo', 'Noto Sans KR', 'Malgun Gothic', sans-serif;
	font-size: 16px;
	line-height: 26px;
	word-break: keep-all;
	color: #777;
	margin: 12px 0 0;
}

/* 예측 시스템 구조 */
.sec_systemPrc2 {
	background: #f2f3f4;
	padding: 100px 0;
}
.systemPrc_img,
.systemPrc_txt {
	width: 50%;
	float: left;
}
.systemPrc_img {
	text-align: center;
}
.systemPrc_txt {
	color: #333;
	word-break: keep-all;
	padding: 0 100px 0 0;
}
.systemPrc_txt h3 {
	font-size: 24px;
	line-height: 34px;
	font-weight: 600;
}
.systemPrc_txt p {
	font-size: 16px;
	line-height: 26px;
	margin-top: 40px;
	color: #777;
}
.systemPrc_txt .btn {
	display: inline-block;
	font-size: 18px;
	line-height: 60px;
	padding: 0 30px;
	color: #fff;
	font-weight: 700;
	background: #1f4985;
	border-radius: 2px;
	margin-top: 40px;
}
.sec_systemPrc3 {
	background: #fff;
	padding: 100px 0 60px;
}
.systemPrc_box_area ul {
	margin: 1px 0 0 1px;
}
.systemPrc_box_area li {
	width: 33.333333%;
	float: left;
}
.systemPrc_box_area li .systemPrc_box {
	min-height: 346px;
	position: relative;
	border: 1px solid #eee;
	padding: 60px 65px 50px 40px;
	word-break: keep-all;
	margin: -1px 0 0 -1px;
}
.systemPrc_box_area li .systemPrc_box:after {
	content: '';
	width: 40px; height: 40px;
	display: inline-block;
	background: url(../images/icon_slash.png) no-repeat;
	position: absolute;
	right: 40px; top: 40px;
}
.systemPrc_box_area li .num {
	font-family: Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, 'Helvetica Neue', 'Segoe UI', 'Apple SD Gothic Neo', 'Noto Sans KR', 'Malgun Gothic', sans-serif;
	font-size: 90px;
	line-height: 1;
	color: #3c5aaf;
	font-weight: 900;
}
.systemPrc_box_area li .tit {
	font-size: 18px;
	line-height: 28px;
	font-weight: 600;
	margin-top: 4px;
}
.systemPrc_box_area li .txt {
	font-size: 14px;
	line-height: 24px;
	margin-top: 12px;
	color: #555;
}



/* 추가 커뮤니티 */
.sec_win_tab {
	margin-bottom: 30px;
	display:block;
}
.sec_win_tab ul {
	margin: 25px 0 0 1px;
}
.sec_win_tab li {
	width: 33.333%;
	float: left;
}
.sec_win_tab li a {
	display: block;
	font-size: 18px;
	line-height: 28px;
	padding: 16px 0;
	text-align: center;
	color: #555;
	background: #fff;
	border: 1px solid #ddd;
	margin: -1px 0 0 -1px;
	z-index: 10;
}
.sec_win_tab li a:hover,
.sec_win_tab li a:focus {
	background: #f4f4f4;
}
.sec_win_tab li.active a,
.sec_win_tab li.active a:hover,
.sec_win_tab li.active a:focus {
	border-color: #393939;
	background: #393939;
	color: #fff;
	font-weight:600;
	z-index: 11;
}



/* paging */
.paging { margin-top:40px; text-align:center; }
.paging ul { display:inline-block; }
.paging ul:after { content:''; display:table; clear:both; }
.paging ul li { float:left; background:#eee; font-size:14px; width:30px; height:30px; line-height:30px; text-align:center; margin:2px; cursor:pointer;}
.paging ul li:hover,.paging ul li.active { background:#000; color:#fff; transition:0.3s; }
.paging ul li:hover a,.paging ul li.active a { color:#fff; }
.paging ul li.prev,.paging ul li.next { width:50px; }
.paging ul li a { display:block; }