@charset "utf-8";
@font-face{
	font-family: 'NanumGothic';
	src: url('/font/NanumGothic.eot');
	src: url('/font/NanumGothic.eot?#iefix') format('embedded-opentype'),
	url('/font/NanumGothic.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

/* html5-doctor-reset-stylesheet.min CSS 초기화 */
*{margin:0; padding:0; font-weight: normal; font-family:'NanumGothic';}
div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td, abbr, acronym, address, big, cite, code, ins, small, sub, sup {padding:0; margin:0; font-size:18px; }
div img, dl img, dt img, dd img, ul img, ol img, li img, h1 img, h2 img, h3 img, h4 img, h5 img, h6 img, pre img, form img, fieldset img, input img, textarea img, p img, blockquote img, th img, td img{ font-size:0; line-height:0; }
table{ border-collapse:collapse; border-spacing:0; }
ol, ul, li{ list-style:none; }
h1, h2, h3, h4, h5, h6, th, td{ font-weight:normal; font-size:100%; }
form, fieldset, a img{ border:0; }
q:before,q:after { content:''; }
abbr,acronym { border:0; }
address, abbr, address, big, cite, code, ins, small, sub, sup, em{ font-weight:normal; font-style:normal; }
blockquote, q{ quotes:none; }
caption{ display:none;}
a img, input, textarea, select, img{ vertical-align:middle; }
time, progress, mark, output { display:inline; }
a {text-decoration:none !important;}
a img{ border:0; }
img, input, select{vertical-align:middle;}
input{ font-size:13px; color:#000; vertical-align:middle; }
select{ font-size:13px; border:1px solid #D0D0D0; background:#fff; }
article, aside, figure, figure img, figcaption, hgroup, footer, header, main, nav, section, label, video, object {display:block;}

.null{ font-size:0; line-height:0; }
.accessibility, .skip, legend{position:absolute !important; width:0 !important; height:0 !important; font-size:0 !important; line-height:0 !important; overflow:hidden !important; visibility:hidden !important;}
.hide{ position:absolute; top:-9999px; left:-9999px; }
.clr{ clear:both !important; float:none !important; width:0 !important; height:0 !important; padding:0 !important; font-size:0 !important; line-height:0 !important; overflow:hidden !important; visibility:hidden !important; }
/* html5-doctor-reset-stylesheet.min CSS 초기화 */

.root_daum_roughmap{padding:0 !important;}

/* 편의를 위한 CSS 정의 */
.hide{ position:absolute; top:-9999px; left:-9999px; }
.clr{ clear:both !important; float:none !important; width:0 !important; height:0 !important; padding:0 !important; font-size:0 !important; line-height:0 !important; overflow:hidden !important; visibility:hidden !important; }
a {text-decoration:none;color:#ccc}
a:hover {text-decoration:underline;}
a img{ border:0; }
img, input, select{ vertical-align:middle; }
input{ font:18px 'dotum'; color:#000; vertical-align:middle; }
select{ font-size:18px; border:1px solid #D0D0D0; background:#fff; }
.ilh {width:159px;height:29px;position:relative;float:left;background:#8b8b8b;}
.ilh label {display:block;font:normal 18px/29px 'dotum';padding-left:10px;color:#fff;}
.ilh span {display: block;height:32px;}
.ilh input {position:absolute;width:100%;height:29px;padding-left:10px;border:0;background: transparent;font-size:12px;vertical-align:top;color:#fff;top:0;left:0;z-index:1;}
.my-placeholder { color: #aaa; }
input[type=checkbox].s_checkbox {position:relative;top:-1px;margin-right:5px;width:15px;height:15px;border:0;border-radius:0;background:url('../img/input/chk_img.gif') no-repeat 0 0;background-size:15px 30px;}
input[type=checkbox]:checked.s_checkbox {background-position:0 -15px;}
input[type=radio].s_radiobox {position:relative;width:15px;height:15px;border:0;border-radius:0;background:url('../img/input/radio_img.png') no-repeat 0 0;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-size:15px 30px;}
input[type=radio]:checked.s_radiobox {background-position:0 -15px;}
input[type=file].s_upload {filter: alpha(opacity=0);opacity:0;outline:none;background:none;cursor:pointer;}
select.s_select {font-family:'dotum';width:100%;border:1px solid #c3c3c3;position:relative;top:0px;display:inline-block;padding:0 0 0 5px;line-height:55px;height:55px;}
select.s_select::-ms-expand {display:none;}
textarea.s_area {margin:5px 0;width:100%;padding:10px;height:150px !important;line-height:15px;border:1px solid #c3c3c3;background:#fff;appearance:none;-webkit-appearance:none;-moz-appearance:none;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
input.s_text {background:#fff;border:1px solid #c3c3c3;padding:7px 10px;height:55px;width:100%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
input.s_text:input-placeholder {color:#ccc;}
input.s_text:-webkit-input-placeholder {color:#ccc;}
input.s_text:-ms-input-placeholder {color:#ccc;}

#document{ width:100%; margin:0 auto; background:#ccc;position:relative;}
/* 헤더 */
#head_wrap {width:100%;z-index:10;}
.main_container{width:640px; margin:0 auto;}
.head_box {width:640px; height:91px; overflow:hidden; margin:0 auto; background:#fff;box-sizing: border-box;}
.head_box dl dd{float:left; }
.head_box dl dd:after{content:''; display:block; clear:both;}

.head_top_line{background-color:#24499c;width:100%;height:80px;}
.head_top_line:after{content:"";display:block;clear:both;}
.head_top_line li{float:left;padding:0 40px;}
.head_top_line li a{display:block;text-decoration:none;line-height:80px;text-align:center;color:#fff;font-size:26px;}

/* 푸터 */
footer {background-color:#4b4d51; width:100%;}
.foot {width:640px; margin:0 auto; text-align:center;padding-bottom:90px;}
.f_radius_btn{color:#fff;border:1px solid #808082;box-sizing:border-box;border-radius:5px;width:165px;line-height:35px;margin-right:15px;display:inline-block;font-size:20px;}


.foot_mem{text-align:center; padding-top:20px; padding-bottom:20px;}
.foot_add{line-height:1.4;color:#a2a2a2;font-size:15px;text-align:center;padding-bottom:15px;}
.f_copy{padding-bottom:10px;}
.f_copy p{font-size:12px; color:#fff; text-align:center;}

.foot_mb02{width:640px;margin:0 auto;}
.foot_mb02:after{content:"";display:block;clear:both;}
.foot_mb02 li{float:left;}


/* 전체메뉴 */
#reaction_header{position:relative; width:100%; min-width:320px; max-width:640px; height:auto; background-color:#fff; margin:0 auto;}
.m-header{width:100%;}
.m-header:after{content:""; display:block; clear:both;}
.m-header li{float:left;}
.m-header li.m-menu{width:15.6%;}
.m-header li.m-logo{width:68.8%;}
.m-header li.m-lang{width:15.6%;}
.m-header li a img{width:100%;}
#m-menu{}
#m-menu > dl{margin:0; padding:0; overflow:hidden}
#m-menu > dl > dt{padding:20px 0 20px 30px; font-size:28px; letter-spacing:-1px; font-weight:bold; color:#000; cursor:pointer; background-color:#fff; border-bottom:1px solid #c2c2c2;} /* 1depth 색상 */
#m-menu > dl > dt a{text-decoration: none;font-weight:bold; color:#000;}
.mdep1on{background-color:#0a245f !important; color:#fff !important}

#m-menulnb > .guan{display:none;height:350px;overflow-y:auto;}
#m-menulnb > .chuck{display:none;height:350px;overflow-y:auto;}
/* #m-menulnb > .chuck{display:none;height:450px;overflow-y:auto;} */
#m-menulnb{position:relative; width:100%; min-width:320px; max-width:640px;background-color:#fff; margin:0 auto;height:auto}
#m-menulnb > ul > li{font-size:28px; letter-spacing:-1px; font-weight:bold; color:#000; cursor:pointer; background-color:#fff; border-bottom:1px solid #c2c2c2;} /* 1depth 색상 */
#m-menulnb > ul > li > a{text-decoration: none;font-weight:bold; color:#000;display:block;padding: 15px 0 15px 30px;box-sizing:border-box}
#m-menulnb .dep2{margin:0; padding:0; display:none}
#m-menulnb .dep2 > li{margin:0; padding:12px 0; width:100%; box-sizing:border-box; border-bottom:1px solid #d7d7d7; background-color:#fff;}
#m-menulnb .dep2 > li:last-child{border-bottom:none}
#m-menulnb .dep2 > li.odd{border-right:1px solid #d7d7d7;}
#m-menulnb .dep2 > li:after{content:''; display:block; clear:both}
#m-menulnb .dep2 > li > a{margin-left:40px; font-size:26px; color:#555; display:block; text-decoration:none;}



#m-menu .dep2{margin:0; padding:0; display:none}
#m-menu .dep2 > dd,#m-menuchuck .dep2 > dd,#m-menugaun .dep2 > dd{margin:0; padding:15px 0; width:100%; box-sizing:border-box; border-bottom:1px solid #d7d7d7; background-color:#fff;}
#m-menu .dep2 > dd.odd,#m-menuchuck .dep2 > dd.odd,#m-menugaun .dep2 > dd.odd{border-right:1px solid #d7d7d7;}
#m-menu .dep2 > dd:after,#m-menuchuck .dep2 > dd:after,#m-menugaun .dep2 > dd:after{content:''; display:block; clear:both}
#m-menu .dep2 > dd > span,#m-menuchuck .dep2 > dd > span,#m-menugaun .dep2 > dd > span{margin-left:40px; font-size:26px; color:#2e3192; display:block; font-weight:bold;}
#m-menu .dep2 > dd > a,#m-menuchuck .dep2 > dd > a,#m-menugaun .dep2 > dd > a{margin-left:40px; font-size:26px; color:#555; display:block; text-decoration:none;}
.ds-oc{font-size:0.7em; margin:5px 15px 0 0; float:right;font-weight: bold;}
.m-menu1,.m-menuchuck1,.m-menugaun1{display:none;}




.m_gnb_member li{padding:20px 0 20px 30px; cursor:pointer; background-color:#343434; border-bottom:1px solid #c2c2c2;}
.m_gnb_member li a{font-size:28px; letter-spacing:-1px; font-weight:bold; color:#fff;}

.m_gnb_branch{display:none;padding:0 !important;background-color:#24499c;}
.m_gnb_branch > a{float:left;width:33.3%;background-color:#24499c;color:#fff;font-size:22px;text-align:center;padding:15px 0;box-sizing:border-box;border:1px solid #c2c2c2;}






.black_bg{position:absolute; top:0; width:100%; height:100%; background-color:#000; filter:Alpha(opacity=80); opacity:0.8; z-index:99999; display:none}
.closebtn {position:absolute; top:5px; display:block; right:20px; font-size:36px; color:#fff; cursor:pointer}
#total_menu {width:640px;position:absolute;top:236px;left:50%;margin-left:-320px;z-index:999999;display:none;}
#total_menu h1{font:normal 32px/30px "NanumGothic"; text-align:center; background:#24499c;color:#fff;padding: 22px 0;}
.total_wrap { background:url('../img/comm/total_bg.png') repeat left top #fff; overflow:hidden;}
.total_box { clear:both; position:relative; font-size:0; overflow:hidden; padding: 25px; border-bottom: 1px solid #d3d3d3}
.total_box strong{display:block; width:100%; float:left;padding: 9px 0 0 0; margin-bottom:30px;  }
.total_box strong:after{content:''; display:block; clear:both;}
.total_box strong a{color: #24499c;font-weight:normal;display: block;font-size: 28px;line-height:30px;text-align: center;}
.total_box ul{float:right; width:100%; overflow:hidden; }
.total_box ul:after{content:''; display:block; clear:both;}
.total_box ul li{float:left; width:194px;text-align:center;margin-bottom:15px;}
.total_box ul li:after{content:''; display:block; clear:both;}
.total_box ul li a {font-size:19px; font-family:"NanumGothic";color:#000000; letter-spacing:-2px;}
.closebtn{text-align: center;padding: 20px;}

/* 프로그램 */
/* SMS */
.sms_wrap { position:relative; width:580px; margin:0 auto; padding:30px; background:url('../img/comm/sms_bg.jpg'); overflow:hidden;}
.sms_wrap h3{ font:bold 30px/60px "NanumGothicBold"; color:#333; letter-spacing:-2px; text-align:left; height:59px; }
.smsForm { }
.smsForm input { font:normal 20px/30px "NanumGothic"; color:#000; padding:2px; height:30px;}
.smsForm tbody th { font:bold 20px/60px "NanumGothicBold"; color:#333; text-align:left; background:url(../img/comm/icon_sms.png) left center no-repeat; width:115px; padding-left:30px ; }
.smsForm .privacy { font:normal 18px/25px "dotum"; width:430px; height:70px; padding:5px; margin-top:10px; letter-spacing:-1px;  overflow-y:auto; background:#e9e9e9; }
.smsForm .right { font:bold 20px/60px "NanumGothicBold"; color:#333; text-align:right; }
/*뒷배경 블러*/
#bgLayer { display:none; position:absolute; left:0px; top:0px; width:100%; z-index:1000; background-color:#000; filter:Alpha(opacity=50); opacity:0.7;}
/*게시판 비밀번호*/
#layerpopup {display:none;z-index: 1001;}
.lay_wrap {background: none repeat scroll 0 0 #FFFFFF; overflow: visible; position: absolute; text-align: left; z-index: 9999;}
.lay_login {left: 50%;margin-left: -145px;top: 20%;width: 290px;}
.lay_wrap .lay_conts {background: none repeat scroll 0 0 #FFFFFF;border: 1px solid #333333;position: relative;z-index: 9999;}
.lay_login .lay_head {background: none repeat scroll 0 0 transparent;border-top: 4px solid #55aaee;}
.lay_login .lay_head .h2_password{float:left; }
.lay_login .lay_head .h2_password:after{content:''; display:block; clear:both;}
.lay_wrap .lay_head h2, .lay_head2 h2 {padding:0;z-index: 1000;margin-left:10px;}
.lay_login .lay_head .lay_close {background: url("/images/login/login_close.jpg") no-repeat scroll 0 0 transparent;height: 10px;width: 9px;}
.lay_login .lay_btm {margin:0 30px 10px 10px;}
.lay_wrap .btn {background: url("/images/login/login_close.jpg") no-repeat scroll 0 0 transparent;display: inline-block;}
.lay_wrap .btn span {display: block;    overflow: hidden;text-align: left;text-indent: -9999px;}
.lay_wrap .lay_close {background-position: -85px 0;height: 15px;position: absolute;right: 15px;top: 17px;width: 15px;}
.lay_login .lay_pwbox {padding: 20px 20px 0px 15px;overflow: hidden;}
.lay_login .lay_pwbox p.input_password {float:left; height: 59px;}
.lay_login .lay_pwbox p.input_password span.input {display:inline; float: left; width:250px; margin-top:20px; }
.lay_login .lay_pwbox p.user input {width:12px; height:12px; margin-right:3px; vertical-align:middle; }
.lay_login .lay_pwbox p.user em {color: #DCDADC;}
.lay_login .lay_pwbox p.error_msg {background: url("/images/login/bg_input.jpg") no-repeat scroll -2px -65px transparent;color:red; font-size: 11px; line-height:15px;margin-top:20px;padding-left:15px;}
.lay_login .input_pw {float: left; width: 170px; height: 13px;padding: 6px 8px; background: url("/images/login/bg_input.jpg") no-repeat scroll 8px -25px transparent; border-color: #A6A6A6 #C0C0C0 #C0C0C0 #A6A6A6; border-left: 1px solid #A6A6A6; border-style: solid; border-width: 1px;}
.lay_login .btn_password {float: left; width:57px; height:27px; margin-left:2px;  border:0px; background:url("/images/bbs/white/btn_write_ok.gif") no-repeat scroll 0 0 transparent;}
button span {display: block;text-indent: -9999px;}
/* 로그인 */
#login_form_wrap {width:100%;padding:25px;margin:10px auto;background:#fefefe;border:1px solid #e1e1e1;box-sizing:border-box;}
#login_form_wrap .login_title {font-size:14px;margin-bottom:20px;color:#888;}
#login_form_wrap .login_title strong {color:#4b87d1;display:block;font-size:25px;margin-bottom:10px;}
.login_box_wrap {width:100%;background:#f7f7f7;padding:15px;box-sizing:border-box;}
.login_box_wrap h4 {padding:20px;font-size:14px;color:#888;text-align:center;}
.login_box_wrap h4 strong {font-size:25px;color:#333;display:block;margin-bottom:10px;}
.btn_type1 {border:1px solid #446dad;background:#4b87d1;color:#fff;width:100%;height:50px;line-height:50px;text-align:center;font-size:18px;font-weight:bold;cursor:pointer;text-decoration:none;display:block;text-shadow:0px 1px 0px #000;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.btn_type2 {border:1px solid #333;background:#555;color:#fff;width:100%;height:50px;line-height:50px;text-align:center;font-size:14px;font-weight:bold;cursor:pointer;text-decoration:none;display:block;text-shadow:0px 1px 0px #000;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.bbs_btns li {width:50%;padding:0 2px 0 0;float:left;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.bbs_btns li i {margin-left:5px;}
.bbs_btns li:last-child {padding:0 0 0 2px;float:right;}
#login_form_wrap {width:100%;padding:25px;margin:10px auto;background:#fefefe;border:1px solid #e1e1e1;box-sizing:border-box;}
#login_form_wrap .login_title {font-size:14px;margin-bottom:20px;color:#888;}
#login_form_wrap .login_title strong {color:#4b87d1;display:block;font-size:25px;margin-bottom:10px;}
.login_box_wrap {width:100%;background:#f7f7f7;padding:15px;box-sizing:border-box;}
.login_box_wrap h4 {padding:20px;font-size:14px;color:#888;text-align:center;}
.login_box_wrap h4 strong {font-size:25px;color:#333;display:block;margin-bottom:10px;}
.term_text textarea{width: 100%;height: 400px; padding:30px; box-sizing: border-box; border: 1px solid #e1e1e1;}
.tbl01{width:100%; margin:0 auto; border-top:3px solid #f1518d; border-bottom:1px solid #D0D0D0;margin-bottom:20px;}
.tbl01 th{font-size:20px;color:#444444;text-align:center; font-weight:bold;padding:10px 0;}
.tbl01 td{padding:10px 0; border-top:1px solid #cecece}
.tbl01 a{color:#444444}
.tbl01 input[type=text] {height:30px;border: 1px solid #D0D0D0;}
.tbl01 textarea{border: 1px solid #D0D0D0;width: 96%;box-sizing: border-box;margin-bottom:15px;}
.rq_name{width:74%}
.tbl01 select{font-size:20px;height:32px;}
.tbl01 p{font-family:"NanumGothic"}
.rq_btn {background: #f1518d;: 3px 7px;text-align: center;color: #fff;font-weight: bold;border-radius: 4px;}
.ag_more {float: right;padding: 1px 7px;margin-right:15px;}
.ag_cen{text-align:center;}
/* 모바일 전후사진 */
.roll_wrap{position:relative;background: #e3e3e3;}
.roll_wrap h1{text-align:center; font-size:25px; background:#2F363E;color:#fff;padding:20px 0;}
.roll_wrap p{font-size: 18px;text-align: center;background: rgba(255, 255, 255, 0.68);position: absolute;top: 0;width: 100%; height:25px;padding: 15px 0px;display:block;z-index:999}
.bfaf_wrap .bx-wrapper{padding:50px 0;}
.bfaf_wrap .bx-wrapper .bx-viewport{background:none;    margin-top: 50px;}
.bfaf_wrap .bx-wrapper .bx-next{display:none;}
.bfaf_wrap .bx-wrapper img{display: inline-block;text-align: center;height: 260px !important;width: 600px !important;}
.bfaf_wrap h1{display:none;}
.bfaf_inner{display:block;}
.bfaf_wrap .bx-pager{position: absolute;bottom: 48px;left: 50%;z-index: 9999;margin-left:-140px}
.bfaf_wrap .icon5{margin-left: -141px;}
.bfaf_wrap .icon3{margin-left:  -83px;}
.bfaf_wrap .icon2{margin-left: -55px;}
.bfaf_wrap .icon1{margin-left: -25px !important;}
.bfaf_wrap .bx-pager a{padding:15px;display:inline-block; background:#969696; color:#fff; }
.bfaf_txt1{overflow:hidden;width: 600px;position: absolute;top: 67px;}
.bfaf_txt1 li{float:left;width:50%; text-align:center;font-size:16px; font-weight:bold;color:#555}
.roll_thum li img {width: 150px !important;}
.cell_wrap {position:relative;padding-left:73px;overflow:hidden;}
.cell_wrap .s_select {position:absolute !important;width:70px;left:0px;top:0;height:55px;}
.cell_wrap ul {}
.cell_wrap ul li {width:50%;border:0 !important;margin:0 !important;padding:0 !important;border-bottom:0 !important;}
.cell_wrap ul li:first-child {float:left;padding-right:3px !important;box-sizing: border-box;}
.cell_wrap ul li:last-child {float:left;}
.double_wrap {width:100%;overflow:hidden;padding:0 !important;margin:0 !important;}
.double_wrap li {float:left;width:50%;border-bottom:0 !important;padding:0 !important;}
.double_wrap li:first-child {padding-right:3px !important;box-sizing: border-box;}

/* 편의를 위한 CSS 정의 */
.clear:after{content:"";display:block;clear:both;}
.blind{position:absolute; top:0; left:0; width:0; height:0; font-size:0; line-height:0; text-indent:-9999999999px;}
.fll{float:left}

.comm_bottom_btn_wrap{width:100%;background-color:#ccc;}
.comm_bottom_btn{width:640px;margin:0 auto;}
.comm_bottom_btn:after{content:"";display:block;clear:both;}
.comm_bottom_btn li{float:left;}
.comm_bottom_btn li a{display:block;}

/* 로거 상담창 제어 */
#_HchatLayerTitle{background:none !important;background-color:#3dadd5 !important; height:50px !important;}
#_HchatLayerTitle > div{font-size:23px !important}
#http_SMS_MEMO{height:200px !important;}
#_HMsgShowBtn{width:38px !important}
#_HMsgHideBtn{width:38px !important}
#_HchatLayerHideBtn{width:38px !important}

.righttexth a{color: #333; font-size: 13px!important}

.s_notice_wrap > li > a{font-size:29px !important; }

.dep2 .title > a {
    font-size: 26px;
    color: #000 !important;
    display: block;
    font-weight: bold;
}

.wrap600 {
    margin: 0 auto;
    box-sizing: border-box;
    margin: 0 20px;}

.mtv_btn{font-size: 26px;color:#7d7d7d;width:100%; padding:10px 25px;margin: 0 auto; margin-top: 20px;text-align: center;display: inline-block;font-weight: bold;
box-sizing:border-box;    box-shadow: 3px 3px 7px rgb(0 0 0 / 10%);    border: 1px solid #d9d8d7;
letter-spacing: -1px; border-radius:10px;
}
.mtv_wrap{width:100%; display:flex;flex-wrap:wrap;justify-content:space-between}
.mtv_wrap > li{width:100%; box-sizing:border-box;  text-align: center;}
.mtv_wrap > li .mtv_txt{text-align:center; padding:30px 0; font-size:28px; font-weight:bold;padding-top:0}
.youtube_layer{position: fixed;left:0;top:0;width:100%;height:100%;z-index:9999999;background:rgba(0,0,0,0.6);display:none}
.youtube_layer:after{content:'';background:url('/img/sub/tvxbtn.png') no-repeat;width:41px;height:39px;position:fixed;z-index:99; left:50%;top: 50%;margin-left:255px;margin-top:-220px;cursor:pointer;}
.youtube_layer iframe{width:600px; height:calc(600px / 1.77);position:absolute;left:50%;top:50%; transform:translate(-50%, -50%)}
.mtv_wrap > li .mtv_thum{width:100%; text-align:center;position: relative; cursor: pointer;}
.mtv_wrap > li .mtv_thum img{width:600px;margin-left:0px;}
.mtv_wrap > li .mtv_thum::after{width:600px;height:100%;content: '';position: absolute;top: 0;right: 0;bottom: 0;left: 0px;z-index: 10;background: rgba(0,0,0,.5);font-size: 0;text-align: center;}
.mtv_wrap > li .mtv_thum span{cursor: pointer; width:100px;height: 64px;position: absolute;top: 50%;transform:translateY(-50%); right: 0;left: 0;z-index: 20;margin: auto;font-size: 0;text-align: center;transition: opacity .3s;}
.mtv_wrap > li .mtv_thum span img{width:100%}
/* .mtv_wrap > li .mtv_thum span::before{content: '';position: absolute;top: 0;right: 0;bottom: 0;left: 0;width: 0;height: 0;margin: auto;border-style: solid;border-color: transparent;    border-left-color: #ffffff;
transform: translate(45%,20%);border-width: 14px 24px;}
.mtv_wrap > li .mtv_thum span::after{content: '';display: inline-block;border: solid #ffffff;border-radius: 50%;vertical-align: middle;width: 64px;height: 64px;border-width: 6px;} */
.mdoc_txtwrap > p{display:flex;}
.mdoc_txtwrap > p > span{margin-left:10px;}
.sub_title{word-break:keep-all;}