@charset "UTF-8";
/* CSS Document */


@font-face {
    font-family: nanumSqure;
    font-weight: 400;
    src:url('../css/font/NanumSquareR.ttf'),
    local(NanumSquareR), /* 두번째 */
    url(NanumSquareR.eot) format('embedded-opentype'),
    url(NanumSquareR.woff) format('woff'), /* 세번째 */
    url(NanumSquareR.ttf) format('truetype'); /* 네번째 */
}
@font-face {
    font-family: nanumSqure;
    font-weight: 700;
    src:url('../css/font/NanumSquareB.ttf') ,
    local(NanumSquareB), /* 두번째 */
    url(NanumSquareB.eot) format('embedded-opentype'),
    url(NanumSquareB.woff) format('woff'), /* 세번째 */
    url(NanumSquareB.ttf) format('truetype'); /* 네번째 */
}
@font-face {
    font-family: nanumSqure;
    font-weight: 800;
    src:url('../css/font/NanumSquareEB.ttf'),
    local(NanumSquareEB), /* 두번째 */
    url(NanumSquareEB.eot) format('embedded-opentype'),
    url(NanumSquareEB.woff) format('woff'), /* 세번째 */
    url(NanumSquareEB.ttf) format('truetype'); /* 네번째 */
}
@font-face {
    font-family: nanumSqure;
    font-weight: 300;
    src:url('../css/font/NanumSquareL.ttf'),
    local(NanumSquareL), /* 두번째 */
    url(NanumSquareL.eot) format('embedded-opentype'),
    url(NanumSquareL.woff) format('woff'), /* 세번째 */
    url(NanumSquareL.ttf) format('truetype'); /* 네번째 */
}

@font-face{
    font-family:CenturyGothic;
    font-weight:400;
    src:url('../css/font/GOTHIC.ttf');
}
@font-face {
    font-family:CenturyGothic;
    font-weight:800;
    src: url('../css/font/GOTHICB.ttf');
}




