@charset "euc-kr";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');
html, body {height:100%; margin:0px; padding:0px; background:#f7f7f7; min-width:340px;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,textarea,button {margin:0; padding:0;}
fieldset,img {border:0 none;}
dl,ul,ol,menu,li {list-style:none;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after,q:before, q:after {content:none;}
img,input,select,textarea,button,i {vertical-align:middle;}
hr, input::-ms-clear {display:none;}
hr {border:0px; border-top:1px solid #d7d7d7;margin-bottom: 24px;}
button {border:0 none; background-color:transparent; cursor:pointer;}
body,th,td,input,select,textarea,button {font-size:0.85em; height: 100%; line-height:1.5; font-family:'Noto Sans KR', '¸¼Àº °íµñ', sans-serif;} /* color°ªÀº µðÀÚÀΰ¡À̵忡 ¸Â°Ô»ç¿ë */
.os_mac body,.os_mac th,.os_mac td,.os_mac input,.os_mac select,.os_mac textarea,.os_mac button {font-family:'Noto Sans KR', '¸¼Àº °íµñ', sans-serif;}
a {color:inherit; text-decoration:none; outline:none;}
a:active {background-color:transparent;}
address,caption,cite,code,dfn,em,var {font-style:normal; font-weight:normal;}
table,th,td {border-collapse:collapse; padding:0; border-spacing:0;}
table, video {width:100%; margin:1px 0;}

/*===========================Input Reset============================*/
.radios {vertical-align:middle; margin:0 5px;}
.radios input[type="radio"] {display:none; vertical-align:middle; clip:rect(0,0,0,0);}
.radios input[type="radio"] + label {display:inline-block; background:url('/bemil/img/radio_off.png') left center no-repeat; cursor:pointer; padding-left:25px;}
.radios input[type="radio"]:checked + label {background:url('/bemil/img/icon/radio_on.png') left center no-repeat; font-weight:600; margin:0px;}

.radios2 {vertical-align:middle;}
.radios2 input[type="radio"] {display:none; vertical-align:middle;}
.radios2 input[type="radio"] + label {display:inline-block; background:#FFF; border: 1px solid #d1d1d1; cursor:pointer; width:30px; height:30px; line-height:30px;}
.radios2 input[type="radio"] + label:hover {border: 1px solid #000;}
.radios2 input[type="radio"]:checked + label {background:#FFF; border: 1px solid #000; font-weight:600; margin:0px;}

.radios3 {position: relative;}
.radios3 input[type="radio"] { position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip:rect(0,0,0,0); border: 0; }
.radios3 input[type="radio"] + label { display: inline-block; position: relative; padding-left: 20px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; }
.radios3 input[type="radio"] + label:before { content: ''; position: absolute; left: 0; top:3px; width: 12px; height: 12px; text-align: center; border: 1px solid #222; border-radius: 100%; box-shadow: 0px 1px 2px rgba(0,0,0,0.05), inset 0px -8px 8px -8px rgba(0,0,0,0.05); }
.radios3 input[type="radio"] + label:active:before,
.radios3 input[type="radio"]:checked + label:active:before { box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1); }
.radios3 input[type="radio"]:checked + label:before { border-color: #222; }
.radios3 input[type="radio"]:checked + label:after { content: ''; position: absolute; top: 6px; left: 3px; width: 8px; height: 8px; background: #222; border-radius: 100%; box-shadow: inset 0px 0px 0px rgba(0,0,0,0.3); }


.checkboxs {vertical-align:middle; margin:0 5px;}
.checkboxs input[type="checkbox"] {display:none; vertical-align:middle;}
.checkboxs input[type="checkbox"] + label {display:inline-block; background:url('/bemil/img/checkbox_off.png') left center no-repeat; cursor:pointer; padding-left:25px; min-height:20px;}
.checkboxs input[type="checkbox"]:checked + label {background:url('/bemil/img/checkbox_on.png') left center no-repeat; margin:0px;}
.button {height:30px; text-align:center; border:0px; background:#eaeaea; color:#999; border-radius:5px; padding:0 10px; cursor:pointer; box-sizing: border-box; min-width:50px; font-size:1em; display:inline-block;}
.button2 {height:30px; text-align:center; border:0px; background:#222; color:#FFF; padding:0 30px; cursor:pointer; box-sizing: border-box; min-width:50px; font-size:14px; display:inline-block; margin-bottom: 10px;}
.button3 {height:30px; text-align:center; border:0px; background:#FFF; color:#222; font-weight:400; border: 1px solid #bfbfbf;padding:0 30px; cursor:pointer; box-sizing: border-box; min-width:50px; font-size:14px; display:inline-block;}
.button3:hover {background:#d7d7d7;}

input[type="text"],
input[type="password"],
input[type="number"] {width: 85%; min-width:50px; padding:4.5px; letter-spacing:0px; box-sizing: border-box; -webkit-appearance: none; -webkit-border-radius: 8; border:0px; font-size:16px; border:1px solid #d7d7d7;}

textarea {width:100%; padding:10px; letter-spacing:0px; box-sizing: border-box; border:1px solid #d1d1d1; min-height:100px; font-size:1em; box-sizing:border-box;}
select {vertical-align:middle; min-width:50px; height:36px; color:#222; padding:0 10px; letter-spacing:0px; box-sizing: border-box; -webkit-appearance: none; border: 1px solid #d7d7d7; font-size:15px;}
[onclick] {cursor:pointer;}
img {width:100%;}
/*========Style Guide========*/

.inbox {padding:10px; border-radius:10px; background:#FFF; box-shadow:3px 3px 3px #ddd; box-sizing:border-box; height:100%; width:100%;}
.inbox2 {padding:20px; border-radius:10px; background:#FFF; box-shadow:3px 3px 3px #ddd; box-sizing:border-box; height:100%; width:100%;}
.inboxO {padding:10px; margin:5px; border-radius:10px; background:#FFF; box-shadow:3px 3px 3px #ddd; box-sizing:border-box;}

.disc {margin-left:15px; list-style-position: inside;}
.disc > li {list-style-type:disc; padding:2.5px 0;}

.number {list-style-position: inside;}
.number > li {list-style-type:decimal; padding:5px 0; list-style-position:inside; box-sizing: border-box; }

.inputform > li {padding:5px 0;}

.layout_all > .inbox {overflow-y:auto;}
.layout_search > .inbox {overflow-y:auto;}
.layout_result > .inbox {overflow-y:auto;}

.font12 {font-size:12px;}
.font14 {font-size:14px;}
.font16 {font-size:16px;}
.font18 {font-size:18px;}
.font20 {font-size:20px;}
.font22 {font-size:22px;}
.font24 {font-size:24px;}

.underline {text-decoration: underline; color: #666; font-size: 13px;}
.uline {border-bottom:1px solid #d7d7d7;}
.ccenter {position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);}
.tleft {text-align:left;}
.tright {text-align:right;}
.tcenter {text-align:center;}
.bold {font-weight:600;}
.clear {clear:both;}
.btnarea {margin:10px 0 10px 0;}
.btnarea img {width:auto;}
.btnarea2 {margin:20px 30px;}
.fred {color:#FF0000;}
.fblue {color:#0162ab;}
.fblack {color:#222; padding-bottom:0px !important;}
.fgreen {color: #69a723;}
.widthfull {width:100%; box-sizing:border-box;}
.hidden {display:none;}
.dates {}
.keyword {background:#fff7af; color:#222;}
.bgred {background:#ff0000;}
.graybg {background:#eaeaea;}
.onoffzone {display:none;}
.wbg {background:#FFF;}
.leftzone {float:left;}
.rightzone {float:right;}
.rightzone_view {float:right;}
.searchzone {display:none;}

.keywordresult {color: #0162ab;}
.abcount {font-size:13px; background:#0162ab; padding: 2px 10px; border-radius:20px; color: #FFF;}
.searchResult {padding:30px 20px; color: #222; border-bottom: 1px solid #222;}

.paging {margin:30px 0; text-align:center;}
.paging img {width:auto !important; margin-left:0% !important;}
.paging a {min-width:25px; height:25px; line-height:25px; display:inline-block; margin:2px; text-align:center; vertical-align: middle; font-size:16px; color:#555;}
.paging a.active {border:0px; color: #222; font-weight:600; }
.paging a.text {border:0px; font-size:25px;}
.paging a i {}

.searcharea {text-align:center;}
.searcharea .search {border:1px solid #d7d7d7; background: #FFF; display:inline-block; padding:3px 15px;}
.news_zone_01 .searcharea .search {width:320px; margin-bottom: 30px; height: 30px;}
.searcharea .search input {border:0px; padding:3px;}
.searcharea .search i {font-size:20px;}

.gnb-right img {width:20px;}

.left2nd > li {float:left; width:50%; word-break:keep-all;}
.left2nd28 > li {float:left; word-break:keep-all;}
.left2nd28 > li:first-child {width:20%;}
.left2nd28 > li:last-child {width:80%;}

.left3nd > li {float:left; width:33.33%; word-break:keep-all;}
.left4nd > li {float:left; width:25%; word-break:keep-all;}
.left5nd > li {float:left; width:20%; word-break:keep-all;}

.TableBasic {width:100%; border-top:1px solid #222;}
.TableBasic th {border-bottom:1px solid #eaeaea; padding:15px 0; padding-left:30px; font-size:16px; text-align:left; word-break: keep-all; font-weight: 500;}
.TableBasic td {border-bottom:1px solid #eaeaea; padding:10px 0; font-size:16px;}
.TableBasic.hover tbody tr:hover {background:#eaeaea; cursor:pointer;}

.tit_ellipsis {white-space: normal; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden;}
.tcenter {line-height: 18px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}

/* Selects */
.comm_sel {margin-right:5px; display:inline-block;}
.comm_sel .jq_sel {display:block;position:relative;height:32px;background:url('/bemil/img/bg_selbox.gif') no-repeat 0 0;font-size:11px}
.comm_sel .jq_sel span {position:absolute;left:0;top:0;white-space:nowrap;height:32px;width:100%;_width:auto;line-height:32px;text-align:left;text-indent:8px;color:#9c9daf;overflow:hidden;cursor:pointer}
.comm_sel .jq_sel a.jqTransformSelectOpen {display:block;position:absolute;right:0px;width:28px;height:32px;background:url('/bemil/img/bg_selbox.gif') no-repeat 100% 0}
.comm_sel .jq_sel ul {overflow:auto;position:absolute;z-index:9999;top:31px;left:0px;max-height:300px;width:100%;list-style:none;background-color:#3d3d45;border-top:solid 1px #18181a;border-bottom:solid 1px #18181a;display:none;overflow:auto;overflow-y:auto;z-index:10;white-space:nowrap}
.comm_sel .jq_sel li {border-right:solid 1px #18181a;border-left:solid 1px #18181a}
.comm_sel .jq_sel ul a {display:block;padding:4px 2px 4px 8px;text-decoration:none;color:#9c9daf;text-align:left}
.comm_sel .jq_sel ul a:hover {background-color:#212227;}
.comm_sel .jq_sel ul a.selected {}
.comm_sel .jq_sel_hide {display:none}

.comm_sel_type1 .jq_sel {height:24px;background-position:0 -40px}
.comm_sel_type1 .jq_sel span {height:24px;line-height:25px}
.comm_sel_type1 .jq_sel a.jqTransformSelectOpen {height:24px;background-position:100% -40px}
.comm_sel_type1 .jq_sel ul {top:24px;background-color:#1e1f24;border-color:#17181a}
.comm_sel_type1 .jq_sel li {border-color:#17181a}
.comm_sel_type1 .jq_sel ul a:hover {background-color:#3d3d45}

.comm_sel_type2 .jq_sel {height:24px;background-position:0 -70px}
.comm_sel_type2 .jq_sel span {height:24px;line-height:25px;color:#555}
.comm_sel_type2 .jq_sel a.jqTransformSelectOpen {height:24px;background-position:100% -70px}
.comm_sel_type2 .jq_sel ul {top:24px;border-color:#b9b9b9;background-color:#fff;}
.comm_sel_type2 .jq_sel li {border-color:#b9b9b9}
.comm_sel_type2 .jq_sel ul a {color:#666;}
.comm_sel_type2 .jq_sel ul a:hover {background-color:#eee}

.comm_sel_type3 .jq_sel {height:32px;background-position:0 -100px;font-size:12px; min-width:100px;}
.comm_sel_type3 .jq_sel span {height:32px;line-height:32px;color:#555}
.comm_sel_type3 .jq_sel a.jqTransformSelectOpen {width:34px;height:32px;background-position:100% -100px}
.comm_sel_type3 .jq_sel ul {top:40px;border-color:#b9b9b9;background-color:#fff;}
.comm_sel_type3 .jq_sel li {border-color:#b9b9b9}
.comm_sel_type3 .jq_sel ul a {color:#666;padding:5px 2px 5px 8px;}
.comm_sel_type3 .jq_sel ul a:hover {background-color:#eee}

.sel_dim .jq_sel {z-index:1!important;background-image:url('/bemil/img/bg_selbox_dim.gif')}
.sel_dim .jq_sel a.jqTransformSelectOpen {background-image:url('/bemil/img/bg_selbox_dim.gif')}
.sel_dim .jq_sel div span {filter:alpha(opacity=50);Opacity:0.5}
.sel_dim .jq_sel ul {display:none!important}

.modal {/*display:none;*/ position:absolute; top:50%; left:50%; transform: translate(-50%, -50%); background:#FFF; border: 1px solid #d1d1d1; border-radius: 10px; padding:20px;}

.BasicTables { width:100%; border-top:2px solid #222; background:#f7f7f7;}
.BasicTables tr:nth-child(odd) {background:#fafafa;}
.BasicTables th {background:#f7f7f7; text-align: center; border-bottom:1px solid #222; height:45px; font-size: 16px; font-weight: 400; color: #222;}
.BasicTables td {border-bottom: 1px solid #e4e4e4; height:50px; font-size: 16px; letter-spacing: -0.5px; color: #222;}
.gtitle {padding:20px 0; font-size: 17px; color: #222; display: block; vertical-align: middle;}
.gtitle i {vertical-align: baseline; 
font-size: 12px !important;}

.pipeline li {float: left; font-size: 14px;letter-spacing: -0.3px;}
.pipeline li:after {content:"|"; padding:0 8px; color: #d3d3d3; font-size: 12px;}
.pipeline li:last-child:after {content:none; padding: 0px;}

.ShareHoverOpen_m li:after, .fsize li:after{content:""; padding:0 8px; color: #d3d3d3; font-size: 0px;}
.ShareHoverOpen_m li:last-child:after, .fsize li:last-child:after {content:none; padding: 0px;}

.icon.print {display: inline-block; width:20px; height: 20px; background:url('/bemil/img/icon_print.png') center center no-repeat; vertical-align: middle; font-size:0px;}
.icon.board_text {display: inline-block; width:15px; height:15px; margin-right: 5px; background:url('/bemil/img/icon_board_text.png') center center no-repeat; vertical-align: middle; font-size:0px; }
.icon.board_img {display: inline-block; width:15px; height:15px; background:url('/bemil/img/icon_board_image.png') center center no-repeat; vertical-align: middle; font-size:0px; margin-right: 5px;}

.ad_fix_bottom {position: fixed; left: 0; right: 0; bottom: 0; z-index: 500; clear: both; height: 50px; text-align: center; overflow: hidden; background:#eaebee}
#taboola-right-rail-stream-4 {/*margin-bottom:24px;*/}

.pc {display:block;}
.mobile {display:none;}


@media all and (max-width:767px){
.leftzone {float: left; width: 100%; text-align: center; }
.rightzone, .rightzone_view {float: right; width: 100%; text-align: center; position: relative;}
.news_zone_01 .searcharea .search { width: 90%;}
.searcharea .search input {font-size: 16px; width: 85%;}
.gtitle {padding: 20px 0 8px 0;}
.button3 {padding:0 25px;}
.axi {font-size:20px !important;}
.pc {display:none;}
.mobile {display:block;}
.pipeline li {margin-right: 10px;}
.boardInfo .pipeline li {margin-right: 0px;}
.TextHoverOpen_m {display: none; position:absolute; top:40px; right:5px; width:190px; height:60px; z-index:100;}
.TextHoverOpen_m .darea {margin-left:5px; background: #FFF; padding:5px; background:#FFF; border: 1px solid #eaeaea; box-shadow: 0 2px 4px 0 rgb(0 0 0 / 20%); box-sizing: border-box;}
.TextHoverOpen_m .darea .fsize li {float: left; text-align:center; box-sizing: border-box; margin:7px 4px 7px 4px !important; width:34px;}
.TextHoverOpen_m .darea .fstyle li {float: left; box-sizing: border-box; background:#FFF; font-size:14px; margin:5px 10px;}
.TextHoverOpen_m .darea .fsize li:after {}
.ShareHoverOpen_m {display: none; position:absolute; top:40px; right:5px; width:155px; height:60px; z-index:100;}
.ShareHoverOpen_m img {width:100%; margin-left:0;}
.ShareHoverOpen_m ul {margin-left:5px; background:#FFF; box-shadow: 0 2px 4px 0 rgb(0 0 0 / 20%); display:block; height:60px; border: 1px solid #eaeaea; box-sizing: border-box; padding-left: 10px;}
.ShareHoverOpen_m ul li {float: left; text-align:center; box-sizing: border-box; background:#FFF; width: 34px; height:100%;}
.ShareHoverOpen_m ul li:after {}
.ShareHoverOpen_m ul li a {width:40px; padding:12px 5px; display:block; box-sizing:border-box; }
.pipeline li.snsurl_m:after, .pipeline li.ShareHover_m:after {content: none;  padding: 0 3px;}
.pipeline li.btn_print {display:none;}
#container-area .board_detail .board_head .pipeline li.snsurl_m, #container-area .board_detail .board_head .pipeline li.ShareHover_m, #container-area .board_detail .board_head .pipeline li.TextHover_m {margin:5px 12px 0 0;}
#container-area .board_detail .board_head .pipeline li:nth-last-child(4) {margin-right:15px;}
.TableBasic th {border-bottom:1px solid #eaeaea; padding:15px 0; padding-left:30px; font-size:17px; text-align:left; word-break: keep-all;}
.mem {display: none;}
.conCategory .axi {font-size:12px !important}
.abcount {display:none;}
}