@charset "utf-8";
@font-face {
	font-family: 'SUIT';
	font-weight: 400;
	src:
			url('https://static.cloud.sbs.co.kr/font/suit/SUIT-Regular.woff2') format('woff2'),
			url('https://static.cloud.sbs.co.kr/font/suit/SUIT-Regular.woff2') format('woff');
}
@font-face {
	font-family: 'SUIT';
	font-weight: 500;
	src:
			url('https://static.cloud.sbs.co.kr/font/suit/SUIT-Medium.woff2') format('woff2'),
			url('https://static.cloud.sbs.co.kr/font/suit/SUIT-Medium.woff2') format('woff');
}
@font-face {
	font-family: 'SUIT';
	font-weight: 600;
	src:
			url('https://static.cloud.sbs.co.kr/font/suit/SUIT-SemiBold.woff2') format('woff2'),
			url('https://static.cloud.sbs.co.kr/font/suit/SUIT-SemiBold.woff2') format('woff');
}
@font-face {
	font-family: 'SUIT';
	font-weight: 700;
	src:
			url('https://static.cloud.sbs.co.kr/font/suit/SUIT-Bold.woff2') format('woff2'),
			url('https://static.cloud.sbs.co.kr/font/suit/SUIT-Bold.woff2') format('woff');
}
@font-face {
	font-family: 'SUIT';
	font-weight: 800;
	src:
			url('https://static.cloud.sbs.co.kr/font/suit/SUIT-ExtraBold.woff2') format('woff2'),
			url('https://static.cloud.sbs.co.kr/font/suit/SUIT-ExtraBold.woff2') format('woff');
}