/****** RESET ******/
html, body{width:100%; height:100%;}
html{font-size:100%;}
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,
blockquote,pre,abbr,address,cite,code,del,dfn,em,img,
ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,
fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,
article,aside,canvas,details,figcaption,figure,footer,header,hgroup,
menu,nav,section,summary,time,mark,audio,video, button{margin:0; padding:0;}
body{font-family:'nanumSqure', nanumSqure, 나눔고딕, AppleSDGothicNeo, sans-serif; font-size:13px; color:#555; line-height:20px;}


body,h1,h2,h3,h4,input,button{font-family:sans-serif; font-size:13px; line-height:20px; letter-spacing:-0.01em; color:#555;}

input,textarea,select,button{font-family:sans-serif; vertical-align:middle; outline:none; }

img,fieldset{border:0 none;}
ul,li{list-style:none;}
caption{visibility:hidden; overflow:hidden; width:1px; height:1px; font-size:0; line-height:0;}



button{border:none; cursor:pointer;}
input[type="text"], input[type="email"], input[type="search"], input[type="password"] {
    -webkit-appearance:none;
    -moz-appearance:none;
}
img{vertical-align:middle; border:none; outline:none; display:block;}
a{cursor:pointer; color:#555; text-decoration:none;}
a:link{text-decoration:none;}
a:hover{color:#555;}
a:focus, a:active{outline:none;}



/****** 공통사용 ******/
.clear {clear:both;}
.float_l {float:left;}
.float_r {float:right; }
.pd10 { padding:10px; }
.pd20 { padding:20px; }
.pd_t10 { padding-top:10px; }
.pd_t100 { padding-top:100px; }
.pd_b10 { padding-bottom:10px; }
.pd_l40 { padding-left:40px; }
.mg10 { margin:10px; }
.mg_t10 { margin-top:10px; }
.bg_w { background-color:#fff }


/* align */
.valign_07{vertical-align:-.7em}
.valign_06{vertical-align:-.6em}
.valign_05{vertical-align:-.5em}
.valign_04{vertical-align:-.4em}
.valign_03{vertical-align:-.3em}
.valign_02{vertical-align:-.2em}
.valign_01{vertical-align:-.1em}
.valign_00{vertical-align:0}
.valign01{vertical-align:.1em}
.valign02{vertical-align:.2em}
.valign03{vertical-align:.3em}
.valign04{vertical-align:.4em}

/* Font */
.font10{font-size:10px}
.font11{font-size:11px}
.font14{font-size:14px}
.font18{font-size:18px}
.font24{font-size:24px}
.font28{font-size:28px}
.font46{font-size:46px}
.font18_1{font:bold 18px Malgun gothic}
.font46_1{font:bold 46px/100px Verdana}
.font_my{font-family:Myriad Pro}
.font_va{font-family:Verdana}
.font_ta{font-family:tahoma}
.font_do{font-family:'Dotum'}

/* 간격, 폰트 */
.mt5{margin-top:5px}
.mt10{margin-top:10px}
.mt15{margin-top:15px}
.mt20{margin-top:20px}
.mt25{margin-top:25px}
.mt30{margin-top:30px}
.mt35{margin-top:35px}
.mt40{margin-top:40px}
.mt45{margin-top:45px}
.mt50{margin-top:50px}
.mt55{margin-top:55px}
.mt60{margin-top:60px}
.mt75{margin-top:75px}

/* 정렬 */
.taC{text-align:center}
.taR{text-align:right}
.taL{text-align:left;}
.pBox {overflow: hidden;position: relative; width:100%;}

.f_left { float: left }

/*COMMON*/
.clearfix:before, .clearfix:after{content:""; visibility:hidden; display:block; height:0; clear:both;}
.clearfix{zoom:1;}

/*HEADER*/
.header{ width:100%; /* border-top:3px solid #6b6b6b;*/}
.header .top{ display: block;  width:1100px;  margin:0 auto; position:relative; }
.header .top .gnb{ display: block; margin: 20px auto 20px }

.header .top .logo{ display: inline-block;  width:220px; padding:0; font-size:12px; vertical-align: middle}
.header .top .logo a { text-align:center;  color:#666}
.header .top .logo a strong { color: #295fc1; font-weight:800;}
.header .top .logo a h2 { font-size:38px; padding:0; margin:10px 0 0 0; text-align:left; color:#000 }


.header .top .gnb .search_all{ display: inline-block;  margin:0 0 0 80px; border: #295fc1 solid 3px; vertical-align: middle}
.header .top .gnb .search_all input { width: 350px; border: 0; margin: 0; padding: 0 10px; font-size: 16px;}
.header .top .gnb .search_all button { width: 80px; border: 0; background: url(/views/images/icon/ico_search_w.png) no-repeat 50% 50%; background-color: #295fc1; font-size: 18px; font-weight: 600; color: #fff; height: 40px; }



.header .top .gnb .smenu { float: right; margin-top: -20px; vertical-align: middle}

.header .top .gnb .top_banner {  float: right; margin-top: -15px; vertical-align: middle}

.header .top .gnb span.search_all img{display:inline-block;  vertical-align:middle;}
.header .top .gnb span.search_all input{border:none; border-bottom:1px solid #6b6b6b; width:150px; height:22px; color:#747474; /*background:#eaf2ff;*/}
.header .top .gnb span.search_all input:focus{height:22px; outline:none;}

.header .top .gnb span.login {  display:inline-block; padding:0; font-size:13px; margin:12px 0 0 0;}
.header .top .gnb span.login a:hover { color:#ff6600  }
.header .top .gnb span.login:after {content:'l'; display:inline-block; padding:0 10px; font-size:11px; font-family:돋움; color:#999}

.header .top .gnb span.join {  display:inline-block; padding:0; font-size:13px; margin:12px 0 0 0;}
.header .top .gnb span.join a:hover { color:#093 }
.header .top .gnb span.join:after { display:inline-block; padding:0 10px; font-size:11px; font-family:돋움; color:#999}



.nav{ display: block; width: 100%; height: 50px; background:#375bbc; }
.nav ul { width: 1100px; margin: 0 auto;}

.nav ul li{float:left; height:50px; line-height:50px;}
.nav ul li a{display:block; padding:0 20px; text-align:center; font-weight:600; font-size:16px; color:#fff; text-transform:uppercase; }
.nav ul li a:hover,
.nav ul li a:active,
.nav ul li a.selected,
.nav ul li a:focus{background:#577de3; color:#fff; }
.nav .favorite { display: none;  float: right; border:0; background-color: #23c4ae; color: #fff; border-radius: 2em; padding:5px 20px; margin-top: 9px }
.nav ul span { float: right; color:#fff; line-height:50px; font-size:16px;  }
.nav ul span strong { color:#7ecef4 }



/* 전체메뉴 펼치기 */
.menu_all{display:none; position:absolute; z-index:100; width:758px;  background:#fff; margin:0 auto; padding:20px 0 10px; text-align:center;border: #ccc solid 1px; box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.05);
}
.menu_all h1{font-size:14px; color:#333; font-weight:600; text-align:left; padding-left:0; margin-bottom:10px;}
.menu_all ul{display:inline-block; margin:0 auto; padding:0 25px; text-align:center; vertical-align:top;}
.menu_all li{ margin:0 0 15px 0; text-align:left;}
.menu_all li a:before{content:counter(item, disc) ""; color:#555; padding-right:1px;}
.menu_all li a {padding:2px 7px 3px 7px; line-height:1.8em; color:#666; text-decoration:none; font-size:14px;}
.menu_all li a:hover{ color:#295fc1; border-radius:3px; text-decoration: underline}


/*LAYOUT*/
.content{width:1100px; margin:15px auto 30px;}
.content.index{margin-top:30px;}
.content .left_con{width:760px; float:left; margin-right:20px;}
.content .right_con{width:300px; float:right;}
/*INDEX*/
/*SLIDER*/
.bxslider img{ border-bottom:1px solid #6b6b6b; border-top:1px solid #6b6b6b; margin-bottom:15px;}
.bxslider .bnr_content p.bnr_title{font-size:28px; height:36px; color:#333; font-weight:bold; line-height:36px; display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-box-orient:vertical; -webkit-line-clamp:1; margin-bottom:15px;}
.bxslider .bnr_content p.bnr_info{font-size:16px; height:22px; line-height:22px; display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-box-orient:vertical; -webkit-line-clamp:1;}



/* main_banner */
.main_banner { width: 100%; min-height: 100px; border:0; background-color: aliceblue }
.main_banner img { width: 100%; height: auto;}


/*index_txtlist */

.index_txtlist { display: block; margin: 0;}
.index_txtlist ul { float: left; display:inline-block; width: calc(50% - 10px); margin-bottom: 25px }
.index_txtlist ul:first-child { margin-right: 20px;}
.index_txtlist h3 { display: block; padding: 5px 0 10px 0px; margin: 5px 10px 10px 0; border-bottom: #295fc1 solid 2px; font-size: 16px }
.index_txtlist h3 span {  display:block; float:right; font-size: 12px; color: #999  }
.index_txtlist h3 span.arrow { background:url(/views/images/ico/ico_arrow_radius.gif) no-repeat 96% 50%; padding-right: 20px; background-size: 16px;}
.index_txtlist ul li { font-size: 14px; line-height: 24px; list-style-type: disc; margin-left: 20px }
.index_txtlist ul li a {  display: inline-block; max-width: calc(100% - 0px); height: 24px;text-overflow: ellipsis;padding: 0; margin: 0; overflow: hidden; white-space: nowrap;vertical-align: middle }
.index_txtlist ul li img { display: inline-block; vertical-align: middle }



.index_movlist { display: block; margin-top: 20px;}
.index_movlist ul {   }
.index_movlist h3 { background:url(/views/images/ico/ic_live_tv.png) no-repeat 0 2px; padding: 5px 0 10px 30px; margin: 5px 5px 5px 0; border-bottom: #333 solid 2px; font-size: 16px }
.index_movlist h3 span {  display:block; float:right; font-size: 12px; color: #999  }
.index_movlist h3 span.arrow { background:url(/views/images/ico/ico_arrow_radius.gif) no-repeat 100% 50%; padding-right: 20px; background-size: 16px;}
.index_movlist ul li { float: left; display: inline-block; font-size: 14px; width: 19%; height: 290px; vertical-align: top; margin:0 1% 0 0;  }
.index_movlist ul li:nth-of-type(5) {  margin:0; }
.index_movlist ul li span {  display:block; width: 100%; height: 20px; text-overflow: ellipsis;padding:0; margin:10px 0; overflow: hidden; white-space: nowrap;vertical-align: middle; text-align: center }

.index_movlist ul li img { display: block; vertical-align: middle; width: 100%; height: 230px; }


.index_4rd { display: block;  margin-top: 20px; }
.index_4rd ul { ; }
.index_4rd h3 { background:url(/views/images/ico_tit_15.png) no-repeat 0 0; padding: 5px 0 10px 34px; margin: 5px 5px 5px 0;font-size: 18px; background-size: 32px }
.index_4rd h3 span {  display:block; float:right; font-size: 12px; color: #999  }
.index_4rd h3 span.arrow { background:url(/views/images/ico/ico_arrow_radius.gif) no-repeat 100% 50%; padding-right: 20px; background-size: 16px;}
.index_4rd ul li { float: left; display: inline-block; font-size: 16px; width: 280px; height:auto; vertical-align: top; margin:0 26px 0 0;   padding-bottom: 20px;}
.index_4rd ul li:nth-of-type(4) {  margin:0; }
.index_4rd ul li span {  display:block; width: 100%; height: 20px; text-overflow: ellipsis;padding:0; margin:10px 0 0; overflow: hidden; white-space: nowrap;vertical-align: middle; text-align: left; font-weight: 600 }
.index_4rd ul li font { font-size: 12px; color:#999}
.index_4rd ul li img { display: block; vertical-align: middle; width: 100%; height: auto; }


.ad_left {  display: inline-block; width: 280px}
.ad_left a { display: block; margin: 0 0 20px 0}
.ad_left img { width: 100%}

.ad_mov { display: inline-block; border:0; margin:0; padding: 0 0 0 16px; vertical-align: top  }
.ad_mov iframe { width: 600px; height: 400px; border:0; margin:0; padding: 0; background-color: aliceblue; }
.ad_mov font { display: block; width: 600px; font-size: 13px; padding-top: 15px; text-align: center}


.ad_right { float: right;  width: 280px; vertical-align: top}
.ad_right a { display: block; margin: 0 0 20px 0}
.ad_right img { width: 100%}


.link_square  { display: block; width: 100%; text-align: center; margin: 20px auto; padding:16px 0 10px; border: #d2e3e8 solid 5px; border-radius: 100px;}
.link_square a { display: inline-block; text-decoration: none; border: 0; margin: 0 30px}
.link_square img { width: 48px; padding-bottom: 5px}


/*NEWS TICKER*/
.realtime_news{width:100%; height:48px; position:relative; border-top:1px solid #d8d8d8; border-bottom:1px solid #d8d8d8; overflow:hidden;}
.realtime_news.real_subtype{border-top:0; margin:-30px 0 15px 0;}
.realtime_news.real_subtype2{border:0; margin:-30px 0 0 0;}
.realtime_news.real_subtype2 .control_arrow{position:absolute; right:1px; top:12px;}
.realtime_news .news_title{height:48px; line-height:48px; display:inline-block; font-size:14px; color:#777; text-indent:10px;}
.realtime_news ul{position:absolute; left:100px; top:0; right:40px; height:48px;}
.realtime_news ul li{position:absolute; height:48px; width:97%; line-height:48px; display:none;}
.realtime_news ul li a{overflow:hidden; display:block; white-space:nowrap;text-overflow:ellipsis;}
.realtime_news ul li a .time{float:right; text-align:right; margin-right:15px;}
.realtime_news .control_arrow{width:50px; height:24px; position:absolute; right:10px; top:12px;}
.realtime_news .control_arrow span{width:24px; height:24px; cursor:pointer; border:1px solid #ccc;}
.realtime_news .control_arrow span.arrow_left{background:url(/views/images/ico/ico_realtime_arrow_left.gif) no-repeat center center; position:absolute; top:0; left:0;}
.realtime_news .control_arrow span.arrow_left:hover{background-image:url(/views/images/ico/ico_realtime_arrow_left_over.gif);}
.realtime_news .control_arrow span.arrow_right{background:url(/views/images/ico/ico_realtime_arrow_right.gif) no-repeat center center; position:absolute; top:0; right:-1px;}
.realtime_news .control_arrow span.arrow_right:hover{background-image:url(/views/images/ico/ico_realtime_arrow_right_over.gif);}



/*INDEX NEWS LIST*/
.index_newslist ul li{border-top:1px solid #d8d8d8; padding:21px 0;}
.index_newslist ul li:first-child{border-top:0;}
.index_newslist ul li .main_img{float:left; width:300px; height:200px; overflow:hidden; margin-right:25px;  border-radius:4px }
.index_newslist ul li .main_img img{width:300px; height:215px;}
.index_newslist ul li .news_section{color:#6b6b6b; font-weight:bold; font-size:20px;}
.index_newslist ul li .news_title{font-size:21px; line-height:26px; font-weight:600; margin:13px 0 10px; height:54px; display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-box-orient:vertical; -webkit-line-clamp:2;}
.index_newslist ul li .news_title a{display:block; color:#333;}
.index_newslist ul li .news_title a:hover{text-decoration:underline;}
.index_newslist ul li ul.sub_newslist:after{clear:both; content:''; display:block;}
.index_newslist ul li ul.sub_newslist li{border:0; padding:0; width:350px; height:21px; line-height:21px; overflow:hidden; text-overflow:ellipsis; -webkit-box-orient:vertical; -webkit-line-clamp:1;}
.index_newslist ul li ul.sub_newslist li a{color:#4c4c4c; font-size:13px;}
.index_newslist ul li ul.sub_newslist li a:hover{text-decoration:underline;}
/*SECTION NEWS LIST*/
.section_newslist ul li{border-top:1px dashed #d8d8d8; padding:20px 0;}
.section_newslist ul li:first-child{border-top:1px solid #d8d8d8;}
.section_newslist ul li:last-child{border-bottom:1px solid #d8d8d8;}
.section_newslist ul li:after{clear:both; content:''; display:block;}
.section_newslist ul li a{display:block;}
.section_newslist ul li a .section_img{float:left; width:200px; height:130px; overflow:hidden; margin-right:25px; background:url(/views/images/common/img_01.png) no-repeat 50% 50%; background-color:#ebebeb; border-radius:4px;} /* noimage 추가 15.08.04*/
.section_newslist ul li a .section_img img{width:200px; height:130px;} /* 가로 사이즈 수정 15.08.04*/
.section_newslist ul li a .section_info p.section_title{font-size:18px; color:#333; font-weight:bold; line-height:24px; margin-bottom:10px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.section_newslist ul li a .section_info p.section_contents{margin-bottom:10px; max-height:60px; overflow:hidden; text-overflow:ellipsis; -webkit-box-orient:vertical; -webkit-line-clamp:3; font-size:14px;}
.section_newslist ul li a .section_info p.section_date{font-size:13px;}



/*NEWS VIEW*/
.news_view p.view_section{background:#4d4d4d; height:30px; line-height:28px; font-size:16px; font-weight:bold; color:#fff; padding:0 15px; display:inline-block; margin-bottom:15px;}
.news_view p.news_title{font-size:30px; line-height:38px;  font-weight:600; letter-spacing:-0.05em; overflow:hidden; text-overflow:ellipsis; -webkit-box-orient:vertical; -webkit-line-clamp:2; max-height:80px; display:-webkit-box; margin-bottom:10px;}
.news_view p.news_title_m{font-size:18px; line-height:24px; font-weight:600; color:#999; overflow:hidden; text-overflow:ellipsis; -webkit-box-orient:vertical; -webkit-line-clamp:2; max-height:48px; display:-webkit-box; margin-bottom:10px;}
.news_view p.news_date{font-size:13px;}
.news_view .news_content{font-size:16px; line-height:28px; letter-spacing:0; border-bottom:1px solid #e3e3e3; padding:30px 0;}
.news_view .news_content hr{border:0; height:1px; background:#d8d8d8; margin:25px 0;}
.news_view .news_content img{max-width:860px; margin:auto;}
.news_view .news_content p.img_caption{text-align:center; font-size:12px; color:#999; line-height:18px; margin:10px 0;}
.news_view .news_content p.img_caption span{color:#ff2828;}
.news_view .news_content .share_sns{width:100%; text-align:center; position:relative;}
.news_view .news_content .share_sns ul.follow{margin:30px auto 0;}
.news_view .news_content .share_sns ul.follow li{display:inline-block; float:none;}
.news_view .news_content .share_sns a.view_original{float:right; display:block; width:160px; height:45px; line-height:45px; position:absolute; top:-3px; right:0; border:1px solid #d7d7d7; text-align:center; font-size:14px; font-weight:bold; background:url(/views/images/ico/ico_arrow_radius.gif) no-repeat 130px center; text-indent:-10px;}
.news_view .news_writer{height:55px; line-height:55px; font-size:12px;}
.news_view .news_writer p.reporter{float:left;}
.news_view .news_writer p.reporter a{letter-spacing:0;}
.news_view .news_writer p.reporter a:hover{text-decoration:underline;}
.news_view .news_writer .print { display:inline-block;  font-size:11px; background:url(/views/images/ico/printer2.png) no-repeat 0 50%; background-size:16px 16px; padding-left:20px; } /* 인쇄 추가 15.08.04 dt */
.news_view .news_writer p.copyright{float:right; text-align:right;}
/*PHOTO VIEW*/
.photo_gallary{width:100%; height:570px; background:#323232; margin-bottom:30px;}
.photo_gallary .gallary_thumb{position:relative; width:100%; height:100px; background:#655b59;}
.photo_gallary .gallary_thumb a.thumb_arrow_left{position:absolute; top:0; left:0; width:29px; height:100px; border-right:1px solid #504543; background:url(/views/images/ico/arrow_photothumb_left.gif) no-repeat center center #655b59;}
.photo_gallary .gallary_thumb a.thumb_arrow_right{position:absolute; top:0; right:0; width:29px; height:100px; border-left:1px solid #504543; background:url(/views/images/ico/arrow_photothumb_right.gif) no-repeat center center #655b59;}
.photo_gallary .gallary_thumb ul{width:978px; height:88px; border-left:1px solid #7f7472; border-right:1px solid #7f7472; position:absolute; top:0; left:30px; padding-top:12px;}
.photo_gallary .gallary_thumb ul li{width:110px; height:75px; float:left; background:#000; margin-left:10px;}
.photo_gallary .gallary_thumb ul li:first-child{margin-left:14px;}
.photo_gallary .gallary_thumb ul li a{display:block; width:110px; height:75px; cursor:pointer; z-index:2; background-position:center center; background-repeat:no-repeat; background-size:cover;}
.photo_gallary .gallary_thumb ul li.active a{width:104px; height:69px; border:3px solid #ff5c36;}
.photo_gallary .gallary_img{position:relative; width:100%; height:470px; background:#323232;}
.photo_gallary .gallary_img a.arrow_left{display:block; width:60px; height:60px; background:url(/views/images/ico/arrow_photoimg_left.png) no-repeat center center #606060; position:absolute; top:50%; left:0; margin-top:-30px;}
.photo_gallary .gallary_img a.arrow_right{display:block; width:60px; height:60px; background:url(/views/images/ico/arrow_photoimg_right.png) no-repeat center center #606060; position:absolute; top:50%; right:0; margin-top:-30px;}
.photo_gallary .gallary_img .imgbox{max-width:900px; max-height:460px; overflow:hidden; margin:10px auto 0;}
.photo_gallary .gallary_img .imgbox img{margin:auto;}
/*COMMENT*/
.comment{width:100%; margin-top:40px; border-bottom:1px solid #e0e0e0;}
.comment p.comment_title{font-size:16px; float:left; font-weight:bold;}
.comment p.comment_title span{font-size:14px; margin-left:10px; font-weight:normal;}
.comment p.comment_title span strong{color:#ff5027;}
.comment p.comment_notice{float:right; text-align:right; font-size:11px;}
.comment p.comment_notice a{color:#ff5027; margin-left:5px;}
.comment .coment_form{margin-bottom:30px;}
.comment .comment_box{width:696px; height:105px; padding:8px 10px; border:2px solid #ccc; margin:12px 0 5px; position:relative;}
.comment .comment_box p.text_count{position:absolute; left:15px; bottom:8px; font-size:12px; color:#adadad; letter-spacing:0;}
.comment .comment_box p.text_count span{color:#666; font-weight:bold;}
.comment .comment_box textarea{overflow:hidden; border:0; width:100%; height:75px; -webkit-appearance:none; outline:none; resize:none; word-break:break-all; word-wrap: break-word;}
.comment .comment_input input{display:inline-block; border:2px solid #ccc; width:120px; height:24px; line-height:22px; text-indent:10px; margin-right:5px;}
.comment .comment_input .autox_code{height:30px; font-size:12px; display:inline-block; float:right;}
.comment .comment_input .autox_code .code_txt{display:block; float:left; height:30px; line-height:26px; margin-right:10px;}
.comment .comment_input .autox_code .codebox{float:left;}
.comment .comment_input .autox_code .codebox span.code_num{float:left; display:block; background:#505050; width:60px; height:30px; text-align:center; color:#fff; font-size:18px; font-weight:bold; line-height:30px;}
.comment .comment_input .autox_code .codebox input.code{width:60px; border-left:0;}
.comment .comment_input button.regist{width:95px; height:30px; color:#fff; font-size:16px; font-weight:bold; background:#4d4d4d;}
ul.comment_list .user_name{height:28px; line-height:26px; color:#333; font-weight:bold; background:#f5f5f5; border-radius:3px; border:1px solid #e3e3e3; text-indent:15px;}
ul.comment_list .user_comment{padding:15px; font-size:13px;}
ul.comment_list .user_comment .comment_date{display:block; height:45px; line-height:45px; color:#999; font-size:12px; letter-spacing:0;}
ul.comment_list .user_comment .comment_date a.accuse{color:#999;}
ul.comment_list .user_comment .comment_date a.accuse:before{content:'l'; display:inline-block; margin:0 10px; font-size:11px;}

/* 삭제 팝업 추가 15.08.04 dt */
.code_del { position:absolute; margin-top:-25px; margin-left:200px; padding:20px 20px 15px; background:#fff; border-radius:3px; border:1px solid #e3e3e3;  text-align:center; display:none }
.code_del h5 { color:#666; font-size:12px; text-align:center; line-height:14px}
.code_del input { display:block; margin:15px auto 15px; width:180px; background:#666666; color:#e5e5e5; font-size:13px; padding:3px; 0; font-weight:normal; line-height:13px; border:none; text-align:center; border-radius:4px; }
.code_del .btn_m       { background:#ff6600; color:#fff; font-size:12px; text-align:center; border-radius:3px; padding:0 10px 2px 10px; border:0; }
.code_del .btn_m_close { background:#666666; color:#fff; font-size:12px; text-align:center; border-radius:3px; padding:0 10px 2px 10px; border:0; }
.code_del .btn_m:hover { background:#F00; }
.code_del .btn_m_close:hover { background:#333; }

.view_btn_area{width:100%; height:24px; margin-top:10px; text-align:right;}
.view_btn_area .btn_align{display:inline-block;}
.view_btn_area a{display:block; float:left; margin-left:15px; font-size:12px; line-height:22px;}
.view_btn_area a span{width:22px; height:22px; border:1px solid #ccc; display:block; float:left; margin-right:3px;}
.view_btn_area a.prev span{background:url(/views/images/ico/ico_realtime_arrow_left.gif) no-repeat center center;}
.view_btn_area a:hover.prev span{background-image:url(/views/images/ico/ico_realtime_arrow_left_over.gif);}
.view_btn_area a.top span{background:url(/views/images/ico/ico_realtime_arrow_top.gif) no-repeat center center;}
.view_btn_area a:hover.top span{background-image:url(/views/images/ico/ico_realtime_arrow_top_over.gif);}
/* 댓글전체보기 추가 15.08.04 dt */
.view_btn_area .all_comment { float:left;  background:#fff; border-radius:5px; border:1px solid #e3e3e3; padding:3px 10px }
.view_btn_area .all_comment strong { color:#4d4d4d }
.view_btn_area .all_comment:hover { background:#000; color:#fff;  border:1px solid #000;  }
/*PREMIUM AD*/
.premium_ad{width:654px; border:8px solid #ebebeb; padding:25px; font-weight:bold; color:#333; margin-bottom:15px;}
.premium_ad p.premium_title{font-size:16px; margin-bottom:12px;}
.premium_ad ul li{line-height:28px;}
.premium_ad ul li a:hover{text-decoration:underline;}

/*AD BANNER*/
.index_width_ad{ width:100%; border:0; overflow:hidden; margin:20px 0;}
.index_width_ad img{ width:100%; height:auto;}

/*AD BANNER*/
.notice_banner{width:100%; border:1px solid #d8d8d8; overflow:hidden; margin:0 0 20px 0;}
.notice_banner img{width:100%; height:auto;}


/*INDEX VIDEO BIG*/
.index_video{width:860px; }
.index_video .video_box{width:860px; min-height:405px; margin-bottom:5px;}
.index_video .video_info p.video_title{width:600px; float:left; font-size:26px; line-height:42px; font-weight:600; overflow:hidden; text-overflow:ellipsis; white-space: nowrap; margin-bottom:40px;}
.index_video .video_info p.video_date{width:120px; float:right; font-size:14px; text-align:right; letter-spacing:0;}
.index_video .video_info p.video_date span.hit{font-size:24px; font-weight:bold; color:#cc0000; display:block;}
/*PHOTO LIST*/
.photo_top_bnr{margin-bottom:25px;}
.photo_top_bnr ul.main_photo_list{float:left;}
.photo_top_bnr ul.main_photo_list li{float:left; width:350px; height:230px; margin-left:20px; position:relative;}
.photo_top_bnr ul.main_photo_list li:first-child{margin-left:0;}
.photo_top_bnr ul.main_photo_list li a{display:block;}
.photo_top_bnr ul.main_photo_list .main_photo_thumb{}
.photo_top_bnr ul.main_photo_list .main_photo_thumb img{width:350px; height:230px;}
.photo_top_bnr ul.main_photo_list .main_photo_info{position:absolute; bottom:0; left:0; width:330px; height:50px; background:rgba(0,0,0,0.55); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#55000000,endColorstr=#55000000); font-size:16px; font-weight:bold; padding:5px 10px;}
.photo_top_bnr ul.main_photo_list .main_photo_info p.photo_section{color:#fffd3a; line-height:24px;}
.photo_top_bnr ul.main_photo_list .main_photo_info p.photo_txt{color:#fff;}
.photo_top_bnr .photo_right_ad{width:300px; height:230px; float:right; overflow:hidden;}
.photo_top_bnr .photo_right_ad img{width:300px; height:230px;}
.tab_section{width:100%; height:40px; line-height:38px; border-top:2px solid #d8d8d8; border-bottom:1px solid #d8d8d8; background:#fafafa; margin-bottom:15px;}
.tab_section p.tab_section_title{width:120px; text-align:center; font-weight:bold; float:left; background:url(/views/images/ico/ico_realtime_arrow_right_over.gif) no-repeat 110px 14px;}
.tab_section ul{float:left;}
.tab_section ul li{float:left;}
.tab_section ul li:before{content:''; display:inline-block; width:1px; height:14px; background:#ddd; float:left; margin-top:13px;}
.tab_section ul li:first-child:before{content:''; display:none;}
.tab_section ul li a{display:block; padding:0 20px;}
.photo_board{border-bottom:1px solid #d8d8d8; padding-bottom:20px;}
.photo_board ul li{float:left; width:200px; margin:0 0 25px 10px;}
.photo_board ul li:first-child{margin-left:0;}
.photo_board ul li .photo_thumb{width:200px; height:130px;}
.photo_board ul li .photo_thumb img{width:200px; height:130px;}
.photo_board ul li .photo_info{line-height:18px; margin-top:5px; height:40px; overflow:hidden; text-overflow:ellipsis; -webkit-box-orient:vertical; -webkit-line-clamp:2; display:-webkit-box;}


/*RIGHT*/

.right_txtlist { display: block; margin: 0 0 12px 0; border:#ebebeb solid 5px; }
.right_txtlist ul { display:block; width: calc(100% - 40px); margin:15px auto; }
.right_txtlist ul:first-child { margin-right: 20px;}
.right_txtlist h3 { display: block; padding: 0; margin: 5px 0 10px 0; font-size: 16px }
.right_txtlist h3 span {  display:block; float:right; font-size: 12px; color: #999  }
.right_txtlist h3 span.arrow { background:url(/views/images/ico/ico_arrow_radius.gif) no-repeat 96% 50%; padding-right: 20px; background-size: 16px;}
.right_txtlist ul li { font-size: 13px; line-height: 24px; list-style-type: disc; margin-left: 15px; color: #4d4d4d  }
.right_txtlist ul li a {  display: inline-block; max-width: calc(100% - 0px); height: 24px;text-overflow: ellipsis;padding: 0; margin: 0; overflow: hidden; white-space: nowrap;vertical-align: middle }
.right_txtlist ul li img { display: inline-block; vertical-align: middle }

.right_txtlist2 { display: block; margin: 0 0 15px 0; border:#e3e3e3 solid 1px; }
.right_txtlist2 ul { display:block; width: calc(100% - 40px); margin:25px auto; }
.right_txtlist2 ul:first-child { margin-right: 20px;}
.right_txtlist2 h3 { display: block; padding: 0; margin: 5px 0 10px 0; font-size: 16px }
.right_txtlist2 h3 span {  display:block; float:right; font-size: 12px; color: #999  }
.right_txtlist2 h3 span.arrow { background:url(/views/images/ico/ico_arrow_radius.gif) no-repeat 96% 50%; padding-right: 20px; background-size: 16px;}
.right_txtlist2 ul li { font-size: 13px; line-height: 24px; color: #4d4d4d  }
.right_txtlist2 ul li a {  display: inline-block; max-width: calc(100% - 0px); height: 24px;text-overflow: ellipsis;padding: 0; margin: 0; overflow: hidden; white-space: nowrap;vertical-align: middle }
.right_txtlist2 ul li img { display: inline-block; vertical-align: middle }

.img_box{width:300px; height:auto; margin-bottom:20px;}
.img_box img{width:300px; height:auto;}
.line_box {width:260px; border:1px solid #ebebeb; padding:22px 19px; margin-bottom:20px; border-radius:4px; background-color:#f5f5f5}

.line_box p.linebox_title{font-size:14px; font-weight:bold; color:#333; margin:-5px 0 10px 0;}
.line_box p.linebox_title span.arrow{width:16px; height:16px; display:block; float:right; background:url(/views/images/ico/ico_arrow_radius.gif);}
.line_box .imgbox{width:260px; text-align:center;}
.line_box .imgbox p.img_caption{font-size:11px; color:#8b8b8b; text-align:center;}
.line_box .imgbox img{max-width:100%; height:auto; margin:auto;}
.line_box .column img{float:left; border:1px solid #e8e8e8; width:90px; margin-right:10px;}
.line_box p.photo_title{font-size:16px; font-weight:bold; color:#333; margin:12px 0 8px;}


.adult { margin:40px auto; text-align: center;  font-size: 16px; }
.adult .img_19 { margin:20px auto; text-align: center }
.adult a { display: block; padding:10px; text-decoration: underline;  font-size: 18px; }





ul.follow{width:248px; margin:auto;}
ul.follow li{width:40px; height:40px; display:block; float:left; margin-left:12px; cursor:pointer;  opacity:0.8} /* 15.08.04 투명도 조정 dt*/
ul.follow li:hover { opacity:1.0 }/* 15.08.04 투명도 조정 dt*/
ul.follow li:first-child{margin:0;}
ul.follow li a{display:block; cursor:pointer;}
ul.follow li.facebook{background:url(/views/images/ico/sns_facebook.png);}
ul.follow li.twitter{background:url(/views/images/ico/sns_twitter.png);}
ul.follow li.kakao{background:url(/views/images/ico/sns_kakaotalk.png);}
ul.follow li.linkedin{background:url(/views/images/ico/sns_linkedin.png);}
ul.follow li.vimeo{background:url(/views/images/ico/sns_vimeo.png);}


/* 읽기 dt 20200811 */
.app_view .read { }
.app_view .read h3 { font-size: 18px; font-weight: 600; margin: 25px 0 12px 0; color: #333333  }
.app_view .read h3 span { float: none; display: block;  font-size: 13px;}
.app_view .read h3 span font { font-size: 12px; color: #333;}
.app_view .read h3 .data_txt  {  float: right; font-size: 12px; color: #666;  }
.app_view .read h3 .data_txt font { font-size: 12px; color: #333; margin: 0 10px 0 4px; padding-right: 10px; border-right: #a1a1a1 solid 1px;}
.app_view .read h3 .data_txt font:last-child { padding: 0; border: none}


.app_view .board_view {  font-size: 16px; line-height: 1.5em; color: #333; padding:20px 0; border-top: #eeeeee solid 1px}
.app_view .board_view img { padding: 10px 0; max-width: 800px; }
.app_view .board_view p { padding: 10px 0}

.app_view .board_view .like_box{ width: 100%; display: block; text-align: center; margin:20px auto 0; padding: 20px 0 0; border-top: #eeeeee solid 1px; font-size: 16px;}
.app_view .board_view .like_box a { display: inline-block}
.app_view .board_view .like_box a img { display: inline-block}

.table_board_reply td.like_box button font { display: inline-block }

/*MEMBER*/

.login_r {width:100%; margin:0 auto 12px; }
.login_r .member_box{width:260px; border:1px solid #295fc1; padding:15px 19px 3px; }



.login_r .member_box.find_pw{padding:70px 140px 60px;}
.login_r .member_box p { display: inline-block; width: 160px; margin-bottom:6px; line-height:36px; vertical-align: top; line-height: 1.5em; }
.login_r .member_box p.nick { line-height:36px; }

.login_r .member_box .option{ display: block; height: 32px; line-height: 32px; margin: 5px 0 0; padding: 5px 0 0; font-size: 14px; border-top: #dadada solid 1px; text-align: center; }
.login_r .member_box .option input.checkbox_idsave{width:15px; height:15px; border:none; outline:none;}
.login_r .member_box .option label.id_save_txt{float:none; cursor:pointer; color:#555;}

.member_wrap .member_box .point { font-size: 21px;
    padding: 5px 0;
    font-weight: 600;
    color: #295fc1;
    text-align: left;
    display: block;
}


.login_r .member_box .option a.find_pw:before{content:'l'; color:#b2b2b2; font-size:11px; margin:1px 9px 0 5px; height:32px; line-height:32px; text-decoration:none;}
.login_r .member_box .option a.find_join { font-weight: 600 }

.login_r .member_box .myinfo { display: block; height: auto; line-height: 1.6em; margin:3px auto 0; text-align: center}
.login_r .member_box .myinfo span { display: inline-block; width: 30%; font-size: 13px; color: #808080; }
.login_r .member_box .myinfo span font { display: block; font-weight: 600; font-size: 15px; font-family:roboto; margin: auto; text-align: center}


.login_r .member_box input{width:150px; height:34px; line-height:34px; text-indent:10px; background:#fafafa; color:#808080; border:1px solid #bebebe; color:#555;}
.login_r .member_box input:first-child { margin-bottom: 5px}
.login_r .button_area{ float: right; width:100px; display: inline-block; text-align:left; vertical-align: top}

.login_r .button_area input{ width:15px; height:15px; line-height:15px; text-indent:12px; background:#fafafa; color:#808080; border:2px solid #bebebe; color:#555; margin: 0 5px 0 0 }
.login_r .button_area a { display: block; }
.login_r .button_area a span { font-size: 10px;}
.login_r .button_area a span.btn_on { background-color: #58c02b; color: #fff; border:#3b8926 solid 1px; margin-right: 5px; padding: 1px 2px 0  }

.login_r .button_area button{ width:90px; height:36px; line-height:36px; border-radius:0; font-size:15px; font-weight:bold; margin-top: 2px}
.login_r .button_area button.joinlogin{background:#295fc1; color:#fff;}
.login_r .button_area button.logout{background:#adb4c1; color:#fff;}












.member_wrap{width:1100px; margin:0 auto; min-height:500px;}
.member_wrap h3{ display: block;  font-size:30px; color:#333; font-weight: 600; border-bottom: #295fc1 solid 1px; padding: 40px 0 30px;}
.member_wrap h3 span{ display:inline-block; color:#295fc1; font-size:16px; margin-left: 15px; }

.member_wrap h4{ display: block;  font-size:16px; color:#666; font-weight: 600; border-bottom: #295fc1 solid 1px; padding: 40px 0 10px;}
.member_wrap .member_box{ border:1px solid #e6e6e6; margin: 30px auto; padding:40px 40px; border-radius:0; background-color: #fbfbfb}
.member_wrap .member_box .tip { color: #295fc1; border-bottom: #295fc1 solid 1px; padding:0 0 40px 0; margin-bottom: 40px;  }
.member_wrap .member_box.find_pw{padding:70px 140px 60px;}
.member_wrap .member_box p{height:38px; margin-bottom:6px; line-height:38px;}
.member_wrap .member_box p span { padding: 0 5px; font-size: 12px;}

.member_wrap .member_box p.option{height:20px; line-height:20px; text-indent:96px; font-size:12px; color:#F60;}
.member_wrap .member_box p.option input.checkbox_idsave{min-width: auto;  width:15px; height:15px; border:none; outline:none;}
.member_wrap .member_box p.option label.id_save_txt{float:none; cursor:pointer; color:#555;}
.member_wrap .member_box p.option a.find_pw:before{content:'l'; color:#b2b2b2; font-size:11px; margin:1px 9px 0 5px; height:32px; line-height:32px; text-decoration:none;}




.member_wrap .member_box p.newsletter{height:25px; line-height:25px; margin:0; font-size:12px; color:#999; text-indent:100px;}
.member_wrap .member_box p.newsletter input{display:inline-block; margin-top:-2px;}
.member_wrap .member_box p.newsletter label.yesno{float:none; color:#999; height:20px; line-height:20px;}
.member_wrap .member_box p.newsletter input.radio{width:15px; height:15px; border:none; outline:none; background:none;}
.member_wrap .member_box p button {min-width:72px; height:32px; line-height:32px; background:#295fc1; color:#fff; margin:0 5px;}

.member_wrap .member_box label{width:100px; float:left; color:#808080;}

.member_wrap .member_box input{min-width:120px; height:30px; line-height:30px; text-indent:10px; border-radius:0; background:#fff; color:#808080; border:1px solid #bebebe; color:#555;}
.member_wrap .member_box select{min-width:120px; height:34px; line-height:34px; text-indent:10px; border-radius:0; background:#fff; color:#808080; border:1px solid #bebebe; color:#555;}

.member_wrap .button_area{text-align:center; margin-top:30px;}
.member_wrap .button_area button{width:240px; height:36px; line-height:36px; border-radius:0; font-size:16px; font-weight:400; background:#bfbfbf; color:#fff;}
.member_wrap .button_area button.joinlogin{background:#295fc1; color:#fff;}
.member_wrap .button_area button.send_email{background:#295fc1; color:#fff;}







.lotto_auto{ margin:0 auto 30px; text-align: center }
.lotto_auto .auto_box{text-align:left; border:1px solid #e6e6e6; border-top:3px solid #295fc1; margin: 30px auto 10px; padding:40px 40px 20px; border-radius:0; background-color: #fbfbfb}
.lotto_auto .auto_box .tip { color: #295fc1; border-bottom: #295fc1 solid 1px; padding:0 0 40px 0; margin-bottom: 40px;  }
.lotto_auto .auto_box.find_pw{padding:70px 140px 60px;}
.lotto_auto .auto_box p{ display: block;  margin-bottom:12px; }
.lotto_auto .auto_box p span { float: right; padding: 0 5px; font-size: 12px;}

.lotto_auto .auto_box p.option{height:20px; line-height:20px; text-indent:0; font-size:12px; }
.lotto_auto .auto_box p.option input.checkbox_auto{min-width: auto;  width:15px; height:15px; border:none; outline:none;}
.lotto_auto .auto_box p.option label.auto_txt{float:none; cursor:pointer; color:#555;}
.lotto_auto .auto_box p.option a.find_pw:before{content:'l'; color:#b2b2b2; font-size:11px; margin:1px 9px 0 5px; height:32px; line-height:32px; text-decoration:none;}

.lotto_auto .auto_box input{min-width:60px; height:20px; line-height:20px; text-indent:3px; border-radius:0; background:#fff; color:#808080; color:#555;}
.lotto_auto .auto_box select{min-width:60px; height:24px; line-height:24px; text-indent:3px; border-radius:0; background:#fff; color:#808080; border:1px solid #bebebe; color:#555;}

.lotto_auto .auto_box .select_pick {}

.lotto_auto .auto_box .select_pick .infotxt_box { display: inline-block;width: 200px; min-height: 102px; float: right; padding: 16px; border:1px solid #e6e6e6; background-color: #fff; font-size: 13px; line-height: 1.2em; }

.lotto_auto .auto_box .select_pick p { margin-bottom: 4px;}
.lotto_auto .auto_box .select_pick p font { display: inline-block; width: 36px; border-radius: 2em; text-align: center; background-color: #333; color: #fff; }

.lotto_auto button{width:240px; height:36px; line-height:36px; border-radius:0; font-size:16px; font-weight:400; background:#bfbfbf; color:#fff; margin: auto}
.lotto_auto button.joinlogin{background:#295fc1; color:#fff;}
.lotto_auto button.send_email{background:#295fc1; color:#fff;}

.lotto_auto .btn_auto_add { width: auto; height:auto; line-height:21px;  background-color: #999999; font-size: 14px; font-weight: 400; color: #fff;  padding: 0px 18px; border-radius: 2em; border:none;  margin: 0 }
.lotto_auto .btn_auto_add:hover { background-color: LightSeaGreen}


.dashed_line { display: block; border-top:#d9d9d9 dashed 1px; margin: 20px 0}
.dashed_line2 { display: block; border-top:#d9d9d9 dashed 1px; margin: 6px 0}

/*FOOTER*/
.footer{width:100%; margin:0 auto; text-align:center; font-size:12px; line-height:1.3em; padding:20px 0; background-color:#fff; color:#808080; border-top: #cccccc solid 1px;}
.footer p { width:100%; margin:0 auto; text-align:center;color:#808080; margin-bottom:10px; line-height:3em; font-size: 14px;}
.footer span { font-weight:100; color:#666; padding:0 5px; font-family:돋움 }
.footer .box { display:block; width:1100px; margin:0 auto;   }
.footer .box img { display:block; float:left; margin:22px 40px 22px 0; display:none}
.footer .box a:link {color:#808080;}
.footer .box a:active {color:#808080;}
.footer .box a:visited {text-decoration:none;}
.footer .box a:hover {color:#808080; text-decoration:none;}




/*policyBox*/
.policyBox{}
.policyBox>p{padding:10px 10px 10px 20px; line-height:18px; background: #fbfbfb; border:1px solid #e5e5e5; border-bottom:0;}
.policyBox .policyTxtArea01{border:1px solid #e5e5e5; padding:10px 10px 10px 20px; height:178px; overflow-y:scroll;}
.policyBox .policyTxtArea02{border:1px solid #e5e5e5; padding:10px 10px 10px 20px; height:128px; overflow-y:scroll;}
.policyBox .policyTxtArea03{border:1px solid #e5e5e5; padding:10px 10px 10px 20px; height:3300px; overflow-y:scroll;}
.policyBox .policyTxtArea04{border:1px solid #e5e5e5; padding:10px 10px 10px 20px; height:1650px; overflow-y:scroll;}
.policyBox .policyTxtArea05{border:1px solid #e5e5e5; padding:10px 10px 10px 20px; height:580px; overflow-y:scroll;}

.policyArea,.policyArea02{line-height:20px;}

.policyArea ul{padding-left:20px;}
.policyArea02 ul{padding-left:20px;}
.policyArea ol{padding-left:33px;}
.policyArea02 ol{padding-left:20px;}

.policyArea span.num{margin: 0 4px 0 -33px;}
.policyArea02 span.num{margin: 0 4px 0 -20px;}
.policyArea span.num1{margin: 0 4px 0 -20px;}

.policyArea .ol{border:1px solid #ddd;  background:#fbfbfb; overflow:hidden; padding:20px 30px 20px; line-height:23px;}
.policyArea .ol .ol_1{float:left; padding-right:120px;}
.policyArea .ol .ol_2{float:left;}
.policyArea .ol span.num{margin: 0 15px 0 -35px;}
.policyArea h4{font-size:14px; margin:25px 0 10px;}
.policyArea strong{font-weight:normal;}
.policyArea li{margin-bottom:10px;}

.policyArea02 .ol{border:1px solid #ddd;  background:#fbfbfb; overflow:hidden; padding:20px 30px 20px; }
.policyArea02 .ol li{margin-bottom:0;}
.policyArea02 .ol .ol_1{float:left; padding-right:120px;}
.policyArea02 .ol .ol_2{float:left;}
.policyArea02 .ol span.num{margin: 0 15px 0 -35px;}
.policyArea02 h4{color:#444; font-size:14px; margin:25px 0 10px;}
.policyArea02 h5{font-weight:bold; font-size:12px; margin-top:15px}
.policyArea02 strong{font-weight:normal;}
.policyArea02 li{margin-bottom:5px;}

.policyArea li p{}
.policyArea02 li p{}








/*company*/

.content .company { width:800px; float:left; margin-left:60px;}
.content .sub_menu { width:180px; float:left; }

.location {  display:block; float:right; margin:10px 10px 0 0; font-size:11px; line-height:12px;  color:#a5a5a5; background:url(/views/images/ico/home.gif) no-repeat 0 1px; padding-left:16px; }
.location strong { font-weight:normal; color:#484848}
.location img { display:inline-block;  margin:0 6px; vertical-align:0.1em }

.company_tit { font-size:24px; color:#4c4c4c; font-weight:400; border-bottom:#d4d4d4 solid 1px;  padding:40px 0 22px }

.ceo { display:block; font-size:14px; line-height:21px; color:#666666; width:520px; padding-right:280px; background:url(/views/images/company/img_ceo.png) no-repeat 100% 60px }
.ceo strong { display:block; font-size:30px; color:#4c4c4c; padding:60px 0;  font-weight:400; letter-spacing:-0.05em  }

.outline { margin:30px 0}
.outline span { display:inline-block; width:45%;}
.outline span strong { display:block; color:#a25e40; font-size:18px; font-weight:400; margin-bottom:5px; }

.address { background-color:#fafafa; border:#e5e5e5 solid 1px; padding:20px 30px }
.address span { display:inline-block; width:65%; font-size:15px; }
.address span strong { display:block; font-weight:600; margin-bottom:5px; }

.address ul {  display:inline-block; width:26%; padding-left:40px; font-size:18px; border-left:#e5e5e5 solid 1px;}
.address ul li { display:block; }
.address ul li strong { float:left; width:70px; font-weight:300;}

.ad_tit { display:block;  padding:20px 20px; font-size:15px; }
.ad_tit strong { font-weight:500; color:#6b6b6b}





/*sub_menu*/
.sub_menu { float:left; position:relative; width:168px; height:100%; margin:0; padding:0 0 250px 0; list-style:none;  background:url(/views/images/company/bg_sub_menu.gif) repeat-y 100% 0 }
.sub_menu h2 { border-bottom:#333 solid 2px; padding:32px 0; margin-bottom:1px; font-size:26px; font-weight:400; color:#4d4d4d; text-align:center}

.sub_menu li { margin:0; padding:0; list-style:none;  }

.sub_menu a { float:left; width:168px; padding:6px 0 8px 12px; border-bottom:#dedede solid 1px; color:#666666; letter-spacing:-0.1em}
.sub_menu a:hover,
.sub_menu a:active,
.sub_menu a.selected { color:#000; text-decoration:none; background:url(/views/images/ico/bu_pg1_r1.gif) no-repeat 90% 50% }

.sub_menu .none { border-bottom:none;padding:8px 0 10px 32px;  }
.sub_menu .none2 { border:none; padding:2px 0 3px 42px;  width:158px; }
.sub_menu .none3 { border-top:none;padding:2px 0 10px 42px;  width:158px;}
.sub_menu .end { border-bottom:none;  background:url(/views/images/nav/nav_sub_end.png) no-repeat 100% 100%; background-color:#283950}

.sub_menu_add { position:relative; margin:362px 0 0 0; padding:0; list-style:none; }
.sub_menu_add span { float:left; margin:0; }
.sub_menu_add a { position:relative; margin:0 0 8px 0; padding:0; list-style:none; background-color:none; border:0}
.sub_menu_add img { width:200px; }


/* 연관검색어 15.09.16*/
.related_search { border-top:1px dashed #d8d8d8; padding:20px 0; }
.related_search h3 { }
.related_search a { padding:2px 5px;}
.related_search span a { color:#30F; text-decoration:underline }

/*SECTION NEWS LIST
.section_newslist ul li{border-top:1px dashed #d8d8d8; padding:20px 0;}
.section_newslist ul li:first-child{border-top:1px solid #d8d8d8;}
.section_newslist ul li:last-child{border-bottom:1px solid #d8d8d8;}
.section_newslist ul li:after{clear:both; content:''; display:block;}
.section_newslist ul li a{display:block;}
.section_newslist ul li a .section_img{float:left; width:200px; height:130px; overflow:hidden; margin-right:25px; background:url(/views/images/common/img_01.png) no-repeat 50% 50%; background-color:#ebebeb}
.section_newslist ul li a .section_img img{width:200px; height:130px;}
.section_newslist ul li a .section_info p.section_title{font-size:18px; color:#333; font-weight:bold; line-height:24px; margin-bottom:10px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.section_newslist ul li a .section_info p.section_contents{margin-bottom:10px; max-height:60px; overflow:hidden; text-overflow:ellipsis; -webkit-box-orient:vertical; -webkit-line-clamp:3;}
.section_newslist ul li a .section_info p.section_date{font-size:12px;}*/

/*검색페이지 추가 15.09.16*/
.section_searchlist h3 { border-top:1px solid #d8d8d8; padding:10px 0 0 0; }
.section_searchlist h3 span { border:1px solid #d8d8d8; border-radius:2px; margin-left:5px; font-size:11px; padding:0 2px; }
.section_searchlist ul li{border-top:1px dashed #d8d8d8; padding:10px 0;}
.section_searchlist ul li:first-child{border-top:none}
.section_searchlist ul li:last-child{border-bottom:1px solid #d8d8d8;}
.section_searchlist ul li:after{clear:both; content:''; display:block;}
.section_searchlist ul li a{display:block; }
.section_searchlist ul li a:hover{ text-decoration:underline; opacity:0.8 }
.section_searchlist ul li a .section_img{float:left; width:100px; height:70px; overflow:hidden; margin-right:25px; background:url(/views/images/common/img_01.png) no-repeat 50% 50%; background-color:#ebebeb}
.section_searchlist ul li a .section_img img{width:100px; height:70px;}
.section_searchlist ul li a .section_info p.section_title{font-size:18px; color:#333;  line-height:24px; margin-bottom:4px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.section_searchlist ul li a .section_info p.section_contents{margin-bottom:4px; max-height:20px; overflow:hidden; text-overflow:ellipsis; -webkit-box-orient:vertical; -webkit-line-clamp:3;}
.section_searchlist ul li a .section_info p.section_date{font-size:13px; color:#419400}*/

.section_searchblog { margin:20px 0 0 0 }
.section_searchblog h3 {  padding:10px 0 0 0; margin:20px 0 0 0 }
.section_searchblog h3 span { border:1px solid #d8d8d8; border-radius:2px; margin-left:5px; font-size:11px; padding:0 2px; }
.section_searchblog ul li{border-top:1px dashed #d8d8d8; padding:10px 0;}
.section_searchblog ul li:first-child{border-top:none}
.section_searchblog ul li:last-child{border-bottom:1px solid #d8d8d8;}
.section_searchblog ul li:after{clear:both; content:''; display:block;}
.section_searchblog ul li a{display:block; }
.section_searchblog ul li a .section_info p.section_title{font-size:18px; color:#36F; line-height:24px; margin-bottom:4px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.section_searchblog ul li a .section_info p.section_contents{margin-bottom:8px; max-height:20px; overflow:hidden; text-overflow:ellipsis; -webkit-box-orient:vertical; -webkit-line-clamp:3;}
.section_searchblog ul li a .section_info p.section_date{ display:inline-block; width:70px;  font-size:13px;  border:1px solid #d8d8d8; border-radius:2px;  font-size:11px; padding:0 5px; text-align:center }*/
.section_searchblog ul li a .section_info p.section_date:hover{ text-decoration:underline; opacity:0.8 }

.section_searchweb { margin:20px 0 0 0 }
.section_searchweb h3 {  padding:10px 0 0 0; margin:20px 0 0 0 }
.section_searchweb h3 span { border:1px solid #d8d8d8; border-radius:2px; margin-left:5px; font-size:11px; padding:0 2px; }
.section_searchweb ul li{border-top:1px dashed #d8d8d8; padding:10px 0;}
.section_searchweb ul li:first-child{border-top:none}
.section_searchweb ul li:last-child{border-bottom:1px solid #d8d8d8;}
.section_searchweb ul li:after{clear:both; content:''; display:block;}
.section_searchweb ul li a{display:block; }
.section_searchweb ul li a .section_info p.section_title{font-size:18px; color:#36F; line-height:24px; margin-bottom:4px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.section_searchweb ul li a .section_info p.section_contents{margin-bottom:8px; max-height:60px; overflow:hidden; text-overflow:ellipsis; -webkit-box-orient:vertical; -webkit-line-clamp:3;}
.section_searchweb ul li a .section_info p.section_date{ display:inline-block; width:70px;  font-size:13px;  border:1px solid #d8d8d8; border-radius:2px;  font-size:11px; padding:0 5px; text-align:center }*/
.section_searchweb ul li a .section_info p.section_date:hover{ text-decoration:underline; opacity:0.8 }







.app_view { float: left; width:100%; }

.app_view h3 { display:block; width:100%; font-size:30px; color:#000; font-weight: 800; margin:30px 0;  text-align:left;  }
.app_view h3 font { font-size: 13px; font-weight: 400; margin: 0 0 0 10px; letter-spacing: 0.0em;}
.app_view h3 font strong { color: #0e8185}
.app_view h3 span { float:right; font-size:13px; color:#333; margin:10px 0 0 0; }
.app_view h3 span a { color:#666;  }
.app_view h3 span a:hover { color:#000; text-decoration:underline  }
.app_view h3 img { display:inline-block; width:32px; vertical-align:middle; margin-right:5px;}
.app_view .line_box { border-radius:6px; border:#cccccc solid 1px;padding:25px; margin:0 25px }
.app_view .line_box p {  }
.app_view .line_box input { line-height:2em; margin:5px 4px 5px 0; padding:0 5px; height:2em}
.app_view .line_box a {  font-size:14px; border-radius:3px; color:#fff; padding:7px 20px;  }
.app_view .line_box .add_text { font-size:12px; color:#F60 }



.app_view .adult .line_box { margin:20px auto; padding: 30px; width: 360px; font-size: 15px;}
.app_view .line_box .certification { margin-top: 15px;  }
.app_view .line_box .certification a { display: inline-block; width: calc(50% - 10px); border:1px solid #ebebeb; padding:16px 0; margin: 0 2px;  background-color:#fff; font-size:16px; color:#333; border-radius: 0; text-decoration: none   }
.app_view .line_box .certification a:hover, .app_view .line_box .certification .selected { color: #3dac4a; border:1px solid #3dac4a;   }




.paging{width:100%; text-align:center; clear:both; }
.paging_align {display:inline-block; text-align:center; height:40px; margin:15px auto 0;}
.paging a {display: block; float: left; border-radius: 5px; height: 24px; line-height: 24px; color: #666666; margin: 0 3px; padding: 0 8px; text-decoration: none; font-size: 12px; font-weight: 400;}
.paging a:hover{background:#295fc1; color:#fff; font-weight:400;}
.paging a.active{background:#295fc1; color:#fff; font-weight:400;}
.paging a.paging_arrow_left{background:url(/views/images/board/ico_arrow_prev3.gif) no-repeat center center;  background-size:auto; margin-right:5px}
.paging a.paging_arrow_right{background:url(/views/images/board/ico_arrow_next3.gif) no-repeat center center; background-size:auto; margin-left:5px}
.paging a.paging_arrow_left:hover { background:url(/views/images/board/ico_arrow_prev2.gif) no-repeat center center;}
.paging a.paging_arrow_right:hover{ background:url(/views/images/board/ico_arrow_next2.gif) no-repeat center center;}


.headline { display: block; width: auto; height: auto; min-height: 36px;padding: 6px; margin: 0; border:#ccc solid 1px; }
.headline p { padding: 6px 6px 0 12px; font-size: 16px; line-height: 1.6em; font-weight: 600; width: calc(100% - 60px); display: inline-block;}
.headline a { display: inline-block; margin: 5px 0 5px 10px;}
.headline a:hover { color: #295fc1; text-decoration: underline}
.headline .page_open{ position:absolute;     left: 50%;
    margin-left: 170px;   }

.headline_blue { display: block; width: auto; height: auto; min-height: 40px;padding: 6px; margin: 0; border:#ccc solid 1px; border-top: #295fc1 solid 2px; background-color: #fafafa }
.headline_blue h4 { display: inline-block; width: 150px; font-size: 14px; line-height: 40px; font-weight: 600; text-align: center }


.app_view .headline_blue .paging{ display:inline-block; width: calc(100% - 260px); text-align:center; clear:both; }
.app_view .headline_blue .paging_align { width: 940px;  display:inline-block; text-align:left; height:auto; margin:0 auto 0;}
.app_view .headline_blue .paging a {display:inline-block; float:none; border-radius:0; width:auto; height:40px; line-height:40px; color:#666666; margin:0 3px; font-size:13px; font-weight:400}
.app_view .headline_blue .paging a:hover{background:none; color:#000; font-weight:400; text-decoration:underline;}
.app_view .headline_blue .paging a.active{background:none; color:#000; font-weight:400; text-decoration:underline;}

.app_view .headline_blue .paging a.paging_arrow_left{ border:#ccc solid 1px; width: 14px; height: 14px;  vertical-align: middle; background:url(/views/images/board/ico_realtime_arrow_left.gif) no-repeat center center;  background-size:7px auto; margin:11px 4px 12px 0}
.app_view .headline_blue .paging a.paging_arrow_right{border:#ccc solid 1px; width: 14px; height: 14px;  vertical-align: middle; background:url(/views/images/board/ico_realtime_arrow_right.gif) no-repeat center center;  background-size:7px auto; margin:11px 0 12px 4px}
.app_view .headline_blue .paging a.paging_arrow_left:hover { background:url(/views/images/board/ico_realtime_arrow_left_over.gif) no-repeat center center;}
.app_view .headline_blue .paging a.paging_arrow_right:hover{ background:url(/views/images/board/ico_realtime_arrow_right_over.gif) no-repeat center center;}




.app_view .paging_tit{ position:relative; display:inline-block; text-align:center; clear:both; margin:-30px 0;  }
.app_view .paging_tit a {display:inline-block; float:none; border-radius:0; width:auto; height:40px; line-height:40px; color:#666666; margin:0; font-size:13px; font-weight:400; margin-bottom: 10px;}
.app_view .paging_tit a:hover{background:none; color:#000; font-weight:400; text-decoration:underline;}
.app_view .paging_tit a.active{background:none; color:#000; font-weight:400; text-decoration:underline;}
.app_view .paging_tit a.paging_arrow_left{ border:#ccc solid 1px; width: 18px; height: 18px;  vertical-align: middle; background:url(/views/images/board/ico_realtime_arrow_left.gif) no-repeat center center;  background-size:7px auto; margin:8px 0 12px 0}
.app_view .paging_tit a.paging_arrow_right{border:#ccc solid 1px; width: 18px; height: 18px;  vertical-align: middle; background:url(/views/images/board/ico_realtime_arrow_right.gif) no-repeat center center;  background-size:7px auto; margin:8px 0 12px -1px}
.app_view .paging_tit a.paging_arrow_left:hover { background:url(/views/images/board/ico_realtime_arrow_left_over.gif) no-repeat center center;}
.app_view .paging_tit a.paging_arrow_right:hover{ background:url(/views/images/board/ico_realtime_arrow_right_over.gif) no-repeat center center;}


.app_view .search_all{ display: block; margin:0 auto;  vertical-align: top; text-align: center  }
.app_view .search_all input { width: 240px; border: #295fc1 solid 1px; margin: 0; padding: 0 10px; font-size: 12px; height: 30px;}
.app_view .search_all button { width: 32px; height: 32px; border: 0; font-size: 16px; font-weight: 600; color: #fff; background: url(/views/images/icon/ico_search_w.png) no-repeat 50% 50%; background-size: 18px auto;  background-color: #295fc1;  }


.app_view .app_view_box { display: block; margin: 20px 0 10px 0}
.app_view .app_view_box a { background-color: #fff; border:#cccccc solid 1px; font-size: 14px; font-weight: 400; color: #333; padding: 3px 16px; margin-right: 5px;  }
.app_view .app_view_box a:hover { border:#4a57a8 solid 1px; }

.app_view .app_view_box a.btn_blue { background-color: #4a57a8; color: #fff; border:#4a57a8 solid 1px;  }
.app_view .app_view_box a.btn_blue:hover { background-color: #000; border:#000 solid 1px;  }

.app_view .app_view_box a.btn_write { background-color: #808080; color: #fff; border:#808080 solid 1px; padding: 6px 50px; margin: 0 }
.app_view .app_view_box a.btn_write:hover { background-color: #000; border:#000 solid 1px;  }

.app_view .app_view_box span { float: right }
.app_view .app_view_box button {  background-color: #ffd800; border-radius: 3px; padding: 3px }


.app_view .reply_box { display: block; margin: 30px 0 10px 0}
.app_view .reply_box a { background-color: #fff; border-left:#cccccc solid 1px; font-size: 14px; font-weight: 400; color: #333; padding: 0 8px; vertical-align: middle }
.app_view .reply_box a:hover, .app_view .reply_box a.selected { font-weight: 600; color: #000 }
.app_view .reply_box a:first-child { padding: 0 8px 0 0; border: none}
.app_view .reply_box span { float: right }
.app_view .reply_box span img { display: inline-block; padding-right: 5px; vertical-align: middle}

/****** 기본 테이블 구성 *********/

.admin_ico { float:right; margin:10px 0 10px 0 }
.admin_ico img { display:inline-block;  margin:0 0 0 8px; width:32px; height:32px; background-color:#909090; border-radius:23px; padding:3px }
.admin_ico img:hover { background-color:#2a2e4a; }

.bottom_ico { margin:20px 0 20px 0; text-align:right }
.bottom_ico img { display:inline-block;  margin:0 0 0 8px; width:32px; height:32px; background-color:#909090; border-radius:23px; padding:3px }
.bottom_ico img:hover { background-color:#2a2e4a; }

.table_notice {  width:calc(100% - 0); padding:0; margin:0 auto; border-spacing:0; border-top:2px #295fc1 solid; border-bottom:1px #808080 solid;  vertical-align:top; }
.table_notice tr:last-child td { border: 0}
.table_notice a:link,
.table_notice a:active,
.table_notice a:visited { color:#333; text-decoration:none;  text-align:left; }
.table_notice th { padding:10px 5px; font-weight:normal; color:#666;  text-align:center;  font-size:14px;  border-bottom:1px #808080 solid;  }
.table_notice td { vertical-align:middle; padding:10px 5px; border-bottom:1px #ddd dashed;  font-size:12px; color:#808080;  text-align:center;}
.table_notice td:first-child { width:55px; }

.table_notice td:nth-of-type(10n+2) { width:75px;  }
.table_notice td:nth-of-type(10n+3) { text-align:left; color:#000; font-size:14px; }
.table_notice td:nth-of-type(10n+4) { width:55px; }
.table_notice td:nth-of-type(10n+5) { width:55px; }
.table_notice td:nth-of-type(10n+6) { width:40px; }
.table_notice td:nth-of-type(10n+7) { width:40px; }

.table_notice td:nth-of-type(odd) { }
.table_notice caption { font-size:21px; color:#4c4c4c; text-align:left; padding:10px 0; }
.table_notice img { max-width:24px; display:inline-block}
.table_notice td span { font-size:12px; color:#F30; margin: 0 5px }



.table_notice2 {  width:calc(100% - 60px);padding:0; margin:0 auto; border-spacing:0; vertical-align:top;}
.table_notice2 a:link,
.table_notice2 a:active,
.table_notice2 a:visited { color:#333; text-decoration:none;  text-align:left; }
.table_notice2 th { background-color:#666666; padding:6px 10px; font-weight:normal; color:#fff;  text-align:center;  font-size:14px; }
.table_notice2 td { vertical-align:middle; padding:10px 10px; border-bottom:1px #ddd solid;  font-size:14px; color:#808080;  text-align:center;}
.table_notice2 td:first-child { width:40px; }
.table_notice2 td:nth-of-type(10n+3) { color:#333 }
.table_notice2 td:nth-of-type(10n+2) { text-align:left; font-weight:600;  }
/*.table_board td:last-child {  width:200px; }*/
.table_notice2 td:nth-of-type(odd) { }
.table_notice2 caption { font-size:21px; color:#4c4c4c; text-align:left; padding:10px 0; }
.table_notice2 img { max-width:24px; display:inline-block}
.table_notice2 font { width:40px; color:#fff; border-radius:3px;  }

.table_board_view { width:100%; border-top:0; border-bottom:#b7b7b7 solid 1px; margin:0 auto;}
.table_board_view img { vertical-align:middle;  }
.table_board_view a:link,
.table_board_view a:active,
.table_board_view a:visited { color:#333; text-decoration:none;}
.table_board_view th { background-color:#2a2e4a; padding:15px 10px 18px 30px; font-weight:400; color:#fff;  text-align:left; font-size:18px;  }
.table_board_view th img { max-width:24px; display:inline-block}
.table_board_view th strong { color:#fff; font-size:14px; margin-right:10px  }
.table_board_view th:last-child { text-align:right; font-size:13px; font-weight:400; color:#CCC }
.table_board_view th font { color:#fff; margin:0 15px 0 5px; }
.table_board_view td { vertical-align:middle; padding:30px 10px 30px 30px; border-bottom:1px #ddd solid; text-align:left; font-size:14px; }
.table_board_view td:nth-of-type(odd) { }
.table_board_view td img { display:block; max-width:600px; margin:10px 0; }

.table_board_reply { border-top:#808080 solid 1px; border-bottom:#808080 solid 1px; margin:0 auto;}
.table_board_reply img { display:inline-block; vertical-align:top;  }
.table_board_reply a:link,
.table_board_reply a:active,
.table_board_reply a:visited { color:#808080; text-decoration:none;}
.table_board_reply td { vertical-align:middle; padding:20px 30px; border-bottom:1px #ddd solid; text-align:left; font-size:14px; }
.table_board_reply td:nth-of-type(10n+2) { width:60%; text-align:left; font-weight:600 }
.table_board_reply td img {  }
.table_board_reply td a { display: block; padding:5px 10px 0 0; font-size:14px; color: #808080}
.table_board_reply td a:hover { color:#295fc1; text-decoration:underline}


.table_board_reply td span { display:block;vertical-align:top; font-size:14px; margin:0; font-weight: 600}
.table_board_reply td span font { display:block; font-size:11px; color: #b2b2b2; }
.table_board_reply td span font strong { color:#000   }


.reply_top {  }
.reply_top p { display:block; border:#c6c6c6 solid 1px; border-top: #295fc1 solid 2px; padding:15px; background-color:#f8fbfc  }
.reply_top span { display:inline-block; width: 110px; vertical-align:top; font-size:14px; margin:0 0 0 10px; font-weight: 600}
.reply_top font { display:inline-block; font-size:14px; color: #b2b2b2; margin-left: 123px; margin-top:15px  }
.reply_top font strong { color:#000   }
.reply_top textarea {display:inline-block; width:calc(100% - 146px); height:70px; border:#c6c6c6 solid 1px; padding:10px; color:#555555; font-size:14px; line-height:24px;vertical-align:top;  }
.reply_top button { float:right; display:inline-block; text-align:center;  margin:10px auto 0; font-size:15px; color:#fff; width:150px; line-height:30px; height:30px; background-color:#295fc1; border:0; border-radius:0; vertical-align:top;}

.table_board_reply td.reply {  vertical-align:top; background-color:#f5fafd; padding:20px 10px; }
.table_board_reply td.reply p { display:inline-block; width:calc(100% - 90px); border:#c6c6c6 solid 1px; padding:15px; background-color:#f8fbfc  }
.table_board_reply td.reply span { display:inline-block; width: 110px; vertical-align:top; font-size:14px; margin:0 0 0 10px; font-weight: 600}
.table_board_reply td.reply font { display:inline-block; font-size:14px; color: #b2b2b2; margin-left: 123px; margin-top:15px  }
.table_board_reply td.reply font strong { color:#000   }
.table_board_reply td.reply textarea {display:inline-block; width:calc(100% - 146px); height:70px; border:#c6c6c6 solid 1px; padding:10px; color:#555555; font-size:14px; line-height:24px;vertical-align:top;  }
.table_board_reply td.reply button { float:right; display:inline-block; text-align:center;  margin:10px auto 0; font-size:15px; color:#fff; width:150px; line-height:30px; height:30px; background-color:#295fc1; border:0; border-radius:0; vertical-align:top;}

.table_board_reply td.reply_r {  vertical-align:top; background-color:#f5fafd; border-bottom:1px #ebebeb solid; padding:20px 10px; }
.table_board_reply td.reply_r p { display:inline-block; width:calc(100% - 80px); border:0; padding:0 16px; background-color:transparent}
.table_board_reply td.reply_r span { display:block;vertical-align:top; font-size:14px; margin:0; font-weight: 600}
.table_board_reply td.reply_r span font { display:block; font-size:11px; color: #b2b2b2; }
.table_board_reply td.reply_r span font strong { color:#000   }
.table_board_reply .ico_reply_r { vertical-align: top; float: left; display: block; padding: 0 15px 0 20px }

.table_board_reply td.like_box { text-align: right; color: #4d4d4d; font-size: 11px; vertical-align: bottom   }
.table_board_reply td.like_box img { padding-right: 5px; vertical-align:middle }
.table_board_reply td.like_box button { text-align: right;  background-color: transparent; margin-left: 20px;  }


::placeholder {
    color: #b2b2b2;
    opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #b2b2b2;
}

::-ms-input-placeholder { /* Microsoft Edge */
    color: #b2b2b2;
}




/****** 쓰기 ********
.ad_tit { display:block;  padding:20px 20px; font-size:16px;  text-align:left}
.ad_tit strong { font-weight:500; color:#ff4216}

.write {  width:100%; border-top:#575757 solid 2px; border-bottom:#b7b7b7 solid 1px; margin:0 auto; }
.write .none { border:none; }
.write th { width:150px; background-color:#fafafa; font-size:14px; font-weight:600; color:#7b7b7b; border-top:#e1e1e1 solid 1px; text-align:left; padding:5px 0 5px 25px }
.write td { font-size:12px; color:#e5e5e5; border-top:#d8d8d8 solid 1px; text-align:left; padding:7px 0 7px 15px; }
.write td input.i_box { width:calc(100% - 20px); border:#c6c6c6 solid 1px; padding-left:5px; color:#555555; font-size:14px; line-height:24px; height:24px }
.write td textarea.t_box { width:calc(100% - 24px); height:150px; border:#c6c6c6 solid 1px; padding-left:5px; color:#555555; font-size:14px; line-height:24px; }
.write td select.s_box { font-size:14px; line-height:24px;}
.write td.check { font:normal 12px/18px 나눔고딕, 돋움; color:#999999; letter-spacing:-0.05em}
.write td.smtit{color:#7b7b7b;  font-weight:bold; font-size:14px;  }
*/

.write {  width:100%; border-top:#295fc1 solid 2px; margin:0 auto; padding: 10px 0 0 0 }
.write input { width:calc(100% - 2px); border:#e0e0e0 solid 1px; padding:.5em 0; margin: .5em 0; color:#4c4c4c; font-size:16px; line-height:30px; height:30px; text-indent: 1.0em }
.write textarea { width:calc(100% - 2px); min-height:150px; border:#e0e0e0 solid 1px; padding:.5em 0; margin: .5em 0; color:#4c4c4c; font-size:16px; line-height:24px; text-indent: 1.0em }
.write .s_box { margin: .5em 0; }
.write .s_box select { width: 250px; color:#4c4c4c; font-size:16px; line-height:24px; border:#e0e0e0 solid 1px; padding: .5em 0; text-indent: 0.8em }
.write .s_box font { float: right;  font-size: 13px; line-height:40px; color: #295fc1; vertical-align: middle }



.btn { display:block;clear:both; width:100%; height:80px; text-align:center; padding-bottom: 30px;}
.btn button { text-align:center; margin:20px 0; font-size:16px; color:#fff; width:180px; line-height:40px; height:40px; background-color:#295fc1; border:0; border-radius:0; }

.schbox {float:left; width:100%; height:40px; text-align:center; padding:10px; 0 0 0;}
.schbox select {height:22px; width:80px;}
.schbox .put{ border:#888 solid 1px; padding-left:5px; color:#555555; font:normal 14px/20px 나눔고딕, 돋움; line-height:24px; height:24px }
.schbox .schbtn {width:54px; height:22px; background-color:#eee; border:1px solid #909090; color:#666; font-size:12px; line-height:22px;  background:url(/views/images/board/btn_sch.gif) no-repeat 0 0; cursor:pointer; }

/* faq page */
.section_qa {overflow:hidden;width:calc(100% - 60px);height:100%;margin:0 auto;  }
.h_txt{float:left;width:196px; height:42px;background:url(/views/images/board/sp.png) 0 -380px no-repeat}
.con{font-size:12px;line-height:18px}
.section_qa .con{height:100%; margin-bottom:50px}
.section_qa .faq_area{border-bottom:1px solid #575757}
.section_qa .faq_area li{position:relative;overflow:hidden;height:100%;border-top:1px solid #d2d2d2;vertical-align:top; text-align:left; }
.section_qa .faq_area li:first-child { border-top:2px solid #575757;  }
.section_qa .faq_area .notice_link_box{width:95%;padding:18px 0 18px 23px;font-size:16px; font-weight:bold;background:url(/views/images/board/ico_about3_q.png) 0 18px no-repeat;  }
.section_qa .faq_area .notice_link_box a{color:#222}
.section_qa .faq_area .notice_link_box.answer{width:100%; font-weight:normal; vertical-align:1.6em; border-top:1px solid #ebebeb;color:#666;background:url(/views/images/board/ico_about3_a.png) 0 19px no-repeat; padding-top:15px}
.section_qa .faq_area .notice_link_box .answer_con{width:100%; vertical-align:1.3em; padding:0;}
.section_qa .faq_area .notice_link_box .answer_con p { padding:0; margin:0}
.section_qa .faq_area .btn_answer{position:absolute;top:22px;right:6px;width:20px;height:11px;background:url(/views/images/board/sp.png) -210px -380px no-repeat}
.section_qa .faq_area .btn_answer.open{background:url(/views/images/board/sp.png) -210px -410px no-repeat}
.section_qa .faq_area .operating_hour{overflow:hidden}
.section_qa .faq_area .operating_hour dt{float:left;clear:both}
.section_qa .faq_area .operating_hour dd{float:left;margin-left:3px;width:80%}
.section_qa .faq_area li dt { display:none }
.blind,legend{overflow:hidden;position:absolute;top:0;left:0;width:0;height:0;font-size:0;line-height:0; padding:0; margin:0; border:0}

table { padding:0; margin:0; border-spacing:0; width:100%; /*border-left:#d9d9d9 solid 1px;*/ border-top:#575757 solid 2px; font-size:14px }
table .none { border:none; }
table td input.i_box { border:#c6c6c6 solid 1px; padding:0 3px; color:#555555; line-height:21px; height:21px; vertical-align:middle /*border-radius:5px;*/ }
table td textarea.t_box { width:96%; height:60px; border:#c6c6c6 solid 1px; padding:10px; color:#808080; line-height:21px; vertical-align:middle  }
table td select.s_box { width:auto; height:23px; padding-left:3px; vertical-align:middle }
table td.check { font-size:11px; color:#999999; letter-spacing:-0.05em}
table img { }
table caption { display:block; width:100%;  }
table caption span { float:right; text-align:right }
table tr:first-child th { border-top:0; }
table tr:first-child td { border-top:0; }
table th:last-child { border-right:0; }
table td:last-child { border-right:0; }
/*
table th[colspan] { border-right:#d9d9d9 solid 1px; }
table td[colspan] { border-right:#d9d9d9 solid 1px; }
*/
table td font { display:block }
table .right { text-align:right; padding-right:5px; }
table a { /*color:#06F*/ }
table a:link, a:active, a:visited {/*color:#2e88cc;*/ text-decoration:underline;}
table a:hover { color:#06F; text-decoration:underline }

table img { vertical-align:middle}
table input { vertical-align:middle; padding:0; margin:2px 0;}

table .i_box { border:#c6c6c6 solid 1px;}
table .i_box:hover { border:1px #09F solid}

table .ad_box { border:#666 solid 1px; background-color:#666; color:#fff; padding-left:3px}
table .ad_box:hover { border:#333 solid 1px; background-color:#808080;}

.search_box .ad_box { border:#666 solid 1px; background-color:#666; color:#fff; padding-left:3px}
.search_box .ad_box:hover { border:#333 solid 1px; background-color:#808080;}

.table .border_l { border-left:1px #ddd solid; text-align:center }
.table_striped tbody tr:nth-child(2n) td/*, .table_striped tbody tr:nth-child(2n) th*/ {background-color: #fcfcfc;}
.table_striped p { margin:0; padding:0  }

table tbody tr:hover td {background-color:#fafafa;}

.table_search { }
.table_search th {text-align:center; border:0; }
.table_search th,
.table_search td { padding:10px }

.table_none {  border:1px #ddd solid; border-bottom:0; }
.table_none td { border:none; text-align:left}

.table { width:100%; border-bottom:#b7b7b7 solid 1px; margin-top:5px; background-color:#fff; text-shadow:none;  }
.table th { color:#666666; border-top:#d9d9d9 solid 1px; padding:12px 0; margin:0; background-color:#f2f2f2; font-weight:600; border-right:#d9d9d9 solid 1px; }
.table td { color:#808080; border-top:#d8d8d8 solid 1px; padding:8px;  margin:0;  border-right:#e1e1e1 solid 1px;  text-align:right;}
.table th:first-child {}
.table td:first-child { text-align:center }

.left {}
.left td { text-align:left;  }
.center {}
.center td { text-align:center;  }
/*
.right td { text-align:right; }*/

.table_c { width:100%; border-bottom:#b7b7b7 solid 1px; margin-top:5px; background-color:#fff; text-shadow:none; text-align:center }
.table_c th { color:#666666; border-top:#d9d9d9 solid 1px; padding:5px 0; margin:0; background-color:#f2f2f2; font-weight:600;  border-right:#d9d9d9 solid 1px;  }
.table_c td { color:#808080; border-top:#d8d8d8 solid 1px; padding:5px 0;  margin:0;  border-right:#e1e1e1 solid 1px;}

.table_c2 { width:calc(100% - 60px); border-bottom:#b7b7b7 solid 1px; margin:5px auto; background-color:#fff; text-shadow:none; text-align:center }
.table_c2 th { color:#666666; border-top:#d9d9d9 solid 1px; padding:5px 0; margin:0; background-color:#f2f2f2; font-weight:600;  border-right:#d9d9d9 solid 1px;  }
.table_c2 td { color:#808080; border-top:#d8d8d8 solid 1px; padding:5px 0;  margin:0;  border-right:#e1e1e1 solid 1px;}
.table_c2 td img { display:inline-block; width:24px }

.table_list { width:100%; border-bottom:#b7b7b7 solid 1px; margin-top:5px; background-color:#fff; text-shadow:none; }
.table_list th { color:#666666; border-top:#d9d9d9 solid 1px; padding:12px; margin:0; background-color:#f2f2f2; font-weight:600; border-right:#d9d9d9 solid 1px; }
.table_list td { color:#808080; border-top:#d8d8d8 solid 1px; padding:8px;  margin:0;  border-right:#e1e1e1 solid 1px; line-height:1.8em}
.table_list td strong { display:inline-block;  min-width:145px; color:#000; font-weight:600 }

.table_list_r { width:calc(100% - 60px); border-bottom:#b7b7b7 solid 1px; margin:5px auto; background-color:#fff; text-shadow:none; text-align:center }
.table_list_r th { color:#666666; border-top:#d9d9d9 solid 1px; padding:5px 0; margin:0; background-color:#f2f2f2; font-weight:600;  border-right:#d9d9d9 solid 1px;  }
.table_list_r td { color:#808080; border-top:#d8d8d8 solid 1px; padding:5px 0;  margin:0;  border-right:#e1e1e1 solid 1px;}
.table_list_r td img { display:inline-block; width:24px }

.table_profit {  width:calc(100% - 60px); border-bottom:#b7b7b7 solid 1px; margin:5px auto; background-color:#fff; text-shadow:none; }
.table_profit th { color:#333; border-top:#d9d9d9 solid 1px; padding:12px 10px; margin:0; background-color:#fff; font-weight:600;  font-size:16px; text-align:left }
.table_profit td font { color:#2a2e4a; font-weight:600 }
.table_profit td { color:#333; border-top:#d8d8d8 solid 1px; padding:12px 10px;  margin:0; font-size:18px; text-align:right}


.table_drama {}
.table_drama th  { color:#fff; padding: 10px 0 }
.table_drama td { vertical-align: top; padding: 15px 10px; line-height: 1.8em;   }
.table_drama td:hover { background-color: #fff}
.table_drama tbody tr:hover td {background-color:none;}


.table_drama td a { display: block; text-decoration:none; background: url(/views/images/ico/bu_pg1_r1.gif) no-repeat 0 50%; padding-left: 10px;}

/*  table_popup  */
.table_popup { width:100%; margin:20px auto;  border-bottom:#b7b7b7 solid 1px; border-top:#575757 solid 2px;  background-color:#fff; text-shadow:none; }
.table_popup th { color:#666666; border-top:#d9d9d9 solid 1px; padding:5px; background-color:#f2f2f2; font-weight:400; border-right:#d9d9d9 solid 1px;  }
.table_popup th  { width:120px; }


.table_popup td { color:#808080; border-top:#d8d8d8 solid 1px; padding:8px;  margin:0;  border-right:#e1e1e1 solid 1px;}
.table_popup td.check { font-size:11px; color:#999999; letter-spacing:-0.05em}

.table_popup_c { width:100%; margin:20px auto;  border-bottom:#b7b7b7 solid 1px;  background-color:#fff; text-shadow:none; text-align:center }
.table_popup_c th { color:#666666; border-top:#d9d9d9 solid 1px; padding:8px 0 8px 0; margin:0; background-color:#f2f2f2; font-weight:600;  border-right:#d9d9d9 solid 1px;  }
.table_popup_c td { color:#808080; border-top:#d8d8d8 solid 1px; padding:8px;  margin:0;  border-right:#e1e1e1 solid 1px;}
.table_popup_c th:first-child {width:120px}

.table_popup_m {  margin:20px 0;  border-bottom:#b7b7b7 solid 1px;  background-color:#fff; text-shadow:none; text-align:left; margin-left:2%;  }
.table_popup_m th { min-width:80px; color:#666666; border-top:#d9d9d9 solid 1px; padding:8px 8px 8px 15px; background-color:#f2f2f2; font-weight:600; border-right:#d9d9d9 solid 1px; text-align:left; }
.table_popup_m td { min-width:160px; color:#808080; border-top:#d8d8d8 solid 1px; padding:8px 15px 8px 15px;  margin:0;  border-right:#e1e1e1 solid 1px;}

.table .error_tit { font:bold 30px/80px 맑은 고딕, 돋움; color:#333; letter-spacing:-0.05em; padding:10px; padding-left:70px; background:url(../../error/img/textimg/tit_error.gif) no-repeat 15px 31px }
.table .error_text { line-height:24px; padding:20px }


/* 페이지번호 */
.pager {margin:20px 0; padding:0; text-align:center; position:relative;}
.pager a {padding:2px 7px; display:inline-block; cursor:pointer; text-align:center; text-decoration:none;
    border:1px #ddd solid; margin-left:-1px; background-color:#fff; color:#666;
}

.pager a:first-child {
    border-radius:3px 0 0 3px;
    -webkit-border-radius:3px 0 0 3px;
    -moz-border-radius:3px 0 0 3px;
}
.pager a:last-child {
    border-radius:0 3px 3px 0;
    -webkit-border-radius:0 3px 3px 0;
    -moz-border-radius:0 3px 3px 0;
}
.pager a:hover, .pager a.active {background-color:#6d6d6d; color:#fff;}









/** 로또존 **/

.lotto_main_bottom { background-color: #69c8f2; padding: 30px;}
.lotto_main_bottom h3 { font-size: 36px; color: #fff; padding-bottom: 20px; margin:20px 0}
.lotto_main_bottom h3 span { float: right; color: #000; font-size: 14px; font-weight: 400}

.lotto_half { display: inline-block; width: calc(50% - 44px); background-color: #fff; border-radius: 20px; padding:0 20px}
.lotto_half h4 { text-align: left; font-size: 21px; padding: 1.4em 0; }
.lotto_half h4 span { float: right; }

.lotto_half table { border-top:#295fc1 solid 2px }
.lotto_half table td { font-size: 18px; padding:.5em; border-bottom: #ccc solid 1px; text-align: right}
.lotto_half table td:first-child { text-align: left }
.lotto_half table td.amount_t { font-size: 21px;  font-weight: 600; text-align: right; color: #ff3535; border-bottom: none; padding-bottom: 30px; }
.lotto_half table td font { display: inline-block; padding-right: 5px; font-weight: 600  }


.lotto_01 { display: block; background-color: #fff; border-radius: 20px; padding:0}

.lotto_01 h3 { font-size: 21px; padding: 0; }

.lotto_01 h4 { font-size: 21px; padding: 1.0em 0; }
.lotto_01 h4 font { font-size: 18px; color: #666; margin-left: 15px; padding: 0 }
.lotto_01 h4 font strong {color: #295fc1  }
.lotto_01 h4 span { float: right; font-size: 15px; line-height: 1.0em; }
.lotto_01 h4 span select { display:inline-block; width: 100px; color: #4c4c4c; font-size: 16px; line-height: 21px; border: #e0e0e0 solid 1px; padding: .5em 0; text-indent: 0.8em; vertical-align: middle; }
.lotto_01 h4 span button { display:inline-block; width: 90px; color: #fff;font-size: 16px;  line-height: 36px;  background-color: #295fc1;  }

.lotto_01 h5 { font-size: 18px; padding: 1.2em 0; }
.lotto_01 h5 span { float: right; font-size: 15px; line-height: 1.0em; }
.lotto_01 h5 span select { display:inline-block; width: 100px; color: #295fc1; font-size: 16px; line-height: 21px; border: #295fc1 solid 1px; padding: .5em 0; text-indent: 0.8em; vertical-align: middle; background-color: #f9fcff }
.lotto_01 h5 span button { display:inline-block; width: 90px; color: #fff;font-size: 16px;  line-height: 38px;  background-color: #295fc1;  }

.line_box1 { clear: both; display: block; width: 100%; height: 1px; background-color: #ebebeb; margin: 30px 0; }
.line_box2 { clear: both; display: block; width: 100%; height: 1px; background-color: #ebebeb; margin: 0 0; }


.lotto_01 table { border-top:#295fc1 solid 2px }
.lotto_01 table td { font-size: 18px; padding:.5em; border-bottom: #ccc solid 1px; text-align: right}
.lotto_01 table td:first-child { text-align: left }
.lotto_01 table td.amount_t { font-size: 21px;  font-weight: 600; text-align: right; color: #ff3535; border-bottom: none; padding-bottom: 30px; }
.lotto_01 table td font { display: inline-block; padding-right: 5px; font-weight: 600  }

.lotto_01 table td .list_text_data {  display: block; width: 360px; margin: auto; padding:50px 20px; background-color: #f9fcff; }
.lotto_01 table td .list_text_data ul { }
.lotto_01 table td .list_text_data li { display: block; border-bottom: #dadada solid 1px; font-size: 18px; line-height: 1.8em; padding: 5px; color: #666; text-align: left }
.lotto_01 table td .list_text_data li:last-child { border: none}
.lotto_01 table td .list_text_data li span { float: right; font-size: 24px; text-align: right }
.lotto_01 table td .list_text_data li span font { font-weight: 800; padding-right: 5px; font-size: 30px}




.lotto_nav { width: calc(100% - 100px); display:inline-block; margin: 0 auto; text-align: center; color: #ccc; font-size: 15px; font-weight: 100 }
.lotto_nav a { background-color: #fff; font-size: 15px; font-weight: 400; color: #333; padding:5px 0; margin:0 30px;  vertical-align: middle }
.lotto_nav a:hover, .lotto_nav a.selected { font-weight: 600; color: #295fc1; border-bottom: #295fc1 solid 2px }
.lotto_nav a:first-child { }
.lotto_nav span { float: right }
.lotto_nav span img { display: inline-block; padding-right: 5px; vertical-align: middle}

.lotto_main { display: block; margin: 0 0 12px 0; padding: 30px; border-top:#295fc1 solid 2px; background-color: #f9fcff }
.lotto_main h3 { display: block; padding: 0; margin: 10px 0 10px 0; font-size: 28px; font-weight: 400; }
.lotto_main h3 strong { font-weight: 600;}
.lotto_main h3 span {  display:block; float:right; font-size: 14px; color: #000; font-weight:400  }
.lotto_main h4 { display: block; padding: 0; margin: 0; font-size: 20px; color: #295fc1; font-weight:400 }

.lotto_r { display: block; margin: 0 0 12px 0; padding: 15px; background-color: #fbc400 }
.lotto_r h3 { display: block; padding: 0; margin: 5px 0 10px 0; font-size: 18px }
.lotto_r h3 span {  display:block; float:right; font-size: 11px; color: #000; font-weight:400  }
.lotto_r h4 { display: block; padding: 0; margin: 0; font-size: 14px; color: #fb3500 }

.font16 { font-size:16px }
.font18 { font-size:18px }

.nums {display:block; margin-top:26px; padding: 30px 20px; text-align: center; border-style: solid; border-width: 1px; border-color: rgb(218, 218, 218); border-radius: 20px; background-color: rgb(255, 255, 255); box-shadow: 0px 5px 16px 0px rgba(0, 0, 0, 0.07);}
.nums:after {content:""; display:block; clear:both}
.nums .num {/*float:left;*/ position:relative; display:inline-block; padding:0}
.nums .num ~ .num {margin-left:60px}
.nums .num > strong {position:absolute; left:0; bottom:-60px; right:0; font-size:32px; font-weight:normal; color:#555}
.nums .num p {padding:0px; border-radius:0px; background:#fafafa}
.nums .num p:after {content:""; display:block; clear:both}
.nums .num p span {float:left}
.nums .num p span ~ span {margin-left:4px}
.nums .num.bonus:before,
.nums .num.bonus:after {content:""; position:absolute; left:-30px; top:50%; background:#999}
.nums .num.bonus:before {width:20px; height:4px; margin:-2px 0 0 -10px}
.nums .num.bonus:after {width:4px; height:20px; margin:-10px 0 0 -2px}

.nums .list_text_data {  display: block; width: 500px; margin: auto; padding:20px 0 0; }
.nums .list_text_data ul { }
.nums .list_text_data li { display: block; border-bottom: #dadada solid 1px; font-size: 24px; line-height: 1.8em; padding: 5px; color: #666; text-align: left }
.nums .list_text_data li:last-child { border: none}
.nums .list_text_data li span { float: right; font-size: 24px; text-align: right }
.nums .list_text_data li span font { font-weight: 800; padding-right: 5px; font-size: 36px}

.nums .list_text_data2 {  display: block; margin: auto; padding:0; }
.nums .list_text_data2 ul { }
.nums .list_text_data2 li { display:inline-block; font-size: 21px; line-height: 1.0em; padding: 0 10px; color: #666; text-align: left }
.nums .list_text_data2 li span { font-size: 24px; text-align: right }
.nums .list_text_data2 li span font { font-weight: 800; padding:0 5px 0 15px; font-size: 32px}

.nums_r { display:block; margin:0 auto; padding:10px 0; border-radius:20px; background:#fff; font-family: roboto}
.nums_r:after {content:""; display:block; clear:both}
.nums_r .num {float:left; position:relative; padding-bottom: 8px}
.nums_r .num ~ .num {margin-left:2px}
.nums_r .num > strong {position:absolute; left:0; bottom:-30px; right:0; font-size:16px; font-weight:normal; color:#555}
.nums_r .num p { padding:5px; margin:0 0 0 8px;  }
.nums_r .num p:after {content:""; display:block; clear:both}
.nums_r .num p span {float:left}
.nums_r .num p span ~ span {margin-left:4px}
.nums_r .num.bonus:before,
.nums_r .num.bonus:after {content:""; position:absolute; left:3px; top:40%; background:#000}
.nums_r .num.bonus:before {width:14px; height:2px; margin:-1px 0 0 -7px}
.nums_r .num.bonus:after {width:2px; height:14px; margin:-7px 0 0 -1px}

.nums_r .list_text_data {  display: block; padding:0 10px; }
.nums_r .list_text_data ul { }
.nums_r .list_text_data li { display: block; border-bottom: #dadada solid 1px; font-size: 14px; line-height: 1.8em; padding: 5px; color: #666 }
.nums_r .list_text_data li span { float: right; }
.nums_r .list_text_data li span font { color:#ff3535; font-weight: 600; padding-right: 5px;}


.nums_t { text-align: center; border-bottom: #999 solid 1px; }
.nums_t th { border-bottom: #999 solid 1px; font-size: 14; text-align: center; padding: 7px 0 }
.nums_t .dashed td { border-bottom: #dfdfdf dashed 1px; text-align: center; padding: 0 }
.nums_t .dashed td:first-child { text-align: center}
.nums_t:after {content:""; display:block; clear:both}
.nums_t .num { display:block; margin:0 auto; text-align: center; position:relative; font-family: roboto; }
.nums_t .num ~ .num {margin-left:2px}
.nums_t .num > strong {position:absolute; left:0; bottom:-30px; right:0; font-size:16px; font-weight:normal; color:#555}
.nums_t .num p { padding:5px; margin:0 0 0 8px;  }
.nums_t .num p:after {content:""; display:block; clear:both}
.nums_t .num p span {float:none}
.nums_t .num p span ~ span {margin-left:4px}
.nums_t .num.bonus:before,
.nums_t .num.bonus:after {content:""; position:absolute; left:3px; top:40%; background:#000}
.nums_t .num.bonus:before {width:14px; height:2px; margin:-1px 0 0 -7px}
.nums_t .num.bonus:after {width:2px; height:14px; margin:-7px 0 0 -1px}

.lotto_01 .nums_t tr:last-child td { border-bottom: none}
.lotto_01 .nums_g tr:last-child td { border-bottom: none}





.nums_g { text-align: center; border-bottom: #999 solid 1px; }
.nums_g th { border-bottom: #999 solid 1px; font-size: 14; text-align: center; padding: 7px 0 }
.nums_g td:nth-of-type(1) { width: 60px;  font-size: 11px }
.nums_g td:nth-of-type(3) { width: 90px; font-size: 14px; font-weight: 600 }
.nums_g .dashed td { border-bottom: #dfdfdf dashed 1px; text-align: center; padding:6px 0 }
.nums_g .dashed td:first-child { text-align: center}
.nums_g:after {content:""; display:block; clear:both}
.nums_g .num { display:block; margin:0 auto; text-align: center; position:relative; font-family: roboto; }
.nums_g .num ~ .num {margin-left:2px}
.nums_g .num > strong {position:absolute; left:0; bottom:-30px; right:0; font-size:16px; font-weight:normal; color:#555}
.nums_g .num p { padding:5px; margin:0 0 0 8px;  }
.nums_g .num p:after {content:""; display:block; clear:both}
.nums_g .num p span {float:none}
.nums_g .num p span ~ span {margin-left:4px}
.nums_g .num.bonus:before,
.nums_g .num.bonus:after {content:""; position:absolute; left:3px; top:40%; background:#000}
.nums_g .num.bonus:before {width:14px; height:2px; margin:-1px 0 0 -7px}
.nums_g .num.bonus:after {width:2px; height:14px; margin:-7px 0 0 -1px}


.nums_pattern  { display: block; border-top: #808080 solid 2px;  border-bottom: #999 solid 1px; padding: 20px 0 }
.nums_pattern em { display: block; text-align: center }
.nums_pattern ul {  display: block; height: auto }
.nums_pattern ul li { display: inline-block;  width: 160px; border:#791312 solid 1px; border-radius: 3px; margin: 8px 10px;  }
.nums_pattern ul li p { display: block; color: #fff;  width:100%; height: 32px; line-height: 32px; font-size: 16px;  background-color: #ff5c5f; text-align: center }
.nums_pattern ul li span { float: left; display: block;
    width: 18px; height: 28px; line-height: 28px; font-size: 12px; color: #ff5c5f; text-align: center; margin:3px 0 3px 4px;
    background-image:url(/views/images/bg_lotto_box.png); background-size:100% auto;
}
.nums_pattern ul li span.checked { background-color: #000; background-image: none; color: #fff; font-weight: 600 }

/* 645 ball */
.ball_645 {display:inline-block; border-radius:100%; text-align:center; vertical-align:middle; color:#fff; font-weight:500; /* text-shadow: 0px 0px 2px rgba(0, 0, 0, 1); */}
.ball_645.lrg {width:60px; height:60px; line-height:60px; font-size:28px; font-weight: 600}
.ball_645.sml {width:30px; height:30px; line-height:28px; font-size:16px}
.ball_645.sml2 {width:24px; height:24px; line-height:24px; font-size:13px; font-weight: 600}
.ball_645.not {color:#777}
.ball_645.sml.not {font-weight:300}
.ball_645.ball1 {background:#fbc400; text-shadow: 0px 0px 3px rgba(73, 57, 0, .8)}
.ball_645.ball2 {background:#69c8f2; text-shadow: 0px 0px 3px rgba(0, 49, 70, .8)}
.ball_645.ball3 {background:#ff7272; text-shadow: 0px 0px 3px rgba(64, 0, 0, .8)}
.ball_645.ball4 {background:#aaa; text-shadow: 0px 0px 3px rgba(61, 61, 61, .8)}
.ball_645.ball5 {background:#b0d840; text-shadow: 0px 0px 3px rgba(41, 56, 0, .8)}
table tr td .ball_645.sml {margin:0 1px}
table tr td .ball_645.sml2 {margin:0 1px}


.ball1_g1, .ball1_g2, .ball1_g3, .ball1_g4, .ball1_g5 { color: #fff; font-size: 12px; height: 18px; font-weight: 600}


.ball1_g1 { background-color: #fbc400;
    background-image: -moz-linear-gradient(0deg, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 70%);
    background-image: -webkit-linear-gradient(0deg, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 70%);
    background-image: -ms-linear-gradient(0deg, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 70%);
    text-shadow: 0px 0px 3px rgba(73, 57, 0, .8)
}

.ball1_g2 {background:#69c8f2;
    background-image: -moz-linear-gradient(0deg, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 70%);
    background-image: -webkit-linear-gradient(0deg, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 70%);
    background-image: -ms-linear-gradient(0deg, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 70%);
    text-shadow: 0px 0px 3px rgba(0, 49, 70, .8)
}

.ball1_g3 {background:#ff7272;
    background-image: -moz-linear-gradient(0deg, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 70%);
    background-image: -webkit-linear-gradient(0deg, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 70%);
    background-image: -ms-linear-gradient(0deg, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 70%);
    text-shadow: 0px 0px 3px rgba(64, 0, 0, .8)
}

.ball1_g4 {background:#aaa;
    background-image: -moz-linear-gradient(0deg, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 70%);
    background-image: -webkit-linear-gradient(0deg, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 70%);
    background-image: -ms-linear-gradient(0deg, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 70%);
    text-shadow: 0px 0px 3px rgba(61, 61, 61, .8)
}

.ball1_g5 {background:#b0d840;
    background-image: -moz-linear-gradient(0deg, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 70%);
    background-image: -webkit-linear-gradient(0deg, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 70%);
    background-image: -ms-linear-gradient(0deg, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 70%);
    text-shadow: 0px 0px 3px rgba(41, 56, 0, .8)
}


/* 720 ball */
.ball_645.ball6 {background:#c7c7c7; text-shadow: 0px 0px 3px rgba(73, 57, 0, .8)}
.ball_645.ball7 {background:#ff4c4c; text-shadow: 0px 0px 3px rgba(0, 49, 70, .8)}
.ball_645.ball8 {background:#ff8e4f; text-shadow: 0px 0px 3px rgba(64, 0, 0, .8)}
.ball_645.ball9 {background:#fcd153; text-shadow: 0px 0px 3px rgba(61, 61, 61, .8)}
.ball_645.ball10 {background:#3cbcff; text-shadow: 0px 0px 3px rgba(41, 56, 0, .8)}
.ball_645.ball11 {background:#8d70da; text-shadow: 0px 0px 3px rgba(41, 56, 0, .8)}
.ball_645.ball12 {background:#777777; text-shadow: 0px 0px 3px rgba(41, 56, 0, .8)}



.app_view .lotto_top {}
.app_view .lotto_top h3 { display:inline-block; width: auto; font-size: 24px;  vertical-align: middle; margin-right: 10px; }
.app_view .lotto_top select { display:inline-block; width: 64px; color: #4c4c4c; font-size: 16px; line-height: 21px; border: #e0e0e0 solid 1px; padding: .38em 0; text-indent: 0.3em; vertical-align: middle; }
.app_view .lotto_top button { display:inline-block; width: 80px; color: #fff;font-size: 16px;  line-height: 36px;  background-color: #295fc1;  }
.app_view .lotto_top span { float: right; font-size: 14px;display:inline-block; margin-top: 33px; line-height: 1.0em; letter-spacing: -0.03em }
.app_view .lotto_top span strong { font-size: 18px; color: #ff0000; margin-right: 10px;}
.app_view .lotto_top span a {border-right: #dadada solid 1px; padding: 0 10px; color: #666; }
.app_view .lotto_top span a:last-child { border: none}


.app_view .lotto_top_b { background-color: #295fc1; border-radius: 6px; color: #fff; padding: 0 30px; margin-bottom: 15px; }
.app_view .lotto_top_b h3 { display:inline-block; width: auto; font-size: 21px;  vertical-align: middle; margin-right: 10px; color: #fff; }
.app_view .lotto_top_b input { display:inline-block; width: 200px; color: #295fc1; font-size: 16px; line-height: 21px; border:0; padding: .5em 0; text-indent: 0.8em; vertical-align: middle; }
.app_view .lotto_top_b button { display:inline-block; width: 50px; color: #fff;font-size: 16px;  line-height: 36px;  background-color: #3b81ff;  }

.app_view .lotto_top_b span {
    float: right;
    font-size: 13px;
    display: inline-block;
    margin-top: 33px;
    line-height: 1.0em;
    color: #fff;
    letter-spacing: -0.03em;
}
.app_view .lotto_top_b span strong { font-size: 16px; color: #fff; margin-right: 10px;}
.app_view .lotto_top_b span a {border-right: #dadada solid 1px; padding: 0 10px; color: #fff; }
.app_view .lotto_top_b span a:last-child { border: none}


/*MAJOR NEWS*/
.major_news{width:100%; height:auto; margin:0 auto 10px;}
.major_news p.major_title{font-size:16px; font-weight:bold; margin-bottom:8px;}
.major_news ul.news_tab{width:100%; height:30px;}
.major_news ul.news_tab li{width:25%; height:30px; line-height:30px; float:left; text-align:center; font-size:12px; font-weight:bold; color:#fff; background:#535ab3; cursor:pointer;}
.major_news ul.news_tab li.active{background:#392290; color:#fff;}

.news_container{ width:290px; float:left; padding:10px 0;}
.news_container .major_newslist{display:none;}
.news_container .major_newslist ul{width:100%;}
.news_container .major_newslist ul li { line-height:24px; margin: 6px 0}
.news_container .major_newslist ul li a { display: inline-block; width:calc(100% - 100px);  height:20px; text-overflow:ellipsis; padding: 0; margin: 0; overflow:hidden; white-space:nowrap; font-size: 14px;}
.news_container .major_newslist ul li a:hover{text-decoration:underline;}
.news_container .major_newslist ul li span { display: inline-block; width: 24px; text-align: center; background-color:#375bbc; color: #fff ; margin-right: 8px; border-radius: 2em; font-size: 14px; vertical-align: top}
.news_container .major_newslist ul li font { display: inline-block; float: right; text-align: right; color: #375bbc ; margin-top: 0px; right: 30px; padding: 0; font-size: 10px;}


/* IE10+ */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    /* Enter your style code */

}



.nav_all { display:none }
.menu_all { display:none }