input[type="text"],input[type="password"],input[type="file"],select{height:29px;text-align:left;background:#fff;border:1px solid #d6d6d6;padding:0 10px;color:#666}

.ConWrap {padding:0 15px;}

.newsPage {margin:30px 0 0 0;}
.newsPage ul {text-align: center; font-size: 0}
.newsPage ul li{display: inline-block; width: 29px; height: 29px; border-radius: 50%; overflow: hidden; margin:0 2.5px;}
.newsPage ul li.arr.p {margin-right: 10px}
.newsPage ul li.arr.n {margin-left: 10px}
.newsPage ul li.arr a {display: block; width: 100%; height: 100%; font-size: 0; border:1px solid #999; border-radius: 50%; position: relative;}
.newsPage ul li.arr a span { display: block; width: 6px; height: 12px; height: 100%; position: absolute; top:8px; left:10px;}
.newsPage ul li.arr.pp a span{width:11px; background:url("../images/pp.svg")no-repeat; background-size: 11px 12px; left:7px}
.newsPage ul li.arr.p a span{background:url("../images/p.svg")no-repeat; background-size: 6px 12px; }
.newsPage ul li.arr.n a span{background:url("../images/n.svg")no-repeat; background-size: 6px 12px;left: 11px;}
.newsPage ul li.arr.nn a span{width:11px; background:url("../images/nn.svg")no-repeat; background-size: 11px 12px; left:9px}
.newsPage ul li a {display:block; width:100%; height:100%; color:#999; font-size: 15px; line-height: 27px;border-radius: 50%; border:1px solid #fff;}
.newsPage ul li.on a{background: #3c3c3c; color:#fff; border:1px solid #3c3c3c;} 
@media screen and (max-width:370px){
    .newsPage ul li{width: 27px; height: 27px; margin:0 2px;}
    .newsPage ul li.arr.p {margin-right: 5px}
    .newsPage ul li.arr.n {margin-left: 5px}
    .newsPage ul li.arr a span { top:7px; left:9px;}
    .newsPage ul li.arr.pp a span{left:6px}
    .newsPage ul li.arr.n a span{left: 10px;}
    .newsPage ul li.arr.nn a span{left:7px}
    .newsPage ul li a {line-height: 25px;}
}


/*------------------------------ sub2 market ------------------------------*/
.sub2 {position: relative;}
.sub2:after { content:""; display:block; clear:both; }
.sub2 > div { width: 50%; float:left; height: 100%; position: relative;}
#stock_2dep .tab_wrap.market {display: none;}
.sub2 .card1{ border-right:1px solid #ced2d7;}
/*kospi, kosdaq*/
.card { margin-bottom: 15px;} 
.card > * { display: block; width:100%; height:100%; padding:20px; text-align: left; position: relative; padding:15px 15px 0 15px;}
.sto_time {display: inline-block;  height: 32px; line-height: 32px; position: absolute; top:0; right:15px; color:#888; font-size: 11px; font-family: 'Tahoma'; letter-spacing: 0;}
.sto_time span { letter-spacing: -1px; line-height: 32px; }
.card .st_chart { width: 100%; height: 109px; border:0 none;}
.card .kospi {display: block; width:100%; }
.card .kospi > strong{ font-size:16px; color:#333; font-weight: bold;}
.sub2 .c_5_2_tNum {float:none;}
.c_5_2_tNum {width: 100%; font-size:16px;letter-spacing: 0; display:inline-block;height:15px;line-height:15px; font-family: 'Tahoma'; margin:10px 0 16px 0; text-align: right; }
.c_5_2_tNum > span:nth-child(1){font-size: 22px; float:left; font-weight: bold;}
.c_5_2_tNum span:nth-child(2){padding-left:22px;display: inline-block; line-height:17px; font-size: 17px; }
.c_5_2_tNum span:nth-child(3){padding-left:6px;display: inline-block; line-height:17px; font-size: 17px;}
.card .up{color:#ff3535;}
.card .down{color:#0374ff;}
#stock_2dep .card .pitch span{position:relative;display:inline-block;}
#stock_2dep .card .pitch span:after{display:block;content:"";width:10px;height:10px;position:absolute;top:5px;left:-12px;}
#stock_2dep .card .pitch.down span:after{background:url(../images/triangle_blue.svg) no-repeat;background-size:100%;}
#stock_2dep .card .pitch.up span:after{background:url(../images/triangle_red.svg) no-repeat;background-size:100%;}
.set4{display: block; width:100%;height:28px; position: relative; margin-top: 3px; margin-bottom:19px;}
.set4 > span{display:inline-block;line-height:28px;font-size:14px;color:#333; }
.set4 > span:not(:root:root){line-height:28px;}
.set4 > span span{font-size:14px;letter-spacing:0;line-height:27px; font-family:'Tahoma';}
.set4 > span:nth-child(1) {position: absolute; top:0; left: 0;}
.set4 > span:nth-child(2) {display: block; width: 100%; text-align: center;}
.set4 > span:nth-child(3) {position: absolute; top:0; right:0; }
.set4 > span:nth-child(4){position:absolute;bottom:-21px;right:0;color:#999; font-size: 12px;}
.sub2 .set4 > span:nth-child(4){bottom:-18px; top: inherit;}
.card .card_table { width: 100%; line-height: 30px; text-align: center; padding:0 15px;; }
.card .card_table ul {height: 32px; background: #f7f7f8; border:1px solid #dee0e4; }
.card .card_table li {width:20%; height:100%; font-size: 14px; float: left}
.card .card_table li a {display: block; height: 100%; font-family: 'Tahoma';}
.card .card_table li span {display: inline-block; position: relative; padding-left: 11px;}
.card .card_table li span.pitch:after { display: block; content: ""; width: 9px; height: 10px; position:absolute;top:50%;left:0;margin-top: -5px}
.card .card_table li span.pitch.down:after{background:url(../images/triangle_blue.svg) no-repeat;background-size:9px 10px;}
.card .card_table li span.pitch.up:after{background:url(../images/triangle_red.svg) no-repeat;background-size:9px 10px; margin-top: -6px}
.card .card_table li span.pitch.allup {padding-left: 8px;}
.card .card_table li span.pitch.allup:after { display: block; content: ""; width:9px; height:12px; position:absolute;top:50%;left:-3px;margin-top: -6.5px;}
.card .card_table li span.pitch.down.allup:after{background:url(../images/arrow_blue.svg) no-repeat;background-size:9px 12px;}
.card .card_table li span.pitch.up.allup:after{background:url(../images/arrow_red.svg) no-repeat;background-size:9px 12px;margin-top: -7.5px;}
@media screen and (max-width:640px){
    #stock_2dep .tab_wrap.market {display: block}
    .sub2 .card .kospi > strong {display: none;}
    .sub2 {margin-top: -15px;}
    .sub2 > div { width:100%; float:none;}
    .sub2 .card1{ border-right: 0 none;}
    .card2 {display: none;}
    .card1 .sto_time {display: block;}
    .card .kospi > strong{ font-size:18px;}
    .c_5_2_tNum span:nth-child(2){margin-top: 8px; }
    .c_5_2_tNum span:nth-child(3){margin-top: 8px;}
}

/*-------------- vRport --------------*/
/*vReport_menu*/
.vReport_menu {height: 80px; overflow: hidden}
.vReport_menu li{width:20%; height: 40px; float:left; border-bottom:1px solid #ced2d7; border-right:1px solid #ced2d7; position: relative}
.vReport_menu li:nth-child(-n+5){border-top:1px solid #ced2d7;}
.vReport_menu li:nth-child(5n+5){border-right:0 none;}
.vReport_menu li.on { border-bottom:1px solid #e01f26; border-right:1px solid #e01f26;}
.vReport_menu li.on:after {display: block; content: ""; width: 1px; height: 100%; position: absolute; top:-1px; left: -1px; background: #e01f26; z-index: 10;}
.vReport_menu li.on:before {display: block; content: ""; width: 1px; height: 100%; position: absolute; bottom:-1px; left: -1px; background: #e01f26; z-index: 10;}
.vReport_menu li a {display: block; height: 100%; line-height: 39px; font-size: 15px; color:#666; }
.vReport_menu li.on a {background: #e01f26; color:#fff; }
.vReport_menu li.on a:after {display: block; content: ""; width:100%; height: 1px; position: absolute; top:-1px; left: -1px; background: #e01f26; z-index: 10;}
.vReport_menu li.on a:before {display: block; content: ""; width:100%; height: 1px; position: absolute; top:-1px; right: -1px; background: #e01f26; z-index: 10;}
.vReport_menu li.on .check {display: inline-block; width: 16px; height: 16px; background: url(../images/vReport_menu.svg)no-repeat; background-size: 16px; margin:12px 5px 0 0;}

/*select*/
.vReport_select { height: 40px; margin:15px 0; text-align: left; padding:0 15px;}
.vReport_select > div {float: left; height:40px; font-size: 0; position: relative; }
.vsdiv1 {width: 40%;}
.vsdiv2 {width: 60%;}
.vsdiv1 .select_space { padding-left: 69px; padding-right: 35px;}
.vsdiv2 .select_space { padding-left: 69px; padding-right: 55px;}
.vsh5 {display: inline-block; position: absolute; top:0; left: 0; line-height: 40px; color:#333; font-size: 14px; padding-left: 7px; margin-right: 10px; }
.vsh5:after {display: block; content: ""; width: 3px; height: 3px; position: absolute; top:19px; left: 0; background: #666; border-radius: 50%;}
.vsswrap{display:inline-block;text-align:left;position:relative;}
.vsswrap .select_go{display:block;width:100%;height:40px;line-height:37px;padding:0 10px;position:relative;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:13px;background:#f3f3f3;border:1px solid #ced2d7;color:#999;}
#stock_2dep .vsswrap .m_select {position: absolute;top: 0;left: 0;display: inline-block;width: 100%;height:40px;border: 0;box-shadow: none;background-color: transparent;background-image: none;-webkit-appearance: none;outline: 0;cursor: pointer;z-index: 1;opacity: 0;}
.vsswrap .dtsSelect_arr{display:block;width:11px;height:6px;position:absolute;top:15px;right:10px;background :url("../images/vReport_select.svg") no-repeat;background-size:100%; opacity: 0.5}
.vsswrap ul{width:100%;max-height:281px;position:absolute;top:40px;left:0;display:none;z-index:20;overflow-y:auto;border:1px solid #b9bcc1;border-top:0 none;}
.vsswrap ul li{background:#fff;height:40px;border-top:1px solid #b9bcc1;border-bottom:0 none}
.vsswrap ul li:first-child{border-top:0 none}
.vsswrap ul li a{display:block;height:100%;line-height:38px;padding-left:10px;font-size:13px;color:#333;}
.vsswrap ul li a:hover{color:#333;background:#f2f2f2}
.vsswrap .reverse,
.vsswrap .selected{border:1px solid #b9bcc1;background: #fff; color:#333;} /*선택한 후*/
.vsswrap .reverse .dtsSelect_arr {opacity: 1; transform: rotateX(180deg)}
.vsswrap .selected .dtsSelect_arr{opacity: 1; transform: rotateX(0deg)}
/*개별지정*/
.vsswrap.vss1{width: 50%; padding-right: 1px}
.vsswrap.vss2{width: 50%; padding-left: 1px}
.vsswrap.vss3{width: 60%; padding-right: 1px}
.vsswrap.vss4{width: 40%; padding-left: 1px}
/*input text*/
.select_space_half { width: 50%; float:left; padding-right:1px;}
.vvs_inText {float:left; width: 50%; padding-left: 1px;}
.vvs_inText > div { background:#f3f3f3;border:1px solid #ced2d7; position: relative;}
.vvs_inText.on > div {background: #fff; border:1px solid #b9bcc1;}
.vvs_inText input[type=text] { width: 100%; height:38px; border:0 none; background: none; outline: none; color:#333;}
.vvs_inText a {display: block; width:40px; height:40px; position: absolute; top:0; right:0; font-size: 0; text-indent: -9999px;}
.vvs_inText a span {display: block; width: 17px; height: 17px; position: absolute; top:10px; right:10px; background: url(../images/vReport_search.svg)no-repeat; background-size: 17px; opacity: 0.4 }
.vvs_inText.on a span {opacity:1 }
.detail_search_btn:link {display: inline-block; float:right; width: 40px; height: 40px; position: absolute; top:0; right: 0; background: #333;}
.detail_search_btn:hover {background: #e01f26;}
.detail_search_btn span {display: block; width: 10px; height: 10px; position: absolute; top:15px; left:15px;}
.detail_search_btn span:after {display: block; content: ""; width: 10px; height: 2px; position: absolute; top:4px; left: 0; background:#fff;}
.detail_search_btn span:before {display: block; content: ""; width:2px; height: 10px; position: absolute; top:0; left:4px; background:#fff;}
.detail_search_btn span.down:before{display: none;}
/**/
.detail_search {width: 100%; height:97px; display: none; padding:0 15px; margin-bottom: 15px;}
.detail_search:after { content:""; display:block; clear:both; }
.word_search {width: 100%; height: 52px; border:1px solid #ced2d7; line-height:51px; text-align: left; padding:0 15px; position: relative}
.word_search .wsp_wrap {width: 100%; height: 100%; padding-right: 330px;}
.word_search .wsp_wrap:after { content:""; display:block; clear:both; }
.word_search .wsp { display: block; width: 50%; height: 100%; float:left; padding-left:111px; padding-right:15px; font-size: 0; position: relative; }
.word_search .wsp.last { width: 330px; position: absolute; top:0; right:15px; padding:0; display: block}
.word_search .wsp_t {display: inline-block; position:absolute; top:0; left: 0; font-size: 13px; color:#666; margin-right: 13px; padding-left: 12px;}
.word_search .wsp_t:after {display: block; content: ""; width: 6px; height: 1px; position: absolute; top:24px; left: 0; background: #666;}
.word_search .input_wrap { width: 100%;} 
.word_search .input_wrap2 { width: 100%; padding-left: 70px;}
.word_search .wsp input[type=text] {width: 100%; height: 30px; border:1px solid #cbced1; margin-top: 11px; color:#333; letter-spacing: 0; }
.word_search .wsp.last input[type=text] {width: 120px; }
.word_search .wave_t {display: inline-block; font-size: 14px; color:#666; padding:0 4px;}
.wsplast_input {display:inline-block; position: relative;}
.wsplast_input a {display: block; width: 30px; height: 30px; position: absolute; top:11px; right:0; font-size: 0; text-indent: -9999px; }
.wsplast_input a span {display: block; width: 16px; height: 16px; position: absolute; top:7px; left:7px; background: url(../images/vReport_cal.svg)no-repeat; background-size: 16px; opacity:0.5 }
.wsplast_input.on a span {opacity: 1}

.wsplast_input input[type=text] {padding: 0 40px 0 10px;}
.detail_search .det_btn {display: block; width: 60px; height: 40px; float: left; background: #333; color:#fff; margin-top: 5px; line-height: 40px; font-size: 14px; }
.detail_search .ds_re {float: left; background: #fff; border:1px solid #c4c7ca; color:#666;}
.detail_search .ds_se {float: right; margin-right: 1px; background: #e01f26;}
.detail_search .ds_ca {float: right;}
.detail_search .ds_cl {display: none;}
.detail_M_btn {display: none;}
@media screen and (max-width:850px){
    .vReport_select { height: auto;}
    .vReport_select > div {float: none; }
    .vsdiv1 {width: 100%;}
    .vsdiv2 {width: 100%; margin-top:4px;}
    .vsdiv1 .select_space { padding-left: 73px; padding-right:0;}
    .vsdiv2 .select_space { padding-left: 73px; padding-right:0;}
    .vsswrap.vss1{padding-right:2px}
    .vsswrap.vss2{padding-left:2px}
    .vsswrap.vss3{width: 50%; padding-right:2px}
    .vsswrap.vss4{width: 50%; padding-left:2px}
    .select_space_half { padding-right:2px;}
    .vvs_inText { padding-left: 2px;}
    .vsh5 {font-size: 15px;}
    .detail_search_btn:link {display: none}
    /**/
    .detail_search {height:auto;}
    .word_search{height: auto;}
    .word_search .wsp_wrap {padding-right: 0;}
    .word_search .wsp.second {padding-right: 0;}
    .word_search .wsp.last {position: relative; top:inherit; right: inherit; float: none; border-top: 1px solid #ced2d7; width: 100%;}
    .detail_search .det_btn {width: 65px; height:30px; line-height:30px; font-size: 14px; }
    .detail_search .ds_cl {display: block; float: right; margin-left: 1px; }
    .detail_M_btn {display:block; height: 41px; border-top: 1px solid #e6e8eb; line-height: 40px; color:#666; font-size: 14px;}
    .detail_M_btn.fold {display: none;}
    .detail_M_btn a {display: block;}
    .detail_M_btn a span {display: inline-block; width: 12px; height: 12px; background: url(../images/search.svg)no-repeat; opacity: 0.7; background-size:12px; margin-top: 14px; margin-right: 2px;}
}
@media screen and (max-width:550px){
    .vReport_menu li.on .check {display:none;}
    .vsh5 span {display: none;}
    .vsdiv1 .select_space { padding-left: 45px; }
    .vsdiv2 .select_space { padding-left: 45px; }
    /**/
    .word_search .wsp {width: 100%; float: none; padding: 0 15px 0 0; }
    .word_search .wsp.first {padding-right: 0; border-bottom: 1px solid #ced2d7}
    .word_search .input_wrap {padding-left:111px; }
    .word_search .input_wrap2 {height: 51px; padding-left:111px;}
    .word_search .input_wrap2 div {position: relative;}
    .wsplast_input {width: 50%; float: left;}
    .word_search .wsp.last input[type=text] {width:100%}
    .word_search .wsp.last .wsplast_input:nth-child(1) {padding-right: 8px;}
    .word_search .wsp.last .wsplast_input:nth-child(1) a {right: 8px;}
    .word_search .wsp.last .wsplast_input:nth-child(3) {padding-left: 8px;}
    .word_search .wsp.last .wave_t {position: absolute; top:0; left: 50%; margin-left: -7px}
}
@media screen and (max-width:490px){
    .select_space_half {width: 53%;}
    .vvs_inText {width: 47%;}
    .vsswrap.vss3{width: 56%; padding-right:2px}
    .vsswrap.vss4{width: 44%; padding-left:2px}
}
@media screen and (max-width:400px){
    .vReport_menu li a {font-size: 14px;}
}


/*------------------------------ sub3 landmark ------------------------------*/

.lm_map_wrap {position: relative; text-align: left}
.lm_map_wrap .mm_hd span {display: inline-block; height: 100%; line-height: 45px; font-size: 12px; color:#999; padding-left:15px}
.lm_map_wrap .mm_hd span span {font-family: 'Tahoma'; color:#444; padding-left:5px; letter-spacing: 0; line-height: 46px;}
.sell_map.smap1 .map_wrap {height:320px; }
.sell_map.smap2 .map_con { position: relative;}
.sell_map.smap2 .map_wrap { height:220px; }
.oneClick {position: relative;}
.oc_hd { width: 100%;height: 60px; background:#134168; text-align: left; position: relative}
.oc_hd2 {display: none;}
.oc_hd h4 {display: inline-block; height: 60px; line-height: 60px; color:#fff; font-size: 18px; padding:0 20px 0 15px;}

.cal_select {display: inline-block; font-size: 15px; line-height: 60px; color:#fff;}
.cal_select .calsel {display: inline-block; position: relative; letter-spacing: 0; margin-right: 25px; color:#fff; padding:0 3px;}
.cal_select .calsel input {background: none; width: 77px; height:30px; margin-top: 15px; border:0 none; outline: none; color:#fff; letter-spacing: 0; font-size: 15px; padding: 0; line-height: 30px;}
.cal_select .calsel:after{display:block; display:block; position: absolute; top:15px; left:0; width:100%; height:1px; background:#5a7a96; content: ''; }
.cal_select .calsel:before{display:block; display:block; position: absolute; bottom:15px; left:0; width:100%; height:1px; background:#5a7a96; content: ''; }
.cal_select .cal_btn {display: inline-block; height: 30px; border:1px solid rgba(225,225,225,0.4); margin: 15px 0 0 13px; line-height: 29px; font-size:13px; color:#fff; padding:0 5px; text-indent: -1px;} 
.cal_icon {display: block; width: 17px; height: 18px; position: absolute; top:20px; right:-25px; background: url(../images/calendar.svg)no-repeat; opacity: 0.5; background-size:17px 18px}
.wave {padding:0 10px}

.cal_select .calBar {display: inline-block; opacity: 1; width: auto; transition: all 0.3s ease-out}
.cal_select .calIcon {margin-top: 15px; display: none}
.cal_select .calIcon span {display: block;width: 13px; height: 14px; position: absolute; top:7px; left:8px; background: url(../images/calendar.svg)no-repeat; background-size:13px 14px;  }
.cal_select .calIcon, .sell_search > a {width: 31px; height: 31px; border-radius: 50%; border:1px solid rgba(225,225,225,0.5); text-indent: -9999px; font-size: 0px; position: relative;}

.sell_search {display: block; height: 31px; position: absolute; top:13px; right:15px; }
.sell_search > a {display:inline-block; }
.sell_search > a span {display: block;width: 14px; height: 14px; position: absolute; top:7px; left:7px; background: url(../images/search_w.svg)no-repeat; background-size: 14px;  }
.sell_search .input { display: inline-block; width: 170px; height: 31px; position: relative; margin-right: 5px; transition: all 0.3s ease-out}
.sell_search .input input {width: 100%; background: none; border:none; border-bottom: 1px solid #5a7a96; color:#fff; outline: none; font-size: 15px; line-height: 31px; letter-spacing: 0; padding:0 20px 0 2px}
.sell_search .input input::placeholder {color:#fff !important; letter-spacing:-1px;}
.sell_search .input input::-webkit-input-placeholder{color:#fff !important; letter-spacing:-1px;}
.sell_search .input input:-moz-placeholder{color:#fff !important; letter-spacing:-1px;}
.sell_search .input input::-moz-placeholder{color:#fff !important; letter-spacing:-1px;}
.sell_search .input input:-ms-input-placeholder{color:#fff !important; letter-spacing:-1px;}
.sell_search .input span {display: block; width: 16px; height: 16px; background: url(../images/search_close.svg)no-repeat; background-size: 16px; position: absolute; top:6px; right:0; opacity: 0.5 }
.oc_hd > span {display:none; height: 60px; line-height: 60px; position: absolute; top:0; right:15px; font-size: 12px; color:#8394a4; }
.oc_hd > span span {color:#fff; font-family: 'Tahoma'; padding-left: 5px; letter-spacing: 0; line-height: 58px}
.map_info { height: 0; background: #fff; padding:0 15px 15px 15px; transition: all 0.3s ease-out;}
.map_info h5 {width: 100%; font-size: 18px; color:#333; font-weight:bold; /*margin: 30px 20px 25px 0*/ display: table; text-align: center; padding:15px 0 15px 0;  }
.map_info h5 > span {display: table-cell; width: 100%; vertical-align: middle;}
.map_info h5 .ing{ display: inline-block; height: 19px; border:1px solid #e01f26; color:#e01f26; font-size: 12px; line-height: 17px; font-weight:bold; margin-right:5px; padding:0 3px; text-indent: -1px;}
.map_info dl {height: 31px;border-top:1px solid #dde0e3; text-align: left;position: relative;}
.map_info dl.rows {height:93px;}
.map_info dl:last-child {border-bottom:1px solid #dde0e3;}
.map_info dl > * {height: 100%; line-height: 30px; padding: 0 10px; }
.map_info dt {width: 96px; background: #f2f2f2; color:#333; font-size: 14px; border-right:1px solid #dde0e3; letter-spacing: -1px; position: absolute; top:0; left: 0;}
.map_info dd {width: 100%; padding:0 10px 0 106px; font-size: 14px; white-space:nowrap; overflow:hidden; text-overflow: ellipsis; }
.map_info dd.red {color:#e01f26}
.map_info dd.callnum { position: relative; padding-left:126px;}
.map_info dd.callnum:after {display:block; display:block; position: absolute; top:6px; left:106px; width:17px; height:17px; background:url(../images/call.svg); background-size: 17px; content: '';}
.map_info dd.callnum a { color:#000; font-weight:bold;}
.map_info dd.callnum .callLineBtn {display: inline-block; height:22px; border:1px solid #dde0e3; color:#666; font-size: 14px; font-weight: normal; line-height: 20px; padding:0 4px; margin:4px 0 0 10px}
.map_info dl.rows dd {padding:0 0 0 96px;}
.map_info dl.rows dd > span {display:block; width: 50%; height:31px; float:left; border-bottom:1px solid #dde0e3; padding:0 10px}
.map_info dl.rows dd > span span:nth-child(1) {display: block; width: 45%; float:left; color:#999; }
.map_info dl.rows dd > span span:nth-child(2) {display: block; width: 55%; float:left}

.map_info dl.auto { height: auto; min-height: 31px;}
.map_info dl.auto dd {white-space: inherit; overflow: inherit;height: 100%; padding:5px 10px 5px 106px}
.map_info dl.auto dd.red {min-height: 31px; }
.map_info dl.auto dd.red span {line-height: 18px; max-height:36px; margin-top:1px; overflow: hidden; 
text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-wrap:break-word;}

.map_flash {display: none; position: relative; padding:0; }
.map_flash > div { background: #fff; height: 100%;}
.map_flash .mf_t { width: 81px; height:50px; position: absolute; top:0; left:0; background: #3c3c3c; font-size: 13px; color:#fff; line-height: 50px; z-index:1 }
.map_flash .mf_t:after {display: block; content: ""; width: 7px; height: 9px; position: absolute; top:21px; right:-4px; background: url(../images/sub3_arr1.svg)no-repeat; background-size: 7px 9px}
.select_box2{width: 100%;text-align:left;position:relative; background: #3c3c3c;}
.select_go2{display:block;width:100%; height:50px; line-height:51px; padding:0 60px 0 15px; position:relative; font-size: 14px; z-index: 30; color:#fff; }
.select_go2 .sgm_tit_pc {display: block; width: 100%; white-space:nowrap; overflow:hidden; text-overflow: ellipsis; padding-left: 85px;}
.dtsSelect_arr2 { display:block; width:50px; height:50px; position:absolute; top:0; right:0; background: #595959; }
.dtsSelect_arr2 span {display: block; width: 12px; height: 7px; background : url("../images/sub3_arr2.svg") no-repeat; background-size:12px 7px; position: absolute; top:22px; left:20px;}
.select_box2 ul{width:100%;/*max-height:170px;*/display:none;z-index:20;overflow-y:auto; }
.select_box2 ul li{background:#fff;height:50px;border-top:1px solid #ecedef;border-bottom:0 none;}
.select_box2 ul li:first-child{border-top:0 none;}
.select_box2 ul li a{display:block;height:100%;line-height:50px;padding:0 10px;font-size:14px;color:#333; white-space:nowrap; overflow:hidden; text-overflow: ellipsis;}
.reverse .dtsSelect_arr2 span{-webkit-transform:rotate(180deg);transform:rotate(180deg)}
.map_back {display: none; width: 51px; height: 51px; position: absolute; top:5px; left:5px; background:#365d7f; font-size: 0; text-indent:-9999px; }
.map_back span {display: block; width: 16px; height:13px; position: absolute; top:19px; left:18px; background: url(../images/su3_back.svg)no-repeat; background-size: 16px 13px;}

/*click*/
.detail .oc_hd h4 { margin-left:51px;}
.detail .map_info {height: auto;}
.detail .map_back {display: block;}
.detail .map_flash {display: block;}
.oneClick .detail_slide .mobileSecLine{display: none;}
.oneClick.detail .detail_slide .mobileSecLine{display: block;}

@media screen and (max-width:710px){
    .cal_icon {display: none;}
    .cal_select .calsel {margin-right: 0;}
}
@media screen and (max-width:660px){
    .oc_hd .cal_select,
    .oc_hd .sell_search {display: none;}
    .oc_hd2 {display:block; background:#134168; }
    .oc_hd > span {display: inline-block;}
    
    .sellTab{ width: 100%; height: 62px; border-top:1px solid #3c6283; border-bottom:1px solid #507290;}
    .sellTab li {width: 50%; float: left; line-height: 60px; }
    .sellTab li.on {background:#2a5477; }
    .sellTab li:first-child { border-right:1px solid #3c6283;}
    .sellTab li a {font-size: 15px; color:#fff;}
    
    .sellTabIcon {display:inline-block; width: 31px; height: 31px; border-radius: 50%; border:1px solid rgba(225,225,225,0.5); position: relative; margin:14px 5px 0 0;}
    .sellTabIcon span {display: block;width: 13px; height: 14px; position: absolute; top:7px; left:8px;   }
    #sellTab1 .sellTabIcon span { background: url(../images/calendar.svg)no-repeat; background-size:13px 14px;}
    #sellTab2 .sellTabIcon span { background: url(../images/search_w.svg)no-repeat; background-size:14px; }
    #sellTab1.on .sellTabIcon span,
    #sellTab2.on .sellTabIcon span { width:10px; height:10px; top:9px; left:9px; background: url(../images/close4.svg)no-repeat; background-size:10px; }
    .sellTab_con {display: none; height: 60px; background:#2a5477;  }
    .cal_select .calsel {margin-right:25px;}
    .cal_icon {display: inline-block;}
    .sell_search {position: static; padding-top: 13px;}
    .sell_search .input {width: 260px;}
    .sell_search .input input::placeholder {color:#94a9bb !important;}
    .sell_search .input input::-webkit-input-placeholder{color:#94a9bb !important;}
    .sell_search .input input:-moz-placeholder{color:#94a9bb !important;}
    .sell_search .input input::-moz-placeholder{color:#94a9bb !important;}
    .sell_search .input input:-ms-input-placeholder{color:#94a9bb !important;}
}
@media screen and (max-width:640px){
    .map_info dl.rows {height: 186px;}
    .map_info dl.rows dd > span {width:100%; }
}

/*------------------------------ sub4 issueplus ------------------------------*/
.issue_box { height: 130px; background: #3c3c3c; position: relative; z-index: 10; padding:15px}
.issue_box_img { width: 179px; position: absolute; top:15px; left:15px;}
.issue_box_txt {width: 100%; height: 100%; padding:0 50px 0 195px; text-align: left}
.issue_box_txt:before { display: inline-block; width: 0; height:100%; content: ""; vertical-align: middle;}
.issue_box_txt > div {display: inline-block; vertical-align:middle; text-align: left; margin-top: 2px}
.issue_box_txt div > span {color:#e01f26; font-size: 13px; }
.issue_box_txt div h6 {font-size: 20px; font-weight: bold; color:#fff; margin-top:7px; margin-bottom:5px; line-height: 24px; max-height:48px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-wrap:break-word;}
.issue_box_txt div p {font-size: 14px; line-height: 20px; color:#999;  max-height:40px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-wrap:break-word;}
.issue_icon_wrap {width: 40px; height: 40px; position: absolute; top:50%; right:15px; margin-top:-20px;}
.issue_icon {display: inline-block; width: 40px; height: 40px; position: absolute; top:0; right:0;  font-size:0; text-indent: -9999px;border:1px solid #3c3c3c;}
.issue_icon span{display: block; width: 20px; height: 20px; position: absolute; top:9px; left:9px; background:url(../images/issue_list.png)no-repeat; background-position: 0 0; background-size:40px 20px; }
.issue_icon.click {border:1px solid #000; background: #000}
.issue_icon.click span{background-position:-20px 0; top:10px; left:10px; }
.issue_layer {display: none; width: 250px; position: absolute; top:41px; right:0; border:1px solid #000; text-align: left; z-index: 10;}
.issue_layer.click {display: block;}
.issue_layer dt, .issue_layer dd {height: 42px; width: 100%; line-height: 41px; }
.issue_layer dt {background: #000; color:#fff;  font-size:16px; padding:0 20px;}
.issue_layer dd {background: #fff; border-bottom:1px solid #c4c4c4; font-size:15px; }
.issue_layer dd a{display: block; height: 100%; padding:0 20px;}
.issue_layer dd:last-child {border-bottom: 0 none}
@media screen and (max-width:480px){
    .issue_box { height: auto; display: table; width: 100%;}
    .issue_box_img { width:40%; position: relative; top: inherit; left: inherit; display: table-cell;}
    .issue_box_txt { padding:0 50px 0 10px; width: 60%; height: 100%; text-align: left; display: table-cell; vertical-align: middle;}
    .issue_box_txt div p {display: none;}
    .issue_box_txt div h6 {font-size: 18px; line-height: 22px; max-height: 44px;}
}
@media screen and (max-width:400px){
    .issue_box_img { width:141px;}
}

/*------------------------------ sub5 search ------------------------------*/
/*original content.css*/
/* search_result */
.search_cover{background:#f4f4f4;border-bottom:solid 1px #ced2d7;border-top:solid 1px #ced2d7;margin-bottom:60px;}
.search_cover > div .search_word{padding:15px 10px;border-bottom:solid 1px #ced2d7;}
.search_cover > div .search_word div{position:relative;max-width:441px;margin:0 auto;overflow:hidden;}
.search_cover > div .search_word p{max-width:375px;height:40px;line-height:38px;padding-left:10px;border:solid 1px #b0b0b0;border-right:none;background:#fff;	}
.search_cover > div .search_word p input[type="text"]{height:38px;line-height:38px;width:100%;padding:0;border:none;*margin-top:-1px;}
.search_cover > div .search_word a{position:absolute;right:0;top:0;display:block;width:55px;height:40px;line-height:40px;background:#444;text-align:center;color:#fff;}
.search_cover > div .search_setting{position:relative;padding:11px 0;}
.search_cover > div .search_setting ul{overflow:hidden;margin-right:110px;}
.search_cover > div .search_setting ul li{position:relative;float:left;width:42%;}
.search_cover > div .search_setting ul li span{line-height:28px;padding-left:20px;position:absolute;left:0;top:0;}
.search_cover > div .search_setting ul li p{padding-left:85px;}
.search_cover > div .search_setting ul li select{width:100%;padding-right:0}
.search_cover > div .search_setting .btn_detail{position:absolute;right:0;top:0;width:110px;border-left:solid 1px #ced2d7;text-align:center;}
.search_cover > div .search_setting .btn_detail a{display:block;height:50px;line-height:50px;}
.search_cover > div .search_setting .btn_detail a img{vertical-align:middle;margin:-4px 0 0 10px;}
.search_cover > .search_detail{padding:0 20px;border-top:solid 1px #ced2d7;background:#fff;display:none;}
.search_cover > .search_detail.on{display:block;}
.search_cover > .search_detail > div:first-child{position:relative;padding:10px 0;border-bottom:solid 1px #ced2d7;}
.search_cover > .search_detail ul{overflow:hidden;margin-right:357px;}
.search_cover > .search_detail ul li{position:relative;float:left;width:50%;}
.search_cover > .search_detail ul li span{position:absolute;left:0;top:0;line-height:28px;}
.search_cover > .search_detail ul li .i_wrap{margin:0 20px 0 99px;}
.search_cover > .search_detail ul li .i_wrap input{height:26px; width: 100%;}
.search_cover > .search_detail .date{position:absolute;right:0;top:10px;width:357px;}
.search_cover > .search_detail .date > span{position:absolute;left:0;top:0;line-height:28px;}
.search_cover > .search_detail .date p{margin-left:60px;text-align: left}
.search_cover > .search_detail .date p > span{padding:0 5px;line-height:28px;}
.search_cover > .search_detail .date input{width:23%;max-width:75px;padding-right:0;height:28px;border-right:none;}
.search_cover > .search_detail .btn_bottom{position:relative;padding:20px 0; text-align: left}
.search_cover > .search_detail .btn_bottom .btn{width:90px; position: static; text-indent: 0;}
.search_cover > .search_detail .btn_bottom .btn_list{position:absolute;right:0;top:20px;}
.search_result .search_list div > h3{line-height:1; font-size: 17px; font-weight: bold; color: #000; padding-bottom:13px; text-align: left; text-indent: 15px;}
.search_result .search_list div > h3 span {color: #e22e34; letter-spacing: 0}
/* btns */
.btn_list .btn{margin-left:8px;}
.btn_list .btn:first-child{margin:0;}
.btn{display:inline-block;zoom:1;*display:inline;text-align:center;}
.btn.type01{height:38px;line-height:38px;font-size:14px;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;}
.btn.gray{border:solid 1px #8c8c8c;background:#8c8c8c;color:#fff;}
.btn.white{border:solid 1px #cfcfcf;background:#fff;color:#666;}
.btn.blue{border:solid 1px #0078bd;background:#0078bd;color:#fff;}


@media screen and (max-width:20000px){
    .search_cover > .search_detail ul{margin-right:0;}
    .search_cover > .search_detail .date{position:relative;top:0;width:100%;margin-top:10px;}
    .search_cover > div .search_setting ul li{width:50%;}
	.search_cover > div .search_setting ul li span{padding-left:10px;}
	.search_cover > div .search_setting ul li p{padding-left:75px;padding-right:10px;}
    .search_cover{margin-bottom:30px;}
	.search_cover > .search_detail ul li .i_wrap{margin-right:5px;}
	.search_result .search_list .news_sort{border-top:solid 1px #ced2d7 !important}
}
@media screen and (max-width:640px){
	.search_cover > div .search_setting{padding-bottom:0;}
	.search_cover > div .search_setting ul{margin:0;padding-bottom:10px;}
	.search_cover > div .search_setting ul li{float:none;width:100%;}
	.search_cover > div .search_setting ul li:first-child{padding-bottom:5px;}
	.search_cover > div .search_setting .btn_detail{position:static;width:100%;border:none;border-top:solid 1px #ced2d7;height:34px;line-height:34px;}
	.search_cover > div .search_setting .btn_detail a{height:34px;line-height:34px;}
	.search_cover > .search_detail ul li{position:relative;float:none;width:100%;}
	.search_cover > .search_detail ul li:first-child{margin-bottom:5px;}
	.search_cover > .search_detail ul li .i_wrap{margin-right:0;}
}
@media screen and (max-width:480px){
    .search_cover > .search_detail{padding:0 10px;}
	.search_cover > .search_detail .date input{padding:0 5px;}
	.search_cover > .search_detail .btn_bottom .btn.type01{height:28px;line-height:28px;width:50px;font-size:13px;}
}


/*news_list */
.news_list {padding:0 15px;}
.news_list li{position:relative;overflow:hidden;padding:20px 0;border-top:solid 1px #e6e8eb;min-height:77px}
.news_list li:first-child{border-top:none;}
.news_list li > p{position:absolute;left:0;top:50%;margin-top:-37.5px;width:134px;height:75px;overflow:hidden;text-align:center;border:1px solid #e2e2e2;line-height:71px}
.news_list li > p img{max-width:100%;max-height:100%;text-align:center;vertical-align:middle;}
.news_list li > div{display:table; width: 100%; min-height:77px; box-sizing: border-box; padding-left:155px;}
.news_list li.no_img > div{padding-left:0;}
.news_list li > div .group{padding-bottom:5px;}
.news_list li > div .group a{color:#c99933;font-size:14px;}
.news_list li > div dl {display: table-cell; vertical-align: middle}
.news_list li > div dt{max-height:48px;overflow:hidden;margin-bottom:3px}
.news_list li > div dt a{overflow: hidden;text-overflow: ellipsis;white-space: normal;max-height:48px;text-align: left;word-wrap: break-word;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;	}
.news_list li > div dt a{font-size:20px;color:#000;line-height:24px}
.news_list li > div dd,
.news_list li > div dd a{color:#888;}
.news_list li > div dd{line-height:19px;overflow: hidden;text-overflow: ellipsis;white-space: normal;max-height:38px;text-align: left;word-wrap: break-word;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.news_list li > div dd.name{padding-bottom:3px;font-size:12px;}
.news_list li > div dd.name > span{display:inline-block;zoom:;*display:inline;margin-left:10px;padding-left:11px;background:url("../images/bg_bar.gif") no-repeat left 50%;}
.news_list li > div dd.name > span:first-child{margin-left:0;padding-left:0;background:none}
/* ".issue" : Cube list */
.news_list.issue{border:solid 1px #ced2d7;border-bottom:none;padding:0 20px;}
.news_list.issue li{min-height:60px}
.news_list.issue li > p{width:107px;height:60px;overflow:hidden;line-height:56px;text-align:center;margin-top: -30px;}
.news_list.issue li > p.type02{width:134px}
.news_list.issue li > p img{max-width:100%;max-height:100%;vertical-align:middle}
.news_list.issue li > div{padding-left:145px; min-height: 60px;}
.news_list.issue li > div dt{margin-bottom:7px;}
.news_list.issue li > div dt a{font-size:18px;}
.news_list.issue li > div dd{padding-bottom:0;line-height:14px;}
.news_list.issue li > div .group{line-height:14px;}
#container.saved_list .news_list li{position:relative;padding-right:35px;border-top:none;border-bottom:solid 1px #e6e8eb}
#container.saved_list .news_list li > a{position:absolute;right:0;top:50%;margin-top:-15px;}
.issue_list .news_list.sedcube_issue { position: relative;}
.issue_list .news_list.sedcube_issue:after {  display: block; content: ""; width:100%; height: 7px; position: absolute; top:0px; left:0; background: url("../images/cube_41.png") repeat-x;}  
.issue_list .news_list.sedcube_issue li:first-child { padding: 30px 0 20px 0;}
@media screen and (max-width:1024px){ 
    .news_list li > div{padding-left:145px}
	.news_list li > div dd.name{padding-bottom:0;}
    .news_list.issue li > p{width:20%;max-width:108px;}
    .news_list.issue li > div {padding-left:120px; }
}
@media screen and (max-width:900px){
    .issue_list .news_list.sedcube_issue { border-top:1px solid #ced2d7; margin-top: 10px;}    
    .issue_list .news_list.sedcube_issue:after {  display: none; }
    .issue_list .news_list.sedcube_issue li:first-child { padding:20px 0;}
}
@media screen and (max-width:640px){
    .news_list {padding:0;}
    .news_list li{padding:10px; min-height: 50px;}
    .news_list li > div{padding-left:105px; min-height: 50px;}
	.news_list li > div dd:last-child{display:none;}
	.news_list li > div dd.name{display:block;}
	.news_list li > div dt a{font-size:18px;color:#000;}
	.news_list li > p{width:90px;height:50px;line-height:46px;left:10px;margin-top: -25px;}
    .news_list.issue{border:none;border-top:solid 1px #ced2d7;padding:0}
    .issue_list .news_list.sedcube_issue li:first-child { padding:10px;}
}
@media screen and (max-width:480px){
    .news_list li > div dd.name > span{margin-left:5px;padding-left:5px}
}
@media screen and (max-width:430px){.news_list li > div dd.name > span:nth-child(3) {display: none;} }



/*------------------------------ sub6 info ------------------------------*/
.sub6 {margin-bottom: 50px}
.sub6 h3, .sub_policy h3 {display: inline-block; color:#040707; font-size:20px; margin:30px 0 35px 0; position: relative; text-align: }
.sub6 h3:after, .sub_policy h3:after {display: block; content: ""; width:20px; height: 1px; position: absolute; bottom:-15px; left:50%; margin-left: -10px; background: #040707; }
/*6-1*/
.sub6_roll {display:block; overflow:hidden; position:relative; width:100%; height:60px; }
.sub6_roll > li {display:none; position: absolute; top:0; left:0; width: 100%; }
.sub6_roll strong{display: block; font-size:25px; color:#e01f26; line-height: 1; margin-bottom:10px; letter-spacing:0; font-family: 'tahoma'}
.sub6_roll span {display: block; font-size:16px; color:#333; font-weight:bold}
.sub6_roll span span {display: inline}
.roll_sub {font-size: 14px; color:#666;line-height:22px; margin-top: 10px; text-align: left; margin-bottom: 25px;}
.roll_sub span {display: block; }
.round4 { text-align: center; display: table;}
.round4 > div{ display: inline-block; width:50%; float:left; display: table-cell;}
.round4 > div:nth-child(1) {padding-right: 10px;}
.round4 > div:nth-child(2) {padding-left: 10px;}
.redRound {width: 100%; height:42px; border-top:1px solid #e01f26; border-bottom:1px solid #e01f26; text-align: left; padding:0 2px}
.redRound > span {color:#e01f26; line-height: 40px;}
.redRound > span strong {font-size: 16px; }
.round4 p {font-size: 14px; line-height: 22px;text-align: left; margin:10px 0;}
.sub6_1 > img {max-width:533px; margin-top: 30px; width: 100%; }
@media screen and (max-width:640px){
    .round4 { display: block;}
    .round4 > div{ display: inline-block; width:100%; float: none;}
    .round4 > div:nth-child(1) {padding-right:0;}
    .round4 > div:nth-child(2) {padding-left:0;}
}
@media screen and (max-width:480px){
    .sub6_roll span span {display: block}
    .sub6_roll {height:73px;}
}
/*6-2*/
.sub6_2 h4 { color:#e01f26; font-size:17px; margin-bottom: 10px; font-weight: bold; text-align: left; line-height:1;}
.sub6_2:after { content:""; display:block; clear:both; }
.sub6_2 p { color:#666; font-size: 14px;line-height: 22px; margin-bottom:25px; text-align: left}
.step4 {border-top:1px solid #dadada; border-left:1px solid #dadada; }
.step4:after { content:""; display:block; clear:both; }
.step4 > div {width: 25%; height: 168px; float:left; border-right:1px solid #dadada; border-bottom:1px solid #dadada; position: relative; padding:15px}
.step4 div > span {display: block; width: 21px; height: 21px; background: #ff0a0a; position: absolute; top:0; left: 0; color:#fff; font-size:12px; line-height: 20px; text-indent: -1px;}
.step4 img {display: inline-block; width: 69px; height: 65px; }
.step4 strong {display: block; color:#333; font-size: 18px; margin:10px 0 5px 0; font-weight: normal}
.step4 p {font-size:14px;line-height:18px; margin-top:5px; color:#888; text-align: center; margin:0;}
.step4 p span {display: block;}
.pay { margin-top:30px; text-align: left}
.pay h5 {color:#333; font-weight: bold; font-size: 17px; margin-bottom: 7px;}
.pay > span {display: block; font-size: 14px;line-height:25px;}
.info_box {color:#333; font-size: 15px; margin-left:10px; letter-spacing: 0; font-weight: bold; font-family: 'tahoma'}
.info_box a {color:#333; }
.info_box span {display: inline-block; width:30px; text-indent: -1px; height: 16px; margin-top:5px; border:1px solid #b4b4b4; font-size:12px; line-height: 14px;color:#999; text-align: center; margin-right: 5px; font-weight: normal; font-family: 'malgun gothic'; letter-spacing: -0.5px}
.sub6_2 .download {display: block; width: 100%; padding:0 20px; margin-top:25px;}
.sub6_2 .download a {display: inline-block; max-width: 420px; width:100%; height: 65px; background:#393939; color:#fff; font-weight:bold; font-size: 17px; line-height: 65px; border-radius: 3px;  }

@media screen and (max-width:1024px){
.step4 > div {width:50%;}
}
@media screen and (max-width:640px){
    .info_box {display: block}
    .ec {display: none;}
}
@media screen and (max-width:520px){
    .step4 p {text-align: left}
    .step4 p span {display: inline; }
    .step4 > div {height:185px;}
} 
@media screen and (max-width:440px){
    .step4 > div {float: none; width: 100%;}
    .step4 p {text-align: center}
    .step4 p span {display: block; }
    .step4 > div {height:168px;}
    
}
/*6-3*/
.input_box { display: block; height: 40px; width: 100%; line-height: 32px; text-align: left; position: relative; margin-bottom: 10px;}
.input_box .arr_total {display: block; height: 40px; line-height: 40px; font-size: 16px; font-weight:bold; color:#333; position: relative; padding-left: 13px; margin-bottom: 10px;}
.input_box .arr_total:after {display: block; content: ""; width: 5px; height: 5px; position: absolute; top:18px; left: 0; background: #333; border-radius: 50%;  }
.input_box .arr_total .red {color:#e22e34;}
.input_box .arr_total > span:nth-child(2) {margin-left:15px; position: relative}
.input_box .arr_total > span:nth-child(2):after {display: block; content: ""; width:1px; height:15px; position: absolute; top:5px; left:-10px; background: #d6d6d6; }
.input_box .arr_search { height: 40px; position: absolute; top:0; right: 0; font-size: 0;}
.input_box .arr_search > span { display: inline-block; position: relative; margin-left: -1px;}
.input_box .arr_search input { width: 250px; height:40px; padding:0 30px 0 10px; border:1px solid #ced2d7; border-left: 0 none;font-size: 14px;}
.input_box .arr_search input:focus { border:1px solid #000; outline: none; color:#000; z-index: 40; position: relative}
.input_box .arr_search .input_button { display: block; width:40px; height:40px; position: absolute; top:0; right:1px; background: url("../images/search_notice.svg") no-repeat center; background-size:15px; z-index: 41;}
.input_box .select_box{display: inline-block;text-align:left;position:relative;}
.input_box select{display:block;width:140px; height:40px; line-height:37px; padding:0 10px; position:relative; white-space:nowrap; overflow:hidden; text-overflow: ellipsis; font-size: 14px; background:#fff;border:1px solid #ced2d7; z-index:10; color:#333; }
.input_box select:focus { border:1px solid #000; outline: none;}
@media screen and (max-width:640px){	
    .input_box .arr_search { position: static; }
    .input_box select{ width: 40%;}
    .input_box .arr_search > span  { width: 60%;}
    .input_box .arr_search input  {width: 100%;}
}
#arrcodian{ width:100%; margin:0 auto; border-top:1px solid #b8b8b8;}
#arrcodian .num{  display:block; width:40px; position: absolute; top:0; left:0; text-align: center; font-size: 14px;}
#arrcodian .title {  display:block;  width:100%; padding:0 130px 0 50px; text-align: left; font-size: 16px; color:#333; font-weight: bold; white-space:nowrap; overflow:hidden; text-overflow: ellipsis; }
#arrcodian .arr_date { display:block;  width:80px; position: absolute; top:0; right:35px; color:#999; font-size: 12px; text-align: center; letter-spacing: 0}
#arrcodian .arr_arr { display: block; position: absolute; top:0; right:0; width:35px; height: 55px; text-align: center; background: url("../images/science_m_31.svg") no-repeat center; background-size:24px;}
#arrcodian .arr_arr.arr_btn { background: url("../images/science_m_30.svg") no-repeat center; background-size:24px;}
#arrcodian dl {border:0 none; padding-bottom: 0;}
#arrcodian dl dt { width:100%; height:55px; font-size: 16px; line-height:55px; border-bottom:1px solid #e9e9e9; background:#fff; position: relative; cursor: pointer}
#arrcodian dl dt.point { background:#f5f5f5;}
#arrcodian dl dt.point .title {color:#ff0000}
#arrcodian dl dt a { color:#333; width:100%;}
#arrcodian dl dd { width: 100%; border-bottom:1px solid #e0e0e0; display: none; padding:20px 5px; line-height: 25px; font-size: 13px; text-align: left}
#arrcodian dl dd h2 { font-size: 18px; line-height: 25px; color:#000; font-weight: bold; text-align: center; margin-bottom: 15px; word-break: keep-all;}
#arrcodian dl dd .arr_dd_con p { font-size: 14px; line-height: 25px;}
#arrcodian dl dd .arr_dd_con > * { margin-bottom:15px; }
#arrcodian dl dd .arr_dd_con > *:last-child { margin-bottom: 0;}
#arrcodian dl dd h5 {color:#333; font-size: 20px; line-height: 28px; font-weight: bold; margin-bottom: 15px; word-break: keep-all}
#arrcodian dl dd p {color:#444; font-size: 16px; line-height: 28px;}
.sub6_noData {border-top: 1px solid #ced2d7;border-bottom: 1px solid #ced2d7; padding:30px 0; margin-top: 10px; }
.sub6_noData h5{ font-size: 18px; color:#333; padding-bottom:25px;}
.sub6_noData h5 span { color:#e01f26; letter-spacing: 1;}
.sub6_noData ul { padding:0 10px; }
.sub6_noData li { font-size:15px; display: block; text-align: left; line-height: 24px; }
.sub6_noData li.dd_dot {position: relative; padding-left: 10px;}
.sub6_noData li.dd_dot:after { display: block; content: ""; width:4px; height:4px; position: absolute; top:9px; left: 0; background:#e01f26; border-radius: 50%; }
.sub6_noData li.no_email { color:#333; line-height:35px;}
.sub6_noData li.no_email img { margin:12px 5px 0 10px; width:18px;}
/*6-4*/
.sub6_4 h4{text-align: left; font-size: 17px; font-weight: bold; color:#000; margin-bottom:8px;}
.sub6_4 .map {height:300px; border:1px solid #ced2d7; margin-top: 15px;}
.sub6_4 h4.second {margin-top:30px; }
.sub6_4 p {color:#333; font-size: 14px;line-height: 24px; text-align: left;}
.sub6_4 p .tgray {color:#666; }
.sub6_4 p .tel {font-family: 'tahoma'; font-weight: bold; color:#333; letter-spacing: 0;}
.sub6_4 p .nth2 {margin-left: 20px;}
.call_tit {display: inline-block; width:110px }
@media screen and (max-width:640px){	
    #arrcodian .num {display: none;}
    #arrcodian .title {padding:0 80px 0 40px; font-size: 15px;}
    #arrcodian .arr_arr {right:inherit; left: 0;}
    #arrcodian .arr_date {right: 0;}
    .call_tit {display: block; width: 100%; height: 30px; line-height: 30px; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; margin-bottom:5px; }
    .sub6_4 .second_p {margin-top: 20px;}
    .sub6_4 h4.second {margin-bottom: -8px}
    .sub6_4 .second_p span:nth-child(2), .sub6_4 .second_p span:nth-child(3) {display: inline-block;}
}

/*------------------------------ sub7 policy ------------------------------*/
.sub_policy p {font-size: 14px; line-height: 22px;color:#666; text-align: left}
.sub_policy p.gray {color:#999;}
.sub_policy p span {display: block;}
.policy_list {width: 100%; margin:20px auto 0 auto; background: #f2f2f2; border:1px solid #ced2d7; text-align: left} 
.policy_list.fir {margin-top: 0;}
.policy_list:after { content:""; display:block; clear:both; }
.policy_list > li {width: 50%; float:left}
.policy_list > li:nth-child(1) {border-right: 1px solid #dcdfe2;}
.policy_list > li ul {width: 100%;}
.policy_list > li ul li{height: 50px; border-top: 1px solid #dcdfe2;}
.policy_list > li ul li:before { display: inline-block; width: 0; height:100%; content: ""; vertical-align: middle;}
.policy_list > li ul li:first-child {border-top: 0 none;}
.policy_list > li ul li a{display: inline-block; vertical-align: middle; width: 100%; font-size: 15px;color:#000; padding:0 15px; line-height: 18px;}
.policy_sec {border-bottom: 1px solid #e2e4e7; padding-bottom: 15px; text-align: left}
.policy_sec:last-child {border-bottom: 0 none;}
.policy_sec#top2 {margin-top: 30px;}
.policy_sec h4 {font-size: 16px; color:#000; margin:20px 0 15px 0;}
.policy_sec dl {font-size: 14px; line-height: 22px;color:#666; }
.policy_sec dl > * {display: block;}
.policy_sec dl dd {color:#999; padding-left: 33px;}
@media screen and (max-width:480px){	
    .policy_list > li {width: 100%; float:none}
    .policy_list > li:nth-child(1) {border-right: 0 none;}
    .policy_list > li:nth-child(2) ul li:first-child {border-top: 1px solid #dcdfe2;}
    .policy_list li.none {display: none;}
}



/*------------------------------ Login ------------------------------*/
#login {background: #eceeef; padding:10px 0 0 0; }
#login > div {width: 100%; background: #fff; margin:0 auto; border-bottom:1px solid #ced2d7; padding:40px 50px; }
#login input { width: 100%; height: 55px; border:1px solid #bababa; padding:0 20px; font-size: 16px; color:#333; margin-bottom: 10px; letter-spacing: 0;}
#login input:focus { border:2px solid #393939; outline: none;}
#login input::placeholder {color:#999;}
a.log_btn { display: block; width: 100%; height:55px; line-height: 55px; font-size:17px; font-weight:bold; color:#fff; border-radius: 3px;}
a.log_btn.red { background: #e01f26;}
a.log_btn.gray { background: #393939;}
.login_check {display: block; margin: 20px 0; text-align: left; }
.login_check > a{display: inline-block; height: 21px; line-height: 21px; margin-right: 20px; color:#999; font-size: 15px; }
.login_check > a.on {color:#333;}
.login_check > a span{display: inline-block; width: 21px; height: 21px; background: #fff; border:1px solid #9a9a9a; border-radius: 50%; margin-right: 3px; position: relative;}
.login_check > a.on span{background:#e01f26; border:1px solid #fff; }
.login_check > a.on span:after { background: url(../images/login_check1.svg)no-repeat; background-size: 100%;}
.login_check > a span:after {display: block; content: ""; width: 12px; height: 9px; position: absolute; top:5px; left: 3px; background: url(../images/login_check2.svg)no-repeat; background-size: 100%;}
.login_call1 {display: inline-block; font-size: 15px; color:#333;position: relative; margin-top: 15px}
.login_call1:after {display: block; content: ""; width: 100%; height: 1px; position: absolute; bottom:0; left: 0; background: #656565;}
.login_call2 {display: block; margin-top: 10px; font-size: 20px; font-weight:bold; color:#333; letter-spacing: 0;}
.login_call2 span {display: inline-block; width: 24px; height: 25px; background: url(../images/call.svg)no-repeat; margin-right: 5px; background-size:24px 25px; margin-top: -1px;}
#login p {font-size: 14px; color:#666;line-height: 24px; text-align: left; margin:20px 0 15px 0}
#login p span {display: block;}


/*----------------------------- article --------------------------------*/

/*article layout*/
#container { position: relative;}
#v-left {padding:0 15px 0 15px; max-width: 1200px; margin:0 auto;}
.sub_view { text-align: left;}

/*popup*/
.notice_pop {display: none; width: 450px; height: 135px; position: fixed; background: #f7f7f7; z-index: 999; padding:10px}
.notice_pop.pop1, .notice_pop.pop2 {display: block; top:50%; left:50%; margin-left: -225px; margin-top: -67.5px}
.notice_pop h4 {font-size: 18px;  color:#040707; margin:15px 0 10px 0; font-weight: bold;}
.notice_pop h4 strong{color:#e01f26;}
.notice_pop p {font-size: 14px; color:#999; }
.notice_pop p span {display: block;}
.notice_pop a {display: block; width:30px; height: 30px; position: absolute; top:5px; right:5px; font-size: 0; text-indent: -9999px; }
.notice_pop a span {display: block; width: 20px; height: 20px; background: url(../images/article_pop.svg)no-repeat; background-size:20px; position: absolute; top:5px; left:5px; }
@media screen and (max-width:640px){
    .notice_pop {width: 85%; height: 135px; }
    .notice_pop.pop1, .notice_pop.pop2 {left:50%; margin-left: -42.5%;}
}

/* sub_view */
.sub_view{text-align:left}
.sub_view h2{font-size:24px;color:#222;line-height:30px;padding-top:30px;font-weight: bold;}
.sub_view .subject_info{font-size:22px;color:#555;margin-top:10px;font-size:18px;line-height:24px; }
.sub_view .view_top{position:relative;margin-top:30px;margin-bottom:10px}
.sub_view .view_top > ul:after { content:""; display:block; clear:both; }
.sub_view .view_top > ul > li{float:left;font-size:14px;color:#888;margin-left:10px;padding-left:10px;background:url(../images/view_date_line.gif) left center no-repeat; }
.sub_view .view_top > ul > li:first-child{margin-left:0;padding-left:0;background:none}
.sub_view .view_top > ul > li img { display: inline-block; width:20px; height:19px; margin-right: 3px; margin-top: -1px}
.sub_view .view_top > ul.onlyDD li:first-child{display: none;}
.sub_view .view_top > ul.onlyDD li {background: none; margin:0;padding: 0;}
.sub_view .view_top .btn_info{position:absolute;bottom:0;right:0}
.sub_view .view_top .btn_info:after {content:" ";display:block;clear:both;overflow:hidden;}
.sub_view .view_top .btn_info ul{float:left;overflow:hidden;margin-left:10px}
.sub_view .view_top .btn_info ul li{float:left;}
.sub_view .view_top .btn_info ul li a{display:block;width:28px;height:28px;border:1px solid #ced2d7;text-align:center;line-height:28px}
.sub_view .view_top .btn_info .font_control li:first-child a{border-right:none}
.sub_view .view_top .btn_info .font_control .f_minus{font-size:12px;color:#666}
.sub_view .view_top .btn_info .font_control .f_plus{font-size:18px;color:#333}
.sub_view .view_hash{margin-top:10px;padding:10px 10px 10px 42px;background-color:#f7f7f7;border-top:1px solid #ced2d7;background-repeat:no-repeat;background-position:10px center;background-image:url(../images/hash_icon.gif)}
.sub_view .view_hash a{font-size:12px;color:#888}
.sub_view .view_con{padding:20px 0;font-size:16px;color:#444;line-height:1.60; position: relative;}
.sub_view .view_con img{max-width:100%; width: auto}
.sub_view .view_con table{background:none !important;text-align:center;table-layout: fixed;width:100%}
.sub_view .view_con table td{background:none !important;text-align:center; padding:2px; font-family: 'dotum', '돋움', '돋움체'; color:#595959; font-size:12px;}
.sub_view .view_con iframe{max-width:100%;display:block;margin:0 auto}
.sub_view .view_con table td.caption{font-size:14px;color:#888;line-height:20px}
.sub_view .view_con .art_img{text-align:center}
.sub_view .view_con .reco_news { display: none;}
.sub_view .view_con .company_link {text-decoration:underline;color:#333;}
.preview_pop, .preview_pop * {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.preview_pop { width: 100%; position: relative; background:#434545; padding:10px; z-index: 10}
.preview_pop > div {width: 100%; background: #fff;}
.preview_pop:before {display: block; content: ""; width: 100%; height: 94px; position: absolute; top:-94px; left: 0; background: url("../images/pop_withe_shadow2.png")repeat-x;}
.pops1 {padding:50px 30px 20px 30px}
.pops1 h6 {width: 84px; height: 19px; position: absolute; top:25px; right:24px; font-size: 0; background: url("../images/logo.png")no-repeat; background-size: 100%;}
.pops1 h5 {font-size:20px; text-align: center; margin-bottom:15px; font-weight: bold; color:#040707}
.pops1 h5 span{color:#e01f26}
.pops1 p{font-size: 14px; line-height: 23px; color:#666; margin-bottom:15px;}
.pops1 p span{color:#333; }
.pops1 .pop_btn {height: 50px; text-align: center; font-size: 0;}
.pops1 .pop_btn span {display:inline-block;  width:50%; height: 100%; }
.pops1 .pop_btn span:nth-child(1) { padding-right: 5px;}
.pops1 .pop_btn span:nth-child(2) {padding-left: 5px;}
.pops1 .pop_btn a {display:inline-block; width: 100%; height: 100%; line-height: 48px; background: #f6f6f6; border: 1px solid #ced2d7; font-size: 16px; color:#a3a3a3;}
.pops1 .pop_btn span:first-child a {background:#e01f26; color:#fff; border:1px solid #c5141b; }
.pops2 {background: #f6f6f6; border-top: 1px solid #ced2d7; padding:15px 30px}
.pops2 span {display: block; line-height: 20px; font-size: 13px; color:#999; }


.sub_view .news_sns{position:relative;border-top:1px solid #ced2d7;border-bottom:1px solid #ced2d7;padding:10px 5px;}
.sub_view .news_sns .title{font-size:12px;line-height:30px;margin-right:7px;color:#888;}
.sub_view .news_sns ul{display:inline-block;zoom:1;*display:inline;}
.sub_view .news_sns li{display:inline-block;zoom:1;*display:inline;margin-left:3px;}
.sub_view .news_sns li:first-child{margin-left:0}
.sub_view .news_sns li a img{width:30px;}
.sub_view .news_sns2{border-bottom:1px solid #ced2d7;padding:10px 5px; /*margin-top: -15px;*/}
.headline_cont .sub_view .news_sns2 { margin-top: 0;} /* only headline */
.headline_cont .sub_view .news_sns {margin-bottom:0;} /* only headline */
.sub_view .news_sns2 .title{font-size:12px;line-height:30px;margin-right:7px;color:#888}
.sub_view .news_sns2 ul{display:inline-block;zoom:1;*display:inline}
.sub_view .news_sns2 li{display:inline-block;zoom:1;*display:inline;margin-left:3px}
.sub_view .news_sns2 li a img{width:30px;}
/*v-report*/
.vRt .news_sns{position:relative;border-top:1px solid #ced2d7;border-bottom:1px solid #ced2d7;padding:10px; margin-top: -1px; text-align: left}
.vRt .news_sns .title{font-size:12px;line-height:30px;margin-right:7px;color:#888;}
.vRt .news_sns ul{display:inline-block;zoom:1;*display:inline;}
.vRt .news_sns li{display:inline-block;zoom:1;*display:inline;margin-left:3px;}
.vRt .news_sns li:first-child{margin-left:0}
.vRt .news_sns li a img{width:30px;}



.sub_view .send_mail{border-bottom:1px solid #ced2d7;padding:10px 5px}
.sub_view .send_mail .title{font-size:12px;line-height:30px;margin-right:7px;color:#888}
.sub_view .send_mail .input_mail{display:inline-block;zoom:1;*display:inline;padding:0 50px 0 10px;width:155px;position:relative;border:1px solid #e4e4e4;-webkit-border-radius:2px 0 0 2px;-moz-border-radius:2px 0 0 2px;border-radius:2px 0 0 2px;background:#f7f7f7}
.sub_view .send_mail .input_mail input{letter-spacing:normal;position:relative;width:100%;border:none;background:none;padding:0}
.sub_view .send_mail .input_mail a{position:absolute;right:-1px;top:-1px;display:block;width:40px;line-height:30px;background:#8c8c8c;color:#fff;text-align:center;-webkit-border-radius:0 2px 2px 0;-moz-border-radius:0 2px 2px 0;border-radius:0 2px 2px 0}
.sub_view .relation_list{padding:30px 0;}
.sub_view .relation_list .title{font-size:16px;color: #2472cd; }
.sub_view .relation_list ul{margin:10px 0 0 10px;}
.sub_view .relation_list ul li{margin-top:3px;padding-left:13px;background:url(../images/relation_list_arrow.gif) left 7px no-repeat; font-size: 15px; }
.sub_view .relation_list ul li a{display: block; width: 100%; color:#666;line-height:21px; white-space:nowrap; overflow:hidden; text-overflow: ellipsis; }
.relation_lssue { width:100%; height:52px; background:#f2f2f2; position:relative; margin-bottom:40px;}
.relation_lssue a { display: block; height: 100%;}
.relation_lssue #re_ls_ti {display:block; width:122px; height: 52px; position:absolute; top:0; left: 0;}
.relation_lssue #re_ls_pl {display:block; width:51px; height: 50px; position:absolute; top:0; right: 0; border:1px solid #d0d1d3;}
.relation_lssue #re_ls_te { display: block; padding-left: 135px; height:50px; line-height: 50px; font-size: 16px; border-top:1px solid #d0d1d3; border-bottom:1px solid #d0d1d3; color:#222; }
.relation_lssue #re_ls_nu { display: block; width:14px; height: 50px; position: absolute; top:0; right:80px; color:#676767; font-size: 14.5px; line-height: 51px; text-align: left;}
.relation_lssue #re_ls_nu img {display: block; width:9px; height:8px; position: absolute; top:21px; right:18px; }
.relation_lssue_m, .relation_gallery_m { display: none;}

.message_pop{position:absolute;top:17px;right:69px;display:none;z-index:100}
.message_pop > div{width:288px;text-align:left}
.message_pop h3{font-size:16px;color:#444;line-height:40px;background:#f8f6f2;border:1px solid #ced2d7;padding-left:20px}
.message_pop .pop_con{padding:20px 20px 30px 20px;background:#fff;border:1px solid #ced2d7;border-top:none}
.message_pop .pop_con p:first-child{margin-top:0}
.message_pop .pop_con .title{font-size:13px;color:#444;margin-top:20px;margin-bottom:10px}
.message_pop .pop_con .i_wrap{background:#f7f7f7}
.message_pop .pop_con .i_wrap input{background:none}
.message_pop .info_txt{margin-top:10px;font-size:12px;color:#888}
.message_pop .btn_data{text-align:center;margin-top:20px}
.message_pop .pop_close{text-align:center;padding:30px 10px;border:1px solid #ced2d7;background:#fff}
.message_pop .pop_close .txt{color:#444;line-height:20px}
.message_pop.address_pop{top:50px;right:auto;left:50%;margin-left:-144px}
/*article_double*/
.message_pop_1 {position: absolute;display: none;z-index: 100;}
.message_pop_1 > div {width: 288px;text-align: left;}
.message_pop_1 h3 {font-size: 16px;color: #444;line-height: 40px;background: #f8f6f2;border: 1px solid #ced2d7;padding-left: 20px;}
.message_pop_1 .pop_con {padding: 20px 20px 30px 20px;background: #fff;border: 1px solid #ced2d7;border-top: none;}
.message_pop_1 .pop_con p:first-child {margin-top: 0;}
.message_pop_1 .pop_con .title {font-size: 13px;color: #444;margin-top: 20px; margin-bottom: 10px;}
.message_pop_1 .pop_con .i_wrap {background: #f7f7f7;display:block; border: 1px solid #d6d6d6; padding-left: 10px;}
.message_pop_1 .pop_con .i_wrap input {background: none; border: none; padding: 0; width: 100%;}
.message_pop_1 .info_txt {margin-top: 10px;font-size: 12px;color: #888;}
.message_pop_1 .btn_data {text-align: center; margin-top: 20px;}
.message_pop_1 .pop_close {text-align: center; padding: 30px 10px;border: 1px solid #ced2d7;background: #fff;}
.message_pop_1 .pop_close .txt { color: #444;line-height: 20px;}
.message_pop_1.address_pop { top: 50px;right: auto;left: 50%;margin-left: -144px;}
/* btns */
.btn_list .btn{margin-left:8px;}
.btn_list .btn:first-child{margin:0;}
.btn{display:inline-block;zoom:1;*display:inline;text-align:center;}
.btn.type01{height:38px;line-height:38px;font-size:14px;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;}
.btn.gray{border:solid 1px #8c8c8c;background:#8c8c8c;color:#fff;}
.btn.white{border:solid 1px #cfcfcf;background:#fff;color:#666;}
.btn.blue{border:solid 1px #0078bd;background:#0078bd;color:#fff;}
a.btn03{display:inline-block;zoom:1;*display:inline;text-align:center;height:28px;line-height:28px;padding:0 20px;font-size:12px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;margin:0 4px}
a.btn03.type01, a.btn04.type01{color:#fff;border:1px solid #0078bd;background-color:#0078bd}
a.btn03.type02, a.btn04.type02{color:#666;border:1px solid #cfcfcf;background-color:#fff}
a.btn03:first-child{margin-left:0}
a.btn04{display:inline-block;zoom:1;*display:inline;text-align:center;height:38px;line-height:38px;padding:0 20px;font-size:14px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;margin:0 4px}
#lv-container {margin:20px 0}

@media screen and (max-width:768px){	
	#contents{margin-right:0;}
	.sub_view h2{font-size:22px;color:#222;line-height:24px;}
	.sub_view .subject_info{font-size:16px;line-height:22px}
	.sub_view .view_hash{margin-top:10px;padding:10px 10px 10px 42px;background-position:10px center;}
	.sub_view .view_con{padding:15px 0}
}
@media screen and (max-width:640px){
	.news_sort{border:none;border-bottom:solid 1px #ced2d7;}
	.sub_view h2{line-height:28px}
	.sub_view .subject_info{font-size:16px}
	.sub_view .view_top{margin-top:15px}
	.sub_view .news_sns{padding:15px 10px}
	.sub_view .send_mail{padding:15px 10px}
}
@media screen and (max-width:480px){
	.stars_member_list .stars_slide .swiper-slide a{width:97px;height:30px;margin-top:3px}
	.sub_view .view_top .btn_info ul{margin-left:0;}
	.sub_view .view_top .btn_info ul:last-child li:first-child a{border-left:none;}
	.sub_view .send_mail .title{line-height:16px}
	.sub_view .send_mail .input_mail{display:block;margin-top:10px;width:auto}
}
@media screen and (max-width:360px){
    .sub_view .view_top > ul > li { margin-left: 8px; padding-left: 8px; }
    .sub_view .view_top > ul > li img { margin-top: -3px; }
    .sub_view .view_top > ul > li { font-size: 12px; }
}


/*flash*/
.right_flash h4 img{margin-top:8px;margin-right:3px;width:50px;height: 24px; min-height: inherit;}
.right_flash > div{max-height:295px;overflow:hidden;}
.right_flash > div ul{width:100%;margin:0 auto;position:relative;}
.right_flash > div ul li{width:100%;text-align:left;position:relative;}
.right_flash > div ul li:after{display:block;content:"";width:1px;height:100%;position:absolute;top:0;left:27px;background:#ced2d7;}
.right_flash > div ul li a{display:block;width: 100%; height:100%;position:relative;}
/*clock*/
.right_flash > div ul li .sec6_time{width:48px;height:100%;float:left;position:absolute;top:0;left:0;}
.right_flash > div ul li .sec6_time:after{display:block;content:"";width:19px;height:19px;position:absolute;top:24px;left:18px;background:url(../images/politics_15.png);background-size:contain;z-index:10;} 
.right_flash > div ul li .sec6_time span{display:block;width:49px;height:14px;line-height:14px;text-align:right;color:#999;font-size:11px;background:#fff;z-index:11;position:relative;top:5px;left:0;text-align:center;letter-spacing:-1px;}
/*con*/
.right_flash > div ul li dl{height:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding-right:15px;position:relative;padding-left:48px;}
.right_flash > div ul li a dl dt{width:100%;height:52px;}
.right_flash > div ul li a dl dt:before { display: inline-block; width: 0; height:100%; content: ""; vertical-align: middle;}
.right_flash > div ul li a dl dt .sec6_dt {vertical-align: middle;display:inline-block;padding-top:16px;}
.right_flash > div ul li a dl dt .sec6_dt span {display: block;font-size:13px;color:#666;max-height:33px;line-height:16px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-wrap:break-word;}
.right_flash > div ul li a dl dt .sec6_info{display:none;}
.right_flash > div ul li a dd{display:none;}
/*first*/
.right_flash > div ul li.rf_first a dd{display:block;width:134px;max-height:76px;overflow:hidden;margin-top:8px;}
.right_flash > div ul li.rf_first a dd img{display:block;width:100%;}
/*red*/
.right_flash > div ul li.rf_red .sec6_time:after{background:url(../images/politics_14.png);background-size:contain;}
.right_flash > div ul li.rf_red .sec6_time span{color:#ff0000;letter-spacing:-1px;width:100%;left:0;}
.right_flash > div ul li.rf_red a dl dt{color:#444;}
.right_flash > ul{width:100%;height:35px;border-top:1px solid #ced2d7;background:#f7f7f7;position:relative;z-index:1;}
.right_flash > ul li{width:50%;height:35px;float:left;text-align:center;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.right_flash > ul li:first-child{border-right:1px solid #ced2d7;}
.right_flash > ul li a{display:block;height:100%;}
.right_flash > ul li a img{display:inline-block;width:14px;padding-top:14px}
.right_flash .sec6_m_more{display:none;}
@media screen and (max-width:20000px){
    .right_flash > div {max-height: inherit}
    .right_flash > div ul {display: block;}
    .right_flash > div ul li{height:91px;border-bottom:1px solid #e6e8eb}
    .right_flash > div ul li.m_none {display: none;}
    .right_flash > div ul li.rf_noimg a dl{padding-right:10px;}    
    .right_flash > div ul li.rf_noimg a dl dd{display:none;}   
    .right_flash > div ul li:after{display:none}
    .right_flash > div ul li .sec6_time{width:49px;background:#efefef;border-right:1px solid #e6e8eb;}
    .right_flash > div ul li .sec6_time:after{width:18px;height:18px;top:29px;left:16px;}
    .right_flash > div ul li .sec6_time span{width:100%;text-align:center;color:#333;font-size:11px;background:none;position:relative;top:49px;left:0;}
    .right_flash > div ul li a dl{padding-right:130px;padding-left:60px;}
    .right_flash > div ul li a dl:before{display:inline-block;width:0;height:100%;content:"";vertical-align:middle;}
    .right_flash > div ul li a dl dt{display:inline-block;height:auto;vertical-align:middle;font-size:15px;color:#222;line-height:20px;padding-top:0px;overflow:inherit;text-overflow:inherit;-webkit-line-clamp:inherit;-webkit-box-orient:inherit;word-wrap:normal;}
    .right_flash > div ul li a dl dt:before { display: none;}
    .right_flash > div ul li a dl dt .sec6_dt { display:-webkit-box; padding-top: 0}
    .right_flash > div ul li a dl dt .sec6_dt span{display:block;height:100%;max-height:40px;vertical-align:middle;line-height:20px;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-wrap:break-word;display:-webkit-box;font-size:15px;color:#222;}
    .right_flash > div ul li.rf_red a dl dt {color:#222;font-weight:normal;}
    .right_flash > div ul li a dl dt .sec6_info{display:block;font-size:12px;color:#999;margin-top:3px;}
    .right_flash > div ul li a dl dt .sec6_info > span{display:inline-block;padding-right:13px;position:relative;}
    .right_flash > div ul li a dl dt .sec6_info > span:after{display:block;content:"";width:1px;height:8px;position:absolute;top:7px;left:-6px;background:#dcdcdc;z-index:10;} 
    .right_flash > div ul li a dl dt .sec6_info > span.first_info:after{display:none;}
    .right_flash > div ul li a dl dt .sec6_info > span:nth-child(2){letter-spacing:0;}
    .right_flash > div ul li a dd{display:block;width:107px;height:59px;margin-top:0px;position:absolute;top:15px;right:10px;overflow:hidden;}
    .right_flash > div ul li.rf_first a dd{width:107px;height:59px;margin-top:0px;}    
    .right_flash > div ul li a dd span{display:block;width:100%;height:100%;position:relative;}
    .right_flash > div ul li a dd span:after{display:block;content:"";width:100%;height:100%;border:1px solid rgba(0,0,0,0.1);position:absolute;top:0;left:0;z-index:50;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;}
    .right_flash > div ul li a dd img{display:block;width:100%;min-height:100%;}    
    .right_flash > ul{display:none;}
    /*btn*/
    .right_flash .sec6_m_more { display: block; width: 100%; height:28px; margin-top: 15px; margin-bottom: 15px;}
    .right_flash .sec6_m_more img { display: inline-block; height: 28px; width: 28px; margin-right: 5px; background: #257acd; border-radius: 50%;}
    .right_flash .sec6_m_more span { display: inline-block; padding-top:5px; color:#257bcd; font-size:15px;}
}
@media screen and (max-width:440px){
    .right_flash h4 img{margin-top:12px; width: 45px}
    #container .side_bar .right_flash h4 span{ font-size: 18px;}
    .right_flash .sec6_m_more { margin-top: 10px; margin-bottom: 10px;}
}
@media screen and (max-width:410px){
    .right_flash > div ul li a dl dt .sec6_info > span:nth-child(3) {display: none;}
}

/**/
.right_news_zone ol{padding:11px 15px}
.right_news_zone ol li{position:relative;height:68px;border-top:solid 1px #e6e8eb;padding:4px 0}
.right_news_zone ol li:first-child{border-top:none;}
.right_news_zone ol li > p{width:100%;display:table; height: 100%;}
.right_news_zone ol li > p a{position:relative;line-height:18px;color:#000;padding:0 0 0 117px;*font-size:13px; overflow: hidden;text-overflow: ellipsis;white-space: normal;height:36px;text-align: left;word-wrap: break-word;display: -webkit-box;-webkit-line-clamp:2;-webkit-box-orient: vertical; display:table-cell;vertical-align:middle; font-size: 15px;}
.right_news_zone .lock {display: inline-block; width: 15px; height: 15px; background: url(../images/lock.svg)no-repeat; background-size:15px 15px; margin-top: 1px; margin-right: 3px;}
.right_news_zone .thumb{position:absolute;display:block;top:0;left:0;width:107px;height:59px;text-align:center;overflow:hidden}
.right_news_zone .thumb span{display:block;width:100%;height:100%; position: relative}
.right_news_zone .thumb span:after{display: block; content: ""; width: 100%; height: 100%; position: absolute; top:0; left: 0; border:1px solid rgba(0,0,0,0.1); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.right_news_zone .thumb img{width:100%;min-height:100%; background: #fff;}

/*------------------------------ sub8 mypage ------------------------------*/
.sub8_con {margin-bottom:50px; padding:0 35px}
.sub8_con h3, .sub8_con h3 {display: inline-block; color:#040707; font-size:20px; margin:30px 0 35px 0; position: relative; text-align: }
.sub8_con h3:after, .sub8_con h3:after {display: block; content: ""; width:20px; height: 1px; position: absolute; bottom:-15px; left:50%; margin-left: -10px; background: #040707; }
.sub8_con p { color:#666; font-size: 15px;line-height: 24px; margin-bottom:20px; }
.sub8_con p span {display: block;}
.sub8_con p span.left {text-align: left}

.sub8_con table {width: 100%; border:1px solid #ced2d7; margin:0 auto; text-align: left; font-size: 15px; font-family:'malgun gothic' }
.sub8_con tr { height:50px; }
.sub8_con th { width: 110px; background:#f2f2f2; color:#000; border-right: 1px solid #dcdfe2; font-weight: bold; text-align: center}
.sub8_con td { color:#090000; letter-spacing: 0; padding:0 20px}
.sub8_con th, .sub8_con td {border-top: 1px solid #dcdfe2; }
.sub8_con tr:first-child th, .sub8_con tr:first-child td {border-top: 0 none;}
.sub8_con td.redpoint {color:#e01f26}
.sub8_con .login_call1 {margin-top:30px;}
.sub8_con .login_call1.line2:after {display: none;}
.sub8_con .login_call1.line2 > span span {display: inline-block; position: relative;}
.sub8_con .login_call1.line2 > span span:after {display: block; content: ""; width: 100%; height: 1px; position: absolute; bottom:0; left: 0; background: #656565;}
.sub8_con .login_call1.red {margin-top:15px; color:#e01f26 }
.sub8_con .login_call1.red:after { background: #e01f26}
.sub8_con .login_call2 {font-family: 'malgun gothic'}
.sub8_con .log_btn {width: 100%; margin:20px auto 0 auto;}

.sub8_form {font-size: 0; position: relative;}
.sub8_form.sec {margin-top: 10px;}
.sub8_form > *{display: inline-block; height:50px; font-size: 15px; line-height: 50px;}
.sub8_form div {width: 100%; color:#000; position: relative}
.sub8_form .form_th {display:inline-block; width:130px; height: 100%; background: #f2f2f2; position: absolute; top:0; left: 0; border:1px solid #ced2d7; border-right: 0 none; font-weight: bold;}
.sub8_form .form_td {display:inline-block; width:100%; height: 100%; padding: 0 0 0 130px; }
.sub8_form.s822 .form_td { padding: 0 100px 0 130px;}
.sub8_form .form_td input { width: 100%; height:50px; line-height:50px; outline: none; font-size: 15px; padding:0 20px; border:1px solid #ced2d7; border-left: 1px solid #dcdfe2; color:#333; }
.sub8_form.s822 .form_td input {border-right:0 none;}
.sub8_form .form_td input::placeholder {color:#999 !important; font-family: 'notokr-light' !important}
.sub8_form .form_td input:focus {border:1px solid #000;}
.sub8_form a { width: 100px; position: absolute; top:0; right: 0; background:#e01f26; color:#fff; font-weight: bold;}
.sub8_form a span {display:inline-block; width: 15px; height: 10px; background: url(../images/pw_check.svg) no-repeat; background-size: 15px 10px; margin: 19px 5px 0 0}

@media screen and (max-width:640px){
    .sub8_con { padding:0}
}
@media screen and (max-width:460px){
    .sub8_con .login_call1.line2 > span {display:block}
    .sub8_con .login_call1.line2 > span:nth-child(2) {padding-top: 5px;}
    
    .sub8_form.s822 .form_th {display: none;}
    .sub8_form.s822 .form_td { padding: 0 80px 0 0;}
    
    .sub8_form a { width: 80px;}
}
@media screen and (max-width:380px){
    .sub8_form .form_th {display: none;}
    .sub8_form .form_td input { border-left: 1px solid #ced2d7;}
    .sub8_form .form_td { padding: 0;}
}
@media screen and (max-width:350px){
    .sub8_con th { width: 90px;}
}