@charset "utf-8";

body {background: url(../images/content/visual_sub.jpg) center 90px no-repeat;}

#container {
	clear: both;width: 1200px;margin: 0 auto;padding-bottom:50px;
}
.sub_visual {overflow: hidden;display:block;padding-left:18px;padding-top:18px;height:175px;}
.sub_visual ul {float:left;margin-top:25px;margin-left:35px;}
.sub_visual li {float:left;margin-right:10px;}

.hgroup {overflow: hidden;display:block;padding-top:50px;height:55px;}
.hgroup h1 {
	float:left;font-weight:600;font-size: 25px;/*font-family: 'notokr-bold';*/
	line-height: 1;height:40px;color:#000
}
.hgroup p {float:right;margin-top:5px;color: #808080;}
.hgroup p span.home{background: url(../images/common/bt_home.gif) 0 1px no-repeat;width:10px;height:10px;padding:0 4px 0 0;margin-top:5px;text-indent:-10000em}
.hgroup p span.home span{display:none}
.hgroup p span {display: inline-block;padding: 0 7px 0 10px;font-size:11px;color:#515151;background: url(../images/common/location_arr.gif) no-repeat left 50%;}



/* paginate */
.paginate {text-align:center; margin:15px 0; }
.paginate a {padding:9px 0; height:17px;width:35px;color:#777;border:1px solid #d0d0d0;text-align:center;display:inline-block;}
.paginate a:hover{text-decoration:underline; color:#0081ba}
.paginate strong{padding:9px 0;background:#72bce3;color:#fff;text-align:center;height:17px;width:35px;display:inline-block;}
.paginate a.page_first,.paginate a.page_end {background:none !important; margin:0; padding:0; display:inline-block;width:35px;height:35px;}
.paginate a.page_next {margin-left:8px; padding:0; display:inline-block;width:35px;height:35px;}
.paginate a.page_prev {margin-right:8px; padding:0; display:inline-block;width:35px;height:35px;}
.paginate a img, .paginate a, .paginate strong {vertical-align:middle}




.paging{width:100%;text-align: center;font-family: 'verdana';margin:30px 0;}
.paging .disabled{background: url(../images/common/paging.gif) no-repeat;width:35px;height: 35px;display:inline-block;}
.paging .first {background-position:0 center;}
.paging .prev {background-position:-42px center;}
.paging .next {background-position:-115px center;}
.paging .end {background-position:right center}
.paging .disabled span {visibility:hidden;position: absolute}
.paging li{display: inline-block;vertical-align: top}
.paging li em {padding:9px 0; height:17px;line-height:17px;width:35px;background:#72bce3;color:#fff;text-align:center;display: inline-block;}
.paging li em span {display: block;}
.paging li a{padding:9px 0; height:15px;line-height:15px;width:33px; color:#777;border:1px solid #d0d0d0;text-align:center;display:inline-block;}
.paging li.disabled {}
.paging li.disabled a{padding:0; display:inline-block;width:35px;height:35px;border: none}
.paging li.disabled a span {display:inline-block;width:35px;}
.paging li *{overflow:hidden}
.paging li a:hover{text-decoration:underline; color:#0081ba}



/* bbs */

.bdList{vertical-align: top;}
.bdList table {border-top:2px solid #08112a;width:100%;}
.bdList table thead th{color:#515151;background:#fbfbfa url(../images/common/bdList_line.gif) no-repeat left top;border:1px solid #ebebeb;border-width:1px 0;padding:15px;vertical-align:middle;text-align:center;font-weight:bold;}
.bdList table thead th:first-child{background:none;background:#fbfbfa }
.bdList table tbody td{padding:10px;text-align: center;vertical-align: middle;line-height:129%;border-bottom:1px solid #ebebeb;height:35px;color:#808080;}
.bdList table tbody td.tit1 {text-align: left;font-weight: bold;height:40px;}
.bdList a{color:#808080;}
.bdList .noticeT td{color:#2798dc;}
.bdList .noticeT td a{color:#2798dc;font-weight:bold;}

:root {
	--portal-process-img-width : 180px ;
	--portal-process-img-height : 64px ;
	--portal-process-img-size : 180px 70px ; /* add bottom's space */
	--portal-process-img-margin : 0 0 0 -20px ; /* T/R/B/L : cut left of first-child */

	--portal-process2-img-width : 155px ;
	--portal-process2-img-height : 79px ;
	--portal-process2-img-size : 155px 79px ;
}

.algoriT{border-bottom:1px dotted #cfcfcf;padding-bottom:20px;}
.algoriT span, .algoriT span a{display:inline-block;vertical-align:middle;}
.algoriT>span:first-child{width:710px; text-overflow:ellipsis; white-space:nowrap; overflow: hidden;}

.algori {overflow:hidden;margin-top:15px;}

.algori li {
	float:left;
	background:url(../images/content/bg_step2_1.png);
	background-repeat:no-repeat;
	background-size:var(--portal-process-img-size, 180px 64px);
	width:var(--portal-process-img-width, 64px);
	margin:var(--portal-process-img-margin, 0 0 0 -20px);
	vertical-align:middle;text-align:center;color:#fff;font-weight:bold;
	display:table;
	}
.algori li span {
	display: table-cell;
	vertical-align:middle;height:var(--portal-process-img-height, 64px);
	}
.algori li.bg1 {
	float:left;
	background:url(../images/content/bg_step2_2.png);
	background-size:var(--portal-process-img-size, 180px 64px);
	background-repeat: no-repeat;
	}
.algori li.bg2 {
	float:left;
	background:url(../images/content/bg_step2_3.png);
	background-size:var(--portal-process-img-size, 180px 64px);
	background-repeat: no-repeat;
	}
.algori li.bg3 {
	float:left;
	background:url(../images/content/bg_step2_4.png);
	background-size:var(--portal-process-img-size, 180px 64px);
	background-repeat: no-repeat;
	}
.algori li.bg4 {
	float:left;
	background:url(../images/content/bg_step2_5.png);
	background-size:var(--portal-process-img-size, 180px 64px);
	background-repeat: no-repeat;
	}
	
.algori li:first-child {
	background:url(../images/content/bg_step1_1.png);
	margin:var(--portal-process-img-margin, -5px 0 0 -20px);
	vertical-align:middle;
	background-size:var(--portal-process-img-size, 180px 64px);
	width:var(--portal-process-img-width, 64px);
	background-repeat: no-repeat;
	}
.algori li.bg1:first-child {
	background:url(../images/content/bg_step1_2.png);
	background-size:var(--portal-process-img-size, 180px 64px);
	background-repeat: no-repeat;
	}
.algori li.bg2:first-child {
	background:url(../images/content/bg_step1_3.png);
	background-size:var(--portal-process-img-size, 180px 64px);
	background-repeat: no-repeat;
	}
.algori li.bg3:first-child {
	background:url(../images/content/bg_step1_4.png);
	background-size:var(--portal-process-img-size, 180px 64px);
	background-repeat: no-repeat;
	}
.algori li.bg4:first-child {
	background:url(../images/content/bg_step1_5.png);
	background-size:var(--portal-process-img-size, 180px 64px);
	background-repeat: no-repeat;
	}

.algori.algori-s li:first-child {
	background-size:var(--portal-process2-img-size, 155px 79px);
	width:var(--portal-process2-img-width, 155px);
	background-repeat: no-repeat;
	}
.algori.algori-s li {
	float:left;
	background-size:var(--portal-process2-img-size, 155px 79px);
	width:var(--portal-process2-img-width, 155px);
	background-repeat: no-repeat;
	}
.algori.algori-s li span {
	height:var(--portal-process2-img-height, 79px);
	}
	

.bdview table select, select.base-style {
	background: transparent;
	-webkit-appearance: none;
	-moz-appearance: none;
	background-color:#fff;
	background: url('/portal/images/content/bu_select.gif') right 50% no-repeat;
	vertical-align:middle;
	cursor: pointer;padding-right:15px;
	min-width:100px;text-align:center;
}
.bdview table select::-ms-expand {display: none;}
select.base-style::-ms-expand {display: none;}

.bdview {border-bottom:1px solid #ebebeb;}
.bdview table{border-top:2px solid #08112a;width:100%;}
.bdview table tbody th, .bdview table tbody td{border-top:1px solid #ebebeb;vertical-align:middle;padding:10px 20px;height:33px;}
.bdview table tbody th{background:#fbfbfa;text-align:left;font-weight:bold;color:#515151;padding:10px 20px;}
.bdview table tbody td.con{height:100px;vertical-align: top;padding:20px;}
.bdview table td.no_line {border-top:none;}
.bdview .file a{color:#29a3e4;line-height:169%;}
.bdLine  table tbody th, .bdLine  table tbody td{border:1px solid #ebebeb;border-width:1px 0 1px 1px;}
.bdLine  table tbody th{background:#fbfbfa; font-weight:bold;text-align:center;}
.bdLine  table tbody .blnone{border-left:0;}
.bg1{background:#fbfbfa;}

.tb1 table{width:100%;}
.tb1 table tbody th, .tb1 table tbody td{border:1px solid #ebebeb;padding:15px 20px;height:33px;}
.tb1 table tbody th{text-align:left;font-weight:bold;color:#515151;}
.tb1.bigF th, .tb1.bigF td{font-size:20px;}
.tb1.bigF th{color:#808080;}
.tb1.bigF td{color:#61b4e0;}

.totalSet{overflow:hidden;margin-bottom:5px;}
.totalSet .totalCount{float:left;background: url('/bos/images/common/bu_arr.gif') 0 center no-repeat;padding-left:15px;}
.totalSet .totalR{float:right;}
.totalSet .totalR input[type="text"]{width:200px;background:#fff;}
.totalSet .totalR select{border:1px solid #dedede;height:30px;padding:2px;width:120px;}
.totalSet .totalR label{font-weight: normal;}
.totalSet .totalR .btn-primary{ padding:3px 12px;font-size:14px;font-weight:bold;}

.boxStep{border:1px solid #cfcfcf;padding:40px 0;overflow:hidden;margin-bottom:50px;}
.boxStep li{float:left;padding:0 60px;background: url('../images/content/bu_arrStep.gif') left 40% no-repeat;text-align:center;}
.boxStep li:first-child{background:none;}
.boxStep li span{display:block;padding-top:5px;font-weight:600;font-size:14px;color:#999;}
.boxStep li.on span, .boxStep li a:hover span {color:#666;}
.boxStep li a:hover {text-decoration:none;}

.bx1{background:#f6f6f6;border:1px solid #cfcfcf;padding:30px;font-size:29px;line-height:159%;text-align:center;color:#999;}
.bx2{border:1px solid #cfcfcf;padding:70px  140px;overflow:hidden;}
.bx2 h2{font-size:32px;text-align:center;color:#515151;line-height:32px;margin-bottom:50px;}

.tit{font-size:20px;color:#515151;margin:40px 0 15px 0}
.star{color:#f36f31;display:inline-block;padding-right:3px;}
.formEx{color:#f36f31;margin-top:5px;font-size:13px;}
.fc_point{color:#f36f31}
.tbEx{font-weight:bold;color:#f36f31;margin-bottom:5px;}

#popup{/*border:2px solid #08112a;*/}
#popup .popupT{background:#08112a}
#popup .popupT h1{font-size:19px;padding:25px 0 0 20px;height:48px;font-weight: 300;color:#fff;}
#popup .poupCon{padding:25px;}
#popup .poupCon .tit{margin-top:0;}

/* btn */
.btnSet{margin:30px 0 10px 0;text-align: right}
.btn {
  display: inline-block;

  margin-bottom: 0;
  font-size: 16px;
  font-weight: normal;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
      /*touch-action: manipulation;*/
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          /*user-select: none;*/
  background-image: none;
  border: 1px solid transparent;
  border-radius: 0;
  padding:8px 0 10px 0;font-weight:600;margin-left:2px;min-width:90px;
  /*font-family:"notokr-regular";*/
}
.btn:focus,
.btn:active:focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn.active.focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;

}
.btn-s{padding:4px 10px;font-size:0.98em;min-width:70px;}
.btn-primary{background:#2798dc; color:#fff !important;font-weight:normal;}
.btn-basic{background:#61b4e0; color:#fff !important;font-weight:normal;}
.btn-default{background:#848c97; color:#fff !important;font-weight:normal;}
.btn-default2{background:#bcc3cc; color:#fff !important;font-weight:normal;}
.btn-darkgray{background:#575757; color:#fff !important;font-weight:normal;}
.btn-org{background:#f36f31; color:#fff !important;font-weight:normal;}
.btn-gray{background:#808080; color:#fff !important;font-weight:normal;}
.plus{display:inline-block;background: url(../images/common/bu_plus.gif) no-repeat left center;width:9px;height:9px; margin-right:5px;}
.minus{display:inline-block;background: url(../images/common/bu_minus.gif) no-repeat left center;width:9px;height:9px; margin-right:5px;}
.icoFile{display:inline-block;background: url(../images/common/bu_file.png) no-repeat left center / 16px auto;width:16px;height:17px; margin-right:5px;}
.icoClip{display:inline-block;background: url(../images/common/bu_clip.png) no-repeat left center / 16px auto;width:16px;height:19px; margin-right:5px;}
.icoPrint{display:inline-block;background: url(../images/common/bu_print.png) no-repeat left center / 16px auto;width:16px;height:19px; margin-right:5px;}
input[type="text"].inp{background:#fff;}
input.btn{line-height:1.3;}
.inputarea{width:95%;height:80px;}
.inp{border:1px solid #dedede;height:30px}
.btn.long {padding:8px 10px 10px 10px;}

.inline_b{display:inline-block;}
.w10p{width: 10% !important}
.w20p{width: 20% !important}
.w30p{width: 30% !important}
.w40p{width: 40% !important}
.w50p{width: 50% !important}
.w60p{width: 60% !important}
.w70p{width: 70% !important}
.w80p{width: 80% !important}
.w90p{width: 90% !important}
.w100p{width: 100% !important}


.btn-default3 {background:#f36f31;color:#fff !important;font-weight:normal;}
.btn-default4 {background:#575757;color:#fff !important;font-weight:normal;}
.btn.btn-default3, .btn.btn-default4 {padding: 4px 18px;}
.btn-default5 {width:130px;}


/* membership */
.input_txt {width:99%;height:43px;border: 1px solid #dedede;}

.member_box {overflow: hidden;display:block;width: 738px;margin: 0 auto;padding-top:100px;/*padding: 100px 100px 0;*/border: 1px solid #cfcfcf;}
.member_box h2 {width:540px;height:44px;font-size: 24px;font-weight:bold;border-bottom:1px solid #303030;color: #303030;margin-left: 100px;text-align:left;}
.member_box .input_list {overflow:hidden;display:block;width:540px;margin: 50px auto 40px;}
.member_box .input_list li {float:left;width:100%;/*margin-bottom:20px;*/}
.member_box input[type=submit] {width:100%;height:65px;text-align:center;font-weight:bold;margin-bottom:10px;font-size: 20px;}
.member_box dl {float:left;width:540px;margin-bottom:20px;}
.member_box dt {float:left;width:110px;font-size: 18px;font-weight:bold;color: #515151;}
.member_box dt label {line-height:43px;height: 43px;}
.member_box dd {float:left;width:430px;}
.member_box dd input {float:right;height: 43px;width:99%;line-height:43px;}
.member_box input#input1 {width:540px;background:#2798dc;color: #fff !important;}
.member_box input#input2 {width:540px;background:#848c97;color: #fff !important;}

.member_box .etc_list {float:left;width:100%;height:70px;line-height:70px;border-top:1px solid #cfcfcf;text-align:right;margin-top:35px;}
.member_box .etc_list ul {width:auto;float:right;font-size: 17px;color: #616161;padding-right:20px;}
.member_box .etc_list li {float:left;padding-left:17px;padding-right:15px;background: url(../images/common/bt_bar3.gif) 0 center no-repeat;}
.member_box .etc_list li.first {background: none;padding-left:0;}

.member_box2 {overflow: hidden;display:block;width: 738px;margin: 0 auto;padding: 70px 0;border: 1px solid #cfcfcf;margin-top:70px;font-size: 18px;color: #515151;text-align:center;}
.member_box2 .color_blue {color: #2798dc;}
.member_box2 .infor_con {width:210px;margin: 0 auto;background: url(../images/content/icon_infor_i.gif) 0 0 no-repeat;padding-left: 100px;padding-top:25px;height:40px;margin-top:60px;}

.inquir_box {overflow: hidden;display:block;width: 706px;margin: 0 auto;padding: 20px 0 20px 32px;border: 1px solid #cfcfcf;background:#f6f6f6;}
.inquir_box p {color: #f36f31;font-size: 15px;font-weight:bold;margin-bottom:20px;}
.inquir_box dl {float:left;font-size: 20px;color: #515151;}
.inquir_box dt, .inquir_box dd {float:left;height:32px;line-height:32px;}
.inquir_box dd {margin-right:60px;}
.inquir_box dt.tell {width:50px;background: url(../images/content/icon_call.gif) 0 center no-repeat;}
.inquir_box dt.email {width:50px;background: url(../images/content/icon_email.gif) 0 center no-repeat;}


.box_con {border:1px solid #cfcfcf;padding:40px 30px;overflow:hidden;}
.box_con h3 {font-size: 17px;color: #515151;margin-bottom: 15px;}
.scroll_box {overflow-x:hidden;overflow-y:scroll;display:block;background:#f4f4f4;border: 1px solid #dcdcdc;padding: 10px;color: #303030;height: 400px;}
.scroll_box h4 {font-size: 16px;}
.scroll_box h5 {font-size: 15px;margin-left:10px;margin-top:15px;}
.scroll_box ol {margin: 10px 20px 20px}
.scroll_box p {margin: 5px 0 5px 10px;}
.scroll_box ol li {text-indent: -20px;padding-left:20px;}
.scroll_box ol li ol {margin: 5px 0;}
.scroll_box ol li li {text-indent: 0;padding-left:0;}
.scroll_box a {color: #489ecc;font-weight:bold;}
.scroll_no {background:#fff;border: none;overflow: hidden;height: 100%;}

.txt_bottom {margin-top:25px;text-align:center;}

.color_blue2 {color: #61b4e0;font-weight:600;font-size: 20px;}

.con_inputBox {position:relative;overflow:hidden;width:580px;margin: 60px auto 0;}
.con_inputBox input[type=text] {height:42px;}
.con_inputBox dl {float:left;width:100%;margin-bottom:20px;height:42px;line-height:42px;}
.con_inputBox dt {width:150px;font-weight:bold;font-size: 18px;color: #515151;}
.con_inputBox dt, .con_inputBox dd {float:left;}
.con_inputBox dd {width:418px;}
.con_inputBox .btn {position:absolute;top:53px;right:0;}
.con_inputBox .btn input {width:90px;height:45px;background: #575757;color: #fff;}
.busin_w1 {width:86px;}
.busin_w2 {width:56px;}
.busin_w3 {width:116px;}

.meber_end {width:620px;margin: 0 auto;}
.buss_infor {overflow:hidden;display:block;border-top:1px solid #cfcfcf;border-left:1px solid #cfcfcf;border-right:1px solid #cfcfcf;margin: 60px 0 30px;color: #666}
.buss_infor dl {float:left;width:100%;border-bottom:1px solid #cfcfcf;font-size: 18px;height:58px;line-height:58px;}
.buss_infor dl span {margin-left:20px;}
.buss_infor dt {float:left;width:20%;background:#f6f6f6;color: #515151;text-align:center;font-weight:bold;}
.buss_infor_txt {text-align:center;font-size: 16px;letter-spacing: -0.1em }
.buss_infor dd {float:left;width:79%;}



select.select_box {height:33px;border: 1px solid #dedede;}
.col_input {background:#e2e2e2;color: #999;text-align:center;}
.col_org {color: #f36f31;}

/* FAQ */
.tab_list {
	overflow: hidden;display:block;font-size: 15px; /*height:38px;line-height:38px;*/
	background: url(../images/common/bg_faq.png) 0 4px repeat-x;text-align:center;
	border-left:1px solid #c5c5c5;border-right:1px solid #c5c5c5;
}
.tab_list li {float:left;border-top:4px solid #2e3c60;border-right: 1px solid #e4e4e4;border-bottom:1px solid #c5c5c5;}
.tab_list li a {display:block;font-weight:bold;padding: 8px 0;}
.tab_list li.end {border-right: none;}
.tab_list li.on {border-top:4px solid #fb2a05;border-bottom:1px solid #fff;}
.tab_list li.on a {background:#fff;color: #fb2a05;}
.faq {clear: both;width:100%;}
.faq dl {overflow: hidden;display:block;border-bottom:1px solid #ebebeb;}
.faq dl.on dd {display:block;}
.faq dt, .faq dd {}
.faq dt {padding:30px 0;padding-left:20px;display: table;}
.faq dt a {display: table-cell;vertical-align: middle;color: #808080;}

.faq dd {display: none;}
.faq dd.on {overflow: hidden;display:block;padding: 30px 0 30px 40px;background: #f6f6f6 url(../images/common/line_dot.jpg) 0 0 repeat-x;vertical-align: middle;color: #808080;}
.faq dd .icon {float:left;}
.faq dd div {float:left;width:1040px;}
.faq dd.on {display:block;}
.faq .icon {margin-right:20px;}


/* 컨텐츠 */
.color_b {color: #60aed7;font-size: 20px;font-weight:bold;line-height:210%;}
.color_b span {color: #f36f31;background: #2c3c51;}
.color_b span.t_color {color: #2d3f54;background: none;}
.color_g {color: #808080;font-size:17px;}
.con_rau0101_1 {overflow: hidden;display:block;}
.con_rau0101_1 dl {float:left;width:251px;height:309px;margin-right:49px;border: 1px solid #0a5192;}
.con_rau0101_1 dl.sp4, .con_rau0101_1 dl.sp8 {margin-right:0;}
.con_rau0101_1 .sp1 {background: url(../images/content/RAU_01_001_icon01.gif) center 0 no-repeat;}
.con_rau0101_1 .sp2 {background: #d6e9ff url(../images/content/RAU_01_001_icon02.gif) center 0 no-repeat;}
.con_rau0101_1 .sp3 {background: url(../images/content/RAU_01_001_icon03.gif) center 0 no-repeat;}
.con_rau0101_1 .sp4 {background: #d6e9ff url(../images/content/RAU_01_001_icon04.gif) center 0 no-repeat;}
.con_rau0101_1 .sp5 {height:332px;background: url(../images/content/RAU_01_002_icon01.gif) center 0 no-repeat;margin-right:180px;}
.con_rau0101_1 .sp6 {height:332px;background: #d6e9ff url(../images/content/RAU_01_002_icon02.gif) center 0 no-repeat;margin-right:180px;}
.con_rau0101_1 .sp7 {height:332px;background: url(../images/content/RAU_01_002_icon03.gif) center 0 no-repeat;}
.con_rau0101_1 .sp8 {height:332px;background: #d6e9ff url(../images/content/RAU_01_002_icon04.gif) center 0 no-repeat;}
.con_rau0101_1 dt {font-size: 18px;color: #fff;text-align:center;height:35px;line-height:35px;margin-top:89px;}
.con_rau0102_1 dt {width:100%;height:55px;line-height:150%;display: table;}
.con_rau0102_1 dt span {display: table-cell;vertical-align: middle;}
.con_rau0101_1 dd {font-size: 15px;color: #666;line-height:190%;text-align:center;margin-top:20px;}
.con_rau0101_1 .color_style1 dt {background:#0a5192;}
.con_rau0101_1 .color_style2 dt {background:#3788f0;}

.con_rau0101_2 {overflow: hidden;display:block;}
.con_rau0101_2 dl {overflow:hidden;width:100%;height:88px;background: url(../images/content/RAU_01_001_bg.gif) 0 0 no-repeat;margin-bottom:5px;}
.con_rau0101_2 dt {float:left;width:75px;padding-left:37px;font-size: 16px;font-weight:bold;color: #f36f31;display: table;}
.con_rau0101_2 dd {float:left;width:1055px;font-size: 15px;color: #666;display: table;}
.con_rau0101_2 dt span,
.con_rau0101_2 dd span {
	height:80px;vertical-align: middle;display: table-cell;
}

.con_rau0102_2 {position:relative;overflow: hidden;display:block;height:120px;background: url(../images/content/RAU_01_002_bg.png) 0 0 no-repeat;}
.con_rau0102_2 li {float:left;color:#fff;font-size: 17px;padding-top:12px;}
.con_rau0102_2 li li {display: table}
.con_rau0102_2 li li span {display: table-cell;height:70px;vertical-align: middle;width:auto;}
.con_rau0102_2 span.nob {/*position: inherit;*/ float:left; font-size: 50px;color: #fff;font-weight: normal;}
.con_rau0102_2 span.t01,
.con_rau0102_2 span.t02,
.con_rau0102_2 span.t03 {
	position:absolute;top:97px;color: #010101;font-size: 16px;font-weight:bold;
}
.con_rau0102_2 span.t01 {left: 292px;}
.con_rau0102_2 span.t02 {left: 740px;}
.con_rau0102_2 span.t03 {left: 964px;}

.con_rau0104 {overflow: hidden;display: block;line-height: 180%}
.con_rau0104 dl {height:172px;padding-left: 224px;display: block;margin-bottom:50px;color: #515151;}
.con_rau0104 dl.list1 {background: url(../images/content/RAU_01_004_icon1.jpg) 0 0 no-repeat;}
.con_rau0104 dl.list2 {background: url(../images/content/RAU_01_004_icon2.jpg) 0 0 no-repeat;}
.con_rau0104 dl.list3 {background: url(../images/content/RAU_01_004_icon3.jpg) 0 0 no-repeat;}
.con_rau0104 dl.list4 {background: url(../images/content/RAU_01_004_icon4.jpg) 0 0 no-repeat;}
.con_rau0104 dt {font-size: 23px;font-weight:bold;padding-top:41px;}
.con_rau0104 dd {font-size: 18px;padding-top:25px;}
.con_rau0104 span.con_col {color: #489ecc;font-size: 15px;padding-top:5px;display: block;}

.tit_rau0103{text-align:center;margin-left:-30px;margin-top:20px;font-size:23px}
.con_rau0103_1 {border: 1px solid #cfcfcf;width:89%;margin-left:30px}
.con_rau0103_1 dt {height:54px;line-height:54px;text-align:center;color: #1955af;font-size: 16px;font-weight:bold;border-bottom: 1px solid #cfcfcf}
.con_rau0103_1 dd {padding: 20px 0 40px 0}

h3.tit_line {overflow: hidden;display:block;background: url(../images/content/h3_bg.gif) 0 center repeat-x;text-align:center;margin: 50px 0 40px;}
h3.tit_line span {padding: 5px;background:#fff;color: #515151;font-size: 20px;}

.con_listStyle li {color: #666;font-size: 17px;font-weight:bold;margin-bottom:35px;line-height:160%;}
.con_listStyle span {color: #08112a;}
.con_listStyle span.pl_s1 {padding-left:108px;display:block;color: #666;}
.con_listStyle span.pl_s2 {padding-left:86px;display:block;color: #666;}
.con_listStyle li ul {margin-top:10px;margin-left:20px;}
.con_listStyle li li {margin-bottom:5px;font-size: 16px;}
.con_listStyle .tit {color: #489ecc;}


.tableList{overflow:hidden;display:block;vertical-align: top;font-size: 15px;}
.tableList table {border-top:2px solid #08112a;width:100%;padding-right:1px;}
.tableList table th {color:#515151;background:#fbfbfa;border:1px solid #ebebeb;border-width:1px 1px 1px 0;padding:15px;vertical-align:middle;text-align:center;font-weight:bold;}
.tableList table th.end {border-right:none;}
.tableList table tbody td{padding:10px 20px;vertical-align: middle;line-height:129%;border-bottom:1px solid #ebebeb;height:35px;color:#808080;}
.tableList.tline td {border-right:1px solid #ebebeb;}
.tableList.tline td.end {border-right:none;}

.bdview .line th, .bdview .line td {border-right:1px solid #ebebeb;}
.bdview .line th.end, .bdview .line td.end {border-right:none;}

.ex_p dt {font-weight:bold;font-size: 16px;margin-top:20px;}
.ex_p dd {padding-left:10px;margin-top:10px;}

.bdList a.algori_name {font-weight:bold;text-decoration:underline;color:#f36f31}

/* 신청절차 */
.btn_click a,.btn_click a.btn_a {padding-right:50px;background: url(../images/content/btn_open.gif) right 50% no-repeat;}
.btn_close {position: absolute;top:-40px;left:0;font-size:20px;color:#515151;margin:40px 0 15px 0;z-index: 999;background:#fff url(../images/content/btn_close.gif) right 50% no-repeat;font-weight:bold;padding-right:50px;}


/* 차트 추가*/
.search_topBox {position:relative;widh:100%;margin-bottom:40px;}
/* .search_topBox .bdview {width:1090px;} */
.search_topBox .btn_layout {position:absolute;top:67px;right:5px;}
.btn_layout input {min-width:70px;height:70px;border-radius:10px;text-align:center;font-size:20px;}

.bdview2 {clear: both;width:100%;/* overflow:hidden; */display:block;text-align:center;border-left: 1px solid #ccc;border-bottom: 1px solid #ccc; /*  border: 1px solid #999;*/}
.bdview2.bdview2_1 {overflow:hidden;}
.bdview2.bdview2_1 tbody td.tar {font-family:"dotum",Helvetica,Arial,sans-serif;}
.bdview2 table{width:100%;}
.bdview2 table th, .bdview2 table tbody td{border-right:1px solid #ccc;border-top:1px solid #ccc;vertical-align:middle;padding:6px 7px;}
.layout_box .scroll_box2 {/*overflow-x:hidden;overflow-y:auto; min-height:830px; */}
.bdview2.bdview2_2 table th, .bdview2.bdview2_2 tbody td {padding:5px 6px;}
.bdview2.bdview2_2 tbody td.tar {padding: 6px 7px;letter-spacing: 0;font-family:"dotum",Helvetica,Arial,sans-serif;}
.bdview2 table tr.color th {background:#fff9f6;}
.bdview2 table th{font-size: 13px;background:#ffe6db;font-weight:bold;color:#515151;padding:5px;}
.bdview2 table tbody td {font-size: 12px;color: #000;}
.bdview2 tr.color td {background:#f6f6f6;}
/* .bdview2.table_pad {width: 918px;} */
.bdview2.table_pad td span {width:50px;margin:0 auto;text-align:right;display:inline-block;}

.bdview2.bdview2_scroll_box {max-height: 320px;overflow-y: auto;overflow-x: hidden;margin-top:-1px;}

/* 상세 리밸런싱 */
.bdview .bdview2 table {border-top: 1px solid #ccc;}
.bdview .bdview2 table tbody td {font-size: 12px;color: #000;}
.bdview .bdview2 table th {background:#ffe6db;color:#515151;}
.bdview .bdview2 table th, .bdview .bdview2 table td {font-size: 13px;padding:5px !important;text-align:center;height:auto;}
.bdview .bdview2 table th {border-top: 1px solid #ccc;}

.bdview select {border: 1px solid #dedede;height:30px;padding:2px;}
.layout_box2 .bdview2 th, .layout_box2 .bdview2 td {padding:12px 15px;}
.layout_box2 .fl_list .bdview2 th,
.layout_box2 .fl_list .bdview2 td {
	padding:8px 15px;
}
.layout_box2 .fl_list .bdview2 td.tar {padding:8px 45px 8px 0;font-family:"dotum",Helvetica,Arial,sans-serif;}
.layout_box2 .fr_list .bdview2 td.tar {padding:12px 27px 12px 0;font-family:"dotum",Helvetica,Arial,sans-serif;}
.layout_box2 .bdview2 table tbody td {font-size: 13px;}
.bdview2 table tbody tr.select_data {background: #e5e96e;}
/* .scroll_box2 .bdview2 {overflow-y:auto;overflow-x:hidden;} */


.chartBoxSet td {border:none;}

.canvasjs-chart-credit {display:none}

.layout_box {clear:both;float: left;width:100%;/* overflow: hidden; */z-index:9;/* display:block; */}
.layout_box .fl {width: 820px;z-index: 9;padding-bottom: 70px;}
.layout_box .fr {width: 350px;height: 600px;display:block; /* padding:10px 20px;background:#f6f6f6; */z-index:9;}
.layout_box .fr h2 {font-size:20px;display:block;background:#fff;padding-bottom:4px;}

.layout_box2 {clear:both;overflow: hidden;display:block;}
.layout_box2 .fl_list {width:450px;}
.layout_box2 .fr_list {width:710px; padding-top:0px;}
.layout_box2 .fr_list .bdview2 {border-bottom:none;border-right:1px solid #ccc;display:hidden;padding-right:1px}
.layout_box2 .fr_list .bdview2 table {width:99.9%;border-bottom:1px solid #ccc;}

.R_box {color: #fff}
.bb {background:#5d5d5d;padding:4px 15px;border-radius: 2px}

.fl_list {float:left;width:118px;}
.fl_list .name, .fl_list .clear {width:180px;text-overflow: ellipsis;white-space:nowrap;overflow: hidden;}
.bdview2_2 .name2 {width:77px;text-overflow: ellipsis;white-space:nowrap;overflow: hidden;display: inline-block;}

.fr_list {position:relative; float:right;width:82px; padding-top:14px; /*width:auto;letter-spacing: -0.1em;*/}
.fr_list span {display:inline-block;border-radius: 2px;color: #fff;font-size: 12px;padding: 0 2px;height:17px;line-height:17px;text-align:center;}
.fr_list span a {color: #fff;}
.fr_list .list1.off {float:left;background:#999999;}
.fr_list .list1.on {background:#ea4335;}
.fr_list .list2 {float: right;background: #355bea;/* background:#139db2; */}
.fr_list .list3 {clear:both;width:78px;background:#ff9c3a; /* #fa701c */margin-top:3px;}

/* 유의사항 레이어 팝업 */
.infor_layerBg {position:absolute;top:0;left:0;width:100%;height:100%;background:#000;opacity: 0.3;filter:alpha(opacity=30);z-index: 99}
.infor_layerBox {
  position:absolute;/* top:300px; */top:50%;margin-top:-400px;left:50%;margin-left:-301px;width:554px;z-index: 999;
  border: 4px solid #fc6d31;background:#fff;padding: 30px 20px;
}
.infor_layerBox dl {display:block;overflow: hidden;line-height:25px;}
.infor_layerBox dt {width:100%;height:25px;line-height:25px;color: #000;font-size: 30px;text-align:center;margin-bottom:24px;font-weight: 600;}
.infor_layerBox dd {color: #555;font-size: 15px;text-indent: -20px;padding-left:20px;margin-bottom:15px;font-weight: 600}
.infor_layerBox .btn {background:#666;color: #fff}

/* 비교 레이어 팝업 */
.infor_layerBox2 {display:none;position:fixed;/* top:137px; */top:50%;margin-top:-284px;left:50%;width:770px;margin-left:-385px;z-index: 9999;
  border: 4px solid #fc6d31;background:#fff;padding: 30px 20px;}
.infor_layerBox2 .btn {background:#666;color: #fff}

/* 리밸런싱, 인시던트 레이어 팝업 */
.layer_rebalancing,  .layer_incident {
  display:none;
  position:absolute;/* top:590px; */margin-top:-20px;left: 90px;width: 554px;/*margin-left:-150px;width:252px;*/
  border: 4px solid #fc6d31;background:#fff;padding: 20px 20px 30px;z-index:999;
}
.layer_rebalancing h2, .layer_incident h2 {font-size: 18px;color: #000;/*text-align:center;*/margin-bottom:10px;}
.layer_rebalancing h2 span, .layer_incident h2 span {color: #f36f31;}
.layer_rebalancing .close, .layer_incident .close {position:absolute;top:20px;right:20px;}


.table_style_box {/* overflow: hidden; */clear:both;width:100%;display:block;}
.table_style_box .fl_list {float:left;width:360px;}
.table_style_box .fr_list {width:100%/* float:right;width:820px; */}
.table_style_box .explain {/* float:right; */background:#222;}

.bdview3 {width:100%;text-align:center;}
.bdview3 table{width:100%;border: 1px solid #d9d9d9;font-weight:bold;}
.bdview3 table th, .bdview3 table tbody td{border-right:1px solid #ccc;border-bottom:1px solid #ccc;vertical-align:middle;padding:10px 0;}
.bdview3 table tr.color th {background:#fff9f6;}
.bdview3 table th{font-size: 16px;background:#fc6d31;color:#fff;}
.bdview3 table tbody td {font-size: 16px}
.bdview3 table tbody td.norbr {border-right:none;}

.chart_box {float:left;width: 915px;display:block;overflow:hidden;border: 1px solid #999;padding: 20px 0;}

#container h2.tit_h2 {font-size: 18px;color: #000;margin-bottom:5px;}

.select_top {overflow: hidden;display:block;margin-bottom:22px;}
.select_top label {float:left;display:block;padding-right:36px;font-weight:bold;color: #000;font-size: 18px;cursor: default !important;}
.select_top ul#date_select {float:left;}
.select_top #date_select li {float:left;margin-right:4px;}
.select_top #date_select li.search_btn {margin-left:50px;}
.select_top #date_select li.search_btn a {background: #f36f31;}
.select_top #date_select input,
.select_top #date_select a {
  width:55px;color: #fff;text-align:center;border-radius: 2px;height:25px;line-height:25px;cursor: pointer;display:block;
}
.select_top #date_select a {background:#5d5d5d;}
.select_top #date_select input {background:#2798dc;}
.select_top .date {border: 1px solid #dedede;width:107px;height:23px;line-height:23px; text-align:center}

.tab_chart {overflow: hidden;display:block;margin-top:40px;margin-bottom:30px;}
.tab_chart li {float:left;margin-right:2px;}
.tab_chart li a {width:120px;font-size: 17px;font-weight:500;color: #000;background:#dfdfdf;text-align:center;display:block;border-radius: 4px;padding: 5px}
.tab_chart li.on {}
.tab_chart li.on a {color: #fff;background:#5d5d5d;}
.cont_plus {color: #fc6d31;}
.cont_minus {color: #314efc;}


.top_box_scroll {overflow-x: hidden;overflow-y: auto;/display:block;min-height:42px;max-height:89px;border:1px solid #ebebeb;padding:20px;}

.chart_box_d {position:relative;}
.chart_box_d span.bg {width:80px;height:20px;display:block;position:absolute;top:270px;left:0;background:#fff;z-index:999}

.search_topBox .test_box {float:left;width:auto;/* padding:10px 0 */}
.progressSet {display:inline-block;position: relative;width: 270px;height: 5px;margin-top:3px;/* margin-bottom:10px; */background:#eee;border:1px solid #ddd;color:#f36f31;z-index:9;}
.progressSet .progressBox {position: relative;/* width:50%; */height:15px; /* background:#f08080 url(/portal/images/content/bg_bar.png) 0 0 repeat; */}
.progressSet .progressBox span.now_date {position:absolute;top:-11px;right:-4px;width:15px;font-size:22px;/* margin-left:-10px; */z-index:99;}
.progressSet .first_date, .first_date {/*position:absolute; top:11px;left:0;z-index:99; */}

.jqplot-event-canvas {border-top:none;}

.position_box {float:right;/* position:absolute;top: 0;right: 0; */width:248px;padding:10px;/* height:661px; */height:336px;border:1px solid #999;/* background:#fff;z-index: 999; */}

.checkbox_layer {position:absolute;bottom: 45px;right: 53px;}

/* 추가*/
.layout_box2 .bdview2 .table_layout1 th {padding:5px;}
/*.layout_box2 .bdview2 .table_layout1 td span {width:50px;margine:0 auto;text-align:right;display:inline-block;}*/
.layout_box2 .bdview2 .table_layout1 td.tar {margine:0 auto;text-align:right;}
/*20170216, add by LHD */
.layout_box2 .fr_list .bdview2 th.comop {padding:13px 0;}
.layout_box2 .fl_list .bdview2 td.comop {padding:8px 100px 8px 0;}
.layout_box2 .fr_list .bdview2 td.comop {padding:16px 60px 15px 0;}
/* marker */
.stockm{display:inline-block;border-radius: 2px;color: #fff;background-color:#ea4335;font-size: 12px;padding: 0 2px;line-height:17px;text-align:center;}
.passm{display:inline-block;border-radius: 2px;color: #fff;background-color:#489ecc;font-size: 12px;padding: 0 2px;line-height:17px;text-align:center;}
.opcmptm{display:inline-block;border-radius: 2px;color: #fff;background-color:#9E9E9E;font-size: 12px;padding: 0 2px;line-height:17px;text-align:center;}
.examinem{display:inline-block;border-radius: 2px;color: #fff;background-color:#84c5ce;font-size: 12px;padding: 0 2px;line-height:17px;text-align:center;}
.warnm {display:inline-block;border-radius: 2px;color: #fff;background-color:#ffc107;font-size: 12px;padding: 0 2px;line-height:17px;text-align:center;}