body,p,div,h1,h2,h3,h4,h5,h6,ul,ol,dl,dt,dd,table,caption,form,fieldset,legend,input,a{margin:0; padding:0; text-decoration:none}
li{list-style-type:none;}
fieldset,img{border:0;}
em {font-style:normal;}
li img, li a, dd img, img, a img{vertical-align:top;}
.hdd{font-size:0; width:0; height:0; line-height:0; visibility:hidden; position:absolute;}
legend,caption{font-size:0; width:0; height:0; line-height:0; position:absolute;}
body, input, textarea, select, button, table {color:#000;  font-family: 'SUIT','Malgun Gothic','맑은 고딕',dotum,'돋움',sans-serif;}
iframe {display:block;}
html{min-height:100%; overflow-x:hidden}
body{min-height:100%; letter-spacing:-1px; overflow-x:hidden; font-size:15px; -webkit-text-size-adjust:none}
select, input[type="text"]{height:33px; border:0; background:#fff}
textarea{height:70px; border:0; background:#f2f2f2}
table {border-spacing: 0}
table th, table td {padding: 0}

/* Skip Navigation */
#skip_nav {position:absolute; top:0; left:0; width:100%;}
#skip_nav a {position:absolute; top:-99999px; left:-99999px; display:block; width:100%; height:60px; font-weight:bold; font-size:17px; text-align:center; color:#fff; line-height:60px; border-bottom:1px solid #fcfcfc; background-color:#015293}
#skip_nav a:focus {z-index:100000; top:0; left:0;}

.ir {zoom:-10; z-index:-1; position:relative; display:block; width:100%; font-size:1px; text-align:center; white-space:nowrap; overflow:hidden; text-indent:-99999px;color:transparent;}
.mask {position:absolute;top:0;left:0;border:1px solid #000;opacity:0.2;filter:alpha(opacity=20);z-index:250}
.blind{position:absolute; top:0; left:-9999em; width:0; height:0; font-size:0; line-height:0}

#wrap{position:relative; left:0; width:100%; overflow-x:hidden; z-index:1}
.container{width:100%; padding:13px 0 40px 0;background-color:#eee;}
.container.view{padding:0 0 13px}
.box{width:92.5%; margin:10px auto 0; border:1px solid #e5e5e5; border-bottom:2px solid #e5e5e5; background:#fff;}

.pop .container > div:first-child{margin-top:13px}
.container > .blind + div{margin-top:0}
.container > .blind + div.win{/*margin-top:10px*/}
.container > .blind + div.web_list{margin-top:10px}
.container > div:first-child{margin-top:0}
.container > p:first-child{margin-top:12px; line-height:1.5}
.container > .login_wrap > p:first-child{margin-top:13px; line-height:1.5}
.container > div.box_set:first-child .box{margin-top:0}
.container > ul:first-child{margin-top:0}
.container > ul:first-child li:first-child .box.air{margin-top:0}

.wi100 {width:100% !important;}
a.submit{display:block; width:92.5%; margin:10px auto 25px; padding:10px 0; border: 1px solid #FE4275; border-bottom: 2px solid #FE4275; font-size: 14px; font-weight:bold; color:#fff; text-align:center; background: #FE4275;}
.customer_btn_w a.submit { margin:10px auto 5px;}
a.gray_btn {display:block; width:92.5%; margin:5px auto; padding:10px 0; border: 1px solid #888; border-bottom: 2px solid #888; font-size: 14px; font-weight:bold; color:#fff; text-align:center; background: #888;}

.tag_p{width:92.5%; margin:10px auto 0; font-size:12px; color:#667181}
.tag_p a{display:block; width:152px; margin-top:5px}
.tag_p a img{width:100%}

.person_info:after,
div[class*='img_view_'] .bottom_box:after,
div[class*='img_view_'] .sl_box ul:after,
.box.text_list.event .con:after,
.box.event_list.text ul li > div > div:after,
.box.event_list ul li > div:after,
.top_btns:after,
.view_detail.viewer .top:after,
.view_detail > ul.btns:after,
.choose_con:after,
.view_detail .foot > ul:after,
.go_con:after,
.box.text_list.simple .foot_btn:after,
.box.text_list .foot:after,
.box.text_list .top:after,
.box.search_news div:after,
.search_index .image_box:after,
.search_index .box:after,
.search_index .box.type_b div .foot:after,
.search_index .box.type_b div:after,
.search_div .popul:after,
.btn_section ul:after,
.write_top .sympathy .con_list .pic_set:after,
.write_top:after{content:''; display:block; clear:both}

.customer_search{margin:15px}
.customer_search .bg_area{padding:0 0 0 45px;min-height:37px; background-size:37px 36px;background-repeat: no-repeat;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='37' height='36' viewBox='0 0 37 36' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.28332 12.016C10.7644 8.46086 14.1948 5.6998 18.0617 5.6998C21.9284 5.6998 25.3567 8.46057 26.8373 12.016C26.1145 12.1236 25.5601 12.7468 25.5601 13.4995V23.9995C25.5601 24.8279 26.2316 25.4995 27.0601 25.4995H27.3612V27C27.3612 27.9941 26.5553 28.7999 25.5612 28.7999H22.3106C21.8478 27.7402 20.7904 26.9995 19.5601 26.9995C17.9032 26.9995 16.5601 28.3427 16.5601 29.9995C16.5601 31.6564 17.9032 32.9995 19.5601 32.9995C20.7901 32.9995 21.8472 32.2593 22.3102 31.2H25.5612C27.8808 31.2 29.7612 29.3195 29.7612 27V25.3374C31.6633 24.8119 33.0601 23.0688 33.0601 20.9995V16.4995C33.0601 14.3071 31.4922 12.4808 29.4164 12.0809C27.8724 7.32579 23.4383 3.2998 18.0617 3.2998C12.6855 3.2998 8.24864 7.32542 6.70407 12.0808C4.62817 12.4806 3.06006 14.3069 3.06006 16.4995V20.9995C3.06006 23.4848 5.07478 25.4995 7.56006 25.4995H9.06006C9.88849 25.4995 10.5601 24.8279 10.5601 23.9995V13.4995C10.5601 12.747 10.0059 12.1238 9.28332 12.016ZM8.16006 14.3995H7.56006C6.40026 14.3995 5.46006 15.3397 5.46006 16.4995V20.9995C5.46006 22.1593 6.40026 23.0995 7.56006 23.0995H8.16006V14.3995ZM28.5601 14.3995H27.9601V23.0995H28.5601C29.7199 23.0995 30.6601 22.1593 30.6601 20.9995V16.4995C30.6601 15.3397 29.7199 14.3995 28.5601 14.3995ZM19.5601 30.5995C19.8914 30.5995 20.1601 30.3309 20.1601 29.9995C20.1601 29.6681 19.8914 29.3995 19.5601 29.3995C19.2287 29.3995 18.9601 29.6681 18.9601 29.9995C18.9601 30.3309 19.2287 30.5995 19.5601 30.5995Z' fill='%23FE4275'/%3E%3C/svg%3E"); }
.customer_search .input{position:relative; margin:15px 0 0 0; padding:0 2px 0 0;}
.customer_search .input input[type='text']{width:100%; height:44px; box-sizing:border-box;/* padding:5px 0; */text-indent:7px; border:2px solid #FE4275; color:#888; -webkit-appearance:none; -webkit-border-radius:0;}
.customer_search .input input[type='image']{position:absolute; top:0; right:2px; width:32px; padding:9px 5px 8px 5px; background-color:#FE4275; -webkit-appearance:none; -webkit-border-radius:0;}
.customer_search .input a img{width:100%}
.customer_search .input p{margin-top:10px; font-size:14px}
.customer_search + div{font-size:13px; overflow:hidden; background:#FFF2F5}
.customer_search + div h2{display:block; margin:15px 15px 0; font-size: 15px;}
.customer_search + div ul{padding:5px 15px 15px 15px}
.customer_search + div ul:after{content:''; display:block; clear:both}
.customer_search + div ul li{float:left; width:48%; padding:5px 0 5px 2%; background:url('//image.sbs.co.kr/mobile/sbs/common/bul_dot.png') no-repeat left center}
.customer_search + div ul li a{text-decoration:underline; font-size: 15px; color:#111}

.customer_search .select{width:100%; text-align:center}
.customer_search .select:after{content:''; display:block; clear:both}
.customer_search .select select{float:right; width:49%; border:0; background:#f2f2f2}
.customer_search .select select:first-child{float:left}

/* button (question, webmail) */
.tag_link_btn_w {width:92.5%; margin:5px auto 0; overflow:hidden;}
.tag_link_btn_w [class^="tag_link_btn_inner"] {float:left; width:50%; height:32px; box-sizing:border-box;}
.tag_link_btn_w .tag_link_btn_inner_question {padding-right:3px;}
.tag_link_btn_w .tag_link_btn_inner_webmail {padding-left:3px;}
.tag_link_btn {display:block; width:100%; height:100%; line-height:33px; letter-spacing:0; font-size:12px; text-align:center; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#fff; background-color:#888;}
.tag_link_btn_inner_webmail img {display:inline-block; width:18px; height:13px; vertical-align:middle; margin-right:5px; position:relative; top:-1px; overflow:hidden;}

/* 고객센터 안내 */
.cuscen_use_w.type01{box-sizing:border-box;padding:15px;}
.cuscen_use_w.type01 .title-type02{margin-bottom:24px;font-size:16px;font-weight:700;color:#000;}
.cuscen_use_w.type01 .infoBox{display:flex;flex-direction:column;}
.cuscen_use_w.type01 .infoBox+.infoBox{margin-top:24px;}
.cuscen_use_w.type01 .infoBox .title-type01{font-size:13px;font-weight:700;color:#000;}
.cuscen_use_w.type01 .infoBox .infoNumber_tel{margin-top:4px;font-size:24px;font-weight:700;color:#FE4275;}
.cuscen_use_w.type01 .infoBox .infoText01{margin-top:8px;font-size:12px;font-weight:400;color:#1A1A1A;}
.cuscen_use_w.type01 .infoBox .btn-type01{margin-top:8px;display:flex;justify-content:center;width:100%;box-sizing:border-box;padding:8px 20px;line-height:16px;height:32px;background-color:#FE4275;color:#fff;font-size:13px;font-weight:500;}

/* FAQ */
.box.faq > ul > li,
.box.faq > ul > li > div,
.box.faq > ul > li > dl{border-top:1px solid #d6dbe1; font-size:12px; letter-spacing:-1px}
.box.faq > ul > li:first-child{border:0}
.box.faq > ul > li{background:url('//image.sbs.co.kr/mobile/sbs/customer/bg_darr.png') no-repeat 95% 19px #FFF2F5; -webkit-background-size:14px 8px}
.box.faq > ul > li > a{display:block; padding:16px 45px 14px 15px; font-size:14px; color:#333}
.box.faq > ul > li.on{background:url('//image.sbs.co.kr/mobile/sbs/customer/bg_uarr.png') no-repeat 95% 19px #fff; -webkit-background-size:14px 8px}
.box.faq > ul > li.on a{font-weight:bold; line-height:1.5; color:#111}
.box.faq > ul > li.on > div,
.box.faq > ul > li.on > dl{display:block}
.box.faq > ul > li > div,
.box.faq > ul > li > dl{display:none; padding:15px; font-size:13px}
.box.faq > ul > li > dl dt{margin-top:15px; font-weight:bold}
.box.faq > ul > li > dl dt:first-child{margin-top:0}
.box.faq > ul > li > dl dd{margin-top:5px}
.box.faq > ul > li > dl dd:first-child{margin-top:0}
.box.faq > ul > li .btn{margin-top:15px; text-align:right}

.choose_con{width:92.5%; margin:10px auto 0; border:1px solid #e5e5e5; background:#fff;}
.choose_con li{float:left; width:50%}
.choose_con li:last-child {float:right;}
.choose_con li a{display:block; padding:10px 0 7px; text-align:center; color:#222}
.choose_con li.on a{border-bottom:3px solid #FE4275; font-weight:bold; color:#FE4275}
.choose_con.confirm {background:#98a5b5; height:37px;}
.choose_con.confirm li a{font-weight:bold; color:#fff; background:#98a5b5}
.choose_con.confirm li:first-child a{background:#FE4275}
.choose_con.confirm li.on input.btns{display:block; width:100%; padding:10px 0 7px; font-size:14px; background:#FE4275; text-align:center; font-weight:bold; color:#fff; border:0}
.choose_con.mychoose_con + ul{/*margin-top:10px*/ margin-top:-1px;}
.choose_con.confirm li.on input.btns{display:block; width:100%; height:100%; padding:10px 0 7px; font-size:14px; background:#FE4275; text-align:center; font-weight:bold; color:#fff; border:0; -webkit-appearance:none;-webkit-border-radius:0}
.box.select input.btns{display:inline-block; position:relative; top:1px; width:38%; padding:3px 0 2px; text-align:center; font-size:12px; color:#fff; background:#98a5b5; border:0; -webkit-appearance:none;-webkit-border-radius:0}
.box.win .sel_box input.btns{display:inline-block; position:relative; top:1px; width:28%; padding:3px 0 2px; font-size:10px; text-align:center; color:#fff; background:#98a5b5; border:0; -webkit-appearance:none;-webkit-border-radius:0}


.login_box_web {position: relative;margin: 12px 0;padding: 12px 12px 12px 12px;border: solid 1px #c8cdd4;background-color: #fff;}
.s_title_web {font-size:13px;line-height:1.4;}

.login_wrap input[type="text"],.login_wrap input[type="password"]{height:33px; width:100%; margin-bottom:5px; padding:0 5px; line-height:28px; background-color:#f2f2f2; border:0;-webkit-appearance:none;-webkit-border-radius:0}
.list_type01 li{padding:5px 0 0 7px; line-height:1.3; font-size:13px; color:#667181; background:url('//image.sbs.co.kr/mobile/sbs/common/ico_list_dot01.png') 0 10px no-repeat; -webkit-background-size:3px 3px; }
.notice_dot01{padding:5px 0 0 7px; line-height:1.3; font-size:13px; color:#667181; background:url('//image.sbs.co.kr/mobile/sbs/common/ico_list_dot01.png') 0 10px no-repeat; -webkit-background-size:3px 3px; }
.login_wrap input[type="radio"],.login_wrap input[type="checkbox"],.login_wrap label{vertical-align:middle}

/*1:1웹메일 문의------2013 12 17 김호영 */
.login_wrap{width:92.5%; margin:0 auto 50px}
.webmail_wrap {width: 92.5%;margin: 0 auto 50px;}
.tag_p_web{margin:10px auto 0; font-size:13px; color:#111}
.tag_p_web a{color:#FE4275;text-decoration:underline}
.web {width:92.5%;margin:15px auto 0;overflow:hidden}
.web .web_menu {border:1px solid #c8cdd4; background:#fff;border-bottom: 2px solid #c8cdd4;}
.web ul li {float:left;width:50%;}
.web ul li a {display:block;padding:10px 0;text-align:center}
.web ul li.on a {color:#FE4275;font-weight:bold}

.gray_box {margin:10px auto 0; border:1px solid #c8cdd4; border-bottom:2px solid #c8cdd4; background:#edf1f4}
.gray_box .text{padding:15px;color:#667181;}
.web_info {padding:12px 12px 12px 0}
.web_info dd{margin:0 0 5px 0}
.web_info dd:last-child{margin-bottom:0}
.web_info input{height:33px; width:95%; padding:0 5px; line-height:28px; background-color:#f2f2f2; border:0;-webkit-appearance:none;-webkit-border-radius:0}
.web_info select{height:33px; color:#7a7c80; border:solid 1px #f2f2f2; background-color:#f2f2f2;}
.web_info textarea{height:180px; width:95%; padding:10px 5px; color:#adadad; border:0; background-color:#f2f2f2}

.s_title_web {font-size:13px;}
.no_mar {padding-top:5px}
.web_agree_line{margin:10px 0 0 0; padding:12px 12px 0 0; border-top:solid 1px #dee1e5}
.web_agree_line dt{font-size:14px; font-weight:bold}
.web_agree_line dd {margin-top:10px;overflow:hidden; font-size:13px}
.web_agree_line dd .txt {float:left;margin-right:6%}
.web_agree_line dd .read {float:left;color:#FE4275;text-decoration:underline}
.web_agree_line dd .login_check {float:right;vertical-align:middle}
.web_agree_check_w {overflow:hidden;}
.web_agree_textarea_w {position:relative; display:block; margin:15px 0 ;}
.web_agree_textarea {display:block; height:210px; box-sizing:border-box; overflow:hidden; overflow-y:auto; padding:10px 15px; font-size:13px; line-height:21px; background-color:#f2f2f2; color:#555;}

.login01_check{float:right;}
.login01_check input{vertical-align:middle}
.login01_check label{margin:0 0px 0 0; color:#333; vertical-align:middle;}

/*.btn_join {display:block; border:solid 1px #838e9c; background-color:#98a5b5; }
.btn_join a{ display:block; padding:10px 15px; color:#fff; font-size:16px; text-decoration:none; text-align:center}
.btn_join a i{display:inline-block; height:14px; width:16px; margin:0 3px 0 0; font-weight:bold; font-style:normal; background:url("//image.sbs.co.kr/mobile/sbs/customer/file.png") 0 center no-repeat; -webkit-background-size:14px 16px; }*/

.list_img {padding:13px 0;text-align:center;overflow:hidden;margin:0 auto}
.list_img ul {width:281px;margin:0 auto;}
.list_img ul li {float:left;padding-left:7px;width:65px;height:65px;position:relative; z-index:1}
.list_img ul li:first-child {padding-left:0}
.list_img ul li img {width:65px;height:65px;}
.list_img ul li span {position:absolute;top:0;right:0; z-index:2}
.list_img ul li span a{display:block; padding:0 0 12px 12px}
.list_img ul li span img {width:20px;height:20px}


.login_box_web {position: relative;margin: 12px 0;padding: 12px 12px 12px 12px;border: solid 1px #c8cdd4;background-color: #fff;}
.wi100 {width:100% !important;}
.pa_no {padding:0 12px 0 0  !important;}
.ma_bo {margin-bottom:0 !important;}
.bor_no {border-bottom:none !important;}
.mt5 {margin-top:5px}
.mt10 {margin-top:10px}
.ptno {padding-top:0 !important; padding-bottom:0 !important;}
.ptbno {padding-bottom:0 !important;}
.w92 {width:92.5% !important;}
.f306dc1 {color:#FE4275}
.blut_btn{width:100%; border:solid 1px #FE4275; border-bottom:solid 2px #FE4275;margin-top:15px;overflow:hidden}
.blut_btn a{float:left; height:30px; width:33%; text-align:center; font-size:12px; line-height:32px; font-weight:bold; color:#fff; background-color:#98a5b5; text-decoration:none}
.blut_btn a.on {background-color:#FE4275; margin:-1px; padding:1px; }
.blut_btn a.line span{border-right:1px solid #8d9196}
.blut_btn a.btn_one{width:100%}
.blut_btn a.btn_two{width:50%}
.blut_btn a span{display:block;}
.blut_btn a:nth-of-type(3){width:34%}
.blut_btn_gray{width:92.5%; margin:15px auto; border:solid 1px #8d9196; border-bottom:0; -webkit-appearance:none;-webkit-border-radius:0}
.btn_button{width:100%; height:30px; overflow:hidden; text-align:center; border:0; font-size:14px; line-height:32px; letter-spacing:-1px; font-weight:bold; color:#fff; background-color:#FE4275; text-decoration:none; -webkit-appearance:none;-webkit-border-radius:0}
.btn_button_gray{width:100%; height:32px; overflow:hidden; text-align:center; border:0; font-size:14px; line-height:32px; letter-spacing:-1px; font-weight:bold; color:#fff; background-color:#98a5b5; border-bottom:solid 1px #8d9196; text-decoration:none}
.btn_button.btn_two, .btn_button_gray.btn_two{float:left; width:50%}
.btn_button_gray input{-webkit-border-radius:0}

.blut_btn01{ width:100%;border-bottom:solid 2px #FE4275;overflow:hidden}
.blut_btn01 a{float:left; height:30px; width:33%; text-align:center; font-size:14px; line-height:32px; font-weight:bold; color:#fff; background-color:#98a5b5; text-decoration:none}
.blut_btn01 a.on {background-color:#FE4275; margin:-1px; padding:1px; }
.blut_btn01 a.line span{border-right:1px solid #8d9196}
.blut_btn01 a.btn_one{width:100%}
.blut_btn01 a.btn_two{width:50%}
.blut_btn01 a span{display:block;}
.blut_btn01 a:nth-of-type(3){width:34%}

.box.web_list .top{width:100%;overflow:hidden}
.box.web_list .top span{float:left; margin:15px; font-size:14px; color:#555}
.box.web_list .top span img{position:relative; top:2px; width:12px; margin-right:5px}
.box.web_list > a{display:block; padding:0 15px 15px; color:#222}
.box.web_list > a strong{font-size:15px; margin-bottom:5px; padding:0}
.box.web_list .foot{width:100%; border-top:1px solid #c8cdd4; background:#FFF2F5;overflow:hidden}
.box.web_list .foot span{margin:15px; color:#667181}
.box.web_list .foot .view{float:left; color:#FE4275;font-weight:bold}
.box.web_list .foot .date{float:right; width:auto; height:auto; border:0; background:none}

.web_detail{width:100%; border-top:1px solid #bbb9b9; border-bottom:2px solid #c8cdd4; background:#fff}
.web_detail .top{width:92.5%; margin:15px auto; padding-bottom:15px; border-bottom:1px solid #e9e9e9}
.web_detail .top > strong{font-size:18px}
.web_detail .top > p{margin:10px 0; font-size:22px; font-weight:bold}

.web_detail .top .info li {position:relative}
.web_detail .top .info li:first-child{width:auto; font-size:12px; color:#667181;}
.web_detail .top .info li:first-child a{position:relative; top:-5px; margin-left:5px}
.web_detail .top .info li:first-child a img{width:58px}
.web_detail .top .info li .view{color:#adadad;margin-top:5px;min-width:60px;}
.web_detail .top .info li .date01{position:absolute;right:0;top:0;color:#adadad}
.web_detail  p{width:92.5%; margin:0 auto 15px; font-size:13px}
.web_detail .img{width:100%;margin-bottom:12px}
.web_detail .img img{width:100%;margin:0}
.web_detail .foot{width:100%; padding-bottom:15px; border-top:1px solid #c8cdd4}
.web_detail .foot > *{width:92.5%; margin:15px auto 0}
.web_detail .foot > div{font-size:16px}
.web_detail .foot > div a img{width:21px}
.web_detail .foot > div span{color:#b8b8b8}
.web_detail .foot > ul li{float:left; margin-left:6px}
.web_detail .foot > ul li:first-child{margin-left:0}
.web_detail .foot > ul li img{width:54px}

.web_reply {border-top:1px solid #dde1e6;background:#FFF2F5;padding:15px; font-size:15px}
.web_reply .re {font-weight:bold;color:#FE4275;}
.web_reply .cont {line-height:1.6; margin-top:15px; letter-spacing:0}

.report_info{padding:12px}
.report_info dd{margin:0 0 5px 0}
.report_info input{height:33px; width:95% !important; padding:0 5px; line-height:28px; background-color:#f2f2f2; border:0;-webkit-appearance:none;-webkit-border-radius:0}
.report_info select{height:30px; color:#7a7c80; border:solid 1px #f2f2f2; background-color:#f2f2f2}
.report_info textarea{height:180px; width:100%; padding:10px 5px; color:#adadad; border:0; background-color:#f2f2f2}

/* 뷰 */
.view_detail > ul.btns:after,
.view_detail .top:after, .vd_bs_list:after {content:''; display:block; clear:both}

.view_detail{width:100%; border-bottom:2px solid #c8cdd4; background:#fff}
.view_detail .top{width:92.5%; margin:15px auto; /*padding-bottom:15px; border-bottom:1px solid #e9e9e9*/}
.view_detail .top > strong{font-size:18px}
.view_detail .top > p{margin:10px 0; font-size:22px; font-weight:bold}
.view_detail .top .info {margin:10px 0;}
.view_detail .top .info div{position:relative; top:100%; font-size:14px}
.view_detail .top .info div img{width:20px; margin-right:5px; color:#d3d3d3}
.view_detail .top .info div:first-child {width:auto; font-size:17px; color:#667181; margin-bottom:7px; /*font-weight:bold;*/}
.view_detail .top .info div:first-child .newsman{position:relative; top:0px}
.view_detail .top .info div:first-child a{position:relative; top:-1px; margin-left:5px}
.view_detail .top .info div:first-child a img {width:58px}
.view_detail .top .info div .view{padding-left:25px; font-size:14px; color:#999; background:url('//image.sbs.co.kr/mobile/sbs/common/bg_view.png') no-repeat left center; background-size:21px auto}
.view_detail .top .info div a.email {background:url('//image.sbs.co.kr/mobile/sbs/board/ico_email.png') no-repeat right 58%; background-size:19px 13px; display:inline-block; padding-right:25px; color:#667181;}
.view_detail .top .info div .mail{font-size:13px; color:#adadad}
.view_detail .top .info div .date{height:auto; border:0; color:#999; font-size:12px; line-height:normal; background:none}
.view_detail .top .info div .date + .date {display:block;}
.view_detail .top .info div .date + .view {position:absolute; bottom:0; right:0; line-height:normal;}
.view_detail .top .info div .view + .date{margin-left:10px}
.view_detail .top .info div .brd_v_fnc_w {position:absolute; top:2px; right:0; font-size:0;}
.view_detail .top .info div .brd_v_fnc_w a {display:inline-block; margin-left:9px; font-size:12px; color:#adadad;}
.view_detail .top .info div .report{padding-left:12px; font-size:12px; color:#adadad; background:url('//image.sbs.co.kr/mobile/sbs/board/bg_btn_report.png') no-repeat left center; -webkit-background-size:11px 12px; margin-left:4px;}
.view_detail .top .airdate{font-size:13px; color:#adadad; display:inline-block; margin-bottom:10px;}
.view_detail > div, .view_detail > p, .view_detail > article {width:92.5%; margin:0 auto 19px; font-size:17px; line-height:1.55em; letter-spacing:0; word-break: break-all;word-wrap: break-word; color:#444;}
.view_detail .foot{width:100%; /*padding-bottom:15px;*/ border-top:1px solid #c8cdd4}
.view_detail .foot > *{width:92.5%; margin:15px auto 0}
.view_detail .foot > div{font-size:17px}
.view_detail .foot > div img{width:21px}
.view_detail .foot > div span{color:#b8b8b8}
.view_detail .foot > ul li{float:left; margin-left:6px}
.view_detail .foot > ul li:first-child{margin-left:0}
.view_detail .foot > ul li img{width:54px}
.view_detail .top .info div span.date:first-child{margin:0}

.view_detail > select{display:block; width:92.5%; margin:15px auto 0; padding:5px 0; border:0; color:#666; background:#f2f2f2}
.view_detail > .img{position:relative; width:100%; margin-bottom:15px; z-index:1;}
.view_detail > .img a{display:block; position:relative; width:100%; z-index:2;}
.view_detail > .img img{width:100%}
.view_detail > .img p{width:92.5%; margin:10px auto; color:#667181}
.view_detail > .img p strong{display:block}
.view_detail > .img a .play{position:absolute; top:50%; left:50%; width:47px; height:70px; margin:-35px 0 0 -23px}
.view_detail > .link{display:block; width:92.5%; margin:25px auto 0; font-size:13px; color:#222}
.view_detail > ul.btns{width:100%; margin-top:30px; border-top:1px solid #c8cdd4}
.view_detail > ul.btns li{float:left; width:50%}
.view_detail > ul.btns li a{display:block; padding:6px 0 8px 0; text-align:center; font-size:0.8em; font-weight:bold; color:#FE4275; background:#FFF2F5}
.view_detail > ul.btns li:first-child a{border-right:1px solid #c8cdd4}
.view_detail > p.copy{color:#667181; margin-top:-6px; text-align:right;}

.view_detail article{width:92.5%; margin:0 auto; font-size:17px;}

.view_detail .head_img{width:100%; position:relative;overflow: hidden;}
.view_detail .head_img a span.img{display:block; position:relative; width:100%}
.view_detail .head_img img{width:100%}
.view_detail .head_img img.play{position:absolute; top:50%; left:50%; width:47px; height:70px; margin:-35px 0 0 -23px}

.view_detail.viewer .top .info{float:left; width:80%}
.view_detail.viewer .top .info li{font-size:12px}
.view_detail.viewer .top .info li:first-child{margin-bottom:5px; font-size:17px}
.view_detail.viewer .top .info li:first-child img{width:20px}
.view_detail.viewer .top > img{float:right; width:49px; border:1px solid #e9e9e9}

.btn_join {display: block;width: 92.5%;margin: 10px auto 0;border: solid 1px #FE4275;background-color: #FE4275;}
.login_wrap .btn_join {width: 100%;box-sizing: border-box;}
.btn_join a{ display:block; padding:7px 15px; color:#fff; font-size:14px; text-decoration:none; text-align:center; font-weight:bold}
.btn_join a i{display:inline-block; position:relative; top:3px; height:15px; width:15px; margin:0 3px 0 0; font-weight:bold; font-style:normal; background:url('//image.sbs.co.kr/mobile/sbs/main/ico_join.png') 0 center no-repeat; -webkit-background-size:15px 15px; }
.blue_txt{color:#FE4275;}
/* 사업자 정보 */
.box.licensee h2{margin:12px 0 10px 15px; font-size:15px}
.box.licensee h2.blue{color:#FE4275}
.box.licensee ul{margin:0 15px 15px; font-size:13px}
.box.licensee ul li{margin-top:5px; padding-left:8px; color:#7a7a7a; background:url('//image.sbs.co.kr/mobile/sbs/common/bul_dot.png') no-repeat left 5px}
.box.licensee ul li:first-child{margin-top:0}
.box.licensee ul li strong,
.box.licensee ul li span{color:#111}
.box.licensee ul li.or{text-indent:-71px; padding:0 0 0 79px}
.box.licensee ul li a{display:inline; color:#7a7a7a}
.box.licensee .blue_txt{margin:0 15px 15px; text-decoration:underline; font-size:13px}

.box.licensee.pay ul li strong{color:#7a7a7a}
.box.licensee.pay ul li{background-image:url('//image.sbs.co.kr/mobile/sbs/common/bul_dot_gray.png')}

/* 마이존 */
.cont_wrap {width:92.5%;margin:10px auto 0;}
.my_btn {width:100%;}
.my_btn li{background-color: #FE4275;margin-bottom:5px}
.my_btn li a{display: block; margin: 0 auto; padding: 11px 30px 8px 10px; border-bottom: 2px solid #FE4275; text-decoration: none; color: #fff; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='11' viewBox='0 0 12 11' fill='none'%3E%3Cpath d='M4.8359 1.60417L8.73173 5.5L4.8359 9.39583' stroke='white' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); background-repeat:no-repeat;background-size:12px 11px; background-position:right 10px center; vertical-align:inherit; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}

/* 이용약관 : \common\customer_rules.html*/
.customer_rules {}
.customer_rules h2 {padding:10px;}
.customer_rules > ul{margin:0 15px 15px;}
.customer_rules > ul li{font-weight:normal; margin-top:3px; margin-bottom:5px; color:#666;}
.customer_rules > ul li:first-child{margin-top:0px}
.customer_rules > ul li a{color:#3e77c5; text-decoration:underline}
.customer_rules > ul li strong{padding-left:4px; background:url('//image.sbs.co.kr/mobile/sbs/common/bul_dot.png') no-repeat left center; -webkit-background-size:2px; color:#111;}


.customer_rules_sub {width:100%; background:#fff;}
.customer_rules_sub .text,
.customer_rules_sub .scss_contents {width:92.5%; margin:15px auto; padding-bottom:15px; line-height:2em;}
.customer_rules_sub .top_cont {margin:10px 0; line-height:1.4em;}
.customer_rules_sub .sub_title {margin:15px 0 5px;}
.customer_rules_sub .scss_contents .sbshd_sm_tit {margin:5px 0; font-size:15px; font-weight:bold;}
.customer_rules_sub .scss_contents .snprg_lb_btit {font-size:20px; display:block; margin:10px 0 15px;}
.customer_rules_sub .scss_contents .policy_listul li {margin:5px 0 5px 20px; list-style-type:decimal;  }
.customer_rules_sub .scss_contents .policy_listul li ul li {margin-left:0; list-style:none !important;}
.policy_link {font-size:13px; color:#666; padding:10px 0; display:inline-block;}

/* [고객센터][약관] 목차 */
.customer_terms_list_w {margin-top:15px; padding-bottom:10px; border:1px solid #ddd; border-width:1px 0;}
.customer_terms_list {}
.ctl_inner {margin-top:10px;}
.ctl_cont {position:relative; display:block; padding-left:10px; min-height:22px; line-height:20px; font-weight:bold; color:#FE4275;}
.ctl_cont:after {display:block; content:''; width:4px; height:4px; position:absolute; left:0; top:8px; background-color:#FE4275;}

/* [고객센터][약관] 약관텍스트 */
.terms_text_w {}
.terms_text_w .tt_chapter {display:block; margin-top:9px; font-size:15px; font-weight:bold;}
.terms_text_w .tt_box_w {margin-top:7px;}
.terms_text_w .ttb_title {display:block; font-size:15px; font-weight:bold; color:#FE4275;}
.terms_text_w .ttb_title_point {font-weight:normal;}
.terms_text_w .ttb_paragraph {font-size:15px;}
.terms_text_w .ttb_title_w .ttb_title {display:inline-block; vertical-align:top; padding-right:9px;}
.terms_text_w .ttb_button_w {display:inline-block; vertical-align:top; max-width:100%; margin-top:2px;}
.terms_text_w .ttb_btn_kids {display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; padding:4px; line-height:14px; font-size:12px; font-weight:normal; color:#FE4275; border:1px solid #87b5ec;}
.terms_text_w .policy_listdot {margin:5px 0 10px;}
.terms_text_w .policy_listdot li {position:relative; padding-left:20px;}
.terms_text_w .policy_listdot li:before {content:''; display:block; position:absolute; top:15px; left:8px; width:3px; height:3px; border-radius:3px; background-color:#000;}
.terms_text_w .policy_listul > li {margin:5px 0 5px 20px; list-style-type:decimal;  }
.terms_text_w .policy_listul > li > ul > li {margin-left:0; list-style:none !important;}
.terms_text_w .policy_listul table {margin:10px 0; border:1px solid #999; border-width:0 0 1px 1px; line-height:23px; font-size:15px;}
.terms_text_w .policy_listul  th {border:1px solid #999; border-width:1px 1px 0 0; text-align:center; background-color:#ebebeb;}
.terms_text_w .policy_listul  td {border:1px solid #999; border-width:1px 1px 0 0; text-align:left;}
.terms_text_w .policy_link {font-size:13px; color:#666; padding:10px 0; display:inline-block;}
.terms_text_w .policy_listol_korean {margin-left:5px;}
.terms_text_w .policy_listol_korean > li {margin:5px 0 5px 20px; list-style: none; position:relative;}
.policy_listol_korean > li:nth-child(1)::before {content:'가)'; position:absolute; top:0; left:-20px; line-height:inherit;}
.policy_listol_korean > li:nth-child(2)::before {content:'나)'; position:absolute; top:0; left:-20px; line-height:inherit;}
.policy_listol_korean > li:nth-child(3)::before {content:'다)'; position:absolute; top:0; left:-20px; line-height:inherit;}
.policy_listol_korean > li:nth-child(4)::before {content:'라)'; position:absolute; top:0; left:-20px; line-height:inherit;}
.policy_listol_korean > li:nth-child(5)::before {content:'마)'; position:absolute; top:0; left:-20px; line-height:inherit;}
.policy_listol_korean > li:nth-child(6)::before {content:'바)'; position:absolute; top:0; left:-20px; line-height:inherit;}
.policy_listol_korean > li:nth-child(7)::before {content:'사)'; position:absolute; top:0; left:-20px; line-height:inherit;}
.policy_listol_korean > li:nth-child(8)::before {content:'아)'; position:absolute; top:0; left:-20px; line-height:inherit;}
.policy_listol_korean > li:nth-child(9)::before {content:'자)'; position:absolute; top:0; left:-20px; line-height:inherit;}
.policy_listol_korean > li:nth-child(10)::before {content:'차)'; position:absolute; top:0; left:-20px; line-height:inherit;}
.policy_listol_korean > li:nth-child(11)::before {content:'카)'; position:absolute; top:0; left:-20px; line-height:inherit;}
.policy_listol_korean > li:nth-child(12)::before {content:'타)'; position:absolute; top:0; left:-20px; line-height:inherit;}
.policy_listol_korean > li:nth-child(13)::before {content:'파)'; position:absolute; top:0; left:-20px; line-height:inherit;}
.policy_listol_korean > li:nth-child(14)::before {content:'하)'; position:absolute; top:0; left:-20px; line-height:inherit;}
.terms_text_w .policy_listol_korean > li > ul > li {margin-left:0; list-style:none !important;}
.terms_text_w .policy_listol_korean table {margin:10px 0; border:1px solid #999; border-width:0 0 1px 1px; line-height:23px; font-size:15px;}
.terms_text_w .policy_listol_korean  th {border:1px solid #999; border-width:1px 1px 0 0; text-align:center; background-color:#ebebeb;}
.terms_text_w .policy_listol_korean  td {border:1px solid #999; border-width:1px 1px 0 0; text-align:center;}


/* ============================= 다크모드 ============================= */
.theme-dark,
.theme-dark .container{background-color:#000;color:#fff;}
.theme-dark .box{background-color:#000;border-color:#555;}
.theme-dark select,
.theme-dark input[type="text"]{background-color:#1A1A1A;color:#fff;border:none;}
.theme-dark .customer_search .input input[type='text']{background-color:#000;color:#ABABAB;}
.theme-dark .customer_search + div h2{color:#1A1A1A;}
.theme-dark .tag_p{color:#ababab;}
.theme-dark .tag_p_web{color:#fff;}
.theme-dark .cuscen_use_w.type01 .title-type02,
.theme-dark .cuscen_use_w.type01 .infoBox .title-type01,
.theme-dark .cuscen_use_w.type01 .infoBox .infoText01{color:#fff;}
.theme-dark .customer_search .select select{background-color:#1A1A1A;}
.theme-dark .blue_txt{color:#FE4275;}
.theme-dark .box.faq > ul > li{background-size:17px 16px;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='16' viewBox='0 0 17 16' fill='none'%3E%3Cpath d='M14.6066 5.66667L8.93994 11.3333L3.27327 5.66667' stroke='%23898989' stroke-width='1.45455' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");}
.theme-dark .box.faq > ul > li.on{background-color:#000;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='16' viewBox='0 0 17 16' fill='none'%3E%3Cpath d='M3.27327 10.3333L8.93994 4.66667L14.6066 10.3333' stroke='%23898989' stroke-width='1.45455' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");}
.theme-dark .box.faq > ul > li.on a{color:#fff;}
.theme-dark .box.faq > ul > li,
.theme-dark .box.faq > ul > li > div, .box.faq > ul > li > dl{border-color:#747474;}
.theme-dark .choose_con{background-color:#000;border-color:#555;}
.theme-dark .choose_con li a{color:#fff;}
.theme-dark .choose_con li.on a{color:#FE4275;}
.theme-dark .gray_box{background-color:#FFF2F5;}
.theme-dark .gray_box .text{color:#555;}
.theme-dark .login_box_web{background-color:#000;color:#fff;border-color:#555;}
.theme-dark .report_info textarea{background-color:#1A1A1A;color:#fff;}
.theme-dark .web_agree_textarea{background-color:#000;border:1px solid #747474;color:#ABABAB;}
.theme-dark .login01_check label{color:#F2F2F2;}
.theme-dark .login_box_web.ma_bo.bor_no{border-width:1px!important;}
.theme-dark .list_type01 li{color:#ABABAB;}
.theme-dark .web_agree_line{border-color:#555;}
.theme-dark .box.web_list .top span{color:#F2F2F2;}
.theme-dark .view_detail > div,
.theme-dark .box.web_list > a,
.theme-dark .view_detail .top .info div:first-child,
.theme-dark .view_detail .top .info div .mail,
.theme-dark .view_detail > p{color:#fff;}
.theme-dark .web_detail{background-color:#000;}
.theme-dark .web_reply .cont{color:#1A1A1A;}

.theme-dark .customer_rules_sub{background-color:#000;}
.theme-dark .terms_text_w .policy_listul table{color:#fff;}

.theme-dark .terms_text_w .policy_listul th{background-color:#1A1A1A;}
.theme-dark .terms_text_w .policy_listol_korean td{color:#fff;}