/*common.css*/
@font-face {
    font-family: 'GongGothicLight';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-10@1.0/GongGothicLight.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
.inner{width: 1200px; margin: 0 auto; padding: 0 20px;font-family: 'GongGothicLight';}
.clearfix{*zoom: 1} 
.clearfix:before, .clearfix:after{display:table; content:""; line-height:0;} 
.clearfix:after{clear:both;} 
.ell{overflow: hidden;text-overflow: ellipsis;white-space: normal; word-wrap:break-word; display: -webkit-box; -webkit-box-orient: vertical;}
.customer_banner{background: url(../../img/customer/banner.png); background-position: center; background-size: cover;}
.product_banner{background: url(../../img/ingprojectimg.png); background-size: cover; background-position: center;}
.ing_bnr_Wrap{width: 100%; position: relative; overflow: hidden;}
.ing_bnr_Wrap>.bnrimg{height: 350px; width: 100%;}
.ing_bnr_Wrap>.bnrimg>img{position: absolute; left: 50%; top:50%; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%);}
.ing_bnr_Wrap>.bnrtxtwrap{width: 400px; position: absolute; margin: auto; top: 50%; left: 0; right: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); margin-top: 15px;}
.ing_bnr_Wrap>.bnrtxtwrap>h3{font-size: 33px; color: #fff; text-align: center; line-height: 40px; font-weight: 700;}
.ing_bnr_Wrap>.bnrtxtwrap>.bnrline{width: 40px; height: 3px; background: #fff; margin: 20px auto 20px;}
.ing_bnr_Wrap>.bnrtxtwrap>p{margin: 0 auto; width: 90%; font-size: 18px; color: #fff;  text-align: center; line-height: 25px;}
.mdlTxt{text-align: center; line-height: 40px; padding-top: 50px; padding-bottom:40px;}
.mdlTxt>h2{font-size: 30px; font-weight: bold;}
.mdlTxt > p{margin-top: 35px; font-size: 16px; color: #666;}
/* sub navigation */
.groupmenu{border: 1px solid #cfcfcf; border-bottom: none;}
#mysubmenu .leftmenu_b{display: none;}
#mysubmenu{margin-top: -23px;}
.tab_submenu{height: 60px;} 
.tab_submenu .tab_sub2ul{width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between;}
.tab_submenu .tab_sub2ul li{float: left; width: 50%; height: 100%; border-bottom: 3px solid #ccc; -webkit-transition-duration: 0.3s; transition-duration: 0.3s;}
.tab_submenu .tab_sub2ul li:nth-child(1){border-right: 1px solid #ccc;}
.tab_submenu .tab_sub2ul li a{display: block; width: 100%; height: 100%; text-align: center; line-height: 60px; font-size: 18px;}
.tab_submenu .tab_sub2ul li:hover a{color: #c80e21;}
.tab_submenu .tab_sub2ul li:hover{border-bottom-color: #c80e21;}
.leftmenu_b{display: none;}
.tab_submenu .tab_sub2ul li.on{border-bottom-color: #c80e21;}
.tab_submenu .tab_sub2ul li.on a{color: #c80e21;}
/*페이지*/
.pg_wrap{margin: 30px 0;}
.pg_current{background: #000;}
.pg_page{background: #fff;}
.pg_start{display: none;}
.pg_end{display: none;}
/*검색*/
#bo_sch{position:relative; width: 480px; border: none; margin-bottom: 60px; padding: 0; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%);}
#bo_sch>form{width: 100%; }
#bo_sch #sfl{width: 129px; height: 40px;margin: 0; border: 1px solid #ddd;}
#bo_sch .sch_input{width: 249px; height: 40px; background-color: #fff; border: 1px solid #ddd; }
#bo_sch .sch_btn{width: 102px; height: 40px; text-align: center;height: 40px; background-color: #000; border: 1px solid #ddd; color: #fff; font-size: 14px; font-weight: 700;}
#bo_sch #sfl{padding: 0 6px; box-shadow: none; -webkit-box-shadow: none; border: none; outline: none;}
#bo_sch #sfl{margin: 0; padding-left: 5px; width: 129px; height: 40px; border: 1px solid #ddd; -moz-appearance:none; -webkit-appearance:none; appearance:none; background: url(../../img/common/down.png) 95% 50% no-repeat;}
#bo_sch #sfl::-ms-expand {display:none;}
#bo_sch .sch_input{padding: 0 10px; box-shadow: none; -webkit-box-shadow: none;  outline: none;}
/*버튼*/
a.btn_b01.notice_btn01{display: none;}
a.btn_b02:hover, .btn_b02:hover {background:#000}
/*카테고리*/
#bo_cate>ul>li:nth-child(1){display: none;}
.bo_cate_link{display: none;}
#bo_cate{border: none; width: 100%; background: transparent; padding: 0; margin: 0; text-align: center; margin-top: 20px; margin-bottom:;}
#bo_cate li{width: 50%; border: 1px solid #cccccc;  -webkit-transition: .2s;  transition: .2s; padding: 0;}
#bo_cate li:nth-child(3){border-left: none;}
#bo_cate a:focus, #bo_cate a:hover, #bo_cate a:active{background: none;}
#bo_cate a:hover{ border-bottom: 2px solid #c71526;}
#bo_cate a{padding: 8px 0;}
#bo_cate #bo_cate_on{border-bottom: 2px solid #c71526;-webkit-box-shadow:none;box-shadow:none;  background: none; color: #000;}
/* 게시판 공통 */
#bo_w{padding-bottom: 80px;}
/* 버튼 제어 */
/*a.btn, .btn{padding: 0 30px; height: 40px; line-height: 40px; text-align: center; font-weight: 300; font-size: 17px;}
a.btn_admin, .btn_admin{height: 40px; line-height: 40px; text-align: center; background: #c80e21;} 
a.btn_admin:hover, .btn_admin:hover{background: #444;}
a.btn_b02, .btn_b02{height: 40px; line-height: 40px; text-align: center; background: #444; font-weight: 300;} 
a.btn_b02:hover, .btn_b02:hover {background:#c80e21;}
a.btn_b01, .btn_b01{height: 40px; line-height: 40px; background: #c80e21;} 
a.btn_b01:hover, .btn_b01:hover{background: #c80e21;}
.btn_submit{background: #c80e21; height: 40px; line-height: 40px; text-align: center;} 
.btn_submit:hover{background: #444;}
.bo_vc_w .btn_submit{border-radius: 0; font-weight: 300; font-size: 17px;}
a.btn_cancel{background: #999; height: 40px; line-height: 40px; text-align: center;}*/
/*.btn .fa{display: none;} /*버튼 픽토그램*/*/
.cmt_btn{background-position: 67px 10px; font-size: 16px;}
.cmt_btn_op{background-position: 67px -20px;}
.cmt_btn .fa{display: none;}
.bo_w .btn_submit, .bo_vc_w .btn_submit{border-radius: 0; font-size: 1.0em;}
.btn_cancel{height: 40px; line-height: 40px;}
.btn_bo_user{margin: 20px 0;}
.bo_fx{margin: 20px 0; width: 100%;}
#bo_v_share .btn{padding: 0 20px; width:130px; }
.file_del input{float: left; margin: 7px 10px 0 0;}
.file_del label{float: left;}
#ctt{margin: 0; padding: 0;}
#ctt_con{padding: 0;}
#ctt_con .reg_bn + .inner{padding: 90px 20px; min-height: 700px;}
/*#ctt_con *{color: #333;}*/
.reg_bn{width: 100%; height: 90px; background: #333;}
.ctt_admin{position: absolute; width: 1200px; left: 50%; top: 90px; height: 60px; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%);}
.ctt_admin a{line-height: 60px; height: 100%;}
#ft {position: relative;}
.flogo {position: absolute; right: 20px; width: 240px; top: 20px;}

@media screen and (max-width:1199px){
    .inner{width: 100%;}
    a.btn, .btn{font-size: 14px;}
    a.btn_b01, .btn_b01{font-size: 14px;}
    a.btn_b02, .btn_b02{font-size: 14px;}
    a.btn_admin, .btn_admin{font-size: 14px;}
    .btn_submit{font-size: 14px;}
    .tab_submenu{height: 55px;} 
    .tab_submenu .tab_sub2ul li a{font-size: 16px; line-height: 55px;}
    .ctt_admin{width: 100%; left: 0; -webkit-transform: none; -ms-transform: none; transform: none;}
    .ctt_admin a{line-height: 60px; height: 100%;}
    #ctt_con *{font-size: 14px;}
}

@media screen and (max-width:1024px){
    .reg_bn{height: 60px;}
    .ctt_admin{width: 100%; left: 0; top: 60px; -webkit-transform: none; -ms-transform: none; transform: none;}
    .ctt_admin a{line-height: 60px; height: 100%;}
    .flogo {display: none;}
}

@media screen and (max-width: 700px){
    .bo_v_left{width: 100%;}
    .bo_v_left li{width: 20%;}
    .bo_v_left li a{width: 100%;}
    .bo_v_com{float: left; margin: 0 0 20px; width: 100%;}
    .bo_v_com li{margin-left: 0; margin-right: 5px; width: 30%;}
    .bo_v_com li a{width: 100%; font-size: 14px;}
}
@media screen and (max-width:630px){
    #bo_w .bo_w_flie .file_wr{height: 80px;}
    #bo_w .bo_w_flie .lb_icon{height: 100%;}
    #bo_w .bo_w_flie .file_del{top:50%; margin-top: 5px; left: 55px;}
    #bo_w .bo_w_flie .file_del label{font-size: 14px;}
    a.btn, .btn{padding: 0 10px;}

}

@media screen and (max-width:570px){
    .ing_bnr_Wrap>.bnrtxtwrap>h3{font-size: 28px; line-height: 32px;}
    .ing_bnr_Wrap>.bnrtxtwrap>p{font-size: 14px; line-height: 18px;}
    #bo_sch{width: 376px;}
    #bo_sch .sch_input{width:213px;}
    #bo_sch .sch_btn{width: 60px; font-size: 12px;}
    #bo_sch #sfl{width:95px; font-size: 12px;}
    #bo_sch #sfl option{font-size: 12px;}
    #bo_sch .sch_input{font-size: 12px;}
}
@media screen and (max-width: 480px){
    a.btn, .btn{font-size: 12px;}
    a.btn_b01, .btn_b01{font-size: 12px;}
    a.btn_b02, .btn_b02{font-size: 12px;}
    a.btn_admin, .btn_admin{font-size: 12px;}
    .btn_submit{font-size: 12px;}
    .tab_submenu{height: 40px;} 
    .tab_submenu .tab_sub2ul li a{font-size: 14px; line-height: 40px;}
    .bo_v_com li a{width: 100%; font-size: 12px;}
    #bo_w .bo_w_flie .file_del label{font-size: 13px;}
    #ctt_con *{font-size: 13px;}
}
@media screen and (max-width:400px){
    .mdlTxt>h2{font-size: 26px;}
    .ing_bnr_Wrap>.bnrtxtwrap{width: 100%;}
    .ing_bnr_Wrap>.bnrtxtwrap>p{word-break: keep-all;}
    #bo_sch{width: 280px;}
    #bo_sch .sch_input{width: 128px;}
    #bo_sch .sch_btn{width: 50px;}
    #bo_w .bo_w_flie .file_wr{height: 120px;}
    #bo_w .bo_w_flie .file_del{top:40px; margin-top: 5px; left: 55px;}
    #bo_w .bo_w_flie .file_del label{font-size: 12px;}
    
    .bo_fx{float: none;}
    .bo_fx ul{width: 100%;}
    .bo_fx .btn_bo_user li{width: 25%; margin-left: 0;}
    .bo_fx .btn_bo_user li a{width: 100%;}
    .bo_fx .btn_bo_user .bo_fx_write{width: 100%;}
    .bo_fx .btn_bo_user .bo_fx_write a{margin-right: 5px; margin-top: 10px; width: 100%;}
}

.win_result {padding:60px 0 !important;}
.ball_645 {line-height:65px; border-radius: 50%}
.num.win p {width:100% !important}
.tbl_data.tbl_data_col {width:100% !important}
.num.bonus:before,
.num.bonus:after {
    content: "";
    position: absolute;
    left: -30px;
    top: 67%;
    background: #999
}

.num.bonus:before {
    width: 20px;
    height: 4px;
    margin: -2px 0 0 -10px
}
.num.bonus:after {
    width: 4px;
    height: 20px;
    margin: -10px 0 0 -2px
}
.lotto_result {padding-top:120px; }
.lotto_result h2 {font-size:42px; text-align: center}
.lotto_result b {color:#e90000;}
.r-date {text-align:center; padding:10px 0}
.lottonum {display:flex; padding:40px 0;justify-content: center;align-items: center}
.lottonum h4 {text-align:center; padding:0 0 10px}
.balls > span {display:inline-block; width:80px; height:80px; font-size:32px; line-height:80px; text-align:center; box-shadow:0 3px 7px rgba(0,0,0,0.1); border-radius:50%; border:1px solid #ddd; margin:0 4px; text-shadow: 2px 2px 2px rgba(0,0,0,0.2)}



.bonus_plus {transform:scale(0.4); display:inline-block;width:80px; height:80px;  position:relative; vertical-align: top}
.bonus_plus:before,
.bonus_plus:after {content:''; display:block; position:absolute; background:#aaa; width:80px; height:80px;  left:0px;top:0;}
.bonus_plus:before {transform: scaleY(0.2);}
.bonus_plus:after {transform: scaleX(0.2);}
.winnerAarea {text-align:center; font-size:24px;}
.winnerAarea p {padding:20px 0}

.r-win1 {margin-left:20px;}
.r-win1 {color:#75c932}

.ft-bottom-bg {background:#eef5ff;padding:60px 0}
.ft-bottom {display:flex; justify-content: center; gap:60px; flex-wrap: wrap;}
.ft-bottom > div {border-radius:10px;overflow:hidden}
.ft-cs {padding:20px 0}
.ft-cs h4 { font-size:18px;color:#75c932;}
.ft-cs h2 {font-size:42px; color:#222; font-weight:bold;padding:20px 0}
.ft-cs p {font-size:16px;color:#7a838c;}

.ft-inner {padding:20px }
.ft-inner ul {display:flex; justify-content: center; gap:20px;flex-wrap: wrap}
.ft-inner ul li {border:1px solid #ddd;}


.pageArea {padding:120px 0}
.flexpage {display:flex;flex-wrap: wrap;}
.flexpage li {padding:20px; text-align:center}
.flexpage li span {display:block; padding:10px; word-break:keep-all}
.flexpage img {max-width:100%;}

.pageArea.bg008 {background:#f8f8f8; padding:40px 0}
.pageArea.bg008 .flexpage li {padding:10px;}
.pageArea.bg008 .flexpage li span {color:#555; font-size:16px; line-height:1.3}
.pointMessage {text-align:center; color:#c80e21; font-size:24px;}

@media screen and (min-width:980px){
    .flexpage li {flex:25%;}
    .pageArea.bg008 .flexpage li {flex:calc(100%/7);}
    .ft-bottom {flex-direction: row-reverse;}
}
@media screen and (max-width:980px){
    .lotto_result h2 {font-size:32px;}
    .balls > span {margin:2px}
    .balls > span,
    .bonus_plus,
    .bonus_plus:before,
    .bonus_plus:after {width:40px; height:40px; line-height:40px; font-size:18px;}
    .winnerAarea {text-align:center; font-size:18px;}
    .ft-bottom img {max-width:100%}
    .ft-bottom > div:nth-child(2),
    .ft-bottom > div:nth-child(3) {width:150px; height:150px}

    .flexpage {justify-content: center}
    .flexpage li span {word-break:keep-all}
    .flexpage li {padding:10px; text-align:center; width:33%}
    .pageArea.bg008 .flexpage li {padding:5px;width:25%}
    .ft-cs {width:100%; text-align:center}
}

.ball_1,
.ball_2,
.ball_3,
.ball_4,
.ball_5,
.ball_6,
.ball_7,
.ball_8,
.ball_9,
.ball_10 {background:#fbc400;color:#fff;}


.ball_11,
.ball_12,
.ball_13,
.ball_14,
.ball_15,
.ball_16,
.ball_17,
.ball_18,
.ball_19,
.ball_20 {background:#69c8f2;color:#fff;}

.ball_21,
.ball_22,
.ball_23,
.ball_24,
.ball_25,
.ball_26,
.ball_27,
.ball_28,
.ball_29,
.ball_30 {background:#ff7272;color:#fff;}


.ball_31,
.ball_32,
.ball_33,
.ball_34,
.ball_35,
.ball_36,
.ball_37,
.ball_38,
.ball_39,
.ball_40 {background:#aaaaaa;color:#fff;}

.ball_41,
.ball_42,
.ball_43,
.ball_44,
.ball_45 {background:#b0d840;color:#fff;}

.pointMessage {padding:60px 20px 140px}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {background:#78ca36 !important;}
.page-inners2 .swiper-slide,
.bg008 .swiper-slide {padding-top:20px;}
.bg008 img {max-width:100%}
@media screen and (max-width:798px){
    .ft-footer-infomenu { text-align:center }
}